@sheerid/jslib-nightly 2.286.0-alpha.1 → 2.286.0-alpha.3

package/chunk/{StepDriverLicensePersonalInfoComponent-B1VHkdrS.js → StepDriverLicensePersonalInfoComponent-Bgoq1VW8.js}

@@ -4,25 +4,25 @@
  *   This file is not intended for use in other contexts and there are no guarantees about its behavior outside of MySheerID.
  */ 
 /**
- *   VERSION: 2.286.0-alpha.1
- *   BUILD_TIMESTAMP: 1789583680538
- *   BUILD_DATE: Wed Sep 16 2026 18:34:40 GMT+0000 (Coordinated Universal Time)
+ *   VERSION: 2.286.0-alpha.3
+ *   BUILD_TIMESTAMP: 1789599765490
+ *   BUILD_DATE: Wed Sep 16 2026 23:02:45 GMT+0000 (Coordinated Universal Time)
  *   BUILD_COMMIT: 58cd071e490202b546ec8addac4434c422af952d
  */
-import { p as e, s as t } from "./intl-CvSmE54g.js";
+import { p as e, s as t } from "./intl-D0f52P7V.js";
 import { b as n } from "./runtimeTypes-B2AGNJMT.js";
-import { a as r, n as i, t as a } from "./jsx-runtime-JSlXFmKD.js";
-import { p as o } from "./FormFooterComponent-C8-JM5_T.js";
+import { a as r, n as i, t as a } from "./jsx-runtime-FfARtXk2.js";
+import { p as o } from "./FormFooterComponent-C9-FFS7X.js";
 import { a as s } from "./refs-Mq0rtW9K.js";
 import { t as c } from "../_mysheerid-preview.js";
-import { c as l, g as u, i as d, n as f } from "./stepComponentHelpers-DKGaTSta.js";
-import { a as p, i as m, n as h, o as g, s as _, t as v } from "./CaptchaComponent-DIkA9FFI.js";
-import { n as y, t as b } from "./PersonalInfoStepSubmitButton-DLAOVDlb.js";
-import { t as x } from "./ExtraMessage-BqSJhjGv.js";
-import { t as S } from "./ChangeLocaleComponent-CIxj6nDo.js";
-import { t as C } from "./PersonalInfoStepWrapper-DRRgtniH.js";
-import { t as w } from "./StateSelectComponent-DHUEIhlv.js";
-import { t as T } from "./DriverLicenseNumberComponent-CZd9OQHL.js";
+import { m as l, n as u, o as d, t as f } from "./stepComponentHelpers-CHUPcQfA.js";
+import { a as p, i as m, n as h, o as g, s as _, t as v } from "./CaptchaComponent-BOrQUXZ-.js";
+import { n as y, t as b } from "./PersonalInfoStepSubmitButton-CnRP_jr_.js";
+import { t as x } from "./ExtraMessage-CDIXQdFV.js";
+import { t as S } from "./ChangeLocaleComponent-QWUZxrex.js";
+import { t as C } from "./PersonalInfoStepWrapper-B4voDcYc.js";
+import { t as w } from "./StateSelectComponent-CfLMFuMY.js";
+import { t as T } from "./DriverLicenseNumberComponent-BCt1L2GH.js";
 //#region src/components/StepIdentityPersonalInfo/StepDriverLicensePersonalInfoComponent.tsx
 var E = a(), D = ({ intl: r, verificationService: a }) => {
 	let D = a.viewModel, { fieldValidationErrors: O } = a, k = a.verificationResponse, A = o(k), j = t(), M = (t, n) => {
@@ -45,16 +45,16 @@ var E = a(), D = ({ intl: r, verificationService: a }) => {
 				children: [/* @__PURE__ */ (0, E.jsx)(p, {
 					value: D.firstName,
 					isErrored: !!O.firstName,
-					disabled: d("firstName")?.disabled,
+					disabled: u("firstName")?.disabled,
 					onChange: (e) => {
-						M("firstName", e), u("firstName", e, a);
+						M("firstName", e), l("firstName", e, a);
 					}
 				}), /* @__PURE__ */ (0, E.jsx)(m, {
 					value: D.lastName,
 					isErrored: !!O.lastName,
-					disabled: d("lastName")?.disabled,
+					disabled: u("lastName")?.disabled,
 					onChange: (e) => {
-						M("lastName", e), u("lastName", e, a);
+						M("lastName", e), l("lastName", e, a);
 					}
 				})]
 			}),
@@ -66,30 +66,30 @@ var E = a(), D = ({ intl: r, verificationService: a }) => {
 					defaultMessage: "Personal email address is recommended"
 				}),
 				onChange: (e) => {
-					M("email", e), u("email", e, a);
+					M("email", e), l("email", e, a);
 				},
-				onKeyDown: (e) => l(e),
-				disabled: d("email")?.disabled
+				onKeyDown: (e) => d(e),
+				disabled: u("email")?.disabled
 			}),
 			a.programTheme.isSmsNotifierConfigured || a.programTheme.smsLoopEnabled ? /* @__PURE__ */ (0, E.jsx)(g, {
 				isRequired: !!a.programTheme.smsLoopEnabled,
 				value: D.phoneNumber,
 				isErrored: !!O.phoneNumber,
 				onChange: (e) => {
-					M("phoneNumber", e), u("phoneNumber", e, a);
+					M("phoneNumber", e), l("phoneNumber", e, a);
 				},
 				selectedCountryCode: D.countryChoice && D.countryChoice.value,
-				disabled: d("phoneNumber")?.disabled
+				disabled: u("phoneNumber")?.disabled
 			}) : null,
 			/* @__PURE__ */ (0, E.jsx)(w, {
 				isRequired: !0,
 				options: f(a.programTheme, r),
 				value: D.state || void 0,
 				isErrored: !!O.state,
-				disabled: d("state")?.disabled,
+				disabled: u("state")?.disabled,
 				onChange: async (e) => {
 					let t = e ? e.value : void 0;
-					M("state", t), u("state", t, a);
+					M("state", t), l("state", t, a);
 				},
 				label: /* @__PURE__ */ (0, E.jsx)(i, {
 					id: "driverLicenseState",
@@ -100,9 +100,9 @@ var E = a(), D = ({ intl: r, verificationService: a }) => {
 				value: D.driverLicenseNumber,
 				isErrored: !!O.driverLicenseNumber,
 				isRequired: !0,
-				disabled: d("driverLicenseNumber")?.disabled,
+				disabled: u("driverLicenseNumber")?.disabled,
 				onChange: (e) => {
-					M("driverLicenseNumber", e), u("driverLicenseNumber", e, a);
+					M("driverLicenseNumber", e), l("driverLicenseNumber", e, a);
 				}
 			}),
 			j.customFormFields.map((e) => /* @__PURE__ */ (0, E.jsx)(h, {
@@ -116,10 +116,10 @@ var E = a(), D = ({ intl: r, verificationService: a }) => {
 					M("metadata", {
 						...a.viewModel.metadata,
 						marketConsentValue: e
-					}), u("marketConsentValue", e, a);
+					}), l("marketConsentValue", e, a);
 				},
 				viewModel: D,
-				disabled: d("marketConsentValue")?.disabled
+				disabled: u("marketConsentValue")?.disabled
 			}),
 			/* @__PURE__ */ (0, E.jsx)(x, {
 				verificationService: a,

package/chunk/{StepDriverLicensePersonalInfoComponent-B1VHkdrS.js.map → StepDriverLicensePersonalInfoComponent-Bgoq1VW8.js.map}

@@ -1 +1 @@
-{"version":3,"file":"StepDriverLicensePersonalInfoComponent-B1VHkdrS.js","names":[],"sources":["../../src/components/StepIdentityPersonalInfo/StepDriverLicensePersonalInfoComponent.tsx"],"sourcesContent":["/**\n * TODO - preamble\n */\nimport { FormattedHTMLMessage, injectIntl } from \"react-intl\";\nimport { produce } from \"immer\";\n\nimport { VerificationStepsEnum } from \"../../lib/types/runtimeTypes\";\nimport { hasFailedInstantMatch } from \"../../lib/VerificationService/VerificationServiceHelpers\";\nimport { resetRefs } from \"../../lib/refs/refs\";\nimport {\n  type VerificationService,\n  type DriverLicensePersonalInfoViewModel,\n  type DriverLicensePersonalInfoResponse,\n  type State,\n  type FormSelectChoice,\n  type CustomFormFieldConfig,\n} from \"../../lib/types/types\";\nimport {\n  getAvailableStateChoices,\n  getFieldConfigByFieldId,\n  handleEmailOnKeyDown,\n  updateFieldValidationErrorsByFieldId,\n} from \"../../lib/utils/stepComponentHelpers/stepComponentHelpers\";\nimport { PhoneNumberComponent as PhoneNumber } from \"../FormFields/PhoneNumber/PhoneNumberComponent\";\nimport { FirstNameComponent as FirstName } from \"../FormFields/FirstName/FirstNameComponent\";\nimport { LastNameComponent as LastName } from \"../FormFields/LastName/LastNameComponent\";\nimport { EmailComponent as Email } from \"../FormFields/Email/EmailComponent\";\nimport { MarketConsentWrapperComponent as MarketConsentWrapper } from \"../FormFields/MarketConsentWrapper/MarketConsentWrapperComponent\";\nimport { DriverLicenseNumberComponent as DriverLicenseNumber } from \"../FormFields/DriverLicenseNumber/DriverLicenseNumberComponent\";\nimport { StateSelectComponent } from \"../FormFields/State/StateSelectComponent\";\nimport { FormFieldCustom } from \"../FormFields/FormFieldCustom/FormFieldCustom\";\nimport { getOptions } from \"../../options/options\";\nimport { ExtraMessage } from \"../ExtraMessage\";\nimport { ChangeLocaleV2Component } from \"../FormFields/ChangeLocale/ChangeLocaleComponent\";\nimport { PersonalInfoWrapper } from \"../PersonalInfoStepWrapper/PersonalInfoStepWrapper\";\nimport { PersonalInfoStepSubmitButton } from \"../PersonalInfoStepSubmitButton/PersonalInfoStepSubmitButton\";\nimport { PersonalInfoHeader } from \"../FormHeader/StepHeaders/PersonalInfoHeaderComponent\";\nimport { CaptchaComponent } from \"../FormFields/Captcha/CaptchaComponent\";\n\ninterface StepDriverLicensePersonalInfoComponentProps {\n  intl: any;\n  verificationService: VerificationService;\n}\n\nexport const StepDriverLicensePersonalInfo = ({\n  intl,\n  verificationService,\n}: StepDriverLicensePersonalInfoComponentProps) => {\n  const viewModel = verificationService.viewModel as DriverLicensePersonalInfoViewModel;\n  const { fieldValidationErrors } = verificationService;\n  const verificationResponse =\n    verificationService.verificationResponse as DriverLicensePersonalInfoResponse;\n  const failedInstantMatch = hasFailedInstantMatch(verificationResponse);\n  const options = getOptions();\n\n  const updateIdentityViewModel = (key: keyof DriverLicensePersonalInfoViewModel, value: any) => {\n    const nextState: DriverLicensePersonalInfoViewModel = produce(\n      viewModel,\n      (draft: DriverLicensePersonalInfoViewModel) => {\n        (draft[key] as any) = value;\n      },\n    );\n    verificationService.updateViewModel(nextState);\n  };\n\n  // Refs should be reset to ensure the field order isn't affected by the previous step\n  resetRefs();\n\n  return (\n    <PersonalInfoWrapper\n      verificationService={verificationService}\n      step={verificationResponse.currentStep}\n    >\n      <PersonalInfoHeader\n        verificationService={verificationService}\n        classNameIdentifier=\"drivers-license\"\n      />\n\n      <ChangeLocaleV2Component verificationService={verificationService} />\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            updateIdentityViewModel(\"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            updateIdentityViewModel(\"lastName\", newValue);\n            updateFieldValidationErrorsByFieldId(\"lastName\", newValue, verificationService);\n          }}\n        />\n      </div>\n\n      <Email\n        value={viewModel.email}\n        isErrored={!!fieldValidationErrors.email}\n        explanation={\n          <FormattedHTMLMessage\n            id=\"emailExplanation\"\n            defaultMessage=\"Personal email address is recommended\"\n          />\n        }\n        onChange={(newValue) => {\n          updateIdentityViewModel(\"email\", newValue);\n          updateFieldValidationErrorsByFieldId(\"email\", newValue, verificationService);\n        }}\n        onKeyDown={(event) => handleEmailOnKeyDown(event)}\n        disabled={getFieldConfigByFieldId(\"email\")?.disabled}\n      />\n      {verificationService.programTheme.isSmsNotifierConfigured ||\n      verificationService.programTheme.smsLoopEnabled ? (\n        <PhoneNumber\n          isRequired={!!verificationService.programTheme.smsLoopEnabled}\n          value={viewModel.phoneNumber}\n          isErrored={!!fieldValidationErrors.phoneNumber}\n          onChange={(newValue) => {\n            updateIdentityViewModel(\"phoneNumber\", newValue);\n            updateFieldValidationErrorsByFieldId(\"phoneNumber\", newValue, verificationService);\n          }}\n          selectedCountryCode={viewModel.countryChoice && viewModel.countryChoice.value}\n          disabled={getFieldConfigByFieldId(\"phoneNumber\")?.disabled}\n        />\n      ) : null}\n      <StateSelectComponent\n        isRequired\n        options={getAvailableStateChoices(verificationService.programTheme, intl)}\n        value={viewModel.state || undefined}\n        isErrored={Boolean(fieldValidationErrors.state)}\n        disabled={getFieldConfigByFieldId(\"state\")?.disabled}\n        onChange={async (stateChoice: FormSelectChoice<State, string>) => {\n          const stateValue = stateChoice ? stateChoice.value : undefined;\n          updateIdentityViewModel(\"state\", stateValue);\n          updateFieldValidationErrorsByFieldId(\"state\", stateValue, verificationService);\n        }}\n        label={\n          <FormattedHTMLMessage id=\"driverLicenseState\" defaultMessage=\"Driver license state\" />\n        }\n      />\n      <DriverLicenseNumber\n        value={viewModel.driverLicenseNumber}\n        isErrored={!!fieldValidationErrors.driverLicenseNumber}\n        isRequired\n        disabled={getFieldConfigByFieldId(\"driverLicenseNumber\")?.disabled}\n        onChange={(newValue) => {\n          updateIdentityViewModel(\"driverLicenseNumber\", newValue);\n          updateFieldValidationErrorsByFieldId(\n            \"driverLicenseNumber\",\n            newValue,\n            verificationService,\n          );\n        }}\n      />\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          updateIdentityViewModel(\"metadata\", {\n            ...verificationService.viewModel.metadata,\n            marketConsentValue: newValue,\n          });\n          updateFieldValidationErrorsByFieldId(\"marketConsentValue\", newValue, verificationService);\n        }}\n        viewModel={viewModel}\n        disabled={getFieldConfigByFieldId(\"marketConsentValue\")?.disabled}\n      />\n\n      <ExtraMessage verificationService={verificationService} suffix=\"CollectAboveSubmit\" />\n\n      <CaptchaComponent\n        verificationService={verificationService}\n        isErrored={!!fieldValidationErrors.captchaToken}\n      />\n\n      <PersonalInfoStepSubmitButton\n        step={VerificationStepsEnum.collectDriverLicensePersonalInfo}\n        verificationService={verificationService}\n        viewModel={viewModel}\n        failedInstantMatch={failedInstantMatch}\n        buttonText={\n          <FormattedHTMLMessage\n            id=\"step.personalInfo.submitButtonText\"\n            defaultMessage=\"Verify My Identity\"\n          />\n        }\n      />\n    </PersonalInfoWrapper>\n  );\n};\n\nexport const StepDriverLicensePersonalInfoComponent = injectIntl(StepDriverLicensePersonalInfo);\nexport default StepDriverLicensePersonalInfoComponent;\n"],"mappings":"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"}
+{"version":3,"file":"StepDriverLicensePersonalInfoComponent-Bgoq1VW8.js","names":[],"sources":["../../src/components/StepIdentityPersonalInfo/StepDriverLicensePersonalInfoComponent.tsx"],"sourcesContent":["/**\n * TODO - preamble\n */\nimport { FormattedHTMLMessage, injectIntl } from \"react-intl\";\nimport { produce } from \"immer\";\n\nimport { VerificationStepsEnum } from \"../../lib/types/runtimeTypes\";\nimport { hasFailedInstantMatch } from \"../../lib/VerificationService/VerificationServiceHelpers\";\nimport { resetRefs } from \"../../lib/refs/refs\";\nimport {\n  type VerificationService,\n  type DriverLicensePersonalInfoViewModel,\n  type DriverLicensePersonalInfoResponse,\n  type State,\n  type FormSelectChoice,\n  type CustomFormFieldConfig,\n} from \"../../lib/types/types\";\nimport {\n  getAvailableStateChoices,\n  getFieldConfigByFieldId,\n  handleEmailOnKeyDown,\n  updateFieldValidationErrorsByFieldId,\n} from \"../../lib/utils/stepComponentHelpers/stepComponentHelpers\";\nimport { PhoneNumberComponent as PhoneNumber } from \"../FormFields/PhoneNumber/PhoneNumberComponent\";\nimport { FirstNameComponent as FirstName } from \"../FormFields/FirstName/FirstNameComponent\";\nimport { LastNameComponent as LastName } from \"../FormFields/LastName/LastNameComponent\";\nimport { EmailComponent as Email } from \"../FormFields/Email/EmailComponent\";\nimport { MarketConsentWrapperComponent as MarketConsentWrapper } from \"../FormFields/MarketConsentWrapper/MarketConsentWrapperComponent\";\nimport { DriverLicenseNumberComponent as DriverLicenseNumber } from \"../FormFields/DriverLicenseNumber/DriverLicenseNumberComponent\";\nimport { StateSelectComponent } from \"../FormFields/State/StateSelectComponent\";\nimport { FormFieldCustom } from \"../FormFields/FormFieldCustom/FormFieldCustom\";\nimport { getOptions } from \"../../options/options\";\nimport { ExtraMessage } from \"../ExtraMessage\";\nimport { ChangeLocaleV2Component } from \"../FormFields/ChangeLocale/ChangeLocaleComponent\";\nimport { PersonalInfoWrapper } from \"../PersonalInfoStepWrapper/PersonalInfoStepWrapper\";\nimport { PersonalInfoStepSubmitButton } from \"../PersonalInfoStepSubmitButton/PersonalInfoStepSubmitButton\";\nimport { PersonalInfoHeader } from \"../FormHeader/StepHeaders/PersonalInfoHeaderComponent\";\nimport { CaptchaComponent } from \"../FormFields/Captcha/CaptchaComponent\";\n\ninterface StepDriverLicensePersonalInfoComponentProps {\n  intl: any;\n  verificationService: VerificationService;\n}\n\nexport const StepDriverLicensePersonalInfo = ({\n  intl,\n  verificationService,\n}: StepDriverLicensePersonalInfoComponentProps) => {\n  const viewModel = verificationService.viewModel as DriverLicensePersonalInfoViewModel;\n  const { fieldValidationErrors } = verificationService;\n  const verificationResponse =\n    verificationService.verificationResponse as DriverLicensePersonalInfoResponse;\n  const failedInstantMatch = hasFailedInstantMatch(verificationResponse);\n  const options = getOptions();\n\n  const updateIdentityViewModel = (key: keyof DriverLicensePersonalInfoViewModel, value: any) => {\n    const nextState: DriverLicensePersonalInfoViewModel = produce(\n      viewModel,\n      (draft: DriverLicensePersonalInfoViewModel) => {\n        (draft[key] as any) = value;\n      },\n    );\n    verificationService.updateViewModel(nextState);\n  };\n\n  // Refs should be reset to ensure the field order isn't affected by the previous step\n  resetRefs();\n\n  return (\n    <PersonalInfoWrapper\n      verificationService={verificationService}\n      step={verificationResponse.currentStep}\n    >\n      <PersonalInfoHeader\n        verificationService={verificationService}\n        classNameIdentifier=\"drivers-license\"\n      />\n\n      <ChangeLocaleV2Component verificationService={verificationService} />\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            updateIdentityViewModel(\"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            updateIdentityViewModel(\"lastName\", newValue);\n            updateFieldValidationErrorsByFieldId(\"lastName\", newValue, verificationService);\n          }}\n        />\n      </div>\n\n      <Email\n        value={viewModel.email}\n        isErrored={!!fieldValidationErrors.email}\n        explanation={\n          <FormattedHTMLMessage\n            id=\"emailExplanation\"\n            defaultMessage=\"Personal email address is recommended\"\n          />\n        }\n        onChange={(newValue) => {\n          updateIdentityViewModel(\"email\", newValue);\n          updateFieldValidationErrorsByFieldId(\"email\", newValue, verificationService);\n        }}\n        onKeyDown={(event) => handleEmailOnKeyDown(event)}\n        disabled={getFieldConfigByFieldId(\"email\")?.disabled}\n      />\n      {verificationService.programTheme.isSmsNotifierConfigured ||\n      verificationService.programTheme.smsLoopEnabled ? (\n        <PhoneNumber\n          isRequired={!!verificationService.programTheme.smsLoopEnabled}\n          value={viewModel.phoneNumber}\n          isErrored={!!fieldValidationErrors.phoneNumber}\n          onChange={(newValue) => {\n            updateIdentityViewModel(\"phoneNumber\", newValue);\n            updateFieldValidationErrorsByFieldId(\"phoneNumber\", newValue, verificationService);\n          }}\n          selectedCountryCode={viewModel.countryChoice && viewModel.countryChoice.value}\n          disabled={getFieldConfigByFieldId(\"phoneNumber\")?.disabled}\n        />\n      ) : null}\n      <StateSelectComponent\n        isRequired\n        options={getAvailableStateChoices(verificationService.programTheme, intl)}\n        value={viewModel.state || undefined}\n        isErrored={Boolean(fieldValidationErrors.state)}\n        disabled={getFieldConfigByFieldId(\"state\")?.disabled}\n        onChange={async (stateChoice: FormSelectChoice<State, string>) => {\n          const stateValue = stateChoice ? stateChoice.value : undefined;\n          updateIdentityViewModel(\"state\", stateValue);\n          updateFieldValidationErrorsByFieldId(\"state\", stateValue, verificationService);\n        }}\n        label={\n          <FormattedHTMLMessage id=\"driverLicenseState\" defaultMessage=\"Driver license state\" />\n        }\n      />\n      <DriverLicenseNumber\n        value={viewModel.driverLicenseNumber}\n        isErrored={!!fieldValidationErrors.driverLicenseNumber}\n        isRequired\n        disabled={getFieldConfigByFieldId(\"driverLicenseNumber\")?.disabled}\n        onChange={(newValue) => {\n          updateIdentityViewModel(\"driverLicenseNumber\", newValue);\n          updateFieldValidationErrorsByFieldId(\n            \"driverLicenseNumber\",\n            newValue,\n            verificationService,\n          );\n        }}\n      />\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          updateIdentityViewModel(\"metadata\", {\n            ...verificationService.viewModel.metadata,\n            marketConsentValue: newValue,\n          });\n          updateFieldValidationErrorsByFieldId(\"marketConsentValue\", newValue, verificationService);\n        }}\n        viewModel={viewModel}\n        disabled={getFieldConfigByFieldId(\"marketConsentValue\")?.disabled}\n      />\n\n      <ExtraMessage verificationService={verificationService} suffix=\"CollectAboveSubmit\" />\n\n      <CaptchaComponent\n        verificationService={verificationService}\n        isErrored={!!fieldValidationErrors.captchaToken}\n      />\n\n      <PersonalInfoStepSubmitButton\n        step={VerificationStepsEnum.collectDriverLicensePersonalInfo}\n        verificationService={verificationService}\n        viewModel={viewModel}\n        failedInstantMatch={failedInstantMatch}\n        buttonText={\n          <FormattedHTMLMessage\n            id=\"step.personalInfo.submitButtonText\"\n            defaultMessage=\"Verify My Identity\"\n          />\n        }\n      />\n    </PersonalInfoWrapper>\n  );\n};\n\nexport const StepDriverLicensePersonalInfoComponent = injectIntl(StepDriverLicensePersonalInfo);\nexport default StepDriverLicensePersonalInfoComponent;\n"],"mappings":"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"}

package/chunk/{StepDriverLicensePersonalInfoComponent-CYMVO1se.js → StepDriverLicensePersonalInfoComponent-jEAszJTY.js}

@@ -1,24 +1,24 @@
 
 /**
- *   VERSION: 2.286.0-alpha.1
- *   BUILD_TIMESTAMP: 1789583676758
- *   BUILD_DATE: Wed Sep 16 2026 18:34:36 GMT+0000 (Coordinated Universal Time)
+ *   VERSION: 2.286.0-alpha.3
+ *   BUILD_TIMESTAMP: 1789599761379
+ *   BUILD_DATE: Wed Sep 16 2026 23:02:41 GMT+0000 (Coordinated Universal Time)
  *   BUILD_COMMIT: 58cd071e490202b546ec8addac4434c422af952d
  */
-import { c as e, n as t } from "./options-CRzdSTAR.js";
-import { a as n, n as r, t as i } from "./jsx-runtime-CyXcV_93.js";
+import { c as e, n as t } from "./options-CvRaXPRs.js";
+import { a as n, n as r, t as i } from "./jsx-runtime-ClghfwTa.js";
 import { b as a } from "./runtimeTypes-B2AGNJMT.js";
-import { h as o } from "./FormFooterComponent-CnpcFVui.js";
+import { h as o } from "./FormFooterComponent-C2k9WZOp.js";
 import { a as s } from "./refs-Mq0rtW9K.js";
 import { n as c } from "../sheerid.js";
-import { c as l, g as u, i as d, n as f } from "./stepComponentHelpers-DXPc6DBY.js";
-import { a as p, i as m, n as h, o as g, s as _, t as v } from "./CaptchaComponent-DbYliGoM.js";
-import { n as y, t as b } from "./PersonalInfoStepSubmitButton-B5Dgy7f5.js";
-import { t as x } from "./ExtraMessage-BeVf1e6k.js";
-import { t as S } from "./ChangeLocaleComponent-DLdFkire.js";
-import { t as C } from "./PersonalInfoStepWrapper-pPWIu_wT.js";
-import { t as w } from "./StateSelectComponent-IctaeMW6.js";
-import { t as T } from "./DriverLicenseNumberComponent-39cAg8L5.js";
+import { m as l, n as u, o as d, t as f } from "./stepComponentHelpers-aRQ5l0V5.js";
+import { a as p, i as m, n as h, o as g, s as _, t as v } from "./CaptchaComponent-DzXC22Ic.js";
+import { n as y, t as b } from "./PersonalInfoStepSubmitButton-D669Y5b0.js";
+import { t as x } from "./ExtraMessage-R9KTqaA1.js";
+import { t as S } from "./ChangeLocaleComponent-Cr5Qo4b_.js";
+import { t as C } from "./PersonalInfoStepWrapper-RA-VYuSP.js";
+import { t as w } from "./StateSelectComponent-vUxvraub.js";
+import { t as T } from "./DriverLicenseNumberComponent-BVqwcwtG.js";
 //#region src/components/StepIdentityPersonalInfo/StepDriverLicensePersonalInfoComponent.tsx
 var E = i(), D = ({ intl: n, verificationService: i }) => {
 	let D = i.viewModel, { fieldValidationErrors: O } = i, k = i.verificationResponse, A = o(k), j = t(), M = (t, n) => {
@@ -41,16 +41,16 @@ var E = i(), D = ({ intl: n, verificationService: i }) => {
 				children: [/* @__PURE__ */ (0, E.jsx)(p, {
 					value: D.firstName,
 					isErrored: !!O.firstName,
-					disabled: d("firstName")?.disabled,
+					disabled: u("firstName")?.disabled,
 					onChange: (e) => {
-						M("firstName", e), u("firstName", e, i);
+						M("firstName", e), l("firstName", e, i);
 					}
 				}), /* @__PURE__ */ (0, E.jsx)(m, {
 					value: D.lastName,
 					isErrored: !!O.lastName,
-					disabled: d("lastName")?.disabled,
+					disabled: u("lastName")?.disabled,
 					onChange: (e) => {
-						M("lastName", e), u("lastName", e, i);
+						M("lastName", e), l("lastName", e, i);
 					}
 				})]
 			}),
@@ -62,30 +62,30 @@ var E = i(), D = ({ intl: n, verificationService: i }) => {
 					defaultMessage: "Personal email address is recommended"
 				}),
 				onChange: (e) => {
-					M("email", e), u("email", e, i);
+					M("email", e), l("email", e, i);
 				},
-				onKeyDown: (e) => l(e),
-				disabled: d("email")?.disabled
+				onKeyDown: (e) => d(e),
+				disabled: u("email")?.disabled
 			}),
 			i.programTheme.isSmsNotifierConfigured || i.programTheme.smsLoopEnabled ? /* @__PURE__ */ (0, E.jsx)(g, {
 				isRequired: !!i.programTheme.smsLoopEnabled,
 				value: D.phoneNumber,
 				isErrored: !!O.phoneNumber,
 				onChange: (e) => {
-					M("phoneNumber", e), u("phoneNumber", e, i);
+					M("phoneNumber", e), l("phoneNumber", e, i);
 				},
 				selectedCountryCode: D.countryChoice && D.countryChoice.value,
-				disabled: d("phoneNumber")?.disabled
+				disabled: u("phoneNumber")?.disabled
 			}) : null,
 			/* @__PURE__ */ (0, E.jsx)(w, {
 				isRequired: !0,
 				options: f(i.programTheme, n),
 				value: D.state || void 0,
 				isErrored: !!O.state,
-				disabled: d("state")?.disabled,
+				disabled: u("state")?.disabled,
 				onChange: async (e) => {
 					let t = e ? e.value : void 0;
-					M("state", t), u("state", t, i);
+					M("state", t), l("state", t, i);
 				},
 				label: /* @__PURE__ */ (0, E.jsx)(r, {
 					id: "driverLicenseState",
@@ -96,9 +96,9 @@ var E = i(), D = ({ intl: n, verificationService: i }) => {
 				value: D.driverLicenseNumber,
 				isErrored: !!O.driverLicenseNumber,
 				isRequired: !0,
-				disabled: d("driverLicenseNumber")?.disabled,
+				disabled: u("driverLicenseNumber")?.disabled,
 				onChange: (e) => {
-					M("driverLicenseNumber", e), u("driverLicenseNumber", e, i);
+					M("driverLicenseNumber", e), l("driverLicenseNumber", e, i);
 				}
 			}),
 			j.customFormFields.map((e) => /* @__PURE__ */ (0, E.jsx)(h, {
@@ -112,10 +112,10 @@ var E = i(), D = ({ intl: n, verificationService: i }) => {
 					M("metadata", {
 						...i.viewModel.metadata,
 						marketConsentValue: e
-					}), u("marketConsentValue", e, i);
+					}), l("marketConsentValue", e, i);
 				},
 				viewModel: D,
-				disabled: d("marketConsentValue")?.disabled
+				disabled: u("marketConsentValue")?.disabled
 			}),
 			/* @__PURE__ */ (0, E.jsx)(x, {
 				verificationService: i,

package/chunk/{StepDriverLicensePersonalInfoComponent-CYMVO1se.js.map → StepDriverLicensePersonalInfoComponent-jEAszJTY.js.map}

@@ -1 +1 @@
-{"version":3,"file":"StepDriverLicensePersonalInfoComponent-CYMVO1se.js","names":[],"sources":["../../src/components/StepIdentityPersonalInfo/StepDriverLicensePersonalInfoComponent.tsx"],"sourcesContent":["/**\n * TODO - preamble\n */\nimport { FormattedHTMLMessage, injectIntl } from \"react-intl\";\nimport { produce } from \"immer\";\n\nimport { VerificationStepsEnum } from \"../../lib/types/runtimeTypes\";\nimport { hasFailedInstantMatch } from \"../../lib/VerificationService/VerificationServiceHelpers\";\nimport { resetRefs } from \"../../lib/refs/refs\";\nimport {\n  type VerificationService,\n  type DriverLicensePersonalInfoViewModel,\n  type DriverLicensePersonalInfoResponse,\n  type State,\n  type FormSelectChoice,\n  type CustomFormFieldConfig,\n} from \"../../lib/types/types\";\nimport {\n  getAvailableStateChoices,\n  getFieldConfigByFieldId,\n  handleEmailOnKeyDown,\n  updateFieldValidationErrorsByFieldId,\n} from \"../../lib/utils/stepComponentHelpers/stepComponentHelpers\";\nimport { PhoneNumberComponent as PhoneNumber } from \"../FormFields/PhoneNumber/PhoneNumberComponent\";\nimport { FirstNameComponent as FirstName } from \"../FormFields/FirstName/FirstNameComponent\";\nimport { LastNameComponent as LastName } from \"../FormFields/LastName/LastNameComponent\";\nimport { EmailComponent as Email } from \"../FormFields/Email/EmailComponent\";\nimport { MarketConsentWrapperComponent as MarketConsentWrapper } from \"../FormFields/MarketConsentWrapper/MarketConsentWrapperComponent\";\nimport { DriverLicenseNumberComponent as DriverLicenseNumber } from \"../FormFields/DriverLicenseNumber/DriverLicenseNumberComponent\";\nimport { StateSelectComponent } from \"../FormFields/State/StateSelectComponent\";\nimport { FormFieldCustom } from \"../FormFields/FormFieldCustom/FormFieldCustom\";\nimport { getOptions } from \"../../options/options\";\nimport { ExtraMessage } from \"../ExtraMessage\";\nimport { ChangeLocaleV2Component } from \"../FormFields/ChangeLocale/ChangeLocaleComponent\";\nimport { PersonalInfoWrapper } from \"../PersonalInfoStepWrapper/PersonalInfoStepWrapper\";\nimport { PersonalInfoStepSubmitButton } from \"../PersonalInfoStepSubmitButton/PersonalInfoStepSubmitButton\";\nimport { PersonalInfoHeader } from \"../FormHeader/StepHeaders/PersonalInfoHeaderComponent\";\nimport { CaptchaComponent } from \"../FormFields/Captcha/CaptchaComponent\";\n\ninterface StepDriverLicensePersonalInfoComponentProps {\n  intl: any;\n  verificationService: VerificationService;\n}\n\nexport const StepDriverLicensePersonalInfo = ({\n  intl,\n  verificationService,\n}: StepDriverLicensePersonalInfoComponentProps) => {\n  const viewModel = verificationService.viewModel as DriverLicensePersonalInfoViewModel;\n  const { fieldValidationErrors } = verificationService;\n  const verificationResponse =\n    verificationService.verificationResponse as DriverLicensePersonalInfoResponse;\n  const failedInstantMatch = hasFailedInstantMatch(verificationResponse);\n  const options = getOptions();\n\n  const updateIdentityViewModel = (key: keyof DriverLicensePersonalInfoViewModel, value: any) => {\n    const nextState: DriverLicensePersonalInfoViewModel = produce(\n      viewModel,\n      (draft: DriverLicensePersonalInfoViewModel) => {\n        (draft[key] as any) = value;\n      },\n    );\n    verificationService.updateViewModel(nextState);\n  };\n\n  // Refs should be reset to ensure the field order isn't affected by the previous step\n  resetRefs();\n\n  return (\n    <PersonalInfoWrapper\n      verificationService={verificationService}\n      step={verificationResponse.currentStep}\n    >\n      <PersonalInfoHeader\n        verificationService={verificationService}\n        classNameIdentifier=\"drivers-license\"\n      />\n\n      <ChangeLocaleV2Component verificationService={verificationService} />\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            updateIdentityViewModel(\"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            updateIdentityViewModel(\"lastName\", newValue);\n            updateFieldValidationErrorsByFieldId(\"lastName\", newValue, verificationService);\n          }}\n        />\n      </div>\n\n      <Email\n        value={viewModel.email}\n        isErrored={!!fieldValidationErrors.email}\n        explanation={\n          <FormattedHTMLMessage\n            id=\"emailExplanation\"\n            defaultMessage=\"Personal email address is recommended\"\n          />\n        }\n        onChange={(newValue) => {\n          updateIdentityViewModel(\"email\", newValue);\n          updateFieldValidationErrorsByFieldId(\"email\", newValue, verificationService);\n        }}\n        onKeyDown={(event) => handleEmailOnKeyDown(event)}\n        disabled={getFieldConfigByFieldId(\"email\")?.disabled}\n      />\n      {verificationService.programTheme.isSmsNotifierConfigured ||\n      verificationService.programTheme.smsLoopEnabled ? (\n        <PhoneNumber\n          isRequired={!!verificationService.programTheme.smsLoopEnabled}\n          value={viewModel.phoneNumber}\n          isErrored={!!fieldValidationErrors.phoneNumber}\n          onChange={(newValue) => {\n            updateIdentityViewModel(\"phoneNumber\", newValue);\n            updateFieldValidationErrorsByFieldId(\"phoneNumber\", newValue, verificationService);\n          }}\n          selectedCountryCode={viewModel.countryChoice && viewModel.countryChoice.value}\n          disabled={getFieldConfigByFieldId(\"phoneNumber\")?.disabled}\n        />\n      ) : null}\n      <StateSelectComponent\n        isRequired\n        options={getAvailableStateChoices(verificationService.programTheme, intl)}\n        value={viewModel.state || undefined}\n        isErrored={Boolean(fieldValidationErrors.state)}\n        disabled={getFieldConfigByFieldId(\"state\")?.disabled}\n        onChange={async (stateChoice: FormSelectChoice<State, string>) => {\n          const stateValue = stateChoice ? stateChoice.value : undefined;\n          updateIdentityViewModel(\"state\", stateValue);\n          updateFieldValidationErrorsByFieldId(\"state\", stateValue, verificationService);\n        }}\n        label={\n          <FormattedHTMLMessage id=\"driverLicenseState\" defaultMessage=\"Driver license state\" />\n        }\n      />\n      <DriverLicenseNumber\n        value={viewModel.driverLicenseNumber}\n        isErrored={!!fieldValidationErrors.driverLicenseNumber}\n        isRequired\n        disabled={getFieldConfigByFieldId(\"driverLicenseNumber\")?.disabled}\n        onChange={(newValue) => {\n          updateIdentityViewModel(\"driverLicenseNumber\", newValue);\n          updateFieldValidationErrorsByFieldId(\n            \"driverLicenseNumber\",\n            newValue,\n            verificationService,\n          );\n        }}\n      />\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          updateIdentityViewModel(\"metadata\", {\n            ...verificationService.viewModel.metadata,\n            marketConsentValue: newValue,\n          });\n          updateFieldValidationErrorsByFieldId(\"marketConsentValue\", newValue, verificationService);\n        }}\n        viewModel={viewModel}\n        disabled={getFieldConfigByFieldId(\"marketConsentValue\")?.disabled}\n      />\n\n      <ExtraMessage verificationService={verificationService} suffix=\"CollectAboveSubmit\" />\n\n      <CaptchaComponent\n        verificationService={verificationService}\n        isErrored={!!fieldValidationErrors.captchaToken}\n      />\n\n      <PersonalInfoStepSubmitButton\n        step={VerificationStepsEnum.collectDriverLicensePersonalInfo}\n        verificationService={verificationService}\n        viewModel={viewModel}\n        failedInstantMatch={failedInstantMatch}\n        buttonText={\n          <FormattedHTMLMessage\n            id=\"step.personalInfo.submitButtonText\"\n            defaultMessage=\"Verify My Identity\"\n          />\n        }\n      />\n    </PersonalInfoWrapper>\n  );\n};\n\nexport const StepDriverLicensePersonalInfoComponent = injectIntl(StepDriverLicensePersonalInfo);\nexport default StepDriverLicensePersonalInfoComponent;\n"],"mappings":"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"}
+{"version":3,"file":"StepDriverLicensePersonalInfoComponent-jEAszJTY.js","names":[],"sources":["../../src/components/StepIdentityPersonalInfo/StepDriverLicensePersonalInfoComponent.tsx"],"sourcesContent":["/**\n * TODO - preamble\n */\nimport { FormattedHTMLMessage, injectIntl } from \"react-intl\";\nimport { produce } from \"immer\";\n\nimport { VerificationStepsEnum } from \"../../lib/types/runtimeTypes\";\nimport { hasFailedInstantMatch } from \"../../lib/VerificationService/VerificationServiceHelpers\";\nimport { resetRefs } from \"../../lib/refs/refs\";\nimport {\n  type VerificationService,\n  type DriverLicensePersonalInfoViewModel,\n  type DriverLicensePersonalInfoResponse,\n  type State,\n  type FormSelectChoice,\n  type CustomFormFieldConfig,\n} from \"../../lib/types/types\";\nimport {\n  getAvailableStateChoices,\n  getFieldConfigByFieldId,\n  handleEmailOnKeyDown,\n  updateFieldValidationErrorsByFieldId,\n} from \"../../lib/utils/stepComponentHelpers/stepComponentHelpers\";\nimport { PhoneNumberComponent as PhoneNumber } from \"../FormFields/PhoneNumber/PhoneNumberComponent\";\nimport { FirstNameComponent as FirstName } from \"../FormFields/FirstName/FirstNameComponent\";\nimport { LastNameComponent as LastName } from \"../FormFields/LastName/LastNameComponent\";\nimport { EmailComponent as Email } from \"../FormFields/Email/EmailComponent\";\nimport { MarketConsentWrapperComponent as MarketConsentWrapper } from \"../FormFields/MarketConsentWrapper/MarketConsentWrapperComponent\";\nimport { DriverLicenseNumberComponent as DriverLicenseNumber } from \"../FormFields/DriverLicenseNumber/DriverLicenseNumberComponent\";\nimport { StateSelectComponent } from \"../FormFields/State/StateSelectComponent\";\nimport { FormFieldCustom } from \"../FormFields/FormFieldCustom/FormFieldCustom\";\nimport { getOptions } from \"../../options/options\";\nimport { ExtraMessage } from \"../ExtraMessage\";\nimport { ChangeLocaleV2Component } from \"../FormFields/ChangeLocale/ChangeLocaleComponent\";\nimport { PersonalInfoWrapper } from \"../PersonalInfoStepWrapper/PersonalInfoStepWrapper\";\nimport { PersonalInfoStepSubmitButton } from \"../PersonalInfoStepSubmitButton/PersonalInfoStepSubmitButton\";\nimport { PersonalInfoHeader } from \"../FormHeader/StepHeaders/PersonalInfoHeaderComponent\";\nimport { CaptchaComponent } from \"../FormFields/Captcha/CaptchaComponent\";\n\ninterface StepDriverLicensePersonalInfoComponentProps {\n  intl: any;\n  verificationService: VerificationService;\n}\n\nexport const StepDriverLicensePersonalInfo = ({\n  intl,\n  verificationService,\n}: StepDriverLicensePersonalInfoComponentProps) => {\n  const viewModel = verificationService.viewModel as DriverLicensePersonalInfoViewModel;\n  const { fieldValidationErrors } = verificationService;\n  const verificationResponse =\n    verificationService.verificationResponse as DriverLicensePersonalInfoResponse;\n  const failedInstantMatch = hasFailedInstantMatch(verificationResponse);\n  const options = getOptions();\n\n  const updateIdentityViewModel = (key: keyof DriverLicensePersonalInfoViewModel, value: any) => {\n    const nextState: DriverLicensePersonalInfoViewModel = produce(\n      viewModel,\n      (draft: DriverLicensePersonalInfoViewModel) => {\n        (draft[key] as any) = value;\n      },\n    );\n    verificationService.updateViewModel(nextState);\n  };\n\n  // Refs should be reset to ensure the field order isn't affected by the previous step\n  resetRefs();\n\n  return (\n    <PersonalInfoWrapper\n      verificationService={verificationService}\n      step={verificationResponse.currentStep}\n    >\n      <PersonalInfoHeader\n        verificationService={verificationService}\n        classNameIdentifier=\"drivers-license\"\n      />\n\n      <ChangeLocaleV2Component verificationService={verificationService} />\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            updateIdentityViewModel(\"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            updateIdentityViewModel(\"lastName\", newValue);\n            updateFieldValidationErrorsByFieldId(\"lastName\", newValue, verificationService);\n          }}\n        />\n      </div>\n\n      <Email\n        value={viewModel.email}\n        isErrored={!!fieldValidationErrors.email}\n        explanation={\n          <FormattedHTMLMessage\n            id=\"emailExplanation\"\n            defaultMessage=\"Personal email address is recommended\"\n          />\n        }\n        onChange={(newValue) => {\n          updateIdentityViewModel(\"email\", newValue);\n          updateFieldValidationErrorsByFieldId(\"email\", newValue, verificationService);\n        }}\n        onKeyDown={(event) => handleEmailOnKeyDown(event)}\n        disabled={getFieldConfigByFieldId(\"email\")?.disabled}\n      />\n      {verificationService.programTheme.isSmsNotifierConfigured ||\n      verificationService.programTheme.smsLoopEnabled ? (\n        <PhoneNumber\n          isRequired={!!verificationService.programTheme.smsLoopEnabled}\n          value={viewModel.phoneNumber}\n          isErrored={!!fieldValidationErrors.phoneNumber}\n          onChange={(newValue) => {\n            updateIdentityViewModel(\"phoneNumber\", newValue);\n            updateFieldValidationErrorsByFieldId(\"phoneNumber\", newValue, verificationService);\n          }}\n          selectedCountryCode={viewModel.countryChoice && viewModel.countryChoice.value}\n          disabled={getFieldConfigByFieldId(\"phoneNumber\")?.disabled}\n        />\n      ) : null}\n      <StateSelectComponent\n        isRequired\n        options={getAvailableStateChoices(verificationService.programTheme, intl)}\n        value={viewModel.state || undefined}\n        isErrored={Boolean(fieldValidationErrors.state)}\n        disabled={getFieldConfigByFieldId(\"state\")?.disabled}\n        onChange={async (stateChoice: FormSelectChoice<State, string>) => {\n          const stateValue = stateChoice ? stateChoice.value : undefined;\n          updateIdentityViewModel(\"state\", stateValue);\n          updateFieldValidationErrorsByFieldId(\"state\", stateValue, verificationService);\n        }}\n        label={\n          <FormattedHTMLMessage id=\"driverLicenseState\" defaultMessage=\"Driver license state\" />\n        }\n      />\n      <DriverLicenseNumber\n        value={viewModel.driverLicenseNumber}\n        isErrored={!!fieldValidationErrors.driverLicenseNumber}\n        isRequired\n        disabled={getFieldConfigByFieldId(\"driverLicenseNumber\")?.disabled}\n        onChange={(newValue) => {\n          updateIdentityViewModel(\"driverLicenseNumber\", newValue);\n          updateFieldValidationErrorsByFieldId(\n            \"driverLicenseNumber\",\n            newValue,\n            verificationService,\n          );\n        }}\n      />\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          updateIdentityViewModel(\"metadata\", {\n            ...verificationService.viewModel.metadata,\n            marketConsentValue: newValue,\n          });\n          updateFieldValidationErrorsByFieldId(\"marketConsentValue\", newValue, verificationService);\n        }}\n        viewModel={viewModel}\n        disabled={getFieldConfigByFieldId(\"marketConsentValue\")?.disabled}\n      />\n\n      <ExtraMessage verificationService={verificationService} suffix=\"CollectAboveSubmit\" />\n\n      <CaptchaComponent\n        verificationService={verificationService}\n        isErrored={!!fieldValidationErrors.captchaToken}\n      />\n\n      <PersonalInfoStepSubmitButton\n        step={VerificationStepsEnum.collectDriverLicensePersonalInfo}\n        verificationService={verificationService}\n        viewModel={viewModel}\n        failedInstantMatch={failedInstantMatch}\n        buttonText={\n          <FormattedHTMLMessage\n            id=\"step.personalInfo.submitButtonText\"\n            defaultMessage=\"Verify My Identity\"\n          />\n        }\n      />\n    </PersonalInfoWrapper>\n  );\n};\n\nexport const StepDriverLicensePersonalInfoComponent = injectIntl(StepDriverLicensePersonalInfo);\nexport default StepDriverLicensePersonalInfoComponent;\n"],"mappings":"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"}

package/chunk/{StepEmailLoop-cKuWeh4t.js → StepEmailLoop-D613_PWF.js}

@@ -1,20 +1,20 @@
 
 /**
- *   VERSION: 2.286.0-alpha.1
- *   BUILD_TIMESTAMP: 1789583676758
- *   BUILD_DATE: Wed Sep 16 2026 18:34:36 GMT+0000 (Coordinated Universal Time)
+ *   VERSION: 2.286.0-alpha.3
+ *   BUILD_TIMESTAMP: 1789599761379
+ *   BUILD_DATE: Wed Sep 16 2026 23:02:41 GMT+0000 (Coordinated Universal Time)
  *   BUILD_COMMIT: 58cd071e490202b546ec8addac4434c422af952d
  */
-import { c as e } from "./options-CRzdSTAR.js";
-import { n as t, t as n } from "./jsx-runtime-CyXcV_93.js";
+import { c as e } from "./options-CvRaXPRs.js";
+import { n as t, t as n } from "./jsx-runtime-ClghfwTa.js";
 import { S as r, b as i } from "./runtimeTypes-B2AGNJMT.js";
-import { t as a } from "./FormFooterComponent-CnpcFVui.js";
-import { t as o } from "./hooks-Cl3P7QIh.js";
-import { t as s } from "./LogoComponent-DASXTR4v.js";
-import { t as c } from "./AnnouncingHeader-CXTQdbKG.js";
-import { g as l, m as u } from "./stepComponentHelpers-DXPc6DBY.js";
-import { t as d } from "./FormFieldText-Bn9WIKiI.js";
-import { t as f } from "./EmailLoopPending-CDn88Rx3.js";
+import { t as a } from "./FormFooterComponent-C2k9WZOp.js";
+import { t as o } from "./hooks-Bl6VU6hP.js";
+import { t as s } from "./LogoComponent-88BDkLwD.js";
+import { t as c } from "./AnnouncingHeader-yslSIrZR.js";
+import { f as l, m as u } from "./stepComponentHelpers-aRQ5l0V5.js";
+import { t as d } from "./FormFieldText-blykeSRX.js";
+import { t as f } from "./EmailLoopPending-BvpZ0zuV.js";
 //#region src/components/StepEmailLoop/EmailLoopCollectOrganizationEmail.tsx
 var p = n(), m = ({ verificationService: n }) => {
 	let f = n.viewModel, m = n.fieldValidationErrors, h = (n.verificationResponse?.errorIds || []).includes("invalidEmail"), g = o("hc-my-sheer-id-theme-builder");
@@ -70,7 +70,7 @@ var p = n(), m = ({ verificationService: n }) => {
 						n.updateViewModel({
 							...f,
 							organizationEmail: e
-						}), l("organizationEmail", e, n);
+						}), u("organizationEmail", e, n);
 					},
 					placeholder: "",
 					label: /* @__PURE__ */ (0, p.jsx)(t, {
@@ -91,7 +91,7 @@ var p = n(), m = ({ verificationService: n }) => {
 						id: "sid-submit-btn-sso",
 						type: "submit",
 						disabled: !!m.organizationEmail,
-						onClick: () => u(f, n, i.emailLoopCollectOrganizationEmail),
+						onClick: () => l(f, n, i.emailLoopCollectOrganizationEmail),
 						className: "sid-btn sid-sso-submit-btn sid-btn--dark sid-l-full-width ",
 						"aria-label": "submit",
 						children: /* @__PURE__ */ (0, p.jsx)(t, {

package/chunk/{StepEmailLoop-COHc-_1A.js.map → StepEmailLoop-D613_PWF.js.map}

@@ -1 +1 @@
-{"version":3,"file":"StepEmailLoop-COHc-_1A.js","names":[],"sources":["../../src/components/StepEmailLoop/EmailLoopCollectOrganizationEmail.tsx","../../src/components/StepEmailLoop/StepEmailLoopComponent.tsx"],"sourcesContent":["import produce from \"immer\";\nimport { FormattedHTMLMessage } from \"react-intl\";\n\nimport { logger } from \"@jslib/shared/utils/logger\";\n\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\";\nimport { VerificationStepsEnum } from \"../../lib/types/runtimeTypes\";\nimport {\n  type EmailLoopCollectOrganizationEmailViewModel,\n  type VerificationService,\n} from \"../../lib/types/types\";\nimport { AnnouncingHeader } from \"../AnnouncingHeader/AnnouncingHeader\";\nimport { useFlag } from \"../FeatureFlags/hooks\";\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  const shouldHideIcon = useFlag(\"hc-my-sheer-id-theme-builder\");\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                !shouldHideIcon && (\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            />\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 { type EmailLoopResponse, type VerificationService } from \"../../lib/types/types\";\n\nimport { EmailLoopCollectOrganizationEmail } from \"./EmailLoopCollectOrganizationEmail\";\nimport EmailLoopPendingComponent from \"./EmailLoopPending\";\n\nexport interface StepEmailLoopComponentProps {\n  verificationService: VerificationService;\n}\n\nexport const StepEmailLoopComponent = ({ 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"],"mappings":"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"}
+{"version":3,"file":"StepEmailLoop-D613_PWF.js","names":[],"sources":["../../src/components/StepEmailLoop/EmailLoopCollectOrganizationEmail.tsx","../../src/components/StepEmailLoop/StepEmailLoopComponent.tsx"],"sourcesContent":["import produce from \"immer\";\nimport { FormattedHTMLMessage } from \"react-intl\";\n\nimport { logger } from \"@jslib/shared/utils/logger\";\n\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\";\nimport { VerificationStepsEnum } from \"../../lib/types/runtimeTypes\";\nimport {\n  type EmailLoopCollectOrganizationEmailViewModel,\n  type VerificationService,\n} from \"../../lib/types/types\";\nimport { AnnouncingHeader } from \"../AnnouncingHeader/AnnouncingHeader\";\nimport { useFlag } from \"../FeatureFlags/hooks\";\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  const shouldHideIcon = useFlag(\"hc-my-sheer-id-theme-builder\");\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                !shouldHideIcon && (\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            />\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 { type EmailLoopResponse, type VerificationService } from \"../../lib/types/types\";\n\nimport { EmailLoopCollectOrganizationEmail } from \"./EmailLoopCollectOrganizationEmail\";\nimport EmailLoopPendingComponent from \"./EmailLoopPending\";\n\nexport interface StepEmailLoopComponentProps {\n  verificationService: VerificationService;\n}\n\nexport const StepEmailLoopComponent = ({ 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"],"mappings":"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"}

package/chunk/{StepEmailLoop-COHc-_1A.js → StepEmailLoop-DUZJwSDH.js}

@@ -4,21 +4,21 @@
  *   This file is not intended for use in other contexts and there are no guarantees about its behavior outside of MySheerID.
  */ 
 /**
- *   VERSION: 2.286.0-alpha.1
- *   BUILD_TIMESTAMP: 1789583680538
- *   BUILD_DATE: Wed Sep 16 2026 18:34:40 GMT+0000 (Coordinated Universal Time)
+ *   VERSION: 2.286.0-alpha.3
+ *   BUILD_TIMESTAMP: 1789599765490
+ *   BUILD_DATE: Wed Sep 16 2026 23:02:45 GMT+0000 (Coordinated Universal Time)
  *   BUILD_COMMIT: 58cd071e490202b546ec8addac4434c422af952d
  */
-import { p as e } from "./intl-CvSmE54g.js";
+import { p as e } from "./intl-D0f52P7V.js";
 import { S as t, b as n } from "./runtimeTypes-B2AGNJMT.js";
-import { n as r, t as i } from "./jsx-runtime-JSlXFmKD.js";
-import { t as a } from "./FormFooterComponent-C8-JM5_T.js";
-import { t as o } from "./hooks-B8Gr4Mtw.js";
-import { t as s } from "./LogoComponent-BDhMcJvy.js";
-import { t as c } from "./AnnouncingHeader-B0Ku-xl_.js";
-import { g as l, m as u } from "./stepComponentHelpers-DKGaTSta.js";
-import { t as d } from "./FormFieldText-Py7x4EZ6.js";
-import { t as f } from "./EmailLoopPending-CZIzNKWp.js";
+import { n as r, t as i } from "./jsx-runtime-FfARtXk2.js";
+import { t as a } from "./FormFooterComponent-C9-FFS7X.js";
+import { t as o } from "./hooks-j2dPIOl1.js";
+import { t as s } from "./LogoComponent-EBhWWnBF.js";
+import { t as c } from "./AnnouncingHeader-Cm6ysN0V.js";
+import { f as l, m as u } from "./stepComponentHelpers-CHUPcQfA.js";
+import { t as d } from "./FormFieldText-Dx92JsxR.js";
+import { t as f } from "./EmailLoopPending-DX8A2AGF.js";
 //#region src/components/StepEmailLoop/EmailLoopCollectOrganizationEmail.tsx
 var p = i(), m = ({ verificationService: i }) => {
 	let f = i.viewModel, m = i.fieldValidationErrors, h = (i.verificationResponse?.errorIds || []).includes("invalidEmail"), g = o("hc-my-sheer-id-theme-builder");
@@ -74,7 +74,7 @@ var p = i(), m = ({ verificationService: i }) => {
 						i.updateViewModel({
 							...f,
 							organizationEmail: e
-						}), l("organizationEmail", e, i);
+						}), u("organizationEmail", e, i);
 					},
 					placeholder: "",
 					label: /* @__PURE__ */ (0, p.jsx)(r, {
@@ -95,7 +95,7 @@ var p = i(), m = ({ verificationService: i }) => {
 						id: "sid-submit-btn-sso",
 						type: "submit",
 						disabled: !!m.organizationEmail,
-						onClick: () => u(f, i, n.emailLoopCollectOrganizationEmail),
+						onClick: () => l(f, i, n.emailLoopCollectOrganizationEmail),
 						className: "sid-btn sid-sso-submit-btn sid-btn--dark sid-l-full-width ",
 						"aria-label": "submit",
 						children: /* @__PURE__ */ (0, p.jsx)(r, {

package/chunk/{StepEmailLoop-cKuWeh4t.js.map → StepEmailLoop-DUZJwSDH.js.map}

@@ -1 +1 @@
-{"version":3,"file":"StepEmailLoop-cKuWeh4t.js","names":[],"sources":["../../src/components/StepEmailLoop/EmailLoopCollectOrganizationEmail.tsx","../../src/components/StepEmailLoop/StepEmailLoopComponent.tsx"],"sourcesContent":["import produce from \"immer\";\nimport { FormattedHTMLMessage } from \"react-intl\";\n\nimport { logger } from \"@jslib/shared/utils/logger\";\n\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\";\nimport { VerificationStepsEnum } from \"../../lib/types/runtimeTypes\";\nimport {\n  type EmailLoopCollectOrganizationEmailViewModel,\n  type VerificationService,\n} from \"../../lib/types/types\";\nimport { AnnouncingHeader } from \"../AnnouncingHeader/AnnouncingHeader\";\nimport { useFlag } from \"../FeatureFlags/hooks\";\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  const shouldHideIcon = useFlag(\"hc-my-sheer-id-theme-builder\");\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                !shouldHideIcon && (\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            />\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 { type EmailLoopResponse, type VerificationService } from \"../../lib/types/types\";\n\nimport { EmailLoopCollectOrganizationEmail } from \"./EmailLoopCollectOrganizationEmail\";\nimport EmailLoopPendingComponent from \"./EmailLoopPending\";\n\nexport interface StepEmailLoopComponentProps {\n  verificationService: VerificationService;\n}\n\nexport const StepEmailLoopComponent = ({ 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"],"mappings":"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"}
+{"version":3,"file":"StepEmailLoop-DUZJwSDH.js","names":[],"sources":["../../src/components/StepEmailLoop/EmailLoopCollectOrganizationEmail.tsx","../../src/components/StepEmailLoop/StepEmailLoopComponent.tsx"],"sourcesContent":["import produce from \"immer\";\nimport { FormattedHTMLMessage } from \"react-intl\";\n\nimport { logger } from \"@jslib/shared/utils/logger\";\n\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\";\nimport { VerificationStepsEnum } from \"../../lib/types/runtimeTypes\";\nimport {\n  type EmailLoopCollectOrganizationEmailViewModel,\n  type VerificationService,\n} from \"../../lib/types/types\";\nimport { AnnouncingHeader } from \"../AnnouncingHeader/AnnouncingHeader\";\nimport { useFlag } from \"../FeatureFlags/hooks\";\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  const shouldHideIcon = useFlag(\"hc-my-sheer-id-theme-builder\");\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                !shouldHideIcon && (\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            />\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 { type EmailLoopResponse, type VerificationService } from \"../../lib/types/types\";\n\nimport { EmailLoopCollectOrganizationEmail } from \"./EmailLoopCollectOrganizationEmail\";\nimport EmailLoopPendingComponent from \"./EmailLoopPending\";\n\nexport interface StepEmailLoopComponentProps {\n  verificationService: VerificationService;\n}\n\nexport const StepEmailLoopComponent = ({ 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"],"mappings":";;;;;;;;;;;aAoBa,KAAqC,EAChD,6BAGI;CACJ,IAAM,IAAY,EAAoB,WAChC,IAAwB,EAAoB,uBAC5C,KAAqB,EAAoB,sBAAsB,YAAY,CAAC,GAAG,SACnF,cACF,GACM,IAAiB,EAAQ,8BAA8B;CAqB7D,OACE,iBAAA,GAAA,EAAA,MAAA,EAAA,UAAA,EAAA,UAAA,CACE,iBAAA,GAAA,EAAA,MAAC,OAAD;EAAK,WAAU;YAAf,CACE,iBAAA,GAAA,EAAA,MAAC,OAAD;GAAK,MAAK;aAAV;IACE,iBAAA,GAAA,EAAA,KAAC,OAAD;KAAK,WAAU;eACb,iBAAA,GAAA,EAAA,KAAC,GAAD;MACuB;MACrB,cACE,CAAC,KACC,iBAAA,GAAA,EAAA,KAAC,OAAD;OACE,WAAU;OACV,KAAI;OACJ,KAAI;MACL,CAAA;KAGN,CAAA;IACE,CAAA;IACL,iBAAA,GAAA,EAAA,KAAC,OAAD;KAAK,WAAU;eACb,iBAAA,GAAA,EAAA,KAAC,QAAD;MAAM,WAAU;gBACd,iBAAA,GAAA,EAAA,KAAC,GAAD;OAAsB,IAAG;OAAU,gBAAe;MAAW,CAAA;KACzD,CAAA;IACH,CAAA;IACL,iBAAA,GAAA,EAAA,KAAC,GAAD;KAAkB,OAAM;eACtB,iBAAA,GAAA,EAAA,KAAC,GAAD;MACE,IAAG;MACH,gBAAe;MACf,SAAQ;KACT,CAAA;IACe,CAAA;IAClB,iBAAA,GAAA,EAAA,KAAC,OAAD;KAAK,WAAU;eACb,iBAAA,GAAA,EAAA,KAAC,GAAD;MACE,IAAG;MACH,gBAAe;KAChB,CAAA;IACE,CAAA;GACF;MAEL,iBAAA,GAAA,EAAA,MAAC,OAAD;GAAK,WAAU;aAAf;IACE,iBAAA,GAAA,EAAA,KAAC,GAAD;KACE,SAAQ;KACR,OAAO,EAAU;KACjB,WA7Da,MAA8B;MAEnD,AADA,EAAoB,gBAAgB;OAAE,GAAG;OAAW;MAAkB,CAAC,GACvE,EACE,qBACA,GACA,CACF;KACF;KAuDU,aAAY;KACZ,OACE,iBAAA,GAAA,EAAA,KAAC,GAAD;MACE,IAAG;MACH,gBAAe;KAChB,CAAA;KAEH,cACG,KACC,iBAAA,GAAA,EAAA,KAAC,GAAD;MACE,IAAG;MACH,gBAAe;KAChB,CAAA,KAEF,EAAsB,qBACrB,iBAAA,GAAA,EAAA,KAAC,GAAD;MAAsB,IAAG;MAAwB,gBAAe;KAAiB,CAAA;IAGtF,CAAA;IACD,iBAAA,GAAA,EAAA,KAAC,OAAD;KAAK,WAAU;eACb,iBAAA,GAAA,EAAA,KAAC,UAAD;MACE,IAAG;MACH,MAAK;MACL,UAAU,CAAC,CAAC,EAAsB;MAClC,eACE,EACE,GACA,GACA,EAAsB,iCACxB;MAEF,WAAU;MACV,cAAW;gBAEX,iBAAA,GAAA,EAAA,KAAC,GAAD;OACE,IAAG;OACH,gBAAe;MAChB,CAAA;KACK,CAAA;IACL,CAAA;IAEL,iBAAA,GAAA,EAAA,MAAC,OAAD;KAAK,WAAU;eAAf;MACE,iBAAA,GAAA,EAAA,KAAC,OAAD;OAAK,WAAU;iBACb,iBAAA,GAAA,EAAA,KAAC,GAAD;QACE,IAAG;QACH,gBAAe;OAChB,CAAA;MACE,CAAA;MACL,iBAAA,GAAA,EAAA,KAAC,OAAD;OAAK,WAAU;iBACb,iBAAA,GAAA,EAAA,KAAC,GAAD;QACE,IAAG;QACH,gBAAe;OAChB,CAAA;MACE,CAAA;MACL,iBAAA,GAAA,EAAA,KAAC,OAAD;OAAK,WAAU;iBACb,iBAAA,GAAA,EAAA,KAAC,UAAD;QACE,SAAS,YA7Ga;SAClC,EAAO,KAAK,kEAAkE;SAC9E,IAAM,IAAY,EAAQ,SAAiB,CAAC,CAAC;SAC7C,OAAO,EAAoB,WACzB,EAAsB,iBACtB,GACA,EAAoB,oBACtB;QACF;QAsGc,WAAU;QACV,MAAK;kBAEL,iBAAA,GAAA,EAAA,KAAC,GAAD;SACE,IAAG;SACH,gBAAe;QAChB,CAAA;OACK,CAAA;MACL,CAAA;KACF;;IAEL,iBAAA,GAAA,EAAA,KAAC,OAAD,EAAK,WAAU,qBAAsB,CAAA;GAClC;IACF;KACL,iBAAA,GAAA,EAAA,KAAC,GAAD,EAAiC,uBAAsB,CAAA,CACvD,EAAA,CAAA;AAEN,GC/Ja,KAA0B,EAAE,6BAKrC,iBAAA,GAAA,EAAA,KAAC,OAAD;CAAK,IAAG;CAAsB,WAAU;WAHvC,EAAoB,qBAA2C,iBAChE,6BAII,iBAAA,GAAA,EAAA,KAAC,GAAD,EAAwD,uBAAsB,CAAA,IAE9E,iBAAA,GAAA,EAAA,KAAC,GAAD,EAAgD,uBAAsB,CAAA;AAErE,CAAA"}