tek-wallet 0.0.755 → 0.0.757

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, updateActivities = _m.updateActivities, 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: {
@@ -221,7 +212,9 @@ function FiatDeposit(_a) {
                                                         container: {
                                                             border: "1px solid ".concat(error ? theme_1.default.palette.error.main : theme_1.default.palette.primary.main),
                                                         },
-                                                    }, rightElement: (0, jsx_runtime_1.jsxs)(material_1.Stack, { flexDirection: "row", alignItems: "center", gap: "4px", flexShrink: 0, pl: "1rem", children: [(0, jsx_runtime_1.jsx)(Icon_1.default, { alt: "", width: 16, height: 16, src: (_d = (_c = tokens === null || tokens === void 0 ? void 0 : tokens.find(function (item) { return item.currency_slug.toLocaleLowerCase() === "vnd"; })) === null || _c === void 0 ? void 0 : _c.currency.link) !== null && _d !== void 0 ? _d : "/" }), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, style_1.title03), color: (_e = palette_1.palette.accent2) === null || _e === void 0 ? void 0 : _e.main, children: "VND" })] }) }) }), error && ((0, jsx_runtime_1.jsxs)(Text_1.default, { sx: __assign({}, style_1.content02), display: "flex", alignItems: "center", gap: "4px", className: "text-error", children: [(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 5.25V7.4375M12.25 7C12.25 7.68944 12.1142 8.37213 11.8504 9.00909C11.5865 9.64605 11.1998 10.2248 10.7123 10.7123C10.2248 11.1998 9.64605 11.5865 9.00909 11.8504C8.37213 12.1142 7.68944 12.25 7 12.25C6.31056 12.25 5.62787 12.1142 4.99091 11.8504C4.35395 11.5865 3.7752 11.1998 3.28769 10.7123C2.80018 10.2248 2.41347 9.64605 2.14963 9.00909C1.8858 8.37213 1.75 7.68944 1.75 7C1.75 5.60761 2.30312 4.27226 3.28769 3.28769C4.27226 2.30312 5.60761 1.75 7 1.75C8.39239 1.75 9.72774 2.30312 10.7123 3.28769C11.6969 4.27226 12.25 5.60761 12.25 7ZM7 9.1875H7.00467V9.19217H7V9.1875Z", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round" }) }), error] }))] }) }), (0, jsx_runtime_1.jsx)(material_1.Stack, { pt: "12px", id: "input-amount-action", children: (0, jsx_runtime_1.jsx)(material_1.Box, { px: "1rem", pb: "1.5rem", children: (0, jsx_runtime_1.jsx)(Button_1.default.Primary, { loading: loading, disabled: loading || !!error, onClick: handleClick, fullWidth: true, children: (0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, style_1.button), children: "Continue" }) }) }) })] }) })] }), (0, jsx_runtime_1.jsxs)(material_1.Drawer, { classes: { paper: "w-full" }, open: openQR, onClose: function () { return setOpenQR(false); }, anchor: "right", keepMounted: false, onClick: function (e) { return e.stopPropagation(); }, children: [(0, jsx_runtime_1.jsx)(Header, { handleBack: function () {
+                                                    }, rightElement: (0, jsx_runtime_1.jsxs)(material_1.Stack, { flexDirection: "row", alignItems: "center", gap: "4px", flexShrink: 0, pl: "1rem", children: [(0, jsx_runtime_1.jsx)(Icon_1.default, { alt: "", width: 16, height: 16, sx: {
+                                                                    borderRadius: "999px",
+                                                                }, src: (_d = (_c = tokens === null || tokens === void 0 ? void 0 : tokens.find(function (item) { return item.currency_slug.toLocaleLowerCase() === "vnd"; })) === null || _c === void 0 ? void 0 : _c.currency.link) !== null && _d !== void 0 ? _d : "/" }), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, style_1.title03), color: (_e = palette_1.palette.accent2) === null || _e === void 0 ? void 0 : _e.main, children: "VND" })] }) }) }), error && ((0, jsx_runtime_1.jsxs)(Text_1.default, { sx: __assign({}, style_1.content02), display: "flex", alignItems: "center", gap: "4px", className: "text-error", children: [(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 5.25V7.4375M12.25 7C12.25 7.68944 12.1142 8.37213 11.8504 9.00909C11.5865 9.64605 11.1998 10.2248 10.7123 10.7123C10.2248 11.1998 9.64605 11.5865 9.00909 11.8504C8.37213 12.1142 7.68944 12.25 7 12.25C6.31056 12.25 5.62787 12.1142 4.99091 11.8504C4.35395 11.5865 3.7752 11.1998 3.28769 10.7123C2.80018 10.2248 2.41347 9.64605 2.14963 9.00909C1.8858 8.37213 1.75 7.68944 1.75 7C1.75 5.60761 2.30312 4.27226 3.28769 3.28769C4.27226 2.30312 5.60761 1.75 7 1.75C8.39239 1.75 9.72774 2.30312 10.7123 3.28769C11.6969 4.27226 12.25 5.60761 12.25 7ZM7 9.1875H7.00467V9.19217H7V9.1875Z", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round" }) }), error] }))] }) }), (0, jsx_runtime_1.jsx)(material_1.Stack, { pt: "12px", id: "input-amount-action", children: (0, jsx_runtime_1.jsx)(material_1.Box, { px: "1rem", pb: "1.5rem", children: (0, jsx_runtime_1.jsx)(Button_1.default.Primary, { loading: loading, disabled: loading || !!error, onClick: handleClick, fullWidth: true, children: (0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, style_1.button), children: "Continue" }) }) }) })] }) })] }), (0, jsx_runtime_1.jsxs)(material_1.Drawer, { classes: { paper: "w-full" }, open: openQR, onClose: function () { return setOpenQR(false); }, anchor: "right", keepMounted: false, onClick: function (e) { return e.stopPropagation(); }, children: [(0, jsx_runtime_1.jsx)(Header, { handleBack: function () {
                             setOpen(false);
                             setOpenQR(false);
                             setInputAmount("");
@@ -244,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/HistorySwap/index.js

@@ -183,8 +183,7 @@ var HistorySwap = function (props) {
                                 transaction_status: transactionStatus,
                                 from_date: fromDate,
                                 to_date: toDate,
-                                page: 1,
-                                take: 10,
+                                limit: 10,
                             })];
                     case 2:
                         response = _b.sent();

package/dist/components/TekWallet/components/ui/NeonLineChart/index.d.ts

@@ -1,12 +1,13 @@
 import { GeneralProps } from "../../../types/ui";
+export type SeriesType = Array<{
+    name: string;
+    data: number[];
+}>;
 export interface NeonLineChartPropsTypes extends GeneralProps {
     categories?: string[];
-    series?: Array<{
-        name: string;
-        data: any[];
-    }>;
+    series?: SeriesType;
     showMinMaxValues?: boolean;
 }
-declare function NeonLineChart({ series, categories, showMinMaxValues, sx, }: NeonLineChartPropsTypes): import("react/jsx-runtime").JSX.Element;
+declare function NeonLineChart({ series, categories, showMinMaxValues, children, sx, }: NeonLineChartPropsTypes): import("react/jsx-runtime").JSX.Element;
 declare const _default: import("react").MemoExoticComponent<typeof NeonLineChart>;
 export default _default;

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

@@ -27,7 +27,7 @@ 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, sx = _a.sx;
+    var series = _a.series, categories = _a.categories, _f = _a.showMinMaxValues, showMinMaxValues = _f === void 0 ? false : _f, 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)();
@@ -175,6 +175,6 @@ function NeonLineChart(_a) {
                             duration: 0.4,
                             ease: "easeInOut",
                             delay: 0.4,
-                        }, children: (0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, theme.mixins.value), children: (0, jsx_runtime_1.jsx)(Formatter_1.default, { value: minValue }) }) })] })), (0, jsx_runtime_1.jsx)(highcharts_react_official_1.default, { highcharts: highcharts_1.default, options: options, ref: chartComponentRef })] }));
+                        }, children: (0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, theme.mixins.value), children: (0, jsx_runtime_1.jsx)(Formatter_1.default, { value: minValue }) }) })] })), (0, jsx_runtime_1.jsx)(highcharts_react_official_1.default, { highcharts: highcharts_1.default, options: options, ref: chartComponentRef }), children] }));
 }
 exports.default = (0, react_1.memo)(NeonLineChart);

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/components/ui/ReceiveHistory/index.js

@@ -185,8 +185,7 @@ var ReceiveHistory = function (props) {
                                 transaction_status: transactionStatus,
                                 from_date: fromDate,
                                 to_date: toDate,
-                                page: 1,
-                                take: 10,
+                                limit: 10,
                             })];
                     case 2:
                         response = _b.sent();

package/dist/components/TekWallet/components/ui/SmartList/index.d.ts

@@ -1,6 +1,5 @@
 import { BoxProps } from "@mui/material";
 interface SmartListProps extends BoxProps {
-    items: any[];
     children: React.ReactNode;
     loadMoreData: () => void;
     hasMore: boolean;

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

@@ -12,13 +12,12 @@ var __assign = (this && this.__assign) || function () {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
-/* eslint-disable @typescript-eslint/no-explicit-any */
 //This component is used to render a list of items but not use react query because some reasons
 var material_1 = require("@mui/material");
 var ThemeProvider_1 = require("../../../providers/ThemeProvider");
 var react_1 = require("react");
 var SmartList = function (props) {
-    var items = props.items, children = props.children, loadMoreData = props.loadMoreData, hasMore = props.hasMore, loadingComponent = props.loadingComponent, loadingComponentProps = props.loadingComponentProps;
+    var children = props.children, loadMoreData = props.loadMoreData, hasMore = props.hasMore, loadingComponent = props.loadingComponent, loadingComponentProps = props.loadingComponentProps;
     var theme = (0, ThemeProvider_1.useTheme)();
     var containerRef = (0, react_1.useRef)(null);
     var loadingRef = (0, react_1.useRef)(null);
@@ -26,6 +25,8 @@ var SmartList = function (props) {
         function handleIntersection(entries) {
             entries.forEach(function (entry) {
                 if (entry.isIntersecting) {
+                    if (!hasMore)
+                        return;
                     loadMoreData();
                 }
                 else {
@@ -44,7 +45,7 @@ var SmartList = function (props) {
         return function () {
             observer.disconnect();
         };
-    }, [items === null || items === void 0 ? void 0 : items.length]);
-    return ((0, jsx_runtime_1.jsx)(material_1.Box, { sx: __assign({ overflowY: "auto", width: "100%", height: "100%" }, props.sx), ref: containerRef, children: (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.column), { height: "fit-content", my: "auto" }), children: [children, hasMore && ((0, jsx_runtime_1.jsx)(material_1.Box, { ref: loadingRef, sx: __assign({ width: "100%" }, loadingComponentProps), children: loadingComponent }))] }) }));
+    }, [loadMoreData, hasMore]);
+    return ((0, jsx_runtime_1.jsx)(material_1.Box, { sx: __assign({ overflowY: "auto", width: "100%", height: "100%" }, props.sx), ref: containerRef, children: (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.column), { height: "fit-content", my: "auto", gap: 0 }), children: [children, (0, jsx_runtime_1.jsx)("div", { ref: loadingRef }), hasMore && ((0, jsx_runtime_1.jsx)(material_1.Box, { sx: __assign({ width: "100%" }, loadingComponentProps), children: loadingComponent }))] }) }));
 };
 exports.default = SmartList;

package/dist/components/TekWallet/components/ui/SvgPath/index.d.ts

@@ -47,3 +47,4 @@ export declare const IC_RECEIVE: import("react/jsx-runtime").JSX.Element;
 export declare const IC_WITHDRAW_FC: import("react/jsx-runtime").JSX.Element;
 export declare const IC_TRANSFER: import("react/jsx-runtime").JSX.Element;
 export declare const IC_SWAP_FC: import("react/jsx-runtime").JSX.Element;
+export declare const IC_ARROW_RIGHT: import("react/jsx-runtime").JSX.Element;

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

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.IC_SWAP_FC = exports.IC_TRANSFER = exports.IC_WITHDRAW_FC = exports.IC_RECEIVE = exports.IC_SWAP_BG = exports.IC_PROCESSING_CIRCLE = exports.IC_NETWORK = exports.IC_ERROR_CIRCLE = exports.IC_CHECK_CIRCLE = exports.IC_SCAN_QR_CODE = exports.IC_DEPOSIT = exports.IC_WITHDRAW = exports.IC_INFORMATION = exports.IC_EXPANDER_ARROW = exports.IC_NO_SEE = exports.IC_SET = exports.IC_EDIT = exports.IC_RECEIVE_TAG_RECOMMENDED = exports.IC_RECEIVE_TAG = exports.IC_TOOLTIP = exports.IC_BACK = exports.IC_UNCHECK = exports.IC_CHECK = exports.IC_ARROW_DROP_DOWN = exports.IC_ARROW_DROP_UP = exports.IC_RECEIVE_EXTERNAL = exports.IC_RECEIVE_INTERNAL = exports.IC_ERROR = exports.IC_SUCCESS = exports.IC_CHEVRON_RIGHT = exports.IC_CHEVRON_LEFT = exports.IC_TRASH = exports.IC_ARROW_BLACK_DROP = exports.IC_SWAP_SECONDARY = exports.IC_SWAP = exports.IC_HELP = exports.IC_PASSCODE = exports.IC_FACE_ID = exports.IC_COPY = exports.IC_TIMELINE_DOT = exports.IC_CLOSE = exports.IC_SEARCH = exports.IC_DOCUMENTS = exports.IC_SCAN = exports.IC_TUTORIAL = exports.IC_HISTORY = exports.ARROW_DOWN = exports.ARROW_DROP_DOWN = exports.ARROW_DROP_UP = void 0;
+exports.IC_ARROW_RIGHT = exports.IC_SWAP_FC = exports.IC_TRANSFER = exports.IC_WITHDRAW_FC = exports.IC_RECEIVE = exports.IC_SWAP_BG = exports.IC_PROCESSING_CIRCLE = exports.IC_NETWORK = exports.IC_ERROR_CIRCLE = exports.IC_CHECK_CIRCLE = exports.IC_SCAN_QR_CODE = exports.IC_DEPOSIT = exports.IC_WITHDRAW = exports.IC_INFORMATION = exports.IC_EXPANDER_ARROW = exports.IC_NO_SEE = exports.IC_SET = exports.IC_EDIT = exports.IC_RECEIVE_TAG_RECOMMENDED = exports.IC_RECEIVE_TAG = exports.IC_TOOLTIP = exports.IC_BACK = exports.IC_UNCHECK = exports.IC_CHECK = exports.IC_ARROW_DROP_DOWN = exports.IC_ARROW_DROP_UP = exports.IC_RECEIVE_EXTERNAL = exports.IC_RECEIVE_INTERNAL = exports.IC_ERROR = exports.IC_SUCCESS = exports.IC_CHEVRON_RIGHT = exports.IC_CHEVRON_LEFT = exports.IC_TRASH = exports.IC_ARROW_BLACK_DROP = exports.IC_SWAP_SECONDARY = exports.IC_SWAP = exports.IC_HELP = exports.IC_PASSCODE = exports.IC_FACE_ID = exports.IC_COPY = exports.IC_TIMELINE_DOT = exports.IC_CLOSE = exports.IC_SEARCH = exports.IC_DOCUMENTS = exports.IC_SCAN = exports.IC_TUTORIAL = exports.IC_HISTORY = exports.ARROW_DOWN = exports.ARROW_DROP_DOWN = exports.ARROW_DROP_UP = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
 exports.ARROW_DROP_UP = ((0, jsx_runtime_1.jsx)("svg", { width: "8", height: "5", viewBox: "0 0 8 5", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: (0, jsx_runtime_1.jsx)("path", { d: "M0 4.5L4 0.5L8 4.5H0Z", fill: "#000" }) }));
 exports.ARROW_DROP_DOWN = ((0, jsx_runtime_1.jsx)("svg", { width: "8", height: "5", viewBox: "0 0 8 5", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: (0, jsx_runtime_1.jsx)("path", { d: "M8 0.5L4 4.5L0 0.5L8 0.5Z", fill: "#000" }) }));
@@ -36,7 +36,7 @@ exports.IC_RECEIVE_TAG = ((0, jsx_runtime_1.jsxs)("svg", { xmlns: "http://www.w3
 exports.IC_RECEIVE_TAG_RECOMMENDED = ((0, jsx_runtime_1.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "95", height: "34", viewBox: "0 0 95 34", fill: "none", children: [(0, jsx_runtime_1.jsx)("path", { d: "M0 22C0 13.7157 6.71573 7 15 7H88V19C88 23.4183 84.4183 27 80 27H0V22Z", fill: "#1EA031" }), (0, jsx_runtime_1.jsx)("path", { d: "M0 27H7C2.61253 28.3759 1.16529 29.9732 0 34V27Z", fill: "#1EA031" }), (0, jsx_runtime_1.jsx)("path", { opacity: "0.01", d: "M68 0H75C70.6125 1.37594 69.1653 2.97319 68 7V0Z", fill: "#1EA031" }), (0, jsx_runtime_1.jsx)("path", { d: "M88 7H95C90.6125 8.37594 89.1653 9.97319 88 14V7Z", fill: "#1EA031" })] }));
 exports.IC_EDIT = ((0, jsx_runtime_1.jsxs)("svg", { width: "17", height: "16", viewBox: "0 0 17 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [(0, jsx_runtime_1.jsx)("mask", { id: "mask0_4608_8535", style: { maskType: "alpha" }, maskUnits: "userSpaceOnUse", x: "0", y: "0", width: "17", height: "16", children: (0, jsx_runtime_1.jsx)("rect", { x: "0.5", width: "16", height: "16", fill: "#D9D9D9" }) }), (0, jsx_runtime_1.jsx)("g", { mask: "url(#mask0_4608_8535)", children: (0, jsx_runtime_1.jsx)("path", { d: "M4.10039 13.6008C3.77039 13.6008 3.48789 13.4833 3.25289 13.2483C3.01789 13.0133 2.90039 12.7308 2.90039 12.4008V3.60078C2.90039 3.26623 3.01706 2.97978 3.25039 2.74145C3.48372 2.50323 3.76706 2.38967 4.10039 2.40078H9.86706L8.66706 3.60078H4.10039V12.4008H12.9004V7.83412L14.1004 6.63411V12.4008C14.1004 12.7308 13.9829 13.0133 13.7479 13.2483C13.5129 13.4833 13.2304 13.6008 12.9004 13.6008H4.10039ZM6.90039 9.60078V7.05078L12.8004 1.15078C12.9226 1.02856 13.0559 0.93967 13.2004 0.884115C13.3448 0.828559 13.4921 0.800781 13.6421 0.800781C13.8021 0.800781 13.9546 0.828559 14.0996 0.884115C14.2446 0.93967 14.3778 1.02734 14.4994 1.14712L15.3504 2.00078C15.4726 2.123 15.5615 2.25734 15.6171 2.40378C15.6726 2.55023 15.7004 2.69923 15.7004 2.85078C15.7004 3.00256 15.6725 3.15184 15.6167 3.29861C15.5609 3.44528 15.4722 3.57934 15.3504 3.70078L9.45039 9.60078H6.90039ZM8.10039 8.40078H8.95039L12.8004 4.55078L12.3837 4.11745L11.9504 3.70078L8.10039 7.55078V8.40078Z", fill: "#1C461D" }) })] }));
 exports.IC_SET = ((0, jsx_runtime_1.jsxs)("svg", { width: "17", height: "16", viewBox: "0 0 17 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [(0, jsx_runtime_1.jsx)("mask", { id: "mask0_4608_8545", style: { maskType: "alpha" }, maskUnits: "userSpaceOnUse", x: "0", y: "0", width: "17", height: "16", children: (0, jsx_runtime_1.jsx)("rect", { x: "0.5", width: "16", height: "16", fill: "#D9D9D9" }) }), (0, jsx_runtime_1.jsx)("g", { mask: "url(#mask0_4608_8545)", children: (0, jsx_runtime_1.jsx)("path", { d: "M7.70039 11.2004H9.30039V8.80039H11.7004V7.20039H9.30039V4.80039H7.70039V7.20039H5.30039V8.80039H7.70039V11.2004ZM4.10039 13.6004C3.77039 13.6004 3.48789 13.4829 3.25289 13.2479C3.01789 13.0129 2.90039 12.7304 2.90039 12.4004V3.60039C2.90039 3.27039 3.01789 2.98789 3.25289 2.75289C3.48789 2.51789 3.77039 2.40039 4.10039 2.40039H12.9004C13.2304 2.40039 13.5129 2.51789 13.7479 2.75289C13.9829 2.98789 14.1004 3.27039 14.1004 3.60039V12.4004C14.1004 12.7304 13.9829 13.0129 13.7479 13.2479C13.5129 13.4829 13.2304 13.6004 12.9004 13.6004H4.10039ZM4.10039 12.4004H12.9004V3.60039H4.10039V12.4004Z", fill: "#1C461D" }) })] }));
-exports.IC_NO_SEE = ((0, jsx_runtime_1.jsx)("svg", { width: "15", height: "14", viewBox: "0 0 15 14", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: (0, jsx_runtime_1.jsx)("path", { d: "M2.32125 4.482C1.7171 5.21812 1.26723 6.07547 1 7C1.83434 9.892 4.42904 12 7.50032 12C8.14157 12 8.76151 11.908 9.34916 11.7367M3.77294 3.152C4.87891 2.39857 6.17526 1.99792 7.50032 2C10.5716 2 13.1657 4.108 14 6.99867C13.5428 8.57823 12.5612 9.94107 11.2277 10.848M3.77294 3.152L1.68839 1M3.77294 3.152L6.13 5.58533M11.2277 10.848L13.3123 13M11.2277 10.848L8.87065 8.41467C9.05056 8.22893 9.19327 8.00844 9.29064 7.76577C9.38801 7.52309 9.43812 7.263 9.43812 7.00033C9.43812 6.73767 9.38801 6.47757 9.29064 6.2349C9.19327 5.99223 9.05056 5.77173 8.87065 5.586C8.69074 5.40027 8.47715 5.25294 8.24208 5.15242C8.00702 5.0519 7.75508 5.00016 7.50065 5.00016C7.24621 5.00016 6.99427 5.0519 6.75921 5.15242C6.52414 5.25294 6.31056 5.40027 6.13064 5.586M8.87 8.414L6.13129 5.58667", stroke: "#6B7271", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) }));
+exports.IC_NO_SEE = ((0, jsx_runtime_1.jsxs)("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [(0, jsx_runtime_1.jsx)("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M7.99998 5.16675C6.43333 5.16675 5.16665 6.43344 5.16665 8.00008C5.16665 9.56673 6.43333 10.8334 7.99998 10.8334C9.56663 10.8334 10.8333 9.56673 10.8333 8.00008C10.8333 6.43344 9.56663 5.16675 7.99998 5.16675ZM6.16665 8.00008C6.16665 6.98572 6.98562 6.16675 7.99998 6.16675C9.01434 6.16675 9.83331 6.98572 9.83331 8.00008C9.83331 9.01444 9.01434 9.83341 7.99998 9.83341C6.98562 9.83341 6.16665 9.01444 6.16665 8.00008Z", fill: "#6B7271" }), (0, jsx_runtime_1.jsx)("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M15.0284 7.20488C12.6159 0.487371 3.38407 0.487372 0.971573 7.20488C0.787226 7.71819 0.787226 8.28197 0.971573 8.79528C3.38407 15.5128 12.6159 15.5128 15.0284 8.79528C15.2127 8.28197 15.2127 7.71819 15.0284 7.20488ZM1.91272 7.54288C4.00822 1.70804 11.9917 1.70804 14.0872 7.54288C14.1931 7.83769 14.1931 8.16248 14.0872 8.45728C11.9917 14.2921 4.00822 14.2921 1.91272 8.45728C1.80684 8.16248 1.80684 7.83768 1.91272 7.54288Z", fill: "#6B7271" })] }));
 exports.IC_EXPANDER_ARROW = ((0, jsx_runtime_1.jsxs)("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [(0, jsx_runtime_1.jsx)("rect", { x: "0.5", y: "0.5", width: "15", height: "15", rx: "7.5", fill: "#ECF4E9" }), (0, jsx_runtime_1.jsx)("rect", { x: "0.5", y: "0.5", width: "15", height: "15", rx: "7.5", stroke: "#1C461D" }), (0, jsx_runtime_1.jsx)("path", { d: "M4 4V6.18182M4 4H6.18182M4 4L6.54545 6.54545M4 12V9.81818M4 12H6.18182M4 12L6.54545 9.45455M12 4H9.81818M12 4V6.18182M12 4L9.45455 6.54545M12 12H9.81818M12 12V9.81818M12 12L9.45455 9.45455", stroke: "#1C461D", strokeLinecap: "round", strokeLinejoin: "round" })] }));
 exports.IC_INFORMATION = ((0, jsx_runtime_1.jsx)("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", xmlns: "http://www.w3.org/2000/svg", 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" }) }));
 exports.IC_WITHDRAW = ((0, jsx_runtime_1.jsxs)("svg", { width: "25", height: "24", viewBox: "0 0 25 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [(0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12.625 3.75C8.06865 3.75 4.375 7.44365 4.375 12C4.375 16.5563 8.06865 20.25 12.625 20.25C17.1813 20.25 20.875 16.5563 20.875 12V10.5006C20.875 10.0863 21.2108 9.75 21.625 9.75C22.0392 9.75 22.375 10.0858 22.375 10.5V12C22.375 17.3848 18.0098 21.75 12.625 21.75C7.24022 21.75 2.875 17.3848 2.875 12C2.875 6.61522 7.24022 2.25 12.625 2.25L14.1243 2.25L14.125 3.75L12.625 3.75ZM14.875 3C14.875 3.41422 14.5392 3.75 14.125 3.75L14.1243 2.25C14.5385 2.25 14.875 2.58579 14.875 3Z", fill: "#1C461D" }), (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M17.875 3.75C17.4608 3.75 17.125 3.41421 17.125 3C17.125 2.58579 17.4608 2.25 17.875 2.25H21.625C22.0392 2.25 22.375 2.58579 22.375 3V6.75C22.375 7.16421 22.0392 7.5 21.625 7.5C21.2108 7.5 20.875 7.16421 20.875 6.75V4.81066L18.4053 7.28033C18.1124 7.57322 17.6376 7.57322 17.3447 7.28033C17.0518 6.98744 17.0518 6.51256 17.3447 6.21967L19.8143 3.75H17.875Z", fill: "#1C461D" }), (0, jsx_runtime_1.jsx)("path", { d: "M12.625 6C13.0392 6 13.375 6.33579 13.375 6.75V7.5H14.875C15.2892 7.5 15.625 7.83579 15.625 8.25C15.625 8.66421 15.2892 9 14.875 9H11.5C11.2016 9 10.9155 9.11853 10.7045 9.3295C10.4935 9.54048 10.375 9.82663 10.375 10.125C10.375 10.4234 10.4935 10.7095 10.7045 10.9205C10.9155 11.1315 11.2016 11.25 11.5 11.25H13.75C14.4462 11.25 15.1139 11.5266 15.6062 12.0188C16.0984 12.5111 16.375 13.1788 16.375 13.875C16.375 14.5712 16.0984 15.2389 15.6062 15.7312C15.1139 16.2234 14.4462 16.5 13.75 16.5H13.375V17.25C13.375 17.6642 13.0392 18 12.625 18C12.2108 18 11.875 17.6642 11.875 17.25V16.5H10.375C9.96079 16.5 9.625 16.1642 9.625 15.75C9.625 15.3358 9.96079 15 10.375 15H13.75C14.0484 15 14.3345 14.8815 14.5455 14.6705C14.7565 14.4595 14.875 14.1734 14.875 13.875C14.875 13.5766 14.7565 13.2905 14.5455 13.0795C14.3345 12.8685 14.0484 12.75 13.75 12.75H11.5C10.8038 12.75 10.1361 12.4734 9.64384 11.9812C9.15156 11.4889 8.875 10.8212 8.875 10.125C8.875 9.42881 9.15156 8.76113 9.64384 8.26884C10.1361 7.77656 10.8038 7.5 11.5 7.5H11.875V6.75C11.875 6.33579 12.2108 6 12.625 6Z", fill: "#1C461D" })] }));
@@ -51,3 +51,4 @@ exports.IC_RECEIVE = ((0, jsx_runtime_1.jsxs)("svg", { width: "25", height: "24"
 exports.IC_WITHDRAW_FC = ((0, jsx_runtime_1.jsx)("svg", { width: "25", height: "24", viewBox: "0 0 25 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: (0, jsx_runtime_1.jsx)("path", { d: "M21.375 4.5H3.375C2.97718 4.5 2.59564 4.65804 2.31434 4.93934C2.03304 5.22064 1.875 5.60218 1.875 6V18C1.875 18.3978 2.03304 18.7794 2.31434 19.0607C2.59564 19.342 2.97718 19.5 3.375 19.5H21.375C21.7728 19.5 22.1544 19.342 22.4357 19.0607C22.717 18.7794 22.875 18.3978 22.875 18V6C22.875 5.60218 22.717 5.22064 22.4357 4.93934C22.1544 4.65804 21.7728 4.5 21.375 4.5ZM21.375 6V8.25H3.375V6H21.375ZM21.375 18H3.375V9.75H21.375V18ZM19.875 15.75C19.875 15.9489 19.796 16.1397 19.6553 16.2803C19.5147 16.421 19.3239 16.5 19.125 16.5H16.125C15.9261 16.5 15.7353 16.421 15.5947 16.2803C15.454 16.1397 15.375 15.9489 15.375 15.75C15.375 15.5511 15.454 15.3603 15.5947 15.2197C15.7353 15.079 15.9261 15 16.125 15H19.125C19.3239 15 19.5147 15.079 19.6553 15.2197C19.796 15.3603 19.875 15.5511 19.875 15.75ZM13.875 15.75C13.875 15.9489 13.796 16.1397 13.6553 16.2803C13.5147 16.421 13.3239 16.5 13.125 16.5H11.625C11.4261 16.5 11.2353 16.421 11.0947 16.2803C10.954 16.1397 10.875 15.9489 10.875 15.75C10.875 15.5511 10.954 15.3603 11.0947 15.2197C11.2353 15.079 11.4261 15 11.625 15H13.125C13.3239 15 13.5147 15.079 13.6553 15.2197C13.796 15.3603 13.875 15.5511 13.875 15.75Z", fill: "#1C461D" }) }));
 exports.IC_TRANSFER = ((0, jsx_runtime_1.jsxs)("svg", { width: "25", height: "24", viewBox: "0 0 25 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [(0, jsx_runtime_1.jsx)("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M12.625 3.75C8.06865 3.75 4.375 7.44365 4.375 12C4.375 16.5563 8.06865 20.25 12.625 20.25C17.1813 20.25 20.875 16.5563 20.875 12V10.5006C20.875 10.0863 21.2108 9.75 21.625 9.75C22.0392 9.75 22.375 10.0858 22.375 10.5V12C22.375 17.3848 18.0098 21.75 12.625 21.75C7.24022 21.75 2.875 17.3848 2.875 12C2.875 6.61522 7.24022 2.25 12.625 2.25L14.1243 2.25L14.125 3.75L12.625 3.75ZM14.875 3C14.875 3.41422 14.5392 3.75 14.125 3.75L14.1243 2.25C14.5385 2.25 14.875 2.58579 14.875 3Z", fill: "#1C461D" }), (0, jsx_runtime_1.jsx)("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M17.875 3.75C17.4608 3.75 17.125 3.41421 17.125 3C17.125 2.58579 17.4608 2.25 17.875 2.25H21.625C22.0392 2.25 22.375 2.58579 22.375 3V6.75C22.375 7.16421 22.0392 7.5 21.625 7.5C21.2108 7.5 20.875 7.16421 20.875 6.75V4.81066L18.4053 7.28033C18.1124 7.57322 17.6376 7.57322 17.3447 7.28033C17.0518 6.98744 17.0518 6.51256 17.3447 6.21967L19.8143 3.75H17.875Z", fill: "#1C461D" }), (0, jsx_runtime_1.jsx)("path", { d: "M12.625 6C13.0392 6 13.375 6.33579 13.375 6.75V7.5H14.875C15.2892 7.5 15.625 7.83579 15.625 8.25C15.625 8.66421 15.2892 9 14.875 9H11.5C11.2016 9 10.9155 9.11853 10.7045 9.3295C10.4935 9.54048 10.375 9.82663 10.375 10.125C10.375 10.4234 10.4935 10.7095 10.7045 10.9205C10.9155 11.1315 11.2016 11.25 11.5 11.25H13.75C14.4462 11.25 15.1139 11.5266 15.6062 12.0188C16.0984 12.5111 16.375 13.1788 16.375 13.875C16.375 14.5712 16.0984 15.2389 15.6062 15.7312C15.1139 16.2234 14.4462 16.5 13.75 16.5H13.375V17.25C13.375 17.6642 13.0392 18 12.625 18C12.2108 18 11.875 17.6642 11.875 17.25V16.5H10.375C9.96079 16.5 9.625 16.1642 9.625 15.75C9.625 15.3358 9.96079 15 10.375 15H13.75C14.0484 15 14.3345 14.8815 14.5455 14.6705C14.7565 14.4595 14.875 14.1734 14.875 13.875C14.875 13.5766 14.7565 13.2905 14.5455 13.0795C14.3345 12.8685 14.0484 12.75 13.75 12.75H11.5C10.8038 12.75 10.1361 12.4734 9.64384 11.9812C9.15156 11.4889 8.875 10.8212 8.875 10.125C8.875 9.42881 9.15156 8.76113 9.64384 8.26884C10.1361 7.77656 10.8038 7.5 11.5 7.5H11.875V6.75C11.875 6.33579 12.2108 6 12.625 6Z", fill: "#1C461D" })] }));
 exports.IC_SWAP_FC = ((0, jsx_runtime_1.jsx)("svg", { width: "25", height: "24", viewBox: "0 0 25 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: (0, jsx_runtime_1.jsx)("path", { d: "M7.625 21L3.125 16.5M3.125 16.5L7.625 12M3.125 16.5H16.625M16.625 3L21.125 7.5M21.125 7.5L16.625 12M21.125 7.5H7.625", stroke: "#1C461D", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }) }));
+exports.IC_ARROW_RIGHT = ((0, jsx_runtime_1.jsx)("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: (0, jsx_runtime_1.jsx)("path", { d: "M9 18L15 12L9 6", stroke: "#121212", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }) }));

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

@@ -126,7 +126,6 @@ exports.SwapToken = (0, react_1.forwardRef)(function (props, ref) {
     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 activitiesRef = (0, react_1.useRef)(null);
     var amount = props.sendData.amount;
     var fromTokenSlug = props.sendData.currency_slug;
     var toTokenSlug = props.sendData.to_currency_slug;
@@ -220,10 +219,6 @@ exports.SwapToken = (0, react_1.forwardRef)(function (props, ref) {
                         (_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);
-                        setTimeout(function () {
-                            var _a;
-                            (_a = activitiesRef.current) === null || _a === void 0 ? void 0 : _a.openTab(0);
-                        }, 200);
                     }
                     else {
                         throw new Error("Swap internal failed");

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

@@ -31,9 +31,11 @@ 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 providers_1 = require("../../../providers");
 var rememberTabDeBounce = (0, createDebounce_1.default)(1000);
 var SwiperControlled = (0, react_2.forwardRef)(function (props, ref) {
     var swiperRef = (0, react_2.useRef)(null);
+    var theme = (0, providers_1.useTheme)();
     var router = (0, useCustomRouter_1.default)();
     var pathname = (0, navigation_2.usePathname)();
     var searchParams = (0, navigation_1.useSearchParams)();
@@ -90,7 +92,9 @@ var SwiperControlled = (0, react_2.forwardRef)(function (props, ref) {
     };
     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%",
-                }, children: (0, jsx_runtime_1.jsxs)(material_1.Tabs, { value: activeTab, onChange: handleTabChange, variant: "scrollable", scrollButtons: "auto", sx: __assign({ minHeight: "unset" }, props.tabsSx), children: __spreadArray([], props.tabs, true) }) })), (0, jsx_runtime_1.jsx)(react_1.Swiper, __assign({ speed: 500 }, props.swiperProps, { onSlideChange: handleSlideChange, ref: swiperRef, initialSlide: activeTab, style: __assign({ width: "100%" }, props.swiperStyle), allowTouchMove: !props.disableSwipe, children: props.children }))] }));
+                }, children: (0, jsx_runtime_1.jsxs)(material_1.Tabs, { value: activeTab, onChange: handleTabChange, variant: "scrollable", scrollButtons: "auto", sx: __assign({ "& .MuiTabs-indicator": {
+                            backgroundColor: theme.palette.background.primary,
+                        }, minHeight: "unset" }, props.tabsSx), children: __spreadArray([], props.tabs, true) }) })), (0, jsx_runtime_1.jsx)(react_1.Swiper, __assign({ speed: 500 }, props.swiperProps, { onSlideChange: handleSlideChange, ref: swiperRef, initialSlide: activeTab, style: __assign({ width: "100%" }, props.swiperStyle), allowTouchMove: !props.disableSwipe, children: props.children }))] }));
 });
 SwiperControlled.displayName = "SwiperControlled";
 exports.default = SwiperControlled;

package/dist/components/TekWallet/components/ui/TimeFilter/index.d.ts

@@ -2,9 +2,10 @@ import { GeneralProps } from "../../../types/ui";
 export declare enum TimeFilterType {
     ALL = "all",
     TODAY = "today",
-    SEVEN_DAYS = "7 days",
-    THIRTY_DAYS = "30 days"
+    SEVEN_DAYS = "7",
+    THIRTY_DAYS = "30"
 }
+export declare const TIME_FILTER_LABEL: Record<TimeFilterType, string>;
 export interface TimeFilterProps extends GeneralProps {
     initialValue?: TimeFilterType;
     onChange?: (value: TimeFilterData, event?: React.MouseEvent<HTMLElement>) => any;
@@ -15,5 +16,5 @@ export interface TimeFilterData {
     startDate?: string;
     endDate?: string;
 }
-declare const TimeFilter: ({ initialValue, onChange, hideAll }: TimeFilterProps) => import("react/jsx-runtime").JSX.Element;
+declare const TimeFilter: ({ initialValue, onChange, hideAll, sx, }: TimeFilterProps) => import("react/jsx-runtime").JSX.Element;
 export default TimeFilter;

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

@@ -13,8 +13,9 @@ var __assign = (this && this.__assign) || function () {
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
+var _a;
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.TimeFilterType = void 0;
+exports.TIME_FILTER_LABEL = exports.TimeFilterType = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
 var material_1 = require("@mui/material");
 var ThemeProvider_1 = require("../../../providers/ThemeProvider");
@@ -23,17 +24,21 @@ var Text_1 = __importDefault(require("../Text"));
 var date_fns_1 = require("date-fns");
 var getMaxTime_1 = __importDefault(require("../../../utils/getMaxTime"));
 var formatDate_1 = __importDefault(require("../../../utils/formatDate"));
-var Icon_1 = __importDefault(require("../Icon"));
-var getIcon_1 = __importDefault(require("../../../utils/getIcon"));
 var TimeFilterType;
 (function (TimeFilterType) {
     TimeFilterType["ALL"] = "all";
     TimeFilterType["TODAY"] = "today";
-    TimeFilterType["SEVEN_DAYS"] = "7 days";
-    TimeFilterType["THIRTY_DAYS"] = "30 days";
+    TimeFilterType["SEVEN_DAYS"] = "7";
+    TimeFilterType["THIRTY_DAYS"] = "30";
 })(TimeFilterType || (exports.TimeFilterType = TimeFilterType = {}));
+exports.TIME_FILTER_LABEL = (_a = {},
+    _a[TimeFilterType.ALL] = "All",
+    _a[TimeFilterType.TODAY] = "Today",
+    _a[TimeFilterType.SEVEN_DAYS] = "7 days",
+    _a[TimeFilterType.THIRTY_DAYS] = "30 days",
+    _a);
 var TimeFilter = function (_a) {
-    var _b = _a.initialValue, initialValue = _b === void 0 ? TimeFilterType.ALL : _b, onChange = _a.onChange, hideAll = _a.hideAll;
+    var _b = _a.initialValue, initialValue = _b === void 0 ? TimeFilterType.ALL : _b, onChange = _a.onChange, hideAll = _a.hideAll, sx = _a.sx;
     var theme = (0, ThemeProvider_1.useTheme)();
     var _c = (0, react_1.useState)({
         type: initialValue,
@@ -108,38 +113,30 @@ var TimeFilter = function (_a) {
         setValue(newData);
         onChange === null || onChange === void 0 ? void 0 : onChange(newData);
     }, []);
-    return ((0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.column), { gap: theme.mixins.gaps.g6, alignItems: "flex-start" }), children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
+    return ((0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign(__assign({}, theme.mixins.column), { gap: theme.mixins.gaps.g6, alignItems: "flex-start" }), sx), children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
                     color: theme.palette.text.accent2,
                     fontWeight: theme.typography.fontWeight500,
                     fontSize: theme.typography.fontSize11,
                 }, children: getTimeFilterLabel(value) }), (0, jsx_runtime_1.jsx)(material_1.ToggleButtonGroup, { defaultValue: initialValue, onChange: handleChange, sx: { gap: theme.mixins.gaps.g8 }, children: Object.values(TimeFilterType).map(function (type) {
                     if (hideAll && type === TimeFilterType.ALL)
                         return null;
-                    return ((0, jsx_runtime_1.jsxs)(material_1.ToggleButton, { "aria-label": type, value: type, sx: {
+                    var isActive = (value === null || value === void 0 ? void 0 : value.type) === type;
+                    return ((0, jsx_runtime_1.jsx)(material_1.ToggleButton, { "aria-label": type, value: type, sx: {
                             p: 0,
                             border: "none",
-                        }, children: [(0, jsx_runtime_1.jsx)(material_1.Chip, { label: type, variant: "outlined", sx: {
-                                    position: "relative",
-                                    textTransform: "capitalize",
-                                    fontSize: theme.typography.fontSize11,
-                                    borderRadius: theme.mixins.customRadius.r10,
-                                    borderWidth: 1,
-                                    borderColor: (value === null || value === void 0 ? void 0 : value.type) === type
-                                        ? theme.palette.primary.main
-                                        : theme.palette.border.accent3,
-                                    backgroundColor: (value === null || value === void 0 ? void 0 : value.type) === type ? theme.palette.secondary.main : "transparent",
-                                    color: (value === null || value === void 0 ? void 0 : value.type) === type ? theme.palette.primary.main : theme.palette.text.accent,
-                                    fontWeight: (value === null || value === void 0 ? void 0 : value.type) === type
-                                        ? theme.typography.fontWeight600
-                                        : theme.typography.fontWeight500,
-                                    transition: "background 0.2s, color 0.2s, border-color 0.2s",
-                                    overflow: "hidden",
-                                } }), (value === null || value === void 0 ? void 0 : value.type) === type && ((0, jsx_runtime_1.jsx)(Icon_1.default, { src: (0, getIcon_1.default)("rectangle"), width: 22, height: 22, sx: {
-                                    position: "absolute",
-                                    right: 0,
-                                    borderTopRightRadius: theme.mixins.customRadius.r10,
-                                    top: 0,
-                                } }))] }, type));
+                        }, children: (0, jsx_runtime_1.jsx)(material_1.Chip, { label: "".concat(exports.TIME_FILTER_LABEL[type]), variant: "outlined", sx: {
+                                position: "relative",
+                                textTransform: "capitalize",
+                                fontSize: theme.typography.fontSize11,
+                                borderRadius: theme.mixins.customRadius.r10,
+                                borderWidth: 1,
+                                borderColor: isActive ? theme.palette.primary.main : theme.palette.border.accent3,
+                                backgroundColor: isActive ? theme.palette.secondary.main : "transparent",
+                                color: isActive ? theme.palette.primary.main : theme.palette.text.accent,
+                                fontWeight: theme.typography.fontWeight600,
+                                transition: "background 0.2s, color 0.2s, border-color 0.2s",
+                                overflow: "hidden",
+                            } }) }, type));
                 }) })] }));
 };
 exports.default = TimeFilter;

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

@@ -22,13 +22,18 @@ var Text_1 = __importDefault(require("../Text"));
 var Formatter_1 = __importDefault(require("../Formatter"));
 var material_1 = require("@mui/material");
 var ThemeProvider_1 = require("../../../providers/ThemeProvider");
-var ContentHiddenProvider_1 = require("../../../providers/ContentHiddenProvider");
+var user_1 = __importDefault(require("../../../store/user"));
 var TokenItem = function (props) {
     var theme = (0, ThemeProvider_1.useTheme)();
     var tokenData = (0, react_1.useMemo)(function () { return JSON.parse(props.tokenData); }, [props.tokenData]);
     var currency = (0, react_1.useMemo)(function () { return tokenData.currency; }, [tokenData]);
-    var isHidden = (0, ContentHiddenProvider_1.useContentHidden)().isHidden;
-    // const pnlValue = useMemo(() => Number(tokenData.pnl || 0), [tokenData.pnl]);
+    var isShowBalance = (0, user_1.default)(function (state) { return state.settings.balance.isShowBalance; });
+    var balance = (0, react_1.useMemo)(function () {
+        return +tokenData.current_value;
+    }, [tokenData.current_value]);
+    var balanceInUSD = (0, react_1.useMemo)(function () {
+        return tokenData.assets;
+    }, [tokenData.assets]);
     var shouldHideSmallAsset = props.showSmallAssets && currency.name === "USD";
     return ((0, jsx_runtime_1.jsxs)(material_1.Box, { sx: {
             display: !shouldHideSmallAsset ? "grid" : "none",
@@ -37,15 +42,15 @@ var TokenItem = function (props) {
             py: theme.mixins.customPadding.p8,
         }, children: [(0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.row), { gap: theme.mixins.gaps.g8 }), children: [(0, jsx_runtime_1.jsx)(Icon_1.default, { width: 20, sx: {
                             borderRadius: theme.mixins.customRadius.full,
-                        }, src: currency.link }), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.column), { flex: 1 }), children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, theme.mixins.value), children: currency.name }), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, theme.mixins.valueDescription), children: currency.full_name })] })] }), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.column), { gap: theme.mixins.gaps.g1, justifyContent: "center" }), children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign(__assign({}, theme.mixins.value), { fontWeight: theme.typography.fontWeight700 }), children: !isHidden ? (0, jsx_runtime_1.jsx)(Formatter_1.default, { value: tokenData.current_value }) : "***" }), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, theme.mixins.valueDescription), children: !isHidden ? (0, jsx_runtime_1.jsx)(Formatter_1.default, { value: 100 }) : "***" })] }), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.column), { gap: theme.mixins.gaps.g1, textAlign: "right" }), children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign(__assign({}, theme.mixins.value), { color: theme.palette.text.alertStatus, fontWeight: theme.typography.fontWeight700 }), children: !isHidden ? ((0, jsx_runtime_1.jsx)(Formatter_1.default, { value: 70000 })) : ((0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
+                        }, src: currency.link }), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.column), { flex: 1 }), children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, theme.mixins.value), children: currency.name }), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, theme.mixins.valueDescription), children: currency.full_name })] })] }), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.column), { gap: theme.mixins.gaps.g1, justifyContent: "center" }), children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign(__assign({}, theme.mixins.value), { fontWeight: theme.typography.fontWeight700 }), children: isShowBalance ? (0, jsx_runtime_1.jsx)(Formatter_1.default, { value: balance }) : "****" }), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, theme.mixins.valueDescription), children: isShowBalance ? (0, jsx_runtime_1.jsx)(Formatter_1.default, { start: "$", value: balanceInUSD }) : "****" })] }), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.column), { gap: theme.mixins.gaps.g1, textAlign: "right" }), children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign(__assign({}, theme.mixins.value), { color: theme.palette.text.alertStatus, fontWeight: theme.typography.fontWeight700 }), children: isShowBalance ? ((0, jsx_runtime_1.jsx)(Formatter_1.default, { value: 70000 })) : ((0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
                                 fontSize: theme.typography.fontSize14,
                                 fontWeight: theme.typography.fontWeight600,
                                 color: theme.palette.text.black,
-                            }, children: "***" })) }), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign(__assign({}, theme.mixins.valueDescription), { color: theme.palette.text.alertStatus }), children: !isHidden ? ((0, jsx_runtime_1.jsx)(Formatter_1.default, { value: 3.72 })) : ((0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
+                            }, children: "****" })) }), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign(__assign({}, theme.mixins.valueDescription), { color: theme.palette.text.alertStatus }), children: isShowBalance ? ((0, jsx_runtime_1.jsx)(Formatter_1.default, { value: 3.72 })) : ((0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
                                 fontSize: theme.typography.fontSize12,
                                 fontWeight: theme.typography.fontWeight600,
                                 color: theme.palette.text.accent2,
-                            }, children: "***" })) })] })] }));
+                            }, children: "****" })) })] })] }));
 };
 exports.TokenItem = TokenItem;
 exports.default = exports.TokenItem;