@adyen/kyc-components 4.5.0 → 4.6.0-beta.0

package/dist/{IndividualDropin-CNYG1UJb.js → IndividualDropin-DS8kUrXB.js}

@@ -2,72 +2,73 @@
 {
   try {
     let e = "undefined" != typeof window ? window : "undefined" != typeof global ? global : "undefined" != typeof globalThis ? globalThis : "undefined" != typeof self ? self : {}, n = new e.Error().stack;
-    n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "cdc83799-f072-4ebc-8cf1-12c45600af18", e._sentryDebugIdIdentifier = "sentry-dbid-cdc83799-f072-4ebc-8cf1-12c45600af18");
+    n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "310aa9d9-ea6f-447b-9818-6329e1115aad", e._sentryDebugIdIdentifier = "sentry-dbid-310aa9d9-ea6f-447b-9818-6329e1115aad");
   } catch (e) {
   }
 }
 ;
-import { jsxs, Fragment, jsx } from "preact/jsx-runtime";
+import { jsxs, jsx, Fragment } from "preact/jsx-runtime";
 import { Show } from "@preact/signals/utils";
 import { useMutation, useQuery, skipToken, useQueryClient } from "@tanstack/preact-query";
 import { useState, useRef, useCallback, useEffect, useMemo } from "preact/hooks";
-import { u as useScenarios } from "./useScenarios-ho-q4vGs.js";
-import { u as useCreateLegalEntity } from "./useCreateLegalEntity-i6pKh0i4.js";
-import { b as useApiContext, h as httpPost, aa as CountryCodes, aC as matchesRegex, aD as NO_ALPHABET_REGEX, aE as EMOJI_REGEX, aF as hasRepeatedCharacters, aG as isInvalidName, aH as INDIVIDUAL_VALID_CHAR_REGEX, ax as isEmpty, y as TaskTypes, L as LegalEntityTypes, aI as getAgeToday, aJ as euCountries, aK as hasText, aL as standardKatakanaValidator, aM as standardKanjiValidator, j as httpGet, u as useTranslation, W as Button, G as Alert, V as Loader, as as DecisionMakerTypes, at as Scenarios, O as Typography, ac as translateTranslatable, ap as useDataset, aq as datasetIdentifier, aN as useAllowedCountries, k as useSettingsContext, J as useExperimentsContext, aB as Header, aO as getAgeRangeForLegalRepresentative, aP as isLegalRepresentativeNeeded, aQ as Trans, aR as valuesOf, aS as keysOf, ah as objectsDeepEqual, aT as listToRecord, aU as pick, m as createLogger, C as IconButton, z as useAnalyticsContext, am as datasetUtilities, aV as useCapabilities, aW as individualApiKeyMapping, aX as drop, v as useAccountHolder, a9 as getLegalEntityCountry, aY as getAllowedDecisionMakerRoles, aZ as filterOutUnwantedAssociationsIfRootLE, an as cloneObject, a_ as individualDocumentMapping, a$ as individualObscuredFields, ad as getOwnEntityAssociations, b0 as hasNomineesChanged, b1 as attachNomineeToRole, b2 as doArraysMatch } from "./StoreProvider-o79GZkUo.js";
-import { u as useUpdateLegalEntity } from "./useUpdateLegalEntity-CtdSLVIW.js";
-import { a as addressValidators, A as Address, u as useProviderStatus } from "./Address-C0rbmhQL.js";
-import { c as contactDetailsValidationRules, a as contactDetailFields, C as ContactDetails, P as PhoneField, u as useValidatePhoneNumberImperatively, g as getAsyncPhoneValidationRules } from "./ContactDetails-BZ7dqNuH.js";
-import { u as useFormContext, F as FormContextProvider, a as FormFlow } from "./useFormContext-DGfVqoR2.js";
-import { u as useToastContext } from "./useToastContext-CflZZ_Su.js";
-import { g as getPropsFromConfigurations, c as composePerScenarioFormConfigurations } from "./process-field-configurations-Bo_HZH3p.js";
-import { g as getRequiredForms, a as addValidityToForms, u as useFormComposer } from "./dropinUtils-C78qUFNH.js";
-import { u as useMultiForm } from "./useMultiForm-Cmp2wrss.js";
-import { u as uppercase, D as DocumentGuidance, m as mapExistingFile, g as getPageName, a as getPage, b as useScenarioConfiguration } from "./mapExistingFile-J5xtIyOp.js";
+import { u as useScenarios } from "./useScenarios-BvV1t76w.js";
+import { u as useCreateLegalEntity } from "./useCreateLegalEntity-CO7qV3Sc.js";
+import { b as useApiContext, j as httpPost, a9 as CountryCodes, aC as matchesRegex, aD as NO_ALPHABET_REGEX, aE as EMOJI_REGEX, aF as hasRepeatedCharacters, aG as isInvalidName, aH as INDIVIDUAL_VALID_CHAR_REGEX, ax as isEmpty, w as TaskTypes, L as LegalEntityTypes, aI as getAgeToday, aJ as euCountries, aK as hasText, aL as standardKatakanaValidator, aM as standardKanjiValidator, k as httpGet, u as useTranslation, V as Button, C as Alert, U as Loader, as as DecisionMakerTypes, at as Scenarios, N as Typography, ab as translateTranslatable, ap as useDataset, aq as datasetIdentifier, aN as useAllowedCountries, m as useSettingsContext, H as useToggleContext, aB as Header, aO as getAgeRangeForLegalRepresentative, aP as isLegalRepresentativeNeeded, aQ as Trans, aR as valuesOf, aS as keysOf, ah as objectsDeepEqual, aT as listToRecord, aU as pick, ae as createLogger, B as IconButton, x as useAnalyticsContext, am as datasetUtilities, aV as useCapabilities, aW as individualApiKeyMapping, aX as drop, t as useAccountHolder, a8 as getLegalEntityCountry, aY as getAllowedDecisionMakerRoles, aZ as filterOutUnwantedAssociationsIfRootLE, an as cloneObject, a_ as individualDocumentMapping, a$ as individualObscuredFields, ac as getOwnEntityAssociations, b0 as hasNomineesChanged, b1 as attachNomineeToRole, b2 as doArraysMatch } from "./StoreProvider-lJLpl6iE.js";
+import { u as useUpdateLegalEntity } from "./useUpdateLegalEntity-Dr3e1mG2.js";
+import { a as addressValidators, A as Address, u as useProviderStatus } from "./Address-BkeFTMl-.js";
+import { c as contactDetailsValidationRules, a as contactDetailFields, C as ContactDetails, d as defaultFieldMetadata$1, f as fieldConfig, P as PhoneField, g as getPhonePlaceholder, u as useValidatePhoneNumberImperatively, b as getAsyncPhoneValidationRules } from "./ContactDetails-ByrH32Jo.js";
+import { u as useFormContext, F as FormContextProvider, a as FormFlow } from "./useFormContext-EeYo1zte.js";
+import { u as useToastContext } from "./useToastContext-Dl59lP3Q.js";
+import { g as getPropsFromConfigurations, c as composePerScenarioFormConfigurations } from "./process-field-configurations-DcWH0t4d.js";
+import { g as getRequiredForms, a as addValidityToForms, u as useFormComposer } from "./dropinUtils-B-qE8vvG.js";
+import { u as useMultiForm } from "./useMultiForm-CR9pqYjq.js";
+import { u as uppercase, A as AdyenKycSdkError, m as mapExistingFile, g as getPageName, a as getPage, b as useScenarioConfiguration } from "./mapExistingFile-BcvOzQNH.js";
 import { J as JP_ADDRESS_REQUIRED_FIELDS } from "./jpAddressSchema-DEOyz9Yo.js";
-import { t as toFullWidth, m as mapJpAddressSchemaToAddressLocalizations, a as mapJpAddressSummary } from "./mapJpAddressSchemaToAddressLocalizations-BCTFanCP.js";
-import { b as addressFields, a as getAddressSchemaLabelsByCountry, C as COUNTRIES_WITH_STATES_DATASET, m as mapAddressLabels } from "./utils-CF18b8u8.js";
-import { G as GuidanceQuestionValues, a as GuidanceQuestion, g as getOnfidoIdentityTypeToApiIdentityTypeMap, i as individualFormDefaultData, m as mapLegalEntityToIndividualSchema } from "./mapLegalEntityToIndividualSchema-fUEX0pyE.js";
-import { i as isValidationError, p as processValidationErrors, a as isMaintenanceModeError } from "./validationError-BDDYiyYy.js";
-import { g as getIdDocument, a as getDocument, c as createDocumentRequest, d as documentApiUtils, m as mergeAttachments, b as getFileExtention } from "./validate-BH9M6gvx.js";
-import { t as taxInformationDefaultFieldMetadata, a as taxInformationDefaultFieldConfig, i as individualIdNumberOptions, b as additionallIdNumberOptions, T as TaxInformationField, M as MemoizedDocumentUpload, c as taxIdNumberOptions, g as getFieldsWithExistingData } from "./TaxInformationField-C6DdzDTL.js";
-import { i as isJapanLocalizationEnabled } from "./japanSupportUtils-C5HeKRQ7.js";
-import { l as localizeDateString } from "./localizeDateString-ltj3KR-p.js";
-import { I as IFrameWidget, o as omitObscuredFieldsIfUnchanged } from "./iframeWidget-D-vHGFmR.js";
-import { m as makeMask, n as numericInputs, a as nonInputs, b as alphaInputs, c as customInputs, s as spacer, d as alphanumericInputs, M as MaskedInput, I as InputEmail } from "./MaskedInput-CFPRK30D.js";
-import { v as validatePatternOnBlur } from "./patternValidators-DmtoCjEe.js";
+import { s as summaryItem } from "./summaryItem-CAQCQSkt.js";
+import { b as addressFields, a as getAddressSchemaLabelsByCountry, C as COUNTRIES_WITH_STATES_DATASET, m as mapAddressLabels } from "./utils-CWrDCmo5.js";
+import { G as GuidanceQuestionValues, a as GuidanceQuestion, g as getOnfidoIdentityTypeToApiIdentityTypeMap, i as individualFormDefaultData, m as mapLegalEntityToIndividualSchema } from "./mapLegalEntityToIndividualSchema-_HlywUjg.js";
+import { i as isValidationError, p as processValidationErrors, a as isMaintenanceModeError } from "./validationError-DmyvOY60.js";
+import { g as getIdDocument, a as getDocument, c as createDocumentRequest, d as documentApiUtils, m as mergeAttachments, b as getFileExtention } from "./validate-DdW_lr56.js";
+import { t as taxInformationDefaultFieldMetadata, a as taxInformationDefaultFieldConfig, T as TaxInformationField, D as DocumentGuidance, M as MemoizedDocumentUpload, b as taxIdNumberOptions, g as getFieldsWithExistingData } from "./TaxInformationField-5nazrzc4.js";
+import { i as isJapanLocalizationEnabled } from "./japanSupportUtils-BK4rTASp.js";
+import { l as localizeDateString } from "./localizeDateString-BSZiJcEb.js";
+import { o as omitObscuredFieldsIfUnchanged } from "./omitObscuredFieldsIfUnchanged-tsdNkCyN.js";
+import { m as makeMask, n as numericInputs, a as nonInputs, b as alphaInputs, c as customInputs, s as spacer, d as alphanumericInputs, M as MaskedInput, I as InputEmail } from "./MaskedInput-DPSvsK95.js";
+import { v as validatePatternOnBlur } from "./patternValidators-DuOaKe_S.js";
 import { r as resolveFieldMetadata } from "./fieldConfigurations-BUT9DTUH.js";
-import { g as getLocalizedIdDocumentTypeOptions } from "./utils-CPWcV5kL.js";
+import { g as getLocalizedIdDocumentTypeOptions } from "./utils-2-VlpJvY.js";
 import { lazy, Suspense, memo } from "preact/compat";
-import { I as Image } from "./unincorporated-partnership-BC2PWEgm.js";
-import { M as Modal } from "./Modal-DJLTbW4Y.js";
-import { L as LandingLayout } from "./LandingLayout-CHRI270t.js";
-import { C as Confirm } from "./Confirm-Bf4Pjkty.js";
-import { a as getIndividualLegalEntityName } from "./getName-C1Pp12yX.js";
-import { b as idNowModalChildEntityId, a as idNowPostSubmit, s as showIdNowModal, c as shouldShowIdNowModal } from "./bafinUtils-sfpUKqEq.js";
+import { I as Image } from "./unincorporated-partnership-DCtqSVs0.js";
+import { M as Modal } from "./Modal-CAVcW_pH.js";
+import { L as LandingLayout } from "./LandingLayout-y-X0NrR1.js";
+import { C as Confirm } from "./Confirm-DOjzHnlC.js";
+import { a as getIndividualLegalEntityName } from "./getName-CzAV6RHp.js";
+import { b as idNowModalChildEntityId, a as idNowPostSubmit, s as showIdNowModal, c as shouldShowIdNowModal } from "./bafinUtils-m56sOqio.js";
 import { signal } from "@preact/signals";
-import { E as ErrorPanel, u as useFormRouterContext } from "./ErrorPanel-DNuuMh-W.js";
+import { E as ErrorPanel, u as useFormRouterContext } from "./ErrorPanel-4HIDH4sr.js";
 import { g as getFieldProps, a as getFormProps } from "./getProps-Cc3J2-z9.js";
-import { F as Field } from "./Field-DhgxtDHi.js";
-import { L as Link } from "./Link-Bl_GjNYw.js";
-import { S as SettingNames } from "./types-CQ2p58-6.js";
-import { I as InputDate, f as formatDateObj } from "./InputDate-UU6golKr.js";
-import { I as InputText } from "./InputText-B_Dy6ooB.js";
-import { C as CountryField } from "./CountryField-BTwq-LdM.js";
-import { R as RadioGroup, a as RadioWithLabel } from "./RadioGroup-DCmqcl_S.js";
-import { m as mergeFieldMetadataIntoProps, c as createFormUtils } from "./formUtils-D9HJXrvu.js";
-import { C as Checkbox } from "./Checkbox-DnP0i74G.js";
-import { S as Select } from "./Select-CyK-d8L8.js";
-import { C as ContextGuidance } from "./ContextGuidance-0XKaQ9Ba.js";
-import { C as COUNTRIES_WHICH_USE_MULTIPLE_IDENTITY_TYPES, i as individualRules, D as DECISION_MAKER_TYPES_WITH_JOBTITLE } from "./Individual.rules-BMayKVCw.js";
-import { i as isTruthyValidator } from "./commonValidators-h59h4U6_.js";
+import { F as Field } from "./Field-CWq5XOh3.js";
+import { L as Link } from "./Link-DeFoaStC.js";
+import { S as SettingNames } from "./types-Dv0COrvY.js";
+import { I as InputDate, f as formatDateObj } from "./InputDate-C2NEOpK4.js";
+import { I as InputText } from "./InputText-20pWI3ja.js";
+import { C as CountryField } from "./CountryField-C9nbUmpe.js";
+import { R as RadioGroup, a as RadioWithLabel } from "./RadioGroup-BZ-EfNXM.js";
+import { m as mergeFieldMetadataIntoProps, c as createFormUtils } from "./formUtils-DjInEErz.js";
+import { C as Checkbox } from "./Checkbox-Dwf4zXgj.js";
+import { S as Select } from "./Select-DSLn5CCG.js";
+import { C as ContextGuidance } from "./ContextGuidance-BUczCMV3.js";
+import { C as COUNTRIES_WHICH_USE_MULTIPLE_IDENTITY_TYPES, i as individualRules, D as DECISION_MAKER_TYPES_WITH_JOBTITLE } from "./Individual.rules-BhSXCdTl.js";
+import { i as isTruthyValidator } from "./commonValidators-cEWuPs2I.js";
 import { T as TrustedFieldsProviders } from "./trusted-fields-provider-BgfIoSNJ.js";
-import { n as nameFields, N as Name } from "./Name-Bu38kdOA.js";
-import { D as Dropzone } from "./Dropzone-1307mgIt.js";
-import { i as isEmpty$1 } from "./isEmpty-Dxhg5YWQ.js";
+import { n as nameFields, N as Name } from "./Name-eQhc9Vta.js";
+import { t as toFullWidth, m as mapJpAddressSchemaToAddressLocalizations } from "./mapJpAddressSchemaToAddressLocalizations-BgHjkrJG.js";
+import { D as Dropzone } from "./Dropzone-Bf8v-4iJ.js";
+import { i as isEmpty$1 } from "./isEmpty-CRqBruDc.js";
 import { Onfido } from "onfido-sdk-ui";
-import { L as LoaderWrapper } from "./LoaderWrapper-Coambg3s.js";
+import { L as LoaderWrapper } from "./LoaderWrapper-Bh1b67kY.js";
 import { S as Spacer } from "./Spacer-BK3jDget.js";
-import { T as TextArea } from "./TextArea-XLgx9WmG.js";
+import { T as TextArea } from "./TextArea-D0eJRv8v.js";
 import { e as emailPattern } from "./basePatterns-BwdnMQxI.js";
 import { f as formatObject } from "./utils-DNSfZiio.js";
 import { m as mapSchemaFieldsToApiScriptLocalization } from "./mapAddressLocalizationToJpAddressSchema-vJWbpAyq.js";
@@ -135,6 +136,37 @@ const useCreateInvitation = (options) => {
     ...options
   });
 };
+const mapJpAddressSummary = (data, datasetUtils) => {
+  if (!data) return {};
+  return {
+    country: datasetUtils.getCountryName("JP") ?? "JP",
+    postalCode: summaryItem("postalCode", data.postalCode),
+    stateOrProvince: summaryItem(
+      "prefecture",
+      /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx("p", { children: data.jaHaniStateOrProvince }),
+        /* @__PURE__ */ jsx("p", { children: data.jaKanaStateOrProvince }),
+        /* @__PURE__ */ jsx("p", { children: data.stateOrProvince })
+      ] })
+    ),
+    city: summaryItem(
+      "districtTownAreaCityWard",
+      /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx("p", { children: data.jaHaniCity }),
+        /* @__PURE__ */ jsx("p", { children: data.jaKanaCity }),
+        /* @__PURE__ */ jsx("p", { children: data.city })
+      ] })
+    ),
+    otherAddressInformation: summaryItem("chomeAndBanchi", data.otherAddressInformation),
+    address: summaryItem(
+      "buildingNameFloorRoomNumberEtc",
+      /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx("p", { children: data.jaHaniAddress }),
+        /* @__PURE__ */ jsx("p", { children: data.address })
+      ] })
+    )
+  };
+};
 const customerSupportPresubmitProcess = (legalEntityResponse, legalEntityToSubmit) => {
   if (legalEntityResponse.type === "individual") {
     return processCustomerSupportForIndividual(legalEntityResponse, legalEntityToSubmit);
@@ -805,7 +837,7 @@ const getCountrySpecificMinimumAgeValidationRule = (country) => {
 };
 const additionalPersonalDetailsValidators = ({
   country,
-  isExperimentEnabled = () => false,
+  isFeatureEnabled = () => false,
   isSettingEnabled = () => false,
   taskType,
   idNumberType,
@@ -829,7 +861,7 @@ const additionalPersonalDetailsValidators = ({
     if (isSettingEnabled("enforceLegalAge")) {
       return [...baseValidators, buildMinimumAgeValidationRule(18)];
     }
-    if (isExperimentEnabled("EnableAgeVerification")) {
+    if (isFeatureEnabled("EnableAgeVerification")) {
       if (taskType === TaskTypes.LEGAL_REPRESENTATIVE_DETAILS) {
         return [...baseValidators, buildMinimumAgeValidationRule(18)];
       }
@@ -837,7 +869,7 @@ const additionalPersonalDetailsValidators = ({
     }
     return baseValidators;
   })(),
-  ...isExperimentEnabled("StrictNameAndAddressValidationV4") ? nameValidationRulesV4 : void 0,
+  ...isFeatureEnabled("StrictNameAndAddressValidationV4") ? nameValidationRulesV4 : void 0,
   ...contactDetailsValidationRules,
   idNumber: (() => {
     const derivedIdNumberType = country === CountryCodes.UnitedStates || country === CountryCodes.PuertoRico ? getSSNType(formVerificationErrors, existingIdNumber) : idNumberType;
@@ -853,13 +885,13 @@ const additionalPersonalDetailsValidators = ({
     )?.validators;
   })(),
   ...addressValidators({
-    isExperimentEnabled,
+    isFeatureEnabled,
     country,
     t
   })
 });
-const localizedNameValidationRulesV4 = (isExperimentEnabled = () => false, country) => {
-  if (isJapanLocalizationEnabled(isExperimentEnabled, country)) {
+const localizedNameValidationRulesV4 = (isFeatureEnabled = () => false, country) => {
+  if (isJapanLocalizationEnabled(isFeatureEnabled, country)) {
     return {
       jaHaniFirstName: [
         {
@@ -914,12 +946,12 @@ const localizedNameValidationRulesV4 = (isExperimentEnabled = () => false, count
   return {};
 };
 const basicDetailsValidators = ({
-  isExperimentEnabled = () => false,
+  isFeatureEnabled = () => false,
   country
 }) => ({
   ...contactDetailsValidationRules,
-  ...isExperimentEnabled("StrictNameAndAddressValidationV4") ? nameValidationRulesV4 : void 0,
-  ...localizedNameValidationRulesV4(isExperimentEnabled, country)
+  ...isFeatureEnabled("StrictNameAndAddressValidationV4") ? nameValidationRulesV4 : void 0,
+  ...localizedNameValidationRulesV4(isFeatureEnabled, country)
 });
 const onfidoDocumentTypeMapping = [
   { id: "driversLicense", name: "driversLicense", hasBackPage: true },
@@ -974,6 +1006,70 @@ const styles$4 = {
   idnowVerificationHeaderIframe,
   idnowVerificationHeaderImage
 };
+const MOUNT_TIMEOUT = 10 * 1e3;
+let activeWidget;
+class IFrameWidget {
+  iframeUrl;
+  iframeElement;
+  mountInProgress = false;
+  constructor(iframeElement, url, _vendor, _sdkToken) {
+    try {
+      this.iframeUrl = new URL(url);
+    } catch (err) {
+      throw new AdyenKycSdkError("WIDGET_URL_MALFORMED", err);
+    }
+    this.iframeElement = iframeElement;
+  }
+  unmount() {
+    if (this.mountInProgress) {
+      throw new AdyenKycSdkError("Cannot unmount widget, mounting is still in progress");
+    }
+    this.iframeElement.remove();
+    activeWidget = null;
+  }
+  async mount() {
+    if (activeWidget) {
+      throw new AdyenKycSdkError(
+        `You can only have one ${this.constructor.name} mounted at a time`
+      );
+    }
+    activeWidget = this;
+    if (this.mountInProgress) {
+      throw new AdyenKycSdkError("Cannot mount widget, mounting is already in progress");
+    }
+    this.mountInProgress = true;
+    try {
+      await new Promise((resolve, reject) => {
+        const timeoutId = setTimeout(() => {
+          this.mountInProgress = false;
+          reject(new AdyenKycSdkError("WIDGET_TIMEOUT"));
+        }, MOUNT_TIMEOUT);
+        const cancelTimeout = () => {
+          if (timeoutId) clearTimeout(timeoutId);
+        };
+        this.iframeElement.addEventListener("load", () => {
+          cancelTimeout();
+          this.mountInProgress = false;
+          resolve();
+        });
+        requestAnimationFrame(() => {
+          try {
+            this.iframeElement.setAttribute("src", this.iframeUrl.href);
+          } catch (ex) {
+            cancelTimeout();
+            this.mountInProgress = false;
+            reject(ex);
+          }
+        });
+      });
+    } catch (err) {
+      throw new AdyenKycSdkError("WIDGET_LAUNCH_FAILED", err);
+    }
+  }
+  async mountAndWaitForResponse() {
+    await this.mount();
+  }
+}
 const passportFrontGreenImage$1 = lazy(
   () => import("./passport-front-green-CZVkCa1n.js")
 );
@@ -1228,6 +1324,54 @@ const shouldShowMotionCapture = ({
   const hasRequiredCapability = capabilities?.issueBankAccount?.requested ?? false;
   return (isIndividual || hasRequiredRole) && hasRequiredCapability;
 };
+const individualIdNumberOptions = {
+  [CountryCodes.Spain]: [
+    {
+      id: "dni",
+      name: "dni"
+    },
+    {
+      id: "nie",
+      name: "nie"
+    }
+  ]
+};
+const additionallIdNumberOptions = {
+  [CountryCodes.NewZealand]: [
+    {
+      id: "driversLicense",
+      name: "driversLicense"
+    },
+    {
+      id: "passport",
+      name: "passportNumber"
+    }
+  ],
+  [CountryCodes.HongKong]: [
+    {
+      id: "proofOfIdentityCard",
+      name: "stateIssuedProofOfIdentityCard"
+    },
+    {
+      id: "driversLicense",
+      name: "driversLicense"
+    },
+    {
+      id: "passport",
+      name: "passportNumber"
+    }
+  ],
+  [CountryCodes.Australia]: [
+    {
+      id: "driversLicense",
+      name: "driversLicense"
+    },
+    {
+      id: "passport",
+      name: "passportNumber"
+    }
+  ]
+};
 function IndividualIdNumberTypeSelector({
   country,
   selected,
@@ -1287,9 +1431,9 @@ function IdentityNumber(props) {
   if (!handleFieldChange) {
     return;
   }
-  const fieldConfig = propFieldConfig ?? defaultFieldConfig;
+  const fieldConfig2 = propFieldConfig ?? defaultFieldConfig;
   const metadata = resolveFieldMetadata(
-    fieldConfig[country],
+    fieldConfig2[country],
     { idNumberType },
     defaultFieldMetadata
   );
@@ -1717,7 +1861,7 @@ const additionalIdentityInfoFields = [
   "expiryDate"
 ];
 const LazyJpAddress = lazy(
-  async () => (await import("./JpAddress-DEzR_98l.js")).JpAddress
+  async () => (await import("./JpAddress-CX4IfNRB.js")).JpAddress
 );
 const additionalPersonalDetailsFields = [
   "birthDate",
@@ -1735,9 +1879,9 @@ function AdditionalPersonalDetails(props) {
   const allowedCountries = useAllowedCountries();
   const [showLegalRepresentativePrompt, setShowLegalRepresentativePrompt] = useState(false);
   const { isSettingEnabled } = useSettingsContext();
-  const { isExperimentEnabled } = useExperimentsContext();
+  const { isFeatureEnabled } = useToggleContext();
   const { form } = useFormContext();
-  const isExperimentAgeVerificationEnabled = isExperimentEnabled("EnableAgeVerification");
+  const isAgeVerificationFeatureEnabled = isFeatureEnabled("EnableAgeVerification");
   const isSettingsEnforceLegalAgeEnabled = isSettingEnabled(SettingNames.EnforceLegalAge);
   const {
     country: defaultCountry,
@@ -1781,7 +1925,7 @@ function AdditionalPersonalDetails(props) {
   }
   const handleBirthDateChange = (event) => {
     handleFieldChange("birthDate", "blur")(event);
-    if (isExperimentAgeVerificationEnabled && !isSettingsEnforceLegalAgeEnabled && isLegalRepresentativeNeeded(event.currentTarget.value, country, taskType)) {
+    if (isAgeVerificationFeatureEnabled && !isSettingsEnforceLegalAgeEnabled && isLegalRepresentativeNeeded(event.currentTarget.value, country, taskType)) {
       setShowLegalRepresentativePrompt(true);
     }
   };
@@ -1816,7 +1960,7 @@ function AdditionalPersonalDetails(props) {
         handleChangeFor: handleFieldChange
       }
     ),
-    isJapanLocalizationEnabled(isExperimentEnabled, country) ? /* @__PURE__ */ jsx(Suspense, { fallback: /* @__PURE__ */ jsx(Loader, {}), children: /* @__PURE__ */ jsx(
+    isJapanLocalizationEnabled(isFeatureEnabled, country) ? /* @__PURE__ */ jsx(Suspense, { fallback: /* @__PURE__ */ jsx(Loader, {}), children: /* @__PURE__ */ jsx(
       LazyJpAddress,
       {
         ...jpAddressProps,
@@ -3008,7 +3152,7 @@ function IdVerificationMethod(props) {
   const { t: individualT, i18n } = useTranslation("individual");
   const { t: commonT } = useTranslation("common");
   const userEvents = useAnalyticsContext();
-  const { isExperimentEnabled } = useExperimentsContext();
+  const { isFeatureEnabled } = useToggleContext();
   const extractDocumentInformation2 = useExtractDocumentInformation();
   const {
     form: { data, handleChangeFor, setFormData, setValid, valid }
@@ -3073,7 +3217,8 @@ function IdVerificationMethod(props) {
     lastName: data.basicDetails?.lastName,
     residencyCountry: data.additionalPersonalDetails?.country
   };
-  const launchOnfido = () => {
+  const { registerFieldAction, unregisterFieldAction } = useFormRouterContext();
+  const launchOnfido = useCallback(() => {
     clearError();
     userEvents.addPageEvent("Clicked button", {
       actionType: "add",
@@ -3082,7 +3227,13 @@ function IdVerificationMethod(props) {
     });
     setStatus("onfidoModal");
     handleFieldChange("idVerificationMethod")("instantVerification");
-  };
+  }, [userEvents, handleFieldChange]);
+  useEffect(() => {
+    if (hasLiveSelfieErrorCode) {
+      registerFieldAction("idDocument", launchOnfido);
+      return () => unregisterFieldAction("idDocument");
+    }
+  }, [registerFieldAction, unregisterFieldAction, launchOnfido, hasLiveSelfieErrorCode]);
   const handleOnfidoComplete = async (onfidoResult) => {
     clearError();
     setShowLoadingSpinner(true);
@@ -3250,7 +3401,7 @@ function IdVerificationMethod(props) {
               children: commonT(($) => $["startVerification"])
             }
           ),
-          isExperimentEnabled("EnableVerifyByInvite") && isDecisionMakerTask(taskType) && /* @__PURE__ */ jsx(Button, { onClick: handleVerifyByInvite, variant: "secondary", fullWidth: true, children: individualT(($) => $["verifyByInvite"]) }),
+          isFeatureEnabled("EnableVerifyByInvite") && isDecisionMakerTask(taskType) && /* @__PURE__ */ jsx(Button, { onClick: handleVerifyByInvite, variant: "secondary", fullWidth: true, children: individualT(($) => $["verifyByInvite"]) }),
           !showIndividualMotionCapture?.value && /* @__PURE__ */ jsx(
             Button,
             {
@@ -3393,7 +3544,17 @@ function InviteDetails(props) {
     recipientFirstName,
     valid = {}
   } = props;
-  const formUtils = createFormUtils(props, commonT);
+  const phoneMetadata = resolveFieldMetadata(
+    fieldConfig[data?.phoneNumber?.phoneCountryCode ?? country],
+    {},
+    defaultFieldMetadata$1
+  );
+  const mergedProps = mergeFieldMetadataIntoProps(
+    "phoneNumber",
+    { label: phoneMetadata.label, mask: phoneMetadata.mask },
+    props
+  );
+  const formUtils = createFormUtils(mergedProps, commonT);
   const basicDetails = formData.basicDetails ?? {};
   const handleEmailChange = useCallback(
     (mode) => (e) => {
@@ -3456,9 +3617,13 @@ function InviteDetails(props) {
         valid: { phoneNumber: valid.phoneNumber ?? true },
         errors: { phoneNumber: errors.phoneNumber?.errorMessage },
         labels: { phoneNumber: t(($) => $["mobileNumber"]) },
+        placeholder: getPhonePlaceholder(country),
         optional: false,
         readonly: false,
-        handleChangeFor: handlePhoneChange
+        handleChangeFor: handlePhoneChange,
+        mask: formUtils.getMask("phoneNumber"),
+        helper: t(($) => $["mobileNumberHelperText"]),
+        helperPosition: "below"
       }
     ),
     /* @__PURE__ */ jsx(
@@ -4046,12 +4211,11 @@ function Individual(props) {
   const {
     form: { errors, valid, fieldProblems: fieldValidationErrors, handleChangeFor, setFormData }
   } = useFormContext();
-  const { setFormIndex } = useFormRouterContext();
+  const { goToFormByFormId } = useFormRouterContext();
   const [isDecisionMakerNotRequiredModalOpen, setIsDecisionMakerNotRequiredModalOpen] = useState(false);
   const [isDuplicateNameModalOpen, setIsDuplicateNameModalOpen] = useState(false);
   const {
     activeForm: propActiveForm,
-    forms,
     defaultCountry,
     data,
     taskType,
@@ -4159,16 +4323,11 @@ function Individual(props) {
     setIsDuplicateNameModalOpen(false);
     onNext?.();
   };
-  const gotoFormByFormId = (formId) => {
-    const targetFormIndex = forms.findIndex((form) => form.formId === formId);
-    if (!targetFormIndex) throw new Error(`${formId} not found`);
-    setFormIndex(targetFormIndex);
-  };
   const handleContinueToAdditionalDetails = () => {
-    gotoFormByFormId(additionalPersonalDetailsFormID);
+    goToFormByFormId(additionalPersonalDetailsFormID);
   };
   const handleContinueToInviteDetails = () => {
-    gotoFormByFormId(inviteDetailsFormID);
+    goToFormByFormId(inviteDetailsFormID);
   };
   const handleDeleteDocument = () => {
     logger$1.info("handle delete document");
@@ -4506,7 +4665,7 @@ const adjustOnfidoIdentificationData = (data, apiData) => {
       };
   }
 };
-const mapIndividualSchemaToLegalEntity = (individual, isExperimentEnabled, matchingScenario) => {
+const mapIndividualSchemaToLegalEntity = (individual, isFeatureEnabled, matchingScenario) => {
   const legalEntity = {
     ...formatObject(individual, individualApiKeyMapping),
     type: LegalEntityTypes.INDIVIDUAL
@@ -4793,7 +4952,7 @@ function IndividualDropin({
   const { t, i18n } = useTranslation(["common", "individual"]);
   const userEvents = useAnalyticsContext();
   const { showToast, clearToasts } = useToastContext();
-  const { isExperimentEnabled } = useExperimentsContext();
+  const { isFeatureEnabled } = useToggleContext();
   const { isSettingEnabled } = useSettingsContext();
   const queryClient = useQueryClient();
   const defaultCountry = "NL";
@@ -4858,21 +5017,15 @@ function IndividualDropin({
     [propProblems, validationErrors]
   );
   const hasVerificationErrors = propProblems?.verificationErrors && Object.keys(propProblems.verificationErrors).length > 0;
-  useEffect(() => {
-    userEvents.updateBaseTrackingPayload({ task: taskType });
-    userEvents.addTaskEvent("Landed on page", {
-      actionType: "start"
-    });
-  }, []);
   const individualFieldValidations = useCallback(
     (data2) => ({
       basicDetails: basicDetailsValidators({
-        isExperimentEnabled,
+        isFeatureEnabled,
         country
       }),
       additionalPersonalDetails: additionalPersonalDetailsValidators({
         country: data2?.additionalPersonalDetails?.country ?? country,
-        isExperimentEnabled,
+        isFeatureEnabled,
         isSettingEnabled,
         taskType,
         idNumberType: data2?.additionalPersonalDetails?.typeOfIdentity,
@@ -4889,7 +5042,7 @@ function IndividualDropin({
       country,
       dataFromResponse.additionalPersonalDetails?.idNumber,
       t,
-      isExperimentEnabled,
+      isFeatureEnabled,
       isSettingEnabled,
       problems?.verificationErrors?.additionalPersonalDetails,
       taskType
@@ -4964,11 +5117,11 @@ function IndividualDropin({
       data,
       country: data?.additionalPersonalDetails?.country ?? country,
       taskType,
-      isExperimentEnabled,
+      isFeatureEnabled,
       rootLegalEntity: parentLegalEntity,
       problems
     }),
-    [country, matchingScenario, data, isExperimentEnabled, parentLegalEntity, taskType, problems]
+    [country, matchingScenario, data, isFeatureEnabled, parentLegalEntity, taskType, problems]
   );
   useEffect(() => {
     const derivedProps2 = getPropsFromConfigurations({
@@ -5244,7 +5397,7 @@ function IndividualDropin({
     try {
       const legalEntity = mapIndividualSchemaToLegalEntity(
         dataSubmitted,
-        isExperimentEnabled,
+        isFeatureEnabled,
         matchingScenario
       );
       const idDocumentType = idDocumentTypeOptions.find(
@@ -5383,7 +5536,7 @@ function IndividualDropin({
       );
     }
     if (data.additionalPersonalDetails) {
-      if (isJapanLocalizationEnabled(isExperimentEnabled, country)) {
+      if (isJapanLocalizationEnabled(isFeatureEnabled, country)) {
         summaryData.additionalPersonalDetails = {
           ...drop(...JP_ADDRESS_REQUIRED_FIELDS).from(summaryData.additionalPersonalDetails),
           ...mapJpAddressSummary(data.additionalPersonalDetails, datasetUtils)
@@ -5469,6 +5622,7 @@ function IndividualDropin({
     activeForm,
     shouldValidate,
     gotoFormByFormIndex,
+    gotoFormByFormId,
     steps
   } = useFormComposer({
     problems,
@@ -5500,6 +5654,7 @@ function IndividualDropin({
         forms,
         activeForm,
         gotoFormByFormIndex,
+        gotoFormByFormId,
         handleBackClick,
         handleCancelClick: handleHomeClick,
         handleNextClick: nextHandler || handleNextClick,

package/dist/{InputDate-UU6golKr.js → InputDate-C2NEOpK4.js}

@@ -9,7 +9,7 @@
 ;
 import { jsx } from "preact/jsx-runtime";
 import { useMemo } from "preact/hooks";
-import { a as InputBase } from "./InputText-B_Dy6ooB.js";
+import { a as InputBase } from "./InputText-20pWI3ja.js";
 const checkDateInputSupport = () => {
   const input = document.createElement("input");
   input.setAttribute("type", "date");

package/dist/{InputText-B_Dy6ooB.js → InputText-20pWI3ja.js}

@@ -2,7 +2,7 @@
 {
   try {
     let e = "undefined" != typeof window ? window : "undefined" != typeof global ? global : "undefined" != typeof globalThis ? globalThis : "undefined" != typeof self ? self : {}, n = new e.Error().stack;
-    n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "497ed156-06bd-414f-a9d2-c93236f37bb1", e._sentryDebugIdIdentifier = "sentry-dbid-497ed156-06bd-414f-a9d2-c93236f37bb1");
+    n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "f4bb32e8-fd4a-4bb3-bc1d-bb8c2cbc41fd", e._sentryDebugIdIdentifier = "sentry-dbid-f4bb32e8-fd4a-4bb3-bc1d-bb8c2cbc41fd");
   } catch (e) {
   }
 }
@@ -11,7 +11,7 @@ import { jsx } from "preact/jsx-runtime";
 import { forwardRef } from "preact/compat";
 import { useRef, useState, useCallback, useLayoutEffect } from "preact/hooks";
 import cx from "classnames";
-import { z as useAnalyticsContext } from "./StoreProvider-o79GZkUo.js";
+import { x as useAnalyticsContext } from "./StoreProvider-lJLpl6iE.js";
 import { d as debouncedInputEvent } from "./debouncedInputEvent-Cv2S512Y.js";
 const InputBase = forwardRef((props, ref) => {
   const userEvents = useAnalyticsContext();