tek-wallet 0.0.735 → 0.0.737

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

@@ -8,3 +8,5 @@ export * from "./views/ImportWalletView";
 export * from "./ui/Fees";
 export * from "./ui/ConfirmTransaction";
 export * from "./ui/SwapFunction";
+export * from "./ui/IncomeWallet";
+export * from "./ui/TransferConfirmation";

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

@@ -24,3 +24,5 @@ __exportStar(require("./views/ImportWalletView"), exports);
 __exportStar(require("./ui/Fees"), exports);
 __exportStar(require("./ui/ConfirmTransaction"), exports);
 __exportStar(require("./ui/SwapFunction"), exports);
+__exportStar(require("./ui/IncomeWallet"), exports);
+__exportStar(require("./ui/TransferConfirmation"), exports);

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

@@ -24,9 +24,8 @@ var DelayMounted_1 = __importDefault(require("../DelayMounted"));
 var material_1 = require("@mui/material");
 var ThemeProvider_1 = require("../../../providers/ThemeProvider");
 var NeonLineChart_1 = __importDefault(require("../NeonLineChart"));
-var Icon_1 = __importDefault(require("../Icon"));
-var getIcon_1 = __importDefault(require("../../../utils/getIcon"));
 var ContentHiddenProvider_1 = require("../../../providers/ContentHiddenProvider");
+var SvgPath_1 = require("../SvgPath");
 var fakeSeries = [
     {
         name: "All",
@@ -123,15 +122,17 @@ var AmountGroupAndChart = function (props) {
                                             ease: "linear",
                                             delay: expandAreaChart ? 0.5 : 0.25,
                                         },
-                                    }, children: (0, jsx_runtime_1.jsx)(DelayMounted_1.default, { delay: 100, children: (0, jsx_runtime_1.jsx)(TimeFilter_1.default, { hideAll: true, initialValue: defaultTimeRange, onChange: handleChangeTimeRange }) }) })] }), (0, jsx_runtime_1.jsx)(DelayMounted_1.default, { delay: 100, children: (0, jsx_runtime_1.jsx)(Icon_1.default, { sx: {
-                                    alignSelf: "center",
-                                    transition: "all 500ms ease-in-out",
-                                    cursor: "pointer",
-                                    mt: theme.mixins.customMargin.m4,
-                                    transform: !expandAreaChart
-                                        ? "rotate(180deg) translateX(900%) translateY(120%)"
-                                        : "translateX(-50%) translateY(100%)",
-                                    zIndex: 20,
-                                }, width: 20, src: (0, getIcon_1.default)("".concat(!expandAreaChart ? "expand" : "collapse")), onClick: toggleExpand }) })] })] }) }));
+                                    }, children: (0, jsx_runtime_1.jsx)(DelayMounted_1.default, { delay: 100, children: (0, jsx_runtime_1.jsx)(TimeFilter_1.default, { hideAll: true, initialValue: defaultTimeRange, onChange: handleChangeTimeRange }) }) })] }), (0, jsx_runtime_1.jsx)(material_1.SvgIcon, { onClick: toggleExpand, sx: {
+                                alignSelf: "center",
+                                transition: "all 500ms ease-in-out",
+                                cursor: "pointer",
+                                mt: theme.mixins.customMargin.m4,
+                                transform: !expandAreaChart
+                                    ? "rotate(180deg) translateX(900%) translateY(120%)"
+                                    : "translateX(-50%) translateY(100%)",
+                                zIndex: 20,
+                                width: 20,
+                                height: 20,
+                            }, children: SvgPath_1.IC_EXPANDER_ARROW })] })] }) }));
 };
 exports.default = AmountGroupAndChart;

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

@@ -17,11 +17,10 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
 var Text_1 = __importDefault(require("../Text"));
 var Formatter_1 = __importDefault(require("../Formatter"));
-var Icon_1 = __importDefault(require("../Icon"));
 var material_1 = require("@mui/material");
 var providers_1 = require("../../../providers");
-var getIcon_1 = __importDefault(require("../../../utils/getIcon"));
 var ContentHiddenProvider_1 = require("../../../providers/ContentHiddenProvider");
+var SvgPath_1 = require("../SvgPath");
 var AnalyticGroup = function (props) {
     var theme = (0, providers_1.useTheme)();
     var _a = (0, ContentHiddenProvider_1.useContentHidden)(), isHidden = _a.isHidden, setIsHidden = _a.setIsHidden;
@@ -32,7 +31,7 @@ var AnalyticGroup = function (props) {
                             fontSize: theme.typography.fontSize15,
                             fontWeight: theme.typography.fontWeight500,
                             color: theme.palette.text.accent2,
-                        }, children: "Total Amount" }), (0, jsx_runtime_1.jsx)(Icon_1.default, { src: (0, getIcon_1.default)("not_see"), onClick: toggleHidden, width: 16, height: 16 })] }), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: {
+                        }, 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",
@@ -41,7 +40,7 @@ var AnalyticGroup = function (props) {
                 }, 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: 1000000 }), (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: "USDC" }), (0, jsx_runtime_1.jsx)(Icon_1.default, { src: (0, getIcon_1.default)("arrow_down"), width: 8 })] })] })) : ((0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
+                                            }, children: "USDC" }), (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,
@@ -51,7 +50,7 @@ var AnalyticGroup = function (props) {
                                     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)(Icon_1.default, { src: (0, getIcon_1.default)("arrow_drop_up"), width: 8 }), (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: {
+                                }, 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,
@@ -67,14 +66,14 @@ var AnalyticGroup = function (props) {
                                     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.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(Icon_1.default, { src: (0, getIcon_1.default)("approximately"), width: 15, height: 15 }), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
-                                                fontSize: theme.typography.fontSize12,
-                                                fontWeight: theme.typography.fontWeight600,
-                                                color: theme.palette.text.accent2,
-                                            }, children: "250k XP" })] })) : ((0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
+                                }, 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 250k XP" }) })) : ((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)(Icon_1.default, { src: (0, getIcon_1.default)("mark"), width: 15, height: 15 })] })] })] }));
+                                    }, 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/DrawerComponent/index.d.ts

@@ -18,6 +18,8 @@ export interface DrawerComponentProps extends Omit<GeneralProps, "onClick" | "sx
     direction?: DRAWER_DIRECTION;
     disableSwipe?: boolean;
     triggerStatus?: DRAWER_TRIGGER_STATUS;
+    onDismiss?: () => void;
+    draggable?: boolean;
 }
 export interface DrawerComponentRef {
     open: () => void;

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

@@ -39,10 +39,9 @@ var DRAWER_TRIGGER_STATUS;
     DRAWER_TRIGGER_STATUS["DISABLED"] = "DISABLED";
 })(DRAWER_TRIGGER_STATUS || (exports.DRAWER_TRIGGER_STATUS = DRAWER_TRIGGER_STATUS = {}));
 var DrawerComponent = (0, react_1.forwardRef)(function (props, ref) {
-    var onOpen = props.onOpen, onClose = props.onClose, onToggle = props.onToggle, sx = props.sx, trigger = props.trigger, direction = props.direction, children = props.children, disableSwipe = props.disableSwipe, className = props.className, _a = props.triggerStatus, triggerStatus = _a === void 0 ? DRAWER_TRIGGER_STATUS.ENABLED : _a, rest = __rest(props, ["onOpen", "onClose", "onToggle", "sx", "trigger", "direction", "children", "disableSwipe", "className", "triggerStatus"]);
+    var onOpen = props.onOpen, onClose = props.onClose, onToggle = props.onToggle, sx = props.sx, trigger = props.trigger, direction = props.direction, children = props.children, _a = props.triggerStatus, triggerStatus = _a === void 0 ? DRAWER_TRIGGER_STATUS.ENABLED : _a, onDismiss = props.onDismiss, draggable = props.draggable, rest = __rest(props, ["onOpen", "onClose", "onToggle", "sx", "trigger", "direction", "children", "triggerStatus", "onDismiss", "draggable"]);
     var _b = (0, react_1.useState)(false), isShowDrawerComponent = _b[0], setIsShowDrawerComponent = _b[1];
     var _c = (0, react_1.useState)(undefined), isOpen = _c[0], setIsOpen = _c[1];
-    var DrawerComponent = (0, react_1.useMemo)(function () { return (isOpen !== undefined || disableSwipe ? material_1.Drawer : material_1.SwipeableDrawer); }, [isOpen, disableSwipe]);
     var lockStatus = function () {
         setIsOpen(isShowDrawerComponent);
     };
@@ -70,12 +69,6 @@ var DrawerComponent = (0, react_1.forwardRef)(function (props, ref) {
         var newState = !isShowDrawerComponent;
         setIsShowDrawerComponent(newState);
         onToggle === null || onToggle === void 0 ? void 0 : onToggle(newState);
-        if (newState) {
-            onOpen === null || onOpen === void 0 ? void 0 : onOpen();
-        }
-        else {
-            onClose === null || onClose === void 0 ? void 0 : onClose();
-        }
     };
     (0, react_1.useImperativeHandle)(ref, function () { return ({
         open: handleOpen,
@@ -83,21 +76,25 @@ var DrawerComponent = (0, react_1.forwardRef)(function (props, ref) {
         lockStatus: lockStatus,
         unlockStatus: unlockStatus,
     }); });
-    var onDrawerClose = function (e) {
+    var onDrawerClose = function () {
         setIsShowDrawerComponent(false);
-        onClose === null || onClose === void 0 ? void 0 : onClose(e);
+        onDismiss === null || onDismiss === void 0 ? void 0 : onDismiss();
     };
     var onDrawerOpen = function (e) {
         setIsShowDrawerComponent(true);
         onOpen === null || onOpen === void 0 ? void 0 : onOpen(e);
     };
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(material_1.Box, { sx: __assign({ display: "block" }, sx), className: className, onClick: toggle, children: trigger }), (0, jsx_runtime_1.jsx)(DrawerComponent, __assign({}, rest, { sx: {
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(material_1.Box, { sx: __assign({}, sx), onClick: toggle, children: trigger }), (0, jsx_runtime_1.jsx)(material_1.SwipeableDrawer, __assign({}, rest, { disableSwipeToOpen: true, sx: {
                     "& .MuiDrawer-paper": {
                         backgroundColor: "transparent",
                         overflow: "hidden",
                         boxShadow: "none",
                     },
-                }, anchor: direction || DRAWER_DIRECTION.BOTTOM, open: isOpen !== null && isOpen !== void 0 ? isOpen : isShowDrawerComponent, onOpen: onDrawerOpen, onClose: onDrawerClose, children: children }))] }));
+                }, anchor: direction || "bottom", open: isOpen !== null && isOpen !== void 0 ? isOpen : isShowDrawerComponent, onOpen: onDrawerOpen, onClose: onDrawerClose, ModalProps: {
+                    onBackdropClick: function () {
+                        onDismiss === null || onDismiss === void 0 ? void 0 : onDismiss();
+                    },
+                }, draggable: draggable, children: children }))] }));
 });
 DrawerComponent.displayName = "DrawerComponent";
 exports.default = DrawerComponent;

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

@@ -14,5 +14,5 @@ export interface FeesProps extends Omit<AccordionProps, "children"> {
     feesStyle?: FeesStyle;
     estimateReceive?: string | number;
 }
-declare function Fees(props: FeesProps): import("react/jsx-runtime").JSX.Element;
+declare function Fees(props: FeesProps): import("react/jsx-runtime").JSX.Element | null;
 export default Fees;

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

@@ -84,7 +84,7 @@ function Fees(props) {
     var totalfee_in_currency = (0, react_1.useMemo)(function () {
         return feesData === null || feesData === void 0 ? void 0 : feesData.fee_in_currency;
     }, [feesData]);
-    return ((0, jsx_runtime_1.jsxs)(material_1.Accordion, __assign({ defaultExpanded: true }, rest, { disableGutters: true, sx: __assign(__assign({}, getStyled(feesStyle !== null && feesStyle !== void 0 ? feesStyle : FeesStyle.DEFAULT, theme)), sx), children: [(0, jsx_runtime_1.jsx)(material_1.AccordionSummary, { expandIcon: (0, jsx_runtime_1.jsx)(Icon_1.default, { src: (0, getIcon_1.default)("arrow_down"), width: 8, height: 8 }), children: (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.row), { width: "100%" }), children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
+    return feeCheckedBalance.length > 0 ? ((0, jsx_runtime_1.jsxs)(material_1.Accordion, __assign({ defaultExpanded: true }, rest, { disableGutters: true, sx: __assign(__assign({}, getStyled(feesStyle !== null && feesStyle !== void 0 ? feesStyle : FeesStyle.DEFAULT, theme)), sx), children: [(0, jsx_runtime_1.jsx)(material_1.AccordionSummary, { expandIcon: (0, jsx_runtime_1.jsx)(Icon_1.default, { src: (0, getIcon_1.default)("arrow_down"), width: 8, height: 8 }), children: (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.row), { width: "100%" }), children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
                                 fontSize: theme.typography.fontSize11,
                                 fontWeight: theme.typography.fontWeight500,
                                 color: theme.palette.text.black,
@@ -119,7 +119,7 @@ function Fees(props) {
                                         fontSize: theme.typography.fontSize16,
                                         fontWeight: theme.typography.fontWeight700,
                                         color: theme.palette.text.black,
-                                    }, unit: " ".concat(tokenSlug.toUpperCase()), value: estimateReceive })] }))] }) })] })));
+                                    }, unit: " ".concat(tokenSlug.toUpperCase()), value: estimateReceive })] }))] }) })] }))) : null;
 }
 exports.default = Fees;
 var FeeDetails = function (_a) {

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

@@ -199,6 +199,7 @@ var HistorySwap = function (props) {
                         return [3 /*break*/, 5];
                     case 4:
                         setLoading(false);
+                        console.error("Error fetching swap history.");
                         return [7 /*endfinally*/];
                     case 5: return [2 /*return*/];
                 }
@@ -409,13 +410,13 @@ var HistorySwap = function (props) {
                                     timestamp: selectedItem.date_created,
                                     success: selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem.transaction_status,
                                     message: "",
-                                } }, "detail-".concat(currentId))) }) }, "drawer-".concat(currentId)), resultData.map(function (item, i) {
+                                } }, "detail-".concat(currentId))) }) }, "drawer-".concat(currentId)), resultData.map(function (item) {
                         var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
                         return ((0, jsx_runtime_1.jsx)(material_1.Box, { onClick: function () {
                                 handleTransactionClick(item.id);
                             }, sx: {
                                 mt: theme.mixins.customMargin.m8,
-                            }, children: (0, jsx_runtime_1.jsx)(CardHistorySwap_1.default, { amount: item.amount, status: item.transaction_status, fromCurrency: (_a = item.currency_data) === null || _a === void 0 ? void 0 : _a.full_name, toCurrency: (_f = (_e = (_d = (_c = (_b = item.fee_info) === null || _b === void 0 ? void 0 : _b.fee_detail) === null || _c === void 0 ? void 0 : _c[0]) === null || _d === void 0 ? void 0 : _d.currency) === null || _e === void 0 ? void 0 : _e.outputs[0]) === null || _f === void 0 ? void 0 : _f.full_name, swapAmount: (_l = (_k = (_j = (_h = (_g = item.fee_info) === null || _g === void 0 ? void 0 : _g.fee_detail) === null || _h === void 0 ? void 0 : _h[0]) === null || _j === void 0 ? void 0 : _j.currency) === null || _k === void 0 ? void 0 : _k.outputs[0]) === null || _l === void 0 ? void 0 : _l.swap_amount, date: item.date_created, description: item.description }, item.id) }, i));
+                            }, children: (0, jsx_runtime_1.jsx)(CardHistorySwap_1.default, { amount: item.amount, status: item.transaction_status, fromCurrency: (_a = item.currency_data) === null || _a === void 0 ? void 0 : _a.full_name, toCurrency: (_f = (_e = (_d = (_c = (_b = item.fee_info) === null || _b === void 0 ? void 0 : _b.fee_detail) === null || _c === void 0 ? void 0 : _c[0]) === null || _d === void 0 ? void 0 : _d.currency) === null || _e === void 0 ? void 0 : _e.outputs[0]) === null || _f === void 0 ? void 0 : _f.full_name, swapAmount: (_l = (_k = (_j = (_h = (_g = item.fee_info) === null || _g === void 0 ? void 0 : _g.fee_detail) === null || _h === void 0 ? void 0 : _h[0]) === null || _j === void 0 ? void 0 : _j.currency) === null || _k === void 0 ? void 0 : _k.outputs[0]) === null || _l === void 0 ? void 0 : _l.swap_amount, date: item.date_created, description: item.description }, item.id) }, item.id));
                     })] })) : (resultData.length == 0 &&
                 !isLoading && ((0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign(__assign(__assign({}, theme.mixins.center), { padding: theme.mixins.customPadding.p24 }), theme.mixins.column), { gap: theme.mixins.gaps.g4, textAlign: "center" }), children: [(0, jsx_runtime_1.jsx)(Icon_1.default, { src: (0, getIcon_1.default)("result"), width: 62, height: 62, sx: {
                             mx: "auto",

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

@@ -0,0 +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

@@ -0,0 +1,170 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
+var framer_motion_1 = require("framer-motion");
+var material_1 = require("@mui/material");
+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",
+        data: [
+            1003785.6864951615, 1003795.988344575, 1003827.99766239, 1003899.7426850981,
+            1003891.7710159089, 1003810.6439517767, 1003780.7195320514, 1003797.9506016063,
+            1003781.455378438, 1003782.0072632281, 1003715.167883104, 1003724.9791682598,
+            1003716.6018329085, 1003711.3282671372, 1003686.1868489254, 1003625.4795220237,
+            1003584.3334449014, 1003498.9139435134, 1003310.7825506503, 1003339.72584186,
+            1003334.3069939599, 1003364.3540547496, 1003394.4011155394, 1003398.386950134,
+            1003233.005474726, 1003185.2981006557, 1003165.7981714085,
+        ],
+    },
+];
+var labels = [
+    "2025-03-04T08:10:17.311Z",
+    "2025-03-04T12:10:18.859Z",
+    "2025-03-04T16:10:19.118Z",
+    "2025-03-04T20:10:18.246Z",
+    "2025-03-05T00:10:18.371Z",
+    "2025-03-05T10:12:40.882Z",
+    "2025-03-05T14:12:42.832Z",
+    "2025-03-05T18:12:41.114Z",
+    "2025-03-05T22:12:40.544Z",
+    "2025-03-06T02:12:40.718Z",
+    "2025-03-08T10:35:52.596Z",
+    "2025-03-08T14:35:52.979Z",
+    "2025-03-08T16:01:31.209Z",
+    "2025-03-08T18:35:52.824Z",
+    "2025-03-08T22:35:52.901Z",
+    "2025-03-09T06:35:53.327Z",
+    "2025-03-09T10:35:52.682Z",
+    "2025-03-09T14:35:53.001Z",
+    "2025-03-09T18:35:52.886Z",
+    "2025-03-09T22:35:52.880Z",
+    "2025-03-10T03:43:34.153Z",
+    "2025-03-10T06:35:52.944Z",
+    "2025-03-10T10:35:52.253Z",
+    "2025-03-10T14:35:52.727Z",
+    "2025-03-10T18:35:52.865Z",
+    "2025-03-10T22:35:53.563Z",
+    "2025-03-11T04:16:45.409Z",
+];
+var defaultTimeRange = TimeFilter_1.TimeFilterType.SEVEN_DAYS;
+var variants = {
+    hidden: { opacity: 0, display: "none" },
+    visible: { opacity: 1, display: "block" },
+};
+var BalanceChart = function (props) {
+    var _a = (0, react_1.useState)(false), expandAreaChart = _a[0], setExpandAreaChart = _a[1];
+    var _b = (0, react_1.useState)(), timeRangeData = _b[0], setTimeRangeData = _b[1];
+    var isHidden = (0, ContentHiddenProvider_1.useContentHidden)().isHidden;
+    var theme = (0, providers_1.useTheme)();
+    var handleChangeTimeRange = function (data) {
+        setTimeRangeData(data);
+    };
+    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, 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",
+                                // aspectRatio: expandAreaChart ? "1.47317073171" : 999999,
+                                zIndex: 10,
+                                minHeight: expandAreaChart ? "16rem" : "0",
+                                maxHeight: expandAreaChart ? "28rem" : "0",
+                            }, children: [(0, jsx_runtime_1.jsx)(material_1.Box, { sx: {
+                                        position: "absolute",
+                                        top: 0,
+                                        right: 0,
+                                        left: 0,
+                                        bottom: 0,
+                                        transition: "all 500ms ease-in-out",
+                                        transform: !expandAreaChart ? "translateX(-25%) scale(0.5)" : "none",
+                                        display: isHidden && !expandAreaChart ? "none" : "block",
+                                    }, children: (0, jsx_runtime_1.jsx)(DelayMounted_1.default, { delay: 800, children: (0, jsx_runtime_1.jsx)(NeonLineChart_1.default, { showMinMaxValues: expandAreaChart, series: fakeSeries, categories: labels, sx: {
+                                                width: "100%",
+                                                height: "fit-content",
+                                                transition: "all 500ms ease-in-out",
+                                                transform: !expandAreaChart ? "translateY(-100%)" : "none",
+                                                my: theme.mixins.customMargin.m3,
+                                            } }) }) }), (0, jsx_runtime_1.jsx)(framer_motion_1.motion.div, { style: {
+                                        position: "relative",
+                                        transform: "translateY(350%)",
+                                    }, initial: "hidden", animate: expandAreaChart ? "visible" : "hidden", variants: variants, transition: {
+                                        opacity: {
+                                            duration: expandAreaChart ? 0.5 : 0.25,
+                                            ease: "linear",
+                                            delay: expandAreaChart ? 0.5 : 0,
+                                        },
+                                        display: {
+                                            duration: 0,
+                                            ease: "linear",
+                                            delay: expandAreaChart ? 0.5 : 0.25,
+                                        },
+                                    }, children: (0, jsx_runtime_1.jsx)(DelayMounted_1.default, { delay: 100, children: (0, jsx_runtime_1.jsx)(TimeFilter_1.default, { hideAll: true, initialValue: defaultTimeRange, onChange: handleChangeTimeRange }) }) })] }), (0, jsx_runtime_1.jsx)(DelayMounted_1.default, { delay: 100, children: (0, jsx_runtime_1.jsx)(material_1.SvgIcon, { onClick: toggleExpand, sx: {
+                                    alignSelf: "center",
+                                    transition: "all 500ms ease-in-out",
+                                    cursor: "pointer",
+                                    mt: theme.mixins.customMargin.m4,
+                                    transform: !expandAreaChart
+                                        ? "rotate(180deg) translateX(900%) translateY(120%)"
+                                        : "translateX(-50%) translateY(100%)",
+                                    zIndex: 20,
+                                    width: 20,
+                                    height: 20,
+                                }, children: SvgPath_1.IC_EXPANDER_ARROW }) })] })] }) }));
+};
+exports.default = BalanceChart;

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

@@ -0,0 +1,11 @@
+import { GeneralProps } from "../../../../types/ui";
+import { JSX } from "react";
+interface FunctionItemProps extends GeneralProps {
+    className?: string;
+    icon?: JSX.Element;
+    label?: string;
+    width?: number;
+    height?: number;
+}
+declare const FunctionItem: (props: FunctionItemProps) => import("react/jsx-runtime").JSX.Element;
+export default FunctionItem;

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

@@ -0,0 +1,29 @@
+"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 FunctionItem = function (props) {
+    var theme = (0, providers_1.useTheme)();
+    return ((0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign(__assign({}, theme.mixins.column), { alignItems: "center", gap: theme.mixins.gaps.g6 }), props.sx), children: [(0, jsx_runtime_1.jsx)(material_1.SvgIcon, { sx: { width: props.width, height: props.height }, children: props.icon }), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
+                    color: "text.white",
+                    fontSize: theme.typography.fontSize13,
+                    lineHeight: theme.typography.leading140,
+                }, children: props.label })] }));
+};
+exports.default = FunctionItem;

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;