@adyen/kyc-components 3.0.0-beta.15 → 3.0.0-beta.16

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

@@ -28407,20 +28407,22 @@ const useComponentApi = (rootLegalEntityId) => {
 };
 const DEFAULT_POLLING_INTERVAL = 3e3;
 const DEFAULT_POLLING_INTERVAL_RETRY_COUNT = 3;
-function useInterval(callback, clearInterval2 = false, initialDelay = DEFAULT_POLLING_INTERVAL) {
+function useInterval(callback, initialDelay = DEFAULT_POLLING_INTERVAL) {
   const savedCallback = useRef(null);
   const [timeoutId, setTimeoutId] = useState();
-  let delayValue = initialDelay || DEFAULT_POLLING_INTERVAL;
+  const [delayValue, setDelayValue] = useState(initialDelay || DEFAULT_POLLING_INTERVAL);
   let retryCount = 0;
   useEffect(() => {
     savedCallback.current = callback;
     const delayGenerator = () => {
+      let delay = delayValue;
       if (retryCount < DEFAULT_POLLING_INTERVAL_RETRY_COUNT) {
         retryCount += 1;
       } else {
-        delayValue = delayValue >= 9e3 ? delayValue = initialDelay : delayValue + 1e3;
+        delay = delayValue >= 9e3 ? delay = initialDelay : delayValue + 1e3;
+        setDelayValue(delay);
       }
-      return delayValue;
+      return delay;
     };
     const handleTick = () => {
       if (savedCallback.current !== null) {
@@ -28435,13 +28437,11 @@ function useInterval(callback, clearInterval2 = false, initialDelay = DEFAULT_PO
       setTimeoutId(timeoutId2);
     };
     randomTick();
-    if (clearInterval2) {
-      clearTimeout(timeoutId);
-    }
-    return () => {
-      clearTimeout(timeoutId);
-    };
-  }, [initialDelay, clearInterval2]);
+  }, [initialDelay]);
+  useEffect(() => () => {
+    clearTimeout(timeoutId);
+  }, [timeoutId]);
+  return timeoutId;
 }
 function AddTransferInstrument({
   onAdd
@@ -28519,7 +28519,6 @@ const statusDescription = {
 function ManageTransferInstrumentOverviewItem({
   transferInstrumentReference,
   transferInstrument,
-  onAdd,
   onEdit,
   onOpen,
   onRemove,
@@ -28566,7 +28565,8 @@ function ManageTransferInstrumentOverviewItem({
     subTitle,
     onOpen: () => onOpen(transferInstrumentReference.transferInstrument.id),
     children: [!transferInstrument ? jsx(LoaderWrapper, {
-      className: "adyen-kyc-manage-ti-overview-item__loader"
+      className: "adyen-kyc-manage-ti-overview-item__loader",
+      status: "loading"
     }) : jsx(ManageTransferInstrumentOverviewItemSummary, {
       transferInstrument,
       accountHolderName,
@@ -28614,11 +28614,10 @@ function ManageTransferInstrumentOverview({
       logger$6.error(e);
     }
   };
-  const transferInstrumentListEle = transferInstrumentReferences.map((transferInstrumentRef, PAYOUT) => jsx(ManageTransferInstrumentOverviewItem, {
+  const transferInstrumentListEle = transferInstrumentReferences.map((transferInstrumentRef) => jsx(ManageTransferInstrumentOverviewItem, {
     accountHolderName,
     transferInstrument: transferInstrumentsMap[transferInstrumentRef.transferInstrument.id],
     transferInstrumentReference: transferInstrumentRef,
-    onAdd,
     onEdit,
     onRemove: onRemoveTransferinstrument,
     onOpen: onShowBankDetails
@@ -28661,10 +28660,10 @@ function ManageTransferInstrumentComponent({
     const transferInstrumentRefs = await getTransferInstruments2();
     setTransferInstruments(transferInstrumentRefs);
   };
-  const hasUnverifiedTransferInstruments = transferInstruments == null ? void 0 : transferInstruments.some(({
+  const hasOnlyVerifiedTransferInstruments = transferInstruments == null ? void 0 : transferInstruments.every(({
     status
-  }) => status !== "FINISHED");
-  useInterval(refreshTransferInstruments, hasUnverifiedTransferInstruments);
+  }) => status === "FINISHED");
+  const timeoutId = useInterval(refreshTransferInstruments);
   const init2 = useCallback(async () => {
     const [transferInstrumentRefs, legalEntity] = await Promise.all([getTransferInstruments2(), getLegalEntity2(legalEntityId)]);
     const accountHolder2 = getPayoutAccountHolderName(legalEntity, i18n);
@@ -28677,9 +28676,14 @@ function ManageTransferInstrumentComponent({
       setLoadingStatus("success");
     });
   }, [init2, setLocale, eventEmitter]);
-  const onRemove = (transferInsrumentId) => {
+  useEffect(() => {
+    if (transferInstruments.length && hasOnlyVerifiedTransferInstruments) {
+      clearTimeout(timeoutId);
+    }
+  }, [hasOnlyVerifiedTransferInstruments, timeoutId, transferInstruments]);
+  const onRemove = (transferInstrumentId) => {
     refreshTransferInstruments().catch(logger$5.error);
-    onRemoveSuccess == null ? void 0 : onRemoveSuccess(transferInsrumentId, legalEntityId);
+    onRemoveSuccess == null ? void 0 : onRemoveSuccess(transferInstrumentId, legalEntityId);
   };
   const render2 = () => {
     if (loadingStatus === "loading") {
@@ -28748,6 +28752,7 @@ function TransferInstrumentComponent({
   } = useComponentApi(legalEntityId);
   const [legalEntity, setLegalEntity] = useState();
   const [transferInstrument, setTransferInstrument] = useState();
+  const [loadingStatus, setLoadingStatus] = useState("success");
   const fetchLegalEntity = useCallback(async () => {
     const le = await getLegalEntity2(legalEntityId);
     setLegalEntity(le);
@@ -28755,14 +28760,19 @@ function TransferInstrumentComponent({
   }, [getLegalEntity2, legalEntityId]);
   useEffect(() => {
     (async () => {
+      setLoadingStatus("loading");
       await fetchLegalEntity();
       if (transferInstrumentId) {
         const ti = await getTransferInstrument2(transferInstrumentId);
         setTransferInstrument(ti);
       }
-    })().catch(logger$4.error);
-  }, [transferInstrumentId, fetchLegalEntity]);
-  return legalEntity ? jsx(PayoutDetailsDropinComponent, {
+    })().catch(logger$4.error).finally(() => {
+      setLoadingStatus("success");
+    });
+  }, [transferInstrumentId, fetchLegalEntity, getTransferInstrument2]);
+  return loadingStatus === "loading" || !legalEntity ? jsx(Loader, {
+    size: "medium"
+  }) : jsx(PayoutDetailsDropinComponent, {
     eventEmitter: eventEmitter ?? new EventEmitter(),
     transferInstrument,
     setTransferInstrument,
@@ -28782,7 +28792,7 @@ function TransferInstrumentComponent({
     createTrustedTransferInstrument: createTrustedTransferInstrument2,
     handleBankVerificationError: handleBankVerificationError2,
     taskType: TaskTypes.PAYOUT
-  }) : null;
+  });
 }
 const componentsMap = {
   individualDropin: IndividualDropinComponent,

package/dist/types/components/EmbeddedDropins/ManageTransferInstrumentComponent/ManageTransferInstrumentOverviewItem/ManageTransferInstrumentOverviewItem.d.ts

@@ -5,9 +5,8 @@ export interface ManageTransferInstrumentOverviewItemProps {
     accountHolderName: string;
     transferInstrumentReference: TransferInstrumentReference;
     transferInstrument: ExistingTransferInstrument | undefined;
-    onAdd: () => void;
     onEdit: (transferInstrumentId: ExistingTransferInstrument['id']) => void;
     onOpen: (transferInstrumentId: ExistingTransferInstrument['id']) => void;
     onRemove: (transferInstrumentId: ExistingTransferInstrument['id']) => Promise<void>;
 }
-export declare function ManageTransferInstrumentOverviewItem({ transferInstrumentReference, transferInstrument, onAdd, onEdit, onOpen, onRemove, accountHolderName, }: ManageTransferInstrumentOverviewItemProps): import("preact").JSX.Element;
+export declare function ManageTransferInstrumentOverviewItem({ transferInstrumentReference, transferInstrument, onEdit, onOpen, onRemove, accountHolderName, }: ManageTransferInstrumentOverviewItemProps): import("preact").JSX.Element;

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

@@ -1,3 +1,4 @@
+/// <reference types="node" />
 type IntervalFunction = () => unknown | void;
-export declare function useInterval(callback: IntervalFunction, clearInterval?: boolean, initialDelay?: number): void;
+export declare function useInterval(callback: IntervalFunction, initialDelay?: number): NodeJS.Timeout;
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@adyen/kyc-components",
-  "version": "3.0.0-beta.15",
+  "version": "3.0.0-beta.16",
   "description": "",
   "license": "MIT",
   "files": [