MPDX-8380 Data Export Redirect

pages/accountLists/[accountListId]/settings/preferences.page.test.tsx

@@ -1,7 +1,9 @@
+import { NextRouter } from 'next/router';
 import React from 'react';
 import { ThemeProvider } from '@mui/material/styles';
 import { render, waitFor } from '@testing-library/react';
 import userEvent from '@testing-library/user-event';
+import { session } from '__tests__/fixtures/session';
 import TestRouter from '__tests__/util/TestRouter';
 import { GqlMockedProvider } from '__tests__/util/graphqlMocking';
 import { GetUserOptionsQuery } from 'src/components/Contacts/ContactFlow/GetUserOptions.generated';
@@ -25,7 +27,7 @@ const mockEnqueue = jest.fn();
 const mutationSpy = jest.fn();
 const push = jest.fn();
 
-const router = {
+const defaultRouter = {
   query: { accountListId },
   pathname: '/accountLists/[accountListId]/settings/preferences',
   isReady: true,
@@ -48,13 +50,15 @@ interface MocksProvidersProps {
   canUserExportData: boolean;
   singleOrg?: boolean;
   setup?: string;
+  router?: Partial<NextRouter> | undefined;
 }
 
 const MocksProviders: React.FC<MocksProvidersProps> = ({
   children,
   canUserExportData,
   singleOrg,
   setup,
+  router = defaultRouter,
 }) => (
   <ThemeProvider theme={theme}>
     <TestRouter router={router}>
@@ -213,6 +217,35 @@ describe('Preferences page', () => {
       expect(queryByText('Primary Organization')).not.toBeInTheDocument(),
     );
   });
+  describe('Export Redirect', () => {
+    it('redirects when exportId is provided in the URL', () => {
+      const router = {
+        isReady: true,
+        query: {
+          exportId: 'export_id',
+          accountListId,
+        },
+      };
+
+      const {} = render(
+        <MocksProviders
+          canUserExportData={false}
+          singleOrg={true}
+          router={router}
+        >
+          <Preferences />
+        </MocksProviders>,
+      );
+
+      expect(window.location.replace).toHaveBeenCalledWith(
+        `${
+          process.env.REST_API_URL
+        }/account_lists/${accountListId}/exports/${encodeURIComponent(
+          'export_id',
+        )}.xml?access_token=${session.user.apiToken}`,
+      );
+    });
+  });
 
   describe('Setup Tour', () => {
     it('should not show setup banner and accordions should not be disabled', async () => {

pages/accountLists/[accountListId]/settings/preferences.page.tsx

@@ -32,6 +32,7 @@
 import { StickyBox } from 'src/components/Shared/Header/styledComponents';
 import { useAccountListId } from 'src/hooks/useAccountListId';
 import { useGetTimezones } from 'src/hooks/useGetTimezones';
+import { useRequiredSession } from 'src/hooks/useRequiredSession';
 import { getCountries } from 'src/lib/data/countries';
 import { SettingsWrapper } from './Wrapper';
 
@@ -46,6 +47,7 @@
   const { push, query } = useRouter();
   const { enqueueSnackbar } = useSnackbar();
   const { onSetupTour } = useSetupContext();
+  const session = useRequiredSession();
 
   const setupAccordions = ['locale', 'monthly goal', 'home country'];
   const [setup, setSetup] = useState(0);
@@ -57,6 +59,26 @@
 
   const [updateUserOptions] = useUpdateUserOptionsMutation();
 
+  useEffect(() => {
+    const redirectToDownloadExportedData = (exportDataExportId: string) => {
+      if (!exportDataExportId) {
+        return;
+      }
+
+      const url = `${
+        process.env.REST_API_URL
+      }/account_lists/${accountListId}/exports/${encodeURIComponent(
+        exportDataExportId,
+      )}.xml?access_token=${session.apiToken}`;
+
+      window.location.replace(url);
+    };
+
+    if (query.exportId && typeof query.exportId === 'string') {
+      redirectToDownloadExportedData(query.exportId);
+    }
+  }, [query.exportId, accountListId]);
+
   const { data: personalPreferencesData, loading: personalPreferencesLoading } =
     useGetPersonalPreferencesQuery({
       variables: {