@sheerid/jslib-nightly 2.232.0-alpha.0 → 2.232.0-alpha.2

package/chunk/{index-DqWLITMK.js.map → index-CTGY1a4m.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index-DqWLITMK.js","sources":["../../src/components/FormFields/SMSCode/SMSCodeComponent.tsx","../../src/components/StepSMSLoop/StepSMSLoopComponent.tsx"],"sourcesContent":["import { FormattedHTMLMessage, injectIntl } from \"react-intl\";\n\nimport { type FormFieldComponentProps } from \"../../../lib/types/types\";\nimport { InputTextComponent } from \"../../FormInputs/InputText/InputText\";\n\nexport const SMSCode = ({\n  onChange,\n  value,\n  isErrored,\n  errorId,\n  intl,\n  placeholder = \"\",\n}: FormFieldComponentProps) => {\n  const getErrorMessage = (errorId) => {\n    switch (errorId) {\n      case \"invalidSMSCode\":\n        return (\n          <FormattedHTMLMessage\n            id=\"step.smsLoop.errors.codeVerification\"\n            defaultMessage=\"Verification code could not be validated.\"\n          />\n        );\n      case \"expiredSMSCode\":\n        return (\n          <FormattedHTMLMessage\n            id=\"step.smsLoop.errors.codeExpired\"\n            defaultMessage=\"Verification code expired.\"\n          />\n        );\n      default:\n        return <FormattedHTMLMessage id=\"errorId.unknownError\" defaultMessage=\"Unknown Error\" />;\n    }\n  };\n\n  return (\n    <div className=\"sid-field sid-sms-code-id\">\n      <div className=\"sid-l-space-top-md\" />\n      {isErrored ? <div className=\"sid-field-error\">{getErrorMessage(errorId)}</div> : null}\n\n      <InputTextComponent\n        id=\"sms-code\"\n        isErrored={isErrored}\n        required\n        placeholder={\n          placeholder ||\n          intl.formatHTMLMessage({ id: \"smsCodePlaceholder\", defaultMessage: \"SMS Code\" })\n        }\n        value={value}\n        onChange={(e) => onChange(e.target.value)}\n      />\n    </div>\n  );\n};\n\nexport const SMSCodeComponent = injectIntl(SMSCode);\n","import React from \"react\";\nimport { injectIntl, FormattedHTMLMessage, type InjectedIntl } from \"react-intl\";\nimport { produce } from \"immer\";\n\nimport { logger } from \"@jslib/shared/utils/logger\";\nimport { getSafe } from \"@jslib/shared/utils/getSafe\";\n\nimport {\n  type VerificationService,\n  type StudentPersonalInfoViewModel,\n  type SMSLoopResponse,\n  type SMSLoopViewModel,\n} from \"../../lib/types/types\";\nimport { VerificationStepsEnum } from \"../../lib/types/runtimeTypes\";\nimport { SMSCodeComponent } from \"../FormFields/SMSCode/SMSCodeComponent\";\nimport { VerificationApiClient } from \"../../lib/ServerApi/VerificationApiClient\";\nimport { AnnouncingHeader } from \"../AnnouncingHeader/AnnouncingHeader\";\n\ninterface StepSMSLoopProps {\n  intl: InjectedIntl;\n  verificationService: VerificationService;\n}\n\nconst StepSMSLoop = ({ intl, verificationService }: StepSMSLoopProps) => {\n  const viewModel = verificationService.viewModel as SMSLoopViewModel;\n  const verificationResponse = verificationService.verificationResponse as SMSLoopResponse;\n  const isErrored = Boolean(verificationService.fieldValidationErrors.smsCode);\n  const previousViewModel =\n    (verificationService.previousViewModel as StudentPersonalInfoViewModel) || undefined;\n\n  const [stepResultMessage, setStepResultMessage] = React.useState(\"\");\n  const [isAttemptLimitExceeded, setAttemptLimitExceeded] = React.useState(\n    verificationResponse.errorIds &&\n      verificationResponse.errorIds.includes(\"incorrectSMSCodeAttemptLimitExceeded\"),\n  );\n\n  const stepSuccessMessage = intl.formatHTMLMessage({\n    id: \"step.smsLoop.successResend\",\n    defaultMessage: \"SMS message re-sent successfully\",\n  });\n  const maxTotalRetriesMessage = intl.formatHTMLMessage({\n    id: \"step.smsLoop.errors.codeResendLimit\",\n    defaultMessage: \"Maximum number of re-tries has been reached.\",\n  });\n  const maxRetriesPerCodeMessage = intl.formatHTMLMessage({\n    id: \"step.smsLoop.errors.codeResendLimit\",\n    defaultMessage: \"Maximum number of re-tries has been reached.\",\n  });\n  const errorResendingSMSMessage = intl.formatHTMLMessage({\n    id: \"step.smsLoop.errors.resend\",\n    defaultMessage: \"Error sending the SMS message\",\n  });\n\n  React.useEffect(() => {\n    if (isAttemptLimitExceeded) {\n      setStepResultMessage(maxRetriesPerCodeMessage);\n    }\n  }, []);\n\n  if (\n    getSafe(() => verificationResponse.errorIds.length) &&\n    !verificationService.fieldValidationErrors.smsCode\n  ) {\n    verificationService.updateFieldValidationErrors({\n      ...verificationService.fieldValidationErrors,\n      smsCode: verificationResponse.errorIds[0],\n    });\n  }\n\n  const updateSmsCode = (value) => {\n    const nextState: SMSLoopViewModel = produce(viewModel, (draft: SMSLoopViewModel) => {\n      draft.smsCode = value;\n      draft.phoneNumber = previousViewModel && previousViewModel.phoneNumber;\n    });\n    verificationService.updateViewModel(nextState);\n  };\n\n  const submitForm = () => {\n    logger.info(\"StepSMSLoop submitting form\");\n    verificationService.submitStep(\n      VerificationStepsEnum.smsLoop,\n      viewModel,\n      verificationService.verificationResponse,\n    );\n  };\n\n  const resendSmsCode = async (verificationId) => {\n    const response = await VerificationApiClient.getResendNewSmsCode(verificationId);\n    if (response) {\n      setAttemptLimitExceeded(false);\n      setStepResultMessage(response.status === 204 ? stepSuccessMessage : maxTotalRetriesMessage);\n    } else {\n      setStepResultMessage(errorResendingSMSMessage);\n    }\n  };\n\n  return (\n    <div id=\"sid-step-sms-loop\" className=\"sid-sms-loop-container sid-l-container\">\n      <AnnouncingHeader align=\"center\">\n        <FormattedHTMLMessage\n          id=\"step.smsLoop.verificationCode\"\n          defaultMessage=\"Verification Code\"\n          tagName=\"h1\"\n        />\n      </AnnouncingHeader>\n\n      <div className=\"sid-header__subtitle\">\n        {getSafe(() => previousViewModel.phoneNumber) ? (\n          <FormattedHTMLMessage\n            id=\"step.smsLoop.titleWithNumber\"\n            defaultMessage=\"We've sent an SMS message to the mobile number ending in {number}. Enter your code here.\"\n            values={{\n              number: getSafe(() => previousViewModel.phoneNumber.slice(-4), \"\"),\n            }}\n          />\n        ) : (\n          <FormattedHTMLMessage\n            id=\"step.smsLoop.titleWithoutNumber\"\n            defaultMessage=\"We've sent an SMS to your mobile number. Please enter the code here.\"\n          />\n        )}\n      </div>\n\n      <div className=\"sid-sms-code-id-wrapper sid-l-horz-center\">\n        <SMSCodeComponent\n          onChange={updateSmsCode}\n          value={viewModel.smsCode}\n          isErrored={isErrored}\n          errorId={verificationService.fieldValidationErrors.smsCode}\n        />\n      </div>\n\n      {stepResultMessage && (\n        <div>\n          <p>{stepResultMessage}</p>\n        </div>\n      )}\n\n      <div className=\"sid-submit sid-sms-loop-submit sid-l-space-top-md sid-l-horz-center\">\n        <button\n          id=\"sid-submit-sms-code\"\n          onClick={submitForm}\n          type=\"button\"\n          className=\"sid-btn sid-sms-loop-submit-btn sid-btn--dark sid-submit__continue\"\n          aria-label=\"submit\"\n          disabled={\n            !!(!viewModel.smsCode || viewModel.smsCode.length <= 0 || isAttemptLimitExceeded)\n          }\n        >\n          <FormattedHTMLMessage id=\"step.smsLoop.submitButton\" defaultMessage=\"Submit\" />\n        </button>\n\n        <div className=\"sid-l-space-left-sm\">&nbsp;</div>\n\n        <button\n          id=\"sid-resend-sms-code\"\n          onClick={() => resendSmsCode(verificationResponse.verificationId)}\n          type=\"submit\"\n          className=\"sid-btn sid-resend-sms-code-btn sid-btn--light sid-submit__cancel\"\n          aria-label=\"re-send\"\n        >\n          <FormattedHTMLMessage id=\"step.smsLoop.resendButton\" defaultMessage=\"Re-send\" />\n        </button>\n      </div>\n\n      <div className=\"sid-incorrect-number sid-l-horz-center\">\n        <FormattedHTMLMessage\n          id=\"step.smsLoop.incorrectNumber.incorrectNumber1\"\n          defaultMessage=\"Incorrect number? Click\"\n        />\n        &nbsp;\n        <button\n          type=\"button\"\n          onClick={() => window.location.reload()}\n          className=\"sid-incorrect-number__refresh-link sid-h-btn-link-like\"\n        >\n          <FormattedHTMLMessage\n            id=\"step.smsLoop.incorrectNumber.incorrectNumber2\"\n            defaultMessage=\"here\"\n          />\n          &nbsp;\n        </button>\n        <FormattedHTMLMessage id=\"companyName\" defaultMessage=\"{Company}\">\n          {(companyName) => (\n            <FormattedHTMLMessage\n              id=\"step.smsLoop.incorrectNumber.incorrectNumber3\"\n              defaultMessage=\"to return to {companyName}\"\n              values={{ companyName }}\n            />\n          )}\n        </FormattedHTMLMessage>\n      </div>\n    </div>\n  );\n};\n\nexport const StepSMSLoopComponent = injectIntl(StepSMSLoop);\n"],"names":["SMSCode","onChange","value","isErrored","errorId","intl","placeholder","getErrorMessage","jsx","FormattedHTMLMessage","jsxs","InputTextComponent","e","SMSCodeComponent","injectIntl","StepSMSLoop","verificationService","viewModel","verificationResponse","previousViewModel","stepResultMessage","setStepResultMessage","React","isAttemptLimitExceeded","setAttemptLimitExceeded","stepSuccessMessage","maxTotalRetriesMessage","maxRetriesPerCodeMessage","errorResendingSMSMessage","getSafe","updateSmsCode","nextState","produce","draft","submitForm","logger","VerificationStepsEnum","resendSmsCode","verificationId","response","VerificationApiClient","AnnouncingHeader","companyName","StepSMSLoopComponent"],"mappings":"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"}
+{"version":3,"file":"index-CTGY1a4m.js","sources":["../../src/components/FormFields/SMSCode/SMSCodeComponent.tsx","../../src/components/StepSMSLoop/StepSMSLoopComponent.tsx"],"sourcesContent":["import { FormattedHTMLMessage, injectIntl } from \"react-intl\";\n\nimport { type FormFieldComponentProps } from \"../../../lib/types/types\";\nimport { InputTextComponent } from \"../../FormInputs/InputText/InputText\";\n\nexport const SMSCode = ({\n  onChange,\n  value,\n  isErrored,\n  errorId,\n  intl,\n  placeholder = \"\",\n}: FormFieldComponentProps) => {\n  const getErrorMessage = (errorId) => {\n    switch (errorId) {\n      case \"invalidSMSCode\":\n        return (\n          <FormattedHTMLMessage\n            id=\"step.smsLoop.errors.codeVerification\"\n            defaultMessage=\"Verification code could not be validated.\"\n          />\n        );\n      case \"expiredSMSCode\":\n        return (\n          <FormattedHTMLMessage\n            id=\"step.smsLoop.errors.codeExpired\"\n            defaultMessage=\"Verification code expired.\"\n          />\n        );\n      default:\n        return <FormattedHTMLMessage id=\"errorId.unknownError\" defaultMessage=\"Unknown Error\" />;\n    }\n  };\n\n  return (\n    <div className=\"sid-field sid-sms-code-id\">\n      <div className=\"sid-l-space-top-md\" />\n      {isErrored ? <div className=\"sid-field-error\">{getErrorMessage(errorId)}</div> : null}\n\n      <InputTextComponent\n        id=\"sms-code\"\n        isErrored={isErrored}\n        required\n        placeholder={\n          placeholder ||\n          intl.formatHTMLMessage({ id: \"smsCodePlaceholder\", defaultMessage: \"SMS Code\" })\n        }\n        value={value}\n        onChange={(e) => onChange(e.target.value)}\n      />\n    </div>\n  );\n};\n\nexport const SMSCodeComponent = injectIntl(SMSCode);\n","import React from \"react\";\nimport { injectIntl, FormattedHTMLMessage, type InjectedIntl } from \"react-intl\";\nimport { produce } from \"immer\";\n\nimport { logger } from \"@jslib/shared/utils/logger\";\nimport { getSafe } from \"@jslib/shared/utils/getSafe\";\n\nimport {\n  type VerificationService,\n  type StudentPersonalInfoViewModel,\n  type SMSLoopResponse,\n  type SMSLoopViewModel,\n} from \"../../lib/types/types\";\nimport { VerificationStepsEnum } from \"../../lib/types/runtimeTypes\";\nimport { SMSCodeComponent } from \"../FormFields/SMSCode/SMSCodeComponent\";\nimport { VerificationApiClient } from \"../../lib/ServerApi/VerificationApiClient\";\nimport { AnnouncingHeader } from \"../AnnouncingHeader/AnnouncingHeader\";\n\ninterface StepSMSLoopProps {\n  intl: InjectedIntl;\n  verificationService: VerificationService;\n}\n\nconst StepSMSLoop = ({ intl, verificationService }: StepSMSLoopProps) => {\n  const viewModel = verificationService.viewModel as SMSLoopViewModel;\n  const verificationResponse = verificationService.verificationResponse as SMSLoopResponse;\n  const isErrored = Boolean(verificationService.fieldValidationErrors.smsCode);\n  const previousViewModel =\n    (verificationService.previousViewModel as StudentPersonalInfoViewModel) || undefined;\n\n  const [stepResultMessage, setStepResultMessage] = React.useState(\"\");\n  const [isAttemptLimitExceeded, setAttemptLimitExceeded] = React.useState(\n    verificationResponse.errorIds &&\n      verificationResponse.errorIds.includes(\"incorrectSMSCodeAttemptLimitExceeded\"),\n  );\n\n  const stepSuccessMessage = intl.formatHTMLMessage({\n    id: \"step.smsLoop.successResend\",\n    defaultMessage: \"SMS message re-sent successfully\",\n  });\n  const maxTotalRetriesMessage = intl.formatHTMLMessage({\n    id: \"step.smsLoop.errors.codeResendLimit\",\n    defaultMessage: \"Maximum number of re-tries has been reached.\",\n  });\n  const maxRetriesPerCodeMessage = intl.formatHTMLMessage({\n    id: \"step.smsLoop.errors.codeResendLimit\",\n    defaultMessage: \"Maximum number of re-tries has been reached.\",\n  });\n  const errorResendingSMSMessage = intl.formatHTMLMessage({\n    id: \"step.smsLoop.errors.resend\",\n    defaultMessage: \"Error sending the SMS message\",\n  });\n\n  React.useEffect(() => {\n    if (isAttemptLimitExceeded) {\n      setStepResultMessage(maxRetriesPerCodeMessage);\n    }\n  }, []);\n\n  if (\n    getSafe(() => verificationResponse.errorIds.length) &&\n    !verificationService.fieldValidationErrors.smsCode\n  ) {\n    verificationService.updateFieldValidationErrors({\n      ...verificationService.fieldValidationErrors,\n      smsCode: verificationResponse.errorIds[0],\n    });\n  }\n\n  const updateSmsCode = (value) => {\n    const nextState: SMSLoopViewModel = produce(viewModel, (draft: SMSLoopViewModel) => {\n      draft.smsCode = value;\n      draft.phoneNumber = previousViewModel && previousViewModel.phoneNumber;\n    });\n    verificationService.updateViewModel(nextState);\n  };\n\n  const submitForm = () => {\n    logger.info(\"StepSMSLoop submitting form\");\n    verificationService.submitStep(\n      VerificationStepsEnum.smsLoop,\n      viewModel,\n      verificationService.verificationResponse,\n    );\n  };\n\n  const resendSmsCode = async (verificationId) => {\n    const response = await VerificationApiClient.getResendNewSmsCode(verificationId);\n    if (response) {\n      setAttemptLimitExceeded(false);\n      setStepResultMessage(response.status === 204 ? stepSuccessMessage : maxTotalRetriesMessage);\n    } else {\n      setStepResultMessage(errorResendingSMSMessage);\n    }\n  };\n\n  return (\n    <div id=\"sid-step-sms-loop\" className=\"sid-sms-loop-container sid-l-container\">\n      <AnnouncingHeader align=\"center\">\n        <FormattedHTMLMessage\n          id=\"step.smsLoop.verificationCode\"\n          defaultMessage=\"Verification Code\"\n          tagName=\"h1\"\n        />\n      </AnnouncingHeader>\n\n      <div className=\"sid-header__subtitle\">\n        {getSafe(() => previousViewModel.phoneNumber) ? (\n          <FormattedHTMLMessage\n            id=\"step.smsLoop.titleWithNumber\"\n            defaultMessage=\"We've sent an SMS message to the mobile number ending in {number}. Enter your code here.\"\n            values={{\n              number: getSafe(() => previousViewModel.phoneNumber.slice(-4), \"\"),\n            }}\n          />\n        ) : (\n          <FormattedHTMLMessage\n            id=\"step.smsLoop.titleWithoutNumber\"\n            defaultMessage=\"We've sent an SMS to your mobile number. Please enter the code here.\"\n          />\n        )}\n      </div>\n\n      <div className=\"sid-sms-code-id-wrapper sid-l-horz-center\">\n        <SMSCodeComponent\n          onChange={updateSmsCode}\n          value={viewModel.smsCode}\n          isErrored={isErrored}\n          errorId={verificationService.fieldValidationErrors.smsCode}\n        />\n      </div>\n\n      {stepResultMessage && (\n        <div>\n          <p>{stepResultMessage}</p>\n        </div>\n      )}\n\n      <div className=\"sid-submit sid-sms-loop-submit sid-l-space-top-md sid-l-horz-center\">\n        <button\n          id=\"sid-submit-sms-code\"\n          onClick={submitForm}\n          type=\"button\"\n          className=\"sid-btn sid-sms-loop-submit-btn sid-btn--dark sid-submit__continue\"\n          aria-label=\"submit\"\n          disabled={\n            !!(!viewModel.smsCode || viewModel.smsCode.length <= 0 || isAttemptLimitExceeded)\n          }\n        >\n          <FormattedHTMLMessage id=\"step.smsLoop.submitButton\" defaultMessage=\"Submit\" />\n        </button>\n\n        <div className=\"sid-l-space-left-sm\">&nbsp;</div>\n\n        <button\n          id=\"sid-resend-sms-code\"\n          onClick={() => resendSmsCode(verificationResponse.verificationId)}\n          type=\"submit\"\n          className=\"sid-btn sid-resend-sms-code-btn sid-btn--light sid-submit__cancel\"\n          aria-label=\"re-send\"\n        >\n          <FormattedHTMLMessage id=\"step.smsLoop.resendButton\" defaultMessage=\"Re-send\" />\n        </button>\n      </div>\n\n      <div className=\"sid-incorrect-number sid-l-horz-center\">\n        <FormattedHTMLMessage\n          id=\"step.smsLoop.incorrectNumber.incorrectNumber1\"\n          defaultMessage=\"Incorrect number? Click\"\n        />\n        &nbsp;\n        <button\n          type=\"button\"\n          onClick={() => window.location.reload()}\n          className=\"sid-incorrect-number__refresh-link sid-h-btn-link-like\"\n        >\n          <FormattedHTMLMessage\n            id=\"step.smsLoop.incorrectNumber.incorrectNumber2\"\n            defaultMessage=\"here\"\n          />\n          &nbsp;\n        </button>\n        <FormattedHTMLMessage id=\"companyName\" defaultMessage=\"{Company}\">\n          {(companyName) => (\n            <FormattedHTMLMessage\n              id=\"step.smsLoop.incorrectNumber.incorrectNumber3\"\n              defaultMessage=\"to return to {companyName}\"\n              values={{ companyName }}\n            />\n          )}\n        </FormattedHTMLMessage>\n      </div>\n    </div>\n  );\n};\n\nexport const StepSMSLoopComponent = injectIntl(StepSMSLoop);\n"],"names":["SMSCode","onChange","value","isErrored","errorId","intl","placeholder","getErrorMessage","jsx","FormattedHTMLMessage","jsxs","InputTextComponent","e","SMSCodeComponent","injectIntl","StepSMSLoop","verificationService","viewModel","verificationResponse","previousViewModel","stepResultMessage","setStepResultMessage","React","isAttemptLimitExceeded","setAttemptLimitExceeded","stepSuccessMessage","maxTotalRetriesMessage","maxRetriesPerCodeMessage","errorResendingSMSMessage","getSafe","updateSmsCode","nextState","produce","draft","submitForm","logger","VerificationStepsEnum","resendSmsCode","verificationId","response","VerificationApiClient","AnnouncingHeader","companyName","StepSMSLoopComponent"],"mappings":"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"}

package/chunk/{index-dvuScNNc.js → index-CTjvQpKK.js}

@@ -4,33 +4,33 @@
  *   This file is not intended for use in other contexts and there are no guarantees about its behavior outside of MySheerID.
  */ 
 /**
- *   VERSION: 2.232.0-alpha.0
- *   BUILD_TIMESTAMP: 1779130372005
- *   BUILD_DATE: Mon May 18 2026 18:52:52 GMT+0000 (Coordinated Universal Time)
+ *   VERSION: 2.232.0-alpha.2
+ *   BUILD_TIMESTAMP: 1779218546706
+ *   BUILD_DATE: Tue May 19 2026 19:22:26 GMT+0000 (Coordinated Universal Time)
  *   BUILD_COMMIT: e2c23e54ba6fc3b35cb24b5b0cb59bd07dbdc3a1
  */
-import { i as I, h as F, a0 as P, a1 as M, e as c, R, m as d, j as o, P as D, g as r, k, F as u, W as A, V as T, y as V, b as q } from "../_mysheerid-preview.js";
-import { u as B } from "./useCollectFieldsEndpoint-690w1BPY.js";
-import { F as L, L as W, P as U, a as w, M as H, C as K } from "./CaptchaComponent-CajCtTWY.js";
-import { E as O, P as z } from "./PersonalInfoStepSubmitButton-22jOKa2g.js";
-import { B as G } from "./militaryStepHelpers-B7eWlfFD.js";
-import { P as J } from "./PostalCodeComponent-gTyGTdav.js";
-import { C as Q } from "./CountryComponentWrapper-Ucm1dIRU.js";
-import { C as X } from "./City-CvuPh0vE.js";
-import { A as Y } from "./AddressComponent-DKaHo8cD.js";
-import { C as Z } from "./ChangeLocaleComponent-BLoBbyRc.js";
-import { P as _ } from "./PersonalInfoStepWrapper-Bi9zH52s.js";
-const $ = ({ verificationService: s, intl: C }) => {
-  const a = s.viewModel, { fieldValidationErrors: t } = s, l = s.verificationResponse, h = F(l), b = P(
+import { i as I, m as F, $ as P, a0 as M, h as c, R, o as d, j as o, P as D, g as r, n as A, F as u, U as T, V, x as k, e as q } from "../_mysheerid-preview.js";
+import { u as B } from "./useCollectFieldsEndpoint-Cd6d_u47.js";
+import { F as L, L as U, P as W, a as w, M as H, C as K } from "./CaptchaComponent-CnWyxiTy.js";
+import { E as O, P as $ } from "./PersonalInfoStepSubmitButton-v_kWLmEw.js";
+import { B as z } from "./militaryStepHelpers-jW2_4c1l.js";
+import { P as G } from "./PostalCodeComponent-KXVfZkLx.js";
+import { C as J } from "./CountryComponentWrapper--2UQ7mXP.js";
+import { C as Q } from "./City-BmrJpnS6.js";
+import { A as X } from "./AddressComponent-DV2Wsw6k.js";
+import { C as Y } from "./ChangeLocaleComponent-Cu2DR-Q3.js";
+import { P as Z } from "./PersonalInfoStepWrapper-BOBNCgik.js";
+const _ = ({ verificationService: s, intl: C }) => {
+  const a = s.viewModel, { fieldValidationErrors: t } = s, l = s.verificationResponse, h = F(l), i = P(
     s.programTheme,
     C
-  ), i = M(b), m = c(() => a.countryChoice.value, i.value), g = m === "US" ? [{ key: "postalCode" }] : [], x = m !== "US" || s.programTheme.isSmsNotifierConfigured || s.programTheme.smsLoopEnabled, N = m !== "US" || s.programTheme.smsLoopEnabled, y = a.localeChoice.value, j = q();
+  ), b = M(i), m = c(() => a.countryChoice.value, b.value), g = m === "US" ? [{ key: "postalCode" }] : [], x = m !== "US" || s.programTheme.isSmsNotifierConfigured || s.programTheme.smsLoopEnabled, N = m !== "US" || s.programTheme.smsLoopEnabled, y = a.localeChoice.value, j = q();
   !t.phoneNumber && l.errorIds && l.errorIds.includes("invalidPhoneNumber") && s.updateFieldValidationErrors({
     ...t,
     phoneNumber: "invalidPhoneNumber"
   });
   const n = (e, E) => {
-    const f = V(a, e, E);
+    const f = k(a, e, E);
     s.updateViewModel(f);
   }, { isFieldRequired: p } = B({
     verificationId: l.verificationId,
@@ -41,15 +41,15 @@ const $ = ({ verificationService: s, intl: C }) => {
   return R.useEffect(() => {
     d("phoneNumber", a.phoneNumber, s);
   }, [a.country]), /* @__PURE__ */ o.jsxs(
-    _,
+    Z,
     {
       verificationService: s,
       step: l.currentStep,
       children: [
         /* @__PURE__ */ o.jsx(D, { verificationService: s, classNameIdentifier: "age" }),
-        /* @__PURE__ */ o.jsx(Z, { verificationService: s }),
+        /* @__PURE__ */ o.jsx(Y, { verificationService: s }),
         /* @__PURE__ */ o.jsx(
-          Q,
+          J,
           {
             verificationService: s,
             disabled: r("country")?.disabled
@@ -68,7 +68,7 @@ const $ = ({ verificationService: s, intl: C }) => {
             }
           ),
           /* @__PURE__ */ o.jsx(
-            W,
+            U,
             {
               value: a.lastName,
               isErrored: !!t.lastName,
@@ -80,7 +80,7 @@ const $ = ({ verificationService: s, intl: C }) => {
           )
         ] }),
         /* @__PURE__ */ o.jsx(
-          G,
+          z,
           {
             errorId: t.birthDate,
             locale: y,
@@ -92,7 +92,7 @@ const $ = ({ verificationService: s, intl: C }) => {
           }
         ),
         p("city") && /* @__PURE__ */ o.jsx(
-          X,
+          Q,
           {
             value: a.city,
             isRequired: !0,
@@ -105,7 +105,7 @@ const $ = ({ verificationService: s, intl: C }) => {
           }
         ),
         p("address1") && /* @__PURE__ */ o.jsx(
-          Y,
+          X,
           {
             value: a.address1,
             isRequired: !0,
@@ -117,7 +117,7 @@ const $ = ({ verificationService: s, intl: C }) => {
           }
         ),
         p("postalCode") && /* @__PURE__ */ o.jsx(
-          J,
+          G,
           {
             isErrored: !!t.postalCode,
             onChange: (e) => {
@@ -136,12 +136,12 @@ const $ = ({ verificationService: s, intl: C }) => {
             onChange: (e) => {
               n("email", e), d("email", e, s);
             },
-            onKeyDown: (e) => k(e),
+            onKeyDown: (e) => A(e),
             disabled: r("email")?.disabled
           }
         ),
         x ? /* @__PURE__ */ o.jsx(
-          U,
+          W,
           {
             isRequired: N,
             value: a.phoneNumber,
@@ -169,7 +169,7 @@ const $ = ({ verificationService: s, intl: C }) => {
             disabled: r("marketConsentValue")?.disabled
           }
         ),
-        /* @__PURE__ */ o.jsx(A, { verificationService: s, suffix: "CollectAboveSubmit" }),
+        /* @__PURE__ */ o.jsx(T, { verificationService: s, suffix: "CollectAboveSubmit" }),
         /* @__PURE__ */ o.jsx(
           K,
           {
@@ -178,9 +178,9 @@ const $ = ({ verificationService: s, intl: C }) => {
           }
         ),
         /* @__PURE__ */ o.jsx(
-          z,
+          $,
           {
-            step: T.collectAgePersonalInfo,
+            step: V.collectAgePersonalInfo,
             verificationService: s,
             viewModel: a,
             failedInstantMatch: h,
@@ -196,7 +196,7 @@ const $ = ({ verificationService: s, intl: C }) => {
       ]
     }
   );
-}, me = I($);
+}, me = I(_);
 export {
   me as default
 };

package/chunk/{index-gSxZOEDm.js.map → index-CTjvQpKK.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index-gSxZOEDm.js","sources":["../../src/components/StepAgePersonalInfo/StepAgePersonalInfoComponent.tsx"],"sourcesContent":["/**\n * TODO - preamble\n */\nimport React from \"react\";\nimport { FormattedHTMLMessage, type InjectedIntl, injectIntl } from \"react-intl\";\n\nimport { getSafe } from \"@jslib/shared/utils/getSafe\";\n\nimport { useCollectFieldsEndpoint } from \"@/lib/ServerApi/useCollectFieldsEndpoint\";\n\nimport { VerificationStepsEnum } from \"../../lib/types/runtimeTypes\";\nimport { hasFailedInstantMatch } from \"../../lib/VerificationService/VerificationServiceHelpers\";\nimport {\n  type VerificationService,\n  type AgePersonalInfoViewModel,\n  type AgePersonalInfoResponse,\n  type FormSelectChoice,\n  type Country,\n  type FieldDescription,\n  type CustomFormFieldConfig,\n} from \"../../lib/types/types\";\nimport {\n  handleEmailOnKeyDown,\n  updateFieldValidationErrorsByFieldId,\n  getAvailableCountryChoices,\n  getDefaultCountryChoice,\n  produceDraftViewModel,\n  getFieldConfigByFieldId,\n} from \"../../lib/utils/stepComponentHelpers/stepComponentHelpers\";\nimport { MarketConsentWrapperComponent as MarketConsentWrapper } from \"../FormFields/MarketConsentWrapper/MarketConsentWrapperComponent\";\nimport { PhoneNumberComponent as PhoneNumber } from \"../FormFields/PhoneNumber/PhoneNumberComponent\";\nimport { FirstNameComponent as FirstName } from \"../FormFields/FirstName/FirstNameComponent\";\nimport { LastNameComponent as LastName } from \"../FormFields/LastName/LastNameComponent\";\nimport { EmailComponent as Email } from \"../FormFields/Email/EmailComponent\";\nimport { BirthDateComponent as BirthDate } from \"../FormFields/BirthDate/BirthDateComponent\";\nimport { PostalCodeComponent as PostalCode } from \"../FormFields/PostalCode/PostalCodeComponent\";\nimport { CountryComponentWrapper } from \"../FormFields/Country/CountryComponentWrapper\";\nimport { CityComponent } from \"../FormFields/City/City\";\nimport { AddressComponent } from \"../FormFields/Address/AddressComponent\";\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\";\nimport { CaptchaComponent } from \"../FormFields/Captcha/CaptchaComponent\";\n\ninterface StepAgePersonalInfoComponentProps {\n  intl: InjectedIntl;\n  verificationService: VerificationService;\n}\n\nconst StepAgePersonalInfo = ({ verificationService, intl }: StepAgePersonalInfoComponentProps) => {\n  const viewModel = verificationService.viewModel as AgePersonalInfoViewModel;\n  const { fieldValidationErrors } = verificationService;\n  const verificationResponse = verificationService.verificationResponse as AgePersonalInfoResponse;\n  const failedInstantMatch = hasFailedInstantMatch(verificationResponse);\n  const countryChoices: FormSelectChoice<Country, string>[] = getAvailableCountryChoices(\n    verificationService.programTheme,\n    intl,\n  );\n  const defaultCountryChoice: FormSelectChoice<Country, string> =\n    getDefaultCountryChoice(countryChoices);\n  const safeCountryValue = getSafe(() => viewModel.countryChoice.value, defaultCountryChoice.value);\n  const defaultRequiredFields: FieldDescription[] =\n    safeCountryValue === \"US\" ? [{ key: \"postalCode\" }] : [];\n\n  // PhoneNumber is required for all non-US age programs and if smsLoop is enabled.\n  const showPhoneNumber =\n    safeCountryValue !== \"US\" ||\n    verificationService.programTheme.isSmsNotifierConfigured ||\n    verificationService.programTheme.smsLoopEnabled;\n  const phoneNumberRequired =\n    safeCountryValue !== \"US\" || verificationService.programTheme.smsLoopEnabled;\n\n  const locale = viewModel.localeChoice.value;\n  const options = getOptions();\n\n  if (\n    !fieldValidationErrors.phoneNumber &&\n    verificationResponse.errorIds &&\n    verificationResponse.errorIds.includes(\"invalidPhoneNumber\")\n  ) {\n    verificationService.updateFieldValidationErrors({\n      ...fieldValidationErrors,\n      phoneNumber: \"invalidPhoneNumber\",\n    });\n  }\n\n  const updateAgeViewModel = (key: keyof AgePersonalInfoViewModel, value: any) => {\n    const nextState: AgePersonalInfoViewModel = produceDraftViewModel(viewModel, key, value);\n    verificationService.updateViewModel(nextState);\n  };\n\n  const { isFieldRequired } = useCollectFieldsEndpoint({\n    verificationId: verificationResponse.verificationId,\n    currentStep: verificationResponse.currentStep,\n    viewModel,\n    defaultRequiredFields,\n  });\n\n  React.useEffect(() => {\n    // When country changes re-check the phone number validation\n    updateFieldValidationErrorsByFieldId(\"phoneNumber\", viewModel.phoneNumber, verificationService);\n  }, [viewModel.country]);\n\n  return (\n    <PersonalInfoWrapper\n      verificationService={verificationService}\n      step={verificationResponse.currentStep}\n    >\n      <PersonalInfoHeader verificationService={verificationService} classNameIdentifier=\"age\" />\n\n      <ChangeLocaleV2Component verificationService={verificationService} />\n      <CountryComponentWrapper\n        verificationService={verificationService}\n        disabled={getFieldConfigByFieldId(\"country\")?.disabled}\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            updateAgeViewModel(\"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            updateAgeViewModel(\"lastName\", newValue);\n            updateFieldValidationErrorsByFieldId(\"lastName\", newValue, verificationService);\n          }}\n        />\n      </div>\n      <BirthDate\n        errorId={fieldValidationErrors.birthDate}\n        locale={locale}\n        onChange={(newValue) => {\n          updateAgeViewModel(\"birthDate\", newValue);\n          updateFieldValidationErrorsByFieldId(\"birthDate\", newValue, verificationService);\n        }}\n        value={viewModel.birthDate}\n        disabled={getFieldConfigByFieldId(\"birthDate\")?.disabled}\n      />\n      {isFieldRequired(\"city\") && (\n        <CityComponent\n          value={viewModel.city}\n          isRequired\n          isErrored={!!fieldValidationErrors.city}\n          errorId={fieldValidationErrors.city}\n          disabled={getFieldConfigByFieldId(\"city\")?.disabled}\n          onChange={(value) => {\n            updateAgeViewModel(\"city\", value);\n            updateFieldValidationErrorsByFieldId(\"city\", value, verificationService);\n          }}\n        />\n      )}\n      {isFieldRequired(\"address1\") && (\n        <AddressComponent\n          value={viewModel.address1}\n          isRequired\n          isErrored={!!fieldValidationErrors.address1}\n          errorId={fieldValidationErrors.address1}\n          onChange={(value) => {\n            updateAgeViewModel(\"address1\", value);\n            updateFieldValidationErrorsByFieldId(\"address1\", value, verificationService);\n          }}\n        />\n      )}\n      {isFieldRequired(\"postalCode\") && (\n        <PostalCode\n          isErrored={!!fieldValidationErrors.postalCode}\n          onChange={(newValue) => {\n            updateAgeViewModel(\"postalCode\", newValue);\n            updateFieldValidationErrorsByFieldId(\"postalCode\", newValue, verificationService);\n          }}\n          value={viewModel.postalCode}\n          disabled={getFieldConfigByFieldId(\"postalCode\")?.disabled}\n        />\n      )}\n      <Email\n        value={viewModel.email}\n        isErrored={!!fieldValidationErrors.email}\n        explanation={<FormattedHTMLMessage id=\"emailExplanation\" defaultMessage=\" \" />}\n        onChange={(newValue) => {\n          updateAgeViewModel(\"email\", newValue);\n          updateFieldValidationErrorsByFieldId(\"email\", newValue, verificationService);\n        }}\n        onKeyDown={(event) => handleEmailOnKeyDown(event)}\n        disabled={getFieldConfigByFieldId(\"email\")?.disabled}\n      />\n\n      {showPhoneNumber ? (\n        <PhoneNumber\n          isRequired={phoneNumberRequired}\n          value={viewModel.phoneNumber}\n          isErrored={!!fieldValidationErrors.phoneNumber}\n          onChange={(newValue) => {\n            updateAgeViewModel(\"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          updateAgeViewModel(\"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      <CaptchaComponent\n        verificationService={verificationService}\n        isErrored={!!fieldValidationErrors.captchaToken}\n      />\n      <PersonalInfoStepSubmitButton\n        step={VerificationStepsEnum.collectAgePersonalInfo}\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    </PersonalInfoWrapper>\n  );\n};\n\nexport const StepAgePersonalInfoComponent = injectIntl(StepAgePersonalInfo);\n"],"names":["StepAgePersonalInfo","verificationService","intl","viewModel","fieldValidationErrors","verificationResponse","failedInstantMatch","hasFailedInstantMatch","countryChoices","getAvailableCountryChoices","defaultCountryChoice","getDefaultCountryChoice","safeCountryValue","getSafe","defaultRequiredFields","showPhoneNumber","phoneNumberRequired","locale","options","getOptions","updateAgeViewModel","key","value","nextState","produceDraftViewModel","isFieldRequired","useCollectFieldsEndpoint","React","updateFieldValidationErrorsByFieldId","jsxs","PersonalInfoWrapper","jsx","PersonalInfoHeader","ChangeLocaleV2Component","CountryComponentWrapper","getFieldConfigByFieldId","FirstName","newValue","LastName","BirthDate","CityComponent","AddressComponent","PostalCode","Email","FormattedHTMLMessage","event","handleEmailOnKeyDown","PhoneNumber","config","FormFieldCustom","MarketConsentWrapper","ExtraMessage","CaptchaComponent","PersonalInfoStepSubmitButton","VerificationStepsEnum","StepAgePersonalInfoComponent","injectIntl"],"mappings":"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"}
+{"version":3,"file":"index-CTjvQpKK.js","sources":["../../src/components/StepAgePersonalInfo/StepAgePersonalInfoComponent.tsx"],"sourcesContent":["/**\n * TODO - preamble\n */\nimport React from \"react\";\nimport { FormattedHTMLMessage, type InjectedIntl, injectIntl } from \"react-intl\";\n\nimport { getSafe } from \"@jslib/shared/utils/getSafe\";\n\nimport { useCollectFieldsEndpoint } from \"@/lib/ServerApi/useCollectFieldsEndpoint\";\n\nimport { VerificationStepsEnum } from \"../../lib/types/runtimeTypes\";\nimport { hasFailedInstantMatch } from \"../../lib/VerificationService/VerificationServiceHelpers\";\nimport {\n  type VerificationService,\n  type AgePersonalInfoViewModel,\n  type AgePersonalInfoResponse,\n  type FormSelectChoice,\n  type Country,\n  type FieldDescription,\n  type CustomFormFieldConfig,\n} from \"../../lib/types/types\";\nimport {\n  handleEmailOnKeyDown,\n  updateFieldValidationErrorsByFieldId,\n  getAvailableCountryChoices,\n  getDefaultCountryChoice,\n  produceDraftViewModel,\n  getFieldConfigByFieldId,\n} from \"../../lib/utils/stepComponentHelpers/stepComponentHelpers\";\nimport { MarketConsentWrapperComponent as MarketConsentWrapper } from \"../FormFields/MarketConsentWrapper/MarketConsentWrapperComponent\";\nimport { PhoneNumberComponent as PhoneNumber } from \"../FormFields/PhoneNumber/PhoneNumberComponent\";\nimport { FirstNameComponent as FirstName } from \"../FormFields/FirstName/FirstNameComponent\";\nimport { LastNameComponent as LastName } from \"../FormFields/LastName/LastNameComponent\";\nimport { EmailComponent as Email } from \"../FormFields/Email/EmailComponent\";\nimport { BirthDateComponent as BirthDate } from \"../FormFields/BirthDate/BirthDateComponent\";\nimport { PostalCodeComponent as PostalCode } from \"../FormFields/PostalCode/PostalCodeComponent\";\nimport { CountryComponentWrapper } from \"../FormFields/Country/CountryComponentWrapper\";\nimport { CityComponent } from \"../FormFields/City/City\";\nimport { AddressComponent } from \"../FormFields/Address/AddressComponent\";\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\";\nimport { CaptchaComponent } from \"../FormFields/Captcha/CaptchaComponent\";\n\ninterface StepAgePersonalInfoComponentProps {\n  intl: InjectedIntl;\n  verificationService: VerificationService;\n}\n\nconst StepAgePersonalInfo = ({ verificationService, intl }: StepAgePersonalInfoComponentProps) => {\n  const viewModel = verificationService.viewModel as AgePersonalInfoViewModel;\n  const { fieldValidationErrors } = verificationService;\n  const verificationResponse = verificationService.verificationResponse as AgePersonalInfoResponse;\n  const failedInstantMatch = hasFailedInstantMatch(verificationResponse);\n  const countryChoices: FormSelectChoice<Country, string>[] = getAvailableCountryChoices(\n    verificationService.programTheme,\n    intl,\n  );\n  const defaultCountryChoice: FormSelectChoice<Country, string> =\n    getDefaultCountryChoice(countryChoices);\n  const safeCountryValue = getSafe(() => viewModel.countryChoice.value, defaultCountryChoice.value);\n  const defaultRequiredFields: FieldDescription[] =\n    safeCountryValue === \"US\" ? [{ key: \"postalCode\" }] : [];\n\n  // PhoneNumber is required for all non-US age programs and if smsLoop is enabled.\n  const showPhoneNumber =\n    safeCountryValue !== \"US\" ||\n    verificationService.programTheme.isSmsNotifierConfigured ||\n    verificationService.programTheme.smsLoopEnabled;\n  const phoneNumberRequired =\n    safeCountryValue !== \"US\" || verificationService.programTheme.smsLoopEnabled;\n\n  const locale = viewModel.localeChoice.value;\n  const options = getOptions();\n\n  if (\n    !fieldValidationErrors.phoneNumber &&\n    verificationResponse.errorIds &&\n    verificationResponse.errorIds.includes(\"invalidPhoneNumber\")\n  ) {\n    verificationService.updateFieldValidationErrors({\n      ...fieldValidationErrors,\n      phoneNumber: \"invalidPhoneNumber\",\n    });\n  }\n\n  const updateAgeViewModel = (key: keyof AgePersonalInfoViewModel, value: any) => {\n    const nextState: AgePersonalInfoViewModel = produceDraftViewModel(viewModel, key, value);\n    verificationService.updateViewModel(nextState);\n  };\n\n  const { isFieldRequired } = useCollectFieldsEndpoint({\n    verificationId: verificationResponse.verificationId,\n    currentStep: verificationResponse.currentStep,\n    viewModel,\n    defaultRequiredFields,\n  });\n\n  React.useEffect(() => {\n    // When country changes re-check the phone number validation\n    updateFieldValidationErrorsByFieldId(\"phoneNumber\", viewModel.phoneNumber, verificationService);\n  }, [viewModel.country]);\n\n  return (\n    <PersonalInfoWrapper\n      verificationService={verificationService}\n      step={verificationResponse.currentStep}\n    >\n      <PersonalInfoHeader verificationService={verificationService} classNameIdentifier=\"age\" />\n\n      <ChangeLocaleV2Component verificationService={verificationService} />\n      <CountryComponentWrapper\n        verificationService={verificationService}\n        disabled={getFieldConfigByFieldId(\"country\")?.disabled}\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            updateAgeViewModel(\"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            updateAgeViewModel(\"lastName\", newValue);\n            updateFieldValidationErrorsByFieldId(\"lastName\", newValue, verificationService);\n          }}\n        />\n      </div>\n      <BirthDate\n        errorId={fieldValidationErrors.birthDate}\n        locale={locale}\n        onChange={(newValue) => {\n          updateAgeViewModel(\"birthDate\", newValue);\n          updateFieldValidationErrorsByFieldId(\"birthDate\", newValue, verificationService);\n        }}\n        value={viewModel.birthDate}\n        disabled={getFieldConfigByFieldId(\"birthDate\")?.disabled}\n      />\n      {isFieldRequired(\"city\") && (\n        <CityComponent\n          value={viewModel.city}\n          isRequired\n          isErrored={!!fieldValidationErrors.city}\n          errorId={fieldValidationErrors.city}\n          disabled={getFieldConfigByFieldId(\"city\")?.disabled}\n          onChange={(value) => {\n            updateAgeViewModel(\"city\", value);\n            updateFieldValidationErrorsByFieldId(\"city\", value, verificationService);\n          }}\n        />\n      )}\n      {isFieldRequired(\"address1\") && (\n        <AddressComponent\n          value={viewModel.address1}\n          isRequired\n          isErrored={!!fieldValidationErrors.address1}\n          errorId={fieldValidationErrors.address1}\n          onChange={(value) => {\n            updateAgeViewModel(\"address1\", value);\n            updateFieldValidationErrorsByFieldId(\"address1\", value, verificationService);\n          }}\n        />\n      )}\n      {isFieldRequired(\"postalCode\") && (\n        <PostalCode\n          isErrored={!!fieldValidationErrors.postalCode}\n          onChange={(newValue) => {\n            updateAgeViewModel(\"postalCode\", newValue);\n            updateFieldValidationErrorsByFieldId(\"postalCode\", newValue, verificationService);\n          }}\n          value={viewModel.postalCode}\n          disabled={getFieldConfigByFieldId(\"postalCode\")?.disabled}\n        />\n      )}\n      <Email\n        value={viewModel.email}\n        isErrored={!!fieldValidationErrors.email}\n        explanation={<FormattedHTMLMessage id=\"emailExplanation\" defaultMessage=\" \" />}\n        onChange={(newValue) => {\n          updateAgeViewModel(\"email\", newValue);\n          updateFieldValidationErrorsByFieldId(\"email\", newValue, verificationService);\n        }}\n        onKeyDown={(event) => handleEmailOnKeyDown(event)}\n        disabled={getFieldConfigByFieldId(\"email\")?.disabled}\n      />\n\n      {showPhoneNumber ? (\n        <PhoneNumber\n          isRequired={phoneNumberRequired}\n          value={viewModel.phoneNumber}\n          isErrored={!!fieldValidationErrors.phoneNumber}\n          onChange={(newValue) => {\n            updateAgeViewModel(\"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          updateAgeViewModel(\"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      <CaptchaComponent\n        verificationService={verificationService}\n        isErrored={!!fieldValidationErrors.captchaToken}\n      />\n      <PersonalInfoStepSubmitButton\n        step={VerificationStepsEnum.collectAgePersonalInfo}\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    </PersonalInfoWrapper>\n  );\n};\n\nexport const StepAgePersonalInfoComponent = injectIntl(StepAgePersonalInfo);\n"],"names":["StepAgePersonalInfo","verificationService","intl","viewModel","fieldValidationErrors","verificationResponse","failedInstantMatch","hasFailedInstantMatch","countryChoices","getAvailableCountryChoices","defaultCountryChoice","getDefaultCountryChoice","safeCountryValue","getSafe","defaultRequiredFields","showPhoneNumber","phoneNumberRequired","locale","options","getOptions","updateAgeViewModel","key","value","nextState","produceDraftViewModel","isFieldRequired","useCollectFieldsEndpoint","React","updateFieldValidationErrorsByFieldId","jsxs","PersonalInfoWrapper","jsx","PersonalInfoHeader","ChangeLocaleV2Component","CountryComponentWrapper","getFieldConfigByFieldId","FirstName","newValue","LastName","BirthDate","CityComponent","AddressComponent","PostalCode","Email","FormattedHTMLMessage","event","handleEmailOnKeyDown","PhoneNumber","config","FormFieldCustom","MarketConsentWrapper","ExtraMessage","CaptchaComponent","PersonalInfoStepSubmitButton","VerificationStepsEnum","StepAgePersonalInfoComponent","injectIntl"],"mappings":"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"}

package/chunk/{index-B8oKdmJa.js → index-CaBrLsal.js}

@@ -1,11 +1,11 @@
 
 /**
- *   VERSION: 2.232.0-alpha.0
- *   BUILD_TIMESTAMP: 1779130359473
- *   BUILD_DATE: Mon May 18 2026 18:52:39 GMT+0000 (Coordinated Universal Time)
+ *   VERSION: 2.232.0-alpha.2
+ *   BUILD_TIMESTAMP: 1779218532773
+ *   BUILD_DATE: Tue May 19 2026 19:22:12 GMT+0000 (Coordinated Universal Time)
  *   BUILD_COMMIT: e2c23e54ba6fc3b35cb24b5b0cb59bd07dbdc3a1
  */
-import { r as c, R as V, a6 as R, N as F, V as O, j as a, J as K, F as C, p as S, q as P } from "../sheerid.js";
+import { b as c, R as V, a5 as R, M as F, V as O, j as a, I as K, F as C, o as S, p as I } from "../sheerid.js";
 var z = ["alpha", "numeric", "alphanumeric"], B = {
   alpha: {
     type: "text",
@@ -25,8 +25,8 @@ var z = ["alpha", "numeric", "alphanumeric"], B = {
     max: "9"
   }
 }, U = c.forwardRef(function(t, i) {
-  var h = t.allowedCharacters, p = h === void 0 ? "alphanumeric" : h, m = t.ariaLabel, f = t.autoFocus, b = f === void 0 ? !0 : f, y = t.containerClassName, l = t.disabled, d = t.inputClassName, v = t.isPassword, w = v === void 0 ? !1 : v, E = t.length, N = E === void 0 ? 6 : E, D = t.placeholder, M = t.onChange;
-  if (isNaN(N) || N < 1)
+  var h = t.allowedCharacters, p = h === void 0 ? "alphanumeric" : h, m = t.ariaLabel, f = t.autoFocus, b = f === void 0 ? !0 : f, y = t.containerClassName, l = t.disabled, d = t.inputClassName, v = t.isPassword, w = v === void 0 ? !1 : v, N = t.length, j = N === void 0 ? 6 : N, P = t.placeholder, M = t.onChange;
+  if (isNaN(j) || j < 1)
     throw new Error("Length should be a number and greater than 0");
   if (!z.some(function(u) {
     return u === p;
@@ -55,7 +55,7 @@ var z = ["alpha", "numeric", "alphanumeric"], B = {
       return o.value;
     }).join("");
     M && M(e);
-  }, I = function(e) {
+  }, D = function(e) {
     var o = e.target, n = o.value, s = o.nextElementSibling;
     n.length > 1 ? (e.target.value = n.charAt(0), s !== null && s.focus()) : n.match(g.pattern) ? s !== null && s.focus() : e.target.value = "", x();
   }, L = function(e) {
@@ -81,7 +81,7 @@ var z = ["alpha", "numeric", "alphanumeric"], B = {
   }, _ = [], k = function(e) {
     _.push(V.createElement("input", Object.assign({
       key: e,
-      onChange: I,
+      onChange: D,
       onKeyDown: L,
       onFocus: T,
       onPaste: $
@@ -95,19 +95,19 @@ var z = ["alpha", "numeric", "alphanumeric"], B = {
       autoComplete: e === 0 ? "one-time-code" : "off",
       "aria-label": m ? m + ". Character " + (e + 1) + "." : "Character " + (e + 1) + ".",
       disabled: l,
-      placeholder: D
+      placeholder: P
     })));
-  }, j = 0; j < N; j++)
-    k(j);
+  }, E = 0; E < j; E++)
+    k(E);
   return V.createElement("div", {
     className: y
   }, _);
 });
-const q = ({
+const G = ({
   verificationService: t
 }) => {
   const i = t.viewModel, { fieldValidationErrors: h, verificationResponse: p } = t, { errorIds: m } = p, f = c.useRef(null), b = (l, d) => {
-    const v = P(
+    const v = I(
       i,
       (w) => {
         w[l] = d;
@@ -115,7 +115,7 @@ const q = ({
     );
     t.updateViewModel(v);
   }, y = () => {
-    const l = P(
+    const l = I(
       i,
       (d) => {
         d.didManuallyVerify = !0, delete d.authenticationCode;
@@ -209,5 +209,5 @@ const q = ({
   );
 };
 export {
-  q as default
+  G as default
 };

package/chunk/{index-B8oKdmJa.js.map → index-CaBrLsal.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index-B8oKdmJa.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\";\nimport AuthCode from \"react-auth-code-input\";\nimport produce from \"immer\";\n\nimport {\n  type CompleteAuthenticationViewModel,\n  type VerificationService,\n} from \"../../lib/types/types\";\nimport {\n  submitForm,\n  updateFieldValidationErrorsByFieldId,\n} from \"../../lib/utils/stepComponentHelpers/stepComponentHelpers\";\nimport { AUTH_TOKEN_LENGTH } from \"../../constants\";\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","React.useRef","updateCompleteAuthenticationViewmodel","nextState","produce","draft","manuallyVerifyViewModel","React.useEffect","AUTH_TOKEN_LENGTH","submitForm","VerificationStepsEnum","jsxs","jsx","AnnouncingHeader","FormattedHTMLMessage","token","updateFieldValidationErrorsByFieldId"],"mappings":"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","x_google_ignoreList":[0]}
+{"version":3,"file":"index-CaBrLsal.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\";\nimport AuthCode from \"react-auth-code-input\";\nimport produce from \"immer\";\n\nimport {\n  type CompleteAuthenticationViewModel,\n  type VerificationService,\n} from \"../../lib/types/types\";\nimport {\n  submitForm,\n  updateFieldValidationErrorsByFieldId,\n} from \"../../lib/utils/stepComponentHelpers/stepComponentHelpers\";\nimport { AUTH_TOKEN_LENGTH } from \"../../constants\";\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","React.useRef","updateCompleteAuthenticationViewmodel","nextState","produce","draft","manuallyVerifyViewModel","React.useEffect","AUTH_TOKEN_LENGTH","submitForm","VerificationStepsEnum","jsxs","jsx","AnnouncingHeader","FormattedHTMLMessage","token","updateFieldValidationErrorsByFieldId"],"mappings":"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","x_google_ignoreList":[0]}