@sheerid/jslib-nightly 2.104.0-alpha.1 → 2.104.0-alpha.2

package/src/components/StepSuccess/StepSuccessComponent.d.ts

@@ -1,5 +1,5 @@
-import { default as React } from 'react';
 import { VerificationService } from '../../lib/types/types';
+import { default as React } from 'react';
 
 interface StepSuccessProps {
     verificationService: VerificationService;

package/src/components/StepTeacherPersonalInfo/StepTeacherPersonalInfoComponent.d.ts

@@ -1,5 +1,5 @@
-import { default as React } from 'react';
 import { TeacherPersonalInfoViewModel, VerificationService } from '../../lib/types/types';
+import { default as React } from 'react';
 
 interface StepTeacherPersonalInfoComponentProps {
     verificationService: VerificationService<TeacherPersonalInfoViewModel>;

package/src/components/StepThirdPartyLoop/StepThirdPartyLoopComponent.d.ts

@@ -1,7 +1,7 @@
-import { default as React } from 'react';
-import { VerificationService } from '../../lib/types/types';
-import { ThirdPartyLoopProvider } from '../../lib/types/runtimeTypes';
 import { SingleSignOnMessages } from '../SingleSignOnComponent';
+import { ThirdPartyLoopProvider } from '../../lib/types/runtimeTypes';
+import { VerificationService } from '../../lib/types/types';
+import { default as React } from 'react';
 
 interface StepThirdPartyLoopProps {
     verificationService: VerificationService;

package/src/components/TestModeFlag/TestModeFlagComponent.d.ts

@@ -1,5 +1,5 @@
-import { default as React } from 'react';
 import { VerificationService } from '../../lib/types/types';
+import { default as React } from 'react';
 
 interface Props {
     verificationService: VerificationService;

package/src/components/UploadInfoComponent/UploadInfoComponent.d.ts

@@ -1,5 +1,5 @@
-import { default as React } from 'react';
 import { VerificationService } from '../../lib/types/types';
+import { default as React } from 'react';
 
 interface Props {
     verificationService: VerificationService;

package/src/components/VerificationForm/VerificationFormComponent.d.ts

@@ -1,5 +1,5 @@
-import { default as React } from 'react';
 import { DatabaseId } from '../../lib/types/types';
+import { default as React } from 'react';
 
 interface VerificationFormProps {
     programId: DatabaseId;

package/src/es5Bindings/VerificationFormEs5.d.ts

@@ -1,5 +1,5 @@
-import { default as React } from 'react';
 import { DatabaseId, ViewModel } from '../lib/types/types';
+import { default as React } from 'react';
 
 export declare class VerificationFormEs5 {
     element: HTMLElement;

package/src/lib/ProgramTheme/programThemeGetters.d.ts

@@ -1,5 +1,5 @@
-import { InjectedIntl } from 'react-intl';
 import { Country, EstimatedReviewTime, FaqUrl, Locale, MarketConsentOptions, MaxReviewTime, MetadataConfig, Options, Organization, ProgramTheme, ProgramThemeMessages, Segment, State, VerificationServiceValues, ViewModel } from '../types/types';
+import { InjectedIntl } from 'react-intl';
 
 export declare const getCompanyName: (programTheme: ProgramTheme) => string;
 export declare const getMetadataConfig: (programTheme: ProgramTheme) => MetadataConfig;

package/src/lib/ServerApi/ApiUrls.d.ts

@@ -1,5 +1,5 @@
-import { RewardDisplayEnum } from '../types/runtimeTypes';
 import { DatabaseId, Locale, VerificationStep } from '../types/types';
+import { RewardDisplayEnum } from '../types/runtimeTypes';
 
 export declare const getVerificationUrl: () => string;
 export declare const getVerificationStatusUrl: (verificationId: DatabaseId) => string;

package/src/lib/ServerApi/VerificationApiClient.d.ts

@@ -1,5 +1,5 @@
-import { fetchExistingVerificationRequest } from './VerificationApiClient/fetchExistingVerificationRequest';
 import { CollectFieldsResponse, DatabaseId, ViewModel, VerificationResponse, VerificationStep, ProgramTheme, ErrorResponse, Locale, NetworkErrorId, ApplicableDocTypesResponse, AllStatuses } from '../types/types';
+import { fetchExistingVerificationRequest } from './VerificationApiClient/fetchExistingVerificationRequest';
 
 /**
  * Initiate a new verification attempt with the SheerID REST service.

package/src/lib/ServerApi/VerificationHelpRequestApi.d.ts

@@ -1,5 +1,5 @@
-import { EmailLookupResponse, VerificationHelpRequestApiResponse } from '../../components/FormFields/EmailFirstCollectInfo/types';
 import { DatabaseId } from '../types/types';
+import { EmailLookupResponse, VerificationHelpRequestApiResponse } from '../../components/FormFields/EmailFirstCollectInfo/types';
 
 /**
  * Endpoint to support email-first functionality.

package/src/lib/VerificationService/VerificationServiceActions.d.ts

@@ -1,5 +1,5 @@
-import { Dispatch } from 'redux';
 import { DatabaseId, VerificationResponse, ViewModel, BoundAction, BoundActionCreator, Segment } from '../types/types';
+import { Dispatch } from 'redux';
 
 /**
  * @description Start a new verification "flow"

package/src/lib/hooks/index.d.ts

@@ -1,5 +1,5 @@
-import { Hook, HookEvents, RegisteredHooks } from '../types/types';
 import { EventEmitter, EventArg } from './eventEmitter';
+import { Hook, HookEvents, RegisteredHooks } from '../types/types';
 
 declare class Hooks extends EventEmitter<HookEvents> {
     emit<K extends keyof HookEvents>(name: K, data: EventArg<HookEvents, K>): void;

package/src/lib/installScript/_mysheerid-preview.d.ts

@@ -1,6 +1,6 @@
-import { Locale, Options, ProgramTheme, ProgramThemeMessages, Segment } from '../types/types';
-import { VerificationFormEs5 } from '../../es5Bindings/VerificationFormEs5';
 import { Flags } from '../../components/FeatureFlags/flags';
+import { VerificationFormEs5 } from '../../es5Bindings/VerificationFormEs5';
+import { Locale, Options, ProgramTheme, ProgramThemeMessages, Segment } from '../types/types';
 
 export declare function loadInElement(containerElement: HTMLElement, programId: string): VerificationFormEs5;
 export declare function setProgramThemeChoices(theme: ProgramTheme): void;

package/src/lib/installScript/affinity.d.ts

@@ -1,5 +1,5 @@
-import { PostMessageAction } from '../types/types';
 import { default as Iframe, IframeOptions } from './iframe';
+import { PostMessageAction } from '../types/types';
 
 export declare const assertValidFunction: (candidate: Function) => void;
 declare class AffinityIFrame extends Iframe {

package/src/lib/installScript/iframe.d.ts

@@ -1,5 +1,5 @@
-import { HookEvents, Options, PostMessageAction, ViewModel } from '../types/types';
 import { EventEmitter } from '../hooks/eventEmitter';
+import { HookEvents, Options, PostMessageAction, ViewModel } from '../types/types';
 
 export type IframeOptions = {
     className: string;

package/src/lib/installScript/index.d.ts

@@ -1,7 +1,7 @@
-import { default as AffinityIFrame } from './affinity';
-import { default as Iframe } from './iframe';
-import { default as Modal } from './modal';
 import { IframeUserConfiguration } from '../types/types';
+import { default as Modal } from './modal';
+import { default as Iframe } from './iframe';
+import { default as AffinityIFrame } from './affinity';
 
 export declare function loadInlineIframe(containerElement: HTMLElement, url: string): Iframe;
 export declare function loadInModal(url: string, userConfig?: IframeUserConfiguration): Modal;

package/src/lib/installScript/modal.d.ts

@@ -1,5 +1,5 @@
-import { IframeUserConfiguration, Options, ViewModel } from '../types/types';
 import { default as Iframe } from './iframe';
+import { IframeUserConfiguration, Options, ViewModel } from '../types/types';
 
 declare class Modal {
     verificationUrl: string;

package/src/lib/state/contextHooks.d.ts

@@ -1,5 +1,5 @@
-import { TypedUseSelectorHook } from 'react-redux';
 import { ReduxState, VerificationService, VerificationStore, ViewModel } from '../types/types';
+import { TypedUseSelectorHook } from 'react-redux';
 
 export declare const useAppSelector: TypedUseSelectorHook<ReduxState>;
 export declare const useAppDispatch: () => VerificationStore["dispatch"];

package/src/lib/types/runtimeTypes.d.ts

@@ -1,5 +1,5 @@
-import { Segment, FirstResponderStatus, MilitaryStatus, LowIncomeStatus, MedicalProfessionalStatus, RecentMoverStatus, VerificationStep, SuccessResponse, VerificationResponse } from './types';
 import { Locales } from '../intl/locales';
+import { Segment, FirstResponderStatus, MilitaryStatus, LowIncomeStatus, MedicalProfessionalStatus, RecentMoverStatus, VerificationStep, SuccessResponse, VerificationResponse } from './types';
 
 export { Locales } from '../intl/locales';
 /**

package/src/lib/types/types.d.ts

@@ -1,11 +1,11 @@
-import { Dispatch, Store } from 'redux';
-import { InjectedIntl } from 'react-intl';
-import { RewardDisplayEnum, Locale, IdCheckLoopServiceType, ThirdPartyLoopProvider } from './runtimeTypes';
-import { FormFieldConfigType } from '../../components/FormFields/FormFieldCustom/FormFieldCustom';
-import { TryAgainAction } from '../../components/TryAgainAction';
-import { hooks } from '../hooks';
-import { DeepPartial } from './helpers';
 import { Flags } from '../../components/FeatureFlags/flags';
+import { DeepPartial } from './helpers';
+import { hooks } from '../hooks';
+import { TryAgainAction } from '../../components/TryAgainAction';
+import { FormFieldConfigType } from '../../components/FormFields/FormFieldCustom/FormFieldCustom';
+import { RewardDisplayEnum, Locale, IdCheckLoopServiceType, ThirdPartyLoopProvider } from './runtimeTypes';
+import { InjectedIntl } from 'react-intl';
+import { Dispatch, Store } from 'redux';
 
 export { type Locale } from './runtimeTypes';
 export interface NavigatorBeta extends Navigator {

package/src/lib/utils/customTagReplacer/index.d.ts

@@ -8,5 +8,5 @@ interface TagMap {
  * children of an FormattedHTMLMessage. See the Readme
  *
  */
-export declare const makeFormattedHTMLTagReplacer: (tagmap: TagMap) => ((text: string | JSX.Element) => ReactNode);
+export declare const makeFormattedHTMLTagReplacer: (tagmap: TagMap) => (text: string | JSX.Element) => ReactNode;
 export {};

package/src/lib/utils/stepComponentHelpers/stepComponentHelpers.d.ts

@@ -1,6 +1,6 @@
-import { InjectedIntl } from 'react-intl';
-import { FieldId, FieldValidationErrors, Organization, VerificationService, FieldContent, ExtendedFieldId, InputSelectOnKeyDown, FormSelectChoice, Country, ProgramTheme, Locale, ViewModel, State, PendingResponse, DocUploadResponse, FieldDescription, FirstResponderStatus, MilitaryStatus, MedicalProfessionalStatus, LowIncomeStatus, AllStatuses, RecentMoverStatus, PersonalInfoFieldId, Options } from '../../types/types';
 import { VerificationStepsEnum, MilitaryStatusDefaultMessagesEnum, FirstResponderStatusDefaultMessagesEnum, MedicalProfessionalStatusDefaultMessagesEnum, LowIncomeStatusDefaultMessagesEnum, RecentMoverStatusDefaultMessagesEnum } from '../../types/runtimeTypes';
+import { FieldId, FieldValidationErrors, Organization, VerificationService, FieldContent, ExtendedFieldId, InputSelectOnKeyDown, FormSelectChoice, Country, ProgramTheme, Locale, ViewModel, State, PendingResponse, DocUploadResponse, FieldDescription, FirstResponderStatus, MilitaryStatus, MedicalProfessionalStatus, LowIncomeStatus, AllStatuses, RecentMoverStatus, PersonalInfoFieldId, Options } from '../../types/types';
+import { InjectedIntl } from 'react-intl';
 
 export declare const updateViewModelOrganization: (organization: Organization, verificationService: VerificationService) => void;
 export declare const populateViewModelFromQueryParams: (verificationService: VerificationService) => void;

package/src/lib/utils/structures/FormSelectChoice.d.ts

@@ -1,5 +1,5 @@
-import { InjectedIntl } from 'react-intl';
 import { FormSelectChoice } from '../../types/types';
+import { InjectedIntl } from 'react-intl';
 
 type compareLabelReturn = 1 | -1;
 export declare const compareLabel: (a: FormSelectChoice<any>, b: FormSelectChoice<any>) => compareLabelReturn;

package/chunk/StepIDCheckLoopRegula-B2frgNDw.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"StepIDCheckLoopRegula-B2frgNDw.js","sources":["../../src/components/StepIDCheckLoop/Regula/utils/uploadFiles.ts","../../src/components/StepIDCheckLoop/Regula/IdCheckLoopRegula/DisplayThumbnail.tsx","../../src/components/StepIDCheckLoop/Regula/IdCheckLoopRegula/UploadImage.tsx","../../src/components/StepIDCheckLoop/Regula/IdCheckLoopRegula/IdCheckLoopRegula.tsx","../../src/components/StepIDCheckLoop/IdCheckLoopFooter/IdCheckLoopRegulaFooter.tsx","../../src/components/StepIDCheckLoop/Regula/StepIDCheckLoopRegulaComponent/StepIDCheckLoopRegula.tsx"],"sourcesContent":["import { logger } from \"../../../../lib/utils/logger/logger\";\n\nexport const uploadFiles = async (\n  url: string,\n  frontImage: File,\n  backImage: File,\n): Promise<Response> => {\n  logger.info(`uploading files to ${url}`);\n\n  const body = new FormData();\n  body.append(\"frontImage\", frontImage);\n  body.append(\"backImage\", backImage);\n\n  return fetch(url, {\n    method: \"POST\",\n    body,\n  });\n};\n","import React from \"react\";\nimport { FileToUpload } from \"./IdCheckLoopRegula\";\n\nexport interface DisplayThumbnailProps {\n  fileToUpload: FileToUpload;\n  onRemove: (\n    e: React.KeyboardEvent<HTMLDivElement>,\n    setImage: React.Dispatch<React.SetStateAction<FileToUpload>>,\n  ) => void;\n  setImage: React.Dispatch<React.SetStateAction<FileToUpload>>;\n}\n\nexport const DisplayThumbnail = ({ fileToUpload, onRemove, setImage }: DisplayThumbnailProps) => {\n  const fileName = fileToUpload.file?.name;\n\n  return (\n    <div className=\"sid-step-id-check-loop__thumbnail-main-wrapper\">\n      <div className=\"sid-step-id-check-loop__thumbnail-wrapper\">\n        <img\n          className=\"sid-step-id-check-loop__file-thumbnail\"\n          src={fileToUpload.url}\n          alt=\"File thumbnail\"\n        />\n      </div>\n      <div className=\"sid-step-id-check-loop__file-name-wrapper\">\n        <div className=\"sid-step-id-check-loop__file-name\" title={fileName}>\n          {fileName}\n        </div>\n        <div\n          role=\"button\"\n          tabIndex={0}\n          aria-label={`Remove file ${fileName}`}\n          className=\"sid-step-id-check-loop__remove-btn\"\n          onClick={() => setImage(undefined)}\n          onKeyDown={(e) => onRemove(e, setImage)}\n        />\n      </div>\n    </div>\n  );\n};\n","import PlusIcon from \"@heroicons/react/24/outline/PlusIcon\";\nimport React from \"react\";\nimport { FormattedHTMLMessage } from \"react-intl\";\nimport { setRef } from \"../../../../es6\";\n\nexport enum IMAGE_SIDE {\n  FRONT = \"FRONT\",\n  BACK = \"BACK\",\n}\n\nexport interface UploadImageProps {\n  addFile: (e: React.KeyboardEvent<HTMLDivElement>, fieldId: string) => void;\n  upload: (e: React.ChangeEvent<HTMLInputElement>) => void;\n  imageSide: IMAGE_SIDE;\n}\n\nexport const UploadImage = ({ addFile, upload, imageSide }: UploadImageProps) => {\n  const isFrontImage = imageSide === IMAGE_SIDE.FRONT;\n\n  const fieldId = isFrontImage ? \"addFileFront\" : \"addFileBack\";\n  const htmlFor = isFrontImage ? \"sid-font-photo-input\" : \"sid-back-photo-input\";\n  const ariaLabel = isFrontImage ? \"add front file\" : \"add back file\";\n  const id = isFrontImage ? \"sid-font-photo-input\" : \"sid-back-photo-input\";\n\n  return (\n    <div className=\"sid-step-id-check-loop__file-upload-container\">\n      <label className=\"sid-step-id-check-loop__label\" htmlFor={htmlFor} aria-label={ariaLabel}>\n        <div\n          className=\"sid-step-id-check-loop__upload-photo-container\"\n          tabIndex={0}\n          role=\"button\"\n          onKeyDown={(e) => addFile(e, fieldId)}\n        >\n          <PlusIcon className=\"sid-step-id-check-loop__icon\" />\n          <p className=\"sid-step-id-check-loop__instructions\">\n            {imageSide === IMAGE_SIDE.FRONT ? (\n              <FormattedHTMLMessage\n                id=\"step.idCheckLoop.regula.addFontImage\"\n                defaultMessage=\"Add front of ID\"\n              />\n            ) : (\n              <FormattedHTMLMessage\n                id=\"step.idCheckLoop.regula.addBackImage\"\n                defaultMessage=\"Add back of ID\"\n              />\n            )}\n          </p>\n          <input\n            onChange={upload}\n            type=\"file\"\n            id={id}\n            data-testId=\"photo-input\"\n            hidden\n            accept=\"image/jpeg,image/png\"\n            multiple\n            ref={(input: HTMLInputElement) => setRef(fieldId, input)}\n          />\n        </div>\n      </label>\n    </div>\n  );\n};\n","import React from \"react\";\n\nimport { FormattedHTMLMessage } from \"react-intl\";\nimport { AnnouncingHeader } from \"@/components/AnnouncingHeader/AnnouncingHeader\";\nimport { IDCheckLoopResponse, VerificationService } from \"../../../../lib/types/types\";\nimport { VerificationStepsEnum } from \"../../../../lib/types/runtimeTypes\";\nimport { uploadFiles } from \"../utils/uploadFiles\";\nimport { getRefByFieldId } from \"../../../../lib/refs/refs\";\nimport { logger } from \"../../../../lib/utils/logger/logger\";\nimport { DisplayThumbnail } from \"./DisplayThumbnail\";\nimport { IMAGE_SIDE, UploadImage } from \"./UploadImage\";\nimport { LoadingScreenComponent } from \"../../../LoadingScreen/LoadingScreenComponent\";\n\nexport interface IdCheckLoopRegulaProps {\n  verificationService: VerificationService;\n}\n\nexport interface FileToUpload {\n  file: File;\n  url: string;\n}\n\nconst IdCheckLoopRegula = ({ verificationService }: IdCheckLoopRegulaProps) => {\n  const verificationResponse = verificationService.verificationResponse as IDCheckLoopResponse;\n  const { uploadUrl, errorIds } = verificationResponse;\n\n  const [frontImage, setFrontImage] = React.useState<FileToUpload>();\n  const [backImage, setBackImage] = React.useState<FileToUpload>();\n  const [submitInitiated, setSubmitInitiated] = React.useState<boolean>(false);\n\n  const handleSubmit = () => {\n    setSubmitInitiated(!submitInitiated);\n    uploadFiles(uploadUrl, frontImage.file, backImage.file)\n      .then((response: Response) => {\n        if (response.ok) {\n          verificationService.submitStep(\n            VerificationStepsEnum.idCheckLoop,\n            verificationService.viewModel,\n            verificationService.verificationResponse,\n          );\n        }\n      })\n      .catch((e) => {\n        logger.error(`IdCheckLoop step failed to upload files to: ${uploadUrl}. ${e}`);\n      });\n  };\n\n  const handleAddFileOnKeyUp = (e: React.KeyboardEvent<HTMLDivElement>, fieldId: string) => {\n    const addFileRef = getRefByFieldId(fieldId);\n\n    if (e.key === \"Enter\" || e.key === \" \") {\n      e.preventDefault();\n      e.stopPropagation();\n      addFileRef.click();\n    }\n  };\n  const handleRemoveFileOnKeyUp = (\n    e: React.KeyboardEvent<HTMLDivElement>,\n    setImage: React.Dispatch<React.SetStateAction<FileToUpload>>,\n  ) => {\n    if (e.key === \"Enter\" || e.key === \" \") {\n      e.preventDefault();\n      e.stopPropagation();\n      setImage(undefined);\n    }\n  };\n\n  const handleFrontUpload = (e: React.ChangeEvent<HTMLInputElement>) => {\n    const file = e.target.files[0];\n    setFrontImage({ file, url: URL.createObjectURL(file) });\n  };\n  const handleBackUpload = (e: React.ChangeEvent<HTMLInputElement>) => {\n    const file = e.target.files[0];\n    setBackImage({ file, url: URL.createObjectURL(file) });\n  };\n\n  if (submitInitiated) {\n    return <LoadingScreenComponent step=\"idCheckLoop\" />;\n  }\n\n  return (\n    <div className=\"sid-step-id-check-loop__upload-wrapper\">\n      <AnnouncingHeader align=\"center\">\n        <FormattedHTMLMessage\n          id=\"step.idCheckLoop.regula.uploadTitle\"\n          defaultMessage=\"Upload government issued ID\"\n        />\n      </AnnouncingHeader>\n      <div className=\"sid-header__subtitle sid-l-horz-center sid-l-space-btm-md\">\n        <FormattedHTMLMessage\n          id=\"step.idCheckLoop.regula.uploadSubtitle\"\n          defaultMessage=\"Make sure information on the document can be easily read. Avoid glares.\"\n        />\n      </div>\n\n      {errorIds && errorIds.length > 0 && (\n        <div className=\"sid-step-id-check-loop__error-container\">\n          <FormattedHTMLMessage\n            id=\"step.idCheckLoop.regula.uploadFileError\"\n            defaultMessage=\"There was an error uploading your files. Please try again.\"\n          />\n        </div>\n      )}\n\n      <div className=\"sid-step-id-check-loop__upload-container\">\n        {frontImage ? (\n          <DisplayThumbnail\n            fileToUpload={frontImage}\n            onRemove={handleRemoveFileOnKeyUp}\n            setImage={setFrontImage}\n          />\n        ) : (\n          <UploadImage\n            addFile={handleAddFileOnKeyUp}\n            upload={handleFrontUpload}\n            imageSide={IMAGE_SIDE.FRONT}\n          />\n        )}\n\n        {backImage ? (\n          <DisplayThumbnail\n            fileToUpload={backImage}\n            onRemove={handleRemoveFileOnKeyUp}\n            setImage={setBackImage}\n          />\n        ) : (\n          <UploadImage\n            addFile={handleAddFileOnKeyUp}\n            upload={handleBackUpload}\n            imageSide={IMAGE_SIDE.BACK}\n          />\n        )}\n      </div>\n\n      <div className=\"sid-submit sid-l-horz-center sid-l-space-top-md sid-l-space-btm-md\">\n        <button\n          onClick={handleSubmit}\n          type=\"button\"\n          className=\"sid-btn sid-btn--dark\"\n          data-testId=\"id-check-submit-button\"\n          aria-label=\"submit\"\n          disabled={!frontImage || !backImage}\n        >\n          <FormattedHTMLMessage id=\"step.idCheckLoop.regula.submit\" defaultMessage=\"Submit\" />\n        </button>\n      </div>\n    </div>\n  );\n};\n\nexport const IdCheckLoopRegulaComponent = IdCheckLoopRegula;\n","import React from \"react\";\n\nimport { FormattedMessage } from \"react-intl\";\nimport { VerificationService } from \"../../../lib/types/types\";\nimport { FormFooterComponent } from \"../../FormFooter/FormFooterComponent\";\n\nexport interface IdCheckLoopRegulaFooterProps {\n  verificationService: VerificationService;\n}\n\nexport const IdCheckLoopRegulaFooter = ({ verificationService }: IdCheckLoopRegulaFooterProps) => (\n  <FormFooterComponent verificationService={verificationService}>\n    <div>\n      <p>\n        <FormattedMessage\n          id=\"step.idCheckLoop.regula.terms\"\n          defaultMessage='By clicking \"Continue\", you agree you have read, understand, and accept the {privacyPolicyLink} and {termsOfService}.'\n          values={{\n            privacyPolicyLink: (\n              <a\n                href=\"https://regulaforensics.com/privacy/\"\n                target=\"_blank\"\n                rel=\"noopener noreferrer\"\n                className=\"sid-link\"\n              >\n                <FormattedMessage\n                  id=\"step.idCheckLoop.privacyPolicy\"\n                  defaultMessage=\"Privacy Policy\"\n                />\n              </a>\n            ),\n            termsOfService: (\n              <a\n                href=\"https://regulaforensics.com/terms-of-use/\"\n                target=\"_blank\"\n                rel=\"noopener noreferrer\"\n                className=\"sid-link\"\n              >\n                <FormattedMessage\n                  id=\"step.idCheckLoop.termsOfService\"\n                  defaultMessage=\"Terms of Service\"\n                />\n              </a>\n            ),\n          }}\n        />\n      </p>\n\n      <p>\n        <FormattedMessage id=\"companyName\" defaultMessage=\"{Company}\">\n          {(companyName) => (\n            <FormattedMessage\n              id=\"step.idCheckLoop.disclaimer\"\n              defaultMessage=\"SheerID, {companyName}'s trusted partner, use a third party, {serviceType}, to process our identity check.\"\n              values={{\n                serviceType: \"Regula\",\n                companyName,\n              }}\n            />\n          )}\n        </FormattedMessage>\n      </p>\n    </div>\n  </FormFooterComponent>\n);\n\nexport default IdCheckLoopRegulaFooter;\n","import React from \"react\";\n\nimport { FormattedHTMLMessage } from \"react-intl\";\nimport { AnnouncingHeader } from \"@/components/AnnouncingHeader/AnnouncingHeader\";\nimport { IDCheckLoopResponse, VerificationService } from \"../../../../lib/types/types\";\nimport { StepCardComponent } from \"../../StepCard/StepCard\";\nimport IdCheckLoopRegulaFooter from \"../../IdCheckLoopFooter/IdCheckLoopRegulaFooter\";\nimport { IdCheckLoopRegulaComponent } from \"../IdCheckLoopRegula/IdCheckLoopRegula\";\n\nexport interface StepIDCheckLoopRegulaProps {\n  verificationService: VerificationService;\n}\n\nconst StepIDCheckLoopRegula = ({ verificationService }: StepIDCheckLoopRegulaProps) => {\n  const verificationResponse = verificationService.verificationResponse as IDCheckLoopResponse;\n\n  const [showUpload, setShowUpload] = React.useState<boolean>(false);\n\n  React.useEffect(() => {\n    if (verificationResponse && verificationResponse?.errorIds?.length > 0) {\n      setShowUpload(true);\n    }\n  }, [verificationResponse]);\n\n  return (\n    <div id=\"sid-step-id-check-loop\" className=\"sid-l-container\">\n      {showUpload ? (\n        <div role=\"main\">\n          <IdCheckLoopRegulaComponent verificationService={verificationService} />\n        </div>\n      ) : (\n        <>\n          <div role=\"main\">\n            <AnnouncingHeader align=\"center\">\n              <FormattedHTMLMessage\n                id=\"step.idCheckLoop.regula.title\"\n                defaultMessage=\"To continue, we need to verify your identity.\"\n              />\n            </AnnouncingHeader>\n            <div className=\"sid-header__subtitle sid-l-horz-center sid-l-space-btm-md\">\n              <FormattedHTMLMessage\n                id=\"step.idCheckLoop.subtitle\"\n                defaultMessage=\"To complete the verification process, we ask that you provide us with:\"\n              />\n            </div>\n            <div className=\"sid-identity-check-steps\">\n              <StepCardComponent\n                title=\"Photo of a government-issued ID\"\n                subtitle=\"Drivers license, state ID, passport, or residence permit.\"\n                icon={\n                  <img\n                    className=\"sid-identity-check-steps__icon\"\n                    alt=\"\"\n                    src=\"https://assets-resources.sheerid.com/common/images/2018/icons/upload-proof.svg\"\n                  />\n                }\n                isHighlighted\n                key=\"\"\n              />\n            </div>\n\n            <div className=\"sid-submit sid-l-horz-center sid-l-space-top-md sid-l-space-btm-md\">\n              <button\n                onClick={() => setShowUpload(!showUpload)}\n                type=\"button\"\n                className=\"sid-btn sid-btn--dark\"\n                aria-label=\"submit\"\n              >\n                <FormattedHTMLMessage id=\"step.idCheckLoop.continue\" defaultMessage=\"Continue\" />\n              </button>\n            </div>\n          </div>\n          <IdCheckLoopRegulaFooter verificationService={verificationService} />\n        </>\n      )}\n    </div>\n  );\n};\n\nexport default StepIDCheckLoopRegula;\n"],"names":["uploadFiles","url","frontImage","backImage","logger","body","DisplayThumbnail","fileToUpload","onRemove","setImage","fileName","_a","jsxs","jsx","e","IMAGE_SIDE","UploadImage","addFile","upload","imageSide","isFrontImage","fieldId","htmlFor","ariaLabel","id","PlusIcon","FormattedHTMLMessage","input","setRef","IdCheckLoopRegula","verificationService","verificationResponse","uploadUrl","errorIds","setFrontImage","React","setBackImage","submitInitiated","setSubmitInitiated","handleSubmit","response","VerificationStepsEnum","handleAddFileOnKeyUp","addFileRef","getRefByFieldId","handleRemoveFileOnKeyUp","handleFrontUpload","file","handleBackUpload","LoadingScreenComponent","AnnouncingHeader","IdCheckLoopRegulaComponent","IdCheckLoopRegulaFooter","FormFooterComponent","FormattedMessage","companyName","StepIDCheckLoopRegula","showUpload","setShowUpload","Fragment","StepCardComponent"],"mappings":"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"}

package/chunk/StepIDCheckLoopRegula-VCHUckkA.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"StepIDCheckLoopRegula-VCHUckkA.js","sources":["../../src/components/StepIDCheckLoop/Regula/utils/uploadFiles.ts","../../src/components/StepIDCheckLoop/Regula/IdCheckLoopRegula/DisplayThumbnail.tsx","../../src/components/StepIDCheckLoop/Regula/IdCheckLoopRegula/UploadImage.tsx","../../src/components/StepIDCheckLoop/Regula/IdCheckLoopRegula/IdCheckLoopRegula.tsx","../../src/components/StepIDCheckLoop/IdCheckLoopFooter/IdCheckLoopRegulaFooter.tsx","../../src/components/StepIDCheckLoop/Regula/StepIDCheckLoopRegulaComponent/StepIDCheckLoopRegula.tsx"],"sourcesContent":["import { logger } from \"../../../../lib/utils/logger/logger\";\n\nexport const uploadFiles = async (\n  url: string,\n  frontImage: File,\n  backImage: File,\n): Promise<Response> => {\n  logger.info(`uploading files to ${url}`);\n\n  const body = new FormData();\n  body.append(\"frontImage\", frontImage);\n  body.append(\"backImage\", backImage);\n\n  return fetch(url, {\n    method: \"POST\",\n    body,\n  });\n};\n","import React from \"react\";\nimport { FileToUpload } from \"./IdCheckLoopRegula\";\n\nexport interface DisplayThumbnailProps {\n  fileToUpload: FileToUpload;\n  onRemove: (\n    e: React.KeyboardEvent<HTMLDivElement>,\n    setImage: React.Dispatch<React.SetStateAction<FileToUpload>>,\n  ) => void;\n  setImage: React.Dispatch<React.SetStateAction<FileToUpload>>;\n}\n\nexport const DisplayThumbnail = ({ fileToUpload, onRemove, setImage }: DisplayThumbnailProps) => {\n  const fileName = fileToUpload.file?.name;\n\n  return (\n    <div className=\"sid-step-id-check-loop__thumbnail-main-wrapper\">\n      <div className=\"sid-step-id-check-loop__thumbnail-wrapper\">\n        <img\n          className=\"sid-step-id-check-loop__file-thumbnail\"\n          src={fileToUpload.url}\n          alt=\"File thumbnail\"\n        />\n      </div>\n      <div className=\"sid-step-id-check-loop__file-name-wrapper\">\n        <div className=\"sid-step-id-check-loop__file-name\" title={fileName}>\n          {fileName}\n        </div>\n        <div\n          role=\"button\"\n          tabIndex={0}\n          aria-label={`Remove file ${fileName}`}\n          className=\"sid-step-id-check-loop__remove-btn\"\n          onClick={() => setImage(undefined)}\n          onKeyDown={(e) => onRemove(e, setImage)}\n        />\n      </div>\n    </div>\n  );\n};\n","import PlusIcon from \"@heroicons/react/24/outline/PlusIcon\";\nimport React from \"react\";\nimport { FormattedHTMLMessage } from \"react-intl\";\nimport { setRef } from \"../../../../es6\";\n\nexport enum IMAGE_SIDE {\n  FRONT = \"FRONT\",\n  BACK = \"BACK\",\n}\n\nexport interface UploadImageProps {\n  addFile: (e: React.KeyboardEvent<HTMLDivElement>, fieldId: string) => void;\n  upload: (e: React.ChangeEvent<HTMLInputElement>) => void;\n  imageSide: IMAGE_SIDE;\n}\n\nexport const UploadImage = ({ addFile, upload, imageSide }: UploadImageProps) => {\n  const isFrontImage = imageSide === IMAGE_SIDE.FRONT;\n\n  const fieldId = isFrontImage ? \"addFileFront\" : \"addFileBack\";\n  const htmlFor = isFrontImage ? \"sid-font-photo-input\" : \"sid-back-photo-input\";\n  const ariaLabel = isFrontImage ? \"add front file\" : \"add back file\";\n  const id = isFrontImage ? \"sid-font-photo-input\" : \"sid-back-photo-input\";\n\n  return (\n    <div className=\"sid-step-id-check-loop__file-upload-container\">\n      <label className=\"sid-step-id-check-loop__label\" htmlFor={htmlFor} aria-label={ariaLabel}>\n        <div\n          className=\"sid-step-id-check-loop__upload-photo-container\"\n          tabIndex={0}\n          role=\"button\"\n          onKeyDown={(e) => addFile(e, fieldId)}\n        >\n          <PlusIcon className=\"sid-step-id-check-loop__icon\" />\n          <p className=\"sid-step-id-check-loop__instructions\">\n            {imageSide === IMAGE_SIDE.FRONT ? (\n              <FormattedHTMLMessage\n                id=\"step.idCheckLoop.regula.addFontImage\"\n                defaultMessage=\"Add front of ID\"\n              />\n            ) : (\n              <FormattedHTMLMessage\n                id=\"step.idCheckLoop.regula.addBackImage\"\n                defaultMessage=\"Add back of ID\"\n              />\n            )}\n          </p>\n          <input\n            onChange={upload}\n            type=\"file\"\n            id={id}\n            data-testId=\"photo-input\"\n            hidden\n            accept=\"image/jpeg,image/png\"\n            multiple\n            ref={(input: HTMLInputElement) => setRef(fieldId, input)}\n          />\n        </div>\n      </label>\n    </div>\n  );\n};\n","import React from \"react\";\n\nimport { FormattedHTMLMessage } from \"react-intl\";\nimport { AnnouncingHeader } from \"@/components/AnnouncingHeader/AnnouncingHeader\";\nimport { IDCheckLoopResponse, VerificationService } from \"../../../../lib/types/types\";\nimport { VerificationStepsEnum } from \"../../../../lib/types/runtimeTypes\";\nimport { uploadFiles } from \"../utils/uploadFiles\";\nimport { getRefByFieldId } from \"../../../../lib/refs/refs\";\nimport { logger } from \"../../../../lib/utils/logger/logger\";\nimport { DisplayThumbnail } from \"./DisplayThumbnail\";\nimport { IMAGE_SIDE, UploadImage } from \"./UploadImage\";\nimport { LoadingScreenComponent } from \"../../../LoadingScreen/LoadingScreenComponent\";\n\nexport interface IdCheckLoopRegulaProps {\n  verificationService: VerificationService;\n}\n\nexport interface FileToUpload {\n  file: File;\n  url: string;\n}\n\nconst IdCheckLoopRegula = ({ verificationService }: IdCheckLoopRegulaProps) => {\n  const verificationResponse = verificationService.verificationResponse as IDCheckLoopResponse;\n  const { uploadUrl, errorIds } = verificationResponse;\n\n  const [frontImage, setFrontImage] = React.useState<FileToUpload>();\n  const [backImage, setBackImage] = React.useState<FileToUpload>();\n  const [submitInitiated, setSubmitInitiated] = React.useState<boolean>(false);\n\n  const handleSubmit = () => {\n    setSubmitInitiated(!submitInitiated);\n    uploadFiles(uploadUrl, frontImage.file, backImage.file)\n      .then((response: Response) => {\n        if (response.ok) {\n          verificationService.submitStep(\n            VerificationStepsEnum.idCheckLoop,\n            verificationService.viewModel,\n            verificationService.verificationResponse,\n          );\n        }\n      })\n      .catch((e) => {\n        logger.error(`IdCheckLoop step failed to upload files to: ${uploadUrl}. ${e}`);\n      });\n  };\n\n  const handleAddFileOnKeyUp = (e: React.KeyboardEvent<HTMLDivElement>, fieldId: string) => {\n    const addFileRef = getRefByFieldId(fieldId);\n\n    if (e.key === \"Enter\" || e.key === \" \") {\n      e.preventDefault();\n      e.stopPropagation();\n      addFileRef.click();\n    }\n  };\n  const handleRemoveFileOnKeyUp = (\n    e: React.KeyboardEvent<HTMLDivElement>,\n    setImage: React.Dispatch<React.SetStateAction<FileToUpload>>,\n  ) => {\n    if (e.key === \"Enter\" || e.key === \" \") {\n      e.preventDefault();\n      e.stopPropagation();\n      setImage(undefined);\n    }\n  };\n\n  const handleFrontUpload = (e: React.ChangeEvent<HTMLInputElement>) => {\n    const file = e.target.files[0];\n    setFrontImage({ file, url: URL.createObjectURL(file) });\n  };\n  const handleBackUpload = (e: React.ChangeEvent<HTMLInputElement>) => {\n    const file = e.target.files[0];\n    setBackImage({ file, url: URL.createObjectURL(file) });\n  };\n\n  if (submitInitiated) {\n    return <LoadingScreenComponent step=\"idCheckLoop\" />;\n  }\n\n  return (\n    <div className=\"sid-step-id-check-loop__upload-wrapper\">\n      <AnnouncingHeader align=\"center\">\n        <FormattedHTMLMessage\n          id=\"step.idCheckLoop.regula.uploadTitle\"\n          defaultMessage=\"Upload government issued ID\"\n        />\n      </AnnouncingHeader>\n      <div className=\"sid-header__subtitle sid-l-horz-center sid-l-space-btm-md\">\n        <FormattedHTMLMessage\n          id=\"step.idCheckLoop.regula.uploadSubtitle\"\n          defaultMessage=\"Make sure information on the document can be easily read. Avoid glares.\"\n        />\n      </div>\n\n      {errorIds && errorIds.length > 0 && (\n        <div className=\"sid-step-id-check-loop__error-container\">\n          <FormattedHTMLMessage\n            id=\"step.idCheckLoop.regula.uploadFileError\"\n            defaultMessage=\"There was an error uploading your files. Please try again.\"\n          />\n        </div>\n      )}\n\n      <div className=\"sid-step-id-check-loop__upload-container\">\n        {frontImage ? (\n          <DisplayThumbnail\n            fileToUpload={frontImage}\n            onRemove={handleRemoveFileOnKeyUp}\n            setImage={setFrontImage}\n          />\n        ) : (\n          <UploadImage\n            addFile={handleAddFileOnKeyUp}\n            upload={handleFrontUpload}\n            imageSide={IMAGE_SIDE.FRONT}\n          />\n        )}\n\n        {backImage ? (\n          <DisplayThumbnail\n            fileToUpload={backImage}\n            onRemove={handleRemoveFileOnKeyUp}\n            setImage={setBackImage}\n          />\n        ) : (\n          <UploadImage\n            addFile={handleAddFileOnKeyUp}\n            upload={handleBackUpload}\n            imageSide={IMAGE_SIDE.BACK}\n          />\n        )}\n      </div>\n\n      <div className=\"sid-submit sid-l-horz-center sid-l-space-top-md sid-l-space-btm-md\">\n        <button\n          onClick={handleSubmit}\n          type=\"button\"\n          className=\"sid-btn sid-btn--dark\"\n          data-testId=\"id-check-submit-button\"\n          aria-label=\"submit\"\n          disabled={!frontImage || !backImage}\n        >\n          <FormattedHTMLMessage id=\"step.idCheckLoop.regula.submit\" defaultMessage=\"Submit\" />\n        </button>\n      </div>\n    </div>\n  );\n};\n\nexport const IdCheckLoopRegulaComponent = IdCheckLoopRegula;\n","import React from \"react\";\n\nimport { FormattedMessage } from \"react-intl\";\nimport { VerificationService } from \"../../../lib/types/types\";\nimport { FormFooterComponent } from \"../../FormFooter/FormFooterComponent\";\n\nexport interface IdCheckLoopRegulaFooterProps {\n  verificationService: VerificationService;\n}\n\nexport const IdCheckLoopRegulaFooter = ({ verificationService }: IdCheckLoopRegulaFooterProps) => (\n  <FormFooterComponent verificationService={verificationService}>\n    <div>\n      <p>\n        <FormattedMessage\n          id=\"step.idCheckLoop.regula.terms\"\n          defaultMessage='By clicking \"Continue\", you agree you have read, understand, and accept the {privacyPolicyLink} and {termsOfService}.'\n          values={{\n            privacyPolicyLink: (\n              <a\n                href=\"https://regulaforensics.com/privacy/\"\n                target=\"_blank\"\n                rel=\"noopener noreferrer\"\n                className=\"sid-link\"\n              >\n                <FormattedMessage\n                  id=\"step.idCheckLoop.privacyPolicy\"\n                  defaultMessage=\"Privacy Policy\"\n                />\n              </a>\n            ),\n            termsOfService: (\n              <a\n                href=\"https://regulaforensics.com/terms-of-use/\"\n                target=\"_blank\"\n                rel=\"noopener noreferrer\"\n                className=\"sid-link\"\n              >\n                <FormattedMessage\n                  id=\"step.idCheckLoop.termsOfService\"\n                  defaultMessage=\"Terms of Service\"\n                />\n              </a>\n            ),\n          }}\n        />\n      </p>\n\n      <p>\n        <FormattedMessage id=\"companyName\" defaultMessage=\"{Company}\">\n          {(companyName) => (\n            <FormattedMessage\n              id=\"step.idCheckLoop.disclaimer\"\n              defaultMessage=\"SheerID, {companyName}'s trusted partner, use a third party, {serviceType}, to process our identity check.\"\n              values={{\n                serviceType: \"Regula\",\n                companyName,\n              }}\n            />\n          )}\n        </FormattedMessage>\n      </p>\n    </div>\n  </FormFooterComponent>\n);\n\nexport default IdCheckLoopRegulaFooter;\n","import React from \"react\";\n\nimport { FormattedHTMLMessage } from \"react-intl\";\nimport { AnnouncingHeader } from \"@/components/AnnouncingHeader/AnnouncingHeader\";\nimport { IDCheckLoopResponse, VerificationService } from \"../../../../lib/types/types\";\nimport { StepCardComponent } from \"../../StepCard/StepCard\";\nimport IdCheckLoopRegulaFooter from \"../../IdCheckLoopFooter/IdCheckLoopRegulaFooter\";\nimport { IdCheckLoopRegulaComponent } from \"../IdCheckLoopRegula/IdCheckLoopRegula\";\n\nexport interface StepIDCheckLoopRegulaProps {\n  verificationService: VerificationService;\n}\n\nconst StepIDCheckLoopRegula = ({ verificationService }: StepIDCheckLoopRegulaProps) => {\n  const verificationResponse = verificationService.verificationResponse as IDCheckLoopResponse;\n\n  const [showUpload, setShowUpload] = React.useState<boolean>(false);\n\n  React.useEffect(() => {\n    if (verificationResponse && verificationResponse?.errorIds?.length > 0) {\n      setShowUpload(true);\n    }\n  }, [verificationResponse]);\n\n  return (\n    <div id=\"sid-step-id-check-loop\" className=\"sid-l-container\">\n      {showUpload ? (\n        <div role=\"main\">\n          <IdCheckLoopRegulaComponent verificationService={verificationService} />\n        </div>\n      ) : (\n        <>\n          <div role=\"main\">\n            <AnnouncingHeader align=\"center\">\n              <FormattedHTMLMessage\n                id=\"step.idCheckLoop.regula.title\"\n                defaultMessage=\"To continue, we need to verify your identity.\"\n              />\n            </AnnouncingHeader>\n            <div className=\"sid-header__subtitle sid-l-horz-center sid-l-space-btm-md\">\n              <FormattedHTMLMessage\n                id=\"step.idCheckLoop.subtitle\"\n                defaultMessage=\"To complete the verification process, we ask that you provide us with:\"\n              />\n            </div>\n            <div className=\"sid-identity-check-steps\">\n              <StepCardComponent\n                title=\"Photo of a government-issued ID\"\n                subtitle=\"Drivers license, state ID, passport, or residence permit.\"\n                icon={\n                  <img\n                    className=\"sid-identity-check-steps__icon\"\n                    alt=\"\"\n                    src=\"https://assets-resources.sheerid.com/common/images/2018/icons/upload-proof.svg\"\n                  />\n                }\n                isHighlighted\n                key=\"\"\n              />\n            </div>\n\n            <div className=\"sid-submit sid-l-horz-center sid-l-space-top-md sid-l-space-btm-md\">\n              <button\n                onClick={() => setShowUpload(!showUpload)}\n                type=\"button\"\n                className=\"sid-btn sid-btn--dark\"\n                aria-label=\"submit\"\n              >\n                <FormattedHTMLMessage id=\"step.idCheckLoop.continue\" defaultMessage=\"Continue\" />\n              </button>\n            </div>\n          </div>\n          <IdCheckLoopRegulaFooter verificationService={verificationService} />\n        </>\n      )}\n    </div>\n  );\n};\n\nexport default StepIDCheckLoopRegula;\n"],"names":["uploadFiles","url","frontImage","backImage","logger","body","DisplayThumbnail","fileToUpload","onRemove","setImage","fileName","_a","jsxs","jsx","e","IMAGE_SIDE","UploadImage","addFile","upload","imageSide","isFrontImage","fieldId","htmlFor","ariaLabel","id","PlusIcon","FormattedHTMLMessage","input","setRef","IdCheckLoopRegula","verificationService","verificationResponse","uploadUrl","errorIds","setFrontImage","React","setBackImage","submitInitiated","setSubmitInitiated","handleSubmit","response","VerificationStepsEnum","handleAddFileOnKeyUp","addFileRef","getRefByFieldId","handleRemoveFileOnKeyUp","handleFrontUpload","file","handleBackUpload","LoadingScreenComponent","AnnouncingHeader","IdCheckLoopRegulaComponent","IdCheckLoopRegulaFooter","FormFooterComponent","FormattedMessage","companyName","StepIDCheckLoopRegula","showUpload","setShowUpload","Fragment","StepCardComponent"],"mappings":"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"}

package/chunk/index-BIn_Jf1h.js

@@ -1,48 +0,0 @@
-
-/**
- *   VERSION: 2.104.0-alpha.1
- *   BUILD_TIMESTAMP: 1746127986395
- *   BUILD_DATE: Thu May 01 2025 19:33:06 GMT+0000 (Coordinated Universal Time)
- *   BUILD_COMMIT: a18837a69c59275ce314d94cf6208e53b6620598
- */
-import { j as e, aH as t, b7 as p, r as d, b8 as a, ag as r } from "../sheerid.js";
-const n = ({
-  icon: s,
-  title: c,
-  subtitle: o = void 0,
-  isHighlighted: i = !1
-}) => /* @__PURE__ */ e.jsxs(
-  "div",
-  {
-    className: `sid-id-check-step-card ${i && "sid-id-check-step-card--highlighted"}`,
-    children: [
-      /* @__PURE__ */ e.jsx("div", { className: "sid-id-check-step-card__icon", children: s }),
-      /* @__PURE__ */ e.jsxs("div", { className: "sid-id-check-step-card__description", children: [
-        /* @__PURE__ */ e.jsx("div", { className: "sid-id-check-step-card__title", children: c }),
-        o && /* @__PURE__ */ e.jsx("div", { className: "sid-id-check-step-card__subtitle sid-l-space-top-sm", children: o })
-      ] })
-    ]
-  }
-), m = n, l = d.lazy(
-  () => import("./StepIDCheckLoopOnfido-CQTiZz60.js")
-), h = d.lazy(
-  () => import("./StepIDCheckLoopRegula-B2frgNDw.js")
-), C = ({ verificationService: s }) => {
-  const c = s.verificationResponse, i = t(
-    p
-  ) || c.idCheckServiceType;
-  return /* @__PURE__ */ e.jsx(
-    d.Suspense,
-    {
-      fallback: /* @__PURE__ */ e.jsx("div", { className: "sid-l-horz-center", children: /* @__PURE__ */ e.jsx(r, { step: "idCheckLoop" }) }),
-      children: i === a.ID_CHECK ? /* @__PURE__ */ e.jsx(h, { verificationService: s }) : /* @__PURE__ */ e.jsx(l, { verificationService: s })
-    }
-  );
-}, _ = C, S = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  default: _
-}, Symbol.toStringTag, { value: "Module" }));
-export {
-  m as S,
-  S as i
-};

package/chunk/index-BIn_Jf1h.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index-BIn_Jf1h.js","sources":["../../src/components/StepIDCheckLoop/StepCard/StepCard.tsx","../../src/components/StepIDCheckLoop/StepIDCheckLoopComponent.tsx"],"sourcesContent":["import React from \"react\";\n\ninterface StepCardComponentProps {\n  icon: React.ReactNode;\n  title: React.ReactNode;\n  subtitle?: React.ReactNode;\n  isHighlighted?: boolean;\n}\n\nconst StepCard = ({\n  icon,\n  title,\n  subtitle = undefined,\n  isHighlighted = false,\n}: StepCardComponentProps) => (\n  <div\n    className={`sid-id-check-step-card ${isHighlighted && \"sid-id-check-step-card--highlighted\"}`}\n  >\n    <div className=\"sid-id-check-step-card__icon\">{icon}</div>\n\n    <div className=\"sid-id-check-step-card__description\">\n      <div className=\"sid-id-check-step-card__title\">{title}</div>\n      {subtitle && (\n        <div className=\"sid-id-check-step-card__subtitle sid-l-space-top-sm\">{subtitle}</div>\n      )}\n    </div>\n  </div>\n);\n\nexport const StepCardComponent = StepCard;\n","import React, { Suspense, lazy } from \"react\";\nimport { IdCheckLoopServiceType } from \"../../lib/types/runtimeTypes\";\n\nimport { IDCheckLoopResponse, VerificationService } from \"../../lib/types/types\";\n\nimport { QUERY_STRING_ID_CHECK_LOOP_SERVICE_TYPE_OVERRIDE } from \"../../constants\";\nimport { getQueryOrOption } from \"../../lib/ServerApi/TestingRouteOverrides\";\nimport { LoadingScreenComponent } from \"../LoadingScreen/LoadingScreenComponent\";\n\nconst StepIDCheckLoopOnfido = lazy(\n  () => import(\"./Onfido/StepIDCheckLoopOnfido/StepIDCheckLoopOnfido\"),\n);\nconst StepIDCheckLoopRegula = lazy(\n  () => import(\"./Regula/StepIDCheckLoopRegulaComponent/StepIDCheckLoopRegula\"),\n);\n\nexport interface StepIDCheckLoopComponentProps {\n  verificationService: VerificationService;\n}\n\n/**\n * The idCheckLoop step consists of two 3rd party identity verification services. One is `Onfido`, which performs a\n * governemnt ID based identity confirmation, in addition to a liveness check. The other is `Regula`, which only\n * performs identity confirmation without a liveness check. The verification API's serviceType property denotes\n * them as such.\n */\nconst StepIDCheckLoop = ({ verificationService }: StepIDCheckLoopComponentProps) => {\n  const verificationResponse = verificationService.verificationResponse as IDCheckLoopResponse;\n  const mockIdCheckLoopServiceType = getQueryOrOption(\n    QUERY_STRING_ID_CHECK_LOOP_SERVICE_TYPE_OVERRIDE,\n  );\n\n  const idCheckServiceType = mockIdCheckLoopServiceType || verificationResponse.idCheckServiceType;\n\n  return (\n    <Suspense\n      fallback={\n        <div className=\"sid-l-horz-center\">\n          <LoadingScreenComponent step=\"idCheckLoop\" />\n        </div>\n      }\n    >\n      {idCheckServiceType === IdCheckLoopServiceType.ID_CHECK ? (\n        <StepIDCheckLoopRegula verificationService={verificationService} />\n      ) : (\n        <StepIDCheckLoopOnfido verificationService={verificationService} />\n      )}\n    </Suspense>\n  );\n};\n\nexport const StepIDCheckLoopComponent = StepIDCheckLoop;\n"],"names":["StepCard","icon","title","subtitle","isHighlighted","jsxs","jsx","StepCardComponent","StepIDCheckLoopOnfido","lazy","StepIDCheckLoopRegula","StepIDCheckLoop","verificationService","verificationResponse","idCheckServiceType","getQueryOrOption","QUERY_STRING_ID_CHECK_LOOP_SERVICE_TYPE_OVERRIDE","Suspense","LoadingScreenComponent","IdCheckLoopServiceType","StepIDCheckLoopComponent"],"mappings":";AASA,MAAMA,IAAW,CAAC;AAAA,EAChB,MAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,eAAAC,IAAgB;AAClB,MACEC,gBAAAA,EAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAW,0BAA0BD,KAAiB,qCAAqC;AAAA,IAE3F,UAAA;AAAA,MAACE,gBAAAA,EAAA,IAAA,OAAA,EAAI,WAAU,gCAAgC,UAAKL,GAAA;AAAA,MAEpDI,gBAAAA,EAAAA,KAAC,OAAI,EAAA,WAAU,uCACb,UAAA;AAAA,QAACC,gBAAAA,EAAA,IAAA,OAAA,EAAI,WAAU,iCAAiC,UAAMJ,GAAA;AAAA,QACrDC,KACCG,gBAAAA,EAAA,IAAC,OAAI,EAAA,WAAU,uDAAuD,UAASH,EAAA,CAAA;AAAA,MAAA,EAEnF,CAAA;AAAA,IAAA;AAAA,EAAA;AACF,GAGWI,IAAoBP,GCpB3BQ,IAAwBC,EAAA;AAAA,EAC5B,MAAM,OAAO,qCAAsD;AACrE,GACMC,IAAwBD,EAAA;AAAA,EAC5B,MAAM,OAAO,qCAA+D;AAC9E,GAYME,IAAkB,CAAC,EAAE,qBAAAC,QAAyD;AAClF,QAAMC,IAAuBD,EAAoB,sBAK3CE,IAJ6BC;AAAA,IACjCC;AAAA,EACF,KAEyDH,EAAqB;AAG5E,SAAAP,gBAAAA,EAAA;AAAA,IAACW,EAAA;AAAA,IAAA;AAAA,MACC,gCACG,OAAI,EAAA,WAAU,qBACb,UAACX,gBAAAA,EAAA,IAAAY,GAAA,EAAuB,MAAK,cAAA,CAAc,EAC7C,CAAA;AAAA,MAGD,UAAAJ,MAAuBK,EAAuB,WAC7Cb,gBAAAA,EAAAA,IAACI,KAAsB,qBAAAE,EAA0C,CAAA,IAEhEN,gBAAAA,EAAAA,IAAAE,GAAA,EAAsB,qBAAAI,EAA0C,CAAA;AAAA,IAAA;AAAA,EAErE;AAEJ,GAEaQ,IAA2BT;;;;"}

package/chunk/index-BOpxl8V9.js

@@ -1,167 +0,0 @@
-
-/**
- *   VERSION: 2.104.0-alpha.1
- *   BUILD_TIMESTAMP: 1746127986395
- *   BUILD_DATE: Thu May 01 2025 19:33:06 GMT+0000 (Coordinated Universal Time)
- *   BUILD_COMMIT: a18837a69c59275ce314d94cf6208e53b6620598
- */
-import { h as T, j as a, s as f, t as k, P as z, v as O, Q as R, x as t, T as V, U as q, u as d, w as B, y as L, E as W, d as w, a as N, W as H, X as K, D as A, G, M as Q, H as U, e as X, V as J, k as Y } from "../sheerid.js";
-const Z = ({ verificationService: s }) => {
-  var r, p, b, u, h, C, x, g, M, i, I;
-  const o = s.viewModel, { fieldValidationErrors: n } = s, m = s.verificationResponse, j = T(m), E = k(), y = o.localeChoice.value, l = (e, F) => {
-    const D = Y(
-      o,
-      (P) => {
-        P[e] = F;
-      }
-    );
-    s.updateViewModel(D);
-  };
-  return /* @__PURE__ */ a.jsxs(
-    f,
-    {
-      verificationService: s,
-      step: m.currentStep,
-      children: [
-        /* @__PURE__ */ a.jsx(
-          z,
-          {
-            verificationService: s,
-            classNameIdentifier: "member-personal-info"
-          }
-        ),
-        /* @__PURE__ */ a.jsx(O, { verificationService: s }),
-        /* @__PURE__ */ a.jsx(
-          R,
-          {
-            verificationService: s,
-            disabled: (r = t("country")) == null ? void 0 : r.disabled
-          }
-        ),
-        /* @__PURE__ */ a.jsx(
-          V,
-          {
-            value: s.viewModel.organization,
-            verificationService: s,
-            isErrored: !!n.organization,
-            disabled: (p = t("organization")) == null ? void 0 : p.disabled,
-            onChange: (e) => {
-              q(e, s), d("organization", e, s);
-            }
-          }
-        ),
-        /* @__PURE__ */ a.jsxs("div", { className: "sid-names", children: [
-          /* @__PURE__ */ a.jsx(
-            B,
-            {
-              value: o.firstName,
-              isErrored: !!n.firstName,
-              disabled: (b = t("firstName")) == null ? void 0 : b.disabled,
-              onChange: (e) => {
-                l("firstName", e), d("firstName", e, s);
-              }
-            }
-          ),
-          /* @__PURE__ */ a.jsx(
-            L,
-            {
-              value: o.lastName,
-              isErrored: !!n.lastName,
-              disabled: (u = t("lastName")) == null ? void 0 : u.disabled,
-              onChange: (e) => {
-                l("lastName", e), d("lastName", e, s);
-              }
-            }
-          )
-        ] }),
-        /* @__PURE__ */ a.jsx(
-          W,
-          {
-            value: o.email,
-            isErrored: !!n.email,
-            explanation: /* @__PURE__ */ a.jsx(N, { id: "emailExplanation", defaultMessage: " " }),
-            onChange: (e) => {
-              l("email", e), d("email", e, s);
-            },
-            onKeyDown: (e) => w(e),
-            disabled: (h = t("email")) == null ? void 0 : h.disabled
-          }
-        ),
-        /* @__PURE__ */ a.jsx(
-          H,
-          {
-            errorId: n.birthDate,
-            locale: y,
-            isRequired: (C = t("birthDate")) == null ? void 0 : C.requireIfOptional,
-            onChange: (e) => {
-              l("birthDate", e), d("birthDate", e, s);
-            },
-            value: o.birthDate,
-            disabled: (x = t("birthDate")) == null ? void 0 : x.disabled
-          }
-        ),
-        /* @__PURE__ */ a.jsx(
-          K,
-          {
-            value: o.memberId,
-            isErrored: !!n.memberId,
-            isRequired: (g = t("memberId")) == null ? void 0 : g.requireIfOptional,
-            disabled: (M = t("memberId")) == null ? void 0 : M.disabled,
-            onChange: (e) => {
-              l("memberId", e), d("memberId", e, s);
-            }
-          }
-        ),
-        s.programTheme.isSmsNotifierConfigured || s.programTheme.smsLoopEnabled ? /* @__PURE__ */ a.jsx(
-          A,
-          {
-            isRequired: !!s.programTheme.smsLoopEnabled,
-            value: o.phoneNumber,
-            isErrored: !!n.phoneNumber,
-            onChange: (e) => {
-              l("phoneNumber", e), d("phoneNumber", e, s);
-            },
-            selectedCountryCode: o.countryChoice && o.countryChoice.value,
-            disabled: (i = t("phoneNumber")) == null ? void 0 : i.disabled
-          }
-        ) : null,
-        E.customFormFields.map((e) => /* @__PURE__ */ a.jsx(G, { config: e, verificationService: s })),
-        /* @__PURE__ */ a.jsx(
-          Q,
-          {
-            verificationService: s,
-            isErrored: !!n.marketConsentValue,
-            onChange: (e) => {
-              l("metadata", {
-                ...s.viewModel.metadata,
-                marketConsentValue: e
-              }), d("marketConsentValue", e, s);
-            },
-            viewModel: o,
-            disabled: (I = t("marketConsentValue")) == null ? void 0 : I.disabled
-          }
-        ),
-        /* @__PURE__ */ a.jsx(U, { verificationService: s, suffix: "CollectAboveSubmit" }),
-        /* @__PURE__ */ a.jsx(
-          X,
-          {
-            step: J.collectMemberPersonalInfo,
-            verificationService: s,
-            viewModel: o,
-            failedInstantMatch: j,
-            buttonText: /* @__PURE__ */ a.jsx(
-              N,
-              {
-                id: "step.personalInfo.submitButtonText",
-                defaultMessage: "Verify My Membership Status"
-              }
-            )
-          }
-        )
-      ]
-    }
-  );
-}, $ = Z;
-export {
-  $ as default
-};

package/chunk/index-BOpxl8V9.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index-BOpxl8V9.js","sources":["../../src/components/StepMemberPersonalInfo/StepMemberPersonalInfoComponent.tsx"],"sourcesContent":["import React from \"react\";\nimport { FormattedHTMLMessage } from \"react-intl\";\nimport { produce } from \"immer\";\n\nimport { VerificationStepsEnum } from \"../../lib/types/runtimeTypes\";\nimport { hasFailedInstantMatch } from \"../../lib/VerificationService/VerificationServiceHelpers\";\nimport {\n  VerificationService,\n  Organization,\n  MemberPersonalInfoViewModel,\n  MemberPersonalInfoResponse,\n  CustomFormFieldConfig,\n} from \"../../lib/types/types\";\nimport {\n  getFieldConfigByFieldId,\n  handleEmailOnKeyDown,\n  updateFieldValidationErrorsByFieldId,\n  updateViewModelOrganization,\n} from \"../../lib/utils/stepComponentHelpers/stepComponentHelpers\";\n\nimport { PhoneNumberComponent as PhoneNumber } from \"../FormFields/PhoneNumber/PhoneNumberComponent\";\nimport { FirstNameComponent as FirstName } from \"../FormFields/FirstName/FirstNameComponent\";\nimport { LastNameComponent as LastName } from \"../FormFields/LastName/LastNameComponent\";\nimport { EmailComponent as Email } from \"../FormFields/Email/EmailComponent\";\nimport { BirthDateComponent as BirthDate } from \"../FormFields/BirthDate/BirthDateComponent\";\nimport { MemberIdComponent as MemberId } from \"../FormFields/MemberId/MemberIdComponent\";\nimport { ChangeLocaleV2Component } from \"../FormFields/ChangeLocale/ChangeLocaleComponent\";\nimport { MembershipOrganizationComponent } from \"../FormFields/MembershipOrganization/MembershipOrganizationComponent\";\nimport { MarketConsentWrapperComponent } from \"../FormFields/MarketConsentWrapper/MarketConsentWrapperComponent\";\nimport { CountryComponentWrapper } from \"../FormFields/Country/CountryComponentWrapper\";\nimport { getOptions } from \"../../options/options\";\nimport { FormFieldCustom } from \"../FormFields/FormFieldCustom/FormFieldCustom\";\nimport { ExtraMessage } from \"../ExtraMessage\";\nimport { PersonalInfoWrapper } from \"../PersonalInfoStepWrapper/PersonalInfoStepWrapper\";\nimport { PersonalInfoStepSubmitButton } from \"../PersonalInfoStepSubmitButton/PersonalInfoStepSubmitButton\";\nimport { PersonalInfoHeader } from \"../FormHeader/StepHeaders/PersonalInfoHeaderComponent\";\n\ninterface StepMemberPersonalInfoComponentProps {\n  verificationService: VerificationService;\n}\n\nconst StepMemberPersonalInfo = ({ verificationService }: StepMemberPersonalInfoComponentProps) => {\n  const viewModel = verificationService.viewModel as MemberPersonalInfoViewModel;\n  const { fieldValidationErrors } = verificationService;\n  const verificationResponse =\n    verificationService.verificationResponse as MemberPersonalInfoResponse;\n  const failedInstantMatch = hasFailedInstantMatch(verificationResponse);\n  const options = getOptions();\n\n  const locale = viewModel.localeChoice.value;\n\n  const updateMemberViewModel = (key: keyof MemberPersonalInfoViewModel, value: any) => {\n    const nextState: MemberPersonalInfoViewModel = produce(\n      viewModel,\n      (draft: MemberPersonalInfoViewModel) => {\n        (draft[key] as any) = value;\n      },\n    );\n    verificationService.updateViewModel(nextState);\n  };\n\n  return (\n    <PersonalInfoWrapper\n      verificationService={verificationService}\n      step={verificationResponse.currentStep}\n    >\n      <PersonalInfoHeader\n        verificationService={verificationService}\n        classNameIdentifier=\"member-personal-info\"\n      />\n\n      <ChangeLocaleV2Component verificationService={verificationService} />\n      <CountryComponentWrapper\n        verificationService={verificationService}\n        disabled={getFieldConfigByFieldId(\"country\")?.disabled}\n      />\n\n      <MembershipOrganizationComponent\n        value={(verificationService.viewModel as MemberPersonalInfoViewModel).organization}\n        verificationService={verificationService}\n        isErrored={!!fieldValidationErrors.organization}\n        disabled={getFieldConfigByFieldId(\"organization\")?.disabled}\n        onChange={(choice: Organization) => {\n          updateViewModelOrganization(choice, verificationService);\n          updateFieldValidationErrorsByFieldId(\"organization\", choice, verificationService);\n        }}\n      />\n\n      <div className=\"sid-names\">\n        <FirstName\n          value={viewModel.firstName}\n          isErrored={!!fieldValidationErrors.firstName}\n          disabled={getFieldConfigByFieldId(\"firstName\")?.disabled}\n          onChange={(newValue) => {\n            updateMemberViewModel(\"firstName\", newValue);\n            updateFieldValidationErrorsByFieldId(\"firstName\", newValue, verificationService);\n          }}\n        />\n\n        <LastName\n          value={viewModel.lastName}\n          isErrored={!!fieldValidationErrors.lastName}\n          disabled={getFieldConfigByFieldId(\"lastName\")?.disabled}\n          onChange={(newValue) => {\n            updateMemberViewModel(\"lastName\", newValue);\n            updateFieldValidationErrorsByFieldId(\"lastName\", newValue, verificationService);\n          }}\n        />\n      </div>\n\n      <Email\n        value={viewModel.email}\n        isErrored={!!fieldValidationErrors.email}\n        explanation={<FormattedHTMLMessage id=\"emailExplanation\" defaultMessage=\" \" />}\n        onChange={(newValue) => {\n          updateMemberViewModel(\"email\", newValue);\n          updateFieldValidationErrorsByFieldId(\"email\", newValue, verificationService);\n        }}\n        onKeyDown={(event) => handleEmailOnKeyDown(event)}\n        disabled={getFieldConfigByFieldId(\"email\")?.disabled}\n      />\n\n      <BirthDate\n        errorId={fieldValidationErrors.birthDate}\n        locale={locale}\n        isRequired={getFieldConfigByFieldId(\"birthDate\")?.requireIfOptional}\n        onChange={(newValue) => {\n          updateMemberViewModel(\"birthDate\", newValue);\n          updateFieldValidationErrorsByFieldId(\"birthDate\", newValue, verificationService);\n        }}\n        value={viewModel.birthDate}\n        disabled={getFieldConfigByFieldId(\"birthDate\")?.disabled}\n      />\n\n      <MemberId\n        value={viewModel.memberId}\n        isErrored={!!fieldValidationErrors.memberId}\n        isRequired={getFieldConfigByFieldId(\"memberId\")?.requireIfOptional}\n        disabled={getFieldConfigByFieldId(\"memberId\")?.disabled}\n        onChange={(newValue) => {\n          updateMemberViewModel(\"memberId\", newValue);\n          updateFieldValidationErrorsByFieldId(\"memberId\", newValue, verificationService);\n        }}\n      />\n\n      {verificationService.programTheme.isSmsNotifierConfigured ||\n      verificationService.programTheme.smsLoopEnabled ? (\n        <PhoneNumber\n          isRequired={!!verificationService.programTheme.smsLoopEnabled}\n          value={viewModel.phoneNumber}\n          isErrored={!!fieldValidationErrors.phoneNumber}\n          onChange={(newValue) => {\n            updateMemberViewModel(\"phoneNumber\", newValue);\n            updateFieldValidationErrorsByFieldId(\"phoneNumber\", newValue, verificationService);\n          }}\n          selectedCountryCode={viewModel.countryChoice && viewModel.countryChoice.value}\n          disabled={getFieldConfigByFieldId(\"phoneNumber\")?.disabled}\n        />\n      ) : null}\n\n      {options.customFormFields.map((config: CustomFormFieldConfig) => (\n        <FormFieldCustom config={config} verificationService={verificationService} />\n      ))}\n\n      <MarketConsentWrapperComponent\n        verificationService={verificationService}\n        isErrored={!!fieldValidationErrors.marketConsentValue}\n        onChange={(newValue) => {\n          updateMemberViewModel(\"metadata\", {\n            ...verificationService.viewModel.metadata,\n            marketConsentValue: newValue,\n          });\n          updateFieldValidationErrorsByFieldId(\"marketConsentValue\", newValue, verificationService);\n        }}\n        viewModel={viewModel}\n        disabled={getFieldConfigByFieldId(\"marketConsentValue\")?.disabled}\n      />\n\n      <ExtraMessage verificationService={verificationService} suffix=\"CollectAboveSubmit\" />\n\n      <PersonalInfoStepSubmitButton\n        step={VerificationStepsEnum.collectMemberPersonalInfo}\n        verificationService={verificationService}\n        viewModel={viewModel}\n        failedInstantMatch={failedInstantMatch}\n        buttonText={\n          <FormattedHTMLMessage\n            id=\"step.personalInfo.submitButtonText\"\n            defaultMessage=\"Verify My Membership Status\"\n          />\n        }\n      />\n    </PersonalInfoWrapper>\n  );\n};\n\nexport const StepMemberPersonalInfoComponent = StepMemberPersonalInfo;\n"],"names":["StepMemberPersonalInfo","verificationService","viewModel","fieldValidationErrors","verificationResponse","failedInstantMatch","hasFailedInstantMatch","options","getOptions","locale","updateMemberViewModel","key","value","nextState","produce","draft","jsxs","PersonalInfoWrapper","jsx","PersonalInfoHeader","ChangeLocaleV2Component","CountryComponentWrapper","_a","getFieldConfigByFieldId","MembershipOrganizationComponent","_b","choice","updateViewModelOrganization","updateFieldValidationErrorsByFieldId","FirstName","_c","newValue","LastName","_d","Email","FormattedHTMLMessage","event","handleEmailOnKeyDown","_e","BirthDate","_f","_g","MemberId","_h","_i","PhoneNumber","_j","config","FormFieldCustom","MarketConsentWrapperComponent","_k","ExtraMessage","PersonalInfoStepSubmitButton","VerificationStepsEnum","StepMemberPersonalInfoComponent"],"mappings":"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"}