@sheerid/jslib 2.278.0 → 2.280.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/StepAgePersonalInfo-BswIeVCd.js

@@ -1,170 +0,0 @@
-
-/**
- *   VERSION: 2.278.0
- *   BUILD_TIMESTAMP: 1788969597831
- *   BUILD_DATE: Wed Sep 09 2026 15:59:57 GMT+0000 (Coordinated Universal Time)
- *   BUILD_COMMIT: 8a89332fc253f0825b74dafece3ffed62b9fd070
- */
-import { Ft as e, Wt as t, lt as n, n as r } from "./options-pBCAJBwS.js";
-import { a as i, c as a, n as o, t as s } from "./jsx-runtime-Ini3eO9_.js";
-import { h as c } from "./FormFooterComponent-BHQc5VBK.js";
-import { n as l } from "../sheerid.js";
-import { t as u } from "./useCollectFieldsEndpoint-dSngHehw.js";
-import { a as d, i as f, p, t as m, u as h, v as g } from "./stepComponentHelpers-DIHMDrmF.js";
-import { a as _, i as v, n as y, o as b, s as x, t as S } from "./CaptchaComponent-D2OIvL-b.js";
-import { n as C, t as w } from "./PersonalInfoStepSubmitButton-BcdQUzMO.js";
-import { t as T } from "./BirthDateComponent-CAQJ-IWM.js";
-import { t as E } from "./PostalCodeComponent-CKbC80_m.js";
-import { t as D } from "./CountryComponentWrapper-CW4yj9IF.js";
-import { t as O } from "./City-CCBan228.js";
-import { t as k } from "./AddressComponent-CaMRwh5O.js";
-import { t as A } from "./ExtraMessage-g4LSV-H2.js";
-import { t as j } from "./ChangeLocaleComponent-BvnXlDa-.js";
-import { t as M } from "./PersonalInfoStepWrapper-BHS3GKl7.js";
-//#region src/components/StepAgePersonalInfo/StepAgePersonalInfoComponent.tsx
-var N = /* @__PURE__ */ t(a(), 1), P = s(), F = i(({ verificationService: t, intl: i }) => {
-	let a = t.viewModel, { fieldValidationErrors: s } = t, F = t.verificationResponse, I = c(F), L = n(() => a.countryChoice.value, f(m(t.programTheme, i)).value), R = L === "US" ? [{ key: "postalCode" }] : [], z = L !== "US" || t.programTheme.isSmsNotifierConfigured || t.programTheme.smsLoopEnabled, B = L !== "US" || t.programTheme.smsLoopEnabled, V = a.localeChoice.value, H = r();
-	!s.phoneNumber && F.errorIds && F.errorIds.includes("invalidPhoneNumber") && t.updateFieldValidationErrors({
-		...s,
-		phoneNumber: "invalidPhoneNumber"
-	});
-	let U = (e, n) => {
-		let r = p(a, e, n);
-		t.updateViewModel(r);
-	}, { isFieldRequired: W } = u({
-		verificationId: F.verificationId,
-		currentStep: F.currentStep,
-		viewModel: a,
-		defaultRequiredFields: R
-	});
-	return N.useEffect(() => {
-		g("phoneNumber", a.phoneNumber, t);
-	}, [a.country]), /* @__PURE__ */ (0, P.jsxs)(M, {
-		verificationService: t,
-		step: F.currentStep,
-		children: [
-			/* @__PURE__ */ (0, P.jsx)(l, {
-				verificationService: t,
-				classNameIdentifier: "age"
-			}),
-			/* @__PURE__ */ (0, P.jsx)(j, { verificationService: t }),
-			/* @__PURE__ */ (0, P.jsx)(D, {
-				verificationService: t,
-				disabled: d("country")?.disabled
-			}),
-			/* @__PURE__ */ (0, P.jsxs)("div", {
-				className: "sid-names",
-				children: [/* @__PURE__ */ (0, P.jsx)(_, {
-					value: a.firstName,
-					isErrored: !!s.firstName,
-					disabled: d("firstName")?.disabled,
-					onChange: (e) => {
-						U("firstName", e), g("firstName", e, t);
-					}
-				}), /* @__PURE__ */ (0, P.jsx)(v, {
-					value: a.lastName,
-					isErrored: !!s.lastName,
-					disabled: d("lastName")?.disabled,
-					onChange: (e) => {
-						U("lastName", e), g("lastName", e, t);
-					}
-				})]
-			}),
-			/* @__PURE__ */ (0, P.jsx)(T, {
-				errorId: s.birthDate,
-				locale: V,
-				onChange: (e) => {
-					U("birthDate", e), g("birthDate", e, t);
-				},
-				value: a.birthDate,
-				disabled: d("birthDate")?.disabled
-			}),
-			W("city") && /* @__PURE__ */ (0, P.jsx)(O, {
-				value: a.city,
-				isRequired: !0,
-				isErrored: !!s.city,
-				errorId: s.city,
-				disabled: d("city")?.disabled,
-				onChange: (e) => {
-					U("city", e), g("city", e, t);
-				}
-			}),
-			W("address1") && /* @__PURE__ */ (0, P.jsx)(k, {
-				value: a.address1,
-				isRequired: !0,
-				isErrored: !!s.address1,
-				errorId: s.address1,
-				onChange: (e) => {
-					U("address1", e), g("address1", e, t);
-				}
-			}),
-			W("postalCode") && /* @__PURE__ */ (0, P.jsx)(E, {
-				isErrored: !!s.postalCode,
-				onChange: (e) => {
-					U("postalCode", e), g("postalCode", e, t);
-				},
-				value: a.postalCode,
-				disabled: d("postalCode")?.disabled
-			}),
-			/* @__PURE__ */ (0, P.jsx)(C, {
-				value: a.email,
-				isErrored: !!s.email,
-				explanation: /* @__PURE__ */ (0, P.jsx)(o, {
-					id: "emailExplanation",
-					defaultMessage: " "
-				}),
-				onChange: (e) => {
-					U("email", e), g("email", e, t);
-				},
-				onKeyDown: (e) => h(e),
-				disabled: d("email")?.disabled
-			}),
-			z ? /* @__PURE__ */ (0, P.jsx)(b, {
-				isRequired: B,
-				value: a.phoneNumber,
-				isErrored: !!s.phoneNumber,
-				onChange: (e) => {
-					U("phoneNumber", e), g("phoneNumber", e, t);
-				},
-				selectedCountryCode: a.countryChoice && a.countryChoice.value,
-				disabled: d("phoneNumber")?.disabled
-			}) : null,
-			H.customFormFields.map((e) => /* @__PURE__ */ (0, P.jsx)(y, {
-				config: e,
-				verificationService: t
-			})),
-			/* @__PURE__ */ (0, P.jsx)(x, {
-				verificationService: t,
-				isErrored: !!s.marketConsentValue,
-				onChange: (e) => {
-					U("metadata", {
-						...t.viewModel.metadata,
-						marketConsentValue: e
-					}), g("marketConsentValue", e, t);
-				},
-				viewModel: a,
-				disabled: d("marketConsentValue")?.disabled
-			}),
-			/* @__PURE__ */ (0, P.jsx)(A, {
-				verificationService: t,
-				suffix: "CollectAboveSubmit"
-			}),
-			/* @__PURE__ */ (0, P.jsx)(S, {
-				verificationService: t,
-				isErrored: !!s.captchaToken
-			}),
-			/* @__PURE__ */ (0, P.jsx)(w, {
-				step: e.collectAgePersonalInfo,
-				verificationService: t,
-				viewModel: a,
-				failedInstantMatch: I,
-				buttonText: /* @__PURE__ */ (0, P.jsx)(o, {
-					id: "step.personalInfo.submitButtonText",
-					defaultMessage: "Verify and continue"
-				})
-			})
-		]
-	});
-});
-//#endregion
-export { F as default };

package/chunk/StepAgePersonalInfo-CHBH5ROm.js

@@ -1,174 +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 { Nt as e, Rt as t, Wt as n, s as r } from "./intl-e5WHiYfA.js";
-import { a as i, c as a, n as o, t as s } from "./jsx-runtime-LqzCS-0D.js";
-import { p as c } from "./FormFooterComponent-CAoH3NjO.js";
-import { t as l } from "../_mysheerid-preview.js";
-import { t as u } from "./useCollectFieldsEndpoint-74jMd594.js";
-import { a as d, i as f, p, t as m, u as h, v as g } from "./stepComponentHelpers-BdqtwfRd.js";
-import { a as _, i as v, n as y, o as b, s as x, t as S } from "./CaptchaComponent-BqREyMje.js";
-import { n as C, t as w } from "./PersonalInfoStepSubmitButton-VxT_vwVv.js";
-import { t as T } from "./BirthDateComponent-_BjsBSM4.js";
-import { t as E } from "./PostalCodeComponent-jmSOU3LM.js";
-import { t as D } from "./CountryComponentWrapper-BNtvUusJ.js";
-import { t as O } from "./City-B6bQRRvQ.js";
-import { t as k } from "./AddressComponent-LZTJCC-l.js";
-import { t as A } from "./ExtraMessage-Byw0Tgm1.js";
-import { t as j } from "./ChangeLocaleComponent-CpHB_D8Q.js";
-import { t as M } from "./PersonalInfoStepWrapper-CxRB64LQ.js";
-//#region src/components/StepAgePersonalInfo/StepAgePersonalInfoComponent.tsx
-var N = /* @__PURE__ */ n(a(), 1), P = s(), F = i(({ verificationService: n, intl: i }) => {
-	let a = n.viewModel, { fieldValidationErrors: s } = n, F = n.verificationResponse, I = c(F), L = t(() => a.countryChoice.value, f(m(n.programTheme, i)).value), R = L === "US" ? [{ key: "postalCode" }] : [], z = L !== "US" || n.programTheme.isSmsNotifierConfigured || n.programTheme.smsLoopEnabled, B = L !== "US" || n.programTheme.smsLoopEnabled, V = a.localeChoice.value, H = r();
-	!s.phoneNumber && F.errorIds && F.errorIds.includes("invalidPhoneNumber") && n.updateFieldValidationErrors({
-		...s,
-		phoneNumber: "invalidPhoneNumber"
-	});
-	let U = (e, t) => {
-		let r = p(a, e, t);
-		n.updateViewModel(r);
-	}, { isFieldRequired: W } = u({
-		verificationId: F.verificationId,
-		currentStep: F.currentStep,
-		viewModel: a,
-		defaultRequiredFields: R
-	});
-	return N.useEffect(() => {
-		g("phoneNumber", a.phoneNumber, n);
-	}, [a.country]), /* @__PURE__ */ (0, P.jsxs)(M, {
-		verificationService: n,
-		step: F.currentStep,
-		children: [
-			/* @__PURE__ */ (0, P.jsx)(l, {
-				verificationService: n,
-				classNameIdentifier: "age"
-			}),
-			/* @__PURE__ */ (0, P.jsx)(j, { verificationService: n }),
-			/* @__PURE__ */ (0, P.jsx)(D, {
-				verificationService: n,
-				disabled: d("country")?.disabled
-			}),
-			/* @__PURE__ */ (0, P.jsxs)("div", {
-				className: "sid-names",
-				children: [/* @__PURE__ */ (0, P.jsx)(_, {
-					value: a.firstName,
-					isErrored: !!s.firstName,
-					disabled: d("firstName")?.disabled,
-					onChange: (e) => {
-						U("firstName", e), g("firstName", e, n);
-					}
-				}), /* @__PURE__ */ (0, P.jsx)(v, {
-					value: a.lastName,
-					isErrored: !!s.lastName,
-					disabled: d("lastName")?.disabled,
-					onChange: (e) => {
-						U("lastName", e), g("lastName", e, n);
-					}
-				})]
-			}),
-			/* @__PURE__ */ (0, P.jsx)(T, {
-				errorId: s.birthDate,
-				locale: V,
-				onChange: (e) => {
-					U("birthDate", e), g("birthDate", e, n);
-				},
-				value: a.birthDate,
-				disabled: d("birthDate")?.disabled
-			}),
-			W("city") && /* @__PURE__ */ (0, P.jsx)(O, {
-				value: a.city,
-				isRequired: !0,
-				isErrored: !!s.city,
-				errorId: s.city,
-				disabled: d("city")?.disabled,
-				onChange: (e) => {
-					U("city", e), g("city", e, n);
-				}
-			}),
-			W("address1") && /* @__PURE__ */ (0, P.jsx)(k, {
-				value: a.address1,
-				isRequired: !0,
-				isErrored: !!s.address1,
-				errorId: s.address1,
-				onChange: (e) => {
-					U("address1", e), g("address1", e, n);
-				}
-			}),
-			W("postalCode") && /* @__PURE__ */ (0, P.jsx)(E, {
-				isErrored: !!s.postalCode,
-				onChange: (e) => {
-					U("postalCode", e), g("postalCode", e, n);
-				},
-				value: a.postalCode,
-				disabled: d("postalCode")?.disabled
-			}),
-			/* @__PURE__ */ (0, P.jsx)(C, {
-				value: a.email,
-				isErrored: !!s.email,
-				explanation: /* @__PURE__ */ (0, P.jsx)(o, {
-					id: "emailExplanation",
-					defaultMessage: " "
-				}),
-				onChange: (e) => {
-					U("email", e), g("email", e, n);
-				},
-				onKeyDown: (e) => h(e),
-				disabled: d("email")?.disabled
-			}),
-			z ? /* @__PURE__ */ (0, P.jsx)(b, {
-				isRequired: B,
-				value: a.phoneNumber,
-				isErrored: !!s.phoneNumber,
-				onChange: (e) => {
-					U("phoneNumber", e), g("phoneNumber", e, n);
-				},
-				selectedCountryCode: a.countryChoice && a.countryChoice.value,
-				disabled: d("phoneNumber")?.disabled
-			}) : null,
-			H.customFormFields.map((e) => /* @__PURE__ */ (0, P.jsx)(y, {
-				config: e,
-				verificationService: n
-			})),
-			/* @__PURE__ */ (0, P.jsx)(x, {
-				verificationService: n,
-				isErrored: !!s.marketConsentValue,
-				onChange: (e) => {
-					U("metadata", {
-						...n.viewModel.metadata,
-						marketConsentValue: e
-					}), g("marketConsentValue", e, n);
-				},
-				viewModel: a,
-				disabled: d("marketConsentValue")?.disabled
-			}),
-			/* @__PURE__ */ (0, P.jsx)(A, {
-				verificationService: n,
-				suffix: "CollectAboveSubmit"
-			}),
-			/* @__PURE__ */ (0, P.jsx)(S, {
-				verificationService: n,
-				isErrored: !!s.captchaToken
-			}),
-			/* @__PURE__ */ (0, P.jsx)(w, {
-				step: e.collectAgePersonalInfo,
-				verificationService: n,
-				viewModel: a,
-				failedInstantMatch: I,
-				buttonText: /* @__PURE__ */ (0, P.jsx)(o, {
-					id: "step.personalInfo.submitButtonText",
-					defaultMessage: "Verify and continue"
-				})
-			})
-		]
-	});
-});
-//#endregion
-export { F as default };