tek-wallet 0.0.495 → 0.0.498

package/dist/components/ui/SwiperControlled/index.js

@@ -30,6 +30,8 @@ var material_1 = require("@mui/material");
 var navigation_1 = require("next/navigation");
 var useCustomRouter_1 = __importDefault(require("../../../hooks/useCustomRouter"));
 var navigation_2 = require("next/navigation");
+var createDebounce_1 = __importDefault(require("../../../utils/createDebounce"));
+var rememberTabDeBounce = (0, createDebounce_1.default)(1000);
 var SwiperControlled = (0, react_2.forwardRef)(function (props, ref) {
     var swiperRef = (0, react_2.useRef)(null);
     var router = (0, useCustomRouter_1.default)();
@@ -68,17 +70,13 @@ var SwiperControlled = (0, react_2.forwardRef)(function (props, ref) {
     };
     var handleSlideChange = function (swiper) {
         setActiveTab(swiper.activeIndex);
-        setTimeout(function () {
-            rememberTab(swiper.activeIndex);
-        }, 1000);
+        rememberTabDeBounce(function () { return rememberTab(swiper.activeIndex); });
     };
     var handleTabChange = function (event, value) {
         var _a, _b;
         setActiveTab(value);
         (_b = (_a = swiperRef.current) === null || _a === void 0 ? void 0 : _a.swiper) === null || _b === void 0 ? void 0 : _b.slideTo(value);
-        setTimeout(function () {
-            rememberTab(value);
-        }, 1000);
+        rememberTabDeBounce(function () { return rememberTab(value); });
     };
     return ((0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign({ width: "100%", display: "flex", flexDirection: "column" }, props.sx), children: [props.tabs && ((0, jsx_runtime_1.jsx)(material_1.Box, { sx: {
                     maxWidth: "100%",

package/dist/components/ui/WithdrawFunction/index.js

@@ -118,6 +118,7 @@ var Fees_1 = __importDefault(require("../Fees"));
 var type_1 = require("../../../services/axios/get-activities-service/type");
 var SendExternalToken_1 = __importDefault(require("../SendExternalToken"));
 var SendInternalToken_1 = __importDefault(require("../SendInternalToken"));
+var createDebounce_1 = __importDefault(require("../../../utils/createDebounce"));
 var SendMethods;
 (function (SendMethods) {
     SendMethods["SCAN_QR_CODE"] = "scan qr code";
@@ -145,6 +146,8 @@ var AmountError;
     AmountError["MAX_LIMIT"] = "The maximum amount is";
     AmountError["MIN_LIMIT"] = "The minimum amount is";
 })(AmountError || (exports.AmountError = AmountError = {}));
+var validateAmountDebounce = (0, createDebounce_1.default)(500);
+var getEstimateFeeDebounce = (0, createDebounce_1.default)(500);
 var WithdrawFunction = (0, react_1.forwardRef)(function (props, ref) {
     var _a;
     var drawerRef = (0, react_1.useRef)(null);
@@ -515,10 +518,10 @@ var WithdrawFunction = (0, react_1.forwardRef)(function (props, ref) {
         }
     }, [isAuthenticated, withdrawTokens, sendInternalTokens]);
     (0, react_1.useEffect)(function () {
-        validateAmount();
+        validateAmountDebounce(validateAmount);
     }, [validateAmount]);
     (0, react_1.useEffect)(function () {
-        getEstimateFee();
+        getEstimateFeeDebounce(getEstimateFee);
     }, [getEstimateFee]);
     return ((0, jsx_runtime_1.jsx)(RequireConnect_1.default, { children: (0, jsx_runtime_1.jsx)(DrawerComponent_1.default, { ref: drawerRef, trigger: props.children, onOpen: props.onOpen, onClose: handleOnClose, children: (0, jsx_runtime_1.jsxs)(ModalLayout_1.default, { overrideHeader: (0, jsx_runtime_1.jsx)(BackHeader_1.default, { sx: {
                         width: "100%",

package/dist/utils/createDebounce.d.ts

@@ -0,0 +1 @@
+export default function createDebounce(delay: number): (func: () => any) => void;

package/dist/utils/createDebounce.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = createDebounce;
+/* eslint-disable @typescript-eslint/no-explicit-any */
+function createDebounce(delay) {
+    var timeout;
+    return function (func) {
+        clearTimeout(timeout);
+        timeout = setTimeout(function () { return func(); }, delay);
+    };
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tek-wallet",
-  "version": "0.0.495",
+  "version": "0.0.498",
   "description": "A custom React provider with TypeScript support",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",