@umituz/react-native-subscription 2.2.44 → 2.2.46

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/react-native-subscription",
-  "version": "2.2.44",
+  "version": "2.2.46",
   "description": "Complete subscription management with RevenueCat, paywall UI, and credits system for React Native apps",
   "main": "./src/index.ts",
   "types": "./src/index.ts",
@@ -31,6 +31,7 @@
     "@umituz/react-native-design-system": "latest",
     "@umituz/react-native-firestore": "*",
     "@umituz/react-native-legal": "*",
+    "@umituz/react-native-localization": ">=3.0.0",
     "expo-constants": ">=18.0.0",
     "firebase": ">=10.0.0",
     "react": ">=18.2.0",
@@ -39,17 +40,18 @@
     "react-native-safe-area-context": ">=4.0.0"
   },
   "devDependencies": {
-    "@tanstack/react-query": "^5.0.0",
+    "@tanstack/react-query": "^5.90.12",
     "@types/node": "^25.0.3",
-    "@types/react": "~19.1.0",
+    "@types/react": "~19.1.10",
+    "@umituz/react-native-design-system": "latest",
     "@umituz/react-native-firestore": "latest",
-    "@umituz/react-native-legal": "^2.1.2",
-    "@umituz/react-native-localization": "^3.5.8",
-    "expo-constants": "~18.0.0",
-    "firebase": "^11.0.0",
-    "react-native": "~0.76.0",
-    "react-native-purchases": "~9.6.0",
-    "react-native-safe-area-context": "^5.6.2",
+    "@umituz/react-native-legal": "latest",
+    "@umituz/react-native-localization": "latest",
+    "expo-constants": "~18.0.12",
+    "firebase": "^12.6.0",
+    "react-native": "0.81.5",
+    "react-native-purchases": "^9.6.10",
+    "react-native-safe-area-context": "~5.6.0",
     "typescript": "~5.9.2"
   },
   "publishConfig": {

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

@@ -19,13 +19,13 @@ import { useLocalization } from "@umituz/react-native-localization";
 import { usePaywallFeedback } from "../../hooks/feedback/usePaywallFeedback";
 import { createPaywallFeedbackStyles } from "./paywallFeedbackStyles";
 
-const FEEDBACK_OPTIONS = [
-    { id: "too_expensive", defaultText: "Too expensive" },
-    { id: "no_need", defaultText: "I don't need premium features" },
-    { id: "trying_out", defaultText: "Just trying it out" },
-    { id: "technical_issues", defaultText: "Technical issues" },
-    { id: "other", defaultText: "Other" },
-];
+const FEEDBACK_OPTION_IDS = [
+    "too_expensive",
+    "no_need",
+    "trying_out",
+    "technical_issues",
+    "other",
+] as const;
 
 export interface PaywallFeedbackModalProps {
     visible: boolean;
@@ -64,14 +64,10 @@ export const PaywallFeedbackModal: React.FC<PaywallFeedbackModalProps> = React.m
         [tokens, canSubmit],
     );
 
-    const displayTitle = title || t("paywall.feedback.title", { defaultValue: "Help us improve" });
-    const displaySubtitle = subtitle || t("paywall.feedback.subtitle", {
-        defaultValue: "We'd love to know why you decided not to join Premium today."
-    });
-    const displaySubmitText = submitText || t("paywall.feedback.submit", { defaultValue: "Submit" });
-    const displayOtherPlaceholder = otherPlaceholder || t("paywall.feedback.otherPlaceholder", {
-        defaultValue: "Tell us more..."
-    });
+    const displayTitle = title || t("paywall.feedback.title");
+    const displaySubtitle = subtitle || t("paywall.feedback.subtitle");
+    const displaySubmitText = submitText || t("paywall.feedback.submit");
+    const displayOtherPlaceholder = otherPlaceholder || t("paywall.feedback.otherPlaceholder");
 
     return (
         <Modal
@@ -98,21 +94,19 @@ export const PaywallFeedbackModal: React.FC<PaywallFeedbackModalProps> = React.m
                                 </View>
 
                                 <View style={styles.optionsContainer}>
-                                    {FEEDBACK_OPTIONS.map((option, index) => {
-                                        const isSelected = selectedReason === option.id;
-                                        const isLast = index === FEEDBACK_OPTIONS.length - 1;
-                                        const displayText = t(`paywall.feedback.reasons.${option.id}`, {
-                                            defaultValue: option.defaultText
-                                        });
+                                    {FEEDBACK_OPTION_IDS.map((optionId, index) => {
+                                        const isSelected = selectedReason === optionId;
+                                        const isLast = index === FEEDBACK_OPTION_IDS.length - 1;
+                                        const displayText = t(`paywall.feedback.reasons.${optionId}`);
 
                                         return (
-                                            <View key={option.id}>
+                                            <View key={optionId}>
                                                 <TouchableOpacity
                                                     style={[
                                                         styles.optionRow,
                                                         isLast && styles.optionRowLast,
                                                     ]}
-                                                    onPress={() => selectReason(option.id)}
+                                                    onPress={() => selectReason(optionId)}
                                                     activeOpacity={0.7}
                                                 >
                                                     <AtomicText
@@ -137,7 +131,7 @@ export const PaywallFeedbackModal: React.FC<PaywallFeedbackModalProps> = React.m
                                                     </View>
                                                 </TouchableOpacity>
 
-                                                {isSelected && option.id === "other" && (
+                                                {isSelected && optionId === "other" && (
                                                     <View style={styles.inputContainer}>
                                                         <TextInput
                                                             style={styles.textInput}

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

@@ -44,11 +44,11 @@ export const CreditsTabContent: React.FC<CreditsTabContentProps> = React.memo(
     const needsCredits = requiredCredits && requiredCredits > currentCredits;
 
     const displayPurchaseButtonText = purchaseButtonText ||
-      t("paywall.purchase", { defaultValue: "Purchase" });
+      t("paywall.purchase");
     const displayProcessingText = processingText ||
-      t("paywall.processing", { defaultValue: "Processing..." });
+      t("paywall.processing");
     const displayCreditsInfoText = creditsInfoText ||
-      t("paywall.creditsInfo", { defaultValue: "You need {required} credits. You have {current}." });
+      t("paywall.creditsInfo");
 
     return (
       <View style={styles.container}>
@@ -64,8 +64,8 @@ export const CreditsTabContent: React.FC<CreditsTabContentProps> = React.memo(
               style={{ color: tokens.colors.textSecondary }}
             >
               {displayCreditsInfoText
-                .replace("{required}", String(requiredCredits))
-                .replace("{current}", String(currentCredits))}
+                .replace("{{required}}", String(requiredCredits))
+                .replace("{{current}}", String(currentCredits))}
             </AtomicText>
           </View>
         )}

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

@@ -110,8 +110,8 @@ export const PaywallModal: React.FC<PaywallModalProps> = React.memo(
       onSubscriptionPurchase,
     });
 
-    const displayTitle = title || t("paywall.title", { defaultValue: "Get Premium" });
-    const displaySubtitle = subtitle || t("paywall.subtitle", { defaultValue: "" });
+    const displayTitle = title || t("paywall.title");
+    const displaySubtitle = subtitle || t("paywall.subtitle");
 
     useEffect(() => {
       if (__DEV__) {
@@ -161,8 +161,8 @@ export const PaywallModal: React.FC<PaywallModalProps> = React.memo(
               <PaywallTabBar
                 activeTab={activeTab}
                 onTabChange={handleTabChange}
-                creditsLabel={t("paywall.tabs.credits", { defaultValue: "Credits" })}
-                subscriptionLabel={t("paywall.tabs.subscription", { defaultValue: "Subscription" })}
+                creditsLabel={t("paywall.tabs.credits")}
+                subscriptionLabel={t("paywall.tabs.subscription")}
               />
 
               <View style={{ flex: 1 }}>
@@ -175,7 +175,7 @@ export const PaywallModal: React.FC<PaywallModalProps> = React.memo(
                     currentCredits={currentCredits}
                     requiredCredits={requiredCredits}
                     isLoading={isLoading}
-                    purchaseButtonText={t("paywall.purchase", { defaultValue: "Purchase" })}
+                    purchaseButtonText={t("paywall.purchase")}
                   />
                 ) : (
                   <SubscriptionTabContent
@@ -185,7 +185,7 @@ export const PaywallModal: React.FC<PaywallModalProps> = React.memo(
                     onPurchase={handleSubscriptionPurchase}
                     features={subscriptionFeatures}
                     isLoading={isLoading}
-                    purchaseButtonText={t("paywall.subscribe", { defaultValue: "Subscribe" })}
+                    purchaseButtonText={t("paywall.subscribe")}
                     onRestore={onRestore}
                     privacyUrl={privacyUrl}
                     termsUrl={termsUrl}

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

@@ -44,7 +44,7 @@ export const SubscriptionPlanCard: React.FC<SubscriptionPlanCardProps> =
       ? formatPrice(pkg.product.price / 12, pkg.product.currencyCode)
       : null;
 
-    const title = pkg.product.title || t(`paywall.${periodLabel}`, { defaultValue: periodLabel });
+    const title = pkg.product.title || t(`paywall.period.${periodLabel}`);
 
     return (
       <TouchableOpacity
@@ -71,7 +71,7 @@ export const SubscriptionPlanCard: React.FC<SubscriptionPlanCardProps> =
               type="labelSmall"
               style={{ color: tokens.colors.onPrimary, fontWeight: "600" }}
             >
-              {t("paywall.bestValue", { defaultValue: "Best Value" })}
+              {t("paywall.bestValue")}
             </AtomicText>
           </View>
         )}

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

@@ -56,7 +56,7 @@ export const SubscriptionTabContent: React.FC<SubscriptionTabContentProps> =
       isLoading = false,
       purchaseButtonText,
       processingText,
-      restoreButtonText = "Restore Purchases",
+      restoreButtonText,
       privacyUrl,
       termsUrl,
       privacyText,
@@ -66,9 +66,11 @@ export const SubscriptionTabContent: React.FC<SubscriptionTabContentProps> =
       const { t } = useLocalization();
 
       const displayPurchaseButtonText =
-        purchaseButtonText || t("paywall.subscribe", { defaultValue: "Subscribe" });
+        purchaseButtonText || t("paywall.subscribe");
       const displayProcessingText =
-        processingText || t("paywall.processing", { defaultValue: "Processing..." });
+        processingText || t("paywall.processing");
+      const displayRestoreButtonText =
+        restoreButtonText || t("paywall.restore");
 
       const sortedPackages = useMemo(() => sortPackages(packages), [packages]);
 
@@ -84,8 +86,8 @@ export const SubscriptionTabContent: React.FC<SubscriptionTabContentProps> =
               isLoading={isLoading}
               selectedPkg={selectedPackage}
               onSelect={onSelectPackage}
-              loadingText={t("paywall.loading", { defaultValue: "Loading..." })}
-              emptyText={t("paywall.empty", { defaultValue: "No packages" })}
+              loadingText={t("paywall.loading")}
+              emptyText={t("paywall.empty")}
             />
 
             {features.length > 0 && (
@@ -107,7 +109,7 @@ export const SubscriptionTabContent: React.FC<SubscriptionTabContentProps> =
             purchaseButtonText={displayPurchaseButtonText}
             hasPackages={packages.length > 0}
             selectedPkg={selectedPackage}
-            restoreButtonText={restoreButtonText}
+            restoreButtonText={displayRestoreButtonText}
             showRestoreButton={!!onRestore}
             onPurchase={onPurchase}
             onRestore={onRestore || (() => { })}

package/src/revenuecat/infrastructure/utils/ApiKeyResolver.ts

@@ -5,22 +5,50 @@
 
 import { Platform } from "react-native";
 import type { RevenueCatConfig } from "../../domain/value-objects/RevenueCatConfig";
-import { isExpoGo, isDevelopment } from "./ExpoGoDetector";
+import { isExpoGo, isProductionBuild } from "./ExpoGoDetector";
 
 /**
  * Check if Test Store key should be used
+ * CRITICAL: Never use test store in production builds
  */
 export function shouldUseTestStore(config: RevenueCatConfig): boolean {
   const testKey = config.testStoreKey;
-  return !!(testKey && (isExpoGo() || isDevelopment()));
+
+  // No test key configured - always use production keys
+  if (!testKey) {
+    return false;
+  }
+
+  // CRITICAL: Production builds should NEVER use test store
+  if (isProductionBuild() && !isExpoGo()) {
+    if (__DEV__) {
+      console.log("[RevenueCat] Production build detected - using production API keys");
+    }
+    return false;
+  }
+
+  // Only use test store in Expo Go
+  return isExpoGo();
 }
 
 /**
  * Get RevenueCat API key from config
- * Returns Test Store key if in dev/Expo Go environment
+ * Returns Test Store key if in Expo Go environment ONLY
  */
 export function resolveApiKey(config: RevenueCatConfig): string | null {
-  if (shouldUseTestStore(config)) {
+  const useTestStore = shouldUseTestStore(config);
+
+  if (__DEV__) {
+    console.log("[RevenueCat] resolveApiKey:", {
+      platform: Platform.OS,
+      useTestStore,
+      hasTestKey: !!config.testStoreKey,
+      hasIosKey: !!config.iosApiKey,
+      hasAndroidKey: !!config.androidApiKey,
+    });
+  }
+
+  if (useTestStore) {
     return config.testStoreKey ?? null;
   }
 
@@ -31,6 +59,9 @@ export function resolveApiKey(config: RevenueCatConfig): string | null {
       : config.iosApiKey;
 
   if (!key || key === "" || key.includes("YOUR_")) {
+    if (__DEV__) {
+      console.warn("[RevenueCat] No valid API key found for platform:", Platform.OS);
+    }
     return null;
   }
 

package/src/revenuecat/infrastructure/utils/ExpoGoDetector.ts

@@ -14,14 +14,45 @@ export function isExpoGo(): boolean {
 
 /**
  * Check if running in development mode
+ * Uses multiple checks to ensure reliability in production builds
  */
 export function isDevelopment(): boolean {
+  // Check execution environment first - most reliable
+  const executionEnv = Constants.executionEnvironment;
+  const isBareBuild = executionEnv === "bare";
+  const isStoreBuild = executionEnv === "standalone";
+
+  // If it's a store/standalone build, it's NOT development
+  if (isStoreBuild) {
+    return false;
+  }
+
+  // For bare builds in production, check appOwnership
+  if (isBareBuild && Constants.appOwnership !== "expo") {
+    // This is a production bare build
+    return false;
+  }
+
+  // Fallback to __DEV__ only for actual development cases
   return typeof __DEV__ !== "undefined" && __DEV__;
 }
 
+/**
+ * Check if this is a production store build
+ */
+export function isProductionBuild(): boolean {
+  const executionEnv = Constants.executionEnvironment;
+  return executionEnv === "standalone" || executionEnv === "bare";
+}
+
 /**
  * Check if Test Store should be used (Expo Go or development)
+ * NEVER use Test Store in production builds
  */
 export function isTestStoreEnvironment(): boolean {
+  // Explicit check: never use test store in production
+  if (isProductionBuild() && !isExpoGo()) {
+    return false;
+  }
   return isExpoGo() || isDevelopment();
 }