npm - @sheerid/jslib - Versions diffs - 2.304.0 → 2.306.0 - Mend

@sheerid/jslib 2.304.0 → 2.306.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 (401) hide show

package/chunk/{StepSMSLoop-DfGhOhOr.js → StepSMSLoop-BR4v_UvU.js} RENAMED Viewed

@@ -1,18 +1,18 @@
 /**
- *   VERSION: 2.304.0
- *   BUILD_TIMESTAMP: 1792172949182
- *   BUILD_DATE: Fri Oct 16 2026 17:49:09 GMT+0000 (Coordinated Universal Time)
- *   BUILD_COMMIT: 14bb12a3aac5dfbe3f216ca64aa66bee70d284c3
+ *   VERSION: 2.306.0
+ *   BUILD_TIMESTAMP: 1792784358815
+ *   BUILD_DATE: Fri Oct 23 2026 19:39:18 GMT+0000 (Coordinated Universal Time)
+ *   BUILD_COMMIT: 051dca165a15b769b71940fd854aaa10b824ca55
  */
-import { c as e, dt as t, kt as n } from "./options-DsRV5fwh.js";
-import { n as r, s as i, t as a } from "./jsx-runtime-DQO6A867.js";
-import { g as o, n as s } from "./Message-BcRlg1D8.js";
+import { At as e, c as t, ft as n } from "./options-BCFIfBTZ.js";
+import { n as r, s as i, t as a } from "./jsx-runtime-BfITI5pK.js";
+import { S as o, n as s } from "./Message-D1m8rtsf.js";
 import { S as c, b as l } from "./runtimeTypes-B2AGNJMT.js";
-import { t as u } from "./AnnouncingHeader-zH7WLU2-.js";
-import { t as d } from "./InputText-CuBi-ytU.js";
+import { t as u } from "./AnnouncingHeader-DKOYC3b9.js";
+import { t as d } from "./InputText-D__c437o.js";
 //#region src/components/FormFields/SMSCode/SMSCodeComponent.tsx
-var f = /* @__PURE__ */ n(i(), 1), p = a(), m = ({ onChange: e, value: t, isErrored: n, errorId: i, placeholder: a = "" }) => {
+var f = /* @__PURE__ */ e(i(), 1), p = a(), m = ({ onChange: e, value: t, isErrored: n, errorId: i, 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__ */ n(i(), 1), p = a(), m = ({ onChange: e, value: t, isErro
 			})
 		]
 	});
-}, h = ({ verificationService: n }) => {
-	let { msg: i } = 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 = i({ id: "step.smsLoop.successResend" }), S = i({ id: "step.smsLoop.errors.codeResendLimit" }), C = i({ id: "step.smsLoop.errors.codeResendLimit" }), w = i({ id: "step.smsLoop.errors.resend" });
+}, h = ({ verificationService: e }) => {
+	let { msg: i } = 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 = i({ id: "step.smsLoop.successResend" }), S = i({ id: "step.smsLoop.errors.codeResendLimit" }), C = i({ id: "step.smsLoop.errors.codeResendLimit" }), w = i({ id: "step.smsLoop.errors.resend" });
 	f.useEffect(() => {
 		y && v(C);
-	}, []), t(() => d.errorIds.length) && !n.fieldValidationErrors.smsCode && n.updateFieldValidationErrors({
-		...n.fieldValidationErrors,
+	}, []), n(() => d.errorIds.length) && !e.fieldValidationErrors.smsCode && e.updateFieldValidationErrors({
+		...e.fieldValidationErrors,
 		smsCode: d.errorIds[0]
 	});
-	let T = (t) => {
-		let r = e(a, (e) => {
-			e.smsCode = t, e.phoneNumber = g && g.phoneNumber;
+	let T = (n) => {
+		let r = t(a, (e) => {
+			e.smsCode = n, e.phoneNumber = g && g.phoneNumber;
 		});
-		n.updateViewModel(r);
+		e.updateViewModel(r);
 	}, E = () => {
-		c.info("StepSMSLoop submitting form"), n.submitStep(l.smsLoop, a, n.verificationResponse);
+		c.info("StepSMSLoop submitting form"), e.submitStep(l.smsLoop, a, e.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__ */ n(i(), 1), p = a(), m = ({ onChange: e, value: t, isErro
 				}),
 				/* @__PURE__ */ (0, p.jsx)("div", {
 					className: "sid-header__subtitle",
-					children: t(() => g.phoneNumber) ? /* @__PURE__ */ (0, p.jsx)(r, {
+					children: n(() => g.phoneNumber) ? /* @__PURE__ */ (0, p.jsx)(r, {
 						id: "step.smsLoop.titleWithNumber",
 						defaultMessage: "We've sent an SMS message to the mobile number ending in {number}. Enter your code here.",
-						values: { number: t(() => g.phoneNumber.slice(-4), "") }
+						values: { number: n(() => g.phoneNumber.slice(-4), "") }
 					}) : /* @__PURE__ */ (0, p.jsx)(r, {
 						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__ */ n(i(), 1), p = a(), m = ({ onChange: e, value: t, isErro
 						onChange: T,
 						value: a.smsCode,
 						isErrored: h,
-						errorId: n.fieldValidationErrors.smsCode
+						errorId: e.fieldValidationErrors.smsCode
 					})
 				}),
 				_ && /* @__PURE__ */ (0, p.jsx)("div", { children: /* @__PURE__ */ (0, p.jsx)("p", { children: _ }) }),

package/chunk/{StepSMSLoop-DfGhOhOr.js.map → StepSMSLoop-BR4v_UvU.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"StepSMSLoop-DfGhOhOr.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\"> </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"],"mappings":"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"}
1	+ {"version":3,"file":"StepSMSLoop-BR4v_UvU.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\"> </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"],"mappings":"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"}

package/chunk/{StepSMSLoop-vn3IgTp0.js → StepSMSLoop-Dp77AMrb.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.304.0
- *   BUILD_TIMESTAMP: 1792172954317
- *   BUILD_DATE: Fri Oct 16 2026 17:49:14 GMT+0000 (Coordinated Universal Time)
- *   BUILD_COMMIT: 14bb12a3aac5dfbe3f216ca64aa66bee70d284c3
+ *   VERSION: 2.306.0
+ *   BUILD_TIMESTAMP: 1792784366120
+ *   BUILD_DATE: Fri Oct 23 2026 19:39:26 GMT+0000 (Coordinated Universal Time)
+ *   BUILD_COMMIT: 051dca165a15b769b71940fd854aaa10b824ca55
  */
-import { Tt as e, kt as t, p as n } from "./intl-DYOqmiaL.js";
+import { At as e, Et as t, p as n } from "./intl-D5sUivUy.js";
 import { S as r, b as i } from "./runtimeTypes-B2AGNJMT.js";
-import { n as a, s as o, t as s } from "./jsx-runtime-DtApx7WX.js";
-import { n as c, w as l } from "./Message-BToMuDnF.js";
-import { t as u } from "./AnnouncingHeader-CnV2m0Ak.js";
-import { t as d } from "./InputText-DMztCQmi.js";
+import { n as a, s as o, t as s } from "./jsx-runtime-CB6nLaN6.js";
+import { j as c, n as l } from "./Message-bCY_JxvZ.js";
+import { t as u } from "./AnnouncingHeader-gJrk6VDV.js";
+import { t as d } from "./InputText-CS8Q8oNz.js";
 //#region src/components/FormFields/SMSCode/SMSCodeComponent.tsx
-var f = /* @__PURE__ */ t(o(), 1), p = s(), m = ({ onChange: e, value: t, isErrored: n, errorId: r, placeholder: i = "" }) => {
-	let { msg: o } = c();
+var f = /* @__PURE__ */ e(o(), 1), p = s(), m = ({ onChange: e, value: t, isErrored: n, errorId: r, placeholder: i = "" }) => {
+	let { msg: o } = l();
 	return /* @__PURE__ */ (0, p.jsxs)("div", {
 		className: "sid-field sid-sms-code-id",
 		children: [
@@ -51,23 +51,23 @@ var f = /* @__PURE__ */ t(o(), 1), p = s(), m = ({ onChange: e, value: t, isErro
 			})
 		]
 	});
-}, h = ({ verificationService: t }) => {
-	let { msg: o } = c(), s = t.viewModel, d = t.verificationResponse, h = !!t.fieldValidationErrors.smsCode, g = t.previousViewModel || void 0, [_, v] = f.useState(""), [y, b] = f.useState(d.errorIds && d.errorIds.includes("incorrectSMSCodeAttemptLimitExceeded")), x = o({ id: "step.smsLoop.successResend" }), S = o({ id: "step.smsLoop.errors.codeResendLimit" }), C = o({ id: "step.smsLoop.errors.codeResendLimit" }), w = o({ id: "step.smsLoop.errors.resend" });
+}, h = ({ verificationService: e }) => {
+	let { msg: o } = l(), s = 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 = o({ id: "step.smsLoop.successResend" }), S = o({ id: "step.smsLoop.errors.codeResendLimit" }), C = o({ id: "step.smsLoop.errors.codeResendLimit" }), w = o({ id: "step.smsLoop.errors.resend" });
 	f.useEffect(() => {
 		y && v(C);
-	}, []), e(() => d.errorIds.length) && !t.fieldValidationErrors.smsCode && t.updateFieldValidationErrors({
-		...t.fieldValidationErrors,
+	}, []), t(() => d.errorIds.length) && !e.fieldValidationErrors.smsCode && e.updateFieldValidationErrors({
+		...e.fieldValidationErrors,
 		smsCode: d.errorIds[0]
 	});
-	let T = (e) => {
-		let r = n(s, (t) => {
-			t.smsCode = e, t.phoneNumber = g && g.phoneNumber;
+	let T = (t) => {
+		let r = n(s, (e) => {
+			e.smsCode = t, e.phoneNumber = g && g.phoneNumber;
 		});
-		t.updateViewModel(r);
+		e.updateViewModel(r);
 	}, E = () => {
-		r.info("StepSMSLoop submitting form"), t.submitStep(i.smsLoop, s, t.verificationResponse);
+		r.info("StepSMSLoop submitting form"), e.submitStep(i.smsLoop, s, e.verificationResponse);
 	}, D = async (e) => {
-		let t = await l.getResendNewSmsCode(e);
+		let t = await c.getResendNewSmsCode(e);
 		t ? (b(!1), v(t.status === 204 ? x : S)) : v(w);
 	};
 	return /* @__PURE__ */ (0, p.jsx)("div", {
@@ -86,10 +86,10 @@ var f = /* @__PURE__ */ t(o(), 1), p = s(), m = ({ onChange: e, value: t, isErro
 				}),
 				/* @__PURE__ */ (0, p.jsx)("div", {
 					className: "sid-header__subtitle",
-					children: e(() => g.phoneNumber) ? /* @__PURE__ */ (0, p.jsx)(a, {
+					children: t(() => g.phoneNumber) ? /* @__PURE__ */ (0, p.jsx)(a, {
 						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(() => g.phoneNumber.slice(-4), "") }
+						values: { number: t(() => g.phoneNumber.slice(-4), "") }
 					}) : /* @__PURE__ */ (0, p.jsx)(a, {
 						id: "step.smsLoop.titleWithoutNumber",
 						defaultMessage: "We've sent an SMS to your mobile number. Please enter the code here."
@@ -101,7 +101,7 @@ var f = /* @__PURE__ */ t(o(), 1), p = s(), m = ({ onChange: e, value: t, isErro
 						onChange: T,
 						value: s.smsCode,
 						isErrored: h,
-						errorId: t.fieldValidationErrors.smsCode
+						errorId: e.fieldValidationErrors.smsCode
 					})
 				}),
 				_ && /* @__PURE__ */ (0, p.jsx)("div", { children: /* @__PURE__ */ (0, p.jsx)("p", { children: _ }) }),

package/chunk/{StepSMSLoop-vn3IgTp0.js.map → StepSMSLoop-Dp77AMrb.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"StepSMSLoop-vn3IgTp0.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\"> </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"],"mappings":"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"}
1	+ {"version":3,"file":"StepSMSLoop-Dp77AMrb.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\"> </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"],"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.304.0
- *   BUILD_TIMESTAMP: 1792172954317
- *   BUILD_DATE: Fri Oct 16 2026 17:49:14 GMT+0000 (Coordinated Universal Time)
- *   BUILD_COMMIT: 14bb12a3aac5dfbe3f216ca64aa66bee70d284c3
+ *   VERSION: 2.306.0
+ *   BUILD_TIMESTAMP: 1792784366120
+ *   BUILD_DATE: Fri Oct 23 2026 19:39:26 GMT+0000 (Coordinated Universal Time)
+ *   BUILD_COMMIT: 051dca165a15b769b71940fd854aaa10b824ca55
  */
 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.304.0
- *   BUILD_TIMESTAMP: 1792172949182
- *   BUILD_DATE: Fri Oct 16 2026 17:49:09 GMT+0000 (Coordinated Universal Time)
- *   BUILD_COMMIT: 14bb12a3aac5dfbe3f216ca64aa66bee70d284c3
+ *   VERSION: 2.306.0
+ *   BUILD_TIMESTAMP: 1792784358815
+ *   BUILD_DATE: Fri Oct 23 2026 19:39:18 GMT+0000 (Coordinated Universal Time)
+ *   BUILD_COMMIT: 051dca165a15b769b71940fd854aaa10b824ca55
  */
 import { A as e } from "../sheerid.js";
 export { e as default };

package/chunk/{StepSocialSecurityNumber-CjG9oKtT.js → StepSocialSecurityNumber-A2Q_UluD.js} RENAMED Viewed

@@ -4,21 +4,21 @@
  *   This file is not intended for use in other contexts and there are no guarantees about its behavior outside of MySheerID.
  */
 /**
- *   VERSION: 2.304.0
- *   BUILD_TIMESTAMP: 1792172954317
- *   BUILD_DATE: Fri Oct 16 2026 17:49:14 GMT+0000 (Coordinated Universal Time)
- *   BUILD_COMMIT: 14bb12a3aac5dfbe3f216ca64aa66bee70d284c3
+ *   VERSION: 2.306.0
+ *   BUILD_TIMESTAMP: 1792784366120
+ *   BUILD_DATE: Fri Oct 23 2026 19:39:26 GMT+0000 (Coordinated Universal Time)
+ *   BUILD_COMMIT: 051dca165a15b769b71940fd854aaa10b824ca55
  */
-import { kt as e, p as t } from "./intl-DYOqmiaL.js";
+import { At as e, p as t } from "./intl-D5sUivUy.js";
 import { b as n, t as r } from "./runtimeTypes-B2AGNJMT.js";
-import { n as i, s as a, t as o } from "./jsx-runtime-DtApx7WX.js";
-import { t as s } from "./FormFooterComponent-DmKzIyrc.js";
+import { n as i, s as a, t as o } from "./jsx-runtime-CB6nLaN6.js";
+import { t as s } from "./FormFooterComponent-DzG4p93f.js";
 import { o as c } from "./refs-Mq0rtW9K.js";
-import { t as l } from "./LogoComponent-CcqFEsge.js";
-import { t as u } from "./AnnouncingHeader-CnV2m0Ak.js";
-import { d, l as f } from "./stepComponentHelpers-DOISo3yJ.js";
-import { t as p } from "./ChangeLocaleComponent-C8snL44m.js";
-import { t as m } from "./SSN-rfoKEogO.js";
+import { t as l } from "./LogoComponent-Dygket6f.js";
+import { t as u } from "./AnnouncingHeader-gJrk6VDV.js";
+import { d, l as f } from "./stepComponentHelpers--E4kvS6y.js";
+import { t as p } from "./ChangeLocaleComponent-FiBBf-GR.js";
+import { t as m } from "./SSN-Dn0TLNb9.js";
 //#region src/components/StepSocialSecurityNumber/SsnChoice.tsx
 var h = /* @__PURE__ */ e(a(), 1), g = o(), _ = ({ useSsn: e, useDocUpload: t, verificationService: n }) => /* @__PURE__ */ (0, g.jsxs)("div", {
 	id: "sid-ssn-choice",

package/chunk/{StepSocialSecurityNumber-BEhNPFMA.js.map → StepSocialSecurityNumber-A2Q_UluD.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"StepSocialSecurityNumber-~~BEhNPFMA~~.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 } 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\nexport const StepSocialSecurityNumber = ({\n verificationService,\n}: 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"],"mappings":";;;;;;;;;;;4CA2DA,KAhDA,EAAA,WAAA,iBAAA,6BAAA,iBAAA,GAAA,EAAA,MAAA,OAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ICYa,KAA4B,EACvC,6BACmC;CACnC,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"}
1	+ {"version":3,"file":"StepSocialSecurityNumber-A2Q_UluD.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 } 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\nexport const StepSocialSecurityNumber = ({\n verificationService,\n}: 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"],"mappings":";;;;;;;;;;;4CA2DA,KAhDA,EAAA,WAAA,iBAAA,6BAAA,iBAAA,GAAA,EAAA,MAAA,OAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ICYa,KAA4B,EACvC,6BACmC;CACnC,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"}

package/chunk/{StepSocialSecurityNumber-BEhNPFMA.js → StepSocialSecurityNumber-BO5uts-s.js} RENAMED Viewed

@@ -1,22 +1,22 @@
 /**
- *   VERSION: 2.304.0
- *   BUILD_TIMESTAMP: 1792172949182
- *   BUILD_DATE: Fri Oct 16 2026 17:49:09 GMT+0000 (Coordinated Universal Time)
- *   BUILD_COMMIT: 14bb12a3aac5dfbe3f216ca64aa66bee70d284c3
+ *   VERSION: 2.306.0
+ *   BUILD_TIMESTAMP: 1792784358815
+ *   BUILD_DATE: Fri Oct 23 2026 19:39:18 GMT+0000 (Coordinated Universal Time)
+ *   BUILD_COMMIT: 051dca165a15b769b71940fd854aaa10b824ca55
  */
-import { c as e, kt as t } from "./options-DsRV5fwh.js";
-import { n, s as r, t as i } from "./jsx-runtime-DQO6A867.js";
+import { At as e, c as t } from "./options-BCFIfBTZ.js";
+import { n, s as r, t as i } from "./jsx-runtime-BfITI5pK.js";
 import { b as a, t as o } from "./runtimeTypes-B2AGNJMT.js";
-import { t as s } from "./FormFooterComponent-DGcfJdwH.js";
+import { t as s } from "./FormFooterComponent-D0U-oYDf.js";
 import { o as c } from "./refs-Mq0rtW9K.js";
-import { t as l } from "./LogoComponent-B9xpaOmb.js";
-import { t as u } from "./AnnouncingHeader-zH7WLU2-.js";
-import { d, l as f } from "./stepComponentHelpers-BElircEH.js";
-import { t as p } from "./ChangeLocaleComponent-CeHqgN6J.js";
-import { t as m } from "./SSN-5QKevvwg.js";
+import { t as l } from "./LogoComponent-BcMnrRvP.js";
+import { t as u } from "./AnnouncingHeader-DKOYC3b9.js";
+import { d, l as f } from "./stepComponentHelpers-CD1Gfspm.js";
+import { t as p } from "./ChangeLocaleComponent-k7OjzNbY.js";
+import { t as m } from "./SSN-C4RsyvaG.js";
 //#region src/components/StepSocialSecurityNumber/SsnChoice.tsx
-var h = /* @__PURE__ */ t(r(), 1), g = i(), _ = ({ useSsn: e, useDocUpload: t, verificationService: r }) => /* @__PURE__ */ (0, g.jsxs)("div", {
+var h = /* @__PURE__ */ e(r(), 1), g = i(), _ = ({ useSsn: e, useDocUpload: t, verificationService: r }) => /* @__PURE__ */ (0, g.jsxs)("div", {
 	id: "sid-ssn-choice",
 	className: "sid-ssn-choice-container sid-l-container sid-l-horz-center",
 	children: [/* @__PURE__ */ (0, g.jsxs)("div", {
@@ -65,17 +65,17 @@ var h = /* @__PURE__ */ t(r(), 1), g = i(), _ = ({ useSsn: e, useDocUpload: t, v
 		className: "sid-ssn-choice__footer sid-l-space-top-lg",
 		children: /* @__PURE__ */ (0, g.jsx)(s, { verificationService: r })
 	})]
-}), v = ({ verificationService: t }) => {
-	let [r, i] = h.useState(!0), v = t.viewModel, { fieldValidationErrors: y } = t, b = () => t.submitStep(a.cancelSocialSecurityNumber, v, t.verificationResponse), x = (n, r) => {
-		let i = e(v, (e) => {
+}), v = ({ verificationService: e }) => {
+	let [r, i] = h.useState(!0), v = e.viewModel, { fieldValidationErrors: y } = e, b = () => e.submitStep(a.cancelSocialSecurityNumber, v, e.verificationResponse), x = (n, r) => {
+		let i = t(v, (e) => {
 			e[n] = r;
 		});
-		t.updateViewModel(i);
+		e.updateViewModel(i);
 	}, S = v.socialSecurityNumber && v.socialSecurityNumber.toString().length === 9;
 	return r ? /* @__PURE__ */ (0, g.jsx)(_, {
 		useSsn: () => i(!1),
 		useDocUpload: b,
-		verificationService: t
+		verificationService: e
 	}) : /* @__PURE__ */ (0, g.jsxs)("div", {
 		id: "sid-step-social-security",
 		className: "sid-social-sercurity-number-container sid-l-container sid-l-horz-center",
@@ -87,7 +87,7 @@ var h = /* @__PURE__ */ t(r(), 1), g = i(), _ = ({ useSsn: e, useDocUpload: t, v
 					children: [
 						/* @__PURE__ */ (0, g.jsx)("div", {
 							className: "sid-social-security-number-logo-container sid-l-horz-center",
-							children: /* @__PURE__ */ (0, g.jsx)(l, { verificationService: t })
+							children: /* @__PURE__ */ (0, g.jsx)(l, { verificationService: e })
 						}),
 						/* @__PURE__ */ (0, g.jsx)(u, {
 							align: "center",
@@ -97,13 +97,13 @@ var h = /* @__PURE__ */ t(r(), 1), g = i(), _ = ({ useSsn: e, useDocUpload: t, v
 								tagName: "h1"
 							})
 						}),
-						/* @__PURE__ */ (0, g.jsx)(p, { verificationService: t }),
+						/* @__PURE__ */ (0, g.jsx)(p, { verificationService: e }),
 						/* @__PURE__ */ (0, g.jsx)("div", {
 							className: "sid-ssn-wrapper",
 							children: /* @__PURE__ */ (0, g.jsx)(m, {
 								value: v.socialSecurityNumber,
-								onChange: (e) => {
-									x("socialSecurityNumber", e), d("socialSecurityNumber", e, t);
+								onChange: (t) => {
+									x("socialSecurityNumber", t), d("socialSecurityNumber", t, e);
 								},
 								isErrored: !!y[o.socialSecurityNumber],
 								placeholder: "000-00-0000"
@@ -117,7 +117,7 @@ var h = /* @__PURE__ */ t(r(), 1), g = i(), _ = ({ useSsn: e, useDocUpload: t, v
 						className: "sid-social-security-number-submit sid-submit",
 						children: /* @__PURE__ */ (0, g.jsx)("button", {
 							id: "sid-submit-wrapper__collect-info",
-							onClick: () => f(v, t, a.collectSocialSecurityNumber),
+							onClick: () => f(v, e, a.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",
@@ -144,7 +144,7 @@ var h = /* @__PURE__ */ t(r(), 1), g = i(), _ = ({ useSsn: e, useDocUpload: t, v
 					})
 				})
 			]
-		}), /* @__PURE__ */ (0, g.jsx)(s, { verificationService: t })]
+		}), /* @__PURE__ */ (0, g.jsx)(s, { verificationService: e })]
 	});
 };
 //#endregion

package/chunk/{StepSocialSecurityNumber-CjG9oKtT.js.map → StepSocialSecurityNumber-BO5uts-s.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"StepSocialSecurityNumber-~~CjG9oKtT~~.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 } 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\nexport const StepSocialSecurityNumber = ({\n verificationService,\n}: 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"],"mappings":";;;;;;;;;;;4CA2DA,KAhDA,EAAA,WAAA,iBAAA,6BAAA,iBAAA,GAAA,EAAA,MAAA,OAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ICYa,KAA4B,EACvC,6BACmC;CACnC,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"}
1	+ {"version":3,"file":"StepSocialSecurityNumber-BO5uts-s.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 } 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\nexport const StepSocialSecurityNumber = ({\n verificationService,\n}: 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"],"mappings":";;;;;;;;;;;4CA2DA,KAhDA,EAAA,WAAA,iBAAA,6BAAA,iBAAA,GAAA,EAAA,MAAA,OAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ICYa,KAA4B,EACvC,6BACmC;CACnC,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"}