@adyen/kyc-components 3.42.0 → 3.42.1

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

@@ -82,6 +82,7 @@ const defaultLocaleTranslations = {
   accountNumber: "Account number",
   accountNumberOrIbanVisible: "Includes your account number or IBAN",
   accountNumberVisible: "Includes your account number",
+  accountNumberFullOrPartialVisible: "Includes your full or partial account number",
   accountVerification: "Account Verification",
   acknowledgePciRequirements: "We hereby acknowledge that we must remain compliant with the aforementioned PCI DSS requirements at all times as long as we want to receive payments. Consequently, we must continuously reassess our environment and implement any additional PCI DSS requirements if our environment changes.",
   actionNeeded: "Action needed",
@@ -301,6 +302,7 @@ const defaultLocaleTranslations = {
   customerSupport: "Customer support",
   cyRegistrationNumber: "Αριθμός Εγγραφής",
   dateCannotBeInTheFuture: "Date cannot be in the future",
+  datedInTheLastXMonths: "Dated in the last %{number} months",
   dateOfIncorporation: "Date of incorporation",
   dateOfTotalAssetsCalculation: "The date on which total assets and annual turnover were calculated is often the balance sheet date.",
   dateOnDocumentNoOlderThanXMonths: "Date on the document is no older than %{numberOfMonths} months",
@@ -726,6 +728,7 @@ const defaultLocaleTranslations = {
   hasToBeOfficialDocumentFromBank: "Includes the bank logo, bank name, or bank-specific font",
   helpUsVerifyCompany: "Help us verify this company.",
   hideDetails: "Hide details",
+  highResolutionCheck: "High-resolution image showing the full check with clearly visible security features",
   hkid: "HKID Number",
   howDoesVerificationWithOurPartnerWorks: "How does verification with our partner %{provider} work?",
   howVerificationWithOnfidoWork: "How does verification with our partner Onfido work?",
@@ -865,7 +868,6 @@ const defaultLocaleTranslations = {
   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",
   issuedOrSignedByALegalRepresentative: "Issued or signed by a legal representative in the last 12 months",
   issuerState: "Issuing state",
   jobTitle: "Job title",
@@ -2923,7 +2925,6 @@ var ExperimentNames = /* @__PURE__ */ ((ExperimentNames2) => {
   ExperimentNames2["EnableKompanySearchByRegistrationNumber"] = "EnableKompanySearchByRegistrationNumber";
   ExperimentNames2["EnableNewAddressComponent"] = "EnableNewAddressComponent";
   ExperimentNames2["EnableNewPhoneField"] = "EnableNewPhoneField";
-  ExperimentNames2["EnableBankDocumentLimitedToBankStatement"] = "EnableBankDocumentLimitedToBankStatement";
   ExperimentNames2["AllowMoreRolesForMainRootTrustee"] = "AllowMoreRolesForMainRootTrustee";
   ExperimentNames2["ShowUnsupportedEntityType"] = "ShowUnsupportedEntityType";
   ExperimentNames2["ShowSingPassButtonForCompanies"] = "ShowSingPassButtonForCompanies";
@@ -4101,6 +4102,7 @@ const SelectListItem = ({
 );
 const VISIBLE_ITEMS = 5;
 function SelectList({
+  selectListId,
   active,
   items,
   showList,
@@ -4110,7 +4112,8 @@ function SelectList({
   isSearch,
   loading,
   getSearchItem,
-  ...props
+  onKeyDown,
+  onSelect
 }) {
   const { i18n } = useI18nContext();
   const listRef = useRef(null);
@@ -4120,8 +4123,8 @@ function SelectList({
   useEffect(() => {
     var _a, _b, _c;
     if (listRef.current && itemHeight === 0 && showList) {
-      const height = ((_c = (_b = (_a = listRef.current) == null ? void 0 : _a.firstElementChild) == null ? void 0 : _b.firstElementChild) == null ? void 0 : _c.clientHeight) || 0;
-      setItemHeight(height);
+      const height2 = ((_c = (_b = (_a = listRef.current) == null ? void 0 : _a.firstElementChild) == null ? void 0 : _b.firstElementChild) == null ? void 0 : _c.clientHeight) || 0;
+      setItemHeight(height2);
     }
   }, [itemHeight, showList]);
   const filteredItems = items.filter((item) => {
@@ -4157,16 +4160,13 @@ function SelectList({
       }
       return /* @__PURE__ */ jsx("div", { className: "adyen-kyc-dropdown-element adyen-kyc-dropdown-element--no-options", children: i18n.get("noOptionsFound") });
     }
-    if (isSearch && (!textFilter || textFilter.length < 3)) {
-      return null;
-    }
     if (visibleItems.length) {
       return visibleItems.map((item) => /* @__PURE__ */ jsx(
         SelectListItem,
         {
           item,
-          onKeyDown: (event) => props.onKeyDown(event, item),
-          onSelect: () => props.onSelect(item),
+          onKeyDown: (event) => onKeyDown(event, item),
+          onSelect: () => onSelect(item),
           selected: !!active.find((activeItem) => activeItem.id === item.id),
           isMulti,
           isSearch,
@@ -4177,10 +4177,10 @@ function SelectList({
     }
     return null;
   };
-  const calculateMaxHeight = useCallback(
-    () => totalItems > VISIBLE_ITEMS && itemHeight ? `${itemHeight * (VISIBLE_ITEMS - 1)}px` : "auto",
-    [totalItems, itemHeight]
-  );
+  const height = useMemo(() => {
+    if (loading) return "auto";
+    return totalItems > VISIBLE_ITEMS && itemHeight ? `${itemHeight * (VISIBLE_ITEMS - 1)}px` : "auto";
+  }, [itemHeight, totalItems, loading]);
   return /* @__PURE__ */ jsx(
     "div",
     {
@@ -4190,13 +4190,13 @@ function SelectList({
         "adyen-kyc-dropdown-list": true,
         "adyen-kyc-dropdown-list--active": showList
       }),
-      id: props.selectListId,
+      id: selectListId,
       role: "listbox",
       onScroll: handleScroll,
       style: {
         overflowY: totalItems > VISIBLE_ITEMS ? "auto" : "hidden",
         position: "absolute",
-        height: calculateMaxHeight()
+        height
       },
       ref: listRef,
       children: /* @__PURE__ */ jsx(
@@ -4383,7 +4383,7 @@ function debounce(func, wait, options) {
 }
 const SELECTLIST_MAX_HEIGHT = 145;
 const Select = ({
-  items = [],
+  items,
   className = "",
   classNameModifiers = [],
   filterable = true,
@@ -4402,7 +4402,7 @@ const Select = ({
   resetSearch = false,
   loading = false,
   getSearchItem,
-  searchText,
+  searchText = "",
   onSearchTextChange,
   showSearchList
 }) => {
@@ -4417,18 +4417,17 @@ const Select = ({
   const [isShowListAbove, setIsShowListAbove] = useState(false);
   const [scrollParent, setScrollParent] = useState(null);
   const debouncedOnSearch = useCallback(debounce(onSearch, 500), [onSearch]);
-  const closeList = () => {
-    if (!onSearchTextChange) setTextFilter(null);
+  const closeList = useCallback(() => {
     setIsShowList(false);
     if (toggleButtonRef.current) toggleButtonRef.current.focus();
-  };
+  }, []);
   const showList = () => {
     let sp = scrollParent;
     if (!sp) {
       sp = getScrollParent(toggleButtonRef.current);
       setScrollParent(sp);
     }
-    if (sp !== -1) {
+    if (sp && toggleButtonRef.current) {
       const { bottom: scrollParentBottomPosition } = sp.getBoundingClientRect();
       const { bottom: toggleButtonBottomPosition } = toggleButtonRef.current.getBoundingClientRect();
       if (scrollParentBottomPosition - toggleButtonBottomPosition > SELECTLIST_MAX_HEIGHT) {
@@ -4439,26 +4438,30 @@ const Select = ({
     }
     setIsShowList(true);
   };
-  const hideList = () => {
-    setIsShowList(false);
-  };
-  const handleSelect = (selectedItem) => {
-    if (readonly) return;
-    if (isMulti) {
-      const isAlreadySelected = active.find((item) => item.id === selectedItem.id);
-      const newActiveItems = isAlreadySelected ? [...active.filter((i) => i.id !== selectedItem.id).map((i) => i.id)] : [...active.map((i) => i.id), selectedItem.id];
-      onChange({ target: { value: newActiveItems, name } });
-    } else {
-      closeList();
-      onChange({ target: { value: selectedItem.id, name } });
-    }
-  };
+  const handleSelect = useCallback(
+    (selectedItem) => {
+      if (readonly) return;
+      if (isMulti) {
+        const isAlreadySelected = active.find((item) => item.id === selectedItem.id);
+        const newActiveItems = isAlreadySelected ? [...active.filter((i) => i.id !== selectedItem.id).map((i) => i.id)] : [...active.map((i) => i.id), selectedItem.id];
+        onChange({ target: { value: newActiveItems, name: name ?? "" } });
+      } else {
+        const handleOnChange = onChange;
+        closeList();
+        handleOnChange({
+          target: { value: selectedItem.id, name: name ?? "" }
+        });
+      }
+      if (showSearchList) setIsShowList(showSearchList);
+    },
+    [active, closeList, isMulti, name, onChange, readonly, showSearchList]
+  );
   const handleButtonKeyDown = (e) => {
     var _a;
     if (e.key === KEYBOARD_KEYS.enter && filterable && isShowList && textFilter) {
       const value = e.currentTarget.value || e.target.value;
       const selectedItem = items.find((item) => item.id === value);
-      if (selectedItem && (isSearch && (value == null ? void 0 : value.length) > 2 || !isSearch)) {
+      if (selectedItem) {
         handleSelect(selectedItem);
         showList();
       } else {
@@ -4481,7 +4484,8 @@ const Select = ({
     }
   };
   const handleClickOutside = (e) => {
-    if (!selectContainerRef.current.contains(e.target)) {
+    var _a;
+    if (!((_a = selectContainerRef.current) == null ? void 0 : _a.contains(e.target))) {
       setIsShowList(false);
     }
   };
@@ -4513,22 +4517,23 @@ const Select = ({
         break;
     }
   };
-  const handleTextFilter = (e) => {
-    const { value } = e.target;
-    if (isSearch && value.length > 2) {
-      debouncedOnSearch(value);
-    }
-    if (onSearchTextChange) {
-      onSearchTextChange == null ? void 0 : onSearchTextChange(value);
+  const handleTextFilter = useCallback(
+    (e) => {
+      const { value } = e.target;
+      if (isSearch) debouncedOnSearch(value);
+      if (!onSearchTextChange) {
+        setTextFilter(value.toLowerCase());
+        return;
+      }
+      onSearchTextChange(value);
       setTextFilter(value);
-    } else {
-      setTextFilter(value.toLowerCase());
-    }
-  };
+    },
+    [debouncedOnSearch, isSearch, onSearchTextChange]
+  );
   const toggleList = (e) => {
     e.preventDefault();
     if (isShowList) {
-      hideList();
+      setIsShowList(false);
     } else {
       showList();
     }
@@ -4547,7 +4552,7 @@ const Select = ({
     }
   }, [isShowList]);
   useEffect(() => {
-    setIsShowList(showSearchList);
+    if (showSearchList !== void 0) setIsShowList(showSearchList);
   }, [showSearchList]);
   useEffect(() => {
     document.addEventListener("click", handleClickOutside, true);
@@ -4575,7 +4580,7 @@ const Select = ({
         /* @__PURE__ */ jsx(
           SelectButton,
           {
-            id: uniqueId ?? null,
+            id: uniqueId ?? void 0,
             active,
             filterInputRef,
             filterable,
@@ -4589,8 +4594,8 @@ const Select = ({
             showList: isShowList,
             toggleButtonRef,
             toggleList,
-            ariaDescribedBy: uniqueId ? `${uniqueId}${ARIA_ERROR_SUFFIX}` : null,
-            isMulti,
+            ariaDescribedBy: uniqueId ? `${uniqueId}${ARIA_ERROR_SUFFIX}` : "",
+            isMulti: Boolean(isMulti),
             showSelectedItemsAsTags,
             isSearch,
             hideSearchIcon: !!onSearchTextChange,
@@ -4609,7 +4614,7 @@ const Select = ({
             selectListRef,
             showList: isShowList,
             textFilter,
-            isMulti,
+            isMulti: Boolean(isMulti),
             showAbove: isShowListAbove,
             isSearch,
             getSearchItem,
@@ -12761,7 +12766,8 @@ const SearchAddress = ({
 }) => {
   const { i18n } = useI18nContext();
   const [items, setItems] = useState([]);
-  const [loading, setLoading] = useState(false);
+  const [isSearchLoading, setSearchLoading] = useState(false);
+  const [isFindLoading, setFindLoading] = useState(false);
   const [resetSearch, setResetSearch] = useState(false);
   const [searchText, setSearchText] = useState(null);
   const [showSearchList, setShowSearchList] = useState(false);
@@ -12778,14 +12784,18 @@ const SearchAddress = ({
   }, [data.country]);
   const onFindAddress = async (selectedAddressId) => {
     try {
+      setFindLoading(true);
       const response = await handleFindAddress(selectedAddressId);
       autocompleteAddressForm(response);
     } catch (e) {
       logger$I.error(e);
+    } finally {
+      setFindLoading(false);
     }
   };
   const onDrilldown = async (selectedAddress) => {
     try {
+      setSearchLoading(true);
       const response = await handleAddressSearch(
         { text: selectedAddress.text, country: data.country, container: selectedAddress.id },
         legalEntityId
@@ -12793,13 +12803,14 @@ const SearchAddress = ({
       setItems((response == null ? void 0 : response.results) || []);
     } catch (e) {
       logger$I.error(e);
+    } finally {
+      setSearchLoading(false);
     }
   };
   const onChange = (e) => {
     const selectedAddressId = e.target.value;
     handleChangeFor("searchAddress", "blur")(selectedAddressId);
     setResetSearch(false);
-    setLoading(true);
     const selectedAddress = items.filter((i) => i.id === selectedAddressId)[0];
     if (selectedAddress.type === "Address") {
       onFindAddress(selectedAddress.id);
@@ -12810,7 +12821,6 @@ const SearchAddress = ({
       setSearchText(`${selectedAddress.text}`);
       setShowSearchList(true);
     }
-    setLoading(false);
   };
   const formatAddressItem2 = (item) => {
     if (item.description.includes("Addresses")) {
@@ -12834,8 +12844,8 @@ const SearchAddress = ({
     if (!text) {
       setItems([]);
     } else {
-      setLoading(true);
       try {
+        setSearchLoading(true);
         const response = await handleAddressSearch({ text, country: data.country }, legalEntityId);
         if (response == null ? void 0 : response.results) {
           const modifiedItems = response.results.map(formatAddressItem2);
@@ -12845,8 +12855,9 @@ const SearchAddress = ({
         }
       } catch (e) {
         logger$I.error(e);
+      } finally {
+        setSearchLoading(false);
       }
-      setLoading(false);
     }
   };
   const getFormattedText2 = (highlightItems, text) => {
@@ -12927,7 +12938,7 @@ const SearchAddress = ({
           isSearch: true,
           resetSearch,
           onSearch: getSearchItems,
-          loading,
+          loading: isSearchLoading || isFindLoading,
           getSearchItem: generateSearchListItem2,
           isInvalid: false,
           searchText,
@@ -13588,106 +13599,129 @@ function FieldContainer({
   const { i18n } = useI18nContext();
   useEffect(() => {
     setItems([]);
-    setSearchText("");
     setResetSearch(true);
   }, [data.country]);
+  const [searchText, setSearchText] = useState(data.address ?? "");
+  useEffect(() => setSearchText(data.address ?? ""), [data.address]);
   const formUtils = createFormUtils({ data }, i18n);
   const errorMessage = formUtils.getErrorMessage(fieldName, errors ?? {}, fieldProblems);
   const value = data[fieldName];
   const labelKey = getKeyForField(fieldName, data.country);
+  const [isSearchLoading, setSearchLoading] = useState(false);
+  const [isFindLoading, setFindLoading] = useState(false);
   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([]);
+  const setAddressField = useCallback(
+    ({ 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);
+    },
+    [data.country, handleChangeFor]
+  );
+  const getSearchItems = useCallback(
+    async (text) => {
+      if (!text || !data.country) return setItems([]);
+      try {
+        setSearchLoading(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$H.error(e);
+      } finally {
+        setSearchLoading(false);
       }
-    } catch (e) {
-      logger$H.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;
-          }
-        });
+    },
+    [data.country, handleAddressSearch, legalEntityId]
+  );
+  const onDrilldown = useCallback(
+    async (address) => {
+      if (!data.country || !handleAddressSearch) return;
+      try {
+        setSearchLoading(true);
+        const response = await handleAddressSearch(
+          { text: address.text, country: data.country, container: address.id },
+          legalEntityId
+        );
+        setItems((response == null ? void 0 : response.results) ?? []);
+      } catch (e) {
+        logger$H.error(e);
+      } finally {
+        setSearchLoading(false);
       }
-    } catch (e) {
-      logger$H.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$H.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);
-  };
+    },
+    [data.country, handleAddressSearch, legalEntityId]
+  );
+  const onFindAddress = useCallback(
+    async (addressId) => {
+      try {
+        setFindLoading(true);
+        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$H.error(e);
+      } finally {
+        setFindLoading(false);
+      }
+    },
+    [handleChangeFor, handleFindAddress, schema, setAddressField]
+  );
+  const handleOnChange = useCallback(
+    (e) => {
+      const addressId = e.target.value;
+      setSelectedAddressId(addressId);
+      const selectedAddress = items.filter((i) => i.id === addressId)[0];
+      if (selectedAddress.type === "Address") {
+        onFindAddress(selectedAddress.id);
+        setSearchText(data.address ?? "");
+        setShowSearchList(false);
+      } else {
+        onDrilldown(selectedAddress);
+        setSearchText(`${selectedAddress.text}`);
+        setShowSearchList(true);
+      }
+    },
+    [data.address, items, onDrilldown, onFindAddress]
+  );
   const renderField = (field) => {
     switch (field) {
       case "address":
@@ -13711,7 +13745,7 @@ function FieldContainer({
                   name: ""
                 })),
                 selected: selectedAddressId,
-                loading,
+                loading: isSearchLoading || isFindLoading,
                 onChange: handleOnChange,
                 onSearch: getSearchItems,
                 onSearchTextChange: (text) => handleChangeFor("address", "input")(text),
@@ -20540,11 +20574,12 @@ var BankDocumentRequirement = /* @__PURE__ */ ((BankDocumentRequirement2) => {
   BankDocumentRequirement2["ACCOUNT_NAME_WITH_TRUST"] = "bankAccountNameWithTrust";
   BankDocumentRequirement2["ACCOUNT_NUMBER_OR_IBAN"] = "accountNumberOrIbanVisible";
   BankDocumentRequirement2["ACCOUNT_NUMBER"] = "accountNumberVisible";
-  BankDocumentRequirement2["ROUTING_NUMBER"] = "routingNumberVisible";
-  BankDocumentRequirement2["DATE_ON_DOCUMENT"] = "issuedInTheLastXMonths";
+  BankDocumentRequirement2["ACCOUNT_NUMBER_FULL_OR_PARTIAL"] = "accountNumberFullOrPartialVisible";
+  BankDocumentRequirement2["DATE_ON_DOCUMENT"] = "datedInTheLastXMonths";
   BankDocumentRequirement2["COUNTRY_OF_BANK"] = "showsCountryOfBankAccount";
   BankDocumentRequirement2["OFFICIAL_DOCUMENT"] = "hasToBeOfficialDocumentFromBank";
   BankDocumentRequirement2["STAMP_OR_SIGNATURE"] = "hasBankStampOrBankSignature";
+  BankDocumentRequirement2["HIGH_RESOLUTION_CHECK"] = "highResolutionCheck";
   return BankDocumentRequirement2;
 })(BankDocumentRequirement || {});
 const accountNameRequirement = {
@@ -20635,16 +20670,14 @@ const applyNamedModifiers = (country, documentModifiers) => {
   }
 };
 const getBankDocumentRequirements = (country, documentType, documentModifiers) => {
-  const baseRequirements = [
-    { key: BankDocumentRequirement.COUNTRY_OF_BANK },
-    { key: BankDocumentRequirement.OFFICIAL_DOCUMENT }
+  const isBasedInUS = country === "US";
+  const baseRequirements = isBasedInUS ? [{ key: BankDocumentRequirement.OFFICIAL_DOCUMENT }] : [
+    { key: BankDocumentRequirement.OFFICIAL_DOCUMENT },
+    { key: BankDocumentRequirement.COUNTRY_OF_BANK }
   ];
-  const accountNumberRequirement = country === "US" ? [
-    { key: BankDocumentRequirement.ACCOUNT_NUMBER },
-    { key: BankDocumentRequirement.ROUTING_NUMBER }
-  ] : [{ key: BankDocumentRequirement.ACCOUNT_NUMBER_OR_IBAN }];
-  const requireLast12Months = documentType !== BankDocumentTypes.SCREENSHOT_OF_BANK;
-  const requireStampOrSignature = documentType === BankDocumentTypes.DEPOSIT_SLIP || documentType === BankDocumentTypes.A_LETTER_FROM_YOUR_BANK;
+  const accountNumberRequirement = isBasedInUS ? documentType === BankDocumentTypes.CHECK || documentType === BankDocumentTypes.DEPOSIT_SLIP ? [{ key: BankDocumentRequirement.ACCOUNT_NUMBER }] : [{ key: BankDocumentRequirement.ACCOUNT_NUMBER_FULL_OR_PARTIAL }] : [{ key: BankDocumentRequirement.ACCOUNT_NUMBER_OR_IBAN }];
+  const requireLast12Months = isBasedInUS ? documentType === BankDocumentTypes.A_LETTER_FROM_YOUR_BANK || documentType === BankDocumentTypes.BANK_STATEMENT : documentType !== BankDocumentTypes.SCREENSHOT_OF_BANK;
+  const requireStampOrSignature = !isBasedInUS && (documentType === BankDocumentTypes.DEPOSIT_SLIP || documentType === BankDocumentTypes.A_LETTER_FROM_YOUR_BANK);
   const requirements = [
     applyNamedModifiers(country, documentModifiers),
     ...accountNumberRequirement,
@@ -20659,6 +20692,9 @@ const getBankDocumentRequirements = (country, documentType, documentModifiers) =
   if (requireStampOrSignature) {
     requirements.push({ key: BankDocumentRequirement.STAMP_OR_SIGNATURE });
   }
+  if (isBasedInUS && documentType === BankDocumentTypes.CHECK) {
+    requirements.push({ key: BankDocumentRequirement.HIGH_RESOLUTION_CHECK });
+  }
   return requirements;
 };
 const BankDocumentRequirements = ({
@@ -20707,14 +20743,8 @@ function BankDocument(props) {
     description,
     heading
   } = props;
-  const { isExperimentEnabled } = useExperimentsContext();
   const { i18n } = useI18nContext();
-  const bankDocumentLimitedToBankStatement = isExperimentEnabled(
-    "EnableBankDocumentLimitedToBankStatement"
-  );
-  const [documentType, setDocumentType] = useState(
-    bankDocumentLimitedToBankStatement ? BankDocumentTypes.BANK_STATEMENT : void 0
-  );
+  const [documentType, setDocumentType] = useState();
   const stateRef = useRef({ setState: null });
   const isBankStatementOptional = (optionalFields == null ? void 0 : optionalFields.includes("bankStatementDocument")) ?? false;
   const formUtils = createFormUtils(props, i18n);
@@ -20801,7 +20831,7 @@ function BankDocument(props) {
       }
     ),
     formUtils.isVisibleField("bankStatementDocument") && /* @__PURE__ */ jsxs(Fragment, { children: [
-      !usingExistingUploadedDocuments && !bankDocumentLimitedToBankStatement && /* @__PURE__ */ jsx(
+      !usingExistingUploadedDocuments && /* @__PURE__ */ jsx(
         Field,
         {
           name: "documentType",
@@ -20821,7 +20851,7 @@ function BankDocument(props) {
           )
         }
       ),
-      documentType && !bankDocumentLimitedToBankStatement ? /* @__PURE__ */ jsxs(Fragment, { children: [
+      documentType ? /* @__PURE__ */ jsxs(Fragment, { children: [
         country ? /* @__PURE__ */ jsx(
           BankDocumentRequirements,
           {
@@ -20861,7 +20891,7 @@ function BankDocument(props) {
         }
       ) : null
     ] }),
-    (documentType || usingExistingUploadedDocuments) && !bankDocumentLimitedToBankStatement ? /* @__PURE__ */ jsx(
+    documentType || usingExistingUploadedDocuments ? /* @__PURE__ */ jsx(
       Field,
       {
         className: "adyen-kyc-bank-document__document-description",
@@ -23564,9 +23594,9 @@ function PayoutDetails(props) {
   const verifyInstantly = ((_a = data == null ? void 0 : data.payoutVerificationMethod) == null ? void 0 : _a.payoutVerificationMethod) === "instantVerification";
   const showBankVerification = !isExperimentEnabled("EnablePreferInstantVerificationFlow") || isProviderWidgetInline(provider == null ? void 0 : provider.name);
   const bankCountry = ((_b = data == null ? void 0 : data.payoutVerificationMethod) == null ? void 0 : _b.bankCountry) ?? country;
-  const bankDocumentDescription = isExperimentEnabled("EnableBankDocumentLimitedToBankStatement") ? i18n.get(
+  const bankDocumentDescription = i18n.get(
     legalEntityResponse.type === "individual" ? "bankStatementIndividualDescription" : "bankStatementNonIndividualDescription"
-  ) : i18n.get("bankDocumentDescription");
+  );
   useEffect(() => resetData(), [resetData]);
   useEffect(() => {
     if ((activeForm == null ? void 0 : activeForm.formId) === summaryStep.formId && verifyInstantly) {
@@ -43954,7 +43984,7 @@ const ConfigurationApiProvider = ({
 }) => {
   const authContext = useAuthContext();
   const { isEmbeddedDropin, loadingContext } = authContext;
-  const sdkVersion = "3.42.0";
+  const sdkVersion = "3.42.1";
   useAnalytics({
     onUserEvent,
     legalEntityId: rootLegalEntityId,
@@ -44073,7 +44103,7 @@ const useAllowedLocales = () => {
   }, []);
   return allowedLocales;
 };
-const localeImports = /* @__PURE__ */ Object.assign({ "./locales/bg-BG.json": () => import("./bg-BG-DlNb6qPG.js"), "./locales/cs-CZ.json": () => import("./cs-CZ-Bx2-t2jA.js"), "./locales/da-DK.json": () => import("./da-DK-DZKs_7ov.js"), "./locales/de-DE.json": () => import("./de-DE-BWqkcynd.js"), "./locales/el-GR.json": () => import("./el-GR-C0KVWWIs.js"), "./locales/en-US.instructions.json": () => import("./en-US.instructions-DLPEHGI-.js"), "./locales/en-US.json": () => Promise.resolve().then(() => enUS), "./locales/es-ES.json": () => import("./es-ES-CJcNPC8D.js"), "./locales/et-EE.json": () => import("./et-EE-mSpIUjYI.js"), "./locales/fi-FI.json": () => import("./fi-FI-Cv3CtFxs.js"), "./locales/fr-FR.json": () => import("./fr-FR-BtYKoCfy.js"), "./locales/hr-HR.json": () => import("./hr-HR-Dc3ZkcUT.js"), "./locales/hu-HU.json": () => import("./hu-HU-B23BksI7.js"), "./locales/it-IT.json": () => import("./it-IT-D2D8df6o.js"), "./locales/lt-LT.json": () => import("./lt-LT-94eUKnwE.js"), "./locales/lv-LV.json": () => import("./lv-LV-LsgAwAkf.js"), "./locales/nl-NL.json": () => import("./nl-NL-aj7D61S3.js"), "./locales/no-NO.json": () => import("./no-NO-FqTZe4aj.js"), "./locales/pl-PL.json": () => import("./pl-PL-CeDF1kZg.js"), "./locales/pt-PT.json": () => import("./pt-PT-DXDG2_Kw.js"), "./locales/ro-RO.json": () => import("./ro-RO-CqZ3C4QL.js"), "./locales/sk-SK.json": () => import("./sk-SK-DFfGxfE8.js"), "./locales/sl-SI.json": () => import("./sl-SI-D-w7-teP.js"), "./locales/sv-SE.json": () => import("./sv-SE-Cx4vp_qe.js") });
+const localeImports = /* @__PURE__ */ Object.assign({ "./locales/bg-BG.json": () => import("./bg-BG-CMCcwscy.js"), "./locales/cs-CZ.json": () => import("./cs-CZ-CWoauekB.js"), "./locales/da-DK.json": () => import("./da-DK-DzEKTJHc.js"), "./locales/de-DE.json": () => import("./de-DE-B6M2anx6.js"), "./locales/el-GR.json": () => import("./el-GR-CuqLWzR5.js"), "./locales/en-US.instructions.json": () => import("./en-US.instructions-DLPEHGI-.js"), "./locales/en-US.json": () => Promise.resolve().then(() => enUS), "./locales/es-ES.json": () => import("./es-ES-9XfSDirr.js"), "./locales/et-EE.json": () => import("./et-EE-pmwl_J2R.js"), "./locales/fi-FI.json": () => import("./fi-FI-DgJSRyPl.js"), "./locales/fr-FR.json": () => import("./fr-FR-BUhY0q6T.js"), "./locales/hr-HR.json": () => import("./hr-HR-Cu45hWKx.js"), "./locales/hu-HU.json": () => import("./hu-HU-igEUooEp.js"), "./locales/it-IT.json": () => import("./it-IT-DTdhIzgZ.js"), "./locales/lt-LT.json": () => import("./lt-LT-7Ir7WV1z.js"), "./locales/lv-LV.json": () => import("./lv-LV-NrrHCjUD.js"), "./locales/nl-NL.json": () => import("./nl-NL-CfA_NFx-.js"), "./locales/no-NO.json": () => import("./no-NO-CWloqbTr.js"), "./locales/pl-PL.json": () => import("./pl-PL-BXvZOf8S.js"), "./locales/pt-PT.json": () => import("./pt-PT-BBmTWd3M.js"), "./locales/ro-RO.json": () => import("./ro-RO-CPB_OIDF.js"), "./locales/sk-SK.json": () => import("./sk-SK-C0ojvkCe.js"), "./locales/sl-SI.json": () => import("./sl-SI-qgUAiBJ9.js"), "./locales/sv-SE.json": () => import("./sv-SE-CJ7RsMEw.js") });
 const loadLocale = async (locale) => {
   const importForLocale = localeImports[`./locales/${locale}.json`];
   if (!importForLocale) {
@@ -44799,7 +44829,7 @@ const DebugModal = ({ rootLegalEntityId, onExit, getRootLegalEntity }) => {
   const { i18n } = useI18nContext();
   const [tab, setTab] = useState("metadata");
   const metadata = {
-    sdkVersion: "3.42.0",
+    sdkVersion: "3.42.1",
     locale: i18n.locale,
     rootLegalEntityId
   };