@sheerid/jslib 2.289.0 → 2.291.0

package/chunk/{StepMoverPersonalInfo-CBaYoFQM.js → StepMoverPersonalInfo-Bn4baYdo.js}

@@ -4,24 +4,24 @@
  *   This file is not intended for use in other contexts and there are no guarantees about its behavior outside of MySheerID.
  */ 
 /**
- *   VERSION: 2.289.0
- *   BUILD_TIMESTAMP: 1789773579865
- *   BUILD_DATE: Fri Sep 18 2026 23:19:39 GMT+0000 (Coordinated Universal Time)
- *   BUILD_COMMIT: 97371345cabb92f713fd30bd7baf2bb5e4a9f973
+ *   VERSION: 2.291.0
+ *   BUILD_TIMESTAMP: 1790031324838
+ *   BUILD_DATE: Mon Sep 21 2026 22:55:24 GMT+0000 (Coordinated Universal Time)
+ *   BUILD_COMMIT: be7cd0d3fb5ee01f15a63a6669da3dfe86723b27
  */
-import { Ot as e, p as t, s as n } from "./intl-CvSmE54g.js";
+import { kt as e, p as t, s as n } from "./intl-8IwAIXoJ.js";
 import { b as r } from "./runtimeTypes-B2AGNJMT.js";
-import { a as i, c as a, n as o, t as s } from "./jsx-runtime-JSlXFmKD.js";
-import { p as c } from "./FormFooterComponent-BrOM_pQ9.js";
+import { a as i, c as a, n as o, t as s } from "./jsx-runtime-DOcXt_NQ.js";
+import { p as c } from "./FormFooterComponent-UodGb8EG.js";
 import { t as l } from "../_mysheerid-preview.js";
-import { m as u, n as d, o as f } from "./stepComponentHelpers-Bxse3jnq.js";
-import { a as p, i as m, n as h, o as g, s as _, t as v } from "./CaptchaComponent-KFLJ56dX.js";
-import { n as y, t as b } from "./PersonalInfoStepSubmitButton-Q6g7KHwI.js";
-import { t as x } from "./PostalCodeComponent-C-0blxoe.js";
-import { t as S } from "./AddressComponent-BFEdmLph.js";
-import { t as C } from "./ExtraMessage-D1j0TLE3.js";
-import { t as w } from "./ChangeLocaleComponent-BcyU0Zgd.js";
-import { t as T } from "./PersonalInfoStepWrapper-D2GlDkO6.js";
+import { a as u, p as d, t as f } from "./stepComponentHelpers-JFXsrK-K.js";
+import { a as p, i as m, n as h, o as g, s as _, t as v } from "./CaptchaComponent-CUbOXmiG.js";
+import { n as y, t as b } from "./PersonalInfoStepSubmitButton-B-M8eKpG.js";
+import { t as x } from "./PostalCodeComponent-S8f2lhPF.js";
+import { t as S } from "./AddressComponent-CXsUFn4e.js";
+import { t as C } from "./ExtraMessage-nnzMgwxs.js";
+import { t as w } from "./ChangeLocaleComponent-D4HiJy2E.js";
+import { t as T } from "./PersonalInfoStepWrapper-Can2a6R_.js";
 //#region src/components/StepMoverPersonalInfo/StepMoverPersonalInfoComponent.tsx
 var E = /* @__PURE__ */ e(a(), 1), D = s(), O = i(({ verificationService: e }) => {
 	let i = e.viewModel, { fieldValidationErrors: a } = e, s = e.verificationResponse, O = c(s), k = n(), A = (n, r) => {
@@ -46,16 +46,16 @@ var E = /* @__PURE__ */ e(a(), 1), D = s(), O = i(({ verificationService: e }) =
 				children: [/* @__PURE__ */ (0, D.jsx)(p, {
 					value: i.firstName,
 					isErrored: !!a.firstName,
-					disabled: d("firstName")?.disabled,
+					disabled: f("firstName")?.disabled,
 					onChange: (t) => {
-						A("firstName", t), u("firstName", t, e);
+						A("firstName", t), d("firstName", t, e);
 					}
 				}), /* @__PURE__ */ (0, D.jsx)(m, {
 					value: i.lastName,
 					isErrored: !!a.lastName,
-					disabled: d("lastName")?.disabled,
+					disabled: f("lastName")?.disabled,
 					onChange: (t) => {
-						A("lastName", t), u("lastName", t, e);
+						A("lastName", t), d("lastName", t, e);
 					}
 				})]
 			}),
@@ -64,21 +64,21 @@ var E = /* @__PURE__ */ e(a(), 1), D = s(), O = i(({ verificationService: e }) =
 				isErrored: !!a.address1,
 				errorId: a.address1,
 				onChange: (t) => {
-					A("address1", t), u("address1", t, e);
+					A("address1", t), d("address1", t, e);
 				},
 				label: /* @__PURE__ */ (0, D.jsx)(o, {
 					id: "streetAddress",
 					defaultMessage: "Street Address"
 				}),
 				isRequired: !0,
-				disabled: d("address1")?.disabled
+				disabled: f("address1")?.disabled
 			}),
 			/* @__PURE__ */ (0, D.jsx)(x, {
 				value: i.postalCode,
 				isErrored: !!a.postalCode,
-				disabled: d("postalCode")?.disabled,
+				disabled: f("postalCode")?.disabled,
 				onChange: (t) => {
-					A("postalCode", t), u("postalCode", t, e);
+					A("postalCode", t), d("postalCode", t, e);
 				}
 			}),
 			/* @__PURE__ */ (0, D.jsx)(y, {
@@ -89,20 +89,20 @@ var E = /* @__PURE__ */ e(a(), 1), D = s(), O = i(({ verificationService: e }) =
 					defaultMessage: "Needed to send you your unique code"
 				}),
 				onChange: (t) => {
-					A("email", t), u("email", t, e);
+					A("email", t), d("email", t, e);
 				},
-				onKeyDown: (e) => f(e),
-				disabled: d("email")?.disabled
+				onKeyDown: (e) => u(e),
+				disabled: f("email")?.disabled
 			}),
 			e.programTheme.isSmsNotifierConfigured || e.programTheme.smsLoopEnabled ? /* @__PURE__ */ (0, D.jsx)(g, {
 				isRequired: !!e.programTheme.smsLoopEnabled,
 				value: i.phoneNumber,
 				isErrored: !!a.phoneNumber,
 				onChange: (t) => {
-					A("phoneNumber", t), u("phoneNumber", t, e);
+					A("phoneNumber", t), d("phoneNumber", t, e);
 				},
 				selectedCountryCode: i.countryChoice && i.countryChoice.value,
-				disabled: d("phoneNumber")?.disabled
+				disabled: f("phoneNumber")?.disabled
 			}) : null,
 			k.customFormFields.map((t) => /* @__PURE__ */ (0, D.jsx)(h, {
 				config: t,
@@ -115,10 +115,10 @@ var E = /* @__PURE__ */ e(a(), 1), D = s(), O = i(({ verificationService: e }) =
 					A("metadata", {
 						...e.viewModel.metadata,
 						marketConsentValue: t
-					}), u("marketConsentValue", t, e);
+					}), d("marketConsentValue", t, e);
 				},
 				viewModel: i,
-				disabled: d("marketConsentValue")?.disabled
+				disabled: f("marketConsentValue")?.disabled
 			}),
 			/* @__PURE__ */ (0, D.jsx)(C, {
 				verificationService: e,

package/chunk/{StepMoverPersonalInfo-CBaYoFQM.js.map → StepMoverPersonalInfo-Bn4baYdo.js.map}

@@ -1 +1 @@
-{"version":3,"file":"StepMoverPersonalInfo-CBaYoFQM.js","names":[],"sources":["../../src/components/StepMoverPersonalInfo/StepMoverPersonalInfoComponent.tsx"],"sourcesContent":["import { useEffect } from \"react\";\nimport { FormattedHTMLMessage, injectIntl } from \"react-intl\";\nimport { produce } from \"immer\";\n\nimport {\n  type VerificationService,\n  type MoverPersonalInfoViewModel,\n  type MoverPersonalInfoResponse,\n  type CustomFormFieldConfig,\n} from \"../../lib/types/types\";\nimport { VerificationStepsEnum } from \"../../lib/types/runtimeTypes\";\nimport { hasFailedInstantMatch } from \"../../lib/VerificationService/VerificationServiceHelpers\";\nimport {\n  getFieldConfigByFieldId,\n  handleEmailOnKeyDown,\n  updateFieldValidationErrorsByFieldId,\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 { AddressComponent as Address } from \"../FormFields/Address/AddressComponent\";\nimport { PostalCodeComponent as PostalCode } from \"../FormFields/PostalCode/PostalCodeComponent\";\nimport { EmailComponent as Email } from \"../FormFields/Email/EmailComponent\";\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 StepMoverPersonalInfoComponentProps {\n  verificationService: VerificationService;\n}\n\nconst StepMoverPersonalInfo = ({ verificationService }: StepMoverPersonalInfoComponentProps) => {\n  const viewModel = verificationService.viewModel as MoverPersonalInfoViewModel;\n  const { fieldValidationErrors } = verificationService;\n  const verificationResponse =\n    verificationService.verificationResponse as MoverPersonalInfoResponse;\n  const failedInstantMatch = hasFailedInstantMatch(verificationResponse);\n  const options = getOptions();\n\n  const updateMoverViewModel = (key: keyof MoverPersonalInfoViewModel, value: any) => {\n    const nextState: MoverPersonalInfoViewModel = produce(\n      viewModel,\n      (draft: MoverPersonalInfoViewModel) => {\n        (draft[key] as any) = value;\n      },\n    );\n    verificationService.updateViewModel(nextState);\n  };\n\n  // We do not want a drop down list, just apply available statuses to the viewModel\n  useEffect(() => {\n    updateMoverViewModel(\"statuses\", verificationResponse.availableStatuses);\n  }, []);\n\n  return (\n    <PersonalInfoWrapper\n      verificationService={verificationService}\n      step={verificationResponse.currentStep}\n    >\n      <PersonalInfoHeader\n        verificationService={verificationService}\n        classNameIdentifier=\"mover-personal-info\"\n      />\n\n      <ChangeLocaleV2Component verificationService={verificationService} />\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            updateMoverViewModel(\"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            updateMoverViewModel(\"lastName\", newValue);\n            updateFieldValidationErrorsByFieldId(\"lastName\", newValue, verificationService);\n          }}\n        />\n      </div>\n\n      <Address\n        value={viewModel.address1}\n        isErrored={!!fieldValidationErrors.address1}\n        errorId={fieldValidationErrors.address1}\n        onChange={(newValue) => {\n          updateMoverViewModel(\"address1\", newValue);\n          updateFieldValidationErrorsByFieldId(\"address1\", newValue, verificationService);\n        }}\n        label={<FormattedHTMLMessage id=\"streetAddress\" defaultMessage=\"Street Address\" />}\n        isRequired\n        disabled={getFieldConfigByFieldId(\"address1\")?.disabled}\n      />\n\n      <PostalCode\n        value={viewModel.postalCode}\n        isErrored={!!fieldValidationErrors.postalCode}\n        disabled={getFieldConfigByFieldId(\"postalCode\")?.disabled}\n        onChange={(newValue) => {\n          updateMoverViewModel(\"postalCode\", newValue);\n          updateFieldValidationErrorsByFieldId(\"postalCode\", newValue, verificationService);\n        }}\n      />\n\n      <Email\n        value={viewModel.email}\n        isErrored={!!fieldValidationErrors.email}\n        explanation={\n          <FormattedHTMLMessage\n            id=\"emailExplanation\"\n            defaultMessage=\"Needed to send you your unique code\"\n          />\n        }\n        onChange={(newValue) => {\n          updateMoverViewModel(\"email\", newValue);\n          updateFieldValidationErrorsByFieldId(\"email\", newValue, verificationService);\n        }}\n        onKeyDown={(event) => handleEmailOnKeyDown(event)}\n        disabled={getFieldConfigByFieldId(\"email\")?.disabled}\n      />\n\n      {verificationService.programTheme.isSmsNotifierConfigured ||\n      verificationService.programTheme.smsLoopEnabled ? (\n        <PhoneNumber\n          isRequired={!!verificationService.programTheme.smsLoopEnabled}\n          value={viewModel.phoneNumber}\n          isErrored={!!fieldValidationErrors.phoneNumber}\n          onChange={(newValue) => {\n            updateMoverViewModel(\"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          updateMoverViewModel(\"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\n      <PersonalInfoStepSubmitButton\n        step={VerificationStepsEnum.collectMoverPersonalInfo}\n        verificationService={verificationService}\n        viewModel={viewModel}\n        failedInstantMatch={failedInstantMatch}\n        buttonText={\n          <FormattedHTMLMessage\n            id=\"step.personalInfo.submitButtonText\"\n            defaultMessage=\"Verify My Recent Mover Status\"\n          />\n        }\n      />\n    </PersonalInfoWrapper>\n  );\n};\n\nexport const StepMoverPersonalInfoComponent = injectIntl(StepMoverPersonalInfo);\n"],"mappings":"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"}
+{"version":3,"file":"StepMoverPersonalInfo-Bn4baYdo.js","names":[],"sources":["../../src/components/StepMoverPersonalInfo/StepMoverPersonalInfoComponent.tsx"],"sourcesContent":["import { useEffect } from \"react\";\nimport { FormattedHTMLMessage, injectIntl } from \"react-intl\";\nimport { produce } from \"immer\";\n\nimport {\n  type VerificationService,\n  type MoverPersonalInfoViewModel,\n  type MoverPersonalInfoResponse,\n  type CustomFormFieldConfig,\n} from \"../../lib/types/types\";\nimport { VerificationStepsEnum } from \"../../lib/types/runtimeTypes\";\nimport { hasFailedInstantMatch } from \"../../lib/VerificationService/VerificationServiceHelpers\";\nimport {\n  getFieldConfigByFieldId,\n  handleEmailOnKeyDown,\n  updateFieldValidationErrorsByFieldId,\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 { AddressComponent as Address } from \"../FormFields/Address/AddressComponent\";\nimport { PostalCodeComponent as PostalCode } from \"../FormFields/PostalCode/PostalCodeComponent\";\nimport { EmailComponent as Email } from \"../FormFields/Email/EmailComponent\";\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 StepMoverPersonalInfoComponentProps {\n  verificationService: VerificationService;\n}\n\nconst StepMoverPersonalInfo = ({ verificationService }: StepMoverPersonalInfoComponentProps) => {\n  const viewModel = verificationService.viewModel as MoverPersonalInfoViewModel;\n  const { fieldValidationErrors } = verificationService;\n  const verificationResponse =\n    verificationService.verificationResponse as MoverPersonalInfoResponse;\n  const failedInstantMatch = hasFailedInstantMatch(verificationResponse);\n  const options = getOptions();\n\n  const updateMoverViewModel = (key: keyof MoverPersonalInfoViewModel, value: any) => {\n    const nextState: MoverPersonalInfoViewModel = produce(\n      viewModel,\n      (draft: MoverPersonalInfoViewModel) => {\n        (draft[key] as any) = value;\n      },\n    );\n    verificationService.updateViewModel(nextState);\n  };\n\n  // We do not want a drop down list, just apply available statuses to the viewModel\n  useEffect(() => {\n    updateMoverViewModel(\"statuses\", verificationResponse.availableStatuses);\n  }, []);\n\n  return (\n    <PersonalInfoWrapper\n      verificationService={verificationService}\n      step={verificationResponse.currentStep}\n    >\n      <PersonalInfoHeader\n        verificationService={verificationService}\n        classNameIdentifier=\"mover-personal-info\"\n      />\n\n      <ChangeLocaleV2Component verificationService={verificationService} />\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            updateMoverViewModel(\"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            updateMoverViewModel(\"lastName\", newValue);\n            updateFieldValidationErrorsByFieldId(\"lastName\", newValue, verificationService);\n          }}\n        />\n      </div>\n\n      <Address\n        value={viewModel.address1}\n        isErrored={!!fieldValidationErrors.address1}\n        errorId={fieldValidationErrors.address1}\n        onChange={(newValue) => {\n          updateMoverViewModel(\"address1\", newValue);\n          updateFieldValidationErrorsByFieldId(\"address1\", newValue, verificationService);\n        }}\n        label={<FormattedHTMLMessage id=\"streetAddress\" defaultMessage=\"Street Address\" />}\n        isRequired\n        disabled={getFieldConfigByFieldId(\"address1\")?.disabled}\n      />\n\n      <PostalCode\n        value={viewModel.postalCode}\n        isErrored={!!fieldValidationErrors.postalCode}\n        disabled={getFieldConfigByFieldId(\"postalCode\")?.disabled}\n        onChange={(newValue) => {\n          updateMoverViewModel(\"postalCode\", newValue);\n          updateFieldValidationErrorsByFieldId(\"postalCode\", newValue, verificationService);\n        }}\n      />\n\n      <Email\n        value={viewModel.email}\n        isErrored={!!fieldValidationErrors.email}\n        explanation={\n          <FormattedHTMLMessage\n            id=\"emailExplanation\"\n            defaultMessage=\"Needed to send you your unique code\"\n          />\n        }\n        onChange={(newValue) => {\n          updateMoverViewModel(\"email\", newValue);\n          updateFieldValidationErrorsByFieldId(\"email\", newValue, verificationService);\n        }}\n        onKeyDown={(event) => handleEmailOnKeyDown(event)}\n        disabled={getFieldConfigByFieldId(\"email\")?.disabled}\n      />\n\n      {verificationService.programTheme.isSmsNotifierConfigured ||\n      verificationService.programTheme.smsLoopEnabled ? (\n        <PhoneNumber\n          isRequired={!!verificationService.programTheme.smsLoopEnabled}\n          value={viewModel.phoneNumber}\n          isErrored={!!fieldValidationErrors.phoneNumber}\n          onChange={(newValue) => {\n            updateMoverViewModel(\"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          updateMoverViewModel(\"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\n      <PersonalInfoStepSubmitButton\n        step={VerificationStepsEnum.collectMoverPersonalInfo}\n        verificationService={verificationService}\n        viewModel={viewModel}\n        failedInstantMatch={failedInstantMatch}\n        buttonText={\n          <FormattedHTMLMessage\n            id=\"step.personalInfo.submitButtonText\"\n            defaultMessage=\"Verify My Recent Mover Status\"\n          />\n        }\n      />\n    </PersonalInfoWrapper>\n  );\n};\n\nexport const StepMoverPersonalInfoComponent = injectIntl(StepMoverPersonalInfo);\n"],"mappings":";;;;;;;;;;;;;;4CA8La,IAAiC,GAzJf,EAAE,6BAA+D;CAC9F,IAAM,IAAY,EAAoB,WAChC,EAAE,6BAA0B,GAC5B,IACJ,EAAoB,sBAChB,IAAqB,EAAsB,CAAoB,GAC/D,IAAU,EAAW,GAErB,KAAwB,GAAuC,MAAe;EAClF,IAAM,IAAwC,EAC5C,IACC,MAAsC;GACrC,EAAO,KAAe;EACxB,CACF;EACA,EAAoB,gBAAgB,CAAS;CAC/C;CAOA,QAJA,GAAA,EAAA,iBAAgB;EACd,EAAqB,YAAY,EAAqB,iBAAiB;CACzE,GAAG,CAAC,CAAC,GAGH,iBAAA,GAAA,EAAA,MAAC,GAAD;EACuB;EACrB,MAAM,EAAqB;YAF7B;GAIE,iBAAA,GAAA,EAAA,KAAC,GAAD;IACuB;IACrB,qBAAoB;GACrB,CAAA;GAED,iBAAA,GAAA,EAAA,KAAC,GAAD,EAA8C,uBAAsB,CAAA;GAEpE,iBAAA,GAAA,EAAA,MAAC,OAAD;IAAK,WAAU;cAAf,CACE,iBAAA,GAAA,EAAA,KAAC,GAAD;KACE,OAAO,EAAU;KACjB,WAAW,CAAC,CAAC,EAAsB;KACnC,UAAU,EAAwB,WAAW,GAAG;KAChD,WAAW,MAAa;MAEtB,AADA,EAAqB,aAAa,CAAQ,GAC1C,EAAqC,aAAa,GAAU,CAAmB;KACjF;IACD,CAAA,GAED,iBAAA,GAAA,EAAA,KAAC,GAAD;KACE,OAAO,EAAU;KACjB,WAAW,CAAC,CAAC,EAAsB;KACnC,UAAU,EAAwB,UAAU,GAAG;KAC/C,WAAW,MAAa;MAEtB,AADA,EAAqB,YAAY,CAAQ,GACzC,EAAqC,YAAY,GAAU,CAAmB;KAChF;IACD,CAAA,CACE;;GAEL,iBAAA,GAAA,EAAA,KAAC,GAAD;IACE,OAAO,EAAU;IACjB,WAAW,CAAC,CAAC,EAAsB;IACnC,SAAS,EAAsB;IAC/B,WAAW,MAAa;KAEtB,AADA,EAAqB,YAAY,CAAQ,GACzC,EAAqC,YAAY,GAAU,CAAmB;IAChF;IACA,OAAO,iBAAA,GAAA,EAAA,KAAC,GAAD;KAAsB,IAAG;KAAgB,gBAAe;IAAkB,CAAA;IACjF,YAAA;IACA,UAAU,EAAwB,UAAU,GAAG;GAChD,CAAA;GAED,iBAAA,GAAA,EAAA,KAAC,GAAD;IACE,OAAO,EAAU;IACjB,WAAW,CAAC,CAAC,EAAsB;IACnC,UAAU,EAAwB,YAAY,GAAG;IACjD,WAAW,MAAa;KAEtB,AADA,EAAqB,cAAc,CAAQ,GAC3C,EAAqC,cAAc,GAAU,CAAmB;IAClF;GACD,CAAA;GAED,iBAAA,GAAA,EAAA,KAAC,GAAD;IACE,OAAO,EAAU;IACjB,WAAW,CAAC,CAAC,EAAsB;IACnC,aACE,iBAAA,GAAA,EAAA,KAAC,GAAD;KACE,IAAG;KACH,gBAAe;IAChB,CAAA;IAEH,WAAW,MAAa;KAEtB,AADA,EAAqB,SAAS,CAAQ,GACtC,EAAqC,SAAS,GAAU,CAAmB;IAC7E;IACA,YAAY,MAAU,EAAqB,CAAK;IAChD,UAAU,EAAwB,OAAO,GAAG;GAC7C,CAAA;GAEA,EAAoB,aAAa,2BAClC,EAAoB,aAAa,iBAC/B,iBAAA,GAAA,EAAA,KAAC,GAAD;IACE,YAAY,CAAC,CAAC,EAAoB,aAAa;IAC/C,OAAO,EAAU;IACjB,WAAW,CAAC,CAAC,EAAsB;IACnC,WAAW,MAAa;KAEtB,AADA,EAAqB,eAAe,CAAQ,GAC5C,EAAqC,eAAe,GAAU,CAAmB;IACnF;IACA,qBAAqB,EAAU,iBAAiB,EAAU,cAAc;IACxE,UAAU,EAAwB,aAAa,GAAG;GACnD,CAAA,IACC;GAEH,EAAQ,iBAAiB,KAAK,MAC7B,iBAAA,GAAA,EAAA,KAAC,GAAD;IAAyB;IAA6B;GAAsB,CAAA,CAC7E;GAED,iBAAA,GAAA,EAAA,KAAC,GAAD;IACuB;IACrB,WAAW,CAAC,CAAC,EAAsB;IACnC,WAAW,MAAa;KAKtB,AAJA,EAAqB,YAAY;MAC/B,GAAG,EAAoB,UAAU;MACjC,oBAAoB;KACtB,CAAC,GACD,EAAqC,sBAAsB,GAAU,CAAmB;IAC1F;IACW;IACX,UAAU,EAAwB,oBAAoB,GAAG;GAC1D,CAAA;GAED,iBAAA,GAAA,EAAA,KAAC,GAAD;IAAmC;IAAqB,QAAO;GAAsB,CAAA;GAErF,iBAAA,GAAA,EAAA,KAAC,GAAD;IACuB;IACrB,WAAW,CAAC,CAAC,EAAsB;GACpC,CAAA;GAED,iBAAA,GAAA,EAAA,KAAC,GAAD;IACE,MAAM,EAAsB;IACP;IACV;IACS;IACpB,YACE,iBAAA,GAAA,EAAA,KAAC,GAAD;KACE,IAAG;KACH,gBAAe;IAChB,CAAA;GAEJ,CAAA;EACkB;;AAEzB,CAE8E"}

package/chunk/{StepOverrideComponent-BU8tncVB.js → StepOverrideComponent-D1Yt52PA.js}

@@ -4,22 +4,22 @@
  *   This file is not intended for use in other contexts and there are no guarantees about its behavior outside of MySheerID.
  */ 
 /**
- *   VERSION: 2.289.0
- *   BUILD_TIMESTAMP: 1789773579865
- *   BUILD_DATE: Fri Sep 18 2026 23:19:39 GMT+0000 (Coordinated Universal Time)
- *   BUILD_COMMIT: 97371345cabb92f713fd30bd7baf2bb5e4a9f973
+ *   VERSION: 2.291.0
+ *   BUILD_TIMESTAMP: 1790031324838
+ *   BUILD_DATE: Mon Sep 21 2026 22:55:24 GMT+0000 (Coordinated Universal Time)
+ *   BUILD_COMMIT: be7cd0d3fb5ee01f15a63a6669da3dfe86723b27
  */
-import { Ot as e, wt as t } from "./intl-CvSmE54g.js";
+import { Tt as e, kt as t } from "./intl-8IwAIXoJ.js";
 import { S as n, b as r } from "./runtimeTypes-B2AGNJMT.js";
-import { c as i, n as a, t as o } from "./jsx-runtime-JSlXFmKD.js";
-import { n as s } from "./Message-C5LUKoZw.js";
-import { n as c, t as l } from "./FormFooterComponent-BrOM_pQ9.js";
-import { l as u, t as d } from "./hooks-BlwolTIT.js";
-import { t as f } from "./LogoComponent-BDhMcJvy.js";
-import { t as p } from "./AnnouncingHeader-B0Ku-xl_.js";
-import { t as m } from "./FormFieldText-Py7x4EZ6.js";
+import { c as i, n as a, t as o } from "./jsx-runtime-DOcXt_NQ.js";
+import { n as s } from "./Message-Dh1_V9dt.js";
+import { n as c, t as l } from "./FormFooterComponent-UodGb8EG.js";
+import { l as u, t as d } from "./hooks-BqfaxVbh.js";
+import { t as f } from "./LogoComponent-WMEJyDHA.js";
+import { t as p } from "./AnnouncingHeader-DtYf-VWN.js";
+import { t as m } from "./FormFieldText-g6knOdgq.js";
 //#region src/components/FormFields/OverrideCode/OverrideCodeComponent.tsx
-var h = /* @__PURE__ */ e(i(), 1), g = o(), _ = ({ value: e, isErrored: t, onChange: n, placeholder: r = "" }) => /* @__PURE__ */ (0, g.jsx)(m, {
+var h = /* @__PURE__ */ t(i(), 1), g = o(), _ = ({ value: e, isErrored: t, onChange: n, placeholder: r = "" }) => /* @__PURE__ */ (0, g.jsx)(m, {
 	fieldId: "overrideCode",
 	value: e,
 	onChange: n,
@@ -34,12 +34,12 @@ var h = /* @__PURE__ */ e(i(), 1), g = o(), _ = ({ value: e, isErrored: t, onCha
 		defaultMessage: "Invalid Override Code"
 	}),
 	showPlaceholderAndHideLabel: !!r
-}), v = ({ verificationService: e }) => {
-	let { msg: i } = s(), o = e.viewModel, m = e.verificationResponse, { fieldValidationErrors: v } = e, [y, b] = h.useState(""), x = d("hc-my-sheer-id-theme-builder"), S = m.errorIds && m.errorIds.includes("incorrectVerificationOverrideCodeAttemptLimitExceeded"), C = i({ id: "step.override.errors.codeOverrideLimit" });
+}), v = ({ verificationService: t }) => {
+	let { msg: i } = s(), o = t.viewModel, m = t.verificationResponse, { fieldValidationErrors: v } = t, [y, b] = h.useState(""), x = d("hc-my-sheer-id-theme-builder"), S = m.errorIds && m.errorIds.includes("incorrectVerificationOverrideCodeAttemptLimitExceeded"), C = i({ id: "step.override.errors.codeOverrideLimit" });
 	return h.useEffect(() => {
 		S && b(C);
-	}, []), t(() => m.errorIds.length) && !e.fieldValidationErrors.overrideCode && e.updateFieldValidationErrors({
-		...e.fieldValidationErrors,
+	}, []), e(() => m.errorIds.length) && !t.fieldValidationErrors.overrideCode && t.updateFieldValidationErrors({
+		...t.fieldValidationErrors,
 		overrideCode: m.errorIds[0]
 	}), /* @__PURE__ */ (0, g.jsxs)("div", {
 		id: "sid-step-overrice-code",
@@ -50,7 +50,7 @@ var h = /* @__PURE__ */ e(i(), 1), g = o(), _ = ({ value: e, isErrored: t, onCha
 				/* @__PURE__ */ (0, g.jsx)("div", {
 					className: "sid-override-personal-info-logo-container sid-l-horz-center",
 					children: /* @__PURE__ */ (0, g.jsx)(f, {
-						verificationService: e,
+						verificationService: t,
 						fallbackLogo: !x && /* @__PURE__ */ (0, g.jsx)("img", {
 							className: "sid-override-personal-info-logo-default sid-l-lead-image",
 							alt: "",
@@ -98,10 +98,10 @@ var h = /* @__PURE__ */ e(i(), 1), g = o(), _ = ({ value: e, isErrored: t, onCha
 						children: /* @__PURE__ */ (0, g.jsx)("button", {
 							id: "sid-submit-btn-collect-info",
 							onClick: () => {
-								n.info("StepOverrideCode submitting form"), e.submitStep(r.override, o, e.verificationResponse);
+								n.info("StepOverrideCode submitting form"), t.submitStep(r.override, o, t.verificationResponse);
 							},
 							type: "button",
-							className: `sid-btn sid-override-submit-btn sid-btn--dark sid-l-full-width ${u(o, e.formValidationOptions) ? "" : "sid-btn--disabled-like"}`,
+							className: `sid-btn sid-override-submit-btn sid-btn--dark sid-l-full-width ${u(o, t.formValidationOptions) ? "" : "sid-btn--disabled-like"}`,
 							disabled: !!(!o.overrideCode || o.overrideCode.length <= 0 || S),
 							children: /* @__PURE__ */ (0, g.jsx)("span", {
 								id: "verify-status-text",
@@ -114,7 +114,7 @@ var h = /* @__PURE__ */ e(i(), 1), g = o(), _ = ({ value: e, isErrored: t, onCha
 					})
 				})
 			]
-		}), /* @__PURE__ */ (0, g.jsx)(l, { verificationService: e })]
+		}), /* @__PURE__ */ (0, g.jsx)(l, { verificationService: t })]
 	});
 };
 //#endregion

package/chunk/{StepOverrideComponent-BU8tncVB.js.map → StepOverrideComponent-D1Yt52PA.js.map}

@@ -1 +1 @@
-{"version":3,"file":"StepOverrideComponent-BU8tncVB.js","names":[],"sources":["../../src/components/FormFields/OverrideCode/OverrideCodeComponent.tsx","../../src/components/StepOverrideComponent/StepOverrideComponent.tsx"],"sourcesContent":["import { FormattedHTMLMessage } from \"react-intl\";\n\nimport { type FormFieldComponentProps } from \"../../../lib/types/types\";\nimport { FormFieldText } from \"../FormFieldText/FormFieldText\";\n\nexport const OverrideCodeComponent = ({\n  value,\n  isErrored,\n  onChange,\n  placeholder = \"\",\n}: FormFieldComponentProps) => (\n  <FormFieldText\n    fieldId=\"overrideCode\"\n    value={value}\n    onChange={onChange}\n    placeholder=\"\"\n    type=\"password\"\n    label={\n      <FormattedHTMLMessage\n        id=\"step.override.verificationOverrideCodeLabel\"\n        defaultMessage=\"Verification Override Code\"\n      />\n    }\n    errorMessage={\n      isErrored && (\n        <FormattedHTMLMessage\n          id=\"errorId.invalidOverrideCode\"\n          defaultMessage=\"Invalid Override Code\"\n        />\n      )\n    }\n    showPlaceholderAndHideLabel={!!placeholder}\n  />\n);\n","import React from \"react\";\nimport { FormattedHTMLMessage } from \"react-intl\";\n\nimport { logger } from \"@jslib/shared/utils/logger\";\nimport { getSafe } from \"@jslib/shared/utils/getSafe\";\n\nimport { useMessage } from \"@/components/Message\";\n\nimport {\n  type VerificationService,\n  type OverrideViewModel,\n  type OverrideResponse,\n} from \"../../lib/types/types\";\nimport { LogoComponent } from \"../LogoComponent/LogoComponent\";\nimport { FormFooterComponent as FormFooter } from \"../FormFooter/FormFooterComponent\";\nimport { OverrideCodeComponent } from \"../FormFields/OverrideCode/OverrideCodeComponent\";\nimport { setViewModel } from \"../../lib/VerificationService/ViewModel\";\nimport { VerificationStepsEnum } from \"../../lib/types/runtimeTypes\";\nimport { isFormFilled } from \"../../lib/validators/validators\";\nimport { AnnouncingHeader } from \"../AnnouncingHeader/AnnouncingHeader\";\nimport { useFlag } from \"../FeatureFlags/hooks\";\n\ninterface StepOverrideProps {\n  verificationService: VerificationService;\n}\n\nexport const StepOverrideComponent = ({ verificationService }: StepOverrideProps) => {\n  const { msg } = useMessage();\n  const viewModel = verificationService.viewModel as OverrideViewModel;\n  const verificationResponse = verificationService.verificationResponse as OverrideResponse;\n  const { fieldValidationErrors } = verificationService;\n  const [stepResultMessage, setStepResultMessage] = React.useState(\"\");\n  const shouldHideIcon = useFlag(\"hc-my-sheer-id-theme-builder\");\n\n  const isAttemptLimitExceeded =\n    verificationResponse.errorIds &&\n    verificationResponse.errorIds.includes(\"incorrectVerificationOverrideCodeAttemptLimitExceeded\");\n  const maxRetriesPerOverrideCodeMessage = msg({ id: \"step.override.errors.codeOverrideLimit\" });\n\n  React.useEffect(() => {\n    if (isAttemptLimitExceeded) {\n      setStepResultMessage(maxRetriesPerOverrideCodeMessage);\n    }\n  }, []);\n\n  if (\n    getSafe(() => verificationResponse.errorIds.length) &&\n    !verificationService.fieldValidationErrors.overrideCode\n  ) {\n    verificationService.updateFieldValidationErrors({\n      ...verificationService.fieldValidationErrors,\n      overrideCode: verificationResponse.errorIds[0],\n    });\n  }\n\n  const submitForm = () => {\n    logger.info(\"StepOverrideCode submitting form\");\n    verificationService.submitStep(\n      VerificationStepsEnum.override,\n      viewModel,\n      verificationService.verificationResponse,\n    );\n  };\n\n  return (\n    <div\n      id=\"sid-step-overrice-code\"\n      className=\"sid-override-personal-info-container sid-l-container\"\n    >\n      <div role=\"main\">\n        <div className=\"sid-override-personal-info-logo-container sid-l-horz-center\">\n          <LogoComponent\n            verificationService={verificationService}\n            fallbackLogo={\n              !shouldHideIcon && (\n                <img\n                  className=\"sid-override-personal-info-logo-default sid-l-lead-image\"\n                  alt=\"\"\n                  src=\"https://assets-resources.sheerid.com/common/images/2018/icons/sso-step.svg\"\n                />\n              )\n            }\n          />\n        </div>\n        <AnnouncingHeader align=\"center\">\n          <FormattedHTMLMessage\n            id=\"step.override.title\"\n            defaultMessage=\"Unable to Verify Status\"\n            tagName=\"h1\"\n          />\n        </AnnouncingHeader>\n        <div className=\"sid-header__subtitle-one sid-l-horz-center\">\n          <FormattedHTMLMessage\n            id=\"step.override.subtitle\"\n            defaultMessage=\"Please sign in to your school's web portal. It will open in a new tab.\"\n          />\n        </div>\n        <div className=\"sid-header__subtitle-one sid-l-horz-center\">\n          <FormattedHTMLMessage\n            id=\"step.override.subtitle2\"\n            defaultMessage=\"This will enable the customer to redeem the offer\"\n          />\n        </div>\n        <OverrideCodeComponent\n          value={viewModel.overrideCode}\n          isErrored={!!fieldValidationErrors.overrideCode}\n          onChange={(newValue) => {\n            setViewModel({ ...viewModel, overrideCode: newValue });\n          }}\n        />\n        {stepResultMessage && (\n          <div>\n            <p>{stepResultMessage}</p>\n          </div>\n        )}\n\n        <div className=\"sid-form-region sid-submit-wrapper sid-l-space-top-md\">\n          <div className=\"sid-override-submit sid-submit\">\n            <button\n              id=\"sid-submit-btn-collect-info\"\n              onClick={submitForm}\n              type=\"button\"\n              className={`sid-btn sid-override-submit-btn sid-btn--dark sid-l-full-width ${\n                !isFormFilled(viewModel, verificationService.formValidationOptions)\n                  ? \"sid-btn--disabled-like\"\n                  : \"\"\n              }`}\n              disabled={\n                !!(\n                  !viewModel.overrideCode ||\n                  viewModel.overrideCode.length <= 0 ||\n                  isAttemptLimitExceeded\n                )\n              }\n            >\n              <span id=\"verify-status-text\">\n                <FormattedHTMLMessage\n                  id=\"step.override.submitOverrideCodeButtonLabel\"\n                  defaultMessage=\"Submit Override Codes\"\n                />\n              </span>\n            </button>\n          </div>\n        </div>\n      </div>\n      <FormFooter verificationService={verificationService} />\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;;;4CAKA,KAAA,EAAA,UAAA,cAAA,aAAA,iBAAA,SAAA,iBAAA,GAAA,EAAA,KAAA,GAAA;;;;;;;;;;;;;;;AA2BG,CAAA,GCNU,KAAyB,EAAE,6BAA6C;CACnF,IAAM,EAAE,WAAQ,EAAW,GACrB,IAAY,EAAoB,WAChC,IAAuB,EAAoB,sBAC3C,EAAE,6BAA0B,GAC5B,CAAC,GAAmB,KAAA,EAA8B,SAAS,EAAE,GAC7D,IAAiB,EAAQ,8BAA8B,GAEvD,IACJ,EAAqB,YACrB,EAAqB,SAAS,SAAS,uDAAuD,GAC1F,IAAmC,EAAI,EAAE,IAAI,yCAAyC,CAAC;CA2B7F,OAzBA,EAAM,gBAAgB;EACpB,AAAI,KACF,EAAqB,CAAgC;CAEzD,GAAG,CAAC,CAAC,GAGH,QAAc,EAAqB,SAAS,MAAM,KAClD,CAAC,EAAoB,sBAAsB,gBAE3C,EAAoB,4BAA4B;EAC9C,GAAG,EAAoB;EACvB,cAAc,EAAqB,SAAS;CAC9C,CAAC,GAaD,iBAAA,GAAA,EAAA,MAAC,OAAD;EACE,IAAG;EACH,WAAU;YAFZ,CAIE,iBAAA,GAAA,EAAA,MAAC,OAAD;GAAK,MAAK;aAAV;IACE,iBAAA,GAAA,EAAA,KAAC,OAAD;KAAK,WAAU;eACb,iBAAA,GAAA,EAAA,KAAC,GAAD;MACuB;MACrB,cACE,CAAC,KACC,iBAAA,GAAA,EAAA,KAAC,OAAD;OACE,WAAU;OACV,KAAI;OACJ,KAAI;MACL,CAAA;KAGN,CAAA;IACE,CAAA;IACL,iBAAA,GAAA,EAAA,KAAC,GAAD;KAAkB,OAAM;eACtB,iBAAA,GAAA,EAAA,KAAC,GAAD;MACE,IAAG;MACH,gBAAe;MACf,SAAQ;KACT,CAAA;IACe,CAAA;IAClB,iBAAA,GAAA,EAAA,KAAC,OAAD;KAAK,WAAU;eACb,iBAAA,GAAA,EAAA,KAAC,GAAD;MACE,IAAG;MACH,gBAAe;KAChB,CAAA;IACE,CAAA;IACL,iBAAA,GAAA,EAAA,KAAC,OAAD;KAAK,WAAU;eACb,iBAAA,GAAA,EAAA,KAAC,GAAD;MACE,IAAG;MACH,gBAAe;KAChB,CAAA;IACE,CAAA;IACL,iBAAA,GAAA,EAAA,KAAC,GAAD;KACE,OAAO,EAAU;KACjB,WAAW,CAAC,CAAC,EAAsB;KACnC,WAAW,MAAa;MACtB,EAAa;OAAE,GAAG;OAAW,cAAc;MAAS,CAAC;KACvD;IACD,CAAA;IACA,KACC,iBAAA,GAAA,EAAA,KAAC,OAAD,EAAA,UACE,iBAAA,GAAA,EAAA,KAAC,KAAD,EAAA,UAAI,EAAqB,CAAA,EACtB,CAAA;IAGP,iBAAA,GAAA,EAAA,KAAC,OAAD;KAAK,WAAU;eACb,iBAAA,GAAA,EAAA,KAAC,OAAD;MAAK,WAAU;gBACb,iBAAA,GAAA,EAAA,KAAC,UAAD;OACE,IAAG;OACH,eAjEa;QAEvB,AADA,EAAO,KAAK,kCAAkC,GAC9C,EAAoB,WAClB,EAAsB,UACtB,GACA,EAAoB,oBACtB;OACF;OA2DY,MAAK;OACL,WAAW,kEACR,EAAa,GAAW,EAAoB,qBAAqB,IAE9D,KADA;OAGN,UACE,CAAC,EACC,CAAC,EAAU,gBACX,EAAU,aAAa,UAAU,KACjC;iBAIJ,iBAAA,GAAA,EAAA,KAAC,QAAD;QAAM,IAAG;kBACP,iBAAA,GAAA,EAAA,KAAC,GAAD;SACE,IAAG;SACH,gBAAe;QAChB,CAAA;OACG,CAAA;MACA,CAAA;KACL,CAAA;IACF,CAAA;GACF;MACL,iBAAA,GAAA,EAAA,KAAC,GAAD,EAAiC,uBAAsB,CAAA,CACpD;;AAET"}
+{"version":3,"file":"StepOverrideComponent-D1Yt52PA.js","names":[],"sources":["../../src/components/FormFields/OverrideCode/OverrideCodeComponent.tsx","../../src/components/StepOverrideComponent/StepOverrideComponent.tsx"],"sourcesContent":["import { FormattedHTMLMessage } from \"react-intl\";\n\nimport { type FormFieldComponentProps } from \"../../../lib/types/types\";\nimport { FormFieldText } from \"../FormFieldText/FormFieldText\";\n\nexport const OverrideCodeComponent = ({\n  value,\n  isErrored,\n  onChange,\n  placeholder = \"\",\n}: FormFieldComponentProps) => (\n  <FormFieldText\n    fieldId=\"overrideCode\"\n    value={value}\n    onChange={onChange}\n    placeholder=\"\"\n    type=\"password\"\n    label={\n      <FormattedHTMLMessage\n        id=\"step.override.verificationOverrideCodeLabel\"\n        defaultMessage=\"Verification Override Code\"\n      />\n    }\n    errorMessage={\n      isErrored && (\n        <FormattedHTMLMessage\n          id=\"errorId.invalidOverrideCode\"\n          defaultMessage=\"Invalid Override Code\"\n        />\n      )\n    }\n    showPlaceholderAndHideLabel={!!placeholder}\n  />\n);\n","import React from \"react\";\nimport { FormattedHTMLMessage } from \"react-intl\";\n\nimport { logger } from \"@jslib/shared/utils/logger\";\nimport { getSafe } from \"@jslib/shared/utils/getSafe\";\n\nimport { useMessage } from \"@/components/Message\";\n\nimport {\n  type VerificationService,\n  type OverrideViewModel,\n  type OverrideResponse,\n} from \"../../lib/types/types\";\nimport { LogoComponent } from \"../LogoComponent/LogoComponent\";\nimport { FormFooterComponent as FormFooter } from \"../FormFooter/FormFooterComponent\";\nimport { OverrideCodeComponent } from \"../FormFields/OverrideCode/OverrideCodeComponent\";\nimport { setViewModel } from \"../../lib/VerificationService/ViewModel\";\nimport { VerificationStepsEnum } from \"../../lib/types/runtimeTypes\";\nimport { isFormFilled } from \"../../lib/validators/validators\";\nimport { AnnouncingHeader } from \"../AnnouncingHeader/AnnouncingHeader\";\nimport { useFlag } from \"../FeatureFlags/hooks\";\n\ninterface StepOverrideProps {\n  verificationService: VerificationService;\n}\n\nexport const StepOverrideComponent = ({ verificationService }: StepOverrideProps) => {\n  const { msg } = useMessage();\n  const viewModel = verificationService.viewModel as OverrideViewModel;\n  const verificationResponse = verificationService.verificationResponse as OverrideResponse;\n  const { fieldValidationErrors } = verificationService;\n  const [stepResultMessage, setStepResultMessage] = React.useState(\"\");\n  const shouldHideIcon = useFlag(\"hc-my-sheer-id-theme-builder\");\n\n  const isAttemptLimitExceeded =\n    verificationResponse.errorIds &&\n    verificationResponse.errorIds.includes(\"incorrectVerificationOverrideCodeAttemptLimitExceeded\");\n  const maxRetriesPerOverrideCodeMessage = msg({ id: \"step.override.errors.codeOverrideLimit\" });\n\n  React.useEffect(() => {\n    if (isAttemptLimitExceeded) {\n      setStepResultMessage(maxRetriesPerOverrideCodeMessage);\n    }\n  }, []);\n\n  if (\n    getSafe(() => verificationResponse.errorIds.length) &&\n    !verificationService.fieldValidationErrors.overrideCode\n  ) {\n    verificationService.updateFieldValidationErrors({\n      ...verificationService.fieldValidationErrors,\n      overrideCode: verificationResponse.errorIds[0],\n    });\n  }\n\n  const submitForm = () => {\n    logger.info(\"StepOverrideCode submitting form\");\n    verificationService.submitStep(\n      VerificationStepsEnum.override,\n      viewModel,\n      verificationService.verificationResponse,\n    );\n  };\n\n  return (\n    <div\n      id=\"sid-step-overrice-code\"\n      className=\"sid-override-personal-info-container sid-l-container\"\n    >\n      <div role=\"main\">\n        <div className=\"sid-override-personal-info-logo-container sid-l-horz-center\">\n          <LogoComponent\n            verificationService={verificationService}\n            fallbackLogo={\n              !shouldHideIcon && (\n                <img\n                  className=\"sid-override-personal-info-logo-default sid-l-lead-image\"\n                  alt=\"\"\n                  src=\"https://assets-resources.sheerid.com/common/images/2018/icons/sso-step.svg\"\n                />\n              )\n            }\n          />\n        </div>\n        <AnnouncingHeader align=\"center\">\n          <FormattedHTMLMessage\n            id=\"step.override.title\"\n            defaultMessage=\"Unable to Verify Status\"\n            tagName=\"h1\"\n          />\n        </AnnouncingHeader>\n        <div className=\"sid-header__subtitle-one sid-l-horz-center\">\n          <FormattedHTMLMessage\n            id=\"step.override.subtitle\"\n            defaultMessage=\"Please sign in to your school's web portal. It will open in a new tab.\"\n          />\n        </div>\n        <div className=\"sid-header__subtitle-one sid-l-horz-center\">\n          <FormattedHTMLMessage\n            id=\"step.override.subtitle2\"\n            defaultMessage=\"This will enable the customer to redeem the offer\"\n          />\n        </div>\n        <OverrideCodeComponent\n          value={viewModel.overrideCode}\n          isErrored={!!fieldValidationErrors.overrideCode}\n          onChange={(newValue) => {\n            setViewModel({ ...viewModel, overrideCode: newValue });\n          }}\n        />\n        {stepResultMessage && (\n          <div>\n            <p>{stepResultMessage}</p>\n          </div>\n        )}\n\n        <div className=\"sid-form-region sid-submit-wrapper sid-l-space-top-md\">\n          <div className=\"sid-override-submit sid-submit\">\n            <button\n              id=\"sid-submit-btn-collect-info\"\n              onClick={submitForm}\n              type=\"button\"\n              className={`sid-btn sid-override-submit-btn sid-btn--dark sid-l-full-width ${\n                !isFormFilled(viewModel, verificationService.formValidationOptions)\n                  ? \"sid-btn--disabled-like\"\n                  : \"\"\n              }`}\n              disabled={\n                !!(\n                  !viewModel.overrideCode ||\n                  viewModel.overrideCode.length <= 0 ||\n                  isAttemptLimitExceeded\n                )\n              }\n            >\n              <span id=\"verify-status-text\">\n                <FormattedHTMLMessage\n                  id=\"step.override.submitOverrideCodeButtonLabel\"\n                  defaultMessage=\"Submit Override Codes\"\n                />\n              </span>\n            </button>\n          </div>\n        </div>\n      </div>\n      <FormFooter verificationService={verificationService} />\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;;;4CAKA,KAAA,EAAA,UAAA,cAAA,aAAA,iBAAA,SAAA,iBAAA,GAAA,EAAA,KAAA,GAAA;;;;;;;;;;;;;;;AA2BG,CAAA,GCNU,KAAyB,EAAE,6BAA6C;CACnF,IAAM,EAAE,WAAQ,EAAW,GACrB,IAAY,EAAoB,WAChC,IAAuB,EAAoB,sBAC3C,EAAE,6BAA0B,GAC5B,CAAC,GAAmB,KAAA,EAA8B,SAAS,EAAE,GAC7D,IAAiB,EAAQ,8BAA8B,GAEvD,IACJ,EAAqB,YACrB,EAAqB,SAAS,SAAS,uDAAuD,GAC1F,IAAmC,EAAI,EAAE,IAAI,yCAAyC,CAAC;CA2B7F,OAzBA,EAAM,gBAAgB;EACpB,AAAI,KACF,EAAqB,CAAgC;CAEzD,GAAG,CAAC,CAAC,GAGH,QAAc,EAAqB,SAAS,MAAM,KAClD,CAAC,EAAoB,sBAAsB,gBAE3C,EAAoB,4BAA4B;EAC9C,GAAG,EAAoB;EACvB,cAAc,EAAqB,SAAS;CAC9C,CAAC,GAaD,iBAAA,GAAA,EAAA,MAAC,OAAD;EACE,IAAG;EACH,WAAU;YAFZ,CAIE,iBAAA,GAAA,EAAA,MAAC,OAAD;GAAK,MAAK;aAAV;IACE,iBAAA,GAAA,EAAA,KAAC,OAAD;KAAK,WAAU;eACb,iBAAA,GAAA,EAAA,KAAC,GAAD;MACuB;MACrB,cACE,CAAC,KACC,iBAAA,GAAA,EAAA,KAAC,OAAD;OACE,WAAU;OACV,KAAI;OACJ,KAAI;MACL,CAAA;KAGN,CAAA;IACE,CAAA;IACL,iBAAA,GAAA,EAAA,KAAC,GAAD;KAAkB,OAAM;eACtB,iBAAA,GAAA,EAAA,KAAC,GAAD;MACE,IAAG;MACH,gBAAe;MACf,SAAQ;KACT,CAAA;IACe,CAAA;IAClB,iBAAA,GAAA,EAAA,KAAC,OAAD;KAAK,WAAU;eACb,iBAAA,GAAA,EAAA,KAAC,GAAD;MACE,IAAG;MACH,gBAAe;KAChB,CAAA;IACE,CAAA;IACL,iBAAA,GAAA,EAAA,KAAC,OAAD;KAAK,WAAU;eACb,iBAAA,GAAA,EAAA,KAAC,GAAD;MACE,IAAG;MACH,gBAAe;KAChB,CAAA;IACE,CAAA;IACL,iBAAA,GAAA,EAAA,KAAC,GAAD;KACE,OAAO,EAAU;KACjB,WAAW,CAAC,CAAC,EAAsB;KACnC,WAAW,MAAa;MACtB,EAAa;OAAE,GAAG;OAAW,cAAc;MAAS,CAAC;KACvD;IACD,CAAA;IACA,KACC,iBAAA,GAAA,EAAA,KAAC,OAAD,EAAA,UACE,iBAAA,GAAA,EAAA,KAAC,KAAD,EAAA,UAAI,EAAqB,CAAA,EACtB,CAAA;IAGP,iBAAA,GAAA,EAAA,KAAC,OAAD;KAAK,WAAU;eACb,iBAAA,GAAA,EAAA,KAAC,OAAD;MAAK,WAAU;gBACb,iBAAA,GAAA,EAAA,KAAC,UAAD;OACE,IAAG;OACH,eAjEa;QAEvB,AADA,EAAO,KAAK,kCAAkC,GAC9C,EAAoB,WAClB,EAAsB,UACtB,GACA,EAAoB,oBACtB;OACF;OA2DY,MAAK;OACL,WAAW,kEACR,EAAa,GAAW,EAAoB,qBAAqB,IAE9D,KADA;OAGN,UACE,CAAC,EACC,CAAC,EAAU,gBACX,EAAU,aAAa,UAAU,KACjC;iBAIJ,iBAAA,GAAA,EAAA,KAAC,QAAD;QAAM,IAAG;kBACP,iBAAA,GAAA,EAAA,KAAC,GAAD;SACE,IAAG;SACH,gBAAe;QAChB,CAAA;OACG,CAAA;MACA,CAAA;KACL,CAAA;IACF,CAAA;GACF;MACL,iBAAA,GAAA,EAAA,KAAC,GAAD,EAAiC,uBAAsB,CAAA,CACpD;;AAET"}

package/chunk/{StepOverrideComponent-Bo0bkoYg.js → StepOverrideComponent-Db2qbG7p.js}

@@ -1,21 +1,21 @@
 
 /**
- *   VERSION: 2.289.0
- *   BUILD_TIMESTAMP: 1789773568893
- *   BUILD_DATE: Fri Sep 18 2026 23:19:28 GMT+0000 (Coordinated Universal Time)
- *   BUILD_COMMIT: 97371345cabb92f713fd30bd7baf2bb5e4a9f973
+ *   VERSION: 2.291.0
+ *   BUILD_TIMESTAMP: 1790031320700
+ *   BUILD_DATE: Mon Sep 21 2026 22:55:20 GMT+0000 (Coordinated Universal Time)
+ *   BUILD_COMMIT: be7cd0d3fb5ee01f15a63a6669da3dfe86723b27
  */
-import { Ot as e, ut as t } from "./options-CRzdSTAR.js";
-import { c as n, n as r, t as i } from "./jsx-runtime-CyXcV_93.js";
-import { n as a } from "./Message-CZD2IHWF.js";
+import { dt as e, kt as t } from "./options-CbyxEsS6.js";
+import { c as n, n as r, t as i } from "./jsx-runtime-Dztc5pGe.js";
+import { n as a } from "./Message-CbU7t2F7.js";
 import { S as o, b as s } from "./runtimeTypes-B2AGNJMT.js";
-import { r as c, t as l } from "./FormFooterComponent-CP0-Wobs.js";
-import { l as u, t as d } from "./hooks-gC9DtNY1.js";
-import { t as f } from "./LogoComponent-DASXTR4v.js";
-import { t as p } from "./AnnouncingHeader-CXTQdbKG.js";
-import { t as m } from "./FormFieldText-Bn9WIKiI.js";
+import { r as c, t as l } from "./FormFooterComponent-DN_aTukK.js";
+import { l as u, t as d } from "./hooks-CAAVVsC2.js";
+import { t as f } from "./LogoComponent-BBiqSSo-.js";
+import { t as p } from "./AnnouncingHeader-B6cTB52p.js";
+import { t as m } from "./FormFieldText-Cm6HS8da.js";
 //#region src/components/FormFields/OverrideCode/OverrideCodeComponent.tsx
-var h = /* @__PURE__ */ e(n(), 1), g = i(), _ = ({ value: e, isErrored: t, onChange: n, placeholder: i = "" }) => /* @__PURE__ */ (0, g.jsx)(m, {
+var h = /* @__PURE__ */ t(n(), 1), g = i(), _ = ({ value: e, isErrored: t, onChange: n, placeholder: i = "" }) => /* @__PURE__ */ (0, g.jsx)(m, {
 	fieldId: "overrideCode",
 	value: e,
 	onChange: n,
@@ -30,12 +30,12 @@ var h = /* @__PURE__ */ e(n(), 1), g = i(), _ = ({ value: e, isErrored: t, onCha
 		defaultMessage: "Invalid Override Code"
 	}),
 	showPlaceholderAndHideLabel: !!i
-}), v = ({ verificationService: e }) => {
-	let { msg: n } = a(), i = e.viewModel, m = e.verificationResponse, { fieldValidationErrors: v } = e, [y, b] = h.useState(""), x = d("hc-my-sheer-id-theme-builder"), S = m.errorIds && m.errorIds.includes("incorrectVerificationOverrideCodeAttemptLimitExceeded"), C = n({ id: "step.override.errors.codeOverrideLimit" });
+}), v = ({ verificationService: t }) => {
+	let { msg: n } = a(), i = t.viewModel, m = t.verificationResponse, { fieldValidationErrors: v } = t, [y, b] = h.useState(""), x = d("hc-my-sheer-id-theme-builder"), S = m.errorIds && m.errorIds.includes("incorrectVerificationOverrideCodeAttemptLimitExceeded"), C = n({ id: "step.override.errors.codeOverrideLimit" });
 	return h.useEffect(() => {
 		S && b(C);
-	}, []), t(() => m.errorIds.length) && !e.fieldValidationErrors.overrideCode && e.updateFieldValidationErrors({
-		...e.fieldValidationErrors,
+	}, []), e(() => m.errorIds.length) && !t.fieldValidationErrors.overrideCode && t.updateFieldValidationErrors({
+		...t.fieldValidationErrors,
 		overrideCode: m.errorIds[0]
 	}), /* @__PURE__ */ (0, g.jsxs)("div", {
 		id: "sid-step-overrice-code",
@@ -46,7 +46,7 @@ var h = /* @__PURE__ */ e(n(), 1), g = i(), _ = ({ value: e, isErrored: t, onCha
 				/* @__PURE__ */ (0, g.jsx)("div", {
 					className: "sid-override-personal-info-logo-container sid-l-horz-center",
 					children: /* @__PURE__ */ (0, g.jsx)(f, {
-						verificationService: e,
+						verificationService: t,
 						fallbackLogo: !x && /* @__PURE__ */ (0, g.jsx)("img", {
 							className: "sid-override-personal-info-logo-default sid-l-lead-image",
 							alt: "",
@@ -94,10 +94,10 @@ var h = /* @__PURE__ */ e(n(), 1), g = i(), _ = ({ value: e, isErrored: t, onCha
 						children: /* @__PURE__ */ (0, g.jsx)("button", {
 							id: "sid-submit-btn-collect-info",
 							onClick: () => {
-								o.info("StepOverrideCode submitting form"), e.submitStep(s.override, i, e.verificationResponse);
+								o.info("StepOverrideCode submitting form"), t.submitStep(s.override, i, t.verificationResponse);
 							},
 							type: "button",
-							className: `sid-btn sid-override-submit-btn sid-btn--dark sid-l-full-width ${u(i, e.formValidationOptions) ? "" : "sid-btn--disabled-like"}`,
+							className: `sid-btn sid-override-submit-btn sid-btn--dark sid-l-full-width ${u(i, t.formValidationOptions) ? "" : "sid-btn--disabled-like"}`,
 							disabled: !!(!i.overrideCode || i.overrideCode.length <= 0 || S),
 							children: /* @__PURE__ */ (0, g.jsx)("span", {
 								id: "verify-status-text",
@@ -110,7 +110,7 @@ var h = /* @__PURE__ */ e(n(), 1), g = i(), _ = ({ value: e, isErrored: t, onCha
 					})
 				})
 			]
-		}), /* @__PURE__ */ (0, g.jsx)(l, { verificationService: e })]
+		}), /* @__PURE__ */ (0, g.jsx)(l, { verificationService: t })]
 	});
 };
 //#endregion

package/chunk/{StepOverrideComponent-Bo0bkoYg.js.map → StepOverrideComponent-Db2qbG7p.js.map}

@@ -1 +1 @@
-{"version":3,"file":"StepOverrideComponent-Bo0bkoYg.js","names":[],"sources":["../../src/components/FormFields/OverrideCode/OverrideCodeComponent.tsx","../../src/components/StepOverrideComponent/StepOverrideComponent.tsx"],"sourcesContent":["import { FormattedHTMLMessage } from \"react-intl\";\n\nimport { type FormFieldComponentProps } from \"../../../lib/types/types\";\nimport { FormFieldText } from \"../FormFieldText/FormFieldText\";\n\nexport const OverrideCodeComponent = ({\n  value,\n  isErrored,\n  onChange,\n  placeholder = \"\",\n}: FormFieldComponentProps) => (\n  <FormFieldText\n    fieldId=\"overrideCode\"\n    value={value}\n    onChange={onChange}\n    placeholder=\"\"\n    type=\"password\"\n    label={\n      <FormattedHTMLMessage\n        id=\"step.override.verificationOverrideCodeLabel\"\n        defaultMessage=\"Verification Override Code\"\n      />\n    }\n    errorMessage={\n      isErrored && (\n        <FormattedHTMLMessage\n          id=\"errorId.invalidOverrideCode\"\n          defaultMessage=\"Invalid Override Code\"\n        />\n      )\n    }\n    showPlaceholderAndHideLabel={!!placeholder}\n  />\n);\n","import React from \"react\";\nimport { FormattedHTMLMessage } from \"react-intl\";\n\nimport { logger } from \"@jslib/shared/utils/logger\";\nimport { getSafe } from \"@jslib/shared/utils/getSafe\";\n\nimport { useMessage } from \"@/components/Message\";\n\nimport {\n  type VerificationService,\n  type OverrideViewModel,\n  type OverrideResponse,\n} from \"../../lib/types/types\";\nimport { LogoComponent } from \"../LogoComponent/LogoComponent\";\nimport { FormFooterComponent as FormFooter } from \"../FormFooter/FormFooterComponent\";\nimport { OverrideCodeComponent } from \"../FormFields/OverrideCode/OverrideCodeComponent\";\nimport { setViewModel } from \"../../lib/VerificationService/ViewModel\";\nimport { VerificationStepsEnum } from \"../../lib/types/runtimeTypes\";\nimport { isFormFilled } from \"../../lib/validators/validators\";\nimport { AnnouncingHeader } from \"../AnnouncingHeader/AnnouncingHeader\";\nimport { useFlag } from \"../FeatureFlags/hooks\";\n\ninterface StepOverrideProps {\n  verificationService: VerificationService;\n}\n\nexport const StepOverrideComponent = ({ verificationService }: StepOverrideProps) => {\n  const { msg } = useMessage();\n  const viewModel = verificationService.viewModel as OverrideViewModel;\n  const verificationResponse = verificationService.verificationResponse as OverrideResponse;\n  const { fieldValidationErrors } = verificationService;\n  const [stepResultMessage, setStepResultMessage] = React.useState(\"\");\n  const shouldHideIcon = useFlag(\"hc-my-sheer-id-theme-builder\");\n\n  const isAttemptLimitExceeded =\n    verificationResponse.errorIds &&\n    verificationResponse.errorIds.includes(\"incorrectVerificationOverrideCodeAttemptLimitExceeded\");\n  const maxRetriesPerOverrideCodeMessage = msg({ id: \"step.override.errors.codeOverrideLimit\" });\n\n  React.useEffect(() => {\n    if (isAttemptLimitExceeded) {\n      setStepResultMessage(maxRetriesPerOverrideCodeMessage);\n    }\n  }, []);\n\n  if (\n    getSafe(() => verificationResponse.errorIds.length) &&\n    !verificationService.fieldValidationErrors.overrideCode\n  ) {\n    verificationService.updateFieldValidationErrors({\n      ...verificationService.fieldValidationErrors,\n      overrideCode: verificationResponse.errorIds[0],\n    });\n  }\n\n  const submitForm = () => {\n    logger.info(\"StepOverrideCode submitting form\");\n    verificationService.submitStep(\n      VerificationStepsEnum.override,\n      viewModel,\n      verificationService.verificationResponse,\n    );\n  };\n\n  return (\n    <div\n      id=\"sid-step-overrice-code\"\n      className=\"sid-override-personal-info-container sid-l-container\"\n    >\n      <div role=\"main\">\n        <div className=\"sid-override-personal-info-logo-container sid-l-horz-center\">\n          <LogoComponent\n            verificationService={verificationService}\n            fallbackLogo={\n              !shouldHideIcon && (\n                <img\n                  className=\"sid-override-personal-info-logo-default sid-l-lead-image\"\n                  alt=\"\"\n                  src=\"https://assets-resources.sheerid.com/common/images/2018/icons/sso-step.svg\"\n                />\n              )\n            }\n          />\n        </div>\n        <AnnouncingHeader align=\"center\">\n          <FormattedHTMLMessage\n            id=\"step.override.title\"\n            defaultMessage=\"Unable to Verify Status\"\n            tagName=\"h1\"\n          />\n        </AnnouncingHeader>\n        <div className=\"sid-header__subtitle-one sid-l-horz-center\">\n          <FormattedHTMLMessage\n            id=\"step.override.subtitle\"\n            defaultMessage=\"Please sign in to your school's web portal. It will open in a new tab.\"\n          />\n        </div>\n        <div className=\"sid-header__subtitle-one sid-l-horz-center\">\n          <FormattedHTMLMessage\n            id=\"step.override.subtitle2\"\n            defaultMessage=\"This will enable the customer to redeem the offer\"\n          />\n        </div>\n        <OverrideCodeComponent\n          value={viewModel.overrideCode}\n          isErrored={!!fieldValidationErrors.overrideCode}\n          onChange={(newValue) => {\n            setViewModel({ ...viewModel, overrideCode: newValue });\n          }}\n        />\n        {stepResultMessage && (\n          <div>\n            <p>{stepResultMessage}</p>\n          </div>\n        )}\n\n        <div className=\"sid-form-region sid-submit-wrapper sid-l-space-top-md\">\n          <div className=\"sid-override-submit sid-submit\">\n            <button\n              id=\"sid-submit-btn-collect-info\"\n              onClick={submitForm}\n              type=\"button\"\n              className={`sid-btn sid-override-submit-btn sid-btn--dark sid-l-full-width ${\n                !isFormFilled(viewModel, verificationService.formValidationOptions)\n                  ? \"sid-btn--disabled-like\"\n                  : \"\"\n              }`}\n              disabled={\n                !!(\n                  !viewModel.overrideCode ||\n                  viewModel.overrideCode.length <= 0 ||\n                  isAttemptLimitExceeded\n                )\n              }\n            >\n              <span id=\"verify-status-text\">\n                <FormattedHTMLMessage\n                  id=\"step.override.submitOverrideCodeButtonLabel\"\n                  defaultMessage=\"Submit Override Codes\"\n                />\n              </span>\n            </button>\n          </div>\n        </div>\n      </div>\n      <FormFooter verificationService={verificationService} />\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;;;4CAKA,KAAA,EAAA,UAAA,cAAA,aAAA,iBAAA,SAAA,iBAAA,GAAA,EAAA,KAAA,GAAA;;;;;;;;;;;;;;;AA2BG,CAAA,GCNU,KAAyB,EAAE,6BAA6C;CACnF,IAAM,EAAE,WAAQ,EAAW,GACrB,IAAY,EAAoB,WAChC,IAAuB,EAAoB,sBAC3C,EAAE,6BAA0B,GAC5B,CAAC,GAAmB,KAAA,EAA8B,SAAS,EAAE,GAC7D,IAAiB,EAAQ,8BAA8B,GAEvD,IACJ,EAAqB,YACrB,EAAqB,SAAS,SAAS,uDAAuD,GAC1F,IAAmC,EAAI,EAAE,IAAI,yCAAyC,CAAC;CA2B7F,OAzBA,EAAM,gBAAgB;EACpB,AAAI,KACF,EAAqB,CAAgC;CAEzD,GAAG,CAAC,CAAC,GAGH,QAAc,EAAqB,SAAS,MAAM,KAClD,CAAC,EAAoB,sBAAsB,gBAE3C,EAAoB,4BAA4B;EAC9C,GAAG,EAAoB;EACvB,cAAc,EAAqB,SAAS;CAC9C,CAAC,GAaD,iBAAA,GAAA,EAAA,MAAC,OAAD;EACE,IAAG;EACH,WAAU;YAFZ,CAIE,iBAAA,GAAA,EAAA,MAAC,OAAD;GAAK,MAAK;aAAV;IACE,iBAAA,GAAA,EAAA,KAAC,OAAD;KAAK,WAAU;eACb,iBAAA,GAAA,EAAA,KAAC,GAAD;MACuB;MACrB,cACE,CAAC,KACC,iBAAA,GAAA,EAAA,KAAC,OAAD;OACE,WAAU;OACV,KAAI;OACJ,KAAI;MACL,CAAA;KAGN,CAAA;IACE,CAAA;IACL,iBAAA,GAAA,EAAA,KAAC,GAAD;KAAkB,OAAM;eACtB,iBAAA,GAAA,EAAA,KAAC,GAAD;MACE,IAAG;MACH,gBAAe;MACf,SAAQ;KACT,CAAA;IACe,CAAA;IAClB,iBAAA,GAAA,EAAA,KAAC,OAAD;KAAK,WAAU;eACb,iBAAA,GAAA,EAAA,KAAC,GAAD;MACE,IAAG;MACH,gBAAe;KAChB,CAAA;IACE,CAAA;IACL,iBAAA,GAAA,EAAA,KAAC,OAAD;KAAK,WAAU;eACb,iBAAA,GAAA,EAAA,KAAC,GAAD;MACE,IAAG;MACH,gBAAe;KAChB,CAAA;IACE,CAAA;IACL,iBAAA,GAAA,EAAA,KAAC,GAAD;KACE,OAAO,EAAU;KACjB,WAAW,CAAC,CAAC,EAAsB;KACnC,WAAW,MAAa;MACtB,EAAa;OAAE,GAAG;OAAW,cAAc;MAAS,CAAC;KACvD;IACD,CAAA;IACA,KACC,iBAAA,GAAA,EAAA,KAAC,OAAD,EAAA,UACE,iBAAA,GAAA,EAAA,KAAC,KAAD,EAAA,UAAI,EAAqB,CAAA,EACtB,CAAA;IAGP,iBAAA,GAAA,EAAA,KAAC,OAAD;KAAK,WAAU;eACb,iBAAA,GAAA,EAAA,KAAC,OAAD;MAAK,WAAU;gBACb,iBAAA,GAAA,EAAA,KAAC,UAAD;OACE,IAAG;OACH,eAjEa;QAEvB,AADA,EAAO,KAAK,kCAAkC,GAC9C,EAAoB,WAClB,EAAsB,UACtB,GACA,EAAoB,oBACtB;OACF;OA2DY,MAAK;OACL,WAAW,kEACR,EAAa,GAAW,EAAoB,qBAAqB,IAE9D,KADA;OAGN,UACE,CAAC,EACC,CAAC,EAAU,gBACX,EAAU,aAAa,UAAU,KACjC;iBAIJ,iBAAA,GAAA,EAAA,KAAC,QAAD;QAAM,IAAG;kBACP,iBAAA,GAAA,EAAA,KAAC,GAAD;SACE,IAAG;SACH,gBAAe;QAChB,CAAA;OACG,CAAA;MACA,CAAA;KACL,CAAA;IACF,CAAA;GACF;MACL,iBAAA,GAAA,EAAA,KAAC,GAAD,EAAiC,uBAAsB,CAAA,CACpD;;AAET"}
+{"version":3,"file":"StepOverrideComponent-Db2qbG7p.js","names":[],"sources":["../../src/components/FormFields/OverrideCode/OverrideCodeComponent.tsx","../../src/components/StepOverrideComponent/StepOverrideComponent.tsx"],"sourcesContent":["import { FormattedHTMLMessage } from \"react-intl\";\n\nimport { type FormFieldComponentProps } from \"../../../lib/types/types\";\nimport { FormFieldText } from \"../FormFieldText/FormFieldText\";\n\nexport const OverrideCodeComponent = ({\n  value,\n  isErrored,\n  onChange,\n  placeholder = \"\",\n}: FormFieldComponentProps) => (\n  <FormFieldText\n    fieldId=\"overrideCode\"\n    value={value}\n    onChange={onChange}\n    placeholder=\"\"\n    type=\"password\"\n    label={\n      <FormattedHTMLMessage\n        id=\"step.override.verificationOverrideCodeLabel\"\n        defaultMessage=\"Verification Override Code\"\n      />\n    }\n    errorMessage={\n      isErrored && (\n        <FormattedHTMLMessage\n          id=\"errorId.invalidOverrideCode\"\n          defaultMessage=\"Invalid Override Code\"\n        />\n      )\n    }\n    showPlaceholderAndHideLabel={!!placeholder}\n  />\n);\n","import React from \"react\";\nimport { FormattedHTMLMessage } from \"react-intl\";\n\nimport { logger } from \"@jslib/shared/utils/logger\";\nimport { getSafe } from \"@jslib/shared/utils/getSafe\";\n\nimport { useMessage } from \"@/components/Message\";\n\nimport {\n  type VerificationService,\n  type OverrideViewModel,\n  type OverrideResponse,\n} from \"../../lib/types/types\";\nimport { LogoComponent } from \"../LogoComponent/LogoComponent\";\nimport { FormFooterComponent as FormFooter } from \"../FormFooter/FormFooterComponent\";\nimport { OverrideCodeComponent } from \"../FormFields/OverrideCode/OverrideCodeComponent\";\nimport { setViewModel } from \"../../lib/VerificationService/ViewModel\";\nimport { VerificationStepsEnum } from \"../../lib/types/runtimeTypes\";\nimport { isFormFilled } from \"../../lib/validators/validators\";\nimport { AnnouncingHeader } from \"../AnnouncingHeader/AnnouncingHeader\";\nimport { useFlag } from \"../FeatureFlags/hooks\";\n\ninterface StepOverrideProps {\n  verificationService: VerificationService;\n}\n\nexport const StepOverrideComponent = ({ verificationService }: StepOverrideProps) => {\n  const { msg } = useMessage();\n  const viewModel = verificationService.viewModel as OverrideViewModel;\n  const verificationResponse = verificationService.verificationResponse as OverrideResponse;\n  const { fieldValidationErrors } = verificationService;\n  const [stepResultMessage, setStepResultMessage] = React.useState(\"\");\n  const shouldHideIcon = useFlag(\"hc-my-sheer-id-theme-builder\");\n\n  const isAttemptLimitExceeded =\n    verificationResponse.errorIds &&\n    verificationResponse.errorIds.includes(\"incorrectVerificationOverrideCodeAttemptLimitExceeded\");\n  const maxRetriesPerOverrideCodeMessage = msg({ id: \"step.override.errors.codeOverrideLimit\" });\n\n  React.useEffect(() => {\n    if (isAttemptLimitExceeded) {\n      setStepResultMessage(maxRetriesPerOverrideCodeMessage);\n    }\n  }, []);\n\n  if (\n    getSafe(() => verificationResponse.errorIds.length) &&\n    !verificationService.fieldValidationErrors.overrideCode\n  ) {\n    verificationService.updateFieldValidationErrors({\n      ...verificationService.fieldValidationErrors,\n      overrideCode: verificationResponse.errorIds[0],\n    });\n  }\n\n  const submitForm = () => {\n    logger.info(\"StepOverrideCode submitting form\");\n    verificationService.submitStep(\n      VerificationStepsEnum.override,\n      viewModel,\n      verificationService.verificationResponse,\n    );\n  };\n\n  return (\n    <div\n      id=\"sid-step-overrice-code\"\n      className=\"sid-override-personal-info-container sid-l-container\"\n    >\n      <div role=\"main\">\n        <div className=\"sid-override-personal-info-logo-container sid-l-horz-center\">\n          <LogoComponent\n            verificationService={verificationService}\n            fallbackLogo={\n              !shouldHideIcon && (\n                <img\n                  className=\"sid-override-personal-info-logo-default sid-l-lead-image\"\n                  alt=\"\"\n                  src=\"https://assets-resources.sheerid.com/common/images/2018/icons/sso-step.svg\"\n                />\n              )\n            }\n          />\n        </div>\n        <AnnouncingHeader align=\"center\">\n          <FormattedHTMLMessage\n            id=\"step.override.title\"\n            defaultMessage=\"Unable to Verify Status\"\n            tagName=\"h1\"\n          />\n        </AnnouncingHeader>\n        <div className=\"sid-header__subtitle-one sid-l-horz-center\">\n          <FormattedHTMLMessage\n            id=\"step.override.subtitle\"\n            defaultMessage=\"Please sign in to your school's web portal. It will open in a new tab.\"\n          />\n        </div>\n        <div className=\"sid-header__subtitle-one sid-l-horz-center\">\n          <FormattedHTMLMessage\n            id=\"step.override.subtitle2\"\n            defaultMessage=\"This will enable the customer to redeem the offer\"\n          />\n        </div>\n        <OverrideCodeComponent\n          value={viewModel.overrideCode}\n          isErrored={!!fieldValidationErrors.overrideCode}\n          onChange={(newValue) => {\n            setViewModel({ ...viewModel, overrideCode: newValue });\n          }}\n        />\n        {stepResultMessage && (\n          <div>\n            <p>{stepResultMessage}</p>\n          </div>\n        )}\n\n        <div className=\"sid-form-region sid-submit-wrapper sid-l-space-top-md\">\n          <div className=\"sid-override-submit sid-submit\">\n            <button\n              id=\"sid-submit-btn-collect-info\"\n              onClick={submitForm}\n              type=\"button\"\n              className={`sid-btn sid-override-submit-btn sid-btn--dark sid-l-full-width ${\n                !isFormFilled(viewModel, verificationService.formValidationOptions)\n                  ? \"sid-btn--disabled-like\"\n                  : \"\"\n              }`}\n              disabled={\n                !!(\n                  !viewModel.overrideCode ||\n                  viewModel.overrideCode.length <= 0 ||\n                  isAttemptLimitExceeded\n                )\n              }\n            >\n              <span id=\"verify-status-text\">\n                <FormattedHTMLMessage\n                  id=\"step.override.submitOverrideCodeButtonLabel\"\n                  defaultMessage=\"Submit Override Codes\"\n                />\n              </span>\n            </button>\n          </div>\n        </div>\n      </div>\n      <FormFooter verificationService={verificationService} />\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;;;4CAKA,KAAA,EAAA,UAAA,cAAA,aAAA,iBAAA,SAAA,iBAAA,GAAA,EAAA,KAAA,GAAA;;;;;;;;;;;;;;;AA2BG,CAAA,GCNU,KAAyB,EAAE,6BAA6C;CACnF,IAAM,EAAE,WAAQ,EAAW,GACrB,IAAY,EAAoB,WAChC,IAAuB,EAAoB,sBAC3C,EAAE,6BAA0B,GAC5B,CAAC,GAAmB,KAAA,EAA8B,SAAS,EAAE,GAC7D,IAAiB,EAAQ,8BAA8B,GAEvD,IACJ,EAAqB,YACrB,EAAqB,SAAS,SAAS,uDAAuD,GAC1F,IAAmC,EAAI,EAAE,IAAI,yCAAyC,CAAC;CA2B7F,OAzBA,EAAM,gBAAgB;EACpB,AAAI,KACF,EAAqB,CAAgC;CAEzD,GAAG,CAAC,CAAC,GAGH,QAAc,EAAqB,SAAS,MAAM,KAClD,CAAC,EAAoB,sBAAsB,gBAE3C,EAAoB,4BAA4B;EAC9C,GAAG,EAAoB;EACvB,cAAc,EAAqB,SAAS;CAC9C,CAAC,GAaD,iBAAA,GAAA,EAAA,MAAC,OAAD;EACE,IAAG;EACH,WAAU;YAFZ,CAIE,iBAAA,GAAA,EAAA,MAAC,OAAD;GAAK,MAAK;aAAV;IACE,iBAAA,GAAA,EAAA,KAAC,OAAD;KAAK,WAAU;eACb,iBAAA,GAAA,EAAA,KAAC,GAAD;MACuB;MACrB,cACE,CAAC,KACC,iBAAA,GAAA,EAAA,KAAC,OAAD;OACE,WAAU;OACV,KAAI;OACJ,KAAI;MACL,CAAA;KAGN,CAAA;IACE,CAAA;IACL,iBAAA,GAAA,EAAA,KAAC,GAAD;KAAkB,OAAM;eACtB,iBAAA,GAAA,EAAA,KAAC,GAAD;MACE,IAAG;MACH,gBAAe;MACf,SAAQ;KACT,CAAA;IACe,CAAA;IAClB,iBAAA,GAAA,EAAA,KAAC,OAAD;KAAK,WAAU;eACb,iBAAA,GAAA,EAAA,KAAC,GAAD;MACE,IAAG;MACH,gBAAe;KAChB,CAAA;IACE,CAAA;IACL,iBAAA,GAAA,EAAA,KAAC,OAAD;KAAK,WAAU;eACb,iBAAA,GAAA,EAAA,KAAC,GAAD;MACE,IAAG;MACH,gBAAe;KAChB,CAAA;IACE,CAAA;IACL,iBAAA,GAAA,EAAA,KAAC,GAAD;KACE,OAAO,EAAU;KACjB,WAAW,CAAC,CAAC,EAAsB;KACnC,WAAW,MAAa;MACtB,EAAa;OAAE,GAAG;OAAW,cAAc;MAAS,CAAC;KACvD;IACD,CAAA;IACA,KACC,iBAAA,GAAA,EAAA,KAAC,OAAD,EAAA,UACE,iBAAA,GAAA,EAAA,KAAC,KAAD,EAAA,UAAI,EAAqB,CAAA,EACtB,CAAA;IAGP,iBAAA,GAAA,EAAA,KAAC,OAAD;KAAK,WAAU;eACb,iBAAA,GAAA,EAAA,KAAC,OAAD;MAAK,WAAU;gBACb,iBAAA,GAAA,EAAA,KAAC,UAAD;OACE,IAAG;OACH,eAjEa;QAEvB,AADA,EAAO,KAAK,kCAAkC,GAC9C,EAAoB,WAClB,EAAsB,UACtB,GACA,EAAoB,oBACtB;OACF;OA2DY,MAAK;OACL,WAAW,kEACR,EAAa,GAAW,EAAoB,qBAAqB,IAE9D,KADA;OAGN,UACE,CAAC,EACC,CAAC,EAAU,gBACX,EAAU,aAAa,UAAU,KACjC;iBAIJ,iBAAA,GAAA,EAAA,KAAC,QAAD;QAAM,IAAG;kBACP,iBAAA,GAAA,EAAA,KAAC,GAAD;SACE,IAAG;SACH,gBAAe;QAChB,CAAA;OACG,CAAA;MACA,CAAA;KACL,CAAA;IACF,CAAA;GACF;MACL,iBAAA,GAAA,EAAA,KAAC,GAAD,EAAiC,uBAAsB,CAAA,CACpD;;AAET"}

package/chunk/{StepSMSLoop-DLRGvoY8.js → StepSMSLoop-B5pvxGza.js}

@@ -1,18 +1,18 @@
 
 /**
- *   VERSION: 2.289.0
- *   BUILD_TIMESTAMP: 1789773568893
- *   BUILD_DATE: Fri Sep 18 2026 23:19:28 GMT+0000 (Coordinated Universal Time)
- *   BUILD_COMMIT: 97371345cabb92f713fd30bd7baf2bb5e4a9f973
+ *   VERSION: 2.291.0
+ *   BUILD_TIMESTAMP: 1790031320700
+ *   BUILD_DATE: Mon Sep 21 2026 22:55:20 GMT+0000 (Coordinated Universal Time)
+ *   BUILD_COMMIT: be7cd0d3fb5ee01f15a63a6669da3dfe86723b27
  */
-import { Ot as e, c as t, ut as n } from "./options-CRzdSTAR.js";
-import { c as r, n as i, t as a } from "./jsx-runtime-CyXcV_93.js";
-import { g as o, n as s } from "./Message-CZD2IHWF.js";
+import { c as e, dt as t, kt as n } from "./options-CbyxEsS6.js";
+import { c as r, n as i, t as a } from "./jsx-runtime-Dztc5pGe.js";
+import { g as o, n as s } from "./Message-CbU7t2F7.js";
 import { S as c, b as l } from "./runtimeTypes-B2AGNJMT.js";
-import { t as u } from "./AnnouncingHeader-CXTQdbKG.js";
-import { t as d } from "./InputText-dflyPe3J.js";
+import { t as u } from "./AnnouncingHeader-B6cTB52p.js";
+import { t as d } from "./InputText-DjaVf2dX.js";
 //#region src/components/FormFields/SMSCode/SMSCodeComponent.tsx
-var f = /* @__PURE__ */ e(r(), 1), p = a(), m = ({ onChange: e, value: t, isErrored: n, errorId: r, placeholder: a = "" }) => {
+var f = /* @__PURE__ */ n(r(), 1), p = a(), m = ({ onChange: e, value: t, isErrored: n, errorId: r, placeholder: a = "" }) => {
 	let { msg: o } = s();
 	return /* @__PURE__ */ (0, p.jsxs)("div", {
 		className: "sid-field sid-sms-code-id",
@@ -47,21 +47,21 @@ var f = /* @__PURE__ */ e(r(), 1), p = a(), m = ({ onChange: e, value: t, isErro
 			})
 		]
 	});
-}, h = ({ verificationService: e }) => {
-	let { msg: r } = s(), a = e.viewModel, d = e.verificationResponse, h = !!e.fieldValidationErrors.smsCode, g = e.previousViewModel || void 0, [_, v] = f.useState(""), [y, b] = f.useState(d.errorIds && d.errorIds.includes("incorrectSMSCodeAttemptLimitExceeded")), x = r({ id: "step.smsLoop.successResend" }), S = r({ id: "step.smsLoop.errors.codeResendLimit" }), C = r({ id: "step.smsLoop.errors.codeResendLimit" }), w = r({ id: "step.smsLoop.errors.resend" });
+}, h = ({ verificationService: n }) => {
+	let { msg: r } = s(), a = n.viewModel, d = n.verificationResponse, h = !!n.fieldValidationErrors.smsCode, g = n.previousViewModel || void 0, [_, v] = f.useState(""), [y, b] = f.useState(d.errorIds && d.errorIds.includes("incorrectSMSCodeAttemptLimitExceeded")), x = r({ id: "step.smsLoop.successResend" }), S = r({ id: "step.smsLoop.errors.codeResendLimit" }), C = r({ id: "step.smsLoop.errors.codeResendLimit" }), w = r({ id: "step.smsLoop.errors.resend" });
 	f.useEffect(() => {
 		y && v(C);
-	}, []), n(() => d.errorIds.length) && !e.fieldValidationErrors.smsCode && e.updateFieldValidationErrors({
-		...e.fieldValidationErrors,
+	}, []), t(() => d.errorIds.length) && !n.fieldValidationErrors.smsCode && n.updateFieldValidationErrors({
+		...n.fieldValidationErrors,
 		smsCode: d.errorIds[0]
 	});
-	let T = (n) => {
-		let r = t(a, (e) => {
-			e.smsCode = n, e.phoneNumber = g && g.phoneNumber;
+	let T = (t) => {
+		let r = e(a, (e) => {
+			e.smsCode = t, e.phoneNumber = g && g.phoneNumber;
 		});
-		e.updateViewModel(r);
+		n.updateViewModel(r);
 	}, E = () => {
-		c.info("StepSMSLoop submitting form"), e.submitStep(l.smsLoop, a, e.verificationResponse);
+		c.info("StepSMSLoop submitting form"), n.submitStep(l.smsLoop, a, n.verificationResponse);
 	}, D = async (e) => {
 		let t = await o.getResendNewSmsCode(e);
 		t ? (b(!1), v(t.status === 204 ? x : S)) : v(w);
@@ -82,10 +82,10 @@ var f = /* @__PURE__ */ e(r(), 1), p = a(), m = ({ onChange: e, value: t, isErro
 				}),
 				/* @__PURE__ */ (0, p.jsx)("div", {
 					className: "sid-header__subtitle",
-					children: n(() => g.phoneNumber) ? /* @__PURE__ */ (0, p.jsx)(i, {
+					children: t(() => g.phoneNumber) ? /* @__PURE__ */ (0, p.jsx)(i, {
 						id: "step.smsLoop.titleWithNumber",
 						defaultMessage: "We've sent an SMS message to the mobile number ending in {number}. Enter your code here.",
-						values: { number: n(() => g.phoneNumber.slice(-4), "") }
+						values: { number: t(() => g.phoneNumber.slice(-4), "") }
 					}) : /* @__PURE__ */ (0, p.jsx)(i, {
 						id: "step.smsLoop.titleWithoutNumber",
 						defaultMessage: "We've sent an SMS to your mobile number. Please enter the code here."
@@ -97,7 +97,7 @@ var f = /* @__PURE__ */ e(r(), 1), p = a(), m = ({ onChange: e, value: t, isErro
 						onChange: T,
 						value: a.smsCode,
 						isErrored: h,
-						errorId: e.fieldValidationErrors.smsCode
+						errorId: n.fieldValidationErrors.smsCode
 					})
 				}),
 				_ && /* @__PURE__ */ (0, p.jsx)("div", { children: /* @__PURE__ */ (0, p.jsx)("p", { children: _ }) }),

package/chunk/{StepSMSLoop-DLRGvoY8.js.map → StepSMSLoop-B5pvxGza.js.map}

@@ -1 +1 @@
-{"version":3,"file":"StepSMSLoop-DLRGvoY8.js","names":[],"sources":["../../src/components/FormFields/SMSCode/SMSCodeComponent.tsx","../../src/components/StepSMSLoop/StepSMSLoopComponent.tsx"],"sourcesContent":["import { FormattedHTMLMessage } from \"react-intl\";\n\nimport { useMessage } from \"@/components/Message\";\nimport { InputTextComponent } from \"@/components/FormInputs/InputText/InputText\";\nimport { type FormFieldComponentProps } from \"@/lib/types/types\";\nexport const SMSCodeComponent = ({\n  onChange,\n  value,\n  isErrored,\n  errorId,\n  placeholder = \"\",\n}: FormFieldComponentProps) => {\n  const { msg } = useMessage();\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={placeholder || msg({ id: \"smsCodePlaceholder\" })}\n        value={value}\n        onChange={(e) => onChange(e.target.value)}\n      />\n    </div>\n  );\n};\n","import React from \"react\";\nimport { FormattedHTMLMessage } from \"react-intl\";\nimport { produce } from \"immer\";\n\nimport { logger } from \"@jslib/shared/utils/logger\";\nimport { getSafe } from \"@jslib/shared/utils/getSafe\";\n\nimport { useMessage } from \"@/components/Message\";\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  verificationService: VerificationService;\n}\n\nexport const StepSMSLoopComponent = ({ verificationService }: StepSMSLoopProps) => {\n  const { msg } = useMessage();\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 = msg({ id: \"step.smsLoop.successResend\" });\n  const maxTotalRetriesMessage = msg({ id: \"step.smsLoop.errors.codeResendLimit\" });\n  const maxRetriesPerCodeMessage = msg({ id: \"step.smsLoop.errors.codeResendLimit\" });\n  const errorResendingSMSMessage = msg({ id: \"step.smsLoop.errors.resend\" });\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      <div role=\"main\">\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    </div>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"StepSMSLoop-B5pvxGza.js","names":[],"sources":["../../src/components/FormFields/SMSCode/SMSCodeComponent.tsx","../../src/components/StepSMSLoop/StepSMSLoopComponent.tsx"],"sourcesContent":["import { FormattedHTMLMessage } from \"react-intl\";\n\nimport { useMessage } from \"@/components/Message\";\nimport { InputTextComponent } from \"@/components/FormInputs/InputText/InputText\";\nimport { type FormFieldComponentProps } from \"@/lib/types/types\";\nexport const SMSCodeComponent = ({\n  onChange,\n  value,\n  isErrored,\n  errorId,\n  placeholder = \"\",\n}: FormFieldComponentProps) => {\n  const { msg } = useMessage();\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={placeholder || msg({ id: \"smsCodePlaceholder\" })}\n        value={value}\n        onChange={(e) => onChange(e.target.value)}\n      />\n    </div>\n  );\n};\n","import React from \"react\";\nimport { FormattedHTMLMessage } from \"react-intl\";\nimport { produce } from \"immer\";\n\nimport { logger } from \"@jslib/shared/utils/logger\";\nimport { getSafe } from \"@jslib/shared/utils/getSafe\";\n\nimport { useMessage } from \"@/components/Message\";\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  verificationService: VerificationService;\n}\n\nexport const StepSMSLoopComponent = ({ verificationService }: StepSMSLoopProps) => {\n  const { msg } = useMessage();\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 = msg({ id: \"step.smsLoop.successResend\" });\n  const maxTotalRetriesMessage = msg({ id: \"step.smsLoop.errors.codeResendLimit\" });\n  const maxRetriesPerCodeMessage = msg({ id: \"step.smsLoop.errors.codeResendLimit\" });\n  const errorResendingSMSMessage = msg({ id: \"step.smsLoop.errors.resend\" });\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      <div role=\"main\">\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    </div>\n  );\n};\n"],"mappings":"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"}