@umituz/react-native-subscription 2.43.19 → 2.43.20

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/react-native-subscription",
-  "version": "2.43.19",
+  "version": "2.43.20",
   "description": "Complete subscription management with RevenueCat, paywall UI, and credits system for React Native apps",
   "main": "./src/index.ts",
   "types": "./src/index.ts",

package/src/domains/subscription/presentation/components/ManagedSubscriptionFlow.tsx

@@ -1,4 +1,4 @@
-import React, { useState, useEffect } from "react";
+import React, { useState, useEffect, useCallback } from "react";
 import type { NavigationProp } from "@react-navigation/native";
 import type { ImageSourcePropType } from "react-native";
 import { SplashScreen, useSplashFlow } from "@umituz/react-native-design-system/molecules";
@@ -99,9 +99,26 @@ const ManagedSubscriptionFlowInner = React.memo<ManagedSubscriptionFlowProps>(({
   // Hooks for paywall (called at component level, not inside conditional render)
   const { isPremium, isSyncing, credits } = usePremiumStatus();
   const { packages } = usePremiumPackages();
-  const { purchasePackage, restorePurchase } = usePremiumActions();
+  const { purchasePackage: originalPurchasePackage, restorePurchase } = usePremiumActions();
   const { closePostOnboardingPaywall } = useSubscriptionFlowStore();
 
+  // Track if purchase was successful to avoid showing feedback
+  const [purchaseSuccessful, setPurchaseSuccessful] = useState(false);
+
+  // Wrap purchasePackage to track success
+  const purchasePackage = useCallback(async (pkgId: string) => {
+    const result = await originalPurchasePackage(pkgId);
+    if (result?.success) {
+      setPurchaseSuccessful(true);
+    }
+    return result;
+  }, [originalPurchasePackage]);
+
+  // Wrap onClose to pass purchase status
+  const handleClose = useCallback(() => {
+    closePostOnboardingPaywall({ purchased: purchaseSuccessful });
+  }, [closePostOnboardingPaywall, purchaseSuccessful]);
+
   const [isNavReady, setIsNavReady] = useState(false);
 
   // Mark navigation tree as ready after splash and localization
@@ -208,7 +225,7 @@ const ManagedSubscriptionFlowInner = React.memo<ManagedSubscriptionFlowProps>(({
         isSyncing={isSyncing}
         onPurchase={purchasePackage}
         onRestore={restorePurchase}
-        onClose={closePostOnboardingPaywall}
+        onClose={handleClose}
       />
     );
   }

package/src/domains/subscription/presentation/useSubscriptionFlow.ts

@@ -36,7 +36,7 @@ export interface SubscriptionFlowState {
 
 export interface SubscriptionFlowActions {
   completeOnboarding: () => Promise<void>;
-  closePostOnboardingPaywall: () => Promise<void>;
+  closePostOnboardingPaywall: (params?: { purchased: boolean }) => Promise<void>;
   closeFeedback: () => void;
   setAuthModalOpen: (open: boolean) => void;
   markPaywallShown: () => Promise<void>;
@@ -79,14 +79,18 @@ export const useSubscriptionFlowStore = createStore<SubscriptionFlowState, Subsc
       });
       subscriptionEventBus.emit(FLOW_EVENTS.ONBOARDING_COMPLETED, { timestamp: Date.now() });
     },
-    closePostOnboardingPaywall: async () => {
+    closePostOnboardingPaywall: async (params?: { purchased: boolean }) => {
+      const purchased = params?.purchased ?? false;
       set({
         showPostOnboardingPaywall: false,
         paywallShown: true,
         status: SubscriptionFlowStatus.READY,
-        showFeedback: true, // Show feedback screen when paywall is closed
+        showFeedback: !purchased, // Only show feedback if NOT purchased
+      });
+      subscriptionEventBus.emit(FLOW_EVENTS.PAYWALL_CLOSED, {
+        timestamp: Date.now(),
+        purchased
       });
-      subscriptionEventBus.emit(FLOW_EVENTS.PAYWALL_CLOSED, { timestamp: Date.now() });
     },
     closeFeedback: () => set({ showFeedback: false }),
     setAuthModalOpen: (open: boolean) => set({ isAuthModalOpen: open }),