tek-wallet 0.0.815 → 0.0.823

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

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

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

@@ -0,0 +1,61 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AssetsBoard = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var material_1 = require("@mui/material");
+var mui_1 = require("../../../theme/mui");
+var SwiperControlled_1 = __importDefault(require("../SwiperControlled"));
+var react_1 = require("swiper/react");
+var TokensBoard_1 = __importDefault(require("../TokensBoard"));
+var NftsBoard_1 = __importDefault(require("../NftsBoard"));
+var ASSETS_TABS = [
+    {
+        name: "Tokens",
+        value: "tokens",
+    },
+    {
+        name: "NFTs",
+        value: "nfts",
+    },
+];
+var AssetsBoard = function () {
+    var theme = (0, mui_1.useTheme)();
+    return ((0, jsx_runtime_1.jsx)(material_1.Box, { children: (0, jsx_runtime_1.jsx)(SwiperControlled_1.default, { swiperProps: {
+                slidesPerView: 1,
+                spaceBetween: 40,
+                autoHeight: true,
+            }, tabParamName: "assets-tab", tabs: ASSETS_TABS === null || ASSETS_TABS === void 0 ? void 0 : ASSETS_TABS.map(function (type, index) {
+                return ((0, jsx_runtime_1.jsx)(material_1.Tab, { label: type.name, value: index, "data-index": index, sx: {
+                        padding: "".concat(theme.styleMixins.customPadding.p8, " ").concat(theme.styleMixins.customPadding.p16),
+                        minHeight: "unset",
+                        minWidth: "unset",
+                        textTransform: "capitalize",
+                        color: theme.palette.text.secondary,
+                        transition: "all 0.3s linear",
+                        fontSize: theme.typography.fontSize12,
+                        borderColor: "currentcolor",
+                        "&.Mui-selected": {
+                            color: theme.palette.text.primary,
+                        },
+                        "&.Mui-selected::after": {
+                            content: "''",
+                            position: "absolute",
+                            bottom: 0,
+                            left: 0,
+                        },
+                    } }, index));
+            }), sx: {
+                height: "100%",
+            }, swiperStyle: {
+                flex: 1,
+            }, children: ASSETS_TABS === null || ASSETS_TABS === void 0 ? void 0 : ASSETS_TABS.map(function (type, index) {
+                return ((0, jsx_runtime_1.jsxs)(react_1.SwiperSlide, { style: {
+                        position: "relative",
+                    }, children: [type.value === "tokens" && (0, jsx_runtime_1.jsx)(TokensBoard_1.default, {}), type.value === "nfts" && (0, jsx_runtime_1.jsx)(NftsBoard_1.default, {})] }, index));
+            }) }) }));
+};
+exports.AssetsBoard = AssetsBoard;
+exports.default = exports.AssetsBoard;

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

@@ -82,6 +82,6 @@ function ChangePasscode(_a) {
         }, 400);
     };
     var keyboardPrefix = (0, useUniqueId_1.useUniqueId)();
-    return ((0, jsx_runtime_1.jsx)(RequireConnect_1.default, { children: (0, jsx_runtime_1.jsx)(DrawerComponent_1.default, { onDone: onClose, ref: getSeedPhraseViewRef, direction: DrawerComponent_1.DRAWER_DIRECTION.RIGHT, trigger: (0, jsx_runtime_1.jsx)(xhub_keyboard_1.Label, { autoFocus: true, useBrowserInput: false, htmlFor: "".concat(keyboardPrefix, "-change-passcode-keyboard"), children: (0, jsx_runtime_1.jsxs)(material_1.Box, __assign({}, rest, { sx: { position: "relative" }, children: [children, (0, jsx_runtime_1.jsx)(material_1.Box, { sx: { position: "absolute", inset: 0, zIndex: 10 } })] })) }), children: (0, jsx_runtime_1.jsx)(ChangePasscodeView_1.default, { onBack: backAuthView, idPrefix: keyboardPrefix }, resetTrigger) }) }));
+    return ((0, jsx_runtime_1.jsx)(RequireConnect_1.default, { children: (0, jsx_runtime_1.jsx)(DrawerComponent_1.default, { onClose: onClose, ref: getSeedPhraseViewRef, direction: DrawerComponent_1.DRAWER_DIRECTION.RIGHT, trigger: (0, jsx_runtime_1.jsx)(xhub_keyboard_1.Label, { autoFocus: true, useBrowserInput: false, htmlFor: "".concat(keyboardPrefix, "-change-passcode-keyboard"), children: (0, jsx_runtime_1.jsxs)(material_1.Box, __assign({}, rest, { sx: { position: "relative" }, children: [children, (0, jsx_runtime_1.jsx)(material_1.Box, { sx: { position: "absolute", inset: 0, zIndex: 10 } })] })) }), children: (0, jsx_runtime_1.jsx)(ChangePasscodeView_1.default, { onBack: backAuthView, idPrefix: keyboardPrefix }, resetTrigger) }) }));
 }
 exports.default = ChangePasscode;

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

@@ -116,7 +116,7 @@ var ConfirmByPasscode = (0, react_1.forwardRef)(function (props, ref) {
         var _a, _b;
         handleBlurAll();
         (_a = drawerRef.current) === null || _a === void 0 ? void 0 : _a.close();
-        (_b = props.onDone) === null || _b === void 0 ? void 0 : _b.call(props);
+        (_b = props.onClose) === null || _b === void 0 ? void 0 : _b.call(props);
     }, [handleBlurAll, props]);
     (0, react_1.useImperativeHandle)(ref, function () { return ({
         clearData: handleCleardata,
@@ -139,7 +139,7 @@ var ConfirmByPasscode = (0, react_1.forwardRef)(function (props, ref) {
     var handleOnClose = function () {
         var _a;
         handleCleardata();
-        (_a = props.onDone) === null || _a === void 0 ? void 0 : _a.call(props);
+        (_a = props.onClose) === null || _a === void 0 ? void 0 : _a.call(props);
     };
     var handleOnOpen = function () {
         var _a;
@@ -190,7 +190,7 @@ var ConfirmByPasscode = (0, react_1.forwardRef)(function (props, ref) {
     var keyboardThemeMode = (0, TekWalletProvider_1.useKeyboardThemeMode)();
     return ((0, jsx_runtime_1.jsx)(DrawerComponent_1.default, { ref: drawerRef, trigger: (0, jsx_runtime_1.jsx)(xhub_keyboard_1.Label, { style: {
                 width: "100%",
-            }, useBrowserInput: false, htmlFor: keyboardId, children: props.children }), onOpen: handleOnOpen, onDone: handleOnClose, triggerStatus: props.triggerStatus, sx: __assign({ width: "100%", maxWidth: "calc(100dvw - 2rem)", display: "flex" }, sx), children: (0, jsx_runtime_1.jsx)(xhub_keyboard_1.Keyboard, { theme: keyboardThemeMode, ref: keyboardRef, id: keyboardId, value: passcode, onChange: handlePasscodeChange, keyboardType: xhub_keyboard_1.KeyboardType.Text, layoutType: xhub_keyboard_1.LayoutType.Integer, styles: {
+            }, useBrowserInput: false, htmlFor: keyboardId, children: props.children }), onOpen: handleOnOpen, onClose: handleOnClose, triggerStatus: props.triggerStatus, sx: __assign({ width: "100%", maxWidth: "calc(100dvw - 2rem)", display: "flex" }, sx), children: (0, jsx_runtime_1.jsx)(xhub_keyboard_1.Keyboard, { theme: keyboardThemeMode, ref: keyboardRef, id: keyboardId, value: passcode, onChange: handlePasscodeChange, keyboardType: xhub_keyboard_1.KeyboardType.Text, layoutType: xhub_keyboard_1.LayoutType.Integer, styles: {
                 keyboardContainer: {
                     display: isLocked ? "none" : "block",
                 },

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

@@ -14,7 +14,7 @@ export interface ConfirmSendExternalProps extends Omit<ConfirmLayoutProps, "acti
     onError?: (error: Error | unknown) => void;
     children?: React.ReactNode;
     sx?: SxProps;
-    onDone?: ReactEventHandler;
+    onClose?: ReactEventHandler;
 }
-export declare const ConfirmSendExternal: ({ payload, onSuccess, onStart, onFinally, onError, children, sx, onDone, }: ConfirmSendExternalProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ConfirmSendExternal: ({ payload, onSuccess, onStart, onFinally, onError, children, sx, onClose: onDone, }: ConfirmSendExternalProps) => import("react/jsx-runtime").JSX.Element;
 export default ConfirmSendExternal;

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

@@ -98,7 +98,7 @@ var useWallet_1 = __importDefault(require("../../../hooks/useWallet"));
 var type_1 = require("../../../services/axios/get-activities-service/type");
 var useRealtime_1 = __importDefault(require("../../../hooks/useRealtime"));
 var ConfirmSendExternal = function (_a) {
-    var payload = _a.payload, onSuccess = _a.onSuccess, onStart = _a.onStart, onFinally = _a.onFinally, onError = _a.onError, children = _a.children, sx = _a.sx, onDone = _a.onDone;
+    var payload = _a.payload, onSuccess = _a.onSuccess, onStart = _a.onStart, onFinally = _a.onFinally, onError = _a.onError, children = _a.children, sx = _a.sx, onDone = _a.onClose;
     var network = payload.network;
     var _b = (0, react_1.useState)(), response = _b[0], setResponse = _b[1];
     var thisTransactionId = (0, react_1.useRef)("");

package/dist/components/TekWallet/components/ui/ConfirmSendNft/Result.d.ts

@@ -0,0 +1,10 @@
+import { ReactEventHandler } from "react";
+import { Transaction } from "../../../services/axios/get-activities-service/type";
+import { SendNftPayload } from "../../../hooks/data/useNfts/service.type";
+interface ResultProps {
+    transaction?: Transaction;
+    onDone?: ReactEventHandler;
+    payload?: SendNftPayload;
+}
+export default function Result(props: ResultProps): import("react/jsx-runtime").JSX.Element;
+export type { ResultProps };

package/dist/components/TekWallet/components/ui/ConfirmSendNft/Result.js

@@ -0,0 +1,87 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = Result;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var material_1 = require("@mui/material");
+var Text_1 = __importDefault(require("../Text"));
+var InlineTitleValue_1 = __importDefault(require("../InlineTitleValue"));
+var CopyTextComponent_1 = __importDefault(require("../CopyTextComponent"));
+var SvgPath_1 = require("../SvgPath");
+var safeText_1 = require("../../../utils/safeText");
+var react_1 = require("react");
+var Button_1 = __importDefault(require("../Button"));
+var mui_1 = require("../../../theme/mui");
+var Icon_1 = __importDefault(require("../Icon"));
+var type_1 = require("../../../services/axios/get-activities-service/type");
+var NftItem_1 = __importDefault(require("../NftItem"));
+var getIconKey = function (status) {
+    if (status === type_1.TransactionStatus.Success)
+        return "IC_CHECK_CIRCLE";
+    if (status === type_1.TransactionStatus.Failed)
+        return "IC_ERROR_CIRCLE";
+    return "IC_PROCESSING_CIRCLE";
+};
+function Result(props) {
+    var theme = (0, mui_1.useTheme)();
+    var transaction = props.transaction, onDone = props.onDone, payload = props.payload;
+    var status = (0, react_1.useMemo)(function () { return (transaction === null || transaction === void 0 ? void 0 : transaction.transaction_status) || type_1.TransactionStatus.Failed; }, [transaction === null || transaction === void 0 ? void 0 : transaction.transaction_status]);
+    var recipientAddress = (0, react_1.useMemo)(function () { return (transaction === null || transaction === void 0 ? void 0 : transaction.to_address) || (payload === null || payload === void 0 ? void 0 : payload.to_address); }, [transaction === null || transaction === void 0 ? void 0 : transaction.to_address, payload === null || payload === void 0 ? void 0 : payload.to_address]);
+    return ((0, jsx_runtime_1.jsxs)(material_1.Box, { sx: {
+            display: "flex",
+            flexDirection: "column",
+            gap: 3,
+            height: "100%",
+        }, children: [(0, jsx_runtime_1.jsxs)(material_1.Box, { sx: {
+                    display: "flex",
+                    flexDirection: "column",
+                    alignItems: "center",
+                    gap: theme.styleMixins.gaps.g16,
+                    my: "auto",
+                    backgroundColor: theme.palette.background.tertiary,
+                    borderRadius: theme.styleMixins.customRadius.r16,
+                    padding: theme.styleMixins.customPadding.p16,
+                    paddingTop: "0px",
+                }, children: [(0, jsx_runtime_1.jsx)(Icon_1.default, { iconKey: getIconKey(status), width: 100, sx: {
+                            transform: "translateY(-50%)",
+                        } }), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: {
+                            display: "flex",
+                            flexDirection: "column",
+                            alignItems: "center",
+                        }, children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
+                                    fontSize: theme.typography.fontSize13,
+                                    color: theme.palette.text.secondary,
+                                }, children: "Send NFT" }), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
+                                    color: theme.palette.text.primary,
+                                    textTransform: "capitalize",
+                                    fontWeight: 600,
+                                    fontSize: theme.typography.fontSize24,
+                                }, children: status })] }), (0, jsx_runtime_1.jsx)(material_1.Box, { sx: { width: "100%", borderTop: "1px ".concat(theme.palette.divider, " solid") } }), (0, jsx_runtime_1.jsx)(NftItem_1.default, { id: payload === null || payload === void 0 ? void 0 : payload.id, noAction: true, useSnapshot: true, sx: { width: "100%" } }), (0, jsx_runtime_1.jsx)(material_1.Box, { sx: { width: "100%", borderTop: "1px ".concat(theme.palette.divider, " solid") } }), (0, jsx_runtime_1.jsx)(InlineTitleValue_1.default, { title: "Recipient address", titleStyle: {
+                            fontSize: "0.875rem",
+                            fontWeight: 500,
+                            color: "text.secondary",
+                        }, value: (0, jsx_runtime_1.jsx)(CopyTextComponent_1.default, { value: recipientAddress || "", children: (0, jsx_runtime_1.jsxs)(material_1.Box, { className: "flex flex-row gap-2 items-center", children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, theme.styleMixins.value), children: (0, safeText_1.safeText)(recipientAddress || "", { isShort: true }) }), (0, jsx_runtime_1.jsx)(material_1.SvgIcon, { sx: {
+                                            width: 16,
+                                            height: 16,
+                                            ml: "auto",
+                                        }, children: SvgPath_1.IC_COPY })] }) }), isAligned: true })] }), (0, jsx_runtime_1.jsx)(material_1.Box, { sx: {
+                    marginTop: "auto",
+                    width: "100%",
+                    display: "grid",
+                    gridTemplateColumns: "1fr",
+                    gap: theme.styleMixins.gaps.g8,
+                }, children: (0, jsx_runtime_1.jsx)(Button_1.default.Primary, { sx: { width: "100%" }, onClick: onDone, children: "Done" }) })] }));
+}

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

@@ -0,0 +1,17 @@
+import { ConfirmLayoutProps } from "../ConfirmLayout";
+import { SendExternalBody } from "../../../services/axios/send-external-service/type";
+import { NetworkData } from "../../../services/axios/type";
+import { SxProps } from "@mui/material";
+import { ReactEventHandler } from "react";
+import { SendNftPayload } from "../../../hooks/data/useNfts/service.type";
+export interface SendExternalDataType extends Omit<SendExternalBody, "network" | "passcode"> {
+    network: NetworkData;
+}
+export interface ConfirmSendNftProps extends Omit<ConfirmLayoutProps, "action"> {
+    payload: SendNftPayload;
+    sx?: SxProps;
+    onClose?: ReactEventHandler;
+    childrenRender?: (isSendingNft: boolean) => React.ReactNode;
+}
+export declare const ConfirmSendNft: ({ payload, sx, onClose: onDone, childrenRender, }: ConfirmSendNftProps) => import("react/jsx-runtime").JSX.Element;
+export default ConfirmSendNft;

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

@@ -0,0 +1,133 @@
+"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 __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) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
+    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ConfirmSendNft = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var ConfirmByPasscode_1 = __importDefault(require("../ConfirmByPasscode"));
+var DrawerComponent_1 = __importStar(require("../DrawerComponent"));
+var react_1 = require("react");
+var DefaultPageLayout_1 = __importDefault(require("../../layouts/DefaultPageLayout"));
+var ChildPageLayout_1 = __importDefault(require("../../layouts/ChildPageLayout"));
+var stopPropagation_1 = __importDefault(require("../../../utils/stopPropagation"));
+var useNft_1 = __importDefault(require("../../../hooks/data/useNfts/useNft"));
+var Result_1 = __importDefault(require("./Result"));
+var useCustomRouter_1 = __importDefault(require("../../../hooks/useCustomRouter"));
+var ConfirmSendNft = function (_a) {
+    var payload = _a.payload, sx = _a.sx, onDone = _a.onClose, childrenRender = _a.childrenRender;
+    var id = payload.id;
+    var sendNft = (0, useNft_1.default)(id).sendNft;
+    var router = (0, useCustomRouter_1.default)();
+    var sendNftMutate = sendNft.mutate, isSendingNft = sendNft.isPending;
+    var _b = (0, react_1.useState)(), transaction = _b[0], setTransaction = _b[1];
+    var resultRef = (0, react_1.useRef)(null);
+    var handleCloseResult = function (e) {
+        router.back();
+        onDone === null || onDone === void 0 ? void 0 : onDone(e);
+    };
+    var handleConfirmSendNft = function (passcode) { return __awaiter(void 0, void 0, void 0, function () {
+        return __generator(this, function (_a) {
+            sendNftMutate(__assign(__assign({}, payload), { passcode: passcode }), {
+                onSettled: function (data) {
+                    var _a;
+                    setTransaction(data);
+                    (_a = resultRef.current) === null || _a === void 0 ? void 0 : _a.open();
+                },
+            });
+            return [2 /*return*/];
+        });
+    }); };
+    return ((0, jsx_runtime_1.jsxs)(ConfirmByPasscode_1.default, { sx: sx, onConfirmSuccess: handleConfirmSendNft, children: [childrenRender === null || childrenRender === void 0 ? void 0 : childrenRender(isSendingNft), (0, jsx_runtime_1.jsx)(DrawerComponent_1.default, { ref: resultRef, sx: {
+                    width: 0,
+                    height: 0,
+                    position: "absolute",
+                    top: 0,
+                    left: 0,
+                }, direction: DrawerComponent_1.DRAWER_DIRECTION.RIGHT, onClose: handleCloseResult, children: (0, jsx_runtime_1.jsx)(ChildPageLayout_1.default, { onClick: stopPropagation_1.default, children: (0, jsx_runtime_1.jsx)(DefaultPageLayout_1.default, { sx: {
+                            height: "100%",
+                        }, children: (0, jsx_runtime_1.jsx)(Result_1.default, { transaction: transaction, payload: payload, onDone: handleCloseResult }) }) }) })] }));
+};
+exports.ConfirmSendNft = ConfirmSendNft;
+exports.default = exports.ConfirmSendNft;

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

@@ -10,7 +10,7 @@ export interface ConfirmSwapTokenProps extends Omit<ConfirmLayoutProps, "action"
     onStart?: () => void;
     onFinally?: () => void;
     onError?: (error: Error | unknown) => void;
-    onDone?: ReactEventHandler;
+    onClose?: ReactEventHandler;
     sx?: SxProps;
     children?: React.ReactNode;
 }

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

@@ -97,7 +97,7 @@ var Result_1 = __importDefault(require("./Result"));
 var useRealtime_1 = __importDefault(require("../../../hooks/useRealtime"));
 var ConfirmSwapToken = function (props) {
     var confirmLayoutDrawerRef = (0, react_1.useRef)(null);
-    var sx = props.sx, children = props.children, onSuccess = props.onSuccess, onStart = props.onStart, onFinally = props.onFinally, onError = props.onError, payload = props.payload, onDone = props.onDone;
+    var sx = props.sx, children = props.children, onSuccess = props.onSuccess, onStart = props.onStart, onFinally = props.onFinally, onError = props.onError, payload = props.payload, onDone = props.onClose;
     var _a = (0, react_1.useState)(null), response = _a[0], setResponse = _a[1];
     var pushNotification = (0, useRealtime_1.default)().pushNotification;
     var openResult = function () {

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

@@ -12,7 +12,7 @@ export declare enum DRAWER_TRIGGER_STATUS {
 }
 export interface DrawerComponentProps extends Omit<GeneralProps, "onClick" | "sx">, Omit<SwipeableDrawerProps, "onClose" | "onToggle" | "onOpen"> {
     onOpen?: UnknownFunction;
-    onDone?: UnknownFunction;
+    onClose?: UnknownFunction;
     trigger?: React.ReactNode;
     onToggle?: (status?: boolean) => unknown;
     direction?: DRAWER_DIRECTION;

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

@@ -39,7 +39,7 @@ var DRAWER_TRIGGER_STATUS;
     DRAWER_TRIGGER_STATUS["DISABLED"] = "DISABLED";
 })(DRAWER_TRIGGER_STATUS || (exports.DRAWER_TRIGGER_STATUS = DRAWER_TRIGGER_STATUS = {}));
 var DrawerComponent = (0, react_1.forwardRef)(function (props, ref) {
-    var onOpen = props.onOpen, onClose = props.onDone, onToggle = props.onToggle, sx = props.sx, trigger = props.trigger, direction = props.direction, children = props.children, _a = props.triggerStatus, triggerStatus = _a === void 0 ? DRAWER_TRIGGER_STATUS.ENABLED : _a, onDismiss = props.onDismiss, disableSwipe = props.disableSwipe, className = props.className, rest = __rest(props, ["onOpen", "onDone", "onToggle", "sx", "trigger", "direction", "children", "triggerStatus", "onDismiss", "disableSwipe", "className"]);
+    var onOpen = props.onOpen, onClose = props.onClose, onToggle = props.onToggle, sx = props.sx, trigger = props.trigger, direction = props.direction, children = props.children, _a = props.triggerStatus, triggerStatus = _a === void 0 ? DRAWER_TRIGGER_STATUS.ENABLED : _a, onDismiss = props.onDismiss, disableSwipe = props.disableSwipe, className = props.className, rest = __rest(props, ["onOpen", "onClose", "onToggle", "sx", "trigger", "direction", "children", "triggerStatus", "onDismiss", "disableSwipe", "className"]);
     var _b = (0, react_1.useState)(false), isShowDrawerComponent = _b[0], setIsShowDrawerComponent = _b[1];
     var _c = (0, react_1.useState)(undefined), isOpen = _c[0], setIsOpen = _c[1];
     var lockStatus = function () {
@@ -97,6 +97,7 @@ var DrawerComponent = (0, react_1.forwardRef)(function (props, ref) {
                         backgroundColor: "transparent",
                         overflow: "hidden",
                         boxShadow: "none",
+                        width: "100%",
                     },
                 }, anchor: direction || DRAWER_DIRECTION.BOTTOM, open: isOpen !== null && isOpen !== void 0 ? isOpen : isShowDrawerComponent, onOpen: onDrawerOpen, onClose: onDrawerClose, ModalProps: {
                     onBackdropClick: function () {

package/dist/components/TekWallet/components/ui/Input/ClearInput.d.ts

@@ -0,0 +1,5 @@
+import { SvgIconProps } from "@mui/material";
+export interface ClearInputProps extends SvgIconProps {
+}
+declare function ClearInput(props: ClearInputProps): import("react/jsx-runtime").JSX.Element;
+export default ClearInput;

package/dist/components/TekWallet/components/ui/{WithdrawFunction/components/tutorial.js → Input/ClearInput.js}

@@ -24,12 +24,8 @@ var __rest = (this && this.__rest) || function (s, e) {
 Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
 var material_1 = require("@mui/material");
-var SvgPath_1 = require("../../SvgPath");
-var Tutorial = function (props) {
-    var rest = __rest(props, []);
-    return ((0, jsx_runtime_1.jsx)(material_1.SvgIcon, __assign({ inheritViewBox: true, sx: {
-            width: 20,
-            height: 20,
-        } }, rest, { children: SvgPath_1.IC_TUTORIAL })));
-};
-exports.default = Tutorial;
+function ClearInput(props) {
+    var sx = props.sx, rest = __rest(props, ["sx"]);
+    return ((0, jsx_runtime_1.jsx)(material_1.SvgIcon, __assign({ sx: __assign({ width: 24, height: 24 }, sx) }, rest, { children: (0, jsx_runtime_1.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", height: "48px", viewBox: "0 -960 960 960", width: "48px", fill: "currentColor", children: (0, jsx_runtime_1.jsx)("path", { d: "M333.08-311.08 480-458l146.92 146.92 22-22L502-480l146.92-146.92-22-22L480-502 333.08-648.92l-22 22L458-480 311.08-333.08l22 22ZM480.13-120q-74.44 0-139.79-28.34t-114.48-77.42q-49.13-49.08-77.49-114.37Q120-405.42 120-479.87q0-74.67 28.34-140.41 28.34-65.73 77.42-114.36 49.08-48.63 114.37-76.99Q405.42-840 479.87-840q74.67 0 140.41 28.34 65.73 28.34 114.36 76.92 48.63 48.58 76.99 114.26Q840-554.81 840-480.13q0 74.44-28.34 139.79t-76.92 114.48q-48.58 49.13-114.26 77.49Q554.81-120 480.13-120Z" }) }) })));
+}
+exports.default = ClearInput;

package/dist/components/TekWallet/components/ui/Input/PasteInput.d.ts

@@ -0,0 +1,5 @@
+import { SvgIconProps } from "@mui/material";
+export interface PasteInputProps extends SvgIconProps {
+}
+declare function PasteInput(props: PasteInputProps): import("react/jsx-runtime").JSX.Element;
+export default PasteInput;

package/dist/components/TekWallet/components/ui/{WithdrawFunction/components/transferHistory.js → Input/PasteInput.js}

@@ -24,12 +24,8 @@ var __rest = (this && this.__rest) || function (s, e) {
 Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
 var material_1 = require("@mui/material");
-var SvgPath_1 = require("../../SvgPath");
-var TransferHistory = function (props) {
-    var rest = __rest(props, []);
-    return ((0, jsx_runtime_1.jsx)(material_1.SvgIcon, __assign({ inheritViewBox: true, sx: {
-            width: 20,
-            height: 20,
-        } }, rest, { children: SvgPath_1.IC_HISTORY })));
-};
-exports.default = TransferHistory;
+function PasteInput(props) {
+    var sx = props.sx, rest = __rest(props, ["sx"]);
+    return ((0, jsx_runtime_1.jsx)(material_1.SvgIcon, __assign({ sx: __assign({ width: 24, height: 24 }, sx) }, rest, { children: (0, jsx_runtime_1.jsx)("svg", { width: "18", height: "18", viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: (0, jsx_runtime_1.jsx)("path", { d: "M14.625 10.6875V8.71875C14.625 8.04742 14.3583 7.40359 13.8836 6.92889C13.4089 6.45418 12.7651 6.1875 12.0938 6.1875H10.9688C10.745 6.1875 10.5304 6.09861 10.3721 5.94037C10.2139 5.78214 10.125 5.56753 10.125 5.34375V4.21875C10.125 3.54742 9.85832 2.90359 9.38361 2.42889C8.90891 1.95418 8.26508 1.6875 7.59375 1.6875H6.1875M6.1875 11.25H11.8125M6.1875 13.5H9M7.875 1.6875H4.21875C3.753 1.6875 3.375 2.0655 3.375 2.53125V15.4688C3.375 15.9345 3.753 16.3125 4.21875 16.3125H13.7812C14.247 16.3125 14.625 15.9345 14.625 15.4688V8.4375C14.625 6.64729 13.9138 4.9304 12.648 3.66453C11.3821 2.39866 9.66521 1.6875 7.875 1.6875Z", stroke: "currentColor", strokeWidth: "1.25", strokeLinecap: "round", strokeLinejoin: "round" }) }) })));
+}
+exports.default = PasteInput;

package/dist/components/TekWallet/components/ui/Input/QrScan.d.ts

@@ -0,0 +1,5 @@
+import { SvgIconProps } from "@mui/material";
+export interface QrScanProps extends SvgIconProps {
+}
+declare function QrScan(props: QrScanProps): import("react/jsx-runtime").JSX.Element;
+export default QrScan;

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

@@ -0,0 +1,31 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var material_1 = require("@mui/material");
+function QrScan(props) {
+    var sx = props.sx, rest = __rest(props, ["sx"]);
+    return ((0, jsx_runtime_1.jsx)(material_1.SvgIcon, __assign({ sx: __assign({ width: 24, height: 24 }, sx) }, rest, { children: (0, jsx_runtime_1.jsx)("svg", { width: "18", height: "18", viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: (0, jsx_runtime_1.jsx)("path", { d: "M5.625 2.8125H4.5C4.05245 2.8125 3.62323 2.99029 3.30676 3.30676C2.99029 3.62323 2.8125 4.05245 2.8125 4.5V5.625M12.375 2.8125H13.5C13.9476 2.8125 14.3768 2.99029 14.6932 3.30676C15.0097 3.62323 15.1875 4.05245 15.1875 4.5V5.625M15.1875 12.375V13.5C15.1875 13.9476 15.0097 14.3768 14.6932 14.6932C14.3768 15.0097 13.9476 15.1875 13.5 15.1875H12.375M5.625 15.1875H4.5C4.05245 15.1875 3.62323 15.0097 3.30676 14.6932C2.99029 14.3768 2.8125 13.9476 2.8125 13.5V12.375M11.25 9C11.25 9.59674 11.0129 10.169 10.591 10.591C10.169 11.0129 9.59674 11.25 9 11.25C8.40326 11.25 7.83097 11.0129 7.40901 10.591C6.98705 10.169 6.75 9.59674 6.75 9C6.75 8.40326 6.98705 7.83097 7.40901 7.40901C7.83097 6.98705 8.40326 6.75 9 6.75C9.59674 6.75 10.169 6.98705 10.591 7.40901C11.0129 7.83097 11.25 8.40326 11.25 9Z", stroke: "currentColor", strokeWidth: "1.25", strokeLinecap: "round", strokeLinejoin: "round" }) }) })));
+}
+exports.default = QrScan;

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

@@ -1,10 +1,12 @@
-import { TextFieldProps, BoxProps, SxProps } from "@mui/material";
-interface InputProps extends BoxProps {
-    inputRest?: TextFieldProps;
-    leftPart?: React.ReactNode;
-    rightPart?: React.ReactNode;
-    inputSx?: SxProps;
-}
-export type InputRef = HTMLInputElement;
-declare const Input: import("react").ForwardRefExoticComponent<Omit<InputProps, "ref"> & import("react").RefAttributes<HTMLInputElement>>;
-export default Input;
+import { TextFieldProps as MuiTextFieldProps } from "@mui/material";
+export type TextFieldProps = MuiTextFieldProps & {
+    className?: string;
+    canClear?: boolean;
+    canPaste?: boolean;
+    canCopy?: boolean;
+    canScan?: boolean;
+    onPaste?: () => void;
+    sanitizeScanText?: (text: string) => string;
+};
+declare function TextField(props: TextFieldProps): import("react/jsx-runtime").JSX.Element;
+export default TextField;