tek-wallet 0.0.750 → 0.0.753

package/dist/components/TekWallet/components/ui/ConfirmTransfer/type.d.ts

@@ -0,0 +1,16 @@
+import { FeesDataType } from "../../../services/axios/get-est-fee-service/type";
+import { UserInfoDto } from "../../../types/expose-type";
+export interface LockData {
+    amount: number;
+    tokenSlug: string;
+}
+export interface TransferInfoDto {
+    network?: string;
+    type?: string;
+    message?: string;
+    datetime?: string;
+    link?: string;
+    user?: UserInfoDto;
+    receiver?: UserInfoDto;
+    fee?: FeesDataType;
+}

package/dist/components/TekWallet/components/ui/ConfirmTransfer/type.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

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

@@ -80,6 +80,6 @@ var CopyableText = function (_a) {
         }
         return function () { return clearTimeout(timer); };
     }, [copied]);
-    return ((0, jsx_runtime_1.jsxs)(material_1.Box, { display: "flex", alignItems: "center", gap: 0.5, sx: sx === null || sx === void 0 ? void 0 : sx.container, children: [(0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "body2", color: copied ? "success.main" : "text.primary", sx: sx === null || sx === void 0 ? void 0 : sx.text, children: copied ? "Copied!" : displayText || copyText }), (0, jsx_runtime_1.jsx)(material_1.IconButton, { onClick: handleCopy, size: "small", sx: __assign({ padding: 0.5 }, sx === null || sx === void 0 ? void 0 : sx.button), children: (0, jsx_runtime_1.jsx)("span", { children: (0, jsx_runtime_1.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", children: [(0, jsx_runtime_1.jsx)("mask", { id: "mask0_860_5627", maskUnits: "userSpaceOnUse", x: "0", y: "0", width: "20", height: "20", children: (0, jsx_runtime_1.jsx)("rect", { width: "20", height: "20", fill: "#D9D9D9" }) }), (0, jsx_runtime_1.jsx)("g", { mask: "url(#mask0_860_5627)", children: (0, jsx_runtime_1.jsx)("path", { d: "M7.54804 14.5826C7.17293 14.5826 6.85587 14.4531 6.59685 14.1941C6.33783 13.9351 6.20831 13.618 6.20831 13.2429V3.75577C6.20831 3.38066 6.33783 3.06359 6.59685 2.80456C6.85587 2.54553 7.17293 2.41602 7.54804 2.41602H15.0352C15.4103 2.41602 15.7273 2.54553 15.9864 2.80456C16.2454 3.06359 16.3749 3.38066 16.3749 3.75577V13.2429C16.3749 13.618 16.2454 13.9351 15.9864 14.1941C15.7273 14.4531 15.4103 14.5826 15.0352 14.5826H7.54804ZM7.54804 13.4993H15.0352C15.0993 13.4993 15.158 13.4726 15.2115 13.4192C15.2649 13.3658 15.2916 13.307 15.2916 13.2429V3.75577C15.2916 3.69166 15.2649 3.63288 15.2115 3.57945C15.158 3.52604 15.0993 3.49933 15.0352 3.49933H7.54804C7.48393 3.49933 7.42517 3.52604 7.37175 3.57945C7.31832 3.63288 7.2916 3.69166 7.2916 3.75577V13.2429C7.2916 13.307 7.31832 13.3658 7.37175 13.4192C7.42517 13.4726 7.48393 13.4993 7.54804 13.4993ZM4.96473 17.1659C4.58963 17.1659 4.27257 17.0364 4.01354 16.7774C3.75451 16.5184 3.625 16.2013 3.625 15.8262V5.25577H4.70831V15.8262C4.70831 15.8903 4.73502 15.9491 4.78844 16.0025C4.84187 16.0559 4.90063 16.0826 4.96473 16.0826H13.5352V17.1659H4.96473Z", fill: "#1E4841" }) })] }) }) })] }));
+    return ((0, jsx_runtime_1.jsxs)(material_1.Box, { display: "flex", alignItems: "center", gap: 0.5, sx: sx === null || sx === void 0 ? void 0 : sx.container, children: [(0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "body2", color: copied ? "success.main" : "text.primary", sx: sx === null || sx === void 0 ? void 0 : sx.text, children: copied ? "Copied!" : displayText || copyText }), (0, jsx_runtime_1.jsx)(material_1.IconButton, { onClick: handleCopy, size: "small", sx: __assign({ padding: 0.5 }, sx === null || sx === void 0 ? void 0 : sx.button), children: (0, jsx_runtime_1.jsx)("span", { children: (0, jsx_runtime_1.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", children: [(0, jsx_runtime_1.jsx)("mask", { id: "mask0_860_5627", maskUnits: "userSpaceOnUse", x: "0", y: "0", width: "20", height: "20", children: (0, jsx_runtime_1.jsx)("rect", { width: "20", height: "20", fill: "#D9D9D9" }) }), (0, jsx_runtime_1.jsx)("g", { mask: "url(#mask0_860_5627)", children: (0, jsx_runtime_1.jsx)("path", { d: "M7.54804 14.5826C7.17293 14.5826 6.85587 14.4531 6.59685 14.1941C6.33783 13.9351 6.20831 13.618 6.20831 13.2429V3.75577C6.20831 3.38066 6.33783 3.06359 6.59685 2.80456C6.85587 2.54553 7.17293 2.41602 7.54804 2.41602H15.0352C15.4103 2.41602 15.7273 2.54553 15.9864 2.80456C16.2454 3.06359 16.3749 3.38066 16.3749 3.75577V13.2429C16.3749 13.618 16.2454 13.9351 15.9864 14.1941C15.7273 14.4531 15.4103 14.5826 15.0352 14.5826H7.54804ZM7.54804 13.4993H15.0352C15.0993 13.4993 15.158 13.4726 15.2115 13.4192C15.2649 13.3658 15.2916 13.307 15.2916 13.2429V3.75577C15.2916 3.69166 15.2649 3.63288 15.2115 3.57945C15.158 3.52604 15.0993 3.49933 15.0352 3.49933H7.54804C7.48393 3.49933 7.42517 3.52604 7.37175 3.57945C7.31832 3.63288 7.2916 3.69166 7.2916 3.75577V13.2429C7.2916 13.307 7.31832 13.3658 7.37175 13.4192C7.42517 13.4726 7.48393 13.4993 7.54804 13.4993ZM4.96473 17.1659C4.58963 17.1659 4.27257 17.0364 4.01354 16.7774C3.75451 16.5184 3.625 16.2013 3.625 15.8262V5.25577H4.70831V15.8262C4.70831 15.8903 4.73502 15.9491 4.78844 16.0025C4.84187 16.0559 4.90063 16.0826 4.96473 16.0826H13.5352V17.1659H4.96473Z", fill: "#1C461D" }) })] }) }) })] }));
 };
 exports.default = CopyableText;

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

@@ -32,7 +32,7 @@ var DetailSwap = function (props) {
                         color: theme.palette.text.accent,
                         fontSize: theme.typography.fontSize12,
                         fontWeight: theme.typography.fontWeight400,
-                    }, children: "Best Price" }), value: (0, jsx_runtime_1.jsx)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.row), { gap: theme.mixins.gaps.g4 }), children: (0, jsx_runtime_1.jsxs)(Text_1.default, { className: "truncate", sx: {
+                    }, children: "Best Price" }), value: (0, jsx_runtime_1.jsx)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.row), { gap: theme.mixins.gaps.g4 }), children: (0, jsx_runtime_1.jsxs)(Text_1.default, { sx: {
                             color: theme.palette.text.blackContrast,
                             fontSize: theme.typography.fontSize12,
                             fontWeight: theme.typography.fontWeight500,

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

@@ -14,5 +14,5 @@ export interface FeesProps extends Omit<AccordionProps, "children"> {
     feesStyle?: FeesStyle;
     estimateReceive?: string | number;
 }
-declare function Fees(props: FeesProps): import("react/jsx-runtime").JSX.Element | null;
+declare function Fees(props: FeesProps): import("react/jsx-runtime").JSX.Element;
 export default Fees;

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

@@ -60,7 +60,7 @@ function Fees(props) {
         var fee_detail = (_a = feesData === null || feesData === void 0 ? void 0 : feesData.fee_detail) !== null && _a !== void 0 ? _a : [];
         return ((_b = fee_detail === null || fee_detail === void 0 ? void 0 : fee_detail.map(function (fee, index, array) {
             var _a, _b;
-            var totalfee_in_currency = array === null || array === void 0 ? void 0 : array.reduce(function (acc, fee_detail) {
+            var totalFeeInCurrency = array === null || array === void 0 ? void 0 : array.reduce(function (acc, fee_detail) {
                 var _a, _b;
                 if (((_a = fee_detail.currency) === null || _a === void 0 ? void 0 : _a.slug) === ((_b = fee === null || fee === void 0 ? void 0 : fee.currency) === null || _b === void 0 ? void 0 : _b.slug)) {
                     return acc + fee_detail.fee_in_currency;
@@ -68,7 +68,7 @@ function Fees(props) {
                 return acc;
             }, 0);
             var balanceUseToPaidFee = getBalanceUseToPaidFee((_b = (_a = fee === null || fee === void 0 ? void 0 : fee.currency) === null || _a === void 0 ? void 0 : _a.slug) !== null && _b !== void 0 ? _b : "");
-            var payable = balanceUseToPaidFee >= totalfee_in_currency;
+            var payable = balanceUseToPaidFee >= totalFeeInCurrency;
             return __assign(__assign({}, fee), { isEnoughBalanceToPay: payable });
         })) !== null && _b !== void 0 ? _b : []);
     }, [feesData === null || feesData === void 0 ? void 0 : feesData.fee_detail, getBalanceUseToPaidFee]);
@@ -78,48 +78,58 @@ function Fees(props) {
     }, [feeCheckedBalance]);
     (0, react_1.useEffect)(function () {
         if (!isNotEnoughBalanceToPayFee) {
-            setIsEnoughBalanceToPayFee === null || setIsEnoughBalanceToPayFee === void 0 ? void 0 : setIsEnoughBalanceToPayFee(!isNotEnoughBalanceToPayFee);
+            setIsEnoughBalanceToPayFee === null || setIsEnoughBalanceToPayFee === void 0 ? void 0 : setIsEnoughBalanceToPayFee(true);
+            return;
         }
-    }, [isNotEnoughBalanceToPayFee, setIsEnoughBalanceToPayFee]);
-    var totalfee_in_currency = (0, react_1.useMemo)(function () {
+        setIsEnoughBalanceToPayFee === null || setIsEnoughBalanceToPayFee === void 0 ? void 0 : setIsEnoughBalanceToPayFee(false);
+    });
+    var isChargeFee = (0, react_1.useMemo)(function () {
+        return (feesData === null || feesData === void 0 ? void 0 : feesData.fee_in_usd) && +(feesData === null || feesData === void 0 ? void 0 : feesData.fee_in_usd) === 0;
+    }, [feesData]);
+    (0, react_1.useEffect)(function () {
+        if (!isChargeFee) {
+            setIsEnoughBalanceToPayFee === null || setIsEnoughBalanceToPayFee === void 0 ? void 0 : setIsEnoughBalanceToPayFee(true);
+        }
+    });
+    var totalFeeInCurrency = (0, react_1.useMemo)(function () {
         return feesData === null || feesData === void 0 ? void 0 : feesData.fee_in_currency;
     }, [feesData]);
-    return feeCheckedBalance.length > 0 ? ((0, jsx_runtime_1.jsxs)(material_1.Accordion, __assign({ defaultExpanded: true }, rest, { disableGutters: true, sx: __assign(__assign({}, getStyled(feesStyle !== null && feesStyle !== void 0 ? feesStyle : FeesStyle.DEFAULT, theme)), sx), children: [(0, jsx_runtime_1.jsx)(material_1.AccordionSummary, { expandIcon: (0, jsx_runtime_1.jsx)(Icon_1.default, { src: (0, getIcon_1.default)("arrow_down"), width: 8, height: 8 }), children: (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.row), { width: "100%" }), children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
-                                fontSize: theme.typography.fontSize11,
-                                fontWeight: theme.typography.fontWeight500,
-                                color: theme.palette.text.black,
-                            }, children: "Total fees" }), (0, jsx_runtime_1.jsx)(material_1.Box, { sx: {
-                                borderTop: "1px dashed",
-                                borderColor: theme.palette.border.accent,
-                                flex: 1,
-                                height: "1px",
-                                width: "100%",
-                                ml: theme.mixins.gaps.g8,
-                                mr: theme.mixins.gaps.g8,
-                            } }), (0, jsx_runtime_1.jsx)(Formatter_1.default, { sx: {
-                                fontSize: theme.typography.fontSize13,
-                                fontWeight: theme.typography.fontWeight500,
-                                color: theme.palette.text.black,
-                            }, value: totalfee_in_currency, unit: " ".concat(tokenSlug.toUpperCase()), disableTooltip: true }), (0, jsx_runtime_1.jsx)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.row), { width: "0.5rem" }) })] }) }), (0, jsx_runtime_1.jsx)(material_1.AccordionDetails, { children: (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.column), { gap: theme.mixins.gaps.g8, pt: theme.mixins.gaps.g12 }), children: [(0, jsx_runtime_1.jsx)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.row), { alignItems: "stretch" }), children: (0, jsx_runtime_1.jsx)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.column), { flex: 1, gap: theme.mixins.gaps.g8 }), children: feeCheckedBalance === null || feeCheckedBalance === void 0 ? void 0 : feeCheckedBalance.map(function (item, index) {
-                                    var _a, _b, _c, _d;
-                                    return ((0, jsx_runtime_1.jsxs)(react_1.Fragment, { children: [index !== 0 && ((0, jsx_runtime_1.jsx)(material_1.Box, { sx: {
-                                                    borderRight: "1px dashed ".concat(theme.palette.border.accent),
-                                                    width: "1px",
-                                                    height: "1rem",
-                                                    pr: theme.mixins.gaps.g6,
-                                                } })), (0, jsx_runtime_1.jsx)(FeeDetails, { feeName: (_a = item.fee_type) === null || _a === void 0 ? void 0 : _a.name, fee_in_currency: item.fee_in_currency, fee_in_usd: item.fee_in_usd, currencyName: (_b = item.currency) === null || _b === void 0 ? void 0 : _b.name }, (_c = item.fee_type) === null || _c === void 0 ? void 0 : _c.name)] }, (_d = item.fee_type) === null || _d === void 0 ? void 0 : _d.name));
-                                }) }) }), isNotEnoughBalanceToPayFee && ((0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, theme.mixins.validationError), children: "ⓘ Insufficient transaction fee!" })), (0, jsx_runtime_1.jsx)(material_1.Divider, { sx: {
-                                borderColor: theme.palette.border.black16,
-                                my: theme.mixins.gaps.g4,
-                            } }), estimateReceive !== undefined && ((0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.row), { justifyContent: "space-between" }), children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
-                                        fontSize: theme.typography.fontSize11,
-                                        fontWeight: theme.typography.fontWeight500,
-                                        lineHeight: theme.typography.leading160,
-                                    }, children: "Receive amount estimated" }), (0, jsx_runtime_1.jsx)(Formatter_1.default, { sx: {
-                                        fontSize: theme.typography.fontSize16,
-                                        fontWeight: theme.typography.fontWeight700,
-                                        color: theme.palette.text.black,
-                                    }, unit: " ".concat(tokenSlug.toUpperCase()), value: estimateReceive })] }))] }) })] }))) : null;
+    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: !!isChargeFee && ((0, jsx_runtime_1.jsxs)(material_1.Accordion, __assign({ defaultExpanded: true }, rest, { disableGutters: true, sx: __assign(__assign({}, getStyled(feesStyle !== null && feesStyle !== void 0 ? feesStyle : FeesStyle.DEFAULT, theme)), sx), children: [(0, jsx_runtime_1.jsx)(material_1.AccordionSummary, { expandIcon: (0, jsx_runtime_1.jsx)(Icon_1.default, { src: (0, getIcon_1.default)("arrow_down"), width: 8, height: 8 }), children: (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.row), { width: "100%" }), children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
+                                    fontSize: theme.typography.fontSize11,
+                                    fontWeight: theme.typography.fontWeight500,
+                                    color: theme.palette.text.black,
+                                }, children: "Total fees" }), (0, jsx_runtime_1.jsx)(material_1.Box, { sx: {
+                                    borderTop: "1px dashed",
+                                    borderColor: theme.palette.border.accent,
+                                    flex: 1,
+                                    height: "1px",
+                                    width: "100%",
+                                    ml: theme.mixins.gaps.g8,
+                                    mr: theme.mixins.gaps.g8,
+                                } }), (0, jsx_runtime_1.jsx)(Formatter_1.default, { sx: {
+                                    fontSize: theme.typography.fontSize13,
+                                    fontWeight: theme.typography.fontWeight500,
+                                    color: theme.palette.text.black,
+                                }, value: totalFeeInCurrency, unit: " ".concat(tokenSlug.toUpperCase()), disableTooltip: true }), (0, jsx_runtime_1.jsx)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.row), { width: "0.5rem" }) })] }) }), (0, jsx_runtime_1.jsx)(material_1.AccordionDetails, { children: (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.column), { gap: theme.mixins.gaps.g8, pt: theme.mixins.gaps.g12 }), children: [(0, jsx_runtime_1.jsx)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.row), { alignItems: "stretch" }), children: (0, jsx_runtime_1.jsx)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.column), { flex: 1, gap: theme.mixins.gaps.g8 }), children: feeCheckedBalance === null || feeCheckedBalance === void 0 ? void 0 : feeCheckedBalance.map(function (item, index) {
+                                        var _a, _b, _c, _d;
+                                        return ((0, jsx_runtime_1.jsxs)(react_1.Fragment, { children: [index !== 0 && ((0, jsx_runtime_1.jsx)(material_1.Box, { sx: {
+                                                        borderRight: "1px dashed ".concat(theme.palette.border.accent),
+                                                        width: "1px",
+                                                        height: "1rem",
+                                                        pr: theme.mixins.gaps.g6,
+                                                    } })), (0, jsx_runtime_1.jsx)(FeeDetails, { feeName: (_a = item.fee_type) === null || _a === void 0 ? void 0 : _a.name, fee_in_currency: item.fee_in_currency, fee_in_usd: item.fee_in_usd, currencyName: (_b = item.currency) === null || _b === void 0 ? void 0 : _b.name }, (_c = item.fee_type) === null || _c === void 0 ? void 0 : _c.name)] }, (_d = item.fee_type) === null || _d === void 0 ? void 0 : _d.name));
+                                    }) }) }), isNotEnoughBalanceToPayFee && ((0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, theme.mixins.validationError), children: "ⓘ Insufficient transaction fee!" })), (0, jsx_runtime_1.jsx)(material_1.Divider, { sx: {
+                                    borderColor: theme.palette.border.black16,
+                                    my: theme.mixins.gaps.g4,
+                                } }), estimateReceive !== undefined && ((0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.row), { justifyContent: "space-between" }), children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
+                                            fontSize: theme.typography.fontSize11,
+                                            fontWeight: theme.typography.fontWeight500,
+                                            lineHeight: theme.typography.leading160,
+                                        }, children: "Receive amount estimated" }), (0, jsx_runtime_1.jsx)(Formatter_1.default, { sx: {
+                                            fontSize: theme.typography.fontSize16,
+                                            fontWeight: theme.typography.fontWeight700,
+                                            color: theme.palette.text.black,
+                                        }, unit: " ".concat(tokenSlug.toUpperCase()), value: estimateReceive })] }))] }) })] }))) }));
 }
 exports.default = Fees;
 var FeeDetails = function (_a) {

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

@@ -0,0 +1,10 @@
+import { FeesProps } from "../Fees";
+export declare enum FeesStyle {
+    DEFAULT = "default",
+    WITH_BACKGROUND = "withBackground"
+}
+export interface FeesAutoDebounceProps extends FeesProps {
+    setIsLoadingFee?: (isLoading: boolean) => void;
+}
+declare function Fees(props: FeesProps): import("react/jsx-runtime").JSX.Element;
+export default Fees;

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

@@ -0,0 +1,223 @@
+"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 __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FeesStyle = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var material_1 = require("@mui/material");
+var ThemeProvider_1 = require("../../../providers/ThemeProvider");
+var Icon_1 = __importDefault(require("../Icon"));
+var Text_1 = __importDefault(require("../Text"));
+var Formatter_1 = __importDefault(require("../Formatter"));
+var useWalletData_1 = __importDefault(require("../../../hooks/useWalletData"));
+var react_1 = require("react");
+var getIcon_1 = __importDefault(require("../../../utils/getIcon"));
+var SvgPath_1 = require("../SvgPath");
+var FeesStyle;
+(function (FeesStyle) {
+    FeesStyle["DEFAULT"] = "default";
+    FeesStyle["WITH_BACKGROUND"] = "withBackground";
+})(FeesStyle || (exports.FeesStyle = FeesStyle = {}));
+function Fees(props) {
+    var sx = props.sx, amount = props.amount, feesData = props.feesData, isFeePaidByAmount = props.isFeePaidByAmount, tokenSlug = props.tokenSlug, setIsEnoughBalanceToPayFee = props.setIsEnoughBalanceToPayFee, feesStyle = props.feesStyle, estimateReceive = props.estimateReceive, rest = __rest(props, ["sx", "amount", "feesData", "isFeePaidByAmount", "tokenSlug", "setIsEnoughBalanceToPayFee", "feesStyle", "estimateReceive"]);
+    var theme = (0, ThemeProvider_1.useTheme)();
+    // const feesData = parsePropsData<FeesDataType>(feesDataString);
+    var tokens = (0, useWalletData_1.default)().tokens;
+    var getBalanceUseToPaidFee = (0, react_1.useCallback)(function (tokenSlugMustBePaidFee) {
+        var _a;
+        if (isFeePaidByAmount && tokenSlugMustBePaidFee === tokenSlug) {
+            return amount;
+        }
+        var tokenMustBePaidFee = tokens === null || tokens === void 0 ? void 0 : tokens.find(function (token) { return token.currency_slug === tokenSlugMustBePaidFee; });
+        return +((_a = tokenMustBePaidFee === null || tokenMustBePaidFee === void 0 ? void 0 : tokenMustBePaidFee.current_value) !== null && _a !== void 0 ? _a : 0);
+    }, [isFeePaidByAmount, amount, tokenSlug, tokens]);
+    var feeCheckedBalance = (0, react_1.useMemo)(function () {
+        var _a, _b;
+        var fee_detail = (_a = feesData === null || feesData === void 0 ? void 0 : feesData.fee_detail) !== null && _a !== void 0 ? _a : [];
+        return ((_b = fee_detail === null || fee_detail === void 0 ? void 0 : fee_detail.map(function (fee, index, array) {
+            var _a, _b;
+            var totalFeeInCurrency = array === null || array === void 0 ? void 0 : array.reduce(function (acc, fee_detail) {
+                var _a, _b;
+                if (((_a = fee_detail.currency) === null || _a === void 0 ? void 0 : _a.slug) === ((_b = fee === null || fee === void 0 ? void 0 : fee.currency) === null || _b === void 0 ? void 0 : _b.slug)) {
+                    return acc + fee_detail.fee_in_currency;
+                }
+                return acc;
+            }, 0);
+            var balanceUseToPaidFee = getBalanceUseToPaidFee((_b = (_a = fee === null || fee === void 0 ? void 0 : fee.currency) === null || _a === void 0 ? void 0 : _a.slug) !== null && _b !== void 0 ? _b : "");
+            var payable = balanceUseToPaidFee >= totalFeeInCurrency;
+            return __assign(__assign({}, fee), { isEnoughBalanceToPay: payable });
+        })) !== null && _b !== void 0 ? _b : []);
+    }, [feesData === null || feesData === void 0 ? void 0 : feesData.fee_detail, getBalanceUseToPaidFee]);
+    var isNotEnoughBalanceToPayFee = (0, react_1.useMemo)(function () {
+        var isNotEnoughBalanceToPay = feeCheckedBalance === null || feeCheckedBalance === void 0 ? void 0 : feeCheckedBalance.some(function (fee) { return !fee.isEnoughBalanceToPay; });
+        return isNotEnoughBalanceToPay;
+    }, [feeCheckedBalance]);
+    (0, react_1.useEffect)(function () {
+        if (!isNotEnoughBalanceToPayFee) {
+            setIsEnoughBalanceToPayFee === null || setIsEnoughBalanceToPayFee === void 0 ? void 0 : setIsEnoughBalanceToPayFee(true);
+            return;
+        }
+        setIsEnoughBalanceToPayFee === null || setIsEnoughBalanceToPayFee === void 0 ? void 0 : setIsEnoughBalanceToPayFee(false);
+    });
+    var isChargeFee = (0, react_1.useMemo)(function () {
+        return (feesData === null || feesData === void 0 ? void 0 : feesData.fee_in_usd) && +(feesData === null || feesData === void 0 ? void 0 : feesData.fee_in_usd) === 0;
+    }, [feesData]);
+    (0, react_1.useEffect)(function () {
+        if (!isChargeFee) {
+            setIsEnoughBalanceToPayFee === null || setIsEnoughBalanceToPayFee === void 0 ? void 0 : setIsEnoughBalanceToPayFee(true);
+        }
+    });
+    var totalFeeInCurrency = (0, react_1.useMemo)(function () {
+        return feesData === null || feesData === void 0 ? void 0 : feesData.fee_in_currency;
+    }, [feesData]);
+    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: !!isChargeFee && ((0, jsx_runtime_1.jsxs)(material_1.Accordion, __assign({ defaultExpanded: true }, rest, { disableGutters: true, sx: __assign(__assign({}, getStyled(feesStyle !== null && feesStyle !== void 0 ? feesStyle : FeesStyle.DEFAULT, theme)), sx), children: [(0, jsx_runtime_1.jsx)(material_1.AccordionSummary, { expandIcon: (0, jsx_runtime_1.jsx)(Icon_1.default, { src: (0, getIcon_1.default)("arrow_down"), width: 8, height: 8 }), children: (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.row), { width: "100%" }), children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
+                                    fontSize: theme.typography.fontSize11,
+                                    fontWeight: theme.typography.fontWeight500,
+                                    color: theme.palette.text.black,
+                                }, children: "Total fees" }), (0, jsx_runtime_1.jsx)(material_1.Box, { sx: {
+                                    borderTop: "1px dashed",
+                                    borderColor: theme.palette.border.accent,
+                                    flex: 1,
+                                    height: "1px",
+                                    width: "100%",
+                                    ml: theme.mixins.gaps.g8,
+                                    mr: theme.mixins.gaps.g8,
+                                } }), (0, jsx_runtime_1.jsx)(Formatter_1.default, { sx: {
+                                    fontSize: theme.typography.fontSize13,
+                                    fontWeight: theme.typography.fontWeight500,
+                                    color: theme.palette.text.black,
+                                }, value: totalFeeInCurrency, unit: " ".concat(tokenSlug.toUpperCase()), disableTooltip: true }), (0, jsx_runtime_1.jsx)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.row), { width: "0.5rem" }) })] }) }), (0, jsx_runtime_1.jsx)(material_1.AccordionDetails, { children: (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.column), { gap: theme.mixins.gaps.g8, pt: theme.mixins.gaps.g12 }), children: [(0, jsx_runtime_1.jsx)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.row), { alignItems: "stretch" }), children: (0, jsx_runtime_1.jsx)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.column), { flex: 1, gap: theme.mixins.gaps.g8 }), children: feeCheckedBalance === null || feeCheckedBalance === void 0 ? void 0 : feeCheckedBalance.map(function (item, index) {
+                                        var _a, _b, _c, _d;
+                                        return ((0, jsx_runtime_1.jsxs)(react_1.Fragment, { children: [index !== 0 && ((0, jsx_runtime_1.jsx)(material_1.Box, { sx: {
+                                                        borderRight: "1px dashed ".concat(theme.palette.border.accent),
+                                                        width: "1px",
+                                                        height: "1rem",
+                                                        pr: theme.mixins.gaps.g6,
+                                                    } })), (0, jsx_runtime_1.jsx)(FeeDetails, { feeName: (_a = item.fee_type) === null || _a === void 0 ? void 0 : _a.name, fee_in_currency: item.fee_in_currency, fee_in_usd: item.fee_in_usd, currencyName: (_b = item.currency) === null || _b === void 0 ? void 0 : _b.name }, (_c = item.fee_type) === null || _c === void 0 ? void 0 : _c.name)] }, (_d = item.fee_type) === null || _d === void 0 ? void 0 : _d.name));
+                                    }) }) }), isNotEnoughBalanceToPayFee && ((0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, theme.mixins.validationError), children: "ⓘ Insufficient transaction fee!" })), (0, jsx_runtime_1.jsx)(material_1.Divider, { sx: {
+                                    borderColor: theme.palette.border.black16,
+                                    my: theme.mixins.gaps.g4,
+                                } }), estimateReceive !== undefined && ((0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.row), { justifyContent: "space-between" }), children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
+                                            fontSize: theme.typography.fontSize11,
+                                            fontWeight: theme.typography.fontWeight500,
+                                            lineHeight: theme.typography.leading160,
+                                        }, children: "Receive amount estimated" }), (0, jsx_runtime_1.jsx)(Formatter_1.default, { sx: {
+                                            fontSize: theme.typography.fontSize16,
+                                            fontWeight: theme.typography.fontWeight700,
+                                            color: theme.palette.text.black,
+                                        }, unit: " ".concat(tokenSlug.toUpperCase()), value: estimateReceive })] }))] }) })] }))) }));
+}
+exports.default = Fees;
+var FeeDetails = function (_a) {
+    var feeName = _a.feeName, fee_in_currency = _a.fee_in_currency, fee_in_usd = _a.fee_in_usd, currencyName = _a.currencyName;
+    var theme = (0, ThemeProvider_1.useTheme)();
+    return ((0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.row), { gap: theme.mixins.gaps.g4, alignItems: "center", justifyContent: "space-between" }), children: [(0, jsx_runtime_1.jsx)(material_1.SvgIcon, { sx: { width: 14, height: 14 }, children: SvgPath_1.IC_TIMELINE_DOT }), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
+                    fontSize: theme.typography.fontSize11,
+                    fontWeight: theme.typography.fontWeight500,
+                    lineHeight: theme.typography.leading160,
+                    color: theme.palette.text.accent,
+                    pl: theme.mixins.gaps.g12,
+                    whiteSpace: "nowrap",
+                    flex: 1,
+                }, children: feeName }), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.column), { width: "fit-content", alignItems: "flex-end" }), children: [(0, jsx_runtime_1.jsx)(Formatter_1.default, { sx: {
+                            fontSize: theme.typography.fontSize13,
+                            fontWeight: theme.typography.fontWeight500,
+                            color: theme.palette.text.black,
+                        }, value: fee_in_currency, unit: " ".concat(currencyName), disableTooltip: true }), (0, jsx_runtime_1.jsx)(Formatter_1.default, { sx: {
+                            fontSize: theme.typography.fontSize11,
+                            fontWeight: theme.typography.fontWeight500,
+                            color: theme.palette.text.black,
+                        }, value: fee_in_usd, unit: " $" })] })] }));
+};
+var getStyled = function (style, theme) {
+    switch (style) {
+        case FeesStyle.DEFAULT:
+            return {
+                "&.MuiAccordion-root": {
+                    backgroundColor: "transparent",
+                    margin: 0,
+                    padding: 0,
+                    borderRadius: 0,
+                    border: "none",
+                    boxShadow: "none",
+                },
+                "&.MuiAccordion-root::before": {
+                    display: "none",
+                },
+                "& .MuiAccordionSummary-root": {
+                    margin: 0,
+                    padding: 0,
+                    minHeight: 0,
+                },
+                "& .MuiAccordionSummary-content": {
+                    margin: 0,
+                    padding: 0,
+                    display: "inline-block",
+                    width: "100%",
+                },
+                "& .MuiAccordionSummary-content.Mui-expanded": {
+                    margin: 0,
+                },
+                "& .MuiAccordionDetails-root": {
+                    margin: 0,
+                    padding: 0,
+                },
+            };
+        case FeesStyle.WITH_BACKGROUND:
+            return {
+                "&.MuiAccordion-root": {
+                    backgroundColor: theme.palette.background.tertiary,
+                    margin: 0,
+                    padding: theme.mixins.customPadding.p16,
+                    borderRadius: theme.mixins.customRadius.r16,
+                    border: "none",
+                    boxShadow: "none",
+                },
+                "&.MuiAccordion-root::before": {
+                    display: "none",
+                },
+                "& .MuiAccordionSummary-root": {
+                    margin: 0,
+                    padding: 0,
+                    minHeight: 0,
+                },
+                "& .MuiAccordionSummary-content": {
+                    margin: 0,
+                    padding: 0,
+                    display: "inline-block",
+                    width: "100%",
+                },
+                "& .MuiAccordionSummary-content.Mui-expanded": {
+                    margin: 0,
+                },
+                "& .MuiAccordionDetails-root": {
+                    margin: 0,
+                    padding: 0,
+                },
+            };
+    }
+};

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

@@ -156,7 +156,7 @@ exports.default = (0, react_1.memo)(function ShareAction(_a) {
                             display: "flex",
                             color: "#fff",
                             aspectRatio: "1 / 1",
-                            background: "#1E4841",
+                            background: "#1C461D",
                         }, children: (0, jsx_runtime_1.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "21", height: "20", viewBox: "0 0 21 20", fill: "none", children: (0, jsx_runtime_1.jsx)("path", { d: "M3.375 13.75V15.625C3.375 16.1223 3.57254 16.5992 3.92417 16.9508C4.27581 17.3025 4.75272 17.5 5.25 17.5H16.5C16.9973 17.5 17.4742 17.3025 17.8258 16.9508C18.1775 16.5992 18.375 16.1223 18.375 15.625V13.75M14.625 10L10.875 13.75M10.875 13.75L7.125 10M10.875 13.75V2.5", stroke: "white", strokeWidth: "1.25", strokeLinecap: "round", strokeLinejoin: "round" }) }) }), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, style_1.content02), color: (_b = palette_1.palette.positive) === null || _b === void 0 ? void 0 : _b.main, children: "Save photo" })] }), (0, jsx_runtime_1.jsxs)(material_1.Grid2, { display: "flex", flexDirection: "column", gap: "0.375rem", alignItems: "center", children: [(0, jsx_runtime_1.jsx)(material_1.Button, { color: "primary", onClick: handleCopyLink, sx: {
                             borderRadius: "0.75rem",
                             justifyContent: "center",
@@ -166,6 +166,6 @@ exports.default = (0, react_1.memo)(function ShareAction(_a) {
                             display: "flex",
                             color: "#fff",
                             aspectRatio: "1 / 1",
-                            background: "#1E4841",
+                            background: "#1C461D",
                         }, children: copySuccess ? ((0, jsx_runtime_1.jsx)(exports.SuccessAnimation, {})) : ((0, jsx_runtime_1.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "21", height: "20", viewBox: "0 0 21 20", fill: "none", children: (0, jsx_runtime_1.jsx)("path", { d: "M11.6167 7.24002C12.1582 7.49857 12.6298 7.8833 12.9918 8.36189C13.3538 8.84048 13.5956 9.39895 13.697 9.9904C13.7985 10.5818 13.7564 11.189 13.5745 11.7608C13.3926 12.3327 13.0762 12.8525 12.6517 13.2767L8.90169 17.0267C8.19842 17.73 7.24459 18.125 6.25002 18.125C5.25546 18.125 4.30162 17.73 3.59836 17.0267C2.89509 16.3234 2.5 15.3696 2.5 14.375C2.5 13.3805 2.89509 12.4266 3.59836 11.7234L5.06252 10.2592M16.1875 9.74086L17.6517 8.27669C18.355 7.57342 18.75 6.61959 18.75 5.62502C18.75 4.63046 18.355 3.67662 17.6517 2.97336C16.9484 2.27009 15.9946 1.875 15 1.875C14.0055 1.875 13.0516 2.27009 12.3484 2.97336L8.59836 6.72336C8.17389 7.14752 7.85741 7.66736 7.67551 8.23921C7.49361 8.81105 7.45159 9.4182 7.553 10.0096C7.6544 10.6011 7.89626 11.1596 8.25827 11.6382C8.62027 12.1167 9.09183 12.5015 9.63336 12.76", stroke: "white", strokeWidth: "1.25", strokeLinecap: "round", strokeLinejoin: "round" }) })) }), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, style_1.content02), color: (_c = palette_1.palette.positive) === null || _c === void 0 ? void 0 : _c.main, children: copySuccess ? "Copied!" : "Copy link" })] })] }));
 });

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

@@ -46,7 +46,7 @@ function ShareImage(_a) {
                                         backgroundColor: "transparent",
                                         alignItems: "center",
                                         justifyContent: "center",
-                                    }, children: (0, jsx_runtime_1.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", children: (0, jsx_runtime_1.jsx)("path", { d: "M16.0234 9.34794H21.0154L17.8344 6.16494C16.8103 5.14081 15.5346 4.40433 14.1356 4.02955C12.7366 3.65476 11.2636 3.65487 9.86464 4.02986C8.4657 4.40486 7.19014 5.14153 6.16617 6.16581C5.14221 7.19009 4.40594 8.46588 4.03138 9.86494M2.98537 19.6439V14.6519M2.98537 14.6519H7.97738M2.98537 14.6519L6.16537 17.8349C7.18949 18.8591 8.46517 19.5955 9.86416 19.9703C11.2632 20.3451 12.7362 20.345 14.1351 19.97C15.534 19.595 16.8096 18.8584 17.8336 17.8341C18.8575 16.8098 19.5938 15.534 19.9684 14.1349M21.0154 4.35594V9.34594", stroke: "#1E4841", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) }) }))] }), (0, jsx_runtime_1.jsxs)(Text_1.default, { component: "span", sx: {
+                                    }, children: (0, jsx_runtime_1.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", children: (0, jsx_runtime_1.jsx)("path", { d: "M16.0234 9.34794H21.0154L17.8344 6.16494C16.8103 5.14081 15.5346 4.40433 14.1356 4.02955C12.7366 3.65476 11.2636 3.65487 9.86464 4.02986C8.4657 4.40486 7.19014 5.14153 6.16617 6.16581C5.14221 7.19009 4.40594 8.46588 4.03138 9.86494M2.98537 19.6439V14.6519M2.98537 14.6519H7.97738M2.98537 14.6519L6.16537 17.8349C7.18949 18.8591 8.46517 19.5955 9.86416 19.9703C11.2632 20.3451 12.7362 20.345 14.1351 19.97C15.534 19.595 16.8096 18.8584 17.8336 17.8341C18.8575 16.8098 19.5938 15.534 19.9684 14.1349M21.0154 4.35594V9.34594", stroke: "#1C461D", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) }) }))] }), (0, jsx_runtime_1.jsxs)(Text_1.default, { component: "span", sx: {
                                 display: "flex",
                                 flexDirection: "column",
                                 fontSize: "0.813rem",
@@ -70,8 +70,8 @@ function ShareImage(_a) {
                                 left: "-1px",
                                 width: "16px",
                                 height: "16px",
-                                borderTop: "1px solid #1E4841",
-                                borderLeft: "1px solid #1E4841",
+                                borderTop: "1px solid #1C461D",
+                                borderLeft: "1px solid #1C461D",
                                 borderTopLeftRadius: "9px",
                             } }), (0, jsx_runtime_1.jsx)("div", { style: {
                                 position: "absolute",
@@ -79,8 +79,8 @@ function ShareImage(_a) {
                                 right: "-1px",
                                 width: "16px",
                                 height: "16px",
-                                borderTop: "1px solid #1E4841",
-                                borderRight: "1px solid #1E4841",
+                                borderTop: "1px solid #1C461D",
+                                borderRight: "1px solid #1C461D",
                                 borderTopRightRadius: "9px",
                             } }), (0, jsx_runtime_1.jsx)("div", { style: {
                                 position: "absolute",
@@ -88,8 +88,8 @@ function ShareImage(_a) {
                                 left: "-1px",
                                 width: "16px",
                                 height: "16px",
-                                borderBottom: "1px solid #1E4841",
-                                borderLeft: "1px solid #1E4841",
+                                borderBottom: "1px solid #1C461D",
+                                borderLeft: "1px solid #1C461D",
                                 borderBottomLeftRadius: "9px",
                             } }), (0, jsx_runtime_1.jsx)("div", { style: {
                                 position: "absolute",
@@ -97,27 +97,27 @@ function ShareImage(_a) {
                                 right: "-1px",
                                 width: "16px",
                                 height: "16px",
-                                borderBottom: "1px solid #1E4841",
-                                borderRight: "1px solid #1E4841",
+                                borderBottom: "1px solid #1C461D",
+                                borderRight: "1px solid #1C461D",
                                 borderBottomRightRadius: "9px",
                             } }), (0, jsx_runtime_1.jsx)("div", { style: {
                                 position: "absolute",
                                 top: "-1px",
                                 width: "16px",
                                 height: "16px",
-                                borderTop: "1px solid #1E4841",
+                                borderTop: "1px solid #1C461D",
                             } }), (0, jsx_runtime_1.jsx)("div", { style: {
                                 position: "absolute",
                                 bottom: "-1px",
                                 width: "16px",
                                 height: "16px",
-                                borderBottom: "1px solid #1E4841",
+                                borderBottom: "1px solid #1C461D",
                             } }), (0, jsx_runtime_1.jsx)("div", { style: {
                                 position: "absolute",
                                 left: "-1px",
                                 width: "16px",
                                 height: "16px",
-                                borderLeft: "1px solid #1E4841",
+                                borderLeft: "1px solid #1C461D",
                                 top: "50%",
                                 transform: "translateY(-50%)",
                             } }), (0, jsx_runtime_1.jsx)("div", { style: {
@@ -125,7 +125,7 @@ function ShareImage(_a) {
                                 right: "-1px",
                                 width: "16px",
                                 height: "16px",
-                                borderRight: "1px solid #1E4841",
+                                borderRight: "1px solid #1C461D",
                                 top: "50%",
                                 transform: "translateY(-50%)",
                             } })] })] }) }));

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

@@ -70,6 +70,7 @@ var Button_1 = __importDefault(require("../Button"));
 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");
 // 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" }) })] })));
@@ -84,7 +85,7 @@ var Header = function (_a) {
         }, 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(); } }) })] }) })] }));
 };
 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: "#1E4841", strokeWidth: "1.25", strokeLinecap: "round", strokeLinejoin: "round" }) }));
+    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) {
@@ -174,7 +175,8 @@ function FiatDeposit(_a) {
         });
     };
     (0, react_1.useEffect)(function () {
-        if ((transaction === null || transaction === void 0 ? void 0 : transaction.transaction_status) === "success") {
+        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();
             setOpen(false);
             setOpenQR(false);
@@ -235,7 +237,7 @@ function FiatDeposit(_a) {
                                                     }, style: { filter: count === 0 ? "blur(6px)" : "none" } }), count === 0 && ((0, jsx_runtime_1.jsx)(material_1.Stack, { direction: "row", position: "absolute", alignItems: "center", justifyContent: "center", sx: {
                                                         background: "transparent",
                                                         inset: 0,
-                                                    }, onClick: handleClick, children: (0, jsx_runtime_1.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", children: (0, jsx_runtime_1.jsx)("path", { d: "M16.0234 9.34794H21.0154L17.8344 6.16494C16.8103 5.14081 15.5346 4.40433 14.1356 4.02955C12.7366 3.65476 11.2636 3.65487 9.86464 4.02986C8.4657 4.40486 7.19014 5.14153 6.16617 6.16581C5.14221 7.19009 4.40594 8.46588 4.03138 9.86494M2.98537 19.6439V14.6519M2.98537 14.6519H7.97738M2.98537 14.6519L6.16537 17.8349C7.18949 18.8591 8.46517 19.5955 9.86416 19.9703C11.2632 20.3451 12.7362 20.345 14.1351 19.97C15.534 19.595 16.8096 18.8584 17.8336 17.8341C18.8575 16.8098 19.5938 15.534 19.9684 14.1349M21.0154 4.35594V9.34594", stroke: "#1E4841", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) }) }))] }), (0, jsx_runtime_1.jsxs)(Text_1.default, { sx: {
+                                                    }, onClick: handleClick, children: (0, jsx_runtime_1.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", children: (0, jsx_runtime_1.jsx)("path", { d: "M16.0234 9.34794H21.0154L17.8344 6.16494C16.8103 5.14081 15.5346 4.40433 14.1356 4.02955C12.7366 3.65476 11.2636 3.65487 9.86464 4.02986C8.4657 4.40486 7.19014 5.14153 6.16617 6.16581C5.14221 7.19009 4.40594 8.46588 4.03138 9.86494M2.98537 19.6439V14.6519M2.98537 14.6519H7.97738M2.98537 14.6519L6.16537 17.8349C7.18949 18.8591 8.46517 19.5955 9.86416 19.9703C11.2632 20.3451 12.7362 20.345 14.1351 19.97C15.534 19.595 16.8096 18.8584 17.8336 17.8341C18.8575 16.8098 19.5938 15.534 19.9684 14.1349M21.0154 4.35594V9.34594", stroke: "#1C461D", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) }) }))] }), (0, jsx_runtime_1.jsxs)(Text_1.default, { sx: {
                                                 fontSize: "1.5rem",
                                                 fontWeight: 600,
                                                 lineHeight: "140%",
@@ -246,7 +248,7 @@ function FiatDeposit(_a) {
                                                         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: "#1E4841", 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: {
+                                                    }, 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: {
                                                         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/Formatter/index.d.ts

@@ -11,6 +11,7 @@ export interface FormatterProps extends BoxProps {
     disableTooltip?: boolean;
     showLessThan?: boolean;
     isNotCurrency?: boolean;
+    hideUnitOutSide?: boolean;
     className?: string;
 }
 export declare const Formatter: React.FC<FormatterProps>;