@sheerid/jslib 2.277.0 → 2.278.0

package/chunk/StepEmploymentPersonalInfo-CIb2V_Aj.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"StepEmploymentPersonalInfo-CIb2V_Aj.js","names":[],"sources":["../../src/components/FormFields/Company/CompanyComponent.tsx","../../src/components/StepEmploymentPersonalInfo/StepEmploymentPersonalInfoComponent.tsx"],"sourcesContent":["import { FormattedHTMLMessage, injectIntl } from \"react-intl\";\n\nimport { getFieldConfigByFieldId } from \"@/lib/utils/stepComponentHelpers/stepComponentHelpers\";\n\nimport {\n  type FormFieldComponentProps,\n  type VerificationServiceProps,\n  type Organization,\n} from \"../../../lib/types/types\";\nimport { FormFieldTypeahead } from \"../FormFieldTypeahead/FormFieldTypeahead\";\nimport { getOrgSearchUrl } from \"../../../lib/ProgramTheme/programThemeGetters\";\n\nexport const Company = ({\n  value,\n  isErrored,\n  onChange,\n  verificationService,\n  intl,\n  placeholder = \"\",\n  disabled = false,\n}: FormFieldComponentProps & VerificationServiceProps) => {\n  const isFieldHidden = getFieldConfigByFieldId(\"organization\")?.hidden;\n\n  if (isFieldHidden) {\n    return null;\n  }\n\n  return (\n    <FormFieldTypeahead\n      fieldId=\"company\"\n      value={value}\n      verificationService={verificationService}\n      onChange={(choice: Organization) => onChange(choice)}\n      placeholder={\n        placeholder ||\n        intl.formatHTMLMessage({ id: \"companyPlaceholder\", defaultMessage: \"Company\" })\n      }\n      label={<FormattedHTMLMessage id=\"company\" defaultMessage=\"Company\" />}\n      errorMessage={\n        isErrored && (\n          <FormattedHTMLMessage\n            id=\"errorId.invalidOrganization\"\n            defaultMessage=\"You must select an organization from the list\"\n          />\n        )\n      }\n      orgSearchUrl={getOrgSearchUrl(\n        verificationService.viewModel,\n        verificationService.programTheme,\n      )}\n      showPlaceholderAndHideLabel={!!placeholder}\n      disabled={disabled}\n    />\n  );\n};\n\nexport const CompanyComponent = injectIntl(Company);\n","/**\n * TODO - preamble\n */\nimport { FormattedHTMLMessage, injectIntl } from \"react-intl\";\nimport { produce } from \"immer\";\n\nimport { VerificationStepsEnum } from \"../../lib/types/runtimeTypes\";\nimport {\n  type VerificationService,\n  type Organization,\n  type EmploymentPersonalInfoViewModel,\n  type CustomFormFieldConfig,\n  type FormSelectChoice,\n  type State,\n  type FieldId,\n} from \"../../lib/types/types\";\nimport {\n  handleEmailOnKeyDown,\n  updateFieldValidationErrorsByFieldId,\n  updateViewModelOrganization,\n  shouldCollectAddressFields,\n  getAvailableStateChoices,\n  getFieldConfigByFieldId,\n} from \"../../lib/utils/stepComponentHelpers/stepComponentHelpers\";\nimport { PhoneNumberComponent as PhoneNumber } from \"../FormFields/PhoneNumber/PhoneNumberComponent\";\nimport { FirstNameComponent as FirstName } from \"../FormFields/FirstName/FirstNameComponent\";\nimport { LastNameComponent as LastName } from \"../FormFields/LastName/LastNameComponent\";\nimport { EmailComponent as Email } from \"../FormFields/Email/EmailComponent\";\nimport { MarketConsentWrapperComponent as MarketConsentWrapper } from \"../FormFields/MarketConsentWrapper/MarketConsentWrapperComponent\";\nimport { AddressComponent } from \"../FormFields/Address/AddressComponent\";\nimport { CityComponent } from \"../FormFields/City/City\";\nimport { StateSelectComponent } from \"../FormFields/State/StateSelectComponent\";\nimport { CompanyComponent } from \"../FormFields/Company/CompanyComponent\";\nimport { PostalCodeComponent } from \"../FormFields/PostalCode/PostalCodeComponent\";\nimport { CountryComponentWrapper } from \"../FormFields/Country/CountryComponentWrapper\";\nimport { getOptions } from \"../../options/options\";\nimport { FormFieldCustom } from \"../FormFields/FormFieldCustom/FormFieldCustom\";\nimport { ExtraMessage } from \"../ExtraMessage\";\nimport { ChangeLocaleV2Component } from \"../FormFields/ChangeLocale/ChangeLocaleComponent\";\nimport { PersonalInfoWrapper } from \"../PersonalInfoStepWrapper/PersonalInfoStepWrapper\";\nimport { PersonalInfoStepSubmitButton } from \"../PersonalInfoStepSubmitButton/PersonalInfoStepSubmitButton\";\nimport { PersonalInfoHeader } from \"../FormHeader/StepHeaders/PersonalInfoHeaderComponent\";\nimport { CaptchaComponent } from \"../FormFields/Captcha/CaptchaComponent\";\n\ninterface StepEmploymentPersonalInfoComponentProps {\n  intl: any;\n  verificationService: VerificationService;\n}\n\nconst StepEmploymentPersonalInfo = ({\n  intl,\n  verificationService,\n}: StepEmploymentPersonalInfoComponentProps) => {\n  const viewModel = verificationService.viewModel as EmploymentPersonalInfoViewModel;\n  const { fieldValidationErrors } = verificationService;\n  const options = getOptions();\n\n  const updateEmploymentViewModel = (key: keyof EmploymentPersonalInfoViewModel, value: any) => {\n    const nextState: EmploymentPersonalInfoViewModel = produce(\n      viewModel,\n      (draft: EmploymentPersonalInfoViewModel) => {\n        (draft[key] as any) = value;\n      },\n    );\n    verificationService.updateViewModel(nextState);\n  };\n\n  return (\n    <PersonalInfoWrapper\n      verificationService={verificationService}\n      step={verificationService.verificationResponse.currentStep}\n    >\n      <PersonalInfoHeader\n        verificationService={verificationService}\n        classNameIdentifier=\"employment\"\n      />\n\n      <ChangeLocaleV2Component verificationService={verificationService} />\n      <CountryComponentWrapper\n        verificationService={verificationService}\n        disabled={getFieldConfigByFieldId(\"country\")?.disabled}\n        viewModelDraftDecorator={(draft, countryChoice) => {\n          const viewModel = draft as EmploymentPersonalInfoViewModel;\n\n          viewModel.shouldCollectAddress = shouldCollectAddressFields(\n            countryChoice,\n            verificationService.programTheme.config.countries,\n          );\n          const addressFields: FieldId[] = [\"address1\", \"city\", \"state\", \"postalCode\"];\n          const existing = (viewModel.fieldsToSkipValidation || []).filter(\n            (id) => !addressFields.includes(id),\n          );\n          if (!viewModel.shouldCollectAddress) {\n            viewModel.address1 = \"\";\n            viewModel.city = \"\";\n            viewModel.state = \"\";\n            viewModel.postalCode = \"\";\n            viewModel.fieldsToSkipValidation = [...existing, ...addressFields];\n          } else {\n            viewModel.fieldsToSkipValidation = existing.length ? existing : undefined;\n          }\n        }}\n      />\n\n      <CompanyComponent\n        value={(verificationService.viewModel as EmploymentPersonalInfoViewModel).organization}\n        verificationService={verificationService}\n        isErrored={!!fieldValidationErrors.organization}\n        disabled={getFieldConfigByFieldId(\"organization\")?.disabled}\n        onChange={(choice: Organization) => {\n          updateViewModelOrganization(choice, verificationService);\n          updateFieldValidationErrorsByFieldId(\"organization\", choice, verificationService);\n        }}\n      />\n\n      <div className=\"sid-names\">\n        <FirstName\n          value={viewModel.firstName}\n          isErrored={!!fieldValidationErrors.firstName}\n          disabled={getFieldConfigByFieldId(\"firstName\")?.disabled}\n          onChange={(newValue) => {\n            updateEmploymentViewModel(\"firstName\", newValue);\n            updateFieldValidationErrorsByFieldId(\"firstName\", newValue, verificationService);\n          }}\n        />\n\n        <LastName\n          value={viewModel.lastName}\n          isErrored={!!fieldValidationErrors.lastName}\n          disabled={getFieldConfigByFieldId(\"lastName\")?.disabled}\n          onChange={(newValue) => {\n            updateEmploymentViewModel(\"lastName\", newValue);\n            updateFieldValidationErrorsByFieldId(\"lastName\", newValue, verificationService);\n          }}\n        />\n      </div>\n\n      {shouldCollectAddressFields(\n        viewModel.countryChoice,\n        verificationService.programTheme.config.countries,\n      ) ? (\n        <AddressComponent\n          isErrored={!!fieldValidationErrors.address1}\n          errorId={fieldValidationErrors.address1}\n          onChange={(newValue) => {\n            updateEmploymentViewModel(\"address1\", newValue);\n            updateFieldValidationErrorsByFieldId(\"address1\", newValue, verificationService);\n          }}\n          isRequired\n          value={viewModel.address1}\n          disabled={getFieldConfigByFieldId(\"address1\")?.disabled}\n          explanation={\n            <FormattedHTMLMessage id=\"addressExplanation\" defaultMessage=\"Use your home address\" />\n          }\n        />\n      ) : null}\n\n      {shouldCollectAddressFields(\n        viewModel.countryChoice,\n        verificationService.programTheme.config.countries,\n      ) ? (\n        <div className=\"sid-thirds\">\n          <CityComponent\n            isErrored={!!fieldValidationErrors.city}\n            errorId={fieldValidationErrors.city}\n            onChange={(newValue) => {\n              updateEmploymentViewModel(\"city\", newValue);\n              updateFieldValidationErrorsByFieldId(\"city\", newValue, verificationService);\n            }}\n            value={viewModel.city}\n            isRequired\n            disabled={getFieldConfigByFieldId(\"city\")?.disabled}\n          />\n          <StateSelectComponent\n            isRequired\n            options={getAvailableStateChoices(verificationService.programTheme, intl)}\n            value={viewModel.state || undefined}\n            isErrored={Boolean(fieldValidationErrors.state)}\n            onChange={async (stateChoice: FormSelectChoice<State, string>) => {\n              const stateValue = stateChoice ? stateChoice.value : undefined;\n              updateEmploymentViewModel(\"state\", stateValue);\n              updateFieldValidationErrorsByFieldId(\"state\", stateValue, verificationService);\n            }}\n            label={<FormattedHTMLMessage id=\"state\" defaultMessage=\"State\" />}\n            disabled={getFieldConfigByFieldId(\"state\")?.disabled}\n          />\n          <PostalCodeComponent\n            isErrored={!!fieldValidationErrors.postalCode}\n            onChange={(newValue) => {\n              updateEmploymentViewModel(\"postalCode\", newValue);\n              updateFieldValidationErrorsByFieldId(\"postalCode\", newValue, verificationService);\n            }}\n            value={viewModel.postalCode}\n            disabled={getFieldConfigByFieldId(\"postalCode\")?.disabled}\n          />\n        </div>\n      ) : null}\n\n      <Email\n        value={viewModel.email}\n        isErrored={!!fieldValidationErrors.email}\n        explanation={\n          <FormattedHTMLMessage\n            id=\"emailExplanation\"\n            defaultMessage=\"Use your work email if you have one\"\n          />\n        }\n        onChange={(newValue) => {\n          updateEmploymentViewModel(\"email\", newValue);\n          updateFieldValidationErrorsByFieldId(\"email\", newValue, verificationService);\n        }}\n        onKeyDown={(event) => handleEmailOnKeyDown(event)}\n        disabled={getFieldConfigByFieldId(\"email\")?.disabled}\n      />\n      {verificationService.programTheme.isSmsNotifierConfigured ||\n      verificationService.programTheme.smsLoopEnabled ? (\n        <PhoneNumber\n          isRequired={!!verificationService.programTheme.smsLoopEnabled}\n          value={viewModel.phoneNumber}\n          isErrored={!!fieldValidationErrors.phoneNumber}\n          onChange={(newValue) => {\n            updateEmploymentViewModel(\"phoneNumber\", newValue);\n            updateFieldValidationErrorsByFieldId(\"phoneNumber\", newValue, verificationService);\n          }}\n          selectedCountryCode={viewModel.countryChoice && viewModel.countryChoice.value}\n          disabled={getFieldConfigByFieldId(\"phoneNumber\")?.disabled}\n        />\n      ) : null}\n\n      {options.customFormFields.map((config: CustomFormFieldConfig) => (\n        <FormFieldCustom config={config} verificationService={verificationService} />\n      ))}\n\n      <MarketConsentWrapper\n        verificationService={verificationService}\n        isErrored={!!fieldValidationErrors.marketConsentValue}\n        onChange={(newValue) => {\n          updateEmploymentViewModel(\"metadata\", {\n            ...verificationService.viewModel.metadata,\n            marketConsentValue: newValue,\n          });\n          updateFieldValidationErrorsByFieldId(\"marketConsentValue\", newValue, verificationService);\n        }}\n        viewModel={viewModel}\n        disabled={getFieldConfigByFieldId(\"marketConsentValue\")?.disabled}\n      />\n\n      <ExtraMessage verificationService={verificationService} suffix=\"CollectAboveSubmit\" />\n\n      <CaptchaComponent\n        verificationService={verificationService}\n        isErrored={!!fieldValidationErrors.captchaToken}\n      />\n\n      <PersonalInfoStepSubmitButton\n        step={VerificationStepsEnum.collectEmployeePersonalInfo}\n        verificationService={verificationService}\n        viewModel={viewModel}\n        buttonText={\n          <FormattedHTMLMessage\n            id=\"step.personalInfo.submitButtonText\"\n            defaultMessage=\"Verify My Employment Status\"\n          />\n        }\n      />\n    </PersonalInfoWrapper>\n  );\n};\n\n// TODO remove injectIntl, unused\nexport const StepEmploymentPersonalInfoComponent = injectIntl(StepEmploymentPersonalInfo);\n"],"mappings":"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"}

package/chunk/StepEmploymentPersonalInfo-txyihsja.js

@@ -1,215 +0,0 @@
-
-/**
- *   VERSION: 2.277.0
- *   BUILD_TIMESTAMP: 1787693415496
- *   BUILD_DATE: Tue Aug 25 2026 21:30:15 GMT+0000 (Coordinated Universal Time)
- *   BUILD_COMMIT: 6bf9486531bf722019a9060202aca84ce001472b
- */
-import { Ft as e, c as t, n } from "./options-pBCAJBwS.js";
-import { a as r, n as i, t as a } from "./jsx-runtime-Ini3eO9_.js";
-import { c as o } from "./programThemeGetters-C9Sw0RZq.js";
-import { n as s } from "../sheerid.js";
-import { a as c, h as l, r as u, u as d, v as f, y as p } from "./stepComponentHelpers-DIHMDrmF.js";
-import { a as m, i as h, n as g, o as _, s as v, t as y } from "./CaptchaComponent-hqx9tSkk.js";
-import { n as b, t as x } from "./PersonalInfoStepSubmitButton-DA3ceOLw.js";
-import { t as S } from "./PostalCodeComponent-DKC3DspF.js";
-import { t as C } from "./CountryComponentWrapper-B3Ki9bAz.js";
-import { t as w } from "./City-Drub1WX8.js";
-import { t as T } from "./AddressComponent-oDHvr6bn.js";
-import { t as E } from "./ExtraMessage-BXxlQROb.js";
-import { t as D } from "./ChangeLocaleComponent-DtJjnuBc.js";
-import { t as O } from "./PersonalInfoStepWrapper-6neTJTQD.js";
-import { t as k } from "./FormFieldTypeahead-DTFxOQnf.js";
-import { t as A } from "./StateSelectComponent-lM5e-_1v.js";
-//#region src/components/FormFields/Company/CompanyComponent.tsx
-var j = a(), M = r(({ value: e, isErrored: t, onChange: n, verificationService: r, intl: a, placeholder: s = "", disabled: l = !1 }) => c("organization")?.hidden ? null : /* @__PURE__ */ (0, j.jsx)(k, {
-	fieldId: "company",
-	value: e,
-	verificationService: r,
-	onChange: (e) => n(e),
-	placeholder: s || a.formatHTMLMessage({
-		id: "companyPlaceholder",
-		defaultMessage: "Company"
-	}),
-	label: /* @__PURE__ */ (0, j.jsx)(i, {
-		id: "company",
-		defaultMessage: "Company"
-	}),
-	errorMessage: t && /* @__PURE__ */ (0, j.jsx)(i, {
-		id: "errorId.invalidOrganization",
-		defaultMessage: "You must select an organization from the list"
-	}),
-	orgSearchUrl: o(r.viewModel, r.programTheme),
-	showPlaceholderAndHideLabel: !!s,
-	disabled: l
-})), N = r(({ intl: r, verificationService: a }) => {
-	let o = a.viewModel, { fieldValidationErrors: k } = a, N = n(), P = (e, n) => {
-		let r = t(o, (t) => {
-			t[e] = n;
-		});
-		a.updateViewModel(r);
-	};
-	return /* @__PURE__ */ (0, j.jsxs)(O, {
-		verificationService: a,
-		step: a.verificationResponse.currentStep,
-		children: [
-			/* @__PURE__ */ (0, j.jsx)(s, {
-				verificationService: a,
-				classNameIdentifier: "employment"
-			}),
-			/* @__PURE__ */ (0, j.jsx)(D, { verificationService: a }),
-			/* @__PURE__ */ (0, j.jsx)(C, {
-				verificationService: a,
-				disabled: c("country")?.disabled,
-				viewModelDraftDecorator: (e, t) => {
-					let n = e;
-					n.shouldCollectAddress = l(t, a.programTheme.config.countries);
-					let r = [
-						"address1",
-						"city",
-						"state",
-						"postalCode"
-					], i = (n.fieldsToSkipValidation || []).filter((e) => !r.includes(e));
-					n.shouldCollectAddress ? n.fieldsToSkipValidation = i.length ? i : void 0 : (n.address1 = "", n.city = "", n.state = "", n.postalCode = "", n.fieldsToSkipValidation = [...i, ...r]);
-				}
-			}),
-			/* @__PURE__ */ (0, j.jsx)(M, {
-				value: a.viewModel.organization,
-				verificationService: a,
-				isErrored: !!k.organization,
-				disabled: c("organization")?.disabled,
-				onChange: (e) => {
-					p(e, a), f("organization", e, a);
-				}
-			}),
-			/* @__PURE__ */ (0, j.jsxs)("div", {
-				className: "sid-names",
-				children: [/* @__PURE__ */ (0, j.jsx)(m, {
-					value: o.firstName,
-					isErrored: !!k.firstName,
-					disabled: c("firstName")?.disabled,
-					onChange: (e) => {
-						P("firstName", e), f("firstName", e, a);
-					}
-				}), /* @__PURE__ */ (0, j.jsx)(h, {
-					value: o.lastName,
-					isErrored: !!k.lastName,
-					disabled: c("lastName")?.disabled,
-					onChange: (e) => {
-						P("lastName", e), f("lastName", e, a);
-					}
-				})]
-			}),
-			l(o.countryChoice, a.programTheme.config.countries) ? /* @__PURE__ */ (0, j.jsx)(T, {
-				isErrored: !!k.address1,
-				errorId: k.address1,
-				onChange: (e) => {
-					P("address1", e), f("address1", e, a);
-				},
-				isRequired: !0,
-				value: o.address1,
-				disabled: c("address1")?.disabled,
-				explanation: /* @__PURE__ */ (0, j.jsx)(i, {
-					id: "addressExplanation",
-					defaultMessage: "Use your home address"
-				})
-			}) : null,
-			l(o.countryChoice, a.programTheme.config.countries) ? /* @__PURE__ */ (0, j.jsxs)("div", {
-				className: "sid-thirds",
-				children: [
-					/* @__PURE__ */ (0, j.jsx)(w, {
-						isErrored: !!k.city,
-						errorId: k.city,
-						onChange: (e) => {
-							P("city", e), f("city", e, a);
-						},
-						value: o.city,
-						isRequired: !0,
-						disabled: c("city")?.disabled
-					}),
-					/* @__PURE__ */ (0, j.jsx)(A, {
-						isRequired: !0,
-						options: u(a.programTheme, r),
-						value: o.state || void 0,
-						isErrored: !!k.state,
-						onChange: async (e) => {
-							let t = e ? e.value : void 0;
-							P("state", t), f("state", t, a);
-						},
-						label: /* @__PURE__ */ (0, j.jsx)(i, {
-							id: "state",
-							defaultMessage: "State"
-						}),
-						disabled: c("state")?.disabled
-					}),
-					/* @__PURE__ */ (0, j.jsx)(S, {
-						isErrored: !!k.postalCode,
-						onChange: (e) => {
-							P("postalCode", e), f("postalCode", e, a);
-						},
-						value: o.postalCode,
-						disabled: c("postalCode")?.disabled
-					})
-				]
-			}) : null,
-			/* @__PURE__ */ (0, j.jsx)(b, {
-				value: o.email,
-				isErrored: !!k.email,
-				explanation: /* @__PURE__ */ (0, j.jsx)(i, {
-					id: "emailExplanation",
-					defaultMessage: "Use your work email if you have one"
-				}),
-				onChange: (e) => {
-					P("email", e), f("email", e, a);
-				},
-				onKeyDown: (e) => d(e),
-				disabled: c("email")?.disabled
-			}),
-			a.programTheme.isSmsNotifierConfigured || a.programTheme.smsLoopEnabled ? /* @__PURE__ */ (0, j.jsx)(_, {
-				isRequired: !!a.programTheme.smsLoopEnabled,
-				value: o.phoneNumber,
-				isErrored: !!k.phoneNumber,
-				onChange: (e) => {
-					P("phoneNumber", e), f("phoneNumber", e, a);
-				},
-				selectedCountryCode: o.countryChoice && o.countryChoice.value,
-				disabled: c("phoneNumber")?.disabled
-			}) : null,
-			N.customFormFields.map((e) => /* @__PURE__ */ (0, j.jsx)(g, {
-				config: e,
-				verificationService: a
-			})),
-			/* @__PURE__ */ (0, j.jsx)(v, {
-				verificationService: a,
-				isErrored: !!k.marketConsentValue,
-				onChange: (e) => {
-					P("metadata", {
-						...a.viewModel.metadata,
-						marketConsentValue: e
-					}), f("marketConsentValue", e, a);
-				},
-				viewModel: o,
-				disabled: c("marketConsentValue")?.disabled
-			}),
-			/* @__PURE__ */ (0, j.jsx)(E, {
-				verificationService: a,
-				suffix: "CollectAboveSubmit"
-			}),
-			/* @__PURE__ */ (0, j.jsx)(y, {
-				verificationService: a,
-				isErrored: !!k.captchaToken
-			}),
-			/* @__PURE__ */ (0, j.jsx)(x, {
-				step: e.collectEmployeePersonalInfo,
-				verificationService: a,
-				viewModel: o,
-				buttonText: /* @__PURE__ */ (0, j.jsx)(i, {
-					id: "step.personalInfo.submitButtonText",
-					defaultMessage: "Verify My Employment Status"
-				})
-			})
-		]
-	});
-});
-//#endregion
-export { N as default };

package/chunk/StepEmploymentPersonalInfo-txyihsja.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"StepEmploymentPersonalInfo-txyihsja.js","names":[],"sources":["../../src/components/FormFields/Company/CompanyComponent.tsx","../../src/components/StepEmploymentPersonalInfo/StepEmploymentPersonalInfoComponent.tsx"],"sourcesContent":["import { FormattedHTMLMessage, injectIntl } from \"react-intl\";\n\nimport { getFieldConfigByFieldId } from \"@/lib/utils/stepComponentHelpers/stepComponentHelpers\";\n\nimport {\n  type FormFieldComponentProps,\n  type VerificationServiceProps,\n  type Organization,\n} from \"../../../lib/types/types\";\nimport { FormFieldTypeahead } from \"../FormFieldTypeahead/FormFieldTypeahead\";\nimport { getOrgSearchUrl } from \"../../../lib/ProgramTheme/programThemeGetters\";\n\nexport const Company = ({\n  value,\n  isErrored,\n  onChange,\n  verificationService,\n  intl,\n  placeholder = \"\",\n  disabled = false,\n}: FormFieldComponentProps & VerificationServiceProps) => {\n  const isFieldHidden = getFieldConfigByFieldId(\"organization\")?.hidden;\n\n  if (isFieldHidden) {\n    return null;\n  }\n\n  return (\n    <FormFieldTypeahead\n      fieldId=\"company\"\n      value={value}\n      verificationService={verificationService}\n      onChange={(choice: Organization) => onChange(choice)}\n      placeholder={\n        placeholder ||\n        intl.formatHTMLMessage({ id: \"companyPlaceholder\", defaultMessage: \"Company\" })\n      }\n      label={<FormattedHTMLMessage id=\"company\" defaultMessage=\"Company\" />}\n      errorMessage={\n        isErrored && (\n          <FormattedHTMLMessage\n            id=\"errorId.invalidOrganization\"\n            defaultMessage=\"You must select an organization from the list\"\n          />\n        )\n      }\n      orgSearchUrl={getOrgSearchUrl(\n        verificationService.viewModel,\n        verificationService.programTheme,\n      )}\n      showPlaceholderAndHideLabel={!!placeholder}\n      disabled={disabled}\n    />\n  );\n};\n\nexport const CompanyComponent = injectIntl(Company);\n","/**\n * TODO - preamble\n */\nimport { FormattedHTMLMessage, injectIntl } from \"react-intl\";\nimport { produce } from \"immer\";\n\nimport { VerificationStepsEnum } from \"../../lib/types/runtimeTypes\";\nimport {\n  type VerificationService,\n  type Organization,\n  type EmploymentPersonalInfoViewModel,\n  type CustomFormFieldConfig,\n  type FormSelectChoice,\n  type State,\n  type FieldId,\n} from \"../../lib/types/types\";\nimport {\n  handleEmailOnKeyDown,\n  updateFieldValidationErrorsByFieldId,\n  updateViewModelOrganization,\n  shouldCollectAddressFields,\n  getAvailableStateChoices,\n  getFieldConfigByFieldId,\n} from \"../../lib/utils/stepComponentHelpers/stepComponentHelpers\";\nimport { PhoneNumberComponent as PhoneNumber } from \"../FormFields/PhoneNumber/PhoneNumberComponent\";\nimport { FirstNameComponent as FirstName } from \"../FormFields/FirstName/FirstNameComponent\";\nimport { LastNameComponent as LastName } from \"../FormFields/LastName/LastNameComponent\";\nimport { EmailComponent as Email } from \"../FormFields/Email/EmailComponent\";\nimport { MarketConsentWrapperComponent as MarketConsentWrapper } from \"../FormFields/MarketConsentWrapper/MarketConsentWrapperComponent\";\nimport { AddressComponent } from \"../FormFields/Address/AddressComponent\";\nimport { CityComponent } from \"../FormFields/City/City\";\nimport { StateSelectComponent } from \"../FormFields/State/StateSelectComponent\";\nimport { CompanyComponent } from \"../FormFields/Company/CompanyComponent\";\nimport { PostalCodeComponent } from \"../FormFields/PostalCode/PostalCodeComponent\";\nimport { CountryComponentWrapper } from \"../FormFields/Country/CountryComponentWrapper\";\nimport { getOptions } from \"../../options/options\";\nimport { FormFieldCustom } from \"../FormFields/FormFieldCustom/FormFieldCustom\";\nimport { ExtraMessage } from \"../ExtraMessage\";\nimport { ChangeLocaleV2Component } from \"../FormFields/ChangeLocale/ChangeLocaleComponent\";\nimport { PersonalInfoWrapper } from \"../PersonalInfoStepWrapper/PersonalInfoStepWrapper\";\nimport { PersonalInfoStepSubmitButton } from \"../PersonalInfoStepSubmitButton/PersonalInfoStepSubmitButton\";\nimport { PersonalInfoHeader } from \"../FormHeader/StepHeaders/PersonalInfoHeaderComponent\";\nimport { CaptchaComponent } from \"../FormFields/Captcha/CaptchaComponent\";\n\ninterface StepEmploymentPersonalInfoComponentProps {\n  intl: any;\n  verificationService: VerificationService;\n}\n\nconst StepEmploymentPersonalInfo = ({\n  intl,\n  verificationService,\n}: StepEmploymentPersonalInfoComponentProps) => {\n  const viewModel = verificationService.viewModel as EmploymentPersonalInfoViewModel;\n  const { fieldValidationErrors } = verificationService;\n  const options = getOptions();\n\n  const updateEmploymentViewModel = (key: keyof EmploymentPersonalInfoViewModel, value: any) => {\n    const nextState: EmploymentPersonalInfoViewModel = produce(\n      viewModel,\n      (draft: EmploymentPersonalInfoViewModel) => {\n        (draft[key] as any) = value;\n      },\n    );\n    verificationService.updateViewModel(nextState);\n  };\n\n  return (\n    <PersonalInfoWrapper\n      verificationService={verificationService}\n      step={verificationService.verificationResponse.currentStep}\n    >\n      <PersonalInfoHeader\n        verificationService={verificationService}\n        classNameIdentifier=\"employment\"\n      />\n\n      <ChangeLocaleV2Component verificationService={verificationService} />\n      <CountryComponentWrapper\n        verificationService={verificationService}\n        disabled={getFieldConfigByFieldId(\"country\")?.disabled}\n        viewModelDraftDecorator={(draft, countryChoice) => {\n          const viewModel = draft as EmploymentPersonalInfoViewModel;\n\n          viewModel.shouldCollectAddress = shouldCollectAddressFields(\n            countryChoice,\n            verificationService.programTheme.config.countries,\n          );\n          const addressFields: FieldId[] = [\"address1\", \"city\", \"state\", \"postalCode\"];\n          const existing = (viewModel.fieldsToSkipValidation || []).filter(\n            (id) => !addressFields.includes(id),\n          );\n          if (!viewModel.shouldCollectAddress) {\n            viewModel.address1 = \"\";\n            viewModel.city = \"\";\n            viewModel.state = \"\";\n            viewModel.postalCode = \"\";\n            viewModel.fieldsToSkipValidation = [...existing, ...addressFields];\n          } else {\n            viewModel.fieldsToSkipValidation = existing.length ? existing : undefined;\n          }\n        }}\n      />\n\n      <CompanyComponent\n        value={(verificationService.viewModel as EmploymentPersonalInfoViewModel).organization}\n        verificationService={verificationService}\n        isErrored={!!fieldValidationErrors.organization}\n        disabled={getFieldConfigByFieldId(\"organization\")?.disabled}\n        onChange={(choice: Organization) => {\n          updateViewModelOrganization(choice, verificationService);\n          updateFieldValidationErrorsByFieldId(\"organization\", choice, verificationService);\n        }}\n      />\n\n      <div className=\"sid-names\">\n        <FirstName\n          value={viewModel.firstName}\n          isErrored={!!fieldValidationErrors.firstName}\n          disabled={getFieldConfigByFieldId(\"firstName\")?.disabled}\n          onChange={(newValue) => {\n            updateEmploymentViewModel(\"firstName\", newValue);\n            updateFieldValidationErrorsByFieldId(\"firstName\", newValue, verificationService);\n          }}\n        />\n\n        <LastName\n          value={viewModel.lastName}\n          isErrored={!!fieldValidationErrors.lastName}\n          disabled={getFieldConfigByFieldId(\"lastName\")?.disabled}\n          onChange={(newValue) => {\n            updateEmploymentViewModel(\"lastName\", newValue);\n            updateFieldValidationErrorsByFieldId(\"lastName\", newValue, verificationService);\n          }}\n        />\n      </div>\n\n      {shouldCollectAddressFields(\n        viewModel.countryChoice,\n        verificationService.programTheme.config.countries,\n      ) ? (\n        <AddressComponent\n          isErrored={!!fieldValidationErrors.address1}\n          errorId={fieldValidationErrors.address1}\n          onChange={(newValue) => {\n            updateEmploymentViewModel(\"address1\", newValue);\n            updateFieldValidationErrorsByFieldId(\"address1\", newValue, verificationService);\n          }}\n          isRequired\n          value={viewModel.address1}\n          disabled={getFieldConfigByFieldId(\"address1\")?.disabled}\n          explanation={\n            <FormattedHTMLMessage id=\"addressExplanation\" defaultMessage=\"Use your home address\" />\n          }\n        />\n      ) : null}\n\n      {shouldCollectAddressFields(\n        viewModel.countryChoice,\n        verificationService.programTheme.config.countries,\n      ) ? (\n        <div className=\"sid-thirds\">\n          <CityComponent\n            isErrored={!!fieldValidationErrors.city}\n            errorId={fieldValidationErrors.city}\n            onChange={(newValue) => {\n              updateEmploymentViewModel(\"city\", newValue);\n              updateFieldValidationErrorsByFieldId(\"city\", newValue, verificationService);\n            }}\n            value={viewModel.city}\n            isRequired\n            disabled={getFieldConfigByFieldId(\"city\")?.disabled}\n          />\n          <StateSelectComponent\n            isRequired\n            options={getAvailableStateChoices(verificationService.programTheme, intl)}\n            value={viewModel.state || undefined}\n            isErrored={Boolean(fieldValidationErrors.state)}\n            onChange={async (stateChoice: FormSelectChoice<State, string>) => {\n              const stateValue = stateChoice ? stateChoice.value : undefined;\n              updateEmploymentViewModel(\"state\", stateValue);\n              updateFieldValidationErrorsByFieldId(\"state\", stateValue, verificationService);\n            }}\n            label={<FormattedHTMLMessage id=\"state\" defaultMessage=\"State\" />}\n            disabled={getFieldConfigByFieldId(\"state\")?.disabled}\n          />\n          <PostalCodeComponent\n            isErrored={!!fieldValidationErrors.postalCode}\n            onChange={(newValue) => {\n              updateEmploymentViewModel(\"postalCode\", newValue);\n              updateFieldValidationErrorsByFieldId(\"postalCode\", newValue, verificationService);\n            }}\n            value={viewModel.postalCode}\n            disabled={getFieldConfigByFieldId(\"postalCode\")?.disabled}\n          />\n        </div>\n      ) : null}\n\n      <Email\n        value={viewModel.email}\n        isErrored={!!fieldValidationErrors.email}\n        explanation={\n          <FormattedHTMLMessage\n            id=\"emailExplanation\"\n            defaultMessage=\"Use your work email if you have one\"\n          />\n        }\n        onChange={(newValue) => {\n          updateEmploymentViewModel(\"email\", newValue);\n          updateFieldValidationErrorsByFieldId(\"email\", newValue, verificationService);\n        }}\n        onKeyDown={(event) => handleEmailOnKeyDown(event)}\n        disabled={getFieldConfigByFieldId(\"email\")?.disabled}\n      />\n      {verificationService.programTheme.isSmsNotifierConfigured ||\n      verificationService.programTheme.smsLoopEnabled ? (\n        <PhoneNumber\n          isRequired={!!verificationService.programTheme.smsLoopEnabled}\n          value={viewModel.phoneNumber}\n          isErrored={!!fieldValidationErrors.phoneNumber}\n          onChange={(newValue) => {\n            updateEmploymentViewModel(\"phoneNumber\", newValue);\n            updateFieldValidationErrorsByFieldId(\"phoneNumber\", newValue, verificationService);\n          }}\n          selectedCountryCode={viewModel.countryChoice && viewModel.countryChoice.value}\n          disabled={getFieldConfigByFieldId(\"phoneNumber\")?.disabled}\n        />\n      ) : null}\n\n      {options.customFormFields.map((config: CustomFormFieldConfig) => (\n        <FormFieldCustom config={config} verificationService={verificationService} />\n      ))}\n\n      <MarketConsentWrapper\n        verificationService={verificationService}\n        isErrored={!!fieldValidationErrors.marketConsentValue}\n        onChange={(newValue) => {\n          updateEmploymentViewModel(\"metadata\", {\n            ...verificationService.viewModel.metadata,\n            marketConsentValue: newValue,\n          });\n          updateFieldValidationErrorsByFieldId(\"marketConsentValue\", newValue, verificationService);\n        }}\n        viewModel={viewModel}\n        disabled={getFieldConfigByFieldId(\"marketConsentValue\")?.disabled}\n      />\n\n      <ExtraMessage verificationService={verificationService} suffix=\"CollectAboveSubmit\" />\n\n      <CaptchaComponent\n        verificationService={verificationService}\n        isErrored={!!fieldValidationErrors.captchaToken}\n      />\n\n      <PersonalInfoStepSubmitButton\n        step={VerificationStepsEnum.collectEmployeePersonalInfo}\n        verificationService={verificationService}\n        viewModel={viewModel}\n        buttonText={\n          <FormattedHTMLMessage\n            id=\"step.personalInfo.submitButtonText\"\n            defaultMessage=\"Verify My Employment Status\"\n          />\n        }\n      />\n    </PersonalInfoWrapper>\n  );\n};\n\n// TODO remove injectIntl, unused\nexport const StepEmploymentPersonalInfoComponent = injectIntl(StepEmploymentPersonalInfo);\n"],"mappings":"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"}

package/chunk/StepSMSLoop-BM7UE2tP.js.map

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

package/chunk/StepSMSLoop-Wr-MrFaf.js.map

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

package/chunk/StepStudentPersonalInfo-CxPq9ICS.js

@@ -1,218 +0,0 @@
-
-/**
- *   VERSION: 2.277.0
- *   BUILD_TIMESTAMP: 1787693415496
- *   BUILD_DATE: Tue Aug 25 2026 21:30:15 GMT+0000 (Coordinated Universal Time)
- *   BUILD_COMMIT: 6bf9486531bf722019a9060202aca84ce001472b
- */
-import { Ft as e, Wt as t, c as n, jt as r, n as i } from "./options-pBCAJBwS.js";
-import { a, c as o, n as s, t as c } from "./jsx-runtime-Ini3eO9_.js";
-import { w as l } from "./FormFooterComponent-B2W5vjOS.js";
-import { t as u } from "./hooks-ChQrxN58.js";
-import { n as d } from "../sheerid.js";
-import { a as f, u as p, v as m, y as h } from "./stepComponentHelpers-DIHMDrmF.js";
-import { a as g, i as _, n as v, o as y, s as b, t as x } from "./CaptchaComponent-hqx9tSkk.js";
-import { t as S } from "./FormFieldText-BbdrtNh_.js";
-import { n as C, t as w } from "./PersonalInfoStepSubmitButton-DA3ceOLw.js";
-import { t as T } from "./BirthDateComponent-f9e4it7x.js";
-import { t as E } from "./CountryComponentWrapper-B3Ki9bAz.js";
-import { t as D } from "./ExtraMessage-BXxlQROb.js";
-import { t as O } from "./ChangeLocaleComponent-DtJjnuBc.js";
-import { t as k } from "./PersonalInfoStepWrapper-6neTJTQD.js";
-import { t as A } from "./CollegeNameComponent-C47D3rO4.js";
-import { t as j } from "./StatusComponent-BTvs1WVn.js";
-//#region src/components/FormFields/CVECNumber/CVECNumberComponent.tsx
-var M = /* @__PURE__ */ t(o(), 1), N = c(), P = a(({ value: e, isErrored: t, onChange: n, intl: r, explanation: i, placeholder: a = "", isRequired: o = !1 }) => {
-	let c = u("include-cvec-field-france-student");
-	return f("cvecNumber")?.hidden ? null : /* @__PURE__ */ (0, N.jsx)(S, {
-		fieldId: "cvecNumber",
-		value: e,
-		onChange: n,
-		placeholder: a || r.formatHTMLMessage({
-			id: "cvecNumberPlaceholder",
-			defaultMessage: "CVEC certificate number"
-		}),
-		label: /* @__PURE__ */ (0, N.jsx)(s, {
-			id: "cvecNumber",
-			defaultMessage: "CVEC certificate number"
-		}),
-		errorMessage: t && /* @__PURE__ */ (0, N.jsx)(s, {
-			id: "errorId.invalidCvecNumber",
-			defaultMessage: "Invalid CVEC certificate number"
-		}),
-		showPlaceholderAndHideLabel: !!a,
-		required: o,
-		explanation: i || (c === "labeled-optional" ? /* @__PURE__ */ (0, N.jsx)(s, {
-			id: "cvecNumberExplanation",
-			defaultMessage: "Optional - Add your CVEC number to increase your chances of being verified instantly."
-		}) : /* @__PURE__ */ (0, N.jsx)(s, {
-			id: "_EXPERIMENTAL.cvecNumberExplanation",
-			defaultMessage: "Add your CVEC number to increase your chances of being verified instantly."
-		}))
-	});
-}), F = Object.keys(r), I = a(({ verificationService: t, intl: a }) => {
-	let o = t.viewModel, { fieldValidationErrors: c } = t, S = t.verificationResponse, I = i(), L = u("include-cvec-field-france-student"), R = L !== "control" && L !== "default" && o?.countryChoice?.value === "FR", z = S.availableStatuses ?? [], B = z.includes("GRADUATE") && z.some((e) => e !== "GRADUATE");
-	M.useEffect(() => {
-		let e = (t.viewModel?.fieldsToSkipValidation || []).filter((e) => e !== "cvecNumber" && e !== "status");
-		R || (e = [...e, "cvecNumber"]), B || (e = [...e, "status"]), H("fieldsToSkipValidation", e);
-	}, [R, B]);
-	let V = l(S), H = (e, r) => {
-		let i = n(o, (t) => {
-			t[e] = r;
-		});
-		t.updateViewModel(i);
-	}, U = o.localeChoice.value, W = (e) => e ? {
-		value: e,
-		label: a.formatHTMLMessage({
-			id: e,
-			defaultMessage: r[e]
-		})
-	} : {
-		value: "",
-		label: ""
-	};
-	return /* @__PURE__ */ (0, N.jsxs)(k, {
-		verificationService: t,
-		step: S.currentStep,
-		children: [
-			/* @__PURE__ */ (0, N.jsx)(d, {
-				verificationService: t,
-				classNameIdentifier: "student-personal-info"
-			}),
-			/* @__PURE__ */ (0, N.jsx)(O, { verificationService: t }),
-			/* @__PURE__ */ (0, N.jsx)(E, {
-				verificationService: t,
-				disabled: f("country")?.disabled
-			}),
-			B && /* @__PURE__ */ (0, N.jsx)(j, {
-				segmentId: "student",
-				label: /* @__PURE__ */ (0, N.jsx)(s, {
-					id: "graduationStatus",
-					defaultMessage: "Graduation Status"
-				}),
-				value: W(o.status),
-				isErrored: !!c.status,
-				options: F.map(W),
-				disabled: f("status")?.disabled,
-				onChange: (e) => {
-					let n = e ? e.value : void 0;
-					H("status", n), m("status", n ?? "", t);
-				}
-			}),
-			/* @__PURE__ */ (0, N.jsx)(A, {
-				value: t.viewModel.organization,
-				verificationService: t,
-				isErrored: !!c.organization,
-				isRequired: !0,
-				disabled: f("organization")?.disabled,
-				onChange: (e) => {
-					h(e, t), m("organization", e, t);
-				}
-			}),
-			R && /* @__PURE__ */ (0, N.jsx)(P, {
-				isRequired: f("cvecNumber")?.requireIfOptional,
-				value: o.cvecNumber,
-				isErrored: !!c.cvecNumber,
-				disabled: f("cvecNumber")?.disabled,
-				onChange: (e) => {
-					H("cvecNumber", e), m("cvecNumber", e, t);
-				}
-			}),
-			/* @__PURE__ */ (0, N.jsx)("div", {
-				className: "sid-names-explanation sid-l-space-top-md",
-				children: /* @__PURE__ */ (0, N.jsx)(s, {
-					id: "step.personalInfo.nameInstructions",
-					defaultMessage: "Personal or school email is fine"
-				})
-			}),
-			/* @__PURE__ */ (0, N.jsxs)("div", {
-				className: "sid-names",
-				children: [/* @__PURE__ */ (0, N.jsx)(g, {
-					value: o.firstName,
-					isErrored: !!c.firstName,
-					disabled: f("firstName")?.disabled,
-					onChange: (e) => {
-						H("firstName", e), m("firstName", e, t);
-					}
-				}), /* @__PURE__ */ (0, N.jsx)(_, {
-					value: o.lastName,
-					isErrored: !!c.lastName,
-					disabled: f("lastName")?.disabled,
-					onChange: (e) => {
-						H("lastName", e), m("lastName", e, t);
-					}
-				})]
-			}),
-			/* @__PURE__ */ (0, N.jsx)(T, {
-				value: o.birthDate,
-				errorId: c.birthDate,
-				locale: U,
-				isRequired: !0,
-				disabled: f("birthDate")?.disabled,
-				onChange: (e) => {
-					H("birthDate", e), m("birthDate", e, t);
-				}
-			}),
-			/* @__PURE__ */ (0, N.jsx)(C, {
-				value: o.email,
-				isErrored: !!c.email,
-				explanation: /* @__PURE__ */ (0, N.jsx)(s, {
-					id: "emailExplanation",
-					defaultMessage: "Personal or school email is fine"
-				}),
-				onChange: (e) => {
-					H("email", e), m("email", e, t);
-				},
-				onKeyDown: (e) => p(e),
-				disabled: f("email")?.disabled
-			}),
-			t.programTheme.isSmsNotifierConfigured || t.programTheme.smsLoopEnabled ? /* @__PURE__ */ (0, N.jsx)(y, {
-				isRequired: !!t.programTheme.smsLoopEnabled,
-				value: o.phoneNumber,
-				isErrored: !!c.phoneNumber,
-				disabled: f("phoneNumber")?.disabled,
-				onChange: (e) => {
-					H("phoneNumber", e), m("phoneNumber", e, t);
-				},
-				selectedCountryCode: o.countryChoice && o.countryChoice.value
-			}) : null,
-			(I.customFormFields || []).map((e) => /* @__PURE__ */ (0, N.jsx)(v, {
-				config: e,
-				verificationService: t
-			})),
-			" ",
-			/* @__PURE__ */ (0, N.jsx)(b, {
-				verificationService: t,
-				isErrored: !!c.marketConsentValue,
-				disabled: f("marketConsentValue")?.disabled,
-				onChange: (e) => {
-					H("metadata", {
-						...t.viewModel.metadata,
-						marketConsentValue: e
-					}), m("marketConsentValue", e, t);
-				},
-				viewModel: o
-			}),
-			/* @__PURE__ */ (0, N.jsx)(D, {
-				verificationService: t,
-				suffix: "CollectAboveSubmit"
-			}),
-			/* @__PURE__ */ (0, N.jsx)(x, {
-				verificationService: t,
-				isErrored: !!c.captchaToken
-			}),
-			/* @__PURE__ */ (0, N.jsx)(w, {
-				step: e.collectStudentPersonalInfo,
-				verificationService: t,
-				viewModel: o,
-				failedInstantMatch: V,
-				buttonText: /* @__PURE__ */ (0, N.jsx)(s, {
-					id: "step.personalInfo.submitButtonText",
-					defaultMessage: "Verify My Student Status"
-				})
-			})
-		]
-	});
-});
-//#endregion
-export { I as default };

package/chunk/StepStudentPersonalInfo-CxPq9ICS.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"StepStudentPersonalInfo-CxPq9ICS.js","names":[],"sources":["../../src/components/FormFields/CVECNumber/CVECNumberComponent.tsx","../../src/components/StepStudentPersonalInfo/StepStudentPersonalInfoComponent.tsx"],"sourcesContent":["import { FormattedHTMLMessage, injectIntl } from \"react-intl\";\n\nimport { getFieldConfigByFieldId } from \"@/lib/utils/stepComponentHelpers/stepComponentHelpers\";\n\nimport { type FormFieldComponentProps } from \"../../../lib/types/types\";\nimport { FormFieldText } from \"../FormFieldText/FormFieldText\";\nimport { useFlag } from \"../../FeatureFlags/hooks\";\n\ninterface PassedProps {\n  explanation?: string | JSX.Element;\n}\n\nexport const CVECNumber = ({\n  value,\n  isErrored,\n  onChange,\n  intl,\n  explanation,\n  placeholder = \"\",\n  isRequired = false,\n}: FormFieldComponentProps & PassedProps) => {\n  // #region include-cvec-field-france-student\n  const showCvecInputVariation = useFlag(\"include-cvec-field-france-student\");\n\n  const getDefaultExplanation = () =>\n    showCvecInputVariation === \"labeled-optional\" ? (\n      <FormattedHTMLMessage\n        id=\"cvecNumberExplanation\"\n        defaultMessage=\"Optional - Add your CVEC number to increase your chances of being verified instantly.\"\n      />\n    ) : (\n      <FormattedHTMLMessage\n        id=\"_EXPERIMENTAL.cvecNumberExplanation\"\n        defaultMessage=\"Add your CVEC number to increase your chances of being verified instantly.\"\n      />\n    );\n  // #endregion include-cvec-field-france-student\n\n  const isFieldHidden = getFieldConfigByFieldId(\"cvecNumber\")?.hidden;\n\n  if (isFieldHidden) {\n    return null;\n  }\n\n  return (\n    <FormFieldText\n      fieldId=\"cvecNumber\"\n      value={value}\n      onChange={onChange}\n      placeholder={\n        placeholder ||\n        intl.formatHTMLMessage({\n          id: \"cvecNumberPlaceholder\",\n          defaultMessage: \"CVEC certificate number\",\n        })\n      }\n      label={<FormattedHTMLMessage id=\"cvecNumber\" defaultMessage=\"CVEC certificate number\" />}\n      errorMessage={\n        isErrored && (\n          <FormattedHTMLMessage\n            id=\"errorId.invalidCvecNumber\"\n            defaultMessage=\"Invalid CVEC certificate number\"\n          />\n        )\n      }\n      showPlaceholderAndHideLabel={!!placeholder}\n      required={isRequired}\n      explanation={explanation || getDefaultExplanation()}\n    />\n  );\n};\nexport const CVECNumberComponent = injectIntl(CVECNumber);\n","/* eslint-disable */\n/**\n * TODO - preamble\n */\nimport React from \"react\";\nimport { FormattedHTMLMessage, type InjectedIntl, injectIntl } from \"react-intl\";\nimport { produce } from \"immer\";\n\nimport {\n  VerificationService,\n  StudentPersonalInfoViewModel,\n  Organization,\n  StudentPersonalInfoResponse,\n  CustomFormFieldConfig,\n  type FieldId,\n  type FormSelectChoice,\n  type StudentStatusSelection,\n} from \"../../lib/types/types\";\n\nimport {\n  StudentStatusDefaultMessagesEnum,\n  VerificationStepsEnum,\n} from \"../../lib/types/runtimeTypes\";\nimport { hasFailedInstantMatch } from \"../../lib/VerificationService/VerificationServiceHelpers\";\nimport {\n  getFieldConfigByFieldId,\n  handleEmailOnKeyDown,\n  updateFieldValidationErrorsByFieldId,\n  updateViewModelOrganization,\n} from \"../../lib/utils/stepComponentHelpers/stepComponentHelpers\";\n\nimport { ChangeLocaleV2Component } from \"../FormFields/ChangeLocale/ChangeLocaleComponent\";\nimport { MarketConsentWrapperComponent as MarketConsentWrapper } from \"../FormFields/MarketConsentWrapper/MarketConsentWrapperComponent\";\nimport { PhoneNumberComponent as PhoneNumber } from \"../FormFields/PhoneNumber/PhoneNumberComponent\";\nimport { CollegeNameComponent as CollegeName } from \"../FormFields/CollegeName/CollegeNameComponent\";\nimport { FirstNameComponent as FirstName } from \"../FormFields/FirstName/FirstNameComponent\";\nimport { LastNameComponent as LastName } from \"../FormFields/LastName/LastNameComponent\";\nimport { EmailComponent as Email } from \"../FormFields/Email/EmailComponent\";\nimport { BirthDateComponent as BirthDate } from \"../FormFields/BirthDate/BirthDateComponent\";\nimport { CountryComponentWrapper } from \"../FormFields/Country/CountryComponentWrapper\";\nimport { getOptions } from \"../../options/options\";\nimport { FormFieldCustom } from \"../FormFields/FormFieldCustom/FormFieldCustom\";\nimport { ExtraMessage } from \"../ExtraMessage\";\nimport { PersonalInfoWrapper } from \"../PersonalInfoStepWrapper/PersonalInfoStepWrapper\";\nimport { PersonalInfoStepSubmitButton } from \"../PersonalInfoStepSubmitButton/PersonalInfoStepSubmitButton\";\nimport { PersonalInfoHeader } from \"../FormHeader/StepHeaders/PersonalInfoHeaderComponent\";\nimport { useFlag } from \"../FeatureFlags/hooks\";\nimport { CVECNumberComponent } from \"../FormFields/CVECNumber/CVECNumberComponent\";\nimport { CaptchaComponent } from \"../FormFields/Captcha/CaptchaComponent\";\nimport { StatusComponent as Status } from \"../FormFields/Status/StatusComponent\";\n\n// Graduation status dropdown is only Student/Graduate options, not the raw `availableStatuses`\nconst STATUS_SELECTIONS = Object.keys(StudentStatusDefaultMessagesEnum) as StudentStatusSelection[];\n\ninterface StepStudentPersonalInfoComponentProps {\n  verificationService: VerificationService;\n  intl: InjectedIntl;\n}\n\nconst StepStudentPersonalInfo = ({\n  verificationService,\n  intl,\n}: StepStudentPersonalInfoComponentProps) => {\n  const viewModel = verificationService.viewModel as StudentPersonalInfoViewModel;\n  const { fieldValidationErrors } = verificationService;\n  const verificationResponse =\n    verificationService.verificationResponse as StudentPersonalInfoResponse;\n  const options = getOptions();\n\n  // #region include-cvec-field-france-student\n  const showCvecInputVariation = useFlag(\"include-cvec-field-france-student\");\n  const showCvecInput =\n    showCvecInputVariation !== \"control\" &&\n    showCvecInputVariation !== \"default\" &&\n    viewModel?.countryChoice?.value === \"FR\";\n  // #endregion include-cvec-field-france-student\n\n  // The \"Graduation Status\" input applies only when the program offers a genuine\n  // Student or Graduate choice: GRADUATE and at least one non-graduate student status\n  // The \"Student\" option includes all program configured non-graduate statuses\n  const availableStatuses = verificationResponse.availableStatuses ?? [];\n  const showGraduateStatusInput =\n    availableStatuses.includes(\"GRADUATE\") && availableStatuses.some((s) => s !== \"GRADUATE\");\n\n  React.useEffect(() => {\n    let skip: FieldId[] = (verificationService.viewModel?.fieldsToSkipValidation || []).filter(\n      (id) => id !== \"cvecNumber\" && id !== \"status\",\n    );\n    if (!showCvecInput) {\n      // Don't validate CVEC number if country is not France\n      skip = [...skip, \"cvecNumber\"];\n    }\n    if (!showGraduateStatusInput) {\n      // Only require a graduation status when the program offers the Student/Graduate choice.\n      skip = [...skip, \"status\"];\n    }\n    updateStudentViewModel(\"fieldsToSkipValidation\", skip);\n  }, [showCvecInput, showGraduateStatusInput]);\n\n  const failedInstantMatch = hasFailedInstantMatch(verificationResponse);\n\n  const updateStudentViewModel = (key: keyof StudentPersonalInfoViewModel, value: any) => {\n    const nextState: StudentPersonalInfoViewModel = produce(\n      viewModel,\n      (draft: StudentPersonalInfoViewModel) => {\n        (draft[key] as any) = value;\n      },\n    );\n    verificationService.updateViewModel(nextState);\n  };\n\n  const locale = viewModel.localeChoice.value;\n\n  const getStatusChoice = (status?: StudentStatusSelection): FormSelectChoice =>\n    status\n      ? {\n          value: status,\n          label: intl.formatHTMLMessage({\n            id: status,\n            defaultMessage: StudentStatusDefaultMessagesEnum[status],\n          }),\n        }\n      : { value: \"\", label: \"\" };\n\n  return (\n    <PersonalInfoWrapper\n      verificationService={verificationService}\n      step={verificationResponse.currentStep}\n    >\n      <PersonalInfoHeader\n        verificationService={verificationService}\n        classNameIdentifier=\"student-personal-info\"\n      />\n      <ChangeLocaleV2Component verificationService={verificationService} />\n      <CountryComponentWrapper\n        verificationService={verificationService}\n        disabled={getFieldConfigByFieldId(\"country\")?.disabled}\n      />\n      {showGraduateStatusInput && (\n        <Status\n          segmentId=\"student\"\n          label={<FormattedHTMLMessage id=\"graduationStatus\" defaultMessage=\"Graduation Status\" />}\n          value={getStatusChoice(viewModel.status)}\n          isErrored={!!fieldValidationErrors.status}\n          options={STATUS_SELECTIONS.map(getStatusChoice)}\n          disabled={getFieldConfigByFieldId(\"status\")?.disabled}\n          onChange={(status: FormSelectChoice) => {\n            const value = status ? (status.value as StudentStatusSelection) : undefined;\n            updateStudentViewModel(\"status\", value);\n            updateFieldValidationErrorsByFieldId(\"status\", value ?? \"\", verificationService);\n          }}\n        />\n      )}\n      <CollegeName\n        value={(verificationService.viewModel as StudentPersonalInfoViewModel).organization}\n        verificationService={verificationService}\n        isErrored={!!fieldValidationErrors.organization}\n        isRequired\n        disabled={getFieldConfigByFieldId(\"organization\")?.disabled}\n        onChange={(choice: Organization) => {\n          updateViewModelOrganization(choice, verificationService);\n          updateFieldValidationErrorsByFieldId(\"organization\", choice, verificationService);\n        }}\n      />\n      {showCvecInput && (\n        <CVECNumberComponent\n          isRequired={getFieldConfigByFieldId(\"cvecNumber\")?.requireIfOptional}\n          value={viewModel.cvecNumber}\n          isErrored={!!fieldValidationErrors.cvecNumber}\n          disabled={getFieldConfigByFieldId(\"cvecNumber\")?.disabled}\n          onChange={(newValue) => {\n            updateStudentViewModel(\"cvecNumber\", newValue);\n            updateFieldValidationErrorsByFieldId(\"cvecNumber\", newValue, verificationService);\n          }}\n        />\n      )}\n      <div className=\"sid-names-explanation sid-l-space-top-md\">\n        <FormattedHTMLMessage\n          id=\"step.personalInfo.nameInstructions\"\n          defaultMessage=\"Personal or school email is fine\"\n        />\n      </div>\n      <div className=\"sid-names\">\n        <FirstName\n          value={viewModel.firstName}\n          isErrored={!!fieldValidationErrors.firstName}\n          disabled={getFieldConfigByFieldId(\"firstName\")?.disabled}\n          onChange={(newValue) => {\n            updateStudentViewModel(\"firstName\", newValue);\n            updateFieldValidationErrorsByFieldId(\"firstName\", newValue, verificationService);\n          }}\n        />\n\n        <LastName\n          value={viewModel.lastName}\n          isErrored={!!fieldValidationErrors.lastName}\n          disabled={getFieldConfigByFieldId(\"lastName\")?.disabled}\n          onChange={(newValue) => {\n            updateStudentViewModel(\"lastName\", newValue);\n            updateFieldValidationErrorsByFieldId(\"lastName\", newValue, verificationService);\n          }}\n        />\n      </div>\n      <BirthDate\n        value={viewModel.birthDate}\n        errorId={fieldValidationErrors.birthDate}\n        locale={locale}\n        isRequired\n        disabled={getFieldConfigByFieldId(\"birthDate\")?.disabled}\n        onChange={(newValue) => {\n          updateStudentViewModel(\"birthDate\", newValue);\n          updateFieldValidationErrorsByFieldId(\"birthDate\", newValue, verificationService);\n        }}\n      />\n      <Email\n        value={viewModel.email}\n        isErrored={!!fieldValidationErrors.email}\n        explanation={\n          <FormattedHTMLMessage\n            id=\"emailExplanation\"\n            defaultMessage=\"Personal or school email is fine\"\n          />\n        }\n        onChange={(newValue) => {\n          updateStudentViewModel(\"email\", newValue);\n          updateFieldValidationErrorsByFieldId(\"email\", newValue, verificationService);\n        }}\n        onKeyDown={(event) => handleEmailOnKeyDown(event)}\n        disabled={getFieldConfigByFieldId(\"email\")?.disabled}\n      />\n      {verificationService.programTheme.isSmsNotifierConfigured ||\n      verificationService.programTheme.smsLoopEnabled ? (\n        <PhoneNumber\n          isRequired={!!verificationService.programTheme.smsLoopEnabled}\n          value={viewModel.phoneNumber}\n          isErrored={!!fieldValidationErrors.phoneNumber}\n          disabled={getFieldConfigByFieldId(\"phoneNumber\")?.disabled}\n          onChange={(newValue) => {\n            updateStudentViewModel(\"phoneNumber\", newValue);\n            updateFieldValidationErrorsByFieldId(\"phoneNumber\", newValue, verificationService);\n          }}\n          selectedCountryCode={viewModel.countryChoice && viewModel.countryChoice.value}\n        />\n      ) : null}\n      {(options.customFormFields || []).map((config: CustomFormFieldConfig) => (\n        <FormFieldCustom config={config} verificationService={verificationService} />\n      ))}{\" \"}\n      <MarketConsentWrapper\n        verificationService={verificationService}\n        isErrored={!!fieldValidationErrors.marketConsentValue}\n        disabled={getFieldConfigByFieldId(\"marketConsentValue\")?.disabled}\n        onChange={(newValue) => {\n          updateStudentViewModel(\"metadata\", {\n            ...verificationService.viewModel.metadata,\n            marketConsentValue: newValue,\n          });\n          updateFieldValidationErrorsByFieldId(\"marketConsentValue\", newValue, verificationService);\n        }}\n        viewModel={viewModel}\n      />\n      <ExtraMessage verificationService={verificationService} suffix=\"CollectAboveSubmit\" />\n      <CaptchaComponent\n        verificationService={verificationService}\n        isErrored={!!fieldValidationErrors.captchaToken}\n      />\n      <PersonalInfoStepSubmitButton\n        step={VerificationStepsEnum.collectStudentPersonalInfo}\n        verificationService={verificationService}\n        viewModel={viewModel}\n        failedInstantMatch={failedInstantMatch}\n        buttonText={\n          <FormattedHTMLMessage\n            id=\"step.personalInfo.submitButtonText\"\n            defaultMessage=\"Verify My Student Status\"\n          />\n        }\n      />\n    </PersonalInfoWrapper>\n  );\n};\n\nexport const StepStudentPersonalInfoComponent = injectIntl(StepStudentPersonalInfo);\n"],"mappings":"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"}