@umituz/react-native-subscription 2.1.3 → 2.2.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/react-native-subscription",
-  "version": "2.1.3",
+  "version": "2.2.1",
   "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/domain/entities/Credits.ts

@@ -18,6 +18,8 @@ export interface CreditsConfig {
   collectionName: string;
   textCreditLimit: number;
   imageCreditLimit: number;
+  /** When true, stores credits at users/{userId}/credits instead of {collectionName}/{userId} */
+  useUserSubcollection?: boolean;
 }
 
 export interface CreditsResult<T = UserCredits> {

package/src/infrastructure/repositories/CreditsRepository.ts

@@ -13,6 +13,7 @@ import {
   runTransaction,
   serverTimestamp,
   type FieldValue,
+  type Firestore,
 } from "firebase/firestore";
 import { BaseRepository, getFirestore } from "@umituz/react-native-firestore";
 import type {
@@ -44,6 +45,13 @@ export class CreditsRepository extends BaseRepository {
     this.config = config;
   }
 
+  private getCreditsDocRef(db: Firestore, userId: string) {
+    if (this.config.useUserSubcollection) {
+      return doc(db, "users", userId, "credits", "data");
+    }
+    return doc(db, this.config.collectionName, userId);
+  }
+
   async getCredits(userId: string): Promise<CreditsResult> {
     const db = this.getDb();
     if (!db) {
@@ -54,7 +62,7 @@ export class CreditsRepository extends BaseRepository {
     }
 
     try {
-      const creditsRef = doc(db, this.config.collectionName, userId);
+      const creditsRef = this.getCreditsDocRef(db, userId);
       const snapshot = await getDoc(creditsRef);
 
       if (!snapshot.exists()) {
@@ -96,7 +104,7 @@ export class CreditsRepository extends BaseRepository {
     }
 
     try {
-      const creditsRef = doc(db, this.config.collectionName, userId);
+      const creditsRef = this.getCreditsDocRef(db, userId);
 
       const result = await runTransaction(db, async (transaction) => {
         const creditsDoc = await transaction.get(creditsRef);
@@ -181,7 +189,7 @@ export class CreditsRepository extends BaseRepository {
     }
 
     try {
-      const creditsRef = doc(db, this.config.collectionName, userId);
+      const creditsRef = this.getCreditsDocRef(db, userId);
       const fieldName = creditType === "text" ? "textCredits" : "imageCredits";
 
       const newCredits = await runTransaction(db, async (transaction) => {

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 (