npm - @sheerid/jslib-nightly - Versions diffs - 2.259.0-alpha.1 → 2.259.0-alpha.2 - Mend

@sheerid/jslib-nightly 2.259.0-alpha.1 → 2.259.0-alpha.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (399) hide show

package/chunk/{StepAgePersonalInfo-BTdUm8M1.js.map → StepAgePersonalInfo-DmBYGHG8.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"StepAgePersonalInfo-BTdUm8M1.js","names":[],"sources":["../../src/components/StepAgePersonalInfo/StepAgePersonalInfoComponent.tsx"],"sourcesContent":["/*\n TODO - preamble\n */\nimport React from \"react\";\nimport { FormattedHTMLMessage, type InjectedIntl, injectIntl } from \"react-intl\";\n\nimport { getSafe } from \"@jslib/shared/utils/getSafe\";\n\nimport { useCollectFieldsEndpoint } from \"@/lib/ServerApi/useCollectFieldsEndpoint\";\n\nimport { VerificationStepsEnum } from \"../../lib/types/runtimeTypes\";\nimport { hasFailedInstantMatch } from \"../../lib/VerificationService/VerificationServiceHelpers\";\nimport {\n type VerificationService,\n type AgePersonalInfoViewModel,\n type AgePersonalInfoResponse,\n type FormSelectChoice,\n type Country,\n type FieldDescription,\n type CustomFormFieldConfig,\n} from \"../../lib/types/types\";\nimport {\n handleEmailOnKeyDown,\n updateFieldValidationErrorsByFieldId,\n getAvailableCountryChoices,\n getDefaultCountryChoice,\n produceDraftViewModel,\n getFieldConfigByFieldId,\n} from \"../../lib/utils/stepComponentHelpers/stepComponentHelpers\";\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\";\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\";\nimport { CaptchaComponent } from \"../FormFields/Captcha/CaptchaComponent\";\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 explanation={<FormattedHTMLMessage id=\"emailExplanation\" defaultMessage=\" \" />}\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 <CaptchaComponent\n verificationService={verificationService}\n isErrored={!!fieldValidationErrors.captchaToken}\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"],"mappings":"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"}
1	+ {"version":3,"file":"StepAgePersonalInfo-DmBYGHG8.js","names":[],"sources":["../../src/components/StepAgePersonalInfo/StepAgePersonalInfoComponent.tsx"],"sourcesContent":["/*\n TODO - preamble\n */\nimport React from \"react\";\nimport { FormattedHTMLMessage, type InjectedIntl, injectIntl } from \"react-intl\";\n\nimport { getSafe } from \"@jslib/shared/utils/getSafe\";\n\nimport { useCollectFieldsEndpoint } from \"@/lib/ServerApi/useCollectFieldsEndpoint\";\n\nimport { VerificationStepsEnum } from \"../../lib/types/runtimeTypes\";\nimport { hasFailedInstantMatch } from \"../../lib/VerificationService/VerificationServiceHelpers\";\nimport {\n type VerificationService,\n type AgePersonalInfoViewModel,\n type AgePersonalInfoResponse,\n type FormSelectChoice,\n type Country,\n type FieldDescription,\n type CustomFormFieldConfig,\n} from \"../../lib/types/types\";\nimport {\n handleEmailOnKeyDown,\n updateFieldValidationErrorsByFieldId,\n getAvailableCountryChoices,\n getDefaultCountryChoice,\n produceDraftViewModel,\n getFieldConfigByFieldId,\n} from \"../../lib/utils/stepComponentHelpers/stepComponentHelpers\";\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\";\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\";\nimport { CaptchaComponent } from \"../FormFields/Captcha/CaptchaComponent\";\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 explanation={<FormattedHTMLMessage id=\"emailExplanation\" defaultMessage=\" \" />}\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 <CaptchaComponent\n verificationService={verificationService}\n isErrored={!!fieldValidationErrors.captchaToken}\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"],"mappings":"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"}

package/chunk/StepAgePersonalInfo-X-eQf_2z.js ADDED Viewed

@@ -0,0 +1,173 @@
+/**
+ *   WARNING: This file is intended to be used within MySheerID.
+ *   This file is not intended for use in other contexts and there are no guarantees about its behavior outside of MySheerID.
+ */
+/**
+ *   VERSION: 2.259.0-alpha.2
+ *   BUILD_TIMESTAMP: 1784832348235
+ *   BUILD_DATE: Thu Jul 23 2026 18:45:48 GMT+0000 (Coordinated Universal Time)
+ *   BUILD_COMMIT: 723cd7cf079ebfd281e0288836276bf33ce7607f
+ */
+import { Lt as e, Mt as t, Ut as n, s as r } from "./intl-Yr2cw5px.js";
+import { a as i, c as a, n as o, t as s } from "./jsx-runtime-D_-z-h6n.js";
+import { D as c } from "./FormFooterComponent-D9_fIqUs.js";
+import { $ as l, A as u, B as d, G as f, J as p, R as m, n as h } from "../_mysheerid-preview.js";
+import { t as g } from "./useCollectFieldsEndpoint-BuXZrZTD.js";
+import { a as _, i as v, n as y, o as b, s as x, t as S } from "./CaptchaComponent-DaH202Ah.js";
+import { n as C, t as w } from "./PersonalInfoStepSubmitButton-D3lzSm2E.js";
+import { t as T } from "./BirthDateComponent-Dh5xAxOF.js";
+import { t as E } from "./PostalCodeComponent-BGzBByZd.js";
+import { t as D } from "./CountryComponentWrapper-zWLRBrRp.js";
+import { t as O } from "./City-DlWin4GX.js";
+import { t as k } from "./AddressComponent-CJV3vrMt.js";
+import { t as A } from "./ExtraMessage-9BMK2Fd_.js";
+import { t as j } from "./ChangeLocaleComponent-DdX2nV2D.js";
+import { t as M } from "./PersonalInfoStepWrapper-DgL_kGk3.js";
+//#region src/components/StepAgePersonalInfo/StepAgePersonalInfoComponent.tsx
+var N = /* @__PURE__ */ n(a(), 1), P = s(), F = i(({ verificationService: n, intl: i }) => {
+	let a = n.viewModel, { fieldValidationErrors: s } = n, F = n.verificationResponse, I = c(F), L = e(() => a.countryChoice.value, m(u(n.programTheme, i)).value), R = L === "US" ? [{ key: "postalCode" }] : [], z = L !== "US" || n.programTheme.isSmsNotifierConfigured || n.programTheme.smsLoopEnabled, B = L !== "US" || n.programTheme.smsLoopEnabled, V = a.localeChoice.value, H = r();
+	!s.phoneNumber && F.errorIds && F.errorIds.includes("invalidPhoneNumber") && n.updateFieldValidationErrors({
+		...s,
+		phoneNumber: "invalidPhoneNumber"
+	});
+	let U = (e, t) => {
+		let r = p(a, e, t);
+		n.updateViewModel(r);
+	}, { isFieldRequired: W } = g({
+		verificationId: F.verificationId,
+		currentStep: F.currentStep,
+		viewModel: a,
+		defaultRequiredFields: R
+	});
+	return N.useEffect(() => {
+		l("phoneNumber", a.phoneNumber, n);
+	}, [a.country]), /* @__PURE__ */ (0, P.jsxs)(M, {
+		verificationService: n,
+		step: F.currentStep,
+		children: [
+			/* @__PURE__ */ (0, P.jsx)(h, {
+				verificationService: n,
+				classNameIdentifier: "age"
+			}),
+			/* @__PURE__ */ (0, P.jsx)(j, { verificationService: n }),
+			/* @__PURE__ */ (0, P.jsx)(D, {
+				verificationService: n,
+				disabled: d("country")?.disabled
+			}),
+			/* @__PURE__ */ (0, P.jsxs)("div", {
+				className: "sid-names",
+				children: [/* @__PURE__ */ (0, P.jsx)(_, {
+					value: a.firstName,
+					isErrored: !!s.firstName,
+					disabled: d("firstName")?.disabled,
+					onChange: (e) => {
+						U("firstName", e), l("firstName", e, n);
+					}
+				}), /* @__PURE__ */ (0, P.jsx)(v, {
+					value: a.lastName,
+					isErrored: !!s.lastName,
+					disabled: d("lastName")?.disabled,
+					onChange: (e) => {
+						U("lastName", e), l("lastName", e, n);
+					}
+				})]
+			}),
+			/* @__PURE__ */ (0, P.jsx)(T, {
+				errorId: s.birthDate,
+				locale: V,
+				onChange: (e) => {
+					U("birthDate", e), l("birthDate", e, n);
+				},
+				value: a.birthDate,
+				disabled: d("birthDate")?.disabled
+			}),
+			W("city") && /* @__PURE__ */ (0, P.jsx)(O, {
+				value: a.city,
+				isRequired: !0,
+				isErrored: !!s.city,
+				errorId: s.city,
+				disabled: d("city")?.disabled,
+				onChange: (e) => {
+					U("city", e), l("city", e, n);
+				}
+			}),
+			W("address1") && /* @__PURE__ */ (0, P.jsx)(k, {
+				value: a.address1,
+				isRequired: !0,
+				isErrored: !!s.address1,
+				errorId: s.address1,
+				onChange: (e) => {
+					U("address1", e), l("address1", e, n);
+				}
+			}),
+			W("postalCode") && /* @__PURE__ */ (0, P.jsx)(E, {
+				isErrored: !!s.postalCode,
+				onChange: (e) => {
+					U("postalCode", e), l("postalCode", e, n);
+				},
+				value: a.postalCode,
+				disabled: d("postalCode")?.disabled
+			}),
+			/* @__PURE__ */ (0, P.jsx)(C, {
+				value: a.email,
+				isErrored: !!s.email,
+				explanation: /* @__PURE__ */ (0, P.jsx)(o, {
+					id: "emailExplanation",
+					defaultMessage: " "
+				}),
+				onChange: (e) => {
+					U("email", e), l("email", e, n);
+				},
+				onKeyDown: (e) => f(e),
+				disabled: d("email")?.disabled
+			}),
+			z ? /* @__PURE__ */ (0, P.jsx)(b, {
+				isRequired: B,
+				value: a.phoneNumber,
+				isErrored: !!s.phoneNumber,
+				onChange: (e) => {
+					U("phoneNumber", e), l("phoneNumber", e, n);
+				},
+				selectedCountryCode: a.countryChoice && a.countryChoice.value,
+				disabled: d("phoneNumber")?.disabled
+			}) : null,
+			H.customFormFields.map((e) => /* @__PURE__ */ (0, P.jsx)(y, {
+				config: e,
+				verificationService: n
+			})),
+			/* @__PURE__ */ (0, P.jsx)(x, {
+				verificationService: n,
+				isErrored: !!s.marketConsentValue,
+				onChange: (e) => {
+					U("metadata", {
+						...n.viewModel.metadata,
+						marketConsentValue: e
+					}), l("marketConsentValue", e, n);
+				},
+				viewModel: a,
+				disabled: d("marketConsentValue")?.disabled
+			}),
+			/* @__PURE__ */ (0, P.jsx)(A, {
+				verificationService: n,
+				suffix: "CollectAboveSubmit"
+			}),
+			/* @__PURE__ */ (0, P.jsx)(S, {
+				verificationService: n,
+				isErrored: !!s.captchaToken
+			}),
+			/* @__PURE__ */ (0, P.jsx)(w, {
+				step: t.collectAgePersonalInfo,
+				verificationService: n,
+				viewModel: a,
+				failedInstantMatch: I,
+				buttonText: /* @__PURE__ */ (0, P.jsx)(o, {
+					id: "step.personalInfo.submitButtonText",
+					defaultMessage: "Verify and continue"
+				})
+			})
+		]
+	});
+});
+//#endregion
+export { F as default };

package/chunk/{StepAgePersonalInfo-KeuFdZua.js.map → StepAgePersonalInfo-X-eQf_2z.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"StepAgePersonalInfo-KeuFdZua.js","names":[],"sources":["../../src/components/StepAgePersonalInfo/StepAgePersonalInfoComponent.tsx"],"sourcesContent":["/*\n TODO - preamble\n */\nimport React from \"react\";\nimport { FormattedHTMLMessage, type InjectedIntl, injectIntl } from \"react-intl\";\n\nimport { getSafe } from \"@jslib/shared/utils/getSafe\";\n\nimport { useCollectFieldsEndpoint } from \"@/lib/ServerApi/useCollectFieldsEndpoint\";\n\nimport { VerificationStepsEnum } from \"../../lib/types/runtimeTypes\";\nimport { hasFailedInstantMatch } from \"../../lib/VerificationService/VerificationServiceHelpers\";\nimport {\n type VerificationService,\n type AgePersonalInfoViewModel,\n type AgePersonalInfoResponse,\n type FormSelectChoice,\n type Country,\n type FieldDescription,\n type CustomFormFieldConfig,\n} from \"../../lib/types/types\";\nimport {\n handleEmailOnKeyDown,\n updateFieldValidationErrorsByFieldId,\n getAvailableCountryChoices,\n getDefaultCountryChoice,\n produceDraftViewModel,\n getFieldConfigByFieldId,\n} from \"../../lib/utils/stepComponentHelpers/stepComponentHelpers\";\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\";\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\";\nimport { CaptchaComponent } from \"../FormFields/Captcha/CaptchaComponent\";\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 explanation={<FormattedHTMLMessage id=\"emailExplanation\" defaultMessage=\" \" />}\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 <CaptchaComponent\n verificationService={verificationService}\n isErrored={!!fieldValidationErrors.captchaToken}\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"],"mappings":"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"}
1	+ {"version":3,"file":"StepAgePersonalInfo-X-eQf_2z.js","names":[],"sources":["../../src/components/StepAgePersonalInfo/StepAgePersonalInfoComponent.tsx"],"sourcesContent":["/*\n TODO - preamble\n */\nimport React from \"react\";\nimport { FormattedHTMLMessage, type InjectedIntl, injectIntl } from \"react-intl\";\n\nimport { getSafe } from \"@jslib/shared/utils/getSafe\";\n\nimport { useCollectFieldsEndpoint } from \"@/lib/ServerApi/useCollectFieldsEndpoint\";\n\nimport { VerificationStepsEnum } from \"../../lib/types/runtimeTypes\";\nimport { hasFailedInstantMatch } from \"../../lib/VerificationService/VerificationServiceHelpers\";\nimport {\n type VerificationService,\n type AgePersonalInfoViewModel,\n type AgePersonalInfoResponse,\n type FormSelectChoice,\n type Country,\n type FieldDescription,\n type CustomFormFieldConfig,\n} from \"../../lib/types/types\";\nimport {\n handleEmailOnKeyDown,\n updateFieldValidationErrorsByFieldId,\n getAvailableCountryChoices,\n getDefaultCountryChoice,\n produceDraftViewModel,\n getFieldConfigByFieldId,\n} from \"../../lib/utils/stepComponentHelpers/stepComponentHelpers\";\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\";\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\";\nimport { CaptchaComponent } from \"../FormFields/Captcha/CaptchaComponent\";\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 explanation={<FormattedHTMLMessage id=\"emailExplanation\" defaultMessage=\" \" />}\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 <CaptchaComponent\n verificationService={verificationService}\n isErrored={!!fieldValidationErrors.captchaToken}\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"],"mappings":"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"}

package/chunk/StepCard-7t2vkHqM.js CHANGED Viewed

@@ -1,8 +1,8 @@
 /**
- *   VERSION: 2.259.0-alpha.1
- *   BUILD_TIMESTAMP: 1784754660626
- *   BUILD_DATE: Wed Jul 22 2026 21:11:00 GMT+0000 (Coordinated Universal Time)
+ *   VERSION: 2.259.0-alpha.2
+ *   BUILD_TIMESTAMP: 1784832344356
+ *   BUILD_DATE: Thu Jul 23 2026 18:45:44 GMT+0000 (Coordinated Universal Time)
  *   BUILD_COMMIT: 723cd7cf079ebfd281e0288836276bf33ce7607f
  */
 import { t as e } from "./jsx-runtime-BknAqbDq.js";

package/chunk/{StepCard-BF_RD7Rd.js → StepCard-BtvCt-ND.js} RENAMED Viewed

@@ -4,12 +4,12 @@
  *   This file is not intended for use in other contexts and there are no guarantees about its behavior outside of MySheerID.
  */
 /**
- *   VERSION: 2.259.0-alpha.1
- *   BUILD_TIMESTAMP: 1784754664523
- *   BUILD_DATE: Wed Jul 22 2026 21:11:04 GMT+0000 (Coordinated Universal Time)
+ *   VERSION: 2.259.0-alpha.2
+ *   BUILD_TIMESTAMP: 1784832348235
+ *   BUILD_DATE: Thu Jul 23 2026 18:45:48 GMT+0000 (Coordinated Universal Time)
  *   BUILD_COMMIT: 723cd7cf079ebfd281e0288836276bf33ce7607f
  */
-import { t as e } from "./jsx-runtime-XNwIsY_N.js";
+import { t as e } from "./jsx-runtime-D_-z-h6n.js";
 //#region src/components/StepIDCheckLoop/StepCard/StepCard.tsx
 var t = e(), n = ({ icon: e, title: n, subtitle: r = void 0, isHighlighted: i = !1 }) => /* @__PURE__ */ (0, t.jsxs)("div", {
 	className: `sid-id-check-step-card ${i && "sid-id-check-step-card--highlighted"}`,

package/chunk/{StepCard-BF_RD7Rd.js.map → StepCard-BtvCt-ND.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"StepCard-~~BF_RD7Rd~~.js","names":[],"sources":["../../src/components/StepIDCheckLoop/StepCard/StepCard.tsx"],"sourcesContent":["import type React from \"react\";\n\ninterface StepCardComponentProps {\n icon: React.ReactNode;\n title: React.ReactNode;\n subtitle?: React.ReactNode;\n isHighlighted?: boolean;\n}\n\nconst StepCard = ({\n icon,\n title,\n subtitle = undefined,\n isHighlighted = false,\n}: StepCardComponentProps) => (\n <div\n className={`sid-id-check-step-card ${isHighlighted && \"sid-id-check-step-card--highlighted\"}`}\n >\n <div className=\"sid-id-check-step-card__icon\">{icon}</div>\n\n <div className=\"sid-id-check-step-card__description\">\n <div className=\"sid-id-check-step-card__title\">{title}</div>\n {subtitle && (\n <div className=\"sid-id-check-step-card__subtitle sid-l-space-top-sm\">{subtitle}</div>\n )}\n </div>\n </div>\n);\n\nexport const StepCardComponent = StepCard;\n"],"mappings":";;aA6Ba,KApBK,EAChB,SACA,UACA,cAAW,KAAA,GACX,mBAAgB,SAEhB,iBAAA,GAAA,EAAA,MAAC,OAAD;CACE,WAAW,0BAA0B,KAAiB;WADxD,CAGE,iBAAA,GAAA,EAAA,KAAC,OAAD;EAAK,WAAU;YAAgC;CAAU,CAAA,GAEzD,iBAAA,GAAA,EAAA,MAAC,OAAD;EAAK,WAAU;YAAf,CACE,iBAAA,GAAA,EAAA,KAAC,OAAD;GAAK,WAAU;aAAiC;EAAW,CAAA,GAC1D,KACC,iBAAA,GAAA,EAAA,KAAC,OAAD;GAAK,WAAU;aAAuD;EAAc,CAAA,CAEnF;GACF"}
1	+ {"version":3,"file":"StepCard-BtvCt-ND.js","names":[],"sources":["../../src/components/StepIDCheckLoop/StepCard/StepCard.tsx"],"sourcesContent":["import type React from \"react\";\n\ninterface StepCardComponentProps {\n icon: React.ReactNode;\n title: React.ReactNode;\n subtitle?: React.ReactNode;\n isHighlighted?: boolean;\n}\n\nconst StepCard = ({\n icon,\n title,\n subtitle = undefined,\n isHighlighted = false,\n}: StepCardComponentProps) => (\n <div\n className={`sid-id-check-step-card ${isHighlighted && \"sid-id-check-step-card--highlighted\"}`}\n >\n <div className=\"sid-id-check-step-card__icon\">{icon}</div>\n\n <div className=\"sid-id-check-step-card__description\">\n <div className=\"sid-id-check-step-card__title\">{title}</div>\n {subtitle && (\n <div className=\"sid-id-check-step-card__subtitle sid-l-space-top-sm\">{subtitle}</div>\n )}\n </div>\n </div>\n);\n\nexport const StepCardComponent = StepCard;\n"],"mappings":";;aA6Ba,KApBK,EAChB,SACA,UACA,cAAW,KAAA,GACX,mBAAgB,SAEhB,iBAAA,GAAA,EAAA,MAAC,OAAD;CACE,WAAW,0BAA0B,KAAiB;WADxD,CAGE,iBAAA,GAAA,EAAA,KAAC,OAAD;EAAK,WAAU;YAAgC;CAAU,CAAA,GAEzD,iBAAA,GAAA,EAAA,MAAC,OAAD;EAAK,WAAU;YAAf,CACE,iBAAA,GAAA,EAAA,KAAC,OAAD;GAAK,WAAU;aAAiC;EAAW,CAAA,GAC1D,KACC,iBAAA,GAAA,EAAA,KAAC,OAAD;GAAK,WAAU;aAAuD;EAAc,CAAA,CAEnF;GACF"}

package/chunk/{StepCollectIdentifier-Cr5cRjes.js → StepCollectIdentifier-8QO4sVSo.js} RENAMED Viewed

@@ -1,18 +1,18 @@
 /**
- *   VERSION: 2.259.0-alpha.1
- *   BUILD_TIMESTAMP: 1784754660626
- *   BUILD_DATE: Wed Jul 22 2026 21:11:00 GMT+0000 (Coordinated Universal Time)
+ *   VERSION: 2.259.0-alpha.2
+ *   BUILD_TIMESTAMP: 1784832344356
+ *   BUILD_DATE: Thu Jul 23 2026 18:45:44 GMT+0000 (Coordinated Universal Time)
  *   BUILD_COMMIT: 723cd7cf079ebfd281e0288836276bf33ce7607f
  */
 import { Ft as e, c as t } from "./options-D19mRw5a.js";
 import { n, t as r } from "./jsx-runtime-BknAqbDq.js";
-import { t as i, x as a } from "./FormFooterComponent-DcilxYfs.js";
-import { $ as o, G as s, n as c } from "../sheerid.js";
-import { n as l, t as u } from "./PersonalInfoStepSubmitButton-Byqc8ilE.js";
+import { C as i, t as a } from "./FormFooterComponent-CXzDxR2J.js";
+import { K as o, et as s, r as c } from "../sheerid.js";
+import { n as l, t as u } from "./PersonalInfoStepSubmitButton-Ywai8bYu.js";
 //#region src/components/StepCollectIdentifier/StepCollectIdentifierComponent.tsx
 var d = r(), f = ({ verificationService: r }) => {
-	let f = r.viewModel, { fieldValidationErrors: p } = r, m = r.verificationResponse, h = a(m), g = (e, n) => {
+	let f = r.viewModel, { fieldValidationErrors: p } = r, m = r.verificationResponse, h = i(m), g = (e, n) => {
 		let i = t(f, (t) => {
 			t[e] = n;
 		});
@@ -36,9 +36,9 @@ var d = r(), f = ({ verificationService: r }) => {
 						defaultMessage: "Needed to send authentication code"
 					}),
 					onChange: (e) => {
-						g("email", e), o("email", e, r);
+						g("email", e), s("email", e, r);
 					},
-					onKeyDown: (e) => s(e)
+					onKeyDown: (e) => o(e)
 				}),
 				/* @__PURE__ */ (0, d.jsx)(u, {
 					step: e.collectIdentifier,
@@ -51,7 +51,7 @@ var d = r(), f = ({ verificationService: r }) => {
 					})
 				})
 			]
-		}), /* @__PURE__ */ (0, d.jsx)(i, { verificationService: r })]
+		}), /* @__PURE__ */ (0, d.jsx)(a, { verificationService: r })]
 	});
 };
 //#endregion

package/chunk/{StepCollectIdentifier-Cr5cRjes.js.map → StepCollectIdentifier-8QO4sVSo.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"StepCollectIdentifier-~~Cr5cRjes~~.js","names":[],"sources":["../../src/components/StepCollectIdentifier/StepCollectIdentifierComponent.tsx"],"sourcesContent":["import type React from \"react\";\nimport { FormattedHTMLMessage } from \"react-intl\";\nimport { produce } from \"immer\";\n\nimport { hasFailedInstantMatch } from \"../../lib/VerificationService/VerificationServiceHelpers\";\nimport {\n type VerificationService,\n type CollectIdentifierViewModel,\n type PersonalInfoResponse,\n} from \"../../lib/types/types\";\nimport {\n handleEmailOnKeyDown,\n updateFieldValidationErrorsByFieldId,\n} from \"../../lib/utils/stepComponentHelpers/stepComponentHelpers\";\nimport { FormFooterComponent as FormFooter } from \"../FormFooter/FormFooterComponent\";\nimport { EmailComponent as Email } from \"../FormFields/Email/EmailComponent\";\nimport { VerificationStepsEnum } from \"../../lib/types/runtimeTypes\";\nimport { PersonalInfoHeader } from \"../FormHeader/StepHeaders/PersonalInfoHeaderComponent\";\nimport { PersonalInfoStepSubmitButton } from \"../PersonalInfoStepSubmitButton/PersonalInfoStepSubmitButton\";\n\ninterface StepCollectIdentifierProps {\n verificationService: VerificationService;\n}\n\nconst StepCollectIdentifier = ({ verificationService }: StepCollectIdentifierProps) => {\n const viewModel = verificationService.viewModel as CollectIdentifierViewModel;\n const { fieldValidationErrors } = verificationService;\n const verificationResponse = verificationService.verificationResponse as PersonalInfoResponse;\n const failedInstantMatch = hasFailedInstantMatch(verificationResponse);\n\n const updateCollectIdentifierViewmodel = (key: keyof CollectIdentifierViewModel, value: any) => {\n const nextState: CollectIdentifierViewModel = produce(\n viewModel,\n (draft: CollectIdentifierViewModel) => {\n (draft[key] as any) = value;\n },\n );\n verificationService.updateViewModel(nextState);\n };\n\n return (\n <div\n id=\"sid-step-collect-transaction-id\"\n className=\"sid-step-collect-transaction-id-container sid-l-container\"\n >\n <div role=\"main\">\n <PersonalInfoHeader\n verificationService={verificationService}\n classNameIdentifier=\"step-collect-transaction-id\"\n />\n\n <Email\n value={viewModel.email}\n isErrored={!!fieldValidationErrors.email}\n explanation={\n <FormattedHTMLMessage\n id=\"step.collectIdentifier.inputExplanation\"\n defaultMessage=\"Needed to send authentication code\"\n />\n }\n onChange={(newValue) => {\n updateCollectIdentifierViewmodel(\"email\", newValue);\n updateFieldValidationErrorsByFieldId(\"email\", newValue, verificationService);\n }}\n onKeyDown={(event: React.KeyboardEvent<HTMLInputElement>) => handleEmailOnKeyDown(event)}\n />\n\n <PersonalInfoStepSubmitButton\n step={VerificationStepsEnum.collectIdentifier}\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 </div>\n <FormFooter verificationService={verificationService} />\n </div>\n );\n};\n\nexport const StepCollectIdentifierComponent = StepCollectIdentifier;\n"],"mappings":";;;;;;aAqFa,KA7DkB,EAAE,6BAAsD;CACrF,IAAM,IAAY,EAAoB,WAChC,EAAE,6BAA0B,GAC5B,IAAuB,EAAoB,sBAC3C,IAAqB,EAAsB,CAAoB,GAE/D,KAAoC,GAAuC,MAAe;EAC9F,IAAM,IAAwC,EAC5C,IACC,MAAsC;GACrC,EAAO,KAAe;EACxB,CACF;EACA,EAAoB,gBAAgB,CAAS;CAC/C;CAEA,OACE,iBAAA,GAAA,EAAA,MAAC,OAAD;EACE,IAAG;EACH,WAAU;YAFZ,CAIE,iBAAA,GAAA,EAAA,MAAC,OAAD;GAAK,MAAK;aAAV;IACE,iBAAA,GAAA,EAAA,KAAC,GAAD;KACuB;KACrB,qBAAoB;IACrB,CAAA;IAED,iBAAA,GAAA,EAAA,KAAC,GAAD;KACE,OAAO,EAAU;KACjB,WAAW,CAAC,CAAC,EAAsB;KACnC,aACE,iBAAA,GAAA,EAAA,KAAC,GAAD;MACE,IAAG;MACH,gBAAe;KAChB,CAAA;KAEH,WAAW,MAAa;MAEtB,AADA,EAAiC,SAAS,CAAQ,GAClD,EAAqC,SAAS,GAAU,CAAmB;KAC7E;KACA,YAAY,MAAiD,EAAqB,CAAK;IACxF,CAAA;IAED,iBAAA,GAAA,EAAA,KAAC,GAAD;KACE,MAAM,EAAsB;KACP;KACV;KACS;KACpB,YACE,iBAAA,GAAA,EAAA,KAAC,GAAD;MACE,IAAG;MACH,gBAAe;KAChB,CAAA;IAEJ,CAAA;GACE;MACL,iBAAA,GAAA,EAAA,KAAC,GAAD,EAAiC,uBAAsB,CAAA,CACpD;;AAET"}
1	+ {"version":3,"file":"StepCollectIdentifier-8QO4sVSo.js","names":[],"sources":["../../src/components/StepCollectIdentifier/StepCollectIdentifierComponent.tsx"],"sourcesContent":["import type React from \"react\";\nimport { FormattedHTMLMessage } from \"react-intl\";\nimport { produce } from \"immer\";\n\nimport { hasFailedInstantMatch } from \"../../lib/VerificationService/VerificationServiceHelpers\";\nimport {\n type VerificationService,\n type CollectIdentifierViewModel,\n type PersonalInfoResponse,\n} from \"../../lib/types/types\";\nimport {\n handleEmailOnKeyDown,\n updateFieldValidationErrorsByFieldId,\n} from \"../../lib/utils/stepComponentHelpers/stepComponentHelpers\";\nimport { FormFooterComponent as FormFooter } from \"../FormFooter/FormFooterComponent\";\nimport { EmailComponent as Email } from \"../FormFields/Email/EmailComponent\";\nimport { VerificationStepsEnum } from \"../../lib/types/runtimeTypes\";\nimport { PersonalInfoHeader } from \"../FormHeader/StepHeaders/PersonalInfoHeaderComponent\";\nimport { PersonalInfoStepSubmitButton } from \"../PersonalInfoStepSubmitButton/PersonalInfoStepSubmitButton\";\n\ninterface StepCollectIdentifierProps {\n verificationService: VerificationService;\n}\n\nconst StepCollectIdentifier = ({ verificationService }: StepCollectIdentifierProps) => {\n const viewModel = verificationService.viewModel as CollectIdentifierViewModel;\n const { fieldValidationErrors } = verificationService;\n const verificationResponse = verificationService.verificationResponse as PersonalInfoResponse;\n const failedInstantMatch = hasFailedInstantMatch(verificationResponse);\n\n const updateCollectIdentifierViewmodel = (key: keyof CollectIdentifierViewModel, value: any) => {\n const nextState: CollectIdentifierViewModel = produce(\n viewModel,\n (draft: CollectIdentifierViewModel) => {\n (draft[key] as any) = value;\n },\n );\n verificationService.updateViewModel(nextState);\n };\n\n return (\n <div\n id=\"sid-step-collect-transaction-id\"\n className=\"sid-step-collect-transaction-id-container sid-l-container\"\n >\n <div role=\"main\">\n <PersonalInfoHeader\n verificationService={verificationService}\n classNameIdentifier=\"step-collect-transaction-id\"\n />\n\n <Email\n value={viewModel.email}\n isErrored={!!fieldValidationErrors.email}\n explanation={\n <FormattedHTMLMessage\n id=\"step.collectIdentifier.inputExplanation\"\n defaultMessage=\"Needed to send authentication code\"\n />\n }\n onChange={(newValue) => {\n updateCollectIdentifierViewmodel(\"email\", newValue);\n updateFieldValidationErrorsByFieldId(\"email\", newValue, verificationService);\n }}\n onKeyDown={(event: React.KeyboardEvent<HTMLInputElement>) => handleEmailOnKeyDown(event)}\n />\n\n <PersonalInfoStepSubmitButton\n step={VerificationStepsEnum.collectIdentifier}\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 </div>\n <FormFooter verificationService={verificationService} />\n </div>\n );\n};\n\nexport const StepCollectIdentifierComponent = StepCollectIdentifier;\n"],"mappings":";;;;;;aAqFa,KA7DkB,EAAE,6BAAsD;CACrF,IAAM,IAAY,EAAoB,WAChC,EAAE,6BAA0B,GAC5B,IAAuB,EAAoB,sBAC3C,IAAqB,EAAsB,CAAoB,GAE/D,KAAoC,GAAuC,MAAe;EAC9F,IAAM,IAAwC,EAC5C,IACC,MAAsC;GACrC,EAAO,KAAe;EACxB,CACF;EACA,EAAoB,gBAAgB,CAAS;CAC/C;CAEA,OACE,iBAAA,GAAA,EAAA,MAAC,OAAD;EACE,IAAG;EACH,WAAU;YAFZ,CAIE,iBAAA,GAAA,EAAA,MAAC,OAAD;GAAK,MAAK;aAAV;IACE,iBAAA,GAAA,EAAA,KAAC,GAAD;KACuB;KACrB,qBAAoB;IACrB,CAAA;IAED,iBAAA,GAAA,EAAA,KAAC,GAAD;KACE,OAAO,EAAU;KACjB,WAAW,CAAC,CAAC,EAAsB;KACnC,aACE,iBAAA,GAAA,EAAA,KAAC,GAAD;MACE,IAAG;MACH,gBAAe;KAChB,CAAA;KAEH,WAAW,MAAa;MAEtB,AADA,EAAiC,SAAS,CAAQ,GAClD,EAAqC,SAAS,GAAU,CAAmB;KAC7E;KACA,YAAY,MAAiD,EAAqB,CAAK;IACxF,CAAA;IAED,iBAAA,GAAA,EAAA,KAAC,GAAD;KACE,MAAM,EAAsB;KACP;KACV;KACS;KACpB,YACE,iBAAA,GAAA,EAAA,KAAC,GAAD;MACE,IAAG;MACH,gBAAe;KAChB,CAAA;IAEJ,CAAA;GACE;MACL,iBAAA,GAAA,EAAA,KAAC,GAAD,EAAiC,uBAAsB,CAAA,CACpD;;AAET"}

package/chunk/{StepCollectIdentifier-aSTN2D3f.js → StepCollectIdentifier-bhlSO88L.js} RENAMED Viewed

@@ -4,16 +4,16 @@
  *   This file is not intended for use in other contexts and there are no guarantees about its behavior outside of MySheerID.
  */
 /**
- *   VERSION: 2.259.0-alpha.1
- *   BUILD_TIMESTAMP: 1784754664523
- *   BUILD_DATE: Wed Jul 22 2026 21:11:04 GMT+0000 (Coordinated Universal Time)
+ *   VERSION: 2.259.0-alpha.2
+ *   BUILD_TIMESTAMP: 1784832348235
+ *   BUILD_DATE: Thu Jul 23 2026 18:45:48 GMT+0000 (Coordinated Universal Time)
  *   BUILD_COMMIT: 723cd7cf079ebfd281e0288836276bf33ce7607f
  */
-import { jt as e, p as t } from "./intl-aUfdCP8t.js";
-import { n, t as r } from "./jsx-runtime-XNwIsY_N.js";
-import { T as i, t as a } from "./FormFooterComponent-Cobuya5J.js";
-import { Q as o, W as s, t as c } from "../_mysheerid-preview.js";
-import { n as l, t as u } from "./PersonalInfoStepSubmitButton-i0P1DpyZ.js";
+import { Mt as e, p as t } from "./intl-Yr2cw5px.js";
+import { n, t as r } from "./jsx-runtime-D_-z-h6n.js";
+import { D as i, t as a } from "./FormFooterComponent-D9_fIqUs.js";
+import { $ as o, G as s, n as c } from "../_mysheerid-preview.js";
+import { n as l, t as u } from "./PersonalInfoStepSubmitButton-D3lzSm2E.js";
 //#region src/components/StepCollectIdentifier/StepCollectIdentifierComponent.tsx
 var d = r(), f = ({ verificationService: r }) => {
 	let f = r.viewModel, { fieldValidationErrors: p } = r, m = r.verificationResponse, h = i(m), g = (e, n) => {

package/chunk/{StepCollectIdentifier-aSTN2D3f.js.map → StepCollectIdentifier-bhlSO88L.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"StepCollectIdentifier-~~aSTN2D3f~~.js","names":[],"sources":["../../src/components/StepCollectIdentifier/StepCollectIdentifierComponent.tsx"],"sourcesContent":["import type React from \"react\";\nimport { FormattedHTMLMessage } from \"react-intl\";\nimport { produce } from \"immer\";\n\nimport { hasFailedInstantMatch } from \"../../lib/VerificationService/VerificationServiceHelpers\";\nimport {\n type VerificationService,\n type CollectIdentifierViewModel,\n type PersonalInfoResponse,\n} from \"../../lib/types/types\";\nimport {\n handleEmailOnKeyDown,\n updateFieldValidationErrorsByFieldId,\n} from \"../../lib/utils/stepComponentHelpers/stepComponentHelpers\";\nimport { FormFooterComponent as FormFooter } from \"../FormFooter/FormFooterComponent\";\nimport { EmailComponent as Email } from \"../FormFields/Email/EmailComponent\";\nimport { VerificationStepsEnum } from \"../../lib/types/runtimeTypes\";\nimport { PersonalInfoHeader } from \"../FormHeader/StepHeaders/PersonalInfoHeaderComponent\";\nimport { PersonalInfoStepSubmitButton } from \"../PersonalInfoStepSubmitButton/PersonalInfoStepSubmitButton\";\n\ninterface StepCollectIdentifierProps {\n verificationService: VerificationService;\n}\n\nconst StepCollectIdentifier = ({ verificationService }: StepCollectIdentifierProps) => {\n const viewModel = verificationService.viewModel as CollectIdentifierViewModel;\n const { fieldValidationErrors } = verificationService;\n const verificationResponse = verificationService.verificationResponse as PersonalInfoResponse;\n const failedInstantMatch = hasFailedInstantMatch(verificationResponse);\n\n const updateCollectIdentifierViewmodel = (key: keyof CollectIdentifierViewModel, value: any) => {\n const nextState: CollectIdentifierViewModel = produce(\n viewModel,\n (draft: CollectIdentifierViewModel) => {\n (draft[key] as any) = value;\n },\n );\n verificationService.updateViewModel(nextState);\n };\n\n return (\n <div\n id=\"sid-step-collect-transaction-id\"\n className=\"sid-step-collect-transaction-id-container sid-l-container\"\n >\n <div role=\"main\">\n <PersonalInfoHeader\n verificationService={verificationService}\n classNameIdentifier=\"step-collect-transaction-id\"\n />\n\n <Email\n value={viewModel.email}\n isErrored={!!fieldValidationErrors.email}\n explanation={\n <FormattedHTMLMessage\n id=\"step.collectIdentifier.inputExplanation\"\n defaultMessage=\"Needed to send authentication code\"\n />\n }\n onChange={(newValue) => {\n updateCollectIdentifierViewmodel(\"email\", newValue);\n updateFieldValidationErrorsByFieldId(\"email\", newValue, verificationService);\n }}\n onKeyDown={(event: React.KeyboardEvent<HTMLInputElement>) => handleEmailOnKeyDown(event)}\n />\n\n <PersonalInfoStepSubmitButton\n step={VerificationStepsEnum.collectIdentifier}\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 </div>\n <FormFooter verificationService={verificationService} />\n </div>\n );\n};\n\nexport const StepCollectIdentifierComponent = StepCollectIdentifier;\n"],"mappings":";;;;;;aAqFa,KA7DkB,EAAE,6BAAsD;CACrF,IAAM,IAAY,EAAoB,WAChC,EAAE,6BAA0B,GAC5B,IAAuB,EAAoB,sBAC3C,IAAqB,EAAsB,CAAoB,GAE/D,KAAoC,GAAuC,MAAe;EAC9F,IAAM,IAAwC,EAC5C,IACC,MAAsC;GACrC,EAAO,KAAe;EACxB,CACF;EACA,EAAoB,gBAAgB,CAAS;CAC/C;CAEA,OACE,iBAAA,GAAA,EAAA,MAAC,OAAD;EACE,IAAG;EACH,WAAU;YAFZ,CAIE,iBAAA,GAAA,EAAA,MAAC,OAAD;GAAK,MAAK;aAAV;IACE,iBAAA,GAAA,EAAA,KAAC,GAAD;KACuB;KACrB,qBAAoB;IACrB,CAAA;IAED,iBAAA,GAAA,EAAA,KAAC,GAAD;KACE,OAAO,EAAU;KACjB,WAAW,CAAC,CAAC,EAAsB;KACnC,aACE,iBAAA,GAAA,EAAA,KAAC,GAAD;MACE,IAAG;MACH,gBAAe;KAChB,CAAA;KAEH,WAAW,MAAa;MAEtB,AADA,EAAiC,SAAS,CAAQ,GAClD,EAAqC,SAAS,GAAU,CAAmB;KAC7E;KACA,YAAY,MAAiD,EAAqB,CAAK;IACxF,CAAA;IAED,iBAAA,GAAA,EAAA,KAAC,GAAD;KACE,MAAM,EAAsB;KACP;KACV;KACS;KACpB,YACE,iBAAA,GAAA,EAAA,KAAC,GAAD;MACE,IAAG;MACH,gBAAe;KAChB,CAAA;IAEJ,CAAA;GACE;MACL,iBAAA,GAAA,EAAA,KAAC,GAAD,EAAiC,uBAAsB,CAAA,CACpD;;AAET"}
1	+ {"version":3,"file":"StepCollectIdentifier-bhlSO88L.js","names":[],"sources":["../../src/components/StepCollectIdentifier/StepCollectIdentifierComponent.tsx"],"sourcesContent":["import type React from \"react\";\nimport { FormattedHTMLMessage } from \"react-intl\";\nimport { produce } from \"immer\";\n\nimport { hasFailedInstantMatch } from \"../../lib/VerificationService/VerificationServiceHelpers\";\nimport {\n type VerificationService,\n type CollectIdentifierViewModel,\n type PersonalInfoResponse,\n} from \"../../lib/types/types\";\nimport {\n handleEmailOnKeyDown,\n updateFieldValidationErrorsByFieldId,\n} from \"../../lib/utils/stepComponentHelpers/stepComponentHelpers\";\nimport { FormFooterComponent as FormFooter } from \"../FormFooter/FormFooterComponent\";\nimport { EmailComponent as Email } from \"../FormFields/Email/EmailComponent\";\nimport { VerificationStepsEnum } from \"../../lib/types/runtimeTypes\";\nimport { PersonalInfoHeader } from \"../FormHeader/StepHeaders/PersonalInfoHeaderComponent\";\nimport { PersonalInfoStepSubmitButton } from \"../PersonalInfoStepSubmitButton/PersonalInfoStepSubmitButton\";\n\ninterface StepCollectIdentifierProps {\n verificationService: VerificationService;\n}\n\nconst StepCollectIdentifier = ({ verificationService }: StepCollectIdentifierProps) => {\n const viewModel = verificationService.viewModel as CollectIdentifierViewModel;\n const { fieldValidationErrors } = verificationService;\n const verificationResponse = verificationService.verificationResponse as PersonalInfoResponse;\n const failedInstantMatch = hasFailedInstantMatch(verificationResponse);\n\n const updateCollectIdentifierViewmodel = (key: keyof CollectIdentifierViewModel, value: any) => {\n const nextState: CollectIdentifierViewModel = produce(\n viewModel,\n (draft: CollectIdentifierViewModel) => {\n (draft[key] as any) = value;\n },\n );\n verificationService.updateViewModel(nextState);\n };\n\n return (\n <div\n id=\"sid-step-collect-transaction-id\"\n className=\"sid-step-collect-transaction-id-container sid-l-container\"\n >\n <div role=\"main\">\n <PersonalInfoHeader\n verificationService={verificationService}\n classNameIdentifier=\"step-collect-transaction-id\"\n />\n\n <Email\n value={viewModel.email}\n isErrored={!!fieldValidationErrors.email}\n explanation={\n <FormattedHTMLMessage\n id=\"step.collectIdentifier.inputExplanation\"\n defaultMessage=\"Needed to send authentication code\"\n />\n }\n onChange={(newValue) => {\n updateCollectIdentifierViewmodel(\"email\", newValue);\n updateFieldValidationErrorsByFieldId(\"email\", newValue, verificationService);\n }}\n onKeyDown={(event: React.KeyboardEvent<HTMLInputElement>) => handleEmailOnKeyDown(event)}\n />\n\n <PersonalInfoStepSubmitButton\n step={VerificationStepsEnum.collectIdentifier}\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 </div>\n <FormFooter verificationService={verificationService} />\n </div>\n );\n};\n\nexport const StepCollectIdentifierComponent = StepCollectIdentifier;\n"],"mappings":";;;;;;aAqFa,KA7DkB,EAAE,6BAAsD;CACrF,IAAM,IAAY,EAAoB,WAChC,EAAE,6BAA0B,GAC5B,IAAuB,EAAoB,sBAC3C,IAAqB,EAAsB,CAAoB,GAE/D,KAAoC,GAAuC,MAAe;EAC9F,IAAM,IAAwC,EAC5C,IACC,MAAsC;GACrC,EAAO,KAAe;EACxB,CACF;EACA,EAAoB,gBAAgB,CAAS;CAC/C;CAEA,OACE,iBAAA,GAAA,EAAA,MAAC,OAAD;EACE,IAAG;EACH,WAAU;YAFZ,CAIE,iBAAA,GAAA,EAAA,MAAC,OAAD;GAAK,MAAK;aAAV;IACE,iBAAA,GAAA,EAAA,KAAC,GAAD;KACuB;KACrB,qBAAoB;IACrB,CAAA;IAED,iBAAA,GAAA,EAAA,KAAC,GAAD;KACE,OAAO,EAAU;KACjB,WAAW,CAAC,CAAC,EAAsB;KACnC,aACE,iBAAA,GAAA,EAAA,KAAC,GAAD;MACE,IAAG;MACH,gBAAe;KAChB,CAAA;KAEH,WAAW,MAAa;MAEtB,AADA,EAAiC,SAAS,CAAQ,GAClD,EAAqC,SAAS,GAAU,CAAmB;KAC7E;KACA,YAAY,MAAiD,EAAqB,CAAK;IACxF,CAAA;IAED,iBAAA,GAAA,EAAA,KAAC,GAAD;KACE,MAAM,EAAsB;KACP;KACV;KACS;KACpB,YACE,iBAAA,GAAA,EAAA,KAAC,GAAD;MACE,IAAG;MACH,gBAAe;KAChB,CAAA;IAEJ,CAAA;GACE;MACL,iBAAA,GAAA,EAAA,KAAC,GAAD,EAAiC,uBAAsB,CAAA,CACpD;;AAET"}

package/chunk/{StepCollectMilitaryStatusComponent-5RzFVxA_.js → StepCollectMilitaryStatusComponent-CwiPlk5w.js} RENAMED Viewed

@@ -4,10 +4,10 @@
  *   This file is not intended for use in other contexts and there are no guarantees about its behavior outside of MySheerID.
  */
 /**
- *   VERSION: 2.259.0-alpha.1
- *   BUILD_TIMESTAMP: 1784754664523
- *   BUILD_DATE: Wed Jul 22 2026 21:11:04 GMT+0000 (Coordinated Universal Time)
+ *   VERSION: 2.259.0-alpha.2
+ *   BUILD_TIMESTAMP: 1784832348235
+ *   BUILD_DATE: Thu Jul 23 2026 18:45:48 GMT+0000 (Coordinated Universal Time)
  *   BUILD_COMMIT: 723cd7cf079ebfd281e0288836276bf33ce7607f
  */
-import { StepActiveMilitaryPersonalInfoComponent as e } from "./StepActiveMilitaryPersonalInfoComponent-B-obfX5s.js";
+import { StepActiveMilitaryPersonalInfoComponent as e } from "./StepActiveMilitaryPersonalInfoComponent-Ceamkjd0.js";
 export { e as default };

package/chunk/StepCollectMilitaryStatusComponent-f2ZW0KJY.js ADDED Viewed

@@ -0,0 +1,9 @@
+/**
+ *   VERSION: 2.259.0-alpha.2
+ *   BUILD_TIMESTAMP: 1784832344356
+ *   BUILD_DATE: Thu Jul 23 2026 18:45:44 GMT+0000 (Coordinated Universal Time)
+ *   BUILD_COMMIT: 723cd7cf079ebfd281e0288836276bf33ce7607f
+ */
+import { StepActiveMilitaryPersonalInfoComponent as e } from "./StepActiveMilitaryPersonalInfoComponent-B_rTMccG.js";
+export { e as default };