npm - @sheerid/jslib-nightly - Versions diffs - 2.259.0-alpha.1 → 2.259.0-alpha.2 - Mend

@sheerid/jslib-nightly 2.259.0-alpha.1 → 2.259.0-alpha.2

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 (399) hide show

package/chunk/{StepOverrideComponent-67Wl2Ic3.js → StepOverrideComponent-BXnbZhfO.js} RENAMED Viewed

@@ -1,85 +1,85 @@
 /**
- *   VERSION: 2.259.0-alpha.1
- *   BUILD_TIMESTAMP: 1784754660626
- *   BUILD_DATE: Wed Jul 22 2026 21:11:00 GMT+0000 (Coordinated Universal Time)
+ *   VERSION: 2.259.0-alpha.2
+ *   BUILD_TIMESTAMP: 1784832344356
+ *   BUILD_DATE: Thu Jul 23 2026 18:45:44 GMT+0000 (Coordinated Universal Time)
  *   BUILD_COMMIT: 723cd7cf079ebfd281e0288836276bf33ce7607f
  */
 import { Bt as e, Ft as t, Wt as n, ct 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 { r as c, t as l } from "./FormFooterComponent-DcilxYfs.js";
-import { l as u, t as d } from "./hooks-Bn35OzEf.js";
-import { t as f } from "./LogoComponent-BMeuu-aK.js";
-import { t as p } from "./AnnouncingHeader-DjgtqEeX.js";
-import { t as m } from "./FormFieldText-zjWk7Cyc.js";
+import { r as c, t as l } from "./FormFooterComponent-CXzDxR2J.js";
+import { i as u } from "./validators-Do9xo2t_.js";
+import { t as d } from "./LogoComponent-BMeuu-aK.js";
+import { t as f } from "./AnnouncingHeader-DjgtqEeX.js";
+import { t as p } from "./FormFieldText-zjWk7Cyc.js";
 //#region src/components/FormFields/OverrideCode/OverrideCodeComponent.tsx
-var h = /* @__PURE__ */ n(a(), 1), g = s(), _ = i(({ value: e, isErrored: t, onChange: n, placeholder: r = "" }) => /* @__PURE__ */ (0, g.jsx)(m, {
+var m = /* @__PURE__ */ n(a(), 1), h = s(), g = i(({ value: e, isErrored: t, onChange: n, placeholder: r = "" }) => /* @__PURE__ */ (0, h.jsx)(p, {
 	fieldId: "overrideCode",
 	value: e,
 	onChange: n,
 	placeholder: "",
 	type: "password",
-	label: /* @__PURE__ */ (0, g.jsx)(o, {
+	label: /* @__PURE__ */ (0, h.jsx)(o, {
 		id: "step.override.verificationOverrideCodeLabel",
 		defaultMessage: "Verification Override Code"
 	}),
-	errorMessage: t && /* @__PURE__ */ (0, g.jsx)(o, {
+	errorMessage: t && /* @__PURE__ */ (0, h.jsx)(o, {
 		id: "errorId.invalidOverrideCode",
 		defaultMessage: "Invalid Override Code"
 	}),
 	showPlaceholderAndHideLabel: !!r
-})), v = i(({ intl: n, verificationService: i }) => {
-	let a = i.viewModel, s = i.verificationResponse, { fieldValidationErrors: m } = i, [v, y] = h.useState(""), b = d("hc-my-sheer-id-theme-builder"), x = s.errorIds && s.errorIds.includes("incorrectVerificationOverrideCodeAttemptLimitExceeded"), S = n.formatHTMLMessage({
+})), _ = i(({ intl: n, verificationService: i }) => {
+	let a = i.viewModel, s = i.verificationResponse, { fieldValidationErrors: p } = i, [_, v] = m.useState(""), y = s.errorIds && s.errorIds.includes("incorrectVerificationOverrideCodeAttemptLimitExceeded"), b = n.formatHTMLMessage({
 		id: "step.override.errors.codeOverrideLimit",
 		defaultMessage: "Override code limit exceeded."
 	});
-	return h.useEffect(() => {
-		x && y(S);
+	return m.useEffect(() => {
+		y && v(b);
 	}, []), r(() => s.errorIds.length) && !i.fieldValidationErrors.overrideCode && i.updateFieldValidationErrors({
 		...i.fieldValidationErrors,
 		overrideCode: s.errorIds[0]
-	}), /* @__PURE__ */ (0, g.jsxs)("div", {
+	}), /* @__PURE__ */ (0, h.jsxs)("div", {
 		id: "sid-step-overrice-code",
 		className: "sid-override-personal-info-container sid-l-container",
-		children: [/* @__PURE__ */ (0, g.jsxs)("div", {
+		children: [/* @__PURE__ */ (0, h.jsxs)("div", {
 			role: "main",
 			children: [
-				/* @__PURE__ */ (0, g.jsx)("div", {
+				/* @__PURE__ */ (0, h.jsx)("div", {
 					className: "sid-override-personal-info-logo-container sid-l-horz-center",
-					children: /* @__PURE__ */ (0, g.jsx)(f, {
+					children: /* @__PURE__ */ (0, h.jsx)(d, {
 						verificationService: i,
-						fallbackLogo: !b && /* @__PURE__ */ (0, g.jsx)("img", {
+						fallbackLogo: /* @__PURE__ */ (0, h.jsx)("img", {
 							className: "sid-override-personal-info-logo-default sid-l-lead-image",
 							alt: "",
 							src: "https://assets-resources.sheerid.com/common/images/2018/icons/sso-step.svg"
 						})
 					})
 				}),
-				/* @__PURE__ */ (0, g.jsx)(p, {
+				/* @__PURE__ */ (0, h.jsx)(f, {
 					align: "center",
-					children: /* @__PURE__ */ (0, g.jsx)(o, {
+					children: /* @__PURE__ */ (0, h.jsx)(o, {
 						id: "step.override.title",
 						defaultMessage: "Unable to Verify Status",
 						tagName: "h1"
 					})
 				}),
-				/* @__PURE__ */ (0, g.jsx)("div", {
+				/* @__PURE__ */ (0, h.jsx)("div", {
 					className: "sid-header__subtitle-one sid-l-horz-center",
-					children: /* @__PURE__ */ (0, g.jsx)(o, {
+					children: /* @__PURE__ */ (0, h.jsx)(o, {
 						id: "step.override.subtitle",
 						defaultMessage: "Please sign in to your school's web portal. It will open in a new tab."
 					})
 				}),
-				/* @__PURE__ */ (0, g.jsx)("div", {
+				/* @__PURE__ */ (0, h.jsx)("div", {
 					className: "sid-header__subtitle-one sid-l-horz-center",
-					children: /* @__PURE__ */ (0, g.jsx)(o, {
+					children: /* @__PURE__ */ (0, h.jsx)(o, {
 						id: "step.override.subtitle2",
 						defaultMessage: "This will enable the customer to redeem the offer"
 					})
 				}),
-				/* @__PURE__ */ (0, g.jsx)(_, {
+				/* @__PURE__ */ (0, h.jsx)(g, {
 					value: a.overrideCode,
-					isErrored: !!m.overrideCode,
+					isErrored: !!p.overrideCode,
 					onChange: (e) => {
 						c({
 							...a,
@@ -87,22 +87,22 @@ var h = /* @__PURE__ */ n(a(), 1), g = s(), _ = i(({ value: e, isErrored: t, onC
 						});
 					}
 				}),
-				v && /* @__PURE__ */ (0, g.jsx)("div", { children: /* @__PURE__ */ (0, g.jsx)("p", { children: v }) }),
-				/* @__PURE__ */ (0, g.jsx)("div", {
+				_ && /* @__PURE__ */ (0, h.jsx)("div", { children: /* @__PURE__ */ (0, h.jsx)("p", { children: _ }) }),
+				/* @__PURE__ */ (0, h.jsx)("div", {
 					className: "sid-form-region sid-submit-wrapper sid-l-space-top-md",
-					children: /* @__PURE__ */ (0, g.jsx)("div", {
+					children: /* @__PURE__ */ (0, h.jsx)("div", {
 						className: "sid-override-submit sid-submit",
-						children: /* @__PURE__ */ (0, g.jsx)("button", {
+						children: /* @__PURE__ */ (0, h.jsx)("button", {
 							id: "sid-submit-btn-collect-info",
 							onClick: () => {
 								e.info("StepOverrideCode submitting form"), i.submitStep(t.override, a, i.verificationResponse);
 							},
 							type: "button",
 							className: `sid-btn sid-override-submit-btn sid-btn--dark sid-l-full-width ${u(a, i.formValidationOptions) ? "" : "sid-btn--disabled-like"}`,
-							disabled: !!(!a.overrideCode || a.overrideCode.length <= 0 || x),
-							children: /* @__PURE__ */ (0, g.jsx)("span", {
+							disabled: !!(!a.overrideCode || a.overrideCode.length <= 0 || y),
+							children: /* @__PURE__ */ (0, h.jsx)("span", {
 								id: "verify-status-text",
-								children: /* @__PURE__ */ (0, g.jsx)(o, {
+								children: /* @__PURE__ */ (0, h.jsx)(o, {
 									id: "step.override.submitOverrideCodeButtonLabel",
 									defaultMessage: "Submit Override Codes"
 								})
@@ -111,8 +111,8 @@ var h = /* @__PURE__ */ n(a(), 1), g = s(), _ = i(({ value: e, isErrored: t, onC
 					})
 				})
 			]
-		}), /* @__PURE__ */ (0, g.jsx)(l, { verificationService: i })]
+		}), /* @__PURE__ */ (0, h.jsx)(l, { verificationService: i })]
 	});
 });
 //#endregion
-export { v as default };
+export { _ as default };

package/chunk/StepOverrideComponent-BXnbZhfO.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"StepOverrideComponent-BXnbZhfO.js","names":[],"sources":["../../src/components/FormFields/OverrideCode/OverrideCodeComponent.tsx","../../src/components/StepOverrideComponent/StepOverrideComponent.tsx"],"sourcesContent":["import { FormattedHTMLMessage, injectIntl } from \"react-intl\";\n\nimport { type FormFieldComponentProps } from \"../../../lib/types/types\";\nimport { FormFieldText } from \"../FormFieldText/FormFieldText\";\n\nexport const OverrideCode = ({\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\nexport const OverrideCodeComponent = injectIntl(OverrideCode);\n","import React from \"react\";\nimport { injectIntl, FormattedHTMLMessage, type InjectedIntl } from \"react-intl\";\n\nimport { logger } from \"@jslib/shared/utils/logger\";\nimport { getSafe } from \"@jslib/shared/utils/getSafe\";\n\nimport {\n type VerificationService,\n type OverrideViewModel,\n type OverrideResponse,\n} from \"../../lib/types/types\";\nimport { LogoComponent } from \"../LogoComponent/LogoComponent\";\nimport { FormFooterComponent as FormFooter } from \"../FormFooter/FormFooterComponent\";\nimport { OverrideCodeComponent } from \"../FormFields/OverrideCode/OverrideCodeComponent\";\nimport { setViewModel } from \"../../lib/VerificationService/ViewModel\";\nimport { VerificationStepsEnum } from \"../../lib/types/runtimeTypes\";\nimport { isFormFilled } from \"../../lib/validators/validators\";\nimport { AnnouncingHeader } from \"../AnnouncingHeader/AnnouncingHeader\";\n\ninterface StepOverrideProps {\n intl: InjectedIntl;\n verificationService: VerificationService;\n}\n\nconst StepOverride = ({ intl, verificationService }: StepOverrideProps) => {\n const viewModel = verificationService.viewModel as OverrideViewModel;\n const verificationResponse = verificationService.verificationResponse as OverrideResponse;\n const { fieldValidationErrors } = verificationService;\n const [stepResultMessage, setStepResultMessage] = React.useState(\"\");\n const isAttemptLimitExceeded =\n verificationResponse.errorIds &&\n verificationResponse.errorIds.includes(\"incorrectVerificationOverrideCodeAttemptLimitExceeded\");\n const maxRetriesPerOverrideCodeMessage = intl.formatHTMLMessage({\n id: \"step.override.errors.codeOverrideLimit\",\n defaultMessage: \"Override code limit exceeded.\",\n });\n\n React.useEffect(() => {\n if (isAttemptLimitExceeded) {\n setStepResultMessage(maxRetriesPerOverrideCodeMessage);\n }\n }, []);\n\n if (\n getSafe(() => verificationResponse.errorIds.length) &&\n !verificationService.fieldValidationErrors.overrideCode\n ) {\n verificationService.updateFieldValidationErrors({\n ...verificationService.fieldValidationErrors,\n overrideCode: verificationResponse.errorIds[0],\n });\n }\n\n const submitForm = () => {\n logger.info(\"StepOverrideCode submitting form\");\n verificationService.submitStep(\n VerificationStepsEnum.override,\n viewModel,\n verificationService.verificationResponse,\n );\n };\n\n return (\n <div\n id=\"sid-step-overrice-code\"\n className=\"sid-override-personal-info-container sid-l-container\"\n >\n <div role=\"main\">\n <div className=\"sid-override-personal-info-logo-container sid-l-horz-center\">\n <LogoComponent\n verificationService={verificationService}\n fallbackLogo={\n <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 </div>\n <AnnouncingHeader align=\"center\">\n <FormattedHTMLMessage\n id=\"step.override.title\"\n defaultMessage=\"Unable to Verify Status\"\n tagName=\"h1\"\n />\n </AnnouncingHeader>\n <div className=\"sid-header__subtitle-one sid-l-horz-center\">\n <FormattedHTMLMessage\n id=\"step.override.subtitle\"\n defaultMessage=\"Please sign in to your school's web portal. It will open in a new tab.\"\n />\n </div>\n <div className=\"sid-header__subtitle-one sid-l-horz-center\">\n <FormattedHTMLMessage\n id=\"step.override.subtitle2\"\n defaultMessage=\"This will enable the customer to redeem the offer\"\n />\n </div>\n <OverrideCodeComponent\n value={viewModel.overrideCode}\n isErrored={!!fieldValidationErrors.overrideCode}\n onChange={(newValue) => {\n setViewModel({ ...viewModel, overrideCode: newValue });\n }}\n />\n {stepResultMessage && (\n <div>\n <p>{stepResultMessage}</p>\n </div>\n )}\n\n <div className=\"sid-form-region sid-submit-wrapper sid-l-space-top-md\">\n <div className=\"sid-override-submit sid-submit\">\n <button\n id=\"sid-submit-btn-collect-info\"\n onClick={submitForm}\n type=\"button\"\n className={`sid-btn sid-override-submit-btn sid-btn--dark sid-l-full-width ${\n !isFormFilled(viewModel, verificationService.formValidationOptions)\n ? \"sid-btn--disabled-like\"\n : \"\"\n }`}\n disabled={\n !!(\n !viewModel.overrideCode ||\n viewModel.overrideCode.length <= 0 ||\n isAttemptLimitExceeded\n )\n }\n >\n <span id=\"verify-status-text\">\n <FormattedHTMLMessage\n id=\"step.override.submitOverrideCodeButtonLabel\"\n defaultMessage=\"Submit Override Codes\"\n />\n </span>\n </button>\n </div>\n </div>\n </div>\n <FormFooter verificationService={verificationService} />\n </div>\n );\n};\nexport const StepOverrideComponent = injectIntl(StepOverride);\n"],"mappings":";;;;;;;;4CAmCA,IAAA,GA9BA,EAAA,UAAA,cAAA,aAAA,iBAAA,SAAA,iBAAA,GAAA,EAAA,KAAA,GAAA;;;;;;;;;;;;;;;AA2BG,CAAA,CAGH,GC8Ga,IAAwB,GAzHf,EAAE,SAAM,6BAA6C;CACzE,IAAM,IAAY,EAAoB,WAChC,IAAuB,EAAoB,sBAC3C,EAAE,6BAA0B,GAC5B,CAAC,GAAmB,KAAA,EAA8B,SAAS,EAAE,GAC7D,IACJ,EAAqB,YACrB,EAAqB,SAAS,SAAS,uDAAuD,GAC1F,IAAmC,EAAK,kBAAkB;EAC9D,IAAI;EACJ,gBAAgB;CAClB,CAAC;CA2BD,OAzBA,EAAM,gBAAgB;EACpB,AAAI,KACF,EAAqB,CAAgC;CAEzD,GAAG,CAAC,CAAC,GAGH,QAAc,EAAqB,SAAS,MAAM,KAClD,CAAC,EAAoB,sBAAsB,gBAE3C,EAAoB,4BAA4B;EAC9C,GAAG,EAAoB;EACvB,cAAc,EAAqB,SAAS;CAC9C,CAAC,GAaD,iBAAA,GAAA,EAAA,MAAC,OAAD;EACE,IAAG;EACH,WAAU;YAFZ,CAIE,iBAAA,GAAA,EAAA,MAAC,OAAD;GAAK,MAAK;aAAV;IACE,iBAAA,GAAA,EAAA,KAAC,OAAD;KAAK,WAAU;eACb,iBAAA,GAAA,EAAA,KAAC,GAAD;MACuB;MACrB,cACE,iBAAA,GAAA,EAAA,KAAC,OAAD;OACE,WAAU;OACV,KAAI;OACJ,KAAI;MACL,CAAA;KAEJ,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,eA/Da;QAEvB,AADA,EAAO,KAAK,kCAAkC,GAC9C,EAAoB,WAClB,EAAsB,UACtB,GACA,EAAoB,oBACtB;OACF;OAyDY,MAAK;OACL,WAAW,kEACR,EAAa,GAAW,EAAoB,qBAAqB,IAE9D,KADA;OAGN,UACE,CAAC,EACC,CAAC,EAAU,gBACX,EAAU,aAAa,UAAU,KACjC;iBAIJ,iBAAA,GAAA,EAAA,KAAC,QAAD;QAAM,IAAG;kBACP,iBAAA,GAAA,EAAA,KAAC,GAAD;SACE,IAAG;SACH,gBAAe;QAChB,CAAA;OACG,CAAA;MACA,CAAA;KACL,CAAA;IACF,CAAA;GACF;MACL,iBAAA,GAAA,EAAA,KAAC,GAAD,EAAiC,uBAAsB,CAAA,CACpD;;AAET,CAC4D"}

package/chunk/{StepSMSLoop-DU91kmZw.js → StepSMSLoop-DAKxJhXo.js} RENAMED Viewed

@@ -1,13 +1,13 @@
 /**
- *   VERSION: 2.259.0-alpha.1
- *   BUILD_TIMESTAMP: 1784754660626
- *   BUILD_DATE: Wed Jul 22 2026 21:11:00 GMT+0000 (Coordinated Universal Time)
+ *   VERSION: 2.259.0-alpha.2
+ *   BUILD_TIMESTAMP: 1784832344356
+ *   BUILD_DATE: Thu Jul 23 2026 18:45:44 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-CVR-bKWg.js";
+import { t as l } from "./VerificationApiClient-Br6D_KwQ.js";
 import { t as u } from "./AnnouncingHeader-DjgtqEeX.js";
 import { t as d } from "./InputText-Bzkl8mKj.js";
 //#region src/components/FormFields/SMSCode/SMSCodeComponent.tsx

package/chunk/{StepSMSLoop-DU91kmZw.js.map → StepSMSLoop-DAKxJhXo.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"StepSMSLoop-DU91kmZw.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\"> </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 );\n};\n\nexport const StepSMSLoopComponent = injectIntl(StepSMSLoop);\n"],"mappings":"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"}
1	+ {"version":3,"file":"StepSMSLoop-DAKxJhXo.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\"> </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 );\n};\n\nexport const StepSMSLoopComponent = injectIntl(StepSMSLoop);\n"],"mappings":";;;;;;4CAsDA,IAAA,GAjDA,EAAA,aAAA,UAAA,cAAA,YAAA,SAAA,iBAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAiDA,GC8Ia,IAAuB,GA7Kf,EAAE,SAAM,6BAA4C;CACvE,IAAM,IAAY,EAAoB,WAChC,IAAuB,EAAoB,sBAC3C,IAAY,EAAQ,EAAoB,sBAAsB,SAC9D,IACH,EAAoB,qBAAsD,KAAA,GAEvE,CAAC,GAAmB,KAAA,EAA8B,SAAS,EAAE,GAC7D,CAAC,GAAwB,KAAA,EAAiC,SAC9D,EAAqB,YACnB,EAAqB,SAAS,SAAS,sCAAsC,CACjF,GAEM,IAAqB,EAAK,kBAAkB;EAChD,IAAI;EACJ,gBAAgB;CAClB,CAAC,GACK,IAAyB,EAAK,kBAAkB;EACpD,IAAI;EACJ,gBAAgB;CAClB,CAAC,GACK,IAA2B,EAAK,kBAAkB;EACtD,IAAI;EACJ,gBAAgB;CAClB,CAAC,GACK,IAA2B,EAAK,kBAAkB;EACtD,IAAI;EACJ,gBAAgB;CAClB,CAAC;CAQD,AANA,EAAM,gBAAgB;EACpB,AAAI,KACF,EAAqB,CAAwB;CAEjD,GAAG,CAAC,CAAC,GAGH,QAAc,EAAqB,SAAS,MAAM,KAClD,CAAC,EAAoB,sBAAsB,WAE3C,EAAoB,4BAA4B;EAC9C,GAAG,EAAoB;EACvB,SAAS,EAAqB,SAAS;CACzC,CAAC;CAGH,IAAM,KAAiB,MAAU;EAC/B,IAAM,IAA8B,EAAQ,IAAY,MAA4B;GAElF,AADA,EAAM,UAAU,GAChB,EAAM,cAAc,KAAqB,EAAkB;EAC7D,CAAC;EACD,EAAoB,gBAAgB,CAAS;CAC/C,GAEM,UAAmB;EAEvB,AADA,EAAO,KAAK,6BAA6B,GACzC,EAAoB,WAClB,EAAsB,SACtB,GACA,EAAoB,oBACtB;CACF,GAEM,IAAgB,OAAO,MAAmB;EAC9C,IAAM,IAAW,MAAM,EAAsB,oBAAoB,CAAc;EAC/E,AAAI,KACF,EAAwB,EAAK,GAC7B,EAAqB,EAAS,WAAW,MAAM,IAAqB,CAAsB,KAE1F,EAAqB,CAAwB;CAEjD;CAEA,OACE,iBAAA,GAAA,EAAA,MAAC,OAAD;EAAK,IAAG;EAAoB,WAAU;YAAtC;GACE,iBAAA,GAAA,EAAA,KAAC,GAAD;IAAkB,OAAM;cACtB,iBAAA,GAAA,EAAA,KAAC,GAAD;KACE,IAAG;KACH,gBAAe;KACf,SAAQ;IACT,CAAA;GACe,CAAA;GAElB,iBAAA,GAAA,EAAA,KAAC,OAAD;IAAK,WAAU;cACZ,QAAc,EAAkB,WAAW,IAC1C,iBAAA,GAAA,EAAA,KAAC,GAAD;KACE,IAAG;KACH,gBAAe;KACf,QAAQ,EACN,QAAQ,QAAc,EAAkB,YAAY,MAAM,EAAE,GAAG,EAAE,EACnE;IACD,CAAA,IAED,iBAAA,GAAA,EAAA,KAAC,GAAD;KACE,IAAG;KACH,gBAAe;IAChB,CAAA;GAEA,CAAA;GAEL,iBAAA,GAAA,EAAA,KAAC,OAAD;IAAK,WAAU;cACb,iBAAA,GAAA,EAAA,KAAC,GAAD;KACE,UAAU;KACV,OAAO,EAAU;KACN;KACX,SAAS,EAAoB,sBAAsB;IACpD,CAAA;GACE,CAAA;GAEJ,KACC,iBAAA,GAAA,EAAA,KAAC,OAAD,EAAA,UACE,iBAAA,GAAA,EAAA,KAAC,KAAD,EAAA,UAAI,EAAqB,CAAA,EACtB,CAAA;GAGP,iBAAA,GAAA,EAAA,MAAC,OAAD;IAAK,WAAU;cAAf;KACE,iBAAA,GAAA,EAAA,KAAC,UAAD;MACE,IAAG;MACH,SAAS;MACT,MAAK;MACL,WAAU;MACV,cAAW;MACX,UACE,CAAC,EAAE,CAAC,EAAU,WAAW,EAAU,QAAQ,UAAU,KAAK;gBAG5D,iBAAA,GAAA,EAAA,KAAC,GAAD;OAAsB,IAAG;OAA4B,gBAAe;MAAU,CAAA;KACxE,CAAA;KAER,iBAAA,GAAA,EAAA,KAAC,OAAD;MAAK,WAAU;gBAAsB;KAAW,CAAA;KAEhD,iBAAA,GAAA,EAAA,KAAC,UAAD;MACE,IAAG;MACH,eAAe,EAAc,EAAqB,cAAc;MAChE,MAAK;MACL,WAAU;MACV,cAAW;gBAEX,iBAAA,GAAA,EAAA,KAAC,GAAD;OAAsB,IAAG;OAA4B,gBAAe;MAAW,CAAA;KACzE,CAAA;IACL;;GAEL,iBAAA,GAAA,EAAA,MAAC,OAAD;IAAK,WAAU;cAAf;KACE,iBAAA,GAAA,EAAA,KAAC,GAAD;MACE,IAAG;MACH,gBAAe;KAChB,CAAA;KAAC;KAEF,iBAAA,GAAA,EAAA,MAAC,UAAD;MACE,MAAK;MACL,eAAe,OAAO,SAAS,OAAO;MACtC,WAAU;gBAHZ,CAKE,iBAAA,GAAA,EAAA,KAAC,GAAD;OACE,IAAG;OACH,gBAAe;MAChB,CAAA,GAAC,MAEI;;KACR,iBAAA,GAAA,EAAA,KAAC,GAAD;MAAsB,IAAG;MAAc,gBAAe;iBAClD,MACA,iBAAA,GAAA,EAAA,KAAC,GAAD;OACE,IAAG;OACH,gBAAe;OACf,QAAQ,EAAE,eAAY;MACvB,CAAA;KAEiB,CAAA;IACnB;;EACF;;AAET,CAE0D"}

package/chunk/{StepSMSLoop-DbvJTafU.js → StepSMSLoop-DO4S-Aje.js} RENAMED Viewed

@@ -4,18 +4,18 @@
  *   This file is not intended for use in other contexts and there are no guarantees about its behavior outside of MySheerID.
  */
 /**
- *   VERSION: 2.259.0-alpha.1
- *   BUILD_TIMESTAMP: 1784754664523
- *   BUILD_DATE: Wed Jul 22 2026 21:11:04 GMT+0000 (Coordinated Universal Time)
+ *   VERSION: 2.259.0-alpha.2
+ *   BUILD_TIMESTAMP: 1784832348235
+ *   BUILD_DATE: Thu Jul 23 2026 18:45:48 GMT+0000 (Coordinated Universal Time)
  *   BUILD_COMMIT: 723cd7cf079ebfd281e0288836276bf33ce7607f
  */
-import { Ht as e, It as t, Lt as n, jt as r, p as i } from "./intl-aUfdCP8t.js";
-import { a, c as o, n as s, t as c } from "./jsx-runtime-XNwIsY_N.js";
-import { t as l } from "./VerificationApiClient-xgUCQ1gs.js";
-import { t as u } from "./AnnouncingHeader-BZreAj2L.js";
-import { t as d } from "./InputText-CkDvaW9P.js";
+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-D6OYdL72.js";
+import { t as u } from "./AnnouncingHeader-BF69hVVm.js";
+import { t as d } from "./InputText-DA8wfbQM.js";
 //#region src/components/FormFields/SMSCode/SMSCodeComponent.tsx
-var f = /* @__PURE__ */ e(o(), 1), p = c(), m = a(({ onChange: e, value: t, isErrored: n, errorId: r, intl: i, placeholder: a = "" }) => /* @__PURE__ */ (0, p.jsxs)("div", {
+var f = /* @__PURE__ */ r(o(), 1), p = c(), m = a(({ onChange: e, value: t, isErrored: n, errorId: r, intl: i, placeholder: a = "" }) => /* @__PURE__ */ (0, p.jsxs)("div", {
 	className: "sid-field sid-sms-code-id",
 	children: [
 		/* @__PURE__ */ (0, p.jsx)("div", { className: "sid-l-space-top-md" }),
@@ -50,23 +50,23 @@ var f = /* @__PURE__ */ e(o(), 1), p = c(), m = a(({ onChange: e, value: t, isEr
 			onChange: (t) => e(t.target.value)
 		})
 	]
-})), h = a(({ intl: e, verificationService: a }) => {
-	let o = a.viewModel, c = a.verificationResponse, d = !!a.fieldValidationErrors.smsCode, h = a.previousViewModel || void 0, [g, _] = f.useState(""), [v, y] = f.useState(c.errorIds && c.errorIds.includes("incorrectSMSCodeAttemptLimitExceeded")), b = e.formatHTMLMessage({
+})), h = a(({ intl: r, verificationService: a }) => {
+	let o = a.viewModel, c = a.verificationResponse, d = !!a.fieldValidationErrors.smsCode, h = a.previousViewModel || void 0, [g, _] = f.useState(""), [v, y] = f.useState(c.errorIds && c.errorIds.includes("incorrectSMSCodeAttemptLimitExceeded")), b = r.formatHTMLMessage({
 		id: "step.smsLoop.successResend",
 		defaultMessage: "SMS message re-sent successfully"
-	}), x = e.formatHTMLMessage({
+	}), x = r.formatHTMLMessage({
 		id: "step.smsLoop.errors.codeResendLimit",
 		defaultMessage: "Maximum number of re-tries has been reached."
-	}), S = e.formatHTMLMessage({
+	}), S = r.formatHTMLMessage({
 		id: "step.smsLoop.errors.codeResendLimit",
 		defaultMessage: "Maximum number of re-tries has been reached."
-	}), C = e.formatHTMLMessage({
+	}), C = r.formatHTMLMessage({
 		id: "step.smsLoop.errors.resend",
 		defaultMessage: "Error sending the SMS message"
 	});
 	f.useEffect(() => {
 		v && _(S);
-	}, []), t(() => c.errorIds.length) && !a.fieldValidationErrors.smsCode && a.updateFieldValidationErrors({
+	}, []), e(() => c.errorIds.length) && !a.fieldValidationErrors.smsCode && a.updateFieldValidationErrors({
 		...a.fieldValidationErrors,
 		smsCode: c.errorIds[0]
 	});
@@ -76,7 +76,7 @@ var f = /* @__PURE__ */ e(o(), 1), p = c(), m = a(({ onChange: e, value: t, isEr
 		});
 		a.updateViewModel(t);
 	}, T = () => {
-		n.info("StepSMSLoop submitting form"), a.submitStep(r.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);
@@ -95,10 +95,10 @@ var f = /* @__PURE__ */ e(o(), 1), p = c(), m = a(({ onChange: e, value: t, isEr
 			}),
 			/* @__PURE__ */ (0, p.jsx)("div", {
 				className: "sid-header__subtitle",
-				children: t(() => h.phoneNumber) ? /* @__PURE__ */ (0, p.jsx)(s, {
+				children: e(() => 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: t(() => h.phoneNumber.slice(-4), "") }
+					values: { number: e(() => 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-DbvJTafU.js.map → StepSMSLoop-DO4S-Aje.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"StepSMSLoop-DbvJTafU.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\"> </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 );\n};\n\nexport const StepSMSLoopComponent = injectIntl(StepSMSLoop);\n"],"mappings":"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"}
1	+ {"version":3,"file":"StepSMSLoop-DO4S-Aje.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\"> </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 );\n};\n\nexport const StepSMSLoopComponent = injectIntl(StepSMSLoop);\n"],"mappings":"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"}

package/chunk/StepSSO-BRFhNvkp.js ADDED Viewed

@@ -0,0 +1,9 @@
+/**
+ *   VERSION: 2.259.0-alpha.2
+ *   BUILD_TIMESTAMP: 1784832344356
+ *   BUILD_DATE: Thu Jul 23 2026 18:45:44 GMT+0000 (Coordinated Universal Time)
+ *   BUILD_COMMIT: 723cd7cf079ebfd281e0288836276bf33ce7607f
+ */
+import { rt as e } from "../sheerid.js";
+export { e as default };

package/chunk/{StepSSO-Bp-M6Mod.js → StepSSO-BaFk7RFJ.js} RENAMED 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.259.0-alpha.1
- *   BUILD_TIMESTAMP: 1784754664523
- *   BUILD_DATE: Wed Jul 22 2026 21:11:04 GMT+0000 (Coordinated Universal Time)
+ *   VERSION: 2.259.0-alpha.2
+ *   BUILD_TIMESTAMP: 1784832348235
+ *   BUILD_DATE: Thu Jul 23 2026 18:45:48 GMT+0000 (Coordinated Universal Time)
  *   BUILD_COMMIT: 723cd7cf079ebfd281e0288836276bf33ce7607f
  */
-import { tt as e } from "../_mysheerid-preview.js";
+import { nt as e } from "../_mysheerid-preview.js";
 export { e as default };

package/chunk/{StepSocialSecurityNumber-DK4msVLI.js → StepSocialSecurityNumber-BseFM9rt.js} RENAMED Viewed

@@ -1,19 +1,19 @@
 /**
- *   VERSION: 2.259.0-alpha.1
- *   BUILD_TIMESTAMP: 1784754660626
- *   BUILD_DATE: Wed Jul 22 2026 21:11:00 GMT+0000 (Coordinated Universal Time)
+ *   VERSION: 2.259.0-alpha.2
+ *   BUILD_TIMESTAMP: 1784832344356
+ *   BUILD_DATE: Thu Jul 23 2026 18:45:44 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-DcilxYfs.js";
+import { t as c } from "./FormFooterComponent-CXzDxR2J.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 { $ as f, Z as p } from "../sheerid.js";
-import { t as m } from "./ChangeLocaleComponent-DPIcEDOe.js";
-import { t as h } from "./SSN-B9b4KlAr.js";
+import { Q as f, et as p } from "../sheerid.js";
+import { t as m } from "./ChangeLocaleComponent-QMQdbxxB.js";
+import { t as h } from "./SSN-mk_cMbDH.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",
@@ -102,7 +102,7 @@ var g = /* @__PURE__ */ t(a(), 1), _ = s(), v = ({ useSsn: e, useDocUpload: t, v
 							children: /* @__PURE__ */ (0, _.jsx)(h, {
 								value: s.socialSecurityNumber,
 								onChange: (e) => {
-									x("socialSecurityNumber", e), f("socialSecurityNumber", e, t);
+									x("socialSecurityNumber", e), p("socialSecurityNumber", e, t);
 								},
 								isErrored: !!y[r.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: () => p(s, t, e.collectSocialSecurityNumber),
+							onClick: () => f(s, t, e.collectSocialSecurityNumber),
 							type: "submit",
 							className: `sid-btn sid-social-security-number-submit-btn sid-btn--dark sid-l-full-width ${S ? "" : "sid-btn--disabled-like"}`,
 							"aria-label": "submit",

package/chunk/{StepSocialSecurityNumber-CbSszHk8.js.map → StepSocialSecurityNumber-BseFM9rt.js.map} RENAMED Viewed

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