@sheerid/jslib 2.278.0 → 2.279.0

package/chunk/PersonalInfoStepSubmitButton-BcdQUzMO.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"PersonalInfoStepSubmitButton-BcdQUzMO.js","names":[],"sources":["../../src/components/FormFields/Email/EmailComponent.tsx","../../src/components/PersonalInfoStepSubmitButton/PersonalInfoStepSubmitButton.tsx"],"sourcesContent":["import type React from \"react\";\nimport { FormattedHTMLMessage } from \"react-intl\";\n\nimport { getFieldConfigByFieldId } from \"@/lib/utils/stepComponentHelpers/stepComponentHelpers\";\n\nimport { useMessage } from \"@/components/Message\";\nimport { FormFieldText } from \"@/components/FormFields/FormFieldText/FormFieldText\";\nimport { type FormFieldComponentProps } from \"@/lib/types/types\";\n\ninterface PassedProps {\n  explanation?: string | JSX.Element;\n  onKeyDown?: (e: React.KeyboardEvent<HTMLInputElement>) => void;\n  onBlur?: (e: React.FocusEvent<HTMLInputElement>) => void;\n}\n\nexport const EmailComponent = ({\n  value,\n  isErrored,\n  onChange,\n  explanation = \"\",\n  onKeyDown = () => {},\n  onBlur = () => {},\n  placeholder = \"\",\n  disabled = false,\n}: FormFieldComponentProps & PassedProps) => {\n  const { msg } = useMessage();\n  const isFieldHidden = getFieldConfigByFieldId(\"email\")?.hidden;\n\n  if (isFieldHidden) {\n    return null;\n  }\n\n  return (\n    <FormFieldText\n      fieldId=\"email\"\n      value={value}\n      onChange={onChange}\n      type=\"email\"\n      autoComplete=\"email\"\n      placeholder={placeholder || msg({ id: \"emailAddressPlaceholder\" })}\n      label={<FormattedHTMLMessage id=\"emailAddress\" defaultMessage=\"Email address\" />}\n      errorMessage={\n        isErrored && (\n          <FormattedHTMLMessage id=\"errorId.invalidEmail\" defaultMessage=\"Invalid email\" />\n        )\n      }\n      explanation={explanation}\n      showPlaceholderAndHideLabel={!!placeholder}\n      onKeyDown={(e) => onKeyDown(e)}\n      onBlur={(e) => onBlur(e)}\n      disabled={disabled}\n    />\n  );\n};\n","import type React from \"react\";\nimport { useEffect } from \"react\";\nimport { FormattedHTMLMessage } from \"react-intl\";\n\nimport { logger } from \"@jslib/shared/utils/logger\";\n\nimport { type VerificationService, type ViewModel } from \"../../lib/types/types\";\nimport { submitForm } from \"../../lib/utils/stepComponentHelpers/stepComponentHelpers\";\nimport { type CollectInfoSteps, VerificationStepsEnum } from \"../../lib/types/runtimeTypes\";\nimport { isFormFilled } from \"../../lib/validators/validators\";\nimport { setRef } from \"../../lib/refs/refs\";\nimport {\n  type CollectStepStartEvent,\n  type CollectStepSubmitEvent,\n  CustomMetricNames,\n  EventName,\n  recordGaEvent,\n} from \"../../lib/GoogleAnalytics/ga\";\nimport {\n  COLLECT_INFO_SUBMISSION_TIME,\n  COLLECT_INFO_SUBMIT,\n  useMetrics,\n} from \"../FeatureFlags/useMetrics\";\n\ninterface PersonalInfoStepSubmitButtonProps {\n  step: CollectInfoSteps;\n  verificationService: VerificationService;\n  viewModel: ViewModel;\n  buttonText: React.ReactNode;\n  failedInstantMatch?: boolean;\n}\n\nconst wrapperClassNames: Record<CollectInfoSteps, string> = {\n  collectStudentPersonalInfo: \"sid-student--submit\",\n  collectSeniorPersonalInfo: \"sid-senior-submit\",\n  collectTeacherPersonalInfo: \"sid-teacher-submit\",\n  collectMoverPersonalInfo: \"sid-mover-submit\",\n  collectInactiveMilitaryPersonalInfo: \"sid-inactive-military-submit sid-military-submit\",\n  collectActiveMilitaryPersonalInfo: \"sid-active-military-personal-submit sid-military-submit\",\n  collectMilitaryPersonalInfo: \"sid-active-military-personal-submit sid-military-submit\",\n  collectMilitaryStatus: \"\",\n  collectMemberPersonalInfo: \"sid-member-submit\",\n  collectMedicalProfessionalPersonalInfo: \"sid-medical-submit\",\n  collectLowIncomePersonalInfo: \"sid-low-income-submit\",\n  collectLicensedProfessionalPersonalInfo: \"sid-licensed-professional-submit\",\n  collectHybridIdentityPersonalInfo: \"sid-hybrid-identity-submit\",\n  collectGeneralIdentityPersonalInfo: \"sid-general-identity-submit\",\n  collectDriverLicensePersonalInfo: \"sid-drivers-license-submit\",\n  collectFirstResponderPersonalInfo: \"sid-first-responder-personal-info-submit\",\n  collectEmployeePersonalInfo: \"sid-employment-submit\",\n  collectAgePersonalInfo: \"sid-age-personal-info-submit\",\n  collectIdentifier: \"sid-identifier-submit\",\n  collectPersonalInfo: \"sid-personal-info-submit\",\n};\n\nconst buttonClassNames: Record<CollectInfoSteps, string> = {\n  collectStudentPersonalInfo: \"sid-student-submit-btn\",\n  collectSeniorPersonalInfo: \"sid-senior-submit-btn\",\n  collectTeacherPersonalInfo: \"sid-teacher-submit-btn\",\n  collectMoverPersonalInfo: \"sid-mover-submit-btn\",\n  collectInactiveMilitaryPersonalInfo: \"sid-inactive-military-submit-btn sid-military-submit-btn\",\n  collectActiveMilitaryPersonalInfo:\n    \"sid-active-military-personal-submit-btn sid-military-submit-btn\",\n  collectMilitaryPersonalInfo: \"sid-active-military-personal-submit-btn sid-military-submit-btn\",\n  collectMilitaryStatus: \"\",\n  collectMemberPersonalInfo: \"sid-member-submit-btn\",\n  collectMedicalProfessionalPersonalInfo: \"sid-medical-submit-btn\",\n  collectLowIncomePersonalInfo: \"sid-low-income-submit-btn\",\n  collectLicensedProfessionalPersonalInfo: \"sid-licensed-professional-submit-btn\",\n  collectHybridIdentityPersonalInfo: \"sid-hybrid-identity-submit-btn\",\n  collectGeneralIdentityPersonalInfo: \"sid-general-identity-submit-btn\",\n  collectDriverLicensePersonalInfo: \"sid-drivers-license-submit-btn\",\n  collectFirstResponderPersonalInfo: \"sid-first-responder-submit-btn\",\n  collectEmployeePersonalInfo: \"sid-employment-submit-btn\",\n  collectAgePersonalInfo: \"sid-age-personal-info-btn\",\n  collectIdentifier: \"sid-identifier-submit-btn\",\n  collectPersonalInfo: \"sid-personal-info-submit-btn\",\n};\n\nconst usesWrapperID: CollectInfoSteps[] = [\n  VerificationStepsEnum.collectMoverPersonalInfo,\n  VerificationStepsEnum.collectStudentPersonalInfo,\n  VerificationStepsEnum.collectEmployeePersonalInfo,\n];\n\n/**\n * A shared wrapper for all personal info collect steps.\n */\nexport const PersonalInfoStepSubmitButton: React.FC<PersonalInfoStepSubmitButtonProps> = ({\n  step,\n  verificationService,\n  viewModel,\n  buttonText,\n  failedInstantMatch = false,\n}) => {\n  const { userDidConvert, getTimeOnForm } = useMetrics({\n    segment: verificationService.verificationResponse.segment,\n    programId: verificationService.programId,\n  });\n\n  useEffect(() => {\n    const event: CollectStepStartEvent = {\n      eventName: EventName.COLLECT_STARTED,\n      params: {},\n    };\n\n    recordGaEvent(event);\n  }, []);\n\n  const successCallback = () => {\n    try {\n      const event: CollectStepSubmitEvent = {\n        eventName: EventName.COLLECT_SUBMITTED,\n        params: {\n          [CustomMetricNames.EVENT_DURATION]: getTimeOnForm().duration,\n        },\n      };\n      recordGaEvent(event);\n    } catch (e) {\n      logger.warn(\"Unable to measure time on form\");\n    }\n\n    userDidConvert(COLLECT_INFO_SUBMIT, COLLECT_INFO_SUBMISSION_TIME);\n  };\n\n  // The majority of the class/id dancing in this component are to support the\n  // existing inconsistencies in our different collect info steps when they were\n  // brought together into this shared component. When we get away from css based\n  // customization this can get much saner\n  const wrapperCls = wrapperClassNames[step];\n  const buttonCls = buttonClassNames[step];\n\n  const btnId = usesWrapperID.includes(step)\n    ? \"sid-submit-wrapper__collect-info\"\n    : \"sid-submit-btn-collect-info\";\n\n  const btnText = failedInstantMatch ? (\n    <FormattedHTMLMessage id=\"tryAgain\" defaultMessage=\"Try Again\" />\n  ) : (\n    buttonText\n  );\n\n  const textSpanProps =\n    step === VerificationStepsEnum.collectEmployeePersonalInfo\n      ? { className: \"sid-employment-submit-btn__text\" }\n      : {};\n  const isDisabled = !isFormFilled(viewModel, verificationService.formValidationOptions);\n\n  return (\n    <div className=\"sid-form-region sid-submit-wrapper sid-l-space-top-md\">\n      <div className={`${wrapperCls} sid-submit`}>\n        <button\n          id={btnId}\n          onClick={() => submitForm(viewModel, verificationService, step, successCallback)}\n          type=\"submit\"\n          className={`sid-btn ${buttonCls} sid-btn--dark sid-l-full-width ${\n            isDisabled ? \"sid-btn--disabled-like\" : \"\"\n          }`}\n          aria-labelledby=\"verify-status-text\"\n          ref={(button) => setRef(\"submitButton\", button)}\n          aria-disabled={isDisabled}\n          data-testid=\"submit-button\"\n        >\n          <span id=\"verify-status-text\" {...textSpanProps}>\n            {btnText}\n          </span>\n        </button>\n      </div>\n    </div>\n  );\n};\n"],"mappings":"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"}

package/chunk/PersonalInfoStepSubmitButton-VxT_vwVv.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"PersonalInfoStepSubmitButton-VxT_vwVv.js","names":[],"sources":["../../src/components/FormFields/Email/EmailComponent.tsx","../../src/components/PersonalInfoStepSubmitButton/PersonalInfoStepSubmitButton.tsx"],"sourcesContent":["import type React from \"react\";\nimport { FormattedHTMLMessage } from \"react-intl\";\n\nimport { getFieldConfigByFieldId } from \"@/lib/utils/stepComponentHelpers/stepComponentHelpers\";\n\nimport { useMessage } from \"@/components/Message\";\nimport { FormFieldText } from \"@/components/FormFields/FormFieldText/FormFieldText\";\nimport { type FormFieldComponentProps } from \"@/lib/types/types\";\n\ninterface PassedProps {\n  explanation?: string | JSX.Element;\n  onKeyDown?: (e: React.KeyboardEvent<HTMLInputElement>) => void;\n  onBlur?: (e: React.FocusEvent<HTMLInputElement>) => void;\n}\n\nexport const EmailComponent = ({\n  value,\n  isErrored,\n  onChange,\n  explanation = \"\",\n  onKeyDown = () => {},\n  onBlur = () => {},\n  placeholder = \"\",\n  disabled = false,\n}: FormFieldComponentProps & PassedProps) => {\n  const { msg } = useMessage();\n  const isFieldHidden = getFieldConfigByFieldId(\"email\")?.hidden;\n\n  if (isFieldHidden) {\n    return null;\n  }\n\n  return (\n    <FormFieldText\n      fieldId=\"email\"\n      value={value}\n      onChange={onChange}\n      type=\"email\"\n      autoComplete=\"email\"\n      placeholder={placeholder || msg({ id: \"emailAddressPlaceholder\" })}\n      label={<FormattedHTMLMessage id=\"emailAddress\" defaultMessage=\"Email address\" />}\n      errorMessage={\n        isErrored && (\n          <FormattedHTMLMessage id=\"errorId.invalidEmail\" defaultMessage=\"Invalid email\" />\n        )\n      }\n      explanation={explanation}\n      showPlaceholderAndHideLabel={!!placeholder}\n      onKeyDown={(e) => onKeyDown(e)}\n      onBlur={(e) => onBlur(e)}\n      disabled={disabled}\n    />\n  );\n};\n","import type React from \"react\";\nimport { useEffect } from \"react\";\nimport { FormattedHTMLMessage } from \"react-intl\";\n\nimport { logger } from \"@jslib/shared/utils/logger\";\n\nimport { type VerificationService, type ViewModel } from \"../../lib/types/types\";\nimport { submitForm } from \"../../lib/utils/stepComponentHelpers/stepComponentHelpers\";\nimport { type CollectInfoSteps, VerificationStepsEnum } from \"../../lib/types/runtimeTypes\";\nimport { isFormFilled } from \"../../lib/validators/validators\";\nimport { setRef } from \"../../lib/refs/refs\";\nimport {\n  type CollectStepStartEvent,\n  type CollectStepSubmitEvent,\n  CustomMetricNames,\n  EventName,\n  recordGaEvent,\n} from \"../../lib/GoogleAnalytics/ga\";\nimport {\n  COLLECT_INFO_SUBMISSION_TIME,\n  COLLECT_INFO_SUBMIT,\n  useMetrics,\n} from \"../FeatureFlags/useMetrics\";\n\ninterface PersonalInfoStepSubmitButtonProps {\n  step: CollectInfoSteps;\n  verificationService: VerificationService;\n  viewModel: ViewModel;\n  buttonText: React.ReactNode;\n  failedInstantMatch?: boolean;\n}\n\nconst wrapperClassNames: Record<CollectInfoSteps, string> = {\n  collectStudentPersonalInfo: \"sid-student--submit\",\n  collectSeniorPersonalInfo: \"sid-senior-submit\",\n  collectTeacherPersonalInfo: \"sid-teacher-submit\",\n  collectMoverPersonalInfo: \"sid-mover-submit\",\n  collectInactiveMilitaryPersonalInfo: \"sid-inactive-military-submit sid-military-submit\",\n  collectActiveMilitaryPersonalInfo: \"sid-active-military-personal-submit sid-military-submit\",\n  collectMilitaryPersonalInfo: \"sid-active-military-personal-submit sid-military-submit\",\n  collectMilitaryStatus: \"\",\n  collectMemberPersonalInfo: \"sid-member-submit\",\n  collectMedicalProfessionalPersonalInfo: \"sid-medical-submit\",\n  collectLowIncomePersonalInfo: \"sid-low-income-submit\",\n  collectLicensedProfessionalPersonalInfo: \"sid-licensed-professional-submit\",\n  collectHybridIdentityPersonalInfo: \"sid-hybrid-identity-submit\",\n  collectGeneralIdentityPersonalInfo: \"sid-general-identity-submit\",\n  collectDriverLicensePersonalInfo: \"sid-drivers-license-submit\",\n  collectFirstResponderPersonalInfo: \"sid-first-responder-personal-info-submit\",\n  collectEmployeePersonalInfo: \"sid-employment-submit\",\n  collectAgePersonalInfo: \"sid-age-personal-info-submit\",\n  collectIdentifier: \"sid-identifier-submit\",\n  collectPersonalInfo: \"sid-personal-info-submit\",\n};\n\nconst buttonClassNames: Record<CollectInfoSteps, string> = {\n  collectStudentPersonalInfo: \"sid-student-submit-btn\",\n  collectSeniorPersonalInfo: \"sid-senior-submit-btn\",\n  collectTeacherPersonalInfo: \"sid-teacher-submit-btn\",\n  collectMoverPersonalInfo: \"sid-mover-submit-btn\",\n  collectInactiveMilitaryPersonalInfo: \"sid-inactive-military-submit-btn sid-military-submit-btn\",\n  collectActiveMilitaryPersonalInfo:\n    \"sid-active-military-personal-submit-btn sid-military-submit-btn\",\n  collectMilitaryPersonalInfo: \"sid-active-military-personal-submit-btn sid-military-submit-btn\",\n  collectMilitaryStatus: \"\",\n  collectMemberPersonalInfo: \"sid-member-submit-btn\",\n  collectMedicalProfessionalPersonalInfo: \"sid-medical-submit-btn\",\n  collectLowIncomePersonalInfo: \"sid-low-income-submit-btn\",\n  collectLicensedProfessionalPersonalInfo: \"sid-licensed-professional-submit-btn\",\n  collectHybridIdentityPersonalInfo: \"sid-hybrid-identity-submit-btn\",\n  collectGeneralIdentityPersonalInfo: \"sid-general-identity-submit-btn\",\n  collectDriverLicensePersonalInfo: \"sid-drivers-license-submit-btn\",\n  collectFirstResponderPersonalInfo: \"sid-first-responder-submit-btn\",\n  collectEmployeePersonalInfo: \"sid-employment-submit-btn\",\n  collectAgePersonalInfo: \"sid-age-personal-info-btn\",\n  collectIdentifier: \"sid-identifier-submit-btn\",\n  collectPersonalInfo: \"sid-personal-info-submit-btn\",\n};\n\nconst usesWrapperID: CollectInfoSteps[] = [\n  VerificationStepsEnum.collectMoverPersonalInfo,\n  VerificationStepsEnum.collectStudentPersonalInfo,\n  VerificationStepsEnum.collectEmployeePersonalInfo,\n];\n\n/**\n * A shared wrapper for all personal info collect steps.\n */\nexport const PersonalInfoStepSubmitButton: React.FC<PersonalInfoStepSubmitButtonProps> = ({\n  step,\n  verificationService,\n  viewModel,\n  buttonText,\n  failedInstantMatch = false,\n}) => {\n  const { userDidConvert, getTimeOnForm } = useMetrics({\n    segment: verificationService.verificationResponse.segment,\n    programId: verificationService.programId,\n  });\n\n  useEffect(() => {\n    const event: CollectStepStartEvent = {\n      eventName: EventName.COLLECT_STARTED,\n      params: {},\n    };\n\n    recordGaEvent(event);\n  }, []);\n\n  const successCallback = () => {\n    try {\n      const event: CollectStepSubmitEvent = {\n        eventName: EventName.COLLECT_SUBMITTED,\n        params: {\n          [CustomMetricNames.EVENT_DURATION]: getTimeOnForm().duration,\n        },\n      };\n      recordGaEvent(event);\n    } catch (e) {\n      logger.warn(\"Unable to measure time on form\");\n    }\n\n    userDidConvert(COLLECT_INFO_SUBMIT, COLLECT_INFO_SUBMISSION_TIME);\n  };\n\n  // The majority of the class/id dancing in this component are to support the\n  // existing inconsistencies in our different collect info steps when they were\n  // brought together into this shared component. When we get away from css based\n  // customization this can get much saner\n  const wrapperCls = wrapperClassNames[step];\n  const buttonCls = buttonClassNames[step];\n\n  const btnId = usesWrapperID.includes(step)\n    ? \"sid-submit-wrapper__collect-info\"\n    : \"sid-submit-btn-collect-info\";\n\n  const btnText = failedInstantMatch ? (\n    <FormattedHTMLMessage id=\"tryAgain\" defaultMessage=\"Try Again\" />\n  ) : (\n    buttonText\n  );\n\n  const textSpanProps =\n    step === VerificationStepsEnum.collectEmployeePersonalInfo\n      ? { className: \"sid-employment-submit-btn__text\" }\n      : {};\n  const isDisabled = !isFormFilled(viewModel, verificationService.formValidationOptions);\n\n  return (\n    <div className=\"sid-form-region sid-submit-wrapper sid-l-space-top-md\">\n      <div className={`${wrapperCls} sid-submit`}>\n        <button\n          id={btnId}\n          onClick={() => submitForm(viewModel, verificationService, step, successCallback)}\n          type=\"submit\"\n          className={`sid-btn ${buttonCls} sid-btn--dark sid-l-full-width ${\n            isDisabled ? \"sid-btn--disabled-like\" : \"\"\n          }`}\n          aria-labelledby=\"verify-status-text\"\n          ref={(button) => setRef(\"submitButton\", button)}\n          aria-disabled={isDisabled}\n          data-testid=\"submit-button\"\n        >\n          <span id=\"verify-status-text\" {...textSpanProps}>\n            {btnText}\n          </span>\n        </button>\n      </div>\n    </div>\n  );\n};\n"],"mappings":"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"}

package/chunk/StepCollectPersonalInfo-BLClPcAC.js

@@ -1,372 +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.278.0
- *   BUILD_TIMESTAMP: 1788969605732
- *   BUILD_DATE: Wed Sep 09 2026 16:00:05 GMT+0000 (Coordinated Universal Time)
- *   BUILD_COMMIT: 8a89332fc253f0825b74dafece3ffed62b9fd070
- */
-import { Bt as e, Et as t, Nt as n, Rt as r, Wt as i, bt as a, p as ee, s as te } from "./intl-e5WHiYfA.js";
-import { a as o, c as s, n as c, t as l } from "./jsx-runtime-LqzCS-0D.js";
-import { n as ne } from "./VerificationApiClient-CVe2IgK7.js";
-import { p as re, t as ie } from "./FormFooterComponent-CAoH3NjO.js";
-import { o as ae } from "./programThemeGetters-uLsgGat1.js";
-import { t as oe } from "../_mysheerid-preview.js";
-import { t as se } from "./useCollectFieldsEndpoint-74jMd594.js";
-import { a as u, c as ce, d as le, g as ue, l as de, m as fe, r as pe, u as me, v as d, y as f } from "./stepComponentHelpers-BdqtwfRd.js";
-import { a as p, i as m, n as h, o as g, s as _, t as v } from "./CaptchaComponent-BqREyMje.js";
-import { n as y, t as b } from "./PersonalInfoStepSubmitButton-VxT_vwVv.js";
-import { t as x } from "./BirthDateComponent-_BjsBSM4.js";
-import { t as S } from "./PostalCodeComponent-jmSOU3LM.js";
-import { t as C } from "./CountryComponentWrapper-BNtvUusJ.js";
-import { t as w } from "./City-B6bQRRvQ.js";
-import { t as T } from "./AddressComponent-LZTJCC-l.js";
-import { t as E } from "./ExtraMessage-Byw0Tgm1.js";
-import { t as D } from "./countryUtils-AR9k3KRg.js";
-import { t as O } from "./CollegeNameComponent-CEJO0-bq.js";
-import { t as k } from "./StateSelectComponent-B5lHw2N5.js";
-import { n as A, r as j, t as M } from "./DischargeDateComponent-CNaz5UZP.js";
-import { t as N } from "./DriverLicenseNumberComponent-B5_svahy.js";
-import { n as P, t as F } from "./LowIncomeOrganizationComponent-DLxB_wnC.js";
-import { t as he } from "./StatusComponent-CrGh5fqB.js";
-import { t as I } from "./FirstResponderOrganizationComponent-BtIXngo4.js";
-import { t as L } from "./LicensedProfessionalOrganizationComponent-BHrQmG_W.js";
-import { t as R } from "./MedicalProfessionalOrganizationComponent-CozwSmoI.js";
-import { t as ge } from "./MemberIdComponent-CYqH9MG5.js";
-import { t as _e } from "./MembershipOrganizationComponent-BPQ27RX9.js";
-import { t as ve } from "./TeacherSchoolComponent-DL4ZFk5x.js";
-import { t as ye } from "./SSN-DNVykxAU.js";
-//#region src/components/StepCollectPersonalInfo/StepCollectPersonalInfoComponent.tsx
-var z = /* @__PURE__ */ i(s(), 1), B = l(), V = o(({ intl: i, verificationService: o }) => {
-	let s = o.viewModel, { updateViewModel: l, programTheme: V } = o, [H, be] = z.useState(void 0), U = (e) => H && H.some((t) => t.key === e), { fieldValidationErrors: W } = o, G = o.verificationResponse, xe = re(G), K = (e, t) => {
-		l(ee(s, (n) => {
-			n[e] = t;
-		}));
-	}, Se = (e) => {
-		l(fe(s, e));
-	}, q = s.localeChoice.value, Ce = te(), { segment: J, availableStatuses: Y } = G, we = J.charAt(0).toUpperCase() + J.slice(1), X = () => Y && (J === t.FIRST_RESPONDER || J === t.MEDICAL || J === t.LOW_INCOME || J === t.LICENSED_PROFESSIONAL || J === t.EMPLOYMENT || J === t.RECENT_MOVER || J === t.MILITARY), { availableStatuses: Te } = se({
-		verificationId: G.verificationId,
-		currentStep: G.currentStep,
-		viewModel: s
-	}), Z = s.countryChoice?.value, Q = D(V, Z), Ee = de(i, Te ?? Y), $ = (t) => (async () => {
-		try {
-			let e = await ne(G.verificationId, G.currentStep, t), n = r(() => e.fieldsToCollect.required, []);
-			X() && n.push({ key: "status" }), Se(n), be(n);
-		} catch (t) {
-			e.error(`Failed to determine fields to collect: ${t}`);
-		}
-	})();
-	return z.useEffect(() => {
-		Y && J === t.MILITARY ? $({ statuses: [] }) : $({});
-	}, []), z.useEffect(() => {
-		!ae(V).enabled && H && H.length === 0 && ue(s, o, n.collectPersonalInfo);
-	}, [H]), z.useEffect(() => {
-		s.status && $({ statuses: [s.status] });
-	}, [s.status]), /* @__PURE__ */ (0, B.jsxs)("div", {
-		id: "sid-step-personal-info-personal-info",
-		className: "sid-personal-info-container sid-l-container",
-		children: [/* @__PURE__ */ (0, B.jsxs)("div", {
-			role: "main",
-			children: [
-				/* @__PURE__ */ (0, B.jsx)(oe, {
-					verificationService: o,
-					classNameIdentifier: "personal-info"
-				}),
-				/* @__PURE__ */ (0, B.jsx)(C, {
-					verificationService: o,
-					disabled: u("country")?.disabled
-				}),
-				X() && /* @__PURE__ */ (0, B.jsx)(he, {
-					segmentId: J,
-					value: {
-						value: s.status,
-						label: ce(i, s.status)
-					},
-					isErrored: !!W.status,
-					errorId: `invalid${we}Status`,
-					options: Ee,
-					disabled: Q || u("status")?.disabled,
-					explanation: Q ? /* @__PURE__ */ (0, B.jsx)(c, {
-						id: "chooseCountry",
-						defaultMessage: "Choose a country first"
-					}) : void 0,
-					onChange: (e) => {
-						K("status", e ? e.value : ""), d("status", e ? e.value : "", o);
-					}
-				}),
-				U("organization") && (() => {
-					switch (J) {
-						case t.STUDENT: return /* @__PURE__ */ (0, B.jsx)(O, {
-							value: o.viewModel.organization,
-							verificationService: o,
-							isErrored: !!W.organization,
-							isRequired: !0,
-							disabled: u("organization")?.disabled,
-							onChange: (e) => {
-								f(e, o), d("organization", e, o);
-							}
-						});
-						case t.TEACHER: return /* @__PURE__ */ (0, B.jsx)(ve, {
-							value: o.viewModel.organization,
-							verificationService: o,
-							isErrored: !!W.organization,
-							disabled: u("organization")?.disabled,
-							onChange: (e) => {
-								f(e, o), d("organization", e, o);
-							}
-						});
-						case t.MEMBER: return /* @__PURE__ */ (0, B.jsx)(_e, {
-							value: o.viewModel.organization,
-							verificationService: o,
-							isErrored: !!W.organization,
-							disabled: u("organization")?.disabled,
-							onChange: (e) => {
-								f(e, o), d("organization", e, o);
-							}
-						});
-						case t.MILITARY: return /* @__PURE__ */ (0, B.jsx)(A, {
-							isErrored: !!W.organization,
-							onChange: (e) => {
-								f(e, o), d("organization", e, o);
-							},
-							value: {
-								value: r(() => o.viewModel.organization.id),
-								label: r(() => o.viewModel.organization.name)
-							},
-							verificationService: o,
-							disabled: u("organization")?.disabled
-						});
-						case t.FIRST_RESPONDER: return /* @__PURE__ */ (0, B.jsx)(I, {
-							isErrored: !!W.organization,
-							onChange: (e) => {
-								f(e, o), d("organization", e, o);
-							},
-							value: o.viewModel.organization,
-							verificationService: o,
-							disabled: u("organization")?.disabled
-						});
-						case t.MEDICAL: return /* @__PURE__ */ (0, B.jsx)(R, {
-							isErrored: !!W.organization,
-							onChange: (e) => {
-								f(e, o), d("organization", e, o);
-							},
-							value: o.viewModel.organization,
-							verificationService: o,
-							disabled: u("organization")?.disabled
-						});
-						case t.LICENSED_PROFESSIONAL: return /* @__PURE__ */ (0, B.jsx)(L, {
-							isErrored: !!W.organization,
-							onChange: (e) => {
-								f(e, o), d("organization", e, o);
-							},
-							value: o.viewModel.organization,
-							verificationService: o,
-							disabled: u("organization")?.disabled
-						});
-						case t.LOW_INCOME: return /* @__PURE__ */ (0, B.jsx)(F, {
-							isErrored: !!W.organization,
-							onChange: (e) => {
-								f(e, o), d("organization", e, o);
-							},
-							value: le(o.viewModel.organization),
-							verificationService: o,
-							isRequired: !0,
-							disabled: u("organization")?.disabled
-						});
-						default: return null;
-					}
-				})(),
-				/* @__PURE__ */ (0, B.jsxs)("div", {
-					className: "sid-names",
-					children: [U("firstName") && /* @__PURE__ */ (0, B.jsx)(p, {
-						value: s.firstName,
-						isErrored: !!W.firstName,
-						disabled: u("firstName")?.disabled,
-						onChange: (e) => {
-							K("firstName", e), d("firstName", e, o);
-						}
-					}), U("lastName") && /* @__PURE__ */ (0, B.jsx)(m, {
-						value: s.lastName,
-						isErrored: !!W.lastName,
-						disabled: u("lastName")?.disabled,
-						onChange: (e) => {
-							K("lastName", e), d("lastName", e, o);
-						}
-					})]
-				}),
-				U("birthDate") && /* @__PURE__ */ (0, B.jsx)(x, {
-					value: s.birthDate,
-					errorId: W.birthDate,
-					locale: q,
-					isRequired: !0,
-					disabled: u("birthDate")?.disabled,
-					onChange: (e) => {
-						K("birthDate", e), d("birthDate", e, o);
-					}
-				}),
-				U("email") && /* @__PURE__ */ (0, B.jsx)(y, {
-					value: s.email,
-					isErrored: !!W.email,
-					explanation: " ",
-					onChange: (e) => {
-						K("email", e), d("email", e, o);
-					},
-					onKeyDown: (e) => me(e),
-					disabled: u("email")?.disabled
-				}),
-				U("phoneNumber") && /* @__PURE__ */ (0, B.jsx)(g, {
-					isRequired: !!o.programTheme.smsLoopEnabled,
-					value: s.phoneNumber,
-					isErrored: !!W.phoneNumber,
-					onChange: (e) => {
-						K("phoneNumber", e), d("phoneNumber", e, o);
-					},
-					selectedCountryCode: s.countryChoice && s.countryChoice.value,
-					disabled: u("phoneNumber")?.disabled
-				}),
-				U("address1") && /* @__PURE__ */ (0, B.jsx)(T, {
-					value: s.address1,
-					isRequired: !0,
-					isErrored: !!W.address1,
-					errorId: W.address1,
-					disabled: u("address1")?.disabled,
-					onChange: (e) => {
-						K("address1", e), d("address1", e, o);
-					}
-				}),
-				U("city") && /* @__PURE__ */ (0, B.jsx)(w, {
-					value: s.city,
-					isRequired: !0,
-					isErrored: !!W.city,
-					errorId: W.city,
-					disabled: u("city")?.disabled,
-					onChange: (e) => {
-						K("city", e), d("city", e, o);
-					}
-				}),
-				U("dischargeDate") && /* @__PURE__ */ (0, B.jsx)(M, {
-					errorId: W.dischargeDate,
-					locale: q,
-					onChange: (e) => {
-						K("dischargeDate", e), d("dischargeDate", e, o);
-					},
-					value: s.dischargeDate,
-					disabled: u("dischargeDate")?.disabled
-				}),
-				U("driverLicenseNumber") && /* @__PURE__ */ (0, B.jsx)(N, {
-					value: s.driverLicenseNumber,
-					isErrored: !!W.driverLicenseNumber,
-					isRequired: !0,
-					disabled: u("driverLicenseNumber")?.disabled,
-					onChange: (e) => {
-						K("driverLicenseNumber", e), d("driverLicenseNumber", e, o);
-					}
-				}),
-				U("ebtCardNumber") && /* @__PURE__ */ (0, B.jsx)(P, {
-					value: s.ebtCardNumber,
-					isErrored: !!W.ebtCardNumber,
-					disabled: u("ebtCardNumber")?.disabled,
-					onChange: (e) => {
-						K("ebtCardNumber", e), d("ebtCardNumber", e, o);
-					}
-				}),
-				U("memberId") && /* @__PURE__ */ (0, B.jsx)(ge, {
-					value: s.memberId,
-					isErrored: !!W.memberId,
-					isRequired: u("memberId")?.requireIfOptional,
-					disabled: u("memberId")?.disabled,
-					onChange: (e) => {
-						K("memberId", e), d("memberId", e, o);
-					},
-					label: /* @__PURE__ */ (0, B.jsx)(c, {
-						id: "step.collectMedicalPersonalInfo.registrationNumberLabel",
-						defaultMessage: "Registration Number"
-					})
-				}),
-				U("postalCode") && /* @__PURE__ */ (0, B.jsx)(S, {
-					isErrored: !!W.postalCode,
-					onChange: (e) => {
-						K("postalCode", e), d("postalCode", e, o);
-					},
-					value: s.postalCode,
-					disabled: u("postalCode")?.disabled
-				}),
-				U("socialSecurityNumber") && /* @__PURE__ */ (0, B.jsx)("div", {
-					className: "sid-ssn-wrapper",
-					children: /* @__PURE__ */ (0, B.jsx)(ye, {
-						value: s.socialSecurityNumber,
-						onChange: (e) => {
-							K("socialSecurityNumber", e), d("socialSecurityNumber", e, o);
-						},
-						isErrored: !!W[a.socialSecurityNumber],
-						placeholder: "000-00-0000",
-						disabled: u("socialSecurityNumber")?.disabled
-					})
-				}),
-				U("state") && /* @__PURE__ */ (0, B.jsx)(k, {
-					isRequired: !0,
-					options: pe(o.programTheme, i),
-					value: s.state || void 0,
-					isErrored: !!W.state,
-					onChange: async (e) => {
-						let t = e ? e.value : void 0;
-						K("state", t), d("state", t, o);
-					},
-					label: /* @__PURE__ */ (0, B.jsx)(c, {
-						id: "state",
-						defaultMessage: "State"
-					}),
-					disabled: u("state")?.disabled
-				}),
-				U("activeDutyStartDate") && o.programTheme.strictMilitaryValidationEnabled && /* @__PURE__ */ (0, B.jsx)(j, {
-					errorId: W.activeDutyStartDate,
-					locale: q,
-					onChange: (e) => {
-						K("activeDutyStartDate", e), d("activeDutyStartDate", e, o);
-					},
-					value: s.activeDutyStartDate,
-					disabled: u("activeDutyStartDate")?.disabled
-				}),
-				Ce.customFormFields?.map((e) => /* @__PURE__ */ (0, B.jsx)(h, {
-					config: e,
-					verificationService: o
-				})),
-				/* @__PURE__ */ (0, B.jsx)(_, {
-					verificationService: o,
-					isErrored: !!W.marketConsentValue,
-					onChange: (e) => {
-						K("metadata", {
-							...o.viewModel.metadata,
-							marketConsentValue: e
-						}), d("marketConsentValue", e, o);
-					},
-					viewModel: s,
-					disabled: u("marketConsentValue")?.disabled
-				}),
-				/* @__PURE__ */ (0, B.jsx)(E, {
-					verificationService: o,
-					suffix: "CollectAboveSubmit"
-				}),
-				/* @__PURE__ */ (0, B.jsx)(v, {
-					verificationService: o,
-					isErrored: !!W.captchaToken
-				}),
-				/* @__PURE__ */ (0, B.jsx)(b, {
-					step: n.collectPersonalInfo,
-					verificationService: o,
-					viewModel: s,
-					failedInstantMatch: xe,
-					buttonText: /* @__PURE__ */ (0, B.jsx)(c, {
-						id: "step.personalInfo.submitButtonText",
-						defaultMessage: "Verify and continue"
-					})
-				})
-			]
-		}), /* @__PURE__ */ (0, B.jsx)(ie, { verificationService: o })]
-	});
-});
-//#endregion
-export { V as default };