tek-wallet 0.0.750 → 0.0.753

package/README.md

@@ -18,14 +18,7 @@ import { TekWalletProvider } from "tek-wallet";
   <YourApp />
 </TekWalletProvider>;
 
-// Cấu hình với MUI Theme
-import theme from "path-to-your-theme";
-
-<TekWalletProvider
-  isSSO
-  accessToken={accessToken}
-  theme={theme} // Truyền theme nếu sử dụng MUI
->
+<TekWalletProvider isSSO accessToken={accessToken}>
   <YourApp />
 </TekWalletProvider>;
 ```
@@ -50,7 +43,9 @@ NEXT_PUBLIC_TEK_WALLET_ABLY_API_KEY=your_ably_api_key
 Component này được sử dụng để kiểm tra trạng thái kết nối ví trước khi thực hiện các hành động yêu cầu ví phải được kết nối.
 
 ```jsx
-import { RequiredConnect } from "tek-ưallet";
+import { RequiredConnect, useWallet } from "tek-wallet";
+
+const { tokens } = useWallet();
 
 <RequiredConnect>
   <Button.Primary onClick={() => console.log(tokens)}>Log balances</Button.Primary>
@@ -81,6 +76,14 @@ Component hiển thị tài sản trong ví.
 
 Component xử lý chức năng rút token.
 
+### ConfirmSendExternal
+
+Component xử lý chức năng rút token bản đơn giản (khả năng custom cao).
+
+### ConfirmSendInternal
+
+Component xử lý chức năng chuyển nội bộ bản đơn giản (khả năng custom cao).
+
 ## States
 
 ### Wallet States
@@ -133,6 +136,12 @@ Component xử lý chức năng rút token.
 | `updateReceiveExternalToken()` | Cập nhật danh sách các token được phép nhận từ bên ngoài |
 | `updateReceiveInternalToken()` | Cập nhật danh sách các token được phép nhận nội bộ       |
 
+### Validation
+
+| Method                           | Description                          |
+| -------------------------------- | ------------------------------------ |
+| `validateWalletAddressService()` | Validate địa chỉ ví nội bộ / Onchain |
+
 ### Notification
 
 | Method               | Description            |
@@ -150,7 +159,6 @@ Component xử lý chức năng rút token.
 
 ## Lưu ý
 
-- Khi sử dụng MUI, hãy truyền theme vào TekWalletProvider để giữ nguyên các cấu hình theme của bạn
 - Đảm bảo luôn sử dụng RequiredConnect cho các hành động yêu cầu ví phải được kết nối
 - Các biến môi trường phải được cấu hình đúng để đảm bảo ứng dụng hoạt động chính xác
 

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

@@ -13,3 +13,11 @@ export * from "./ui/TransferConfirmation";
 export * from "./ui/Formatter";
 export * from "./ui/TokenItem";
 export * from "./ui/ConfirmTransferInternal";
+export * from "./ui/Button";
+export * from "./ui/ConfirmSendInternal";
+export * from "./ui/ConfirmSendExternal";
+export * from "./ui/ConfirmSwapToken";
+export * from "./views/TekWalletView/expose";
+export * from "./views/SendInternalView";
+export * from "./views/SendExternalView";
+export * from "./views/SwapView";

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

@@ -29,3 +29,11 @@ __exportStar(require("./ui/TransferConfirmation"), exports);
 __exportStar(require("./ui/Formatter"), exports);
 __exportStar(require("./ui/TokenItem"), exports);
 __exportStar(require("./ui/ConfirmTransferInternal"), exports);
+__exportStar(require("./ui/Button"), exports);
+__exportStar(require("./ui/ConfirmSendInternal"), exports);
+__exportStar(require("./ui/ConfirmSendExternal"), exports);
+__exportStar(require("./ui/ConfirmSwapToken"), exports);
+__exportStar(require("./views/TekWalletView/expose"), exports);
+__exportStar(require("./views/SendInternalView"), exports);
+__exportStar(require("./views/SendExternalView"), exports);
+__exportStar(require("./views/SwapView"), exports);

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

@@ -10,6 +10,17 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -21,7 +32,7 @@ var StatusDisplay_2 = __importDefault(require("../../ui/StatusDisplay"));
 var material_1 = require("@mui/material");
 var ThemeProvider_1 = require("../../../providers/ThemeProvider");
 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;
+    var header = props.header, footer = props.footer, children = props.children, sx = props.sx, className = props.className, classNames = props.classNames, statusMessage = props.statusMessage, rest = __rest(props, ["header", "footer", "children", "sx", "className", "classNames", "statusMessage"]);
     var _a = (0, react_1.useState)(StatusDisplay_1.StatusDisplayType.Normal), status = _a[0], setStatus = _a[1];
     var theme = (0, ThemeProvider_1.useTheme)();
     (0, react_1.useImperativeHandle)(ref, function () {
@@ -40,7 +51,7 @@ var ChildPageLayout = (0, react_1.forwardRef)(function (props, ref) {
             },
         };
     });
-    return ((0, jsx_runtime_1.jsxs)(material_1.Box, { ref: ref, sx: __assign({ height: "100%", width: "100%", display: "grid", gridTemplateRows: "auto 1fr auto", position: "relative", backgroundColor: theme.palette.background.white }, sx), className: className, children: [(0, jsx_runtime_1.jsx)(material_1.Box, { sx: { width: "100%" }, className: classNames === null || classNames === void 0 ? void 0 : classNames.header, children: header }), (0, jsx_runtime_1.jsx)(material_1.Box, { sx: { height: "100%", width: "100%", overflowX: "hidden", overflowY: "auto" }, className: classNames === null || classNames === void 0 ? void 0 : classNames.body, children: children }), (0, jsx_runtime_1.jsx)(material_1.Box, { sx: { width: "100%" }, className: classNames === null || classNames === void 0 ? void 0 : classNames.footer, children: footer }), status !== StatusDisplay_1.StatusDisplayType.Normal && ((0, jsx_runtime_1.jsx)(material_1.Box, { sx: {
+    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", backgroundColor: theme.palette.background.white }, sx), className: className }, rest, { children: [(0, jsx_runtime_1.jsx)(material_1.Box, { sx: { width: "100%" }, className: classNames === null || classNames === void 0 ? void 0 : classNames.header, children: header }), (0, jsx_runtime_1.jsx)(material_1.Box, { sx: { height: "100%", width: "100%", overflowX: "hidden", overflowY: "auto" }, className: classNames === null || classNames === void 0 ? void 0 : classNames.body, children: children }), (0, jsx_runtime_1.jsx)(material_1.Box, { sx: { width: "100%" }, className: classNames === null || classNames === void 0 ? void 0 : classNames.footer, children: footer }), status !== StatusDisplay_1.StatusDisplayType.Normal && ((0, jsx_runtime_1.jsx)(material_1.Box, { sx: {
                     position: "absolute",
                     inset: 0,
                     display: "flex",
@@ -49,7 +60,7 @@ var ChildPageLayout = (0, react_1.forwardRef)(function (props, ref) {
                     backgroundColor: "blackBackground.16",
                     backdropFilter: "blur(4px)",
                     zIndex: 50,
-                }, children: (0, jsx_runtime_1.jsx)(StatusDisplay_2.default, { status: status, statusMessage: statusMessage === null || statusMessage === void 0 ? void 0 : statusMessage[status] }) }))] }));
+                }, children: (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/ui/BackHeader/index.js

@@ -20,6 +20,7 @@ var BackArrow_1 = __importDefault(require("../BackArrow"));
 var useCustomRouter_1 = __importDefault(require("../../../hooks/useCustomRouter"));
 var material_1 = require("@mui/material");
 var ThemeProvider_1 = require("../../../providers/ThemeProvider");
+var Text_1 = __importDefault(require("../Text"));
 var BackHeader = function (props) {
     var router = (0, useCustomRouter_1.default)();
     var theme = (0, ThemeProvider_1.useTheme)();
@@ -41,6 +42,9 @@ var BackHeader = function (props) {
                             transform: "translateX(-0.25rem)",
                             transition: "transform 0.2s ease-in-out",
                         },
-                    }, onClick: back, children: [(0, jsx_runtime_1.jsx)(BackArrow_1.default, {}), " "] })), !!center && ((0, jsx_runtime_1.jsx)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.center), theme.mixins.headerTitle), children: center })), children, right && (0, jsx_runtime_1.jsx)(material_1.Box, { sx: { marginLeft: "auto" }, children: right })] }));
+                    }, onClick: back, children: [(0, jsx_runtime_1.jsx)(BackArrow_1.default, {}), " ", (0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
+                                color: theme.palette.text.black,
+                                fontSize: theme.typography.fontSize12,
+                            }, children: "Back" })] })), !!center && ((0, jsx_runtime_1.jsx)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.center), theme.mixins.headerTitle), children: center })), children, right && (0, jsx_runtime_1.jsx)(material_1.Box, { sx: { marginLeft: "auto" }, children: right })] }));
 };
 exports.default = BackHeader;

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

@@ -1,5 +1,5 @@
-import { GeneralProps } from "../../../types/ui";
-interface BottomActionLayoutProps extends GeneralProps {
+import { BoxProps } from "@mui/material";
+interface BottomActionLayoutProps extends BoxProps {
 }
-declare function BottomActionLayout({ children }: BottomActionLayoutProps): import("react/jsx-runtime").JSX.Element;
+declare function BottomActionLayout({ children, sx, ...rest }: BottomActionLayoutProps): import("react/jsx-runtime").JSX.Element;
 export default BottomActionLayout;

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

@@ -1,15 +1,33 @@
 "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 providers_1 = require("../../../providers");
 function BottomActionLayout(_a) {
-    var children = _a.children;
+    var children = _a.children, sx = _a.sx, rest = __rest(_a, ["children", "sx"]);
     var theme = (0, providers_1.useTheme)();
-    return ((0, jsx_runtime_1.jsx)(material_1.Box, { sx: {
-            width: "100%",
-            px: theme.mixins.pagePadding,
-            pb: theme.mixins.customPadding.p24,
-        }, children: children }));
+    return ((0, jsx_runtime_1.jsx)(material_1.Box, __assign({ sx: __assign({ width: "100%", paddingLeft: theme.mixins.pagePadding, paddingRight: theme.mixins.pagePadding, paddingBottom: theme.mixins.customPadding.p24 }, sx) }, rest, { children: children })));
 }
 exports.default = BottomActionLayout;

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

@@ -56,7 +56,7 @@ Button.Primary = function (props) {
     //     color: theme.palette.text.white24,
     //   },
     // };
-    return ((0, jsx_runtime_1.jsxs)(Button, __assign({}, rest, { variant: "contained", status: status, sx: __assign({ backgroundColor: theme.palette.background.primary, color: theme.palette.text.secondary, borderRadius: theme.mixins.customRadius.r12, textTransform: "capitalize", position: "relative", px: theme.mixins.customPadding.p16, py: theme.mixins.customPadding.p10, fontWeight: theme.typography.fontWeight500 }, sx), disabled: status !== BUTTON_STATUS.ENABLED, children: [status === BUTTON_STATUS.LOADING && ((0, jsx_runtime_1.jsx)(material_1.Box, { sx: {
+    return ((0, jsx_runtime_1.jsxs)(Button, __assign({}, rest, { variant: "contained", status: status, sx: __assign({ backgroundColor: theme.palette.background.primary, color: theme.palette.text.secondary, borderRadius: theme.mixins.customRadius.r12, textTransform: "capitalize", position: "relative", px: theme.mixins.customPadding.p16, py: theme.mixins.customPadding.p12, fontWeight: theme.typography.fontWeight500, fontSize: theme.typography.fontSize14, lineHeight: theme.typography.leading100 }, sx), disabled: status !== BUTTON_STATUS.ENABLED, children: [status === BUTTON_STATUS.LOADING && ((0, jsx_runtime_1.jsx)(material_1.Box, { sx: {
                     position: "absolute",
                     inset: 0,
                     display: "flex",
@@ -70,7 +70,7 @@ Button.Primary.displayName = "Button.Primary";
 Button.Secondary = function (props) {
     var sx = props.sx, _a = props.status, status = _a === void 0 ? BUTTON_STATUS.ENABLED : _a, rest = __rest(props, ["sx", "status"]);
     var theme = (0, ThemeProvider_1.useTheme)();
-    return ((0, jsx_runtime_1.jsx)(Button, __assign({}, rest, { variant: "outlined", sx: __assign({ color: theme.palette.text.primary, borderRadius: theme.mixins.customRadius.r12, borderColor: "currentcolor", textTransform: "capitalize", position: "relative", px: theme.mixins.customPadding.p16, py: theme.mixins.customPadding.p10 }, sx), disabled: status !== BUTTON_STATUS.ENABLED })));
+    return ((0, jsx_runtime_1.jsx)(Button, __assign({}, rest, { variant: "outlined", sx: __assign({ color: theme.palette.text.primary, borderRadius: theme.mixins.customRadius.r12, borderColor: "currentcolor", textTransform: "capitalize", position: "relative" }, sx), disabled: status !== BUTTON_STATUS.ENABLED })));
 };
 Button.Secondary.displayName = "Button.Secondary";
 Button.Text = function (props) {

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

@@ -99,7 +99,7 @@ var useWarningWrongPasscode_1 = require("../../../hooks/useWarningWrongPasscode"
 var clsx_1 = __importDefault(require("clsx"));
 var passcodeLength = 6;
 var ConfirmByPasscode = (0, react_1.forwardRef)(function (props, ref) {
-    var onConfirmSuccess = props.onConfirmSuccess;
+    var onConfirmSuccess = props.onConfirmSuccess, sx = props.sx;
     var theme = (0, ThemeProvider_1.useTheme)();
     var _a = (0, react_1.useState)(""), passcode = _a[0], setPasscode = _a[1];
     var loadingRef = (0, react_1.useRef)(null);
@@ -190,11 +190,7 @@ var ConfirmByPasscode = (0, react_1.forwardRef)(function (props, ref) {
     }); }, [handleClose, onConfirmSuccess, passcode]);
     return ((0, jsx_runtime_1.jsx)(DrawerComponent_1.default, { ref: drawerRef, trigger: (0, jsx_runtime_1.jsx)(xhub_keyboard_1.Label, { style: {
                 width: "100%",
-            }, useBrowserInput: false, htmlFor: keyboardId, children: props.children }), onOpen: handleOnOpen, onClose: handleOnClose, triggerStatus: props.triggerStatus, sx: {
-            width: "100%",
-            maxWidth: "calc(100dvw - 2rem)",
-            display: "flex",
-        }, children: (0, jsx_runtime_1.jsx)(xhub_keyboard_1.Keyboard, { ref: keyboardRef, id: keyboardId, value: passcode, onChange: handlePasscodeChange, keyboardType: xhub_keyboard_1.KeyboardType.Text, layoutType: xhub_keyboard_1.LayoutType.Integer, classNames: {
+            }, useBrowserInput: false, htmlFor: keyboardId, children: props.children }), onOpen: handleOnOpen, onClose: handleOnClose, triggerStatus: props.triggerStatus, sx: __assign({ width: "100%", maxWidth: "calc(100dvw - 2rem)", display: "flex" }, sx), children: (0, jsx_runtime_1.jsx)(xhub_keyboard_1.Keyboard, { ref: keyboardRef, id: keyboardId, value: passcode, onChange: handlePasscodeChange, keyboardType: xhub_keyboard_1.KeyboardType.Text, layoutType: xhub_keyboard_1.LayoutType.Integer, classNames: {
                 keyboardContainer: (0, clsx_1.default)({
                     "!hidden": isLocked,
                 }),

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

@@ -0,0 +1,20 @@
+import { ConfirmLayoutProps } from "../ConfirmLayout";
+import { SendExternalBody, SendExternalResponse } from "../../../services/axios/send-external-service/type";
+import { NetworkData } from "../../../services/axios/type";
+import { SxProps } from "@mui/material";
+import { ReactEventHandler } from "react";
+export interface SendExternalDataType extends Omit<SendExternalBody, "network" | "passcode"> {
+    network: NetworkData;
+}
+export interface ConfirmSendExternalProps extends Omit<ConfirmLayoutProps, "action"> {
+    payload: SendExternalDataType;
+    onSuccess?: (data: SendExternalResponse) => unknown;
+    onStart?: () => void;
+    onFinally?: () => void;
+    onError?: (error: Error | unknown) => void;
+    children?: React.ReactNode;
+    sx?: SxProps;
+    onClose?: ReactEventHandler;
+}
+export declare const ConfirmSendExternal: ({ payload, onSuccess, onStart, onFinally, onError, children, sx, onClose: onDone, }: ConfirmSendExternalProps) => import("react/jsx-runtime").JSX.Element;
+export default ConfirmSendExternal;

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

@@ -0,0 +1,173 @@
+"use strict";
+"use client";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
+    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ConfirmSendExternal = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var ConfirmByPasscode_1 = __importDefault(require("../ConfirmByPasscode"));
+var send_external_service_1 = __importDefault(require("../../../services/axios/send-external-service"));
+var DrawerComponent_1 = __importStar(require("../DrawerComponent"));
+var react_1 = require("react");
+var Result_1 = __importDefault(require("../../views/SendExternalView/components/Result"));
+var DefaultPageLayout_1 = __importDefault(require("../../layouts/DefaultPageLayout"));
+var ChildPageLayout_1 = __importDefault(require("../../layouts/ChildPageLayout"));
+var stop_1 = __importDefault(require("../../../utils/stop"));
+var useWallet_1 = __importDefault(require("../../../hooks/useWallet"));
+var type_1 = require("../../../services/axios/get-activities-service/type");
+var useRealtime_1 = __importDefault(require("../../../hooks/useRealtime"));
+var ConfirmSendExternal = function (_a) {
+    var payload = _a.payload, onSuccess = _a.onSuccess, onStart = _a.onStart, onFinally = _a.onFinally, onError = _a.onError, children = _a.children, sx = _a.sx, onDone = _a.onClose;
+    var network = payload.network;
+    var _b = (0, react_1.useState)(), response = _b[0], setResponse = _b[1];
+    var thisTransactionId = (0, react_1.useRef)("");
+    var transaction = (0, useWallet_1.default)().transaction;
+    var pushNotification = (0, useRealtime_1.default)().pushNotification;
+    var handleConfirmSendExternal = function (passcode) { return __awaiter(void 0, void 0, void 0, function () {
+        var response_1, err_1, time;
+        var _a;
+        return __generator(this, function (_b) {
+            switch (_b.label) {
+                case 0:
+                    _b.trys.push([0, 2, 3, 4]);
+                    onStart === null || onStart === void 0 ? void 0 : onStart();
+                    return [4 /*yield*/, (0, send_external_service_1.default)(__assign(__assign({}, payload), { network: network.slug, passcode: passcode, await_completion: false }))];
+                case 1:
+                    response_1 = _b.sent();
+                    setResponse(response_1.data);
+                    thisTransactionId.current = response_1.data.id;
+                    (_a = resultRef.current) === null || _a === void 0 ? void 0 : _a.open();
+                    if (response_1.success) {
+                        onSuccess === null || onSuccess === void 0 ? void 0 : onSuccess(response_1);
+                    }
+                    else {
+                        throw new Error("Send external failed", { cause: response_1 });
+                    }
+                    return [3 /*break*/, 4];
+                case 2:
+                    err_1 = _b.sent();
+                    console.error(err_1);
+                    time = Date.now();
+                    pushNotification({
+                        id: "send-external-failed-".concat(time),
+                        message: "Something went wrong, please try again later",
+                        type: "error",
+                    });
+                    onError === null || onError === void 0 ? void 0 : onError(err_1);
+                    return [3 /*break*/, 4];
+                case 3:
+                    onFinally === null || onFinally === void 0 ? void 0 : onFinally();
+                    return [7 /*endfinally*/];
+                case 4: return [2 /*return*/];
+            }
+        });
+    }); };
+    var resultRef = (0, react_1.useRef)(null);
+    var handleCloseResult = function (e) {
+        var _a;
+        (_a = resultRef.current) === null || _a === void 0 ? void 0 : _a.close();
+        onDone === null || onDone === void 0 ? void 0 : onDone(e);
+    };
+    (0, react_1.useEffect)(function () {
+        if (transaction &&
+            transaction.id === thisTransactionId.current &&
+            transaction.status !== type_1.TransactionStatus.Processing) {
+            setResponse(transaction);
+        }
+    }, [transaction]);
+    return ((0, jsx_runtime_1.jsxs)(ConfirmByPasscode_1.default, { sx: sx, onConfirmSuccess: handleConfirmSendExternal, children: [children, (0, jsx_runtime_1.jsx)(DrawerComponent_1.default, { ref: resultRef, sx: {
+                    width: 0,
+                    height: 0,
+                    position: "absolute",
+                    top: 0,
+                    left: 0,
+                }, direction: DrawerComponent_1.DRAWER_DIRECTION.RIGHT, children: (0, jsx_runtime_1.jsx)(ChildPageLayout_1.default, { sx: {
+                        height: "100dvh",
+                        width: "100dvw",
+                    }, onClick: stop_1.default, children: (0, jsx_runtime_1.jsx)(DefaultPageLayout_1.default, { sx: {
+                            height: "100%",
+                        }, children: (0, jsx_runtime_1.jsx)(Result_1.default, { transaction: response, payload: payload, onDone: handleCloseResult }) }) }) })] }));
+};
+exports.ConfirmSendExternal = ConfirmSendExternal;
+exports.default = exports.ConfirmSendExternal;

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

@@ -0,0 +1,17 @@
+import { TransferInternalBody, TransferInternalResponse } from "../../../services/axios/transfer-internal-service/type";
+import { SxProps } from "@mui/material";
+export interface SendInternalDataType extends Omit<TransferInternalBody, "passcode"> {
+}
+export interface SendInternalResponse extends TransferInternalResponse {
+}
+export interface ConfirmSendInternalProps {
+    payload: SendInternalDataType;
+    onSuccess?: (data: SendInternalResponse) => unknown;
+    onStart?: () => void;
+    onFinally?: () => void;
+    onError?: (error: Error | unknown) => void;
+    children?: React.ReactNode;
+    sx?: SxProps;
+}
+export declare function ConfirmSendInternal({ payload, onSuccess, onStart, onFinally, onError, children, sx, }: ConfirmSendInternalProps): import("react/jsx-runtime").JSX.Element;
+export default ConfirmSendInternal;

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

@@ -0,0 +1,100 @@
+"use strict";
+"use client";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
+    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ConfirmSendInternal = ConfirmSendInternal;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var useRealtime_1 = __importDefault(require("../../../hooks/useRealtime"));
+var transfer_internal_service_1 = __importDefault(require("../../../services/axios/transfer-internal-service"));
+var ConfirmByPasscode_1 = __importDefault(require("../ConfirmByPasscode"));
+function ConfirmSendInternal(_a) {
+    var _this = this;
+    var payload = _a.payload, onSuccess = _a.onSuccess, onStart = _a.onStart, onFinally = _a.onFinally, onError = _a.onError, children = _a.children, sx = _a.sx;
+    var pushNotification = (0, useRealtime_1.default)().pushNotification;
+    var handleConfirmSendInternal = function (passcode) { return __awaiter(_this, void 0, void 0, function () {
+        var response, err_1, time;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    _a.trys.push([0, 2, 3, 4]);
+                    onStart === null || onStart === void 0 ? void 0 : onStart();
+                    return [4 /*yield*/, (0, transfer_internal_service_1.default)(__assign(__assign({}, payload), { passcode: passcode, await_completion: true }))];
+                case 1:
+                    response = _a.sent();
+                    if (response.success) {
+                        onSuccess === null || onSuccess === void 0 ? void 0 : onSuccess(response);
+                    }
+                    else {
+                        throw new Error("Send internal failed", { cause: response });
+                    }
+                    return [3 /*break*/, 4];
+                case 2:
+                    err_1 = _a.sent();
+                    console.error(err_1);
+                    time = Date.now();
+                    pushNotification({
+                        id: "send-internal-failed-".concat(time),
+                        message: "Something went wrong, please try again later",
+                        type: "error",
+                    });
+                    onError === null || onError === void 0 ? void 0 : onError(err_1);
+                    return [3 /*break*/, 4];
+                case 3:
+                    onFinally === null || onFinally === void 0 ? void 0 : onFinally();
+                    return [7 /*endfinally*/];
+                case 4: return [2 /*return*/];
+            }
+        });
+    }); };
+    return ((0, jsx_runtime_1.jsx)(ConfirmByPasscode_1.default, { sx: sx, onConfirmSuccess: handleConfirmSendInternal, children: children }));
+}
+exports.default = ConfirmSendInternal;

package/dist/components/TekWallet/components/ui/ConfirmSwapToken/Result.d.ts

@@ -0,0 +1,8 @@
+import { ReactEventHandler } from "react";
+import { SwapResponse } from "../../../services/axios/swap-service/type";
+interface ResultProps {
+    transaction?: SwapResponse["data"];
+    onDone?: ReactEventHandler;
+}
+export default function Result(props: ResultProps): import("react/jsx-runtime").JSX.Element;
+export type { ResultProps };