tek-wallet 0.0.749 → 0.0.752

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,4 @@ export * from "./ui/TransferConfirmation";
 export * from "./ui/Formatter";
 export * from "./ui/TokenItem";
 export * from "./ui/ConfirmTransferInternal";
+export * from "./ui/Button";

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

@@ -29,3 +29,4 @@ __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);

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

@@ -0,0 +1,16 @@
+import { ConfirmLayoutProps } from "../ConfirmLayout";
+import { SendExternalBody, SendExternalResponse } from "../../../services/axios/send-external-service/type";
+import { NetworkData } from "../../../services/axios/type";
+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;
+}
+export declare const ConfirmSendExternal: ({ payload, onSuccess, onStart, onFinally, onError, children, }: ConfirmSendExternalProps) => import("react/jsx-runtime").JSX.Element;
+export default ConfirmSendExternal;

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

@@ -0,0 +1,93 @@
+"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.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 ConfirmSendExternal = function (_a) {
+    var payload = _a.payload, onSuccess = _a.onSuccess, onStart = _a.onStart, onFinally = _a.onFinally, onError = _a.onError, children = _a.children;
+    var network = payload.network;
+    var handleConfirmSendExternal = function (passcode) { return __awaiter(void 0, void 0, void 0, function () {
+        var response, err_1;
+        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, send_external_service_1.default)(__assign(__assign({}, payload), { network: network.slug, passcode: passcode }))];
+                case 1:
+                    response = _a.sent();
+                    if (response.success) {
+                        onSuccess === null || onSuccess === void 0 ? void 0 : onSuccess(response);
+                    }
+                    else {
+                        throw new Error("Send external failed", { cause: response });
+                    }
+                    return [3 /*break*/, 4];
+                case 2:
+                    err_1 = _a.sent();
+                    console.error(err_1);
+                    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, { onConfirmSuccess: handleConfirmSendExternal, children: children }));
+};
+exports.ConfirmSendExternal = ConfirmSendExternal;
+exports.default = exports.ConfirmSendExternal;

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

@@ -0,0 +1,15 @@
+import { TransferInternalBody, TransferInternalResponse } from "../../../services/axios/transfer-internal-service/type";
+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;
+}
+export declare function ConfirmSendInternal({ payload, onSuccess, onStart, onFinally, onError, children, }: ConfirmSendInternalProps): import("react/jsx-runtime").JSX.Element;
+export default ConfirmSendInternal;

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

@@ -0,0 +1,92 @@
+"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 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;
+    var handleConfirmSendInternal = function (passcode) { return __awaiter(_this, void 0, void 0, function () {
+        var response, err_1;
+        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 }))];
+                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);
+                    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, { onConfirmSuccess: handleConfirmSendInternal, children: children }));
+}
+exports.default = ConfirmSendInternal;

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

@@ -2,13 +2,17 @@ import React, { PropsWithChildren, HTMLAttributes } from "react";
 import { BUTTON_STATUS } from "../Button";
 import { InstructionBody } from "../../../services/axios/instructions-service/type";
 import { GeneralProps } from "../../../types/ui";
+import { InstructionResponse } from "../../../services/axios/instructions-service/response.type";
 type ConfirmTransactionProps = {
     transactionSlug: string;
     transactionData: Omit<InstructionBody, "passcode">;
     renderChildren: (props: PropsWithChildren<HTMLAttributes<HTMLElement>> & {
         status: BUTTON_STATUS;
     }) => React.ReactElement<any>;
-    onTransferSuccess?: (data: any) => void;
+    onSuccess?: (data: InstructionResponse) => void;
+    onError?: (error: any) => void;
+    onStart?: () => void;
+    onFinally?: () => void;
 } & GeneralProps;
-export declare function ConfirmTransaction({ renderChildren, transactionSlug, transactionData, onTransferSuccess, }: ConfirmTransactionProps): import("react/jsx-runtime").JSX.Element;
+export declare function ConfirmTransaction({ renderChildren, transactionSlug, transactionData, onSuccess, onError, onStart, onFinally, }: ConfirmTransactionProps): import("react/jsx-runtime").JSX.Element;
 export default ConfirmTransaction;

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

@@ -59,35 +59,40 @@ var Button_1 = require("../Button");
 var instructions_service_1 = __importDefault(require("../../../services/axios/instructions-service"));
 function ConfirmTransaction(_a) {
     var _this = this;
-    var renderChildren = _a.renderChildren, transactionSlug = _a.transactionSlug, transactionData = _a.transactionData, onTransferSuccess = _a.onTransferSuccess;
+    var renderChildren = _a.renderChildren, transactionSlug = _a.transactionSlug, transactionData = _a.transactionData, onSuccess = _a.onSuccess, onError = _a.onError, onStart = _a.onStart, onFinally = _a.onFinally;
     var _b = (0, react_1.useState)(Button_1.BUTTON_STATUS.ENABLED), buttonStatus = _b[0], setButtonStatus = _b[1];
     var handleConfirmPasscode = function (passcode) { return __awaiter(_this, void 0, void 0, function () {
         var response, err_1;
         return __generator(this, function (_a) {
             switch (_a.label) {
                 case 0:
-                    _a.trys.push([0, 2, , 3]);
+                    _a.trys.push([0, 2, 3, 4]);
                     setButtonStatus(Button_1.BUTTON_STATUS.LOADING);
+                    onStart === null || onStart === void 0 ? void 0 : onStart();
                     return [4 /*yield*/, (0, instructions_service_1.default)(__assign(__assign({}, transactionData), { passcode: passcode }))];
                 case 1:
                     response = _a.sent();
                     if (response.success) {
                         setButtonStatus(Button_1.BUTTON_STATUS.ENABLED);
-                        onTransferSuccess === null || onTransferSuccess === void 0 ? void 0 : onTransferSuccess(response);
+                        onSuccess === null || onSuccess === void 0 ? void 0 : onSuccess(response);
                     }
                     else {
                         throw new Error("Send internal failed");
                     }
-                    return [3 /*break*/, 3];
+                    return [3 /*break*/, 4];
                 case 2:
                     err_1 = _a.sent();
                     console.error(err_1);
+                    onError === null || onError === void 0 ? void 0 : onError(err_1);
                     setButtonStatus(Button_1.BUTTON_STATUS.ERROR);
                     setTimeout(function () {
                         setButtonStatus(Button_1.BUTTON_STATUS.ENABLED);
                     }, 1200);
-                    return [3 /*break*/, 3];
-                case 3: return [2 /*return*/];
+                    return [3 /*break*/, 4];
+                case 3:
+                    onFinally === null || onFinally === void 0 ? void 0 : onFinally();
+                    return [7 /*endfinally*/];
+                case 4: return [2 /*return*/];
             }
         });
     }); };

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

@@ -0,0 +1,28 @@
+import { ConfirmLayoutProps } from "../ConfirmLayout";
+import { SendInternalResponse } from "../../../services/axios/send-internal-service/type";
+import { InstructionBody } from "../../../services/axios/instructions-service/type";
+export type TransferConfirmationData = InstructionBody & {
+    amount: number;
+    currency_slug: string;
+    to_address: string;
+    isEnoughBalance: boolean;
+};
+interface TransferConfirmationProps extends Omit<ConfirmLayoutProps, "action"> {
+    transferData: TransferConfirmationData;
+    transferContent: React.ReactNode;
+    titleHeader: string;
+    onTransferSuccess?: (data: SendInternalResponse) => any;
+}
+export interface TransferConfirmationTokenRef {
+    open: () => void;
+    close: () => void;
+}
+export declare enum TransferConfirmationError {
+    TOKEN_NOT_FOUND = "\u24D8 Token not found",
+    NOT_ENOUGH_BALANCE = "\u24D8 Not enough balance",
+    MAX_AMOUNT = "\u24D8 Max amount",
+    MIN_AMOUNT = "\u24D8 Min amount",
+    FAILED = "\u24D8 Failed"
+}
+export declare const TransferConfirmation: import("react").ForwardRefExoticComponent<Omit<TransferConfirmationProps, "ref"> & import("react").RefAttributes<TransferConfirmationTokenRef>>;
+export default TransferConfirmation;

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

@@ -0,0 +1,253 @@
+"use strict";
+/* eslint-disable @typescript-eslint/no-explicit-any */
+"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.TransferConfirmation = exports.TransferConfirmationError = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var Button_1 = __importStar(require("../Button"));
+var DrawerComponent_1 = require("../DrawerComponent");
+var ConfirmLayout_1 = __importDefault(require("../ConfirmLayout"));
+var Formatter_1 = __importDefault(require("../Formatter"));
+var react_1 = require("react");
+var Text_1 = __importDefault(require("../Text"));
+var RequireConnect_1 = __importDefault(require("../RequireConnect"));
+var type_1 = require("../../../services/axios/get-activities-service/type");
+var validate_wallet_address_service_1 = __importDefault(require("../../../services/axios/validate-wallet-address-service"));
+var type_2 = require("../../../services/axios/validate-wallet-address-service/type");
+var ConfirmByPasscode_1 = __importDefault(require("../ConfirmByPasscode"));
+var instructions_service_1 = __importDefault(require("../../../services/axios/instructions-service"));
+var providers_1 = require("../../../providers");
+var useWallet_1 = __importDefault(require("../../../hooks/useWallet"));
+var TransferConfirmationError;
+(function (TransferConfirmationError) {
+    TransferConfirmationError["TOKEN_NOT_FOUND"] = "\u24D8 Token not found";
+    TransferConfirmationError["NOT_ENOUGH_BALANCE"] = "\u24D8 Not enough balance";
+    TransferConfirmationError["MAX_AMOUNT"] = "\u24D8 Max amount";
+    TransferConfirmationError["MIN_AMOUNT"] = "\u24D8 Min amount";
+    TransferConfirmationError["FAILED"] = "\u24D8 Failed";
+})(TransferConfirmationError || (exports.TransferConfirmationError = TransferConfirmationError = {}));
+exports.TransferConfirmation = (0, react_1.forwardRef)(function (props, ref) {
+    var _a, _b;
+    var theme = (0, providers_1.useTheme)();
+    var transferData = props.transferData, transferContent = props.transferContent;
+    var _c = (0, useWallet_1.default)(), isInitPasscode = _c.isInitPasscode, sendInternalTokens = _c.sendInternalTokens, updateSendInternalToken = _c.updateSendInternalToken;
+    var confirmLayoutDrawerRef = (0, react_1.useRef)(null);
+    var _d = (0, react_1.useState)(undefined), error = _d[0], setError = _d[1];
+    var _e = (0, react_1.useState)(undefined), errorAmount = _e[0], setErrorAmount = _e[1];
+    var _f = (0, react_1.useState)(Button_1.BUTTON_STATUS.ENABLED), buttonStatus = _f[0], setButtonStatus = _f[1];
+    var _g = (0, react_1.useState)(false), isValidatingAddress = _g[0], setIsValidatingAddress = _g[1];
+    var _h = (0, react_1.useState)(undefined), errorAddress = _h[0], setErrorAddress = _h[1];
+    var toAddress = transferData.to_address;
+    var amount = transferData.amount;
+    var currencySlug = transferData.currency_slug;
+    var isEnoughBalance = transferData.isEnoughBalance;
+    var token = (0, react_1.useMemo)(function () {
+        return sendInternalTokens === null || sendInternalTokens === void 0 ? void 0 : sendInternalTokens.find(function (token) { return token.slug === currencySlug; });
+    }, [currencySlug, sendInternalTokens]);
+    var validateAmount = (0, react_1.useCallback)(function () {
+        if (!token) {
+            setError(TransferConfirmationError.TOKEN_NOT_FOUND);
+            return false;
+        }
+        if (amount > token.max_value) {
+            setError(TransferConfirmationError.MAX_AMOUNT);
+            setErrorAmount(token.max_value);
+            return false;
+        }
+        if (amount < token.min_value) {
+            setError(TransferConfirmationError.MIN_AMOUNT);
+            setErrorAmount(token.min_value);
+            return false;
+        }
+        if (!isEnoughBalance) {
+            setError(TransferConfirmationError.NOT_ENOUGH_BALANCE);
+            setErrorAmount(token.balance);
+            return false;
+        }
+        setError(undefined);
+        setErrorAmount(undefined);
+        return true;
+    }, [token, amount]);
+    var validateAddress = (0, react_1.useCallback)(function () { return __awaiter(void 0, void 0, void 0, function () {
+        var message;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    setIsValidatingAddress(true);
+                    return [4 /*yield*/, (0, validate_wallet_address_service_1.default)({
+                            address: toAddress,
+                        })];
+                case 1:
+                    message = (_a.sent()).message;
+                    setIsValidatingAddress(false);
+                    if (message === type_2.ValidateWalletAddressResultMessage.INTERNAL_WALLET ||
+                        message === type_2.ValidateWalletAddressResultMessage.EXTERNAL_WALLET_BUT_ALSO_INTERNAL_WALLET) {
+                        setErrorAddress(undefined);
+                        return [2 /*return*/, true];
+                    }
+                    setErrorAddress("ⓘ This address is not a valid internal wallet address");
+                    return [2 /*return*/, false];
+            }
+        });
+    }); }, [toAddress]);
+    var validateAll = (0, react_1.useCallback)(function () { return __awaiter(void 0, void 0, void 0, function () {
+        var isAmountValid;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    isAmountValid = validateAmount();
+                    if (!isAmountValid)
+                        return [2 /*return*/, false];
+                    return [4 /*yield*/, validateAddress()];
+                case 1:
+                    _a.sent();
+                    return [2 /*return*/];
+            }
+        });
+    }); }, [validateAmount, validateAddress]);
+    var handleSendInternalToken = function (passcode) { return __awaiter(void 0, void 0, void 0, function () {
+        var response, err_1;
+        var _a, _b;
+        return __generator(this, function (_c) {
+            switch (_c.label) {
+                case 0:
+                    _c.trys.push([0, 2, , 3]);
+                    setButtonStatus(Button_1.BUTTON_STATUS.LOADING);
+                    return [4 /*yield*/, (0, instructions_service_1.default)(__assign(__assign({}, transferData), { passcode: passcode }))];
+                case 1:
+                    response = _c.sent();
+                    if (response.success) {
+                        (_a = confirmLayoutDrawerRef.current) === null || _a === void 0 ? void 0 : _a.close();
+                        setButtonStatus(Button_1.BUTTON_STATUS.ENABLED);
+                        (_b = props.onTransferSuccess) === null || _b === void 0 ? void 0 : _b.call(props, response);
+                        updateSendInternalToken();
+                    }
+                    else {
+                        throw new Error("ⓘ Send internal failed");
+                    }
+                    return [3 /*break*/, 3];
+                case 2:
+                    err_1 = _c.sent();
+                    console.error(err_1);
+                    setButtonStatus(Button_1.BUTTON_STATUS.ERROR);
+                    setTimeout(function () {
+                        setButtonStatus(Button_1.BUTTON_STATUS.ENABLED);
+                    }, 1200);
+                    return [3 /*break*/, 3];
+                case 3: return [2 /*return*/];
+            }
+        });
+    }); };
+    var handleOpen = function () {
+        var _a;
+        if (!isInitPasscode)
+            throw new Error("Please connect your wallet");
+        (_a = confirmLayoutDrawerRef.current) === null || _a === void 0 ? void 0 : _a.open();
+        validateAll();
+    };
+    var handleClose = function () {
+        var _a;
+        if (!isInitPasscode)
+            throw new Error("Please connect your wallet");
+        (_a = confirmLayoutDrawerRef.current) === null || _a === void 0 ? void 0 : _a.close();
+    };
+    (0, react_1.useImperativeHandle)(ref, function () { return ({
+        open: handleOpen,
+        close: handleClose,
+    }); });
+    (0, react_1.useEffect)(function () {
+        if (!sendInternalTokens && isInitPasscode) {
+            updateSendInternalToken();
+        }
+    }, [sendInternalTokens, updateSendInternalToken, isInitPasscode]);
+    return ((0, jsx_runtime_1.jsx)(RequireConnect_1.default, { children: (0, jsx_runtime_1.jsxs)(ConfirmLayout_1.default, { ref: confirmLayoutDrawerRef, action: props.titleHeader, trigger: props.children, onOpen: validateAll, confirmAction: (0, jsx_runtime_1.jsx)(ConfirmByPasscode_1.default, { action: type_1.TransactionSlug.TRANSFER_INTERNAL, onConfirmSuccess: handleSendInternalToken, triggerStatus: !!error || isValidatingAddress || errorAddress || !isEnoughBalance
+                    ? DrawerComponent_1.DRAWER_TRIGGER_STATUS.DISABLED
+                    : DrawerComponent_1.DRAWER_TRIGGER_STATUS.ENABLED, children: (0, jsx_runtime_1.jsx)(Button_1.default.Primary, { status: !!error || isValidatingAddress || errorAddress || !isEnoughBalance
+                        ? Button_1.BUTTON_STATUS.DISABLED
+                        : buttonStatus, sx: { width: "100%" }, children: "Confirm" }) }), children: [transferContent, !!error && ((0, jsx_runtime_1.jsxs)(Text_1.default, { sx: __assign(__assign({}, theme.mixins.validationError), { mt: (_a = theme.mixins.gaps) === null || _a === void 0 ? void 0 : _a.g6 }), children: [error, " ", !!errorAmount && (0, jsx_runtime_1.jsx)(Formatter_1.default, { value: errorAmount, unit: " ".concat(token === null || token === void 0 ? void 0 : token.name) })] })), !!errorAddress && ((0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign(__assign({}, theme.mixins.validationError), { mt: (_b = theme.mixins.gaps) === null || _b === void 0 ? void 0 : _b.g6 }), children: errorAddress }))] }) }));
+});
+exports.TransferConfirmation.displayName = "TransferConfirmation";
+exports.default = exports.TransferConfirmation;

package/dist/components/TekWallet/components/ui/ConfirmTransfer/type.d.ts

@@ -0,0 +1,16 @@
+import { FeesDataType } from "../../../services/axios/get-est-fee-service/type";
+import { UserInfoDto } from "../../../types/expose-type";
+export interface LockData {
+    amount: number;
+    tokenSlug: string;
+}
+export interface TransferInfoDto {
+    network?: string;
+    type?: string;
+    message?: string;
+    datetime?: string;
+    link?: string;
+    user?: UserInfoDto;
+    receiver?: UserInfoDto;
+    fee?: FeesDataType;
+}

package/dist/components/TekWallet/components/ui/ConfirmTransfer/type.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

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

@@ -433,7 +433,7 @@ exports.ReceiveFunction = (0, react_1.forwardRef)(function (_a, ref) {
                     }, trigger: (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.column), { gap: theme.mixins.gaps.g12, height: "fit-content", width: "100%" }), children: [functionsList.includes(ReceiveMethods.RECEIVE_INTERNAL) && ((0, jsx_runtime_1.jsx)(ListItemCustom_1.default, { title: "Top up via internal transfer", description: "Receive crypto from other Ting users", icon: (0, jsx_runtime_1.jsx)(material_1.SvgIcon, { sx: { width: 24, height: 24 }, children: SvgPath_1.IC_RECEIVE_INTERNAL }), onClick: function () { return handleSelectMethod(ReceiveMethods.RECEIVE_INTERNAL); }, recommended: true })), functionsList.includes(ReceiveMethods.RECEIVE_EXTERNAL) && ((0, jsx_runtime_1.jsx)(ListItemCustom_1.default, { title: "Top up via blockchain", description: "Deposit using a Web3 or an Exchange wallet", icon: (0, jsx_runtime_1.jsx)(material_1.SvgIcon, { sx: { width: 24, height: 24 }, children: SvgPath_1.IC_RECEIVE_EXTERNAL }), onClick: function () { return handleSelectMethod(ReceiveMethods.RECEIVE_EXTERNAL); }, recommended: true })), functionsList.includes(ReceiveMethods.RECEIVE_FIAT) && ((0, jsx_runtime_1.jsx)(FiatDeposit_1.default, { children: (0, jsx_runtime_1.jsx)(ListItemCustom_1.default, { title: "Fiat-Gateway", description: "Experimental deposit via bank transfer", icon: (0, jsx_runtime_1.jsx)(material_1.SvgIcon, { sx: { width: 24, height: 24 }, children: SvgPath_1.IC_RECEIVE_EXTERNAL }), recommended: false }) }))] }), children: (0, jsx_runtime_1.jsx)(ChildPageLayout_1.default, { sx: {
                             position: "relative",
                             sx: "100dvh",
-                        }, header: (0, jsx_runtime_1.jsx)(PageHeader_1.default, { title: RECEIVE_STEP_NAME[Math.max(currentStep, ReceiveStep.SELECT_TOKEN)], overrideBack: handleBack, children: (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.row), { gap: theme.mixins.gaps.g8, marginLeft: "auto" }), children: [(0, jsx_runtime_1.jsx)(HelpButton_1.default, {}), false && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(material_1.Divider, { orientation: "vertical", sx: {
+                        }, header: (0, jsx_runtime_1.jsx)(PageHeader_1.default, { title: RECEIVE_STEP_NAME[Math.max(currentStep, ReceiveStep.SELECT_TOKEN)], overrideBack: handleBack, children: (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.row), { gap: theme.mixins.gaps.g8, marginLeft: "auto" }), children: [(0, jsx_runtime_1.jsx)(HelpButton_1.default, {}), !!handleGotoHistory && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(material_1.Divider, { orientation: "vertical", sx: {
                                                     height: "1rem",
                                                     width: "1px",
                                                     backgroundColor: theme.palette.border.accent3,

package/package.json

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