@adyen/kyc-components 3.44.5 → 3.45.0

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

@@ -81,9 +81,9 @@ const defaultLocaleTranslations = {
   accountHolderTerms: "Account Holder Terms",
   accountName: "Account name",
   accountNumber: "Account number",
+  accountNumberFullOrPartialVisible: "Includes your full or partial account number",
   accountNumberOrIbanVisible: "Includes your account number or IBAN",
   accountNumberVisible: "Includes your account number",
-  accountNumberFullOrPartialVisible: "Includes your full or partial account number",
   accountVerification: "Account Verification",
   acknowledgePciRequirements: "We hereby acknowledge that we must remain compliant with the aforementioned PCI DSS requirements at all times as long as we want to receive payments. Consequently, we must continuously reassess our environment and implement any additional PCI DSS requirements if our environment changes.",
   actionNeeded: "Action needed",
@@ -97,13 +97,13 @@ const defaultLocaleTranslations = {
   addExtraBankAccount: "Add extra bank account",
   addExtraPayinAccount: "Add extra payin account",
   addExtraPayoutAccount: "Add extra payout account",
-  addingAndVerifiyingABankAccount: "Adding and verifying a bank account with this method typically takes up to 3 business days.",
   addManually: "Add manually",
   addMissingBankDetails: "We are missing your bank details in order to perform payouts, please add your bank account.",
   addOwnerToTrustMember: "Add owner of %{trustMember}",
   addPayoutAccount: "Add a payout account",
   addTrustMember: "Add trust member",
   addYourselfAsSigner: "Add yourself as a signer",
+  addingAndVerifiyingABankAccount: "Adding and verifying a bank account with this method typically takes up to 3 business days.",
   additionalInformation: "Additional information",
   additionalInformationFormHeading: "Additional business details",
   additionalInformationFormName: "Additional details",
@@ -114,6 +114,7 @@ const defaultLocaleTranslations = {
   adoptionCertificate: "Adoption certificate",
   adyenKeepsDataAsLongAsLegallyRequired: "Adyen only keeps your data for as long as we're legally required to. It won't be used for any other purposes or by other third parties than those stated.",
   adyenWillOnlyGetTemporaryAccess: "Adyen will only gain temporary access to your bank details, and your data is never shared with third parties.",
+  allCapabilitiesValid: "All capabilities are valid",
   anAssociation: "An association",
   anLEIIsAUniqueCode: "An LEI is a unique code that identifies legal entities, including companies, who engage in financial transactions.",
   andResubmit: "and submit again.",
@@ -150,6 +151,7 @@ const defaultLocaleTranslations = {
   bankAccountNameWithSoleProprietor: "Bank account must be in your name (<strong>%{individualLegalName}</strong>) or sole proprietorship's name (<strong>%{soleProprietorshipName}</strong>)",
   bankAccountNameWithTrust: "The bank account must be in your trust's name (<strong>%{trusteeName} as trustee for %{trustLegalName} trading as %{trustTradingName}</strong>)",
   bankAccountNameWithTrust_US: "The bank account must be in your trust's name (<strong>%{trusteeName} as trustee for %{trustLegalName} doing business as %{trustTradingName}</strong>)",
+  bankAccountNeeded: "A bank account is needed.",
   bankAccountNumber: "Account number",
   bankAccountToHaveSameNameAsTrust: "The bank account holder has to have the same name as your trust",
   bankAccountVerification: "Bank account verification",
@@ -278,8 +280,8 @@ const defaultLocaleTranslations = {
   constitutionalDocument: "Constitutional document",
   constitutionalDocument__header: "Upload a constitutional document",
   constitutionalDocument__headerDescription: "This helps to verify your details.",
-  constitutionalDocument__trust__headerDescription: "This helps to verify your trust details.",
   constitutionalDocument__soleProprietorship__headerDescription: "This helps to verify your sole proprietorship details.",
+  constitutionalDocument__trust__headerDescription: "This helps to verify your trust details.",
   contactDetails: "Contact Details",
   containsNameOfCompany: "Contains the name of your company or organization",
   "continue": "Continue",
@@ -303,12 +305,14 @@ const defaultLocaleTranslations = {
   currencyPlaceholder: "Select a currency code",
   customerSupport: "Customer support",
   cyRegistrationNumber: "Αριθμός Εγγραφής",
+  dataMissingError: "We are missing required data.",
+  dataReviewNeeded: "A data review is neeced.",
   dateCannotBeInTheFuture: "Date cannot be in the future",
-  datedInTheLastXMonths: "Dated in the last %{number} months",
   dateOfIncorporation: "Date of incorporation",
   dateOfTotalAssetsCalculation: "The date on which total assets and annual turnover were calculated is often the balance sheet date.",
   dateOnDocumentNoOlderThanXMonths: "Date on the document is no older than %{numberOfMonths} months",
   datePlaceholder: "dd/mm/yyyy",
+  datedInTheLastXMonths: "Dated in the last %{number} months",
   dbaName: "Doing Business As (DBA) name",
   deceased: "My settlor is deceased",
   deceasedEstate: "Deceased estate",
@@ -394,8 +398,8 @@ const defaultLocaleTranslations = {
   enterNCharactersWithAMixForExample: "Enter %{numChars} characters, with a mix of letters and numbers. For example, %{example}",
   enterNDigitsAndThen1LetterForExample: "Enter %{numDigits} digits and then 1 letter. For example, %{example}",
   enterNDigitsForExample: "Enter %{numDigits} digits. For example, %{example}",
-  enterNLettersAndThenXToYDigitsForExample: "Enter %{numLetters} letters and then %{minDigits} to %{maxDigits} digits. For example, %{example}",
   enterNLetterPrefixOptionallyAndThenXToYDigitsForExample: "Enter %{minDigits} or %{maxDigits} digits, with or without a %{numChars}-letter prefix. For example, %{example1} or %{example2}",
+  enterNLettersAndThenXToYDigitsForExample: "Enter %{numLetters} letters and then %{minDigits} to %{maxDigits} digits. For example, %{example}",
   enterNameExactlyAsAppearInID: "Enter your first name(s) exactly as it appears on your identity document",
   enterSettlorsFirstNameExactlyAsItAppearsInID: "Enter the settlor's first name(s) exactly as it appears on their identity document",
   enterSettlorsLastNameExactlyAsItAppearsInID: "Enter the settlor's last name(s) exactly as it appears on their identity document",
@@ -716,6 +720,12 @@ const defaultLocaleTranslations = {
   getSetUpInstantly: "Get set up instantly",
   getYourBusinessVerifiedDetails: "Get your business's verified details instantly and skip uploading documents.",
   getYourVerifiedDetailsInstantly: "Get your verified details instantly and skip uploading documents.",
+  gettingStarted: "Get Started",
+  gettingStartedBody: "Tell us about where funds used with our financial products are coming from. We need to know this information to ensure our financial products are used in a safe and secure manner.",
+  gettingStartedHeading: "Funding sources for financial products",
+  gettingStartedHelp: "Why do we collect this information?",
+  gettingStartedHelpModalDescription: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam quis facilisis ipsum. Integer nisi nibh, tincidunt vel tortor ac, mollis rhoncus neque. Aliquam efficitur tortor eu neque laoreet accumsan. Etiam semper tortor nec iaculis fermentum. Aenean quis sollicitudin diam. Sed ultrices odio vitae est blandit, eu egestas tellus condimentum. In lectus nunc, luctus condimentum sapien malesuada, consequat lobortis risus. ",
+  gettingStartedHelpModalTitle: "Why do we collect source of funds?",
   goBack: "Go back",
   goBackAndProvideDocumentScans: "Go back and provide document scans",
   goToIntroduction: "How does it work?",
@@ -787,10 +797,10 @@ const defaultLocaleTranslations = {
   infoInUploadedDocumentIsTrue: "All information in the uploaded document must be true and up-to-date.",
   informationCouldNotBeSubmitted: "Information couldn't be submitted",
   instant: "Instant",
-  instantlyAddAndVerifyABankAccount: "Instantly add and verify a bank account for payouts",
   instantIDVerificationDescription: "Take a photo of a passport, identity card, or driver's license.",
   instantVerification: "Instant verification",
   instantVerificationDescription: "Log in to your bank account and get instantly verified.",
+  instantlyAddAndVerifyABankAccount: "Instantly add and verify a bank account for payouts",
   instantlyConnectAndVerifyYourBankAccount: "Instantly connect and verify your bank account",
   institutionNumber: "Institution number",
   internalCompanyDocument: "Internal company document",
@@ -833,6 +843,7 @@ const defaultLocaleTranslations = {
   introductionScreenTrustMemberDescriptionP2: "Where to find this information",
   introductionScreenTrustMemberTitle: "Trust members",
   introductionScreenTrustTitle: "Trust details",
+  invalidCapabilities: "Some capabilities are invalid.",
   invalidDateOfBirth: "Please enter a valid date of birth",
   invalidDateOfIncorporation: "Please enter a valid date of incorporation",
   invalidEmail: "Please enter a valid email",
@@ -861,6 +872,7 @@ const defaultLocaleTranslations = {
   invalidFormatIdentityNumberSG: "Please use the NRIC format: S1234567A",
   invalidFormatIdentityNumberUS: "Please provide last 4 digits",
   invalidFormatIdentityNumberUS9: "Please use the SSN format: XXXXXXXXX",
+  invalidInputError: "There was an invalid input error:",
   invalidNumberOfEmployees: "Please enter a valid number",
   invalidPhoneNumber: "Please enter a valid phone number",
   irdDocument: "IRD document",
@@ -909,6 +921,7 @@ const defaultLocaleTranslations = {
   legalRepresentative: "Legal representative",
   legalRepresentativeDetails: "Legal representative details",
   legalRepresentativeFor: "legal representative for: %{firstName} %{lastName}",
+  legalRepresentativeNeeded: "The user is underage, therefore a legal representative is needed.",
   letUsKnowTheBankAccountToSendReceiveFunds: "Let us know the bank account you use to send or receive funds.",
   liRegistrationNumber: "Unternehmensnummer",
   licenceVersionNumber: "Licence version number",
@@ -929,11 +942,11 @@ const defaultLocaleTranslations = {
   maintenanceModeMessage: "We're currently undergoing maintenance — please keep this page open until maintenance is complete to avoid losing unsaved changes.",
   makeSureToHaveYourTrustDeed: "Make sure to have your trust deed in hand to complete this information accurately.",
   manualIDVerificationDescription: "May take a few days. Upload a copy of a passport, identity, or driver's license.",
+  manualUpload: "Manual upload",
+  manualVerificationDescription: "You also have to provide the bank account details.",
   manuallyAddAccount: "Manually add account",
   manuallyAddAccountQuestion: "Manually add account?",
   manuallyAddAccountSlower: "Manually add account (slower)",
-  manualUpload: "Manual upload",
-  manualVerificationDescription: "You also have to provide the bank account details.",
   maxFileSize: "Max file size: %{maxSize}. Maximal 1 page.",
   maximumFileSizeExceeded: "Maximum file size exceeded",
   mayTakeAFewDays: "May take a few days",
@@ -944,6 +957,8 @@ const defaultLocaleTranslations = {
   missingCompanyDetails: "Missing company details or root entity",
   missingMultipleDecisionMakers: "You haven't added all required decision-makers",
   missingPhoneCountryCode: "Select a country code",
+  missingRequiredDecisionMakers: "We don't yet have sufficient decision makers.",
+  missingRequiredTrustMembers: "We don't yet have sufficient trust members.",
   momsregistreringsnummer: "Momsregistreringsnummer",
   momsregistreringsnummerCVR: "Momsregistreringsnummer (CVR)",
   mortgageStatement: "Mortgage statement",
@@ -962,12 +977,14 @@ const defaultLocaleTranslations = {
   naturalPersonDescription: "He/she doesn't have any business.",
   naturalPersonTitle: "Natural person",
   needHelpYouCanAlwaysReachOutToCustomerSupport: "Need help? You can always reach out to customer support.",
+  newEntityAlwaysEmpty: "We still need to create this entity.",
   next: "Next",
   nie: "NIE",
   no: "No",
   noGlare: "No glare",
   noGoBack: "No, go back",
   noIdontKnow: "No, or I don't know",
+  noIssuesFound: "No issues found.",
   noOptionsFound: "No options found",
   nominee: "Nominee",
   nonProfitOrCharitableOrgDescription: "Your organization has official non-profit or tax-exempt status.",
@@ -1050,6 +1067,8 @@ const defaultLocaleTranslations = {
   pciDssQuestionnaire: "PCI DSS questionnaire",
   pciSignFailed: "PCI signing failed",
   pciSignedSuccessfully: "PCI signed successfully",
+  pendingCapabilities: "Some capabilities are still pending.",
+  pendingStatusError: "There is an error with a pending status.",
   personAppointmentUnderTrustInstrument: "The person appointed under the trust instrument to direct or restrain the trustees in relation to their administration of the trust.",
   personalDetails: "Personal details",
   personnummer: "Personnummer",
@@ -1101,6 +1120,7 @@ const defaultLocaleTranslations = {
   publicCompanyTitle: "Public company",
   publicTradingTrust: "Public trading trust",
   ranIntoTechnicalError: "We ran into a technical error",
+  reason: "Reason",
   reasonForFillingCompanyAddressDetails: "We have to make sure the businesses using our services will not be misusing the funds or causing harm. To do that, we'll check all of this information against official records. This is a part of the financial regulations that we have to follow as a payments provider.",
   reasonForFillingCompanyRegistrationDetails: "We have to make sure the businesses using our services will not be misusing the funds or causing harm. To do that, we'll check all of this information against official records. This is a part of the financial regulations that we have to follow as a payments provider.",
   reasonForFillingIndividualAddressDetails: "We have to make sure that everyone who uses our services is who they say they are. To do that, we'll check all of this information against official records. This is a part of the financial regulations that we have to follow as a payments provider.",
@@ -1199,10 +1219,12 @@ const defaultLocaleTranslations = {
   retrieveMyInfoBusiness: "Retrieve Myinfo business",
   retrieveMyinfoBusinessWith: "Retrieve Myinfo business with",
   retrieveMyinfoWith: "Retrieve Myinfo with",
+  returnToTaskList: "Return to task list",
   reviewTheInformationBelowAndCorrectMistakesOr: "Review the information below and correct any mistakes, or",
   rnaNumber: "RNA number",
   role: "Role",
   roleAndEntityType: "Role and entity type",
+  rootLegalEntityIsEmpty: "The root legal entity only has the minimum data (is empty).",
   routingNumber: "Routing number",
   routingNumberVisible: "Includes your routing number",
   salarySlip: "Salary slip",
@@ -1274,6 +1296,7 @@ const defaultLocaleTranslations = {
   sourceOfFunds: "Source of funds",
   ssn: "SSN",
   stamregister: "Stamregister erhverv (SE-nummer)",
+  start: "Start",
   startANewSessionFromTheSamePlaceYouOriginallyAccessed: "Start a new session from the same place you originally accessed this page.",
   startTypingTheAddress: "Start typing the address",
   state: "State",
@@ -1307,6 +1330,7 @@ const defaultLocaleTranslations = {
   summaryTaxExemptionLegalCaption_3: "You are an authorized representative and signatory on behalf of the legal entity for which the VAT information was provided.",
   supportedFileTypes: "Supported file types: %{fileTypes}",
   swiftCode: "Swift code",
+  task: "Task",
   taxDocument: "Tax document",
   taxFiling: "Tax filing",
   taxFiling__US: "Tax filing such as Schedule SE (Form 1040)",
@@ -1384,6 +1408,7 @@ const defaultLocaleTranslations = {
   unsuccessful: "Unsuccessful",
   unsupportedFiletype: "Unsupported filetype",
   upToFiles: "Up to %{maxFiles} file(s).",
+  update: "Update",
   updateTheInformation: "Update the information",
   uploadABankStatement: "Upload a bank statement",
   uploadADocument: "Upload a document",
@@ -1476,23 +1501,7 @@ const defaultLocaleTranslations = {
   yourIbanShouldBeginWith_: "Your IBAN should begin with %{countryCode}.",
   yourLoanApplicationHasBeenReceived: "Thank you for providing your additional information. The data provided is being reviewed. You'll be notified if anything else is needed.",
   zentralesVereinsregisterId: "Zentrales Vereinsregister ID",
-  zipCode: "ZIP code",
-  invalidInputError: "There was an invalid input error:",
-  bankAccountNeeded: "A bank account is needed.",
-  noIssuesFound: "No issues found.",
-  newEntityAlwaysEmpty: "We still need to create this entity.",
-  missingRequiredDecisionMakers: "We don't yet have sufficient decision makers.",
-  missingRequiredTrustMembers: "We don't yet have sufficient trust members.",
-  rootLegalEntityIsEmpty: "The root legal entity only has the minimum data (is empty).",
-  legalRepresentativeNeeded: "The user is underage, therefore a legal representative is needed.",
-  dataMissingError: "We are missing required data.",
-  dataReviewNeeded: "A data review is neeced.",
-  pendingStatusError: "There is an error with a pending status.",
-  pendingCapabilities: "Some capabilities are still pending.",
-  invalidCapabilities: "Some capabilities are invalid.",
-  allCapabilitiesValid: "All capabilities are valid",
-  task: "Task",
-  reason: "Reason"
+  zipCode: "ZIP code"
 };
 const enUS = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
@@ -2394,6 +2403,9 @@ const images = {
   ),
   "trustly-logo": lazy(
     () => import("./trustly-logo-YJslAOYF.js")
+  ),
+  "source-of-funds": lazy(
+    () => import("./digital-wallet-with-local-currencies-DSaDbAY9.js")
   )
 };
 const svgs = {
@@ -2456,6 +2468,7 @@ const Button = ({
   className,
   role,
   small,
+  large,
   block,
   critical,
   shaded,
@@ -2469,6 +2482,7 @@ const Button = ({
   onKeyDown,
   loading = false,
   testId,
+  ariaLabel,
   underline
 }) => {
   const onClickHandler = (event) => {
@@ -2496,6 +2510,7 @@ const Button = ({
     "adyen-kyc-button--block": block,
     "adyen-kyc-button--critical": critical,
     "adyen-kyc-button--small": small && label,
+    "adyen-kyc-button--large": large && label,
     "adyen-kyc-button--shaded": shaded && icon && tertiary,
     // disallow shaded effect if not just tertiary icon
     "adyen-kyc-button--icon": icon && label && !small
@@ -2503,6 +2518,7 @@ const Button = ({
   return /* @__PURE__ */ jsx(
     "button",
     {
+      "aria-label": ariaLabel,
       "aria-disabled": disabled,
       "data-testid": testId,
       className: buttonClasses,
@@ -5016,7 +5032,7 @@ function CountryOfGoverningLawField({
 }
 function FormHeader({
   heading,
-  description,
+  description: description2,
   headingComponent,
   descriptionComponent,
   classNames
@@ -5028,8 +5044,8 @@ function FormHeader({
     return headingComponent;
   };
   const renderDescription = () => {
-    if (description) {
-      return /* @__PURE__ */ jsx("div", { className: "adyen-kyc-form-header__description", children: description });
+    if (description2) {
+      return /* @__PURE__ */ jsx("div", { className: "adyen-kyc-form-header__description", children: description2 });
     }
     return descriptionComponent;
   };
@@ -8628,6 +8644,7 @@ class UserEvents {
   constructor() {
     this.queue = [];
     this.subscriptions = /* @__PURE__ */ new Set();
+    this.baseTrackingPayload = {};
   }
   add(...args) {
     this.queue.push(...args);
@@ -8642,7 +8659,8 @@ class UserEvents {
    * Adds an analytics event. Optionally can include a payload.
    */
   addEvent(key, event) {
-    this.add(["add_event", { key, ...event }]);
+    const completeEvent = { ...this.baseTrackingPayload, ...event };
+    this.add(["add_event", { key, ...completeEvent }]);
     this.notifySubscribers();
   }
   /**
@@ -8685,6 +8703,10 @@ class UserEvents {
   subscribe(callback) {
     this.subscriptions.add(callback);
   }
+  /** Sets params that are sent on every event */
+  setBaseTrackingPayload(baseTrackingPayload) {
+    this.baseTrackingPayload = baseTrackingPayload;
+  }
   /**
    * Removes a subscribed callback
    */
@@ -11458,13 +11480,13 @@ const EntityTypeRadioGroupCard = ({
   }
 );
 const EntityTypeSelectionRadioCardBody = ({
-  description,
+  description: description2,
   examples
 }) => {
   const { i18n } = useI18nContext();
-  if (!examples) return /* @__PURE__ */ jsx("span", { children: i18n.get(description) });
+  if (!examples) return /* @__PURE__ */ jsx("span", { children: i18n.get(description2) });
   return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx("span", { className: "adyen-kyc-entity-type-radio-group-card__description", children: i18n.get(description) }),
+    /* @__PURE__ */ jsx("span", { className: "adyen-kyc-entity-type-radio-group-card__description", children: i18n.get(description2) }),
     /* @__PURE__ */ jsxs("span", { className: "adyen-kyc-entity-type-radio-group-card__examples", children: [
       i18n.get({ key: "forExample_", values: { examples: examples.join(", ") } }),
       "."
@@ -12337,7 +12359,7 @@ const financialInfoValidationRules = {
   }
 };
 const financialInformationReportedValueOptions = "adyen-kyc-financial-information-reported-value-options";
-const styles$a = {
+const styles$c = {
   "financial-information-reported-value-options": "adyen-kyc-financial-information-reported-value-options",
   financialInformationReportedValueOptions
 };
@@ -12385,7 +12407,7 @@ const InputCurrency = ({
 };
 const reportedValue = "adyen-kyc-reported-value";
 const reportedValueInput = "adyen-kyc-reported-value-input";
-const styles$9 = {
+const styles$b = {
   "reported-value": "adyen-kyc-reported-value",
   reportedValue,
   "reported-value-input": "adyen-kyc-reported-value-input",
@@ -12402,7 +12424,7 @@ const ReportedValue = ({
   isValid
 }) => {
   const { i18n } = useI18nContext();
-  return /* @__PURE__ */ jsx("div", { className: styles$9.reportedValue, children: /* @__PURE__ */ jsx(Field, { name: fieldName, errorMessage, isValid, helper, children: (childProps) => /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx("div", { className: styles$b.reportedValue, children: /* @__PURE__ */ jsx(Field, { name: fieldName, errorMessage, isValid, helper, children: (childProps) => /* @__PURE__ */ jsx(
     InputCurrency,
     {
       ...childProps,
@@ -12410,7 +12432,7 @@ const ReportedValue = ({
       currency,
       amount,
       onAmountChanged,
-      className: styles$9.reportedValueInput,
+      className: styles$b.reportedValueInput,
       "aria-label": label
     }
   ) }) });
@@ -12547,7 +12569,7 @@ function FinancialInformation(props) {
             ],
             onChange: updateReportedValueOption,
             showContentOnlyOnSelected: true,
-            className: styles$a.financialInformationReportedValueOptions
+            className: styles$c.financialInformationReportedValueOptions
           }
         )
       }
@@ -12975,11 +12997,11 @@ const SearchAddress = ({
     }
     return formattedText;
   };
-  const getHighlightedText2 = ({ text, highlight, description }) => {
+  const getHighlightedText2 = ({ text, highlight, description: description2 }) => {
     let formattedText = [];
     if (highlight === "") {
-      if (description) {
-        formattedText.push(`${text}, ${description}`);
+      if (description2) {
+        formattedText.push(`${text}, ${description2}`);
       } else {
         formattedText.push(text);
       }
@@ -12988,9 +13010,9 @@ const SearchAddress = ({
       formattedText = getFormattedText2(highlightItems[0].split(","), text);
       if (highlightItems.length > 1) {
         formattedText.push(`, `);
-        formattedText.push(/* @__PURE__ */ jsx(Fragment, { children: getFormattedText2(highlightItems[1].split(","), description) }));
-      } else if (description) {
-        formattedText.push(`, ${description}`);
+        formattedText.push(/* @__PURE__ */ jsx(Fragment, { children: getFormattedText2(highlightItems[1].split(","), description2) }));
+      } else if (description2) {
+        formattedText.push(`, ${description2}`);
       }
     }
     return formattedText;
@@ -13352,7 +13374,7 @@ const addressValidationRulesV4 = (country, i18n) => {
 function AddressForm(props) {
   const {
     data: dataProp,
-    requiredFields: requiredFieldsProp,
+    requiredFields: requiredFieldsProp = ADDRESS_SCHEMA,
     optionalFields: optionalFieldsProp = ["otherAddressInformation"],
     fieldValidationErrors: fieldValidationErrorsProp,
     formVerificationErrors: formVerificationErrorsProp,
@@ -13581,14 +13603,6 @@ function AddressForm(props) {
     }
   );
 }
-AddressForm.defaultProps = {
-  data: {},
-  onChange: () => {
-  },
-  visibility: "editable",
-  requiredFields: ADDRESS_SCHEMA,
-  countryCode: null
-};
 const logger$I = createLogger("AddressFieldContainer");
 const formatAddressItem = (item) => {
   if (item.description.includes("Addresses")) {
@@ -13636,12 +13650,12 @@ const getFormattedText = (highlightItems, text) => {
 const getHighlightedText = ({
   text = "",
   highlight = "",
-  description = ""
+  description: description2 = ""
 }) => {
   let formattedText = [];
   if (highlight === "") {
-    if (description) {
-      formattedText.push(`${text}, ${description}`);
+    if (description2) {
+      formattedText.push(`${text}, ${description2}`);
     } else {
       formattedText.push(text);
     }
@@ -13650,9 +13664,9 @@ const getHighlightedText = ({
     formattedText = getFormattedText(highlightItems[0].split(","), text);
     if (highlightItems.length > 1) {
       formattedText.push(`, `);
-      formattedText.push(/* @__PURE__ */ jsx(Fragment, { children: getFormattedText(highlightItems[1].split(","), description) }));
-    } else if (description) {
-      formattedText.push(`, ${description}`);
+      formattedText.push(/* @__PURE__ */ jsx(Fragment, { children: getFormattedText(highlightItems[1].split(","), description2) }));
+    } else if (description2) {
+      formattedText.push(`, ${description2}`);
     }
   }
   return formattedText;
@@ -14135,7 +14149,7 @@ function RegistrationAddress(props) {
   const {
     id,
     heading,
-    description,
+    description: description2,
     handleAddressSearch,
     handleFindAddress,
     country,
@@ -14214,7 +14228,7 @@ function RegistrationAddress(props) {
   };
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(StateContextSetter, { owner: id, stateRef }),
-    /* @__PURE__ */ jsx(FormHeader, { heading, description }),
+    /* @__PURE__ */ jsx(FormHeader, { heading, description: description2 }),
     /* @__PURE__ */ jsx(
       ErrorPanel,
       {
@@ -14394,7 +14408,7 @@ function RegistrationDocument({
   country,
   companyType = CompanyTypesValue.PRIVATE_COMPANY,
   heading = "companyRegistrationDocumentFormHeading",
-  description = "companyRegistrationDocumentFormDescription",
+  description: description2 = "companyRegistrationDocumentFormDescription",
   ...props
 }) {
   const { i18n } = useI18nContext();
@@ -14404,7 +14418,7 @@ function RegistrationDocument({
       ...props,
       id,
       heading: i18n.get(heading),
-      description: i18n.get(description),
+      description: i18n.get(description2),
       documentField: "registrationDocument",
       documentType: DocumentType.REGISTRATION_DOCUMENT,
       guidanceContent: /* @__PURE__ */ jsx(GuidanceContent$2, { country, companyType }),
@@ -14493,7 +14507,7 @@ function TaxDocument({
   country,
   companyType = CompanyTypesValue.PRIVATE_COMPANY,
   heading = "companyTaxDocumentFormHeading",
-  description = "companyTaxDocumentFormDescription",
+  description: description2 = "companyTaxDocumentFormDescription",
   ...props
 }) {
   const { i18n } = useI18nContext();
@@ -14503,7 +14517,7 @@ function TaxDocument({
       ...props,
       id,
       heading: i18n.get(heading),
-      description: i18n.get(description),
+      description: i18n.get(description2),
       documentField: "taxDocument",
       documentType: DocumentType.PROOF_OF_ORGANIZATION_TAX_INFO,
       guidanceContent: /* @__PURE__ */ jsx(GuidanceContent$1, { country, companyType }),
@@ -14531,7 +14545,7 @@ function ProofOfDirectorDocument({
   id,
   country,
   heading = "uploadYourOrganizationProofOfDirector",
-  description = "weNeedAnOfficialDocument",
+  description: description2 = "weNeedAnOfficialDocument",
   ...props
 }) {
   const { i18n } = useI18nContext();
@@ -14542,7 +14556,7 @@ function ProofOfDirectorDocument({
       ...props,
       id,
       heading: i18n.get(heading),
-      description: i18n.get(description),
+      description: i18n.get(description2),
       documentField: "proofOfDirector",
       documentType: DocumentType.PROOF_OF_DIRECTOR,
       guidanceContent: /* @__PURE__ */ jsx(GuidanceContent, {}),
@@ -14907,7 +14921,7 @@ const createDocumentRequest = async ({
   documentType,
   page1,
   page2,
-  description,
+  description: description2,
   existingDocument
 }) => {
   const pagesToUpload = [page1, page2].filter(
@@ -14916,14 +14930,14 @@ const createDocumentRequest = async ({
   const [page1ToUpload, page2ToUpload] = pagesToUpload;
   const [encodedPage1, encodedPage2] = await Promise.all(pagesToUpload.map(fileToBase64));
   if (!encodedPage1) {
-    if (existingDocument && existingDocument.description !== description) {
+    if (existingDocument && existingDocument.description !== description2) {
       return {
         owner: {
           id: entityId,
           type: entityType
         },
         type: documentType,
-        description: description || `Document type: ${documentType}`
+        description: description2 || `Document type: ${documentType}`
       };
     }
     return;
@@ -14934,7 +14948,7 @@ const createDocumentRequest = async ({
       type: entityType
     },
     type: documentType,
-    description: description || `Document type: ${documentType}`,
+    description: description2 || `Document type: ${documentType}`,
     attachments: [
       ...page1ToUpload && page2ToUpload && encodedPage1 && encodedPage2 ? [
         createAttachment(encodedPage1, page1ToUpload.name, "front"),
@@ -15301,6 +15315,14 @@ const getAccountIdentificationFromPayoutAccountSchema = (payoutAccount, bankCoun
         accountNumber: payoutAccount.bankAccountNumber,
         bsbCode: payoutAccount.branchCode
       };
+    case CountryCodes.Brazil:
+      return {
+        type: "brLocal",
+        accountNumber: payoutAccount.bankAccountNumber,
+        ispbCode: payoutAccount.bankCode,
+        bankName: payoutAccount.bankName,
+        branchCode: payoutAccount.branchCode
+      };
     case CountryCodes.Canada:
       return {
         type: "caLocal",
@@ -16090,7 +16112,7 @@ const mapLegalEntityToSoleProp = (legalEntity) => {
   return solePropCompData;
 };
 const mapSolePropToLegalEntity = (data) => {
-  var _a, _b;
+  var _a, _b, _c, _d;
   const requestObj = {
     ...formatObject(data, solePropApiKeyMapping)
   };
@@ -16116,6 +16138,7 @@ const mapSolePropToLegalEntity = (data) => {
       mapFinancialInformationToFinancialReport(data.solePropFinancialInformation)
     ];
   }
+  requestObj.soleProprietorship.doingBusinessAs = ((_c = data.solePropRegistrationDetails) == null ? void 0 : _c.dbaName) || ((_d = data.solePropRegistrationDetails) == null ? void 0 : _d.tradingName) || "";
   requestObj.type = LegalEntityType.SOLE_PROPRIETORSHIP;
   return requestObj;
 };
@@ -16280,7 +16303,7 @@ const mapApiDocumentToSolePropDocuments = (entityId) => {
 };
 const mapPayoutDocumentsToApiDocuments = async (data, entityId) => {
   const { payoutAccountDocuments = {} } = data;
-  const { bankStatementDocument, description } = payoutAccountDocuments;
+  const { bankStatementDocument, description: description2 } = payoutAccountDocuments;
   const entityType = TransferInstrumentType.BANK_ACCOUNT;
   const existingDocument = getDocument$1(entityId, DocumentType.BANK_STATEMENT);
   return createDocumentRequest({
@@ -16288,7 +16311,7 @@ const mapPayoutDocumentsToApiDocuments = async (data, entityId) => {
     entityType,
     documentType: DocumentType.BANK_STATEMENT,
     page1: bankStatementDocument == null ? void 0 : bankStatementDocument[0],
-    description,
+    description: description2,
     existingDocument
   });
 };
@@ -16536,7 +16559,7 @@ const useIdVerificationToken = ({
 };
 const loaderWrapperLoader = "adyen-kyc-loader-wrapper-loader";
 const loaderWrapperLoaderActive = "adyen-kyc-loader-wrapper-loader-active";
-const styles$8 = {
+const styles$a = {
   "loader-wrapper-loader": "adyen-kyc-loader-wrapper-loader",
   loaderWrapperLoader,
   "loader-wrapper-loader-active": "adyen-kyc-loader-wrapper-loader-active",
@@ -16553,13 +16576,13 @@ const LoaderWrapper = ({
   const opacitySyle = status === "loading" ? {
     opacity: formOpacityWhenLoading
   } : { opacity: 1 };
-  const loaderWrapperClass = cx(styles$8.loaderWrapperLoader, {
-    [styles$8.loaderWrapperLoaderActive]: status === "loading" && showSpinner
+  const loaderWrapperClass = cx(styles$a.loaderWrapperLoader, {
+    [styles$a.loaderWrapperLoaderActive]: status === "loading" && showSpinner
   });
-  const overlayClass = cx(styles$8.loaderWrapper, className);
+  const overlayClass = cx(styles$a.loaderWrapper, className);
   return /* @__PURE__ */ jsxs("div", { className: overlayClass, style: { position: "relative" }, children: [
     /* @__PURE__ */ jsx("div", { className: loaderWrapperClass, children: /* @__PURE__ */ jsx(Loader, { size: loaderSize }) }),
-    /* @__PURE__ */ jsx("div", { className: styles$8.loaderWrapperForm, style: opacitySyle, children })
+    /* @__PURE__ */ jsx("div", { className: styles$a.loaderWrapperForm, style: opacitySyle, children })
   ] });
 };
 const containerId = "adyen-kyc-id-verification";
@@ -16815,8 +16838,8 @@ const IdVerificationMethodOptionIcon = ({
   method
 }) => {
   const { i18n } = useI18nContext();
-  const { description, svgName } = idVerificationMethodsMetadata[method];
-  return /* @__PURE__ */ jsx("div", { className: "adyen-kyc-radio-group-card__illustration", children: /* @__PURE__ */ jsx(Svg, { type: "image", name: svgName, title: i18n.get(description) }) });
+  const { description: description2, svgName } = idVerificationMethodsMetadata[method];
+  return /* @__PURE__ */ jsx("div", { className: "adyen-kyc-radio-group-card__illustration", children: /* @__PURE__ */ jsx(Svg, { type: "image", name: svgName, title: i18n.get(description2) }) });
 };
 const IdVerificationMethodOptionFooter = ({
   method
@@ -17217,9 +17240,6 @@ function PhoneInput(props) {
     )
   ] });
 }
-PhoneInput.defaultProps = {
-  phoneLabel: "telephoneNumber"
-};
 const MemoizedPhoneInput = memo(
   PhoneInput,
   (prevProps, nextProps) => prevProps.country === nextProps.country && prevProps.shouldValidate === nextProps.shouldValidate
@@ -17606,9 +17626,6 @@ const MemoizedContactDetails = memo(
   ContactDetails,
   (prevProps, nextProps) => prevProps.country === nextProps.country && prevProps.shouldValidate === nextProps.shouldValidate && objectsDeepEqual(prevProps.labels, nextProps.labels) && objectsDeepEqual(prevProps.requiredFields, nextProps.requiredFields) && objectsDeepEqual(prevProps.formVerificationErrors, nextProps.formVerificationErrors) && objectsDeepEqual(prevProps.fieldValidationErrors, nextProps.fieldValidationErrors)
 );
-ContactDetails.defaultProps = {
-  data: {}
-};
 const CountryIdNumberPatterns = {
   [CountryCodes.Brazil]: /^\d{11}$/,
   [CountryCodes.Canada]: /^\d{9}$/,
@@ -18451,11 +18468,11 @@ const makeSelectItemForRole = (role, i18n) => {
         roleMetadata
       ).join("\n")}`
     );
-  const { name, description, variant } = metadata;
+  const { name, description: description2, variant } = metadata;
   return {
     id: role,
     name: i18n.get(name),
-    description: description ? i18n.get(description) : void 0,
+    description: description2 ? i18n.get(description2) : void 0,
     className: `adyen-kyc-tag--${variant}`
   };
 };
@@ -18957,13 +18974,6 @@ const MemoizedName = memo(
   Name,
   (prevProps, nextProps) => prevProps.shouldValidate === nextProps.shouldValidate && objectsDeepEqual(prevProps.requiredFields, nextProps.requiredFields) && objectsDeepEqual(prevProps.formVerificationErrors, nextProps.formVerificationErrors) && objectsDeepEqual(prevProps.fieldValidationErrors, nextProps.fieldValidationErrors)
 );
-Name.defaultProps = {
-  data: {},
-  onChange: () => {
-  },
-  visibility: "editable",
-  validationRules: nameValidationRules
-};
 const personalDetailsValidationRules = {
   birthDate: [
     {
@@ -20844,7 +20854,7 @@ const BankDocumentRequirements = ({
 const bankDocumentValidationRules = {
   description: {
     modes: ["blur"],
-    validate: (description) => description ? bankStatementDescriptionPattern.test(description) : true,
+    validate: (description2) => description2 ? bankStatementDescriptionPattern.test(description2) : true,
     errorMessage: "invalidFormatBankStatementDescription"
   }
 };
@@ -20862,7 +20872,7 @@ function BankDocument(props) {
     validators: validators2,
     data: bankData,
     id,
-    description,
+    description: description2,
     heading
   } = props;
   const { i18n } = useI18nContext();
@@ -20942,7 +20952,7 @@ function BankDocument(props) {
   );
   return /* @__PURE__ */ jsxs("form", { className: "adyen-kyc-bank-document", children: [
     /* @__PURE__ */ jsx(StateContextSetter, { owner: id, stateRef }),
-    /* @__PURE__ */ jsx(FormHeader, { heading, description }),
+    /* @__PURE__ */ jsx(FormHeader, { heading, description: description2 }),
     /* @__PURE__ */ jsx(
       ErrorPanel,
       {
@@ -21770,6 +21780,10 @@ function BankVerification(props) {
     triggerValidation();
     await (refreshLegalEntity == null ? void 0 : refreshLegalEntity());
   };
+  const handleOnBack = () => {
+    setHideVerificationWidget(false);
+    onBack == null ? void 0 : onBack();
+  };
   useEffect(() => {
     var _a, _b;
     (_b = (_a = stateRef.current).setState) == null ? void 0 : _b.call(_a, {
@@ -21809,13 +21823,13 @@ function BankVerification(props) {
               vendor: provider.name,
               setBankVerificationError,
               setHideVerificationWidget,
-              onBack,
+              onBack: handleOnBack,
               retrieveBankAccountInfo,
               createTrustedTransferInstrument: createTrustedTransferInstrument2,
               handleBankVerificationError: handleBankVerificationError2
             }
           ),
-          /* @__PURE__ */ jsx(ActionBar, { onBack: () => onBack == null ? void 0 : onBack(), backButtonLabel: i18n.get("goBack") })
+          /* @__PURE__ */ jsx(ActionBar, { onBack: handleOnBack, backButtonLabel: i18n.get("goBack") })
         ] }) : void 0 })
       }
     )
@@ -22957,10 +22971,6 @@ function PayoutAccount(props) {
     )
   ] });
 }
-const MemoizedPayoutAccount = memo(
-  PayoutAccount,
-  (prevProps, nextProps) => objectsDeepEqual(prevProps.requiredFields, nextProps.requiredFields) && objectsDeepEqual(prevProps.optionalFields, nextProps.optionalFields) && objectsDeepEqual(prevProps.data, nextProps.data) && objectsDeepEqual(prevProps.formVerificationErrors, nextProps.formVerificationErrors) && objectsDeepEqual(prevProps.fieldValidationErrors, nextProps.fieldValidationErrors) && prevProps.country === nextProps.country && prevProps.shouldValidate === nextProps.shouldValidate && prevProps.arePayoutAccountDetailsInvalid === nextProps.arePayoutAccountDetailsInvalid && prevProps.invalidFieldNames === nextProps.invalidFieldNames
-);
 const eeaCountries = [
   CountryCodes.Austria,
   CountryCodes.Belgium,
@@ -23039,7 +23049,7 @@ const payoutVerificationMethods = ["instantVerification", "manualVerification"];
 const skeleton = "adyen-kyc-skeleton";
 const skeletonCircle = "adyen-kyc-skeleton-circle";
 const skeletonText = "adyen-kyc-skeleton-text";
-const styles$7 = {
+const styles$9 = {
   skeleton,
   "skeleton-circle": "adyen-kyc-skeleton-circle",
   skeletonCircle,
@@ -23052,9 +23062,9 @@ const Skeleton = ({
   height = "1em",
   width
 }) => {
-  const classNames = cx(styles$7.skeleton, {
-    [styles$7.skeletonCircle]: circle,
-    [styles$7.skeletonText]: text
+  const classNames = cx(styles$9.skeleton, {
+    [styles$9.skeletonCircle]: circle,
+    [styles$9.skeletonText]: text
   });
   return /* @__PURE__ */ jsx("div", { className: classNames, style: { height, width } });
 };
@@ -23062,7 +23072,7 @@ const preferInstantVerificationMethod = "adyen-kyc-prefer-instant-verification-m
 const preferInstantVerificationMethodCard = "adyen-kyc-prefer-instant-verification-method-card";
 const preferInstantVerificationMethodInstantButton = "adyen-kyc-prefer-instant-verification-method-instant-button";
 const preferInstantVerificationMethodModalFooter = "adyen-kyc-prefer-instant-verification-method-modal-footer";
-const styles$6 = {
+const styles$8 = {
   "prefer-instant-verification-method": "adyen-kyc-prefer-instant-verification-method",
   preferInstantVerificationMethod,
   "prefer-instant-verification-method-card": "adyen-kyc-prefer-instant-verification-method-card",
@@ -23074,6 +23084,8 @@ const styles$6 = {
 };
 function Card({
   className,
+  headerClassName,
+  bodyClassName,
   children,
   stateful,
   active,
@@ -23095,9 +23107,10 @@ function Card({
     "adyen-kyc-card--fetching": fetching,
     "adyen-kyc-card--secondary": background === "secondary"
   });
-  const headerClassNames = cx("adyen-kyc-card__header", {
+  const headerClassNames = cx("adyen-kyc-card__header", headerClassName, {
     "adyen-kyc-card__header--button": headerButton
   });
+  const bodyClassNames = cx("adyen-kyc-card__body", bodyClassName);
   const tabIndex = stateful ? 0 : void 0;
   const role = stateful ? "button" : void 0;
   const onClickHandler = (e) => {
@@ -23127,7 +23140,7 @@ function Card({
           ] }),
           headerButton && headerButton
         ] }),
-        children && /* @__PURE__ */ jsx("div", { role: "region", className: "adyen-kyc-card__body", children }),
+        children && /* @__PURE__ */ jsx("div", { role: "region", className: bodyClassNames, children }),
         warning && /* @__PURE__ */ jsx(Alert, { className: "adyen-kyc-card__warning", title: warningMessage, variant: "warning" })
       ]
     }
@@ -23161,8 +23174,9 @@ const Modal = ({ children, size = "medium", onBack, onClose }) => {
         "adyen-kyc-modal--with-backButton": onBack
       }),
       onClose,
+      role: "dialog",
       children: /* @__PURE__ */ jsx("div", { className: "adyen-kyc-modal__wrapper", children: /* @__PURE__ */ jsxs("div", { className: "adyen-kyc-modal__main", children: [
-        /* @__PURE__ */ jsx("div", { className: "adyen-kyc-modal-button", children: /* @__PURE__ */ jsx(Button, { tertiary: true, "aria-label": "close", icon: "cross", onClick: onClose, shaded: true }) }),
+        /* @__PURE__ */ jsx("div", { className: "adyen-kyc-modal-button", children: /* @__PURE__ */ jsx(Button, { tertiary: true, ariaLabel: "close", icon: "cross", onClick: onClose, shaded: true }) }),
         children
       ] }) })
     }
@@ -23234,7 +23248,7 @@ const PreferInstantVerificationMethod = ({
       label: hideVerificationWidget ? i18n.get("addAccountWith", {
         values: { providerName: iconName ? "" : provider.name }
       }) : void 0,
-      className: styles$6.preferInstantVerificationMethodInstantButton,
+      className: styles$8.preferInstantVerificationMethodInstantButton,
       onClick: handleClickInstantButton,
       disabled: bankInfoValidated,
       loading: !hideVerificationWidget,
@@ -23242,8 +23256,8 @@ const PreferInstantVerificationMethod = ({
       iconPosition: "right",
       block: true
     }
-  ) : /* @__PURE__ */ jsx(Card, { background: "secondary", className: styles$6.preferInstantVerificationMethodCard, children: i18n.get("unfortunatelyAnInstantProvider") });
-  return /* @__PURE__ */ jsxs("div", { className: styles$6.preferInstantVerificationMethod, children: [
+  ) : /* @__PURE__ */ jsx(Card, { background: "secondary", className: styles$8.preferInstantVerificationMethodCard, children: i18n.get("unfortunatelyAnInstantProvider") });
+  return /* @__PURE__ */ jsxs("div", { className: styles$8.preferInstantVerificationMethod, children: [
     loadingStatus === "loading" ? /* @__PURE__ */ jsx("div", { className: "adyen-kyc-u-margin-bottom-8", children: /* @__PURE__ */ jsx(Skeleton, { height: "2.5rem" }) }) : InstantButton,
     /* @__PURE__ */ jsx(
       Button,
@@ -23281,7 +23295,7 @@ const PreferInstantVerificationMethod = ({
     isModalOpen ? /* @__PURE__ */ jsxs(Modal, { size: "small", onClose: () => setIsModalOpen(false), children: [
       /* @__PURE__ */ jsx(ModalHeader, { children: i18n.get("manuallyAddAccountQuestion") }),
       /* @__PURE__ */ jsx(ModalContent, { children: i18n.get("addingAndVerifiyingABankAccount") }),
-      /* @__PURE__ */ jsx(ModalFooter, { children: /* @__PURE__ */ jsxs("div", { className: styles$6.preferInstantVerificationMethodModalFooter, children: [
+      /* @__PURE__ */ jsx(ModalFooter, { children: /* @__PURE__ */ jsxs("div", { className: styles$8.preferInstantVerificationMethodModalFooter, children: [
         /* @__PURE__ */ jsx(Button, { label: i18n.get("yesContinue"), onClick: handleClickContinue, secondary: true }),
         /* @__PURE__ */ jsx(Button, { onClick: () => setIsModalOpen(false), label: i18n.get("cancel") })
       ] }) })
@@ -23293,8 +23307,8 @@ const PayoutVerificationMethodOptionIcon = ({
   methodsMetadata
 }) => {
   const { i18n } = useI18nContext();
-  const { description, svgName } = methodsMetadata[method];
-  return /* @__PURE__ */ jsx("div", { className: "adyen-kyc-radio-group-card__illustration", children: /* @__PURE__ */ jsx(Svg, { type: "image", name: svgName, title: i18n.get(description) }) });
+  const { description: description2, svgName } = methodsMetadata[method];
+  return /* @__PURE__ */ jsx("div", { className: "adyen-kyc-radio-group-card__illustration", children: /* @__PURE__ */ jsx(Svg, { type: "image", name: svgName, title: i18n.get(description2) }) });
 };
 const PayoutVerificationMethodOptionFooter = ({
   method,
@@ -23452,7 +23466,7 @@ function PayoutVerificationMethod(props) {
       }
     }
   );
-  const description = /* @__PURE__ */ jsx("div", { className: "adyen-kyc-u-margin-bottom-12", children: canChangeEntityType ? /* @__PURE__ */ jsx(AccountHolderDescriptionFragment, { legalEntityResponse }) : /* @__PURE__ */ jsxs(Typography, { children: [
+  const description2 = /* @__PURE__ */ jsx("div", { className: "adyen-kyc-u-margin-bottom-12", children: canChangeEntityType ? /* @__PURE__ */ jsx(AccountHolderDescriptionFragment, { legalEntityResponse }) : /* @__PURE__ */ jsxs(Typography, { children: [
     i18n.get("textToVerifyAccount"),
     " ",
     /* @__PURE__ */ jsx(
@@ -23465,7 +23479,7 @@ function PayoutVerificationMethod(props) {
     )
   ] }) });
   return /* @__PURE__ */ jsxs("form", { className: "adyen-kyc-payout-verification-method", children: [
-    !enableEmphasizedCredentialBankingFlow ? /* @__PURE__ */ jsx(FormHeader, { heading, descriptionComponent: description }) : /* @__PURE__ */ jsxs("div", { className: "adyen-kyc-payout-verification-method__header", children: [
+    !enableEmphasizedCredentialBankingFlow ? /* @__PURE__ */ jsx(FormHeader, { heading, descriptionComponent: description2 }) : /* @__PURE__ */ jsxs("div", { className: "adyen-kyc-payout-verification-method__header", children: [
       /* @__PURE__ */ jsx(
         Svg,
         {
@@ -23478,7 +23492,7 @@ function PayoutVerificationMethod(props) {
       /* @__PURE__ */ jsx(Typography, { variant: "title-l", el: "h2", children: i18n.get("instantlyAddAndVerifyABankAccount") }),
       /* @__PURE__ */ jsxs("div", { className: "adyen-kyc-payout-verification-method__description", children: [
         /* @__PURE__ */ jsx(Typography, { children: i18n.get("securelyUseYourBanksWebsite") }),
-        description
+        description2
       ] })
     ] }),
     instantVerificationError && /* @__PURE__ */ jsx(
@@ -23765,7 +23779,7 @@ function PayoutDetails(props) {
         {
           className: (activeForm == null ? void 0 : activeForm.formId) !== payoutSteps.payoutAccountDetails.formId ? "adyen-kyc-form-wrapper adyen-kyc-form-wrapper--hidden" : "adyen-kyc-form-wrapper",
           children: /* @__PURE__ */ jsx(
-            MemoizedPayoutAccount,
+            PayoutAccount,
             {
               ...payoutAccountFormProps,
               heading: taskHeading,
@@ -26812,7 +26826,7 @@ const structuredListListItem = "adyen-kyc-structured-list-list-item";
 const adyenLayoutMd = "adyen-layout-md";
 const structuredListLabel = "adyen-kyc-structured-list-label";
 const structuredListValue = "adyen-kyc-structured-list-value";
-const styles$5 = {
+const styles$7 = {
   "structured-list": "adyen-kyc-structured-list",
   structuredList,
   "structured-list-list-item": "adyen-kyc-structured-list-list-item",
@@ -26826,9 +26840,9 @@ const styles$5 = {
 };
 const StructuredList = ({ items }) => {
   const { i18n } = useI18nContext();
-  return /* @__PURE__ */ jsx("dl", { className: styles$5.structuredList, children: items.map((item) => /* @__PURE__ */ jsxs("div", { className: styles$5.structuredListListItem, children: [
-    /* @__PURE__ */ jsx("dt", { className: styles$5.structuredListLabel, children: i18n.get(item.labelKey) }),
-    /* @__PURE__ */ jsx("dd", { className: styles$5.structuredListValue, children: item.value })
+  return /* @__PURE__ */ jsx("dl", { className: styles$7.structuredList, children: items.map((item) => /* @__PURE__ */ jsxs("div", { className: styles$7.structuredListListItem, children: [
+    /* @__PURE__ */ jsx("dt", { className: styles$7.structuredListLabel, children: i18n.get(item.labelKey) }),
+    /* @__PURE__ */ jsx("dd", { className: styles$7.structuredListValue, children: item.value })
   ] }, item.labelKey)) });
 };
 function VerifiedBusinessCard({
@@ -26902,6 +26916,7 @@ const ADDITIONAL_INFORMATION_FIELDS = [
   ...STOCK_EXCHANGE_MIC_FIELD,
   ...STOCK_ISIN_FIELD,
   ...STOCK_TICKER_SYMBOL_FIELD,
+  ...EINVOICING_CODE_FIELD,
   "legalFormDescription",
   ...registrationAddressFields
 ];
@@ -26911,7 +26926,7 @@ function AdditionalInformation({
   placeholders,
   helperText,
   heading,
-  description,
+  description: description2,
   readOnly,
   shouldValidate,
   formVerificationErrors,
@@ -27221,7 +27236,7 @@ function AdditionalInformation({
     return i18n.get("registeredBusinessAddressDescription");
   }, [datasetUtils, (_e = formData == null ? void 0 : formData.registrationAddress) == null ? void 0 : _e.country, i18n]);
   return /* @__PURE__ */ jsxs("form", { id: ADDITIONAL_INFORMATION_FORM_ID, className: "adyen-kyc-additional-information", children: [
-    /* @__PURE__ */ jsx(FormHeader, { heading, description }),
+    /* @__PURE__ */ jsx(FormHeader, { heading, description: description2 }),
     /* @__PURE__ */ jsx(
       ErrorPanel,
       {
@@ -27911,7 +27926,7 @@ function BasicInformation({
   placeholders,
   helperText,
   heading,
-  description,
+  description: description2,
   readOnly,
   shouldValidate,
   formVerificationErrors,
@@ -27955,7 +27970,7 @@ function BasicInformation({
     "EnableCountryOfGoverningLawForUKCompanies"
   );
   const formDescription = /* @__PURE__ */ jsxs("div", { className: "adyen-kyc-form-header__description", children: [
-    description,
+    description2,
     " ",
     /* @__PURE__ */ jsx(Link, { href: "https://www.adyen.com/privacy-policy", external: true, children: i18n.get("basicInformationFormDescriptionLink") })
   ] });
@@ -28324,7 +28339,7 @@ function CompanyStructure({
   data,
   labels: labels2,
   heading,
-  description,
+  description: description2,
   formVerificationErrors,
   fieldValidationErrors,
   requiredFields,
@@ -28394,7 +28409,7 @@ function CompanyStructure({
   const companyTypeRadioOptions = canChangeEntityType && accountHolder !== "aTrust" ? companyTypeOptions.filter((companyType) => !excludedTypes.includes(companyType)) : companyTypeOptions;
   const companyTypeExamples2 = useCompanyTypeExamples(country);
   return /* @__PURE__ */ jsxs("form", { children: [
-    /* @__PURE__ */ jsx(FormHeader, { heading, description }),
+    /* @__PURE__ */ jsx(FormHeader, { heading, description: description2 }),
     /* @__PURE__ */ jsx(
       ErrorPanel,
       {
@@ -31563,11 +31578,11 @@ const mapRootLegalEntityToTrustMember = (rootLegalEntity) => ({
   legalEntityId: rootLegalEntity.id,
   name: getLegalEntityNameBasedOnType(rootLegalEntity)
 });
-const mapUndefinedBeneficiaryInfoToTrustMembers = (undefinedBeneficiaryInfo) => undefinedBeneficiaryInfo.map(({ reference, description }) => ({
+const mapUndefinedBeneficiaryInfoToTrustMembers = (undefinedBeneficiaryInfo) => undefinedBeneficiaryInfo.map(({ reference, description: description2 }) => ({
   trustMemberType: "undefinedBeneficiary",
   roles: [TrustMemberTypes.UNDEFINED_BENEFICIARY],
   reference,
-  description
+  description: description2
 }));
 const getTrustMembers = (trustLE, rootLegalEntity, exemptSettlorLE) => {
   var _a;
@@ -32780,6 +32795,211 @@ function useStore(api, selector = identity) {
   React.useDebugValue(slice);
   return slice;
 }
+const __vite_import_meta_env__ = { "BASE_URL": "/", "DEV": false, "MODE": "production", "PROD": true, "SSR": false };
+const trackedConnections = /* @__PURE__ */ new Map();
+const getTrackedConnectionState = (name) => {
+  const api = trackedConnections.get(name);
+  if (!api) return {};
+  return Object.fromEntries(
+    Object.entries(api.stores).map(([key, api2]) => [key, api2.getState()])
+  );
+};
+const extractConnectionInformation = (store, extensionConnector, options) => {
+  if (store === void 0) {
+    return {
+      type: "untracked",
+      connection: extensionConnector.connect(options)
+    };
+  }
+  const existingConnection = trackedConnections.get(options.name);
+  if (existingConnection) {
+    return { type: "tracked", store, ...existingConnection };
+  }
+  const newConnection = {
+    connection: extensionConnector.connect(options),
+    stores: {}
+  };
+  trackedConnections.set(options.name, newConnection);
+  return { type: "tracked", store, ...newConnection };
+};
+const devtoolsImpl = (fn, devtoolsOptions = {}) => (set, get, api) => {
+  const { enabled, anonymousActionType, store, ...options } = devtoolsOptions;
+  let extensionConnector;
+  try {
+    extensionConnector = (enabled != null ? enabled : (__vite_import_meta_env__ ? "production" : void 0) !== "production") && window.__REDUX_DEVTOOLS_EXTENSION__;
+  } catch (e) {
+  }
+  if (!extensionConnector) {
+    return fn(set, get, api);
+  }
+  const { connection, ...connectionInformation } = extractConnectionInformation(store, extensionConnector, options);
+  let isRecording = true;
+  api.setState = (state, replace, nameOrAction) => {
+    const r = set(state, replace);
+    if (!isRecording) return r;
+    const action = nameOrAction === void 0 ? { type: anonymousActionType || "anonymous" } : typeof nameOrAction === "string" ? { type: nameOrAction } : nameOrAction;
+    if (store === void 0) {
+      connection == null ? void 0 : connection.send(action, get());
+      return r;
+    }
+    connection == null ? void 0 : connection.send(
+      {
+        ...action,
+        type: `${store}/${action.type}`
+      },
+      {
+        ...getTrackedConnectionState(options.name),
+        [store]: api.getState()
+      }
+    );
+    return r;
+  };
+  const setStateFromDevtools = (...a) => {
+    const originalIsRecording = isRecording;
+    isRecording = false;
+    set(...a);
+    isRecording = originalIsRecording;
+  };
+  const initialState = fn(api.setState, get, api);
+  if (connectionInformation.type === "untracked") {
+    connection == null ? void 0 : connection.init(initialState);
+  } else {
+    connectionInformation.stores[connectionInformation.store] = api;
+    connection == null ? void 0 : connection.init(
+      Object.fromEntries(
+        Object.entries(connectionInformation.stores).map(([key, store2]) => [
+          key,
+          key === connectionInformation.store ? initialState : store2.getState()
+        ])
+      )
+    );
+  }
+  if (api.dispatchFromDevtools && typeof api.dispatch === "function") {
+    let didWarnAboutReservedActionType = false;
+    const originalDispatch = api.dispatch;
+    api.dispatch = (...a) => {
+      if ((__vite_import_meta_env__ ? "production" : void 0) !== "production" && a[0].type === "__setState" && !didWarnAboutReservedActionType) {
+        console.warn(
+          '[zustand devtools middleware] "__setState" action type is reserved to set state from the devtools. Avoid using it.'
+        );
+        didWarnAboutReservedActionType = true;
+      }
+      originalDispatch(...a);
+    };
+  }
+  connection.subscribe((message) => {
+    var _a;
+    switch (message.type) {
+      case "ACTION":
+        if (typeof message.payload !== "string") {
+          console.error(
+            "[zustand devtools middleware] Unsupported action format"
+          );
+          return;
+        }
+        return parseJsonThen(
+          message.payload,
+          (action) => {
+            if (action.type === "__setState") {
+              if (store === void 0) {
+                setStateFromDevtools(action.state);
+                return;
+              }
+              if (Object.keys(action.state).length !== 1) {
+                console.error(
+                  `
+                    [zustand devtools middleware] Unsupported __setState action format.
+                    When using 'store' option in devtools(), the 'state' should have only one key, which is a value of 'store' that was passed in devtools(),
+                    and value of this only key should be a state object. Example: { "type": "__setState", "state": { "abc123Store": { "foo": "bar" } } }
+                    `
+                );
+              }
+              const stateFromDevtools = action.state[store];
+              if (stateFromDevtools === void 0 || stateFromDevtools === null) {
+                return;
+              }
+              if (JSON.stringify(api.getState()) !== JSON.stringify(stateFromDevtools)) {
+                setStateFromDevtools(stateFromDevtools);
+              }
+              return;
+            }
+            if (!api.dispatchFromDevtools) return;
+            if (typeof api.dispatch !== "function") return;
+            api.dispatch(action);
+          }
+        );
+      case "DISPATCH":
+        switch (message.payload.type) {
+          case "RESET":
+            setStateFromDevtools(initialState);
+            if (store === void 0) {
+              return connection == null ? void 0 : connection.init(api.getState());
+            }
+            return connection == null ? void 0 : connection.init(getTrackedConnectionState(options.name));
+          case "COMMIT":
+            if (store === void 0) {
+              connection == null ? void 0 : connection.init(api.getState());
+              return;
+            }
+            return connection == null ? void 0 : connection.init(getTrackedConnectionState(options.name));
+          case "ROLLBACK":
+            return parseJsonThen(message.state, (state) => {
+              if (store === void 0) {
+                setStateFromDevtools(state);
+                connection == null ? void 0 : connection.init(api.getState());
+                return;
+              }
+              setStateFromDevtools(state[store]);
+              connection == null ? void 0 : connection.init(getTrackedConnectionState(options.name));
+            });
+          case "JUMP_TO_STATE":
+          case "JUMP_TO_ACTION":
+            return parseJsonThen(message.state, (state) => {
+              if (store === void 0) {
+                setStateFromDevtools(state);
+                return;
+              }
+              if (JSON.stringify(api.getState()) !== JSON.stringify(state[store])) {
+                setStateFromDevtools(state[store]);
+              }
+            });
+          case "IMPORT_STATE": {
+            const { nextLiftedState } = message.payload;
+            const lastComputedState = (_a = nextLiftedState.computedStates.slice(-1)[0]) == null ? void 0 : _a.state;
+            if (!lastComputedState) return;
+            if (store === void 0) {
+              setStateFromDevtools(lastComputedState);
+            } else {
+              setStateFromDevtools(lastComputedState[store]);
+            }
+            connection == null ? void 0 : connection.send(
+              null,
+              // FIXME no-any
+              nextLiftedState
+            );
+            return;
+          }
+          case "PAUSE_RECORDING":
+            return isRecording = !isRecording;
+        }
+        return;
+    }
+  });
+  return initialState;
+};
+const devtools = devtoolsImpl;
+const parseJsonThen = (stringified, f) => {
+  let parsed;
+  try {
+    parsed = JSON.parse(stringified);
+  } catch (e) {
+    console.error(
+      "[zustand devtools middleware] Could not parse the received json",
+      e
+    );
+  }
+  if (parsed !== void 0) f(parsed);
+};
 var dist = {};
 (function(exports) {
   Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
@@ -33114,17 +33334,23 @@ const mapReceivedTaskType = (taskType) => {
       return taskType;
   }
 };
-const logger$s = createLogger("taskStore");
+const logger$s = createLogger("globalStore");
 const computed = dist.createComputed(
   ({
     taskTypes,
     rootLegalEntity,
     accountHolder,
-    capabilityProblems,
-    legalRepresentative,
-    transferInstruments,
-    trustMembers
+    trustMembers,
+    isExperimentEnabled
   }) => {
+    const rootLegalEntityCountry = getLegalEntityCountry(rootLegalEntity);
+    const capabilityProblems = getCapabilityProblems(
+      rootLegalEntity,
+      rootLegalEntityCountry,
+      isExperimentEnabled
+    );
+    const legalRepresentative = getLegalRepresentative(rootLegalEntity);
+    const transferInstruments = rootLegalEntity.transferInstruments ?? [];
     const tasks = determineTaskIdentifiers({
       taskTypes,
       rootLegalEntity,
@@ -33152,45 +33378,46 @@ const computed = dist.createComputed(
       return acc;
     }, {});
     return {
+      capabilityProblems,
+      transferInstruments,
+      legalRepresentative,
+      rootLegalEntityCountry,
       tasks,
       taskStatuses
     };
   }
 );
-const createTaskStore = () => createStore(
-  computed((set) => ({
-    // Defaults
-    taskTypes: [],
-    rootLegalEntity: void 0,
-    accountHolder: void 0,
-    capabilityProblems: void 0,
-    legalRepresentative: void 0,
-    trustMembers: [],
-    transferInstruments: [],
-    setTaskTypes: (taskTypes) => set({ taskTypes }),
-    setRootLegalEntity: (rootLegalEntity) => set({ rootLegalEntity }),
-    setAccountHolder: (accountHolder) => set({ accountHolder }),
-    setCapabilityProblems: (capabilityProblems) => set({ capabilityProblems }),
-    setLegalRepresentative: (legalRepresentative) => set({ legalRepresentative }),
-    setTrustMembers: (trustMembers) => set({ trustMembers }),
-    setTransferInstruments: (transferInstruments) => set({ transferInstruments }),
-    updateRootLegalEntityAndAssociated: (inputs) => set(inputs)
-  }))
+const createGlobalStore = ({
+  rootLegalEntity,
+  isExperimentEnabled
+}) => createStore(
+  computed(
+    devtools(
+      (set) => ({
+        // Defaults
+        rootLegalEntity,
+        taskTypes: [],
+        accountHolder: void 0,
+        trustMembers: [],
+        setRootLegalEntity: (rootLegalEntity2) => set({ rootLegalEntity: rootLegalEntity2 }),
+        setTaskTypes: (taskTypes) => set({ taskTypes }),
+        setAccountHolder: (accountHolder) => set({ accountHolder }),
+        setTrustMembers: (trustMembers) => set({ trustMembers }),
+        isExperimentEnabled
+      })
+    )
+  )
 );
-const TaskContext = createContext(null);
-function useTaskStore(selector) {
-  const store = useContext(TaskContext);
+const StoreContext = createContext(null);
+function useGlobalStore(selector) {
+  const store = useContext(StoreContext);
   if (!store) {
-    throw new Error("`useTaskStore()` must be called from within a `TaskContext.Provider`");
+    throw new Error("`useGlobalStore()` must be called from within a `StoreContext.Provider`");
   }
-  return useStore(
-    store,
-    selector
-    /* to avoid eslint error for "calling a hook conditionally" */
-  );
+  return useStore(store, selector);
 }
-const useTasks = () => useTaskStore((state) => state.tasks);
-const useTaskStatuses = () => useTaskStore((state) => state.taskStatuses);
+const useTasks = () => useGlobalStore((state) => state.tasks);
+const useTaskStatuses = () => useGlobalStore((state) => state.taskStatuses);
 const useGetTaskStatus = () => {
   const taskStatuses = useTaskStatuses();
   return useCallback(
@@ -36071,11 +36298,11 @@ function PayoutDetailsDropin({
   );
 }
 const outlinedIcon = "adyen-kyc-outlined-icon";
-const styles$4 = {
+const styles$6 = {
   "outlined-icon": "adyen-kyc-outlined-icon",
   outlinedIcon
 };
-const OutlinedIcon = ({ name }) => /* @__PURE__ */ jsx("div", { className: styles$4.outlinedIcon, children: /* @__PURE__ */ jsx(Icon, { name }) });
+const OutlinedIcon = ({ name }) => /* @__PURE__ */ jsx("div", { className: styles$6.outlinedIcon, children: /* @__PURE__ */ jsx(Icon, { name }) });
 const Splashscreen = ({ title, subtitle, icon, buttonText, onClick }) => {
   const { i18n } = useI18nContext();
   return /* @__PURE__ */ jsxs("div", { className: "adyen-kyc-splashscreen", children: [
@@ -36099,10 +36326,6 @@ function ContractViewer({ contract, className, onExpandSection }) {
   }, [contract, adyenDocumentViewer, onExpandSection]);
   return /* @__PURE__ */ jsx("div", { ref: container, className: classNames });
 }
-const EmbeddedActionBar = ({ left, right }) => /* @__PURE__ */ jsxs("footer", { className: "adyen-kyc-embedded-action-bar", children: [
-  /* @__PURE__ */ jsx("section", { children: left }),
-  /* @__PURE__ */ jsx("section", { className: "adyen-kyc-embedded-action-bar-right", children: right })
-] });
 const pciValidationRules = {
   signer: {
     modes: ["blur"],
@@ -36123,7 +36346,6 @@ function PciDropin({
   handleSign,
   taskType = TaskTypes.PCI_DSS,
   trackingConfig,
-  asEmbedded = false,
   asModal = false,
   needsSigning = true,
   // TODO: move up to upcoming layout
@@ -36208,7 +36430,7 @@ function PciDropin({
     userEvents.addEvent("Started PCI task", {
       segmentation: { ...baseTrackingPayload }
     });
-  }, []);
+  }, [baseTrackingPayload]);
   const acceptPciLabel = /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx("span", { children: i18n.get("byClickingSignIAcknowledgeAndAgree") }),
     /* @__PURE__ */ jsxs("ul", { children: [
@@ -36216,69 +36438,65 @@ function PciDropin({
       /* @__PURE__ */ jsx("li", { children: i18n.get("basedOnTheAboveSignatory") })
     ] })
   ] });
-  const content = /* @__PURE__ */ jsxs(LoaderWrapper, { status: loadingStatus, formOpacityWhenLoading: 0.3, showSpinner: false, children: [
-    hasExpired && /* @__PURE__ */ jsx(ExpiredBanner, {}),
-    /* @__PURE__ */ jsx(ContractViewer, { contract: pciQuestionnaire, onExpandSection: handleExpandSection }),
-    /* @__PURE__ */ jsx(
-      Field,
-      {
-        name: "signer",
-        label: i18n.get("signer"),
-        classNameModifiers: ["col-50"],
-        className: "adyen-kyc-u-margin-y-32",
-        errorMessage: i18n.get((_c = errors.signer) == null ? void 0 : _c.errorMessage),
-        isValid: valid.signer,
-        children: (childProps) => /* @__PURE__ */ jsx(
-          Select,
-          {
-            ...childProps,
-            onChange: handleChangeFor("signer", "blur"),
-            name: "signer",
-            placeholder: i18n.get("selectSigner"),
-            selected: data.signer,
-            items: signers
-          }
-        )
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      Field,
+  return /* @__PURE__ */ jsxs(MaybeModal, { inline: !asModal, onClose: handleCloseClick, children: [
+    /* @__PURE__ */ jsx(ModalContent, { children: !needsSigning ? /* @__PURE__ */ jsx(
+      Splashscreen,
       {
-        name: "acceptPci",
-        errorMessage: i18n.get((_d = errors.acceptPci) == null ? void 0 : _d.errorMessage),
-        isValid: valid.acceptPci,
-        showErrorIconBottom: true,
-        children: (childProps) => /* @__PURE__ */ jsx(
-          Checkbox,
-          {
-            ...childProps,
-            label: acceptPciLabel,
-            checked: data.acceptPci ?? false,
-            name: "acceptPci",
-            onChange: handleChangeFor("acceptPci")
-          }
-        )
+        icon: "check",
+        title: i18n.get("serviceAgreementSignedAndDated"),
+        onClick: handleCloseClick
       }
-    )
+    ) : /* @__PURE__ */ jsxs(LoaderWrapper, { status: loadingStatus, formOpacityWhenLoading: 0.3, showSpinner: false, children: [
+      hasExpired && /* @__PURE__ */ jsx(ExpiredBanner, {}),
+      /* @__PURE__ */ jsx(ContractViewer, { contract: pciQuestionnaire, onExpandSection: handleExpandSection }),
+      /* @__PURE__ */ jsx(
+        Field,
+        {
+          name: "signer",
+          label: i18n.get("signer"),
+          classNameModifiers: ["col-50"],
+          className: "adyen-kyc-u-margin-y-32",
+          errorMessage: i18n.get((_c = errors.signer) == null ? void 0 : _c.errorMessage),
+          isValid: valid.signer,
+          children: (childProps) => /* @__PURE__ */ jsx(
+            Select,
+            {
+              ...childProps,
+              onChange: handleChangeFor("signer", "blur"),
+              name: "signer",
+              placeholder: i18n.get("selectSigner"),
+              selected: data.signer,
+              items: signers
+            }
+          )
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        Field,
+        {
+          name: "acceptPci",
+          errorMessage: i18n.get((_d = errors.acceptPci) == null ? void 0 : _d.errorMessage),
+          isValid: valid.acceptPci,
+          showErrorIconBottom: true,
+          children: (childProps) => /* @__PURE__ */ jsx(
+            Checkbox,
+            {
+              ...childProps,
+              label: acceptPciLabel,
+              checked: data.acceptPci ?? false,
+              name: "acceptPci",
+              onChange: handleChangeFor("acceptPci")
+            }
+          )
+        }
+      )
+    ] }) }),
+    /* @__PURE__ */ jsxs(ModalFooter, { children: [
+      /* @__PURE__ */ jsx("div", { style: { flex: "1" } }),
+      /* @__PURE__ */ jsx(Button, { label: i18n.get("finishLater"), secondary: true, icon: "save", onClick: goHome }),
+      /* @__PURE__ */ jsx(Button, { label: i18n.get("sign"), onClick: handleSignClick })
+    ] })
   ] });
-  const footer = !asEmbedded ? /* @__PURE__ */ jsx(ActionBar, { onHome: goHome, onNext: handleSignClick, nextButtonLabel: i18n.get("sign") }) : /* @__PURE__ */ jsx(EmbeddedActionBar, { right: /* @__PURE__ */ jsx(Button, { label: i18n.get("sign"), onClick: handleSignClick }) });
-  const endScreen = !needsSigning && /* @__PURE__ */ jsx(
-    Splashscreen,
-    {
-      icon: "check",
-      title: i18n.get("serviceAgreementSignedAndDated"),
-      onClick: handleCloseClick
-    }
-  );
-  return /* @__PURE__ */ jsx(
-    DropinLayout,
-    {
-      showAsModal: asModal,
-      onClose: handleCloseClick,
-      content: endScreen || content,
-      footer
-    }
-  );
 }
 const convertExistingSettlorExemptionReasons = (existingReasons) => {
   if (!existingReasons || !existingReasons.length) return ["noneOfTheAbove"];
@@ -36438,7 +36656,7 @@ const roleAndTypeValidationRules = {
   },
   descriptionUndefinedBeneficiary: {
     modes: ["blur"],
-    validate: (description) => !isEmpty$1(description),
+    validate: (description2) => !isEmpty$1(description2),
     errorMessage: "fieldIsRequired"
   },
   settlorExemptionReason: {
@@ -36771,12 +36989,12 @@ const TrustRoleAndEntityType = (props) => {
   ] });
 };
 const settlorExemptionReasonsList = "adyen-kyc-settlor-exemption-reasons-list";
-const styles$3 = {
+const styles$5 = {
   "settlor-exemption-reasons-list": "adyen-kyc-settlor-exemption-reasons-list",
   settlorExemptionReasonsList
 };
 const formatRolesForSummary = (roles, i18n) => roles.map((role) => i18n.get(getRoleName(role))).join(", ");
-const formatSettlorExemptionReasonsForSummary = (reasons, i18n) => /* @__PURE__ */ jsx("ul", { className: styles$3.settlorExemptionReasonsList, children: reasons.map((reason) => /* @__PURE__ */ jsx("li", { children: i18n.get(reason) }, reason)) });
+const formatSettlorExemptionReasonsForSummary = (reasons, i18n) => /* @__PURE__ */ jsx("ul", { className: styles$5.settlorExemptionReasonsList, children: reasons.map((reason) => /* @__PURE__ */ jsx("li", { children: i18n.get(reason) }, reason)) });
 const formatRoleAndEntityTypeSummary = (data, i18n, isOrganizationSettlorWithExemptionEnabled) => {
   var _a, _b;
   const { trustMemberType, roles } = data;
@@ -37048,6 +37266,10 @@ function RoleAndTypeDropin({
   ] });
   return /* @__PURE__ */ jsx(DropinLayout, { content });
 }
+const EmbeddedActionBar = ({ left, right }) => /* @__PURE__ */ jsxs("footer", { className: "adyen-kyc-embedded-action-bar", children: [
+  /* @__PURE__ */ jsx("section", { children: left }),
+  /* @__PURE__ */ jsx("section", { className: "adyen-kyc-embedded-action-bar-right", children: right })
+] });
 const serviceAgreementValidationRules = {
   signer: { modes: ["blur"], validate: (signer) => !!signer, errorMessage: "fieldIsRequired" },
   acceptServiceAgreement: {
@@ -38369,7 +38591,7 @@ const sourceOfFundsTellUsMoreValidations = {
   ],
   description: {
     modes: ["blur"],
-    validate: (description) => !isEmpty$1(description),
+    validate: (description2) => !isEmpty$1(description2),
     errorMessage: "fieldIsRequired"
   }
 };
@@ -38583,7 +38805,7 @@ function SourceOfFunds(props) {
   const { i18n } = useI18nContext();
   const { activeForm } = props;
   const formWrapperClasses = (formId) => (activeForm == null ? void 0 : activeForm.formId) !== formId ? "adyen-kyc-form-wrapper adyen-kyc-form-wrapper--hidden" : "adyen-kyc-form-wrapper";
-  const renderActiveForm = () => /* @__PURE__ */ jsxs("div", { className: "adyen-kyc-form-wrapper", children: [
+  return /* @__PURE__ */ jsxs("div", { className: "adyen-kyc-form-wrapper", children: [
     /* @__PURE__ */ jsx("div", { className: formWrapperClasses("sourceOfFundsType"), children: /* @__PURE__ */ jsx(
       SourceOfFundsType,
       {
@@ -38598,8 +38820,224 @@ function SourceOfFunds(props) {
     ) }),
     /* @__PURE__ */ jsx("div", { className: formWrapperClasses("companySourceOfFunds"), children: /* @__PURE__ */ jsx("div", { children: i18n.get("uploadADocument") }) })
   ] });
-  return /* @__PURE__ */ jsx("div", { children: renderActiveForm() });
 }
+const description = "adyen-kyc-description";
+const descriptionSectionField = "adyen-kyc-description-section-field";
+const adyenLayoutXsOnly = "adyen-layout-xs-only";
+const descriptionSectionLabel = "adyen-kyc-description-section-label";
+const descriptionSectionData = "adyen-kyc-description-section-data";
+const styles$4 = {
+  description,
+  "description-section-field": "adyen-kyc-description-section-field",
+  descriptionSectionField,
+  "adyen-layout-xs-only": "adyen-layout-xs-only",
+  adyenLayoutXsOnly,
+  "description-section-label": "adyen-kyc-description-section-label",
+  descriptionSectionLabel,
+  "description-section-data": "adyen-kyc-description-section-data",
+  descriptionSectionData
+};
+const Description = ({ className, list }) => {
+  const descriptionClassNames = cx(styles$4.description, className);
+  return /* @__PURE__ */ jsx("dl", { className: descriptionClassNames, children: list.map(({ term, details }, index) => /* @__PURE__ */ jsxs("div", { className: styles$4.descriptionSectionField, children: [
+    /* @__PURE__ */ jsx("dt", { className: styles$4.descriptionSectionLabel, children: term }),
+    /* @__PURE__ */ jsx("dd", { className: styles$4.descriptionSectionData, children: details })
+  ] }, index)) });
+};
+const sourceOfFunds = "adyen-kyc-source-of-funds";
+const sourceOfFundsGettingStarted = "adyen-kyc-source-of-funds-getting-started";
+const sourceOfFundsGettingStartedIcon = "adyen-kyc-source-of-funds-getting-started-icon";
+const sourceOfFundsGettingStartedHeading = "adyen-kyc-source-of-funds-getting-started-heading";
+const sourceOfFundsGettingStartedBody = "adyen-kyc-source-of-funds-getting-started-body";
+const sourceOfFundsGettingStartedHelpHeader = "adyen-kyc-source-of-funds-getting-started-help-header";
+const sourceOfFundsGettingStartedHelpBody = "adyen-kyc-source-of-funds-getting-started-help-body";
+const sourceOfFundsGettingStartedCards = "adyen-kyc-source-of-funds-getting-started-cards";
+const sourceOfFundsGettingStartedCardsCard = "adyen-kyc-source-of-funds-getting-started-cards-card";
+const sourceOfFundsGettingStartedCardsCardHeader = "adyen-kyc-source-of-funds-getting-started-cards-card-header";
+const sourceOfFundsGettingStartedCardsCardBody = "adyen-kyc-source-of-funds-getting-started-cards-card-body";
+const sourceOfFundsGettingStartedCardsCardDescription = "adyen-kyc-source-of-funds-getting-started-cards-card-description";
+const sourceOfFundsGettingStartedActions = "adyen-kyc-source-of-funds-getting-started-actions";
+const sourceOfFundsGettingStartedHelpButton = "adyen-kyc-source-of-funds-getting-started-help-button";
+const sourceOfFundsGettingStartedPrimaryButton = "adyen-kyc-source-of-funds-getting-started-primary-button";
+const styles$3 = {
+  "source-of-funds": "adyen-kyc-source-of-funds",
+  sourceOfFunds,
+  "source-of-funds-getting-started": "adyen-kyc-source-of-funds-getting-started",
+  sourceOfFundsGettingStarted,
+  "source-of-funds-getting-started-icon": "adyen-kyc-source-of-funds-getting-started-icon",
+  sourceOfFundsGettingStartedIcon,
+  "source-of-funds-getting-started-heading": "adyen-kyc-source-of-funds-getting-started-heading",
+  sourceOfFundsGettingStartedHeading,
+  "source-of-funds-getting-started-body": "adyen-kyc-source-of-funds-getting-started-body",
+  sourceOfFundsGettingStartedBody,
+  "source-of-funds-getting-started-help-header": "adyen-kyc-source-of-funds-getting-started-help-header",
+  sourceOfFundsGettingStartedHelpHeader,
+  "source-of-funds-getting-started-help-body": "adyen-kyc-source-of-funds-getting-started-help-body",
+  sourceOfFundsGettingStartedHelpBody,
+  "source-of-funds-getting-started-cards": "adyen-kyc-source-of-funds-getting-started-cards",
+  sourceOfFundsGettingStartedCards,
+  "source-of-funds-getting-started-cards-card": "adyen-kyc-source-of-funds-getting-started-cards-card",
+  sourceOfFundsGettingStartedCardsCard,
+  "source-of-funds-getting-started-cards-card-header": "adyen-kyc-source-of-funds-getting-started-cards-card-header",
+  sourceOfFundsGettingStartedCardsCardHeader,
+  "source-of-funds-getting-started-cards-card-body": "adyen-kyc-source-of-funds-getting-started-cards-card-body",
+  sourceOfFundsGettingStartedCardsCardBody,
+  "source-of-funds-getting-started-cards-card-description": "adyen-kyc-source-of-funds-getting-started-cards-card-description",
+  sourceOfFundsGettingStartedCardsCardDescription,
+  "source-of-funds-getting-started-actions": "adyen-kyc-source-of-funds-getting-started-actions",
+  sourceOfFundsGettingStartedActions,
+  "source-of-funds-getting-started-help-button": "adyen-kyc-source-of-funds-getting-started-help-button",
+  sourceOfFundsGettingStartedHelpButton,
+  "source-of-funds-getting-started-primary-button": "adyen-kyc-source-of-funds-getting-started-primary-button",
+  sourceOfFundsGettingStartedPrimaryButton
+};
+const SourceOfFundsGettingStarted = ({
+  handleGettingStartedClick,
+  handleCancelClick,
+  handleHelpClick,
+  handleSourceOfFundsClick,
+  businessLines
+}) => {
+  var _a;
+  const { i18n } = useI18nContext();
+  const hasSourceOfFunds = (businessLines == null ? void 0 : businessLines.length) > 0 && !isEmpty((_a = businessLines[0]) == null ? void 0 : _a.sourceOfFunds);
+  const mapBusinessLines = useCallback(
+    (lines) => lines.map((line) => {
+      var _a2, _b, _c, _d, _e, _f, _g, _h, _i, _j;
+      const mappedSourceOfFunds = [
+        { term: "Source of Funds Type", details: (_a2 = line == null ? void 0 : line.sourceOfFunds) == null ? void 0 : _a2.type },
+        {
+          term: "Adyen Processed Funds",
+          details: (_c = (_b = line == null ? void 0 : line.sourceOfFunds) == null ? void 0 : _b.adyenProcessedFunds) == null ? void 0 : _c.toString()
+        },
+        {
+          term: "Amount",
+          details: `${(_e = (_d = line == null ? void 0 : line.sourceOfFunds) == null ? void 0 : _d.amount) == null ? void 0 : _e.value} ${(_g = (_f = line == null ? void 0 : line.sourceOfFunds) == null ? void 0 : _f.amount) == null ? void 0 : _g.currency}`
+        },
+        { term: "Date of Source Event", details: (_h = line == null ? void 0 : line.sourceOfFunds) == null ? void 0 : _h.dateOfSourceEvent },
+        { term: "Website", details: (_i = line == null ? void 0 : line.sourceOfFunds) == null ? void 0 : _i.website }
+      ];
+      const editOrStart = (_j = line == null ? void 0 : line.sourceOfFunds) == null ? void 0 : _j.type;
+      const SoF = mapSourceOfFundToSourceOfFundsSchema(line);
+      return /* @__PURE__ */ jsx(
+        Card,
+        {
+          className: styles$3.sourceOfFundsGettingStartedCardsCard,
+          headerClassName: styles$3.sourceOfFundsGettingStartedCardsCardHeader,
+          bodyClassName: styles$3.sourceOfFundsGettingStartedCardsCardBody,
+          title: line == null ? void 0 : line.service,
+          stateful: true,
+          onClick: () => handleSourceOfFundsClick(SoF),
+          headerButton: /* @__PURE__ */ jsx(
+            Button,
+            {
+              secondary: !!editOrStart,
+              testId: "source-of-funds-getting-card-secondary-button",
+              label: editOrStart ? i18n.get("update") : i18n.get("start"),
+              onClick: () => handleSourceOfFundsClick(SoF)
+            }
+          ),
+          children: editOrStart && /* @__PURE__ */ jsx(
+            Description,
+            {
+              className: styles$3.sourceOfFundsGettingStartedCardsCardDescription,
+              list: mappedSourceOfFunds
+            }
+          )
+        },
+        line.id
+      );
+    }),
+    [handleSourceOfFundsClick, i18n]
+  );
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: styles$3.sourceOfFundsGettingStarted,
+      "data-testid": "source-of-funds-getting-started",
+      children: [
+        !hasSourceOfFunds && /* @__PURE__ */ jsx(
+          Svg,
+          {
+            type: "image",
+            testId: "source-of-funds-getting-started-icon",
+            name: "source-of-funds",
+            className: styles$3.sourceOfFundsGettingStartedIcon
+          }
+        ),
+        /* @__PURE__ */ jsx(Typography, { className: styles$3.sourceOfFundsGettingStartedHeading, el: "h2", variant: "title-l", children: i18n.get("gettingStartedHeading") }),
+        /* @__PURE__ */ jsx("div", { className: styles$3.sourceOfFundsGettingStartedBody, children: /* @__PURE__ */ jsx(Typography, { children: i18n.get("gettingStartedBody") }) }),
+        hasSourceOfFunds && /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx("div", { className: styles$3.sourceOfFundsGettingStartedCards, children: mapBusinessLines(businessLines) }),
+          handleCancelClick && /* @__PURE__ */ jsx(
+            Button,
+            {
+              tertiary: true,
+              block: true,
+              large: true,
+              testId: "source-of-funds-getting-return-button",
+              className: styles$3.sourceOfFundsGettingStartedCancelButton,
+              onClick: handleCancelClick,
+              label: i18n.get("returnToTaskList")
+            }
+          )
+        ] }),
+        !hasSourceOfFunds && /* @__PURE__ */ jsxs(Fragment, { children: [
+          handleHelpClick && /* @__PURE__ */ jsx(
+            Button,
+            {
+              tertiary: true,
+              block: true,
+              className: styles$3.sourceOfFundsGettingStartedHelpButton,
+              onClick: handleHelpClick,
+              testId: "source-of-funds-getting-help-button",
+              label: i18n.get("gettingStartedHelp")
+            }
+          ),
+          /* @__PURE__ */ jsxs("div", { className: styles$3.sourceOfFundsGettingStartedActions, children: [
+            /* @__PURE__ */ jsx(
+              Button,
+              {
+                large: true,
+                className: styles$3.sourceOfFundsGettingStartedPrimaryButton,
+                label: i18n.get("gettingStarted"),
+                block: true,
+                testId: "source-of-funds-getting-primary-button",
+                onClick: handleGettingStartedClick
+              }
+            ),
+            handleCancelClick && /* @__PURE__ */ jsx(
+              Button,
+              {
+                tertiary: true,
+                block: true,
+                large: true,
+                testId: "source-of-funds-getting-cancel-button",
+                onClick: handleCancelClick,
+                label: i18n.get("cancel")
+              }
+            )
+          ] })
+        ] })
+      ]
+    }
+  );
+};
+const SourceOfFundsHelpModal = ({ handleModalClose }) => {
+  const { i18n } = useI18nContext();
+  return /* @__PURE__ */ jsxs(Modal, { onClose: handleModalClose, children: [
+    /* @__PURE__ */ jsx(ModalHeader, { children: /* @__PURE__ */ jsx(
+      Typography,
+      {
+        variant: "title-l",
+        el: "h3",
+        className: styles$3.sourceOfFundsGettingStartedHelpHeader,
+        children: i18n.get("gettingStartedHelpModalTitle")
+      }
+    ) }),
+    /* @__PURE__ */ jsx(ModalContent, { children: /* @__PURE__ */ jsx(Typography, { className: styles$3.sourceOfFundsGettingStartedHelpBody, children: i18n.get("gettingStartedHelpModalDescription") }) })
+  ] });
+};
 const logger$n = createLogger("SourceOfFundsDropin");
 const sourceOfFundsForms = {
   sourceOfFundsType: {
@@ -38634,6 +39072,9 @@ function SourceOfFundsDropin({
   const [loadingStatus, setLoadingStatus] = useState("success");
   const [activeBusinessLine, setActiveBusinessLine] = useState();
   const [activeSourceOfFund, setActiveSourceOfFund] = useState({});
+  const [allBusinessLines, setAllBusinessLines] = useState([]);
+  const [gettingStarted, setGettingStarted] = useState(true);
+  const [gettingStartedHelpModal, setGettingStartedHelpModal] = useState(false);
   const formRef = useRef(null);
   const {
     state: { currentState }
@@ -38648,12 +39089,13 @@ function SourceOfFundsDropin({
     getBusinessLines2(legalEntityResponse.id).then((response) => {
       if (response) {
         const firstBusinessLine = response[0];
+        const sourceOfFundsMap = response.map(
+          (businessLine) => mapSourceOfFundToSourceOfFundsSchema(businessLine)
+        );
         if (firstBusinessLine) {
           setActiveBusinessLine(firstBusinessLine);
-          if (firstBusinessLine == null ? void 0 : firstBusinessLine.sourceOfFunds) {
-            const firstSourceOfFund = mapSourceOfFundToSourceOfFundsSchema(firstBusinessLine);
-            setActiveSourceOfFund(firstSourceOfFund);
-          }
+          setActiveSourceOfFund(sourceOfFundsMap[0]);
+          setAllBusinessLines(response);
         }
       }
     }).catch(() => {
@@ -38711,6 +39153,16 @@ function SourceOfFundsDropin({
     logger$n.log("Submitting data");
     setLoadingStatus("success");
   }, []);
+  const handleGettingStarted = useCallback(() => {
+    setGettingStarted(!gettingStarted);
+  }, [gettingStarted]);
+  const handleSourceOfFundsClick = (SoF) => {
+    setActiveSourceOfFund(SoF);
+    setGettingStarted(false);
+  };
+  const handleHelpClick = () => {
+    setGettingStartedHelpModal(!gettingStartedHelpModal);
+  };
   const {
     handleNextClick,
     handleBackClick,
@@ -38726,37 +39178,51 @@ function SourceOfFundsDropin({
     forms,
     onSubmit: handleSubmit
   });
-  return /* @__PURE__ */ jsx(
-    FormWrapper,
-    {
-      taskName: "sourceOfFunds",
-      gotoFormByFormIndex,
-      hideSidebar: true,
-      loadingStatus,
-      forms,
-      activeForm,
-      validateForm: () => setShouldValidate(true),
-      baseTrackingPayload,
-      onSubmit: handleSubmit,
-      problems,
-      canSubmit: canSubmitForm,
-      handleNextClick,
-      handleBackClick,
-      handleHomeClick,
-      steps,
-      children: loading ? /* @__PURE__ */ jsx(Loader, { size: "medium" }) : /* @__PURE__ */ jsx(
-        SourceOfFunds,
-        {
-          country,
-          activeForm,
-          shouldValidate,
-          activeBusinessLine,
-          ref: formRef,
-          data: activeSourceOfFund
-        }
-      )
-    }
-  );
+  return /* @__PURE__ */ jsx("div", { className: styles$3.sourceOfFunds, children: loading ? /* @__PURE__ */ jsx(Loader, { size: "medium" }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+    gettingStarted && /* @__PURE__ */ jsx(
+      SourceOfFundsGettingStarted,
+      {
+        handleCancelClick: handleHomeClick,
+        handleGettingStartedClick: handleGettingStarted,
+        businessLines: allBusinessLines,
+        handleHelpClick,
+        handleSourceOfFundsClick
+      }
+    ),
+    !gettingStarted && /* @__PURE__ */ jsx(
+      FormWrapper,
+      {
+        taskName: "sourceOfFunds",
+        gotoFormByFormIndex,
+        hideSidebar: true,
+        loadingStatus,
+        forms,
+        activeForm,
+        validateForm: () => setShouldValidate(true),
+        baseTrackingPayload,
+        onSubmit: handleSubmit,
+        problems,
+        canSubmit: canSubmitForm,
+        handleNextClick,
+        showBackButton: true,
+        handleBackClick: steps.current === 0 ? handleGettingStarted : handleBackClick,
+        handleHomeClick,
+        steps,
+        children: /* @__PURE__ */ jsx(
+          SourceOfFunds,
+          {
+            country,
+            activeForm,
+            shouldValidate,
+            activeBusinessLine,
+            ref: formRef,
+            data: activeSourceOfFund
+          }
+        )
+      }
+    ),
+    gettingStartedHelpModal && /* @__PURE__ */ jsx(SourceOfFundsHelpModal, { handleModalClose: handleHelpClick })
+  ] }) });
 }
 const PAGES_WITH_POLLING = [TaskTypes.DECISION_MAKER_OVERVIEW, TaskTypes.TASKS_OVERVIEW];
 const logger$m = createLogger("DropinComposer");
@@ -38774,7 +39240,7 @@ function DropinComposer({
   const { setCanSeeEntitySelection } = useCanSeeEntitySelection(legalEntityResponse.id);
   const { i18n } = useI18nContext();
   const { getConfiguration: getConfiguration2 } = useConfigurationApi();
-  const { isExperimentEnabled, refreshExperiments } = useExperimentsContext();
+  const { isExperimentEnabled } = useExperimentsContext();
   const { showToast } = useToastContext();
   const [isLoadingConfiguration, setIsLoadingConfiguration] = useState(false);
   const { setHasSeenSingpassSelection } = useHasSeenSingpassSelection({
@@ -38783,9 +39249,14 @@ function DropinComposer({
   const { setHasSeenIntroduction } = useHasSeenIntroduction({
     legalEntityId: legalEntityResponse.id
   });
-  const [rootLegalEntity, setRootLegalEntity] = useState(legalEntityResponse);
-  const taskStore = useTaskStore();
-  const taskTypes = useTaskStore((state) => state.taskTypes);
+  const setRootLegalEntity = useGlobalStore((state) => state.setRootLegalEntity);
+  const setTaskTypes = useGlobalStore((state) => state.setTaskTypes);
+  const setTrustMembers = useGlobalStore((state) => state.setTrustMembers);
+  const setAccountHolderInGlobalStore = useGlobalStore((state) => state.setAccountHolder);
+  const rootLegalEntity = useGlobalStore((state) => state.rootLegalEntity);
+  const rootLegalEntityCountry = useGlobalStore((state) => state.rootLegalEntityCountry);
+  const taskTypes = useGlobalStore((state) => state.taskTypes);
+  const capabilityProblems = useGlobalStore((state) => state.capabilityProblems);
   const capabilities = useMemo(() => getCapabilities(rootLegalEntity), [rootLegalEntity]);
   const {
     isEligibleForSingpass,
@@ -38802,7 +39273,6 @@ function DropinComposer({
     handleOpenSingpassAuthorizationLink: args.handleOpenSingpassAuthorizationLink
   });
   const singpassTabRef = useRef(null);
-  const rootLegalEntityCountry = getLegalEntityCountry(rootLegalEntity);
   const [associatedLegalEntity, setAssociatedLegalEntity] = useState();
   const {
     associatedLegalArrangement,
@@ -38828,9 +39298,6 @@ function DropinComposer({
   const [serviceAgreementTypes, setServiceAgreementTypes] = useState([]);
   const [serviceAgreementAcceptanceInfos, setServiceAgreementAcceptanceInfos] = useState([]);
   const [transferInstrument, setTransferInstrument] = useState();
-  const [capabilityProblems, setCapabilityProblems] = useState(
-    getCapabilityProblems(legalEntityResponse, rootLegalEntityCountry, isExperimentEnabled)
-  );
   const { currentTask, previousTask, navigateTo, navigateBack } = useNavigation({
     legalEntity: legalEntityResponse,
     onNavigate,
@@ -38849,7 +39316,7 @@ function DropinComposer({
     () => (associatedLegalArrangement == null ? void 0 : associatedLegalArrangement.trust) ? allowMoreRolesForMainRootTrustee ? getRootTrusteeTrustMembers(associatedLegalArrangement, rootLegalEntity, exemptSettlor) : getTrustMembers(associatedLegalArrangement, rootLegalEntity, exemptSettlor) : [],
     [rootLegalEntity, associatedLegalArrangement, exemptSettlor, allowMoreRolesForMainRootTrustee]
   );
-  useEffect(() => taskStore.setTrustMembers(trustMembers), [trustMembers]);
+  useEffect(() => setTrustMembers(trustMembers), [trustMembers]);
   const getLegalEntityProblems = (le) => {
     var _a2;
     if (le == null ? void 0 : le.id) {
@@ -38946,30 +39413,12 @@ function DropinComposer({
       logger$m.warn("Failed to fetch legal entity details", e);
       return rootLegalEntity;
     }
-  }, [rootLegalEntity.id, args.handleGetLegalEntity, i18n]);
-  const updateLegalEntityAndCapabilityProblems = useCallback(
-    (updatedLegalEntity) => {
-      const updatedCapabilityProblems = getCapabilityProblems(
-        updatedLegalEntity,
-        getLegalEntityCountry(updatedLegalEntity),
-        isExperimentEnabled
-      );
-      setRootLegalEntity(updatedLegalEntity);
-      setCapabilityProblems(updatedCapabilityProblems);
-      taskStore.updateRootLegalEntityAndAssociated({
-        rootLegalEntity: updatedLegalEntity,
-        capabilityProblems: updatedCapabilityProblems,
-        legalRepresentative: getLegalRepresentative(updatedLegalEntity),
-        transferInstruments: updatedLegalEntity.transferInstruments ?? []
-      });
-    },
-    [isExperimentEnabled]
-  );
+  }, [rootLegalEntity, args.handleGetLegalEntity]);
   const refreshLegalEntity = useCallback(async () => {
     const legalEntity = await retrieveLegalEntity();
-    updateLegalEntityAndCapabilityProblems(legalEntity);
+    setRootLegalEntity(legalEntity);
     return legalEntity;
-  }, [retrieveLegalEntity, updateLegalEntityAndCapabilityProblems]);
+  }, [retrieveLegalEntity]);
   const deleteTransferInstrument2 = async (id) => {
     try {
       await args.handleDeleteTransferInstrument(id);
@@ -39265,7 +39714,7 @@ function DropinComposer({
         legalEntityType: rootLegalEntity.type
       });
       if (data == null ? void 0 : data.taskList) {
-        taskStore.setTaskTypes(data.taskList);
+        setTaskTypes(data.taskList);
         if (data.taskList.includes(TaskTypes.PCI_DSS)) {
           await getPciStatus2();
         }
@@ -39287,7 +39736,7 @@ function DropinComposer({
   usePolling({
     poller: retrieveLegalEntity,
     pollingInterval: 3e3,
-    onNewValueReceived: updateLegalEntityAndCapabilityProblems,
+    onNewValueReceived: setRootLegalEntity,
     skip: (
       // Stop polling when not on an applicable page
       // or the LE has fully resolved capabilities
@@ -39298,15 +39747,7 @@ function DropinComposer({
     const newAccountHolder = getDefaultAccountHolderType(rootLegalEntity, false, accountHolder);
     if (newAccountHolder !== accountHolder) setAccountHolder(newAccountHolder);
   }, [accountHolder, rootLegalEntity]);
-  useEffect(() => {
-    taskStore.updateRootLegalEntityAndAssociated({
-      rootLegalEntity,
-      capabilityProblems,
-      legalRepresentative: getLegalRepresentative(rootLegalEntity),
-      transferInstruments: rootLegalEntity.transferInstruments ?? []
-    });
-  }, []);
-  useEffect(() => taskStore.setAccountHolder(accountHolder), [accountHolder]);
+  useEffect(() => setAccountHolderInGlobalStore(accountHolder), [accountHolder]);
   const singpassBanner = isEligibleForSingpass ? /* @__PURE__ */ jsx(
     SingpassBanner,
     {
@@ -39354,9 +39795,6 @@ function DropinComposer({
           onComplete: async (newAccountHolder) => {
             setAccountHolder(newAccountHolder);
             setCanSeeEntitySelection(false);
-            if (refreshExperiments) {
-              refreshExperiments();
-            }
             await refreshLegalEntity();
             navigateTo("default");
           },
@@ -39832,7 +40270,7 @@ function DropinComposer({
           capabilities,
           problems: getLegalEntityProblems(rootLegalEntity),
           onSubmit: handleOnSubmit,
-          handleHomeClick: navigateBack
+          handleHomeClick: () => navigateTo(TaskTypes.TASKS_OVERVIEW)
         }
       );
     default:
@@ -40456,76 +40894,77 @@ const verifyTin = async (context, data) => {
   );
 };
 const COMPONENTS_API_VERSION = "v1";
+const makeComponentApi = (rootLegalEntityId, base) => {
+  const loadingContext = `${base}api/${COMPONENTS_API_VERSION}/`;
+  const loadingContextWithRootLEAuth = `${loadingContext}legalEntities/`;
+  const baseRequestContext = {
+    loadingContext: loadingContextWithRootLEAuth,
+    legalEntityId: rootLegalEntityId
+  };
+  return {
+    getLegalEntity: async (legalEntityId) => getLegalEntity(baseRequestContext, legalEntityId),
+    updateLegalEntity: async (legalEntity, legalEntityId) => updateLegalEntity(baseRequestContext, legalEntity, legalEntityId),
+    createLegalEntity: async (legalEntity) => createLegalEntity(baseRequestContext, legalEntity),
+    getTransferInstrument: async (transferInstrumentId) => getTransferInstrument(baseRequestContext, transferInstrumentId),
+    getBankVerificationVendor: async (country, openBankingPartnerConfigId, locale) => getBankVerificationVendor(baseRequestContext, country, openBankingPartnerConfigId, locale),
+    getDocument: async (documentId) => getDocument(baseRequestContext, documentId),
+    createDocument: async (document2, ownerId) => createDocument(baseRequestContext, document2, ownerId),
+    updateDocument: async (document2, documentId, ownerId) => updateDocument(baseRequestContext, document2, documentId, ownerId),
+    createTransferInstrument: async (transferInstrument) => createTransferInstrument(baseRequestContext, transferInstrument),
+    updateTransferInstrument: async (transferInstrument, transferInstrumentId) => updateTransferInstrument(baseRequestContext, transferInstrument, transferInstrumentId),
+    createTrustedTransferInstrument: async (code, state) => createTrustedTransferInstrument(baseRequestContext, code, state),
+    deleteTransferInstrument: async (transferInstrumentId) => deleteTransferInstrument(baseRequestContext, transferInstrumentId),
+    handleBankVerificationError: async (errorCode, errorMessage, state, metadata) => handleBankVerificationError(baseRequestContext, errorCode, errorMessage, state, metadata),
+    searchAddress: async (address) => searchAddress(baseRequestContext, address),
+    getAddress: async (address) => getAddress(baseRequestContext, address),
+    getIdVerificationToken: async (legalEntityId, data) => getIdverificationToken(baseRequestContext, data),
+    idVerificationStartCheck: async (legalEntityId, data) => idVerificationStartcheck(baseRequestContext, data),
+    getTransferInstruments: async () => getTransferInstruments(baseRequestContext),
+    getOnboardingStatus: async () => getOnboardingStatus(baseRequestContext),
+    generateOnboardingLink: async (config) => generateOnboardingLink(baseRequestContext, config),
+    getPciStatus: async (legalEntityId, data) => getPciStatus({ ...baseRequestContext, legalEntityId }, data),
+    getPciTemplate: async (legalEntityId, data) => getPciTemplate({ ...baseRequestContext, legalEntityId }, data),
+    signPci: async (legalEntityId, data) => signPci({ ...baseRequestContext, legalEntityId }, data),
+    getPciQuestionnaires: async (legalEntityId) => getPciQuestionnaires({ ...baseRequestContext, legalEntityId }),
+    downloadPci: async (legalEntityId, pciReference) => downloadPci({ ...baseRequestContext, legalEntityId }, pciReference),
+    getServiceAgreementAcceptanceInfos: async (legalEntityId) => getServiceAgreementAcceptanceInfos({ ...baseRequestContext, legalEntityId }),
+    getServiceAgreementStatus: async (legalEntityId) => getServiceAgreementStatus({ ...baseRequestContext, legalEntityId }),
+    getServiceAgreement: async (legalEntityId, serviceAgreementRequest) => getServiceAgreement({ ...baseRequestContext, legalEntityId }, serviceAgreementRequest),
+    acceptServiceAgreement: async (legalEntityId, termsOfServiceDocumentId, data) => acceptServiceAgreement(
+      { ...baseRequestContext, legalEntityId },
+      termsOfServiceDocumentId,
+      data
+    ),
+    getAcceptedServiceAgreement: async (legalEntityId, termsOfServiceAcceptanceReference) => getAcceptedServiceAgreement(
+      { ...baseRequestContext, legalEntityId },
+      termsOfServiceAcceptanceReference,
+      "JSON"
+    ),
+    downloadAcceptedServiceAgreement: async (legalEntityId, termsOfServiceAcceptanceReference) => getAcceptedServiceAgreement(
+      { ...baseRequestContext, legalEntityId },
+      termsOfServiceAcceptanceReference,
+      "PDF"
+    ),
+    downloadUnacceptedServiceAgreement: async (legalEntityId, serviceAgreementRequest) => getServiceAgreement({ ...baseRequestContext, legalEntityId }, serviceAgreementRequest),
+    confirmDataReview: async (legalEntityId) => confirmDataReview({ ...baseRequestContext, legalEntityId }),
+    getProviderStatus: async (request) => getProviderStatus(baseRequestContext, request),
+    companyIndexSearch: async (request) => companyIndexSearch(baseRequestContext, request),
+    companyDeepSearch: async (request) => companyDeepSearch(baseRequestContext, request),
+    companyRegistrationNumberIndexSearch: async (request) => companyRegistrationNumberIndexSearch(baseRequestContext, request),
+    companyRegistrationNumberDeepSearch: async (request) => companyRegistrationNumberDeepSearch(baseRequestContext, request),
+    getCompanyDataset: async (request) => getCompanyDataset(baseRequestContext, request),
+    refreshCompanyDataset: async (request) => refreshCompanyDataset(baseRequestContext, request),
+    clearCompanyData: async () => clearCompanyData(baseRequestContext),
+    verifyTin: async (request) => verifyTin(baseRequestContext, request)
+  };
+};
 const useComponentApi = (rootLegalEntityId) => {
   const authContext = useAuthContext();
   if (!authContext.isEmbeddedDropin) {
     throw new Error("Cannot use component API outside an embedded dropin");
   }
   const { loadingContext: base } = authContext;
-  return useMemo(() => {
-    const loadingContext = `${base}api/${COMPONENTS_API_VERSION}/`;
-    const loadingContextWithRootLEAuth = `${loadingContext}legalEntities/`;
-    const baseRequestContext = {
-      loadingContext: loadingContextWithRootLEAuth,
-      legalEntityId: rootLegalEntityId
-    };
-    return {
-      getLegalEntity: async (legalEntityId) => getLegalEntity(baseRequestContext, legalEntityId),
-      updateLegalEntity: async (legalEntity, legalEntityId) => updateLegalEntity(baseRequestContext, legalEntity, legalEntityId),
-      createLegalEntity: async (legalEntity) => createLegalEntity(baseRequestContext, legalEntity),
-      getTransferInstrument: async (transferInstrumentId) => getTransferInstrument(baseRequestContext, transferInstrumentId),
-      getBankVerificationVendor: async (country, openBankingPartnerConfigId, locale) => getBankVerificationVendor(baseRequestContext, country, openBankingPartnerConfigId, locale),
-      getDocument: async (documentId) => getDocument(baseRequestContext, documentId),
-      createDocument: async (document2, ownerId) => createDocument(baseRequestContext, document2, ownerId),
-      updateDocument: async (document2, documentId, ownerId) => updateDocument(baseRequestContext, document2, documentId, ownerId),
-      createTransferInstrument: async (transferInstrument) => createTransferInstrument(baseRequestContext, transferInstrument),
-      updateTransferInstrument: async (transferInstrument, transferInstrumentId) => updateTransferInstrument(baseRequestContext, transferInstrument, transferInstrumentId),
-      createTrustedTransferInstrument: async (code, state) => createTrustedTransferInstrument(baseRequestContext, code, state),
-      deleteTransferInstrument: async (transferInstrumentId) => deleteTransferInstrument(baseRequestContext, transferInstrumentId),
-      handleBankVerificationError: async (errorCode, errorMessage, state, metadata) => handleBankVerificationError(baseRequestContext, errorCode, errorMessage, state, metadata),
-      searchAddress: async (address) => searchAddress(baseRequestContext, address),
-      getAddress: async (address) => getAddress(baseRequestContext, address),
-      getIdVerificationToken: async (legalEntityId, data) => getIdverificationToken(baseRequestContext, data),
-      idVerificationStartCheck: async (legalEntityId, data) => idVerificationStartcheck(baseRequestContext, data),
-      getTransferInstruments: async () => getTransferInstruments(baseRequestContext),
-      getOnboardingStatus: async () => getOnboardingStatus(baseRequestContext),
-      generateOnboardingLink: async (config) => generateOnboardingLink(baseRequestContext, config),
-      getPciStatus: async (legalEntityId, data) => getPciStatus({ ...baseRequestContext, legalEntityId }, data),
-      getPciTemplate: async (legalEntityId, data) => getPciTemplate({ ...baseRequestContext, legalEntityId }, data),
-      signPci: async (legalEntityId, data) => signPci({ ...baseRequestContext, legalEntityId }, data),
-      getPciQuestionnaires: async (legalEntityId) => getPciQuestionnaires({ ...baseRequestContext, legalEntityId }),
-      downloadPci: async (legalEntityId, pciReference) => downloadPci({ ...baseRequestContext, legalEntityId }, pciReference),
-      getServiceAgreementAcceptanceInfos: async (legalEntityId) => getServiceAgreementAcceptanceInfos({ ...baseRequestContext, legalEntityId }),
-      getServiceAgreementStatus: async (legalEntityId) => getServiceAgreementStatus({ ...baseRequestContext, legalEntityId }),
-      getServiceAgreement: async (legalEntityId, serviceAgreementRequest) => getServiceAgreement({ ...baseRequestContext, legalEntityId }, serviceAgreementRequest),
-      acceptServiceAgreement: async (legalEntityId, termsOfServiceDocumentId, data) => acceptServiceAgreement(
-        { ...baseRequestContext, legalEntityId },
-        termsOfServiceDocumentId,
-        data
-      ),
-      getAcceptedServiceAgreement: async (legalEntityId, termsOfServiceAcceptanceReference) => getAcceptedServiceAgreement(
-        { ...baseRequestContext, legalEntityId },
-        termsOfServiceAcceptanceReference,
-        "JSON"
-      ),
-      downloadAcceptedServiceAgreement: async (legalEntityId, termsOfServiceAcceptanceReference) => getAcceptedServiceAgreement(
-        { ...baseRequestContext, legalEntityId },
-        termsOfServiceAcceptanceReference,
-        "PDF"
-      ),
-      downloadUnacceptedServiceAgreement: async (legalEntityId, serviceAgreementRequest) => getServiceAgreement({ ...baseRequestContext, legalEntityId }, serviceAgreementRequest),
-      confirmDataReview: async (legalEntityId) => confirmDataReview({ ...baseRequestContext, legalEntityId }),
-      getProviderStatus: async (request) => getProviderStatus(baseRequestContext, request),
-      companyIndexSearch: async (request) => companyIndexSearch(baseRequestContext, request),
-      companyDeepSearch: async (request) => companyDeepSearch(baseRequestContext, request),
-      companyRegistrationNumberIndexSearch: async (request) => companyRegistrationNumberIndexSearch(baseRequestContext, request),
-      companyRegistrationNumberDeepSearch: async (request) => companyRegistrationNumberDeepSearch(baseRequestContext, request),
-      getCompanyDataset: async (request) => getCompanyDataset(baseRequestContext, request),
-      refreshCompanyDataset: async (request) => refreshCompanyDataset(baseRequestContext, request),
-      clearCompanyData: async () => clearCompanyData(baseRequestContext),
-      verifyTin: async (request) => verifyTin(baseRequestContext, request)
-    };
-  }, [base, rootLegalEntityId]);
+  return useMemo(() => makeComponentApi(rootLegalEntityId, base), [rootLegalEntityId, base]);
 };
 const logger$l = createLogger("AcceptTermsOfService");
 function AcceptTermsOfServiceComponent({
@@ -41670,8 +42109,7 @@ function SignPCIComponent({
       handleSign,
       handleCloseClick: handleOnClose,
       asModal: isModalView,
-      needsSigning,
-      asEmbedded: true
+      needsSigning
     }
   ) : null;
 }
@@ -43977,30 +44415,34 @@ const convertToEmbeddedEvent = (eventQueueItem, sessionData) => {
   const isObject2 = typeof event === "object";
   const eventName = isObject2 ? event.key : event;
   const eventData = isObject2 ? event.segmentation : {};
+  const baseParams = eventQueueItem[1] ?? {};
+  const { legalEntityId, countryCode, capabilities } = baseParams;
   return {
     eventType,
     eventName,
     ...sessionData,
-    eventData: eventData ?? {}
+    eventData: { legalEntityId, countryCode, capabilities, ...eventData }
   };
 };
-const useAnalytics = ({
-  onUserEvent,
-  legalEntityId,
-  sdkVersion,
-  componentName
-}) => {
+const useAnalytics = ({ onUserEvent, sdkVersion, componentName }) => {
   const { i18n } = useI18nContext();
   const { isEmbeddedDropin, loadingContext: base } = useAuthContext();
+  const rootLegalEntity = useGlobalStore((store) => store.rootLegalEntity);
+  const countryCode = useGlobalStore((store) => store.rootLegalEntityCountry);
+  const capabilities = Object.keys(rootLegalEntity.capabilities ?? {});
+  const loadingContext = `${base}api/${COMPONENTS_API_VERSION}/`;
+  userEvents.setBaseTrackingPayload({
+    legalEntityId: rootLegalEntity.id,
+    countryCode,
+    capabilities
+  });
   (async () => {
-    const loadingContext = `${base}api/${COMPONENTS_API_VERSION}/`;
     if (isEmbeddedDropin) {
       try {
         const sessionData = {
           sdkVersion,
           componentName,
-          userAgent: navigator.userAgent,
-          legalEntityId
+          userAgent: navigator.userAgent
         };
         const sessionResponse = await getAnalyticsSession(loadingContext, sessionData);
         if (!(sessionResponse == null ? void 0 : sessionResponse.id)) {
@@ -44397,15 +44839,14 @@ const getKycExternalApi = ({
 const ConfigurationApiProvider = ({
   children,
   onUserEvent,
-  rootLegalEntityId,
   componentName
 }) => {
   const authContext = useAuthContext();
   const { isEmbeddedDropin, loadingContext } = authContext;
-  const sdkVersion = "3.44.5";
+  const sdkVersion = "3.45.0";
+  const rootLegalEntityId = useGlobalStore((store) => store.rootLegalEntity.id);
   useAnalytics({
     onUserEvent,
-    legalEntityId: rootLegalEntityId,
     sdkVersion,
     componentName
   });
@@ -44449,10 +44890,10 @@ const useAllowedCountries = () => {
 const logger$3 = createLogger("CoreProvider");
 const CoreProvider = ({
   contextCountry: initialContextCountry,
-  rootLegalEntityId,
   children
 }) => {
   const [contextCountry, setContextCountry] = useState(initialContextCountry);
+  const rootLegalEntityId = useGlobalStore((store) => store.rootLegalEntity.id);
   const { accountHolder, setAccountHolder } = useAccountHolder(rootLegalEntityId);
   const [accountFormat, setAccountFormat] = useState("local");
   const [idVerificationProviderId, setIdVerificationProviderId] = useState();
@@ -44523,7 +44964,7 @@ const useAllowedLocales = () => {
   }, []);
   return allowedLocales;
 };
-const localeImports = /* @__PURE__ */ Object.assign({ "./locales/bg-BG.json": () => import("./bg-BG-QPFxclBg.js"), "./locales/cs-CZ.json": () => import("./cs-CZ-D98JAc2J.js"), "./locales/da-DK.json": () => import("./da-DK-JJdd-72W.js"), "./locales/de-DE.json": () => import("./de-DE-B3G3sEfd.js"), "./locales/el-GR.json": () => import("./el-GR-WBOtRfZs.js"), "./locales/en-US.instructions.json": () => import("./en-US.instructions-DLPEHGI-.js"), "./locales/en-US.json": () => Promise.resolve().then(() => enUS), "./locales/es-ES.json": () => import("./es-ES-CCwOsWXd.js"), "./locales/et-EE.json": () => import("./et-EE-x3X0uhbQ.js"), "./locales/fi-FI.json": () => import("./fi-FI-BokVSTrO.js"), "./locales/fr-FR.json": () => import("./fr-FR-DnF3nBoi.js"), "./locales/hr-HR.json": () => import("./hr-HR-D13VSiNt.js"), "./locales/hu-HU.json": () => import("./hu-HU-iSy_89_F.js"), "./locales/it-IT.json": () => import("./it-IT-PufivMUr.js"), "./locales/lt-LT.json": () => import("./lt-LT-6u0igm3A.js"), "./locales/lv-LV.json": () => import("./lv-LV-DTOcOGw6.js"), "./locales/nl-NL.json": () => import("./nl-NL-BpaSvRsy.js"), "./locales/no-NO.json": () => import("./no-NO-M-DUT2ve.js"), "./locales/pl-PL.json": () => import("./pl-PL-o8cP2y_m.js"), "./locales/pt-PT.json": () => import("./pt-PT-dvdILY5G.js"), "./locales/ro-RO.json": () => import("./ro-RO-Cvknah2F.js"), "./locales/sk-SK.json": () => import("./sk-SK-Dgkkymw-.js"), "./locales/sl-SI.json": () => import("./sl-SI-CTExVFKJ.js"), "./locales/sv-SE.json": () => import("./sv-SE-BAfNO7ZF.js") });
+const localeImports = /* @__PURE__ */ Object.assign({ "./locales/bg-BG.json": () => import("./bg-BG-Q7jr61oX.js"), "./locales/cs-CZ.json": () => import("./cs-CZ-DWt-8d0a.js"), "./locales/da-DK.json": () => import("./da-DK-DzKDKodb.js"), "./locales/de-DE.json": () => import("./de-DE-CTrlEFB7.js"), "./locales/el-GR.json": () => import("./el-GR-BEyHixTO.js"), "./locales/en-US.instructions.json": () => import("./en-US.instructions-DLPEHGI-.js"), "./locales/en-US.json": () => Promise.resolve().then(() => enUS), "./locales/es-ES.json": () => import("./es-ES-C5YKWCME.js"), "./locales/et-EE.json": () => import("./et-EE-UTwEA7KT.js"), "./locales/fi-FI.json": () => import("./fi-FI-Dlg3u-HY.js"), "./locales/fr-FR.json": () => import("./fr-FR-BrL2V-lF.js"), "./locales/hr-HR.json": () => import("./hr-HR-CR1NpsoY.js"), "./locales/hu-HU.json": () => import("./hu-HU-BkmzV8oZ.js"), "./locales/it-IT.json": () => import("./it-IT-BR75YMjD.js"), "./locales/lt-LT.json": () => import("./lt-LT-Cm17tGP4.js"), "./locales/lv-LV.json": () => import("./lv-LV-Bj0D7n67.js"), "./locales/nl-NL.json": () => import("./nl-NL-bhqLkBQz.js"), "./locales/no-NO.json": () => import("./no-NO-CrzRhfMh.js"), "./locales/pl-PL.json": () => import("./pl-PL-BcncZK0S.js"), "./locales/pt-PT.json": () => import("./pt-PT-Bwx0xHGg.js"), "./locales/ro-RO.json": () => import("./ro-RO-Bj9nLST9.js"), "./locales/sk-SK.json": () => import("./sk-SK-CI2V7naC.js"), "./locales/sl-SI.json": () => import("./sl-SI-Dg4cE1ea.js"), "./locales/sv-SE.json": () => import("./sv-SE-DPB5qLHu.js") });
 const loadLocale = async (locale) => {
   const importForLocale = localeImports[`./locales/${locale}.json`];
   if (!importForLocale) {
@@ -45241,30 +45682,24 @@ const DebugMetadata = ({
   return /* @__PURE__ */ jsx("div", { className: "adyen-kyc-debug-modal__meta", children: /* @__PURE__ */ jsx(DebugTable, { data: rows }) });
 };
 const logger = createLogger("DebugModal");
-const DebugModal = ({ rootLegalEntityId, onExit, getRootLegalEntity }) => {
+const DebugModal = ({ onExit }) => {
   const { isExperimentEnabled } = useExperimentsContext();
   const { getSetting } = useSettingsContext();
-  const [legalEntityData, setLegalEntityData] = useState();
   const [debugInfoCopied, setDebugInfoCopied] = useState(false);
   const { i18n } = useI18nContext();
   const [tab, setTab] = useState("metadata");
+  const rootLegalEntity = useGlobalStore((store) => store.rootLegalEntity);
   const metadata = {
-    sdkVersion: "3.44.5",
+    sdkVersion: "3.45.0",
     locale: i18n.locale,
-    rootLegalEntityId
+    rootLegalEntityId: rootLegalEntity.id
   };
   const experiments = listToRecord(valuesOf(ExperimentNames), isExperimentEnabled);
   const settings = listToRecord(valuesOf(SettingNames), getSetting);
   const taskStatuses = useTaskStatuses();
-  const fetchLegalEntityData = async () => {
-    if (!getRootLegalEntity) return;
-    const rootLegalEntity = await getRootLegalEntity();
-    const data = {
-      rootLegalEntity,
-      rootLegalEntityType: rootLegalEntity.type
-    };
-    setLegalEntityData(data);
-    return data;
+  const legalEntityData = {
+    rootLegalEntity,
+    rootLegalEntityType: rootLegalEntity.type
   };
   const copyToClipboard = async () => {
     const toCopy = {
@@ -45272,7 +45707,7 @@ const DebugModal = ({ rootLegalEntityId, onExit, getRootLegalEntity }) => {
       experiments,
       settings,
       taskStatuses,
-      legalEntityData: await fetchLegalEntityData()
+      legalEntityData
     };
     await window.navigator.clipboard.writeText(JSON.stringify(toCopy, null, 2));
     setDebugInfoCopied(true);
@@ -45280,12 +45715,6 @@ const DebugModal = ({ rootLegalEntityId, onExit, getRootLegalEntity }) => {
       setDebugInfoCopied(false);
     }, 5e3);
   };
-  const changeTab = (tab2) => {
-    if (tab2 === "legalEntityData") {
-      fetchLegalEntityData().catch(logger.error);
-    }
-    setTab(tab2);
-  };
   return /* @__PURE__ */ jsxs(Modal, { size: "fullscreen", onClose: onExit, children: [
     /* @__PURE__ */ jsx(ModalHeader, { children: /* @__PURE__ */ jsxs("div", { className: "adyen-kyc-debug-modal__header", children: [
       /* @__PURE__ */ jsx("h1", { children: "Debug" }),
@@ -45294,7 +45723,7 @@ const DebugModal = ({ rootLegalEntityId, onExit, getRootLegalEntity }) => {
         Tabs,
         {
           activeTab: tab,
-          onChange: changeTab,
+          onChange: (tab2) => setTab(tab2),
           tabs: [
             {
               name: "metadata",
@@ -45346,13 +45775,8 @@ const DebugModal = ({ rootLegalEntityId, onExit, getRootLegalEntity }) => {
     ] }) }) })
   ] });
 };
-const DebugWrapper = ({
-  rootLegalEntityId,
-  handleGetLegalEntity,
-  children
-}) => {
+const DebugWrapper = ({ children }) => {
   const [debugUiOpen, setDebugUiOpen] = useState(false);
-  const { isEmbeddedDropin } = useAuthContext();
   const { isSettingEnabled } = useSettingsContext();
   const debugUiAllowed = isSettingEnabled("allowDebugUi");
   useEffect(() => {
@@ -45363,93 +45787,54 @@ const DebugWrapper = ({
       }
     };
     document.addEventListener("keydown", handleKeyDown);
-    return () => {
-      document.removeEventListener("keydown", handleKeyDown);
-    };
+    return () => document.removeEventListener("keydown", handleKeyDown);
   }, [debugUiAllowed]);
   const isOpen = debugUiAllowed && debugUiOpen;
-  if (isEmbeddedDropin) {
-    return /* @__PURE__ */ jsx(
-      EmbeddedDebug,
-      {
-        isOpen,
-        rootLegalEntityId,
-        closeDebugUi: () => setDebugUiOpen(false),
-        children
-      }
-    );
-  }
-  if (handleGetLegalEntity) {
-    return /* @__PURE__ */ jsx(
-      HODebug,
-      {
-        isOpen,
-        rootLegalEntityId,
-        handleGetLegalEntity,
-        closeDebugUi: () => setDebugUiOpen(false),
-        children
-      }
-    );
-  }
   return /* @__PURE__ */ jsxs(Fragment, { children: [
-    isOpen ? /* @__PURE__ */ jsx(DebugModal, { rootLegalEntityId, onExit: () => setDebugUiOpen(false) }) : null,
+    isOpen ? /* @__PURE__ */ jsx(DebugModal, { onExit: () => setDebugUiOpen(false) }) : null,
     children
   ] });
 };
-const EmbeddedDebug = ({ rootLegalEntityId, closeDebugUi, isOpen, children }) => {
-  const { getLegalEntity: getLegalEntity2 } = useComponentApi(rootLegalEntityId);
-  const getRootLegalEntity = useCallback(
-    () => getLegalEntity2(rootLegalEntityId),
-    [getLegalEntity2, rootLegalEntityId]
-  );
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    isOpen ? /* @__PURE__ */ jsx(
-      DebugModal,
-      {
-        rootLegalEntityId,
-        getRootLegalEntity,
-        onExit: closeDebugUi
-      }
-    ) : null,
-    children
-  ] });
-};
-const HODebug = ({
-  isOpen,
-  children,
-  rootLegalEntityId,
+const StoreProvider = ({
+  legalEntityId,
+  legalEntityResponse,
   handleGetLegalEntity,
-  closeDebugUi
+  children
 }) => {
-  const getRootLegalEntity = useCallback(
-    () => handleGetLegalEntity(rootLegalEntityId),
-    [handleGetLegalEntity, rootLegalEntityId]
-  );
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    isOpen ? /* @__PURE__ */ jsx(
-      DebugModal,
-      {
-        rootLegalEntityId,
-        getRootLegalEntity,
-        onExit: closeDebugUi
+  const authContext = useAuthContext();
+  const { isExperimentEnabled } = useExperimentsContext();
+  const [store, setStore] = useState();
+  useEffect(() => {
+    const fetchRootLegalEntity = async () => {
+      if (legalEntityResponse) return legalEntityResponse;
+      if (!legalEntityId) {
+        throw new Error("Either `legalEntityId` or `legalEntityResponse` must be provided.");
       }
-    ) : null,
-    children
-  ] });
-};
-const getRootLegalEntityId = (componentProps) => {
-  if ("legalEntityId" in componentProps) return componentProps.legalEntityId;
-  if ("legalEntityResponse" in componentProps) return componentProps.legalEntityResponse.id;
-  throw new Error("You must provide either `legalEntityId` or `legalEntityResponse`");
+      if (authContext.isEmbeddedDropin) {
+        const { getLegalEntity: getLegalEntity2 } = makeComponentApi(legalEntityId, authContext.loadingContext);
+        return getLegalEntity2(legalEntityId);
+      }
+      if (handleGetLegalEntity) return handleGetLegalEntity(legalEntityId);
+      throw new Error("`handleGetLegalEntity()` not provided");
+    };
+    const initializeStore = async () => {
+      const rootLegalEntity = await fetchRootLegalEntity();
+      const store2 = createGlobalStore({ rootLegalEntity, isExperimentEnabled });
+      setStore(store2);
+    };
+    initializeStore().catch(console.error);
+  }, []);
+  useEffect(() => {
+    store == null ? void 0 : store.setState({ isExperimentEnabled });
+  }, [isExperimentEnabled]);
+  if (!store) return /* @__PURE__ */ jsx(Skeleton, {});
+  return /* @__PURE__ */ jsx(StoreContext.Provider, { value: store, children });
 };
 class UIElement extends BaseElement {
   constructor() {
     super(...arguments);
     this.render = () => {
       const Component = this.props.component;
-      const rootLegalEntityId = getRootLegalEntityId(
-        this.props.componentProps
-      );
       return /* @__PURE__ */ jsx(SettingsProvider, { settings: this.props.settings, children: /* @__PURE__ */ jsx(
         ExperimentsContextProvider,
         {
@@ -45462,51 +45847,36 @@ class UIElement extends BaseElement {
               getSdkToken: this.props.getSdkToken,
               clientKey: this.props.clientKey,
               loadingContext: this.props.loadingContext,
-              children: /* @__PURE__ */ jsx(
+              children: /* @__PURE__ */ jsx(StoreProvider, { ...this.props.componentProps, children: /* @__PURE__ */ jsx(
                 ConfigurationApiProvider,
                 {
-                  rootLegalEntityId,
                   onUserEvent: this.props.onUserEvent,
                   componentName: this.props.componentName,
-                  children: /* @__PURE__ */ jsx(
-                    CoreProvider,
+                  children: /* @__PURE__ */ jsx(CoreProvider, { contextCountry: this.props.contextCountry, children: /* @__PURE__ */ jsx(
+                    I18nProvider,
                     {
-                      contextCountry: this.props.contextCountry,
-                      rootLegalEntityId,
-                      children: /* @__PURE__ */ jsx(TaskContext.Provider, { value: createTaskStore(), children: /* @__PURE__ */ jsx(
-                        I18nProvider,
+                      locale: this.props.locale,
+                      customTranslations: this.props.customTranslations,
+                      eventEmitter: this.eventEmitter,
+                      children: /* @__PURE__ */ jsx(
+                        ExpiryProvider,
                         {
-                          locale: this.props.locale,
-                          customTranslations: this.props.customTranslations,
+                          expiry: this.props.expiry,
+                          refreshExpiry: this.props.refreshExpiry,
                           eventEmitter: this.eventEmitter,
-                          children: /* @__PURE__ */ jsx(
-                            ExpiryProvider,
+                          children: /* @__PURE__ */ jsx(DebugWrapper, { children: /* @__PURE__ */ jsx("div", { className: "adyen-kyc-ui-element-container-wrapper", children: /* @__PURE__ */ jsx(AutoResizer, { children: /* @__PURE__ */ jsx("div", { className: "adyen-kyc-ui-element-container", children: /* @__PURE__ */ jsx(ToastContextProvider, { children: /* @__PURE__ */ jsx(StateProvider, { children: /* @__PURE__ */ jsx(
+                            Component,
                             {
-                              expiry: this.props.expiry,
-                              refreshExpiry: this.props.refreshExpiry,
-                              eventEmitter: this.eventEmitter,
-                              children: /* @__PURE__ */ jsx(
-                                DebugWrapper,
-                                {
-                                  rootLegalEntityId,
-                                  handleGetLegalEntity: "handleGetLegalEntity" in this.props.componentProps ? this.props.componentProps.handleGetLegalEntity : void 0,
-                                  children: /* @__PURE__ */ jsx("div", { className: "adyen-kyc-ui-element-container-wrapper", children: /* @__PURE__ */ jsx(AutoResizer, { children: /* @__PURE__ */ jsx("div", { className: "adyen-kyc-ui-element-container", children: /* @__PURE__ */ jsx(ToastContextProvider, { children: /* @__PURE__ */ jsx(StateProvider, { children: /* @__PURE__ */ jsx(
-                                    Component,
-                                    {
-                                      ...this.props.componentProps,
-                                      onUnmount: this.remove
-                                    }
-                                  ) }) }) }) }) })
-                                }
-                              )
+                              ...this.props.componentProps,
+                              onUnmount: this.remove
                             }
-                          )
+                          ) }) }) }) }) }) })
                         }
-                      ) })
+                      )
                     }
-                  )
+                  ) })
                 }
-              )
+              ) })
             }
           )
         }