@umituz/react-native-subscription 2.27.14 → 2.27.16

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/react-native-subscription",
-  "version": "2.27.14",
+  "version": "2.27.16",
   "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/wallet/index.ts

@@ -4,6 +4,14 @@
  * Public API for wallet functionality.
  */
 
+// Config
+export {
+  configureWallet,
+  getWalletConfig,
+  resetWalletConfig,
+  type WalletConfiguration,
+} from "./infrastructure/config/walletConfig";
+
 // Types
 export type {
   TransactionReason,
@@ -114,3 +122,8 @@ export {
   type WalletScreenConfig,
   type WalletScreenTranslations,
 } from "./presentation/screens/WalletScreen";
+
+export {
+  WalletScreenContainer,
+  type WalletScreenContainerProps,
+} from "./presentation/screens/WalletScreenContainer";

package/src/domains/wallet/infrastructure/config/walletConfig.ts

@@ -0,0 +1,70 @@
+/**
+ * Wallet Configuration
+ *
+ * Global configuration for wallet feature.
+ * Set once at app init, used by WalletScreen automatically.
+ */
+
+import type { WalletScreenTranslations } from "../../presentation/screens/WalletScreen";
+
+export interface WalletConfiguration {
+  translations: WalletScreenTranslations;
+  transactionCollection: string;
+  useUserSubcollection: boolean;
+  transactionLimit: number;
+  balanceIconName: string;
+}
+
+const DEFAULT_CONFIG: WalletConfiguration = {
+  translations: {
+    screenTitle: "Wallet",
+    balanceLabel: "Your Balance",
+    availableCredits: "Available Credits",
+    title: "Transaction History",
+    empty: "No transactions yet",
+    loading: "Loading...",
+    purchase: "Purchase",
+    usage: "Usage",
+    refund: "Refund",
+    bonus: "Bonus",
+    subscription: "Subscription",
+    admin: "Admin",
+    reward: "Reward",
+    expired: "Expired",
+  },
+  transactionCollection: "credit_logs",
+  useUserSubcollection: true,
+  transactionLimit: 50,
+  balanceIconName: "wallet",
+};
+
+let walletConfig: WalletConfiguration = { ...DEFAULT_CONFIG };
+
+/**
+ * Configure wallet settings globally
+ * Call this once during app initialization
+ */
+export function configureWallet(config: Partial<WalletConfiguration>): void {
+  walletConfig = {
+    ...DEFAULT_CONFIG,
+    ...config,
+    translations: {
+      ...DEFAULT_CONFIG.translations,
+      ...config.translations,
+    },
+  };
+}
+
+/**
+ * Get current wallet configuration
+ */
+export function getWalletConfig(): WalletConfiguration {
+  return walletConfig;
+}
+
+/**
+ * Reset wallet configuration to defaults
+ */
+export function resetWalletConfig(): void {
+  walletConfig = { ...DEFAULT_CONFIG };
+}

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

@@ -0,0 +1,88 @@
+/**
+ * Wallet Screen Container
+ *
+ * Self-contained wallet screen.
+ * Uses global config from configureWallet() - no props needed!
+ *
+ * Usage:
+ * 1. Call configureWallet() during app init
+ * 2. Use WalletScreenContainer directly in navigation
+ *
+ * ```tsx
+ * // In init
+ * configureWallet({ translations: myTranslations });
+ *
+ * // In navigation
+ * <Stack.Screen name="Wallet" component={WalletScreenContainer} />
+ * ```
+ */
+
+import React, { useMemo } from "react";
+import { useNavigation } from "@react-navigation/native";
+import { WalletScreen, type WalletScreenTranslations } from "./WalletScreen";
+import { useWallet } from "../hooks/useWallet";
+import { getWalletConfig } from "../../infrastructure/config/walletConfig";
+
+export interface WalletScreenContainerProps {
+  /** Translations (overrides global config) */
+  translations?: WalletScreenTranslations;
+  /** Override onBack handler (default: navigation.goBack) */
+  onBack?: () => void;
+  /** Custom date formatter */
+  dateFormatter?: (timestamp: number) => string;
+  /** Footer component */
+  footer?: React.ReactNode;
+}
+
+export const WalletScreenContainer: React.FC<WalletScreenContainerProps> = ({
+  translations,
+  onBack,
+  dateFormatter,
+  footer,
+}) => {
+  const navigation = useNavigation();
+  const config = getWalletConfig();
+
+  const {
+    balance,
+    balanceLoading,
+    transactions,
+    transactionsLoading,
+  } = useWallet({
+    transactionConfig: {
+      collectionName: config.transactionCollection,
+      useUserSubcollection: config.useUserSubcollection,
+    },
+    transactionLimit: config.transactionLimit,
+  });
+
+  const screenConfig = useMemo(
+    () => ({
+      balance,
+      balanceLoading,
+      transactions,
+      transactionsLoading,
+      translations: translations ?? config.translations,
+      onBack: onBack ?? (() => navigation.goBack()),
+      dateFormatter,
+      balanceIconName: config.balanceIconName,
+      footer,
+    }),
+    [
+      balance,
+      balanceLoading,
+      transactions,
+      transactionsLoading,
+      translations,
+      config,
+      onBack,
+      navigation,
+      dateFormatter,
+      footer,
+    ],
+  );
+
+  return <WalletScreen config={screenConfig} />;
+};
+
+export default WalletScreenContainer;

package/src/utils/packageFilter.ts

@@ -5,8 +5,6 @@
 
 import type { PurchasesPackage } from "react-native-purchases";
 
-declare const __DEV__: boolean;
-
 export type PackageCategory = "credits" | "subscription";
 
 export interface PackageFilterConfig {
@@ -30,17 +28,7 @@ export function getPackageCategory(
     config.creditIdentifierPattern?.test(identifier) ||
     config.creditIdentifierPattern?.test(productIdentifier);
 
-  if (isCreditPackage) {
-    if (__DEV__) {
-      console.log("[PackageFilter] Credit package:", identifier);
-    }
-    return "credits";
-  }
-
-  if (__DEV__) {
-    console.log("[PackageFilter] Subscription package:", identifier);
-  }
-  return "subscription";
+  return isCreditPackage ? "credits" : "subscription";
 }
 
 export function filterPackagesByMode(
@@ -49,22 +37,10 @@ export function filterPackagesByMode(
   config: PackageFilterConfig = DEFAULT_CONFIG
 ): PurchasesPackage[] {
   if (mode === "hybrid") {
-    if (__DEV__) {
-      console.log("[PackageFilter] Hybrid mode - returning all packages:", packages.length);
-    }
     return packages;
   }
 
-  const filtered = packages.filter((pkg) => {
-    const category = getPackageCategory(pkg, config);
-    return category === mode;
-  });
-
-  if (__DEV__) {
-    console.log(`[PackageFilter] Mode: ${mode}, Filtered: ${filtered.length}/${packages.length}`);
-  }
-
-  return filtered;
+  return packages.filter((pkg) => getPackageCategory(pkg, config) === mode);
 }
 
 export function separatePackages(
@@ -75,20 +51,12 @@ export function separatePackages(
   const subscriptionPackages: PurchasesPackage[] = [];
 
   for (const pkg of packages) {
-    const category = getPackageCategory(pkg, config);
-    if (category === "credits") {
+    if (getPackageCategory(pkg, config) === "credits") {
       creditPackages.push(pkg);
     } else {
       subscriptionPackages.push(pkg);
     }
   }
 
-  if (__DEV__) {
-    console.log("[PackageFilter] Separated:", {
-      credits: creditPackages.length,
-      subscriptions: subscriptionPackages.length,
-    });
-  }
-
   return { creditPackages, subscriptionPackages };
 }

package/src/utils/packageTypeDetector.ts

@@ -5,6 +5,14 @@
 
 export type SubscriptionPackageType = "weekly" | "monthly" | "yearly" | "unknown";
 
+/**
+ * Check if identifier is a credit package (consumable purchase)
+ * Credit packages use a different system and don't need type detection
+ */
+function isCreditPackage(identifier: string): boolean {
+  return identifier.includes("credit");
+}
+
 /**
  * Detect package type from product identifier
  * Supports common RevenueCat naming patterns:
@@ -12,19 +20,19 @@ export type SubscriptionPackageType = "weekly" | "monthly" | "yearly" | "unknown
  * - premium_monthly, monthly_premium, premium-monthly
  * - premium_yearly, yearly_premium, premium-yearly, premium_annual, annual_premium
  * - preview-product-id (Preview API mode in Expo Go)
+ *
+ * Note: Credit packages (consumable purchases) are skipped silently
  */
 export function detectPackageType(productIdentifier: string): SubscriptionPackageType {
   if (!productIdentifier) {
-    if (__DEV__) {
-      console.log("[PackageTypeDetector] No product identifier provided");
-    }
     return "unknown";
   }
 
   const normalized = productIdentifier.toLowerCase();
 
-  if (__DEV__) {
-    console.log("[PackageTypeDetector] Detecting package type for:", normalized);
+  // Skip credit packages silently - they use creditPackageConfig instead
+  if (isCreditPackage(normalized)) {
+    return "unknown";
   }
 
   // Preview API mode (Expo Go testing)