@sheerid/jslib 2.105.0 → 2.107.0

package/chunk/{index-n6-LNqUp.js → index-C96ntS0u.js}

@@ -1,18 +1,18 @@
 
 /**
- *   VERSION: 2.105.0
- *   BUILD_TIMESTAMP: 1746205178756
- *   BUILD_DATE: Fri May 02 2025 16:59:38 GMT+0000 (Coordinated Universal Time)
- *   BUILD_COMMIT: 6bc9b7c13c867b22d0b64758983911e2b4e64489
+ *   VERSION: 2.107.0
+ *   BUILD_TIMESTAMP: 1746734190247
+ *   BUILD_DATE: Thu May 08 2025 19:56:30 GMT+0000 (Coordinated Universal Time)
+ *   BUILD_COMMIT: 3dcde0ad6edf065c5f8e85780481e41d2352c9a5
  */
-import { i as k, j as a, x as P, P as V, y as f, Y as z, a as t, a9 as u, aa as A, _ as B, u as n, z as R, B as D, D as L, b as p, a6 as q, ab as w, ac as H, G as K, E as O, f as W, H as U, J as G, M as J, K as Y, k as _, V as Q, N as X, n as Z } from "../sheerid.js";
+import { i as P, j as a, t as k, v as V, P as f, w as z, Q as A, g as t, a3 as u, a4 as B, U as R, u as n, x as w, y as D, z as L, b as p, a0 as q, a5 as H, a6 as O, B as U, E as W, e as K, D as G, G as Q, M as J, H as X, f as Y, V as Z, m as _ } from "../sheerid.js";
 const $ = ({
   intl: I,
   verificationService: e
 }) => {
   var C, b, g, h, x, y, i, E, j, N, M;
-  const o = e.viewModel, { fieldValidationErrors: d } = e, T = X(), m = (s, r) => {
-    const l = Z(
+  const o = e.viewModel, { fieldValidationErrors: d } = e, T = V(), m = (s, r) => {
+    const l = _(
       o,
       (F) => {
         F[s] = r;
@@ -21,21 +21,21 @@ const $ = ({
     e.updateViewModel(l);
   };
   return /* @__PURE__ */ a.jsxs(
-    P,
+    k,
     {
       verificationService: e,
       step: e.verificationResponse.currentStep,
       children: [
         /* @__PURE__ */ a.jsx(
-          V,
+          f,
           {
             verificationService: e,
             classNameIdentifier: "employment"
           }
         ),
-        /* @__PURE__ */ a.jsx(f, { verificationService: e }),
+        /* @__PURE__ */ a.jsx(z, { verificationService: e }),
         /* @__PURE__ */ a.jsx(
-          z,
+          A,
           {
             verificationService: e,
             disabled: (C = t("country")) == null ? void 0 : C.disabled,
@@ -49,20 +49,20 @@ const $ = ({
           }
         ),
         /* @__PURE__ */ a.jsx(
-          A,
+          B,
           {
             value: e.viewModel.organization,
             verificationService: e,
             isErrored: !!d.organization,
             disabled: (b = t("organization")) == null ? void 0 : b.disabled,
             onChange: (s) => {
-              B(s, e), n("organization", s, e);
+              R(s, e), n("organization", s, e);
             }
           }
         ),
         /* @__PURE__ */ a.jsxs("div", { className: "sid-names", children: [
           /* @__PURE__ */ a.jsx(
-            R,
+            w,
             {
               value: o.firstName,
               isErrored: !!d.firstName,
@@ -119,10 +119,10 @@ const $ = ({
             }
           ),
           /* @__PURE__ */ a.jsx(
-            w,
+            H,
             {
               isRequired: !0,
-              options: H(e.programTheme, I),
+              options: O(e.programTheme, I),
               value: o.state || void 0,
               isErrored: !!d.state,
               onChange: async (s) => {
@@ -134,7 +134,7 @@ const $ = ({
             }
           ),
           /* @__PURE__ */ a.jsx(
-            K,
+            U,
             {
               isErrored: !!d.postalCode,
               onChange: (s) => {
@@ -146,7 +146,7 @@ const $ = ({
           )
         ] }) : null,
         /* @__PURE__ */ a.jsx(
-          O,
+          W,
           {
             value: o.email,
             isErrored: !!d.email,
@@ -160,12 +160,12 @@ const $ = ({
             onChange: (s) => {
               m("email", s), n("email", s, e);
             },
-            onKeyDown: (s) => W(s),
+            onKeyDown: (s) => K(s),
             disabled: (j = t("email")) == null ? void 0 : j.disabled
           }
         ),
         e.programTheme.isSmsNotifierConfigured || e.programTheme.smsLoopEnabled ? /* @__PURE__ */ a.jsx(
-          U,
+          G,
           {
             isRequired: !!e.programTheme.smsLoopEnabled,
             value: o.phoneNumber,
@@ -177,7 +177,7 @@ const $ = ({
             disabled: (N = t("phoneNumber")) == null ? void 0 : N.disabled
           }
         ) : null,
-        T.customFormFields.map((s) => /* @__PURE__ */ a.jsx(G, { config: s, verificationService: e })),
+        T.customFormFields.map((s) => /* @__PURE__ */ a.jsx(Q, { config: s, verificationService: e })),
         /* @__PURE__ */ a.jsx(
           J,
           {
@@ -193,11 +193,11 @@ const $ = ({
             disabled: (M = t("marketConsentValue")) == null ? void 0 : M.disabled
           }
         ),
-        /* @__PURE__ */ a.jsx(Y, { verificationService: e, suffix: "CollectAboveSubmit" }),
+        /* @__PURE__ */ a.jsx(X, { verificationService: e, suffix: "CollectAboveSubmit" }),
         /* @__PURE__ */ a.jsx(
-          _,
+          Y,
           {
-            step: Q.collectEmployeePersonalInfo,
+            step: Z.collectEmployeePersonalInfo,
             verificationService: e,
             viewModel: o,
             buttonText: /* @__PURE__ */ a.jsx(
@@ -212,7 +212,7 @@ const $ = ({
       ]
     }
   );
-}, S = k($);
+}, S = P($);
 export {
   S as default
 };

package/chunk/{index-n6-LNqUp.js.map → index-C96ntS0u.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index-n6-LNqUp.js","sources":["../../src/components/StepEmploymentPersonalInfo/StepEmploymentPersonalInfoComponent.tsx"],"sourcesContent":["/**\n * TODO - preamble\n */\nimport React from \"react\";\nimport { FormattedHTMLMessage, injectIntl } from \"react-intl\";\nimport { produce } from \"immer\";\n\nimport { VerificationStepsEnum } from \"../../lib/types/runtimeTypes\";\nimport {\n  VerificationService,\n  Organization,\n  EmploymentPersonalInfoViewModel,\n  CustomFormFieldConfig,\n  FormSelectChoice,\n  State,\n} from \"../../lib/types/types\";\nimport {\n  handleEmailOnKeyDown,\n  updateFieldValidationErrorsByFieldId,\n  updateViewModelOrganization,\n  shouldCollectAddressFields,\n  getAvailableStateChoices,\n  getFieldConfigByFieldId,\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 { MarketConsentWrapperComponent as MarketConsentWrapper } from \"../FormFields/MarketConsentWrapper/MarketConsentWrapperComponent\";\nimport { AddressComponent } from \"../FormFields/Address/AddressComponent\";\nimport { CityComponent } from \"../FormFields/City/City\";\nimport { StateSelectComponent } from \"../FormFields/State/StateSelectComponent\";\nimport { CompanyComponent } from \"../FormFields/Company/CompanyComponent\";\nimport { PostalCodeComponent } from \"../FormFields/PostalCode/PostalCodeComponent\";\n\nimport { CountryComponentWrapper } from \"../FormFields/Country/CountryComponentWrapper\";\nimport { getOptions } from \"../../options/options\";\nimport { FormFieldCustom } from \"../FormFields/FormFieldCustom/FormFieldCustom\";\nimport { ExtraMessage } from \"../ExtraMessage\";\nimport { ChangeLocaleV2Component } from \"../FormFields/ChangeLocale/ChangeLocaleComponent\";\nimport { PersonalInfoWrapper } from \"../PersonalInfoStepWrapper/PersonalInfoStepWrapper\";\nimport { PersonalInfoStepSubmitButton } from \"../PersonalInfoStepSubmitButton/PersonalInfoStepSubmitButton\";\nimport { PersonalInfoHeader } from \"../FormHeader/StepHeaders/PersonalInfoHeaderComponent\";\n\ninterface StepEmploymentPersonalInfoComponentProps {\n  intl: any;\n  verificationService: VerificationService;\n}\n\nconst StepEmploymentPersonalInfo = ({\n  intl,\n  verificationService,\n}: StepEmploymentPersonalInfoComponentProps) => {\n  const viewModel = verificationService.viewModel as EmploymentPersonalInfoViewModel;\n  const { fieldValidationErrors } = verificationService;\n  const options = getOptions();\n\n  const updateEmploymentViewModel = (key: keyof EmploymentPersonalInfoViewModel, value: any) => {\n    const nextState: EmploymentPersonalInfoViewModel = produce(\n      viewModel,\n      (draft: EmploymentPersonalInfoViewModel) => {\n        (draft[key] as any) = value;\n      },\n    );\n    verificationService.updateViewModel(nextState);\n  };\n\n  return (\n    <PersonalInfoWrapper\n      verificationService={verificationService}\n      step={verificationService.verificationResponse.currentStep}\n    >\n      <PersonalInfoHeader\n        verificationService={verificationService}\n        classNameIdentifier=\"employment\"\n      />\n\n      <ChangeLocaleV2Component verificationService={verificationService} />\n      <CountryComponentWrapper\n        verificationService={verificationService}\n        disabled={getFieldConfigByFieldId(\"country\")?.disabled}\n        viewModelDraftDecorator={(draft, countryChoice) => {\n          const viewModel = draft as EmploymentPersonalInfoViewModel;\n\n          viewModel.shouldCollectAddress = shouldCollectAddressFields(\n            countryChoice,\n            verificationService.programTheme.config.countries,\n          );\n          if (!viewModel.shouldCollectAddress) {\n            viewModel.address1 = \"\";\n            viewModel.city = \"\";\n            viewModel.state = \"\";\n            viewModel.postalCode = \"\";\n            viewModel.fieldsToSkipValidation = [\"address1\", \"city\", \"state\", \"postalCode\"];\n          } else {\n            viewModel.fieldsToSkipValidation = undefined;\n          }\n        }}\n      />\n\n      <CompanyComponent\n        value={(verificationService.viewModel as EmploymentPersonalInfoViewModel).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            updateEmploymentViewModel(\"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            updateEmploymentViewModel(\"lastName\", newValue);\n            updateFieldValidationErrorsByFieldId(\"lastName\", newValue, verificationService);\n          }}\n        />\n      </div>\n\n      {shouldCollectAddressFields(\n        viewModel.countryChoice,\n        verificationService.programTheme.config.countries,\n      ) ? (\n        <AddressComponent\n          isErrored={!!fieldValidationErrors.address1}\n          errorId={fieldValidationErrors.address1}\n          onChange={(newValue) => {\n            updateEmploymentViewModel(\"address1\", newValue);\n            updateFieldValidationErrorsByFieldId(\"address1\", newValue, verificationService);\n          }}\n          isRequired\n          value={viewModel.address1}\n          disabled={getFieldConfigByFieldId(\"address1\")?.disabled}\n          explanation={\n            <FormattedHTMLMessage id=\"addressExplanation\" defaultMessage=\"Use your home address\" />\n          }\n        />\n      ) : null}\n\n      {shouldCollectAddressFields(\n        viewModel.countryChoice,\n        verificationService.programTheme.config.countries,\n      ) ? (\n        <div className=\"sid-thirds\">\n          <CityComponent\n            isErrored={!!fieldValidationErrors.city}\n            errorId={fieldValidationErrors.city}\n            onChange={(newValue) => {\n              updateEmploymentViewModel(\"city\", newValue);\n              updateFieldValidationErrorsByFieldId(\"city\", newValue, verificationService);\n            }}\n            value={viewModel.city}\n            isRequired\n            disabled={getFieldConfigByFieldId(\"city\")?.disabled}\n          />\n          <StateSelectComponent\n            isRequired\n            options={getAvailableStateChoices(verificationService.programTheme, intl)}\n            value={viewModel.state || undefined}\n            isErrored={Boolean(fieldValidationErrors.state)}\n            onChange={async (stateChoice: FormSelectChoice<State, string>) => {\n              const stateValue = stateChoice ? stateChoice.value : undefined;\n              updateEmploymentViewModel(\"state\", stateValue);\n              updateFieldValidationErrorsByFieldId(\"state\", stateValue, verificationService);\n            }}\n            label={<FormattedHTMLMessage id=\"state\" defaultMessage=\"State\" />}\n            disabled={getFieldConfigByFieldId(\"state\")?.disabled}\n          />\n          <PostalCodeComponent\n            isErrored={!!fieldValidationErrors.postalCode}\n            onChange={(newValue) => {\n              updateEmploymentViewModel(\"postalCode\", newValue);\n              updateFieldValidationErrorsByFieldId(\"postalCode\", newValue, verificationService);\n            }}\n            value={viewModel.postalCode}\n            disabled={getFieldConfigByFieldId(\"postalCode\")?.disabled}\n          />\n        </div>\n      ) : null}\n\n      <Email\n        value={viewModel.email}\n        isErrored={!!fieldValidationErrors.email}\n        explanation={\n          <FormattedHTMLMessage\n            id=\"emailExplanation\"\n            defaultMessage=\"Use your work email if you have one\"\n          />\n        }\n        onChange={(newValue) => {\n          updateEmploymentViewModel(\"email\", newValue);\n          updateFieldValidationErrorsByFieldId(\"email\", newValue, verificationService);\n        }}\n        onKeyDown={(event) => handleEmailOnKeyDown(event)}\n        disabled={getFieldConfigByFieldId(\"email\")?.disabled}\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            updateEmploymentViewModel(\"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      <MarketConsentWrapper\n        verificationService={verificationService}\n        isErrored={!!fieldValidationErrors.marketConsentValue}\n        onChange={(newValue) => {\n          updateEmploymentViewModel(\"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.collectEmployeePersonalInfo}\n        verificationService={verificationService}\n        viewModel={viewModel}\n        buttonText={\n          <FormattedHTMLMessage\n            id=\"step.personalInfo.submitButtonText\"\n            defaultMessage=\"Verify My Employment Status\"\n          />\n        }\n      />\n    </PersonalInfoWrapper>\n  );\n};\n\n// TODO remove injectIntl, unused\nexport const StepEmploymentPersonalInfoComponent = injectIntl(StepEmploymentPersonalInfo);\n"],"names":["StepEmploymentPersonalInfo","intl","verificationService","viewModel","fieldValidationErrors","options","getOptions","updateEmploymentViewModel","key","value","nextState","produce","draft","jsxs","PersonalInfoWrapper","jsx","PersonalInfoHeader","ChangeLocaleV2Component","CountryComponentWrapper","_a","getFieldConfigByFieldId","countryChoice","shouldCollectAddressFields","CompanyComponent","_b","choice","updateViewModelOrganization","updateFieldValidationErrorsByFieldId","FirstName","_c","newValue","LastName","_d","AddressComponent","_e","FormattedHTMLMessage","CityComponent","_f","StateSelectComponent","getAvailableStateChoices","stateChoice","stateValue","_g","PostalCodeComponent","_h","Email","event","handleEmailOnKeyDown","_i","PhoneNumber","_j","config","FormFieldCustom","MarketConsentWrapper","_k","ExtraMessage","PersonalInfoStepSubmitButton","VerificationStepsEnum","StepEmploymentPersonalInfoComponent","injectIntl"],"mappings":"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"}
+{"version":3,"file":"index-C96ntS0u.js","sources":["../../src/components/StepEmploymentPersonalInfo/StepEmploymentPersonalInfoComponent.tsx"],"sourcesContent":["/**\n * TODO - preamble\n */\nimport React from \"react\";\nimport { FormattedHTMLMessage, injectIntl } from \"react-intl\";\nimport { produce } from \"immer\";\n\nimport { VerificationStepsEnum } from \"../../lib/types/runtimeTypes\";\nimport {\n  VerificationService,\n  Organization,\n  EmploymentPersonalInfoViewModel,\n  CustomFormFieldConfig,\n  FormSelectChoice,\n  State,\n} from \"../../lib/types/types\";\nimport {\n  handleEmailOnKeyDown,\n  updateFieldValidationErrorsByFieldId,\n  updateViewModelOrganization,\n  shouldCollectAddressFields,\n  getAvailableStateChoices,\n  getFieldConfigByFieldId,\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 { MarketConsentWrapperComponent as MarketConsentWrapper } from \"../FormFields/MarketConsentWrapper/MarketConsentWrapperComponent\";\nimport { AddressComponent } from \"../FormFields/Address/AddressComponent\";\nimport { CityComponent } from \"../FormFields/City/City\";\nimport { StateSelectComponent } from \"../FormFields/State/StateSelectComponent\";\nimport { CompanyComponent } from \"../FormFields/Company/CompanyComponent\";\nimport { PostalCodeComponent } from \"../FormFields/PostalCode/PostalCodeComponent\";\n\nimport { CountryComponentWrapper } from \"../FormFields/Country/CountryComponentWrapper\";\nimport { getOptions } from \"../../options/options\";\nimport { FormFieldCustom } from \"../FormFields/FormFieldCustom/FormFieldCustom\";\nimport { ExtraMessage } from \"../ExtraMessage\";\nimport { ChangeLocaleV2Component } from \"../FormFields/ChangeLocale/ChangeLocaleComponent\";\nimport { PersonalInfoWrapper } from \"../PersonalInfoStepWrapper/PersonalInfoStepWrapper\";\nimport { PersonalInfoStepSubmitButton } from \"../PersonalInfoStepSubmitButton/PersonalInfoStepSubmitButton\";\nimport { PersonalInfoHeader } from \"../FormHeader/StepHeaders/PersonalInfoHeaderComponent\";\n\ninterface StepEmploymentPersonalInfoComponentProps {\n  intl: any;\n  verificationService: VerificationService;\n}\n\nconst StepEmploymentPersonalInfo = ({\n  intl,\n  verificationService,\n}: StepEmploymentPersonalInfoComponentProps) => {\n  const viewModel = verificationService.viewModel as EmploymentPersonalInfoViewModel;\n  const { fieldValidationErrors } = verificationService;\n  const options = getOptions();\n\n  const updateEmploymentViewModel = (key: keyof EmploymentPersonalInfoViewModel, value: any) => {\n    const nextState: EmploymentPersonalInfoViewModel = produce(\n      viewModel,\n      (draft: EmploymentPersonalInfoViewModel) => {\n        (draft[key] as any) = value;\n      },\n    );\n    verificationService.updateViewModel(nextState);\n  };\n\n  return (\n    <PersonalInfoWrapper\n      verificationService={verificationService}\n      step={verificationService.verificationResponse.currentStep}\n    >\n      <PersonalInfoHeader\n        verificationService={verificationService}\n        classNameIdentifier=\"employment\"\n      />\n\n      <ChangeLocaleV2Component verificationService={verificationService} />\n      <CountryComponentWrapper\n        verificationService={verificationService}\n        disabled={getFieldConfigByFieldId(\"country\")?.disabled}\n        viewModelDraftDecorator={(draft, countryChoice) => {\n          const viewModel = draft as EmploymentPersonalInfoViewModel;\n\n          viewModel.shouldCollectAddress = shouldCollectAddressFields(\n            countryChoice,\n            verificationService.programTheme.config.countries,\n          );\n          if (!viewModel.shouldCollectAddress) {\n            viewModel.address1 = \"\";\n            viewModel.city = \"\";\n            viewModel.state = \"\";\n            viewModel.postalCode = \"\";\n            viewModel.fieldsToSkipValidation = [\"address1\", \"city\", \"state\", \"postalCode\"];\n          } else {\n            viewModel.fieldsToSkipValidation = undefined;\n          }\n        }}\n      />\n\n      <CompanyComponent\n        value={(verificationService.viewModel as EmploymentPersonalInfoViewModel).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            updateEmploymentViewModel(\"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            updateEmploymentViewModel(\"lastName\", newValue);\n            updateFieldValidationErrorsByFieldId(\"lastName\", newValue, verificationService);\n          }}\n        />\n      </div>\n\n      {shouldCollectAddressFields(\n        viewModel.countryChoice,\n        verificationService.programTheme.config.countries,\n      ) ? (\n        <AddressComponent\n          isErrored={!!fieldValidationErrors.address1}\n          errorId={fieldValidationErrors.address1}\n          onChange={(newValue) => {\n            updateEmploymentViewModel(\"address1\", newValue);\n            updateFieldValidationErrorsByFieldId(\"address1\", newValue, verificationService);\n          }}\n          isRequired\n          value={viewModel.address1}\n          disabled={getFieldConfigByFieldId(\"address1\")?.disabled}\n          explanation={\n            <FormattedHTMLMessage id=\"addressExplanation\" defaultMessage=\"Use your home address\" />\n          }\n        />\n      ) : null}\n\n      {shouldCollectAddressFields(\n        viewModel.countryChoice,\n        verificationService.programTheme.config.countries,\n      ) ? (\n        <div className=\"sid-thirds\">\n          <CityComponent\n            isErrored={!!fieldValidationErrors.city}\n            errorId={fieldValidationErrors.city}\n            onChange={(newValue) => {\n              updateEmploymentViewModel(\"city\", newValue);\n              updateFieldValidationErrorsByFieldId(\"city\", newValue, verificationService);\n            }}\n            value={viewModel.city}\n            isRequired\n            disabled={getFieldConfigByFieldId(\"city\")?.disabled}\n          />\n          <StateSelectComponent\n            isRequired\n            options={getAvailableStateChoices(verificationService.programTheme, intl)}\n            value={viewModel.state || undefined}\n            isErrored={Boolean(fieldValidationErrors.state)}\n            onChange={async (stateChoice: FormSelectChoice<State, string>) => {\n              const stateValue = stateChoice ? stateChoice.value : undefined;\n              updateEmploymentViewModel(\"state\", stateValue);\n              updateFieldValidationErrorsByFieldId(\"state\", stateValue, verificationService);\n            }}\n            label={<FormattedHTMLMessage id=\"state\" defaultMessage=\"State\" />}\n            disabled={getFieldConfigByFieldId(\"state\")?.disabled}\n          />\n          <PostalCodeComponent\n            isErrored={!!fieldValidationErrors.postalCode}\n            onChange={(newValue) => {\n              updateEmploymentViewModel(\"postalCode\", newValue);\n              updateFieldValidationErrorsByFieldId(\"postalCode\", newValue, verificationService);\n            }}\n            value={viewModel.postalCode}\n            disabled={getFieldConfigByFieldId(\"postalCode\")?.disabled}\n          />\n        </div>\n      ) : null}\n\n      <Email\n        value={viewModel.email}\n        isErrored={!!fieldValidationErrors.email}\n        explanation={\n          <FormattedHTMLMessage\n            id=\"emailExplanation\"\n            defaultMessage=\"Use your work email if you have one\"\n          />\n        }\n        onChange={(newValue) => {\n          updateEmploymentViewModel(\"email\", newValue);\n          updateFieldValidationErrorsByFieldId(\"email\", newValue, verificationService);\n        }}\n        onKeyDown={(event) => handleEmailOnKeyDown(event)}\n        disabled={getFieldConfigByFieldId(\"email\")?.disabled}\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            updateEmploymentViewModel(\"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      <MarketConsentWrapper\n        verificationService={verificationService}\n        isErrored={!!fieldValidationErrors.marketConsentValue}\n        onChange={(newValue) => {\n          updateEmploymentViewModel(\"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.collectEmployeePersonalInfo}\n        verificationService={verificationService}\n        viewModel={viewModel}\n        buttonText={\n          <FormattedHTMLMessage\n            id=\"step.personalInfo.submitButtonText\"\n            defaultMessage=\"Verify My Employment Status\"\n          />\n        }\n      />\n    </PersonalInfoWrapper>\n  );\n};\n\n// TODO remove injectIntl, unused\nexport const StepEmploymentPersonalInfoComponent = injectIntl(StepEmploymentPersonalInfo);\n"],"names":["StepEmploymentPersonalInfo","intl","verificationService","viewModel","fieldValidationErrors","options","getOptions","updateEmploymentViewModel","key","value","nextState","produce","draft","jsxs","PersonalInfoWrapper","jsx","PersonalInfoHeader","ChangeLocaleV2Component","CountryComponentWrapper","_a","getFieldConfigByFieldId","countryChoice","shouldCollectAddressFields","CompanyComponent","_b","choice","updateViewModelOrganization","updateFieldValidationErrorsByFieldId","FirstName","_c","newValue","LastName","_d","AddressComponent","_e","FormattedHTMLMessage","CityComponent","_f","StateSelectComponent","getAvailableStateChoices","stateChoice","stateValue","_g","PostalCodeComponent","_h","Email","event","handleEmailOnKeyDown","_i","PhoneNumber","_j","config","FormFieldCustom","MarketConsentWrapper","_k","ExtraMessage","PersonalInfoStepSubmitButton","VerificationStepsEnum","StepEmploymentPersonalInfoComponent","injectIntl"],"mappings":"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"}

package/chunk/index-CHK5i4jj.js

@@ -0,0 +1,48 @@
+
+/**
+ *   VERSION: 2.107.0
+ *   BUILD_TIMESTAMP: 1746734190247
+ *   BUILD_DATE: Thu May 08 2025 19:56:30 GMT+0000 (Coordinated Universal Time)
+ *   BUILD_COMMIT: 3dcde0ad6edf065c5f8e85780481e41d2352c9a5
+ */
+import { j as e, aH as t, b7 as p, s as d, b8 as a, ag as n } from "../sheerid.js";
+const r = ({
+  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 = r, l = d.lazy(
+  () => import("./StepIDCheckLoopOnfido-DtbplNxs.js")
+), h = d.lazy(
+  () => import("./StepIDCheckLoopRegula-oqf-QxHT.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(n, { 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-CHK5i4jj.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-CHK5i4jj.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-BSXBGGOf.js → index-CTb96lOK.js}

@@ -4,13 +4,13 @@
  *   This file is not intended for use in other contexts and there are no guarantees about its behavior outside of MySheerID.
  */ 
 /**
- *   VERSION: 2.105.0
- *   BUILD_TIMESTAMP: 1746205253259
- *   BUILD_DATE: Fri May 02 2025 17:00:53 GMT+0000 (Coordinated Universal Time)
- *   BUILD_COMMIT: 6bc9b7c13c867b22d0b64758983911e2b4e64489
+ *   VERSION: 2.107.0
+ *   BUILD_TIMESTAMP: 1746734245583
+ *   BUILD_DATE: Thu May 08 2025 19:57:25 GMT+0000 (Coordinated Universal Time)
+ *   BUILD_COMMIT: 3dcde0ad6edf065c5f8e85780481e41d2352c9a5
  */
-import { j as s, o as c, b as a, A as p, X as u, T as g, V as d, m as x, u as b, l as j, w as h, i as E } from "../_mysheerid-preview.js";
-import { EmailLoopPendingComponent as f } from "./EmailLoopPending-DmENoLpP.js";
+import { j as s, L as c, b as a, A as p, O as g, K as u, V as d, k as x, u as b, l as j, m as h, i as E } from "../_mysheerid-preview.js";
+import { EmailLoopPendingComponent as f } from "./EmailLoopPending-Dtf0p85F.js";
 const L = ({
   verificationService: e
 }) => {
@@ -69,7 +69,7 @@ const L = ({
       ] }),
       /* @__PURE__ */ s.jsxs("div", { className: "sid-form-region sid-email-submit sid-submit-wrapper sid-l-space-top-md", children: [
         /* @__PURE__ */ s.jsx(
-          u,
+          g,
           {
             fieldId: "emailOverride",
             value: i.organizationEmail,
@@ -97,7 +97,7 @@ const L = ({
             id: "sid-submit-btn-sso",
             type: "submit",
             disabled: !!o.organizationEmail,
-            onClick: () => g(
+            onClick: () => u(
               i,
               e,
               d.emailLoopCollectOrganizationEmail

package/chunk/{index-BSXBGGOf.js.map → index-CTb96lOK.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index-BSXBGGOf.js","sources":["../../src/components/StepEmailLoop/EmailLoopCollectOrganizationEmail.tsx","../../src/components/StepEmailLoop/StepEmailLoopComponent.tsx"],"sourcesContent":["import React from \"react\";\nimport produce from \"immer\";\n\nimport { FormattedHTMLMessage } from \"react-intl\";\nimport { LogoComponent } from \"../LogoComponent/LogoComponent\";\nimport { FormFooterComponent as FormFooter } from \"../FormFooter/FormFooterComponent\";\nimport { FormFieldText } from \"../FormFields/FormFieldText/FormFieldText\";\nimport {\n  updateFieldValidationErrorsByFieldId,\n  submitForm,\n} from \"../../lib/utils/stepComponentHelpers/stepComponentHelpers\";\n\nimport { VerificationStepsEnum } from \"../../lib/types/runtimeTypes\";\nimport { logger } from \"../../lib/utils/logger/logger\";\nimport {\n  EmailLoopCollectOrganizationEmailViewModel,\n  VerificationService,\n} from \"../../lib/types/types\";\nimport { AnnouncingHeader } from \"../AnnouncingHeader/AnnouncingHeader\";\n\nexport const EmailLoopCollectOrganizationEmail = ({\n  verificationService,\n}: {\n  verificationService: VerificationService;\n}) => {\n  const viewModel = verificationService.viewModel as EmailLoopCollectOrganizationEmailViewModel;\n  const fieldValidationErrors = verificationService.fieldValidationErrors;\n  const isInvalidOrgEmail = (verificationService.verificationResponse?.errorIds || []).includes(\n    \"invalidEmail\",\n  );\n\n  const setEmailValue = (organizationEmail: string) => {\n    verificationService.updateViewModel({ ...viewModel, organizationEmail });\n    updateFieldValidationErrorsByFieldId(\n      \"organizationEmail\",\n      organizationEmail,\n      verificationService,\n    );\n  };\n\n  const cancelEmailLoop = async () => {\n    logger.info(\"StepEmailLoopComponent submitting form after skipping email loop\");\n    const nextState = produce(viewModel, () => {});\n    return verificationService.submitStep(\n      VerificationStepsEnum.cancelEmailLoop,\n      nextState,\n      verificationService.verificationResponse,\n    );\n  };\n\n  return (\n    <>\n      <div className=\"sid-header sid-l-horz-center\">\n        <div role=\"main\">\n          <div className=\"sid-sso-logo-container sid-l-horz-center\">\n            <LogoComponent\n              verificationService={verificationService}\n              fallbackLogo={\n                <img\n                  className=\"sid-sso-logo-default sid-l-lead-image\"\n                  alt=\"\"\n                  src=\"https://assets-resources.sheerid.com/common/images/2018/icons/doc-pending.svg\"\n                />\n              }\n            />\n          </div>\n          <div className=\"sid-preheader-label sid-l-space-top-md\">\n            <span className=\"sid-h-label\">\n              <FormattedHTMLMessage id=\"instant\" defaultMessage=\"Instant\" />\n            </span>\n          </div>\n          <AnnouncingHeader align=\"center\">\n            <FormattedHTMLMessage\n              id=\"step.emailLoop.collectOrganizationEmail.title\"\n              defaultMessage=\"Verify using your work email address\"\n              tagName=\"h1\"\n            />\n          </AnnouncingHeader>\n          <div className=\"sid-header__subtitle-one\">\n            <FormattedHTMLMessage\n              id=\"step.emailLoop.collectOrganizationEmail.subtitle\"\n              defaultMessage=\"Enter the email address provided by your employer and we'll send you a verification link\"\n            />\n          </div>\n        </div>\n\n        <div className=\"sid-form-region sid-email-submit sid-submit-wrapper sid-l-space-top-md\">\n          <FormFieldText\n            fieldId=\"emailOverride\"\n            value={viewModel.organizationEmail}\n            onChange={setEmailValue}\n            placeholder=\"\"\n            label={\n              <FormattedHTMLMessage\n                id=\"step.emailLoop.collectOrganizationEmail.email.label\"\n                defaultMessage=\"Work email address\"\n              />\n            }\n            errorMessage={\n              (isInvalidOrgEmail && (\n                <FormattedHTMLMessage\n                  id=\"step.emailLoop.errors.invalidEmail\"\n                  defaultMessage=\"This email address is not valid for instant verification. Please use an email address provided by your employer or upload documentation below.\"\n                />\n              )) ||\n              (fieldValidationErrors.organizationEmail && (\n                <FormattedHTMLMessage id=\"emailIds.invalidEmail\" defaultMessage=\"Invalid email\" />\n              ))\n            }\n          />\n          <div className=\"sid-l-space-top-sm\">\n            <button\n              id=\"sid-submit-btn-sso\"\n              type=\"submit\"\n              disabled={!!fieldValidationErrors.organizationEmail}\n              onClick={() =>\n                submitForm(\n                  viewModel,\n                  verificationService,\n                  VerificationStepsEnum.emailLoopCollectOrganizationEmail,\n                )\n              }\n              className=\"sid-btn sid-sso-submit-btn sid-btn--dark sid-l-full-width \"\n              aria-label=\"submit\"\n            >\n              <FormattedHTMLMessage\n                id=\"step.emailLoop.collectOrganizationEmail.email.send\"\n                defaultMessage=\"Send Email\"\n              />\n            </button>\n          </div>\n\n          <div className=\"sid-form-region sid-l-space-top-lg sid-l-horz-center\">\n            <div className=\"sid-header__subtitle-two sid-h-bold-text\">\n              <FormattedHTMLMessage\n                id=\"step.emailLoop.collectOrganizationEmail.alternative\"\n                defaultMessage=\"Unable to access a work email address?\"\n              />\n            </div>\n            <div className=\"sid-form-region sid-l-space-btm-sm sid-l-space-top-sm\">\n              <FormattedHTMLMessage\n                id=\"step.sso.alternative\"\n                defaultMessage=\"You can also verify by uploading proof of eligibility\"\n              />\n            </div>\n            <div className=\"sid-l-space-top-sm\">\n              <button\n                onClick={cancelEmailLoop}\n                className=\"sid-h-btn-link-like sid-link sid-h-bold-text\"\n                type=\"button\"\n              >\n                <FormattedHTMLMessage\n                  id=\"step.sso.cancel\"\n                  defaultMessage=\"Upload Proof of Enrollment\"\n                />\n              </button>\n            </div>\n          </div>\n\n          <div className=\"sid-l-space-top-lg\" />\n        </div>\n      </div>\n      <FormFooter verificationService={verificationService} />\n    </>\n  );\n};\n","import React from \"react\";\nimport { injectIntl, InjectedIntl } from \"react-intl\";\n\nimport { EmailLoopResponse, VerificationService } from \"../../lib/types/types\";\n\nimport { EmailLoopCollectOrganizationEmail } from \"./EmailLoopCollectOrganizationEmail\";\nimport { EmailLoopPendingComponent } from \"./EmailLoopPending\";\n\nexport interface StepEmailLoopComponentProps {\n  // eslint-disable-next-line react/no-unused-prop-types -- this prop type is reused in the sub components\n  intl: InjectedIntl;\n  verificationService: VerificationService;\n}\n\nexport const StepEmailLoop = ({ verificationService }: StepEmailLoopComponentProps) => {\n  const isCollectOrgEmailState =\n    (verificationService.verificationResponse as EmailLoopResponse).currentState ===\n    \"collectOrganizationEmail\";\n  return (\n    <div id=\"sid-step-email-loop\" className=\"sid-step-email-loop-container sid-l-container\">\n      {isCollectOrgEmailState ? (\n        <EmailLoopCollectOrganizationEmail verificationService={verificationService} />\n      ) : (\n        <EmailLoopPendingComponent verificationService={verificationService} />\n      )}\n    </div>\n  );\n};\n\nexport const StepEmailLoopComponent = injectIntl(StepEmailLoop);\n"],"names":["EmailLoopCollectOrganizationEmail","verificationService","viewModel","fieldValidationErrors","isInvalidOrgEmail","_a","setEmailValue","organizationEmail","updateFieldValidationErrorsByFieldId","cancelEmailLoop","logger","nextState","produce","VerificationStepsEnum","jsxs","Fragment","jsx","LogoComponent","FormattedHTMLMessage","AnnouncingHeader","FormFieldText","submitForm","FormFooter","StepEmailLoop","isCollectOrgEmailState","EmailLoopPendingComponent","StepEmailLoopComponent","injectIntl"],"mappings":"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"}
+{"version":3,"file":"index-CTb96lOK.js","sources":["../../src/components/StepEmailLoop/EmailLoopCollectOrganizationEmail.tsx","../../src/components/StepEmailLoop/StepEmailLoopComponent.tsx"],"sourcesContent":["import React from \"react\";\nimport produce from \"immer\";\n\nimport { FormattedHTMLMessage } from \"react-intl\";\nimport { LogoComponent } from \"../LogoComponent/LogoComponent\";\nimport { FormFooterComponent as FormFooter } from \"../FormFooter/FormFooterComponent\";\nimport { FormFieldText } from \"../FormFields/FormFieldText/FormFieldText\";\nimport {\n  updateFieldValidationErrorsByFieldId,\n  submitForm,\n} from \"../../lib/utils/stepComponentHelpers/stepComponentHelpers\";\n\nimport { VerificationStepsEnum } from \"../../lib/types/runtimeTypes\";\nimport { logger } from \"../../lib/utils/logger/logger\";\nimport {\n  EmailLoopCollectOrganizationEmailViewModel,\n  VerificationService,\n} from \"../../lib/types/types\";\nimport { AnnouncingHeader } from \"../AnnouncingHeader/AnnouncingHeader\";\n\nexport const EmailLoopCollectOrganizationEmail = ({\n  verificationService,\n}: {\n  verificationService: VerificationService;\n}) => {\n  const viewModel = verificationService.viewModel as EmailLoopCollectOrganizationEmailViewModel;\n  const fieldValidationErrors = verificationService.fieldValidationErrors;\n  const isInvalidOrgEmail = (verificationService.verificationResponse?.errorIds || []).includes(\n    \"invalidEmail\",\n  );\n\n  const setEmailValue = (organizationEmail: string) => {\n    verificationService.updateViewModel({ ...viewModel, organizationEmail });\n    updateFieldValidationErrorsByFieldId(\n      \"organizationEmail\",\n      organizationEmail,\n      verificationService,\n    );\n  };\n\n  const cancelEmailLoop = async () => {\n    logger.info(\"StepEmailLoopComponent submitting form after skipping email loop\");\n    const nextState = produce(viewModel, () => {});\n    return verificationService.submitStep(\n      VerificationStepsEnum.cancelEmailLoop,\n      nextState,\n      verificationService.verificationResponse,\n    );\n  };\n\n  return (\n    <>\n      <div className=\"sid-header sid-l-horz-center\">\n        <div role=\"main\">\n          <div className=\"sid-sso-logo-container sid-l-horz-center\">\n            <LogoComponent\n              verificationService={verificationService}\n              fallbackLogo={\n                <img\n                  className=\"sid-sso-logo-default sid-l-lead-image\"\n                  alt=\"\"\n                  src=\"https://assets-resources.sheerid.com/common/images/2018/icons/doc-pending.svg\"\n                />\n              }\n            />\n          </div>\n          <div className=\"sid-preheader-label sid-l-space-top-md\">\n            <span className=\"sid-h-label\">\n              <FormattedHTMLMessage id=\"instant\" defaultMessage=\"Instant\" />\n            </span>\n          </div>\n          <AnnouncingHeader align=\"center\">\n            <FormattedHTMLMessage\n              id=\"step.emailLoop.collectOrganizationEmail.title\"\n              defaultMessage=\"Verify using your work email address\"\n              tagName=\"h1\"\n            />\n          </AnnouncingHeader>\n          <div className=\"sid-header__subtitle-one\">\n            <FormattedHTMLMessage\n              id=\"step.emailLoop.collectOrganizationEmail.subtitle\"\n              defaultMessage=\"Enter the email address provided by your employer and we'll send you a verification link\"\n            />\n          </div>\n        </div>\n\n        <div className=\"sid-form-region sid-email-submit sid-submit-wrapper sid-l-space-top-md\">\n          <FormFieldText\n            fieldId=\"emailOverride\"\n            value={viewModel.organizationEmail}\n            onChange={setEmailValue}\n            placeholder=\"\"\n            label={\n              <FormattedHTMLMessage\n                id=\"step.emailLoop.collectOrganizationEmail.email.label\"\n                defaultMessage=\"Work email address\"\n              />\n            }\n            errorMessage={\n              (isInvalidOrgEmail && (\n                <FormattedHTMLMessage\n                  id=\"step.emailLoop.errors.invalidEmail\"\n                  defaultMessage=\"This email address is not valid for instant verification. Please use an email address provided by your employer or upload documentation below.\"\n                />\n              )) ||\n              (fieldValidationErrors.organizationEmail && (\n                <FormattedHTMLMessage id=\"emailIds.invalidEmail\" defaultMessage=\"Invalid email\" />\n              ))\n            }\n          />\n          <div className=\"sid-l-space-top-sm\">\n            <button\n              id=\"sid-submit-btn-sso\"\n              type=\"submit\"\n              disabled={!!fieldValidationErrors.organizationEmail}\n              onClick={() =>\n                submitForm(\n                  viewModel,\n                  verificationService,\n                  VerificationStepsEnum.emailLoopCollectOrganizationEmail,\n                )\n              }\n              className=\"sid-btn sid-sso-submit-btn sid-btn--dark sid-l-full-width \"\n              aria-label=\"submit\"\n            >\n              <FormattedHTMLMessage\n                id=\"step.emailLoop.collectOrganizationEmail.email.send\"\n                defaultMessage=\"Send Email\"\n              />\n            </button>\n          </div>\n\n          <div className=\"sid-form-region sid-l-space-top-lg sid-l-horz-center\">\n            <div className=\"sid-header__subtitle-two sid-h-bold-text\">\n              <FormattedHTMLMessage\n                id=\"step.emailLoop.collectOrganizationEmail.alternative\"\n                defaultMessage=\"Unable to access a work email address?\"\n              />\n            </div>\n            <div className=\"sid-form-region sid-l-space-btm-sm sid-l-space-top-sm\">\n              <FormattedHTMLMessage\n                id=\"step.sso.alternative\"\n                defaultMessage=\"You can also verify by uploading proof of eligibility\"\n              />\n            </div>\n            <div className=\"sid-l-space-top-sm\">\n              <button\n                onClick={cancelEmailLoop}\n                className=\"sid-h-btn-link-like sid-link sid-h-bold-text\"\n                type=\"button\"\n              >\n                <FormattedHTMLMessage\n                  id=\"step.sso.cancel\"\n                  defaultMessage=\"Upload Proof of Enrollment\"\n                />\n              </button>\n            </div>\n          </div>\n\n          <div className=\"sid-l-space-top-lg\" />\n        </div>\n      </div>\n      <FormFooter verificationService={verificationService} />\n    </>\n  );\n};\n","import React from \"react\";\nimport { injectIntl, InjectedIntl } from \"react-intl\";\n\nimport { EmailLoopResponse, VerificationService } from \"../../lib/types/types\";\n\nimport { EmailLoopCollectOrganizationEmail } from \"./EmailLoopCollectOrganizationEmail\";\nimport { EmailLoopPendingComponent } from \"./EmailLoopPending\";\n\nexport interface StepEmailLoopComponentProps {\n  // eslint-disable-next-line react/no-unused-prop-types -- this prop type is reused in the sub components\n  intl: InjectedIntl;\n  verificationService: VerificationService;\n}\n\nexport const StepEmailLoop = ({ verificationService }: StepEmailLoopComponentProps) => {\n  const isCollectOrgEmailState =\n    (verificationService.verificationResponse as EmailLoopResponse).currentState ===\n    \"collectOrganizationEmail\";\n  return (\n    <div id=\"sid-step-email-loop\" className=\"sid-step-email-loop-container sid-l-container\">\n      {isCollectOrgEmailState ? (\n        <EmailLoopCollectOrganizationEmail verificationService={verificationService} />\n      ) : (\n        <EmailLoopPendingComponent verificationService={verificationService} />\n      )}\n    </div>\n  );\n};\n\nexport const StepEmailLoopComponent = injectIntl(StepEmailLoop);\n"],"names":["EmailLoopCollectOrganizationEmail","verificationService","viewModel","fieldValidationErrors","isInvalidOrgEmail","_a","setEmailValue","organizationEmail","updateFieldValidationErrorsByFieldId","cancelEmailLoop","logger","nextState","produce","VerificationStepsEnum","jsxs","Fragment","jsx","LogoComponent","FormattedHTMLMessage","AnnouncingHeader","FormFieldText","submitForm","FormFooter","StepEmailLoop","isCollectOrgEmailState","EmailLoopPendingComponent","StepEmailLoopComponent","injectIntl"],"mappings":"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"}

package/chunk/{index-CEidf7uT.js → index-CcRowarb.js}

@@ -4,12 +4,12 @@
  *   This file is not intended for use in other contexts and there are no guarantees about its behavior outside of MySheerID.
  */ 
 /**
- *   VERSION: 2.105.0
- *   BUILD_TIMESTAMP: 1746205253259
- *   BUILD_DATE: Fri May 02 2025 17:00:53 GMT+0000 (Coordinated Universal Time)
- *   BUILD_COMMIT: 6bc9b7c13c867b22d0b64758983911e2b4e64489
+ *   VERSION: 2.107.0
+ *   BUILD_TIMESTAMP: 1746734245583
+ *   BUILD_DATE: Thu May 08 2025 19:57:25 GMT+0000 (Coordinated Universal Time)
+ *   BUILD_COMMIT: 3dcde0ad6edf065c5f8e85780481e41d2352c9a5
  */
-import { j as e, o as r, b as o, p as c, q as p, C as m } from "../_mysheerid-preview.js";
+import { j as e, L as r, b as o, n as c, o as p, C as m } from "../_mysheerid-preview.js";
 const u = ({ verificationService: s }) => {
   const d = s.verificationResponse.consolationRewardCode || "${consolationRewardCode}", i = s.programTheme.config.offerType === "noCode", { verificationId: n } = s.verificationResponse, { rewardDisplay: t } = s.programTheme.config, l = !i && !!t.length;
   return /* @__PURE__ */ e.jsxs("div", { id: "sid-step-consolation", className: "sid-l-container", children: [

package/chunk/{index-CEidf7uT.js.map → index-CcRowarb.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index-CEidf7uT.js","sources":["../../src/components/StepConsolation/StepConsolationComponent.tsx"],"sourcesContent":["import React from \"react\";\nimport { FormattedHTMLMessage } from \"react-intl\";\n\nimport { VerificationService, ConsolationResponse } from \"../../lib/types/types\";\n\nimport { LogoComponent } from \"../LogoComponent/LogoComponent\";\nimport { CopyToClipboard } from \"../CopyToClipboard/CopyToClipboardComponent\";\nimport { RewardDisplayEnum } from \"../../lib/types/runtimeTypes\";\nimport { getBarcodeUrl } from \"../../lib/ServerApi/ApiUrls\";\n\ninterface StepConsolationProps {\n  verificationService: VerificationService;\n}\n\nconst StepConsolation = ({ verificationService }: StepConsolationProps) => {\n  const consolationRewardCode =\n    (verificationService.verificationResponse as ConsolationResponse).consolationRewardCode ||\n    \"${consolationRewardCode}\"; // eslint-disable-line no-template-curly-in-string\n\n  const noCodeType = verificationService.programTheme.config.offerType === \"noCode\";\n  const { verificationId } = verificationService.verificationResponse;\n\n  const { rewardDisplay } = verificationService.programTheme.config;\n  const showReward = !noCodeType && !!rewardDisplay.length;\n\n  return (\n    <div id=\"sid-step-consolation\" className=\"sid-l-container\">\n      <div className=\"sid-header sid-l-horz-center sid-l-space-top-md\">\n        <div className=\"sid-l-horz-center\">\n          <LogoComponent verificationService={verificationService} />\n        </div>\n\n        <div\n          className=\"sid-header__title sid-l-horz-center sid-l-space-top-md\"\n          id=\"consolation-status\"\n          role=\"alertdialog\"\n        >\n          <FormattedHTMLMessage\n            id=\"step.consolation.title\"\n            defaultMessage=\"Claim your offer\"\n            tagName=\"h1\"\n          />\n        </div>\n\n        <div className=\"sid-l-horz-center\">\n          <FormattedHTMLMessage\n            id=\"step.consolation.subtitle\"\n            defaultMessage=\"Unfortunately we could not verify your status, but we value your interest and are offering this promo code as a thank you. It is unique to you and can only be used once.\"\n          />\n        </div>\n      </div>\n\n      {showReward && (\n        <div className=\"sid-l-horz-center sid-reward-container sid-l-space-top-md\">\n          {rewardDisplay.map((displayType) => {\n            if (displayType !== RewardDisplayEnum.TEXT)\n              return (\n                <img\n                  key={displayType}\n                  className=\"sid-l-space-top-md sid-barcode\"\n                  alt={consolationRewardCode}\n                  src={getBarcodeUrl(verificationId, \"consolationRewardCode\", displayType)}\n                />\n              );\n            return (\n              <>\n                <div\n                  className=\"sid-reward-code sid-l-space-top-lg sid-h-jumbo-text sid-l-horz-center\"\n                  role=\"region\"\n                >\n                  {consolationRewardCode}\n                </div>\n                <div className=\"sid-l-space-top-md sid-h-bold-text sid-l-horz-center\">\n                  <CopyToClipboard\n                    textToCopy={consolationRewardCode}\n                    notificationText={<FormattedHTMLMessage id=\"copied\" defaultMessage=\"Copied\" />}\n                  >\n                    <FormattedHTMLMessage\n                      id=\"step.success.copyCouponCode\"\n                      defaultMessage=\"Copy Coupon code\"\n                    />\n                  </CopyToClipboard>\n                </div>\n              </>\n            );\n          })}\n        </div>\n      )}\n\n      <div className=\"sid-footer sid-l-horz-center sid-l-space-top-lg\">\n        <FormattedHTMLMessage\n          id=\"rewardCodeEmailNotification\"\n          defaultMessage=\"We have emailed you a copy so you can use your new code now or later. Look for the email from verify@sheerid.com.\"\n        />\n      </div>\n\n      <div\n        className=\"sid-footer sid-l-horz-center sid-l-space-top-lg sid-h-small-text\"\n        role=\"contentinfo\"\n      >\n        <FormattedHTMLMessage id=\"companyName\" defaultMessage=\"{Company}\">\n          {(companyName) => (\n            <FormattedHTMLMessage\n              id=\"step.consolation.verificationOnly\"\n              defaultMessage=\"Please direct any and all questions about this offer to {companyName}.\"\n              values={{ companyName }}\n            />\n          )}\n        </FormattedHTMLMessage>\n      </div>\n    </div>\n  );\n};\n\nexport const StepConsolationComponent = StepConsolation;\n"],"names":["StepConsolation","verificationService","consolationRewardCode","noCodeType","verificationId","rewardDisplay","showReward","jsxs","jsx","LogoComponent","FormattedHTMLMessage","displayType","RewardDisplayEnum","getBarcodeUrl","Fragment","CopyToClipboard","companyName","StepConsolationComponent"],"mappings":"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"}
+{"version":3,"file":"index-CcRowarb.js","sources":["../../src/components/StepConsolation/StepConsolationComponent.tsx"],"sourcesContent":["import React from \"react\";\nimport { FormattedHTMLMessage } from \"react-intl\";\n\nimport { VerificationService, ConsolationResponse } from \"../../lib/types/types\";\n\nimport { LogoComponent } from \"../LogoComponent/LogoComponent\";\nimport { CopyToClipboard } from \"../CopyToClipboard/CopyToClipboardComponent\";\nimport { RewardDisplayEnum } from \"../../lib/types/runtimeTypes\";\nimport { getBarcodeUrl } from \"../../lib/ServerApi/ApiUrls\";\n\ninterface StepConsolationProps {\n  verificationService: VerificationService;\n}\n\nconst StepConsolation = ({ verificationService }: StepConsolationProps) => {\n  const consolationRewardCode =\n    (verificationService.verificationResponse as ConsolationResponse).consolationRewardCode ||\n    \"${consolationRewardCode}\"; // eslint-disable-line no-template-curly-in-string\n\n  const noCodeType = verificationService.programTheme.config.offerType === \"noCode\";\n  const { verificationId } = verificationService.verificationResponse;\n\n  const { rewardDisplay } = verificationService.programTheme.config;\n  const showReward = !noCodeType && !!rewardDisplay.length;\n\n  return (\n    <div id=\"sid-step-consolation\" className=\"sid-l-container\">\n      <div className=\"sid-header sid-l-horz-center sid-l-space-top-md\">\n        <div className=\"sid-l-horz-center\">\n          <LogoComponent verificationService={verificationService} />\n        </div>\n\n        <div\n          className=\"sid-header__title sid-l-horz-center sid-l-space-top-md\"\n          id=\"consolation-status\"\n          role=\"alertdialog\"\n        >\n          <FormattedHTMLMessage\n            id=\"step.consolation.title\"\n            defaultMessage=\"Claim your offer\"\n            tagName=\"h1\"\n          />\n        </div>\n\n        <div className=\"sid-l-horz-center\">\n          <FormattedHTMLMessage\n            id=\"step.consolation.subtitle\"\n            defaultMessage=\"Unfortunately we could not verify your status, but we value your interest and are offering this promo code as a thank you. It is unique to you and can only be used once.\"\n          />\n        </div>\n      </div>\n\n      {showReward && (\n        <div className=\"sid-l-horz-center sid-reward-container sid-l-space-top-md\">\n          {rewardDisplay.map((displayType) => {\n            if (displayType !== RewardDisplayEnum.TEXT)\n              return (\n                <img\n                  key={displayType}\n                  className=\"sid-l-space-top-md sid-barcode\"\n                  alt={consolationRewardCode}\n                  src={getBarcodeUrl(verificationId, \"consolationRewardCode\", displayType)}\n                />\n              );\n            return (\n              <>\n                <div\n                  className=\"sid-reward-code sid-l-space-top-lg sid-h-jumbo-text sid-l-horz-center\"\n                  role=\"region\"\n                >\n                  {consolationRewardCode}\n                </div>\n                <div className=\"sid-l-space-top-md sid-h-bold-text sid-l-horz-center\">\n                  <CopyToClipboard\n                    textToCopy={consolationRewardCode}\n                    notificationText={<FormattedHTMLMessage id=\"copied\" defaultMessage=\"Copied\" />}\n                  >\n                    <FormattedHTMLMessage\n                      id=\"step.success.copyCouponCode\"\n                      defaultMessage=\"Copy Coupon code\"\n                    />\n                  </CopyToClipboard>\n                </div>\n              </>\n            );\n          })}\n        </div>\n      )}\n\n      <div className=\"sid-footer sid-l-horz-center sid-l-space-top-lg\">\n        <FormattedHTMLMessage\n          id=\"rewardCodeEmailNotification\"\n          defaultMessage=\"We have emailed you a copy so you can use your new code now or later. Look for the email from verify@sheerid.com.\"\n        />\n      </div>\n\n      <div\n        className=\"sid-footer sid-l-horz-center sid-l-space-top-lg sid-h-small-text\"\n        role=\"contentinfo\"\n      >\n        <FormattedHTMLMessage id=\"companyName\" defaultMessage=\"{Company}\">\n          {(companyName) => (\n            <FormattedHTMLMessage\n              id=\"step.consolation.verificationOnly\"\n              defaultMessage=\"Please direct any and all questions about this offer to {companyName}.\"\n              values={{ companyName }}\n            />\n          )}\n        </FormattedHTMLMessage>\n      </div>\n    </div>\n  );\n};\n\nexport const StepConsolationComponent = StepConsolation;\n"],"names":["StepConsolation","verificationService","consolationRewardCode","noCodeType","verificationId","rewardDisplay","showReward","jsxs","jsx","LogoComponent","FormattedHTMLMessage","displayType","RewardDisplayEnum","getBarcodeUrl","Fragment","CopyToClipboard","companyName","StepConsolationComponent"],"mappings":"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"}

package/chunk/{index-DFjiwKs3.js → index-CeHu2Npu.js}

@@ -1,11 +1,11 @@
 
 /**
- *   VERSION: 2.105.0
- *   BUILD_TIMESTAMP: 1746205178756
- *   BUILD_DATE: Fri May 02 2025 16:59:38 GMT+0000 (Coordinated Universal Time)
- *   BUILD_COMMIT: 6bc9b7c13c867b22d0b64758983911e2b4e64489
+ *   VERSION: 2.107.0
+ *   BUILD_TIMESTAMP: 1746734190247
+ *   BUILD_DATE: Thu May 08 2025 19:56:30 GMT+0000 (Coordinated Universal Time)
+ *   BUILD_COMMIT: 3dcde0ad6edf065c5f8e85780481e41d2352c9a5
  */
-import { h as m, j as t, P as u, E as x, b as a, u as f, f as I, k as j, V as h, m as E, n as M } from "../sheerid.js";
+import { h as m, j as t, P as u, E as x, e as f, u as I, b as a, f as j, V as h, k as E, m as M } from "../sheerid.js";
 const C = ({ verificationService: e }) => {
   const n = e.viewModel, { fieldValidationErrors: o } = e, l = e.verificationResponse, d = m(l), i = (s, r) => {
     const p = M(
@@ -43,9 +43,9 @@ const C = ({ verificationService: e }) => {
                 }
               ),
               onChange: (s) => {
-                i("email", s), f("email", s, e);
+                i("email", s), I("email", s, e);
               },
-              onKeyDown: (s) => I(s)
+              onKeyDown: (s) => f(s)
             }
           ),
           /* @__PURE__ */ t.jsx(

package/chunk/{index-rjS-77t0.js.map → index-CeHu2Npu.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index-rjS-77t0.js","sources":["../../src/components/StepCollectIdentifier/StepCollectIdentifierComponent.tsx"],"sourcesContent":["import React from \"react\";\nimport { FormattedHTMLMessage } from \"react-intl\";\nimport { produce } from \"immer\";\n\nimport { hasFailedInstantMatch } from \"../../lib/VerificationService/VerificationServiceHelpers\";\nimport {\n  VerificationService,\n  CollectIdentifierViewModel,\n  PersonalInfoResponse,\n} from \"../../lib/types/types\";\n\nimport {\n  handleEmailOnKeyDown,\n  updateFieldValidationErrorsByFieldId,\n} from \"../../lib/utils/stepComponentHelpers/stepComponentHelpers\";\nimport { FormFooterComponent as FormFooter } from \"../FormFooter/FormFooterComponent\";\n\nimport { EmailComponent as Email } from \"../FormFields/Email/EmailComponent\";\nimport { VerificationStepsEnum } from \"../../lib/types/runtimeTypes\";\nimport { PersonalInfoHeader } from \"../FormHeader/StepHeaders/PersonalInfoHeaderComponent\";\nimport { PersonalInfoStepSubmitButton } from \"../PersonalInfoStepSubmitButton/PersonalInfoStepSubmitButton\";\n\ninterface StepCollectIdentifierProps {\n  verificationService: VerificationService;\n}\n\nconst StepCollectIdentifier = ({ verificationService }: StepCollectIdentifierProps) => {\n  const viewModel = verificationService.viewModel as CollectIdentifierViewModel;\n  const { fieldValidationErrors } = verificationService;\n  const verificationResponse = verificationService.verificationResponse as PersonalInfoResponse;\n  const failedInstantMatch = hasFailedInstantMatch(verificationResponse);\n\n  const updateCollectIdentifierViewmodel = (key: keyof CollectIdentifierViewModel, value: any) => {\n    const nextState: CollectIdentifierViewModel = produce(\n      viewModel,\n      (draft: CollectIdentifierViewModel) => {\n        (draft[key] as any) = value;\n      },\n    );\n    verificationService.updateViewModel(nextState);\n  };\n\n  return (\n    <div\n      id=\"sid-step-collect-transaction-id\"\n      className=\"sid-step-collect-transaction-id-container sid-l-container\"\n    >\n      <div role=\"main\">\n        <PersonalInfoHeader\n          verificationService={verificationService}\n          classNameIdentifier=\"step-collect-transaction-id\"\n        />\n\n        <Email\n          value={viewModel.email}\n          isErrored={!!fieldValidationErrors.email}\n          explanation={\n            <FormattedHTMLMessage\n              id=\"step.collectIdentifier.inputExplanation\"\n              defaultMessage=\"Needed to send authentication code\"\n            />\n          }\n          onChange={(newValue) => {\n            updateCollectIdentifierViewmodel(\"email\", newValue);\n            updateFieldValidationErrorsByFieldId(\"email\", newValue, verificationService);\n          }}\n          onKeyDown={(event: React.KeyboardEvent<HTMLInputElement>) => handleEmailOnKeyDown(event)}\n        />\n\n        <PersonalInfoStepSubmitButton\n          step={VerificationStepsEnum.collectIdentifier}\n          verificationService={verificationService}\n          viewModel={viewModel}\n          failedInstantMatch={failedInstantMatch}\n          buttonText={\n            <FormattedHTMLMessage\n              id=\"step.personalInfo.submitButtonText\"\n              defaultMessage=\"Verify and continue\"\n            />\n          }\n        />\n      </div>\n      <FormFooter verificationService={verificationService} />\n    </div>\n  );\n};\n\nexport const StepCollectIdentifierComponent = StepCollectIdentifier;\n"],"names":["StepCollectIdentifier","verificationService","viewModel","fieldValidationErrors","verificationResponse","failedInstantMatch","hasFailedInstantMatch","updateCollectIdentifierViewmodel","key","value","nextState","produce","draft","jsxs","jsx","PersonalInfoHeader","Email","FormattedHTMLMessage","newValue","updateFieldValidationErrorsByFieldId","event","handleEmailOnKeyDown","PersonalInfoStepSubmitButton","VerificationStepsEnum","FormFooter","StepCollectIdentifierComponent"],"mappings":";AA0BA,MAAMA,IAAwB,CAAC,EAAE,qBAAAC,QAAsD;AACrF,QAAMC,IAAYD,EAAoB,WAChC,EAAE,uBAAAE,EAA0B,IAAAF,GAC5BG,IAAuBH,EAAoB,sBAC3CI,IAAqBC,EAAsBF,CAAoB,GAE/DG,IAAmC,CAACC,GAAuCC,MAAe;AAC9F,UAAMC,IAAwCC;AAAAA,MAC5CT;AAAA,MACA,CAACU,MAAsC;AACpC,QAAAA,EAAMJ,CAAG,IAAYC;AAAA,MACxB;AAAA,IAAA;AAEF,IAAAR,EAAoB,gBAAgBS,CAAS;AAAA,EAAA;AAI7C,SAAAG,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,IAAG;AAAA,MACH,WAAU;AAAA,MAEV,UAAA;AAAA,QAACA,gBAAAA,EAAAA,KAAA,OAAA,EAAI,MAAK,QACR,UAAA;AAAA,UAAAC,gBAAAA,EAAA;AAAA,YAACC;AAAA,YAAA;AAAA,cACC,qBAAAd;AAAA,cACA,qBAAoB;AAAA,YAAA;AAAA,UACtB;AAAA,UAEAa,gBAAAA,EAAA;AAAA,YAACE;AAAAA,YAAA;AAAA,cACC,OAAOd,EAAU;AAAA,cACjB,WAAW,CAAC,CAACC,EAAsB;AAAA,cACnC,aACEW,gBAAAA,EAAA;AAAA,gBAACG;AAAA,gBAAA;AAAA,kBACC,IAAG;AAAA,kBACH,gBAAe;AAAA,gBAAA;AAAA,cACjB;AAAA,cAEF,UAAU,CAACC,MAAa;AACtB,gBAAAX,EAAiC,SAASW,CAAQ,GACbC,EAAA,SAASD,GAAUjB,CAAmB;AAAA,cAC7E;AAAA,cACA,WAAW,CAACmB,MAAiDC,EAAqBD,CAAK;AAAA,YAAA;AAAA,UACzF;AAAA,UAEAN,gBAAAA,EAAA;AAAA,YAACQ;AAAA,YAAA;AAAA,cACC,MAAMC,EAAsB;AAAA,cAC5B,qBAAAtB;AAAA,cACA,WAAAC;AAAA,cACA,oBAAAG;AAAA,cACA,YACES,gBAAAA,EAAA;AAAA,gBAACG;AAAA,gBAAA;AAAA,kBACC,IAAG;AAAA,kBACH,gBAAe;AAAA,gBAAA;AAAA,cACjB;AAAA,YAAA;AAAA,UAEJ;AAAA,QAAA,GACF;AAAA,QACAH,gBAAAA,MAACU,KAAW,qBAAAvB,GAA0C;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAG5D,GAEawB,IAAiCzB;"}
+{"version":3,"file":"index-CeHu2Npu.js","sources":["../../src/components/StepCollectIdentifier/StepCollectIdentifierComponent.tsx"],"sourcesContent":["import React from \"react\";\nimport { FormattedHTMLMessage } from \"react-intl\";\nimport { produce } from \"immer\";\n\nimport { hasFailedInstantMatch } from \"../../lib/VerificationService/VerificationServiceHelpers\";\nimport {\n  VerificationService,\n  CollectIdentifierViewModel,\n  PersonalInfoResponse,\n} from \"../../lib/types/types\";\n\nimport {\n  handleEmailOnKeyDown,\n  updateFieldValidationErrorsByFieldId,\n} from \"../../lib/utils/stepComponentHelpers/stepComponentHelpers\";\nimport { FormFooterComponent as FormFooter } from \"../FormFooter/FormFooterComponent\";\n\nimport { EmailComponent as Email } from \"../FormFields/Email/EmailComponent\";\nimport { VerificationStepsEnum } from \"../../lib/types/runtimeTypes\";\nimport { PersonalInfoHeader } from \"../FormHeader/StepHeaders/PersonalInfoHeaderComponent\";\nimport { PersonalInfoStepSubmitButton } from \"../PersonalInfoStepSubmitButton/PersonalInfoStepSubmitButton\";\n\ninterface StepCollectIdentifierProps {\n  verificationService: VerificationService;\n}\n\nconst StepCollectIdentifier = ({ verificationService }: StepCollectIdentifierProps) => {\n  const viewModel = verificationService.viewModel as CollectIdentifierViewModel;\n  const { fieldValidationErrors } = verificationService;\n  const verificationResponse = verificationService.verificationResponse as PersonalInfoResponse;\n  const failedInstantMatch = hasFailedInstantMatch(verificationResponse);\n\n  const updateCollectIdentifierViewmodel = (key: keyof CollectIdentifierViewModel, value: any) => {\n    const nextState: CollectIdentifierViewModel = produce(\n      viewModel,\n      (draft: CollectIdentifierViewModel) => {\n        (draft[key] as any) = value;\n      },\n    );\n    verificationService.updateViewModel(nextState);\n  };\n\n  return (\n    <div\n      id=\"sid-step-collect-transaction-id\"\n      className=\"sid-step-collect-transaction-id-container sid-l-container\"\n    >\n      <div role=\"main\">\n        <PersonalInfoHeader\n          verificationService={verificationService}\n          classNameIdentifier=\"step-collect-transaction-id\"\n        />\n\n        <Email\n          value={viewModel.email}\n          isErrored={!!fieldValidationErrors.email}\n          explanation={\n            <FormattedHTMLMessage\n              id=\"step.collectIdentifier.inputExplanation\"\n              defaultMessage=\"Needed to send authentication code\"\n            />\n          }\n          onChange={(newValue) => {\n            updateCollectIdentifierViewmodel(\"email\", newValue);\n            updateFieldValidationErrorsByFieldId(\"email\", newValue, verificationService);\n          }}\n          onKeyDown={(event: React.KeyboardEvent<HTMLInputElement>) => handleEmailOnKeyDown(event)}\n        />\n\n        <PersonalInfoStepSubmitButton\n          step={VerificationStepsEnum.collectIdentifier}\n          verificationService={verificationService}\n          viewModel={viewModel}\n          failedInstantMatch={failedInstantMatch}\n          buttonText={\n            <FormattedHTMLMessage\n              id=\"step.personalInfo.submitButtonText\"\n              defaultMessage=\"Verify and continue\"\n            />\n          }\n        />\n      </div>\n      <FormFooter verificationService={verificationService} />\n    </div>\n  );\n};\n\nexport const StepCollectIdentifierComponent = StepCollectIdentifier;\n"],"names":["StepCollectIdentifier","verificationService","viewModel","fieldValidationErrors","verificationResponse","failedInstantMatch","hasFailedInstantMatch","updateCollectIdentifierViewmodel","key","value","nextState","produce","draft","jsxs","jsx","PersonalInfoHeader","Email","FormattedHTMLMessage","newValue","updateFieldValidationErrorsByFieldId","event","handleEmailOnKeyDown","PersonalInfoStepSubmitButton","VerificationStepsEnum","FormFooter","StepCollectIdentifierComponent"],"mappings":";AA0BA,MAAMA,IAAwB,CAAC,EAAE,qBAAAC,QAAsD;AACrF,QAAMC,IAAYD,EAAoB,WAChC,EAAE,uBAAAE,MAA0BF,GAC5BG,IAAuBH,EAAoB,sBAC3CI,IAAqBC,EAAsBF,CAAoB,GAE/DG,IAAmC,CAACC,GAAuCC,MAAe;AAC9F,UAAMC,IAAwCC;AAAAA,MAC5CT;AAAA,MACA,CAACU,MAAsC;AACpC,QAAAA,EAAMJ,CAAG,IAAYC;AAAA,MAAA;AAAA,IAE1B;AACA,IAAAR,EAAoB,gBAAgBS,CAAS;AAAA,EAC/C;AAGE,SAAAG,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,IAAG;AAAA,MACH,WAAU;AAAA,MAEV,UAAA;AAAA,QAACA,gBAAAA,EAAAA,KAAA,OAAA,EAAI,MAAK,QACR,UAAA;AAAA,UAAAC,gBAAAA,EAAA;AAAA,YAACC;AAAA,YAAA;AAAA,cACC,qBAAAd;AAAA,cACA,qBAAoB;AAAA,YAAA;AAAA,UACtB;AAAA,UAEAa,gBAAAA,EAAA;AAAA,YAACE;AAAAA,YAAA;AAAA,cACC,OAAOd,EAAU;AAAA,cACjB,WAAW,CAAC,CAACC,EAAsB;AAAA,cACnC,aACEW,gBAAAA,EAAA;AAAA,gBAACG;AAAA,gBAAA;AAAA,kBACC,IAAG;AAAA,kBACH,gBAAe;AAAA,gBAAA;AAAA,cACjB;AAAA,cAEF,UAAU,CAACC,MAAa;AACtB,gBAAAX,EAAiC,SAASW,CAAQ,GACbC,EAAA,SAASD,GAAUjB,CAAmB;AAAA,cAC7E;AAAA,cACA,WAAW,CAACmB,MAAiDC,EAAqBD,CAAK;AAAA,YAAA;AAAA,UACzF;AAAA,UAEAN,gBAAAA,EAAA;AAAA,YAACQ;AAAA,YAAA;AAAA,cACC,MAAMC,EAAsB;AAAA,cAC5B,qBAAAtB;AAAA,cACA,WAAAC;AAAA,cACA,oBAAAG;AAAA,cACA,YACES,gBAAAA,EAAA;AAAA,gBAACG;AAAA,gBAAA;AAAA,kBACC,IAAG;AAAA,kBACH,gBAAe;AAAA,gBAAA;AAAA,cAAA;AAAA,YACjB;AAAA,UAAA;AAAA,QAEJ,GACF;AAAA,QACAH,gBAAAA,MAACU,KAAW,qBAAAvB,EAA0C,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACxD;AAEJ,GAEawB,IAAiCzB;"}