tek-wallet 0.0.438 → 0.0.439

package/dist/components/ui/Activities/index.js

@@ -1,5 +1,16 @@
 "use strict";
 "use client";
+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);
@@ -48,8 +59,10 @@ var SwiperControlled_1 = __importDefault(require("../SwiperControlled"));
 var useActivities_1 = __importDefault(require("../../../hooks/useActivities"));
 var material_1 = require("@mui/material");
 var react_2 = require("swiper/react");
-var Text_1 = __importDefault(require("../Text"));
 var ActivityItem_1 = __importDefault(require("../ActivityItem"));
+var EmptyData_1 = __importDefault(require("../EmptyData"));
+var getIcon_1 = __importDefault(require("../../../utils/getIcon"));
+var prefix = "activities_";
 var Activities = (0, react_1.forwardRef)(function (props, ref) {
     var drawerRef = (0, react_1.useRef)(null);
     var theme = (0, material_1.useTheme)();
@@ -96,14 +109,14 @@ var Activities = (0, react_1.forwardRef)(function (props, ref) {
                             flex: 1,
                         }, children: activityTypes === null || activityTypes === void 0 ? void 0 : activityTypes.map(function (type, index) {
                             var activitiesByType = activities === null || activities === void 0 ? void 0 : activities[type.slug];
-                            return ((0, jsx_runtime_1.jsx)(react_2.SwiperSlide, { children: (0, jsx_runtime_1.jsx)(Text_1.default, { onClick: function () {
-                                        console.warn(activities);
-                                    }, children: activitiesByType === null || activitiesByType === void 0 ? void 0 : activitiesByType.map(function (activity, index) {
-                                        if (!activity)
-                                            return null;
-                                        var dataAsJson = JSON.stringify(activity);
-                                        return (0, jsx_runtime_1.jsx)(ActivityItem_1.default, { data: dataAsJson }, index);
-                                    }) }) }, index));
+                            var isEmpty = !(activitiesByType === null || activitiesByType === void 0 ? void 0 : activitiesByType.length);
+                            return ((0, jsx_runtime_1.jsx)(react_2.SwiperSlide, { children: (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.column), { gap: theme.mixins.gaps.g12 }), children: [isEmpty && ((0, jsx_runtime_1.jsx)(EmptyData_1.default, { icon: (0, getIcon_1.default)(prefix + "empty_" + type.slug), title: "No ".concat(type.name, " activities") })), !isEmpty &&
+                                            (activitiesByType === null || activitiesByType === void 0 ? void 0 : activitiesByType.map(function (activity, index) {
+                                                if (!activity)
+                                                    return null;
+                                                var dataAsJson = JSON.stringify(activity);
+                                                return (0, jsx_runtime_1.jsx)(ActivityItem_1.default, { data: dataAsJson }, index);
+                                            }))] }) }, index));
                         }) }) }) }) }) }));
 });
 Activities.displayName = "Activities";

package/dist/components/ui/ActivityItem/index.d.ts

@@ -1,5 +1,5 @@
-import { GeneralProps } from "../../../types/ui";
-interface ActivityItemProps extends GeneralProps {
+import { ListItemButtonProps } from "@mui/material";
+interface ActivityItemProps extends ListItemButtonProps {
     data?: string;
 }
 declare function ActivityItem(props: ActivityItemProps): import("react/jsx-runtime").JSX.Element | null;

package/dist/components/ui/ActivityItem/index.js

@@ -34,6 +34,7 @@ var Icon_1 = __importDefault(require("../Icon"));
 var Text_1 = __importDefault(require("../Text"));
 var Formatter_1 = __importDefault(require("../Formatter"));
 var formatDate_1 = __importDefault(require("../../../utils/formatDate"));
+var compactWalletAddress_1 = __importDefault(require("../../../utils/compactWalletAddress"));
 function ActivityItem(props) {
     var sx = props.sx, data = props.data, rest = __rest(props, ["sx", "data"]);
     var theme = (0, material_1.useTheme)();
@@ -44,6 +45,20 @@ function ActivityItem(props) {
     }, [data]);
     var type = activityData === null || activityData === void 0 ? void 0 : activityData.transaction_type;
     var status = activityData === null || activityData === void 0 ? void 0 : activityData.transaction_status;
+    var isIncrease = (0, react_1.useMemo)(function () {
+        return type === type_1.TransactionSlug.Deposit;
+    }, [type]);
+    var descriptionElement = (0, react_1.useMemo)(function () {
+        var isReceive = type === type_1.TransactionSlug.Receive || type === type_1.TransactionSlug.Deposit;
+        if (isReceive) {
+            return (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: ["From: ", (0, compactWalletAddress_1.default)(activityData === null || activityData === void 0 ? void 0 : activityData.from_address)] });
+        }
+        var isSend = type === type_1.TransactionSlug.Send || type === type_1.TransactionSlug.Withdrawn;
+        if (isSend) {
+            return (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: ["To: ", (0, compactWalletAddress_1.default)(activityData === null || activityData === void 0 ? void 0 : activityData.to_address)] });
+        }
+        return null;
+    }, [status]);
     var getStatusColor = (0, react_1.useCallback)(function () {
         switch (status) {
             case type_1.TransactionStatus.Processing:
@@ -57,20 +72,19 @@ function ActivityItem(props) {
         }
     }, [status, theme]);
     var getAmountColor = (0, react_1.useCallback)(function () {
-        var isIncrease = type === type_1.TransactionSlug.Deposit;
         if (isIncrease)
             return theme.palette.text.successStatus;
         return theme.palette.text.white;
-    }, [type, theme]);
+    }, [isIncrease, theme]);
     if (!activityData)
         return null;
-    return ((0, jsx_runtime_1.jsxs)(material_1.Box, __assign({ sx: __assign(__assign(__assign({}, theme.mixins.row), { gap: theme.mixins.gaps.g8, backgroundColor: theme.palette.background.white16, borderRadius: theme.mixins.customRadius.r16, p: theme.mixins.customPadding.p12 }), sx) }, rest, { children: [(0, jsx_runtime_1.jsx)(material_1.Box, { sx: {
+    return ((0, jsx_runtime_1.jsxs)(material_1.ListItemButton, __assign({ sx: __assign(__assign(__assign({}, theme.mixins.row), { gap: theme.mixins.gaps.g8, backgroundColor: theme.palette.background.white16, borderRadius: theme.mixins.customRadius.r16, p: theme.mixins.customPadding.p12 }), sx) }, rest, { children: [(0, jsx_runtime_1.jsx)(material_1.Box, { sx: {
                     width: "fit-content",
                     height: "fit-content",
-                }, children: (0, jsx_runtime_1.jsx)(Icon_1.default, { src: activityData.icon, width: 24 }) }), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.column), { width: "fit-content" }), children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: theme.mixins.activityTitle, children: activityData.transaction_type }), status !== type_1.TransactionStatus.Success && ((0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.row), { gap: theme.mixins.gaps.g4 }), children: [status === type_1.TransactionStatus.Processing && ((0, jsx_runtime_1.jsx)(material_1.CircularProgress, { color: "secondary", size: 16 })), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
+                }, children: (0, jsx_runtime_1.jsx)(Icon_1.default, { src: activityData.icon, width: 24 }) }), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.column), { width: "fit-content" }), children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: theme.mixins.activityTitle, children: activityData.transaction_type }), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: theme.mixins.activityDescription, children: descriptionElement }), status !== type_1.TransactionStatus.Success && ((0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.row), { gap: theme.mixins.gaps.g4 }), children: [status === type_1.TransactionStatus.Processing && ((0, jsx_runtime_1.jsx)(material_1.CircularProgress, { color: "secondary", size: 16 })), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
                                     fontSize: theme.typography.fontSize12,
                                     textTransform: "capitalize",
                                     color: getStatusColor(),
-                                }, children: status })] }))] }), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.column), { width: "fit-content", ml: "auto" }), children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign(__assign({}, theme.mixins.value), { color: getAmountColor() }), children: (0, jsx_runtime_1.jsx)(Formatter_1.default, { value: activityData.amount, unit: activityData.currency_slug }) }), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: theme.mixins.valueDescription, children: (0, formatDate_1.default)(activityData.date_created) })] })] })));
+                                }, children: status })] }))] }), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.column), { width: "fit-content", alignItems: "flex-end", ml: "auto" }), children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign(__assign({}, theme.mixins.value), { fontWeight: theme.typography.fontWeightBold, color: getAmountColor(), textAlign: "right" }), children: (0, jsx_runtime_1.jsx)(Formatter_1.default, { start: isIncrease ? "+" : "-", value: activityData.amount, unit: activityData.currency_slug }) }), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign(__assign({}, theme.mixins.valueDescription), { textAlign: "right" }), children: (0, formatDate_1.default)(activityData.date_created) })] })] })));
 }
 exports.default = ActivityItem;

package/dist/utils/compactWalletAddress.d.ts

@@ -0,0 +1 @@
+export default function compactWalletAddress(walletAddress?: string, isLinkAff?: boolean): string | undefined;

package/dist/utils/compactWalletAddress.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = compactWalletAddress;
+function compactWalletAddress(walletAddress, isLinkAff) {
+    try {
+        if (!walletAddress)
+            return undefined;
+        if ((walletAddress === null || walletAddress === void 0 ? void 0 : walletAddress.length) <= 8) {
+            return walletAddress;
+        }
+        return ((walletAddress === null || walletAddress === void 0 ? void 0 : walletAddress.slice(0, !isLinkAff ? 3 : 15)) +
+            "..." +
+            (walletAddress === null || walletAddress === void 0 ? void 0 : walletAddress.slice(!isLinkAff ? -3 : -10)));
+    }
+    catch (err) {
+        console.error("🚀 ~ compactWalletAddress ~ err:", err);
+        return walletAddress;
+    }
+}

package/package.json

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