tek-wallet 0.0.761 → 0.0.763

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

@@ -17,6 +17,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Status = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
 var material_1 = require("@mui/material");
+var link_1 = __importDefault(require("next/link"));
 var ThemeProvider_1 = require("../../../providers/ThemeProvider");
 var getIcon_1 = __importDefault(require("../../../utils/getIcon"));
 var EmptyData_1 = __importDefault(require("../EmptyData"));
@@ -24,10 +25,8 @@ var ActivityItem_1 = __importDefault(require("../ActivityItem"));
 var useActivities_1 = __importDefault(require("../../../hooks/useActivities"));
 var react_1 = require("react");
 var WaitingData_1 = __importDefault(require("../WaitingData"));
-var DrawerComponent_1 = __importDefault(require("../DrawerComponent"));
-var ModalLayout_1 = __importDefault(require("../ModalLayout"));
-var ActivityDetail_1 = __importDefault(require("../ActivityDetail"));
 var SmartList_1 = __importDefault(require("../SmartList"));
+var TekWalletProvider_1 = require("../../../providers/TekWalletProvider");
 var Status;
 (function (Status) {
     Status["Loading"] = "loading";
@@ -36,12 +35,12 @@ var Status;
 })(Status || (exports.Status = Status = {}));
 var prefix = "activities_";
 function ActivitiesTypeSlice(props) {
-    var _a, _b, _c;
+    var _a, _b;
     var theme = (0, ThemeProvider_1.useTheme)();
-    var _d = (0, useActivities_1.default)(), activities = _d.activities, loadActivities = _d.loadActivities, loadOutActivityType = _d.loadOutActivityType;
+    var _c = (0, useActivities_1.default)(), activities = _c.activities, loadActivities = _c.loadActivities, loadOutActivityType = _c.loadOutActivityType;
     var type = props.type, isActive = props.isActive, limitItems = props.limitItems, sx = props.sx;
-    var _e = (0, react_1.useState)(undefined), detailActivity = _e[0], setDetailActivity = _e[1];
-    var detailDrawerRef = (0, react_1.useRef)(null);
+    var options = (0, TekWalletProvider_1.useWalletConfig)().options;
+    var basePath = (options || {}).basePath;
     var activitiesByType = (0, react_1.useMemo)(function () {
         if (!(type === null || type === void 0 ? void 0 : type.slug))
             return undefined;
@@ -54,16 +53,6 @@ function ActivitiesTypeSlice(props) {
             return Status.Filled;
         return Status.Empty;
     }, [type, activitiesByType]);
-    var openDetail = (0, react_1.useCallback)(function (activity) {
-        var _a;
-        setDetailActivity(activity);
-        (_a = detailDrawerRef.current) === null || _a === void 0 ? void 0 : _a.open();
-    }, []);
-    var closeDetail = (0, react_1.useCallback)(function (e) {
-        var _a;
-        e.stopPropagation();
-        (_a = detailDrawerRef.current) === null || _a === void 0 ? void 0 : _a.close();
-    }, []);
     (0, react_1.useEffect)(function () {
         if (!isActive || !!activitiesByType)
             return;
@@ -72,12 +61,14 @@ function ActivitiesTypeSlice(props) {
     var loadMore = (0, react_1.useCallback)(function () {
         loadActivities(type.slug);
     }, [loadActivities, type.slug]);
-    return ((0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign({ width: "100%", height: "100%", display: "flex", paddingTop: theme.mixins.customPadding.p8, px: theme.mixins.customPadding.p16 }, sx), children: [status === Status.Loading && (0, jsx_runtime_1.jsx)(WaitingData_1.default, { sx: { marginBottom: "auto" } }), status === Status.Empty && ((0, jsx_runtime_1.jsx)(EmptyData_1.default, { sx: { marginBottom: "auto", marginTop: "4rem" }, icon: (0, getIcon_1.default)(prefix + "empty_" + type.slug), description: "No ".concat((_a = type.name) === null || _a === void 0 ? void 0 : _a.toLowerCase(), " activity") })), status === Status.Filled && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(SmartList_1.default, { loadMoreData: loadMore, hasMore: !loadOutActivityType[type.slug] &&
-                            ((activitiesByType === null || activitiesByType === void 0 ? void 0 : activitiesByType.length) || 0) < (limitItems || Infinity), loadingComponent: (0, jsx_runtime_1.jsx)(WaitingData_1.default, { numberOfSkeleton: 3, sx: { marginTop: theme.mixins.customMargin.m12 } }), sx: {}, children: (0, jsx_runtime_1.jsx)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.column), { gap: theme.mixins.gaps.g12 }), children: (_b = activitiesByType === null || activitiesByType === void 0 ? void 0 : activitiesByType.slice(0, limitItems)) === null || _b === void 0 ? void 0 : _b.map(function (activity, index) {
-                                if (!activity)
-                                    return null;
-                                var dataAsJson = JSON.stringify(activity);
-                                return ((0, jsx_runtime_1.jsx)(ActivityItem_1.default, { onClick: function () { return openDetail(activity); }, data: dataAsJson }, index));
-                            }) }) }), (0, jsx_runtime_1.jsx)(DrawerComponent_1.default, { ref: detailDrawerRef, children: (0, jsx_runtime_1.jsx)(ModalLayout_1.default, { onClose: closeDetail, title: (_c = detailActivity === null || detailActivity === void 0 ? void 0 : detailActivity.transaction_type) === null || _c === void 0 ? void 0 : _c.name, children: (0, jsx_runtime_1.jsx)(ActivityDetail_1.default, { activityData: detailActivity }) }) })] }))] }));
+    return ((0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign({ width: "100%", height: "100%", display: "flex", paddingTop: theme.mixins.customPadding.p16, px: theme.mixins.customPadding.p16 }, sx), children: [status === Status.Loading && (0, jsx_runtime_1.jsx)(WaitingData_1.default, { sx: { marginBottom: "auto" } }), status === Status.Empty && ((0, jsx_runtime_1.jsx)(EmptyData_1.default, { sx: { marginBottom: "auto", marginTop: "4rem" }, icon: (0, getIcon_1.default)(prefix + "empty_" + type.slug), description: "No ".concat((_a = type.name) === null || _a === void 0 ? void 0 : _a.toLowerCase(), " activity") })), status === Status.Filled && ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)(SmartList_1.default, { loadMoreData: loadMore, hasMore: !loadOutActivityType[type.slug] &&
+                        ((activitiesByType === null || activitiesByType === void 0 ? void 0 : activitiesByType.length) || 0) < (limitItems || Infinity), loadingComponent: (0, jsx_runtime_1.jsx)(WaitingData_1.default, { numberOfSkeleton: 3, sx: { marginTop: theme.mixins.customMargin.m12 } }), sx: {}, children: (0, jsx_runtime_1.jsx)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.column), { gap: theme.mixins.gaps.g12, pb: theme.mixins.customPadding.p32 }), children: (_b = activitiesByType === null || activitiesByType === void 0 ? void 0 : activitiesByType.slice(0, limitItems)) === null || _b === void 0 ? void 0 : _b.map(function (activity, index) {
+                            if (!activity)
+                                return null;
+                            var dataAsJson = JSON.stringify(activity);
+                            return ((0, jsx_runtime_1.jsx)(ActivityItem_1.default
+                            // onClick={() => openDetail(activity)}
+                            , { data: dataAsJson, component: link_1.default, href: "".concat(basePath || "", "/tek-wallet/activity/").concat(activity.id) }, index));
+                        }) }) }) }))] }));
 }
 exports.default = ActivitiesTypeSlice;

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

@@ -84,10 +84,12 @@ function ActivityDetail(props) {
                             borderRadius: theme.mixins.customRadius.full,
                             border: isSwap ? "0.25rem white solid" : "none",
                             ml: "-1rem",
-                        } }))] }), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.column), { width: "fit-content", gap: theme.mixins.gaps.g4, alignItems: "center" }), children: [(0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign({}, theme.mixins.column), children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign(__assign({}, theme.mixins.value), { fontWeight: theme.typography.fontWeight700, fontSize: theme.typography.fontSize24, color: getAmountColor() }), children: (0, jsx_runtime_1.jsx)(Formatter_1.default, { start: isIncrease ? "+" : "-", value: activityData.amount, unit: " ".concat(currency === null || currency === void 0 ? void 0 : currency.name) }) }), isSwap && ((0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign(__assign({}, theme.mixins.value), { fontWeight: theme.typography.fontWeight700, fontSize: theme.typography.fontSize24, color: theme.palette.text.successStatus }), children: (0, jsx_runtime_1.jsx)(Formatter_1.default, { start: "+", value: swapToCurrency === null || swapToCurrency === void 0 ? void 0 : swapToCurrency.swap_total_amount, unit: " ".concat(swapToCurrency === null || swapToCurrency === void 0 ? void 0 : swapToCurrency.name) }) }))] }), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, theme.mixins.valueDescription), children: (0, formatDate_1.default)(activityData.date_created) }), status !== type_1.TransactionStatus.Success && ((0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.row), { gap: theme.mixins.gaps.g4 }), children: [status === type_1.TransactionStatus.Processing && ((0, jsx_runtime_1.jsx)(material_1.CircularProgress, { color: "secondary", size: 16 })), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
+                        } }))] }), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.column), { width: "fit-content", gap: theme.mixins.gaps.g4, alignItems: "center" }), children: [(0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign({}, theme.mixins.column), children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign(__assign({}, theme.mixins.value), { fontWeight: theme.typography.fontWeight700, fontSize: theme.typography.fontSize24, textAlign: "center", color: getAmountColor() }), children: (0, jsx_runtime_1.jsx)(Formatter_1.default, { start: isIncrease ? "+" : "-", value: activityData.amount, unit: " ".concat(currency === null || currency === void 0 ? void 0 : currency.name) }) }), isSwap && ((0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign(__assign({}, theme.mixins.value), { fontWeight: theme.typography.fontWeight700, fontSize: theme.typography.fontSize24, color: theme.palette.text.successStatus }), children: (0, jsx_runtime_1.jsx)(Formatter_1.default, { start: "+", value: swapToCurrency === null || swapToCurrency === void 0 ? void 0 : swapToCurrency.swap_total_amount, unit: " ".concat(swapToCurrency === null || swapToCurrency === void 0 ? void 0 : swapToCurrency.name) }) }))] }), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, theme.mixins.valueDescription), children: (0, formatDate_1.default)(activityData.date_created, true) }), status !== type_1.TransactionStatus.Success && ((0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.row), { gap: theme.mixins.gaps.g4 }), children: [status === type_1.TransactionStatus.Processing && ((0, jsx_runtime_1.jsx)(material_1.CircularProgress, { sx: {
+                                    color: theme.palette.text.loadingStatus,
+                                }, size: 16 })), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
                                     fontSize: theme.typography.fontSize12,
                                     textTransform: "capitalize",
                                     color: getStatusColor(),
-                                }, children: status })] }))] }), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.paper), { p: theme.mixins.gaps.g12, width: "100%" }), children: [isReceive && ((0, jsx_runtime_1.jsx)(CopyTextComponent_1.default, { value: activityData === null || activityData === void 0 ? void 0 : activityData.from_address, children: (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.column), { gap: theme.mixins.gaps.g4 }), children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, theme.mixins.valueDescription), children: "From" }), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign(__assign({}, theme.mixins.value), { wordBreak: "break-all", textAlign: "left" }), children: activityData === null || activityData === void 0 ? void 0 : activityData.from_address })] }) })), !!toAddress && ((0, jsx_runtime_1.jsx)(CopyTextComponent_1.default, { value: toAddress, children: (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.column), { gap: theme.mixins.gaps.g4 }), children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, theme.mixins.valueDescription), children: "Recipient address" }), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign(__assign({}, theme.mixins.value), { wordBreak: "break-all", textAlign: "left" }), children: toAddress })] }) }))] })] }));
+                                }, children: status })] }))] }), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.paper), { p: 0, width: "100%" }), children: [isReceive && ((0, jsx_runtime_1.jsx)(CopyTextComponent_1.default, { value: activityData === null || activityData === void 0 ? void 0 : activityData.from_address, children: (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.column), { gap: theme.mixins.gaps.g4 }), children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, theme.mixins.valueDescription), children: "From" }), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign(__assign({}, theme.mixins.value), { wordBreak: "break-all", textAlign: "left" }), children: activityData === null || activityData === void 0 ? void 0 : activityData.from_address })] }) })), !!toAddress && ((0, jsx_runtime_1.jsx)(CopyTextComponent_1.default, { value: toAddress, children: (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.column), { gap: theme.mixins.gaps.g4 }), children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, theme.mixins.valueDescription), children: "Recipient address" }), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign(__assign({}, theme.mixins.value), { wordBreak: "break-all", textAlign: "left" }), children: toAddress })] }) }))] })] }));
 }
 exports.default = ActivityDetail;

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

@@ -95,7 +95,9 @@ function ActivityItem(props) {
     return ((0, jsx_runtime_1.jsxs)(material_1.ListItemButton, __assign({ sx: __assign(__assign(__assign({}, theme.mixins.row), { gap: theme.mixins.gaps.g8, backgroundColor: theme.palette.background.tertiary, borderRadius: theme.mixins.customRadius.r16, p: theme.mixins.customPadding.p12, flexGrow: "unset", boxShadow: theme.shadows[1] }), sx) }, rest, { children: [(0, jsx_runtime_1.jsx)(material_1.Box, { sx: {
                     width: "fit-content",
                     height: "fit-content",
-                }, children: (0, jsx_runtime_1.jsx)(Icon_1.default, { src: type === null || type === void 0 ? void 0 : type.link, width: 24, sx: { borderRadius: theme.mixins.customRadius.full } }) }), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.column), { width: "fit-content", gap: theme.mixins.gaps.g2 }), children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: theme.mixins.activityTitle, children: type === null || type === void 0 ? void 0 : type.name }), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: theme.mixins.activityDescription, children: descriptionElement }), status !== type_1.TransactionStatus.Success && ((0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.row), { gap: theme.mixins.gaps.g4 }), children: [status === type_1.TransactionStatus.Processing && ((0, jsx_runtime_1.jsx)(material_1.CircularProgress, { color: "secondary", size: 12 })), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
+                }, children: (0, jsx_runtime_1.jsx)(Icon_1.default, { src: type === null || type === void 0 ? void 0 : type.link, width: 28, sx: { borderRadius: theme.mixins.customRadius.full } }) }), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.column), { width: "fit-content", gap: theme.mixins.gaps.g2 }), children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: theme.mixins.activityTitle, children: type === null || type === void 0 ? void 0 : type.name }), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: theme.mixins.activityDescription, children: descriptionElement }), status !== type_1.TransactionStatus.Success && ((0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.row), { gap: theme.mixins.gaps.g4 }), children: [status === type_1.TransactionStatus.Processing && ((0, jsx_runtime_1.jsx)(material_1.CircularProgress, { size: 12, sx: {
+                                    color: theme.palette.text.loadingStatus,
+                                } })), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
                                     fontSize: theme.typography.fontSize12,
                                     textTransform: "capitalize",
                                     color: getStatusColor(),

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

@@ -20,16 +20,14 @@ 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 sx = props.sx;
     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,
@@ -46,49 +44,19 @@ var AnalyticGroup = function (props) {
                                     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: {
+                                } })] })] }), (0, jsx_runtime_1.jsx)(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: "******" }))] }))] })] }));
+                }, 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: "******" })) }) })] }));
 };
 exports.default = AnalyticGroup;

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

@@ -59,21 +59,22 @@ 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 TekWalletView_1 = require("../../views/TekWalletView");
+var Icon_1 = __importDefault(require("../Icon"));
 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)(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, jsx_runtime_1.jsx)(material_1.SvgIcon, { sx: { width: "1.25rem", height: "1.25rem" }, children: SvgPath_1.WALLET }), (0, compactWalletAddress_1.default)(masterWallet), (0, jsx_runtime_1.jsx)(material_1.SvgIcon, { sx: { width: "0.625rem", height: "0.625rem" }, children: SvgPath_1.ARROW_DROP_DOWN })] }), direction: DrawerComponent_1.DRAWER_DIRECTION.TOP, children: (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: {
+    return ((0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.row), { justifyContent: "center", position: "relative", boxShadow: "0 0 1px 2px rgba(0, 0, 0, 0.03)" }), children: [(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, jsx_runtime_1.jsx)(material_1.SvgIcon, { sx: { width: "1.25rem", height: "1.25rem" }, children: SvgPath_1.WALLET }), (0, compactWalletAddress_1.default)(masterWallet), (0, jsx_runtime_1.jsx)(material_1.SvgIcon, { sx: { width: "0.625rem", height: "0.625rem" }, 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 : "", messageSuccess: "Copied ".concat((0, compactWalletAddress_1.default)(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: "1rem", height: "1rem" }, children: SvgPath_1.IC_COPY })] }) }), (0, jsx_runtime_1.jsx)(material_1.Divider, { sx: {
+                    }, 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 : "", messageSuccess: "Copied Internal address", 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", gap: theme.mixins.gaps.g8 }), children: [(0, jsx_runtime_1.jsx)(material_1.SvgIcon, { sx: { width: "1.75rem", height: "1.75rem", opacity: 0.7 }, children: SvgPath_1.WALLET }), (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: "1rem", height: "1rem" }, 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, messageSuccess: "Copied ".concat((0, compactWalletAddress_1.default)(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: "1rem", height: "1rem" }, children: SvgPath_1.IC_COPY })] }) }, wallet.blockchainAddress + index)); })] })] }) }), (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: {
+                                            } })] })), blockchainWallets === null || blockchainWallets === void 0 ? void 0 : blockchainWallets.map(function (wallet, index) { return ((0, jsx_runtime_1.jsx)(CopyTextComponent_1.default, { value: wallet.blockchainAddress, messageSuccess: "Copied ".concat(wallet.networkName, " address"), children: (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({ py: theme.mixins.customPadding.p8 }, theme.mixins.row), { gap: theme.mixins.gaps.g8, justifyContent: "space-between", alignItems: "center" }), children: [(0, jsx_runtime_1.jsx)(Icon_1.default, { src: wallet.networkIcon, width: 28, sx: { borderRadius: theme.mixins.customRadius.full } }), (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.networkName }), (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: "1rem", height: "1rem" }, children: SvgPath_1.IC_COPY })] }) }, wallet.blockchainAddress + index)); })] })] }) }), (0, jsx_runtime_1.jsx)(link_1.default, { href: "".concat((options === null || options === void 0 ? void 0 : options.basePath) || "", "/tek-wallet/").concat(TekWalletView_1.TekWalletViewRoutes.SETTING), children: (0, jsx_runtime_1.jsx)(material_1.SvgIcon, { sx: {
                         width: "1.5rem",
                         height: "1.5rem",
                         position: "absolute",

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

@@ -66,7 +66,7 @@ var link_1 = __importDefault(require("next/link"));
 var DrawerComponent_1 = __importStar(require("../DrawerComponent"));
 var theme_1 = __importDefault(require("../../../theme/mui/deposit-fiat-theme/theme"));
 var Icon_1 = __importDefault(require("../Icon"));
-var Button_1 = __importDefault(require("../Button"));
+var Button_1 = __importStar(require("../Button"));
 var Text_1 = __importDefault(require("../Text"));
 var style_1 = require("./style");
 var palette_1 = require("../../../theme/mui/deposit-fiat-theme/palette");
@@ -208,13 +208,19 @@ function FiatDeposit(_a) {
                                             borderColor: theme_1.default.palette.accent3.main,
                                             borderRadius: "1rem",
                                             gap: "0.5rem",
+                                            opacity: loading ? 0.5 : 1,
+                                            pointerEvents: loading ? "none" : "auto",
                                         }, children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, style_1.title02), color: (_b = palette_1.palette.positive) === null || _b === void 0 ? void 0 : _b.main, children: "You Pay" }), (0, jsx_runtime_1.jsx)(xhub_keyboard_1.Label, { htmlFor: keyboardId, children: (0, jsx_runtime_1.jsx)(xhub_keyboard_1.Input, { autoFocus: true, alwaysFocus: true, ref: amountInputRef, elementsAcceptIds: ["amount-keyboard-id"], value: inputAmount === null || inputAmount === void 0 ? void 0 : inputAmount.toString(), displayType: xhub_keyboard_1.DisplayType.Double, styles: {
                                                         container: {
                                                             border: "1px solid ".concat(error ? theme_1.default.palette.error.main : theme_1.default.palette.primary.main),
                                                         },
                                                     }, rightElement: (0, jsx_runtime_1.jsxs)(material_1.Stack, { flexDirection: "row", alignItems: "center", gap: "4px", flexShrink: 0, pl: "1rem", children: [(0, jsx_runtime_1.jsx)(Icon_1.default, { alt: "", width: 16, height: 16, sx: {
                                                                     borderRadius: "999px",
-                                                                }, src: (_d = (_c = tokens === null || tokens === void 0 ? void 0 : tokens.find(function (item) { return item.currency_slug.toLocaleLowerCase() === "vnd"; })) === null || _c === void 0 ? void 0 : _c.currency.link) !== null && _d !== void 0 ? _d : "/" }), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, style_1.title03), color: (_e = palette_1.palette.accent2) === null || _e === void 0 ? void 0 : _e.main, children: "VND" })] }) }) }), error && ((0, jsx_runtime_1.jsxs)(Text_1.default, { sx: __assign({}, style_1.content02), display: "flex", alignItems: "center", gap: "4px", className: "text-error", children: [(0, jsx_runtime_1.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", children: (0, jsx_runtime_1.jsx)("path", { d: "M7 5.25V7.4375M12.25 7C12.25 7.68944 12.1142 8.37213 11.8504 9.00909C11.5865 9.64605 11.1998 10.2248 10.7123 10.7123C10.2248 11.1998 9.64605 11.5865 9.00909 11.8504C8.37213 12.1142 7.68944 12.25 7 12.25C6.31056 12.25 5.62787 12.1142 4.99091 11.8504C4.35395 11.5865 3.7752 11.1998 3.28769 10.7123C2.80018 10.2248 2.41347 9.64605 2.14963 9.00909C1.8858 8.37213 1.75 7.68944 1.75 7C1.75 5.60761 2.30312 4.27226 3.28769 3.28769C4.27226 2.30312 5.60761 1.75 7 1.75C8.39239 1.75 9.72774 2.30312 10.7123 3.28769C11.6969 4.27226 12.25 5.60761 12.25 7ZM7 9.1875H7.00467V9.19217H7V9.1875Z", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round" }) }), error] }))] }) }), (0, jsx_runtime_1.jsx)(material_1.Stack, { pt: "12px", id: "input-amount-action", children: (0, jsx_runtime_1.jsx)(material_1.Box, { px: "1rem", pb: "1.5rem", children: (0, jsx_runtime_1.jsx)(Button_1.default.Primary, { loading: loading, disabled: loading || !!error, onClick: handleClick, fullWidth: true, children: (0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, style_1.button), children: "Continue" }) }) }) })] }) })] }), (0, jsx_runtime_1.jsxs)(material_1.Drawer, { classes: { paper: "w-full" }, open: openQR, onClose: function () { return setOpenQR(false); }, anchor: "right", keepMounted: false, onClick: function (e) { return e.stopPropagation(); }, children: [(0, jsx_runtime_1.jsx)(Header, { handleBack: function () {
+                                                                }, src: (_d = (_c = tokens === null || tokens === void 0 ? void 0 : tokens.find(function (item) { return item.currency_slug.toLocaleLowerCase() === "vnd"; })) === null || _c === void 0 ? void 0 : _c.currency.link) !== null && _d !== void 0 ? _d : "/" }), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, style_1.title03), color: (_e = palette_1.palette.accent2) === null || _e === void 0 ? void 0 : _e.main, children: "VND" })] }) }) }), error && ((0, jsx_runtime_1.jsxs)(Text_1.default, { sx: __assign({}, style_1.content02), display: "flex", alignItems: "center", gap: "4px", className: "text-error", children: [(0, jsx_runtime_1.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", children: (0, jsx_runtime_1.jsx)("path", { d: "M7 5.25V7.4375M12.25 7C12.25 7.68944 12.1142 8.37213 11.8504 9.00909C11.5865 9.64605 11.1998 10.2248 10.7123 10.7123C10.2248 11.1998 9.64605 11.5865 9.00909 11.8504C8.37213 12.1142 7.68944 12.25 7 12.25C6.31056 12.25 5.62787 12.1142 4.99091 11.8504C4.35395 11.5865 3.7752 11.1998 3.28769 10.7123C2.80018 10.2248 2.41347 9.64605 2.14963 9.00909C1.8858 8.37213 1.75 7.68944 1.75 7C1.75 5.60761 2.30312 4.27226 3.28769 3.28769C4.27226 2.30312 5.60761 1.75 7 1.75C8.39239 1.75 9.72774 2.30312 10.7123 3.28769C11.6969 4.27226 12.25 5.60761 12.25 7ZM7 9.1875H7.00467V9.19217H7V9.1875Z", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round" }) }), error] }))] }) }), (0, jsx_runtime_1.jsx)(material_1.Stack, { pt: "12px", id: "input-amount-action", children: (0, jsx_runtime_1.jsx)(material_1.Box, { px: "1rem", pb: "1.5rem", children: (0, jsx_runtime_1.jsx)(Button_1.default.Primary, { status: !!error || !inputAmount
+                                                ? Button_1.BUTTON_STATUS.DISABLED
+                                                : loading
+                                                    ? Button_1.BUTTON_STATUS.LOADING
+                                                    : Button_1.BUTTON_STATUS.ENABLED, onClick: handleClick, fullWidth: true, children: "Continue" }) }) })] }) })] }), (0, jsx_runtime_1.jsxs)(material_1.Drawer, { classes: { paper: "w-full" }, open: openQR, onClose: function () { return setOpenQR(false); }, anchor: "right", keepMounted: false, onClick: function (e) { return e.stopPropagation(); }, children: [(0, jsx_runtime_1.jsx)(Header, { handleBack: function () {
                             setOpen(false);
                             setOpenQR(false);
                             setInputAmount("");

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

@@ -101,24 +101,24 @@ var AssetView = function (props) {
                                     }, children: (0, jsx_runtime_1.jsx)(FunctionItem_1.default, { icon: "IC_RECEIVE", label: "Receive", sx: {
                                             width: "100%",
                                         } }) }) }, "receive"),
-                            (0, jsx_runtime_1.jsx)(link_1.default, { href: "".concat(basePath, "/tek-wallet/send/external"), children: (0, jsx_runtime_1.jsx)(material_1.ListItem, { sx: {
+                            (0, jsx_runtime_1.jsx)(link_1.default, { href: "".concat(basePath || "", "/tek-wallet/send/external"), children: (0, jsx_runtime_1.jsx)(material_1.ListItem, { sx: {
                                         borderRight: "1px solid ".concat(theme.palette.border.accent3),
                                         placeContent: "center",
                                         columnSpan: 1,
                                     }, children: (0, jsx_runtime_1.jsx)(FunctionItem_1.default, { icon: "IC_WITHDRAW_FC", label: "Withdraw", sx: { width: "100%" } }) }) }, "withdraw"),
-                            (0, jsx_runtime_1.jsx)(link_1.default, { href: "".concat(basePath, "/tek-wallet/send/internal"), children: (0, jsx_runtime_1.jsx)(material_1.ListItem, { sx: {
+                            (0, jsx_runtime_1.jsx)(link_1.default, { href: "".concat(basePath || "", "/tek-wallet/send/internal"), children: (0, jsx_runtime_1.jsx)(material_1.ListItem, { sx: {
                                         borderRight: "1px solid ".concat(theme.palette.border.accent3),
                                         placeContent: "center",
                                         columnSpan: 1,
                                     }, children: (0, jsx_runtime_1.jsx)(FunctionItem_1.default, { icon: "IC_TRANSFER", label: "Transfer", sx: { width: "100%" } }) }) }, "send-internal"),
-                            (0, jsx_runtime_1.jsx)(link_1.default, { href: "".concat(basePath, "/tek-wallet/swap"), children: (0, jsx_runtime_1.jsx)(material_1.ListItem, { sx: {
+                            (0, jsx_runtime_1.jsx)(link_1.default, { href: "".concat(basePath || "", "/tek-wallet/swap"), children: (0, jsx_runtime_1.jsx)(material_1.ListItem, { sx: {
                                         placeContent: "center",
                                         columnSpan: 1,
                                     }, children: (0, jsx_runtime_1.jsx)(FunctionItem_1.default, { icon: "IC_SWAP_FC", label: "Swap", sx: { width: "100%" } }) }) }, "swap"),
                         ] }), !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: {
+                                }, 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: {
                                             marginLeft: "auto",
                                             display: "flex",
                                             alignItems: "center",

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

@@ -0,0 +1,8 @@
+import { GeneralProps } from "../../../types/ui";
+import { SxProps } from "@mui/material";
+interface DetailActivityViewProps extends GeneralProps {
+    sx?: SxProps;
+    id?: string;
+}
+export declare const DetailActivityView: (props: DetailActivityViewProps) => import("react/jsx-runtime").JSX.Element;
+export default DetailActivityView;

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

@@ -0,0 +1,31 @@
+"use strict";
+"use client";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DetailActivityView = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var ChildPageLayout_1 = __importDefault(require("../../layouts/ChildPageLayout"));
+var PageHeader_1 = __importDefault(require("../../ui/PageHeader"));
+var useWallet_1 = __importDefault(require("../../../hooks/useWallet"));
+var react_1 = require("react");
+var ActivityDetail_1 = __importDefault(require("../../ui/ActivityDetail"));
+var EmptyData_1 = __importDefault(require("../../ui/EmptyData"));
+var getIcon_1 = __importDefault(require("../../../utils/getIcon"));
+var DefaultPageLayout_1 = __importDefault(require("../../layouts/DefaultPageLayout"));
+var DetailActivityView = function (props) {
+    var sx = props.sx, id = props.id;
+    var activities = (0, useWallet_1.default)().activities;
+    var _a = (0, react_1.useState)(null), activityData = _a[0], setActivityData = _a[1];
+    (0, react_1.useEffect)(function () {
+        var _a, _b;
+        if (activities) {
+            var activity = (_b = (_a = Object.values(activities)) === null || _a === void 0 ? void 0 : _a.flat()) === null || _b === void 0 ? void 0 : _b.find(function (activity) { return "".concat(activity.id) === "".concat(id); });
+            setActivityData(activity || null);
+        }
+    }, [activities, id]);
+    return ((0, jsx_runtime_1.jsx)(ChildPageLayout_1.default, { header: (0, jsx_runtime_1.jsx)(PageHeader_1.default, { title: "Detail" }), sx: sx, children: (0, jsx_runtime_1.jsxs)(DefaultPageLayout_1.default, { children: [activityData && (0, jsx_runtime_1.jsx)(ActivityDetail_1.default, { activityData: activityData }), !activityData && ((0, jsx_runtime_1.jsx)(EmptyData_1.default, { sx: { marginBottom: "auto", marginTop: "4rem" }, icon: (0, getIcon_1.default)("empty_" + "all"), description: "Activity not found", children: "Activity not found" }))] }) }));
+};
+exports.DetailActivityView = DetailActivityView;
+exports.default = exports.DetailActivityView;

package/dist/components/TekWallet/components/views/SendExternalView/components/Summary.js

@@ -86,10 +86,7 @@ function Summary(props) {
             flexDirection: "column",
             gap: 3,
             height: "100%",
-        }, children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
-                    fontSize: 16,
-                    fontWeight: 600,
-                }, children: "Transaction summary" }), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: {
+        }, children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign(__assign({}, theme.mixins.headerTitle), { textAlign: "start", mr: "auto" }), children: "Transaction summary" }), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: {
                     display: "flex",
                     flexDirection: "column",
                     gap: 3,

package/dist/components/TekWallet/components/views/SendInternalView/components/AmountForm.js

@@ -370,7 +370,7 @@ function Form(props) {
                                 placeholder: "Enter comment if needed",
                                 value: comment,
                                 onChange: handleChangeComment,
-                            } }), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, theme.mixins.validationDescription), children: "Enter comment if your receiving platform requires one to avoid losing your funds." })] }), (0, jsx_runtime_1.jsx)(Fees_1.default, { isFeePaidByAmount: true, feesData: estimateFee, amount: +amount, tokenSlug: (selectedToken === null || selectedToken === void 0 ? void 0 : selectedToken.slug) || "", feesStyle: Fees_1.FeesStyle.WITH_BACKGROUND, setIsEnoughBalanceToPayFee: setIsEnoughBalanceToPayFee }), (0, jsx_runtime_1.jsx)(QrCodeReader_1.default, { ref: scannerAddressQrCodeRef, onResult: handleScanAddressQrCode }), (0, jsx_runtime_1.jsx)(Button_1.default.Primary, { loading: isValidatingAddress || isEstimatingFee, onClick: handleContinue, status: !recipientAddress ||
+                            } })] }), (0, jsx_runtime_1.jsx)(Fees_1.default, { isFeePaidByAmount: true, feesData: estimateFee, amount: +amount, tokenSlug: (selectedToken === null || selectedToken === void 0 ? void 0 : selectedToken.slug) || "", feesStyle: Fees_1.FeesStyle.WITH_BACKGROUND, setIsEnoughBalanceToPayFee: setIsEnoughBalanceToPayFee }), (0, jsx_runtime_1.jsx)(QrCodeReader_1.default, { ref: scannerAddressQrCodeRef, onResult: handleScanAddressQrCode }), (0, jsx_runtime_1.jsx)(Button_1.default.Primary, { loading: isValidatingAddress || isEstimatingFee, onClick: handleContinue, status: !recipientAddress ||
                         !amount ||
                         !!recipientAddressError ||
                         !!amountError ||

package/dist/components/TekWallet/components/views/SendInternalView/components/Form.js

@@ -371,7 +371,7 @@ function Form(props) {
                                 placeholder: "Enter comment if needed",
                                 value: comment,
                                 onChange: handleChangeComment,
-                            } }), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, theme.mixins.validationDescription), children: "Enter comment if your receiving platform requires one to avoid losing your funds." })] }), (0, jsx_runtime_1.jsx)(Fees_1.default, { isFeePaidByAmount: true, feesData: estimateFee, amount: +amount, tokenSlug: (selectedToken === null || selectedToken === void 0 ? void 0 : selectedToken.slug) || "", feesStyle: Fees_1.FeesStyle.WITH_BACKGROUND, setIsEnoughBalanceToPayFee: setIsEnoughBalanceToPayFee }), (0, jsx_runtime_1.jsx)(QrCodeReader_1.default, { ref: scannerAddressQrCodeRef, onResult: handleScanAddressQrCode }), (0, jsx_runtime_1.jsx)(Button_1.default.Primary, { loading: isValidatingAddress || isEstimatingFee, onClick: handleContinue, status: !recipientAddress ||
+                            } })] }), (0, jsx_runtime_1.jsx)(Fees_1.default, { isFeePaidByAmount: true, feesData: estimateFee, amount: +amount, tokenSlug: (selectedToken === null || selectedToken === void 0 ? void 0 : selectedToken.slug) || "", feesStyle: Fees_1.FeesStyle.WITH_BACKGROUND, setIsEnoughBalanceToPayFee: setIsEnoughBalanceToPayFee }), (0, jsx_runtime_1.jsx)(QrCodeReader_1.default, { ref: scannerAddressQrCodeRef, onResult: handleScanAddressQrCode }), (0, jsx_runtime_1.jsx)(Button_1.default.Primary, { loading: isValidatingAddress || isEstimatingFee, onClick: handleContinue, status: !recipientAddress ||
                         !amount ||
                         !!recipientAddressError ||
                         !!amountError ||

package/dist/components/TekWallet/components/views/SendInternalView/components/Summary.js

@@ -85,10 +85,7 @@ function Summary(props) {
             flexDirection: "column",
             gap: 3,
             height: "100%",
-        }, children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
-                    fontSize: 16,
-                    fontWeight: 600,
-                }, children: "Transaction summary" }), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: {
+        }, children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign(__assign({}, theme.mixins.headerTitle), { textAlign: "start", mr: "auto" }), children: "Transaction summary" }), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: {
                     display: "flex",
                     flexDirection: "column",
                     gap: 3,

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

@@ -1,6 +1,6 @@
 import { GeneralProps } from "../../../types/ui";
 interface SettingViewProps extends GeneralProps {
-    onBack: () => void;
+    onBack?: () => void;
     isInitPasscode?: boolean;
     idPrefix?: string;
 }

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

@@ -23,7 +23,6 @@ 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");
@@ -31,16 +30,17 @@ 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: {
+    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: "2rem", height: "2rem" }, children: SvgPath_1.IC_CHANGE_PASSCODE }) }) }), (0, jsx_runtime_1.jsx)("button", { style: {
                         marginTop: "auto",
                         borderRadius: theme.mixins.customRadius.r12,
                         textTransform: "capitalize",
                         position: "relative",
-                        px: theme.mixins.customPadding.p16,
-                        py: theme.mixins.customPadding.p12,
+                        padding: "".concat(theme.mixins.customPadding.p12, " ").concat(theme.mixins.customPadding.p16),
                         fontWeight: theme.typography.fontWeight500,
                         fontSize: theme.typography.fontSize14,
                         lineHeight: theme.typography.leading100,
+                        backgroundColor: theme.palette.background.error,
+                        color: theme.palette.text.white,
                     }, onClick: onLogout, children: "Logout" })] }) }));
 };
 exports.SettingView = SettingView;

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

@@ -1,2 +1 @@
-export * from "./routes";
 export * from "./index";

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

@@ -14,5 +14,4 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./routes"), exports);
 __exportStar(require("./index"), exports);

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

@@ -1,3 +1,12 @@
+export declare enum TekWalletViewRoutes {
+    SEND_INTERNAL = "/send/internal",
+    SEND_EXTERNAL = "/send/external",
+    SWAP = "/swap",
+    ASSET = "/",
+    NOT_FOUND = "/not-found",
+    ACTIVITY = "/activity",
+    SETTING = "/setting"
+}
 export interface TekWalletViewProps {
 }
 export interface TekWalletViewProps {

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

@@ -1,16 +1,60 @@
 "use strict";
 "use client";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.TekWalletViewRoutes = void 0;
 exports.TekWalletView = TekWalletView;
 var jsx_runtime_1 = require("react/jsx-runtime");
 var navigation_1 = require("next/navigation");
 var react_1 = require("react");
-var routes_1 = require("./routes");
+var NotFoundView_1 = __importDefault(require("../NotFoundView"));
+var SendInternalView_1 = __importDefault(require("../SendInternalView"));
+var SendExternalView_1 = __importDefault(require("../SendExternalView"));
+var SwapView_1 = __importDefault(require("../SwapView"));
+var AssetView_1 = __importDefault(require("../AssetView"));
+var DetailActivityView_1 = __importDefault(require("../DetailActivityView"));
+var ActivityView_1 = __importDefault(require("../ActivityView"));
+var SettingView_1 = __importDefault(require("../SettingView"));
+var TekWalletViewRoutes;
+(function (TekWalletViewRoutes) {
+    TekWalletViewRoutes["SEND_INTERNAL"] = "/send/internal";
+    TekWalletViewRoutes["SEND_EXTERNAL"] = "/send/external";
+    TekWalletViewRoutes["SWAP"] = "/swap";
+    TekWalletViewRoutes["ASSET"] = "/";
+    TekWalletViewRoutes["NOT_FOUND"] = "/not-found";
+    TekWalletViewRoutes["ACTIVITY"] = "/activity";
+    TekWalletViewRoutes["SETTING"] = "/setting";
+})(TekWalletViewRoutes || (exports.TekWalletViewRoutes = TekWalletViewRoutes = {}));
 function TekWalletView() {
+    var _a, _b, _c, _d;
     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, {});
+    var path = (0, react_1.useMemo)(function () { return (pathname === undefined ? "/" : "/".concat(pathnameFull)); }, [pathnameFull, pathname]);
+    if (path.startsWith(TekWalletViewRoutes.SEND_INTERNAL)) {
+        return (0, jsx_runtime_1.jsx)(SendInternalView_1.default, {});
+    }
+    if (path.startsWith(TekWalletViewRoutes.SEND_EXTERNAL)) {
+        return (0, jsx_runtime_1.jsx)(SendExternalView_1.default, {});
+    }
+    if (path.startsWith(TekWalletViewRoutes.SWAP)) {
+        return (0, jsx_runtime_1.jsx)(SwapView_1.default, {});
+    }
+    if (path === TekWalletViewRoutes.ASSET) {
+        return (0, jsx_runtime_1.jsx)(AssetView_1.default, {});
+    }
+    if (path.startsWith(TekWalletViewRoutes.ACTIVITY) &&
+        ((_b = (_a = path === null || path === void 0 ? void 0 : path.split("/")) === null || _a === void 0 ? void 0 : _a.filter(Boolean)) === null || _b === void 0 ? void 0 : _b.length) > 1) {
+        return (0, jsx_runtime_1.jsx)(DetailActivityView_1.default, { id: (_d = (_c = path === null || path === void 0 ? void 0 : path.split("/")) === null || _c === void 0 ? void 0 : _c.filter(Boolean)) === null || _d === void 0 ? void 0 : _d[1] });
+    }
+    if (path.startsWith(TekWalletViewRoutes.ACTIVITY)) {
+        return (0, jsx_runtime_1.jsx)(ActivityView_1.default, {});
+    }
+    if (path.startsWith(TekWalletViewRoutes.SETTING)) {
+        return (0, jsx_runtime_1.jsx)(SettingView_1.default, {});
+    }
+    return (0, jsx_runtime_1.jsx)(NotFoundView_1.default, {});
 }

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

@@ -1,5 +1,16 @@
 "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 };
 };
@@ -9,9 +20,17 @@ var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = require("react");
 var useEventHandler_1 = require("../../hooks/useEventHandler");
 var useRealtime_1 = __importDefault(require("../../hooks/useRealtime"));
+var TekWalletProvider_1 = require("../TekWalletProvider");
+var useCustomRouter_1 = __importDefault(require("../../hooks/useCustomRouter"));
+var type_1 = require("../../services/axios/get-activities-service/type");
 function EventHandlerProvider(props) {
     var _a = (0, useEventHandler_1.useEventHandler)(), transactionHandler = _a.transactionHandler, walletInfoHandler = _a.walletInfoHandler;
     var _b = (0, useRealtime_1.default)(), pushNotification = _b.pushNotification, transaction = _b.transaction, walletHandlerInfo = _b.walletHandlerInfo;
+    var router = (0, useCustomRouter_1.default)();
+    var options = (0, TekWalletProvider_1.useWalletConfig)().options;
+    (0, react_1.useEffect)(function () {
+        router.prefetch("".concat(options === null || options === void 0 ? void 0 : options.basePath, "/tek-wallet/activities/abc"));
+    }, [router, options === null || options === void 0 ? void 0 : options.basePath]);
     (0, react_1.useEffect)(function () {
         var _a;
         if (!transactionHandler || !transaction)
@@ -21,8 +40,13 @@ function EventHandlerProvider(props) {
             if ((_a = theMessage.id) === null || _a === void 0 ? void 0 : _a.includes("processing")) {
                 return;
             }
-            console.warn("🚀 ~ EventHandlerProvider ~ theMessage:", theMessage);
-            pushNotification(theMessage);
+            var onClickNotification = function () {
+                if (transaction.status !== type_1.TransactionStatus.Success)
+                    return;
+                router.push("".concat(options === null || options === void 0 ? void 0 : options.basePath, "/tek-wallet/activities/").concat(transaction.id));
+            };
+            console.warn("🚀 ~ EventHandlerProvider ~ theMessage:", transaction, theMessage);
+            pushNotification(__assign(__assign({}, theMessage), { onClick: onClickNotification }));
         }
     }, [transaction]);
     (0, react_1.useEffect)(function () {

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

@@ -66,6 +66,7 @@ var ably_service_1 = require("../../services/ably/ably.service");
 var material_1 = require("@mui/material");
 var notistack_1 = require("notistack");
 var ThemeProvider_1 = require("../ThemeProvider");
+var CloseModal_1 = __importDefault(require("../../components/ui/CloseModal"));
 exports.initialRealtime = {
     transaction: undefined,
     walletHandlerInfo: undefined,
@@ -128,16 +129,43 @@ function RealtimeProvider(_a) {
                             horizontal: (_e = (_d = notification === null || notification === void 0 ? void 0 : notification.anchorOrigin) === null || _d === void 0 ? void 0 : _d.horizontal) !== null && _e !== void 0 ? _e : "right",
                         }, onClose: function () {
                             closeNotification(notification.id);
-                        }, slots: { transition: GrowTransition }, autoHideDuration: (_f = notification.duration) !== null && _f !== void 0 ? _f : 5000, children: (0, jsx_runtime_1.jsx)(material_1.Alert, { icon: false, severity: notification.type, sx: {
-                                width: "fit-content",
-                                borderRadius: theme.mixins.customRadius.r6,
+                        }, slots: { transition: GrowTransition }, autoHideDuration: (_f = notification.duration) !== null && _f !== void 0 ? _f : 5000, children: (0, jsx_runtime_1.jsxs)(material_1.Alert, { onClick: notification.onClick, icon: false, severity: notification.type, sx: {
+                                width: "100%",
+                                maxWidth: "calc(100vw - 2rem)",
+                                borderRadius: theme.mixins.customRadius.r12,
                                 mx: "auto",
                                 padding: "".concat(theme.mixins.customPadding.p0, " ").concat(theme.mixins.customPadding.p12),
                                 fontSize: theme.typography.fontSize14,
+                                position: "relative",
+                                transform: "translateY(0.5rem) !important",
+                                backgroundColor: theme.palette.background.white24,
+                                color: theme.palette.text.black,
+                                backdropFilter: "blur(24px)",
+                                border: "1px solid ".concat(theme.palette.border.accent3),
+                                boxShadow: "1px 1px 10px 1px rgba(0, 0, 0, 0.07)",
                                 "& .MuiAlert-message": {
-                                    padding: "".concat(theme.mixins.customPadding.p6, " ").concat(theme.mixins.customPadding.p0),
+                                    padding: "".concat(theme.mixins.customPadding.p12, " ").concat(theme.mixins.customPadding.p8),
                                 },
-                            }, children: notification.message }) }, notification.id));
+                            }, children: [notification.message, " ", (0, jsx_runtime_1.jsx)(material_1.Box, { sx: {
+                                        color: "inherit",
+                                        position: "absolute",
+                                        right: 0,
+                                        bottom: 0,
+                                        aspectRatio: "1/1",
+                                        boxShadow: "1px 1px 10px 1px rgba(0, 0, 0, 0.07)",
+                                        backgroundColor: theme.palette.background.white,
+                                        border: "1px solid ".concat(theme.palette.border.accent),
+                                        padding: theme.mixins.customPadding.p6,
+                                        borderRadius: "999px",
+                                        transform: "translate(30%, 30%)",
+                                    }, onClick: function (e) {
+                                        e.stopPropagation();
+                                        closeNotification(notification.id);
+                                    }, children: (0, jsx_runtime_1.jsx)(CloseModal_1.default, { sx: {
+                                            width: "0.625rem",
+                                            height: "0.625rem",
+                                            display: "block",
+                                        } }) })] }) }, notification.id));
                 }) }))] }));
 }
 exports.default = RealtimeProvider;

package/dist/components/TekWallet/providers/RealtimeProvider/type.d.ts

@@ -15,4 +15,5 @@ export interface NotificationType {
         horizontal: "left" | "center" | "right";
     };
     open?: boolean;
+    onClick?: () => void;
 }

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

@@ -168,6 +168,8 @@ function WalletDataProvider(props) {
                     setBlockchainWallets(response === null || response === void 0 ? void 0 : response.blockchain_wallets.map(function (item) { return ({
                         blockchainAddress: item.blockchain_address,
                         networkSlug: item.network_slug,
+                        networkName: item.network_name,
+                        networkIcon: item.network_icon,
                     }); }));
                     setIsTokensLoading(false);
                     return [3 /*break*/, 3];

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

@@ -172,6 +172,8 @@ function WalletDataProviderNoImport(_a) {
                     setBlockchainWallets(response === null || response === void 0 ? void 0 : response.blockchain_wallets.map(function (item) { return ({
                         blockchainAddress: item.blockchain_address,
                         networkSlug: item.network_slug,
+                        networkName: item.network_name,
+                        networkIcon: item.network_icon,
                     }); }));
                     setPolicyInfo(response === null || response === void 0 ? void 0 : response.policy_info);
                     setIsTokensLoading(false);

package/dist/components/TekWallet/types/expose-type.d.ts

@@ -143,10 +143,14 @@ export interface BlockchainWallet {
     master_address: string;
     blockchain_address: string;
     network_slug: string;
+    network_name: string;
+    network_icon: string;
 }
 export interface BlockchainWalletType {
     blockchainAddress: string;
     networkSlug: string;
+    networkName: string;
+    networkIcon: string;
 }
 export interface Balance {
     id: string;

package/dist/components/TekWallet/utils/stopPropagation.d.ts

@@ -0,0 +1,2 @@
+import { ReactEventHandler } from "react";
+export declare const stopPropagation: ReactEventHandler;

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

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.stopPropagation = void 0;
+var stopPropagation = function (e) {
+    e.stopPropagation();
+};
+exports.stopPropagation = stopPropagation;

package/package.json

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

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

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

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

@@ -1,45 +0,0 @@
-"use strict";
-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 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";
-    TekWalletViewRoutes["SEND_EXTERNAL"] = "/send/external";
-    TekWalletViewRoutes["SWAP"] = "/swap";
-    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 SendInternalView_1.SendInternalView;
-    }
-    if (path.startsWith(TekWalletViewRoutes.SEND_EXTERNAL)) {
-        return SendExternalView_1.default;
-    }
-    if (path.startsWith(TekWalletViewRoutes.SWAP)) {
-        return SwapView_1.SwapView;
-    }
-    if (path === TekWalletViewRoutes.ASSET) {
-        return AssetView_1.default;
-    }
-    if (path.startsWith(TekWalletViewRoutes.ACTIVITY)) {
-        return ActivityView_1.default;
-    }
-    if (path.startsWith(TekWalletViewRoutes.SETTING)) {
-        return SettingView_1.SettingView;
-    }
-    return NotFoundView_1.default;
-};
-exports.getView = getView;