tek-wallet 0.0.822 → 0.0.824

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

@@ -87,7 +87,6 @@ exports.default = Form;
 var jsx_runtime_1 = require("react/jsx-runtime");
 var material_1 = require("@mui/material");
 var Input_1 = __importDefault(require("../../../ui/Input"));
-var SvgPath_1 = require("../../../ui/SvgPath");
 var Text_1 = __importDefault(require("../../../ui/Text"));
 var mui_1 = require("../../../../theme/mui");
 var react_1 = require("react");
@@ -95,8 +94,6 @@ var validate_wallet_address_service_1 = __importDefault(require("../../../../ser
 var lodash_1 = require("lodash");
 var Button_1 = __importStar(require("../../../ui/Button"));
 var expose_1 = require("../../../../services/axios/expose");
-var QrCodeReader_1 = __importDefault(require("../../../ui/QrCodeReader"));
-var Icon_1 = __importDefault(require("../../../ui/Icon"));
 var ChildPageLayout_1 = __importDefault(require("../../../layouts/ChildPageLayout"));
 var navigation_1 = require("next/navigation");
 var react_2 = require("motion/react");
@@ -115,7 +112,6 @@ function Form(props) {
     var _a = (0, react_1.useState)(""), recipientAddress = _a[0], setRecipientAddress = _a[1];
     var _b = (0, react_1.useState)(), recipientAddressError = _b[0], setRecipientAddressError = _b[1];
     var _c = (0, react_1.useState)(false), isValidatingAddress = _c[0], setIsValidatingAddress = _c[1];
-    var scannerAddressQrCodeRef = (0, react_1.useRef)(null);
     var selectedNetwork = (0, useNft_1.default)(nftId).network;
     var validateAddress = function (address) {
         if (!address) {
@@ -171,52 +167,18 @@ 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 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 handleContinue = function () {
         if (!selectedNetwork)
             return;
@@ -225,14 +187,6 @@ function Form(props) {
             network: selectedNetwork,
         });
     };
-    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();
-    };
     (0, react_1.useEffect)(function () {
         if (address) {
             handleChangeRecipientAddress({
@@ -251,14 +205,14 @@ 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 && !isValidatingAddress && ((0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, theme.styleMixins.validationError), children: recipientAddressError }))] }), (0, jsx_runtime_1.jsx)(QrCodeReader_1.default, { ref: scannerAddressQrCodeRef, onResult: handleScanAddressQrCode }), (0, jsx_runtime_1.jsx)(ConfirmSendNft_1.default, { payload: payload, sx: { width: "100%", marginTop: "auto" }, childrenRender: function (isSendingNft) { return ((0, jsx_runtime_1.jsx)(Button_1.default.Primary, { fullWidth: true, loading: isValidatingAddress || isSendingNft, onClick: handleContinue, status: !recipientAddress ||
+                                }, children: "Wallet address" }), (0, jsx_runtime_1.jsx)(Input_1.default, { slotProps: {
+                                    input: {
+                                        placeholder: "Enter recipient address",
+                                        value: recipientAddress,
+                                        onChange: handleChangeRecipientAddress,
+                                        id: "recipient-address-input-id",
+                                    },
+                                }, canClear: true, canPaste: true, canScan: true, sanitizeScanText: sanitizeScanText }), !!recipientAddressError && !isValidatingAddress && ((0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, theme.styleMixins.validationError), children: recipientAddressError }))] }), (0, jsx_runtime_1.jsx)(ConfirmSendNft_1.default, { payload: payload, sx: { width: "100%", marginTop: "auto" }, childrenRender: function (isSendingNft) { return ((0, jsx_runtime_1.jsx)(Button_1.default.Primary, { fullWidth: true, loading: isValidatingAddress || isSendingNft, onClick: handleContinue, status: !recipientAddress ||
                                 !selectedNetwork ||
                                 !!recipientAddressError ||
                                 !nftId ||

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

@@ -72,9 +72,9 @@ var SettingView = function (props) {
         onLogout === null || onLogout === void 0 ? void 0 : onLogout();
         setButtonStatus(Button_1.BUTTON_STATUS.LOADING);
     };
-    return ((0, jsx_runtime_1.jsx)(ChildPageLayout_1.default, { header: (0, jsx_runtime_1.jsx)(PageHeader_1.default, { title: "Setting" }), children: (0, jsx_runtime_1.jsxs)(DefaultPageLayout_1.default, { sx: __assign(__assign({}, theme.styleMixins.column), { gap: theme.styleMixins.gaps.g16 }), children: [(0, jsx_runtime_1.jsx)(ChangePasscode_1.default, { children: (0, jsx_runtime_1.jsx)(ListItemCustom_1.default, { hideTag: true, title: "Change Passcode", description: "Change your passcode", icon: (0, jsx_runtime_1.jsx)(material_1.SvgIcon, { sx: { width: "2rem", height: "2rem", color: "text.secondary" }, children: SvgPath_1.IC_CHANGE_PASSCODE }) }) }), (0, jsx_runtime_1.jsx)(Button_1.default.Primary, { sx: {
+    return ((0, jsx_runtime_1.jsx)(ChildPageLayout_1.default, { header: (0, jsx_runtime_1.jsx)(PageHeader_1.default, { title: "Setting" }), children: (0, jsx_runtime_1.jsxs)(DefaultPageLayout_1.default, { sx: __assign(__assign({}, theme.styleMixins.column), { gap: theme.styleMixins.gaps.g16 }), children: [(0, jsx_runtime_1.jsx)(ChangePasscode_1.default, { children: (0, jsx_runtime_1.jsx)(ListItemCustom_1.default, { hideTag: true, title: "Change Passcode", description: "Change your passcode", icon: (0, jsx_runtime_1.jsx)(material_1.SvgIcon, { sx: { width: "2rem", height: "2rem", color: "text.secondary" }, children: SvgPath_1.IC_CHANGE_PASSCODE }) }) }), !!onLogout && ((0, jsx_runtime_1.jsx)(Button_1.default.Primary, { sx: {
                         marginTop: "auto",
-                    }, color: "error", onClick: handleLogout, status: buttonStatus, children: "Logout" })] }) }));
+                    }, color: "error", onClick: handleLogout, status: buttonStatus, children: "Logout" }))] }) }));
 };
 exports.SettingView = SettingView;
 exports.default = exports.SettingView;

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

@@ -16,3 +16,4 @@ export * from "./providers/TekWalletProvider";
 export * from "./components/ui/UpdateLockToken";
 export * from "./theme/mui/palette";
 export * from "./theme/mui/utils/deepMergeTheme";
+export * from "./handlers";

package/dist/components/TekWallet/index.js

@@ -31,3 +31,4 @@ __exportStar(require("./providers/TekWalletProvider"), exports);
 __exportStar(require("./components/ui/UpdateLockToken"), exports);
 __exportStar(require("./theme/mui/palette"), exports);
 __exportStar(require("./theme/mui/utils/deepMergeTheme"), exports);
+__exportStar(require("./handlers"), exports);

package/dist/components/TekWallet/providers/TanstackReactQuery/index.js

@@ -16,7 +16,10 @@ function TanstackReactQuery(_a) {
         if (typeof window === "undefined") {
             return undefined;
         }
-        return (0, query_sync_storage_persister_1.createSyncStoragePersister)({ storage: window.localStorage });
+        return (0, query_sync_storage_persister_1.createSyncStoragePersister)({
+            storage: window.localStorage,
+            key: "tek-wallet-react-query-cache",
+        });
     }, []);
     if (!persister) {
         return (0, jsx_runtime_1.jsx)(react_query_1.QueryClientProvider, { client: query_config_1.queryClient, children: children });

package/dist/components/TekWallet/providers/TekWalletProvider/index.d.ts

@@ -16,13 +16,19 @@ export interface Options {
     hideBackButtons: Partial<Record<Views, boolean>>;
     disableRefetchOnFocus?: boolean;
 }
+export interface OffsetOptions {
+    top?: number;
+    bottom?: number;
+    left?: number;
+    right?: number;
+}
 export interface TekWalletProviderProps {
     children: ReactNode;
     isSSO?: boolean;
     accessToken?: string;
     options?: Options;
     onLogout?: () => void;
-    topOffset?: number;
+    offset?: OffsetOptions;
     NotFoundPage?: ReactNode;
     overrideQRScanMethod?: () => Promise<string>;
     theme?: Theme;
@@ -32,7 +38,7 @@ export interface TekWalletContextType {
     isSSO: boolean | undefined;
     options?: Options;
     onLogout?: () => void;
-    topOffset?: number;
+    offset?: OffsetOptions;
     theme?: Theme;
     themeMode?: ThemeModes;
     overrideQRScanMethod?: () => Promise<string>;
@@ -40,7 +46,7 @@ export interface TekWalletContextType {
     accessToken?: string;
 }
 export declare const TekWalletContext: import("react").Context<TekWalletContextType>;
-export declare function TekWalletProvider({ children, isSSO, accessToken, options, topOffset, onLogout, overrideQRScanMethod, theme, themeMode, NotFoundPage, }: TekWalletProviderProps): import("react/jsx-runtime").JSX.Element;
+export declare function TekWalletProvider({ children, isSSO, accessToken, options, offset: offset, onLogout, overrideQRScanMethod, theme, themeMode, NotFoundPage, }: TekWalletProviderProps): import("react/jsx-runtime").JSX.Element;
 export default TekWalletProvider;
 export declare const useWalletSetup: () => TekWalletContextType;
 export declare const useKeyboardThemeMode: () => THEME;

package/dist/components/TekWallet/providers/TekWalletProvider/index.js

@@ -33,7 +33,7 @@ var initialTekWalletContext = {
 };
 exports.TekWalletContext = (0, react_1.createContext)(initialTekWalletContext);
 function TekWalletProvider(_a) {
-    var children = _a.children, isSSO = _a.isSSO, accessToken = _a.accessToken, options = _a.options, topOffset = _a.topOffset, onLogout = _a.onLogout, overrideQRScanMethod = _a.overrideQRScanMethod, theme = _a.theme, themeMode = _a.themeMode, NotFoundPage = _a.NotFoundPage;
+    var children = _a.children, isSSO = _a.isSSO, accessToken = _a.accessToken, options = _a.options, offset = _a.offset, onLogout = _a.onLogout, overrideQRScanMethod = _a.overrideQRScanMethod, theme = _a.theme, themeMode = _a.themeMode, NotFoundPage = _a.NotFoundPage;
     var WalletProvider = isSSO ? WalletDataProviderNoImport_1.default : WalletDataProvider_1.default;
     var _b = (0, react_1.useState)("1"), resetTrigger = _b[0], setResetTrigger = _b[1];
     var onDisconnect = function () {
@@ -43,7 +43,7 @@ function TekWalletProvider(_a) {
             isSSO: isSSO,
             options: options,
             onLogout: onLogout,
-            topOffset: topOffset,
+            offset: offset,
             overrideQRScanMethod: overrideQRScanMethod,
             theme: theme,
             themeMode: themeMode,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tek-wallet",
-  "version": "0.0.822",
+  "version": "0.0.824",
   "description": "A custom React provider with TypeScript support",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",

package/dist/components/TekWallet/components/ui/WithdrawFunction/components/selectToken.d.ts

@@ -1,13 +0,0 @@
-import { SortBalance, SortToken } from "..";
-import { WithdrawCurrency } from "../../../../services/axios/get-withdraw-tokens-list-service/type";
-interface SelectTokenProps {
-    sortToken?: SortToken;
-    setSortToken?: (sortToken: SortToken) => void;
-    sortBalance?: SortBalance;
-    setSortBalance?: (sortBalance: SortBalance) => void;
-    withdrawToken?: WithdrawCurrency[];
-    selectedToken?: WithdrawCurrency;
-    handleSelectToken?: (token: WithdrawCurrency) => void;
-}
-export default function SelectToken(props: SelectTokenProps): import("react/jsx-runtime").JSX.Element;
-export type { SelectTokenProps };