@adyen/kyc-components 3.39.2 → 3.40.1

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

@@ -5,6 +5,7 @@ import { sanitize } from "isomorphic-dompurify";
 import cx from "classnames";
 import { lazy, Suspense, forwardRef, memo, useMemo as useMemo$1 } from "preact/compat";
 import isISIN from "validator/es/lib/isISIN.js";
+import { Onfido } from "onfido-sdk-ui";
 import OpenBankingSDK from "@adyen/openbankingsdk";
 import { jsxs as jsxs$1, jsx as jsx$1 } from "preact/compat/jsx-runtime";
 import "@adyen/adyen-document-viewer/dist/adyen-document-viewer.min.css";
@@ -29,7 +30,7 @@ function useExperimentsContext() {
   }
   return context;
 }
-const defaultTrans = {
+const defaultLocaleTranslations = {
   "1Minute": "1 minute",
   "1Second": "1 second",
   CCIAA: "CCIAA Number",
@@ -55,7 +56,8 @@ const defaultTrans = {
   SINFormatCA: "XXXXXXXXX",
   SSNFormatUS: "*** — ** — XXXX",
   SSNFormatUS9Digits: "XXXXXXXXX",
-  SST: "SST",
+  SST: "Sales and Service Tax (SST)",
+  SSM: "Suruhanjaya Syarikat Malaysia (SSM)",
   "UST-ID": "UST-ID (Umsatzsteuer-Identifikationsnummer)",
   "USt-IdNr": "USt-IdNr. (Umsatzsteuer-Identifikationsnummer)",
   YTunnus: "Y-TUNNUS",
@@ -159,6 +161,8 @@ const defaultTrans = {
   bankStatement: "Bank statement",
   bankStatementAlreadyUploaded: "Bank statement has already been uploaded, is too large, or the account has already been added; try another",
   bankStatementDocument: "Bank statement",
+  bankStatementIndividualDescription: "To help verify your bank account details, we need a bank statement clearly showing your name and dated within the last 12 months.",
+  bankStatementNonIndividualDescription: "To help verify your bank account details, we need a bank statement clearly showing your business's name and dated within the last 12 months.",
   basedOnTheAboveSignatory: "Based on the above, the signatory above asserts that the information within this attestation form fairly represents the results of the assessment.",
   basicCompanyInformation: "Basic company information",
   basicInformation: "Basic information",
@@ -192,6 +196,7 @@ const defaultTrans = {
   businessName: "Business name",
   businessNumber: "Business number",
   businessRegistrationDocument__FR: "Business registration document, such as a KBIS extract or situation au répertoire sirene",
+  businessRegistryStatement: "Business registry statement",
   businessSelection__failedToLoad: "Business details failed to load",
   businessSelection__footer: "Can't find your business?",
   businessSelection__footerButton: "Add details manually",
@@ -234,6 +239,7 @@ const defaultTrans = {
   code: "Code",
   codiceFiscale: "Codice fiscale",
   codulDeIdentificareFiscala: "Codul de identificare fiscală (CIF)",
+  commercialLicence: "Commercial License, Trade License or Business License",
   company: "Company",
   companyDetails: "Company details",
   companyFinancialInformationFormHeading: "Financial Details",
@@ -626,6 +632,8 @@ const defaultTrans = {
   errorMessage_1_85: "Proof of director document didn't meet the requirements",
   errorMessage_1_86: "Director details didn't match with proof of director document",
   errorMessage_1_87: "Director details couldn't be verified",
+  errorMessage_1_803: "Upload a proof of director document to legal entity",
+  errorMessage_1_804: "Upload a different proof of director document",
   errorMessage_1_8009: "Organization legal name is missing from the proof of director document",
   errorMessage_1_8010: "Organization legal name is different with the one presented in the document",
   errorMessage_1_8011: "Director name is missing from the proof of director document",
@@ -642,6 +650,7 @@ const defaultTrans = {
   errorMessage_2_8193: "Director was missing.",
   errorMessage_2_8196: "proofOfOwnership document to perform verification was missing.",
   errorMessage_2_8234: "'organization.countryOfGoverningLaw' was missing.",
+  errorMessage_2_8236: "Proof of director was missing.",
   errorMessage_3_10: "Review of data is required",
   euVatNumber: "EU VAT number",
   exemptedFromTax: "Exempted from tax",
@@ -748,6 +757,8 @@ const defaultTrans = {
   includeFrontAndBack: "Include both the front and back side, each in separate file",
   includesEIN: "Includes your EIN (Employer Identification Number)",
   includesLegalCompanyName: "Includes the legal name of your company",
+  includesTheDirectorsFullName: "Includes the director’s full name",
+  includesEvidenceOfTheIndividualsRole: "Includes evidence of the individual’s role as director",
   individual: "Individual",
   individualDetails: "Individual details",
   individualTrustee: "Individual trustee",
@@ -762,6 +773,7 @@ const defaultTrans = {
   instantVerification: "Instant verification",
   instantVerificationDescription: "Log in to your bank account and get instantly verified.",
   institutionNumber: "Institution number",
+  internalCompanyDocument: "Internal company document",
   introductionScreenAccountDescriptionP1: "For example, the account holder name and account number.",
   introductionScreenAccountDescriptionP2: "This is the bank account you use to send or receive funds.",
   introductionScreenAccountTitle: "Bank account details",
@@ -845,6 +857,7 @@ const defaultTrans = {
   isYourNameMissingFromSigners: "Is your name missing from the list of signers?",
   issuedByTheTaxAuthority: "Issued by the tax authority or government of the country where the company is registered",
   issuedInTheLastXMonths: "Issued in the last %{number} months",
+  issuedOrSignedByALegalRepresentative: "Issued or signed by a legal representative in the last 12 months",
   issuerState: "Issuing state",
   jobTitle: "Job title",
   kaibemaksukohustuslaseNumber: "Käibemaksukohustuslase number",
@@ -1045,6 +1058,7 @@ const defaultTrans = {
   professionalServiceProvider: "My settlor is a professional service provider",
   progress: "Progress",
   proofOfNationalId: "Proof of national ID",
+  proofOfDirector: "Proof of director",
   proofOfRelationship: "Proof of relationship",
   proofOfResidency: "Proof of residency",
   proofOfResidenceDocumentTypeLabel: "Upload a document as proof of address for %{name}. We need to see this document so we can more accurately verify their identity.",
@@ -1346,6 +1360,7 @@ const defaultTrans = {
   uploadDocumentForNric: "Upload an ID document instead of NRIC",
   uploadOneOfTheseDocuments: "Upload one of these documents:",
   uploadTheFollowingDocuments: "Upload the following documents:",
+  uploadYourOrganizationProofOfDirector: "Upload your organization’s proof of director",
   usePhoneToScanId: "Use your phone to scan the ID",
   utilityBill: "Utility bill",
   validation8Or11Characters: "Please enter either 8 or 11 characters.",
@@ -1384,6 +1399,7 @@ const defaultTrans = {
   weCouldntConnectToMyinfoBusiness: "We couldn't connect to Myinfo Business",
   weDoNotYetSupportInstantVerificationForBankAccountsIn_: "We do not yet support instant verification for bank accounts in %{countryName}. Therefore, you must provide your account details manually.",
   weFoundTheFollowingIssues: "We found the following issues:",
+  weNeedAnOfficialDocument: "We need an official document to verify your organization’s director. ",
   weSelectedSomeRolesBasedOnMyinfoBusinessDataAboutYourCompanysAppointmentHoldersAndShareholders: "We selected some roles based on Myinfo business data about your company's appointment holders and shareholders.",
   whatBestDescribesYourBusinessSetup: "What best describes your business setup?",
   whatIsTheDifferenceBetweenTheseRoles: "What is the difference between these roles?",
@@ -1437,16 +1453,10 @@ const defaultTrans = {
 };
 const enUS = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: defaultTrans
+  default: defaultLocaleTranslations
 }, Symbol.toStringTag, { value: "Module" }));
 const FALLBACK_LOCALE = "en-US";
-const defaultTranslation = Object.entries(defaultTrans).reduce(
-  (acc, [translationKey, translationValue]) => translationKey !== "smartling" ? {
-    ...acc,
-    [translationKey]: translationValue
-  } : acc,
-  {}
-);
+const defaultTranslation = defaultLocaleTranslations;
 const determineAllowedAttributes = (allowedTags) => {
   const allowedAttributes = [];
   if (allowedTags.includes("a")) {
@@ -2017,46 +2027,61 @@ const formUtilities = (props, i18n) => ({
     (acc, [key, val]) => fieldKeys.includes(key) ? { ...acc, [key]: val } : acc,
     {}
   ),
-  getFieldErrors: (formErrors, fieldProblems, fieldKeys) => Object.keys(formErrors).reduce((acc, key) => {
-    var _a;
-    if (fieldKeys.includes(key)) {
-      const error = (_a = formErrors == null ? void 0 : formErrors[key]) == null ? void 0 : _a.errorMessage;
-      return error ? { ...acc, [key]: i18n.get(error) } : { ...acc, [key]: Boolean(fieldProblems == null ? void 0 : fieldProblems[key]) };
-    }
-    return acc;
-  }, {}),
-  getFieldLabels: (fieldKeys, fallbackLabelKeys) => fieldKeys.reduce((acc, field) => {
-    var _a, _b;
-    let translationKey = ((_a = props.labels) == null ? void 0 : _a[field]) ?? (fallbackLabelKeys == null ? void 0 : fallbackLabelKeys[field]) ?? field;
-    if (props.labels && !((_b = props.labels) == null ? void 0 : _b[field]) && Object.keys(props.labels).length) {
-      const parentKey = Object.keys(props.labels).find(
-        (fieldKey) => {
-          var _a2;
-          return typeof ((_a2 = props.labels) == null ? void 0 : _a2[fieldKey]) === "object";
+  getFieldErrors: (formErrors, fieldProblems, fieldKeys) => Object.keys(formErrors).reduce(
+    (acc, key) => {
+      var _a;
+      if (fieldKeys.includes(key)) {
+        const error = (_a = formErrors == null ? void 0 : formErrors[key]) == null ? void 0 : _a.errorMessage;
+        return error ? { ...acc, [key]: i18n.get(error) } : { ...acc, [key]: Boolean(fieldProblems == null ? void 0 : fieldProblems[key]) };
+      }
+      return acc;
+    },
+    {}
+  ),
+  getFieldLabels: (fieldKeys, fallbackLabelKeys) => fieldKeys.reduce(
+    (acc, field) => {
+      var _a, _b;
+      let translationKey = ((_a = props.labels) == null ? void 0 : _a[field]) ?? (fallbackLabelKeys == null ? void 0 : fallbackLabelKeys[field]) ?? field;
+      if (props.labels && !((_b = props.labels) == null ? void 0 : _b[field]) && Object.keys(props.labels).length) {
+        const parentKey = Object.keys(props.labels).find(
+          (fieldKey) => {
+            var _a2;
+            return typeof ((_a2 = props.labels) == null ? void 0 : _a2[fieldKey]) === "object";
+          }
+        );
+        if (parentKey) {
+          const nestedLabel = props.labels[parentKey][field];
+          translationKey = nestedLabel ?? translationKey;
         }
-      );
-      if (parentKey) {
-        const nestedLabel = props.labels[parentKey][field];
-        translationKey = nestedLabel ?? translationKey;
       }
-    }
-    return { ...acc, [field]: i18n.get(translationKey) };
-  }, {}),
-  getFieldPlaceholders: (fieldKeys, fallbackPlaceholderKeys) => fieldKeys.reduce((acc, field) => {
-    var _a, _b;
-    const translationKey = (fallbackPlaceholderKeys == null ? void 0 : fallbackPlaceholderKeys[field]) ? ((_a = props.placeholders) == null ? void 0 : _a[field]) ?? (fallbackPlaceholderKeys == null ? void 0 : fallbackPlaceholderKeys[field]) : (_b = props.placeholders) == null ? void 0 : _b[field];
-    return translationKey ? { ...acc, [field]: i18n.get(translationKey) } : acc;
-  }, {}),
-  getFieldHelperText: (fieldKeys, fallbackHelperTextKeys) => fieldKeys.reduce((acc, field) => {
-    var _a, _b;
-    const translatable = (fallbackHelperTextKeys == null ? void 0 : fallbackHelperTextKeys[field]) ? ((_a = props.helperText) == null ? void 0 : _a[field]) ?? (fallbackHelperTextKeys == null ? void 0 : fallbackHelperTextKeys[field]) : (_b = props.helperText) == null ? void 0 : _b[field];
-    return translatable ? { ...acc, [field]: i18n.get(translatable) } : acc;
-  }, {}),
-  getFieldGuidanceText: (fieldKeys, fallbackGuidanceTextKeys) => fieldKeys.reduce((acc, field) => {
-    var _a, _b;
-    const translatable = (fallbackGuidanceTextKeys == null ? void 0 : fallbackGuidanceTextKeys[field]) ? ((_a = props.guidanceText) == null ? void 0 : _a[field]) ?? (fallbackGuidanceTextKeys == null ? void 0 : fallbackGuidanceTextKeys[field]) : (_b = props.guidanceText) == null ? void 0 : _b[field];
-    return translatable ? { ...acc, [field]: i18n.get(translatable) } : acc;
-  }, {})
+      return { ...acc, [field]: i18n.get(translationKey) };
+    },
+    {}
+  ),
+  getFieldPlaceholders: (fieldKeys, fallbackPlaceholderKeys) => fieldKeys.reduce(
+    (acc, field) => {
+      var _a, _b;
+      const translationKey = (fallbackPlaceholderKeys == null ? void 0 : fallbackPlaceholderKeys[field]) ? ((_a = props.placeholders) == null ? void 0 : _a[field]) ?? (fallbackPlaceholderKeys == null ? void 0 : fallbackPlaceholderKeys[field]) : (_b = props.placeholders) == null ? void 0 : _b[field];
+      return translationKey ? { ...acc, [field]: i18n.get(translationKey) } : acc;
+    },
+    {}
+  ),
+  getFieldHelperText: (fieldKeys, fallbackHelperTextKeys) => fieldKeys.reduce(
+    (acc, field) => {
+      var _a, _b;
+      const translatable = (fallbackHelperTextKeys == null ? void 0 : fallbackHelperTextKeys[field]) ? ((_a = props.helperText) == null ? void 0 : _a[field]) ?? (fallbackHelperTextKeys == null ? void 0 : fallbackHelperTextKeys[field]) : (_b = props.helperText) == null ? void 0 : _b[field];
+      return translatable ? { ...acc, [field]: i18n.get(translatable) } : acc;
+    },
+    {}
+  ),
+  getFieldGuidanceText: (fieldKeys, fallbackGuidanceTextKeys) => fieldKeys.reduce(
+    (acc, field) => {
+      var _a, _b;
+      const translatable = (fallbackGuidanceTextKeys == null ? void 0 : fallbackGuidanceTextKeys[field]) ? ((_a = props.guidanceText) == null ? void 0 : _a[field]) ?? (fallbackGuidanceTextKeys == null ? void 0 : fallbackGuidanceTextKeys[field]) : (_b = props.guidanceText) == null ? void 0 : _b[field];
+      return translatable ? { ...acc, [field]: i18n.get(translatable) } : acc;
+    },
+    {}
+  )
 });
 const mergeFieldMetadataIntoProps = (fieldName, metadata, otherProps) => {
   const existingProps = otherProps ?? {};
@@ -2174,6 +2199,7 @@ const icons = {
   document: lazy(() => import("./document-1-BN3bKHzc.js")),
   download: lazy(() => import("./download-Doa1e9Lk.js")),
   edit: lazy(() => import("./edit-1-CfwIJ2-1.js")),
+  "external-link": lazy(() => import("./external-link-B2BGNXtd.js")),
   "field-error": lazy(
     () => import("./warning-circle-fill-FaaY90uz.js")
   ),
@@ -2586,16 +2612,23 @@ const Link = ({
   if (!isValidLink(href)) return null;
   const target = external ? "_blank" : "_self";
   const rel = external ? "external noopener noreferrer" : void 0;
-  const showIcon = icon || external;
+  const showIcon = !!icon || external;
+  const iconLeft = showIcon && iconPosition === "left" && !external;
   const classNames = showAsButton ? cx("adyen-kyc-button", className, {
-    "adyen-kyc-button--icon-left": iconPosition === "left"
+    "adyen-kyc-button--icon-left": iconLeft
   }) : cx("adyen-kyc-link", className, {
     "adyen-kyc-link--with-icon": showIcon,
-    "adyen-kyc-link--icon-left": iconPosition === "left"
+    "adyen-kyc-link--icon-left": iconLeft
   });
   return /* @__PURE__ */ jsxs("a", { href, className: classNames, target, rel, onClick, children: [
     /* @__PURE__ */ jsx("span", { className: "adyen-kyc-link__text adyen-kyc-link--inherit", children }),
-    showIcon && icon && /* @__PURE__ */ jsx(Icon, { name: icon, className: "adyen-kyc-link__icon" })
+    showIcon && /* @__PURE__ */ jsx(
+      Icon,
+      {
+        name: external ? "external-link" : icon,
+        className: "adyen-kyc-link__icon"
+      }
+    )
   ] });
 };
 const NavigateToFieldLink = ({ fieldName, label }) => {
@@ -2818,6 +2851,7 @@ var ExperimentNames = /* @__PURE__ */ ((ExperimentNames2) => {
   ExperimentNames2["EnableKompanySearchByRegistrationNumber"] = "EnableKompanySearchByRegistrationNumber";
   ExperimentNames2["EnableNewAddressComponent"] = "EnableNewAddressComponent";
   ExperimentNames2["EnableNewPhoneField"] = "EnableNewPhoneField";
+  ExperimentNames2["EnableBankDocumentLimitedToBankStatement"] = "EnableBankDocumentLimitedToBankStatement";
   ExperimentNames2["AllowMoreRolesForMainRootTrustee"] = "AllowMoreRolesForMainRootTrustee";
   ExperimentNames2["ShowUnsupportedEntityType"] = "ShowUnsupportedEntityType";
   ExperimentNames2["ShowSingPassButtonForCompanies"] = "ShowSingPassButtonForCompanies";
@@ -3299,14 +3333,17 @@ function reducer({
 const mergeStaticAndAsyncErrorsState = (staticValidationErrors, asyncValidationErrors, schema, setValid, optionalFields) => {
   const fields = optionalFields ? [...schema, ...optionalFields] : schema;
   if (!fields.length) return staticValidationErrors;
-  const errors = fields.reduce((acc, field) => {
-    var _a, _b;
-    if ((_a = asyncValidationErrors[field]) == null ? void 0 : _a.getError()) setValid(field, false);
-    return {
-      ...acc,
-      [field]: staticValidationErrors[field] ?? ((_b = asyncValidationErrors[field]) == null ? void 0 : _b.getError()) ?? null
-    };
-  }, {});
+  const errors = fields.reduce(
+    (acc, field) => {
+      var _a, _b;
+      if ((_a = asyncValidationErrors[field]) == null ? void 0 : _a.getError()) setValid(field, false);
+      return {
+        ...acc,
+        [field]: staticValidationErrors[field] ?? ((_b = asyncValidationErrors[field]) == null ? void 0 : _b.getError()) ?? null
+      };
+    },
+    {}
+  );
   return errors;
 };
 function useForm({
@@ -5482,6 +5519,9 @@ const businessRegistrationNumberMasks = {
       transformOnType: uppercase
     }
   },
+  [CountryCodes.Malaysia]: {
+    default: { mask: makeMask(...numericInputs(12)) }
+  },
   [CountryCodes.Malta]: {
     default: {
       mask: makeMask(
@@ -5492,6 +5532,7 @@ const businessRegistrationNumberMasks = {
       )
     }
   },
+  [CountryCodes.Mexico]: { default: { mask: makeMask(...alphanumericInputs(12)) } },
   [CountryCodes.Monaco]: {
     default: {
       mask: makeMask(...alphanumericInputs(8), ...alphanumericInputs(3, true)),
@@ -6263,8 +6304,9 @@ const businessRegistrationNumberPatterns = {
   [CountryCodes.Liechtenstein]: { default: /FL-[0-9]{4}[.][0-9]{3}[.][0-9]{3}-[0-9]$/ },
   [CountryCodes.Lithuania]: { default: /^\d{6,9}$/ },
   [CountryCodes.Luxembourg]: { default: /^[a-zA-Z]\d{5,7}$/ },
-  [CountryCodes.Malaysia]: { default: /^[A-Za-z0-9]{7,8}$|^[A-Za-z0-9]{12}$/ },
+  [CountryCodes.Malaysia]: { default: /^\d{7}$|^\d{12}$/ },
   [CountryCodes.Malta]: { default: /^C\s?\d{4,6}$/ },
+  [CountryCodes.Mexico]: { default: /^\D{3}\d{6}\w{3}$/ },
   [CountryCodes.Monaco]: {
     default: /^[0-9]{2}[A-Z]{1,3}[0-9]{5}$/,
     soleProprietorship: /^\d{2,4}[A-Z]\d{5}$/
@@ -6832,10 +6874,32 @@ const defaultFieldConfig$9 = {
     }
   },
   [CountryCodes.Malaysia]: {
-    label: "companyNumber"
+    label: "SSM",
+    mask: businessRegistrationNumberMasks[CountryCodes.Malaysia].default,
+    validators: validatePatternOnBlur(
+      businessRegistrationNumberPatterns[CountryCodes.Malaysia].default
+    ),
+    guidanceText: {
+      key: "enterAMaximumOfNCharactersWithAMixForExample",
+      values: {
+        maxChars: "12",
+        example: "1234567, 201901000005"
+      }
+    }
   },
   [CountryCodes.Mexico]: {
-    label: "RFC"
+    label: "RFC",
+    mask: businessRegistrationNumberMasks[CountryCodes.Mexico].default,
+    validators: validatePatternOnBlur(
+      businessRegistrationNumberPatterns[CountryCodes.Mexico].default
+    ),
+    guidanceText: {
+      key: "enterNDigitsForExample",
+      values: {
+        numDigits: "12",
+        example: "LFM200817DGA"
+      }
+    }
   },
   [CountryCodes.Monaco]: ({ companyType }) => companyType === CompanyTypesValue.SOLE_PROPRIETORSHIP ? {
     label: "mcRegistrationNumberSoleProp",
@@ -7064,6 +7128,9 @@ const defaultFieldConfig$9 = {
       }
     }
   },
+  [CountryCodes.UnitedArabEmirates]: {
+    label: "commercialLicence"
+  },
   [CountryCodes.UnitedKingdom]: ({ companyType }) => {
     switch (companyType) {
       case "nonProfit":
@@ -10249,7 +10316,7 @@ const companyRegistrationDetailsFields = [
   ...DATE_OF_INCORPORATION_FIELD,
   ...EINVOICING_CODE_FIELD
 ];
-function CompanyRegistrationDetailsComponent(props) {
+function CompanyRegistrationDetails(props) {
   var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j;
   let mergedProps = props;
   const COMPANY_REGISTRATION_DETAILS = mergedProps.id ?? "companyRegistrationDetails";
@@ -11031,7 +11098,7 @@ const companyTypeValidationRules = {
   }
 };
 const companyTypeFields = ["entityType"];
-function CompanyTypeComponent(props) {
+function CompanyType(props) {
   const { i18n } = useI18nContext();
   const { isSettingEnabled } = useSettingsContext();
   const canChangeEntityType = isSettingEnabled(SettingNames.AllowLegalEntityTypeChange);
@@ -11517,7 +11584,7 @@ function TextArea(props) {
   ] });
 }
 const DESCRIPTION_CHARACTERS_LIMIT = 200;
-function DocumentUploadComponent({
+function DocumentUpload({
   documentType,
   documentField,
   guidanceHeader,
@@ -11636,8 +11703,8 @@ function DocumentUploadComponent({
     }
   );
 }
-const DocumentUpload = memo(
-  DocumentUploadComponent,
+const MemoizedDocumentUpload = memo(
+  DocumentUpload,
   (prevProps, nextProps) => prevProps.shouldValidate === nextProps.shouldValidate && objectsDeepEqual(prevProps.requiredFields, nextProps.requiredFields) && objectsDeepEqual(prevProps.data, nextProps.data) && objectsDeepEqual(prevProps.formVerificationErrors, nextProps.formVerificationErrors) && objectsDeepEqual(prevProps.fieldValidationErrors, nextProps.fieldValidationErrors) && objectsDeepEqual(prevProps.documentTypeSelect, nextProps.documentTypeSelect) && prevProps.documentField === nextProps.documentField && prevProps.name === nextProps.name && prevProps.country === nextProps.country && prevProps.companyType === nextProps.companyType
 );
 var Currencies = /* @__PURE__ */ ((Currencies2) => {
@@ -12299,7 +12366,7 @@ function StateField({
     }
   );
 }
-function FieldContainer(props) {
+function FieldContainer$1(props) {
   const { i18n } = useI18nContext();
   const {
     classNameModifiers = [],
@@ -12885,7 +12952,7 @@ const addressValidationRulesV4 = (country, i18n) => {
     ]
   };
 };
-function Address(props) {
+function AddressForm(props) {
   const {
     data: dataProp,
     requiredFields: requiredFieldsProp,
@@ -13006,7 +13073,7 @@ function Address(props) {
     if (!formUtils.isRequiredField(fieldName) && !formUtils.isOptionalField(fieldName)) return null;
     const hideField = fieldName === "country" && hideCountry;
     return /* @__PURE__ */ jsx(
-      FieldContainer,
+      FieldContainer$1,
       {
         classNameModifiers: [fieldName],
         data,
@@ -13116,7 +13183,7 @@ function Address(props) {
     }
   );
 }
-Address.defaultProps = {
+AddressForm.defaultProps = {
   data: {},
   onChange: () => {
   },
@@ -13204,7 +13271,7 @@ const generateSearchListItem = (item, i18n) => /* @__PURE__ */ jsxs(Fragment, {
     /* @__PURE__ */ jsx(Icon, { name: "arrow-right", className: "adyen-kyc-dropdown-search-element__addresses--icon" })
   ] })
 ] });
-function FieldContainerComponent({
+function FieldContainer({
   legalEntityId = "",
   classNameModifiers = [],
   schema,
@@ -13450,7 +13517,7 @@ function FieldContainerComponent({
   };
   return hideField ? null : renderField(fieldName);
 }
-function AddressComponent({
+function Address({
   data,
   labels: labels2,
   placeholders,
@@ -13543,11 +13610,11 @@ function AddressComponent({
       isValid
     });
   }, [formData, formErrors, formFieldProblems, formSchema, formValid, isValid]);
-  const createFieldComponent = (fieldName) => {
+  const createField = (fieldName) => {
     if (!formUtils.isRequiredField(fieldName) && !formUtils.isOptionalField(fieldName)) return null;
     const hideField = fieldName === "country" && hideCountry;
     return /* @__PURE__ */ jsx(
-      FieldContainerComponent,
+      FieldContainer,
       {
         classNameModifiers: [fieldName],
         schema: formSchema,
@@ -13579,18 +13646,18 @@ function AddressComponent({
     switch (formData == null ? void 0 : formData.country) {
       case "US":
         return /* @__PURE__ */ jsxs("fieldset", { className: "adyen-kyc-address", children: [
-          formSchema.filter((field) => !condensedFields.includes(field)).map((filteredField) => createFieldComponent(filteredField)),
-          condensedFields.length && /* @__PURE__ */ jsx("div", { className: "adyen-kyc-address__condensed-fields", children: condensedFields.map((field) => createFieldComponent(field)) })
+          formSchema.filter((field) => !condensedFields.includes(field)).map((filteredField) => createField(filteredField)),
+          condensedFields.length && /* @__PURE__ */ jsx("div", { className: "adyen-kyc-address__condensed-fields", children: condensedFields.map((field) => createField(field)) })
         ] });
       default:
-        return /* @__PURE__ */ jsx("fieldset", { className: "adyen-kyc-address", children: formSchema.map((field) => createFieldComponent(field)) });
+        return /* @__PURE__ */ jsx("fieldset", { className: "adyen-kyc-address", children: formSchema.map((field) => createField(field)) });
     }
   }
-  return /* @__PURE__ */ jsx("fieldset", { className: "adyen-kyc-address", children: formSchema.map((field) => createFieldComponent(field)) });
+  return /* @__PURE__ */ jsx("fieldset", { className: "adyen-kyc-address", children: formSchema.map((field) => createField(field)) });
 }
 function AddressExperimentWrapper(props) {
   const { isExperimentEnabled } = useExperimentsContext();
-  return isExperimentEnabled("EnableNewAddressComponent") ? /* @__PURE__ */ jsx(AddressComponent, { ...props }) : /* @__PURE__ */ jsx(Address, { ...props });
+  return isExperimentEnabled("EnableNewAddressComponent") ? /* @__PURE__ */ jsx(Address, { ...props }) : /* @__PURE__ */ jsx(AddressForm, { ...props });
 }
 var operationalAddressIsSameIds = /* @__PURE__ */ ((operationalAddressIsSameIds2) => {
   operationalAddressIsSameIds2["OPERATIONAL_ADDRESS_IS_SAME"] = "OperationAddressAnswerYes";
@@ -13633,7 +13700,7 @@ const registrationAddressForms = {
 };
 const registrationAddressFormID = registrationAddressForms.registrationAddress.formId;
 const operationalAddressFormID = registrationAddressForms.operationalAddress.formId;
-function RegistrationAddressComponent(props) {
+function RegistrationAddress(props) {
   var _a, _b, _c, _d, _e;
   const { i18n } = useI18nContext();
   const {
@@ -13868,7 +13935,7 @@ const ACCEPTED_DOCUMENTS_MAP$1 = {
     }
   }
 };
-const GuidanceContent$1 = ({
+const GuidanceContent$2 = ({
   country,
   companyType
 }) => {
@@ -13892,7 +13959,7 @@ const GuidanceContent$1 = ({
     /* @__PURE__ */ jsx(List, { className: "adyen-kyc-upload-field__requirements", children: /* @__PURE__ */ jsx(ListItem, { children: i18n.get("documentIssuedByGovernmentAuthority") }) })
   ] }) });
 };
-function RegistrationDocumentComponent({
+function RegistrationDocument({
   id,
   country,
   companyType = CompanyTypesValue.PRIVATE_COMPANY,
@@ -13902,7 +13969,7 @@ function RegistrationDocumentComponent({
 }) {
   const { i18n } = useI18nContext();
   return /* @__PURE__ */ jsx(
-    DocumentUpload,
+    MemoizedDocumentUpload,
     {
       ...props,
       id,
@@ -13910,7 +13977,7 @@ function RegistrationDocumentComponent({
       description: i18n.get(description),
       documentField: "registrationDocument",
       documentType: DocumentType.REGISTRATION_DOCUMENT,
-      guidanceContent: /* @__PURE__ */ jsx(GuidanceContent$1, { country, companyType }),
+      guidanceContent: /* @__PURE__ */ jsx(GuidanceContent$2, { country, companyType }),
       companyType,
       country
     }
@@ -13963,7 +14030,7 @@ const ACCEPTED_DOCUMENTS_MAP = {
     }
   }
 };
-const GuidanceContent = ({
+const GuidanceContent$1 = ({
   country,
   companyType
 }) => {
@@ -13991,7 +14058,7 @@ const GuidanceContent = ({
     ] })
   ] }) });
 };
-function TaxDocumentComponent({
+function TaxDocument({
   id,
   country,
   companyType = CompanyTypesValue.PRIVATE_COMPANY,
@@ -14001,7 +14068,7 @@ function TaxDocumentComponent({
 }) {
   const { i18n } = useI18nContext();
   return /* @__PURE__ */ jsx(
-    DocumentUpload,
+    MemoizedDocumentUpload,
     {
       ...props,
       id,
@@ -14009,12 +14076,55 @@ function TaxDocumentComponent({
       description: i18n.get(description),
       documentField: "taxDocument",
       documentType: DocumentType.PROOF_OF_ORGANIZATION_TAX_INFO,
-      guidanceContent: /* @__PURE__ */ jsx(GuidanceContent, { country, companyType }),
+      guidanceContent: /* @__PURE__ */ jsx(GuidanceContent$1, { country, companyType }),
       companyType,
       country
     }
   );
 }
+const documentTypes = [
+  { id: "Internal company document", name: "internalCompanyDocument" },
+  { id: "Business registry statement", name: "businessRegistryStatement" }
+];
+const GuidanceContent = () => {
+  const { i18n } = useI18nContext();
+  return /* @__PURE__ */ jsx("div", { className: "adyen-kyc-upload-field__guidance", children: /* @__PURE__ */ jsxs("div", { className: "adyen-kyc-u-margin-bottom-24", children: [
+    /* @__PURE__ */ jsx("strong", { children: i18n.get("documentRequirements") }),
+    /* @__PURE__ */ jsxs(List, { className: "adyen-kyc-u-margin-left-8", children: [
+      /* @__PURE__ */ jsx(ListItem, { children: i18n.get("includesTheDirectorsFullName") }),
+      /* @__PURE__ */ jsx(ListItem, { children: i18n.get("includesEvidenceOfTheIndividualsRole") }),
+      /* @__PURE__ */ jsx(ListItem, { children: i18n.get("issuedOrSignedByALegalRepresentative") })
+    ] })
+  ] }) });
+};
+function ProofOfDirectorDocument({
+  id,
+  country,
+  heading = "uploadYourOrganizationProofOfDirector",
+  description = "weNeedAnOfficialDocument",
+  ...props
+}) {
+  const { i18n } = useI18nContext();
+  const [selectedDocumentName, setSelectedDocumentName] = useState(documentTypes[0].id);
+  return /* @__PURE__ */ jsx(
+    MemoizedDocumentUpload,
+    {
+      ...props,
+      id,
+      heading: i18n.get(heading),
+      description: i18n.get(description),
+      documentField: "proofOfDirector",
+      documentType: DocumentType.PROOF_OF_DIRECTOR,
+      guidanceContent: /* @__PURE__ */ jsx(GuidanceContent, {}),
+      country,
+      documentTypeSelect: {
+        selectedType: selectedDocumentName,
+        setSelectedType: setSelectedDocumentName,
+        options: documentTypes
+      }
+    }
+  );
+}
 const companyForms = {
   companyNameAndCountry: {
     formId: "companyNameAndCountry",
@@ -14050,6 +14160,13 @@ const companyForms = {
     formDescription: "companyTaxDocumentFormDescription",
     fields: ["taxDocument"]
   },
+  companyProofOfDirectorDocument: {
+    formId: "companyProofOfDirectorDocument",
+    formName: "proofOfDirector",
+    formHeading: "uploadYourOrganizationProofOfDirector",
+    formDescription: "weNeedAnOfficialDocument",
+    fields: ["proofOfDirector"]
+  },
   companyFinancialInformation: {
     formId: "companyFinancialInformation",
     formName: "financialInformation",
@@ -14064,9 +14181,14 @@ const CompanyRegistrationDetailsFormID = companyForms.companyRegistrationDetails
 const CompanyRegistrationAddressFormID = companyForms.companyRegistrationAddress.formId;
 const CompanyRegistrationDocumentFormID = companyForms.companyRegistrationDocument.formId;
 const CompanyTaxDocumentFormID = companyForms.companyTaxDocument.formId;
+const CompanyProofOfDocumentFormID = companyForms.companyProofOfDirectorDocument.formId;
 const CompanyFinancialInformationFormID = companyForms.companyFinancialInformation.formId;
-const companyDocumentForms = [CompanyRegistrationDocumentFormID, CompanyTaxDocumentFormID];
-function CompanyComponent(props) {
+const companyDocumentForms = [
+  CompanyRegistrationDocumentFormID,
+  CompanyTaxDocumentFormID,
+  CompanyProofOfDocumentFormID
+];
+function Company(props) {
   const { i18n } = useI18nContext();
   const [currentCompanyType, setCurrentCompanyType] = useState(void 0);
   const [currentCountry, setCurrentCountry] = useState(props.country);
@@ -14077,6 +14199,7 @@ function CompanyComponent(props) {
   const companyRegistrationAddressFormProps = getNestedOuterFormPropsFromOuterFormProps(props, CompanyRegistrationAddressFormID);
   const companyRegistrationDocumentFormProps = getFormProps(props, CompanyRegistrationDocumentFormID);
   const companyTaxDocumentFormProps = getFormProps(props, CompanyTaxDocumentFormID);
+  const companyProofOfDocumentDocumentFormProps = getFormProps(props, CompanyProofOfDocumentFormID);
   const companyFinancialInformationFormProps = getFormProps(props, CompanyFinancialInformationFormID);
   const handleStateChange = ({ currentState, prevState }) => {
     var _a, _b, _c, _d, _e, _f, _g, _h;
@@ -14117,7 +14240,7 @@ function CompanyComponent(props) {
       {
         className: props.activeForm.formId !== CompanyTypeFormID ? "adyen-kyc-form-wrapper adyen-kyc-form-wrapper--hidden" : "adyen-kyc-form-wrapper",
         children: /* @__PURE__ */ jsx(
-          CompanyTypeComponent,
+          CompanyType,
           {
             ...companyTypeFormProps,
             heading: i18n.get("companyStructure"),
@@ -14132,7 +14255,7 @@ function CompanyComponent(props) {
       {
         className: props.activeForm.formId !== CompanyRegistrationDetailsFormID ? "adyen-kyc-form-wrapper adyen-kyc-form-wrapper--hidden" : "adyen-kyc-form-wrapper",
         children: /* @__PURE__ */ jsx(
-          CompanyRegistrationDetailsComponent,
+          CompanyRegistrationDetails,
           {
             ...companyRegistrationDetailsFormProps,
             heading: i18n.get("registrationDetails"),
@@ -14149,7 +14272,7 @@ function CompanyComponent(props) {
       {
         className: props.activeForm.formId !== CompanyRegistrationAddressFormID ? "adyen-kyc-form-wrapper adyen-kyc-form-wrapper--hidden" : "adyen-kyc-form-wrapper",
         children: /* @__PURE__ */ jsx(
-          RegistrationAddressComponent,
+          RegistrationAddress,
           {
             ...companyRegistrationAddressFormProps,
             heading: i18n.get("registeredAddress"),
@@ -14170,7 +14293,7 @@ function CompanyComponent(props) {
       {
         className: props.activeForm.formId !== CompanyRegistrationDocumentFormID ? "adyen-kyc-form-wrapper adyen-kyc-form-wrapper--hidden" : "adyen-kyc-form-wrapper",
         children: /* @__PURE__ */ jsx(
-          RegistrationDocumentComponent,
+          RegistrationDocument,
           {
             ...companyRegistrationDocumentFormProps,
             id: companyForms.companyRegistrationDocument.formId,
@@ -14187,7 +14310,7 @@ function CompanyComponent(props) {
       {
         className: props.activeForm.formId !== CompanyTaxDocumentFormID ? "adyen-kyc-form-wrapper adyen-kyc-form-wrapper--hidden" : "adyen-kyc-form-wrapper",
         children: currentCountry === "US" ? /* @__PURE__ */ jsx(
-          TaxDocumentComponent,
+          TaxDocument,
           {
             ...companyTaxDocumentFormProps,
             id: CompanyTaxDocumentFormID,
@@ -14197,7 +14320,7 @@ function CompanyComponent(props) {
             companyType: currentCompanyType
           }
         ) : /* @__PURE__ */ jsx(
-          DocumentUpload,
+          MemoizedDocumentUpload,
           {
             ...companyTaxDocumentFormProps,
             documentField: "taxDocument",
@@ -14220,6 +14343,22 @@ function CompanyComponent(props) {
         )
       }
     ),
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: props.activeForm.formId !== CompanyProofOfDocumentFormID ? "adyen-kyc-form-wrapper adyen-kyc-form-wrapper--hidden" : "adyen-kyc-form-wrapper",
+        children: /* @__PURE__ */ jsx(
+          ProofOfDirectorDocument,
+          {
+            ...companyProofOfDocumentDocumentFormProps,
+            id: companyForms.companyProofOfDirectorDocument.formId,
+            heading: companyForms.companyProofOfDirectorDocument.formHeading,
+            description: companyForms.companyProofOfDirectorDocument.formDescription,
+            country: currentCountry
+          }
+        )
+      }
+    ),
     /* @__PURE__ */ jsx(
       "div",
       {
@@ -14490,7 +14629,10 @@ const COUNTRIES_THAT_USE_TAX_ID_INSTEAD_OF_VAT = [
   CountryCodes.UnitedStates,
   CountryCodes.Guernsey,
   CountryCodes.Jersey,
-  CountryCodes.IsleOfMan
+  CountryCodes.IsleOfMan,
+  CountryCodes.Mexico,
+  CountryCodes.Brazil,
+  CountryCodes.Malaysia
 ];
 const COUNTRIES_THAT_DO_NOT_USE_TAX_ID_FOR_SOLE_PROP = [
   CountryCodes.Singapore
@@ -14929,16 +15071,6 @@ const businessDetailsBaseMapping = {
   "additionalInformation.operationalAddress.address": "organization.principalPlaceOfBusiness.street",
   "additionalInformation.operationalAddress.otherAddressInformation": "organization.principalPlaceOfBusiness.street2"
 };
-const customerSupportMapping = {
-  "customerSupport.email": "organization.support.email",
-  "customerSupport.phoneNumber": "organization.support.phone.number",
-  "customerSupport.phone.number": "organization.support.phone.number",
-  "customerSupport.phone.phoneCountryCode": "organization.support.phone.phoneCountryCode",
-  "customerSupport.phone.type": "organization.support.phone.type"
-};
-const customerSupportApiKeyMapping = {
-  ...reverseObject(customerSupportMapping)
-};
 const companyBaseMapping = {
   "companyNameAndCountry.country": "organization.registeredAddress.country",
   "companyNameAndCountry.legalCompanyName": "organization.legalName",
@@ -15068,13 +15200,15 @@ const remediationCompanyApiKeyMapping = {
   ...businessDetailsApiKeyMapping,
   [DocumentType.REGISTRATION_DOCUMENT]: "companyRegistrationDocument.registrationDocument",
   [DocumentType.VAT_DOCUMENT]: "companyTaxDocument.taxDocument",
-  [DocumentType.PROOF_OF_ORGANIZATION_TAX_INFO]: "companyTaxDocument.taxDocument"
+  [DocumentType.PROOF_OF_ORGANIZATION_TAX_INFO]: "companyTaxDocument.taxDocument",
+  [DocumentType.PROOF_OF_DIRECTOR]: "companyProofOfDirectorDocument.proofOfDirector"
 };
 const remediationBusinessDetailsApiKeyMapping = {
   ...businessDetailsApiKeyMapping,
   [DocumentType.REGISTRATION_DOCUMENT]: "companyRegistrationDocument.registrationDocument",
   [DocumentType.VAT_DOCUMENT]: "companyTaxDocument.taxDocument",
-  [DocumentType.PROOF_OF_ORGANIZATION_TAX_INFO]: "companyTaxDocument.taxDocument"
+  [DocumentType.PROOF_OF_ORGANIZATION_TAX_INFO]: "companyTaxDocument.taxDocument",
+  [DocumentType.PROOF_OF_DIRECTOR]: "companyProofOfDirectorDocument.proofOfDirector"
 };
 const remediationIndividualApiKeyMapping = {
   ...individualApiKeyMapping,
@@ -15105,7 +15239,8 @@ const legalEntityDocumentToFieldMapping = {
   [LegalEntityType.ORGANIZATION]: {
     [DocumentType.REGISTRATION_DOCUMENT]: "companyRegistrationDocument.registrationDocument",
     [DocumentType.VAT_DOCUMENT]: "companyTaxDocument.taxDocument",
-    [DocumentType.PROOF_OF_ORGANIZATION_TAX_INFO]: "companyTaxDocument.taxDocument"
+    [DocumentType.PROOF_OF_ORGANIZATION_TAX_INFO]: "companyTaxDocument.taxDocument",
+    [DocumentType.PROOF_OF_DIRECTOR]: "companyProofOfDirectorDocument.proofOfDirector"
   },
   [LegalEntityType.SOLE_PROPRIETORSHIP]: {
     [DocumentType.CONSTITUTIONAL_DOCUMENT]: "solePropConstitutionalDocument.constitutionalDocument"
@@ -15250,7 +15385,7 @@ const mapFinancialInformationToFinancialReport = ({
 }) => ({
   currencyOfFinancialData: currency,
   dateOfFinancialData: financialReportingDate,
-  employeeCount: numberOfEmployees.toFixed(0),
+  employeeCount: typeof numberOfEmployees === "number" ? numberOfEmployees.toFixed(0) : numberOfEmployees,
   netAssets: (netAssets == null ? void 0 : netAssets.toFixed(2)) ?? void 0,
   annualTurnover: (annualTurnover == null ? void 0 : annualTurnover.toFixed(2)) ?? void 0
 });
@@ -15444,21 +15579,6 @@ const mapTrustToLegalEntity = (data) => {
   requestObj.type = LegalEntityType.TRUST;
   return requestObj;
 };
-const mapLegalEntityToCustomerSupport = (legalEntity) => formatObject(legalEntity, customerSupportMapping);
-const mapCustomerSupportToLegalEntity = (customerSupport) => {
-  var _a, _b;
-  const requestObj = formatObject(customerSupport, customerSupportApiKeyMapping);
-  const phone2 = ((_a = customerSupport.customerSupport) == null ? void 0 : _a.phone) ?? {
-    number: (_b = customerSupport.customerSupport) == null ? void 0 : _b.phoneNumber,
-    type: "mobile"
-  };
-  if (phone2.number) {
-    requestObj.organization.support.phone = phone2;
-  } else {
-    delete requestObj.organization.support.phone;
-  }
-  return requestObj;
-};
 const mapLegalEntityToHighExposure = (legalEntity) => formatObject(legalEntity, highExposureComponentsKeyMapping);
 const mapHighExposureToLegalEntity = (data) => ({
   ...formatObject(data, highExposureApiKeyMapping)
@@ -15613,7 +15733,8 @@ const mapApiDocumentToIndividualDocuments = (entityId) => {
 const mapCompanyDocumentToApiDocument = async (data, entityId) => {
   const {
     companyRegistrationDocument: { registrationDocument },
-    companyTaxDocument: { taxDocument }
+    companyTaxDocument: { taxDocument },
+    companyProofOfDirectorDocument: { proofOfDirector }
   } = data;
   const entityType = "legalEntity";
   const taxDocumentType = COUNTRIES_THAT_USE_TAX_ID_INSTEAD_OF_VAT.includes(
@@ -15631,6 +15752,12 @@ const mapCompanyDocumentToApiDocument = async (data, entityId) => {
       entityType,
       documentType: taxDocumentType,
       page1: taxDocument == null ? void 0 : taxDocument[0]
+    }),
+    createDocumentRequest({
+      entityId,
+      entityType,
+      documentType: DocumentType.PROOF_OF_DIRECTOR,
+      page1: proofOfDirector == null ? void 0 : proofOfDirector[0]
     })
     // Add this when we need shareholder document functionality
     // createDocumentRequest(legalEntityId, 'legalEntity', DocumentType.SHAREHOLDER_DOCUMENT, shareholderDocument?.[0])
@@ -15640,9 +15767,11 @@ const mapCompanyDocumentToApiDocument = async (data, entityId) => {
 const mapApiDocumentToCompanyDocuments = (entityId) => {
   const registrationDocument = getDocument$1(entityId, DocumentType.REGISTRATION_DOCUMENT) || null;
   const taxDocument = getDocument$1(entityId, DocumentType.VAT_DOCUMENT) ?? getDocument$1(entityId, DocumentType.PROOF_OF_ORGANIZATION_TAX_INFO) ?? null;
+  const proofOfDirector = getDocument$1(entityId, DocumentType.PROOF_OF_DIRECTOR) || null;
   return {
     companyRegistrationDocument: registrationDocument ? { registrationDocument: [mapExistingFile(getPageName(registrationDocument))] } : null,
-    companyTaxDocument: taxDocument ? { taxDocument: [mapExistingFile(getPageName(taxDocument))] } : null
+    companyTaxDocument: taxDocument ? { taxDocument: [mapExistingFile(getPageName(taxDocument))] } : null,
+    companyProofOfDirectorDocument: proofOfDirector ? { proofOfDirector: [mapExistingFile(getPageName(proofOfDirector))] } : null
   };
 };
 const mapTrustDocumentToApiDocument = async (data, entityId) => {
@@ -15729,7 +15858,7 @@ const documentTypeValidationRules$1 = {
     modes: ["blur", "input"]
   }
 };
-function IdDocumentManualUploadComponent(props) {
+function IdDocumentManualUpload(props) {
   var _a;
   const { i18n } = useI18nContext();
   const [idFrontPage, setIdFrontPage] = useState({});
@@ -15892,8 +16021,8 @@ function IdDocumentManualUploadComponent(props) {
     ) })
   ] });
 }
-const IdDocumentManualUpload = memo(
-  IdDocumentManualUploadComponent,
+const MemoizedIdDocumentManualUpload = memo(
+  IdDocumentManualUpload,
   (prevProps, nextProps) => objectsDeepEqual(prevProps.data, nextProps.data) && objectsDeepEqual(prevProps.formVerificationErrors, nextProps.formVerificationErrors) && objectsDeepEqual(prevProps.fieldValidationErrors, nextProps.fieldValidationErrors) && prevProps.shouldValidate === nextProps.shouldValidate && prevProps.name === nextProps.name
 );
 const useIdVerificationToken = ({
@@ -15988,18 +16117,13 @@ const getOnfidoLocaleConfig = (i18n) => {
 const initOnfido = async ({
   token,
   i18n,
-  onIdVerificationClose,
   onIdVerificationComplete,
   onIdVerificationError
 }) => {
-  const { init: init2 } = await import("onfido-sdk-ui");
-  return init2({
+  return Onfido.init({
     token,
     containerId,
     disableAnalytics: false,
-    useModal: false,
-    isModalOpen: false,
-    onUserExit: onIdVerificationClose,
     onComplete: onIdVerificationComplete,
     onError: onIdVerificationError,
     steps: [
@@ -16018,12 +16142,11 @@ const initOnfido = async ({
     language: getOnfidoLocaleConfig(i18n)
   });
 };
-const logger$D = createLogger("IdVerificationComponent");
-function IdVerificationComponent({
+const logger$D = createLogger("IdVerification");
+function IdVerification({
   userDetails,
   legalEntityId,
   handleGetIdVerificationToken,
-  onIdVerificationClose,
   onIdVerificationError,
   onIdVerificationComplete
 }) {
@@ -16043,19 +16166,15 @@ function IdVerificationComponent({
       onfidoSdk.current = await initOnfido({
         token: sdkToken2,
         i18n,
-        onIdVerificationClose,
         onIdVerificationError,
-        onIdVerificationComplete
+        onIdVerificationComplete,
+        language: getOnfidoLocaleConfig(i18n)
       });
     })().catch(logger$D.error);
-    return () => {
-      if (onfidoSdk.current) onfidoSdk.current.tearDown();
+    return async () => {
+      if (onfidoSdk.current) await onfidoSdk.current.tearDown();
     };
-  }, [sdkToken2]);
-  useEffect(() => {
-    if (!onfidoSdk.current) return;
-    onfidoSdk.current.setOptions({ language: getOnfidoLocaleConfig(i18n) });
-  }, [i18n.locale]);
+  }, [sdkToken2, i18n]);
   return /* @__PURE__ */ jsx(LoaderWrapper, { status: loadingStatus, children: /* @__PURE__ */ jsx("div", { id: containerId, className: containerId }) });
 }
 function IdDocumentAlreadyUpload(props) {
@@ -16091,7 +16210,7 @@ function IdDocumentAlreadyUpload(props) {
     ] })
   ] });
 }
-const logger$C = createLogger("IdDocumentInstantVerificationComponent");
+const logger$C = createLogger("IdDocumentInstantVerification");
 const idVerificationSchema = [
   "instantIdVerificationData",
   "idDocumentType"
@@ -16108,7 +16227,7 @@ const documentTypeValidationRules = {
     modes: ["blur", "input"]
   }
 };
-function IdDocumentInstantVerificationComponent(props) {
+function IdDocumentInstantVerification(props) {
   var _a, _b, _c;
   const stateRef = useRef({ setState: null });
   const isOptional = !((props == null ? void 0 : props.formVerificationErrors) && ((_a = Object.keys(props == null ? void 0 : props.formVerificationErrors)) == null ? void 0 : _a.length) === 0);
@@ -16157,7 +16276,7 @@ function IdDocumentInstantVerificationComponent(props) {
     /* @__PURE__ */ jsx(StateContextSetter, { stateRef }),
     isAlreadyUploaded ? /* @__PURE__ */ jsx(IdDocumentAlreadyUpload, { onClickSubmitDocumentAgain }) : /* @__PURE__ */ jsxs(Fragment, { children: [
       props.userDetails && /* @__PURE__ */ jsx(
-        IdVerificationComponent,
+        IdVerification,
         {
           handleGetIdVerificationToken: props.handleGetIdVerificationToken,
           userDetails: props.userDetails,
@@ -16186,20 +16305,20 @@ function IdDocumentInstantVerificationComponent(props) {
     ] })
   ] });
 }
-const IdDocumentInstantVerification = memo(
-  IdDocumentInstantVerificationComponent,
+const MemoizedIdDocumentInstantVerification = memo(
+  IdDocumentInstantVerification,
   (prevProps, nextProps) => objectsDeepEqual(prevProps.data, nextProps.data) && objectsDeepEqual(prevProps.formVerificationErrors, nextProps.formVerificationErrors) && objectsDeepEqual(prevProps.fieldValidationErrors, nextProps.fieldValidationErrors) && prevProps.shouldValidate === nextProps.shouldValidate && prevProps.handleOnBack === nextProps.handleOnBack && prevProps.handleOnNext === nextProps.handleOnNext
 );
-function IdDocumentUploadComponent(props) {
+function IdDocumentUpload(props) {
   return props.idVerificationMethodSelected === "instantVerification" && !!props.handleGetIdVerificationToken ? /* @__PURE__ */ jsx(
-    IdDocumentInstantVerification,
+    MemoizedIdDocumentInstantVerification,
     {
       ...props,
       handleGetIdVerificationToken: props.handleGetIdVerificationToken,
       userDetails: props.userDetails,
       legalEntityId: props.legalEntityId
     }
-  ) : /* @__PURE__ */ jsx(IdDocumentManualUpload, { ...props });
+  ) : /* @__PURE__ */ jsx(MemoizedIdDocumentManualUpload, { ...props });
 }
 const idVerificationMethodsMetadata = {
   instantVerification: {
@@ -16245,7 +16364,7 @@ const IdVerificationMethodOptionFooter = ({
 const idVerificationMethodFields = [
   "idVerificationMethod"
 ];
-function IdVerificationMethodComponent(props) {
+function IdVerificationMethod(props) {
   const {
     id,
     data: propsData,
@@ -16552,7 +16671,7 @@ const usePhonePrefixes = () => {
   }, []);
   return phonePrefixes;
 };
-function PhoneInputComponent(props) {
+function PhoneInput(props) {
   const { data: dataProp, dataStoreId, country, requiredFields, fieldValidationErrors } = props;
   const { i18n } = useI18nContext();
   const stateRef = useRef({ setState: null });
@@ -16625,11 +16744,11 @@ function PhoneInputComponent(props) {
     )
   ] });
 }
-PhoneInputComponent.defaultProps = {
+PhoneInput.defaultProps = {
   phoneLabel: "telephoneNumber"
 };
-const PhoneInput = memo(
-  PhoneInputComponent,
+const MemoizedPhoneInput = memo(
+  PhoneInput,
   (prevProps, nextProps) => prevProps.country === nextProps.country && prevProps.shouldValidate === nextProps.shouldValidate
 );
 const emailPattern = /^[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+@[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(?:\.[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?)*$/;
@@ -16812,7 +16931,7 @@ function PhoneFieldExperimentWrapper({
   phoneFieldProps
 }) {
   const { isExperimentEnabled } = useExperimentsContext();
-  return isExperimentEnabled("EnableNewPhoneField") ? /* @__PURE__ */ jsx(PhoneField, { ...phoneFieldProps }) : /* @__PURE__ */ jsx(PhoneInput, { ...phoneInputProps });
+  return isExperimentEnabled("EnableNewPhoneField") ? /* @__PURE__ */ jsx(PhoneField, { ...phoneFieldProps }) : /* @__PURE__ */ jsx(MemoizedPhoneInput, { ...phoneInputProps });
 }
 var commonjsGlobal = typeof globalThis !== "undefined" ? globalThis : typeof window !== "undefined" ? window : typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : {};
 var dist = {};
@@ -19428,7 +19547,7 @@ const contactDetailFields = [
   ...PHONE_FIELD,
   "email"
 ];
-function ContactDetailsComponent(props) {
+function ContactDetails(props) {
   var _a, _b, _c, _d;
   const { i18n } = useI18nContext();
   const globalData = useGlobalData();
@@ -19457,7 +19576,7 @@ function ContactDetailsComponent(props) {
     rules: mergedProps.validators || contactDetailsValidationRules,
     /* 
       These async rules are specific to the new PhoneField (phone) and aren't applied when the feature is disabled.
-      The PhoneInput component has it's own useForm instance and asyncRules using a different field key (phoneNumber)
+      The MemoizedPhoneInput component has it's own useForm instance and asyncRules using a different field key (phoneNumber)
     */
     asyncRules,
     fieldProblems: mergedProps == null ? void 0 : mergedProps.fieldValidationErrors
@@ -19527,11 +19646,11 @@ function ContactDetailsComponent(props) {
     )
   ] });
 }
-const ContactDetailsComp = memo(
-  ContactDetailsComponent,
+const MemoizedContactDetails = memo(
+  ContactDetails,
   (prevProps, nextProps) => prevProps.country === nextProps.country && prevProps.shouldValidate === nextProps.shouldValidate && objectsDeepEqual(prevProps.labels, nextProps.labels) && objectsDeepEqual(prevProps.requiredFields, nextProps.requiredFields) && objectsDeepEqual(prevProps.formVerificationErrors, nextProps.formVerificationErrors) && objectsDeepEqual(prevProps.fieldValidationErrors, nextProps.fieldValidationErrors)
 );
-ContactDetailsComponent.defaultProps = {
+ContactDetails.defaultProps = {
   data: {}
 };
 const CountryIdNumberPatterns = {
@@ -20059,7 +20178,7 @@ const idNumberExemptDefaultConfig = {
   }
 };
 const idNumberFields = ["idNumber", "idNumberExempt"];
-function IdentityNumberComponent(props) {
+function IdentityNumber(props) {
   const { i18n } = useI18nContext();
   const {
     country,
@@ -20541,7 +20660,7 @@ const nomineeRadioItems = [
     name: "no"
   }
 ];
-const NomineeDecisionMakerRoleComponent = (props) => {
+const NomineeDecisionMakerRole = (props) => {
   const { data: dataProp, dataStoreId, fieldValidationErrors, roles, country } = props;
   const getFormSchema2 = useCallback(() => {
     const fieldsToRemove = [];
@@ -20630,7 +20749,7 @@ const NomineeDecisionMakerRoleComponent = (props) => {
   ] });
 };
 const decisionMakerRoleFields = ["role"];
-const DecisionMakerRoleComponent = (props) => {
+const DecisionMakerRole = (props) => {
   const {
     data: dataProp,
     dataStoreId,
@@ -20690,7 +20809,7 @@ const DecisionMakerRoleComponent = (props) => {
         }
       )
     ] }),
-    /* @__PURE__ */ jsx(NomineeDecisionMakerRoleComponent, { ...nomineeProps, roles: data.role, country })
+    /* @__PURE__ */ jsx(NomineeDecisionMakerRole, { ...nomineeProps, roles: data.role, country })
   ] });
 };
 function IndividualIdNumberTypeSelector({
@@ -20785,7 +20904,7 @@ const nameFormatters = {
   }
 };
 const nameFields = ["firstName", "lastName"];
-function NameComponent(props) {
+function Name(props) {
   const { i18n } = useI18nContext();
   const { isExperimentEnabled } = useExperimentsContext();
   const isStrictNameAndAddressValidationEnabled = isExperimentEnabled(
@@ -20878,11 +20997,11 @@ function NameComponent(props) {
     )
   ] });
 }
-const Name = memo(
-  NameComponent,
+const MemoizedName = memo(
+  Name,
   (prevProps, nextProps) => prevProps.shouldValidate === nextProps.shouldValidate && objectsDeepEqual(prevProps.requiredFields, nextProps.requiredFields) && objectsDeepEqual(prevProps.formVerificationErrors, nextProps.formVerificationErrors) && objectsDeepEqual(prevProps.fieldValidationErrors, nextProps.fieldValidationErrors)
 );
-NameComponent.defaultProps = {
+Name.defaultProps = {
   data: {},
   onChange: () => {
   },
@@ -21067,7 +21186,7 @@ const licenseCardNumberMetaData$1 = resolveFieldMetadata(
   {},
   licenseCardNumberDefaultMetadata
 );
-function IdentityAuComponent({
+function IdentityAu({
   labels: labels2,
   data: propsData,
   placeholders,
@@ -21202,7 +21321,7 @@ function IdentityAuComponent({
 const identityValidationRules = {
   typeOfIdentity: [isTruthyValidator]
 };
-function IdentityHKComponent({
+function IdentityHK({
   labels: labels2,
   data: propsData,
   placeholders,
@@ -21383,7 +21502,7 @@ const licenseCardNumberMetaData = resolveFieldMetadata(
   {},
   licenseCardNumberDefaultMetadata
 );
-function IdentityNZComponent({
+function IdentityNZ({
   labels: labels2,
   data: propsData,
   placeholders,
@@ -21553,7 +21672,7 @@ const IdentityUSComponent = forwardRef((props, ref) => {
   const individualDetailsError = (_a = props.formVerificationErrors) == null ? void 0 : _a[ERROR_CODES.PERSONAL_DETAILS_VALIDATION];
   const fourDigitsValidationError = (_b = individualDetailsError == null ? void 0 : individualDetailsError[ERROR_CODES.SSN_4_DIGITS_VALIDATION]) == null ? void 0 : _b.some((error) => error.code === ERROR_CODES.SSN_REMEDIATION);
   const ssnType = fourDigitsValidationError || ((_d = (_c = props.data) == null ? void 0 : _c.idNumber) == null ? void 0 : _d.length) === 9 ? "ssn" : "ssnLastFour";
-  return /* @__PURE__ */ jsx(IdentityNumberComponent, { ...props, idNumberType: ssnType, ref });
+  return /* @__PURE__ */ jsx(IdentityNumber, { ...props, idNumberType: ssnType, ref });
 });
 const additionalIdentityInfoFields = [
   "typeOfIdentity",
@@ -21565,7 +21684,7 @@ const identityFields = [
   ...additionalIdentityInfoFields,
   "idNumber"
 ];
-function IdentityComponent(props) {
+function Identity(props) {
   var _a;
   const { personalDetails, country, errors, idNumberType } = props;
   const identityProps = getFieldProps(personalDetails, idNumberFields);
@@ -21586,14 +21705,14 @@ function IdentityComponent(props) {
     );
   }
   const countrySpecificComponentsMap = {
-    [CountryCodes.Australia]: IdentityAuComponent,
-    [CountryCodes.HongKong]: IdentityHKComponent,
-    [CountryCodes.NewZealand]: IdentityNZComponent
+    [CountryCodes.Australia]: IdentityAu,
+    [CountryCodes.HongKong]: IdentityHK,
+    [CountryCodes.NewZealand]: IdentityNZ
   };
   const Component = countrySpecificComponentsMap[country];
   if (!Component) {
     return /* @__PURE__ */ jsx(
-      IdentityNumberComponent,
+      IdentityNumber,
       {
         ...identityProps,
         errors,
@@ -21630,7 +21749,7 @@ const relationshipOptions = [
   }
 ];
 const countriesRequiringNationality = [CountryCodes.HongKong, CountryCodes.Singapore];
-function PersonalDetailsComponent(props) {
+function PersonalDetails(props) {
   var _a, _b, _c, _d;
   const { i18n } = useI18nContext();
   const { isSettingEnabled } = useSettingsContext();
@@ -21806,7 +21925,7 @@ function PersonalDetailsComponent(props) {
         "weSelectedSomeRolesBasedOnMyinfoBusinessDataAboutYourCompanysAppointmentHoldersAndShareholders"
       ) }),
       isDecisionMakerTask && /* @__PURE__ */ jsx(
-        DecisionMakerRoleComponent,
+        DecisionMakerRole,
         {
           ...decisionMakerRoleProps,
           nomineeProps,
@@ -21817,7 +21936,7 @@ function PersonalDetailsComponent(props) {
           country: countryRequiringNationality
         }
       ),
-      hasRequiredFields(nameProps) && /* @__PURE__ */ jsx(Name, { ...nameProps, dataStoreId: PERSONAL_DETAILS }),
+      hasRequiredFields(nameProps) && /* @__PURE__ */ jsx(MemoizedName, { ...nameProps, dataStoreId: PERSONAL_DETAILS }),
       !isAgeVerificationEnabled && formUtils.isRequiredField("birthDate") && // we reverse the order of birthDate and Country field in age verification feature
       /* @__PURE__ */ jsx(
         Field,
@@ -21931,7 +22050,7 @@ function PersonalDetailsComponent(props) {
         }
       ),
       /* @__PURE__ */ jsx(
-        IdentityComponent,
+        Identity,
         {
           personalDetails: props,
           country: data.residencyCountry,
@@ -21952,7 +22071,7 @@ function PersonalDetailsComponent(props) {
         }
       ),
       hasRequiredFields(contactDetailsFormProps) && /* @__PURE__ */ jsx(
-        ContactDetailsComp,
+        MemoizedContactDetails,
         {
           ...contactDetailsFormProps,
           dataStoreId: PERSONAL_DETAILS,
@@ -22015,7 +22134,7 @@ function ProofOfRelationship({ id, ...props }) {
     ] })
   ] });
   return /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
-    DocumentUpload,
+    MemoizedDocumentUpload,
     {
       ...props,
       documentField: "proofOfRelationship",
@@ -22066,7 +22185,7 @@ const proofOfResidenceDocumentOptions = [
     name: "certificateOfVoterRegistration"
   }
 ];
-function ProofOfResidencyComponent({ id, ...props }) {
+function ProofOfResidency({ id, ...props }) {
   const { i18n } = useI18nContext();
   const [proofOfResidenceDocumentType, setProofOfResidenceDocumentType] = useState(
     proofOfResidenceDocumentOptions[0].id
@@ -22086,7 +22205,7 @@ function ProofOfResidencyComponent({ id, ...props }) {
     ] })
   ] });
   return /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
-    DocumentUpload,
+    MemoizedDocumentUpload,
     {
       ...props,
       documentField: "proofOfResidency",
@@ -22103,8 +22222,8 @@ function ProofOfResidencyComponent({ id, ...props }) {
     }
   ) });
 }
-const ProofOfResidencyUpload = memo(
-  ProofOfResidencyComponent,
+const MemoizedProofOfResidencyUpload = memo(
+  ProofOfResidency,
   (prevProps, nextProps) => objectsDeepEqual(prevProps.data, nextProps.data) && objectsDeepEqual(prevProps.formVerificationErrors, nextProps.formVerificationErrors) && objectsDeepEqual(prevProps.fieldValidationErrors, nextProps.fieldValidationErrors) && objectsDeepEqual(prevProps.requiredFields, nextProps.requiredFields) && prevProps.shouldValidate === nextProps.shouldValidate && prevProps.name === nextProps.name
 );
 const individualForms = {
@@ -22158,7 +22277,7 @@ const individualDocumentForms = [
   proofOfNationalIdFormID,
   proofOfRelationshipFormID
 ];
-function IndividualComponent(props) {
+function Individual(props) {
   var _a, _b, _c, _d, _e, _f, _g, _h;
   const { i18n } = useI18nContext();
   const {
@@ -22273,14 +22392,14 @@ function IndividualComponent(props) {
   const renderActiveForm = (activeForm) => {
     var _a2, _b2;
     return /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(StateContextWatcher, { owner: "IndividualComponent", onChange: handleStateChange }),
-      /* @__PURE__ */ jsx(StateContextSetter, { owner: "IndividualComponent", stateRef }),
+      /* @__PURE__ */ jsx(StateContextWatcher, { owner: "Individual", onChange: handleStateChange }),
+      /* @__PURE__ */ jsx(StateContextSetter, { owner: "Individual", stateRef }),
       /* @__PURE__ */ jsx(
         "div",
         {
           className: activeForm.formId !== personalDetailsFormID ? "adyen-kyc-form-wrapper adyen-kyc-form-wrapper--hidden" : "adyen-kyc-form-wrapper",
           children: /* @__PURE__ */ jsx(
-            PersonalDetailsComponent,
+            PersonalDetails,
             {
               ...personalFormProps,
               data: {
@@ -22343,7 +22462,7 @@ function IndividualComponent(props) {
         {
           className: activeForm.formId !== idVerificationMethodFormID ? "adyen-kyc-form-wrapper adyen-kyc-form-wrapper--hidden" : "adyen-kyc-form-wrapper",
           children: /* @__PURE__ */ jsx(
-            IdVerificationMethodComponent,
+            IdVerificationMethod,
             {
               ...idVerificationMethodFormProps,
               name: fullName,
@@ -22358,7 +22477,7 @@ function IndividualComponent(props) {
         {
           className: activeForm.formId !== idDocumentFormID ? "adyen-kyc-form-wrapper adyen-kyc-form-wrapper--hidden" : "adyen-kyc-form-wrapper",
           children: /* @__PURE__ */ jsx(
-            IdDocumentUploadComponent,
+            IdDocumentUpload,
             {
               ...idDocumentFormProps,
               name: fullName,
@@ -22378,7 +22497,7 @@ function IndividualComponent(props) {
         {
           className: activeForm.formId !== proofOfResidencyFormID ? "adyen-kyc-form-wrapper adyen-kyc-form-wrapper--hidden" : "adyen-kyc-form-wrapper",
           children: /* @__PURE__ */ jsx(
-            ProofOfResidencyUpload,
+            MemoizedProofOfResidencyUpload,
             {
               ...proofOfResidencyFormProps,
               id: proofOfResidencyFormID,
@@ -22392,7 +22511,7 @@ function IndividualComponent(props) {
         {
           className: activeForm.formId !== proofOfNationalIdFormID ? "adyen-kyc-form-wrapper adyen-kyc-form-wrapper--hidden" : "adyen-kyc-form-wrapper",
           children: /* @__PURE__ */ jsx(
-            DocumentUpload,
+            MemoizedDocumentUpload,
             {
               ...proofOfNationalIdFormProps,
               documentField: "proofOfNationalId",
@@ -22769,8 +22888,14 @@ const bankDocumentFields = [
 function BankDocument(props) {
   var _a, _b;
   const { legalEntity, associatedLegalArrangement, country, optionalFields } = props;
+  const { isExperimentEnabled } = useExperimentsContext();
   const { i18n } = useI18nContext();
-  const [documentType, setDocumentType] = useState();
+  const bankDocumentLimitedToBankStatement = isExperimentEnabled(
+    "EnableBankDocumentLimitedToBankStatement"
+  );
+  const [documentType, setDocumentType] = useState(
+    bankDocumentLimitedToBankStatement ? BankDocumentTypes.BANK_STATEMENT : void 0
+  );
   const stateRef = useRef({ setState: null });
   const isBankStatementOptional = (optionalFields == null ? void 0 : optionalFields.includes("bankStatementDocument")) ?? false;
   const formUtils = formUtilities(props, i18n);
@@ -22861,7 +22986,7 @@ function BankDocument(props) {
       }
     ),
     formUtils.isVisibleField("bankStatementDocument") && /* @__PURE__ */ jsxs(Fragment, { children: [
-      !usingExistingUploadedDocuments && /* @__PURE__ */ jsx(
+      !usingExistingUploadedDocuments && !bankDocumentLimitedToBankStatement && /* @__PURE__ */ jsx(
         Field,
         {
           name: "documentType",
@@ -22881,7 +23006,7 @@ function BankDocument(props) {
           )
         }
       ),
-      documentType ? /* @__PURE__ */ jsxs(Fragment, { children: [
+      documentType && !bankDocumentLimitedToBankStatement ? /* @__PURE__ */ jsxs(Fragment, { children: [
         country ? /* @__PURE__ */ jsx(
           BankDocumentRequirements,
           {
@@ -22921,7 +23046,7 @@ function BankDocument(props) {
         }
       ) : null
     ] }),
-    documentType || usingExistingUploadedDocuments ? /* @__PURE__ */ jsx(
+    (documentType || usingExistingUploadedDocuments) && !bankDocumentLimitedToBankStatement ? /* @__PURE__ */ jsx(
       Field,
       {
         className: "adyen-kyc-bank-document__document-description",
@@ -24751,7 +24876,7 @@ const payoutAccountFields = [
   ...bankNameFields,
   ...bankCodeFields
 ];
-function PayoutAccountComponent(props) {
+function PayoutAccount(props) {
   const { accountFormat, setAccountFormat } = useCoreContext();
   const { i18n } = useI18nContext();
   const [checkAnnotation, setCheckAnnotation] = useState();
@@ -24863,8 +24988,8 @@ function PayoutAccountComponent(props) {
     )
   ] });
 }
-const PayoutAccount = memo(
-  PayoutAccountComponent,
+const MemoizedPayoutAccount = memo(
+  PayoutAccount,
   (prevProps, nextProps) => objectsDeepEqual(prevProps.requiredFields, nextProps.requiredFields) && objectsDeepEqual(prevProps.optionalFields, nextProps.optionalFields) && objectsDeepEqual(prevProps.data, nextProps.data) && objectsDeepEqual(prevProps.formVerificationErrors, nextProps.formVerificationErrors) && objectsDeepEqual(prevProps.fieldValidationErrors, nextProps.fieldValidationErrors) && prevProps.country === nextProps.country && prevProps.shouldValidate === nextProps.shouldValidate && prevProps.arePayoutAccountDetailsInvalid === nextProps.arePayoutAccountDetailsInvalid && prevProps.invalidFieldNames === nextProps.invalidFieldNames
 );
 const eeaCountries = [
@@ -25460,7 +25585,7 @@ const payoutSteps = {
 const PayoutVerificationMethodFormID = payoutSteps.payoutVerificationMethod.formId;
 const PayoutAccountDocumentsFormID = payoutSteps.payoutAccountDocuments.formId;
 const PayoutAccountVerificationFormID = payoutSteps.payoutAccountVerification.formId;
-function PayoutDetailsComponent(props) {
+function PayoutDetails(props) {
   var _a, _b;
   const { i18n } = useI18nContext();
   const {
@@ -25503,6 +25628,9 @@ function PayoutDetailsComponent(props) {
   const verifyInstantly = ((_a = data == null ? void 0 : data.payoutVerificationMethod) == null ? void 0 : _a.payoutVerificationMethod) === "instantVerification";
   const showBankVerification = !(isProviderPlaidEmbedded(provider == null ? void 0 : provider.redirectUrl) && isExperimentEnabled("EnablePreferInstantVerificationFlow"));
   const bankCountry = ((_b = data == null ? void 0 : data.payoutVerificationMethod) == null ? void 0 : _b.bankCountry) ?? country;
+  const bankDocumentDescription = isExperimentEnabled("EnableBankDocumentLimitedToBankStatement") ? i18n.get(
+    legalEntityResponse.type === "individual" ? "bankStatementIndividualDescription" : "bankStatementNonIndividualDescription"
+  ) : i18n.get("bankDocumentDescription");
   useEffect(() => resetData(), [resetData]);
   useEffect(() => {
     if ((activeForm == null ? void 0 : activeForm.formId) === summaryStep.formId && verifyInstantly) {
@@ -25599,7 +25727,7 @@ function PayoutDetailsComponent(props) {
         {
           className: (activeForm == null ? void 0 : activeForm.formId) !== payoutSteps.payoutAccountDetails.formId ? "adyen-kyc-form-wrapper adyen-kyc-form-wrapper--hidden" : "adyen-kyc-form-wrapper",
           children: /* @__PURE__ */ jsx(
-            PayoutAccount,
+            MemoizedPayoutAccount,
             {
               ...payoutAccountFormProps,
               heading: taskHeading,
@@ -25623,7 +25751,7 @@ function PayoutDetailsComponent(props) {
               heading: i18n.get(
                 isBankStatementDocumentOptional ? "bankDocumentHeaderOptional" : "bankDocumentHeader"
               ),
-              description: i18n.get("bankDocumentDescription"),
+              description: bankDocumentDescription,
               id: PayoutAccountDocumentsFormID,
               legalEntity: legalEntityResponse,
               associatedLegalArrangement,
@@ -25706,7 +25834,7 @@ function ConstitutionalDocumentUpload({
     ] }) })
   ] });
   return /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
-    DocumentUpload,
+    MemoizedDocumentUpload,
     {
       ...props,
       documentType: DocumentType.CONSTITUTIONAL_DOCUMENT,
@@ -25756,7 +25884,7 @@ const solePropRegistrationAddressFormId = solePropForms.solePropRegistrationAddr
 const solePropRegistrationDetailsFormId = solePropForms.solePropRegistrationDetails.formId;
 const solePropDocumentFormId = solePropForms.solePropConstitutionalDocument.formId;
 const solePropFinancialInformationFormId = solePropForms.solePropFinancialInformation.formId;
-function SolePropComponent(props) {
+function SoleProp(props) {
   const { i18n } = useI18nContext();
   const [currentCountry, setCurrentCountry] = useState(props.country);
   const [currentLegalName, setCurrentLegalName] = useState();
@@ -25782,7 +25910,7 @@ function SolePropComponent(props) {
   const renderActiveForm = (activeForm) => {
     var _a;
     return /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(StateContextWatcher, { owner: "SolePropComponent", onChange: handleStateChange }),
+      /* @__PURE__ */ jsx(StateContextWatcher, { owner: "SoleProp", onChange: handleStateChange }),
       /* @__PURE__ */ jsx(
         "div",
         {
@@ -25813,7 +25941,7 @@ function SolePropComponent(props) {
         {
           className: activeForm.formId !== solePropRegistrationDetailsFormId ? "adyen-kyc-form-wrapper adyen-kyc-form-wrapper--hidden" : "adyen-kyc-form-wrapper",
           children: /* @__PURE__ */ jsx(
-            CompanyRegistrationDetailsComponent,
+            CompanyRegistrationDetails,
             {
               ...solePropsRegistrationDetailsFormProps,
               heading: i18n.get("registrationDetails"),
@@ -25830,7 +25958,7 @@ function SolePropComponent(props) {
         {
           className: activeForm.formId !== solePropRegistrationAddressFormId ? "adyen-kyc-form-wrapper adyen-kyc-form-wrapper--hidden" : "adyen-kyc-form-wrapper",
           children: /* @__PURE__ */ jsx(
-            RegistrationAddressComponent,
+            RegistrationAddress,
             {
               ...solePropRegistrationAddressFormProps,
               heading: i18n.get("registeredAddress"),
@@ -26139,7 +26267,9 @@ const hasMinRequiredDecisionMakerCount = (rootLegalEntity) => {
   const decisionMakerCountRange = getDecisionMakerRequirements(registeredCountry);
   return decisionMakerCountRange.every((requirements) => {
     const { roleTypes, min } = requirements;
-    return roleTypes.some((role) => min ? (existingDecisionMakerCount == null ? void 0 : existingDecisionMakerCount[role]) ?? min <= 0 : true);
+    return roleTypes.some(
+      (role) => min ? (existingDecisionMakerCount == null ? void 0 : existingDecisionMakerCount[role]) ?? min <= 0 : true
+    );
   });
 };
 const isPartOfTrustFromLegalEntity = (legalEntity) => {
@@ -26545,7 +26675,7 @@ const trustRegistrationDetailsFields = [
   "registrationNumber"
 ];
 const ALLOWED_TRUST_COUNTRIES = [CountryCodes.Australia, CountryCodes.NewZealand];
-function TrustRegistrationDetailsComponent(props) {
+function TrustRegistrationDetails(props) {
   const { country, onCountryChange } = props;
   const { i18n } = useI18nContext();
   const { isExperimentEnabled } = useExperimentsContext();
@@ -26764,7 +26894,7 @@ const trustForms = {
 const trustRegistrationAddressFormId = trustForms.trustRegistrationAddress.formId;
 const trustRegistrationDetailsFormId = trustForms.trustRegistrationDetails.formId;
 const trustConstitutionalDocumentFormId = trustForms.trustConstitutionalDocument.formId;
-function TrustComponent(props) {
+function Trust(props) {
   const { i18n } = useI18nContext();
   const trustRegistrationDetailsFormProps = getFormProps(props, trustRegistrationDetailsFormId);
   const trustRegistrationAddressFormProps = getNestedOuterFormPropsFromOuterFormProps(props, trustRegistrationAddressFormId);
@@ -26772,13 +26902,13 @@ function TrustComponent(props) {
   const handleStateChange = () => {
   };
   const renderActiveForm = (activeForm) => /* @__PURE__ */ jsxs("div", { className: "adyen-kyc-trust", children: [
-    /* @__PURE__ */ jsx(StateContextWatcher, { owner: "TrustComponent", onChange: handleStateChange }),
+    /* @__PURE__ */ jsx(StateContextWatcher, { owner: "Trust", onChange: handleStateChange }),
     /* @__PURE__ */ jsx(
       "div",
       {
         className: activeForm.formId !== trustRegistrationDetailsFormId ? "adyen-kyc-form-wrapper adyen-kyc-form-wrapper--hidden" : "adyen-kyc-form-wrapper",
         children: /* @__PURE__ */ jsx(
-          TrustRegistrationDetailsComponent,
+          TrustRegistrationDetails,
           {
             ...trustRegistrationDetailsFormProps,
             heading: i18n.get("registrationDetails"),
@@ -26794,7 +26924,7 @@ function TrustComponent(props) {
       {
         className: activeForm.formId !== trustRegistrationAddressFormId ? "adyen-kyc-form-wrapper adyen-kyc-form-wrapper--hidden" : "adyen-kyc-form-wrapper",
         children: /* @__PURE__ */ jsx(
-          RegistrationAddressComponent,
+          RegistrationAddress,
           {
             ...trustRegistrationAddressFormProps,
             heading: i18n.get("registeredAddress"),
@@ -26903,6 +27033,7 @@ const dataMissingRemediationsToFieldsMap = {
   "1_501": [DocumentType.REGISTRATION_DOCUMENT],
   "1_503": [DocumentType.PROOF_OF_ORGANIZATION_TAX_INFO],
   "1_512": [DocumentType.VAT_DOCUMENT],
+  "1_803": [DocumentType.PROOF_OF_DIRECTOR],
   "2_158": ["vatNumber", "exemptedFromVat", "vatAbsenceReason"],
   "2_222": [DocumentType.PROOF_OF_RELATIONSHIP]
 };
@@ -27357,7 +27488,7 @@ function getCapabilityProblems(entity, country, isExperimentEnabled) {
 const remediationHasFileUploadField = (remediation) => {
   var _a;
   return (_a = remediation == null ? void 0 : remediation.forms) == null ? void 0 : _a.some(
-    (form) => form === individualForms.idVerificationMethod.formId || form === individualForms.idDocument.formId || form === individualForms.proofOfResidency.formId || form === individualForms.proofOfNationalId.formId || form === companyForms.companyRegistrationDocument.formId || form === companyForms.companyTaxDocument.formId || form === payoutSteps.payoutAccountDocuments.formId || form === solePropForms.solePropConstitutionalDocument.formId || form === trustForms.trustConstitutionalDocument.formId
+    (form) => form === individualForms.idVerificationMethod.formId || form === individualForms.idDocument.formId || form === individualForms.proofOfResidency.formId || form === individualForms.proofOfNationalId.formId || form === companyForms.companyRegistrationDocument.formId || form === companyForms.companyTaxDocument.formId || form === companyForms.companyProofOfDirectorDocument.formId || form === payoutSteps.payoutAccountDocuments.formId || form === solePropForms.solePropConstitutionalDocument.formId || form === trustForms.trustConstitutionalDocument.formId
   );
 };
 const getEntityType = (baseEntityType, legalEntity, legalEntityId) => {
@@ -28536,13 +28667,16 @@ const getFieldsWithExistingData = (legalEntity, isExperimentEnabled) => {
 };
 const getNestedTrustedFields = (field, data, trustedFields) => {
   if (trustedFields && (data == null ? void 0 : data[field]) && typeof data[field] === "object") {
-    return trustedFields.reduce((fields, trustedField) => {
-      const splitField = trustedField.split(".");
-      if (splitField[0] === field) {
-        return [...fields, splitField[1]];
-      }
-      return fields;
-    }, []);
+    return trustedFields.reduce(
+      (fields, trustedField) => {
+        const splitField = trustedField.split(".");
+        if (splitField[0] === field) {
+          return [...fields, splitField[1]];
+        }
+        return fields;
+      },
+      []
+    );
   }
   return [];
 };
@@ -28668,7 +28802,7 @@ const ADDITIONAL_INFORMATION_FIELDS = [
   "legalFormDescription",
   ...registrationAddressFields
 ];
-function AdditionalInformationComponent({
+function AdditionalInformation({
   data,
   labels: labels2,
   placeholders,
@@ -29449,7 +29583,7 @@ function BusinessInformationCard({
   );
 }
 const logger$w = createLogger("BusinessSelection");
-function BusinessSelectionComponent({
+function BusinessSelection({
   showCompanyStructure,
   searching,
   fetching,
@@ -29657,7 +29791,7 @@ const BASIC_INFORMATION_FIELDS = [
   ...STATE_FIELD,
   ...BUSINESS_REGISTRATION_NUMBER_FIELD
 ];
-function BasicInformationComponent({
+function BasicInformation({
   data,
   labels: labels2,
   placeholders,
@@ -29869,7 +30003,7 @@ function BasicInformationComponent({
   });
   if (showBusinessSelection) {
     return /* @__PURE__ */ jsx(
-      BusinessSelectionComponent,
+      BusinessSelection,
       {
         showCompanyStructure,
         searching,
@@ -30036,7 +30170,7 @@ const CompanyStructureValidation = {
 };
 const COMPANY_STRUCTURE_FORM_ID = "companyStructure";
 const companyStructureFields = ["entityType"];
-function CompanyStructureComponent({
+function CompanyStructure({
   data,
   labels: labels2,
   heading,
@@ -30194,6 +30328,13 @@ const getForms = (country) => ({
     formDescription: "companyTaxDocumentFormDescription",
     fields: ["taxDocument"]
   },
+  companyProofOfDirectorDocument: {
+    formId: "companyProofOfDirectorDocument",
+    formName: "proofOfDirector",
+    formHeading: "uploadYourOrganizationProofOfDirector",
+    formDescription: "weNeedAnOfficialDocument",
+    fields: ["proofOfDirector"]
+  },
   companyFinancialInformation: {
     formId: "companyFinancialInformation",
     formName: "financialInformation",
@@ -30206,9 +30347,11 @@ const documentFormsIds = ["companyRegistrationDocument", "companyTaxDocument"];
 const mapApiDocumentToBusinessDetailsDocuments = (entityId) => {
   const registrationDocument = getDocument$1(entityId, DocumentType.REGISTRATION_DOCUMENT) ?? null;
   const taxDocument = getDocument$1(entityId, DocumentType.VAT_DOCUMENT) ?? getDocument$1(entityId, DocumentType.PROOF_OF_ORGANIZATION_TAX_INFO) ?? null;
+  const proofOfDirector = getDocument$1(entityId, DocumentType.PROOF_OF_DIRECTOR) ?? null;
   return {
     companyRegistrationDocument: registrationDocument ? { registrationDocument: [mapExistingFile(getPageName(registrationDocument))] } : void 0,
-    companyTaxDocument: taxDocument ? { taxDocument: [mapExistingFile(getPageName(taxDocument))] } : void 0
+    companyTaxDocument: taxDocument ? { taxDocument: [mapExistingFile(getPageName(taxDocument))] } : void 0,
+    companyProofOfDirectorDocument: proofOfDirector ? { proofOfDirector: [mapExistingFile(getPageName(proofOfDirector))] } : void 0
   };
 };
 const mapBasicInformation = (data) => {
@@ -30252,11 +30395,12 @@ const mapAdditionalInformation = (data, legalEntity) => {
   );
 };
 const mapLegalEntityToBusinessDetailsSchema = (legalEntity) => {
-  const { companyRegistrationDocument, companyTaxDocument } = mapApiDocumentToBusinessDetailsDocuments(legalEntity == null ? void 0 : legalEntity.id);
+  const { companyRegistrationDocument, companyTaxDocument, companyProofOfDirectorDocument } = mapApiDocumentToBusinessDetailsDocuments(legalEntity == null ? void 0 : legalEntity.id);
   const businessDetailsSchema = {
     ...formatObject(legalEntity, businessDetailsComponentsKeyMapping),
     companyRegistrationDocument,
     companyTaxDocument,
+    companyProofOfDirectorDocument,
     companyFinancialInformation: {}
   };
   return entriesOf(businessDetailsSchema).reduce((componentData, [key]) => {
@@ -30294,6 +30438,12 @@ const mapLegalEntityToBusinessDetailsSchema = (legalEntity) => {
           [key]: businessDetailsSchema[key]
         };
       }
+      case "companyProofOfDirectorDocument": {
+        return {
+          ...componentData,
+          [key]: businessDetailsSchema[key]
+        };
+      }
       case "companyFinancialInformation": {
         return ((_a = legalEntity == null ? void 0 : legalEntity.organization) == null ? void 0 : _a.financialReports) ? {
           ...componentData,
@@ -30307,7 +30457,7 @@ const mapLegalEntityToBusinessDetailsSchema = (legalEntity) => {
     }
   }, {});
 };
-function BusinessDetailsComponent(props) {
+function BusinessDetails(props) {
   const { i18n } = useI18nContext();
   const { companyStructure } = useGlobalData();
   const {
@@ -30341,7 +30491,7 @@ function BusinessDetailsComponent(props) {
   });
   return /* @__PURE__ */ jsxs("div", { className: classNames, children: [
     /* @__PURE__ */ jsx("div", { className: formWrapperClasses(forms.basicInformation.formId), children: /* @__PURE__ */ jsx(
-      BasicInformationComponent,
+      BasicInformation,
       {
         ...getFormProps(props, forms.basicInformation.formId),
         id: forms.basicInformation.formId,
@@ -30371,7 +30521,7 @@ function BusinessDetailsComponent(props) {
       }
     ) }),
     /* @__PURE__ */ jsx("div", { className: formWrapperClasses(forms.companyStructure.formId), children: /* @__PURE__ */ jsx(
-      CompanyStructureComponent,
+      CompanyStructure,
       {
         ...getFormProps(props, forms.companyStructure.formId),
         id: forms.companyStructure.formId,
@@ -30385,7 +30535,7 @@ function BusinessDetailsComponent(props) {
       }
     ) }),
     /* @__PURE__ */ jsx("div", { className: formWrapperClasses(forms.additionalInformation.formId), children: /* @__PURE__ */ jsx(
-      AdditionalInformationComponent,
+      AdditionalInformation,
       {
         ...getFormProps(props, forms.additionalInformation.formId),
         id: forms.additionalInformation.formId,
@@ -30399,7 +30549,7 @@ function BusinessDetailsComponent(props) {
       }
     ) }),
     /* @__PURE__ */ jsx("div", { className: formWrapperClasses(forms.companyRegistrationDocument.formId), children: /* @__PURE__ */ jsx(
-      RegistrationDocumentComponent,
+      RegistrationDocument,
       {
         ...getFormProps(props, forms.companyRegistrationDocument.formId),
         id: forms.companyRegistrationDocument.formId,
@@ -30410,7 +30560,7 @@ function BusinessDetailsComponent(props) {
       }
     ) }),
     /* @__PURE__ */ jsx("div", { className: formWrapperClasses(forms.companyTaxDocument.formId), children: country === "US" ? /* @__PURE__ */ jsx(
-      TaxDocumentComponent,
+      TaxDocument,
       {
         ...getFormProps(props, forms.companyTaxDocument.formId),
         id: forms.companyTaxDocument.formId,
@@ -30420,7 +30570,7 @@ function BusinessDetailsComponent(props) {
         companyType: companyStructure == null ? void 0 : companyStructure.entityType
       }
     ) : /* @__PURE__ */ jsx(
-      DocumentUpload,
+      MemoizedDocumentUpload,
       {
         ...getFormProps(props, forms.companyTaxDocument.formId),
         id: forms.companyTaxDocument.formId,
@@ -30441,6 +30591,16 @@ function BusinessDetailsComponent(props) {
         ] })
       }
     ) }),
+    /* @__PURE__ */ jsx("div", { className: formWrapperClasses(forms.companyProofOfDirectorDocument.formId), children: /* @__PURE__ */ jsx(
+      ProofOfDirectorDocument,
+      {
+        ...getFormProps(props, forms.companyProofOfDirectorDocument.formId),
+        id: forms.companyProofOfDirectorDocument.formId,
+        heading: forms.companyProofOfDirectorDocument.formHeading,
+        description: forms.companyProofOfDirectorDocument.formDescription,
+        country
+      }
+    ) }),
     /* @__PURE__ */ jsx("div", { className: formWrapperClasses(forms.companyFinancialInformation.formId), children: /* @__PURE__ */ jsx(
       FinancialInformation,
       {
@@ -31601,8 +31761,8 @@ const mapField = (lePath, dropinTask) => {
   }
 };
 const mapBusinessDetailsDocumentToApiDocument = async (data, entityId) => {
-  var _a, _b, _c;
-  const { companyRegistrationDocument, companyTaxDocument } = data;
+  var _a, _b, _c, _d;
+  const { companyRegistrationDocument, companyTaxDocument, companyProofOfDirectorDocument } = data;
   const taxDocumentType = COUNTRIES_THAT_USE_TAX_ID_INSTEAD_OF_VAT.includes(
     (_a = data.basicInformation) == null ? void 0 : _a.country
   ) ? DocumentType.PROOF_OF_ORGANIZATION_TAX_INFO : DocumentType.VAT_DOCUMENT;
@@ -31618,6 +31778,12 @@ const mapBusinessDetailsDocumentToApiDocument = async (data, entityId) => {
       entityType: "legalEntity",
       documentType: taxDocumentType,
       page1: (_c = companyTaxDocument == null ? void 0 : companyTaxDocument.taxDocument) == null ? void 0 : _c[0]
+    }),
+    createDocumentRequest({
+      entityId,
+      entityType: "legalEntity",
+      documentType: DocumentType.PROOF_OF_DIRECTOR,
+      page1: (_d = companyProofOfDirectorDocument == null ? void 0 : companyProofOfDirectorDocument.proofOfDirector) == null ? void 0 : _d[0]
     })
   ]);
   return documents.filter(Boolean);
@@ -31761,7 +31927,7 @@ const formatAdditionalInformation = (data, labels2, country, companyType, i18n)
 const formatDataForSummary = (data, forms, labels2, i18n) => {
   const datasetUtils = datasetUtilities(i18n.locale);
   return entriesOf(data).reduce((summaryData, [form]) => {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _i;
+    var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k;
     if (!form || !data[form]) return summaryData;
     switch (form) {
       case "basicInformation":
@@ -31819,6 +31985,16 @@ const formatDataForSummary = (data, forms, labels2, i18n) => {
             }
           }
         };
+      case "companyProofOfDirectorDocument":
+        if (!isDocumentsRequired$2(forms)) return summaryData;
+        return {
+          ...summaryData,
+          [form]: {
+            companyProofOfDirectorDocument: {
+              fileName: (_k = (_j = data[form].proofOfDirector) == null ? void 0 : _j[0]) == null ? void 0 : _k.name
+            }
+          }
+        };
       case "companyFinancialInformation":
         return {
           ...summaryData,
@@ -32443,7 +32619,7 @@ function BusinessDetailsDropinComponent({
       handleBackClick: backClick,
       handleHomeClick,
       children: /* @__PURE__ */ jsx(
-        BusinessDetailsComponent,
+        BusinessDetails,
         {
           ...derivedProps,
           ref: formRef,
@@ -32879,7 +33055,7 @@ function CompanyDropinComponent({
         omittedKeys: ["operationalAddressIsSame"]
       },
       children: /* @__PURE__ */ jsx(
-        CompanyComponent,
+        Company,
         {
           ...derivedProps,
           activeForm,
@@ -34040,8 +34216,20 @@ const BusinessTypeSelection = ({
     ] })
   ] }) });
 };
+const mapCustomerSupportSchemaToCustomerSupportType = (customerSupport) => {
+  var _a, _b, _c;
+  const phone2 = ((_a = customerSupport == null ? void 0 : customerSupport.customerSupport) == null ? void 0 : _a.phone) ?? {
+    number: ((_b = customerSupport == null ? void 0 : customerSupport.customerSupport) == null ? void 0 : _b.phoneNumber) || "",
+    type: "mobile"
+  };
+  return {
+    email: ((_c = customerSupport == null ? void 0 : customerSupport.customerSupport) == null ? void 0 : _c.email) || "",
+    phone: phone2
+  };
+};
 const logger$q = createLogger("CustomerSupport");
 function CustomerSupport(props) {
+  var _a, _b, _c, _d, _e, _f;
   const { i18n } = useI18nContext();
   const { showToast } = useToastContext();
   const { isExperimentEnabled } = useExperimentsContext();
@@ -34049,11 +34237,21 @@ function CustomerSupport(props) {
     state: { currentState }
   } = useStateContext();
   const { country, onNavigateBack, onSubmit, legalEntityResponse, handleUpdateLegalEntity } = props;
-  const contactDetailsData = mapLegalEntityToCustomerSupport(legalEntityResponse).customerSupport;
+  const legalEntityType = legalEntityResponse.type;
+  const contactDetailsData = {
+    phone: (_b = (_a = legalEntityResponse[legalEntityType]) == null ? void 0 : _a.support) == null ? void 0 : _b.phone,
+    // New phone field data
+    phoneNumber: (_d = (_c = legalEntityResponse[legalEntityType]) == null ? void 0 : _c.support) == null ? void 0 : _d.phone.number,
+    // Old phone field data
+    email: (_f = (_e = legalEntityResponse[legalEntityType]) == null ? void 0 : _e.support) == null ? void 0 : _f.email
+  };
   const submitForm = async () => {
-    const { customerSupport } = currentState.data;
     if (currentState.isValid) {
-      const payload = mapCustomerSupportToLegalEntity({ customerSupport });
+      const customerSupport = currentState.data;
+      const support = mapCustomerSupportSchemaToCustomerSupportType(customerSupport);
+      const payload = {
+        [legalEntityType]: { support }
+      };
       try {
         await (handleUpdateLegalEntity == null ? void 0 : handleUpdateLegalEntity(payload, legalEntityResponse == null ? void 0 : legalEntityResponse.id));
         onSubmit();
@@ -34073,7 +34271,7 @@ function CustomerSupport(props) {
       }
     ),
     /* @__PURE__ */ jsx(
-      ContactDetailsComp,
+      MemoizedContactDetails,
       {
         dataStoreId: "customerSupport",
         data: contactDetailsData,
@@ -34538,7 +34736,7 @@ const EntityGuidanceStatus = ({
     )
   ] });
 };
-const DecisionMakersComponent = ({
+const DecisionMakers = ({
   trackingConfig,
   parentLegalEntity,
   legalEntityResponse,
@@ -34561,22 +34759,25 @@ const DecisionMakersComponent = ({
     legalEntityId: legalEntityResponse.id,
     problems: capabilityProblems
   });
-  const mappedDecisionMakers = decisionMakers == null ? void 0 : decisionMakers.reduce((mappedDecisionMakers2, decisionMaker) => {
-    var _a2;
-    const mappedDecisionMaker = mappedDecisionMakers2[decisionMaker.legalEntityId];
-    const decisionMakerType = decisionMaker.type;
-    mappedDecisionMakers2[decisionMaker.legalEntityId] = {
-      reference: decisionMaker.legalEntityId,
-      types: mappedDecisionMaker ? [...mappedDecisionMaker.types, decisionMakerType] : [decisionMakerType],
-      status: getTaskStatus(EntityType.LEGAL_ENTITY, capabilityProblems, legalEntityResponse, [
-        decisionMaker.legalEntityId
-      ]),
-      name: decisionMaker.name,
-      legalEntityType: decisionMaker.entityType,
-      problems: (_a2 = capabilityProblems == null ? void 0 : capabilityProblems.LegalEntity) == null ? void 0 : _a2[decisionMaker.legalEntityId]
-    };
-    return mappedDecisionMakers2;
-  }, {});
+  const mappedDecisionMakers = decisionMakers == null ? void 0 : decisionMakers.reduce(
+    (mappedDecisionMakers2, decisionMaker) => {
+      var _a2;
+      const mappedDecisionMaker = mappedDecisionMakers2[decisionMaker.legalEntityId];
+      const decisionMakerType = decisionMaker.type;
+      mappedDecisionMakers2[decisionMaker.legalEntityId] = {
+        reference: decisionMaker.legalEntityId,
+        types: mappedDecisionMaker ? [...mappedDecisionMaker.types, decisionMakerType] : [decisionMakerType],
+        status: getTaskStatus(EntityType.LEGAL_ENTITY, capabilityProblems, legalEntityResponse, [
+          decisionMaker.legalEntityId
+        ]),
+        name: decisionMaker.name,
+        legalEntityType: decisionMaker.entityType,
+        problems: (_a2 = capabilityProblems == null ? void 0 : capabilityProblems.LegalEntity) == null ? void 0 : _a2[decisionMaker.legalEntityId]
+      };
+      return mappedDecisionMakers2;
+    },
+    {}
+  );
   const uniqueDecisionMakers = mappedDecisionMakers ? Object.values(mappedDecisionMakers) : [];
   const showWarning = Boolean(remediationMessages.DECISION_MAKER && uniqueDecisionMakers.length);
   const uniqueDecisionMakersPerType = (roleType) => uniqueDecisionMakers.filter(({ types }) => types.includes(roleType)).length;
@@ -35077,7 +35278,7 @@ function LegalEntityTypeSwitcher({
     }
   );
 }
-function ReviewComponent({
+function Review({
   legalEntityId,
   handleReviewConfirm,
   handleHomeClick
@@ -35537,7 +35738,7 @@ const LEGAL_ENTITY_BASE_TASKS = [
   TaskTypes.DECISION_MAKER_OVERVIEW
 ];
 const CONTRACT_TASKS = [TaskTypes.SERVICE_AGREEMENT, TaskTypes.PCI_DSS];
-function TaskListComponent({
+function TaskList({
   tasks,
   trackingConfig,
   onNavigateToTask,
@@ -36904,7 +37105,7 @@ function IndividualDropinComponent({
       currentStep,
       totalSteps,
       children: /* @__PURE__ */ jsx(
-        IndividualComponent,
+        Individual,
         {
           ...derivedProps,
           capabilities: getCapabilities(legalEntityResponse),
@@ -37480,7 +37681,7 @@ function PayoutDetailsDropinComponent({
       currentStep,
       totalSteps,
       children: /* @__PURE__ */ jsx(
-        PayoutDetailsComponent,
+        PayoutDetails,
         {
           ...derivedProps,
           capabilities,
@@ -38166,7 +38367,7 @@ const TrustRoleAndEntityType = (props) => {
       }
     ),
     data.trustMemberType !== "rootTrustee" && (schema.includes("firstName") || schema.includes("lastName")) ? /* @__PURE__ */ jsx(
-      Name,
+      MemoizedName,
       {
         ...nameProps,
         data: {
@@ -39333,7 +39534,7 @@ function SolePropDropinComponent({
         omittedKeys: ["operationalAddressIsSame"]
       },
       children: /* @__PURE__ */ jsx(
-        SolePropComponent,
+        SoleProp,
         {
           ...derivedProps,
           activeForm,
@@ -39656,7 +39857,7 @@ function TrustDropinComponent({
         omittedKeys: ["operationalAddressIsSame"]
       },
       children: /* @__PURE__ */ jsx(
-        TrustComponent,
+        Trust,
         {
           ...derivedProps,
           activeForm,
@@ -40414,7 +40615,7 @@ function DropinComposerComponent({
       return /* @__PURE__ */ jsx(AccountSetupRejected, {});
     case TaskTypes.TASKS_OVERVIEW:
       return /* @__PURE__ */ jsx(
-        TaskListComponent,
+        TaskList,
         {
           trackingConfig: { topLevelLegalEntity: legalEntityResponse },
           onNavigateToTask,
@@ -40433,7 +40634,7 @@ function DropinComposerComponent({
       );
     case TaskTypes.DECISION_MAKER_OVERVIEW:
       return /* @__PURE__ */ jsx(
-        DecisionMakersComponent,
+        DecisionMakers,
         {
           trackingConfig: {
             topLevelLegalEntity: legalEntityResponse
@@ -40499,7 +40700,7 @@ function DropinComposerComponent({
       );
     case TaskTypes.REVIEW:
       return /* @__PURE__ */ jsx(
-        ReviewComponent,
+        Review,
         {
           legalEntityId: rootLegalEntity.id,
           handleReviewConfirm: args.handleReviewConfirm,
@@ -43507,6 +43708,7 @@ function HighExposureFinancialInformation({
             InputCurrency,
             {
               ...childProps,
+              name: "annualTurnover",
               locale: i18n.locale,
               currency: data.currency ?? defaultCurrency,
               amount: data.annualTurnover,
@@ -43657,7 +43859,7 @@ function HighExposureOwnershipStructure({
             onChange: handleChangeFor("isParentOwnedByAnotherCompany"),
             "aria-required": true,
             "aria-label": formUtils.getLabel("isParentOwnedByAnotherCompany"),
-            "aria-invalid": !valid.doesYourCompanyHaveLEI
+            "aria-invalid": !valid.isParentOwnedByAnotherCompany
           }
         )
       }
@@ -43924,7 +44126,7 @@ function AdditionalFieldsForHighExposureParentCompany(props) {
       schema
     });
   }, [data, valid, errors, schema, fieldProblems]);
-  return /* @__PURE__ */ jsxs("form", { className: "adyen-kyc__high-exposure-company", children: [
+  return /* @__PURE__ */ jsxs("form", { className: "adyen-kyc__high-exposure-parent-company", children: [
     /* @__PURE__ */ jsx(Typography, { el: "h1", variant: "title-l", children: i18n.get("parentCompanyInformation") }),
     /* @__PURE__ */ jsx(Typography, { el: "p", variant: "body", children: i18n.get("inThePreviousStepOwnedByAParentCompany") }),
     /* @__PURE__ */ jsx(
@@ -44043,7 +44245,7 @@ function AdditionalFieldsForHighExposureUltimateParentCompany(props) {
       schema
     });
   }, [data, valid, errors, schema, fieldProblems]);
-  return /* @__PURE__ */ jsxs("form", { className: "adyen-kyc__high-exposure-company", children: [
+  return /* @__PURE__ */ jsxs("form", { className: "adyen-kyc__high-exposure-ultimate-parent-company", children: [
     /* @__PURE__ */ jsx(Typography, { el: "h1", variant: "title-l", children: i18n.get("ultimateParentCompanyInformation") }),
     /* @__PURE__ */ jsx(Typography, { el: "p", variant: "body", children: i18n.get("inThePreviousStepOwnedByAnUltimateParentCompany") }),
     /* @__PURE__ */ jsx(
@@ -44147,7 +44349,7 @@ function HighExposureDropinComponent(props) {
   const formWrapperClasses = (activeForm, formId) => (activeForm == null ? void 0 : activeForm.formId) !== formId ? "adyen-kyc-form-wrapper adyen-kyc-form-wrapper--hidden" : "adyen-kyc-form-wrapper";
   const renderActiveForm = (activeForm) => {
     var _a, _b;
-    return /* @__PURE__ */ jsx("div", { className: "adyen-kyc", children: /* @__PURE__ */ jsxs("div", { className: "adyen-kyc-form-wrapper", children: [
+    return /* @__PURE__ */ jsxs("div", { className: "adyen-kyc-form-wrapper", children: [
       /* @__PURE__ */ jsx("div", { className: formWrapperClasses(activeForm, companyFormId), children: /* @__PURE__ */ jsx(
         AdditionalFieldsForHighExposureCompany,
         {
@@ -44187,9 +44389,9 @@ function HighExposureDropinComponent(props) {
           shouldValidate: props.shouldValidate
         }
       ) })
-    ] }) });
+    ] });
   };
-  return /* @__PURE__ */ jsx("div", { className: "adyen-kyc", children: renderActiveForm(props.activeForm || highExposureForms.company) });
+  return /* @__PURE__ */ jsx(Fragment, { children: renderActiveForm(props.activeForm || highExposureForms.company) });
 }
 const FormEndState = ({
   title,
@@ -44512,10 +44714,10 @@ function UpdateLegalEntityForHighExposure({
             updateLegalEntity2,
             companyExposureDetails == null ? void 0 : companyExposureDetails.id
           );
+          setShowEndState(true);
         } catch (e) {
           handleSubmissionError(e, HighExposureIndex.COMPANY);
         }
-        setShowEndState(true);
         setProblems({});
       }
     } catch (e) {
@@ -44562,7 +44764,7 @@ function UpdateLegalEntityForHighExposure({
     return `${currency} ${formattedValue}`;
   };
   const formatDataForSummary2 = (data2) => {
-    var _a2, _b2, _c;
+    var _a2, _b2, _c, _d, _e;
     const summaryData = cloneObject(data2) || {};
     if (summaryData.company) {
       summaryData.company.legalForm = summaryData.company.legalFormLabel;
@@ -44588,14 +44790,14 @@ function UpdateLegalEntityForHighExposure({
         i18n.locale
       );
     }
-    if (summaryData.parentCompany) {
+    if ((_b2 = summaryData.parentCompany) == null ? void 0 : _b2.legalName) {
       summaryData.parentCompany.legalForm = summaryData.parentCompany.legalFormLabel;
       summaryData.parentCompany.naceCode = summaryData.parentCompany.naceCodeLabel;
       summaryData.parentCompany.country = datasetUtils.getCountryName(
         summaryData.parentCompany.country
       );
       summaryData.parentCompany.legalInformationInsolvency = getTranslatedLegalInsolvency(
-        (_b2 = summaryData.parentCompany) == null ? void 0 : _b2.legalInformationInsolvency
+        (_c = summaryData.parentCompany) == null ? void 0 : _c.legalInformationInsolvency
       );
       summaryData.parentCompany.annualTurnover = getFormattedAmount(
         summaryData.parentCompany.annualTurnover,
@@ -44615,14 +44817,14 @@ function UpdateLegalEntityForHighExposure({
         i18n.locale
       );
     }
-    if (summaryData.ultimateParentCompany) {
+    if ((_d = summaryData.ultimateParentCompany) == null ? void 0 : _d.legalName) {
       summaryData.ultimateParentCompany.legalForm = summaryData.ultimateParentCompany.legalFormLabel;
       summaryData.ultimateParentCompany.naceCode = summaryData.ultimateParentCompany.naceCodeLabel;
       summaryData.ultimateParentCompany.country = datasetUtils.getCountryName(
         summaryData.ultimateParentCompany.country
       );
       summaryData.ultimateParentCompany.legalInformationInsolvency = getTranslatedLegalInsolvency(
-        (_c = summaryData.ultimateParentCompany) == null ? void 0 : _c.legalInformationInsolvency
+        (_e = summaryData.ultimateParentCompany) == null ? void 0 : _e.legalInformationInsolvency
       );
       summaryData.ultimateParentCompany.annualTurnover = getFormattedAmount(
         summaryData.ultimateParentCompany.annualTurnover,
@@ -45377,7 +45579,7 @@ const ConfigurationApiProvider = ({
 }) => {
   const authContext = useAuthContext();
   const { isEmbeddedDropin, loadingContext } = authContext;
-  const sdkVersion = "3.39.2";
+  const sdkVersion = "3.40.1";
   useAnalytics({
     onUserEvent,
     legalEntityId: rootLegalEntityId,
@@ -45496,7 +45698,7 @@ const useAllowedLocales = () => {
   }, []);
   return allowedLocales;
 };
-const localeImports = /* @__PURE__ */ Object.assign({ "./locales/bg-BG.json": () => import("./bg-BG-CLc3Itip.js"), "./locales/cs-CZ.json": () => import("./cs-CZ-egy1O9QR.js"), "./locales/da-DK.json": () => import("./da-DK-Dv9rPHto.js"), "./locales/de-DE.json": () => import("./de-DE-Qp3ZTbvh.js"), "./locales/el-GR.json": () => import("./el-GR-D0zWM9HP.js"), "./locales/en-US.json": () => Promise.resolve().then(() => enUS), "./locales/es-ES.json": () => import("./es-ES-xC1Sc-Sk.js"), "./locales/et-EE.json": () => import("./et-EE-D8diwwod.js"), "./locales/fi-FI.json": () => import("./fi-FI-BrX-GPPR.js"), "./locales/fr-FR.json": () => import("./fr-FR-CTr4D8vs.js"), "./locales/hr-HR.json": () => import("./hr-HR-BEjlz2M0.js"), "./locales/hu-HU.json": () => import("./hu-HU-CLBVDHtE.js"), "./locales/it-IT.json": () => import("./it-IT-B-WY98i1.js"), "./locales/lt-LT.json": () => import("./lt-LT-DkYLw3F1.js"), "./locales/lv-LV.json": () => import("./lv-LV-BTcpmzWG.js"), "./locales/nl-NL.json": () => import("./nl-NL-DFRDUuVO.js"), "./locales/no-NO.json": () => import("./no-NO-nr74oJGp.js"), "./locales/pl-PL.json": () => import("./pl-PL-BKDEM-sF.js"), "./locales/pt-PT.json": () => import("./pt-PT-BEOsVyuS.js"), "./locales/ro-RO.json": () => import("./ro-RO-5OE4sez9.js"), "./locales/sk-SK.json": () => import("./sk-SK-DZnXAokm.js"), "./locales/sl-SI.json": () => import("./sl-SI-ySYCo3IF.js"), "./locales/sv-SE.json": () => import("./sv-SE-BNCCTGyd.js") });
+const localeImports = /* @__PURE__ */ Object.assign({ "./locales/bg-BG.json": () => import("./bg-BG-Dvrhqyvo.js"), "./locales/cs-CZ.json": () => import("./cs-CZ-CgsVgy3E.js"), "./locales/da-DK.json": () => import("./da-DK-JdIh92_M.js"), "./locales/de-DE.json": () => import("./de-DE-B4wICYwd.js"), "./locales/el-GR.json": () => import("./el-GR-BqVuenrU.js"), "./locales/en-US.instructions.json": () => import("./en-US.instructions-C3VuzmQk.js"), "./locales/en-US.json": () => Promise.resolve().then(() => enUS), "./locales/es-ES.json": () => import("./es-ES-CFKv0XwM.js"), "./locales/et-EE.json": () => import("./et-EE-BgUSm8YW.js"), "./locales/fi-FI.json": () => import("./fi-FI-jP9PEW44.js"), "./locales/fr-FR.json": () => import("./fr-FR-BYQHIIeR.js"), "./locales/hr-HR.json": () => import("./hr-HR-DVqFn22E.js"), "./locales/hu-HU.json": () => import("./hu-HU-Chxss9Ot.js"), "./locales/it-IT.json": () => import("./it-IT-CDNTUiig.js"), "./locales/lt-LT.json": () => import("./lt-LT-B51bjwui.js"), "./locales/lv-LV.json": () => import("./lv-LV-UnmuzHbM.js"), "./locales/nl-NL.json": () => import("./nl-NL-YzmKI_Fv.js"), "./locales/no-NO.json": () => import("./no-NO-xXJy1yre.js"), "./locales/pl-PL.json": () => import("./pl-PL-DIG1zFVM.js"), "./locales/pt-PT.json": () => import("./pt-PT-fPOYgtxq.js"), "./locales/ro-RO.json": () => import("./ro-RO-DoSnloDo.js"), "./locales/sk-SK.json": () => import("./sk-SK-DEziWqGy.js"), "./locales/sl-SI.json": () => import("./sl-SI-eiMpiyFt.js"), "./locales/sv-SE.json": () => import("./sv-SE-BCna5sl5.js") });
 const loadLocale = async (locale) => {
   const importForLocale = localeImports[`./locales/${locale}.json`];
   if (!importForLocale) {
@@ -46048,12 +46250,24 @@ const DebugModal = ({ rootLegalEntityId, onExit, getRootLegalEntity }) => {
   const [debugInfoCopied, setDebugInfoCopied] = useState(false);
   const [isRootLeDataEnabled, setIsRootLeDataEnabled] = useState(false);
   const [searchTerm, setSearchTerm] = useState("");
+  const { i18n } = useI18nContext();
   const allExperimentsWithValues = valuesOf(ExperimentNames).map(
     (experimentName) => [experimentName, isExperimentEnabled(experimentName)]
   );
   const allSettingsWithValues = valuesOf(SettingNames).map(
     (settingName) => [settingName, getSetting(settingName)]
   );
+  const debugModalMetaData = [
+    { key: "SDK version", value: "3.40.1", variant: "green" },
+    { key: "rootLegalEntityId", value: rootLegalEntityId, variant: "blue" },
+    { key: "Locale", value: i18n.locale, variant: "blue" },
+    { key: "Language", value: i18n.languageCode, variant: "blue" },
+    rootLeData && {
+      key: "rootLegalEntityType",
+      value: rootLeData.type,
+      variant: "blue"
+    }
+  ].filter(Boolean);
   const fetchRootLeData = () => {
     if (!getRootLegalEntity) return;
     getRootLegalEntity().then(setRootLeData).catch(logger.error);
@@ -46076,7 +46290,7 @@ const DebugModal = ({ rootLegalEntityId, onExit, getRootLegalEntity }) => {
   };
   const copyToClipboard = async () => {
     const toCopy = {
-      sdkVersion: "3.39.2",
+      sdkVersion: "3.40.1",
       experiments: Object.fromEntries(allExperimentsWithValues),
       settings: Object.fromEntries(allSettingsWithValues)
     };
@@ -46138,20 +46352,10 @@ const DebugModal = ({ rootLegalEntityId, onExit, getRootLegalEntity }) => {
     )
   ] });
   return /* @__PURE__ */ jsx(Modal, { size: "fullscreen", header, footer, onClose: onExit, children: /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx("div", { className: "adyen-kyc-debug-modal__meta", children: /* @__PURE__ */ jsx("table", { children: /* @__PURE__ */ jsxs("tbody", { children: [
-      /* @__PURE__ */ jsx("tr", { children: /* @__PURE__ */ jsxs("td", { children: [
-        /* @__PURE__ */ jsx("span", { className: "adyen-kyc-debug-modal__table-key", children: "SDK version" }),
-        /* @__PURE__ */ jsx(Tag, { variant: "green", className: "adyen-kyc-tag--large", children: "3.39.2" })
-      ] }) }),
-      /* @__PURE__ */ jsx("tr", { children: /* @__PURE__ */ jsxs("td", { children: [
-        /* @__PURE__ */ jsx("span", { className: "adyen-kyc-debug-modal__table-key", children: "rootLegalEntityId" }),
-        /* @__PURE__ */ jsx(Tag, { variant: "blue", className: "adyen-kyc-tag--large", children: rootLegalEntityId })
-      ] }) }),
-      rootLeData ? /* @__PURE__ */ jsx("tr", { children: /* @__PURE__ */ jsxs("td", { children: [
-        /* @__PURE__ */ jsx("span", { className: "adyen-kyc-debug-modal__table-key", children: "rootLegalEntityType" }),
-        /* @__PURE__ */ jsx(Tag, { variant: "blue", className: "adyen-kyc-tag--large", children: rootLeData == null ? void 0 : rootLeData.type })
-      ] }) }) : void 0
-    ] }) }) }),
+    /* @__PURE__ */ jsx("div", { className: "adyen-kyc-debug-modal__meta", children: /* @__PURE__ */ jsx("table", { children: /* @__PURE__ */ jsx("tbody", { children: debugModalMetaData.map(({ key, value, variant }) => /* @__PURE__ */ jsx("tr", { children: /* @__PURE__ */ jsxs("td", { children: [
+      /* @__PURE__ */ jsx("span", { className: "adyen-kyc-debug-modal__table-key", children: key }),
+      /* @__PURE__ */ jsx(Tag, { variant, className: "adyen-kyc-tag--large", children: value })
+    ] }) }, key)) }) }) }),
     /* @__PURE__ */ jsxs("div", { className: "adyen-kyc-debug-modal__content", children: [
       rootLeData ? /* @__PURE__ */ jsxs(Fragment, { children: [
         /* @__PURE__ */ jsx("h2", { children: "Legal Entity Data" }),