tek-wallet 0.0.825 → 0.0.827

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

@@ -1,77 +0,0 @@
-"use strict";
-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 mui_1 = require("../../../theme/mui");
-var Text_1 = __importDefault(require("../Text"));
-var Column_1 = __importDefault(require("../Column"));
-var Row_1 = __importDefault(require("../Row"));
-var InlineTitleValue_1 = __importDefault(require("../InlineTitleValue"));
-var CopyTextComponent_1 = __importDefault(require("../CopyTextComponent"));
-var safeText_1 = require("../../../utils/safeText");
-var number_extension_1 = require("../../../utils/number.extension");
-var material_1 = require("@mui/material");
-var SvgPath_1 = require("../SvgPath");
-var formatDate_1 = require("../../../utils/formatDate");
-var ReceiveCardHistory = function (_a) {
-    var toAddress = _a.toAddress, date = _a.date, amount = _a.amount, currencySlug = _a.currencySlug, network = _a.network, status = _a.status;
-    var theme = (0, mui_1.useTheme)();
-    var getStatusColor = function (status) {
-        switch (status) {
-            case "success":
-                return theme.palette.success.main;
-            case "failed":
-                return theme.palette.error.main;
-            case "processing":
-                return theme.palette.warning.main;
-            default:
-                return theme.palette.text.secondary;
-        }
-    };
-    return ((0, jsx_runtime_1.jsxs)(Column_1.default, { sx: {
-            gap: theme.styleMixins.gaps.g2,
-        }, children: [(0, jsx_runtime_1.jsx)(Row_1.default, { sx: { justifyContent: "space-between" }, children: (0, jsx_runtime_1.jsxs)(Column_1.default, { sx: { gap: theme.styleMixins.gaps.g1 }, children: [(0, jsx_runtime_1.jsxs)(Text_1.default, { sx: {
-                                fontWeight: 700,
-                                fontSize: "1rem",
-                            }, children: [(0, number_extension_1.formatCurrencyNumber)(Number(amount !== null && amount !== void 0 ? amount : 0)), " ", currencySlug === null || currencySlug === void 0 ? void 0 : currencySlug.toUpperCase()] }), (0, jsx_runtime_1.jsx)(material_1.Box, { sx: {
-                                backgroundColor: getStatusColor(status !== null && status !== void 0 ? status : ""),
-                                borderRadius: theme.styleMixins.customRadius.r8,
-                                padding: theme.styleMixins.customPadding.p4,
-                                width: "fit-content",
-                                display: "flex",
-                                alignItems: "center",
-                                justifyContent: "center",
-                            }, children: (0, jsx_runtime_1.jsx)(Text_1.default, { sx: { fontWeight: 500, fontSize: "0.625rem" }, children: (0, safeText_1.firstLetterToUpperCase)(status !== null && status !== void 0 ? status : "unknown") }) })] }) }), (0, jsx_runtime_1.jsxs)(Column_1.default, { sx: { gap: theme.styleMixins.gaps.g2, paddingTop: theme.styleMixins.customPadding.p4 }, children: [(0, jsx_runtime_1.jsx)(InlineTitleValue_1.default, { title: "To address:", titleStyle: {
-                            fontWeight: 500,
-                            fontSize: "0.813rem",
-                            color: theme.palette.text.secondary,
-                        }, value: (0, jsx_runtime_1.jsx)(CopyTextComponent_1.default, { value: (0, safeText_1.safeText)(toAddress !== null && toAddress !== void 0 ? toAddress : "", {
-                                isShort: true,
-                            }), children: (0, jsx_runtime_1.jsxs)(Row_1.default, { sx: {
-                                    gap: theme.styleMixins.gaps.g1,
-                                    justifyContent: "space-between",
-                                    width: "100%",
-                                }, children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
-                                            whiteSpace: "nowrap",
-                                            fontWeight: 500,
-                                            fontSize: "0.813rem",
-                                        }, children: (0, safeText_1.safeText)(toAddress !== null && toAddress !== void 0 ? toAddress : "", {
-                                            isShort: true,
-                                        }) }), (0, jsx_runtime_1.jsx)(material_1.SvgIcon, { sx: { width: 16, height: 16 }, children: SvgPath_1.IC_COPY })] }) }) }), (0, jsx_runtime_1.jsx)(InlineTitleValue_1.default, { title: "Network:", titleStyle: {
-                            color: theme.palette.text.secondary,
-                            fontWeight: 500,
-                            fontSize: "0.813rem",
-                        }, value: (0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
-                                color: theme.palette.text.secondary,
-                                whiteSpace: "nowrap",
-                                fontWeight: 500,
-                                fontSize: "0.813rem",
-                            }, children: network === null || network === void 0 ? void 0 : network.toUpperCase() }) }), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
-                            color: theme.palette.text.secondary,
-                            fontWeight: 500,
-                            fontSize: "0.813rem",
-                        }, children: (0, formatDate_1.customFormatDate)(date !== null && date !== void 0 ? date : "", { format: formatDate_1.DateFormat.MMM_DD_YYYY_HH_MM_SS }) })] })] }));
-};
-exports.default = ReceiveCardHistory;

package/dist/components/TekWallet/components/ui/ReceiveHistory/ReceiveHistoryDetails.d.ts

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

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

@@ -1,115 +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 mui_1 = require("../../../theme/mui");
-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 ReceiveHistoryDetails = function (_a) {
-    var _b, _c, _d;
-    var onClose = _a.onClose, swapData = _a.receiveData;
-    var transaction = (0, useWallet_1.default)().transaction;
-    var theme = (0, mui_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 = ((_b = getOutputs === null || getOutputs === void 0 ? void 0 : getOutputs[0]) === null || _b === void 0 ? void 0 : _b.map(function (item) { return item; })) || [];
-    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.primary, width: "100%" }, theme.styleMixins.pagePadding), footer: (0, jsx_runtime_1.jsx)(material_1.Box, { sx: {
-                px: theme.styleMixins.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.styleMixins.gaps.g4 }, theme.styleMixins.row), { color: theme.palette.text.secondary, borderRadius: theme.styleMixins.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.styleMixins.row), { gap: theme.styleMixins.gaps.g8, justifyContent: "center" }), children: [(0, jsx_runtime_1.jsx)(Button_1.default.Secondary, { onClick: onClose, sx: __assign(__assign({ gap: theme.styleMixins.gaps.g4 }, theme.styleMixins.row), { borderRadius: theme.styleMixins.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.styleMixins.gaps.g4 }, theme.styleMixins.row), { color: theme.palette.text.secondary, borderRadius: theme.styleMixins.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.styleMixins.column), { top: 0, transform: "translateY(30%)", gap: theme.styleMixins.gaps.g12, backgroundColor: theme.palette.background.tertiary, borderRadius: theme.styleMixins.customRadius.r16, padding: theme.styleMixins.customPadding.p16, paddingTop: "80px", alignItems: "flex-start", position: "relative", marginTop: "75px" }), children: [(0, jsx_runtime_1.jsx)(material_1.Box, { sx: __assign(__assign({}, theme.styleMixins.center), { top: 0, width: "fit-content", height: "fit-content", borderRadius: theme.styleMixins.customRadius.r12, padding: theme.styleMixins.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.styleMixins.column), { mt: theme.styleMixins.customMargin.m8, textAlign: "center" }), children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
-                                color: theme.palette.text.secondary,
-                                fontSize: theme.typography.fontSize14,
-                                fontWeight: theme.typography.fontWeight400,
-                            }, children: "Swapping Token" }), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
-                                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.secondary,
-                                mt: theme.styleMixins.customMargin.m12,
-                            } }), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.styleMixins.row), { justifyContent: "space-between", mt: theme.styleMixins.customMargin.m16 }), children: [(0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.styleMixins.row), { gap: theme.styleMixins.gaps.g8 }), children: [(0, jsx_runtime_1.jsx)(Icon_1.default, { src: (_c = resultData === null || resultData === void 0 ? void 0 : resultData.currency_data) === null || _c === void 0 ? void 0 : _c.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.styleMixins.row), { gap: theme.styleMixins.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.jsx)(Text_1.default, { sx: {
-                                                fontSize: theme.typography.fontSize14,
-                                                fontWeight: theme.typography.fontWeight700,
-                                            }, children: (0, roundToTwoSignificantDecimals_1.default)((resultData === null || resultData === void 0 ? void 0 : resultData.amount) * (getInfoDetailOutputs === null || getInfoDetailOutputs === void 0 ? void 0 : getInfoDetailOutputs.swap_amount)) })] })] }), (0, jsx_runtime_1.jsx)(material_1.Divider, { sx: {
-                                width: "100%",
-                                color: theme.palette.text.secondary,
-                                mt: theme.styleMixins.customMargin.m12,
-                            } }), (0, jsx_runtime_1.jsx)(LineValue_1.default, { sx: {
-                                mt: theme.styleMixins.customMargin.m16,
-                                mb: theme.styleMixins.customMargin.m16,
-                            }, field: (0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
-                                    fontSize: theme.typography.fontSize12,
-                                    color: theme.palette.text.primary,
-                                }, children: "Price" }), value: (0, jsx_runtime_1.jsxs)(Text_1.default, { sx: {
-                                    fontSize: theme.typography.fontSize14,
-                                    fontWeight: theme.typography.fontWeight700,
-                                    ml: theme.styleMixins.customMargin.m8,
-                                }, children: ["1 ", (_d = resultData === null || resultData === void 0 ? void 0 : resultData.currency_data) === null || _d === void 0 ? void 0 : _d.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.primary,
-                                }, children: "Date time" }), value: (0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
-                                    fontSize: theme.typography.fontSize14,
-                                    fontWeight: theme.typography.fontWeight700,
-                                    ml: theme.styleMixins.customMargin.m8,
-                                }, children: (0, formatDate_1.default)(resultData === null || resultData === void 0 ? void 0 : resultData.date_created) }) })] })] }) }));
-};
-exports.default = ReceiveHistoryDetails;

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

@@ -1,9 +0,0 @@
-interface ReceiveHistoryProps {
-    onClose?: () => void;
-    open?: boolean;
-}
-export interface ReceiveHistoryRef {
-    resetStatus: () => void;
-}
-declare const ReceiveHistory: (props: ReceiveHistoryProps) => import("react/jsx-runtime").JSX.Element;
-export default ReceiveHistory;