@adyen/kyc-components 2.59.6 → 2.59.8

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

@@ -4,6 +4,7 @@ import { createContext, isValidElement, createElement, render } from "preact";
 import { sanitize } from "isomorphic-dompurify";
 import cx from "classnames";
 import { lazy, Suspense, forwardRef, memo, useMemo as useMemo$1 } from "preact/compat";
+import debounce$1 from "lodash-es/debounce";
 import isISIN from "validator/es/lib/isISIN.js";
 import OpenBankingSDK from "@adyen/openbankingsdk";
 import { jsxs as jsxs$1, jsx as jsx$1 } from "preact/compat/jsx-runtime";
@@ -3726,14 +3727,6 @@ const Field = ({
     }
   );
 };
-const useDebounce = (value, delay) => {
-  const [debouncedValue, setDebouncedValue] = useState(value);
-  useEffect(() => {
-    const handler = setTimeout(() => setDebouncedValue(value), delay);
-    return () => clearTimeout(handler);
-  }, [value, delay]);
-  return debouncedValue;
-};
 const getScrollParent = (node) => {
   if (!node) return null;
   const isElement = node instanceof HTMLElement;
@@ -4153,6 +4146,7 @@ const Select = ({
   const active = items.filter((i) => !isMulti ? i.id === selected : selected == null ? void 0 : selected.includes(i.id)) || [];
   const [isShowListAbove, setIsShowListAbove] = useState(false);
   const [scrollParent, setScrollParent] = useState(null);
+  const debouncedOnSearch = useCallback(debounce$1(onSearch, 500), [onSearch]);
   const closeList = () => {
     if (!onSearchTextChange) setTextFilter(null);
     setIsShowList(false);
@@ -4251,6 +4245,9 @@ const Select = ({
   };
   const handleTextFilter = (e) => {
     const { value } = e.target;
+    if (isSearch && value.length > 2) {
+      debouncedOnSearch(value);
+    }
     if (onSearchTextChange) {
       onSearchTextChange == null ? void 0 : onSearchTextChange(value);
       setTextFilter(value);
@@ -4258,12 +4255,6 @@ const Select = ({
       setTextFilter(value.toLowerCase());
     }
   };
-  const debouncedTextFilter = useDebounce(textFilter, 500);
-  useEffect(() => {
-    if (isSearch && (debouncedTextFilter == null ? void 0 : debouncedTextFilter.length) > 2) {
-      onSearch(debouncedTextFilter);
-    }
-  }, [debouncedTextFilter]);
   const toggleList = (e) => {
     e.preventDefault();
     if (isShowList) {
@@ -24894,7 +24885,7 @@ function AdditionalInformationComponent({
       if (currentData.exemptedFromVat) {
         fieldsToRemove.push("vatNumber");
       } else {
-        fieldsToRemove.push("exemptedFromVat", "vatAbsenceReason");
+        fieldsToRemove.push("vatAbsenceReason");
       }
       if (currentData.exemptedFromTax) {
         fieldsToRemove.push("taxInformation");
@@ -39419,7 +39410,7 @@ const ConfigurationApiProvider = ({
 }) => {
   const authContext = useAuthContext();
   const { isEmbeddedDropin, loadingContext } = authContext;
-  const sdkVersion = "2.59.6";
+  const sdkVersion = "2.59.8";
   useAnalytics({
     onUserEvent,
     legalEntityId: rootLegalEntityId,
@@ -40092,7 +40083,7 @@ const DebugModal = ({ rootLegalEntityId, onExit, getRootLegalEntity }) => {
   };
   const copyToClipboard = async () => {
     const toCopy = {
-      sdkVersion: "2.59.6",
+      sdkVersion: "2.59.8",
       experiments: Object.fromEntries(allExperimentsWithValues),
       settings: Object.fromEntries(allSettingsWithValues)
     };
@@ -40157,7 +40148,7 @@ const DebugModal = ({ rootLegalEntityId, onExit, getRootLegalEntity }) => {
     /* @__PURE__ */ jsx("div", { className: "adyen-kyc-debug-modal__meta", children: /* @__PURE__ */ jsx("table", { children: /* @__PURE__ */ jsxs("tbody", { children: [
       /* @__PURE__ */ jsx("tr", { children: /* @__PURE__ */ jsxs("td", { children: [
         /* @__PURE__ */ jsx("span", { className: "adyen-kyc-debug-modal__table-key", children: "SDK version" }),
-        /* @__PURE__ */ jsx(Tag, { variant: "green", className: "adyen-kyc-tag--large", children: "2.59.6" })
+        /* @__PURE__ */ jsx(Tag, { variant: "green", className: "adyen-kyc-tag--large", children: "2.59.8" })
       ] }) }),
       /* @__PURE__ */ jsx("tr", { children: /* @__PURE__ */ jsxs("td", { children: [
         /* @__PURE__ */ jsx("span", { className: "adyen-kyc-debug-modal__table-key", children: "rootLegalEntityId" }),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@adyen/kyc-components",
-  "version": "2.59.6",
+  "version": "2.59.8",
   "keywords": [
     "adyen",
     "adyen-kyc",
@@ -84,6 +84,7 @@
     "@adyen/ui-assets-icons-16": "^4.3.0",
     "classnames": "^2.3.2",
     "isomorphic-dompurify": "^0.13.0",
+    "lodash-es": "^4.17.21",
     "onfido-sdk-ui": "12.3.5",
     "preact": "^10.17.1",
     "validator": "^13.5.2"
@@ -132,7 +133,6 @@
     "eslint-plugin-simple-import-sort": "^10.0.0",
     "inquirer": "^9.2.10",
     "jsdom": "^20.0.3",
-    "lodash-es": "^4.17.21",
     "msw": "^2.3.5",
     "phone": "^3.1.40",
     "postcss": "^8.4.29",

package/dist/types/core/hooks/useDebounce.d.ts

@@ -1 +0,0 @@
-export declare const useDebounce: <T extends string>(value: T, delay: number) => T;