@umituz/react-native-subscription 2.14.47 → 2.14.48

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/react-native-subscription",
-  "version": "2.14.47",
+  "version": "2.14.48",
   "description": "Complete subscription management with RevenueCat, paywall UI, and credits system for React Native apps",
   "main": "./src/index.ts",
   "types": "./src/index.ts",
@@ -63,7 +63,7 @@
     "expo-constants": "~16.0.0",
     "expo-image": "~3.0.0",
     "expo-linear-gradient": "~15.0.0",
-    "firebase": "^10.0.0",
+    "firebase": "^11.0.0",
     "react": "19.1.0",
     "react-native": "0.81.5",
     "react-native-purchases": "^7.0.0",

package/src/domains/paywall/components/PaywallHeader.tsx

@@ -6,6 +6,7 @@
 import React from "react";
 import { View, StyleSheet, TouchableOpacity } from "react-native";
 import { LinearGradient } from "expo-linear-gradient";
+import {
     AtomicText,
     AtomicIcon,
     useDesignSystemTheme,

package/src/domains/paywall/components/PaywallModal.styles.ts

@@ -0,0 +1,49 @@
+/**
+ * PaywallModal Styles
+ */
+
+import { StyleSheet } from "react-native";
+
+export const paywallModalStyles = StyleSheet.create({
+    modalContent: { padding: 0, borderWidth: 0, overflow: "hidden" },
+    container: { flex: 1 },
+    closeBtn: {
+        position: "absolute",
+        top: 12,
+        right: 12,
+        width: 32,
+        height: 32,
+        borderRadius: 16,
+        justifyContent: "center",
+        alignItems: "center",
+        zIndex: 10,
+    },
+    scroll: { flexGrow: 1, padding: 16, paddingTop: 16, paddingBottom: 32 },
+    heroContainer: { alignItems: "center", marginBottom: 20, marginTop: 32 },
+    heroImage: { width: 180, height: 180, borderRadius: 90 },
+    header: { alignItems: "center", marginBottom: 12 },
+    title: { fontWeight: "700", textAlign: "center", marginBottom: 4 },
+    subtitle: { textAlign: "center" },
+    features: { borderRadius: 12, padding: 12, marginBottom: 12, gap: 8 },
+    featureRow: { flexDirection: "row", alignItems: "center" },
+    featureIcon: {
+        width: 32,
+        height: 32,
+        borderRadius: 16,
+        justifyContent: "center",
+        alignItems: "center",
+        marginRight: 8,
+    },
+    featureText: { flex: 1, fontWeight: "500" },
+    loading: { alignItems: "center", paddingVertical: 24 },
+    loadingText: { marginTop: 8 },
+    plans: { marginBottom: 12 },
+    cta: { borderRadius: 12, paddingVertical: 14, alignItems: "center", marginBottom: 12 },
+    ctaDisabled: { opacity: 0.5 },
+    ctaText: { fontWeight: "700" },
+    footer: { flexDirection: "column", alignItems: "center", gap: 8 },
+    restoreButton: { marginBottom: 8 },
+    restoreButtonDisabled: { opacity: 0.5 },
+    legalRow: { flexDirection: "row", justifyContent: "center", gap: 16 },
+    footerLink: {},
+});

package/src/domains/paywall/components/PaywallModal.tsx

@@ -4,13 +4,14 @@
  */
 
 import React, { useState, useCallback } from "react";
-import { View, ScrollView, StyleSheet, TouchableOpacity, ActivityIndicator, Linking, type ImageSourcePropType } from "react-native";
+import { View, ScrollView, TouchableOpacity, ActivityIndicator, Linking, type ImageSourcePropType } from "react-native";
 import { BaseModal, useAppDesignTokens, AtomicText, AtomicIcon } from "@umituz/react-native-design-system";
 import { Image } from "expo-image";
 import type { PurchasesPackage } from "react-native-purchases";
 import { PlanCard } from "./PlanCard";
 import { CreditCard } from "./CreditCard";
 import type { PaywallMode, CreditsPackage, SubscriptionFeature, PaywallTranslations, PaywallLegalUrls } from '../entities';
+import { paywallModalStyles as styles } from "./PaywallModal.styles";
 
 export interface PaywallModalProps {
     visible: boolean;
@@ -60,15 +61,6 @@ export const PaywallModal: React.FC<PaywallModalProps> = React.memo((props) => {
     const showCredits = mode === "credits";
     const showSubscription = mode === "subscription" || mode === "hybrid";
 
-    // Debug logging
-    if (__DEV__ && visible) {
-        console.log("[PaywallModal] Props:", {
-            hasHeroImage: !!heroImage,
-            heroImageType: typeof heroImage,
-            packagesCount: subscriptionPackages.length,
-        });
-    }
-
     const handlePurchase = useCallback(async () => {
         setIsProcessing(true);
         try {
@@ -234,30 +226,3 @@ export const PaywallModal: React.FC<PaywallModalProps> = React.memo((props) => {
 });
 
 PaywallModal.displayName = "PaywallModal";
-
-const styles = StyleSheet.create({
-    modalContent: { padding: 0, borderWidth: 0, overflow: "hidden" },
-    container: { flex: 1 },
-    closeBtn: { position: "absolute", top: 12, right: 12, width: 32, height: 32, borderRadius: 16, justifyContent: "center", alignItems: "center", zIndex: 10 },
-    scroll: { flexGrow: 1, padding: 16, paddingTop: 16, paddingBottom: 32 },
-    heroContainer: { alignItems: "center", marginBottom: 20, marginTop: 32 },
-    heroImage: { width: 180, height: 180, borderRadius: 90 },
-    header: { alignItems: "center", marginBottom: 12 },
-    title: { fontWeight: "700", textAlign: "center", marginBottom: 4 },
-    subtitle: { textAlign: "center" },
-    features: { borderRadius: 12, padding: 12, marginBottom: 12, gap: 8 },
-    featureRow: { flexDirection: "row", alignItems: "center" },
-    featureIcon: { width: 32, height: 32, borderRadius: 16, justifyContent: "center", alignItems: "center", marginRight: 8 },
-    featureText: { flex: 1, fontWeight: "500" },
-    loading: { alignItems: "center", paddingVertical: 24 },
-    loadingText: { marginTop: 8 },
-    plans: { marginBottom: 12 },
-    cta: { borderRadius: 12, paddingVertical: 14, alignItems: "center", marginBottom: 12 },
-    ctaDisabled: { opacity: 0.5 },
-    ctaText: { fontWeight: "700" },
-    footer: { flexDirection: "column", alignItems: "center", gap: 8 },
-    restoreButton: { marginBottom: 8 },
-    restoreButtonDisabled: { opacity: 0.5 },
-    legalRow: { flexDirection: "row", justifyContent: "center", gap: 16 },
-    footerLink: {},
-});

package/src/domains/wallet/domain/entities/CreditCost.ts

@@ -6,9 +6,9 @@
  */
 
 import type { AICreditCosts } from "../types/credit-cost.types";
-
-  DEFAULT_AI_CREDIT_COSTS,
-  createCreditCostConfig,
+import {
+    DEFAULT_AI_CREDIT_COSTS,
+    createCreditCostConfig,
 } from "../types/credit-cost.types";
 
 export interface CreditCostEntity {

package/src/domains/wallet/infrastructure/repositories/TransactionRepository.ts

@@ -5,16 +5,17 @@
  * Generic repository for use across hundreds of apps.
  */
 
-  collection,
-  getDocs,
-  addDoc,
-  query,
-  where,
-  orderBy,
-  limit as firestoreLimit,
-  serverTimestamp,
-  type Firestore,
-  type QueryConstraint,
+import {
+    collection,
+    getDocs,
+    addDoc,
+    query,
+    where,
+    orderBy,
+    limit as firestoreLimit,
+    serverTimestamp,
+    type Firestore,
+    type QueryConstraint,
 } from "firebase/firestore";
 import { BaseRepository, getFirestore } from "@umituz/react-native-firebase";
 import type {
@@ -83,9 +84,6 @@ export class TransactionRepository extends BaseRepository {
 
       return { success: true, data: transactions };
     } catch (error) {
-      if (__DEV__) {
-        console.error("[TransactionRepository] Error:", error);
-      }
       return {
         success: false,
         error: {
@@ -127,10 +125,6 @@ export class TransactionRepository extends BaseRepository {
 
       const docRef = await addDoc(colRef, docData);
 
-      if (__DEV__) {
-        console.log("[TransactionRepository] Added:", docRef.id);
-      }
-
       return {
         success: true,
         data: {
@@ -143,9 +137,6 @@ export class TransactionRepository extends BaseRepository {
         },
       };
     } catch (error) {
-      if (__DEV__) {
-        console.error("[TransactionRepository] Add error:", error);
-      }
       return {
         success: false,
         error: {

package/src/domains/wallet/presentation/components/BalanceCard.tsx

@@ -8,9 +8,10 @@
 import React from "react";
 import { View, StyleSheet } from "react-native";
 import { LinearGradient } from "expo-linear-gradient";
-  useAppDesignTokens,
-  AtomicText,
-  AtomicIcon,
+import {
+    useAppDesignTokens,
+    AtomicText,
+    AtomicIcon,
 } from "@umituz/react-native-design-system";
 
 export interface BalanceCardTranslations {

package/src/domains/wallet/presentation/components/TransactionItem.tsx

@@ -7,9 +7,10 @@
 
 import React, { useMemo } from "react";
 import { View, StyleSheet } from "react-native";
-  useAppDesignTokens,
-  AtomicText,
-  AtomicIcon,
+import {
+    useAppDesignTokens,
+    AtomicText,
+    AtomicIcon,
 } from "@umituz/react-native-design-system";
 import type { CreditLog, TransactionReason } from "../../domain/types/transaction.types";
 

package/src/domains/wallet/presentation/components/TransactionList.tsx

@@ -7,13 +7,15 @@
 
 import React from "react";
 import { View, StyleSheet, ScrollView, ActivityIndicator } from "react-native";
-  useAppDesignTokens,
-  AtomicText,
-  AtomicIcon,
+import {
+    useAppDesignTokens,
+    AtomicText,
+    AtomicIcon,
 } from "@umituz/react-native-design-system";
 import type { CreditLog } from "../../domain/types/transaction.types";
-  TransactionItem,
-  type TransactionItemTranslations,
+import {
+    TransactionItem,
+    type TransactionItemTranslations,
 } from "./TransactionItem";
 
 export interface TransactionListTranslations extends TransactionItemTranslations {

package/src/domains/wallet/presentation/hooks/useWallet.ts

@@ -6,11 +6,13 @@
  */
 
 import { useCallback, useMemo } from "react";
-  useCredits,
-  type UseCreditsParams,
+import {
+    useCredits,
+    type UseCreditsParams,
 } from "../../../../presentation/hooks/useCredits";
-  useTransactionHistory,
-  type UseTransactionHistoryParams,
+import {
+    useTransactionHistory,
+    type UseTransactionHistoryParams,
 } from "./useTransactionHistory";
 import type { CreditLog } from "../../domain/types/transaction.types";
 

package/src/domains/wallet/presentation/screens/WalletScreen.tsx

@@ -9,16 +9,19 @@
 import React from "react";
 import { View, StyleSheet, ActivityIndicator, TouchableOpacity } from "react-native";
 import { useSafeAreaInsets } from "react-native-safe-area-context";
-  useAppDesignTokens,
-  AtomicText,
-  AtomicIcon,
-  ScreenLayout,
+import {
+    useAppDesignTokens,
+    AtomicText,
+    AtomicIcon,
+    ScreenLayout,
 } from "@umituz/react-native-design-system";
-  BalanceCard,
-  type BalanceCardTranslations,
+import {
+    BalanceCard,
+    type BalanceCardTranslations,
 } from "../components/BalanceCard";
-  TransactionList,
-  type TransactionListTranslations,
+import {
+    TransactionList,
+    type TransactionListTranslations,
 } from "../components/TransactionList";
 import type { CreditLog } from "../../domain/types/transaction.types";
 

package/src/infrastructure/repositories/CreditsRepository.ts

@@ -1,4 +1,3 @@
-
 /**
  * Credits Repository
  *
@@ -6,12 +5,13 @@
  * Extends BaseRepository from @umituz/react-native-firebase.
  */
 
-  doc,
-  getDoc,
-  runTransaction,
-  serverTimestamp,
-  type Firestore,
-  type Transaction,
+import {
+    doc,
+    getDoc,
+    runTransaction,
+    serverTimestamp,
+    type Firestore,
+    type Transaction,
 } from "firebase/firestore";
 import { BaseRepository, getFirestore } from "@umituz/react-native-firebase";
 import type {
@@ -91,14 +91,6 @@ export class CreditsRepository extends BaseRepository {
       };
     }
 
-    if (__DEV__) {
-      console.log("[CreditsRepository] Initialize credits:", {
-        userId,
-        purchaseId,
-        productId,
-      });
-    }
-
     try {
       const creditsRef = this.getCreditsDocRef(db, userId);
 
@@ -110,27 +102,11 @@ export class CreditsRepository extends BaseRepository {
         const allocation = getCreditAllocation(packageType);
 
         if (allocation) {
-          // Override config with tier-specific credit amounts
           configToUse = {
             ...this.config,
             imageCreditLimit: allocation.imageCredits,
             textCreditLimit: allocation.textCredits,
           };
-
-          if (__DEV__) {
-            console.log("[CreditsRepository] Using tier-based allocation:", {
-              packageType,
-              imageCredits: allocation.imageCredits,
-              textCredits: allocation.textCredits,
-            });
-          }
-        } else {
-          if (__DEV__) {
-            console.warn(
-              "[CreditsRepository] Could not determine package type, using default config:",
-              this.config
-            );
-          }
         }
       }
 
@@ -141,13 +117,6 @@ export class CreditsRepository extends BaseRepository {
         purchaseId
       );
 
-      if (__DEV__) {
-        console.log("[CreditsRepository] Credits initialized successfully:", {
-          imageCredits: result.imageCredits,
-          textCredits: result.textCredits,
-        });
-      }
-
       return {
         success: true,
         data: {
@@ -158,10 +127,6 @@ export class CreditsRepository extends BaseRepository {
         },
       };
     } catch (error) {
-      if (__DEV__) {
-        console.error("[CreditsRepository] Failed to initialize credits:", error);
-      }
-
       return {
         success: false,
         error: {

package/src/infrastructure/services/CreditsInitializer.ts

@@ -1,4 +1,4 @@
-
+import {
     runTransaction,
     serverTimestamp,
     type Firestore,
@@ -20,14 +20,6 @@ export async function initializeCreditsTransaction(
     config: CreditsConfig,
     purchaseId?: string
 ): Promise<InitializationResult> {
-    if (__DEV__) {
-        console.log("[CreditsInitializer] Starting transaction with config:", {
-            textCreditLimit: config.textCreditLimit,
-            imageCreditLimit: config.imageCreditLimit,
-            purchaseId,
-        });
-    }
-
     return runTransaction(db, async (transaction: Transaction) => {
         const creditsDoc = await transaction.get(creditsRef);
         const now = serverTimestamp();
@@ -41,21 +33,7 @@ export async function initializeCreditsTransaction(
             const existing = creditsDoc.data() as UserCreditsDocumentRead;
             processedPurchases = existing.processedPurchases || [];
 
-            if (__DEV__) {
-                console.log("[CreditsInitializer] Existing credits found:", {
-                    textCredits: existing.textCredits,
-                    imageCredits: existing.imageCredits,
-                    processedPurchases,
-                });
-            }
-
             if (purchaseId && processedPurchases.includes(purchaseId)) {
-                if (__DEV__) {
-                    console.warn(
-                        "[CreditsInitializer] Purchase already processed:",
-                        purchaseId
-                    );
-                }
                 return {
                     textCredits: existing.textCredits,
                     imageCredits: existing.imageCredits,
@@ -66,31 +44,9 @@ export async function initializeCreditsTransaction(
             newTextCredits = (existing.textCredits || 0) + config.textCreditLimit;
             newImageCredits = (existing.imageCredits || 0) + config.imageCreditLimit;
 
-            if (__DEV__) {
-                console.log("[CreditsInitializer] Adding to existing credits:", {
-                    existingText: existing.textCredits || 0,
-                    existingImage: existing.imageCredits || 0,
-                    adding: {
-                        text: config.textCreditLimit,
-                        image: config.imageCreditLimit,
-                    },
-                    newTotal: {
-                        text: newTextCredits,
-                        image: newImageCredits,
-                    },
-                });
-            }
-
             if (existing.purchasedAt) {
                 purchasedAt = existing.purchasedAt as unknown as FieldValue;
             }
-        } else {
-            if (__DEV__) {
-                console.log("[CreditsInitializer] Creating new credits document:", {
-                    textCredits: newTextCredits,
-                    imageCredits: newImageCredits,
-                });
-            }
         }
 
         if (purchaseId) {
@@ -106,13 +62,6 @@ export async function initializeCreditsTransaction(
             processedPurchases,
         });
 
-        if (__DEV__) {
-            console.log("[CreditsInitializer] Transaction completed successfully:", {
-                textCredits: newTextCredits,
-                imageCredits: newImageCredits,
-            });
-        }
-
         return { textCredits: newTextCredits, imageCredits: newImageCredits };
     });
 }

package/src/presentation/components/feedback/PaywallFeedbackModal.tsx

@@ -4,6 +4,7 @@
  */
 
 import React, { useMemo } from "react";
+import {
     View,
     Modal,
     TouchableOpacity,

package/src/presentation/components/sections/SubscriptionSection.tsx

@@ -7,9 +7,10 @@
 import React from "react";
 import { View, TouchableOpacity } from "react-native";
 import type { StyleProp, ViewStyle } from "react-native";
-  PremiumDetailsCard,
-  type CreditInfo,
-  type PremiumDetailsTranslations,
+import {
+    PremiumDetailsCard,
+    type CreditInfo,
+    type PremiumDetailsTranslations,
 } from "../details/PremiumDetailsCard";
 import type { SubscriptionStatusType } from "../details/PremiumStatusBadge";
 

package/src/presentation/hooks/useCreditChecker.ts

@@ -7,8 +7,9 @@
 import { useMemo } from "react";
 import type { CreditType } from "../../domain/entities/Credits";
 import { getCreditsRepository } from "../../infrastructure/repositories/CreditsRepositoryProvider";
-  createCreditChecker,
-  type CreditCheckResult,
+import {
+    createCreditChecker,
+    type CreditCheckResult,
 } from "../../utils/creditChecker";
 
 export interface UseCreditCheckerParams {

package/src/presentation/hooks/useCredits.ts

@@ -10,9 +10,10 @@ import { useCallback, useMemo } from "react";
 import type { UserCredits, CreditType } from "../../domain/entities/Credits";
 
 declare const __DEV__: boolean;
-  getCreditsRepository,
-  getCreditsConfig,
-  isCreditsRepositoryConfigured,
+import {
+    getCreditsRepository,
+    getCreditsConfig,
+    isCreditsRepositoryConfigured,
 } from "../../infrastructure/repositories/CreditsRepositoryProvider";
 
 export const creditsQueryKeys = {

package/src/presentation/hooks/usePremium.ts

@@ -12,9 +12,10 @@ import type { PurchasesPackage } from 'react-native-purchases';
 import type { UserCredits } from '../../domain/entities/Credits';
 import { useCredits } from './useCredits';
 import { useSubscriptionStatus } from './useSubscriptionStatus';
-  useSubscriptionPackages,
-  usePurchasePackage,
-  useRestorePurchase,
+import {
+    useSubscriptionPackages,
+    usePurchasePackage,
+    useRestorePurchase,
 } from '../../revenuecat/presentation/hooks/useSubscriptionQueries';
 import { usePaywallVisibility } from './usePaywallVisibility';
 

package/src/presentation/hooks/useSubscriptionDetails.ts

@@ -5,8 +5,9 @@
 
 import { useMemo } from "react";
 import type { SubscriptionStatus } from "../../domain/entities/SubscriptionStatus";
-  getDaysUntilExpiration,
-  isSubscriptionExpired,
+import {
+    getDaysUntilExpiration,
+    isSubscriptionExpired,
 } from "../../utils/dateValidationUtils";
 
 export interface SubscriptionDetails {

package/src/presentation/hooks/useSubscriptionSettingsConfig.ts

@@ -10,9 +10,10 @@ import { useSubscriptionStatus } from "./useSubscriptionStatus";
 import { useCustomerInfo } from "../../revenuecat/presentation/hooks/useCustomerInfo";
 import { usePaywallVisibility } from "./usePaywallVisibility";
 import { SubscriptionManager } from "../../revenuecat/infrastructure/managers/SubscriptionManager";
-  convertPurchasedAt,
-  formatDateForLocale,
-  calculateDaysRemaining,
+import {
+    convertPurchasedAt,
+    formatDateForLocale,
+    calculateDaysRemaining,
 } from "../utils/subscriptionDateUtils";
 import type {
   SubscriptionSettingsConfig,

package/src/presentation/screens/SubscriptionDetailScreen.tsx

@@ -6,8 +6,9 @@
 
 import React, { useMemo } from "react";
 import { StyleSheet, View } from "react-native";
-  useAppDesignTokens,
-  ScreenLayout,
+import {
+    useAppDesignTokens,
+    ScreenLayout,
 } from "@umituz/react-native-design-system";
 import { SubscriptionHeader } from "./components/SubscriptionHeader";
 import { CreditsList } from "./components/CreditsList";

package/src/presentation/screens/components/UpgradePrompt.tsx

@@ -5,9 +5,10 @@
 
 import React, { useMemo } from "react";
 import { View, StyleSheet, TouchableOpacity } from "react-native";
-  useAppDesignTokens,
-  AtomicText,
-  AtomicIcon,
+import {
+    useAppDesignTokens,
+    AtomicText,
+    AtomicIcon,
 } from "@umituz/react-native-design-system";
 import type { UpgradePromptProps } from "../../types/SubscriptionDetailTypes";