@adyen/kyc-components 2.14.0 → 2.15.0

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

@@ -62,6 +62,7 @@ const uploadDocument = "Upload Document";
 const individualDetails = "Individual details";
 const socialSecurityNumber = "Last 4 digits of Social Security Number (SSN)";
 const socialSecurityNumber9Digits = "Social Security Number (SSN)";
+const socialInsuranceNumber = "Social Insurance Number (SIN)";
 const codiceFiscale = "Codice fiscale";
 const personnummer = "Personnummer";
 const dni = "DNI";
@@ -121,6 +122,8 @@ const nationality$1 = "Nationality";
 const dateOfIncorporation = "Date of incorporation";
 const passportExpiryDate = "Passport expiry date";
 const proofOfNationality = "Proof of nationality";
+const identityNumberExempt__US = "I don't have an SSN";
+const identityNumberExempt__CA = "I don't have an SIN";
 const uploadDocumentForSsn = "Upload an ID document instead of SSN";
 const uploadDocumentForNric = "Upload an ID document instead of NRIC";
 const operationalAddressHeader = "Additional address";
@@ -224,13 +227,6 @@ const pleaseNote = "Please note:";
 const byClickingSubmitReview = "By clicking 'Submit review', you confirm that all of your information has been reviewed, and that all newly provided or already existing data is accurate and up-to-date.";
 const nameAndCountry = "Name and country";
 const companyCountry = "Where is your business located?";
-const legalCompanyName = "Legal name of the company";
-const legalCompanyNameHelper = "Enter the name exactly as it is on your company's official registration documents.";
-const legalCompanyNameHelper__AU = "Enter the name exactly as it is on your Australian Securities and Investment Commission's (ASIC)";
-const legalCompanyNameHelper__NL = "Enter the name exactly as it is on your Chamber of Commerce registration.";
-const legalCompanyNameHelper__US = "Enter the name exactly as it is on on your Secretary of State registration.";
-const legalCompanyNameHelper__SG = "Enter the name exactly as it is on your Accounting and Corporate Regulatory Authority (ACRA) BizFile";
-const legalCompanyNameHelper__HK = "Enter the name exactly as it is on your Hong Kong Companies Registry's Certificate of Incorporation";
 const accountDetailsDescription = "Provide a few details about you to start accepting live payments.";
 const provideDetails = "Provide details";
 const payoutAccountsDescription = "To set up your account, let us know where to send your payouts.";
@@ -676,12 +672,12 @@ const documentIssuedWithinLastYear = "Note! The document needs to be issued with
 const learnMore = "Learn more";
 const doingBusinessAsNameFiling = "Doing business as-name filling";
 const taxFiling = "Tax-filling";
-const continueAsCompany = "Continue as a company?";
-const continueAsIndividual = "Continue as an individual?";
-const indicatedPayoutToCompany = "You indicated that you want to be paid out to a bank account that is owned by a company, such as a private company, public company, partnership, or non-profit organization. This means that we need to collect some information about your company too.";
-const continueSigningUpAsCompany = "Do you want to continue signing up with your company information?";
-const indicatedPayoutToPersonalAccount = "You indicated that you want to be paid out to a bank account that is owned by you personally. This means you will continue as an individual, not a company. However, if you operate as a private company, public company, partnership, or non-profit organization, then you cannot continue as an individual.";
-const continueSigningUpAsIndividual = "Do you want to continue signing up as an individual?";
+const areYouACompany = "Are you a company?";
+const singingUpAsIndividualButLooksLikeYouAreACompany = "You’re now signing up as an individual. But it looks like you’re a company that uses a company bank account to receive payouts.";
+const wouldYouLikeToSignUpAsCompanyInstead = "Would you like to sign up as a company instead? (You’ll have to re-enter some information from before.)";
+const areYouAnIndividual = "Are you an individual?";
+const singingUpAsCompanyButLooksLikeYouAreAnIndividual = "You’re now signing up as an company. But it looks like you’re an individual who uses your personal bank account to receive payouts.";
+const wouldYouLikeToSignUpAsIndividualInstead = "Would you like to sign up as an individual instead? (You’ll have to re-enter some information from before.)";
 const noGoBack = "No, go back";
 const continueCompany = "Continue as company";
 const continueIndividual = "Continue as individual";
@@ -692,7 +688,6 @@ const addresses = "Addresses";
 const loading = "Loading";
 const businessIncorporationNumber = "Business incorporation number";
 const doNotHaveBusinessIncorporationNumber = "I do not have a Business incorporation number";
-const socialInsuranceNumber = "Social insurance number";
 const verificationMethod = "Verification method";
 const verifyViaMobileBankAppOrBankWebsite = "Verify the account via mobile bank app or bank website";
 const provideAccountDetailsAndUploadBankStatement = "Provide account details and upload a scan of a bank statement";
@@ -761,6 +756,13 @@ const passportPhotoPage = "Passport photo page";
 const residencePermitBack = "Residence permit (back)";
 const residencePermitFront = "Residence permit (front)";
 const manualUpload = "Manual upload";
+const legalCompanyName = "Legal name of the company";
+const legalCompanyName__helperText = "Enter the name exactly as it is on your company's official registration documents.";
+const legalCompanyName__helperText__AU = "Enter the name exactly as it is on your Australian Securities and Investment Commission's (ASIC).";
+const legalCompanyName__helperText__NL = "Enter the name exactly as it is on your Chamber of Commerce registration.";
+const legalCompanyName__helperText__US = "Enter the name exactly as it appears on your Secretary of State Registration.";
+const legalCompanyName__helperText__SG = "Enter the name exactly as it is on your Accounting and Corporate Regulatory Authority (ACRA) BizFile.";
+const legalCompanyName__helperText__HK = "Enter the name exactly as it is on your Hong Kong Companies Registry's Certificate of Incorporation.";
 const errorMessage_1_10 = "Information couldn’t be verified";
 const errorMessage_1_11 = "Document didn’t meet requirements";
 const errorMessage_1_12 = "Legal entity declined";
@@ -1119,6 +1121,7 @@ const defaultTrans = {
   individualDetails,
   socialSecurityNumber,
   socialSecurityNumber9Digits,
+  socialInsuranceNumber,
   codiceFiscale,
   personnummer,
   dni,
@@ -1178,6 +1181,8 @@ const defaultTrans = {
   dateOfIncorporation,
   passportExpiryDate,
   proofOfNationality,
+  identityNumberExempt__US,
+  identityNumberExempt__CA,
   uploadDocumentForSsn,
   uploadDocumentForNric,
   operationalAddressHeader,
@@ -1281,13 +1286,6 @@ const defaultTrans = {
   byClickingSubmitReview,
   nameAndCountry,
   companyCountry,
-  legalCompanyName,
-  legalCompanyNameHelper,
-  legalCompanyNameHelper__AU,
-  legalCompanyNameHelper__NL,
-  legalCompanyNameHelper__US,
-  legalCompanyNameHelper__SG,
-  legalCompanyNameHelper__HK,
   accountDetailsDescription,
   provideDetails,
   payoutAccountsDescription,
@@ -1747,12 +1745,12 @@ const defaultTrans = {
   learnMore,
   doingBusinessAsNameFiling,
   taxFiling,
-  continueAsCompany,
-  continueAsIndividual,
-  indicatedPayoutToCompany,
-  continueSigningUpAsCompany,
-  indicatedPayoutToPersonalAccount,
-  continueSigningUpAsIndividual,
+  areYouACompany,
+  singingUpAsIndividualButLooksLikeYouAreACompany,
+  wouldYouLikeToSignUpAsCompanyInstead,
+  areYouAnIndividual,
+  singingUpAsCompanyButLooksLikeYouAreAnIndividual,
+  wouldYouLikeToSignUpAsIndividualInstead,
   "continue": "Continue",
   noGoBack,
   continueCompany,
@@ -1764,7 +1762,6 @@ const defaultTrans = {
   loading,
   businessIncorporationNumber,
   doNotHaveBusinessIncorporationNumber,
-  socialInsuranceNumber,
   verificationMethod,
   verifyViaMobileBankAppOrBankWebsite,
   provideAccountDetailsAndUploadBankStatement,
@@ -1835,6 +1832,13 @@ const defaultTrans = {
   residencePermitBack,
   residencePermitFront,
   manualUpload,
+  legalCompanyName,
+  legalCompanyName__helperText,
+  legalCompanyName__helperText__AU,
+  legalCompanyName__helperText__NL,
+  legalCompanyName__helperText__US,
+  legalCompanyName__helperText__SG,
+  legalCompanyName__helperText__HK,
   errorMessage_1_10,
   errorMessage_1_11,
   errorMessage_1_12,
@@ -2363,12 +2367,26 @@ const useCoreContext = () => {
   return context;
 };
 const Summary$1 = "";
+const omitKeys = (obj, omit) => Object.keys(obj).filter((k) => !omit.includes(k)).reduce((a, c) => {
+  a[c] = obj[c];
+  return a;
+}, {});
+const addKeys = (obj, add2, initialValue, defaultData, pendingData) => add2.reduce((a, c) => ({
+  ...a,
+  [c]: a[c] ?? (pendingData == null ? void 0 : pendingData[c]) ?? (defaultData == null ? void 0 : defaultData[c]) ?? initialValue
+}), obj);
+function getDataByFields(formData, fieldKeys) {
+  return entriesOf(formData).reduce((acc, [key, val]) => {
+    if (fieldKeys.includes(key)) {
+      return {
+        ...acc,
+        [key]: val
+      };
+    }
+    return acc;
+  }, {});
+}
 const formUtilities = (props, i18n) => ({
-  getPlaceholder: (field, fallbackPlaceholderKey) => {
-    var _a, _b;
-    const translationKey = fallbackPlaceholderKey ? ((_a = props.placeholders) == null ? void 0 : _a[field]) ?? fallbackPlaceholderKey : (_b = props.placeholders) == null ? void 0 : _b[field];
-    return translationKey ? i18n.get(translationKey) : "";
-  },
   getLabel: (field, fallbackLabelKey) => {
     var _a, _b;
     let translationKey = ((_a = props.labels) == null ? void 0 : _a[field]) ?? fallbackLabelKey ?? field;
@@ -2384,6 +2402,11 @@ const formUtilities = (props, i18n) => ({
     }
     return i18n.get(translationKey);
   },
+  getPlaceholder: (field, fallbackPlaceholderKey) => {
+    var _a, _b;
+    const translationKey = fallbackPlaceholderKey ? ((_a = props.placeholders) == null ? void 0 : _a[field]) ?? fallbackPlaceholderKey : (_b = props.placeholders) == null ? void 0 : _b[field];
+    return translationKey ? i18n.get(translationKey) : "";
+  },
   getHelperText: (field, fallbackHelperTextKey) => {
     var _a, _b;
     const translationKey = fallbackHelperTextKey ? ((_a = props.helperText) == null ? void 0 : _a[field]) ?? fallbackHelperTextKey : (_b = props.helperText) == null ? void 0 : _b[field];
@@ -2423,7 +2446,70 @@ const formUtilities = (props, i18n) => ({
       return i18n.get(translationKey, translationObject);
     }
     return errorMessage ? i18n.get(errorMessage) : Boolean(fieldProblems == null ? void 0 : fieldProblems[field]);
-  }
+  },
+  getFieldData: (formData, fieldKeys) => getDataByFields(formData, fieldKeys),
+  getFieldValid: (formValid, fieldKeys) => entriesOf(formValid).reduce((acc, [key, val]) => fieldKeys.includes(key) ? {
+    ...acc,
+    [key]: val
+  } : acc, {}),
+  getFieldErrors: (formErrors, fieldProblems, fieldKeys) => Object.keys(formErrors).reduce((acc, key) => {
+    var _a;
+    if (fieldKeys.includes(key)) {
+      const error = (_a = formErrors == null ? void 0 : formErrors[key]) == null ? void 0 : _a.errorMessage;
+      if (typeof error === "object") {
+        const {
+          translationKey,
+          translationObject
+        } = error;
+        return {
+          ...acc,
+          [key]: i18n.get(translationKey, translationObject)
+        };
+      }
+      return error ? {
+        ...acc,
+        [key]: i18n.get(error)
+      } : {
+        ...acc,
+        [key]: Boolean(fieldProblems == null ? void 0 : fieldProblems[key])
+      };
+    }
+    return acc;
+  }, {}),
+  getFieldLabels: (fieldKeys, fallbackLabelKeys) => fieldKeys.reduce((acc, field) => {
+    var _a, _b;
+    let translationKey = ((_a = props.labels) == null ? void 0 : _a[field]) ?? (fallbackLabelKeys == null ? void 0 : fallbackLabelKeys[field]) ?? field;
+    if (props.labels && !((_b = props.labels) == null ? void 0 : _b[field]) && Object.keys(props.labels).length) {
+      const parentKey = Object.keys(props.labels).find((fieldKey) => {
+        var _a2;
+        return typeof ((_a2 = props.labels) == null ? void 0 : _a2[fieldKey]) === "object";
+      });
+      if (parentKey) {
+        const nestedLabel = props.labels[parentKey][field];
+        translationKey = nestedLabel ?? translationKey;
+      }
+    }
+    return {
+      ...acc,
+      [field]: i18n.get(translationKey)
+    };
+  }, {}),
+  getFieldPlaceholders: (fieldKeys, fallbackPlaceholderKeys) => fieldKeys.reduce((acc, field) => {
+    var _a, _b;
+    const translationKey = (fallbackPlaceholderKeys == null ? void 0 : fallbackPlaceholderKeys[field]) ? ((_a = props.placeholders) == null ? void 0 : _a[field]) ?? (fallbackPlaceholderKeys == null ? void 0 : fallbackPlaceholderKeys[field]) : (_b = props.placeholders) == null ? void 0 : _b[field];
+    return translationKey ? {
+      ...acc,
+      [field]: i18n.get(translationKey)
+    } : acc;
+  }, {}),
+  getFieldHelperText: (fieldKeys, fallbackHelperTextKeys) => fieldKeys.reduce((acc, field) => {
+    var _a, _b;
+    const translationKey = (fallbackHelperTextKeys == null ? void 0 : fallbackHelperTextKeys[field]) ? ((_a = props.helperText) == null ? void 0 : _a[field]) ?? (fallbackHelperTextKeys == null ? void 0 : fallbackHelperTextKeys[field]) : (_b = props.helperText) == null ? void 0 : _b[field];
+    return translationKey ? {
+      ...acc,
+      [field]: i18n.get(translationKey)
+    } : acc;
+  }, {})
 });
 const MAX_LENGTH = 30;
 const getMaxLengthByFormatRuleset = (formattingRules, field) => {
@@ -3041,14 +3127,6 @@ function useResetGlobalData(caller) {
     }
   }), [dispatch, caller]);
 }
-const omitKeys = (obj, omit) => Object.keys(obj).filter((k) => !omit.includes(k)).reduce((a, c) => {
-  a[c] = obj[c];
-  return a;
-}, {});
-const addKeys = (obj, add2, initialValue, defaultData, pendingData) => add2.reduce((a, c) => ({
-  ...a,
-  [c]: a[c] ?? (pendingData == null ? void 0 : pendingData[c]) ?? (defaultData == null ? void 0 : defaultData[c]) ?? initialValue
-}), obj);
 const processField = ({
   key,
   value = null,
@@ -3463,6 +3541,7 @@ function useForm({
   asyncRules,
   fieldProblems,
   maskedFields,
+  optionalFields,
   formatters,
   shouldValidate = false
 }) {
@@ -3474,20 +3553,26 @@ function useForm({
     asyncValidationResults
   } = useAsyncValidator(asyncRules);
   const getRequiredFields = useMemo(() => typeof schema === "function" ? schema : () => schema, [schema]);
+  const getSchema = useMemo(() => {
+    if (optionalFields) {
+      return defaultData ? [...getRequiredFields(defaultData), ...optionalFields] : [];
+    }
+    return defaultData ? getRequiredFields(defaultData) : [];
+  }, [optionalFields, defaultData, getRequiredFields]);
   const getReducer = useCallback(() => reducer({
     staticValidate: triggerStaticValidation,
     asyncValidate: triggerAsyncValidation,
     formatters
   }), [triggerStaticValidation, triggerAsyncValidation, formatters]);
   const getInitialData = useCallback(() => ({
-    schema: defaultData ? getRequiredFields(defaultData) : [],
+    schema: getSchema,
     defaultData,
     fieldProblems,
     maskedFields,
     formatters,
     staticValidate: triggerStaticValidation,
     asyncValidate: triggerAsyncValidation
-  }), [defaultData, fieldProblems, maskedFields, formatters, getRequiredFields, triggerStaticValidation, triggerAsyncValidation]);
+  }), [getSchema, defaultData, fieldProblems, maskedFields, formatters, triggerStaticValidation, triggerAsyncValidation]);
   const [state2, dispatch] = useReducer(getReducer(), getInitialData(), init);
   const isValid = useMemo(() => {
     var _a;
@@ -4822,12 +4907,12 @@ const Select = ({
   });
 };
 const logger$k = createLogger("CountryField");
-const COUNTRY_FIELD = "country";
+const COUNTRY_FIELD = ["country"];
 function CountryField({
   data,
   valid,
-  error,
-  label,
+  errors,
+  labels: labels2,
   readonly,
   handleChangeFor,
   helperText,
@@ -4850,27 +4935,21 @@ function CountryField({
     ...item,
     sprite: `#adl-flag-${item.id.toLowerCase()}`
   }));
-  const handleCompanyChangeFor = useCallback((e) => {
-    const {
-      value
-    } = e.target;
-    handleChangeFor(COUNTRY_FIELD)(value);
-  }, [handleChangeFor]);
   return jsx(Field, {
-    name: COUNTRY_FIELD,
-    label: label || i18n.get(COUNTRY_FIELD),
-    errorMessage: error,
+    name: "country",
+    label: (labels2 == null ? void 0 : labels2.country) || i18n.get("country"),
+    errorMessage: errors.country,
     classNameModifiers,
-    isValid: valid,
-    helper: helperText,
+    isValid: valid.country,
+    helper: helperText == null ? void 0 : helperText.country,
     children: (childProps) => jsx(Select, {
       ...childProps,
-      name: COUNTRY_FIELD,
+      name: "country",
       placeholder: i18n.get("selectCountry"),
-      selected: data,
+      selected: data.country,
       items: countries,
       readonly: (countries.length === 1 || readonly) && !!data,
-      onChange: handleCompanyChangeFor
+      onChange: handleChangeFor("country")
     })
   });
 }
@@ -5002,46 +5081,34 @@ const InputText = forwardRef(({
   );
 });
 InputText.displayName = "InputText";
-const LEGAL_COMPANY_NAME_FIELD = "legalCompanyName";
+const LEGAL_COMPANY_NAME_FIELD = ["legalCompanyName"];
 function LegalCompanyNameField({
   data,
   valid,
-  error,
-  label,
+  errors,
+  labels: labels2,
   helperText,
   readonly,
   handleChangeFor
 }) {
-  const handleLegalCompanyNameInput = useCallback((e) => {
-    const {
-      value
-    } = e.target;
-    handleChangeFor(LEGAL_COMPANY_NAME_FIELD, "input")(value);
-  }, [handleChangeFor]);
-  const handleLegalCompanyNameBlur = useCallback((e) => {
-    const {
-      value
-    } = e.target;
-    handleChangeFor(LEGAL_COMPANY_NAME_FIELD, "blur")(value);
-  }, [handleChangeFor]);
   return jsx(Field, {
-    name: LEGAL_COMPANY_NAME_FIELD,
-    label,
-    helper: helperText,
-    classNameModifiers: [LEGAL_COMPANY_NAME_FIELD],
-    errorMessage: error,
-    isValid: valid,
+    name: "legalCompanyName",
+    label: labels2.legalCompanyName,
+    helper: helperText == null ? void 0 : helperText.legalCompanyName,
+    errorMessage: errors.legalCompanyName,
+    isValid: valid.legalCompanyName,
+    classNameModifiers: ["legalCompanyName"],
     children: (childProps) => jsx(InputText, {
       ...childProps,
       "aria-required": true,
-      "aria-label": label,
-      "aria-invalid": !valid,
-      name: LEGAL_COMPANY_NAME_FIELD,
-      value: data,
+      "aria-label": labels2.legalCompanyName,
+      "aria-invalid": !valid.legalCompanyName,
+      name: "legalCompanyName",
+      value: data.legalCompanyName,
       readonly,
-      classNameModifiers: [LEGAL_COMPANY_NAME_FIELD],
-      onInput: handleLegalCompanyNameInput,
-      onBlur: handleLegalCompanyNameBlur
+      classNameModifiers: ["legalCompanyName"],
+      onInput: handleChangeFor("legalCompanyName", "input"),
+      onBlur: handleChangeFor("legalCompanyName", "blur")
     })
   });
 }
@@ -5084,7 +5151,7 @@ const companyCountryValidationRules = {
     errorMessage: "fieldIsRequired"
   }
 };
-const companyNameAndCountryFields = [LEGAL_COMPANY_NAME_FIELD, COUNTRY_FIELD];
+const companyNameAndCountryFields = [...LEGAL_COMPANY_NAME_FIELD, ...COUNTRY_FIELD];
 function CompanyNameAndCountry(props) {
   const {
     i18n
@@ -5133,22 +5200,24 @@ function CompanyNameAndCountry(props) {
       validationErrors: props == null ? void 0 : props.fieldValidationErrors,
       formUtils,
       id: "ariaErrorField"
-    }), formData.country === "US" ? jsx(PatriotActDisclosure, {}) : void 0, formUtils.isRequiredField(COUNTRY_FIELD) && jsx(CountryField, {
-      data: formData.country,
-      valid: formValid.country,
-      error: formUtils.getErrorMessage(COUNTRY_FIELD, formErrors, formFieldProblems),
-      label: formUtils.getLabel(COUNTRY_FIELD),
+    }), formData.country === "US" ? jsx(PatriotActDisclosure, {}) : void 0, formUtils.isRequiredField("country") && jsx(CountryField, {
+      data: formUtils.getFieldData(formData, COUNTRY_FIELD),
+      valid: formUtils.getFieldValid(formValid, COUNTRY_FIELD),
+      errors: formUtils.getFieldErrors(formErrors, formFieldProblems, COUNTRY_FIELD),
+      labels: formUtils.getFieldLabels(COUNTRY_FIELD),
       readonly: !isAllowedEditPrefilledCountry || Boolean(props == null ? void 0 : props.disableCountry),
-      classNameModifiers: [COUNTRY_FIELD],
+      classNameModifiers: ["country"],
       allowedCountries: [],
       handleChangeFor
-    }), formUtils.isRequiredField(LEGAL_COMPANY_NAME_FIELD) && jsx(LegalCompanyNameField, {
-      data: formData.legalCompanyName,
-      valid: formValid.legalCompanyName,
-      error: formUtils.getErrorMessage(LEGAL_COMPANY_NAME_FIELD, formErrors, formFieldProblems),
-      label: formUtils.getLabel(LEGAL_COMPANY_NAME_FIELD),
-      helperText: formUtils.getHelperText(LEGAL_COMPANY_NAME_FIELD, "legalCompanyNameHelper"),
-      readonly: formUtils.isReadOnly(LEGAL_COMPANY_NAME_FIELD),
+    }), formUtils.isRequiredField("legalCompanyName") && jsx(LegalCompanyNameField, {
+      data: formUtils.getFieldData(formData, LEGAL_COMPANY_NAME_FIELD),
+      valid: formUtils.getFieldValid(formValid, LEGAL_COMPANY_NAME_FIELD),
+      errors: formUtils.getFieldErrors(formErrors, formFieldProblems, LEGAL_COMPANY_NAME_FIELD),
+      labels: formUtils.getFieldLabels(LEGAL_COMPANY_NAME_FIELD),
+      helperText: formUtils.getFieldHelperText(LEGAL_COMPANY_NAME_FIELD, {
+        legalCompanyName: "legalCompanyName__helperText"
+      }),
+      readonly: formUtils.isReadOnly("legalCompanyName"),
       handleChangeFor
     })]
   });
@@ -7860,7 +7929,7 @@ const fieldsPerScenario$3 = {
 const countryConfig$4 = {
   [CountryCodes.Australia]: {
     legalCompanyName: {
-      helperText: "legalCompanyNameHelper__AU"
+      helperText: "legalCompanyName__helperText__AU"
     },
     legalEntityType: {
       label: "companyType"
@@ -8056,7 +8125,7 @@ const countryConfig$4 = {
   },
   [CountryCodes.HongKong]: {
     legalCompanyName: {
-      helperText: "legalCompanyNameHelper__HK"
+      helperText: "legalCompanyName__helperText__HK"
     },
     legalEntityType: {
       label: "typeOfCompany"
@@ -8215,7 +8284,7 @@ const countryConfig$4 = {
       label: "chamberOfCommerceRegistrationNumber"
     },
     legalCompanyName: {
-      helperText: "legalCompanyNameHelper__NL"
+      helperText: "legalCompanyName__helperText__NL"
     },
     exemptedFromVat: {
       label: "vatNumberExempted"
@@ -8346,7 +8415,7 @@ const countryConfig$4 = {
       label: "uen"
     },
     legalCompanyName: {
-      helperText: "legalCompanyNameHelper__SG"
+      helperText: "legalCompanyName__helperText__SG"
     },
     legalEntityType: {
       label: "companyType"
@@ -8402,7 +8471,7 @@ const countryConfig$4 = {
   },
   [CountryCodes.UnitedStates]: {
     legalCompanyName: {
-      helperText: "legalCompanyNameHelper__US"
+      helperText: "legalCompanyName__helperText__US"
     },
     tradingName: {
       label: "doingBusinessAs"
@@ -8619,14 +8688,14 @@ const rules$3 = ({
     }
   },
   isProofOfResidenceRequired: () => {
-    var _a;
-    if ((_a = data.proofOfResidence) == null ? void 0 : _a.proofOfResidence) {
+    var _a, _b;
+    if ((_b = (_a = data.proofOfResidence) == null ? void 0 : _a.proofOfResidence) == null ? void 0 : _b.length) {
       return REQUIRED;
     }
   },
   isProofOfNationalIdRequired: () => {
-    var _a;
-    if ((_a = data.proofOfNationalId) == null ? void 0 : _a.proofOfNationalId) {
+    var _a, _b;
+    if ((_b = (_a = data.proofOfNationalId) == null ? void 0 : _a.proofOfNationalId) == null ? void 0 : _b.length) {
       return REQUIRED;
     }
   },
@@ -9127,6 +9196,8 @@ function bytesToSize(bytes) {
   return `${(bytes / 1024 ** i).toFixed()} ${sizes[i]}`;
 }
 const DropzoneFile$1 = "";
+const isExistingFile = (file) => "existing" in file && file.existing;
+const isNewlyUploadedFile = (file) => !isExistingFile(file);
 function DropzoneFile(props) {
   const {
     file,
@@ -9176,7 +9247,7 @@ function DropzoneFile(props) {
         className: "adyen-kyc-dropzone-file__size",
         children: [jsxs("span", {
           children: [i18n.get("complete"), " "]
-        }), formatSize(file.size)]
+        }), isNewlyUploadedFile(file) ? formatSize(file.size) : void 0]
       })]
     }), jsx("button", {
       type: "button",
@@ -9196,6 +9267,7 @@ const defaultFileValidationOptions = {
   // 4MB by default
   isOptional: false
 };
+const filterOnlyNewlyUploadedFiles = (files) => files.filter(isNewlyUploadedFile);
 const fileValidationRules = ({
   allowedFileTypes,
   maxNumberOfFiles,
@@ -9229,7 +9301,7 @@ const fileValidationRules = ({
   validate: (files) => {
     if (!files)
       return true;
-    return files.every((file) => allowedFileTypes.some((filetype) => file.name.toLowerCase().endsWith(filetype.toLowerCase())));
+    return filterOnlyNewlyUploadedFiles(files).every((file) => allowedFileTypes.some((filetype) => file.name.toLowerCase().endsWith(filetype.toLowerCase())));
   },
   errorMessage: "unsupportedFiletype",
   modes: ["blur", "input"]
@@ -9237,7 +9309,7 @@ const fileValidationRules = ({
   validate: (files) => {
     if (!files)
       return true;
-    return files.every((file) => !file.size || file.size < maxSize);
+    return filterOnlyNewlyUploadedFiles(files).every((file) => !file.size || file.size < maxSize);
   },
   errorMessage: "maximumFileSizeExceeded",
   modes: ["blur", "input"]
@@ -9734,12 +9806,11 @@ const mapAddressLabels = (data, datasetUtils) => {
   }
   return data;
 };
-const STATE_FIELD = "stateOrProvince";
 function StateField({
   data,
   valid,
-  error,
-  label,
+  errors,
+  labels: labels2,
   readonly,
   handleChangeFor,
   selectedCountry,
@@ -9752,30 +9823,24 @@ function StateField({
     dataset: states,
     loaded
   } = useDataset(datasetIdentifier.state(selectedCountry), !selectedCountry || !COUNTRIES_WITH_STATES_DATASET.includes(selectedCountry));
-  const handleStateChangeFor = useCallback((e) => {
-    const {
-      value
-    } = e.target;
-    handleChangeFor(STATE_FIELD)(value);
-  }, [handleChangeFor]);
-  const labelKey = getKeyForField(STATE_FIELD, selectedCountry);
+  const labelKey = getKeyForField("stateOrProvince", selectedCountry);
   const placeholderKey = getKeyForField("stateOrProvincePlaceholder", selectedCountry);
   if (!loaded || !states.length)
     return null;
   return jsx(Field, {
-    name: STATE_FIELD,
-    label: label || i18n.get(labelKey),
+    name: "stateOrProvince",
+    label: (labels2 == null ? void 0 : labels2.stateOrProvince) || i18n.get(labelKey),
     classNameModifiers,
-    errorMessage: error,
-    isValid: valid,
+    errorMessage: errors.stateOrProvince,
+    isValid: valid.stateOrProvince,
     children: (childProps) => jsx(Select, {
       ...childProps,
-      name: STATE_FIELD,
-      selected: data,
+      name: "stateOrProvince",
+      selected: data.stateOrProvince,
       placeholder: i18n.get(placeholderKey),
       items: states,
-      readonly: readonly && !!data,
-      onChange: handleStateChangeFor
+      readonly: readonly && !!data.stateOrProvince,
+      onChange: handleChangeFor("stateOrProvince")
     })
   });
 }
@@ -9804,10 +9869,18 @@ function FieldContainer(props) {
     switch (field) {
       case "country":
         return jsx(CountryField, {
-          data: value,
-          valid: valid == null ? void 0 : valid.country,
-          error: errorMessage,
-          label: formUtils.getLabel(field),
+          data: {
+            country: value
+          },
+          valid: {
+            country: valid == null ? void 0 : valid.country
+          },
+          errors: {
+            country: errorMessage
+          },
+          labels: {
+            country: formUtils.getLabel(field)
+          },
           readonly: formUtils.isReadOnly(field),
           classNameModifiers,
           allowedCountries,
@@ -9816,10 +9889,18 @@ function FieldContainer(props) {
         });
       case "stateOrProvince":
         return jsx(StateField, {
-          data: value,
-          valid: valid == null ? void 0 : valid.stateOrProvince,
-          error: errorMessage,
-          label: formUtils.getLabel(field),
+          data: {
+            stateOrProvince: value
+          },
+          valid: {
+            stateOrProvince: valid == null ? void 0 : valid.stateOrProvince
+          },
+          errors: {
+            stateOrProvince: errorMessage
+          },
+          labels: {
+            stateOrProvince: formUtils.getLabel(field)
+          },
           readonly: formUtils.isReadOnly(field),
           classNameModifiers,
           selectedCountry: data.country,
@@ -10689,7 +10770,8 @@ function RegistrationAddressComponent(props) {
     heading,
     description: description2,
     handleAddressSearch,
-    handleFindAddress
+    handleFindAddress,
+    optionalFields
   } = props;
   const {
     data: formData,
@@ -10702,7 +10784,8 @@ function RegistrationAddressComponent(props) {
     schema: ["operationalAddressIsSame"],
     defaultData: data,
     rules: validators || registrationAddressValidationRules,
-    maskedFields: []
+    maskedFields: [],
+    optionalFields
   });
   const formUtils = formUtilities(props, i18n);
   const stateRef = useRef({
@@ -11079,9 +11162,10 @@ const createDocumentRequest = async ({
   description: description2,
   existingDocument
 }) => {
-  const promises = [fileToBase64(page1), fileToBase64(page2)].filter(Boolean);
-  const [encodedFront, encodedBack] = await Promise.all(promises);
-  if (!encodedFront) {
+  const pagesToUpload = [page1, page2].filter((page) => page !== void 0 && isNewlyUploadedFile(page));
+  const [page1ToUpload, page2ToUpload] = pagesToUpload;
+  const [encodedPage1, encodedPage2] = await Promise.all(pagesToUpload.map(fileToBase64));
+  if (!encodedPage1) {
     if (existingDocument && existingDocument.description !== description2) {
       return {
         owner: {
@@ -11101,7 +11185,7 @@ const createDocumentRequest = async ({
     },
     type: documentType2,
     description: description2 || `Document type: ${documentType2}`,
-    attachments: [...page1 && page2 && encodedFront && encodedBack ? [createAttachment(encodedFront, page1.name, "front"), createAttachment(encodedBack, page2.name, "back")] : [createAttachment(encodedFront, page1.name)]]
+    attachments: [...page1ToUpload && page2ToUpload && encodedPage1 && encodedPage2 ? [createAttachment(encodedPage1, page1ToUpload.name, "front"), createAttachment(encodedPage2, page2ToUpload.name, "back")] : [createAttachment(encodedPage1, page1ToUpload.name)]]
   };
 };
 const createAttachment = (content, pageName, pageType) => ({
@@ -11122,15 +11206,10 @@ const hasDocumentChanged = (newDocument, entityId) => {
   return true;
 };
 const fileToBase64 = (file) => new Promise((resolve, reject) => {
-  if (!file || !(file instanceof Blob)) {
-    resolve();
-    return;
-  }
   const reader = new FileReader();
   reader.readAsDataURL(file);
   reader.onload = () => {
-    var _a;
-    const base64String = (_a = reader.result) == null ? void 0 : _a.toString().split(";base64,")[1];
+    const base64String = reader.result.toString().split(";base64,")[1];
     resolve(base64String);
   };
   reader.onerror = (error) => reject(error);
@@ -11529,10 +11608,17 @@ const isPartOfTrustFromLegalEntity = (legalEntity) => {
   var _a;
   return (_a = legalEntity == null ? void 0 : legalEntity.entityAssociations) == null ? void 0 : _a.some((ea) => ea.entityType === LegalEntityType.TRUST && ea.associatorId === legalEntity.id);
 };
+const getRootTrusteeLegalEntityId = (trustEntity) => {
+  var _a;
+  if (!trustEntity.entityAssociations)
+    return "";
+  return (_a = trustEntity.entityAssociations.filter((entityAssociation) => entityAssociation.type === LegalEntityType.TRUST)[0]) == null ? void 0 : _a.legalEntityId;
+};
 const getOwnTrustMembers = (trustEntity) => {
   if (!trustEntity.entityAssociations)
     return [];
-  return trustEntity.entityAssociations.filter((entityAssociation) => Object.values(TrustMemberTypes).includes(entityAssociation.type) && entityAssociation.associatorId === trustEntity.id);
+  const rootTrusteeLegalEntityId = getRootTrusteeLegalEntityId(trustEntity);
+  return trustEntity.entityAssociations.filter((entityAssociation) => Object.values(TrustMemberTypes).includes(entityAssociation.type) && rootTrusteeLegalEntityId === (entityAssociation == null ? void 0 : entityAssociation.associatorId));
 };
 const getOwnTrustMembersLegalEntityIds = (legalEntity) => getOwnTrustMembers(legalEntity).map((ea) => ea.legalEntityId).filter((id2) => id2 !== void 0);
 const getOwnTrustLegalEntityId = (legalEntity) => {
@@ -12390,6 +12476,10 @@ const mapIndividualDocumentToApiDocument = async (data, entityId) => {
     return documents2.filter(Boolean);
   }
 };
+const mapExistingFile = (name) => ({
+  name,
+  existing: true
+});
 const mapApiIdDocumentToSchema = (idDocument2) => {
   const {
     hasBackPage
@@ -12400,14 +12490,10 @@ const mapApiIdDocumentToSchema = (idDocument2) => {
   const backPage2 = hasBackPage ? getPage(idDocument2, "back") : void 0;
   return {
     ...frontPage2 ? {
-      idFrontPage: [{
-        name: frontPage2.pageName
-      }]
+      idFrontPage: [mapExistingFile(frontPage2.pageName)]
     } : {},
     ...backPage2 ? {
-      idBackPage: [{
-        name: backPage2.pageName
-      }]
+      idBackPage: [mapExistingFile(backPage2.pageName)]
     } : {},
     idDocumentType: idDocument2.type
   };
@@ -12418,12 +12504,12 @@ const mapApiDocumentToIndividualDocuments = (entityId) => {
   const proofOfNationalId2 = getDocument$1(entityId, DocumentType.PROOF_OF_NATIONAL_ID_NUMBER) || null;
   return {
     idDocument: idDocument2 ? mapApiIdDocumentToSchema(idDocument2) : null,
-    proofOfResidence: proofOfResidence2 ? [{
-      name: getPageName(proofOfResidence2)
-    }] : null,
-    proofOfNationalId: proofOfNationalId2 ? [{
-      name: getPageName(proofOfNationalId2)
-    }] : null
+    proofOfResidence: proofOfResidence2 ? {
+      proofOfResidence: [mapExistingFile(getPageName(proofOfResidence2))]
+    } : null,
+    proofOfNationalId: proofOfNationalId2 ? {
+      proofOfNationalId: [mapExistingFile(getPageName(proofOfNationalId2))]
+    } : null
   };
 };
 const mapCompanyDocumentToApiDocument = async (data, entityId) => {
@@ -12460,14 +12546,10 @@ const mapApiDocumentToCompanyDocuments = (entityId) => {
   const taxDocument2 = getDocument$1(entityId, DocumentType.VAT_DOCUMENT) ?? getDocument$1(entityId, DocumentType.PROOF_OF_ORGANIZATION_TAX_INFO) ?? null;
   return {
     companyRegistrationDocument: registrationDocument2 ? {
-      registrationDocument: [{
-        name: getPageName(registrationDocument2)
-      }]
+      registrationDocument: [mapExistingFile(getPageName(registrationDocument2))]
     } : null,
     companyTaxDocument: taxDocument2 ? {
-      taxDocument: [{
-        name: getPageName(taxDocument2)
-      }]
+      taxDocument: [mapExistingFile(getPageName(taxDocument2))]
     } : null
   };
 };
@@ -12487,9 +12569,7 @@ const mapApiDocumentToTrustDocument = (entityId) => {
   const constitutionalDocument2 = getDocument$1(entityId, DocumentType.CONSTITUTIONAL_DOCUMENT) || null;
   return {
     trustConstitutionalDocument: constitutionalDocument2 ? {
-      constitutionalDocument: [{
-        name: getPageName(constitutionalDocument2)
-      }]
+      constitutionalDocument: [mapExistingFile(getPageName(constitutionalDocument2))]
     } : null
   };
 };
@@ -12509,9 +12589,7 @@ const mapApiDocumentToSolePropDocuments = (entityId) => {
   const constitutionalDocument2 = getDocument$1(entityId, DocumentType.CONSTITUTIONAL_DOCUMENT) || null;
   return {
     solePropConstitutionalDocument: constitutionalDocument2 ? {
-      constitutionalDocument: [{
-        name: getPageName(constitutionalDocument2)
-      }]
+      constitutionalDocument: [mapExistingFile(getPageName(constitutionalDocument2))]
     } : null
   };
 };
@@ -12538,9 +12616,7 @@ const mapPayoutDocumentsToApiDocuments = async (data, entityId) => {
 const mapApiDocumentToPayoutDocuments = (entityId) => {
   const bankStatement2 = getDocument$1(entityId, DocumentType.BANK_STATEMENT) || null;
   return {
-    bankStatementDocument: bankStatement2 ? [{
-      name: getPageName(bankStatement2)
-    }] : null,
+    bankStatementDocument: bankStatement2 ? [mapExistingFile(getPageName(bankStatement2))] : null,
     description: bankStatement2.description
   };
 };
@@ -12633,27 +12709,21 @@ function IdDocumentManualUploadComponent(props) {
       const document2 = idDocumentType ? getDocument$1(props.legalEntityId, idDocumentType) : void 0;
       if (!document2) {
         setIdFrontPage({
-          idFrontPage: null
+          idFrontPage: void 0
         });
         setIdBackPage({
-          idBackPage: null
+          idBackPage: void 0
         });
       } else if (hasBackPage(idDocumentType)) {
         setIdFrontPage({
-          idFrontPage: [{
-            name: getPageName(document2, "front")
-          }]
+          idFrontPage: [mapExistingFile(getPageName(document2, "front"))]
         });
         setIdBackPage({
-          idBackPage: [{
-            name: getPageName(document2, "back")
-          }]
+          idBackPage: [mapExistingFile(getPageName(document2, "back"))]
         });
       } else {
         setIdFrontPage({
-          idFrontPage: [{
-            name: getPageName(document2)
-          }]
+          idFrontPage: [mapExistingFile(getPageName(document2))]
         });
       }
     }
@@ -12755,7 +12825,7 @@ const useIdVerificationToken = ({
     lastName: lastName2,
     residencyCountry: residencyCountry2
   } = userDetails;
-  const [sdkToken, setSdkToken] = useState();
+  const [sdkToken2, setSdkToken2] = useState();
   const [loadingStatus, setLoadingStatus] = useState();
   const hasAllUserDetails = userDetails && Object.values(userDetails).every(Boolean);
   useEffect(() => {
@@ -12781,9 +12851,9 @@ const useIdVerificationToken = ({
           // Do not include legalEntityId if we don't know yet. Eg.: decision-makers flow the associated legalEntityId.
         };
         const {
-          sdkToken: sdkToken2
+          sdkToken: sdkToken22
         } = await handleGetIdVerificationToken("", data);
-        setSdkToken(sdkToken2);
+        setSdkToken2(sdkToken22);
       } catch (e) {
         onIdVerificationError == null ? void 0 : onIdVerificationError(e);
       } finally {
@@ -12792,7 +12862,7 @@ const useIdVerificationToken = ({
     })().catch(console.error);
   }, [firstName2, lastName2, residencyCountry2, hasAllUserDetails]);
   return {
-    sdkToken,
+    sdkToken: sdkToken2,
     loadingStatus
   };
 };
@@ -13336,7 +13406,7 @@ function IdVerificationComponent({
     i18n
   } = useI18nContext();
   const {
-    sdkToken,
+    sdkToken: sdkToken2,
     loadingStatus
   } = useIdVerificationToken({
     userDetails,
@@ -13347,10 +13417,10 @@ function IdVerificationComponent({
   const onfidoSdk = useRef();
   useEffect(() => {
     (async () => {
-      if (!sdkToken)
+      if (!sdkToken2)
         return;
       onfidoSdk.current = await initOnfido({
-        token: sdkToken,
+        token: sdkToken2,
         i18n,
         onIdVerificationClose,
         onIdVerificationError,
@@ -13361,7 +13431,7 @@ function IdVerificationComponent({
       if (onfidoSdk.current)
         onfidoSdk.current.tearDown();
     };
-  }, [sdkToken]);
+  }, [sdkToken2]);
   useEffect(() => {
     if (!onfidoSdk.current)
       return;
@@ -15652,10 +15722,18 @@ function PersonalDetailsComponent(props) {
           max: formatDateObj(/* @__PURE__ */ new Date())
         })
       }), formUtils.isRequiredField("residencyCountry") && jsx(CountryField, {
-        data: data.residencyCountry,
-        valid: valid == null ? void 0 : valid.residencyCountry,
-        error: formUtils.getErrorMessage("residencyCountry", errors, fieldProblems),
-        label: formUtils.getLabel("residencyCountry"),
+        data: {
+          country: data.residencyCountry
+        },
+        valid: {
+          country: valid.residencyCountry
+        },
+        errors: {
+          country: formUtils.getErrorMessage("residencyCountry", errors, fieldProblems)
+        },
+        labels: {
+          country: formUtils.getLabel("residencyCountry")
+        },
         readonly: !isAllowedEditPrefilledCountry && !isDecisionMakerTask,
         allowedCountries: [],
         classNameModifiers: ["country"],
@@ -15665,10 +15743,18 @@ function PersonalDetailsComponent(props) {
         country: data.residencyCountry,
         errors: externalErrors
       }), (data.residencyCountry === "SG" || data.residencyCountry === "HK") && formUtils.isRequiredField("nationality") && jsx(CountryField, {
-        data: data.nationality,
-        valid: valid == null ? void 0 : valid.nationality,
-        error: formUtils.getErrorMessage("nationality", errors, fieldProblems),
-        label: formUtils.getLabel("nationality"),
+        data: {
+          country: data.nationality
+        },
+        valid: {
+          country: valid.nationality
+        },
+        errors: {
+          country: formUtils.getErrorMessage("nationality", errors, fieldProblems)
+        },
+        labels: {
+          country: formUtils.getLabel("nationality")
+        },
         readonly: formUtils.isReadOnly("nationality"),
         classNameModifiers: ["nationality"],
         handleChangeFor: () => handleChangeFor("nationality", "input")
@@ -16162,6 +16248,29 @@ class AdyenKycSdkError extends Error {
     this.stack = stack.join("\n");
   }
 }
+let sdkToken;
+let fetchSdkToken;
+const logger$e = createLogger("Session");
+const setSdkToken = (token) => {
+  sdkToken = token;
+};
+const setSdkTokenHandler = (handler) => {
+  fetchSdkToken = handler;
+};
+const getSdkToken = () => sdkToken;
+const refreshSession = async () => {
+  if (!fetchSdkToken) {
+    throw Error("Not able to extend session, fetch handler not provided ");
+  }
+  try {
+    const {
+      token
+    } = await fetchSdkToken();
+    setSdkToken(token);
+  } catch (e) {
+    logger$e.error("Failed to fetch sdk token", e);
+  }
+};
 const OpenBankingSDKStyles = "";
 const WIDGET_IFRAME_CLASS$1 = "adyen-open-banking-sdk-widget";
 const WIDGET_CONTAINER_CLASS$1 = `${WIDGET_IFRAME_CLASS$1}-container`;
@@ -16227,17 +16336,18 @@ const removeAnimationStartListener = (element, listener) => {
   element.removeEventListener("MSAnimationStart", listener, false);
   element.removeEventListener("webkitAnimationStart", listener, false);
 };
-const logger$e = createLogger("Fetch");
+const logger$d = createLogger("Fetch");
 const getRequestObject = (options, data) => {
   const {
     headers = [],
     method = "GET",
-    sdkToken
+    authentication
   } = options;
   let authHeaders;
-  if (options.sdkToken) {
+  if (authentication === "jwt") {
+    const sdkToken2 = getSdkToken();
     authHeaders = {
-      Authorization: `Bearer ${sdkToken}`,
+      Authorization: `Bearer ${sdkToken2}`,
       Origin: window.location.origin
     };
   }
@@ -16273,10 +16383,10 @@ const logFetchError = (message, level) => {
     case "info":
     case "warn":
     case "error":
-      logger$e[level](message);
+      logger$d[level](message);
       break;
     default:
-      logger$e.error(message);
+      logger$d.error(message);
   }
 };
 const handleFetchResponse = async (response, responseType) => {
@@ -16292,6 +16402,7 @@ const handleFetchResponse = async (response, responseType) => {
   }
 };
 const isValidationErrorResponse = (response) => (response == null ? void 0 : response.status) === 422;
+const isSessionExpiredResponse = (response) => (response == null ? void 0 : response.status) === 401;
 const processValidationErrors$1 = async (response) => {
   const responseData = await response.json();
   throw new ValidationError(responseData.errorCode, responseData);
@@ -16313,6 +16424,7 @@ const http = async (options, data, responseType = "json") => {
   } = options;
   const request = getRequestObject(options, data);
   const url = getRequestUrl(loadingContext, path, clientKey);
+  const needsAuthGuard = options.authentication === "jwt";
   let response;
   try {
     response = await fetch(url, request);
@@ -16335,6 +16447,10 @@ const http = async (options, data, responseType = "json") => {
   if (isValidationErrorResponse(response)) {
     return processValidationErrors$1(response);
   }
+  if (needsAuthGuard && isSessionExpiredResponse(response)) {
+    await refreshSession();
+    return http(options, data, responseType);
+  }
   logFetchError(errorMessage, errorLevel);
   throw new Error(errorMessage);
 };
@@ -16359,7 +16475,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$c = 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) => {
@@ -16378,7 +16494,7 @@ const callbackErrorHandler = async (response) => {
   try {
     await response;
   } catch (ex) {
-    logger$d.error(ex);
+    logger$c.error(ex);
   }
   return {
     error: "UNKNOWN_ERROR",
@@ -16387,7 +16503,7 @@ const callbackErrorHandler = async (response) => {
 };
 let activeWidget;
 class IFrameWidget {
-  constructor(iframeElement, url, vendor, sdkToken) {
+  constructor(iframeElement, url, vendor, sdkToken2) {
     this.mountInProgress = false;
     this.waitForResponse = async () => new Promise((resolve, reject) => {
       this.listener = async (message) => {
@@ -16410,7 +16526,7 @@ class IFrameWidget {
     this.iframeElement = iframeElement;
     this.iframeWindow = iframeElement.contentWindow;
     this.vendor = vendor;
-    this.sdkToken = sdkToken;
+    this.sdkToken = sdkToken2;
   }
   removeMessageEventListener() {
     if (!this.listener)
@@ -16484,7 +16600,7 @@ class IFrameWidget {
             message = responseData.errorMessage;
           }
         } catch (ex) {
-          logger$d.error(ex);
+          logger$c.error(ex);
         }
         throw new AdyenKycSdkError(reason, jsonData.error);
       }
@@ -16570,7 +16686,7 @@ function BankVerificationWidget({
   const {
     isEmbeddedDropin
   } = context;
-  const sdkToken = isEmbeddedDropin ? context.sdkToken : void 0;
+  const sdkToken2 = isEmbeddedDropin ? getSdkToken() : void 0;
   useEffect(
     () => {
       const container = widgetContainerRef.current;
@@ -16613,7 +16729,7 @@ function BankVerificationWidget({
               requestAnimationFrame(async () => {
                 var _a, _b;
                 try {
-                  iFrameWidget = new IFrameWidget(iFrame, url, vendor, sdkToken);
+                  iFrameWidget = new IFrameWidget(iFrame, url, vendor, sdkToken2);
                   const result = await iFrameWidget.mountAndWaitForResponse();
                   widgetCallback({
                     action: "verification_success",
@@ -16670,7 +16786,7 @@ function BankVerificationWidget({
     ref: widgetContainerRef
   });
 }
-const logger$c = createLogger("BankVerification");
+const logger$b = createLogger("BankVerification");
 const accountVerificationFields = ["verifiedAccountHolder", "verifiedBankCountry", "verifiedBankName", "verifiedCurrencyCode", "verifiedBankAccountNumber"];
 const InstantVerificationErrorContext = createContext(null);
 const useInstantVerificationErrorNotification = (notificationVisibilityDuration) => {
@@ -16704,7 +16820,7 @@ const usePreferredVendorForCountry = (country2, getBankVerificationVendors) => {
       const preferredVendor2 = vendors[0];
       setPreferredVendor(preferredVendor2.name ? preferredVendor2 : null);
     };
-    getPreferredVendor().catch(logger$c.error);
+    getPreferredVendor().catch(logger$b.error);
   }, [country2, getBankVerificationVendors]);
   return preferredVendor;
 };
@@ -18278,15 +18394,25 @@ function PayoutVerificationMethod(props) {
         }
       })]
     }), jsx(CountryField, {
-      data: data.bankCountry,
-      valid: valid == null ? void 0 : valid.bankCountry,
-      error: formUtils.getErrorMessage("bankCountry", errors, fieldProblems),
-      label: formUtils.getLabel("bankCountry", "bankAccountCountry"),
+      data: {
+        country: data.bankCountry
+      },
+      valid: {
+        country: valid == null ? void 0 : valid.bankCountry
+      },
+      errors: {
+        country: formUtils.getErrorMessage("bankCountry", errors, fieldProblems)
+      },
+      labels: {
+        country: formUtils.getLabel("bankCountry", "bankAccountCountry")
+      },
       readonly: !intraRegionCrossBorderPayoutsAllowed || allowedBankCountries.length === 1,
       allowedCountries: allowedBankCountries,
       classNameModifiers: ["country"],
       handleChangeFor: () => handleChangeFor("bankCountry", "input"),
-      helperText: intraRegionCrossBorderPayoutsAllowed ? void 0 : i18n.get(props.legalEntityType === LegalEntityType.INDIVIDUAL ? "youCanOnlyUseABankAccountInTheCountryWhereYouLive" : "youCanOnlyUseABankAccountInTheCountryWhereYourCompanyIsRegistered")
+      helperText: {
+        country: intraRegionCrossBorderPayoutsAllowed ? void 0 : i18n.get(props.legalEntityType === LegalEntityType.INDIVIDUAL ? "youCanOnlyUseABankAccountInTheCountryWhereYouLive" : "youCanOnlyUseABankAccountInTheCountryWhereYourCompanyIsRegistered")
+      }
     }), jsx(Field, {
       name: "verificationMethods",
       label: formUtils.getLabel("payoutVerificationMethod", "verificationMethod"),
@@ -18783,14 +18909,16 @@ function TrustRegistrationDetailsComponent(props) {
         id: "ariaErrorField"
       }), jsx(ContextHelper, {
         content: i18n.get("makeSureToHaveYourTrustDeed")
-      }), formUtils.isRequiredField(COUNTRY_FIELD) && jsx(CountryField, {
-        data: country2,
-        valid: valid == null ? void 0 : valid.country,
-        error: formUtils.getErrorMessage(COUNTRY_FIELD, errors, fieldProblems),
-        label: formUtils.getLabel(COUNTRY_FIELD, "countryOfEstablishment"),
-        readonly: formUtils.isReadOnly(COUNTRY_FIELD),
+      }), formUtils.isRequiredField("country") && jsx(CountryField, {
+        data: formUtils.getFieldData(data, COUNTRY_FIELD),
+        valid: formUtils.getFieldValid(valid, COUNTRY_FIELD),
+        errors: formUtils.getFieldErrors(errors, fieldProblems, COUNTRY_FIELD),
+        labels: formUtils.getFieldLabels(COUNTRY_FIELD, {
+          country: "countryOfEstablishment"
+        }),
+        readonly: formUtils.isReadOnly("country"),
         allowedCountries: ALLOWED_TRUST_COUNTRIES,
-        classNameModifiers: [COUNTRY_FIELD],
+        classNameModifiers: ["country"],
         handleChangeFor: () => (e) => {
           handleChangeFor("country", "input")(e);
           if (onCountryChange)
@@ -19891,7 +20019,7 @@ const defaultPayoutAccountFormat = {
   [CountryCodes.Sweden]: "local",
   [CountryCodes.UnitedKingdom]: "local"
 };
-const logger$b = createLogger("useScenarioConfiguration");
+const logger$a = createLogger("useScenarioConfiguration");
 const useScenarioConfiguration = ({
   getConfigurationData,
   getPayoutAccountFormatData,
@@ -19913,12 +20041,12 @@ const useScenarioConfiguration = ({
         const response = await getConfigurationData();
         setConfigurationResponse(response);
       } catch (err) {
-        logger$b.warn("WARNING: Configuration request failed - error:", err);
+        logger$a.warn("WARNING: Configuration request failed - error:", err);
       } finally {
         setLoadingStatus("success");
       }
     };
-    makeConfigCallAndSave().catch(logger$b.error);
+    makeConfigCallAndSave().catch(logger$a.error);
   }, [getConfigurationData, setLoadingStatus]);
   useEffect(() => {
     setLoadingStatus("loading");
@@ -19934,12 +20062,12 @@ const useScenarioConfiguration = ({
         const defaultAccountFormat = defaultPayoutAccountFormat[country2] ?? allowedBankAccountFormats[0];
         setAccountFormat(defaultAccountFormat);
       } catch (err) {
-        logger$b.warn("WARNING: Payout format request failed - error:", err);
+        logger$a.warn("WARNING: Payout format request failed - error:", err);
       } finally {
         setLoadingStatus("success");
       }
     };
-    makePayoutFormatCallAndSave().catch(logger$b.error);
+    makePayoutFormatCallAndSave().catch(logger$a.error);
   }, [country2, setAccountFormat, getPayoutAccountFormatData, setLoadingStatus]);
   const {
     fieldConfigurations,
@@ -20106,7 +20234,7 @@ const countryConfig$1 = {
       placeholder: "SSNFormatUS"
     },
     idNumberExempt: {
-      label: "uploadDocumentForSsn"
+      label: "identityNumberExempt__US"
     }
   },
   CA: {
@@ -20115,7 +20243,7 @@ const countryConfig$1 = {
       placeholder: "SINFormatCA"
     },
     idNumberExempt: {
-      label: "uploadDocumentForSsn"
+      label: "identityNumberExempt__CA"
     }
   },
   IT: {
@@ -20595,7 +20723,7 @@ var ToastType = /* @__PURE__ */ ((ToastType2) => {
   return ToastType2;
 })(ToastType || {});
 const FormComposer = "";
-const logger$a = createLogger("FormRouterContextProvider");
+const logger$9 = createLogger("FormRouterContextProvider");
 function FormRouterContextProvider({
   children,
   forms,
@@ -20615,7 +20743,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$9.error("No form was found to have that field so form navigation failed.");
       }
     }
   }), [forms, handleGetIdVerificationToken, setFormIndex]);
@@ -20859,16 +20987,18 @@ const canSubmit = (data) => mandatoryApiFields.ORGANIZATION.every((detail) => {
 });
 const isDocumentsRequired = (forms) => forms.some((form) => [companyForms.companyRegistrationDocument.formId, companyForms.companyTaxDocument.formId].includes(form.formId));
 const formatFileSummaryData = (companyRegistrationDocument2, companyTaxDocument) => {
-  var _a, _b, _c, _d;
+  var _a, _b;
+  const registrationDocument2 = (_a = companyRegistrationDocument2 == null ? void 0 : companyRegistrationDocument2.registrationDocument) == null ? void 0 : _a[0];
+  const taxDocument2 = (_b = companyTaxDocument == null ? void 0 : companyTaxDocument.taxDocument) == null ? void 0 : _b[0];
   return {
-    ...(companyRegistrationDocument2 == null ? void 0 : companyRegistrationDocument2.registrationDocument) && {
+    ...registrationDocument2 && {
       companyRegistrationDocument: {
-        fileName: (_b = (_a = companyRegistrationDocument2.registrationDocument) == null ? void 0 : _a[0]) == null ? void 0 : _b.name
+        fileName: registrationDocument2.name
       }
     },
-    ...(companyTaxDocument == null ? void 0 : companyTaxDocument.taxDocument) && {
+    ...taxDocument2 && {
       companyTaxDocument: {
-        fileName: (_d = (_c = companyTaxDocument.taxDocument) == null ? void 0 : _c[0]) == null ? void 0 : _d.name
+        fileName: taxDocument2.name
       }
     }
   };
@@ -21212,7 +21342,7 @@ function CompanyDropinComponent({
     })
   });
 }
-const logger$9 = createLogger("useLocalStorage");
+const logger$8 = createLogger("useLocalStorage");
 function useLocalStorage(key, defaultValue, options) {
   const {
     serializer,
@@ -21233,7 +21363,7 @@ function useLocalStorage(key, defaultValue, options) {
       const res = rawValueRef.current ? parser(rawValueRef.current) : defaultValue;
       return res;
     } catch (err) {
-      logger$9.error(err);
+      logger$8.error(err);
       return defaultValue;
     }
   });
@@ -21265,7 +21395,7 @@ function useLocalStorage(key, defaultValue, options) {
     try {
       updateLocalStorage();
     } catch (err) {
-      logger$9.error(err);
+      logger$8.error(err);
     }
   }, [value]);
   useEffect(() => {
@@ -21280,7 +21410,7 @@ function useLocalStorage(key, defaultValue, options) {
           setValue(event.newValue ? parser(event.newValue) : void 0);
         }
       } catch (err) {
-        logger$9.error(err);
+        logger$8.error(err);
       }
     };
     if (typeof window === "undefined")
@@ -21316,7 +21446,7 @@ const useShouldShowIntro = (legalEntity) => {
   } = useHasSeenIntro(legalEntity.id);
   return canSeeIntro && !hasSeenIntro;
 };
-const logger$8 = createLogger("useExemptSettlor");
+const logger$7 = createLogger("useExemptSettlor");
 const useExemptSettlor = ({
   trust,
   handleGetLegalEntity
@@ -21328,7 +21458,7 @@ const useExemptSettlor = ({
     setExemptSettlor(exemptSettlorLE);
   }, [handleGetLegalEntity]);
   useEffect(() => {
-    updateExemptSettlor(trust).catch(logger$8.error);
+    updateExemptSettlor(trust).catch(logger$7.error);
   }, [trust, updateExemptSettlor]);
   return exemptSettlor;
 };
@@ -21962,14 +22092,16 @@ const ActionsMenu = ({
 const Remove = ({
   onRemove,
   onRemoveStatusChange,
-  isRemoveDisabled,
-  handleIsRemoveDisabled
+  isRemoveDisabled = false,
+  handleIsRemoveDisabled,
+  label
 }) => {
   const {
     i18n
   } = useI18nContext();
   const [undoTimer, setUndoTimer] = useState(5);
   const [isRemoving, setIsRemoving] = useState(false);
+  const hasLabel = Boolean(label);
   useEffect(() => {
     let undoInterval;
     if (isRemoving && undoTimer > 0) {
@@ -21986,27 +22118,30 @@ const Remove = ({
     event.preventDefault();
     if (!isRemoving) {
       setIsRemoving(true);
-      onRemoveStatusChange(true);
-      handleIsRemoveDisabled(true);
+      onRemoveStatusChange == null ? void 0 : onRemoveStatusChange(true);
+      handleIsRemoveDisabled == null ? void 0 : handleIsRemoveDisabled(true);
     } else {
       setUndoTimer(5);
       setIsRemoving(false);
-      onRemoveStatusChange(false);
-      handleIsRemoveDisabled(false);
+      onRemoveStatusChange == null ? void 0 : onRemoveStatusChange(false);
+      handleIsRemoveDisabled == null ? void 0 : handleIsRemoveDisabled(false);
     }
   };
   useEffect(() => {
     if (undoTimer === 0 && isRemoving) {
-      setIsRemoving(false);
-      onRemoveStatusChange(false);
-      handleIsRemoveDisabled(false);
-      onRemove();
+      (async () => {
+        setIsRemoving(false);
+        await onRemove();
+        onRemoveStatusChange == null ? void 0 : onRemoveStatusChange(false);
+        handleIsRemoveDisabled == null ? void 0 : handleIsRemoveDisabled(false);
+      })();
     }
   }, [undoTimer, isRemoving, onRemoveStatusChange, handleIsRemoveDisabled, onRemove]);
   return isRemoving ? jsx(Button, {
-    showAsLink: isRemoving,
+    showAsLink: !hasLabel && isRemoving,
     type: "button",
-    ghost: true,
+    ghost: !hasLabel,
+    secondary: hasLabel,
     onClick: onClickHandler,
     onKeyDown: handleKeys(["Enter"], noop),
     label: i18n.get("undoWithTimer", {
@@ -22016,11 +22151,14 @@ const Remove = ({
     })
   }) : jsx(Button, {
     type: "button",
-    icon: "bin",
-    ghost: true,
+    icon: !hasLabel ? "bin" : "",
+    ghost: !hasLabel,
+    secondary: hasLabel,
+    negative: hasLabel,
     onClick: onClickHandler,
     onKeyDown: handleKeys(["Enter"], noop),
-    disabled: isRemoveDisabled
+    disabled: isRemoveDisabled,
+    label: label ? i18n.get(label) : ""
   });
 };
 const EntityAssociation = ({
@@ -22410,11 +22548,11 @@ function LegalEntityTypeSwitcher({
           children: [jsx("h2", {
             className: "adyen-kyc-form-header__heading",
             "data-testid": LegalEntityType.ORGANIZATION,
-            children: i18n.get("continueAsCompany")
+            children: i18n.get("areYouACompany")
           }), jsx("span", {
-            children: i18n.get("indicatedPayoutToCompany")
+            children: i18n.get("singingUpAsIndividualButLooksLikeYouAreACompany")
           }), jsx("p", {
-            children: i18n.get("continueSigningUpAsCompany")
+            children: i18n.get("wouldYouLikeToSignUpAsCompanyInstead")
           })]
         });
       case LegalEntityType.INDIVIDUAL:
@@ -22422,11 +22560,11 @@ function LegalEntityTypeSwitcher({
           children: [jsx("h2", {
             className: "adyen-kyc-form-header__heading",
             "data-testid": LegalEntityType.INDIVIDUAL,
-            children: i18n.get("continueAsIndividual")
+            children: i18n.get("areYouAnIndividual")
           }), jsx("span", {
-            children: i18n.get("indicatedPayoutToPersonalAccount")
+            children: i18n.get("singingUpAsCompanyButLooksLikeYouAreAnIndividual")
           }), jsx("p", {
-            children: i18n.get("continueSigningUpAsIndividual")
+            children: i18n.get("wouldYouLikeToSignUpAsIndividualInstead")
           })]
         });
       default:
@@ -23671,42 +23809,50 @@ function IndividualDropinComponent({
   };
   const datasetUtils = datasetUtilities(i18n.locale);
   const formatIdDocument = (idDocument2) => {
-    var _a2, _b2, _c2, _d2, _e, _f;
-    if (idDocument2) {
-      const documentType2 = hasInstantIdVerification({
-        idDocument: idDocument2
-      }) ? onfidoDocumentTypeMapping.find((document2) => idDocument2.instantIdVerificationData.document_front.type === document2.id) : idDocumentTypeOptions.find(({
-        id: id2
-      }) => (idDocument2 == null ? void 0 : idDocument2.idDocumentType) === id2);
-      return {
-        documentType: i18n.get(documentType2 == null ? void 0 : documentType2.name),
-        ...(documentType2 == null ? void 0 : documentType2.hasBackPage) ? {
-          frontPage: (_b2 = (_a2 = idDocument2 == null ? void 0 : idDocument2.idFrontPage) == null ? void 0 : _a2[0]) == null ? void 0 : _b2.name,
-          backPage: (_d2 = (_c2 = idDocument2 == null ? void 0 : idDocument2.idBackPage) == null ? void 0 : _c2[0]) == null ? void 0 : _d2.name
-        } : {
-          fileName: (_f = (_e = idDocument2 == null ? void 0 : idDocument2.idFrontPage) == null ? void 0 : _e[0]) == null ? void 0 : _f.name
-        }
-      };
-    }
+    var _a2, _b2;
+    if (!idDocument2)
+      return void 0;
+    const documentType2 = hasInstantIdVerification({
+      idDocument: idDocument2
+    }) ? onfidoDocumentTypeMapping.find((document2) => idDocument2.instantIdVerificationData.document_front.type === document2.id) : idDocumentTypeOptions.find(({
+      id: id2
+    }) => idDocument2.idDocumentType === id2);
+    if (!documentType2)
+      return void 0;
+    const frontPage2 = (_a2 = idDocument2.idFrontPage) == null ? void 0 : _a2[0];
+    const backPage2 = (_b2 = idDocument2.idBackPage) == null ? void 0 : _b2[0];
+    if (!frontPage2)
+      return void 0;
+    return {
+      documentType: i18n.get(documentType2.name),
+      ...backPage2 && documentType2.hasBackPage ? {
+        frontPage: frontPage2.name,
+        backPage: backPage2.name
+      } : {
+        fileName: frontPage2.name
+      }
+    };
   };
   const formatFileSummaryData2 = ({
     idDocument: idDocument2,
     proofOfNationalId: proofOfNationalId2,
     proofOfResidence: proofOfResidence2
   }) => {
-    var _a2, _b2, _c2, _d2;
+    var _a2, _b2;
+    const proofOfNationalIdFile = (_a2 = proofOfNationalId2 == null ? void 0 : proofOfNationalId2.proofOfNationalId) == null ? void 0 : _a2[0];
+    const proofOfResidenceFile = (_b2 = proofOfResidence2 == null ? void 0 : proofOfResidence2.proofOfResidence) == null ? void 0 : _b2[0];
     return {
       ...((idDocument2 == null ? void 0 : idDocument2.idDocumentType) || (idDocument2 == null ? void 0 : idDocument2.instantIdVerificationData)) && {
         idDocument: formatIdDocument(idDocument2)
       },
-      ...(proofOfNationalId2 == null ? void 0 : proofOfNationalId2.proofOfNationalId) && {
+      ...proofOfNationalIdFile && {
         proofOfNationalId: {
-          fileName: (_b2 = (_a2 = proofOfNationalId2.proofOfNationalId) == null ? void 0 : _a2[0]) == null ? void 0 : _b2.name
+          fileName: proofOfNationalIdFile.name
         }
       },
-      ...(proofOfResidence2 == null ? void 0 : proofOfResidence2.proofOfResidence) && {
+      ...proofOfResidenceFile && {
         proofOfResidence: {
-          fileName: (_d2 = (_c2 = proofOfResidence2.proofOfResidence) == null ? void 0 : _c2[0]) == null ? void 0 : _d2.name
+          fileName: proofOfResidenceFile.name
         }
       }
     };
@@ -24197,11 +24343,12 @@ function PayoutDetailsDropinComponent({
   };
   const isDocumentsRequired2 = (forms2) => forms2.some((form) => form.formId === payoutDetailsSteps.payoutAccountDocuments.formId);
   const formatFileSummaryData2 = (documents22) => {
-    var _a2, _b2;
+    var _a2;
+    const bankStatementDocument2 = (_a2 = documents22 == null ? void 0 : documents22.bankStatementDocument) == null ? void 0 : _a2[0];
     return {
-      ...(documents22 == null ? void 0 : documents22.bankStatementDocument) && {
+      ...bankStatementDocument2 && {
         bankStatementDocument: {
-          fileName: (_b2 = (_a2 = documents22.bankStatementDocument) == null ? void 0 : _a2[0]) == null ? void 0 : _b2.name
+          fileName: bankStatementDocument2.name
         }
       }
     };
@@ -25274,7 +25421,7 @@ const serviceAgreementValidationRules = {
     errorMessage: "fieldIsRequired"
   }
 };
-const logger$7 = createLogger("useServiceAgreement");
+const logger$6 = createLogger("useServiceAgreement");
 const FALLBACK_LANGUAGE_CODE = "en";
 const useServiceAgreement = ({
   handleGetServiceAgreement,
@@ -25303,7 +25450,7 @@ const useServiceAgreement = ({
           language: agreementLanguage
         });
         if (!document2) {
-          logger$7.log('"document" field was missing in response');
+          logger$6.log('"document" field was missing in response');
           return;
         }
         const contract = JSON.parse(decodeURIComponent(escape(window.atob(document2))));
@@ -25321,7 +25468,7 @@ const useServiceAgreement = ({
         throw err;
       }
     };
-    requestServiceAgreement().catch(logger$7.error);
+    requestServiceAgreement().catch(logger$6.error);
   }, [handleGetServiceAgreement, handleServiceAgreementIsNotAvailableInThatLanguage, agreementLanguage, legalEntityId, serviceAgreementType]);
   return {
     loading: loading2,
@@ -26403,11 +26550,12 @@ function SolePropDropinComponent({
     return summaryData;
   };
   const formatFileSummaryData2 = (solePropConstitutionalDocument) => {
-    var _a2, _b;
+    var _a2;
+    const constitutionalDocument2 = (_a2 = solePropConstitutionalDocument == null ? void 0 : solePropConstitutionalDocument.constitutionalDocument) == null ? void 0 : _a2[0];
     return {
-      ...(solePropConstitutionalDocument == null ? void 0 : solePropConstitutionalDocument.constitutionalDocument) && {
+      ...constitutionalDocument2 && {
         solePropConstitutionalDocument: {
-          fileName: (_b = (_a2 = solePropConstitutionalDocument.constitutionalDocument) == null ? void 0 : _a2[0]) == null ? void 0 : _b.name
+          fileName: constitutionalDocument2.name
         }
       }
     };
@@ -26617,11 +26765,12 @@ function TrustDropinComponent(props) {
     return summaryData;
   };
   const formatFileSummaryData2 = (trustConstitutionalDocument) => {
-    var _a, _b;
+    var _a;
+    const constitutionalDocument2 = (_a = trustConstitutionalDocument == null ? void 0 : trustConstitutionalDocument.constitutionalDocument) == null ? void 0 : _a[0];
     return {
-      ...(trustConstitutionalDocument == null ? void 0 : trustConstitutionalDocument.constitutionalDocument) && {
+      ...constitutionalDocument2 && {
         trustConstitutionalDocument: {
-          fileName: (_b = (_a = trustConstitutionalDocument.constitutionalDocument) == null ? void 0 : _a[0]) == null ? void 0 : _b.name
+          fileName: constitutionalDocument2.name
         }
       }
     };
@@ -26657,7 +26806,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$5 = createLogger("DropinComposerComponent");
 function DropinComposerComponent({
   capabilities,
   legalEntityResponse,
@@ -26734,7 +26883,7 @@ function DropinComposerComponent({
         setPciStatus(response);
         return response;
       } catch (e) {
-        logger$6.warn(i18n.get("failedToGetPciStatus"));
+        logger$5.warn(i18n.get("failedToGetPciStatus"));
       }
     }
     return void 0;
@@ -26763,7 +26912,7 @@ function DropinComposerComponent({
   useEffect(() => {
     if (!tasks.includes(TaskTypes.PCI_DSS))
       return;
-    getPciTemplate().catch(logger$6.error);
+    getPciTemplate().catch(logger$5.error);
   }, [getPciTemplate, tasks]);
   const getServiceAgreementAcceptanceInfos = async () => {
     if (legalEntity.id && (args == null ? void 0 : args.handleGetServiceAgreementAcceptanceInfos)) {
@@ -26771,7 +26920,7 @@ function DropinComposerComponent({
         const response = await args.handleGetServiceAgreementAcceptanceInfos(legalEntity.id);
         setServiceAgreementAcceptanceInfos(response.data);
       } catch (e) {
-        logger$6.warn(i18n.get("failedToGetServiceAgreementStatus"));
+        logger$5.warn(i18n.get("failedToGetServiceAgreementStatus"));
       }
     }
   };
@@ -26781,7 +26930,7 @@ function DropinComposerComponent({
         const response = await args.handleGetServiceAgreementStatus(legalEntity.id);
         setServiceAgreementTypes(response.termsOfServiceTypes);
       } catch (e) {
-        logger$6.warn(i18n.get("failedToGetServiceAgreementStatus"));
+        logger$5.warn(i18n.get("failedToGetServiceAgreementStatus"));
       }
     }
   };
@@ -26820,7 +26969,7 @@ function DropinComposerComponent({
         setCapabilityProblems(getCapabilityProblems(response));
         return response;
       } catch (e) {
-        logger$6.warn(i18n.get("failedToFetchLegalEntityDetails"));
+        logger$5.warn(i18n.get("failedToFetchLegalEntityDetails"));
       }
     }
     return void 0;
@@ -26832,7 +26981,7 @@ function DropinComposerComponent({
         setTrust(response);
         return response;
       } catch (e) {
-        logger$6.warn(i18n.get("failedToFetchTrustDetails"));
+        logger$5.warn(i18n.get("failedToFetchTrustDetails"));
       }
     }
     return void 0;
@@ -26882,7 +27031,7 @@ function DropinComposerComponent({
         label: i18n.get("successFullyRemovedTrustMember")
       });
     } catch (err) {
-      logger$6.error(`Failed to delete trust member`, err);
+      logger$5.error(`Failed to delete trust member`, err);
       showToast({
         type: ToastType.ERROR,
         label: i18n.get("failedToRemoveTrustMember")
@@ -26934,7 +27083,7 @@ function DropinComposerComponent({
           break;
         case "rootTrustee":
         default:
-          logger$6.warn(`Updating trust member type "${trustMember.trustMemberType}" is not implemented.`);
+          logger$5.warn(`Updating trust member type "${trustMember.trustMemberType}" is not implemented.`);
       }
       showToast({
         label: i18n.get("successfullyUpdatedDetails"),
@@ -26942,7 +27091,7 @@ function DropinComposerComponent({
       });
       await refreshTrustAndRunOnSubmit(trust, 1);
     } catch (err) {
-      logger$6.error(err);
+      logger$5.error(err);
       showToast({
         label: i18n.get("failedToUpdateDetails"),
         type: ToastType.ERROR
@@ -27165,7 +27314,7 @@ function DropinComposerComponent({
       }
     };
     setIsLoadingConfiguration(true);
-    fetchConfiguration().catch(logger$6.error).finally(() => {
+    fetchConfiguration().catch(logger$5.error).finally(() => {
       setIsLoadingConfiguration(false);
       onLoad();
     });
@@ -27521,7 +27670,6 @@ function DropinComposerComponent({
 const createDocument = async (context, document2, ownerId) => {
   const {
     loadingContext,
-    sdkToken,
     legalEntityId
   } = context;
   return httpPost({
@@ -27529,7 +27677,7 @@ const createDocument = async (context, document2, ownerId) => {
     errorLevel: "warn",
     errorMessage: `Failed to create document`,
     path: `${legalEntityId}/documents/${ownerId}`,
-    sdkToken,
+    authentication: "jwt",
     headers: {
       "Content-Type": "application/json"
     }
@@ -27538,7 +27686,6 @@ const createDocument = async (context, document2, ownerId) => {
 const createTransferInstrument = async (context, transferInstrument) => {
   const {
     loadingContext,
-    sdkToken,
     legalEntityId
   } = context;
   return httpPost({
@@ -27546,7 +27693,7 @@ const createTransferInstrument = async (context, transferInstrument) => {
     errorLevel: "warn",
     errorMessage: `Failed to create transferInstrument`,
     path: `${legalEntityId}/transferInstruments`,
-    sdkToken,
+    authentication: "jwt",
     headers: {
       "Content-Type": "application/json"
     }
@@ -27555,7 +27702,6 @@ const createTransferInstrument = async (context, transferInstrument) => {
 const getBankVerificationVendor = async (context, country2) => {
   const {
     loadingContext,
-    sdkToken,
     legalEntityId
   } = context;
   return httpGet({
@@ -27563,7 +27709,7 @@ const getBankVerificationVendor = async (context, country2) => {
     errorLevel: "warn",
     errorMessage: `Bank verification vendor not available`,
     path: `${legalEntityId}/transferInstruments/trusted/providers?country=${country2}`,
-    sdkToken,
+    authentication: "jwt",
     headers: {
       "Content-Type": "application/json"
     }
@@ -27571,8 +27717,7 @@ const getBankVerificationVendor = async (context, country2) => {
 };
 const getDataset$1 = async (context, name, locale) => {
   const {
-    loadingContext,
-    sdkToken
+    loadingContext
   } = context;
   const datasetUtils = datasetUtilities(locale);
   const dataset = datasetUtils.getDataset(name);
@@ -27587,7 +27732,7 @@ const getDataset$1 = async (context, name, locale) => {
     errorLevel: "warn",
     errorMessage: `Dataset ${name} is not available`,
     path,
-    sdkToken,
+    authentication: "jwt",
     headers: {
       "Content-Type": "application/json"
     }
@@ -27599,7 +27744,6 @@ const getDataset$1 = async (context, name, locale) => {
 const getDocument = async (context, documentId) => {
   const {
     loadingContext,
-    sdkToken,
     legalEntityId
   } = context;
   return httpGet({
@@ -27607,7 +27751,7 @@ const getDocument = async (context, documentId) => {
     errorLevel: "warn",
     errorMessage: `Failed to fetch document`,
     path: `${legalEntityId}/documents/${documentId}`,
-    sdkToken,
+    authentication: "jwt",
     headers: {
       "Content-Type": "application/json"
     }
@@ -27616,7 +27760,6 @@ const getDocument = async (context, documentId) => {
 const getLegalEntity = async (context) => {
   const {
     loadingContext,
-    sdkToken,
     legalEntityId
   } = context;
   return httpGet({
@@ -27624,7 +27767,7 @@ const getLegalEntity = async (context) => {
     errorLevel: "warn",
     errorMessage: `LegalEntity not available`,
     path: `${legalEntityId}`,
-    sdkToken,
+    authentication: "jwt",
     headers: {
       "Content-Type": "application/json"
     }
@@ -27633,7 +27776,6 @@ const getLegalEntity = async (context) => {
 const getScenarios = async (context) => {
   const {
     loadingContext,
-    sdkToken,
     legalEntityId
   } = context;
   return httpGet({
@@ -27641,7 +27783,7 @@ const getScenarios = async (context) => {
     errorLevel: "warn",
     errorMessage: `Scenarios not available`,
     path: `${legalEntityId}/configurations/scenarios`,
-    sdkToken,
+    authentication: "jwt",
     headers: {
       "Content-Type": "application/json"
     }
@@ -27650,7 +27792,6 @@ const getScenarios = async (context) => {
 const getTasks = async (context) => {
   const {
     loadingContext,
-    sdkToken,
     legalEntityId
   } = context;
   return httpGet({
@@ -27658,7 +27799,7 @@ const getTasks = async (context) => {
     errorLevel: "warn",
     errorMessage: `Tasks not available`,
     path: `${legalEntityId}/configurations/tasks`,
-    sdkToken,
+    authentication: "jwt",
     headers: {
       "Content-Type": "application/json"
     }
@@ -27667,7 +27808,6 @@ const getTasks = async (context) => {
 const getTransferInstrument = async (context, transferInstrumentId) => {
   const {
     loadingContext,
-    sdkToken,
     legalEntityId
   } = context;
   return httpGet({
@@ -27675,9 +27815,8 @@ const getTransferInstrument = async (context, transferInstrumentId) => {
     errorLevel: "warn",
     errorMessage: `TransferInstrument not available`,
     path: `${legalEntityId}/transferInstruments/${transferInstrumentId}`,
+    authentication: "jwt",
     headers: {
-      Authorization: `Bearer ${sdkToken}`,
-      Origin: window.location.origin,
       "Content-Type": "application/json"
     }
   });
@@ -27685,7 +27824,6 @@ const getTransferInstrument = async (context, transferInstrumentId) => {
 const updateDocument = async (context, document2, documentId, ownerId) => {
   const {
     loadingContext,
-    sdkToken,
     legalEntityId
   } = context;
   return httpPost({
@@ -27693,7 +27831,7 @@ const updateDocument = async (context, document2, documentId, ownerId) => {
     errorLevel: "warn",
     errorMessage: `Failed to update document`,
     path: `${legalEntityId}/documents/${documentId}/${ownerId}`,
-    sdkToken,
+    authentication: "jwt",
     headers: {
       "Content-Type": "application/json"
     }
@@ -27702,7 +27840,6 @@ const updateDocument = async (context, document2, documentId, ownerId) => {
 const updateTransferInstrument = async (context, transferInstrument, transferInstrumentId) => {
   const {
     loadingContext,
-    sdkToken,
     legalEntityId
   } = context;
   return httpPost({
@@ -27710,7 +27847,7 @@ const updateTransferInstrument = async (context, transferInstrument, transferIns
     errorLevel: "warn",
     errorMessage: `Failed to update transferInstrument`,
     path: `${legalEntityId}/transferInstruments/${transferInstrumentId}`,
-    sdkToken,
+    authentication: "jwt",
     headers: {
       "Content-Type": "application/json"
     }
@@ -27719,7 +27856,6 @@ const updateTransferInstrument = async (context, transferInstrument, transferIns
 const createTrustedTransferInstrument = async (context, code2, state2) => {
   const {
     loadingContext,
-    sdkToken,
     legalEntityId
   } = context;
   const path = `${legalEntityId}/transferInstruments/trusted`;
@@ -27728,7 +27864,7 @@ const createTrustedTransferInstrument = async (context, code2, state2) => {
     errorLevel: "warn",
     errorMessage: `Failed to create trusted transferInstrument`,
     path,
-    sdkToken,
+    authentication: "jwt",
     headers: {
       "Content-Type": "application/json"
     }
@@ -27740,7 +27876,6 @@ const createTrustedTransferInstrument = async (context, code2, state2) => {
 const handleBankVerificationError = async (context, errorCode, errorMessage, state2, metadata) => {
   const {
     loadingContext,
-    sdkToken,
     legalEntityId
   } = context;
   const path = `${legalEntityId}/transferInstruments/trusted/error`;
@@ -27749,7 +27884,7 @@ const handleBankVerificationError = async (context, errorCode, errorMessage, sta
     errorLevel: "warn",
     errorMessage: `Failed to create trusted transferInstrument`,
     path,
-    sdkToken,
+    authentication: "jwt",
     headers: {
       "Content-Type": "application/json"
     }
@@ -27767,7 +27902,6 @@ const useComponentApi = (rootLegalEntityId) => {
     throw new Error("Cannot use component API outside an embedded dropin");
   }
   const {
-    sdkToken,
     loadingContext: base
   } = authContext;
   return useMemo(() => {
@@ -27775,8 +27909,7 @@ const useComponentApi = (rootLegalEntityId) => {
     const loadingContextWithRootLEAuth = `${loadingContext}legalEntities/`;
     const baseRequestContext = {
       loadingContext: loadingContextWithRootLEAuth,
-      legalEntityId: rootLegalEntityId,
-      sdkToken
+      legalEntityId: rootLegalEntityId
     };
     return {
       getLegalEntity: async (legalEntityId) => getLegalEntity({
@@ -27793,7 +27926,7 @@ const useComponentApi = (rootLegalEntityId) => {
       createTrustedTransferInstrument: async (code2, state2) => createTrustedTransferInstrument(baseRequestContext, code2, state2),
       handleBankVerificationError: async (errorCode, errorMessage, state2, metadata) => handleBankVerificationError(baseRequestContext, errorCode, errorMessage, state2, metadata)
     };
-  }, [base, rootLegalEntityId, sdkToken]);
+  }, [base, rootLegalEntityId]);
 };
 class EventEmitter {
   constructor() {
@@ -27814,7 +27947,7 @@ class EventEmitter {
     };
   }
 }
-const logger$5 = createLogger("TransferInstrumentComponent");
+const logger$4 = createLogger("TransferInstrumentComponent");
 function TransferInstrumentComponent({
   legalEntityId,
   transferInstrumentId,
@@ -27849,8 +27982,8 @@ function TransferInstrumentComponent({
         const ti = await getTransferInstrument2(transferInstrumentId);
         setTransferInstrument(ti);
       }
-    })().catch(logger$5.error);
-  }, [transferInstrumentId]);
+    })().catch(logger$4.error);
+  }, [transferInstrumentId, fetchLegalEntity]);
   return legalEntity ? jsx(PayoutDetailsDropinComponent, {
     eventEmitter: eventEmitter ?? new EventEmitter(),
     transferInstrument,
@@ -27882,85 +28015,17 @@ const componentsMap = {
   pci: PciDropinComponent,
   transferInstrumentComponent: TransferInstrumentComponent
 };
-const refreshSdkToken = async (context, refreshToken) => {
-  const {
-    loadingContext,
-    sdkToken
-  } = context;
-  return httpPost({
-    loadingContext,
-    errorLevel: "warn",
-    errorMessage: `Failed to refresh token`,
-    path: `sessions/refresh`,
-    sdkToken,
-    headers: {
-      "Content-Type": "application/json"
-    }
-  }, {
-    refreshToken
-  });
-};
-const SDK_TOKEN_TTL = 6e4;
-const REFRESH_INTERVAL = SDK_TOKEN_TTL - 5e3;
-const RETRY_LIMIT = 2;
-const logger$4 = createLogger("useSdkToken");
-const useSdkToken = ({
-  initialSdkToken,
-  refreshToken,
-  autheBase
-}) => {
-  const [sdkToken, setSdkToken] = useState(initialSdkToken);
-  const doRefresh = async (sdkToken2, refreshToken2, retries) => {
-    try {
-      const {
-        token: newSdkToken
-      } = await refreshSdkToken({
-        loadingContext: autheBase,
-        sdkToken: sdkToken2
-      }, refreshToken2);
-      setSdkToken(newSdkToken);
-    } catch (e) {
-      if (!retries) {
-        throw new Error("Unable to refresh token after retries", e);
-      }
-      logger$4.warn("Failed to refresh token. Retrying..", e);
-      await doRefresh(sdkToken2, refreshToken2, retries - 1);
-    }
-  };
-  useEffect(() => {
-    if (!sdkToken || !refreshToken) {
-      return;
-    }
-    const refreshHandler = setInterval(() => {
-      doRefresh(sdkToken, refreshToken, RETRY_LIMIT).catch(() => {
-        clearInterval(refreshHandler);
-      });
-    }, REFRESH_INTERVAL);
-    return () => {
-      clearInterval(refreshHandler);
-    };
-  }, [sdkToken]);
-  return sdkToken;
-};
-const AUTHE_API_VERSION = "v1";
 const AuthProvider = ({
   children,
-  sdkToken: initialSdkToken,
-  refreshToken,
+  sdkToken: sdkToken2,
+  getSdkToken: getSdkToken2,
   clientKey,
   loadingContext
 }) => {
-  const autheBase = `${loadingContext}authe/api/${AUTHE_API_VERSION}/`;
-  const sdkToken = useSdkToken({
-    initialSdkToken,
-    refreshToken,
-    autheBase
-  });
   const contextValue = useMemo(() => {
-    if (sdkToken && refreshToken) {
+    if (sdkToken2 && getSdkToken2) {
       return {
         isEmbeddedDropin: true,
-        sdkToken,
         loadingContext: `${loadingContext}onboardingcomponents/`
       };
     }
@@ -27971,8 +28036,8 @@ const AuthProvider = ({
         loadingContext
       };
     }
-    throw new Error("Must provide either `sdkToken` and `refreshToken` or `clientKey`");
-  }, [sdkToken, clientKey]);
+    throw new Error("Must provide either `sdkToken` and `getSdkToken` or `clientKey`");
+  }, [sdkToken2, clientKey]);
   return jsx(AuthContext.Provider, {
     value: contextValue,
     children
@@ -27990,7 +28055,6 @@ const getPayoutAccountFormat = async (country2) => getAccountFormatsForCountry(c
 const getAllowedLocales$1 = async (context) => {
   const {
     loadingContext,
-    sdkToken,
     legalEntityId
   } = context;
   return httpGet({
@@ -27998,7 +28062,7 @@ const getAllowedLocales$1 = async (context) => {
     errorLevel: "warn",
     errorMessage: `Supported locales not available`,
     path: `${legalEntityId}/configurations/supportedLocales`,
-    sdkToken,
+    authentication: "jwt",
     headers: {
       "Content-Type": "application/json"
     }
@@ -28006,15 +28070,13 @@ const getAllowedLocales$1 = async (context) => {
 };
 const getEmbeddedApi = ({
   base,
-  sdkToken,
   rootLegalEntityId
 }) => {
   const loadingContext = `${base}api/${COMPONENTS_API_VERSION}/`;
   const loadingContextWithRootLEAuth = `${loadingContext}legalEntities/`;
   const baseRequestContext = {
     loadingContext: loadingContextWithRootLEAuth,
-    legalEntityId: rootLegalEntityId,
-    sdkToken
+    legalEntityId: rootLegalEntityId
   };
   return {
     getConfiguration: async ({
@@ -28337,7 +28399,6 @@ const ConfigurationApiProvider = ({
   const authContext = useAuthContext();
   const contextValue = useMemo(() => authContext.isEmbeddedDropin ? getEmbeddedApi({
     base: authContext.loadingContext,
-    sdkToken: authContext.sdkToken,
     rootLegalEntityId
   }) : getKycExternalApi({
     loadingContext: authContext.loadingContext,
@@ -28621,7 +28682,7 @@ class UIElement extends BaseElement {
       const Component = this.props.component;
       return jsx(AuthProvider, {
         sdkToken: this.props.sdkToken,
-        refreshToken: this.props.refreshToken,
+        getSdkToken: this.props.getSdkToken,
         clientKey: this.props.clientKey,
         loadingContext: this.props.loadingContext,
         children: jsx(ConfigurationApiProvider, {
@@ -29188,10 +29249,10 @@ const validateComponentName = (componentName) => {
 const validateCoreOptions = (coreOptions) => {
   const requiredOptions = ["locale", "environment", "country"];
   const missing = requiredOptions.filter((option) => !coreOptions[option]);
-  if (!(coreOptions.sdkToken && coreOptions.refreshToken) && !coreOptions.clientKey) {
+  if (!(coreOptions.sdkToken && coreOptions.getSdkToken) && !coreOptions.clientKey) {
     throw new Error(`
 
-Please specify either sdkToken and a refreshToken or a clientKey for the SDK to initialize!
+Please specify either sdkToken and getSdkToken handler or a clientKey for the SDK to initialize!
       
 
 - For more information please check: https://github.com/Adyen/adyen-kyc-components#configuration.`);
@@ -29328,7 +29389,14 @@ class Core {
         newOptions.locale = FALLBACK_LOCALE;
       return newOptions;
     };
+    this.initializeSession = () => {
+      if (this.options.sdkToken && this.options.getSdkToken) {
+        setSdkToken(this.options.sdkToken);
+        setSdkTokenHandler(this.options.getSdkToken);
+      }
+    };
     this.options = this.getUpdatedOptions(coreOptions);
+    this.initializeSession();
   }
 }
 export {