@adyen/kyc-components 2.54.0 → 2.55.0

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

@@ -94,7 +94,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.",
   add: "Add",
   addAndVerifyYourBankDetails: "Add and verify your bank account details",
@@ -204,6 +203,7 @@ const defaultTrans = {
   businessSelection__footerButton: "Add details manually",
   businessSelection__heading: "Select your business",
   businessSelection__invalidTin: "This company's TIN doesn't match yours",
+  businessSelection__tinVerificationFailure: "Sorry, something went wrong. Try again or continue by pressing Add details manually",
   businessStructure: "Business structure",
   businessTrust: "Business trust",
   businessTrusteeDetails: "Business trustee details",
@@ -225,6 +225,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",
@@ -387,6 +388,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}",
@@ -999,6 +1001,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",
@@ -1082,7 +1085,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.",
@@ -1171,6 +1174,7 @@ const defaultTrans = {
   rnaNumber: "RNA number",
   role: "Role",
   roleAndEntityType: "Role and entity type",
+  routingNumber: "Routing number",
   routingNumberVisible: "Includes your routing number",
   salarySlip: "Salary slip",
   sameAsRegisteredAddress: "Same as registered business address",
@@ -1654,6 +1658,12 @@ function useToastContext() {
   }
   return context;
 }
+const CoreContext = createContext(void 0);
+const useCoreContext = () => {
+  const context = useContext(CoreContext);
+  if (!context) throw Error("You need a <CoreProvider> to use core context");
+  return context;
+};
 let suppressed = false;
 const consoleMethodsPrefixable = Object.freeze(["debug", "info", "log", "warn", "error", "trace"]);
 const stringSubstitutionRegex = /%([soOc]|(\.\d)?[dif])/;
@@ -2008,15 +2018,30 @@ function useBusinessData({
   handleVerifyTin,
   handleClearCompanyData
 }) {
-  const [isSearching, setIsSearching] = useState("idle");
-  const [isFetching, setIsFetching] = useState("idle");
-  const [isVerifying, setIsVerifying] = useState("idle");
-  const [isClearingTrustedData, setIsClearingTrustedData] = useState("idle");
+  const [searching, setSearching] = useState("idle");
+  const [fetching, setFetching] = useState("idle");
+  const [verifying, setVerifying] = useState("idle");
+  const [resettingTrustedData, setResettingTrustedData] = useState("idle");
   const [searchResults, setSearchResults] = useState();
   const [cachedSearch, setCachedSearch] = useState();
   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$E.log("Missing handlers for searchForBusiness");
@@ -2024,24 +2049,22 @@ function useBusinessData({
     }
     if (searchResults && objectsDeepEqual(cachedSearch, data)) return;
     try {
-      setIsSearching("loading");
-      const {
-        results
-      } = KNOWN_BROKEN_PRIMARY_SOURCE_CONNECTIONS.includes(data.state) ? await handleCompanyIndexSearch({
+      setSearching("loading");
+      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) {
-      setIsSearching("error");
+      setSearching("error");
       logger$E.error(e);
     } finally {
       setCachedSearch(data);
-      setIsSearching((prevState) => prevState !== "error" ? "loaded" : prevState);
+      setSearching((prevState) => prevState !== "error" ? "loaded" : prevState);
     }
   }, [handleCompanyDeepSearch, handleCompanyIndexSearch, searchResults, cachedSearch]);
   const fetchBusinessData = useCallback(async (company) => {
@@ -2059,7 +2082,8 @@ function useBusinessData({
     const date = (/* @__PURE__ */ new Date()).toDateString();
     const isDataCompliant = company.lastUpdate ? Date.parse(date) - Date.parse(company.lastUpdate) < LOW_RISK_COMPANY_DATA_COMPLIANCE_WINDOW : false;
     try {
-      setIsFetching("loading");
+      setFetching("loading");
+      setVerifying("idle");
       setInvalidTin(false);
       const businessData = isDataCompliant ? await handleGetCompanyDataset({
         companyId: company.id,
@@ -2071,11 +2095,11 @@ function useBusinessData({
       setCachedBusiness(businessData);
       return businessData;
     } catch (e) {
-      setIsFetching("error");
+      setFetching("error");
       setCachedBusiness(void 0);
       logger$E.error(e);
     } finally {
-      setIsFetching((prevState) => prevState !== "error" ? "loaded" : prevState);
+      setFetching((prevState) => prevState !== "error" ? "loaded" : prevState);
     }
   }, [cachedBusiness, handleGetCompanyDataset, handleRefreshCompanyDataset]);
   const verifyBusinessData = useCallback(async (data, tin) => {
@@ -2084,7 +2108,7 @@ function useBusinessData({
       return;
     }
     try {
-      setIsVerifying("loading");
+      setVerifying("loading");
       setVerifiedBusiness(void 0);
       setInvalidTin(false);
       const {
@@ -2100,21 +2124,21 @@ function useBusinessData({
       }
       return matched;
     } catch (e) {
-      setIsVerifying("error");
+      setVerifying("error");
       logger$E.error(e);
     } finally {
-      setIsVerifying((prevState) => prevState !== "error" ? "loaded" : prevState);
+      setVerifying((prevState) => prevState !== "error" ? "loaded" : prevState);
     }
   }, [handleVerifyTin]);
   const clearTrustedBusinessData = useCallback(async () => {
     try {
-      setIsClearingTrustedData("loading");
+      setResettingTrustedData("loading");
       await (handleClearCompanyData == null ? void 0 : handleClearCompanyData());
     } catch (e) {
-      setIsClearingTrustedData("error");
+      setResettingTrustedData("error");
       logger$E.error(e);
     } finally {
-      setIsClearingTrustedData((prevState) => prevState !== "error" ? "loaded" : prevState);
+      setResettingTrustedData((prevState) => prevState !== "error" ? "loaded" : prevState);
     }
   }, [handleClearCompanyData]);
   const resetBusinessData = () => {
@@ -2133,10 +2157,10 @@ function useBusinessData({
     resetBusinessData,
     resetTinVerification,
     // Data
-    isSearching,
-    isFetching,
-    isVerifying,
-    isClearingTrustedData,
+    searching,
+    fetching,
+    verifying,
+    resettingTrustedData,
     currentSearchName: cachedSearch == null ? void 0 : cachedSearch.text,
     searchResults,
     verifiedBusiness,
@@ -2344,8 +2368,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;
@@ -2418,6 +2443,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")),
@@ -2504,6 +2532,7 @@ const Button = ({
   role,
   small,
   block,
+  critical,
   shaded,
   label = "",
   icon,
@@ -2550,6 +2579,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
@@ -3735,6 +3765,7 @@ const datasetIdentifier = {
 function datasetUtilities(locale) {
   return {
     getCountryName: (countryCode) => {
+      if (!countryCode) return null;
       const datasetKey = createDatasetKey(datasetIdentifier.country, locale);
       return getDataName(datasetKey, countryCode);
     },
@@ -3926,15 +3957,31 @@ const Tag = ({
     children
   });
 };
-const styles$4 = {
+const adyenKycDropdown = "adyen-kyc-dropdown";
+const adyenKycDropdownButton = "adyen-kyc-dropdown-button";
+const adyenKycDropdownButtonActive = "adyen-kyc-dropdown-button--active";
+const adyenKycFilterInput = "adyen-kyc-filter-input";
+const adyenKycDropdownList = "adyen-kyc-dropdown-list";
+const adyenKycDropdownListTransformer = "adyen-kyc-dropdown-list__transformer";
+const adyenKycDropdownListActive = "adyen-kyc-dropdown-list--active";
+const adyenKycDropdownElement = "adyen-kyc-dropdown-element";
+const styles$6 = {
   "adyen-kyc-dropdown": "adyen-kyc-dropdown",
+  adyenKycDropdown,
   "adyen-kyc-dropdown-button": "adyen-kyc-dropdown-button",
+  adyenKycDropdownButton,
   "adyen-kyc-dropdown-button--active": "adyen-kyc-dropdown-button--active",
+  adyenKycDropdownButtonActive,
   "adyen-kyc-filter-input": "adyen-kyc-filter-input",
+  adyenKycFilterInput,
   "adyen-kyc-dropdown-list": "adyen-kyc-dropdown-list",
+  adyenKycDropdownList,
   "adyen-kyc-dropdown-list__transformer": "adyen-kyc-dropdown-list__transformer",
+  adyenKycDropdownListTransformer,
   "adyen-kyc-dropdown-list--active": "adyen-kyc-dropdown-list--active",
-  "adyen-kyc-dropdown-element": "adyen-kyc-dropdown-element"
+  adyenKycDropdownListActive,
+  "adyen-kyc-dropdown-element": "adyen-kyc-dropdown-element",
+  adyenKycDropdownElement
 };
 function SelectButtonElement({
   filterable,
@@ -3983,10 +4030,10 @@ function SelectButton({
     "aria-haspopup": "listbox",
     className: cx({
       "adyen-kyc-dropdown-button": true,
-      [styles$4["adyen-kyc-dropdown-button"]]: true,
+      [styles$6["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,
+      [styles$6["adyen-kyc-dropdown-button--active"]]: showList,
       "adyen-kyc-dropdown-button--invalid": isInvalid,
       "adyen-kyc-dropdown-field--valid": isValid,
       "adyen-kyc-dropdown-button-search": isSearch
@@ -4056,7 +4103,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", [styles$6["adyen-kyc-filter-input"]]),
       onInput,
       placeholder,
       ref: filterInputRef,
@@ -4144,7 +4191,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", styles$6["adyen-kyc-dropdown-element"], {
     "adyen-kyc-dropdown-element--active": selected,
     "adyen-kyc-dropdown-element--disabled": !!item.disabled,
     "adyen-kyc-dropdown-multi-element": isMulti,
@@ -4275,9 +4322,9 @@ function SelectList({
       test: true,
       "adyen-kyc-dropdown-list--above": showAbove,
       "adyen-kyc-dropdown-list": true,
-      [styles$4["adyen-kyc-dropdown-list"]]: true,
+      [styles$6["adyen-kyc-dropdown-list"]]: true,
       "adyen-kyc-dropdown-list--active": showList,
-      [styles$4["adyen-kyc-dropdown-list--active"]]: showList
+      [styles$6["adyen-kyc-dropdown-list--active"]]: showList
     }),
     id: props.selectListId,
     role: "listbox",
@@ -4480,7 +4527,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", styles$6["adyen-kyc-dropdown"], className, ...classNameModifiers.map((m) => `adyen-kyc-dropdown--${m}`)]),
     ref: selectContainerRef,
     onClick: (e) => {
       e.stopPropagation();
@@ -5514,7 +5561,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
     }
   },
@@ -6355,7 +6402,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}$/
@@ -6702,13 +6749,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"
       }
     }
   },
@@ -6904,18 +6949,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"
             }
           }
         };
@@ -7410,6 +7453,7 @@ const MaskedInputText = ({
   value,
   onInput,
   onBlur,
+  onFocus,
   onMismatch: onMismatchExternal,
   isValid: validationIsValid,
   errorMessage,
@@ -7577,6 +7621,7 @@ Falling back to partially valid value "${fallback}"`);
         }
       },
       onFocusHandler: (event) => {
+        onFocus == null ? void 0 : onFocus();
         fieldOnFocus(event);
         setIsFocused(true);
       },
@@ -7671,7 +7716,7 @@ const companyRegistrationNumberOptions = {
   }],
   [CountryCodes.Italy]: [{
     id: "partitaIVA",
-    name: "partitaIVA"
+    name: "codiceFiscalePartitaIVA"
   }, {
     id: "CCIAA",
     name: "CCIAA"
@@ -11903,7 +11948,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) => ({
@@ -12739,11 +12784,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(() => (dataProp == null ? void 0 : dataProp.country) ? addressValidationRules(dataProp == null ? void 0 : dataProp.country) : {}, [dataProp == null ? void 0 : dataProp.country]);
+  const rulesV4 = useMemo(() => (dataProp == null ? void 0 : dataProp.country) ? addressValidationRulesV4(dataProp == null ? void 0 : dataProp.country, i18n) : {}, [dataProp == null ? void 0 : dataProp.country, i18n]);
   const {
     data,
     errors,
@@ -12771,7 +12815,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")("");
       });
@@ -12779,7 +12823,7 @@ function Address(props) {
       setShowAutocompletedAddressFields(false);
       setShowAddAddressButton(true);
     }
-  }, [dataProp.country]);
+  }, [dataProp == null ? void 0 : dataProp.country]);
   useEffect(() => {
     if (handleAddressSearch && handleFindAddress) {
       setIsHandlerPresent(true);
@@ -12790,12 +12834,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
@@ -12830,7 +12875,7 @@ function Address(props) {
       },
       isValid
     });
-    stateRef.current.setState({
+    (_b = (_a = stateRef.current).setState) == null ? void 0 : _b.call(_a, {
       type: "addToState",
       value: {
         ...addressState,
@@ -12890,8 +12935,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);
     }
@@ -12933,7 +12978,7 @@ function Address(props) {
         className: "adyen-kyc-search-address",
         children: [jsx(SearchAddress, {
           handleChangeFor,
-          data: dataProp,
+          data: dataProp ?? {},
           handleAddressSearch,
           handleFindAddress,
           legalEntityId,
@@ -12947,7 +12992,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",
@@ -14940,21 +14985,49 @@ const useIdVerificationToken = ({
     loadingStatus
   };
 };
-const styles$3 = {
+const adyenKycLoadingInputForm = "adyen-kyc-loading-input__form";
+const adyenKycLoadingInputFormLoadingOpacity0 = "adyen-kyc-loading-input__form--loading-opacity0";
+const adyenKycLoadingInputFormLoadingOpacity01 = "adyen-kyc-loading-input__form--loading-opacity0-1";
+const adyenKycLoadingInputFormLoadingOpacity02 = "adyen-kyc-loading-input__form--loading-opacity0-2";
+const adyenKycLoadingInputFormLoadingOpacity03 = "adyen-kyc-loading-input__form--loading-opacity0-3";
+const adyenKycLoadingInputFormLoadingOpacity04 = "adyen-kyc-loading-input__form--loading-opacity0-4";
+const adyenKycLoadingInputFormLoadingOpacity05 = "adyen-kyc-loading-input__form--loading-opacity0-5";
+const adyenKycLoadingInputFormLoadingOpacity06 = "adyen-kyc-loading-input__form--loading-opacity0-6";
+const adyenKycLoadingInputFormLoadingOpacity07 = "adyen-kyc-loading-input__form--loading-opacity0-7";
+const adyenKycLoadingInputFormLoadingOpacity08 = "adyen-kyc-loading-input__form--loading-opacity0-8";
+const adyenKycLoadingInputFormLoadingOpacity09 = "adyen-kyc-loading-input__form--loading-opacity0-9";
+const adyenKycLoadingInputFormLoadingOpacity1 = "adyen-kyc-loading-input__form--loading-opacity1";
+const adyenKycLoadingInputLoader = "adyen-kyc-loading-input__loader";
+const adyenKycLoadingInputLoaderActive = "adyen-kyc-loading-input__loader--active";
+const styles$5 = {
   "adyen-kyc-loading-input__form": "adyen-kyc-loading-input__form",
+  adyenKycLoadingInputForm,
   "adyen-kyc-loading-input__form--loading-opacity0": "adyen-kyc-loading-input__form--loading-opacity0",
+  adyenKycLoadingInputFormLoadingOpacity0,
   "adyen-kyc-loading-input__form--loading-opacity0-1": "adyen-kyc-loading-input__form--loading-opacity0-1",
+  adyenKycLoadingInputFormLoadingOpacity01,
   "adyen-kyc-loading-input__form--loading-opacity0-2": "adyen-kyc-loading-input__form--loading-opacity0-2",
+  adyenKycLoadingInputFormLoadingOpacity02,
   "adyen-kyc-loading-input__form--loading-opacity0-3": "adyen-kyc-loading-input__form--loading-opacity0-3",
+  adyenKycLoadingInputFormLoadingOpacity03,
   "adyen-kyc-loading-input__form--loading-opacity0-4": "adyen-kyc-loading-input__form--loading-opacity0-4",
+  adyenKycLoadingInputFormLoadingOpacity04,
   "adyen-kyc-loading-input__form--loading-opacity0-5": "adyen-kyc-loading-input__form--loading-opacity0-5",
+  adyenKycLoadingInputFormLoadingOpacity05,
   "adyen-kyc-loading-input__form--loading-opacity0-6": "adyen-kyc-loading-input__form--loading-opacity0-6",
+  adyenKycLoadingInputFormLoadingOpacity06,
   "adyen-kyc-loading-input__form--loading-opacity0-7": "adyen-kyc-loading-input__form--loading-opacity0-7",
+  adyenKycLoadingInputFormLoadingOpacity07,
   "adyen-kyc-loading-input__form--loading-opacity0-8": "adyen-kyc-loading-input__form--loading-opacity0-8",
+  adyenKycLoadingInputFormLoadingOpacity08,
   "adyen-kyc-loading-input__form--loading-opacity0-9": "adyen-kyc-loading-input__form--loading-opacity0-9",
+  adyenKycLoadingInputFormLoadingOpacity09,
   "adyen-kyc-loading-input__form--loading-opacity1": "adyen-kyc-loading-input__form--loading-opacity1",
+  adyenKycLoadingInputFormLoadingOpacity1,
   "adyen-kyc-loading-input__loader": "adyen-kyc-loading-input__loader",
-  "adyen-kyc-loading-input__loader--active": "adyen-kyc-loading-input__loader--active"
+  adyenKycLoadingInputLoader,
+  "adyen-kyc-loading-input__loader--active": "adyen-kyc-loading-input__loader--active",
+  adyenKycLoadingInputLoaderActive
 };
 const LoaderWrapper = ({
   children,
@@ -14968,12 +15041,12 @@ const LoaderWrapper = ({
   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 wrapperClass = cx("adyen-kyc-loading-input__form", styles$5["adyen-kyc-loading-input__form"], {
+    [styles$5[`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
+    [styles$5["adyen-kyc-loading-input__loader"]]: true,
+    [styles$5["adyen-kyc-loading-input__loader--active"]]: status === "loading" && showSpinner
   });
   const overlayClass = cx("adyen-kyc-loading-input", className);
   return jsxs("div", {
@@ -16483,11 +16556,19 @@ const handleKeys = (keys, callback, propagationMode = "stopIfMatches") => (event
     callback();
   }
 };
-const styles$2 = {
+const adyenKycMultiSelectList = "adyen-kyc-multi-select-list";
+const adyenKycMultiSelectListItem = "adyen-kyc-multi-select-list-item";
+const adyenKycMultiSelectListItemWithDescription = "adyen-kyc-multi-select-list-item--with-description";
+const adyenKycCheckboxLabel = "adyen-kyc-checkbox__label";
+const styles$4 = {
   "adyen-kyc-multi-select-list": "adyen-kyc-multi-select-list",
+  adyenKycMultiSelectList,
   "adyen-kyc-multi-select-list-item": "adyen-kyc-multi-select-list-item",
+  adyenKycMultiSelectListItem,
   "adyen-kyc-multi-select-list-item--with-description": "adyen-kyc-multi-select-list-item--with-description",
-  "adyen-kyc-checkbox__label": "adyen-kyc-checkbox__label"
+  adyenKycMultiSelectListItemWithDescription,
+  "adyen-kyc-checkbox__label": "adyen-kyc-checkbox__label",
+  adyenKycCheckboxLabel
 };
 const MultiSelectList = ({
   options,
@@ -16495,7 +16576,7 @@ const MultiSelectList = ({
   onSelect,
   mapToSelectItem
 }) => jsx("ul", {
-  className: styles$2["adyen-kyc-multi-select-list"],
+  className: styles$4["adyen-kyc-multi-select-list"],
   children: options.map((option) => {
     const item = mapToSelectItem(option);
     const isSelected = selected.includes(option);
@@ -16509,8 +16590,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([styles$4["adyen-kyc-multi-select-list-item"], {
+        [styles$4["adyen-kyc-multi-select-list-item--with-description"]]: !!item.description
       }])
     }, item.id);
   })
@@ -16531,7 +16612,7 @@ const DecisionMakerRoleComponent = (props) => {
     fieldValidationErrors,
     requiredFields,
     allowedRoles,
-    trustedRoles
+    trustedRoles = []
   } = props;
   const {
     i18n
@@ -16589,7 +16670,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)
         })
       })
     })]
@@ -19449,7 +19530,8 @@ function InstantBankVerification({
           case "GENERIC_ERROR":
             errorTitle = i18n.get("ranIntoTechnicalError");
             break;
-          case "UNKNOWN_ERROR": {
+          case "UNKNOWN_ERROR":
+          default: {
             errorTitle = i18n.get("couldNotCompleteAccountCheck");
             break;
           }
@@ -19608,12 +19690,6 @@ function BankVerification(props) {
   });
 }
 const BankVerification$1 = memo(BankVerification);
-const CoreContext = createContext(void 0);
-const useCoreContext = () => {
-  const context = useContext(CoreContext);
-  if (!context) throw Error("You need a <CoreProvider> to use core context");
-  return context;
-};
 const countriesWithMultipleCurrencies = /* @__PURE__ */ new Set([CountryCodes.Bulgaria, CountryCodes.Canada, CountryCodes.Croatia, CountryCodes.CzechRepublic, CountryCodes.Hungary, CountryCodes.Romania, CountryCodes.Switzerland]);
 const countriesWithLocalFormat = /* @__PURE__ */ new Set([CountryCodes.Denmark, CountryCodes.Norway, CountryCodes.Poland, CountryCodes.Sweden, CountryCodes.UnitedKingdom]);
 const payoutCurrencySupport = {
@@ -19626,6 +19702,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) => {
@@ -19777,7 +19854,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);
@@ -19795,6 +19874,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");
@@ -19821,8 +19904,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")
@@ -20093,7 +20177,7 @@ const defaultFieldConfig$2 = {
     }
   },
   [CountryCodes.UnitedStates]: {
-    label: "achRoutingNumber",
+    label: "routingNumber",
     validators: validatePatternOnBlur(/^\d{9}$/),
     mask: {
       mask: makeMask(...numericInputs(9))
@@ -20136,7 +20220,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);
@@ -20156,6 +20242,10 @@ function BranchCode(props) {
   const {
     updateStateSlice
   } = useGlobalDataSlice("payoutAccountDetails", "branchCode");
+  const handleBlur = () => {
+    onBlur == null ? void 0 : onBlur();
+    handleChangeFor("branchCode", "blur");
+  };
   useEffect(() => {
     updateStateSlice({
       data,
@@ -20179,7 +20269,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
@@ -20517,6 +20608,48 @@ function SwiftCode(props) {
     "aria-invalid": !valid.swiftCode
   });
 }
+const adyenKycCheckGuidance = "adyen-kyc-check-guidance";
+const adyenKycCheckGuidanceImage = "adyen-kyc-check-guidance__image";
+const adyenKycCheckGuidanceImageAnnotated = "adyen-kyc-check-guidance__image--annotated";
+const adyenKycCheckGuidanceImageInactive = "adyen-kyc-check-guidance__image--inactive";
+const adyenKycUsCheckAccountNumber = "adyen-kyc-us-check-account-number";
+const adyenKycUsCheckRoutingNumber = "adyen-kyc-us-check-routing-number";
+const styles$3 = {
+  "adyen-kyc-check-guidance": "adyen-kyc-check-guidance",
+  adyenKycCheckGuidance,
+  "adyen-kyc-check-guidance__image": "adyen-kyc-check-guidance__image",
+  adyenKycCheckGuidanceImage,
+  "adyen-kyc-check-guidance__image--annotated": "adyen-kyc-check-guidance__image--annotated",
+  adyenKycCheckGuidanceImageAnnotated,
+  "adyen-kyc-check-guidance__image--inactive": "adyen-kyc-check-guidance__image--inactive",
+  adyenKycCheckGuidanceImageInactive,
+  "adyen-kyc-us-check-account-number": "adyen-kyc-us-check-account-number",
+  adyenKycUsCheckAccountNumber,
+  "adyen-kyc-us-check-routing-number": "adyen-kyc-us-check-routing-number",
+  adyenKycUsCheckRoutingNumber
+};
+const CheckGuidance = ({
+  annotated
+}) => jsxs("div", {
+  className: styles$3["adyen-kyc-check-guidance"],
+  children: [jsx(Svg, {
+    type: "image",
+    name: "us-check-account-number",
+    className: cx(styles$3["adyen-kyc-check-guidance__image"], styles$3["adyen-kyc-check-guidance__image--annotated"], {
+      [styles$3["adyen-kyc-check-guidance__image--inactive"]]: annotated !== "account"
+    })
+  }), jsx(Svg, {
+    type: "image",
+    name: "us-check-routing-number",
+    className: cx(styles$3["adyen-kyc-check-guidance__image"], styles$3["adyen-kyc-check-guidance__image--annotated"], {
+      [styles$3["adyen-kyc-check-guidance__image--inactive"]]: annotated !== "routing"
+    })
+  }), jsx(Svg, {
+    name: "us-check",
+    type: "image",
+    className: styles$3["adyen-kyc-check-guidance__image"]
+  })]
+});
 const payoutAccountFields = ["accountHolder", ...ibanFields, ...branchCodeFields, ...swiftCodeFields, ...currencyFields, ...bankAccountNumberFields, ...bankNameFields, ...bankCodeFields];
 function PayoutAccountComponent(props) {
   const {
@@ -20527,16 +20660,19 @@ function PayoutAccountComponent(props) {
   const {
     i18n
   } = useI18nContext();
+  const [checkAnnotation, setCheckAnnotation] = useState();
   const {
     isSettingEnabled
   } = useSettingsContext();
   const bankAccountFormatSelectionAllowed = isSettingEnabled(SettingNames.AllowBankAccountFormatSelection);
   const {
+    heading,
     country,
     id,
     legalEntityResponse,
     requiredFields = []
   } = props;
+  const showCheckGuidance = shouldShowCheckGuidance(country);
   const {
     data,
     valid,
@@ -20579,19 +20715,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),
@@ -20615,7 +20747,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,
@@ -20633,12 +20767,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")
     })]
   });
 }
@@ -23998,12 +24138,22 @@ const dbaNameFieldMetadata = {
   label: "dbaName",
   validators: [validateNotEmptyOnBlur]
 };
-const styles$1 = {
+const adyenKycStructuredList = "adyen-kyc-structured-list";
+const adyenKycStructuredListListItem = "adyen-kyc-structured-list__list-item";
+const adyenLayoutMd = "adyen-layout-md";
+const adyenKycStructuredListLabel = "adyen-kyc-structured-list__label";
+const adyenKycStructuredListValue = "adyen-kyc-structured-list__value";
+const styles$2 = {
   "adyen-kyc-structured-list": "adyen-kyc-structured-list",
+  adyenKycStructuredList,
   "adyen-kyc-structured-list__list-item": "adyen-kyc-structured-list__list-item",
+  adyenKycStructuredListListItem,
   "adyen-layout-md": "adyen-layout-md",
+  adyenLayoutMd,
   "adyen-kyc-structured-list__label": "adyen-kyc-structured-list__label",
-  "adyen-kyc-structured-list__value": "adyen-kyc-structured-list__value"
+  adyenKycStructuredListLabel,
+  "adyen-kyc-structured-list__value": "adyen-kyc-structured-list__value",
+  adyenKycStructuredListValue
 };
 const StructuredList = ({
   items
@@ -24012,14 +24162,14 @@ const StructuredList = ({
     i18n
   } = useI18nContext();
   return jsx("dl", {
-    className: styles$1["adyen-kyc-structured-list"],
+    className: styles$2["adyen-kyc-structured-list"],
     children: items.map((item) => jsxs("div", {
-      className: styles$1["adyen-kyc-structured-list__list-item"],
+      className: styles$2["adyen-kyc-structured-list__list-item"],
       children: [jsx("dt", {
-        className: styles$1["adyen-kyc-structured-list__label"],
+        className: styles$2["adyen-kyc-structured-list__label"],
         children: i18n.get(item.labelKey)
       }), jsx("dd", {
-        className: styles$1["adyen-kyc-structured-list__value"],
+        className: styles$2["adyen-kyc-structured-list__value"],
         children: item.value
       })]
     }, item.labelKey))
@@ -24468,8 +24618,8 @@ function AdditionalInformationComponent({
           variant: "title",
           children: i18n.get("registeredBusinessAddress")
         }), jsx(Typography, {
-          el: "h4",
-          variant: "caption",
+          el: "p",
+          variant: "body",
           children: i18n.get("registeredBusinessAddressDescription")
         })]
       }), jsx(Address, {
@@ -24498,8 +24648,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, {
@@ -24679,8 +24829,8 @@ function BusinessInformationCard({
   result,
   selectedBusinessId,
   currentBusinessSelection,
-  fetching,
-  failedToLoad,
+  fetchStatus,
+  verifyStatus,
   invalidTin,
   resetTinVerification,
   setIsBusinessSelection,
@@ -24690,9 +24840,9 @@ function BusinessInformationCard({
   const {
     i18n
   } = useI18nContext();
-  const showSelectButton = !fetching && !failedToLoad && currentBusinessSelection;
+  const showSelectButton = fetchStatus !== "loading" && fetchStatus !== "error" && currentBusinessSelection;
   const selectBusiness = (searchResult) => {
-    if (failedToLoad && selectedBusinessId === searchResult.id) return;
+    if (fetchStatus === "error" && selectedBusinessId === searchResult.id) return;
     return handleSelectBusiness(searchResult);
   };
   const handleGoBack = () => {
@@ -24705,7 +24855,7 @@ function BusinessInformationCard({
     title: result.name,
     subTitle: result.registrationNumber,
     stateful: true,
-    fetching: fetching && selectedBusinessId === result.id,
+    fetching: fetchStatus === "loading" && selectedBusinessId === result.id,
     active: selectedBusinessId === result.id,
     headerButton: selectedBusinessId === result.id && showSelectButton ? jsx(Button, {
       label: i18n.get("thisIsMyBusiness"),
@@ -24727,7 +24877,11 @@ function BusinessInformationCard({
           showAsLink: true
         }),
         testId: "invalidTin"
-      }), failedToLoad && jsx(Alert, {
+      }), verifyStatus === "error" && jsx(Alert, {
+        variant: "error",
+        title: i18n.get("businessSelection__tinVerificationFailure"),
+        testId: "tinVerificationFailure"
+      }), fetchStatus === "error" && jsx(Alert, {
         variant: "info",
         type: "callToAction",
         title: i18n.get("businessSelection__failedToLoad"),
@@ -24738,8 +24892,8 @@ function BusinessInformationCard({
           showAsLink: true
         }),
         testId: "failedToLoad"
-      }), !failedToLoad && jsx(BusinessInformation, {
-        fetching,
+      }), fetchStatus !== "error" && jsx(BusinessInformation, {
+        fetching: fetchStatus === "loading",
         selectedBusiness: currentBusinessSelection
       })]
     })
@@ -24748,10 +24902,10 @@ function BusinessInformationCard({
 const logger$n = createLogger("BusinessSelection");
 function BusinessSelectionComponent({
   showCompanyStructure,
-  isSearching,
-  isFetching,
-  isVerifying,
-  isClearingTrustedData,
+  searching,
+  fetching,
+  verifying,
+  resettingTrustedData,
   searchResults,
   invalidTin,
   fetchBusinessData,
@@ -24779,19 +24933,19 @@ function BusinessSelectionComponent({
   }, [setShowCompanyStructure, verifyBusinessData]);
   const handleSelectBusiness = useCallback(async (result) => {
     try {
-      if (isFetching === "loading") return;
+      if (fetching === "loading") return;
       if (!selectedBusinessId || selectedBusinessId !== result.id) {
         setSelectedBusinessId(result.id);
         const businessData = await fetchBusinessData(result);
         setCurrentBusinessSelection(businessData);
-      } else if (isFetching === "error") {
+      } else if (fetching === "error") {
         const businessData = await fetchBusinessData(result);
         setCurrentBusinessSelection(businessData);
       }
     } catch (e) {
       logger$n.error(e);
     }
-  }, [fetchBusinessData, isFetching, selectedBusinessId]);
+  }, [fetchBusinessData, fetching, selectedBusinessId]);
   const handleConfirmSelection = useCallback(async (data) => {
     if (!currentTin) return;
     try {
@@ -24803,7 +24957,7 @@ function BusinessSelectionComponent({
       logger$n.error(e);
     }
   }, [currentTin, handleNextClick, handleBusinessVerification]);
-  const showLoader = isSearching === "loading" || isVerifying === "loading" || isClearingTrustedData === "loading" || isFetching === "loading" && (searchResults == null ? void 0 : searchResults.length) === 1;
+  const showLoader = searching === "loading" || verifying === "loading" || resettingTrustedData === "loading" || fetching === "loading" && (searchResults == null ? void 0 : searchResults.length) === 1;
   const businessSelectionClasses = cx("adyen-kyc-business-selection", {
     "adyen-kyc-business-selection--loading": showLoader
   });
@@ -24828,8 +24982,8 @@ function BusinessSelectionComponent({
             result,
             selectedBusinessId,
             currentBusinessSelection,
-            fetching: isFetching === "loading",
-            failedToLoad: isFetching === "error",
+            fetchStatus: fetching,
+            verifyStatus: verifying,
             invalidTin,
             resetTinVerification,
             handleSelectBusiness,
@@ -24951,10 +25105,10 @@ function BasicInformationComponent({
   showBusinessSelection,
   showCompanyStructure,
   isActiveForm,
-  isSearching,
-  isFetching,
-  isVerifying,
-  isClearingTrustedData,
+  searching,
+  fetching,
+  verifying,
+  resettingTrustedData,
   searchResults,
   invalidTin,
   verifiedBusiness,
@@ -25079,10 +25233,10 @@ function BasicInformationComponent({
   if (showBusinessSelection) {
     return jsx(BusinessSelectionComponent, {
       showCompanyStructure,
-      isSearching,
-      isFetching,
-      isVerifying,
-      isClearingTrustedData,
+      searching,
+      fetching,
+      verifying,
+      resettingTrustedData,
       searchResults,
       invalidTin,
       fetchBusinessData,
@@ -25669,10 +25823,10 @@ function BusinessDetailsComponent(props) {
     showBusinessSelection,
     setShowBusinessSelection,
     setShowCompanyStructure,
-    isSearching,
-    isFetching,
-    isVerifying,
-    isClearingTrustedData,
+    searching,
+    fetching,
+    verifying,
+    resettingTrustedData,
     searchResults,
     invalidTin,
     verifiedBusiness,
@@ -25713,10 +25867,10 @@ function BusinessDetailsComponent(props) {
         showBusinessSelection,
         showCompanyStructure,
         isActiveForm: (activeForm == null ? void 0 : activeForm.formId) === forms2.basicInformation.formId,
-        isSearching,
-        isFetching,
-        isVerifying,
-        isClearingTrustedData,
+        searching,
+        fetching,
+        verifying,
+        resettingTrustedData,
         fetchBusinessData,
         verifyBusinessData,
         proceedToManualDataEntry,
@@ -26012,14 +26166,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", {})]
@@ -26347,16 +26501,10 @@ 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
-          })
-        })
+        children: content
       })
     });
   }
@@ -26890,9 +27038,10 @@ async function submit({
   showToast,
   clearToasts,
   handleUpdateLegalEntity,
-  onExternalSubmit
+  onExternalSubmit,
+  accountHolder
 }) {
-  var _a, _b, _c, _d;
+  var _a, _b, _c, _d, _e;
   const logger2 = createLogger("submitBusinessDetails");
   setLoadingStatus("loading");
   const trackingPayload = {
@@ -26905,7 +27054,7 @@ async function submit({
   const filteredData = removeOldDataBySchema(data, savedLegalEntityData);
   const legalEntity = {
     ...mapBusinessDetailsSchemaToLegalEntity(filteredData),
-    entityAssociations: filterOutUnwantedAssociationsIfRootLE(TaskTypes.BUSINESS_DETAILS, legalEntityResponse, entityTypeToCorrespondingAccountHolderOption[legalEntityResponse.type])
+    entityAssociations: filterOutUnwantedAssociationsIfRootLE(TaskTypes.BUSINESS_DETAILS, legalEntityResponse, ((_e = data.companyStructure) == null ? void 0 : _e.accountHolder) || accountHolder)
   };
   try {
     userEvents.addEvent(BusinessDetailsEvents.TASK_SUBMIT, {
@@ -26977,7 +27126,6 @@ function BusinessDetailsDropinComponent({
   parentLegalEntity,
   trackingConfig,
   capabilities,
-  accountHolder,
   taskName,
   hideDropinLayout,
   homeButtonLabel,
@@ -27020,6 +27168,10 @@ function BusinessDetailsDropinComponent({
     });
   }, []);
   const formRef = useRef(null);
+  const {
+    accountHolder,
+    setAccountHolder
+  } = useCoreContext();
   const {
     showToast,
     clearToasts
@@ -27038,7 +27190,7 @@ function BusinessDetailsDropinComponent({
     var _a2;
     return ((_a2 = currentState.data.basicInformation) == null ? void 0 : _a2.country) ?? country;
   }, [(_a = currentState.data.basicInformation) == null ? void 0 : _a.country, country]);
-  const [initialData, setInitialData] = useState(mapLegalEntityToBusinessDetailsSchema(legalEntityResponse, Boolean(isTargetLegalEntityType), isNewEntryFlowEnabled ? accountHolder : void 0));
+  const [initialData, setInitialData] = useState(mapLegalEntityToBusinessDetailsSchema(legalEntityResponse, Boolean(isTargetLegalEntityType), isNewEntryFlowEnabled && accountHolder ? accountHolder : void 0));
   const [trustedFields, setTrustedFields] = useState(legalEntityResponse.trustedFields);
   const documentUtils = documentApiUtils(handleCreateDocument, handleGetDocument, handleUpdateDocument);
   useEffect(() => {
@@ -27096,22 +27248,26 @@ function BusinessDetailsDropinComponent({
     data: formatDataForSummary$1(currentState.data, forms2, derivedProps == null ? void 0 : derivedProps.labels, i18n),
     omittedKeys: ["operationalAddressIsSame"]
   }), [currentState.data, derivedProps == null ? void 0 : derivedProps.labels, forms2, i18n]);
-  const submitTask = useCallback(() => submit({
-    data: currentState.data,
-    legalEntityResponse,
-    isTargetLegalEntityType: Boolean(isTargetLegalEntityType),
-    baseTrackingPayload,
-    problems: currentProblems,
-    forms: forms2,
-    documentUtils,
-    i18n,
-    setLoadingStatus,
-    setProblems: setCurrentProblems,
-    showToast,
-    clearToasts,
-    handleUpdateLegalEntity,
-    onExternalSubmit
-  }), [baseTrackingPayload, clearToasts, currentState.data, documentUtils, forms2, handleUpdateLegalEntity, i18n, isTargetLegalEntityType, legalEntityResponse, onExternalSubmit, currentProblems, showToast]);
+  const submitTask = useCallback(() => {
+    var _a2;
+    setAccountHolder(((_a2 = currentState.data.companyStructure) == null ? void 0 : _a2.accountHolder) || accountHolder);
+    return submit({
+      data: currentState.data,
+      legalEntityResponse,
+      isTargetLegalEntityType: Boolean(isTargetLegalEntityType),
+      baseTrackingPayload,
+      problems: currentProblems,
+      forms: forms2,
+      documentUtils,
+      i18n,
+      setLoadingStatus,
+      setProblems: setCurrentProblems,
+      showToast,
+      clearToasts,
+      handleUpdateLegalEntity,
+      onExternalSubmit
+    });
+  }, [baseTrackingPayload, clearToasts, currentState.data, documentUtils, forms2, handleUpdateLegalEntity, i18n, isTargetLegalEntityType, legalEntityResponse, onExternalSubmit, currentProblems, showToast]);
   const {
     handleNextClick,
     handleBackClick,
@@ -27136,10 +27292,10 @@ function BusinessDetailsDropinComponent({
     clearTrustedBusinessData,
     resetBusinessData,
     resetTinVerification,
-    isSearching,
-    isFetching,
-    isVerifying,
-    isClearingTrustedData,
+    searching,
+    fetching,
+    verifying,
+    resettingTrustedData,
     currentSearchName,
     searchResults,
     invalidTin,
@@ -27170,10 +27326,10 @@ function BusinessDetailsDropinComponent({
     }
   }, [currentCountry, (_e = currentState.data.basicInformation) == null ? void 0 : _e.taxInformation, fetchBusinessData, handleNextClick, searchForBusiness, handleVerifyBusinessData]);
   useEffect(() => {
-    if (searchResults && !searchResults.length || isSearching === "error") {
+    if (searchResults && !searchResults.length || searching === "error") {
       setShowCompanyStructure(true);
     }
-  }, [searchResults, isSearching]);
+  }, [searchResults, searching]);
   useEffect(() => {
     var _a2;
     if (((_a2 = currentState.data.basicInformation) == null ? void 0 : _a2.businessName) !== currentSearchName) {
@@ -27186,16 +27342,16 @@ function BusinessDetailsDropinComponent({
   const hideBack = useMemo(() => {
     if (!COUNTRIES_USING_COMPANY_SEARCH.includes(currentCountry)) return hideBackButton;
     if (isBusinessSelection) {
-      return isSearching === "loading" || isFetching === "loading" || isVerifying === "loading" || isClearingTrustedData === "loading" ? hideBackButton : false;
+      return searching === "loading" || fetching === "loading" || verifying === "loading" || resettingTrustedData === "loading" ? hideBackButton : false;
     }
     return hideBackButton;
-  }, [currentCountry, hideBackButton, isBusinessSelection, isSearching, isFetching, isVerifying, isClearingTrustedData]);
+  }, [currentCountry, hideBackButton, isBusinessSelection, searching, fetching, verifying, resettingTrustedData]);
   const hideHome = useMemo(() => {
     if (!COUNTRIES_USING_COMPANY_SEARCH.includes(currentCountry)) return hideHomeButton;
     if (isBusinessSelection) {
-      return isSearching === "loading" || isFetching === "loading" || isVerifying === "loading" || isClearingTrustedData === "loading" ? true : hideHomeButton;
+      return searching === "loading" || fetching === "loading" || verifying === "loading" || resettingTrustedData === "loading" ? true : hideHomeButton;
     }
-  }, [currentCountry, hideHomeButton, isBusinessSelection, isSearching, isFetching, isVerifying, isClearingTrustedData]);
+  }, [currentCountry, hideHomeButton, isBusinessSelection, searching, fetching, verifying, resettingTrustedData]);
   const goToForm = useCallback((index) => {
     var _a2, _b2, _c2, _d2, _e2, _f2;
     const form = forms2[index].formId;
@@ -27258,12 +27414,12 @@ function BusinessDetailsDropinComponent({
         return showBusinessSelection ? setShowBusinessSelection(false) : void 0;
       }
       case "companyStructure": {
-        if (isSearching === "error") {
+        if (searching === "error") {
           setShowBusinessSelection(false);
           setShowCompanyStructure(false);
           return handleBackClick == null ? void 0 : handleBackClick();
         }
-        if (isSearching !== "loading" && searchResults && !searchResults.length) {
+        if (searching !== "loading" && searchResults && !searchResults.length) {
           setShowBusinessSelection(false);
         } else if (!verifiedBusiness) setShowCompanyStructure(false);
         return handleBackClick == null ? void 0 : handleBackClick();
@@ -27277,7 +27433,7 @@ function BusinessDetailsDropinComponent({
       default:
         return handleBackClick == null ? void 0 : handleBackClick();
     }
-  }, [activeForm.formId, country, handleBackClick, handleNextClick, isSearching, searchResults, showBusinessSelection, verifiedBusiness]);
+  }, [activeForm.formId, country, handleBackClick, handleNextClick, searching, searchResults, showBusinessSelection, verifiedBusiness]);
   const proceedToManualDataEntry = useCallback(async () => {
     await clearTrustedBusinessData().then(() => setShowCompanyStructure(true));
   }, [clearTrustedBusinessData]);
@@ -27328,10 +27484,10 @@ function BusinessDetailsDropinComponent({
       invalidTin,
       resetTinVerification,
       verifiedBusiness,
-      isSearching,
-      isFetching,
-      isVerifying,
-      isClearingTrustedData,
+      searching,
+      fetching,
+      verifying,
+      resettingTrustedData,
       searchForBusiness,
       fetchBusinessData,
       verifyBusinessData,
@@ -28745,7 +28901,8 @@ function useCompanySearchTaskSubmit({
   setProblems,
   setLoadingStatus,
   onExternalSubmit,
-  handleUpdateLegalEntity
+  handleUpdateLegalEntity,
+  accountHolder
 }) {
   const {
     showToast,
@@ -28790,7 +28947,7 @@ function useCompanySearchTaskSubmit({
   const submit2 = useCallback(async ({
     data
   }) => {
-    var _a, _b, _c, _d;
+    var _a, _b, _c, _d, _e;
     setLoadingStatus("loading");
     const trackingPayload = {
       companyStructure: ((_a = data.companyStructure) == null ? void 0 : _a.entityType) ?? null,
@@ -28802,7 +28959,7 @@ function useCompanySearchTaskSubmit({
     const filteredData = removeOldDataBySchema(data, savedLegalEntityData);
     const legalEntity = {
       ...mapCompanySearchSchemaToLegalEntity(filteredData),
-      entityAssociations: filterOutUnwantedAssociationsIfRootLE(task, legalEntityResponse, entityTypeToCorrespondingAccountHolderOption[legalEntityResponse.type])
+      entityAssociations: filterOutUnwantedAssociationsIfRootLE(task, legalEntityResponse, (((_e = data.companyStructure) == null ? void 0 : _e.accountHolder) || accountHolder) ?? void 0)
     };
     try {
       userEvents.addEvent(CompanySearchEvents.TASK_SUBMIT, {
@@ -29009,7 +29166,6 @@ function CompanySearchDropinComponent({
   taskName,
   hideDropinLayout,
   homeButtonLabel,
-  accountHolder,
   onChange,
   onSubmit: onExternalSubmit,
   handleHomeClick,
@@ -29036,6 +29192,10 @@ function CompanySearchDropinComponent({
   useEffect(() => {
     onChange == null ? void 0 : onChange(currentState);
   }, [currentState, onChange]);
+  const {
+    accountHolder,
+    setAccountHolder
+  } = useCoreContext();
   const formRef = useRef(null);
   const {
     showToast
@@ -29051,7 +29211,7 @@ function CompanySearchDropinComponent({
   } = useExperimentsContext();
   const isNewEntryFlowEnabled = useEnableNewEntryFlow();
   const [loadingStatus, setLoadingStatus] = useState("success");
-  const [initialData, setInitialData] = useState(mapLegalEntityToCompanySearchSchema(legalEntityResponse, Boolean(isTargetLegalEntityType), isNewEntryFlowEnabled ? accountHolder : void 0));
+  const [initialData, setInitialData] = useState(mapLegalEntityToCompanySearchSchema(legalEntityResponse, Boolean(isTargetLegalEntityType), isNewEntryFlowEnabled && accountHolder ? accountHolder : void 0));
   const country = useMemo(() => {
     var _a2;
     return ((_a2 = currentState.data.companyBasics) == null ? void 0 : _a2.country) ?? parentCountry;
@@ -29141,7 +29301,8 @@ function CompanySearchDropinComponent({
     setProblems,
     setLoadingStatus,
     onExternalSubmit,
-    handleUpdateLegalEntity
+    handleUpdateLegalEntity,
+    accountHolder
   });
   const {
     handleNextClick,
@@ -29179,9 +29340,13 @@ function CompanySearchDropinComponent({
     activeForm,
     validateForm: () => setShouldValidate(true),
     baseTrackingPayload,
-    onSubmit: () => submit2({
-      data: currentState.data
-    }),
+    onSubmit: () => {
+      var _a2;
+      setAccountHolder(((_a2 = currentState.data.companyStructure) == null ? void 0 : _a2.accountHolder) || accountHolder);
+      return submit2({
+        data: currentState.data
+      });
+    },
     problems,
     canSubmit: canSubmitForm,
     summary: summaryData,
@@ -32744,7 +32909,8 @@ function IndividualDropinComponent({
         }
       });
       const accountHolderToEvaluated = ((_c2 = dataSubmitted.personalDetails) == null ? void 0 : _c2.accountHolder) || accountHolder;
-      legalEntity.entityAssociations = filterOutUnwantedAssociationsIfRootLE(taskType, legalEntityResponse, accountHolderToEvaluated ?? void 0);
+      const filteredEntityAssociation = filterOutUnwantedAssociationsIfRootLE(taskType, legalEntityResponse, accountHolderToEvaluated || void 0);
+      legalEntity.entityAssociations = filteredEntityAssociation;
       const createdLegalEntity = await submitLegalEntity({
         dataSubmitted,
         legalEntity,
@@ -34475,7 +34641,8 @@ const serviceAgreementTypesTranslationMapping = {
   adyenAccount: "businessAccountTerms",
   adyenCard: "cardUserTerms",
   adyenFranchisee: "franchiseesTAndCs",
-  adyenPccr: "pccr"
+  adyenPccr: "pccr",
+  adyenChargeCard: "chargeCardUserAgreement"
 };
 const logger$e = createLogger("ServiceAgreementDropinComponent");
 const FALLBACK_LANGUAGE_CODE = "en";
@@ -36428,7 +36595,6 @@ function DropinComposerComponent({
         handleVerifyTin: args.handleVerifyTin,
         onTypeSwitch: navigateToTypeSwitcher,
         isTargetLegalEntityType: legalEntityType === LegalEntityType.ORGANIZATION,
-        accountHolder,
         trustedFields: singpassTrustedFields,
         trustedFieldsProvider: isEligibleForSingpass && TrustedFieldsProvider.SINGPASS
       });
@@ -36468,8 +36634,7 @@ function DropinComposerComponent({
           handleVerifyTin: args.handleVerifyTin,
           handleClearCompanyData: args.handleClearCompanyData,
           onTypeSwitch: navigateToTypeSwitcher,
-          isTargetLegalEntityType: legalEntityType === LegalEntityType.ORGANIZATION,
-          accountHolder
+          isTargetLegalEntityType: legalEntityType === LegalEntityType.ORGANIZATION
         })
       });
     case TaskTypes.TRUST_MEMBER_COMPANY:
@@ -37177,6 +37342,19 @@ var OnboardingStatus = /* @__PURE__ */ ((OnboardingStatus2) => {
   OnboardingStatus2["VERIFIED"] = "VERIFIED";
   return OnboardingStatus2;
 })(OnboardingStatus || {});
+const adyenKycSkeleton = "adyen-kyc-skeleton";
+const skeleton = "skeleton";
+const adyenKycSkeletonCircle = "adyen-kyc-skeleton__circle";
+const adyenKycSkeletonText = "adyen-kyc-skeleton__text";
+const styles$1 = {
+  "adyen-kyc-skeleton": "adyen-kyc-skeleton",
+  adyenKycSkeleton,
+  skeleton,
+  "adyen-kyc-skeleton__circle": "adyen-kyc-skeleton__circle",
+  adyenKycSkeletonCircle,
+  "adyen-kyc-skeleton__text": "adyen-kyc-skeleton__text",
+  adyenKycSkeletonText
+};
 const Skeleton = ({
   circle = false,
   text = false,
@@ -37184,8 +37362,8 @@ const Skeleton = ({
   width
 }) => {
   const classNames = cx("adyen-kyc-skeleton", {
-    "adyen-kyc-skeleton__circle": circle,
-    "adyen-kyc-skeleton__text": text
+    [styles$1["adyen-kyc-skeleton__circle"]]: circle,
+    [styles$1["adyen-kyc-skeleton__text"]]: text
   });
   return jsx("div", {
     className: classNames,
@@ -37195,13 +37373,25 @@ const Skeleton = ({
     }
   });
 };
+const adyenKycEmbeddedStatus = "adyen-kyc-embedded-status";
+const adyenKycEmbeddedStatusLoading = "adyen-kyc-embedded-status--loading";
+const adyenKycEmbeddedStatusAvatar = "adyen-kyc-embedded-status__avatar";
+const adyenKycEmbeddedStatusLight = "adyen-kyc-embedded-status--light";
+const adyenKycEmbeddedStatusIcon = "adyen-kyc-embedded-status__icon";
+const adyenKycEmbeddedStatusInfo = "adyen-kyc-embedded-status__info";
 const styles = {
   "adyen-kyc-embedded-status": "adyen-kyc-embedded-status",
+  adyenKycEmbeddedStatus,
   "adyen-kyc-embedded-status--loading": "adyen-kyc-embedded-status--loading",
+  adyenKycEmbeddedStatusLoading,
   "adyen-kyc-embedded-status__avatar": "adyen-kyc-embedded-status__avatar",
+  adyenKycEmbeddedStatusAvatar,
   "adyen-kyc-embedded-status--light": "adyen-kyc-embedded-status--light",
+  adyenKycEmbeddedStatusLight,
   "adyen-kyc-embedded-status__icon": "adyen-kyc-embedded-status__icon",
-  "adyen-kyc-embedded-status__info": "adyen-kyc-embedded-status__info"
+  adyenKycEmbeddedStatusIcon,
+  "adyen-kyc-embedded-status__info": "adyen-kyc-embedded-status__info",
+  adyenKycEmbeddedStatusInfo
 };
 const statusToTag = (status) => {
   switch (status) {
@@ -37267,8 +37457,8 @@ 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
+      [styles["adyen-kyc-embedded-status--loading"]]: loading,
+      [styles["adyen-kyc-embedded-status--light"]]: light
     }),
     onClick,
     children: [jsx("section", {
@@ -39436,7 +39626,7 @@ const ConfigurationApiProvider = ({
     isEmbeddedDropin,
     loadingContext
   } = authContext;
-  const sdkVersion = "2.54.0";
+  const sdkVersion = "2.55.0";
   useAnalytics({
     onUserEvent,
     legalEntityId: rootLegalEntityId,
@@ -40114,7 +40304,7 @@ const DebugModal = ({
   };
   const copyToClipboard = async () => {
     const toCopy = {
-      sdkVersion: "2.54.0",
+      sdkVersion: "2.55.0",
       experiments: Object.fromEntries(allExperimentsWithValues),
       settings: Object.fromEntries(allSettingsWithValues)
     };
@@ -40153,7 +40343,7 @@ const DebugModal = ({
       children: [jsxs("div", {
         className: "adyen-kyc-debug-modal__meta",
         children: [jsxs("span", {
-          children: ["SDK version: ", "2.54.0"]
+          children: ["SDK version: ", "2.55.0"]
         }), jsxs("span", {
           children: ["rootLegalEntityId: ", rootLegalEntityId]
         })]