tek-wallet 0.0.752 → 0.0.754

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

@@ -12,6 +12,39 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
     function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
     return new (P || (P = Promise))(function (resolve, reject) {
@@ -53,10 +86,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 var _a;
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.AmountError = exports.SortToken = exports.SortBalance = exports.WithdrawStep = exports.SendMethods = void 0;
+exports.WAmountError = exports.SortToken = exports.SortBalance = exports.WithdrawStep = exports.SendMethods = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = require("react");
-var DrawerComponent_1 = __importDefault(require("../DrawerComponent"));
+var DrawerComponent_1 = __importStar(require("../DrawerComponent"));
 var SwiperControlled_1 = __importDefault(require("../SwiperControlled"));
 var useWalletData_1 = __importDefault(require("../../../hooks/useWalletData"));
 var ModalLayout_1 = __importDefault(require("../ModalLayout"));
@@ -64,7 +97,6 @@ var react_2 = require("swiper/react");
 var BackHeader_1 = __importDefault(require("../BackHeader"));
 var Text_1 = __importDefault(require("../Text"));
 var material_1 = require("@mui/material");
-var getIcon_1 = __importDefault(require("../../../utils/getIcon"));
 var RequireConnect_1 = __importDefault(require("../RequireConnect"));
 var useWithdrawData_1 = __importDefault(require("../../../hooks/useWithdrawData"));
 var ListItemCustom_1 = __importDefault(require("../ListItemCustom"));
@@ -79,11 +111,13 @@ var type_1 = require("../../../services/axios/get-activities-service/type");
 var createDebounce_1 = __importDefault(require("../../../utils/createDebounce"));
 var type_2 = require("../../../services/axios/validate-wallet-address-service/type");
 var providers_1 = require("../../../providers");
-var transferHistory_1 = __importDefault(require("./components/transferHistory"));
-var tutorial_1 = __importDefault(require("./components/tutorial"));
 var selectToken_1 = __importDefault(require("./components/selectToken"));
 var sendForm_1 = __importDefault(require("./components/sendForm"));
 var sort_utils_1 = require("../../../utils/sort.utils");
+var Icon_1 = __importDefault(require("../Icon"));
+var ChildPageLayout_1 = __importDefault(require("../../layouts/ChildPageLayout"));
+var PageHeader_1 = __importDefault(require("../PageHeader"));
+var DefaultPageLayout_1 = __importDefault(require("../../layouts/DefaultPageLayout"));
 var SendMethods;
 (function (SendMethods) {
     SendMethods["SCAN_QR_CODE"] = "scan qr code";
@@ -115,12 +149,12 @@ var WITHDRAW_STEP_NAME = (_a = {},
     _a[WithdrawStep.FORM] = "Form",
     _a[WithdrawStep.CONFIRM] = "Confirm",
     _a);
-var AmountError;
-(function (AmountError) {
-    AmountError["INSUFFICIENT_BALANCE"] = "\u24D8 Insufficient transaction fee!";
-    AmountError["MAX_LIMIT"] = "\u24D8 Enter a maximum amount of";
-    AmountError["MIN_LIMIT"] = "\u24D8 Enter a minimum amount of";
-})(AmountError || (exports.AmountError = AmountError = {}));
+var WAmountError;
+(function (WAmountError) {
+    WAmountError["INSUFFICIENT_BALANCE"] = "\u24D8 Insufficient transaction fee!";
+    WAmountError["MAX_LIMIT"] = "\u24D8 Enter a maximum amount of";
+    WAmountError["MIN_LIMIT"] = "\u24D8 Enter a minimum amount of";
+})(WAmountError || (exports.WAmountError = WAmountError = {}));
 var getEstimateFeeDebounce = (0, createDebounce_1.default)(500);
 // const validateAddressDebounce = createDebounce(500);
 var WithdrawFunction = (0, react_1.forwardRef)(function (props, ref) {
@@ -128,6 +162,7 @@ var WithdrawFunction = (0, react_1.forwardRef)(function (props, ref) {
     var isInitPasscode = (0, useWalletData_1.default)().isInitPasscode;
     var _a = (0, useWithdrawData_1.default)(), withdrawTokens = _a.withdrawTokens, updateWithdrawToken = _a.updateWithdrawToken, updateSendInternalToken = _a.updateSendInternalToken, sendInternalTokens = _a.sendInternalTokens;
     var drawerRef = (0, react_1.useRef)(null);
+    var stepsRef = (0, react_1.useRef)(null);
     var swiperRef = (0, react_1.useRef)(null);
     var scannerAllQrCodeRef = (0, react_1.useRef)(null);
     var scannerAddressQrCodeRef = (0, react_1.useRef)(null);
@@ -187,23 +222,25 @@ var WithdrawFunction = (0, react_1.forwardRef)(function (props, ref) {
         setRecipientAddress("");
         setRecipientAddressError("The recipient address is required");
     };
-    var gotoStep = function (step) {
+    var close = function () {
         var _a;
+        (_a = drawerRef.current) === null || _a === void 0 ? void 0 : _a.close();
+        gotoStep(WithdrawStep.SELECT_METHOD);
+    };
+    var gotoStep = function (step) {
+        var _a, _b;
+        console.warn("🚀 ~ gotoStep ~ step:", step);
         if (step === WithdrawStep.SELECT_METHOD) {
             clearValues();
+            (_a = stepsRef.current) === null || _a === void 0 ? void 0 : _a.close();
         }
         setCurrentStep(step);
-        (_a = swiperRef.current) === null || _a === void 0 ? void 0 : _a.slideTo(step);
+        (_b = swiperRef.current) === null || _b === void 0 ? void 0 : _b.slideTo(step - 1);
     };
     var open = function () {
         var _a;
         (_a = drawerRef.current) === null || _a === void 0 ? void 0 : _a.open();
     };
-    var close = function () {
-        var _a;
-        (_a = drawerRef.current) === null || _a === void 0 ? void 0 : _a.close();
-        gotoStep(WithdrawStep.SELECT_METHOD);
-    };
     (0, react_1.useImperativeHandle)(ref, function () { return ({
         open: open,
         close: close,
@@ -213,17 +250,17 @@ var WithdrawFunction = (0, react_1.forwardRef)(function (props, ref) {
         if (!selectedToken)
             return false;
         if (+amount < +(selectedToken === null || selectedToken === void 0 ? void 0 : selectedToken.min_value)) {
-            setAmountErrorMessage(AmountError.MIN_LIMIT);
+            setAmountErrorMessage(WAmountError.MIN_LIMIT);
             setAmountError(+((_a = selectedToken === null || selectedToken === void 0 ? void 0 : selectedToken.min_value) !== null && _a !== void 0 ? _a : 0));
             return false;
         }
         if (+amount > +(selectedToken === null || selectedToken === void 0 ? void 0 : selectedToken.max_value)) {
-            setAmountErrorMessage(AmountError.MAX_LIMIT);
+            setAmountErrorMessage(WAmountError.MAX_LIMIT);
             setAmountError(+((_b = selectedToken === null || selectedToken === void 0 ? void 0 : selectedToken.max_value) !== null && _b !== void 0 ? _b : 0));
             return false;
         }
         if (+amount > +(selectedToken === null || selectedToken === void 0 ? void 0 : selectedToken.balance)) {
-            setAmountErrorMessage(AmountError.INSUFFICIENT_BALANCE);
+            setAmountErrorMessage(WAmountError.INSUFFICIENT_BALANCE);
             return false;
         }
         setAmountError(undefined);
@@ -309,13 +346,14 @@ var WithdrawFunction = (0, react_1.forwardRef)(function (props, ref) {
         !!(data === null || data === void 0 ? void 0 : data.amount) && setAmount(getAmountAfterDecimal((data === null || data === void 0 ? void 0 : data.amount) || 0, (tokenSet === null || tokenSet === void 0 ? void 0 : tokenSet.decimal) || 0));
         !!(data === null || data === void 0 ? void 0 : data.text) && setMemo(data === null || data === void 0 ? void 0 : data.text);
     };
-    var handleSelectMethod = function (method) {
-        var _a;
+    var handleSelectMethod = function (e, method) {
+        var _a, _b;
         setSelectedMethod(method);
         switch (method) {
             case SendMethods.SCAN_QR_CODE:
                 setHiddenError(false);
                 (_a = scannerAllQrCodeRef.current) === null || _a === void 0 ? void 0 : _a.open();
+                e.stopPropagation();
                 break;
             case SendMethods.TRANSFER_INTERNAL:
                 handleSelectTransferInternal();
@@ -326,6 +364,7 @@ var WithdrawFunction = (0, react_1.forwardRef)(function (props, ref) {
             default:
                 break;
         }
+        (_b = drawerRef.current) === null || _b === void 0 ? void 0 : _b.close();
     };
     var getEstimateFee = (0, react_1.useCallback)(function () { return __awaiter(void 0, void 0, void 0, function () {
         var isValidateAmount;
@@ -496,7 +535,7 @@ var WithdrawFunction = (0, react_1.forwardRef)(function (props, ref) {
     (0, react_1.useEffect)(function () {
         getEstimateFee();
     }, [getEstimateFee]);
-    return ((0, jsx_runtime_1.jsx)(RequireConnect_1.default, { children: (0, jsx_runtime_1.jsx)(DrawerComponent_1.default, { ref: drawerRef, trigger: props.children, onOpen: props.onOpen, onClose: handleOnClose, children: (0, jsx_runtime_1.jsxs)(ModalLayout_1.default, { sx: { height: "100dvh", borderRadius: "0" }, overrideHeader: (0, jsx_runtime_1.jsx)(BackHeader_1.default, { sx: {
+    return ((0, jsx_runtime_1.jsx)(RequireConnect_1.default, { children: (0, jsx_runtime_1.jsx)(DrawerComponent_1.default, { ref: drawerRef, trigger: props.children, onOpen: props.onOpen, onClose: handleOnClose, children: (0, jsx_runtime_1.jsxs)(ModalLayout_1.default, { overrideHeader: (0, jsx_runtime_1.jsx)(BackHeader_1.default, { sx: {
                         width: "100%",
                         display: "flex",
                         alignItems: "center",
@@ -505,14 +544,13 @@ var WithdrawFunction = (0, react_1.forwardRef)(function (props, ref) {
                         mb: theme.mixins.customMargin.m20,
                     }, overrideBack: handleBack, hideBack: currentStep === WithdrawStep.SELECT_METHOD, center: currentStep === WithdrawStep.FORM
                         ? "Send ".concat(selectedToken === null || selectedToken === void 0 ? void 0 : selectedToken.name, " ").concat(selectedMethod === SendMethods.TRANSFER_EXTERNAL ? "externally" : "internally")
-                        : WITHDRAW_STEP_NAME[currentStep], right: (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)(tutorial_1.default, { onClick: close }), (0, jsx_runtime_1.jsx)(transferHistory_1.default, { onClick: close })] }) }), children: [(0, jsx_runtime_1.jsxs)(SwiperControlled_1.default, { ref: swiperRef, swiperProps: {
-                            autoHeight: true,
-                            spaceBetween: 32,
-                        }, disableSwipe: true, children: [(0, jsx_runtime_1.jsx)(react_2.SwiperSlide, { children: (0, jsx_runtime_1.jsx)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.column), { height: "fit-content" }), children: Object.values(SendMethods).map(function (item, index) {
-                                        return ((0, jsx_runtime_1.jsxs)(react_1.Fragment, { children: [index !== 0 && (0, jsx_runtime_1.jsx)(material_1.Divider, {}), (0, jsx_runtime_1.jsx)(ListItemCustom_1.default, { title: item, description: item, icon: (0, getIcon_1.default)(item + "_icon"), onClick: function () { return handleSelectMethod(item); }, sx: {
-                                                        py: theme.mixins.customPadding.p12,
-                                                    } })] }, item));
-                                    }) }) }, WithdrawStep.SELECT_METHOD), (0, jsx_runtime_1.jsx)(react_2.SwiperSlide, { children: (0, jsx_runtime_1.jsx)(selectToken_1.default, { sortToken: sortToken, setSortToken: setSortToken, sortBalance: sortBalance, setSortBalance: setSortBalance, withdrawToken: withdrawToken, selectedToken: selectedToken, handleSelectToken: handleSelectToken }) }, WithdrawStep.SELECT_TOKEN), (0, jsx_runtime_1.jsx)(react_2.SwiperSlide, { children: (0, jsx_runtime_1.jsx)(sendForm_1.default, { recipientAddress: recipientAddress, handleChangeRecipientAddress: handleChangeRecipientAddress, handleClearRecipientAddress: handleClearRecipientAddress, recipientAddressError: recipientAddressError, selectedToken: selectedToken, amount: amount, handleChangeAmount: handleChangeAmount, handleClickMaxAmount: handleClickMaxAmount, amountError: amountError, amountErrorMessage: amountErrorMessage, hiddenError: hiddenError, selectedMethod: selectedMethod, memo: memo, handleChangeMemo: handleChangeMemo, estimateFee: estimateFee, estimateReceive: estimateReceive, isLoadingEstimateFee: isLoadingEstimateFee, openScannerAddressQrCode: openScannerAddressQrCode, setRecipientAddress: setRecipientAddress, comment: comment, handleChangeComment: handleChangeComment, setRecipientAddressError: setRecipientAddressError }) }, WithdrawStep.FORM)] }), (0, jsx_runtime_1.jsx)(QrCodeReader_1.default, { ref: scannerAllQrCodeRef, onResult: handleScanAllQrCode }), (0, jsx_runtime_1.jsx)(QrCodeReader_1.default, { ref: scannerAddressQrCodeRef, onResult: handleScanAddressQrCode }), (0, jsx_runtime_1.jsx)(AppBackDrop_1.default, { ref: loadingDropRef }), (0, jsx_runtime_1.jsx)(AppDialog_1.default, { overrideOpen: !!infoDialogContent, children: (0, jsx_runtime_1.jsx)(DialogContentLayout_1.default, { content: (0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
+                        : WITHDRAW_STEP_NAME[currentStep] }), children: [(0, jsx_runtime_1.jsx)(DrawerComponent_1.default, { ref: stepsRef, direction: DrawerComponent_1.DRAWER_DIRECTION.RIGHT, trigger: (0, jsx_runtime_1.jsx)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.column), { gap: theme.mixins.gaps.g12, height: "fit-content" }), children: Object.values(SendMethods).map(function (item) {
+                                return ((0, jsx_runtime_1.jsx)(ListItemCustom_1.default, { hideTag: true, title: item, description: item, icon: (0, jsx_runtime_1.jsx)(Icon_1.default, { width: 24, height: 24, iconKey: "IC_SCAN_QR_CODE" }), onClick: function (e) {
+                                        return handleSelectMethod(e, item);
+                                    } }, item));
+                            }) }), children: (0, jsx_runtime_1.jsx)(ChildPageLayout_1.default, { header: (0, jsx_runtime_1.jsx)(PageHeader_1.default, { title: WITHDRAW_STEP_NAME[currentStep], overrideBack: handleBack, hideBack: currentStep === WithdrawStep.SELECT_METHOD }), children: (0, jsx_runtime_1.jsxs)(SwiperControlled_1.default, { disableSwipe: true, ref: swiperRef, swiperProps: {
+                                    spaceBetween: 32,
+                                }, children: [(0, jsx_runtime_1.jsx)(react_2.SwiperSlide, { children: (0, jsx_runtime_1.jsx)(DefaultPageLayout_1.default, { children: (0, jsx_runtime_1.jsx)(selectToken_1.default, { sortToken: sortToken, setSortToken: setSortToken, sortBalance: sortBalance, setSortBalance: setSortBalance, withdrawToken: withdrawToken, selectedToken: selectedToken, handleSelectToken: handleSelectToken }) }) }, WithdrawStep.SELECT_TOKEN), (0, jsx_runtime_1.jsx)(react_2.SwiperSlide, { children: (0, jsx_runtime_1.jsx)(DefaultPageLayout_1.default, { children: "Select network" }) }, WithdrawStep.SELECT_NETWORK), (0, jsx_runtime_1.jsx)(react_2.SwiperSlide, { children: (0, jsx_runtime_1.jsx)(DefaultPageLayout_1.default, { children: (0, jsx_runtime_1.jsx)(sendForm_1.default, { recipientAddress: recipientAddress, handleChangeRecipientAddress: handleChangeRecipientAddress, handleClearRecipientAddress: handleClearRecipientAddress, recipientAddressError: recipientAddressError, selectedToken: selectedToken, amount: amount, handleChangeAmount: handleChangeAmount, handleClickMaxAmount: handleClickMaxAmount, amountError: amountError, amountErrorMessage: amountErrorMessage, hiddenError: hiddenError, selectedMethod: selectedMethod, memo: memo, handleChangeMemo: handleChangeMemo, estimateFee: estimateFee, estimateReceive: estimateReceive, isLoadingEstimateFee: isLoadingEstimateFee, openScannerAddressQrCode: openScannerAddressQrCode, setRecipientAddress: setRecipientAddress, comment: comment, handleChangeComment: handleChangeComment, setRecipientAddressError: setRecipientAddressError }) }) }, WithdrawStep.FORM)] }) }) }), (0, jsx_runtime_1.jsx)(QrCodeReader_1.default, { ref: scannerAllQrCodeRef, onResult: handleScanAllQrCode }), (0, jsx_runtime_1.jsx)(QrCodeReader_1.default, { ref: scannerAddressQrCodeRef, onResult: handleScanAddressQrCode }), (0, jsx_runtime_1.jsx)(AppBackDrop_1.default, { ref: loadingDropRef }), (0, jsx_runtime_1.jsx)(AppDialog_1.default, { overrideOpen: !!infoDialogContent, children: (0, jsx_runtime_1.jsx)(DialogContentLayout_1.default, { content: (0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
                                     textAlign: "center",
                                     display: "inline-block",
                                     width: "100%",

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

@@ -0,0 +1,7 @@
+import { BoxProps } from "@mui/material";
+import { ReactNode } from "react";
+export interface MenuItemProps extends BoxProps {
+    items?: ReactNode[];
+}
+declare function Menu(props: MenuItemProps): import("react/jsx-runtime").JSX.Element;
+export default Menu;

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

@@ -0,0 +1,25 @@
+"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);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var material_1 = require("@mui/material");
+var ThemeProvider_1 = require("../../../providers/ThemeProvider");
+var ItemsContainer = function (props) {
+    return ((0, jsx_runtime_1.jsx)(material_1.Box, { sx: __assign({ width: "100%", position: "relative" }, props.sx), children: props.children }));
+};
+function Menu(props) {
+    var theme = (0, ThemeProvider_1.useTheme)();
+    var items = props.items;
+    return ((0, jsx_runtime_1.jsx)(material_1.Box, { sx: __assign({ display: "grid", gridTemplateColumns: "repeat(4, 1fr)", paddingTop: theme.mixins.customPadding.p8, paddingBottom: theme.mixins.customPadding.p8, backgroundColor: theme.palette.background.tertiary, borderRadius: theme.mixins.customRadius.r16 }, props.sx), children: items === null || items === void 0 ? void 0 : items.map(function (item, index) { return ((0, jsx_runtime_1.jsx)(ItemsContainer, { children: item }, index)); }) }));
+}
+exports.default = Menu;

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

@@ -19,51 +19,50 @@ exports.AssetView = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
 var material_1 = require("@mui/material");
 var DefaultPageLayout_1 = __importDefault(require("../../layouts/DefaultPageLayout"));
-var ReceiveFunction_1 = __importDefault(require("../../ui/ReceiveFunction"));
 var FunctionItem_1 = __importDefault(require("../../ui/FunctionItem"));
-var getIcon_1 = __importDefault(require("../../../utils/getIcon"));
-var WithdrawFunction_1 = __importDefault(require("../../ui/WithdrawFunction"));
 var TokensBoard_1 = __importDefault(require("../../ui/TokensBoard"));
 var useWalletData_1 = __importDefault(require("../../../hooks/useWalletData"));
 var Text_1 = __importDefault(require("../../ui/Text"));
 var ThemeProvider_1 = require("../../../providers/ThemeProvider");
 var AmountGroupAndChart_1 = __importDefault(require("../../ui/AmountGroupAndChart"));
-var SwapFunction_1 = __importDefault(require("../../ui/SwapFunction"));
+var link_1 = __importDefault(require("next/link"));
+var react_1 = require("react");
+var TekWalletProvider_1 = require("../../../providers/TekWalletProvider");
+var ReceiveFunction_1 = __importDefault(require("../../ui/ReceiveFunction"));
+var ChildPageLayout_1 = __importDefault(require("../../layouts/ChildPageLayout"));
+var Menu_1 = __importDefault(require("./Menu"));
 var AssetView = function (props) {
     var isInitPasscode = (0, useWalletData_1.default)().isInitPasscode;
     var theme = (0, ThemeProvider_1.useTheme)();
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { 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({}, props, { children: [(0, jsx_runtime_1.jsx)(AmountGroupAndChart_1.default, {}), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: {
-                            display: "grid",
-                            gridTemplateColumns: "repeat(4, 1fr)",
-                            gap: theme.mixins.gaps.g12,
-                            position: "relative",
-                            zIndex: 50,
-                            my: theme.mixins.customMargin.m20,
-                            paddingTop: theme.mixins.customPadding.p16,
-                            paddingBottom: theme.mixins.customPadding.p8,
-                            backgroundColor: theme.palette.background.tertiary,
-                            borderRadius: theme.mixins.customRadius.r16,
-                            "& .MuiListItem-root, & .MuiListItem-root *": {
-                                color: theme.palette.text.primary,
-                                fontWeight: theme.typography.fontWeight600,
-                            },
-                        }, children: [(0, jsx_runtime_1.jsx)(ReceiveFunction_1.default, { children: (0, jsx_runtime_1.jsx)(material_1.ListItem, { sx: {
+    var options = (0, TekWalletProvider_1.useWalletConfig)().options;
+    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({}, props, { children: [(0, jsx_runtime_1.jsx)(AmountGroupAndChart_1.default, {}), (0, jsx_runtime_1.jsx)(Menu_1.default, { sx: {
+                            mb: theme.mixins.customMargin.m20,
+                        }, items: [
+                            (0, jsx_runtime_1.jsx)(ReceiveFunction_1.default, { 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: (0, getIcon_1.default)("receive"), label: "Receive", sx: {
+                                    }, children: (0, jsx_runtime_1.jsx)(FunctionItem_1.default, { icon: "IC_RECEIVE", label: "Receive", sx: {
                                             width: "100%",
-                                        } }) }) }), (0, jsx_runtime_1.jsx)(WithdrawFunction_1.default, { children: (0, jsx_runtime_1.jsx)(material_1.ListItem, { sx: {
+                                        } }) }) }, "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: {
                                         borderRight: "1px solid ".concat(theme.palette.border.accent3),
                                         placeContent: "center",
                                         columnSpan: 1,
-                                    }, children: (0, jsx_runtime_1.jsx)(FunctionItem_1.default, { icon: (0, getIcon_1.default)("withdraw"), label: "Withdraw", sx: { width: "100%" } }) }) }), (0, jsx_runtime_1.jsx)(SwapFunction_1.default, { children: (0, jsx_runtime_1.jsx)(material_1.ListItem, { sx: {
+                                    }, 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: {
                                         borderRight: "1px solid ".concat(theme.palette.border.accent3),
                                         placeContent: "center",
                                         columnSpan: 1,
-                                    }, children: (0, jsx_runtime_1.jsx)(FunctionItem_1.default, { icon: (0, getIcon_1.default)("swap"), label: "Swap", sx: {
-                                            width: "100%",
-                                        } }) }) }), (0, jsx_runtime_1.jsx)(material_1.ListItem, { children: (0, jsx_runtime_1.jsx)(FunctionItem_1.default, { icon: (0, getIcon_1.default)("p2p", "gif"), label: "P2P", sx: { width: "100%" } }) })] }), (0, jsx_runtime_1.jsx)(TokensBoard_1.default, {})] })))] }));
+                                    }, 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: {
+                                        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.jsx)(TokensBoard_1.default, {})] })))] }));
 };
 exports.AssetView = AssetView;
 exports.default = exports.AssetView;

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

@@ -0,0 +1,2 @@
+declare function NotFoundView(): import("react/jsx-runtime").JSX.Element;
+export default NotFoundView;

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

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+function NotFoundView() {
+    return (0, jsx_runtime_1.jsx)("div", { className: "text-red-500", children: "Not Found" });
+}
+exports.default = NotFoundView;

package/dist/components/TekWallet/components/views/SendExternalView/components/Form.d.ts

@@ -0,0 +1,11 @@
+import { SxProps } from "@mui/material";
+import { WithdrawCurrency } from "../../../../services/axios/get-withdraw-tokens-list-service/type";
+import { FeesDataType } from "../../../../services/axios/get-est-fee-service/type";
+import { SendExternalDataType } from "../../../ui/ConfirmSendExternal";
+interface FormProps {
+    onContinue?: (payload?: SendExternalDataType, estimateFee?: FeesDataType) => void;
+    selectedToken?: WithdrawCurrency;
+    sx?: SxProps;
+}
+export default function Form(props: FormProps): import("react/jsx-runtime").JSX.Element;
+export type { FormProps };