@adyen/kyc-components 2.22.0 → 2.23.0

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";
@@ -739,7 +738,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";
@@ -1216,7 +1215,6 @@ const defaultTrans = {
   invalidFormatForNZDriversLicenseNumber,
   invalidFormatForAuDriversLicenseCardNumber,
   invalidFormatForNZDriversLicenseCardNumber,
-  invalidFormatForAuProofOfIdentityCardNumber,
   invalidFormatForHKPassportNumber,
   invalidFormatForHKDriversLicenseNumber,
   invalidFormatForHKIdentityCardNumber,
@@ -1892,7 +1890,7 @@ const defaultTrans = {
   continueCompany,
   continueIndividual,
   addManually,
-  searchAddress,
+  searchAddress: searchAddress$1,
   startTypingTheAddress,
   addresses,
   loading,
@@ -3005,7 +3003,7 @@ const createLogger = (namespace) => {
   });
   return methods;
 };
-const logger$o = createLogger("Link");
+const logger$p = createLogger("Link");
 const getIconClass = (icon, external) => {
   if (external) {
     return "adl-link__icon adyen-kyc-icon-external-link";
@@ -3017,7 +3015,7 @@ const getIconClass = (icon, external) => {
 };
 const isValidLink = (href) => {
   if (href === "#") {
-    logger$o.error('Links must include a valid href. If your href is "#", consider using a Button instead');
+    logger$p.error('Links must include a valid href. If your href is "#", consider using a Button instead');
     return false;
   }
   return true;
@@ -3294,14 +3292,14 @@ function useResetGlobalData(caller) {
     }
   }), [dispatch, caller]);
 }
-const logger$n = createLogger("useAllowedCountries");
+const logger$o = createLogger("useAllowedCountries");
 const useAllowedCountries = () => {
   const {
     getAllowedCountries: getAllowedCountries2
   } = useConfigurationApi();
   const [allowedCountries, setAllowedCountries] = useState();
   useEffect(() => {
-    getAllowedCountries2().then((response) => setAllowedCountries(response.countries)).catch(logger$n.error);
+    getAllowedCountries2().then((response) => setAllowedCountries(response.countries)).catch(logger$o.error);
   }, []);
   return allowedCountries;
 };
@@ -3640,7 +3638,7 @@ class ValidationResult {
     return this.validationResults.filter((result) => result.hasError);
   }
 }
-const logger$m = createLogger("useAsyncValidator");
+const logger$n = createLogger("useAsyncValidator");
 const useAsyncValidator = (asyncRules) => {
   const [asyncValidationResults, setAsyncValidationResults] = useState({});
   const clearAsyncValidationResults = useCallback(() => setAsyncValidationResults({}), []);
@@ -3663,7 +3661,7 @@ const useAsyncValidator = (asyncRules) => {
           hasError: !isValid
         }])
       });
-    }).catch(logger$m.error);
+    }).catch(logger$n.error);
   }, [asyncRules, clearAsyncValidationResults]);
   return {
     asyncValidationResults,
@@ -5082,7 +5080,7 @@ const Select = ({
     })]
   });
 };
-const logger$l = createLogger("CountryField");
+const logger$m = createLogger("CountryField");
 const COUNTRY_FIELD = ["country"];
 function CountryField({
   data,
@@ -5105,7 +5103,7 @@ function CountryField({
     dataset: countriesFromApi
   } = useDataset(datasetIdentifier.country);
   useEffect(() => {
-    loadFlags2().catch(logger$l.error);
+    loadFlags2().catch(logger$m.error);
   }, [loadFlags2]);
   const countries = countriesFromApi.filter((country2) => allowedCountries ? allowedCountries.includes(country2.id) : true).map((item) => ({
     ...item,
@@ -6717,11 +6715,6 @@ function AccordionItem({
       newItems.find((item) => item.id === id2).isOpen = newValue;
       setItems(newItems);
     }
-    if (isOpen) {
-      onClose();
-    } else {
-      onOpen();
-    }
   };
   useEffect(() => {
     setItems((items2) => [...items2, {
@@ -6737,8 +6730,12 @@ function AccordionItem({
     setIsOpen((_a = items.find((item) => item.id === id2)) == null ? void 0 : _a.isOpen);
   }, [items]);
   useEffect(() => {
-    if (isOpen)
+    if (isOpen) {
       onExpandSection == null ? void 0 : onExpandSection(title);
+      onOpen();
+    } else {
+      onClose();
+    }
   }, [isOpen]);
   return jsxs("div", {
     className: "adl-accordion__item",
@@ -8946,7 +8943,7 @@ const accountHolderValidationRules = {
   }
 };
 const accountHolderFields = ["accountHolder"];
-const logger$k = createLogger("AccountHolder");
+const logger$l = createLogger("AccountHolder");
 function getAvailableAccountHolderOptions(legalEntityType, isChangeOfLegalEntityTypeAllowed, isTrustFlowEnabled, isSoleProprietorshipAllowed, isChangeToMyNameAllowed) {
   switch (legalEntityType) {
     case LegalEntityType.ORGANIZATION: {
@@ -8956,7 +8953,7 @@ function getAvailableAccountHolderOptions(legalEntityType, isChangeOfLegalEntity
       return [...isChangeToMyNameAllowed ? ["myName"] : [], ...isChangeOfLegalEntityTypeAllowed ? ["theCompanyIWorkFor"] : [], ...isTrustFlowEnabled ? ["aTrust"] : [], ...isSoleProprietorshipAllowed ? ["mySoleProprietorName"] : []];
     }
     default:
-      logger$k.error(`No available account holder options for legal entity type '${legalEntityType}'`);
+      logger$l.error(`No available account holder options for legal entity type '${legalEntityType}'`);
       return [];
   }
 }
@@ -9704,7 +9701,7 @@ function Dropzone(props) {
     })]
   });
 }
-const logger$j = createLogger("TextArea");
+const logger$k = createLogger("TextArea");
 function TextArea(props) {
   const {
     classNameModifiers,
@@ -9725,7 +9722,7 @@ function TextArea(props) {
   } = useI18nContext();
   const [value, setValue] = useState("");
   if (Object.prototype.hasOwnProperty.call(props, "onChange")) {
-    logger$j.error("Error: Form fields that rely on InputBase may not have an onChange property");
+    logger$k.error("Error: Form fields that rely on InputBase may not have an onChange property");
   }
   const handleInput = (e) => {
     var _a;
@@ -10138,7 +10135,7 @@ function FieldContainer(props) {
   }
   return renderField(fieldName);
 }
-const logger$i = createLogger("SearchAddress");
+const logger$j = createLogger("SearchAddress");
 const SearchAddress = ({
   data,
   legalEntityId,
@@ -10164,7 +10161,7 @@ const SearchAddress = ({
       const response = await handleFindAddress(selectedAddressId);
       autocompleteAddressForm(response);
     } catch (e) {
-      logger$i.error(e);
+      logger$j.error(e);
     }
   };
   const onDrilldown = async (selectedAddress) => {
@@ -10176,7 +10173,7 @@ const SearchAddress = ({
       }, legalEntityId);
       setItems((response == null ? void 0 : response.results) || []);
     } catch (e) {
-      logger$i.error(e);
+      logger$j.error(e);
     }
   };
   const onChange = (e) => {
@@ -10231,7 +10228,7 @@ const SearchAddress = ({
           setItems([]);
         }
       } catch (e) {
-        logger$i.error(e);
+        logger$j.error(e);
       }
       setLoading(false);
     }
@@ -13185,7 +13182,7 @@ const initOnfido = async ({
     language: getOnfidoLocaleConfig(i18n)
   });
 };
-const logger$h = createLogger("IdVerificationComponent");
+const logger$i = createLogger("IdVerificationComponent");
 function IdVerificationComponent({
   userDetails,
   legalEntityId,
@@ -13218,7 +13215,7 @@ function IdVerificationComponent({
         onIdVerificationError,
         onIdVerificationComplete
       });
-    })().catch(logger$h.error);
+    })().catch(logger$i.error);
     return () => {
       if (onfidoSdk.current)
         onfidoSdk.current.tearDown();
@@ -13270,7 +13267,7 @@ function IdDocumentAlreadyUpload(props) {
     })]
   });
 }
-const logger$g = createLogger("IdDocumentInstantVerificationComponent");
+const logger$h = createLogger("IdDocumentInstantVerificationComponent");
 const idVerificationSchema = ["instantIdVerificationData", "idDocumentType"];
 const documentTypeValidationRules = {
   instantIdVerificationData: {
@@ -13352,7 +13349,7 @@ function IdDocumentInstantVerificationComponent(props) {
         userDetails: props.userDetails,
         legalEntityId: props.legalEntityId,
         onIdVerificationComplete: handleIdVerificationComplete,
-        onIdVerificationError: logger$g.error
+        onIdVerificationError: logger$h.error
       }), jsxs("div", {
         className: "adyen-kyc-document-upload__manual-upload",
         children: [i18n.get("canNotCompleteInstantVerification"), " ", jsx("button", {
@@ -14687,8 +14684,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;
       }
@@ -14699,8 +14694,6 @@ const auIdentityValidationRules = {
           return "invalidFormatForAuPassportNumber";
         case "driversLicense":
           return "invalidFormatForAuDriversLicenseNumber";
-        case "proofOfIdentityCard":
-          return "invalidFormatForAuProofOfIdentityCardNumber";
       }
     },
     modes: ["blur"]
@@ -14813,29 +14806,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") {
@@ -14877,7 +14847,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, {
@@ -14894,13 +14864,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"),
@@ -16110,7 +16073,7 @@ class AdyenKycSdkError extends Error {
 }
 let sdkToken;
 let fetchSdkToken;
-const logger$f = createLogger("Session");
+const logger$g = createLogger("Session");
 const setSdkToken = (token) => {
   sdkToken = token;
 };
@@ -16128,7 +16091,7 @@ const refreshSession = async () => {
     } = await fetchSdkToken();
     setSdkToken(token);
   } catch (e) {
-    logger$f.error("Failed to fetch sdk token", e);
+    logger$g.error("Failed to fetch sdk token", e);
   }
 };
 const addAnimationStartListener = (element, listener) => {
@@ -16137,7 +16100,7 @@ const addAnimationStartListener = (element, listener) => {
 const removeAnimationStartListener = (element, listener) => {
   element.removeEventListener("animationstart", listener, false);
 };
-const logger$e = createLogger("Fetch");
+const logger$f = createLogger("Fetch");
 const getRequestObject = (options, data) => {
   const {
     headers = [],
@@ -16184,10 +16147,10 @@ const logFetchError = (message, level) => {
     case "info":
     case "warn":
     case "error":
-      logger$e[level](message);
+      logger$f[level](message);
       break;
     default:
-      logger$e.error(message);
+      logger$f.error(message);
   }
 };
 const handleFetchResponse = async (response, responseType) => {
@@ -16278,7 +16241,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$d = createLogger("iframeWidget");
+const logger$e = 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) => {
@@ -16297,7 +16260,7 @@ const callbackErrorHandler = async (response) => {
   try {
     await response;
   } catch (ex) {
-    logger$d.error(ex);
+    logger$e.error(ex);
   }
   return {
     error: "UNKNOWN_ERROR",
@@ -16403,7 +16366,7 @@ class IFrameWidget {
             message = responseData.errorMessage;
           }
         } catch (ex) {
-          logger$d.error(ex);
+          logger$e.error(ex);
         }
         throw new AdyenKycSdkError(reason, jsonData.error);
       }
@@ -16589,7 +16552,7 @@ function BankVerificationWidget({
     ref: widgetContainerRef
   });
 }
-const logger$c = createLogger("BankVerification");
+const logger$d = createLogger("BankVerification");
 const accountVerificationFields = ["verifiedAccountHolder", "verifiedBankCountry", "verifiedBankName", "verifiedCurrencyCode", "verifiedBankAccountNumber"];
 const InstantVerificationErrorContext = createContext(null);
 const useInstantVerificationErrorNotification = (notificationVisibilityDuration) => {
@@ -16623,7 +16586,7 @@ const usePreferredVendorForCountry = (country2, getBankVerificationVendors) => {
       const preferredVendor2 = vendors[0];
       setPreferredVendor(preferredVendor2.name ? preferredVendor2 : null);
     };
-    getPreferredVendor().catch(logger$c.error);
+    getPreferredVendor().catch(logger$d.error);
   }, [country2, getBankVerificationVendors]);
   return preferredVendor;
 };
@@ -17308,7 +17271,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();
@@ -17316,7 +17283,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: {
@@ -18058,7 +18025,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]
@@ -20245,7 +20212,7 @@ const defaultPayoutAccountFormat = {
   [CountryCodes.Sweden]: "local",
   [CountryCodes.UnitedKingdom]: "local"
 };
-const logger$b = createLogger("useScenarioConfiguration");
+const logger$c = createLogger("useScenarioConfiguration");
 const useScenarioConfiguration = ({
   getConfigurationData,
   getPayoutAccountFormatData,
@@ -20267,12 +20234,12 @@ const useScenarioConfiguration = ({
         const response = await getConfigurationData();
         setConfigurationResponse(response);
       } catch (err) {
-        logger$b.warn("WARNING: Configuration request failed - error:", err);
+        logger$c.warn("WARNING: Configuration request failed - error:", err);
       } finally {
         setLoadingStatus("success");
       }
     };
-    makeConfigCallAndSave().catch(logger$b.error);
+    makeConfigCallAndSave().catch(logger$c.error);
   }, [getConfigurationData, setLoadingStatus]);
   useEffect(() => {
     setLoadingStatus("loading");
@@ -20288,12 +20255,12 @@ const useScenarioConfiguration = ({
         const defaultAccountFormat = defaultPayoutAccountFormat[country2] ?? allowedBankAccountFormats[0];
         setAccountFormat(defaultAccountFormat);
       } catch (err) {
-        logger$b.warn("WARNING: Payout format request failed - error:", err);
+        logger$c.warn("WARNING: Payout format request failed - error:", err);
       } finally {
         setLoadingStatus("success");
       }
     };
-    makePayoutFormatCallAndSave().catch(logger$b.error);
+    makePayoutFormatCallAndSave().catch(logger$c.error);
   }, [country2, setAccountFormat, getPayoutAccountFormatData, setLoadingStatus]);
   const {
     fieldConfigurations,
@@ -20955,7 +20922,7 @@ var ToastType = /* @__PURE__ */ ((ToastType2) => {
   return ToastType2;
 })(ToastType || {});
 const FormComposer = "";
-const logger$a = createLogger("FormRouterContextProvider");
+const logger$b = createLogger("FormRouterContextProvider");
 function FormRouterContextProvider({
   children,
   forms,
@@ -20975,7 +20942,7 @@ function FormRouterContextProvider({
       if (formIndex > -1) {
         setFormIndex(formIndex);
       } else {
-        logger$a.error("No form was found to have that field so form navigation failed.");
+        logger$b.error("No form was found to have that field so form navigation failed.");
       }
     }
   }), [forms, handleGetIdVerificationToken, setFormIndex]);
@@ -21578,7 +21545,7 @@ function CompanyDropinComponent({
     })
   });
 }
-const logger$9 = createLogger("useLocalStorage");
+const logger$a = createLogger("useLocalStorage");
 const useLocalStorage = (key, defaultValue, options) => {
   const {
     serializer,
@@ -21599,7 +21566,7 @@ const useLocalStorage = (key, defaultValue, options) => {
       const res = rawValueRef.current ? parser(rawValueRef.current) : defaultValue;
       return res;
     } catch (err) {
-      logger$9.error(err);
+      logger$a.error(err);
       return defaultValue;
     }
   });
@@ -21631,7 +21598,7 @@ const useLocalStorage = (key, defaultValue, options) => {
     try {
       updateLocalStorage();
     } catch (err) {
-      logger$9.error(err);
+      logger$a.error(err);
     }
   }, [value]);
   useEffect(() => {
@@ -21646,7 +21613,7 @@ const useLocalStorage = (key, defaultValue, options) => {
           setValue(event.newValue ? parser(event.newValue) : void 0);
         }
       } catch (err) {
-        logger$9.error(err);
+        logger$a.error(err);
       }
     };
     if (typeof window === "undefined")
@@ -21727,7 +21694,7 @@ const useShouldShowBusinessTypeSelection = (accountHolder2) => {
   } = useExperimentsContext();
   return isExperimentEnabled("EnableNewEntryFlow") && !accountHolder2;
 };
-const logger$8 = createLogger("useExemptSettlor");
+const logger$9 = createLogger("useExemptSettlor");
 const useExemptSettlor = ({
   trust: trust2,
   handleGetLegalEntity
@@ -21741,7 +21708,7 @@ const useExemptSettlor = ({
   useEffect(() => {
     if (!trust2)
       return;
-    updateExemptSettlor(trust2).catch(logger$8.error);
+    updateExemptSettlor(trust2).catch(logger$9.error);
   }, [trust2, updateExemptSettlor]);
   return exemptSettlor;
 };
@@ -25463,12 +25430,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({
@@ -25518,14 +25514,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,
@@ -25550,12 +25594,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", {
@@ -25686,26 +25731,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 = {
@@ -26571,7 +26636,7 @@ const serviceAgreementValidationRules = {
     errorMessage: "fieldIsRequired"
   }
 };
-const logger$7 = createLogger("useServiceAgreement");
+const logger$8 = createLogger("useServiceAgreement");
 const FALLBACK_LANGUAGE_CODE = "en";
 const useServiceAgreement = ({
   handleGetServiceAgreement,
@@ -26600,7 +26665,7 @@ const useServiceAgreement = ({
           language: agreementLanguage
         });
         if (!document2) {
-          logger$7.log('"document" field was missing in response');
+          logger$8.log('"document" field was missing in response');
           return;
         }
         const contract = JSON.parse(decodeURIComponent(escape(window.atob(document2))));
@@ -26618,7 +26683,7 @@ const useServiceAgreement = ({
         throw err;
       }
     };
-    requestServiceAgreement().catch(logger$7.error);
+    requestServiceAgreement().catch(logger$8.error);
   }, [handleGetServiceAgreement, handleServiceAgreementIsNotAvailableInThatLanguage, agreementLanguage, legalEntityId, serviceAgreementType]);
   return {
     loading: loading2,
@@ -27961,7 +28026,7 @@ function TrustDropinComponent(props) {
 }
 const PAGES_WITH_STATUS = [TaskTypes.DECISION_MAKER_OVERVIEW, TaskTypes.TASKS_OVERVIEW];
 const POLLING_INTERVAL = 3e3;
-const logger$6 = createLogger("DropinComposerComponent");
+const logger$7 = createLogger("DropinComposerComponent");
 const isOrganizationSettlorWithExemptionReasonEnabled = (enabled, country2) => country2 === CountryCodes.Australia && enabled;
 function DropinComposerComponent({
   capabilities,
@@ -28054,7 +28119,7 @@ function DropinComposerComponent({
         setPciStatus(response);
         return response;
       } catch (e) {
-        logger$6.warn(i18n.get("failedToGetPciStatus"));
+        logger$7.warn(i18n.get("failedToGetPciStatus"));
       }
     }
     return void 0;
@@ -28083,7 +28148,7 @@ function DropinComposerComponent({
   useEffect(() => {
     if (!tasks.includes(TaskTypes.PCI_DSS))
       return;
-    getPciTemplate().catch(logger$6.error);
+    getPciTemplate().catch(logger$7.error);
   }, [getPciTemplate, tasks]);
   const getServiceAgreementAcceptanceInfos = async () => {
     if (rootLegalEntity.id && (args == null ? void 0 : args.handleGetServiceAgreementAcceptanceInfos)) {
@@ -28091,7 +28156,7 @@ function DropinComposerComponent({
         const response = await args.handleGetServiceAgreementAcceptanceInfos(rootLegalEntity.id);
         setServiceAgreementAcceptanceInfos(response.data);
       } catch (e) {
-        logger$6.warn(i18n.get("failedToGetServiceAgreementStatus"));
+        logger$7.warn(i18n.get("failedToGetServiceAgreementStatus"));
       }
     }
   };
@@ -28101,7 +28166,7 @@ function DropinComposerComponent({
         const response = await args.handleGetServiceAgreementStatus(rootLegalEntity.id);
         setServiceAgreementTypes(response.termsOfServiceTypes);
       } catch (e) {
-        logger$6.warn(i18n.get("failedToGetServiceAgreementStatus"));
+        logger$7.warn(i18n.get("failedToGetServiceAgreementStatus"));
       }
     }
   };
@@ -28140,7 +28205,7 @@ function DropinComposerComponent({
         setCapabilityProblems(getCapabilityProblems(response));
         return response;
       } catch (e) {
-        logger$6.warn(i18n.get("failedToFetchLegalEntityDetails"));
+        logger$7.warn(i18n.get("failedToFetchLegalEntityDetails"));
       }
     }
     return void 0;
@@ -28152,7 +28217,7 @@ function DropinComposerComponent({
         setTrust(response);
         return response;
       } catch (e) {
-        logger$6.warn(i18n.get("failedToFetchTrustDetails"));
+        logger$7.warn(i18n.get("failedToFetchTrustDetails"));
       }
     }
     return void 0;
@@ -28202,7 +28267,7 @@ function DropinComposerComponent({
         label: i18n.get("successFullyRemovedTrustMember")
       });
     } catch (err) {
-      logger$6.error(`Failed to delete trust member`, err);
+      logger$7.error(`Failed to delete trust member`, err);
       showToast({
         type: ToastType.ERROR,
         label: i18n.get("failedToRemoveTrustMember")
@@ -28272,7 +28337,7 @@ function DropinComposerComponent({
           }
           break;
         default:
-          logger$6.warn(`Updating trust member type "${trustMember.trustMemberType}" is not implemented.`);
+          logger$7.warn(`Updating trust member type "${trustMember.trustMemberType}" is not implemented.`);
       }
       showToast({
         label: i18n.get("successfullyUpdatedDetails"),
@@ -28280,7 +28345,7 @@ function DropinComposerComponent({
       });
       await refreshTrustAndRunOnSubmit(trust2, 1);
     } catch (err) {
-      logger$6.error(err);
+      logger$7.error(err);
       showToast({
         label: i18n.get("failedToUpdateDetails"),
         type: ToastType.ERROR
@@ -28503,7 +28568,7 @@ function DropinComposerComponent({
       }
     };
     setIsLoadingConfiguration(true);
-    fetchConfiguration().catch(logger$6.error).finally(() => {
+    fetchConfiguration().catch(logger$7.error).finally(() => {
       setIsLoadingConfiguration(false);
       onLoad();
     });
@@ -29110,6 +29175,38 @@ const createTrustedTransferInstrument = async (context, code2, state2) => {
     state: state2
   });
 };
+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,
@@ -29132,6 +29229,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();
@@ -29169,7 +29298,11 @@ const useComponentApi = (rootLegalEntityId) => {
       createTransferInstrument: async (transferInstrument) => createTransferInstrument(baseRequestContext, transferInstrument),
       updateTransferInstrument: async (transferInstrument, transferInstrumentId) => updateTransferInstrument(baseRequestContext, transferInstrument, transferInstrumentId),
       createTrustedTransferInstrument: async (code2, state2) => createTrustedTransferInstrument(baseRequestContext, code2, state2),
-      handleBankVerificationError: async (errorCode, errorMessage, state2, metadata) => handleBankVerificationError(baseRequestContext, errorCode, errorMessage, state2, metadata)
+      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)
     };
   }, [base, rootLegalEntityId]);
 };
@@ -29192,7 +29325,7 @@ class EventEmitter {
     };
   }
 }
-const logger$5 = createLogger("CreateIndividualComponent");
+const logger$6 = createLogger("CreateIndividualComponent");
 function CreateIndividualComponent({
   parentLegalEntityId,
   legalEntityId,
@@ -29210,7 +29343,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();
@@ -29221,13 +29358,13 @@ function CreateIndividualComponent({
       setParentLegalEntity(parentEntity);
       setLegalEntity(entity);
     } catch (error) {
-      logger$5.error(error);
+      logger$6.error(error);
     } finally {
       setLoadingStatus("success");
     }
   }, [parentLegalEntityId, legalEntityId, getLegalEntity2]);
   useEffect(() => {
-    fetchLegalEntity().catch(logger$5.error);
+    fetchLegalEntity().catch(logger$6.error);
   }, [fetchLegalEntity]);
   return loadingStatus === "loading" ? jsx(Loader, {
     size: "medium"
@@ -29240,13 +29377,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$4 = createLogger("CreateTransferInstrumentComponent");
+const logger$5 = createLogger("CreateTransferInstrumentComponent");
 function CreateTransferInstrumentComponent({
   legalEntityId,
   transferInstrumentId,
@@ -29280,7 +29421,7 @@ function CreateTransferInstrumentComponent({
         const ti = await getTransferInstrument2(transferInstrumentId);
         setTransferInstrument(ti);
       }
-    })().catch(logger$4.error);
+    })().catch(logger$5.error);
   }, [transferInstrumentId, fetchLegalEntity]);
   return legalEntity ? jsx(PayoutDetailsDropinComponent, {
     eventEmitter: eventEmitter ?? new EventEmitter(),
@@ -29382,6 +29523,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
@@ -29414,12 +29609,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");
     },