@sheerid/jslib-nightly 2.259.0-alpha.3 → 2.259.0-alpha.4

package/chunk/{StepSMSLoop-DfmUZBbW.js → StepSMSLoop-B8Sfi7lM.js}

@@ -1,17 +1,17 @@
 
 /**
- *   VERSION: 2.259.0-alpha.3
- *   BUILD_TIMESTAMP: 1784836480727
- *   BUILD_DATE: Thu Jul 23 2026 19:54:40 GMT+0000 (Coordinated Universal Time)
+ *   VERSION: 2.259.0-alpha.4
+ *   BUILD_TIMESTAMP: 1784847407354
+ *   BUILD_DATE: Thu Jul 23 2026 22:56:47 GMT+0000 (Coordinated Universal Time)
  *   BUILD_COMMIT: 723cd7cf079ebfd281e0288836276bf33ce7607f
  */
-import { Bt as e, Ft as t, Wt as n, c as r, ct as i } from "./options-D19mRw5a.js";
-import { a, c as o, n as s, t as c } from "./jsx-runtime-BknAqbDq.js";
-import { t as l } from "./VerificationApiClient-Dbi5PEQ8.js";
-import { t as u } from "./AnnouncingHeader-DjgtqEeX.js";
-import { t as d } from "./InputText-Bzkl8mKj.js";
+import { Gt as e, It as t, Vt as n, c as r, lt as i } from "./options-BlmP6RQn.js";
+import { a, c as o, n as s, t as c } from "./jsx-runtime-v0uEISUn.js";
+import { t as l } from "./VerificationApiClient-Dw1w8mF1.js";
+import { t as u } from "./AnnouncingHeader-C3SZBL-2.js";
+import { t as d } from "./InputText-CM38DNW0.js";
 //#region src/components/FormFields/SMSCode/SMSCodeComponent.tsx
-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", {
+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", {
 	className: "sid-field sid-sms-code-id",
 	children: [
 		/* @__PURE__ */ (0, p.jsx)("div", { className: "sid-l-space-top-md" }),
@@ -46,17 +46,17 @@ var f = /* @__PURE__ */ n(o(), 1), p = c(), m = a(({ onChange: e, value: t, isEr
 			onChange: (t) => e(t.target.value)
 		})
 	]
-})), 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({
+})), 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({
 		id: "step.smsLoop.successResend",
 		defaultMessage: "SMS message re-sent successfully"
-	}), x = n.formatHTMLMessage({
+	}), x = e.formatHTMLMessage({
 		id: "step.smsLoop.errors.codeResendLimit",
 		defaultMessage: "Maximum number of re-tries has been reached."
-	}), S = n.formatHTMLMessage({
+	}), S = e.formatHTMLMessage({
 		id: "step.smsLoop.errors.codeResendLimit",
 		defaultMessage: "Maximum number of re-tries has been reached."
-	}), C = n.formatHTMLMessage({
+	}), C = e.formatHTMLMessage({
 		id: "step.smsLoop.errors.resend",
 		defaultMessage: "Error sending the SMS message"
 	});
@@ -72,7 +72,7 @@ var f = /* @__PURE__ */ n(o(), 1), p = c(), m = a(({ onChange: e, value: t, isEr
 		});
 		a.updateViewModel(t);
 	}, T = () => {
-		e.info("StepSMSLoop submitting form"), a.submitStep(t.smsLoop, o, a.verificationResponse);
+		n.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);

package/chunk/{StepSMSLoop-DPthV2Lc.js.map → StepSMSLoop-B8Sfi7lM.js.map}

@@ -1 +1 @@
-{"version":3,"file":"StepSMSLoop-DPthV2Lc.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      <AnnouncingHeader align=\"center\">\n        <FormattedHTMLMessage\n          id=\"step.smsLoop.verificationCode\"\n          defaultMessage=\"Verification Code\"\n          tagName=\"h1\"\n        />\n      </AnnouncingHeader>\n\n      <div className=\"sid-header__subtitle\">\n        {getSafe(() => previousViewModel.phoneNumber) ? (\n          <FormattedHTMLMessage\n            id=\"step.smsLoop.titleWithNumber\"\n            defaultMessage=\"We've sent an SMS message to the mobile number ending in {number}. Enter your code here.\"\n            values={{\n              number: getSafe(() => previousViewModel.phoneNumber.slice(-4), \"\"),\n            }}\n          />\n        ) : (\n          <FormattedHTMLMessage\n            id=\"step.smsLoop.titleWithoutNumber\"\n            defaultMessage=\"We've sent an SMS to your mobile number. Please enter the code here.\"\n          />\n        )}\n      </div>\n\n      <div className=\"sid-sms-code-id-wrapper sid-l-horz-center\">\n        <SMSCodeComponent\n          onChange={updateSmsCode}\n          value={viewModel.smsCode}\n          isErrored={isErrored}\n          errorId={verificationService.fieldValidationErrors.smsCode}\n        />\n      </div>\n\n      {stepResultMessage && (\n        <div>\n          <p>{stepResultMessage}</p>\n        </div>\n      )}\n\n      <div className=\"sid-submit sid-sms-loop-submit sid-l-space-top-md sid-l-horz-center\">\n        <button\n          id=\"sid-submit-sms-code\"\n          onClick={submitForm}\n          type=\"button\"\n          className=\"sid-btn sid-sms-loop-submit-btn sid-btn--dark sid-submit__continue\"\n          aria-label=\"submit\"\n          disabled={\n            !!(!viewModel.smsCode || viewModel.smsCode.length <= 0 || isAttemptLimitExceeded)\n          }\n        >\n          <FormattedHTMLMessage id=\"step.smsLoop.submitButton\" defaultMessage=\"Submit\" />\n        </button>\n\n        <div className=\"sid-l-space-left-sm\">&nbsp;</div>\n\n        <button\n          id=\"sid-resend-sms-code\"\n          onClick={() => resendSmsCode(verificationResponse.verificationId)}\n          type=\"submit\"\n          className=\"sid-btn sid-resend-sms-code-btn sid-btn--light sid-submit__cancel\"\n          aria-label=\"re-send\"\n        >\n          <FormattedHTMLMessage id=\"step.smsLoop.resendButton\" defaultMessage=\"Re-send\" />\n        </button>\n      </div>\n\n      <div className=\"sid-incorrect-number sid-l-horz-center\">\n        <FormattedHTMLMessage\n          id=\"step.smsLoop.incorrectNumber.incorrectNumber1\"\n          defaultMessage=\"Incorrect number? Click\"\n        />\n        &nbsp;\n        <button\n          type=\"button\"\n          onClick={() => window.location.reload()}\n          className=\"sid-incorrect-number__refresh-link sid-h-btn-link-like\"\n        >\n          <FormattedHTMLMessage\n            id=\"step.smsLoop.incorrectNumber.incorrectNumber2\"\n            defaultMessage=\"here\"\n          />\n          &nbsp;\n        </button>\n        <FormattedHTMLMessage id=\"companyName\" defaultMessage=\"{Company}\">\n          {(companyName) => (\n            <FormattedHTMLMessage\n              id=\"step.smsLoop.incorrectNumber.incorrectNumber3\"\n              defaultMessage=\"to return to {companyName}\"\n              values={{ companyName }}\n            />\n          )}\n        </FormattedHTMLMessage>\n      </div>\n    </div>\n  );\n};\n\nexport const StepSMSLoopComponent = injectIntl(StepSMSLoop);\n"],"mappings":"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"}
+{"version":3,"file":"StepSMSLoop-B8Sfi7lM.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      <AnnouncingHeader align=\"center\">\n        <FormattedHTMLMessage\n          id=\"step.smsLoop.verificationCode\"\n          defaultMessage=\"Verification Code\"\n          tagName=\"h1\"\n        />\n      </AnnouncingHeader>\n\n      <div className=\"sid-header__subtitle\">\n        {getSafe(() => previousViewModel.phoneNumber) ? (\n          <FormattedHTMLMessage\n            id=\"step.smsLoop.titleWithNumber\"\n            defaultMessage=\"We've sent an SMS message to the mobile number ending in {number}. Enter your code here.\"\n            values={{\n              number: getSafe(() => previousViewModel.phoneNumber.slice(-4), \"\"),\n            }}\n          />\n        ) : (\n          <FormattedHTMLMessage\n            id=\"step.smsLoop.titleWithoutNumber\"\n            defaultMessage=\"We've sent an SMS to your mobile number. Please enter the code here.\"\n          />\n        )}\n      </div>\n\n      <div className=\"sid-sms-code-id-wrapper sid-l-horz-center\">\n        <SMSCodeComponent\n          onChange={updateSmsCode}\n          value={viewModel.smsCode}\n          isErrored={isErrored}\n          errorId={verificationService.fieldValidationErrors.smsCode}\n        />\n      </div>\n\n      {stepResultMessage && (\n        <div>\n          <p>{stepResultMessage}</p>\n        </div>\n      )}\n\n      <div className=\"sid-submit sid-sms-loop-submit sid-l-space-top-md sid-l-horz-center\">\n        <button\n          id=\"sid-submit-sms-code\"\n          onClick={submitForm}\n          type=\"button\"\n          className=\"sid-btn sid-sms-loop-submit-btn sid-btn--dark sid-submit__continue\"\n          aria-label=\"submit\"\n          disabled={\n            !!(!viewModel.smsCode || viewModel.smsCode.length <= 0 || isAttemptLimitExceeded)\n          }\n        >\n          <FormattedHTMLMessage id=\"step.smsLoop.submitButton\" defaultMessage=\"Submit\" />\n        </button>\n\n        <div className=\"sid-l-space-left-sm\">&nbsp;</div>\n\n        <button\n          id=\"sid-resend-sms-code\"\n          onClick={() => resendSmsCode(verificationResponse.verificationId)}\n          type=\"submit\"\n          className=\"sid-btn sid-resend-sms-code-btn sid-btn--light sid-submit__cancel\"\n          aria-label=\"re-send\"\n        >\n          <FormattedHTMLMessage id=\"step.smsLoop.resendButton\" defaultMessage=\"Re-send\" />\n        </button>\n      </div>\n\n      <div className=\"sid-incorrect-number sid-l-horz-center\">\n        <FormattedHTMLMessage\n          id=\"step.smsLoop.incorrectNumber.incorrectNumber1\"\n          defaultMessage=\"Incorrect number? Click\"\n        />\n        &nbsp;\n        <button\n          type=\"button\"\n          onClick={() => window.location.reload()}\n          className=\"sid-incorrect-number__refresh-link sid-h-btn-link-like\"\n        >\n          <FormattedHTMLMessage\n            id=\"step.smsLoop.incorrectNumber.incorrectNumber2\"\n            defaultMessage=\"here\"\n          />\n          &nbsp;\n        </button>\n        <FormattedHTMLMessage id=\"companyName\" defaultMessage=\"{Company}\">\n          {(companyName) => (\n            <FormattedHTMLMessage\n              id=\"step.smsLoop.incorrectNumber.incorrectNumber3\"\n              defaultMessage=\"to return to {companyName}\"\n              values={{ companyName }}\n            />\n          )}\n        </FormattedHTMLMessage>\n      </div>\n    </div>\n  );\n};\n\nexport const StepSMSLoopComponent = injectIntl(StepSMSLoop);\n"],"mappings":"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"}

package/chunk/{StepSMSLoop-DPthV2Lc.js → StepSMSLoop-BRma4Yv7.js}

@@ -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.259.0-alpha.3
- *   BUILD_TIMESTAMP: 1784836485051
- *   BUILD_DATE: Thu Jul 23 2026 19:54:45 GMT+0000 (Coordinated Universal Time)
+ *   VERSION: 2.259.0-alpha.4
+ *   BUILD_TIMESTAMP: 1784847411169
+ *   BUILD_DATE: Thu Jul 23 2026 22:56:51 GMT+0000 (Coordinated Universal Time)
  *   BUILD_COMMIT: 723cd7cf079ebfd281e0288836276bf33ce7607f
  */
-import { Lt as e, Mt as t, Rt as n, Ut as r, p as i } from "./intl-Yr2cw5px.js";
-import { a, c as o, n as s, t as c } from "./jsx-runtime-D_-z-h6n.js";
-import { t as l } from "./VerificationApiClient-Cx1SikK8.js";
-import { t as u } from "./AnnouncingHeader-BF69hVVm.js";
-import { t as d } from "./InputText-DA8wfbQM.js";
+import { Nt as e, Rt as t, Wt as n, p as r, zt as i } from "./intl-C8E3kZCc.js";
+import { a, c as o, n as s, t as c } from "./jsx-runtime-Cqcg28yY.js";
+import { t as l } from "./VerificationApiClient-qzcaFPIZ.js";
+import { t as u } from "./AnnouncingHeader-DQHkHL1F.js";
+import { t as d } from "./InputText-B3qMKLhG.js";
 //#region src/components/FormFields/SMSCode/SMSCodeComponent.tsx
-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", {
+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" }),
@@ -50,33 +50,33 @@ var f = /* @__PURE__ */ r(o(), 1), p = c(), m = a(({ onChange: e, value: t, isEr
 			onChange: (t) => e(t.target.value)
 		})
 	]
-})), 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({
+})), 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 = r.formatHTMLMessage({
+	}), x = n.formatHTMLMessage({
 		id: "step.smsLoop.errors.codeResendLimit",
 		defaultMessage: "Maximum number of re-tries has been reached."
-	}), S = r.formatHTMLMessage({
+	}), S = n.formatHTMLMessage({
 		id: "step.smsLoop.errors.codeResendLimit",
 		defaultMessage: "Maximum number of re-tries has been reached."
-	}), C = r.formatHTMLMessage({
+	}), C = n.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({
+	}, []), t(() => c.errorIds.length) && !a.fieldValidationErrors.smsCode && a.updateFieldValidationErrors({
 		...a.fieldValidationErrors,
 		smsCode: c.errorIds[0]
 	});
 	let w = (e) => {
-		let t = i(o, (t) => {
+		let t = r(o, (t) => {
 			t.smsCode = e, t.phoneNumber = h && h.phoneNumber;
 		});
 		a.updateViewModel(t);
 	}, T = () => {
-		n.info("StepSMSLoop submitting form"), a.submitStep(t.smsLoop, o, a.verificationResponse);
+		i.info("StepSMSLoop submitting form"), a.submitStep(e.smsLoop, o, a.verificationResponse);
 	}, E = async (e) => {
 		let t = await l.getResendNewSmsCode(e);
 		t ? (y(!1), _(t.status === 204 ? b : x)) : _(C);
@@ -95,10 +95,10 @@ var f = /* @__PURE__ */ r(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: t(() => 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: t(() => 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-DfmUZBbW.js.map → StepSMSLoop-BRma4Yv7.js.map}

@@ -1 +1 @@
-{"version":3,"file":"StepSMSLoop-DfmUZBbW.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      <AnnouncingHeader align=\"center\">\n        <FormattedHTMLMessage\n          id=\"step.smsLoop.verificationCode\"\n          defaultMessage=\"Verification Code\"\n          tagName=\"h1\"\n        />\n      </AnnouncingHeader>\n\n      <div className=\"sid-header__subtitle\">\n        {getSafe(() => previousViewModel.phoneNumber) ? (\n          <FormattedHTMLMessage\n            id=\"step.smsLoop.titleWithNumber\"\n            defaultMessage=\"We've sent an SMS message to the mobile number ending in {number}. Enter your code here.\"\n            values={{\n              number: getSafe(() => previousViewModel.phoneNumber.slice(-4), \"\"),\n            }}\n          />\n        ) : (\n          <FormattedHTMLMessage\n            id=\"step.smsLoop.titleWithoutNumber\"\n            defaultMessage=\"We've sent an SMS to your mobile number. Please enter the code here.\"\n          />\n        )}\n      </div>\n\n      <div className=\"sid-sms-code-id-wrapper sid-l-horz-center\">\n        <SMSCodeComponent\n          onChange={updateSmsCode}\n          value={viewModel.smsCode}\n          isErrored={isErrored}\n          errorId={verificationService.fieldValidationErrors.smsCode}\n        />\n      </div>\n\n      {stepResultMessage && (\n        <div>\n          <p>{stepResultMessage}</p>\n        </div>\n      )}\n\n      <div className=\"sid-submit sid-sms-loop-submit sid-l-space-top-md sid-l-horz-center\">\n        <button\n          id=\"sid-submit-sms-code\"\n          onClick={submitForm}\n          type=\"button\"\n          className=\"sid-btn sid-sms-loop-submit-btn sid-btn--dark sid-submit__continue\"\n          aria-label=\"submit\"\n          disabled={\n            !!(!viewModel.smsCode || viewModel.smsCode.length <= 0 || isAttemptLimitExceeded)\n          }\n        >\n          <FormattedHTMLMessage id=\"step.smsLoop.submitButton\" defaultMessage=\"Submit\" />\n        </button>\n\n        <div className=\"sid-l-space-left-sm\">&nbsp;</div>\n\n        <button\n          id=\"sid-resend-sms-code\"\n          onClick={() => resendSmsCode(verificationResponse.verificationId)}\n          type=\"submit\"\n          className=\"sid-btn sid-resend-sms-code-btn sid-btn--light sid-submit__cancel\"\n          aria-label=\"re-send\"\n        >\n          <FormattedHTMLMessage id=\"step.smsLoop.resendButton\" defaultMessage=\"Re-send\" />\n        </button>\n      </div>\n\n      <div className=\"sid-incorrect-number sid-l-horz-center\">\n        <FormattedHTMLMessage\n          id=\"step.smsLoop.incorrectNumber.incorrectNumber1\"\n          defaultMessage=\"Incorrect number? Click\"\n        />\n        &nbsp;\n        <button\n          type=\"button\"\n          onClick={() => window.location.reload()}\n          className=\"sid-incorrect-number__refresh-link sid-h-btn-link-like\"\n        >\n          <FormattedHTMLMessage\n            id=\"step.smsLoop.incorrectNumber.incorrectNumber2\"\n            defaultMessage=\"here\"\n          />\n          &nbsp;\n        </button>\n        <FormattedHTMLMessage id=\"companyName\" defaultMessage=\"{Company}\">\n          {(companyName) => (\n            <FormattedHTMLMessage\n              id=\"step.smsLoop.incorrectNumber.incorrectNumber3\"\n              defaultMessage=\"to return to {companyName}\"\n              values={{ companyName }}\n            />\n          )}\n        </FormattedHTMLMessage>\n      </div>\n    </div>\n  );\n};\n\nexport const StepSMSLoopComponent = injectIntl(StepSMSLoop);\n"],"mappings":"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"}
+{"version":3,"file":"StepSMSLoop-BRma4Yv7.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      <AnnouncingHeader align=\"center\">\n        <FormattedHTMLMessage\n          id=\"step.smsLoop.verificationCode\"\n          defaultMessage=\"Verification Code\"\n          tagName=\"h1\"\n        />\n      </AnnouncingHeader>\n\n      <div className=\"sid-header__subtitle\">\n        {getSafe(() => previousViewModel.phoneNumber) ? (\n          <FormattedHTMLMessage\n            id=\"step.smsLoop.titleWithNumber\"\n            defaultMessage=\"We've sent an SMS message to the mobile number ending in {number}. Enter your code here.\"\n            values={{\n              number: getSafe(() => previousViewModel.phoneNumber.slice(-4), \"\"),\n            }}\n          />\n        ) : (\n          <FormattedHTMLMessage\n            id=\"step.smsLoop.titleWithoutNumber\"\n            defaultMessage=\"We've sent an SMS to your mobile number. Please enter the code here.\"\n          />\n        )}\n      </div>\n\n      <div className=\"sid-sms-code-id-wrapper sid-l-horz-center\">\n        <SMSCodeComponent\n          onChange={updateSmsCode}\n          value={viewModel.smsCode}\n          isErrored={isErrored}\n          errorId={verificationService.fieldValidationErrors.smsCode}\n        />\n      </div>\n\n      {stepResultMessage && (\n        <div>\n          <p>{stepResultMessage}</p>\n        </div>\n      )}\n\n      <div className=\"sid-submit sid-sms-loop-submit sid-l-space-top-md sid-l-horz-center\">\n        <button\n          id=\"sid-submit-sms-code\"\n          onClick={submitForm}\n          type=\"button\"\n          className=\"sid-btn sid-sms-loop-submit-btn sid-btn--dark sid-submit__continue\"\n          aria-label=\"submit\"\n          disabled={\n            !!(!viewModel.smsCode || viewModel.smsCode.length <= 0 || isAttemptLimitExceeded)\n          }\n        >\n          <FormattedHTMLMessage id=\"step.smsLoop.submitButton\" defaultMessage=\"Submit\" />\n        </button>\n\n        <div className=\"sid-l-space-left-sm\">&nbsp;</div>\n\n        <button\n          id=\"sid-resend-sms-code\"\n          onClick={() => resendSmsCode(verificationResponse.verificationId)}\n          type=\"submit\"\n          className=\"sid-btn sid-resend-sms-code-btn sid-btn--light sid-submit__cancel\"\n          aria-label=\"re-send\"\n        >\n          <FormattedHTMLMessage id=\"step.smsLoop.resendButton\" defaultMessage=\"Re-send\" />\n        </button>\n      </div>\n\n      <div className=\"sid-incorrect-number sid-l-horz-center\">\n        <FormattedHTMLMessage\n          id=\"step.smsLoop.incorrectNumber.incorrectNumber1\"\n          defaultMessage=\"Incorrect number? Click\"\n        />\n        &nbsp;\n        <button\n          type=\"button\"\n          onClick={() => window.location.reload()}\n          className=\"sid-incorrect-number__refresh-link sid-h-btn-link-like\"\n        >\n          <FormattedHTMLMessage\n            id=\"step.smsLoop.incorrectNumber.incorrectNumber2\"\n            defaultMessage=\"here\"\n          />\n          &nbsp;\n        </button>\n        <FormattedHTMLMessage id=\"companyName\" defaultMessage=\"{Company}\">\n          {(companyName) => (\n            <FormattedHTMLMessage\n              id=\"step.smsLoop.incorrectNumber.incorrectNumber3\"\n              defaultMessage=\"to return to {companyName}\"\n              values={{ companyName }}\n            />\n          )}\n        </FormattedHTMLMessage>\n      </div>\n    </div>\n  );\n};\n\nexport const StepSMSLoopComponent = injectIntl(StepSMSLoop);\n"],"mappings":"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"}

package/chunk/StepSSO-BRFhNvkp.js

@@ -1,8 +1,8 @@
 
 /**
- *   VERSION: 2.259.0-alpha.3
- *   BUILD_TIMESTAMP: 1784836480727
- *   BUILD_DATE: Thu Jul 23 2026 19:54:40 GMT+0000 (Coordinated Universal Time)
+ *   VERSION: 2.259.0-alpha.4
+ *   BUILD_TIMESTAMP: 1784847407354
+ *   BUILD_DATE: Thu Jul 23 2026 22:56:47 GMT+0000 (Coordinated Universal Time)
  *   BUILD_COMMIT: 723cd7cf079ebfd281e0288836276bf33ce7607f
  */
 import { rt as e } from "../sheerid.js";

package/chunk/StepSSO-BaFk7RFJ.js

@@ -4,9 +4,9 @@
  *   This file is not intended for use in other contexts and there are no guarantees about its behavior outside of MySheerID.
  */ 
 /**
- *   VERSION: 2.259.0-alpha.3
- *   BUILD_TIMESTAMP: 1784836485051
- *   BUILD_DATE: Thu Jul 23 2026 19:54:45 GMT+0000 (Coordinated Universal Time)
+ *   VERSION: 2.259.0-alpha.4
+ *   BUILD_TIMESTAMP: 1784847411169
+ *   BUILD_DATE: Thu Jul 23 2026 22:56:51 GMT+0000 (Coordinated Universal Time)
  *   BUILD_COMMIT: 723cd7cf079ebfd281e0288836276bf33ce7607f
  */
 import { nt as e } from "../_mysheerid-preview.js";

package/chunk/{StepSocialSecurityNumber-CGpWJ3oN.js → StepSocialSecurityNumber-BJPa_XQ3.js}

@@ -1,21 +1,21 @@
 
 /**
- *   VERSION: 2.259.0-alpha.3
- *   BUILD_TIMESTAMP: 1784836480727
- *   BUILD_DATE: Thu Jul 23 2026 19:54:40 GMT+0000 (Coordinated Universal Time)
+ *   VERSION: 2.259.0-alpha.4
+ *   BUILD_TIMESTAMP: 1784847407354
+ *   BUILD_DATE: Thu Jul 23 2026 22:56:47 GMT+0000 (Coordinated Universal Time)
  *   BUILD_COMMIT: 723cd7cf079ebfd281e0288836276bf33ce7607f
  */
-import { Ft as e, Wt as t, c as n, yt as r } from "./options-D19mRw5a.js";
-import { a as i, c as a, n as o, t as s } from "./jsx-runtime-BknAqbDq.js";
-import { t as c } from "./FormFooterComponent-BvXzhu3G.js";
-import { o as l } from "./refs-Bbe0gnJ3.js";
-import { t as u } from "./LogoComponent-BMeuu-aK.js";
-import { t as d } from "./AnnouncingHeader-DjgtqEeX.js";
+import { Gt as e, It as t, bt as n, c as r } from "./options-BlmP6RQn.js";
+import { a as i, c as a, n as o, t as s } from "./jsx-runtime-v0uEISUn.js";
+import { t as c } from "./FormFooterComponent-DsvjZf4o.js";
+import { o as l } from "./refs-DRZANumu.js";
+import { t as u } from "./LogoComponent-DwplRUhZ.js";
+import { t as d } from "./AnnouncingHeader-C3SZBL-2.js";
 import { Q as f, et as p } from "../sheerid.js";
-import { t as m } from "./ChangeLocaleComponent-Cy07cdJk.js";
-import { t as h } from "./SSN-mk_cMbDH.js";
+import { t as m } from "./ChangeLocaleComponent-CkmHNHiE.js";
+import { t as h } from "./SSN-BDVJgGSQ.js";
 //#region src/components/StepSocialSecurityNumber/SsnChoice.tsx
-var g = /* @__PURE__ */ t(a(), 1), _ = s(), v = ({ useSsn: e, useDocUpload: t, verificationService: n }) => /* @__PURE__ */ (0, _.jsxs)("div", {
+var g = /* @__PURE__ */ e(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", {
@@ -64,17 +64,17 @@ var g = /* @__PURE__ */ t(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: t }) => {
-	let [i, a] = g.useState(!0), s = t.viewModel, { fieldValidationErrors: y } = t, b = () => t.submitStep(e.cancelSocialSecurityNumber, s, t.verificationResponse), x = (e, r) => {
-		let i = n(s, (t) => {
-			t[e] = r;
+}), 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;
 		});
-		t.updateViewModel(i);
+		e.updateViewModel(i);
 	}, S = s.socialSecurityNumber && s.socialSecurityNumber.toString().length === 9;
 	return i ? /* @__PURE__ */ (0, _.jsx)(v, {
 		useSsn: () => a(!1),
 		useDocUpload: b,
-		verificationService: t
+		verificationService: e
 	}) : /* @__PURE__ */ (0, _.jsxs)("div", {
 		id: "sid-step-social-security",
 		className: "sid-social-sercurity-number-container sid-l-container sid-l-horz-center",
@@ -86,7 +86,7 @@ var g = /* @__PURE__ */ t(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: t })
+							children: /* @__PURE__ */ (0, _.jsx)(u, { verificationService: e })
 						}),
 						/* @__PURE__ */ (0, _.jsx)(d, {
 							align: "center",
@@ -96,15 +96,15 @@ var g = /* @__PURE__ */ t(a(), 1), _ = s(), v = ({ useSsn: e, useDocUpload: t, v
 								tagName: "h1"
 							})
 						}),
-						/* @__PURE__ */ (0, _.jsx)(m, { verificationService: t }),
+						/* @__PURE__ */ (0, _.jsx)(m, { verificationService: e }),
 						/* @__PURE__ */ (0, _.jsx)("div", {
 							className: "sid-ssn-wrapper",
 							children: /* @__PURE__ */ (0, _.jsx)(h, {
 								value: s.socialSecurityNumber,
-								onChange: (e) => {
-									x("socialSecurityNumber", e), p("socialSecurityNumber", e, t);
+								onChange: (t) => {
+									x("socialSecurityNumber", t), p("socialSecurityNumber", t, e);
 								},
-								isErrored: !!y[r.socialSecurityNumber],
+								isErrored: !!y[n.socialSecurityNumber],
 								placeholder: "000-00-0000"
 							})
 						})
@@ -116,7 +116,7 @@ var g = /* @__PURE__ */ t(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: () => f(s, t, e.collectSocialSecurityNumber),
+							onClick: () => f(s, e, t.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",
@@ -143,7 +143,7 @@ var g = /* @__PURE__ */ t(a(), 1), _ = s(), v = ({ useSsn: e, useDocUpload: t, v
 					})
 				})
 			]
-		}), /* @__PURE__ */ (0, _.jsx)(c, { verificationService: t })]
+		}), /* @__PURE__ */ (0, _.jsx)(c, { verificationService: e })]
 	});
 });
 //#endregion

package/chunk/{StepSocialSecurityNumber-DxFxaZ2R.js.map → StepSocialSecurityNumber-BJPa_XQ3.js.map}

@@ -1 +1 @@
-{"version":3,"file":"StepSocialSecurityNumber-DxFxaZ2R.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"}
+{"version":3,"file":"StepSocialSecurityNumber-BJPa_XQ3.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"}

package/chunk/{StepSocialSecurityNumber-DxFxaZ2R.js → StepSocialSecurityNumber-xfhVCa0b.js}

@@ -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.259.0-alpha.3
- *   BUILD_TIMESTAMP: 1784836485051
- *   BUILD_DATE: Thu Jul 23 2026 19:54:45 GMT+0000 (Coordinated Universal Time)
+ *   VERSION: 2.259.0-alpha.4
+ *   BUILD_TIMESTAMP: 1784847411169
+ *   BUILD_DATE: Thu Jul 23 2026 22:56:51 GMT+0000 (Coordinated Universal Time)
  *   BUILD_COMMIT: 723cd7cf079ebfd281e0288836276bf33ce7607f
  */
-import { Mt as e, Ut as t, gt as n, p as r } from "./intl-Yr2cw5px.js";
-import { a as i, c as a, n as o, t as s } from "./jsx-runtime-D_-z-h6n.js";
-import { t as c } from "./FormFooterComponent-CU9v96Pk.js";
-import { o as l } from "./refs-C_tB1qMA.js";
-import { t as u } from "./LogoComponent-BxIXOXCM.js";
-import { t as d } from "./AnnouncingHeader-BF69hVVm.js";
+import { Nt as e, Wt as t, _t as n, p as r } from "./intl-C8E3kZCc.js";
+import { a as i, c as a, n as o, t as s } from "./jsx-runtime-Cqcg28yY.js";
+import { t as c } from "./FormFooterComponent-B5sO7lYC.js";
+import { o as l } from "./refs-DhfzTkb0.js";
+import { t as u } from "./LogoComponent-C2JeW5X0.js";
+import { t as d } from "./AnnouncingHeader-DQHkHL1F.js";
 import { $ as f, Z as p } from "../_mysheerid-preview.js";
-import { t as m } from "./ChangeLocaleComponent-CP_kEafQ.js";
-import { t as h } from "./SSN-CNzKgddw.js";
+import { t as m } from "./ChangeLocaleComponent-MCyF8czV.js";
+import { t as h } from "./SSN-DAInA3wn.js";
 //#region src/components/StepSocialSecurityNumber/SsnChoice.tsx
 var g = /* @__PURE__ */ t(a(), 1), _ = s(), v = ({ useSsn: e, useDocUpload: t, verificationService: n }) => /* @__PURE__ */ (0, _.jsxs)("div", {
 	id: "sid-ssn-choice",

package/chunk/{StepSocialSecurityNumber-CGpWJ3oN.js.map → StepSocialSecurityNumber-xfhVCa0b.js.map}

@@ -1 +1 @@
-{"version":3,"file":"StepSocialSecurityNumber-CGpWJ3oN.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"}
+{"version":3,"file":"StepSocialSecurityNumber-xfhVCa0b.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"}

package/chunk/{StepStudentPersonalInfo-DgYva1Rh.js → StepStudentPersonalInfo-CKhmp2it.js}

@@ -4,24 +4,24 @@
  *   This file is not intended for use in other contexts and there are no guarantees about its behavior outside of MySheerID.
  */ 
 /**
- *   VERSION: 2.259.0-alpha.3
- *   BUILD_TIMESTAMP: 1784836485051
- *   BUILD_DATE: Thu Jul 23 2026 19:54:45 GMT+0000 (Coordinated Universal Time)
+ *   VERSION: 2.259.0-alpha.4
+ *   BUILD_TIMESTAMP: 1784847411169
+ *   BUILD_DATE: Thu Jul 23 2026 22:56:51 GMT+0000 (Coordinated Universal Time)
  *   BUILD_COMMIT: 723cd7cf079ebfd281e0288836276bf33ce7607f
  */
-import { Mt as e, Ut as t, p as n, s as r } from "./intl-Yr2cw5px.js";
-import { a as i, c as a, n as o, t as s } from "./jsx-runtime-D_-z-h6n.js";
-import { D as c } from "./FormFooterComponent-CU9v96Pk.js";
+import { Nt as e, Wt as t, p as n, s as r } from "./intl-C8E3kZCc.js";
+import { a as i, c as a, n as o, t as s } from "./jsx-runtime-Cqcg28yY.js";
+import { D as c } from "./FormFooterComponent-B5sO7lYC.js";
 import { $ as l, B as u, G as d, et as f, n as p, t as m } from "../_mysheerid-preview.js";
-import { a as h, i as g, n as _, o as v, s as y, t as b } from "./CaptchaComponent-pa2v-Kv1.js";
-import { t as x } from "./FormFieldText-zuTjfmLt.js";
-import { n as S, t as C } from "./PersonalInfoStepSubmitButton-D3lzSm2E.js";
-import { t as w } from "./BirthDateComponent-DqkkSB42.js";
-import { t as T } from "./CountryComponentWrapper-AaraHOGX.js";
-import { t as E } from "./ExtraMessage-BYLbcc4O.js";
-import { t as D } from "./ChangeLocaleComponent-CP_kEafQ.js";
-import { t as O } from "./PersonalInfoStepWrapper-CfEXVPIa.js";
-import { t as k } from "./CollegeNameComponent-Cz9Us9RM.js";
+import { a as h, i as g, n as _, o as v, s as y, t as b } from "./CaptchaComponent-ZNBrwLAd.js";
+import { t as x } from "./FormFieldText-B9pb3dXH.js";
+import { n as S, t as C } from "./PersonalInfoStepSubmitButton-5tuzy7zT.js";
+import { t as w } from "./BirthDateComponent-D9LlGf-7.js";
+import { t as T } from "./CountryComponentWrapper-BSSdDVcs.js";
+import { t as E } from "./ExtraMessage-D_tMUnf9.js";
+import { t as D } from "./ChangeLocaleComponent-MCyF8czV.js";
+import { t as O } from "./PersonalInfoStepWrapper-4ZK1A1_g.js";
+import { t as k } from "./CollegeNameComponent-sTb0aLwH.js";
 //#region src/components/FormFields/CVECNumber/CVECNumberComponent.tsx
 var A = /* @__PURE__ */ t(a(), 1), j = s(), M = i(({ value: e, isErrored: t, onChange: n, intl: r, explanation: i, placeholder: a = "", isRequired: s = !1 }) => {
 	let c = m("include-cvec-field-france-student");