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

package/chunk/StepAgePersonalInfo-KeuFdZua.js

@@ -1,173 +0,0 @@
-
-/**
- *   WARNING: This file is intended to be used within MySheerID.
- *   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)
- *   BUILD_COMMIT: 723cd7cf079ebfd281e0288836276bf33ce7607f
- */
-import { Ht as e, It as t, jt as n, s as r } from "./intl-aUfdCP8t.js";
-import { a as i, c as a, n as o, t as s } from "./jsx-runtime-XNwIsY_N.js";
-import { T as c } from "./FormFooterComponent-Cobuya5J.js";
-import { L as l, Q as u, W as d, k as f, q as p, t as m, z as h } from "../_mysheerid-preview.js";
-import { t as g } from "./useCollectFieldsEndpoint-Bn7ZjdXx.js";
-import { a as _, i as v, n as y, o as b, s as x, t as S } from "./CaptchaComponent-DZNI_Mdp.js";
-import { n as C, t as w } from "./PersonalInfoStepSubmitButton-i0P1DpyZ.js";
-import { t as T } from "./BirthDateComponent-25k9Dw8L.js";
-import { t as E } from "./PostalCodeComponent-DwnHo2aW.js";
-import { t as D } from "./CountryComponentWrapper-CRF7oKmW.js";
-import { t as O } from "./City-BbRIAxOR.js";
-import { t as k } from "./AddressComponent-RKH3wkuU.js";
-import { t as A } from "./ExtraMessage-Roxhs2rt.js";
-import { t as j } from "./ChangeLocaleComponent-COGR4N31.js";
-import { t as M } from "./PersonalInfoStepWrapper-BpxtlGxV.js";
-//#region src/components/StepAgePersonalInfo/StepAgePersonalInfoComponent.tsx
-var N = /* @__PURE__ */ e(a(), 1), P = s(), F = i(({ verificationService: e, intl: i }) => {
-	let a = e.viewModel, { fieldValidationErrors: s } = e, F = e.verificationResponse, I = c(F), L = t(() => a.countryChoice.value, l(f(e.programTheme, i)).value), R = L === "US" ? [{ key: "postalCode" }] : [], z = L !== "US" || e.programTheme.isSmsNotifierConfigured || e.programTheme.smsLoopEnabled, B = L !== "US" || e.programTheme.smsLoopEnabled, V = a.localeChoice.value, H = r();
-	!s.phoneNumber && F.errorIds && F.errorIds.includes("invalidPhoneNumber") && e.updateFieldValidationErrors({
-		...s,
-		phoneNumber: "invalidPhoneNumber"
-	});
-	let U = (t, n) => {
-		let r = p(a, t, n);
-		e.updateViewModel(r);
-	}, { isFieldRequired: W } = g({
-		verificationId: F.verificationId,
-		currentStep: F.currentStep,
-		viewModel: a,
-		defaultRequiredFields: R
-	});
-	return N.useEffect(() => {
-		u("phoneNumber", a.phoneNumber, e);
-	}, [a.country]), /* @__PURE__ */ (0, P.jsxs)(M, {
-		verificationService: e,
-		step: F.currentStep,
-		children: [
-			/* @__PURE__ */ (0, P.jsx)(m, {
-				verificationService: e,
-				classNameIdentifier: "age"
-			}),
-			/* @__PURE__ */ (0, P.jsx)(j, { verificationService: e }),
-			/* @__PURE__ */ (0, P.jsx)(D, {
-				verificationService: e,
-				disabled: h("country")?.disabled
-			}),
-			/* @__PURE__ */ (0, P.jsxs)("div", {
-				className: "sid-names",
-				children: [/* @__PURE__ */ (0, P.jsx)(_, {
-					value: a.firstName,
-					isErrored: !!s.firstName,
-					disabled: h("firstName")?.disabled,
-					onChange: (t) => {
-						U("firstName", t), u("firstName", t, e);
-					}
-				}), /* @__PURE__ */ (0, P.jsx)(v, {
-					value: a.lastName,
-					isErrored: !!s.lastName,
-					disabled: h("lastName")?.disabled,
-					onChange: (t) => {
-						U("lastName", t), u("lastName", t, e);
-					}
-				})]
-			}),
-			/* @__PURE__ */ (0, P.jsx)(T, {
-				errorId: s.birthDate,
-				locale: V,
-				onChange: (t) => {
-					U("birthDate", t), u("birthDate", t, e);
-				},
-				value: a.birthDate,
-				disabled: h("birthDate")?.disabled
-			}),
-			W("city") && /* @__PURE__ */ (0, P.jsx)(O, {
-				value: a.city,
-				isRequired: !0,
-				isErrored: !!s.city,
-				errorId: s.city,
-				disabled: h("city")?.disabled,
-				onChange: (t) => {
-					U("city", t), u("city", t, e);
-				}
-			}),
-			W("address1") && /* @__PURE__ */ (0, P.jsx)(k, {
-				value: a.address1,
-				isRequired: !0,
-				isErrored: !!s.address1,
-				errorId: s.address1,
-				onChange: (t) => {
-					U("address1", t), u("address1", t, e);
-				}
-			}),
-			W("postalCode") && /* @__PURE__ */ (0, P.jsx)(E, {
-				isErrored: !!s.postalCode,
-				onChange: (t) => {
-					U("postalCode", t), u("postalCode", t, e);
-				},
-				value: a.postalCode,
-				disabled: h("postalCode")?.disabled
-			}),
-			/* @__PURE__ */ (0, P.jsx)(C, {
-				value: a.email,
-				isErrored: !!s.email,
-				explanation: /* @__PURE__ */ (0, P.jsx)(o, {
-					id: "emailExplanation",
-					defaultMessage: " "
-				}),
-				onChange: (t) => {
-					U("email", t), u("email", t, e);
-				},
-				onKeyDown: (e) => d(e),
-				disabled: h("email")?.disabled
-			}),
-			z ? /* @__PURE__ */ (0, P.jsx)(b, {
-				isRequired: B,
-				value: a.phoneNumber,
-				isErrored: !!s.phoneNumber,
-				onChange: (t) => {
-					U("phoneNumber", t), u("phoneNumber", t, e);
-				},
-				selectedCountryCode: a.countryChoice && a.countryChoice.value,
-				disabled: h("phoneNumber")?.disabled
-			}) : null,
-			H.customFormFields.map((t) => /* @__PURE__ */ (0, P.jsx)(y, {
-				config: t,
-				verificationService: e
-			})),
-			/* @__PURE__ */ (0, P.jsx)(x, {
-				verificationService: e,
-				isErrored: !!s.marketConsentValue,
-				onChange: (t) => {
-					U("metadata", {
-						...e.viewModel.metadata,
-						marketConsentValue: t
-					}), u("marketConsentValue", t, e);
-				},
-				viewModel: a,
-				disabled: h("marketConsentValue")?.disabled
-			}),
-			/* @__PURE__ */ (0, P.jsx)(A, {
-				verificationService: e,
-				suffix: "CollectAboveSubmit"
-			}),
-			/* @__PURE__ */ (0, P.jsx)(S, {
-				verificationService: e,
-				isErrored: !!s.captchaToken
-			}),
-			/* @__PURE__ */ (0, P.jsx)(w, {
-				step: n.collectAgePersonalInfo,
-				verificationService: e,
-				viewModel: a,
-				failedInstantMatch: I,
-				buttonText: /* @__PURE__ */ (0, P.jsx)(o, {
-					id: "step.personalInfo.submitButtonText",
-					defaultMessage: "Verify and continue"
-				})
-			})
-		]
-	});
-});
-//#endregion
-export { F as default };

package/chunk/StepCollectMilitaryStatusComponent-CHOxuZnI.js

@@ -1,9 +0,0 @@
-
-/**
- *   VERSION: 2.259.0-alpha.1
- *   BUILD_TIMESTAMP: 1784754660626
- *   BUILD_DATE: Wed Jul 22 2026 21:11:00 GMT+0000 (Coordinated Universal Time)
- *   BUILD_COMMIT: 723cd7cf079ebfd281e0288836276bf33ce7607f
- */
-import { StepActiveMilitaryPersonalInfoComponent as e } from "./StepActiveMilitaryPersonalInfoComponent-CoGJXuid.js";
-export { e as default };

package/chunk/StepCollectPersonalInfo-BVd72Idl.js

@@ -1,361 +0,0 @@
-
-/**
- *   WARNING: This file is intended to be used within MySheerID.
- *   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)
- *   BUILD_COMMIT: 723cd7cf079ebfd281e0288836276bf33ce7607f
- */
-import { Ht as e, It as t, Lt as n, Tt as r, ht as i, jt as a, p as ee, s as te } from "./intl-aUfdCP8t.js";
-import { a as o, c as s, n as c, t as l } from "./jsx-runtime-XNwIsY_N.js";
-import { T as u, t as ne } from "./FormFooterComponent-Cobuya5J.js";
-import { n as re } from "./VerificationApiClient-xgUCQ1gs.js";
-import { s as ie } from "./programThemeGetters-CyMKyJao.js";
-import { $ as d, F as ae, G as oe, I as se, J as ce, Q as f, U as le, W as ue, X as de, t as fe, z as p } from "../_mysheerid-preview.js";
-import { a as m, i as h, n as g, o as _, s as v, t as y } from "./CaptchaComponent-DZNI_Mdp.js";
-import { n as b, t as x } from "./PersonalInfoStepSubmitButton-i0P1DpyZ.js";
-import { t as S } from "./BirthDateComponent-25k9Dw8L.js";
-import { t as C } from "./PostalCodeComponent-DwnHo2aW.js";
-import { t as w } from "./CountryComponentWrapper-CRF7oKmW.js";
-import { t as T } from "./City-BbRIAxOR.js";
-import { t as E } from "./AddressComponent-RKH3wkuU.js";
-import { t as D } from "./ExtraMessage-Roxhs2rt.js";
-import { t as O } from "./CollegeNameComponent-DXmseJtL.js";
-import { t as k } from "./StateSelectComponent-D26TjOAn.js";
-import { n as A, r as j, t as M } from "./DischargeDateComponent-Dylz_5IN.js";
-import { t as N } from "./DriverLicenseNumberComponent-LxBCJTvz.js";
-import { n as P, t as F } from "./LowIncomeOrganizationComponent-M-jIQ5Gq.js";
-import { t as I } from "./StatusComponent-Dv3frckJ.js";
-import { t as pe } from "./FirstResponderOrganizationComponent-CaU7VuhG.js";
-import { t as L } from "./LicensedProfessionalOrganizationComponent-D40O0mHv.js";
-import { t as R } from "./MedicalProfessionalOrganizationComponent-QOUo82Ey.js";
-import { t as z } from "./MemberIdComponent-D4U9CjTr.js";
-import { t as B } from "./MembershipOrganizationComponent-D02G3scF.js";
-import { t as me } from "./TeacherSchoolComponent-DrN1Py8h.js";
-import { t as he } from "./SSN-_mJmp2Gg.js";
-//#region src/components/StepCollectPersonalInfo/StepCollectPersonalInfoComponent.tsx
-var V = /* @__PURE__ */ e(s(), 1), H = l(), U = o(({ intl: e, verificationService: o }) => {
-	let s = o.viewModel, { updateViewModel: l, programTheme: U } = o, [W, ge] = V.useState(void 0), G = (e) => W && W.some((t) => t.key === e), { fieldValidationErrors: K } = o, q = o.verificationResponse, _e = u(q), J = (e, t) => {
-		l(ee(s, (n) => {
-			n[e] = t;
-		}));
-	}, ve = (e) => {
-		l(ce(s, e));
-	}, Y = s.localeChoice.value, ye = te(), { segment: X, availableStatuses: Z } = q, be = X.charAt(0).toUpperCase() + X.slice(1), Q = () => Z && (X === r.FIRST_RESPONDER || X === r.MEDICAL || X === r.LOW_INCOME || X === r.LICENSED_PROFESSIONAL || X === r.EMPLOYMENT || X === r.RECENT_MOVER || X === r.MILITARY), $ = (e) => (async () => {
-		try {
-			let n = await re(q.verificationId, q.currentStep, e), r = t(() => n.fieldsToCollect.required, []);
-			Q() && r.push({ key: "status" }), ve(r), ge(r);
-		} catch (e) {
-			n.error(`Failed to determine fields to collect: ${e}`);
-		}
-	})();
-	return V.useEffect(() => {
-		Z && X === r.MILITARY ? $({ statuses: [] }) : $({});
-	}, []), V.useEffect(() => {
-		!ie(U).enabled && W && W.length === 0 && de(s, o, a.collectPersonalInfo);
-	}, [W]), V.useEffect(() => {
-		s.status && $({ statuses: [s.status] });
-	}, [s.status]), /* @__PURE__ */ (0, H.jsxs)("div", {
-		id: "sid-step-personal-info-personal-info",
-		className: "sid-personal-info-container sid-l-container",
-		children: [/* @__PURE__ */ (0, H.jsxs)("div", {
-			role: "main",
-			children: [
-				/* @__PURE__ */ (0, H.jsx)(fe, {
-					verificationService: o,
-					classNameIdentifier: "personal-info"
-				}),
-				/* @__PURE__ */ (0, H.jsx)(w, {
-					verificationService: o,
-					disabled: p("country")?.disabled
-				}),
-				Q() && /* @__PURE__ */ (0, H.jsx)(I, {
-					segmentId: X,
-					value: {
-						value: s.status,
-						label: le(e, s.status, null)
-					},
-					isErrored: !!K.status,
-					errorId: `invalid${be}Status`,
-					options: se(e, Z),
-					disabled: p("status")?.disabled,
-					onChange: (e) => {
-						J("status", e ? e.value : ""), f("status", e ? e.value : "", o);
-					}
-				}),
-				G("organization") && (() => {
-					switch (X) {
-						case r.STUDENT: return /* @__PURE__ */ (0, H.jsx)(O, {
-							value: o.viewModel.organization,
-							verificationService: o,
-							isErrored: !!K.organization,
-							isRequired: !0,
-							disabled: p("organization")?.disabled,
-							onChange: (e) => {
-								d(e, o), f("organization", e, o);
-							}
-						});
-						case r.TEACHER: return /* @__PURE__ */ (0, H.jsx)(me, {
-							value: o.viewModel.organization,
-							verificationService: o,
-							isErrored: !!K.organization,
-							disabled: p("organization")?.disabled,
-							onChange: (e) => {
-								d(e, o), f("organization", e, o);
-							}
-						});
-						case r.MEMBER: return /* @__PURE__ */ (0, H.jsx)(B, {
-							value: o.viewModel.organization,
-							verificationService: o,
-							isErrored: !!K.organization,
-							disabled: p("organization")?.disabled,
-							onChange: (e) => {
-								d(e, o), f("organization", e, o);
-							}
-						});
-						case r.MILITARY: return /* @__PURE__ */ (0, H.jsx)(A, {
-							isErrored: !!K.organization,
-							onChange: (e) => {
-								d(e, o), f("organization", e, o);
-							},
-							value: {
-								value: t(() => o.viewModel.organization.id),
-								label: t(() => o.viewModel.organization.name)
-							},
-							verificationService: o,
-							disabled: p("organization")?.disabled
-						});
-						case r.FIRST_RESPONDER: return /* @__PURE__ */ (0, H.jsx)(pe, {
-							isErrored: !!K.organization,
-							onChange: (e) => {
-								d(e, o), f("organization", e, o);
-							},
-							value: o.viewModel.organization,
-							verificationService: o,
-							disabled: p("organization")?.disabled
-						});
-						case r.MEDICAL: return /* @__PURE__ */ (0, H.jsx)(R, {
-							isErrored: !!K.organization,
-							onChange: (e) => {
-								d(e, o), f("organization", e, o);
-							},
-							value: o.viewModel.organization,
-							verificationService: o,
-							disabled: p("organization")?.disabled
-						});
-						case r.LICENSED_PROFESSIONAL: return /* @__PURE__ */ (0, H.jsx)(L, {
-							isErrored: !!K.organization,
-							onChange: (e) => {
-								d(e, o), f("organization", e, o);
-							},
-							value: o.viewModel.organization,
-							verificationService: o,
-							disabled: p("organization")?.disabled
-						});
-						case r.LOW_INCOME: return /* @__PURE__ */ (0, H.jsx)(F, {
-							isErrored: !!K.organization,
-							onChange: (e) => {
-								d(e, o), f("organization", e, o);
-							},
-							value: oe(o.viewModel.organization),
-							verificationService: o,
-							isRequired: !0,
-							disabled: p("organization")?.disabled
-						});
-						default: return null;
-					}
-				})(),
-				/* @__PURE__ */ (0, H.jsxs)("div", {
-					className: "sid-names",
-					children: [G("firstName") && /* @__PURE__ */ (0, H.jsx)(m, {
-						value: s.firstName,
-						isErrored: !!K.firstName,
-						disabled: p("firstName")?.disabled,
-						onChange: (e) => {
-							J("firstName", e), f("firstName", e, o);
-						}
-					}), G("lastName") && /* @__PURE__ */ (0, H.jsx)(h, {
-						value: s.lastName,
-						isErrored: !!K.lastName,
-						disabled: p("lastName")?.disabled,
-						onChange: (e) => {
-							J("lastName", e), f("lastName", e, o);
-						}
-					})]
-				}),
-				G("birthDate") && /* @__PURE__ */ (0, H.jsx)(S, {
-					value: s.birthDate,
-					errorId: K.birthDate,
-					locale: Y,
-					isRequired: !0,
-					disabled: p("birthDate")?.disabled,
-					onChange: (e) => {
-						J("birthDate", e), f("birthDate", e, o);
-					}
-				}),
-				G("email") && /* @__PURE__ */ (0, H.jsx)(b, {
-					value: s.email,
-					isErrored: !!K.email,
-					explanation: " ",
-					onChange: (e) => {
-						J("email", e), f("email", e, o);
-					},
-					onKeyDown: (e) => ue(e),
-					disabled: p("email")?.disabled
-				}),
-				G("phoneNumber") && /* @__PURE__ */ (0, H.jsx)(_, {
-					isRequired: !!o.programTheme.smsLoopEnabled,
-					value: s.phoneNumber,
-					isErrored: !!K.phoneNumber,
-					onChange: (e) => {
-						J("phoneNumber", e), f("phoneNumber", e, o);
-					},
-					selectedCountryCode: s.countryChoice && s.countryChoice.value,
-					disabled: p("phoneNumber")?.disabled
-				}),
-				G("address1") && /* @__PURE__ */ (0, H.jsx)(E, {
-					value: s.address1,
-					isRequired: !0,
-					isErrored: !!K.address1,
-					errorId: K.address1,
-					disabled: p("address1")?.disabled,
-					onChange: (e) => {
-						J("address1", e), f("address1", e, o);
-					}
-				}),
-				G("city") && /* @__PURE__ */ (0, H.jsx)(T, {
-					value: s.city,
-					isRequired: !0,
-					isErrored: !!K.city,
-					errorId: K.city,
-					disabled: p("city")?.disabled,
-					onChange: (e) => {
-						J("city", e), f("city", e, o);
-					}
-				}),
-				G("dischargeDate") && /* @__PURE__ */ (0, H.jsx)(M, {
-					errorId: K.dischargeDate,
-					locale: Y,
-					onChange: (e) => {
-						J("dischargeDate", e), f("dischargeDate", e, o);
-					},
-					value: s.dischargeDate,
-					disabled: p("dischargeDate")?.disabled
-				}),
-				G("driverLicenseNumber") && /* @__PURE__ */ (0, H.jsx)(N, {
-					value: s.driverLicenseNumber,
-					isErrored: !!K.driverLicenseNumber,
-					isRequired: !0,
-					disabled: p("driverLicenseNumber")?.disabled,
-					onChange: (e) => {
-						J("driverLicenseNumber", e), f("driverLicenseNumber", e, o);
-					}
-				}),
-				G("ebtCardNumber") && /* @__PURE__ */ (0, H.jsx)(P, {
-					value: s.ebtCardNumber,
-					isErrored: !!K.ebtCardNumber,
-					disabled: p("ebtCardNumber")?.disabled,
-					onChange: (e) => {
-						J("ebtCardNumber", e), f("ebtCardNumber", e, o);
-					}
-				}),
-				G("memberId") && /* @__PURE__ */ (0, H.jsx)(z, {
-					value: s.memberId,
-					isErrored: !!K.memberId,
-					isRequired: p("memberId")?.requireIfOptional,
-					disabled: p("memberId")?.disabled,
-					onChange: (e) => {
-						J("memberId", e), f("memberId", e, o);
-					},
-					label: /* @__PURE__ */ (0, H.jsx)(c, {
-						id: "step.collectMedicalPersonalInfo.registrationNumberLabel",
-						defaultMessage: "Registration Number"
-					})
-				}),
-				G("postalCode") && /* @__PURE__ */ (0, H.jsx)(C, {
-					isErrored: !!K.postalCode,
-					onChange: (e) => {
-						J("postalCode", e), f("postalCode", e, o);
-					},
-					value: s.postalCode,
-					disabled: p("postalCode")?.disabled
-				}),
-				G("socialSecurityNumber") && /* @__PURE__ */ (0, H.jsx)("div", {
-					className: "sid-ssn-wrapper",
-					children: /* @__PURE__ */ (0, H.jsx)(he, {
-						value: s.socialSecurityNumber,
-						onChange: (e) => {
-							J("socialSecurityNumber", e), f("socialSecurityNumber", e, o);
-						},
-						isErrored: !!K[i.socialSecurityNumber],
-						placeholder: "000-00-0000",
-						disabled: p("socialSecurityNumber")?.disabled
-					})
-				}),
-				G("state") && /* @__PURE__ */ (0, H.jsx)(k, {
-					isRequired: !0,
-					options: ae(o.programTheme, e),
-					value: s.state || void 0,
-					isErrored: !!K.state,
-					onChange: async (e) => {
-						let t = e ? e.value : void 0;
-						J("state", t), f("state", t, o);
-					},
-					label: /* @__PURE__ */ (0, H.jsx)(c, {
-						id: "state",
-						defaultMessage: "State"
-					}),
-					disabled: p("state")?.disabled
-				}),
-				G("activeDutyStartDate") && o.programTheme.strictMilitaryValidationEnabled && /* @__PURE__ */ (0, H.jsx)(j, {
-					errorId: K.activeDutyStartDate,
-					locale: Y,
-					onChange: (e) => {
-						J("activeDutyStartDate", e), f("activeDutyStartDate", e, o);
-					},
-					value: s.activeDutyStartDate,
-					disabled: p("activeDutyStartDate")?.disabled
-				}),
-				ye.customFormFields?.map((e) => /* @__PURE__ */ (0, H.jsx)(g, {
-					config: e,
-					verificationService: o
-				})),
-				/* @__PURE__ */ (0, H.jsx)(v, {
-					verificationService: o,
-					isErrored: !!K.marketConsentValue,
-					onChange: (e) => {
-						J("metadata", {
-							...o.viewModel.metadata,
-							marketConsentValue: e
-						}), f("marketConsentValue", e, o);
-					},
-					viewModel: s,
-					disabled: p("marketConsentValue")?.disabled
-				}),
-				/* @__PURE__ */ (0, H.jsx)(D, {
-					verificationService: o,
-					suffix: "CollectAboveSubmit"
-				}),
-				/* @__PURE__ */ (0, H.jsx)(y, {
-					verificationService: o,
-					isErrored: !!K.captchaToken
-				}),
-				/* @__PURE__ */ (0, H.jsx)(x, {
-					step: a.collectPersonalInfo,
-					verificationService: o,
-					viewModel: s,
-					failedInstantMatch: _e,
-					buttonText: /* @__PURE__ */ (0, H.jsx)(c, {
-						id: "step.personalInfo.submitButtonText",
-						defaultMessage: "Verify and continue"
-					})
-				})
-			]
-		}), /* @__PURE__ */ (0, H.jsx)(ne, { verificationService: o })]
-	});
-});
-//#endregion
-export { U as default };

package/chunk/StepCompleteAuthentication-CYsu3UXL.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"StepCompleteAuthentication-CYsu3UXL.js","names":[],"sources":["../../../node_modules/react-auth-code-input/dist/index.modern.js","../../src/components/StepCompleteAuthentication/StepCompleteAuthenticationComponent.tsx"],"sourcesContent":["import React, { forwardRef, useRef, useImperativeHandle, useEffect } from 'react';\n\nvar allowedCharactersValues = ['alpha', 'numeric', 'alphanumeric'];\nvar propsMap = {\n  alpha: {\n    type: 'text',\n    inputMode: 'text',\n    pattern: '[a-zA-Z]{1}'\n  },\n  alphanumeric: {\n    type: 'text',\n    inputMode: 'text',\n    pattern: '[a-zA-Z0-9]{1}'\n  },\n  numeric: {\n    type: 'tel',\n    inputMode: 'numeric',\n    pattern: '[0-9]{1}',\n    min: '0',\n    max: '9'\n  }\n};\nvar AuthCode = forwardRef(function (_ref, ref) {\n  var _ref$allowedCharacter = _ref.allowedCharacters,\n      allowedCharacters = _ref$allowedCharacter === void 0 ? 'alphanumeric' : _ref$allowedCharacter,\n      ariaLabel = _ref.ariaLabel,\n      _ref$autoFocus = _ref.autoFocus,\n      autoFocus = _ref$autoFocus === void 0 ? true : _ref$autoFocus,\n      containerClassName = _ref.containerClassName,\n      disabled = _ref.disabled,\n      inputClassName = _ref.inputClassName,\n      _ref$isPassword = _ref.isPassword,\n      isPassword = _ref$isPassword === void 0 ? false : _ref$isPassword,\n      _ref$length = _ref.length,\n      length = _ref$length === void 0 ? 6 : _ref$length,\n      placeholder = _ref.placeholder,\n      onChange = _ref.onChange;\n\n  if (isNaN(length) || length < 1) {\n    throw new Error('Length should be a number and greater than 0');\n  }\n\n  if (!allowedCharactersValues.some(function (value) {\n    return value === allowedCharacters;\n  })) {\n    throw new Error('Invalid value for allowedCharacters. Use alpha, numeric, or alphanumeric');\n  }\n\n  var inputsRef = useRef([]);\n  var inputProps = propsMap[allowedCharacters];\n  useImperativeHandle(ref, function () {\n    return {\n      focus: function focus() {\n        if (inputsRef.current) {\n          inputsRef.current[0].focus();\n        }\n      },\n      clear: function clear() {\n        if (inputsRef.current) {\n          for (var i = 0; i < inputsRef.current.length; i++) {\n            inputsRef.current[i].value = '';\n          }\n\n          inputsRef.current[0].focus();\n        }\n\n        sendResult();\n      }\n    };\n  });\n  useEffect(function () {\n    if (autoFocus) {\n      inputsRef.current[0].focus();\n    }\n  }, []);\n\n  var sendResult = function sendResult() {\n    var res = inputsRef.current.map(function (input) {\n      return input.value;\n    }).join('');\n    onChange && onChange(res);\n  };\n\n  var handleOnChange = function handleOnChange(e) {\n    var _e$target = e.target,\n        value = _e$target.value,\n        nextElementSibling = _e$target.nextElementSibling;\n\n    if (value.length > 1) {\n      e.target.value = value.charAt(0);\n\n      if (nextElementSibling !== null) {\n        nextElementSibling.focus();\n      }\n    } else {\n      if (value.match(inputProps.pattern)) {\n        if (nextElementSibling !== null) {\n          nextElementSibling.focus();\n        }\n      } else {\n        e.target.value = '';\n      }\n    }\n\n    sendResult();\n  };\n\n  var handleOnKeyDown = function handleOnKeyDown(e) {\n    var key = e.key;\n    var target = e.target;\n\n    if (key === 'Backspace') {\n      if (target.value === '') {\n        if (target.previousElementSibling !== null) {\n          var t = target.previousElementSibling;\n          t.value = '';\n          t.focus();\n          e.preventDefault();\n        }\n      } else {\n        target.value = '';\n      }\n\n      sendResult();\n    }\n  };\n\n  var handleOnFocus = function handleOnFocus(e) {\n    e.target.select();\n  };\n\n  var handleOnPaste = function handleOnPaste(e) {\n    var pastedValue = e.clipboardData.getData('Text');\n    var currentInput = 0;\n\n    for (var i = 0; i < pastedValue.length; i++) {\n      var pastedCharacter = pastedValue.charAt(i);\n      var currentValue = inputsRef.current[currentInput].value;\n\n      if (pastedCharacter.match(inputProps.pattern)) {\n        if (!currentValue) {\n          inputsRef.current[currentInput].value = pastedCharacter;\n\n          if (inputsRef.current[currentInput].nextElementSibling !== null) {\n            inputsRef.current[currentInput].nextElementSibling.focus();\n            currentInput++;\n          }\n        }\n      }\n    }\n\n    sendResult();\n    e.preventDefault();\n  };\n\n  var inputs = [];\n\n  var _loop = function _loop(i) {\n    inputs.push(React.createElement(\"input\", Object.assign({\n      key: i,\n      onChange: handleOnChange,\n      onKeyDown: handleOnKeyDown,\n      onFocus: handleOnFocus,\n      onPaste: handleOnPaste\n    }, inputProps, {\n      type: isPassword ? 'password' : inputProps.type,\n      ref: function ref(el) {\n        inputsRef.current[i] = el;\n      },\n      maxLength: 1,\n      className: inputClassName,\n      autoComplete: i === 0 ? 'one-time-code' : 'off',\n      \"aria-label\": ariaLabel ? ariaLabel + \". Character \" + (i + 1) + \".\" : \"Character \" + (i + 1) + \".\",\n      disabled: disabled,\n      placeholder: placeholder\n    })));\n  };\n\n  for (var i = 0; i < length; i++) {\n    _loop(i);\n  }\n\n  return React.createElement(\"div\", {\n    className: containerClassName\n  }, inputs);\n});\n\nexport default AuthCode;\n//# sourceMappingURL=index.modern.js.map\n","import * as React from \"react\";\nimport { FormattedHTMLMessage } from \"react-intl\";\nimport AuthCode from \"react-auth-code-input\";\nimport produce from \"immer\";\n\nimport {\n  type CompleteAuthenticationViewModel,\n  type VerificationService,\n} from \"../../lib/types/types\";\nimport {\n  submitForm,\n  updateFieldValidationErrorsByFieldId,\n} from \"../../lib/utils/stepComponentHelpers/stepComponentHelpers\";\nimport { AUTH_TOKEN_LENGTH } from \"../../constants\";\nimport { VerificationStepsEnum } from \"../../lib/types/runtimeTypes\";\nimport { AnnouncingHeader } from \"../AnnouncingHeader/AnnouncingHeader\";\nimport { useFlag } from \"../FeatureFlags/hooks\";\n\ninterface StepCompleteAuthenticationProps {\n  verificationService: VerificationService;\n}\n\nexport const StepCompleteAuthenticationComponent = ({\n  verificationService,\n}: StepCompleteAuthenticationProps) => {\n  const viewModel = verificationService.viewModel as CompleteAuthenticationViewModel;\n  const { fieldValidationErrors, verificationResponse } = verificationService;\n  const { errorIds } = verificationResponse;\n  const shouldHideIcon = useFlag(\"hc-my-sheer-id-theme-builder\");\n\n  const authInputRef = React.useRef(null);\n\n  const updateCompleteAuthenticationViewmodel = (\n    key: keyof CompleteAuthenticationViewModel,\n    value: any,\n  ) => {\n    const nextState: CompleteAuthenticationViewModel = produce(\n      viewModel,\n      (draft: CompleteAuthenticationViewModel) => {\n        (draft[key] as any) = value;\n      },\n    );\n    verificationService.updateViewModel(nextState);\n  };\n\n  const manuallyVerifyViewModel = (): CompleteAuthenticationViewModel => {\n    const nextState: CompleteAuthenticationViewModel = produce(\n      viewModel,\n      (draft: CompleteAuthenticationViewModel) => {\n        draft.didManuallyVerify = true;\n        delete draft.authenticationCode;\n      },\n    );\n    verificationService.updateViewModel(nextState);\n\n    return nextState;\n  };\n\n  React.useEffect(() => {\n    if (viewModel.authenticationCode) {\n      // reset local viewModel's authenticationCode to prevent form from submitting\n      // prematurely when provided with an incorrect auth code.\n      viewModel.authenticationCode = \"\";\n    }\n  }, []);\n\n  React.useEffect(() => {\n    if (viewModel.authenticationCode.length >= AUTH_TOKEN_LENGTH) {\n      submitForm(viewModel, verificationService, VerificationStepsEnum.completeAuthentication);\n    }\n  }, [viewModel.authenticationCode]);\n\n  return (\n    <div\n      id=\"sid-step-complete-authentication\"\n      className=\"sid-step-complete-authentication-container sid-l-container\"\n    >\n      <div className=\"sid-header\">\n        <AnnouncingHeader align=\"center\">\n          <FormattedHTMLMessage\n            id=\"step.completeAuthentication.title\"\n            defaultMessage=\"Verify with Remember Me\"\n          />\n        </AnnouncingHeader>\n        <div className=\"sid-header__subtitle sid-l-horz-center\">\n          <FormattedHTMLMessage\n            id=\"step.completeAuthentication.subtitle\"\n            defaultMessage=\"Enter the code sent to your email.\"\n          />\n        </div>\n      </div>\n      <div className=\"sid-l-space-top-md\" />\n      <div className=\"auth-code\">\n        <AuthCode\n          onChange={(token) => {\n            updateCompleteAuthenticationViewmodel(\"authenticationCode\", token);\n            updateFieldValidationErrorsByFieldId(\"authenticationCode\", token, verificationService);\n          }}\n          ref={authInputRef}\n          allowedCharacters=\"numeric\"\n          length={AUTH_TOKEN_LENGTH}\n          isPassword\n          containerClassName=\"auth-code__container\"\n          inputClassName={`auth-code__input${\n            fieldValidationErrors.authenticationCode ? \" auth-code__input-error\" : \"\"\n          }`}\n        />\n        {fieldValidationErrors.authenticationCode ||\n          (errorIds?.length > 0 && (\n            <div className=\"auth-code__error-container\">\n              {!shouldHideIcon && (\n                <div>\n                  <img\n                    alt=\"red-exclaimation-circle\"\n                    src=\"https://assets-resources.sheerid.com/common/images/2018/icons/red-exclaimation-circle.svg\"\n                  />\n                </div>\n              )}\n              <div className=\"auth-code__error-text\">\n                <FormattedHTMLMessage\n                  id=\"errorId.invalidAuthenticationLoopToken\"\n                  defaultMessage=\"The code provided is invalid\"\n                />\n              </div>\n            </div>\n          ))}\n      </div>\n      <div className=\"sid-complete-auth__manually-verify-button-continer\">\n        <button\n          type=\"button\"\n          className=\"sid-btn sid-btn-light sid-complete-auth__manually-verify-button\"\n          aria-label=\"submit\"\n          onClick={() => {\n            submitForm(\n              manuallyVerifyViewModel(),\n              verificationService,\n              VerificationStepsEnum.completeAuthentication,\n            );\n          }}\n        >\n          <FormattedHTMLMessage\n            id=\"step.completeAuthentication.manuallyVerifyButton\"\n            defaultMessage=\"Manually verify\"\n          />\n        </button>\n      </div>\n    </div>\n  );\n};\n"],"x_google_ignoreList":[0],"mappings":"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"}

package/chunk/StepCompleteAuthentication-CmOEE_s5.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"StepCompleteAuthentication-CmOEE_s5.js","names":[],"sources":["../../../node_modules/react-auth-code-input/dist/index.modern.js","../../src/components/StepCompleteAuthentication/StepCompleteAuthenticationComponent.tsx"],"sourcesContent":["import React, { forwardRef, useRef, useImperativeHandle, useEffect } from 'react';\n\nvar allowedCharactersValues = ['alpha', 'numeric', 'alphanumeric'];\nvar propsMap = {\n  alpha: {\n    type: 'text',\n    inputMode: 'text',\n    pattern: '[a-zA-Z]{1}'\n  },\n  alphanumeric: {\n    type: 'text',\n    inputMode: 'text',\n    pattern: '[a-zA-Z0-9]{1}'\n  },\n  numeric: {\n    type: 'tel',\n    inputMode: 'numeric',\n    pattern: '[0-9]{1}',\n    min: '0',\n    max: '9'\n  }\n};\nvar AuthCode = forwardRef(function (_ref, ref) {\n  var _ref$allowedCharacter = _ref.allowedCharacters,\n      allowedCharacters = _ref$allowedCharacter === void 0 ? 'alphanumeric' : _ref$allowedCharacter,\n      ariaLabel = _ref.ariaLabel,\n      _ref$autoFocus = _ref.autoFocus,\n      autoFocus = _ref$autoFocus === void 0 ? true : _ref$autoFocus,\n      containerClassName = _ref.containerClassName,\n      disabled = _ref.disabled,\n      inputClassName = _ref.inputClassName,\n      _ref$isPassword = _ref.isPassword,\n      isPassword = _ref$isPassword === void 0 ? false : _ref$isPassword,\n      _ref$length = _ref.length,\n      length = _ref$length === void 0 ? 6 : _ref$length,\n      placeholder = _ref.placeholder,\n      onChange = _ref.onChange;\n\n  if (isNaN(length) || length < 1) {\n    throw new Error('Length should be a number and greater than 0');\n  }\n\n  if (!allowedCharactersValues.some(function (value) {\n    return value === allowedCharacters;\n  })) {\n    throw new Error('Invalid value for allowedCharacters. Use alpha, numeric, or alphanumeric');\n  }\n\n  var inputsRef = useRef([]);\n  var inputProps = propsMap[allowedCharacters];\n  useImperativeHandle(ref, function () {\n    return {\n      focus: function focus() {\n        if (inputsRef.current) {\n          inputsRef.current[0].focus();\n        }\n      },\n      clear: function clear() {\n        if (inputsRef.current) {\n          for (var i = 0; i < inputsRef.current.length; i++) {\n            inputsRef.current[i].value = '';\n          }\n\n          inputsRef.current[0].focus();\n        }\n\n        sendResult();\n      }\n    };\n  });\n  useEffect(function () {\n    if (autoFocus) {\n      inputsRef.current[0].focus();\n    }\n  }, []);\n\n  var sendResult = function sendResult() {\n    var res = inputsRef.current.map(function (input) {\n      return input.value;\n    }).join('');\n    onChange && onChange(res);\n  };\n\n  var handleOnChange = function handleOnChange(e) {\n    var _e$target = e.target,\n        value = _e$target.value,\n        nextElementSibling = _e$target.nextElementSibling;\n\n    if (value.length > 1) {\n      e.target.value = value.charAt(0);\n\n      if (nextElementSibling !== null) {\n        nextElementSibling.focus();\n      }\n    } else {\n      if (value.match(inputProps.pattern)) {\n        if (nextElementSibling !== null) {\n          nextElementSibling.focus();\n        }\n      } else {\n        e.target.value = '';\n      }\n    }\n\n    sendResult();\n  };\n\n  var handleOnKeyDown = function handleOnKeyDown(e) {\n    var key = e.key;\n    var target = e.target;\n\n    if (key === 'Backspace') {\n      if (target.value === '') {\n        if (target.previousElementSibling !== null) {\n          var t = target.previousElementSibling;\n          t.value = '';\n          t.focus();\n          e.preventDefault();\n        }\n      } else {\n        target.value = '';\n      }\n\n      sendResult();\n    }\n  };\n\n  var handleOnFocus = function handleOnFocus(e) {\n    e.target.select();\n  };\n\n  var handleOnPaste = function handleOnPaste(e) {\n    var pastedValue = e.clipboardData.getData('Text');\n    var currentInput = 0;\n\n    for (var i = 0; i < pastedValue.length; i++) {\n      var pastedCharacter = pastedValue.charAt(i);\n      var currentValue = inputsRef.current[currentInput].value;\n\n      if (pastedCharacter.match(inputProps.pattern)) {\n        if (!currentValue) {\n          inputsRef.current[currentInput].value = pastedCharacter;\n\n          if (inputsRef.current[currentInput].nextElementSibling !== null) {\n            inputsRef.current[currentInput].nextElementSibling.focus();\n            currentInput++;\n          }\n        }\n      }\n    }\n\n    sendResult();\n    e.preventDefault();\n  };\n\n  var inputs = [];\n\n  var _loop = function _loop(i) {\n    inputs.push(React.createElement(\"input\", Object.assign({\n      key: i,\n      onChange: handleOnChange,\n      onKeyDown: handleOnKeyDown,\n      onFocus: handleOnFocus,\n      onPaste: handleOnPaste\n    }, inputProps, {\n      type: isPassword ? 'password' : inputProps.type,\n      ref: function ref(el) {\n        inputsRef.current[i] = el;\n      },\n      maxLength: 1,\n      className: inputClassName,\n      autoComplete: i === 0 ? 'one-time-code' : 'off',\n      \"aria-label\": ariaLabel ? ariaLabel + \". Character \" + (i + 1) + \".\" : \"Character \" + (i + 1) + \".\",\n      disabled: disabled,\n      placeholder: placeholder\n    })));\n  };\n\n  for (var i = 0; i < length; i++) {\n    _loop(i);\n  }\n\n  return React.createElement(\"div\", {\n    className: containerClassName\n  }, inputs);\n});\n\nexport default AuthCode;\n//# sourceMappingURL=index.modern.js.map\n","import * as React from \"react\";\nimport { FormattedHTMLMessage } from \"react-intl\";\nimport AuthCode from \"react-auth-code-input\";\nimport produce from \"immer\";\n\nimport {\n  type CompleteAuthenticationViewModel,\n  type VerificationService,\n} from \"../../lib/types/types\";\nimport {\n  submitForm,\n  updateFieldValidationErrorsByFieldId,\n} from \"../../lib/utils/stepComponentHelpers/stepComponentHelpers\";\nimport { AUTH_TOKEN_LENGTH } from \"../../constants\";\nimport { VerificationStepsEnum } from \"../../lib/types/runtimeTypes\";\nimport { AnnouncingHeader } from \"../AnnouncingHeader/AnnouncingHeader\";\nimport { useFlag } from \"../FeatureFlags/hooks\";\n\ninterface StepCompleteAuthenticationProps {\n  verificationService: VerificationService;\n}\n\nexport const StepCompleteAuthenticationComponent = ({\n  verificationService,\n}: StepCompleteAuthenticationProps) => {\n  const viewModel = verificationService.viewModel as CompleteAuthenticationViewModel;\n  const { fieldValidationErrors, verificationResponse } = verificationService;\n  const { errorIds } = verificationResponse;\n  const shouldHideIcon = useFlag(\"hc-my-sheer-id-theme-builder\");\n\n  const authInputRef = React.useRef(null);\n\n  const updateCompleteAuthenticationViewmodel = (\n    key: keyof CompleteAuthenticationViewModel,\n    value: any,\n  ) => {\n    const nextState: CompleteAuthenticationViewModel = produce(\n      viewModel,\n      (draft: CompleteAuthenticationViewModel) => {\n        (draft[key] as any) = value;\n      },\n    );\n    verificationService.updateViewModel(nextState);\n  };\n\n  const manuallyVerifyViewModel = (): CompleteAuthenticationViewModel => {\n    const nextState: CompleteAuthenticationViewModel = produce(\n      viewModel,\n      (draft: CompleteAuthenticationViewModel) => {\n        draft.didManuallyVerify = true;\n        delete draft.authenticationCode;\n      },\n    );\n    verificationService.updateViewModel(nextState);\n\n    return nextState;\n  };\n\n  React.useEffect(() => {\n    if (viewModel.authenticationCode) {\n      // reset local viewModel's authenticationCode to prevent form from submitting\n      // prematurely when provided with an incorrect auth code.\n      viewModel.authenticationCode = \"\";\n    }\n  }, []);\n\n  React.useEffect(() => {\n    if (viewModel.authenticationCode.length >= AUTH_TOKEN_LENGTH) {\n      submitForm(viewModel, verificationService, VerificationStepsEnum.completeAuthentication);\n    }\n  }, [viewModel.authenticationCode]);\n\n  return (\n    <div\n      id=\"sid-step-complete-authentication\"\n      className=\"sid-step-complete-authentication-container sid-l-container\"\n    >\n      <div className=\"sid-header\">\n        <AnnouncingHeader align=\"center\">\n          <FormattedHTMLMessage\n            id=\"step.completeAuthentication.title\"\n            defaultMessage=\"Verify with Remember Me\"\n          />\n        </AnnouncingHeader>\n        <div className=\"sid-header__subtitle sid-l-horz-center\">\n          <FormattedHTMLMessage\n            id=\"step.completeAuthentication.subtitle\"\n            defaultMessage=\"Enter the code sent to your email.\"\n          />\n        </div>\n      </div>\n      <div className=\"sid-l-space-top-md\" />\n      <div className=\"auth-code\">\n        <AuthCode\n          onChange={(token) => {\n            updateCompleteAuthenticationViewmodel(\"authenticationCode\", token);\n            updateFieldValidationErrorsByFieldId(\"authenticationCode\", token, verificationService);\n          }}\n          ref={authInputRef}\n          allowedCharacters=\"numeric\"\n          length={AUTH_TOKEN_LENGTH}\n          isPassword\n          containerClassName=\"auth-code__container\"\n          inputClassName={`auth-code__input${\n            fieldValidationErrors.authenticationCode ? \" auth-code__input-error\" : \"\"\n          }`}\n        />\n        {fieldValidationErrors.authenticationCode ||\n          (errorIds?.length > 0 && (\n            <div className=\"auth-code__error-container\">\n              {!shouldHideIcon && (\n                <div>\n                  <img\n                    alt=\"red-exclaimation-circle\"\n                    src=\"https://assets-resources.sheerid.com/common/images/2018/icons/red-exclaimation-circle.svg\"\n                  />\n                </div>\n              )}\n              <div className=\"auth-code__error-text\">\n                <FormattedHTMLMessage\n                  id=\"errorId.invalidAuthenticationLoopToken\"\n                  defaultMessage=\"The code provided is invalid\"\n                />\n              </div>\n            </div>\n          ))}\n      </div>\n      <div className=\"sid-complete-auth__manually-verify-button-continer\">\n        <button\n          type=\"button\"\n          className=\"sid-btn sid-btn-light sid-complete-auth__manually-verify-button\"\n          aria-label=\"submit\"\n          onClick={() => {\n            submitForm(\n              manuallyVerifyViewModel(),\n              verificationService,\n              VerificationStepsEnum.completeAuthentication,\n            );\n          }}\n        >\n          <FormattedHTMLMessage\n            id=\"step.completeAuthentication.manuallyVerifyButton\"\n            defaultMessage=\"Manually verify\"\n          />\n        </button>\n      </div>\n    </div>\n  );\n};\n"],"x_google_ignoreList":[0],"mappings":"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"}

package/chunk/StepEmailLoop-7EwsfbG2.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"StepEmailLoop-7EwsfbG2.js","names":[],"sources":["../../src/components/StepEmailLoop/EmailLoopCollectOrganizationEmail.tsx","../../src/components/StepEmailLoop/StepEmailLoopComponent.tsx"],"sourcesContent":["import produce from \"immer\";\nimport { FormattedHTMLMessage } from \"react-intl\";\n\nimport { logger } from \"@jslib/shared/utils/logger\";\n\nimport { LogoComponent } from \"../LogoComponent/LogoComponent\";\nimport { FormFooterComponent as FormFooter } from \"../FormFooter/FormFooterComponent\";\nimport { FormFieldText } from \"../FormFields/FormFieldText/FormFieldText\";\nimport {\n  updateFieldValidationErrorsByFieldId,\n  submitForm,\n} from \"../../lib/utils/stepComponentHelpers/stepComponentHelpers\";\nimport { VerificationStepsEnum } from \"../../lib/types/runtimeTypes\";\nimport {\n  type EmailLoopCollectOrganizationEmailViewModel,\n  type VerificationService,\n} from \"../../lib/types/types\";\nimport { AnnouncingHeader } from \"../AnnouncingHeader/AnnouncingHeader\";\nimport { useFlag } from \"../FeatureFlags/hooks\";\n\nexport const EmailLoopCollectOrganizationEmail = ({\n  verificationService,\n}: {\n  verificationService: VerificationService;\n}) => {\n  const viewModel = verificationService.viewModel as EmailLoopCollectOrganizationEmailViewModel;\n  const fieldValidationErrors = verificationService.fieldValidationErrors;\n  const isInvalidOrgEmail = (verificationService.verificationResponse?.errorIds || []).includes(\n    \"invalidEmail\",\n  );\n  const shouldHideIcon = useFlag(\"hc-my-sheer-id-theme-builder\");\n\n  const setEmailValue = (organizationEmail: string) => {\n    verificationService.updateViewModel({ ...viewModel, organizationEmail });\n    updateFieldValidationErrorsByFieldId(\n      \"organizationEmail\",\n      organizationEmail,\n      verificationService,\n    );\n  };\n\n  const cancelEmailLoop = async () => {\n    logger.info(\"StepEmailLoopComponent submitting form after skipping email loop\");\n    const nextState = produce(viewModel, () => {});\n    return verificationService.submitStep(\n      VerificationStepsEnum.cancelEmailLoop,\n      nextState,\n      verificationService.verificationResponse,\n    );\n  };\n\n  return (\n    <>\n      <div className=\"sid-header sid-l-horz-center\">\n        <div role=\"main\">\n          <div className=\"sid-sso-logo-container sid-l-horz-center\">\n            <LogoComponent\n              verificationService={verificationService}\n              fallbackLogo={\n                !shouldHideIcon && (\n                  <img\n                    className=\"sid-sso-logo-default sid-l-lead-image\"\n                    alt=\"\"\n                    src=\"https://assets-resources.sheerid.com/common/images/2018/icons/doc-pending.svg\"\n                  />\n                )\n              }\n            />\n          </div>\n          <div className=\"sid-preheader-label sid-l-space-top-md\">\n            <span className=\"sid-h-label\">\n              <FormattedHTMLMessage id=\"instant\" defaultMessage=\"Instant\" />\n            </span>\n          </div>\n          <AnnouncingHeader align=\"center\">\n            <FormattedHTMLMessage\n              id=\"step.emailLoop.collectOrganizationEmail.title\"\n              defaultMessage=\"Verify using your work email address\"\n              tagName=\"h1\"\n            />\n          </AnnouncingHeader>\n          <div className=\"sid-header__subtitle-one\">\n            <FormattedHTMLMessage\n              id=\"step.emailLoop.collectOrganizationEmail.subtitle\"\n              defaultMessage=\"Enter the email address provided by your employer and we'll send you a verification link\"\n            />\n          </div>\n        </div>\n\n        <div className=\"sid-form-region sid-email-submit sid-submit-wrapper sid-l-space-top-md\">\n          <FormFieldText\n            fieldId=\"emailOverride\"\n            value={viewModel.organizationEmail}\n            onChange={setEmailValue}\n            placeholder=\"\"\n            label={\n              <FormattedHTMLMessage\n                id=\"step.emailLoop.collectOrganizationEmail.email.label\"\n                defaultMessage=\"Work email address\"\n              />\n            }\n            errorMessage={\n              (isInvalidOrgEmail && (\n                <FormattedHTMLMessage\n                  id=\"step.emailLoop.errors.invalidEmail\"\n                  defaultMessage=\"This email address is not valid for instant verification. Please use an email address provided by your employer or upload documentation below.\"\n                />\n              )) ||\n              (fieldValidationErrors.organizationEmail && (\n                <FormattedHTMLMessage id=\"emailIds.invalidEmail\" defaultMessage=\"Invalid email\" />\n              ))\n            }\n          />\n          <div className=\"sid-l-space-top-sm\">\n            <button\n              id=\"sid-submit-btn-sso\"\n              type=\"submit\"\n              disabled={!!fieldValidationErrors.organizationEmail}\n              onClick={() =>\n                submitForm(\n                  viewModel,\n                  verificationService,\n                  VerificationStepsEnum.emailLoopCollectOrganizationEmail,\n                )\n              }\n              className=\"sid-btn sid-sso-submit-btn sid-btn--dark sid-l-full-width \"\n              aria-label=\"submit\"\n            >\n              <FormattedHTMLMessage\n                id=\"step.emailLoop.collectOrganizationEmail.email.send\"\n                defaultMessage=\"Send Email\"\n              />\n            </button>\n          </div>\n\n          <div className=\"sid-form-region sid-l-space-top-lg sid-l-horz-center\">\n            <div className=\"sid-header__subtitle-two sid-h-bold-text\">\n              <FormattedHTMLMessage\n                id=\"step.emailLoop.collectOrganizationEmail.alternative\"\n                defaultMessage=\"Unable to access a work email address?\"\n              />\n            </div>\n            <div className=\"sid-form-region sid-l-space-btm-sm sid-l-space-top-sm\">\n              <FormattedHTMLMessage\n                id=\"step.sso.alternative\"\n                defaultMessage=\"You can also verify by uploading proof of eligibility\"\n              />\n            </div>\n            <div className=\"sid-l-space-top-sm\">\n              <button\n                onClick={cancelEmailLoop}\n                className=\"sid-h-btn-link-like sid-link sid-h-bold-text\"\n                type=\"button\"\n              >\n                <FormattedHTMLMessage\n                  id=\"step.sso.cancel\"\n                  defaultMessage=\"Upload Proof of Enrollment\"\n                />\n              </button>\n            </div>\n          </div>\n\n          <div className=\"sid-l-space-top-lg\" />\n        </div>\n      </div>\n      <FormFooter verificationService={verificationService} />\n    </>\n  );\n};\n","import { injectIntl, type InjectedIntl } from \"react-intl\";\n\nimport { type EmailLoopResponse, type VerificationService } from \"../../lib/types/types\";\n\nimport { EmailLoopCollectOrganizationEmail } from \"./EmailLoopCollectOrganizationEmail\";\nimport { EmailLoopPendingComponent } from \"./EmailLoopPending\";\n\nexport interface StepEmailLoopComponentProps {\n  // eslint-disable-next-line react/no-unused-prop-types -- this prop type is reused in the sub components\n  intl: InjectedIntl;\n  verificationService: VerificationService;\n}\n\nexport const StepEmailLoop = ({ verificationService }: StepEmailLoopComponentProps) => {\n  const isCollectOrgEmailState =\n    (verificationService.verificationResponse as EmailLoopResponse).currentState ===\n    \"collectOrganizationEmail\";\n  return (\n    <div id=\"sid-step-email-loop\" className=\"sid-step-email-loop-container sid-l-container\">\n      {isCollectOrgEmailState ? (\n        <EmailLoopCollectOrganizationEmail verificationService={verificationService} />\n      ) : (\n        <EmailLoopPendingComponent verificationService={verificationService} />\n      )}\n    </div>\n  );\n};\n\nexport const StepEmailLoopComponent = injectIntl(StepEmailLoop);\n"],"mappings":"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"}