Move InPersonURL configuration into new InPerson context

app/javascript/packages/document-capture/components/document-capture-troubleshooting-options.spec.tsx

@@ -4,9 +4,9 @@ import {
   MarketingSiteContextProvider,
   ServiceProviderContextProvider,
 } from '@18f/identity-document-capture';
-import { FlowContext, FlowContextValue } from '@18f/identity-verify-flow';
 import DocumentCaptureTroubleshootingOptions from './document-capture-troubleshooting-options';
 import type { ServiceProviderContext } from '../context/service-provider';
+import InPersonContext, { InPersonContextProps } from '../context/in-person';
 
 describe('DocumentCaptureTroubleshootingOptions', () => {
   const helpCenterRedirectURL = 'https://example.com/redirect/';
@@ -146,9 +146,9 @@ describe('DocumentCaptureTroubleshootingOptions', () => {
 
     context('with inPersonURL', () => {
       const wrapper: ComponentType = ({ children }) => (
-        <FlowContext.Provider value={{ inPersonURL } as FlowContextValue}>
+        <InPersonContext.Provider value={{ inPersonURL } as InPersonContextProps}>
           {children}
-        </FlowContext.Provider>
+        </InPersonContext.Provider>
       );
 
       it('does not render in-person call to action', () => {

app/javascript/packages/document-capture/components/document-capture-troubleshooting-options.tsx

@@ -1,11 +1,11 @@
 import { useContext } from 'react';
-import { FlowContext } from '@18f/identity-verify-flow';
 import { TroubleshootingOptions } from '@18f/identity-components';
 import { useI18n } from '@18f/identity-react-i18n';
 import type { TroubleshootingOption } from '@18f/identity-components/troubleshooting-options';
 import ServiceProviderContext from '../context/service-provider';
 import MarketingSiteContext from '../context/marketing-site';
 import InPersonCallToAction from './in-person-call-to-action';
+import { InPersonContext } from '../context';
 
 interface DocumentCaptureTroubleshootingOptionsProps {
   /**
@@ -36,7 +36,7 @@ function DocumentCaptureTroubleshootingOptions({
   showAlternativeProofingOptions,
 }: DocumentCaptureTroubleshootingOptionsProps) {
   const { t } = useI18n();
-  const { inPersonURL } = useContext(FlowContext);
+  const { inPersonURL } = useContext(InPersonContext);
   const { getHelpCenterURL } = useContext(MarketingSiteContext);
   const { name: spName, getFailureToProofURL } = useContext(ServiceProviderContext);
 

app/javascript/packages/document-capture/components/document-capture.tsx

@@ -2,7 +2,7 @@ import { useState, useMemo, useContext, useEffect } from 'react';
 import { Alert } from '@18f/identity-components';
 import { useI18n } from '@18f/identity-react-i18n';
 import { FormSteps, PromptOnNavigate } from '@18f/identity-form-steps';
-import { FlowContext, VerifyFlowStepIndicator, VerifyFlowPath } from '@18f/identity-verify-flow';
+import { VerifyFlowStepIndicator, VerifyFlowPath } from '@18f/identity-verify-flow';
 import { useDidUpdateEffect } from '@18f/identity-react-hooks';
 import type { FormStep } from '@18f/identity-form-steps';
 import { UploadFormEntriesError } from '../services/upload';
@@ -20,6 +20,7 @@ import { BackgroundEncryptedUploadError } from '../higher-order/with-background-
 import SuspenseErrorBoundary from './suspense-error-boundary';
 import SubmissionInterstitial from './submission-interstitial';
 import withProps from '../higher-order/with-props';
+import { InPersonContext } from '../context';
 
 /**
  * Returns a new object with specified keys removed.
@@ -57,7 +58,7 @@ function DocumentCapture({ isAsyncForm = false, onStepChange = () => {} }: Docum
   const { t } = useI18n();
   const { flowPath } = useContext(UploadContext);
   const { trackSubmitEvent, trackVisitEvent } = useContext(AnalyticsContext);
-  const { inPersonURL } = useContext(FlowContext);
+  const { inPersonURL } = useContext(InPersonContext);
   useDidUpdateEffect(onStepChange, [stepName]);
   useEffect(() => {
     if (stepName) {

app/javascript/packages/document-capture/components/in-person-prepare-step.spec.tsx

@@ -2,12 +2,11 @@ import sinon from 'sinon';
 import { fireEvent, render, waitFor } from '@testing-library/react';
 import userEvent from '@testing-library/user-event';
 import type { ComponentType } from 'react';
-import { FlowContext } from '@18f/identity-verify-flow';
-import type { FlowContextValue } from '@18f/identity-verify-flow';
 import { useSandbox } from '@18f/identity-test-helpers';
 import { Provider as MarketingSiteContextProvider } from '../context/marketing-site';
 import { AnalyticsContextProvider } from '../context/analytics';
 import InPersonPrepareStep from './in-person-prepare-step';
+import InPersonContext, { InPersonContextProps } from '../context/in-person';
 
 describe('InPersonPrepareStep', () => {
   const DEFAULT_PROPS = { toPreviousStep() {}, value: {} };
@@ -26,9 +25,9 @@ describe('InPersonPrepareStep', () => {
   context('with in person URL', () => {
     const inPersonURL = '#in_person';
     const wrapper: ComponentType = ({ children }) => (
-      <FlowContext.Provider value={{ inPersonURL } as FlowContextValue}>
+      <InPersonContext.Provider value={{ inPersonURL } as InPersonContextProps}>
         {children}
-      </FlowContext.Provider>
+      </InPersonContext.Provider>
     );
 
     it('logs prepare step submission when clicking continue', async () => {

app/javascript/packages/document-capture/components/in-person-prepare-step.tsx

@@ -10,7 +10,6 @@ import {
   ProcessListItem,
 } from '@18f/identity-components';
 import { removeUnloadProtection } from '@18f/identity-url';
-import { FlowContext } from '@18f/identity-verify-flow';
 import { getConfigValue } from '@18f/identity-config';
 import { useI18n } from '@18f/identity-react-i18n';
 import { FormStepsButton } from '@18f/identity-form-steps';
@@ -20,11 +19,12 @@ import MarketingSiteContext from '../context/marketing-site';
 import AnalyticsContext from '../context/analytics';
 import BackButton from './back-button';
 import InPersonTroubleshootingOptions from './in-person-troubleshooting-options';
+import { InPersonContext } from '../context';
 
 function InPersonPrepareStep({ toPreviousStep, value }) {
   const { t } = useI18n();
   const [isSubmitting, setIsSubmitting] = useState(false);
-  const { inPersonURL } = useContext(FlowContext);
+  const { inPersonURL } = useContext(InPersonContext);
   const { flowPath } = useContext(UploadContext);
   const { trackEvent } = useContext(AnalyticsContext);
   const { securityAndPrivacyHowItWorksURL } = useContext(MarketingSiteContext);

app/javascript/packages/document-capture/context/in-person.ts

@@ -0,0 +1,21 @@
+import { createContext } from 'react';
+
+export interface InPersonContextProps {
+  /**
+   * Feature flag for enabling address search
+   */
+  arcgisSearchEnabled?: boolean;
+
+  /**
+   * URL to in-person proofing alternative flow, if enabled.
+   */
+  inPersonURL?: string;
+}
+
+const InPersonContext = createContext<InPersonContextProps>({
+  arcgisSearchEnabled: false,
+});
+
+InPersonContext.displayName = 'InPersonContext';
+
+export default InPersonContext;

app/javascript/packages/verify-flow/context/flow-context.tsx

@@ -6,11 +6,6 @@ export interface FlowContextValue {
    */
   cancelURL: string;
 
-  /**
-   * URL to in-person proofing alternative flow, if enabled.
-   */
-  inPersonURL?: string;
-
   /**
    * Current step name.
    */

app/javascript/packs/document-capture.tsx

@@ -165,7 +165,6 @@ const trackEvent: typeof baseTrackEvent = (event, payload) => {
       {
         value: {
           cancelURL,
-          inPersonURL,
           currentStep: 'document_capture',
         },
       },
@@ -186,7 +185,10 @@ const trackEvent: typeof baseTrackEvent = (event, payload) => {
         nativeCameraOnly: nativeCameraOnly === 'true',
       },
     ],
-    [InPersonContext.Provider, { value: { arcgisSearchEnabled: arcgisSearchEnabled === 'true' } }],
+    [
+      InPersonContext.Provider,
+      { value: { arcgisSearchEnabled: arcgisSearchEnabled === 'true', inPersonURL } },
+    ],
     [DocumentCapture, { isAsyncForm, onStepChange: keepAlive }],
   );
 

spec/javascripts/packages/document-capture/components/document-capture-spec.jsx

@@ -11,6 +11,7 @@ import {
   UploadContextProvider,
   AcuantContextProvider,
   DeviceContext,
+  InPersonContext,
 } from '@18f/identity-document-capture';
 import DocumentCapture, {
   except,
@@ -494,11 +495,16 @@ describe('document-capture/components/document-capture', () => {
               <FlowContext.Provider
                 value={{
                   cancelURL: '/cancel',
-                  inPersonURL: '/in_person',
                   currentStep: 'document_capture',
                 }}
               >
-                <DocumentCapture />
+                <InPersonContext.Provider
+                  value={{
+                    inPersonURL: '/in_person',
+                  }}
+                >
+                  <DocumentCapture />
+                </InPersonContext.Provider>
               </FlowContext.Provider>
             </ServiceProviderContextProvider>
           </UploadContextProvider>,