tek-wallet 0.0.826 → 0.0.827

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

@@ -1,447 +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 mui_1 = require("../../../theme/mui");
-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 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 dayjs_1 = __importDefault(require("dayjs"));
-var ReceiveCardHistory_1 = __importDefault(require("./ReceiveCardHistory"));
-var ReceiveHistoryDetails_1 = __importDefault(require("./ReceiveHistoryDetails"));
-var utc_1 = __importDefault(require("dayjs/plugin/utc"));
-var PageHeader_1 = __importDefault(require("../PageHeader"));
-var historyHistoryStatus = [
-    {
-        title: "Success",
-        name: "success",
-    },
-    {
-        title: "In Progress",
-        name: "processing",
-    },
-    {
-        title: "Failed",
-        name: "failed",
-    },
-];
-var ReceiveHistory = function (props) {
-    var _a;
-    var theme = (0, mui_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)({
-        startDate: null,
-        endDate: null,
-    }), dateFilter = _f[0], setDateFilter = _f[1];
-    var _g = (0, react_1.useState)(undefined), getActivities = _g[0], setGetActivities = _g[1];
-    var _h = (0, react_1.useState)(false), isLoading = _h[0], setLoading = _h[1];
-    var drawerRefs = (0, react_1.useRef)({});
-    var router = (0, useCustomRouter_1.default)();
-    dayjs_1.default.extend(utc_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 fetchReceiveHistory = 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.RECEIVE,
-                                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 () {
-        fetchReceiveHistory(selectedStatuses);
-    }, [selectedStatuses]);
-    (0, react_1.useEffect)(function () {
-        var _a, _b;
-        if (!!dateFilter.startDate && !!dateFilter.endDate) {
-            fetchReceiveHistory(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)) {
-            data.push({
-                id: "1",
-                to_address: "0x1234567890",
-                date_created: "2021-01-01",
-                amount: 100,
-                currency_slug: "ETH",
-                transaction_status: "success",
-            });
-            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]);
-    // const handleTransactionClick = (id: string) => {
-    //   if (String(id) !== String(currentId)) {
-    //     setTransactionDetail(undefined);
-    //   }
-    //   const currentUrl = new URL(window.location.href);
-    //   const 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(() => {
-    //     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, { sx: {
-            width: "100dvw",
-        }, header: (0, jsx_runtime_1.jsx)(PageHeader_1.default, { title: "Top Up History", overrideBack: props.onClose }), children: [(0, jsx_runtime_1.jsx)(material_1.Box, { sx: __assign(__assign({}, theme.styleMixins.row), { px: theme.styleMixins.customPadding.p16, 
-                    // pt: theme.styleMixins.customPadding.p16,
-                    gap: theme.styleMixins.gaps.g8, ml: theme.styleMixins.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.styleMixins.row), { gap: theme.styleMixins.gaps.g4, mb: theme.styleMixins.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 = historyHistoryStatus.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.styleMixins.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: historyHistoryStatus, 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.styleMixins.row), { gap: theme.styleMixins.gaps.g4, mb: theme.styleMixins.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.styleMixins.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, { handleConfirm: function (startDate, endDate) {
-                                        setDateFilter({
-                                            startDate: dayjs_1.default.utc(startDate).startOf("day"),
-                                            endDate: dayjs_1.default.utc(endDate).endOf("day"),
-                                        });
-                                    }, drawerRefs: drawerRefs.current.date }) }) })] }) }), resultData && resultData.length > 0 && ((0, jsx_runtime_1.jsx)(material_1.Divider, { sx: {
-                    width: "100%",
-                    opacity: 0.6,
-                    backgroundColor: theme.palette.divider,
-                    mb: theme.styleMixins.customMargin.m16,
-                } })), isLoading && ((0, jsx_runtime_1.jsx)(material_1.Box, { className: "px-4 py-2 space-y-3", 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.styleMixins.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: {
-                            width: "100%",
-                        }, direction: DrawerComponent_1.DRAWER_DIRECTION.RIGHT, onClose: handleOnClose, children: (0, jsx_runtime_1.jsx)(DefaultPageLayout_1.default, { sx: {
-                                padding: 0,
-                                width: "100dvw",
-                            }, children: selectedItem && ((0, jsx_runtime_1.jsx)(ReceiveHistoryDetails_1.default, { onClose: handleCloseDetailDrawer, receiveData: {
-                                    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) { return ((0, jsx_runtime_1.jsxs)(material_1.Box, { onClick: function () {
-                            // handleTransactionClick(item.id);
-                        }, sx: {
-                            px: theme.styleMixins.customPadding.p16,
-                        }, children: [(0, jsx_runtime_1.jsx)(ReceiveCardHistory_1.default, { toAddress: item.to_address, date: item.date_created, amount: item.amount, currencySlug: item.currency_slug, network: item.network, status: item.transaction_status }, item.id), (0, jsx_runtime_1.jsx)(material_1.Divider, { sx: {
-                                    width: "100%",
-                                    opacity: 0.6,
-                                    backgroundColor: theme.palette.divider,
-                                    my: theme.styleMixins.customMargin.m16,
-                                } })] }, i)); })] })) : (resultData.length == 0 &&
-                !isLoading && ((0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign(__assign(__assign({}, theme.styleMixins.center), { padding: theme.styleMixins.customPadding.p24 }), theme.styleMixins.column), { gap: theme.styleMixins.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.styleMixins.customMargin.m12,
-                        } }), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
-                            fontSize: theme.typography.fontSize14,
-                            fontWeight: theme.typography.fontWeight700,
-                            color: theme.palette.text.primary,
-                        }, 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.secondary,
-                        }, children: resultData.length === 0
-                            ? "No transaction history available."
-                            : "Switch your filter to display your latest transaction history." })] })))] }));
-};
-exports.default = ReceiveHistory;