LG-7710 Remove Selfie React Code

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

@@ -8,7 +8,7 @@ import {
   useImperativeHandle,
 } from 'react';
 import { useI18n } from '@18f/identity-react-i18n';
-import { useIfStillMounted, useDidUpdateEffect } from '@18f/identity-react-hooks';
+import { useDidUpdateEffect } from '@18f/identity-react-hooks';
 import { Button, FullScreen } from '@18f/identity-components';
 import type { FullScreenRefHandle } from '@18f/identity-components';
 import type { FocusTrap } from 'focus-trap';
@@ -95,12 +95,6 @@ interface AcuantCaptureProps {
    * Camera permission declined callback
    */
   onCameraAccessDeclined?: () => void;
-  /**
-   * Facing mode of caopture. If capture is not
-   * specified and a camera is supported, defaults
-   * to the Acuant environment camera capture.
-   */
-  capture: 'user' | 'environment';
   /**
    * Optional additional class names
    */
@@ -261,7 +255,6 @@ function AcuantCapture(
     value,
     onChange = () => {},
     onCameraAccessDeclined = () => {},
-    capture,
     className,
     allowUpload = true,
     errorMessage,
@@ -272,7 +265,6 @@ function AcuantCapture(
   const {
     isReady,
     isActive: isAcuantInstanceActive,
-    isAcuantLoaded,
     isError,
     isCameraSupported,
     glareThreshold,
@@ -287,7 +279,6 @@ function AcuantCapture(
   const [isCapturingEnvironment, setIsCapturingEnvironment] = useState(false);
   const [ownErrorMessage, setOwnErrorMessage] = useState<string | null>(null);
   const [hasStartedCropping, setHasStartedCropping] = useState(false);
-  const ifStillMounted = useIfStillMounted();
   useMemo(() => setOwnErrorMessage(null), [value]);
   const { isMobile } = useContext(DeviceContext);
   const { t, formatHTML } = useI18n();
@@ -419,16 +410,10 @@ function AcuantCapture(
   function startCaptureOrTriggerUpload(event: MouseEvent) {
     if (event.target === inputRef.current) {
       const isAcuantCaptureCapable = hasCapture && !acuantFailureCookie;
-      const isEnvironmentCapture = capture !== 'user';
-      const shouldStartSelfieCapture =
-        isAcuantLoaded && capture === 'user' && !isForceUploading.current;
       let shouldStartAcuantCapture =
-        isAcuantCaptureCapable &&
-        capture !== 'user' &&
-        !isForceUploading.current &&
-        !forceNativeCamera;
+        isAcuantCaptureCapable && !isForceUploading.current && !forceNativeCamera;
 
-      if (isAcuantCaptureCapable && isEnvironmentCapture && forceNativeCamera) {
+      if (isAcuantCaptureCapable && forceNativeCamera) {
         trackEvent('IdV: Native camera forced after failed attempts', {
           field: name,
           failed_capture_attempts: failedCaptureAttempts,
@@ -443,18 +428,11 @@ function AcuantCapture(
         shouldStartAcuantCapture = !nativeCameraOnly;
       }
 
-      if (!allowUpload || shouldStartSelfieCapture || shouldStartAcuantCapture) {
+      if (!allowUpload || shouldStartAcuantCapture) {
         event.preventDefault();
       }
 
-      if (shouldStartSelfieCapture) {
-        window.AcuantPassiveLiveness.startSelfieCapture(
-          ifStillMounted((nextImageData) => {
-            const dataURI = `data:image/jpeg;base64,${nextImageData}`;
-            onChangeAndResetError(dataURI);
-          }),
-        );
-      } else if (shouldStartAcuantCapture && !isAcuantInstanceActive) {
+      if (shouldStartAcuantCapture && !isAcuantInstanceActive) {
         setIsCapturingEnvironment(true);
       }
 
@@ -571,7 +549,6 @@ function AcuantCapture(
         fileLoadingText={t('doc_auth.info.image_loading')}
         fileLoadedText={t('doc_auth.info.image_loaded')}
         accept={isMockClient ? undefined : ['image/jpeg', 'image/png']}
-        capture={capture}
         value={value}
         errorMessage={ownErrorMessage ?? errorMessage}
         isValuePending={hasStartedCropping}

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

@@ -17,7 +17,6 @@ describe('DocumentCaptureTroubleshootingOptions', () => {
   const serviceProviderContext: ServiceProviderContext = {
     name: 'Example SP',
     failureToProofURL: 'http://example.test/url/to/failure-to-proof',
-    isLivenessRequired: false,
     getFailureToProofURL: () => '',
   };
   const wrappers: Record<string, ComponentType> = {

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

@@ -7,12 +7,10 @@ import { useDidUpdateEffect } from '@18f/identity-react-hooks';
 import type { FormStep } from '@18f/identity-form-steps';
 import { UploadFormEntriesError } from '../services/upload';
 import DocumentsStep from './documents-step';
-import SelfieStep from './selfie-step';
 import InPersonPrepareStep from './in-person-prepare-step';
 import InPersonLocationStep from './in-person-location-step';
 import InPersonSwitchBackStep from './in-person-switch-back-step';
 import ReviewIssuesStep from './review-issues-step';
-import ServiceProviderContext from '../context/service-provider';
 import UploadContext from '../context/upload';
 import AnalyticsContext from '../context/analytics';
 import Submission from './submission';
@@ -57,7 +55,6 @@ function DocumentCapture({ isAsyncForm = false, onStepChange = () => {} }: Docum
   const [submissionError, setSubmissionError] = useState<Error | undefined>(undefined);
   const [stepName, setStepName] = useState<string | undefined>(undefined);
   const { t } = useI18n();
-  const serviceProvider = useContext(ServiceProviderContext);
   const { flowPath } = useContext(UploadContext);
   const { trackSubmitEvent, trackVisitEvent } = useContext(AnalyticsContext);
   const { inPersonURL } = useContext(FlowContext);
@@ -81,7 +78,7 @@ function DocumentCapture({ isAsyncForm = false, onStepChange = () => {} }: Docum
   const submissionFormValues = useMemo(
     () =>
       formValues && {
-        ...(isAsyncForm ? except(formValues, 'front', 'back', 'selfie') : formValues),
+        ...(isAsyncForm ? except(formValues, 'front', 'back') : formValues),
         flow_path: flowPath,
       },
     [isAsyncForm, formValues, flowPath],
@@ -146,10 +143,6 @@ function DocumentCapture({ isAsyncForm = false, onStepChange = () => {} }: Docum
           name: 'documents',
           form: DocumentsStep,
         },
-        serviceProvider.isLivenessRequired && {
-          name: 'selfie',
-          form: SelfieStep,
-        },
       ].filter(Boolean) as FormStep[]);
 
   const stepIndicatorPath =

app/javascript/packages/document-capture/components/document-side-acuant-capture.jsx

@@ -67,7 +67,6 @@ function DocumentSideAcuantCapture({
       errorMessage={error ? error.message : undefined}
       name={side}
       className={className}
-      capture="environment"
     />
   );
 }

app/javascript/packages/document-capture/components/file-input.jsx

@@ -32,7 +32,6 @@ import usePrevious from '../hooks/use-previous';
  * @prop {string} fileLoadingText Status message text to show when file is pending.
  * @prop {string} fileLoadedText Status message text to show once pending file is loaded.
  * @prop {string[]=} accept Optional array of file input accept patterns.
- * @prop {'user'|'environment'=} capture Optional facing mode if file input is used for capture.
  * @prop {Blob|string|null|undefined} value Current value.
  * @prop {ReactNode=} errorMessage Error to show.
  * @prop {boolean=} isValuePending Whether to show the input in an indeterminate loading state,
@@ -115,7 +114,6 @@ function FileInput(props, ref) {
     fileLoadingText,
     fileLoadedText,
     accept,
-    capture,
     value,
     errorMessage,
     isValuePending,
@@ -325,7 +323,6 @@ function FileInput(props, ref) {
             aria-label={getLabelFromValue(label, value)}
             aria-busy={isValuePending}
             onChange={onChangeIfValid}
-            capture={capture}
             onClick={onClick}
             onDrop={onDrop}
             accept={accept ? accept.join() : undefined}

app/javascript/packages/document-capture/components/review-issues-step.tsx

@@ -1,16 +1,11 @@
 import { useContext, useEffect, useState } from 'react';
-import { hasMediaAccess } from '@18f/identity-device';
 import { useI18n } from '@18f/identity-react-i18n';
 import { useDidUpdateEffect } from '@18f/identity-react-hooks';
 import { FormStepsContext, FormStepsButton } from '@18f/identity-form-steps';
 import { PageHeading } from '@18f/identity-components';
 import { Cancel } from '@18f/identity-verify-flow';
 import type { FormStepComponentProps } from '@18f/identity-form-steps';
-import DeviceContext from '../context/device';
 import DocumentSideAcuantCapture from './document-side-acuant-capture';
-import AcuantCapture from './acuant-capture';
-import SelfieCapture from './selfie-capture';
-import ServiceProviderContext from '../context/service-provider';
 import withBackgroundEncryptedUpload from '../higher-order/with-background-encrypted-upload';
 import type { PII } from '../services/upload';
 import DocumentCaptureTroubleshootingOptions from './document-capture-troubleshooting-options';
@@ -32,11 +27,6 @@ interface ReviewIssuesStepValue {
    */
   back: Blob | string | null | undefined;
 
-  /**
-   * Back image value.
-   */
-  selfie: Blob | string | null | undefined;
-
   /**
    * Front image metadata.
    */
@@ -78,10 +68,7 @@ function ReviewIssuesStep({
   captureHints = false,
 }: ReviewIssuesStepProps) {
   const { t } = useI18n();
-  const { isMobile } = useContext(DeviceContext);
-  const serviceProvider = useContext(ServiceProviderContext);
   const { trackEvent } = useContext(AnalyticsContext);
-  const selfieError = errors.find(({ field }) => field === 'selfie')?.error;
   const [hasDismissed, setHasDismissed] = useState(remainingAttempts === Infinity);
   const { onPageTransition, changeStepCanComplete } = useContext(FormStepsContext);
   useDidUpdateEffect(onPageTransition, [hasDismissed]);
@@ -122,7 +109,7 @@ function ReviewIssuesStep({
       >
         {!!unknownFieldErrors &&
           unknownFieldErrors
-            .filter((error) => !['front', 'back', 'selfie'].includes(error.field!))
+            .filter((error) => !['front', 'back'].includes(error.field!))
             .map(({ error }) => <p key={error.message}>{error.message}</p>)}
 
         {remainingAttempts <= DISPLAY_ATTEMPTS && (
@@ -166,45 +153,7 @@ function ReviewIssuesStep({
           className="document-capture-review-issues-step__input"
         />
       ))}
-      {serviceProvider.isLivenessRequired && (
-        <>
-          <hr className="margin-y-4" />
-          <p className="margin-bottom-0">{t('doc_auth.tips.review_issues_selfie_header_text')}</p>
-          <ul>
-            <li>{t('doc_auth.tips.review_issues_selfie_text1')}</li>
-            <li>{t('doc_auth.tips.review_issues_selfie_text2')}</li>
-            <li>{t('doc_auth.tips.review_issues_selfie_text3')}</li>
-            <li>{t('doc_auth.tips.review_issues_selfie_text4')}</li>
-          </ul>
-          {isMobile || !hasMediaAccess() ? (
-            <AcuantCapture
-              ref={registerField('selfie', { isRequired: true })}
-              capture="user"
-              label={t('doc_auth.headings.document_capture_selfie')}
-              bannerText={t('doc_auth.headings.photo')}
-              value={value.selfie}
-              onChange={(nextSelfie) => onChange({ selfie: nextSelfie })}
-              allowUpload={false}
-              className="document-capture-review-issues-step__input"
-              errorMessage={selfieError?.message}
-              name="selfie"
-            />
-          ) : (
-            <SelfieCapture
-              ref={registerField('selfie', { isRequired: true })}
-              value={value.selfie}
-              onChange={(nextSelfie) => onChange({ selfie: nextSelfie })}
-              errorMessage={selfieError?.message}
-              className={[
-                'document-capture-review-issues-step__input',
-                !value.selfie && 'document-capture-review-issues-step__input--unconstrained-width',
-              ]
-                .filter(Boolean)
-                .join(' ')}
-            />
-          )}
-        </>
-      )}
+
       <FormStepsButton.Submit />
       <DocumentCaptureTroubleshootingOptions />
       <Cancel />