tek-wallet 0.0.709 → 0.0.713

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

@@ -0,0 +1,8 @@
+import { GeneralProps } from "../../../../types/ui";
+import { UserInfoDto } from "../types/userinfo.dto";
+interface AnalyticGroupProps extends GeneralProps {
+    timeRange?: string;
+    userInfo?: UserInfoDto;
+}
+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 { UserInfoDto } from "../types/userinfo.dto";
 interface BalanceChartProps extends GeneralProps {
+    userInfo?: UserInfoDto;
 }
 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 { UserInfoDto } from "./types/userinfo.dto";
 interface IncomeWalletProps {
     balance: number;
     getTransactionHistory: () => Promise<any>;
     withdraw: (amount: string) => Promise<any>;
     deposit: (amount: string) => Promise<any>;
+    transactionHistory?: TransactionHistoryDto[];
+    userInfo?: UserInfoDto;
 }
 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,108 @@ 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: {
+                                amount: 1000000,
+                                accountName: "TEKPAY-01",
+                                interestRate: 0.01,
+                                bankAcc: "1234567890",
+                                address: "1234567890",
+                            } }), (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/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 UserInfoDto {
+    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/SendExternalTokenWithdrawn/index.d.ts

@@ -9,10 +9,11 @@ export interface SendExternalTokenWithdrawnProps extends Omit<ConfirmLayoutProps
     onSuccess?: (data: SendExternalResponse) => any;
     onStart?: () => void;
     onFinish?: () => void;
+    onError?: (error: Error | unknown) => void;
     children: React.ReactNode;
     trigger: React.ReactNode;
     btnConfirm?: React.ReactNode;
     overrideHeader?: React.ReactNode;
 }
-declare const SendExternalTokenWithdrawn: ({ sendExternalData, onSuccess, onStart, onFinish, children, trigger, btnConfirm, overrideHeader, }: SendExternalTokenWithdrawnProps) => import("react/jsx-runtime").JSX.Element;
+declare const SendExternalTokenWithdrawn: ({ sendExternalData, onSuccess, onStart, onFinish, onError, children, trigger, btnConfirm, overrideHeader, }: SendExternalTokenWithdrawnProps) => import("react/jsx-runtime").JSX.Element;
 export default SendExternalTokenWithdrawn;

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

@@ -94,7 +94,7 @@ var send_external_service_1 = __importDefault(require("../../../services/axios/s
 var type_1 = require("../../../services/axios/get-activities-service/type");
 var transactionSlug = type_1.TransactionSlug.Withdrawn;
 var SendExternalTokenWithdrawn = function (_a) {
-    var sendExternalData = _a.sendExternalData, onSuccess = _a.onSuccess, onStart = _a.onStart, onFinish = _a.onFinish, children = _a.children, trigger = _a.trigger, btnConfirm = _a.btnConfirm, overrideHeader = _a.overrideHeader;
+    var sendExternalData = _a.sendExternalData, onSuccess = _a.onSuccess, onStart = _a.onStart, onFinish = _a.onFinish, onError = _a.onError, children = _a.children, trigger = _a.trigger, btnConfirm = _a.btnConfirm, overrideHeader = _a.overrideHeader;
     var _b = (0, react_1.useState)(Button_1.BUTTON_STATUS.ENABLED), buttonStatus = _b[0], setButtonStatus = _b[1];
     var network = sendExternalData.network;
     var confirmLayoutDrawerRef = (0, react_1.useRef)(null);
@@ -121,7 +121,7 @@ var SendExternalTokenWithdrawn = function (_a) {
                     return [3 /*break*/, 4];
                 case 2:
                     err_1 = _b.sent();
-                    console.error(err_1);
+                    onError === null || onError === void 0 ? void 0 : onError(err_1);
                     setButtonStatus(Button_1.BUTTON_STATUS.ERROR);
                     setTimeout(function () {
                         setButtonStatus(Button_1.BUTTON_STATUS.ENABLED);

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

@@ -10,6 +10,7 @@ interface SwapTokenProps extends Omit<ConfirmLayoutProps, "action"> {
     initFeeData?: FeesDataType;
     onStart?: () => void;
     onFinish?: () => void;
+    onError?: (error: Error | unknown) => void;
     sx?: SxProps;
     btnConfirm?: React.ReactNode;
     children?: React.ReactNode;

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

@@ -130,7 +130,7 @@ exports.SwapToken = (0, react_1.forwardRef)(function (props, ref) {
     var amount = props.sendData.amount;
     var fromTokenSlug = props.sendData.currency_slug;
     var toTokenSlug = props.sendData.to_currency_slug;
-    var sx = props.sx, children = props.children, btnConfirm = props.btnConfirm, trigger = props.trigger, overrideHeader = props.overrideHeader, onFinish = props.onFinish;
+    var sx = props.sx, children = props.children, btnConfirm = props.btnConfirm, trigger = props.trigger, overrideHeader = props.overrideHeader;
     var fromToken = (0, react_1.useMemo)(function () {
         return fromTokens === null || fromTokens === void 0 ? void 0 : fromTokens.find(function (token) { return token.slug === fromTokenSlug; });
     }, [fromTokenSlug, fromTokens]);
@@ -206,19 +206,20 @@ exports.SwapToken = (0, react_1.forwardRef)(function (props, ref) {
     }); }, [validateAmount, getEstimateFee]);
     var handleSwapToken = function (passcode) { return __awaiter(void 0, void 0, void 0, function () {
         var response, err_1;
-        var _a, _b;
-        return __generator(this, function (_c) {
-            switch (_c.label) {
+        var _a, _b, _c, _d, _e;
+        return __generator(this, function (_f) {
+            switch (_f.label) {
                 case 0:
-                    _c.trys.push([0, 2, 3, 4]);
+                    _f.trys.push([0, 2, 3, 4]);
+                    (_a = props.onStart) === null || _a === void 0 ? void 0 : _a.call(props);
                     setButtonStatus(Button_1.BUTTON_STATUS.LOADING);
                     return [4 /*yield*/, (0, swap_service_1.default)(__assign(__assign({}, props.sendData), { passcode: passcode }))];
                 case 1:
-                    response = _c.sent();
+                    response = _f.sent();
                     if (response.success) {
-                        (_a = confirmLayoutDrawerRef.current) === null || _a === void 0 ? void 0 : _a.close();
+                        (_b = confirmLayoutDrawerRef.current) === null || _b === void 0 ? void 0 : _b.close();
                         setButtonStatus(Button_1.BUTTON_STATUS.ENABLED);
-                        (_b = props.onSuccess) === null || _b === void 0 ? void 0 : _b.call(props, response);
+                        (_c = props.onSuccess) === null || _c === void 0 ? void 0 : _c.call(props, response);
                         setTimeout(function () {
                             var _a;
                             (_a = activitiesRef.current) === null || _a === void 0 ? void 0 : _a.openTab(0);
@@ -229,15 +230,15 @@ exports.SwapToken = (0, react_1.forwardRef)(function (props, ref) {
                     }
                     return [3 /*break*/, 4];
                 case 2:
-                    err_1 = _c.sent();
-                    console.error(err_1);
+                    err_1 = _f.sent();
+                    (_d = props.onError) === null || _d === void 0 ? void 0 : _d.call(props, err_1);
                     setButtonStatus(Button_1.BUTTON_STATUS.ERROR);
                     setTimeout(function () {
                         setButtonStatus(Button_1.BUTTON_STATUS.ENABLED);
                     }, 1200);
                     return [3 /*break*/, 4];
                 case 3:
-                    onFinish === null || onFinish === void 0 ? void 0 : onFinish();
+                    (_e = props.onFinish) === null || _e === void 0 ? void 0 : _e.call(props);
                     return [7 /*endfinally*/];
                 case 4: return [2 /*return*/];
             }

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

@@ -108,6 +108,7 @@ 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/package.json

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