@sheerid/jslib-nightly 2.104.0-alpha.2 → 2.106.0-alpha.0

package/lib/{index-qTuKj59y.js → index-By8PwRxR.js}

@@ -1,19 +1,19 @@
 
 /**
- *   VERSION: 2.104.0-alpha.2
- *   BUILD_TIMESTAMP: 1746142428299
- *   BUILD_DATE: Thu May 01 2025 23:33:48 GMT+0000 (Coordinated Universal Time)
- *   BUILD_COMMIT: 890118c01f0c12b348ca343732208200aed0c6c3
+ *   VERSION: 2.106.0-alpha.0
+ *   BUILD_TIMESTAMP: 1746221841535
+ *   BUILD_DATE: Fri May 02 2025 21:37:21 GMT+0000 (Coordinated Universal Time)
+ *   BUILD_COMMIT: 9044dfe474729d087a9b0854f585172ebebac94e
  */
-import { j as a, M as k, k as P, x as V, a2 as f, O as t, ah as u, ai as A, a4 as R, u as n, N as z, T as B, U as L, aa as q, aj as w, ak as D, W as O, E as W, m as U, X as H, Y as K, Z as X, _ as Y, n as Z, V as _, $, p as G } from "./es6-C6MdgCMX.js";
-import { injectIntl as J, FormattedHTMLMessage as p } from "react-intl";
-const Q = ({
+import { j as a, M as k, N as P, m as V, w as f, a1 as A, f as t, ag as u, ah as R, a3 as q, u as n, O as w, T as z, U as B, a9 as L, ai as D, aj as O, W, E as U, n as H, X as K, Y as X, Z as Y, _ as Z, o as _, V as G, q as J } from "./es6-Bax-ZIK1.js";
+import { injectIntl as Q, FormattedHTMLMessage as p } from "react-intl";
+const $ = ({
   intl: I,
   verificationService: e
 }) => {
-  var C, h, b, g, x, y, i, j, E, N, M;
-  const o = e.viewModel, { fieldValidationErrors: d } = e, T = $(), m = (s, r) => {
-    const l = G(
+  var C, g, h, b, x, y, i, j, E, N, M;
+  const o = e.viewModel, { fieldValidationErrors: d } = e, T = P(), m = (s, r) => {
+    const l = J(
       o,
       (F) => {
         F[s] = r;
@@ -28,15 +28,15 @@ const Q = ({
       step: e.verificationResponse.currentStep,
       children: [
         /* @__PURE__ */ a.jsx(
-          P,
+          V,
           {
             verificationService: e,
             classNameIdentifier: "employment"
           }
         ),
-        /* @__PURE__ */ a.jsx(V, { verificationService: e }),
+        /* @__PURE__ */ a.jsx(f, { verificationService: e }),
         /* @__PURE__ */ a.jsx(
-          f,
+          A,
           {
             verificationService: e,
             disabled: (C = t("country")) == null ? void 0 : C.disabled,
@@ -50,35 +50,35 @@ const Q = ({
           }
         ),
         /* @__PURE__ */ a.jsx(
-          A,
+          R,
           {
             value: e.viewModel.organization,
             verificationService: e,
             isErrored: !!d.organization,
-            disabled: (h = t("organization")) == null ? void 0 : h.disabled,
+            disabled: (g = t("organization")) == null ? void 0 : g.disabled,
             onChange: (s) => {
-              R(s, e), n("organization", s, e);
+              q(s, e), n("organization", s, e);
             }
           }
         ),
         /* @__PURE__ */ a.jsxs("div", { className: "sid-names", children: [
           /* @__PURE__ */ a.jsx(
-            z,
+            w,
             {
               value: o.firstName,
               isErrored: !!d.firstName,
-              disabled: (b = t("firstName")) == null ? void 0 : b.disabled,
+              disabled: (h = t("firstName")) == null ? void 0 : h.disabled,
               onChange: (s) => {
                 m("firstName", s), n("firstName", s, e);
               }
             }
           ),
           /* @__PURE__ */ a.jsx(
-            B,
+            z,
             {
               value: o.lastName,
               isErrored: !!d.lastName,
-              disabled: (g = t("lastName")) == null ? void 0 : g.disabled,
+              disabled: (b = t("lastName")) == null ? void 0 : b.disabled,
               onChange: (s) => {
                 m("lastName", s), n("lastName", s, e);
               }
@@ -89,7 +89,7 @@ const Q = ({
           o.countryChoice,
           e.programTheme.config.countries
         ) ? /* @__PURE__ */ a.jsx(
-          L,
+          B,
           {
             isErrored: !!d.address1,
             errorId: d.address1,
@@ -107,7 +107,7 @@ const Q = ({
           e.programTheme.config.countries
         ) ? /* @__PURE__ */ a.jsxs("div", { className: "sid-thirds", children: [
           /* @__PURE__ */ a.jsx(
-            q,
+            L,
             {
               isErrored: !!d.city,
               errorId: d.city,
@@ -120,10 +120,10 @@ const Q = ({
             }
           ),
           /* @__PURE__ */ a.jsx(
-            w,
+            D,
             {
               isRequired: !0,
-              options: D(e.programTheme, I),
+              options: O(e.programTheme, I),
               value: o.state || void 0,
               isErrored: !!d.state,
               onChange: async (s) => {
@@ -135,7 +135,7 @@ const Q = ({
             }
           ),
           /* @__PURE__ */ a.jsx(
-            O,
+            W,
             {
               isErrored: !!d.postalCode,
               onChange: (s) => {
@@ -147,7 +147,7 @@ const Q = ({
           )
         ] }) : null,
         /* @__PURE__ */ a.jsx(
-          W,
+          U,
           {
             value: o.email,
             isErrored: !!d.email,
@@ -161,12 +161,12 @@ const Q = ({
             onChange: (s) => {
               m("email", s), n("email", s, e);
             },
-            onKeyDown: (s) => U(s),
+            onKeyDown: (s) => H(s),
             disabled: (E = t("email")) == null ? void 0 : E.disabled
           }
         ),
         e.programTheme.isSmsNotifierConfigured || e.programTheme.smsLoopEnabled ? /* @__PURE__ */ a.jsx(
-          H,
+          K,
           {
             isRequired: !!e.programTheme.smsLoopEnabled,
             value: o.phoneNumber,
@@ -178,9 +178,9 @@ const Q = ({
             disabled: (N = t("phoneNumber")) == null ? void 0 : N.disabled
           }
         ) : null,
-        T.customFormFields.map((s) => /* @__PURE__ */ a.jsx(K, { config: s, verificationService: e })),
+        T.customFormFields.map((s) => /* @__PURE__ */ a.jsx(X, { config: s, verificationService: e })),
         /* @__PURE__ */ a.jsx(
-          X,
+          Y,
           {
             verificationService: e,
             isErrored: !!d.marketConsentValue,
@@ -194,11 +194,11 @@ const Q = ({
             disabled: (M = t("marketConsentValue")) == null ? void 0 : M.disabled
           }
         ),
-        /* @__PURE__ */ a.jsx(Y, { verificationService: e, suffix: "CollectAboveSubmit" }),
+        /* @__PURE__ */ a.jsx(Z, { verificationService: e, suffix: "CollectAboveSubmit" }),
         /* @__PURE__ */ a.jsx(
-          Z,
+          _,
           {
-            step: _.collectEmployeePersonalInfo,
+            step: G.collectEmployeePersonalInfo,
             verificationService: e,
             viewModel: o,
             buttonText: /* @__PURE__ */ a.jsx(
@@ -213,7 +213,7 @@ const Q = ({
       ]
     }
   );
-}, v = J(Q);
+}, v = Q($);
 export {
   v as default
 };

package/{chunk/index-D7O7vvSe.js.map → lib/index-By8PwRxR.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index-D7O7vvSe.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-By8PwRxR.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/lib/{index-vHwl9Ouo.js → index-C0t3HeI1.js}

@@ -1,15 +1,15 @@
 
 /**
- *   VERSION: 2.104.0-alpha.2
- *   BUILD_TIMESTAMP: 1746142428299
- *   BUILD_DATE: Thu May 01 2025 23:33:48 GMT+0000 (Coordinated Universal Time)
- *   BUILD_COMMIT: 890118c01f0c12b348ca343732208200aed0c6c3
+ *   VERSION: 2.106.0-alpha.0
+ *   BUILD_TIMESTAMP: 1746221841535
+ *   BUILD_DATE: Fri May 02 2025 21:37:21 GMT+0000 (Coordinated Universal Time)
+ *   BUILD_COMMIT: 9044dfe474729d087a9b0854f585172ebebac94e
  */
-import { al as V, B as R, V as F, j as a, A as K, u as B, K as O } from "./es6-C6MdgCMX.js";
+import { ak as V, B as R, V as F, j as a, A as B, u as K, q as O } from "./es6-Bax-ZIK1.js";
 import * as N from "react";
 import P, { forwardRef as S, useRef as z, useImperativeHandle as U, useEffect as Z } from "react";
 import { FormattedHTMLMessage as x } from "react-intl";
-var G = ["alpha", "numeric", "alphanumeric"], q = {
+var q = ["alpha", "numeric", "alphanumeric"], G = {
   alpha: {
     type: "text",
     inputMode: "text",
@@ -27,16 +27,16 @@ var G = ["alpha", "numeric", "alphanumeric"], q = {
     min: "0",
     max: "9"
   }
-}, J = S(function(t, l) {
-  var h = t.allowedCharacters, p = h === void 0 ? "alphanumeric" : h, c = t.ariaLabel, m = t.autoFocus, C = m === void 0 ? !0 : m, b = t.containerClassName, s = t.disabled, d = t.inputClassName, f = t.isPassword, y = f === void 0 ? !1 : f, E = t.length, w = E === void 0 ? 6 : E, D = t.placeholder, M = t.onChange;
+}, J = S(function(t, s) {
+  var h = t.allowedCharacters, m = h === void 0 ? "alphanumeric" : h, c = t.ariaLabel, p = t.autoFocus, C = p === void 0 ? !0 : p, b = t.containerClassName, l = t.disabled, d = t.inputClassName, f = t.isPassword, y = f === void 0 ? !1 : f, E = t.length, w = E === void 0 ? 6 : E, D = t.placeholder, M = t.onChange;
   if (isNaN(w) || w < 1)
     throw new Error("Length should be a number and greater than 0");
-  if (!G.some(function(u) {
-    return u === p;
+  if (!q.some(function(u) {
+    return u === m;
   }))
     throw new Error("Invalid value for allowedCharacters. Use alpha, numeric, or alphanumeric");
-  var r = z([]), v = q[p];
-  U(l, function() {
+  var r = z([]), v = G[m];
+  U(s, function() {
     return {
       focus: function() {
         r.current && r.current[0].focus();
@@ -73,9 +73,9 @@ var G = ["alpha", "numeric", "alphanumeric"], q = {
         n.value = "";
       g();
     }
-  }, $ = function(e) {
-    e.target.select();
   }, k = function(e) {
+    e.target.select();
+  }, $ = function(e) {
     for (var i = e.clipboardData.getData("Text"), n = 0, o = 0; o < i.length; o++) {
       var A = i.charAt(o), I = r.current[n].value;
       A.match(v.pattern) && (I || (r.current[n].value = A, r.current[n].nextElementSibling !== null && (r.current[n].nextElementSibling.focus(), n++)));
@@ -86,8 +86,8 @@ var G = ["alpha", "numeric", "alphanumeric"], q = {
       key: e,
       onChange: L,
       onKeyDown: T,
-      onFocus: $,
-      onPaste: k
+      onFocus: k,
+      onPaste: $
     }, v, {
       type: y ? "password" : v.type,
       ref: function(n) {
@@ -97,7 +97,7 @@ var G = ["alpha", "numeric", "alphanumeric"], q = {
       className: d,
       autoComplete: e === 0 ? "one-time-code" : "off",
       "aria-label": c ? c + ". Character " + (e + 1) + "." : "Character " + (e + 1) + ".",
-      disabled: s,
+      disabled: l,
       placeholder: D
     })));
   }, j = 0; j < w; j++)
@@ -109,35 +109,35 @@ var G = ["alpha", "numeric", "alphanumeric"], q = {
 const Y = ({
   verificationService: t
 }) => {
-  const l = t.viewModel, { fieldValidationErrors: h, verificationResponse: p } = t, { errorIds: c } = p, m = N.useRef(null), C = (s, d) => {
+  const s = t.viewModel, { fieldValidationErrors: h, verificationResponse: m } = t, { errorIds: c } = m, p = N.useRef(null), C = (l, d) => {
     const f = O(
-      l,
+      s,
       (y) => {
-        y[s] = d;
+        y[l] = d;
       }
     );
     t.updateViewModel(f);
   }, b = () => {
-    const s = O(
-      l,
+    const l = O(
+      s,
       (d) => {
         d.didManuallyVerify = !0, delete d.authenticationCode;
       }
     );
-    return t.updateViewModel(s), s;
+    return t.updateViewModel(l), l;
   };
   return N.useEffect(() => {
-    l.authenticationCode && (l.authenticationCode = "");
+    s.authenticationCode && (s.authenticationCode = "");
   }, []), N.useEffect(() => {
-    l.authenticationCode.length >= V && R(l, t, F.completeAuthentication);
-  }, [l.authenticationCode]), /* @__PURE__ */ a.jsxs(
+    s.authenticationCode.length >= V && R(s, t, F.completeAuthentication);
+  }, [s.authenticationCode]), /* @__PURE__ */ a.jsxs(
     "div",
     {
       id: "sid-step-complete-authentication",
       className: "sid-step-complete-authentication-container sid-l-container",
       children: [
         /* @__PURE__ */ a.jsxs("div", { className: "sid-header", children: [
-          /* @__PURE__ */ a.jsx(K, { align: "center", children: /* @__PURE__ */ a.jsx(
+          /* @__PURE__ */ a.jsx(B, { align: "center", children: /* @__PURE__ */ a.jsx(
             x,
             {
               id: "step.completeAuthentication.title",
@@ -157,10 +157,10 @@ const Y = ({
           /* @__PURE__ */ a.jsx(
             J,
             {
-              onChange: (s) => {
-                C("authenticationCode", s), B("authenticationCode", s, t);
+              onChange: (l) => {
+                C("authenticationCode", l), K("authenticationCode", l, t);
               },
-              ref: m,
+              ref: p,
               allowedCharacters: "numeric",
               length: V,
               isPassword: !0,

package/lib/{index-vHwl9Ouo.js.map → index-C0t3HeI1.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index-vHwl9Ouo.js","sources":["../../node_modules/react-auth-code-input/dist/index.modern.js","../../src/components/StepCompleteAuthentication/StepCompleteAuthenticationComponent.tsx"],"sourcesContent":["import React, { forwardRef, useRef, useImperativeHandle, useEffect } from 'react';\n\nvar allowedCharactersValues = ['alpha', 'numeric', 'alphanumeric'];\nvar propsMap = {\n  alpha: {\n    type: 'text',\n    inputMode: 'text',\n    pattern: '[a-zA-Z]{1}'\n  },\n  alphanumeric: {\n    type: 'text',\n    inputMode: 'text',\n    pattern: '[a-zA-Z0-9]{1}'\n  },\n  numeric: {\n    type: 'tel',\n    inputMode: 'numeric',\n    pattern: '[0-9]{1}',\n    min: '0',\n    max: '9'\n  }\n};\nvar AuthCode = forwardRef(function (_ref, ref) {\n  var _ref$allowedCharacter = _ref.allowedCharacters,\n      allowedCharacters = _ref$allowedCharacter === void 0 ? 'alphanumeric' : _ref$allowedCharacter,\n      ariaLabel = _ref.ariaLabel,\n      _ref$autoFocus = _ref.autoFocus,\n      autoFocus = _ref$autoFocus === void 0 ? true : _ref$autoFocus,\n      containerClassName = _ref.containerClassName,\n      disabled = _ref.disabled,\n      inputClassName = _ref.inputClassName,\n      _ref$isPassword = _ref.isPassword,\n      isPassword = _ref$isPassword === void 0 ? false : _ref$isPassword,\n      _ref$length = _ref.length,\n      length = _ref$length === void 0 ? 6 : _ref$length,\n      placeholder = _ref.placeholder,\n      onChange = _ref.onChange;\n\n  if (isNaN(length) || length < 1) {\n    throw new Error('Length should be a number and greater than 0');\n  }\n\n  if (!allowedCharactersValues.some(function (value) {\n    return value === allowedCharacters;\n  })) {\n    throw new Error('Invalid value for allowedCharacters. Use alpha, numeric, or alphanumeric');\n  }\n\n  var inputsRef = useRef([]);\n  var inputProps = propsMap[allowedCharacters];\n  useImperativeHandle(ref, function () {\n    return {\n      focus: function focus() {\n        if (inputsRef.current) {\n          inputsRef.current[0].focus();\n        }\n      },\n      clear: function clear() {\n        if (inputsRef.current) {\n          for (var i = 0; i < inputsRef.current.length; i++) {\n            inputsRef.current[i].value = '';\n          }\n\n          inputsRef.current[0].focus();\n        }\n\n        sendResult();\n      }\n    };\n  });\n  useEffect(function () {\n    if (autoFocus) {\n      inputsRef.current[0].focus();\n    }\n  }, []);\n\n  var sendResult = function sendResult() {\n    var res = inputsRef.current.map(function (input) {\n      return input.value;\n    }).join('');\n    onChange && onChange(res);\n  };\n\n  var handleOnChange = function handleOnChange(e) {\n    var _e$target = e.target,\n        value = _e$target.value,\n        nextElementSibling = _e$target.nextElementSibling;\n\n    if (value.length > 1) {\n      e.target.value = value.charAt(0);\n\n      if (nextElementSibling !== null) {\n        nextElementSibling.focus();\n      }\n    } else {\n      if (value.match(inputProps.pattern)) {\n        if (nextElementSibling !== null) {\n          nextElementSibling.focus();\n        }\n      } else {\n        e.target.value = '';\n      }\n    }\n\n    sendResult();\n  };\n\n  var handleOnKeyDown = function handleOnKeyDown(e) {\n    var key = e.key;\n    var target = e.target;\n\n    if (key === 'Backspace') {\n      if (target.value === '') {\n        if (target.previousElementSibling !== null) {\n          var t = target.previousElementSibling;\n          t.value = '';\n          t.focus();\n          e.preventDefault();\n        }\n      } else {\n        target.value = '';\n      }\n\n      sendResult();\n    }\n  };\n\n  var handleOnFocus = function handleOnFocus(e) {\n    e.target.select();\n  };\n\n  var handleOnPaste = function handleOnPaste(e) {\n    var pastedValue = e.clipboardData.getData('Text');\n    var currentInput = 0;\n\n    for (var i = 0; i < pastedValue.length; i++) {\n      var pastedCharacter = pastedValue.charAt(i);\n      var currentValue = inputsRef.current[currentInput].value;\n\n      if (pastedCharacter.match(inputProps.pattern)) {\n        if (!currentValue) {\n          inputsRef.current[currentInput].value = pastedCharacter;\n\n          if (inputsRef.current[currentInput].nextElementSibling !== null) {\n            inputsRef.current[currentInput].nextElementSibling.focus();\n            currentInput++;\n          }\n        }\n      }\n    }\n\n    sendResult();\n    e.preventDefault();\n  };\n\n  var inputs = [];\n\n  var _loop = function _loop(i) {\n    inputs.push(React.createElement(\"input\", Object.assign({\n      key: i,\n      onChange: handleOnChange,\n      onKeyDown: handleOnKeyDown,\n      onFocus: handleOnFocus,\n      onPaste: handleOnPaste\n    }, inputProps, {\n      type: isPassword ? 'password' : inputProps.type,\n      ref: function ref(el) {\n        inputsRef.current[i] = el;\n      },\n      maxLength: 1,\n      className: inputClassName,\n      autoComplete: i === 0 ? 'one-time-code' : 'off',\n      \"aria-label\": ariaLabel ? ariaLabel + \". Character \" + (i + 1) + \".\" : \"Character \" + (i + 1) + \".\",\n      disabled: disabled,\n      placeholder: placeholder\n    })));\n  };\n\n  for (var i = 0; i < length; i++) {\n    _loop(i);\n  }\n\n  return React.createElement(\"div\", {\n    className: containerClassName\n  }, inputs);\n});\n\nexport default AuthCode;\n//# sourceMappingURL=index.modern.js.map\n","import * as React from \"react\";\nimport { FormattedHTMLMessage } from \"react-intl\";\n\nimport AuthCode from \"react-auth-code-input\";\nimport produce from \"immer\";\nimport { CompleteAuthenticationViewModel, VerificationService } from \"../../lib/types/types\";\nimport {\n  submitForm,\n  updateFieldValidationErrorsByFieldId,\n} from \"../../lib/utils/stepComponentHelpers/stepComponentHelpers\";\nimport { AUTH_TOKEN_LENGTH } from \"../../constants\";\n\nimport { VerificationStepsEnum } from \"../../lib/types/runtimeTypes\";\nimport { AnnouncingHeader } from \"../AnnouncingHeader/AnnouncingHeader\";\n\ninterface StepCompleteAuthenticationProps {\n  verificationService: VerificationService;\n}\n\nexport const StepCompleteAuthenticationComponent = ({\n  verificationService,\n}: StepCompleteAuthenticationProps) => {\n  const viewModel = verificationService.viewModel as CompleteAuthenticationViewModel;\n  const { fieldValidationErrors, verificationResponse } = verificationService;\n  const { errorIds } = verificationResponse;\n\n  const authInputRef = React.useRef(null);\n\n  const updateCompleteAuthenticationViewmodel = (\n    key: keyof CompleteAuthenticationViewModel,\n    value: any,\n  ) => {\n    const nextState: CompleteAuthenticationViewModel = produce(\n      viewModel,\n      (draft: CompleteAuthenticationViewModel) => {\n        (draft[key] as any) = value;\n      },\n    );\n    verificationService.updateViewModel(nextState);\n  };\n\n  const manuallyVerifyViewModel = (): CompleteAuthenticationViewModel => {\n    const nextState: CompleteAuthenticationViewModel = produce(\n      viewModel,\n      (draft: CompleteAuthenticationViewModel) => {\n        draft.didManuallyVerify = true;\n        delete draft.authenticationCode;\n      },\n    );\n    verificationService.updateViewModel(nextState);\n\n    return nextState;\n  };\n\n  React.useEffect(() => {\n    if (viewModel.authenticationCode) {\n      // reset local viewModel's authenticationCode to prevent form from submitting\n      // prematurely when provided with an incorrect auth code.\n      viewModel.authenticationCode = \"\";\n    }\n  }, []);\n\n  React.useEffect(() => {\n    if (viewModel.authenticationCode.length >= AUTH_TOKEN_LENGTH) {\n      submitForm(viewModel, verificationService, VerificationStepsEnum.completeAuthentication);\n    }\n  }, [viewModel.authenticationCode]);\n\n  return (\n    <div\n      id=\"sid-step-complete-authentication\"\n      className=\"sid-step-complete-authentication-container sid-l-container\"\n    >\n      <div className=\"sid-header\">\n        <AnnouncingHeader align=\"center\">\n          <FormattedHTMLMessage\n            id=\"step.completeAuthentication.title\"\n            defaultMessage=\"Verify with Remember Me\"\n          />\n        </AnnouncingHeader>\n        <div className=\"sid-header__subtitle sid-l-horz-center\">\n          <FormattedHTMLMessage\n            id=\"step.completeAuthentication.subtitle\"\n            defaultMessage=\"Enter the code sent to your email.\"\n          />\n        </div>\n      </div>\n      <div className=\"sid-l-space-top-md\" />\n      <div className=\"auth-code\">\n        <AuthCode\n          onChange={(token) => {\n            updateCompleteAuthenticationViewmodel(\"authenticationCode\", token);\n            updateFieldValidationErrorsByFieldId(\"authenticationCode\", token, verificationService);\n          }}\n          ref={authInputRef}\n          allowedCharacters=\"numeric\"\n          length={AUTH_TOKEN_LENGTH}\n          isPassword\n          containerClassName=\"auth-code__container\"\n          inputClassName={`auth-code__input${\n            fieldValidationErrors.authenticationCode ? \" auth-code__input-error\" : \"\"\n          }`}\n        />\n        {fieldValidationErrors.authenticationCode ||\n          (errorIds?.length > 0 && (\n            <div className=\"auth-code__error-container\">\n              <div>\n                <img\n                  alt=\"red-exclaimation-circle\"\n                  src=\"https://assets-resources.sheerid.com/common/images/2018/icons/red-exclaimation-circle.svg\"\n                />\n              </div>\n              <div className=\"auth-code__error-text\">\n                <FormattedHTMLMessage\n                  id=\"errorId.invalidAuthenticationLoopToken\"\n                  defaultMessage=\"The code provided is invalid\"\n                />\n              </div>\n            </div>\n          ))}\n      </div>\n      <div className=\"sid-complete-auth__manually-verify-button-continer\">\n        <button\n          type=\"button\"\n          className=\"sid-btn sid-btn-light sid-complete-auth__manually-verify-button\"\n          aria-label=\"submit\"\n          onClick={() => {\n            submitForm(\n              manuallyVerifyViewModel(),\n              verificationService,\n              VerificationStepsEnum.completeAuthentication,\n            );\n          }}\n        >\n          <FormattedHTMLMessage\n            id=\"step.completeAuthentication.manuallyVerifyButton\"\n            defaultMessage=\"Manually verify\"\n          />\n        </button>\n      </div>\n    </div>\n  );\n};\n"],"names":["allowedCharactersValues","propsMap","AuthCode","forwardRef","_ref","ref","_ref$allowedCharacter","allowedCharacters","ariaLabel","_ref$autoFocus","autoFocus","containerClassName","disabled","inputClassName","_ref$isPassword","isPassword","_ref$length","length","placeholder","onChange","value","inputsRef","useRef","inputProps","useImperativeHandle","i","sendResult","useEffect","res","input","handleOnChange","_e$target","nextElementSibling","handleOnKeyDown","key","target","t","handleOnFocus","handleOnPaste","pastedValue","currentInput","pastedCharacter","currentValue","inputs","_loop","React","el","StepCompleteAuthenticationComponent","verificationService","viewModel","fieldValidationErrors","verificationResponse","errorIds","authInputRef","updateCompleteAuthenticationViewmodel","nextState","produce","draft","manuallyVerifyViewModel","AUTH_TOKEN_LENGTH","submitForm","VerificationStepsEnum","jsxs","jsx","AnnouncingHeader","FormattedHTMLMessage","token","updateFieldValidationErrorsByFieldId"],"mappings":"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","x_google_ignoreList":[0]}
+{"version":3,"file":"index-C0t3HeI1.js","sources":["../../node_modules/react-auth-code-input/dist/index.modern.js","../../src/components/StepCompleteAuthentication/StepCompleteAuthenticationComponent.tsx"],"sourcesContent":["import React, { forwardRef, useRef, useImperativeHandle, useEffect } from 'react';\n\nvar allowedCharactersValues = ['alpha', 'numeric', 'alphanumeric'];\nvar propsMap = {\n  alpha: {\n    type: 'text',\n    inputMode: 'text',\n    pattern: '[a-zA-Z]{1}'\n  },\n  alphanumeric: {\n    type: 'text',\n    inputMode: 'text',\n    pattern: '[a-zA-Z0-9]{1}'\n  },\n  numeric: {\n    type: 'tel',\n    inputMode: 'numeric',\n    pattern: '[0-9]{1}',\n    min: '0',\n    max: '9'\n  }\n};\nvar AuthCode = forwardRef(function (_ref, ref) {\n  var _ref$allowedCharacter = _ref.allowedCharacters,\n      allowedCharacters = _ref$allowedCharacter === void 0 ? 'alphanumeric' : _ref$allowedCharacter,\n      ariaLabel = _ref.ariaLabel,\n      _ref$autoFocus = _ref.autoFocus,\n      autoFocus = _ref$autoFocus === void 0 ? true : _ref$autoFocus,\n      containerClassName = _ref.containerClassName,\n      disabled = _ref.disabled,\n      inputClassName = _ref.inputClassName,\n      _ref$isPassword = _ref.isPassword,\n      isPassword = _ref$isPassword === void 0 ? false : _ref$isPassword,\n      _ref$length = _ref.length,\n      length = _ref$length === void 0 ? 6 : _ref$length,\n      placeholder = _ref.placeholder,\n      onChange = _ref.onChange;\n\n  if (isNaN(length) || length < 1) {\n    throw new Error('Length should be a number and greater than 0');\n  }\n\n  if (!allowedCharactersValues.some(function (value) {\n    return value === allowedCharacters;\n  })) {\n    throw new Error('Invalid value for allowedCharacters. Use alpha, numeric, or alphanumeric');\n  }\n\n  var inputsRef = useRef([]);\n  var inputProps = propsMap[allowedCharacters];\n  useImperativeHandle(ref, function () {\n    return {\n      focus: function focus() {\n        if (inputsRef.current) {\n          inputsRef.current[0].focus();\n        }\n      },\n      clear: function clear() {\n        if (inputsRef.current) {\n          for (var i = 0; i < inputsRef.current.length; i++) {\n            inputsRef.current[i].value = '';\n          }\n\n          inputsRef.current[0].focus();\n        }\n\n        sendResult();\n      }\n    };\n  });\n  useEffect(function () {\n    if (autoFocus) {\n      inputsRef.current[0].focus();\n    }\n  }, []);\n\n  var sendResult = function sendResult() {\n    var res = inputsRef.current.map(function (input) {\n      return input.value;\n    }).join('');\n    onChange && onChange(res);\n  };\n\n  var handleOnChange = function handleOnChange(e) {\n    var _e$target = e.target,\n        value = _e$target.value,\n        nextElementSibling = _e$target.nextElementSibling;\n\n    if (value.length > 1) {\n      e.target.value = value.charAt(0);\n\n      if (nextElementSibling !== null) {\n        nextElementSibling.focus();\n      }\n    } else {\n      if (value.match(inputProps.pattern)) {\n        if (nextElementSibling !== null) {\n          nextElementSibling.focus();\n        }\n      } else {\n        e.target.value = '';\n      }\n    }\n\n    sendResult();\n  };\n\n  var handleOnKeyDown = function handleOnKeyDown(e) {\n    var key = e.key;\n    var target = e.target;\n\n    if (key === 'Backspace') {\n      if (target.value === '') {\n        if (target.previousElementSibling !== null) {\n          var t = target.previousElementSibling;\n          t.value = '';\n          t.focus();\n          e.preventDefault();\n        }\n      } else {\n        target.value = '';\n      }\n\n      sendResult();\n    }\n  };\n\n  var handleOnFocus = function handleOnFocus(e) {\n    e.target.select();\n  };\n\n  var handleOnPaste = function handleOnPaste(e) {\n    var pastedValue = e.clipboardData.getData('Text');\n    var currentInput = 0;\n\n    for (var i = 0; i < pastedValue.length; i++) {\n      var pastedCharacter = pastedValue.charAt(i);\n      var currentValue = inputsRef.current[currentInput].value;\n\n      if (pastedCharacter.match(inputProps.pattern)) {\n        if (!currentValue) {\n          inputsRef.current[currentInput].value = pastedCharacter;\n\n          if (inputsRef.current[currentInput].nextElementSibling !== null) {\n            inputsRef.current[currentInput].nextElementSibling.focus();\n            currentInput++;\n          }\n        }\n      }\n    }\n\n    sendResult();\n    e.preventDefault();\n  };\n\n  var inputs = [];\n\n  var _loop = function _loop(i) {\n    inputs.push(React.createElement(\"input\", Object.assign({\n      key: i,\n      onChange: handleOnChange,\n      onKeyDown: handleOnKeyDown,\n      onFocus: handleOnFocus,\n      onPaste: handleOnPaste\n    }, inputProps, {\n      type: isPassword ? 'password' : inputProps.type,\n      ref: function ref(el) {\n        inputsRef.current[i] = el;\n      },\n      maxLength: 1,\n      className: inputClassName,\n      autoComplete: i === 0 ? 'one-time-code' : 'off',\n      \"aria-label\": ariaLabel ? ariaLabel + \". Character \" + (i + 1) + \".\" : \"Character \" + (i + 1) + \".\",\n      disabled: disabled,\n      placeholder: placeholder\n    })));\n  };\n\n  for (var i = 0; i < length; i++) {\n    _loop(i);\n  }\n\n  return React.createElement(\"div\", {\n    className: containerClassName\n  }, inputs);\n});\n\nexport default AuthCode;\n//# sourceMappingURL=index.modern.js.map\n","import * as React from \"react\";\nimport { FormattedHTMLMessage } from \"react-intl\";\n\nimport AuthCode from \"react-auth-code-input\";\nimport produce from \"immer\";\nimport { CompleteAuthenticationViewModel, VerificationService } from \"../../lib/types/types\";\nimport {\n  submitForm,\n  updateFieldValidationErrorsByFieldId,\n} from \"../../lib/utils/stepComponentHelpers/stepComponentHelpers\";\nimport { AUTH_TOKEN_LENGTH } from \"../../constants\";\n\nimport { VerificationStepsEnum } from \"../../lib/types/runtimeTypes\";\nimport { AnnouncingHeader } from \"../AnnouncingHeader/AnnouncingHeader\";\n\ninterface StepCompleteAuthenticationProps {\n  verificationService: VerificationService;\n}\n\nexport const StepCompleteAuthenticationComponent = ({\n  verificationService,\n}: StepCompleteAuthenticationProps) => {\n  const viewModel = verificationService.viewModel as CompleteAuthenticationViewModel;\n  const { fieldValidationErrors, verificationResponse } = verificationService;\n  const { errorIds } = verificationResponse;\n\n  const authInputRef = React.useRef(null);\n\n  const updateCompleteAuthenticationViewmodel = (\n    key: keyof CompleteAuthenticationViewModel,\n    value: any,\n  ) => {\n    const nextState: CompleteAuthenticationViewModel = produce(\n      viewModel,\n      (draft: CompleteAuthenticationViewModel) => {\n        (draft[key] as any) = value;\n      },\n    );\n    verificationService.updateViewModel(nextState);\n  };\n\n  const manuallyVerifyViewModel = (): CompleteAuthenticationViewModel => {\n    const nextState: CompleteAuthenticationViewModel = produce(\n      viewModel,\n      (draft: CompleteAuthenticationViewModel) => {\n        draft.didManuallyVerify = true;\n        delete draft.authenticationCode;\n      },\n    );\n    verificationService.updateViewModel(nextState);\n\n    return nextState;\n  };\n\n  React.useEffect(() => {\n    if (viewModel.authenticationCode) {\n      // reset local viewModel's authenticationCode to prevent form from submitting\n      // prematurely when provided with an incorrect auth code.\n      viewModel.authenticationCode = \"\";\n    }\n  }, []);\n\n  React.useEffect(() => {\n    if (viewModel.authenticationCode.length >= AUTH_TOKEN_LENGTH) {\n      submitForm(viewModel, verificationService, VerificationStepsEnum.completeAuthentication);\n    }\n  }, [viewModel.authenticationCode]);\n\n  return (\n    <div\n      id=\"sid-step-complete-authentication\"\n      className=\"sid-step-complete-authentication-container sid-l-container\"\n    >\n      <div className=\"sid-header\">\n        <AnnouncingHeader align=\"center\">\n          <FormattedHTMLMessage\n            id=\"step.completeAuthentication.title\"\n            defaultMessage=\"Verify with Remember Me\"\n          />\n        </AnnouncingHeader>\n        <div className=\"sid-header__subtitle sid-l-horz-center\">\n          <FormattedHTMLMessage\n            id=\"step.completeAuthentication.subtitle\"\n            defaultMessage=\"Enter the code sent to your email.\"\n          />\n        </div>\n      </div>\n      <div className=\"sid-l-space-top-md\" />\n      <div className=\"auth-code\">\n        <AuthCode\n          onChange={(token) => {\n            updateCompleteAuthenticationViewmodel(\"authenticationCode\", token);\n            updateFieldValidationErrorsByFieldId(\"authenticationCode\", token, verificationService);\n          }}\n          ref={authInputRef}\n          allowedCharacters=\"numeric\"\n          length={AUTH_TOKEN_LENGTH}\n          isPassword\n          containerClassName=\"auth-code__container\"\n          inputClassName={`auth-code__input${\n            fieldValidationErrors.authenticationCode ? \" auth-code__input-error\" : \"\"\n          }`}\n        />\n        {fieldValidationErrors.authenticationCode ||\n          (errorIds?.length > 0 && (\n            <div className=\"auth-code__error-container\">\n              <div>\n                <img\n                  alt=\"red-exclaimation-circle\"\n                  src=\"https://assets-resources.sheerid.com/common/images/2018/icons/red-exclaimation-circle.svg\"\n                />\n              </div>\n              <div className=\"auth-code__error-text\">\n                <FormattedHTMLMessage\n                  id=\"errorId.invalidAuthenticationLoopToken\"\n                  defaultMessage=\"The code provided is invalid\"\n                />\n              </div>\n            </div>\n          ))}\n      </div>\n      <div className=\"sid-complete-auth__manually-verify-button-continer\">\n        <button\n          type=\"button\"\n          className=\"sid-btn sid-btn-light sid-complete-auth__manually-verify-button\"\n          aria-label=\"submit\"\n          onClick={() => {\n            submitForm(\n              manuallyVerifyViewModel(),\n              verificationService,\n              VerificationStepsEnum.completeAuthentication,\n            );\n          }}\n        >\n          <FormattedHTMLMessage\n            id=\"step.completeAuthentication.manuallyVerifyButton\"\n            defaultMessage=\"Manually verify\"\n          />\n        </button>\n      </div>\n    </div>\n  );\n};\n"],"names":["allowedCharactersValues","propsMap","AuthCode","forwardRef","_ref","ref","_ref$allowedCharacter","allowedCharacters","ariaLabel","_ref$autoFocus","autoFocus","containerClassName","disabled","inputClassName","_ref$isPassword","isPassword","_ref$length","length","placeholder","onChange","value","inputsRef","useRef","inputProps","useImperativeHandle","i","sendResult","useEffect","res","input","handleOnChange","_e$target","nextElementSibling","handleOnKeyDown","key","target","t","handleOnFocus","handleOnPaste","pastedValue","currentInput","pastedCharacter","currentValue","inputs","_loop","React","el","StepCompleteAuthenticationComponent","verificationService","viewModel","fieldValidationErrors","verificationResponse","errorIds","authInputRef","updateCompleteAuthenticationViewmodel","nextState","produce","draft","manuallyVerifyViewModel","AUTH_TOKEN_LENGTH","submitForm","VerificationStepsEnum","jsxs","jsx","AnnouncingHeader","FormattedHTMLMessage","token","updateFieldValidationErrorsByFieldId"],"mappings":"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","x_google_ignoreList":[0]}

package/lib/index-C1FdZaTA.js

@@ -0,0 +1,11 @@
+
+/**
+ *   VERSION: 2.106.0-alpha.0
+ *   BUILD_TIMESTAMP: 1746221841535
+ *   BUILD_DATE: Fri May 02 2025 21:37:21 GMT+0000 (Coordinated Universal Time)
+ *   BUILD_COMMIT: 9044dfe474729d087a9b0854f585172ebebac94e
+ */
+import { d as e } from "./es6-Bax-ZIK1.js";
+export {
+  e as default
+};

package/lib/index-C1FdZaTA.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-C1FdZaTA.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/lib/index-CEI7rrAW.js

@@ -0,0 +1,11 @@
+
+/**
+ *   VERSION: 2.106.0-alpha.0
+ *   BUILD_TIMESTAMP: 1746221841535
+ *   BUILD_DATE: Fri May 02 2025 21:37:21 GMT+0000 (Coordinated Universal Time)
+ *   BUILD_COMMIT: 9044dfe474729d087a9b0854f585172ebebac94e
+ */
+import { S as f } from "./es6-Bax-ZIK1.js";
+export {
+  f as default
+};

package/lib/index-CEI7rrAW.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-CEI7rrAW.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/lib/{index-BJIfbxEt.js → index-CFmLOU-H.js}

@@ -1,11 +1,11 @@
 
 /**
- *   VERSION: 2.104.0-alpha.2
- *   BUILD_TIMESTAMP: 1746142428299
- *   BUILD_DATE: Thu May 01 2025 23:33:48 GMT+0000 (Coordinated Universal Time)
- *   BUILD_COMMIT: 890118c01f0c12b348ca343732208200aed0c6c3
+ *   VERSION: 2.106.0-alpha.0
+ *   BUILD_TIMESTAMP: 1746221841535
+ *   BUILD_DATE: Fri May 02 2025 21:37:21 GMT+0000 (Coordinated Universal Time)
+ *   BUILD_COMMIT: 9044dfe474729d087a9b0854f585172ebebac94e
  */
-import { j as s, w as h, q as x, A as y, x as N, y as j, u as S, z as g, B as w, V as l, D as C, o as f, p as M } from "./es6-C6MdgCMX.js";
+import { j as s, v as h, r as x, A as y, w as N, x as j, y as S, u as g, z as w, B as C, V as l, p as f, q as M } from "./es6-Bax-ZIK1.js";
 import E from "react";
 import { injectIntl as F, FormattedHTMLMessage as o } from "react-intl";
 const V = ({ verificationService: e }) => {
@@ -52,13 +52,13 @@ const V = ({ verificationService: e }) => {
               {
                 value: t.socialSecurityNumber,
                 onChange: (i) => {
-                  n("socialSecurityNumber", i), S(
+                  n("socialSecurityNumber", i), g(
                     "socialSecurityNumber",
                     i,
                     e
                   );
                 },
-                isErrored: !!c[g.socialSecurityNumber],
+                isErrored: !!c[S.socialSecurityNumber],
                 placeholder: "000-00-0000"
               }
             ) })
@@ -67,7 +67,7 @@ const V = ({ verificationService: e }) => {
             "button",
             {
               id: "sid-submit-wrapper__collect-info",
-              onClick: () => w(
+              onClick: () => C(
                 t,
                 e,
                 l.collectSocialSecurityNumber
@@ -75,7 +75,7 @@ const V = ({ verificationService: e }) => {
               type: "submit",
               className: `sid-btn sid-social-security-number-submit-btn sid-btn--dark sid-l-full-width ${u ? "" : "sid-btn--disabled-like"}`,
               "aria-label": "submit",
-              ref: (i) => C("submitButton", i),
+              ref: (i) => w("submitButton", i),
               children: /* @__PURE__ */ s.jsx(o, { id: "proceed", defaultMessage: "Proceed" })
             }
           ) }) }),