@adyen/kyc-components 2.59.0 → 2.59.2

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

@@ -2917,27 +2917,6 @@ function useResetGlobalData(caller) {
     [dispatch, caller]
   );
 }
-const useSetting = (settingName) => {
-  const context = useContext(SettingsContext);
-  if (context === void 0) {
-    throw new Error("useSetting must be used within a SettingsProvider");
-  }
-  const { getSetting } = context;
-  return getSetting(settingName);
-};
-const logger$B = createLogger("useAllowedCountries");
-const useAllowedCountries = () => {
-  const acceptedCountries = useSetting("acceptedCountries");
-  const { getAllowedCountries: getAllowedCountries2 } = useConfigurationApi();
-  const [allowedCountries, setAllowedCountries] = useState(
-    acceptedCountries
-  );
-  useEffect(() => {
-    if (acceptedCountries !== void 0) return;
-    getAllowedCountries2().then((response) => setAllowedCountries(response.countries)).catch(logger$B.error);
-  }, [acceptedCountries]);
-  return allowedCountries;
-};
 class ValidationResult {
   constructor(results) {
     this.validationResults = results;
@@ -2955,7 +2934,7 @@ class ValidationResult {
     return this.validationResults.find((result) => result.hasError);
   }
 }
-const logger$A = createLogger("useAsyncValidator");
+const logger$B = createLogger("useAsyncValidator");
 const useAsyncValidator = (asyncRules) => {
   const [asyncValidationResults, setAsyncValidationResults] = useState({});
   const clearAsyncValidationResults = useCallback(() => setAsyncValidationResults({}), []);
@@ -2975,7 +2954,7 @@ const useAsyncValidator = (asyncRules) => {
             }
           ])
         });
-      }).catch(logger$A.error);
+      }).catch(logger$B.error);
     },
     [asyncRules, clearAsyncValidationResults]
   );
@@ -5062,7 +5041,7 @@ const companyNameAndCountryFields = [
 function CompanyNameAndCountry(props) {
   const { i18n } = useI18nContext();
   const { isSettingEnabled } = useSettingsContext();
-  const allowedCountries = useAllowedCountries();
+  const { allowedCountries } = useCoreContext();
   const { isExperimentEnabled } = useExperimentsContext();
   const isStrictNameAndAddressValidationEnabled = isExperimentEnabled(
     ExperimentNames.StrictNameAndAddressValidationV4
@@ -7306,7 +7285,7 @@ const deriveInputState = (isValid, isFocused, isDisabled, isOptional, hasNullish
   };
 };
 const MISMATCH_ANIMATION_NAME = "mismatchShake";
-const logger$z = createLogger("MaskedInputText");
+const logger$A = createLogger("MaskedInputText");
 const MaskedInputText = ({
   value,
   onInput,
@@ -7351,7 +7330,7 @@ const MaskedInputText = ({
   };
   useEffect(() => {
     if (!mask) {
-      logger$z.warn("`mask` is undefined. No masking of input will take place.");
+      logger$A.warn("`mask` is undefined. No masking of input will take place.");
     }
   }, [mask]);
   const getMaskResult = useCallback(
@@ -7395,7 +7374,7 @@ const MaskedInputText = ({
         return;
       }
       if (preserveMismatchingInitialValue) {
-        logger$z.warn(
+        logger$A.warn(
           `Value received "${value}" does not match mask`,
           maskResult,
           `
@@ -7405,7 +7384,7 @@ Preserving mismatched initial value until user input.`
         return;
       }
       const fallback = displayValueToPure(maskResult.partialDisplayValue);
-      logger$z.warn(
+      logger$A.warn(
         `Value received "${value}" does not match mask`,
         maskResult,
         `
@@ -11042,7 +11021,7 @@ function Dropzone(props) {
     isRequired && /* @__PURE__ */ jsx("div", { className: "adyen-kyc-error-text", children: i18n.get("fieldIsRequired") })
   ] });
 }
-const logger$y = createLogger("TextArea");
+const logger$z = createLogger("TextArea");
 function TextArea(props) {
   const { classNameModifiers, uniqueId, ...passedProps } = props;
   const {
@@ -11057,7 +11036,7 @@ function TextArea(props) {
   const { i18n } = useI18nContext();
   const [value, setValue] = useState("");
   if (Object.prototype.hasOwnProperty.call(props, "onChange")) {
-    logger$y.error("Error: Form fields that rely on InputBase may not have an onChange property");
+    logger$z.error("Error: Form fields that rely on InputBase may not have an onChange property");
   }
   const handleInput = (e) => {
     var _a;
@@ -11476,7 +11455,7 @@ const styles$6 = {
   "financial-information-reported-value-options": "adyen-kyc-financial-information-reported-value-options",
   financialInformationReportedValueOptions
 };
-const logger$x = createLogger("InputCurrency");
+const logger$y = createLogger("InputCurrency");
 const determineDecimalSeparator = (formatter) => formatter.formatToParts(0.1).find((part) => part.type === "decimal").value;
 const determineCurrencySymbol = (formatter) => formatter.formatToParts(0).find((part) => part.type === "currency").value;
 const getNumberFromFormattedCurrency = (formatted, decimalSeparator) => {
@@ -11507,7 +11486,7 @@ const InputCurrency = ({
     const rawValue = e.target.value;
     const value = getNumberFromFormattedCurrency(rawValue, decimalSeparator);
     if (Number.isNaN(value)) {
-      logger$x.warn(`Unable to get number from formatted currency: "${rawValue}"`);
+      logger$y.warn(`Unable to get number from formatted currency: "${rawValue}"`);
       setText(isUndefinedOrNull(amount) ? currencySymbol : formatter.format(amount));
       return;
     }
@@ -11972,28 +11951,7 @@ function FieldContainer(props) {
   }
   return renderField(fieldName);
 }
-const isIntersectionObserverSupported = typeof IntersectionObserver === "function";
-function useIsElementVisible(ref, fallback = true) {
-  const [isOnScreen, setIsOnScreen] = useState(isIntersectionObserverSupported ? false : fallback);
-  const observerRef = useRef();
-  useEffect(() => {
-    if (!isIntersectionObserverSupported) return;
-    observerRef.current = new IntersectionObserver(
-      ([entry]) => setIsOnScreen(entry.isIntersecting)
-    );
-  }, []);
-  useEffect(() => {
-    var _a;
-    if (!ref.current) return;
-    (_a = observerRef.current) == null ? void 0 : _a.observe(ref.current);
-    return () => {
-      var _a2;
-      (_a2 = observerRef.current) == null ? void 0 : _a2.disconnect();
-    };
-  }, [ref]);
-  return isOnScreen;
-}
-const logger$w = createLogger("SearchAddress");
+const logger$x = createLogger("SearchAddress");
 const SearchAddress = ({
   data,
   legalEntityId,
@@ -12002,8 +11960,7 @@ const SearchAddress = ({
   handleAddressSearch,
   handleFindAddress,
   addressType,
-  kompanyAddress,
-  kompanyPrefilled = false
+  kompanyAddress
 }) => {
   const { i18n } = useI18nContext();
   const [items, setItems] = useState([]);
@@ -12011,21 +11968,13 @@ const SearchAddress = ({
   const [resetSearch, setResetSearch] = useState(false);
   const [searchText, setSearchText] = useState(null);
   const [showSearchList, setShowSearchList] = useState(false);
-  const searchBoxRef = useRef(null);
-  const isVisible = useIsElementVisible(searchBoxRef);
   const canAutoFillKompanyAddress = kompanyAddress && searchText !== kompanyAddress && addressType === "registrationAddress";
   useEffect(() => {
     setSearchText(kompanyAddress);
     if (canAutoFillKompanyAddress) {
-      const searchForAddress = () => getSearchItems(kompanyAddress);
-      searchForAddress();
+      getSearchItems(kompanyAddress);
     }
   }, [kompanyAddress]);
-  useEffect(() => {
-    if (isVisible && kompanyAddress && addressType === "registrationAddress" && !kompanyPrefilled) {
-      setShowSearchList(true);
-    }
-  }, [isVisible, kompanyAddress, addressType, kompanyPrefilled]);
   useEffect(() => {
     setItems([]);
     setResetSearch(true);
@@ -12035,7 +11984,7 @@ const SearchAddress = ({
       const response = await handleFindAddress(selectedAddressId);
       autocompleteAddressForm(response);
     } catch (e) {
-      logger$w.error(e);
+      logger$x.error(e);
     }
   };
   const onDrilldown = async (selectedAddress) => {
@@ -12046,7 +11995,7 @@ const SearchAddress = ({
       );
       setItems((response == null ? void 0 : response.results) || []);
     } catch (e) {
-      logger$w.error(e);
+      logger$x.error(e);
     }
   };
   const onChange = (e) => {
@@ -12098,7 +12047,7 @@ const SearchAddress = ({
           setItems([]);
         }
       } catch (e) {
-        logger$w.error(e);
+        logger$x.error(e);
       }
       setLoading(false);
     }
@@ -12166,7 +12115,6 @@ const SearchAddress = ({
       name: "searchAddress",
       className: "adyen-kyc-u-margin-bottom-8",
       label: i18n.get("searchAddress"),
-      wrapperRef: searchBoxRef,
       children: (childProps) => /* @__PURE__ */ jsx(
         Select,
         {
@@ -12538,16 +12486,14 @@ function Address(props) {
     [dataProp == null ? void 0 : dataProp.country, i18n]
   );
   const {
+    schema,
     data,
     errors,
     valid,
     isValid,
     fieldProblems,
     handleChangeFor,
-    triggerValidation,
-    resetToDefaultData,
-    schema,
-    setData
+    triggerValidation
   } = useForm({
     ...props,
     schema: requiredFields,
@@ -12622,26 +12568,6 @@ function Address(props) {
       setShowAddAddressButton(false);
     }
   }, [shouldValidate]);
-  const canAutofillVerifiedBusinessAddress = Boolean(
-    (verifiedBusiness == null ? void 0 : verifiedBusiness.street) && (verifiedBusiness == null ? void 0 : verifiedBusiness.city) && (verifiedBusiness == null ? void 0 : verifiedBusiness.state) && verifiedBusiness.zipcode
-  );
-  useEffect(() => {
-    if (!isExperimentEnabled("EnableNewBusinessDetailsFlow")) return;
-    if (verifiedBusiness && canAutofillVerifiedBusinessAddress) {
-      setShowAutocompletedAddressFields(true);
-      setShowAddAddressButton(false);
-      setData("address", verifiedBusiness.street);
-      setData("city", verifiedBusiness.city);
-      setData("stateOrProvince", verifiedBusiness.state);
-      setData("postalCode", verifiedBusiness.zipcode);
-      return triggerValidation();
-    }
-    if (!(dataProp == null ? void 0 : dataProp.address) || !(dataProp == null ? void 0 : dataProp.city) || !(dataProp == null ? void 0 : dataProp.postalCode)) {
-      setShowAutocompletedAddressFields(false);
-      setShowAddAddressButton(true);
-      resetToDefaultData();
-    }
-  }, [canAutofillVerifiedBusinessAddress, verifiedBusiness]);
   const getComponent = (fieldName) => {
     if (!formUtils.isRequiredField(fieldName) && !formUtils.isOptionalField(fieldName)) return null;
     const hideField = fieldName === "country" && hideCountry;
@@ -12729,8 +12655,7 @@ function Address(props) {
                 legalEntityId,
                 autocompleteAddressForm,
                 addressType,
-                kompanyAddress: verifiedBusiness == null ? void 0 : verifiedBusiness.address,
-                kompanyPrefilled: canAutofillVerifiedBusinessAddress
+                kompanyAddress: verifiedBusiness == null ? void 0 : verifiedBusiness.address
               }
             ),
             /* @__PURE__ */ jsxs("div", { className: "adyen-kyc-search-address--below", children: [
@@ -12765,7 +12690,7 @@ Address.defaultProps = {
   requiredFields: ADDRESS_SCHEMA,
   countryCode: null
 };
-const logger$v = createLogger("AddressFieldContainer");
+const logger$w = createLogger("AddressFieldContainer");
 const formatAddressItem = (item) => {
   if (item.description.includes("Addresses")) {
     const splittedDescription = item.description.split(" - ");
@@ -12903,7 +12828,7 @@ function FieldContainerComponent({
         setItems([]);
       }
     } catch (e) {
-      logger$v.error(e);
+      logger$w.error(e);
     }
     setLoading(false);
   };
@@ -12937,7 +12862,7 @@ function FieldContainerComponent({
         });
       }
     } catch (e) {
-      logger$v.error(e);
+      logger$w.error(e);
     }
   };
   const onDrilldown = async (address) => {
@@ -12949,7 +12874,7 @@ function FieldContainerComponent({
       ));
       setItems((response == null ? void 0 : response.results) || []);
     } catch (e) {
-      logger$v.error(e);
+      logger$w.error(e);
     }
   };
   const handleOnChange = (e) => {
@@ -15420,7 +15345,7 @@ const initOnfido = async ({
     language: getOnfidoLocaleConfig(i18n)
   });
 };
-const logger$u = createLogger("IdVerificationComponent");
+const logger$v = createLogger("IdVerificationComponent");
 function IdVerificationComponent({
   userDetails,
   legalEntityId,
@@ -15447,7 +15372,7 @@ function IdVerificationComponent({
         onIdVerificationError,
         onIdVerificationComplete
       });
-    })().catch(logger$u.error);
+    })().catch(logger$v.error);
     return () => {
       if (onfidoSdk.current) onfidoSdk.current.tearDown();
     };
@@ -15491,7 +15416,7 @@ function IdDocumentAlreadyUpload(props) {
     ] })
   ] });
 }
-const logger$t = createLogger("IdDocumentInstantVerificationComponent");
+const logger$u = createLogger("IdDocumentInstantVerificationComponent");
 const idVerificationSchema = [
   "instantIdVerificationData",
   "idDocumentType"
@@ -15563,7 +15488,7 @@ function IdDocumentInstantVerificationComponent(props) {
           userDetails: props.userDetails,
           legalEntityId: props.legalEntityId,
           onIdVerificationComplete: handleIdVerificationComplete,
-          onIdVerificationError: logger$t.error
+          onIdVerificationError: logger$u.error
         }
       ),
       /* @__PURE__ */ jsxs("div", { className: "adyen-kyc-document-upload__manual-upload", children: [
@@ -15983,7 +15908,7 @@ const phoneFormatters = {
 };
 const phoneFields = ["phoneNumber"];
 const DEFAULT_PHONE_PREFIX = "+1";
-const logger$s = createLogger("PhoneInput");
+const logger$t = createLogger("PhoneInput");
 const usePhonePrefixes = () => {
   const [phonePrefixes, setPhonePrefixes] = useState();
   useEffect(() => {
@@ -15991,7 +15916,7 @@ const usePhonePrefixes = () => {
       const loaded = (await import("./phonePrefixes-zV4hciyK.js")).default;
       setPhonePrefixes(loaded);
     };
-    loadPhonePrefixes().catch(logger$s.error);
+    loadPhonePrefixes().catch(logger$t.error);
   }, []);
   return phonePrefixes;
 };
@@ -18028,7 +17953,7 @@ function PersonalDetailsComponent(props) {
   var _a, _b, _c, _d;
   const { i18n } = useI18nContext();
   const { isSettingEnabled } = useSettingsContext();
-  const allowedCountries = useAllowedCountries();
+  const { allowedCountries } = useCoreContext();
   const canChangeEntityType = isSettingEnabled(SettingNames.AllowLegalEntityTypeChange);
   const { isExperimentEnabled } = useExperimentsContext();
   const isAgeVerificationEnabled = isExperimentEnabled("EnableAgeVerification");
@@ -19458,7 +19383,7 @@ class AdyenKycSdkError extends Error {
 }
 let sdkToken;
 let fetchSdkToken;
-const logger$r = createLogger("Session");
+const logger$s = createLogger("Session");
 const setSdkToken = (token) => {
   sdkToken = token;
 };
@@ -19483,7 +19408,7 @@ const refreshSession = async () => {
     setSdkToken(token);
     isSessionRefreshed = true;
   } catch (e) {
-    logger$r.error("Failed to fetch sdk token", e);
+    logger$s.error("Failed to fetch sdk token", e);
   }
   return isSessionRefreshed;
 };
@@ -19493,7 +19418,7 @@ const addAnimationStartListener = (element, listener) => {
 const removeAnimationStartListener = (element, listener) => {
   element.removeEventListener("animationstart", listener, false);
 };
-const logger$q = createLogger("Fetch");
+const logger$r = createLogger("Fetch");
 const getRequestObject = (options, data) => {
   const { headers = [], method = "GET", authentication } = options;
   let authHeaders;
@@ -19534,10 +19459,10 @@ const logFetchError = (message, level) => {
     case "info":
     case "warn":
     case "error":
-      logger$q[level](message);
+      logger$r[level](message);
       break;
     default:
-      logger$q.error(message);
+      logger$r.error(message);
   }
 };
 const handleFetchResponse = async (response, responseType) => {
@@ -19617,7 +19542,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$p = createLogger("iframeWidget");
+const logger$q = createLogger("iframeWidget");
 const isObjectData = (data) => typeof data === "object" && !Array.isArray(data) && data !== null;
 const isTerminalMessageData = (data) => isObjectData(data) && Object.entries(data).some(([prop]) => TERMINAL_DATA_PROPS.includes(prop));
 const parseMessageJson = (message) => {
@@ -19635,7 +19560,7 @@ const callbackErrorHandler = async (response) => {
   try {
     await response;
   } catch (ex) {
-    logger$p.error(ex);
+    logger$q.error(ex);
   }
   return {
     error: "UNKNOWN_ERROR",
@@ -19731,7 +19656,7 @@ class IFrameWidget {
             message = responseData.errorMessage;
           }
         } catch (ex) {
-          logger$p.error(ex);
+          logger$q.error(ex);
         }
         throw new AdyenKycSdkError(reason, jsonData.error);
       }
@@ -21240,7 +21165,6 @@ const PayoutAccount = memo(
   PayoutAccountComponent,
   (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
 );
-const toCapitalized = (s) => `${s[0].toUpperCase()}${s.slice(1).toLowerCase()}`;
 const eeaCountries = [
   CountryCodes.Austria,
   CountryCodes.Belgium,
@@ -21284,27 +21208,37 @@ const regions = {
 const getAllowedBankCountries = (country) => Object.values(regions).find((countriesInARegion) => countriesInARegion.includes(country)) ?? [
   country
 ];
-const makePayoutVerificationMethodsMetadata = (instantVerificationProvider) => {
-  const providerName = instantVerificationProvider == null ? void 0 : instantVerificationProvider.toLowerCase();
-  return {
-    instantVerification: {
-      name: "verifyViaMobileBankingAppOrWebsite",
-      subtitle: "instant",
-      description: "instantVerificationDescription",
-      svgName: "payout-verification-instant",
-      provider: providerName ? {
-        name: providerName,
-        svgName: `${providerName}-logo`
-      } : void 0
-    },
-    manualVerification: {
-      name: "uploadABankStatement",
-      subtitle: "mayTakeAFewDays",
-      description: "manualVerificationDescription",
-      svgName: "payout-verification-manual"
-    }
-  };
+const getProviderName = (providerName) => providerName === "PayWithMyBank" ? "Trustly" : providerName;
+const getProviderIconName = (providerName) => {
+  switch (providerName == null ? void 0 : providerName.toLowerCase()) {
+    case "tink":
+      return "tink-logo";
+    case "paywithmybank":
+      return "trustly-logo";
+    case "plaid":
+      return "plaid-logo";
+    default:
+      return void 0;
+  }
 };
+const makePayoutVerificationMethodsMetadata = (instantVerificationProviderName) => ({
+  instantVerification: {
+    name: "verifyViaMobileBankingAppOrWebsite",
+    subtitle: "instant",
+    description: "instantVerificationDescription",
+    svgName: "payout-verification-instant",
+    provider: instantVerificationProviderName ? {
+      name: instantVerificationProviderName,
+      svgName: getProviderIconName(instantVerificationProviderName)
+    } : void 0
+  },
+  manualVerification: {
+    name: "uploadABankStatement",
+    subtitle: "mayTakeAFewDays",
+    description: "manualVerificationDescription",
+    svgName: "payout-verification-manual"
+  }
+});
 const payoutVerificationMethods = ["instantVerification", "manualVerification"];
 function Card({
   className,
@@ -21389,48 +21323,7 @@ const Skeleton = ({
   });
   return /* @__PURE__ */ jsx("div", { className: classNames, style: { height, width } });
 };
-const isInstantVerificationAvailable = ({
-  verificationVendorsCallback,
-  provider
-}) => Boolean(verificationVendorsCallback && (provider == null ? void 0 : provider.redirectUrl));
 const isProviderPlaidEmbedded = (redirectUrl) => !!(redirectUrl == null ? void 0 : redirectUrl.includes("/plaid/embedded-search/sdk?"));
-const rules$2 = ({ data, requiredFields }) => ({
-  whenUsingManualVerification: () => {
-    var _a;
-    if (!data.payoutVerificationMethod) return;
-    if (((_a = data == null ? void 0 : data.payoutVerificationMethod) == null ? void 0 : _a.payoutVerificationMethod) === "manualVerification") {
-      return "REQUIRED";
-    }
-  },
-  whenUsingInstantVerification: () => {
-    var _a;
-    if (!data.payoutVerificationMethod) {
-      return "REQUIRED";
-    }
-    if (((_a = data == null ? void 0 : data.payoutVerificationMethod) == null ? void 0 : _a.payoutVerificationMethod) === "instantVerification") {
-      return "REQUIRED";
-    }
-  },
-  verifiedBankAccountNumber: () => {
-    var _a;
-    if (((_a = data == null ? void 0 : data.payoutVerificationMethod) == null ? void 0 : _a.payoutVerificationMethod) === "instantVerification") {
-      return "REQUIRED";
-    }
-  },
-  bankStatementRequirement: () => {
-    var _a;
-    if (((_a = data == null ? void 0 : data.payoutVerificationMethod) == null ? void 0 : _a.payoutVerificationMethod) === "manualVerification") {
-      return requiredFields == null ? void 0 : requiredFields.bankStatementRequirement;
-    }
-  },
-  // "bankStatement description" field is always "optional" and it's coupled with bank statement document.
-  bankStatementDescription: () => {
-    var _a;
-    if (((_a = data == null ? void 0 : data.payoutVerificationMethod) == null ? void 0 : _a.payoutVerificationMethod) === "manualVerification" && !!(requiredFields == null ? void 0 : requiredFields.bankStatementRequirement)) {
-      return "OPTIONAL";
-    }
-  }
-});
 const preferInstantVerificationMethod = "adyen-kyc-prefer-instant-verification-method";
 const preferInstantVerificationMethodCard = "adyen-kyc-prefer-instant-verification-method-card";
 const preferInstantVerificationMethodImage = "adyen-kyc-prefer-instant-verification-method-image";
@@ -21451,18 +21344,6 @@ const styles$2 = {
   "prefer-instant-verification-method-manual-button-darker": "adyen-kyc-prefer-instant-verification-method-manual-button-darker",
   preferInstantVerificationMethodManualButtonDarker
 };
-const getProviderIconName = (providerName) => {
-  switch (providerName) {
-    case "tink":
-      return "tink-logo";
-    case "trustly":
-      return "trustly-logo";
-    case "plaid":
-      return "plaid-logo";
-    default:
-      return void 0;
-  }
-};
 const PreferInstantVerificationMethod = ({
   loadingStatus,
   provider,
@@ -21477,9 +21358,8 @@ const PreferInstantVerificationMethod = ({
   handleChangeFor,
   triggerValidation
 }) => {
-  var _a;
   const { i18n } = useI18nContext();
-  const iconName = getProviderIconName((_a = provider == null ? void 0 : provider.name) == null ? void 0 : _a.toLocaleLowerCase());
+  const iconName = getProviderIconName(provider == null ? void 0 : provider.name);
   const showVerificationWidget = isProviderPlaidEmbedded(provider == null ? void 0 : provider.redirectUrl);
   const [verificationComplete, setVerificationComplete] = useState(false);
   const retrieveBankAccountInfo = async ({
@@ -21564,14 +21444,14 @@ const PayoutVerificationMethodOptionFooter = ({
   const { provider } = methodsMetadata[method];
   return provider ? /* @__PURE__ */ jsxs(Typography, { variant: "caption", className: "adyen-kyc-field-verification-methods__footer", children: [
     i18n.get("poweredBy"),
-    /* @__PURE__ */ jsx(
+    provider.svgName ? /* @__PURE__ */ jsx(
       Icon,
       {
         className: "adyen-kyc-field-verification-methods__logo",
         name: provider.svgName,
         alt: provider.name
       }
-    )
+    ) : provider.name
   ] }) : null;
 };
 const payoutVerificationMethodFields = ["payoutVerificationMethod", "bankCountry", ...accountVerificationFields];
@@ -21597,7 +21477,7 @@ function PayoutVerificationMethod(props) {
     accountHolder,
     provider,
     bankVendorsLoadingStatus,
-    instantVerificationAllowed,
+    instantVerificationAvailable,
     legalEntityResponse,
     forms,
     validators: validators2,
@@ -21624,6 +21504,7 @@ function PayoutVerificationMethod(props) {
     SettingNames.AllowIntraRegionCrossBorderPayout
   );
   const [hasSelectedMethod, setHasSelectedMethod] = useState(false);
+  const providerName = getProviderName(provider == null ? void 0 : provider.name);
   const { handleChangeFor, data, valid, errors, fieldProblems, triggerValidation } = useForm({
     ...props,
     schema: payoutVerificationMethodFields,
@@ -21644,14 +21525,8 @@ function PayoutVerificationMethod(props) {
   );
   useEffect(() => {
     if (!enablePreferInstantVerificationMethodFlow) return;
-    setHideFooter == null ? void 0 : setHideFooter(
-      enablePreferInstantVerificationMethodFlow && isActiveForm && !bankInfoValidated
-    );
+    setHideFooter == null ? void 0 : setHideFooter(isActiveForm && !bankInfoValidated);
   }, [enablePreferInstantVerificationMethodFlow, isActiveForm, bankInfoValidated, setHideFooter]);
-  const instantVerificationAvailable = useMemo(
-    () => Boolean(instantVerificationAllowed && (provider == null ? void 0 : provider.redirectUrl)),
-    [instantVerificationAllowed, provider]
-  );
   const methodsMetadata = makePayoutVerificationMethodsMetadata(provider == null ? void 0 : provider.name);
   const selectVerificationMethod = (method) => {
     setHasSelectedMethod(true);
@@ -21817,18 +21692,18 @@ function PayoutVerificationMethod(props) {
         id: "ariaErrorField"
       }
     ),
-    !enablePreferInstantVerificationMethodFlow && (provider == null ? void 0 : provider.name) && bankVendorsLoadingStatus === "success" ? /* @__PURE__ */ jsx(
+    !enablePreferInstantVerificationMethodFlow && providerName && bankVendorsLoadingStatus === "success" ? /* @__PURE__ */ jsx(
       ContextGuidance,
       {
         page: "Instant verification with partner",
         titleId: "howDoesVerificationWithOurPartnerWorks",
         contentId: "bankVerificationWithPartnerSteps",
         title: i18n.get("howDoesVerificationWithOurPartnerWorks", {
-          values: { provider: toCapitalized(provider.name) }
+          values: { provider: providerName }
         }),
         content: /* @__PURE__ */ jsxs(Fragment, { children: [
           /* @__PURE__ */ jsx(Typography, { children: i18n.get("isOurTrustedPartnerHelpingSpeedUpSetup", {
-            values: { provider: toCapitalized(provider.name) }
+            values: { provider: providerName }
           }) }),
           /* @__PURE__ */ jsxs(List, { children: [
             /* @__PURE__ */ jsx(ListItem, { children: i18n.get("selectTheBankToReceivePayouts") }),
@@ -21878,8 +21753,7 @@ function PayoutDetailsComponent(props) {
     associatedLegalArrangement,
     provider,
     bankVendorsLoadingStatus,
-    instantVerificationEnabled,
-    handleGetBankVerificationVendors,
+    instantVerificationAvailable,
     setHideDropinLayout,
     setHideOnHomeButton,
     setSkipSubmit,
@@ -21939,9 +21813,7 @@ function PayoutDetailsComponent(props) {
             bankInfoValidated,
             setBankInfoValidated,
             handleNextClick,
-            instantVerificationAllowed: Boolean(
-              instantVerificationEnabled && handleGetBankVerificationVendors
-            ),
+            instantVerificationAvailable,
             createTrustedTransferInstrument: createTrustedTransferInstrument2,
             handleBankVerificationError: handleBankVerificationError2,
             setBankVerificationError: setInstantVerificationError,
@@ -24044,13 +23916,13 @@ const useUnifyLoadingStatus = (setParentLoadingStatus, ...childLoadingStatuses)
     setParentLoadingStatus(loadingStatus);
   }, [...childLoadingStatuses]);
 };
-const logger$o = createLogger("useScenarioConfiguration");
+const logger$p = createLogger("useScenarioConfiguration");
 const useScenarioConfiguration = ({
   getConfigurationData,
   getPayoutAccountFormatData,
   parseConfiguration: parseConfiguration2,
   country,
-  instantVerificationEnabled,
+  instantVerificationAvailable,
   setLoadingStatus,
   existingBankAccountFormat
 }) => {
@@ -24067,12 +23939,12 @@ const useScenarioConfiguration = ({
         const response = await getConfigurationData();
         setConfigurationResponse(response);
       } catch (err) {
-        logger$o.warn("WARNING: Configuration request failed - error:", err);
+        logger$p.warn("WARNING: Configuration request failed - error:", err);
       } finally {
         setConfigurationLoadingStatus("success");
       }
     };
-    makeConfigCallAndSave().catch(logger$o.error);
+    makeConfigCallAndSave().catch(logger$p.error);
   }, [getConfigurationData, setConfigurationLoadingStatus]);
   useEffect(() => {
     if (!getPayoutAccountFormatData) return;
@@ -24091,12 +23963,12 @@ const useScenarioConfiguration = ({
         const defaultAccountFormat = defaultPayoutAccountFormat[country] ?? allowedBankAccountFormats[0];
         setAccountFormat(existingBankAccountFormat ?? defaultAccountFormat);
       } catch (err) {
-        logger$o.warn("WARNING: Payout format request failed - error:", err);
+        logger$p.warn("WARNING: Payout format request failed - error:", err);
       } finally {
         setpayoutFormatLoadingStatus("success");
       }
     };
-    makePayoutFormatCallAndSave().catch(logger$o.error);
+    makePayoutFormatCallAndSave().catch(logger$p.error);
   }, [
     country,
     setAccountFormat,
@@ -24106,14 +23978,14 @@ const useScenarioConfiguration = ({
   ]);
   const { fieldConfigurations, requiredFields } = useMemo(() => {
     if (!configurationResponse) return {};
-    const { matchingScenario, provider } = configurationResponse;
+    const { matchingScenario } = configurationResponse;
     const payoutRequiredFields = accountFormatResponse && accountFormat ? accountFormatResponse[accountFormat] : void 0;
     const scenarioConfig = parseConfiguration2(
       payoutRequiredFields ? {
         matchingScenario,
         country,
         requiredFields: payoutRequiredFields,
-        bankVerificationAvailable: instantVerificationEnabled && !!(provider == null ? void 0 : provider.redirectUrl)
+        bankVerificationAvailable: instantVerificationAvailable
       } : {
         matchingScenario,
         country,
@@ -24131,7 +24003,7 @@ const useScenarioConfiguration = ({
     configurationResponse,
     country,
     parseConfiguration2,
-    instantVerificationEnabled
+    instantVerificationAvailable
   ]);
   return {
     requiredFields,
@@ -25692,7 +25564,7 @@ function BusinessInformationCard({
     }
   );
 }
-const logger$n = createLogger("BusinessSelection");
+const logger$o = createLogger("BusinessSelection");
 function BusinessSelectionComponent({
   showCompanyStructure,
   searching,
@@ -25744,7 +25616,7 @@ function BusinessSelectionComponent({
           setCurrentBusinessSelection(businessData);
         }
       } catch (e) {
-        logger$n.error(e);
+        logger$o.error(e);
       }
     },
     [basicInformation == null ? void 0 : basicInformation.stateOrProvince, fetchBusinessData, fetching, selectedBusinessId]
@@ -25758,7 +25630,7 @@ function BusinessSelectionComponent({
           handleNextClick == null ? void 0 : handleNextClick();
         }
       } catch (e) {
-        logger$n.error(e);
+        logger$o.error(e);
       }
     },
     [currentTin, handleNextClick, handleBusinessVerification]
@@ -25945,7 +25817,7 @@ function BasicInformationComponent({
   const { i18n } = useI18nContext();
   const { isSettingEnabled } = useSettingsContext();
   const { isExperimentEnabled } = useExperimentsContext();
-  const allowedCountries = useAllowedCountries();
+  const { allowedCountries } = useCoreContext();
   const isAllowedEditPrefilledCountry = isSettingEnabled(SettingNames.AllowPrefilledCountryEdit);
   const formDescription = /* @__PURE__ */ jsxs("div", { className: "adyen-kyc-form-header__description", children: [
     description,
@@ -26868,7 +26740,7 @@ const DECISION_MAKER_TYPES_WITH_JOBTITLE = [
   DecisionMakerType.SIGNATORY,
   DecisionMakerType.CONTROLLING_PERSON
 ];
-const rules$1 = ({
+const rules$2 = ({
   data,
   country,
   taskType,
@@ -27343,7 +27215,7 @@ const useExpiryThreshold = (expiry) => {
   return { expiryStatus: "notYetCloseToExpiry", secondsUntilExpiry: void 0 };
 };
 const ExpiryContext = createContext(false);
-const logger$m = createLogger("ExpiryProvider");
+const logger$n = createLogger("ExpiryProvider");
 const ExpiryProvider = ({
   expiry: initialExpiry,
   eventEmitter,
@@ -27372,7 +27244,7 @@ const ExpiryProvider = ({
             refreshExpiry().then((newExpiry) => {
               setExpiry(newExpiry);
               setModalDismissed(false);
-            }).catch(logger$m.error);
+            }).catch(logger$n.error);
           }
         }
       ),
@@ -27394,7 +27266,7 @@ const ExpiryProvider = ({
   return /* @__PURE__ */ jsx(ExpiryContext.Provider, { value: expiryStatus === "expired", children });
 };
 const useHasExpired = () => useContext(ExpiryContext);
-const logger$l = createLogger("FormRouterContextProvider");
+const logger$m = createLogger("FormRouterContextProvider");
 function FormRouterContextProvider({
   children,
   forms,
@@ -27417,7 +27289,7 @@ function FormRouterContextProvider({
         if (formIndex > -1) {
           setFormIndex(formIndex);
         } else {
-          logger$l.error("No form was found to have that field so form navigation failed.");
+          logger$m.error("No form was found to have that field so form navigation failed.");
         }
       }
     }),
@@ -29108,7 +28980,7 @@ function CompanyDropinComponent({
 }
 const IgnoreLocalStorageContext = createContext(false);
 const useIgnoreLocalStorage = () => useContext(IgnoreLocalStorageContext);
-const logger$k = createLogger("useLocalStorage");
+const logger$l = createLogger("useLocalStorage");
 const useLocalStorage = (key, defaultValue, options) => {
   const { serializer, parser, syncData } = useMemo(
     () => ({
@@ -29128,7 +29000,7 @@ const useLocalStorage = (key, defaultValue, options) => {
       const res = rawValueRef.current ? parser(rawValueRef.current) : defaultValue;
       return res;
     } catch (err) {
-      logger$k.error(err);
+      logger$l.error(err);
       return defaultValue;
     }
   });
@@ -29163,7 +29035,7 @@ const useLocalStorage = (key, defaultValue, options) => {
     try {
       updateLocalStorage();
     } catch (err) {
-      logger$k.error(err);
+      logger$l.error(err);
     }
   }, [value, ignoreLocalStorage]);
   useEffect(() => {
@@ -29176,7 +29048,7 @@ const useLocalStorage = (key, defaultValue, options) => {
           setValue(event.newValue ? parser(event.newValue) : void 0);
         }
       } catch (err) {
-        logger$k.error(err);
+        logger$l.error(err);
       }
     };
     if (ignoreLocalStorage) return;
@@ -29360,7 +29232,7 @@ const useSingpassMyInfoLogin = ({
     trustedEntityAssociations
   };
 };
-const logger$j = createLogger("useAssociatedLegalArrangement");
+const logger$k = createLogger("useAssociatedLegalArrangement");
 function useAssociatedLegalArrangement({
   rootLegalEntity,
   getLegalEntity: getLegalEntity2
@@ -29376,7 +29248,7 @@ function useAssociatedLegalArrangement({
       (entity) => entity.type === LegalEntityType.SOLE_PROPRIETORSHIP || entity.type === LegalEntityType.TRUST
     );
     if (foundEntity == null ? void 0 : foundEntity.legalEntityId) {
-      getAssociatedEntity(foundEntity == null ? void 0 : foundEntity.legalEntityId).then((res) => setAssociatedLegalArrangement(res)).catch(logger$j.error);
+      getAssociatedEntity(foundEntity == null ? void 0 : foundEntity.legalEntityId).then((res) => setAssociatedLegalArrangement(res)).catch(logger$k.error);
     }
   }, [getAssociatedEntity, rootLegalEntity == null ? void 0 : rootLegalEntity.entityAssociations]);
   useEffect(() => {
@@ -29426,7 +29298,7 @@ const useCanSeeEntitySelection = (legalEntityId) => {
     setCanSeeEntitySelection: setCanSeeEntitySelectionIntoLocalStorage
   };
 };
-const logger$i = createLogger("useExemptSettlor");
+const logger$j = createLogger("useExemptSettlor");
 const useExemptSettlor = ({
   trust,
   handleGetLegalEntity
@@ -29444,7 +29316,7 @@ const useExemptSettlor = ({
   );
   useEffect(() => {
     if (!(trust == null ? void 0 : trust.trust)) return;
-    updateExemptSettlor(trust).catch(logger$i.error);
+    updateExemptSettlor(trust).catch(logger$j.error);
   }, [trust, updateExemptSettlor]);
   return exemptSettlor;
 };
@@ -30958,6 +30830,7 @@ const useIntroductionScreens = ({ legalEntity, tasks }) => {
   );
   return canSeeIntroduction && (introductionScreens == null ? void 0 : introductionScreens.length) > 0 ? [IntroductionScreens.PROLOGUE, ...introductionScreens, IntroductionScreens.EPILOGUE] : void 0;
 };
+const toCapitalized = (s) => `${s[0].toUpperCase()}${s.slice(1).toLowerCase()}`;
 const toPascalCase = (s) => s.split(/[^A-Za-z]/).map((word) => toCapitalized(word)).join("");
 var IntroductionScreenTranslationKeyElements = /* @__PURE__ */ ((IntroductionScreenTranslationKeyElements2) => {
   IntroductionScreenTranslationKeyElements2["ListItem"] = "LI";
@@ -31468,6 +31341,14 @@ const SingpassSelection = (props) => {
     )
   ] }) });
 };
+const useSetting = (settingName) => {
+  const context = useContext(SettingsContext);
+  if (context === void 0) {
+    throw new Error("useSetting must be used within a SettingsProvider");
+  }
+  const { getSetting } = context;
+  return getSetting(settingName);
+};
 const businessTypeMapping = {
   myName: {
     [LegalEntityType.INDIVIDUAL]: "individual"
@@ -32510,7 +32391,7 @@ function IndividualDropinComponent({
     country
   });
   const fieldsFromCustomRules = useMemo(
-    () => rules$1({
+    () => rules$2({
       data,
       country,
       taskType,
@@ -32974,7 +32855,7 @@ function IndividualDropinComponent({
     }
   );
 }
-const logger$h = createLogger("useBankConfigurationHandler");
+const logger$i = createLogger("useBankConfigurationHandler");
 const useBankConfigurationHandlers = ({
   handleGetBankVerificationVendors,
   bankAccountCountry,
@@ -32992,7 +32873,7 @@ const useBankConfigurationHandlers = ({
       const bankVerificationVendorsResponse = handleGetBankVerificationVendors ? await handleGetBankVerificationVendors(bankAccountCountry) : [];
       setProvider(bankVerificationVendorsResponse == null ? void 0 : bankVerificationVendorsResponse[0]);
     })().catch(() => {
-      logger$h.error();
+      logger$i.error();
       setProvider(void 0);
     }).finally(() => {
       setLoadingStatus("success");
@@ -33005,17 +32886,14 @@ const useBankConfigurationHandlers = ({
     handleGetBankVerificationVendors,
     bankAccountCountry
   ]);
-  const getConfigurationData = useCallback(async () => {
-    const configuration = await getConfiguration2({
+  const getConfigurationData = useCallback(
+    () => getConfiguration2({
       legalEntityType,
       capabilities,
       country: bankAccountCountry
-    });
-    return {
-      ...configuration,
-      provider
-    };
-  }, [getConfiguration2, legalEntityType, bankAccountCountry, capabilities, provider]);
+    }),
+    [getConfiguration2, legalEntityType, bankAccountCountry, capabilities]
+  );
   return {
     getConfigurationData,
     provider
@@ -33029,6 +32907,43 @@ const getAccountFormatsForCountry = async (country) => {
   }
   return (await importForCountry()).default;
 };
+const rules$1 = ({ data, requiredFields }) => ({
+  whenUsingManualVerification: () => {
+    var _a;
+    if (!data.payoutVerificationMethod) return;
+    if (((_a = data == null ? void 0 : data.payoutVerificationMethod) == null ? void 0 : _a.payoutVerificationMethod) === "manualVerification") {
+      return "REQUIRED";
+    }
+  },
+  whenUsingInstantVerification: () => {
+    var _a;
+    if (!data.payoutVerificationMethod) {
+      return "REQUIRED";
+    }
+    if (((_a = data == null ? void 0 : data.payoutVerificationMethod) == null ? void 0 : _a.payoutVerificationMethod) === "instantVerification") {
+      return "REQUIRED";
+    }
+  },
+  verifiedBankAccountNumber: () => {
+    var _a;
+    if (((_a = data == null ? void 0 : data.payoutVerificationMethod) == null ? void 0 : _a.payoutVerificationMethod) === "instantVerification") {
+      return "REQUIRED";
+    }
+  },
+  bankStatementRequirement: () => {
+    var _a;
+    if (((_a = data == null ? void 0 : data.payoutVerificationMethod) == null ? void 0 : _a.payoutVerificationMethod) === "manualVerification") {
+      return requiredFields == null ? void 0 : requiredFields.bankStatementRequirement;
+    }
+  },
+  // "bankStatement description" field is always "optional" and it's coupled with bank statement document.
+  bankStatementDescription: () => {
+    var _a;
+    if (((_a = data == null ? void 0 : data.payoutVerificationMethod) == null ? void 0 : _a.payoutVerificationMethod) === "manualVerification" && !!(requiredFields == null ? void 0 : requiredFields.bankStatementRequirement)) {
+      return "OPTIONAL";
+    }
+  }
+});
 const labels = () => ({
   verifiedAccountHolder: () => "accountHolder",
   verifiedBankCountry: () => "bankCountry",
@@ -33106,7 +33021,7 @@ function PayoutDetailsDropinComponent({
   const existingPayoutDetails = transferInstrument ? mapTransferInstrumentToPayoutAccount(transferInstrument) : void 0;
   const [documents, setDocuments] = useState();
   const [newTransferInstrumentId, setNewTransferInstrumentId] = useState();
-  const [useFreshProviderRedirectUrl, setUseFreshProviderRedirectUrl] = useState(true);
+  const [useFreshProviderRedirectUrl, setUseFreshProviderRedirectUrl] = useState(false);
   const fallbackCurrency = (_a = currencyByCountry[defaultPayoutCountry]) == null ? void 0 : _a[0];
   const accountHolderName = accountHolder || getLegalEntityNameBasedOnType(legalEntityResponse);
   const instantVerificationEnabled = Boolean(
@@ -33170,6 +33085,10 @@ function PayoutDetailsDropinComponent({
     useFreshProviderRedirectUrl,
     setUseFreshProviderRedirectUrl
   });
+  const instantVerificationAvailable = useMemo(
+    () => Boolean(instantVerificationEnabled && (provider == null ? void 0 : provider.redirectUrl)),
+    [instantVerificationEnabled, provider == null ? void 0 : provider.redirectUrl]
+  );
   const getPayoutAccountFormatData = useCallback(
     async () => getAccountFormatsForCountry(bankAccountCountry ?? defaultPayoutCountry),
     [bankAccountCountry]
@@ -33178,13 +33097,13 @@ function PayoutDetailsDropinComponent({
     parseConfiguration: parseConfiguration$3,
     getConfigurationData,
     getPayoutAccountFormatData,
-    instantVerificationEnabled,
+    instantVerificationAvailable,
     setLoadingStatus: setConfigurationLoadingStatus,
     country: bankAccountCountry ?? defaultPayoutCountry,
     existingBankAccountFormat
   });
   const fieldsFromCustomRules = useMemo(
-    () => rules$2({
+    () => rules$1({
       data,
       country: bankAccountCountry ?? defaultPayoutCountry,
       taskType,
@@ -33202,10 +33121,7 @@ function PayoutDetailsDropinComponent({
       var _a2;
       return getAppropriatePayoutDetailsSteps(
         Boolean((_a2 = prefilledData == null ? void 0 : prefilledData.payoutAccountDetails) == null ? void 0 : _a2.transferInstrumentId),
-        !transferInstrument && isInstantVerificationAvailable({
-          provider,
-          verificationVendorsCallback: handleGetBankVerificationVendors
-        }),
+        instantVerificationAvailable,
         isSettingEnabled(SettingNames.AllowIntraRegionCrossBorderPayout),
         showWidgetInVerificationMethodStep
       );
@@ -33510,8 +33426,7 @@ function PayoutDetailsDropinComponent({
           associatedLegalArrangement,
           provider,
           bankVendorsLoadingStatus,
-          handleGetBankVerificationVendors,
-          instantVerificationEnabled,
+          instantVerificationAvailable,
           refreshLegalEntity,
           shouldValidate,
           createTrustedTransferInstrument: createTrustedTransferInstrumentHandler,
@@ -34445,7 +34360,7 @@ const serviceAgreementValidationRules = {
     errorMessage: "fieldIsRequired"
   }
 };
-const logger$g = createLogger("useServiceAgreement");
+const logger$h = createLogger("useServiceAgreement");
 const FALLBACK_LANGUAGE_CODE$1 = "en";
 const useServiceAgreement = ({
   handleGetServiceAgreement,
@@ -34475,7 +34390,7 @@ const useServiceAgreement = ({
       const contract = JSON.parse(decodeURIComponent(escape(window.atob(document2))));
       setServiceAgreement({ id, contract });
     };
-    requestAcceptedServiceAgreement().catch(logger$g.error).finally(() => setLoading("success"));
+    requestAcceptedServiceAgreement().catch(logger$h.error).finally(() => setLoading("success"));
   }, [acceptanceId, handleViewAcceptedTermsOfServiceDocument]);
   useEffect(() => {
     const requestServiceAgreement = async () => {
@@ -34490,7 +34405,7 @@ const useServiceAgreement = ({
           }
         );
         if (!document2) {
-          logger$g.log('"document" field was missing in response');
+          logger$h.log('"document" field was missing in response');
           return;
         }
         const contract = JSON.parse(decodeURIComponent(escape(window.atob(document2))));
@@ -34505,7 +34420,7 @@ const useServiceAgreement = ({
         throw err;
       }
     };
-    requestServiceAgreement().catch(logger$g.error);
+    requestServiceAgreement().catch(logger$h.error);
   }, [
     handleGetServiceAgreement,
     handleServiceAgreementIsNotAvailableInThatLanguage,
@@ -34529,7 +34444,7 @@ const serviceAgreementTypesTranslationMapping = {
   adyenPccr: "pccr",
   adyenChargeCard: "chargeCardUserAgreement"
 };
-const logger$f = createLogger("ServiceAgreementDropinComponent");
+const logger$g = createLogger("ServiceAgreementDropinComponent");
 const FALLBACK_LANGUAGE_CODE = "en";
 function ServiceAgreementDropinComponent({
   legalEntityResponse,
@@ -34708,7 +34623,7 @@ function ServiceAgreementDropinComponent({
       await requestAndDownload(i18n.languageCode);
     } catch (e) {
       if (i18n.languageCode !== FALLBACK_LANGUAGE_CODE) {
-        await requestAndDownload(FALLBACK_LANGUAGE_CODE).catch(logger$f.error);
+        await requestAndDownload(FALLBACK_LANGUAGE_CODE).catch(logger$g.error);
         return;
       }
       showToast({
@@ -35654,10 +35569,9 @@ const hasProgressedBeyondEntitySelection = (legalEntity) => {
   return hasOwnEntityAssocation || !!hasOrganizationType;
 };
 const PAGES_WITH_POLLING = [TaskTypes.DECISION_MAKER_OVERVIEW, TaskTypes.TASKS_OVERVIEW];
-const logger$e = createLogger("DropinComposerComponent");
+const logger$f = createLogger("DropinComposerComponent");
 const isOrganizationSettlorWithExemptionReasonEnabled = (enabled, country) => country === CountryCodes.Australia && enabled;
 function DropinComposerComponent({
-  capabilities,
   legalEntityResponse,
   onSubmit,
   onChange,
@@ -35682,6 +35596,7 @@ function DropinComposerComponent({
   });
   const [tasks, setTasks] = useState([]);
   const [rootLegalEntity, setRootLegalEntity] = useState(legalEntityResponse);
+  const capabilities = useMemo(() => getCapabilities(rootLegalEntity), [rootLegalEntity]);
   const {
     isEligibleForSingpass,
     state: singpassLoginState,
@@ -35761,7 +35676,7 @@ function DropinComposerComponent({
         setPciStatus(response);
         return response;
       } catch (e) {
-        logger$e.warn(i18n.get("failedToGetPciStatus"));
+        logger$f.warn(i18n.get("failedToGetPciStatus"));
       }
     }
     return void 0;
@@ -35789,7 +35704,7 @@ function DropinComposerComponent({
   }, [additionalSalesChannels, i18n, rootLegalEntity.id, args.handleGetPciTemplate]);
   useEffect(() => {
     if (!tasks.includes(TaskTypes.PCI_DSS)) return;
-    getPciTemplate().catch(logger$e.error);
+    getPciTemplate().catch(logger$f.error);
   }, [getPciTemplate, tasks]);
   const addFetchedAcceptedByName = async (acceptanceInfo) => {
     try {
@@ -35799,7 +35714,7 @@ function DropinComposerComponent({
         acceptedByName: getLegalEntityNameBasedOnType(acceptedByEntity)
       };
     } catch (e) {
-      logger$e.warn(i18n.get("failedToFetchAcceptedByName"));
+      logger$f.warn(i18n.get("failedToFetchAcceptedByName"));
       return {
         ...acceptanceInfo,
         acceptedByName: null
@@ -35813,7 +35728,7 @@ function DropinComposerComponent({
         const serviceAgreementAcceptanceInfosWithNames2 = await Promise.all(response.data.map(addFetchedAcceptedByName));
         setServiceAgreementAcceptanceInfosWithNames(serviceAgreementAcceptanceInfosWithNames2);
       } catch (e) {
-        logger$e.warn(i18n.get("failedToGetServiceAgreementStatus"));
+        logger$f.warn(i18n.get("failedToGetServiceAgreementStatus"));
       }
     }
   };
@@ -35823,7 +35738,7 @@ function DropinComposerComponent({
         const response = await args.handleGetServiceAgreementStatus(rootLegalEntity.id);
         setServiceAgreementTypes(response.termsOfServiceTypes);
       } catch (e) {
-        logger$e.warn(i18n.get("failedToGetServiceAgreementStatus"));
+        logger$f.warn(i18n.get("failedToGetServiceAgreementStatus"));
       }
     }
   };
@@ -35853,7 +35768,7 @@ function DropinComposerComponent({
       try {
         return await args.handleGetLegalEntity(rootLegalEntity.id);
       } catch (e) {
-        logger$e.warn("Failed to fetch legal entity details", e);
+        logger$f.warn("Failed to fetch legal entity details", e);
       }
     }
     return void 0;
@@ -35909,7 +35824,7 @@ function DropinComposerComponent({
       await refreshAssociatedLegalArrangement();
       showToast({ type: "success", label: i18n.get("successFullyRemovedTrustMember") });
     } catch (err) {
-      logger$e.error(`Failed to delete trust member`, err);
+      logger$f.error(`Failed to delete trust member`, err);
       showToast({ type: "error", label: i18n.get("failedToRemoveTrustMember") });
     }
   };
@@ -35976,14 +35891,14 @@ function DropinComposerComponent({
           }
           break;
         default:
-          logger$e.warn(
+          logger$f.warn(
             `Updating trust member type "${trustMember.trustMemberType}" is not implemented.`
           );
       }
       showToast({ label: i18n.get("successfullyUpdatedDetails"), type: "success" });
       await refreshLegalArrangementAndRunOnSubmit(associatedLegalArrangement, 1);
     } catch (err) {
-      logger$e.error(err);
+      logger$f.error(err);
       showToast({ label: i18n.get("failedToUpdateDetails"), type: "error" });
     }
   };
@@ -35995,7 +35910,7 @@ function DropinComposerComponent({
         singpassTabRef.current = window.open(authUrl, "_blank");
         singpassTabRef.current.focus();
       } catch (e) {
-        logger$e.error(e);
+        logger$f.error(e);
         handleSingpassMyInfoLoginFailure(e);
       }
     }
@@ -36173,7 +36088,7 @@ function DropinComposerComponent({
     const fetchConfiguration = async () => {
       const data = await getConfiguration2({
         country: contextCountry,
-        capabilities,
+        capabilities: args == null ? void 0 : args.capabilities,
         legalEntityType: rootLegalEntity.type
       });
       if (data == null ? void 0 : data.taskList) {
@@ -36186,7 +36101,7 @@ function DropinComposerComponent({
       }
     };
     setIsLoadingConfiguration(true);
-    fetchConfiguration().catch(logger$e.error).finally(() => {
+    fetchConfiguration().catch(logger$f.error).finally(() => {
       setIsLoadingConfiguration(false);
       onLoad();
     });
@@ -36223,7 +36138,7 @@ function DropinComposerComponent({
           singpassTabRef.current = window.open(authUrl);
           singpassTabRef.current.focus();
         } catch (e) {
-          logger$e.error(e);
+          logger$f.error(e);
           handleSingpassMyInfoLoginFailure(e);
         }
       },
@@ -36334,7 +36249,7 @@ function DropinComposerComponent({
           legalEntityResponse: rootLegalEntity,
           country: rootLegalEntityCountry,
           problems: getLegalEntityProblems(rootLegalEntity),
-          capabilities: getCapabilities(legalEntityResponse),
+          capabilities,
           onChange: componentOnChange,
           onSubmit: async (data) => {
             onSubmit == null ? void 0 : onSubmit(data);
@@ -36380,7 +36295,7 @@ function DropinComposerComponent({
           legalEntityResponse: associatedLegalEntity,
           country: rootLegalEntityCountry,
           problems: getLegalEntityProblems(associatedLegalEntity),
-          capabilities: getCapabilities(legalEntityResponse),
+          capabilities,
           onChange: componentOnChange,
           onSubmit: componentOnSubmit,
           handleHomeClick: navigateBack,
@@ -36412,7 +36327,7 @@ function DropinComposerComponent({
           legalEntityResponse: associatedLegalEntity,
           problems: getLegalEntityProblems(associatedLegalEntity),
           country: rootLegalEntityCountry,
-          capabilities: getCapabilities(legalEntityResponse),
+          capabilities,
           onChange: componentOnChange,
           onSubmit: async (data) => {
             await refreshAssociatedLegalArrangement();
@@ -36443,7 +36358,7 @@ function DropinComposerComponent({
           legalEntityResponse: associatedLegalEntity,
           country: rootLegalEntityCountry,
           problems: getLegalEntityProblems(associatedLegalEntity),
-          capabilities: getCapabilities(legalEntityResponse),
+          capabilities,
           onChange: componentOnChange,
           onSubmit: (data) => refreshLegalArrangementAndRunOnSubmit(data, 2),
           handleBackClick: navigateBack,
@@ -36472,7 +36387,7 @@ function DropinComposerComponent({
           taskType: TaskTypes.COMPANY,
           taskName: hasTrust ? "companyTrusteeDetails" : "companyDetails",
           legalEntityResponse: rootLegalEntity,
-          capabilities: getCapabilities(legalEntityResponse),
+          capabilities,
           problems: getLegalEntityProblems(rootLegalEntity),
           onChange: componentOnChange,
           onSubmit: async (data) => {
@@ -36501,7 +36416,7 @@ function DropinComposerComponent({
           taskType: TaskTypes.BUSINESS_DETAILS,
           taskName: hasTrust ? "businessTrusteeDetails" : "businessDetails",
           legalEntityResponse: rootLegalEntity,
-          capabilities: getCapabilities(legalEntityResponse),
+          capabilities,
           problems: getLegalEntityProblems(rootLegalEntity),
           homeButtonLabel: i18n.get("saveAndGoToOverview"),
           country: legalEntityResponse.organization.registeredAddress.country ?? contextCountry,
@@ -36539,7 +36454,7 @@ function DropinComposerComponent({
           taskType: TaskTypes.TRUST_MEMBER_COMPANY,
           parentLegalEntity: associatedLegalArrangement,
           legalEntityResponse: associatedLegalEntity,
-          capabilities: getCapabilities(legalEntityResponse),
+          capabilities,
           problems: (_e = capabilityProblems == null ? void 0 : capabilityProblems.LegalEntity) == null ? void 0 : _e[rootLegalEntity.id],
           onChange: componentOnChange,
           onSubmit: (data) => refreshLegalArrangementAndRunOnSubmit(data, 2),
@@ -36566,7 +36481,7 @@ function DropinComposerComponent({
           associatedLegalArrangement,
           refreshLegalEntity,
           accountHolder: getPayoutAccountHolderName(rootLegalEntity, i18n),
-          capabilities: getCapabilities(legalEntityResponse),
+          capabilities,
           onChange: componentOnChange,
           onSubmit: componentOnSubmit,
           handleHomeClick: navigateBack,
@@ -36592,7 +36507,7 @@ function DropinComposerComponent({
           problems: (_g = capabilityProblems == null ? void 0 : capabilityProblems.LegalEntity) == null ? void 0 : _g[associatedLegalArrangement == null ? void 0 : associatedLegalArrangement.id],
           parentLegalEntity: rootLegalEntity,
           legalEntityResponse: associatedLegalArrangement,
-          capabilities: getCapabilities(legalEntityResponse),
+          capabilities,
           onChange: componentOnChange,
           onSubmit: (data) => refreshLegalArrangementAndRunOnSubmit(data, 1),
           handleHomeClick: navigateBack,
@@ -36667,7 +36582,7 @@ function DropinComposerComponent({
           taskType: TaskTypes.SOLE_PROPRIETOR_COMPANY,
           parentLegalEntity: rootLegalEntity,
           legalEntityResponse: associatedLegalArrangement,
-          capabilities: getCapabilities(legalEntityResponse),
+          capabilities,
           problems: (_j = capabilityProblems == null ? void 0 : capabilityProblems.LegalEntity) == null ? void 0 : _j[associatedLegalArrangement == null ? void 0 : associatedLegalArrangement.id],
           onChange: componentOnChange,
           onSubmit: (data) => refreshLegalArrangementAndRunOnSubmit(data, 1),
@@ -36730,7 +36645,7 @@ function DropinComposerComponent({
           legalEntityResponse: associatedLegalRepresentative,
           country: rootLegalEntityCountry,
           problems: getLegalEntityProblems(associatedLegalRepresentative),
-          capabilities: getCapabilities(legalEntityResponse),
+          capabilities,
           onChange: componentOnChange,
           onSubmit: componentOnSubmit,
           handleHomeClick: navigateBack,
@@ -37068,7 +36983,7 @@ const useComponentApi = (rootLegalEntityId) => {
     };
   }, [base, rootLegalEntityId]);
 };
-const logger$d = createLogger("CreateIndividualComponent");
+const logger$e = createLogger("CreateIndividualComponent");
 function CreateIndividualComponent({
   parentLegalEntityId,
   legalEntityId,
@@ -37115,11 +37030,11 @@ function CreateIndividualComponent({
       setParentLegalEntity(parentEntity);
       setLegalEntity(entity);
     } catch (error) {
-      logger$d.error(error);
+      logger$e.error(error);
     }
   }, [parentLegalEntityId, legalEntityId, getLegalEntity2]);
   useEffect(() => {
-    fetchLegalEntity().catch(logger$d.error);
+    fetchLegalEntity().catch(logger$e.error);
   }, [fetchLegalEntity]);
   const country = ((_a = legalEntity == null ? void 0 : legalEntity.individual) == null ? void 0 : _a.residentialAddress.country) ?? contextCountry;
   const onSubmit = (d) => {
@@ -37151,7 +37066,7 @@ function CreateIndividualComponent({
     }
   );
 }
-const logger$c = createLogger("CreateTransferInstrumentComponent");
+const logger$d = createLogger("CreateTransferInstrumentComponent");
 function CreateTransferInstrumentComponent({
   legalEntityId,
   transferInstrumentId,
@@ -37190,7 +37105,7 @@ function CreateTransferInstrumentComponent({
         const ti = await getTransferInstrument2(transferInstrumentId);
         setTransferInstrument(ti);
       }
-    })().catch(logger$c.error);
+    })().catch(logger$d.error);
   }, [transferInstrumentId, fetchLegalEntity]);
   return legalEntity ? /* @__PURE__ */ jsx(
     PayoutDetailsDropinComponent,
@@ -37688,7 +37603,7 @@ const highExposureUltimateParentCompanyDetailsValidations = {
   //   errorMessage: 'fieldIsRequired',
   // },
 };
-const logger$b = createLogger("LegalFormField");
+const logger$c = createLogger("LegalFormField");
 function LegalFormField({
   name = "legalForm",
   data,
@@ -37713,7 +37628,7 @@ function LegalFormField({
         }));
         setLegalForms(legalFormsResponse);
       }
-    }).catch(() => logger$b.error);
+    }).catch(() => logger$c.error);
   }, [countryCode]);
   return /* @__PURE__ */ jsx(
     Field,
@@ -37739,7 +37654,7 @@ function LegalFormField({
     }
   );
 }
-const logger$a = createLogger("NaceCodeField");
+const logger$b = createLogger("NaceCodeField");
 function NaceCodeField({
   name = "naceCode",
   data,
@@ -37759,7 +37674,7 @@ function NaceCodeField({
       if (response) {
         setNaceCodes(response);
       }
-    }).catch(() => logger$a.error);
+    }).catch(() => logger$b.error);
   }, []);
   return /* @__PURE__ */ jsx(
     Field,
@@ -38734,7 +38649,7 @@ function HighExposureDropinComponent(props) {
   return /* @__PURE__ */ jsx("div", { className: "adyen-kyc", children: renderActiveForm(props.activeForm || highExposureForms.company) });
 }
 const parseConfiguration = ({ matchingScenario }) => parseHighExposureScenarios(matchingScenario == null ? void 0 : matchingScenario[LegalEntityType.ORGANIZATION]);
-const logger$9 = createLogger("UpdateLegalEntityForHighExposure");
+const logger$a = createLogger("UpdateLegalEntityForHighExposure");
 const customLabels = {
   company: {
     legalForm: "businessStructure",
@@ -38782,7 +38697,7 @@ function UpdateLegalEntityForHighExposure({
   useEffect(() => {
     (async () => {
       await fetchLegalEntity();
-    })().catch(logger$9.error);
+    })().catch(logger$a.error);
   }, [fetchLegalEntity]);
   const dataFromResponse = legalEntity ? mapLegalEntityToHighExposure(legalEntity) : {};
   const [data, setData] = useState(dataFromResponse);
@@ -38987,7 +38902,7 @@ function getContentByStatus(status) {
   return contentMap[status];
 }
 const FINAL_STATUSES = [OnboardingStatus.VERIFIED, OnboardingStatus.REJECTED];
-const logger$8 = createLogger("ViewVerificationStatusComponent");
+const logger$9 = createLogger("ViewVerificationStatusComponent");
 function ViewVerificationStatusComponent({
   legalEntityId,
   hideExplanation = false,
@@ -39006,12 +38921,12 @@ function ViewVerificationStatusComponent({
     if (!onboardingStatus) return;
     const statusContent = getContentByStatus(onboardingStatus);
     if (statusContent) return statusContent;
-    logger$8.error(`there is no content for status "${onboardingStatus}"`);
+    logger$9.error(`there is no content for status "${onboardingStatus}"`);
   }, [onboardingStatus]);
   const handleError = useCallback(
     (rawError, userMessage) => {
       const error = coerceError(rawError);
-      logger$8.error(error);
+      logger$9.error(error);
       setAlertContent(userMessage);
       onError == null ? void 0 : onError({
         error,
@@ -39045,7 +38960,7 @@ function ViewVerificationStatusComponent({
   });
   useEffect(() => {
     setAlertContent(void 0);
-    fetchOnboardingStatus().then(updateOnboardingStatus).catch(logger$8.error);
+    fetchOnboardingStatus().then(updateOnboardingStatus).catch(logger$9.error);
   }, [fetchOnboardingStatus, updateOnboardingStatus]);
   const [loadingLinkStatus, setLinkLoadingStatus] = useState("success");
   const redirectToAdyen = async () => {
@@ -39221,22 +39136,22 @@ const useAnalytics = async ({
     userEvents.subscribe(onUserEvent);
   }
 };
-const logger$7 = createLogger("loadCountries");
+const logger$8 = createLogger("loadCountries");
 const countriesImports = /* @__PURE__ */ Object.assign({ "./de-DE.json": () => import("./de-DE-Cx8Uim1K.js"), "./el-GR.json": () => import("./el-GR-B7_JR3z5.js"), "./en-US.json": () => import("./en-US-CkdCbOCX.js"), "./es-ES.json": () => import("./es-ES-NBv3HHhn.js"), "./fr-FR.json": () => import("./fr-FR-DdSVMVsp.js"), "./it-IT.json": () => import("./it-IT-Bwdk3zuj.js"), "./ja-JP.json": () => import("./ja-JP-Bsvzm8zu.js"), "./nl-NL.json": () => import("./nl-NL-DofKaNkk.js"), "./pt-PT.json": () => import("./pt-PT-DFEvMD1M.js"), "./ru-RU.json": () => import("./ru-RU-PiM0ZI5h.js"), "./sv-SE.json": () => import("./sv-SE-C0GoLwTg.js"), "./zh-CN.json": () => import("./zh-CN-DJs6Hct-.js"), "./zh-TW.json": () => import("./zh-TW-BWhLbns8.js") });
 const loadCountriesDataset = async (locale) => {
   const importForLocale = countriesImports[`./${locale}.json`];
   if (!importForLocale) {
-    logger$7.warn(`No countries dataset for ${locale}, falling back to en-US`);
+    logger$8.warn(`No countries dataset for ${locale}, falling back to en-US`);
     return (await import("./en-US-CkdCbOCX.js")).default;
   }
   return (await importForLocale()).default;
 };
-const logger$6 = createLogger("loadStates");
+const logger$7 = createLogger("loadStates");
 const statesImports = /* @__PURE__ */ Object.assign({ "./AU/en-US.json": () => import("./en-US-CQv3D6--.js"), "./BR/en-US.json": () => import("./en-US-eaysbh-g.js"), "./BR/pt-BR.json": () => import("./pt-BR-CNtbeGFJ.js"), "./CA/en-US.json": () => import("./en-US-gM26UC0X.js"), "./NZ/en-US.json": () => import("./en-US-CLmaFLwu.js"), "./US/en-US.json": () => import("./en-US-7uBFgKyC.js") });
 const loadStatesDataset = async (country, locale) => {
   const importForLocale = statesImports[`./${country}/${locale}.json`];
   if (!importForLocale) {
-    logger$6.warn(`No ${country} states dataset for ${locale}, falling back to en-US`);
+    logger$7.warn(`No ${country} states dataset for ${locale}, falling back to en-US`);
     const fallbackImport = statesImports[`./${country}/en-US.json`];
     return (await fallbackImport()).default;
   }
@@ -39350,7 +39265,7 @@ const validatePhoneNumber$1 = async (context, phoneNumber) => {
     { number: phoneNumber }
   );
 };
-const logger$5 = createLogger("verify-id-number");
+const logger$6 = createLogger("verify-id-number");
 const verifyIdNumber$1 = async (context, request) => {
   const { loadingContext, legalEntityId } = context;
   try {
@@ -39373,13 +39288,13 @@ const verifyIdNumber$1 = async (context, request) => {
           if (responseData.status === 500) {
             return { status: 500, message: "Service did not respond, do not block verification" };
           }
-          return logger$5.warn(`Unexpected response status ${responseData.status}`);
+          return logger$6.warn(`Unexpected response status ${responseData.status}`);
         }
       },
       request
     );
   } catch (e) {
-    logger$5.warn("WARNING: idNumber verification failed - error:", e);
+    logger$6.warn("WARNING: idNumber verification failed - error:", e);
   }
 };
 const getEmbeddedApi = ({
@@ -39460,7 +39375,7 @@ const validatePhoneNumber = async (context, phoneNumber) => {
     { number: phoneNumber }
   );
 };
-const logger$4 = createLogger("verify-id-number");
+const logger$5 = createLogger("verify-id-number");
 const verifyIdNumber = async (context, request) => {
   const { loadingContext, clientKey } = context;
   try {
@@ -39478,7 +39393,7 @@ const verifyIdNumber = async (context, request) => {
           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}`);
+          return logger$5.warn(`Unexpected response status ${responseData.status}`);
         },
         path: "v1/verification/idNumber",
         clientKey
@@ -39486,7 +39401,7 @@ const verifyIdNumber = async (context, request) => {
       request
     );
   } catch (e) {
-    logger$4.warn("WARNING: idNumber verification failed - error:", e);
+    logger$5.warn("WARNING: idNumber verification failed - error:", e);
   }
 };
 const getKycExternalApi = ({
@@ -39515,7 +39430,7 @@ const ConfigurationApiProvider = ({
 }) => {
   const authContext = useAuthContext();
   const { isEmbeddedDropin, loadingContext } = authContext;
-  const sdkVersion = "2.59.0";
+  const sdkVersion = "2.59.2";
   useAnalytics({
     onUserEvent,
     legalEntityId: rootLegalEntityId,
@@ -39545,6 +39460,19 @@ const useAccountHolder = (legalEntityId) => {
     setAccountHolder: setAccountHolderIntoLocalStorage
   };
 };
+const logger$4 = createLogger("useAllowedCountries");
+const useAllowedCountries = () => {
+  const acceptedCountries = useSetting("acceptedCountries");
+  const { getAllowedCountries: getAllowedCountries2 } = useConfigurationApi();
+  const [allowedCountries, setAllowedCountries] = useState(
+    acceptedCountries
+  );
+  useEffect(() => {
+    if (acceptedCountries !== void 0) return;
+    getAllowedCountries2().then((response) => setAllowedCountries(response.countries)).catch(logger$4.error);
+  }, [acceptedCountries]);
+  return allowedCountries;
+};
 const logger$3 = createLogger("CoreProvider");
 const CoreProvider = ({
   contextCountry: initialContextCountry,
@@ -39577,9 +39505,10 @@ const CoreProvider = ({
       setAccountFormat,
       accountFormat,
       setIsModalView,
-      isModalView
+      isModalView,
+      allowedCountries
     }),
-    [contextCountry, accountHolder, accountFormat, isModalView]
+    [contextCountry, accountHolder, accountFormat, isModalView, allowedCountries]
   );
   return /* @__PURE__ */ jsx(CoreContext.Provider, { value: contextValue, children });
 };
@@ -40174,7 +40103,7 @@ const DebugModal = ({ rootLegalEntityId, onExit, getRootLegalEntity }) => {
   };
   const copyToClipboard = async () => {
     const toCopy = {
-      sdkVersion: "2.59.0",
+      sdkVersion: "2.59.2",
       experiments: Object.fromEntries(allExperimentsWithValues),
       settings: Object.fromEntries(allSettingsWithValues)
     };
@@ -40239,7 +40168,7 @@ const DebugModal = ({ rootLegalEntityId, onExit, getRootLegalEntity }) => {
     /* @__PURE__ */ jsx("div", { className: "adyen-kyc-debug-modal__meta", children: /* @__PURE__ */ jsx("table", { children: /* @__PURE__ */ jsxs("tbody", { children: [
       /* @__PURE__ */ jsx("tr", { children: /* @__PURE__ */ jsxs("td", { children: [
         /* @__PURE__ */ jsx("span", { className: "adyen-kyc-debug-modal__table-key", children: "SDK version" }),
-        /* @__PURE__ */ jsx(Tag, { variant: "green", className: "adyen-kyc-tag--large", children: "2.59.0" })
+        /* @__PURE__ */ jsx(Tag, { variant: "green", className: "adyen-kyc-tag--large", children: "2.59.2" })
       ] }) }),
       /* @__PURE__ */ jsx("tr", { children: /* @__PURE__ */ jsxs("td", { children: [
         /* @__PURE__ */ jsx("span", { className: "adyen-kyc-debug-modal__table-key", children: "rootLegalEntityId" }),