@lifi/widget 3.18.4 → 3.18.5

package/CHANGELOG.md

@@ -2,6 +2,13 @@
 
 All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
 
+### [3.18.5](https://github.com/lifinance/widget/compare/v3.18.4...v3.18.5) (2025-04-15)
+
+
+### Bug Fixes
+
+* make transaction execution timer count down ([#376](https://github.com/lifinance/widget/issues/376)) ([0595587](https://github.com/lifinance/widget/commit/05955873b1d901efd7c6b0bd2f3143bdb44d5ab3))
+
 ### [3.18.4](https://github.com/lifinance/widget/compare/v3.18.3...v3.18.4) (2025-04-08)
 
 

package/README.md

@@ -20,7 +20,8 @@
 - Embeddable variants - compact, wide, and drawer
 - Options to allow or deny certain chains, tokens, bridges, and exchanges
 - Pre-configured themes and lots of customization options with dark mode support so you can match the look and feel of your web app 
-- Wallet management UI with the option to opt-out and use your own ([Wagmi](https://wagmi.sh/), [Bigmi](https://github.com/lifinance/bigmi) and [Solana Wallet Standard](https://github.com/anza-xyz/wallet-standard) support)
+- Wallet management UI with the option to opt-out and use your own ([Wagmi](https://wagmi.sh/), [Bigmi](https://github.com/lifinance/bigmi) and [Wallet Standard](https://github.com/wallet-standard/wallet-standard) support)
+- Supports widely adopted industry standards, including [EIP-5792](https://eips.ethereum.org/EIPS/eip-5792), [ERC-2612](https://eips.ethereum.org/EIPS/eip-2612), [EIP-712](https://eips.ethereum.org/EIPS/eip-712), [EIP-6963](https://eips.ethereum.org/EIPS/eip-6963), and [Permit2](https://github.com/Uniswap/permit2)
 - View of transactions in progress and transaction history
 - Curated wallet lists and wallet bookmarks
 - Route settings for advanced users (stored locally)

package/dist/esm/components/ActiveTransactions/ActiveTransactionItem.js

@@ -8,7 +8,7 @@ import { RouteExecutionStatus } from '../../stores/routes/types.js';
 import { navigationRoutes } from '../../utils/navigationRoutes.js';
 import { TokenAvatarGroup } from '../Avatar/Avatar.style.js';
 import { TokenAvatar } from '../Avatar/TokenAvatar.js';
-import { RouteTimer } from '../Timer/RouteTimer.js';
+import { StepTimer } from '../Timer/StepTimer.js';
 import { ListItem, ListItemButton } from './ActiveTransactions.style.js';
 export const ActiveTransactionItem = ({ routeId, dense }) => {
     const navigate = useNavigate();
@@ -35,7 +35,7 @@ export const ActiveTransactionItem = ({ routeId, dense }) => {
                 return (_jsx(Typography, { sx: {
                         fontSize: 14,
                         fontWeight: 600,
-                    }, children: _jsx(RouteTimer, { route: route }) }));
+                    }, children: _jsx(StepTimer, { step: lastActiveStep, hideInProgress: true }) }));
         }
     };
     const ListItemComponent = dense ? ListItem : ListItemButton;

package/dist/esm/components/ActiveTransactions/ActiveTransactionItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"ActiveTransactionItem.js","sourceRoot":"","sources":["../../../../src/components/ActiveTransactions/ActiveTransactionItem.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"ActiveTransactionItem.js","sourceRoot":"","sources":["../../../../src/components/ActiveTransactions/ActiveTransactionItem.tsx"],"names":[],"mappings":"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"}

package/dist/esm/components/Timer/StepTimer.js

@@ -1,46 +1,84 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useEffect, useState } from 'react';
 import { useTranslation } from 'react-i18next';
-import { useStopwatch } from '../../hooks/timer/useStopwatch.js';
-import { useSettings } from '../../stores/settings/useSettings.js';
+import { useTimer } from '../../hooks/timer/useTimer.js';
 import { formatTimer } from '../../utils/timer.js';
 import { TimerContent } from './TimerContent.js';
-const getFirstExecutionProcess = (step) => step.execution?.process.at(0);
-const getExecutionProcess = (step) => step.execution?.process.at(-1);
-const getStartTimestamp = (step) => new Date(getFirstExecutionProcess(step)?.startedAt ?? Date.now());
-export const StepTimer = ({ step }) => {
-    const { i18n } = useTranslation();
-    const { language } = useSettings(['language']);
-    const [isExecutionStarted, setExecutionStarted] = useState(() => !!getExecutionProcess(step));
-    const { seconds, minutes, days, hours, isRunning, pause, reset, start } = useStopwatch({
-        autoStart: true,
-        offsetTimestamp: getStartTimestamp(step),
+/**
+ * Finds the most recent process that is either a SWAP, CROSS_CHAIN, or RECEIVING_CHAIN.
+ * Includes RECEIVING_CHAIN to track the complete transaction lifecycle for UI updates.
+ */
+const getProgressProcess = (step) => step.execution?.process.findLast((process) => process.type === 'SWAP' ||
+    process.type === 'CROSS_CHAIN' ||
+    process.type === 'RECEIVING_CHAIN');
+/**
+ * Finds the most recent SWAP or CROSS_CHAIN process, excluding RECEIVING_CHAIN.
+ * Expiry time is based on when the active transaction started, not the receiving phase.
+ */
+const getExpiryProcess = (step) => step.execution?.process.findLast((process) => process.type === 'SWAP' || process.type === 'CROSS_CHAIN');
+/**
+ * Calculates expiry timestamp based on process start time, estimated duration, and pause time.
+ * Pause time is added when action is required (usually for signature requests).
+ */
+const getExpiryTimestamp = (step) => {
+    const lastProcess = getExpiryProcess(step);
+    let timeInPause = 0;
+    if (lastProcess?.actionRequiredAt) {
+        const actionDoneAt = lastProcess.pendingAt ?? lastProcess.doneAt ?? Date.now();
+        timeInPause = new Date(actionDoneAt - lastProcess.actionRequiredAt).getTime();
+    }
+    const expiry = new Date((lastProcess?.startedAt ?? Date.now()) +
+        step.estimate.executionDuration * 1000 +
+        timeInPause);
+    return expiry;
+};
+export const StepTimer = ({ step, hideInProgress }) => {
+    const { t, i18n } = useTranslation();
+    const [isExpired, setExpired] = useState(false);
+    const [isExecutionStarted, setExecutionStarted] = useState(() => !!getProgressProcess(step));
+    const [expiryTimestamp, setExpiryTimestamp] = useState(() => getExpiryTimestamp(step));
+    const { days, hours, minutes, seconds, isRunning, pause, resume, restart } = useTimer({
+        autoStart: false,
+        expiryTimestamp,
+        onExpire: () => setExpired(true),
     });
     useEffect(() => {
-        const executionProcess = getExecutionProcess(step);
+        const executionProcess = getProgressProcess(step);
         if (!executionProcess) {
             return;
         }
-        const shouldRestart = executionProcess.status === 'FAILED' || executionProcess.status === 'DONE';
-        const shouldStart = executionProcess.status === 'STARTED' ||
-            executionProcess.status === 'PENDING';
-        const shouldResume = executionProcess.status === 'PENDING';
-        if (isExecutionStarted && shouldRestart) {
-            setExecutionStarted(false);
-            pause();
-            return;
-        }
-        if (isExecutionStarted && !isRunning && shouldResume) {
-            start();
+        if (isExecutionStarted && isExpired) {
             return;
         }
-        if (!isExecutionStarted && shouldStart) {
+        const isProcessStarted = executionProcess.status === 'STARTED' ||
+            executionProcess.status === 'PENDING';
+        const shouldRestart = !isExecutionStarted && isProcessStarted && !isRunning;
+        const shouldPause = isExecutionStarted &&
+            executionProcess.status === 'ACTION_REQUIRED' &&
+            isRunning;
+        const shouldStop = isExecutionStarted && executionProcess.status === 'FAILED';
+        const shouldResume = isExecutionStarted && isProcessStarted && !isRunning;
+        if (shouldRestart) {
+            const newExpiryTimestamp = getExpiryTimestamp(step);
             setExecutionStarted(true);
-            reset();
-            return;
+            setExpiryTimestamp(newExpiryTimestamp);
+            return restart(newExpiryTimestamp, true);
+        }
+        if (shouldPause) {
+            return pause();
+        }
+        if (shouldResume) {
+            return resume();
+        }
+        if (shouldStop) {
+            setExecutionStarted(false);
+            setExpired(false);
         }
-    }, [isExecutionStarted, isRunning, pause, reset, start, step]);
-    if (step.execution?.status === 'DONE') {
+    }, [isExecutionStarted, isExpired, isRunning, pause, restart, resume, step]);
+    const isTimerExpired = isExpired || (!minutes && !seconds);
+    if (step.execution?.status === 'DONE' ||
+        step.execution?.status === 'FAILED' ||
+        (isTimerExpired && hideInProgress)) {
         return null;
     }
     if (!isExecutionStarted) {
@@ -54,8 +92,8 @@ export const StepTimer = ({ step }) => {
                 unitDisplay: 'narrow',
             }) }));
     }
-    return (_jsx(TimerContent, { children: formatTimer({
-            locale: language,
+    return isTimerExpired ? (t('main.inProgress')) : (_jsx(TimerContent, { children: formatTimer({
+            locale: i18n.language,
             days,
             hours,
             minutes,

package/dist/esm/components/Timer/StepTimer.js.map

@@ -1 +1 @@
-{"version":3,"file":"StepTimer.js","sourceRoot":"","sources":["../../../../src/components/Timer/StepTimer.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"StepTimer.js","sourceRoot":"","sources":["../../../../src/components/Timer/StepTimer.tsx"],"names":[],"mappings":"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"}

package/dist/esm/config/version.d.ts

@@ -1,2 +1,2 @@
 export declare const name = "@lifi/widget";
-export declare const version = "3.18.4";
+export declare const version = "3.18.5";

package/dist/esm/config/version.js

@@ -1,3 +1,3 @@
 export const name = '@lifi/widget';
-export const version = '3.18.4';
+export const version = '3.18.5';
 //# sourceMappingURL=version.js.map

package/dist/esm/hooks/timer/time.d.ts

@@ -0,0 +1,19 @@
+export type TimeFromMillisecondsType = {
+    totalMilliseconds: number;
+    totalSeconds: number;
+    milliseconds: number;
+    seconds: number;
+    minutes: number;
+    hours: number;
+    days: number;
+};
+export type AMPMType = '' | 'pm' | 'am';
+export type FormattedTimeFromMillisecondsType = {
+    milliseconds: number;
+    seconds: number;
+    minutes: number;
+    hours: number;
+    ampm?: AMPMType;
+};
+export declare function getTimeFromMilliseconds(millisecs: number, isCountDown?: boolean): TimeFromMillisecondsType;
+export declare function getMillisecondsFromExpiry(expiry: Date): number;

package/dist/esm/hooks/timer/time.js

@@ -0,0 +1,25 @@
+export function getTimeFromMilliseconds(millisecs, isCountDown = true) {
+    const totalSeconds = isCountDown
+        ? Math.ceil(millisecs / 1000)
+        : Math.floor(millisecs / 1000);
+    const days = Math.floor(totalSeconds / (60 * 60 * 24));
+    const hours = Math.floor((totalSeconds % (60 * 60 * 24)) / (60 * 60));
+    const minutes = Math.floor((totalSeconds % (60 * 60)) / 60);
+    const seconds = Math.floor(totalSeconds % 60);
+    const milliseconds = Math.floor(millisecs % 1000);
+    return {
+        totalMilliseconds: millisecs,
+        totalSeconds,
+        milliseconds,
+        seconds,
+        minutes,
+        hours,
+        days,
+    };
+}
+export function getMillisecondsFromExpiry(expiry) {
+    const now = new Date().getTime();
+    const milliSecondsDistance = expiry?.getTime() - now;
+    return milliSecondsDistance > 0 ? milliSecondsDistance : 0;
+}
+//# sourceMappingURL=time.js.map

package/dist/esm/hooks/timer/time.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"time.js","sourceRoot":"","sources":["../../../../src/hooks/timer/time.ts"],"names":[],"mappings":"AAoBA,MAAM,UAAU,uBAAuB,CACrC,SAAiB,EACjB,WAAW,GAAG,IAAI;IAElB,MAAM,YAAY,GAAG,WAAW;QAC9B,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC;QAC7B,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS,GAAG,IAAI,CAAC,CAAA;IAChC,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,YAAY,GAAG,CAAC,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC,CAAC,CAAA;IACtD,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,YAAY,GAAG,CAAC,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC,CAAC,GAAG,CAAC,EAAE,GAAG,EAAE,CAAC,CAAC,CAAA;IACrE,MAAM,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,YAAY,GAAG,CAAC,EAAE,GAAG,EAAE,CAAC,CAAC,GAAG,EAAE,CAAC,CAAA;IAC3D,MAAM,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,YAAY,GAAG,EAAE,CAAC,CAAA;IAC7C,MAAM,YAAY,GAAG,IAAI,CAAC,KAAK,CAAC,SAAS,GAAG,IAAI,CAAC,CAAA;IAEjD,OAAO;QACL,iBAAiB,EAAE,SAAS;QAC5B,YAAY;QACZ,YAAY;QACZ,OAAO;QACP,OAAO;QACP,KAAK;QACL,IAAI;KACL,CAAA;AACH,CAAC;AAED,MAAM,UAAU,yBAAyB,CAAC,MAAY;IACpD,MAAM,GAAG,GAAG,IAAI,IAAI,EAAE,CAAC,OAAO,EAAE,CAAA;IAChC,MAAM,oBAAoB,GAAG,MAAM,EAAE,OAAO,EAAE,GAAG,GAAG,CAAA;IACpD,OAAO,oBAAoB,GAAG,CAAC,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,CAAC,CAAA;AAC5D,CAAC"}

package/dist/esm/hooks/timer/useInterval.d.ts

@@ -1 +1 @@
-export declare function useInterval(callback: () => void, delay: number): void;
+export declare function useInterval(callback: () => void, delay: number | null): void;

package/dist/esm/hooks/timer/useInterval.js

@@ -1,16 +1,16 @@
 import { useEffect, useRef } from 'react';
 export function useInterval(callback, delay) {
-    const callbacRef = useRef(null);
+    const callbackRef = useRef(callback);
     // update callback function with current render callback that has access to latest props and state
     useEffect(() => {
-        callbacRef.current = callback;
+        callbackRef.current = callback;
     });
     useEffect(() => {
         if (!delay) {
             return () => { };
         }
         const interval = setInterval(() => {
-            callbacRef.current?.();
+            callbackRef?.current?.();
         }, delay);
         return () => clearInterval(interval);
     }, [delay]);

package/dist/esm/hooks/timer/useInterval.js.map

@@ -1 +1 @@
-{"version":3,"file":"useInterval.js","sourceRoot":"","sources":["../../../../src/hooks/timer/useInterval.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAEzC,MAAM,UAAU,WAAW,CAAC,QAAoB,EAAE,KAAa;IAC7D,MAAM,UAAU,GAAG,MAAM,CAAa,IAAI,CAAC,CAAA;IAE3C,kGAAkG;IAClG,SAAS,CAAC,GAAG,EAAE;QACb,UAAU,CAAC,OAAO,GAAG,QAAQ,CAAA;IAC/B,CAAC,CAAC,CAAA;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,KAAK,EAAE,CAAC;YACX,OAAO,GAAG,EAAE,GAAE,CAAC,CAAA;QACjB,CAAC;QAED,MAAM,QAAQ,GAAG,WAAW,CAAC,GAAG,EAAE;YAChC,UAAU,CAAC,OAAO,EAAE,EAAE,CAAA;QACxB,CAAC,EAAE,KAAK,CAAC,CAAA;QACT,OAAO,GAAG,EAAE,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAA;IACtC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAA;AACb,CAAC"}
+{"version":3,"file":"useInterval.js","sourceRoot":"","sources":["../../../../src/hooks/timer/useInterval.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAEzC,MAAM,UAAU,WAAW,CAAC,QAAoB,EAAE,KAAoB;IACpE,MAAM,WAAW,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAA;IAEpC,kGAAkG;IAClG,SAAS,CAAC,GAAG,EAAE;QACb,WAAW,CAAC,OAAO,GAAG,QAAQ,CAAA;IAChC,CAAC,CAAC,CAAA;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,KAAK,EAAE,CAAC;YACX,OAAO,GAAG,EAAE,GAAE,CAAC,CAAA;QACjB,CAAC;QAED,MAAM,QAAQ,GAAG,WAAW,CAAC,GAAG,EAAE;YAChC,WAAW,EAAE,OAAO,EAAE,EAAE,CAAA;QAC1B,CAAC,EAAE,KAAK,CAAC,CAAA;QACT,OAAO,GAAG,EAAE,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAA;IACtC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAA;AACb,CAAC"}

package/dist/esm/hooks/timer/useTimer.d.ts

@@ -1,18 +1,18 @@
-interface UseTimerProps {
+import { type TimeFromMillisecondsType } from './time.js';
+export type useTimerSettingsType = {
     expiryTimestamp: Date;
-    onExpire: () => void;
+    onExpire?: () => void;
     autoStart?: boolean;
-}
-export declare function useTimer({ expiryTimestamp: expiry, onExpire, autoStart, }: UseTimerProps): {
+    interval?: number;
+};
+export type useTimerResultType = TimeFromMillisecondsType & {
     start: () => void;
     pause: () => void;
     resume: () => void;
     restart: (newExpiryTimestamp: Date, newAutoStart?: boolean) => void;
     isRunning: boolean;
-    totalSeconds: number;
-    seconds: number;
-    minutes: number;
-    hours: number;
-    days: number;
 };
-export {};
+/**
+ * `useTimer` from https://github.com/amrlabib/react-timer-hook
+ */
+export declare function useTimer({ expiryTimestamp: expiry, onExpire, autoStart, interval: customInterval, }: useTimerSettingsType): useTimerResultType;

package/dist/esm/hooks/timer/useTimer.js

@@ -1,38 +1,42 @@
-import { useCallback, useState } from 'react';
+import { useCallback, useEffect, useState } from 'react';
+import { getMillisecondsFromExpiry, getTimeFromMilliseconds, } from './time.js';
 import { useInterval } from './useInterval.js';
-import { getDelayFromExpiryTimestamp, getSecondsFromExpiry, getTimeFromSeconds, validateOnExpire, } from './utils.js';
-const DEFAULT_DELAY = 1000;
-// This implementation was taken from the common js project - https://www.npmjs.com/package/react-timer-hook
-// modified to work in the Widget codebase with Typescript
-export function useTimer({ expiryTimestamp: expiry, onExpire, autoStart = true, }) {
+import { validateExpiryTimestamp, validateOnExpire } from './validate.js';
+const SECOND_INTERVAL = 1000;
+/**
+ * `useTimer` from https://github.com/amrlabib/react-timer-hook
+ */
+export function useTimer({ expiryTimestamp: expiry, onExpire = () => { }, autoStart = true, interval: customInterval = SECOND_INTERVAL, }) {
     const [expiryTimestamp, setExpiryTimestamp] = useState(expiry);
-    const [seconds, setSeconds] = useState(() => getSecondsFromExpiry(expiryTimestamp));
+    const [milliseconds, setMilliseconds] = useState(getMillisecondsFromExpiry(expiryTimestamp));
     const [isRunning, setIsRunning] = useState(autoStart);
     const [didStart, setDidStart] = useState(autoStart);
-    const [delay, setDelay] = useState(() => getDelayFromExpiryTimestamp(expiryTimestamp, DEFAULT_DELAY));
+    const [interval, setInterval] = useState(customInterval);
     const handleExpire = useCallback(() => {
-        validateOnExpire(onExpire) && onExpire();
+        if (validateOnExpire(onExpire)) {
+            onExpire();
+        }
         setIsRunning(false);
-        setDelay(0);
+        setInterval(null);
     }, [onExpire]);
     const pause = useCallback(() => {
         setIsRunning(false);
     }, []);
     const restart = useCallback((newExpiryTimestamp, newAutoStart = true) => {
-        setDelay(getDelayFromExpiryTimestamp(newExpiryTimestamp, DEFAULT_DELAY));
+        setInterval(customInterval);
         setDidStart(newAutoStart);
         setIsRunning(newAutoStart);
         setExpiryTimestamp(newExpiryTimestamp);
-        setSeconds(getSecondsFromExpiry(newExpiryTimestamp));
-    }, []);
+        setMilliseconds(getMillisecondsFromExpiry(newExpiryTimestamp));
+    }, [customInterval]);
     const resume = useCallback(() => {
         const time = new Date();
-        time.setMilliseconds(time.getMilliseconds() + seconds * 1000);
+        time.setMilliseconds(time.getMilliseconds() + milliseconds);
         restart(time);
-    }, [seconds, restart]);
+    }, [milliseconds, restart]);
     const start = useCallback(() => {
         if (didStart) {
-            setSeconds(getSecondsFromExpiry(expiryTimestamp));
+            setMilliseconds(getMillisecondsFromExpiry(expiryTimestamp));
             setIsRunning(true);
         }
         else {
@@ -40,17 +44,20 @@ export function useTimer({ expiryTimestamp: expiry, onExpire, autoStart = true,
         }
     }, [expiryTimestamp, didStart, resume]);
     useInterval(() => {
-        if (delay !== DEFAULT_DELAY) {
-            setDelay(DEFAULT_DELAY);
-        }
-        const secondsValue = getSecondsFromExpiry(expiryTimestamp);
-        setSeconds(secondsValue);
-        if (secondsValue <= 0) {
+        const millisecondsValue = getMillisecondsFromExpiry(expiryTimestamp);
+        setMilliseconds(millisecondsValue);
+        if (millisecondsValue <= 0) {
             handleExpire();
         }
-    }, isRunning ? delay : 0);
+        else if (interval && millisecondsValue < interval) {
+            setInterval(millisecondsValue);
+        }
+    }, isRunning ? interval : null);
+    useEffect(() => {
+        validateExpiryTimestamp(expiryTimestamp);
+    }, [expiryTimestamp]);
     return {
-        ...getTimeFromSeconds(seconds),
+        ...getTimeFromMilliseconds(milliseconds),
         start,
         pause,
         resume,

package/dist/esm/hooks/timer/useTimer.js.map

@@ -1 +1 @@
-{"version":3,"file":"useTimer.js","sourceRoot":"","sources":["../../../../src/hooks/timer/useTimer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAA;AAC9C,OAAO,EACL,2BAA2B,EAC3B,oBAAoB,EACpB,kBAAkB,EAClB,gBAAgB,GACjB,MAAM,YAAY,CAAA;AAEnB,MAAM,aAAa,GAAG,IAAI,CAAA;AAQ1B,4GAA4G;AAC5G,0DAA0D;AAC1D,MAAM,UAAU,QAAQ,CAAC,EACvB,eAAe,EAAE,MAAM,EACvB,QAAQ,EACR,SAAS,GAAG,IAAI,GACF;IACd,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,QAAQ,CAAC,MAAM,CAAC,CAAA;IAC9D,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,GAAG,EAAE,CAC1C,oBAAoB,CAAC,eAAe,CAAC,CACtC,CAAA;IACD,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,SAAS,CAAC,CAAA;IACrD,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,SAAS,CAAC,CAAA;IACnD,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,GAAG,EAAE,CACtC,2BAA2B,CAAC,eAAe,EAAE,aAAa,CAAC,CAC5D,CAAA;IAED,MAAM,YAAY,GAAG,WAAW,CAAC,GAAG,EAAE;QACpC,gBAAgB,CAAC,QAAQ,CAAC,IAAI,QAAQ,EAAE,CAAA;QACxC,YAAY,CAAC,KAAK,CAAC,CAAA;QACnB,QAAQ,CAAC,CAAC,CAAC,CAAA;IACb,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAA;IAEd,MAAM,KAAK,GAAG,WAAW,CAAC,GAAG,EAAE;QAC7B,YAAY,CAAC,KAAK,CAAC,CAAA;IACrB,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,MAAM,OAAO,GAAG,WAAW,CACzB,CAAC,kBAAwB,EAAE,YAAY,GAAG,IAAI,EAAE,EAAE;QAChD,QAAQ,CAAC,2BAA2B,CAAC,kBAAkB,EAAE,aAAa,CAAC,CAAC,CAAA;QACxE,WAAW,CAAC,YAAY,CAAC,CAAA;QACzB,YAAY,CAAC,YAAY,CAAC,CAAA;QAC1B,kBAAkB,CAAC,kBAAkB,CAAC,CAAA;QACtC,UAAU,CAAC,oBAAoB,CAAC,kBAAkB,CAAC,CAAC,CAAA;IACtD,CAAC,EACD,EAAE,CACH,CAAA;IAED,MAAM,MAAM,GAAG,WAAW,CAAC,GAAG,EAAE;QAC9B,MAAM,IAAI,GAAG,IAAI,IAAI,EAAE,CAAA;QACvB,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,eAAe,EAAE,GAAG,OAAO,GAAG,IAAI,CAAC,CAAA;QAC7D,OAAO,CAAC,IAAI,CAAC,CAAA;IACf,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC,CAAA;IAEtB,MAAM,KAAK,GAAG,WAAW,CAAC,GAAG,EAAE;QAC7B,IAAI,QAAQ,EAAE,CAAC;YACb,UAAU,CAAC,oBAAoB,CAAC,eAAe,CAAC,CAAC,CAAA;YACjD,YAAY,CAAC,IAAI,CAAC,CAAA;QACpB,CAAC;aAAM,CAAC;YACN,MAAM,EAAE,CAAA;QACV,CAAC;IACH,CAAC,EAAE,CAAC,eAAe,EAAE,QAAQ,EAAE,MAAM,CAAC,CAAC,CAAA;IAEvC,WAAW,CACT,GAAG,EAAE;QACH,IAAI,KAAK,KAAK,aAAa,EAAE,CAAC;YAC5B,QAAQ,CAAC,aAAa,CAAC,CAAA;QACzB,CAAC;QACD,MAAM,YAAY,GAAG,oBAAoB,CAAC,eAAe,CAAC,CAAA;QAC1D,UAAU,CAAC,YAAY,CAAC,CAAA;QACxB,IAAI,YAAY,IAAI,CAAC,EAAE,CAAC;YACtB,YAAY,EAAE,CAAA;QAChB,CAAC;IACH,CAAC,EACD,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CACtB,CAAA;IAED,OAAO;QACL,GAAG,kBAAkB,CAAC,OAAO,CAAC;QAC9B,KAAK;QACL,KAAK;QACL,MAAM;QACN,OAAO;QACP,SAAS;KACV,CAAA;AACH,CAAC"}
+{"version":3,"file":"useTimer.js","sourceRoot":"","sources":["../../../../src/hooks/timer/useTimer.ts"],"names":[],"mappings":"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"}

package/dist/esm/hooks/timer/validate.d.ts

@@ -0,0 +1,2 @@
+export declare function validateExpiryTimestamp(expiryTimestamp: Date): boolean;
+export declare function validateOnExpire(onExpire: () => void): boolean;

package/dist/esm/hooks/timer/validate.js

@@ -0,0 +1,15 @@
+export function validateExpiryTimestamp(expiryTimestamp) {
+    const isValid = new Date(expiryTimestamp).getTime() > 0;
+    if (!isValid) {
+        console.warn('useTimer Invalid expiryTimestamp settings', expiryTimestamp);
+    }
+    return isValid;
+}
+export function validateOnExpire(onExpire) {
+    const isValid = onExpire && typeof onExpire === 'function';
+    if (onExpire && !isValid) {
+        console.warn('useTimer Invalid onExpire settings function', onExpire);
+    }
+    return isValid;
+}
+//# sourceMappingURL=validate.js.map

package/dist/esm/hooks/timer/validate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"validate.js","sourceRoot":"","sources":["../../../../src/hooks/timer/validate.ts"],"names":[],"mappings":"AAAA,MAAM,UAAU,uBAAuB,CAAC,eAAqB;IAC3D,MAAM,OAAO,GAAG,IAAI,IAAI,CAAC,eAAe,CAAC,CAAC,OAAO,EAAE,GAAG,CAAC,CAAA;IACvD,IAAI,CAAC,OAAO,EAAE,CAAC;QACb,OAAO,CAAC,IAAI,CAAC,2CAA2C,EAAE,eAAe,CAAC,CAAA;IAC5E,CAAC;IACD,OAAO,OAAO,CAAA;AAChB,CAAC;AAED,MAAM,UAAU,gBAAgB,CAAC,QAAoB;IACnD,MAAM,OAAO,GAAG,QAAQ,IAAI,OAAO,QAAQ,KAAK,UAAU,CAAA;IAC1D,IAAI,QAAQ,IAAI,CAAC,OAAO,EAAE,CAAC;QACzB,OAAO,CAAC,IAAI,CAAC,6CAA6C,EAAE,QAAQ,CAAC,CAAA;IACvE,CAAC;IACD,OAAO,OAAO,CAAA;AAChB,CAAC"}

package/dist/esm/i18n/bn.json

@@ -6,7 +6,8 @@
     "format": {
         "currency": "",
         "number": "{{value, number(maximumFractionDigits: 9)}}",
-        "percent": ""
+        "percent": "",
+        "tokenAmount": ""
     },
     "button": {
         "auto": "স্বয়ংক্রিয়",
@@ -83,14 +84,13 @@
         "message": {
             "autoRefuel": "আপনার {{chainName}} গ্যাস কম। চালিয়ে যাওয়ার মাধ্যমে, আপনি সোওয়াপ সম্পূর্ণ করার জন্য পর্যাপ্ত গ্যাস পাবেন।",
             "emptyActiveTransactions": "",
-            "emptyTokenList": "",
-            "emptyChainList": "",
             "emptyBridgesList": "",
+            "emptyChainList": "",
             "emptyExchangesList": "",
+            "emptyTokenList": "",
             "emptyTransactionHistory": "",
-            "fundsToExchange": "",
-            "toAddressIsRequired": "",
-            "routeNotFound": ""
+            "routeNotFound": "",
+            "toAddressIsRequired": ""
         },
         "title": {
             "autoRefuel": "",
@@ -117,14 +117,18 @@
     },
     "warning": {
         "message": {
+            "accountNotDeployedMessage": "",
+            "lowAddressActivity": "",
             "deleteActiveTransactions": "",
             "deleteTransactionHistory": "",
+            "fundsLossPrevention": "",
             "highValueLoss": "প্রাপ্ত টোকেনগুলির মান সোওয়াপ করা টোকেন এবং লেনদেনের খরচের তুলনায় উল্লেখযোগ্যভাবে কম।",
             "insufficientFunds": "সোওয়াপ সম্পূর্ণ করার জন্য আপনার কাছে পর্যাপ্ত তহবিল নেই।",
             "insufficientGas": "সোওয়াপ সম্পূর্ণ করার জন্য আপনার কাছে পর্যাপ্ত গ্যাস নেই। আপনাকে অন্তত যোগ করতে হবে:",
             "rateChanged": "বিনিময় হার পরিবর্তিত হয়েছে। সোওয়াপ চালিয়ে যাওয়ার মাধ্যমে, আপনি নতুন হার গ্রহণ করবেন।",
             "resetSettings": "এটি আপনার রুটের অগ্রাধিকার, স্লিপেজ, গ্যাসের দাম, সক্ষম ব্রিজ এবং এক্সচেঞ্জ রিসেট করবে।",
-            "slippageOutsideRecommendedLimits": ""
+            "slippageOutsideRecommendedLimits": "",
+            "slippageUnderRecommendedLimits": ""
         },
         "title": {
             "deleteActiveTransactions": "",
@@ -133,7 +137,8 @@
             "highValueLoss": "উচ্চ মূল্য ক্ষতি",
             "insufficientGas": "অপর্যাপ্ত গ্যাস",
             "rateChanged": "হার পরিবর্তিত হয়েছে",
-            "resetSettings": "রিসেট সেটিংস?"
+            "resetSettings": "রিসেট সেটিংস?",
+            "lowAddressActivity": ""
         }
     },
     "error": {
@@ -146,6 +151,7 @@
             "transactionCanceled": "",
             "transactionConflict": "",
             "transactionExpired": "",
+            "transactionRejected": "",
             "transactionFailed": "আরও তথ্যের জন্য ব্লক এক্সপ্লোরার চেক করুন।",
             "transactionNotSent": "",
             "transactionSimulationFailed": "",
@@ -167,6 +173,7 @@
             "transactionConflict": "",
             "transactionExpired": "",
             "transactionFailed": "লেনদেন ব্যর্থ হয়েছে",
+            "transactionRejected": "",
             "transactionSimulationFailed": "",
             "transactionUnderpriced": "লেনদেনের দাম কম",
             "transactionUnprepared": "লেনদেন প্রস্তুত করতে অক্ষম",
@@ -187,6 +194,7 @@
             "text": "আমরা এই পৃষ্ঠাটি খুঁজে পাইনি।",
             "title": "৪০৪"
         },
+        "relayerService": "",
         "numberOfSteps": "",
         "priceImpact": "",
         "progressToNextUpdate": "প্রদর্শিত ডেটা {{value}} সেকেন্ড পরে স্বয়ংক্রিয়ভাবে রিফ্রেশ হবে। ম্যানুয়ালি আপডেট করতে এখানে ক্লিক করুন।",
@@ -203,7 +211,9 @@
         "featuredTokens": "বৈশিষ্ট্যযুক্ত টোকেন",
         "fees": {
             "defaultIntegrator": "",
+            "relayerService": "",
             "estimated": "",
+            "free": "",
             "integrator": "",
             "network": "",
             "paid": "",
@@ -238,19 +248,26 @@
                 "refunded": "ব্রিজ লেনদেন ফেরত করা হয়েছে"
             },
             "swap": {
-                "actionRequired": "দয়াকরে লেনদেন স্বাক্ষর করুন",
+                "actionRequired": "",
                 "done": "সোওয়াপ সম্পন্ন হয়েছে",
-                "pending": "সোওয়াপ লেনদেনের জন্য অপেক্ষা করা হচ্ছে",
+                "pending": "",
                 "started": "সোয়াপ লেনদেন প্রস্তুত করা হচ্ছে"
             },
             "switchChain": {
-                "actionRequired": "চেইন সুইচ প্রয়োজন",
-                "done": "চেইন সফলভাবে সুইচ করা হয়েছে"
+                "actionRequired": "",
+                "done": ""
+            },
+            "permit": {
+                "actionRequired": "",
+                "done": "",
+                "pending": "",
+                "started": ""
             },
             "tokenAllowance": {
-                "done": "টোকেন অনুমতি অনুমোদিত",
-                "pending": "টোকেন অনুমতির অপেক্ষায়",
-                "started": "টোকেন অনুমতির অপেক্ষায়"
+                "actionRequired": "",
+                "done": "",
+                "pending": "",
+                "started": ""
             }
         },
         "quotedAmount": "উদ্ধৃত পরিমাণ",
@@ -278,11 +295,12 @@
         "transferId": "",
         "tags": {
             "cheapest": "",
-            "fastest": ""
+            "fastest": "",
+            "gasless": ""
         },
         "to": "প্রতি",
         "tokenOnChain": "{{chainName}} -এ {{tokenSymbol}}",
-        "tokenOnChainAmount": "{{amount, number(maximumFractionDigits: 9)}} {{tokenSymbol}} {{chainName}} -এ",
+        "tokenOnChainAmount": "",
         "tokenSearch": "আপনার টোকেন অনুসন্ধান করুন",
         "valueLoss": "মান ক্ষতি",
         "searchChains": "",