tek-wallet 0.0.710 → 0.0.714

package/dist/components/TekWallet/components/ui/IncomeWallet/components/AnalyticGroup.d.ts

@@ -0,0 +1,8 @@
+import { GeneralProps } from "../../../../types/ui";
+import { WealthsUserInfoDto } from "../types/userinfo.dto";
+interface AnalyticGroupProps extends GeneralProps {
+    timeRange?: string;
+    userInfo?: WealthsUserInfoDto;
+}
+declare const AnalyticGroup: (props: AnalyticGroupProps) => import("react/jsx-runtime").JSX.Element;
+export default AnalyticGroup;

package/dist/components/TekWallet/components/ui/IncomeWallet/components/AnalyticGroup.js

@@ -0,0 +1,87 @@
+"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 Text_1 = __importDefault(require("../../Text"));
+var Formatter_1 = __importDefault(require("../../Formatter"));
+var providers_1 = require("../../../../providers");
+var ContentHiddenProvider_1 = require("../../../../providers/ContentHiddenProvider");
+var SvgPath_1 = require("../../SvgPath");
+var Column_1 = __importDefault(require("../../Column"));
+var Spacer_1 = __importDefault(require("../../Spacer"));
+var AnalyticGroup = function (props) {
+    var _a;
+    var theme = (0, providers_1.useTheme)();
+    var _b = (0, ContentHiddenProvider_1.useContentHidden)(), isHidden = _b.isHidden, setIsHidden = _b.setIsHidden;
+    var userInfo = props.userInfo;
+    var toggleHidden = function () {
+        setIsHidden(!isHidden);
+    };
+    return ((0, jsx_runtime_1.jsxs)(Column_1.default, { children: [(0, jsx_runtime_1.jsxs)(Text_1.default, { sx: {
+                    fontSize: theme.typography.fontSize12,
+                    fontWeight: theme.typography.fontWeight500,
+                    color: theme.palette.text.accent2,
+                }, children: ["Welcome, ", userInfo === null || userInfo === void 0 ? void 0 : userInfo.accountName, "!"] }), (0, jsx_runtime_1.jsx)(Spacer_1.default, { value: "0.25rem" }), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.row), { justifyContent: "space-between" }), children: [(0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.row), { gap: theme.mixins.gaps.g6, position: "relative", bottom: "30px" }), children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
+                                    fontSize: theme.typography.fontSize15,
+                                    fontWeight: theme.typography.fontWeight500,
+                                    color: theme.palette.text.accent2,
+                                }, children: "Total Amount" }), (0, jsx_runtime_1.jsx)(material_1.SvgIcon, { onClick: toggleHidden, sx: { cursor: "pointer", width: 14, height: 14 }, children: SvgPath_1.IC_NO_SEE })] }), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: {
+                            display: "flex",
+                            flexDirection: "column",
+                            alignItems: "flex-end",
+                            gap: theme.mixins.gaps.g6,
+                            fontSize: theme.typography.fontSize12,
+                        }, children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign(__assign(__assign({}, theme.mixins.row), theme.mixins.value), { fontSize: theme.typography.fontSize20, gap: theme.mixins.gaps.g6 }), children: !isHidden ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(Formatter_1.default, { sx: { fontWeight: theme.typography.fontWeight700 }, value: (_a = userInfo === null || userInfo === void 0 ? void 0 : userInfo.amount) !== null && _a !== void 0 ? _a : 0 }), (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: {
+                                                        fontWeight: theme.typography.fontWeight400,
+                                                        fontSize: "0.8em",
+                                                    }, children: "WealthS" }), (0, jsx_runtime_1.jsx)(material_1.SvgIcon, { sx: { cursor: "pointer", width: 8, height: 8 }, children: SvgPath_1.ARROW_DROP_DOWN })] })] })) : ((0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
+                                        fontSize: theme.typography.fontSize24,
+                                        fontWeight: theme.typography.fontWeight700,
+                                        color: theme.palette.text.black,
+                                    }, children: "*****" })) }), (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: {
+                                            fontWeight: theme.typography.fontWeight600,
+                                            leading: theme.typography.leading140,
+                                            fontSize: theme.typography.fontSize12,
+                                            textTransform: "capitalize",
+                                            color: theme.palette.text.accent,
+                                        }, children: props.timeRange }), !isHidden ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(material_1.SvgIcon, { sx: { cursor: "pointer", width: 8, height: 8 }, children: SvgPath_1.ARROW_DROP_UP }), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign(__assign({}, theme.mixins.value), { color: theme.palette.text.alertStatus, fontSize: theme.typography.fontSize12, fontWeight: theme.typography.fontWeight600, borderBottom: "1px dashed currentColor" }), children: "5.63 (+3,22%)" })] })) : ((0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
+                                            fontSize: theme.typography.fontSize12,
+                                            fontWeight: theme.typography.fontWeight600,
+                                            color: theme.palette.text.accent2,
+                                            display: theme.mixins.row,
+                                        }, children: "****" }))] }), (0, jsx_runtime_1.jsx)(material_1.Divider, { sx: {
+                                    width: "110%",
+                                    borderColor: "".concat(theme.palette.border.accent),
+                                    opacity: 0.2,
+                                    marginTop: theme.mixins.customMargin.m4,
+                                } }), (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: {
+                                            fontWeight: theme.typography.fontWeight500,
+                                            leading: theme.typography.leading140,
+                                            fontSize: theme.typography.fontSize12,
+                                            textTransform: "capitalize",
+                                            color: theme.palette.text.accent,
+                                        }, children: "Profit" }), (0, jsx_runtime_1.jsx)(material_1.Box, { sx: __assign({}, theme.mixins.row), children: !isHidden ? ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
+                                                    fontSize: theme.typography.fontSize12,
+                                                    fontWeight: theme.typography.fontWeight600,
+                                                    color: theme.palette.text.accent2,
+                                                }, children: "\u2248 250 WealthS" }) })) : ((0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
+                                                fontSize: theme.typography.fontSize12,
+                                                fontWeight: theme.typography.fontWeight600,
+                                                color: theme.palette.text.accent2,
+                                            }, children: "****" })) }), (0, jsx_runtime_1.jsx)(material_1.SvgIcon, { sx: { cursor: "pointer", width: 14, height: 14 }, children: SvgPath_1.IC_INFORMATION })] })] })] })] }));
+};
+exports.default = AnalyticGroup;

package/dist/components/TekWallet/components/ui/IncomeWallet/components/BalanceChart.d.ts

@@ -1,5 +1,7 @@
 import { GeneralProps } from "../../../../types/ui";
+import { WealthsUserInfoDto } from "../types/userinfo.dto";
 interface BalanceChartProps extends GeneralProps {
+    userInfo?: WealthsUserInfoDto;
 }
 declare const BalanceChart: (props: BalanceChartProps) => import("react/jsx-runtime").JSX.Element;
 export default BalanceChart;

package/dist/components/TekWallet/components/ui/IncomeWallet/components/BalanceChart.js

@@ -51,13 +51,13 @@ var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = require("react");
 var framer_motion_1 = require("framer-motion");
 var material_1 = require("@mui/material");
-var AnalyticGroup_1 = __importDefault(require("../../AnalyticGroup"));
 var TimeFilter_1 = __importStar(require("../../TimeFilter"));
 var ContentHiddenProvider_1 = require("../../../../providers/ContentHiddenProvider");
 var providers_1 = require("../../../../providers");
 var DelayMounted_1 = __importDefault(require("../../DelayMounted"));
 var NeonLineChart_1 = __importDefault(require("../../NeonLineChart"));
 var SvgPath_1 = require("../../SvgPath");
+var AnalyticGroup_1 = __importDefault(require("./AnalyticGroup"));
 var fakeSeries = [
     {
         name: "All",
@@ -117,7 +117,7 @@ var BalanceChart = function (props) {
     var toggleExpand = function () {
         setExpandAreaChart(function (prev) { return !prev; });
     };
-    return ((0, jsx_runtime_1.jsx)(material_1.Box, { sx: __assign(__assign({}, props.sx), { width: "100%" }), children: (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign({}, theme.mixins.column), children: [(0, jsx_runtime_1.jsx)(AnalyticGroup_1.default, { timeRange: timeRangeData === null || timeRangeData === void 0 ? void 0 : timeRangeData.type }), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.row), { position: "relative", marginTop: theme.mixins.customMargin.m12 }), children: [(0, jsx_runtime_1.jsxs)(material_1.Box, { sx: {
+    return ((0, jsx_runtime_1.jsx)(material_1.Box, { sx: __assign(__assign({}, props.sx), { width: "100%" }), children: (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign({}, theme.mixins.column), children: [(0, jsx_runtime_1.jsx)(AnalyticGroup_1.default, { timeRange: timeRangeData === null || timeRangeData === void 0 ? void 0 : timeRangeData.type, userInfo: props.userInfo }), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.row), { position: "relative", marginTop: theme.mixins.customMargin.m12 }), children: [(0, jsx_runtime_1.jsxs)(material_1.Box, { sx: {
                                 width: "100%",
                                 position: "relative",
                                 transition: "all 500ms ease-in-out",

package/dist/components/TekWallet/components/ui/IncomeWallet/components/HistoryItem.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+import { TransactionHistoryDto } from "../types/transaction.history.dto";
+type Props = {
+    tradeHistory: TransactionHistoryDto;
+};
+declare const HistoryItem: React.FC<Props>;
+export default HistoryItem;

package/dist/components/TekWallet/components/ui/IncomeWallet/components/HistoryItem.js

@@ -0,0 +1,60 @@
+"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 Row_1 = __importDefault(require("../../Row"));
+var Column_1 = __importDefault(require("../../Column"));
+var Text_1 = __importDefault(require("../../Text"));
+var providers_1 = require("../../../../providers");
+var Spacer_1 = __importDefault(require("../../Spacer"));
+var convertIntoPrice = function (amount) {
+    return amount.toLocaleString("en-US", {
+        style: "currency",
+        currency: "USD",
+        minimumFractionDigits: 0,
+    });
+};
+var HistoryItem = function (_a) {
+    var _b, _c;
+    var tradeHistory = _a.tradeHistory;
+    var theme = (0, providers_1.useTheme)();
+    var isIncome = ((_b = tradeHistory.inOut) === null || _b === void 0 ? void 0 : _b.toLowerCase()) === "in";
+    var sign = isIncome ? "+" : "-";
+    var amount = convertIntoPrice((_c = tradeHistory.amount) !== null && _c !== void 0 ? _c : 0);
+    var amountColor = isIncome ? "#008000" : "#FF0000";
+    return ((0, jsx_runtime_1.jsxs)(Row_1.default, { sx: {
+            borderBottom: "1px solid ".concat(theme.palette.border.accent3),
+            width: "100%",
+            justifyContent: "space-between",
+            padding: "0.5rem 0",
+        }, children: [(0, jsx_runtime_1.jsxs)(Column_1.default, { children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
+                            fontSize: theme.typography.fontSize14,
+                            fontWeight: theme.typography.fontWeight600,
+                            lineHeight: theme.typography.leading140,
+                            color: theme.palette.text.primary,
+                        }, children: tradeHistory.itemCode }), (0, jsx_runtime_1.jsx)(Spacer_1.default, { value: "0.25rem" }), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
+                            fontSize: theme.typography.fontSize11,
+                            fontWeight: theme.typography.fontWeight400,
+                            lineHeight: theme.typography.leading140,
+                            color: theme.palette.text.primary,
+                        }, children: tradeHistory.content }), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
+                            fontSize: theme.typography.fontSize11,
+                            fontWeight: theme.typography.fontWeight400,
+                            lineHeight: theme.typography.leading140,
+                            color: theme.palette.text.primary,
+                        }, children: tradeHistory.createTime })] }), (0, jsx_runtime_1.jsxs)(Text_1.default, { sx: { color: amountColor }, children: [sign, amount] })] })
+    // <div style={styles.row}>
+    //   <div style={styles.leftColumn}>
+    //     <div style={styles.itemCode}>{tradeHistory.itemCode}</div>
+    //     <div style={styles.content}>{tradeHistory.content}</div>
+    //     <div style={styles.createTime}>{tradeHistory.createTime}</div>
+    //   </div>
+    //   <div style={{ ...styles.amount, color: amountColor }}>
+    //     {sign}{amount}
+    //   </div>
+    // </div>
+    );
+};
+exports.default = HistoryItem;

package/dist/components/TekWallet/components/ui/IncomeWallet/components/history/index.d.ts

@@ -0,0 +1,6 @@
+import { TransactionHistoryDto } from "../../types/transaction.history.dto";
+interface TransactionHistoryProps {
+    listItem: TransactionHistoryDto[];
+}
+export default function TransactionHistory(props: TransactionHistoryProps): import("react/jsx-runtime").JSX.Element;
+export type { TransactionHistoryProps };

package/dist/components/TekWallet/components/ui/IncomeWallet/components/history/index.js

@@ -0,0 +1,12 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = TransactionHistory;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var Column_1 = __importDefault(require("../../../Column"));
+var HistoryItem_1 = __importDefault(require("../HistoryItem"));
+function TransactionHistory(props) {
+    return ((0, jsx_runtime_1.jsx)(Column_1.default, { children: props.listItem.map(function (item) { return ((0, jsx_runtime_1.jsx)(HistoryItem_1.default, { tradeHistory: item }, item.id)); }) }));
+}

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

@@ -1,8 +1,12 @@
+import { TransactionHistoryDto } from "./types/transaction.history.dto";
+import { WealthsUserInfoDto } from "./types/userinfo.dto";
 interface IncomeWalletProps {
     balance: number;
     getTransactionHistory: () => Promise<any>;
     withdraw: (amount: string) => Promise<any>;
     deposit: (amount: string) => Promise<any>;
+    transactionHistory?: TransactionHistoryDto[];
+    userInfo?: WealthsUserInfoDto;
 }
 export declare const IncomeWallet: (props: IncomeWalletProps) => import("react/jsx-runtime").JSX.Element;
 export default IncomeWallet;

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

@@ -19,8 +19,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.IncomeWallet = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
 var material_1 = require("@mui/material");
-var DefaultPageLayout_1 = __importDefault(require("../../layouts/DefaultPageLayout"));
-var TokensBoard_1 = __importDefault(require("../TokensBoard"));
 var useWalletData_1 = __importDefault(require("../../../hooks/useWalletData"));
 var ThemeProvider_1 = require("../../../providers/ThemeProvider");
 var BalanceChart_1 = __importDefault(require("./components/BalanceChart"));
@@ -29,41 +27,102 @@ var Text_1 = __importDefault(require("../Text"));
 var SvgPath_1 = require("../SvgPath");
 var FunctionItem_1 = __importDefault(require("./components/FunctionItem"));
 var WealthWithdraw_1 = __importDefault(require("./components/WealthWithdraw"));
+var history_1 = __importDefault(require("./components/history"));
+var ChildPageLayout_1 = __importDefault(require("../../layouts/ChildPageLayout"));
+var PageHeader_1 = __importDefault(require("../PageHeader"));
+var Column_1 = __importDefault(require("../Column"));
+var Spacer_1 = __importDefault(require("../Spacer"));
 var IncomeWallet = function (props) {
+    var _a;
     var isInitPasscode = (0, useWalletData_1.default)().isInitPasscode;
     var theme = (0, ThemeProvider_1.useTheme)();
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [!isInitPasscode && ((0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, theme.mixins.sessionDescription), children: "Please connect your wallet to get asset information" })), !!isInitPasscode && ((0, jsx_runtime_1.jsxs)(DefaultPageLayout_1.default, __assign({}, props, { children: [(0, jsx_runtime_1.jsx)(BalanceChart_1.default, {}), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: {
-                            display: "grid",
-                            gridTemplateColumns: "repeat(4, 1fr)",
-                            gap: theme.mixins.gaps.g12,
-                            position: "relative",
-                            zIndex: 50,
-                            my: theme.mixins.customMargin.m20,
-                            paddingTop: theme.mixins.customPadding.p16,
-                            paddingBottom: theme.mixins.customPadding.p8,
-                            backgroundColor: theme.palette.background.tertiary,
-                            borderRadius: theme.mixins.customRadius.r16,
-                            "& .MuiListItem-root, & .MuiListItem-root *": {
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [!isInitPasscode && ((0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, theme.mixins.sessionDescription), children: "Please connect your wallet to get asset information" })), !!isInitPasscode && ((0, jsx_runtime_1.jsx)(ChildPageLayout_1.default, __assign({}, props, { header: (0, jsx_runtime_1.jsx)(PageHeader_1.default, { title: "WealthS" }), children: (0, jsx_runtime_1.jsxs)(Column_1.default, { sx: {
+                        paddingLeft: theme.mixins.customPadding.p16,
+                        paddingRight: theme.mixins.customPadding.p16,
+                    }, children: [(0, jsx_runtime_1.jsx)(BalanceChart_1.default, { userInfo: props.userInfo }), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: {
+                                display: "grid",
+                                gridTemplateColumns: "repeat(4, 1fr)",
+                                gap: theme.mixins.gaps.g12,
+                                position: "relative",
+                                zIndex: 50,
+                                my: theme.mixins.customMargin.m20,
+                                paddingTop: theme.mixins.customPadding.p16,
+                                paddingBottom: theme.mixins.customPadding.p8,
+                                backgroundColor: theme.palette.background.tertiary,
+                                borderRadius: theme.mixins.customRadius.r16,
+                                "& .MuiListItem-root, & .MuiListItem-root *": {
+                                    color: theme.palette.text.primary,
+                                    fontWeight: theme.typography.fontWeight600,
+                                },
+                            }, children: [(0, jsx_runtime_1.jsx)(WealthDeposit_1.default, { onContinue: function (amount) {
+                                        props.deposit(amount);
+                                    }, children: (0, jsx_runtime_1.jsx)(material_1.ListItem, { sx: {
+                                            borderRight: "1px solid ".concat(theme.palette.border.accent3),
+                                            placeContent: "center",
+                                            columnSpan: 1,
+                                        }, children: (0, jsx_runtime_1.jsx)(FunctionItem_1.default, { icon: SvgPath_1.IC_DEPOSIT, width: 30, height: 30, label: "Topup", sx: {
+                                                width: "100%",
+                                            } }) }) }), (0, jsx_runtime_1.jsx)(WealthWithdraw_1.default, { onContinue: function (amount) {
+                                        props.deposit(amount);
+                                    }, children: (0, jsx_runtime_1.jsx)(material_1.ListItem, { sx: {
+                                            borderRight: "1px solid ".concat(theme.palette.border.accent3),
+                                            placeContent: "center",
+                                            columnSpan: 1,
+                                        }, children: (0, jsx_runtime_1.jsx)(FunctionItem_1.default, { icon: SvgPath_1.IC_WITHDRAW, width: 30, height: 30, label: "Withdraw", sx: {
+                                                width: "100%",
+                                            } }) }) })] }), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
+                                fontWeight: theme.typography.fontWeight700,
+                                leading: theme.typography.leading140,
+                                fontSize: theme.typography.fontSize18,
+                                textTransform: "capitalize",
                                 color: theme.palette.text.primary,
-                                fontWeight: theme.typography.fontWeight600,
-                            },
-                        }, children: [(0, jsx_runtime_1.jsx)(WealthDeposit_1.default, { onContinue: function (amount) {
-                                    props.deposit(amount);
-                                }, children: (0, jsx_runtime_1.jsx)(material_1.ListItem, { sx: {
-                                        borderRight: "1px solid ".concat(theme.palette.border.accent3),
-                                        placeContent: "center",
-                                        columnSpan: 1,
-                                    }, children: (0, jsx_runtime_1.jsx)(FunctionItem_1.default, { icon: SvgPath_1.IC_DEPOSIT, width: 30, height: 30, label: "Topup", sx: {
-                                            width: "100%",
-                                        } }) }) }), (0, jsx_runtime_1.jsx)(WealthWithdraw_1.default, { onContinue: function (amount) {
-                                    props.deposit(amount);
-                                }, children: (0, jsx_runtime_1.jsx)(material_1.ListItem, { sx: {
-                                        borderRight: "1px solid ".concat(theme.palette.border.accent3),
-                                        placeContent: "center",
-                                        columnSpan: 1,
-                                    }, children: (0, jsx_runtime_1.jsx)(FunctionItem_1.default, { icon: SvgPath_1.IC_WITHDRAW, width: 30, height: 30, label: "Withdraw", sx: {
-                                            width: "100%",
-                                        } }) }) })] }), (0, jsx_runtime_1.jsx)(TokensBoard_1.default, {})] })))] }));
+                            }, children: "History" }), (0, jsx_runtime_1.jsx)(Spacer_1.default, { value: "0.25rem" }), (0, jsx_runtime_1.jsx)(history_1.default, { listItem: (_a = props.transactionHistory) !== null && _a !== void 0 ? _a : [
+                                {
+                                    id: 1,
+                                    merchantCode: "Merchant 1",
+                                    destinationAccount: "1234567890",
+                                    sourceAccount: "1234567890",
+                                    amount: 100,
+                                    createTime: "2021-01-01",
+                                    inOut: "in",
+                                    content: "Merchant 1 transfer to Merchant 2",
+                                    tradeType: "tradeType 1",
+                                    itemCode: "itemCode 1",
+                                    request: "request 1",
+                                    syncDip: 1,
+                                    status: 1,
+                                },
+                                {
+                                    id: 2,
+                                    merchantCode: "Merchant 2",
+                                    destinationAccount: "1234567890",
+                                    sourceAccount: "1234567890",
+                                    amount: 200,
+                                    createTime: "2021-01-01",
+                                    inOut: "out",
+                                    content: "Merchant 2 transfer to Merchant 3",
+                                    tradeType: "tradeType 2",
+                                    itemCode: "itemCode 2",
+                                    request: "request 2",
+                                    syncDip: 2,
+                                    status: 2,
+                                },
+                                {
+                                    id: 3,
+                                    merchantCode: "Merchant 3",
+                                    destinationAccount: "1234567890",
+                                    sourceAccount: "1234567890",
+                                    amount: 300,
+                                    createTime: "2021-01-01",
+                                    inOut: "in",
+                                    content: "Merchant 3 transfer to Merchant 1",
+                                    tradeType: "tradeType 3",
+                                    itemCode: "itemCode 3",
+                                    request: "request 3",
+                                    syncDip: 3,
+                                    status: 3,
+                                },
+                            ] })] }) })))] }));
 };
 exports.IncomeWallet = IncomeWallet;
 exports.default = exports.IncomeWallet;

package/dist/components/TekWallet/components/ui/IncomeWallet/types/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./userinfo.dto";
+export * from "./transaction.history.dto";

package/dist/components/TekWallet/components/ui/IncomeWallet/types/index.js

@@ -0,0 +1,18 @@
+"use strict";
+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 __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./userinfo.dto"), exports);
+__exportStar(require("./transaction.history.dto"), exports);

package/dist/components/TekWallet/components/ui/IncomeWallet/types/transaction.history.dto.d.ts

@@ -0,0 +1,15 @@
+export interface TransactionHistoryDto {
+    id?: number;
+    merchantCode?: string;
+    destinationAccount?: string;
+    sourceAccount?: string;
+    amount?: number;
+    content?: string;
+    createTime?: string;
+    inOut?: string;
+    tradeType?: string;
+    itemCode?: string;
+    request?: any;
+    syncDip?: number;
+    status?: number;
+}

package/dist/components/TekWallet/components/ui/IncomeWallet/types/transaction.history.dto.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/components/TekWallet/components/ui/IncomeWallet/types/userinfo.dto.d.ts

@@ -0,0 +1,12 @@
+export interface WealthsUserInfoDto {
+    firstname?: string;
+    lastname?: string;
+    identityCard?: string;
+    email?: string;
+    address?: string;
+    phone?: number;
+    bankAcc?: string;
+    interestRate?: number;
+    amount?: number;
+    accountName?: string;
+}

package/dist/components/TekWallet/components/ui/IncomeWallet/types/userinfo.dto.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

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

@@ -108,7 +108,6 @@ var UpdateLockTokenError;
     UpdateLockTokenError["MIN_AMOUNT"] = "Min amount";
     UpdateLockTokenError["FAILED"] = "Failed";
 })(UpdateLockTokenError || (exports.UpdateLockTokenError = UpdateLockTokenError = {}));
-//
 exports.UpdateLockToken = (0, react_1.forwardRef)(function (props, ref) {
     var _a;
     var theme = (0, ThemeProvider_1.useTheme)();

package/dist/components/TekWallet/types/expose-type.d.ts

@@ -260,3 +260,4 @@ export interface ReceiveInternalCurrency {
     decimal: number;
     link: string;
 }
+export * from "../components/ui/IncomeWallet/types";

package/dist/components/TekWallet/types/expose-type.js

@@ -1,4 +1,18 @@
 "use strict";
+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 __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.REFRESH_TOKEN_STATUS = exports.LoginMessage = void 0;
 // 1. Enums
@@ -15,3 +29,4 @@ var REFRESH_TOKEN_STATUS;
     REFRESH_TOKEN_STATUS["FAILED"] = "Refresh token is failed";
     REFRESH_TOKEN_STATUS["SUCCESS"] = "Refresh token is successfully";
 })(REFRESH_TOKEN_STATUS || (exports.REFRESH_TOKEN_STATUS = REFRESH_TOKEN_STATUS = {}));
+__exportStar(require("../components/ui/IncomeWallet/types"), exports);

package/package.json

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