tek-wallet 0.0.815 → 0.0.822

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,60 @@
+"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,
+            }, 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/NftDetail/index.d.ts

@@ -0,0 +1,6 @@
+import { BoxProps } from "@mui/material";
+interface NftDetailProps extends BoxProps {
+    id?: string;
+}
+declare function NftDetail(props: NftDetailProps): import("react/jsx-runtime").JSX.Element;
+export default NftDetail;

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

@@ -0,0 +1,47 @@
+"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;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var material_1 = require("@mui/material");
+var Text_1 = __importDefault(require("../Text"));
+var formatDate_1 = __importDefault(require("../../../utils/formatDate"));
+var mui_1 = require("../../../theme/mui");
+var useNft_1 = __importDefault(require("../../../hooks/data/useNfts/useNft"));
+var Button_1 = __importDefault(require("../Button"));
+function NftDetail(props) {
+    var theme = (0, mui_1.useTheme)();
+    var id = props.id, sx = props.sx, rest = __rest(props, ["id", "sx"]);
+    var _a = (0, useNft_1.default)(id), voucher = _a.metadataAttributes, isMinting = _a.isMinting, voucherUnit = _a.voucherUnit, voucherValue = _a.voucherValue, handleClickButton = _a.handleClickButton, buttonLabel = _a.buttonLabel;
+    return ((0, jsx_runtime_1.jsxs)(material_1.Box, __assign({ sx: __assign(__assign(__assign({}, theme.styleMixins.column), { gap: theme.styleMixins.gaps.g16, alignItems: "center" }), sx) }, rest, { children: [(0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.styleMixins.column), { gap: theme.styleMixins.gaps.g8, alignItems: "center" }), children: [(0, jsx_runtime_1.jsxs)(Text_1.default, { sx: __assign(__assign({}, theme.styleMixins.bigValue), { textTransform: "none", fontSize: "2.25rem", color: theme.palette.tertiary.main }), children: [voucherValue, voucherUnit] }), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign(__assign({}, theme.styleMixins.activityTitle), { textTransform: "none", fontSize: theme.typography.fontSize24 }), children: voucher === null || voucher === void 0 ? void 0 : voucher.title }), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign(__assign({}, theme.styleMixins.activityDescription), { textTransform: "none", fontSize: theme.typography.fontSize14 }), children: voucher === null || voucher === void 0 ? void 0 : voucher.description }), (0, jsx_runtime_1.jsx)(material_1.Box, { sx: {
+                            display: "flex",
+                            flexDirection: "row",
+                            alignItems: "center",
+                            mt: "auto",
+                            gap: theme.styleMixins.gaps.g4,
+                        }, children: (voucher === null || voucher === void 0 ? void 0 : voucher.expire) && ((0, jsx_runtime_1.jsxs)(Text_1.default, { sx: __assign(__assign({}, theme.styleMixins.activityDescription), { textTransform: "none", py: 1, px: 2, borderRadius: Infinity, color: theme.palette.tertiary.main, backgroundColor: "color-mix(in srgb, currentcolor 10%, transparent)", fontSize: theme.typography.fontSize13 }), children: ["Exp ", (0, formatDate_1.default)(voucher === null || voucher === void 0 ? void 0 : voucher.expire)] })) })] }), (0, jsx_runtime_1.jsx)(Button_1.default, { sx: { mt: "auto" }, onClick: handleClickButton, loading: isMinting, fullWidth: true, children: buttonLabel })] })));
+}
+exports.default = NftDetail;

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

@@ -0,0 +1,8 @@
+import { BoxProps } from "@mui/material";
+interface NftItemProps extends BoxProps {
+    id?: string;
+    noAction?: boolean;
+    useSnapshot?: boolean;
+}
+declare function NftItem(props: NftItemProps): import("react/jsx-runtime").JSX.Element;
+export default NftItem;

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

@@ -0,0 +1,74 @@
+"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;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var material_1 = require("@mui/material");
+var mui_1 = require("../../../theme/mui");
+var Text_1 = __importDefault(require("../Text"));
+var useNft_1 = __importDefault(require("../../../hooks/data/useNfts/useNft"));
+var Button_1 = __importDefault(require("../Button"));
+var useFormatter_1 = __importDefault(require("../../../hooks/useFormatter"));
+var react_1 = require("react");
+var useCustomRouter_1 = __importDefault(require("../../../hooks/useCustomRouter"));
+function NftItem(props) {
+    var sx = props.sx, id = props.id, _a = props.noAction, noAction = _a === void 0 ? false : _a, _b = props.useSnapshot, useSnapshot = _b === void 0 ? false : _b, rest = __rest(props, ["sx", "id", "noAction", "useSnapshot"]);
+    var theme = (0, mui_1.useTheme)();
+    var formatDate = (0, useFormatter_1.default)().formatDate;
+    var _c = (0, useNft_1.default)(id, useSnapshot), voucher = _c.metadataAttributes, isMinting = _c.isMinting, voucherUnit = _c.voucherUnit, voucherValue = _c.voucherValue, handleClickButton = _c.handleClickButton, buttonLabel = _c.buttonLabel; // in this phase we use nft metadata for voucher data
+    var router = (0, useCustomRouter_1.default)();
+    (0, react_1.useEffect)(function () {
+        if (!id)
+            return;
+        router.prefetch("?detail=".concat(id));
+    }, [id, router]);
+    var handleClick = (0, react_1.useCallback)(function () {
+        router.push("?detail=".concat(id));
+    }, [id, router]);
+    return ((0, jsx_runtime_1.jsxs)(material_1.Box, __assign({ onClick: noAction ? undefined : handleClick, sx: __assign(__assign(__assign({}, theme.styleMixins.row), { backgroundColor: theme.palette.background.tertiary, borderRadius: theme.styleMixins.customRadius.r16, backdropFilter: "blur(12px)", cursor: noAction ? "not-allowed" : "pointer", display: "grid", pointerEvents: noAction ? "none" : "auto", gridTemplateColumns: "0.3346303502fr 1px 1fr" }), sx) }, rest, { children: [(0, jsx_runtime_1.jsx)(material_1.Box, { sx: {
+                    width: "100%",
+                    aspectRatio: "1/1",
+                    display: "flex",
+                    flexDirection: "column",
+                    justifyContent: "center",
+                    alignItems: "center",
+                }, children: (0, jsx_runtime_1.jsxs)(Text_1.default, { sx: __assign(__assign({}, theme.styleMixins.bigValue), { textTransform: "none", color: "text.primary" }), children: [voucherValue, voucherUnit] }) }), (0, jsx_runtime_1.jsx)(material_1.Divider, { orientation: "vertical", flexItem: true, sx: { borderStyle: "dashed" } }), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: {
+                    width: "100%",
+                    display: "flex",
+                    flexDirection: "column",
+                    height: "100%",
+                    pr: 3,
+                    pl: theme.spacing(4),
+                    py: 2,
+                }, children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign(__assign({}, theme.styleMixins.activityTitle), { textTransform: "none" }), children: voucher === null || voucher === void 0 ? void 0 : voucher.title }), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign(__assign({}, theme.styleMixins.activityDescription), { textTransform: "none" }), children: voucher === null || voucher === void 0 ? void 0 : voucher.description }), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: {
+                            display: "flex",
+                            flexDirection: "row",
+                            alignItems: "center",
+                            mt: "auto",
+                            gap: theme.styleMixins.gaps.g4,
+                        }, children: [(voucher === null || voucher === void 0 ? void 0 : voucher.expire) && ((0, jsx_runtime_1.jsxs)(Text_1.default, { sx: __assign(__assign({}, theme.styleMixins.activityDescription), { textTransform: "none" }), children: ["Exp ", formatDate(voucher === null || voucher === void 0 ? void 0 : voucher.expire)] })), !noAction && ((0, jsx_runtime_1.jsx)(Button_1.default, { size: "small", sx: { ml: "auto" }, onClick: handleClickButton, loading: isMinting, children: buttonLabel }))] })] })] })));
+}
+exports.default = NftItem;

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

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