@adyen/kyc-components 3.28.1 → 3.30.0

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

@@ -95,7 +95,6 @@ const defaultTrans = {
   accountNumberOrIbanVisible: "Includes your account number or IBAN",
   accountNumberVisible: "Includes your account number",
   accountVerification: "Account Verification",
-  achRoutingNumber: "ACH routing number",
   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",
   add: "Add",
@@ -113,6 +112,7 @@ const defaultTrans = {
   addPayinAccount: "Add a payin account",
   addPayoutAccount: "Add a payout account",
   addTrustMember: "Add trust member",
+  addYourselfAsSigner: "Add yourself as a signer",
   additionalInformation: "Additional information",
   additionalInformationFormHeading: "Additional business details",
   additionalInformationFormName: "Additional details",
@@ -137,6 +137,7 @@ const defaultTrans = {
   areYouACompany: "Are you a company?",
   areYouAnIndividual: "Are you an individual?",
   areYouSureToLeave: "Are you sure you want to leave?",
+  areYouSureYouWantToDeleteThisBankAccount: "Are you sure you want to delete this bank account?",
   arithmosEngraphes: "Αριθμός Εγγραφής Φ.Π.Α.",
   articlesOfIncorporation: "Articles of incorporation",
   arvonlisaveronumeroMervardesskattenummer: "Arvonlisäveronumero Mervärdesskattenummer",
@@ -238,6 +239,7 @@ const defaultTrans = {
   chamberOfCommerceExtract: "Chamber of Commerce extract",
   chamberOfCommerceRegistrationNumber: "Chamber of Commerce registration number",
   changeYourBusinessSetup: "Change your business setup?",
+  chargeCardUserAgreement: "Charge Card User Agreement",
   charitableTrust: "Charitable trust",
   charityNumber: "Charity number",
   charter: "Charter",
@@ -335,6 +337,7 @@ const defaultTrans = {
   decisionMakers: "Decision-makers",
   definedBeneficiary: "Defined beneficiary",
   definedBeneficiaryDescription: "A natural person, corporate entity, or member of a class in whose interest the trust is principally constituted or operates.",
+  "delete": "Delete",
   depositSlip: "Deposit slip",
   describeWhoIsABeneficiaryInYourTrust: "Describe in open format who is set to be a beneficiary in your trust deed",
   description: "Description",
@@ -406,6 +409,7 @@ const defaultTrans = {
   enterAMaximumOfNCharactersWithAMixForExample: "Enter a maximum of %{maxChars} characters, with a mix of letters and numbers. For example, %{example}",
   enterAMaximumOfNDigitsForExample: "Enter a maximum of %{maxDigits} digits. For example, %{example}",
   enterAMaximumOfNMoreDigitsForExample: "Enter a maximum of %{maxDigits} more digits. For example, %{example}",
+  enterEnglishLetterFollowedByXtoYDigitsForExample: "Enter an English-equivalent letter (C for HE, O for AE, P for Σ) followed by %{minDigits} - %{maxDigits} digits. For example, %{example}",
   enterLastNDigitsForExample: "Enter the last %{numDigits} digits. For example, %{example}",
   enterLastNameExactlyAsAppearInID: "Enter your last name(s) exactly as it appears on your identity document",
   enterNCharactersForExample: "Enter %{numChars} characters. For example, %{example}",
@@ -497,6 +501,8 @@ const defaultTrans = {
   errorMessage_1_3051: "The proof of national ID number image was of too low quality.",
   errorMessage_1_3052: "An ID document is needed to verify the individual.",
   errorMessage_1_3062: "The name and 4 digit SSN couldn't be verified.",
+  errorMessage_1_3072: "We found the following issues:\n- The name and nationality couldn't be verified.\nReview the information below and correct any mistakes, or upload an id document then resubmit.",
+  errorMessage_1_3073: "We found the following issues:\n- The ID document didn't show the nationality.\nReview the information below and correct any mistakes, or upload an id document then resubmit.",
   errorMessage_1_31: "ID document is needed",
   errorMessage_1_32: "ID document couldn't be processed",
   errorMessage_1_33: "ID document didn't meet requirements",
@@ -870,6 +876,7 @@ const defaultTrans = {
   isParentOwnedByAnotherCompany: "Is your parent company owned by another company?",
   isThisAddressTheMainHeadquarters: "Is this address the main headquarters?",
   isTrustOperationAddressSame: "Is there a different address for your trust's operations?",
+  isYourNameMissingFromSigners: "Is your name missing from the list of signers?",
   issuedByTheTaxAuthority: "Issued by the tax authority or government of the country where the company is registered",
   issuedInTheLastXMonths: "Issued in the last %{number} months",
   issuerState: "Issuing state",
@@ -970,6 +977,7 @@ const defaultTrans = {
   nonProfitOrCharitableOrgDescription: "Your organization has official non-profit or tax-exempt status.",
   nonProfitOrCharitableOrgTitle: "Non-profit or charitable organization",
   noneOfTheAbove: "None of the above",
+  nothingNeedsToBeSigned: "Nothing needs to be signed right now.",
   notBlurry: "Not blurry",
   notCutOff: "Not cut off",
   notExpired: "Not expired",
@@ -1023,6 +1031,7 @@ const defaultTrans = {
   parentCompany: "Parent company",
   parentCompanyInformation: "Parent company information",
   partitaIVA: "Partita IVA",
+  codiceFiscalePartitaIVA: "Codice Fiscale / Partita IVA",
   partnerShipAgreement: "Partnership agreement",
   partnership: "Partnership",
   partnershipIncorporated: "Incorporated partnership",
@@ -1053,6 +1062,7 @@ const defaultTrans = {
   pciDssQuestionnaire: "PCI DSS questionnaire",
   pciSignFailed: "PCI signing failed",
   pciSignedSuccessfully: "PCI signed successfully",
+  pciDssSelfAssesmentSignedSuccessfully: "PCI-DSS Self assesment questionnaire signed and dated",
   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",
@@ -1108,7 +1118,7 @@ const defaultTrans = {
   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.",
   reasonForFillingIndividualPersonalDetails: "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.",
   reasonForFillingPayoutAccountDetails: "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.",
-  reasonForFillingPayoutDetails: "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.",
+  reasonForFillingPayoutDetails: "This bank account will be verified to prevent fraud or other misuse of funds in compliance with global regulations.",
   region: "Region",
   registeredAddress: "Registered address",
   registeredAddressHeaderDescription: "The address as it appears on your company's official registration documents.",
@@ -1225,8 +1235,10 @@ const defaultTrans = {
   selectTheApplicableRoles: "Select the applicable role(s)",
   selectTheBankToReceivePayouts: "After this page, you can select the bank where you would like to receive the payouts.",
   selectedSomeRolesBasedOnMyinfo: "We selected some roles based on Myinfo business data about your company's appointment holders and shareholders.",
+  serviceAgreements: "Service agreements",
   serviceAgreementSignFailed: "Service agreement signing failed",
   serviceAgreementSignedSuccessfully: "Service agreement signed successfully",
+  serviceAgreementSignedAndDated: "Service agreement signed and dated",
   sessionTimeout: "Session timeout",
   setUpYourAccount: "Set up your account",
   settlerDetailsIncl: "Settlor details including their full legal name and home address",
@@ -1329,6 +1341,7 @@ const defaultTrans = {
   theIdCheckWillBeAutomaticallyValidated: "With the right capture, the ID check will be automatically validated",
   theSubmitWasSuccessful: "The submit was successful",
   thenResubmit: "then resubmit.",
+  thereAreNoSigners: "There are no signers, please add yourself to make sure you can accept the terms and get the funds.",
   thereWasAnErrorTryAgain: "There was an error, please try again",
   thisIsMyBusiness: "This is my business",
   thisMeansYouHaveAParentCompany: "If yes, this means you have a parent company, such as a global headquarters or a holding company.",
@@ -1853,7 +1866,7 @@ class UserEvents {
   }
 }
 const userEvents = new UserEvents();
-const logger$J = createLogger("useCompanySearch");
+const logger$K = createLogger("useCompanySearch");
 const LOW_RISK_COMPANY_DATA_COMPLIANCE_WINDOW = 1577664e5;
 function useCompanySearch({
   defaultData,
@@ -1977,7 +1990,7 @@ function useCompanySearch({
         state: companyData.state ?? stateOrProvince
       });
     } catch (e) {
-      logger$J.error(e);
+      logger$K.error(e);
       setError(e);
       setStatus("error");
     } finally {
@@ -2010,7 +2023,7 @@ function useCompanySearch({
         indexSearch: handleCompanyIndexSearch,
         deepSearch: handleCompanyDeepSearch,
         resultsLimit: limit
-      })) == null ? void 0 : _a.catch((e) => logger$J.error(e));
+      })) == null ? void 0 : _a.catch((e) => logger$K.error(e));
     }
   }, [legalCompanyName, country, stateOrProvince, taxIdentificationNumber, verifiedCompany, searchCompanies, handleCompanyIndexSearch, handleCompanyDeepSearch, limit, canVerify, baseTrackingPayload]);
   useEffect(() => {
@@ -2033,8 +2046,8 @@ function useCompanySearch({
     reset
   };
 }
-const logger$I = createLogger("useBusinessData");
-const KNOWN_BROKEN_PRIMARY_SOURCE_CONNECTIONS = [StateCodesUS.Arkansas, StateCodesUS.Connecticut, StateCodesUS.Georgia, StateCodesUS.Hawaii, StateCodesUS.Kentucky, StateCodesUS.Maryland, StateCodesUS.Minnesota, StateCodesUS.Missouri, StateCodesUS.Montana, StateCodesUS.NewHampshire, StateCodesUS.NewMexico, StateCodesUS.SouthCarolina, StateCodesUS.Utah, StateCodesUS.Vermont, StateCodesUS.Wisconsin, StateCodesUS.Wyoming];
+const logger$J = createLogger("useBusinessData");
+const KNOWN_BROKEN_PRIMARY_SOURCE_CONNECTIONS = [StateCodesUS.Arkansas, StateCodesUS.Connecticut, StateCodesUS.Georgia, StateCodesUS.Hawaii, StateCodesUS.Indiana, StateCodesUS.Kentucky, StateCodesUS.Maryland, StateCodesUS.Minnesota, StateCodesUS.Missouri, StateCodesUS.Montana, StateCodesUS.NewHampshire, StateCodesUS.NewMexico, StateCodesUS.SouthCarolina, StateCodesUS.Utah, StateCodesUS.Vermont, StateCodesUS.Wisconsin, StateCodesUS.Wyoming];
 function useBusinessData({
   handleCompanyIndexSearch,
   handleCompanyDeepSearch,
@@ -2052,36 +2065,49 @@ function useBusinessData({
   const [cachedBusiness, setCachedBusiness] = useState();
   const [verifiedBusiness, setVerifiedBusiness] = useState();
   const [invalidTin, setInvalidTin] = useState(false);
+  const primarySourceSearch = async (data, indexSearch, deepSearch) => {
+    let response;
+    try {
+      response = await deepSearch({
+        ...data,
+        limit: data.limit ?? 15
+      });
+    } catch (e) {
+      response = await indexSearch({
+        ...data,
+        limit: data.limit ?? 15
+      });
+    }
+    return response;
+  };
   const searchForBusiness = useCallback(async (data) => {
     if (!handleCompanyDeepSearch || !handleCompanyIndexSearch) {
-      logger$I.log("Missing handlers for searchForBusiness");
+      logger$J.log("Missing handlers for searchForBusiness");
       return;
     }
     if (searchResults && objectsDeepEqual(cachedSearch, data)) return;
     try {
       setSearching("loading");
-      const {
-        results
-      } = KNOWN_BROKEN_PRIMARY_SOURCE_CONNECTIONS.includes(data.state) ? await handleCompanyIndexSearch({
+      const response = KNOWN_BROKEN_PRIMARY_SOURCE_CONNECTIONS.includes(data.state) ? await handleCompanyIndexSearch({
         ...data,
         limit: data.limit ?? 15
-      }) : await handleCompanyDeepSearch({
+      }) : await primarySourceSearch({
         ...data,
         limit: data.limit ?? 15
-      });
-      setSearchResults(results);
-      return results;
+      }, handleCompanyIndexSearch, handleCompanyDeepSearch);
+      setSearchResults(response == null ? void 0 : response.results);
+      return response == null ? void 0 : response.results;
     } catch (e) {
       setSearching("error");
-      logger$I.error(e);
+      logger$J.error(e);
     } finally {
       setCachedSearch(data);
       setSearching((prevState) => prevState !== "error" ? "loaded" : prevState);
     }
   }, [handleCompanyDeepSearch, handleCompanyIndexSearch, searchResults, cachedSearch]);
-  const fetchBusinessData = useCallback(async (company) => {
+  const fetchBusinessData = useCallback(async (company, state) => {
     if (!handleGetCompanyDataset || !handleRefreshCompanyDataset) {
-      logger$I.log("Missing handlers for fetchBusinessData");
+      logger$J.log("Missing handlers for fetchBusinessData");
       return;
     }
     if (cachedBusiness && objectsDeepEqual({
@@ -2100,23 +2126,25 @@ function useBusinessData({
       const businessData = isDataCompliant ? await handleGetCompanyDataset({
         companyId: company.id,
         country: "US"
+        // state: state as StateCodeUS,
       }) : await handleRefreshCompanyDataset({
         companyId: company.id,
         country: "US"
+        // state: state as StateCodeUS,
       });
       setCachedBusiness(businessData);
       return businessData;
     } catch (e) {
       setFetching("error");
       setCachedBusiness(void 0);
-      logger$I.error(e);
+      logger$J.error(e);
     } finally {
       setFetching((prevState) => prevState !== "error" ? "loaded" : prevState);
     }
   }, [cachedBusiness, handleGetCompanyDataset, handleRefreshCompanyDataset]);
   const verifyBusinessData = useCallback(async (data, tin) => {
     if (!handleVerifyTin) {
-      logger$I.log("Missing handlers for verifyBusinessData");
+      logger$J.log("Missing handlers for verifyBusinessData");
       return;
     }
     try {
@@ -2137,7 +2165,7 @@ function useBusinessData({
       return matched;
     } catch (e) {
       setVerifying("error");
-      logger$I.error(e);
+      logger$J.error(e);
     } finally {
       setVerifying((prevState) => prevState !== "error" ? "loaded" : prevState);
     }
@@ -2148,7 +2176,7 @@ function useBusinessData({
       await (handleClearCompanyData == null ? void 0 : handleClearCompanyData());
     } catch (e) {
       setResettingTrustedData("error");
-      logger$I.error(e);
+      logger$J.error(e);
     } finally {
       setResettingTrustedData((prevState) => prevState !== "error" ? "loaded" : prevState);
     }
@@ -2197,6 +2225,7 @@ var SettingNames = /* @__PURE__ */ ((SettingNames2) => {
   SettingNames2["TransferInstrumentLimit"] = "transferInstrumentLimit";
   SettingNames2["ViewOnboardingGuidance"] = "viewOnboardingGuidance";
   SettingNames2["InstantBankVerification"] = "instantBankVerification";
+  SettingNames2["ShowServiceAgreementsFirst"] = "showServiceAgreementsFirst";
   return SettingNames2;
 })(SettingNames || {});
 const SettingsContext = createContext(void 0);
@@ -2381,8 +2410,9 @@ const mergeFieldMetadataIntoProps = (fieldName, metadata, otherProps) => {
 const MAX_LENGTH = 30;
 const getMaxLengthByFieldAndCountry = (formattingRules, field, country, ignoreIfFormatterExists) => {
   var _a, _b, _c, _d;
+  if (!country) return void 0;
   if ((_b = (_a = formattingRules[country]) == null ? void 0 : _a[field]) == null ? void 0 : _b.formatter) {
-    return null;
+    return void 0;
   }
   const maxLength = (_d = (_c = formattingRules[country]) == null ? void 0 : _c[field]) == null ? void 0 : _d.maxlength;
   return maxLength || MAX_LENGTH;
@@ -2466,6 +2496,9 @@ const svgs = {
   "document-cutoff": lazy(() => import("./document-cut-off-D2vCeeIS.js")),
   "document-expired": lazy(() => import("./document-expired-_4Syh1xW.js")),
   "document-front": lazy(() => import("./document-front-9Glzn7ZR.js")),
+  "us-check": lazy(() => import("./us-check-o5Ax_0LS.js")),
+  "us-check-routing-number": lazy(() => import("./us-check-routing-number-BtVf7GH3.js")),
+  "us-check-account-number": lazy(() => import("./us-check-account-number-CHnzmLNd.js")),
   "id-blurred": lazy(() => import("./id-blurred-A45CVnPk.js")),
   "id-cutoff": lazy(() => import("./id-cut-off-DMoJYcGr.js")),
   "id-front": lazy(() => import("./id-front-CTIDY7Nu.js")),
@@ -2491,7 +2524,7 @@ const svgs = {
   "trustly-logo": lazy(() => import("./trustly-logo-YJslAOYF.js"))
 };
 const unscalableIconNames = ["bin", "check", "checkmark", "checkmark-small", "chevron-right", "chevron-left", "company", "contract", "cross", "decision-maker", "document", "download", "edit", "info-circle", "image", "location", "payout", "pci", "plus", "remove", "save", "search", "trust", "user", "upload", "warning"];
-const logger$H = createLogger("Icon");
+const logger$I = createLogger("Icon");
 const Svg = ({
   className,
   name,
@@ -2502,7 +2535,7 @@ const Svg = ({
   const LazyLoadedSvg = svgs[name];
   const viewBox = unscalableIconNames.includes(name) ? "0 0 16 16" : void 0;
   if (!LazyLoadedSvg) {
-    logger$H.error(`No such svg: "${name}"`);
+    logger$I.error(`No such svg: "${name}"`);
     return null;
   }
   return jsx("span", {
@@ -2552,6 +2585,7 @@ const Button = ({
   role,
   small,
   block,
+  critical,
   shaded,
   label = "",
   icon,
@@ -2598,6 +2632,7 @@ const Button = ({
     "adyen-kyc-button--secondary": secondary,
     "adyen-kyc-button--tertiary": tertiary && !secondary,
     "adyen-kyc-button--block": block,
+    "adyen-kyc-button--critical": critical,
     "adyen-kyc-button--small": small && label,
     "adyen-kyc-button--shaded": shaded && icon && tertiary,
     // disallow shaded effect if not just tertiary icon
@@ -2788,10 +2823,10 @@ function useFormRouterContext() {
   }
   return context;
 }
-const logger$G = createLogger("Link");
+const logger$H = createLogger("Link");
 const isValidLink = (href) => {
   if (href === "#") {
-    logger$G.error('Links must include a valid href. If your href is "#", consider using a Button instead');
+    logger$H.error('Links must include a valid href. If your href is "#", consider using a Button instead');
     return false;
   }
   return true;
@@ -3067,6 +3102,7 @@ function getFieldProps(props, innerFormFields) {
 var ExperimentNames = /* @__PURE__ */ ((ExperimentNames2) => {
   ExperimentNames2["EnableCompanySearchFlow"] = "EnableCompanySearchFlow";
   ExperimentNames2["EnableNewBusinessDetailsFlow"] = "EnableNewBusinessDetailsFlow";
+  ExperimentNames2["EnableNewAddressComponent"] = "EnableNewAddressComponent";
   ExperimentNames2["EnableNewEntryFlow"] = "EnableNewEntryFlow";
   ExperimentNames2["AllowOrganizationSettlorWithExemptionReason"] = "AllowOrganizationSettlorWithExemptionReason";
   ExperimentNames2["AllowMoreRolesForMainRootTrustee"] = "AllowMoreRolesForMainRootTrustee";
@@ -3080,6 +3116,8 @@ var ExperimentNames = /* @__PURE__ */ ((ExperimentNames2) => {
   ExperimentNames2["EnableAgeVerification"] = "EnableAgeVerification";
   ExperimentNames2["PreserveMismatchedInitialValues"] = "PreserveMismatchedInitialValues";
   ExperimentNames2["StrictNameAndAddressValidationV4"] = "StrictNameAndAddressValidationV4";
+  ExperimentNames2["EnableIdentificationNationalityCrossBorderAssociateCheck"] = "EnableIdentificationNationalityCrossBorderAssociateCheck";
+  ExperimentNames2["EnableAUGovernmentalOrganizationSkipRegistrationNumber"] = "EnableAUGovernmentalOrganizationSkipRegistrationNumber";
   return ExperimentNames2;
 })(ExperimentNames || {});
 const ON_CHANGE_DEBOUNCE_DURATION = 200;
@@ -3140,7 +3178,7 @@ const useSetting = (settingName) => {
   } = context;
   return getSetting(settingName);
 };
-const logger$F = createLogger("useAllowedCountries");
+const logger$G = createLogger("useAllowedCountries");
 const useAllowedCountries = () => {
   const acceptedCountries = useSetting("acceptedCountries");
   const {
@@ -3149,7 +3187,7 @@ const useAllowedCountries = () => {
   const [allowedCountries, setAllowedCountries] = useState(acceptedCountries);
   useEffect(() => {
     if (acceptedCountries !== void 0) return;
-    getAllowedCountries2().then((response) => setAllowedCountries(response.countries)).catch(logger$F.error);
+    getAllowedCountries2().then((response) => setAllowedCountries(response.countries)).catch(logger$G.error);
   }, [acceptedCountries]);
   return allowedCountries;
 };
@@ -3508,7 +3546,7 @@ function reducer({
     }
   };
 }
-const logger$E = createLogger("useAsyncValidator");
+const logger$F = createLogger("useAsyncValidator");
 const useAsyncValidator = (asyncRules) => {
   const [asyncValidationResults, setAsyncValidationResults] = useState({});
   const clearAsyncValidationResults = useCallback(() => setAsyncValidationResults({}), []);
@@ -3529,7 +3567,7 @@ const useAsyncValidator = (asyncRules) => {
           hasError: !isValid
         }])
       });
-    }).catch(logger$E.error);
+    }).catch(logger$F.error);
   }, [asyncRules, clearAsyncValidationResults]);
   return {
     asyncValidationResults,
@@ -3783,6 +3821,7 @@ const datasetIdentifier = {
 function datasetUtilities(locale) {
   return {
     getCountryName: (countryCode) => {
+      if (!countryCode) return null;
       const datasetKey = createDatasetKey(datasetIdentifier.country, locale);
       return getDataName(datasetKey, countryCode);
     },
@@ -3949,6 +3988,14 @@ const Field = ({
     })
   });
 };
+const useDebounce = (value, delay) => {
+  const [debouncedValue, setDebouncedValue] = useState(value);
+  useEffect(() => {
+    const handler = setTimeout(() => setDebouncedValue(value), delay);
+    return () => clearTimeout(handler);
+  }, [value, delay]);
+  return debouncedValue;
+};
 const getScrollParent = (node) => {
   if (!node) return null;
   const isElement = node instanceof HTMLElement;
@@ -3974,16 +4021,6 @@ const Tag = ({
     children
   });
 };
-const styles$4 = {
-  "adyen-kyc-dropdown": "adyen-kyc-dropdown",
-  "adyen-kyc-dropdown-button": "adyen-kyc-dropdown-button",
-  "adyen-kyc-dropdown-button--active": "adyen-kyc-dropdown-button--active",
-  "adyen-kyc-filter-input": "adyen-kyc-filter-input",
-  "adyen-kyc-dropdown-list": "adyen-kyc-dropdown-list",
-  "adyen-kyc-dropdown-list__transformer": "adyen-kyc-dropdown-list__transformer",
-  "adyen-kyc-dropdown-list--active": "adyen-kyc-dropdown-list--active",
-  "adyen-kyc-dropdown-element": "adyen-kyc-dropdown-element"
-};
 function SelectButtonElement({
   filterable,
   isMulti,
@@ -4019,6 +4056,7 @@ function SelectButton({
   isMulti,
   id,
   isSearch,
+  hideSearchIcon = false,
   loading,
   textFilter
 }) {
@@ -4031,10 +4069,8 @@ function SelectButton({
     "aria-haspopup": "listbox",
     className: cx({
       "adyen-kyc-dropdown-button": true,
-      [styles$4["adyen-kyc-dropdown-button"]]: true,
       "adyen-kyc-dropdown-button--readonly": readonly,
       "adyen-kyc-dropdown-button--active": showList,
-      [styles$4["adyen-kyc-dropdown-button--active"]]: showList,
       "adyen-kyc-dropdown-button--invalid": isInvalid,
       "adyen-kyc-dropdown-field--valid": isValid,
       "adyen-kyc-dropdown-button-search": isSearch
@@ -4063,6 +4099,7 @@ function SelectButton({
       filterable,
       onInput,
       isSearch,
+      hideSearchIcon,
       loading,
       textFilter
     })
@@ -4077,6 +4114,7 @@ const SelectButtonContentSingle = ({
   filterable,
   onInput,
   isSearch,
+  hideSearchIcon = false,
   loading,
   textFilter
 }) => {
@@ -4085,17 +4123,17 @@ const SelectButtonContentSingle = ({
     children: [(activeSingle == null ? void 0 : activeSingle.icon) && jsx("span", {
       className: "adyen-kyc-dropdown-button__icon",
       children: activeSingle.icon
-    }), isSearch && jsx(Icon, {
+    }), isSearch && !hideSearchIcon && jsx(Icon, {
       name: "search",
       className: "adyen-kyc-dropdown-button-search__icon"
     }), jsx("span", {
       className: cx("adyen-kyc-dropdown-button__text", {
-        "adyen-kyc-dropdown-button__text--placeholder": !activeSingle
+        "adyen-kyc-dropdown-button__text--placeholder": !activeSingle && placeholder
       }),
       children: (activeSingle == null ? void 0 : activeSingle.selectedOptionName) || (activeSingle == null ? void 0 : activeSingle.name) || textFilter || placeholder
     })]
   }) : jsxs(Fragment, {
-    children: [isSearch && jsx(Icon, {
+    children: [isSearch && !hideSearchIcon && jsx(Icon, {
       name: "search",
       className: "adyen-kyc-dropdown-button-search__icon"
     }), jsx("input", {
@@ -4104,7 +4142,7 @@ const SelectButtonContentSingle = ({
       "aria-expanded": showList,
       "aria-owns": selectListId,
       autoComplete: "off",
-      className: cx("adyen-kyc-filter-input", [styles$4["adyen-kyc-filter-input"]]),
+      className: cx("adyen-kyc-filter-input"),
       onInput,
       placeholder,
       ref: filterInputRef,
@@ -4192,7 +4230,7 @@ const SelectListItem = ({
 }) => jsx("li", {
   "aria-disabled": !!item.disabled,
   "aria-selected": selected,
-  className: cx(["adyen-kyc-dropdown-element", styles$4["adyen-kyc-dropdown-element"], {
+  className: cx(["adyen-kyc-dropdown-element", {
     "adyen-kyc-dropdown-element--active": selected,
     "adyen-kyc-dropdown-element--disabled": !!item.disabled,
     "adyen-kyc-dropdown-multi-element": isMulti,
@@ -4323,9 +4361,7 @@ function SelectList({
       test: true,
       "adyen-kyc-dropdown-list--above": showAbove,
       "adyen-kyc-dropdown-list": true,
-      [styles$4["adyen-kyc-dropdown-list"]]: true,
-      "adyen-kyc-dropdown-list--active": showList,
-      [styles$4["adyen-kyc-dropdown-list--active"]]: showList
+      "adyen-kyc-dropdown-list--active": showList
     }),
     id: props.selectListId,
     role: "listbox",
@@ -4357,7 +4393,7 @@ const Select = ({
   name,
   isInvalid = false,
   isValid,
-  placeholder,
+  placeholder = "",
   isMulti,
   uniqueId,
   showSelectedItemsAsTags = false,
@@ -4367,21 +4403,21 @@ const Select = ({
   loading = false,
   getSearchItem,
   searchText,
+  onSearchTextChange,
   showSearchList
 }) => {
   const filterInputRef = useRef(null);
   const selectContainerRef = useRef(null);
   const toggleButtonRef = useRef(null);
   const selectListRef = useRef(null);
-  const [textFilter, setTextFilter] = useState(null);
+  const [textFilter, setTextFilter] = useState(searchText);
   const [isShowList, setIsShowList] = useState(false);
   const selectListId = useMemo(() => `select-${uuidv4()}`, []);
   const active = items.filter((i) => !isMulti ? i.id === selected : selected == null ? void 0 : selected.includes(i.id)) || [];
   const [isShowListAbove, setIsShowListAbove] = useState(false);
   const [scrollParent, setScrollParent] = useState(null);
-  const debouncedOnSearch = useCallback(debounce(onSearch, 500), [onSearch]);
   const closeList = () => {
-    setTextFilter(null);
+    if (!onSearchTextChange) setTextFilter(null);
     setIsShowList(false);
     if (toggleButtonRef.current) toggleButtonRef.current.focus();
   };
@@ -4492,11 +4528,19 @@ const Select = ({
     const {
       value
     } = e.target;
-    if (isSearch && value.length > 2) {
-      debouncedOnSearch(value);
+    if (onSearchTextChange) {
+      onSearchTextChange == null ? void 0 : onSearchTextChange(value);
+      setTextFilter(value);
+    } else {
+      setTextFilter(value.toLowerCase());
     }
-    setTextFilter(value.toLowerCase());
   };
+  const debouncedTextFilter = useDebounce(textFilter, 500);
+  useEffect(() => {
+    if (isSearch && (debouncedTextFilter == null ? void 0 : debouncedTextFilter.length) > 2) {
+      onSearch(debouncedTextFilter);
+    }
+  }, [debouncedTextFilter]);
   const toggleList = (e) => {
     e.preventDefault();
     if (isShowList) {
@@ -4506,9 +4550,9 @@ const Select = ({
     }
   };
   useEffect(() => {
-    if (resetSearch) {
-      setTextFilter("");
-    }
+    if (!onSearchTextChange) {
+      if (resetSearch) setTextFilter("");
+    } else if (resetSearch && !searchText) setTextFilter("");
   }, [resetSearch]);
   useEffect(() => {
     setTextFilter(searchText);
@@ -4528,7 +4572,7 @@ const Select = ({
     };
   }, []);
   return jsxs("div", {
-    className: cx(["adyen-kyc-dropdown", styles$4["adyen-kyc-dropdown"], className, ...classNameModifiers.map((m) => `adyen-kyc-dropdown--${m}`)]),
+    className: cx(["adyen-kyc-dropdown", className, ...classNameModifiers.map((m) => `adyen-kyc-dropdown--${m}`)]),
     ref: selectContainerRef,
     onClick: (e) => {
       e.stopPropagation();
@@ -4556,6 +4600,7 @@ const Select = ({
       isMulti,
       showSelectedItemsAsTags,
       isSearch,
+      hideSearchIcon: !!onSearchTextChange,
       loading,
       textFilter
     }), jsx(SelectList, {
@@ -5562,7 +5607,7 @@ const businessRegistrationNumberMasks = {
   },
   [CountryCodes.Cyprus]: {
     default: {
-      mask: makeMask(...alphaInputs(1), ...alphaInputs(1, true), ...numericInputs(1), ...numericInputs(7, true)),
+      mask: makeMask(...customInputs(1, /^[COP]$/), ...numericInputs(1), ...numericInputs(7, true)),
       transformOnType: uppercase
     }
   },
@@ -6403,7 +6448,7 @@ const businessRegistrationNumberPatterns = {
     soleProprietorship: /^\d{8}$/
   },
   [CountryCodes.Cyprus]: {
-    default: /^[A-Z]{1,2}\d{1,8}$/
+    default: /^[COP]{1}\d{1,8}$/
   },
   [CountryCodes.CzechRepublic]: {
     default: /^\d{8,10}$/
@@ -6750,13 +6795,11 @@ const defaultFieldConfig$9 = {
     mask: businessRegistrationNumberMasks[CountryCodes.Cyprus].default,
     validators: validatePatternOnBlur(businessRegistrationNumberPatterns[CountryCodes.Cyprus].default),
     guidanceText: {
-      key: "enterXToYLettersAndThenWToZDigitsForExample",
+      key: "enterEnglishLetterFollowedByXtoYDigitsForExample",
       values: {
-        minLetters: "1",
-        maxLetters: "2",
         minDigits: "1",
         maxDigits: "8",
-        example: "HE337518"
+        example: "C12345678"
       }
     }
   },
@@ -6952,18 +6995,16 @@ const defaultFieldConfig$9 = {
       case "partitaIVA":
       default:
         return {
-          label: "partitaIVA",
+          label: "codiceFiscalePartitaIVA",
           validators: validatePatternOnBlur(/^\d{11}$/),
           mask: {
-            mask: makeMask(...nonInputs("IT", {
-              includeInValue: false
-            }), spacer, ...numericInputs(11))
+            mask: makeMask(spacer, ...numericInputs(11))
           },
           guidanceText: {
             key: "enterTheRemainingNDigitsForExample",
             values: {
               numDigits: "11",
-              example: "IT47040001100"
+              example: "47040001100"
             }
           }
         };
@@ -7453,11 +7494,12 @@ const deriveInputState = (isValid, isFocused, isDisabled, isOptional, hasNullish
   };
 };
 const MISMATCH_ANIMATION_NAME = "mismatchShake";
-const logger$D = createLogger("MaskedInputText");
+const logger$E = createLogger("MaskedInputText");
 const MaskedInputText = ({
   value,
   onInput,
   onBlur,
+  onFocus,
   onMismatch: onMismatchExternal,
   isValid: validationIsValid,
   errorMessage,
@@ -7499,7 +7541,7 @@ const MaskedInputText = ({
   };
   useEffect(() => {
     if (!mask) {
-      logger$D.warn("`mask` is undefined. No masking of input will take place.");
+      logger$E.warn("`mask` is undefined. No masking of input will take place.");
     }
   }, [mask]);
   const getMaskResult = useCallback((pureValue) => {
@@ -7524,13 +7566,13 @@ const MaskedInputText = ({
         return;
       }
       if (preserveMismatchingInitialValue) {
-        logger$D.warn(`Value received "${value}" does not match mask`, maskResult, `
+        logger$E.warn(`Value received "${value}" does not match mask`, maskResult, `
 Preserving mismatched initial value until user input.`);
         setPreservingMismatchedValue(true);
         return;
       }
       const fallback = displayValueToPure(maskResult.partialDisplayValue);
-      logger$D.warn(`Value received "${value}" does not match mask`, maskResult, `
+      logger$E.warn(`Value received "${value}" does not match mask`, maskResult, `
 Falling back to partially valid value "${fallback}"`);
       onInput(fallback);
     }
@@ -7625,6 +7667,7 @@ Falling back to partially valid value "${fallback}"`);
         }
       },
       onFocusHandler: (event) => {
+        onFocus == null ? void 0 : onFocus();
         fieldOnFocus(event);
         setIsFocused(true);
       },
@@ -7719,7 +7762,7 @@ const companyRegistrationNumberOptions = {
   }],
   [CountryCodes.Italy]: [{
     id: "partitaIVA",
-    name: "partitaIVA"
+    name: "codiceFiscalePartitaIVA"
   }, {
     id: "CCIAA",
     name: "CCIAA"
@@ -10970,7 +11013,7 @@ const ID_NUMBER_EXEMPT_COUNTRIES = [CountryCodes.Canada, CountryCodes.PuertoRico
 const ID_NUMBER_VERIFICATION_COUNTRIES = [CountryCodes.PuertoRico, CountryCodes.UnitedStates];
 const COUNTRIES_WHICH_USE_MULTIPLE_IDENTITY_TYPES = [CountryCodes.HongKong, CountryCodes.Australia, CountryCodes.NewZealand];
 const ID_NUMBER_REQUIRED_FOR_DIRECTOR_COUNTRIES = [CountryCodes.Singapore];
-const NATIONALITY_REQUIRED_FOR_COUNTRIES = [CountryCodes.Singapore];
+const NATIONALITY_REQUIRED_FOR_COUNTRIES = [CountryCodes.Singapore, CountryCodes.HongKong];
 const CONTACTS_REQUIRED_FOR_COUNTRIES = [CountryCodes.NewZealand];
 const JOB_TITLE_REQUIRED_FOR_COUNTRIES = [CountryCodes.NewZealand];
 const ISSUER_REQUIRED_FOR_COUNTRIES = [CountryCodes.Australia];
@@ -10980,7 +11023,8 @@ const rules$3 = ({
   data,
   country,
   taskType,
-  isExperimentEnabled = () => false
+  isExperimentEnabled = () => false,
+  rootLegalEntity
 }) => ({
   isDirectorIdNumberRequiredForCountry: () => {
     var _a, _b, _c, _d, _e;
@@ -11045,8 +11089,13 @@ const rules$3 = ({
     }
   },
   nationalityIfRequiredForRole: () => {
-    var _a;
-    if (NATIONALITY_REQUIRED_FOR_COUNTRIES.includes(country) && ((_a = data.personalDetails) == null ? void 0 : _a.nationality)) {
+    var _a, _b;
+    const enableIdentificationNationalityCrossBorderAssociateCheck = isExperimentEnabled("EnableIdentificationNationalityCrossBorderAssociateCheck");
+    const rootLegalEntityCountry = (_a = rootLegalEntity == null ? void 0 : rootLegalEntity.organization) == null ? void 0 : _a.registeredAddress.country;
+    if (enableIdentificationNationalityCrossBorderAssociateCheck && rootLegalEntityCountry && NATIONALITY_REQUIRED_FOR_COUNTRIES.includes(rootLegalEntityCountry)) {
+      return REQUIRED;
+    }
+    if (NATIONALITY_REQUIRED_FOR_COUNTRIES.includes(country) || ((_b = data == null ? void 0 : data.personalDetails) == null ? void 0 : _b.nationality)) {
       return REQUIRED;
     }
   },
@@ -11086,7 +11135,7 @@ const accountHolderValidationRules = {
   }
 };
 const accountHolderFields = ["accountHolder"];
-const logger$C = createLogger("AccountHolder");
+const logger$D = createLogger("AccountHolder");
 function getAvailableAccountHolderOptions(legalEntityType, isChangeOfLegalEntityTypeAllowed, isTrustFlowEnabled, isSoleProprietorshipAllowed, isChangeToMyNameAllowed) {
   switch (legalEntityType) {
     case LegalEntityType.ORGANIZATION: {
@@ -11096,7 +11145,7 @@ function getAvailableAccountHolderOptions(legalEntityType, isChangeOfLegalEntity
       return [...isChangeToMyNameAllowed ? ["myName"] : [], ...isChangeOfLegalEntityTypeAllowed ? ["theCompanyIWorkFor"] : [], ...isTrustFlowEnabled ? ["aTrust"] : [], ...isSoleProprietorshipAllowed ? ["mySoleProprietorName"] : []];
     }
     default:
-      logger$C.error(`No available account holder options for legal entity type '${legalEntityType}'`);
+      logger$D.error(`No available account holder options for legal entity type '${legalEntityType}'`);
       return [];
   }
 }
@@ -11664,7 +11713,7 @@ function Dropzone(props) {
     })]
   });
 }
-const logger$B = createLogger("TextArea");
+const logger$C = createLogger("TextArea");
 function TextArea(props) {
   const {
     classNameModifiers,
@@ -11685,7 +11734,7 @@ function TextArea(props) {
   } = useI18nContext();
   const [value, setValue] = useState("");
   if (Object.prototype.hasOwnProperty.call(props, "onChange")) {
-    logger$B.error("Error: Form fields that rely on InputBase may not have an onChange property");
+    logger$C.error("Error: Form fields that rely on InputBase may not have an onChange property");
   }
   const handleInput = (e) => {
     var _a;
@@ -11950,7 +11999,7 @@ const LABELS = {
   }
 };
 const getKeyForField = (fieldName, country) => country ? LABELS[fieldName][country] || LABELS[fieldName].default : LABELS[fieldName].default;
-const getAddressSchemaForCountry = (country) => ADDRESS_SCHEMAS[country] || ADDRESS_SCHEMAS.default;
+const getAddressSchemaForCountry = (country) => country && ADDRESS_SCHEMAS[country] ? ADDRESS_SCHEMAS[country] : ADDRESS_SCHEMAS.default;
 const getAddressSchemaLabelsByCountry = (country) => {
   const schema = getAddressSchemaForCountry(country);
   return schema.reduce((labels2, field) => ({
@@ -12136,7 +12185,7 @@ function useIsElementVisible(ref, fallback = true) {
   }, [ref]);
   return isOnScreen;
 }
-const logger$A = createLogger("SearchAddress");
+const logger$B = createLogger("SearchAddress");
 const SearchAddress = ({
   data,
   legalEntityId,
@@ -12180,7 +12229,7 @@ const SearchAddress = ({
       const response = await handleFindAddress(selectedAddressId);
       autocompleteAddressForm(response);
     } catch (e) {
-      logger$A.error(e);
+      logger$B.error(e);
     }
   };
   const onDrilldown = async (selectedAddress) => {
@@ -12192,7 +12241,7 @@ const SearchAddress = ({
       }, legalEntityId);
       setItems((response == null ? void 0 : response.results) || []);
     } catch (e) {
-      logger$A.error(e);
+      logger$B.error(e);
     }
   };
   const onChange = (e) => {
@@ -12212,7 +12261,7 @@ const SearchAddress = ({
     }
     setLoading(false);
   };
-  const formatAddressItem = (item) => {
+  const formatAddressItem2 = (item) => {
     if (item.description.includes("Addresses")) {
       const splittedDescription = item.description.split(" - ");
       if (splittedDescription.length === 1) {
@@ -12241,18 +12290,18 @@ const SearchAddress = ({
           country: data.country
         }, legalEntityId);
         if (response == null ? void 0 : response.results) {
-          const modifiedItems = response.results.map(formatAddressItem);
+          const modifiedItems = response.results.map(formatAddressItem2);
           setItems(modifiedItems);
         } else {
           setItems([]);
         }
       } catch (e) {
-        logger$A.error(e);
+        logger$B.error(e);
       }
       setLoading(false);
     }
   };
-  const getFormattedText = (highlightItems, text) => {
+  const getFormattedText2 = (highlightItems, text) => {
     const formattedText = [];
     let lastHighlightIndex = 0;
     if (highlightItems[0] === "") {
@@ -12278,7 +12327,7 @@ const SearchAddress = ({
     }
     return formattedText;
   };
-  const getHighlightedText = ({
+  const getHighlightedText2 = ({
     text,
     highlight,
     description
@@ -12292,11 +12341,11 @@ const SearchAddress = ({
       }
     } else {
       const highlightItems = highlight.split(";");
-      formattedText = getFormattedText(highlightItems[0].split(","), text);
+      formattedText = getFormattedText2(highlightItems[0].split(","), text);
       if (highlightItems.length > 1) {
         formattedText.push(`, `);
         formattedText.push(jsx(Fragment, {
-          children: getFormattedText(highlightItems[1].split(","), description)
+          children: getFormattedText2(highlightItems[1].split(","), description)
         }));
       } else if (description) {
         formattedText.push(`, ${description}`);
@@ -12304,10 +12353,10 @@ const SearchAddress = ({
     }
     return formattedText;
   };
-  const generateSearchListItem = (item) => jsxs(Fragment, {
+  const generateSearchListItem2 = (item) => jsxs(Fragment, {
     children: [jsx("span", {
       className: "adyen-kyc-dropdown-search-element__description",
-      children: getHighlightedText(item)
+      children: getHighlightedText2(item)
     }), item.addressAmount && jsxs("div", {
       className: "adyen-kyc-dropdown-search-element__addresses",
       children: [item.addressAmount, " ", jsxs("span", {
@@ -12338,7 +12387,7 @@ const SearchAddress = ({
       resetSearch,
       onSearch: getSearchItems,
       loading,
-      getSearchItem: generateSearchListItem,
+      getSearchItem: generateSearchListItem2,
       isInvalid: false,
       searchText,
       showSearchList
@@ -12625,7 +12674,7 @@ const countrySpecificFormatters = {
 };
 const addressValidationRules = (country) => {
   var _a, _b;
-  const postalCodeFormat = (_b = (_a = countrySpecificFormatters[country]) == null ? void 0 : _a.postalCode) == null ? void 0 : _b.format;
+  const postalCodeFormat = country ? (_b = (_a = countrySpecificFormatters[country]) == null ? void 0 : _a.postalCode) == null ? void 0 : _b.format : void 0;
   return {
     address: {
       modes: ["blur"],
@@ -12635,7 +12684,7 @@ const addressValidationRules = (country) => {
     postalCode: {
       modes: ["blur"],
       validate: (val) => {
-        const pattern = postalCodePatterns[country];
+        const pattern = country ? postalCodePatterns[country] : void 0;
         return pattern ? !!val && pattern.test(val) : !!val;
       },
       errorMessage: postalCodeFormat ? {
@@ -12664,7 +12713,7 @@ const addressValidationRules = (country) => {
 };
 const addressValidationRulesV4 = (country, i18n) => {
   var _a, _b;
-  const postalCodeFormat = (_b = (_a = countrySpecificFormatters[country]) == null ? void 0 : _a.postalCode) == null ? void 0 : _b.format;
+  const postalCodeFormat = country ? (_b = (_a = countrySpecificFormatters[country]) == null ? void 0 : _a.postalCode) == null ? void 0 : _b.format : void 0;
   const MIN_LENGTH_3 = 3;
   return {
     address: [{
@@ -12693,7 +12742,7 @@ const addressValidationRulesV4 = (country, i18n) => {
     postalCode: {
       modes: ["blur"],
       validate: (val) => {
-        const pattern = postalCodePatterns[country];
+        const pattern = country ? postalCodePatterns[country] : void 0;
         return pattern ? !!val && pattern.test(val) : !!val;
       },
       errorMessage: postalCodeFormat ? {
@@ -12786,11 +12835,10 @@ function Address(props) {
   const stateRef = useRef({
     setState: null
   });
-  const addressFields = ADDRESS_SCHEMAS[dataProp == null ? void 0 : dataProp.country] ?? ADDRESS_SCHEMAS.default;
   const datasetUtils = datasetUtilities(i18n.locale);
-  const requiredFields = (requiredFieldsProp == null ? void 0 : requiredFieldsProp.includes("stateOrProvince")) || dataProp.country && COUNTRIES_WITH_STATES_DATASET.includes(dataProp.country) ? addressFields : addressFields.filter((ad) => ad !== "stateOrProvince");
-  const rules2 = useMemo(() => addressValidationRules(dataProp.country), [dataProp.country]);
-  const rulesV4 = useMemo(() => addressValidationRulesV4(dataProp.country, i18n), [dataProp.country, i18n]);
+  const requiredFields = (requiredFieldsProp == null ? void 0 : requiredFieldsProp.includes("stateOrProvince")) || (dataProp == null ? void 0 : dataProp.country) && COUNTRIES_WITH_STATES_DATASET.includes(dataProp == null ? void 0 : dataProp.country) ? getAddressSchemaForCountry(dataProp == null ? void 0 : dataProp.country) : getAddressSchemaForCountry(dataProp == null ? void 0 : dataProp.country).filter((ad) => ad !== "stateOrProvince");
+  const rules2 = useMemo(() => addressValidationRules(dataProp == null ? void 0 : dataProp.country), [dataProp == null ? void 0 : dataProp.country]);
+  const rulesV4 = useMemo(() => addressValidationRulesV4(dataProp == null ? void 0 : dataProp.country, i18n), [dataProp == null ? void 0 : dataProp.country, i18n]);
   const {
     data,
     errors,
@@ -12818,7 +12866,7 @@ function Address(props) {
     optionalFields: optionalFieldsProp
   }, i18n);
   useEffect(() => {
-    if (dataProp.country !== data.country && dataProp.country) {
+    if ((dataProp == null ? void 0 : dataProp.country) !== data.country && (dataProp == null ? void 0 : dataProp.country)) {
       requiredFields.forEach((field) => {
         handleChangeFor(field, "input")("");
       });
@@ -12826,7 +12874,7 @@ function Address(props) {
       setShowAutocompletedAddressFields(false);
       setShowAddAddressButton(true);
     }
-  }, [dataProp.country]);
+  }, [dataProp == null ? void 0 : dataProp.country]);
   useEffect(() => {
     if (handleAddressSearch && handleFindAddress) {
       setIsHandlerPresent(true);
@@ -12837,12 +12885,13 @@ function Address(props) {
     }
   }, []);
   useEffect(() => {
+    var _a, _b;
     const processedData = ADDRESS_SCHEMA.reduce((acc, cur) => {
       if (!formUtils.isRequiredField(cur)) {
         delete acc[cur];
         return acc;
       }
-      const fallbackValue = !formUtils.isRequiredField(cur) && !data[cur] && dataProp[cur] ? dataProp[cur] : "N/A";
+      const fallbackValue = !formUtils.isRequiredField(cur) && !data[cur] && (dataProp == null ? void 0 : dataProp[cur]) ? dataProp[cur] : "N/A";
       return {
         ...acc,
         [cur]: formUtils.isRequiredField(cur) || !!data[cur] ? data[cur] : fallbackValue
@@ -12877,7 +12926,7 @@ function Address(props) {
       },
       isValid
     });
-    stateRef.current.setState({
+    (_b = (_a = stateRef.current).setState) == null ? void 0 : _b.call(_a, {
       type: "addToState",
       value: {
         ...addressState,
@@ -12937,8 +12986,8 @@ function Address(props) {
   }) => {
     const hasHouseNumber = !!houseNumberOrName;
     if (hasHouseNumber) {
-      const isHouseNumberFirst = COUNTRIES_WITH_HOUSE_NUMBER_FIRST.includes(data.country);
-      const needsComma = COUNTRIES_WITH_COMMA_SEPARATED.includes(data.country);
+      const isHouseNumberFirst = data.country ? COUNTRIES_WITH_HOUSE_NUMBER_FIRST.includes(data.country) : false;
+      const needsComma = data.country ? COUNTRIES_WITH_COMMA_SEPARATED.includes(data.country) : false;
       const formattedAddress = isHouseNumberFirst ? `${houseNumberOrName}${needsComma ? ", " : " "}${street}` : `${street}${needsComma ? ", " : " "}${houseNumberOrName}`;
       return handleChangeFor("address", "input")(formattedAddress);
     }
@@ -12980,7 +13029,7 @@ function Address(props) {
         className: "adyen-kyc-search-address",
         children: [jsx(SearchAddress, {
           handleChangeFor,
-          data: dataProp,
+          data: dataProp ?? {},
           handleAddressSearch,
           handleFindAddress,
           legalEntityId,
@@ -12994,7 +13043,7 @@ function Address(props) {
             className: "adyen-kyc-search-address--below-location",
             children: [jsx(Icon, {
               name: "location"
-            }), datasetUtils.getCountryName(dataProp.country)]
+            }), datasetUtils.getCountryName(dataProp == null ? void 0 : dataProp.country)]
           }), showAddAddressButton && jsx(Button, {
             showAsLink: true,
             testId: "addAddressManuallyBtn",
@@ -13018,6 +13067,460 @@ Address.defaultProps = {
   requiredFields: ADDRESS_SCHEMA,
   countryCode: null
 };
+const logger$A = createLogger("AddressFieldContainer");
+const formatAddressItem = (item) => {
+  if (item.description.includes("Addresses")) {
+    const splittedDescription = item.description.split(" - ");
+    if (splittedDescription.length === 1) {
+      return {
+        ...item,
+        description: "",
+        addressAmount: splittedDescription[0].replace("Addresses", "")
+      };
+    }
+    return {
+      ...item,
+      description: splittedDescription[0],
+      addressAmount: splittedDescription[1].replace("Addresses", "")
+    };
+  }
+  return item;
+};
+const getFormattedText = (highlightItems, text) => {
+  const formattedText = [];
+  let lastHighlightIndex = 0;
+  if (highlightItems[0] === "") {
+    return [text];
+  }
+  highlightItems.forEach((highlightValue) => {
+    const highlightRange = highlightValue.split("-");
+    const highlightInit = parseInt(highlightRange[0]);
+    const highlightEnd = parseInt(highlightRange[1]);
+    if (lastHighlightIndex < highlightInit) {
+      const remain = text.substring(lastHighlightIndex, highlightInit);
+      formattedText.push(`${remain}`);
+    }
+    const boldText = text.substring(highlightInit, highlightEnd);
+    formattedText.push(jsx("span", {
+      className: "adyen-kyc-dropdown-search-element__description--highlight",
+      children: boldText
+    }));
+    lastHighlightIndex = highlightEnd;
+  });
+  if (lastHighlightIndex < text.length) {
+    formattedText.push(`${text.substring(lastHighlightIndex)}`);
+  }
+  return formattedText;
+};
+const getHighlightedText = ({
+  text = "",
+  highlight = "",
+  description = ""
+}) => {
+  let formattedText = [];
+  if (highlight === "") {
+    if (description) {
+      formattedText.push(`${text}, ${description}`);
+    } else {
+      formattedText.push(text);
+    }
+  } else {
+    const highlightItems = highlight.split(";");
+    formattedText = getFormattedText(highlightItems[0].split(","), text);
+    if (highlightItems.length > 1) {
+      formattedText.push(`, `);
+      formattedText.push(jsx(Fragment, {
+        children: getFormattedText(highlightItems[1].split(","), description)
+      }));
+    } else if (description) {
+      formattedText.push(`, ${description}`);
+    }
+  }
+  return formattedText;
+};
+const generateSearchListItem = (item, i18n) => jsxs(Fragment, {
+  children: [jsx("span", {
+    className: "adyen-kyc-dropdown-search-element__description",
+    children: getHighlightedText(item)
+  }), item.addressAmount && jsxs("div", {
+    className: "adyen-kyc-dropdown-search-element__addresses",
+    children: [item.addressAmount, " ", jsxs("span", {
+      className: "adyen-kyc-dropdown-search-element__addresses--text",
+      children: [" ", i18n.get("addresses")]
+    }), jsx(Icon, {
+      name: "arrow-right",
+      className: "adyen-kyc-dropdown-search-element__addresses--icon"
+    })]
+  })]
+});
+function FieldContainerComponent({
+  legalEntityId = "",
+  classNameModifiers = [],
+  schema,
+  data,
+  valid,
+  errors,
+  fieldProblems,
+  fieldName,
+  trimOnBlur,
+  hideField,
+  maxlength,
+  readOnly,
+  optional,
+  handleChangeFor,
+  handleAddressSearch,
+  handleFindAddress
+}) {
+  const {
+    i18n
+  } = useI18nContext();
+  useEffect(() => {
+    setItems([]);
+    setSearchText("");
+    setResetSearch(true);
+  }, [data.country]);
+  const formUtils = formUtilities({
+    data
+  }, i18n);
+  const errorMessage = formUtils.getErrorMessage(fieldName, errors ?? {}, fieldProblems);
+  const value = data[fieldName];
+  const labelKey = getKeyForField(fieldName, data.country);
+  const [items, setItems] = useState([]);
+  const [loading, setLoading] = useState(false);
+  const [resetSearch, setResetSearch] = useState(false);
+  const [showSearchList, setShowSearchList] = useState(false);
+  const [selectedAddressId, setSelectedAddressId] = useState();
+  const [searchText, setSearchText] = useState(data.address);
+  useEffect(() => {
+    setSearchText(data.address);
+  }, [data.address]);
+  const setAddressField = ({
+    houseNumberOrName,
+    street
+  }) => {
+    const hasHouseNumber = !!houseNumberOrName;
+    if (hasHouseNumber) {
+      const isHouseNumberFirst = data.country ? COUNTRIES_WITH_HOUSE_NUMBER_FIRST.includes(data.country) : false;
+      const needsComma = data.country ? COUNTRIES_WITH_COMMA_SEPARATED.includes(data.country) : false;
+      const formattedAddress = isHouseNumberFirst ? `${houseNumberOrName}${needsComma ? ", " : " "}${street}` : `${street}${needsComma ? ", " : " "}${houseNumberOrName}`;
+      return handleChangeFor("address", "input")(formattedAddress);
+    }
+    return handleChangeFor("address", "input")(street);
+  };
+  const getSearchItems = async (text) => {
+    if (!text || !data.country) return setItems([]);
+    try {
+      setLoading(true);
+      const response = await (handleAddressSearch == null ? void 0 : handleAddressSearch({
+        text,
+        country: data.country
+      }, legalEntityId));
+      if (response == null ? void 0 : response.results) {
+        setItems(response.results.map(formatAddressItem));
+      } else {
+        setItems([]);
+      }
+    } catch (e) {
+      logger$A.error(e);
+    }
+    setLoading(false);
+  };
+  const onFindAddress = async (addressId) => {
+    try {
+      const response = await (handleFindAddress == null ? void 0 : handleFindAddress(addressId));
+      if (response) {
+        schema == null ? void 0 : schema.forEach((field) => {
+          switch (field) {
+            case "country":
+              handleChangeFor("country", "input")(response.country ?? " ");
+              break;
+            case "address":
+              setAddressField(response);
+              break;
+            case "otherAddressInformation":
+              handleChangeFor("otherAddressInformation", "blur")(response.street2 ?? " ");
+              break;
+            case "city":
+              handleChangeFor("city", "input")(response.city ?? " ");
+              break;
+            case "postalCode":
+              handleChangeFor("postalCode", "input")(response.postalCode ?? " ");
+              break;
+            case "stateOrProvince":
+              handleChangeFor("stateOrProvince", "input")(response.stateOrProvince ?? " ");
+              break;
+            default:
+              break;
+          }
+        });
+      }
+    } catch (e) {
+      logger$A.error(e);
+    }
+  };
+  const onDrilldown = async (address) => {
+    if (!data.country) return;
+    try {
+      const response = await (handleAddressSearch == null ? void 0 : handleAddressSearch({
+        text: address.text,
+        country: data.country,
+        container: address.id
+      }, legalEntityId));
+      setItems((response == null ? void 0 : response.results) || []);
+    } catch (e) {
+      logger$A.error(e);
+    }
+  };
+  const handleOnChange = (e) => {
+    const addressId = e.target.value;
+    setSelectedAddressId(addressId);
+    setLoading(true);
+    const selectedAddress = items.filter((i) => i.id === addressId)[0];
+    if (selectedAddress.type === "Address") {
+      onFindAddress(selectedAddress.id);
+      setShowSearchList(false);
+    } else {
+      onDrilldown(selectedAddress);
+      setShowSearchList(true);
+    }
+    setLoading(false);
+  };
+  const renderField = (field) => {
+    switch (field) {
+      case "address":
+        return handleAddressSearch && handleFindAddress ? jsx(Field, {
+          name: field,
+          label: i18n.get(labelKey),
+          classNameModifiers,
+          errorMessage,
+          isValid: valid == null ? void 0 : valid[field],
+          optional,
+          children: (childProps) => jsx(Select, {
+            ...childProps,
+            isSearch: true,
+            name: field,
+            items: items.map((item) => ({
+              ...item,
+              name: ""
+            })),
+            selected: selectedAddressId,
+            loading,
+            onChange: handleOnChange,
+            onSearch: getSearchItems,
+            onSearchTextChange: (text) => handleChangeFor("address", "input")(text),
+            getSearchItem: (item) => generateSearchListItem(item, i18n),
+            showSearchList,
+            resetSearch,
+            searchText
+          })
+        }) : jsx(Field, {
+          name: field,
+          label: i18n.get(labelKey),
+          classNameModifiers,
+          errorMessage,
+          isValid: valid == null ? void 0 : valid[field],
+          optional,
+          children: (childProps) => jsx(InputText, {
+            ...childProps,
+            classNameModifiers,
+            name: field,
+            value,
+            onInput: handleChangeFor(fieldName, "input"),
+            onBlur: handleChangeFor(fieldName, "blur"),
+            maxLength: maxlength,
+            "aria-required": true,
+            "aria-label": i18n.get(labelKey),
+            "aria-invalid": !(valid == null ? void 0 : valid[field]),
+            trimOnBlur,
+            readonly: readOnly
+          })
+        });
+      case "country":
+        return jsx(CountryField, {
+          data: {
+            country: value
+          },
+          valid: {
+            country: valid == null ? void 0 : valid.country
+          },
+          errors: {
+            country: errorMessage
+          },
+          labels: {
+            country: formUtils.getLabel(field, labelKey)
+          },
+          readonly: Boolean(readOnly),
+          classNameModifiers,
+          className: hideField ? "adyen-kyc-search-fieldcontainer-hide" : "",
+          handleChangeFor
+        });
+      case "stateOrProvince":
+        return jsx(StateField, {
+          data: {
+            stateOrProvince: value
+          },
+          valid: {
+            stateOrProvince: valid == null ? void 0 : valid.stateOrProvince
+          },
+          errors: {
+            stateOrProvince: errorMessage
+          },
+          labels: {
+            stateOrProvince: formUtils.getLabel(field, labelKey)
+          },
+          readonly: Boolean(readOnly),
+          classNameModifiers,
+          selectedCountry: data.country,
+          handleChangeFor
+        });
+      default:
+        return jsx(Field, {
+          name: field,
+          label: i18n.get(labelKey),
+          classNameModifiers,
+          errorMessage,
+          isValid: valid == null ? void 0 : valid[field],
+          optional,
+          children: (childProps) => jsx(InputText, {
+            ...childProps,
+            classNameModifiers,
+            name: field,
+            value: field === "postalCode" ? value == null ? void 0 : value.toUpperCase() : value,
+            onInput: handleChangeFor(fieldName, "input"),
+            onBlur: handleChangeFor(fieldName, "blur"),
+            maxLength: maxlength,
+            "aria-required": true,
+            "aria-label": i18n.get(labelKey),
+            "aria-invalid": !(valid == null ? void 0 : valid[field]),
+            trimOnBlur,
+            readonly: readOnly
+          })
+        });
+    }
+  };
+  return hideField ? null : renderField(fieldName);
+}
+function AddressComponent({
+  data,
+  labels: labels2,
+  placeholders,
+  helperText,
+  readOnly,
+  hideCountry,
+  fieldValidationErrors,
+  allFields,
+  requiredFields,
+  optionalFields = ["otherAddressInformation"],
+  readOnlyFields,
+  trustedFields,
+  shouldValidate,
+  handleAddressSearch,
+  handleFindAddress,
+  onChange,
+  legalEntityId,
+  verifiedAddress
+}) {
+  const {
+    i18n
+  } = useI18nContext();
+  const {
+    isExperimentEnabled
+  } = useExperimentsContext();
+  const isStrictNameAndAddressValidationEnabled = isExperimentEnabled(ExperimentNames.StrictNameAndAddressValidationV4);
+  const schema = useMemo(() => {
+    if (requiredFields == null ? void 0 : requiredFields.length) {
+      return (requiredFields == null ? void 0 : requiredFields.includes("stateOrProvince")) || (data == null ? void 0 : data.country) && COUNTRIES_WITH_STATES_DATASET.includes(data == null ? void 0 : data.country) ? requiredFields : requiredFields == null ? void 0 : requiredFields.filter((field) => field !== "stateOrProvince");
+    }
+    return (data == null ? void 0 : data.country) && COUNTRIES_WITH_STATES_DATASET.includes(data == null ? void 0 : data.country) ? getAddressSchemaForCountry(data == null ? void 0 : data.country) : getAddressSchemaForCountry(data == null ? void 0 : data.country).filter((ad) => ad !== "stateOrProvince");
+  }, [data == null ? void 0 : data.country, requiredFields]);
+  const rules2 = useMemo(() => addressValidationRules(data == null ? void 0 : data.country), [data == null ? void 0 : data.country]);
+  const rulesV4 = useMemo(() => addressValidationRulesV4(data == null ? void 0 : data.country, i18n), [data == null ? void 0 : data.country, i18n]);
+  const {
+    schema: formSchema,
+    data: formData,
+    errors: formErrors,
+    valid: formValid,
+    fieldProblems: formFieldProblems,
+    handleChangeFor,
+    isValid
+  } = useForm({
+    schema,
+    defaultData: data,
+    formatters: addressFormatters,
+    rules: isStrictNameAndAddressValidationEnabled ? rulesV4 : rules2,
+    fieldProblems: fieldValidationErrors,
+    optionalFields,
+    obscuredFields: [],
+    trustedFields: [],
+    shouldValidate
+  });
+  useEffect(
+    () => verifiedAddress ? entriesOf(verifiedAddress).forEach(([key, value]) => {
+      if (formData[key] !== value) handleChangeFor(key, "input")(value);
+    }) : formSchema.forEach((field) => handleChangeFor(field, "input")((data == null ? void 0 : data[field]) ?? " ")),
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [verifiedAddress]
+  );
+  const formUtils = formUtilities({
+    data,
+    labels: labels2,
+    placeholders,
+    helperText,
+    readOnly,
+    allFields,
+    requiredFields: schema,
+    optionalFields,
+    readOnlyFields,
+    trustedFields
+  }, i18n);
+  useEffect(() => {
+    onChange == null ? void 0 : onChange({
+      schema: formSchema,
+      data: formData,
+      valid: formValid,
+      errors: formErrors,
+      fieldProblems: formFieldProblems,
+      isValid
+    });
+  }, [formData, formErrors, formFieldProblems, formSchema, formValid, isValid]);
+  const createFieldComponent = (fieldName) => {
+    if (!formUtils.isRequiredField(fieldName) && !formUtils.isOptionalField(fieldName)) return null;
+    const hideField = fieldName === "country" && hideCountry;
+    return jsx(FieldContainerComponent, {
+      classNameModifiers: [fieldName],
+      schema: formSchema,
+      data: formData,
+      valid: formValid,
+      errors: formErrors,
+      fieldProblems: formFieldProblems,
+      fieldName,
+      maxlength: getMaxLengthByFieldAndCountry(countrySpecificFormatters, fieldName, formData.country),
+      hideField,
+      "aria-label": formUtils.getLabel(fieldName, fieldName),
+      readOnly: formUtils.isReadOnly(fieldName),
+      optional: formUtils.isOptionalField(fieldName),
+      trimOnBlur: true,
+      legalEntityId,
+      handleChangeFor,
+      handleAddressSearch,
+      handleFindAddress
+    }, fieldName);
+  };
+  return jsx("fieldset", {
+    className: "adyen-kyc__address",
+    children: formSchema.map((field) => createFieldComponent(field))
+  });
+}
+function AddressExperimentWrapper(props) {
+  const {
+    isExperimentEnabled
+  } = useExperimentsContext();
+  return isExperimentEnabled("EnableNewAddressComponent") ? jsx(AddressComponent, {
+    ...props
+  }) : jsx(Address, {
+    ...props
+  });
+}
 var operationalAddressIsSameIds = /* @__PURE__ */ ((operationalAddressIsSameIds2) => {
   operationalAddressIsSameIds2["OPERATIONAL_ADDRESS_IS_SAME"] = "OperationAddressAnswerYes";
   operationalAddressIsSameIds2["OPERATIONAL_ADDRESS_IS_NOT_SAME"] = "OperationAddressAnswerNo";
@@ -13082,7 +13585,8 @@ function RegistrationAddressComponent(props) {
     valid: formValid,
     errors: formErrors,
     fieldProblems: formFieldProblems,
-    handleChangeFor
+    handleChangeFor,
+    setValid
   } = useForm({
     ...props,
     schema: ["operationalAddressIsSame"],
@@ -13119,10 +13623,25 @@ function RegistrationAddressComponent(props) {
         schema: ["registrationAddress", "operationalAddressIsSame", ...isOperationAddressNotSame() ? ["operationalAddress"] : []]
       }
     });
-  }, [formData.operationalAddressIsSame]);
+  }, [formData, formValid, formErrors, formFieldProblems]);
   const isOperationAddressNotSame = () => formData.operationalAddressIsSame === operationalAddressIsSameIds.OPERATIONAL_ADDRESS_IS_NOT_SAME;
   const registrationAddressFormProps = getFormProps(props, registrationAddressFormID);
   const operationalAddressFormProps = getFormProps(props, operationalAddressFormID);
+  const handleRegistrationAddressChange = (state) => {
+    handleChangeFor("registrationAddress")(state.data);
+    setValid("registrationAddress", Boolean(state.isValid));
+  };
+  const handleOperationalAddressChange = (state) => {
+    handleChangeFor("operationalAddress")(state.data);
+    setValid("operationalAddress", Boolean(state.isValid));
+  };
+  const handleOperationalAddressIsSameChange = (e) => {
+    const {
+      value
+    } = e.target;
+    handleChangeFor("operationalAddressIsSame")(value);
+    if (value === "OperationAddressAnswerYes") setValid("operationalAddress", true);
+  };
   return jsxs(Fragment, {
     children: [jsx(StateContextSetter, {
       owner: id,
@@ -13141,7 +13660,7 @@ function RegistrationAddressComponent(props) {
       contentId: "reasonForFillingCompanyAddressDetails",
       title: i18n.get("whyDoINeedToFillInThisInformation"),
       content: i18n.get("reasonForFillingCompanyAddressDetails")
-    }), jsx(Address, {
+    }), jsx(AddressExperimentWrapper, {
       ...registrationAddressFormProps,
       data: {
         ...registrationAddressFormProps == null ? void 0 : registrationAddressFormProps.data,
@@ -13150,10 +13669,12 @@ function RegistrationAddressComponent(props) {
       hideCountry: true,
       id,
       addressType: "registrationAddress",
+      optionalFields: ["otherAddressInformation"],
       handleAddressSearch,
       handleFindAddress,
       verifiedBusiness,
-      kompanyAddress
+      kompanyAddress,
+      onChange: handleRegistrationAddressChange
     }), jsx(FormHeader, {
       classNames: "adyen-kyc-u-margin-top-32",
       heading: i18n.get("operationalAddressHeader")
@@ -13169,12 +13690,12 @@ function RegistrationAddressComponent(props) {
         items: operationalAddressIsSameItems,
         value: formData.operationalAddressIsSame,
         disabled: formUtils.isReadOnly("operationalAddressIsSame"),
-        onChange: handleChangeFor("operationalAddressIsSame"),
+        onChange: handleOperationalAddressIsSameChange,
         "aria-required": true,
         "aria-label": formUtils.getLabel("operationalAddressIsSame"),
         "aria-invalid": !formValid.operationalAddressIsSame
       })
-    }), isOperationAddressNotSame() && createElement(Address, {
+    }), isOperationAddressNotSame() && createElement(AddressExperimentWrapper, {
       ...operationalAddressFormProps,
       key: "operationalAddress",
       data: {
@@ -13183,9 +13704,11 @@ function RegistrationAddressComponent(props) {
       },
       hideCountry: true,
       id,
+      optionalFields: ["otherAddressInformation"],
       addressType: "operationalAddress",
       handleAddressSearch,
-      handleFindAddress
+      handleFindAddress,
+      onChange: handleOperationalAddressChange
     })]
   });
 }
@@ -13865,9 +14388,18 @@ const rules$2 = ({
     }
   },
   countryRequiresRegistrationNumberForCompanies: () => {
+    var _a, _b;
     if (COUNTRIES_WITH_OPTIONAL_REGISTRATION_NUMBER.includes(country)) {
       return "OPTIONAL";
     }
+    if (isExperimentEnabled("EnableAUGovernmentalOrganizationSkipRegistrationNumber") && country === CountryCodes.Australia) {
+      if ("companyType" in data && ((_a = data.companyType) == null ? void 0 : _a.entityType) === CompanyTypesValue.GOVERNMENTAL_ORGANIZATION) {
+        return;
+      }
+      if ("companyStructure" in data && ((_b = data.companyStructure) == null ? void 0 : _b.entityType) === CompanyTypesValue.GOVERNMENTAL_ORGANIZATION) {
+        return;
+      }
+    }
     if (!COUNTRIES_THAT_DONT_REQUIRE_COMPANY_REGISTRATION.includes(country)) {
       return "REQUIRED";
     }
@@ -15090,21 +15622,13 @@ const useIdVerificationToken = ({
     loadingStatus
   };
 };
-const styles$3 = {
-  "adyen-kyc-loading-input__form": "adyen-kyc-loading-input__form",
-  "adyen-kyc-loading-input__form--loading-opacity0": "adyen-kyc-loading-input__form--loading-opacity0",
-  "adyen-kyc-loading-input__form--loading-opacity0-1": "adyen-kyc-loading-input__form--loading-opacity0-1",
-  "adyen-kyc-loading-input__form--loading-opacity0-2": "adyen-kyc-loading-input__form--loading-opacity0-2",
-  "adyen-kyc-loading-input__form--loading-opacity0-3": "adyen-kyc-loading-input__form--loading-opacity0-3",
-  "adyen-kyc-loading-input__form--loading-opacity0-4": "adyen-kyc-loading-input__form--loading-opacity0-4",
-  "adyen-kyc-loading-input__form--loading-opacity0-5": "adyen-kyc-loading-input__form--loading-opacity0-5",
-  "adyen-kyc-loading-input__form--loading-opacity0-6": "adyen-kyc-loading-input__form--loading-opacity0-6",
-  "adyen-kyc-loading-input__form--loading-opacity0-7": "adyen-kyc-loading-input__form--loading-opacity0-7",
-  "adyen-kyc-loading-input__form--loading-opacity0-8": "adyen-kyc-loading-input__form--loading-opacity0-8",
-  "adyen-kyc-loading-input__form--loading-opacity0-9": "adyen-kyc-loading-input__form--loading-opacity0-9",
-  "adyen-kyc-loading-input__form--loading-opacity1": "adyen-kyc-loading-input__form--loading-opacity1",
-  "adyen-kyc-loading-input__loader": "adyen-kyc-loading-input__loader",
-  "adyen-kyc-loading-input__loader--active": "adyen-kyc-loading-input__loader--active"
+const loaderWrapperLoader = "adyen-kyc-loader-wrapper-loader";
+const loaderWrapperLoaderActive = "adyen-kyc-loader-wrapper-loader-active";
+const styles$4 = {
+  "loader-wrapper-loader": "adyen-kyc-loader-wrapper-loader",
+  loaderWrapperLoader,
+  "loader-wrapper-loader-active": "adyen-kyc-loader-wrapper-loader-active",
+  loaderWrapperLoaderActive
 };
 const LoaderWrapper = ({
   children,
@@ -15114,18 +15638,15 @@ const LoaderWrapper = ({
   showSpinner = true,
   className
 }) => {
-  const formOpacityStrArr = `${formOpacityWhenLoading}`.split(".");
-  const digit = formOpacityStrArr[0];
-  const decimal = formOpacityStrArr[1];
-  const opacity = decimal ? `${digit}-${decimal}` : `${digit}`;
-  const wrapperClass = cx("adyen-kyc-loading-input__form", styles$3["adyen-kyc-loading-input__form"], {
-    [styles$3[`adyen-kyc-loading-input__form--loading-opacity${opacity}`]]: status === "loading"
-  });
-  const loaderWrapperClass = cx({
-    [styles$3["adyen-kyc-loading-input__loader"]]: true,
-    [styles$3["adyen-kyc-loading-input__loader--active"]]: status === "loading" && showSpinner
-  });
-  const overlayClass = cx("adyen-kyc-loading-input", className);
+  const opacitySyle = status === "loading" ? {
+    opacity: formOpacityWhenLoading
+  } : {
+    opacity: 1
+  };
+  const loaderWrapperClass = cx(styles$4.loaderWrapperLoader, {
+    [styles$4.loaderWrapperLoaderActive]: status === "loading" && showSpinner
+  });
+  const overlayClass = cx(styles$4.loaderWrapper, className);
   return jsxs("div", {
     className: overlayClass,
     style: {
@@ -15137,7 +15658,8 @@ const LoaderWrapper = ({
         size: loaderSize
       })
     }), jsx("div", {
-      className: wrapperClass,
+      className: styles$4.loaderWrapperForm,
+      style: opacitySyle,
       children
     })]
   });
@@ -16638,19 +17160,13 @@ const handleKeys = (keys, callback, propagationMode = "stopIfMatches") => (event
     callback();
   }
 };
-const styles$2 = {
-  "adyen-kyc-multi-select-list": "adyen-kyc-multi-select-list",
-  "adyen-kyc-multi-select-list-item": "adyen-kyc-multi-select-list-item",
-  "adyen-kyc-multi-select-list-item--with-description": "adyen-kyc-multi-select-list-item--with-description",
-  "adyen-kyc-checkbox__label": "adyen-kyc-checkbox__label"
-};
 const MultiSelectList = ({
   options,
   selected,
   onSelect,
   mapToSelectItem
 }) => jsx("ul", {
-  className: styles$2["adyen-kyc-multi-select-list"],
+  className: "adyen-kyc-multi-select-list",
   children: options.map((option) => {
     const item = mapToSelectItem(option);
     const isSelected = selected.includes(option);
@@ -16664,8 +17180,8 @@ const MultiSelectList = ({
       onKeyDown: handleKeys(["Enter", " "], handleSelect),
       onSelect: handleSelect,
       isMulti: true,
-      className: cx([styles$2["adyen-kyc-multi-select-list-item"], {
-        [styles$2["adyen-kyc-multi-select-list-item--with-description"]]: !!item.description
+      className: cx(["adyen-kyc-multi-select-list-item", {
+        "adyen-kyc-multi-select-list-item--with-description": !!item.description
       }])
     }, item.id);
   })
@@ -16686,7 +17202,7 @@ const DecisionMakerRoleComponent = (props) => {
     fieldValidationErrors,
     requiredFields,
     allowedRoles,
-    trustedRoles
+    trustedRoles = []
   } = props;
   const {
     i18n
@@ -16744,7 +17260,7 @@ const DecisionMakerRoleComponent = (props) => {
         onSelect: changeRoles,
         mapToSelectItem: (role) => ({
           ...makeSelectItemForRole(role, i18n),
-          disabled: allowedRoles ? !(allowedRoles == null ? void 0 : allowedRoles.includes(role)) : trustedRoles.includes(role)
+          disabled: allowedRoles && !allowedRoles.includes(role) || trustedRoles.includes(role)
         })
       })
     })]
@@ -17626,8 +18142,9 @@ const relationshipOptions = [{
   id: "guardian",
   name: "guardian"
 }];
+const countriesRequiringNationality = [CountryCodes.HongKong, CountryCodes.Singapore];
 function PersonalDetailsComponent(props) {
-  var _a;
+  var _a, _b, _c, _d;
   const {
     i18n
   } = useI18nContext();
@@ -17658,6 +18175,7 @@ function PersonalDetailsComponent(props) {
   const isDecisionMakerTask = props.taskType === TaskTypes.DECISION_MAKER || props.taskType === TaskTypes.TRUST_MEMBER_COMPANY_OWNER;
   const isTopLevelEntity = props.taskType === TaskTypes.INDIVIDUAL;
   const isLegalRepresentativeDetailsTask = props.taskType === TaskTypes.LEGAL_REPRESENTATIVE_DETAILS;
+  const countryRequiringNationality = ((_c = (_b = props.parentLegalEntity) == null ? void 0 : _b.organization) == null ? void 0 : _c.registeredAddress.country) || ((_d = props.data) == null ? void 0 : _d.residencyCountry);
   const requiredFieldsByTask = (props.requiredFields || personalDetailsFields).filter((field) => !isNewEntryFlowEnabled && (field !== "role" || field === "role" && isDecisionMakerTask) || isNewEntryFlowEnabled && (field !== "role" && field !== "accountHolder" || field === "role" && isDecisionMakerTask) || field === "relationship" && isLegalRepresentativeDetailsTask);
   const isAllowedEditPrefilledCountry = isSettingEnabled(SettingNames.AllowPrefilledCountryEdit);
   const getDirectChildFields = () => requiredFieldsByTask.filter((field) => ["birthDate", "residencyCountry", "jobTitle", "nationality", "relationship"].includes(field));
@@ -17749,9 +18267,9 @@ function PersonalDetailsComponent(props) {
     currentState,
     changeInitiatedBy
   }) => {
-    var _a2, _b;
+    var _a2, _b2;
     if (changeInitiatedBy === PERSONAL_DETAILS) {
-      if (!((_b = (_a2 = currentState.errors) == null ? void 0 : _a2[PERSONAL_DETAILS]) == null ? void 0 : _b.idNumber) && (externalErrors == null ? void 0 : externalErrors.idNumber)) {
+      if (!((_b2 = (_a2 = currentState.errors) == null ? void 0 : _a2[PERSONAL_DETAILS]) == null ? void 0 : _b2.idNumber) && (externalErrors == null ? void 0 : externalErrors.idNumber)) {
         delete externalErrors.idNumber;
       }
       this.isValid = currentState.validityByForm[PERSONAL_DETAILS];
@@ -17927,7 +18445,7 @@ function PersonalDetailsComponent(props) {
         country: data.residencyCountry,
         errors: externalErrors,
         idNumberType
-      }), (data.residencyCountry === "SG" || data.residencyCountry === "HK") && formUtils.isRequiredField("nationality") && jsx(CountryField, {
+      }), countriesRequiringNationality.includes(countryRequiringNationality) && formUtils.isRequiredField("nationality") && jsx(CountryField, {
         data: {
           country: data.nationality
         },
@@ -18185,7 +18703,7 @@ const proofOfNationalIdFormID = individualForms.proofOfNationalId.formId;
 const proofOfRelationshipFormID = individualForms.proofOfRelationship.formId;
 const individualDocumentForms = [idVerificationMethodFormID, idDocumentFormID, proofOfResidencyFormID, proofOfNationalIdFormID, proofOfRelationshipFormID];
 function IndividualComponent(props) {
-  var _a, _b, _c, _d, _e, _f, _g, _h;
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i;
   const {
     i18n
   } = useI18nContext();
@@ -18228,7 +18746,7 @@ function IndividualComponent(props) {
     currentState,
     prevState
   }) => {
-    var _a2, _b2, _c2, _d2, _e2, _f2, _g2, _h2, _i, _j;
+    var _a2, _b2, _c2, _d2, _e2, _f2, _g2, _h2, _i2, _j;
     const residencyCountryPrev = (_b2 = (_a2 = prevState.data) == null ? void 0 : _a2.personalDetails) == null ? void 0 : _b2.residencyCountry;
     const residencyCountry = (_d2 = (_c2 = currentState.data) == null ? void 0 : _c2.personalDetails) == null ? void 0 : _d2.residencyCountry;
     if (residencyCountry != null && residencyCountry !== residencyCountryPrev) {
@@ -18239,13 +18757,18 @@ function IndividualComponent(props) {
     if (idVerificationMethod != null && idVerificationMethod !== idVerificationMethodPrev) {
       setIdVerificationMethodSelected(idVerificationMethod);
     }
-    const accountHolder = (_j = (_i = currentState.data) == null ? void 0 : _i.personalDetails) == null ? void 0 : _j.accountHolder;
+    const accountHolder = (_j = (_i2 = currentState.data) == null ? void 0 : _i2.personalDetails) == null ? void 0 : _j.accountHolder;
     this.customNavigationHandler = accountHolder === "theCompanyIWorkFor" ? () => {
       var _a3;
       return (_a3 = props.onTypeSwitch) == null ? void 0 : _a3.call(props, LegalEntityType.ORGANIZATION);
     } : null;
     setData(currentState.data);
   };
+  const handleAddressChange = (addressData) => {
+    updateStateSlice({
+      ...addressData
+    });
+  };
   useEffect(() => {
     var _a2, _b2, _c2;
     const isIdDocumentFormActive = props.activeForm.formId === idDocumentFormID;
@@ -18253,8 +18776,18 @@ function IndividualComponent(props) {
     const isIdAlreadyUploaded = ((_a2 = data == null ? void 0 : data.idDocument) == null ? void 0 : _a2.instantIdVerificationData) || ((_c2 = (_b2 = props.data) == null ? void 0 : _b2.idDocument) == null ? void 0 : _c2.idDocumentType);
     props.setHideFooter(isIdDocumentFormActive && !isIdAlreadyUploaded && isInstantIdVerificationEnabled);
   }, [props.activeForm, idVerificationMethodSelected, props.handleGetIdVerificationToken, (_f = data == null ? void 0 : data.idDocument) == null ? void 0 : _f.instantIdVerificationData, (_h = (_g = props.data) == null ? void 0 : _g.idDocument) == null ? void 0 : _h.idDocumentType]);
-  const renderActiveForm = (activeForm) => {
+  const addressSchema = getAddressSchemaForCountry((_i = data == null ? void 0 : data.personalDetails) == null ? void 0 : _i.residencyCountry).filter((field) => {
     var _a2;
+    if (!COUNTRIES_WITH_STATES_DATASET.includes((_a2 = data == null ? void 0 : data.personalDetails) == null ? void 0 : _a2.residencyCountry)) {
+      return field !== "otherAddressInformation" && field !== "stateOrProvince";
+    }
+    return field !== "otherAddressInformation";
+  });
+  const {
+    updateStateSlice
+  } = useGlobalDataSlice("address");
+  const renderActiveForm = (activeForm) => {
+    var _a2, _b2;
     return jsxs(Fragment, {
       children: [jsx(StateContextWatcher, {
         owner: "IndividualComponent",
@@ -18291,17 +18824,20 @@ function IndividualComponent(props) {
             content: i18n.get("reasonForFillingIndividualAddressDetails"),
             titleId: "whyDoINeedToFillInThisInformation",
             contentId: "reasonForFillingIndividualAddressDetails"
-          }), jsx(Address, {
+          }), jsx(AddressExperimentWrapper, {
             ...addressFormProps,
+            id: addressFormID,
             data: {
-              ...addressFormProps.data,
-              country: props.country
+              ...data.address,
+              country: (_a2 = data == null ? void 0 : data.personalDetails) == null ? void 0 : _a2.residencyCountry
             },
-            hideCountry: true,
-            id: addressFormID,
+            requiredFields: addressSchema,
+            optionalFields: ["otherAddressInformation"],
             legalEntityId: props.legalEntityId,
             handleAddressSearch: props.handleAddressSearch,
-            handleFindAddress: props.handleFindAddress
+            handleFindAddress: props.handleFindAddress,
+            onChange: handleAddressChange,
+            hideCountry: true
           })]
         })
       }), !!props.handleGetIdVerificationToken && jsx("div", {
@@ -18310,7 +18846,7 @@ function IndividualComponent(props) {
           ...idVerificationMethodFormProps,
           name: fullName,
           id: idVerificationMethodFormID,
-          countryOfResidence: (_a2 = data == null ? void 0 : data.personalDetails) == null ? void 0 : _a2.residencyCountry
+          countryOfResidence: (_b2 = data == null ? void 0 : data.personalDetails) == null ? void 0 : _b2.residencyCountry
         })
       }), jsx("div", {
         className: activeForm.formId !== idDocumentFormID ? "adyen-kyc-form-wrapper adyen-kyc-form-wrapper--hidden" : "adyen-kyc-form-wrapper",
@@ -19641,7 +20177,8 @@ function InstantBankVerification({
           case "GENERIC_ERROR":
             errorTitle = i18n.get("ranIntoTechnicalError");
             break;
-          case "UNKNOWN_ERROR": {
+          case "UNKNOWN_ERROR":
+          default: {
             errorTitle = i18n.get("couldNotCompleteAccountCheck");
             break;
           }
@@ -19812,6 +20349,7 @@ const payoutCurrencySupport = {
     iban: [Currencies.CAD, Currencies.USD]
   }
 };
+const shouldShowCheckGuidance = (country) => country === "US";
 const shouldShowPayoutAccountFormatSelector = (country) => countriesWithLocalFormat.has(country);
 const shouldShowPayoutAlert = (country) => shouldShowPayoutAccountFormatSelector(country) || countriesWithMultipleCurrencies.has(country);
 const getSupportedCurrencyGuidance = (i18n, country, requiredFields) => {
@@ -19963,7 +20501,9 @@ function BankAccountNumber(props) {
   } = useI18nContext();
   const {
     country,
-    fieldConfig = defaultFieldConfig$4
+    fieldConfig = defaultFieldConfig$4,
+    onFocus,
+    onBlur
   } = props;
   const metadata = resolveFieldMetadata(fieldConfig[country], {}, defaultFieldMetadata$4);
   const mergedProps = mergeFieldMetadataIntoProps("bankAccountNumber", metadata, props);
@@ -19981,6 +20521,10 @@ function BankAccountNumber(props) {
     fieldProblems: mergedProps == null ? void 0 : mergedProps.fieldValidationErrors,
     obscuredFields: mergedProps.obscuredFields
   });
+  const handleBlur = () => {
+    onBlur == null ? void 0 : onBlur();
+    handleChangeFor("bankAccountNumber", "blur");
+  };
   const {
     updateStateSlice
   } = useGlobalDataSlice("payoutAccountDetails", "bankAccountNumber");
@@ -20007,8 +20551,9 @@ function BankAccountNumber(props) {
       field: ["bankAccountNumber"],
       input: ["bankAccountNumber"]
     },
-    onBlur: handleChangeFor("bankAccountNumber", "blur"),
+    onBlur: handleBlur,
     onInput: handleChangeFor("bankAccountNumber", "input"),
+    onFocus,
     readonly: formUtils.isReadOnly("bankAccountNumber"),
     value: data.bankAccountNumber ?? "",
     acceptObscuredValue: formUtils.isObscured("bankAccountNumber")
@@ -20265,7 +20810,7 @@ const defaultFieldConfig$2 = {
     }
   },
   [CountryCodes.UnitedStates]: {
-    label: "achRoutingNumber",
+    label: "routingNumber",
     validators: validatePatternOnBlur(/^\d{9}$/),
     mask: {
       mask: makeMask(...numericInputs(9))
@@ -20308,7 +20853,9 @@ function BranchCode(props) {
   } = useI18nContext();
   const {
     country,
-    fieldConfig = defaultFieldConfig$2
+    fieldConfig = defaultFieldConfig$2,
+    onFocus,
+    onBlur
   } = props;
   const metadata = resolveFieldMetadata(fieldConfig[country], {}, defaultFieldMetadata$2);
   const mergedProps = mergeFieldMetadataIntoProps("branchCode", metadata, props);
@@ -20328,6 +20875,10 @@ function BranchCode(props) {
   const {
     updateStateSlice
   } = useGlobalDataSlice("payoutAccountDetails", "branchCode");
+  const handleBlur = () => {
+    onBlur == null ? void 0 : onBlur();
+    handleChangeFor("branchCode", "blur");
+  };
   useEffect(() => {
     updateStateSlice({
       data,
@@ -20351,7 +20902,8 @@ function BranchCode(props) {
     value: data.branchCode ?? "",
     readonly: formUtils.isReadOnly("branchCode"),
     onInput: handleChangeFor("branchCode", "input"),
-    onBlur: handleChangeFor("branchCode", "blur"),
+    onBlur: handleBlur,
+    onFocus,
     "aria-required": true,
     "aria-label": formUtils.getLabel("branchCode"),
     "aria-invalid": !valid.branchCode
@@ -20689,6 +21241,28 @@ function SwiftCode(props) {
     "aria-invalid": !valid.swiftCode
   });
 }
+const CheckGuidance = ({
+  annotated
+}) => jsxs("div", {
+  className: "adyen-kyc-check-guidance",
+  children: [jsx(Svg, {
+    type: "image",
+    name: "us-check-account-number",
+    className: cx("adyen-kyc-check-guidance__image", "adyen-kyc-check-guidance__image--annotated", {
+      "adyen-kyc-check-guidance__image--inactive": annotated !== "account"
+    })
+  }), jsx(Svg, {
+    type: "image",
+    name: "us-check-routing-number",
+    className: cx("adyen-kyc-check-guidance__image", "adyen-kyc-check-guidance__image--annotated", {
+      "adyen-kyc-check-guidance__image--inactive": annotated !== "routing"
+    })
+  }), jsx(Svg, {
+    name: "us-check",
+    type: "image",
+    className: "adyen-kyc-check-guidance__image"
+  })]
+});
 const payoutAccountFields = ["accountHolder", ...ibanFields, ...branchCodeFields, ...swiftCodeFields, ...currencyFields, ...bankAccountNumberFields, ...bankNameFields, ...bankCodeFields];
 function PayoutAccountComponent(props) {
   const {
@@ -20699,11 +21273,13 @@ function PayoutAccountComponent(props) {
   const {
     i18n
   } = useI18nContext();
+  const [checkAnnotation, setCheckAnnotation] = useState();
   const {
     isSettingEnabled
   } = useSettingsContext();
   const bankAccountFormatSelectionAllowed = isSettingEnabled(SettingNames.AllowBankAccountFormatSelection);
   const {
+    heading,
     country,
     id,
     legalEntityResponse,
@@ -20711,6 +21287,7 @@ function PayoutAccountComponent(props) {
     arePayoutAccountDetailsInvalid,
     invalidFieldNames
   } = props;
+  const showCheckGuidance = shouldShowCheckGuidance(country);
   const {
     data,
     valid,
@@ -20753,19 +21330,15 @@ function PayoutAccountComponent(props) {
     className: "adyen-kyc-individual__payout-account",
     "aria-describedby": "ariaErrorField",
     children: [jsx(FormHeader, {
-      heading: props.heading
+      heading
     }), jsx(ErrorPanel, {
       verificationErrors: props == null ? void 0 : props.formVerificationErrors,
       validationErrors: props == null ? void 0 : props.fieldValidationErrors,
       formUtils,
       id: "ariaErrorField"
-    }), jsx(ContextGuidance, {
-      page: "Payout account details",
-      titleId: "whyDoINeedToFillInThisInformation",
-      contentId: "reasonForFillingPayoutDetails",
-      title: i18n.get("whyDoINeedToFillInThisInformation"),
-      content: i18n.get("reasonForFillingPayoutDetails")
-    }), formUtils.isRequiredField("accountHolder") && jsx(Field, {
+    }), showCheckGuidance ? jsx(CheckGuidance, {
+      annotated: checkAnnotation
+    }) : void 0, formUtils.isRequiredField("accountHolder") && jsx(Field, {
       name: "accountHolder",
       label: formUtils.getLabel("accountHolder"),
       helper: i18n.get(accountHolderDescriptionKey),
@@ -20789,7 +21362,9 @@ function PayoutAccountComponent(props) {
     }), formUtils.isRequiredField("bankAccountNumber") && jsx(BankAccountNumber, {
       ...bankAccountNumberProps,
       country,
-      dataStoreId: id
+      dataStoreId: id,
+      onFocus: showCheckGuidance ? () => setCheckAnnotation("account") : void 0,
+      onBlur: showCheckGuidance ? () => setCheckAnnotation(void 0) : void 0
     }), formUtils.isRequiredField("iban") && jsx(Iban, {
       ...ibanProps,
       dataStoreId: id,
@@ -20807,12 +21382,18 @@ function PayoutAccountComponent(props) {
     }), formUtils.isRequiredField("branchCode") && jsx(BranchCode, {
       ...branchCodeProps,
       country,
-      dataStoreId: id
+      dataStoreId: id,
+      onFocus: showCheckGuidance ? () => setCheckAnnotation("routing") : void 0,
+      onBlur: showCheckGuidance ? () => setCheckAnnotation(void 0) : void 0
     }), formUtils.isRequiredField("bankCity") && jsx(BankCity, {
       ...bankCityProps,
       dataStoreId: id
     }), shouldShowPayoutAlert(country) && jsx(Alert, {
       title: getSupportedCurrencyGuidance(i18n, country, requiredFields)
+    }), jsx(Typography, {
+      variant: "caption",
+      color: "tertiary",
+      children: i18n.get("reasonForFillingPayoutDetails")
     }), arePayoutAccountDetailsInvalid && jsx(Alert, {
       className: "adyen-kyc-u-margin-top-16",
       variant: "error",
@@ -24254,12 +24835,42 @@ const dbaNameFieldMetadata = {
   label: "dbaName",
   validators: [validateNotEmptyOnBlur]
 };
-const styles$1 = {
-  "adyen-kyc-structured-list": "adyen-kyc-structured-list",
-  "adyen-kyc-structured-list__list-item": "adyen-kyc-structured-list__list-item",
+const mapAddressData = (verifiedBusiness) => ({
+  address: verifiedBusiness.street ?? "",
+  otherAddressInformation: verifiedBusiness.street2 ?? "",
+  city: verifiedBusiness.city ?? "",
+  postalCode: verifiedBusiness.zipcode ?? "",
+  stateOrProvince: verifiedBusiness.state ?? ""
+});
+const applyVerifiedBusinessData = (verifiedBusiness, handleChangeFor) => {
+  if (!verifiedBusiness) return;
+  entriesOf(verifiedBusiness).forEach(([key, value]) => {
+    switch (key) {
+      case "name":
+        if (value) handleChangeFor("legalCompanyName", "input")(value);
+        break;
+      case "isPrincipalAddress":
+        if (value) handleChangeFor("operationalAddressIsSame", "input")(operationalAddressIsSameIds.OPERATIONAL_ADDRESS_IS_NOT_SAME);
+        break;
+    }
+  });
+};
+const structuredList = "adyen-kyc-structured-list";
+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$3 = {
+  "structured-list": "adyen-kyc-structured-list",
+  structuredList,
+  "structured-list-list-item": "adyen-kyc-structured-list-list-item",
+  structuredListListItem,
   "adyen-layout-md": "adyen-layout-md",
-  "adyen-kyc-structured-list__label": "adyen-kyc-structured-list__label",
-  "adyen-kyc-structured-list__value": "adyen-kyc-structured-list__value"
+  adyenLayoutMd,
+  "structured-list-label": "adyen-kyc-structured-list-label",
+  structuredListLabel,
+  "structured-list-value": "adyen-kyc-structured-list-value",
+  structuredListValue
 };
 const StructuredList = ({
   items
@@ -24268,28 +24879,29 @@ const StructuredList = ({
     i18n
   } = useI18nContext();
   return jsx("dl", {
-    className: styles$1["adyen-kyc-structured-list"],
+    className: styles$3.structuredList,
     children: items.map((item) => jsxs("div", {
-      className: styles$1["adyen-kyc-structured-list__list-item"],
+      className: styles$3.structuredListListItem,
       children: [jsx("dt", {
-        className: styles$1["adyen-kyc-structured-list__label"],
+        className: styles$3.structuredListLabel,
         children: i18n.get(item.labelKey)
       }), jsx("dd", {
-        className: styles$1["adyen-kyc-structured-list__value"],
+        className: styles$3.structuredListValue,
         children: item.value
       })]
     }, item.labelKey))
   });
 };
 function VerifiedBusinessCard({
-  verifiedBusiness
+  verifiedBusiness,
+  verifiedAddress
 }) {
   const {
     i18n
   } = useI18nContext();
   const [expanded, setExpanded] = useState(false);
-  const address = (verifiedBusiness == null ? void 0 : verifiedBusiness.street) && (verifiedBusiness == null ? void 0 : verifiedBusiness.city) && (verifiedBusiness == null ? void 0 : verifiedBusiness.state) && (verifiedBusiness == null ? void 0 : verifiedBusiness.zipcode) ? `${verifiedBusiness == null ? void 0 : verifiedBusiness.street} ${verifiedBusiness.city} ${verifiedBusiness.state} ${verifiedBusiness.zipcode}` : verifiedBusiness == null ? void 0 : verifiedBusiness.address;
-  const addressLink = (verifiedBusiness == null ? void 0 : verifiedBusiness.address) ? `https://www.google.com/maps/place/${verifiedBusiness == null ? void 0 : verifiedBusiness.address.replaceAll(" ", "+")}` : void 0;
+  const address = (verifiedAddress == null ? void 0 : verifiedAddress.address) && (verifiedAddress == null ? void 0 : verifiedAddress.city) && (verifiedAddress == null ? void 0 : verifiedAddress.stateOrProvince) && (verifiedAddress == null ? void 0 : verifiedAddress.postalCode) ? `${verifiedAddress == null ? void 0 : verifiedAddress.address} ${verifiedAddress.city} ${verifiedAddress.stateOrProvince} ${verifiedAddress.postalCode}` : verifiedBusiness == null ? void 0 : verifiedBusiness.address;
+  const addressLink = address ? `https://www.google.com/maps/place/${address.replaceAll(" ", "+")}` : void 0;
   const baseItems = useMemo(() => [{
     labelKey: "legalCompanyName__US",
     value: verifiedBusiness == null ? void 0 : verifiedBusiness.name
@@ -24302,7 +24914,7 @@ function VerifiedBusinessCard({
     value: verifiedBusiness == null ? void 0 : verifiedBusiness.legalForm
   }, {
     labelKey: "address",
-    value: jsxs("div", {
+    value: jsxs("span", {
       className: "adyen-kyc-verified-business-card__address",
       children: [address, addressLink && jsx(Link, {
         external: true,
@@ -24311,24 +24923,30 @@ function VerifiedBusinessCard({
       })]
     })
   }].filter((item) => !!item.value), [address, addressLink, i18n, verifiedBusiness == null ? void 0 : verifiedBusiness.legalForm]);
-  return jsx("section", {
-    children: jsxs("div", {
-      className: "adyen-kyc-verified-business-card",
+  const expandedContentClasses = cx("adyen-kyc-verified-business-card__content", {
+    "adyen-kyc-verified-business-card__content--collapsed": !expanded,
+    "adyen-kyc-verified-business-card__content--expanded": expanded
+  });
+  return jsxs("section", {
+    className: "adyen-kyc-verified-business-card",
+    children: [jsxs("div", {
+      className: "adyen-kyc-verified-business-card__content",
       children: [jsx(StructuredList, {
         items: baseItems
-      }), jsx(Divider, {}), expanded && jsxs(Fragment, {
-        children: [jsx(StructuredList, {
-          items: expandedItems
-        }), jsx(Divider, {})]
-      }), jsx("div", {
-        className: "adyen-kyc-verified-business-card__button",
-        children: jsx(Button, {
-          label: expanded ? i18n.get("hideDetails") : i18n.get("showDetails"),
-          showAsLink: true,
-          onClick: () => setExpanded(!expanded)
-        })
-      })]
-    })
+      }), jsx(Divider, {})]
+    }), jsxs("div", {
+      className: expandedContentClasses,
+      children: [jsx(StructuredList, {
+        items: expandedItems
+      }), jsx(Divider, {})]
+    }), jsx("div", {
+      className: "adyen-kyc-verified-business-card__expand-button",
+      children: jsx(Button, {
+        label: expanded ? i18n.get("hideDetails") : i18n.get("showDetails"),
+        showAsLink: true,
+        onClick: () => setExpanded(!expanded)
+      })
+    })]
   });
 }
 const ADDITIONAL_INFORMATION_FORM_ID = "additionalInformation";
@@ -24358,20 +24976,21 @@ function AdditionalInformationComponent({
   handleFindAddress
 }) {
   var _a, _b, _c, _d;
+  const {
+    basicInformation
+  } = useGlobalData();
   const {
     updateStateSlice
   } = useGlobalDataSlice(ADDITIONAL_INFORMATION_FORM_ID);
   const {
     i18n
   } = useI18nContext();
+  const {
+    isExperimentEnabled
+  } = useExperimentsContext();
   const showVerified = !!verifiedBusiness;
   const showStockData = companyType === CompanyTypesValue.PUBLIC_COMPANY;
-  const ADDRESS_SCHEMA2 = getAddressSchemaForCountry(country).filter((field) => {
-    if (!COUNTRIES_WITH_STATES_DATASET.includes(country)) {
-      return field !== "otherAddressInformation" && field !== "stateOrProvince";
-    }
-    return field !== "otherAddressInformation";
-  });
+  const addressSchema = getAddressSchemaForCountry(country).filter((field) => !COUNTRIES_WITH_STATES_DATASET.includes(country) ? field !== "stateOrProvince" : true);
   const initialFormUtilsProps = useMemo(() => ({
     data,
     labels: labels2,
@@ -24503,10 +25122,30 @@ function AdditionalInformationComponent({
       valid: formValid,
       fieldProblems: formFieldProblems
     });
-  }, [formSchema, formData, formErrors, formFieldProblems, formValid, updateStateSlice]);
-  useEffect(() => {
-    if (verifiedBusiness && verifiedBusiness.name !== formData.legalCompanyName) return handleChangeFor("legalCompanyName")(verifiedBusiness.name);
-  }, [formData.legalCompanyName, verifiedBusiness, showCompanyStructure]);
+  }, [formSchema, formData, formErrors, formValid, formFieldProblems]);
+  const verifiedAddress = useMemo(() => {
+    if (!verifiedBusiness) return void 0;
+    return verifiedBusiness.isPrincipalAddress || verifiedBusiness.state && (basicInformation == null ? void 0 : basicInformation.stateOrProvince) !== verifiedBusiness.state ? {
+      operationalAddress: {
+        ...mapAddressData(verifiedBusiness),
+        country
+      }
+    } : {
+      registrationAddress: {
+        ...mapAddressData(verifiedBusiness),
+        country
+      }
+    };
+  }, [verifiedBusiness, basicInformation == null ? void 0 : basicInformation.stateOrProvince, country]);
+  const hideRegistrationAddress = useMemo(() => addressSchema.filter((field) => field !== "otherAddressInformation").every((field) => {
+    var _a2;
+    return !!((_a2 = verifiedAddress == null ? void 0 : verifiedAddress.registrationAddress) == null ? void 0 : _a2[field]);
+  }) && Boolean(verifiedBusiness == null ? void 0 : verifiedBusiness.isTrustedAddress) && isExperimentEnabled("EnableNewAddressComponent"), [addressSchema, verifiedBusiness == null ? void 0 : verifiedBusiness.isTrustedAddress, isExperimentEnabled, verifiedAddress == null ? void 0 : verifiedAddress.registrationAddress]);
+  useEffect(
+    () => applyVerifiedBusinessData(verifiedBusiness, handleChangeFor),
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [verifiedBusiness]
+  );
   useEffect(() => {
     if (!verifiedBusiness && !showCompanyStructure) resetToDefaultData();
   }, [verifiedBusiness]);
@@ -24527,7 +25166,14 @@ function AdditionalInformationComponent({
     handleChangeFor("operationalAddress")(state.data);
     setValid("operationalAddress", Boolean(state.isValid));
   };
-  const handleOperationalAddressIsSameChange = (isChecked) => isChecked ? handleChangeFor("operationalAddressIsSame")(operationalAddressIsSameIds.OPERATIONAL_ADDRESS_IS_SAME) : handleChangeFor("operationalAddressIsSame")(operationalAddressIsSameIds.OPERATIONAL_ADDRESS_IS_NOT_SAME);
+  const handleOperationalAddressIsSameChange = (isChecked) => {
+    if (isChecked) {
+      handleChangeFor("operationalAddressIsSame")(operationalAddressIsSameIds.OPERATIONAL_ADDRESS_IS_SAME);
+      setValid("operationalAddress", true);
+    } else {
+      handleChangeFor("operationalAddressIsSame")(operationalAddressIsSameIds.OPERATIONAL_ADDRESS_IS_NOT_SAME);
+    }
+  };
   return jsxs("form", {
     id: ADDITIONAL_INFORMATION_FORM_ID,
     className: "adyen-kyc-additional-information",
@@ -24539,7 +25185,7 @@ function AdditionalInformationComponent({
       verificationErrors: formVerificationErrors,
       validationErrors: fieldValidationErrors,
       formUtils
-    }), showVerified && jsxs("div", {
+    }), showVerified && jsxs("section", {
       children: [jsx("div", {
         className: "adyen-kyc-additional-information__section-heading",
         children: jsx(Typography, {
@@ -24548,9 +25194,10 @@ function AdditionalInformationComponent({
           children: i18n.get("verifiedInformation")
         })
       }), jsx(VerifiedBusinessCard, {
-        verifiedBusiness
+        verifiedBusiness,
+        verifiedAddress: (verifiedAddress == null ? void 0 : verifiedAddress.registrationAddress) ?? (verifiedAddress == null ? void 0 : verifiedAddress.operationalAddress)
       })]
-    }), jsxs("fieldset", {
+    }), jsxs("section", {
       children: [showVerified && jsx("div", {
         className: "adyen-kyc-additional-information__section-heading",
         children: jsx(Typography, {
@@ -24558,114 +25205,116 @@ function AdditionalInformationComponent({
           variant: "title",
           children: i18n.get("otherBusinessInformation")
         })
-      }), showField(LEGAL_COMPANY_NAME_FIELD) && jsx("div", {
-        className: "adyen-kyc-field-wrapper",
-        children: jsx(LegalCompanyNameField, {
-          data: formUtils.getFieldData(formData, LEGAL_COMPANY_NAME_FIELD),
-          valid: formUtils.getFieldValid(formValid, LEGAL_COMPANY_NAME_FIELD),
-          errors: formUtils.getFieldErrors(formErrors, formFieldProblems, LEGAL_COMPANY_NAME_FIELD),
-          labels: formUtils.getFieldLabels(LEGAL_COMPANY_NAME_FIELD),
-          helperText: formUtils.getFieldHelperText(LEGAL_COMPANY_NAME_FIELD, {
-            legalCompanyName: "legalCompanyName__helperText"
-          }),
-          readonly: formUtils.isReadOnly("legalCompanyName"),
-          handleChangeFor
-        })
-      }), showField(DBA_NAME_FIELD) && jsx("div", {
-        className: "adyen-kyc-field-wrapper",
-        children: jsx(DBANameField, {
-          data: formUtils.getFieldData(formData, DBA_NAME_FIELD),
-          valid: formUtils.getFieldValid(formValid, DBA_NAME_FIELD),
-          errors: formUtils.getFieldErrors(formErrors, formFieldProblems, DBA_NAME_FIELD),
-          labels: formUtils.getFieldLabels(DBA_NAME_FIELD, {
-            hasDba: "hasDba"
-          }),
-          readonly: formUtils.isReadOnly("dbaName"),
-          handleChangeFor,
-          setErrors
-        })
-      }), showField(BUSINESS_REGISTRATION_NUMBER_FIELD) && jsx("div", {
-        className: "adyen-kyc-field-wrapper",
-        children: jsx(BusinessRegistrationNumberField, {
-          data: formUtils.getFieldData(formData, BUSINESS_REGISTRATION_NUMBER_FIELD),
-          valid: formUtils.getFieldValid(formValid, BUSINESS_REGISTRATION_NUMBER_FIELD),
-          errors: formUtils.getFieldErrors(formErrors, formFieldProblems, BUSINESS_REGISTRATION_NUMBER_FIELD),
-          labels: formUtils.getFieldLabels(BUSINESS_REGISTRATION_NUMBER_FIELD, {
-            exemptedFromRegistrationNumber: "iDontHaveARegistrationNumber"
-          }),
-          mask: formUtils.getMask("registrationNumber"),
-          guidanceText: formUtils.getFieldGuidanceText(BUSINESS_REGISTRATION_NUMBER_FIELD),
-          placeholders: formUtils.getFieldPlaceholders(BUSINESS_REGISTRATION_NUMBER_FIELD),
-          helperText: formUtils.getFieldHelperText(BUSINESS_REGISTRATION_NUMBER_FIELD),
-          readonly: formUtils.isReadOnly("registrationNumber"),
-          optional: formUtils.isOptionalField("registrationNumber"),
-          shouldValidate,
-          handleChangeFor,
-          country,
-          canExempt: formUtils.isRequiredField("exemptedFromRegistrationNumber"),
-          companyType,
-          registrationNumberOptions,
-          registrationNumberType,
-          setRegistrationNumberType
-        })
-      }), showField(TAX_INFORMATION_FIELD) && jsx("div", {
-        className: "adyen-kyc-field-wrapper",
-        children: jsx(TaxInformationField, {
-          data: formUtils.getFieldData(formData, TAX_INFORMATION_FIELD),
-          valid: formUtils.getFieldValid(formValid, TAX_INFORMATION_FIELD),
-          errors: formUtils.getFieldErrors(formErrors, formFieldProblems, TAX_INFORMATION_FIELD),
-          labels: formUtils.getFieldLabels(TAX_INFORMATION_FIELD, {
-            exemptedFromTax: "iDontHaveATaxId"
-          }),
-          mask: formUtils.getMask("taxInformation"),
-          helperText: formUtils.getFieldHelperText(TAX_INFORMATION_FIELD),
-          guidanceText: formUtils.getFieldGuidanceText(TAX_INFORMATION_FIELD),
-          readonly: formUtils.isReadOnly("taxInformation"),
-          shouldValidate,
-          handleChangeFor,
-          canExempt: formUtils.isRequiredField("exemptedFromTax"),
-          isUen: formUtils.isRequiredField("isUen"),
-          country,
-          companyType,
-          taxIdNumberType,
-          setTaxIdNumberType,
-          defaultData: data == null ? void 0 : data.taxInformation
-        })
-      }), showField(VAT_NUMBER_FIELD) && jsx("div", {
-        className: "adyen-kyc-field-wrapper",
-        children: jsx(VatNumberField, {
-          data: formUtils.getFieldData(formData, VAT_NUMBER_FIELD),
-          valid: formUtils.getFieldValid(formValid, VAT_NUMBER_FIELD),
-          errors: formUtils.getFieldErrors(formErrors, formFieldProblems, VAT_NUMBER_FIELD),
-          labels: formUtils.getFieldLabels(VAT_NUMBER_FIELD, {
-            exemptedFromVat: "iDontHaveAVatNumber"
-          }),
-          mask: formUtils.getMask("vatNumber"),
-          guidanceText: formUtils.getFieldGuidanceText(VAT_NUMBER_FIELD),
-          placeholders: formUtils.getFieldPlaceholders(VAT_NUMBER_FIELD),
-          readonly: formUtils.isReadOnly("vatNumber"),
-          handleChangeFor,
-          country,
-          canExempt: formUtils.isRequiredField("exemptedFromVat"),
-          vatNumberType,
-          setVatNumberType,
-          shouldValidate
-        })
-      }), showField(DATE_OF_INCORPORATION_FIELD) && jsx("div", {
-        className: "adyen-kyc-field-wrapper",
-        children: jsx(DateOfIncorporationField, {
-          data: formUtils.getFieldData(formData, DATE_OF_INCORPORATION_FIELD),
-          valid: formUtils.getFieldValid(formValid, DATE_OF_INCORPORATION_FIELD),
-          errors: formUtils.getFieldErrors(formErrors, formFieldProblems, DATE_OF_INCORPORATION_FIELD),
-          labels: formUtils.getFieldLabels(DATE_OF_INCORPORATION_FIELD),
-          placeholders: formUtils.getFieldPlaceholders(DATE_OF_INCORPORATION_FIELD, {
-            dateOfIncorporation: "datePlaceholder"
-          }),
-          readonly: formUtils.isReadOnly("dateOfIncorporation"),
-          handleChangeFor
-        })
+      }), jsxs("fieldset", {
+        children: [showField(LEGAL_COMPANY_NAME_FIELD) && jsx("div", {
+          className: "adyen-kyc-field-wrapper",
+          children: jsx(LegalCompanyNameField, {
+            data: formUtils.getFieldData(formData, LEGAL_COMPANY_NAME_FIELD),
+            valid: formUtils.getFieldValid(formValid, LEGAL_COMPANY_NAME_FIELD),
+            errors: formUtils.getFieldErrors(formErrors, formFieldProblems, LEGAL_COMPANY_NAME_FIELD),
+            labels: formUtils.getFieldLabels(LEGAL_COMPANY_NAME_FIELD),
+            helperText: formUtils.getFieldHelperText(LEGAL_COMPANY_NAME_FIELD, {
+              legalCompanyName: "legalCompanyName__helperText"
+            }),
+            readonly: formUtils.isReadOnly("legalCompanyName"),
+            handleChangeFor
+          })
+        }), showField(DBA_NAME_FIELD) && jsx("div", {
+          className: "adyen-kyc-field-wrapper",
+          children: jsx(DBANameField, {
+            data: formUtils.getFieldData(formData, DBA_NAME_FIELD),
+            valid: formUtils.getFieldValid(formValid, DBA_NAME_FIELD),
+            errors: formUtils.getFieldErrors(formErrors, formFieldProblems, DBA_NAME_FIELD),
+            labels: formUtils.getFieldLabels(DBA_NAME_FIELD, {
+              hasDba: "hasDba"
+            }),
+            readonly: formUtils.isReadOnly("dbaName"),
+            handleChangeFor,
+            setErrors
+          })
+        }), showField(BUSINESS_REGISTRATION_NUMBER_FIELD) && jsx("div", {
+          className: "adyen-kyc-field-wrapper",
+          children: jsx(BusinessRegistrationNumberField, {
+            data: formUtils.getFieldData(formData, BUSINESS_REGISTRATION_NUMBER_FIELD),
+            valid: formUtils.getFieldValid(formValid, BUSINESS_REGISTRATION_NUMBER_FIELD),
+            errors: formUtils.getFieldErrors(formErrors, formFieldProblems, BUSINESS_REGISTRATION_NUMBER_FIELD),
+            labels: formUtils.getFieldLabels(BUSINESS_REGISTRATION_NUMBER_FIELD, {
+              exemptedFromRegistrationNumber: "iDontHaveARegistrationNumber"
+            }),
+            mask: formUtils.getMask("registrationNumber"),
+            guidanceText: formUtils.getFieldGuidanceText(BUSINESS_REGISTRATION_NUMBER_FIELD),
+            placeholders: formUtils.getFieldPlaceholders(BUSINESS_REGISTRATION_NUMBER_FIELD),
+            helperText: formUtils.getFieldHelperText(BUSINESS_REGISTRATION_NUMBER_FIELD),
+            readonly: formUtils.isReadOnly("registrationNumber"),
+            optional: formUtils.isOptionalField("registrationNumber"),
+            shouldValidate,
+            handleChangeFor,
+            country,
+            canExempt: formUtils.isRequiredField("exemptedFromRegistrationNumber"),
+            companyType,
+            registrationNumberOptions,
+            registrationNumberType,
+            setRegistrationNumberType
+          })
+        }), showField(TAX_INFORMATION_FIELD) && jsx("div", {
+          className: "adyen-kyc-field-wrapper",
+          children: jsx(TaxInformationField, {
+            data: formUtils.getFieldData(formData, TAX_INFORMATION_FIELD),
+            valid: formUtils.getFieldValid(formValid, TAX_INFORMATION_FIELD),
+            errors: formUtils.getFieldErrors(formErrors, formFieldProblems, TAX_INFORMATION_FIELD),
+            labels: formUtils.getFieldLabels(TAX_INFORMATION_FIELD, {
+              exemptedFromTax: "iDontHaveATaxId"
+            }),
+            mask: formUtils.getMask("taxInformation"),
+            helperText: formUtils.getFieldHelperText(TAX_INFORMATION_FIELD),
+            guidanceText: formUtils.getFieldGuidanceText(TAX_INFORMATION_FIELD),
+            readonly: formUtils.isReadOnly("taxInformation"),
+            shouldValidate,
+            handleChangeFor,
+            canExempt: formUtils.isRequiredField("exemptedFromTax"),
+            isUen: formUtils.isRequiredField("isUen"),
+            country,
+            companyType,
+            taxIdNumberType,
+            setTaxIdNumberType,
+            defaultData: data == null ? void 0 : data.taxInformation
+          })
+        }), showField(VAT_NUMBER_FIELD) && jsx("div", {
+          className: "adyen-kyc-field-wrapper",
+          children: jsx(VatNumberField, {
+            data: formUtils.getFieldData(formData, VAT_NUMBER_FIELD),
+            valid: formUtils.getFieldValid(formValid, VAT_NUMBER_FIELD),
+            errors: formUtils.getFieldErrors(formErrors, formFieldProblems, VAT_NUMBER_FIELD),
+            labels: formUtils.getFieldLabels(VAT_NUMBER_FIELD, {
+              exemptedFromVat: "iDontHaveAVatNumber"
+            }),
+            mask: formUtils.getMask("vatNumber"),
+            guidanceText: formUtils.getFieldGuidanceText(VAT_NUMBER_FIELD),
+            placeholders: formUtils.getFieldPlaceholders(VAT_NUMBER_FIELD),
+            readonly: formUtils.isReadOnly("vatNumber"),
+            handleChangeFor,
+            country,
+            canExempt: formUtils.isRequiredField("exemptedFromVat"),
+            vatNumberType,
+            setVatNumberType,
+            shouldValidate
+          })
+        }), showField(DATE_OF_INCORPORATION_FIELD) && jsx("div", {
+          className: "adyen-kyc-field-wrapper",
+          children: jsx(DateOfIncorporationField, {
+            data: formUtils.getFieldData(formData, DATE_OF_INCORPORATION_FIELD),
+            valid: formUtils.getFieldValid(formValid, DATE_OF_INCORPORATION_FIELD),
+            errors: formUtils.getFieldErrors(formErrors, formFieldProblems, DATE_OF_INCORPORATION_FIELD),
+            labels: formUtils.getFieldLabels(DATE_OF_INCORPORATION_FIELD),
+            placeholders: formUtils.getFieldPlaceholders(DATE_OF_INCORPORATION_FIELD, {
+              dateOfIncorporation: "datePlaceholder"
+            }),
+            readonly: formUtils.isReadOnly("dateOfIncorporation"),
+            handleChangeFor
+          })
+        })]
       })]
-    }), showStockData && jsxs("fieldset", {
+    }), showStockData && jsxs("section", {
       children: [jsx("div", {
         className: "adyen-kyc-additional-information__section-heading",
         children: jsx(Typography, {
@@ -24673,50 +25322,55 @@ function AdditionalInformationComponent({
           variant: "title",
           children: i18n.get("stockExchangeInformation")
         })
-      }), showField(STOCK_EXCHANGE_MIC_FIELD) && jsx("div", {
-        className: "adyen-kyc-field-wrapper",
-        children: jsx(StockExchangeMICField, {
-          data: formUtils.getFieldData(formData, STOCK_EXCHANGE_MIC_FIELD),
-          valid: formUtils.getFieldValid(formValid, STOCK_EXCHANGE_MIC_FIELD),
-          errors: formUtils.getFieldErrors(formErrors, formFieldProblems, STOCK_EXCHANGE_MIC_FIELD),
-          labels: formUtils.getFieldLabels(STOCK_EXCHANGE_MIC_FIELD),
-          placeholders: formUtils.getFieldPlaceholders(STOCK_EXCHANGE_MIC_FIELD),
-          mask: formUtils.getMask("stockExchangeMIC"),
-          guidanceText: formUtils.getFieldGuidanceText(STOCK_EXCHANGE_MIC_FIELD),
-          readonly: formUtils.isReadOnly("stockExchangeMIC"),
-          shouldValidate,
-          handleChangeFor
-        })
-      }), showField(STOCK_ISIN_FIELD) && jsx("div", {
-        className: "adyen-kyc-field-wrapper",
-        children: jsx(StockISINField, {
-          data: formUtils.getFieldData(formData, STOCK_ISIN_FIELD),
-          valid: formUtils.getFieldValid(formValid, STOCK_ISIN_FIELD),
-          errors: formUtils.getFieldErrors(formErrors, formFieldProblems, STOCK_ISIN_FIELD),
-          labels: formUtils.getFieldLabels(STOCK_ISIN_FIELD),
-          placeholders: formUtils.getFieldPlaceholders(STOCK_ISIN_FIELD),
-          mask: formUtils.getMask("stockISIN"),
-          guidanceText: formUtils.getFieldGuidanceText(STOCK_ISIN_FIELD),
-          readonly: formUtils.isReadOnly("stockISIN"),
-          shouldValidate,
-          handleChangeFor
-        })
-      }), showField(STOCK_TICKER_SYMBOL_FIELD) && jsx("div", {
-        className: "adyen-kyc-field-wrapper",
-        children: jsx(StockTickerSymbolField, {
-          data: formUtils.getFieldData(formData, STOCK_TICKER_SYMBOL_FIELD),
-          valid: formUtils.getFieldValid(formValid, STOCK_TICKER_SYMBOL_FIELD),
-          errors: formUtils.getFieldErrors(formErrors, formFieldProblems, STOCK_TICKER_SYMBOL_FIELD),
-          labels: formUtils.getFieldLabels(STOCK_TICKER_SYMBOL_FIELD),
-          placeholders: formUtils.getFieldPlaceholders(STOCK_TICKER_SYMBOL_FIELD),
-          mask: formUtils.getMask("stockTickerSymbol"),
-          guidanceText: formUtils.getFieldGuidanceText(STOCK_TICKER_SYMBOL_FIELD),
-          readonly: formUtils.isReadOnly("stockTickerSymbol"),
-          shouldValidate,
-          handleChangeFor
-        })
+      }), jsxs("fieldset", {
+        children: [showField(STOCK_EXCHANGE_MIC_FIELD) && jsx("div", {
+          className: "adyen-kyc-field-wrapper",
+          children: jsx(StockExchangeMICField, {
+            data: formUtils.getFieldData(formData, STOCK_EXCHANGE_MIC_FIELD),
+            valid: formUtils.getFieldValid(formValid, STOCK_EXCHANGE_MIC_FIELD),
+            errors: formUtils.getFieldErrors(formErrors, formFieldProblems, STOCK_EXCHANGE_MIC_FIELD),
+            labels: formUtils.getFieldLabels(STOCK_EXCHANGE_MIC_FIELD),
+            placeholders: formUtils.getFieldPlaceholders(STOCK_EXCHANGE_MIC_FIELD),
+            mask: formUtils.getMask("stockExchangeMIC"),
+            guidanceText: formUtils.getFieldGuidanceText(STOCK_EXCHANGE_MIC_FIELD),
+            readonly: formUtils.isReadOnly("stockExchangeMIC"),
+            shouldValidate,
+            handleChangeFor
+          })
+        }), showField(STOCK_ISIN_FIELD) && jsx("div", {
+          className: "adyen-kyc-field-wrapper",
+          children: jsx(StockISINField, {
+            data: formUtils.getFieldData(formData, STOCK_ISIN_FIELD),
+            valid: formUtils.getFieldValid(formValid, STOCK_ISIN_FIELD),
+            errors: formUtils.getFieldErrors(formErrors, formFieldProblems, STOCK_ISIN_FIELD),
+            labels: formUtils.getFieldLabels(STOCK_ISIN_FIELD),
+            placeholders: formUtils.getFieldPlaceholders(STOCK_ISIN_FIELD),
+            mask: formUtils.getMask("stockISIN"),
+            guidanceText: formUtils.getFieldGuidanceText(STOCK_ISIN_FIELD),
+            readonly: formUtils.isReadOnly("stockISIN"),
+            shouldValidate,
+            handleChangeFor
+          })
+        }), showField(STOCK_TICKER_SYMBOL_FIELD) && jsx("div", {
+          className: "adyen-kyc-field-wrapper",
+          children: jsx(StockTickerSymbolField, {
+            data: formUtils.getFieldData(formData, STOCK_TICKER_SYMBOL_FIELD),
+            valid: formUtils.getFieldValid(formValid, STOCK_TICKER_SYMBOL_FIELD),
+            errors: formUtils.getFieldErrors(formErrors, formFieldProblems, STOCK_TICKER_SYMBOL_FIELD),
+            labels: formUtils.getFieldLabels(STOCK_TICKER_SYMBOL_FIELD),
+            placeholders: formUtils.getFieldPlaceholders(STOCK_TICKER_SYMBOL_FIELD),
+            mask: formUtils.getMask("stockTickerSymbol"),
+            guidanceText: formUtils.getFieldGuidanceText(STOCK_TICKER_SYMBOL_FIELD),
+            readonly: formUtils.isReadOnly("stockTickerSymbol"),
+            shouldValidate,
+            handleChangeFor
+          })
+        })]
       })]
-    }), jsxs("fieldset", {
+    }), jsxs("section", {
+      style: {
+        display: hideRegistrationAddress ? "none" : "unset"
+      },
       children: [jsxs("div", {
         className: "adyen-kyc-additional-information__section-heading",
         children: [jsx(Typography, {
@@ -24724,11 +25378,11 @@ function AdditionalInformationComponent({
           variant: "title",
           children: i18n.get("registeredBusinessAddress")
         }), jsx(Typography, {
-          el: "h4",
-          variant: "caption",
+          el: "p",
+          variant: "body",
           children: i18n.get("registeredBusinessAddressDescription")
         })]
-      }), jsx(Address, {
+      }), jsx(AddressExperimentWrapper, {
         id: ADDITIONAL_INFORMATION_FORM_ID,
         addressType: "registrationAddress",
         data: {
@@ -24737,16 +25391,18 @@ function AdditionalInformationComponent({
         },
         labels: getAddressSchemaLabelsByCountry(country),
         countryCode: country,
-        requiredFields: ADDRESS_SCHEMA2,
+        requiredFields: addressSchema,
         shouldValidate,
         hideCountry: true,
         optionalFields: ["otherAddressInformation"],
+        readOnlyFields: verifiedBusiness ? ["stateOrProvince"] : [],
         onChange: handleRegistrationAddressChange,
         handleAddressSearch,
         handleFindAddress,
-        verifiedBusiness
+        verifiedBusiness,
+        verifiedAddress: verifiedAddress == null ? void 0 : verifiedAddress.registrationAddress
       })]
-    }), jsxs("fieldset", {
+    }), jsxs("section", {
       children: [jsxs("div", {
         className: "adyen-kyc-additional-information__section-heading",
         children: [jsx(Typography, {
@@ -24754,8 +25410,8 @@ function AdditionalInformationComponent({
           variant: "title",
           children: i18n.get("principalPlaceOfBusiness")
         }), jsx(Typography, {
-          el: "h4",
-          variant: "caption",
+          el: "p",
+          variant: "body",
           children: i18n.get("principalPlaceOfBusinessDescription")
         })]
       }), jsx(Field, {
@@ -24773,7 +25429,7 @@ function AdditionalInformationComponent({
           checked: formData.operationalAddressIsSame ? formData.operationalAddressIsSame === operationalAddressIsSameIds.OPERATIONAL_ADDRESS_IS_SAME : true,
           onChange: handleOperationalAddressIsSameChange
         })
-      }), formData.operationalAddressIsSame === operationalAddressIsSameIds.OPERATIONAL_ADDRESS_IS_NOT_SAME && jsx(Address, {
+      }), formData.operationalAddressIsSame === operationalAddressIsSameIds.OPERATIONAL_ADDRESS_IS_NOT_SAME && jsx(AddressExperimentWrapper, {
         id: ADDITIONAL_INFORMATION_FORM_ID,
         addressType: "operationalAddress",
         data: {
@@ -24782,12 +25438,15 @@ function AdditionalInformationComponent({
         },
         labels: getAddressSchemaLabelsByCountry(country),
         countryCode: country,
-        requiredFields: ADDRESS_SCHEMA2,
+        requiredFields: addressSchema,
         shouldValidate,
+        hideCountry: true,
         optionalFields: ["otherAddressInformation"],
         onChange: handleOperationalAddressChange,
         handleAddressSearch,
-        handleFindAddress
+        handleFindAddress,
+        verifiedBusiness,
+        verifiedAddress: verifiedAddress == null ? void 0 : verifiedAddress.operationalAddress
       })]
     })]
   });
@@ -25042,10 +25701,10 @@ function BusinessSelectionComponent({
       if (fetching === "loading") return;
       if (!selectedBusinessId || selectedBusinessId !== result.id) {
         setSelectedBusinessId(result.id);
-        const businessData = await fetchBusinessData(result);
+        const businessData = await fetchBusinessData(result, basicInformation == null ? void 0 : basicInformation.stateOrProvince);
         setCurrentBusinessSelection(businessData);
       } else if (fetching === "error") {
-        const businessData = await fetchBusinessData(result);
+        const businessData = await fetchBusinessData(result, basicInformation == null ? void 0 : basicInformation.stateOrProvince);
         setCurrentBusinessSelection(businessData);
       }
     } catch (e) {
@@ -26272,14 +26931,14 @@ const Modal = ({
             tertiary: true,
             "aria-label": "back",
             icon: "arrow-left",
-            className: "adyen-kyc-modal-button-blur",
+            className: "adyen-kyc-modal-button",
             onClick: onBack,
             shaded: true
           }) : jsx("div", {}), onClose ? jsx(Button, {
             tertiary: true,
             "aria-label": "close",
             icon: "cross",
-            className: "adyen-kyc-modal-button-blur",
+            className: "adyen-kyc-modal-button",
             onClick: onClose,
             shaded: true
           }) : jsx("div", {})]
@@ -26607,16 +27266,11 @@ const DropinLayout = ({
   if (modalOpen) {
     return jsx(Modal, {
       footer,
-      onClose: handleClose,
+      onClose: !onBack ? handleClose : void 0,
       onBack,
       children: jsx("div", {
-        className: "adyen-kyc-dropin",
-        children: jsx("div", {
-          className: "adyen-kyc-dropin__content",
-          children: jsx("div", {
-            children: content
-          })
-        })
+        className: "adyen-kyc-modal-content",
+        children: content
       })
     });
   }
@@ -27257,7 +27911,7 @@ function BusinessDetailsDropinComponent({
   handleClearCompanyData,
   onTypeSwitch
 }) {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m;
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n;
   const {
     state: {
       currentState
@@ -27424,17 +28078,17 @@ function BusinessDetailsDropinComponent({
     return tinMatch;
   }, [verifyBusinessData]);
   const findBusiness = useCallback(async (data) => {
-    var _a2, _b2, _c2;
+    var _a2, _b2, _c2, _d2;
     const tin = (_c2 = (_b2 = (_a2 = currentState.data.basicInformation) == null ? void 0 : _a2.taxInformation) == null ? void 0 : _b2.find((taxId) => currentCountry === taxId.country)) == null ? void 0 : _c2.number;
     const results = await searchForBusiness(data);
     if (results && results.length === 1) {
-      const businessData = await fetchBusinessData(results[0]);
+      const businessData = await fetchBusinessData(results[0], (_d2 = currentState.data.basicInformation) == null ? void 0 : _d2.stateOrProvince);
       if (businessData && tin) {
         const tinMatch = await handleVerifyBusinessData(businessData, tin);
         return tinMatch ? handleNextClick() : void 0;
       }
     }
-  }, [currentCountry, (_e = currentState.data.basicInformation) == null ? void 0 : _e.taxInformation, fetchBusinessData, handleNextClick, searchForBusiness, handleVerifyBusinessData]);
+  }, [currentCountry, (_e = currentState.data.basicInformation) == null ? void 0 : _e.taxInformation, (_f = currentState.data.basicInformation) == null ? void 0 : _f.stateOrProvince, fetchBusinessData, handleNextClick, searchForBusiness, handleVerifyBusinessData]);
   useEffect(() => {
     if (searchResults && !searchResults.length || searching === "error") {
       setShowCompanyStructure(true);
@@ -27446,7 +28100,7 @@ function BusinessDetailsDropinComponent({
       setShowCompanyStructure(false);
       resetBusinessData();
     }
-  }, [currentSearchName, (_f = currentState.data.basicInformation) == null ? void 0 : _f.businessName]);
+  }, [currentSearchName, (_g = currentState.data.basicInformation) == null ? void 0 : _g.businessName]);
   const [showBusinessSelection, setShowBusinessSelection] = useState(false);
   const isBusinessSelection = useMemo(() => showBusinessSelection && activeForm.formId === "basicInformation", [activeForm.formId, showBusinessSelection]);
   const hideBack = useMemo(() => {
@@ -27493,7 +28147,7 @@ function BusinessDetailsDropinComponent({
       default:
         return gotoFormByFormIndex(index);
     }
-  }, [canSubmitForm, currentCountry, (_g = currentState.data.basicInformation) == null ? void 0 : _g.businessName, (_h = currentState.data.basicInformation) == null ? void 0 : _h.country, (_i = currentState.data.basicInformation) == null ? void 0 : _i.stateOrProvince, findBusiness, forms2, gotoFormByFormIndex, isBusinessSelection, searchResults, verifiedBusiness, activeForm.formId]);
+  }, [canSubmitForm, currentCountry, (_h = currentState.data.basicInformation) == null ? void 0 : _h.businessName, (_i = currentState.data.basicInformation) == null ? void 0 : _i.country, (_j = currentState.data.basicInformation) == null ? void 0 : _j.stateOrProvince, findBusiness, forms2, gotoFormByFormIndex, isBusinessSelection, searchResults, verifiedBusiness, activeForm.formId]);
   const nextClick = useCallback(() => {
     var _a2, _b2, _c2, _d2, _e2, _f2, _g2;
     if (!COUNTRIES_USING_COMPANY_SEARCH.includes(currentCountry)) return handleNextClick();
@@ -27516,7 +28170,7 @@ function BusinessDetailsDropinComponent({
       default:
         return handleNextClick();
     }
-  }, [currentCountry, handleNextClick, activeForm.formId, verifiedBusiness, (_j = currentState.validityByForm) == null ? void 0 : _j.basicInformation, (_k = currentState.data.basicInformation) == null ? void 0 : _k.businessName, (_l = currentState.data.basicInformation) == null ? void 0 : _l.country, (_m = currentState.data.basicInformation) == null ? void 0 : _m.stateOrProvince, isBusinessSelection, findBusiness]);
+  }, [currentCountry, handleNextClick, activeForm.formId, verifiedBusiness, (_k = currentState.validityByForm) == null ? void 0 : _k.basicInformation, (_l = currentState.data.basicInformation) == null ? void 0 : _l.businessName, (_m = currentState.data.basicInformation) == null ? void 0 : _m.country, (_n = currentState.data.basicInformation) == null ? void 0 : _n.stateOrProvince, isBusinessSelection, findBusiness]);
   const backClick = useCallback(() => {
     if (!COUNTRIES_USING_COMPANY_SEARCH.includes(country)) return handleNextClick();
     switch (activeForm.formId) {
@@ -32833,7 +33487,8 @@ function IndividualDropinComponent({
     data,
     country,
     taskType,
-    isExperimentEnabled
+    isExperimentEnabled,
+    rootLegalEntity: parentLegalEntity
   }), [country, data, taskType]);
   const customValidators = useMemo(() => isExperimentEnabled("EnableAgeVerification") ? validators({
     country,
@@ -34676,6 +35331,47 @@ function RoleAndTypeDropinComponent({
     content
   });
 }
+const outlinedIcon = "adyen-kyc-outlined-icon";
+const styles$2 = {
+  "outlined-icon": "adyen-kyc-outlined-icon",
+  outlinedIcon
+};
+const OutlinedIcon = ({
+  name
+}) => jsx("div", {
+  className: styles$2.outlinedIcon,
+  children: jsx(Icon, {
+    name
+  })
+});
+const Splashscreen = ({
+  title,
+  subtitle,
+  icon,
+  buttonText,
+  onClick
+}) => {
+  const {
+    i18n
+  } = useI18nContext();
+  return jsxs("div", {
+    className: "adyen-kyc-splashscreen",
+    children: [icon && jsx(OutlinedIcon, {
+      name: icon
+    }), jsx(Typography, {
+      el: "h2",
+      variant: "title-l",
+      children: title
+    }), jsx(Typography, {
+      el: "p",
+      variant: "body",
+      children: subtitle
+    }), onClick && jsx(Button, {
+      onClick,
+      label: buttonText ?? i18n.get("finish")
+    })]
+  });
+};
 const serviceAgreementValidationRules = {
   signer: {
     modes: ["blur"],
@@ -34769,7 +35465,8 @@ const serviceAgreementTypesTranslationMapping = {
   adyenAccount: "businessAccountTerms",
   adyenCard: "cardUserTerms",
   adyenFranchisee: "franchiseesTAndCs",
-  adyenPccr: "pccr"
+  adyenPccr: "pccr",
+  adyenChargeCard: "chargeCardUserAgreement"
 };
 const logger$i = createLogger("ServiceAgreementDropinComponent");
 const FALLBACK_LANGUAGE_CODE = "en";
@@ -34780,6 +35477,7 @@ function ServiceAgreementDropinComponent({
   handleDownloadAcceptedTermsOfServiceDocument,
   handleDownloadUnacceptedTermsOfServiceDocument,
   handleHomeClick,
+  handleAddSigner,
   handleSign,
   taskType,
   serviceAgreementTypes,
@@ -34823,8 +35521,10 @@ function ServiceAgreementDropinComponent({
   const forms2 = [...signedForms, ...formsToBeSigned];
   const [activeFormIndex, setActiveFormIndex] = useState(0);
   const [activeForm, setActiveForm] = useState(forms2[activeFormIndex]);
-  const canSign = (serviceAgreementTypes == null ? void 0 : serviceAgreementTypes.includes(activeForm.serviceAgreementType)) && !activeForm.acceptanceId;
-  const showSignerCard = !!activeForm.acceptanceId;
+  const [hasFinished, setHasFinished] = useState(false);
+  const canSign = (serviceAgreementTypes == null ? void 0 : serviceAgreementTypes.includes(activeForm == null ? void 0 : activeForm.serviceAgreementType)) && !(activeForm == null ? void 0 : activeForm.acceptanceId);
+  const isLastStep = activeFormIndex === forms2.length - 1;
+  const showSignerCard = !!(activeForm == null ? void 0 : activeForm.acceptanceId);
   const handleServiceAgreementIsNotAvailableInThatLanguage = useCallback(() => {
     showToast({
       label: i18n.get("failedToGetServiceAgreementInSelectedLanguageFallbackToEn"),
@@ -34837,10 +35537,10 @@ function ServiceAgreementDropinComponent({
   } = useServiceAgreement({
     handleGetServiceAgreement,
     handleServiceAgreementIsNotAvailableInThatLanguage,
-    acceptanceId: activeForm.acceptanceId,
+    acceptanceId: activeForm == null ? void 0 : activeForm.acceptanceId,
     handleViewAcceptedTermsOfServiceDocument,
     legalEntityId: legalEntityResponse.id,
-    serviceAgreementType: activeForm.serviceAgreementType,
+    serviceAgreementType: activeForm == null ? void 0 : activeForm.serviceAgreementType,
     language: i18n.languageCode
   });
   const {
@@ -34995,12 +35695,24 @@ function ServiceAgreementDropinComponent({
       });
     }
   };
+  const addSignerAlert = jsx(Alert, {
+    variant: signers.length ? "info" : "warning",
+    className: "adyen-kyc-u-margin-top-16",
+    title: i18n.get(signers.length ? "isYourNameMissingFromSigners" : "thereAreNoSigners"),
+    children: jsx(Button, {
+      label: i18n.get("addYourselfAsSigner"),
+      onClick: handleAddSigner,
+      showAsLink: true,
+      underline: true,
+      type: "button"
+    })
+  });
   const sidebar = jsx(LoaderWrapper, {
     status: loadingStatus,
     formOpacityWhenLoading: 0.3,
     showSpinner: false,
     className: "adyen-kyc-dropin__sidebar-wrapper",
-    children: !!forms2.length && jsx(FormNavigation, {
+    children: jsx(FormNavigation, {
       forms: forms2,
       activeForm,
       gotoForm,
@@ -35013,11 +35725,11 @@ function ServiceAgreementDropinComponent({
     formOpacityWhenLoading: 0.3,
     showSpinner: false,
     className: "adyen-kyc-form-container",
-    children: [jsx(LoaderWrapper, {
+    children: [jsxs(LoaderWrapper, {
       status: contractLoadingStatus,
       formOpacityWhenLoading: 0.3,
       showSpinner: false,
-      children: serviceAgreement && jsxs(Fragment, {
+      children: [serviceAgreement && jsxs(Fragment, {
         children: [jsx(ContractViewer, {
           contract: serviceAgreement.contract,
           onExpandSection: handleExpandSection
@@ -35028,13 +35740,16 @@ function ServiceAgreementDropinComponent({
           label: i18n.get("downloadAsPdf"),
           icon: "download"
         })]
-      })
+      }), !forms2.length && jsx(Alert, {
+        variant: "info",
+        title: i18n.get("nothingNeedsToBeSigned")
+      })]
     }), canSign && jsxs(Fragment, {
-      children: [jsx(Field, {
+      children: [!!signers.length && jsx(Field, {
         name: "signer",
         label: i18n.get("signer"),
         classNameModifiers: ["col-50"],
-        className: "adyen-kyc-u-margin-y-32",
+        className: "adyen-kyc-u-margin-top-32",
         errorMessage: i18n.get((_a = errors.signer) == null ? void 0 : _a.errorMessage),
         isValid: valid.signer,
         children: (childProps) => jsx(Select, {
@@ -35045,8 +35760,9 @@ function ServiceAgreementDropinComponent({
           selected: data.signer,
           items: signers
         })
-      }), jsx(Field, {
+      }), addSignerAlert, jsx(Field, {
         name: "acceptServiceAgreement",
+        className: "adyen-kyc-u-margin-top-16",
         errorMessage: i18n.get((_b = errors.acceptServiceAgreement) == null ? void 0 : _b.errorMessage),
         isValid: valid.acceptServiceAgreement,
         children: (childProps) => jsx(Checkbox, {
@@ -35076,7 +35792,7 @@ function ServiceAgreementDropinComponent({
       homeButtonLabel: i18n.get("goToOverview"),
       onNext: canSign ? handleSignClick : () => gotoForm(activeFormIndex + 1),
       nextButtonLabel: i18n.get(canSign ? "sign" : "next"),
-      nextButtonDisabled: !canSign && activeFormIndex === forms2.length - 1,
+      nextButtonDisabled: forms2.length === 0 || !canSign && isLastStep,
       onBack: () => gotoForm(activeFormIndex - 1),
       hideBackButton: activeFormIndex === 0,
       backButtonLabel: i18n.get("previous")
@@ -35084,6 +35800,15 @@ function ServiceAgreementDropinComponent({
   });
   const currentStep = signedForms.length;
   const totalSteps = forms2.length;
+  const handleClick = async () => {
+    if (canSign) {
+      await handleSignClick();
+    } else if (!isLastStep) {
+      gotoForm(activeFormIndex + 1);
+    } else {
+      setHasFinished(true);
+    }
+  };
   const footer = jsx(EmbeddedActionBar, {
     left: jsx(StepProgressIndicator, {
       activeStepIndex: currentStep ?? 0,
@@ -35096,15 +35821,20 @@ function ServiceAgreementDropinComponent({
       jsx(Button, {
         secondary: !canSign,
         label: i18n.get(canSign ? "signAndContinue" : "next"),
-        onClick: canSign ? handleSignClick : () => gotoForm(activeFormIndex + 1)
+        onClick: handleClick
       })
     )
   });
+  const endScreen = hasFinished && jsx(Splashscreen, {
+    icon: "check",
+    title: i18n.get("serviceAgreementSignedAndDated"),
+    onClick: handleCloseClick
+  });
   return jsx(DropinLayout, {
     showAsModal: asModal,
     onClose: handleCloseClick,
     content: jsxs(Fragment, {
-      children: [!asEmbedded && sidebar, content]
+      children: [!asEmbedded && sidebar, endScreen || content]
     }),
     footer: asEmbedded ? footer : void 0
   });
@@ -35755,6 +36485,10 @@ const useNavigation = ({
   onNavigate,
   handleOpenSingpassAuthorizationLink
 }) => {
+  const {
+    isSettingEnabled
+  } = useSettingsContext();
+  const showServiceAgreementsFirst = isSettingEnabled(SettingNames.ShowServiceAgreementsFirst);
   const isNewEntryFlowEnabled = useEnableNewEntryFlow();
   const showIntroduction = useShouldShowIntroduction({
     legalEntity
@@ -35822,11 +36556,12 @@ const useNavigation = ({
         canSeeEntitySelection,
         showIntroduction,
         isNewEntryFlowEnabled,
-        shouldShowSingpassSelection
+        shouldShowSingpassSelection,
+        showServiceAgreementsFirst
       });
       setTaskHistory([...taskHistory.slice(0, taskHistory.length - 1), defaultTask]);
     }
-  }, [legalEntity, accountHolder, showIntroduction, isNewEntryFlowEnabled, shouldShowSingpassSelection, taskHistory]);
+  }, [legalEntity, accountHolder, showIntroduction, isNewEntryFlowEnabled, shouldShowSingpassSelection, showServiceAgreementsFirst, taskHistory]);
   return {
     currentTask: actualTasks.at(-1),
     previousTask: actualTasks.at(-2),
@@ -35839,9 +36574,13 @@ const getDefaultTask = ({
   canSeeEntitySelection,
   isNewEntryFlowEnabled,
   showIntroduction,
-  shouldShowSingpassSelection
+  shouldShowSingpassSelection,
+  showServiceAgreementsFirst
 }) => {
   const hasLegalEntityProgressedBeyondEntitySelection = hasProgressedBeyondEntitySelection(legalEntity);
+  if (showServiceAgreementsFirst) {
+    return TaskTypes.SERVICE_AGREEMENT;
+  }
   if (isNewEntryFlowEnabled && canSeeEntitySelection && !hasLegalEntityProgressedBeyondEntitySelection) return TaskTypes.BUSINESS_TYPE_SELECTION;
   if (showIntroduction) return TaskTypes.INTRODUCTION;
   if (shouldShowSingpassSelection) return TaskTypes.SINGPASS_SELECTION;
@@ -36921,7 +37660,8 @@ function DropinComposerComponent({
         handleViewAcceptedTermsOfServiceDocument: args.handleViewAcceptedTermsOfServiceDocument,
         handleDownloadAcceptedTermsOfServiceDocument: args.handleDownloadAcceptedTermsOfServiceDocument,
         handleDownloadUnacceptedTermsOfServiceDocument: args.handleDownloadUnacceptedTermsOfServiceDocument,
-        handleHomeClick: navigateBack,
+        handleHomeClick: () => navigateTo(TaskTypes.TASKS_OVERVIEW),
+        handleAddSigner: () => navigateTo(TaskTypes.DECISION_MAKER),
         handleSign: async (...params) => {
           await args.handleSignServiceAgreement(...params);
           await getServiceAgreementStatus2();
@@ -37648,7 +38388,8 @@ const logger$g = createLogger("CreateContractingComponent");
 function CreateContractingComponent({
   legalEntityId,
   modalView,
-  onClose
+  onClose,
+  onUnmount
 }) {
   const {
     isModalView,
@@ -37664,7 +38405,8 @@ function CreateContractingComponent({
     getServiceAgreementAcceptanceInfos: getServiceAgreementAcceptanceInfos2,
     getAcceptedServiceAgreement: getAcceptedServiceAgreement2,
     downloadAcceptedServiceAgreement,
-    downloadUnacceptedServiceAgreement
+    downloadUnacceptedServiceAgreement,
+    acceptServiceAgreement: acceptServiceAgreement2
   } = useComponentApi(legalEntityId);
   const [isLoading, setIsLoading] = useState(true);
   const [legalEntity, setLegalEntity] = useState();
@@ -37673,6 +38415,12 @@ function CreateContractingComponent({
   if (modalView) {
     setIsModalView(true);
   }
+  const handleOnClose = () => {
+    if (modalView) {
+      onUnmount == null ? void 0 : onUnmount();
+    }
+    onClose == null ? void 0 : onClose();
+  };
   const fetchLegalEntity = useCallback(async () => {
     await getLegalEntity2(legalEntityId).then((res) => setLegalEntity(res)).catch(logger$g.error);
   }, [getLegalEntity2, legalEntityId]);
@@ -37686,6 +38434,14 @@ function CreateContractingComponent({
       data
     }) => setServiceAgreementAcceptanceInfos(data)).catch(logger$g.error);
   }, [getServiceAgreementAcceptanceInfos2, legalEntityId]);
+  const handleSign = useCallback(
+    // @ts-ignore-error:next-line ts does not infer type correctly
+    async (...params) => {
+      await acceptServiceAgreement2(...params);
+      await Promise.all([fetchLegalEntity(), fetchUnsigned(), fetchSigned()]);
+    },
+    [acceptServiceAgreement2, fetchLegalEntity, fetchSigned, fetchUnsigned]
+  );
   useEffect(() => {
     (async () => {
       setIsLoading(true);
@@ -37696,8 +38452,6 @@ function CreateContractingComponent({
   }, [fetchLegalEntity, fetchSigned, fetchUnsigned]);
   const handleHomeClick = () => {
   };
-  const handleSign = () => {
-  };
   return isLoading || !legalEntity ? jsx(Loader, {
     size: "medium"
   }) : jsx(ServiceAgreementDropinComponent, {
@@ -37713,7 +38467,10 @@ function CreateContractingComponent({
     handleSign,
     asEmbedded: true,
     asModal: isModalView,
-    handleCloseClick: onClose
+    handleCloseClick: handleOnClose,
+    handleAddSigner: () => {
+    }
+    // TODO: figure out what this should be, in the dropin it's () => navigateTo(TaskTypes.DECISION_MAKER)
   });
 }
 const logger$f = createLogger("CreateIndividualComponent");
@@ -37724,7 +38481,8 @@ function CreateIndividualComponent({
   onSubmitSuccess,
   handleBackClick,
   modalView,
-  onClose
+  onClose,
+  onUnmount
 }) {
   var _a;
   const {
@@ -37755,6 +38513,12 @@ function CreateIndividualComponent({
   if (modalView) {
     setIsModalView(true);
   }
+  const handleOnClose = () => {
+    if (modalView) {
+      onUnmount == null ? void 0 : onUnmount();
+    }
+    onClose == null ? void 0 : onClose();
+  };
   const fetchLegalEntity = useCallback(async () => {
     try {
       const [parentEntity, entity] = await Promise.all([parentLegalEntityId ? getLegalEntity2(parentLegalEntityId) : Promise.resolve(void 0), legalEntityId ? getLegalEntity2(legalEntityId) : Promise.resolve(void 0)]);
@@ -37769,9 +38533,10 @@ function CreateIndividualComponent({
   }, [fetchLegalEntity]);
   const country = ((_a = legalEntity == null ? void 0 : legalEntity.individual) == null ? void 0 : _a.residentialAddress.country) ?? contextCountry;
   const onSubmit = (d) => {
-    if (onSubmitSuccess) {
-      onSubmitSuccess(d);
+    if (modalView) {
+      onUnmount == null ? void 0 : onUnmount();
     }
+    onSubmitSuccess == null ? void 0 : onSubmitSuccess(d);
   };
   const fetchProviderStatus = useCallback(async () => {
     const res = await getProviderStatus2({
@@ -37801,7 +38566,7 @@ function CreateIndividualComponent({
     hideNavigation: true,
     asModal: isModalView,
     onSubmit,
-    handleCloseClick: onClose,
+    handleCloseClick: handleOnClose,
     taskType
   });
 }
@@ -37873,23 +38638,25 @@ function CreateTransferInstrumentComponent({
     taskType: TaskTypes.PAYOUT
   });
 }
-var OnboardingStatus = /* @__PURE__ */ ((OnboardingStatus2) => {
-  OnboardingStatus2["AWAITING_DATA"] = "AWAITING_DATA";
-  OnboardingStatus2["IN_REVIEW"] = "IN_REVIEW";
-  OnboardingStatus2["UNSUCCESSFUL"] = "UNSUCCESSFUL";
-  OnboardingStatus2["REJECTED"] = "REJECTED";
-  OnboardingStatus2["VERIFIED"] = "VERIFIED";
-  return OnboardingStatus2;
-})(OnboardingStatus || {});
+const skeleton = "adyen-kyc-skeleton";
+const skeletonCircle = "adyen-kyc-skeleton-circle";
+const skeletonText = "adyen-kyc-skeleton-text";
+const styles$1 = {
+  skeleton,
+  "skeleton-circle": "adyen-kyc-skeleton-circle",
+  skeletonCircle,
+  "skeleton-text": "adyen-kyc-skeleton-text",
+  skeletonText
+};
 const Skeleton = ({
   circle = false,
   text = false,
   height = "1em",
   width
 }) => {
-  const classNames = cx("adyen-kyc-skeleton", {
-    "adyen-kyc-skeleton__circle": circle,
-    "adyen-kyc-skeleton__text": text
+  const classNames = cx(styles$1.skeleton, {
+    [styles$1.skeletonCircle]: circle,
+    [styles$1.skeletonText]: text
   });
   return jsx("div", {
     className: classNames,
@@ -37899,14 +38666,34 @@ const Skeleton = ({
     }
   });
 };
+const embeddedStatus = "adyen-kyc-embedded-status";
+const embeddedStatusLoading = "adyen-kyc-embedded-status-loading";
+const embeddedStatusAvatar = "adyen-kyc-embedded-status-avatar";
+const embeddedStatusLight = "adyen-kyc-embedded-status-light";
+const embeddedStatusIcon = "adyen-kyc-embedded-status-icon";
+const embeddedStatusInfo = "adyen-kyc-embedded-status-info";
 const styles = {
-  "adyen-kyc-embedded-status": "adyen-kyc-embedded-status",
-  "adyen-kyc-embedded-status--loading": "adyen-kyc-embedded-status--loading",
-  "adyen-kyc-embedded-status__avatar": "adyen-kyc-embedded-status__avatar",
-  "adyen-kyc-embedded-status--light": "adyen-kyc-embedded-status--light",
-  "adyen-kyc-embedded-status__icon": "adyen-kyc-embedded-status__icon",
-  "adyen-kyc-embedded-status__info": "adyen-kyc-embedded-status__info"
+  "embedded-status": "adyen-kyc-embedded-status",
+  embeddedStatus,
+  "embedded-status-loading": "adyen-kyc-embedded-status-loading",
+  embeddedStatusLoading,
+  "embedded-status-avatar": "adyen-kyc-embedded-status-avatar",
+  embeddedStatusAvatar,
+  "embedded-status-light": "adyen-kyc-embedded-status-light",
+  embeddedStatusLight,
+  "embedded-status-icon": "adyen-kyc-embedded-status-icon",
+  embeddedStatusIcon,
+  "embedded-status-info": "adyen-kyc-embedded-status-info",
+  embeddedStatusInfo
 };
+var OnboardingStatus = /* @__PURE__ */ ((OnboardingStatus2) => {
+  OnboardingStatus2["AWAITING_DATA"] = "AWAITING_DATA";
+  OnboardingStatus2["IN_REVIEW"] = "IN_REVIEW";
+  OnboardingStatus2["UNSUCCESSFUL"] = "UNSUCCESSFUL";
+  OnboardingStatus2["REJECTED"] = "REJECTED";
+  OnboardingStatus2["VERIFIED"] = "VERIFIED";
+  return OnboardingStatus2;
+})(OnboardingStatus || {});
 const statusToTag = (status) => {
   switch (status) {
     case OnboardingStatus.IN_REVIEW:
@@ -37973,24 +38760,24 @@ const EmbeddedStatus = ({
   };
   return jsxs("button", {
     type: "button",
-    className: cx(className, styles["adyen-kyc-embedded-status"], {
-      "adyen-kyc-embedded-status--loading": loading,
-      "adyen-kyc-embedded-status--light": light
+    className: cx(className, styles.embeddedStatus, {
+      [styles.embeddedStatusLoading]: loading,
+      [styles.embeddedStatusLight]: light
     }),
     onClick,
     ...props,
     children: [jsx("section", {
-      className: styles["adyen-kyc-embedded-status__avatar"],
+      className: styles.embeddedStatusAvatar,
       children: loading ? jsx(Skeleton, {
         height: "100%",
         width: "100%",
         circle: true
       }) : jsx(Icon, {
-        className: styles["adyen-kyc-embedded-status__icon"],
+        className: styles.embeddedStatusIcon,
         name: iconName
       })
     }), jsx("section", {
-      className: styles["adyen-kyc-embedded-status__info"],
+      className: styles.embeddedStatusInfo,
       children: loading ? jsxs(Fragment, {
         children: [jsx(Skeleton, {
           text: true,
@@ -38012,7 +38799,7 @@ const EmbeddedStatus = ({
         })]
       })
     }), actionButton ? jsx("section", {
-      className: styles["adyen-kyc-embedded-status__button"],
+      className: styles.embeddedStatusButton,
       children: loading ? jsx(Skeleton, {
         width: "5em",
         height: "2em"
@@ -38026,7 +38813,7 @@ const EmbeddedStatus = ({
         small: true
       })
     }) : (statusTag == null ? void 0 : statusTag.translationKey) && jsx("section", {
-      className: styles["adyen-kyc-embedded-status__tag"],
+      className: styles.embeddedStatusTag,
       children: loading ? jsx(Skeleton, {
         width: "8ch",
         height: "1em"
@@ -38037,6 +38824,66 @@ const EmbeddedStatus = ({
     })]
   });
 };
+function ContractingStatus({
+  legalEntityId,
+  onClick,
+  title,
+  subtitle = ""
+}) {
+  const {
+    getServiceAgreementStatus: getServiceAgreementStatus2,
+    getServiceAgreementAcceptanceInfos: getServiceAgreementAcceptanceInfos2
+  } = useComponentApi(legalEntityId);
+  const [isLoading, setIsLoading] = useState(true);
+  const [hasSignedAll, setHasSignedAll] = useState(false);
+  const getUnsigned = useCallback(async () => getServiceAgreementStatus2(legalEntityId), [getServiceAgreementStatus2, legalEntityId]);
+  const getSigned = useCallback(async () => getServiceAgreementAcceptanceInfos2(legalEntityId), [getServiceAgreementAcceptanceInfos2, legalEntityId]);
+  const getStatus = useCallback(async () => {
+    const [signedRes, unsignedRes] = await Promise.all([getSigned(), getUnsigned()]);
+    const signed = signedRes.data.map((d) => d.type);
+    const unsigned = unsignedRes.termsOfServiceTypes;
+    return signed.length !== 0 && unsigned.length === 0;
+  }, [getUnsigned, getSigned]);
+  useEffect(() => {
+    getStatus().then((allSigned) => {
+      setIsLoading(false);
+      setHasSignedAll(allSigned);
+    }).catch(() => {
+    });
+  });
+  const handleClick = () => {
+    onClick == null ? void 0 : onClick();
+  };
+  return hasSignedAll ? jsx(EmbeddedStatus, {
+    onClick,
+    title,
+    subtitle,
+    tagLabel: "complete",
+    loading: isLoading
+  }) : jsx(EmbeddedStatus, {
+    onClick,
+    actionButton: {
+      labelKey: "sign",
+      onClick: handleClick
+    },
+    title,
+    subtitle,
+    loading: isLoading
+  });
+}
+function ManageContractingComponent({
+  legalEntityId,
+  onClick
+}) {
+  const {
+    i18n
+  } = useI18nContext();
+  return jsx(ContractingStatus, {
+    legalEntityId,
+    title: i18n.get("serviceAgreements"),
+    onClick
+  });
+}
 function LegalEntityStatus({
   legalEntityId,
   onClick
@@ -38125,17 +38972,64 @@ function useInterval(callback, initialDelay = DEFAULT_POLLING_INTERVAL) {
   }, [timeoutId]);
   return timeoutId;
 }
+const Confirm = ({
+  onConfirm,
+  title,
+  confirmBtnLabel,
+  onClose
+}) => {
+  const {
+    i18n
+  } = useI18nContext();
+  const [isInFlight, setIsInFlight] = useState(false);
+  const handleConfirm = async () => {
+    setIsInFlight(true);
+    try {
+      await onConfirm();
+    } finally {
+      setIsInFlight(false);
+      onClose();
+    }
+  };
+  const modalHeader = jsx(Typography, {
+    variant: "title",
+    el: "h3",
+    className: "adyen-kyc-u-margin-top-8 adyen-kyc-u-margin-left-8",
+    children: title
+  });
+  const modalFooter = jsx(EmbeddedActionBar, {
+    right: jsxs(Fragment, {
+      children: [jsx(Button, {
+        label: i18n.get("cancel"),
+        onClick: onClose,
+        secondary: true
+      }), jsx(Button, {
+        label: confirmBtnLabel || i18n.get("confirm"),
+        onClick: handleConfirm,
+        critical: true,
+        disabled: isInFlight
+      })]
+    })
+  });
+  return jsx(Modal, {
+    header: modalHeader,
+    footer: modalFooter,
+    size: "small"
+  });
+};
 function ManageTransferInstrumentOverviewItemModal({
   status,
   transferInstrument,
   onEdit,
   onClose,
-  onRemove
+  onRemove,
+  onInitiateRemove
 }) {
   var _a, _b, _c;
   const {
     i18n
   } = useI18nContext();
+  const [confirmOpen, setConfirmOpen] = useState(false);
   const datasetUtils = datasetUtilities(i18n.locale);
   const isReviewInProgress = status === "PROCESSING";
   const showEditButton = status !== "ERROR" && !(transferInstrument == null ? void 0 : transferInstrument.bankAccount.trustedSource);
@@ -38192,14 +39086,31 @@ function ManageTransferInstrumentOverviewItemModal({
   };
   const modalHeader = jsx(Typography, {
     variant: "title-l",
+    el: "h3",
+    className: "adyen-kyc-manage-ti-overview-item-summary__header",
     children: i18n.get("bankAccount")
   });
+  const handleRemove = async () => {
+    await onRemove(transferInstrument.id);
+    onClose();
+  };
+  const handleDeleteClick = async () => {
+    if (onInitiateRemove) {
+      const confirmDeletion = onInitiateRemove();
+      if (confirmDeletion) await handleRemove();
+    } else {
+      setConfirmOpen(true);
+    }
+  };
   const modalFooter = () => {
     if (!transferInstrument) return;
     const actions = jsxs(Fragment, {
-      children: [jsx(Remove, {
-        onRemove: async () => onRemove(transferInstrument.id),
-        isRemoveDisabled: isReviewInProgress
+      children: [jsx(Button, {
+        title: i18n.get("delete"),
+        icon: "bin",
+        secondary: true,
+        disabled: isReviewInProgress,
+        onClick: handleDeleteClick
       }), showEditButton && jsx(Button, {
         label: i18n.get("edit"),
         onClick: () => onEdit(transferInstrument.id),
@@ -38210,28 +39121,35 @@ function ManageTransferInstrumentOverviewItemModal({
       right: actions
     });
   };
-  return jsx(Modal, {
-    header: modalHeader,
-    onClose: () => onClose(),
-    footer: modalFooter(),
-    children: !transferInstrument ? jsx(Loader, {}) : jsxs("div", {
-      className: "adyen-kyc-manage-ti-overview-item-summary",
-      children: [!!((_b = (_a = problems.BankAccount) == null ? void 0 : _a[transferInstrument.id]) == null ? void 0 : _b.verificationErrors) && jsx(VerificationErrorAlert, {
-        className: "adyen-kyc-manage-ti-overview-item-summary__error",
-        problems: (_c = problems.BankAccount) == null ? void 0 : _c[transferInstrument.id],
-        children: jsx(Button, {
-          className: "adyen-kyc-manage-ti-overview-item-summary__error-button",
-          label: i18n.get("editDetails"),
-          tertiary: true,
-          onClick: () => onEdit(transferInstrument.id)
-        })
-      }), getStructuredLists().map((listItems) => jsx(Card, {
-        className: "adyen-kyc-manage-ti-overview-item-summary__card",
-        children: jsx(StructuredList, {
-          items: listItems
-        })
-      }, listItems))]
-    })
+  return jsxs(Fragment, {
+    children: [jsx(Modal, {
+      header: modalHeader,
+      onClose,
+      footer: modalFooter(),
+      children: !transferInstrument ? jsx(Loader, {}) : jsxs("div", {
+        className: "adyen-kyc-manage-ti-overview-item-summary",
+        children: [!!((_b = (_a = problems.BankAccount) == null ? void 0 : _a[transferInstrument.id]) == null ? void 0 : _b.verificationErrors) && jsx(VerificationErrorAlert, {
+          className: "adyen-kyc-manage-ti-overview-item-summary__error",
+          problems: (_c = problems.BankAccount) == null ? void 0 : _c[transferInstrument.id],
+          children: jsx(Button, {
+            className: "adyen-kyc-manage-ti-overview-item-summary__error-button",
+            label: i18n.get("editDetails"),
+            tertiary: true,
+            onClick: () => onEdit(transferInstrument.id)
+          })
+        }), getStructuredLists().map((listItems) => jsx(Card, {
+          className: "adyen-kyc-manage-ti-overview-item-summary__card",
+          children: jsx(StructuredList, {
+            items: listItems
+          })
+        }, listItems))]
+      })
+    }), confirmOpen && jsx(Confirm, {
+      title: i18n.get("areYouSureYouWantToDeleteThisBankAccount"),
+      confirmBtnLabel: i18n.get("delete"),
+      onConfirm: handleRemove,
+      onClose: () => setConfirmOpen(false)
+    })]
   });
 }
 function ManageTransferInstrumentOverviewItem({
@@ -38239,7 +39157,8 @@ function ManageTransferInstrumentOverviewItem({
   transferInstrument,
   onEdit,
   onOpen,
-  onRemove
+  onRemove,
+  onInitiateRemove
 }) {
   const {
     i18n
@@ -38269,6 +39188,7 @@ function ManageTransferInstrumentOverviewItem({
       transferInstrument,
       onEdit,
       onRemove,
+      onInitiateRemove,
       onClose: () => setModalOpen(false),
       status: transferInstrumentReference.status
     })]
@@ -38277,14 +39197,18 @@ function ManageTransferInstrumentOverviewItem({
 const logger$d = createLogger("ManageTransferInstrumentOverview");
 function ManageTransferInstrumentOverview({
   transferInstrumentReferences,
+  legalEntityId,
   onEdit,
   onAdd,
   onRemove,
-  legalEntityId
+  onInitiateRemove
 }) {
   const {
     i18n
   } = useI18nContext();
+  const {
+    showToast
+  } = useToastContext();
   const {
     getTransferInstrument: getTransferInstrument2,
     deleteTransferInstrument: deleteTransferInstrument2
@@ -38307,6 +39231,10 @@ function ManageTransferInstrumentOverview({
       await deleteTransferInstrument2(transferInstrumentId);
       onRemove(transferInstrumentId);
     } catch (e) {
+      showToast({
+        label: i18n.get("thereWasAnErrorTryAgain"),
+        type: "error"
+      });
       logger$d.error(e);
     }
   };
@@ -38315,6 +39243,7 @@ function ManageTransferInstrumentOverview({
     transferInstrumentReference: transferInstrumentRef,
     onEdit,
     onRemove: onRemoveTransferInstrument,
+    onInitiateRemove,
     onOpen: onShowBankDetails
   }, transferInstrumentRef.transferInstrument.id));
   return jsxs("section", {
@@ -38333,6 +39262,7 @@ function ManageTransferInstrumentComponent({
   legalEntityId,
   onAdd,
   onEdit,
+  onInitiateRemove,
   onRemoveSuccess,
   eventEmitter
 }) {
@@ -38393,6 +39323,7 @@ function ManageTransferInstrumentComponent({
         transferInstrumentReferences: transferInstruments,
         onEdit: (transferInstrumentId) => onEdit(transferInstrumentId, legalEntityId),
         onRemove,
+        onInitiateRemove,
         onAdd,
         legalEntityId
       })]
@@ -40409,6 +41340,7 @@ const componentsMap = {
   onboardingDropinComponent: OnboardingDropinComponent,
   manageIndividualComponent: ManageIndividualComponent,
   createContractingComponent: CreateContractingComponent,
+  manageContractingComponent: ManageContractingComponent,
   viewVerificationStatusComponent: ViewVerificationStatusComponent,
   updateLegalEntityForHighExposureComponent: UpdateLegalEntityForHighExposure
 };
@@ -40865,7 +41797,7 @@ const ConfigurationApiProvider = ({
     isEmbeddedDropin,
     loadingContext
   } = authContext;
-  const sdkVersion = "3.28.1";
+  const sdkVersion = "3.30.0";
   useAnalytics({
     onUserEvent,
     legalEntityId: rootLegalEntityId,
@@ -41057,7 +41989,8 @@ const settingsDefaults = {
   hideOnboardingIntroductionSoleProprietor: true,
   viewOnboardingGuidance: false,
   transferInstrumentLimit: 0,
-  instantBankVerification: true
+  instantBankVerification: true,
+  showServiceAgreementsFirst: false
 };
 function SettingsProvider({
   children,
@@ -41432,6 +42365,7 @@ class BaseElement {
       ...props
     };
     this._parentInstance = this.props._parentInstance;
+    this.remove = this.remove.bind(this);
   }
   /**
    * Mounts an element into the dom
@@ -41491,6 +42425,7 @@ class BaseElement {
     if (this._node) {
       render(null, this._node);
     }
+    this._node = void 0;
     return this;
   }
   /**
@@ -41547,7 +42482,7 @@ const DebugModal = ({
   };
   const copyToClipboard = async () => {
     const toCopy = {
-      sdkVersion: "3.28.1",
+      sdkVersion: "3.30.0",
       experiments: Object.fromEntries(allExperimentsWithValues),
       settings: Object.fromEntries(allSettingsWithValues)
     };
@@ -41586,7 +42521,7 @@ const DebugModal = ({
       children: [jsxs("div", {
         className: "adyen-kyc-debug-modal__meta",
         children: [jsxs("span", {
-          children: ["SDK version: ", "3.28.1"]
+          children: ["SDK version: ", "3.30.0"]
         }), jsxs("span", {
           children: ["rootLegalEntityId: ", rootLegalEntityId]
         })]
@@ -41734,14 +42669,14 @@ class UIElement extends BaseElement {
                       rootLegalEntityId,
                       handleGetLegalEntity: "handleGetLegalEntity" in this.props.componentProps ? this.props.componentProps.handleGetLegalEntity : void 0,
                       children: jsx("div", {
-                        className: "adyen-kyc-ui-element-container-wrapper",
                         children: jsx(AutoResizer, {
                           children: jsx("div", {
                             className: "adyen-kyc-ui-element-container",
                             children: jsx(ToastContextProvider, {
                               children: jsx(StateProvider, {
                                 children: jsx(Component, {
-                                  ...this.props.componentProps
+                                  ...this.props.componentProps,
+                                  onUnmount: this.remove
                                 })
                               })
                             })
@@ -42470,6 +43405,9 @@ const manageTransferInstrumentComponentSchema = {
   onRemoveSuccess: {
     type: "function"
   },
+  onInitiateRemove: {
+    type: "function"
+  },
   legalEntityId: {
     type: "string",
     required: true
@@ -42505,6 +43443,11 @@ const createContractingComponentSchema = {
     type: "boolean"
   }
 };
+const manageContractingComponentSchema = {
+  legalEntityId: {
+    type: "string"
+  }
+};
 const viewVerificationStatusComponentSchema = {
   legalEntityId: {
     type: "string",
@@ -42565,6 +43508,7 @@ const componentsSchemaMap = {
   createIndividualComponent: createIndividualComponentSchema,
   manageIndividualComponent: manageIndividualComponentSchema,
   createContractingComponent: createContractingComponentSchema,
+  manageContractingComponent: manageContractingComponentSchema,
   createTransferInstrumentComponent: createTransferInstrumentComponentSchema,
   viewVerificationStatusComponent: viewVerificationStatusComponentSchema,
   updateLegalEntityForHighExposureComponent: updateLegalEntityForHighExposureComponentSchema,