@adyen/kyc-components 3.0.0-beta.25 → 3.0.0-beta.26

package/dist/es/adyen-kyc-components.es.js

@@ -78,7 +78,6 @@ const invalidFormatForAuDriversLicenseNumber = "This isn't a valid Australian dr
 const invalidFormatForNZDriversLicenseNumber = "Expected format should be: 2 characters, followed by 6 digits";
 const invalidFormatForAuDriversLicenseCardNumber = "This isn't a valid Australian driver's license card number. Expected format: 6-10 alphanumeric characters.";
 const invalidFormatForNZDriversLicenseCardNumber = "Expected format should be: 3 digits";
-const invalidFormatForAuProofOfIdentityCardNumber = "This isn't a valid Australian proof of identity card number. Expected format: 6-10 alphanumeric characters.";
 const invalidFormatForHKPassportNumber = "Not valid for HK. Format should be: 9-character alphanumeric. For example: K12345599";
 const invalidFormatForHKDriversLicenseNumber = "Not valid for HK. Format should be: 8-character alphanumeric. For example: A1234567";
 const invalidFormatForHKIdentityCardNumber = "Not valid for HK. Format should be: 8 or 9-character alphanumeric. For example: C668668A";
@@ -745,7 +744,7 @@ const noGoBack = "No, go back";
 const continueCompany = "Continue as company";
 const continueIndividual = "Continue as individual";
 const addManually = "Add manually";
-const searchAddress = "Search address";
+const searchAddress$1 = "Search address";
 const startTypingTheAddress = "Start typing the address";
 const addresses = "Addresses";
 const loading = "Loading";
@@ -1235,7 +1234,6 @@ const defaultTrans = {
   invalidFormatForNZDriversLicenseNumber,
   invalidFormatForAuDriversLicenseCardNumber,
   invalidFormatForNZDriversLicenseCardNumber,
-  invalidFormatForAuProofOfIdentityCardNumber,
   invalidFormatForHKPassportNumber,
   invalidFormatForHKDriversLicenseNumber,
   invalidFormatForHKIdentityCardNumber,
@@ -1917,7 +1915,7 @@ const defaultTrans = {
   continueCompany,
   continueIndividual,
   addManually,
-  searchAddress,
+  searchAddress: searchAddress$1,
   startTypingTheAddress,
   addresses,
   loading,
@@ -3051,7 +3049,7 @@ const createLogger = (namespace) => {
   });
   return methods;
 };
-const logger$q = createLogger("Link");
+const logger$r = createLogger("Link");
 const getIconClass = (icon, external) => {
   if (external) {
     return "adl-link__icon adyen-kyc-icon-external-link";
@@ -3063,7 +3061,7 @@ const getIconClass = (icon, external) => {
 };
 const isValidLink = (href) => {
   if (href === "#") {
-    logger$q.error('Links must include a valid href. If your href is "#", consider using a Button instead');
+    logger$r.error('Links must include a valid href. If your href is "#", consider using a Button instead');
     return false;
   }
   return true;
@@ -3340,14 +3338,14 @@ function useResetGlobalData(caller) {
     }
   }), [dispatch, caller]);
 }
-const logger$p = createLogger("useAllowedCountries");
+const logger$q = createLogger("useAllowedCountries");
 const useAllowedCountries = () => {
   const {
     getAllowedCountries: getAllowedCountries2
   } = useConfigurationApi();
   const [allowedCountries, setAllowedCountries] = useState();
   useEffect(() => {
-    getAllowedCountries2().then((response) => setAllowedCountries(response.countries)).catch(logger$p.error);
+    getAllowedCountries2().then((response) => setAllowedCountries(response.countries)).catch(logger$q.error);
   }, []);
   return allowedCountries;
 };
@@ -3686,7 +3684,7 @@ class ValidationResult {
     return this.validationResults.filter((result) => result.hasError);
   }
 }
-const logger$o = createLogger("useAsyncValidator");
+const logger$p = createLogger("useAsyncValidator");
 const useAsyncValidator = (asyncRules) => {
   const [asyncValidationResults, setAsyncValidationResults] = useState({});
   const clearAsyncValidationResults = useCallback(() => setAsyncValidationResults({}), []);
@@ -3709,7 +3707,7 @@ const useAsyncValidator = (asyncRules) => {
           hasError: !isValid
         }])
       });
-    }).catch(logger$o.error);
+    }).catch(logger$p.error);
   }, [asyncRules, clearAsyncValidationResults]);
   return {
     asyncValidationResults,
@@ -5128,7 +5126,7 @@ const Select = ({
     })]
   });
 };
-const logger$n = createLogger("CountryField");
+const logger$o = createLogger("CountryField");
 const COUNTRY_FIELD = ["country"];
 function CountryField({
   data,
@@ -5151,7 +5149,7 @@ function CountryField({
     dataset: countriesFromApi
   } = useDataset(datasetIdentifier.country);
   useEffect(() => {
-    loadFlags2().catch(logger$n.error);
+    loadFlags2().catch(logger$o.error);
   }, [loadFlags2]);
   const countries = countriesFromApi.filter((country2) => allowedCountries ? allowedCountries.includes(country2.id) : true).map((item) => ({
     ...item,
@@ -6767,11 +6765,6 @@ function AccordionItem({
       }
       setItems(newItems);
     }
-    if (isOpen) {
-      onClose();
-    } else {
-      onOpen();
-    }
   };
   useEffect(() => {
     setItems((items2) => [...items2, {
@@ -6791,6 +6784,9 @@ function AccordionItem({
   useEffect(() => {
     if (isOpen) {
       onExpandSection == null ? void 0 : onExpandSection(typeof title === "string" ? title : "");
+      onOpen();
+    } else {
+      onClose();
     }
   }, [isOpen]);
   return jsxs("div", {
@@ -9000,7 +8996,7 @@ const accountHolderValidationRules = {
   }
 };
 const accountHolderFields = ["accountHolder"];
-const logger$m = createLogger("AccountHolder");
+const logger$n = createLogger("AccountHolder");
 function getAvailableAccountHolderOptions(legalEntityType, isChangeOfLegalEntityTypeAllowed, isTrustFlowEnabled, isSoleProprietorshipAllowed, isChangeToMyNameAllowed) {
   switch (legalEntityType) {
     case LegalEntityType.ORGANIZATION: {
@@ -9010,7 +9006,7 @@ function getAvailableAccountHolderOptions(legalEntityType, isChangeOfLegalEntity
       return [...isChangeToMyNameAllowed ? ["myName"] : [], ...isChangeOfLegalEntityTypeAllowed ? ["theCompanyIWorkFor"] : [], ...isTrustFlowEnabled ? ["aTrust"] : [], ...isSoleProprietorshipAllowed ? ["mySoleProprietorName"] : []];
     }
     default:
-      logger$m.error(`No available account holder options for legal entity type '${legalEntityType}'`);
+      logger$n.error(`No available account holder options for legal entity type '${legalEntityType}'`);
       return [];
   }
 }
@@ -9758,7 +9754,7 @@ function Dropzone(props) {
     })]
   });
 }
-const logger$l = createLogger("TextArea");
+const logger$m = createLogger("TextArea");
 function TextArea(props) {
   const {
     classNameModifiers,
@@ -9779,7 +9775,7 @@ function TextArea(props) {
   } = useI18nContext();
   const [value, setValue] = useState("");
   if (Object.prototype.hasOwnProperty.call(props, "onChange")) {
-    logger$l.error("Error: Form fields that rely on InputBase may not have an onChange property");
+    logger$m.error("Error: Form fields that rely on InputBase may not have an onChange property");
   }
   const handleInput = (e) => {
     var _a;
@@ -10192,7 +10188,7 @@ function FieldContainer(props) {
   }
   return renderField(fieldName);
 }
-const logger$k = createLogger("SearchAddress");
+const logger$l = createLogger("SearchAddress");
 const SearchAddress = ({
   data,
   legalEntityId,
@@ -10218,7 +10214,7 @@ const SearchAddress = ({
       const response = await handleFindAddress(selectedAddressId);
       autocompleteAddressForm(response);
     } catch (e) {
-      logger$k.error(e);
+      logger$l.error(e);
     }
   };
   const onDrilldown = async (selectedAddress) => {
@@ -10230,7 +10226,7 @@ const SearchAddress = ({
       }, legalEntityId);
       setItems((response == null ? void 0 : response.results) || []);
     } catch (e) {
-      logger$k.error(e);
+      logger$l.error(e);
     }
   };
   const onChange = (e) => {
@@ -10285,7 +10281,7 @@ const SearchAddress = ({
           setItems([]);
         }
       } catch (e) {
-        logger$k.error(e);
+        logger$l.error(e);
       }
       setLoading(false);
     }
@@ -13324,7 +13320,7 @@ const initOnfido = async ({
     language: getOnfidoLocaleConfig(i18n)
   });
 };
-const logger$j = createLogger("IdVerificationComponent");
+const logger$k = createLogger("IdVerificationComponent");
 function IdVerificationComponent({
   userDetails,
   legalEntityId,
@@ -13357,7 +13353,7 @@ function IdVerificationComponent({
         onIdVerificationError,
         onIdVerificationComplete
       });
-    })().catch(logger$j.error);
+    })().catch(logger$k.error);
     return () => {
       if (onfidoSdk.current)
         onfidoSdk.current.tearDown();
@@ -13409,7 +13405,7 @@ function IdDocumentAlreadyUpload(props) {
     })]
   });
 }
-const logger$i = createLogger("IdDocumentInstantVerificationComponent");
+const logger$j = createLogger("IdDocumentInstantVerificationComponent");
 const idVerificationSchema = ["instantIdVerificationData", "idDocumentType"];
 const documentTypeValidationRules = {
   instantIdVerificationData: {
@@ -13491,7 +13487,7 @@ function IdDocumentInstantVerificationComponent(props) {
         userDetails: props.userDetails,
         legalEntityId: props.legalEntityId,
         onIdVerificationComplete: handleIdVerificationComplete,
-        onIdVerificationError: logger$i.error
+        onIdVerificationError: logger$j.error
       }), jsxs("div", {
         className: "adyen-kyc-document-upload__manual-upload",
         children: [i18n.get("canNotCompleteInstantVerification"), " ", jsx("button", {
@@ -14826,8 +14822,6 @@ const auIdentityValidationRules = {
           return PassportNumberPatterns.AU.test(value ?? "");
         case "driversLicense":
           return DriversLicenseNumberPatterns.AU.test(value ?? "");
-        case "proofOfIdentityCard":
-          return ProofOfIdentityCardPatterns.AU.test(value ?? "");
         default:
           return false;
       }
@@ -14838,8 +14832,6 @@ const auIdentityValidationRules = {
           return "invalidFormatForAuPassportNumber";
         case "driversLicense":
           return "invalidFormatForAuDriversLicenseNumber";
-        case "proofOfIdentityCard":
-          return "invalidFormatForAuProofOfIdentityCardNumber";
       }
     },
     modes: ["blur"]
@@ -14952,29 +14944,6 @@ const PassportNumber$2 = ({
     placeholder: ""
   })
 });
-const ProofOfIdentityCard$1 = ({
-  cardNumber,
-  onInput,
-  onBlur,
-  formUtils: {
-    getLabel
-  },
-  errorMessage,
-  isValid
-}) => jsx(Field, {
-  name: "cardNumber",
-  label: getLabel("idNumber", "proofOfIdentityCardNumber"),
-  errorMessage,
-  isValid,
-  children: (childProps) => jsx(InputText, {
-    ...childProps,
-    name: "cardNumber",
-    value: cardNumber,
-    onInput,
-    onBlur,
-    placeholder: ""
-  })
-});
 function IdentityAuComponent(props) {
   var _a;
   if (((_a = props.data) == null ? void 0 : _a.typeOfIdentity) === "nationalIdNumber") {
@@ -15016,7 +14985,7 @@ function IdentityAuComponent(props) {
     i18n
   } = useI18nContext();
   const formUtils = formUtilities(props, i18n);
-  const availableIdentityTypes = ["passport", "driversLicense", "proofOfIdentityCard"];
+  const availableIdentityTypes = ["passport", "driversLicense"];
   const selectedIdentityType = data.typeOfIdentity;
   return jsxs(Fragment, {
     children: [jsx(TypeOfIdentity, {
@@ -15033,13 +15002,6 @@ function IdentityAuComponent(props) {
       formUtils,
       isValid: valid.idNumber,
       errorMessage: formUtils.getErrorMessage("idNumber", errors, fieldProblems)
-    }) : data.typeOfIdentity === "proofOfIdentityCard" ? jsx(ProofOfIdentityCard$1, {
-      cardNumber: data.idNumber ?? "",
-      onInput: handleChangeFor("idNumber", "input"),
-      onBlur: handleChangeFor("idNumber", "blur"),
-      formUtils,
-      isValid: valid.idNumber,
-      errorMessage: formUtils.getErrorMessage("idNumber", errors, fieldProblems)
     }) : data.typeOfIdentity === "driversLicense" ? jsx(DriversLicense$2, {
       driversLicense: data,
       onIssuerStateChange: handleChangeFor("issuerState"),
@@ -16272,7 +16234,7 @@ class AdyenKycSdkError extends Error {
 }
 let sdkToken;
 let fetchSdkToken;
-const logger$h = createLogger("Session");
+const logger$i = createLogger("Session");
 const setSdkToken = (token) => {
   sdkToken = token;
 };
@@ -16290,7 +16252,7 @@ const refreshSession = async () => {
     } = await fetchSdkToken();
     setSdkToken(token);
   } catch (e) {
-    logger$h.error("Failed to fetch sdk token", e);
+    logger$i.error("Failed to fetch sdk token", e);
   }
 };
 const addAnimationStartListener = (element, listener) => {
@@ -16299,7 +16261,7 @@ const addAnimationStartListener = (element, listener) => {
 const removeAnimationStartListener = (element, listener) => {
   element.removeEventListener("animationstart", listener, false);
 };
-const logger$g = createLogger("Fetch");
+const logger$h = createLogger("Fetch");
 const getRequestObject = (options, data) => {
   const {
     headers = [],
@@ -16346,10 +16308,10 @@ const logFetchError = (message, level) => {
     case "info":
     case "warn":
     case "error":
-      logger$g[level](message);
+      logger$h[level](message);
       break;
     default:
-      logger$g.error(message);
+      logger$h.error(message);
   }
 };
 const handleFetchResponse = async (response, responseType) => {
@@ -16447,7 +16409,7 @@ const RELEVANT_MESSAGE_TYPES = ["account_verification_report_id", "error"];
 const TERMINAL_DATA_PROPS = ["accounts", "error", "reference"];
 const MOUNT_TIMEOUT = 10 * 1e3;
 const TINK_VENDOR = "Tink";
-const logger$f = createLogger("iframeWidget");
+const logger$g = createLogger("iframeWidget");
 const isObjectData = (data) => typeof data === "object" && !Array.isArray(data) && data !== null;
 const isTerminalMessageData = (data) => Object.entries(data).some(([prop]) => TERMINAL_DATA_PROPS.includes(prop));
 const parseMessageJson = (message) => {
@@ -16466,7 +16428,7 @@ const callbackErrorHandler = async (response) => {
   try {
     await response;
   } catch (ex) {
-    logger$f.error(ex);
+    logger$g.error(ex);
   }
   return {
     error: "UNKNOWN_ERROR",
@@ -16572,7 +16534,7 @@ class IFrameWidget {
             message = responseData.errorMessage;
           }
         } catch (ex) {
-          logger$f.error(ex);
+          logger$g.error(ex);
         }
         throw new AdyenKycSdkError(reason, jsonData.error);
       }
@@ -16758,7 +16720,7 @@ function BankVerificationWidget({
     ref: widgetContainerRef
   });
 }
-const logger$e = createLogger("BankVerification");
+const logger$f = createLogger("BankVerification");
 const accountVerificationFields = ["verifiedAccountHolder", "verifiedBankCountry", "verifiedBankName", "verifiedCurrencyCode", "verifiedBankAccountNumber"];
 const InstantVerificationErrorContext = createContext(null);
 const useInstantVerificationErrorNotification = (notificationVisibilityDuration) => {
@@ -16792,7 +16754,7 @@ const usePreferredVendorForCountry = (country2, getBankVerificationVendors) => {
       const preferredVendor2 = vendors[0];
       setPreferredVendor(preferredVendor2.name ? preferredVendor2 : null);
     };
-    getPreferredVendor().catch(logger$e.error);
+    getPreferredVendor().catch(logger$f.error);
   }, [country2, getBankVerificationVendors]);
   return preferredVendor;
 };
@@ -17504,7 +17466,11 @@ const bbanPatternsByCountry = {
   GB: /[A-Z]{4}\d{14}/,
   VG: /[\dA-Z]{4}\d{16}/
 };
+const regionsWithSharedIbanFormat = {
+  GB: ["GG", "IM", "JE"]
+};
 function ibanValidator(input, bankCountries) {
+  var _a;
   if (isEmpty(input))
     return "fieldIsRequired";
   const ibanInput = input.replace(/ /g, "").toUpperCase();
@@ -17512,7 +17478,7 @@ function ibanValidator(input, bankCountries) {
     return "validationPleaseEnterAValidIban";
   }
   const countryCode = ibanInput.substring(0, 2);
-  if (bankCountries && !bankCountries.includes(countryCode)) {
+  if (bankCountries && !bankCountries.includes(countryCode) && !((_a = regionsWithSharedIbanFormat[countryCode]) == null ? void 0 : _a.includes(bankCountries[0]))) {
     return {
       translationKey: "yourIbanShouldBeginWith_",
       translationObject: {
@@ -18266,7 +18232,7 @@ function PayoutBankStatementComponent(props) {
 const PayoutBankStatement = memo(PayoutBankStatementComponent, (prevProps, nextProps) => objectsDeepEqual(prevProps.requiredFields, nextProps.requiredFields) && objectsDeepEqual(prevProps.optionalFields, nextProps.optionalFields) && objectsDeepEqual(prevProps.data, nextProps.data) && objectsDeepEqual(prevProps.formVerificationErrors, nextProps.formVerificationErrors) && objectsDeepEqual(prevProps.fieldValidationErrors, nextProps.fieldValidationErrors) && prevProps.country === nextProps.country && prevProps.shouldValidate === nextProps.shouldValidate && prevProps.heading === nextProps.heading);
 const VerificationMethod = "";
 const hasLoaded = (loadedValue) => loadedValue !== "loading";
-const eeaCountries = [CountryCodes.Austria, CountryCodes.Belgium, CountryCodes.Bulgaria, CountryCodes.Croatia, CountryCodes.Cyprus, CountryCodes.CzechRepublic, CountryCodes.Denmark, CountryCodes.Estonia, CountryCodes.Finland, CountryCodes.France, CountryCodes.Germany, CountryCodes.Greece, CountryCodes.HongKong, CountryCodes.Hungary, CountryCodes.Ireland, CountryCodes.Italy, CountryCodes.Latvia, CountryCodes.Lithuania, CountryCodes.Luxembourg, CountryCodes.Netherlands, CountryCodes.Norway, CountryCodes.Poland, CountryCodes.Portugal, CountryCodes.Romania, CountryCodes.Slovakia, CountryCodes.Slovenia, CountryCodes.Spain, CountryCodes.Sweden];
+const eeaCountries = [CountryCodes.Austria, CountryCodes.Belgium, CountryCodes.Bulgaria, CountryCodes.Croatia, CountryCodes.Cyprus, CountryCodes.CzechRepublic, CountryCodes.Denmark, CountryCodes.Estonia, CountryCodes.Finland, CountryCodes.France, CountryCodes.Germany, CountryCodes.Greece, CountryCodes.Hungary, CountryCodes.Ireland, CountryCodes.Italy, CountryCodes.Latvia, CountryCodes.Liechtenstein, CountryCodes.Lithuania, CountryCodes.Luxembourg, CountryCodes.Malta, CountryCodes.Netherlands, CountryCodes.Norway, CountryCodes.Poland, CountryCodes.Portugal, CountryCodes.Romania, CountryCodes.Slovakia, CountryCodes.Slovenia, CountryCodes.Spain, CountryCodes.Sweden];
 const regions = {
   europe: [...eeaCountries, CountryCodes.Switzerland, CountryCodes.UnitedKingdom],
   apac: [CountryCodes.NewZealand, CountryCodes.Australia]
@@ -20528,7 +20494,7 @@ const defaultPayoutAccountFormat = {
   [CountryCodes.Sweden]: "local",
   [CountryCodes.UnitedKingdom]: "local"
 };
-const logger$d = createLogger("useScenarioConfiguration");
+const logger$e = createLogger("useScenarioConfiguration");
 const useScenarioConfiguration = ({
   getConfigurationData,
   getPayoutAccountFormatData,
@@ -20550,12 +20516,12 @@ const useScenarioConfiguration = ({
         const response = await getConfigurationData();
         setConfigurationResponse(response);
       } catch (err) {
-        logger$d.warn("WARNING: Configuration request failed - error:", err);
+        logger$e.warn("WARNING: Configuration request failed - error:", err);
       } finally {
         setLoadingStatus("success");
       }
     };
-    makeConfigCallAndSave().catch(logger$d.error);
+    makeConfigCallAndSave().catch(logger$e.error);
   }, [getConfigurationData, setLoadingStatus]);
   useEffect(() => {
     setLoadingStatus("loading");
@@ -20571,12 +20537,12 @@ const useScenarioConfiguration = ({
         const defaultAccountFormat = defaultPayoutAccountFormat[country2] ?? allowedBankAccountFormats[0];
         setAccountFormat(defaultAccountFormat);
       } catch (err) {
-        logger$d.warn("WARNING: Payout format request failed - error:", err);
+        logger$e.warn("WARNING: Payout format request failed - error:", err);
       } finally {
         setLoadingStatus("success");
       }
     };
-    makePayoutFormatCallAndSave().catch(logger$d.error);
+    makePayoutFormatCallAndSave().catch(logger$e.error);
   }, [country2, setAccountFormat, getPayoutAccountFormatData, setLoadingStatus]);
   const {
     fieldConfigurations,
@@ -21238,7 +21204,7 @@ var ToastType = /* @__PURE__ */ ((ToastType2) => {
   return ToastType2;
 })(ToastType || {});
 const FormComposer = "";
-const logger$c = createLogger("FormRouterContextProvider");
+const logger$d = createLogger("FormRouterContextProvider");
 function FormRouterContextProvider({
   children,
   forms,
@@ -21258,7 +21224,7 @@ function FormRouterContextProvider({
       if (formIndex > -1) {
         setFormIndex(formIndex);
       } else {
-        logger$c.error("No form was found to have that field so form navigation failed.");
+        logger$d.error("No form was found to have that field so form navigation failed.");
       }
     }
   }), [forms, handleGetIdVerificationToken, setFormIndex]);
@@ -21861,7 +21827,7 @@ function CompanyDropinComponent({
     })
   });
 }
-const logger$b = createLogger("useLocalStorage");
+const logger$c = createLogger("useLocalStorage");
 const useLocalStorage = (key, defaultValue, options) => {
   const {
     serializer,
@@ -21882,7 +21848,7 @@ const useLocalStorage = (key, defaultValue, options) => {
       const res = rawValueRef.current ? parser(rawValueRef.current) : defaultValue;
       return res;
     } catch (err) {
-      logger$b.error(err);
+      logger$c.error(err);
       return defaultValue;
     }
   });
@@ -21914,7 +21880,7 @@ const useLocalStorage = (key, defaultValue, options) => {
     try {
       updateLocalStorage();
     } catch (err) {
-      logger$b.error(err);
+      logger$c.error(err);
     }
   }, [value]);
   useEffect(() => {
@@ -21929,7 +21895,7 @@ const useLocalStorage = (key, defaultValue, options) => {
           setValue(event.newValue ? parser(event.newValue) : void 0);
         }
       } catch (err) {
-        logger$b.error(err);
+        logger$c.error(err);
       }
     };
     if (typeof window === "undefined")
@@ -22010,7 +21976,7 @@ const useShouldShowBusinessTypeSelection = (accountHolder2) => {
   } = useExperimentsContext();
   return isExperimentEnabled("EnableNewEntryFlow") && !accountHolder2;
 };
-const logger$a = createLogger("useExemptSettlor");
+const logger$b = createLogger("useExemptSettlor");
 const useExemptSettlor = ({
   trust: trust2,
   handleGetLegalEntity
@@ -22024,7 +21990,7 @@ const useExemptSettlor = ({
   useEffect(() => {
     if (!trust2)
       return;
-    updateExemptSettlor(trust2).catch(logger$a.error);
+    updateExemptSettlor(trust2).catch(logger$b.error);
   }, [trust2, updateExemptSettlor]);
   return exemptSettlor;
 };
@@ -25766,12 +25732,41 @@ function Chapter({
     })]
   });
 }
+const delay = (time) => new Promise((resolve) => {
+  setTimeout(resolve, time);
+});
+const ReferenceContext = createContext({
+  references: {},
+  addReference: () => {
+  }
+});
+function useReferenceContext() {
+  const context = useContext(ReferenceContext);
+  if (context === void 0) {
+    throw new Error("useReferenceContext must be used within a ReferenceProvider");
+  }
+  return context;
+}
+const formatId = (id2) => {
+  if (!id2)
+    return;
+  const strippedId = id2.replace(/[^\w-]/g, "");
+  return `document-viewer-${strippedId}`;
+};
 function InternalReference({
-  referencedLabel,
+  referencedLabel: originalReferencedLabel,
   displayText
 }) {
+  const referencedLabel = formatId(originalReferencedLabel) ?? "";
   const label = displayText ? displayText.content : referencedLabel;
-  const scrollIntoView = () => {
+  const {
+    references
+  } = useReferenceContext();
+  const scrollIntoView = async () => {
+    if (references && referencedLabel && references[referencedLabel]) {
+      references[referencedLabel].openSection();
+      await delay(150);
+    }
     const scrollParent = getScrollParent(document.getElementById(referencedLabel));
     const element = scrollParent == null ? void 0 : scrollParent.querySelector(`#${referencedLabel}`);
     element == null ? void 0 : element.scrollIntoView({
@@ -25821,14 +25816,62 @@ function Paragraph({
   });
 }
 const Section$1 = "";
+const extractLabels = (contentElements) => {
+  if (!contentElements || !Array.isArray(contentElements))
+    return [];
+  return contentElements.flatMap((element) => {
+    if ("type" in element) {
+      switch (element.type) {
+        case ElementTypes.Section:
+        case ElementTypes.Table:
+          return "label" in element ? [element.label] : [];
+        default:
+          return [];
+      }
+    }
+    if ("contentElements" in element) {
+      return extractLabels(element.contentElements);
+    }
+    return [];
+  });
+};
 function Section({
   title,
-  label,
+  label: originalLabel,
   isTopLevel,
   contentElements
 }) {
+  const [isOpen, setIsOpen] = useState(false);
+  const {
+    addReference
+  } = useReferenceContext();
+  const label = formatId(originalLabel);
+  useEffect(() => {
+    if (isTopLevel) {
+      const references = extractLabels(contentElements).map(formatId);
+      if (label) {
+        references.push(label);
+      }
+      if (references.length) {
+        references.forEach((reference) => {
+          addReference({
+            [reference]: {
+              openSection: () => setIsOpen(true)
+            }
+          });
+        });
+      }
+    }
+  }, []);
   return isTopLevel ? jsx(AccordionItem, {
     title: title.content,
+    open: isOpen,
+    onOpen: () => {
+      setIsOpen(true);
+    },
+    onClose: () => {
+      setIsOpen(false);
+    },
     children: jsx("section", {
       className: "adyen-kyc-section-box",
       id: label,
@@ -25853,12 +25896,13 @@ function Section({
 const _table_component = "";
 function Table({
   rows,
-  label,
+  label: originalLabel,
   captions,
   titlePrefix,
   title
 }) {
   const id2 = useId$1();
+  const label = formatId(originalLabel);
   return jsxs("div", {
     id: label,
     children: [jsxs("div", {
@@ -25989,26 +26033,46 @@ function ContentElements({
     children: elements
   });
 }
+function ReferenceContextProvider({
+  children
+}) {
+  const [references, setReferences] = useState({});
+  const contextValue = useMemo(() => ({
+    addReference: (reference) => {
+      setReferences((prevReferences) => ({
+        ...prevReferences,
+        ...reference
+      }));
+    },
+    references
+  }), [references, setReferences]);
+  return jsx(ReferenceContext.Provider, {
+    value: contextValue,
+    children
+  });
+}
 function ContractViewer({
   contract,
   className,
   onExpandSection
 }) {
   const classNames = cx("adyen-contract-viewer", className);
-  return jsxs("main", {
-    className: classNames,
-    children: [jsx(Heading, {
-      level: 1,
-      className: "adl-u-margin-top-24 adl-u-margin-bottom-16",
-      children: jsx(Text, {
-        content: contract.title.content,
-        styles: contract.title.styles
-      })
-    }), jsx(ContentElements, {
-      contentElements: contract.contentElements,
-      onExpandSection,
-      isTopLevel: true
-    })]
+  return jsx(ReferenceContextProvider, {
+    children: jsxs("main", {
+      className: classNames,
+      children: [jsx(Heading, {
+        level: 1,
+        className: "adl-u-margin-top-24 adl-u-margin-bottom-16",
+        children: jsx(Text, {
+          content: contract.title.content,
+          styles: contract.title.styles
+        })
+      }), jsx(ContentElements, {
+        contentElements: contract.contentElements,
+        onExpandSection,
+        isTopLevel: true
+      })]
+    })
   });
 }
 const pciValidationRules = {
@@ -26874,7 +26938,7 @@ const serviceAgreementValidationRules = {
     errorMessage: "fieldIsRequired"
   }
 };
-const logger$9 = createLogger("useServiceAgreement");
+const logger$a = createLogger("useServiceAgreement");
 const FALLBACK_LANGUAGE_CODE = "en";
 const useServiceAgreement = ({
   handleGetServiceAgreement,
@@ -26903,7 +26967,7 @@ const useServiceAgreement = ({
           language: agreementLanguage
         });
         if (!document2) {
-          logger$9.log('"document" field was missing in response');
+          logger$a.log('"document" field was missing in response');
           return;
         }
         const contract = JSON.parse(decodeURIComponent(escape(window.atob(document2))));
@@ -26921,7 +26985,7 @@ const useServiceAgreement = ({
         throw err;
       }
     };
-    requestServiceAgreement().catch(logger$9.error);
+    requestServiceAgreement().catch(logger$a.error);
   }, [handleGetServiceAgreement, handleServiceAgreementIsNotAvailableInThatLanguage, agreementLanguage, legalEntityId, serviceAgreementType]);
   return {
     loading: loading2,
@@ -28264,7 +28328,7 @@ function TrustDropinComponent(props) {
 }
 const PAGES_WITH_STATUS = [TaskTypes.DECISION_MAKER_OVERVIEW, TaskTypes.TASKS_OVERVIEW];
 const POLLING_INTERVAL = 3e3;
-const logger$8 = createLogger("DropinComposerComponent");
+const logger$9 = createLogger("DropinComposerComponent");
 const isOrganizationSettlorWithExemptionReasonEnabled = (enabled, country2) => country2 === CountryCodes.Australia && enabled;
 function DropinComposerComponent({
   capabilities,
@@ -28357,7 +28421,7 @@ function DropinComposerComponent({
         setPciStatus(response);
         return response;
       } catch (e) {
-        logger$8.warn(i18n.get("failedToGetPciStatus"));
+        logger$9.warn(i18n.get("failedToGetPciStatus"));
       }
     }
     return void 0;
@@ -28386,7 +28450,7 @@ function DropinComposerComponent({
   useEffect(() => {
     if (!tasks.includes(TaskTypes.PCI_DSS))
       return;
-    getPciTemplate().catch(logger$8.error);
+    getPciTemplate().catch(logger$9.error);
   }, [getPciTemplate, tasks]);
   const getServiceAgreementAcceptanceInfos = async () => {
     if (rootLegalEntity.id && (args == null ? void 0 : args.handleGetServiceAgreementAcceptanceInfos)) {
@@ -28394,7 +28458,7 @@ function DropinComposerComponent({
         const response = await args.handleGetServiceAgreementAcceptanceInfos(rootLegalEntity.id);
         setServiceAgreementAcceptanceInfos(response.data);
       } catch (e) {
-        logger$8.warn(i18n.get("failedToGetServiceAgreementStatus"));
+        logger$9.warn(i18n.get("failedToGetServiceAgreementStatus"));
       }
     }
   };
@@ -28404,7 +28468,7 @@ function DropinComposerComponent({
         const response = await args.handleGetServiceAgreementStatus(rootLegalEntity.id);
         setServiceAgreementTypes(response.termsOfServiceTypes);
       } catch (e) {
-        logger$8.warn(i18n.get("failedToGetServiceAgreementStatus"));
+        logger$9.warn(i18n.get("failedToGetServiceAgreementStatus"));
       }
     }
   };
@@ -28443,7 +28507,7 @@ function DropinComposerComponent({
         setCapabilityProblems(getCapabilityProblems(response));
         return response;
       } catch (e) {
-        logger$8.warn(i18n.get("failedToFetchLegalEntityDetails"));
+        logger$9.warn(i18n.get("failedToFetchLegalEntityDetails"));
       }
     }
     return void 0;
@@ -28455,7 +28519,7 @@ function DropinComposerComponent({
         setTrust(response);
         return response;
       } catch (e) {
-        logger$8.warn(i18n.get("failedToFetchTrustDetails"));
+        logger$9.warn(i18n.get("failedToFetchTrustDetails"));
       }
     }
     return void 0;
@@ -28505,7 +28569,7 @@ function DropinComposerComponent({
         label: i18n.get("successFullyRemovedTrustMember")
       });
     } catch (err) {
-      logger$8.error(`Failed to delete trust member`, err);
+      logger$9.error(`Failed to delete trust member`, err);
       showToast({
         type: ToastType.ERROR,
         label: i18n.get("failedToRemoveTrustMember")
@@ -28575,7 +28639,7 @@ function DropinComposerComponent({
           }
           break;
         default:
-          logger$8.warn(`Updating trust member type "${trustMember.trustMemberType}" is not implemented.`);
+          logger$9.warn(`Updating trust member type "${trustMember.trustMemberType}" is not implemented.`);
       }
       showToast({
         label: i18n.get("successfullyUpdatedDetails"),
@@ -28583,7 +28647,7 @@ function DropinComposerComponent({
       });
       await refreshTrustAndRunOnSubmit(trust2, 1);
     } catch (err) {
-      logger$8.error(err);
+      logger$9.error(err);
       showToast({
         label: i18n.get("failedToUpdateDetails"),
         type: ToastType.ERROR
@@ -28806,7 +28870,7 @@ function DropinComposerComponent({
       }
     };
     setIsLoadingConfiguration(true);
-    fetchConfiguration().catch(logger$8.error).finally(() => {
+    fetchConfiguration().catch(logger$9.error).finally(() => {
       setIsLoadingConfiguration(false);
       onLoad();
     });
@@ -29445,6 +29509,38 @@ const deleteTransferInstrument = async (context, transferInstrumentId) => {
     }
   });
 };
+const getAddress = async (context, addressId) => {
+  const {
+    loadingContext,
+    legalEntityId
+  } = context;
+  return httpGet({
+    loadingContext,
+    errorLevel: "warn",
+    errorMessage: `Failed to find address`,
+    path: `${legalEntityId}/addresses/${addressId}`,
+    authentication: "jwt",
+    headers: {
+      "Content-Type": "application/json"
+    }
+  });
+};
+const getIdverificationToken = async (context, request) => {
+  const {
+    loadingContext,
+    legalEntityId
+  } = context;
+  return httpPost({
+    loadingContext,
+    errorLevel: "warn",
+    errorMessage: `Failed to find address`,
+    path: `${legalEntityId}/providers/IdVerification/initiate`,
+    authentication: "jwt",
+    headers: {
+      "Content-Type": "application/json"
+    }
+  }, request);
+};
 const handleBankVerificationError = async (context, errorCode, errorMessage, state2, metadata) => {
   const {
     loadingContext,
@@ -29467,6 +29563,38 @@ const handleBankVerificationError = async (context, errorCode, errorMessage, sta
     metadata
   });
 };
+const idVerificationStartcheck = async (context, request) => {
+  const {
+    loadingContext,
+    legalEntityId
+  } = context;
+  return httpPost({
+    loadingContext,
+    errorLevel: "warn",
+    errorMessage: `Failed to find address`,
+    path: `${legalEntityId}/providers/IdVerification/process`,
+    authentication: "jwt",
+    headers: {
+      "Content-Type": "application/json"
+    }
+  }, request);
+};
+const searchAddress = async (context, address2) => {
+  const {
+    loadingContext,
+    legalEntityId
+  } = context;
+  return httpPost({
+    loadingContext,
+    errorLevel: "warn",
+    errorMessage: `Failed to search address`,
+    path: `${legalEntityId}/addresses`,
+    authentication: "jwt",
+    headers: {
+      "Content-Type": "application/json"
+    }
+  }, address2);
+};
 const COMPONENTS_API_VERSION = "v1";
 const useComponentApi = (rootLegalEntityId) => {
   const authContext = useAuthContext();
@@ -29506,6 +29634,10 @@ const useComponentApi = (rootLegalEntityId) => {
       createTrustedTransferInstrument: async (code2, state2) => createTrustedTransferInstrument(baseRequestContext, code2, state2),
       deleteTransferInstrument: async (transferInstrumentId) => deleteTransferInstrument(baseRequestContext, transferInstrumentId),
       handleBankVerificationError: async (errorCode, errorMessage, state2, metadata) => handleBankVerificationError(baseRequestContext, errorCode, errorMessage, state2, metadata),
+      searchAddress: async (address2) => searchAddress(baseRequestContext, address2),
+      getAddress: async (address2) => getAddress(baseRequestContext, address2),
+      getIdVerificationToken: async (legalEntityId, data) => getIdverificationToken(baseRequestContext, data),
+      idVerificationStartCheck: async (legalEntityId, data) => idVerificationStartcheck(baseRequestContext, data),
       getTransferInstruments: async () => getTransferInstruments(baseRequestContext)
     };
   }, [base, rootLegalEntityId]);
@@ -29529,7 +29661,7 @@ class EventEmitter {
     };
   }
 }
-const logger$7 = createLogger("CreateIndividualComponent");
+const logger$8 = createLogger("CreateIndividualComponent");
 function CreateIndividualComponent({
   parentLegalEntityId,
   legalEntityId,
@@ -29547,7 +29679,11 @@ function CreateIndividualComponent({
     updateLegalEntity: updateLegalEntity2,
     getDocument: getDocument2,
     createDocument: createDocument2,
-    updateDocument: updateDocument2
+    updateDocument: updateDocument2,
+    searchAddress: searchAddress2,
+    getAddress: getAddress2,
+    getIdVerificationToken,
+    idVerificationStartCheck
   } = useComponentApi(legalEntityId ?? parentLegalEntityId);
   const [legalEntity, setLegalEntity] = useState();
   const [parentLegalEntity, setParentLegalEntity] = useState();
@@ -29558,13 +29694,13 @@ function CreateIndividualComponent({
       setParentLegalEntity(parentEntity);
       setLegalEntity(entity);
     } catch (error) {
-      logger$7.error(error);
+      logger$8.error(error);
     } finally {
       setLoadingStatus("success");
     }
   }, [parentLegalEntityId, legalEntityId, getLegalEntity2]);
   useEffect(() => {
-    fetchLegalEntity().catch(logger$7.error);
+    fetchLegalEntity().catch(logger$8.error);
   }, [fetchLegalEntity]);
   return loadingStatus === "loading" ? jsx(Loader, {
     size: "medium"
@@ -29577,13 +29713,17 @@ function CreateIndividualComponent({
     handleUpdateDocument: updateDocument2,
     handleUpdateLegalEntity: updateLegalEntity2,
     handleCreateLegalEntity: createLegalEntity2,
+    handleFindAddress: getAddress2,
+    handleAddressSearch: searchAddress2,
+    handleGetIdVerificationToken: getIdVerificationToken,
+    handleGetIdVerificationStartCheck: idVerificationStartCheck,
     handleBackClick,
     hideNavigation: true,
     onSubmit: onSubmitSuccess,
     taskType
   });
 }
-const logger$6 = createLogger("CreateTransferInstrumentComponent");
+const logger$7 = createLogger("CreateTransferInstrumentComponent");
 function CreateTransferInstrumentComponent({
   legalEntityId,
   transferInstrumentId,
@@ -29619,7 +29759,7 @@ function CreateTransferInstrumentComponent({
         const ti = await getTransferInstrument2(transferInstrumentId);
         setTransferInstrument(ti);
       }
-    })().catch(logger$6.error).finally(() => {
+    })().catch(logger$7.error).finally(() => {
       setLoadingStatus("success");
     });
   }, [transferInstrumentId, fetchLegalEntity, getTransferInstrument2]);
@@ -29657,14 +29797,14 @@ function useInterval(callback, initialDelay = DEFAULT_POLLING_INTERVAL) {
   useEffect(() => {
     savedCallback.current = callback;
     const delayGenerator = () => {
-      let delay = delayValue;
+      let delay2 = delayValue;
       if (retryCount < DEFAULT_POLLING_INTERVAL_RETRY_COUNT) {
         retryCount += 1;
       } else {
-        delay = delayValue >= 9e3 ? delay = initialDelay : delayValue + 1e3;
-        setDelayValue(delay);
+        delay2 = delayValue >= 9e3 ? delay2 = initialDelay : delayValue + 1e3;
+        setDelayValue(delay2);
       }
-      return delay;
+      return delay2;
     };
     const handleTick = () => {
       if (savedCallback.current !== null) {
@@ -29820,7 +29960,7 @@ function ManageTransferInstrumentOverviewItem({
     })]
   }, transferInstrumentReference.transferInstrument.id);
 }
-const logger$5 = createLogger("ManageTransferInstrumentOverview");
+const logger$6 = createLogger("ManageTransferInstrumentOverview");
 function ManageTransferInstrumentOverview({
   transferInstrumentReferences,
   onAdd,
@@ -29845,7 +29985,7 @@ function ManageTransferInstrumentOverview({
         ...transferInstrumentsMap
       });
     } catch (e) {
-      logger$5.error(e);
+      logger$6.error(e);
     }
   };
   const onRemoveTransferinstrument = async (transferInstrumentId) => {
@@ -29853,7 +29993,7 @@ function ManageTransferInstrumentOverview({
       await deleteTransferInstrument2(transferInstrumentId);
       onRemove(transferInstrumentId);
     } catch (e) {
-      logger$5.error(e);
+      logger$6.error(e);
     }
   };
   const transferInstrumentListEle = transferInstrumentReferences.map((transferInstrumentRef) => jsx(ManageTransferInstrumentOverviewItem, {
@@ -29878,7 +30018,7 @@ function ManageTransferInstrumentOverview({
     })]
   });
 }
-const logger$4 = createLogger("ManageTransferInstrumentComponent");
+const logger$5 = createLogger("ManageTransferInstrumentComponent");
 function ManageTransferInstrumentComponent({
   legalEntityId,
   onAdd,
@@ -29914,7 +30054,7 @@ function ManageTransferInstrumentComponent({
   }, [getTransferInstruments2, getLegalEntity2, i18n, legalEntityId]);
   useEffect(() => {
     eventEmitter == null ? void 0 : eventEmitter.on("updateLocale", (locale) => setLocale(locale));
-    init2().catch(logger$4.error).finally(() => {
+    init2().catch(logger$5.error).finally(() => {
       setLoadingStatus("success");
     });
   }, [init2, setLocale, eventEmitter]);
@@ -29924,7 +30064,7 @@ function ManageTransferInstrumentComponent({
     }
   }, [hasOnlyVerifiedTransferInstruments, timeoutId, transferInstruments]);
   const onRemove = (transferInstrumentId) => {
-    refreshTransferInstruments().catch(logger$4.error);
+    refreshTransferInstruments().catch(logger$5.error);
     onRemoveSuccess == null ? void 0 : onRemoveSuccess(transferInstrumentId, legalEntityId);
   };
   const render2 = () => {
@@ -30033,6 +30173,60 @@ const getSupportedCountries = async (context) => {
     }
   });
 };
+const validatePhoneNumber$1 = async (context, phoneNumber2) => {
+  const {
+    loadingContext,
+    legalEntityId
+  } = context;
+  return httpPost({
+    loadingContext,
+    authentication: "jwt",
+    errorLevel: "warn",
+    errorMessage: "Phone validation is not available",
+    path: `${legalEntityId}/validations/phonenumber`
+  }, {
+    number: phoneNumber2
+  });
+};
+const logger$4 = createLogger("verify-id-number");
+const verifyIdNumber$1 = async (context, request) => {
+  const {
+    loadingContext,
+    legalEntityId
+  } = context;
+  try {
+    return await httpPost({
+      loadingContext,
+      errorLevel: "warn",
+      errorMessage: `Id number verification is not available`,
+      path: `${legalEntityId}/verifications/idNumber`,
+      authentication: "jwt",
+      headers: {
+        "Content-Type": "application/json"
+      },
+      // Handler for unhappy flows, i.e. status != 200, in the idNumber verification process
+      errorHandler: async (response) => {
+        const responseData = await response;
+        if (responseData.status === 422) {
+          return {
+            status: 422,
+            message: responseData.detail,
+            errorCode: responseData.errorCode
+          };
+        }
+        if (responseData.status === 500) {
+          return {
+            status: 500,
+            message: "Service did not respond, do not block verification"
+          };
+        }
+        return logger$4.warn(`Unexpected response status ${responseData.status}`);
+      }
+    }, request);
+  } catch (e) {
+    logger$4.warn("WARNING: idNumber verification failed - error:", e);
+  }
+};
 const getEmbeddedApi = ({
   base,
   rootLegalEntityId
@@ -30068,12 +30262,8 @@ const getEmbeddedApi = ({
     getImageUrl: () => `${base}static/images/`,
     getAllowedCountries: async () => getSupportedCountries(baseRequestContext),
     getAllowedLocales: async () => getAllowedLocales$1(baseRequestContext),
-    validatePhoneNumber: () => {
-      throw new Error("validatePhoneNumber: Not implemented in onboarding component api");
-    },
-    verifyIdNumber: () => {
-      throw new Error("verifyIdNumber: Not implemented in onboarding component api");
-    },
+    validatePhoneNumber: async (phoneNumber2) => validatePhoneNumber$1(baseRequestContext, phoneNumber2),
+    verifyIdNumber: async (request) => verifyIdNumber$1(baseRequestContext, request),
     companyIndexSearch: () => {
       throw new Error("companyIndexSearch: Not implemented in onboarding component api");
     },