@adyen/kyc-components 2.16.0 → 2.17.0

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

@@ -5,6 +5,7 @@ import cx from "classnames";
 import { jsx, jsxs, Fragment } from "preact/jsx-runtime";
 import { useId, useRef as useRef$1, useMemo as useMemo$1, forwardRef, memo } from "preact/compat";
 import { debounce, range, uniqueId } from "lodash";
+import OpenBankingSDK from "@adyen/openbankingsdk";
 const ConfigurationApiContext = createContext(void 0);
 const useConfigurationApi = () => {
   const configurationApi = useContext(ConfigurationApiContext);
@@ -187,7 +188,7 @@ const industryExemption = "Industry exemption";
 const validationPleaseEnterAValidRegistrationNumber = "Please enter a valid company registration number";
 const validationPleaseEnterAValidRegistrationNumberWithFormat = "Please enter a valid company registration number. Expected format: %{format}";
 const validationPleaseEnterAValidVatNumber = "Please enter a valid Tax id number";
-const validationPleaseEnterAValidVatNumberWithFormat = "Please enter a valid Tax id number. Expected format: %{format}";
+const validationPleaseEnterAValidVatNumberWithFormat = "Please enter a valid VAT number. Expected format: %{format}";
 const validationPleaseEnterAValidTaxIdNumberWithFormat = "Please enter a valid Tax id number. Expected format: %{format}";
 const validationPleaseEnterAValidIRDNumber = "Please enter a valid IRD number. Expected format: 8 - 9 digits";
 const aValidAbnShouldBe11Digits = "A valid ABN should be 11 digits.";
@@ -228,6 +229,7 @@ const byClickingSubmitReview = "By clicking 'Submit review', you confirm that al
 const nameAndCountry = "Name and country";
 const companyCountry = "Where is your business located?";
 const accountDetailsDescription = "Provide a few details about you to start accepting live payments.";
+const provideFewDetailsAboutYourself = "Provide a few details about yourself.";
 const provideDetails = "Provide details";
 const payoutAccountsDescription = "To set up your account, let us know where to send your payouts.";
 const payoutAccountsDescriptionReview = "In order to ensure that your payout data is accurate, please verify the following details.";
@@ -453,7 +455,7 @@ const ICO = "IČO (Identifikační číslo)";
 const handelsregisternummer = "Handelsregisternummer";
 const NumeroDeTVA = "Numéro de TVA";
 const organisasjonsnummer = "Organisasjonsnummer";
-const mvanummer = "MVA nummer";
+const mvanummer = "MVA-nummer";
 const verificationErrorMessage = "Some information couldn’t be verified. Click to see what needs to be adjusted.";
 const remediationFormErrorMessage = "Some information couldn’t be verified. Information in this form may need to be adjusted.";
 const youHaveUnsavedChanges = "You have unsaved changes";
@@ -585,9 +587,36 @@ const providePageWithPhotoAndCode = "Provide the page with the photo, including
 const constitutionalDocument = "Constitutional document";
 const solePropDetails = "Sole proprietor details";
 const soleProprietorDetails = "Sole proprietor details";
+const soleProprietorshipDetails = "Sole proprietorship details";
 const selectAccountHolder = "Select account holder";
 const nameOfBankAccountHolder = "We need to know about the bank account where you want to receive your payouts. What is the name of the account holder of that bank account?";
+const whatBestDescribesYourBusinessSetup = "What best describes your business setup?";
+const whichLegalArrangementDoesYourBusinessHave = "Which legal arrangement does your business have?";
+const sorryWeCantSetUpAnAccountForYou = "Sorry, we can’t set up an account for you";
+const changeYourBusinessSetup = "Change your business setup?";
+const someInformationWillNotBeSaved = "Some information that you entered previously will not be saved. ";
+const yesChange = "Yes, change";
+const youAreNotSoleProprietorAndUseBankAccount = "You’re not a sole proprietor and you use a personal bank account.";
+const soleProprietorship = "Sole proprietorship";
+const youAreRegisteredSoleProprietorAndUseBankAccount = "You’re a registered sole proprietor and you use a bank account in your name or sole proprietorship’s name.";
+const company = "Company";
+const youUseCompanyBankAccount = "You use a company bank account.";
+const trust = "Trust";
+const trustPartnershipOrAssociation = "Trust, partnership, or association";
+const whatTypeOfTrusteeAreYou = "What type of trustee are you?";
+const youAreIndividualOrCompanyAndUseBankAccountInNameOfTrustPartnershipOrAssociation = "You’re an individual or company, and you use a bank account in the name of a trust, partnership, or association.";
+const individualTrustee = "Individual trustee";
+const companyTrustee = "Company trustee";
+const association = "Association";
+const partnership = "Partnership";
+const youAreTrusteeManagingTheTrustForBeneficiaries = "You’re a trustee managing the trust for beneficiaries.";
+const jointlyOwnedBusinessWhereTwoOrMorePeopleOperateAndShareProfits = "A jointly owned business where two or more people operate and share profits.";
+const groupOfPeopleActingTogetherForNonCommercialPurpose = "A group of people acting together for a non-commercial purpose.";
+const ourFinancialServicesAreNotAvailableYetForPartnershipsAndAssociations = "Our financial services aren’t available yet for partnerships and associations";
+const needHelpYouCanAlwaysReachOutToCustomerSupport = "Need help? You can always reach out to customer support.";
 const myName = "My name";
+const setUpYourAccount = "Set up your account";
+const yourBusinessSetup = "Your business setup: %{businessSetup}";
 const myNameDescription = "It’s a personal bank account held in my own name";
 const mySoleProprietorName = "My sole proprietor name";
 const mySoleProprietorNameDescription = "The account is in my name, but I am registered as a sole proprietor, sole trader, or freelancer";
@@ -600,6 +629,12 @@ const aPartnershipDescription = "The account belongs to a jointly owned business
 const anAssociation = "An association";
 const anAssociationDescription = "The account belongs to a group of people acting together for a specific non-commercial purpose";
 const legalNameOfSoleProprietor = "Legal name of sole proprietor";
+const legalNameOfSoleProprietorship = "Legal name of sole proprietorship";
+const letUsKnowTheBankAccountToSendReceiveFunds = "Let us know the bank account you use to send or receive funds.";
+const bankAccount = "Bank account";
+const bankAccountDetails = "Bank account details";
+const addExtraBankAccount = "Add extra bank account";
+const addAndVerifyYourBankDetails = "Add and verify your bank account details";
 const failedToFetchSoleProp = "Failed to fetch the sole propietor";
 const uniqueIdentificationCode = "Unique identification code (ЕИК/UIC)";
 const identifikacionenNomerDDS = "VAT number (ДДС)";
@@ -756,6 +791,7 @@ const passportPhotoPage = "Passport photo page";
 const residencePermitBack = "Residence permit (back)";
 const residencePermitFront = "Residence permit (front)";
 const manualUpload = "Manual upload";
+const missingMultipleDecisionMakers = "You haven't added all required decision-makers";
 const legalCompanyName = "Legal name of the company";
 const legalCompanyName__helperText = "Enter the name exactly as it is on your company's official registration documents.";
 const legalCompanyName__helperText__AU = "Enter the name exactly as it is on your Australian Securities and Investment Commission's (ASIC).";
@@ -979,6 +1015,10 @@ const errorMessage_1_7019 = "The bank document wasn't issued in the past 12 mont
 const errorMessage_1_7020 = "The bank name didn't match the one on the bank document.";
 const errorMessage_1_7021 = "The bank document didn't show an official bank logo.";
 const errorMessage_1_7022 = "The bank document didn't show an official bank stamp.";
+const errorMessage_2_8064 = "UBO through ownership was missing.";
+const errorMessage_2_8067 = "Signatory was missing.";
+const errorMessage_2_8189 = "UBO through control was missing.";
+const errorMessage_2_8193 = "Director was missing.";
 const errorMessage_3_10 = "Review of data is required";
 const remediationMessage_1_100 = "No remediation possible";
 const remediationMessage_1_101 = "Contact Support";
@@ -1017,6 +1057,10 @@ const remediationMessage_1_702 = "Use other means of bank account verification";
 const remediationMessage_1_703 = "Upload a bank statement";
 const remediationMessage_1_704 = "Upload a different bank statement";
 const remediationMessage_1_705 = "Upload an official bank statement";
+const remediationMessage_2_123 = "You haven't added an owner";
+const remediationMessage_2_124 = "You haven't added a signatory";
+const remediationMessage_2_151 = "You haven't added a controlling person";
+const remediationMessage_2_185 = "You haven't added your directors";
 const remediationMessage_3_100 = "Check the above information, then click here to confirm.";
 const sameNameAsLegalName = "Same as legal name of the company";
 const whereCanIFindTheseNumbersOnMyDriversLicense = "Where can I find these numbers on my driver's license?";
@@ -1287,6 +1331,7 @@ const defaultTrans = {
   nameAndCountry,
   companyCountry,
   accountDetailsDescription,
+  provideFewDetailsAboutYourself,
   provideDetails,
   payoutAccountsDescription,
   payoutAccountsDescriptionReview,
@@ -1649,9 +1694,36 @@ const defaultTrans = {
   constitutionalDocument,
   solePropDetails,
   soleProprietorDetails,
+  soleProprietorshipDetails,
   selectAccountHolder,
   nameOfBankAccountHolder,
+  whatBestDescribesYourBusinessSetup,
+  whichLegalArrangementDoesYourBusinessHave,
+  sorryWeCantSetUpAnAccountForYou,
+  changeYourBusinessSetup,
+  someInformationWillNotBeSaved,
+  yesChange,
+  youAreNotSoleProprietorAndUseBankAccount,
+  soleProprietorship,
+  youAreRegisteredSoleProprietorAndUseBankAccount,
+  company,
+  youUseCompanyBankAccount,
+  trust,
+  trustPartnershipOrAssociation,
+  whatTypeOfTrusteeAreYou,
+  youAreIndividualOrCompanyAndUseBankAccountInNameOfTrustPartnershipOrAssociation,
+  individualTrustee,
+  companyTrustee,
+  association,
+  partnership,
+  youAreTrusteeManagingTheTrustForBeneficiaries,
+  jointlyOwnedBusinessWhereTwoOrMorePeopleOperateAndShareProfits,
+  groupOfPeopleActingTogetherForNonCommercialPurpose,
+  ourFinancialServicesAreNotAvailableYetForPartnershipsAndAssociations,
+  needHelpYouCanAlwaysReachOutToCustomerSupport,
   myName,
+  setUpYourAccount,
+  yourBusinessSetup,
   myNameDescription,
   mySoleProprietorName,
   mySoleProprietorNameDescription,
@@ -1664,6 +1736,12 @@ const defaultTrans = {
   anAssociation,
   anAssociationDescription,
   legalNameOfSoleProprietor,
+  legalNameOfSoleProprietorship,
+  letUsKnowTheBankAccountToSendReceiveFunds,
+  bankAccount,
+  bankAccountDetails,
+  addExtraBankAccount,
+  addAndVerifyYourBankDetails,
   failedToFetchSoleProp,
   uniqueIdentificationCode,
   identifikacionenNomerDDS,
@@ -1832,6 +1910,7 @@ const defaultTrans = {
   residencePermitBack,
   residencePermitFront,
   manualUpload,
+  missingMultipleDecisionMakers,
   legalCompanyName,
   legalCompanyName__helperText,
   legalCompanyName__helperText__AU,
@@ -2055,6 +2134,10 @@ const defaultTrans = {
   errorMessage_1_7020,
   errorMessage_1_7021,
   errorMessage_1_7022,
+  errorMessage_2_8064,
+  errorMessage_2_8067,
+  errorMessage_2_8189,
+  errorMessage_2_8193,
   errorMessage_3_10,
   remediationMessage_1_100,
   remediationMessage_1_101,
@@ -2093,6 +2176,10 @@ const defaultTrans = {
   remediationMessage_1_703,
   remediationMessage_1_704,
   remediationMessage_1_705,
+  remediationMessage_2_123,
+  remediationMessage_2_124,
+  remediationMessage_2_151,
+  remediationMessage_2_185,
   remediationMessage_3_100,
   sameNameAsLegalName,
   whereCanIFindTheseNumbersOnMyDriversLicense,
@@ -2722,11 +2809,11 @@ var AlertTypes = /* @__PURE__ */ ((AlertTypes2) => {
   return AlertTypes2;
 })(AlertTypes || {});
 const Alert = ({
-  className,
   title,
   type = AlertTypes.BASIC,
-  children,
-  hasCloseButton = true
+  className,
+  hasCloseButton = true,
+  children
 }) => {
   const {
     i18n
@@ -2825,7 +2912,7 @@ const createLogger = (namespace) => {
   });
   return methods;
 };
-const logger$m = createLogger("Link");
+const logger$n = createLogger("Link");
 const getIconClass = (icon, external) => {
   if (external) {
     return "adl-link__icon adyen-kyc-icon-external-link";
@@ -2837,7 +2924,7 @@ const getIconClass = (icon, external) => {
 };
 const isValidLink = (href) => {
   if (href === "#") {
-    logger$m.error('Links must include a valid href. If your href is "#", consider using a Button instead');
+    logger$n.error('Links must include a valid href. If your href is "#", consider using a Button instead');
     return false;
   }
   return true;
@@ -3127,6 +3214,17 @@ function useResetGlobalData(caller) {
     }
   }), [dispatch, caller]);
 }
+const logger$m = createLogger("useAllowedCountries");
+const useAllowedCountries = () => {
+  const {
+    getAllowedCountries: getAllowedCountries2
+  } = useConfigurationApi();
+  const [allowedCountries, setAllowedCountries] = useState();
+  useEffect(() => {
+    getAllowedCountries2().then((response) => setAllowedCountries(response.countries)).catch(logger$m.error);
+  }, []);
+  return allowedCountries;
+};
 const processField = ({
   key,
   value = null,
@@ -4916,7 +5014,7 @@ function CountryField({
   readonly,
   handleChangeFor,
   helperText,
-  allowedCountries = [],
+  allowedCountries,
   classNameModifiers = []
 }) {
   const {
@@ -4931,7 +5029,7 @@ function CountryField({
   useEffect(() => {
     loadFlags2().catch(logger$k.error);
   }, [loadFlags2]);
-  const countries = countriesFromApi.filter((country2) => allowedCountries.length ? allowedCountries.includes(country2.id) : true).map((item) => ({
+  const countries = countriesFromApi.filter((country2) => allowedCountries ? allowedCountries.includes(country2.id) : true).map((item) => ({
     ...item,
     sprite: `#adl-flag-${item.id.toLowerCase()}`
   }));
@@ -5160,8 +5258,10 @@ function CompanyNameAndCountry(props) {
     isSettingEnabled
   } = useSettingsContext();
   const {
-    id: id2
+    id: id2,
+    isTopLevelEntity
   } = props;
+  const allowedCountries = useAllowedCountries();
   const {
     sliceData,
     updateStateSlice
@@ -5207,7 +5307,7 @@ function CompanyNameAndCountry(props) {
       labels: formUtils.getFieldLabels(COUNTRY_FIELD),
       readonly: !isAllowedEditPrefilledCountry || Boolean(props == null ? void 0 : props.disableCountry),
       classNameModifiers: ["country"],
-      allowedCountries: [],
+      allowedCountries: isTopLevelEntity ? allowedCountries : void 0,
       handleChangeFor
     }), formUtils.isRequiredField("legalCompanyName") && jsx(LegalCompanyNameField, {
       data: formUtils.getFieldData(formData, LEGAL_COMPANY_NAME_FIELD),
@@ -8613,6 +8713,7 @@ var DecisionMakerType = /* @__PURE__ */ ((DecisionMakerType2) => {
   return DecisionMakerType2;
 })(DecisionMakerType || {});
 var TaskTypes = /* @__PURE__ */ ((TaskTypes2) => {
+  TaskTypes2["BUSINESS_TYPE_SELECTION"] = "BUSINESS_TYPE_SELECTION";
   TaskTypes2["INTRO"] = "INTRO";
   TaskTypes2["TASKS_OVERVIEW"] = "TASKS_OVERVIEW";
   TaskTypes2["REVIEW"] = "REVIEW";
@@ -8784,12 +8885,19 @@ function AccountHolder(props) {
     dataStoreId,
     capabilities
   } = props;
+  const {
+    accountHolder: accountHolder2
+  } = useCoreContext();
   const {
     isSettingEnabled
   } = useSettingsContext();
   const {
     isExperimentEnabled
   } = useExperimentsContext();
+  const defaultData = cloneObject(props.data);
+  if (isExperimentEnabled("EnableNewEntryFlow") && defaultData) {
+    defaultData.accountHolder = accountHolder2 || defaultData.accountHolder;
+  }
   const {
     handleChangeFor,
     data,
@@ -8799,7 +8907,7 @@ function AccountHolder(props) {
   } = useForm({
     ...props,
     schema: ["accountHolder"],
-    defaultData: props.data,
+    defaultData,
     rules: props.validators || accountHolderValidationRules,
     fieldProblems: props == null ? void 0 : props.fieldValidationErrors
   });
@@ -8909,7 +9017,7 @@ const RadioCard = ({
         })]
       }), jsx("div", {
         className: "adl-radio-card__body adl-u-margin-bottom-16",
-        children: body ?? i18n.get(optionDescription)
+        children: body ?? (optionDescription && i18n.get(optionDescription))
       }), footer && jsx("div", {
         className: "adl-u-margin-bottom-16",
         children: footer
@@ -8942,7 +9050,7 @@ function RadioCardSelect({
     children: options.map((option) => jsx(RadioCard, {
       optionId: optionId(option),
       optionName: optionName(option),
-      optionDescription: optionDescription(option),
+      optionDescription: optionDescription == null ? void 0 : optionDescription(option),
       optionSubtitle: optionSubtitle == null ? void 0 : optionSubtitle(option),
       uniqueId: getUniqueId(uniqueIdBase),
       isInvalid,
@@ -9856,7 +9964,6 @@ function FieldContainer(props) {
     fieldProblems,
     fieldName,
     trimOnBlur,
-    allowedCountries,
     hideField,
     maxlength,
     handleChangeFor
@@ -9883,7 +9990,6 @@ function FieldContainer(props) {
           },
           readonly: formUtils.isReadOnly(field),
           classNameModifiers,
-          allowedCountries,
           className: hideField ? "adl-u-display-none" : "",
           handleChangeFor
         });
@@ -10465,7 +10571,6 @@ function Address(props) {
     shouldValidate,
     id: id2,
     hideCountry,
-    allowedCountries,
     heading
   } = props;
   const {
@@ -10584,7 +10689,6 @@ function Address(props) {
       return null;
     const hideField = fieldName === "country" && hideCountry;
     return jsx(FieldContainer, {
-      allowedCountries,
       classNameModifiers: [fieldName],
       data,
       valid,
@@ -10952,7 +11056,8 @@ function CompanyComponent(props) {
           country: props.country
         },
         heading: i18n.get("nameAndCountry"),
-        id: CompanyNameAndCountryFormID
+        id: CompanyNameAndCountryFormID,
+        isTopLevelEntity: props.isTopLevelEntity
       })
     }), jsx("div", {
       className: props.activeForm.formId !== CompanyTypeFormID ? "adyen-kyc-form-wrapper adyen-kyc-form-wrapper--hidden" : "adyen-kyc-form-wrapper",
@@ -12481,13 +12586,23 @@ const mapExistingFile = (name) => ({
   existing: true
 });
 const mapApiIdDocumentToSchema = (idDocument2) => {
+  const {
+    type,
+    attachments
+  } = idDocument2;
   const {
     hasBackPage
   } = idDocumentTypeOptions.find(({
     id: id2
-  }) => id2 === idDocument2.type);
-  const frontPage2 = hasBackPage ? getPage(idDocument2, "front") : getPage(idDocument2);
-  const backPage2 = hasBackPage ? getPage(idDocument2, "back") : void 0;
+  }) => id2 === type);
+  let frontPage2;
+  let backPage2;
+  if ((attachments == null ? void 0 : attachments.length) === 1) {
+    frontPage2 = getPage(idDocument2);
+  } else {
+    frontPage2 = hasBackPage ? getPage(idDocument2, "front") : getPage(idDocument2);
+    backPage2 = hasBackPage ? getPage(idDocument2, "back") : void 0;
+  }
   return {
     ...frontPage2 ? {
       idFrontPage: [mapExistingFile(frontPage2.pageName)]
@@ -12495,7 +12610,7 @@ const mapApiIdDocumentToSchema = (idDocument2) => {
     ...backPage2 ? {
       idBackPage: [mapExistingFile(backPage2.pageName)]
     } : {},
-    idDocumentType: idDocument2.type
+    idDocumentType: type
   };
 };
 const mapApiDocumentToIndividualDocuments = (entityId) => {
@@ -15564,6 +15679,7 @@ function PersonalDetailsComponent(props) {
   const {
     isSettingEnabled
   } = useSettingsContext();
+  const allowedCountries = useAllowedCountries();
   const PERSONAL_DETAILS = props.id;
   const [externalErrors, setExternalErrors] = useState(null);
   const [status, setStatus] = useState("success");
@@ -15572,6 +15688,7 @@ function PersonalDetailsComponent(props) {
   });
   const [personalDetailsData, setPersonalDetailsData] = useState(null);
   const isDecisionMakerTask = props.taskType === TaskTypes.DECISION_MAKER || props.taskType === TaskTypes.TRUST_MEMBER_COMPANY_OWNER;
+  const isTopLevelEntity = props.taskType === TaskTypes.INDIVIDUAL;
   const requiredFieldsByTask = (props.requiredFields || personalDetailsFields).filter((field) => field !== "role" || field === "role" && isDecisionMakerTask);
   const isAllowedEditPrefilledCountry = isSettingEnabled(SettingNames.AllowPrefilledCountryEdit);
   const getDirectChildFields = () => requiredFieldsByTask.filter((field) => ["birthDate", "residencyCountry", "jobTitle", "nationality"].includes(field));
@@ -15688,7 +15805,7 @@ function PersonalDetailsComponent(props) {
         validationErrors: props == null ? void 0 : props.fieldValidationErrors,
         formUtils,
         id: "ariaErrorField"
-      }), data.residencyCountry === "US" && !isDecisionMakerTask ? jsx(PatriotActDisclosure, {}) : void 0, jsx(ContextGuidance, {
+      }), data.residencyCountry === "US" && isTopLevelEntity ? jsx(PatriotActDisclosure, {}) : void 0, jsx(ContextGuidance, {
         page: "Personal details",
         title: i18n.get("whyDoINeedToFillInThisInformation"),
         content: i18n.get("reasonForFillingIndividualPersonalDetails"),
@@ -15735,7 +15852,7 @@ function PersonalDetailsComponent(props) {
           country: formUtils.getLabel("residencyCountry")
         },
         readonly: !isAllowedEditPrefilledCountry && !isDecisionMakerTask,
-        allowedCountries: [],
+        allowedCountries: isTopLevelEntity ? allowedCountries : void 0,
         classNameModifiers: ["country"],
         handleChangeFor: () => handleChangeFor("residencyCountry", "input")
       }), jsx(IdentityComponent, {
@@ -16271,61 +16388,6 @@ const refreshSession = async () => {
     logger$e.error("Failed to fetch sdk token", e);
   }
 };
-const OpenBankingSDKStyles = "";
-const WIDGET_IFRAME_CLASS$1 = "adyen-open-banking-sdk-widget";
-const WIDGET_CONTAINER_CLASS$1 = `${WIDGET_IFRAME_CLASS$1}-container`;
-class OpenBankingSDK {
-  constructor({
-    divElement,
-    link,
-    successHandler,
-    errorHandler
-  }) {
-    this.divElement = divElement;
-    this.link = link;
-    this.successHandler = successHandler;
-    this.errorHandler = errorHandler;
-  }
-  static create(parameters) {
-    return new OpenBankingSDK(parameters);
-  }
-  open() {
-    this.iframe = document.createElement("iframe");
-    this.iframe.setAttribute("allowFullscreen", "true");
-    this.iframe.classList.add(WIDGET_IFRAME_CLASS$1);
-    this.divElement.appendChild(this.iframe);
-    this.divElement.classList.add(WIDGET_CONTAINER_CLASS$1);
-    const iframeUrl = new URL(this.link);
-    const iframeWindow = this.iframe.contentWindow;
-    this.listener = ({
-      data,
-      origin,
-      source
-    }) => {
-      if (source !== iframeWindow || origin !== iframeUrl.origin)
-        return;
-      switch (data.type) {
-        case "account_verification_report":
-          this.successHandler(data.code, data.state);
-          break;
-        case "error":
-          this.errorHandler(data.error_code, data.error_message, data.state, data.metadata);
-          break;
-      }
-    };
-    window.addEventListener("message", this.listener);
-    this.iframe.setAttribute("src", iframeUrl.href);
-  }
-  destroy() {
-    if (this.listener) {
-      window.removeEventListener("message", this.listener);
-    }
-    if (this.iframe) {
-      this.divElement.removeChild(this.iframe);
-      this.iframe = void 0;
-    }
-  }
-}
 const addAnimationStartListener = (element, listener) => {
   element.addEventListener("animationstart", listener, false);
   element.addEventListener("MSAnimationStart", listener, false);
@@ -17096,7 +17158,8 @@ function BankAccountFormat(props) {
 var ExperimentNames = /* @__PURE__ */ ((ExperimentNames2) => {
   ExperimentNames2["EnableTrustFlow"] = "EnableTrustFlow";
   ExperimentNames2["OnlyAllowAlphanumericBankAccountNumbers"] = "OnlyAllowAlphanumericBankAccountNumbers";
-  ExperimentNames2["OrganizationSettlorWithExemptionReason"] = "OrganizationSettlorWithExemptionReason";
+  ExperimentNames2["EnableNewEntryFlow"] = "EnableNewEntryFlow";
+  ExperimentNames2["AllowOrganizationSettlorWithExemptionReason"] = "AllowOrganizationSettlorWithExemptionReason";
   return ExperimentNames2;
 })(ExperimentNames || {});
 const stripNonAlphanumeric = (value) => value.replaceAll(/[^0-9a-zA-Z]/g, "");
@@ -18500,9 +18563,13 @@ const payoutSteps = {
     formName: "verificationMethod",
     fields: payoutVerificationMethodFields
   },
-  payoutAccountDetails: (tasktype) => ({
+  payoutAccountDetails: (tasktype, isNewEntryFlowExperimentEnabled) => ({
     formId: "payoutAccountDetails",
-    formName: tasktype === TaskTypes.PAYIN ? "payinAccount" : "payoutAccount",
+    ...isNewEntryFlowExperimentEnabled ? {
+      formName: "bankAccount"
+    } : {
+      formName: tasktype === TaskTypes.PAYIN ? "payinAccount" : "payoutAccount"
+    },
     fields: payoutAccountFields
   }),
   payoutAccountDocuments: {
@@ -18516,9 +18583,9 @@ const payoutSteps = {
     fields: accountVerificationFields
   }
 };
-const getAppropriatePayoutDetailsSteps = (currentTask, isEditing, instantVerificationAvailable, canChangeCountry) => {
+const getAppropriatePayoutDetailsSteps = (currentTask, isEditing, instantVerificationAvailable, canChangeCountry, isNewEntryFlowExperimentEnabled) => {
   const dependentSteps = {
-    payoutAccountDetails: payoutSteps.payoutAccountDetails(currentTask),
+    payoutAccountDetails: payoutSteps.payoutAccountDetails(currentTask, isNewEntryFlowExperimentEnabled),
     payoutAccountDocuments: payoutSteps.payoutAccountDocuments,
     payoutAccountVerification: payoutSteps.payoutAccountVerification
   };
@@ -18536,6 +18603,9 @@ function PayoutDetailsComponent(props) {
   const {
     i18n
   } = useI18nContext();
+  const {
+    isExperimentEnabled
+  } = useExperimentsContext();
   const {
     activeForm,
     taskType,
@@ -18552,9 +18622,9 @@ function PayoutDetailsComponent(props) {
   const [instantVerificationError, setInstantVerificationError] = useInstantVerificationErrorNotification(1e4);
   const verificationMethodFormProps = getFormProps(props, payoutSteps.payoutVerificationMethod.formId);
   const accountVerificationFormProps = getFormProps(props, payoutSteps.payoutAccountVerification.formId);
-  const payoutAccountFormProps = getFormProps(props, payoutSteps.payoutAccountDetails(taskType).formId);
+  const payoutAccountFormProps = getFormProps(props, payoutSteps.payoutAccountDetails(taskType, isExperimentEnabled("EnableNewEntryFlow")).formId);
   const payoutBankStatementFormProps = getFormProps(props, payoutSteps.payoutAccountDocuments.formId);
-  const taskHeading = i18n.get(taskHeadings[taskType]);
+  const taskHeading = isExperimentEnabled("EnableNewEntryFlow") ? i18n.get("addAndVerifyYourBankDetails") : i18n.get(taskHeadings[taskType]);
   const isBankStatementDocumentOptional = formUtilities(payoutBankStatementFormProps, i18n).isOptionalField("bankStatementDocument");
   const globalData = useGlobalData();
   const data = isEmpty(globalData) ? props.data : globalData;
@@ -18609,11 +18679,11 @@ function PayoutDetailsComponent(props) {
         handleBankVerificationError: handleBankVerificationError2
       })
     }) : jsx("div", {
-      className: activeForm.formId !== payoutSteps.payoutAccountDetails(taskType).formId ? "adyen-kyc-form-wrapper adyen-kyc-form-wrapper--hidden" : "adyen-kyc-form-wrapper",
+      className: activeForm.formId !== payoutSteps.payoutAccountDetails(taskType, isExperimentEnabled("EnableNewEntryFlow")).formId ? "adyen-kyc-form-wrapper adyen-kyc-form-wrapper--hidden" : "adyen-kyc-form-wrapper",
       children: jsx(PayoutAccount, {
         ...payoutAccountFormProps,
         heading: taskHeading,
-        id: payoutSteps.payoutAccountDetails(taskType).formId,
+        id: payoutSteps.payoutAccountDetails(taskType, isExperimentEnabled("EnableNewEntryFlow")).formId,
         country: bankCountry2,
         legalEntityResponse
       })
@@ -18725,6 +18795,9 @@ function SolePropComponent(props) {
   const {
     i18n
   } = useI18nContext();
+  const {
+    isExperimentEnabled
+  } = useExperimentsContext();
   const [tradingName2, setTradingName] = useState();
   const solePropNameAndCountryFormProps = getFormProps(props, solePropNameAndCountryFormId);
   const solePropsRegistrationDetailsFormProps = getFormProps(props, solePropRegistrationDetailsFormId);
@@ -18754,11 +18827,12 @@ function SolePropComponent(props) {
           },
           labels: {
             country: "countryOfEstablishment",
-            legalCompanyName: "legalNameOfSoleProprietor"
+            legalCompanyName: isExperimentEnabled("EnableNewEntryFlow") ? "legalNameOfSoleProprietorship" : "legalNameOfSoleProprietor"
           },
           heading: i18n.get("nameAndCountry"),
           id: solePropNameAndCountryFormId,
-          disableCountry: true
+          disableCountry: true,
+          isTopLevelEntity: false
         })
       }), jsx("div", {
         className: activeForm.formId !== solePropRegistrationDetailsFormId ? "adyen-kyc-form-wrapper adyen-kyc-form-wrapper--hidden" : "adyen-kyc-form-wrapper",
@@ -19204,6 +19278,16 @@ const remediationActionMappings = {
 const dataMissingRemediationsToFieldsMap = {
   "2_158": ["vatNumber", "exemptedFromVat", "vatAbsenceReason"]
 };
+const DATA_MISSING_DECISION_MAKER_ERROR_CODE_MAPPING = {
+  "2_8064": "2_123",
+  // Owner
+  "2_8067": "2_124",
+  // Signatory
+  "2_8189": "2_151",
+  // Controller
+  "2_8193": "2_185"
+  // Director
+};
 var EntityType = /* @__PURE__ */ ((EntityType2) => {
   EntityType2["BANK_ACCOUNT"] = "BankAccount";
   EntityType2["LEGAL_ENTITY"] = "LegalEntity";
@@ -19224,7 +19308,7 @@ const entityProblemInitialState = {
   // default status - if the entity is not listed in the problems array
   validationErrors: {}
 };
-const UNRELATED_DATA_MISSING_ERROR_CODES = ["2_8036", "2_8064", "2_8067", "2_8189"];
+const UNRELATED_DATA_MISSING_ERROR_CODES = ["2_8036"];
 const UNRELATED_INVALID_INPUT_ERROR_CODES = ["1_14", "2_901", "2_902"];
 function getCapabilityProblems(response) {
   const capabilities = (response == null ? void 0 : response.capabilities) || {};
@@ -21011,7 +21095,7 @@ function CompanyDropinComponent({
   taskName,
   capabilities,
   homeButtonLabel,
-  taskType,
+  taskType = TaskTypes.COMPANY,
   trackingConfig,
   associationDetail,
   parentLegalEntity,
@@ -21339,7 +21423,8 @@ function CompanyDropinComponent({
       onTypeSwitch,
       onCountryChange: setCountry,
       ref: formRef,
-      shouldValidate
+      shouldValidate,
+      isTopLevelEntity: taskType === TaskTypes.COMPANY
     })
   });
 }
@@ -21447,20 +21532,26 @@ const useShouldShowIntro = (legalEntity) => {
   } = useHasSeenIntro(legalEntity.id);
   return canSeeIntro && !hasSeenIntro;
 };
+const useShouldShowBusinessTypeSelection = (accountHolder2) => {
+  const {
+    isExperimentEnabled
+  } = useExperimentsContext();
+  return isExperimentEnabled("EnableNewEntryFlow") && !accountHolder2;
+};
 const logger$7 = createLogger("useExemptSettlor");
 const useExemptSettlor = ({
-  trust,
+  trust: trust2,
   handleGetLegalEntity
 }) => {
   const [exemptSettlor, setExemptSettlor] = useState();
   const updateExemptSettlor = useCallback(async (trustLE) => {
-    const exemptSettlorAssociation = getOwnEntityAssociations(trustLE).find((association) => association.type === TrustMemberTypes.SETTLOR && Boolean(association.settlorExemptionReason));
+    const exemptSettlorAssociation = getOwnEntityAssociations(trustLE).find((association2) => association2.type === TrustMemberTypes.SETTLOR && Boolean(association2.settlorExemptionReason));
     const exemptSettlorLE = (exemptSettlorAssociation == null ? void 0 : exemptSettlorAssociation.legalEntityId) ? await handleGetLegalEntity(exemptSettlorAssociation.legalEntityId) : void 0;
     setExemptSettlor(exemptSettlorLE);
   }, [handleGetLegalEntity]);
   useEffect(() => {
-    updateExemptSettlor(trust).catch(logger$7.error);
-  }, [trust, updateExemptSettlor]);
+    updateExemptSettlor(trust2).catch(logger$7.error);
+  }, [trust2, updateExemptSettlor]);
   return exemptSettlor;
 };
 function useSalesChannelsSettings() {
@@ -21555,7 +21646,7 @@ const splitAtFirstOccurrence = (str, separator) => {
 };
 const getTrustMemberOwnerId = (trustMemberId, entityAssociations) => {
   var _a;
-  return (_a = entityAssociations.find((association) => association.associatorId === trustMemberId && association.type === TrustMemberTypes.TRUSTEE)) == null ? void 0 : _a.legalEntityId;
+  return (_a = entityAssociations.find((association2) => association2.associatorId === trustMemberId && association2.type === TrustMemberTypes.TRUSTEE)) == null ? void 0 : _a.legalEntityId;
 };
 const getFallbackName = (exemptSettlorAssociation) => {
   const [firstName2, lastName2] = splitAtFirstOccurrence(exemptSettlorAssociation.name ?? "", " ");
@@ -21564,37 +21655,37 @@ const getFallbackName = (exemptSettlorAssociation) => {
     lastName: lastName2
   };
 };
-const convertEntityAssociationIntoTrustMember = (association, associations, exemptSettlorLE) => {
+const convertEntityAssociationIntoTrustMember = (association2, associations, exemptSettlorLE) => {
   var _a;
-  if (association.settlorExemptionReason) {
+  if (association2.settlorExemptionReason) {
     return {
       trustMemberType: "exemptSettlor",
       roles: [TrustMemberTypes.SETTLOR],
-      legalEntityType: association.entityType,
-      legalEntityId: association.legalEntityId,
-      settlorExemptionReason: association.settlorExemptionReason,
-      exemptSettlorName: association.entityType === LegalEntityType.INDIVIDUAL ? ((_a = exemptSettlorLE == null ? void 0 : exemptSettlorLE.individual) == null ? void 0 : _a.name) ?? getFallbackName(association) : void 0,
-      name: association.name
+      legalEntityType: association2.entityType,
+      legalEntityId: association2.legalEntityId,
+      settlorExemptionReason: association2.settlorExemptionReason,
+      exemptSettlorName: association2.entityType === LegalEntityType.INDIVIDUAL ? ((_a = exemptSettlorLE == null ? void 0 : exemptSettlorLE.individual) == null ? void 0 : _a.name) ?? getFallbackName(association2) : void 0,
+      name: association2.name
     };
   }
-  if (association.entityType === LegalEntityType.ORGANIZATION)
+  if (association2.entityType === LegalEntityType.ORGANIZATION)
     return {
       trustMemberType: "company",
       roles: [],
       legalEntityType: LegalEntityType.ORGANIZATION,
-      legalEntityId: association.legalEntityId,
-      name: association.name,
-      ownerId: getTrustMemberOwnerId(association.legalEntityId, associations)
+      legalEntityId: association2.legalEntityId,
+      name: association2.name,
+      ownerId: getTrustMemberOwnerId(association2.legalEntityId, associations)
     };
-  if (association.entityType === LegalEntityType.INDIVIDUAL)
+  if (association2.entityType === LegalEntityType.INDIVIDUAL)
     return {
       trustMemberType: "regular",
       roles: [],
       legalEntityType: LegalEntityType.INDIVIDUAL,
-      legalEntityId: association.legalEntityId,
-      name: association.name
+      legalEntityId: association2.legalEntityId,
+      name: association2.name
     };
-  throw new Error(`Not a valid trust member: ${JSON.stringify(association)}`);
+  throw new Error(`Not a valid trust member: ${JSON.stringify(association2)}`);
 };
 const mapEntityAssociationsToTrustMembers = (trustEntityId, entityAssociations, exemptSettlorLE) => {
   const mappedTrustMembers = entityAssociations.reduce((acc, entityAssociation) => {
@@ -21651,23 +21742,23 @@ const mapTrustMemberToEntityAssociations = (trustMember) => {
 };
 const addOrUpdateAssociatedTrustMember = async ({
   newOrUpdated,
-  trust,
+  trust: trust2,
   handleUpdateLegalEntity
 }) => {
-  const otherAssociations = getOwnEntityAssociations(trust).filter((existingAssociation) => existingAssociation.legalEntityId !== newOrUpdated.legalEntityId);
+  const otherAssociations = getOwnEntityAssociations(trust2).filter((existingAssociation) => existingAssociation.legalEntityId !== newOrUpdated.legalEntityId);
   const updatedAssociations = mapTrustMemberToEntityAssociations(newOrUpdated);
   const patchLE = {
     entityAssociations: [...otherAssociations, ...updatedAssociations]
   };
-  await handleUpdateLegalEntity(patchLE, trust.id);
+  await handleUpdateLegalEntity(patchLE, trust2.id);
 };
 const addOrUpdateUndefinedBeneficiary = async ({
   newOrUpdated,
-  trust,
+  trust: trust2,
   handleUpdateLegalEntity
 }) => {
   var _a, _b;
-  const otherUndefinedBeneficiaries = ((_b = (_a = trust.trust) == null ? void 0 : _a.undefinedBeneficiaryInfo) == null ? void 0 : _b.filter((ub) => ub.reference !== newOrUpdated.reference)) ?? [];
+  const otherUndefinedBeneficiaries = ((_b = (_a = trust2.trust) == null ? void 0 : _a.undefinedBeneficiaryInfo) == null ? void 0 : _b.filter((ub) => ub.reference !== newOrUpdated.reference)) ?? [];
   const patchLE = {
     trust: {
       undefinedBeneficiaryInfo: [...otherUndefinedBeneficiaries, newOrUpdated.reference === isNewEntity ? {
@@ -21678,11 +21769,11 @@ const addOrUpdateUndefinedBeneficiary = async ({
       }]
     }
   };
-  await handleUpdateLegalEntity(patchLE, trust.id);
+  await handleUpdateLegalEntity(patchLE, trust2.id);
 };
 const createExemptSettlor = async ({
   exemptSettlor,
-  trust,
+  trust: trust2,
   handleCreateLegalEntity
 }) => {
   var _a, _b;
@@ -21694,7 +21785,7 @@ const createExemptSettlor = async ({
         lastName: ((_b = exemptSettlor.exemptSettlorName) == null ? void 0 : _b.lastName) ?? ""
       },
       residentialAddress: {
-        country: trust.trust.registeredAddress.country
+        country: trust2.trust.registeredAddress.country
       }
     }
   };
@@ -21717,28 +21808,28 @@ const createOrganizationExemptSettlor = async ({
 };
 const deleteAssociatedTrustMember = async ({
   associatedTrustMember,
-  trust,
+  trust: trust2,
   handleUpdateLegalEntity
 }) => {
-  const ownEntityAssociations = getOwnEntityAssociations(trust);
+  const ownEntityAssociations = getOwnEntityAssociations(trust2);
   const updatedTrustAssociations = {
     entityAssociations: ownEntityAssociations.filter((entityAssociation) => entityAssociation.legalEntityId !== associatedTrustMember.legalEntityId)
   };
-  await handleUpdateLegalEntity(updatedTrustAssociations, trust.id);
+  await handleUpdateLegalEntity(updatedTrustAssociations, trust2.id);
 };
 const deleteUndefinedBeneficiary = async ({
   undefinedBeneficiary: undefinedBeneficiary2,
-  trust,
+  trust: trust2,
   handleUpdateLegalEntity
 }) => {
   var _a;
-  const existingUndefinedBeneficiaries = ((_a = trust.trust) == null ? void 0 : _a.undefinedBeneficiaryInfo) ?? [];
+  const existingUndefinedBeneficiaries = ((_a = trust2.trust) == null ? void 0 : _a.undefinedBeneficiaryInfo) ?? [];
   const updatedTrust = {
     trust: {
       undefinedBeneficiaryInfo: existingUndefinedBeneficiaries.filter((ub) => ub.reference !== undefinedBeneficiary2.reference)
     }
   };
-  await handleUpdateLegalEntity(updatedTrust, trust.id);
+  await handleUpdateLegalEntity(updatedTrust, trust2.id);
 };
 const exemptSettlorNamesTheSame = (existingSettlor, newSettlor) => JSON.stringify(existingSettlor.exemptSettlorName) === JSON.stringify(newSettlor.exemptSettlorName);
 const updateExemptSettlorName = async ({
@@ -21788,186 +21879,7 @@ function AccountSetupRejected() {
     content
   });
 }
-const DecisionMakers = "";
-const iconStatus = (current, min, max) => {
-  const isEmpty2 = current === 0;
-  const isWithinObligatoryRange = current === max || min > 0 && current >= min;
-  const isWithinConditionalRange = current >= min;
-  if (isEmpty2) {
-    return min > 0 ? "obligatoryEmpty" : "conditionalEmpty";
-  }
-  if (isWithinObligatoryRange) {
-    return "obligatoryFinished";
-  }
-  return isWithinConditionalRange ? "conditionalFinished" : "conditionalEmpty";
-};
-const entityStatusRoles = {
-  ...decisionMakerRoles,
-  ...trustMemberGuidanceRoles
-};
-const getEntityStatusTagColor = (entityLabel) => {
-  var _a;
-  return (_a = entityStatusRoles[entityLabel]) == null ? void 0 : _a.className;
-};
-const getEntityStatusName = (entityLabel) => {
-  var _a;
-  return (_a = entityStatusRoles[entityLabel]) == null ? void 0 : _a.name;
-};
-const getEntityStatusRuleDescription = (country2, currentTask, entityLabel) => currentTask === TaskTypes.TRUST_MEMBER_OVERVIEW ? TRUST_DEFAULT_DESCRIPTIONS_MAP[entityLabel] : getDecisionMakerDescriptionMap(country2)[entityLabel];
-const _cardGroup_component = "";
-function CardGroup({
-  className,
-  children
-}) {
-  return jsx("section", {
-    className: cx("adl-card-group", className),
-    children
-  });
-}
-const _entityAssociation_component = "";
-const Status$1 = "";
-const Status = ({
-  text,
-  className,
-  iconStatusClass,
-  icon
-}) => {
-  const containerClasses = cx("adl-status", className);
-  const iconClasses = cx("adl-status__icon", iconStatusClass);
-  return jsxs("div", {
-    className: containerClasses,
-    children: [jsx("span", {
-      className: iconClasses,
-      children: icon === "loading" ? jsx(Loader, {
-        size: "xsmall",
-        dot: true
-      }) : jsx(Icon, {
-        name: icon
-      })
-    }), jsx("span", {
-      className: "adl-status__text",
-      children: text
-    })]
-  });
-};
-const TaskItemStatus = ({
-  status,
-  downloadHandler
-}) => {
-  const {
-    i18n
-  } = useI18nContext();
-  const handleDownloadClick = (e) => {
-    e.stopPropagation();
-    downloadHandler == null ? void 0 : downloadHandler();
-  };
-  switch (status) {
-    case TaskStatus.DOWNLOAD:
-      return jsxs("span", {
-        className: "adl-status--download",
-        role: "button",
-        tabIndex: 0,
-        icon: "download",
-        onClick: handleDownloadClick,
-        children: [i18n.get("download"), " "]
-      });
-    case TaskStatus.FINISHED:
-      return jsx(Status, {
-        className: "adl-status--finished",
-        iconStatusClass: "adl-status__icon--finished",
-        icon: "check",
-        text: i18n.get("verified")
-      });
-    case TaskStatus.SIGNED:
-      return jsx(Status, {
-        className: "adl-status--finished",
-        iconStatusClass: "adl-status__icon--finished",
-        icon: "check",
-        text: i18n.get("signed")
-      });
-    case TaskStatus.ERROR:
-      return jsx(Status, {
-        className: "adl-status--error",
-        iconStatusClass: "adl-status__icon--error",
-        icon: "info-circle",
-        text: i18n.get("unsuccessful")
-      });
-    case TaskStatus.PROCESSING:
-      return jsx(Status, {
-        className: "",
-        iconStatusClass: "",
-        icon: "loading",
-        text: i18n.get("inReview")
-      });
-    case TaskStatus.SIGN:
-      return jsx("span", {
-        className: "adl-task-status-sign",
-        children: i18n.get("sign")
-      });
-    case TaskStatus.SUBMIT:
-      return jsx("span", {
-        className: "adl-task-status-submit",
-        children: i18n.get("submit")
-      });
-    case TaskStatus.REMOVING:
-      return jsx(Status, {
-        className: "",
-        iconStatusClass: "",
-        icon: "loading",
-        text: i18n.get("removing")
-      });
-    case "review":
-      return jsx("span", {
-        className: "adl-task-status-details-required",
-        children: i18n.get("verify")
-      });
-    case TaskStatus.DETAILS_REQUIRED:
-    case TaskStatus.EMPTY:
-    default:
-      return jsx("span", {
-        className: "adl-task-status-details-required",
-        children: i18n.get("add")
-      });
-  }
-};
-const VerificationErrorAlert = ({
-  className,
-  problems
-}) => {
-  const {
-    i18n
-  } = useI18nContext();
-  if ((problems == null ? void 0 : problems.verificationErrors) && Object.keys(problems.verificationErrors).length > 0) {
-    const childErrors = Object.values(problems.verificationErrors).reduce((acc, parentChildErrors) => {
-      acc = {
-        ...acc,
-        ...parentChildErrors
-      };
-      return acc;
-    }, {});
-    const childErrorCodes = Object.keys(childErrors);
-    if (childErrorCodes.length === 1) {
-      const remediationActions = Object.values(childErrors[childErrorCodes[0]]).flat();
-      if (remediationActions.length === 1) {
-        const childErrorMsg = i18n.get(`errorMessage_${childErrorCodes[0]}`);
-        const remediationActionMsg = i18n.get(`remediationMessage_${remediationActions[0].code}`);
-        return jsx(Alert, {
-          className,
-          hasCloseButton: false,
-          type: AlertTypes.ERROR,
-          title: `${childErrorMsg}. ${remediationActionMsg}`
-        });
-      }
-    }
-  }
-  return jsx(Alert, {
-    className,
-    hasCloseButton: false,
-    type: AlertTypes.ERROR,
-    title: i18n.get("verificationErrorMessage")
-  });
-};
-const _card_component = "";
+const _businessTypeSelection_component = "";
 const _heading_component = "";
 const headingTypes = {
   1: ({
@@ -22018,22 +21930,663 @@ function Heading({
     children
   });
 }
-function Card({
-  className,
-  children,
-  stateful,
-  active,
-  disabled,
-  title,
-  subTitle,
-  onClick,
-  onKeyDown
-}) {
-  const classNames = cx("adl-card", className, {
-    "adl-card--stateful": stateful,
-    "adl-card--active": stateful && active,
-    "adl-card--disabled": disabled
-  });
+const _toast = "";
+function Toast({
+  label,
+  subLabel,
+  actionLabel,
+  type,
+  duration = 3500,
+  onToastHide,
+  onToastAction
+}) {
+  const toastRef = useRef(null);
+  const loading2 = type === ToastType.LOADING;
+  const successToast = type === ToastType.SUCCESS;
+  const labelId = getUniqueId("toast");
+  const handleShow = useCallback(() => {
+    var _a;
+    return (_a = toastRef.current) == null ? void 0 : _a.classList.add("adl-toast--visible");
+  }, []);
+  const handleHide = useCallback(() => {
+    var _a;
+    (_a = toastRef.current) == null ? void 0 : _a.classList.remove("adl-toast--visible");
+    onToastHide();
+  }, [onToastHide]);
+  useEffect(() => {
+    handleShow();
+    if (duration !== "indefinite") {
+      setTimeout(() => handleHide(), duration);
+    }
+  }, [label, duration, handleHide, handleShow]);
+  return jsxs("div", {
+    ref: toastRef,
+    role: actionLabel ? "alertdialog" : "alert",
+    className: "adl-toast",
+    "aria-labelledby": labelId,
+    children: [loading2 && jsx("div", {
+      className: "adl-toast__loader",
+      children: jsx("div", {
+        className: "adl-loading-indicator adl-loading-indicator--small adl-loading-indicator--dark"
+      })
+    }), !loading2 && jsxs("div", {
+      className: cx("adl-toast__status", {
+        "adl-toast__status--success": successToast,
+        "adl-toast__status--error": !successToast
+      }),
+      children: [successToast && jsx(Icon, {
+        className: "adl-toast__status-icon",
+        name: "checkmark"
+      }), !successToast && jsx(Icon, {
+        className: "adl-toast__status-icon",
+        name: "cross"
+      })]
+    }), jsxs("div", {
+      className: "adl-toast__message",
+      children: [jsx("span", {
+        id: labelId,
+        className: "adl-toast__title",
+        children: label
+      }), actionLabel && jsx("button", {
+        className: "adl-link adl-toast__action",
+        title: "performAction",
+        type: "button",
+        onClick: onToastAction,
+        children: actionLabel
+      }), !loading2 && subLabel && jsx("span", {
+        className: "adl-toast__subtitle",
+        children: subLabel
+      })]
+    }), !loading2 && jsx("button", {
+      className: "adl-toast__close",
+      title: "close",
+      type: "button",
+      onClick: handleHide,
+      children: jsx(Icon, {
+        name: "cross"
+      })
+    })]
+  });
+}
+const businessTypes = [{
+  id: "individual",
+  accountHolder: "myName",
+  name: "individual",
+  description: "youAreNotSoleProprietorAndUseBankAccount"
+}, {
+  id: "soleProprietorship",
+  accountHolder: "mySoleProprietorName",
+  name: "soleProprietorship",
+  description: "youAreRegisteredSoleProprietorAndUseBankAccount"
+}, {
+  id: "company",
+  accountHolder: "theCompanyIWorkFor",
+  name: "company",
+  description: "youUseCompanyBankAccount"
+}, {
+  id: "legalArrangement",
+  name: "trustPartnershipOrAssociation",
+  description: "youAreIndividualOrCompanyAndUseBankAccountInNameOfTrustPartnershipOrAssociation"
+}];
+const legalArrangementItems = [{
+  id: "aTrust",
+  accountHolder: "aTrust",
+  name: "trust",
+  description: "youAreTrusteeManagingTheTrustForBeneficiaries"
+}, {
+  id: "aPartnership",
+  accountHolder: "aPartnership",
+  name: "partnership",
+  description: "jointlyOwnedBusinessWhereTwoOrMorePeopleOperateAndShareProfits"
+}, {
+  id: "anAssociation",
+  accountHolder: "anAssociation",
+  name: "association",
+  description: "groupOfPeopleActingTogetherForNonCommercialPurpose"
+}];
+const trusteeTypeItems = [{
+  id: "individual",
+  name: "individual"
+}, {
+  id: "company",
+  name: "company"
+}];
+const getFormSchema = (isLegalArrangement, isTrust) => {
+  const schema = ["businessType"];
+  if (isLegalArrangement) {
+    schema.push("legalArrangement");
+  }
+  if (isTrust) {
+    schema.push("trusteeType");
+  }
+  return schema;
+};
+const getBusinessTypes = (includeTrust, includeSoleProp) => businessTypes.filter((businessType) => {
+  if (businessType.id === "legalArrangement") {
+    return includeTrust;
+  }
+  if (businessType.id === "soleProprietorship") {
+    return includeSoleProp;
+  }
+  return true;
+});
+const businessTypeSelectionValidationRules = {
+  businessType: {
+    modes: ["blur"],
+    validate: (businessType) => !!businessType,
+    errorMessage: "fieldIsRequired"
+  },
+  legalArrangement: {
+    modes: ["blur"],
+    validate: (legalArrangement) => !!legalArrangement,
+    errorMessage: "fieldIsRequired"
+  },
+  trusteeType: {
+    modes: ["blur"],
+    validate: (trusteeType) => !!trusteeType,
+    errorMessage: "fieldIsRequired"
+  }
+};
+const businessTypeSelectionStepTitles = {
+  [
+    0
+    /* BUSINESS_TYPE_SELECTION */
+  ]: "whatBestDescribesYourBusinessSetup",
+  [
+    1
+    /* LEGAL_ARRANGEMENT_SELECTION */
+  ]: "whichLegalArrangementDoesYourBusinessHave",
+  [
+    2
+    /* WE_CANNOT_SET_UP_ACCOUNT */
+  ]: "sorryWeCantSetUpAnAccountForYou",
+  [
+    3
+    /* CONFIRM_BUSINESS_SETUP_CHANGE */
+  ]: "changeYourBusinessSetup"
+};
+const getTargetLegalEntityType = (businessType, legalArrangement, trusteeType, currentLegalEntityType) => {
+  const isIndividual = currentLegalEntityType === LegalEntityType.INDIVIDUAL;
+  const isOrganization = currentLegalEntityType === LegalEntityType.ORGANIZATION;
+  if (isIndividual && businessType === "legalArrangement" && legalArrangement === "aTrust" && trusteeType === "company" || businessType === "company") {
+    return LegalEntityType.ORGANIZATION;
+  }
+  if (isOrganization && businessType === "legalArrangement" && legalArrangement === "aTrust" && trusteeType === "individual" || businessType === "individual" || businessType === "soleProprietorship") {
+    return LegalEntityType.INDIVIDUAL;
+  }
+  return currentLegalEntityType;
+};
+const BusinessTypeSelection = ({
+  legalEntityResponse,
+  accountHolder: accountHolder2,
+  showTrustOption,
+  showSolePropOption,
+  onAccountHolderSelect,
+  handleUpdateLegalEntity
+}) => {
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i;
+  const {
+    i18n
+  } = useI18nContext();
+  const {
+    showToast
+  } = useToastContext();
+  const [loadingStatus, setLoadingStatus] = useState();
+  const [currentStep, setCurrentStep] = useState(
+    0
+    /* BUSINESS_TYPE_SELECTION */
+  );
+  const [formSchema, setFormSchema] = useState(["businessType"]);
+  const hasBackButton = [
+    1,
+    2
+    /* WE_CANNOT_SET_UP_ACCOUNT */
+  ].includes(currentStep);
+  const businessTypeItems = getBusinessTypes(showTrustOption, showSolePropOption);
+  const getDefaultBusinessType = () => {
+    if (accountHolder2) {
+      if (["aTrust", "aPartnership", "anAssociation"].includes(accountHolder2)) {
+        return businessTypeItems.find((businessTypeItem) => businessTypeItem.id === "legalArrangement");
+      }
+      return businessTypeItems.find((businessTypeItem) => businessTypeItem.accountHolder === accountHolder2);
+    }
+    switch (legalEntityResponse.type) {
+      case LegalEntityType.ORGANIZATION:
+        return businessTypeItems.find((businessTypeItem) => businessTypeItem.id === "company");
+      case LegalEntityType.INDIVIDUAL:
+        return businessTypeItems.find((businessTypeItem) => businessTypeItem.id === "individual");
+    }
+  };
+  const getDefaultLegalArrangementType = () => accountHolder2 && legalArrangementItems.find((item) => item.accountHolder === accountHolder2);
+  const defaultTrusteeType = legalEntityResponse.type === LegalEntityType.INDIVIDUAL ? trusteeTypeItems[0] : trusteeTypeItems[1];
+  const {
+    handleChangeFor,
+    triggerValidation,
+    data,
+    valid,
+    errors,
+    isValid
+  } = useForm({
+    schema: formSchema,
+    defaultData: {
+      businessType: getDefaultBusinessType(),
+      legalArrangement: getDefaultLegalArrangementType(),
+      trusteeType: defaultTrusteeType
+    },
+    rules: businessTypeSelectionValidationRules
+  });
+  const newAccountHolder = ((_a = data.businessType) == null ? void 0 : _a.accountHolder) || ((_b = data.legalArrangement) == null ? void 0 : _b.accountHolder);
+  const targetLegalEntityType = getTargetLegalEntityType((_c = data.businessType) == null ? void 0 : _c.id, (_d = data.legalArrangement) == null ? void 0 : _d.id, (_e = data.trusteeType) == null ? void 0 : _e.id, legalEntityResponse == null ? void 0 : legalEntityResponse.type);
+  useEffect(() => {
+    var _a2, _b2;
+    setFormSchema(getFormSchema(((_a2 = data.businessType) == null ? void 0 : _a2.id) === "legalArrangement" && !!data.legalArrangement || currentStep === 1, ((_b2 = data.legalArrangement) == null ? void 0 : _b2.id) === "aTrust"));
+  }, [data.businessType, data.legalArrangement, currentStep]);
+  const handleNextClick = async () => {
+    var _a2, _b2, _c2;
+    if (loadingStatus === "loading")
+      return;
+    triggerValidation();
+    if (isValid) {
+      if (((_a2 = data.businessType) == null ? void 0 : _a2.id) === "legalArrangement") {
+        if (currentStep !== 1) {
+          setCurrentStep(
+            1
+            /* LEGAL_ARRANGEMENT_SELECTION */
+          );
+          return;
+        }
+        if (((_b2 = data.legalArrangement) == null ? void 0 : _b2.id) === "aPartnership" || ((_c2 = data.legalArrangement) == null ? void 0 : _c2.id) === "anAssociation") {
+          setCurrentStep(
+            2
+            /* WE_CANNOT_SET_UP_ACCOUNT */
+          );
+          return;
+        }
+      }
+    }
+    if (newAccountHolder !== accountHolder2 || targetLegalEntityType !== legalEntityResponse.type) {
+      if (accountHolder2) {
+        setCurrentStep(
+          3
+          /* CONFIRM_BUSINESS_SETUP_CHANGE */
+        );
+      } else {
+        await updateLegalEntityAndSelectAccountHolder();
+      }
+    } else {
+      onAccountHolderSelect(newAccountHolder);
+    }
+  };
+  const updateLegalEntityAndSelectAccountHolder = async () => {
+    try {
+      if (legalEntityResponse.type !== targetLegalEntityType) {
+        setLoadingStatus("loading");
+        await (handleUpdateLegalEntity == null ? void 0 : handleUpdateLegalEntity({
+          type: targetLegalEntityType,
+          entityAssociations: []
+        }, legalEntityResponse == null ? void 0 : legalEntityResponse.id));
+      }
+    } catch (e) {
+      showToast({
+        label: i18n.get("failedToUpdateDetails"),
+        type: ToastType.ERROR
+      });
+    } finally {
+      setLoadingStatus("success");
+      onAccountHolderSelect(newAccountHolder);
+    }
+  };
+  const handleBackClick = () => {
+    if (currentStep === 2) {
+      setCurrentStep(
+        1
+        /* LEGAL_ARRANGEMENT_SELECTION */
+      );
+    }
+    if (currentStep === 1) {
+      setCurrentStep(
+        0
+        /* BUSINESS_TYPE_SELECTION */
+      );
+    }
+  };
+  const isWeCannotSetUpAccountStep = currentStep === 2;
+  return jsx(LoaderWrapper, {
+    status: loadingStatus,
+    formOpacityWhenLoading: 0.3,
+    showSpinner: false,
+    children: jsxs("div", {
+      className: "adyen-kyc-business-type-selection",
+      children: [jsx("header", {
+        children: jsx(Heading, {
+          level: 1,
+          children: i18n.get(businessTypeSelectionStepTitles[currentStep])
+        })
+      }), currentStep === 0 && jsx(Field, {
+        name: "businessType",
+        useLabelElement: false,
+        errorMessage: i18n.get((_f = errors.businessType) == null ? void 0 : _f.errorMessage),
+        showErrorIconBottom: true,
+        isValid: valid.businessType,
+        children: (childProps) => jsx(RadioGroupCard, {
+          ...childProps,
+          name: "businessType",
+          items: businessTypeItems,
+          selected: businessTypeItems.find((type) => {
+            var _a2;
+            return type.id === ((_a2 = data.businessType) == null ? void 0 : _a2.id);
+          }),
+          onSelect: (item) => handleChangeFor("businessType")(item)
+        })
+      }), currentStep === 1 && jsxs(Fragment, {
+        children: [jsx(Field, {
+          name: "legalArrangement",
+          useLabelElement: false,
+          errorMessage: i18n.get((_g = errors.legalArrangement) == null ? void 0 : _g.errorMessage),
+          showErrorIconBottom: true,
+          isValid: valid.legalArrangement,
+          children: (childProps) => jsx(RadioGroupCard, {
+            ...childProps,
+            name: "legalArrangement",
+            items: legalArrangementItems,
+            selected: legalArrangementItems.find((legalArrangementItem) => {
+              var _a2;
+              return legalArrangementItem.id === ((_a2 = data.legalArrangement) == null ? void 0 : _a2.id);
+            }),
+            onSelect: (item) => handleChangeFor("legalArrangement")(item)
+          })
+        }), ((_h = data.legalArrangement) == null ? void 0 : _h.id) === "aTrust" && jsx(Field, {
+          name: "trusteeType",
+          label: i18n.get("whatTypeOfTrusteeAreYou"),
+          className: "adl-u-margin-top-32",
+          useLabelElement: false,
+          errorMessage: i18n.get((_i = errors.trusteeType) == null ? void 0 : _i.errorMessage),
+          showErrorIconBottom: true,
+          isValid: valid.trusteeType,
+          children: (childProps) => jsx(RadioGroupCard, {
+            className: "adyen-kyc-trustee-type-radio-group-card",
+            itemLabelClassName: () => "adl-u-width-full",
+            ...childProps,
+            name: "trusteeType",
+            items: trusteeTypeItems,
+            selected: trusteeTypeItems.find((type) => {
+              var _a2;
+              return type.id === ((_a2 = data.trusteeType) == null ? void 0 : _a2.id);
+            }),
+            onSelect: (item) => handleChangeFor("trusteeType")(item)
+          })
+        })]
+      }), isWeCannotSetUpAccountStep && jsxs(Fragment, {
+        children: [jsx("p", {
+          children: i18n.get("ourFinancialServicesAreNotAvailableYetForPartnershipsAndAssociations")
+        }), jsx("p", {
+          className: "u-margin-top-32",
+          children: i18n.get("needHelpYouCanAlwaysReachOutToCustomerSupport")
+        })]
+      }), currentStep === 3 ? jsxs(Fragment, {
+        children: [jsx("p", {
+          children: i18n.get("someInformationWillNotBeSaved")
+        }), jsxs("div", {
+          className: "adyen-kyc-business-type-selection__confirm",
+          children: [jsx(Button, {
+            label: i18n.get("cancel"),
+            secondary: true,
+            onClick: () => setCurrentStep(
+              0
+              /* BUSINESS_TYPE_SELECTION */
+            ),
+            type: "button"
+          }), jsx(Button, {
+            label: i18n.get("yesChange"),
+            onClick: () => updateLegalEntityAndSelectAccountHolder(),
+            type: "button"
+          })]
+        })]
+      }) : jsxs("div", {
+        className: "adyen-kyc-business-type-selection__nav",
+        children: [!isWeCannotSetUpAccountStep && jsx(Button, {
+          label: i18n.get("next"),
+          block: true,
+          disabled: currentStep === 1 && !data.legalArrangement,
+          onClick: handleNextClick,
+          type: "button"
+        }), hasBackButton && jsx(Button, {
+          label: i18n.get("back"),
+          showAsLink: !isWeCannotSetUpAccountStep,
+          block: isWeCannotSetUpAccountStep,
+          onClick: handleBackClick,
+          type: "button",
+          className: "adl-u-margin-top-16"
+        })]
+      })]
+    })
+  });
+};
+const DecisionMakers = "";
+function useDataMissingRemediations({
+  legalEntityId,
+  problems
+}) {
+  const {
+    i18n
+  } = useI18nContext();
+  const decisionMakersRemediationMessage = useMemo(() => {
+    var _a, _b;
+    const remediationCodes = (_b = (_a = problems[EntityType.LEGAL_ENTITY]) == null ? void 0 : _a[legalEntityId]) == null ? void 0 : _b.missingData.reduce((remediations, error) => {
+      const remediation = DATA_MISSING_DECISION_MAKER_ERROR_CODE_MAPPING[error.code];
+      return remediation ? [...remediations, remediation] : remediations;
+    }, []);
+    switch (remediationCodes == null ? void 0 : remediationCodes.length) {
+      case void 0:
+      case 0:
+        return void 0;
+      case 1:
+        return remediationCodes[0] ? i18n.get(`remediationMessage_${remediationCodes[0]}`) : i18n.get("missingMultipleDecisionMakers");
+      default:
+        return i18n.get("missingMultipleDecisionMakers");
+    }
+  }, [problems, i18n, legalEntityId]);
+  return {
+    remediationMessages: {
+      [TaskTypes.DECISION_MAKER]: decisionMakersRemediationMessage
+    }
+  };
+}
+const iconStatus = (current, min, max) => {
+  const isEmpty2 = current === 0;
+  const isWithinObligatoryRange = current === max || min > 0 && current >= min;
+  const isWithinConditionalRange = current >= min;
+  if (isEmpty2) {
+    return min > 0 ? "obligatoryEmpty" : "conditionalEmpty";
+  }
+  if (isWithinObligatoryRange) {
+    return "obligatoryFinished";
+  }
+  return isWithinConditionalRange ? "conditionalFinished" : "conditionalEmpty";
+};
+const entityStatusRoles = {
+  ...decisionMakerRoles,
+  ...trustMemberGuidanceRoles
+};
+const getEntityStatusTagColor = (entityLabel) => {
+  var _a;
+  return (_a = entityStatusRoles[entityLabel]) == null ? void 0 : _a.className;
+};
+const getEntityStatusName = (entityLabel) => {
+  var _a;
+  return (_a = entityStatusRoles[entityLabel]) == null ? void 0 : _a.name;
+};
+const getEntityStatusRuleDescription = (country2, currentTask, entityLabel) => currentTask === TaskTypes.TRUST_MEMBER_OVERVIEW ? TRUST_DEFAULT_DESCRIPTIONS_MAP[entityLabel] : getDecisionMakerDescriptionMap(country2)[entityLabel];
+const _cardGroup_component = "";
+function CardGroup({
+  className,
+  children
+}) {
+  return jsx("section", {
+    className: cx("adl-card-group", className),
+    children
+  });
+}
+const _entityAssociation_component = "";
+const Status$1 = "";
+const Status = ({
+  text,
+  className,
+  iconStatusClass,
+  icon
+}) => {
+  const containerClasses = cx("adl-status", className);
+  const iconClasses = cx("adl-status__icon", iconStatusClass);
+  return jsxs("div", {
+    className: containerClasses,
+    children: [jsx("span", {
+      className: iconClasses,
+      children: icon === "loading" ? jsx(Loader, {
+        size: "xsmall",
+        dot: true
+      }) : jsx(Icon, {
+        name: icon
+      })
+    }), jsx("span", {
+      className: "adl-status__text",
+      children: text
+    })]
+  });
+};
+const TaskItemStatus = ({
+  status,
+  downloadHandler
+}) => {
+  const {
+    i18n
+  } = useI18nContext();
+  const handleDownloadClick = (e) => {
+    e.stopPropagation();
+    downloadHandler == null ? void 0 : downloadHandler();
+  };
+  switch (status) {
+    case TaskStatus.DOWNLOAD:
+      return jsxs("span", {
+        className: "adl-status--download",
+        role: "button",
+        tabIndex: 0,
+        icon: "download",
+        onClick: handleDownloadClick,
+        children: [i18n.get("download"), " "]
+      });
+    case TaskStatus.FINISHED:
+      return jsx(Status, {
+        className: "adl-status--finished",
+        iconStatusClass: "adl-status__icon--finished",
+        icon: "check",
+        text: i18n.get("verified")
+      });
+    case TaskStatus.SIGNED:
+      return jsx(Status, {
+        className: "adl-status--finished",
+        iconStatusClass: "adl-status__icon--finished",
+        icon: "check",
+        text: i18n.get("signed")
+      });
+    case TaskStatus.ERROR:
+      return jsx(Status, {
+        className: "adl-status--error",
+        iconStatusClass: "adl-status__icon--error",
+        icon: "info-circle",
+        text: i18n.get("unsuccessful")
+      });
+    case TaskStatus.PROCESSING:
+      return jsx(Status, {
+        className: "",
+        iconStatusClass: "",
+        icon: "loading",
+        text: i18n.get("inReview")
+      });
+    case TaskStatus.SIGN:
+      return jsx("span", {
+        className: "adl-task-status-sign",
+        children: i18n.get("sign")
+      });
+    case TaskStatus.SUBMIT:
+      return jsx("span", {
+        className: "adl-task-status-submit",
+        children: i18n.get("submit")
+      });
+    case TaskStatus.REMOVING:
+      return jsx(Status, {
+        className: "",
+        iconStatusClass: "",
+        icon: "loading",
+        text: i18n.get("removing")
+      });
+    case "review":
+      return jsx("span", {
+        className: "adl-task-status-details-required",
+        children: i18n.get("verify")
+      });
+    case TaskStatus.DETAILS_REQUIRED:
+    case TaskStatus.EMPTY:
+    default:
+      return jsx("span", {
+        className: "adl-task-status-details-required",
+        children: i18n.get("add")
+      });
+  }
+};
+const VerificationErrorAlert = ({
+  className,
+  problems
+}) => {
+  const {
+    i18n
+  } = useI18nContext();
+  if ((problems == null ? void 0 : problems.verificationErrors) && Object.keys(problems.verificationErrors).length > 0) {
+    const childErrors = Object.values(problems.verificationErrors).reduce((acc, parentChildErrors) => {
+      acc = {
+        ...acc,
+        ...parentChildErrors
+      };
+      return acc;
+    }, {});
+    const childErrorCodes = Object.keys(childErrors);
+    if (childErrorCodes.length === 1) {
+      const remediationActions = Object.values(childErrors[childErrorCodes[0]]).flat();
+      if (remediationActions.length === 1) {
+        const childErrorMsg = i18n.get(`errorMessage_${childErrorCodes[0]}`);
+        const remediationActionMsg = i18n.get(`remediationMessage_${remediationActions[0].code}`);
+        return jsx(Alert, {
+          className,
+          hasCloseButton: false,
+          type: AlertTypes.ERROR,
+          title: `${childErrorMsg}. ${remediationActionMsg}`
+        });
+      }
+    }
+  }
+  return jsx(Alert, {
+    className,
+    hasCloseButton: false,
+    type: AlertTypes.ERROR,
+    title: i18n.get("verificationErrorMessage")
+  });
+};
+const _card_component = "";
+function Card({
+  className,
+  children,
+  stateful,
+  active,
+  disabled,
+  title,
+  subTitle,
+  onClick,
+  onKeyDown
+}) {
+  const classNames = cx("adl-card", className, {
+    "adl-card--stateful": stateful,
+    "adl-card--active": stateful && active,
+    "adl-card--disabled": disabled
+  });
   const tabIndex = stateful ? 0 : void 0;
   const role2 = stateful ? "button" : void 0;
   const onClickHandler = (e) => {
@@ -22386,6 +22939,12 @@ const DecisionMakersComponent = ({
   const decisionMakers2 = getOwnDecisionMakers(legalEntityResponse);
   const registeredCountry = (_b = (_a = legalEntityResponse == null ? void 0 : legalEntityResponse.organization) == null ? void 0 : _a.registeredAddress) == null ? void 0 : _b.country;
   const availableDecisionMakers = getAvailableDecisionMakerRoleTypes(registeredCountry);
+  const {
+    remediationMessages
+  } = useDataMissingRemediations({
+    legalEntityId: legalEntityResponse.id,
+    problems: capabilityProblems
+  });
   const mappedDecisionMakers = decisionMakers2 == null ? void 0 : decisionMakers2.reduce((mappedDecisionMakers2, decisionMaker2) => {
     var _a2;
     const mappedDecisionMaker = mappedDecisionMakers2[decisionMaker2.legalEntityId];
@@ -22504,7 +23063,12 @@ const DecisionMakersComponent = ({
           isRemoveDisabled,
           handleIsRemoveDisabled: setIsRemoveDisabled
         }, decisionMaker2.reference))
-      }) : null, jsx(Button, {
+      }) : null, remediationMessages.DECISION_MAKER && jsx(Alert, {
+        className: "adl-decision-makers__warning",
+        title: remediationMessages.DECISION_MAKER,
+        hasCloseButton: false,
+        type: AlertTypes.WARNING
+      }), jsx(Button, {
         secondary: true,
         className: cx("adl-decision-makers__add", {
           "adl-decision-makers__add--more": (uniqueDecisionMakers == null ? void 0 : uniqueDecisionMakers.length) > 0
@@ -22830,6 +23394,45 @@ const TaskIntros = ({
   }) : null;
 };
 const TaskList = "";
+const businessTypeMapping = {
+  myName: {
+    [LegalEntityType.INDIVIDUAL]: "individual"
+    /* INDIVIDUAL */
+  },
+  theCompanyIWorkFor: {
+    [LegalEntityType.ORGANIZATION]: "company"
+    /* COMPANY */
+  },
+  mySoleProprietorName: {
+    [LegalEntityType.INDIVIDUAL]: "soleProprietorship"
+    /* SOLE_PROPRIETORSHIP */
+  },
+  aTrust: {
+    [LegalEntityType.INDIVIDUAL]: "individualTrustee",
+    [LegalEntityType.ORGANIZATION]: "companyTrustee"
+    /* COMPANY_TRUSTEE */
+  }
+};
+const useBusinessSetup = (legalEntityResponse) => {
+  var _a;
+  const {
+    accountHolder: accountHolder2
+  } = useCoreContext();
+  const accountHolderType = accountHolder2 || getDefaultAccountHolderType(legalEntityResponse);
+  const businessSetup = (_a = businessTypeMapping[accountHolderType]) == null ? void 0 : _a[legalEntityResponse == null ? void 0 : legalEntityResponse.type];
+  return {
+    businessSetup
+  };
+};
+const useEnableNewEntryFlow = () => {
+  const {
+    isSettingEnabled
+  } = useSettingsContext();
+  const {
+    isExperimentEnabled
+  } = useExperimentsContext();
+  return isSettingEnabled(SettingNames.AllowLegalEntityTypeChange) && isExperimentEnabled("EnableNewEntryFlow");
+};
 const hasPayoutAccount = (legalEntityResponse) => {
   var _a;
   return Boolean((_a = legalEntityResponse.transferInstruments) == null ? void 0 : _a.length);
@@ -22847,6 +23450,7 @@ const TaskListItem = ({
   info,
   loading: loading2 = false,
   showErrorAlerts = "onErrorStatus",
+  showWarningAlert = false,
   removeEntity,
   isRemoveDisabled = false,
   handleIsRemoveDisabled
@@ -22857,7 +23461,9 @@ const TaskListItem = ({
     stateful: onNavigateToTask && !loading2 && !disabled,
     onClick: loading2 ? void 0 : onNavigateToTask,
     onKeyDown: handleKeys(["Enter"], onNavigateToTask ?? noop),
-    className: "adyen-task",
+    className: cx("adyen-task", {
+      "adyen-task--warning": showWarningAlert
+    }),
     disabled,
     children: jsxs(LoaderWrapper, {
       status: loading2 ? "loading" : "success",
@@ -22928,6 +23534,9 @@ const PayoutAccountTaskListItem = ({
   const {
     i18n
   } = useI18nContext();
+  const {
+    isExperimentEnabled
+  } = useExperimentsContext();
   const [isDeletingTransferInstrument, setIsDeletingTransferInstrument] = useState(false);
   const isInstantVerificationAccount = isInstantVerifiedAccount(account);
   const [isRemoveDisabled, setIsRemoveDisabled] = useState(false);
@@ -22938,7 +23547,7 @@ const PayoutAccountTaskListItem = ({
     onNavigateToTask: isInstantVerificationAccount ? void 0 : onNavigateToTask,
     icon: "payout",
     title: maskedAccountNumber,
-    tagline: i18n.get("payoutDetails"),
+    tagline: isExperimentEnabled("EnableNewEntryFlow") ? void 0 : i18n.get("payoutDetails"),
     status,
     problems: (_a = capabilityProblems == null ? void 0 : capabilityProblems.BankAccount) == null ? void 0 : _a[account.id],
     loading: isDeletingTransferInstrument,
@@ -22991,12 +23600,22 @@ function TaskListComponent({
   const {
     i18n
   } = useI18nContext();
+  const isEnableNewEntryFlowEnabled = useEnableNewEntryFlow();
   const {
     isExperimentEnabled
   } = useExperimentsContext();
   const {
     canSeeIntro
   } = useCanSeeIntro(legalEntityResponse);
+  const {
+    remediationMessages
+  } = useDataMissingRemediations({
+    legalEntityId: legalEntityResponse.id,
+    problems: capabilityProblems
+  });
+  const {
+    businessSetup
+  } = useBusinessSetup(legalEntityResponse);
   const hasTaskOfGroupAccountDetails = tasks.some((task) => LEGAL_ENTITY_BASE_TASKS.includes(task));
   const hasTrust = isExperimentEnabled("EnableTrustFlow") && (accountHolder2 === "aTrust" || isPartOfTrustFromLegalEntity(legalEntityResponse));
   const hasContractTasks = tasks.some((task) => CONTRACT_TASKS.includes(task));
@@ -23036,9 +23655,33 @@ function TaskListComponent({
         showAsLink: true,
         type: "button"
       })
+    }), isEnableNewEntryFlowEnabled && jsxs("header", {
+      className: "adyen-task-list__heading",
+      children: [jsx(Heading, {
+        level: 1,
+        children: i18n.get("setUpYourAccount")
+      }), jsxs(Heading, {
+        level: "sub",
+        children: [jsx("span", {
+          className: "adl-u-font-weight-semi-bold",
+          children: i18n.get("yourBusinessSetup", {
+            values: {
+              businessSetup: i18n.get(businessSetup)
+            }
+          })
+        }), jsx(Button, {
+          title: i18n.get("edit"),
+          icon: "edit",
+          ghost: true,
+          circle: true,
+          onClick: () => onNavigateToTask(TaskTypes.BUSINESS_TYPE_SELECTION),
+          className: "adl-u-margin-left-4",
+          type: "button"
+        })]
+      })]
     }), jsxs("div", {
       children: [hasTaskOfGroupAccountDetails && jsxs(TaskListGroup, {
-        title: isCompany ? i18n.get(companyTaskDescriptionKey) : i18n.get("accountDetailsDescription"),
+        title: isCompany ? i18n.get(companyTaskDescriptionKey) : i18n.get(isEnableNewEntryFlowEnabled ? "provideFewDetailsAboutYourself" : "accountDetailsDescription"),
         children: [tasks.includes(TaskTypes.INDIVIDUAL) && jsx(TaskListItem, {
           onNavigateToTask: handleOnNavigateToTaskIndividual,
           icon: "decision-maker",
@@ -23048,7 +23691,7 @@ function TaskListComponent({
         }), hasSoleProprietorship && jsx(TaskListItem, {
           onNavigateToTask: handleOnNavigateToSoleProp,
           icon: "company",
-          title: i18n.get("soleProprietorDetails"),
+          title: i18n.get(isEnableNewEntryFlowEnabled ? "soleProprietorshipDetails" : "soleProprietorDetails"),
           status: getTaskStatus(EntityType.LEGAL_ENTITY, capabilityProblems, legalEntityResponse, getOwnSoleProprietorshipIdArray(legalEntityResponse)),
           problems: getOwnSolePropProblems(legalEntityResponse, capabilityProblems)
         }), tasks.includes(TaskTypes.COMPANY) && jsx(TaskListItem, {
@@ -23057,11 +23700,19 @@ function TaskListComponent({
           title: hasTrust ? i18n.get("companyTrusteeDetails") : i18n.get("companyDetails"),
           status: getTaskStatus(EntityType.LEGAL_ENTITY, capabilityProblems, legalEntityResponse, [legalEntityResponse.id]),
           problems: (_f = capabilityProblems == null ? void 0 : capabilityProblems.LegalEntity) == null ? void 0 : _f[legalEntityResponse.id]
-        }), tasks.includes(TaskTypes.DECISION_MAKER) && jsx(TaskListItem, {
-          onNavigateToTask: handleOnNavigateToTaskDecisionMaker,
-          icon: "decision-maker",
-          title: i18n.get("decisionMakers"),
-          status: hasMinRequiredDecisionMakerCount(legalEntityResponse) ? getTaskStatus(EntityType.LEGAL_ENTITY, capabilityProblems, legalEntityResponse, getOwnDecisionMakersLegalEntityIds(legalEntityResponse)) : TaskStatus.DETAILS_REQUIRED
+        }), tasks.includes(TaskTypes.DECISION_MAKER) && jsxs(Fragment, {
+          children: [jsx(TaskListItem, {
+            onNavigateToTask: handleOnNavigateToTaskDecisionMaker,
+            icon: "decision-maker",
+            title: i18n.get("decisionMakers"),
+            status: hasMinRequiredDecisionMakerCount(legalEntityResponse) ? getTaskStatus(EntityType.LEGAL_ENTITY, capabilityProblems, legalEntityResponse, getOwnDecisionMakersLegalEntityIds(legalEntityResponse)) : TaskStatus.DETAILS_REQUIRED,
+            showWarningAlert: Boolean(remediationMessages.DECISION_MAKER)
+          }), remediationMessages.DECISION_MAKER && jsx(Alert, {
+            className: "adyen-task-list__warning",
+            title: remediationMessages.DECISION_MAKER,
+            hasCloseButton: false,
+            type: AlertTypes.WARNING
+          })]
         })]
       }), hasTrust && jsxs(TaskListGroup, {
         title: i18n.get("trustDetailsDescription"),
@@ -23078,7 +23729,7 @@ function TaskListComponent({
           status: hasMinRequiredTrustMemberCount(legalEntityResponse) ? getTaskStatus(EntityType.LEGAL_ENTITY, capabilityProblems, legalEntityResponse, getOwnTrustMembersLegalEntityIds(legalEntityResponse)) : TaskStatus.DETAILS_REQUIRED
         })]
       }), (tasks.includes(TaskTypes.PAYOUT) || tasks.includes(TaskTypes.PAYIN)) && jsx(TaskListGroup, {
-        title: i18n.get(hasPayinTaskNotPayout ? "payinAccountsDescription" : payoutTaskDescriptionKey),
+        title: isEnableNewEntryFlowEnabled ? i18n.get("letUsKnowTheBankAccountToSendReceiveFunds") : i18n.get(hasPayinTaskNotPayout ? "payinAccountsDescription" : payoutTaskDescriptionKey),
         children: transferInstruments.length > 0 ? jsxs(Fragment, {
           children: [transferInstruments.map((transferInstrument) => jsx(PayoutAccountTaskListItem, {
             account: transferInstrument,
@@ -23095,13 +23746,13 @@ function TaskListComponent({
               name: "plus",
               className: "adl-u-padding-top-2 adl-u-margin-right-8"
             }), jsx("span", {
-              children: i18n.get(hasPayinTaskNotPayout ? "addExtraPayinAccount" : "addExtraPayoutAccount")
+              children: isEnableNewEntryFlowEnabled ? i18n.get("addExtraBankAccount") : i18n.get(hasPayinTaskNotPayout ? "addExtraPayinAccount" : "addExtraPayoutAccount")
             })]
           })]
         }) : jsx(TaskListItem, {
           onNavigateToTask: () => handleOnNavigateToTaskPayout(),
           icon: "payout",
-          title: i18n.get(hasPayinTaskNotPayout ? "payinDetails" : "payoutDetails"),
+          title: isEnableNewEntryFlowEnabled ? i18n.get("bankAccountDetails") : i18n.get(hasPayinTaskNotPayout ? "payinDetails" : "payoutDetails"),
           status: hasPayoutAccount(legalEntityResponse) ? getTaskStatus(EntityType.BANK_ACCOUNT, capabilityProblems, legalEntityResponse, [(_h = (_g = legalEntityResponse == null ? void 0 : legalEntityResponse.transferInstruments) == null ? void 0 : _g[0]) == null ? void 0 : _h.id]) : TaskStatus.DETAILS_REQUIRED,
           disabled: !canAddPayoutAccount,
           problems: (_k = capabilityProblems == null ? void 0 : capabilityProblems.BankAccount) == null ? void 0 : _k[(_j = (_i = legalEntityResponse == null ? void 0 : legalEntityResponse.transferInstruments) == null ? void 0 : _i[0]) == null ? void 0 : _j.id]
@@ -23446,84 +24097,6 @@ const omitMaskedFieldsIfUnchanged = (maskedFields, dataSubmitted, savedData) =>
   });
   return filtered;
 };
-const _toast = "";
-function Toast({
-  label,
-  subLabel,
-  actionLabel,
-  type,
-  duration = 3500,
-  onToastHide,
-  onToastAction
-}) {
-  const toastRef = useRef(null);
-  const loading2 = type === ToastType.LOADING;
-  const successToast = type === ToastType.SUCCESS;
-  const labelId = getUniqueId("toast");
-  const handleShow = useCallback(() => {
-    var _a;
-    return (_a = toastRef.current) == null ? void 0 : _a.classList.add("adl-toast--visible");
-  }, []);
-  const handleHide = useCallback(() => {
-    var _a;
-    (_a = toastRef.current) == null ? void 0 : _a.classList.remove("adl-toast--visible");
-    onToastHide();
-  }, [onToastHide]);
-  useEffect(() => {
-    handleShow();
-    if (duration !== "indefinite") {
-      setTimeout(() => handleHide(), duration);
-    }
-  }, [label, duration, handleHide, handleShow]);
-  return jsxs("div", {
-    ref: toastRef,
-    role: actionLabel ? "alertdialog" : "alert",
-    className: "adl-toast",
-    "aria-labelledby": labelId,
-    children: [loading2 && jsx("div", {
-      className: "adl-toast__loader",
-      children: jsx("div", {
-        className: "adl-loading-indicator adl-loading-indicator--small adl-loading-indicator--dark"
-      })
-    }), !loading2 && jsxs("div", {
-      className: cx("adl-toast__status", {
-        "adl-toast__status--success": successToast,
-        "adl-toast__status--error": !successToast
-      }),
-      children: [successToast && jsx(Icon, {
-        className: "adl-toast__status-icon",
-        name: "checkmark"
-      }), !successToast && jsx(Icon, {
-        className: "adl-toast__status-icon",
-        name: "cross"
-      })]
-    }), jsxs("div", {
-      className: "adl-toast__message",
-      children: [jsx("span", {
-        id: labelId,
-        className: "adl-toast__title",
-        children: label
-      }), actionLabel && jsx("button", {
-        className: "adl-link adl-toast__action",
-        title: "performAction",
-        type: "button",
-        onClick: onToastAction,
-        children: actionLabel
-      }), !loading2 && subLabel && jsx("span", {
-        className: "adl-toast__subtitle",
-        children: subLabel
-      })]
-    }), !loading2 && jsx("button", {
-      className: "adl-toast__close",
-      title: "close",
-      type: "button",
-      onClick: handleHide,
-      children: jsx(Icon, {
-        name: "cross"
-      })
-    })]
-  });
-}
 const parseConfiguration$1 = ({
   country: country2,
   matchingScenario
@@ -23536,7 +24109,7 @@ function IndividualDropinComponent({
   handleFindAddress,
   handleGetIdVerificationToken,
   handleGetIdVerificationStartCheck,
-  taskType,
+  taskType = TaskTypes.INDIVIDUAL,
   trackingConfig,
   parentLegalEntity,
   legalEntityResponse,
@@ -23637,7 +24210,7 @@ function IndividualDropinComponent({
     if (parentLegalEntity == null ? void 0 : parentLegalEntity.entityAssociations) {
       const associations = (_b = parentLegalEntity == null ? void 0 : parentLegalEntity.entityAssociations) == null ? void 0 : _b.filter((ea) => ea.legalEntityId === (legalEntityResponse == null ? void 0 : legalEntityResponse.id));
       if (associations && associations.length > 0) {
-        const jobTitle2 = (_c = associations.find((association) => Boolean(association.jobTitle))) == null ? void 0 : _c.jobTitle;
+        const jobTitle2 = (_c = associations.find((association2) => Boolean(association2.jobTitle))) == null ? void 0 : _c.jobTitle;
         dataFromResponse = {
           ...dataFromResponse,
           personalDetails: {
@@ -24129,6 +24702,9 @@ function PayoutDetailsDropinComponent({
     i18n,
     setLocale
   } = useI18nContext();
+  const {
+    isExperimentEnabled
+  } = useExperimentsContext();
   const {
     showToast,
     clearToasts
@@ -24224,7 +24800,7 @@ function PayoutDetailsDropinComponent({
       country: (_b2 = prefilledData == null ? void 0 : prefilledData.payoutVerificationMethod) == null ? void 0 : _b2.bankCountry,
       bankVerificationVendors,
       verificationVendorsCallback: handleGetBankVerificationVendors
-    }), isSettingEnabled(SettingNames.AllowIntraRegionCrossBorderPayout));
+    }), isSettingEnabled(SettingNames.AllowIntraRegionCrossBorderPayout), isExperimentEnabled("EnableNewEntryFlow"));
   }, [bankVerificationVendors]);
   const derivedProps = useMemo(() => getPropsFromConfigurations(fieldConfigurations, payoutDetailsSteps, (problems == null ? void 0 : problems.remediationActions) ? Object.values(problems == null ? void 0 : problems.remediationActions) : [], (problems == null ? void 0 : problems.missingData) ?? [], [], fieldsFromCustomRules, fieldsFormCustomLabels), [fieldConfigurations, fieldsFromCustomRules, problems == null ? void 0 : problems.remediationActions]);
   const {
@@ -24428,7 +25004,7 @@ function PayoutDetailsDropinComponent({
     onSkipSubmit: navigateBackToTaskList
   });
   return jsx(FormWrapper, {
-    taskName: taskName ?? "payoutDetails",
+    taskName: taskName ?? isExperimentEnabled("EnableNewEntryFlow") ? "bankAccountDetails" : "payoutDetails",
     activeForm,
     summary: {
       data: formatDataForSummary(),
@@ -26511,6 +27087,9 @@ function SolePropDropinComponent({
     i18n,
     setLocale
   } = useI18nContext();
+  const {
+    isExperimentEnabled
+  } = useExperimentsContext();
   const [problems, setProblems] = useState(problemsProp);
   const datasetUtils = datasetUtilities(i18n.locale);
   const getOmittedKeys = () => ["operationalAddressIsSame"];
@@ -26700,6 +27279,7 @@ function SolePropDropinComponent({
       eventEmitter,
       hideDropinLayout,
       legalEntityType: LegalEntityType.TRUST,
+      taskName: isExperimentEnabled("EnableNewEntryFlow") ? "soleProprietorshipDetails" : "solePropDetails",
       legalEntityResponse,
       summary: {
         formatData: formatDataForSummary,
@@ -26839,7 +27419,7 @@ function TrustDropinComponent(props) {
     }
   };
   const isDocumentsRequired2 = (forms) => forms.some((form) => [trustForms.trustConstitutionalDocument.formId].includes(form.formId));
-  const attachTrustToParentLegalEntity = async (trust) => {
+  const attachTrustToParentLegalEntity = async (trust2) => {
     if (legalEntityResponse == null ? void 0 : legalEntityResponse.id) {
       return;
     }
@@ -26847,7 +27427,7 @@ function TrustDropinComponent(props) {
     const updatedParentLegalEntity = {
       entityAssociations: [{
         type: LegalEntityType.TRUST,
-        legalEntityId: trust.id
+        legalEntityId: trust2.id
       }, ...existingEntityAssociations]
     };
     await props.handleUpdateLegalEntity(updatedParentLegalEntity, parentLegalEntity.id);
@@ -26947,7 +27527,8 @@ function DropinComposerComponent({
   var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l;
   const {
     contextCountry,
-    accountHolder: accountHolder2
+    accountHolder: accountHolder2,
+    setAccountHolder
   } = useCoreContext();
   const {
     i18n,
@@ -26964,20 +27545,28 @@ function DropinComposerComponent({
   } = useToastContext();
   const [isLoadingConfiguration, setIsLoadingConfiguration] = useState(false);
   const [pollingId, setPollingId] = useState(null);
+  const showBusinessTypeSelection = useShouldShowBusinessTypeSelection(accountHolder2);
   const showIntro = useShouldShowIntro(legalEntityResponse);
   const {
     setHasSeenIntro
   } = useHasSeenIntro(legalEntityResponse.id);
   const [tasks, setTasks] = useState([]);
-  const [taskHistory, setTaskHistory] = useState([showIntro ? TaskTypes.INTRO : TaskTypes.TASKS_OVERVIEW]);
+  const initialTask = useMemo(() => {
+    if (showBusinessTypeSelection)
+      return TaskTypes.BUSINESS_TYPE_SELECTION;
+    if (showIntro)
+      return TaskTypes.INTRO;
+    return TaskTypes.TASKS_OVERVIEW;
+  }, [showBusinessTypeSelection, showIntro]);
+  const [taskHistory, setTaskHistory] = useState([initialTask]);
   const [legalEntity, setLegalEntity] = useState(legalEntityResponse);
   const [associatedLegalEntity, setAssociatedLegalEntity] = useState(null);
   const [associatedLegalEntityParent, setAssociatedLegalEntityParent] = useState(null);
   const [legalEntityType, setLegalEntityType] = useState(null);
   const [solePropietor, setSolePropietor] = useState(null);
-  const [trust, setTrust] = useState(null);
+  const [trust2, setTrust] = useState(null);
   const exemptSettlor = useExemptSettlor({
-    trust,
+    trust: trust2,
     handleGetLegalEntity: args.handleGetLegalEntity
   });
   const [trustMember, setTrustMember] = useState(null);
@@ -26992,7 +27581,7 @@ function DropinComposerComponent({
   const hasTrust = isExperimentEnabled("EnableTrustFlow") && (accountHolder2 === "aTrust" || isPartOfTrustFromLegalEntity(legalEntityResponse));
   const reviewRequired = (legalEntity == null ? void 0 : legalEntity.id) && ((_d = (_c = capabilityProblems == null ? void 0 : capabilityProblems.LegalEntity) == null ? void 0 : _c[legalEntity.id]) == null ? void 0 : _d.isReviewRequired);
   const additionalSalesChannels = useSalesChannelsSettings();
-  const isOrganizationSettlorWithExemptionEnabled = isOrganizationSettlorWithExemptionReasonEnabled(isExperimentEnabled("OrganizationSettlorWithExemptionReason"), trust == null ? void 0 : trust.trust.countryOfGoverningLaw);
+  const isOrganizationSettlorWithExemptionEnabled = isOrganizationSettlorWithExemptionReasonEnabled(isExperimentEnabled("AllowOrganizationSettlorWithExemptionReason"), trust2 == null ? void 0 : trust2.trust.countryOfGoverningLaw);
   const getLegalEntityProblems = (le) => {
     var _a2;
     if (le == null ? void 0 : le.id) {
@@ -27103,9 +27692,9 @@ function DropinComposerComponent({
     return void 0;
   };
   const refreshTrust = async () => {
-    if (trust.id && (args == null ? void 0 : args.handleGetLegalEntity)) {
+    if (trust2.id && (args == null ? void 0 : args.handleGetLegalEntity)) {
       try {
-        const response = await (args == null ? void 0 : args.handleGetLegalEntity(trust.id));
+        const response = await (args == null ? void 0 : args.handleGetLegalEntity(trust2.id));
         setTrust(response);
         return response;
       } catch (e) {
@@ -27139,14 +27728,14 @@ function DropinComposerComponent({
         case "company":
           await deleteAssociatedTrustMember({
             associatedTrustMember: trustMember2,
-            trust,
+            trust: trust2,
             handleUpdateLegalEntity: args.handleUpdateLegalEntity
           });
           break;
         case "undefinedBeneficiary":
           await deleteUndefinedBeneficiary({
             undefinedBeneficiary: trustMember2,
-            trust,
+            trust: trust2,
             handleUpdateLegalEntity: args.handleUpdateLegalEntity
           });
           break;
@@ -27168,7 +27757,7 @@ function DropinComposerComponent({
   };
   const addOrUpdateTrustMember = async (updated, existing) => {
     if ((existing == null ? void 0 : existing.trustMemberType) === "undefinedBeneficiary" && updated.trustMemberType === "undefinedBeneficiary" && existing.description === updated.description) {
-      await refreshTrustAndRunOnSubmit(trust, 1);
+      await refreshTrustAndRunOnSubmit(trust2, 1);
       return;
     }
     try {
@@ -27176,7 +27765,7 @@ function DropinComposerComponent({
         case "undefinedBeneficiary":
           await addOrUpdateUndefinedBeneficiary({
             newOrUpdated: updated,
-            trust,
+            trust: trust2,
             handleUpdateLegalEntity: args.handleUpdateLegalEntity
           });
           break;
@@ -27187,7 +27776,7 @@ function DropinComposerComponent({
               handleCreateLegalEntity: args.handleCreateLegalEntity
             }) : await createExemptSettlor({
               exemptSettlor: updated,
-              trust,
+              trust: trust2,
               handleCreateLegalEntity: args.handleCreateLegalEntity
             });
             updated.legalEntityId = newSettlorLE.id;
@@ -27206,7 +27795,7 @@ function DropinComposerComponent({
           }
           await addOrUpdateAssociatedTrustMember({
             newOrUpdated: updated,
-            trust,
+            trust: trust2,
             handleUpdateLegalEntity: args.handleUpdateLegalEntity
           });
           break;
@@ -27214,7 +27803,7 @@ function DropinComposerComponent({
         case "company":
           await addOrUpdateAssociatedTrustMember({
             newOrUpdated: updated,
-            trust,
+            trust: trust2,
             handleUpdateLegalEntity: args.handleUpdateLegalEntity
           });
           break;
@@ -27226,7 +27815,7 @@ function DropinComposerComponent({
         label: i18n.get("successfullyUpdatedDetails"),
         type: ToastType.SUCCESS
       });
-      await refreshTrustAndRunOnSubmit(trust, 1);
+      await refreshTrustAndRunOnSubmit(trust2, 1);
     } catch (err) {
       logger$5.error(err);
       showToast({
@@ -27297,7 +27886,7 @@ function DropinComposerComponent({
   };
   const onNavigateToTrust = async (task = TaskTypes.TRUST) => {
     var _a2, _b2;
-    const trustId = (_b2 = (_a2 = legalEntity == null ? void 0 : legalEntity.entityAssociations) == null ? void 0 : _a2.find((association) => association.type === LegalEntityType.TRUST)) == null ? void 0 : _b2.legalEntityId;
+    const trustId = (_b2 = (_a2 = legalEntity == null ? void 0 : legalEntity.entityAssociations) == null ? void 0 : _a2.find((association2) => association2.type === LegalEntityType.TRUST)) == null ? void 0 : _b2.legalEntityId;
     if (trustId) {
       try {
         const currentTrust = await (args == null ? void 0 : args.handleGetLegalEntity(trustId));
@@ -27491,6 +28080,19 @@ function DropinComposerComponent({
   }
   const currentTask = taskHistory[taskHistory.length - 1];
   switch (currentTask) {
+    case TaskTypes.BUSINESS_TYPE_SELECTION:
+      return jsx(BusinessTypeSelection, {
+        ...args,
+        legalEntityResponse: legalEntity,
+        accountHolder: accountHolder2,
+        showTrustOption: isExperimentEnabled("EnableTrustFlow") && TRUST_COUNTRIES.includes(rootLegalEntityCountry),
+        showSolePropOption: SOLE_PROP_COUNTRIES.includes(rootLegalEntityCountry),
+        onAccountHolderSelect: async (newAccountHolder) => {
+          setAccountHolder(newAccountHolder);
+          await refreshLegalEntity();
+          onNavigateTo(showIntro ? TaskTypes.INTRO : TaskTypes.TASKS_OVERVIEW);
+        }
+      });
     case TaskTypes.INTRO:
       return jsx(TaskIntros, {
         legalEntityType: legalEntity.type,
@@ -27613,7 +28215,7 @@ function DropinComposerComponent({
           topLevelLegalEntity: legalEntityResponse
         },
         taskType: TaskTypes.TRUST_MEMBER_INDIVIDUAL,
-        parentLegalEntity: trust,
+        parentLegalEntity: trust2,
         legalEntityResponse: associatedLegalEntity,
         problems: getLegalEntityProblems(associatedLegalEntity),
         capabilities: Object.keys((legalEntityResponse == null ? void 0 : legalEntityResponse.capabilities) ?? {}),
@@ -27661,7 +28263,7 @@ function DropinComposerComponent({
           topLevelLegalEntity: legalEntityResponse
         },
         taskType: TaskTypes.TRUST_MEMBER_COMPANY,
-        parentLegalEntity: trust,
+        parentLegalEntity: trust2,
         legalEntityResponse: associatedLegalEntity,
         capabilities: Object.keys((legalEntityResponse == null ? void 0 : legalEntityResponse.capabilities) ?? {}),
         problems: (_e = capabilityProblems == null ? void 0 : capabilityProblems.LegalEntity) == null ? void 0 : _e[legalEntity.id],
@@ -27706,22 +28308,22 @@ function DropinComposerComponent({
           topLevelLegalEntity: legalEntityResponse
         },
         taskType: TaskTypes.TRUST,
-        problems: (_g = capabilityProblems == null ? void 0 : capabilityProblems.LegalEntity) == null ? void 0 : _g[trust == null ? void 0 : trust.id],
+        problems: (_g = capabilityProblems == null ? void 0 : capabilityProblems.LegalEntity) == null ? void 0 : _g[trust2 == null ? void 0 : trust2.id],
         parentLegalEntity: legalEntity,
-        legalEntityResponse: trust,
+        legalEntityResponse: trust2,
         capabilities: Object.keys((legalEntityResponse == null ? void 0 : legalEntityResponse.capabilities) ?? {}),
         onChange: componentOnChange,
         eventEmitter,
         onSubmit: componentOnSubmit,
         handleHomeClick: navigateBack,
         homeButtonLabel: i18n.get("saveAndGoToOverview"),
-        country: (((_h = trust == null ? void 0 : trust.trust) == null ? void 0 : _h.countryOfGoverningLaw) || ((_i = trust == null ? void 0 : trust.trust) == null ? void 0 : _i.registeredAddress.country)) ?? rootLegalEntityCountry,
+        country: (((_h = trust2 == null ? void 0 : trust2.trust) == null ? void 0 : _h.countryOfGoverningLaw) || ((_i = trust2 == null ? void 0 : trust2.trust) == null ? void 0 : _i.registeredAddress.country)) ?? rootLegalEntityCountry,
         handleAddressSearch: args == null ? void 0 : args.handleAddressSearch,
         handleFindAddress: args == null ? void 0 : args.handleFindAddress
       });
     case TaskTypes.TRUST_MEMBER_OVERVIEW:
       return jsx(TrustMembersOverview, {
-        trustMembers: getTrustMembers(trust, legalEntity, exemptSettlor),
+        trustMembers: getTrustMembers(trust2, legalEntity, exemptSettlor),
         getTrustMemberTaskStatus: (member) => getTaskStatus(EntityType.LEGAL_ENTITY, capabilityProblems, legalEntity, member.trustMemberType === "undefinedBeneficiary" ? void 0 : [member.legalEntityId]),
         navigateBackToTaskList: navigateBack,
         navigateToEditTrustMember: onNavigateToTrustMemberRoleAndType,
@@ -28207,6 +28809,22 @@ const getAllowedLocales$1 = async (context) => {
     }
   });
 };
+const getSupportedCountries = async (context) => {
+  const {
+    loadingContext,
+    legalEntityId
+  } = context;
+  return httpGet({
+    loadingContext,
+    errorLevel: "warn",
+    errorMessage: `Supported countries not available`,
+    path: `${legalEntityId}/configurations/supportedCountries`,
+    authentication: "jwt",
+    headers: {
+      "Content-Type": "application/json"
+    }
+  });
+};
 const getEmbeddedApi = ({
   base,
   rootLegalEntityId
@@ -28237,9 +28855,7 @@ const getEmbeddedApi = ({
     loadFlags: async () => loadFlags(base),
     loadDocumentGuidance: async () => loadDocumentGuidance(base),
     getImageUrl: () => `${base}static/images/`,
-    getAllowedCountries: () => {
-      throw new Error("getAllowedCountries: Not implemented in onboarding component api");
-    },
+    getAllowedCountries: async () => getSupportedCountries(baseRequestContext),
     getAllowedLocales: async () => getAllowedLocales$1(baseRequestContext),
     validatePhoneNumber: () => {
       throw new Error("validatePhoneNumber: Not implemented in onboarding component api");
@@ -28548,36 +29164,46 @@ const ConfigurationApiProvider = ({
     children
   });
 };
+const accountHolderStorageKey = "ACCOUNT_HOLDER";
+const useAccountHolder = (enableNewEntryFlow) => {
+  let hook;
+  let initialStateParams;
+  if (enableNewEntryFlow) {
+    hook = useLocalStorage;
+    initialStateParams = [accountHolderStorageKey, null];
+  } else {
+    hook = useState;
+    initialStateParams = [null];
+  }
+  const [accountHolder2, setAccountHolder] = hook(...initialStateParams);
+  return [accountHolder2, setAccountHolder];
+};
 const logger$2 = createLogger("CoreProvider");
 const CoreProvider = ({
   contextCountry: initialContextCountry,
+  enableNewEntryFlowExperiment = false,
   children
 }) => {
   const {
     loadingContext
   } = useAuthContext();
-  const {
-    getAllowedCountries: getAllowedCountries2
-  } = useConfigurationApi();
   const [contextCountry, setContextCountry] = useState(initialContextCountry);
-  const [accountHolder2, setAccountHolder] = useState(null);
+  const [accountHolder2, setAccountHolder] = useAccountHolder(enableNewEntryFlowExperiment);
   const [accountFormat, setAccountFormat] = useState("local");
   useEffect(() => {
     addStyleTagForADLIconFont(loadingContext);
   }, [loadingContext]);
+  const allowedCountries = useAllowedCountries();
+  const isCountryAllowed = (allowedCountries == null ? void 0 : allowedCountries.includes(contextCountry)) ?? true;
   useEffect(() => {
-    const checkIfCountryIsAllowed = async () => {
-      const allowedCountries = (await getAllowedCountries2()).countries;
-      if (!allowedCountries.includes(contextCountry)) {
-        logger$2.warn(`
+    if (allowedCountries && !isCountryAllowed) {
+      logger$2.warn(`
 
 "${contextCountry}" isn't a supported country. Please use one of the following:
 - ${listify(allowedCountries)}.
-                   `);
-      }
-    };
-    checkIfCountryIsAllowed().catch(logger$2.warn);
-  }, [contextCountry, getAllowedCountries2]);
+                     `);
+    }
+  }, [allowedCountries, contextCountry, isCountryAllowed]);
   const contextValue = useMemo(() => ({
     setContextCountry,
     contextCountry,
@@ -28818,6 +29444,7 @@ class UIElement extends BaseElement {
   constructor(props) {
     super(props);
     this.render = () => {
+      var _a;
       const Component = this.props.component;
       return jsx(AuthProvider, {
         sdkToken: this.props.sdkToken,
@@ -28828,6 +29455,7 @@ class UIElement extends BaseElement {
           rootLegalEntityId: getRootLegalEntityId(this.props.componentProps),
           children: jsx(CoreProvider, {
             contextCountry: this.props.contextCountry,
+            enableNewEntryFlowExperiment: (_a = this.props.experiments) == null ? void 0 : _a.EnableNewEntryFlow,
             children: jsx(I18nProvider, {
               locale: this.props.locale,
               customTranslations: this.props.customTranslations,