@sheerid/jslib-nightly 2.121.0-alpha.0 → 2.121.0-alpha.2

package/chunk/{index-DhGg9lvf.js → index-BJg9BX3v.js}

@@ -4,26 +4,26 @@
  *   This file is not intended for use in other contexts and there are no guarantees about its behavior outside of MySheerID.
  */ 
 /**
- *   VERSION: 2.121.0-alpha.0
- *   BUILD_TIMESTAMP: 1753182744638
- *   BUILD_DATE: Tue Jul 22 2025 11:12:24 GMT+0000 (Coordinated Universal Time)
+ *   VERSION: 2.121.0-alpha.2
+ *   BUILD_TIMESTAMP: 1754415866350
+ *   BUILD_DATE: Tue Aug 05 2025 17:44:26 GMT+0000 (Coordinated Universal Time)
  *   BUILD_COMMIT: 091dfb82603775b7de0bf8cf799f963fc4950e98
  */
-import { i as A, h as T, _ as k, $ as q, d as B, R as L, u as d, j as o, t as W, v as w, P as H, w as U, Q as K, g as l, x as O, y as z, W as G, a0 as Q, z as _, B as $, E as J, e as X, D as Y, G as Z, M as S, H as v, f as ee, V as se, b as ae, a1 as oe } from "../_mysheerid-preview.js";
-import { u as te } from "./useCollectFieldsEndpoint-C5fsaYJe.js";
+import { i as V, h as k, $ as A, a0 as q, d as B, R as L, f as d, j as o, v as w, w as H, P as U, x as W, T as K, g as l, y as O, z, X as G, a1 as X, B as $, D as J, E as Q, e as Y, G as Z, H as _, M as S, I as v, k as ee, V as se, b as ae, a2 as oe } from "../_mysheerid-preview.js";
+import { u as te } from "./useCollectFieldsEndpoint-DPX8CT4Y.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(
+  const a = s.viewModel, { fieldValidationErrors: t } = s, r = s.verificationResponse, E = k(r), I = A(
     s.programTheme,
     j
-  ), 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 = 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 = H();
   !t.phoneNumber && r.errorIds && r.errorIds.includes("invalidPhoneNumber") && s.updateFieldValidationErrors({
     ...t,
     phoneNumber: "invalidPhoneNumber"
   });
   const n = (e, R) => {
-    const V = oe(a, e, R);
-    s.updateViewModel(V);
+    const T = oe(a, e, R);
+    s.updateViewModel(T);
   }, { isFieldRequired: u } = te({
     verificationId: r.verificationId,
     currentStep: r.currentStep,
@@ -33,13 +33,13 @@ const de = ({ verificationService: s, intl: j }) => {
   return L.useEffect(() => {
     d("phoneNumber", a.phoneNumber, s);
   }, [a.country]), /* @__PURE__ */ o.jsxs(
-    W,
+    w,
     {
       verificationService: s,
       step: r.currentStep,
       children: [
-        /* @__PURE__ */ o.jsx(H, { verificationService: s, classNameIdentifier: "age" }),
-        /* @__PURE__ */ o.jsx(U, { verificationService: s }),
+        /* @__PURE__ */ o.jsx(U, { verificationService: s, classNameIdentifier: "age" }),
+        /* @__PURE__ */ o.jsx(W, { verificationService: s }),
         /* @__PURE__ */ o.jsx(
           K,
           {
@@ -84,7 +84,7 @@ const de = ({ verificationService: s, intl: j }) => {
           }
         ),
         u("city") && /* @__PURE__ */ o.jsx(
-          Q,
+          X,
           {
             value: a.city,
             isRequired: !0,
@@ -97,7 +97,7 @@ const de = ({ verificationService: s, intl: j }) => {
           }
         ),
         u("address1") && /* @__PURE__ */ o.jsx(
-          _,
+          $,
           {
             value: a.address1,
             isRequired: !0,
@@ -109,7 +109,7 @@ const de = ({ verificationService: s, intl: j }) => {
           }
         ),
         u("postalCode") && /* @__PURE__ */ o.jsx(
-          $,
+          J,
           {
             isErrored: !!t.postalCode,
             onChange: (e) => {
@@ -120,19 +120,19 @@ const de = ({ verificationService: s, intl: j }) => {
           }
         ),
         /* @__PURE__ */ o.jsx(
-          J,
+          Q,
           {
             value: a.email,
             isErrored: !!t.email,
             onChange: (e) => {
               n("email", e), d("email", e, s);
             },
-            onKeyDown: (e) => X(e),
+            onKeyDown: (e) => Y(e),
             disabled: (N = l("email")) == null ? void 0 : N.disabled
           }
         ),
         c ? /* @__PURE__ */ o.jsx(
-          Y,
+          Z,
           {
             isRequired: f,
             value: a.phoneNumber,
@@ -144,7 +144,7 @@ const de = ({ verificationService: s, intl: j }) => {
             disabled: (x = l("phoneNumber")) == null ? void 0 : x.disabled
           }
         ) : null,
-        D.customFormFields.map((e) => /* @__PURE__ */ o.jsx(Z, { config: e, verificationService: s })),
+        D.customFormFields.map((e) => /* @__PURE__ */ o.jsx(_, { config: e, verificationService: s })),
         /* @__PURE__ */ o.jsx(
           S,
           {
@@ -180,7 +180,7 @@ const de = ({ verificationService: s, intl: j }) => {
       ]
     }
   );
-}, re = A(de);
+}, re = V(de);
 export {
   re as default
 };

package/chunk/{index-BDrKYann.js.map → index-BJg9BX3v.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index-BDrKYann.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-BJg9BX3v.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-BDrKYann.js → index-BLIxYZFr.js}

@@ -1,25 +1,25 @@
 
 /**
- *   VERSION: 2.121.0-alpha.0
- *   BUILD_TIMESTAMP: 1753182695255
- *   BUILD_DATE: Tue Jul 22 2025 11:11:35 GMT+0000 (Coordinated Universal Time)
+ *   VERSION: 2.121.0-alpha.2
+ *   BUILD_TIMESTAMP: 1754415801298
+ *   BUILD_DATE: Tue Aug 05 2025 17:43:21 GMT+0000 (Coordinated Universal Time)
  *   BUILD_COMMIT: 091dfb82603775b7de0bf8cf799f963fc4950e98
  */
-import { i as A, h as T, _ as k, $ as q, d as B, R as L, u as d, j as o, t as W, v as w, P as H, w as U, Q as K, g as l, x as O, y as z, W as G, a0 as Q, z as _, B as $, E as J, e as X, D as Y, G as Z, M as S, H as v, f as ee, V as se, b as ae, a1 as oe } from "../sheerid.js";
-import { u as te } from "./useCollectFieldsEndpoint-kmLFyUA-.js";
+import { i as V, h as k, $ as A, a0 as q, d as B, R as L, f as d, j as o, v as w, w as H, P as U, x as W, T as K, g as l, y as O, z, X as G, a1 as X, B as $, D as J, E as Q, e as Y, G as Z, H as _, M as S, I as v, k as ee, V as se, b as ae, a2 as oe } from "../sheerid.js";
+import { u as te } from "./useCollectFieldsEndpoint-DFo1yXvN.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(
+  const a = s.viewModel, { fieldValidationErrors: t } = s, r = s.verificationResponse, E = k(r), I = A(
     s.programTheme,
     j
-  ), 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 = 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 = H();
   !t.phoneNumber && r.errorIds && r.errorIds.includes("invalidPhoneNumber") && s.updateFieldValidationErrors({
     ...t,
     phoneNumber: "invalidPhoneNumber"
   });
   const n = (e, R) => {
-    const V = oe(a, e, R);
-    s.updateViewModel(V);
+    const T = oe(a, e, R);
+    s.updateViewModel(T);
   }, { isFieldRequired: u } = te({
     verificationId: r.verificationId,
     currentStep: r.currentStep,
@@ -29,13 +29,13 @@ const de = ({ verificationService: s, intl: j }) => {
   return L.useEffect(() => {
     d("phoneNumber", a.phoneNumber, s);
   }, [a.country]), /* @__PURE__ */ o.jsxs(
-    W,
+    w,
     {
       verificationService: s,
       step: r.currentStep,
       children: [
-        /* @__PURE__ */ o.jsx(H, { verificationService: s, classNameIdentifier: "age" }),
-        /* @__PURE__ */ o.jsx(U, { verificationService: s }),
+        /* @__PURE__ */ o.jsx(U, { verificationService: s, classNameIdentifier: "age" }),
+        /* @__PURE__ */ o.jsx(W, { verificationService: s }),
         /* @__PURE__ */ o.jsx(
           K,
           {
@@ -80,7 +80,7 @@ const de = ({ verificationService: s, intl: j }) => {
           }
         ),
         u("city") && /* @__PURE__ */ o.jsx(
-          Q,
+          X,
           {
             value: a.city,
             isRequired: !0,
@@ -93,7 +93,7 @@ const de = ({ verificationService: s, intl: j }) => {
           }
         ),
         u("address1") && /* @__PURE__ */ o.jsx(
-          _,
+          $,
           {
             value: a.address1,
             isRequired: !0,
@@ -105,7 +105,7 @@ const de = ({ verificationService: s, intl: j }) => {
           }
         ),
         u("postalCode") && /* @__PURE__ */ o.jsx(
-          $,
+          J,
           {
             isErrored: !!t.postalCode,
             onChange: (e) => {
@@ -116,19 +116,19 @@ const de = ({ verificationService: s, intl: j }) => {
           }
         ),
         /* @__PURE__ */ o.jsx(
-          J,
+          Q,
           {
             value: a.email,
             isErrored: !!t.email,
             onChange: (e) => {
               n("email", e), d("email", e, s);
             },
-            onKeyDown: (e) => X(e),
+            onKeyDown: (e) => Y(e),
             disabled: (N = l("email")) == null ? void 0 : N.disabled
           }
         ),
         c ? /* @__PURE__ */ o.jsx(
-          Y,
+          Z,
           {
             isRequired: f,
             value: a.phoneNumber,
@@ -140,7 +140,7 @@ const de = ({ verificationService: s, intl: j }) => {
             disabled: (x = l("phoneNumber")) == null ? void 0 : x.disabled
           }
         ) : null,
-        D.customFormFields.map((e) => /* @__PURE__ */ o.jsx(Z, { config: e, verificationService: s })),
+        D.customFormFields.map((e) => /* @__PURE__ */ o.jsx(_, { config: e, verificationService: s })),
         /* @__PURE__ */ o.jsx(
           S,
           {
@@ -176,7 +176,7 @@ const de = ({ verificationService: s, intl: j }) => {
       ]
     }
   );
-}, re = A(de);
+}, re = V(de);
 export {
   re as default
 };

package/chunk/{index-DhGg9lvf.js.map → index-BLIxYZFr.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index-DhGg9lvf.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-BLIxYZFr.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-Gfy-1H7s.js → index-BU0HFLKm.js}

@@ -1,12 +1,12 @@
 
 /**
- *   VERSION: 2.121.0-alpha.0
- *   BUILD_TIMESTAMP: 1753182695255
- *   BUILD_DATE: Tue Jul 22 2025 11:11:35 GMT+0000 (Coordinated Universal Time)
+ *   VERSION: 2.121.0-alpha.2
+ *   BUILD_TIMESTAMP: 1754415801298
+ *   BUILD_DATE: Tue Aug 05 2025 17:43:21 GMT+0000 (Coordinated Universal Time)
  *   BUILD_COMMIT: 091dfb82603775b7de0bf8cf799f963fc4950e98
  */
-import { j as s, L as c, b as a, A as p, O as g, K as u, V as d, k as x, u as b, l as j, m as h, i as E } from "../sheerid.js";
-import { EmailLoopPendingComponent as f } from "./EmailLoopPending-Dy8mLFvV.js";
+import { j as s, L as c, b as a, A as p, Q as g, N as u, V as d, m as x, f as b, l as j, n as h, i as E } from "../sheerid.js";
+import { EmailLoopPendingComponent as f } from "./EmailLoopPending-CHILFZYc.js";
 const L = ({
   verificationService: e
 }) => {

package/chunk/{index-CTb96lOK.js.map → index-BU0HFLKm.js.map}

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

package/chunk/{index-BORxVuto.js → index-Bofro8C_.js}

@@ -1,11 +1,11 @@
 
 /**
- *   VERSION: 2.121.0-alpha.0
- *   BUILD_TIMESTAMP: 1753182695255
- *   BUILD_DATE: Tue Jul 22 2025 11:11:35 GMT+0000 (Coordinated Universal Time)
+ *   VERSION: 2.121.0-alpha.2
+ *   BUILD_TIMESTAMP: 1754415801298
+ *   BUILD_DATE: Tue Aug 05 2025 17:43:21 GMT+0000 (Coordinated Universal Time)
  *   BUILD_COMMIT: 091dfb82603775b7de0bf8cf799f963fc4950e98
  */
-import { m as Ee, aU as Be, aV as K, aW as q, aX as gt, s as f, R as xt, aY as g, j as t, aZ as n, aL as u, b as h, i as bt, ai as be, as as yt, aH as It, a_ as Et, d as vt, a$ as ze, L as Ut, A as jt, b0 as Dt, af as _t, J as At, b1 as wt, b2 as Rt, b3 as Ft, k as Nt, l as Oe, V as ye, ah as Ct, b4 as Tt, b5 as Ot, b6 as St } from "../sheerid.js";
+import { n as Ee, aV as Be, aW as K, aX as q, aY as gt, t as f, R as xt, aZ as g, j as t, a_ as n, aM as u, b as h, i as bt, aj as be, at as yt, aI as It, a$ as Et, d as vt, b0 as ze, L as Ut, A as jt, b1 as Dt, ag as _t, K as At, b2 as wt, b3 as Rt, b4 as Ft, m as Nt, l as Oe, V as ye, ai as Ct, b5 as Tt, b6 as Ot, b7 as St } from "../sheerid.js";
 const Lt = (e, a, o) => Ee(e, (r) => {
   Object.keys(e).filter((s) => !!e[s] && s.includes("file")).map((s) => e[s]).concat(a, Array(Be).fill(void 0)).splice(0, 3).forEach((s, d) => r[`file${d + 1}`] = s), o ? r.erroredFileNames = o : r.erroredFileNames = void 0;
 }), Mt = (e, a) => {