tek-wallet 0.0.756 → 0.0.758

package/dist/components/TekWallet/components/ui/CopyTextComponent/index.js

@@ -104,7 +104,7 @@ var CopyTextComponent = function (_a) {
                         ? "opacity 0.5s linear, transform 0.17s linear"
                         : "opacity 0.15s linear, transform 0.1s linear",
                 }, children: [iconSuccess || (0, jsx_runtime_1.jsx)(material_1.SvgIcon, { sx: { width: "1rem", height: "1rem" }, children: SvgPath_1.IC_SUCCESS }), !hideTextMessage && ((0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
-                            color: theme.palette.text.successStatus,
+                            color: "#01FF00",
                             fontSize: theme.typography.fontSize14,
                             lineHeight: theme.typography.leading100,
                         }, children: "Copied" }))] })] }));

package/dist/components/TekWallet/components/ui/FiatDeposit/index.js

@@ -71,6 +71,9 @@ var Text_1 = __importDefault(require("../Text"));
 var style_1 = require("./style");
 var palette_1 = require("../../../theme/mui/deposit-fiat-theme/palette");
 var type_1 = require("../../../services/axios/get-activities-service/type");
+var CopyTextComponent_1 = __importDefault(require("../CopyTextComponent"));
+var Formatter_1 = __importDefault(require("../Formatter"));
+var PageHeader_1 = __importDefault(require("../PageHeader"));
 // Because PageHeader component don't work
 var BackArrow = function (props) {
     return ((0, jsx_runtime_1.jsxs)("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none" }, props, { children: [(0, jsx_runtime_1.jsx)("mask", { id: "mask0_6061_2295", style: { maskType: "alpha" }, maskUnits: "userSpaceOnUse", x: "0", y: "0", width: "24", height: "24", children: (0, jsx_runtime_1.jsx)("rect", { width: "24", height: "24", fill: "#D9D9D9" }) }), (0, jsx_runtime_1.jsx)("g", { mask: "url(#mask0_6061_2295)", children: (0, jsx_runtime_1.jsx)("path", { d: "M14 17.6538L8.34619 12L14 6.34619L15.0538 7.40002L10.4538 12L15.0538 16.6L14 17.6538Z", fill: "#121212" }) })] })));
@@ -82,29 +85,29 @@ var Header = function (_a) {
             gridTemplateColumns: "1fr 1fr 1fr",
             gridTemplateRows: "1fr",
             alignItems: "center",
-        }, children: [(0, jsx_runtime_1.jsx)(material_1.Grid2, { children: (0, jsx_runtime_1.jsx)(BackArrow, { onClick: handleBack }) }), (0, jsx_runtime_1.jsx)(material_1.Grid2, { display: "flex", children: (0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign(__assign({}, style_1.title01), { width: "100%", textAlign: "center" }), children: "Top up" }) }), (0, jsx_runtime_1.jsx)(material_1.Grid2, { children: (0, jsx_runtime_1.jsxs)(material_1.Box, { display: "flex", alignItems: "center", justifyContent: "end", gap: ".5rem", children: [(0, jsx_runtime_1.jsx)(material_1.SvgIcon, { sx: { width: 20, height: 20 }, children: SvgPath_1.IC_HELP }), (0, jsx_runtime_1.jsx)(material_1.Divider, { flexItem: true, sx: { width: "1px" } }), (0, jsx_runtime_1.jsx)(DrawerComponent_1.default, { ref: historyRef, trigger: (0, jsx_runtime_1.jsx)(material_1.SvgIcon, { sx: { width: 20, height: 20, display: "block" }, children: SvgPath_1.IC_HISTORY }), direction: DrawerComponent_1.DRAWER_DIRECTION.RIGHT, children: (0, jsx_runtime_1.jsx)(ReceiveHistory_1.default, { onClose: function () { var _a; return (_a = historyRef.current) === null || _a === void 0 ? void 0 : _a.close(); } }) })] }) })] }));
+        }, children: [(0, jsx_runtime_1.jsx)(material_1.Grid2, { children: (0, jsx_runtime_1.jsx)(BackArrow, { onClick: handleBack }) }), (0, jsx_runtime_1.jsx)(material_1.Grid2, { display: "flex", children: (0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign(__assign({}, style_1.title01), { width: "100%", textAlign: "center" }), children: "Top up" }) }), false && ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)(material_1.Grid2, { children: (0, jsx_runtime_1.jsxs)(material_1.Box, { display: "flex", alignItems: "center", justifyContent: "end", gap: ".5rem", children: [(0, jsx_runtime_1.jsx)(material_1.SvgIcon, { sx: { width: 20, height: 20 }, children: SvgPath_1.IC_HELP }), (0, jsx_runtime_1.jsx)(material_1.Divider, { flexItem: true, sx: { width: "1px" } }), (0, jsx_runtime_1.jsx)(DrawerComponent_1.default, { ref: historyRef, trigger: (0, jsx_runtime_1.jsx)(material_1.SvgIcon, { sx: { width: 20, height: 20, display: "block" }, children: SvgPath_1.IC_HISTORY }), direction: DrawerComponent_1.DRAWER_DIRECTION.RIGHT, children: (0, jsx_runtime_1.jsx)(ReceiveHistory_1.default, { onClose: function () { var _a; return (_a = historyRef.current) === null || _a === void 0 ? void 0 : _a.close(); } }) })] }) }) }))] }));
 };
 var CopyIcon = function () {
     return ((0, jsx_runtime_1.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "17", height: "16", viewBox: "0 0 17 16", fill: "none", children: (0, jsx_runtime_1.jsx)("path", { d: "M11 11.5V13.75C11 14.164 10.664 14.5 10.25 14.5H3.75C3.55109 14.5 3.36032 14.421 3.21967 14.2803C3.07902 14.1397 3 13.9489 3 13.75V5.25C3 4.836 3.336 4.5 3.75 4.5H5C5.33505 4.49977 5.66954 4.52742 6 4.58267M11 11.5H13.25C13.664 11.5 14 11.164 14 10.75V7.5C14 4.52667 11.838 2.05933 9 1.58267C8.66954 1.52742 8.33505 1.49977 8 1.5H6.75C6.336 1.5 6 1.836 6 2.25V4.58267M11 11.5H6.75C6.55109 11.5 6.36032 11.421 6.21967 11.2803C6.07902 11.1397 6 10.9489 6 10.75V4.58267M14 9V7.75C14 7.15326 13.7629 6.58097 13.341 6.15901C12.919 5.73705 12.3467 5.5 11.75 5.5H10.75C10.5511 5.5 10.3603 5.42098 10.2197 5.28033C10.079 5.13968 10 4.94891 10 4.75V3.75C10 3.45453 9.9418 3.16195 9.82873 2.88896C9.71566 2.61598 9.54992 2.36794 9.34099 2.15901C9.13206 1.95008 8.88402 1.78435 8.61104 1.67127C8.33806 1.5582 8.04547 1.5 7.75 1.5H7", stroke: "#1C461D", strokeWidth: "1.25", strokeLinecap: "round", strokeLinejoin: "round" }) }));
 };
 exports.CopyIcon = CopyIcon;
 function FiatDeposit(_a) {
-    var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
+    var _b, _c, _d, _e, _f, _g, _h, _j;
     var children = _a.children;
     var amountInputRef = (0, react_1.useRef)(null);
-    var _m = (0, useWallet_1.default)(), masterWallet = _m.masterWallet, transaction = _m.transaction, receiveExternalTokens = _m.receiveExternalTokens, tokens = _m.tokens, pushNotification = _m.pushNotification;
-    var _o = (0, react_1.useState)(false), open = _o[0], setOpen = _o[1];
-    var _p = (0, react_1.useState)(false), openQR = _p[0], setOpenQR = _p[1];
-    var _q = (0, react_1.useState)(false), openShare = _q[0], setOpenShare = _q[1];
+    var _k = (0, useWallet_1.default)(), masterWallet = _k.masterWallet, transaction = _k.transaction, receiveExternalTokens = _k.receiveExternalTokens, tokens = _k.tokens;
+    var _l = (0, react_1.useState)(false), open = _l[0], setOpen = _l[1];
+    var _m = (0, react_1.useState)(false), openQR = _m[0], setOpenQR = _m[1];
+    var _o = (0, react_1.useState)(false), openShare = _o[0], setOpenShare = _o[1];
     var keyboardId = (0, useUniqueId_1.useUniqueId)("receive-function-keyboard");
-    var _r = (0, react_1.useState)(""), inputAmount = _r[0], setInputAmount = _r[1];
-    var _s = (0, react_1.useState)(null), depositData = _s[0], setDepositData = _s[1];
-    var _t = (0, react_1.useState)(false), loading = _t[0], setLoading = _t[1];
-    var _u = (0, react_1.useState)(null), error = _u[0], setError = _u[1];
-    var _v = (0, react_1.useState)(false), copySuccess = _v[0], setCopySuccess = _v[1];
-    var _w = (0, usehooks_ts_1.useCountdown)({
+    var _p = (0, react_1.useState)(""), inputAmount = _p[0], setInputAmount = _p[1];
+    var _q = (0, react_1.useState)(null), depositData = _q[0], setDepositData = _q[1];
+    var _r = (0, react_1.useState)(false), loading = _r[0], setLoading = _r[1];
+    var _s = (0, react_1.useState)(null), error = _s[0], setError = _s[1];
+    var _t = (0, react_1.useState)(false), copySuccess = _t[0], setCopySuccess = _t[1];
+    var _u = (0, usehooks_ts_1.useCountdown)({
         countStart: 600,
-    }), count = _w[0], _x = _w[1], startCountdown = _x.startCountdown, resetCountdown = _x.resetCountdown;
+    }), count = _u[0], _v = _u[1], startCountdown = _v.startCountdown, resetCountdown = _v.resetCountdown;
     var handleChangeAmount = function (value) {
         var amountNumber = Number(value);
         if (isNaN(amountNumber)) {
@@ -162,34 +165,20 @@ function FiatDeposit(_a) {
             return function () { return clearTimeout(timeout_1); };
         }
     }, [copySuccess]);
-    var handleCopyLink = function (text) {
-        if (!(depositData === null || depositData === void 0 ? void 0 : depositData.id) || copySuccess)
-            return;
-        navigator.clipboard
-            .writeText(text)
-            .then(function () {
-            setCopySuccess(true);
-        })
-            .catch(function (err) {
-            console.error("Failed to copy link:", err);
-        });
-    };
     (0, react_1.useEffect)(function () {
-        if ((transaction === null || transaction === void 0 ? void 0 : transaction.transaction_status) === "success" &&
-            (transaction === null || transaction === void 0 ? void 0 : transaction.transaction_type) === type_1.TransactionSlug.DEPOSIT) {
-            // updateActivities();
+        var _a;
+        console.warn("🚀 ~ hhhhh FiatDeposit ~ transaction:", transaction, depositData);
+        // return;
+        if ((transaction === null || transaction === void 0 ? void 0 : transaction.transaction_status) === type_1.TransactionStatus.Success &&
+            ((_a = transaction === null || transaction === void 0 ? void 0 : transaction.transaction_type) === null || _a === void 0 ? void 0 : _a.slug) === type_1.TransactionSlug.RECEIVE &&
+            (depositData === null || depositData === void 0 ? void 0 : depositData.orderId) === (transaction === null || transaction === void 0 ? void 0 : transaction.order_id)) {
             setOpen(false);
             setOpenQR(false);
             setOpenShare(false);
             setInputAmount("");
-            pushNotification({
-                message: "Deposit successful!",
-                type: "success",
-                id: "deposit-fiat-success",
-            });
+            setDepositData(null);
         }
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [transaction]);
+    }, [transaction, depositData]);
     (0, react_1.useEffect)(function () {
         if (inputAmount && !isNaN(Number(inputAmount)) && validateInput(inputAmount.toString())) {
             setError(null);
@@ -202,7 +191,9 @@ function FiatDeposit(_a) {
                 }, children: children }), (0, jsx_runtime_1.jsxs)(material_1.Drawer, { classes: { paper: "w-full" }, open: open, onClose: function () {
                     setOpen(false);
                     setInputAmount("");
-                }, anchor: "right", keepMounted: false, onClick: function (e) { return e.stopPropagation(); }, children: [(0, jsx_runtime_1.jsx)(Header, { handleBack: function () {
+                }, anchor: "right", keepMounted: false, onClick: function (e) { return e.stopPropagation(); }, children: [(0, jsx_runtime_1.jsx)(PageHeader_1.default, { sx: {
+                            height: "fit-content",
+                        }, title: "Top up", overrideBack: function () {
                             setOpen(false);
                             setInputAmount("");
                         } }), (0, jsx_runtime_1.jsx)(xhub_keyboard_1.Keyboard, { id: keyboardId, onChange: handleChangeAmount, keyboardType: xhub_keyboard_1.KeyboardType.Double, value: inputAmount === null || inputAmount === void 0 ? void 0 : inputAmount.toString(), keyboardId: "amount-keyboard-id", classNames: {
@@ -246,11 +237,16 @@ function FiatDeposit(_a) {
                                                 display: "flex",
                                                 alignItems: "center",
                                                 flexDirection: "column",
-                                            }, color: "primary", children: [(0, formatter_1.default)((_g = depositData === null || depositData === void 0 ? void 0 : depositData.amount) !== null && _g !== void 0 ? _g : 0, false, false) || "--", (0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
+                                                color: theme_1.default.palette.primary.main,
+                                            }, children: [(0, jsx_runtime_1.jsx)(Formatter_1.default, { value: depositData === null || depositData === void 0 ? void 0 : depositData.amount, unit: "VND", hideUnitOutSide: true }), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
                                                         fontSize: "0.938rem",
                                                         fontWeight: 500,
                                                         lineHeight: "140%",
-                                                    }, color: (_h = palette_1.palette.accent2) === null || _h === void 0 ? void 0 : _h.main, children: "VND" })] }), (0, jsx_runtime_1.jsxs)(Text_1.default, { display: "flex", alignItems: "center", gap: "0.375rem", sx: __assign({}, style_1.title03), color: (_j = palette_1.palette.accent2) === null || _j === void 0 ? void 0 : _j.main, children: ["Top up time left", (0, jsx_runtime_1.jsx)(TimeText_1.default, { seconds: count }), (0, jsx_runtime_1.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", children: (0, jsx_runtime_1.jsx)("path", { d: "M7 5V7.5M13 7C13 7.78793 12.8448 8.56815 12.5433 9.2961C12.2417 10.0241 11.7998 10.6855 11.2426 11.2426C10.6855 11.7998 10.0241 12.2417 9.2961 12.5433C8.56815 12.8448 7.78793 13 7 13C6.21207 13 5.43185 12.8448 4.7039 12.5433C3.97595 12.2417 3.31451 11.7998 2.75736 11.2426C2.20021 10.6855 1.75825 10.0241 1.45672 9.2961C1.15519 8.56815 1 7.78793 1 7C1 5.4087 1.63214 3.88258 2.75736 2.75736C3.88258 1.63214 5.4087 1 7 1C8.5913 1 10.1174 1.63214 11.2426 2.75736C12.3679 3.88258 13 5.4087 13 7ZM7 9.5H7.00533V9.50533H7V9.5Z", stroke: "#1C461D", strokeLinecap: "round", strokeLinejoin: "round" }) })] }), (0, jsx_runtime_1.jsx)(material_1.Divider, { flexItem: true }), (0, jsx_runtime_1.jsxs)(Text_1.default, { display: "flex", flexDirection: "column", alignItems: "center", gap: "0.375rem", sx: __assign({}, style_1.title01), children: [depositData === null || depositData === void 0 ? void 0 : depositData.metadata.bank_account.account_name, (0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, style_1.content02), color: (_k = palette_1.palette.accent2) === null || _k === void 0 ? void 0 : _k.main, children: depositData === null || depositData === void 0 ? void 0 : depositData.metadata.bank_account.bank_name }), (0, jsx_runtime_1.jsxs)(Text_1.default, { sx: __assign({}, style_1.title02), display: "flex", alignItems: "center", gap: "0.25rem", children: [copySuccess ? "Copied!" : depositData === null || depositData === void 0 ? void 0 : depositData.metadata.bank_account.account_number, (0, jsx_runtime_1.jsx)("button", { type: "button", onClick: function () { var _a; return handleCopyLink((_a = depositData === null || depositData === void 0 ? void 0 : depositData.metadata.bank_account.account_number) !== null && _a !== void 0 ? _a : ""); }, children: (0, jsx_runtime_1.jsx)(exports.CopyIcon, {}) })] }), (0, jsx_runtime_1.jsx)(link_1.default, { href: (_l = depositData === null || depositData === void 0 ? void 0 : depositData._link.payment_link.href) !== null && _l !== void 0 ? _l : "#", target: "_blank", rel: "noopener noreferrer", style: {
+                                                    }, children: "VND" })] }), (0, jsx_runtime_1.jsxs)(Text_1.default, { display: "flex", alignItems: "center", gap: "0.375rem", sx: __assign({}, style_1.title03), color: (_g = palette_1.palette.accent2) === null || _g === void 0 ? void 0 : _g.main, children: ["Top up time left", (0, jsx_runtime_1.jsx)(TimeText_1.default, { seconds: count }), (0, jsx_runtime_1.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", children: (0, jsx_runtime_1.jsx)("path", { d: "M7 5V7.5M13 7C13 7.78793 12.8448 8.56815 12.5433 9.2961C12.2417 10.0241 11.7998 10.6855 11.2426 11.2426C10.6855 11.7998 10.0241 12.2417 9.2961 12.5433C8.56815 12.8448 7.78793 13 7 13C6.21207 13 5.43185 12.8448 4.7039 12.5433C3.97595 12.2417 3.31451 11.7998 2.75736 11.2426C2.20021 10.6855 1.75825 10.0241 1.45672 9.2961C1.15519 8.56815 1 7.78793 1 7C1 5.4087 1.63214 3.88258 2.75736 2.75736C3.88258 1.63214 5.4087 1 7 1C8.5913 1 10.1174 1.63214 11.2426 2.75736C12.3679 3.88258 13 5.4087 13 7ZM7 9.5H7.00533V9.50533H7V9.5Z", stroke: "#1C461D", strokeLinecap: "round", strokeLinejoin: "round" }) })] }), (0, jsx_runtime_1.jsx)(material_1.Divider, { flexItem: true }), (0, jsx_runtime_1.jsxs)(Text_1.default, { display: "flex", flexDirection: "column", alignItems: "center", gap: "0.375rem", sx: __assign({}, style_1.title01), children: [depositData === null || depositData === void 0 ? void 0 : depositData.metadata.bank_account.account_name, (0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, style_1.content02), color: (_h = palette_1.palette.accent2) === null || _h === void 0 ? void 0 : _h.main, children: depositData === null || depositData === void 0 ? void 0 : depositData.metadata.bank_account.bank_name }), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, style_1.title02), display: "flex", alignItems: "center", gap: "0.25rem", children: (0, jsx_runtime_1.jsxs)(CopyTextComponent_1.default, { sx: {
+                                                            display: "flex",
+                                                            alignItems: "center",
+                                                            gap: 1,
+                                                        }, value: (depositData === null || depositData === void 0 ? void 0 : depositData.metadata.bank_account.account_number) || "", children: [depositData === null || depositData === void 0 ? void 0 : depositData.metadata.bank_account.account_number, " ", (0, jsx_runtime_1.jsx)(exports.CopyIcon, {})] }) }), (0, jsx_runtime_1.jsx)(link_1.default, { href: (_j = depositData === null || depositData === void 0 ? void 0 : depositData._link.payment_link.href) !== null && _j !== void 0 ? _j : "#", target: "_blank", rel: "noopener noreferrer", style: {
                                                         marginTop: "-0.5rem",
                                                     }, children: (0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign(__assign({}, style_1.content02), { textDecoration: "underline", fontStyle: "italic" }), children: "Transfer" }) })] })] }) }), (0, jsx_runtime_1.jsx)(material_1.Box, { pt: "0.75rem", pb: "1rem", width: "100%", children: (0, jsx_runtime_1.jsx)(Button_1.default.Primary, { disabled: loading, loading: loading, onClick: function () {
                                         if (count === 0) {

package/dist/components/TekWallet/components/ui/NeonLineChart/index.js

@@ -26,8 +26,8 @@ var material_1 = require("@mui/material");
 var ThemeProvider_1 = require("../../../providers/ThemeProvider");
 var formatDate_1 = __importDefault(require("../../../utils/formatDate"));
 function NeonLineChart(_a) {
-    var _b, _c, _d, _e;
-    var series = _a.series, categories = _a.categories, _f = _a.showMinMaxValues, showMinMaxValues = _f === void 0 ? false : _f, children = _a.children, sx = _a.sx;
+    var _b, _c, _d;
+    var series = _a.series, categories = _a.categories, _e = _a.showMinMaxValues, showMinMaxValues = _e === void 0 ? false : _e, children = _a.children, sx = _a.sx;
     var chartComponentRef = (0, react_1.useRef)(null);
     var formatValue = (0, useFormatter_1.default)().formatValue;
     var theme = (0, ThemeProvider_1.useTheme)();
@@ -97,7 +97,7 @@ function NeonLineChart(_a) {
     var data = (0, react_1.useMemo)(function () {
         var _a, _b;
         return (_b = (_a = series === null || series === void 0 ? void 0 : series[0]) === null || _a === void 0 ? void 0 : _a.data) !== null && _b !== void 0 ? _b : [];
-    }, [((_d = series === null || series === void 0 ? void 0 : series[0]) === null || _d === void 0 ? void 0 : _d.data) && JSON.stringify((_e = series === null || series === void 0 ? void 0 : series[0]) === null || _e === void 0 ? void 0 : _e.data)]);
+    }, [(_d = series === null || series === void 0 ? void 0 : series[0]) === null || _d === void 0 ? void 0 : _d.data]);
     var chartLength = (0, react_1.useMemo)(function () {
         try {
             var length_1 = data === null || data === void 0 ? void 0 : data.length;
@@ -124,7 +124,7 @@ function NeonLineChart(_a) {
         catch (_a) {
             return -1;
         }
-    }, [maxValue]);
+    }, [maxValue, data]);
     var minValue = (0, react_1.useMemo)(function () {
         try {
             var min = Math.min.apply(Math, (data !== null && data !== void 0 ? data : []));
@@ -142,7 +142,7 @@ function NeonLineChart(_a) {
         catch (_a) {
             return -1;
         }
-    }, [minValue]);
+    }, [minValue, data]);
     return ((0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign({ position: "relative" }, sx), children: [showMinMaxValues && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(framer_motion_1.motion.div, { className: "absolute top-0 w-fit z-50", style: {
                             left: "".concat((maxIndex / chartLength) * 100, "%"),
                         }, initial: {
@@ -159,7 +159,7 @@ function NeonLineChart(_a) {
                             duration: 0.4,
                             ease: "easeInOut",
                             delay: 0.4,
-                        }, children: (0, jsx_runtime_1.jsx)(Text_1.default, { className: "text-ui-text-white text-12 leading-140", children: (0, jsx_runtime_1.jsx)(Formatter_1.default, { value: maxValue }) }) }), (0, jsx_runtime_1.jsx)(framer_motion_1.motion.div, { className: "absolute bottom-0 w-fit z-50", style: {
+                        }, children: (0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, theme.mixins.value), children: (0, jsx_runtime_1.jsx)(Formatter_1.default, { value: maxValue }) }) }), (0, jsx_runtime_1.jsx)(framer_motion_1.motion.div, { className: "absolute bottom-0 w-fit z-50", style: {
                             left: "".concat((minIndex / chartLength) * 100, "%"),
                         }, initial: {
                             scale: 0,

package/dist/components/TekWallet/components/ui/ReceiveFunction/index.js

@@ -266,6 +266,7 @@ exports.ReceiveFunction = (0, react_1.forwardRef)(function (_a, ref) {
         (_a = chooseNetworkSupportDrawerRef.current) === null || _a === void 0 ? void 0 : _a.close();
     };
     var handleSelectMethod = function (method) {
+        close();
         setSelectedMethod(method);
         switch (method) {
             case ReceiveMethods.RECEIVE_INTERNAL:
@@ -430,14 +431,14 @@ exports.ReceiveFunction = (0, react_1.forwardRef)(function (_a, ref) {
     };
     return ((0, jsx_runtime_1.jsx)(RequireConnect_1.default, { sx: props.sx, children: (0, jsx_runtime_1.jsx)(DrawerComponent_1.default, { ref: drawerRef, trigger: props.children, onOpen: props.onOpen, onClose: handleOnClose, sx: props.sx, children: (0, jsx_runtime_1.jsx)(ModalLayout_1.default, { title: RECEIVE_STEP_NAME[ReceiveStep.SELECT_METHOD], onClose: close, children: (0, jsx_runtime_1.jsx)(DrawerComponent_1.default, { ref: stepDrawerRef, direction: DrawerComponent_1.DRAWER_DIRECTION.RIGHT, sx: {
                         width: "100%",
-                    }, trigger: (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.column), { gap: theme.mixins.gaps.g12, height: "fit-content", width: "100%" }), children: [functionsList.includes(ReceiveMethods.RECEIVE_INTERNAL) && ((0, jsx_runtime_1.jsx)(ListItemCustom_1.default, { title: "Top up via internal transfer", description: "Receive crypto from other Ting users", icon: (0, jsx_runtime_1.jsx)(material_1.SvgIcon, { sx: { width: 24, height: 24 }, children: SvgPath_1.IC_RECEIVE_INTERNAL }), onClick: function () { return handleSelectMethod(ReceiveMethods.RECEIVE_INTERNAL); }, recommended: true })), functionsList.includes(ReceiveMethods.RECEIVE_EXTERNAL) && ((0, jsx_runtime_1.jsx)(ListItemCustom_1.default, { title: "Top up via blockchain", description: "Deposit using a Web3 or an Exchange wallet", icon: (0, jsx_runtime_1.jsx)(material_1.SvgIcon, { sx: { width: 24, height: 24 }, children: SvgPath_1.IC_RECEIVE_EXTERNAL }), onClick: function () { return handleSelectMethod(ReceiveMethods.RECEIVE_EXTERNAL); }, recommended: true })), functionsList.includes(ReceiveMethods.RECEIVE_FIAT) && ((0, jsx_runtime_1.jsx)(FiatDeposit_1.default, { children: (0, jsx_runtime_1.jsx)(ListItemCustom_1.default, { title: "Fiat-Gateway", description: "Experimental deposit via bank transfer", icon: (0, jsx_runtime_1.jsx)(material_1.SvgIcon, { sx: { width: 24, height: 24 }, children: SvgPath_1.IC_RECEIVE_EXTERNAL }), recommended: false }) }))] }), children: (0, jsx_runtime_1.jsx)(ChildPageLayout_1.default, { sx: {
+                    }, trigger: (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.column), { gap: theme.mixins.gaps.g12, height: "fit-content", width: "100%" }), children: [functionsList.includes(ReceiveMethods.RECEIVE_INTERNAL) && ((0, jsx_runtime_1.jsx)(ListItemCustom_1.default, { title: "Top up via internal transfer", description: "Receive crypto from other Ting users", icon: (0, jsx_runtime_1.jsx)(material_1.SvgIcon, { sx: { width: 24, height: 24 }, children: SvgPath_1.IC_RECEIVE_INTERNAL }), onClick: function () { return handleSelectMethod(ReceiveMethods.RECEIVE_INTERNAL); }, recommended: true })), functionsList.includes(ReceiveMethods.RECEIVE_EXTERNAL) && ((0, jsx_runtime_1.jsx)(ListItemCustom_1.default, { title: "Top up via blockchain", description: "Deposit using a Web3 or an Exchange wallet", icon: (0, jsx_runtime_1.jsx)(material_1.SvgIcon, { sx: { width: 24, height: 24 }, children: SvgPath_1.IC_RECEIVE_EXTERNAL }), onClick: function () { return handleSelectMethod(ReceiveMethods.RECEIVE_EXTERNAL); }, recommended: true })), functionsList.includes(ReceiveMethods.RECEIVE_FIAT) && ((0, jsx_runtime_1.jsx)(FiatDeposit_1.default, { children: (0, jsx_runtime_1.jsx)(ListItemCustom_1.default, { title: "Fiat-Gateway", description: "Experimental deposit via bank transfer", icon: (0, jsx_runtime_1.jsx)(material_1.SvgIcon, { sx: { width: 24, height: 24 }, children: SvgPath_1.IC_RECEIVE_EXTERNAL }), recommended: false, onClick: function () { return handleSelectMethod(ReceiveMethods.RECEIVE_FIAT); } }) }))] }), children: (0, jsx_runtime_1.jsx)(ChildPageLayout_1.default, { sx: {
                             position: "relative",
                             sx: "100dvh",
-                        }, header: (0, jsx_runtime_1.jsx)(PageHeader_1.default, { title: RECEIVE_STEP_NAME[Math.max(currentStep, ReceiveStep.SELECT_TOKEN)], overrideBack: handleBack, children: (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.row), { gap: theme.mixins.gaps.g8, marginLeft: "auto" }), children: [(0, jsx_runtime_1.jsx)(HelpButton_1.default, {}), !!handleGotoHistory && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(material_1.Divider, { orientation: "vertical", sx: {
+                        }, header: (0, jsx_runtime_1.jsx)(PageHeader_1.default, { title: RECEIVE_STEP_NAME[Math.max(currentStep, ReceiveStep.SELECT_TOKEN)], overrideBack: handleBack, children: false && ((0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.row), { gap: theme.mixins.gaps.g8, marginLeft: "auto" }), children: [(0, jsx_runtime_1.jsx)(HelpButton_1.default, {}), !!handleGotoHistory && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(material_1.Divider, { orientation: "vertical", sx: {
                                                     height: "1rem",
                                                     width: "1px",
                                                     backgroundColor: theme.palette.border.accent3,
-                                                } }), (0, jsx_runtime_1.jsx)(material_1.SvgIcon, { sx: { width: 20, height: 20, display: "block" }, onClick: handleGotoHistory, children: SvgPath_1.IC_HISTORY })] }))] }) }), footer: (0, jsx_runtime_1.jsx)(material_1.Box, { sx: {
+                                                } }), (0, jsx_runtime_1.jsx)(material_1.SvgIcon, { sx: { width: 20, height: 20, display: "block" }, onClick: handleGotoHistory, children: SvgPath_1.IC_HISTORY })] }))] })) }), footer: (0, jsx_runtime_1.jsx)(material_1.Box, { sx: {
                                 maxHeight: currentStep === ReceiveStep.SHOW_QR_CODE ? "120px" : 0,
                                 overflow: "hidden",
                                 transition: currentStep === ReceiveStep.SHOW_QR_CODE

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

@@ -128,7 +128,7 @@ function RealtimeProvider(_a) {
                             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 : 10000, 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 : 5000, 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/package.json

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

package/dist/components/TekWallet/components/ui/SwapToken copy/index.d.ts

@@ -1,32 +0,0 @@
-import { SxProps } from "@mui/material";
-import { ConfirmLayoutProps } from "../ConfirmLayout";
-import { FeesDataType } from "../../../services/axios/get-est-fee-service/type";
-import { SwapBody, SwapResponse } from "../../../services/axios/swap-service/type";
-export interface SwapDataType extends Omit<SwapBody, "passcode" | "network"> {
-}
-interface SwapTokenProps extends Omit<ConfirmLayoutProps, "action"> {
-    sendData: SwapDataType;
-    onSuccess?: (data: SwapResponse) => any;
-    initFeeData?: FeesDataType;
-    onStart?: () => void;
-    onFinish?: () => void;
-    onError?: (error: Error | unknown) => void;
-    sx?: SxProps;
-    btnConfirm?: React.ReactNode;
-    children?: React.ReactNode;
-    trigger?: React.ReactNode;
-    overrideHeader?: React.ReactNode;
-}
-export interface SwapTokenRef {
-    open: () => void;
-    close: () => void;
-}
-export declare enum SwapTokenError {
-    TOKEN_NOT_FOUND = "Token not found",
-    NOT_ENOUGH_BALANCE = "Not enough balance",
-    MAX_AMOUNT = "Max amount",
-    MIN_AMOUNT = "Min amount",
-    FAILED = "Failed"
-}
-export declare const SwapToken: import("react").ForwardRefExoticComponent<Omit<SwapTokenProps, "ref"> & import("react").RefAttributes<SwapTokenRef>>;
-export default SwapToken;

package/dist/components/TekWallet/components/ui/SwapToken copy/index.js

@@ -1,293 +0,0 @@
-"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 __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __generator = (this && this.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
-    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-    function verb(n) { return function (v) { return step([n, v]); }; }
-    function step(op) {
-        if (f) throw new TypeError("Generator is already executing.");
-        while (g && (g = 0, op[0] && (_ = 0)), _) try {
-            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-            if (y = 0, t) op = [op[0] & 2, t.value];
-            switch (op[0]) {
-                case 0: case 1: t = op; break;
-                case 4: _.label++; return { value: op[1], done: false };
-                case 5: _.label++; y = op[1]; op = [0]; continue;
-                case 7: op = _.ops.pop(); _.trys.pop(); continue;
-                default:
-                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                    if (t[2]) _.ops.pop();
-                    _.trys.pop(); continue;
-            }
-            op = body.call(thisArg, _);
-        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
-    }
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SwapToken = exports.SwapTokenError = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var material_1 = require("@mui/material");
-var ThemeProvider_1 = require("../../../providers/ThemeProvider");
-var Button_1 = __importStar(require("../Button"));
-var ConfirmLayout_1 = __importDefault(require("../ConfirmLayout"));
-var LineValue_1 = __importDefault(require("../LineValue"));
-var Formatter_1 = __importDefault(require("../Formatter"));
-var ConfirmByPasscode_1 = __importDefault(require("../ConfirmByPasscode"));
-var react_1 = require("react");
-var Text_1 = __importDefault(require("../Text"));
-var RequireConnect_1 = __importDefault(require("../RequireConnect"));
-var useWalletData_1 = __importDefault(require("../../../hooks/useWalletData"));
-var Fees_1 = __importDefault(require("../Fees"));
-var get_est_fee_service_1 = __importDefault(require("../../../services/axios/get-est-fee-service"));
-var type_1 = require("../../../services/axios/get-activities-service/type");
-var useSwapData_1 = __importDefault(require("../../../hooks/useSwapData"));
-var swap_service_1 = __importDefault(require("../../../services/axios/swap-service"));
-var Icon_1 = __importDefault(require("../Icon"));
-var roundToTwoSignificantDecimals_1 = __importDefault(require("../../../utils/roundToTwoSignificantDecimals"));
-var getImage_1 = __importDefault(require("../../../utils/getImage"));
-var getIcon_1 = __importDefault(require("../../../utils/getIcon"));
-var SwapTokenError;
-(function (SwapTokenError) {
-    SwapTokenError["TOKEN_NOT_FOUND"] = "Token not found";
-    SwapTokenError["NOT_ENOUGH_BALANCE"] = "Not enough balance";
-    SwapTokenError["MAX_AMOUNT"] = "Max amount";
-    SwapTokenError["MIN_AMOUNT"] = "Min amount";
-    SwapTokenError["FAILED"] = "Failed";
-})(SwapTokenError || (exports.SwapTokenError = SwapTokenError = {}));
-var transactionSlug = type_1.TransactionSlug.SWAP;
-exports.SwapToken = (0, react_1.forwardRef)(function (props, ref) {
-    var _a;
-    var theme = (0, ThemeProvider_1.useTheme)();
-    var _b = (0, useSwapData_1.default)(), fromTokens = _b.fromTokens, updateSwapTokens = _b.updateSwapTokens;
-    var isInitPasscode = (0, useWalletData_1.default)().isInitPasscode;
-    var confirmLayoutDrawerRef = (0, react_1.useRef)(null);
-    var _c = (0, react_1.useState)(undefined), error = _c[0], setError = _c[1];
-    var _d = (0, react_1.useState)(undefined), errorAmount = _d[0], setErrorAmount = _d[1];
-    var _e = (0, react_1.useState)(Button_1.BUTTON_STATUS.ENABLED), buttonStatus = _e[0], setButtonStatus = _e[1];
-    var _f = (0, react_1.useState)(props.initFeeData), estimateFee = _f[0], setEstimateFee = _f[1];
-    var _g = (0, react_1.useState)(false), isLoadingEstimateFee = _g[0], setIsLoadingEstimateFee = _g[1];
-    var amount = props.sendData.amount;
-    var fromTokenSlug = props.sendData.currency_slug;
-    var toTokenSlug = props.sendData.to_currency_slug;
-    var sx = props.sx, children = props.children, btnConfirm = props.btnConfirm, trigger = props.trigger, overrideHeader = props.overrideHeader;
-    var fromToken = (0, react_1.useMemo)(function () {
-        return fromTokens === null || fromTokens === void 0 ? void 0 : fromTokens.find(function (token) { return token.slug === fromTokenSlug; });
-    }, [fromTokenSlug, fromTokens]);
-    var toToken = (0, react_1.useMemo)(function () {
-        var _a;
-        if (!fromToken)
-            return undefined;
-        return (_a = fromToken.outputs) === null || _a === void 0 ? void 0 : _a.find(function (token) { return token.slug === toTokenSlug; });
-    }, [toTokenSlug, fromToken]);
-    var toAmount = (0, react_1.useMemo)(function () {
-        if (!toToken)
-            return undefined;
-        return +amount / +toToken.usd_rate;
-    }, [toToken, amount]);
-    var getEstimateFee = (0, react_1.useCallback)(function () { return __awaiter(void 0, void 0, void 0, function () {
-        var response;
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0:
-                    if (!fromTokenSlug)
-                        return [2 /*return*/];
-                    setIsLoadingEstimateFee(true);
-                    return [4 /*yield*/, (0, get_est_fee_service_1.default)({
-                            amount: "".concat(amount),
-                            transaction_type: transactionSlug,
-                            currency: fromTokenSlug || "",
-                            to_currency_slug: toTokenSlug || "",
-                        })];
-                case 1:
-                    response = _a.sent();
-                    setIsLoadingEstimateFee(false);
-                    setEstimateFee(response === null || response === void 0 ? void 0 : response.data);
-                    return [2 /*return*/, true];
-            }
-        });
-    }); }, [amount, fromTokenSlug]);
-    var token = (0, react_1.useMemo)(function () {
-        return fromTokens === null || fromTokens === void 0 ? void 0 : fromTokens.find(function (token) { return token.slug === fromTokenSlug; });
-    }, [fromTokenSlug, fromTokens]);
-    var validateAmount = (0, react_1.useCallback)(function () {
-        if (!token) {
-            setError(SwapTokenError.TOKEN_NOT_FOUND);
-            return false;
-        }
-        if (+amount > token.max_value) {
-            setError(SwapTokenError.MAX_AMOUNT);
-            setErrorAmount(token.max_value);
-            return false;
-        }
-        if (+amount < token.min_value) {
-            setError(SwapTokenError.MIN_AMOUNT);
-            setErrorAmount(token.min_value);
-            return false;
-        }
-        if (+amount > +token.balance) {
-            setError(SwapTokenError.NOT_ENOUGH_BALANCE);
-            setErrorAmount(token.balance);
-            return false;
-        }
-        setError(undefined);
-        setErrorAmount(undefined);
-        return true;
-    }, [amount, token]);
-    var validateAll = (0, react_1.useCallback)(function () { return __awaiter(void 0, void 0, void 0, function () {
-        var isAmountValid;
-        return __generator(this, function (_a) {
-            isAmountValid = validateAmount();
-            if (!isAmountValid)
-                return [2 /*return*/, false];
-            getEstimateFee();
-            return [2 /*return*/];
-        });
-    }); }, [validateAmount, getEstimateFee]);
-    var handleSwapToken = function (passcode) { return __awaiter(void 0, void 0, void 0, function () {
-        var response, err_1;
-        var _a, _b, _c, _d, _e;
-        return __generator(this, function (_f) {
-            switch (_f.label) {
-                case 0:
-                    _f.trys.push([0, 2, 3, 4]);
-                    (_a = props.onStart) === null || _a === void 0 ? void 0 : _a.call(props);
-                    setButtonStatus(Button_1.BUTTON_STATUS.LOADING);
-                    return [4 /*yield*/, (0, swap_service_1.default)(__assign(__assign({}, props.sendData), { passcode: passcode }))];
-                case 1:
-                    response = _f.sent();
-                    if (response.success) {
-                        (_b = confirmLayoutDrawerRef.current) === null || _b === void 0 ? void 0 : _b.close();
-                        setButtonStatus(Button_1.BUTTON_STATUS.ENABLED);
-                        (_c = props.onSuccess) === null || _c === void 0 ? void 0 : _c.call(props, response);
-                    }
-                    else {
-                        throw new Error("Swap internal failed");
-                    }
-                    return [3 /*break*/, 4];
-                case 2:
-                    err_1 = _f.sent();
-                    (_d = props.onError) === null || _d === void 0 ? void 0 : _d.call(props, err_1);
-                    setButtonStatus(Button_1.BUTTON_STATUS.ERROR);
-                    setTimeout(function () {
-                        setButtonStatus(Button_1.BUTTON_STATUS.ENABLED);
-                    }, 1200);
-                    return [3 /*break*/, 4];
-                case 3:
-                    (_e = props.onFinish) === null || _e === void 0 ? void 0 : _e.call(props);
-                    return [7 /*endfinally*/];
-                case 4: return [2 /*return*/];
-            }
-        });
-    }); };
-    var handleOpen = function () {
-        var _a;
-        if (!isInitPasscode)
-            throw new Error("Please connect your wallet");
-        (_a = confirmLayoutDrawerRef.current) === null || _a === void 0 ? void 0 : _a.open();
-        validateAll();
-    };
-    var handleClose = function () {
-        var _a;
-        if (!isInitPasscode)
-            throw new Error("Please connect your wallet");
-        (_a = confirmLayoutDrawerRef.current) === null || _a === void 0 ? void 0 : _a.close();
-    };
-    (0, react_1.useImperativeHandle)(ref, function () { return ({
-        open: handleOpen,
-        close: handleClose,
-    }); });
-    var estimateReceive = (0, react_1.useMemo)(function () {
-        if (!estimateFee || !amount || !(toToken === null || toToken === void 0 ? void 0 : toToken.usd_rate))
-            return undefined;
-        return (+amount - +(estimateFee === null || estimateFee === void 0 ? void 0 : estimateFee.fee_in_currency)) / +(toToken === null || toToken === void 0 ? void 0 : toToken.usd_rate);
-    }, [estimateFee, toToken, amount]);
-    (0, react_1.useEffect)(function () {
-        if (isInitPasscode && !fromTokens) {
-            updateSwapTokens();
-        }
-    }, [isInitPasscode, fromTokens]);
-    return ((0, jsx_runtime_1.jsx)(RequireConnect_1.default, { children: (0, jsx_runtime_1.jsx)(ConfirmLayout_1.default, { onOpen: validateAll, trigger: trigger, ref: confirmLayoutDrawerRef, action: transactionSlug, header: {
-                title: overrideHeader,
-            }, sx: sx, confirmAction: (0, jsx_runtime_1.jsx)(ConfirmByPasscode_1.default, { action: transactionSlug, onConfirmSuccess: handleSwapToken, children: btnConfirm !== null && btnConfirm !== void 0 ? btnConfirm : ((0, jsx_runtime_1.jsx)(Button_1.default.Primary, { status: !!error || isLoadingEstimateFee ? Button_1.BUTTON_STATUS.DISABLED : buttonStatus, sx: { width: "100%" }, children: "Swap" })) }), children: children !== null && children !== void 0 ? children : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [!!fromToken && !!toToken && ((0, jsx_runtime_1.jsx)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.column), { gap: theme.mixins.gaps.g12 }), children: (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: { display: "flex", gap: theme.mixins.gaps.g12, flexDirection: "column" }, children: [(0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.column), { alignItems: "start", gap: theme.mixins.gaps.g12, backgroundColor: theme.palette.background.primary, backgroundImage: "url(".concat((0, getImage_1.default)("logo_transfer", "png"), ")"), backgroundPosition: "right", backgroundRepeat: "no-repeat", padding: theme.mixins.customPadding.p16, borderRadius: theme.mixins.customRadius.r16 }), children: [(0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.row), { gap: theme.mixins.gaps.g16, width: "100%" }), children: [(0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.row), { gap: theme.mixins.gaps.g6 }), children: [(0, jsx_runtime_1.jsx)(Icon_1.default, { src: fromToken === null || fromToken === void 0 ? void 0 : fromToken.link, width: 20, height: 20, className: "rounded-full" }), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign(__assign({}, theme.mixins.value), { fontWeight: theme.typography.fontWeight600, color: theme.palette.text.white }), children: fromToken === null || fromToken === void 0 ? void 0 : fromToken.name })] }), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign(__assign({}, theme.mixins.bigValue), { ml: "auto", color: theme.palette.text.white }), children: (0, jsx_runtime_1.jsx)(Formatter_1.default, { value: amount }) })] }), (0, jsx_runtime_1.jsxs)(material_1.Stack, { direction: "row", alignItems: "center", gap: theme.mixins.gaps.g2, sx: {
-                                                width: "100%",
-                                                mt: theme.mixins.customMargin.m4,
-                                                mb: theme.mixins.customMargin.m4,
-                                            }, children: [(0, jsx_runtime_1.jsx)(Icon_1.default, { src: (0, getIcon_1.default)("swap_up"), width: 18, height: 18, color: theme.palette.text.primary }), (0, jsx_runtime_1.jsx)(material_1.Divider, { sx: {
-                                                        width: "95%",
-                                                        borderStyle: "dashed",
-                                                        borderColor: theme.palette.border.white16,
-                                                    } })] }), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.row), { gap: theme.mixins.gaps.g16, width: "100%" }), children: [(0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.row), { gap: theme.mixins.gaps.g6 }), children: [(0, jsx_runtime_1.jsx)(Icon_1.default, { src: toToken === null || toToken === void 0 ? void 0 : toToken.link, width: 20, height: 20, className: "rounded-full" }), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign(__assign({}, theme.mixins.value), { fontWeight: theme.typography.fontWeight600, color: theme.palette.text.white }), children: toToken === null || toToken === void 0 ? void 0 : toToken.name })] }), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign(__assign({}, theme.mixins.bigValue), { ml: "auto", color: theme.palette.text.white }), children: (0, jsx_runtime_1.jsx)(Formatter_1.default, { value: toAmount }) })] })] }), (0, jsx_runtime_1.jsx)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.row), { mt: theme.mixins.customMargin.m12 }), children: (0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
-                                            fontSize: theme.typography.fontSize18,
-                                            fontWeight: theme.typography.fontWeight700,
-                                            color: theme.palette.text.black,
-                                        }, children: "Transfer Summary" }) }), ((_a = estimateFee === null || estimateFee === void 0 ? void 0 : estimateFee.fee_detail) === null || _a === void 0 ? void 0 : _a.length) && !!amount && ((0, jsx_runtime_1.jsx)(Fees_1.default, { isFeePaidByAmount: true, feesData: estimateFee, amount: +amount, tokenSlug: fromTokenSlug })), !estimateFee && !!amount && isLoadingEstimateFee && ((0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.row), { gap: theme.mixins.gaps.g8, width: "100%" }), children: [(0, jsx_runtime_1.jsx)(material_1.CircularProgress, { size: 16, sx: { color: theme.palette.text.white } }), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: { color: "text.white" }, children: "Calculating fee" })] })), !!estimateReceive && !error && ((0, jsx_runtime_1.jsx)(LineValue_1.default, { value: (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign(__assign({}, theme.mixins.row), theme.mixins.valueDescription), { width: "100%", justifyContent: "center", color: theme.palette.text.black, fontWeight: theme.typography.fontWeight500, gap: theme.mixins.gaps.g2 }), children: [(0, jsx_runtime_1.jsx)(Icon_1.default, { src: (0, getIcon_1.default)("ellipse"), width: 12, height: 12 }), "1", " ", fromToken === null || fromToken === void 0 ? void 0 : fromToken.name, " =", (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.row), { gap: theme.mixins.gaps.g2 }), children: [(0, jsx_runtime_1.jsx)(Formatter_1.default, { value: 1 / +(toToken === null || toToken === void 0 ? void 0 : toToken.usd_rate) }), "  ", toToken === null || toToken === void 0 ? void 0 : toToken.name] })] }), field: (0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
-                                            color: theme.palette.text.black,
-                                            fontWeight: theme.typography.fontWeight600,
-                                        }, children: "Best Price" }) })), !!estimateReceive && !error && ((0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.row), { width: "100%", gap: theme.mixins.gaps.g8, mt: theme.mixins.customMargin.m8 }), children: [(0, jsx_runtime_1.jsx)(Icon_1.default, { src: (0, getIcon_1.default)("warning"), width: 18, height: 18 }), (0, jsx_runtime_1.jsxs)(Text_1.default, { sx: {
-                                                color: theme.palette.text.primary,
-                                                fontWeight: theme.typography.fontWeight600,
-                                                fontSize: theme.typography.fontSize13,
-                                            }, children: ["You will receive at least ", "".concat(estimateReceive, " ").concat(toToken === null || toToken === void 0 ? void 0 : toToken.name), " ", "(~".concat((0, roundToTwoSignificantDecimals_1.default)(estimateReceive), ")"), " or the transaction will refunded"] })] })), !!error && ((0, jsx_runtime_1.jsxs)(Text_1.default, { sx: __assign(__assign({}, theme.mixins.validationError), { mt: theme.mixins.customMargin.m6 }), children: [error, " ", !!errorAmount && (0, jsx_runtime_1.jsx)(Formatter_1.default, { value: errorAmount, unit: " ".concat(token === null || token === void 0 ? void 0 : token.name) })] }))] }) })), (!fromToken || !toToken) && ((0, jsx_runtime_1.jsx)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.paper), { alignItems: "center", justifyContent: "center" }), children: (0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign(__assign({}, theme.mixins.validationError), { fontSize: theme.typography.fontSize16 }), children: SwapTokenError.TOKEN_NOT_FOUND }) }))] })) }) }));
-});
-exports.SwapToken.displayName = "SwapToken";
-exports.default = exports.SwapToken;