npm - @sheerid/jslib - Versions diffs - 2.294.0 → 2.296.0 - Mend

@sheerid/jslib 2.294.0 → 2.296.0

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

Files changed (412) hide show

package/chunk/{StepOverrideComponent-C0gkuJTU.js.map → StepOverrideComponent-DQK02UCn.js.map} RENAMED Viewed

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

package/chunk/{StepSMSLoop-CLyXQmON.js → StepSMSLoop-DHcrK3zK.js} RENAMED Viewed

@@ -4,20 +4,20 @@
  *   This file is not intended for use in other contexts and there are no guarantees about its behavior outside of MySheerID.
  */
 /**
- *   VERSION: 2.294.0
- *   BUILD_TIMESTAMP: 1790103575603
- *   BUILD_DATE: Tue Sep 22 2026 18:59:35 GMT+0000 (Coordinated Universal Time)
- *   BUILD_COMMIT: a1ad0e0905912b425daabcd3b9f5df0ba79ebe6c
+ *   VERSION: 2.296.0
+ *   BUILD_TIMESTAMP: 1790267309032
+ *   BUILD_DATE: Thu Sep 24 2026 16:28:29 GMT+0000 (Coordinated Universal Time)
+ *   BUILD_COMMIT: c40128b666ae42ee6a9edba848b7517c53c4e62a
  */
 import { Tt as e, kt as t, p as n } from "./intl-DYOqmiaL.js";
 import { S as r, b as i } from "./runtimeTypes-B2AGNJMT.js";
-import { c as a, n as o, t as s } from "./jsx-runtime-B6t5B3Mb.js";
-import { n as c, w as l } from "./Message-Boy9Uyy0.js";
-import { t as u } from "./AnnouncingHeader-C6QNdmy8.js";
-import { t as d } from "./InputText-DqQkxoCM.js";
+import { n as a, s as o, t as s } from "./jsx-runtime-DtApx7WX.js";
+import { n as c, w as l } from "./Message-CZskfqcI.js";
+import { t as u } from "./AnnouncingHeader-CnV2m0Ak.js";
+import { t as d } from "./InputText-DMztCQmi.js";
 //#region src/components/FormFields/SMSCode/SMSCodeComponent.tsx
-var f = /* @__PURE__ */ t(a(), 1), p = s(), m = ({ onChange: e, value: t, isErrored: n, errorId: r, placeholder: i = "" }) => {
-	let { msg: a } = c();
+var f = /* @__PURE__ */ t(o(), 1), p = s(), m = ({ onChange: e, value: t, isErrored: n, errorId: r, placeholder: i = "" }) => {
+	let { msg: o } = c();
 	return /* @__PURE__ */ (0, p.jsxs)("div", {
 		className: "sid-field sid-sms-code-id",
 		children: [
@@ -26,15 +26,15 @@ var f = /* @__PURE__ */ t(a(), 1), p = s(), m = ({ onChange: e, value: t, isErro
 				className: "sid-field-error",
 				children: ((e) => {
 					switch (e) {
-						case "invalidSMSCode": return /* @__PURE__ */ (0, p.jsx)(o, {
+						case "invalidSMSCode": return /* @__PURE__ */ (0, p.jsx)(a, {
 							id: "step.smsLoop.errors.codeVerification",
 							defaultMessage: "Verification code could not be validated."
 						});
-						case "expiredSMSCode": return /* @__PURE__ */ (0, p.jsx)(o, {
+						case "expiredSMSCode": return /* @__PURE__ */ (0, p.jsx)(a, {
 							id: "step.smsLoop.errors.codeExpired",
 							defaultMessage: "Verification code expired."
 						});
-						default: return /* @__PURE__ */ (0, p.jsx)(o, {
+						default: return /* @__PURE__ */ (0, p.jsx)(a, {
 							id: "errorId.unknownError",
 							defaultMessage: "Unknown Error"
 						});
@@ -45,14 +45,14 @@ var f = /* @__PURE__ */ t(a(), 1), p = s(), m = ({ onChange: e, value: t, isErro
 				id: "sms-code",
 				isErrored: n,
 				required: !0,
-				placeholder: i || a({ id: "smsCodePlaceholder" }),
+				placeholder: i || o({ id: "smsCodePlaceholder" }),
 				value: t,
 				onChange: (t) => e(t.target.value)
 			})
 		]
 	});
 }, h = ({ verificationService: t }) => {
-	let { msg: a } = c(), s = t.viewModel, d = t.verificationResponse, h = !!t.fieldValidationErrors.smsCode, g = t.previousViewModel || void 0, [_, v] = f.useState(""), [y, b] = f.useState(d.errorIds && d.errorIds.includes("incorrectSMSCodeAttemptLimitExceeded")), x = a({ id: "step.smsLoop.successResend" }), S = a({ id: "step.smsLoop.errors.codeResendLimit" }), C = a({ id: "step.smsLoop.errors.codeResendLimit" }), w = a({ id: "step.smsLoop.errors.resend" });
+	let { msg: o } = c(), s = t.viewModel, d = t.verificationResponse, h = !!t.fieldValidationErrors.smsCode, g = t.previousViewModel || void 0, [_, v] = f.useState(""), [y, b] = f.useState(d.errorIds && d.errorIds.includes("incorrectSMSCodeAttemptLimitExceeded")), x = o({ id: "step.smsLoop.successResend" }), S = o({ id: "step.smsLoop.errors.codeResendLimit" }), C = o({ id: "step.smsLoop.errors.codeResendLimit" }), w = o({ id: "step.smsLoop.errors.resend" });
 	f.useEffect(() => {
 		y && v(C);
 	}, []), e(() => d.errorIds.length) && !t.fieldValidationErrors.smsCode && t.updateFieldValidationErrors({
@@ -78,7 +78,7 @@ var f = /* @__PURE__ */ t(a(), 1), p = s(), m = ({ onChange: e, value: t, isErro
 			children: [
 				/* @__PURE__ */ (0, p.jsx)(u, {
 					align: "center",
-					children: /* @__PURE__ */ (0, p.jsx)(o, {
+					children: /* @__PURE__ */ (0, p.jsx)(a, {
 						id: "step.smsLoop.verificationCode",
 						defaultMessage: "Verification Code",
 						tagName: "h1"
@@ -86,11 +86,11 @@ var f = /* @__PURE__ */ t(a(), 1), p = s(), m = ({ onChange: e, value: t, isErro
 				}),
 				/* @__PURE__ */ (0, p.jsx)("div", {
 					className: "sid-header__subtitle",
-					children: e(() => g.phoneNumber) ? /* @__PURE__ */ (0, p.jsx)(o, {
+					children: e(() => g.phoneNumber) ? /* @__PURE__ */ (0, p.jsx)(a, {
 						id: "step.smsLoop.titleWithNumber",
 						defaultMessage: "We've sent an SMS message to the mobile number ending in {number}. Enter your code here.",
 						values: { number: e(() => g.phoneNumber.slice(-4), "") }
-					}) : /* @__PURE__ */ (0, p.jsx)(o, {
+					}) : /* @__PURE__ */ (0, p.jsx)(a, {
 						id: "step.smsLoop.titleWithoutNumber",
 						defaultMessage: "We've sent an SMS to your mobile number. Please enter the code here."
 					})
@@ -115,7 +115,7 @@ var f = /* @__PURE__ */ t(a(), 1), p = s(), m = ({ onChange: e, value: t, isErro
 							className: "sid-btn sid-sms-loop-submit-btn sid-btn--dark sid-submit__continue",
 							"aria-label": "submit",
 							disabled: !!(!s.smsCode || s.smsCode.length <= 0 || y),
-							children: /* @__PURE__ */ (0, p.jsx)(o, {
+							children: /* @__PURE__ */ (0, p.jsx)(a, {
 								id: "step.smsLoop.submitButton",
 								defaultMessage: "Submit"
 							})
@@ -130,7 +130,7 @@ var f = /* @__PURE__ */ t(a(), 1), p = s(), m = ({ onChange: e, value: t, isErro
 							type: "submit",
 							className: "sid-btn sid-resend-sms-code-btn sid-btn--light sid-submit__cancel",
 							"aria-label": "re-send",
-							children: /* @__PURE__ */ (0, p.jsx)(o, {
+							children: /* @__PURE__ */ (0, p.jsx)(a, {
 								id: "step.smsLoop.resendButton",
 								defaultMessage: "Re-send"
 							})
@@ -140,7 +140,7 @@ var f = /* @__PURE__ */ t(a(), 1), p = s(), m = ({ onChange: e, value: t, isErro
 				/* @__PURE__ */ (0, p.jsxs)("div", {
 					className: "sid-incorrect-number sid-l-horz-center",
 					children: [
-						/* @__PURE__ */ (0, p.jsx)(o, {
+						/* @__PURE__ */ (0, p.jsx)(a, {
 							id: "step.smsLoop.incorrectNumber.incorrectNumber1",
 							defaultMessage: "Incorrect number? Click"
 						}),
@@ -149,15 +149,15 @@ var f = /* @__PURE__ */ t(a(), 1), p = s(), m = ({ onChange: e, value: t, isErro
 							type: "button",
 							onClick: () => window.location.reload(),
 							className: "sid-incorrect-number__refresh-link sid-h-btn-link-like",
-							children: [/* @__PURE__ */ (0, p.jsx)(o, {
+							children: [/* @__PURE__ */ (0, p.jsx)(a, {
 								id: "step.smsLoop.incorrectNumber.incorrectNumber2",
 								defaultMessage: "here"
 							}), "\xA0"]
 						}),
-						/* @__PURE__ */ (0, p.jsx)(o, {
+						/* @__PURE__ */ (0, p.jsx)(a, {
 							id: "companyName",
 							defaultMessage: "{Company}",
-							children: (e) => /* @__PURE__ */ (0, p.jsx)(o, {
+							children: (e) => /* @__PURE__ */ (0, p.jsx)(a, {
 								id: "step.smsLoop.incorrectNumber.incorrectNumber3",
 								defaultMessage: "to return to {companyName}",
 								values: { companyName: e }

package/chunk/{StepSMSLoop-CClLLG5y.js.map → StepSMSLoop-DHcrK3zK.js.map} RENAMED Viewed

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

package/chunk/{StepSMSLoop-CClLLG5y.js → StepSMSLoop-Dd-TlY0x.js} RENAMED Viewed

@@ -1,18 +1,18 @@
 /**
- *   VERSION: 2.294.0
- *   BUILD_TIMESTAMP: 1790103571452
- *   BUILD_DATE: Tue Sep 22 2026 18:59:31 GMT+0000 (Coordinated Universal Time)
- *   BUILD_COMMIT: a1ad0e0905912b425daabcd3b9f5df0ba79ebe6c
+ *   VERSION: 2.296.0
+ *   BUILD_TIMESTAMP: 1790267303324
+ *   BUILD_DATE: Thu Sep 24 2026 16:28:23 GMT+0000 (Coordinated Universal Time)
+ *   BUILD_COMMIT: c40128b666ae42ee6a9edba848b7517c53c4e62a
  */
 import { c as e, dt as t, kt as n } from "./options-DsRV5fwh.js";
-import { c as r, n as i, t as a } from "./jsx-runtime-338NbZob.js";
-import { g as o, n as s } from "./Message-DvgmOZft.js";
+import { n as r, s as i, t as a } from "./jsx-runtime-DQO6A867.js";
+import { g as o, n as s } from "./Message-C4qWuoA7.js";
 import { S as c, b as l } from "./runtimeTypes-B2AGNJMT.js";
-import { t as u } from "./AnnouncingHeader-DJd16MZV.js";
-import { t as d } from "./InputText-DBIXmm_R.js";
+import { t as u } from "./AnnouncingHeader-zH7WLU2-.js";
+import { t as d } from "./InputText-CuBi-ytU.js";
 //#region src/components/FormFields/SMSCode/SMSCodeComponent.tsx
-var f = /* @__PURE__ */ n(r(), 1), p = a(), m = ({ onChange: e, value: t, isErrored: n, errorId: r, placeholder: a = "" }) => {
+var f = /* @__PURE__ */ n(i(), 1), p = a(), m = ({ onChange: e, value: t, isErrored: n, errorId: i, placeholder: a = "" }) => {
 	let { msg: o } = s();
 	return /* @__PURE__ */ (0, p.jsxs)("div", {
 		className: "sid-field sid-sms-code-id",
@@ -22,20 +22,20 @@ var f = /* @__PURE__ */ n(r(), 1), p = a(), m = ({ onChange: e, value: t, isErro
 				className: "sid-field-error",
 				children: ((e) => {
 					switch (e) {
-						case "invalidSMSCode": return /* @__PURE__ */ (0, p.jsx)(i, {
+						case "invalidSMSCode": return /* @__PURE__ */ (0, p.jsx)(r, {
 							id: "step.smsLoop.errors.codeVerification",
 							defaultMessage: "Verification code could not be validated."
 						});
-						case "expiredSMSCode": return /* @__PURE__ */ (0, p.jsx)(i, {
+						case "expiredSMSCode": return /* @__PURE__ */ (0, p.jsx)(r, {
 							id: "step.smsLoop.errors.codeExpired",
 							defaultMessage: "Verification code expired."
 						});
-						default: return /* @__PURE__ */ (0, p.jsx)(i, {
+						default: return /* @__PURE__ */ (0, p.jsx)(r, {
 							id: "errorId.unknownError",
 							defaultMessage: "Unknown Error"
 						});
 					}
-				})(r)
+				})(i)
 			}) : null,
 			/* @__PURE__ */ (0, p.jsx)(d, {
 				id: "sms-code",
@@ -48,7 +48,7 @@ var f = /* @__PURE__ */ n(r(), 1), p = a(), m = ({ onChange: e, value: t, isErro
 		]
 	});
 }, h = ({ verificationService: n }) => {
-	let { msg: r } = s(), a = n.viewModel, d = n.verificationResponse, h = !!n.fieldValidationErrors.smsCode, g = n.previousViewModel || void 0, [_, v] = f.useState(""), [y, b] = f.useState(d.errorIds && d.errorIds.includes("incorrectSMSCodeAttemptLimitExceeded")), x = r({ id: "step.smsLoop.successResend" }), S = r({ id: "step.smsLoop.errors.codeResendLimit" }), C = r({ id: "step.smsLoop.errors.codeResendLimit" }), w = r({ id: "step.smsLoop.errors.resend" });
+	let { msg: i } = s(), a = n.viewModel, d = n.verificationResponse, h = !!n.fieldValidationErrors.smsCode, g = n.previousViewModel || void 0, [_, v] = f.useState(""), [y, b] = f.useState(d.errorIds && d.errorIds.includes("incorrectSMSCodeAttemptLimitExceeded")), x = i({ id: "step.smsLoop.successResend" }), S = i({ id: "step.smsLoop.errors.codeResendLimit" }), C = i({ id: "step.smsLoop.errors.codeResendLimit" }), w = i({ id: "step.smsLoop.errors.resend" });
 	f.useEffect(() => {
 		y && v(C);
 	}, []), t(() => d.errorIds.length) && !n.fieldValidationErrors.smsCode && n.updateFieldValidationErrors({
@@ -74,7 +74,7 @@ var f = /* @__PURE__ */ n(r(), 1), p = a(), m = ({ onChange: e, value: t, isErro
 			children: [
 				/* @__PURE__ */ (0, p.jsx)(u, {
 					align: "center",
-					children: /* @__PURE__ */ (0, p.jsx)(i, {
+					children: /* @__PURE__ */ (0, p.jsx)(r, {
 						id: "step.smsLoop.verificationCode",
 						defaultMessage: "Verification Code",
 						tagName: "h1"
@@ -82,11 +82,11 @@ var f = /* @__PURE__ */ n(r(), 1), p = a(), m = ({ onChange: e, value: t, isErro
 				}),
 				/* @__PURE__ */ (0, p.jsx)("div", {
 					className: "sid-header__subtitle",
-					children: t(() => g.phoneNumber) ? /* @__PURE__ */ (0, p.jsx)(i, {
+					children: t(() => g.phoneNumber) ? /* @__PURE__ */ (0, p.jsx)(r, {
 						id: "step.smsLoop.titleWithNumber",
 						defaultMessage: "We've sent an SMS message to the mobile number ending in {number}. Enter your code here.",
 						values: { number: t(() => g.phoneNumber.slice(-4), "") }
-					}) : /* @__PURE__ */ (0, p.jsx)(i, {
+					}) : /* @__PURE__ */ (0, p.jsx)(r, {
 						id: "step.smsLoop.titleWithoutNumber",
 						defaultMessage: "We've sent an SMS to your mobile number. Please enter the code here."
 					})
@@ -111,7 +111,7 @@ var f = /* @__PURE__ */ n(r(), 1), p = a(), m = ({ onChange: e, value: t, isErro
 							className: "sid-btn sid-sms-loop-submit-btn sid-btn--dark sid-submit__continue",
 							"aria-label": "submit",
 							disabled: !!(!a.smsCode || a.smsCode.length <= 0 || y),
-							children: /* @__PURE__ */ (0, p.jsx)(i, {
+							children: /* @__PURE__ */ (0, p.jsx)(r, {
 								id: "step.smsLoop.submitButton",
 								defaultMessage: "Submit"
 							})
@@ -126,7 +126,7 @@ var f = /* @__PURE__ */ n(r(), 1), p = a(), m = ({ onChange: e, value: t, isErro
 							type: "submit",
 							className: "sid-btn sid-resend-sms-code-btn sid-btn--light sid-submit__cancel",
 							"aria-label": "re-send",
-							children: /* @__PURE__ */ (0, p.jsx)(i, {
+							children: /* @__PURE__ */ (0, p.jsx)(r, {
 								id: "step.smsLoop.resendButton",
 								defaultMessage: "Re-send"
 							})
@@ -136,7 +136,7 @@ var f = /* @__PURE__ */ n(r(), 1), p = a(), m = ({ onChange: e, value: t, isErro
 				/* @__PURE__ */ (0, p.jsxs)("div", {
 					className: "sid-incorrect-number sid-l-horz-center",
 					children: [
-						/* @__PURE__ */ (0, p.jsx)(i, {
+						/* @__PURE__ */ (0, p.jsx)(r, {
 							id: "step.smsLoop.incorrectNumber.incorrectNumber1",
 							defaultMessage: "Incorrect number? Click"
 						}),
@@ -145,15 +145,15 @@ var f = /* @__PURE__ */ n(r(), 1), p = a(), m = ({ onChange: e, value: t, isErro
 							type: "button",
 							onClick: () => window.location.reload(),
 							className: "sid-incorrect-number__refresh-link sid-h-btn-link-like",
-							children: [/* @__PURE__ */ (0, p.jsx)(i, {
+							children: [/* @__PURE__ */ (0, p.jsx)(r, {
 								id: "step.smsLoop.incorrectNumber.incorrectNumber2",
 								defaultMessage: "here"
 							}), "\xA0"]
 						}),
-						/* @__PURE__ */ (0, p.jsx)(i, {
+						/* @__PURE__ */ (0, p.jsx)(r, {
 							id: "companyName",
 							defaultMessage: "{Company}",
-							children: (e) => /* @__PURE__ */ (0, p.jsx)(i, {
+							children: (e) => /* @__PURE__ */ (0, p.jsx)(r, {
 								id: "step.smsLoop.incorrectNumber.incorrectNumber3",
 								defaultMessage: "to return to {companyName}",
 								values: { companyName: e }

package/chunk/{StepSMSLoop-CLyXQmON.js.map → StepSMSLoop-Dd-TlY0x.js.map} RENAMED Viewed

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

package/chunk/StepSSO-BGHCbduX.js CHANGED Viewed

@@ -4,10 +4,10 @@
  *   This file is not intended for use in other contexts and there are no guarantees about its behavior outside of MySheerID.
  */
 /**
- *   VERSION: 2.294.0
- *   BUILD_TIMESTAMP: 1790103575603
- *   BUILD_DATE: Tue Sep 22 2026 18:59:35 GMT+0000 (Coordinated Universal Time)
- *   BUILD_COMMIT: a1ad0e0905912b425daabcd3b9f5df0ba79ebe6c
+ *   VERSION: 2.296.0
+ *   BUILD_TIMESTAMP: 1790267309032
+ *   BUILD_DATE: Thu Sep 24 2026 16:28:29 GMT+0000 (Coordinated Universal Time)
+ *   BUILD_COMMIT: c40128b666ae42ee6a9edba848b7517c53c4e62a
  */
 import { k as e } from "../_mysheerid-preview.js";
 export { e as default };

package/chunk/StepSSO-ZHByQpHa.js CHANGED Viewed

@@ -1,9 +1,9 @@
 /**
- *   VERSION: 2.294.0
- *   BUILD_TIMESTAMP: 1790103571452
- *   BUILD_DATE: Tue Sep 22 2026 18:59:31 GMT+0000 (Coordinated Universal Time)
- *   BUILD_COMMIT: a1ad0e0905912b425daabcd3b9f5df0ba79ebe6c
+ *   VERSION: 2.296.0
+ *   BUILD_TIMESTAMP: 1790267303324
+ *   BUILD_DATE: Thu Sep 24 2026 16:28:23 GMT+0000 (Coordinated Universal Time)
+ *   BUILD_COMMIT: c40128b666ae42ee6a9edba848b7517c53c4e62a
  */
 import { A as e } from "../sheerid.js";
 export { e as default };

package/chunk/StepSocialSecurityNumber-eisNq5zV.js ADDED Viewed

@@ -0,0 +1,151 @@
+/**
+ *   VERSION: 2.296.0
+ *   BUILD_TIMESTAMP: 1790267303324
+ *   BUILD_DATE: Thu Sep 24 2026 16:28:23 GMT+0000 (Coordinated Universal Time)
+ *   BUILD_COMMIT: c40128b666ae42ee6a9edba848b7517c53c4e62a
+ */
+import { c as e, kt as t } from "./options-DsRV5fwh.js";
+import { n, s as r, t as i } from "./jsx-runtime-DQO6A867.js";
+import { b as a, t as o } from "./runtimeTypes-B2AGNJMT.js";
+import { t as s } from "./FormFooterComponent-CP5Igxpo.js";
+import { o as c } from "./refs-Mq0rtW9K.js";
+import { t as l } from "./LogoComponent-DtnWbRII.js";
+import { t as u } from "./AnnouncingHeader-zH7WLU2-.js";
+import { d, l as f } from "./stepComponentHelpers-CDj3don1.js";
+import { t as p } from "./ChangeLocaleComponent-lntDT1u0.js";
+import { t as m } from "./SSN-Bd7iEK0D.js";
+//#region src/components/StepSocialSecurityNumber/SsnChoice.tsx
+var h = /* @__PURE__ */ t(r(), 1), g = i(), _ = ({ useSsn: e, useDocUpload: t, verificationService: r }) => /* @__PURE__ */ (0, g.jsxs)("div", {
+	id: "sid-ssn-choice",
+	className: "sid-ssn-choice-container sid-l-container sid-l-horz-center",
+	children: [/* @__PURE__ */ (0, g.jsxs)("div", {
+		role: "main",
+		children: [
+			/* @__PURE__ */ (0, g.jsxs)("div", {
+				className: "sid-header",
+				children: [/* @__PURE__ */ (0, g.jsx)("div", {
+					className: "sid-ssn-choice-logo-container sid-l-horz-center",
+					children: /* @__PURE__ */ (0, g.jsx)(l, { verificationService: r })
+				}), /* @__PURE__ */ (0, g.jsx)("div", {
+					className: "sid-header__title sid-l-horz-center",
+					children: /* @__PURE__ */ (0, g.jsx)(n, {
+						id: "step.collectSocialSecurityNumber.selectOption",
+						defaultMessage: "Select an option",
+						tagName: "h1"
+					})
+				})]
+			}),
+			/* @__PURE__ */ (0, g.jsx)("div", {
+				className: "sid-ssn-choice__choice1 sid-l-space-top-lg",
+				children: /* @__PURE__ */ (0, g.jsx)("button", {
+					type: "button",
+					onClick: e,
+					className: "sid-btn sid-ssn-choice-one-btn sid-btn--light sid-l-full-width sid-use-ssn",
+					children: /* @__PURE__ */ (0, g.jsx)(n, {
+						id: "step.collectSocialSecurityNumber.useSsn",
+						defaultMessage: "Verify using your social security number"
+					})
+				})
+			}),
+			/* @__PURE__ */ (0, g.jsx)("div", {
+				className: "sid-ssn-choice__choice2 sid-l-space-top-md",
+				children: /* @__PURE__ */ (0, g.jsx)("button", {
+					type: "button",
+					onClick: t,
+					className: "sid-btn sid-ssn-choice-two-btn sid-btn--light sid-l-full-width sid-use-doc-upload",
+					children: /* @__PURE__ */ (0, g.jsx)(n, {
+						id: "step.collectSocialSecurityNumber.uploadDoc",
+						defaultMessage: "Upload a document"
+					})
+				})
+			})
+		]
+	}), /* @__PURE__ */ (0, g.jsx)("div", {
+		className: "sid-ssn-choice__footer sid-l-space-top-lg",
+		children: /* @__PURE__ */ (0, g.jsx)(s, { verificationService: r })
+	})]
+}), v = ({ verificationService: t }) => {
+	let [r, i] = h.useState(!0), v = t.viewModel, { fieldValidationErrors: y } = t, b = () => t.submitStep(a.cancelSocialSecurityNumber, v, t.verificationResponse), x = (n, r) => {
+		let i = e(v, (e) => {
+			e[n] = r;
+		});
+		t.updateViewModel(i);
+	}, S = v.socialSecurityNumber && v.socialSecurityNumber.toString().length === 9;
+	return r ? /* @__PURE__ */ (0, g.jsx)(_, {
+		useSsn: () => i(!1),
+		useDocUpload: b,
+		verificationService: t
+	}) : /* @__PURE__ */ (0, g.jsxs)("div", {
+		id: "sid-step-social-security",
+		className: "sid-social-sercurity-number-container sid-l-container sid-l-horz-center",
+		children: [/* @__PURE__ */ (0, g.jsxs)("div", {
+			role: "main",
+			children: [
+				/* @__PURE__ */ (0, g.jsxs)("div", {
+					className: "sid-header",
+					children: [
+						/* @__PURE__ */ (0, g.jsx)("div", {
+							className: "sid-social-security-number-logo-container sid-l-horz-center",
+							children: /* @__PURE__ */ (0, g.jsx)(l, { verificationService: t })
+						}),
+						/* @__PURE__ */ (0, g.jsx)(u, {
+							align: "center",
+							children: /* @__PURE__ */ (0, g.jsx)(n, {
+								id: "step.collectSocialSecurityNumber.title",
+								defaultMessage: "Enter your social security number",
+								tagName: "h1"
+							})
+						}),
+						/* @__PURE__ */ (0, g.jsx)(p, { verificationService: t }),
+						/* @__PURE__ */ (0, g.jsx)("div", {
+							className: "sid-ssn-wrapper",
+							children: /* @__PURE__ */ (0, g.jsx)(m, {
+								value: v.socialSecurityNumber,
+								onChange: (e) => {
+									x("socialSecurityNumber", e), d("socialSecurityNumber", e, t);
+								},
+								isErrored: !!y[o.socialSecurityNumber],
+								placeholder: "000-00-0000"
+							})
+						})
+					]
+				}),
+				/* @__PURE__ */ (0, g.jsx)("div", {
+					className: "sid-form-region sid-submit-wrapper sid-l-space-top-md",
+					children: /* @__PURE__ */ (0, g.jsx)("div", {
+						className: "sid-social-security-number-submit sid-submit",
+						children: /* @__PURE__ */ (0, g.jsx)("button", {
+							id: "sid-submit-wrapper__collect-info",
+							onClick: () => f(v, t, a.collectSocialSecurityNumber),
+							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",
+							ref: (e) => c("submitButton", e),
+							children: /* @__PURE__ */ (0, g.jsx)(n, {
+								id: "proceed",
+								defaultMessage: "Proceed"
+							})
+						})
+					})
+				}),
+				/* @__PURE__ */ (0, g.jsx)("div", {
+					className: "sid-form-region sid-social-security-number-upload-instead-btn sid-l-space-top-md",
+					role: "button",
+					tabIndex: 0,
+					onKeyUp: b,
+					onClick: b,
+					children: /* @__PURE__ */ (0, g.jsx)("div", {
+						className: "sid-social-security-number-upload-instead-text sid-h-link-like",
+						children: /* @__PURE__ */ (0, g.jsx)(n, {
+							id: "step.collectSocialSecurityNumber.uploadInstead",
+							defaultMessage: "Upload a document instead"
+						})
+					})
+				})
+			]
+		}), /* @__PURE__ */ (0, g.jsx)(s, { verificationService: t })]
+	});
+};
+//#endregion
+export { v as default };