@umituz/react-native-onboarding 3.6.0 → 3.6.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/react-native-onboarding",
-  "version": "3.6.0",
+  "version": "3.6.1",
   "description": "Advanced onboarding flow for React Native apps with personalization questions, theme-aware colors, animations, and customizable slides. SOLID, DRY, KISS principles applied.",
   "main": "./src/index.ts",
   "types": "./src/index.ts",
@@ -37,8 +37,7 @@
     "expo-video": ">=1.0.0",
     "react": ">=18.2.0",
     "react-native": ">=0.74.0",
-    "react-native-safe-area-context": ">=4.0.0",
-    "zustand": "^4.5.0 || ^5.0.0"
+    "react-native-safe-area-context": ">=4.0.0"
   },
   "devDependencies": {
     "@expo/vector-icons": "^14.0.0",
@@ -61,8 +60,7 @@
     "react": "19.1.0",
     "react-native": "0.81.5",
     "react-native-safe-area-context": "^5.6.0",
-    "typescript": "~5.9.2",
-    "zustand": "^5.0.0"
+    "typescript": "~5.9.2"
   },
   "publishConfig": {
     "access": "public"

package/src/infrastructure/storage/OnboardingStore.ts

@@ -6,13 +6,13 @@
  */
 
 import { useMemo } from "react";
-import { create, StoreApi } from "zustand";
+import { createStore } from "@umituz/react-native-storage";
 import type { OnboardingStoreState } from "./OnboardingStoreState";
 import { initialOnboardingState } from "./OnboardingStoreState";
 import { createOnboardingStoreActions } from "./OnboardingStoreActions";
 import { createOnboardingStoreSelectors } from "./OnboardingStoreSelectors";
 
-interface OnboardingStore extends OnboardingStoreState {
+interface OnboardingActions {
   // Simple actions
   setCurrentStep: (step: number) => void;
   setLoading: (loading: boolean) => void;
@@ -24,30 +24,33 @@ interface OnboardingStore extends OnboardingStoreState {
   complete: (storageKey?: string) => Promise<void>;
   skip: (storageKey?: string) => Promise<void>;
   reset: (storageKey?: string) => Promise<void>;
-  saveAnswer: (questionId: string, answer: any) => Promise<void>;
-  setUserData: (data: any) => Promise<void>;
+  saveAnswer: (questionId: string, answer: unknown) => Promise<void>;
+  setUserData: (data: unknown) => Promise<void>;
 }
 
-export const useOnboardingStore = create<OnboardingStore>((set: StoreApi<OnboardingStore>['setState'], get: StoreApi<OnboardingStore>['getState']) => {
-  const actions = createOnboardingStoreActions(set, get);
+export const useOnboardingStore = createStore<OnboardingStoreState, OnboardingActions>({
+  name: "onboarding-store",
+  initialState: initialOnboardingState,
+  persist: false,
+  actions: (set, get) => {
+    const actions = createOnboardingStoreActions(set, get);
 
-  return {
-    ...initialOnboardingState,
+    return {
+      setCurrentStep: (step) => set({ currentStep: step }),
+      setLoading: (loading) => set({ loading }),
+      setError: (error) => set({ error }),
+      setState: set,
+      getState: get,
 
-    setCurrentStep: (step) => set({ currentStep: step }),
-    setLoading: (loading) => set({ loading }),
-    setError: (error) => set({ error }),
-    setState: set,
-    getState: get,
-
-    // Async actions from actions module
-    initialize: actions.initialize,
-    complete: actions.complete,
-    skip: actions.skip,
-    reset: actions.reset,
-    saveAnswer: actions.saveAnswer,
-    setUserData: actions.setUserData,
-  };
+      // Async actions from actions module
+      initialize: actions.initialize,
+      complete: actions.complete,
+      skip: actions.skip,
+      reset: actions.reset,
+      saveAnswer: actions.saveAnswer,
+      setUserData: actions.setUserData,
+    };
+  },
 });
 
 /**