tek-wallet 0.0.815 → 0.0.823

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/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/components/Form.js

@@ -98,7 +98,6 @@ var lodash_1 = require("lodash");
 var Button_1 = __importStar(require("../../../ui/Button"));
 var expose_1 = require("../../../../services/axios/expose");
 var __1 = require("..");
-var QrCodeReader_1 = __importDefault(require("../../../ui/QrCodeReader"));
 var Icon_1 = __importDefault(require("../../../ui/Icon"));
 var get_est_fee_service_1 = __importDefault(require("../../../../services/axios/get-est-fee-service"));
 var type_1 = require("../../../../services/axios/get-activities-service/type");
@@ -131,7 +130,6 @@ function Form(props) {
     var _f = (0, react_1.useState)(undefined), comment = _f[0], setComment = _f[1];
     var _g = (0, react_1.useState)(), memoError = _g[0], setMemoError = _g[1];
     var _h = (0, react_1.useState)(false), isValidatingAddress = _h[0], setIsValidatingAddress = _h[1];
-    var scannerAddressQrCodeRef = (0, react_1.useRef)(null);
     var _j = (0, react_1.useState)(false), isEstimatingFee = _j[0], setIsLoadingEstimateFee = _j[1];
     var _k = (0, react_1.useState)(), estimateFee = _k[0], setEstimateFee = _k[1];
     var _l = (0, react_1.useState)(false), isEnoughBalanceToPayFee = _l[0], setIsEnoughBalanceToPayFee = _l[1];
@@ -273,52 +271,33 @@ function Form(props) {
         setSelectedNetwork(undefined);
         setNetworks([]);
     };
-    var handlePaste = function () { return __awaiter(_this, void 0, void 0, function () {
-        var text, address;
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0: return [4 /*yield*/, navigator.clipboard.readText()];
-                case 1:
-                    text = _a.sent();
-                    address = text.trim();
-                    if (!address) {
-                        return [2 /*return*/];
-                    }
-                    handleChangeRecipientAddress({
-                        target: { value: address },
-                    });
-                    return [2 /*return*/];
-            }
-        });
-    }); };
-    var handleClearRecipientAddress = function () {
-        handleChangeRecipientAddress({
-            target: { value: "" },
-        });
+    // const handlePaste = async () => {
+    //   const text = await navigator.clipboard.readText();
+    //   const address = text.trim();
+    //   if (!address) {
+    //     return;
+    //   }
+    //   handleChangeRecipientAddress({
+    //     target: { value: address },
+    //   } as React.ChangeEvent<HTMLInputElement>);
+    // };
+    // const handleClearRecipientAddress = () => {
+    //   handleChangeRecipientAddress({
+    //     target: { value: "" },
+    //   } as React.ChangeEvent<HTMLInputElement>);
+    // };
+    var sanitizeScanText = function (text) {
+        var address = "";
+        var isReceiveInternal = text === null || text === void 0 ? void 0 : text.includes("isTekWalletReceiveInternal");
+        if (isReceiveInternal) {
+            var data = JSON.parse(text);
+            address = data === null || data === void 0 ? void 0 : data.address;
+        }
+        else {
+            address = text;
+        }
+        return address;
     };
-    var handleScanAddressQrCode = function (result) { return __awaiter(_this, void 0, void 0, function () {
-        var text, address, isReceiveInternal, data;
-        var _a;
-        return __generator(this, function (_b) {
-            closeScannerAddressQrCode();
-            text = (_a = result === null || result === void 0 ? void 0 : result[0]) === null || _a === void 0 ? void 0 : _a.rawValue;
-            address = "";
-            isReceiveInternal = text === null || text === void 0 ? void 0 : text.includes("isTekWalletReceiveInternal");
-            if (isReceiveInternal) {
-                data = JSON.parse(text);
-                address = data === null || data === void 0 ? void 0 : data.address;
-            }
-            else {
-                address = text;
-            }
-            if (!address)
-                return [2 /*return*/];
-            handleChangeRecipientAddress({
-                target: { value: address },
-            });
-            return [2 /*return*/];
-        });
-    }); };
     var handleChangeAmount = function (e) {
         var amount = e.target.value;
         setAmount(amount);
@@ -363,14 +342,9 @@ function Form(props) {
             extraTransactions: null,
         }, estimateFee);
     };
-    var openScannerAddressQrCode = function () {
-        var _a;
-        (_a = scannerAddressQrCodeRef.current) === null || _a === void 0 ? void 0 : _a.open();
-    };
-    var closeScannerAddressQrCode = function () {
-        var _a;
-        (_a = scannerAddressQrCodeRef.current) === null || _a === void 0 ? void 0 : _a.close();
-    };
+    // const openScannerAddressQrCode = () => {
+    //   scannerAddressQrCodeRef.current?.open();
+    // };
     var handleKeyboardOpen = function () {
         setIsKeyboardOpen(true);
     };
@@ -417,28 +391,29 @@ function Form(props) {
                                         fontSize: theme.typography.fontSize14,
                                         color: theme.palette.text.primary,
                                         fontWeight: theme.typography.fontWeight700,
-                                    }, children: "Wallet address" }), (0, jsx_runtime_1.jsx)(Input_1.default, { sx: {
-                                        paddingX: theme.styleMixins.customPadding.p16,
-                                    }, inputRest: {
-                                        placeholder: "Enter recipient address",
-                                        value: recipientAddress,
-                                        onChange: handleChangeRecipientAddress,
-                                        id: "recipient-address-input-id",
-                                    }, rightPart: (0, jsx_runtime_1.jsx)(material_1.Box, { sx: __assign(__assign({}, theme.styleMixins.row), { gap: theme.styleMixins.gaps.g8 }), children: !!recipientAddress ? ((0, jsx_runtime_1.jsx)("label", { htmlFor: "recipient-address-input-id", children: (0, jsx_runtime_1.jsx)(material_1.Box, { onClick: handleClearRecipientAddress, sx: __assign(__assign({}, theme.styleMixins.row), { gap: theme.styleMixins.gaps.g8, cursor: "pointer" }), children: (0, jsx_runtime_1.jsx)(material_1.SvgIcon, { sx: { width: 12, height: 12 }, children: SvgPath_1.IC_CLOSE }) }) })) : ((0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.styleMixins.row), { gap: theme.styleMixins.gaps.g8, color: "primary.main" }), children: [(0, jsx_runtime_1.jsx)(material_1.Box, { onClick: openScannerAddressQrCode, children: (0, jsx_runtime_1.jsx)(Icon_1.default, { iconKey: "IC_SCAN", sx: { width: 20, height: 20 } }) }), (0, jsx_runtime_1.jsx)(material_1.Divider, { orientation: "vertical", variant: "fullWidth", flexItem: true }), (0, jsx_runtime_1.jsx)(material_1.Box, { onClick: handlePaste, children: (0, jsx_runtime_1.jsx)(Icon_1.default, { iconKey: "IC_DOCUMENTS", sx: { width: 20, height: 20 } }) })] })) }) }), !!recipientAddressError && ((0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, theme.styleMixins.validationError), children: recipientAddressError }))] }), allowSelectNetwork && ((0, jsx_runtime_1.jsxs)(react_2.motion.div, { initial: { opacity: 0, height: 0 }, animate: { opacity: 1, height: "auto" }, transition: { duration: 0.3 }, style: __assign(__assign({}, theme.styleMixins.column), { gap: theme.styleMixins.gaps.g8, willChange: "height, opacity" }), children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
+                                    }, children: "Wallet address" }), (0, jsx_runtime_1.jsx)(Input_1.default, { canClear: true, canPaste: true, canScan: true, value: recipientAddress, sanitizeScanText: sanitizeScanText, slotProps: {
+                                        input: {
+                                            placeholder: "Enter recipient address",
+                                            onChange: handleChangeRecipientAddress,
+                                            id: "recipient-address-input-id",
+                                        },
+                                    } }), !!recipientAddressError && ((0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, theme.styleMixins.validationError), children: recipientAddressError }))] }), allowSelectNetwork && ((0, jsx_runtime_1.jsxs)(react_2.motion.div, { initial: { opacity: 0, height: 0 }, animate: { opacity: 1, height: "auto" }, transition: { duration: 0.3 }, style: __assign(__assign({}, theme.styleMixins.column), { gap: theme.styleMixins.gaps.g8, willChange: "height, opacity" }), children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
                                         fontSize: theme.typography.fontSize14,
                                         color: theme.palette.text.primary,
                                         fontWeight: theme.typography.fontWeight700,
                                     }, children: "Network" }), (0, jsx_runtime_1.jsx)(DrawerComponent_1.default, { ref: selectNetworkDrawerRef, trigger: (0, jsx_runtime_1.jsx)(Input_1.default, { sx: {
-                                            paddingLeft: theme.styleMixins.customPadding.p12,
-                                            paddingRight: theme.styleMixins.customPadding.p16,
-                                        }, inputRest: {
-                                            placeholder: "Select a network",
-                                            value: (selectedNetwork === null || selectedNetwork === void 0 ? void 0 : selectedNetwork.name) || "",
-                                            onChange: handleChangeRecipientAddress,
-                                            inputProps: {
-                                                readOnly: true,
+                                            width: "100%",
+                                        }, value: (selectedNetwork === null || selectedNetwork === void 0 ? void 0 : selectedNetwork.name) || "", slotProps: {
+                                            input: {
+                                                placeholder: "Select a network",
+                                                onChange: handleChangeRecipientAddress,
+                                                inputProps: {
+                                                    readOnly: true,
+                                                },
+                                                startAdornment: ((0, jsx_runtime_1.jsx)(material_1.Box, { sx: __assign(__assign({}, theme.styleMixins.row), { gap: theme.styleMixins.gaps.g8 }), children: (0, jsx_runtime_1.jsx)(Icon_1.default, { iconKey: "IC_NETWORK", src: (selectedNetwork === null || selectedNetwork === void 0 ? void 0 : selectedNetwork.link) || undefined, sx: { width: 24, height: 24, mr: 2 } }) })),
+                                                endAdornment: ((0, jsx_runtime_1.jsx)(material_1.Box, { sx: { display: "block" }, children: (0, jsx_runtime_1.jsx)(material_1.SvgIcon, { sx: { width: 10, height: 18, display: "block" }, children: SvgPath_1.ARROW_DOWN }) })),
                                             },
-                                        }, leftPart: (0, jsx_runtime_1.jsx)(material_1.Box, { sx: __assign(__assign({}, theme.styleMixins.row), { gap: theme.styleMixins.gaps.g8 }), children: (0, jsx_runtime_1.jsx)(Icon_1.default, { iconKey: "IC_NETWORK", src: (selectedNetwork === null || selectedNetwork === void 0 ? void 0 : selectedNetwork.link) || undefined, sx: { width: 24, height: 24 } }) }), rightPart: (0, jsx_runtime_1.jsx)(material_1.Box, { sx: { display: "block" }, children: (0, jsx_runtime_1.jsx)(material_1.SvgIcon, { sx: { width: 10, height: 18, display: "block" }, children: SvgPath_1.ARROW_DOWN }) }) }), children: (0, jsx_runtime_1.jsx)(ModalLayout_1.default, { title: "Select network", onClose: closeSelectNetwork, children: (0, jsx_runtime_1.jsx)(SelectNetwork_1.default, { networks: networks, selectedNetwork: selectedNetwork, selectedToken: selectedToken, onChangeNetwork: handleChangeNetwork }) }) })] })), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.styleMixins.column), { gap: theme.styleMixins.gaps.g8 }), children: [(0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.styleMixins.row), { gap: theme.styleMixins.gaps.g8, alignItems: "center", justifyContent: "space-between" }), children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
+                                        } }), children: (0, jsx_runtime_1.jsx)(ModalLayout_1.default, { title: "Select network", onClose: closeSelectNetwork, children: (0, jsx_runtime_1.jsx)(SelectNetwork_1.default, { networks: networks, selectedNetwork: selectedNetwork, selectedToken: selectedToken, onChangeNetwork: handleChangeNetwork }) }) })] })), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.styleMixins.column), { gap: theme.styleMixins.gaps.g8 }), children: [(0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.styleMixins.row), { gap: theme.styleMixins.gaps.g8, alignItems: "center", justifyContent: "space-between" }), children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
                                                 fontSize: theme.typography.fontSize14,
                                                 color: theme.palette.text.primary,
                                                 fontWeight: theme.typography.fontWeight700,
@@ -462,11 +437,13 @@ function Form(props) {
                                         fontSize: theme.typography.fontSize14,
                                         color: theme.palette.text.primary,
                                         fontWeight: theme.typography.fontWeight700,
-                                    }, children: "Memo" }), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.styleMixins.column), { gap: theme.styleMixins.gaps.g8 }), children: [(0, jsx_runtime_1.jsx)(Input_1.default, { inputRest: {
-                                                placeholder: "Enter memo if needed",
-                                                value: comment,
-                                                onChange: handleChangeComment,
-                                            } }), !!memoError && ((0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, theme.styleMixins.validationError), children: memoError }))] }), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, theme.styleMixins.validationDescription), children: "Enter memo if your receiving platform requires one to avoid losing your funds." })] }), (0, jsx_runtime_1.jsx)(Fees_1.default, { isFeePaidByAmount: true, feesData: estimateFee, amount: +amount, tokenSlug: (selectedToken === null || selectedToken === void 0 ? void 0 : selectedToken.slug) || "", feesStyle: Fees_1.FeesStyle.WITH_BACKGROUND, setIsEnoughBalanceToPayFee: setIsEnoughBalanceToPayFee }), (0, jsx_runtime_1.jsx)(QrCodeReader_1.default, { ref: scannerAddressQrCodeRef, onResult: handleScanAddressQrCode }), (0, jsx_runtime_1.jsx)(Button_1.default.Primary, { loading: isValidatingAddress || isEstimatingFee, onClick: handleContinue, status: !recipientAddress ||
+                                    }, children: "Memo" }), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.styleMixins.column), { gap: theme.styleMixins.gaps.g8 }), children: [(0, jsx_runtime_1.jsx)(Input_1.default, { slotProps: {
+                                                input: {
+                                                    placeholder: "Enter memo if needed",
+                                                    value: comment,
+                                                    onChange: handleChangeComment,
+                                                },
+                                            }, canClear: true, canPaste: true }), !!memoError && ((0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, theme.styleMixins.validationError), children: memoError }))] }), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, theme.styleMixins.validationDescription), children: "Enter memo if your receiving platform requires one to avoid losing your funds." })] }), (0, jsx_runtime_1.jsx)(Fees_1.default, { isFeePaidByAmount: true, feesData: estimateFee, amount: +amount, tokenSlug: (selectedToken === null || selectedToken === void 0 ? void 0 : selectedToken.slug) || "", feesStyle: Fees_1.FeesStyle.WITH_BACKGROUND, setIsEnoughBalanceToPayFee: setIsEnoughBalanceToPayFee }), (0, jsx_runtime_1.jsx)(Button_1.default.Primary, { loading: isValidatingAddress || isEstimatingFee, onClick: handleContinue, status: !recipientAddress ||
                                 !selectedNetwork ||
                                 !amount ||
                                 !!recipientAddressError ||

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/SendInternalView/components/Form.js

@@ -96,8 +96,6 @@ var lodash_1 = require("lodash");
 var Button_1 = __importStar(require("../../../ui/Button"));
 var expose_1 = require("../../../../services/axios/expose");
 var __1 = require("..");
-var QrCodeReader_1 = __importDefault(require("../../../ui/QrCodeReader"));
-var Icon_1 = __importDefault(require("../../../ui/Icon"));
 var get_est_fee_service_1 = __importDefault(require("../../../../services/axios/get-est-fee-service"));
 var type_1 = require("../../../../services/axios/get-activities-service/type");
 var Fees_1 = __importStar(require("../../../ui/Fees"));
@@ -125,7 +123,6 @@ function Form(props) {
     var _e = (0, react_1.useState)(), amountError = _e[0], setAmountError = _e[1];
     var _f = (0, react_1.useState)(undefined), comment = _f[0], setComment = _f[1];
     var _g = (0, react_1.useState)(false), isValidatingAddress = _g[0], setIsValidatingAddress = _g[1];
-    var scannerAddressQrCodeRef = (0, react_1.useRef)(null);
     var _h = (0, react_1.useState)(false), isEstimatingFee = _h[0], setIsLoadingEstimateFee = _h[1];
     var _j = (0, react_1.useState)(), estimateFee = _j[0], setEstimateFee = _j[1];
     var _k = (0, react_1.useState)(false), isEnoughBalanceToPayFee = _k[0], setIsEnoughBalanceToPayFee = _k[1];
@@ -226,29 +223,6 @@ function Form(props) {
         setRecipientAddress(address);
         validateAddress(address);
     };
-    var handlePaste = function () { return __awaiter(_this, void 0, void 0, function () {
-        var text, address;
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0: return [4 /*yield*/, navigator.clipboard.readText()];
-                case 1:
-                    text = _a.sent();
-                    address = text.trim();
-                    if (!address) {
-                        return [2 /*return*/];
-                    }
-                    handleChangeRecipientAddress({
-                        target: { value: address },
-                    });
-                    return [2 /*return*/];
-            }
-        });
-    }); };
-    var handleClearRecipientAddress = function () {
-        handleChangeRecipientAddress({
-            target: { value: "" },
-        });
-    };
     var handleChangeAmount = function (e) {
         var amount = e.target.value;
         setAmount(amount);
@@ -279,37 +253,18 @@ function Form(props) {
             message: comment,
         }, estimateFee);
     };
-    var openScannerAddressQrCode = function () {
-        var _a;
-        (_a = scannerAddressQrCodeRef.current) === null || _a === void 0 ? void 0 : _a.open();
-    };
-    var closeScannerAddressQrCode = function () {
-        var _a;
-        (_a = scannerAddressQrCodeRef.current) === null || _a === void 0 ? void 0 : _a.close();
+    var sanitizeScanText = function (text) {
+        var address = "";
+        var isReceiveInternal = text === null || text === void 0 ? void 0 : text.includes("isTekWalletReceiveInternal");
+        if (isReceiveInternal) {
+            var data = JSON.parse(text);
+            address = data === null || data === void 0 ? void 0 : data.address;
+        }
+        else {
+            address = text;
+        }
+        return address;
     };
-    var handleScanAddressQrCode = function (result) { return __awaiter(_this, void 0, void 0, function () {
-        var text, address, isReceiveInternal, data;
-        var _a;
-        return __generator(this, function (_b) {
-            closeScannerAddressQrCode();
-            text = (_a = result === null || result === void 0 ? void 0 : result[0]) === null || _a === void 0 ? void 0 : _a.rawValue;
-            address = "";
-            isReceiveInternal = text === null || text === void 0 ? void 0 : text.includes("isTekWalletReceiveInternal");
-            if (isReceiveInternal) {
-                data = JSON.parse(text);
-                address = data === null || data === void 0 ? void 0 : data.address;
-            }
-            else {
-                address = text;
-            }
-            if (!address)
-                return [2 /*return*/];
-            handleChangeRecipientAddress({
-                target: { value: address },
-            });
-            return [2 /*return*/];
-        });
-    }); };
     var keyboardId = (0, useUniqueId_1.useUniqueId)("form-keyboard");
     var handleKeyboardOpen = function () {
         setIsKeyboardOpen(true);
@@ -337,13 +292,13 @@ function Form(props) {
                                     fontSize: theme.typography.fontSize14,
                                     color: theme.palette.text.primary,
                                     fontWeight: theme.typography.fontWeight700,
-                                }, children: "Wallet address" }), (0, jsx_runtime_1.jsx)(Input_1.default, { sx: {
-                                    paddingX: theme.styleMixins.customPadding.p16,
-                                }, inputRest: {
-                                    placeholder: "Enter recipient address",
-                                    value: recipientAddress,
-                                    onChange: handleChangeRecipientAddress,
-                                }, rightPart: (0, jsx_runtime_1.jsx)(material_1.Box, { sx: __assign(__assign({}, theme.styleMixins.row), { gap: theme.styleMixins.gaps.g8 }), children: !!recipientAddress ? ((0, jsx_runtime_1.jsx)(material_1.Box, { onClick: handleClearRecipientAddress, sx: __assign(__assign({}, theme.styleMixins.row), { gap: theme.styleMixins.gaps.g8, cursor: "pointer" }), children: (0, jsx_runtime_1.jsx)(Icon_1.default, { iconKey: "IC_CLOSE", sx: { width: 12, height: 12 } }) })) : ((0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.styleMixins.row), { gap: theme.styleMixins.gaps.g8, color: "primary.main" }), children: [(0, jsx_runtime_1.jsx)(material_1.Box, { onClick: openScannerAddressQrCode, children: (0, jsx_runtime_1.jsx)(Icon_1.default, { iconKey: "IC_SCAN", sx: { width: 20, height: 20 } }) }), (0, jsx_runtime_1.jsx)(material_1.Divider, { orientation: "vertical", variant: "fullWidth", flexItem: true }), (0, jsx_runtime_1.jsx)(material_1.Box, { onClick: handlePaste, children: (0, jsx_runtime_1.jsx)(Icon_1.default, { iconKey: "IC_DOCUMENTS", sx: { width: 20, height: 20 } }) })] })) }) }), !!recipientAddressError && ((0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, theme.styleMixins.validationError), children: recipientAddressError }))] }), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.styleMixins.column), { gap: theme.styleMixins.gaps.g8 }), children: [(0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.styleMixins.row), { gap: theme.styleMixins.gaps.g8, alignItems: "center", justifyContent: "space-between" }), children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
+                                }, children: "Wallet address" }), (0, jsx_runtime_1.jsx)(Input_1.default, { slotProps: {
+                                    input: {
+                                        placeholder: "Enter recipient address",
+                                        value: recipientAddress,
+                                        onChange: handleChangeRecipientAddress,
+                                    },
+                                }, canClear: true, canPaste: true, canScan: true, sanitizeScanText: sanitizeScanText }), !!recipientAddressError && ((0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, theme.styleMixins.validationError), children: recipientAddressError }))] }), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.styleMixins.column), { gap: theme.styleMixins.gaps.g8 }), children: [(0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.styleMixins.row), { gap: theme.styleMixins.gaps.g8, alignItems: "center", justifyContent: "space-between" }), children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
                                             fontSize: theme.typography.fontSize14,
                                             color: theme.palette.text.primary,
                                             fontWeight: theme.typography.fontWeight700,
@@ -372,11 +327,12 @@ function Form(props) {
                                     fontSize: theme.typography.fontSize14,
                                     color: theme.palette.text.primary,
                                     fontWeight: theme.typography.fontWeight700,
-                                }, children: "Message" }), (0, jsx_runtime_1.jsx)(Input_1.default, { inputRest: {
-                                    placeholder: "Enter comment if needed",
-                                    value: comment,
-                                    onChange: handleChangeComment,
-                                } })] }), (0, jsx_runtime_1.jsx)(Fees_1.default, { isFeePaidByAmount: true, feesData: estimateFee, amount: +amount, tokenSlug: (selectedToken === null || selectedToken === void 0 ? void 0 : selectedToken.slug) || "", feesStyle: Fees_1.FeesStyle.WITH_BACKGROUND, setIsEnoughBalanceToPayFee: setIsEnoughBalanceToPayFee }), (0, jsx_runtime_1.jsx)(QrCodeReader_1.default, { ref: scannerAddressQrCodeRef, onResult: handleScanAddressQrCode }), (0, jsx_runtime_1.jsx)(Button_1.default.Primary, { loading: isValidatingAddress || isEstimatingFee, onClick: handleContinue, status: !recipientAddress ||
+                                }, children: "Message" }), (0, jsx_runtime_1.jsx)(Input_1.default, { value: comment, slotProps: {
+                                    input: {
+                                        placeholder: "Enter comment if needed",
+                                        onChange: handleChangeComment,
+                                    },
+                                }, canClear: true, canPaste: true })] }), (0, jsx_runtime_1.jsx)(Fees_1.default, { isFeePaidByAmount: true, feesData: estimateFee, amount: +amount, tokenSlug: (selectedToken === null || selectedToken === void 0 ? void 0 : selectedToken.slug) || "", feesStyle: Fees_1.FeesStyle.WITH_BACKGROUND, setIsEnoughBalanceToPayFee: setIsEnoughBalanceToPayFee }), (0, jsx_runtime_1.jsx)(Button_1.default.Primary, { loading: isValidatingAddress || isEstimatingFee, onClick: handleContinue, status: !recipientAddress ||
                             !amount ||
                             !!recipientAddressError ||
                             !!amountError ||

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 };