@adyen/kyc-components 2.0.0 → 2.1.0

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

@@ -310,6 +310,13 @@ function removeObjectPropsWithEmptyValues(obj) {
   });
   return obj;
 }
+const entriesOf = (object) => Object.entries(object);
+const hasDataChanged = (initialData, currentData) => entriesOf(currentData ?? {}).some(([key, value]) => {
+  if (typeof value === "object") {
+    return !objectsDeepEqual(value, initialData == null ? void 0 : initialData[key]);
+  }
+  return value !== (initialData == null ? void 0 : initialData[key]);
+});
 const INITIAL_STATE = {
   data: {},
   allData: {},
@@ -325,13 +332,7 @@ function StateReducer() {
   const setCurrentForms = (forms) => {
     setActiveForms(forms);
   };
-  const hasDataChanged = (initialData, currentData) => Object.entries(currentData ?? {}).some(([key, value]) => {
-    if (typeof value === "object") {
-      return !objectsDeepEqual(value, initialData == null ? void 0 : initialData[key]);
-    }
-    return value !== (initialData == null ? void 0 : initialData[key]);
-  });
-  function reducer({
+  function reducer2({
     currentState: currState
   }, action) {
     var _a, _b, _c, _d, _e;
@@ -456,7 +457,7 @@ function StateReducer() {
     }
   }
   return {
-    reducer,
+    reducer: reducer2,
     setCurrentForms
   };
 }
@@ -661,6 +662,7 @@ const doNotHaveLtRegistrationNumber = "I do not have a Įmonės kodas";
 const doNotHaveLuRegistrationNumber = "I do not have a Numéro registre de commerce et des sociétés (RCS)";
 const doNotHaveChRegistrationNumber = "I do not have a Unternehmens-Identifikationsnummer (UID), Numéro d’identification des entreprises (IDE), Numero d’identificazione delle imprese (IDI), or CH-number";
 const doNotHaveHandelsregisternummer = "I do not have a Handelsregisternummer";
+const doNotHaveRegonKrsNumber = "I do not have a REGON";
 const taxIdAbsenceReason = "Tax ID absence reason";
 const vatNumberExempted = "Exempted from VAT";
 const vatNumberAbsenceReason = "VAT number absence reason";
@@ -939,6 +941,7 @@ const regonKrsNumber = "REGON / KRS number";
 const registrationNumber = "Registration number";
 const registrationNumber__nonProfit__FR = "SIRET or RNA";
 const registrationNumber__FR = "SIRET";
+const registrationNumber__PR = "EIN";
 const charityNumber = "Charity number";
 const firmenbuchnummer = "Firmenbuchnummer";
 const firmenbuchnummerOrZVR = "Firmenbuchnummer or ZVR number";
@@ -1103,6 +1106,7 @@ const Xcharacters = "%{x} characters";
 const XtoYcharacters = "%{x} to %{y} characters";
 const XdigitsAndYcharacters = "%{x} digits + %{y} characters";
 const Cchar5digits = "C99999";
+const characterPlusXToYDigitsWithOptionalSpace = "%{c} + optional space + %{x}-%{y} digits";
 const cop1to8digits = "C, O, or P, followed by a number from 1 up to 8 digits";
 const provideAllOwners = "Add <strong>all owners</strong> holding 25% or more of your company.";
 const ifNoOwnersSpecifyControllingPersons = "If you don’t have any owners holding  25% or more, then specify <strong>all controlling persons</strong>.";
@@ -1398,6 +1402,7 @@ const errorMessage_1_7019 = "The bank document wasn't issued in the past 12 mont
 const errorMessage_1_7020 = "The bank name didn't match the one on the bank document.";
 const errorMessage_1_7021 = "The bank document didn't show an official bank logo.";
 const errorMessage_1_7022 = "The bank document didn't show an official bank stamp.";
+const errorMessage_3_10 = "Review of data is required";
 const remediationMessage_1_100 = "No remediation possible";
 const remediationMessage_1_101 = "Contact Support";
 const remediationMessage_1_102 = "Upload a different document";
@@ -1434,6 +1439,7 @@ const remediationMessage_1_702 = "Use other means of bank account verification";
 const remediationMessage_1_703 = "Upload a bank statement";
 const remediationMessage_1_704 = "Upload a different bank statement";
 const remediationMessage_1_705 = "Upload an official bank statement";
+const remediationMessage_3_100 = "Check the above information, then click here to confirm.";
 const sameNameAsLegalName = "Same as legal name of the company";
 const whereCanIFindTheseNumbersOnMyDriversLicense = "Where can I find these numbers on my driver's license?";
 const whereToFindNumbersOnDriversLicense = "Depending on the issuing state the position of these numbers might differ, but the license number is always on the front side of the card and the card number is in most cases located on the back of the license.";
@@ -1599,6 +1605,7 @@ const defaultTrans = {
   doNotHaveLuRegistrationNumber,
   doNotHaveChRegistrationNumber,
   doNotHaveHandelsregisternummer,
+  doNotHaveRegonKrsNumber,
   taxIdAbsenceReason,
   vatNumberExempted,
   vatNumberAbsenceReason,
@@ -1880,6 +1887,7 @@ const defaultTrans = {
   registrationNumber,
   registrationNumber__nonProfit__FR,
   registrationNumber__FR,
+  registrationNumber__PR,
   charityNumber,
   firmenbuchnummer,
   firmenbuchnummerOrZVR,
@@ -2053,6 +2061,7 @@ const defaultTrans = {
   "7or8or12characters": "7, 8 or 12 digits or characters",
   "2digits1to3letters5digits": "2-digit number + 1 to 3 letters + 5-digit number",
   Cchar5digits,
+  characterPlusXToYDigitsWithOptionalSpace,
   cop1to8digits,
   "8digitsOptional-": '8 digits; last digit can be preceded by an optional "-"',
   provideAllOwners,
@@ -2352,6 +2361,7 @@ const defaultTrans = {
   errorMessage_1_7020,
   errorMessage_1_7021,
   errorMessage_1_7022,
+  errorMessage_3_10,
   remediationMessage_1_100,
   remediationMessage_1_101,
   remediationMessage_1_102,
@@ -2388,6 +2398,7 @@ const defaultTrans = {
   remediationMessage_1_703,
   remediationMessage_1_704,
   remediationMessage_1_705,
+  remediationMessage_3_100,
   sameNameAsLegalName,
   whereCanIFindTheseNumbersOnMyDriversLicense,
   whereToFindNumbersOnDriversLicense,
@@ -2480,7 +2491,7 @@ const createLogger = (namespace) => {
   });
   return methods;
 };
-const logger$h = createLogger("Fetch");
+const logger$i = createLogger("Fetch");
 const getRequestObject = (options2, data) => {
   const {
     headers = [],
@@ -2517,7 +2528,7 @@ const handleFetchError = (message, level) => {
     case "info":
     case "warn":
     case "error":
-      return logger$h[level](message);
+      return logger$i[level](message);
     default:
       throw new Error(message);
   }
@@ -2600,7 +2611,7 @@ const escapeHtml = (unsafeInput, allowedTags = []) => sanitizeHtml(unsafeInput,
   allowedAttributes: determineAllowedAttributes(allowedTags),
   disallowedTagsMode: "escape"
 });
-const logger$g = createLogger("language/utils");
+const logger$h = createLogger("language/utils");
 const toTwoLetterCode = (locale) => locale.toLowerCase().substring(0, 2);
 function matchLocale(locale, supportedLocales) {
   if (!locale || typeof locale !== "string")
@@ -2665,7 +2676,7 @@ const getTranslations = async ({
       clientKey
     }, datasetIdentifier.translations, locale);
   } catch (error) {
-    logger$g.error(error);
+    logger$h.error(error);
   }
   return {
     ...defaultTranslation,
@@ -3348,6 +3359,11 @@ const countryConfig$4 = {
       label: "USt-IdNr"
     }
   },
+  [CountryCodes.Gibraltar]: {
+    registrationNumber: {
+      label: "companyRegistrationNumber"
+    }
+  },
   [CountryCodes.Greece]: {
     registrationNumber: {
       label: "GEMI-number"
@@ -3572,6 +3588,9 @@ const countryConfig$4 = {
     }
   },
   [CountryCodes.Poland]: {
+    exemptedFromRegistrationNumber: {
+      label: "doNotHaveRegonKrsNumber"
+    },
     registrationNumber: {
       label: "regonKrsNumber"
     },
@@ -3599,6 +3618,11 @@ const countryConfig$4 = {
       label: "numerodeIVA"
     }
   },
+  [CountryCodes.PuertoRico]: {
+    registrationNumber: {
+      label: "registrationNumber__PR"
+    }
+  },
   [CountryCodes.Romania]: {
     registrationNumber: {
       label: "numarOrdineRegistrulComertului"
@@ -3758,57 +3782,32 @@ var DocumentType = /* @__PURE__ */ ((DocumentType2) => {
   return DocumentType2;
 })(DocumentType || {});
 function getFormProps(props, innerFormId) {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v, _w;
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o;
   if (innerFormId) {
     const nestedFormProps = {
-      placeholders: {},
-      labels: {},
-      data: {},
-      formVerificationErrors: {},
-      requiredFields: [],
-      optionalFields: [],
-      maskedFields: [],
-      // validators should be `null` and not `{}` by default
-      // to make it easier to short circuit it with predetermined validators
-      // for example `rules: props.validators || personalDetailsValidationRules`
-      validators: null
-    };
-    nestedFormProps.placeholders = {
-      ...(_a = props.placeholders) == null ? void 0 : _a[innerFormId]
+      placeholders: ((_a = props.placeholders) == null ? void 0 : _a[innerFormId]) ?? {},
+      labels: ((_b = props.labels) == null ? void 0 : _b[innerFormId]) ?? {},
+      data: ((_c = props.data) == null ? void 0 : _c[innerFormId]) ?? {},
+      readOnlyFields: ((_d = props.readOnlyFields) == null ? void 0 : _d[innerFormId]) ?? [],
+      requiredFields: ((_e = props.requiredFields) == null ? void 0 : _e[innerFormId]) ?? [],
+      optionalFields: ((_f = props.optionalFields) == null ? void 0 : _f[innerFormId]) ?? [],
+      maskedFields: ((_g = props.maskedFields) == null ? void 0 : _g[innerFormId]) ?? [],
+      verifyFields: ((_h = props.verifyFields) == null ? void 0 : _h[innerFormId]) ?? [],
+      formVerificationErrors: ((_j = (_i = props.problems) == null ? void 0 : _i.verificationErrors) == null ? void 0 : _j[innerFormId]) ?? {},
+      fieldValidationErrors: ((_l = (_k = props.problems) == null ? void 0 : _k.validationErrors) == null ? void 0 : _l[innerFormId]) ?? {},
+      /*
+        Validators should be `null` and not `{}` by default to make it easier to short circuit it with predetermined validators.
+        For example `rules: props.validators || personalDetailsValidationRules`.
+       */
+      validators: ((_m = props.validators) == null ? void 0 : _m[innerFormId]) ? {
+        ...(_n = props.validators) == null ? void 0 : _n[innerFormId]
+      } : null,
+      /*
+        activeForm check is required for shouldValidate because of we render all forms in a multistep form.
+        Should be changed once stateManagement is fixed and this is no longer the case
+      */
+      shouldValidate: ((_o = props.activeForm) == null ? void 0 : _o.formId) === innerFormId && props.shouldValidate
     };
-    nestedFormProps.labels = {
-      ...(_b = props.labels) == null ? void 0 : _b[innerFormId]
-    };
-    nestedFormProps.data = {
-      ...(_c = props.data) == null ? void 0 : _c[innerFormId]
-    };
-    if ((_d = props.readOnlyFields) == null ? void 0 : _d[innerFormId]) {
-      nestedFormProps.readOnlyFields = (_e = props.readOnlyFields) == null ? void 0 : _e[innerFormId];
-    }
-    if ((_f = props.requiredFields) == null ? void 0 : _f[innerFormId]) {
-      nestedFormProps.requiredFields = (_g = props.requiredFields) == null ? void 0 : _g[innerFormId];
-    }
-    if ((_h = props.optionalFields) == null ? void 0 : _h[innerFormId]) {
-      nestedFormProps.optionalFields = (_i = props.optionalFields) == null ? void 0 : _i[innerFormId];
-    }
-    if ((_j = props.validators) == null ? void 0 : _j[innerFormId]) {
-      nestedFormProps.validators = {
-        ...(_k = props.validators) == null ? void 0 : _k[innerFormId]
-      };
-    }
-    if ((_l = props.verifyFields) == null ? void 0 : _l[innerFormId]) {
-      nestedFormProps.verifyFields = (_m = props.verifyFields) == null ? void 0 : _m[innerFormId];
-    }
-    if ((_o = (_n = props.problems) == null ? void 0 : _n.verificationErrors) == null ? void 0 : _o[innerFormId]) {
-      nestedFormProps.formVerificationErrors = (_q = (_p = props.problems) == null ? void 0 : _p.verificationErrors) == null ? void 0 : _q[innerFormId];
-    }
-    if ((_s = (_r = props.problems) == null ? void 0 : _r.validationErrors) == null ? void 0 : _s[innerFormId]) {
-      nestedFormProps.fieldValidationErrors = (_u = (_t = props.problems) == null ? void 0 : _t.validationErrors) == null ? void 0 : _u[innerFormId];
-    }
-    if ((_v = props.maskedFields) == null ? void 0 : _v[innerFormId]) {
-      nestedFormProps.maskedFields = props.maskedFields[innerFormId];
-    }
-    nestedFormProps.shouldValidate = ((_w = props.activeForm) == null ? void 0 : _w.formId) === innerFormId && props.shouldValidate;
     return nestedFormProps;
   }
   return null;
@@ -3881,7 +3880,7 @@ function StateContextSetter({
 }
 function useStateContext() {
   const context = q$1(StateContext);
-  if (context === void 0) {
+  if (!context) {
     throw new Error("useStateContext must be used within a StateProvider");
   }
   return context;
@@ -3894,98 +3893,134 @@ const addKeys = (obj, add2, initialValue, defaultData, pendingData) => add2.redu
   ...a2,
   [c2]: a2[c2] ?? (pendingData == null ? void 0 : pendingData[c2]) ?? (defaultData == null ? void 0 : defaultData[c2]) ?? initialValue
 }), obj);
+const processField = ({
+  key,
+  value = null,
+  mode,
+  defaultData,
+  maskedFields,
+  fieldContext,
+  formatters,
+  synchronusValidate,
+  asynchronusValidate
+}) => {
+  var _a, _b;
+  const formatterFn = ((_a = formatters == null ? void 0 : formatters[key]) == null ? void 0 : _a.formatter) ? (_b = formatters[key]) == null ? void 0 : _b.formatter : formatters == null ? void 0 : formatters[key];
+  const formattedValue = formatterFn && typeof formatterFn === "function" ? formatterFn(value, fieldContext) : value;
+  const shouldValidateField = !((maskedFields == null ? void 0 : maskedFields.includes(key)) && (defaultData == null ? void 0 : defaultData[key]) === value && !!(defaultData == null ? void 0 : defaultData[key]));
+  if (shouldValidateField && value) {
+    asynchronusValidate(key, fieldContext.state, mode);
+  }
+  const validationResult = shouldValidateField ? synchronusValidate.validate({
+    key,
+    value: formattedValue,
+    mode
+  }, fieldContext) : {
+    isValid: true,
+    hasError: () => null,
+    getError: () => null
+  };
+  return [formattedValue, validationResult];
+};
 function init({
   schema,
   defaultData,
-  processField,
   fieldProblems,
-  maskedFields
+  maskedFields,
+  formatters,
+  synchronusValidate,
+  asynchronusValidate
 }) {
   const getProcessedState = (fieldKey) => {
     const [formattedValue, validationResult] = processField({
       key: fieldKey,
-      value: defaultData[fieldKey],
+      value: defaultData == null ? void 0 : defaultData[fieldKey],
       mode: "blur",
+      formatters,
       defaultData,
       maskedFields,
       fieldContext: {
         state: {
           data: defaultData
         }
-      }
+      },
+      synchronusValidate,
+      asynchronusValidate
     });
-    if (typeof defaultData[fieldKey] === "undefined") {
+    if (typeof (defaultData == null ? void 0 : defaultData[fieldKey]) === "undefined") {
       return {
         valid: validationResult.isValid && !(fieldProblems == null ? void 0 : fieldProblems[fieldKey]) || false,
         errors: null,
         data: null,
-        fieldProblems: (fieldProblems == null ? void 0 : fieldProblems[fieldKey]) ?? null
+        fieldProblems: (fieldProblems == null ? void 0 : fieldProblems[fieldKey]) ?? false
       };
     }
     return {
       valid: validationResult.isValid && !(fieldProblems == null ? void 0 : fieldProblems[fieldKey]) || false,
-      errors: validationResult.hasError() ? validationResult.getError() : null,
+      errors: validationResult.getError() ?? null,
       data: formattedValue,
-      fieldProblems: (fieldProblems == null ? void 0 : fieldProblems[fieldKey]) ?? null
+      fieldProblems: (fieldProblems == null ? void 0 : fieldProblems[fieldKey]) ?? false
     };
   };
-  const formData = schema.reduce((acc, fieldKey) => {
+  const formData = schema.reduce((acc, field) => {
     const {
       valid,
       errors,
       data,
-      fieldProblems: fieldProblems2
-    } = getProcessedState(fieldKey);
+      fieldProblems: processedFieldProblems
+    } = getProcessedState(field);
     return {
+      ...acc,
+      data: {
+        ...acc.data,
+        [field]: data
+      },
       valid: {
         ...acc.valid,
-        [fieldKey]: valid
+        [field]: valid
       },
       errors: {
         ...acc.errors,
-        [fieldKey]: errors
-      },
-      data: {
-        ...acc.data,
-        [fieldKey]: data
+        [field]: errors
       },
       fieldProblems: {
         ...acc.fieldProblems,
-        [fieldKey]: fieldProblems2
+        [field]: processedFieldProblems
       }
     };
   }, {
+    schema,
     data: {},
     valid: {},
     errors: {},
-    fieldProblems: {}
-  });
-  return {
-    schema,
-    data: formData.data,
-    valid: formData.valid,
-    errors: formData.errors,
-    fieldProblems: formData.fieldProblems,
+    fieldProblems: {},
     maskedFields
-  };
+  });
+  return formData;
 }
-function getReducer(processField) {
-  return function reducer(state2, {
+function reducer({
+  synchronusValidate,
+  asynchronusValidate,
+  formatters
+}) {
+  return (state2, {
     type,
     key,
-    value,
     mode,
+    value,
     schema,
-    defaultData,
-    formValue,
     selectedSchema,
+    formValue,
     maskedFields,
-    fieldProblems
-  }) {
-    var _a, _b, _c, _d;
+    fieldProblems,
+    defaultData
+  }) => {
+    var _a, _b, _c, _d, _e, _f, _g, _h;
     const validationSchema = selectedSchema || state2.schema;
     switch (type) {
       case "setData": {
+        if (!key)
+          return state2;
         return {
           ...state2,
           data: {
@@ -3995,6 +4030,8 @@ function getReducer(processField) {
         };
       }
       case "setValid": {
+        if (!key)
+          return state2;
         return {
           ...state2,
           valid: {
@@ -4004,6 +4041,8 @@ function getReducer(processField) {
         };
       }
       case "setErrors": {
+        if (!key)
+          return state2;
         return {
           ...state2,
           errors: {
@@ -4013,39 +4052,75 @@ function getReducer(processField) {
         };
       }
       case "setFieldProblems": {
-        return ((_a = state2 == null ? void 0 : state2.schema) == null ? void 0 : _a.reduce((acc, key2) => {
+        return (_a = state2 == null ? void 0 : state2.schema) == null ? void 0 : _a.reduce((acc, field) => {
           var _a2;
           return {
             ...acc,
             fieldProblems: {
               ...state2.fieldProblems,
-              [key2]: (fieldProblems == null ? void 0 : fieldProblems[key2]) ?? null
+              [field]: (fieldProblems == null ? void 0 : fieldProblems[field]) ?? false
             },
             valid: {
               ...state2.valid,
-              [key2]: ((_a2 = state2.valid) == null ? void 0 : _a2[key2]) && !fieldProblems[key2]
+              [field]: ((_a2 = state2.valid) == null ? void 0 : _a2[field]) && !(fieldProblems == null ? void 0 : fieldProblems[field])
             }
           };
-        }, state2)) ?? state2;
+        }, state2);
+      }
+      case "setSchema": {
+        if (!schema)
+          return state2;
+        const defaultState = init({
+          schema,
+          defaultData,
+          fieldProblems,
+          maskedFields,
+          synchronusValidate,
+          asynchronusValidate
+        });
+        const removedSchemaFields = (_b = state2.schema) == null ? void 0 : _b.filter((field) => !schema.includes(field));
+        const newSchemaFields = schema.filter((field) => {
+          var _a2;
+          return !((_a2 = state2.schema) == null ? void 0 : _a2.includes(field));
+        });
+        const local = {
+          data: omitKeys(state2.data, newSchemaFields),
+          errors: omitKeys(state2.errors, newSchemaFields),
+          valid: omitKeys(state2.valid, newSchemaFields),
+          fieldProblems: omitKeys(state2.fieldProblems, newSchemaFields)
+        };
+        const updatedData = addKeys(omitKeys(state2.data, removedSchemaFields), newSchemaFields, null, defaultState.data, (_c = state2.local) == null ? void 0 : _c.data);
+        const updatedValid = addKeys(omitKeys(state2.valid, removedSchemaFields), newSchemaFields, false, defaultState.valid, (_d = state2.local) == null ? void 0 : _d.valid);
+        const updatedErrors = addKeys(omitKeys(state2.errors, removedSchemaFields), newSchemaFields, null, defaultState.errors, (_e = state2.local) == null ? void 0 : _e.errors);
+        const updatedFieldProblems = addKeys(omitKeys(state2.fieldProblems, removedSchemaFields), newSchemaFields, false, defaultState.fieldProblems, (_f = state2.local) == null ? void 0 : _f.fieldProblems);
+        return {
+          ...state2,
+          schema,
+          data: updatedData,
+          valid: updatedValid,
+          errors: updatedErrors,
+          fieldProblems: updatedFieldProblems,
+          local
+        };
       }
       case "updateField": {
+        if (!key || !mode)
+          return state2;
         const [formattedValue, validation] = processField({
           key,
           value,
           mode,
           defaultData,
           maskedFields,
+          formatters,
           fieldContext: {
             state: state2
-          }
+          },
+          synchronusValidate,
+          asynchronusValidate
         });
         const oldValue = state2.data[key];
-        const fieldProblems2 = {
-          ...state2.fieldProblems
-        };
-        if (oldValue !== formattedValue) {
-          fieldProblems2[key] = null;
-        }
+        const clearFieldProblems = oldValue !== formattedValue;
         return {
           ...state2,
           data: {
@@ -4054,13 +4129,16 @@ function getReducer(processField) {
           },
           errors: {
             ...state2.errors,
-            [key]: validation.hasError() ? validation.getError() : null
+            [key]: validation.getError() ?? null
           },
           valid: {
             ...state2.valid,
-            [key]: validation.isValid && !fieldProblems2[key] || false
+            [key]: validation.isValid && !((_g = state2.fieldProblems) == null ? void 0 : _g[key]) || false
           },
-          fieldProblems: fieldProblems2
+          fieldProblems: {
+            ...state2.fieldProblems,
+            [key]: clearFieldProblems ? false : ((_h = state2.fieldProblems) == null ? void 0 : _h[key]) ?? false
+          }
         };
       }
       case "mergeForm": {
@@ -4068,19 +4146,19 @@ function getReducer(processField) {
           ...state2,
           data: {
             ...state2.data,
-            ...formValue.data
+            ...formValue == null ? void 0 : formValue.data
           },
           errors: {
             ...state2.errors,
-            ...formValue.errors
+            ...formValue == null ? void 0 : formValue.errors
           },
           valid: {
             ...state2.valid,
-            ...formValue.valid
+            ...formValue == null ? void 0 : formValue.valid
           },
           fieldProblems: {
             ...state2.fieldProblems,
-            ...formValue.fieldProblems
+            ...formValue == null ? void 0 : formValue.fieldProblems
           }
         };
         if (mergedState.valid) {
@@ -4088,53 +4166,30 @@ function getReducer(processField) {
         }
         return mergedState;
       }
-      case "setSchema": {
-        const defaultState = init({
-          schema,
-          defaultData,
-          processField,
-          fieldProblems,
-          maskedFields
-        });
-        const removedSchemaFields = state2.schema.filter((field) => !schema.includes(field));
-        const newSchemaFields = schema.filter((field) => !state2.schema.includes(field));
-        const local = {
-          data: omitKeys(state2.data, newSchemaFields),
-          errors: omitKeys(state2.errors, newSchemaFields),
-          valid: omitKeys(state2.valid, newSchemaFields)
-        };
-        const data = addKeys(omitKeys(state2.data, removedSchemaFields), newSchemaFields, null, defaultState.data, (_b = state2.local) == null ? void 0 : _b.data);
-        const valid = addKeys(omitKeys(state2.valid, removedSchemaFields), newSchemaFields, false, defaultState.valid, (_c = state2.local) == null ? void 0 : _c.valid);
-        const errors = addKeys(omitKeys(state2.errors, removedSchemaFields), newSchemaFields, null, defaultState.errors, (_d = state2.local) == null ? void 0 : _d.errors);
-        return {
-          ...state2,
-          schema,
-          data,
-          valid,
-          errors,
-          local
-        };
-      }
       case "validateForm": {
-        const formValidation = validationSchema.reduce((acc, cur) => {
+        const formValidation = validationSchema == null ? void 0 : validationSchema.reduce((acc, cur) => {
+          var _a2;
           const [, validation] = processField({
             key: cur,
             value: state2.data[cur],
             mode: "blur",
             defaultData,
             maskedFields,
+            formatters,
             fieldContext: {
               state: state2
-            }
+            },
+            synchronusValidate,
+            asynchronusValidate
           });
           return {
             valid: {
               ...acc.valid,
-              [cur]: validation.isValid && !state2.fieldProblems[cur] || false
+              [cur]: validation.isValid && !((_a2 = state2.fieldProblems) == null ? void 0 : _a2[cur]) || false
             },
             errors: {
               ...acc.errors,
-              [cur]: validation.hasError() ? validation.getError() : null
+              [cur]: validation.getError() ?? null
             }
           };
         }, {
@@ -4143,8 +4198,8 @@ function getReducer(processField) {
         });
         return {
           ...state2,
-          valid: formValidation.valid,
-          errors: formValidation.errors
+          valid: formValidation == null ? void 0 : formValidation.valid,
+          errors: formValidation == null ? void 0 : formValidation.errors
         };
       }
       default:
@@ -4216,16 +4271,18 @@ class Validator {
     return new ValidationResult(validationRulesResult);
   }
 }
-const logger$f = createLogger("useAsyncValidator");
+const logger$g = createLogger("useAsyncValidator");
 const useAsyncValidator = (asyncRules) => {
   const [asyncValidationResults, setAsyncValidationResults] = h({});
   const clearAsyncValidationResults = T$1(() => setAsyncValidationResults({}), []);
   const asyncValidate = T$1((field, formState, mode) => {
+    if (!asyncRules)
+      return clearAsyncValidationResults();
     const rule = asyncRules[field];
     if (!rule || !rule.modes.includes(mode))
       return clearAsyncValidationResults();
     const value = formState.data[field];
-    rule.asyncValidate(formState.data[field], {
+    return rule.asyncValidate(formState.data[field], {
       state: formState
     }).then((isValid) => {
       setAsyncValidationResults({
@@ -4237,96 +4294,54 @@ const useAsyncValidator = (asyncRules) => {
           hasError: !isValid
         }])
       });
-    }).catch(logger$f.error);
+    }).catch(logger$g.error);
   }, [asyncRules, clearAsyncValidationResults]);
   return {
-    asyncValidationResults,
     asyncValidate,
+    asyncValidationResults,
     clearAsyncValidationResults
   };
 };
 function useForm({
-  rules: rules2 = {},
-  asyncRules = {},
   schema,
+  defaultData,
+  rules: rules2,
+  asyncRules,
+  fieldProblems,
+  maskedFields,
   formatters,
-  defaultData: defaultDataProp = {},
-  fieldProblems: fieldProblemsProp,
-  maskedFields: maskedFieldProp,
-  shouldValidate
+  shouldValidate = false
 }) {
-  const getRequiredFields = T$1(typeof schema === "function" ? schema : () => schema, [schema]);
-  const validator = F$1(() => new Validator(rules2), [rules2]);
+  const syncValidator = F$1(() => new Validator(rules2), [rules2]);
   const {
-    asyncValidationResults,
-    asyncValidate
+    asyncValidate,
+    asyncValidationResults
   } = useAsyncValidator(asyncRules);
-  const processField = ({
-    key,
-    value,
-    mode,
+  const getRequiredFields = T$1(typeof schema === "function" ? schema : () => schema, [schema]);
+  const getReducer = T$1(() => reducer({
+    synchronusValidate: syncValidator,
+    asynchronusValidate: asyncValidate,
+    formatters
+  }), [syncValidator, asyncValidate, formatters]);
+  const getInitialData = T$1(() => ({
+    schema: defaultData ? getRequiredFields(defaultData) ?? [] : [],
     defaultData,
+    fieldProblems,
     maskedFields,
-    fieldContext
-  }) => {
-    var _a, _b;
-    const formatterFn = ((_a = formatters == null ? void 0 : formatters[key]) == null ? void 0 : _a.formatter) ? (_b = formatters[key]) == null ? void 0 : _b.formatter : formatters == null ? void 0 : formatters[key];
-    const formattedValue = formatterFn && typeof formatterFn === "function" ? formatterFn(value, fieldContext) : value;
-    const shouldValidateField = !((maskedFields == null ? void 0 : maskedFields.includes(key)) && defaultData[key] === value && !!defaultData[key]);
-    if (shouldValidateField && value) {
-      asyncValidate(key, fieldContext.state, mode);
-    }
-    const validationResult = shouldValidateField ? validator.validate({
-      key,
-      value: formattedValue,
-      mode
-    }, fieldContext) : {
-      isValid: true,
-      hasError: () => null,
-      getError: () => null
-    };
-    return [formattedValue, validationResult];
-  };
-  const initialData = {
-    defaultData: defaultDataProp,
-    schema: getRequiredFields(defaultDataProp) ?? [],
-    processField,
-    fieldProblems: fieldProblemsProp,
-    maskedFields: maskedFieldProp,
-    formatters
-  };
-  const [state2, dispatch] = s(getReducer(processField), initialData, init);
-  const isValid = F$1(() => {
-    var _a;
-    return (_a = state2 == null ? void 0 : state2.schema) == null ? void 0 : _a.reduce((acc, val) => acc && (state2 == null ? void 0 : state2.valid[val]), true);
-  }, [state2 == null ? void 0 : state2.schema, state2 == null ? void 0 : state2.valid]);
-  const getTargetValue = (key, e2) => {
+    formatters,
+    synchronusValidate: syncValidator,
+    asynchronusValidate: asyncValidate
+  }), [defaultData, fieldProblems, maskedFields, formatters, getRequiredFields, syncValidator, asyncValidate]);
+  const [state2, dispatch] = s(getReducer(), getInitialData(), init);
+  const [formErrors, setFormErrors] = h(state2.errors);
+  const getTargetValue = T$1((key, e2) => {
     if (!(e2 == null ? void 0 : e2.target))
       return e2;
     if (e2.target.type === "checkbox") {
       return !state2.data[key];
     }
     return e2.target.value;
-  };
-  const handleChangeFor = (key, mode = "blur") => (e2) => {
-    const value = getTargetValue(key, e2);
-    dispatch({
-      type: "updateField",
-      key,
-      value,
-      mode,
-      defaultData: defaultDataProp,
-      maskedFields: maskedFieldProp
-    });
-  };
-  const triggerValidation = T$1((selectedSchema) => {
-    dispatch({
-      type: "validateForm",
-      selectedSchema,
-      defaultData: defaultDataProp,
-      maskedFields: maskedFieldProp
-    });
-  }, [defaultDataProp, maskedFieldProp]);
+  }, [state2.data]);
   const setErrors = T$1((key, value) => dispatch({
     type: "setErrors",
     key,
@@ -4342,30 +4357,53 @@ function useForm({
     key,
     value
   }), []);
-  const setSchema = T$1((schema2) => dispatch({
+  const setSchema = T$1((newSchema) => dispatch({
     type: "setSchema",
-    schema: schema2,
-    defaultData: defaultDataProp
-  }), [defaultDataProp]);
+    schema: newSchema,
+    defaultData
+  }), [defaultData]);
+  const setFieldProblems = T$1((newFieldProblems) => dispatch({
+    type: "setFieldProblems",
+    fieldProblems: newFieldProblems
+  }), []);
   const mergeForm = T$1((formValue) => dispatch({
     type: "mergeForm",
     formValue
   }), []);
-  const setFieldProblems = T$1((fieldProblems) => dispatch({
-    type: "setFieldProblems",
-    fieldProblems
-  }), []);
-  const mergeAsyncErrorsState = T$1((formSchema, syncValidationErrors, asyncValidationErrors) => {
-    if (!formSchema.length)
+  const handleChangeFor = T$1((key, mode = "blur") => (e2) => {
+    const value = getTargetValue(key, e2);
+    dispatch({
+      type: "updateField",
+      key,
+      value,
+      mode,
+      defaultData,
+      maskedFields
+    });
+  }, [defaultData, maskedFields, getTargetValue]);
+  const triggerValidation = T$1((selectedSchema) => {
+    dispatch({
+      type: "validateForm",
+      selectedSchema,
+      defaultData,
+      maskedFields
+    });
+  }, [defaultData, maskedFields]);
+  const mergeAsyncErrorsState = T$1((syncValidationErrors, asyncValidationErrors) => {
+    if (!state2.schema.length)
       return syncValidationErrors;
-    return formSchema.reduce((acc, field) => {
+    return state2.schema.reduce((acc, field) => {
       var _a;
       return {
         ...acc,
         [field]: syncValidationErrors[field] ?? ((_a = asyncValidationErrors[field]) == null ? void 0 : _a.getError()) ?? null
       };
     }, {});
-  }, []);
+  }, [state2.schema]);
+  const isValid = F$1(() => {
+    var _a;
+    return (_a = state2.schema) == null ? void 0 : _a.some((key) => !!state2.valid[key]);
+  }, [state2.schema, state2.valid]);
   p(() => {
     const newSchema = getRequiredFields(state2.data);
     if (!doArraysMatch(state2.schema, newSchema)) {
@@ -4376,14 +4414,15 @@ function useForm({
     if (shouldValidate) {
       triggerValidation();
     }
-  }, [shouldValidate, state2.schema, validator]);
+  }, [shouldValidate, state2.schema, triggerValidation]);
   p(() => {
-    setFieldProblems(fieldProblemsProp ?? {});
-  }, [JSON.stringify(fieldProblemsProp), setFieldProblems]);
-  const [formErrors, setFormErrors] = h(state2.errors);
+    if (fieldProblems) {
+      setFieldProblems(fieldProblems);
+    }
+  }, [JSON.stringify(fieldProblems), setFieldProblems]);
   p(() => {
-    setFormErrors(mergeAsyncErrorsState(state2.schema ?? [], state2.errors, asyncValidationResults));
-  }, [asyncValidationResults, state2.errors, state2.schema]);
+    setFormErrors(mergeAsyncErrorsState(state2.errors, asyncValidationResults));
+  }, [mergeAsyncErrorsState, asyncValidationResults, state2.errors]);
   return {
     handleChangeFor,
     triggerValidation,
@@ -4479,9 +4518,8 @@ function Checkbox({
       }, classNameModifiers.map((m2) => `adyen-kyc-input--${m2}`)]),
       type: "checkbox",
       onClick: (event) => {
-        onChange(!checked);
-        event.preventDefault();
         event.stopPropagation();
+        onChange(!checked);
       }
     }), o("span", {
       className: "adyen-kyc-checkbox__label",
@@ -5114,6 +5152,12 @@ const businessRegistrationNumberPatterns = {
       format: '9 digits + optional "-" + 5 digits for SIRET, or W + 9 digits for RNA (W123456789)'
     }
   },
+  [CountryCodes.Gibraltar]: {
+    default: {
+      regex: /^[a-zA-Z0-9]{1,8}$/,
+      format: "Up to 8 alphanumeric characters"
+    }
+  },
   [CountryCodes.Germany]: {
     default: {
       regex: /^[a-zA-Z]{2,3}\d{1,6}[a-zA-Z]{0,5}(-[a-zA-Z]\d{4})?$/,
@@ -5274,8 +5318,13 @@ const businessRegistrationNumberPatterns = {
   },
   [CountryCodes.Malta]: {
     default: {
-      regex: /^(C)\d{5}$/,
-      format: "Cchar5digits"
+      regex: /^(C)\s?\d{4,6}$/,
+      format: "characterPlusXToYDigitsWithOptionalSpace",
+      values: {
+        c: "C",
+        x: 4,
+        y: 6
+      }
     }
   },
   [CountryCodes.Monaco]: {
@@ -5334,6 +5383,15 @@ const businessRegistrationNumberPatterns = {
       }
     }
   },
+  [CountryCodes.PuertoRico]: {
+    default: {
+      regex: /^\d{9}$/,
+      format: "Xdigits",
+      values: {
+        digits: 9
+      }
+    }
+  },
   [CountryCodes.Romania]: {
     default: {
       regex: /^[J]\d{2}\/\d{1,9}\/\d{4}$/,
@@ -5423,9 +5481,9 @@ const CountryIdNumberPatterns = {
   [CountryCodes.Italy]: /^[A-Z]{6}[0-9]{2}[ABCDEHLMPRST][0-9]{2}[A-Z][0-9]{3}[A-Z]$/,
   [CountryCodes.Poland]: /^\d{11}$/,
   [CountryCodes.Romania]: /^\d{13}$/,
+  [CountryCodes.Singapore]: /^[a-zA-Z0-9]{9,10}$/,
   [CountryCodes.Spain]: /(^[KL]?\d{7,8}[A-Z]$)|(^[MXYZ]\d{7}[A-Z]$)/,
   [CountryCodes.Sweden]: /(^\d{6}-\d{4}$)|(^\d{8}-\d{4}$)/,
-  [CountryCodes.Singapore]: /^[a-zA-Z0-9]{9,10}$/,
   [CountryCodes.UnitedStates]: /^\d{4}$/,
   US9: /^\d{9}$/
 };
@@ -5582,6 +5640,8 @@ const validateBusinessRegistrationNumber = (input, fallbackCountry = null, compa
 const getValidationRulesPerCountryAndType = (country2, companyType2, i18n) => ({
   modes: ["blur"],
   validate(registrationNumber2) {
+    if (!registrationNumber2)
+      return false;
     const {
       isValid,
       translationMessage
@@ -6077,7 +6137,7 @@ function useFormRouterContext() {
 }
 const _link_component = "";
 const _button_component = "";
-const logger$e = createLogger("Link");
+const logger$f = createLogger("Link");
 const getIconClass = (icon, external) => {
   if (external) {
     return "adl-link__icon adyen-kyc-icon-external-link";
@@ -6089,7 +6149,7 @@ const getIconClass = (icon, external) => {
 };
 const isValidLink = (href) => {
   if (href === "#") {
-    logger$e.error('Links must include a valid href. If your href is "#", consider using a Button instead');
+    logger$f.error('Links must include a valid href. If your href is "#", consider using a Button instead');
     return false;
   }
   return true;
@@ -7411,6 +7471,30 @@ const Select = ({
     if (toggleButtonRef.current)
       toggleButtonRef.current.focus();
   };
+  const showList = () => {
+    let sp = scrollParent;
+    if (!sp) {
+      sp = getScrollParent(toggleButtonRef.current);
+      setScrollParent(sp);
+    }
+    if (sp !== -1) {
+      const {
+        bottom: scrollParentBottomPosition
+      } = sp.getBoundingClientRect();
+      const {
+        bottom: toggleButtonBottomPosition
+      } = toggleButtonRef.current.getBoundingClientRect();
+      if (scrollParentBottomPosition - toggleButtonBottomPosition > SELECTLIST_MAX_HEIGHT) {
+        setIsShowListAbove(false);
+      } else {
+        setIsShowListAbove(true);
+      }
+    }
+    setIsShowList(true);
+  };
+  const hideList = () => {
+    setIsShowList(false);
+  };
   const handleSelect = (selectedItem) => {
     if (readonly)
       return;
@@ -7436,13 +7520,13 @@ const Select = ({
   const handleButtonKeyDown = (e2) => {
     var _a;
     if (e2.key === KEYBOARD_KEYS.enter && filterable && isShowList && textFilter) {
-      const {
-        value
-      } = e2.currentTarget;
-      const selectedItem = items.find((item) => item.id === e2.currentTarget.value);
-      if (isSearch && value.length > 2 || !isSearch) {
+      const value = e2.currentTarget.value || e2.target.value;
+      const selectedItem = items.find((item) => item.id === value);
+      if (selectedItem && (isSearch && (value == null ? void 0 : value.length) > 2 || !isSearch)) {
         handleSelect(selectedItem);
         showList();
+      } else {
+        e2.preventDefault();
       }
     } else if (e2.key === KEYBOARD_KEYS.escape) {
       closeList();
@@ -7458,30 +7542,6 @@ const Select = ({
       closeList();
     }
   };
-  const showList = () => {
-    let sp = scrollParent;
-    if (!sp) {
-      sp = getScrollParent(toggleButtonRef.current);
-      setScrollParent(sp);
-    }
-    if (sp !== -1) {
-      const {
-        bottom: scrollParentBottomPosition
-      } = sp.getBoundingClientRect();
-      const {
-        bottom: toggleButtonBottomPosition
-      } = toggleButtonRef.current.getBoundingClientRect();
-      if (scrollParentBottomPosition - toggleButtonBottomPosition > SELECTLIST_MAX_HEIGHT) {
-        setIsShowListAbove(false);
-      } else {
-        setIsShowListAbove(true);
-      }
-    }
-    setIsShowList(true);
-  };
-  const hideList = () => {
-    setIsShowList(false);
-  };
   const handleClickOutside = (e2) => {
     if (!selectContainerRef.current.contains(e2.target)) {
       setIsShowList(false);
@@ -7689,7 +7749,7 @@ const countryBasedValidatorRules = {
   [CountryCodes.Austria]: {
     vatNumber: [{
       modes: ["blur"],
-      validate: (vatNumber2 = "") => {
+      validate: (vatNumber2) => {
         const {
           isValid
         } = validateVatNumber(vatNumber2, CountryCodes.Austria);
@@ -7701,7 +7761,7 @@ const countryBasedValidatorRules = {
   [CountryCodes.Belgium]: {
     vatNumber: [{
       modes: ["blur"],
-      validate: (vatNumber2 = "") => {
+      validate: (vatNumber2) => {
         const {
           isValid
         } = validateVatNumber(vatNumber2, CountryCodes.Belgium);
@@ -7713,7 +7773,7 @@ const countryBasedValidatorRules = {
   [CountryCodes.Bulgaria]: {
     vatNumber: [{
       modes: ["blur"],
-      validate: (vatNumber2 = "") => {
+      validate: (vatNumber2) => {
         const {
           isValid
         } = validateVatNumber(vatNumber2, CountryCodes.Bulgaria);
@@ -7725,7 +7785,7 @@ const countryBasedValidatorRules = {
   [CountryCodes.Croatia]: {
     vatNumber: [{
       modes: ["blur"],
-      validate: (vatNumber2 = "") => {
+      validate: (vatNumber2) => {
         const {
           isValid
         } = validateVatNumber(vatNumber2, CountryCodes.Croatia);
@@ -7737,7 +7797,7 @@ const countryBasedValidatorRules = {
   [CountryCodes.Cyprus]: {
     vatNumber: [{
       modes: ["blur"],
-      validate: (vatNumber2 = "") => {
+      validate: (vatNumber2) => {
         const {
           isValid
         } = validateVatNumber(vatNumber2, CountryCodes.Cyprus);
@@ -7749,7 +7809,7 @@ const countryBasedValidatorRules = {
   [CountryCodes.CzechRepublic]: {
     vatNumber: [{
       modes: ["blur"],
-      validate: (vatNumber2 = "") => {
+      validate: (vatNumber2) => {
         const {
           isValid
         } = validateVatNumber(vatNumber2, CountryCodes.CzechRepublic);
@@ -7761,7 +7821,7 @@ const countryBasedValidatorRules = {
   [CountryCodes.Denmark]: {
     vatNumber: [{
       modes: ["blur"],
-      validate: (vatNumber2 = "") => {
+      validate: (vatNumber2) => {
         const {
           isValid
         } = validateVatNumber(vatNumber2, CountryCodes.Denmark);
@@ -7773,7 +7833,7 @@ const countryBasedValidatorRules = {
   [CountryCodes.Estonia]: {
     vatNumber: [{
       modes: ["blur"],
-      validate: (vatNumber2 = "") => {
+      validate: (vatNumber2) => {
         const {
           isValid
         } = validateVatNumber(vatNumber2, CountryCodes.Estonia);
@@ -7785,7 +7845,7 @@ const countryBasedValidatorRules = {
   [CountryCodes.Finland]: {
     vatNumber: [{
       modes: ["blur"],
-      validate: (vatNumber2 = "") => {
+      validate: (vatNumber2) => {
         const {
           isValid
         } = validateVatNumber(vatNumber2, CountryCodes.Finland);
@@ -7797,7 +7857,7 @@ const countryBasedValidatorRules = {
   [CountryCodes.France]: {
     vatNumber: [{
       modes: ["blur"],
-      validate: (vatNumber2 = "") => {
+      validate: (vatNumber2) => {
         const {
           isValid
         } = validateVatNumber(vatNumber2, CountryCodes.France);
@@ -7809,7 +7869,7 @@ const countryBasedValidatorRules = {
   [CountryCodes.Germany]: {
     vatNumber: [{
       modes: ["blur"],
-      validate: (vatNumber2 = "") => {
+      validate: (vatNumber2) => {
         const {
           isValid
         } = validateVatNumber(vatNumber2, CountryCodes.Germany);
@@ -7821,7 +7881,7 @@ const countryBasedValidatorRules = {
   [CountryCodes.Greece]: {
     vatNumber: [{
       modes: ["blur"],
-      validate: (vatNumber2 = "") => {
+      validate: (vatNumber2) => {
         const {
           isValid
         } = validateVatNumber(vatNumber2, CountryCodes.Greece);
@@ -7833,7 +7893,7 @@ const countryBasedValidatorRules = {
   [CountryCodes.Hungary]: {
     vatNumber: [{
       modes: ["blur"],
-      validate: (vatNumber2 = "") => {
+      validate: (vatNumber2) => {
         const {
           isValid
         } = validateVatNumber(vatNumber2, CountryCodes.Hungary);
@@ -7845,7 +7905,7 @@ const countryBasedValidatorRules = {
   [CountryCodes.Italy]: {
     vatNumber: [{
       modes: ["blur"],
-      validate: (vatNumber2 = "") => {
+      validate: (vatNumber2) => {
         const {
           isValid
         } = validateVatNumber(vatNumber2, CountryCodes.Italy);
@@ -7857,7 +7917,7 @@ const countryBasedValidatorRules = {
   [CountryCodes.Ireland]: {
     vatNumber: [{
       modes: ["blur"],
-      validate: (vatNumber2 = "") => {
+      validate: (vatNumber2) => {
         const {
           isValid
         } = validateVatNumber(vatNumber2, CountryCodes.Ireland);
@@ -7869,7 +7929,7 @@ const countryBasedValidatorRules = {
   [CountryCodes.Latvia]: {
     vatNumber: [{
       modes: ["blur"],
-      validate: (vatNumber2 = "") => {
+      validate: (vatNumber2) => {
         const {
           isValid
         } = validateVatNumber(vatNumber2, CountryCodes.Latvia);
@@ -7881,7 +7941,7 @@ const countryBasedValidatorRules = {
   [CountryCodes.Liechtenstein]: {
     vatNumber: [{
       modes: ["blur"],
-      validate: (vatNumber2 = "") => {
+      validate: (vatNumber2) => {
         const {
           isValid
         } = validateVatNumber(vatNumber2, CountryCodes.Liechtenstein);
@@ -7893,7 +7953,7 @@ const countryBasedValidatorRules = {
   [CountryCodes.Lithuania]: {
     vatNumber: [{
       modes: ["blur"],
-      validate: (vatNumber2 = "") => {
+      validate: (vatNumber2) => {
         const {
           isValid
         } = validateVatNumber(vatNumber2, CountryCodes.Lithuania);
@@ -7905,7 +7965,7 @@ const countryBasedValidatorRules = {
   [CountryCodes.Luxembourg]: {
     vatNumber: [{
       modes: ["blur"],
-      validate: (vatNumber2 = "") => {
+      validate: (vatNumber2) => {
         const {
           isValid
         } = validateVatNumber(vatNumber2, CountryCodes.Luxembourg);
@@ -7917,7 +7977,7 @@ const countryBasedValidatorRules = {
   [CountryCodes.Malta]: {
     vatNumber: [{
       modes: ["blur"],
-      validate: (vatNumber2 = "") => {
+      validate: (vatNumber2) => {
         const {
           isValid
         } = validateVatNumber(vatNumber2, CountryCodes.Malta);
@@ -7929,7 +7989,7 @@ const countryBasedValidatorRules = {
   [CountryCodes.Monaco]: {
     vatNumber: [{
       modes: ["blur"],
-      validate: (vatNumber2 = "") => {
+      validate: (vatNumber2) => {
         const {
           isValid
         } = validateVatNumber(vatNumber2, CountryCodes.Monaco);
@@ -7941,7 +8001,7 @@ const countryBasedValidatorRules = {
   [CountryCodes.Netherlands]: {
     vatNumber: [{
       modes: ["blur"],
-      validate: (vatNumber2 = "") => {
+      validate: (vatNumber2) => {
         const {
           isValid
         } = validateVatNumber(vatNumber2, CountryCodes.Netherlands);
@@ -7953,7 +8013,7 @@ const countryBasedValidatorRules = {
   [CountryCodes.Norway]: {
     vatNumber: [{
       modes: ["blur"],
-      validate: (vatNumber2 = "") => {
+      validate: (vatNumber2) => {
         const {
           isValid
         } = validateVatNumber(vatNumber2, CountryCodes.Norway);
@@ -7965,7 +8025,7 @@ const countryBasedValidatorRules = {
   [CountryCodes.Poland]: {
     vatNumber: [{
       modes: ["blur"],
-      validate: (vatNumber2 = "") => {
+      validate: (vatNumber2) => {
         const {
           isValid
         } = validateVatNumber(vatNumber2, CountryCodes.Poland);
@@ -7977,7 +8037,7 @@ const countryBasedValidatorRules = {
   [CountryCodes.Portugal]: {
     vatNumber: [{
       modes: ["blur"],
-      validate: (vatNumber2 = "") => {
+      validate: (vatNumber2) => {
         const {
           isValid
         } = validateVatNumber(vatNumber2, CountryCodes.Portugal);
@@ -7989,7 +8049,7 @@ const countryBasedValidatorRules = {
   [CountryCodes.Romania]: {
     vatNumber: [{
       modes: ["blur"],
-      validate: (vatNumber2 = "") => {
+      validate: (vatNumber2) => {
         const {
           isValid
         } = validateVatNumber(vatNumber2, CountryCodes.Romania);
@@ -8001,7 +8061,7 @@ const countryBasedValidatorRules = {
   [CountryCodes.Slovakia]: {
     vatNumber: [{
       modes: ["blur"],
-      validate: (vatNumber2 = "") => {
+      validate: (vatNumber2) => {
         const {
           isValid
         } = validateVatNumber(vatNumber2, CountryCodes.Slovakia);
@@ -8013,7 +8073,7 @@ const countryBasedValidatorRules = {
   [CountryCodes.Slovenia]: {
     vatNumber: [{
       modes: ["blur"],
-      validate: (vatNumber2 = "") => {
+      validate: (vatNumber2) => {
         const {
           isValid
         } = validateVatNumber(vatNumber2, CountryCodes.Slovenia);
@@ -8025,7 +8085,7 @@ const countryBasedValidatorRules = {
   [CountryCodes.Spain]: {
     vatNumber: [{
       modes: ["blur"],
-      validate: (vatNumber2 = "") => {
+      validate: (vatNumber2) => {
         const {
           isValid
         } = validateVatNumber(vatNumber2, CountryCodes.Spain);
@@ -8037,7 +8097,7 @@ const countryBasedValidatorRules = {
   [CountryCodes.Sweden]: {
     vatNumber: [{
       modes: ["blur"],
-      validate: (vatNumber2 = "") => {
+      validate: (vatNumber2) => {
         const {
           isValid
         } = validateVatNumber(vatNumber2, CountryCodes.Sweden);
@@ -8049,7 +8109,7 @@ const countryBasedValidatorRules = {
   [CountryCodes.Switzerland]: {
     vatNumber: [{
       modes: ["blur"],
-      validate: (vatNumber2 = "") => {
+      validate: (vatNumber2) => {
         const {
           isValid
         } = validateVatNumber(vatNumber2, CountryCodes.Switzerland);
@@ -8061,7 +8121,7 @@ const countryBasedValidatorRules = {
   [CountryCodes.UnitedKingdom]: {
     vatNumber: [{
       modes: ["blur"],
-      validate: (vatNumber2 = "") => {
+      validate: (vatNumber2) => {
         const {
           isValid
         } = validateVatNumber(vatNumber2, CountryCodes.UnitedKingdom);
@@ -8073,7 +8133,7 @@ const countryBasedValidatorRules = {
   [CountryCodes.UnitedStates]: {
     vatNumber: [{
       modes: ["blur"],
-      validate: (vatNumber2 = "") => {
+      validate: (vatNumber2) => {
         const {
           isValid
         } = validateVatNumber(vatNumber2, CountryCodes.UnitedStates);
@@ -8206,6 +8266,9 @@ const companyDetailsValidationRules = {
   }]
 };
 const FLOWS_THAT_HIDE_REGISTRATION_NUMBER = [{
+  companyType: [CompanyTypesValue.SOLE_PROPRIETORSHIP],
+  country: CountryCodes.Gibraltar
+}, {
   companyType: [CompanyTypesValue.SOLE_PROPRIETORSHIP],
   country: CountryCodes.Guernsey
 }, {
@@ -8217,6 +8280,9 @@ const FLOWS_THAT_HIDE_REGISTRATION_NUMBER = [{
 }, {
   companyType: [CompanyTypesValue.SOLE_PROPRIETORSHIP],
   country: CountryCodes.Malta
+}, {
+  companyType: [CompanyTypesValue.SOLE_PROPRIETORSHIP],
+  country: CountryCodes.PuertoRico
 }];
 const companyDetailFields = ["tradingName", "sameNameAsLegalName", ...businessRegistrationNumberFields, "stockExchangeMIC", "stockISIN", ...vatNumberFields, ...taxIdFields];
 function CompanyDetailsComponent(props) {
@@ -8468,10 +8534,186 @@ function useDataset(datasetIdentifier2, skip) {
     loaded
   };
 }
-function CountryField({
-  allowedCountries = [],
-  classNameModifiers = [],
-  errorMessage,
+const getPayoutAccountFormat = async (context, country2) => {
+  const {
+    loadingContext,
+    clientKey
+  } = context;
+  return httpGet({
+    loadingContext,
+    errorLevel: "warn",
+    errorMessage: `Payout account format configuration is not available`,
+    path: `v1/configuration/accountFormats/${country2}`,
+    clientKey
+  });
+};
+const getAllowedCountries = async (context) => {
+  const {
+    loadingContext,
+    clientKey
+  } = context;
+  return httpGet({
+    loadingContext,
+    errorLevel: "warn",
+    errorMessage: `Countries configuration is not available`,
+    path: "v1/configuration/countries",
+    clientKey
+  });
+};
+const getAllowedLocales = async (context) => {
+  const {
+    loadingContext,
+    clientKey
+  } = context;
+  return httpGet({
+    loadingContext,
+    errorLevel: "warn",
+    errorMessage: `Locales configuration is not available`,
+    path: "v1/configuration/locales",
+    clientKey
+  });
+};
+const getConfiguration = async (context, request) => {
+  const {
+    loadingContext,
+    clientKey
+  } = context;
+  return httpPost({
+    loadingContext,
+    errorLevel: "warn",
+    errorMessage: `Configuration is not available`,
+    path: "v1/configuration",
+    clientKey
+  }, request);
+};
+let isFlagsLoaded = false;
+let isDocumentGuidanceLoaded = false;
+const getIconContainer = () => {
+  const container = document.createElement("div");
+  container.setAttribute("aria-hidden", "true");
+  container.setAttribute("id", "adl-icon-container");
+  container.style.height = "0";
+  return container;
+};
+const buildSpriteDOMFromResponse = (responseData) => {
+  const iconContainer = getIconContainer();
+  iconContainer.innerHTML = responseData;
+  return iconContainer;
+};
+const loadFlags = async (loadingContext) => {
+  if (isFlagsLoaded)
+    return;
+  isFlagsLoaded = true;
+  const responseData = await http({
+    loadingContext,
+    path: "static/images/country-flags.svg"
+  }, null, "text");
+  document.body.insertBefore(buildSpriteDOMFromResponse(responseData), document.body.firstChild);
+};
+const loadDocumentGuidance = async (loadingContext) => {
+  if (isDocumentGuidanceLoaded)
+    return;
+  isDocumentGuidanceLoaded = true;
+  const responseData = await http({
+    loadingContext,
+    path: "static/images/document-guidance.svg"
+  }, null, "text");
+  document.body.insertBefore(buildSpriteDOMFromResponse(responseData), document.body.firstChild);
+};
+const validatePhoneNumber = async (context, phoneNumber2) => {
+  const {
+    loadingContext,
+    clientKey
+  } = context;
+  return httpPost({
+    loadingContext,
+    clientKey,
+    errorLevel: "warn",
+    errorMessage: "Phone validation is not available",
+    path: "v1/validations/phonenumber"
+  }, {
+    number: phoneNumber2
+  });
+};
+const logger$e = createLogger("verify-id-number");
+const verifyIdNumber = async (context, request) => {
+  const {
+    loadingContext,
+    clientKey
+  } = context;
+  try {
+    return await httpPost({
+      loadingContext,
+      errorLevel: "warn",
+      errorMessage: `Id verification is not available`,
+      // Handler for unhappy flows, i.e. status != 200, in the idNumber verification process
+      errorHandler: async (response) => {
+        const responseData = await response;
+        if (responseData.status === 422) {
+          return {
+            status: 422,
+            message: responseData.detail,
+            errorCode: responseData.errorCode
+          };
+        }
+        if (responseData.status === 500) {
+          return {
+            status: 500,
+            message: "Service did not respond, do not block verification"
+          };
+        }
+        return logger$e.warn(`Unexpected response status ${responseData.status}`);
+      },
+      path: "v1/verification/idNumber",
+      clientKey
+    }, request);
+  } catch (e2) {
+    logger$e.warn("WARNING: idNumber verification failed - error:", e2);
+  }
+};
+const useKycExternalApi = () => {
+  const {
+    loadingContext,
+    clientKey
+  } = useCoreContext();
+  return {
+    getConfiguration: async (request) => getConfiguration({
+      loadingContext,
+      clientKey
+    }, request),
+    getPayoutAccountFormat: async (country2) => getPayoutAccountFormat({
+      loadingContext,
+      clientKey
+    }, country2),
+    getAllowedCountries: async () => getAllowedCountries({
+      loadingContext,
+      clientKey
+    }),
+    getAllowedLocales: async () => getAllowedLocales({
+      loadingContext,
+      clientKey
+    }),
+    getDataset: async (name, locale) => getDataset({
+      loadingContext,
+      clientKey
+    }, name, locale),
+    loadFlags: async () => loadFlags(loadingContext),
+    loadDocumentGuidance: async () => loadDocumentGuidance(loadingContext),
+    verifyIdNumber: async (request) => verifyIdNumber({
+      loadingContext,
+      clientKey
+    }, request),
+    validatePhoneNumber: async (phoneNumber2) => validatePhoneNumber({
+      loadingContext,
+      clientKey
+    }, phoneNumber2)
+  };
+};
+const logger$d = createLogger("CountryField");
+function CountryField({
+  allowedCountries = [],
+  classNameModifiers = [],
+  errorMessage,
   onDropdownChange,
   value,
   readOnly,
@@ -8481,9 +8723,15 @@ function CountryField({
   const {
     i18n
   } = useCoreContext();
+  const {
+    loadFlags: loadFlags2
+  } = useKycExternalApi();
   const {
     dataset: countriesFromApi
   } = useDataset(datasetIdentifier.country);
+  p(() => {
+    loadFlags2().catch(logger$d.error);
+  }, [loadFlags2]);
   const countries = countriesFromApi.filter((country2) => allowedCountries.length ? allowedCountries.includes(country2.id) : true).map((item) => ({
     ...item,
     sprite: `#adl-flag-${item.id.toLowerCase()}`
@@ -8835,9 +9083,10 @@ var TaskStatus = /* @__PURE__ */ ((TaskStatus2) => {
   TaskStatus2[TaskStatus2["DOWNLOAD"] = 5] = "DOWNLOAD";
   TaskStatus2[TaskStatus2["ERROR"] = 6] = "ERROR";
   TaskStatus2[TaskStatus2["SIGNED"] = 7] = "SIGNED";
+  TaskStatus2[TaskStatus2["SUBMIT"] = 8] = "SUBMIT";
   return TaskStatus2;
 })(TaskStatus || {});
-const SOLE_PROP_COUNTRIES = [CountryCodes.Austria, CountryCodes.Australia, CountryCodes.Belgium, CountryCodes.Bulgaria, CountryCodes.Canada, CountryCodes.Croatia, CountryCodes.Cyprus, CountryCodes.CzechRepublic, CountryCodes.Denmark, CountryCodes.Estonia, CountryCodes.Finland, CountryCodes.France, CountryCodes.Germany, CountryCodes.Greece, CountryCodes.Guernsey, CountryCodes.Hungary, CountryCodes.Ireland, CountryCodes.IsleOfMan, CountryCodes.Italy, CountryCodes.Jersey, CountryCodes.Latvia, CountryCodes.Liechtenstein, CountryCodes.Lithuania, CountryCodes.Luxembourg, CountryCodes.Malta, CountryCodes.Monaco, CountryCodes.Netherlands, CountryCodes.Norway, CountryCodes.Poland, CountryCodes.Portugal, CountryCodes.Romania, CountryCodes.Singapore, CountryCodes.Slovakia, CountryCodes.Slovenia, CountryCodes.Spain, CountryCodes.Sweden, CountryCodes.Switzerland, CountryCodes.UnitedKingdom, CountryCodes.UnitedStates];
+const SOLE_PROP_COUNTRIES = [CountryCodes.Austria, CountryCodes.Australia, CountryCodes.Belgium, CountryCodes.Bulgaria, CountryCodes.Canada, CountryCodes.Croatia, CountryCodes.Cyprus, CountryCodes.CzechRepublic, CountryCodes.Denmark, CountryCodes.Estonia, CountryCodes.Finland, CountryCodes.France, CountryCodes.Germany, CountryCodes.Gibraltar, CountryCodes.Greece, CountryCodes.Guernsey, CountryCodes.Hungary, CountryCodes.Ireland, CountryCodes.IsleOfMan, CountryCodes.Italy, CountryCodes.Jersey, CountryCodes.Latvia, CountryCodes.Liechtenstein, CountryCodes.Lithuania, CountryCodes.Luxembourg, CountryCodes.Malta, CountryCodes.Monaco, CountryCodes.Netherlands, CountryCodes.Norway, CountryCodes.Poland, CountryCodes.Portugal, CountryCodes.PuertoRico, CountryCodes.Romania, CountryCodes.Singapore, CountryCodes.Slovakia, CountryCodes.Slovenia, CountryCodes.Spain, CountryCodes.Sweden, CountryCodes.Switzerland, CountryCodes.UnitedKingdom, CountryCodes.UnitedStates];
 const ID_NUMBER_EXEMPT_COUNTRIES = [CountryCodes.Canada, CountryCodes.UnitedStates];
 const ID_NUMBER_VERIFICATION_COUNTRIES = [CountryCodes.UnitedStates];
 const COUNTRIES_WHICH_USE_MULTIPLE_IDENTITY_TYPES = [CountryCodes.Australia];
@@ -8923,7 +9172,7 @@ const accountHolderValidationRules = {
   }
 };
 const accountHolderFields = ["accountHolder"];
-const logger$d = createLogger("AccountHolder");
+const logger$c = createLogger("AccountHolder");
 function getAvailableAccountHolderOptions(legalEntityType, isChangeOfLegalEntityTypeAllowed, isTrustFlowEnabled, isSoleProprietorshipAllowed, isChangeToMyNameAllowed) {
   switch (legalEntityType) {
     case LegalEntityType.ORGANIZATION: {
@@ -8933,7 +9182,7 @@ function getAvailableAccountHolderOptions(legalEntityType, isChangeOfLegalEntity
       return [...isChangeToMyNameAllowed ? ["myName"] : [], ...isChangeOfLegalEntityTypeAllowed ? ["theCompanyIWorkFor"] : [], ...isTrustFlowEnabled ? ["aTrust"] : [], ...isSoleProprietorshipAllowed ? ["mySoleTraderName"] : []];
     }
     default:
-      logger$d.error(`No available account holder options for legal entity type '${legalEntityType}'`);
+      logger$c.error(`No available account holder options for legal entity type '${legalEntityType}'`);
       return [];
   }
 }
@@ -9263,44 +9512,6 @@ const getDocumentGuidancePrefix = (documentType2, isIcon = false, isFront = true
   }
 };
 const _documentGuidance_component = "";
-let isFlagsLoaded = false;
-let isDocumentGuidanceLoaded = false;
-const getIconContainer = () => {
-  const container = document.createElement("div");
-  container.setAttribute("aria-hidden", "true");
-  container.setAttribute("id", "adl-icon-container");
-  container.style.height = "0";
-  return container;
-};
-const buildSpriteDOMFromResponse = (responseData) => {
-  const iconContainer = getIconContainer();
-  iconContainer.innerHTML = responseData;
-  return iconContainer;
-};
-const loadFlags = async (loadingContext) => {
-  if (isFlagsLoaded)
-    return Promise.resolve();
-  const options2 = {
-    loadingContext,
-    path: "static/images/country-flags.svg"
-  };
-  return http(options2, null, "text").then((responseData) => {
-    document.body.insertBefore(buildSpriteDOMFromResponse(responseData), document.body.firstChild);
-    isFlagsLoaded = true;
-  });
-};
-const loadDocumentGuidance = async (loadingContext) => {
-  if (isDocumentGuidanceLoaded)
-    return Promise.resolve();
-  const options2 = {
-    loadingContext,
-    path: "static/images/document-guidance.svg"
-  };
-  return http(options2, null, "text").then((responseData) => {
-    document.body.insertBefore(buildSpriteDOMFromResponse(responseData), document.body.firstChild);
-    isDocumentGuidanceLoaded = true;
-  });
-};
 function DocumentGuidance({
   type,
   className
@@ -9699,7 +9910,7 @@ function Dropzone(props) {
     })]
   });
 }
-const logger$c = createLogger("TextArea");
+const logger$b = createLogger("TextArea");
 function TextArea(props) {
   const {
     classNameModifiers,
@@ -9720,7 +9931,7 @@ function TextArea(props) {
   } = useCoreContext();
   const [value, setValue] = h("");
   if (Object.prototype.hasOwnProperty.call(props, "onChange")) {
-    logger$c.error("Error: Form fields that rely on InputBase may not have an onChange property");
+    logger$b.error("Error: Form fields that rely on InputBase may not have an onChange property");
   }
   const handleInput = (e2) => {
     var _a;
@@ -9827,9 +10038,10 @@ function DocumentUploadComponent({
   }, [data, valid, errors, fieldProblems]);
   p(() => {
     var _a2, _b;
-    setDocument({
-      [documentField]: (_a2 = props == null ? void 0 : props.data) == null ? void 0 : _a2[documentField]
-    });
+    if (documentField)
+      setDocument({
+        [documentField]: (_a2 = props == null ? void 0 : props.data) == null ? void 0 : _a2[documentField]
+      });
     setData("description", (_b = props.data) == null ? void 0 : _b.description);
     triggerValidation();
   }, [props.data]);
@@ -9845,7 +10057,7 @@ function DocumentUploadComponent({
       validationErrors: props == null ? void 0 : props.fieldValidationErrors,
       formUtils,
       id: "ariaErrorField"
-    }), formUtils.isRequiredField(documentField) && o(Fragment, {
+    }), documentField && formUtils.isRequiredField(documentField) && o(Fragment, {
       children: [guidanceHeader, documentTypeSelect && o(Field, {
         name: "documentType",
         label: i18n.get("selectDocumentType"),
@@ -10173,7 +10385,7 @@ function FieldContainer(props) {
   }
   return renderField(fieldName);
 }
-const logger$b = createLogger("SearchAddress");
+const logger$a = createLogger("SearchAddress");
 const SearchAddress = ({
   data,
   legalEntityId,
@@ -10199,7 +10411,7 @@ const SearchAddress = ({
       const response = await handleFindAddress(selectedAddressId);
       autocompleteAddressForm(response);
     } catch (e2) {
-      logger$b.error(e2);
+      logger$a.error(e2);
     }
   };
   const onDrilldown = async (selectedAddress) => {
@@ -10211,7 +10423,7 @@ const SearchAddress = ({
       }, legalEntityId);
       setItems((response == null ? void 0 : response.results) || []);
     } catch (e2) {
-      logger$b.error(e2);
+      logger$a.error(e2);
     }
   };
   const onChange = (e2) => {
@@ -10266,7 +10478,7 @@ const SearchAddress = ({
           setItems([]);
         }
       } catch (e2) {
-        logger$b.error(e2);
+        logger$a.error(e2);
       }
       setLoading(false);
     }
@@ -10451,6 +10663,12 @@ const countrySpecificFormatters = {
   [CountryCodes.Germany]: {
     postalCode: createFormatByDigits(5)
   },
+  [CountryCodes.Gibraltar]: {
+    postalCode: {
+      format: "GX11 1AA",
+      maxlength: 8
+    }
+  },
   [CountryCodes.Greece]: {
     postalCode: {
       format: "999 99",
@@ -10549,6 +10767,9 @@ const countrySpecificFormatters = {
       maxlength: 8
     }
   },
+  [CountryCodes.PuertoRico]: {
+    postalCode: createFormatByDigits(5)
+  },
   [CountryCodes.Romania]: {
     postalCode: createFormatByDigits(6)
   },
@@ -11515,10 +11736,10 @@ const fileToBase64 = (file) => new Promise((resolve, reject) => {
   reader.onerror = (error) => reject(error);
 });
 const getFileExtention = (fileName2) => fileName2.split(".").pop();
-const COUNTRIES_THAT_DONT_REQUIRE_SOLE_PROP_REGISTRATION = [CountryCodes.Australia, CountryCodes.Guernsey, CountryCodes.Ireland, CountryCodes.IsleOfMan, CountryCodes.Jersey, CountryCodes.Malta, CountryCodes.Spain, CountryCodes.UnitedKingdom, CountryCodes.UnitedStates];
+const COUNTRIES_THAT_DONT_REQUIRE_SOLE_PROP_REGISTRATION = [CountryCodes.Australia, CountryCodes.Gibraltar, CountryCodes.Guernsey, CountryCodes.Ireland, CountryCodes.IsleOfMan, CountryCodes.Jersey, CountryCodes.Malta, CountryCodes.PuertoRico, CountryCodes.Spain, CountryCodes.UnitedKingdom, CountryCodes.UnitedStates];
 const COUNTRIES_THAT_DONT_REQUIRE_COMPANY_REGISTRATION = [CountryCodes.UnitedStates];
-const COUNTRIES_WITH_POSSIBLE_REGISTRATION_EXEMPTIONS_FOR_SOLE_PROPS = [CountryCodes.Austria, CountryCodes.Canada, CountryCodes.Finland, CountryCodes.Germany, CountryCodes.Lithuania, CountryCodes.Luxembourg, CountryCodes.Sweden, CountryCodes.Switzerland];
-const COUNTRIES_THAT_USE_TAX_ID_INSTEAD_OF_VAT = [CountryCodes.Australia, CountryCodes.Canada, CountryCodes.HongKong, CountryCodes.NewZealand, CountryCodes.Singapore, CountryCodes.UnitedStates];
+const COUNTRIES_WITH_POSSIBLE_REGISTRATION_EXEMPTIONS_FOR_SOLE_PROPS = [CountryCodes.Austria, CountryCodes.Canada, CountryCodes.Finland, CountryCodes.Germany, CountryCodes.Lithuania, CountryCodes.Luxembourg, CountryCodes.Poland, CountryCodes.Sweden, CountryCodes.Switzerland];
+const COUNTRIES_THAT_USE_TAX_ID_INSTEAD_OF_VAT = [CountryCodes.Australia, CountryCodes.Canada, CountryCodes.Gibraltar, CountryCodes.HongKong, CountryCodes.NewZealand, CountryCodes.PuertoRico, CountryCodes.Singapore, CountryCodes.UnitedStates];
 const COUNTRIES_WITH_POSSIBLE_TAX_EXEMPTION_FOR_COMPANIES = [
   // strictly a subset of countries which use tax ID
   // right now in all countries companies must provide a tax ID - but maybe there will be exemptions in future?
@@ -12685,8 +12906,8 @@ const getPageName = (document2, pageIndex = 0) => {
 };
 function getProp(object, path) {
   const splitPath = path.split(".");
-  const reducer = (xs, x2) => xs && xs[x2] !== void 0 ? xs[x2] : void 0;
-  return splitPath.reduce(reducer, object);
+  const reducer2 = (xs, x2) => xs && xs[x2] !== void 0 ? xs[x2] : void 0;
+  return splitPath.reduce(reducer2, object);
 }
 const idDocumentUploadFields = ["idDocumentType", "idFrontPage", "idBackPage", "idDocument"];
 const documentTypeValidationRules$1 = {
@@ -13419,6 +13640,22 @@ const LoaderWrapper = ({
   });
 };
 const containerId = "adyen-kyc-id-verification";
+const getOnfidoLocaleConfig = (i18n) => {
+  const language = i18n.locale.substring(0, 2);
+  return language === "en" ? {
+    locale: language,
+    phrases: {
+      "country_select.button_primary": i18n.get("continue"),
+      "doc_submit.title_id_back": i18n.get("identityCardBack"),
+      "doc_submit.title_id_front": i18n.get("identityCardFront"),
+      "doc_submit.title_license_back": i18n.get("drivinglicenseBack"),
+      "doc_submit.title_license_front": i18n.get("drivinglicenseFront"),
+      "doc_submit.title_passport": i18n.get("passportPhotoPage"),
+      "doc_submit.title_permit_back": i18n.get("residencePermitBack"),
+      "doc_submit.title_permit_front": i18n.get("residencePermitFront")
+    }
+  } : language;
+};
 const initOnfido = async ({
   token,
   i18n,
@@ -13429,7 +13666,6 @@ const initOnfido = async ({
   const {
     init: init2
   } = await import("onfido-sdk-ui");
-  const language = i18n.locale.substring(0, 2);
   return init2({
     token,
     containerId,
@@ -13450,22 +13686,10 @@ const initOnfido = async ({
         }
       }
     }],
-    language: {
-      locale: language,
-      phrases: {
-        "country_select.button_primary": i18n.get("continue"),
-        "doc_submit.title_id_back": i18n.get("identityCardBack"),
-        "doc_submit.title_id_front": i18n.get("identityCardFront"),
-        "doc_submit.title_license_back": i18n.get("drivinglicenseBack"),
-        "doc_submit.title_license_front": i18n.get("drivinglicenseFront"),
-        "doc_submit.title_passport": i18n.get("passportPhotoPage"),
-        "doc_submit.title_permit_back": i18n.get("residencePermitBack"),
-        "doc_submit.title_permit_front": i18n.get("residencePermitFront")
-      }
-    }
+    language: getOnfidoLocaleConfig(i18n)
   });
 };
-const logger$a = createLogger("IdVerificationComponent");
+const logger$9 = createLogger("IdVerificationComponent");
 function IdVerificationComponent({
   userDetails,
   handleGetIdVerificationToken,
@@ -13484,24 +13708,31 @@ function IdVerificationComponent({
     handleGetIdVerificationToken,
     onIdVerificationError
   });
+  const onfidoSdk = _$1();
   p(() => {
-    let onfido;
     (async () => {
       if (!sdkToken)
         return;
-      onfido = await initOnfido({
+      onfidoSdk.current = await initOnfido({
         token: sdkToken,
         i18n,
         onIdVerificationClose,
         onIdVerificationError,
         onIdVerificationComplete
       });
-    })().catch(logger$a.error);
+    })().catch(logger$9.error);
     return () => {
-      if (onfido)
-        onfido.tearDown();
+      if (onfidoSdk.current)
+        onfidoSdk.current.tearDown();
     };
   }, [sdkToken]);
+  p(() => {
+    if (!onfidoSdk.current)
+      return;
+    onfidoSdk.current.setOptions({
+      language: getOnfidoLocaleConfig(i18n)
+    });
+  }, [i18n.locale]);
   return o(LoaderWrapper, {
     status: loadingStatus,
     children: o("div", {
@@ -13541,7 +13772,7 @@ function IdDocumentAlreadyUpload(props) {
     })]
   });
 }
-const logger$9 = createLogger("IdDocumentInstantVerificationComponent");
+const logger$8 = createLogger("IdDocumentInstantVerificationComponent");
 const idVerificationSchema = ["instantIdVerificationData", "idDocumentType"];
 const documentTypeValidationRules = {
   instantIdVerificationData: {
@@ -13622,7 +13853,7 @@ function IdDocumentInstantVerificationComponent(props) {
         handleGetIdVerificationToken: props.handleGetIdVerificationToken,
         userDetails: props.userDetails,
         onIdVerificationComplete: handleIdVerificationComplete,
-        onIdVerificationError: logger$9.error
+        onIdVerificationError: logger$8.error
       }), o("div", {
         className: "adyen-kyc-document-upload__manual-upload",
         children: [i18n.get("canNotCompleteInstantVerification"), " ", o("button", {
@@ -13902,173 +14133,32 @@ function IdVerificationMethodComponent(props) {
     })]
   });
 }
-const getPayoutAccountFormat = async (context, country2) => {
-  const {
-    loadingContext,
-    clientKey
-  } = context;
-  return httpGet({
-    loadingContext,
-    errorLevel: "warn",
-    errorMessage: `Payout account format configuration is not available`,
-    path: `v1/configuration/accountFormats/${country2}`,
-    clientKey
-  });
+const FIELD = "idNumber";
+const verifyIdNumberHelper = (idRtnData) => {
+  if ((idRtnData == null ? void 0 : idRtnData.status) === 422 || (idRtnData == null ? void 0 : idRtnData.verified) === "false") {
+    return {
+      status: "error",
+      data: idRtnData,
+      fieldName: FIELD,
+      translationKey: "unableToVerifyTheIdNumber"
+    };
+  }
+  if ((idRtnData == null ? void 0 : idRtnData.status) === 500) {
+    return {
+      status: "verified",
+      data: idRtnData,
+      fieldName: FIELD
+    };
+  }
+  if ((idRtnData == null ? void 0 : idRtnData.verified) === "true") {
+    return {
+      status: "verified",
+      data: idRtnData,
+      fieldName: FIELD
+    };
+  }
 };
-const getAllowedCountries = async (context) => {
-  const {
-    loadingContext,
-    clientKey
-  } = context;
-  return httpGet({
-    loadingContext,
-    errorLevel: "warn",
-    errorMessage: `Countries configuration is not available`,
-    path: "v1/configuration/countries",
-    clientKey
-  });
-};
-const getAllowedLocales = async (context) => {
-  const {
-    loadingContext,
-    clientKey
-  } = context;
-  return httpGet({
-    loadingContext,
-    errorLevel: "warn",
-    errorMessage: `Locales configuration is not available`,
-    path: "v1/configuration/locales",
-    clientKey
-  });
-};
-const getConfiguration = async (context, request) => {
-  const {
-    loadingContext,
-    clientKey
-  } = context;
-  return httpPost({
-    loadingContext,
-    errorLevel: "warn",
-    errorMessage: `Configuration is not available`,
-    path: "v1/configuration",
-    clientKey
-  }, request);
-};
-const validatePhoneNumber = async (context, phoneNumber2) => {
-  const {
-    loadingContext,
-    clientKey
-  } = context;
-  return httpPost({
-    loadingContext,
-    clientKey,
-    errorLevel: "warn",
-    errorMessage: "Phone validation is not available",
-    path: "v1/validations/phonenumber"
-  }, {
-    number: phoneNumber2
-  });
-};
-const logger$8 = createLogger("verify-id-number");
-const verifyIdNumber = async (context, request) => {
-  const {
-    loadingContext,
-    clientKey
-  } = context;
-  try {
-    return await httpPost({
-      loadingContext,
-      errorLevel: "warn",
-      errorMessage: `Id verification is not available`,
-      // Handler for unhappy flows, i.e. status != 200, in the idNumber verification process
-      errorHandler: async (response) => {
-        const responseData = await response;
-        if (responseData.status === 422) {
-          return {
-            status: 422,
-            message: responseData.detail,
-            errorCode: responseData.errorCode
-          };
-        }
-        if (responseData.status === 500) {
-          return {
-            status: 500,
-            message: "Service did not respond, do not block verification"
-          };
-        }
-        return logger$8.warn(`Unexpected response status ${responseData.status}`);
-      },
-      path: "v1/verification/idNumber",
-      clientKey
-    }, request);
-  } catch (e2) {
-    logger$8.warn("WARNING: idNumber verification failed - error:", e2);
-  }
-};
-const useKycExternalApi = () => {
-  const {
-    loadingContext,
-    clientKey
-  } = useCoreContext();
-  return {
-    getConfiguration: async (request) => getConfiguration({
-      loadingContext,
-      clientKey
-    }, request),
-    getPayoutAccountFormat: async (country2) => getPayoutAccountFormat({
-      loadingContext,
-      clientKey
-    }, country2),
-    getAllowedCountries: async () => getAllowedCountries({
-      loadingContext,
-      clientKey
-    }),
-    getAllowedLocales: async () => getAllowedLocales({
-      loadingContext,
-      clientKey
-    }),
-    getDataset: async (name, locale) => getDataset({
-      loadingContext,
-      clientKey
-    }, name, locale),
-    loadFlags: async () => loadFlags(loadingContext),
-    loadDocumentGuidance: async () => loadDocumentGuidance(loadingContext),
-    verifyIdNumber: async (request) => verifyIdNumber({
-      loadingContext,
-      clientKey
-    }, request),
-    validatePhoneNumber: async (phoneNumber2) => validatePhoneNumber({
-      loadingContext,
-      clientKey
-    }, phoneNumber2)
-  };
-};
-const FIELD = "idNumber";
-const verifyIdNumberHelper = (idRtnData) => {
-  if ((idRtnData == null ? void 0 : idRtnData.status) === 422 || (idRtnData == null ? void 0 : idRtnData.verified) === "false") {
-    return {
-      status: "error",
-      data: idRtnData,
-      fieldName: FIELD,
-      translationKey: "unableToVerifyTheIdNumber"
-    };
-  }
-  if ((idRtnData == null ? void 0 : idRtnData.status) === 500) {
-    return {
-      status: "verified",
-      data: idRtnData,
-      fieldName: FIELD
-    };
-  }
-  if ((idRtnData == null ? void 0 : idRtnData.verified) === "true") {
-    return {
-      status: "verified",
-      data: idRtnData,
-      fieldName: FIELD
-    };
-  }
-};
-function useVerification(fieldsToVerify, country2) {
+function useVerification(fieldsToVerify, country2) {
   const {
     verifyIdNumber: verifyIdNumber2
   } = useKycExternalApi();
@@ -14156,10 +14246,14 @@ const phoneFormatters = {
 const phoneFields = ["phoneNumber"];
 const DEFAULT_PHONE_PREFIX = "+1";
 function PhoneInputComponent(props) {
-  var _a, _b;
+  var _a;
   const {
+    data: dataProp,
     dataStoreId,
-    country: country2
+    country: country2,
+    phonePrefixes,
+    requiredFields,
+    fieldValidationErrors
   } = props;
   const {
     i18n
@@ -14168,8 +14262,8 @@ function PhoneInputComponent(props) {
     setState: null
   });
   const formUtils = formUtilities(props, i18n);
-  const phonePrefix = ((_b = (_a = props.phonePrefixes) == null ? void 0 : _a.find((item) => item.id === country2)) == null ? void 0 : _b.name) ?? DEFAULT_PHONE_PREFIX;
-  const staticRules = staticPhoneValidationRules(props.phonePrefixes, phonePrefix);
+  const phonePrefix = ((_a = phonePrefixes == null ? void 0 : phonePrefixes.find((item) => item.id === country2)) == null ? void 0 : _a.name) ?? DEFAULT_PHONE_PREFIX;
+  const staticRules = F$1(() => staticPhoneValidationRules(phonePrefixes, phonePrefix), [phonePrefix, phonePrefixes]);
   const asyncRules = useAsyncPhoneValidationRules();
   const {
     handleChangeFor,
@@ -14182,16 +14276,16 @@ function PhoneInputComponent(props) {
     triggerValidation
   } = useForm({
     ...props,
-    schema: props.requiredFields,
-    defaultData: props.data,
+    schema: requiredFields ?? phoneFields,
+    defaultData: dataProp,
     formatters: phoneFormatters,
     rules: staticRules,
     asyncRules,
-    fieldProblems: props == null ? void 0 : props.fieldValidationErrors
+    fieldProblems: fieldValidationErrors
   });
   p(() => {
-    var _a2, _b2;
-    (_b2 = (_a2 = stateRef.current) == null ? void 0 : _a2.setState) == null ? void 0 : _b2.call(_a2, {
+    var _a2, _b;
+    (_b = (_a2 = stateRef.current) == null ? void 0 : _a2.setState) == null ? void 0 : _b.call(_a2, {
       type: "addToState",
       value: {
         data,
@@ -14242,8 +14336,7 @@ const PhoneInput = x(PhoneInputComponent, (prevProps, nextProps) => prevProps.co
 const contactDetailsValidationRules = {
   email: {
     modes: ["blur"],
-    // prettier-ignore
-    validate: (email2) => emailPattern.test(email2),
+    validate: (email2) => email2 ? emailPattern.test(email2) : false,
     errorMessage: "invalidEmail"
   }
 };
@@ -14909,7 +15002,7 @@ function IdentityNumber(props) {
     triggerValidation
   } = useForm({
     ...props,
-    schema: requiredFields,
+    schema: requiredFields ?? idNumberFields,
     formatters: formattingRules,
     rules: validationRules,
     defaultData: propData,
@@ -15735,16 +15828,6 @@ const idVerificationMethodFormID = individualForms.idVerificationMethod.formId;
 const proofOfResidencyFormID = individualForms.proofOfResidence.formId;
 const proofOfNationalIdFormID = individualForms.proofOfNationalId.formId;
 const individualDocumentForms = [idVerificationMethodFormID, idDocumentFormID, proofOfResidencyFormID, proofOfNationalIdFormID];
-const hasIdNumberExemptChanged = (prevState, currentState) => {
-  var _a, _b, _c, _d;
-  const idNumberExemptPrev = (_b = (_a = prevState.data) == null ? void 0 : _a.personalDetails) == null ? void 0 : _b.idNumberExempt;
-  const idNumberExempt = (_d = (_c = currentState.data) == null ? void 0 : _c.personalDetails) == null ? void 0 : _d.idNumberExempt;
-  return idNumberExemptPrev != null && idNumberExempt != null && idNumberExempt !== idNumberExemptPrev;
-};
-const hasTypeOfIdentityChanged = (prevState, currentState) => {
-  var _a, _b, _c, _d;
-  return ((_b = (_a = prevState == null ? void 0 : prevState.data) == null ? void 0 : _a.personalDetails) == null ? void 0 : _b.typeOfIdentity) !== ((_d = (_c = currentState == null ? void 0 : currentState.data) == null ? void 0 : _c.personalDetails) == null ? void 0 : _d.typeOfIdentity);
-};
 function IndividualComponent(props) {
   var _a, _b, _c, _d, _e, _f, _g, _h;
   const {
@@ -15788,9 +15871,6 @@ function IndividualComponent(props) {
     prevState
   }) => {
     var _a2, _b2, _c2, _d2, _e2, _f2, _g2, _h2, _i, _j;
-    if (hasIdNumberExemptChanged(prevState, currentState) || hasTypeOfIdentityChanged(prevState, currentState) || hasRoleChanged(prevState, currentState)) {
-      props.evaluateConfiguration(currentState.allData);
-    }
     const residencyCountryPrev = (_b2 = (_a2 = prevState.data) == null ? void 0 : _a2.personalDetails) == null ? void 0 : _b2.residencyCountry;
     const residencyCountry2 = (_d2 = (_c2 = currentState.data) == null ? void 0 : _c2.personalDetails) == null ? void 0 : _d2.residencyCountry;
     if (residencyCountry2 != null && residencyCountry2 !== residencyCountryPrev) {
@@ -15812,10 +15892,6 @@ function IndividualComponent(props) {
     const isIdAlreadyUploaded = ((_a2 = data == null ? void 0 : data.idDocument) == null ? void 0 : _a2.instantIdVerificationData) || ((_c2 = (_b2 = props.data) == null ? void 0 : _b2.idDocument) == null ? void 0 : _c2.idDocumentType);
     props.setHideFooter(isIdDocumentFormActive && !isIdAlreadyUploaded && isInstantIdVerificationEnabled);
   }, [props.activeForm, idVerificationMethodSelected, props.handleGetIdVerificationToken, (_f = data == null ? void 0 : data.idDocument) == null ? void 0 : _f.instantIdVerificationData, (_h = (_g = props.data) == null ? void 0 : _g.idDocument) == null ? void 0 : _h.idDocumentType]);
-  const hasRoleChanged = (prevState, currentState) => {
-    var _a2, _b2, _c2, _d2;
-    return props.taskType === TaskTypes.DECISION_MAKER && !doArraysMatch(((_b2 = (_a2 = prevState.data) == null ? void 0 : _a2.personalDetails) == null ? void 0 : _b2.role) || [], ((_d2 = (_c2 = currentState.data) == null ? void 0 : _c2.personalDetails) == null ? void 0 : _d2.role) || []);
-  };
   const renderActiveForm = (activeForm) => {
     var _a2;
     return o(Fragment, {
@@ -15920,7 +15996,8 @@ const ActionBar = ({
   backButtonLabel,
   nextButtonLabel,
   hideOnHomeButton,
-  hideBackButton
+  hideBackButton,
+  nextButtonDisabled = false
 }) => o("div", {
   className: "adyen-action-bar",
   children: [(onBack || onNext) && o("div", {
@@ -15935,7 +16012,8 @@ const ActionBar = ({
       label: nextButtonLabel,
       className: "adyen-action-bar__button",
       onClick: onNext,
-      testId: "nextBtn"
+      testId: "nextBtn",
+      disabled: nextButtonDisabled
     })]
   }), onHome && homeButtonLabel && !hideOnHomeButton && o("div", {
     className: "adyen-action-bar__action",
@@ -15983,6 +16061,7 @@ const currencyByCountry = {
   [CountryCodes.Finland]: [Currency.EUR],
   [CountryCodes.France]: [Currency.EUR],
   [CountryCodes.Germany]: [Currency.EUR],
+  [CountryCodes.Gibraltar]: [Currency.GBP],
   [CountryCodes.Greece]: [Currency.EUR],
   [CountryCodes.Guernsey]: [Currency.GBP],
   [CountryCodes.Hungary]: [Currency.HUF, Currency.EUR],
@@ -16000,6 +16079,7 @@ const currencyByCountry = {
   [CountryCodes.Norway]: [Currency.NOK, Currency.EUR],
   [CountryCodes.Poland]: [Currency.PLN, Currency.EUR],
   [CountryCodes.Portugal]: [Currency.EUR],
+  [CountryCodes.PuertoRico]: [Currency.USD],
   [CountryCodes.Romania]: [Currency.RON, Currency.EUR],
   [CountryCodes.Singapore]: [Currency.SGD],
   [CountryCodes.Slovakia]: [Currency.EUR],
@@ -16555,7 +16635,7 @@ function Summary({
   gotoForm,
   labels: labels2,
   problems,
-  trackNavigation = noop,
+  trackNavigation: trackNavigation2 = noop,
   omittedForms = []
 }) {
   var _a, _b;
@@ -16594,7 +16674,7 @@ function Summary({
         tertiary: true,
         icon: "edit",
         onClick: () => {
-          trackNavigation({
+          trackNavigation2({
             fromForm: {
               formName: "summary",
               formId: "summary"
@@ -16703,6 +16783,13 @@ const getSupportedCurrencyGuidance = (i18n, country2, requiredFields) => {
   var _a;
   if (shouldShowPayoutAlert(country2)) {
     if (country2 === CountryCodes.Sweden) {
+      if (requiredFields.includes("iban")) {
+        return i18n.get("payoutInOnly_", {
+          values: {
+            currency: Currency.EUR
+          }
+        });
+      }
       return i18n.get("payoutInOnly_", {
         values: {
           currency: Currency.SEK
@@ -18374,7 +18461,7 @@ function SolePropComponent(props) {
       children: o(CompanyNameAndCountryComponent, {
         ...solePropNameAndCountryFormProps,
         data: {
-          ...solePropNameAndCountryFormProps.data,
+          ...solePropNameAndCountryFormProps == null ? void 0 : solePropNameAndCountryFormProps.data,
           companyCountry: props.country
         },
         labels: {
@@ -18390,7 +18477,7 @@ function SolePropComponent(props) {
       children: o(CompanyDetailsComponent, {
         ...solePropsRegistrationDetailsFormProps,
         data: {
-          ...solePropsRegistrationDetailsFormProps.data,
+          ...solePropsRegistrationDetailsFormProps == null ? void 0 : solePropsRegistrationDetailsFormProps.data,
           tradingName: tradingName2
         },
         heading: i18n.get("registrationDetails"),
@@ -18911,7 +18998,7 @@ function setVerificationError(error, entityProblems) {
       break;
     }
     case VerificationErrorType.DATA_REVIEW:
-      entityProblems.isReviewRequired = true;
+      setReviewRequiredError(error, entityProblems);
       break;
     case VerificationErrorType.PENDING_STATUS: {
       setPriorityStatus(entityProblems, TaskStatus.PROCESSING);
@@ -18923,6 +19010,14 @@ function setMissingDataError(verificationError, entityProblems) {
   entityProblems.missingData = entityProblems.missingData ? [...entityProblems.missingData, verificationError] : [verificationError];
   setPriorityStatus(entityProblems, TaskStatus.DETAILS_REQUIRED);
 }
+const setReviewRequiredError = (verificationError, entityProblems) => {
+  entityProblems.isReviewRequired = true;
+  entityProblems.verificationErrors.review = {
+    ...entityProblems.verificationErrors.review ?? {},
+    [verificationError.code]: verificationError.remediatingActions
+  };
+  setPriorityStatus(entityProblems, TaskStatus.SUBMIT);
+};
 function setInvalidInputError(parentVerificationError, entityProblems) {
   var _a, _b;
   const processedSubErrors = (_a = parentVerificationError == null ? void 0 : parentVerificationError.subErrors) == null ? void 0 : _a.reduce((acc, {
@@ -19227,17 +19322,6 @@ const countryConfig$1 = {
       label: "listitemVoidedChequeBankLetterBankStatementOnline"
     }
   },
-  [CountryCodes.UnitedKingdom]: {
-    branchCode: {
-      label: "sortCode"
-    },
-    bankCity: {
-      label: "bankCityTown"
-    },
-    bankStatementDocument: {
-      label: "listitemVoidedChequeBankLetterBankStatementOnline"
-    }
-  },
   [CountryCodes.HongKong]: {
     bankCode: {
       label: "clearingCode"
@@ -19270,6 +19354,17 @@ const countryConfig$1 = {
       label: "bic"
     }
   },
+  [CountryCodes.UnitedKingdom]: {
+    branchCode: {
+      label: "sortCode"
+    },
+    bankCity: {
+      label: "bankCityTown"
+    },
+    bankStatementDocument: {
+      label: "listitemVoidedChequeBankLetterBankStatementOnline"
+    }
+  },
   [CountryCodes.UnitedStates]: {
     branchCode: {
       label: "achRoutingNumber"
@@ -19315,7 +19410,7 @@ const getValidatorRules = (validationRule) => {
     case "bic_either8or11":
       return {
         modes: ["blur", "input"],
-        validate: (value) => /^([a-zA-Z0-9]{8}|[a-zA-Z0-9]{11})$/.test(value),
+        validate: (value) => /^([a-zA-Z0-9]{8}|[a-zA-Z0-9]{11})$/.test(value ?? ""),
         errorMessage: "validation8Or11Characters"
       };
     case "iban":
@@ -19365,13 +19460,13 @@ const getValidatorRules = (validationRule) => {
   }
 };
 const defaultPayoutAccountFormat = {
-  [CountryCodes.UnitedKingdom]: "local",
   [CountryCodes.CzechRepublic]: "iban",
   [CountryCodes.Denmark]: "local",
   [CountryCodes.Hungary]: "iban",
   [CountryCodes.Norway]: "local",
   [CountryCodes.Poland]: "local",
-  [CountryCodes.Sweden]: "local"
+  [CountryCodes.Sweden]: "local",
+  [CountryCodes.UnitedKingdom]: "local"
 };
 const solePropBase = {
   companyCountry: {
@@ -19565,7 +19660,7 @@ const isFieldRequired = (fieldConfigurations, customRules) => {
   }
   return fieldConfigurations && ((fieldConfigurations == null ? void 0 : fieldConfigurations.rule) === "REQUIRED" || (customRules == null ? void 0 : customRules[fieldConfigurations.rule]) && customRules[fieldConfigurations.rule]() === "REQUIRED");
 };
-function getPropsFromConfigurations(scenarioConfiguration, forms, remediationActions, dataMissingErrors, customRules = {}, customLabels = {}) {
+function getPropsFromConfigurations(scenarioConfiguration, forms, remediationActions, dataMissingErrors, fieldsWithExistingData, customRules = {}, customLabels = {}) {
   var _a;
   const requiredFields = {};
   const optionalFields = {};
@@ -19580,13 +19675,15 @@ function getPropsFromConfigurations(scenarioConfiguration, forms, remediationAct
   }
   (_a = Object.entries(forms)) == null ? void 0 : _a.forEach(([formId, formDetails]) => {
     var _a2;
+    const formFieldsWithExistingData = fieldsWithExistingData.filter((field) => field.startsWith(formId)).map((field) => field.slice(field.lastIndexOf(".") + 1));
     (_a2 = formDetails == null ? void 0 : formDetails.fields) == null ? void 0 : _a2.forEach((field) => {
       var _a3;
       const fieldConfigurations = scenarioConfiguration[field];
       const isRequiredFromFieldConfig = isFieldRequired(fieldConfigurations, customRules);
       const isFieldRequiredByRemediationAction = showRemediationField(field, remediationActions);
       const isFieldNeededToRemediateDataMissingError = isFieldRequiredToRemediateDataMissingError(field, dataMissingErrors);
-      const isRequired = isFieldRequiredByRemediationAction || isRequiredFromFieldConfig || isFieldNeededToRemediateDataMissingError;
+      const fieldHasExistingData = formFieldsWithExistingData.includes(field);
+      const isRequired = isFieldRequiredByRemediationAction || isRequiredFromFieldConfig || isFieldNeededToRemediateDataMissingError || fieldHasExistingData;
       if (isRequired) {
         requiredFields[formId] = requiredFields[formId] ? [...requiredFields[formId], field] : [field];
         allFields[formId] = allFields[formId] ? [...allFields[formId], field] : [field];
@@ -19773,7 +19870,7 @@ const logger$4 = createLogger("useScenarioConfiguration");
 const useScenarioConfiguration = ({
   getConfigurationData,
   getPayoutAccountFormatData,
-  parseConfiguration,
+  parseConfiguration: parseConfiguration2,
   country: country2,
   instantVerificationEnabled,
   setLoadingStatus
@@ -19800,6 +19897,8 @@ const useScenarioConfiguration = ({
   }, [getConfigurationData, setLoadingStatus]);
   p(() => {
     setLoadingStatus("loading");
+    if (!getPayoutAccountFormatData)
+      return;
     const makePayoutFormatCallAndSave = async () => {
       try {
         const accountFormatResponse2 = await getPayoutAccountFormatData();
@@ -19819,33 +19918,84 @@ const useScenarioConfiguration = ({
   }, [country2, setAccountFormat, getPayoutAccountFormatData, setLoadingStatus]);
   const {
     fieldConfigurations,
-    bankVerificationVendors
+    bankVerificationVendors,
+    requiredFields
   } = F$1(() => {
-    if (!configurationResponse || !accountFormatResponse || !accountFormat)
+    if (!configurationResponse)
       return {};
     const {
       matchingScenario,
       bankVerificationProviders
     } = configurationResponse;
-    const scenarioConfig = parseConfiguration({
-      requiredFields: accountFormatResponse[accountFormat],
+    const payoutRequiredFields = accountFormatResponse && accountFormat ? accountFormatResponse[accountFormat] : void 0;
+    const scenarioConfig = parseConfiguration2(payoutRequiredFields ? {
       matchingScenario,
       country: country2,
+      requiredFields: payoutRequiredFields,
       bankVerificationAvailable: instantVerificationEnabled && (bankVerificationProviders == null ? void 0 : bankVerificationProviders[country2]) !== void 0
+    } : {
+      matchingScenario,
+      country: country2,
+      requiredFields: void 0,
+      bankVerificationAvailable: void 0
     });
     return {
       fieldConfigurations: scenarioConfig,
-      bankVerificationVendors: bankVerificationProviders
+      bankVerificationVendors: bankVerificationProviders,
+      requiredFields: payoutRequiredFields
     };
-  }, [accountFormatResponse, accountFormat, configurationResponse, country2, parseConfiguration, instantVerificationEnabled]);
-  if (!configurationResponse || !accountFormatResponse || !accountFormat)
-    return {};
+  }, [accountFormatResponse, accountFormat, configurationResponse, country2, parseConfiguration2, instantVerificationEnabled]);
   return {
-    requiredFields: accountFormatResponse[accountFormat],
+    requiredFields,
     fieldConfigurations,
     bankVerificationVendors
   };
 };
+const getRequiredForms = (forms, requiredFields, optionalFields) => {
+  const requiredForms = Object.values(forms).filter(({
+    formId
+  }) => {
+    if (requiredFields || optionalFields) {
+      return Boolean(requiredFields[formId]) || Boolean(optionalFields[formId]);
+    }
+    return true;
+  });
+  return [...requiredForms, summaryStep];
+};
+const addValidityToForms = (forms, formValidity, problems) => forms.map(({
+  formId,
+  formName
+}) => {
+  var _a;
+  return {
+    formId,
+    formName,
+    isValid: (formValidity == null ? void 0 : formValidity[formId]) ?? false,
+    hasServerValidationErrors: Boolean((_a = problems == null ? void 0 : problems.validationErrors) == null ? void 0 : _a[formId])
+  };
+});
+const convertApiFieldNameToSchemaFieldName = (apiField, legalEntityType) => {
+  switch (legalEntityType) {
+    case LegalEntityType.INDIVIDUAL:
+      return individualApiKeyMapping[apiField];
+    case LegalEntityType.ORGANIZATION:
+      return companyApiKeyMapping[apiField];
+    case LegalEntityType.SOLE_PROPRIETORSHIP:
+      return solePropApiKeyMapping[apiField];
+    case LegalEntityType.TRUST:
+      return trustApiKeyMapping[apiField];
+    default:
+      throw Error("No valid legal entity type, cannot convert");
+  }
+};
+const knownProblematicFields = ["personalDetails.typeOfIdentity", "personalDetails.issuerState"];
+const getFieldsWithExistingData = (legalEntity) => {
+  const apiFieldsWithExistingData = getNestedPropertyKeys(legalEntity);
+  const legalEntityType = legalEntity.type;
+  if (!legalEntityType)
+    return [];
+  return apiFieldsWithExistingData.map((field) => convertApiFieldNameToSchemaFieldName(field, legalEntityType)).filter((field) => field !== void 0).filter((field) => !knownProblematicFields.includes(field));
+};
 const DropinLayout$1 = "";
 const DropinLayout = (props) => {
   const {
@@ -19869,7 +20019,6 @@ const DropinLayout = (props) => {
 const FormNavigation$1 = "";
 const FormNavigationItem$1 = "";
 const FormNavigationItem = ({
-  trackNavigation,
   form,
   isActive,
   onClick,
@@ -19878,17 +20027,13 @@ const FormNavigationItem = ({
   const {
     i18n
   } = useCoreContext();
-  const navigate = () => {
-    trackNavigation();
-    onClick();
-  };
   return o("li", {
     className: cx("adyen-kyc-form-navigation__item", {
       "adyen-kyc-form-navigation__item--active": isActive,
       "adyen-kyc-form-navigation__item--valid": form.isValid,
-      "adyen-kyc-form-navigation__item--isnav": onClick
+      "adyen-kyc-form-navigation__item--isnav": Boolean(onClick)
     }),
-    onClick: navigate,
+    onClick,
     children: [i18n.get(form.formName), form.hasServerValidationErrors && o("span", {
       className: "adyen-kyc-form-navigation__item-icon adyen-kyc-form-navigation__item-icon--error",
       children: o(AlertIcon, {
@@ -19909,35 +20054,31 @@ function FormNavigation({
   validateForm,
   className,
   taskName,
-  hasVerificationErrors,
-  trackNavigation = noop
+  hasVerificationErrors = false,
+  trackNavigation: trackNavigation2 = noop
 }) {
   const {
     i18n
   } = useCoreContext();
-  const getLinkedFormIndex = (linkedForm) => forms == null ? void 0 : forms.findIndex((form) => form.formId === linkedForm.formId);
-  const activeFormIndex = getLinkedFormIndex(activeForm) + 1;
-  const totalForms = forms == null ? void 0 : forms.length;
-  const onClick = (form, activeForm2) => () => {
-    if (form.formId !== activeForm2.formId) {
-      const linkedFormIndex = getLinkedFormIndex(form);
-      gotoForm(linkedFormIndex);
-    }
+  const getFormIndex = (form) => forms.findIndex((f2) => f2.formId === form.formId);
+  const goToForm = (form) => () => {
+    if (form.formId === activeForm.formId)
+      return;
+    gotoForm(getFormIndex(form));
+    trackNavigation2({
+      fromForm: form,
+      toForm: activeForm,
+      component: "FormNavigation"
+    });
   };
-  const canActAsNavigation = (form, activeForm2) => {
-    if (!validateForm) {
-      return onClick(form, activeForm2);
-    }
-    const linkedFormIndex = getLinkedFormIndex(form);
-    const formsSubset = [...forms];
-    formsSubset.length = linkedFormIndex;
-    const allValid = formsSubset.every((subForm) => subForm.isValid);
-    if (allValid) {
-      return onClick(form, activeForm2);
-    }
-    return activeForm2.isValid ? null : validateForm;
+  const getNavigateHandler = (form, activeForm2) => {
+    const priorForms = forms.slice(0, getFormIndex(form));
+    const allPriorFormsValid = priorForms.every((subForm) => subForm.isValid);
+    if (allPriorFormsValid || !validateForm) {
+      return goToForm(form);
+    }
+    return activeForm2.isValid ? void 0 : validateForm;
   };
-  const taskNameTranslated = i18n.get(taskName);
   return o("div", {
     className: cx("adyen-kyc-form-navigation", className),
     children: [o("div", {
@@ -19951,27 +20092,22 @@ function FormNavigation({
           className: "adyen-kyc-form-navigation__step-count",
           children: i18n.get("stepsX/YofForm", {
             values: {
-              activeFormIndex,
-              totalForms,
-              taskNameTranslated
+              activeFormIndex: getFormIndex(activeForm) + 1,
+              totalForms: forms.length,
+              taskNameTranslated: i18n.get(taskName)
             }
           })
         })
-      }), forms == null ? void 0 : forms.map((form) => o(FormNavigationItem, {
+      }), forms.map((form) => o(FormNavigationItem, {
         form,
         isActive: form.formId === activeForm.formId,
-        onClick: canActAsNavigation(form, activeForm),
-        trackNavigation: () => trackNavigation({
-          fromForm: form,
-          toForm: activeForm,
-          component: "FormNavigation"
-        }),
+        onClick: getNavigateHandler(form, activeForm),
         hasVerificationErrors
       }, form.formId))]
     })]
   });
 }
-const getFirstStep = (forms, remediationActions) => {
+const getOpeningStep$1 = (forms, remediationActions) => {
   var _a;
   if (remediationActions && Object.keys(remediationActions).length > 0) {
     const allRemediationActions = Object.values(remediationActions).flat().filter((rem) => {
@@ -19992,7 +20128,7 @@ const getFirstStep = (forms, remediationActions) => {
 };
 function withFormComposer(WrappedComponent, {
   getComponentForms,
-  parseConfiguration,
+  parseConfiguration: parseConfiguration2,
   rules: rules2,
   labels: labels2,
   defaultTaskName,
@@ -20040,7 +20176,6 @@ function withFormComposer(WrappedComponent, {
     } = useGlobalDataSlice("payoutVerificationMethod");
     const configCountry = (getConfigFor === "bankCountry" ? payoutMethodData == null ? void 0 : payoutMethodData.bankCountry : contextCountry) ?? contextCountry;
     p(() => {
-      loadFlags(loadingContext);
       loadDocumentGuidance(loadingContext);
     }, [loadingContext]);
     const getConfigurationData = T$1(() => getConfiguration({
@@ -20063,15 +20198,12 @@ function withFormComposer(WrappedComponent, {
     } = useScenarioConfiguration({
       getConfigurationData,
       getPayoutAccountFormatData,
-      parseConfiguration,
+      parseConfiguration: parseConfiguration2,
       country: configCountry,
       instantVerificationEnabled: derivedProps.instantVerificationEnabled && derivedProps.handleGetBankVerificationVendors,
       setLoadingStatus
     });
     const isFormStepVisible = (formId) => {
-      if (formId === "idVerificationMethod" && !props.handleGetIdVerificationToken) {
-        return false;
-      }
       if (derivedProps.requiredFields || derivedProps.optionalFields) {
         return !!derivedProps.requiredFields[formId] || !!derivedProps.optionalFields[formId];
       }
@@ -20084,7 +20216,7 @@ function withFormComposer(WrappedComponent, {
     }, isSettingEnabled), [bankVerificationVendors, isSettingEnabled, props]);
     const componentFormsWithSummary = [...Object.values(componentForms), summaryStep];
     const allowedForms = componentFormsWithSummary.filter((form) => isFormStepVisible(form.formId) || isFormSummaryStep(form));
-    const [activeForm, setActiveForm] = h(getFirstStep(allowedForms, (_a = props == null ? void 0 : props.problems) == null ? void 0 : _a.remediationActions));
+    const [activeForm, setActiveForm] = h(getOpeningStep$1(allowedForms, (_a = props == null ? void 0 : props.problems) == null ? void 0 : _a.remediationActions));
     const [hasAlreadyNavigatedForm, setHasAlreadyNavigatedForm] = h(false);
     const getFormIndex = (formId) => allowedForms.findIndex((form) => form.formId === formId);
     const isFinalStep = getFormIndex(activeForm.formId) === allowedForms.length - 1;
@@ -20093,9 +20225,9 @@ function withFormComposer(WrappedComponent, {
       var _a2;
       if (hasAlreadyNavigatedForm)
         return;
-      const firstStep = getFirstStep(allowedForms, (_a2 = props == null ? void 0 : props.problems) == null ? void 0 : _a2.remediationActions);
-      if (activeForm !== firstStep) {
-        setActiveForm(firstStep);
+      const openingStep = getOpeningStep$1(allowedForms, (_a2 = props == null ? void 0 : props.problems) == null ? void 0 : _a2.remediationActions);
+      if (activeForm !== openingStep) {
+        setActiveForm(openingStep);
       }
     }, [activeForm, allowedForms, (_b = props == null ? void 0 : props.problems) == null ? void 0 : _b.remediationActions, hasAlreadyNavigatedForm]);
     const evaluateConfiguration = T$1((scenarioConfiguration, country2, formData, isSettingEnabled2, requiredFields2) => {
@@ -20108,7 +20240,7 @@ function withFormComposer(WrappedComponent, {
         requiredFields: requiredFields2
       }) : {};
       const fieldsFormCustomLabels = labels2 ? labels2(formData, country2) : {};
-      const scenarioProps = getPropsFromConfigurations(scenarioConfiguration, componentForms, ((_a2 = props == null ? void 0 : props.problems) == null ? void 0 : _a2.remediationActions) ? Object.values((_b2 = props == null ? void 0 : props.problems) == null ? void 0 : _b2.remediationActions) : [], ((_c2 = props.problems) == null ? void 0 : _c2.missingData) ?? [], fieldsFromCustomRules, fieldsFormCustomLabels);
+      const scenarioProps = getPropsFromConfigurations(scenarioConfiguration, componentForms, ((_a2 = props == null ? void 0 : props.problems) == null ? void 0 : _a2.remediationActions) ? Object.values((_b2 = props == null ? void 0 : props.problems) == null ? void 0 : _b2.remediationActions) : [], ((_c2 = props.problems) == null ? void 0 : _c2.missingData) ?? [], props.legalEntityResponse ? getFieldsWithExistingData(props.legalEntityResponse) : [], fieldsFromCustomRules, fieldsFormCustomLabels);
       setShouldValidate(false);
       setDerivedProps({
         ...props,
@@ -20121,7 +20253,7 @@ function withFormComposer(WrappedComponent, {
         return;
       evaluateConfiguration(fieldConfigurations, configCountry, getData(), isSettingEnabled, requiredFields);
     }, [fieldConfigurations, configCountry, evaluateConfiguration, getData, isSettingEnabled, requiredFields]);
-    const trackNavigation = ({
+    const trackNavigation2 = ({
       fromForm,
       toForm,
       component
@@ -20199,7 +20331,7 @@ function withFormComposer(WrappedComponent, {
         const toFormIndex = allowedForms.findIndex((form) => form.formId === activeForm.formId) + 1;
         gotoFormByFormIndex(toFormIndex);
         const toForm = allowedForms[toFormIndex];
-        trackNavigation({
+        trackNavigation2({
           fromForm: activeForm,
           toForm,
           component: "ActionBar"
@@ -20216,7 +20348,7 @@ function withFormComposer(WrappedComponent, {
         const toForm = allowedForms[currentFormIndex - 1];
         setActiveForm(toForm);
         setHasAlreadyNavigatedForm(true);
-        trackNavigation({
+        trackNavigation2({
           fromForm,
           toForm,
           component: "ActionBar"
@@ -20259,8 +20391,8 @@ function withFormComposer(WrappedComponent, {
     const handleLeaveDropin = async () => {
       var _a2;
       const data = getData();
-      const hasDataChanged = getState().hasAnyDataChanged;
-      if (hasDataChanged && ((_a2 = props.canSubmit) == null ? void 0 : _a2.call(props, data))) {
+      const hasDataChanged2 = getState().hasAnyDataChanged;
+      if (hasDataChanged2 && ((_a2 = props.canSubmit) == null ? void 0 : _a2.call(props, data))) {
         setInitialContextCountry(contextCountry);
         const allFields = (derivedProps == null ? void 0 : derivedProps.allFields) || {};
         await props.onSubmit({
@@ -20323,7 +20455,7 @@ function withFormComposer(WrappedComponent, {
           }), activeForm.formId === summaryStep.formId && o("div", {
             className: "adyen-kyc-form-wrapper",
             children: o(Summary, {
-              trackNavigation,
+              trackNavigation: trackNavigation2,
               data: formatDataForSummary ? formatDataForSummary(getData(), allowedForms) : getData(),
               omittedKeys: getSummaryOmittedKeys ? getSummaryOmittedKeys(getData()) : null,
               omittedForms,
@@ -20336,29 +20468,19 @@ function withFormComposer(WrappedComponent, {
         })
       })
     });
+    const allowedFormsWithValidity = addValidityToForms(allowedForms, formValidity, props.problems);
     const sidebar = !hideDropinLayout && !hideNavigation && o(LoaderWrapper, {
       status: loadingStatus,
       formOpacityWhenLoading: 0.3,
       showSpinner: false,
       className: "adyen-kyc-dropin__sidebar-wrapper",
       children: o(FormNavigation, {
-        forms: allowedForms.map(({
-          formId,
-          formName
-        }) => {
-          var _a2, _b2;
-          return {
-            formId,
-            formName,
-            isValid: (formValidity == null ? void 0 : formValidity[formId]) ?? false,
-            hasServerValidationErrors: ((_b2 = (_a2 = props == null ? void 0 : props.problems) == null ? void 0 : _a2.validationErrors) == null ? void 0 : _b2[formId]) !== void 0
-          };
-        }),
-        activeForm,
+        forms: allowedFormsWithValidity,
+        activeForm: allowedFormsWithValidity.find((form) => form.formId === activeForm.formId),
         gotoForm: gotoFormByFormIndex,
         validateForm: validateCurrentForm,
         taskName,
-        trackNavigation,
+        trackNavigation: trackNavigation2,
         hasVerificationErrors: ((_c = props == null ? void 0 : props.problems) == null ? void 0 : _c.verificationErrors) && ((_e = Object.keys((_d = props == null ? void 0 : props.problems) == null ? void 0 : _d.verificationErrors)) == null ? void 0 : _e.length) > 0
       })
     });
@@ -20651,6 +20773,7 @@ function CompanyDropinComponent(props) {
       handleBackClick: props.handleBackClick,
       onSubmit,
       legalEntityType: LegalEntityType.ORGANIZATION,
+      legalEntityResponse,
       summary: {
         formatData: formatDataForSummary,
         getOmittedKeys
@@ -20727,16 +20850,16 @@ const getPayoutAccountHolderName = (legalEntity, i18n) => {
 };
 const DecisionMakers = "";
 const iconStatus = (current, min, max) => {
-  if (current === 0) {
-    return min >= 1 ? "obligatoryEmpty" : "conditionalEmpty";
+  const isEmpty2 = current === 0;
+  const isWithinObligatoryRange = current === max || min > 0 && current >= min;
+  const isWithinConditionalRange = current >= min;
+  if (isEmpty2) {
+    return min > 0 ? "obligatoryEmpty" : "conditionalEmpty";
   }
-  if (current >= max) {
+  if (isWithinObligatoryRange) {
     return "obligatoryFinished";
   }
-  if (current >= min) {
-    return "conditionalFinished";
-  }
-  return "conditionalEmpty";
+  return isWithinConditionalRange ? "conditionalFinished" : "conditionalEmpty";
 };
 const entityStatusRoles = {
   ...decisionMakerRoles,
@@ -20842,6 +20965,11 @@ const TaskItemStatus = ({
         className: "adl-task-status-sign",
         children: i18n.get("sign")
       });
+    case TaskStatus.SUBMIT:
+      return o("span", {
+        className: "adl-task-status-submit",
+        children: i18n.get("submit")
+      });
     case TaskStatus.DETAILS_REQUIRED:
     case TaskStatus.EMPTY:
     default:
@@ -21518,7 +21646,8 @@ function ReviewComponent({
     onHome: handleHomeClick,
     homeButtonLabel: i18n.get("goToOverview"),
     onNext: onConfirmClick,
-    nextButtonLabel: i18n.get("submitReview")
+    nextButtonLabel: i18n.get("submitReview"),
+    nextButtonDisabled: !hasConfirmed
   });
   return o(DropinLayout, {
     content,
@@ -21542,13 +21671,15 @@ const TaskListItem = ({
   downloadHandler,
   actions,
   info,
-  loading: loading2 = false
+  loading: loading2 = false,
+  showErrorAlerts = "onErrorStatus"
 }) => {
   const [showingActions, setShowingActions] = h(false);
   const toggleShowActions = (event) => {
     event.stopPropagation();
     setShowingActions(!showingActions);
   };
+  const shouldShowErrorAlert = showErrorAlerts === "always" || showErrorAlerts === "onErrorStatus" && status === TaskStatus.ERROR;
   return o(Card, {
     stateful: onNavigateToTask && !loading2 && !disabled,
     onClick: loading2 ? void 0 : onNavigateToTask,
@@ -21611,7 +21742,7 @@ const TaskListItem = ({
             name: "chevron-right"
           })]
         })]
-      }), status === TaskStatus.ERROR && o(VerificationErrorAlert, {
+      }), shouldShowErrorAlert && o(VerificationErrorAlert, {
         className: "adyen-task-item-alert",
         problems
       })]
@@ -21694,7 +21825,7 @@ function TaskListComponent({
   serviceAgreementAcceptanceInfos,
   onTransferInstrumentDelete
 }) {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k;
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l;
   const {
     i18n,
     accountHolder: accountHolder2
@@ -21827,7 +21958,9 @@ function TaskListComponent({
           onNavigateToTask: handleOnNavigateToTaskReview,
           icon: "ari",
           title: i18n.get("submitReviewOfYourData"),
-          status: TaskStatus.DETAILS_REQUIRED
+          status: TaskStatus.SUBMIT,
+          problems: (_l = capabilityProblems == null ? void 0 : capabilityProblems.LegalEntity) == null ? void 0 : _l[legalEntityResponse.id],
+          showErrorAlerts: "always"
         })
       })]
     })
@@ -22122,47 +22255,459 @@ const TrustMembersComponent = ({
     })
   });
 };
-const IndividualWithComposer = withFormComposer(IndividualComponent, {
-  getComponentForms: () => individualForms,
-  parseConfiguration: (response) => {
-    var _a;
-    return parseIndividualScenarios((_a = response == null ? void 0 : response.matchingScenario) == null ? void 0 : _a[LegalEntityType.INDIVIDUAL], response == null ? void 0 : response.country);
-  },
-  rules: rules$2,
-  defaultTaskName: "individualDetails"
-});
-function IndividualDropinComponent(props) {
-  var _a, _b, _c, _d, _e, _f;
-  const {
-    i18n,
-    setLocale,
-    setAccountHolder
-  } = useCoreContext();
-  const {
-    showToast,
-    clearToasts
-  } = useToastContext();
+const trackNavigation = ({
+  fromForm,
+  toForm,
+  component,
+  baseTrackingPayload,
+  i18n
+}) => {
+  userEvents.addEvent("Navigated form", {
+    segmentation: {
+      ...baseTrackingPayload,
+      component,
+      from: fromForm.formId,
+      fromLabel: i18n.get(fromForm.formName),
+      to: toForm.formId,
+      toLabel: i18n.get(toForm.formName)
+    }
+  });
+};
+const getOpeningStep = (forms, remediationActions) => {
+  var _a;
+  if (remediationActions && Object.keys(remediationActions).length > 0) {
+    const allRemediationActions = Object.values(remediationActions).flat().filter((rem) => {
+      var _a2;
+      return ((_a2 = rem.forms) == null ? void 0 : _a2.length) > 0;
+    });
+    if (allRemediationActions.length === 1 && ((_a = allRemediationActions[0]) == null ? void 0 : _a.forms.length) === 1) {
+      const form = forms.find((form2) => {
+        var _a2;
+        return (form2 == null ? void 0 : form2.formId) === ((_a2 = allRemediationActions[0]) == null ? void 0 : _a2.forms[0]);
+      });
+      if (form)
+        return form;
+    }
+    return forms[forms.length - 1];
+  }
+  return forms[0];
+};
+const useFormComposer = ({
+  problems,
+  baseTrackingPayload,
+  forms,
+  formRef,
+  submitButtonLabel,
+  onSubmit
+}) => {
   const {
-    handleCreateDocument,
-    handleGetDocument,
-    handleUpdateDocument,
-    handleAddressSearch,
-    handleFindAddress,
-    handleGetIdVerificationToken,
-    handleGetIdVerificationStartCheck,
+    i18n
+  } = useCoreContext();
+  const [shouldValidate, setShouldValidate] = h(false);
+  const [activeForm, setActiveForm] = h(forms[0]);
+  const isFormSummaryStep = (form) => form.formId === summaryStep.formId;
+  const [hasAlreadyNavigatedForm, setHasAlreadyNavigatedForm] = h(false);
+  const getFormIndex = (formId) => forms.findIndex((form) => form.formId === formId);
+  const isFinalStep = getFormIndex(activeForm.formId) === forms.length - 1;
+  p(() => {
+    setActiveForm((activeForm2) => forms.find(({
+      formId
+    }) => formId === activeForm2.formId) ?? activeForm2);
+  }, [forms]);
+  p(() => {
+    if (hasAlreadyNavigatedForm)
+      return;
+    const openingStep = getOpeningStep(forms, problems == null ? void 0 : problems.remediationActions);
+    if (activeForm !== openingStep) {
+      setActiveForm(openingStep);
+    }
+  }, [activeForm, forms, problems == null ? void 0 : problems.remediationActions, hasAlreadyNavigatedForm]);
+  const trackSectionCompletion = (form) => {
+    userEvents.addEvent("Completed form section", {
+      segmentation: {
+        ...baseTrackingPayload,
+        sectionName: form.formId
+      }
+    });
+  };
+  const gotoFormByFormIndex = (nextFormIndex) => {
+    if (formRef == null ? void 0 : formRef.current.verifyForm) {
+      formRef.current.verifyForm(activeForm.formId).then((isVerified) => {
+        if (isVerified) {
+          setHasAlreadyNavigatedForm(true);
+          setActiveForm(forms[nextFormIndex]);
+        }
+      });
+    } else {
+      setHasAlreadyNavigatedForm(true);
+      setActiveForm(forms[nextFormIndex]);
+    }
+  };
+  const validateCurrentForm = () => {
+    setShouldValidate(true);
+  };
+  const handleNextClick = () => {
+    var _a;
+    if ((_a = formRef == null ? void 0 : formRef.current) == null ? void 0 : _a.customNavigationHandler) {
+      formRef.current.customNavigationHandler();
+      return;
+    }
+    if (isFormSummaryStep(activeForm)) {
+      onSubmit();
+      return;
+    }
+    if (!activeForm.isValid) {
+      validateCurrentForm();
+      return;
+    }
+    if (isFinalStep) {
+      onSubmit();
+      return;
+    }
+    setShouldValidate(false);
+    const toFormIndex = forms.findIndex((form) => form.formId === activeForm.formId) + 1;
+    gotoFormByFormIndex(toFormIndex);
+    const toForm = forms[toFormIndex];
+    trackNavigation({
+      fromForm: activeForm,
+      toForm,
+      component: "ActionBar",
+      baseTrackingPayload,
+      i18n
+    });
+    trackSectionCompletion(activeForm);
+  };
+  const handleBackClick = () => {
+    const currentFormIndex = forms.findIndex((form) => form.formId === activeForm.formId);
+    if (currentFormIndex) {
+      const fromForm = forms[currentFormIndex];
+      const toForm = forms[currentFormIndex - 1];
+      setActiveForm(toForm);
+      setHasAlreadyNavigatedForm(true);
+      trackNavigation({
+        fromForm,
+        toForm,
+        component: "ActionBar",
+        baseTrackingPayload,
+        i18n
+      });
+    }
+  };
+  const nextButtonLabel = isFinalStep ? i18n.get(submitButtonLabel ?? "submit") : i18n.get("next");
+  return {
     handleBackClick,
-    taskType,
-    trackingConfig,
-    parentLegalEntity,
-    legalEntityResponse
-  } = props;
-  let dataFromResponse = mapLegalEntityToIndividual(legalEntityResponse, props.isTargetLegalEntityType);
+    handleNextClick,
+    nextButtonLabel,
+    gotoFormByFormIndex,
+    activeForm,
+    shouldValidate,
+    setShouldValidate
+  };
+};
+const _toast = "";
+function Toast({
+  label,
+  subLabel,
+  actionLabel,
+  type,
+  duration = 3500,
+  onToastHide,
+  onToastAction
+}) {
+  const toastRef = _$1(null);
+  const loading2 = type === ToastType.LOADING;
+  const successToast = type === ToastType.SUCCESS;
+  const labelId = getUniqueId("toast");
+  const handleShow = T$1(() => {
+    var _a;
+    return (_a = toastRef.current) == null ? void 0 : _a.classList.add("adl-toast--visible");
+  }, []);
+  const handleHide = T$1(() => {
+    var _a;
+    (_a = toastRef.current) == null ? void 0 : _a.classList.remove("adl-toast--visible");
+    onToastHide();
+  }, [onToastHide]);
+  p(() => {
+    handleShow();
+    if (duration !== "indefinite") {
+      setTimeout(() => handleHide(), duration);
+    }
+  }, [label, duration, handleHide, handleShow]);
+  return o("div", {
+    ref: toastRef,
+    role: actionLabel ? "alertdialog" : "alert",
+    className: "adl-toast",
+    "aria-labelledby": labelId,
+    children: [loading2 && o("div", {
+      className: "adl-toast__loader",
+      children: o("div", {
+        className: "adl-loading-indicator adl-loading-indicator--small adl-loading-indicator--dark"
+      })
+    }), !loading2 && o("div", {
+      className: cx("adl-toast__status", {
+        "adl-toast__status--success": successToast,
+        "adl-toast__status--error": !successToast
+      }),
+      children: [successToast && o(Icon, {
+        className: "adl-toast__status-icon",
+        name: "checkmark"
+      }), !successToast && o(Icon, {
+        className: "adl-toast__status-icon",
+        name: "cross"
+      })]
+    }), o("div", {
+      className: "adl-toast__message",
+      children: [o("span", {
+        id: labelId,
+        className: "adl-toast__title",
+        children: label
+      }), actionLabel && o("button", {
+        className: "adl-link adl-toast__action",
+        title: "performAction",
+        type: "button",
+        onClick: onToastAction,
+        children: actionLabel
+      }), !loading2 && subLabel && o("span", {
+        className: "adl-toast__subtitle",
+        children: subLabel
+      })]
+    }), !loading2 && o("button", {
+      className: "adl-toast__close",
+      title: "close",
+      type: "button",
+      onClick: handleHide,
+      children: o(Icon, {
+        name: "cross"
+      })
+    })]
+  });
+}
+const FormWrapper = ({
+  summary: summary2,
+  taskName,
+  children,
+  handleNextClick,
+  handleBackClick,
+  handleHomeClick,
+  nextButtonLabel,
+  homeButtonLabel,
+  loadingStatus,
+  gotoFormByFormIndex,
+  forms,
+  activeForm,
+  handleGetIdVerificationToken,
+  validateForm,
+  baseTrackingPayload,
+  hideDropinLayout,
+  hideFooter,
+  hideHomeButton,
+  hideBackButton,
+  hideNavigation,
+  canSubmit,
+  onSubmit,
+  problems
+}) => {
+  const {
+    i18n
+  } = useCoreContext();
+  const {
+    data: summaryData,
+    omittedForms,
+    omittedKeys,
+    labels: labels2
+  } = summary2 || {};
+  const onHomeClick = () => {
+    if (canSubmit) {
+      onSubmit();
+    } else {
+      handleHomeClick();
+    }
+  };
+  const summaryContent = o("div", {
+    className: "adyen-kyc-form-wrapper",
+    children: o(Summary, {
+      trackNavigation: (payload) => trackNavigation({
+        ...payload,
+        i18n,
+        baseTrackingPayload
+      }),
+      data: summaryData,
+      omittedKeys,
+      omittedForms,
+      forms,
+      gotoForm: gotoFormByFormIndex,
+      labels: labels2,
+      problems
+    })
+  });
+  const formFooter = !hideDropinLayout && !hideFooter && o(ActionBar, {
+    onNext: handleNextClick,
+    onBack: handleBackClick,
+    onHome: onHomeClick,
+    backButtonLabel: i18n.get("back"),
+    nextButtonLabel,
+    homeButtonLabel,
+    hideOnHomeButton: hideHomeButton,
+    hideBackButton
+  });
+  const multiStepForm = o("div", {
+    className: "adyen-kyc-form-container",
+    children: o(LoaderWrapper, {
+      status: loadingStatus,
+      formOpacityWhenLoading: 0.3,
+      loaderSize: "large",
+      children: o(FormRouterContextProvider, {
+        setFormIndex: gotoFormByFormIndex,
+        forms,
+        handleGetIdVerificationToken,
+        children: [children, activeForm.formId === summaryStep.formId && summaryContent, formFooter]
+      })
+    })
+  });
+  const sidebar = !hideDropinLayout && !hideNavigation && o(LoaderWrapper, {
+    status: loadingStatus,
+    formOpacityWhenLoading: 0.3,
+    showSpinner: false,
+    className: "adyen-kyc-dropin__sidebar-wrapper",
+    children: o(FormNavigation, {
+      forms,
+      activeForm,
+      gotoForm: gotoFormByFormIndex,
+      validateForm,
+      taskName,
+      trackNavigation: ({
+        fromForm,
+        toForm,
+        component
+      }) => trackNavigation({
+        fromForm,
+        toForm,
+        component,
+        baseTrackingPayload,
+        i18n
+      }),
+      hasVerificationErrors: Object.keys((problems == null ? void 0 : problems.verificationErrors) ?? {}).length > 0
+    })
+  });
+  if (hideDropinLayout) {
+    return multiStepForm;
+  }
+  return o(DropinLayout, {
+    content: o(Fragment, {
+      children: [sidebar, multiStepForm]
+    })
+  });
+};
+const parseConfiguration = (response) => {
+  var _a;
+  return parseIndividualScenarios((_a = response == null ? void 0 : response.matchingScenario) == null ? void 0 : _a[LegalEntityType.INDIVIDUAL], response == null ? void 0 : response.country);
+};
+function IndividualDropinComponent({
+  handleCreateDocument,
+  handleGetDocument,
+  handleUpdateDocument,
+  handleAddressSearch,
+  handleFindAddress,
+  handleGetIdVerificationToken,
+  handleGetIdVerificationStartCheck,
+  taskType,
+  trackingConfig,
+  parentLegalEntity,
+  legalEntityResponse,
+  taskName,
+  eventEmitter,
+  handleHomeClick,
+  homeButtonLabel,
+  isTargetLegalEntityType,
+  country: parentCountry,
+  handleCreateLegalEntity,
+  capabilities,
+  onChange,
+  problems: propProblems,
+  handleUpdateLegalEntity,
+  associationDetail,
+  onSubmit: externalOnSubmit,
+  onTypeSwitch
+}) {
+  var _a, _b, _c, _d;
+  const {
+    i18n,
+    setLocale,
+    setAccountHolder
+  } = useCoreContext();
+  const {
+    showToast,
+    clearToasts
+  } = useToastContext();
+  const {
+    getConfiguration: getConfiguration2
+  } = useKycExternalApi();
+  let dataFromResponse = mapLegalEntityToIndividual(legalEntityResponse, isTargetLegalEntityType);
   const documentUtils = documentApiUtils(handleCreateDocument, handleGetDocument, handleUpdateDocument);
-  const [newDecisionMaker, setNewDecisionMaker] = h(null);
   let roleTypes = [];
-  const [problems, setProblems] = h(props == null ? void 0 : props.problems);
+  const [newDecisionMaker, setNewDecisionMaker] = h(null);
+  const [problems, setProblems] = h(propProblems);
+  const formRef = _$1(null);
+  const [loadingStatus, setLoadingStatus] = h("success");
+  const [data, setData] = h(dataFromResponse);
+  const [documents2, setDocuments] = h();
+  const [country2, setCountry] = h(((_a = data == null ? void 0 : data.personalDetails) == null ? void 0 : _a.residencyCountry) ?? parentCountry);
+  const [hideFooter, setHideFooter] = h(false);
+  const baseTrackingPayload = getBaseTrackingPayload({
+    trackingConfig,
+    parentLegalEntity,
+    legalEntity: legalEntityResponse,
+    task: taskType
+  });
+  p(() => {
+    userEvents.addPageView("Individual dropin");
+    userEvents.addEvent("Started individual task", {
+      segmentation: {
+        ...baseTrackingPayload
+      }
+    });
+  }, []);
+  const getConfigurationData = T$1(() => getConfiguration2({
+    legalEntityType: LegalEntityType.INDIVIDUAL,
+    capabilities,
+    country: country2
+  }), [country2, capabilities]);
+  const {
+    fieldConfigurations
+  } = useScenarioConfiguration({
+    parseConfiguration,
+    getConfigurationData,
+    setLoadingStatus,
+    country: country2
+  });
+  const fieldsFromCustomRules = F$1(() => rules$2({
+    data,
+    country: country2,
+    taskType
+  }), [country2, data, taskType]);
+  const derivedProps = F$1(() => getPropsFromConfigurations(fieldConfigurations, individualForms, (problems == null ? void 0 : problems.remediationActions) ? Object.values(problems == null ? void 0 : problems.remediationActions) : [], (problems == null ? void 0 : problems.missingData) ?? [], legalEntityResponse ? getFieldsWithExistingData(legalEntityResponse) : [], fieldsFromCustomRules), [fieldConfigurations, fieldsFromCustomRules, problems == null ? void 0 : problems.remediationActions]);
+  const {
+    state: {
+      currentState
+    }
+  } = useStateContext();
+  const formValidity = currentState.validityByForm;
+  p(() => {
+    setData({
+      ...currentState.data,
+      ...documents2
+    });
+    onChange == null ? void 0 : onChange(currentState);
+  }, [currentState, documents2, onChange]);
+  const forms = F$1(() => {
+    const requiredForms = getRequiredForms(individualForms, derivedProps == null ? void 0 : derivedProps.requiredFields, derivedProps == null ? void 0 : derivedProps.optionalFields).filter(
+      // TODO: this is a workaround to prevent showing the verification method step when onfido is not enabled
+      (form) => form.formId !== "idVerificationMethod" || Boolean(handleGetIdVerificationToken)
+    );
+    return addValidityToForms(requiredForms, formValidity, problems);
+  }, [derivedProps, formValidity, problems, handleGetIdVerificationToken]);
   if (taskType === TaskTypes.DECISION_MAKER || taskType === TaskTypes.TRUST_MEMBER_COMPANY_OWNER) {
-    if ((_a = props == null ? void 0 : props.parentLegalEntity) == null ? void 0 : _a.entityAssociations) {
+    if (parentLegalEntity == null ? void 0 : parentLegalEntity.entityAssociations) {
       const associations = (_b = parentLegalEntity == null ? void 0 : parentLegalEntity.entityAssociations) == null ? void 0 : _b.filter((ea) => ea.legalEntityId === (legalEntityResponse == null ? void 0 : legalEntityResponse.id));
       if (associations && associations.length > 0) {
         const jobTitle2 = (_c = associations.find((association) => Boolean(association.jobTitle))) == null ? void 0 : _c.jobTitle;
@@ -22180,32 +22725,13 @@ function IndividualDropinComponent(props) {
     }
     roleTypes = getAllowedDecisionMakerRoles(parentLegalEntity, taskType);
   }
-  const [data, setData] = h(dataFromResponse || props.data);
-  const baseTrackingPayload = getBaseTrackingPayload({
-    trackingConfig,
-    parentLegalEntity,
-    legalEntity: legalEntityResponse,
-    task: taskType
-  });
-  p(() => {
-    userEvents.addPageView("Individual dropin");
-    userEvents.addEvent("Started individual task", {
-      segmentation: {
-        ...baseTrackingPayload
-      }
-    });
-  }, []);
   p(() => {
     var _a2;
-    props.eventEmitter.on("updateLocale", (locale) => setLocale(locale));
+    eventEmitter.on("updateLocale", (locale) => setLocale(locale));
     const documentIds = ((_a2 = legalEntityResponse == null ? void 0 : legalEntityResponse.documentDetails) == null ? void 0 : _a2.map((documentReference) => documentReference.id)) || [];
     if (documentIds.length) {
       documentUtils.fetchDocuments(documentIds, legalEntityResponse == null ? void 0 : legalEntityResponse.id).then(() => {
-        const mappedDocuments = mapApiDocumentToIndividualDocuments(legalEntityResponse == null ? void 0 : legalEntityResponse.id);
-        setData({
-          ...data,
-          ...mappedDocuments
-        });
+        setDocuments(mapApiDocumentToIndividualDocuments(legalEntityResponse == null ? void 0 : legalEntityResponse.id));
       }).catch(() => {
         showToast({
           label: i18n.get("failedToFetchRelevantDocuments"),
@@ -22221,7 +22747,7 @@ function IndividualDropinComponent(props) {
   }) => {
     let updatedLegalEntity;
     if (!(legalEntityResponse == null ? void 0 : legalEntityResponse.id) && !(newDecisionMaker == null ? void 0 : newDecisionMaker.id)) {
-      updatedLegalEntity = await props.handleCreateLegalEntity(legalEntity);
+      updatedLegalEntity = await handleCreateLegalEntity(legalEntity);
       setNewDecisionMaker(legalEntity);
       userEvents.addEvent("Added decision maker", {
         segmentation: {
@@ -22233,7 +22759,7 @@ function IndividualDropinComponent(props) {
         }
       });
     } else {
-      updatedLegalEntity = await props.handleUpdateLegalEntity(drop("type").from(legalEntity), (legalEntityResponse == null ? void 0 : legalEntityResponse.id) || (newDecisionMaker == null ? void 0 : newDecisionMaker.id));
+      updatedLegalEntity = await handleUpdateLegalEntity(drop("type").from(legalEntity), (legalEntityResponse == null ? void 0 : legalEntityResponse.id) || (newDecisionMaker == null ? void 0 : newDecisionMaker.id));
     }
     userEvents.addEvent("Saved individual details", {
       segmentation: {
@@ -22254,11 +22780,11 @@ function IndividualDropinComponent(props) {
     await handleGetIdVerificationStartCheck("", data2);
   };
   const submitDocuments = async ({
-    forms,
+    forms: forms2,
     legalEntity,
     dataSubmitted
   }) => {
-    if (isDocumentsRequired(forms)) {
+    if (isDocumentsRequired(forms2)) {
       if (hasInstantIdVerification(dataSubmitted)) {
         await handleInstantIdVerificationStartCheck(dataSubmitted.idDocument.instantIdVerificationData, legalEntity.id);
       } else {
@@ -22298,8 +22824,8 @@ function IndividualDropinComponent(props) {
     legalEntity,
     dataSubmitted
   }) => {
-    var _a2, _b2;
-    const newRoles = taskType === TaskTypes.DECISION_MAKER || taskType === TaskTypes.TRUST_MEMBER_COMPANY_OWNER ? (_a2 = dataSubmitted == null ? void 0 : dataSubmitted.personalDetails) == null ? void 0 : _a2.role : taskType === TaskTypes.TRUST_MEMBER_INDIVIDUAL ? (_b2 = props.associationDetail) == null ? void 0 : _b2.types : null;
+    var _a2;
+    const newRoles = taskType === TaskTypes.DECISION_MAKER || taskType === TaskTypes.TRUST_MEMBER_COMPANY_OWNER ? (_a2 = dataSubmitted == null ? void 0 : dataSubmitted.personalDetails) == null ? void 0 : _a2.role : taskType === TaskTypes.TRUST_MEMBER_INDIVIDUAL ? associationDetail == null ? void 0 : associationDetail.types : null;
     const existingEntityAssociations = getOwnEntityAssociations(parentLegalEntity);
     if (newRoles && hasRolesChanged(legalEntity, existingEntityAssociations, newRoles)) {
       const updatedParentLegalEntity = {
@@ -22312,16 +22838,13 @@ function IndividualDropinComponent(props) {
           };
         }) || [], ...existingEntityAssociations.filter((ea) => ea.legalEntityId !== legalEntity.id) || []]
       };
-      await props.handleUpdateLegalEntity(updatedParentLegalEntity, parentLegalEntity.id);
+      await handleUpdateLegalEntity(updatedParentLegalEntity, parentLegalEntity.id);
     }
   };
-  const onSubmit = async ({
-    data: dataSubmitted,
-    forms,
-    setLoadingStatus
-  }) => {
+  const onSubmit = async () => {
     var _a2, _b2;
     setLoadingStatus("loading");
+    const dataSubmitted = data;
     try {
       omitMaskedFieldsIfUnchanged(individualMaskedFields, dataSubmitted, dataFromResponse);
       let legalEntity = mapIndividualToLegalEntity(dataSubmitted);
@@ -22358,7 +22881,7 @@ function IndividualDropinComponent(props) {
       }
       setLoadingStatus("success");
       clearToasts();
-      props == null ? void 0 : props.onSubmit(dataSubmitted);
+      externalOnSubmit == null ? void 0 : externalOnSubmit(dataSubmitted);
     } catch (e2) {
       if (isValidationError(e2)) {
         const validationErrors = processValidationErrors(e2, TaskTypes.INDIVIDUAL);
@@ -22390,37 +22913,35 @@ function IndividualDropinComponent(props) {
       });
     }
   };
-  const isDocumentsRequired = (forms) => forms.some((form) => individualDocumentForms.includes(form.formId));
-  const canSubmit = (data2) => {
+  const isDocumentsRequired = (forms2) => forms2.some((form) => individualDocumentForms.includes(form.formId));
+  const canSubmit = () => {
     var _a2, _b2;
-    const isDecisionMakerOwner = ((_b2 = (_a2 = data2 == null ? void 0 : data2.personalDetails) == null ? void 0 : _a2.role) == null ? void 0 : _b2.length) === 1 && data2.personalDetails.role[0] === DecisionMakerType.OWNER;
-    const mandatoryDetails = props.taskType === TaskTypes.DECISION_MAKER ? isDecisionMakerOwner ? mandatoryApiFields.DECISION_MAKER_OWNER : mandatoryApiFields.DECISIONMAKER : mandatoryApiFields.INDIVIDUAL;
+    const isDecisionMakerOwner = ((_b2 = (_a2 = data == null ? void 0 : data.personalDetails) == null ? void 0 : _a2.role) == null ? void 0 : _b2.length) === 1 && data.personalDetails.role[0] === DecisionMakerType.OWNER;
+    const mandatoryDetails = taskType === TaskTypes.DECISION_MAKER ? isDecisionMakerOwner ? mandatoryApiFields.DECISION_MAKER_OWNER : mandatoryApiFields.DECISIONMAKER : mandatoryApiFields.INDIVIDUAL;
     return mandatoryDetails.every((detail) => {
-      const value = getProp(data2, detail);
+      const value = getProp(data, detail);
       return !isEmpty(value) || Array.isArray(detail) && detail.length > 0;
     });
   };
   const datasetUtils = datasetUtilities(i18n.locale);
-  const formatDataForSummary = (data2, forms) => {
-    var _a2, _b2;
-    let summaryData = cloneObject(data2);
-    if ((_a2 = summaryData.personalDetails) == null ? void 0 : _a2.residencyCountry) {
-      summaryData.personalDetails.residencyCountry = datasetUtils.getCountryName(summaryData.personalDetails.residencyCountry);
-    }
-    if (summaryData.address) {
-      summaryData.address = mapAddressLabels(summaryData.address, datasetUtils);
-    }
-    if (isDocumentsRequired(forms)) {
-      individualDocumentForms.forEach((formId) => delete summaryData[formId]);
-      summaryData = {
-        ...summaryData,
-        ...formatFileSummaryData(data2)
+  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
+        }
       };
     }
-    if ((_b2 = summaryData == null ? void 0 : summaryData.personalDetails) == null ? void 0 : _b2.accountHolder) {
-      summaryData.personalDetails.accountHolder = i18n.get(summaryData.personalDetails.accountHolder);
-    }
-    return summaryData;
   };
   const formatFileSummaryData = ({
     idDocument: idDocument2,
@@ -22444,139 +22965,89 @@ function IndividualDropinComponent(props) {
       }
     };
   };
-  const formatIdDocument = (idDocument2) => {
-    var _a2, _b2, _c2, _d2, _e2, _f2;
-    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: (_f2 = (_e2 = idDocument2 == null ? void 0 : idDocument2.idFrontPage) == null ? void 0 : _e2[0]) == null ? void 0 : _f2.name
-        }
+  const formatDataForSummary = () => {
+    var _a2, _b2;
+    let summaryData = cloneObject(data);
+    if ((_a2 = summaryData.personalDetails) == null ? void 0 : _a2.residencyCountry) {
+      summaryData.personalDetails.residencyCountry = datasetUtils.getCountryName(summaryData.personalDetails.residencyCountry);
+    }
+    if (summaryData.address) {
+      summaryData.address = mapAddressLabels(summaryData.address, datasetUtils);
+    }
+    if (isDocumentsRequired(forms)) {
+      individualDocumentForms.forEach((formId) => delete summaryData[formId]);
+      summaryData = {
+        ...summaryData,
+        ...formatFileSummaryData(data)
       };
     }
+    if ((_b2 = summaryData == null ? void 0 : summaryData.personalDetails) == null ? void 0 : _b2.accountHolder) {
+      summaryData.personalDetails.accountHolder = i18n.get(summaryData.personalDetails.accountHolder);
+    }
+    return summaryData;
   };
-  const getSummaryOmittedKeys = (data2) => {
-    var _a2;
-    return [props.taskType === TaskTypes.DECISION_MAKER ? "role" : null, ((_a2 = data2.personalDetails) == null ? void 0 : _a2.idNumberExempt) ? "idNumber" : null].filter(Boolean);
-  };
-  return o(StateProvider, {
-    defaultData: data,
-    children: o(IndividualWithComposer, {
-      baseTrackingPayload,
+  const summaryOmittedKeys = [taskType === TaskTypes.DECISION_MAKER && "role", ((_d = data.personalDetails) == null ? void 0 : _d.idNumberExempt) && "idNumber"].filter(Boolean);
+  const {
+    handleNextClick,
+    handleBackClick,
+    activeForm,
+    shouldValidate,
+    setShouldValidate,
+    gotoFormByFormIndex,
+    nextButtonLabel
+  } = useFormComposer({
+    problems,
+    baseTrackingPayload,
+    forms,
+    formRef,
+    onSubmit
+  });
+  return o(FormWrapper, {
+    taskName: taskName ?? "individualDetails",
+    activeForm,
+    summary: {
+      data: formatDataForSummary(),
+      omittedKeys: summaryOmittedKeys
+    },
+    handleBackClick,
+    handleNextClick,
+    handleHomeClick,
+    hideFooter,
+    loadingStatus,
+    forms,
+    onSubmit,
+    baseTrackingPayload,
+    handleGetIdVerificationToken,
+    gotoFormByFormIndex,
+    nextButtonLabel,
+    homeButtonLabel,
+    validateForm: () => setShouldValidate(true),
+    canSubmit: canSubmit() && hasDataChanged(dataFromResponse, data),
+    problems,
+    children: o(IndividualComponent, {
+      ...derivedProps,
       capabilities: Object.keys((legalEntityResponse == null ? void 0 : legalEntityResponse.capabilities) ?? {}),
-      data,
-      country: ((_d = data == null ? void 0 : data.personalDetails) == null ? void 0 : _d.residencyCountry) || ((_f = (_e = parentLegalEntity == null ? void 0 : parentLegalEntity.organization) == null ? void 0 : _e.registeredAddress) == null ? void 0 : _f.country),
-      taskType: props.taskType,
+      data: dataFromResponse,
+      country: country2,
+      activeForm,
+      forms,
+      ref: formRef,
+      taskType,
       problems,
-      eventEmitter: props.eventEmitter,
-      hideDropinLayout: props.hideDropinLayout,
-      onChange: props.onChange,
-      handleHomeClick: props.handleHomeClick,
-      homeButtonLabel: props.homeButtonLabel,
-      handleBackClick,
+      onNext: handleNextClick,
+      onBack: handleBackClick,
+      setHideFooter,
       handleGetIdVerificationToken,
-      onSubmit,
-      summary: {
-        formatData: formatDataForSummary,
-        getOmittedKeys: getSummaryOmittedKeys
-      },
-      canSubmit,
-      legalEntityType: LegalEntityType.INDIVIDUAL,
       legalEntityId: legalEntityResponse == null ? void 0 : legalEntityResponse.id,
       allowedRoles: roleTypes,
       handleAddressSearch,
       handleFindAddress,
-      onTypeSwitch: props.onTypeSwitch,
-      taskName: props.taskName
+      onTypeSwitch,
+      onCountryChange: setCountry,
+      shouldValidate
     })
   });
 }
-const _toast = "";
-function Toast({
-  label,
-  subLabel,
-  actionLabel,
-  type,
-  duration = 3500,
-  onToastHide,
-  onToastAction
-}) {
-  const toastRef = _$1(null);
-  const loading2 = type === ToastType.LOADING;
-  const successToast = type === ToastType.SUCCESS;
-  const labelId = getUniqueId("toast");
-  const handleShow = T$1(() => {
-    var _a;
-    return (_a = toastRef.current) == null ? void 0 : _a.classList.add("adl-toast--visible");
-  }, []);
-  const handleHide = T$1(() => {
-    var _a;
-    (_a = toastRef.current) == null ? void 0 : _a.classList.remove("adl-toast--visible");
-    onToastHide();
-  }, [onToastHide]);
-  p(() => {
-    handleShow();
-    if (duration !== "indefinite") {
-      setTimeout(() => handleHide(), duration);
-    }
-  }, [label, duration, handleHide, handleShow]);
-  return o("div", {
-    ref: toastRef,
-    role: actionLabel ? "alertdialog" : "alert",
-    className: "adl-toast",
-    "aria-labelledby": labelId,
-    children: [loading2 && o("div", {
-      className: "adl-toast__loader",
-      children: o("div", {
-        className: "adl-loading-indicator adl-loading-indicator--small adl-loading-indicator--dark"
-      })
-    }), !loading2 && o("div", {
-      className: cx("adl-toast__status", {
-        "adl-toast__status--success": successToast,
-        "adl-toast__status--error": !successToast
-      }),
-      children: [successToast && o(Icon, {
-        className: "adl-toast__status-icon",
-        name: "checkmark"
-      }), !successToast && o(Icon, {
-        className: "adl-toast__status-icon",
-        name: "cross"
-      })]
-    }), o("div", {
-      className: "adl-toast__message",
-      children: [o("span", {
-        id: labelId,
-        className: "adl-toast__title",
-        children: label
-      }), actionLabel && o("button", {
-        className: "adl-link adl-toast__action",
-        title: "performAction",
-        type: "button",
-        onClick: onToastAction,
-        children: actionLabel
-      }), !loading2 && subLabel && o("span", {
-        className: "adl-toast__subtitle",
-        children: subLabel
-      })]
-    }), !loading2 && o("button", {
-      className: "adl-toast__close",
-      title: "close",
-      type: "button",
-      onClick: handleHide,
-      children: o(Icon, {
-        name: "cross"
-      })
-    })]
-  });
-}
 const isInstantVerificationAvailable = ({
   country: country2,
   verificationVendorsCallback,
@@ -22788,6 +23259,9 @@ function PayoutDetailsDropinComponent(props) {
     var _a2, _b2;
     setLoadingStatus("loading");
     dataSubmitted.payoutAccountDetails.currency = dataSubmitted.payoutAccountDetails.currency ?? fallbackCurrency;
+    if (defaultPayoutCountry === CountryCodes.Sweden && "iban" in dataSubmitted.payoutAccountDetails) {
+      dataSubmitted.payoutAccountDetails.currency = Currency.EUR;
+    }
     const event = {
       segmentation: {
         ...baseTrackingPayload,
@@ -23596,13 +24070,15 @@ function TrustRoleAndEntityTypeComponent(props) {
   p(() => {
     var _a;
     (_a = props.onChange) == null ? void 0 : _a.call(props, {
+      schema,
       data,
       errors,
       valid,
       isValid,
-      dataStoreId: id2
+      dataStoreId: id2,
+      fieldProblems
     });
-  }, [data, isValid, i18n, errors, valid, id2]);
+  }, [schema, data, isValid, i18n, errors, valid, id2, fieldProblems]);
   const onInputDescription = (e2) => {
     const {
       value
@@ -23842,27 +24318,21 @@ function RoleAndTypeDropinComponent(props) {
     props.navigateBack();
   };
   const hasRolesChanged = (newRoles = [], existingRoles = []) => newRoles.length !== existingRoles.length || !newRoles.every((newRole) => existingRoles.includes(newRole));
-  const getSidebar = () => Object.values(formList).map((form) => ({
+  const formsWithValidity = Object.values(formList).map((form) => ({
     formId: form.formId,
     formName: form.formName,
     isValid: formValidity[form.formId]
   }));
-  const sidebar = o(FormNavigation, {
-    forms: getSidebar(),
-    activeForm,
-    taskName
-  });
-  const footer = o(ActionBar, {
-    onNext: onNavigateToNextStep,
-    onHome: saveRolesAndNavigate,
-    nextButtonLabel: isSummaryStep ? i18n.get("submit") : i18n.get("next"),
-    homeButtonLabel: i18n.get("saveAndGoToOverview")
-  });
   const gotoFormByFormIndex = (formIndex) => {
     setActiveForm(formList[formIndex]);
   };
   const content = o(Fragment, {
-    children: [sidebar, o("div", {
+    children: [o(FormNavigation, {
+      forms: formsWithValidity,
+      activeForm: formsWithValidity.find((form) => form.formId === activeForm.formId),
+      taskName,
+      gotoForm: noop
+    }), o("div", {
       className: "adyen-kyc-form-container",
       children: [o("div", {
         className: activeForm.formId !== "roleAndEntityType" ? "adyen-kyc-form-wrapper adyen-kyc-form-wrapper--hidden" : "adyen-kyc-form-wrapper",
@@ -23879,7 +24349,12 @@ function RoleAndTypeDropinComponent(props) {
           forms: [undefinedBeneficiaryForms.roleAndEntityType],
           gotoForm: gotoFormByFormIndex
         })
-      }), footer]
+      }), o(ActionBar, {
+        onNext: onNavigateToNextStep,
+        onHome: saveRolesAndNavigate,
+        nextButtonLabel: isSummaryStep ? i18n.get("submit") : i18n.get("next"),
+        homeButtonLabel: i18n.get("saveAndGoToOverview")
+      })]
     })]
   });
   return o(DropinLayout, {
@@ -23986,7 +24461,8 @@ function ServiceAgreementDropinComponent({
   const [loadingStatus, setLoadingStatus] = h();
   const formsToBeSigned = serviceAgreementTypes.map((serviceAgreementType) => ({
     formId: serviceAgreementType,
-    formName: serviceAgreementTypesTranslationMapping[serviceAgreementType]
+    formName: serviceAgreementTypesTranslationMapping[serviceAgreementType],
+    isValid: false
   }));
   const signedForms = serviceAgreementAcceptanceInfos.map((serviceAgreementAcceptanceInfo) => ({
     formId: serviceAgreementAcceptanceInfo.type,
@@ -24409,6 +24885,7 @@ function SolePropDropinComponent(props) {
       homeButtonLabel: props.homeButtonLabel,
       onSubmit,
       legalEntityType: LegalEntityType.TRUST,
+      legalEntityResponse,
       summary: {
         formatData: formatDataForSummary,
         getOmittedKeys
@@ -24597,6 +25074,7 @@ function TrustDropinComponent(props) {
       homeButtonLabel: props.homeButtonLabel,
       onSubmit,
       legalEntityType: LegalEntityType.TRUST,
+      legalEntityResponse,
       summary: {
         formatData: formatDataForSummary,
         getOmittedKeys
@@ -25693,9 +26171,11 @@ class UIElement extends BaseElement {
               className: "adyen-kyc-dropin-container adl-u-position-relative",
               children: o(AutoResizer, {
                 children: o(ToastContextProvider, {
-                  children: o(Component2, {
-                    ...this.props.componentProps,
-                    eventEmitter: this.eventEmitter
+                  children: o(StateProvider, {
+                    children: o(Component2, {
+                      ...this.props.componentProps,
+                      eventEmitter: this.eventEmitter
+                    })
                   })
                 })
               })