tek-wallet 0.0.806 → 0.0.807

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

@@ -1,271 +0,0 @@
-"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 __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-var _a;
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SwapFunction = exports.SwapPage = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = require("react");
-var DrawerComponent_1 = __importStar(require("../DrawerComponent"));
-var SwiperControlled_1 = __importDefault(require("../SwiperControlled"));
-var react_2 = require("swiper/react");
-var material_1 = require("@mui/material");
-var Button_1 = __importDefault(require("../Button"));
-var ThemeProvider_1 = require("../../../providers/ThemeProvider");
-var ChildPageLayout_1 = __importDefault(require("../../layouts/ChildPageLayout"));
-var FromCard_1 = __importDefault(require("../../views/SwapView/components/FromCard"));
-var ToCard_1 = __importDefault(require("../../views/SwapView/components/ToCard"));
-var DetailSwap_1 = __importDefault(require("../DetailSwap"));
-var ModalSelectToken_1 = __importDefault(require("../ModalSelectToken"));
-var useCustomRouter_1 = __importDefault(require("../../../hooks/useCustomRouter"));
-var SwapToken_1 = __importDefault(require("../SwapToken"));
-var HistorySwap_1 = __importDefault(require("../HistorySwap"));
-var navigation_1 = require("next/navigation");
-var PageHeader_1 = __importDefault(require("../PageHeader"));
-var BottomActionLayout_1 = __importDefault(require("../BottomActionLayout"));
-var SvgPath_1 = require("../SvgPath");
-var SwapStep;
-(function (SwapStep) {
-    SwapStep[SwapStep["SELECT_SWAP"] = 0] = "SELECT_SWAP";
-})(SwapStep || (SwapStep = {}));
-var SWAP_STEP_NAME = (_a = {},
-    _a[SwapStep.SELECT_SWAP] = "Swap",
-    _a);
-var SwapPage;
-(function (SwapPage) {
-    SwapPage["SWAP"] = "swap";
-    SwapPage["SWAP_HISTORY"] = "swap_history";
-    SwapPage["SWAP_HISTORY_DETAIL"] = "swap_history_detail";
-})(SwapPage || (exports.SwapPage = SwapPage = {}));
-exports.SwapFunction = (0, react_1.forwardRef)(function (props, ref) {
-    var _a, _b, _c, _d;
-    var drawerRef = (0, react_1.useRef)(null);
-    var historyRef = (0, react_1.useRef)(null);
-    var swiperRef = (0, react_1.useRef)(null);
-    var sx = props.sx, className = props.className;
-    var theme = (0, ThemeProvider_1.useTheme)();
-    var _e = (0, react_1.useState)(SwapStep.SELECT_SWAP), currentStep = _e[0], setCurrentStep = _e[1];
-    var _f = (0, react_1.useState)(null), selectedToken = _f[0], setSelectedToken = _f[1];
-    var _g = (0, react_1.useState)(null), selectedOutputToken = _g[0], setSelectedOutputToken = _g[1];
-    var _h = (0, react_1.useState)(null), number = _h[0], setNumber = _h[1];
-    var router = (0, useCustomRouter_1.default)();
-    var searchParams = (0, navigation_1.useSearchParams)();
-    var isSwapPage = searchParams.get("is_swap_page") === "true";
-    var isHistoryPage = searchParams.get("is_history_page") === "true";
-    var isHistoryDetailPage = searchParams.get("is_history_detail_page") === "true";
-    var onChange = (0, react_1.useCallback)(function (e) {
-        var value = e.target.value;
-        setNumber(value === "" ? null : Number(value));
-    }, []);
-    var handleBack = function () {
-        gotoStep(currentStep - 1);
-        if (currentStep === SwapStep.SELECT_SWAP) {
-            closeSwapPage();
-            setNumber(null);
-        }
-    };
-    var gotoStep = (0, react_1.useCallback)(function (step) {
-        var _a;
-        if (step === SwapStep.SELECT_SWAP) {
-        }
-        setCurrentStep(step);
-        (_a = swiperRef.current) === null || _a === void 0 ? void 0 : _a.slideTo(step);
-    }, []);
-    var handleSelectToken = function (token) {
-        if (!selectedToken || selectedToken.id !== token.id) {
-            setSelectedToken(token);
-        }
-    };
-    var handleSelectOutputToken = function (output) {
-        if (!selectedOutputToken || selectedOutputToken.id !== output.id) {
-            setSelectedOutputToken(output);
-        }
-    };
-    var rememberCurrentPage = (0, react_1.useCallback)(function (page) {
-        var currentParams = new URLSearchParams(searchParams.toString());
-        switch (page) {
-            case SwapPage.SWAP:
-                currentParams.set("is_swap_page", "true");
-                break;
-            case SwapPage.SWAP_HISTORY:
-                currentParams.set("is_history_page", "true");
-                break;
-            case SwapPage.SWAP_HISTORY_DETAIL:
-                currentParams.set("is_history_detail_page", "true");
-                break;
-        }
-        router.replace("?".concat(currentParams.toString()));
-    }, [searchParams, router]);
-    var forgetCurrentPage = (0, react_1.useCallback)(function (page) {
-        var currentParams = new URLSearchParams(searchParams.toString());
-        switch (page) {
-            case SwapPage.SWAP:
-                currentParams.delete("is_swap_page");
-                currentParams.delete("is_history_page");
-                currentParams.delete("is_history_detail_page");
-                break;
-            case SwapPage.SWAP_HISTORY:
-                currentParams.delete("is_history_page");
-                currentParams.delete("is_history_detail_page");
-                break;
-            case SwapPage.SWAP_HISTORY_DETAIL:
-                currentParams.delete("is_history_detail_page");
-                break;
-        }
-        router.replace("?".concat(currentParams.toString()));
-    }, [searchParams, router]);
-    var handleOnCloseSwap = (0, react_1.useCallback)(function () {
-        var _a;
-        (_a = props.onClose) === null || _a === void 0 ? void 0 : _a.call(props);
-        gotoStep(SwapStep.SELECT_SWAP);
-        forgetCurrentPage(SwapPage.SWAP);
-    }, [forgetCurrentPage, props]);
-    var handleOnOpenSwap = (0, react_1.useCallback)(function () {
-        var _a;
-        (_a = props.onOpen) === null || _a === void 0 ? void 0 : _a.call(props);
-        rememberCurrentPage(SwapPage.SWAP);
-    }, [rememberCurrentPage]);
-    var openSwapPage = (0, react_1.useCallback)(function () {
-        var _a;
-        (_a = drawerRef.current) === null || _a === void 0 ? void 0 : _a.open();
-        handleOnOpenSwap();
-    }, [handleOnOpenSwap]);
-    var closeSwapPage = (0, react_1.useCallback)(function () {
-        var _a;
-        (_a = drawerRef.current) === null || _a === void 0 ? void 0 : _a.close();
-        handleOnCloseSwap();
-    }, [handleOnCloseSwap]);
-    var handleOnOpenHistory = (0, react_1.useCallback)(function () {
-        rememberCurrentPage(SwapPage.SWAP_HISTORY);
-    }, [rememberCurrentPage]);
-    var handleOnCloseHistory = (0, react_1.useCallback)(function () {
-        gotoStep(SwapStep.SELECT_SWAP);
-        forgetCurrentPage(SwapPage.SWAP_HISTORY);
-    }, [forgetCurrentPage, gotoStep]);
-    var openHistory = (0, react_1.useCallback)(function () {
-        setTimeout(function () {
-            var _a;
-            (_a = historyRef.current) === null || _a === void 0 ? void 0 : _a.open();
-            handleOnOpenHistory();
-        }, 0);
-    }, [handleOnOpenHistory]);
-    var closeHistory = (0, react_1.useCallback)(function () {
-        var _a;
-        (_a = historyRef.current) === null || _a === void 0 ? void 0 : _a.close();
-        handleOnCloseHistory();
-    }, [handleOnCloseHistory]);
-    (0, react_1.useEffect)(function () {
-        if (selectedToken) {
-            var outputs = selectedToken.outputs;
-            if (outputs.length > 0) {
-                if (!selectedOutputToken || !outputs.some(function (t) { return t.id === selectedOutputToken.id; })) {
-                    setSelectedOutputToken(outputs[0]);
-                }
-            }
-            else {
-                setSelectedOutputToken(null);
-            }
-        }
-        else {
-            setSelectedOutputToken(null);
-        }
-    }, [selectedToken, selectedOutputToken]);
-    (0, react_1.useImperativeHandle)(ref, function () { return ({
-        open: openSwapPage,
-        close: closeSwapPage,
-    }); });
-    (0, react_1.useEffect)(function () {
-        if (isSwapPage) {
-            openSwapPage();
-        }
-        if (isSwapPage && isHistoryPage) {
-            openHistory();
-        }
-        if (isSwapPage && isHistoryPage && isHistoryDetailPage) {
-            openHistory();
-        }
-    }, [isSwapPage, isHistoryPage, isHistoryDetailPage]);
-    return ((0, jsx_runtime_1.jsx)(DrawerComponent_1.default, { className: className, sx: sx, ref: drawerRef, trigger: props.children, onOpen: handleOnOpenSwap, onDone: handleOnCloseSwap, direction: DrawerComponent_1.DRAWER_DIRECTION.RIGHT, children: (0, jsx_runtime_1.jsx)(ChildPageLayout_1.default, { header: (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)(PageHeader_1.default, { title: SWAP_STEP_NAME[currentStep], overrideBack: handleBack, children: currentStep === SwapStep.SELECT_SWAP && ((0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.row), { gap: theme.mixins.gaps.g4 }), children: [(0, jsx_runtime_1.jsx)(material_1.SvgIcon, { sx: { width: 18, height: 18 }, children: SvgPath_1.IC_HELP }), (0, jsx_runtime_1.jsx)(material_1.Divider, { orientation: "vertical", sx: {
-                                    height: "1rem",
-                                    width: "1px",
-                                    backgroundColor: theme.palette.border.accent3,
-                                    marginLeft: theme.mixins.customMargin.m4,
-                                    marginRight: theme.mixins.customMargin.m4,
-                                } }), (0, jsx_runtime_1.jsx)(DrawerComponent_1.default, { ref: historyRef, trigger: (0, jsx_runtime_1.jsx)(material_1.SvgIcon, { sx: { width: 18, height: 18 }, children: SvgPath_1.IC_HISTORY }), direction: DrawerComponent_1.DRAWER_DIRECTION.RIGHT, onOpen: handleOnOpenHistory, onDone: handleOnCloseHistory, children: (0, jsx_runtime_1.jsx)(HistorySwap_1.default, { onClose: closeHistory }) })] })) }) }), footer: currentStep === SwapStep.SELECT_SWAP && ((0, jsx_runtime_1.jsx)(BottomActionLayout_1.default, { children: (0, jsx_runtime_1.jsx)(SwapToken_1.default
-                // onResetNumber={resetNumber}
-                , { 
-                    // onResetNumber={resetNumber}
-                    sx: {
-                        width: "100%",
-                    }, sendData: {
-                        amount: number !== null ? number.toString() : "",
-                        currency_slug: (_a = selectedToken === null || selectedToken === void 0 ? void 0 : selectedToken.slug) !== null && _a !== void 0 ? _a : "",
-                        to_currency_slug: (_b = selectedOutputToken === null || selectedOutputToken === void 0 ? void 0 : selectedOutputToken.slug) !== null && _b !== void 0 ? _b : "",
-                        extraTransactions: null,
-                    }, children: (0, jsx_runtime_1.jsx)(Button_1.default.Primary, { disabled: !number ||
-                            number < ((_c = selectedToken === null || selectedToken === void 0 ? void 0 : selectedToken.min_value) !== null && _c !== void 0 ? _c : 0) ||
-                            number > ((_d = selectedToken === null || selectedToken === void 0 ? void 0 : selectedToken.max_value) !== null && _d !== void 0 ? _d : 0) ||
-                            number > Number(selectedToken === null || selectedToken === void 0 ? void 0 : selectedToken.balance), fullWidth: true, children: "Preview swap" }) }, "".concat(selectedToken === null || selectedToken === void 0 ? void 0 : selectedToken.slug, "-").concat(selectedOutputToken === null || selectedOutputToken === void 0 ? void 0 : selectedOutputToken.slug)) })), children: (0, jsx_runtime_1.jsx)(material_1.Box, { sx: {
-                    padding: theme.mixins.pagePadding,
-                    position: "relative",
-                }, children: (0, jsx_runtime_1.jsx)(SwiperControlled_1.default, { ref: swiperRef, swiperProps: {
-                        autoHeight: true,
-                        spaceBetween: 32,
-                    }, disableSwipe: true, initialActiveTab: currentStep, children: (0, jsx_runtime_1.jsxs)(react_2.SwiperSlide, { children: [(0, jsx_runtime_1.jsx)(FromCard_1.default, { onChange: onChange, selectedToken: selectedToken !== null && selectedToken !== void 0 ? selectedToken : undefined, amount: number !== null && number !== void 0 ? number : undefined }), (0, jsx_runtime_1.jsxs)(material_1.Stack, { direction: "row", alignItems: "center", gap: 1, sx: {
-                                    mt: "1rem",
-                                    mb: "1rem",
-                                }, children: [(0, jsx_runtime_1.jsx)(material_1.SvgIcon, { sx: { width: 18, height: 18 }, children: SvgPath_1.IC_SWAP }), (0, jsx_runtime_1.jsx)(material_1.Divider, { sx: {
-                                            width: "90%",
-                                            borderStyle: "dashed",
-                                            borderColor: "#A3A3A3",
-                                            opacity: 0.3,
-                                        } })] }), (0, jsx_runtime_1.jsx)(ToCard_1.default, { selectedToToken: selectedOutputToken !== null && selectedOutputToken !== void 0 ? selectedOutputToken : undefined, selectedFromToken: selectedToken !== null && selectedToken !== void 0 ? selectedToken : undefined, fromAmount: number !== null && number !== void 0 ? number : undefined }), (0, jsx_runtime_1.jsx)(DetailSwap_1.default, { selectedToken: selectedToken !== null && selectedToken !== void 0 ? selectedToken : undefined, selectOutputToken: selectedOutputToken !== null && selectedOutputToken !== void 0 ? selectedOutputToken : undefined }), (0, jsx_runtime_1.jsx)(ModalSelectToken_1.default, { setSwapToken: handleSelectToken, token: selectedToken !== null && selectedToken !== void 0 ? selectedToken : undefined, outputToken: selectedOutputToken !== null && selectedOutputToken !== void 0 ? selectedOutputToken : undefined, setOutputToken: handleSelectOutputToken })] }, SwapStep.SELECT_SWAP) }, selectedToken === null || selectedToken === void 0 ? void 0 : selectedToken.id) }) }) }));
-});
-exports.SwapFunction.displayName = "SwapFunction";
-exports.default = exports.SwapFunction;

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

@@ -1,31 +0,0 @@
-import { SxProps } from "@mui/material";
-import { ConfirmLayoutProps } from "../ConfirmLayout";
-import { FeesDataType } from "../../../services/axios/get-est-fee-service/type";
-import { SwapResponse } from "../../../services/axios/swap-service/type";
-import { SwapDataType } from "../ConfirmSwapToken";
-interface SwapTokenProps extends Omit<ConfirmLayoutProps, "action"> {
-    sendData: SwapDataType;
-    onSuccess?: (data: SwapResponse) => any;
-    initFeeData?: FeesDataType;
-    onStart?: () => void;
-    onFinish?: () => void;
-    onError?: (error: Error | unknown) => void;
-    sx?: SxProps;
-    btnConfirm?: React.ReactNode;
-    children?: React.ReactNode;
-    trigger?: React.ReactNode;
-    overrideHeader?: React.ReactNode;
-}
-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"
-}
-export declare const SwapToken: import("react").ForwardRefExoticComponent<Omit<SwapTokenProps, "ref"> & import("react").RefAttributes<SwapTokenRef>>;
-export default SwapToken;

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

@@ -1,293 +0,0 @@
-"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.SwapToken = exports.SwapTokenError = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var material_1 = require("@mui/material");
-var ThemeProvider_1 = require("../../../providers/ThemeProvider");
-var Button_1 = __importStar(require("../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 useSwapData_1 = __importDefault(require("../../../hooks/useSwapData"));
-var swap_service_1 = __importDefault(require("../../../services/axios/swap-service"));
-var Icon_1 = __importDefault(require("../Icon"));
-var roundToTwoSignificantDecimals_1 = __importDefault(require("../../../utils/roundToTwoSignificantDecimals"));
-var getImage_1 = __importDefault(require("../../../utils/getImage"));
-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;
-exports.SwapToken = (0, react_1.forwardRef)(function (props, ref) {
-    var _a;
-    var theme = (0, ThemeProvider_1.useTheme)();
-    var _b = (0, useSwapData_1.default)(), fromTokens = _b.fromTokens, updateSwapTokens = _b.updateSwapTokens;
-    var isInitPasscode = (0, useWalletData_1.default)().isInitPasscode;
-    var confirmLayoutDrawerRef = (0, react_1.useRef)(null);
-    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.sendData.amount;
-    var fromTokenSlug = props.sendData.currency_slug;
-    var toTokenSlug = props.sendData.to_currency_slug;
-    var sx = props.sx, children = props.children, btnConfirm = props.btnConfirm, trigger = props.trigger, overrideHeader = props.overrideHeader;
-    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 () {
-        var _a;
-        if (!fromToken)
-            return undefined;
-        return (_a = fromToken.outputs) === null || _a === void 0 ? void 0 : _a.find(function (token) { return token.slug === toTokenSlug; });
-    }, [toTokenSlug, fromToken]);
-    var toAmount = (0, react_1.useMemo)(function () {
-        if (!toToken)
-            return undefined;
-        return +amount / +toToken.usd_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 || "",
-                            to_currency_slug: toTokenSlug || "",
-                        })];
-                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, _c, _d, _e;
-        return __generator(this, function (_f) {
-            switch (_f.label) {
-                case 0:
-                    _f.trys.push([0, 2, 3, 4]);
-                    (_a = props.onStart) === null || _a === void 0 ? void 0 : _a.call(props);
-                    setButtonStatus(Button_1.BUTTON_STATUS.LOADING);
-                    return [4 /*yield*/, (0, swap_service_1.default)(__assign(__assign({}, props.sendData), { passcode: passcode }))];
-                case 1:
-                    response = _f.sent();
-                    if (response.success) {
-                        (_b = confirmLayoutDrawerRef.current) === null || _b === void 0 ? void 0 : _b.close();
-                        setButtonStatus(Button_1.BUTTON_STATUS.ENABLED);
-                        (_c = props.onSuccess) === null || _c === void 0 ? void 0 : _c.call(props, response);
-                    }
-                    else {
-                        throw new Error("Swap internal failed");
-                    }
-                    return [3 /*break*/, 4];
-                case 2:
-                    err_1 = _f.sent();
-                    (_d = props.onError) === null || _d === void 0 ? void 0 : _d.call(props, err_1);
-                    setButtonStatus(Button_1.BUTTON_STATUS.ERROR);
-                    setTimeout(function () {
-                        setButtonStatus(Button_1.BUTTON_STATUS.ENABLED);
-                    }, 1200);
-                    return [3 /*break*/, 4];
-                case 3:
-                    (_e = props.onFinish) === null || _e === void 0 ? void 0 : _e.call(props);
-                    return [7 /*endfinally*/];
-                case 4: 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,
-    }); });
-    var estimateReceive = (0, react_1.useMemo)(function () {
-        if (!estimateFee || !amount || !(toToken === null || toToken === void 0 ? void 0 : toToken.usd_rate))
-            return undefined;
-        return (+amount - +(estimateFee === null || estimateFee === void 0 ? void 0 : estimateFee.fee_in_currency)) / +(toToken === null || toToken === void 0 ? void 0 : toToken.usd_rate);
-    }, [estimateFee, toToken, amount]);
-    (0, react_1.useEffect)(function () {
-        if (isInitPasscode && !fromTokens) {
-            updateSwapTokens();
-        }
-    }, [isInitPasscode, fromTokens]);
-    return ((0, jsx_runtime_1.jsx)(RequireConnect_1.default, { children: (0, jsx_runtime_1.jsx)(ConfirmLayout_1.default, { onOpen: validateAll, trigger: trigger, ref: confirmLayoutDrawerRef, action: transactionSlug, header: {
-                title: overrideHeader,
-            }, sx: sx, confirmAction: (0, jsx_runtime_1.jsx)(ConfirmByPasscode_1.default, { action: transactionSlug, onConfirmSuccess: handleSwapToken, children: btnConfirm !== null && btnConfirm !== void 0 ? btnConfirm : ((0, jsx_runtime_1.jsx)(Button_1.default.Primary, { status: !!error || isLoadingEstimateFee ? Button_1.BUTTON_STATUS.DISABLED : buttonStatus, sx: { width: "100%" }, children: "Swap" })) }), children: children !== null && children !== void 0 ? children : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [!!fromToken && !!toToken && ((0, jsx_runtime_1.jsx)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.column), { gap: theme.mixins.gaps.g12 }), children: (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: { display: "flex", gap: theme.mixins.gaps.g12, flexDirection: "column" }, children: [(0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.column), { alignItems: "start", gap: theme.mixins.gaps.g12, backgroundColor: theme.palette.background.primary, backgroundImage: "url(".concat((0, getImage_1.default)("logo_transfer", "png"), ")"), backgroundPosition: "right", backgroundRepeat: "no-repeat", padding: theme.mixins.customPadding.p16, borderRadius: theme.mixins.customRadius.r16 }), children: [(0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.row), { gap: theme.mixins.gaps.g16, width: "100%" }), 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.link, width: 20, height: 20, className: "rounded-full" }), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign(__assign({}, theme.mixins.value), { fontWeight: theme.typography.fontWeight600, color: theme.palette.text.white }), 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", color: theme.palette.text.white }), children: (0, jsx_runtime_1.jsx)(Formatter_1.default, { value: amount }) })] }), (0, jsx_runtime_1.jsxs)(material_1.Stack, { direction: "row", alignItems: "center", gap: theme.mixins.gaps.g2, sx: {
-                                                width: "100%",
-                                                mt: theme.mixins.customMargin.m4,
-                                                mb: theme.mixins.customMargin.m4,
-                                            }, children: [(0, jsx_runtime_1.jsx)(Icon_1.default, { src: (0, getIcon_1.default)("swap_up"), width: 18, height: 18, color: theme.palette.text.primary }), (0, jsx_runtime_1.jsx)(material_1.Divider, { sx: {
-                                                        width: "95%",
-                                                        borderStyle: "dashed",
-                                                        borderColor: theme.palette.border.white16,
-                                                    } })] }), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.row), { gap: theme.mixins.gaps.g16, width: "100%" }), 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.link, width: 20, height: 20, className: "rounded-full" }), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign(__assign({}, theme.mixins.value), { fontWeight: theme.typography.fontWeight600, color: theme.palette.text.white }), 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", color: theme.palette.text.white }), children: (0, jsx_runtime_1.jsx)(Formatter_1.default, { value: toAmount }) })] })] }), (0, jsx_runtime_1.jsx)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.row), { mt: theme.mixins.customMargin.m12 }), children: (0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
-                                            fontSize: theme.typography.fontSize18,
-                                            fontWeight: theme.typography.fontWeight700,
-                                            color: theme.palette.text.black,
-                                        }, children: "Transfer Summary" }) }), ((_a = estimateFee === null || estimateFee === void 0 ? void 0 : estimateFee.fee_detail) === null || _a === void 0 ? void 0 : _a.length) && !!amount && ((0, jsx_runtime_1.jsx)(Fees_1.default, { isFeePaidByAmount: true, feesData: estimateFee, amount: +amount, tokenSlug: fromTokenSlug })), !estimateFee && !!amount && isLoadingEstimateFee && ((0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.row), { gap: theme.mixins.gaps.g8, width: "100%" }), children: [(0, jsx_runtime_1.jsx)(material_1.CircularProgress, { size: 16, sx: { color: theme.palette.text.white } }), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: { color: "text.white" }, children: "Calculating fee" })] })), !!estimateReceive && !error && ((0, jsx_runtime_1.jsx)(LineValue_1.default, { value: (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign(__assign({}, theme.mixins.row), theme.mixins.valueDescription), { width: "100%", justifyContent: "center", color: theme.palette.text.black, fontWeight: theme.typography.fontWeight500, gap: theme.mixins.gaps.g2 }), children: [(0, jsx_runtime_1.jsx)(Icon_1.default, { src: (0, getIcon_1.default)("ellipse"), width: 12, height: 12 }), "1", " ", fromToken === null || fromToken === void 0 ? void 0 : fromToken.name, " =", (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.row), { gap: theme.mixins.gaps.g2 }), children: [(0, jsx_runtime_1.jsx)(Formatter_1.default, { value: 1 / +(toToken === null || toToken === void 0 ? void 0 : toToken.usd_rate) }), "  ", toToken === null || toToken === void 0 ? void 0 : toToken.name] })] }), field: (0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
-                                            color: theme.palette.text.black,
-                                            fontWeight: theme.typography.fontWeight600,
-                                        }, children: "Best Price" }) })), !!estimateReceive && !error && ((0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.row), { width: "100%", gap: theme.mixins.gaps.g8, mt: theme.mixins.customMargin.m8 }), children: [(0, jsx_runtime_1.jsx)(Icon_1.default, { src: (0, getIcon_1.default)("warning"), width: 18, height: 18 }), (0, jsx_runtime_1.jsxs)(Text_1.default, { sx: {
-                                                color: theme.palette.text.primary,
-                                                fontWeight: theme.typography.fontWeight600,
-                                                fontSize: theme.typography.fontSize13,
-                                            }, children: ["You will receive at least ", "".concat(estimateReceive, " ").concat(toToken === null || toToken === void 0 ? void 0 : toToken.name), " ", "(~".concat((0, roundToTwoSignificantDecimals_1.default)(estimateReceive), ")"), " or the transaction will refunded"] })] })), !!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) })] }))] }) })), (!fromToken || !toToken) && ((0, jsx_runtime_1.jsx)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.paper), { alignItems: "center", justifyContent: "center" }), children: (0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign(__assign({}, theme.mixins.validationError), { fontSize: theme.typography.fontSize16 }), children: SwapTokenError.TOKEN_NOT_FOUND }) }))] })) }) }));
-});
-exports.SwapToken.displayName = "SwapToken";
-exports.default = exports.SwapToken;

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

@@ -1,8 +0,0 @@
-import React from "react";
-import { Theme } from "@mui/material";
-type ThemeProviderProps = {
-    children: React.ReactNode;
-};
-export declare function CustomThemeProvider({ children }: ThemeProviderProps): import("react/jsx-runtime").JSX.Element;
-export declare const useTheme: () => Theme;
-export {};

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

@@ -1,43 +0,0 @@
-"use strict";
-// CustomThemeProvider.tsx
-"use client";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useTheme = void 0;
-exports.CustomThemeProvider = CustomThemeProvider;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = require("react");
-var theme_1 = __importDefault(require("../../theme/mui/theme")); // file bạn tạo custom theme
-var ThemeContext = (0, react_1.createContext)(undefined);
-// function mergeObjects(obj1: any, obj2: any) {
-//   const result = { ...obj1 };
-//   for (const key in obj2) {
-//     if (
-//       obj2[key] &&
-//       typeof obj2[key] === "object" &&
-//       !Array.isArray(obj2[key]) &&
-//       obj1[key] &&
-//       typeof obj1[key] === "object" &&
-//       !Array.isArray(obj1[key])
-//     ) {
-//       result[key] = mergeObjects(obj1[key], obj2[key]);
-//     } else {
-//       result[key] = obj2[key];
-//     }
-//   }
-//   return result;
-// }
-function CustomThemeProvider(_a) {
-    var children = _a.children;
-    return ((0, jsx_runtime_1.jsx)(ThemeContext.Provider, { value: theme_1.default, children: children }));
-}
-var useTheme = function () {
-    var context = (0, react_1.useContext)(ThemeContext);
-    if (context === undefined) {
-        throw new Error("useTheme must be used within a CustomThemeProvider");
-    }
-    return context;
-};
-exports.useTheme = useTheme;