@oxyhq/services 6.9.15 → 6.9.17

package/lib/module/ui/screens/PremiumSubscriptionScreen.js

@@ -1,20 +1,17 @@
 "use strict";
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const react_native_1 = require("react-native");
-const fonts_1 = require("../styles/fonts");
-const sonner_1 = require("../../lib/sonner");
-const confirmAction_1 = require("../utils/confirmAction");
-const vector_icons_1 = require("@expo/vector-icons");
-const useI18n_1 = require("../hooks/useI18n");
-const useThemeStyles_1 = require("../hooks/useThemeStyles");
-const themeUtils_1 = require("../utils/themeUtils");
-const useColorScheme_1 = require("../hooks/useColorScheme");
-const OxyContext_1 = require("../context/OxyContext");
+import { useState, useEffect } from 'react';
+import { View, Text, TouchableOpacity, StyleSheet, ScrollView, ActivityIndicator } from 'react-native';
+import { fontFamilies } from "../styles/fonts.js";
+import { toast } from '../../lib/sonner';
+import { confirmAction } from "../utils/confirmAction.js";
+import { Ionicons } from '@expo/vector-icons';
+import { useI18n } from "../hooks/useI18n.js";
+import { useThemeStyles } from "../hooks/useThemeStyles.js";
+import { normalizeTheme } from "../utils/themeUtils.js";
+import { useColorScheme } from "../hooks/useColorScheme.js";
+import { useOxy } from "../context/OxyContext.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const PremiumSubscriptionScreen = ({
   onClose,
   theme,
@@ -25,22 +22,23 @@ const PremiumSubscriptionScreen = ({
   const {
     user,
     oxyServices
-  } = (0, OxyContext_1.useOxy)();
-  const [loading, setLoading] = (0, react_1.useState)(true);
-  const [subscription, setSubscription] = (0, react_1.useState)(null);
-  const [plans, setPlans] = (0, react_1.useState)([]);
-  const [individualFeatures, setIndividualFeatures] = (0, react_1.useState)([]);
-  const [selectedPlan, setSelectedPlan] = (0, react_1.useState)(null);
-  const [processingPayment, setProcessingPayment] = (0, react_1.useState)(false);
-  const [billingInterval, setBillingInterval] = (0, react_1.useState)('month');
-  const [activeTab, setActiveTab] = (0, react_1.useState)('plans');
-  const [currentAppPackage, setCurrentAppPackage] = (0, react_1.useState)('mention'); // Default to mention for demo
+  } = useOxy();
+  const [loading, setLoading] = useState(true);
+  const [subscription, setSubscription] = useState(null);
+  const [plans, setPlans] = useState([]);
+  const [individualFeatures, setIndividualFeatures] = useState([]);
+  const [selectedPlan, setSelectedPlan] = useState(null);
+  const [processingPayment, setProcessingPayment] = useState(false);
+  const [billingInterval, setBillingInterval] = useState('month');
+  const [activeTab, setActiveTab] = useState('plans');
+  const [currentAppPackage, setCurrentAppPackage] = useState('mention'); // Default to mention for demo
+
   const {
     t
-  } = (0, useI18n_1.useI18n)();
-  const colorScheme = (0, useColorScheme_1.useColorScheme)();
-  const normalizedTheme = (0, themeUtils_1.normalizeTheme)(theme);
-  const themeStyles = (0, useThemeStyles_1.useThemeStyles)(normalizedTheme, colorScheme);
+  } = useI18n();
+  const colorScheme = useColorScheme();
+  const normalizedTheme = normalizeTheme(theme);
+  const themeStyles = useThemeStyles(normalizedTheme, colorScheme);
   // Extract commonly used colors for readability
   const {
     textColor,
@@ -53,6 +51,7 @@ const PremiumSubscriptionScreen = ({
     isDarkTheme
   } = themeStyles;
   const warningColor = '#FF9500';
+
   // TODO: Replace mock data with actual API integration
   // Should fetch plans from oxyServices.getSubscriptionPlans() and individual features from oxyServices.getIndividualFeatures()
   // Oxy+ subscription plans
@@ -114,6 +113,7 @@ const PremiumSubscriptionScreen = ({
     features: ['Everything in Oxy+ Premium', 'Advanced analytics and insights', 'Promotional tools and resources', 'Content monetization features', 'Creator support program', 'Revenue sharing opportunities'],
     includedFeatures: ['reading-mode-plus', 'custom-themes', 'analytics-basic', 'analytics-advanced', 'group-management', 'creator-tools', 'monetization-features']
   }];
+
   // Individual feature subscriptions
   const mockIndividualFeatures = [{
     id: 'analytics-basic',
@@ -214,10 +214,10 @@ const PremiumSubscriptionScreen = ({
     canBePurchasedSeparately: true,
     includedInPlans: ['oxy-premium', 'oxy-creator']
   }];
-  (0, react_1.useEffect)(() => {
+  useEffect(() => {
     detectCurrentApp();
   }, []);
-  (0, react_1.useEffect)(() => {
+  useEffect(() => {
     if (currentAppPackage) {
       loadSubscriptionData();
     }
@@ -225,33 +225,43 @@ const PremiumSubscriptionScreen = ({
   const detectCurrentApp = () => {
     // In a real implementation, this would detect the actual app package name
     // For now, we'll use a mock detection based on available methods
+
     // Real app detection methods you could use:
     // 1. Check bundle identifier in React Native: 
     //    import DeviceInfo from 'react-native-device-info';
     //    const bundleId = DeviceInfo.getBundleId();
     //    Example: com.oxy.mention -> 'mention'
+
     // 2. Environment variables or build configuration
     //    const appPackage = __DEV__ ? process.env.APP_PACKAGE : 'mention';
+
     // 3. Check specific app capabilities or modules
     //    if (typeof MentionModule !== 'undefined') return 'mention';
     //    if (typeof OxyWorkspaceModule !== 'undefined') return 'oxy-workspace';
+
     // 4. Use build-time configuration with Metro or similar
     //    const appPackage = require('../config/app.json').packageName;
+
     // For demo purposes, we'll simulate different apps
     // You would replace this with actual app detection logic
+
     // IMPORTANT: This ensures subscription restrictions work properly:
     // - Mention+ plan can only be subscribed to when app package == 'mention'
     // - Other app-specific plans follow the same pattern
     // - Ecosystem plans work across all apps
+
     const detectedApp = 'mention'; // This would be dynamic in real implementation
+
     setCurrentAppPackage(detectedApp);
   };
   const loadSubscriptionData = async () => {
     try {
       setLoading(true);
+
       // Filter plans available for current app
       const availablePlans = mockPlans.filter(plan => plan.applicableApps.includes(currentAppPackage));
       setPlans(availablePlans);
+
       // Mock current subscription
       let currentSubscription = null;
       if (user?.isPremium) {
@@ -265,6 +275,7 @@ const PremiumSubscriptionScreen = ({
         };
         setSubscription(currentSubscription);
       }
+
       // Filter features available for current app and update based on current subscription
       const availableFeatures = mockIndividualFeatures.filter(feature => feature.applicableApps.includes(currentAppPackage));
       const updatedFeatures = availableFeatures.map(feature => {
@@ -280,7 +291,7 @@ const PremiumSubscriptionScreen = ({
       if (__DEV__) {
         console.error('Failed to load subscription data:', error);
       }
-      sonner_1.toast.error('Failed to load subscription information');
+      toast.error('Failed to load subscription information');
     } finally {
       setLoading(false);
     }
@@ -293,20 +304,23 @@ const PremiumSubscriptionScreen = ({
       // Check if plan is available for current app
       const selectedPlan = mockPlans.find(plan => plan.id === planId);
       if (!selectedPlan?.applicableApps.includes(currentAppPackage)) {
-        sonner_1.toast.error(t('premium.toasts.planUnavailable', {
+        toast.error(t('premium.toasts.planUnavailable', {
           app: currentAppPackage
         }) || `This plan is not available for the current app (${currentAppPackage})`);
         return;
       }
+
       // Special restriction for Mention+ plan - only available in mention app
       if (planId === 'mention-plus' && currentAppPackage !== 'mention') {
-        sonner_1.toast.error(t('premium.toasts.mentionOnly') || 'Mention+ is only available in the Mention app');
+        toast.error(t('premium.toasts.mentionOnly') || 'Mention+ is only available in the Mention app');
         return;
       }
       setProcessingPayment(true);
+
       // Mock payment processing
       await new Promise(resolve => setTimeout(resolve, 2000));
-      sonner_1.toast.success(t('premium.toasts.activated') || 'Subscription activated successfully!');
+      toast.success(t('premium.toasts.activated') || 'Subscription activated successfully!');
+
       // Mock subscription update
       setSubscription({
         id: `sub_${Date.now()}`,
@@ -316,28 +330,29 @@ const PremiumSubscriptionScreen = ({
         currentPeriodEnd: new Date(Date.now() + 30 * 24 * 60 * 60 * 1000).toISOString(),
         cancelAtPeriodEnd: false
       });
+
       // Reload data to update feature states
       loadSubscriptionData();
     } catch (error) {
       if (__DEV__) {
         console.error('Payment failed:', error);
       }
-      sonner_1.toast.error(t('premium.toasts.paymentFailed') || 'Payment failed. Please try again.');
+      toast.error(t('premium.toasts.paymentFailed') || 'Payment failed. Please try again.');
     } finally {
       setProcessingPayment(false);
     }
   };
   const handleCancelSubscription = () => {
-    (0, confirmAction_1.confirmAction)(t('premium.confirms.cancelSub') || 'Are you sure you want to cancel your subscription? You will lose access to premium features at the end of your current billing period.', async () => {
+    confirmAction(t('premium.confirms.cancelSub') || 'Are you sure you want to cancel your subscription? You will lose access to premium features at the end of your current billing period.', async () => {
       try {
         // Mock cancellation
         setSubscription(prev => prev ? {
           ...prev,
           cancelAtPeriodEnd: true
         } : null);
-        sonner_1.toast.success(t('premium.toasts.willCancel') || 'Subscription will be canceled at the end of the billing period');
+        toast.success(t('premium.toasts.willCancel') || 'Subscription will be canceled at the end of the billing period');
       } catch (error) {
-        sonner_1.toast.error(t('premium.toasts.cancelFailed') || 'Failed to cancel subscription');
+        toast.error(t('premium.toasts.cancelFailed') || 'Failed to cancel subscription');
       }
     });
   };
@@ -347,9 +362,9 @@ const PremiumSubscriptionScreen = ({
         ...prev,
         cancelAtPeriodEnd: false
       } : null);
-      sonner_1.toast.success(t('premium.toasts.reactivated') || 'Subscription reactivated successfully');
+      toast.success(t('premium.toasts.reactivated') || 'Subscription reactivated successfully');
     } catch (error) {
-      sonner_1.toast.error(t('premium.toasts.reactivateFailed') || 'Failed to reactivate subscription');
+      toast.error(t('premium.toasts.reactivateFailed') || 'Failed to reactivate subscription');
     }
   };
   const formatPrice = (price, currency, interval) => {
@@ -370,20 +385,22 @@ const PremiumSubscriptionScreen = ({
       // Check if feature is available for current app
       const selectedFeature = mockIndividualFeatures.find(feature => feature.id === featureId);
       if (!selectedFeature?.applicableApps.includes(currentAppPackage)) {
-        sonner_1.toast.error(`This feature is not available for the current app (${currentAppPackage})`);
+        toast.error(`This feature is not available for the current app (${currentAppPackage})`);
         return;
       }
+
       // Special restrictions for app-specific features
       if (selectedFeature.appScope === 'specific') {
         // For features that are only available in specific apps, enforce strict matching
         const hasExactMatch = selectedFeature.applicableApps.length === 1 && selectedFeature.applicableApps[0] === currentAppPackage;
         if (!hasExactMatch && selectedFeature.applicableApps.length === 1) {
           const requiredApp = selectedFeature.applicableApps[0];
-          sonner_1.toast.error(`${selectedFeature.name} is only available in the ${requiredApp} app`);
+          toast.error(`${selectedFeature.name} is only available in the ${requiredApp} app`);
           return;
         }
       }
       setProcessingPayment(true);
+
       // Mock feature subscription
       await new Promise(resolve => setTimeout(resolve, 1500));
       setIndividualFeatures(prev => prev.map(feature => feature.id === featureId ? {
@@ -391,21 +408,21 @@ const PremiumSubscriptionScreen = ({
         isSubscribed: true
       } : feature));
       const feature = individualFeatures.find(f => f.id === featureId);
-      sonner_1.toast.success(t('premium.toasts.featureSubscribed', {
+      toast.success(t('premium.toasts.featureSubscribed', {
         name: feature?.name ?? ''
       }) ?? `Subscribed to ${feature?.name} successfully!`);
     } catch (error) {
       if (__DEV__) {
         console.error('Feature subscription failed:', error);
       }
-      sonner_1.toast.error(t('premium.toasts.featureSubscribeFailed') || 'Feature subscription failed. Please try again.');
+      toast.error(t('premium.toasts.featureSubscribeFailed') || 'Feature subscription failed. Please try again.');
     } finally {
       setProcessingPayment(false);
     }
   };
   const handleFeatureUnsubscribe = async featureId => {
     const feature = individualFeatures.find(f => f.id === featureId);
-    (0, confirmAction_1.confirmAction)(t('premium.confirms.unsubscribeFeature', {
+    confirmAction(t('premium.confirms.unsubscribeFeature', {
       name: feature?.name ?? ''
     }) ?? `Are you sure you want to unsubscribe from ${feature?.name}?`, async () => {
       try {
@@ -413,11 +430,11 @@ const PremiumSubscriptionScreen = ({
           ...f,
           isSubscribed: false
         } : f));
-        sonner_1.toast.success(t('premium.toasts.featureUnsubscribed', {
+        toast.success(t('premium.toasts.featureUnsubscribed', {
           name: feature?.name ?? ''
         }) ?? `Unsubscribed from ${feature?.name}`);
       } catch (error) {
-        sonner_1.toast.error(t('premium.toasts.featureUnsubscribeFailed') || 'Failed to unsubscribe from feature');
+        toast.error(t('premium.toasts.featureUnsubscribeFailed') || 'Failed to unsubscribe from feature');
       }
     });
   };
@@ -433,26 +450,26 @@ const PremiumSubscriptionScreen = ({
       };
       return appNames[packageName] || packageName;
     };
-    return (0, jsx_runtime_1.jsxs)(react_native_1.View, {
+    return /*#__PURE__*/_jsxs(View, {
       style: [styles.header, {
         borderBottomColor: borderColor
       }],
-      children: [(0, jsx_runtime_1.jsx)(react_native_1.TouchableOpacity, {
+      children: [/*#__PURE__*/_jsx(TouchableOpacity, {
         style: styles.backButton,
         onPress: goBack,
-        children: (0, jsx_runtime_1.jsx)(vector_icons_1.Ionicons, {
+        children: /*#__PURE__*/_jsx(Ionicons, {
           name: "arrow-back",
           size: 24,
           color: textColor
         })
-      }), (0, jsx_runtime_1.jsxs)(react_native_1.View, {
+      }), /*#__PURE__*/_jsxs(View, {
         style: styles.headerTitleContainer,
-        children: [(0, jsx_runtime_1.jsx)(react_native_1.Text, {
+        children: [/*#__PURE__*/_jsx(Text, {
           style: [styles.headerTitle, {
             color: textColor
           }],
           children: t('premium.title') || 'Oxy+ Subscriptions'
-        }), (0, jsx_runtime_1.jsx)(react_native_1.Text, {
+        }), /*#__PURE__*/_jsx(Text, {
           style: [styles.currentAppText, {
             color: isDarkTheme ? '#BBBBBB' : '#666666'
           }],
@@ -460,10 +477,10 @@ const PremiumSubscriptionScreen = ({
             app: getAppDisplayName(currentAppPackage)
           }) || `for ${getAppDisplayName(currentAppPackage)}`
         })]
-      }), onClose && (0, jsx_runtime_1.jsx)(react_native_1.TouchableOpacity, {
+      }), onClose && /*#__PURE__*/_jsx(TouchableOpacity, {
         style: styles.closeButton,
         onPress: onClose,
-        children: (0, jsx_runtime_1.jsx)(vector_icons_1.Ionicons, {
+        children: /*#__PURE__*/_jsx(Ionicons, {
           name: "close",
           size: 24,
           color: textColor
@@ -476,55 +493,55 @@ const PremiumSubscriptionScreen = ({
     const currentPlan = getCurrentPlan();
     if (!currentPlan) return null;
     const statusColor = subscription.status === 'active' ? successColor : subscription.status === 'trialing' ? warningColor : dangerColor;
-    return (0, jsx_runtime_1.jsxs)(react_native_1.View, {
+    return /*#__PURE__*/_jsxs(View, {
       style: styles.section,
-      children: [(0, jsx_runtime_1.jsx)(react_native_1.Text, {
+      children: [/*#__PURE__*/_jsx(Text, {
         style: [styles.sectionTitle, {
           color: textColor
         }],
         children: t('premium.current.title') || 'Current Subscription'
-      }), (0, jsx_runtime_1.jsxs)(react_native_1.View, {
+      }), /*#__PURE__*/_jsxs(View, {
         style: [styles.currentSubscriptionCard, {
           backgroundColor: secondaryBackgroundColor,
           borderColor
         }],
-        children: [(0, jsx_runtime_1.jsxs)(react_native_1.View, {
+        children: [/*#__PURE__*/_jsxs(View, {
           style: styles.subscriptionHeader,
-          children: [(0, jsx_runtime_1.jsxs)(react_native_1.View, {
-            children: [(0, jsx_runtime_1.jsx)(react_native_1.Text, {
+          children: [/*#__PURE__*/_jsxs(View, {
+            children: [/*#__PURE__*/_jsx(Text, {
               style: [styles.planName, {
                 color: textColor
               }],
               children: currentPlan.name
-            }), (0, jsx_runtime_1.jsxs)(react_native_1.Text, {
+            }), /*#__PURE__*/_jsxs(Text, {
               style: [styles.planPrice, {
                 color: primaryColor
               }],
               children: ["$", currentPlan.price, "/month"]
             })]
-          }), (0, jsx_runtime_1.jsx)(react_native_1.View, {
+          }), /*#__PURE__*/_jsx(View, {
             style: [styles.statusBadge, {
               backgroundColor: statusColor
             }],
-            children: (0, jsx_runtime_1.jsx)(react_native_1.Text, {
+            children: /*#__PURE__*/_jsx(Text, {
               style: styles.statusText,
               children: subscription.status.toUpperCase()
             })
           })]
-        }), (0, jsx_runtime_1.jsx)(react_native_1.Text, {
+        }), /*#__PURE__*/_jsx(Text, {
           style: [styles.subscriptionDetail, {
             color: isDarkTheme ? '#BBBBBB' : '#666666'
           }],
           children: t('premium.current.renewsOn', {
             date: new Date(subscription.currentPeriodEnd).toLocaleDateString()
           }) || `Renews on ${new Date(subscription.currentPeriodEnd).toLocaleDateString()}`
-        }), subscription.cancelAtPeriodEnd && (0, jsx_runtime_1.jsxs)(react_native_1.View, {
+        }), subscription.cancelAtPeriodEnd && /*#__PURE__*/_jsxs(View, {
           style: styles.cancelNotice,
-          children: [(0, jsx_runtime_1.jsx)(vector_icons_1.Ionicons, {
+          children: [/*#__PURE__*/_jsx(Ionicons, {
             name: "warning",
             size: 16,
             color: warningColor
-          }), (0, jsx_runtime_1.jsx)(react_native_1.Text, {
+          }), /*#__PURE__*/_jsx(Text, {
             style: [styles.cancelText, {
               color: warningColor
             }],
@@ -532,31 +549,31 @@ const PremiumSubscriptionScreen = ({
               date: new Date(subscription.currentPeriodEnd).toLocaleDateString()
             }) || `Subscription will cancel on ${new Date(subscription.currentPeriodEnd).toLocaleDateString()}`
           })]
-        }), (0, jsx_runtime_1.jsxs)(react_native_1.View, {
+        }), /*#__PURE__*/_jsxs(View, {
           style: styles.subscriptionActions,
-          children: [subscription.cancelAtPeriodEnd ? (0, jsx_runtime_1.jsx)(react_native_1.TouchableOpacity, {
+          children: [subscription.cancelAtPeriodEnd ? /*#__PURE__*/_jsx(TouchableOpacity, {
             style: [styles.actionButton, {
               backgroundColor: successColor
             }],
             onPress: handleReactivateSubscription,
-            children: (0, jsx_runtime_1.jsx)(react_native_1.Text, {
+            children: /*#__PURE__*/_jsx(Text, {
               style: styles.actionButtonText,
               children: t('premium.actions.reactivate') || 'Reactivate'
             })
-          }) : (0, jsx_runtime_1.jsx)(react_native_1.TouchableOpacity, {
+          }) : /*#__PURE__*/_jsx(TouchableOpacity, {
             style: [styles.actionButton, {
               backgroundColor: dangerColor
             }],
             onPress: handleCancelSubscription,
-            children: (0, jsx_runtime_1.jsx)(react_native_1.Text, {
+            children: /*#__PURE__*/_jsx(Text, {
               style: styles.actionButtonText,
               children: t('premium.actions.cancelSubBtn') || 'Cancel Subscription'
             })
-          }), (0, jsx_runtime_1.jsx)(react_native_1.TouchableOpacity, {
+          }), /*#__PURE__*/_jsx(TouchableOpacity, {
             style: [styles.actionButton, styles.secondaryButton, {
               borderColor
             }],
-            children: (0, jsx_runtime_1.jsx)(react_native_1.Text, {
+            children: /*#__PURE__*/_jsx(Text, {
               style: [styles.actionButtonText, {
                 color: textColor
               }],
@@ -567,34 +584,34 @@ const PremiumSubscriptionScreen = ({
       })]
     });
   };
-  const renderBillingToggle = () => (0, jsx_runtime_1.jsxs)(react_native_1.View, {
+  const renderBillingToggle = () => /*#__PURE__*/_jsxs(View, {
     style: styles.section,
-    children: [(0, jsx_runtime_1.jsxs)(react_native_1.View, {
+    children: [/*#__PURE__*/_jsxs(View, {
       style: styles.billingToggle,
-      children: [(0, jsx_runtime_1.jsx)(react_native_1.TouchableOpacity, {
+      children: [/*#__PURE__*/_jsx(TouchableOpacity, {
         style: [styles.billingOption, billingInterval === 'month' && {
           backgroundColor: primaryColor
         }],
         onPress: () => setBillingInterval('month'),
-        children: (0, jsx_runtime_1.jsx)(react_native_1.Text, {
+        children: /*#__PURE__*/_jsx(Text, {
           style: [styles.billingOptionText, {
             color: billingInterval === 'month' ? '#FFFFFF' : textColor
           }],
           children: t('premium.billing.monthly') || 'Monthly'
         })
-      }), (0, jsx_runtime_1.jsx)(react_native_1.TouchableOpacity, {
+      }), /*#__PURE__*/_jsx(TouchableOpacity, {
         style: [styles.billingOption, billingInterval === 'year' && {
           backgroundColor: primaryColor
         }],
         onPress: () => setBillingInterval('year'),
-        children: (0, jsx_runtime_1.jsx)(react_native_1.Text, {
+        children: /*#__PURE__*/_jsx(Text, {
           style: [styles.billingOptionText, {
             color: billingInterval === 'year' ? '#FFFFFF' : textColor
           }],
           children: t('premium.billing.yearly') || 'Yearly'
         })
       })]
-    }), billingInterval === 'year' && (0, jsx_runtime_1.jsx)(react_native_1.Text, {
+    }), billingInterval === 'year' && /*#__PURE__*/_jsx(Text, {
       style: [styles.savingsText, {
         color: successColor
       }],
@@ -637,7 +654,7 @@ const PremiumSubscriptionScreen = ({
       };
     };
     const availability = getAvailabilityStatus();
-    return (0, jsx_runtime_1.jsxs)(react_native_1.View, {
+    return /*#__PURE__*/_jsxs(View, {
       style: [styles.planCard, {
         backgroundColor: secondaryBackgroundColor,
         borderColor
@@ -647,53 +664,53 @@ const PremiumSubscriptionScreen = ({
       }, plan.isPopular && styles.popularPlan, !availability.available && {
         opacity: 0.6
       }],
-      children: [plan.isPopular && (0, jsx_runtime_1.jsx)(react_native_1.View, {
+      children: [plan.isPopular && /*#__PURE__*/_jsx(View, {
         style: [styles.popularBadge, {
           backgroundColor: primaryColor
         }],
-        children: (0, jsx_runtime_1.jsx)(react_native_1.Text, {
+        children: /*#__PURE__*/_jsx(Text, {
           style: styles.popularText,
           children: "MOST POPULAR"
         })
-      }), isAppSpecific && (0, jsx_runtime_1.jsx)(react_native_1.View, {
+      }), isAppSpecific && /*#__PURE__*/_jsx(View, {
         style: [styles.appSpecificBadge, {
           backgroundColor: isAvailableForCurrentApp ? successColor : warningColor
         }],
-        children: (0, jsx_runtime_1.jsx)(react_native_1.Text, {
+        children: /*#__PURE__*/_jsx(Text, {
           style: styles.appSpecificText,
           children: isAvailableForCurrentApp ? t('premium.plan.badge.appExclusive') || 'App Exclusive' : t('premium.plan.badge.notAvailable') || 'Not Available'
         })
-      }), (0, jsx_runtime_1.jsxs)(react_native_1.View, {
+      }), /*#__PURE__*/_jsxs(View, {
         style: styles.planHeader,
-        children: [(0, jsx_runtime_1.jsx)(react_native_1.Text, {
+        children: [/*#__PURE__*/_jsx(Text, {
           style: [styles.planName, {
             color: textColor
           }],
           children: plan.name
-        }), (0, jsx_runtime_1.jsx)(react_native_1.Text, {
+        }), /*#__PURE__*/_jsx(Text, {
           style: [styles.planDescription, {
             color: isDarkTheme ? '#BBBBBB' : '#666666'
           }],
           children: plan.description
-        }), (0, jsx_runtime_1.jsx)(react_native_1.Text, {
+        }), /*#__PURE__*/_jsx(Text, {
           style: [styles.planAppScope, {
             color: isDarkTheme ? '#888888' : '#999999'
           }],
           children: getAppScopeText()
-        }), !availability.available && (0, jsx_runtime_1.jsx)(react_native_1.Text, {
+        }), !availability.available && /*#__PURE__*/_jsx(Text, {
           style: [styles.planRestrictionText, {
             color: dangerColor
           }],
           children: availability.reason
         })]
-      }), (0, jsx_runtime_1.jsxs)(react_native_1.View, {
+      }), /*#__PURE__*/_jsxs(View, {
         style: styles.planPricing,
-        children: [(0, jsx_runtime_1.jsx)(react_native_1.Text, {
+        children: [/*#__PURE__*/_jsx(Text, {
           style: [styles.planPrice, {
             color: textColor
           }],
           children: pricing.formatted
-        }), (0, jsx_runtime_1.jsx)(react_native_1.Text, {
+        }), /*#__PURE__*/_jsx(Text, {
           style: [styles.planInterval, {
             color: isDarkTheme ? '#BBBBBB' : '#666666'
           }],
@@ -701,49 +718,49 @@ const PremiumSubscriptionScreen = ({
             interval: pricing.interval
           }) || `per ${pricing.interval}`
         })]
-      }), (0, jsx_runtime_1.jsx)(react_native_1.View, {
+      }), /*#__PURE__*/_jsx(View, {
         style: styles.planFeatures,
-        children: plan.features.map((feature, index) => (0, jsx_runtime_1.jsxs)(react_native_1.View, {
+        children: plan.features.map((feature, index) => /*#__PURE__*/_jsxs(View, {
           style: styles.featureItem,
-          children: [(0, jsx_runtime_1.jsx)(vector_icons_1.Ionicons, {
+          children: [/*#__PURE__*/_jsx(Ionicons, {
             name: "checkmark",
             size: 16,
             color: successColor
-          }), (0, jsx_runtime_1.jsx)(react_native_1.Text, {
+          }), /*#__PURE__*/_jsx(Text, {
             style: [styles.featureText, {
               color: textColor
             }],
             children: feature
           })]
         }, index))
-      }), isCurrentPlan ? (0, jsx_runtime_1.jsx)(react_native_1.View, {
+      }), isCurrentPlan ? /*#__PURE__*/_jsx(View, {
         style: [styles.currentPlanButton, {
           backgroundColor: successColor
         }],
-        children: (0, jsx_runtime_1.jsx)(react_native_1.Text, {
+        children: /*#__PURE__*/_jsx(Text, {
           style: styles.currentPlanText,
           children: t('premium.plan.current') || 'Current Plan'
         })
-      }) : !availability.available ? (0, jsx_runtime_1.jsx)(react_native_1.View, {
+      }) : !availability.available ? /*#__PURE__*/_jsx(View, {
         style: [styles.unavailablePlanButton, {
           backgroundColor: isDarkTheme ? '#444444' : '#E0E0E0'
         }],
-        children: (0, jsx_runtime_1.jsx)(react_native_1.Text, {
+        children: /*#__PURE__*/_jsx(Text, {
           style: [styles.unavailablePlanText, {
             color: isDarkTheme ? '#888888' : '#999999'
           }],
           children: t('premium.plan.notAvailableInApp') || 'Not Available in Current App'
         })
-      }) : (0, jsx_runtime_1.jsx)(react_native_1.TouchableOpacity, {
+      }) : /*#__PURE__*/_jsx(TouchableOpacity, {
         style: [styles.selectPlanButton, {
           backgroundColor: plan.isPopular ? primaryColor : borderColor
         }],
         onPress: () => handleSubscribe(plan.id),
         disabled: processingPayment,
-        children: processingPayment ? (0, jsx_runtime_1.jsx)(react_native_1.ActivityIndicator, {
+        children: processingPayment ? /*#__PURE__*/_jsx(ActivityIndicator, {
           color: "#FFFFFF",
           size: "small"
-        }) : (0, jsx_runtime_1.jsx)(react_native_1.Text, {
+        }) : /*#__PURE__*/_jsx(Text, {
           style: [styles.selectPlanText, {
             color: plan.isPopular ? '#FFFFFF' : textColor
           }],
@@ -754,31 +771,31 @@ const PremiumSubscriptionScreen = ({
       })]
     }, plan.id);
   };
-  const renderTabNavigation = () => (0, jsx_runtime_1.jsx)(react_native_1.View, {
+  const renderTabNavigation = () => /*#__PURE__*/_jsx(View, {
     style: styles.section,
-    children: (0, jsx_runtime_1.jsxs)(react_native_1.View, {
+    children: /*#__PURE__*/_jsxs(View, {
       style: [styles.tabContainer, {
         borderBottomColor: borderColor
       }],
-      children: [(0, jsx_runtime_1.jsx)(react_native_1.TouchableOpacity, {
+      children: [/*#__PURE__*/_jsx(TouchableOpacity, {
         style: [styles.tab, activeTab === 'plans' && {
           borderBottomColor: primaryColor,
           borderBottomWidth: 2
         }],
         onPress: () => setActiveTab('plans'),
-        children: (0, jsx_runtime_1.jsx)(react_native_1.Text, {
+        children: /*#__PURE__*/_jsx(Text, {
           style: [styles.tabText, {
             color: activeTab === 'plans' ? primaryColor : textColor
           }],
           children: t('premium.tabs.plans') || 'Full Plans'
         })
-      }), (0, jsx_runtime_1.jsx)(react_native_1.TouchableOpacity, {
+      }), /*#__PURE__*/_jsx(TouchableOpacity, {
         style: [styles.tab, activeTab === 'features' && {
           borderBottomColor: primaryColor,
           borderBottomWidth: 2
         }],
         onPress: () => setActiveTab('features'),
-        children: (0, jsx_runtime_1.jsx)(react_native_1.Text, {
+        children: /*#__PURE__*/_jsx(Text, {
           style: [styles.tabText, {
             color: activeTab === 'features' ? primaryColor : textColor
           }],
@@ -832,7 +849,7 @@ const PremiumSubscriptionScreen = ({
         apps: feature.applicableApps.join(', ')
       }) || `Available in: ${feature.applicableApps.join(', ')}`;
     };
-    return (0, jsx_runtime_1.jsxs)(react_native_1.View, {
+    return /*#__PURE__*/_jsxs(View, {
       style: [styles.featureCard, {
         backgroundColor: secondaryBackgroundColor,
         borderColor
@@ -843,53 +860,53 @@ const PremiumSubscriptionScreen = ({
         borderColor: primaryColor,
         borderWidth: 2
       }],
-      children: [(0, jsx_runtime_1.jsxs)(react_native_1.View, {
+      children: [/*#__PURE__*/_jsxs(View, {
         style: styles.featureHeader,
-        children: [(0, jsx_runtime_1.jsx)(react_native_1.View, {
+        children: [/*#__PURE__*/_jsx(View, {
           style: styles.featureIconContainer,
-          children: (0, jsx_runtime_1.jsx)(vector_icons_1.Ionicons, {
+          children: /*#__PURE__*/_jsx(Ionicons, {
             name: getCategoryIcon(feature.category),
             size: 24,
             color: getCategoryColor(feature.category)
           })
-        }), (0, jsx_runtime_1.jsxs)(react_native_1.View, {
+        }), /*#__PURE__*/_jsxs(View, {
           style: styles.featureInfo,
-          children: [(0, jsx_runtime_1.jsxs)(react_native_1.View, {
+          children: [/*#__PURE__*/_jsxs(View, {
             style: styles.featureNameRow,
-            children: [(0, jsx_runtime_1.jsx)(react_native_1.Text, {
+            children: [/*#__PURE__*/_jsx(Text, {
               style: [styles.featureName, {
                 color: textColor
               }],
               children: feature.name
-            }), isIncludedInCurrentPlan && (0, jsx_runtime_1.jsx)(react_native_1.View, {
+            }), isIncludedInCurrentPlan && /*#__PURE__*/_jsx(View, {
               style: [styles.includedBadge, {
                 backgroundColor: primaryColor
               }],
-              children: (0, jsx_runtime_1.jsx)(react_native_1.Text, {
+              children: /*#__PURE__*/_jsx(Text, {
                 style: styles.includedBadgeText,
                 children: "Included"
               })
             })]
-          }), (0, jsx_runtime_1.jsx)(react_native_1.Text, {
+          }), /*#__PURE__*/_jsx(Text, {
             style: [styles.featureDescription, {
               color: isDarkTheme ? '#BBBBBB' : '#666666'
             }],
             children: feature.description
-          }), (0, jsx_runtime_1.jsx)(react_native_1.Text, {
+          }), /*#__PURE__*/_jsx(Text, {
             style: [styles.appScopeText, {
               color: isDarkTheme ? '#888888' : '#999999'
             }],
             children: getAppScopeText()
           })]
         })]
-      }), !isIncludedInCurrentPlan && (0, jsx_runtime_1.jsxs)(react_native_1.View, {
+      }), !isIncludedInCurrentPlan && /*#__PURE__*/_jsxs(View, {
         style: styles.featurePricing,
-        children: [(0, jsx_runtime_1.jsx)(react_native_1.Text, {
+        children: [/*#__PURE__*/_jsx(Text, {
           style: [styles.featurePrice, {
             color: textColor
           }],
           children: pricing.formatted
-        }), (0, jsx_runtime_1.jsx)(react_native_1.Text, {
+        }), /*#__PURE__*/_jsx(Text, {
           style: [styles.featureInterval, {
             color: isDarkTheme ? '#BBBBBB' : '#666666'
           }],
@@ -897,62 +914,62 @@ const PremiumSubscriptionScreen = ({
             interval: pricing.interval
           }) || `per ${pricing.interval}`
         })]
-      }), isIncludedInCurrentPlan ? (0, jsx_runtime_1.jsxs)(react_native_1.View, {
+      }), isIncludedInCurrentPlan ? /*#__PURE__*/_jsxs(View, {
         style: [styles.includedInPlanButton, {
           backgroundColor: primaryColor
         }],
-        children: [(0, jsx_runtime_1.jsx)(vector_icons_1.Ionicons, {
+        children: [/*#__PURE__*/_jsx(Ionicons, {
           name: "checkmark-circle",
           size: 16,
           color: "#FFFFFF"
-        }), (0, jsx_runtime_1.jsx)(react_native_1.Text, {
+        }), /*#__PURE__*/_jsx(Text, {
           style: styles.includedInPlanText,
           children: t('premium.feature.includedInPlan') || 'Included in your plan'
         })]
-      }) : isSubscribed ? (0, jsx_runtime_1.jsxs)(react_native_1.View, {
+      }) : isSubscribed ? /*#__PURE__*/_jsxs(View, {
         style: styles.featureActions,
-        children: [(0, jsx_runtime_1.jsxs)(react_native_1.View, {
+        children: [/*#__PURE__*/_jsxs(View, {
           style: [styles.subscribedButton, {
             backgroundColor: successColor
           }],
-          children: [(0, jsx_runtime_1.jsx)(vector_icons_1.Ionicons, {
+          children: [/*#__PURE__*/_jsx(Ionicons, {
             name: "checkmark",
             size: 16,
             color: "#FFFFFF"
-          }), (0, jsx_runtime_1.jsx)(react_native_1.Text, {
+          }), /*#__PURE__*/_jsx(Text, {
             style: styles.subscribedText,
             children: t('premium.feature.subscribed') || 'Subscribed'
           })]
-        }), (0, jsx_runtime_1.jsx)(react_native_1.TouchableOpacity, {
+        }), /*#__PURE__*/_jsx(TouchableOpacity, {
           style: [styles.unsubscribeButton, {
             borderColor: dangerColor
           }],
           onPress: () => handleFeatureUnsubscribe(feature.id),
-          children: (0, jsx_runtime_1.jsx)(react_native_1.Text, {
+          children: /*#__PURE__*/_jsx(Text, {
             style: [styles.unsubscribeText, {
               color: dangerColor
             }],
             children: t('premium.actions.unsubscribe') || 'Unsubscribe'
           })
         })]
-      }) : canPurchase ? (0, jsx_runtime_1.jsx)(react_native_1.TouchableOpacity, {
+      }) : canPurchase ? /*#__PURE__*/_jsx(TouchableOpacity, {
         style: [styles.subscribeFeatureButton, {
           backgroundColor: primaryColor
         }],
         onPress: () => handleFeatureSubscribe(feature.id),
         disabled: processingPayment,
-        children: processingPayment ? (0, jsx_runtime_1.jsx)(react_native_1.ActivityIndicator, {
+        children: processingPayment ? /*#__PURE__*/_jsx(ActivityIndicator, {
           color: "#FFFFFF",
           size: "small"
-        }) : (0, jsx_runtime_1.jsx)(react_native_1.Text, {
+        }) : /*#__PURE__*/_jsx(Text, {
           style: styles.subscribeFeatureText,
           children: t('premium.actions.subscribe') || 'Subscribe'
         })
-      }) : (0, jsx_runtime_1.jsx)(react_native_1.View, {
+      }) : /*#__PURE__*/_jsx(View, {
         style: [styles.unavailableButton, {
           backgroundColor: isDarkTheme ? '#444444' : '#E0E0E0'
         }],
-        children: (0, jsx_runtime_1.jsx)(react_native_1.Text, {
+        children: /*#__PURE__*/_jsx(Text, {
           style: [styles.unavailableText, {
             color: isDarkTheme ? '#888888' : '#999999'
           }],
@@ -963,14 +980,14 @@ const PremiumSubscriptionScreen = ({
   };
   const renderIndividualFeatures = () => {
     const categories = ['analytics', 'customization', 'content', 'networking', 'productivity'];
-    return (0, jsx_runtime_1.jsxs)(react_native_1.View, {
+    return /*#__PURE__*/_jsxs(View, {
       style: styles.section,
-      children: [(0, jsx_runtime_1.jsx)(react_native_1.Text, {
+      children: [/*#__PURE__*/_jsx(Text, {
         style: [styles.sectionTitle, {
           color: textColor
         }],
         children: "Individual Features"
-      }), (0, jsx_runtime_1.jsx)(react_native_1.Text, {
+      }), /*#__PURE__*/_jsx(Text, {
         style: [styles.sectionSubtitle, {
           color: isDarkTheme ? '#BBBBBB' : '#666666'
         }],
@@ -978,9 +995,9 @@ const PremiumSubscriptionScreen = ({
       }), categories.map(category => {
         const categoryFeatures = individualFeatures.filter(f => f.category === category);
         if (categoryFeatures.length === 0) return null;
-        return (0, jsx_runtime_1.jsxs)(react_native_1.View, {
+        return /*#__PURE__*/_jsxs(View, {
           style: styles.categorySection,
-          children: [(0, jsx_runtime_1.jsx)(react_native_1.Text, {
+          children: [/*#__PURE__*/_jsx(Text, {
             style: [styles.categoryTitle, {
               color: textColor
             }],
@@ -990,27 +1007,29 @@ const PremiumSubscriptionScreen = ({
       })]
     });
   };
+
   // Add this for testing different app contexts (remove in production)
-  const [showAppSwitcher, setShowAppSwitcher] = (0, react_1.useState)(__DEV__); // Only show in development
+  const [showAppSwitcher, setShowAppSwitcher] = useState(__DEV__); // Only show in development
+
   const renderAppSwitcher = () => {
     if (!showAppSwitcher) return null;
     const testApps = ['mention', 'oxy-social', 'oxy-workspace', 'oxy-creator'];
-    return (0, jsx_runtime_1.jsxs)(react_native_1.View, {
+    return /*#__PURE__*/_jsxs(View, {
       style: [styles.appSwitcher, {
         backgroundColor: isDarkTheme ? '#333333' : '#F0F0F0',
         borderColor
       }],
-      children: [(0, jsx_runtime_1.jsx)(react_native_1.Text, {
+      children: [/*#__PURE__*/_jsx(Text, {
         style: [styles.appSwitcherTitle, {
           color: textColor
         }],
         children: "\uD83E\uDDEA Test App Context (Dev Only)"
-      }), (0, jsx_runtime_1.jsx)(react_native_1.ScrollView, {
+      }), /*#__PURE__*/_jsx(ScrollView, {
         horizontal: true,
         showsHorizontalScrollIndicator: false,
-        children: (0, jsx_runtime_1.jsx)(react_native_1.View, {
+        children: /*#__PURE__*/_jsx(View, {
           style: styles.appSwitcherButtons,
-          children: testApps.map(app => (0, jsx_runtime_1.jsx)(react_native_1.TouchableOpacity, {
+          children: testApps.map(app => /*#__PURE__*/_jsx(TouchableOpacity, {
             style: [styles.appSwitcherButton, {
               backgroundColor: currentAppPackage === app ? primaryColor : 'transparent',
               borderColor: primaryColor
@@ -1018,7 +1037,7 @@ const PremiumSubscriptionScreen = ({
             onPress: () => {
               setCurrentAppPackage(app);
             },
-            children: (0, jsx_runtime_1.jsx)(react_native_1.Text, {
+            children: /*#__PURE__*/_jsx(Text, {
               style: [styles.appSwitcherButtonText, {
                 color: currentAppPackage === app ? '#FFFFFF' : textColor
               }],
@@ -1030,15 +1049,15 @@ const PremiumSubscriptionScreen = ({
     });
   };
   if (loading) {
-    return (0, jsx_runtime_1.jsxs)(react_native_1.View, {
+    return /*#__PURE__*/_jsxs(View, {
       style: [styles.container, {
         backgroundColor,
         justifyContent: 'center'
       }],
-      children: [(0, jsx_runtime_1.jsx)(react_native_1.ActivityIndicator, {
+      children: [/*#__PURE__*/_jsx(ActivityIndicator, {
         size: "large",
         color: primaryColor
-      }), (0, jsx_runtime_1.jsx)(react_native_1.Text, {
+      }), /*#__PURE__*/_jsx(Text, {
         style: [styles.loadingText, {
           color: textColor
         }],
@@ -1046,100 +1065,100 @@ const PremiumSubscriptionScreen = ({
       })]
     });
   }
-  return (0, jsx_runtime_1.jsxs)(react_native_1.View, {
+  return /*#__PURE__*/_jsxs(View, {
     style: [styles.container, {
       backgroundColor
     }],
-    children: [renderHeader(), renderAppSwitcher(), (0, jsx_runtime_1.jsxs)(react_native_1.ScrollView, {
+    children: [renderHeader(), renderAppSwitcher(), /*#__PURE__*/_jsxs(ScrollView, {
       style: styles.content,
       showsVerticalScrollIndicator: false,
-      children: [subscription && renderCurrentSubscription(), !subscription && (0, jsx_runtime_1.jsxs)(react_native_1.View, {
+      children: [subscription && renderCurrentSubscription(), !subscription && /*#__PURE__*/_jsxs(View, {
         style: styles.section,
-        children: [(0, jsx_runtime_1.jsx)(react_native_1.Text, {
+        children: [/*#__PURE__*/_jsx(Text, {
           style: [styles.sectionTitle, {
             color: textColor
           }],
           children: t('premium.choosePlan') || 'Choose Your Plan'
-        }), (0, jsx_runtime_1.jsx)(react_native_1.Text, {
+        }), /*#__PURE__*/_jsx(Text, {
           style: [styles.sectionSubtitle, {
             color: isDarkTheme ? '#BBBBBB' : '#666666'
           }],
           children: t('premium.choosePlanSubtitle') || 'Unlock premium features and take your experience to the next level'
         })]
-      }), !subscription && renderTabNavigation(), !subscription && activeTab === 'plans' && renderBillingToggle(), activeTab === 'plans' ? (0, jsx_runtime_1.jsxs)(react_native_1.View, {
+      }), !subscription && renderTabNavigation(), !subscription && activeTab === 'plans' && renderBillingToggle(), activeTab === 'plans' ? /*#__PURE__*/_jsxs(View, {
         style: styles.section,
-        children: [!subscription && (0, jsx_runtime_1.jsx)(react_native_1.Text, {
+        children: [!subscription && /*#__PURE__*/_jsx(Text, {
           style: [styles.sectionTitle, {
             color: textColor
           }],
           children: t('premium.availablePlans') || 'Available Plans'
         }), plans.map(renderPlanCard)]
-      }) : renderIndividualFeatures(), (0, jsx_runtime_1.jsxs)(react_native_1.View, {
+      }) : renderIndividualFeatures(), /*#__PURE__*/_jsxs(View, {
         style: styles.section,
-        children: [(0, jsx_runtime_1.jsx)(react_native_1.Text, {
+        children: [/*#__PURE__*/_jsx(Text, {
           style: [styles.sectionTitle, {
             color: textColor
           }],
           children: t('premium.why') || 'Why Go Premium?'
-        }), (0, jsx_runtime_1.jsxs)(react_native_1.View, {
+        }), /*#__PURE__*/_jsxs(View, {
           style: [styles.benefitsCard, {
             backgroundColor: secondaryBackgroundColor,
             borderColor
           }],
-          children: [(0, jsx_runtime_1.jsxs)(react_native_1.View, {
+          children: [/*#__PURE__*/_jsxs(View, {
             style: styles.benefitItem,
-            children: [(0, jsx_runtime_1.jsx)(vector_icons_1.Ionicons, {
+            children: [/*#__PURE__*/_jsx(Ionicons, {
               name: "flash",
               size: 24,
               color: primaryColor
-            }), (0, jsx_runtime_1.jsxs)(react_native_1.View, {
+            }), /*#__PURE__*/_jsxs(View, {
               style: styles.benefitContent,
-              children: [(0, jsx_runtime_1.jsx)(react_native_1.Text, {
+              children: [/*#__PURE__*/_jsx(Text, {
                 style: [styles.benefitTitle, {
                   color: textColor
                 }],
                 children: t('premium.benefits.performance.title') || 'Enhanced Performance'
-              }), (0, jsx_runtime_1.jsx)(react_native_1.Text, {
+              }), /*#__PURE__*/_jsx(Text, {
                 style: [styles.benefitDescription, {
                   color: isDarkTheme ? '#BBBBBB' : '#666666'
                 }],
                 children: t('premium.benefits.performance.desc') || 'Faster processing and priority access to our servers'
               })]
             })]
-          }), (0, jsx_runtime_1.jsxs)(react_native_1.View, {
+          }), /*#__PURE__*/_jsxs(View, {
             style: styles.benefitItem,
-            children: [(0, jsx_runtime_1.jsx)(vector_icons_1.Ionicons, {
+            children: [/*#__PURE__*/_jsx(Ionicons, {
               name: "shield-checkmark",
               size: 24,
               color: successColor
-            }), (0, jsx_runtime_1.jsxs)(react_native_1.View, {
+            }), /*#__PURE__*/_jsxs(View, {
               style: styles.benefitContent,
-              children: [(0, jsx_runtime_1.jsx)(react_native_1.Text, {
+              children: [/*#__PURE__*/_jsx(Text, {
                 style: [styles.benefitTitle, {
                   color: textColor
                 }],
                 children: t('premium.benefits.security.title') || 'Advanced Security'
-              }), (0, jsx_runtime_1.jsx)(react_native_1.Text, {
+              }), /*#__PURE__*/_jsx(Text, {
                 style: [styles.benefitDescription, {
                   color: isDarkTheme ? '#BBBBBB' : '#666666'
                 }],
                 children: t('premium.benefits.security.desc') || 'Enhanced encryption and security features'
               })]
             })]
-          }), (0, jsx_runtime_1.jsxs)(react_native_1.View, {
+          }), /*#__PURE__*/_jsxs(View, {
             style: styles.benefitItem,
-            children: [(0, jsx_runtime_1.jsx)(vector_icons_1.Ionicons, {
+            children: [/*#__PURE__*/_jsx(Ionicons, {
               name: "headset",
               size: 24,
               color: warningColor
-            }), (0, jsx_runtime_1.jsxs)(react_native_1.View, {
+            }), /*#__PURE__*/_jsxs(View, {
               style: styles.benefitContent,
-              children: [(0, jsx_runtime_1.jsx)(react_native_1.Text, {
+              children: [/*#__PURE__*/_jsx(Text, {
                 style: [styles.benefitTitle, {
                   color: textColor
                 }],
                 children: t('premium.benefits.support.title') || 'Priority Support'
-              }), (0, jsx_runtime_1.jsx)(react_native_1.Text, {
+              }), /*#__PURE__*/_jsx(Text, {
                 style: [styles.benefitDescription, {
                   color: isDarkTheme ? '#BBBBBB' : '#666666'
                 }],
@@ -1148,13 +1167,13 @@ const PremiumSubscriptionScreen = ({
             })]
           })]
         })]
-      }), (0, jsx_runtime_1.jsx)(react_native_1.View, {
+      }), /*#__PURE__*/_jsx(View, {
         style: styles.bottomSpacing
       })]
     })]
   });
 };
-const styles = react_native_1.StyleSheet.create({
+const styles = StyleSheet.create({
   container: {
     flex: 1
   },
@@ -1173,7 +1192,7 @@ const styles = react_native_1.StyleSheet.create({
   headerTitle: {
     fontSize: 20,
     fontWeight: '600',
-    fontFamily: fonts_1.fontFamilies.interSemiBold
+    fontFamily: fontFamilies.interSemiBold
   },
   headerTitleContainer: {
     flex: 1,
@@ -1196,7 +1215,7 @@ const styles = react_native_1.StyleSheet.create({
   sectionTitle: {
     fontSize: 24,
     fontWeight: 'bold',
-    fontFamily: fonts_1.fontFamilies.interBold,
+    fontFamily: fontFamilies.interBold,
     marginBottom: 8
   },
   sectionSubtitle: {
@@ -1618,5 +1637,5 @@ const styles = react_native_1.StyleSheet.create({
     fontWeight: '500'
   }
 });
-exports.default = PremiumSubscriptionScreen;
+export default PremiumSubscriptionScreen;
 //# sourceMappingURL=PremiumSubscriptionScreen.js.map