@umituz/react-native-onboarding 3.0.3 → 3.0.5

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/react-native-onboarding",
-  "version": "3.0.3",
+  "version": "3.0.5",
   "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",

package/src/infrastructure/storage/OnboardingStore.ts

@@ -18,17 +18,36 @@ interface OnboardingStore extends OnboardingStoreState {
   setError: (error: string | null) => void;
   setState: (state: Partial<OnboardingStoreState>) => void;
   getState: () => OnboardingStoreState;
+  // Async actions for initialization (match OnboardingStoreActions signatures)
+  initialize: (storageKey?: string) => Promise<void>;
+  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>;
 }
 
-export const useOnboardingStore = create<OnboardingStore>((set, get) => ({
-  ...initialOnboardingState,
+export const useOnboardingStore = create<OnboardingStore>((set, get) => {
+  const actions = createOnboardingStoreActions(set as any, get);
 
-  setCurrentStep: (step) => set({ currentStep: step }),
-  setLoading: (loading) => set({ loading }),
-  setError: (error) => set({ error }),
-  setState: set,
-  getState: get,
-}));
+  return {
+    ...initialOnboardingState,
+
+    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,
+  };
+});
 
 /**
  * Hook for accessing onboarding state
@@ -47,7 +66,7 @@ export const useOnboarding = () => {
     loading: store.loading,
     error: store.error,
     userData: store.userData,
-    
+
     // Actions
     initialize: actions.initialize,
     complete: actions.complete,
@@ -58,7 +77,7 @@ export const useOnboarding = () => {
     setError: store.setError,
     saveAnswer: actions.saveAnswer,
     setUserData: actions.setUserData,
-    
+
     // Selectors
     getAnswer: selectors.getAnswer,
     getUserData: selectors.getUserData,

package/src/presentation/screens/OnboardingScreen.tsx

@@ -74,6 +74,10 @@ export const OnboardingScreen: React.FC<OnboardingScreenProps> = ({
   showPaywallOnComplete = false,
   useGradient: globalUseGradient = false,
 }) => {
+  if (__DEV__) {
+    console.log("[OnboardingScreen] Rendering with slides:", slides?.length);
+  }
+
   const {
     filteredSlides,
     currentSlide,
@@ -96,8 +100,15 @@ export const OnboardingScreen: React.FC<OnboardingScreenProps> = ({
     globalUseGradient,
   });
 
+  if (__DEV__) {
+    console.log("[OnboardingScreen] filteredSlides:", filteredSlides?.length);
+  }
+
   // Early return if no slides - prevents rendering empty/broken screen
   if (filteredSlides.length === 0) {
+    if (__DEV__) {
+      console.log("[OnboardingScreen] No slides, returning null");
+    }
     return null;
   }