npm - @sheerid/jslib - Versions diffs - 2.276.0 → 2.277.0 - Mend

@sheerid/jslib 2.276.0 → 2.277.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (448) hide show

package/chunk/{StepOverrideComponent-CW4AqS1W.js → StepOverrideComponent-DOBT7C22.js} RENAMED Viewed

@@ -4,20 +4,20 @@
  *   This file is not intended for use in other contexts and there are no guarantees about its behavior outside of MySheerID.
  */
 /**
- *   VERSION: 2.276.0
- *   BUILD_TIMESTAMP: 1787688588835
- *   BUILD_DATE: Tue Aug 25 2026 20:09:48 GMT+0000 (Coordinated Universal Time)
- *   BUILD_COMMIT: 2d25c43e9725e6fd856b82b1bdf08408dfb6a86b
+ *   VERSION: 2.277.0
+ *   BUILD_TIMESTAMP: 1787693419738
+ *   BUILD_DATE: Tue Aug 25 2026 21:30:19 GMT+0000 (Coordinated Universal Time)
+ *   BUILD_COMMIT: 6bf9486531bf722019a9060202aca84ce001472b
  */
-import { Ht as e, Jt as t, Lt as n, Wt as r } from "./intl-Ft_65Lzo.js";
-import { a as i, c as a, n as o, t as s } from "./jsx-runtime-Bq9F3xvK.js";
-import { n as c, t as l } from "./FormFooterComponent-BuRQRQFI.js";
-import { l as u, t as d } from "./hooks-D2tFSceS.js";
-import { t as f } from "./LogoComponent-DSoOQ1Uz.js";
-import { t as p } from "./AnnouncingHeader-CegZwDFd.js";
-import { t as m } from "./FormFieldText-BPefsplc.js";
+import { Bt as e, Nt as t, Rt as n, Wt as r } from "./intl-e5WHiYfA.js";
+import { a as i, c as a, n as o, t as s } from "./jsx-runtime-LqzCS-0D.js";
+import { n as c, t as l } from "./FormFooterComponent-CaOt9TQw.js";
+import { l as u, t as d } from "./hooks-C15H5pD-.js";
+import { t as f } from "./LogoComponent-Dx1G-rzE.js";
+import { t as p } from "./AnnouncingHeader-YPjBYzsZ.js";
+import { t as m } from "./FormFieldText-Gf13Luq7.js";
 //#region src/components/FormFields/OverrideCode/OverrideCodeComponent.tsx
-var h = /* @__PURE__ */ t(a(), 1), g = s(), _ = ({ value: e, isErrored: t, onChange: n, placeholder: r = "" }) => /* @__PURE__ */ (0, g.jsx)(m, {
+var h = /* @__PURE__ */ r(a(), 1), g = s(), _ = ({ value: e, isErrored: t, onChange: n, placeholder: r = "" }) => /* @__PURE__ */ (0, g.jsx)(m, {
 	fieldId: "overrideCode",
 	value: e,
 	onChange: n,
@@ -32,14 +32,14 @@ var h = /* @__PURE__ */ t(a(), 1), g = s(), _ = ({ value: e, isErrored: t, onCha
 		defaultMessage: "Invalid Override Code"
 	}),
 	showPlaceholderAndHideLabel: !!r
-}), v = i(({ intl: t, verificationService: i }) => {
-	let a = i.viewModel, s = i.verificationResponse, { fieldValidationErrors: m } = i, [v, y] = h.useState(""), b = d("hc-my-sheer-id-theme-builder"), x = s.errorIds && s.errorIds.includes("incorrectVerificationOverrideCodeAttemptLimitExceeded"), S = t.formatHTMLMessage({
+}), v = i(({ intl: r, verificationService: i }) => {
+	let a = i.viewModel, s = i.verificationResponse, { fieldValidationErrors: m } = i, [v, y] = h.useState(""), b = d("hc-my-sheer-id-theme-builder"), x = s.errorIds && s.errorIds.includes("incorrectVerificationOverrideCodeAttemptLimitExceeded"), S = r.formatHTMLMessage({
 		id: "step.override.errors.codeOverrideLimit",
 		defaultMessage: "Override code limit exceeded."
 	});
 	return h.useEffect(() => {
 		x && y(S);
-	}, []), e(() => s.errorIds.length) && !i.fieldValidationErrors.overrideCode && i.updateFieldValidationErrors({
+	}, []), n(() => s.errorIds.length) && !i.fieldValidationErrors.overrideCode && i.updateFieldValidationErrors({
 		...i.fieldValidationErrors,
 		overrideCode: s.errorIds[0]
 	}), /* @__PURE__ */ (0, g.jsxs)("div", {
@@ -99,7 +99,7 @@ var h = /* @__PURE__ */ t(a(), 1), g = s(), _ = ({ value: e, isErrored: t, onCha
 						children: /* @__PURE__ */ (0, g.jsx)("button", {
 							id: "sid-submit-btn-collect-info",
 							onClick: () => {
-								r.info("StepOverrideCode submitting form"), i.submitStep(n.override, a, i.verificationResponse);
+								e.info("StepOverrideCode submitting form"), i.submitStep(t.override, a, i.verificationResponse);
 							},
 							type: "button",
 							className: `sid-btn sid-override-submit-btn sid-btn--dark sid-l-full-width ${u(a, i.formValidationOptions) ? "" : "sid-btn--disabled-like"}`,

package/chunk/{StepOverrideComponent-CW4AqS1W.js.map → StepOverrideComponent-DOBT7C22.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"StepOverrideComponent-~~CW4AqS1W~~.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 { injectIntl, FormattedHTMLMessage, type InjectedIntl } from \"react-intl\";\n\nimport { logger } from \"@jslib/shared/utils/logger\";\nimport { getSafe } from \"@jslib/shared/utils/getSafe\";\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 intl: InjectedIntl;\n verificationService: VerificationService;\n}\n\nconst StepOverride = ({ intl, verificationService }: StepOverrideProps) => {\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 = intl.formatHTMLMessage({\n id: \"step.override.errors.codeOverrideLimit\",\n defaultMessage: \"Override code limit exceeded.\",\n });\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};\nexport const StepOverrideComponent = injectIntl(StepOverride);\n"],"mappings":";;;;;;;;4CAKA,KAAA,EAAA,UAAA,cAAA,aAAA,iBAAA,SAAA,iBAAA,GAAA,EAAA,KAAA,GAAA;;;;;;;;;;;;;;;AA2BG,CAAA,GCsHU,IAAwB,GA7Hf,EAAE,SAAM,6BAA6C;CACzE,IAAM,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,EAAK,kBAAkB;EAC9D,IAAI;EACJ,gBAAgB;CAClB,CAAC;CA2BD,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,CAC4D"}
1	+ {"version":3,"file":"StepOverrideComponent-DOBT7C22.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 { injectIntl, FormattedHTMLMessage, type InjectedIntl } from \"react-intl\";\n\nimport { logger } from \"@jslib/shared/utils/logger\";\nimport { getSafe } from \"@jslib/shared/utils/getSafe\";\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 intl: InjectedIntl;\n verificationService: VerificationService;\n}\n\nconst StepOverride = ({ intl, verificationService }: StepOverrideProps) => {\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 = intl.formatHTMLMessage({\n id: \"step.override.errors.codeOverrideLimit\",\n defaultMessage: \"Override code limit exceeded.\",\n });\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};\nexport const StepOverrideComponent = injectIntl(StepOverride);\n"],"mappings":";;;;;;;;4CAKA,KAAA,EAAA,UAAA,cAAA,aAAA,iBAAA,SAAA,iBAAA,GAAA,EAAA,KAAA,GAAA;;;;;;;;;;;;;;;AA2BG,CAAA,GCsHU,IAAwB,GA7Hf,EAAE,SAAM,6BAA6C;CACzE,IAAM,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,EAAK,kBAAkB;EAC9D,IAAI;EACJ,gBAAgB;CAClB,CAAC;CA2BD,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,CAC4D"}

package/chunk/{StepSMSLoop-CYsBZ7tK.js → StepSMSLoop-BM7UE2tP.js} RENAMED Viewed

@@ -1,17 +1,17 @@
 /**
- *   VERSION: 2.276.0
- *   BUILD_TIMESTAMP: 1787688581348
- *   BUILD_DATE: Tue Aug 25 2026 20:09:41 GMT+0000 (Coordinated Universal Time)
- *   BUILD_COMMIT: 2d25c43e9725e6fd856b82b1bdf08408dfb6a86b
+ *   VERSION: 2.277.0
+ *   BUILD_TIMESTAMP: 1787693415496
+ *   BUILD_DATE: Tue Aug 25 2026 21:30:15 GMT+0000 (Coordinated Universal Time)
+ *   BUILD_COMMIT: 6bf9486531bf722019a9060202aca84ce001472b
  */
-import { Jt as e, Wt as t, c as n, lt as r, zt as i } from "./options-Co1RW3vc.js";
-import { a, c as o, n as s, t as c } from "./jsx-runtime-DOqJBLjd.js";
-import { t as l } from "./VerificationApiClient-BuZNO3k4.js";
-import { t as u } from "./AnnouncingHeader-BlnfAnLI.js";
-import { t as d } from "./InputText-Dc_DjXbQ.js";
+import { Bt as e, Ft as t, Wt as n, c as r, lt as i } from "./options-pBCAJBwS.js";
+import { a, c as o, n as s, t as c } from "./jsx-runtime-Ini3eO9_.js";
+import { t as l } from "./VerificationApiClient-fJ7P4ejD.js";
+import { t as u } from "./AnnouncingHeader-CCVSQeQR.js";
+import { t as d } from "./InputText-h_myNeHr.js";
 //#region src/components/FormFields/SMSCode/SMSCodeComponent.tsx
-var f = /* @__PURE__ */ e(o(), 1), p = c(), m = a(({ onChange: e, value: t, isErrored: n, errorId: r, intl: i, placeholder: a = "" }) => /* @__PURE__ */ (0, p.jsxs)("div", {
+var f = /* @__PURE__ */ n(o(), 1), p = c(), m = a(({ onChange: e, value: t, isErrored: n, errorId: r, intl: i, placeholder: a = "" }) => /* @__PURE__ */ (0, p.jsxs)("div", {
 	className: "sid-field sid-sms-code-id",
 	children: [
 		/* @__PURE__ */ (0, p.jsx)("div", { className: "sid-l-space-top-md" }),
@@ -46,33 +46,33 @@ var f = /* @__PURE__ */ e(o(), 1), p = c(), m = a(({ onChange: e, value: t, isEr
 			onChange: (t) => e(t.target.value)
 		})
 	]
-})), h = a(({ intl: e, verificationService: a }) => {
-	let o = a.viewModel, c = a.verificationResponse, d = !!a.fieldValidationErrors.smsCode, h = a.previousViewModel || void 0, [g, _] = f.useState(""), [v, y] = f.useState(c.errorIds && c.errorIds.includes("incorrectSMSCodeAttemptLimitExceeded")), b = e.formatHTMLMessage({
+})), h = a(({ intl: n, verificationService: a }) => {
+	let o = a.viewModel, c = a.verificationResponse, d = !!a.fieldValidationErrors.smsCode, h = a.previousViewModel || void 0, [g, _] = f.useState(""), [v, y] = f.useState(c.errorIds && c.errorIds.includes("incorrectSMSCodeAttemptLimitExceeded")), b = n.formatHTMLMessage({
 		id: "step.smsLoop.successResend",
 		defaultMessage: "SMS message re-sent successfully"
-	}), x = e.formatHTMLMessage({
+	}), x = n.formatHTMLMessage({
 		id: "step.smsLoop.errors.codeResendLimit",
 		defaultMessage: "Maximum number of re-tries has been reached."
-	}), S = e.formatHTMLMessage({
+	}), S = n.formatHTMLMessage({
 		id: "step.smsLoop.errors.codeResendLimit",
 		defaultMessage: "Maximum number of re-tries has been reached."
-	}), C = e.formatHTMLMessage({
+	}), C = n.formatHTMLMessage({
 		id: "step.smsLoop.errors.resend",
 		defaultMessage: "Error sending the SMS message"
 	});
 	f.useEffect(() => {
 		v && _(S);
-	}, []), r(() => c.errorIds.length) && !a.fieldValidationErrors.smsCode && a.updateFieldValidationErrors({
+	}, []), i(() => c.errorIds.length) && !a.fieldValidationErrors.smsCode && a.updateFieldValidationErrors({
 		...a.fieldValidationErrors,
 		smsCode: c.errorIds[0]
 	});
 	let w = (e) => {
-		let t = n(o, (t) => {
+		let t = r(o, (t) => {
 			t.smsCode = e, t.phoneNumber = h && h.phoneNumber;
 		});
 		a.updateViewModel(t);
 	}, T = () => {
-		t.info("StepSMSLoop submitting form"), a.submitStep(i.smsLoop, o, a.verificationResponse);
+		e.info("StepSMSLoop submitting form"), a.submitStep(t.smsLoop, o, a.verificationResponse);
 	}, E = async (e) => {
 		let t = await l.getResendNewSmsCode(e);
 		t ? (y(!1), _(t.status === 204 ? b : x)) : _(C);
@@ -93,10 +93,10 @@ var f = /* @__PURE__ */ e(o(), 1), p = c(), m = a(({ onChange: e, value: t, isEr
 				}),
 				/* @__PURE__ */ (0, p.jsx)("div", {
 					className: "sid-header__subtitle",
-					children: r(() => h.phoneNumber) ? /* @__PURE__ */ (0, p.jsx)(s, {
+					children: i(() => h.phoneNumber) ? /* @__PURE__ */ (0, p.jsx)(s, {
 						id: "step.smsLoop.titleWithNumber",
 						defaultMessage: "We've sent an SMS message to the mobile number ending in {number}. Enter your code here.",
-						values: { number: r(() => h.phoneNumber.slice(-4), "") }
+						values: { number: i(() => h.phoneNumber.slice(-4), "") }
 					}) : /* @__PURE__ */ (0, p.jsx)(s, {
 						id: "step.smsLoop.titleWithoutNumber",
 						defaultMessage: "We've sent an SMS to your mobile number. Please enter the code here."

package/chunk/{StepSMSLoop-ZFEdfzI7.js.map → StepSMSLoop-BM7UE2tP.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"StepSMSLoop-ZFEdfzI7.js","names":[],"sources":["../../src/components/FormFields/SMSCode/SMSCodeComponent.tsx","../../src/components/StepSMSLoop/StepSMSLoopComponent.tsx"],"sourcesContent":["import { FormattedHTMLMessage, injectIntl } from \"react-intl\";\n\nimport { type FormFieldComponentProps } from \"../../../lib/types/types\";\nimport { InputTextComponent } from \"../../FormInputs/InputText/InputText\";\n\nexport const SMSCode = ({\n onChange,\n value,\n isErrored,\n errorId,\n intl,\n placeholder = \"\",\n}: FormFieldComponentProps) => {\n const getErrorMessage = (errorId) => {\n switch (errorId) {\n case \"invalidSMSCode\":\n return (\n <FormattedHTMLMessage\n id=\"step.smsLoop.errors.codeVerification\"\n defaultMessage=\"Verification code could not be validated.\"\n />\n );\n case \"expiredSMSCode\":\n return (\n <FormattedHTMLMessage\n id=\"step.smsLoop.errors.codeExpired\"\n defaultMessage=\"Verification code expired.\"\n />\n );\n default:\n return <FormattedHTMLMessage id=\"errorId.unknownError\" defaultMessage=\"Unknown Error\" />;\n }\n };\n\n return (\n <div className=\"sid-field sid-sms-code-id\">\n <div className=\"sid-l-space-top-md\" />\n {isErrored ? <div className=\"sid-field-error\">{getErrorMessage(errorId)}</div> : null}\n\n <InputTextComponent\n id=\"sms-code\"\n isErrored={isErrored}\n required\n placeholder={\n placeholder \|\|\n intl.formatHTMLMessage({ id: \"smsCodePlaceholder\", defaultMessage: \"SMS Code\" })\n }\n value={value}\n onChange={(e) => onChange(e.target.value)}\n />\n </div>\n );\n};\n\nexport const SMSCodeComponent = injectIntl(SMSCode);\n","import React from \"react\";\nimport { injectIntl, FormattedHTMLMessage, type InjectedIntl } from \"react-intl\";\nimport { produce } from \"immer\";\n\nimport { logger } from \"@jslib/shared/utils/logger\";\nimport { getSafe } from \"@jslib/shared/utils/getSafe\";\n\nimport {\n type VerificationService,\n type StudentPersonalInfoViewModel,\n type SMSLoopResponse,\n type SMSLoopViewModel,\n} from \"../../lib/types/types\";\nimport { VerificationStepsEnum } from \"../../lib/types/runtimeTypes\";\nimport { SMSCodeComponent } from \"../FormFields/SMSCode/SMSCodeComponent\";\nimport { VerificationApiClient } from \"../../lib/ServerApi/VerificationApiClient\";\nimport { AnnouncingHeader } from \"../AnnouncingHeader/AnnouncingHeader\";\n\ninterface StepSMSLoopProps {\n intl: InjectedIntl;\n verificationService: VerificationService;\n}\n\nconst StepSMSLoop = ({ intl, verificationService }: StepSMSLoopProps) => {\n const viewModel = verificationService.viewModel as SMSLoopViewModel;\n const verificationResponse = verificationService.verificationResponse as SMSLoopResponse;\n const isErrored = Boolean(verificationService.fieldValidationErrors.smsCode);\n const previousViewModel =\n (verificationService.previousViewModel as StudentPersonalInfoViewModel) \|\| undefined;\n\n const [stepResultMessage, setStepResultMessage] = React.useState(\"\");\n const [isAttemptLimitExceeded, setAttemptLimitExceeded] = React.useState(\n verificationResponse.errorIds &&\n verificationResponse.errorIds.includes(\"incorrectSMSCodeAttemptLimitExceeded\"),\n );\n\n const stepSuccessMessage = intl.formatHTMLMessage({\n id: \"step.smsLoop.successResend\",\n defaultMessage: \"SMS message re-sent successfully\",\n });\n const maxTotalRetriesMessage = intl.formatHTMLMessage({\n id: \"step.smsLoop.errors.codeResendLimit\",\n defaultMessage: \"Maximum number of re-tries has been reached.\",\n });\n const maxRetriesPerCodeMessage = intl.formatHTMLMessage({\n id: \"step.smsLoop.errors.codeResendLimit\",\n defaultMessage: \"Maximum number of re-tries has been reached.\",\n });\n const errorResendingSMSMessage = intl.formatHTMLMessage({\n id: \"step.smsLoop.errors.resend\",\n defaultMessage: \"Error sending the SMS message\",\n });\n\n React.useEffect(() => {\n if (isAttemptLimitExceeded) {\n setStepResultMessage(maxRetriesPerCodeMessage);\n }\n }, []);\n\n if (\n getSafe(() => verificationResponse.errorIds.length) &&\n !verificationService.fieldValidationErrors.smsCode\n ) {\n verificationService.updateFieldValidationErrors({\n ...verificationService.fieldValidationErrors,\n smsCode: verificationResponse.errorIds[0],\n });\n }\n\n const updateSmsCode = (value) => {\n const nextState: SMSLoopViewModel = produce(viewModel, (draft: SMSLoopViewModel) => {\n draft.smsCode = value;\n draft.phoneNumber = previousViewModel && previousViewModel.phoneNumber;\n });\n verificationService.updateViewModel(nextState);\n };\n\n const submitForm = () => {\n logger.info(\"StepSMSLoop submitting form\");\n verificationService.submitStep(\n VerificationStepsEnum.smsLoop,\n viewModel,\n verificationService.verificationResponse,\n );\n };\n\n const resendSmsCode = async (verificationId) => {\n const response = await VerificationApiClient.getResendNewSmsCode(verificationId);\n if (response) {\n setAttemptLimitExceeded(false);\n setStepResultMessage(response.status === 204 ? stepSuccessMessage : maxTotalRetriesMessage);\n } else {\n setStepResultMessage(errorResendingSMSMessage);\n }\n };\n\n return (\n <div id=\"sid-step-sms-loop\" className=\"sid-sms-loop-container sid-l-container\">\n <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\"> </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  \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  \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\nexport const StepSMSLoopComponent = injectIntl(StepSMSLoop);\n"],"mappings":"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"}
1	+ {"version":3,"file":"StepSMSLoop-BM7UE2tP.js","names":[],"sources":["../../src/components/FormFields/SMSCode/SMSCodeComponent.tsx","../../src/components/StepSMSLoop/StepSMSLoopComponent.tsx"],"sourcesContent":["import { FormattedHTMLMessage, injectIntl } from \"react-intl\";\n\nimport { type FormFieldComponentProps } from \"../../../lib/types/types\";\nimport { InputTextComponent } from \"../../FormInputs/InputText/InputText\";\n\nexport const SMSCode = ({\n onChange,\n value,\n isErrored,\n errorId,\n intl,\n placeholder = \"\",\n}: FormFieldComponentProps) => {\n const getErrorMessage = (errorId) => {\n switch (errorId) {\n case \"invalidSMSCode\":\n return (\n <FormattedHTMLMessage\n id=\"step.smsLoop.errors.codeVerification\"\n defaultMessage=\"Verification code could not be validated.\"\n />\n );\n case \"expiredSMSCode\":\n return (\n <FormattedHTMLMessage\n id=\"step.smsLoop.errors.codeExpired\"\n defaultMessage=\"Verification code expired.\"\n />\n );\n default:\n return <FormattedHTMLMessage id=\"errorId.unknownError\" defaultMessage=\"Unknown Error\" />;\n }\n };\n\n return (\n <div className=\"sid-field sid-sms-code-id\">\n <div className=\"sid-l-space-top-md\" />\n {isErrored ? <div className=\"sid-field-error\">{getErrorMessage(errorId)}</div> : null}\n\n <InputTextComponent\n id=\"sms-code\"\n isErrored={isErrored}\n required\n placeholder={\n placeholder \|\|\n intl.formatHTMLMessage({ id: \"smsCodePlaceholder\", defaultMessage: \"SMS Code\" })\n }\n value={value}\n onChange={(e) => onChange(e.target.value)}\n />\n </div>\n );\n};\n\nexport const SMSCodeComponent = injectIntl(SMSCode);\n","import React from \"react\";\nimport { injectIntl, FormattedHTMLMessage, type InjectedIntl } from \"react-intl\";\nimport { produce } from \"immer\";\n\nimport { logger } from \"@jslib/shared/utils/logger\";\nimport { getSafe } from \"@jslib/shared/utils/getSafe\";\n\nimport {\n type VerificationService,\n type StudentPersonalInfoViewModel,\n type SMSLoopResponse,\n type SMSLoopViewModel,\n} from \"../../lib/types/types\";\nimport { VerificationStepsEnum } from \"../../lib/types/runtimeTypes\";\nimport { SMSCodeComponent } from \"../FormFields/SMSCode/SMSCodeComponent\";\nimport { VerificationApiClient } from \"../../lib/ServerApi/VerificationApiClient\";\nimport { AnnouncingHeader } from \"../AnnouncingHeader/AnnouncingHeader\";\n\ninterface StepSMSLoopProps {\n intl: InjectedIntl;\n verificationService: VerificationService;\n}\n\nconst StepSMSLoop = ({ intl, verificationService }: StepSMSLoopProps) => {\n const viewModel = verificationService.viewModel as SMSLoopViewModel;\n const verificationResponse = verificationService.verificationResponse as SMSLoopResponse;\n const isErrored = Boolean(verificationService.fieldValidationErrors.smsCode);\n const previousViewModel =\n (verificationService.previousViewModel as StudentPersonalInfoViewModel) \|\| undefined;\n\n const [stepResultMessage, setStepResultMessage] = React.useState(\"\");\n const [isAttemptLimitExceeded, setAttemptLimitExceeded] = React.useState(\n verificationResponse.errorIds &&\n verificationResponse.errorIds.includes(\"incorrectSMSCodeAttemptLimitExceeded\"),\n );\n\n const stepSuccessMessage = intl.formatHTMLMessage({\n id: \"step.smsLoop.successResend\",\n defaultMessage: \"SMS message re-sent successfully\",\n });\n const maxTotalRetriesMessage = intl.formatHTMLMessage({\n id: \"step.smsLoop.errors.codeResendLimit\",\n defaultMessage: \"Maximum number of re-tries has been reached.\",\n });\n const maxRetriesPerCodeMessage = intl.formatHTMLMessage({\n id: \"step.smsLoop.errors.codeResendLimit\",\n defaultMessage: \"Maximum number of re-tries has been reached.\",\n });\n const errorResendingSMSMessage = intl.formatHTMLMessage({\n id: \"step.smsLoop.errors.resend\",\n defaultMessage: \"Error sending the SMS message\",\n });\n\n React.useEffect(() => {\n if (isAttemptLimitExceeded) {\n setStepResultMessage(maxRetriesPerCodeMessage);\n }\n }, []);\n\n if (\n getSafe(() => verificationResponse.errorIds.length) &&\n !verificationService.fieldValidationErrors.smsCode\n ) {\n verificationService.updateFieldValidationErrors({\n ...verificationService.fieldValidationErrors,\n smsCode: verificationResponse.errorIds[0],\n });\n }\n\n const updateSmsCode = (value) => {\n const nextState: SMSLoopViewModel = produce(viewModel, (draft: SMSLoopViewModel) => {\n draft.smsCode = value;\n draft.phoneNumber = previousViewModel && previousViewModel.phoneNumber;\n });\n verificationService.updateViewModel(nextState);\n };\n\n const submitForm = () => {\n logger.info(\"StepSMSLoop submitting form\");\n verificationService.submitStep(\n VerificationStepsEnum.smsLoop,\n viewModel,\n verificationService.verificationResponse,\n );\n };\n\n const resendSmsCode = async (verificationId) => {\n const response = await VerificationApiClient.getResendNewSmsCode(verificationId);\n if (response) {\n setAttemptLimitExceeded(false);\n setStepResultMessage(response.status === 204 ? stepSuccessMessage : maxTotalRetriesMessage);\n } else {\n setStepResultMessage(errorResendingSMSMessage);\n }\n };\n\n return (\n <div id=\"sid-step-sms-loop\" className=\"sid-sms-loop-container sid-l-container\">\n <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\"> </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  \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  \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\nexport const StepSMSLoopComponent = injectIntl(StepSMSLoop);\n"],"mappings":"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"}

package/chunk/{StepSMSLoop-ZFEdfzI7.js → StepSMSLoop-Wr-MrFaf.js} RENAMED Viewed

@@ -4,18 +4,18 @@
  *   This file is not intended for use in other contexts and there are no guarantees about its behavior outside of MySheerID.
  */
 /**
- *   VERSION: 2.276.0
- *   BUILD_TIMESTAMP: 1787688588835
- *   BUILD_DATE: Tue Aug 25 2026 20:09:48 GMT+0000 (Coordinated Universal Time)
- *   BUILD_COMMIT: 2d25c43e9725e6fd856b82b1bdf08408dfb6a86b
+ *   VERSION: 2.277.0
+ *   BUILD_TIMESTAMP: 1787693419738
+ *   BUILD_DATE: Tue Aug 25 2026 21:30:19 GMT+0000 (Coordinated Universal Time)
+ *   BUILD_COMMIT: 6bf9486531bf722019a9060202aca84ce001472b
  */
-import { Ht as e, Jt as t, Lt as n, Wt as r, p as i } from "./intl-Ft_65Lzo.js";
-import { a, c as o, n as s, t as c } from "./jsx-runtime-Bq9F3xvK.js";
-import { t as l } from "./VerificationApiClient-CSmDqqJd.js";
-import { t as u } from "./AnnouncingHeader-CegZwDFd.js";
-import { t as d } from "./InputText-B4CjWTez.js";
+import { Bt as e, Nt as t, Rt as n, Wt as r, p as i } from "./intl-e5WHiYfA.js";
+import { a, c as o, n as s, t as c } from "./jsx-runtime-LqzCS-0D.js";
+import { t as l } from "./VerificationApiClient-BcE3SjuJ.js";
+import { t as u } from "./AnnouncingHeader-YPjBYzsZ.js";
+import { t as d } from "./InputText-BXPuBlPq.js";
 //#region src/components/FormFields/SMSCode/SMSCodeComponent.tsx
-var f = /* @__PURE__ */ t(o(), 1), p = c(), m = a(({ onChange: e, value: t, isErrored: n, errorId: r, intl: i, placeholder: a = "" }) => /* @__PURE__ */ (0, p.jsxs)("div", {
+var f = /* @__PURE__ */ r(o(), 1), p = c(), m = a(({ onChange: e, value: t, isErrored: n, errorId: r, intl: i, placeholder: a = "" }) => /* @__PURE__ */ (0, p.jsxs)("div", {
 	className: "sid-field sid-sms-code-id",
 	children: [
 		/* @__PURE__ */ (0, p.jsx)("div", { className: "sid-l-space-top-md" }),
@@ -50,23 +50,23 @@ var f = /* @__PURE__ */ t(o(), 1), p = c(), m = a(({ onChange: e, value: t, isEr
 			onChange: (t) => e(t.target.value)
 		})
 	]
-})), h = a(({ intl: t, verificationService: a }) => {
-	let o = a.viewModel, c = a.verificationResponse, d = !!a.fieldValidationErrors.smsCode, h = a.previousViewModel || void 0, [g, _] = f.useState(""), [v, y] = f.useState(c.errorIds && c.errorIds.includes("incorrectSMSCodeAttemptLimitExceeded")), b = t.formatHTMLMessage({
+})), h = a(({ intl: r, verificationService: a }) => {
+	let o = a.viewModel, c = a.verificationResponse, d = !!a.fieldValidationErrors.smsCode, h = a.previousViewModel || void 0, [g, _] = f.useState(""), [v, y] = f.useState(c.errorIds && c.errorIds.includes("incorrectSMSCodeAttemptLimitExceeded")), b = r.formatHTMLMessage({
 		id: "step.smsLoop.successResend",
 		defaultMessage: "SMS message re-sent successfully"
-	}), x = t.formatHTMLMessage({
+	}), x = r.formatHTMLMessage({
 		id: "step.smsLoop.errors.codeResendLimit",
 		defaultMessage: "Maximum number of re-tries has been reached."
-	}), S = t.formatHTMLMessage({
+	}), S = r.formatHTMLMessage({
 		id: "step.smsLoop.errors.codeResendLimit",
 		defaultMessage: "Maximum number of re-tries has been reached."
-	}), C = t.formatHTMLMessage({
+	}), C = r.formatHTMLMessage({
 		id: "step.smsLoop.errors.resend",
 		defaultMessage: "Error sending the SMS message"
 	});
 	f.useEffect(() => {
 		v && _(S);
-	}, []), e(() => c.errorIds.length) && !a.fieldValidationErrors.smsCode && a.updateFieldValidationErrors({
+	}, []), n(() => c.errorIds.length) && !a.fieldValidationErrors.smsCode && a.updateFieldValidationErrors({
 		...a.fieldValidationErrors,
 		smsCode: c.errorIds[0]
 	});
@@ -76,7 +76,7 @@ var f = /* @__PURE__ */ t(o(), 1), p = c(), m = a(({ onChange: e, value: t, isEr
 		});
 		a.updateViewModel(t);
 	}, T = () => {
-		r.info("StepSMSLoop submitting form"), a.submitStep(n.smsLoop, o, a.verificationResponse);
+		e.info("StepSMSLoop submitting form"), a.submitStep(t.smsLoop, o, a.verificationResponse);
 	}, E = async (e) => {
 		let t = await l.getResendNewSmsCode(e);
 		t ? (y(!1), _(t.status === 204 ? b : x)) : _(C);
@@ -97,10 +97,10 @@ var f = /* @__PURE__ */ t(o(), 1), p = c(), m = a(({ onChange: e, value: t, isEr
 				}),
 				/* @__PURE__ */ (0, p.jsx)("div", {
 					className: "sid-header__subtitle",
-					children: e(() => h.phoneNumber) ? /* @__PURE__ */ (0, p.jsx)(s, {
+					children: n(() => h.phoneNumber) ? /* @__PURE__ */ (0, p.jsx)(s, {
 						id: "step.smsLoop.titleWithNumber",
 						defaultMessage: "We've sent an SMS message to the mobile number ending in {number}. Enter your code here.",
-						values: { number: e(() => h.phoneNumber.slice(-4), "") }
+						values: { number: n(() => h.phoneNumber.slice(-4), "") }
 					}) : /* @__PURE__ */ (0, p.jsx)(s, {
 						id: "step.smsLoop.titleWithoutNumber",
 						defaultMessage: "We've sent an SMS to your mobile number. Please enter the code here."

package/chunk/{StepSMSLoop-CYsBZ7tK.js.map → StepSMSLoop-Wr-MrFaf.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"StepSMSLoop-CYsBZ7tK.js","names":[],"sources":["../../src/components/FormFields/SMSCode/SMSCodeComponent.tsx","../../src/components/StepSMSLoop/StepSMSLoopComponent.tsx"],"sourcesContent":["import { FormattedHTMLMessage, injectIntl } from \"react-intl\";\n\nimport { type FormFieldComponentProps } from \"../../../lib/types/types\";\nimport { InputTextComponent } from \"../../FormInputs/InputText/InputText\";\n\nexport const SMSCode = ({\n onChange,\n value,\n isErrored,\n errorId,\n intl,\n placeholder = \"\",\n}: FormFieldComponentProps) => {\n const getErrorMessage = (errorId) => {\n switch (errorId) {\n case \"invalidSMSCode\":\n return (\n <FormattedHTMLMessage\n id=\"step.smsLoop.errors.codeVerification\"\n defaultMessage=\"Verification code could not be validated.\"\n />\n );\n case \"expiredSMSCode\":\n return (\n <FormattedHTMLMessage\n id=\"step.smsLoop.errors.codeExpired\"\n defaultMessage=\"Verification code expired.\"\n />\n );\n default:\n return <FormattedHTMLMessage id=\"errorId.unknownError\" defaultMessage=\"Unknown Error\" />;\n }\n };\n\n return (\n <div className=\"sid-field sid-sms-code-id\">\n <div className=\"sid-l-space-top-md\" />\n {isErrored ? <div className=\"sid-field-error\">{getErrorMessage(errorId)}</div> : null}\n\n <InputTextComponent\n id=\"sms-code\"\n isErrored={isErrored}\n required\n placeholder={\n placeholder \|\|\n intl.formatHTMLMessage({ id: \"smsCodePlaceholder\", defaultMessage: \"SMS Code\" })\n }\n value={value}\n onChange={(e) => onChange(e.target.value)}\n />\n </div>\n );\n};\n\nexport const SMSCodeComponent = injectIntl(SMSCode);\n","import React from \"react\";\nimport { injectIntl, FormattedHTMLMessage, type InjectedIntl } from \"react-intl\";\nimport { produce } from \"immer\";\n\nimport { logger } from \"@jslib/shared/utils/logger\";\nimport { getSafe } from \"@jslib/shared/utils/getSafe\";\n\nimport {\n type VerificationService,\n type StudentPersonalInfoViewModel,\n type SMSLoopResponse,\n type SMSLoopViewModel,\n} from \"../../lib/types/types\";\nimport { VerificationStepsEnum } from \"../../lib/types/runtimeTypes\";\nimport { SMSCodeComponent } from \"../FormFields/SMSCode/SMSCodeComponent\";\nimport { VerificationApiClient } from \"../../lib/ServerApi/VerificationApiClient\";\nimport { AnnouncingHeader } from \"../AnnouncingHeader/AnnouncingHeader\";\n\ninterface StepSMSLoopProps {\n intl: InjectedIntl;\n verificationService: VerificationService;\n}\n\nconst StepSMSLoop = ({ intl, verificationService }: StepSMSLoopProps) => {\n const viewModel = verificationService.viewModel as SMSLoopViewModel;\n const verificationResponse = verificationService.verificationResponse as SMSLoopResponse;\n const isErrored = Boolean(verificationService.fieldValidationErrors.smsCode);\n const previousViewModel =\n (verificationService.previousViewModel as StudentPersonalInfoViewModel) \|\| undefined;\n\n const [stepResultMessage, setStepResultMessage] = React.useState(\"\");\n const [isAttemptLimitExceeded, setAttemptLimitExceeded] = React.useState(\n verificationResponse.errorIds &&\n verificationResponse.errorIds.includes(\"incorrectSMSCodeAttemptLimitExceeded\"),\n );\n\n const stepSuccessMessage = intl.formatHTMLMessage({\n id: \"step.smsLoop.successResend\",\n defaultMessage: \"SMS message re-sent successfully\",\n });\n const maxTotalRetriesMessage = intl.formatHTMLMessage({\n id: \"step.smsLoop.errors.codeResendLimit\",\n defaultMessage: \"Maximum number of re-tries has been reached.\",\n });\n const maxRetriesPerCodeMessage = intl.formatHTMLMessage({\n id: \"step.smsLoop.errors.codeResendLimit\",\n defaultMessage: \"Maximum number of re-tries has been reached.\",\n });\n const errorResendingSMSMessage = intl.formatHTMLMessage({\n id: \"step.smsLoop.errors.resend\",\n defaultMessage: \"Error sending the SMS message\",\n });\n\n React.useEffect(() => {\n if (isAttemptLimitExceeded) {\n setStepResultMessage(maxRetriesPerCodeMessage);\n }\n }, []);\n\n if (\n getSafe(() => verificationResponse.errorIds.length) &&\n !verificationService.fieldValidationErrors.smsCode\n ) {\n verificationService.updateFieldValidationErrors({\n ...verificationService.fieldValidationErrors,\n smsCode: verificationResponse.errorIds[0],\n });\n }\n\n const updateSmsCode = (value) => {\n const nextState: SMSLoopViewModel = produce(viewModel, (draft: SMSLoopViewModel) => {\n draft.smsCode = value;\n draft.phoneNumber = previousViewModel && previousViewModel.phoneNumber;\n });\n verificationService.updateViewModel(nextState);\n };\n\n const submitForm = () => {\n logger.info(\"StepSMSLoop submitting form\");\n verificationService.submitStep(\n VerificationStepsEnum.smsLoop,\n viewModel,\n verificationService.verificationResponse,\n );\n };\n\n const resendSmsCode = async (verificationId) => {\n const response = await VerificationApiClient.getResendNewSmsCode(verificationId);\n if (response) {\n setAttemptLimitExceeded(false);\n setStepResultMessage(response.status === 204 ? stepSuccessMessage : maxTotalRetriesMessage);\n } else {\n setStepResultMessage(errorResendingSMSMessage);\n }\n };\n\n return (\n <div id=\"sid-step-sms-loop\" className=\"sid-sms-loop-container sid-l-container\">\n <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\"> </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  \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  \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\nexport const StepSMSLoopComponent = injectIntl(StepSMSLoop);\n"],"mappings":"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"}
1	+ {"version":3,"file":"StepSMSLoop-Wr-MrFaf.js","names":[],"sources":["../../src/components/FormFields/SMSCode/SMSCodeComponent.tsx","../../src/components/StepSMSLoop/StepSMSLoopComponent.tsx"],"sourcesContent":["import { FormattedHTMLMessage, injectIntl } from \"react-intl\";\n\nimport { type FormFieldComponentProps } from \"../../../lib/types/types\";\nimport { InputTextComponent } from \"../../FormInputs/InputText/InputText\";\n\nexport const SMSCode = ({\n onChange,\n value,\n isErrored,\n errorId,\n intl,\n placeholder = \"\",\n}: FormFieldComponentProps) => {\n const getErrorMessage = (errorId) => {\n switch (errorId) {\n case \"invalidSMSCode\":\n return (\n <FormattedHTMLMessage\n id=\"step.smsLoop.errors.codeVerification\"\n defaultMessage=\"Verification code could not be validated.\"\n />\n );\n case \"expiredSMSCode\":\n return (\n <FormattedHTMLMessage\n id=\"step.smsLoop.errors.codeExpired\"\n defaultMessage=\"Verification code expired.\"\n />\n );\n default:\n return <FormattedHTMLMessage id=\"errorId.unknownError\" defaultMessage=\"Unknown Error\" />;\n }\n };\n\n return (\n <div className=\"sid-field sid-sms-code-id\">\n <div className=\"sid-l-space-top-md\" />\n {isErrored ? <div className=\"sid-field-error\">{getErrorMessage(errorId)}</div> : null}\n\n <InputTextComponent\n id=\"sms-code\"\n isErrored={isErrored}\n required\n placeholder={\n placeholder \|\|\n intl.formatHTMLMessage({ id: \"smsCodePlaceholder\", defaultMessage: \"SMS Code\" })\n }\n value={value}\n onChange={(e) => onChange(e.target.value)}\n />\n </div>\n );\n};\n\nexport const SMSCodeComponent = injectIntl(SMSCode);\n","import React from \"react\";\nimport { injectIntl, FormattedHTMLMessage, type InjectedIntl } from \"react-intl\";\nimport { produce } from \"immer\";\n\nimport { logger } from \"@jslib/shared/utils/logger\";\nimport { getSafe } from \"@jslib/shared/utils/getSafe\";\n\nimport {\n type VerificationService,\n type StudentPersonalInfoViewModel,\n type SMSLoopResponse,\n type SMSLoopViewModel,\n} from \"../../lib/types/types\";\nimport { VerificationStepsEnum } from \"../../lib/types/runtimeTypes\";\nimport { SMSCodeComponent } from \"../FormFields/SMSCode/SMSCodeComponent\";\nimport { VerificationApiClient } from \"../../lib/ServerApi/VerificationApiClient\";\nimport { AnnouncingHeader } from \"../AnnouncingHeader/AnnouncingHeader\";\n\ninterface StepSMSLoopProps {\n intl: InjectedIntl;\n verificationService: VerificationService;\n}\n\nconst StepSMSLoop = ({ intl, verificationService }: StepSMSLoopProps) => {\n const viewModel = verificationService.viewModel as SMSLoopViewModel;\n const verificationResponse = verificationService.verificationResponse as SMSLoopResponse;\n const isErrored = Boolean(verificationService.fieldValidationErrors.smsCode);\n const previousViewModel =\n (verificationService.previousViewModel as StudentPersonalInfoViewModel) \|\| undefined;\n\n const [stepResultMessage, setStepResultMessage] = React.useState(\"\");\n const [isAttemptLimitExceeded, setAttemptLimitExceeded] = React.useState(\n verificationResponse.errorIds &&\n verificationResponse.errorIds.includes(\"incorrectSMSCodeAttemptLimitExceeded\"),\n );\n\n const stepSuccessMessage = intl.formatHTMLMessage({\n id: \"step.smsLoop.successResend\",\n defaultMessage: \"SMS message re-sent successfully\",\n });\n const maxTotalRetriesMessage = intl.formatHTMLMessage({\n id: \"step.smsLoop.errors.codeResendLimit\",\n defaultMessage: \"Maximum number of re-tries has been reached.\",\n });\n const maxRetriesPerCodeMessage = intl.formatHTMLMessage({\n id: \"step.smsLoop.errors.codeResendLimit\",\n defaultMessage: \"Maximum number of re-tries has been reached.\",\n });\n const errorResendingSMSMessage = intl.formatHTMLMessage({\n id: \"step.smsLoop.errors.resend\",\n defaultMessage: \"Error sending the SMS message\",\n });\n\n React.useEffect(() => {\n if (isAttemptLimitExceeded) {\n setStepResultMessage(maxRetriesPerCodeMessage);\n }\n }, []);\n\n if (\n getSafe(() => verificationResponse.errorIds.length) &&\n !verificationService.fieldValidationErrors.smsCode\n ) {\n verificationService.updateFieldValidationErrors({\n ...verificationService.fieldValidationErrors,\n smsCode: verificationResponse.errorIds[0],\n });\n }\n\n const updateSmsCode = (value) => {\n const nextState: SMSLoopViewModel = produce(viewModel, (draft: SMSLoopViewModel) => {\n draft.smsCode = value;\n draft.phoneNumber = previousViewModel && previousViewModel.phoneNumber;\n });\n verificationService.updateViewModel(nextState);\n };\n\n const submitForm = () => {\n logger.info(\"StepSMSLoop submitting form\");\n verificationService.submitStep(\n VerificationStepsEnum.smsLoop,\n viewModel,\n verificationService.verificationResponse,\n );\n };\n\n const resendSmsCode = async (verificationId) => {\n const response = await VerificationApiClient.getResendNewSmsCode(verificationId);\n if (response) {\n setAttemptLimitExceeded(false);\n setStepResultMessage(response.status === 204 ? stepSuccessMessage : maxTotalRetriesMessage);\n } else {\n setStepResultMessage(errorResendingSMSMessage);\n }\n };\n\n return (\n <div id=\"sid-step-sms-loop\" className=\"sid-sms-loop-container sid-l-container\">\n <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\"> </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  \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  \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\nexport const StepSMSLoopComponent = injectIntl(StepSMSLoop);\n"],"mappings":"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"}

package/chunk/StepSSO-BGHCbduX.js CHANGED Viewed

@@ -4,10 +4,10 @@
  *   This file is not intended for use in other contexts and there are no guarantees about its behavior outside of MySheerID.
  */
 /**
- *   VERSION: 2.276.0
- *   BUILD_TIMESTAMP: 1787688588835
- *   BUILD_DATE: Tue Aug 25 2026 20:09:48 GMT+0000 (Coordinated Universal Time)
- *   BUILD_COMMIT: 2d25c43e9725e6fd856b82b1bdf08408dfb6a86b
+ *   VERSION: 2.277.0
+ *   BUILD_TIMESTAMP: 1787693419738
+ *   BUILD_DATE: Tue Aug 25 2026 21:30:19 GMT+0000 (Coordinated Universal Time)
+ *   BUILD_COMMIT: 6bf9486531bf722019a9060202aca84ce001472b
  */
 import { k as e } from "../_mysheerid-preview.js";
 export { e as default };

package/chunk/StepSSO-ZHByQpHa.js CHANGED Viewed

@@ -1,9 +1,9 @@
 /**
- *   VERSION: 2.276.0
- *   BUILD_TIMESTAMP: 1787688581348
- *   BUILD_DATE: Tue Aug 25 2026 20:09:41 GMT+0000 (Coordinated Universal Time)
- *   BUILD_COMMIT: 2d25c43e9725e6fd856b82b1bdf08408dfb6a86b
+ *   VERSION: 2.277.0
+ *   BUILD_TIMESTAMP: 1787693415496
+ *   BUILD_DATE: Tue Aug 25 2026 21:30:15 GMT+0000 (Coordinated Universal Time)
+ *   BUILD_COMMIT: 6bf9486531bf722019a9060202aca84ce001472b
  */
 import { A as e } from "../sheerid.js";
 export { e as default };

package/chunk/{StepSocialSecurityNumber-S4ajjj2k.js → StepSocialSecurityNumber-DepVz3V7.js} RENAMED Viewed

@@ -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.276.0
- *   BUILD_TIMESTAMP: 1787688588835
- *   BUILD_DATE: Tue Aug 25 2026 20:09:48 GMT+0000 (Coordinated Universal Time)
- *   BUILD_COMMIT: 2d25c43e9725e6fd856b82b1bdf08408dfb6a86b
+ *   VERSION: 2.277.0
+ *   BUILD_TIMESTAMP: 1787693419738
+ *   BUILD_DATE: Tue Aug 25 2026 21:30:19 GMT+0000 (Coordinated Universal Time)
+ *   BUILD_COMMIT: 6bf9486531bf722019a9060202aca84ce001472b
  */
-import { Jt as e, Lt as t, bt as n, p as r } from "./intl-Ft_65Lzo.js";
-import { a as i, c as a, n as o, t as s } from "./jsx-runtime-Bq9F3xvK.js";
-import { t as c } from "./FormFooterComponent-BuRQRQFI.js";
-import { o as l } from "./refs-BgqdAkVI.js";
-import { t as u } from "./LogoComponent-DSoOQ1Uz.js";
-import { t as d } from "./AnnouncingHeader-CegZwDFd.js";
-import { S as f, b as p } from "./stepComponentHelpers-2Sq02uha.js";
-import { t as m } from "./ChangeLocaleComponent-Z-taCJ6R.js";
-import { t as h } from "./SSN-CbSneflU.js";
+import { Nt as e, Wt as t, bt as n, p as r } from "./intl-e5WHiYfA.js";
+import { a as i, c as a, n as o, t as s } from "./jsx-runtime-LqzCS-0D.js";
+import { t as c } from "./FormFooterComponent-CaOt9TQw.js";
+import { o as l } from "./refs-CI3K5ndt.js";
+import { t as u } from "./LogoComponent-Dx1G-rzE.js";
+import { t as d } from "./AnnouncingHeader-YPjBYzsZ.js";
+import { g as f, v as p } from "./stepComponentHelpers-BdqtwfRd.js";
+import { t as m } from "./ChangeLocaleComponent-CKKK4OcA.js";
+import { t as h } from "./SSN-DlBvRiaZ.js";
 //#region src/components/StepSocialSecurityNumber/SsnChoice.tsx
-var g = /* @__PURE__ */ e(a(), 1), _ = s(), v = ({ useSsn: e, useDocUpload: t, verificationService: n }) => /* @__PURE__ */ (0, _.jsxs)("div", {
+var g = /* @__PURE__ */ t(a(), 1), _ = s(), v = ({ useSsn: e, useDocUpload: t, verificationService: n }) => /* @__PURE__ */ (0, _.jsxs)("div", {
 	id: "sid-ssn-choice",
 	className: "sid-ssn-choice-container sid-l-container sid-l-horz-center",
 	children: [/* @__PURE__ */ (0, _.jsxs)("div", {
@@ -68,17 +68,17 @@ var g = /* @__PURE__ */ e(a(), 1), _ = s(), v = ({ useSsn: e, useDocUpload: t, v
 		className: "sid-ssn-choice__footer sid-l-space-top-lg",
 		children: /* @__PURE__ */ (0, _.jsx)(c, { verificationService: n })
 	})]
-}), y = i(({ verificationService: e }) => {
-	let [i, a] = g.useState(!0), s = e.viewModel, { fieldValidationErrors: y } = e, b = () => e.submitStep(t.cancelSocialSecurityNumber, s, e.verificationResponse), x = (t, n) => {
-		let i = r(s, (e) => {
-			e[t] = n;
+}), y = i(({ verificationService: t }) => {
+	let [i, a] = g.useState(!0), s = t.viewModel, { fieldValidationErrors: y } = t, b = () => t.submitStep(e.cancelSocialSecurityNumber, s, t.verificationResponse), x = (e, n) => {
+		let i = r(s, (t) => {
+			t[e] = n;
 		});
-		e.updateViewModel(i);
+		t.updateViewModel(i);
 	}, S = s.socialSecurityNumber && s.socialSecurityNumber.toString().length === 9;
 	return i ? /* @__PURE__ */ (0, _.jsx)(v, {
 		useSsn: () => a(!1),
 		useDocUpload: b,
-		verificationService: e
+		verificationService: t
 	}) : /* @__PURE__ */ (0, _.jsxs)("div", {
 		id: "sid-step-social-security",
 		className: "sid-social-sercurity-number-container sid-l-container sid-l-horz-center",
@@ -90,7 +90,7 @@ var g = /* @__PURE__ */ e(a(), 1), _ = s(), v = ({ useSsn: e, useDocUpload: t, v
 					children: [
 						/* @__PURE__ */ (0, _.jsx)("div", {
 							className: "sid-social-security-number-logo-container sid-l-horz-center",
-							children: /* @__PURE__ */ (0, _.jsx)(u, { verificationService: e })
+							children: /* @__PURE__ */ (0, _.jsx)(u, { verificationService: t })
 						}),
 						/* @__PURE__ */ (0, _.jsx)(d, {
 							align: "center",
@@ -100,13 +100,13 @@ var g = /* @__PURE__ */ e(a(), 1), _ = s(), v = ({ useSsn: e, useDocUpload: t, v
 								tagName: "h1"
 							})
 						}),
-						/* @__PURE__ */ (0, _.jsx)(m, { verificationService: e }),
+						/* @__PURE__ */ (0, _.jsx)(m, { verificationService: t }),
 						/* @__PURE__ */ (0, _.jsx)("div", {
 							className: "sid-ssn-wrapper",
 							children: /* @__PURE__ */ (0, _.jsx)(h, {
 								value: s.socialSecurityNumber,
-								onChange: (t) => {
-									x("socialSecurityNumber", t), f("socialSecurityNumber", t, e);
+								onChange: (e) => {
+									x("socialSecurityNumber", e), p("socialSecurityNumber", e, t);
 								},
 								isErrored: !!y[n.socialSecurityNumber],
 								placeholder: "000-00-0000"
@@ -120,7 +120,7 @@ var g = /* @__PURE__ */ e(a(), 1), _ = s(), v = ({ useSsn: e, useDocUpload: t, v
 						className: "sid-social-security-number-submit sid-submit",
 						children: /* @__PURE__ */ (0, _.jsx)("button", {
 							id: "sid-submit-wrapper__collect-info",
-							onClick: () => p(s, e, t.collectSocialSecurityNumber),
+							onClick: () => f(s, t, e.collectSocialSecurityNumber),
 							type: "submit",
 							className: `sid-btn sid-social-security-number-submit-btn sid-btn--dark sid-l-full-width ${S ? "" : "sid-btn--disabled-like"}`,
 							"aria-label": "submit",
@@ -147,7 +147,7 @@ var g = /* @__PURE__ */ e(a(), 1), _ = s(), v = ({ useSsn: e, useDocUpload: t, v
 					})
 				})
 			]
-		}), /* @__PURE__ */ (0, _.jsx)(c, { verificationService: e })]
+		}), /* @__PURE__ */ (0, _.jsx)(c, { verificationService: t })]
 	});
 });
 //#endregion

package/chunk/{StepSocialSecurityNumber-S4ajjj2k.js.map → StepSocialSecurityNumber-DepVz3V7.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"StepSocialSecurityNumber-~~S4ajjj2k~~.js","names":[],"sources":["../../src/components/StepSocialSecurityNumber/SsnChoice.tsx","../../src/components/StepSocialSecurityNumber/StepSocialSecurityNumber.tsx"],"sourcesContent":["import { FormattedHTMLMessage } from \"react-intl\";\n\nimport { FormFooterComponent as FormFooter } from \"../FormFooter/FormFooterComponent\";\nimport { LogoComponent } from \"../LogoComponent/LogoComponent\";\n\ntype Props = {\n useSsn: () => void;\n useDocUpload: () => void;\n verificationService: any;\n};\n\nconst Step = ({ useSsn, useDocUpload, verificationService }: Props) => (\n <div id=\"sid-ssn-choice\" className=\"sid-ssn-choice-container sid-l-container sid-l-horz-center\">\n <div role=\"main\">\n <div className=\"sid-header\">\n <div className=\"sid-ssn-choice-logo-container sid-l-horz-center\">\n <LogoComponent verificationService={verificationService} />\n </div>\n <div className=\"sid-header__title sid-l-horz-center\">\n <FormattedHTMLMessage\n id=\"step.collectSocialSecurityNumber.selectOption\"\n defaultMessage=\"Select an option\"\n tagName=\"h1\"\n />\n </div>\n </div>\n\n <div className=\"sid-ssn-choice__choice1 sid-l-space-top-lg\">\n <button\n type=\"button\"\n onClick={useSsn}\n className=\"sid-btn sid-ssn-choice-one-btn sid-btn--light sid-l-full-width sid-use-ssn\"\n >\n <FormattedHTMLMessage\n id=\"step.collectSocialSecurityNumber.useSsn\"\n defaultMessage=\"Verify using your social security number\"\n />\n </button>\n </div>\n\n <div className=\"sid-ssn-choice__choice2 sid-l-space-top-md\">\n <button\n type=\"button\"\n onClick={useDocUpload}\n className=\"sid-btn sid-ssn-choice-two-btn sid-btn--light sid-l-full-width sid-use-doc-upload\"\n >\n <FormattedHTMLMessage\n id=\"step.collectSocialSecurityNumber.uploadDoc\"\n defaultMessage=\"Upload a document\"\n />\n </button>\n </div>\n </div>\n <div className=\"sid-ssn-choice__footer sid-l-space-top-lg\">\n <FormFooter verificationService={verificationService} />\n </div>\n </div>\n);\n\nexport const SsnChoice = Step;\n","import React from \"react\";\nimport { FormattedHTMLMessage, injectIntl } from \"react-intl\";\nimport { produce } from \"immer\";\n\nimport { VerificationStepsEnum, FieldIdEnum } from \"../../lib/types/runtimeTypes\";\nimport { setRef } from \"../../lib/refs/refs\";\nimport { type VerificationService, type SocialSecurityViewModel } from \"../../lib/types/types\";\nimport {\n submitForm,\n updateFieldValidationErrorsByFieldId,\n} from \"../../lib/utils/stepComponentHelpers/stepComponentHelpers\";\nimport { LogoComponent } from \"../LogoComponent/LogoComponent\";\nimport { FormFooterComponent as FormFooter } from \"../FormFooter/FormFooterComponent\";\nimport { SocialSecurityNumber } from \"../FormFields/SSN/SSN\";\nimport { ChangeLocaleV2Component } from \"../FormFields/ChangeLocale/ChangeLocaleComponent\";\nimport { AnnouncingHeader } from \"../AnnouncingHeader/AnnouncingHeader\";\n\nimport { SsnChoice } from \"./SsnChoice\";\n\ninterface StepSocialSecurityNumberProps {\n verificationService: VerificationService;\n}\n\nconst Step = ({ verificationService }: StepSocialSecurityNumberProps) => {\n const [showChoice, setShowChoice] = React.useState(true);\n const viewModel = verificationService.viewModel as SocialSecurityViewModel;\n const { fieldValidationErrors } = verificationService;\n const doCancelStep = () =>\n verificationService.submitStep(\n VerificationStepsEnum.cancelSocialSecurityNumber,\n viewModel,\n verificationService.verificationResponse,\n );\n\n const updateSSNViewModel = (key: keyof SocialSecurityViewModel, value: any) => {\n const nextState: SocialSecurityViewModel = produce(\n viewModel,\n (draft: SocialSecurityViewModel) => {\n (draft[key] as any) = value;\n },\n );\n verificationService.updateViewModel(nextState);\n };\n\n const isSubmittable =\n viewModel.socialSecurityNumber && viewModel.socialSecurityNumber.toString().length === 9;\n\n if (showChoice) {\n return (\n <SsnChoice\n useSsn={() => setShowChoice(false)}\n useDocUpload={doCancelStep}\n verificationService={verificationService}\n />\n );\n }\n\n return (\n <div\n id=\"sid-step-social-security\"\n className=\"sid-social-sercurity-number-container sid-l-container sid-l-horz-center\"\n >\n <div role=\"main\">\n <div className=\"sid-header\">\n <div className=\"sid-social-security-number-logo-container sid-l-horz-center\">\n <LogoComponent verificationService={verificationService} />\n </div>\n <AnnouncingHeader align=\"center\">\n <FormattedHTMLMessage\n id=\"step.collectSocialSecurityNumber.title\"\n defaultMessage=\"Enter your social security number\"\n tagName=\"h1\"\n />\n </AnnouncingHeader>\n\n <ChangeLocaleV2Component verificationService={verificationService} />\n\n <div className=\"sid-ssn-wrapper\">\n <SocialSecurityNumber\n value={viewModel.socialSecurityNumber}\n onChange={(value: string) => {\n updateSSNViewModel(\"socialSecurityNumber\", value);\n updateFieldValidationErrorsByFieldId(\n \"socialSecurityNumber\",\n value,\n verificationService,\n );\n }}\n isErrored={!!fieldValidationErrors[FieldIdEnum.socialSecurityNumber]}\n placeholder=\"000-00-0000\"\n />\n </div>\n </div>\n\n <div className=\"sid-form-region sid-submit-wrapper sid-l-space-top-md\">\n <div className=\"sid-social-security-number-submit sid-submit\">\n <button\n id=\"sid-submit-wrapper__collect-info\"\n onClick={() =>\n submitForm(\n viewModel,\n verificationService,\n VerificationStepsEnum.collectSocialSecurityNumber,\n )\n }\n type=\"submit\"\n className={`sid-btn sid-social-security-number-submit-btn sid-btn--dark sid-l-full-width ${\n isSubmittable ? \"\" : \"sid-btn--disabled-like\"\n }`}\n aria-label=\"submit\"\n ref={(button) => setRef(\"submitButton\", button)}\n >\n <FormattedHTMLMessage id=\"proceed\" defaultMessage=\"Proceed\" />\n </button>\n </div>\n </div>\n\n <div\n className=\"sid-form-region sid-social-security-number-upload-instead-btn sid-l-space-top-md\"\n role=\"button\"\n tabIndex={0}\n onKeyUp={doCancelStep}\n onClick={doCancelStep}\n >\n <div className=\"sid-social-security-number-upload-instead-text sid-h-link-like\">\n <FormattedHTMLMessage\n id=\"step.collectSocialSecurityNumber.uploadInstead\"\n defaultMessage=\"Upload a document instead\"\n />\n </div>\n </div>\n </div>\n <FormFooter verificationService={verificationService} />\n </div>\n );\n};\n\n// TODO remove injectIntl, it's not used\nexport const StepSocialSecurityNumber = injectIntl(Step);\n"],"mappings":";;;;;;;;;;4CA2DA,KAhDA,EAAA,WAAA,iBAAA,6BAAA,iBAAA,GAAA,EAAA,MAAA,OAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IC+Ha,IAA2B,GAnH1B,EAAE,6BAAyD;CACvE,IAAM,CAAC,GAAY,KAAA,EAAuB,SAAS,EAAI,GACjD,IAAY,EAAoB,WAChC,EAAE,6BAA0B,GAC5B,UACJ,EAAoB,WAClB,EAAsB,4BACtB,GACA,EAAoB,oBACtB,GAEI,KAAsB,GAAoC,MAAe;EAC7E,IAAM,IAAqC,EACzC,IACC,MAAmC;GAClC,EAAO,KAAe;EACxB,CACF;EACA,EAAoB,gBAAgB,CAAS;CAC/C,GAEM,IACJ,EAAU,wBAAwB,EAAU,qBAAqB,SAAS,EAAE,WAAW;CAYzF,OAVI,IAEA,iBAAA,GAAA,EAAA,KAAC,GAAD;EACE,cAAc,EAAc,EAAK;EACjC,cAAc;EACO;CACtB,CAAA,IAKH,iBAAA,GAAA,EAAA,MAAC,OAAD;EACE,IAAG;EACH,WAAU;YAFZ,CAIE,iBAAA,GAAA,EAAA,MAAC,OAAD;GAAK,MAAK;aAAV;IACE,iBAAA,GAAA,EAAA,MAAC,OAAD;KAAK,WAAU;eAAf;MACE,iBAAA,GAAA,EAAA,KAAC,OAAD;OAAK,WAAU;iBACb,iBAAA,GAAA,EAAA,KAAC,GAAD,EAAoC,uBAAsB,CAAA;MACvD,CAAA;MACL,iBAAA,GAAA,EAAA,KAAC,GAAD;OAAkB,OAAM;iBACtB,iBAAA,GAAA,EAAA,KAAC,GAAD;QACE,IAAG;QACH,gBAAe;QACf,SAAQ;OACT,CAAA;MACe,CAAA;MAElB,iBAAA,GAAA,EAAA,KAAC,GAAD,EAA8C,uBAAsB,CAAA;MAEpE,iBAAA,GAAA,EAAA,KAAC,OAAD;OAAK,WAAU;iBACb,iBAAA,GAAA,EAAA,KAAC,GAAD;QACE,OAAO,EAAU;QACjB,WAAW,MAAkB;SAE3B,AADA,EAAmB,wBAAwB,CAAK,GAChD,EACE,wBACA,GACA,CACF;QACF;QACA,WAAW,CAAC,CAAC,EAAsB,EAAY;QAC/C,aAAY;OACb,CAAA;MACE,CAAA;KACF;;IAEL,iBAAA,GAAA,EAAA,KAAC,OAAD;KAAK,WAAU;eACb,iBAAA,GAAA,EAAA,KAAC,OAAD;MAAK,WAAU;gBACb,iBAAA,GAAA,EAAA,KAAC,UAAD;OACE,IAAG;OACH,eACE,EACE,GACA,GACA,EAAsB,2BACxB;OAEF,MAAK;OACL,WAAW,gFACT,IAAgB,KAAK;OAEvB,cAAW;OACX,MAAM,MAAW,EAAO,gBAAgB,CAAM;iBAE9C,iBAAA,GAAA,EAAA,KAAC,GAAD;QAAsB,IAAG;QAAU,gBAAe;OAAW,CAAA;MACvD,CAAA;KACL,CAAA;IACF,CAAA;IAEL,iBAAA,GAAA,EAAA,KAAC,OAAD;KACE,WAAU;KACV,MAAK;KACL,UAAU;KACV,SAAS;KACT,SAAS;eAET,iBAAA,GAAA,EAAA,KAAC,OAAD;MAAK,WAAU;gBACb,iBAAA,GAAA,EAAA,KAAC,GAAD;OACE,IAAG;OACH,gBAAe;MAChB,CAAA;KACE,CAAA;IACF,CAAA;GACF;MACL,iBAAA,GAAA,EAAA,KAAC,GAAD,EAAiC,uBAAsB,CAAA,CACpD;;AAET,CAGuD"}
1	+ {"version":3,"file":"StepSocialSecurityNumber-DepVz3V7.js","names":[],"sources":["../../src/components/StepSocialSecurityNumber/SsnChoice.tsx","../../src/components/StepSocialSecurityNumber/StepSocialSecurityNumber.tsx"],"sourcesContent":["import { FormattedHTMLMessage } from \"react-intl\";\n\nimport { FormFooterComponent as FormFooter } from \"../FormFooter/FormFooterComponent\";\nimport { LogoComponent } from \"../LogoComponent/LogoComponent\";\n\ntype Props = {\n useSsn: () => void;\n useDocUpload: () => void;\n verificationService: any;\n};\n\nconst Step = ({ useSsn, useDocUpload, verificationService }: Props) => (\n <div id=\"sid-ssn-choice\" className=\"sid-ssn-choice-container sid-l-container sid-l-horz-center\">\n <div role=\"main\">\n <div className=\"sid-header\">\n <div className=\"sid-ssn-choice-logo-container sid-l-horz-center\">\n <LogoComponent verificationService={verificationService} />\n </div>\n <div className=\"sid-header__title sid-l-horz-center\">\n <FormattedHTMLMessage\n id=\"step.collectSocialSecurityNumber.selectOption\"\n defaultMessage=\"Select an option\"\n tagName=\"h1\"\n />\n </div>\n </div>\n\n <div className=\"sid-ssn-choice__choice1 sid-l-space-top-lg\">\n <button\n type=\"button\"\n onClick={useSsn}\n className=\"sid-btn sid-ssn-choice-one-btn sid-btn--light sid-l-full-width sid-use-ssn\"\n >\n <FormattedHTMLMessage\n id=\"step.collectSocialSecurityNumber.useSsn\"\n defaultMessage=\"Verify using your social security number\"\n />\n </button>\n </div>\n\n <div className=\"sid-ssn-choice__choice2 sid-l-space-top-md\">\n <button\n type=\"button\"\n onClick={useDocUpload}\n className=\"sid-btn sid-ssn-choice-two-btn sid-btn--light sid-l-full-width sid-use-doc-upload\"\n >\n <FormattedHTMLMessage\n id=\"step.collectSocialSecurityNumber.uploadDoc\"\n defaultMessage=\"Upload a document\"\n />\n </button>\n </div>\n </div>\n <div className=\"sid-ssn-choice__footer sid-l-space-top-lg\">\n <FormFooter verificationService={verificationService} />\n </div>\n </div>\n);\n\nexport const SsnChoice = Step;\n","import React from \"react\";\nimport { FormattedHTMLMessage, injectIntl } from \"react-intl\";\nimport { produce } from \"immer\";\n\nimport { VerificationStepsEnum, FieldIdEnum } from \"../../lib/types/runtimeTypes\";\nimport { setRef } from \"../../lib/refs/refs\";\nimport { type VerificationService, type SocialSecurityViewModel } from \"../../lib/types/types\";\nimport {\n submitForm,\n updateFieldValidationErrorsByFieldId,\n} from \"../../lib/utils/stepComponentHelpers/stepComponentHelpers\";\nimport { LogoComponent } from \"../LogoComponent/LogoComponent\";\nimport { FormFooterComponent as FormFooter } from \"../FormFooter/FormFooterComponent\";\nimport { SocialSecurityNumber } from \"../FormFields/SSN/SSN\";\nimport { ChangeLocaleV2Component } from \"../FormFields/ChangeLocale/ChangeLocaleComponent\";\nimport { AnnouncingHeader } from \"../AnnouncingHeader/AnnouncingHeader\";\n\nimport { SsnChoice } from \"./SsnChoice\";\n\ninterface StepSocialSecurityNumberProps {\n verificationService: VerificationService;\n}\n\nconst Step = ({ verificationService }: StepSocialSecurityNumberProps) => {\n const [showChoice, setShowChoice] = React.useState(true);\n const viewModel = verificationService.viewModel as SocialSecurityViewModel;\n const { fieldValidationErrors } = verificationService;\n const doCancelStep = () =>\n verificationService.submitStep(\n VerificationStepsEnum.cancelSocialSecurityNumber,\n viewModel,\n verificationService.verificationResponse,\n );\n\n const updateSSNViewModel = (key: keyof SocialSecurityViewModel, value: any) => {\n const nextState: SocialSecurityViewModel = produce(\n viewModel,\n (draft: SocialSecurityViewModel) => {\n (draft[key] as any) = value;\n },\n );\n verificationService.updateViewModel(nextState);\n };\n\n const isSubmittable =\n viewModel.socialSecurityNumber && viewModel.socialSecurityNumber.toString().length === 9;\n\n if (showChoice) {\n return (\n <SsnChoice\n useSsn={() => setShowChoice(false)}\n useDocUpload={doCancelStep}\n verificationService={verificationService}\n />\n );\n }\n\n return (\n <div\n id=\"sid-step-social-security\"\n className=\"sid-social-sercurity-number-container sid-l-container sid-l-horz-center\"\n >\n <div role=\"main\">\n <div className=\"sid-header\">\n <div className=\"sid-social-security-number-logo-container sid-l-horz-center\">\n <LogoComponent verificationService={verificationService} />\n </div>\n <AnnouncingHeader align=\"center\">\n <FormattedHTMLMessage\n id=\"step.collectSocialSecurityNumber.title\"\n defaultMessage=\"Enter your social security number\"\n tagName=\"h1\"\n />\n </AnnouncingHeader>\n\n <ChangeLocaleV2Component verificationService={verificationService} />\n\n <div className=\"sid-ssn-wrapper\">\n <SocialSecurityNumber\n value={viewModel.socialSecurityNumber}\n onChange={(value: string) => {\n updateSSNViewModel(\"socialSecurityNumber\", value);\n updateFieldValidationErrorsByFieldId(\n \"socialSecurityNumber\",\n value,\n verificationService,\n );\n }}\n isErrored={!!fieldValidationErrors[FieldIdEnum.socialSecurityNumber]}\n placeholder=\"000-00-0000\"\n />\n </div>\n </div>\n\n <div className=\"sid-form-region sid-submit-wrapper sid-l-space-top-md\">\n <div className=\"sid-social-security-number-submit sid-submit\">\n <button\n id=\"sid-submit-wrapper__collect-info\"\n onClick={() =>\n submitForm(\n viewModel,\n verificationService,\n VerificationStepsEnum.collectSocialSecurityNumber,\n )\n }\n type=\"submit\"\n className={`sid-btn sid-social-security-number-submit-btn sid-btn--dark sid-l-full-width ${\n isSubmittable ? \"\" : \"sid-btn--disabled-like\"\n }`}\n aria-label=\"submit\"\n ref={(button) => setRef(\"submitButton\", button)}\n >\n <FormattedHTMLMessage id=\"proceed\" defaultMessage=\"Proceed\" />\n </button>\n </div>\n </div>\n\n <div\n className=\"sid-form-region sid-social-security-number-upload-instead-btn sid-l-space-top-md\"\n role=\"button\"\n tabIndex={0}\n onKeyUp={doCancelStep}\n onClick={doCancelStep}\n >\n <div className=\"sid-social-security-number-upload-instead-text sid-h-link-like\">\n <FormattedHTMLMessage\n id=\"step.collectSocialSecurityNumber.uploadInstead\"\n defaultMessage=\"Upload a document instead\"\n />\n </div>\n </div>\n </div>\n <FormFooter verificationService={verificationService} />\n </div>\n );\n};\n\n// TODO remove injectIntl, it's not used\nexport const StepSocialSecurityNumber = injectIntl(Step);\n"],"mappings":";;;;;;;;;;4CA2DA,KAhDA,EAAA,WAAA,iBAAA,6BAAA,iBAAA,GAAA,EAAA,MAAA,OAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IC+Ha,IAA2B,GAnH1B,EAAE,6BAAyD;CACvE,IAAM,CAAC,GAAY,KAAA,EAAuB,SAAS,EAAI,GACjD,IAAY,EAAoB,WAChC,EAAE,6BAA0B,GAC5B,UACJ,EAAoB,WAClB,EAAsB,4BACtB,GACA,EAAoB,oBACtB,GAEI,KAAsB,GAAoC,MAAe;EAC7E,IAAM,IAAqC,EACzC,IACC,MAAmC;GAClC,EAAO,KAAe;EACxB,CACF;EACA,EAAoB,gBAAgB,CAAS;CAC/C,GAEM,IACJ,EAAU,wBAAwB,EAAU,qBAAqB,SAAS,EAAE,WAAW;CAYzF,OAVI,IAEA,iBAAA,GAAA,EAAA,KAAC,GAAD;EACE,cAAc,EAAc,EAAK;EACjC,cAAc;EACO;CACtB,CAAA,IAKH,iBAAA,GAAA,EAAA,MAAC,OAAD;EACE,IAAG;EACH,WAAU;YAFZ,CAIE,iBAAA,GAAA,EAAA,MAAC,OAAD;GAAK,MAAK;aAAV;IACE,iBAAA,GAAA,EAAA,MAAC,OAAD;KAAK,WAAU;eAAf;MACE,iBAAA,GAAA,EAAA,KAAC,OAAD;OAAK,WAAU;iBACb,iBAAA,GAAA,EAAA,KAAC,GAAD,EAAoC,uBAAsB,CAAA;MACvD,CAAA;MACL,iBAAA,GAAA,EAAA,KAAC,GAAD;OAAkB,OAAM;iBACtB,iBAAA,GAAA,EAAA,KAAC,GAAD;QACE,IAAG;QACH,gBAAe;QACf,SAAQ;OACT,CAAA;MACe,CAAA;MAElB,iBAAA,GAAA,EAAA,KAAC,GAAD,EAA8C,uBAAsB,CAAA;MAEpE,iBAAA,GAAA,EAAA,KAAC,OAAD;OAAK,WAAU;iBACb,iBAAA,GAAA,EAAA,KAAC,GAAD;QACE,OAAO,EAAU;QACjB,WAAW,MAAkB;SAE3B,AADA,EAAmB,wBAAwB,CAAK,GAChD,EACE,wBACA,GACA,CACF;QACF;QACA,WAAW,CAAC,CAAC,EAAsB,EAAY;QAC/C,aAAY;OACb,CAAA;MACE,CAAA;KACF;;IAEL,iBAAA,GAAA,EAAA,KAAC,OAAD;KAAK,WAAU;eACb,iBAAA,GAAA,EAAA,KAAC,OAAD;MAAK,WAAU;gBACb,iBAAA,GAAA,EAAA,KAAC,UAAD;OACE,IAAG;OACH,eACE,EACE,GACA,GACA,EAAsB,2BACxB;OAEF,MAAK;OACL,WAAW,gFACT,IAAgB,KAAK;OAEvB,cAAW;OACX,MAAM,MAAW,EAAO,gBAAgB,CAAM;iBAE9C,iBAAA,GAAA,EAAA,KAAC,GAAD;QAAsB,IAAG;QAAU,gBAAe;OAAW,CAAA;MACvD,CAAA;KACL,CAAA;IACF,CAAA;IAEL,iBAAA,GAAA,EAAA,KAAC,OAAD;KACE,WAAU;KACV,MAAK;KACL,UAAU;KACV,SAAS;KACT,SAAS;eAET,iBAAA,GAAA,EAAA,KAAC,OAAD;MAAK,WAAU;gBACb,iBAAA,GAAA,EAAA,KAAC,GAAD;OACE,IAAG;OACH,gBAAe;MAChB,CAAA;KACE,CAAA;IACF,CAAA;GACF;MACL,iBAAA,GAAA,EAAA,KAAC,GAAD,EAAiC,uBAAsB,CAAA,CACpD;;AAET,CAGuD"}