@umituz/react-native-subscription 2.2.0 → 2.2.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/react-native-subscription",
-  "version": "2.2.0",
+  "version": "2.2.2",
   "description": "Complete subscription management with RevenueCat, paywall UI, and credits system for React Native apps",
   "main": "./src/index.ts",
   "types": "./src/index.ts",
@@ -58,4 +58,4 @@
     "README.md",
     "LICENSE"
   ]
-}
+}

package/src/presentation/components/paywall/PaywallFeatureItem.tsx

@@ -17,16 +17,11 @@ export const PaywallFeatureItem: React.FC<PaywallFeatureItemProps> = React.memo(
   ({ icon, text }) => {
     const tokens = useAppDesignTokens();
 
-    // Icon name should already be PascalCase (e.g., "Sparkles", "Image", "Wand")
-    // If not, convert first letter to uppercase
+    // Pass icon name directly to AtomicIcon (which uses Ionicons)
+    // Do NOT capitalize, as Ionicons names are lowercase/kebab-case.
     const iconName = useMemo(() => {
-      if (!icon) return "Circle";
-      // If already PascalCase, return as is
-      if (/^[A-Z]/.test(icon)) {
-        return icon;
-      }
-      // Convert first letter to uppercase
-      return icon.charAt(0).toUpperCase() + icon.slice(1);
+      if (!icon) return "help-circle-outline";
+      return icon;
     }, [icon]);
 
     return (

package/src/presentation/hooks/useDeductCredit.ts

@@ -125,7 +125,12 @@ export const useInitializeCredits = ({
     },
     onSuccess: (result) => {
       if (userId && result.success && result.data) {
+        // Set the data immediately for optimistic UI
         queryClient.setQueryData(creditsQueryKeys.user(userId), result.data);
+        // Also invalidate to ensure all subscribers get the update
+        queryClient.invalidateQueries({
+          queryKey: creditsQueryKeys.user(userId),
+        });
       }
     },
   });