tek-wallet 0.0.443 → 0.0.445

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/index.js

@@ -100,7 +100,7 @@ var useWalletData_1 = __importDefault(require("../../hooks/useWalletData"));
 var get_activities_service_1 = __importDefault(require("../../services/axios/get-activities-service"));
 var const_1 = require("./const");
 exports.initialActivities = {
-    isLoadingActivities: true,
+    isLoadingActivities: {},
     activities: undefined,
     updateActivities: function () { },
     activityTypes: [const_1.ACTIVITIES_TYPE_ALL],
@@ -112,7 +112,7 @@ function ActivitiesProvider(_a) {
     var _this = this;
     var children = _a.children;
     var isAuthenticated = (0, useWalletData_1.default)().isAuthenticated;
-    var _b = (0, react_1.useState)(true), isLoadingActivities = _b[0], setIsLoadingActivities = _b[1];
+    var _b = (0, react_1.useState)({}), isLoadingActivities = _b[0], setIsLoadingActivities = _b[1];
     var _c = react_1.default.useState(undefined), activities = _c[0], setActivities = _c[1];
     var _d = react_1.default.useState(undefined), activityTypes = _d[0], setActivityTypes = _d[1];
     var _e = (0, react_1.useState)(1), page = _e[0], setPage = _e[1];
@@ -120,48 +120,59 @@ function ActivitiesProvider(_a) {
         setPage(page);
     }, []);
     var updateActivities = (0, react_1.useCallback)(function (query) { return __awaiter(_this, void 0, void 0, function () {
-        var response_1, error_1;
-        var _a, _b;
-        return __generator(this, function (_c) {
-            switch (_c.label) {
+        var slug, response_1, error_1;
+        var _a, _b, _c;
+        return __generator(this, function (_d) {
+            switch (_d.label) {
                 case 0:
-                    _c.trys.push([0, 2, , 3]);
+                    slug = (_a = query === null || query === void 0 ? void 0 : query.transaction_type) !== null && _a !== void 0 ? _a : const_1.ACTIVITIES_TYPE_ALL.slug;
+                    _d.label = 1;
+                case 1:
+                    _d.trys.push([1, 3, , 4]);
                     if (!isAuthenticated) {
                         throw new Error("Authenticate to get receive tokens");
                     }
-                    setIsLoadingActivities(true);
+                    setIsLoadingActivities(function (prev) {
+                        var _a;
+                        return (__assign(__assign({}, prev), (_a = {}, _a[slug] = true, _a)));
+                    });
                     return [4 /*yield*/, (0, get_activities_service_1.default)(query)];
-                case 1:
-                    response_1 = _c.sent();
+                case 2:
+                    response_1 = _d.sent();
                     console.warn("🚀 ~ getBalance ~ response:", response_1);
                     setActivityTypes(__spreadArray([
                         const_1.ACTIVITIES_TYPE_ALL
-                    ], ((_b = (_a = response_1 === null || response_1 === void 0 ? void 0 : response_1.data) === null || _a === void 0 ? void 0 : _a.transaction_types) !== null && _b !== void 0 ? _b : []), true));
+                    ], ((_c = (_b = response_1 === null || response_1 === void 0 ? void 0 : response_1.data) === null || _b === void 0 ? void 0 : _b.transaction_types) !== null && _c !== void 0 ? _c : []), true));
                     setActivities(function (prev) {
                         var _a;
                         var _b, _c, _d;
-                        var slug = (query === null || query === void 0 ? void 0 : query.transaction_type) || const_1.ACTIVITIES_TYPE_ALL.slug;
                         return __assign(__assign({}, (prev !== null && prev !== void 0 ? prev : {})), (_a = {}, _a[slug] = __spreadArray(__spreadArray([], ((_b = prev === null || prev === void 0 ? void 0 : prev[slug]) !== null && _b !== void 0 ? _b : []), true), ((_d = (_c = response_1 === null || response_1 === void 0 ? void 0 : response_1.data) === null || _c === void 0 ? void 0 : _c.transactions) !== null && _d !== void 0 ? _d : []), true), _a));
                     });
-                    setIsLoadingActivities(false);
-                    return [3 /*break*/, 3];
-                case 2:
-                    error_1 = _c.sent();
+                    setIsLoadingActivities(function (prev) {
+                        var _a;
+                        return (__assign(__assign({}, prev), (_a = {}, _a[slug] = false, _a)));
+                    });
+                    return [3 /*break*/, 4];
+                case 3:
+                    error_1 = _d.sent();
                     console.error("🚀 ~ getBalance ~ error:", error_1);
-                    setIsLoadingActivities(false);
-                    return [3 /*break*/, 3];
-                case 3: return [2 /*return*/];
+                    setIsLoadingActivities(function (prev) {
+                        var _a;
+                        return (__assign(__assign({}, prev), (_a = {}, _a[slug] = false, _a)));
+                    });
+                    return [3 /*break*/, 4];
+                case 4: return [2 /*return*/];
             }
         });
     }); }, [isAuthenticated]);
     (0, react_1.useEffect)(function () {
-        if (isAuthenticated && !activities) {
-            updateActivities({
-                page: page,
-                take: const_1.ACTIVITIES_PAGE_SIZE,
-            });
-        }
-    }, [isAuthenticated, activities]);
+        if (!!activities)
+            return;
+        updateActivities({
+            page: page,
+            take: const_1.ACTIVITIES_PAGE_SIZE,
+        });
+    }, [updateActivities]);
     return ((0, jsx_runtime_1.jsx)(exports.ActivitiesContext.Provider, { value: {
             isLoadingActivities: isLoadingActivities,
             activities: activities,

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;
+    isLoadingActivities: Partial<Record<TransactionSlug, 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.445",
   "description": "A custom React provider with TypeScript support",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",