tek-wallet 0.0.822 → 0.0.824

package/dist/components/TekWallet/components/layouts/ChildPageLayout/index.js

@@ -70,10 +70,12 @@ var mui_1 = require("../../../theme/mui");
 var AppBackDrop_1 = __importDefault(require("../../ui/AppBackDrop"));
 var react_simple_pull_to_refresh_1 = __importDefault(require("react-simple-pull-to-refresh"));
 var Refresh_1 = __importDefault(require("../../ui/Atoms/Refresh"));
+var providers_1 = require("../../../providers");
 var ChildPageLayout = (0, react_1.forwardRef)(function (props, ref) {
     var header = props.header, footer = props.footer, children = props.children, sx = props.sx, className = props.className, classNames = props.classNames, statusMessage = props.statusMessage, sxs = props.sxs, pullToRefreshProps = props.pullToRefreshProps, rest = __rest(props, ["header", "footer", "children", "sx", "className", "classNames", "statusMessage", "sxs", "pullToRefreshProps"]);
     var _a = (0, react_1.useState)(StatusDisplay_1.StatusDisplayType.Normal), status = _a[0], setStatus = _a[1];
     var theme = (0, mui_1.useTheme)();
+    var offset = (0, providers_1.useWalletSetup)().offset;
     var _b = pullToRefreshProps || {}, onRefresh = _b.onRefresh, isPullable = _b.isPullable, restPullToRefreshProps = __rest(_b, ["onRefresh", "isPullable"]);
     (0, react_1.useImperativeHandle)(ref, function () {
         return {
@@ -96,7 +98,7 @@ var ChildPageLayout = (0, react_1.forwardRef)(function (props, ref) {
             return [2 /*return*/, Promise.all([new Promise(function (resolve) { return setTimeout(resolve, 1000); }), onRefresh === null || onRefresh === void 0 ? void 0 : onRefresh()])]; // for user feel data is loading
         });
     }); };
-    return ((0, jsx_runtime_1.jsxs)(material_1.Box, __assign({ ref: ref, sx: __assign({ height: "100%", width: "100%", display: "grid", gridTemplateRows: "auto 1fr auto", position: "relative", overflow: "hidden", backgroundColor: theme.palette.background.default }, sx), className: className }, rest, { children: [(0, jsx_runtime_1.jsx)(material_1.Box, { sx: __assign({ width: "100%" }, sxs === null || sxs === void 0 ? void 0 : sxs.header), className: classNames === null || classNames === void 0 ? void 0 : classNames.header, children: header }), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign({ height: "100%", width: "100%", overflowX: "hidden", overflowY: "auto" }, sxs === null || sxs === void 0 ? void 0 : sxs.body), className: classNames === null || classNames === void 0 ? void 0 : classNames.body, children: [!!isPullable && ((0, jsx_runtime_1.jsx)(react_simple_pull_to_refresh_1.default, __assign({ pullingContent: null, refreshingContent: ((0, jsx_runtime_1.jsx)(material_1.Box, { sx: { display: "flex", alignItems: "center", justifyContent: "center", pt: 3 }, children: (0, jsx_runtime_1.jsx)(Refresh_1.default, {}) })) }, restPullToRefreshProps, { onRefresh: handleRefresh, children: children }))), !isPullable && (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: children })] }), (0, jsx_runtime_1.jsx)(material_1.Box, { sx: __assign({ width: "100%" }, sxs === null || sxs === void 0 ? void 0 : sxs.footer), className: classNames === null || classNames === void 0 ? void 0 : classNames.footer, children: footer }), status !== StatusDisplay_1.StatusDisplayType.Normal && ((0, jsx_runtime_1.jsx)(AppBackDrop_1.default, { open: true, hideProgress: true, message: (0, jsx_runtime_1.jsx)(StatusDisplay_2.default, { status: status, statusMessage: statusMessage === null || statusMessage === void 0 ? void 0 : statusMessage[status] }) }))] })));
+    return ((0, jsx_runtime_1.jsxs)(material_1.Box, __assign({ ref: ref, sx: __assign({ height: "100%", width: "100%", display: "grid", gridTemplateRows: "auto 1fr auto", position: "relative", overflow: "hidden", backgroundColor: theme.palette.background.default, pt: offset === null || offset === void 0 ? void 0 : offset.top }, sx), className: className }, rest, { children: [(0, jsx_runtime_1.jsx)(material_1.Box, { sx: __assign({ width: "100%" }, sxs === null || sxs === void 0 ? void 0 : sxs.header), className: classNames === null || classNames === void 0 ? void 0 : classNames.header, children: header }), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign({ height: "100%", width: "100%", overflowX: "hidden", overflowY: "auto" }, sxs === null || sxs === void 0 ? void 0 : sxs.body), className: classNames === null || classNames === void 0 ? void 0 : classNames.body, children: [!!isPullable && ((0, jsx_runtime_1.jsx)(react_simple_pull_to_refresh_1.default, __assign({ pullingContent: null, refreshingContent: ((0, jsx_runtime_1.jsx)(material_1.Box, { sx: { display: "flex", alignItems: "center", justifyContent: "center", pt: 3 }, children: (0, jsx_runtime_1.jsx)(Refresh_1.default, {}) })) }, restPullToRefreshProps, { onRefresh: handleRefresh, children: children }))), !isPullable && (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: children })] }), (0, jsx_runtime_1.jsx)(material_1.Box, { sx: __assign({ width: "100%" }, sxs === null || sxs === void 0 ? void 0 : sxs.footer), className: classNames === null || classNames === void 0 ? void 0 : classNames.footer, children: footer }), status !== StatusDisplay_1.StatusDisplayType.Normal && ((0, jsx_runtime_1.jsx)(AppBackDrop_1.default, { open: true, hideProgress: true, message: (0, jsx_runtime_1.jsx)(StatusDisplay_2.default, { status: status, statusMessage: statusMessage === null || statusMessage === void 0 ? void 0 : statusMessage[status] }) }))] })));
 });
 ChildPageLayout.displayName = "ChildPageLayout";
 exports.default = ChildPageLayout;

package/dist/components/TekWallet/components/layouts/DefaultPageLayout/index.js

@@ -15,8 +15,10 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
 var material_1 = require("@mui/material");
 var mui_1 = require("../../../theme/mui");
+var providers_1 = require("../../../providers");
 var DefaultPageLayout = function (props) {
     var theme = (0, mui_1.useTheme)();
-    return ((0, jsx_runtime_1.jsx)(material_1.Box, { sx: __assign(__assign(__assign({}, theme.styleMixins.pagePadding), { minHeight: "100%", width: "100%" }), props.sx), children: props.children }));
+    var offset = (0, providers_1.useWalletSetup)().offset;
+    return ((0, jsx_runtime_1.jsx)(material_1.Box, { sx: __assign(__assign(__assign({}, theme.styleMixins.pagePadding), { pb: (offset === null || offset === void 0 ? void 0 : offset.bottom) || theme.styleMixins.pagePadding.paddingBottom, minHeight: "100%", width: "100%" }), props.sx), children: props.children }));
 };
 exports.default = DefaultPageLayout;

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

@@ -67,11 +67,13 @@ var AssetViewHeader = function () {
     var options = (0, TekWalletProvider_1.useWalletSetup)().options;
     var theme = (0, mui_1.useTheme)();
     var modalRef = (0, react_1.useRef)(null);
+    var offset = (0, TekWalletProvider_1.useWalletSetup)().offset;
     return ((0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.styleMixins.row), { justifyContent: "start", position: "relative", boxShadow: "0 0 1px 2px rgba(0, 0, 0, 0.03)", px: theme.styleMixins.customPadding.p16 }), children: [(0, jsx_runtime_1.jsx)(DrawerComponent_1.default, { ref: modalRef, trigger: (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign(__assign({}, theme.styleMixins.row), { alignItems: "center", justifyContent: "start", textAlign: "center", gap: theme.styleMixins.gaps.g4, py: theme.styleMixins.customPadding.p8 }), theme.styleMixins.value), children: [(0, jsx_runtime_1.jsx)(material_1.SvgIcon, { sx: { width: "1.25rem", height: "1.25rem" }, children: SvgPath_1.WALLET }), (0, compactWalletAddress_1.default)(masterWallet), (0, jsx_runtime_1.jsx)(material_1.SvgIcon, { sx: { width: "0.625rem", height: "0.625rem" }, children: SvgPath_1.ARROW_DROP_DOWN })] }), direction: DrawerComponent_1.DRAWER_DIRECTION.TOP, children: (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: {
                         width: "100%",
                         height: "fit-content",
                         backgroundColor: "background.default",
                         padding: theme.styleMixins.customPadding.p16,
+                        pt: (offset === null || offset === void 0 ? void 0 : offset.top) || theme.styleMixins.customPadding.p16,
                     }, children: [(0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.styleMixins.row), { justifyContent: "space-between" }), children: [(0, jsx_runtime_1.jsx)(Text_1.default, { component: "div", sx: __assign(__assign({}, theme.styleMixins.headerTitle), { py: theme.styleMixins.customPadding.p8, textAlign: "left" }), children: "Wallet address" }), (0, jsx_runtime_1.jsx)(CloseModal_1.default, { onClick: function () { var _a; return (_a = modalRef.current) === null || _a === void 0 ? void 0 : _a.close(); } })] }), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign({}, theme.styleMixins.column), children: [!!masterWallet && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(CopyTextComponent_1.default, { value: masterWallet !== null && masterWallet !== void 0 ? masterWallet : "", messageSuccess: "Copied Internal address", children: (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({ py: theme.styleMixins.customPadding.p8 }, theme.styleMixins.row), { justifyContent: "space-between", alignItems: "center", gap: theme.styleMixins.gaps.g8, color: "text.primary" }), children: [(0, jsx_runtime_1.jsx)(material_1.SvgIcon, { sx: { width: "1.75rem", height: "1.75rem", opacity: 0.7 }, children: SvgPath_1.WALLET }), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign({}, theme.styleMixins.column), children: [(0, jsx_runtime_1.jsx)(material_1.Box, { sx: __assign(__assign({}, theme.styleMixins.listTitle), { color: "inherit" }), children: "Internal wallet" }), (0, jsx_runtime_1.jsx)(material_1.Box, { sx: __assign({}, theme.styleMixins.listDescription), children: (0, compactWalletAddress_1.default)(masterWallet) })] }), (0, jsx_runtime_1.jsx)(material_1.SvgIcon, { sx: { width: "1rem", height: "1rem" }, children: SvgPath_1.IC_COPY })] }) }), (0, jsx_runtime_1.jsx)(material_1.Divider, { sx: {
                                                 my: theme.styleMixins.customPadding.p8,
                                             } })] })), blockchainWallets === null || blockchainWallets === void 0 ? void 0 : blockchainWallets.map(function (wallet, index) { return ((0, jsx_runtime_1.jsx)(CopyTextComponent_1.default, { value: wallet.blockchainAddress, messageSuccess: "Copied ".concat(wallet.networkName, " address"), children: (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({ py: theme.styleMixins.customPadding.p8 }, theme.styleMixins.row), { gap: theme.styleMixins.gaps.g8, justifyContent: "space-between", alignItems: "center" }), children: [(0, jsx_runtime_1.jsx)(Icon_1.default, { src: wallet.networkIcon, width: 28, sx: { borderRadius: theme.styleMixins.customRadius.full } }), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign({}, theme.styleMixins.column), children: [(0, jsx_runtime_1.jsx)(material_1.Box, { sx: __assign({}, theme.styleMixins.listTitle), children: wallet.networkName }), (0, jsx_runtime_1.jsx)(material_1.Box, { sx: __assign({}, theme.styleMixins.listDescription), children: (0, compactWalletAddress_1.default)(wallet.blockchainAddress) })] }), (0, jsx_runtime_1.jsx)(material_1.SvgIcon, { sx: { width: "1rem", height: "1rem" }, children: SvgPath_1.IC_COPY })] }) }, wallet.blockchainAddress + index)); })] })] }) }), (0, jsx_runtime_1.jsx)(link_1.default, { href: "".concat((options === null || options === void 0 ? void 0 : options.basePath) || "", "/tek-wallet/").concat(TekWalletView_1.TekWalletViewRoutes.SETTING), children: (0, jsx_runtime_1.jsx)(material_1.SvgIcon, { sx: {

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

@@ -26,6 +26,7 @@ var AssetsBoard = function () {
     return ((0, jsx_runtime_1.jsx)(material_1.Box, { children: (0, jsx_runtime_1.jsx)(SwiperControlled_1.default, { swiperProps: {
                 slidesPerView: 1,
                 spaceBetween: 40,
+                autoHeight: true,
             }, tabParamName: "assets-tab", tabs: ASSETS_TABS === null || ASSETS_TABS === void 0 ? void 0 : ASSETS_TABS.map(function (type, index) {
                 return ((0, jsx_runtime_1.jsx)(material_1.Tab, { label: type.name, value: index, "data-index": index, sx: {
                         padding: "".concat(theme.styleMixins.customPadding.p8, " ").concat(theme.styleMixins.customPadding.p16),

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -1,4 +1,5 @@
 "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++) {
@@ -10,6 +11,42 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
+    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
 var __rest = (this && this.__rest) || function (s, e) {
     var t = {};
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
@@ -21,26 +58,90 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
 var material_1 = require("@mui/material");
+var ClearInput_1 = __importDefault(require("./ClearInput"));
 var react_1 = require("react");
-var mui_1 = require("../../../theme/mui");
-var Input = (0, react_1.forwardRef)(function (props, inputRef) {
-    var inputRest = props.inputRest, leftPart = props.leftPart, rightPart = props.rightPart, sx = props.sx, inputSx = props.inputSx, rest = __rest(props, ["inputRest", "leftPart", "rightPart", "sx", "inputSx"]);
-    var theme = (0, mui_1.useTheme)();
-    return ((0, jsx_runtime_1.jsxs)(material_1.Box, __assign({ ref: inputRef, sx: __assign(__assign(__assign({}, theme.styleMixins.row), { gap: theme.styleMixins.gaps.g12, borderRadius: 1, paddingX: theme.styleMixins.customPadding.p16, border: "1px solid ".concat(theme.palette.divider), backgroundColor: theme.palette.background.default, color: theme.palette.text.primary, backdropFilter: "blur(10px)" }), sx) }, rest, { children: [leftPart, (0, jsx_runtime_1.jsx)(material_1.TextField, __assign({ autoComplete: "off", hiddenLabel: true, sx: __assign({ backgroundColor: "transparent", border: "none", outline: "none", flex: 1, height: "fit-content", "& .MuiInputBase-input": {
-                        border: "none",
-                        outline: "none",
-                        color: theme.palette.text.primary,
-                        fontSize: theme.typography.fontSize13,
-                        lineHeight: theme.typography.leading140,
-                        fontWeight: theme.typography.fontWeight400,
-                        padding: "".concat(theme.styleMixins.customPadding.p12, " ").concat(0, "px"),
-                        // height: "fit-content",
-                    }, "& fieldset": { border: "none" }, "& .MuiInputBase-input::placeholder": {
-                        fontSize: theme.typography.fontSize13,
-                    } }, inputSx) }, inputRest)), rightPart] })));
-});
-Input.displayName = "Input";
-exports.default = Input;
+var PasteInput_1 = __importDefault(require("./PasteInput"));
+var QrScan_1 = __importDefault(require("./QrScan"));
+// import ScanQR from "@/components/Molecules/ScanQR";
+var lodash_1 = __importDefault(require("lodash"));
+var cn_1 = require("../../../utils/cn");
+var QrCodeReader_1 = __importDefault(require("../QrCodeReader"));
+function TextField(props) {
+    var _this = this;
+    var className = props.className, value = props.value, canClear = props.canClear, canPaste = props.canPaste, canScan = props.canScan, onChange = props.onChange, slotProps = props.slotProps, sx = props.sx, sanitizeScanText = props.sanitizeScanText, rest = __rest(props, ["className", "value", "canClear", "canPaste", "canScan", "onChange", "slotProps", "sx", "sanitizeScanText"]);
+    var textFieldRef = (0, react_1.useRef)(null);
+    var input = (slotProps || {}).input;
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    var readOnly = (input || {}).readOnly;
+    var theme = (0, material_1.useTheme)();
+    var emitChange = (0, react_1.useCallback)(function (result) {
+        var _a, _b;
+        var input = (_a = textFieldRef.current) === null || _a === void 0 ? void 0 : _a.querySelector("input");
+        if (input) {
+            var nativeInputValueSetter = (_b = Object.getOwnPropertyDescriptor(HTMLInputElement.prototype, "value")) === null || _b === void 0 ? void 0 : _b.set;
+            nativeInputValueSetter === null || nativeInputValueSetter === void 0 ? void 0 : nativeInputValueSetter.call(input, result);
+            var event_1 = new Event("input", { bubbles: true });
+            input.dispatchEvent(event_1);
+        }
+    }, []);
+    var handlePaste = (0, react_1.useCallback)(function () { return __awaiter(_this, void 0, void 0, function () {
+        var input, clipboardData, nativeInputValueSetter, event_2;
+        var _a, _b;
+        return __generator(this, function (_c) {
+            switch (_c.label) {
+                case 0:
+                    input = (_a = textFieldRef.current) === null || _a === void 0 ? void 0 : _a.querySelector("input");
+                    if (!input) return [3 /*break*/, 2];
+                    return [4 /*yield*/, navigator.clipboard.readText()];
+                case 1:
+                    clipboardData = _c.sent();
+                    nativeInputValueSetter = (_b = Object.getOwnPropertyDescriptor(HTMLInputElement.prototype, "value")) === null || _b === void 0 ? void 0 : _b.set;
+                    nativeInputValueSetter === null || nativeInputValueSetter === void 0 ? void 0 : nativeInputValueSetter.call(input, clipboardData);
+                    event_2 = new Event("input", { bubbles: true });
+                    input.dispatchEvent(event_2);
+                    _c.label = 2;
+                case 2: return [2 /*return*/];
+            }
+        });
+    }); }, []);
+    var handleScanResult = (0, react_1.useCallback)(function (result) {
+        if (sanitizeScanText) {
+            result = sanitizeScanText(result);
+        }
+        emitChange(result);
+    }, [sanitizeScanText, emitChange]);
+    var slotPropsMerge = (0, react_1.useMemo)(function () {
+        return lodash_1.default.merge({
+            input: {
+                endAdornment: ((0, jsx_runtime_1.jsxs)(material_1.Box, { sx: { display: "flex", alignItems: "center", gap: 0, color: "primary.main" }, children: [canClear && !!value && !readOnly && ((0, jsx_runtime_1.jsx)(ClearInput_1.default, { onClick: function () { return emitChange(""); }, sx: { width: 24, height: 24 } })), canScan && !value && !readOnly && ((0, jsx_runtime_1.jsx)(QrCodeReader_1.default, { onScan: handleScanResult, children: (0, jsx_runtime_1.jsx)(QrScan_1.default, { sx: { width: 24, height: 24 } }) })), canPaste && !value && !readOnly && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [canScan && ((0, jsx_runtime_1.jsx)(material_1.Divider, { orientation: "vertical", flexItem: true, sx: { mx: 1.5, my: 0.5 } })), (0, jsx_runtime_1.jsx)(PasteInput_1.default, { onClick: handlePaste, sx: { width: 24, height: 24 } })] }))] })),
+                sx: {
+                    caretColor: theme.palette.primary.main,
+                    "&::selection": {
+                        backgroundColor: (0, material_1.alpha)(theme.palette.primary.main, 0.3),
+                    },
+                },
+            },
+        }, slotProps);
+    }, [
+        canClear,
+        value,
+        readOnly,
+        canScan,
+        emitChange,
+        canPaste,
+        handlePaste,
+        theme.palette.primary.main,
+        slotProps,
+        handleScanResult,
+    ]);
+    return ((0, jsx_runtime_1.jsx)(material_1.TextField, __assign({ ref: textFieldRef, className: (0, cn_1.cn)(className), value: value || "", onChange: onChange }, rest, { slotProps: slotPropsMerge, sx: __assign({ "& .MuiInputBase-input": {
+                pr: 2,
+            }, height: "fit-content" }, sx) })));
+}
+exports.default = TextField;

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

@@ -0,0 +1,10 @@
+import { TextFieldProps, BoxProps, SxProps } from "@mui/material";
+interface InputProps extends BoxProps {
+    inputRest?: TextFieldProps;
+    leftPart?: React.ReactNode;
+    rightPart?: React.ReactNode;
+    inputSx?: SxProps;
+}
+export type InputRef = HTMLInputElement;
+declare const Input: import("react").ForwardRefExoticComponent<Omit<InputProps, "ref"> & import("react").RefAttributes<HTMLInputElement>>;
+export default Input;

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

@@ -0,0 +1,46 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var material_1 = require("@mui/material");
+var react_1 = require("react");
+var mui_1 = require("../../../theme/mui");
+var Input = (0, react_1.forwardRef)(function (props, inputRef) {
+    var inputRest = props.inputRest, leftPart = props.leftPart, rightPart = props.rightPart, sx = props.sx, inputSx = props.inputSx, rest = __rest(props, ["inputRest", "leftPart", "rightPart", "sx", "inputSx"]);
+    var theme = (0, mui_1.useTheme)();
+    return ((0, jsx_runtime_1.jsxs)(material_1.Box, __assign({ ref: inputRef, sx: __assign(__assign(__assign({}, theme.styleMixins.row), { gap: theme.styleMixins.gaps.g12, borderRadius: 1, paddingX: theme.styleMixins.customPadding.p16, border: "1px solid ".concat(theme.palette.divider), backgroundColor: theme.palette.background.default, color: theme.palette.text.primary, backdropFilter: "blur(10px)" }), sx) }, rest, { children: [leftPart, (0, jsx_runtime_1.jsx)(material_1.TextField, __assign({ autoComplete: "off", hiddenLabel: true, sx: __assign({ backgroundColor: "transparent", border: "none", outline: "none", flex: 1, height: "fit-content", "& .MuiInputBase-input": {
+                        border: "none",
+                        outline: "none",
+                        color: theme.palette.text.primary,
+                        fontSize: theme.typography.fontSize13,
+                        lineHeight: theme.typography.leading140,
+                        fontWeight: theme.typography.fontWeight400,
+                        padding: "".concat(theme.styleMixins.customPadding.p12, " ").concat(0, "px"),
+                        // height: "fit-content",
+                    }, "& fieldset": { border: "none" }, "& .MuiInputBase-input::placeholder": {
+                        fontSize: theme.typography.fontSize13,
+                    } }, inputSx) }, inputRest)), rightPart] })));
+});
+Input.displayName = "Input";
+exports.default = Input;

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

@@ -1,7 +1,8 @@
 import { BoxProps } from "@mui/material";
 import { IDetectedBarcode } from "@yudiel/react-qr-scanner";
 interface QrCodeReaderProps extends BoxProps {
-    onResult: (result: IDetectedBarcode[]) => void;
+    onResult?: (result: IDetectedBarcode[]) => void;
+    onScan?: (result: string) => void;
 }
 export interface QrCodeReaderRef {
     open: () => void;

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

@@ -55,7 +55,7 @@ var STYLES = {
     nodeSize: "10%",
 };
 var QrCodeReader = (0, react_1.forwardRef)(function (props, ref) {
-    var sx = props.sx, className = props.className, children = props.children, onResult = props.onResult;
+    var sx = props.sx, className = props.className, children = props.children, onResult = props.onResult, onScan = props.onScan;
     var qrReaderContainer = (0, react_1.useRef)(null);
     var drawerRef = (0, react_1.useRef)(null);
     var _a = (0, react_1.useState)(false), isOpen = _a[0], setIsOpen = _a[1];
@@ -124,7 +124,14 @@ var QrCodeReader = (0, react_1.forwardRef)(function (props, ref) {
             styleTag.remove();
         };
     }, []);
-    var _d = (0, providers_1.useWalletSetup)(), topOffset = _d.topOffset, overrideQRScanMethod = _d.overrideQRScanMethod;
+    var handleScan = (0, react_1.useCallback)(function (result) {
+        var _a;
+        onResult === null || onResult === void 0 ? void 0 : onResult(result);
+        var text = (_a = result === null || result === void 0 ? void 0 : result[0]) === null || _a === void 0 ? void 0 : _a.rawValue;
+        onScan === null || onScan === void 0 ? void 0 : onScan(text);
+        close();
+    }, [onResult, onScan]);
+    var _d = (0, providers_1.useWalletSetup)(), offset = _d.offset, overrideQRScanMethod = _d.overrideQRScanMethod;
     if (!!overrideQRScanMethod) {
         var handleOverrideQRScanMethod = function () { return __awaiter(void 0, void 0, void 0, function () {
             var result, fakeIDetectedBarcode, error_1;
@@ -149,7 +156,7 @@ var QrCodeReader = (0, react_1.forwardRef)(function (props, ref) {
                             },
                             cornerPoints: [],
                         };
-                        onResult([fakeIDetectedBarcode]);
+                        handleScan([fakeIDetectedBarcode]);
                         return [3 /*break*/, 3];
                     case 2:
                         error_1 = _a.sent();
@@ -165,7 +172,7 @@ var QrCodeReader = (0, react_1.forwardRef)(function (props, ref) {
                 backgroundColor: "transparent !important",
             }, header: (0, jsx_runtime_1.jsx)(PageHeader_1.default, { hideBack: true, title: "Scan QR code", sx: {
                     position: "absolute",
-                    top: topOffset || 0,
+                    top: (offset === null || offset === void 0 ? void 0 : offset.top) || 0,
                     left: 0,
                     right: 0,
                     zIndex: 1001,
@@ -254,7 +261,7 @@ var QrCodeReader = (0, react_1.forwardRef)(function (props, ref) {
                                             height: "100%",
                                             objectFit: "cover",
                                         },
-                                    }, onScan: onResult })] })] })) }) }) }));
+                                    }, onScan: handleScan })] })] })) }) }) }));
 });
 QrCodeReader.displayName = "QrCodeReader";
 exports.default = QrCodeReader;