HS-1639514 - Fix Google Import, MailChimp, Organization, and PrayerLetters redirects

src/components/Settings/integrations/useOauthUrl.test.tsx

@@ -0,0 +1,79 @@
+import React, { PropsWithChildren } from 'react';
+import { renderHook } from '@testing-library/react';
+import { Session } from 'next-auth';
+import { useSession } from 'next-auth/react';
+import { renderToString } from 'react-dom/server';
+import TestRouter from '__tests__/util/TestRouter';
+import { IntegrationAccordion } from 'src/components/Shared/Forms/Accordions/AccordionEnum';
+import { useOauthUrl } from './useOauthUrl';
+
+jest.mock('next-auth/react');
+
+const accountListId = 'account-list-1';
+const apiToken = 'apiToken';
+
+const Wrapper = ({ children }: PropsWithChildren) => (
+  <TestRouter router={{ query: { accountListId } }}>{children}</TestRouter>
+);
+
+const renderUseOauthUrl = () =>
+  renderHook(() => useOauthUrl(), { wrapper: Wrapper });
+
+beforeEach(() => {
+  process.env.OAUTH_URL = 'https://auth.mpdx.org';
+  (useSession as jest.Mock).mockReturnValue({
+    data: { user: { apiToken } } as Session,
+  });
+});
+
+describe('useOauthUrl', () => {
+  it('builds the Google OAuth url with the redirect back to integrations', () => {
+    const { result } = renderUseOauthUrl();
+
+    expect(result.current.getGoogleOauthUrl()).toBe(
+      `https://auth.mpdx.org/auth/user/google?account_list_id=${accountListId}&redirect_to=${encodeURIComponent(
+        `http://localhost/accountLists/${accountListId}/settings/integrations?selectedTab=${IntegrationAccordion.Google}`,
+      )}&access_token=${apiToken}`,
+    );
+  });
+
+  it('includes the organization id in the DonorHub OAuth url', () => {
+    const { result } = renderUseOauthUrl();
+
+    expect(result.current.getOrganizationOauthUrl('org-1')).toBe(
+      `https://auth.mpdx.org/auth/user/donorhub?account_list_id=${accountListId}&redirect_to=${encodeURIComponent(
+        `http://localhost/accountLists/${accountListId}/settings/integrations?selectedTab=${IntegrationAccordion.Organization}`,
+      )}&access_token=${apiToken}&organization_id=org-1`,
+    );
+  });
+
+  it('renders on the server when window is undefined', () => {
+    const Probe = () => {
+      const { getGoogleOauthUrl } = useOauthUrl();
+      return <a href={getGoogleOauthUrl()}>{'link'}</a>;
+    };
+
+    const originalWindow = global.window;
+    // @ts-expect-error simulating a server environment with no window
+    delete global.window;
+
+    try {
+      let html = '';
+      expect(() => {
+        html = renderToString(
+          <Wrapper>
+            <Probe />
+          </Wrapper>,
+        );
+      }).not.toThrow();
+
+      expect(html).toContain(
+        `redirect_to=${encodeURIComponent(
+          `/accountLists/${accountListId}/settings/integrations?selectedTab=${IntegrationAccordion.Google}`,
+        )}`,
+      );
+    } finally {
+      global.window = originalWindow;
+    }
+  });
+});

src/components/Settings/integrations/useOauthUrl.ts

@@ -1,3 +1,4 @@
+import { useEffect, useState } from 'react';
 import { IntegrationAccordion } from 'src/components/Shared/Forms/Accordions/AccordionEnum';
 import { useAccountListId } from 'src/hooks/useAccountListId';
 import { useRequiredSession } from 'src/hooks/useRequiredSession';
@@ -6,12 +7,15 @@ export const useOauthUrl = () => {
   const { apiToken } = useRequiredSession();
   const accountListId = useAccountListId();
 
-  const getRedirectUrl = (accordion: IntegrationAccordion) => {
-    const domain = window.location.origin;
-    return encodeURIComponent(
-      `${domain}/accountLists/${accountListId}/settings/integrations?selectedTab=${accordion}`,
+  const [origin, setOrigin] = useState('');
+  useEffect(() => {
+    setOrigin(window.location.origin);
+  }, []);
+
+  const getRedirectUrl = (accordion: IntegrationAccordion) =>
+    encodeURIComponent(
+      `${origin}/accountLists/${accountListId}/settings/integrations?selectedTab=${accordion}`,
     );
-  };
 
   return {
     getGoogleOauthUrl: () =>