tek-wallet 0.0.805 → 0.0.807

package/dist/components/TekWallet/theme/mui/theme.js

@@ -1,417 +1,40 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var typography = {
-    fontSize10: "0.625rem",
-    fontSize11: "0.6875rem",
-    fontSize12: "0.75rem",
-    fontSize13: "0.8125rem",
-    fontSize14: "0.875rem",
-    fontSize15: "0.9375rem",
-    fontSize16: "1rem",
-    fontSize17: "1.0625rem",
-    fontSize18: "1.125rem",
-    fontSize19: "1.1875rem",
-    fontSize20: "1.25rem",
-    fontSize21: "1.3125rem",
-    fontSize22: "1.375rem",
-    fontSize24: "1.5rem",
-    leading100: "100%",
-    leading120: "120%",
-    leading140: "140%",
-    leading160: "160%",
-    leading180: "180%",
-    leading200: "200%",
-    fontWeight300: 300,
-    fontWeight400: 400,
-    fontWeight500: 500,
-    fontWeight600: 600,
-    fontWeight700: 700,
-};
-var background = {
-    white: "#ffffff",
-    white80: "rgba(255, 255, 255, 0.8)",
-    white64: "rgba(255, 255, 255, 0.64)",
-    white24: "rgba(255, 255, 255, 0.24)",
-    white16: "rgba(255, 255, 255, 0.16)",
-    black: "#000000",
-    black64: "rgba(0, 0, 0, 0.64)",
-    black24: "rgba(0, 0, 0, 0.24)",
-    black16: "rgba(0, 0, 0, 0.16)",
-    primary: "#044C2F",
-    primary16: "#044C2F29",
-    secondary: "#C5E99F",
-    secondary16: "#C5E99F29",
-    error: "#FF434E",
-    error16: "rgba(254, 101, 101, 0.16)",
-    tertiary: "#ECF4E9",
-    accent3: "#E5E6E6",
-    successStatus: "#1EA031",
-    infoStatus: "#29C8F0",
-    errorStatus: "#FF434E",
-};
-var border = {
-    primary: "#044C2F",
-    white: "#ffffff",
-    white64: "rgba(255, 255, 255, 0.64)",
-    white24: "rgba(255, 255, 255, 0.24)",
-    white16: "rgba(255, 255, 255, 0.16)",
-    black: "#000000",
-    black64: "rgba(0, 0, 0, 0.64)",
-    black24: "rgba(0, 0, 0, 0.24)",
-    black16: "rgba(0, 0, 0, 0.16)",
-    secondary: "#C5E99F",
-    secondary16: "rgba(1, 255, 255, 0.16)",
-    accent: "#A3A3A3",
-    accent3: "#E5E6E6",
-    tertiary: "#ECF4E9",
-    success: "#1EA031",
-    error: "#FF434E",
-    info: "#29C8F0",
-    warning: "#FFA500",
-};
-var text = {
-    white: "#ffffff",
-    white80: "rgba(255, 255, 255, 0.8)",
-    white64: "rgba(255, 255, 255, 0.64)",
-    white24: "rgba(255, 255, 255, 0.24)",
-    black: "#000000",
-    black80: "rgba(0, 0, 0, 0.8)",
-    black64: "rgba(0, 0, 0, 0.64)",
-    black24: "rgba(0, 0, 0, 0.24)",
-    blackContrast: "#121212",
-    primary: "#044C2F",
-    secondary: "#C5E99F",
-    accent: "#A3A3A3",
-    accent2: "#6B7271",
-    successStatus: "#1EA031",
-    errorStatus: "#FF434E",
-    loadingStatus: "#000000",
-    increase: "#1EA031",
-    decrease: "#FE6565",
-    warningStatus: "#FFA500",
-    alertStatus: "#1EA031",
-    tertiary: "#ECF4E9",
-};
-var gaps = {
-    g2: "0.125rem",
-    g4: "0.25rem",
-    g6: "0.375rem",
-    g8: "0.5rem",
-    g10: "0.625rem",
-    g12: "0.75rem",
-    g16: "1rem",
-    g20: "1.25rem",
-    g24: "1.5rem",
-    g32: "2rem",
-    g40: "2.5rem",
-};
-var pagePadding = {
-    paddingLeft: "1rem",
-    paddingRight: "1rem",
-    paddingTop: "1rem",
-    paddingBottom: "2rem",
-};
-var customPadding = {
-    p0: "0rem",
-    p4: "0.25rem",
-    p6: "0.375rem",
-    p8: "0.5rem",
-    p10: "0.625rem",
-    p12: "0.75rem",
-    p16: "1rem",
-    p20: "1.25rem",
-    p24: "1.5rem",
-    p32: "2rem",
-    p40: "2.5rem",
-    p48: "3rem",
-};
-var customMargin = {
-    m4: "0.25rem",
-    m6: "0.375rem",
-    m8: "0.5rem",
-    m10: "0.625rem",
-    m12: "0.75rem",
-    m16: "1rem",
-    m20: "1.25rem",
-    m24: "1.5rem",
-    m32: "2rem",
-    m40: "2.5rem",
-    m48: "3rem",
-};
-var customRadius = {
-    full: "999px",
-    r4: "0.25rem",
-    r6: "0.375rem",
-    r8: "0.5rem",
-    r10: "0.625rem",
-    r12: "0.75rem",
-    r16: "1rem",
-    r20: "1.25rem",
-    r24: "1.5rem",
-    r32: "2rem",
-    r40: "2.5rem",
-    r48: "3rem",
-};
-var shadows = [
-    "none",
-    "inset 0px 0px 50px 8px rgba(255, 255, 255, 0.1)", // 0
-    "0px 0px 50px 8px rgba(255, 255, 255, 0.1)", // 1
-    "0px 5px 15px rgba(255, 255, 255, 0.1)", // 2
-    "0px 5px 15px rgba(255, 255, 255, 0.2)", // 3
-    "0px 6px 24px rgba(255, 255, 255, 0.1)", // 4
-    "0px 10px 20px rgba(255, 255, 255, 0.1)", // 5
-    "0px 12px 24px rgba(255, 255, 255, 0.2)", // 6
-    "0px 15px 30px rgba(255, 255, 255, 0.1)", // 7
-    "0px 15px 30px rgba(255, 255, 255, 0.2)", // 8
-    "0px 18px 36px rgba(255, 255, 255, 0.1)", // 9
-    "0px 18px 36px rgba(255, 255, 255, 0.2)", // 10
-    "0px 20px 40px rgba(255, 255, 255, 0.1)", // 11
-    "2px 2px 10px 5px rgba(0, 0, 0, 0.1)", // 12
-    "1px 1px 10px 2px rgba(0, 0, 0, 0.1)", // 13
-    "0px 24px 48px rgba(0, 0, 0, 0.2)", // 14
-    "0px 30px 60px rgba(0, 0, 0, 0.1)", // 15
-    "0px 30px 60px rgba(0, 0, 0, 0.2)", // 16
-    "0px 35px 70px rgba(0, 0, 0, 0.1)", // 17
-    "0px 35px 70px rgba(0, 0, 0, 0.2)", // 18
-    "0px 40px 80px rgba(0, 0, 0, 0.1)", // 19
-    "0px 40px 80px rgba(0, 0, 0, 0.2)", // 20
-    "0px 45px 90px rgba(0, 0, 0, 0.1)", // 21
-    "0px 45px 90px rgba(0, 0, 0, 0.2)", // 22
-    "0px 50px 100px rgba(0, 0, 0, 0.1)", // 23
-];
-var zIndex = {
-    drawer: 1200,
-};
-var theme = {
-    palette: {
-        primary: {
-            main: "#044C2F",
-            contrastText: "#000000",
-        },
-        secondary: {
-            main: "#C5E99F",
-            contrastText: "#000000",
-        },
-        success: {
-            main: "#1EA031",
-            contrastText: "#000000",
-        },
-        error: {
-            main: "#FF434E",
-            contrastText: "#000000",
-        },
-        warning: {
-            main: "#FFA500",
-            contrastText: "#000000",
-        },
-        info: {
-            main: "#29C8F0",
-            contrastText: "#000000",
-        },
-        background: background,
-        border: border,
-        text: text,
-        divider: "rgba(255, 255, 255)",
-    },
-    zIndex: zIndex,
-    typography: typography,
-    shadows: shadows,
-    components: {
-        MuiButton: {
-            variants: [
-                {
-                    props: { variant: "contained" },
-                    style: {
-                        color: text.secondary,
-                        backgroundColor: background.primary,
-                        fontSize: typography.fontSize16,
-                        lineHeight: typography.leading100,
-                        fontWeight: typography.fontWeight500,
-                        padding: "".concat(customPadding.p12, " ").concat(customPadding.p16),
-                        borderRadius: customRadius.r12,
-                        textTransform: "capitalize",
-                    },
-                },
-                {
-                    props: { variant: "outlined" },
-                    style: {
-                        color: text.primary,
-                        backgroundColor: "transparent",
-                        fontSize: typography.fontSize16,
-                        lineHeight: typography.leading100,
-                        fontWeight: typography.fontWeight500,
-                        padding: "".concat(customPadding.p12, " ").concat(customPadding.p16),
-                        borderRadius: customRadius.r12,
-                        textTransform: "capitalize",
-                        borderColor: "currentColor",
-                    },
-                },
-            ],
-        },
-    },
-    mixins: {
-        pagePadding: pagePadding,
-        customPadding: customPadding,
-        customMargin: customMargin,
-        customRadius: customRadius,
-        gaps: gaps,
-        background: background,
-        border: border,
-        text: text,
-        row: {
-            display: "flex",
-            alignItems: "center",
-        },
-        column: {
-            display: "flex",
-            flexDirection: "column",
-            width: "100%",
-        },
-        headerTitle: {
-            color: text.black,
-            fontWeight: typography.fontWeight700,
-            fontSize: typography.fontSize16,
-            textAlign: "center",
-        },
-        sessionTitle: {
-            color: text.black,
-            fontWeight: typography.fontWeight600,
-            fontSize: typography.fontSize18,
-            textAlign: "center",
-        },
-        sessionDescription: {
-            color: text.black64,
-            fontWeight: typography.fontWeight400,
-            fontSize: typography.fontSize14,
-            textAlign: "center",
-        },
-        noteContent: {
-            color: text.black64,
-            fontWeight: typography.fontWeight400,
-            fontSize: typography.fontSize12,
-        },
-        fieldTitle: {
-            color: text.black80,
-            fontWeight: typography.fontWeight500,
-            fontSize: typography.fontSize14,
-        },
-        inputLabel: {
-            color: "text.black80",
-            fontWeight: typography.fontWeight700,
-            fontSize: typography.fontSize14,
-        },
-        center: {
-            position: "absolute",
-            left: "50%",
-            top: "50%",
-            transform: "translate(-50%, -50%)",
-        },
-        value: {
-            color: text.black,
-            fontWeight: typography.fontWeight700,
-            fontSize: typography.fontSize14,
-            lineHeight: typography.leading140,
-        },
-        valueDescription: {
-            color: text.black64,
-            fontWeight: typography.fontWeight400,
-            fontSize: typography.fontSize12,
-            lineHeight: typography.leading140,
-        },
-        validationError: {
-            color: text.errorStatus,
-            fontWeight: typography.fontWeight400,
-            fontSize: typography.fontSize12,
-            lineHeight: typography.leading140,
-        },
-        validationDescription: {
-            color: text.accent,
-            fontWeight: typography.fontWeight400,
-            fontSize: typography.fontSize11,
-            lineHeight: typography.leading160,
-        },
-        whiteLoadingOverlay: {
-            backgroundColor: "background.black16",
-            backdropFilter: "blur(2px)",
-            zIndex: 1000,
-            position: "absolute",
-            inset: 0,
-        },
-        paper: {
-            display: "flex",
-            flexDirection: "column",
-            width: "100%",
-            gap: gaps.g12,
-            padding: customPadding.p12,
-            backgroundColor: "background.black16",
-            borderRadius: customRadius.r16,
-        },
-        listTitle: {
-            color: text.black,
-            fontWeight: typography.fontWeight500,
-            fontSize: typography.fontSize14,
-            lineHeight: typography.leading140,
-            textTransform: "capitalize",
-        },
-        listDescription: {
-            color: text.black64,
-            fontWeight: typography.fontWeight400,
-            fontSize: typography.fontSize12,
-            lineHeight: typography.leading140,
-        },
-        smallButton: {
-            fontSize: typography.fontSize11,
-            padding: "".concat(customPadding.p4, " ").concat(customPadding.p8),
-            height: "fit-content",
-            minHeight: "unset",
-            minWidth: "unset",
-            width: "fit-content",
-            borderRadius: customRadius.full,
-            lineHeight: typography.leading100,
-        },
-        dialogContent: {
-            fontSize: typography.fontSize14,
-            lineHeight: typography.leading140,
-            color: text.white,
-        },
-        dialogActionsOk: {
-            fontSize: typography.fontSize14,
-            lineHeight: typography.leading100,
-            color: "#2482ff",
-            textAlign: "center",
-            padding: "".concat(customPadding.p8, " ").concat(customPadding.p16),
-        },
-        dialogActionsCancel: {
-            fontSize: typography.fontSize14,
-            lineHeight: typography.leading140,
-            color: text.white64,
-            textAlign: "center",
-            padding: "".concat(customPadding.p8, " ").concat(customPadding.p16),
-        },
-        warning: {
-            color: text.warningStatus,
-            fontSize: typography.fontSize12,
-            lineHeight: typography.leading140,
-        },
-        activityTitle: {
-            color: text.black,
-            fontWeight: typography.fontWeight500,
-            fontSize: typography.fontSize14,
-            lineHeight: typography.leading140,
-            textTransform: "capitalize",
-        },
-        activityDescription: {
-            color: text.black64,
-            fontWeight: typography.fontWeight400,
-            fontSize: typography.fontSize12,
-            lineHeight: typography.leading140,
-        },
-        bigValue: {
-            color: text.black,
-            fontWeight: typography.fontWeight600,
-            fontSize: typography.fontSize18,
-            lineHeight: typography.leading140,
-        },
-    },
+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 };
 };
-exports.default = theme;
+Object.defineProperty(exports, "__esModule", { value: true });
+var styles_1 = require("@mui/material/styles");
+var palette_1 = require("./palette");
+var components_1 = __importDefault(require("./components"));
+var shadows_1 = __importDefault(require("./shadows"));
+var spacing_1 = require("./spacing");
+var fixed_mixins_1 = require("./fixed-mixins");
+var typography_1 = require("./typography");
+var createThemeByMode = function (mode) {
+    var theme = (0, styles_1.createTheme)({
+        palette: palette_1.palettes[mode],
+        typography: typography_1.typography,
+        shadows: (0, shadows_1.default)(),
+        spacing: spacing_1.spacing,
+        cssVariables: true,
+        shape: {
+            borderRadius: 16,
+        },
+        styleMixins: __assign({}, fixed_mixins_1.FIXED_MIXINS),
+    });
+    return (0, styles_1.createTheme)(theme, {
+        components: (0, components_1.default)(theme),
+    });
+};
+exports.default = createThemeByMode;

package/dist/components/TekWallet/theme/mui/type.d.ts

@@ -0,0 +1,5 @@
+export declare enum ThemeModes {
+    LIGHT = "light",
+    DARK = "dark",
+    SYSTEM = "system"
+}

package/dist/components/TekWallet/theme/mui/type.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ThemeModes = void 0;
+var ThemeModes;
+(function (ThemeModes) {
+    ThemeModes["LIGHT"] = "light";
+    ThemeModes["DARK"] = "dark";
+    ThemeModes["SYSTEM"] = "system";
+})(ThemeModes || (exports.ThemeModes = ThemeModes = {}));

package/dist/components/TekWallet/theme/mui/typography.d.ts

@@ -0,0 +1,27 @@
+export declare const typography: {
+    fontSize10: string;
+    fontSize11: string;
+    fontSize12: string;
+    fontSize13: string;
+    fontSize14: string;
+    fontSize15: string;
+    fontSize16: string;
+    fontSize17: string;
+    fontSize18: string;
+    fontSize19: string;
+    fontSize20: string;
+    fontSize21: string;
+    fontSize22: string;
+    fontSize24: string;
+    leading100: string;
+    leading120: string;
+    leading140: string;
+    leading160: string;
+    leading180: string;
+    leading200: string;
+    fontWeight300: number;
+    fontWeight400: number;
+    fontWeight500: number;
+    fontWeight600: number;
+    fontWeight700: number;
+};

package/dist/components/TekWallet/theme/mui/typography.js

@@ -0,0 +1,30 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.typography = void 0;
+exports.typography = {
+    fontSize10: "0.625rem",
+    fontSize11: "0.6875rem",
+    fontSize12: "0.75rem",
+    fontSize13: "0.8125rem",
+    fontSize14: "0.875rem",
+    fontSize15: "0.9375rem",
+    fontSize16: "1rem",
+    fontSize17: "1.0625rem",
+    fontSize18: "1.125rem",
+    fontSize19: "1.1875rem",
+    fontSize20: "1.25rem",
+    fontSize21: "1.3125rem",
+    fontSize22: "1.375rem",
+    fontSize24: "1.5rem",
+    leading100: "100%",
+    leading120: "120%",
+    leading140: "140%",
+    leading160: "160%",
+    leading180: "180%",
+    leading200: "200%",
+    fontWeight300: 300,
+    fontWeight400: 400,
+    fontWeight500: 500,
+    fontWeight600: 600,
+    fontWeight700: 700,
+};

package/dist/components/TekWallet/theme/mui/utils/deepMergeTheme.d.ts

@@ -0,0 +1,2 @@
+import { Theme } from "@mui/material/styles";
+export declare function deepMergeTheme(theme: Theme, config: Theme): Theme;

package/dist/components/TekWallet/theme/mui/utils/deepMergeTheme.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.deepMergeTheme = deepMergeTheme;
+var utils_1 = require("@mui/utils");
+function deepMergeTheme(theme, config) {
+    return (0, utils_1.deepmerge)(theme, config);
+}

package/dist/components/TekWallet/utils/getContractColor.d.ts

@@ -0,0 +1 @@
+export declare const getContrastingColor: (color: string) => "#000000" | "#FFFFFF";

package/dist/components/TekWallet/utils/getContractColor.js

@@ -0,0 +1,30 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getContrastingColor = void 0;
+var getContrastingColor = function (color) {
+    try {
+        var hexToRgb = function (hex) {
+            var r = 0, g = 0, b = 0;
+            if (hex.length === 4) {
+                r = parseInt(hex[1] + hex[1], 16);
+                g = parseInt(hex[2] + hex[2], 16);
+                b = parseInt(hex[3] + hex[3], 16);
+            }
+            else if (hex.length === 7) {
+                r = parseInt(hex[1] + hex[2], 16);
+                g = parseInt(hex[3] + hex[4], 16);
+                b = parseInt(hex[5] + hex[6], 16);
+            }
+            return { r: r, g: g, b: b };
+        };
+        var rgb = hexToRgb(color);
+        // Lấy giá trị độ sáng trung bình
+        var brightness = (rgb.r * 299 + rgb.g * 587 + rgb.b * 114) / 1000;
+        return brightness > 128 ? "#000000" : "#FFFFFF"; // Nếu sáng thì lấy màu đen, nếu tối thì lấy màu trắng
+    }
+    catch (error) {
+        console.error(error);
+        return "#FFFFFF";
+    }
+};
+exports.getContrastingColor = getContrastingColor;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tek-wallet",
-  "version": "0.0.805",
+  "version": "0.0.807",
   "description": "A custom React provider with TypeScript support",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",

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

@@ -1,12 +0,0 @@
-interface CardHistorySwap {
-    className?: string;
-    amount?: number;
-    fromCurrency?: string;
-    toCurrency?: string;
-    swapAmount?: number;
-    date?: Date;
-    status?: string;
-    description?: string;
-}
-declare const CardHistorySwap: ({ amount, fromCurrency, toCurrency, swapAmount, date, status, description, }: CardHistorySwap) => import("react/jsx-runtime").JSX.Element;
-export default CardHistorySwap;

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

@@ -1,75 +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 material_1 = require("@mui/material");
-var providers_1 = require("../../../providers");
-var Text_1 = __importDefault(require("../Text"));
-var formatDate_1 = __importDefault(require("../../../utils/formatDate"));
-var roundToTwoSignificantDecimals_1 = __importDefault(require("../../../utils/roundToTwoSignificantDecimals"));
-var Icon_1 = __importDefault(require("../Icon"));
-var getIcon_1 = __importDefault(require("../../../utils/getIcon"));
-var type_1 = require("../../../services/axios/get-activities-service/type");
-var formatter_1 = require("../../../utils/formatter");
-var CardHistorySwap = function (_a) {
-    var _b;
-    var amount = _a.amount, fromCurrency = _a.fromCurrency, toCurrency = _a.toCurrency, swapAmount = _a.swapAmount, date = _a.date, status = _a.status, description = _a.description;
-    var theme = (0, providers_1.useTheme)();
-    return ((0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.column), { gap: theme.mixins.gaps.g4, pl: theme.mixins.customPadding.p10, pr: theme.mixins.customPadding.p10 }), children: [(0, jsx_runtime_1.jsxs)(Text_1.default, { sx: {
-                    fontWeight: theme.typography.fontWeight700,
-                    color: theme.palette.text.blackContrast,
-                    fontSize: theme.typography.fontSize16,
-                }, children: ["+", (0, formatter_1.formatNumber)(Number(amount)), " ", fromCurrency] }), (0, jsx_runtime_1.jsx)(material_1.Box, { sx: {
-                    borderRadius: theme.mixins.customRadius.r16,
-                    backgroundColor: status == "processing"
-                        ? theme.palette.background.infoStatus
-                        : status == "success"
-                            ? theme.palette.background.successStatus
-                            : status == "failed"
-                                ? theme.palette.background.errorStatus
-                                : theme.palette.background.infoStatus,
-                    maxWidth: "fit-content",
-                    maxHeight: "fit-content",
-                    px: theme.mixins.customPadding.p4,
-                    py: "2px",
-                }, children: (0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign(__assign({}, theme.mixins.row), { color: theme.palette.text.white, justifyContent: "center", fontSize: "9px", fontWeight: theme.typography.fontWeight600 }), children: status &&
-                        (status === null || status === void 0 ? void 0 : status.charAt(0).toUpperCase()) + ((_b = status === null || status === void 0 ? void 0 : status.slice(1)) === null || _b === void 0 ? void 0 : _b.toLowerCase().replace(/_/g, " ")) }) }), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.row), { justifyContent: "space-between" }), children: [(0, jsx_runtime_1.jsxs)(Text_1.default, { sx: __assign(__assign({}, theme.mixins.row), { gap: theme.mixins.gaps.g4, fontSize: theme.typography.fontSize12, fontWeight: theme.typography.fontWeight500, color: theme.palette.text.accent2 }), children: ["Amount:", (0, jsx_runtime_1.jsxs)(Text_1.default, { sx: {
-                                    fontSize: theme.typography.fontSize12,
-                                    fontWeight: theme.typography.fontWeight500,
-                                    color: theme.palette.text.blackContrast,
-                                }, children: [(0, formatter_1.formatNumber)(Number(amount)), " ", fromCurrency] })] }), (0, jsx_runtime_1.jsx)(Icon_1.default, { src: (0, getIcon_1.default)("keyboard_arrow_down"), width: 10, height: 10 })] }), (0, jsx_runtime_1.jsxs)(Text_1.default, { sx: __assign(__assign({}, theme.mixins.row), { gap: theme.mixins.gaps.g4, fontSize: theme.typography.fontSize12, fontWeight: theme.typography.fontWeight500, color: theme.palette.text.accent2 }), children: ["Price:", (0, jsx_runtime_1.jsxs)(Text_1.default, { sx: {
-                            fontSize: theme.typography.fontSize12,
-                            fontWeight: theme.typography.fontWeight500,
-                            color: theme.palette.text.blackContrast,
-                        }, children: ["1 ", fromCurrency, " ~ ", (0, roundToTwoSignificantDecimals_1.default)(Number(swapAmount)), " ", toCurrency] })] }), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
-                    fontSize: theme.typography.fontSize12,
-                    fontWeight: theme.typography.fontWeight500,
-                    color: theme.palette.text.accent2,
-                }, children: date ? (0, formatDate_1.default)(date.toLocaleString()) : undefined }), status === type_1.TransactionStatus.Failed && ((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)(Text_1.default, { sx: {
-                            fontSize: theme.typography.fontSize12,
-                            fontWeight: theme.typography.fontWeight500,
-                            color: theme.palette.text.accent2,
-                        }, children: "Description:" }), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
-                            fontSize: theme.typography.fontSize12,
-                            fontWeight: theme.typography.fontWeight500,
-                            color: theme.palette.text.blackContrast,
-                        }, children: description })] })), (0, jsx_runtime_1.jsx)(material_1.Divider, { sx: {
-                    mt: theme.mixins.customMargin.m6,
-                    backgroundColor: theme.palette.border.accent3,
-                    width: "100%",
-                } })] }));
-};
-exports.default = CardHistorySwap;