tek-wallet 0.0.752 → 0.0.753

package/dist/components/TekWallet/components/views/SwapView/index.d.ts

@@ -0,0 +1,11 @@
+import { GeneralProps, UnknownFunction } from "../../../types/ui";
+interface SwapViewProps extends GeneralProps {
+    onClose?: UnknownFunction;
+    onOpen?: UnknownFunction;
+}
+export type SwapViewRef = {
+    open: () => void;
+    close: () => void;
+};
+export declare const SwapView: import("react").ForwardRefExoticComponent<SwapViewProps & import("react").RefAttributes<SwapViewRef>>;
+export default SwapView;

package/dist/components/TekWallet/components/views/SwapView/index.js

@@ -0,0 +1,218 @@
+"use strict";
+"use client";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+var _a;
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SwapView = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
+var react_2 = require("swiper/react");
+var material_1 = require("@mui/material");
+var ThemeProvider_1 = require("../../../providers/ThemeProvider");
+var ChildPageLayout_1 = __importDefault(require("../../layouts/ChildPageLayout"));
+var SwiperControlled_1 = __importDefault(require("../../ui/SwiperControlled"));
+var PageHeader_1 = __importDefault(require("../../ui/PageHeader"));
+var SvgPath_1 = require("../../ui/SvgPath");
+var Button_1 = __importStar(require("../../ui/Button"));
+var FromCard_1 = __importDefault(require("./components/FromCard"));
+var CardTo_1 = __importDefault(require("./components/CardTo"));
+var xhub_keyboard_1 = require("xhub-keyboard");
+var Text_1 = __importDefault(require("../../ui/Text"));
+var Formatter_1 = __importDefault(require("../../ui/Formatter"));
+var convertTokensRate_1 = __importDefault(require("./functions/convertTokensRate"));
+var Summary_1 = __importDefault(require("./components/Summary"));
+var useCustomRouter_1 = __importDefault(require("../../../hooks/useCustomRouter"));
+var SwapStep;
+(function (SwapStep) {
+    SwapStep[SwapStep["FORM"] = 0] = "FORM";
+    SwapStep[SwapStep["CONFIRM"] = 1] = "CONFIRM";
+})(SwapStep || (SwapStep = {}));
+var SWAP_STEP_NAME = (_a = {},
+    _a[SwapStep.FORM] = "Swap",
+    _a[SwapStep.CONFIRM] = "Confirm",
+    _a);
+exports.SwapView = (0, react_1.forwardRef)(function (props, ref) {
+    var drawerRef = (0, react_1.useRef)(null);
+    var swiperRef = (0, react_1.useRef)(null);
+    var theme = (0, ThemeProvider_1.useTheme)();
+    var _a = (0, react_1.useState)(SwapStep.FORM), currentStep = _a[0], setCurrentStep = _a[1];
+    var _b = (0, react_1.useState)(null), fromTokenSelected = _b[0], setFromTokenSelected = _b[1];
+    var _c = (0, react_1.useState)(null), toTokenSelected = _c[0], setToTokenSelected = _c[1];
+    var _d = (0, react_1.useState)(), fromAmount = _d[0], setFormAmount = _d[1];
+    var _e = (0, react_1.useState)(false), fromInfoIsReady = _e[0], setFromInfoIsReady = _e[1];
+    var keyboardId = (0, xhub_keyboard_1.useUniqueId)("swap-form-keyboard");
+    var _f = (0, react_1.useState)(false), isKeyboardOpen = _f[0], setIsKeyboardOpen = _f[1];
+    var _g = (0, react_1.useState)(false), isUserTypedAmount = _g[0], setIsUserTypedAmount = _g[1];
+    var _h = (0, react_1.useState)(false), isChangeSlidePromptly = _h[0], setIsChangeSlidePromptly = _h[1];
+    var router = (0, useCustomRouter_1.default)();
+    var onChange = (0, react_1.useCallback)(function (e) {
+        var value = e.target.value;
+        setFormAmount(value);
+    }, []);
+    var clearValues = (0, react_1.useCallback)(function () {
+        setFromTokenSelected(null);
+        setToTokenSelected(null);
+        setFormAmount(undefined);
+        setFromInfoIsReady(false);
+        setIsUserTypedAmount(false);
+    }, []);
+    var toTokenRate = (0, react_1.useMemo)(function () {
+        if (!fromTokenSelected || !toTokenSelected)
+            return 0;
+        return (0, convertTokensRate_1.default)(fromTokenSelected, toTokenSelected, 1);
+    }, [fromTokenSelected, toTokenSelected]);
+    var handleKeyboardChangeAmount = (0, react_1.useCallback)(function (value) {
+        onChange({
+            target: {
+                value: value,
+            },
+        });
+        setTimeout(function () {
+            setIsUserTypedAmount(true);
+        }, 500);
+    }, [onChange]);
+    var handleKeyboardOpen = (0, react_1.useCallback)(function () {
+        setIsKeyboardOpen(true);
+    }, []);
+    var handleKeyboardClose = (0, react_1.useCallback)(function () {
+        setIsKeyboardOpen(false);
+    }, []);
+    var gotoStep = function (step) {
+        var _a;
+        if (step === SwapStep.FORM) {
+        }
+        setCurrentStep(step);
+        (_a = swiperRef.current) === null || _a === void 0 ? void 0 : _a.slideTo(step);
+    };
+    var handleSelectToken = function (token) {
+        setFromTokenSelected(token);
+    };
+    var handleSelectOutputToken = function (output) {
+        setToTokenSelected(output);
+    };
+    var handleOnCloseSwap = (0, react_1.useCallback)(function () {
+        var _a;
+        (_a = props.onClose) === null || _a === void 0 ? void 0 : _a.call(props);
+        gotoStep(SwapStep.FORM);
+    }, [props]);
+    var handleOnOpenSwap = (0, react_1.useCallback)(function () {
+        var _a;
+        (_a = props.onOpen) === null || _a === void 0 ? void 0 : _a.call(props);
+    }, [props]);
+    var openSwapPage = (0, react_1.useCallback)(function () {
+        var _a;
+        (_a = drawerRef.current) === null || _a === void 0 ? void 0 : _a.open();
+        handleOnOpenSwap();
+    }, [handleOnOpenSwap]);
+    var closeSwapPage = (0, react_1.useCallback)(function () {
+        var _a;
+        (_a = drawerRef.current) === null || _a === void 0 ? void 0 : _a.close();
+        handleOnCloseSwap();
+    }, [handleOnCloseSwap]);
+    (0, react_1.useImperativeHandle)(ref, function () { return ({
+        open: openSwapPage,
+        close: closeSwapPage,
+    }); });
+    var handlePreviewSwap = (0, react_1.useCallback)(function () {
+        gotoStep(SwapStep.CONFIRM);
+    }, []);
+    var handleBack = (0, react_1.useCallback)(function () {
+        if (currentStep === SwapStep.FORM) {
+            clearValues();
+            router.back();
+            return;
+        }
+        gotoStep(currentStep - 1);
+    }, [currentStep, clearValues, router]);
+    var handleNewTransaction = (0, react_1.useCallback)(function () {
+        clearValues();
+        gotoStep(SwapStep.FORM);
+        setIsChangeSlidePromptly(false);
+    }, [clearValues]);
+    var handleOnSuccessSwap = (0, react_1.useCallback)(function () {
+        setIsChangeSlidePromptly(true);
+    }, []);
+    return ((0, jsx_runtime_1.jsx)(xhub_keyboard_1.Keyboard, { styles: {
+            container: {
+                height: "100%",
+            },
+        }, id: keyboardId, onChange: handleKeyboardChangeAmount, keyboardType: xhub_keyboard_1.KeyboardType.Double, value: fromAmount === null || fromAmount === void 0 ? void 0 : fromAmount.toString(), keyboardId: "form-amount-keyboard-id", onOpen: handleKeyboardOpen, onClose: handleKeyboardClose, children: (0, jsx_runtime_1.jsx)(ChildPageLayout_1.default, { header: (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)(PageHeader_1.default, { title: SWAP_STEP_NAME[currentStep], overrideBack: handleBack }) }), children: (0, jsx_runtime_1.jsxs)(SwiperControlled_1.default, { ref: swiperRef, swiperProps: {
+                    autoHeight: false,
+                    spaceBetween: 32,
+                    speed: isChangeSlidePromptly ? 0 : 500,
+                }, disableSwipe: true, initialActiveTab: currentStep, sx: {
+                    height: "100%",
+                }, swiperStyle: {
+                    height: "100%",
+                }, children: [(0, jsx_runtime_1.jsx)(react_2.SwiperSlide, { style: __assign(__assign({ height: "100%", minHeight: "100%" }, theme.mixins.pagePadding), { paddingBottom: isKeyboardOpen
+                                ? theme.mixins.customPadding.p8
+                                : theme.mixins.customPadding.p24 }), children: (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: {
+                                display: "flex",
+                                flexDirection: "column",
+                                gap: theme.mixins.gaps.g12,
+                                height: "100%",
+                            }, children: [(0, jsx_runtime_1.jsx)(FromCard_1.default, { onChange: onChange, onChangeToken: handleSelectToken, selectedToken: fromTokenSelected !== null && fromTokenSelected !== void 0 ? fromTokenSelected : undefined, amount: fromAmount !== null && fromAmount !== void 0 ? fromAmount : undefined, setFromInfoIsReady: setFromInfoIsReady, keyboardId: keyboardId, amountWasChanged: isUserTypedAmount }), (0, jsx_runtime_1.jsxs)(material_1.Stack, { direction: "row", alignItems: "center", gap: 1, children: [(0, jsx_runtime_1.jsx)(material_1.SvgIcon, { sx: { width: 18, height: 18 }, children: SvgPath_1.IC_SWAP }), (0, jsx_runtime_1.jsx)(material_1.Divider, { sx: {
+                                                flex: 1,
+                                                borderStyle: "dashed",
+                                                borderColor: "#A3A3A3",
+                                                opacity: 0.3,
+                                            } })] }), (0, jsx_runtime_1.jsx)(CardTo_1.default, { selectedToToken: toTokenSelected !== null && toTokenSelected !== void 0 ? toTokenSelected : undefined, selectedFromToken: fromTokenSelected !== null && fromTokenSelected !== void 0 ? fromTokenSelected : undefined, fromAmount: +(fromAmount !== null && fromAmount !== void 0 ? fromAmount : 0), onChangeToToken: handleSelectOutputToken }), !!toTokenRate && ((0, jsx_runtime_1.jsxs)(Text_1.default, { sx: {
+                                        fontSize: theme.typography.fontSize12,
+                                        fontWeight: theme.typography.fontWeight500,
+                                        color: theme.palette.text.blackContrast,
+                                        alignSelf: "center",
+                                    }, children: ["1 ", fromTokenSelected === null || fromTokenSelected === void 0 ? void 0 : fromTokenSelected.name, " ~", " ", (0, jsx_runtime_1.jsx)(Formatter_1.default, { value: toTokenRate, unit: toTokenSelected === null || toTokenSelected === void 0 ? void 0 : toTokenSelected.name })] })), (0, jsx_runtime_1.jsx)(Button_1.default.Primary, { sx: {
+                                        marginTop: "auto",
+                                    }, status: !fromInfoIsReady ? Button_1.BUTTON_STATUS.DISABLED : Button_1.BUTTON_STATUS.ENABLED, fullWidth: true, onClick: handlePreviewSwap, children: "Preview swap" })] }) }, SwapStep.FORM), (0, jsx_runtime_1.jsx)(react_2.SwiperSlide, { style: __assign({ height: "100%", minHeight: "100%" }, theme.mixins.pagePadding), children: (0, jsx_runtime_1.jsx)(Summary_1.default, { isActiveStep: currentStep === SwapStep.CONFIRM, fromToken: fromTokenSelected !== null && fromTokenSelected !== void 0 ? fromTokenSelected : undefined, toToken: toTokenSelected !== null && toTokenSelected !== void 0 ? toTokenSelected : undefined, fromAmount: +(fromAmount !== null && fromAmount !== void 0 ? fromAmount : 0), receiveAmountEstimate: fromAmount ? +(fromAmount !== null && fromAmount !== void 0 ? fromAmount : 0) * toTokenRate : 0, confirmProps: {
+                                onDone: handleNewTransaction,
+                                onSuccess: handleOnSuccessSwap,
+                            } }) }, SwapStep.CONFIRM)] }) }) }));
+});
+exports.SwapView.displayName = "SwapView";
+exports.default = exports.SwapView;

package/dist/components/TekWallet/components/views/TekWalletView/expose.d.ts

@@ -0,0 +1,2 @@
+export * from "./routes";
+export * from "./";

package/dist/components/TekWallet/components/views/TekWalletView/expose.js

@@ -0,0 +1,18 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./routes"), exports);
+__exportStar(require("./"), exports);

package/dist/components/TekWallet/components/views/TekWalletView/index.d.ts

@@ -0,0 +1,3 @@
+export interface TekWalletViewProps {
+}
+export declare function TekWalletView(): import("react/jsx-runtime").JSX.Element;

package/dist/components/TekWallet/components/views/TekWalletView/index.js

@@ -0,0 +1,16 @@
+"use strict";
+"use client";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TekWalletView = TekWalletView;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var navigation_1 = require("next/navigation");
+var react_1 = require("react");
+var routes_1 = require("./routes");
+function TekWalletView() {
+    var pathname = (0, navigation_1.useParams)().pathname;
+    var pathnameArray = (0, react_1.useMemo)(function () { return (typeof pathname === "string" ? [pathname] : pathname); }, [pathname]);
+    var pathnameFull = (0, react_1.useMemo)(function () { return pathnameArray === null || pathnameArray === void 0 ? void 0 : pathnameArray.join("/"); }, [pathnameArray]);
+    console.warn("🚀 ~ TekWalletView ~ pathnameFull:", pathname, pathnameFull);
+    var View = (0, react_1.useMemo)(function () { return (pathname === undefined ? (0, routes_1.getView)("/") : (0, routes_1.getView)(pathnameFull || "")); }, [pathnameFull, pathname]);
+    return (0, jsx_runtime_1.jsx)(View, {});
+}

package/dist/components/TekWallet/components/views/TekWalletView/routes.d.ts

@@ -0,0 +1,9 @@
+import { ComponentType } from "react";
+export declare enum TekWalletViewRoutes {
+    SEND_INTERNAL = "send/internal",
+    SEND_EXTERNAL = "send/external",
+    SWAP = "swap",
+    ASSET = "/",
+    NOT_FOUND = "not-found"
+}
+export declare const getView: (path: string) => ComponentType;

package/dist/components/TekWallet/components/views/TekWalletView/routes.js

@@ -0,0 +1,74 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getView = exports.TekWalletViewRoutes = void 0;
+var dynamic_1 = __importDefault(require("next/dynamic"));
+var TekWalletViewRoutes;
+(function (TekWalletViewRoutes) {
+    TekWalletViewRoutes["SEND_INTERNAL"] = "send/internal";
+    TekWalletViewRoutes["SEND_EXTERNAL"] = "send/external";
+    TekWalletViewRoutes["SWAP"] = "swap";
+    TekWalletViewRoutes["ASSET"] = "/";
+    TekWalletViewRoutes["NOT_FOUND"] = "not-found";
+})(TekWalletViewRoutes || (exports.TekWalletViewRoutes = TekWalletViewRoutes = {}));
+var getView = function (path) {
+    if (path.startsWith(TekWalletViewRoutes.SEND_INTERNAL)) {
+        return (0, dynamic_1.default)(function () { return Promise.resolve().then(function () { return __importStar(require("../SendInternalView")); }); }, {
+            ssr: false,
+        });
+    }
+    if (path.startsWith(TekWalletViewRoutes.SEND_EXTERNAL)) {
+        return (0, dynamic_1.default)(function () { return Promise.resolve().then(function () { return __importStar(require("../SendExternalView")); }); }, {
+            ssr: false,
+        });
+    }
+    if (path.startsWith(TekWalletViewRoutes.SWAP)) {
+        return (0, dynamic_1.default)(function () { return Promise.resolve().then(function () { return __importStar(require("../SwapView")); }); }, {
+            ssr: false,
+        });
+    }
+    if (path.startsWith(TekWalletViewRoutes.ASSET)) {
+        return (0, dynamic_1.default)(function () { return Promise.resolve().then(function () { return __importStar(require("../AssetView")); }); }, {
+            ssr: false,
+        });
+    }
+    return (0, dynamic_1.default)(function () { return Promise.resolve().then(function () { return __importStar(require("../NotFoundView")); }); }, {
+        ssr: false,
+    });
+};
+exports.getView = getView;

package/dist/components/TekWallet/hooks/useValidateAmount.d.ts

@@ -0,0 +1,26 @@
+import { ReactNode } from "react";
+export declare enum AmountError {
+    INVALID_AMOUNT = "\u24D8 Invalid amount",
+    INSUFFICIENT_BALANCE = "\u24D8 Insufficient balance",
+    MAX_LIMIT = "\u24D8 Enter a maximum amount of",
+    MIN_LIMIT = "\u24D8 Enter a minimum amount of"
+}
+export interface ValidationData {
+    amount: number;
+    min?: number;
+    max?: number;
+    balance?: number;
+    tokenName: string;
+}
+export interface Options {
+}
+export interface UseValidateAmountProps {
+    validationData: ValidationData;
+    options?: Options;
+}
+declare function useValidateAmount({ validationData }: UseValidateAmountProps): {
+    amountError: number | undefined;
+    errorContent: ReactNode;
+    placeholder: string | import("react/jsx-runtime").JSX.Element;
+};
+export default useValidateAmount;

package/dist/components/TekWallet/hooks/useValidateAmount.js

@@ -0,0 +1,103 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AmountError = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
+var providers_1 = require("../providers");
+var components_1 = require("../components");
+var material_1 = require("@mui/material");
+var Text_1 = __importDefault(require("../components/ui/Text"));
+var AmountError;
+(function (AmountError) {
+    AmountError["INVALID_AMOUNT"] = "\u24D8 Invalid amount";
+    AmountError["INSUFFICIENT_BALANCE"] = "\u24D8 Insufficient balance";
+    AmountError["MAX_LIMIT"] = "\u24D8 Enter a maximum amount of";
+    AmountError["MIN_LIMIT"] = "\u24D8 Enter a minimum amount of";
+})(AmountError || (exports.AmountError = AmountError = {}));
+var ErrorContent = function (_a) {
+    var children = _a.children;
+    var theme = (0, providers_1.useTheme)();
+    return (0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, theme.mixins.validationError), children: children });
+};
+var Container = function (_a) {
+    var children = _a.children;
+    return ((0, jsx_runtime_1.jsx)(material_1.Box, { sx: {
+            pointerEvents: "none",
+            display: "inline-flex",
+            alignItems: "center",
+            gap: "0.25rem",
+        }, children: children }));
+};
+function useValidateAmount(_a) {
+    var validationData = _a.validationData;
+    var amount = validationData.amount, min = validationData.min, max = validationData.max, balance = validationData.balance, tokenName = validationData.tokenName;
+    var minValue = (0, react_1.useMemo)(function () { return +(min || 0); }, [min]);
+    var maxValue = (0, react_1.useMemo)(function () { return +(max || Infinity); }, [max]);
+    var theBalance = (0, react_1.useMemo)(function () { return +(balance || 0); }, [balance]);
+    var _b = (0, react_1.useState)(), amountError = _b[0], setAmountError = _b[1];
+    var _c = (0, react_1.useState)(), errorContent = _c[0], setErrorContent = _c[1];
+    var placeholder = (0, react_1.useMemo)(function () {
+        if (!!minValue && !!maxValue) {
+            return ((0, jsx_runtime_1.jsxs)(Container, { children: [(0, jsx_runtime_1.jsx)(components_1.Formatter, { value: minValue, unit: " ".concat(tokenName) }), " -", " ", (0, jsx_runtime_1.jsx)(components_1.Formatter, { value: maxValue, unit: " ".concat(tokenName) })] }));
+        }
+        if (!!minValue && maxValue === Infinity) {
+            return ((0, jsx_runtime_1.jsxs)(Container, { children: ["Min ", (0, jsx_runtime_1.jsx)(components_1.Formatter, { value: minValue, unit: " ".concat(tokenName) })] }));
+        }
+        if (!!maxValue && maxValue !== Infinity && !minValue) {
+            return ((0, jsx_runtime_1.jsxs)(Container, { children: ["Max ", (0, jsx_runtime_1.jsx)(components_1.Formatter, { value: maxValue, unit: " ".concat(tokenName) })] }));
+        }
+        return "Enter amount";
+    }, [minValue, maxValue, tokenName]);
+    var validateAmount = (0, react_1.useCallback)(function () {
+        var amountIsNotANumber = isNaN(+amount);
+        if (amountIsNotANumber) {
+            setAmountError(undefined);
+            setErrorContent((0, jsx_runtime_1.jsx)(ErrorContent, { children: AmountError.INVALID_AMOUNT }));
+            return false;
+        }
+        var isAmountGreaterThanMaxValue = +amount > maxValue;
+        var isAmountLessThanMinValue = +amount < minValue;
+        var isAmountGreaterThanBalance = +amount > theBalance;
+        if (isAmountLessThanMinValue) {
+            setAmountError(minValue);
+            setErrorContent((0, jsx_runtime_1.jsxs)(ErrorContent, { children: [AmountError.MIN_LIMIT, " ", (0, jsx_runtime_1.jsx)(components_1.Formatter, { value: minValue, unit: tokenName })] }));
+            return false;
+        }
+        if (isAmountGreaterThanMaxValue) {
+            setAmountError(maxValue);
+            setErrorContent((0, jsx_runtime_1.jsxs)(ErrorContent, { children: [AmountError.MAX_LIMIT, " ", (0, jsx_runtime_1.jsx)(components_1.Formatter, { value: maxValue, unit: tokenName })] }));
+            return false;
+        }
+        if (isAmountGreaterThanBalance) {
+            setAmountError(undefined);
+            setErrorContent((0, jsx_runtime_1.jsx)(ErrorContent, { children: AmountError.INSUFFICIENT_BALANCE }));
+            return false;
+        }
+        setAmountError(undefined);
+        setErrorContent(undefined);
+        return true;
+    }, [minValue, maxValue, theBalance, amount, tokenName]);
+    (0, react_1.useEffect)(function () {
+        validateAmount();
+    }, [validateAmount]);
+    return {
+        amountError: amountError,
+        errorContent: errorContent,
+        placeholder: placeholder,
+    };
+}
+exports.default = useValidateAmount;

package/dist/components/TekWallet/providers/EventHandlerProvider/index.js

@@ -13,10 +13,15 @@ function EventHandlerProvider(props) {
     var _a = (0, useEventHandler_1.useEventHandler)(), transactionHandler = _a.transactionHandler, walletInfoHandler = _a.walletInfoHandler;
     var _b = (0, useRealtime_1.default)(), pushNotification = _b.pushNotification, transaction = _b.transaction, walletHandlerInfo = _b.walletHandlerInfo;
     (0, react_1.useEffect)(function () {
+        var _a;
         if (!transactionHandler || !transaction)
             return;
         var theMessage = transactionHandler(transaction);
         if (theMessage) {
+            if ((_a = theMessage.id) === null || _a === void 0 ? void 0 : _a.includes("processing")) {
+                return;
+            }
+            console.warn("🚀 ~ EventHandlerProvider ~ theMessage:", theMessage);
             pushNotification(theMessage);
         }
     }, [transaction]);

package/dist/components/TekWallet/providers/RealtimeProvider/index.js

@@ -121,14 +121,14 @@ function RealtimeProvider(_a) {
             transaction: transaction,
             walletHandlerInfo: walletHandlerInfo,
             pushNotification: pushNotification,
-        }, children: [children, (options === null || options === void 0 ? void 0 : options.useDefaultToastMessage) && ((0, jsx_runtime_1.jsx)(notistack_1.SnackbarProvider, { maxSnack: 2, children: notifications.map(function (notification) {
+        }, children: [children, !!(options === null || options === void 0 ? void 0 : options.useDefaultToastMessage) && ((0, jsx_runtime_1.jsx)(notistack_1.SnackbarProvider, { maxSnack: 2, children: notifications.map(function (notification) {
                     var _a, _b, _c, _d, _e, _f;
                     return ((0, jsx_runtime_1.jsx)(material_1.Snackbar, { open: (_a = notification.open) !== null && _a !== void 0 ? _a : true, anchorOrigin: {
                             vertical: (_c = (_b = notification === null || notification === void 0 ? void 0 : notification.anchorOrigin) === null || _b === void 0 ? void 0 : _b.vertical) !== null && _c !== void 0 ? _c : "top",
                             horizontal: (_e = (_d = notification === null || notification === void 0 ? void 0 : notification.anchorOrigin) === null || _d === void 0 ? void 0 : _d.horizontal) !== null && _e !== void 0 ? _e : "right",
                         }, onClose: function () {
                             closeNotification(notification.id);
-                        }, slots: { transition: GrowTransition }, autoHideDuration: (_f = notification.duration) !== null && _f !== void 0 ? _f : 3000, children: (0, jsx_runtime_1.jsx)(material_1.Alert, { icon: false, severity: notification.type, sx: {
+                        }, slots: { transition: GrowTransition }, autoHideDuration: (_f = notification.duration) !== null && _f !== void 0 ? _f : 10000, children: (0, jsx_runtime_1.jsx)(material_1.Alert, { icon: false, severity: notification.type, sx: {
                                 width: "fit-content",
                                 borderRadius: theme.mixins.customRadius.r6,
                                 mx: "auto",

package/dist/components/TekWallet/providers/TekWalletProvider/index.d.ts

@@ -2,6 +2,7 @@ import { ReactNode } from "react";
 export interface Options {
     hideDefaultActivities?: boolean;
     useDefaultToastMessage?: boolean;
+    basePath?: string;
 }
 export interface TekWalletProviderProps {
     children: ReactNode;
@@ -11,7 +12,9 @@ export interface TekWalletProviderProps {
 }
 export interface TekWalletContextType {
     isSSO: boolean | undefined;
+    options?: Options;
 }
 export declare const TekWalletContext: import("react").Context<TekWalletContextType>;
 export declare function TekWalletProvider({ children, isSSO, accessToken, options, }: TekWalletProviderProps): import("react/jsx-runtime").JSX.Element;
 export default TekWalletProvider;
+export declare const useWalletConfig: () => TekWalletContextType;

package/dist/components/TekWallet/providers/TekWalletProvider/index.js

@@ -4,7 +4,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.TekWalletContext = void 0;
+exports.useWalletConfig = exports.TekWalletContext = void 0;
 exports.TekWalletProvider = TekWalletProvider;
 var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = require("react");
@@ -20,6 +20,7 @@ var WalletDataProvider_1 = __importDefault(require("../WalletDataProvider"));
 var ThemeProvider_1 = require("../ThemeProvider");
 var initialTekWalletContext = {
     isSSO: undefined,
+    options: undefined,
 };
 exports.TekWalletContext = (0, react_1.createContext)(initialTekWalletContext);
 function TekWalletProvider(_a) {
@@ -29,6 +30,11 @@ function TekWalletProvider(_a) {
     var onDisconnect = function () {
         setResetTrigger(function (prev) { return prev + "1"; });
     };
-    return ((0, jsx_runtime_1.jsx)(exports.TekWalletContext.Provider, { value: { isSSO: isSSO }, children: (0, jsx_runtime_1.jsx)(WalletProvider, { accessToken: accessToken !== null && accessToken !== void 0 ? accessToken : "", onDisconnect: onDisconnect, children: (0, jsx_runtime_1.jsx)(ThemeProvider_1.CustomThemeProvider, { children: (0, jsx_runtime_1.jsx)(RealtimeProvider_1.default, { options: options, children: (0, jsx_runtime_1.jsx)(ActivitiesProvider_1.default, { children: (0, jsx_runtime_1.jsx)(ReceiveProvider_1.default, { children: (0, jsx_runtime_1.jsx)(LockTokenProvider_1.default, { children: (0, jsx_runtime_1.jsx)(WithdrawProvider_1.default, { children: (0, jsx_runtime_1.jsx)(SwapProvider_1.default, { children: (0, jsx_runtime_1.jsx)(EventHandlerProvider_1.default, { options: options, children: children }) }) }) }) }) }) }) }) }, resetTrigger) }));
+    return ((0, jsx_runtime_1.jsx)(exports.TekWalletContext.Provider, { value: { isSSO: isSSO, options: options }, children: (0, jsx_runtime_1.jsx)(WalletProvider, { accessToken: accessToken !== null && accessToken !== void 0 ? accessToken : "", onDisconnect: onDisconnect, children: (0, jsx_runtime_1.jsx)(ThemeProvider_1.CustomThemeProvider, { children: (0, jsx_runtime_1.jsx)(RealtimeProvider_1.default, { options: options, children: (0, jsx_runtime_1.jsx)(ActivitiesProvider_1.default, { children: (0, jsx_runtime_1.jsx)(ReceiveProvider_1.default, { children: (0, jsx_runtime_1.jsx)(LockTokenProvider_1.default, { children: (0, jsx_runtime_1.jsx)(WithdrawProvider_1.default, { children: (0, jsx_runtime_1.jsx)(SwapProvider_1.default, { children: (0, jsx_runtime_1.jsx)(EventHandlerProvider_1.default, { options: options, children: children }) }) }) }) }) }) }) }) }, resetTrigger) }));
 }
 exports.default = TekWalletProvider;
+var useWalletConfig = function () {
+    var config = (0, react_1.useContext)(exports.TekWalletContext);
+    return config;
+};
+exports.useWalletConfig = useWalletConfig;

package/dist/components/TekWallet/providers/WithdrawProvider/index.js

@@ -80,6 +80,9 @@ var react_1 = __importStar(require("react"));
 var useWalletData_1 = __importDefault(require("../../hooks/useWalletData"));
 var get_withdraw_tokens_list_service_1 = __importDefault(require("../../services/axios/get-withdraw-tokens-list-service"));
 var get_send_tokens_list_service_1 = __importDefault(require("../../services/axios/get-send-tokens-list-service"));
+// import { WithdrawCurrency } from "../../services/axios/get-withdraw-tokens-list-service/type";
+// import { FeesDataType } from "../../services/axios/get-est-fee-service/type";
+// import { NetworkData } from "../../services/axios/type";
 exports.initialWithdraw = {
     isLoadingWithdrawToken: false,
     withdrawTokens: undefined,
@@ -153,6 +156,17 @@ function WithdrawProvider(_a) {
             }
         });
     }); }, [isInitPasscode, isLoadingSendInternalToken]);
+    // const [recipientAddress, setRecipientAddress] = useState<string>("");
+    // const [amount, setAmount] = useState<number>(0);
+    // const [comment, setComment] = useState<string>("");
+    // const [selectedToken, setSelectedToken] = useState<WithdrawCurrency | undefined>();
+    // const [estimateFee, setEstimateFee] = useState<FeesDataType>();
+    // const [selectedNetwork, setSelectedNetwork] = useState<NetworkData | undefined>();
+    // const [isLoadingEstimateFee, setIsLoadingEstimateFee] = useState<boolean>(false);
+    // const [isValidatingAddress, setIsValidatingAddress] = useState<boolean>(false);
+    // const [isEnoughBalanceToPayFee, setIsEnoughBalanceToPayFee] = useState<boolean>(false);
+    // const [amountError, setAmountError] = useState<string | undefined>();
+    // const [amountErrorMessage, setAmountErrorMessage] = useState<string | undefined>();
     return ((0, jsx_runtime_1.jsx)(exports.WithdrawContext.Provider, { value: {
             isLoadingWithdrawToken: isLoadingWithdrawToken,
             withdrawTokens: withdrawTokens,
@@ -160,6 +174,28 @@ function WithdrawProvider(_a) {
             isLoadingSendInternalToken: isLoadingSendInternalToken,
             sendInternalTokens: sendInternalTokens,
             updateSendInternalToken: updateSendInternalToken,
+            // recipientAddress,
+            // setRecipientAddress,
+            // amount,
+            // setAmount,
+            // comment,
+            // setComment,
+            // selectedToken,
+            // setSelectedToken,
+            // estimateFee,
+            // setEstimateFee,
+            // selectedNetwork,
+            // setSelectedNetwork,
+            // isLoadingEstimateFee,
+            // setIsLoadingEstimateFee,
+            // isValidatingAddress,
+            // setIsValidatingAddress,
+            // isEnoughBalanceToPayFee,
+            // setIsEnoughBalanceToPayFee,
+            // amountError,
+            // setAmountError,
+            // amountErrorMessage,
+            // setAmountErrorMessage,
         }, children: children }));
 }
 exports.default = WithdrawProvider;