tek-wallet 0.0.468 → 0.0.470

package/dist/components/ui/SendExternalToken/index.d.ts

@@ -9,6 +9,7 @@ interface SendExternalTokenProps extends Omit<ConfirmLayoutProps, "action"> {
     sendExternalData: SendExternalDataType;
     onSuccess?: (data: SendExternalResponse) => any;
     initFeeData?: FeesDataType;
+    onStart?: () => void;
 }
 export interface SendExternalTokenRef {
     open: () => void;

package/dist/components/ui/SendInternalToken/index.d.ts

@@ -0,0 +1,24 @@
+import { ConfirmLayoutProps } from "../ConfirmLayout";
+import { FeesDataType } from "../../../services/axios/get-est-fee-service/type";
+import { SendInternalBody, SendInternalResponse } from "../../../services/axios/send-internal-service/type";
+interface SendInternalDataType extends Omit<SendInternalBody, "passcode"> {
+}
+interface SendInternalTokenProps extends Omit<ConfirmLayoutProps, "action"> {
+    sendInternalData: SendInternalDataType;
+    onSuccess?: (data: SendInternalResponse) => any;
+    initFeeData?: FeesDataType;
+    onStart?: () => void;
+}
+export interface SendInternalTokenRef {
+    open: () => void;
+    close: () => void;
+}
+export declare enum SendInternalTokenError {
+    TOKEN_NOT_FOUND = "Token not found",
+    NOT_ENOUGH_BALANCE = "Not enough balance",
+    MAX_AMOUNT = "Max amount",
+    MIN_AMOUNT = "Min amount",
+    FAILED = "Failed"
+}
+declare const SendInternalToken: import("react").ForwardRefExoticComponent<Omit<SendInternalTokenProps, "ref"> & import("react").RefAttributes<SendInternalTokenRef>>;
+export default SendInternalToken;

package/dist/components/ui/SendInternalToken/index.js

@@ -0,0 +1,244 @@
+"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.SendInternalTokenError = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var material_1 = require("@mui/material");
+var Button_1 = __importStar(require("../../ui/Button"));
+var ConfirmLayout_1 = __importDefault(require("../ConfirmLayout"));
+var type_1 = require("../ConfirmLayout/type");
+var LineValue_1 = __importDefault(require("../LineValue"));
+var Formatter_1 = __importDefault(require("../Formatter"));
+var ConfirmByPasscode_1 = __importDefault(require("../ConfirmByPasscode"));
+var react_1 = require("react");
+var Text_1 = __importDefault(require("../Text"));
+var RequireConnect_1 = __importDefault(require("../RequireConnect"));
+var useWalletData_1 = __importDefault(require("../../../hooks/useWalletData"));
+var useWithdrawData_1 = __importDefault(require("../../../hooks/useWithdrawData"));
+var Fees_1 = __importDefault(require("../Fees"));
+var get_est_fee_service_1 = __importDefault(require("../../../services/axios/get-est-fee-service"));
+var type_2 = require("../../../services/axios/get-activities-service/type");
+var send_internal_service_1 = __importDefault(require("../../../services/axios/send-internal-service"));
+var SendInternalTokenError;
+(function (SendInternalTokenError) {
+    SendInternalTokenError["TOKEN_NOT_FOUND"] = "Token not found";
+    SendInternalTokenError["NOT_ENOUGH_BALANCE"] = "Not enough balance";
+    SendInternalTokenError["MAX_AMOUNT"] = "Max amount";
+    SendInternalTokenError["MIN_AMOUNT"] = "Min amount";
+    SendInternalTokenError["FAILED"] = "Failed";
+})(SendInternalTokenError || (exports.SendInternalTokenError = SendInternalTokenError = {}));
+var SendInternalToken = (0, react_1.forwardRef)(function (props, ref) {
+    var _a;
+    var theme = (0, material_1.useTheme)();
+    var withdrawTokens = (0, useWithdrawData_1.default)().withdrawTokens;
+    var isAuthenticated = (0, useWalletData_1.default)().isAuthenticated;
+    var confirmLayoutDrawerRef = (0, react_1.useRef)(null);
+    var _b = (0, react_1.useState)(undefined), token = _b[0], setToken = _b[1];
+    var _c = (0, react_1.useState)(undefined), error = _c[0], setError = _c[1];
+    var _d = (0, react_1.useState)(undefined), errorAmount = _d[0], setErrorAmount = _d[1];
+    var _e = (0, react_1.useState)(Button_1.BUTTON_STATUS.ENABLED), buttonStatus = _e[0], setButtonStatus = _e[1];
+    var _f = (0, react_1.useState)(props.initFeeData), estimateFee = _f[0], setEstimateFee = _f[1];
+    var _g = (0, react_1.useState)(false), isLoadingEstimateFee = _g[0], setIsLoadingEstimateFee = _g[1];
+    var amount = props.sendInternalData.amount;
+    var toAddress = props.sendInternalData.to_address;
+    var tokenSlug = props.sendInternalData.currency_slug;
+    var getEstimateFee = (0, react_1.useCallback)(function () { return __awaiter(void 0, void 0, void 0, function () {
+        var response;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    if (!tokenSlug || !!errorAmount)
+                        return [2 /*return*/];
+                    setIsLoadingEstimateFee(true);
+                    return [4 /*yield*/, (0, get_est_fee_service_1.default)({
+                            amount: "".concat(amount),
+                            transaction_type: type_2.TransactionSlug.TransferInternal,
+                            currency: tokenSlug || "",
+                        })];
+                case 1:
+                    response = _a.sent();
+                    setIsLoadingEstimateFee(false);
+                    setEstimateFee(response === null || response === void 0 ? void 0 : response.data);
+                    return [2 /*return*/];
+            }
+        });
+    }); }, [amount, tokenSlug, errorAmount]);
+    var validateAmount = (0, react_1.useCallback)(function (sendInternalData) {
+        var token = withdrawTokens === null || withdrawTokens === void 0 ? void 0 : withdrawTokens.find(function (token) { return token.slug === sendInternalData.currency_slug; });
+        console.warn("🚀 ~ validateAmount ~ lockData:", sendInternalData, withdrawTokens, token);
+        setToken(token);
+        if (!token) {
+            setError(SendInternalTokenError.TOKEN_NOT_FOUND);
+            return;
+        }
+        if (+sendInternalData.amount > token.max_value) {
+            setError(SendInternalTokenError.MAX_AMOUNT);
+            setErrorAmount(token.max_value);
+            return;
+        }
+        if (+sendInternalData.amount < token.min_value) {
+            setError(SendInternalTokenError.MIN_AMOUNT);
+            setErrorAmount(token.min_value);
+            return;
+        }
+        if (+sendInternalData.amount > +token.balance) {
+            setError(SendInternalTokenError.NOT_ENOUGH_BALANCE);
+            setErrorAmount(token.balance);
+            return;
+        }
+        setError(undefined);
+        setErrorAmount(undefined);
+    }, [withdrawTokens]);
+    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]);
+                    console.warn("🚀 ~ handleSendInternalToken ~ sendInternalData:", props.sendInternalData, passcode);
+                    setButtonStatus(Button_1.BUTTON_STATUS.LOADING);
+                    return [4 /*yield*/, (0, send_internal_service_1.default)(__assign(__assign({}, props.sendInternalData), { passcode: passcode }))];
+                case 1:
+                    response = _c.sent();
+                    console.warn("🚀 ~ handleSendInternalToken ~ response:", response);
+                    if (response.success) {
+                        (_a = confirmLayoutDrawerRef.current) === null || _a === void 0 ? void 0 : _a.close();
+                        setButtonStatus(Button_1.BUTTON_STATUS.ENABLED);
+                        (_b = props.onSuccess) === null || _b === void 0 ? void 0 : _b.call(props, response);
+                    }
+                    else {
+                        throw new Error("Send external 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 (!isAuthenticated)
+            throw new Error("Please connect your wallet");
+        (_a = confirmLayoutDrawerRef.current) === null || _a === void 0 ? void 0 : _a.open();
+    };
+    var handleClose = function () {
+        var _a;
+        if (!isAuthenticated)
+            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,
+    }); });
+    var estimateReceive = (0, react_1.useMemo)(function () {
+        if (!estimateFee || !amount)
+            return undefined;
+        return +amount - +(estimateFee === null || estimateFee === void 0 ? void 0 : estimateFee.feeInCurrency);
+    }, [estimateFee, amount]);
+    (0, react_1.useEffect)(function () {
+        getEstimateFee();
+    }, [getEstimateFee]);
+    (0, react_1.useEffect)(function () {
+        validateAmount(props.sendInternalData);
+    }, [validateAmount, props.sendInternalData]);
+    return ((0, jsx_runtime_1.jsx)(RequireConnect_1.default, { children: (0, jsx_runtime_1.jsx)(ConfirmLayout_1.default, { ref: confirmLayoutDrawerRef, action: type_1.ActionConfirm.LOCK, trigger: props.children, children: (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.column), { gap: theme.mixins.gaps.g12 }), children: [(0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign({}, theme.mixins.paper), children: [(0, jsx_runtime_1.jsx)(LineValue_1.default, { field: "Recipient address", value: (0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
+                                        wordBreak: "break-all",
+                                    }, children: toAddress }) }), (0, jsx_runtime_1.jsx)(LineValue_1.default, { field: "Amount", value: (0, jsx_runtime_1.jsx)(Formatter_1.default, { value: amount, unit: " ".concat(token === null || token === void 0 ? void 0 : token.name) }) }), ((_a = estimateFee === null || estimateFee === void 0 ? void 0 : estimateFee.feeDetail) === null || _a === void 0 ? void 0 : _a.length) && !!amount && ((0, jsx_runtime_1.jsx)(Fees_1.default, { feesData: JSON.stringify(estimateFee), amount: +amount })), (0, jsx_runtime_1.jsx)(LineValue_1.default, { field: "Receive amount estimated", value: (0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
+                                        fontWeight: theme.typography.fontWeight600,
+                                        fontSize: theme.typography.fontSize16,
+                                    }, children: (0, jsx_runtime_1.jsx)(Formatter_1.default, { value: estimateReceive, unit: " ".concat(token === null || token === void 0 ? void 0 : token.name) }) }) }), !!error && ((0, jsx_runtime_1.jsxs)(Text_1.default, { sx: __assign(__assign({}, theme.mixins.validationError), { mt: theme.mixins.gaps.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) })] }))] }), (0, jsx_runtime_1.jsx)(ConfirmByPasscode_1.default, { action: type_1.ActionConfirm.LOCK, onConfirmSuccess: handleSendInternalToken, children: (0, jsx_runtime_1.jsx)(Button_1.default.Primary, { status: !!error || isLoadingEstimateFee ? Button_1.BUTTON_STATUS.DISABLED : buttonStatus, sx: { width: "100%" }, children: "Confirm" }) })] }) }) }));
+});
+SendInternalToken.displayName = "SendInternalToken";
+exports.default = SendInternalToken;

package/dist/components/ui/SendInternalToken/type.d.ts

@@ -0,0 +1,4 @@
+export interface LockData {
+    amount: number;
+    tokenSlug: string;
+}

package/dist/components/ui/SendInternalToken/type.js

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

package/dist/components/ui/WithdrawFunction/index.js

@@ -113,16 +113,11 @@ var AppBackDrop_1 = __importDefault(require("../AppBackDrop"));
 var DialogContentLayout_1 = __importDefault(require("../DialogContentLayout"));
 var AppDialog_1 = __importDefault(require("../AppDialog"));
 var Formatter_1 = __importDefault(require("../Formatter"));
-var send_internal_service_1 = __importDefault(require("../../../services/axios/send-internal-service"));
 var get_est_fee_service_1 = __importDefault(require("../../../services/axios/get-est-fee-service"));
 var Fees_1 = __importDefault(require("../Fees"));
-var ConfirmLayout_1 = __importDefault(require("../ConfirmLayout"));
-var type_1 = require("../ConfirmLayout/type");
-var ConfirmByPasscode_1 = __importDefault(require("../ConfirmByPasscode"));
-var LineValue_1 = __importDefault(require("../LineValue"));
-var send_external_service_1 = __importDefault(require("../../../services/axios/send-external-service"));
-var type_2 = require("../../../services/axios/get-activities-service/type");
+var type_1 = require("../../../services/axios/get-activities-service/type");
 var SendExternalToken_1 = __importDefault(require("../SendExternalToken"));
+var SendInternalToken_1 = __importDefault(require("../SendInternalToken"));
 var SendMethods;
 (function (SendMethods) {
     SendMethods["SCAN_QR_CODE"] = "scan qr code";
@@ -151,36 +146,34 @@ var AmountError;
     AmountError["MIN_LIMIT"] = "The minimum amount is";
 })(AmountError || (exports.AmountError = AmountError = {}));
 var WithdrawFunction = (0, react_1.forwardRef)(function (props, ref) {
-    var _a, _b;
+    var _a;
     var drawerRef = (0, react_1.useRef)(null);
     var swiperRef = (0, react_1.useRef)(null);
-    var confirmLayoutDrawerRef = (0, react_1.useRef)(null);
     var theme = (0, material_1.useTheme)();
-    var _c = (0, react_1.useState)(WithdrawStep.SELECT_METHOD), currentStep = _c[0], setCurrentStep = _c[1];
-    var _d = (0, react_1.useState)(), selectedToken = _d[0], setSelectedToken = _d[1];
-    var _e = (0, react_1.useState)(), selectedNetwork = _e[0], setSelectedNetwork = _e[1];
+    var _b = (0, react_1.useState)(WithdrawStep.SELECT_METHOD), currentStep = _b[0], setCurrentStep = _b[1];
+    var _c = (0, react_1.useState)(), selectedToken = _c[0], setSelectedToken = _c[1];
+    var _d = (0, react_1.useState)(), selectedNetwork = _d[0], setSelectedNetwork = _d[1];
     var isAuthenticated = (0, useWalletData_1.default)().isAuthenticated;
-    var _f = (0, useWithdrawData_1.default)(), withdrawTokens = _f.withdrawTokens, updateWithdrawToken = _f.updateWithdrawToken, updateSendInternalToken = _f.updateSendInternalToken, sendInternalTokens = _f.sendInternalTokens;
-    var _g = (0, react_1.useState)(), infoDialogContent = _g[0], setInfoDialogContent = _g[1];
-    var _h = (0, react_1.useState)(""), amount = _h[0], setAmount = _h[1];
-    var _j = (0, react_1.useState)(undefined), memo = _j[0], setMemo = _j[1];
-    var _k = (0, react_1.useState)(undefined), recipientAddress = _k[0], setRecipientAddress = _k[1];
-    var _l = (0, react_1.useState)(), amountErrorMessage = _l[0], setAmountErrorMessage = _l[1];
-    var _m = (0, react_1.useState)(true), hiddenError = _m[0], setHiddenError = _m[1];
-    var _o = (0, react_1.useState)(), amountError = _o[0], setAmountError = _o[1];
+    var _e = (0, useWithdrawData_1.default)(), withdrawTokens = _e.withdrawTokens, updateWithdrawToken = _e.updateWithdrawToken, updateSendInternalToken = _e.updateSendInternalToken, sendInternalTokens = _e.sendInternalTokens;
+    var _f = (0, react_1.useState)(), infoDialogContent = _f[0], setInfoDialogContent = _f[1];
+    var _g = (0, react_1.useState)(""), amount = _g[0], setAmount = _g[1];
+    var _h = (0, react_1.useState)(undefined), memo = _h[0], setMemo = _h[1];
+    var _j = (0, react_1.useState)(undefined), recipientAddress = _j[0], setRecipientAddress = _j[1];
+    var _k = (0, react_1.useState)(), amountErrorMessage = _k[0], setAmountErrorMessage = _k[1];
+    var _l = (0, react_1.useState)(true), hiddenError = _l[0], setHiddenError = _l[1];
+    var _m = (0, react_1.useState)(), amountError = _m[0], setAmountError = _m[1];
     var scannerAllQrCodeRef = (0, react_1.useRef)(null);
     var scannerAddressQrCodeRef = (0, react_1.useRef)(null);
     var backDropRef = (0, react_1.useRef)(null);
     var suggestUseTransferInternalDialogRef = (0, react_1.useRef)(null);
     var suggestUseTransferExternalDialogRef = (0, react_1.useRef)(null);
-    var _p = (0, react_1.useState)(), selectedMethod = _p[0], setSelectedMethod = _p[1];
-    var _q = (0, react_1.useState)(), sendInfoGet = _q[0], setSendInfoGet = _q[1];
-    var _r = (0, react_1.useState)(false), isLoadingEstimateFee = _r[0], setIsLoadingEstimateFee = _r[1];
-    var _s = (0, react_1.useState)(false), isValidatingAddress = _s[0], setIsValidatingAddress = _s[1];
-    var _t = (0, react_1.useState)(), estimateFee = _t[0], setEstimateFee = _t[1];
-    var _u = (0, react_1.useState)(), recipientAddressError = _u[0], setRecipientAddressError = _u[1];
+    var _o = (0, react_1.useState)(), selectedMethod = _o[0], setSelectedMethod = _o[1];
+    var _p = (0, react_1.useState)(), sendInfoGet = _p[0], setSendInfoGet = _p[1];
+    var _q = (0, react_1.useState)(false), isLoadingEstimateFee = _q[0], setIsLoadingEstimateFee = _q[1];
+    var _r = (0, react_1.useState)(false), isValidatingAddress = _r[0], setIsValidatingAddress = _r[1];
+    var _s = (0, react_1.useState)(), estimateFee = _s[0], setEstimateFee = _s[1];
+    var _t = (0, react_1.useState)(), recipientAddressError = _t[0], setRecipientAddressError = _t[1];
     var onlyChangeAddress = (0, react_1.useRef)(false);
-    var _v = (0, react_1.useState)(Button_1.BUTTON_STATUS.ENABLED), sendButtonStatus = _v[0], setSendButtonStatus = _v[1];
     var withdrawToken = (0, react_1.useMemo)(function () {
         return selectedMethod === SendMethods.TRANSFER_EXTERNAL ? withdrawTokens : sendInternalTokens;
     }, [withdrawTokens, sendInternalTokens, selectedMethod]);
@@ -369,7 +362,7 @@ var WithdrawFunction = (0, react_1.forwardRef)(function (props, ref) {
                     setIsLoadingEstimateFee(true);
                     return [4 /*yield*/, (0, get_est_fee_service_1.default)({
                             amount: "".concat(amount),
-                            transaction_type: selectedMethod === SendMethods.TRANSFER_EXTERNAL ? type_2.TransactionSlug.Withdrawn : type_2.TransactionSlug.TransferInternal,
+                            transaction_type: selectedMethod === SendMethods.TRANSFER_EXTERNAL ? type_1.TransactionSlug.Withdrawn : type_1.TransactionSlug.TransferInternal,
                             currency: (selectedToken === null || selectedToken === void 0 ? void 0 : selectedToken.slug) || "",
                         })];
                 case 1:
@@ -523,100 +516,6 @@ var WithdrawFunction = (0, react_1.forwardRef)(function (props, ref) {
             return [2 /*return*/];
         });
     }); };
-    var handleSendInternal = 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]);
-                    console.warn("withdraw internal");
-                    setSendButtonStatus(Button_1.BUTTON_STATUS.LOADING);
-                    return [4 /*yield*/, (0, send_internal_service_1.default)({
-                            amount: "".concat(amount),
-                            to_address: recipientAddress || "",
-                            currency_slug: (selectedToken === null || selectedToken === void 0 ? void 0 : selectedToken.slug) || "",
-                            passcode: passcode,
-                        })];
-                case 1:
-                    response = _c.sent();
-                    console.warn("🚀 ~ handleSendInternal ~ response:", response);
-                    if (response.success) {
-                        close();
-                        (_a = confirmLayoutDrawerRef.current) === null || _a === void 0 ? void 0 : _a.close();
-                        setSendButtonStatus(Button_1.BUTTON_STATUS.ENABLED);
-                        (_b = props.onSendSuccess) === null || _b === void 0 ? void 0 : _b.call(props, response);
-                    }
-                    else {
-                        throw new Error("Send internal failed");
-                    }
-                    return [3 /*break*/, 3];
-                case 2:
-                    err_1 = _c.sent();
-                    console.error(err_1);
-                    setSendButtonStatus(Button_1.BUTTON_STATUS.ERROR);
-                    setTimeout(function () {
-                        setSendButtonStatus(Button_1.BUTTON_STATUS.ENABLED);
-                    }, 1200);
-                    return [3 /*break*/, 3];
-                case 3: return [2 /*return*/];
-            }
-        });
-    }); };
-    var handleSendExternal = function (passcode) { return __awaiter(void 0, void 0, void 0, function () {
-        var response, err_2;
-        var _a, _b;
-        return __generator(this, function (_c) {
-            switch (_c.label) {
-                case 0:
-                    _c.trys.push([0, 2, , 3]);
-                    console.warn("withdraw external");
-                    setSendButtonStatus(Button_1.BUTTON_STATUS.LOADING);
-                    return [4 /*yield*/, (0, send_external_service_1.default)({
-                            amount: "".concat(amount),
-                            to_address: recipientAddress || "",
-                            currency_slug: (selectedToken === null || selectedToken === void 0 ? void 0 : selectedToken.slug) || "",
-                            passcode: passcode,
-                            network: (selectedNetwork === null || selectedNetwork === void 0 ? void 0 : selectedNetwork.slug) || "",
-                            memo: memo || "",
-                        })];
-                case 1:
-                    response = _c.sent();
-                    console.warn("🚀 ~ handleSendExternal ~ response:", response);
-                    if (response.success) {
-                        close();
-                        (_a = confirmLayoutDrawerRef.current) === null || _a === void 0 ? void 0 : _a.close();
-                        setSendButtonStatus(Button_1.BUTTON_STATUS.ENABLED);
-                        (_b = props.onSendSuccess) === null || _b === void 0 ? void 0 : _b.call(props, response);
-                    }
-                    else {
-                        throw new Error("Send external failed");
-                    }
-                    return [3 /*break*/, 3];
-                case 2:
-                    err_2 = _c.sent();
-                    console.error(err_2);
-                    setSendButtonStatus(Button_1.BUTTON_STATUS.ERROR);
-                    setTimeout(function () {
-                        setSendButtonStatus(Button_1.BUTTON_STATUS.ENABLED);
-                    }, 1200);
-                    return [3 /*break*/, 3];
-                case 3: return [2 /*return*/];
-            }
-        });
-    }); };
-    var handleSend = function (passcode) {
-        switch (selectedMethod) {
-            case SendMethods.TRANSFER_INTERNAL:
-                handleSendInternal(passcode);
-                break;
-            case SendMethods.TRANSFER_EXTERNAL:
-                handleSendExternal(passcode);
-                break;
-            default:
-                break;
-        }
-    };
     (0, react_1.useEffect)(function () {
         if (isAuthenticated && !withdrawTokens) {
             updateWithdrawToken();
@@ -676,13 +575,25 @@ var WithdrawFunction = (0, react_1.forwardRef)(function (props, ref) {
                                                         placeholder: "Enter memo",
                                                         value: memo,
                                                         onChange: handleChangeMemo,
-                                                    } })] })), !!((_a = estimateFee === null || estimateFee === void 0 ? void 0 : estimateFee.feeDetail) === null || _a === void 0 ? void 0 : _a.length) && !!amount && ((0, jsx_runtime_1.jsx)(Fees_1.default, { feesData: JSON.stringify(estimateFee), amount: +amount })), estimateReceive !== undefined && !amountError && ((0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign({}, theme.mixins.row), children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, theme.mixins.fieldTitle), children: "Receive amount estimated" }), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign(__assign({}, theme.mixins.value), { ml: "auto" }), children: (0, jsx_runtime_1.jsx)(Formatter_1.default, { value: estimateReceive }) })] })), (0, jsx_runtime_1.jsx)(SendExternalToken_1.default, { initFeeData: estimateFee, sendExternalData: {
+                                                    } })] })), !!((_a = estimateFee === null || estimateFee === void 0 ? void 0 : estimateFee.feeDetail) === null || _a === void 0 ? void 0 : _a.length) && !!amount && ((0, jsx_runtime_1.jsx)(Fees_1.default, { feesData: JSON.stringify(estimateFee), amount: +amount })), estimateReceive !== undefined && !amountError && ((0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign({}, theme.mixins.row), children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, theme.mixins.fieldTitle), children: "Receive amount estimated" }), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign(__assign({}, theme.mixins.value), { ml: "auto" }), children: (0, jsx_runtime_1.jsx)(Formatter_1.default, { value: estimateReceive }) })] })), selectedMethod === SendMethods.TRANSFER_EXTERNAL && ((0, jsx_runtime_1.jsx)(SendExternalToken_1.default, { initFeeData: estimateFee, sendExternalData: {
                                                 amount: "".concat(amount),
                                                 currency_slug: (selectedToken === null || selectedToken === void 0 ? void 0 : selectedToken.slug) || "",
                                                 to_address: recipientAddress || "",
                                                 network: selectedNetwork,
                                                 memo: memo || "",
-                                            }, children: (0, jsx_runtime_1.jsx)(Button_1.default.Primary, { children: "Send externally" }) }), (0, jsx_runtime_1.jsx)(ConfirmLayout_1.default, { ref: confirmLayoutDrawerRef, action: type_1.ActionConfirm.SEND, trigger: (0, jsx_runtime_1.jsx)(Button_1.default.Primary, { sx: { width: "100%" }, status: !!amountError ||
+                                            }, onSuccess: close, children: (0, jsx_runtime_1.jsx)(Button_1.default.Primary, { status: !!amountError ||
+                                                    !!recipientAddressError ||
+                                                    !recipientAddress ||
+                                                    !amount ||
+                                                    !selectedToken ||
+                                                    isLoadingEstimateFee ||
+                                                    isValidatingAddress
+                                                    ? Button_1.BUTTON_STATUS.DISABLED
+                                                    : Button_1.BUTTON_STATUS.ENABLED, children: "Continue" }) })), selectedMethod === SendMethods.TRANSFER_INTERNAL && ((0, jsx_runtime_1.jsx)(SendInternalToken_1.default, { initFeeData: estimateFee, sendInternalData: {
+                                                amount: "".concat(amount),
+                                                currency_slug: (selectedToken === null || selectedToken === void 0 ? void 0 : selectedToken.slug) || "",
+                                                to_address: recipientAddress || "",
+                                            }, onSuccess: close, children: (0, jsx_runtime_1.jsx)(Button_1.default.Primary, { status: !!amountError ||
                                                     !!recipientAddressError ||
                                                     !recipientAddress ||
                                                     !amount ||
@@ -690,12 +601,7 @@ var WithdrawFunction = (0, react_1.forwardRef)(function (props, ref) {
                                                     isLoadingEstimateFee ||
                                                     isValidatingAddress
                                                     ? Button_1.BUTTON_STATUS.DISABLED
-                                                    : Button_1.BUTTON_STATUS.ENABLED, children: "Continue" }), children: (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.column), { gap: theme.mixins.gaps.g12 }), children: [(0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign({}, theme.mixins.paper), children: [(0, jsx_runtime_1.jsx)(LineValue_1.default, { field: "Recipient address", value: (0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
-                                                                        wordBreak: "break-all",
-                                                                    }, children: recipientAddress }) }), selectedMethod === SendMethods.TRANSFER_EXTERNAL && ((0, jsx_runtime_1.jsx)(LineValue_1.default, { field: "Network", value: (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.row), { gap: theme.mixins.gaps.g6, ml: "auto" }), children: [(0, jsx_runtime_1.jsx)(Icon_1.default, { width: 20, src: selectedNetwork === null || selectedNetwork === void 0 ? void 0 : selectedNetwork.icon }), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, theme.mixins.value), children: selectedNetwork === null || selectedNetwork === void 0 ? void 0 : selectedNetwork.name })] }) })), (0, jsx_runtime_1.jsx)(LineValue_1.default, { field: "Amount", value: (0, jsx_runtime_1.jsx)(Formatter_1.default, { value: amount, unit: " ".concat(selectedToken === null || selectedToken === void 0 ? void 0 : selectedToken.name) }) }), !!memo && selectedMethod === SendMethods.TRANSFER_EXTERNAL && ((0, jsx_runtime_1.jsx)(LineValue_1.default, { field: "Memo", value: memo })), !!((_b = estimateFee === null || estimateFee === void 0 ? void 0 : estimateFee.feeDetail) === null || _b === void 0 ? void 0 : _b.length) && !!amount && ((0, jsx_runtime_1.jsx)(Fees_1.default, { feesData: JSON.stringify(estimateFee), amount: +amount })), (0, jsx_runtime_1.jsx)(LineValue_1.default, { field: "Receive amount estimated", value: (0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
-                                                                        fontWeight: theme.typography.fontWeight600,
-                                                                        fontSize: theme.typography.fontSize16,
-                                                                    }, children: (0, jsx_runtime_1.jsx)(Formatter_1.default, { value: estimateReceive, unit: " ".concat(selectedToken === null || selectedToken === void 0 ? void 0 : selectedToken.name) }) }) })] }), (0, jsx_runtime_1.jsx)(ConfirmByPasscode_1.default, { action: type_1.ActionConfirm.SEND, onConfirmSuccess: handleSend, children: (0, jsx_runtime_1.jsx)(Button_1.default.Primary, { status: sendButtonStatus, sx: { width: "100%" }, children: "Confirm" }) })] }) })] }) }, WithdrawStep.FORM)] }), (0, jsx_runtime_1.jsx)(QrCodeReader_1.default, { ref: scannerAllQrCodeRef, onResult: handleScanAllQrCode }), (0, jsx_runtime_1.jsx)(QrCodeReader_1.default, { ref: scannerAddressQrCodeRef, onResult: handleScanAddressQrCode }), (0, jsx_runtime_1.jsx)(AppBackDrop_1.default, { ref: backDropRef }), (0, jsx_runtime_1.jsx)(AppDialog_1.default, { overrideOpen: !!infoDialogContent, children: (0, jsx_runtime_1.jsx)(DialogContentLayout_1.default, { content: (0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
+                                                    : Button_1.BUTTON_STATUS.ENABLED, children: "Continue" }) }))] }) }, WithdrawStep.FORM)] }), (0, jsx_runtime_1.jsx)(QrCodeReader_1.default, { ref: scannerAllQrCodeRef, onResult: handleScanAllQrCode }), (0, jsx_runtime_1.jsx)(QrCodeReader_1.default, { ref: scannerAddressQrCodeRef, onResult: handleScanAddressQrCode }), (0, jsx_runtime_1.jsx)(AppBackDrop_1.default, { ref: backDropRef }), (0, jsx_runtime_1.jsx)(AppDialog_1.default, { overrideOpen: !!infoDialogContent, children: (0, jsx_runtime_1.jsx)(DialogContentLayout_1.default, { content: (0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
                                     textAlign: "center",
                                     display: "inline-block",
                                     width: "100%",

package/package.json

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