tek-wallet 0.0.813 → 0.0.822

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

@@ -0,0 +1,118 @@
+"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 __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.NftsBoard = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var material_1 = require("@mui/material");
+var mui_1 = require("../../../theme/mui");
+var NftItem_1 = __importDefault(require("../NftItem"));
+var SmartList_1 = __importDefault(require("../SmartList"));
+var WaitingData_1 = __importDefault(require("../WaitingData"));
+var EmptyData_1 = __importDefault(require("../EmptyData"));
+var getIcon_1 = __importDefault(require("../../../utils/getIcon"));
+var useNfts_1 = __importDefault(require("../../../hooks/data/useNfts"));
+var navigation_1 = require("next/navigation");
+var react_1 = require("react");
+var DrawerComponent_1 = __importStar(require("../DrawerComponent"));
+var NftDetailView_1 = __importDefault(require("../../views/NftDetailView"));
+var useCustomRouter_1 = __importDefault(require("../../../hooks/useCustomRouter"));
+var NftsBoard = function () {
+    var searchParams = (0, navigation_1.useSearchParams)();
+    var pathname = (0, navigation_1.usePathname)();
+    var detailNftId = searchParams.get("detail") || undefined;
+    var drawerNftDetailRef = (0, react_1.useRef)(null);
+    var theme = (0, mui_1.useTheme)();
+    var router = (0, useCustomRouter_1.default)();
+    var _a = (0, useNfts_1.default)(), nfts = _a.nfts, isLoadingNfts = _a.isLoading, hasNextPageNfts = _a.hasNextPage, fetchNextPageNfts = _a.fetchNextPage, refetchNfts = _a.refetch;
+    var isEmpty = nfts && nfts.length === 0;
+    var openDetailNft = (0, react_1.useCallback)(function () {
+        var _a;
+        (_a = drawerNftDetailRef.current) === null || _a === void 0 ? void 0 : _a.open();
+    }, []);
+    var closeDetailNft = (0, react_1.useCallback)(function () {
+        var _a;
+        (_a = drawerNftDetailRef.current) === null || _a === void 0 ? void 0 : _a.close();
+    }, []);
+    var onCloseDetailNft = (0, react_1.useCallback)(function () {
+        router.push(pathname);
+    }, [pathname, router]);
+    var detailNft = (0, react_1.useMemo)(function () {
+        if (!detailNftId)
+            return undefined;
+        var nft = nfts === null || nfts === void 0 ? void 0 : nfts.find(function (item) { return (item === null || item === void 0 ? void 0 : item.id) === detailNftId; });
+        return nft;
+    }, [detailNftId, nfts]);
+    (0, react_1.useEffect)(function () {
+        if (!!detailNft) {
+            openDetailNft();
+        }
+        else {
+            closeDetailNft();
+        }
+    }, [detailNft, openDetailNft, closeDetailNft]);
+    return ((0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.styleMixins.column), { gap: theme.styleMixins.gaps.g12, mt: theme.styleMixins.customMargin.m8, pt: theme.styleMixins.customPadding.p8, minHeight: !nfts ? "20rem" : "unset" }), children: [!nfts && isLoadingNfts && (0, jsx_runtime_1.jsx)(WaitingData_1.default, { sx: { margin: "auto" } }), isEmpty && ((0, jsx_runtime_1.jsx)(EmptyData_1.default, { sx: { margin: "auto", mt: 4 }, icon: (0, getIcon_1.default)("activities_empty_all"), description: "You haven't any NFT yet" })), !!nfts && !isEmpty && ((0, jsx_runtime_1.jsx)(SmartList_1.default, { loadMoreData: fetchNextPageNfts, hasMore: !!hasNextPageNfts && !isLoadingNfts, loadingComponent: (0, jsx_runtime_1.jsx)(WaitingData_1.default, { numberOfSkeleton: 2, sx: {
+                        marginTop: theme.styleMixins.customMargin.m12,
+                    } }), pullToRefreshProps: {
+                    isPullable: true,
+                    onRefresh: refetchNfts,
+                }, sx: {
+                    px: 0,
+                }, children: (0, jsx_runtime_1.jsx)(material_1.Box, { sx: {
+                        display: "grid",
+                        gridTemplateColumns: "1fr",
+                        gap: theme.styleMixins.gaps.g12,
+                    }, children: nfts.map(function (item) {
+                        if (!item)
+                            return null;
+                        return (0, jsx_runtime_1.jsx)(NftItem_1.default, { id: item.id }, item.id);
+                    }) }) })), (0, jsx_runtime_1.jsx)(DrawerComponent_1.default, { ref: drawerNftDetailRef, direction: DrawerComponent_1.DRAWER_DIRECTION.RIGHT, onClose: onCloseDetailNft, children: (0, jsx_runtime_1.jsx)(NftDetailView_1.default, { id: detailNftId }) })] }));
+};
+exports.NftsBoard = NftsBoard;
+exports.default = exports.NftsBoard;

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

@@ -161,7 +161,7 @@ var QrCodeReader = (0, react_1.forwardRef)(function (props, ref) {
         }); };
         return ((0, jsx_runtime_1.jsx)(material_1.Box, { sx: sx, className: className, onClick: handleOverrideQRScanMethod, ref: boxRef, children: children }));
     }
-    return ((0, jsx_runtime_1.jsx)(DrawerComponent_1.default, { trigger: children, ref: drawerRef, onDone: onClose, onOpen: onOpen, sx: sx, className: className, children: (0, jsx_runtime_1.jsx)(ChildPageLayout_1.default, { sx: {
+    return ((0, jsx_runtime_1.jsx)(DrawerComponent_1.default, { trigger: children, ref: drawerRef, onClose: onClose, onOpen: onOpen, sx: sx, className: className, children: (0, jsx_runtime_1.jsx)(ChildPageLayout_1.default, { sx: {
                 backgroundColor: "transparent !important",
             }, header: (0, jsx_runtime_1.jsx)(PageHeader_1.default, { hideBack: true, title: "Scan QR code", sx: {
                     position: "absolute",

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

@@ -318,7 +318,7 @@ exports.ReceiveDirectly = (0, react_1.forwardRef)(function (_a, ref) {
                                         mt: theme.styleMixins.customMargin.m12,
                                     } }), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, theme.styleMixins.valueDescription), children: warningMessage })] }))] }) }) }));
     };
-    return ((0, jsx_runtime_1.jsx)(DrawerComponent_1.default, { ref: drawerRef, trigger: props.children, sx: props.sx, onDone: handleClose, children: (0, jsx_runtime_1.jsx)(ModalLayout_1.default, { title: "Receive ".concat((selectedToken === null || selectedToken === void 0 ? void 0 : selectedToken.name) || "Token"), onClose: close, children: (0, jsx_runtime_1.jsx)(ChildPageLayout_1.default, { footer: (0, jsx_runtime_1.jsx)(material_1.Box, { sx: {
+    return ((0, jsx_runtime_1.jsx)(DrawerComponent_1.default, { ref: drawerRef, trigger: props.children, sx: props.sx, onClose: handleClose, children: (0, jsx_runtime_1.jsx)(ModalLayout_1.default, { title: "Receive ".concat((selectedToken === null || selectedToken === void 0 ? void 0 : selectedToken.name) || "Token"), onClose: close, children: (0, jsx_runtime_1.jsx)(ChildPageLayout_1.default, { footer: (0, jsx_runtime_1.jsx)(material_1.Box, { sx: {
                         maxHeight: currentStep === ReceiveDirectlyStep.SHOW_QR_CODE ? "120px" : 0,
                         overflow: "hidden",
                         transition: currentStep === ReceiveDirectlyStep.SHOW_QR_CODE

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

@@ -438,7 +438,7 @@ exports.ReceiveFunction = (0, react_1.forwardRef)(function (_a, ref) {
     var handleClearSearch = function () {
         setSearchValue("");
     };
-    return ((0, jsx_runtime_1.jsx)(DrawerComponent_1.default, { ref: drawerRef, trigger: props.children, onOpen: props.onOpen, onDone: handleOnClose, sx: props.sx, children: (0, jsx_runtime_1.jsx)(ModalLayout_1.default, { title: RECEIVE_STEP_NAME[ReceiveStep.SELECT_METHOD], onClose: close, children: (0, jsx_runtime_1.jsx)(DrawerComponent_1.default, { ref: stepDrawerRef, direction: DrawerComponent_1.DRAWER_DIRECTION.RIGHT, sx: {
+    return ((0, jsx_runtime_1.jsx)(DrawerComponent_1.default, { ref: drawerRef, trigger: props.children, onOpen: props.onOpen, onClose: handleOnClose, sx: props.sx, children: (0, jsx_runtime_1.jsx)(ModalLayout_1.default, { title: RECEIVE_STEP_NAME[ReceiveStep.SELECT_METHOD], onClose: close, children: (0, jsx_runtime_1.jsx)(DrawerComponent_1.default, { ref: stepDrawerRef, direction: DrawerComponent_1.DRAWER_DIRECTION.RIGHT, sx: {
                     width: "100%",
                 }, trigger: (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.styleMixins.column), { gap: theme.styleMixins.gaps.g12, height: "fit-content", width: "100%" }), children: [functionsList.includes(ReceiveMethods.RECEIVE_INTERNAL) && ((0, jsx_runtime_1.jsx)(ListItemCustom_1.default, { title: "Top up via internal transfer", description: "Receive crypto from other Ting users", icon: (0, jsx_runtime_1.jsx)(Icon_1.default, { iconKey: "IC_RECEIVE_INTERNAL", width: 24 }), onClick: function () { return handleSelectMethod(ReceiveMethods.RECEIVE_INTERNAL); }, recommended: true })), functionsList.includes(ReceiveMethods.RECEIVE_EXTERNAL) && ((0, jsx_runtime_1.jsx)(ListItemCustom_1.default, { title: "Top up via blockchain", description: "Deposit using a Web3 or an Exchange wallet", icon: (0, jsx_runtime_1.jsx)(Icon_1.default, { iconKey: "IC_RECEIVE_EXTERNAL", width: 24 }), onClick: function () { return handleSelectMethod(ReceiveMethods.RECEIVE_EXTERNAL); }, recommended: true })), functionsList.includes(ReceiveMethods.RECEIVE_FIAT) && ((0, jsx_runtime_1.jsx)(FiatDeposit_1.default, { children: (0, jsx_runtime_1.jsx)(ListItemCustom_1.default, { title: "Fiat-Gateway", description: "Experimental deposit via bank transfer", icon: (0, jsx_runtime_1.jsx)(Icon_1.default, { iconKey: "IC_RECEIVE_EXTERNAL", width: 24 }), recommended: false, onClick: function () { return handleSelectMethod(ReceiveMethods.RECEIVE_FIAT); } }) }))] }), children: (0, jsx_runtime_1.jsx)(ChildPageLayout_1.default, { sx: {
                         position: "relative",
@@ -530,7 +530,7 @@ exports.ReceiveFunction = (0, react_1.forwardRef)(function (_a, ref) {
                                                         width: "100%",
                                                         display: "flex",
                                                         justifyContent: "center",
-                                                    }, onOpen: handleAmountModalOpen, onDone: onCloseAmountModal, trigger: (0, jsx_runtime_1.jsx)(xhub_keyboard_1.Label, { htmlFor: keyboardId, children: (0, jsx_runtime_1.jsxs)(Button_1.default.Text, { sx: {
+                                                    }, onOpen: handleAmountModalOpen, onClose: onCloseAmountModal, trigger: (0, jsx_runtime_1.jsx)(xhub_keyboard_1.Label, { htmlFor: keyboardId, children: (0, jsx_runtime_1.jsxs)(Button_1.default.Text, { sx: {
                                                                 fontSize: theme.typography.fontSize14,
                                                                 textTransform: "none",
                                                                 fontWeight: theme.typography.fontWeight500,

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

@@ -411,7 +411,7 @@ var ReceiveHistory = function (props) {
                             drawerRefs.current.detail = ref !== null && ref !== void 0 ? ref : undefined;
                         }, sx: {
                             width: "100%",
-                        }, direction: DrawerComponent_1.DRAWER_DIRECTION.RIGHT, onDone: handleOnClose, children: (0, jsx_runtime_1.jsx)(DefaultPageLayout_1.default, { sx: {
+                        }, direction: DrawerComponent_1.DRAWER_DIRECTION.RIGHT, onClose: handleOnClose, children: (0, jsx_runtime_1.jsx)(DefaultPageLayout_1.default, { sx: {
                                 padding: 0,
                                 width: "100dvw",
                             }, children: selectedItem && ((0, jsx_runtime_1.jsx)(ReceiveHistoryDetails_1.default, { onClose: handleCloseDetailDrawer, receiveData: {

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

@@ -18,57 +18,34 @@ exports.TokensBoard = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
 var useWalletData_1 = __importDefault(require("../../../hooks/useWalletData"));
 var Text_1 = __importDefault(require("../Text"));
-var CheckBoxComponent_1 = __importDefault(require("../CheckBoxComponent"));
 var TokenItem_1 = __importDefault(require("../TokenItem"));
 var material_1 = require("@mui/material");
 var mui_1 = require("../../../theme/mui");
 var WaitingData_1 = __importDefault(require("../WaitingData"));
-var react_1 = require("react");
 var TokensBoard = function () {
     var tokens = (0, useWalletData_1.default)().tokens;
     var theme = (0, mui_1.useTheme)();
-    var _a = (0, react_1.useState)(false), showSmallAssets = _a[0], setShowSmallAssets = _a[1];
-    var toggleDisplay = function () {
-        setShowSmallAssets(!showSmallAssets);
-    };
-    return ((0, jsx_runtime_1.jsxs)(material_1.Box, { sx: {
-        // ...theme.styleMixins.paper,
-        // backgroundColor: "background.white",
-        // boxShadow: theme.shadows[1],
-        }, children: [(0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.styleMixins.row), { gap: theme.styleMixins.gaps.g12, my: theme.styleMixins.customMargin.m4 }), children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign(__assign({}, theme.styleMixins.headerTitle), { pb: theme.styleMixins.customPadding.p8 }), children: "Asset management" }), false && ((0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.styleMixins.row), { gap: theme.styleMixins.gaps.g2, ml: "auto" }), children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
-                                    // ...theme.styleMixins.valueDescription
-                                    fontSize: theme.typography.fontSize12,
-                                    fontWeight: theme.typography.fontWeight600,
-                                    color: theme.palette.text.secondary,
-                                }, children: "Hide small assets" }), (0, jsx_runtime_1.jsx)(CheckBoxComponent_1.default, { sx: {
-                                    width: "1.5rem",
-                                    height: "1.5rem",
-                                    "& .MuiSvgIcon-root": {
-                                        color: theme.palette.text.secondary,
-                                    },
-                                }, onClick: toggleDisplay })] }))] }), (0, jsx_runtime_1.jsx)(material_1.Divider, { sx: {
-                    borderColor: theme.palette.divider,
-                } }), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.styleMixins.column), { gap: theme.styleMixins.gaps.g12, mt: theme.styleMixins.customMargin.m8, pt: theme.styleMixins.customPadding.p8, minHeight: !tokens ? "20rem" : "unset" }), children: [!!tokens && ((0, jsx_runtime_1.jsxs)(material_1.Box, { sx: {
-                            display: "grid",
-                            gridTemplateColumns: "1fr auto",
-                            gap: theme.styleMixins.gaps.g12,
-                            fontSize: theme.typography.fontSize11,
-                            color: "text.white",
-                            lineHeight: theme.typography.leading140,
-                        }, children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
-                                    textAlign: "left",
-                                    fontSize: theme.typography.fontSize14,
-                                    fontWeight: theme.typography.fontWeight600,
-                                    color: theme.palette.text.secondary,
-                                }, children: "Token" }), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
-                                    textAlign: "left",
-                                    fontSize: theme.typography.fontSize14,
-                                    fontWeight: theme.typography.fontWeight600,
-                                    color: theme.palette.text.secondary,
-                                }, children: "Balance" })] })), tokens === null || tokens === void 0 ? void 0 : tokens.map(function (item) {
-                        var stringifiedTokenData = JSON.stringify(__assign({}, item));
-                        return ((0, jsx_runtime_1.jsx)(TokenItem_1.default, { showSmallAssets: showSmallAssets, tokenData: stringifiedTokenData }, item.id));
-                    }), !tokens && (0, jsx_runtime_1.jsx)(WaitingData_1.default, { sx: { margin: "auto" } })] })] }));
+    return ((0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.styleMixins.column), { gap: theme.styleMixins.gaps.g12, mt: theme.styleMixins.customMargin.m8, pt: theme.styleMixins.customPadding.p8, minHeight: !tokens ? "20rem" : "unset" }), children: [!!tokens && ((0, jsx_runtime_1.jsxs)(material_1.Box, { sx: {
+                    display: "grid",
+                    gridTemplateColumns: "1fr auto",
+                    gap: theme.styleMixins.gaps.g12,
+                    fontSize: theme.typography.fontSize11,
+                    color: "text.white",
+                    lineHeight: theme.typography.leading140,
+                }, children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
+                            textAlign: "left",
+                            fontSize: theme.typography.fontSize14,
+                            fontWeight: theme.typography.fontWeight600,
+                            color: theme.palette.text.secondary,
+                        }, children: "Name" }), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
+                            textAlign: "left",
+                            fontSize: theme.typography.fontSize14,
+                            fontWeight: theme.typography.fontWeight600,
+                            color: theme.palette.text.secondary,
+                        }, children: "Balance" })] })), tokens === null || tokens === void 0 ? void 0 : tokens.map(function (item) {
+                var stringifiedTokenData = JSON.stringify(__assign({}, item));
+                return (0, jsx_runtime_1.jsx)(TokenItem_1.default, { tokenData: stringifiedTokenData }, item.id);
+            }), !tokens && (0, jsx_runtime_1.jsx)(WaitingData_1.default, { sx: { margin: "auto" } })] }));
 };
 exports.TokensBoard = TokensBoard;
 exports.default = exports.TokensBoard;

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

@@ -533,7 +533,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, onDone: handleOnClose, children: (0, jsx_runtime_1.jsxs)(ModalLayout_1.default, { 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",

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

@@ -67,7 +67,6 @@ var jsx_runtime_1 = require("react/jsx-runtime");
 var material_1 = require("@mui/material");
 var DefaultPageLayout_1 = __importDefault(require("../../layouts/DefaultPageLayout"));
 var FunctionItem_1 = __importDefault(require("../../ui/FunctionItem"));
-var TokensBoard_1 = __importDefault(require("../../ui/TokensBoard"));
 var useWalletData_1 = __importDefault(require("../../../hooks/useWalletData"));
 var Text_1 = __importDefault(require("../../ui/Text"));
 var AmountGroupAndChart_1 = __importDefault(require("../../ui/AmountGroupAndChart"));
@@ -86,6 +85,7 @@ var BasicAmountGroup_1 = __importDefault(require("../../ui/BasicAmountGroup"));
 var AssetViewHeader_1 = __importDefault(require("../../ui/AssetViewHeader"));
 var ClickEffect_1 = __importDefault(require("../../ui/ClickEffect"));
 var mui_1 = require("../../../theme/mui");
+var AssetsBoard_1 = __importDefault(require("../../ui/AssetsBoard"));
 var AssetView = function (props) {
     var sx = props.sx, rest = __rest(props, ["sx"]);
     var _a = (0, useWalletData_1.default)(), isInitPasscode = _a.isInitPasscode, masterWallet = _a.masterWallet, updateWalletDetail = _a.updateWalletDetail;
@@ -169,7 +169,7 @@ var AssetView = function (props) {
                                             pt: 0,
                                             pb: 0,
                                         },
-                                    } }) })] })), (0, jsx_runtime_1.jsx)(TokensBoard_1.default, {})] })))] }));
+                                    } }) })] })), (0, jsx_runtime_1.jsx)(AssetsBoard_1.default, {})] })))] }));
 };
 exports.AssetView = AssetView;
 exports.default = exports.AssetView;

package/dist/components/TekWallet/components/views/NftDetailView/LoadingView.d.ts

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

package/dist/components/TekWallet/components/views/NftDetailView/LoadingView.js

@@ -0,0 +1,29 @@
+"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 mui_1 = require("../../../theme/mui");
+function LoadingView() {
+    var theme = (0, mui_1.useTheme)();
+    return ((0, jsx_runtime_1.jsxs)(material_1.Box, { display: "flex", gap: 2, flexDirection: "column", alignItems: "center", sx: { width: "100%" }, children: [(0, jsx_runtime_1.jsx)(material_1.Skeleton, { variant: "circular", width: 64, height: 64 }), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.styleMixins.column), { gap: theme.styleMixins.gaps.g4, alignItems: "center" }), children: [(0, jsx_runtime_1.jsx)(material_1.Skeleton, { variant: "text", sx: {
+                            transform: "scale(1)",
+                        }, width: "40%", height: 42 }), (0, jsx_runtime_1.jsx)(material_1.Skeleton, { variant: "text", sx: {
+                            transform: "scale(1)",
+                        }, width: "60%", height: 18 })] }), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.styleMixins.column), { gap: theme.styleMixins.gaps.g4 }), children: [(0, jsx_runtime_1.jsx)(material_1.Skeleton, { variant: "text", sx: {
+                            transform: "scale(1)",
+                        }, width: "40%", height: 20 }), (0, jsx_runtime_1.jsx)(material_1.Skeleton, { variant: "text", sx: {
+                            transform: "scale(1)",
+                        }, width: "100%", height: 40 })] })] }));
+}
+exports.default = LoadingView;

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

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

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

@@ -0,0 +1,20 @@
+"use strict";
+"use client";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.NftDetailView = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var ChildPageLayout_1 = __importDefault(require("../../layouts/ChildPageLayout"));
+var PageHeader_1 = __importDefault(require("../../ui/PageHeader"));
+var DefaultPageLayout_1 = __importDefault(require("../../layouts/DefaultPageLayout"));
+var NftDetail_1 = __importDefault(require("../../ui/NftDetail"));
+var NftDetailView = function (props) {
+    var sx = props.sx, id = props.id;
+    return ((0, jsx_runtime_1.jsx)(ChildPageLayout_1.default, { header: (0, jsx_runtime_1.jsx)(PageHeader_1.default, { title: "Voucher" }), sx: sx, children: (0, jsx_runtime_1.jsx)(DefaultPageLayout_1.default, { sx: {
+                height: "100%",
+            }, children: (0, jsx_runtime_1.jsx)(NftDetail_1.default, { id: id, sx: { height: "100%" } }) }) }));
+};
+exports.NftDetailView = NftDetailView;
+exports.default = exports.NftDetailView;

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

@@ -131,7 +131,7 @@ exports.SendExternalView = (0, react_1.forwardRef)(function (props, ref) {
                             height: "100%",
                         }, children: payload && ((0, jsx_runtime_1.jsx)(Summary_1.default, { estimateFee: estimateFee, payload: __assign(__assign({}, payload), { await_completion: true }), selectedToken: selectedToken, confirmProps: {
                                 onSuccess: handleSendSuccess,
-                                onDone: startNewTransaction,
+                                onClose: startNewTransaction,
                             } })) }) }, SendExternalStep.CONFIRM)] }) }));
 });
 exports.SendExternalView.displayName = "SendExternalView";

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

@@ -0,0 +1,12 @@
+import { SxProps } from "@mui/material";
+import { NetworkData } from "../../../../services/axios/expose";
+interface FormProps {
+    onContinue?: (payload?: {
+        to_address: string;
+        network: NetworkData;
+    }) => void;
+    sx?: SxProps;
+    nftId?: string;
+}
+export default function Form(props: FormProps): import("react/jsx-runtime").JSX.Element;
+export type { FormProps };