@umituz/react-native-subscription 2.3.7 → 2.4.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/react-native-subscription",
-  "version": "2.3.7",
+  "version": "2.4.0",
   "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/presentation/components/paywall/BestValueBadge.tsx

@@ -0,0 +1,48 @@
+/**
+ * Best Value Badge Component
+ * Single Responsibility: Display a "Best Value" badge for subscription packages
+ */
+
+import React from "react";
+import { View, StyleSheet } from "react-native";
+import { AtomicText, useAppDesignTokens } from "@umituz/react-native-design-system";
+
+interface BestValueBadgeProps {
+  text: string;
+  visible?: boolean;
+}
+
+export const BestValueBadge: React.FC<BestValueBadgeProps> = React.memo(
+  ({ text, visible = true }) => {
+    const tokens = useAppDesignTokens();
+
+    if (!visible) return null;
+
+    return (
+      <View
+        style={[styles.badge, { backgroundColor: tokens.colors.primary }]}
+      >
+        <AtomicText
+          type="labelSmall"
+          style={{ color: tokens.colors.onPrimary, fontWeight: "700" }}
+        >
+          {text}
+        </AtomicText>
+      </View>
+    );
+  }
+);
+
+BestValueBadge.displayName = "BestValueBadge";
+
+const styles = StyleSheet.create({
+  badge: {
+    position: "absolute",
+    top: -12,
+    right: 16,
+    paddingHorizontal: 16,
+    paddingVertical: 7,
+    borderRadius: 16,
+    zIndex: 1,
+  },
+});

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

@@ -10,6 +10,7 @@ import { AtomicText } from "@umituz/react-native-design-system";
 import { useAppDesignTokens } from "@umituz/react-native-design-system";
 import { formatPrice } from "../../../utils/priceUtils";
 import { useLocalization } from "@umituz/react-native-localization";
+import { BestValueBadge } from "./BestValueBadge";
 
 interface SubscriptionPlanCardProps {
   package: PurchasesPackage;
@@ -63,18 +64,10 @@ export const SubscriptionPlanCard: React.FC<SubscriptionPlanCardProps> =
           },
         ]}
       >
-        {isBestValue && (
-          <View
-            style={[styles.badge, { backgroundColor: tokens.colors.primary }]}
-          >
-            <AtomicText
-              type="labelSmall"
-              style={{ color: tokens.colors.onPrimary, fontWeight: "700" }}
-            >
-              {t("paywall.bestValue")}
-            </AtomicText>
-          </View>
-        )}
+        <BestValueBadge
+          text={t("paywall.bestValue")}
+          visible={isBestValue}
+        />
 
         <View style={styles.content}>
           <View style={styles.leftSection}>
@@ -138,14 +131,6 @@ const styles = StyleSheet.create({
     padding: 18,
     position: "relative",
   },
-  badge: {
-    position: "absolute",
-    top: -12,
-    right: 16,
-    paddingHorizontal: 16,
-    paddingVertical: 7,
-    borderRadius: 16,
-  },
   content: {
     flexDirection: "row",
     justifyContent: "space-between",

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

@@ -38,15 +38,16 @@ export function shouldUseTestStore(config: RevenueCatConfig): boolean {
 export function resolveApiKey(config: RevenueCatConfig): string | null {
   const useTestStore = shouldUseTestStore(config);
 
-  if (__DEV__) {
-    console.log("[RevenueCat] resolveApiKey:", {
-      platform: Platform.OS,
-      useTestStore,
-      hasTestKey: !!config.testStoreKey,
-      hasIosKey: !!config.iosApiKey,
-      hasAndroidKey: !!config.androidApiKey,
-    });
-  }
+  // Always log in development, log warnings in production for debugging
+  /* eslint-disable-next-line no-console */
+  console.log("[RevenueCat] resolveApiKey:", {
+    platform: Platform.OS,
+    useTestStore,
+    hasTestKey: !!config.testStoreKey,
+    hasIosKey: !!config.iosApiKey,
+    hasAndroidKey: !!config.androidApiKey,
+    isProduction: isProductionBuild(),
+  });
 
   if (useTestStore) {
     return config.testStoreKey ?? null;
@@ -59,9 +60,8 @@ 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);
-    }
+    /* eslint-disable-next-line no-console */
+    console.warn("[RevenueCat] ⚠️ NO API KEY - packages will not load. Check env vars.");
     return null;
   }