tek-wallet 0.0.759 → 0.0.760

package/dist/components/TekWallet/components/layouts/ChildPageLayout/index.js

@@ -51,7 +51,7 @@ var ChildPageLayout = (0, react_1.forwardRef)(function (props, ref) {
             },
         };
     });
-    return ((0, jsx_runtime_1.jsxs)(material_1.Box, __assign({ ref: ref, sx: __assign({ height: "100%", width: "100%", display: "grid", gridTemplateRows: "auto 1fr auto", position: "relative", backgroundColor: theme.palette.background.white }, sx), className: className }, rest, { children: [(0, jsx_runtime_1.jsx)(material_1.Box, { sx: { width: "100%" }, className: classNames === null || classNames === void 0 ? void 0 : classNames.header, children: header }), (0, jsx_runtime_1.jsx)(material_1.Box, { sx: { height: "100%", width: "100%", overflowX: "hidden", overflowY: "auto" }, className: classNames === null || classNames === void 0 ? void 0 : classNames.body, children: children }), (0, jsx_runtime_1.jsx)(material_1.Box, { sx: { width: "100%" }, className: classNames === null || classNames === void 0 ? void 0 : classNames.footer, children: footer }), status !== StatusDisplay_1.StatusDisplayType.Normal && ((0, jsx_runtime_1.jsx)(material_1.Box, { sx: {
+    return ((0, jsx_runtime_1.jsxs)(material_1.Box, __assign({ ref: ref, sx: __assign({ height: "100%", width: "100%", display: "grid", gridTemplateRows: "auto 1fr auto", position: "relative", overflow: "hidden", backgroundColor: theme.palette.background.white }, sx), className: className }, rest, { children: [(0, jsx_runtime_1.jsx)(material_1.Box, { sx: { width: "100%" }, className: classNames === null || classNames === void 0 ? void 0 : classNames.header, children: header }), (0, jsx_runtime_1.jsx)(material_1.Box, { sx: { height: "100%", width: "100%", overflowX: "hidden", overflowY: "auto" }, className: classNames === null || classNames === void 0 ? void 0 : classNames.body, children: children }), (0, jsx_runtime_1.jsx)(material_1.Box, { sx: { width: "100%" }, className: classNames === null || classNames === void 0 ? void 0 : classNames.footer, children: footer }), status !== StatusDisplay_1.StatusDisplayType.Normal && ((0, jsx_runtime_1.jsx)(material_1.Box, { sx: {
                     position: "absolute",
                     inset: 0,
                     display: "flex",

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

@@ -24,7 +24,7 @@ var TimeFilter_1 = require("../TimeFilter");
 var user_1 = __importDefault(require("../../../store/user"));
 var balance_1 = __importDefault(require("../../../store/balance"));
 var AnalyticGroup = function (props) {
-    var sx = props.sx;
+    var sx = props.sx, timeRange = props.timeRange;
     var theme = (0, providers_1.useTheme)();
     var isShowBalance = (0, user_1.default)(function (state) { return state.settings.balance.isShowBalance; });
     var toggleShowBalance = (0, user_1.default)(function (state) { return state.toggleShowBalance; });
@@ -52,20 +52,20 @@ var AnalyticGroup = function (props) {
                     alignItems: "flex-end",
                     gap: theme.mixins.gaps.g6,
                     fontSize: theme.typography.fontSize12,
-                }, children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign(__assign(__assign({}, theme.mixins.row), theme.mixins.value), { alignItems: "baseline", fontSize: theme.typography.fontSize20, gap: theme.mixins.gaps.g2 }), children: isShowBalance ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(Formatter_1.default, { sx: { fontWeight: theme.typography.fontWeight700 }, value: totalBalanceInUSD, unit: "USD", hideUnitOutSide: true }), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.row), { gap: theme.mixins.gaps.g2 }), children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
+                }, children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign(__assign(__assign({}, theme.mixins.row), theme.mixins.value), { alignItems: "baseline", fontSize: theme.typography.fontSize20, gap: theme.mixins.gaps.g2 }), children: isShowBalance ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(Formatter_1.default, { sx: { fontWeight: theme.typography.fontWeight700 }, value: totalBalanceInUSD, unit: "USD", hideUnitOutSide: true }), !!totalBalanceInUSD && ((0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.row), { gap: theme.mixins.gaps.g2 }), children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
                                                 fontWeight: theme.typography.fontWeight400,
                                                 fontSize: "0.8em",
-                                            }, children: "USD" }), (0, jsx_runtime_1.jsx)(material_1.SvgIcon, { sx: { cursor: "pointer", width: 8, height: 8 }, children: SvgPath_1.ARROW_DROP_DOWN })] })] })) : ((0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
+                                            }, children: "$" }), false && ((0, jsx_runtime_1.jsx)(material_1.SvgIcon, { sx: { cursor: "pointer", width: 8, height: 8 }, children: SvgPath_1.ARROW_DROP_DOWN }))] }))] })) : ((0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
                                 fontSize: theme.typography.fontSize24,
                                 fontWeight: theme.typography.fontWeight700,
                                 color: theme.palette.text.black,
-                            }, children: "******" })) }), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.row), { gap: theme.mixins.gaps.g4 }), children: [!!props.timeRange && ((0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
+                            }, children: "******" })) }), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.row), { gap: theme.mixins.gaps.g4 }), children: [!!timeRange && ((0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
                                     fontWeight: theme.typography.fontWeight600,
                                     leading: theme.typography.leading140,
                                     fontSize: theme.typography.fontSize12,
                                     textTransform: "capitalize",
                                     color: theme.palette.text.accent,
-                                }, children: TimeFilter_1.TIME_FILTER_LABEL[props.timeRange] })), !!(analytic === null || analytic === void 0 ? void 0 : analytic.pnl) && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [isShowBalance && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(material_1.SvgIcon, { sx: { cursor: "pointer", width: 8, height: 8 }, children: SvgPath_1.ARROW_DROP_UP }), (0, jsx_runtime_1.jsxs)(Text_1.default, { sx: __assign(__assign({}, theme.mixins.value), { color: theme.palette.text.alertStatus, fontSize: theme.typography.fontSize12, fontWeight: theme.typography.fontWeight600, borderBottom: "1px dashed currentColor" }), children: [(0, jsx_runtime_1.jsx)("span", { children: (analytic === null || analytic === void 0 ? void 0 : analytic.pnl) > 0 ? "+" : "" }), " ", (0, jsx_runtime_1.jsx)(Formatter_1.default, { value: analytic === null || analytic === void 0 ? void 0 : analytic.pnl }), " ", "(", (0, jsx_runtime_1.jsx)(Formatter_1.default, { value: analytic === null || analytic === void 0 ? void 0 : analytic.pnl_percent, unit: "%" }), ")"] })] })), !isShowBalance && ((0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
+                                }, children: TimeFilter_1.TIME_FILTER_LABEL[timeRange] })), !!(analytic === null || analytic === void 0 ? void 0 : analytic.pnl) && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [isShowBalance && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(material_1.SvgIcon, { sx: { cursor: "pointer", width: 8, height: 8 }, children: SvgPath_1.ARROW_DROP_UP }), (0, jsx_runtime_1.jsxs)(Text_1.default, { sx: __assign(__assign({}, theme.mixins.value), { color: theme.palette.text.alertStatus, fontSize: theme.typography.fontSize12, fontWeight: theme.typography.fontWeight600, borderBottom: "1px dashed currentColor" }), children: [(0, jsx_runtime_1.jsx)("span", { children: (analytic === null || analytic === void 0 ? void 0 : analytic.pnl) > 0 ? "+" : "" }), " ", (0, jsx_runtime_1.jsx)(Formatter_1.default, { value: analytic === null || analytic === void 0 ? void 0 : analytic.pnl }), " ", "(", (0, jsx_runtime_1.jsx)(Formatter_1.default, { value: analytic === null || analytic === void 0 ? void 0 : analytic.pnl_percent, unit: "%" }), ")"] })] })), !isShowBalance && ((0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
                                             fontSize: theme.typography.fontSize12,
                                             fontWeight: theme.typography.fontWeight600,
                                             color: theme.palette.text.accent2,

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

@@ -0,0 +1,7 @@
+import { GeneralProps } from "../../../types/ui";
+import { TimeFilterType } from "../TimeFilter";
+interface AnalyticGroupProps extends GeneralProps {
+    timeRange?: TimeFilterType;
+}
+declare const AnalyticGroup: (props: AnalyticGroupProps) => import("react/jsx-runtime").JSX.Element;
+export default AnalyticGroup;

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

@@ -0,0 +1,94 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var Text_1 = __importDefault(require("../Text"));
+var Formatter_1 = __importDefault(require("../Formatter"));
+var material_1 = require("@mui/material");
+var providers_1 = require("../../../providers");
+var SvgPath_1 = require("../SvgPath");
+var TimeFilter_1 = require("../TimeFilter");
+var user_1 = __importDefault(require("../../../store/user"));
+var balance_1 = __importDefault(require("../../../store/balance"));
+var AnalyticGroup = function (props) {
+    var sx = props.sx, timeRange = props.timeRange;
+    var theme = (0, providers_1.useTheme)();
+    var isShowBalance = (0, user_1.default)(function (state) { return state.settings.balance.isShowBalance; });
+    var toggleShowBalance = (0, user_1.default)(function (state) { return state.toggleShowBalance; });
+    var totalBalanceInUSD = (0, balance_1.default)(function (state) { return state.totalBalanceInUSD; });
+    var analytic = (0, balance_1.default)(function (state) { return state.analytic; });
+    return ((0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign(__assign({}, theme.mixins.row), { justifyContent: "space-between", alignItems: "flex-start" }), sx), children: [(0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.row), { gap: theme.mixins.gaps.g6, position: "relative" }), children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
+                            fontSize: theme.typography.fontSize15,
+                            fontWeight: theme.typography.fontWeight500,
+                            color: theme.palette.text.accent2,
+                        }, children: "Total Amount" }), (0, jsx_runtime_1.jsxs)(material_1.Box, { onClick: toggleShowBalance, sx: {
+                            position: "relative",
+                        }, children: [(0, jsx_runtime_1.jsx)(material_1.SvgIcon, { sx: { cursor: "pointer", width: 20, height: 20 }, children: SvgPath_1.IC_NO_SEE }), (0, jsx_runtime_1.jsx)(material_1.Box, { sx: {
+                                    position: "absolute",
+                                    left: "50%",
+                                    width: "2px",
+                                    top: "50%",
+                                    height: !isShowBalance ? "80%" : "0px",
+                                    transition: "height 0.2s ease-in-out",
+                                    backgroundColor: theme.palette.text.accent2,
+                                    transform: "translate(calc(-50% + 1px), calc(-50% + 1px)) rotate(45deg)",
+                                    transformOrigin: "center center",
+                                } })] })] }), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: {
+                    display: "flex",
+                    flexDirection: "column",
+                    alignItems: "flex-end",
+                    gap: theme.mixins.gaps.g6,
+                    fontSize: theme.typography.fontSize12,
+                }, children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign(__assign(__assign({}, theme.mixins.row), theme.mixins.value), { alignItems: "baseline", fontSize: theme.typography.fontSize20, gap: theme.mixins.gaps.g2 }), children: isShowBalance ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(Formatter_1.default, { sx: { fontWeight: theme.typography.fontWeight700 }, value: totalBalanceInUSD, unit: "USD", hideUnitOutSide: true }), !!totalBalanceInUSD && ((0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.row), { gap: theme.mixins.gaps.g2 }), children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
+                                                fontWeight: theme.typography.fontWeight400,
+                                                fontSize: "0.8em",
+                                            }, children: "$" }), false && ((0, jsx_runtime_1.jsx)(material_1.SvgIcon, { sx: { cursor: "pointer", width: 8, height: 8 }, children: SvgPath_1.ARROW_DROP_DOWN }))] }))] })) : ((0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
+                                fontSize: theme.typography.fontSize24,
+                                fontWeight: theme.typography.fontWeight700,
+                                color: theme.palette.text.black,
+                            }, children: "******" })) }), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.row), { gap: theme.mixins.gaps.g4 }), children: [!!timeRange && ((0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
+                                    fontWeight: theme.typography.fontWeight600,
+                                    leading: theme.typography.leading140,
+                                    fontSize: theme.typography.fontSize12,
+                                    textTransform: "capitalize",
+                                    color: theme.palette.text.accent,
+                                }, children: TimeFilter_1.TIME_FILTER_LABEL[timeRange] })), !!(analytic === null || analytic === void 0 ? void 0 : analytic.pnl) && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [isShowBalance && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(material_1.SvgIcon, { sx: { cursor: "pointer", width: 8, height: 8 }, children: SvgPath_1.ARROW_DROP_UP }), (0, jsx_runtime_1.jsxs)(Text_1.default, { sx: __assign(__assign({}, theme.mixins.value), { color: theme.palette.text.alertStatus, fontSize: theme.typography.fontSize12, fontWeight: theme.typography.fontWeight600, borderBottom: "1px dashed currentColor" }), children: [(0, jsx_runtime_1.jsx)("span", { children: (analytic === null || analytic === void 0 ? void 0 : analytic.pnl) > 0 ? "+" : "" }), " ", (0, jsx_runtime_1.jsx)(Formatter_1.default, { value: analytic === null || analytic === void 0 ? void 0 : analytic.pnl }), " ", "(", (0, jsx_runtime_1.jsx)(Formatter_1.default, { value: analytic === null || analytic === void 0 ? void 0 : analytic.pnl_percent, unit: "%" }), ")"] })] })), !isShowBalance && ((0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
+                                            fontSize: theme.typography.fontSize12,
+                                            fontWeight: theme.typography.fontWeight600,
+                                            color: theme.palette.text.accent2,
+                                            display: theme.mixins.row,
+                                        }, children: "******" }))] }))] }), false && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(material_1.Divider, { sx: {
+                                    width: "110%",
+                                    borderColor: "".concat(theme.palette.border.accent),
+                                    opacity: 0.2,
+                                    marginTop: theme.mixins.customMargin.m4,
+                                } }), isShowBalance && ((0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.row), { gap: theme.mixins.gaps.g4 }), children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
+                                            fontWeight: theme.typography.fontWeight500,
+                                            leading: theme.typography.leading140,
+                                            fontSize: theme.typography.fontSize12,
+                                            textTransform: "capitalize",
+                                            color: theme.palette.text.accent,
+                                        }, children: "Profit" }), (0, jsx_runtime_1.jsx)(material_1.Box, { sx: __assign({}, theme.mixins.row), children: (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
+                                                    fontSize: theme.typography.fontSize12,
+                                                    fontWeight: theme.typography.fontWeight600,
+                                                    color: theme.palette.text.accent2,
+                                                }, children: "\u2248 250k XP" }) }) }), (0, jsx_runtime_1.jsx)(material_1.SvgIcon, { sx: { cursor: "pointer", width: 14, height: 14 }, children: SvgPath_1.IC_INFORMATION })] })), !isShowBalance && ((0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
+                                    fontSize: theme.typography.fontSize12,
+                                    fontWeight: theme.typography.fontWeight600,
+                                    color: theme.palette.text.accent2,
+                                }, children: "******" }))] }))] })] }));
+};
+exports.default = AnalyticGroup;

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

@@ -0,0 +1,2 @@
+declare const AssetViewHeader: () => import("react/jsx-runtime").JSX.Element;
+export default AssetViewHeader;

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

@@ -0,0 +1,85 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var Text_1 = __importDefault(require("../Text"));
+var material_1 = require("@mui/material");
+var ThemeProvider_1 = require("../../../providers/ThemeProvider");
+var DrawerComponent_1 = __importStar(require("../DrawerComponent"));
+var useWallet_1 = __importDefault(require("../../../hooks/useWallet"));
+var compactWalletAddress_1 = __importDefault(require("../../../utils/compactWalletAddress"));
+var CopyTextComponent_1 = __importDefault(require("../CopyTextComponent"));
+var SvgPath_1 = require("../SvgPath");
+var CloseModal_1 = __importDefault(require("../CloseModal"));
+var react_1 = require("react");
+var link_1 = __importDefault(require("next/link"));
+var routes_1 = require("../../views/TekWalletView/routes");
+var TekWalletProvider_1 = require("../../../providers/TekWalletProvider");
+var AssetViewHeader = function () {
+    var _a = (0, useWallet_1.default)(), masterWallet = _a.masterWallet, blockchainWallets = _a.blockchainWallets;
+    var options = (0, TekWalletProvider_1.useWalletConfig)().options;
+    var theme = (0, ThemeProvider_1.useTheme)();
+    var modalRef = (0, react_1.useRef)(null);
+    return ((0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.row), { justifyContent: "center", position: "relative" }), children: [(0, jsx_runtime_1.jsx)(link_1.default, { href: "".concat(options === null || options === void 0 ? void 0 : options.basePath, "/tek-wallet/").concat(routes_1.TekWalletViewRoutes.SETTING), children: (0, jsx_runtime_1.jsx)(material_1.SvgIcon, { sx: {
+                        width: 24,
+                        height: 24,
+                        position: "absolute",
+                        left: "16px",
+                        top: "50%",
+                        transform: "translateY(-50%)",
+                    }, children: SvgPath_1.IC_SETTING }) }), (0, jsx_runtime_1.jsx)(DrawerComponent_1.default, { ref: modalRef, trigger: (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign(__assign({}, theme.mixins.row), { alignItems: "center", justifyContent: "center", textAlign: "center", gap: theme.mixins.gaps.g4, py: theme.mixins.customPadding.p8 }), theme.mixins.value), children: [(0, compactWalletAddress_1.default)(masterWallet), (0, jsx_runtime_1.jsx)(material_1.SvgIcon, { sx: { width: 10, height: 10 }, children: SvgPath_1.ARROW_DROP_DOWN })] }), direction: DrawerComponent_1.DRAWER_DIRECTION.TOP, children: (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: {
+                        width: "100%",
+                        height: "fit-content",
+                        backgroundColor: "white",
+                        padding: theme.mixins.customPadding.p16,
+                    }, children: [(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, { component: "div", sx: __assign(__assign({}, theme.mixins.headerTitle), { py: theme.mixins.customPadding.p8, textAlign: "left" }), children: "Wallet address" }), (0, jsx_runtime_1.jsx)(CloseModal_1.default, { onClick: function () { var _a; return (_a = modalRef.current) === null || _a === void 0 ? void 0 : _a.close(); } })] }), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign({}, theme.mixins.column), children: [!!masterWallet && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(CopyTextComponent_1.default, { value: masterWallet !== null && masterWallet !== void 0 ? masterWallet : "", children: (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({ py: theme.mixins.customPadding.p8 }, theme.mixins.row), { justifyContent: "space-between", alignItems: "center" }), children: [(0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign({}, theme.mixins.column), children: [(0, jsx_runtime_1.jsx)(material_1.Box, { sx: __assign({}, theme.mixins.listTitle), children: "Internal wallet" }), (0, jsx_runtime_1.jsx)(material_1.Box, { sx: __assign({}, theme.mixins.listDescription), children: (0, compactWalletAddress_1.default)(masterWallet) })] }), (0, jsx_runtime_1.jsx)(material_1.SvgIcon, { sx: { width: 16, height: 16 }, children: SvgPath_1.IC_COPY })] }) }), (0, jsx_runtime_1.jsx)(material_1.Divider, { sx: {
+                                                my: theme.mixins.customPadding.p8,
+                                            } })] })), blockchainWallets === null || blockchainWallets === void 0 ? void 0 : blockchainWallets.map(function (wallet, index) { return ((0, jsx_runtime_1.jsx)(CopyTextComponent_1.default, { value: wallet.blockchainAddress, children: (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({ py: theme.mixins.customPadding.p8 }, theme.mixins.row), { justifyContent: "space-between", alignItems: "center" }), children: [(0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign({}, theme.mixins.column), children: [(0, jsx_runtime_1.jsx)(material_1.Box, { sx: __assign({}, theme.mixins.listTitle), children: wallet.networkSlug }), (0, jsx_runtime_1.jsx)(material_1.Box, { sx: __assign({}, theme.mixins.listDescription), children: (0, compactWalletAddress_1.default)(wallet.blockchainAddress) })] }), (0, jsx_runtime_1.jsx)(material_1.SvgIcon, { sx: { width: 16, height: 16 }, children: SvgPath_1.IC_COPY })] }) }, wallet.blockchainAddress + index)); })] })] }) })] }));
+};
+exports.default = AssetViewHeader;

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

@@ -0,0 +1,5 @@
+import { GeneralProps } from "../../../types/ui";
+interface BasicAmountGroupProps extends GeneralProps {
+}
+declare const BasicAmountGroup: (props: BasicAmountGroupProps) => import("react/jsx-runtime").JSX.Element;
+export default BasicAmountGroup;

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

@@ -0,0 +1,23 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var material_1 = require("@mui/material");
+var AnalyticGroupCenter_1 = __importDefault(require("../AnalyticGroupCenter"));
+var BasicAmountGroup = function (props) {
+    return ((0, jsx_runtime_1.jsx)(material_1.Box, { sx: __assign({ width: "100%", height: "fit-content", position: "relative" }, props.sx), children: (0, jsx_runtime_1.jsx)(AnalyticGroupCenter_1.default, { sx: { position: "relative" } }) }));
+};
+exports.default = BasicAmountGroup;

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

@@ -48,3 +48,5 @@ export declare const IC_WITHDRAW_FC: import("react/jsx-runtime").JSX.Element;
 export declare const IC_TRANSFER: import("react/jsx-runtime").JSX.Element;
 export declare const IC_SWAP_FC: import("react/jsx-runtime").JSX.Element;
 export declare const IC_ARROW_RIGHT: import("react/jsx-runtime").JSX.Element;
+export declare const IC_SETTING: import("react/jsx-runtime").JSX.Element;
+export declare const IC_CHANGE_PASSCODE: import("react/jsx-runtime").JSX.Element;

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

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.IC_ARROW_RIGHT = exports.IC_SWAP_FC = exports.IC_TRANSFER = exports.IC_WITHDRAW_FC = exports.IC_RECEIVE = exports.IC_SWAP_BG = exports.IC_PROCESSING_CIRCLE = exports.IC_NETWORK = exports.IC_ERROR_CIRCLE = exports.IC_CHECK_CIRCLE = exports.IC_SCAN_QR_CODE = exports.IC_DEPOSIT = exports.IC_WITHDRAW = exports.IC_INFORMATION = exports.IC_EXPANDER_ARROW = exports.IC_NO_SEE = exports.IC_SET = exports.IC_EDIT = exports.IC_RECEIVE_TAG_RECOMMENDED = exports.IC_RECEIVE_TAG = exports.IC_TOOLTIP = exports.IC_BACK = exports.IC_UNCHECK = exports.IC_CHECK = exports.IC_ARROW_DROP_DOWN = exports.IC_ARROW_DROP_UP = exports.IC_RECEIVE_EXTERNAL = exports.IC_RECEIVE_INTERNAL = exports.IC_ERROR = exports.IC_SUCCESS = exports.IC_CHEVRON_RIGHT = exports.IC_CHEVRON_LEFT = exports.IC_TRASH = exports.IC_ARROW_BLACK_DROP = exports.IC_SWAP_SECONDARY = exports.IC_SWAP = exports.IC_HELP = exports.IC_PASSCODE = exports.IC_FACE_ID = exports.IC_COPY = exports.IC_TIMELINE_DOT = exports.IC_CLOSE = exports.IC_SEARCH = exports.IC_DOCUMENTS = exports.IC_SCAN = exports.IC_TUTORIAL = exports.IC_HISTORY = exports.ARROW_DOWN = exports.ARROW_DROP_DOWN = exports.ARROW_DROP_UP = void 0;
+exports.IC_CHANGE_PASSCODE = exports.IC_SETTING = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
 exports.ARROW_DROP_UP = ((0, jsx_runtime_1.jsx)("svg", { width: "8", height: "5", viewBox: "0 0 8 5", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: (0, jsx_runtime_1.jsx)("path", { d: "M0 4.5L4 0.5L8 4.5H0Z", fill: "#000" }) }));
 exports.ARROW_DROP_DOWN = ((0, jsx_runtime_1.jsx)("svg", { width: "8", height: "5", viewBox: "0 0 8 5", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: (0, jsx_runtime_1.jsx)("path", { d: "M8 0.5L4 4.5L0 0.5L8 0.5Z", fill: "#000" }) }));
@@ -52,3 +53,5 @@ exports.IC_WITHDRAW_FC = ((0, jsx_runtime_1.jsx)("svg", { width: "25", height: "
 exports.IC_TRANSFER = ((0, jsx_runtime_1.jsxs)("svg", { width: "25", height: "24", viewBox: "0 0 25 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [(0, jsx_runtime_1.jsx)("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M12.625 3.75C8.06865 3.75 4.375 7.44365 4.375 12C4.375 16.5563 8.06865 20.25 12.625 20.25C17.1813 20.25 20.875 16.5563 20.875 12V10.5006C20.875 10.0863 21.2108 9.75 21.625 9.75C22.0392 9.75 22.375 10.0858 22.375 10.5V12C22.375 17.3848 18.0098 21.75 12.625 21.75C7.24022 21.75 2.875 17.3848 2.875 12C2.875 6.61522 7.24022 2.25 12.625 2.25L14.1243 2.25L14.125 3.75L12.625 3.75ZM14.875 3C14.875 3.41422 14.5392 3.75 14.125 3.75L14.1243 2.25C14.5385 2.25 14.875 2.58579 14.875 3Z", fill: "#1C461D" }), (0, jsx_runtime_1.jsx)("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M17.875 3.75C17.4608 3.75 17.125 3.41421 17.125 3C17.125 2.58579 17.4608 2.25 17.875 2.25H21.625C22.0392 2.25 22.375 2.58579 22.375 3V6.75C22.375 7.16421 22.0392 7.5 21.625 7.5C21.2108 7.5 20.875 7.16421 20.875 6.75V4.81066L18.4053 7.28033C18.1124 7.57322 17.6376 7.57322 17.3447 7.28033C17.0518 6.98744 17.0518 6.51256 17.3447 6.21967L19.8143 3.75H17.875Z", fill: "#1C461D" }), (0, jsx_runtime_1.jsx)("path", { d: "M12.625 6C13.0392 6 13.375 6.33579 13.375 6.75V7.5H14.875C15.2892 7.5 15.625 7.83579 15.625 8.25C15.625 8.66421 15.2892 9 14.875 9H11.5C11.2016 9 10.9155 9.11853 10.7045 9.3295C10.4935 9.54048 10.375 9.82663 10.375 10.125C10.375 10.4234 10.4935 10.7095 10.7045 10.9205C10.9155 11.1315 11.2016 11.25 11.5 11.25H13.75C14.4462 11.25 15.1139 11.5266 15.6062 12.0188C16.0984 12.5111 16.375 13.1788 16.375 13.875C16.375 14.5712 16.0984 15.2389 15.6062 15.7312C15.1139 16.2234 14.4462 16.5 13.75 16.5H13.375V17.25C13.375 17.6642 13.0392 18 12.625 18C12.2108 18 11.875 17.6642 11.875 17.25V16.5H10.375C9.96079 16.5 9.625 16.1642 9.625 15.75C9.625 15.3358 9.96079 15 10.375 15H13.75C14.0484 15 14.3345 14.8815 14.5455 14.6705C14.7565 14.4595 14.875 14.1734 14.875 13.875C14.875 13.5766 14.7565 13.2905 14.5455 13.0795C14.3345 12.8685 14.0484 12.75 13.75 12.75H11.5C10.8038 12.75 10.1361 12.4734 9.64384 11.9812C9.15156 11.4889 8.875 10.8212 8.875 10.125C8.875 9.42881 9.15156 8.76113 9.64384 8.26884C10.1361 7.77656 10.8038 7.5 11.5 7.5H11.875V6.75C11.875 6.33579 12.2108 6 12.625 6Z", fill: "#1C461D" })] }));
 exports.IC_SWAP_FC = ((0, jsx_runtime_1.jsx)("svg", { width: "25", height: "24", viewBox: "0 0 25 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: (0, jsx_runtime_1.jsx)("path", { d: "M7.625 21L3.125 16.5M3.125 16.5L7.625 12M3.125 16.5H16.625M16.625 3L21.125 7.5M21.125 7.5L16.625 12M21.125 7.5H7.625", stroke: "#1C461D", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }) }));
 exports.IC_ARROW_RIGHT = ((0, jsx_runtime_1.jsx)("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: (0, jsx_runtime_1.jsx)("path", { d: "M9 18L15 12L9 6", stroke: "#121212", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }) }));
+exports.IC_SETTING = ((0, jsx_runtime_1.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", height: "24px", viewBox: "0 -960 960 960", width: "24px", fill: "#666666", children: (0, jsx_runtime_1.jsx)("path", { d: "m370-80-16-128q-13-5-24.5-12T307-235l-119 50L78-375l103-78q-1-7-1-13.5v-27q0-6.5 1-13.5L78-585l110-190 119 50q11-8 23-15t24-12l16-128h220l16 128q13 5 24.5 12t22.5 15l119-50 110 190-103 78q1 7 1 13.5v27q0 6.5-2 13.5l103 78-110 190-118-50q-11 8-23 15t-24 12L590-80H370Zm70-80h79l14-106q31-8 57.5-23.5T639-327l99 41 39-68-86-65q5-14 7-29.5t2-31.5q0-16-2-31.5t-7-29.5l86-65-39-68-99 42q-22-23-48.5-38.5T533-694l-13-106h-79l-14 106q-31 8-57.5 23.5T321-633l-99-41-39 68 86 64q-5 15-7 30t-2 32q0 16 2 31t7 30l-86 65 39 68 99-42q22 23 48.5 38.5T427-266l13 106Zm42-180q58 0 99-41t41-99q0-58-41-99t-99-41q-59 0-99.5 41T342-480q0 58 40.5 99t99.5 41Zm-2-140Z" }) }));
+exports.IC_CHANGE_PASSCODE = ((0, jsx_runtime_1.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", height: "24px", viewBox: "0 -960 960 960", width: "24px", fill: "#666666", children: (0, jsx_runtime_1.jsx)("path", { d: "m482-200 114-113-114-113-42 42 43 43q-28 1-54.5-9T381-381q-20-20-30.5-46T340-479q0-17 4.5-34t12.5-33l-44-44q-17 25-25 53t-8 57q0 38 15 75t44 66q29 29 65 43.5t74 15.5l-38 38 42 42Zm165-170q17-25 25-53t8-57q0-38-14.5-75.5T622-622q-29-29-65.5-43T482-679l38-39-42-42-114 113 114 113 42-42-44-44q27 0 55 10.5t48 30.5q20 20 30.5 46t10.5 52q0 17-4.5 34T603-414l44 44ZM480-80q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Zm0-80q134 0 227-93t93-227q0-134-93-227t-227-93q-134 0-227 93t-93 227q0 134 93 227t227 93Zm0-320Z" }) }));

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

@@ -37,12 +37,12 @@ var TokenItem = function (props) {
     var shouldHideSmallAsset = props.showSmallAssets && currency.name === "USD";
     return ((0, jsx_runtime_1.jsxs)(material_1.Box, { sx: {
             display: !shouldHideSmallAsset ? "grid" : "none",
-            gridTemplateColumns: "1.55fr 1fr 1fr",
+            gridTemplateColumns: "1fr auto",
             gap: theme.mixins.gaps.g12,
             py: theme.mixins.customPadding.p8,
         }, children: [(0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.row), { gap: theme.mixins.gaps.g8 }), children: [(0, jsx_runtime_1.jsx)(Icon_1.default, { width: 20, sx: {
                             borderRadius: theme.mixins.customRadius.full,
-                        }, src: currency.link }), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.column), { flex: 1 }), children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, theme.mixins.value), children: currency.name }), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, theme.mixins.valueDescription), children: currency.full_name })] })] }), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.column), { gap: theme.mixins.gaps.g1, justifyContent: "center" }), children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign(__assign({}, theme.mixins.value), { fontWeight: theme.typography.fontWeight700 }), children: isShowBalance ? (0, jsx_runtime_1.jsx)(Formatter_1.default, { value: balance }) : "****" }), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, theme.mixins.valueDescription), children: isShowBalance ? (0, jsx_runtime_1.jsx)(Formatter_1.default, { start: "$", value: balanceInUSD }) : "****" })] }), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.column), { gap: theme.mixins.gaps.g1, textAlign: "right" }), children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign(__assign({}, theme.mixins.value), { color: theme.palette.text.alertStatus, fontWeight: theme.typography.fontWeight700 }), children: isShowBalance ? ((0, jsx_runtime_1.jsx)(Formatter_1.default, { value: 70000 })) : ((0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
+                        }, src: currency.link }), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.column), { flex: 1 }), children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, theme.mixins.value), children: currency.name }), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, theme.mixins.valueDescription), children: currency.full_name })] })] }), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.column), { gap: theme.mixins.gaps.g1, justifyContent: "center" }), children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign(__assign({}, theme.mixins.value), { fontWeight: theme.typography.fontWeight700 }), children: isShowBalance ? (0, jsx_runtime_1.jsx)(Formatter_1.default, { value: balance }) : "****" }), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, theme.mixins.valueDescription), children: isShowBalance ? (0, jsx_runtime_1.jsx)(Formatter_1.default, { start: "$", value: balanceInUSD }) : "****" })] }), false && ((0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.column), { gap: theme.mixins.gaps.g1, textAlign: "right" }), children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign(__assign({}, theme.mixins.value), { color: theme.palette.text.alertStatus, fontWeight: theme.typography.fontWeight700 }), children: isShowBalance ? ((0, jsx_runtime_1.jsx)(Formatter_1.default, { value: 70000 })) : ((0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
                                 fontSize: theme.typography.fontSize14,
                                 fontWeight: theme.typography.fontWeight600,
                                 color: theme.palette.text.black,
@@ -50,7 +50,7 @@ var TokenItem = function (props) {
                                 fontSize: theme.typography.fontSize12,
                                 fontWeight: theme.typography.fontWeight600,
                                 color: theme.palette.text.accent2,
-                            }, children: "****" })) })] })] }));
+                            }, children: "****" })) })] }))] }));
 };
 exports.TokenItem = TokenItem;
 exports.default = exports.TokenItem;

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

@@ -34,11 +34,7 @@ var TokensBoard = function () {
         // ...theme.mixins.paper,
         // backgroundColor: "background.white",
         // boxShadow: theme.shadows[1],
-        }, children: [(0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.row), { gap: theme.mixins.gaps.g12, my: theme.mixins.customMargin.m4 }), children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
-                            fontSize: theme.typography.fontSize12,
-                            fontWeight: theme.typography.fontWeight700,
-                            color: theme.palette.text.accent2,
-                        }, children: "Asset management" }), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.row), { gap: theme.mixins.gaps.g2, ml: "auto" }), children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
+        }, children: [(0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.row), { gap: theme.mixins.gaps.g12, my: theme.mixins.customMargin.m4 }), children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign(__assign({}, theme.mixins.headerTitle), { pb: theme.mixins.customPadding.p8 }), children: "Asset management" }), false && ((0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.row), { gap: theme.mixins.gaps.g2, ml: "auto" }), children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
                                     // ...theme.mixins.valueDescription
                                     fontSize: theme.typography.fontSize12,
                                     fontWeight: theme.typography.fontWeight600,
@@ -49,11 +45,11 @@ var TokensBoard = function () {
                                     "& .MuiSvgIcon-root": {
                                         color: theme.palette.text.accent,
                                     },
-                                }, onClick: toggleDisplay })] })] }), (0, jsx_runtime_1.jsx)(material_1.Divider, { sx: {
+                                }, onClick: toggleDisplay })] }))] }), (0, jsx_runtime_1.jsx)(material_1.Divider, { sx: {
                     borderColor: theme.palette.border.accent3,
                 } }), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.column), { gap: theme.mixins.gaps.g12, mt: theme.mixins.customMargin.m8, pt: theme.mixins.customPadding.p8, minHeight: !tokens ? "20rem" : "unset" }), children: [!!tokens && ((0, jsx_runtime_1.jsxs)(material_1.Box, { sx: {
                             display: "grid",
-                            gridTemplateColumns: "1.55fr 1fr 1fr",
+                            gridTemplateColumns: "1fr auto",
                             gap: theme.mixins.gaps.g12,
                             fontSize: theme.typography.fontSize11,
                             color: "text.white",
@@ -63,17 +59,12 @@ var TokensBoard = function () {
                                     fontSize: theme.typography.fontSize14,
                                     fontWeight: theme.typography.fontWeight600,
                                     color: theme.palette.text.accent2,
-                                }, children: "Futures" }), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
+                                }, children: "Token" }), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
                                     textAlign: "left",
                                     fontSize: theme.typography.fontSize14,
                                     fontWeight: theme.typography.fontWeight600,
                                     color: theme.palette.text.accent2,
-                                }, children: "Nearest Price" }), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
-                                    textAlign: "right",
-                                    fontSize: theme.typography.fontSize14,
-                                    fontWeight: theme.typography.fontWeight600,
-                                    color: theme.palette.text.accent2,
-                                }, children: "PnL" })] })), tokens === null || tokens === void 0 ? void 0 : tokens.map(function (item) {
+                                }, children: "Balance" })] })), tokens === null || tokens === void 0 ? void 0 : tokens.map(function (item) {
                         var stringifiedTokenData = JSON.stringify(__assign({}, item));
                         return ((0, jsx_runtime_1.jsx)(TokenItem_1.default, { showSmallAssets: showSmallAssets, tokenData: stringifiedTokenData }, item.id));
                     }), !tokens && (0, jsx_runtime_1.jsx)(WaitingData_1.default, { sx: { margin: "auto" } })] })] }));

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

@@ -1,3 +1,6 @@
 import { BoxProps } from "@mui/material";
-export declare const AssetView: (props: BoxProps) => import("react/jsx-runtime").JSX.Element;
+import { TekWalletViewProps } from "../TekWalletView";
+export interface AssetViewProps extends BoxProps, TekWalletViewProps {
+}
+export declare const AssetView: (props: AssetViewProps) => import("react/jsx-runtime").JSX.Element;
 export default AssetView;

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

@@ -78,15 +78,26 @@ var Menu_1 = __importDefault(require("./Menu"));
 var ActivitiesTypeSlice_1 = __importDefault(require("../../ui/ActivitiesTypeSlice"));
 var const_1 = require("../../../providers/ActivitiesProvider/const");
 var Icon_1 = __importDefault(require("../../ui/Icon"));
+var ChangePasscodeView_1 = __importDefault(require("../ChangePasscodeView"));
+var xhub_keyboard_1 = require("xhub-keyboard");
+var useCustomRouter_1 = __importDefault(require("../../../hooks/useCustomRouter"));
+var BasicAmountGroup_1 = __importDefault(require("../../ui/BasicAmountGroup"));
+var AssetViewHeader_1 = __importDefault(require("../../ui/AssetViewHeader"));
 var AssetView = function (props) {
-    var sx = props.sx, rest = __rest(props, ["sx"]);
-    var isInitPasscode = (0, useWalletData_1.default)().isInitPasscode;
+    var sx = props.sx, viewOptions = props.options, rest = __rest(props, ["sx", "options"]);
+    var _a = (0, useWalletData_1.default)(), isInitPasscode = _a.isInitPasscode, masterWallet = _a.masterWallet;
     var theme = (0, ThemeProvider_1.useTheme)();
     var options = (0, TekWalletProvider_1.useWalletConfig)().options;
+    var _b = viewOptions || {}, hideActivitySectionInAssetView = _b.hideActivitySectionInAssetView, useBasicAmountGroupInAssetView = _b.useBasicAmountGroupInAssetView;
     var basePath = (0, react_1.useMemo)(function () {
         return (options === null || options === void 0 ? void 0 : options.basePath) || "";
     }, [options]);
-    return ((0, jsx_runtime_1.jsxs)(ChildPageLayout_1.default, { children: [!isInitPasscode && ((0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, theme.mixins.sessionDescription), children: "Please connect your wallet to get asset information" })), !!isInitPasscode && ((0, jsx_runtime_1.jsxs)(DefaultPageLayout_1.default, __assign({}, rest, { sx: __assign({ display: "flex", flexDirection: "column", gap: theme.mixins.gaps.g20 }, sx), children: [(0, jsx_runtime_1.jsx)(AmountGroupAndChart_1.default, {}), (0, jsx_runtime_1.jsx)(Menu_1.default, { items: [
+    var router = (0, useCustomRouter_1.default)();
+    var idPrefix = (0, xhub_keyboard_1.useUniqueId)();
+    var handleBackInitPasscodeView = function () {
+        router.back();
+    };
+    return ((0, jsx_runtime_1.jsxs)(ChildPageLayout_1.default, { header: !!isInitPasscode && (0, jsx_runtime_1.jsx)(AssetViewHeader_1.default, {}), children: [!isInitPasscode && !!masterWallet && ((0, jsx_runtime_1.jsx)(ChangePasscodeView_1.default, { isInitPasscode: true, onBack: handleBackInitPasscodeView, idPrefix: idPrefix })), !!isInitPasscode && ((0, jsx_runtime_1.jsxs)(DefaultPageLayout_1.default, __assign({}, rest, { sx: __assign({ display: "flex", flexDirection: "column", gap: theme.mixins.gaps.g16 }, sx), children: [useBasicAmountGroupInAssetView ? (0, jsx_runtime_1.jsx)(BasicAmountGroup_1.default, {}) : (0, jsx_runtime_1.jsx)(AmountGroupAndChart_1.default, {}), (0, jsx_runtime_1.jsx)(Menu_1.default, { items: [
                             (0, jsx_runtime_1.jsx)(ReceiveFunction_1.default, { functionsList: Object.values(ReceiveFunction_1.ReceiveMethods), children: (0, jsx_runtime_1.jsx)(material_1.ListItem, { sx: {
                                         borderRight: "1px solid ".concat(theme.palette.border.accent3),
                                         placeContent: "center",
@@ -108,7 +119,7 @@ var AssetView = function (props) {
                                         placeContent: "center",
                                         columnSpan: 1,
                                     }, children: (0, jsx_runtime_1.jsx)(FunctionItem_1.default, { icon: "IC_SWAP_FC", label: "Swap", sx: { width: "100%" } }) }) }, "swap"),
-                        ] }), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.column), { gap: theme.mixins.gaps.g12 }), children: [(0, jsx_runtime_1.jsxs)(material_1.Box, { sx: {
+                        ] }), !hideActivitySectionInAssetView && ((0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.column), { gap: theme.mixins.gaps.g12 }), children: [(0, jsx_runtime_1.jsxs)(material_1.Box, { sx: {
                                     display: "flex",
                                     gap: theme.mixins.gaps.g20,
                                 }, children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, theme.mixins.sessionTitle), children: "Activity" }), (0, jsx_runtime_1.jsxs)(material_1.Box, { component: link_1.default, href: "".concat(basePath, "/tek-wallet/activity"), sx: {
@@ -125,7 +136,7 @@ var AssetView = function (props) {
                                     paddingTop: 0,
                                     paddingLeft: 0,
                                     paddingRight: 0,
-                                } })] }), (0, jsx_runtime_1.jsx)(TokensBoard_1.default, {})] })))] }));
+                                } })] })), (0, jsx_runtime_1.jsx)(TokensBoard_1.default, {})] })))] }));
 };
 exports.AssetView = AssetView;
 exports.default = exports.AssetView;

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

@@ -0,0 +1,8 @@
+import { GeneralProps } from "../../../types/ui";
+interface SettingViewProps extends GeneralProps {
+    onBack: () => void;
+    isInitPasscode?: boolean;
+    idPrefix?: string;
+}
+export declare const SettingView: (props: SettingViewProps) => import("react/jsx-runtime").JSX.Element;
+export default SettingView;

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

@@ -0,0 +1,47 @@
+"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 __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SettingView = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var DefaultPageLayout_1 = __importDefault(require("../../layouts/DefaultPageLayout"));
+var PageHeader_1 = __importDefault(require("../../ui/PageHeader"));
+var material_1 = require("@mui/material");
+var ChildPageLayout_1 = __importDefault(require("../../layouts/ChildPageLayout"));
+var ListItemCustom_1 = __importDefault(require("../../ui/ListItemCustom"));
+var ChangePasscode_1 = __importDefault(require("../../ui/ChangePasscode"));
+var Button_1 = __importDefault(require("../../ui/Button"));
+var providers_1 = require("../../../providers");
+var TekWalletProvider_1 = require("../../../providers/TekWalletProvider");
+var SvgPath_1 = require("../../ui/SvgPath");
+var SettingView = function (props) {
+    var _a = props;
+    var theme = (0, providers_1.useTheme)();
+    var onLogout = (0, TekWalletProvider_1.useWalletConfig)().onLogout;
+    return ((0, jsx_runtime_1.jsx)(ChildPageLayout_1.default, { header: (0, jsx_runtime_1.jsx)(PageHeader_1.default, { title: "Setting" }), children: (0, jsx_runtime_1.jsxs)(DefaultPageLayout_1.default, { sx: __assign(__assign({}, theme.mixins.column), { gap: theme.mixins.gaps.g16 }), children: [(0, jsx_runtime_1.jsx)(ChangePasscode_1.default, { children: (0, jsx_runtime_1.jsx)(ListItemCustom_1.default, { hideTag: true, title: "Change Passcode", description: "Change your passcode", icon: (0, jsx_runtime_1.jsx)(material_1.SvgIcon, { sx: { width: 32, height: 32 }, children: SvgPath_1.IC_CHANGE_PASSCODE }) }) }), (0, jsx_runtime_1.jsx)(Button_1.default, { variant: "contained", color: "error", sx: {
+                        marginTop: "auto",
+                        borderRadius: theme.mixins.customRadius.r12,
+                        textTransform: "capitalize",
+                        position: "relative",
+                        px: theme.mixins.customPadding.p16,
+                        py: theme.mixins.customPadding.p12,
+                        fontWeight: theme.typography.fontWeight500,
+                        fontSize: theme.typography.fontSize14,
+                        lineHeight: theme.typography.leading100,
+                    }, onClick: onLogout, children: "Logout" })] }) }));
+};
+exports.SettingView = SettingView;
+exports.default = exports.SettingView;

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

@@ -1,3 +1,10 @@
 export interface TekWalletViewProps {
 }
-export declare function TekWalletView(): import("react/jsx-runtime").JSX.Element;
+export interface TekWalletViewOptions {
+    hideActivitySectionInAssetView?: boolean;
+    useBasicAmountGroupInAssetView?: boolean;
+}
+export interface TekWalletViewProps {
+    options?: TekWalletViewOptions;
+}
+export declare function TekWalletView(props: TekWalletViewProps): import("react/jsx-runtime").JSX.Element;

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

@@ -6,11 +6,12 @@ var jsx_runtime_1 = require("react/jsx-runtime");
 var navigation_1 = require("next/navigation");
 var react_1 = require("react");
 var routes_1 = require("./routes");
-function TekWalletView() {
+function TekWalletView(props) {
+    var options = props.options;
     var pathname = (0, navigation_1.useParams)().pathname;
     var pathnameArray = (0, react_1.useMemo)(function () { return (typeof pathname === "string" ? [pathname] : pathname); }, [pathname]);
     var pathnameFull = (0, react_1.useMemo)(function () { return pathnameArray === null || pathnameArray === void 0 ? void 0 : pathnameArray.join("/"); }, [pathnameArray]);
     console.warn("🚀 ~ TekWalletView ~ pathnameFull:", pathname, pathnameFull);
     var View = (0, react_1.useMemo)(function () { return (pathname === undefined ? (0, routes_1.getView)("/") : (0, routes_1.getView)("/".concat(pathnameFull))); }, [pathnameFull, pathname]);
-    return (0, jsx_runtime_1.jsx)(View, {});
+    return (0, jsx_runtime_1.jsx)(View, { options: options });
 }

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

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

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

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

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

@@ -9,12 +9,14 @@ export interface TekWalletProviderProps {
     isSSO?: boolean;
     accessToken?: string;
     options?: Options;
+    onLogout?: () => void;
 }
 export interface TekWalletContextType {
     isSSO: boolean | undefined;
     options?: Options;
+    onLogout?: () => void;
 }
 export declare const TekWalletContext: import("react").Context<TekWalletContextType>;
-export declare function TekWalletProvider({ children, isSSO, accessToken, options, }: TekWalletProviderProps): import("react/jsx-runtime").JSX.Element;
+export declare function TekWalletProvider({ children, isSSO, accessToken, options, onLogout, }: TekWalletProviderProps): import("react/jsx-runtime").JSX.Element;
 export default TekWalletProvider;
 export declare const useWalletConfig: () => TekWalletContextType;

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

@@ -24,13 +24,13 @@ var initialTekWalletContext = {
 };
 exports.TekWalletContext = (0, react_1.createContext)(initialTekWalletContext);
 function TekWalletProvider(_a) {
-    var children = _a.children, isSSO = _a.isSSO, accessToken = _a.accessToken, options = _a.options;
+    var children = _a.children, isSSO = _a.isSSO, accessToken = _a.accessToken, options = _a.options, onLogout = _a.onLogout;
     var WalletProvider = isSSO ? WalletDataProviderNoImport_1.default : WalletDataProvider_1.default;
     var _b = (0, react_1.useState)("1"), resetTrigger = _b[0], setResetTrigger = _b[1];
     var onDisconnect = function () {
         setResetTrigger(function (prev) { return prev + "1"; });
     };
-    return ((0, jsx_runtime_1.jsx)(exports.TekWalletContext.Provider, { value: { isSSO: isSSO, options: options }, children: (0, jsx_runtime_1.jsx)(WalletProvider, { accessToken: accessToken !== null && accessToken !== void 0 ? accessToken : "", onDisconnect: onDisconnect, children: (0, jsx_runtime_1.jsx)(ThemeProvider_1.CustomThemeProvider, { children: (0, jsx_runtime_1.jsx)(RealtimeProvider_1.default, { options: options, children: (0, jsx_runtime_1.jsx)(ActivitiesProvider_1.default, { children: (0, jsx_runtime_1.jsx)(ReceiveProvider_1.default, { children: (0, jsx_runtime_1.jsx)(LockTokenProvider_1.default, { children: (0, jsx_runtime_1.jsx)(WithdrawProvider_1.default, { children: (0, jsx_runtime_1.jsx)(SwapProvider_1.default, { children: (0, jsx_runtime_1.jsx)(EventHandlerProvider_1.default, { options: options, children: children }) }) }) }) }) }) }) }) }, resetTrigger) }));
+    return ((0, jsx_runtime_1.jsx)(exports.TekWalletContext.Provider, { value: { isSSO: isSSO, options: options, onLogout: onLogout }, children: (0, jsx_runtime_1.jsx)(WalletProvider, { accessToken: accessToken !== null && accessToken !== void 0 ? accessToken : "", onDisconnect: onDisconnect, children: (0, jsx_runtime_1.jsx)(ThemeProvider_1.CustomThemeProvider, { children: (0, jsx_runtime_1.jsx)(RealtimeProvider_1.default, { options: options, children: (0, jsx_runtime_1.jsx)(ActivitiesProvider_1.default, { children: (0, jsx_runtime_1.jsx)(ReceiveProvider_1.default, { children: (0, jsx_runtime_1.jsx)(LockTokenProvider_1.default, { children: (0, jsx_runtime_1.jsx)(WithdrawProvider_1.default, { children: (0, jsx_runtime_1.jsx)(SwapProvider_1.default, { children: (0, jsx_runtime_1.jsx)(EventHandlerProvider_1.default, { options: options, children: children }) }) }) }) }) }) }) }) }, resetTrigger) }));
 }
 exports.default = TekWalletProvider;
 var useWalletConfig = function () {

package/dist/components/TekWallet/utils/compactWalletAddress.js

@@ -8,9 +8,9 @@ function compactWalletAddress(walletAddress, isLinkAff) {
         if ((walletAddress === null || walletAddress === void 0 ? void 0 : walletAddress.length) <= 8) {
             return walletAddress;
         }
-        return ((walletAddress === null || walletAddress === void 0 ? void 0 : walletAddress.slice(0, !isLinkAff ? 3 : 15)) +
+        return ((walletAddress === null || walletAddress === void 0 ? void 0 : walletAddress.slice(0, !isLinkAff ? 4 : 15)) +
             "..." +
-            (walletAddress === null || walletAddress === void 0 ? void 0 : walletAddress.slice(!isLinkAff ? -3 : -10)));
+            (walletAddress === null || walletAddress === void 0 ? void 0 : walletAddress.slice(!isLinkAff ? -4 : -10)));
     }
     catch (err) {
         console.error("🚀 ~ compactWalletAddress ~ err:", err);

package/package.json

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