tek-wallet 0.0.805 → 0.0.807

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

@@ -1,8 +0,0 @@
-import React from "react";
-import { SwapResponse } from "../../../services/axios/swap-service/type";
-interface DetailSwapResultProps {
-    onClose?: () => void;
-    swapData?: SwapResponse;
-}
-declare const DetailSwapResult: React.FC<DetailSwapResultProps>;
-export default DetailSwapResult;

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

@@ -1,122 +0,0 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = require("react");
-var useWallet_1 = __importDefault(require("../../../hooks/useWallet"));
-var providers_1 = require("../../../providers");
-var ChildPageLayout_1 = __importDefault(require("../../layouts/ChildPageLayout"));
-var Button_1 = __importDefault(require("../Button"));
-var Text_1 = __importDefault(require("../Text"));
-var material_1 = require("@mui/material");
-var Icon_1 = __importDefault(require("../Icon"));
-var getIcon_1 = __importDefault(require("../../../utils/getIcon"));
-var LineValue_1 = __importDefault(require("../LineValue"));
-var formatDate_1 = __importDefault(require("../../../utils/formatDate"));
-var roundToTwoSignificantDecimals_1 = __importDefault(require("../../../utils/roundToTwoSignificantDecimals"));
-var DetailSwapResult = function (_a) {
-    var _b, _c;
-    var onClose = _a.onClose, swapData = _a.swapData;
-    var transaction = (0, useWallet_1.default)().transaction;
-    var theme = (0, providers_1.useTheme)();
-    var resultData = transaction || (swapData === null || swapData === void 0 ? void 0 : swapData.data);
-    var feeInfo = (0, react_1.useMemo)(function () {
-        var _a, _b;
-        return ((_b = (_a = resultData === null || resultData === void 0 ? void 0 : resultData.fee_info) === null || _a === void 0 ? void 0 : _a.fee_detail) === null || _b === void 0 ? void 0 : _b.map(function (item) { return item === null || item === void 0 ? void 0 : item.currency; })) || [];
-    }, [resultData]);
-    var getOutputs = feeInfo === null || feeInfo === void 0 ? void 0 : feeInfo.map(function (item) { return item === null || item === void 0 ? void 0 : item.outputs; });
-    var getDetailOutputs = (0, react_1.useMemo)(function () { var _a; return ((_a = getOutputs === null || getOutputs === void 0 ? void 0 : getOutputs[0]) === null || _a === void 0 ? void 0 : _a.map(function (item) { return item; })) || []; }, [getOutputs]);
-    var getInfoDetailOutputs = (0, react_1.useMemo)(function () {
-        return (getDetailOutputs === null || getDetailOutputs === void 0 ? void 0 : getDetailOutputs[0]) || {};
-    }, [getDetailOutputs]);
-    return ((0, jsx_runtime_1.jsx)(ChildPageLayout_1.default, { sx: __assign({ color: theme.palette.text.black, width: "100%" }, theme.mixins.pagePadding), footer: (0, jsx_runtime_1.jsx)(material_1.Box, { sx: {
-                px: theme.mixins.customPadding.p12,
-                position: "relative",
-                bottom: theme.typography.fontSize24,
-            }, children: (resultData === null || resultData === void 0 ? void 0 : resultData.transaction_status) == "processing" ||
-                (resultData === null || resultData === void 0 ? void 0 : resultData.transaction_status) == "failed" ? ((0, jsx_runtime_1.jsx)(Button_1.default.Primary, { onClick: onClose, sx: __assign(__assign({ gap: theme.mixins.gaps.g4 }, theme.mixins.row), { color: theme.palette.text.secondary, borderRadius: theme.mixins.customRadius.r12, height: "40px" }), fullWidth: true, children: (0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
-                        fontSize: theme.typography.fontSize12,
-                        fontWeight: theme.typography.fontWeight600,
-                        leading: theme.typography.leading160,
-                        textTransform: "none",
-                        color: theme.palette.secondary.main,
-                    }, children: "Close" }) })) : ((resultData === null || resultData === void 0 ? void 0 : resultData.transaction_status) == "success" && ((0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.row), { gap: theme.mixins.gaps.g8, justifyContent: "center" }), children: [(0, jsx_runtime_1.jsx)(Button_1.default.Secondary, { onClick: onClose, sx: __assign(__assign({ gap: theme.mixins.gaps.g4 }, theme.mixins.row), { borderRadius: theme.mixins.customRadius.r12, borderColor: theme.palette.primary.main, backgroundColor: "transparent", maxWidth: "100%", height: "40px" }), fullWidth: true, children: (0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
-                                fontSize: theme.typography.fontSize13,
-                                fontWeight: theme.typography.fontWeight600,
-                                color: theme.palette.primary.main,
-                                leading: theme.typography.leading160,
-                                textTransform: "none",
-                            }, children: "Close" }) }), (0, jsx_runtime_1.jsx)(Button_1.default.Primary, { onClick: onClose, sx: __assign(__assign({ gap: theme.mixins.gaps.g4 }, theme.mixins.row), { color: theme.palette.text.secondary, borderRadius: theme.mixins.customRadius.r12, maxWidth: "100%", height: "40px" }), fullWidth: true, children: (0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
-                                fontSize: theme.typography.fontSize13,
-                                fontWeight: theme.typography.fontWeight600,
-                                leading: theme.typography.leading160,
-                                textTransform: "none",
-                                color: theme.palette.secondary.main,
-                            }, children: "View asset" }) })] }))) }), children: (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({ width: "100%" }, theme.mixins.column), { top: 0, transform: "translateY(30%)", gap: theme.mixins.gaps.g12, backgroundColor: theme.palette.background.tertiary, borderRadius: theme.mixins.customRadius.r16, padding: theme.mixins.customPadding.p16, paddingTop: "80px", alignItems: "flex-start", position: "relative", marginTop: "75px" }), children: [(0, jsx_runtime_1.jsx)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.center), { top: 0, width: "fit-content", height: "fit-content", borderRadius: theme.mixins.customRadius.r12, padding: theme.mixins.customPadding.p8 }), children: (0, jsx_runtime_1.jsx)(Icon_1.default, { width: 100, height: 100, src: (0, getIcon_1.default)((resultData === null || resultData === void 0 ? void 0 : resultData.transaction_status) == "success"
-                            ? "success"
-                            : (resultData === null || resultData === void 0 ? void 0 : resultData.transaction_status) == "failed"
-                                ? "failed"
-                                : (resultData === null || resultData === void 0 ? void 0 : resultData.transaction_status) == "processing"
-                                    ? "processing"
-                                    : "") }) }), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.column), { mt: theme.mixins.customMargin.m8, textAlign: "center" }), children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
-                                color: theme.palette.text.accent2,
-                                fontSize: theme.typography.fontSize14,
-                                fontWeight: theme.typography.fontWeight400,
-                            }, children: "Swapping Token" }), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
-                                color: (resultData === null || resultData === void 0 ? void 0 : resultData.transaction_status) == "processing"
-                                    ? theme.palette.text.warningStatus
-                                    : (resultData === null || resultData === void 0 ? void 0 : resultData.transaction_status) == "failed"
-                                        ? theme.palette.text.errorStatus
-                                        : (resultData === null || resultData === void 0 ? void 0 : resultData.transaction_status) == "success"
-                                            ? theme.palette.text.alertStatus
-                                            : theme.palette.text.warningStatus,
-                                fontSize: theme.typography.fontSize24,
-                                fontWeight: theme.typography.fontWeight600,
-                                textTransform: "capitalize",
-                            }, children: resultData === null || resultData === void 0 ? void 0 : resultData.transaction_status }), (0, jsx_runtime_1.jsx)(material_1.Divider, { sx: {
-                                width: "100%",
-                                color: theme.palette.text.accent,
-                                mt: theme.mixins.customMargin.m12,
-                            } }), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.row), { justifyContent: "space-between", mt: theme.mixins.customMargin.m16 }), children: [(0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.row), { gap: theme.mixins.gaps.g8 }), children: [(0, jsx_runtime_1.jsx)(Icon_1.default, { src: (_b = resultData === null || resultData === void 0 ? void 0 : resultData.currency_data) === null || _b === void 0 ? void 0 : _b.link, width: 20, height: 20, className: "rounded-full" }), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
-                                                fontSize: theme.typography.fontSize14,
-                                                fontWeight: theme.typography.fontWeight700,
-                                            }, children: resultData === null || resultData === void 0 ? void 0 : resultData.amount })] }), (0, jsx_runtime_1.jsx)(Icon_1.default, { src: (0, getIcon_1.default)("swap_horizontal"), width: 20, height: 20 }), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.row), { gap: theme.mixins.gaps.g8 }), children: [(0, jsx_runtime_1.jsx)(Icon_1.default, { src: getInfoDetailOutputs === null || getInfoDetailOutputs === void 0 ? void 0 : getInfoDetailOutputs.link, width: 20, height: 20, className: "rounded-full" }), (0, jsx_runtime_1.jsxs)(Text_1.default, { sx: {
-                                                fontSize: theme.typography.fontSize14,
-                                                fontWeight: theme.typography.fontWeight700,
-                                            }, children: [(0, roundToTwoSignificantDecimals_1.default)(getInfoDetailOutputs === null || getInfoDetailOutputs === void 0 ? void 0 : getInfoDetailOutputs.swap_total_amount), "cc"] })] })] }), (0, jsx_runtime_1.jsx)(material_1.Divider, { sx: {
-                                width: "100%",
-                                color: theme.palette.text.accent,
-                                mt: theme.mixins.customMargin.m12,
-                            } }), (0, jsx_runtime_1.jsx)(LineValue_1.default, { sx: {
-                                mt: theme.mixins.customMargin.m16,
-                                mb: theme.mixins.customMargin.m16,
-                            }, field: (0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
-                                    fontSize: theme.typography.fontSize12,
-                                    color: theme.palette.text.blackContrast,
-                                }, children: "Price" }), value: (0, jsx_runtime_1.jsxs)(Text_1.default, { sx: {
-                                    fontSize: theme.typography.fontSize14,
-                                    fontWeight: theme.typography.fontWeight700,
-                                    ml: theme.mixins.customMargin.m8,
-                                }, children: ["1 ", (_c = resultData === null || resultData === void 0 ? void 0 : resultData.currency_data) === null || _c === void 0 ? void 0 : _c.full_name, " ~ ", getInfoDetailOutputs === null || getInfoDetailOutputs === void 0 ? void 0 : getInfoDetailOutputs.swap_amount, " ", getInfoDetailOutputs === null || getInfoDetailOutputs === void 0 ? void 0 : getInfoDetailOutputs.full_name] }) }), (0, jsx_runtime_1.jsx)(LineValue_1.default, { field: (0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
-                                    fontSize: theme.typography.fontSize12,
-                                    color: theme.palette.text.blackContrast,
-                                }, children: "Date time" }), value: (0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
-                                    fontSize: theme.typography.fontSize14,
-                                    fontWeight: theme.typography.fontWeight700,
-                                    ml: theme.mixins.customMargin.m8,
-                                }, children: (0, formatDate_1.default)(resultData === null || resultData === void 0 ? void 0 : resultData.date_created) }) })] })] }) }));
-};
-exports.default = DetailSwapResult;

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

@@ -1,16 +0,0 @@
-import { DrawerComponentRef } from "../DrawerComponent";
-interface HistorySwapProps {
-    onClose?: () => void;
-    open?: boolean;
-}
-export interface HistorySwapRef {
-    resetStatus: () => void;
-}
-export type DrawerRefs = {
-    token: DrawerComponentRef;
-    status: DrawerComponentRef;
-    detail: DrawerComponentRef;
-    date: DrawerComponentRef;
-};
-declare const HistorySwap: (props: HistorySwapProps) => import("react/jsx-runtime").JSX.Element;
-export default HistorySwap;

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

@@ -1,434 +0,0 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __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 __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var jsx_runtime_1 = require("react/jsx-runtime");
-/* eslint-disable react-hooks/exhaustive-deps */
-var react_1 = require("react");
-var ChildPageLayout_1 = __importDefault(require("../../layouts/ChildPageLayout"));
-var providers_1 = require("../../../providers");
-var BackHeader_1 = __importDefault(require("../BackHeader"));
-var material_1 = require("@mui/material");
-var Icon_1 = __importDefault(require("../Icon"));
-var getIcon_1 = __importDefault(require("../../../utils/getIcon"));
-var DrawerComponent_1 = __importStar(require("../DrawerComponent"));
-var Text_1 = __importDefault(require("../Text"));
-var ModalLayout_1 = __importDefault(require("../ModalLayout"));
-var CloseModal_1 = __importDefault(require("../CloseModal"));
-var CardHistorySwap_1 = __importDefault(require("../CardHistorySwap"));
-var DetailSwapResult_1 = __importDefault(require("../DetailSwapResult"));
-var ModalStatusFilter_1 = __importDefault(require("../ModalStatusFilter"));
-var ModalDateFilter_1 = __importDefault(require("../ModalDateFilter"));
-var useCustomRouter_1 = __importDefault(require("../../../hooks/useCustomRouter"));
-var get_swap_transaction_id_1 = __importDefault(require("../../../services/axios/get-swap-transaction-id"));
-var DefaultPageLayout_1 = __importDefault(require("../../layouts/DefaultPageLayout"));
-var navigation_1 = require("next/navigation");
-var get_activities_service_1 = __importDefault(require("../../../services/axios/get-activities-service"));
-var type_1 = require("../../../services/axios/get-activities-service/type");
-var ItemHistorySkeleton_1 = require("../ItemHistorySkeleton");
-var historySwapStatus = [
-    {
-        title: "Success",
-        name: "success",
-    },
-    {
-        title: "In Progress",
-        name: "processing",
-    },
-    {
-        title: "Failed",
-        name: "failed",
-    },
-];
-var HistorySwap = function (props) {
-    var _a;
-    var theme = (0, providers_1.useTheme)();
-    var _b = (0, react_1.useState)(["all"]), selectedStatuses = _b[0], setSelectedStatuses = _b[1];
-    var _c = (0, react_1.useState)(["all"]), tempSelectedStatuses = _c[0], setTempSelectedStatuses = _c[1];
-    var _d = (0, react_1.useState)(undefined), transactionDetail = _d[0], setTransactionDetail = _d[1];
-    var searchParams = (0, navigation_1.useSearchParams)();
-    var currentId = searchParams.get("current_id");
-    var _e = (0, react_1.useState)(false), hasOpenedDetail = _e[0], setHasOpenedDetail = _e[1];
-    var _f = (0, react_1.useState)(undefined), getActivities = _f[0], setGetActivities = _f[1];
-    var _g = (0, react_1.useState)(false), isLoading = _g[0], setLoading = _g[1];
-    var drawerRefs = (0, react_1.useRef)({});
-    // const [valueStartDate, setValueStartDate] = useState<Dayjs | null>(null);
-    // const [valueEndDate, setValueEndDate] = useState<Dayjs | null>(null);
-    var _h = (0, react_1.useState)({
-        startDate: null,
-        endDate: null,
-    }), dateFilter = _h[0], setDateFilter = _h[1];
-    var router = (0, useCustomRouter_1.default)();
-    var getTransactionStatuses = function (statuses) {
-        if (statuses.includes("all")) {
-            return undefined;
-        }
-        var statusMap = {
-            success: type_1.TransactionStatus.Success,
-            processing: type_1.TransactionStatus.Processing,
-            failed: type_1.TransactionStatus.Failed,
-        };
-        var validStatuses = statuses.map(function (status) { return statusMap[status]; }).filter(Boolean);
-        return validStatuses.length > 0 ? validStatuses : undefined;
-    };
-    var fetchSwapHistory = function () {
-        var args_1 = [];
-        for (var _i = 0; _i < arguments.length; _i++) {
-            args_1[_i] = arguments[_i];
-        }
-        return __awaiter(void 0, __spreadArray([], args_1, true), void 0, function (statuses, fromDate, toDate) {
-            var transactionStatus, response, error_1;
-            var _a;
-            if (statuses === void 0) { statuses = ["all"]; }
-            return __generator(this, function (_b) {
-                switch (_b.label) {
-                    case 0:
-                        setLoading(true);
-                        _b.label = 1;
-                    case 1:
-                        _b.trys.push([1, 3, 4, 5]);
-                        transactionStatus = getTransactionStatuses(statuses);
-                        return [4 /*yield*/, (0, get_activities_service_1.default)({
-                                transaction_types: type_1.TransactionSlug.SWAP,
-                                transaction_status: transactionStatus,
-                                from_date: fromDate,
-                                to_date: toDate,
-                                limit: 10,
-                            })];
-                    case 2:
-                        response = _b.sent();
-                        if ((_a = response === null || response === void 0 ? void 0 : response.data) === null || _a === void 0 ? void 0 : _a.transactions) {
-                            setGetActivities(response.data.transactions);
-                            setLoading(false);
-                        }
-                        return [3 /*break*/, 5];
-                    case 3:
-                        error_1 = _b.sent();
-                        console.error("Failed to fetch swap history:", error_1);
-                        return [3 /*break*/, 5];
-                    case 4:
-                        setLoading(false);
-                        return [7 /*endfinally*/];
-                    case 5: return [2 /*return*/];
-                }
-            });
-        });
-    };
-    (0, react_1.useEffect)(function () {
-        fetchSwapHistory(selectedStatuses);
-    }, [selectedStatuses]);
-    (0, react_1.useEffect)(function () {
-        var _a, _b;
-        if (!!dateFilter.startDate && !!dateFilter.endDate) {
-            fetchSwapHistory(selectedStatuses, (_a = dateFilter.startDate) === null || _a === void 0 ? void 0 : _a.toISOString(), (_b = dateFilter.endDate) === null || _b === void 0 ? void 0 : _b.toISOString());
-        }
-    }, [dateFilter.startDate, dateFilter.endDate]);
-    var resultData = (0, react_1.useMemo)(function () {
-        var data = getActivities || (transactionDetail === null || transactionDetail === void 0 ? void 0 : transactionDetail.data);
-        if (Array.isArray(data)) {
-            return data;
-        }
-        if (data && typeof data === "object") {
-            return [data];
-        }
-        return [];
-    }, [getActivities, transactionDetail === null || transactionDetail === void 0 ? void 0 : transactionDetail.data]);
-    (0, react_1.useEffect)(function () { }, [getActivities, selectedStatuses]);
-    var handleStatusSelect = function (statusName) {
-        setTempSelectedStatuses(function (prev) {
-            if (statusName === "all") {
-                return ["all"];
-            }
-            var withoutAll = prev.filter(function (status) { return status !== "all"; });
-            if (withoutAll.includes(statusName)) {
-                var updated = withoutAll.filter(function (status) { return status !== statusName; });
-                return updated.length === 0 ? ["all"] : updated;
-            }
-            else {
-                return __spreadArray(__spreadArray([], withoutAll, true), [statusName], false);
-            }
-        });
-    };
-    var handleApplyStatuses = (0, react_1.useCallback)(function () {
-        var _a;
-        var isSame = selectedStatuses.length === tempSelectedStatuses.length &&
-            selectedStatuses.every(function (status) { return tempSelectedStatuses.includes(status); });
-        if (!isSame) {
-            setLoading(true);
-            setSelectedStatuses(tempSelectedStatuses);
-        }
-        (_a = drawerRefs.current.status) === null || _a === void 0 ? void 0 : _a.close();
-    }, [selectedStatuses, tempSelectedStatuses]);
-    var handleResetStatuses = (0, react_1.useCallback)(function () {
-        if (!selectedStatuses || selectedStatuses) {
-            setLoading(true);
-        }
-        setTempSelectedStatuses(["all"]);
-        setSelectedStatuses(["all"]);
-    }, [selectedStatuses]);
-    (0, react_1.useEffect)(function () {
-        if (props.open === false && !selectedStatuses.includes("all")) {
-            handleResetStatuses();
-        }
-    }, [props.open]);
-    var handleCloseDrawer = (0, react_1.useCallback)(function () {
-        Object.values(drawerRefs.current).forEach(function (ref) {
-            ref.close();
-        });
-    }, []);
-    var handleOnClose = function () {
-        var currentParams = new URLSearchParams(searchParams.toString());
-        currentParams.delete("current_id");
-        router.replace("?".concat(currentParams.toString()));
-    };
-    var handleCloseDetailDrawer = (0, react_1.useCallback)(function () {
-        var _a, _b;
-        var currentUrl = new URL(window.location.href);
-        currentUrl.searchParams.delete("current_id");
-        (_b = (_a = drawerRefs.current) === null || _a === void 0 ? void 0 : _a.detail) === null || _b === void 0 ? void 0 : _b.close();
-        setHasOpenedDetail(false);
-        router.replace(currentUrl.pathname + "?" + currentUrl.searchParams.toString());
-    }, [router]);
-    var handleTransactionClick = function (id) {
-        if (String(id) !== String(currentId)) {
-            setTransactionDetail(undefined);
-        }
-        var currentUrl = new URL(window.location.href);
-        var currentPages = currentUrl.searchParams.getAll("current_page");
-        if (!currentPages.includes("swap")) {
-            currentUrl.searchParams.append("current_page", "swap");
-        }
-        if (!currentPages.includes("history")) {
-            currentUrl.searchParams.append("current_page", "history");
-        }
-        currentUrl.searchParams.set("current_id", id);
-        router.replace(currentUrl.pathname + "?" + currentUrl.searchParams.toString());
-        setTimeout(function () {
-            if (drawerRefs.current.detail) {
-                drawerRefs.current.detail.open();
-                setHasOpenedDetail(true);
-            }
-        }, 100);
-    };
-    var selectedItem = (0, react_1.useMemo)(function () {
-        if (!currentId)
-            return null;
-        var foundItem = resultData.find(function (item) { return String(item.id) === String(currentId); });
-        var finalItem = foundItem || (transactionDetail === null || transactionDetail === void 0 ? void 0 : transactionDetail.data) || null;
-        return finalItem;
-    }, [resultData, currentId, transactionDetail]);
-    (0, react_1.useEffect)(function () {
-        var fetchTransactionDetail = function () { return __awaiter(void 0, void 0, void 0, function () {
-            var response, error_2;
-            return __generator(this, function (_a) {
-                switch (_a.label) {
-                    case 0:
-                        if (!(currentId && !selectedItem && resultData.length > 0)) return [3 /*break*/, 5];
-                        _a.label = 1;
-                    case 1:
-                        _a.trys.push([1, 3, 4, 5]);
-                        return [4 /*yield*/, (0, get_swap_transaction_id_1.default)(currentId)];
-                    case 2:
-                        response = _a.sent();
-                        if (response === null || response === void 0 ? void 0 : response.data) {
-                            setTransactionDetail(response);
-                        }
-                        return [3 /*break*/, 5];
-                    case 3:
-                        error_2 = _a.sent();
-                        console.error("Failed to fetch transaction detail:", error_2);
-                        return [3 /*break*/, 5];
-                    case 4:
-                        console.error("Error fetching transaction detail.");
-                        return [7 /*endfinally*/];
-                    case 5: return [2 /*return*/];
-                }
-            });
-        }); };
-        fetchTransactionDetail();
-    }, [currentId, selectedItem, resultData]);
-    // Open drawer detail when reload page depend on currentId and selectedItem
-    (0, react_1.useEffect)(function () {
-        var _a;
-        if (currentId &&
-            drawerRefs.current.detail &&
-            !hasOpenedDetail &&
-            (selectedItem || (transactionDetail === null || transactionDetail === void 0 ? void 0 : transactionDetail.data))) {
-            setHasOpenedDetail(true);
-            drawerRefs.current.detail.open();
-        }
-        else if (!currentId && hasOpenedDetail) {
-            setHasOpenedDetail(false);
-            (_a = drawerRefs.current.detail) === null || _a === void 0 ? void 0 : _a.close();
-        }
-    }, [currentId, hasOpenedDetail, selectedItem, transactionDetail, drawerRefs.current.detail]);
-    return ((0, jsx_runtime_1.jsxs)(ChildPageLayout_1.default, { header: (0, jsx_runtime_1.jsx)(material_1.Box, { sx: {
-                padding: theme.mixins.customPadding.p10,
-            }, children: (0, jsx_runtime_1.jsx)(BackHeader_1.default, { overrideBack: props.onClose, center: "Swap History" }) }), children: [(0, jsx_runtime_1.jsx)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.row), { px: theme.mixins.customPadding.p16, 
-                    // pt: theme.mixins.customPadding.p16,
-                    gap: theme.mixins.gaps.g8, ml: theme.mixins.customMargin.m4 }), children: (0, jsx_runtime_1.jsxs)(material_1.Stack, { direction: "row", alignItems: "center", gap: 4, children: [(0, jsx_runtime_1.jsx)(DrawerComponent_1.default, { ref: function (ref) {
-                                drawerRefs.current.status = ref !== null && ref !== void 0 ? ref : undefined;
-                            }, direction: DrawerComponent_1.DRAWER_DIRECTION.BOTTOM, trigger: (0, jsx_runtime_1.jsx)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.row), { gap: theme.mixins.gaps.g4, mb: theme.mixins.customMargin.m4 }), children: (0, jsx_runtime_1.jsxs)(material_1.Stack, { direction: "row", alignItems: "center", gap: 0.8, children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
-                                                fontSize: theme.typography.fontSize12,
-                                                fontWeight: theme.typography.fontWeight500,
-                                            }, children: selectedStatuses.includes("all")
-                                                ? "Status"
-                                                : selectedStatuses.length === 1
-                                                    ? ((_a = historySwapStatus.find(function (s) { return s.name === selectedStatuses[0]; })) === null || _a === void 0 ? void 0 : _a.title) ||
-                                                        selectedStatuses[0]
-                                                    : "".concat(selectedStatuses.length, " Status") }), (0, jsx_runtime_1.jsx)(Icon_1.default, { src: (0, getIcon_1.default)("arrow_down"), width: 7, height: 7 })] }) }), children: (0, jsx_runtime_1.jsx)(ModalLayout_1.default, { overrideHeader: (0, jsx_runtime_1.jsxs)(BackHeader_1.default, { sx: __assign(__assign({}, theme.mixins.row), { justifyContent: "space-between" }), hideBack: true, overrideBack: props.onClose, children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
-                                                fontWeight: theme.typography.fontWeight500,
-                                                fontSize: theme.typography.fontSize15,
-                                            }, children: "Status" }), (0, jsx_runtime_1.jsx)(CloseModal_1.default, { sx: {
-                                                width: "15px",
-                                                height: "15px",
-                                            }, onClick: handleCloseDrawer })] }), sx: {
-                                    backgroundColor: theme.palette.background.tertiary,
-                                }, children: (0, jsx_runtime_1.jsx)(ModalStatusFilter_1.default, { statusList: historySwapStatus, handleStatusSelect: handleStatusSelect, selectedStatuses: tempSelectedStatuses, onApply: handleApplyStatuses, onReset: handleResetStatuses }) }) }), (0, jsx_runtime_1.jsx)(DrawerComponent_1.default, { ref: function (ref) {
-                                drawerRefs.current.date = ref !== null && ref !== void 0 ? ref : undefined;
-                            }, direction: DrawerComponent_1.DRAWER_DIRECTION.BOTTOM, trigger: (0, jsx_runtime_1.jsx)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.row), { gap: theme.mixins.gaps.g4, mb: theme.mixins.customMargin.m4 }), children: (0, jsx_runtime_1.jsxs)(material_1.Stack, { direction: "row", alignItems: "center", gap: 0.8, children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
-                                                fontSize: theme.typography.fontSize12,
-                                                fontWeight: theme.typography.fontWeight500,
-                                            }, children: "Date" }), (0, jsx_runtime_1.jsx)(Icon_1.default, { src: (0, getIcon_1.default)("arrow_down"), width: 7, height: 7 })] }) }), children: (0, jsx_runtime_1.jsx)(ModalLayout_1.default, { overrideHeader: (0, jsx_runtime_1.jsxs)(BackHeader_1.default, { sx: __assign(__assign({}, theme.mixins.row), { justifyContent: "space-between" }), hideBack: true, overrideBack: props.onClose, children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
-                                                fontWeight: theme.typography.fontWeight500,
-                                                fontSize: theme.typography.fontSize15,
-                                            }, children: "Filter" }), (0, jsx_runtime_1.jsx)(CloseModal_1.default, { sx: {
-                                                width: "15px",
-                                                height: "15px",
-                                            }, onClick: handleCloseDrawer })] }), sx: {
-                                    backgroundColor: theme.palette.background.tertiary,
-                                }, children: (0, jsx_runtime_1.jsx)(ModalDateFilter_1.default, { drawerRefs: drawerRefs.current.date, handleConfirm: function (startDate, endDate) {
-                                        setDateFilter({ startDate: startDate || null, endDate: endDate || null });
-                                    } }) }) })] }) }), resultData && resultData.length > 0 && ((0, jsx_runtime_1.jsx)(material_1.Divider, { sx: {
-                    width: "100%",
-                    opacity: 0.6,
-                    backgroundColor: theme.palette.border.accent3,
-                } })), isLoading && ((0, jsx_runtime_1.jsx)(material_1.Box, { sx: __assign(__assign({ width: "100%" }, theme.mixins.column), { px: theme.mixins.customPadding.p16, py: theme.mixins.customPadding.p8, gap: theme.mixins.gaps.g4 }), children: resultData.map(function (_, index) { return ((0, jsx_runtime_1.jsx)(ItemHistorySkeleton_1.ItemHistorySkeletonShimmer, {}, index)); }) })), !isLoading && resultData && resultData.length > 0 ? ((0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.column), { overflow: "hidden" }), children: [(0, jsx_runtime_1.jsx)(DrawerComponent_1.default, { ref: function (ref) {
-                            drawerRefs.current.detail = ref !== null && ref !== void 0 ? ref : undefined;
-                        }, sx: {
-                            "& .MuiDrawer-paper": {
-                                width: "100%",
-                                overflow: "hidden",
-                            },
-                        }, direction: DrawerComponent_1.DRAWER_DIRECTION.RIGHT, onDone: handleOnClose, children: (0, jsx_runtime_1.jsx)(DefaultPageLayout_1.default, { sx: {
-                                padding: 0,
-                                width: "100%",
-                            }, children: selectedItem && ((0, jsx_runtime_1.jsx)(DetailSwapResult_1.default, { onClose: handleCloseDetailDrawer, swapData: {
-                                    data: selectedItem,
-                                    timestamp: selectedItem.date_created,
-                                    success: selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem.transaction_status,
-                                    message: "",
-                                } }, "detail-".concat(currentId))) }) }, "drawer-".concat(currentId)), resultData.map(function (item, i) {
-                        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
-                        return ((0, jsx_runtime_1.jsx)(material_1.Box, { onClick: function () {
-                                handleTransactionClick(item.id);
-                            }, sx: {
-                                mt: theme.mixins.customMargin.m8,
-                            }, children: (0, jsx_runtime_1.jsx)(CardHistorySwap_1.default, { amount: item.amount, status: item.transaction_status, fromCurrency: (_a = item.currency_data) === null || _a === void 0 ? void 0 : _a.full_name, toCurrency: (_f = (_e = (_d = (_c = (_b = item.fee_info) === null || _b === void 0 ? void 0 : _b.fee_detail) === null || _c === void 0 ? void 0 : _c[0]) === null || _d === void 0 ? void 0 : _d.currency) === null || _e === void 0 ? void 0 : _e.outputs[0]) === null || _f === void 0 ? void 0 : _f.full_name, swapAmount: (_l = (_k = (_j = (_h = (_g = item.fee_info) === null || _g === void 0 ? void 0 : _g.fee_detail) === null || _h === void 0 ? void 0 : _h[0]) === null || _j === void 0 ? void 0 : _j.currency) === null || _k === void 0 ? void 0 : _k.outputs[0]) === null || _l === void 0 ? void 0 : _l.swap_amount, date: item.date_created, description: item.description }, item.id) }, i));
-                    })] })) : (resultData.length == 0 &&
-                !isLoading && ((0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign(__assign(__assign({}, theme.mixins.center), { padding: theme.mixins.customPadding.p24 }), theme.mixins.column), { gap: theme.mixins.gaps.g4, textAlign: "center" }), children: [(0, jsx_runtime_1.jsx)(Icon_1.default, { src: (0, getIcon_1.default)("result"), width: 62, height: 62, sx: {
-                            mx: "auto",
-                            mb: theme.mixins.customMargin.m12,
-                        } }), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
-                            fontSize: theme.typography.fontSize14,
-                            fontWeight: theme.typography.fontWeight700,
-                            color: theme.palette.text.blackContrast,
-                        }, children: "No Results Found" }), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
-                            fontSize: theme.typography.fontSize12,
-                            fontWeight: theme.typography.fontWeight600,
-                            color: theme.palette.text.accent2,
-                        }, children: resultData.length === 0
-                            ? "No transaction history available."
-                            : "Switch your filter to display your latest transaction history." })] })))] }));
-};
-exports.default = HistorySwap;

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

@@ -1,16 +0,0 @@
-import { GeneralProps, UnknownFunction } from "../../../types/ui";
-interface SwapFunctionProps extends GeneralProps {
-    onClose?: UnknownFunction;
-    onOpen?: UnknownFunction;
-}
-export type SwapFunctionRef = {
-    open: () => void;
-    close: () => void;
-};
-export declare enum SwapPage {
-    SWAP = "swap",
-    SWAP_HISTORY = "swap_history",
-    SWAP_HISTORY_DETAIL = "swap_history_detail"
-}
-export declare const SwapFunction: import("react").ForwardRefExoticComponent<SwapFunctionProps & import("react").RefAttributes<SwapFunctionRef>>;
-export default SwapFunction;