@umituz/react-native-subscription 2.24.14 → 2.24.16

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/react-native-subscription",
-  "version": "2.24.14",
+  "version": "2.24.16",
   "description": "Complete subscription management with RevenueCat, paywall UI, and credits system for React Native apps",
   "main": "./src/index.ts",
   "types": "./src/index.ts",
@@ -56,8 +56,8 @@
     "@types/react": "~19.1.10",
     "@typescript-eslint/eslint-plugin": "^8.50.1",
     "@typescript-eslint/parser": "^8.50.1",
-    "@umituz/react-native-auth": "*",
-    "@umituz/react-native-design-system": "^2.9.0",
+    "@umituz/react-native-auth": "^3.6.14",
+    "@umituz/react-native-design-system": "^2.9.35",
     "@umituz/react-native-firebase": "*",
     "@umituz/react-native-localization": "^3.6.0",
     "eslint": "^9.39.2",

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

@@ -18,7 +18,6 @@ interface PaywallTabBarProps {
 export const PaywallTabBar: React.FC<PaywallTabBarProps> = React.memo(
     ({ activeTab, onTabChange, creditsLabel, subscriptionLabel }) => {
         const tokens = useAppDesignTokens();
-        const isCreditsActive = activeTab === "credits";
 
         const renderTab = (tab: PaywallTabType, label: string) => {
             const isActive = activeTab === tab;

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

@@ -4,14 +4,7 @@
  */
 
 import React, { useMemo } from "react";
-import {
-    View,
-    Modal,
-    TouchableOpacity,
-    Pressable,
-    TextInput,
-    KeyboardAvoidingView,
-} from "react-native";
+import { View, TouchableOpacity, TextInput } from "react-native";
 import { AtomicText, BaseModal } from "@umituz/react-native-design-system";
 import { useAppDesignTokens } from "@umituz/react-native-design-system";
 import { useLocalization } from "@umituz/react-native-localization";
@@ -74,15 +67,11 @@ export const PaywallFeedbackModal: React.FC<PaywallFeedbackModalProps> = React.m
             visible={visible}
             onClose={handleSkip}
             title={displayTitle}
-            swipeToClose={true}
+            subtitle={displaySubtitle}
         >
-            <View style={{ paddingBottom: tokens.spacing.lg }}>
-                <AtomicText type="bodyMedium" style={[styles.subtitle, { marginBottom: tokens.spacing.md }]}>
-                    {displaySubtitle}
-                </AtomicText>
-
+            <View style={{ paddingHorizontal: tokens.spacing.md, paddingBottom: tokens.spacing.lg }}>
                 <View style={[styles.optionsContainer, { backgroundColor: 'transparent', padding: 0 }]}>
-                    {FEEDBACK_OPTION_IDS.map((optionId, index) => {
+                    {FEEDBACK_OPTION_IDS.map((optionId) => {
                         const isSelected = selectedReason === optionId;
                         const isOther = optionId === "other";
                         const showInput = isSelected && isOther;

package/src/presentation/hooks/useSubscriptionSettingsConfig.ts

@@ -65,10 +65,10 @@ export const useSubscriptionSettingsConfig = (
   // Days remaining
   const daysRemaining = useMemo(() => calculateDaysRemaining(expiresAtIso), [expiresAtIso]);
 
-  // Status type from Firestore or derived
+  // Status type: prioritize Firestore status, then derive from willRenew + expiration
   const statusType: SubscriptionStatusType = credits?.status
     ? (credits.status as SubscriptionStatusType)
-    : getSubscriptionStatusType(isPremium);
+    : getSubscriptionStatusType(isPremium, willRenew, expiresAtIso);
 
   const creditsArray = useCreditsArray(credits, dynamicCreditLimit, translations);
 

package/src/presentation/hooks/useSubscriptionSettingsConfig.utils.ts

@@ -37,10 +37,36 @@ export function useCreditsArray(
 }
 
 /**
- * Calculates subscription status type
+ * Calculates subscription status type based on premium and renewal status
+ * @param isPremium - Whether user has premium subscription
+ * @param willRenew - Whether subscription will auto-renew (false = canceled)
+ * @param expiresAt - Expiration date ISO string (null for lifetime)
  */
 export function getSubscriptionStatusType(
-  isPremium: boolean
-): "active" | "none" {
-  return isPremium ? "active" : "none";
+  isPremium: boolean,
+  willRenew?: boolean,
+  expiresAt?: string | null
+): "active" | "canceled" | "expired" | "none" {
+  if (!isPremium) {
+    return "none";
+  }
+
+  // Lifetime subscription (no expiration) - always active
+  if (!expiresAt) {
+    return "active";
+  }
+
+  // Check if expired
+  const now = new Date();
+  const expDate = new Date(expiresAt);
+  if (expDate < now) {
+    return "expired";
+  }
+
+  // Premium with willRenew=false means subscription is canceled but still active until expiration
+  if (willRenew === false) {
+    return "canceled";
+  }
+
+  return "active";
 }