@sheerid/jslib-nightly 2.103.0-alpha.1 → 2.104.0-alpha.0

package/chunk/{index-_ohn63ug.js → index-DZ0bnNgg.js}

@@ -1,18 +1,18 @@
 
 /**
- *   VERSION: 2.103.0-alpha.1
- *   BUILD_TIMESTAMP: 1746113249549
- *   BUILD_DATE: Thu May 01 2025 15:27:29 GMT+0000 (Coordinated Universal Time)
- *   BUILD_COMMIT: d965970f2cd2a5e2e0ec472faaa3d106de7ca01e
+ *   VERSION: 2.104.0-alpha.0
+ *   BUILD_TIMESTAMP: 1746122030388
+ *   BUILD_DATE: Thu May 01 2025 17:53:50 GMT+0000 (Coordinated Universal Time)
+ *   BUILD_COMMIT: 11de903d86267c3dbd7e05948a323fa12b63d0ec
  */
-import { i as A, h as T, _ as k, $ as q, c as B, R as L, u as d, j as o, s as W, t as w, P as H, v as U, Q as K, x as l, w as O, y as z, W as G, a0 as Q, z as _, B as $, E as J, d as X, D as Y, G as Z, M as S, H as v, e as ee, V as se, a as ae, a1 as oe } from "../sheerid.js";
-import { u as te } from "./useCollectFieldsEndpoint-DeICm6Vb.js";
+import { i as k, h as A, a4 as T, a5 as q, e as B, R as L, u as d, j as o, x as H, P as K, y as U, Y as W, a as l, z as w, B as O, $ as z, a6 as G, D as J, G as Y, E as $, f as Q, H as X, J as Z, M as _, K as S, k as v, V as ee, b as se, N as ae, a7 as oe } from "../sheerid.js";
+import { u as te } from "./useCollectFieldsEndpoint-V5bz5WAF.js";
 const de = ({ verificationService: s, intl: j }) => {
-  var p, C, h, b, i, g, N, x, y;
-  const a = s.viewModel, { fieldValidationErrors: t } = s, r = s.verificationResponse, E = T(r), I = k(
+  var p, C, h, b, i, N, g, x, y;
+  const a = s.viewModel, { fieldValidationErrors: t } = s, r = s.verificationResponse, E = A(r), I = T(
     s.programTheme,
     j
-  ), F = q(I), m = B(() => a.countryChoice.value, F.value), c = m === "US" ? [{ key: "postalCode" }] : [], M = m !== "US" || s.programTheme.isSmsNotifierConfigured || s.programTheme.smsLoopEnabled, f = m !== "US" || s.programTheme.smsLoopEnabled, P = a.localeChoice.value, D = w();
+  ), F = q(I), m = B(() => a.countryChoice.value, F.value), M = m === "US" ? [{ key: "postalCode" }] : [], c = m !== "US" || s.programTheme.isSmsNotifierConfigured || s.programTheme.smsLoopEnabled, f = m !== "US" || s.programTheme.smsLoopEnabled, P = a.localeChoice.value, D = ae();
   !t.phoneNumber && r.errorIds && r.errorIds.includes("invalidPhoneNumber") && s.updateFieldValidationErrors({
     ...t,
     phoneNumber: "invalidPhoneNumber"
@@ -24,20 +24,20 @@ const de = ({ verificationService: s, intl: j }) => {
     verificationId: r.verificationId,
     currentStep: r.currentStep,
     viewModel: a,
-    defaultRequiredFields: c
+    defaultRequiredFields: M
   });
   return L.useEffect(() => {
     d("phoneNumber", a.phoneNumber, s);
   }, [a.country]), /* @__PURE__ */ o.jsxs(
-    W,
+    H,
     {
       verificationService: s,
       step: r.currentStep,
       children: [
-        /* @__PURE__ */ o.jsx(H, { verificationService: s, classNameIdentifier: "age" }),
+        /* @__PURE__ */ o.jsx(K, { verificationService: s, classNameIdentifier: "age" }),
         /* @__PURE__ */ o.jsx(U, { verificationService: s }),
         /* @__PURE__ */ o.jsx(
-          K,
+          W,
           {
             verificationService: s,
             disabled: (p = l("country")) == null ? void 0 : p.disabled
@@ -45,7 +45,7 @@ const de = ({ verificationService: s, intl: j }) => {
         ),
         /* @__PURE__ */ o.jsxs("div", { className: "sid-names", children: [
           /* @__PURE__ */ o.jsx(
-            O,
+            w,
             {
               value: a.firstName,
               isErrored: !!t.firstName,
@@ -56,7 +56,7 @@ const de = ({ verificationService: s, intl: j }) => {
             }
           ),
           /* @__PURE__ */ o.jsx(
-            z,
+            O,
             {
               value: a.lastName,
               isErrored: !!t.lastName,
@@ -68,7 +68,7 @@ const de = ({ verificationService: s, intl: j }) => {
           )
         ] }),
         /* @__PURE__ */ o.jsx(
-          G,
+          z,
           {
             errorId: t.birthDate,
             locale: P,
@@ -80,7 +80,7 @@ const de = ({ verificationService: s, intl: j }) => {
           }
         ),
         u("city") && /* @__PURE__ */ o.jsx(
-          Q,
+          G,
           {
             value: a.city,
             isRequired: !0,
@@ -93,7 +93,7 @@ const de = ({ verificationService: s, intl: j }) => {
           }
         ),
         u("address1") && /* @__PURE__ */ o.jsx(
-          _,
+          J,
           {
             value: a.address1,
             isRequired: !0,
@@ -105,30 +105,30 @@ const de = ({ verificationService: s, intl: j }) => {
           }
         ),
         u("postalCode") && /* @__PURE__ */ o.jsx(
-          $,
+          Y,
           {
             isErrored: !!t.postalCode,
             onChange: (e) => {
               n("postalCode", e), d("postalCode", e, s);
             },
             value: a.postalCode,
-            disabled: (g = l("postalCode")) == null ? void 0 : g.disabled
+            disabled: (N = l("postalCode")) == null ? void 0 : N.disabled
           }
         ),
         /* @__PURE__ */ o.jsx(
-          J,
+          $,
           {
             value: a.email,
             isErrored: !!t.email,
             onChange: (e) => {
               n("email", e), d("email", e, s);
             },
-            onKeyDown: (e) => X(e),
-            disabled: (N = l("email")) == null ? void 0 : N.disabled
+            onKeyDown: (e) => Q(e),
+            disabled: (g = l("email")) == null ? void 0 : g.disabled
           }
         ),
-        M ? /* @__PURE__ */ o.jsx(
-          Y,
+        c ? /* @__PURE__ */ o.jsx(
+          X,
           {
             isRequired: f,
             value: a.phoneNumber,
@@ -142,7 +142,7 @@ const de = ({ verificationService: s, intl: j }) => {
         ) : null,
         D.customFormFields.map((e) => /* @__PURE__ */ o.jsx(Z, { config: e, verificationService: s })),
         /* @__PURE__ */ o.jsx(
-          S,
+          _,
           {
             verificationService: s,
             isErrored: !!t.marketConsentValue,
@@ -156,16 +156,16 @@ const de = ({ verificationService: s, intl: j }) => {
             disabled: (y = l("marketConsentValue")) == null ? void 0 : y.disabled
           }
         ),
-        /* @__PURE__ */ o.jsx(v, { verificationService: s, suffix: "CollectAboveSubmit" }),
+        /* @__PURE__ */ o.jsx(S, { verificationService: s, suffix: "CollectAboveSubmit" }),
         /* @__PURE__ */ o.jsx(
-          ee,
+          v,
           {
-            step: se.collectAgePersonalInfo,
+            step: ee.collectAgePersonalInfo,
             verificationService: s,
             viewModel: a,
             failedInstantMatch: E,
             buttonText: /* @__PURE__ */ o.jsx(
-              ae,
+              se,
               {
                 id: "step.personalInfo.submitButtonText",
                 defaultMessage: "Verify and continue"
@@ -176,7 +176,7 @@ const de = ({ verificationService: s, intl: j }) => {
       ]
     }
   );
-}, re = A(de);
+}, re = k(de);
 export {
   re as default
 };

package/chunk/{index-_ohn63ug.js.map → index-DZ0bnNgg.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index-_ohn63ug.js","sources":["../../src/components/StepAgePersonalInfo/StepAgePersonalInfoComponent.tsx"],"sourcesContent":["/**\n * TODO - preamble\n */\nimport React from \"react\";\nimport { FormattedHTMLMessage, InjectedIntl, injectIntl } from \"react-intl\";\n\nimport { useCollectFieldsEndpoint } from \"@/lib/ServerApi/useCollectFieldsEndpoint\";\nimport { VerificationStepsEnum } from \"../../lib/types/runtimeTypes\";\nimport { hasFailedInstantMatch } from \"../../lib/VerificationService/VerificationServiceHelpers\";\nimport { getSafe } from \"../../lib/utils/getSafe\";\nimport {\n  VerificationService,\n  AgePersonalInfoViewModel,\n  AgePersonalInfoResponse,\n  FormSelectChoice,\n  Country,\n  FieldDescription,\n  CustomFormFieldConfig,\n} from \"../../lib/types/types\";\n\nimport {\n  handleEmailOnKeyDown,\n  updateFieldValidationErrorsByFieldId,\n  getAvailableCountryChoices,\n  getDefaultCountryChoice,\n  produceDraftViewModel,\n  getFieldConfigByFieldId,\n} from \"../../lib/utils/stepComponentHelpers/stepComponentHelpers\";\n\nimport { MarketConsentWrapperComponent as MarketConsentWrapper } from \"../FormFields/MarketConsentWrapper/MarketConsentWrapperComponent\";\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 { BirthDateComponent as BirthDate } from \"../FormFields/BirthDate/BirthDateComponent\";\nimport { PostalCodeComponent as PostalCode } from \"../FormFields/PostalCode/PostalCodeComponent\";\n\nimport { CountryComponentWrapper } from \"../FormFields/Country/CountryComponentWrapper\";\nimport { CityComponent } from \"../FormFields/City/City\";\nimport { AddressComponent } from \"../FormFields/Address/AddressComponent\";\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\";\n\ninterface StepAgePersonalInfoComponentProps {\n  intl: InjectedIntl;\n  verificationService: VerificationService;\n}\n\nconst StepAgePersonalInfo = ({ verificationService, intl }: StepAgePersonalInfoComponentProps) => {\n  const viewModel = verificationService.viewModel as AgePersonalInfoViewModel;\n  const { fieldValidationErrors } = verificationService;\n  const verificationResponse = verificationService.verificationResponse as AgePersonalInfoResponse;\n  const failedInstantMatch = hasFailedInstantMatch(verificationResponse);\n  const countryChoices: FormSelectChoice<Country, string>[] = getAvailableCountryChoices(\n    verificationService.programTheme,\n    intl,\n  );\n  const defaultCountryChoice: FormSelectChoice<Country, string> =\n    getDefaultCountryChoice(countryChoices);\n  const safeCountryValue = getSafe(() => viewModel.countryChoice.value, defaultCountryChoice.value);\n  const defaultRequiredFields: FieldDescription[] =\n    safeCountryValue === \"US\" ? [{ key: \"postalCode\" }] : [];\n\n  // PhoneNumber is required for all non-US age programs and if smsLoop is enabled.\n  const showPhoneNumber =\n    safeCountryValue !== \"US\" ||\n    verificationService.programTheme.isSmsNotifierConfigured ||\n    verificationService.programTheme.smsLoopEnabled;\n  const phoneNumberRequired =\n    safeCountryValue !== \"US\" || verificationService.programTheme.smsLoopEnabled;\n\n  const locale = viewModel.localeChoice.value;\n  const options = getOptions();\n\n  if (\n    !fieldValidationErrors.phoneNumber &&\n    verificationResponse.errorIds &&\n    verificationResponse.errorIds.includes(\"invalidPhoneNumber\")\n  ) {\n    verificationService.updateFieldValidationErrors({\n      ...fieldValidationErrors,\n      phoneNumber: \"invalidPhoneNumber\",\n    });\n  }\n\n  const updateAgeViewModel = (key: keyof AgePersonalInfoViewModel, value: any) => {\n    const nextState: AgePersonalInfoViewModel = produceDraftViewModel(viewModel, key, value);\n    verificationService.updateViewModel(nextState);\n  };\n\n  const { isFieldRequired } = useCollectFieldsEndpoint({\n    verificationId: verificationResponse.verificationId,\n    currentStep: verificationResponse.currentStep,\n    viewModel,\n    defaultRequiredFields,\n  });\n\n  React.useEffect(() => {\n    // When country changes re-check the phone number validation\n    updateFieldValidationErrorsByFieldId(\"phoneNumber\", viewModel.phoneNumber, verificationService);\n  }, [viewModel.country]);\n\n  return (\n    <PersonalInfoWrapper\n      verificationService={verificationService}\n      step={verificationResponse.currentStep}\n    >\n      <PersonalInfoHeader verificationService={verificationService} classNameIdentifier=\"age\" />\n\n      <ChangeLocaleV2Component verificationService={verificationService} />\n      <CountryComponentWrapper\n        verificationService={verificationService}\n        disabled={getFieldConfigByFieldId(\"country\")?.disabled}\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            updateAgeViewModel(\"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            updateAgeViewModel(\"lastName\", newValue);\n            updateFieldValidationErrorsByFieldId(\"lastName\", newValue, verificationService);\n          }}\n        />\n      </div>\n      <BirthDate\n        errorId={fieldValidationErrors.birthDate}\n        locale={locale}\n        onChange={(newValue) => {\n          updateAgeViewModel(\"birthDate\", newValue);\n          updateFieldValidationErrorsByFieldId(\"birthDate\", newValue, verificationService);\n        }}\n        value={viewModel.birthDate}\n        disabled={getFieldConfigByFieldId(\"birthDate\")?.disabled}\n      />\n      {isFieldRequired(\"city\") && (\n        <CityComponent\n          value={viewModel.city}\n          isRequired\n          isErrored={!!fieldValidationErrors.city}\n          errorId={fieldValidationErrors.city}\n          disabled={getFieldConfigByFieldId(\"city\")?.disabled}\n          onChange={(value) => {\n            updateAgeViewModel(\"city\", value);\n            updateFieldValidationErrorsByFieldId(\"city\", value, verificationService);\n          }}\n        />\n      )}\n      {isFieldRequired(\"address1\") && (\n        <AddressComponent\n          value={viewModel.address1}\n          isRequired\n          isErrored={!!fieldValidationErrors.address1}\n          errorId={fieldValidationErrors.address1}\n          onChange={(value) => {\n            updateAgeViewModel(\"address1\", value);\n            updateFieldValidationErrorsByFieldId(\"address1\", value, verificationService);\n          }}\n        />\n      )}\n      {isFieldRequired(\"postalCode\") && (\n        <PostalCode\n          isErrored={!!fieldValidationErrors.postalCode}\n          onChange={(newValue) => {\n            updateAgeViewModel(\"postalCode\", newValue);\n            updateFieldValidationErrorsByFieldId(\"postalCode\", newValue, verificationService);\n          }}\n          value={viewModel.postalCode}\n          disabled={getFieldConfigByFieldId(\"postalCode\")?.disabled}\n        />\n      )}\n      <Email\n        value={viewModel.email}\n        isErrored={!!fieldValidationErrors.email}\n        onChange={(newValue) => {\n          updateAgeViewModel(\"email\", newValue);\n          updateFieldValidationErrorsByFieldId(\"email\", newValue, verificationService);\n        }}\n        onKeyDown={(event) => handleEmailOnKeyDown(event)}\n        disabled={getFieldConfigByFieldId(\"email\")?.disabled}\n      />\n\n      {showPhoneNumber ? (\n        <PhoneNumber\n          isRequired={phoneNumberRequired}\n          value={viewModel.phoneNumber}\n          isErrored={!!fieldValidationErrors.phoneNumber}\n          onChange={(newValue) => {\n            updateAgeViewModel(\"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          updateAgeViewModel(\"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      <PersonalInfoStepSubmitButton\n        step={VerificationStepsEnum.collectAgePersonalInfo}\n        verificationService={verificationService}\n        viewModel={viewModel}\n        failedInstantMatch={failedInstantMatch}\n        buttonText={\n          <FormattedHTMLMessage\n            id=\"step.personalInfo.submitButtonText\"\n            defaultMessage=\"Verify and continue\"\n          />\n        }\n      />\n    </PersonalInfoWrapper>\n  );\n};\n\nexport const StepAgePersonalInfoComponent = injectIntl(StepAgePersonalInfo);\n"],"names":["StepAgePersonalInfo","verificationService","intl","viewModel","fieldValidationErrors","verificationResponse","failedInstantMatch","hasFailedInstantMatch","countryChoices","getAvailableCountryChoices","defaultCountryChoice","getDefaultCountryChoice","safeCountryValue","getSafe","defaultRequiredFields","showPhoneNumber","phoneNumberRequired","locale","options","getOptions","updateAgeViewModel","key","value","nextState","produceDraftViewModel","isFieldRequired","useCollectFieldsEndpoint","React","updateFieldValidationErrorsByFieldId","jsxs","PersonalInfoWrapper","jsx","PersonalInfoHeader","ChangeLocaleV2Component","CountryComponentWrapper","_a","getFieldConfigByFieldId","FirstName","_b","newValue","LastName","_c","BirthDate","_d","CityComponent","_e","AddressComponent","PostalCode","_f","Email","event","handleEmailOnKeyDown","_g","PhoneNumber","_h","config","FormFieldCustom","MarketConsentWrapper","_i","ExtraMessage","PersonalInfoStepSubmitButton","VerificationStepsEnum","FormattedHTMLMessage","StepAgePersonalInfoComponent","injectIntl"],"mappings":"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"}
+{"version":3,"file":"index-DZ0bnNgg.js","sources":["../../src/components/StepAgePersonalInfo/StepAgePersonalInfoComponent.tsx"],"sourcesContent":["/**\n * TODO - preamble\n */\nimport React from \"react\";\nimport { FormattedHTMLMessage, InjectedIntl, injectIntl } from \"react-intl\";\n\nimport { useCollectFieldsEndpoint } from \"@/lib/ServerApi/useCollectFieldsEndpoint\";\nimport { VerificationStepsEnum } from \"../../lib/types/runtimeTypes\";\nimport { hasFailedInstantMatch } from \"../../lib/VerificationService/VerificationServiceHelpers\";\nimport { getSafe } from \"../../lib/utils/getSafe\";\nimport {\n  VerificationService,\n  AgePersonalInfoViewModel,\n  AgePersonalInfoResponse,\n  FormSelectChoice,\n  Country,\n  FieldDescription,\n  CustomFormFieldConfig,\n} from \"../../lib/types/types\";\n\nimport {\n  handleEmailOnKeyDown,\n  updateFieldValidationErrorsByFieldId,\n  getAvailableCountryChoices,\n  getDefaultCountryChoice,\n  produceDraftViewModel,\n  getFieldConfigByFieldId,\n} from \"../../lib/utils/stepComponentHelpers/stepComponentHelpers\";\n\nimport { MarketConsentWrapperComponent as MarketConsentWrapper } from \"../FormFields/MarketConsentWrapper/MarketConsentWrapperComponent\";\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 { BirthDateComponent as BirthDate } from \"../FormFields/BirthDate/BirthDateComponent\";\nimport { PostalCodeComponent as PostalCode } from \"../FormFields/PostalCode/PostalCodeComponent\";\n\nimport { CountryComponentWrapper } from \"../FormFields/Country/CountryComponentWrapper\";\nimport { CityComponent } from \"../FormFields/City/City\";\nimport { AddressComponent } from \"../FormFields/Address/AddressComponent\";\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\";\n\ninterface StepAgePersonalInfoComponentProps {\n  intl: InjectedIntl;\n  verificationService: VerificationService;\n}\n\nconst StepAgePersonalInfo = ({ verificationService, intl }: StepAgePersonalInfoComponentProps) => {\n  const viewModel = verificationService.viewModel as AgePersonalInfoViewModel;\n  const { fieldValidationErrors } = verificationService;\n  const verificationResponse = verificationService.verificationResponse as AgePersonalInfoResponse;\n  const failedInstantMatch = hasFailedInstantMatch(verificationResponse);\n  const countryChoices: FormSelectChoice<Country, string>[] = getAvailableCountryChoices(\n    verificationService.programTheme,\n    intl,\n  );\n  const defaultCountryChoice: FormSelectChoice<Country, string> =\n    getDefaultCountryChoice(countryChoices);\n  const safeCountryValue = getSafe(() => viewModel.countryChoice.value, defaultCountryChoice.value);\n  const defaultRequiredFields: FieldDescription[] =\n    safeCountryValue === \"US\" ? [{ key: \"postalCode\" }] : [];\n\n  // PhoneNumber is required for all non-US age programs and if smsLoop is enabled.\n  const showPhoneNumber =\n    safeCountryValue !== \"US\" ||\n    verificationService.programTheme.isSmsNotifierConfigured ||\n    verificationService.programTheme.smsLoopEnabled;\n  const phoneNumberRequired =\n    safeCountryValue !== \"US\" || verificationService.programTheme.smsLoopEnabled;\n\n  const locale = viewModel.localeChoice.value;\n  const options = getOptions();\n\n  if (\n    !fieldValidationErrors.phoneNumber &&\n    verificationResponse.errorIds &&\n    verificationResponse.errorIds.includes(\"invalidPhoneNumber\")\n  ) {\n    verificationService.updateFieldValidationErrors({\n      ...fieldValidationErrors,\n      phoneNumber: \"invalidPhoneNumber\",\n    });\n  }\n\n  const updateAgeViewModel = (key: keyof AgePersonalInfoViewModel, value: any) => {\n    const nextState: AgePersonalInfoViewModel = produceDraftViewModel(viewModel, key, value);\n    verificationService.updateViewModel(nextState);\n  };\n\n  const { isFieldRequired } = useCollectFieldsEndpoint({\n    verificationId: verificationResponse.verificationId,\n    currentStep: verificationResponse.currentStep,\n    viewModel,\n    defaultRequiredFields,\n  });\n\n  React.useEffect(() => {\n    // When country changes re-check the phone number validation\n    updateFieldValidationErrorsByFieldId(\"phoneNumber\", viewModel.phoneNumber, verificationService);\n  }, [viewModel.country]);\n\n  return (\n    <PersonalInfoWrapper\n      verificationService={verificationService}\n      step={verificationResponse.currentStep}\n    >\n      <PersonalInfoHeader verificationService={verificationService} classNameIdentifier=\"age\" />\n\n      <ChangeLocaleV2Component verificationService={verificationService} />\n      <CountryComponentWrapper\n        verificationService={verificationService}\n        disabled={getFieldConfigByFieldId(\"country\")?.disabled}\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            updateAgeViewModel(\"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            updateAgeViewModel(\"lastName\", newValue);\n            updateFieldValidationErrorsByFieldId(\"lastName\", newValue, verificationService);\n          }}\n        />\n      </div>\n      <BirthDate\n        errorId={fieldValidationErrors.birthDate}\n        locale={locale}\n        onChange={(newValue) => {\n          updateAgeViewModel(\"birthDate\", newValue);\n          updateFieldValidationErrorsByFieldId(\"birthDate\", newValue, verificationService);\n        }}\n        value={viewModel.birthDate}\n        disabled={getFieldConfigByFieldId(\"birthDate\")?.disabled}\n      />\n      {isFieldRequired(\"city\") && (\n        <CityComponent\n          value={viewModel.city}\n          isRequired\n          isErrored={!!fieldValidationErrors.city}\n          errorId={fieldValidationErrors.city}\n          disabled={getFieldConfigByFieldId(\"city\")?.disabled}\n          onChange={(value) => {\n            updateAgeViewModel(\"city\", value);\n            updateFieldValidationErrorsByFieldId(\"city\", value, verificationService);\n          }}\n        />\n      )}\n      {isFieldRequired(\"address1\") && (\n        <AddressComponent\n          value={viewModel.address1}\n          isRequired\n          isErrored={!!fieldValidationErrors.address1}\n          errorId={fieldValidationErrors.address1}\n          onChange={(value) => {\n            updateAgeViewModel(\"address1\", value);\n            updateFieldValidationErrorsByFieldId(\"address1\", value, verificationService);\n          }}\n        />\n      )}\n      {isFieldRequired(\"postalCode\") && (\n        <PostalCode\n          isErrored={!!fieldValidationErrors.postalCode}\n          onChange={(newValue) => {\n            updateAgeViewModel(\"postalCode\", newValue);\n            updateFieldValidationErrorsByFieldId(\"postalCode\", newValue, verificationService);\n          }}\n          value={viewModel.postalCode}\n          disabled={getFieldConfigByFieldId(\"postalCode\")?.disabled}\n        />\n      )}\n      <Email\n        value={viewModel.email}\n        isErrored={!!fieldValidationErrors.email}\n        onChange={(newValue) => {\n          updateAgeViewModel(\"email\", newValue);\n          updateFieldValidationErrorsByFieldId(\"email\", newValue, verificationService);\n        }}\n        onKeyDown={(event) => handleEmailOnKeyDown(event)}\n        disabled={getFieldConfigByFieldId(\"email\")?.disabled}\n      />\n\n      {showPhoneNumber ? (\n        <PhoneNumber\n          isRequired={phoneNumberRequired}\n          value={viewModel.phoneNumber}\n          isErrored={!!fieldValidationErrors.phoneNumber}\n          onChange={(newValue) => {\n            updateAgeViewModel(\"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          updateAgeViewModel(\"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      <PersonalInfoStepSubmitButton\n        step={VerificationStepsEnum.collectAgePersonalInfo}\n        verificationService={verificationService}\n        viewModel={viewModel}\n        failedInstantMatch={failedInstantMatch}\n        buttonText={\n          <FormattedHTMLMessage\n            id=\"step.personalInfo.submitButtonText\"\n            defaultMessage=\"Verify and continue\"\n          />\n        }\n      />\n    </PersonalInfoWrapper>\n  );\n};\n\nexport const StepAgePersonalInfoComponent = injectIntl(StepAgePersonalInfo);\n"],"names":["StepAgePersonalInfo","verificationService","intl","viewModel","fieldValidationErrors","verificationResponse","failedInstantMatch","hasFailedInstantMatch","countryChoices","getAvailableCountryChoices","defaultCountryChoice","getDefaultCountryChoice","safeCountryValue","getSafe","defaultRequiredFields","showPhoneNumber","phoneNumberRequired","locale","options","getOptions","updateAgeViewModel","key","value","nextState","produceDraftViewModel","isFieldRequired","useCollectFieldsEndpoint","React","updateFieldValidationErrorsByFieldId","jsxs","PersonalInfoWrapper","jsx","PersonalInfoHeader","ChangeLocaleV2Component","CountryComponentWrapper","_a","getFieldConfigByFieldId","FirstName","_b","newValue","LastName","_c","BirthDate","_d","CityComponent","_e","AddressComponent","PostalCode","_f","Email","event","handleEmailOnKeyDown","_g","PhoneNumber","_h","config","FormFieldCustom","MarketConsentWrapper","_i","ExtraMessage","PersonalInfoStepSubmitButton","VerificationStepsEnum","FormattedHTMLMessage","StepAgePersonalInfoComponent","injectIntl"],"mappings":"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"}

package/chunk/{index-B3NA0DdP.js → index-D_lbJwrN.js}

@@ -1,47 +1,48 @@
 
 /**
- *   VERSION: 2.103.0-alpha.1
- *   BUILD_TIMESTAMP: 1746113249549
- *   BUILD_DATE: Thu May 01 2025 15:27:29 GMT+0000 (Coordinated Universal Time)
- *   BUILD_COMMIT: d965970f2cd2a5e2e0ec472faaa3d106de7ca01e
+ *   VERSION: 2.104.0-alpha.0
+ *   BUILD_TIMESTAMP: 1746122030388
+ *   BUILD_DATE: Thu May 01 2025 17:53:50 GMT+0000 (Coordinated Universal Time)
+ *   BUILD_COMMIT: 11de903d86267c3dbd7e05948a323fa12b63d0ec
  */
-import { i as $, ai as L, j as a, O as S, a as m, R as g, h as v, k as ee, s as ae, P as se, a8 as ne, E as k, x as l, u as r, t as te, v as oe, Q as le, aj as de, U as R, w as re, y as me, W as ie, d as ue, D as pe, G as be, M as Ce, H as ce, e as ge, V as he } from "../sheerid.js";
-import { u as xe, E as Ee, a as w } from "./useEmailFirstExperiment-B1_E_D0z.js";
-const Ne = ({
+import { i as Z, al as w, a as l, j as a, X as S, b as i, R as g, h as v, n as ee, x as ae, P as se, ae as ne, E as R, u as r, y as te, Y as le, am as oe, _ as B, z as de, B as re, $ as ie, f as me, H as ue, J as pe, M as be, K as ce, k as Ce, V as ge, N as he } from "../sheerid.js";
+import { u as xe, E as Ne, a as L } from "./useEmailFirstExperiment-mjdDc7vk.js";
+const Ee = ({
   value: e,
   isErrored: n,
-  onChange: t,
-  intl: C,
+  onChange: o,
+  intl: c,
   explanation: h,
   placeholder: p = "",
   isRequired: b = !1
 }) => {
-  const i = L("include-cvec-field-france-student"), x = () => i === "labeled-optional" ? /* @__PURE__ */ a.jsx(
-    m,
+  var t;
+  const m = w("include-cvec-field-france-student"), x = () => m === "labeled-optional" ? /* @__PURE__ */ a.jsx(
+    i,
     {
       id: "cvecNumberExplanation",
       defaultMessage: "Optional - Add your CVEC number to increase your chances of being verified instantly."
     }
   ) : /* @__PURE__ */ a.jsx(
-    m,
+    i,
     {
       id: "_EXPERIMENTAL.cvecNumberExplanation",
       defaultMessage: "Add your CVEC number to increase your chances of being verified instantly."
     }
   );
-  return /* @__PURE__ */ a.jsx(
+  return ((t = l("cvecNumber")) == null ? void 0 : t.hidden) ? null : /* @__PURE__ */ a.jsx(
     S,
     {
       fieldId: "cvecNumber",
       value: e,
-      onChange: t,
-      placeholder: p || C.formatHTMLMessage({
+      onChange: o,
+      placeholder: p || c.formatHTMLMessage({
         id: "cvecNumberPlaceholder",
         defaultMessage: "CVEC certificate number"
       }),
-      label: /* @__PURE__ */ a.jsx(m, { id: "cvecNumber", defaultMessage: "CVEC certificate number" }),
+      label: /* @__PURE__ */ a.jsx(i, { id: "cvecNumber", defaultMessage: "CVEC certificate number" }),
       errorMessage: n && /* @__PURE__ */ a.jsx(
-        m,
+        i,
         {
           id: "errorId.invalidCvecNumber",
           defaultMessage: "Invalid CVEC certificate number"
@@ -52,55 +53,55 @@ const Ne = ({
       explanation: h || x()
     }
   );
-}, fe = $(Ne), je = ({
+}, fe = Z(Ee), je = ({
   verificationService: e
 }) => {
-  var N, f, j, M, y, F, I, O, V, D, P, T;
-  const n = e.viewModel, { fieldValidationErrors: t } = e, C = e.verificationResponse, h = te(), p = L("include-cvec-field-france-student"), b = p !== "control" && p !== "default" && ((N = n == null ? void 0 : n.countryChoice) == null ? void 0 : N.value) === "FR";
+  var f, j, M, F, y, I, O, V, D, P, T, k;
+  const n = e.viewModel, { fieldValidationErrors: o } = e, c = e.verificationResponse, h = he(), p = w("include-cvec-field-france-student"), b = p !== "control" && p !== "default" && ((f = n == null ? void 0 : n.countryChoice) == null ? void 0 : f.value) === "FR";
   g.useEffect(() => {
     b ? d("fieldsToSkipValidation", []) : d("fieldsToSkipValidation", ["cvecNumber"]);
   }, [b]);
   const {
-    isEmailUpTop: i,
+    isEmailUpTop: m,
     isEmailValidationLoading: x,
-    showFormFields: B,
-    emailLookupResponse: o,
+    showFormFields: N,
+    emailLookupResponse: t,
     emailOnBlur: z,
     emailOnKeyDown: H,
     handleResendClick: q,
     showEmailLookupResponseMessages: A,
     enableFormFields: K,
-    isValidEmail: c,
-    getOrgByDomain: U,
-    handleOnClickProceedHere: W
+    isValidEmail: C,
+    getOrgByDomain: _,
+    handleOnClickProceedHere: U
   } = xe(
     e.programId,
     n.email,
     e.verificationResponse.segment
-  ), [_, E] = g.useState(null), [G, Q] = g.useState(null);
+  ), [W, E] = g.useState(null), [X, J] = g.useState(null);
   g.useEffect(() => {
-    c && o && (async () => {
-      if (n.email && c && o && o.status === w.NOT_FOUND) {
-        const u = await U(e);
-        u && (E(u), R(u, e), r("organization", u, e));
+    C && t && (async () => {
+      if (n.email && C && t && t.status === L.NOT_FOUND) {
+        const u = await _(e);
+        u && (E(u), B(u, e), r("organization", u, e));
       } else
         E(null);
     })();
-  }, [n.email, c, o == null ? void 0 : o.status]);
-  const X = v(C), d = (s, u) => {
-    const Y = ee(
+  }, [n.email, C, t == null ? void 0 : t.status]);
+  const Y = v(c), d = (s, u) => {
+    const G = ee(
       n,
-      (Z) => {
-        Z[s] = u;
+      (Q) => {
+        Q[s] = u;
       }
     );
-    e.updateViewModel(Y);
-  }, J = n.localeChoice.value;
+    e.updateViewModel(G);
+  }, $ = n.localeChoice.value;
   return /* @__PURE__ */ a.jsxs(
     ae,
     {
       verificationService: e,
-      step: C.currentStep,
+      step: c.currentStep,
       children: [
         /* @__PURE__ */ a.jsx(
           se,
@@ -110,15 +111,15 @@ const Ne = ({
           }
         ),
         // #region email-first-experiment
-        i && /* @__PURE__ */ a.jsx(a.Fragment, { children: /* @__PURE__ */ a.jsxs("div", { className: "email-input-wrapper", children: [
+        m && /* @__PURE__ */ a.jsx(a.Fragment, { children: /* @__PURE__ */ a.jsxs("div", { className: "email-input-wrapper", children: [
           x && /* @__PURE__ */ a.jsx("div", { className: "email-input-wrapper-frame", children: /* @__PURE__ */ a.jsx("div", { className: "sid-spinner scaled", children: /* @__PURE__ */ a.jsx(ne, {}) }) }),
           /* @__PURE__ */ a.jsx(
-            k,
+            R,
             {
               value: n.email,
-              isErrored: !!t.email,
+              isErrored: !!o.email,
               explanation: /* @__PURE__ */ a.jsx(
-                m,
+                i,
                 {
                   id: "emailExplanation",
                   defaultMessage: "Personal or school email is fine"
@@ -129,38 +130,38 @@ const Ne = ({
               },
               onKeyDown: H,
               onBlur: z,
-              disabled: (f = l("email")) == null ? void 0 : f.disabled
+              disabled: (j = l("email")) == null ? void 0 : j.disabled
             }
           )
         ] }) }),
-        A && o && c && /* @__PURE__ */ a.jsx(
-          Ee,
+        A && t && C && /* @__PURE__ */ a.jsx(
+          Ne,
           {
-            emailLookupResponse: o,
+            emailLookupResponse: t,
             onResendClick: q,
-            onHandleClickLink: W
+            onHandleClickLink: U
           }
         ),
-        B && /* @__PURE__ */ a.jsx(a.Fragment, { children: /* @__PURE__ */ a.jsxs("div", { className: K || !i ? "" : "sid-disable-elements", children: [
+        N && /* @__PURE__ */ a.jsx(a.Fragment, { children: /* @__PURE__ */ a.jsxs("div", { className: K || !m ? "" : "sid-disable-elements", children: [
           " ",
-          /* @__PURE__ */ a.jsx(oe, { verificationService: e }),
+          /* @__PURE__ */ a.jsx(te, { verificationService: e }),
           /* @__PURE__ */ a.jsx(
             le,
             {
               verificationService: e,
-              disabled: (j = l("country")) == null ? void 0 : j.disabled
+              disabled: (M = l("country")) == null ? void 0 : M.disabled
             }
           ),
           /* @__PURE__ */ a.jsx(
-            de,
+            oe,
             {
-              value: G || i && (o == null ? void 0 : o.status) === w.NOT_FOUND && _ || e.viewModel.organization,
+              value: X || m && (t == null ? void 0 : t.status) === L.NOT_FOUND && W || e.viewModel.organization,
               verificationService: e,
-              isErrored: !!t.organization,
+              isErrored: !!o.organization,
               isRequired: !0,
-              disabled: (M = l("organization")) == null ? void 0 : M.disabled,
+              disabled: (F = l("organization")) == null ? void 0 : F.disabled,
               onChange: (s) => {
-                Q(s), R(s, e), r("organization", s, e);
+                J(s), B(s, e), r("organization", s, e);
               }
             }
           ),
@@ -169,8 +170,8 @@ const Ne = ({
             {
               isRequired: (y = l("cvecNumber")) == null ? void 0 : y.requireIfOptional,
               value: n.cvecNumber,
-              isErrored: !!t.cvecNumber,
-              disabled: (F = l("cvecNumber")) == null ? void 0 : F.disabled,
+              isErrored: !!o.cvecNumber,
+              disabled: (I = l("cvecNumber")) == null ? void 0 : I.disabled,
               onChange: (s) => {
                 d("cvecNumber", s), r("cvecNumber", s, e);
               }
@@ -178,22 +179,22 @@ const Ne = ({
           ),
           /* @__PURE__ */ a.jsxs("div", { className: "sid-names", children: [
             /* @__PURE__ */ a.jsx(
-              re,
+              de,
               {
                 value: n.firstName,
-                isErrored: !!t.firstName,
-                disabled: (I = l("firstName")) == null ? void 0 : I.disabled,
+                isErrored: !!o.firstName,
+                disabled: (O = l("firstName")) == null ? void 0 : O.disabled,
                 onChange: (s) => {
                   d("firstName", s), r("firstName", s, e);
                 }
               }
             ),
             /* @__PURE__ */ a.jsx(
-              me,
+              re,
               {
                 value: n.lastName,
-                isErrored: !!t.lastName,
-                disabled: (O = l("lastName")) == null ? void 0 : O.disabled,
+                isErrored: !!o.lastName,
+                disabled: (V = l("lastName")) == null ? void 0 : V.disabled,
                 onChange: (s) => {
                   d("lastName", s), r("lastName", s, e);
                 }
@@ -204,22 +205,22 @@ const Ne = ({
             ie,
             {
               value: n.birthDate,
-              errorId: t.birthDate,
-              locale: J,
+              errorId: o.birthDate,
+              locale: $,
               isRequired: !0,
-              disabled: (V = l("birthDate")) == null ? void 0 : V.disabled,
+              disabled: (D = l("birthDate")) == null ? void 0 : D.disabled,
               onChange: (s) => {
                 d("birthDate", s), r("birthDate", s, e);
               }
             }
           ),
-          !i && /* @__PURE__ */ a.jsx(
-            k,
+          !m && /* @__PURE__ */ a.jsx(
+            R,
             {
               value: n.email,
-              isErrored: !!t.email,
+              isErrored: !!o.email,
               explanation: /* @__PURE__ */ a.jsx(
-                m,
+                i,
                 {
                   id: "emailExplanation",
                   defaultMessage: "Personal or school email is fine"
@@ -228,17 +229,17 @@ const Ne = ({
               onChange: (s) => {
                 d("email", s), r("email", s, e);
               },
-              onKeyDown: (s) => ue(s),
-              disabled: (D = l("email")) == null ? void 0 : D.disabled
+              onKeyDown: (s) => me(s),
+              disabled: (P = l("email")) == null ? void 0 : P.disabled
             }
           ),
           e.programTheme.isSmsNotifierConfigured || e.programTheme.smsLoopEnabled ? /* @__PURE__ */ a.jsx(
-            pe,
+            ue,
             {
               isRequired: !!e.programTheme.smsLoopEnabled,
               value: n.phoneNumber,
-              isErrored: !!t.phoneNumber,
-              disabled: (P = l("phoneNumber")) == null ? void 0 : P.disabled,
+              isErrored: !!o.phoneNumber,
+              disabled: (T = l("phoneNumber")) == null ? void 0 : T.disabled,
               onChange: (s) => {
                 d("phoneNumber", s), r(
                   "phoneNumber",
@@ -249,14 +250,14 @@ const Ne = ({
               selectedCountryCode: n.countryChoice && n.countryChoice.value
             }
           ) : null,
-          (h.customFormFields || []).map((s) => /* @__PURE__ */ a.jsx(be, { config: s, verificationService: e })),
+          (h.customFormFields || []).map((s) => /* @__PURE__ */ a.jsx(pe, { config: s, verificationService: e })),
           " ",
           /* @__PURE__ */ a.jsx(
-            Ce,
+            be,
             {
               verificationService: e,
-              isErrored: !!t.marketConsentValue,
-              disabled: (T = l("marketConsentValue")) == null ? void 0 : T.disabled,
+              isErrored: !!o.marketConsentValue,
+              disabled: (k = l("marketConsentValue")) == null ? void 0 : k.disabled,
               onChange: (s) => {
                 d("metadata", {
                   ...e.viewModel.metadata,
@@ -272,14 +273,14 @@ const Ne = ({
           ),
           /* @__PURE__ */ a.jsx(ce, { verificationService: e, suffix: "CollectAboveSubmit" }),
           /* @__PURE__ */ a.jsx(
-            ge,
+            Ce,
             {
-              step: he.collectStudentPersonalInfo,
+              step: ge.collectStudentPersonalInfo,
               verificationService: e,
               viewModel: n,
-              failedInstantMatch: X,
+              failedInstantMatch: Y,
               buttonText: /* @__PURE__ */ a.jsx(
-                m,
+                i,
                 {
                   id: "step.personalInfo.submitButtonText",
                   defaultMessage: "Verify My Student Status"
@@ -291,7 +292,7 @@ const Ne = ({
       ]
     }
   );
-}, Fe = je;
+}, ye = je;
 export {
-  Fe as default
+  ye as default
 };