@umituz/react-native-gamification 1.4.2 → 1.4.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/react-native-gamification",
-  "version": "1.4.2",
+  "version": "1.4.4",
   "description": "Generic gamification system for React Native apps - achievements, points, levels, streaks with customizable UI components",
   "main": "./src/index.ts",
   "types": "./src/index.ts",
@@ -35,13 +35,15 @@
     "react-native": ">=0.74.0"
   },
   "devDependencies": {
+    "@react-native-async-storage/async-storage": "^2.2.0",
+    "@types/react": "~19.1.10",
     "@umituz/react-native-design-system": "latest",
     "@umituz/react-native-localization": "latest",
     "@umituz/react-native-storage": "latest",
-    "@types/react": "~19.1.10",
     "react": "19.1.0",
     "react-native": "0.81.5",
-    "typescript": "~5.9.2"
+    "typescript": "~5.9.2",
+    "zustand": "^5.0.9"
   },
   "publishConfig": {
     "access": "public"

package/src/store/gamificationStore.ts

@@ -3,9 +3,7 @@
  * Zustand store with persist middleware
  */
 
-import { create } from "zustand";
-import { persist, createJSONStorage } from "zustand/middleware";
-import AsyncStorage from "@react-native-async-storage/async-storage";
+import { createStore } from "@umituz/react-native-storage";
 import type {
   GamificationState,
   GamificationActions,
@@ -34,134 +32,131 @@ const DEFAULT_STATE: GamificationState = {
 
 let currentConfig: GamificationConfig | null = null;
 
-export const useGamificationStore = create<
-  GamificationState & GamificationActions
->()(
-  persist(
-    (set, get) => ({
-      ...DEFAULT_STATE,
-
-      initialize: async (config: GamificationConfig) => {
-        currentConfig = config;
-        const state = get();
-
-        // Initialize achievements from config
-        const achievements: Achievement[] = config.achievements.map((def) => ({
-          ...def,
-          isUnlocked: false,
-          progress: 0,
-        }));
-
-        // Merge with existing unlocked achievements
-        const mergedAchievements = achievements.map((ach) => {
-          const existing = state.achievements.find((a) => a.id === ach.id);
-          if (existing) {
-            return { ...ach, isUnlocked: existing.isUnlocked, progress: existing.progress };
-          }
-          return ach;
-        });
-
-        set({ achievements: mergedAchievements, isInitialized: true });
-      },
-
-      addPoints: (amount: number) => {
-        set((state) => ({ points: state.points + amount }));
-      },
-
-      completeTask: () => {
-        const state = get();
-        const pointsToAdd = currentConfig?.pointsPerAction ?? 15;
-
-        set({
-          totalTasksCompleted: state.totalTasksCompleted + 1,
-          points: state.points + pointsToAdd,
-        });
-
-        // Update streak
-        get().updateStreak();
-
-        // Check achievements
-        get().checkAchievements();
-      },
-
-      updateStreak: () => {
-        const state = get();
-        const now = new Date();
-        const lastDate = state.streak.lastActivityDate
-          ? new Date(state.streak.lastActivityDate)
-          : null;
-
-        let newStreak = state.streak.current;
-
-        if (!lastDate || !isSameDay(lastDate, now)) {
-          if (isStreakActive(state.streak.lastActivityDate)) {
-            newStreak = state.streak.current + 1;
-          } else {
-            newStreak = 1;
-          }
+export const useGamificationStore = createStore<GamificationState, GamificationActions>({
+  name: "gamification-storage",
+  initialState: DEFAULT_STATE,
+  persist: true,
+  version: 1,
+  partialize: (state) => ({
+    points: state.points,
+    totalTasksCompleted: state.totalTasksCompleted,
+    achievements: state.achievements,
+    streak: state.streak,
+    isLoading: false,
+    isInitialized: false,
+  }),
+  actions: (set, get) => ({
+    initialize: async (config: GamificationConfig) => {
+      currentConfig = config;
+      const state = get();
+
+      // Initialize achievements from config
+      const achievements: Achievement[] = config.achievements.map((def) => ({
+        ...def,
+        isUnlocked: false,
+        progress: 0,
+      }));
+
+      // Merge with existing unlocked achievements
+      const mergedAchievements = achievements.map((ach: Achievement) => {
+        const existing = state.achievements.find((a: Achievement) => a.id === ach.id);
+        if (existing) {
+          return { ...ach, isUnlocked: existing.isUnlocked, progress: existing.progress };
         }
+        return ach;
+      });
+
+      set({ achievements: mergedAchievements, isInitialized: true });
+    },
+
+    addPoints: (amount: number) => {
+      const state = get();
+      set({ points: state.points + amount });
+    },
+
+    completeTask: () => {
+      const state = get();
+      const pointsToAdd = currentConfig?.pointsPerAction ?? 15;
+
+      set({
+        totalTasksCompleted: state.totalTasksCompleted + 1,
+        points: state.points + pointsToAdd,
+      });
+
+      // Update streak
+      get().updateStreak();
+
+      // Check achievements
+      get().checkAchievements();
+    },
+
+    updateStreak: () => {
+      const state = get();
+      const now = new Date();
+      const lastDate = state.streak.lastActivityDate
+        ? new Date(state.streak.lastActivityDate)
+        : null;
+
+      let newStreak = state.streak.current;
+
+      if (!lastDate || !isSameDay(lastDate, now)) {
+        if (isStreakActive(state.streak.lastActivityDate)) {
+          newStreak = state.streak.current + 1;
+        } else {
+          newStreak = 1;
+        }
+      }
+
+      set({
+        streak: {
+          current: newStreak,
+          longest: Math.max(state.streak.longest, newStreak),
+          lastActivityDate: now.toISOString(),
+        },
+      });
+    },
+
+    checkAchievements: () => {
+      if (!currentConfig) return [];
+
+      const state = get();
+      const newlyUnlocked: Achievement[] = [];
+
+      const updatedAchievements = state.achievements.map((ach: Achievement) => {
+        if (ach.isUnlocked) return ach;
+
+        const progress = updateAchievementProgress(
+          ach,
+          state.totalTasksCompleted,
+          state.streak.current
+        );
+
+        const shouldUnlock = checkAchievementUnlock(
+          ach,
+          state.totalTasksCompleted,
+          state.streak.current
+        );
+
+        if (shouldUnlock && !ach.isUnlocked) {
+          const unlocked = {
+            ...ach,
+            isUnlocked: true,
+            unlockedAt: new Date().toISOString(),
+            progress: 100,
+          };
+          newlyUnlocked.push(unlocked);
+          return unlocked;
+        }
+
+        return { ...ach, progress };
+      });
+
+      set({ achievements: updatedAchievements });
+      return newlyUnlocked;
+    },
 
-        set({
-          streak: {
-            current: newStreak,
-            longest: Math.max(state.streak.longest, newStreak),
-            lastActivityDate: now.toISOString(),
-          },
-        });
-      },
-
-      checkAchievements: () => {
-        if (!currentConfig) return [];
-
-        const state = get();
-        const newlyUnlocked: Achievement[] = [];
-
-        const updatedAchievements = state.achievements.map((ach) => {
-          if (ach.isUnlocked) return ach;
-
-          const progress = updateAchievementProgress(
-            ach,
-            state.totalTasksCompleted,
-            state.streak.current
-          );
-
-          const shouldUnlock = checkAchievementUnlock(
-            ach,
-            state.totalTasksCompleted,
-            state.streak.current
-          );
-
-          if (shouldUnlock && !ach.isUnlocked) {
-            const unlocked = {
-              ...ach,
-              isUnlocked: true,
-              unlockedAt: new Date().toISOString(),
-              progress: 100,
-            };
-            newlyUnlocked.push(unlocked);
-            return unlocked;
-          }
-
-          return { ...ach, progress };
-        });
-
-        set({ achievements: updatedAchievements });
-        return newlyUnlocked;
-      },
-
-      reset: async () => {
-        set(DEFAULT_STATE);
-      },
-    }),
-    {
-      name: "gamification-storage",
-      storage: createJSONStorage(() => AsyncStorage),
-      partialize: (state) => ({
-        points: state.points,
-        totalTasksCompleted: state.totalTasksCompleted,
-        achievements: state.achievements,
-        streak: state.streak,
-      }),
-    }
-  )
-);
+    reset: async () => {
+      set(DEFAULT_STATE);
+    },
+  }),
+});