tek-wallet 0.0.529 → 0.0.532

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

@@ -274,7 +274,7 @@ var SendExternalToken = (0, react_1.forwardRef)(function (props, ref) {
     }, [estimateFee, amount]);
     return ((0, jsx_runtime_1.jsx)(RequireConnect_1.default, { children: (0, jsx_runtime_1.jsxs)(ConfirmLayout_1.default, { onOpen: validateAll, ref: confirmLayoutDrawerRef, action: transactionSlug, 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 }), valueDescription: (0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, theme.mixins.validationError), children: errorAddress }) }), (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: network === null || network === void 0 ? void 0 : network.icon }), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, theme.mixins.value), children: network === null || network === void 0 ? void 0 : network.name })] }) }), (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) }) }), !!memo && (0, jsx_runtime_1.jsx)(LineValue_1.default, { field: "Memo", value: memo }), ((_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, tokenSlug: tokenSlug })), (0, jsx_runtime_1.jsx)(LineValue_1.default, { field: "Receive amount estimated", value: (0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
+                                        }, children: toAddress }), valueDescription: (0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, theme.mixins.validationError), children: errorAddress }) }), (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: network === null || network === void 0 ? void 0 : network.icon }), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, theme.mixins.value), children: network === null || network === void 0 ? void 0 : network.name })] }) }), (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) }) }), !!memo && (0, jsx_runtime_1.jsx)(LineValue_1.default, { field: "Memo", value: memo }), ((_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, { isFeePaidByAmount: true, feesData: JSON.stringify(estimateFee), amount: +amount, tokenSlug: tokenSlug })), (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.customMargin.m6 }), 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: transactionSlug, onConfirmSuccess: handleSendExternalToken, children: (0, jsx_runtime_1.jsx)(Button_1.default.Primary, { status: !!error || isLoadingEstimateFee || isValidatingAddress || errorAddress

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

@@ -104,6 +104,7 @@ var type_1 = require("../../../services/axios/get-activities-service/type");
 var Activities_1 = __importDefault(require("../Activities"));
 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 CopyTextComponent_1 = __importDefault(require("../CopyTextComponent"));
 var SendInternalTokenError;
 (function (SendInternalTokenError) {
     SendInternalTokenError["TOKEN_NOT_FOUND"] = "Token not found";
@@ -112,7 +113,7 @@ var SendInternalTokenError;
     SendInternalTokenError["MIN_AMOUNT"] = "Min amount";
     SendInternalTokenError["FAILED"] = "Failed";
 })(SendInternalTokenError || (exports.SendInternalTokenError = SendInternalTokenError = {}));
-var transactionSlug = type_1.TransactionSlug.Withdrawn;
+var transactionSlug = type_1.TransactionSlug.TransferInternal;
 var SendInternalToken = (0, react_1.forwardRef)(function (props, ref) {
     var _a;
     var theme = (0, material_1.useTheme)();
@@ -269,9 +270,9 @@ var SendInternalToken = (0, react_1.forwardRef)(function (props, ref) {
             return undefined;
         return +amount - +(estimateFee === null || estimateFee === void 0 ? void 0 : estimateFee.feeInCurrency);
     }, [estimateFee, amount]);
-    return ((0, jsx_runtime_1.jsx)(RequireConnect_1.default, { children: (0, jsx_runtime_1.jsxs)(ConfirmLayout_1.default, { onOpen: validateAll, ref: confirmLayoutDrawerRef, action: transactionSlug, 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 }), valueDescription: (0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, theme.mixins.validationError), children: errorAddress }) }), (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, tokenSlug: tokenSlug })), (0, jsx_runtime_1.jsx)(LineValue_1.default, { field: "Receive amount estimated", value: (0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
+    return ((0, jsx_runtime_1.jsx)(RequireConnect_1.default, { children: (0, jsx_runtime_1.jsxs)(ConfirmLayout_1.default, { onOpen: validateAll, ref: confirmLayoutDrawerRef, action: transactionSlug, 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)(CopyTextComponent_1.default, { value: toAddress, children: (0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
+                                                wordBreak: "break-all",
+                                            }, children: toAddress }) }), valueDescription: (0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, theme.mixins.validationError), children: errorAddress }) }), (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, { isFeePaidByAmount: true, feesData: JSON.stringify(estimateFee), amount: +amount, tokenSlug: tokenSlug })), (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.customMargin.m6 }), 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: transactionSlug, onConfirmSuccess: handleSendInternalToken, children: (0, jsx_runtime_1.jsx)(Button_1.default.Primary, { status: !!error || isLoadingEstimateFee || isValidatingAddress || errorAddress

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

@@ -0,0 +1,26 @@
+import { ConfirmLayoutProps } from "../ConfirmLayout";
+import { FeesDataType } from "../../../services/axios/get-est-fee-service/type";
+import { SwapBody, SwapResponse } from "../../../services/axios/swap-service/type";
+import { NetworkData } from "../../../services/axios/type";
+interface SwapDataType extends Omit<SwapBody, "passcode" | "network"> {
+    network: NetworkData;
+}
+interface SwapTokenProps extends Omit<ConfirmLayoutProps, "action"> {
+    sendData: SwapDataType;
+    onSuccess?: (data: SwapResponse) => any;
+    initFeeData?: FeesDataType;
+    onStart?: () => void;
+}
+export interface SwapTokenRef {
+    open: () => void;
+    close: () => void;
+}
+export declare enum SwapTokenError {
+    TOKEN_NOT_FOUND = "Token not found",
+    NOT_ENOUGH_BALANCE = "Not enough balance",
+    MAX_AMOUNT = "Max amount",
+    MIN_AMOUNT = "Min amount",
+    FAILED = "Failed"
+}
+declare const SwapToken: import("react").ForwardRefExoticComponent<Omit<SwapTokenProps, "ref"> & import("react").RefAttributes<SwapTokenRef>>;
+export default SwapToken;

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

@@ -0,0 +1,267 @@
+"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.SwapTokenError = 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 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 Fees_1 = __importDefault(require("../Fees"));
+var get_est_fee_service_1 = __importDefault(require("../../../services/axios/get-est-fee-service"));
+var type_1 = require("../../../services/axios/get-activities-service/type");
+var Activities_1 = __importDefault(require("../Activities"));
+var useSwapData_1 = __importDefault(require("../../../hooks/useSwapData"));
+var swap_service_1 = __importDefault(require("../../../services/axios/swap-service"));
+var Icon_1 = __importDefault(require("../Icon"));
+var getIcon_1 = __importDefault(require("../../../utils/getIcon"));
+var SwapTokenError;
+(function (SwapTokenError) {
+    SwapTokenError["TOKEN_NOT_FOUND"] = "Token not found";
+    SwapTokenError["NOT_ENOUGH_BALANCE"] = "Not enough balance";
+    SwapTokenError["MAX_AMOUNT"] = "Max amount";
+    SwapTokenError["MIN_AMOUNT"] = "Min amount";
+    SwapTokenError["FAILED"] = "Failed";
+})(SwapTokenError || (exports.SwapTokenError = SwapTokenError = {}));
+var transactionSlug = type_1.TransactionSlug.Swap;
+var SwapToken = (0, react_1.forwardRef)(function (props, ref) {
+    var _a;
+    var theme = (0, material_1.useTheme)();
+    var fromTokens = (0, useSwapData_1.default)().fromTokens;
+    var isAuthenticated = (0, useWalletData_1.default)().isAuthenticated;
+    var confirmLayoutDrawerRef = (0, react_1.useRef)(null);
+    var _b = (0, react_1.useState)(undefined), error = _b[0], setError = _b[1];
+    var _c = (0, react_1.useState)(undefined), errorAmount = _c[0], setErrorAmount = _c[1];
+    var _d = (0, react_1.useState)(Button_1.BUTTON_STATUS.ENABLED), buttonStatus = _d[0], setButtonStatus = _d[1];
+    var _e = (0, react_1.useState)(props.initFeeData), estimateFee = _e[0], setEstimateFee = _e[1];
+    var _f = (0, react_1.useState)(false), isLoadingEstimateFee = _f[0], setIsLoadingEstimateFee = _f[1];
+    var activitiesRef = (0, react_1.useRef)(null);
+    var amount = props.sendData.amount;
+    var network = props.sendData.network;
+    var fromTokenSlug = props.sendData.currency_slug;
+    var toTokenSlug = props.sendData.to_currency_slug;
+    var fromToken = (0, react_1.useMemo)(function () {
+        return fromTokens === null || fromTokens === void 0 ? void 0 : fromTokens.find(function (token) { return token.slug === fromTokenSlug; });
+    }, [fromTokenSlug, fromTokens]);
+    var toToken = (0, react_1.useMemo)(function () {
+        if (!fromToken)
+            return undefined;
+        return fromToken.outputs.find(function (token) { return token.slug === toTokenSlug; });
+    }, [toTokenSlug, fromToken]);
+    var toAmount = (0, react_1.useMemo)(function () {
+        if (!toToken)
+            return undefined;
+        return +amount * toToken.rate;
+    }, [toToken, amount]);
+    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 (!fromTokenSlug)
+                        return [2 /*return*/];
+                    setIsLoadingEstimateFee(true);
+                    return [4 /*yield*/, (0, get_est_fee_service_1.default)({
+                            amount: "".concat(amount),
+                            transaction_type: transactionSlug,
+                            currency: fromTokenSlug || "",
+                        })];
+                case 1:
+                    response = _a.sent();
+                    setIsLoadingEstimateFee(false);
+                    setEstimateFee(response === null || response === void 0 ? void 0 : response.data);
+                    return [2 /*return*/, true];
+            }
+        });
+    }); }, [amount, fromTokenSlug]);
+    var token = (0, react_1.useMemo)(function () {
+        return fromTokens === null || fromTokens === void 0 ? void 0 : fromTokens.find(function (token) { return token.slug === fromTokenSlug; });
+    }, [fromTokenSlug, fromTokens]);
+    var validateAmount = (0, react_1.useCallback)(function () {
+        if (!token) {
+            setError(SwapTokenError.TOKEN_NOT_FOUND);
+            return false;
+        }
+        if (+amount > token.max_value) {
+            setError(SwapTokenError.MAX_AMOUNT);
+            setErrorAmount(token.max_value);
+            return false;
+        }
+        if (+amount < token.min_value) {
+            setError(SwapTokenError.MIN_AMOUNT);
+            setErrorAmount(token.min_value);
+            return false;
+        }
+        if (+amount > +token.balance) {
+            setError(SwapTokenError.NOT_ENOUGH_BALANCE);
+            setErrorAmount(token.balance);
+            return false;
+        }
+        setError(undefined);
+        setErrorAmount(undefined);
+        return true;
+    }, [amount, token]);
+    var validateAll = (0, react_1.useCallback)(function () { return __awaiter(void 0, void 0, void 0, function () {
+        var isAmountValid;
+        return __generator(this, function (_a) {
+            isAmountValid = validateAmount();
+            if (!isAmountValid)
+                return [2 /*return*/, false];
+            getEstimateFee();
+            return [2 /*return*/];
+        });
+    }); }, [validateAmount, getEstimateFee]);
+    var handleSwapToken = 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, swap_service_1.default)(__assign(__assign({}, props.sendData), { passcode: passcode, network: network.slug }))];
+                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.onSuccess) === null || _b === void 0 ? void 0 : _b.call(props, response);
+                        setTimeout(function () {
+                            var _a;
+                            (_a = activitiesRef.current) === null || _a === void 0 ? void 0 : _a.openTab(0);
+                        }, 200);
+                    }
+                    else {
+                        throw new Error("Swap 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 (!isAuthenticated)
+            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 (!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 || !toAmount)
+            return undefined;
+        return +toAmount - +(estimateFee === null || estimateFee === void 0 ? void 0 : estimateFee.feeInCurrency);
+    }, [estimateFee, toAmount]);
+    return ((0, jsx_runtime_1.jsx)(RequireConnect_1.default, { children: (0, jsx_runtime_1.jsxs)(ConfirmLayout_1.default, { onOpen: validateAll, ref: confirmLayoutDrawerRef, action: transactionSlug, 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.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.paper), { alignItems: "center", gap: 0 }), children: [(0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.row), { gap: theme.mixins.gaps.g16 }), children: [(0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.row), { gap: theme.mixins.gaps.g6 }), children: [(0, jsx_runtime_1.jsx)(Icon_1.default, { src: fromToken === null || fromToken === void 0 ? void 0 : fromToken.icon }), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, theme.mixins.value), children: fromToken === null || fromToken === void 0 ? void 0 : fromToken.name })] }), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign(__assign({}, theme.mixins.bigValue), { ml: "auto" }), children: (0, jsx_runtime_1.jsx)(Formatter_1.default, { value: amount, unit: " ".concat(token === null || token === void 0 ? void 0 : token.name) }) })] }), (0, jsx_runtime_1.jsx)(Icon_1.default, { src: (0, getIcon_1.default)("swap-one-direction"), width: 32 }), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.row), { gap: theme.mixins.gaps.g16 }), children: [(0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.row), { gap: theme.mixins.gaps.g6 }), children: [(0, jsx_runtime_1.jsx)(Icon_1.default, { src: toToken === null || toToken === void 0 ? void 0 : toToken.icon }), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, theme.mixins.value), children: toToken === null || toToken === void 0 ? void 0 : toToken.name })] }), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign(__assign({}, theme.mixins.bigValue), { ml: "auto" }), children: (0, jsx_runtime_1.jsx)(Formatter_1.default, { value: toAmount, unit: " ".concat(toToken === null || toToken === void 0 ? void 0 : toToken.name) }) })] })] }), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign(__assign(__assign({}, theme.mixins.row), { gap: theme.mixins.gaps.g12 }), theme.mixins.valueDescription), { width: "100%", justifyContent: "center" }), children: ["1 ", fromToken === null || fromToken === void 0 ? void 0 : fromToken.name, " ~ ", toToken === null || toToken === void 0 ? void 0 : toToken.rate, " ", toToken === null || toToken === void 0 ? void 0 : toToken.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, { isFeePaidByAmount: true, feesData: JSON.stringify(estimateFee), amount: +amount, tokenSlug: fromTokenSlug })), (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.customMargin.m6 }), 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: transactionSlug, onConfirmSuccess: handleSwapToken, children: (0, jsx_runtime_1.jsx)(Button_1.default.Primary, { status: !!error || isLoadingEstimateFee ? Button_1.BUTTON_STATUS.DISABLED : buttonStatus, sx: { width: "100%" }, children: "Confirm" }) })] }), (0, jsx_runtime_1.jsx)(Activities_1.default, { ref: activitiesRef })] }) }));
+});
+SwapToken.displayName = "SwapToken";
+exports.default = SwapToken;

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

@@ -587,7 +587,7 @@ 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, tokenSlug: (selectedToken === null || selectedToken === void 0 ? void 0 : selectedToken.slug) || "" })), 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: {
+                                                    } })] })), !!((_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, { isFeePaidByAmount: true, feesData: JSON.stringify(estimateFee), amount: +amount, tokenSlug: (selectedToken === null || selectedToken === void 0 ? void 0 : selectedToken.slug) || "" })), 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 || "",

package/dist/hooks/useSwapData.d.ts

@@ -0,0 +1,3 @@
+import { SwapProviderDataType } from "../providers/SwapProvider/type";
+declare function useSwapData(): SwapProviderDataType;
+export default useSwapData;

package/dist/hooks/useSwapData.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = require("react");
+var SwapProvider_1 = require("../providers/SwapProvider");
+var SwapProvider_2 = require("../providers/SwapProvider");
+function useSwapData() {
+    try {
+        var data = (0, react_1.useContext)(SwapProvider_2.SwapContext);
+        return data;
+    }
+    catch (error) {
+        console.error("🚀 ~ useSwapData ~ error:", error);
+        return SwapProvider_1.initialSwap;
+    }
+}
+exports.default = useSwapData;

package/dist/hooks/useWallet.js

@@ -18,6 +18,7 @@ var LockTokenProvider_1 = require("../providers/LockTokenProvider");
 var WithdrawProvider_1 = require("../providers/WithdrawProvider");
 var RealtimeProvider_1 = require("../providers/RealtimeProvider");
 var ActivitiesProvider_1 = require("../providers/ActivitiesProvider");
+var SwapProvider_1 = require("../providers/SwapProvider");
 function useWallet() {
     var receiveData = (0, react_1.useContext)(ReceiveProvider_1.ReceiveContext);
     var withdrawData = (0, react_1.useContext)(WithdrawProvider_1.WithdrawContext);
@@ -25,14 +26,15 @@ function useWallet() {
     var lockTokensData = (0, react_1.useContext)(LockTokenProvider_1.LockTokensContext);
     var realtimeData = (0, react_1.useContext)(RealtimeProvider_1.RealtimeContext);
     var activitiesData = (0, react_1.useContext)(ActivitiesProvider_1.ActivitiesContext);
+    var swapData = (0, react_1.useContext)(SwapProvider_1.SwapContext);
     try {
         delete walletData.session;
-        return __assign(__assign(__assign(__assign(__assign(__assign({}, walletData), receiveData), lockTokensData), withdrawData), realtimeData), activitiesData);
+        return __assign(__assign(__assign(__assign(__assign(__assign(__assign({}, walletData), receiveData), lockTokensData), withdrawData), realtimeData), activitiesData), swapData);
     }
     catch (error) {
         console.error("🚀 ~ useWallet ~ error:", error);
         delete WalletDataProvider_1.initialWalletData.session;
-        return __assign(__assign(__assign(__assign(__assign(__assign({}, WalletDataProvider_1.initialWalletData), ReceiveProvider_1.initialReceive), LockTokenProvider_1.initialLockTokens), WithdrawProvider_1.initialWithdraw), RealtimeProvider_1.initialRealtime), ActivitiesProvider_1.initialActivities);
+        return __assign(__assign(__assign(__assign(__assign(__assign(__assign({}, WalletDataProvider_1.initialWalletData), ReceiveProvider_1.initialReceive), LockTokenProvider_1.initialLockTokens), WithdrawProvider_1.initialWithdraw), RealtimeProvider_1.initialRealtime), ActivitiesProvider_1.initialActivities), SwapProvider_1.initialSwap);
     }
 }
 exports.default = useWallet;

package/dist/providers/SwapProvider/index.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+import { SwapProviderDataType } from "./type";
+export declare const initialSwap: SwapProviderDataType;
+export declare const SwapContext: React.Context<SwapProviderDataType>;
+declare function SwapProvider({ children }: {
+    children: React.ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+export default SwapProvider;

package/dist/{services/axios/get-receive-external-tokens-list-service copy/index.js → providers/SwapProvider/index.js}

@@ -1,15 +1,5 @@
 "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);
-};
+"use client";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     var desc = Object.getOwnPropertyDescriptor(m, k);
@@ -79,19 +69,59 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
         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 });
-var get_config_tokens_list_service_1 = __importStar(require("../get-config-tokens-list-service"));
-var getReceiveExternalTokenList = function (query) { return __awaiter(void 0, void 0, void 0, function () {
-    var params, response;
-    return __generator(this, function (_a) {
-        switch (_a.label) {
-            case 0:
-                params = __assign(__assign({}, query), { transactionType: get_config_tokens_list_service_1.TransactionListType.DEPOSIT });
-                return [4 /*yield*/, (0, get_config_tokens_list_service_1.default)(params)];
-            case 1:
-                response = _a.sent();
-                return [2 /*return*/, response === null || response === void 0 ? void 0 : response.data];
-        }
-    });
-}); };
-exports.default = getReceiveExternalTokenList;
+exports.SwapContext = exports.initialSwap = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = __importStar(require("react"));
+var useWalletData_1 = __importDefault(require("../../hooks/useWalletData"));
+var get_swap_tokens_list_service_1 = __importDefault(require("../../services/axios/get-swap-tokens-list-service"));
+exports.initialSwap = {
+    isLoadingSwapToken: false,
+    fromTokens: undefined,
+    updateSwapTokens: function () { },
+};
+exports.SwapContext = react_1.default.createContext(exports.initialSwap);
+function SwapProvider(_a) {
+    var _this = this;
+    var children = _a.children;
+    var isAuthenticated = (0, useWalletData_1.default)().isAuthenticated;
+    var _b = (0, react_1.useState)(exports.initialSwap.isLoadingSwapToken), isLoadingSwapToken = _b[0], setIsLoadingSwapToken = _b[1];
+    var _c = (0, react_1.useState)(exports.initialSwap.fromTokens), fromTokens = _c[0], setFromTokens = _c[1];
+    var updateSwapTokens = (0, react_1.useCallback)(function () { return __awaiter(_this, void 0, void 0, function () {
+        var response, error_1;
+        var _a;
+        return __generator(this, function (_b) {
+            switch (_b.label) {
+                case 0:
+                    _b.trys.push([0, 2, , 3]);
+                    if (isLoadingSwapToken)
+                        return [2 /*return*/];
+                    if (!isAuthenticated) {
+                        throw new Error("Authenticate to get swap tokens");
+                    }
+                    setIsLoadingSwapToken(true);
+                    return [4 /*yield*/, (0, get_swap_tokens_list_service_1.default)()];
+                case 1:
+                    response = _b.sent();
+                    setFromTokens((_a = response === null || response === void 0 ? void 0 : response.data) === null || _a === void 0 ? void 0 : _a.supported_tokens);
+                    setIsLoadingSwapToken(false);
+                    return [3 /*break*/, 3];
+                case 2:
+                    error_1 = _b.sent();
+                    console.error("🚀 ~ getBalance ~ error:", error_1);
+                    setIsLoadingSwapToken(false);
+                    return [3 /*break*/, 3];
+                case 3: return [2 /*return*/];
+            }
+        });
+    }); }, [isAuthenticated, isLoadingSwapToken]);
+    return ((0, jsx_runtime_1.jsx)(exports.SwapContext.Provider, { value: {
+            isLoadingSwapToken: isLoadingSwapToken,
+            fromTokens: fromTokens,
+            updateSwapTokens: updateSwapTokens,
+        }, children: children }));
+}
+exports.default = SwapProvider;

package/dist/providers/SwapProvider/type.d.ts

@@ -0,0 +1,6 @@
+import { SupportedToken } from "../../services/axios/get-swap-tokens-list-service/type";
+export interface SwapProviderDataType {
+    isLoadingSwapToken: boolean;
+    fromTokens: SupportedToken[] | undefined;
+    updateSwapTokens: () => void;
+}

package/dist/providers/SwapProvider/type.js

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

package/dist/providers/TekWalletProvider/index.js

@@ -13,8 +13,9 @@ var WithdrawProvider_1 = __importDefault(require("../WithdrawProvider"));
 var RealtimeProvider_1 = __importDefault(require("../RealtimeProvider"));
 var ActivitiesProvider_1 = __importDefault(require("../ActivitiesProvider"));
 var EventHandlerProvider_1 = __importDefault(require("../EventHandlerProvider"));
+var SwapProvider_1 = __importDefault(require("../SwapProvider"));
 function TekWalletProvider(_a) {
     var children = _a.children;
-    return ((0, jsx_runtime_1.jsx)(WalletDataProvider_1.default, { children: (0, jsx_runtime_1.jsx)(mui_1.default, { children: (0, jsx_runtime_1.jsx)(RealtimeProvider_1.default, { children: (0, jsx_runtime_1.jsx)(ActivitiesProvider_1.default, { children: (0, jsx_runtime_1.jsx)(ReceiveProvider_1.default, { children: (0, jsx_runtime_1.jsx)(LockTokenProvider_1.default, { children: (0, jsx_runtime_1.jsx)(WithdrawProvider_1.default, { children: (0, jsx_runtime_1.jsx)(EventHandlerProvider_1.default, { children: children }) }) }) }) }) }) }) }));
+    return ((0, jsx_runtime_1.jsx)(WalletDataProvider_1.default, { children: (0, jsx_runtime_1.jsx)(mui_1.default, { children: (0, jsx_runtime_1.jsx)(RealtimeProvider_1.default, { children: (0, jsx_runtime_1.jsx)(ActivitiesProvider_1.default, { children: (0, jsx_runtime_1.jsx)(ReceiveProvider_1.default, { children: (0, jsx_runtime_1.jsx)(LockTokenProvider_1.default, { children: (0, jsx_runtime_1.jsx)(WithdrawProvider_1.default, { children: (0, jsx_runtime_1.jsx)(SwapProvider_1.default, { children: (0, jsx_runtime_1.jsx)(EventHandlerProvider_1.default, { children: children }) }) }) }) }) }) }) }) }));
 }
 exports.default = TekWalletProvider;

package/dist/services/axios/get-activities-service/type.js

@@ -1,26 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.TransactionStatus = exports.TransactionSlug = void 0;
-// export interface Transaction {
-//   id: number;
-//   transaction_type: TransactionSlug;
-//   from_address: string;
-//   to_address: string;
-//   network: string;
-//   from_app_slug: null | string;
-//   currency_slug: string;
-//   fee: string;
-//   amount: string;
-//   transaction_status: TransactionStatus;
-//   user_created: string;
-//   user_updated: string;
-//   date_created: string;
-//   date_updated: null;
-//   description: null | string;
-//   from_locked_balance: null;
-//   to_locked_balance: null;
-//   icon: string;
-// }
 var TransactionSlug;
 (function (TransactionSlug) {
     TransactionSlug["All"] = "all";

package/dist/services/axios/get-config-tokens-list-service/index.d.ts

@@ -1,12 +1,8 @@
-export declare enum TransactionListType {
-    DEPOSIT = "deposit",
-    WITHDRAWN = "withdrawn",
-    TRANSFER_INTERNAL = "transfer-internal"
-}
+import { TransactionSlug } from "../get-activities-service/type";
 export interface GetConfigTokenListQuery {
     page?: number;
     take?: number;
-    transactionType: TransactionListType;
+    transactionType: TransactionSlug;
 }
 declare const getConfigTokenList: <T>(query?: GetConfigTokenListQuery) => Promise<T>;
 export default getConfigTokenList;

package/dist/services/axios/get-config-tokens-list-service/index.js

@@ -39,14 +39,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.TransactionListType = void 0;
 var userClientRequest_1 = __importDefault(require("../clients/userClientRequest"));
-var TransactionListType;
-(function (TransactionListType) {
-    TransactionListType["DEPOSIT"] = "deposit";
-    TransactionListType["WITHDRAWN"] = "withdrawn";
-    TransactionListType["TRANSFER_INTERNAL"] = "transfer-internal";
-})(TransactionListType || (exports.TransactionListType = TransactionListType = {}));
 var getConfigTokenList = function (query) { return __awaiter(void 0, void 0, void 0, function () {
     var response;
     return __generator(this, function (_a) {