tek-wallet 0.0.443 → 0.0.444

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

@@ -1,16 +1,5 @@
 "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);
@@ -59,14 +48,11 @@ 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 ActivityItem_1 = __importDefault(require("../ActivityItem"));
-var EmptyData_1 = __importDefault(require("../EmptyData"));
-var getIcon_1 = __importDefault(require("../../../utils/getIcon"));
-var prefix = "activities_";
+var ActivitiesTypeSlice_1 = __importDefault(require("../ActivitiesTypeSlice"));
 var Activities = (0, react_1.forwardRef)(function (props, ref) {
     var drawerRef = (0, react_1.useRef)(null);
     var theme = (0, material_1.useTheme)();
-    var _a = (0, useActivities_1.default)(), activityTypes = _a.activityTypes, activities = _a.activities;
+    var activityTypes = (0, useActivities_1.default)().activityTypes;
     var open = function () {
         var _a;
         (_a = drawerRef.current) === null || _a === void 0 ? void 0 : _a.open();
@@ -92,7 +78,7 @@ var Activities = (0, react_1.forwardRef)(function (props, ref) {
                             spaceBetween: 40,
                         }, tabs: activityTypes === null || activityTypes === void 0 ? void 0 : activityTypes.map(function (type, index) {
                             return ((0, jsx_runtime_1.jsx)(material_1.Tab, { label: type.name, value: index, "data-index": index, sx: {
-                                    padding: "0 ".concat(theme.mixins.customPadding.p16, " ").concat(theme.mixins.customPadding.p8),
+                                    padding: "".concat(theme.mixins.customPadding.p16, " ").concat(theme.mixins.customPadding.p8),
                                     minHeight: "unset",
                                     minWidth: "unset",
                                     textTransform: "capitalize",
@@ -108,17 +94,9 @@ var Activities = (0, react_1.forwardRef)(function (props, ref) {
                         }, swiperStyle: {
                             flex: 1,
                         }, children: activityTypes === null || activityTypes === void 0 ? void 0 : activityTypes.map(function (type, index) {
-                            var _a;
-                            var activitiesByType = activities === null || activities === void 0 ? void 0 : activities[type.slug];
-                            var isEmpty = !(activitiesByType === null || activitiesByType === void 0 ? void 0 : activitiesByType.length);
-                            return ((0, jsx_runtime_1.jsxs)(react_2.SwiperSlide, { style: {
+                            return ((0, jsx_runtime_1.jsx)(react_2.SwiperSlide, { style: {
                                     display: "flex",
-                                }, children: [isEmpty && ((0, jsx_runtime_1.jsx)(EmptyData_1.default, { icon: (0, getIcon_1.default)(prefix + "empty_" + type.slug), description: "No ".concat((_a = type.name) === null || _a === void 0 ? void 0 : _a.toLowerCase(), " activity") })), !isEmpty && ((0, jsx_runtime_1.jsx)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.column), { gap: theme.mixins.gaps.g12, paddingTop: theme.mixins.customPadding.p16 }), 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));
+                                }, children: (0, jsx_runtime_1.jsx)(ActivitiesTypeSlice_1.default, { type: type, isActive: true }) }, index));
                         }) }) }) }) }) }));
 });
 Activities.displayName = "Activities";

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

@@ -0,0 +1,12 @@
+import { TransactionType } from "../../../services/axios/get-activities-service/type";
+export interface ActivitiesTypeSlicePropsType {
+    type: TransactionType;
+    isActive?: boolean;
+}
+export declare enum Status {
+    Loading = "loading",
+    Empty = "empty",
+    Filled = "filled"
+}
+declare function ActivitiesTypeSlice(props: ActivitiesTypeSlicePropsType): import("react/jsx-runtime").JSX.Element;
+export default ActivitiesTypeSlice;

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

@@ -0,0 +1,67 @@
+"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 });
+exports.Status = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var material_1 = require("@mui/material");
+var getIcon_1 = __importDefault(require("../../../utils/getIcon"));
+var EmptyData_1 = __importDefault(require("../EmptyData"));
+var ActivityItem_1 = __importDefault(require("../ActivityItem"));
+var useActivities_1 = __importDefault(require("../../../hooks/useActivities"));
+var react_1 = require("react");
+var Status;
+(function (Status) {
+    Status["Loading"] = "loading";
+    Status["Empty"] = "empty";
+    Status["Filled"] = "filled";
+})(Status || (exports.Status = Status = {}));
+var prefix = "activities_";
+function ActivitiesTypeSlice(props) {
+    var _a;
+    var theme = (0, material_1.useTheme)();
+    var _b = (0, useActivities_1.default)(), activities = _b.activities, updateActivities = _b.updateActivities;
+    var type = props.type, isActive = props.isActive;
+    var activitiesByType = (0, react_1.useMemo)(function () {
+        if (!(type === null || type === void 0 ? void 0 : type.slug))
+            return undefined;
+        return activities === null || activities === void 0 ? void 0 : activities[type.slug];
+    }, [type, activities]);
+    var status = (0, react_1.useMemo)(function () {
+        if (!(type === null || type === void 0 ? void 0 : type.slug) || !activitiesByType)
+            return Status.Loading;
+        if (!!(activitiesByType === null || activitiesByType === void 0 ? void 0 : activitiesByType.length))
+            return Status.Filled;
+        return Status.Empty;
+    }, [type, activitiesByType]);
+    (0, react_1.useEffect)(function () {
+        if (!isActive || !type)
+            return;
+        if (!!activitiesByType)
+            return;
+        updateActivities({
+            transaction_type: type.slug,
+            page: 1,
+            take: 10,
+        });
+    }, [isActive, type, activitiesByType, updateActivities]);
+    return ((0, jsx_runtime_1.jsxs)(material_1.Box, { children: [status === Status.Empty && ((0, jsx_runtime_1.jsx)(EmptyData_1.default, { icon: (0, getIcon_1.default)(prefix + "empty_" + type.slug), description: "No ".concat((_a = type.name) === null || _a === void 0 ? void 0 : _a.toLowerCase(), " activity") })), status === Status.Filled && ((0, jsx_runtime_1.jsx)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.column), { gap: theme.mixins.gaps.g12, paddingTop: theme.mixins.customPadding.p16 }), 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);
+                }) }))] }));
+}
+exports.default = ActivitiesTypeSlice;

package/dist/providers/ActivitiesProvider/type.d.ts

@@ -1,8 +1,8 @@
-import { Transaction, TransactionSlug, TransactionType } from "../../services/axios/get-activities-service/type";
+import { GetActivitiesServiceQuery, Transaction, TransactionSlug, TransactionType } from "../../services/axios/get-activities-service/type";
 export interface ActivitiesProviderDataType {
     isLoadingActivities: boolean;
     activities: Activities | undefined;
-    updateActivities: () => void;
+    updateActivities: (query?: GetActivitiesServiceQuery) => void;
     activityTypes: ActivityTypes[] | undefined;
     page: number;
     gotoPage: (page: number) => void;

package/package.json

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