tek-wallet 0.0.752 → 0.0.753

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>;

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

@@ -13,7 +13,7 @@ var lengthFromDotToFirstNonZero_1 = __importDefault(require("./functions/lengthF
 var formatter_1 = __importDefault(require("./functions/formatter"));
 var clsx_1 = __importDefault(require("clsx"));
 var Formatter = function (_a) {
-    var value = _a.value, _b = _a.start, start = _b === void 0 ? "" : _b, _c = _a.unit, unit = _c === void 0 ? "" : _c, _d = _a.lengthValueAllowed, lengthValueAllowed = _d === void 0 ? 8 : _d, _e = _a.allowShowZero, allowShowZero = _e === void 0 ? false : _e, _f = _a.useCompact, useCompact = _f === void 0 ? true : _f, disableTooltip = _a.disableTooltip, _g = _a.showLessThan, showLessThan = _g === void 0 ? false : _g, _h = _a.useCompactOnThousand, useCompactOnThousand = _h === void 0 ? false : _h, _j = _a.isNotCurrency, isNotCurrency = _j === void 0 ? false : _j, className = _a.className;
+    var value = _a.value, _b = _a.start, start = _b === void 0 ? "" : _b, _c = _a.unit, unit = _c === void 0 ? "" : _c, _d = _a.lengthValueAllowed, lengthValueAllowed = _d === void 0 ? 4 : _d, _e = _a.allowShowZero, allowShowZero = _e === void 0 ? false : _e, _f = _a.useCompact, useCompact = _f === void 0 ? true : _f, disableTooltip = _a.disableTooltip, _g = _a.showLessThan, showLessThan = _g === void 0 ? false : _g, _h = _a.useCompactOnThousand, useCompactOnThousand = _h === void 0 ? false : _h, _j = _a.isNotCurrency, isNotCurrency = _j === void 0 ? false : _j, _k = _a.hideUnitOutSide, hideUnitOutSide = _k === void 0 ? false : _k, className = _a.className;
     // TODO: get user setting from backend
     var userSetting = {
         currency: "usd",
@@ -25,6 +25,8 @@ var Formatter = function (_a) {
     };
     var valueInNumber = Number(value);
     var addUnit = function (value) {
+        if (hideUnitOutSide)
+            return value;
         var isLeft = userSetting.unitDirection === "left";
         if (isLeft) {
             return ((0, jsx_runtime_1.jsxs)("span", { className: (0, clsx_1.default)(className), children: [unit, " ", value] }));
@@ -65,7 +67,7 @@ var Formatter = function (_a) {
         userSetting.decimalDot,
     ]);
     var trigger = valueDisplay();
-    return ((0, jsx_runtime_1.jsx)(CustomTooltip_1.default, { disabled: disableTooltip, trigger: addUnit(trigger), sx: {
+    return ((0, jsx_runtime_1.jsx)(CustomTooltip_1.default, { disabled: disableTooltip, trigger: value ? addUnit(trigger) : trigger, sx: {
             "& .MuiPaper-root": {
                 whiteSpace: "nowrap",
                 backdropFilter: "blur(10px)",

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

@@ -21,12 +21,13 @@ var Icon_1 = __importDefault(require("../Icon"));
 var Text_1 = __importDefault(require("../Text"));
 var FunctionItem = function (props) {
     var theme = (0, ThemeProvider_1.useTheme)();
-    return ((0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign(__assign({}, theme.mixins.column), { alignItems: "center", gap: theme.mixins.gaps.g6 }), props.sx), children: [(0, jsx_runtime_1.jsx)(Icon_1.default, { src: props.icon, sx: {
+    return ((0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign(__assign({}, theme.mixins.column), { alignItems: "center", gap: theme.mixins.gaps.g4 }), props.sx), children: [(0, jsx_runtime_1.jsx)(Icon_1.default, { iconKey: props.icon, alt: "", sx: {
                     borderRadius: theme.mixins.customRadius.full,
-                }, width: 44 }), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
-                    color: "text.white",
-                    fontSize: theme.typography.fontSize13,
+                }, width: 24 }), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
+                    color: theme.palette.text.primary,
+                    fontSize: theme.typography.fontSize11,
                     lineHeight: theme.typography.leading140,
+                    fontWeight: theme.typography.fontWeight600,
                 }, children: props.label })] }));
 };
 exports.default = FunctionItem;

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

@@ -1,10 +1,12 @@
-import { SxProps } from "@mui/material";
-export interface IconProps extends React.ImgHTMLAttributes<HTMLImageElement> {
+import { BoxProps, SxProps } from "@mui/material";
+export interface IconProps extends BoxProps {
     src?: string;
     alt?: string;
     width?: number;
     height?: number;
     sx?: SxProps;
+    iconKey?: string;
+    crossOrigin?: string;
 }
 declare const Icon: (props: IconProps) => import("react/jsx-runtime").JSX.Element;
 export default Icon;

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

@@ -10,6 +10,39 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 var __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)
@@ -24,9 +57,17 @@ var __rest = (this && this.__rest) || function (s, e) {
 Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
 var material_1 = require("@mui/material");
+var SvgPath = __importStar(require("../SvgPath"));
+var react_1 = require("react");
 var Icon = function (props) {
-    var _a, _b;
-    var src = props.src, alt = props.alt, onClick = props.onClick, width = props.width, height = props.height, sx = props.sx, rest = __rest(props, ["src", "alt", "onClick", "width", "height", "sx"]);
-    return ((0, jsx_runtime_1.jsx)(material_1.Box, __assign({ component: "img", src: src, alt: alt, onClick: onClick }, rest, { sx: __assign({ display: "block", width: ((_a = width !== null && width !== void 0 ? width : height) !== null && _a !== void 0 ? _a : false) ? "".concat((width || height || 0) / 16, "rem") : "auto", height: ((_b = height !== null && height !== void 0 ? height : width) !== null && _b !== void 0 ? _b : false) ? "".concat((height || width || 0) / 16, "rem") : "auto" }, sx) })));
+    var _a, _b, _c, _d;
+    var _e = props.iconKey, iconKey = _e === void 0 ? "" : _e, src = props.src, alt = props.alt, onClick = props.onClick, width = props.width, height = props.height, sx = props.sx, rest = __rest(props, ["iconKey", "src", "alt", "onClick", "width", "height", "sx"]);
+    var icon = (0, react_1.useMemo)(function () {
+        return SvgPath[iconKey];
+    }, [iconKey]);
+    if (src) {
+        return ((0, jsx_runtime_1.jsx)(material_1.Box, __assign({ component: "img", src: src, alt: alt, onClick: onClick }, rest, { sx: __assign({ display: "block", width: ((_a = width !== null && width !== void 0 ? width : height) !== null && _a !== void 0 ? _a : false) ? "".concat((width || height || 0) / 16, "rem") : "auto", height: ((_b = height !== null && height !== void 0 ? height : width) !== null && _b !== void 0 ? _b : false) ? "".concat((height || width || 0) / 16, "rem") : "auto" }, sx) })));
+    }
+    return ((0, jsx_runtime_1.jsx)(material_1.SvgIcon, __assign({}, rest, { sx: __assign({ width: ((_c = width !== null && width !== void 0 ? width : height) !== null && _c !== void 0 ? _c : false) ? "".concat((width || height || 0) / 16, "rem") : "auto", height: ((_d = height !== null && height !== void 0 ? height : width) !== null && _d !== void 0 ? _d : false) ? "".concat((height || width || 0) / 16, "rem") : "auto" }, sx), children: icon })));
 };
 exports.default = Icon;

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

@@ -29,18 +29,18 @@ var ThemeProvider_1 = require("../../../providers/ThemeProvider");
 var Input = (0, react_1.forwardRef)(function (props, inputRef) {
     var inputRest = props.inputRest, leftPart = props.leftPart, rightPart = props.rightPart, sx = props.sx, inputSx = props.inputSx, rest = __rest(props, ["inputRest", "leftPart", "rightPart", "sx", "inputSx"]);
     var theme = (0, ThemeProvider_1.useTheme)();
-    return ((0, jsx_runtime_1.jsxs)(material_1.Box, __assign({ ref: inputRef, sx: __assign(__assign(__assign({}, theme.mixins.row), { gap: theme.mixins.gaps.g12, borderRadius: theme.mixins.customRadius.r12, padding: 0, backgroundColor: "background.white16", border: "1px solid ".concat(theme.palette.border.white24), backdropFilter: "blur(10px)" }), sx) }, rest, { children: [leftPart, (0, jsx_runtime_1.jsx)(material_1.TextField, __assign({}, inputRest, { sx: __assign({ backgroundColor: "transparent", border: "none", outline: "none", flex: 1, height: "fit-content", "& .MuiInputBase-input": {
+    return ((0, jsx_runtime_1.jsxs)(material_1.Box, __assign({ ref: inputRef, sx: __assign(__assign(__assign({}, theme.mixins.row), { gap: theme.mixins.gaps.g12, borderRadius: theme.mixins.customRadius.r8, paddingX: theme.mixins.customPadding.p16, border: "1px solid ".concat(theme.palette.border.primary), backgroundColor: theme.palette.background.white, color: theme.palette.text.black, backdropFilter: "blur(10px)" }), sx) }, rest, { children: [leftPart, (0, jsx_runtime_1.jsx)(material_1.TextField, __assign({ autoComplete: "off", hiddenLabel: true, sx: __assign({ backgroundColor: "transparent", border: "none", outline: "none", flex: 1, height: "fit-content", "& .MuiInputBase-input": {
                         border: "none",
                         outline: "none",
                         color: theme.palette.text.black,
                         fontSize: theme.typography.fontSize13,
                         lineHeight: theme.typography.leading140,
                         fontWeight: theme.typography.fontWeight400,
-                        padding: "".concat(theme.mixins.customPadding.p12, " ").concat(theme.mixins.customPadding.p16),
+                        padding: "".concat(theme.mixins.customPadding.p12, " ").concat(0, "px"),
                         // height: "fit-content",
                     }, "& fieldset": { border: "none" }, "& .MuiInputBase-input::placeholder": {
                         fontSize: theme.typography.fontSize13,
-                    } }, inputSx) })), rightPart] })));
+                    } }, inputSx) }, inputRest)), rightPart] })));
 });
 Input.displayName = "Input";
 exports.default = Input;

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

@@ -9,6 +9,7 @@ export interface ListItemCustomProps extends Omit<ListItemButtonProps, "title">
     rightIcon?: React.ReactNode | boolean;
     hideDefaultRightIcon?: boolean;
     recommended?: boolean;
+    hideTag?: boolean;
 }
-declare function ListItemCustom({ title, description, icon, rightIcon, hideDefaultRightIcon, sx, recommended, ...rest }: ListItemCustomProps): import("react/jsx-runtime").JSX.Element;
+declare function ListItemCustom({ title, description, icon, rightIcon, hideDefaultRightIcon, sx, recommended, hideTag, ...rest }: ListItemCustomProps): import("react/jsx-runtime").JSX.Element;
 export default ListItemCustom;

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

@@ -31,16 +31,16 @@ var ThemeProvider_1 = require("../../../providers/ThemeProvider");
 var Text_1 = __importDefault(require("../Text"));
 var SvgPath_1 = require("../SvgPath");
 function ListItemCustom(_a) {
-    var title = _a.title, description = _a.description, icon = _a.icon, rightIcon = _a.rightIcon, hideDefaultRightIcon = _a.hideDefaultRightIcon, sx = _a.sx, recommended = _a.recommended, rest = __rest(_a, ["title", "description", "icon", "rightIcon", "hideDefaultRightIcon", "sx", "recommended"]);
+    var title = _a.title, description = _a.description, icon = _a.icon, rightIcon = _a.rightIcon, hideDefaultRightIcon = _a.hideDefaultRightIcon, sx = _a.sx, recommended = _a.recommended, hideTag = _a.hideTag, rest = __rest(_a, ["title", "description", "icon", "rightIcon", "hideDefaultRightIcon", "sx", "recommended", "hideTag"]);
     var theme = (0, ThemeProvider_1.useTheme)();
-    return ((0, jsx_runtime_1.jsxs)(material_1.ListItemButton, __assign({}, rest, { sx: __assign(__assign(__assign({}, theme.mixins.row), { gap: theme.mixins.gaps.g12, padding: "calc(".concat(theme.mixins.customPadding.p16, " + 6px) ").concat(theme.mixins.customPadding.p16), border: "1px solid ".concat(theme.palette.border.accent3), borderRadius: theme.mixins.customRadius.r16, backgroundColor: theme.palette.background.white, position: "relative", overflow: "hidden" }), sx), children: [(0, jsx_runtime_1.jsxs)(material_1.Box, { sx: {
+    return ((0, jsx_runtime_1.jsxs)(material_1.ListItemButton, __assign({}, rest, { sx: __assign(__assign(__assign({}, theme.mixins.row), { gap: theme.mixins.gaps.g12, padding: "calc(".concat(theme.mixins.customPadding.p16, " + 6px) ").concat(theme.mixins.customPadding.p16), border: "1px solid ".concat(theme.palette.border.accent3), borderRadius: theme.mixins.customRadius.r16, backgroundColor: theme.palette.background.white, position: "relative", overflow: "hidden" }), sx), children: [!hideTag && ((0, jsx_runtime_1.jsxs)(material_1.Box, { sx: {
                     position: "absolute",
                     top: "-9px",
                     left: "-1px",
                 }, children: [(0, jsx_runtime_1.jsx)(material_1.SvgIcon, { sx: {
                             width: "6.6rem",
                             height: "auto",
-                        }, children: recommended ? SvgPath_1.IC_RECEIVE_TAG_RECOMMENDED : SvgPath_1.IC_RECEIVE_TAG }), (0, jsx_runtime_1.jsx)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.center), { whiteSpace: "nowrap", color: recommended ? theme.palette.text.blackContrast : theme.palette.text.white, fontSize: theme.typography.fontSize10, fontWeight: theme.typography.fontWeight600, lineHeight: "120%" }), children: recommended ? "Recommended" : "Fee upto 8%" })] }), icon, (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.column), { gap: theme.mixins.gaps.g4, alignItems: "start", flex: 1 }), children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, theme.mixins.listTitle), children: title }), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, theme.mixins.listDescription), children: description })] }), rightIcon !== null && rightIcon !== void 0 ? rightIcon : (!hideDefaultRightIcon && (
+                        }, children: recommended ? SvgPath_1.IC_RECEIVE_TAG_RECOMMENDED : SvgPath_1.IC_RECEIVE_TAG }), (0, jsx_runtime_1.jsx)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.center), { whiteSpace: "nowrap", color: recommended ? theme.palette.text.blackContrast : theme.palette.text.white, fontSize: theme.typography.fontSize10, fontWeight: theme.typography.fontWeight600, lineHeight: "120%" }), children: recommended ? "Recommended" : "Fee upto 8%" })] })), icon, (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.column), { gap: theme.mixins.gaps.g4, alignItems: "start", flex: 1 }), children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, theme.mixins.listTitle), children: title }), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, theme.mixins.listDescription), children: description })] }), rightIcon !== null && rightIcon !== void 0 ? rightIcon : (!hideDefaultRightIcon && (
             // <Icon width={10} src={getIcon("right_arrow")} sx={{ ml: "auto" }} />
             (0, jsx_runtime_1.jsx)(material_1.SvgIcon, { sx: { width: "12px", height: "12px" }, children: SvgPath_1.IC_CHEVRON_RIGHT })))] })));
 }

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

@@ -4,7 +4,7 @@ var jsx_runtime_1 = require("react/jsx-runtime");
 var qrcode_react_1 = require("qrcode.react");
 function QRCode(props) {
     var value = props.value, _a = props.size, size = _a === void 0 ? 156 : _a, logo = props.logo, title = props.title, _b = props.bgColor, bgColor = _b === void 0 ? "#ffffff" : _b;
-    return ((0, jsx_runtime_1.jsx)(qrcode_react_1.QRCodeCanvas, { value: value, title: title, size: size, bgColor: bgColor, fgColor: "#1E4841", level: "L", minVersion: 8, marginSize: 4, imageSettings: {
+    return ((0, jsx_runtime_1.jsx)(qrcode_react_1.QRCodeCanvas, { value: value, title: title, size: size, bgColor: bgColor, fgColor: "#1C461D", level: "L", minVersion: 8, marginSize: 4, imageSettings: {
             src: logo || "/",
             x: undefined,
             y: undefined,

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

@@ -286,7 +286,7 @@ exports.SendExternalToken = (0, react_1.forwardRef)(function (props, ref) {
                                     left: "50%",
                                     transform: "translateX(-50%)",
                                     width: "calc(100dvw - 2rem)",
-                                    backgroundColor: "#1E4841",
+                                    backgroundColor: "#1C461D",
                                     fontWeight: theme.typography.fontWeight500,
                                     fontSize: theme.typography.fontSize14,
                                     borderRadius: theme.mixins.customRadius.r12,

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

@@ -1,9 +1,6 @@
 import { ConfirmLayoutProps } from "../ConfirmLayout";
-import { SendExternalBody, SendExternalResponse } from "../../../services/axios/send-external-service/type";
-import { NetworkData } from "../../../services/axios/type";
-export interface SendExternalDataType extends Omit<SendExternalBody, "network" | "passcode"> {
-    network: NetworkData;
-}
+import { SendExternalResponse } from "../../../services/axios/send-external-service/type";
+import { SendExternalDataType } from "../ConfirmSendExternal";
 export interface SendExternalTokenWithdrawnProps extends Omit<ConfirmLayoutProps, "action"> {
     sendExternalData: SendExternalDataType;
     onSuccess?: (data: SendExternalResponse) => any;

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

@@ -1,5 +1,6 @@
 export declare const ARROW_DROP_UP: import("react/jsx-runtime").JSX.Element;
 export declare const ARROW_DROP_DOWN: import("react/jsx-runtime").JSX.Element;
+export declare const ARROW_DOWN: import("react/jsx-runtime").JSX.Element;
 export declare const IC_HISTORY: import("react/jsx-runtime").JSX.Element;
 export declare const IC_TUTORIAL: import("react/jsx-runtime").JSX.Element;
 export declare const IC_SCAN: import("react/jsx-runtime").JSX.Element;
@@ -12,6 +13,7 @@ export declare const IC_FACE_ID: import("react/jsx-runtime").JSX.Element;
 export declare const IC_PASSCODE: import("react/jsx-runtime").JSX.Element;
 export declare const IC_HELP: import("react/jsx-runtime").JSX.Element;
 export declare const IC_SWAP: import("react/jsx-runtime").JSX.Element;
+export declare const IC_SWAP_SECONDARY: import("react/jsx-runtime").JSX.Element;
 export declare const IC_ARROW_BLACK_DROP: import("react/jsx-runtime").JSX.Element;
 export declare const IC_TRASH: import("react/jsx-runtime").JSX.Element;
 export declare const IC_CHEVRON_LEFT: import("react/jsx-runtime").JSX.Element;
@@ -35,3 +37,13 @@ export declare const IC_EXPANDER_ARROW: import("react/jsx-runtime").JSX.Element;
 export declare const IC_INFORMATION: import("react/jsx-runtime").JSX.Element;
 export declare const IC_WITHDRAW: import("react/jsx-runtime").JSX.Element;
 export declare const IC_DEPOSIT: import("react/jsx-runtime").JSX.Element;
+export declare const IC_SCAN_QR_CODE: import("react/jsx-runtime").JSX.Element;
+export declare const IC_CHECK_CIRCLE: import("react/jsx-runtime").JSX.Element;
+export declare const IC_ERROR_CIRCLE: import("react/jsx-runtime").JSX.Element;
+export declare const IC_NETWORK: import("react/jsx-runtime").JSX.Element;
+export declare const IC_PROCESSING_CIRCLE: import("react/jsx-runtime").JSX.Element;
+export declare const IC_SWAP_BG: import("react/jsx-runtime").JSX.Element;
+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;