[NOCI] Update redirect structure (#162)

* Update redirect structure

* Mock onRedirect

* update types

* Update spec/components/CioPlpGrid/CioPlpGrid.test.jsx

Co-authored-by: Ahmad Mudaafi' <ahmad.mudaafi@constructor.io>

---------

Co-authored-by: Evan Yan <evan.yan@constructor.io>
Co-authored-by: mudaafi <ahmad.mudaafi@constructor.io>

Author: 3 people

spec/components/CioPlpGrid/CioPlpGrid.test.jsx

@@ -198,6 +198,40 @@ describe('Testing Component: CioPlpGrid', () => {
     });
   });
 
+  it('Should render redirect data when a search redirect response is received', async () => {
+    // Mock redirect data
+    const mockRedirectData = {
+      redirect: {
+        data: {
+          url: 'https://example.com/redirect-url',
+        },
+      },
+    };
+
+    const mockOnRedirect = jest.fn();
+    jest.spyOn(require('../../../src/hooks/useCioPlpContext'), 'useCioPlpContext').mockReturnValue({
+      callbacks: {
+        onRedirect: mockOnRedirect,
+      },
+    });
+
+    useCioPlp.mockReturnValue({
+      status: RequestStatus.SUCCESS,
+      isSearchPage: true,
+      data: mockRedirectData,
+    });
+
+    render(
+      <CioPlp apiKey={DEMO_API_KEY}>
+        <CioPlpGrid />
+      </CioPlp>,
+    );
+
+    await waitFor(() => {
+      expect(mockOnRedirect).toHaveBeenCalledWith('https://example.com/redirect-url');
+    });
+  });
+
   it('Should render results with data attributes when data is fetched for Browse', async () => {
     useRequestConfigs.mockImplementation(() => ({
       getRequestConfigs: () => ({ filterName: 'group_id', filterValue: '1030' }),

src/components/CioPlpGrid/CioPlpGrid.tsx

@@ -84,7 +84,7 @@ export default function CioPlpGrid(props: CioPlpGridWithRenderProps) {
   } = useCioPlpContext();
 
   if (isPlpSearchDataRedirect(data)) {
-    const redirectUrl = data.redirect.redirect.data.url;
+    const redirectUrl = data.redirect.data.url;
 
     if (onRedirect) {
       onRedirect(redirectUrl);

src/types.ts

@@ -72,7 +72,7 @@ export interface PlpSearchDataRedirect {
   resultId: string;
   request: SearchRequestType;
   rawApiResponse: SearchResponse;
-  redirect: Redirect;
+  redirect: Redirect['redirect'];
 }
 
 export interface PlpSearchResponse {

src/utils/transformers.ts

@@ -229,7 +229,7 @@ export function transformSearchResponse(res: SearchResponse): Nullable<PlpSearch
     return {
       resultId,
       request,
-      redirect: response.redirect as Redirect,
+      redirect: response.redirect as Redirect['redirect'],
       rawApiResponse: res,
     } as PlpSearchDataRedirect; // Type override due to partials in client-js
   }