@umituz/react-native-subscription 2.12.43 → 2.12.45

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/react-native-subscription",
-  "version": "2.12.43",
+  "version": "2.12.45",
   "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/details/PremiumDetailsCard.tsx

@@ -33,9 +33,11 @@ export const PremiumDetailsCard: React.FC<PremiumDetailsCardProps> = ({
     <View style={[styles.card, { backgroundColor: tokens.colors.surface }]}>
       {(isPremium || showCredits) && (
         <View style={styles.header}>
-          <AtomicText type="titleLarge" style={{ color: tokens.colors.textPrimary }}>
-            {translations.title}
-          </AtomicText>
+          <View style={styles.headerTitleContainer}>
+            <AtomicText type="titleLarge" style={{ color: tokens.colors.textPrimary }}>
+              {translations.title}
+            </AtomicText>
+          </View>
           <PremiumStatusBadge
             status={statusType}
             activeLabel={translations.statusActive}
@@ -154,6 +156,10 @@ const styles = StyleSheet.create({
     justifyContent: "space-between",
     alignItems: "center",
   },
+  headerTitleContainer: {
+    flex: 1,
+    marginRight: 12,
+  },
   freeUserHeader: {
     marginBottom: 4,
   },

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

@@ -51,9 +51,11 @@ export const SubscriptionHeader: React.FC<SubscriptionHeaderProps> = ({
     return (
         <View style={[styles.container, { backgroundColor: tokens.colors.surface }]}>
             <View style={styles.header}>
-                <AtomicText type="headlineSmall" style={[styles.title, { color: tokens.colors.textPrimary }]}>
-                    {translations.title}
-                </AtomicText>
+                <View style={styles.titleContainer}>
+                    <AtomicText type="headlineSmall" style={[styles.title, { color: tokens.colors.textPrimary }]}>
+                        {translations.title}
+                    </AtomicText>
+                </View>
                 <PremiumStatusBadge
                     status={statusType}
                     activeLabel={translations.statusActive}
@@ -136,6 +138,10 @@ const styles = StyleSheet.create({
         justifyContent: "space-between",
         alignItems: "center",
     },
+    titleContainer: {
+        flex: 1,
+        marginRight: 12,
+    },
     title: {
         fontWeight: "700",
     },

package/src/utils/__tests__/dateValidationUtils.test.ts

@@ -5,7 +5,7 @@
 import {
   isSubscriptionExpired,
   getDaysUntilExpiration,
-} from '../utils/dateValidationUtils';
+} from '../dateValidationUtils';
 
 describe('Date Validation Utils', () => {
   describe('isSubscriptionExpired', () => {
@@ -22,7 +22,7 @@ describe('Date Validation Utils', () => {
         customerId: null,
         syncedAt: null,
       };
-      
+
       expect(isSubscriptionExpired(status)).toBe(true);
     });
 
@@ -35,14 +35,14 @@ describe('Date Validation Utils', () => {
         customerId: 'customer123',
         syncedAt: '2024-01-01T00:00:00.000Z',
       };
-      
+
       expect(isSubscriptionExpired(status)).toBe(false);
     });
 
     it('should return false for future expiration', () => {
       const futureDate = new Date();
       futureDate.setDate(futureDate.getDate() + 30);
-      
+
       const status = {
         isPremium: true,
         expiresAt: futureDate.toISOString(),
@@ -51,14 +51,14 @@ describe('Date Validation Utils', () => {
         customerId: 'customer123',
         syncedAt: '2024-01-01T00:00:00.000Z',
       };
-      
+
       expect(isSubscriptionExpired(status)).toBe(false);
     });
 
     it('should return true for past expiration', () => {
       const pastDate = new Date();
       pastDate.setDate(pastDate.getDate() - 1);
-      
+
       const status = {
         isPremium: true,
         expiresAt: pastDate.toISOString(),
@@ -67,7 +67,7 @@ describe('Date Validation Utils', () => {
         customerId: 'customer123',
         syncedAt: '2024-01-01T00:00:00.000Z',
       };
-      
+
       const result = getDaysUntilExpiration(status);
       expect(result === 0 || result === -0).toBe(true);
     });
@@ -87,14 +87,14 @@ describe('Date Validation Utils', () => {
         customerId: 'customer123',
         syncedAt: '2024-01-01T00:00:00.000Z',
       };
-      
+
       expect(getDaysUntilExpiration(status)).toBeNull();
     });
 
     it('should return positive days for future expiration', () => {
       const futureDate = new Date();
       futureDate.setDate(futureDate.getDate() + 5);
-      
+
       const status = {
         isPremium: true,
         expiresAt: futureDate.toISOString(),
@@ -103,14 +103,14 @@ describe('Date Validation Utils', () => {
         customerId: 'customer123',
         syncedAt: '2024-01-01T00:00:00.000Z',
       };
-      
+
       expect(getDaysUntilExpiration(status)).toBe(5);
     });
 
     it('should return 0 for past expiration', () => {
       const pastDate = new Date();
       pastDate.setDate(pastDate.getDate() - 5);
-      
+
       const status = {
         isPremium: true,
         expiresAt: pastDate.toISOString(),
@@ -119,14 +119,14 @@ describe('Date Validation Utils', () => {
         customerId: 'customer123',
         syncedAt: '2024-01-01T00:00:00.000Z',
       };
-      
+
       expect(getDaysUntilExpiration(status)).toBe(0);
     });
 
     it('should return 0 for today expiration', () => {
       const today = new Date();
       today.setHours(0, 0, 0, 0); // Start of today
-      
+
       const status = {
         isPremium: true,
         expiresAt: today.toISOString(),
@@ -135,7 +135,7 @@ describe('Date Validation Utils', () => {
         customerId: 'customer123',
         syncedAt: '2024-01-01T00:00:00.000Z',
       };
-      
+
       expect(getDaysUntilExpiration(status)).toBe(0);
     });
   });