@umituz/react-native-subscription 2.28.4 → 2.29.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/react-native-subscription",
-  "version": "2.28.4",
+  "version": "2.29.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/domains/credits/application/CreditLimitCalculator.ts

@@ -1,12 +1,18 @@
 import type { CreditsConfig } from "../core/Credits";
 import { detectPackageType } from "../../../utils/packageTypeDetector";
 import { getCreditAllocation } from "../../../utils/creditMapper";
+import { NO_SUBSCRIPTION_PRODUCT_ID } from "../../subscription/application/syncConstants";
 
 export function calculateCreditLimit(productId: string | undefined, config: CreditsConfig): number {
   if (!productId) {
     throw new Error("[CreditLimitCalculator] Cannot calculate credit limit without productId");
   }
 
+  // Free tier users (no subscription) get 0 credits - strict paywall
+  if (productId === NO_SUBSCRIPTION_PRODUCT_ID) {
+    return 0;
+  }
+
   const explicitAmount = config.creditPackageAmounts?.[productId];
   if (explicitAmount) return explicitAmount;
 

package/src/domains/subscription/presentation/screens/SubscriptionDetailScreen.tsx

@@ -51,6 +51,14 @@ export const SubscriptionDetailScreen: React.FC<SubscriptionDetailScreenProps> =
             daysRemaining={config.daysRemaining}
             hideTitle={!!config.onClose}
             translations={config.translations}
+            willRenew={config.willRenew}
+            productIdentifier={config.productIdentifier}
+            periodType={config.periodType}
+            store={config.store}
+            originalPurchaseDate={config.originalPurchaseDate}
+            latestPurchaseDate={config.latestPurchaseDate}
+            billingIssuesDetected={config.billingIssuesDetected}
+            isSandbox={config.isSandbox}
           />
         )}
         {showCredits && config.credits && (

package/src/domains/subscription/presentation/screens/SubscriptionDetailScreen.types.ts

@@ -20,6 +20,16 @@ export interface SubscriptionDetailTranslations {
   creditsResetInfo?: string;
   remainingLabel?: string;
   upgradeButton: string;
+  // Additional subscription details
+  willRenewLabel?: string;
+  productLabel?: string;
+  planTypeLabel?: string;
+  periodTypeLabel?: string;
+  storeLabel?: string;
+  originalPurchaseDateLabel?: string;
+  latestPurchaseDateLabel?: string;
+  billingIssuesLabel?: string;
+  sandboxLabel?: string;
 }
 
 export interface UpgradePromptConfig {
@@ -47,6 +57,15 @@ export interface SubscriptionDetailConfig {
   translations: SubscriptionDetailTranslations;
   upgradePrompt?: UpgradePromptConfig;
   onClose?: () => void;
+  // Additional RevenueCat subscription details
+  willRenew?: boolean | null;
+  productIdentifier?: string | null;
+  periodType?: string | null;
+  store?: string | null;
+  originalPurchaseDate?: string | null;
+  latestPurchaseDate?: string | null;
+  billingIssuesDetected?: boolean;
+  isSandbox?: boolean;
 }
 
 export interface SubscriptionDetailScreenProps {

package/src/domains/subscription/presentation/screens/components/SubscriptionHeader.tsx

@@ -18,6 +18,14 @@ export const SubscriptionHeader: React.FC<SubscriptionHeaderProps> = ({
   daysRemaining,
   hideTitle,
   translations,
+  willRenew,
+  productIdentifier,
+  periodType,
+  store,
+  originalPurchaseDate,
+  latestPurchaseDate,
+  billingIssuesDetected,
+  isSandbox,
 }) => {
   const tokens = useAppDesignTokens();
   const showExpiring = daysRemaining !== null && daysRemaining !== undefined && daysRemaining <= EXPIRING_SOON_THRESHOLD_DAYS;
@@ -50,6 +58,14 @@ export const SubscriptionHeader: React.FC<SubscriptionHeaderProps> = ({
         showExpiring={showExpiring}
         translations={translations}
         styles={styles}
+        willRenew={willRenew}
+        productIdentifier={productIdentifier}
+        periodType={periodType}
+        store={store}
+        originalPurchaseDate={originalPurchaseDate}
+        latestPurchaseDate={latestPurchaseDate}
+        billingIssuesDetected={billingIssuesDetected}
+        isSandbox={isSandbox}
       />
     </View>
   );

package/src/domains/subscription/presentation/screens/components/SubscriptionHeader.types.ts

@@ -16,5 +16,23 @@ export interface SubscriptionHeaderProps {
     lifetimeLabel: string;
     expiresLabel: string;
     purchasedLabel: string;
+    willRenewLabel?: string;
+    productLabel?: string;
+    planTypeLabel?: string;
+    periodTypeLabel?: string;
+    storeLabel?: string;
+    originalPurchaseDateLabel?: string;
+    latestPurchaseDateLabel?: string;
+    billingIssuesLabel?: string;
+    sandboxLabel?: string;
   };
+  // Additional RevenueCat subscription details
+  willRenew?: boolean | null;
+  productIdentifier?: string | null;
+  periodType?: string | null;
+  store?: string | null;
+  originalPurchaseDate?: string | null;
+  latestPurchaseDate?: string | null;
+  billingIssuesDetected?: boolean;
+  isSandbox?: boolean;
 }

package/src/domains/subscription/presentation/screens/components/SubscriptionHeaderContent.tsx

@@ -11,6 +11,14 @@ interface SubscriptionHeaderContentProps {
   showExpiring: boolean;
   translations: SubscriptionHeaderProps["translations"];
   styles: any;
+  willRenew?: boolean | null;
+  productIdentifier?: string | null;
+  periodType?: string | null;
+  store?: string | null;
+  originalPurchaseDate?: string | null;
+  latestPurchaseDate?: string | null;
+  billingIssuesDetected?: boolean;
+  isSandbox?: boolean;
 }
 
 export const SubscriptionHeaderContent: React.FC<SubscriptionHeaderContentProps> = ({
@@ -21,6 +29,14 @@ export const SubscriptionHeaderContent: React.FC<SubscriptionHeaderContentProps>
   showExpiring,
   translations,
   styles,
+  willRenew,
+  productIdentifier,
+  periodType,
+  store,
+  originalPurchaseDate,
+  latestPurchaseDate,
+  billingIssuesDetected,
+  isSandbox,
 }) => (
   <View style={styles.details}>
     {isLifetime ? (
@@ -52,6 +68,80 @@ export const SubscriptionHeaderContent: React.FC<SubscriptionHeaderContentProps>
             valueStyle={styles.value}
           />
         )}
+        {willRenew !== null && willRenew !== undefined && translations.willRenewLabel && (
+          <DetailRow
+            label={translations.willRenewLabel}
+            value={willRenew ? "Yes" : "No"}
+            highlight={!willRenew}
+            style={styles.row}
+            labelStyle={styles.label}
+            valueStyle={styles.value}
+          />
+        )}
+        {productIdentifier && translations.productLabel && (
+          <DetailRow
+            label={translations.productLabel}
+            value={productIdentifier}
+            style={styles.row}
+            labelStyle={styles.label}
+            valueStyle={styles.value}
+          />
+        )}
+        {periodType && translations.periodTypeLabel && (
+          <DetailRow
+            label={translations.periodTypeLabel}
+            value={periodType}
+            style={styles.row}
+            labelStyle={styles.label}
+            valueStyle={styles.value}
+          />
+        )}
+        {store && translations.storeLabel && (
+          <DetailRow
+            label={translations.storeLabel}
+            value={store}
+            style={styles.row}
+            labelStyle={styles.label}
+            valueStyle={styles.value}
+          />
+        )}
+        {originalPurchaseDate && translations.originalPurchaseDateLabel && (
+          <DetailRow
+            label={translations.originalPurchaseDateLabel}
+            value={originalPurchaseDate}
+            style={styles.row}
+            labelStyle={styles.label}
+            valueStyle={styles.value}
+          />
+        )}
+        {latestPurchaseDate && translations.latestPurchaseDateLabel && (
+          <DetailRow
+            label={translations.latestPurchaseDateLabel}
+            value={latestPurchaseDate}
+            style={styles.row}
+            labelStyle={styles.label}
+            valueStyle={styles.value}
+          />
+        )}
+        {billingIssuesDetected && translations.billingIssuesLabel && (
+          <DetailRow
+            label={translations.billingIssuesLabel}
+            value="Detected"
+            highlight={true}
+            style={styles.row}
+            labelStyle={styles.label}
+            valueStyle={styles.value}
+          />
+        )}
+        {isSandbox && translations.sandboxLabel && (
+          <DetailRow
+            label={translations.sandboxLabel}
+            value="Test Mode"
+            style={styles.row}
+            labelStyle={styles.label}
+            valueStyle={styles.value}
+          />
+        )}
       </>
     )}
   </View>