@oxyhq/services 6.9.13 → 6.9.15

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

@@ -3,19 +3,18 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
-var _react = require("react");
-var _reactNative = require("react-native");
-var _fonts = require("../styles/fonts.js");
-var _sonner = require("../../lib/sonner");
-var _confirmAction = require("../utils/confirmAction.js");
-var _vectorIcons = require("@expo/vector-icons");
-var _useI18n = require("../hooks/useI18n.js");
-var _useThemeStyles = require("../hooks/useThemeStyles.js");
-var _themeUtils = require("../utils/themeUtils.js");
-var _useColorScheme = require("../hooks/useColorScheme.js");
-var _OxyContext = require("../context/OxyContext.js");
-var _jsxRuntime = require("react/jsx-runtime");
+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");
 const PremiumSubscriptionScreen = ({
   onClose,
   theme,
@@ -26,23 +25,22 @@ const PremiumSubscriptionScreen = ({
   const {
     user,
     oxyServices
-  } = (0, _OxyContext.useOxy)();
-  const [loading, setLoading] = (0, _react.useState)(true);
-  const [subscription, setSubscription] = (0, _react.useState)(null);
-  const [plans, setPlans] = (0, _react.useState)([]);
-  const [individualFeatures, setIndividualFeatures] = (0, _react.useState)([]);
-  const [selectedPlan, setSelectedPlan] = (0, _react.useState)(null);
-  const [processingPayment, setProcessingPayment] = (0, _react.useState)(false);
-  const [billingInterval, setBillingInterval] = (0, _react.useState)('month');
-  const [activeTab, setActiveTab] = (0, _react.useState)('plans');
-  const [currentAppPackage, setCurrentAppPackage] = (0, _react.useState)('mention'); // Default to mention for demo
-
+  } = (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
   const {
     t
-  } = (0, _useI18n.useI18n)();
-  const colorScheme = (0, _useColorScheme.useColorScheme)();
-  const normalizedTheme = (0, _themeUtils.normalizeTheme)(theme);
-  const themeStyles = (0, _useThemeStyles.useThemeStyles)(normalizedTheme, colorScheme);
+  } = (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);
   // Extract commonly used colors for readability
   const {
     textColor,
@@ -55,7 +53,6 @@ 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
@@ -117,7 +114,6 @@ 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',
@@ -218,10 +214,10 @@ const PremiumSubscriptionScreen = ({
     canBePurchasedSeparately: true,
     includedInPlans: ['oxy-premium', 'oxy-creator']
   }];
-  (0, _react.useEffect)(() => {
+  (0, react_1.useEffect)(() => {
     detectCurrentApp();
   }, []);
-  (0, _react.useEffect)(() => {
+  (0, react_1.useEffect)(() => {
     if (currentAppPackage) {
       loadSubscriptionData();
     }
@@ -229,43 +225,33 @@ 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) {
@@ -279,7 +265,6 @@ 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 => {
@@ -295,7 +280,7 @@ const PremiumSubscriptionScreen = ({
       if (__DEV__) {
         console.error('Failed to load subscription data:', error);
       }
-      _sonner.toast.error('Failed to load subscription information');
+      sonner_1.toast.error('Failed to load subscription information');
     } finally {
       setLoading(false);
     }
@@ -308,23 +293,20 @@ const PremiumSubscriptionScreen = ({
       // Check if plan is available for current app
       const selectedPlan = mockPlans.find(plan => plan.id === planId);
       if (!selectedPlan?.applicableApps.includes(currentAppPackage)) {
-        _sonner.toast.error(t('premium.toasts.planUnavailable', {
+        sonner_1.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.toast.error(t('premium.toasts.mentionOnly') || 'Mention+ is only available in the Mention app');
+        sonner_1.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.toast.success(t('premium.toasts.activated') || 'Subscription activated successfully!');
-
+      sonner_1.toast.success(t('premium.toasts.activated') || 'Subscription activated successfully!');
       // Mock subscription update
       setSubscription({
         id: `sub_${Date.now()}`,
@@ -334,29 +316,28 @@ 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.toast.error(t('premium.toasts.paymentFailed') || 'Payment failed. Please try again.');
+      sonner_1.toast.error(t('premium.toasts.paymentFailed') || 'Payment failed. Please try again.');
     } finally {
       setProcessingPayment(false);
     }
   };
   const handleCancelSubscription = () => {
-    (0, _confirmAction.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 () => {
+    (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 () => {
       try {
         // Mock cancellation
         setSubscription(prev => prev ? {
           ...prev,
           cancelAtPeriodEnd: true
         } : null);
-        _sonner.toast.success(t('premium.toasts.willCancel') || 'Subscription will be canceled at the end of the billing period');
+        sonner_1.toast.success(t('premium.toasts.willCancel') || 'Subscription will be canceled at the end of the billing period');
       } catch (error) {
-        _sonner.toast.error(t('premium.toasts.cancelFailed') || 'Failed to cancel subscription');
+        sonner_1.toast.error(t('premium.toasts.cancelFailed') || 'Failed to cancel subscription');
       }
     });
   };
@@ -366,9 +347,9 @@ const PremiumSubscriptionScreen = ({
         ...prev,
         cancelAtPeriodEnd: false
       } : null);
-      _sonner.toast.success(t('premium.toasts.reactivated') || 'Subscription reactivated successfully');
+      sonner_1.toast.success(t('premium.toasts.reactivated') || 'Subscription reactivated successfully');
     } catch (error) {
-      _sonner.toast.error(t('premium.toasts.reactivateFailed') || 'Failed to reactivate subscription');
+      sonner_1.toast.error(t('premium.toasts.reactivateFailed') || 'Failed to reactivate subscription');
     }
   };
   const formatPrice = (price, currency, interval) => {
@@ -389,22 +370,20 @@ const PremiumSubscriptionScreen = ({
       // Check if feature is available for current app
       const selectedFeature = mockIndividualFeatures.find(feature => feature.id === featureId);
       if (!selectedFeature?.applicableApps.includes(currentAppPackage)) {
-        _sonner.toast.error(`This feature is not available for the current app (${currentAppPackage})`);
+        sonner_1.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.toast.error(`${selectedFeature.name} is only available in the ${requiredApp} app`);
+          sonner_1.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 ? {
@@ -412,21 +391,21 @@ const PremiumSubscriptionScreen = ({
         isSubscribed: true
       } : feature));
       const feature = individualFeatures.find(f => f.id === featureId);
-      _sonner.toast.success(t('premium.toasts.featureSubscribed', {
+      sonner_1.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.toast.error(t('premium.toasts.featureSubscribeFailed') || 'Feature subscription failed. Please try again.');
+      sonner_1.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.confirmAction)(t('premium.confirms.unsubscribeFeature', {
+    (0, confirmAction_1.confirmAction)(t('premium.confirms.unsubscribeFeature', {
       name: feature?.name ?? ''
     }) ?? `Are you sure you want to unsubscribe from ${feature?.name}?`, async () => {
       try {
@@ -434,11 +413,11 @@ const PremiumSubscriptionScreen = ({
           ...f,
           isSubscribed: false
         } : f));
-        _sonner.toast.success(t('premium.toasts.featureUnsubscribed', {
+        sonner_1.toast.success(t('premium.toasts.featureUnsubscribed', {
           name: feature?.name ?? ''
         }) ?? `Unsubscribed from ${feature?.name}`);
       } catch (error) {
-        _sonner.toast.error(t('premium.toasts.featureUnsubscribeFailed') || 'Failed to unsubscribe from feature');
+        sonner_1.toast.error(t('premium.toasts.featureUnsubscribeFailed') || 'Failed to unsubscribe from feature');
       }
     });
   };
@@ -454,26 +433,26 @@ const PremiumSubscriptionScreen = ({
       };
       return appNames[packageName] || packageName;
     };
-    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    return (0, jsx_runtime_1.jsxs)(react_native_1.View, {
       style: [styles.header, {
         borderBottomColor: borderColor
       }],
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
+      children: [(0, jsx_runtime_1.jsx)(react_native_1.TouchableOpacity, {
         style: styles.backButton,
         onPress: goBack,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_vectorIcons.Ionicons, {
+        children: (0, jsx_runtime_1.jsx)(vector_icons_1.Ionicons, {
           name: "arrow-back",
           size: 24,
           color: textColor
         })
-      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      }), (0, jsx_runtime_1.jsxs)(react_native_1.View, {
         style: styles.headerTitleContainer,
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        children: [(0, jsx_runtime_1.jsx)(react_native_1.Text, {
           style: [styles.headerTitle, {
             color: textColor
           }],
           children: t('premium.title') || 'Oxy+ Subscriptions'
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        }), (0, jsx_runtime_1.jsx)(react_native_1.Text, {
           style: [styles.currentAppText, {
             color: isDarkTheme ? '#BBBBBB' : '#666666'
           }],
@@ -481,10 +460,10 @@ const PremiumSubscriptionScreen = ({
             app: getAppDisplayName(currentAppPackage)
           }) || `for ${getAppDisplayName(currentAppPackage)}`
         })]
-      }), onClose && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
+      }), onClose && (0, jsx_runtime_1.jsx)(react_native_1.TouchableOpacity, {
         style: styles.closeButton,
         onPress: onClose,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_vectorIcons.Ionicons, {
+        children: (0, jsx_runtime_1.jsx)(vector_icons_1.Ionicons, {
           name: "close",
           size: 24,
           color: textColor
@@ -497,55 +476,55 @@ const PremiumSubscriptionScreen = ({
     const currentPlan = getCurrentPlan();
     if (!currentPlan) return null;
     const statusColor = subscription.status === 'active' ? successColor : subscription.status === 'trialing' ? warningColor : dangerColor;
-    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    return (0, jsx_runtime_1.jsxs)(react_native_1.View, {
       style: styles.section,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+      children: [(0, jsx_runtime_1.jsx)(react_native_1.Text, {
         style: [styles.sectionTitle, {
           color: textColor
         }],
         children: t('premium.current.title') || 'Current Subscription'
-      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      }), (0, jsx_runtime_1.jsxs)(react_native_1.View, {
         style: [styles.currentSubscriptionCard, {
           backgroundColor: secondaryBackgroundColor,
           borderColor
         }],
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+        children: [(0, jsx_runtime_1.jsxs)(react_native_1.View, {
           style: styles.subscriptionHeader,
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+          children: [(0, jsx_runtime_1.jsxs)(react_native_1.View, {
+            children: [(0, jsx_runtime_1.jsx)(react_native_1.Text, {
               style: [styles.planName, {
                 color: textColor
               }],
               children: currentPlan.name
-            }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Text, {
+            }), (0, jsx_runtime_1.jsxs)(react_native_1.Text, {
               style: [styles.planPrice, {
                 color: primaryColor
               }],
               children: ["$", currentPlan.price, "/month"]
             })]
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+          }), (0, jsx_runtime_1.jsx)(react_native_1.View, {
             style: [styles.statusBadge, {
               backgroundColor: statusColor
             }],
-            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+            children: (0, jsx_runtime_1.jsx)(react_native_1.Text, {
               style: styles.statusText,
               children: subscription.status.toUpperCase()
             })
           })]
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        }), (0, jsx_runtime_1.jsx)(react_native_1.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 && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+        }), subscription.cancelAtPeriodEnd && (0, jsx_runtime_1.jsxs)(react_native_1.View, {
           style: styles.cancelNotice,
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_vectorIcons.Ionicons, {
+          children: [(0, jsx_runtime_1.jsx)(vector_icons_1.Ionicons, {
             name: "warning",
             size: 16,
             color: warningColor
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+          }), (0, jsx_runtime_1.jsx)(react_native_1.Text, {
             style: [styles.cancelText, {
               color: warningColor
             }],
@@ -553,31 +532,31 @@ const PremiumSubscriptionScreen = ({
               date: new Date(subscription.currentPeriodEnd).toLocaleDateString()
             }) || `Subscription will cancel on ${new Date(subscription.currentPeriodEnd).toLocaleDateString()}`
           })]
-        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+        }), (0, jsx_runtime_1.jsxs)(react_native_1.View, {
           style: styles.subscriptionActions,
-          children: [subscription.cancelAtPeriodEnd ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
+          children: [subscription.cancelAtPeriodEnd ? (0, jsx_runtime_1.jsx)(react_native_1.TouchableOpacity, {
             style: [styles.actionButton, {
               backgroundColor: successColor
             }],
             onPress: handleReactivateSubscription,
-            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+            children: (0, jsx_runtime_1.jsx)(react_native_1.Text, {
               style: styles.actionButtonText,
               children: t('premium.actions.reactivate') || 'Reactivate'
             })
-          }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
+          }) : (0, jsx_runtime_1.jsx)(react_native_1.TouchableOpacity, {
             style: [styles.actionButton, {
               backgroundColor: dangerColor
             }],
             onPress: handleCancelSubscription,
-            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+            children: (0, jsx_runtime_1.jsx)(react_native_1.Text, {
               style: styles.actionButtonText,
               children: t('premium.actions.cancelSubBtn') || 'Cancel Subscription'
             })
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
+          }), (0, jsx_runtime_1.jsx)(react_native_1.TouchableOpacity, {
             style: [styles.actionButton, styles.secondaryButton, {
               borderColor
             }],
-            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+            children: (0, jsx_runtime_1.jsx)(react_native_1.Text, {
               style: [styles.actionButtonText, {
                 color: textColor
               }],
@@ -588,34 +567,34 @@ const PremiumSubscriptionScreen = ({
       })]
     });
   };
-  const renderBillingToggle = () => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+  const renderBillingToggle = () => (0, jsx_runtime_1.jsxs)(react_native_1.View, {
     style: styles.section,
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    children: [(0, jsx_runtime_1.jsxs)(react_native_1.View, {
       style: styles.billingToggle,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
+      children: [(0, jsx_runtime_1.jsx)(react_native_1.TouchableOpacity, {
         style: [styles.billingOption, billingInterval === 'month' && {
           backgroundColor: primaryColor
         }],
         onPress: () => setBillingInterval('month'),
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        children: (0, jsx_runtime_1.jsx)(react_native_1.Text, {
           style: [styles.billingOptionText, {
             color: billingInterval === 'month' ? '#FFFFFF' : textColor
           }],
           children: t('premium.billing.monthly') || 'Monthly'
         })
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
+      }), (0, jsx_runtime_1.jsx)(react_native_1.TouchableOpacity, {
         style: [styles.billingOption, billingInterval === 'year' && {
           backgroundColor: primaryColor
         }],
         onPress: () => setBillingInterval('year'),
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        children: (0, jsx_runtime_1.jsx)(react_native_1.Text, {
           style: [styles.billingOptionText, {
             color: billingInterval === 'year' ? '#FFFFFF' : textColor
           }],
           children: t('premium.billing.yearly') || 'Yearly'
         })
       })]
-    }), billingInterval === 'year' && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+    }), billingInterval === 'year' && (0, jsx_runtime_1.jsx)(react_native_1.Text, {
       style: [styles.savingsText, {
         color: successColor
       }],
@@ -658,7 +637,7 @@ const PremiumSubscriptionScreen = ({
       };
     };
     const availability = getAvailabilityStatus();
-    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    return (0, jsx_runtime_1.jsxs)(react_native_1.View, {
       style: [styles.planCard, {
         backgroundColor: secondaryBackgroundColor,
         borderColor
@@ -668,53 +647,53 @@ const PremiumSubscriptionScreen = ({
       }, plan.isPopular && styles.popularPlan, !availability.available && {
         opacity: 0.6
       }],
-      children: [plan.isPopular && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      children: [plan.isPopular && (0, jsx_runtime_1.jsx)(react_native_1.View, {
         style: [styles.popularBadge, {
           backgroundColor: primaryColor
         }],
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        children: (0, jsx_runtime_1.jsx)(react_native_1.Text, {
           style: styles.popularText,
           children: "MOST POPULAR"
         })
-      }), isAppSpecific && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      }), isAppSpecific && (0, jsx_runtime_1.jsx)(react_native_1.View, {
         style: [styles.appSpecificBadge, {
           backgroundColor: isAvailableForCurrentApp ? successColor : warningColor
         }],
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        children: (0, jsx_runtime_1.jsx)(react_native_1.Text, {
           style: styles.appSpecificText,
           children: isAvailableForCurrentApp ? t('premium.plan.badge.appExclusive') || 'App Exclusive' : t('premium.plan.badge.notAvailable') || 'Not Available'
         })
-      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      }), (0, jsx_runtime_1.jsxs)(react_native_1.View, {
         style: styles.planHeader,
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        children: [(0, jsx_runtime_1.jsx)(react_native_1.Text, {
           style: [styles.planName, {
             color: textColor
           }],
           children: plan.name
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        }), (0, jsx_runtime_1.jsx)(react_native_1.Text, {
           style: [styles.planDescription, {
             color: isDarkTheme ? '#BBBBBB' : '#666666'
           }],
           children: plan.description
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        }), (0, jsx_runtime_1.jsx)(react_native_1.Text, {
           style: [styles.planAppScope, {
             color: isDarkTheme ? '#888888' : '#999999'
           }],
           children: getAppScopeText()
-        }), !availability.available && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        }), !availability.available && (0, jsx_runtime_1.jsx)(react_native_1.Text, {
           style: [styles.planRestrictionText, {
             color: dangerColor
           }],
           children: availability.reason
         })]
-      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      }), (0, jsx_runtime_1.jsxs)(react_native_1.View, {
         style: styles.planPricing,
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        children: [(0, jsx_runtime_1.jsx)(react_native_1.Text, {
           style: [styles.planPrice, {
             color: textColor
           }],
           children: pricing.formatted
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        }), (0, jsx_runtime_1.jsx)(react_native_1.Text, {
           style: [styles.planInterval, {
             color: isDarkTheme ? '#BBBBBB' : '#666666'
           }],
@@ -722,49 +701,49 @@ const PremiumSubscriptionScreen = ({
             interval: pricing.interval
           }) || `per ${pricing.interval}`
         })]
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      }), (0, jsx_runtime_1.jsx)(react_native_1.View, {
         style: styles.planFeatures,
-        children: plan.features.map((feature, index) => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+        children: plan.features.map((feature, index) => (0, jsx_runtime_1.jsxs)(react_native_1.View, {
           style: styles.featureItem,
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_vectorIcons.Ionicons, {
+          children: [(0, jsx_runtime_1.jsx)(vector_icons_1.Ionicons, {
             name: "checkmark",
             size: 16,
             color: successColor
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+          }), (0, jsx_runtime_1.jsx)(react_native_1.Text, {
             style: [styles.featureText, {
               color: textColor
             }],
             children: feature
           })]
         }, index))
-      }), isCurrentPlan ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      }), isCurrentPlan ? (0, jsx_runtime_1.jsx)(react_native_1.View, {
         style: [styles.currentPlanButton, {
           backgroundColor: successColor
         }],
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        children: (0, jsx_runtime_1.jsx)(react_native_1.Text, {
           style: styles.currentPlanText,
           children: t('premium.plan.current') || 'Current Plan'
         })
-      }) : !availability.available ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      }) : !availability.available ? (0, jsx_runtime_1.jsx)(react_native_1.View, {
         style: [styles.unavailablePlanButton, {
           backgroundColor: isDarkTheme ? '#444444' : '#E0E0E0'
         }],
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        children: (0, jsx_runtime_1.jsx)(react_native_1.Text, {
           style: [styles.unavailablePlanText, {
             color: isDarkTheme ? '#888888' : '#999999'
           }],
           children: t('premium.plan.notAvailableInApp') || 'Not Available in Current App'
         })
-      }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
+      }) : (0, jsx_runtime_1.jsx)(react_native_1.TouchableOpacity, {
         style: [styles.selectPlanButton, {
           backgroundColor: plan.isPopular ? primaryColor : borderColor
         }],
         onPress: () => handleSubscribe(plan.id),
         disabled: processingPayment,
-        children: processingPayment ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ActivityIndicator, {
+        children: processingPayment ? (0, jsx_runtime_1.jsx)(react_native_1.ActivityIndicator, {
           color: "#FFFFFF",
           size: "small"
-        }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        }) : (0, jsx_runtime_1.jsx)(react_native_1.Text, {
           style: [styles.selectPlanText, {
             color: plan.isPopular ? '#FFFFFF' : textColor
           }],
@@ -775,31 +754,31 @@ const PremiumSubscriptionScreen = ({
       })]
     }, plan.id);
   };
-  const renderTabNavigation = () => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+  const renderTabNavigation = () => (0, jsx_runtime_1.jsx)(react_native_1.View, {
     style: styles.section,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    children: (0, jsx_runtime_1.jsxs)(react_native_1.View, {
       style: [styles.tabContainer, {
         borderBottomColor: borderColor
       }],
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
+      children: [(0, jsx_runtime_1.jsx)(react_native_1.TouchableOpacity, {
         style: [styles.tab, activeTab === 'plans' && {
           borderBottomColor: primaryColor,
           borderBottomWidth: 2
         }],
         onPress: () => setActiveTab('plans'),
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        children: (0, jsx_runtime_1.jsx)(react_native_1.Text, {
           style: [styles.tabText, {
             color: activeTab === 'plans' ? primaryColor : textColor
           }],
           children: t('premium.tabs.plans') || 'Full Plans'
         })
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
+      }), (0, jsx_runtime_1.jsx)(react_native_1.TouchableOpacity, {
         style: [styles.tab, activeTab === 'features' && {
           borderBottomColor: primaryColor,
           borderBottomWidth: 2
         }],
         onPress: () => setActiveTab('features'),
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        children: (0, jsx_runtime_1.jsx)(react_native_1.Text, {
           style: [styles.tabText, {
             color: activeTab === 'features' ? primaryColor : textColor
           }],
@@ -853,7 +832,7 @@ const PremiumSubscriptionScreen = ({
         apps: feature.applicableApps.join(', ')
       }) || `Available in: ${feature.applicableApps.join(', ')}`;
     };
-    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    return (0, jsx_runtime_1.jsxs)(react_native_1.View, {
       style: [styles.featureCard, {
         backgroundColor: secondaryBackgroundColor,
         borderColor
@@ -864,53 +843,53 @@ const PremiumSubscriptionScreen = ({
         borderColor: primaryColor,
         borderWidth: 2
       }],
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      children: [(0, jsx_runtime_1.jsxs)(react_native_1.View, {
         style: styles.featureHeader,
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        children: [(0, jsx_runtime_1.jsx)(react_native_1.View, {
           style: styles.featureIconContainer,
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_vectorIcons.Ionicons, {
+          children: (0, jsx_runtime_1.jsx)(vector_icons_1.Ionicons, {
             name: getCategoryIcon(feature.category),
             size: 24,
             color: getCategoryColor(feature.category)
           })
-        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+        }), (0, jsx_runtime_1.jsxs)(react_native_1.View, {
           style: styles.featureInfo,
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+          children: [(0, jsx_runtime_1.jsxs)(react_native_1.View, {
             style: styles.featureNameRow,
-            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+            children: [(0, jsx_runtime_1.jsx)(react_native_1.Text, {
               style: [styles.featureName, {
                 color: textColor
               }],
               children: feature.name
-            }), isIncludedInCurrentPlan && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+            }), isIncludedInCurrentPlan && (0, jsx_runtime_1.jsx)(react_native_1.View, {
               style: [styles.includedBadge, {
                 backgroundColor: primaryColor
               }],
-              children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+              children: (0, jsx_runtime_1.jsx)(react_native_1.Text, {
                 style: styles.includedBadgeText,
                 children: "Included"
               })
             })]
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+          }), (0, jsx_runtime_1.jsx)(react_native_1.Text, {
             style: [styles.featureDescription, {
               color: isDarkTheme ? '#BBBBBB' : '#666666'
             }],
             children: feature.description
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+          }), (0, jsx_runtime_1.jsx)(react_native_1.Text, {
             style: [styles.appScopeText, {
               color: isDarkTheme ? '#888888' : '#999999'
             }],
             children: getAppScopeText()
           })]
         })]
-      }), !isIncludedInCurrentPlan && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      }), !isIncludedInCurrentPlan && (0, jsx_runtime_1.jsxs)(react_native_1.View, {
         style: styles.featurePricing,
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        children: [(0, jsx_runtime_1.jsx)(react_native_1.Text, {
           style: [styles.featurePrice, {
             color: textColor
           }],
           children: pricing.formatted
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        }), (0, jsx_runtime_1.jsx)(react_native_1.Text, {
           style: [styles.featureInterval, {
             color: isDarkTheme ? '#BBBBBB' : '#666666'
           }],
@@ -918,62 +897,62 @@ const PremiumSubscriptionScreen = ({
             interval: pricing.interval
           }) || `per ${pricing.interval}`
         })]
-      }), isIncludedInCurrentPlan ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      }), isIncludedInCurrentPlan ? (0, jsx_runtime_1.jsxs)(react_native_1.View, {
         style: [styles.includedInPlanButton, {
           backgroundColor: primaryColor
         }],
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_vectorIcons.Ionicons, {
+        children: [(0, jsx_runtime_1.jsx)(vector_icons_1.Ionicons, {
           name: "checkmark-circle",
           size: 16,
           color: "#FFFFFF"
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        }), (0, jsx_runtime_1.jsx)(react_native_1.Text, {
           style: styles.includedInPlanText,
           children: t('premium.feature.includedInPlan') || 'Included in your plan'
         })]
-      }) : isSubscribed ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      }) : isSubscribed ? (0, jsx_runtime_1.jsxs)(react_native_1.View, {
         style: styles.featureActions,
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+        children: [(0, jsx_runtime_1.jsxs)(react_native_1.View, {
           style: [styles.subscribedButton, {
             backgroundColor: successColor
           }],
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_vectorIcons.Ionicons, {
+          children: [(0, jsx_runtime_1.jsx)(vector_icons_1.Ionicons, {
             name: "checkmark",
             size: 16,
             color: "#FFFFFF"
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+          }), (0, jsx_runtime_1.jsx)(react_native_1.Text, {
             style: styles.subscribedText,
             children: t('premium.feature.subscribed') || 'Subscribed'
           })]
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
+        }), (0, jsx_runtime_1.jsx)(react_native_1.TouchableOpacity, {
           style: [styles.unsubscribeButton, {
             borderColor: dangerColor
           }],
           onPress: () => handleFeatureUnsubscribe(feature.id),
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+          children: (0, jsx_runtime_1.jsx)(react_native_1.Text, {
             style: [styles.unsubscribeText, {
               color: dangerColor
             }],
             children: t('premium.actions.unsubscribe') || 'Unsubscribe'
           })
         })]
-      }) : canPurchase ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
+      }) : canPurchase ? (0, jsx_runtime_1.jsx)(react_native_1.TouchableOpacity, {
         style: [styles.subscribeFeatureButton, {
           backgroundColor: primaryColor
         }],
         onPress: () => handleFeatureSubscribe(feature.id),
         disabled: processingPayment,
-        children: processingPayment ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ActivityIndicator, {
+        children: processingPayment ? (0, jsx_runtime_1.jsx)(react_native_1.ActivityIndicator, {
           color: "#FFFFFF",
           size: "small"
-        }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        }) : (0, jsx_runtime_1.jsx)(react_native_1.Text, {
           style: styles.subscribeFeatureText,
           children: t('premium.actions.subscribe') || 'Subscribe'
         })
-      }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      }) : (0, jsx_runtime_1.jsx)(react_native_1.View, {
         style: [styles.unavailableButton, {
           backgroundColor: isDarkTheme ? '#444444' : '#E0E0E0'
         }],
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        children: (0, jsx_runtime_1.jsx)(react_native_1.Text, {
           style: [styles.unavailableText, {
             color: isDarkTheme ? '#888888' : '#999999'
           }],
@@ -984,14 +963,14 @@ const PremiumSubscriptionScreen = ({
   };
   const renderIndividualFeatures = () => {
     const categories = ['analytics', 'customization', 'content', 'networking', 'productivity'];
-    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    return (0, jsx_runtime_1.jsxs)(react_native_1.View, {
       style: styles.section,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+      children: [(0, jsx_runtime_1.jsx)(react_native_1.Text, {
         style: [styles.sectionTitle, {
           color: textColor
         }],
         children: "Individual Features"
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+      }), (0, jsx_runtime_1.jsx)(react_native_1.Text, {
         style: [styles.sectionSubtitle, {
           color: isDarkTheme ? '#BBBBBB' : '#666666'
         }],
@@ -999,9 +978,9 @@ const PremiumSubscriptionScreen = ({
       }), categories.map(category => {
         const categoryFeatures = individualFeatures.filter(f => f.category === category);
         if (categoryFeatures.length === 0) return null;
-        return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+        return (0, jsx_runtime_1.jsxs)(react_native_1.View, {
           style: styles.categorySection,
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+          children: [(0, jsx_runtime_1.jsx)(react_native_1.Text, {
             style: [styles.categoryTitle, {
               color: textColor
             }],
@@ -1011,29 +990,27 @@ const PremiumSubscriptionScreen = ({
       })]
     });
   };
-
   // Add this for testing different app contexts (remove in production)
-  const [showAppSwitcher, setShowAppSwitcher] = (0, _react.useState)(__DEV__); // Only show in development
-
+  const [showAppSwitcher, setShowAppSwitcher] = (0, react_1.useState)(__DEV__); // Only show in development
   const renderAppSwitcher = () => {
     if (!showAppSwitcher) return null;
     const testApps = ['mention', 'oxy-social', 'oxy-workspace', 'oxy-creator'];
-    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    return (0, jsx_runtime_1.jsxs)(react_native_1.View, {
       style: [styles.appSwitcher, {
         backgroundColor: isDarkTheme ? '#333333' : '#F0F0F0',
         borderColor
       }],
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+      children: [(0, jsx_runtime_1.jsx)(react_native_1.Text, {
         style: [styles.appSwitcherTitle, {
           color: textColor
         }],
         children: "\uD83E\uDDEA Test App Context (Dev Only)"
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ScrollView, {
+      }), (0, jsx_runtime_1.jsx)(react_native_1.ScrollView, {
         horizontal: true,
         showsHorizontalScrollIndicator: false,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        children: (0, jsx_runtime_1.jsx)(react_native_1.View, {
           style: styles.appSwitcherButtons,
-          children: testApps.map(app => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
+          children: testApps.map(app => (0, jsx_runtime_1.jsx)(react_native_1.TouchableOpacity, {
             style: [styles.appSwitcherButton, {
               backgroundColor: currentAppPackage === app ? primaryColor : 'transparent',
               borderColor: primaryColor
@@ -1041,7 +1018,7 @@ const PremiumSubscriptionScreen = ({
             onPress: () => {
               setCurrentAppPackage(app);
             },
-            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+            children: (0, jsx_runtime_1.jsx)(react_native_1.Text, {
               style: [styles.appSwitcherButtonText, {
                 color: currentAppPackage === app ? '#FFFFFF' : textColor
               }],
@@ -1053,15 +1030,15 @@ const PremiumSubscriptionScreen = ({
     });
   };
   if (loading) {
-    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    return (0, jsx_runtime_1.jsxs)(react_native_1.View, {
       style: [styles.container, {
         backgroundColor,
         justifyContent: 'center'
       }],
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ActivityIndicator, {
+      children: [(0, jsx_runtime_1.jsx)(react_native_1.ActivityIndicator, {
         size: "large",
         color: primaryColor
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+      }), (0, jsx_runtime_1.jsx)(react_native_1.Text, {
         style: [styles.loadingText, {
           color: textColor
         }],
@@ -1069,100 +1046,100 @@ const PremiumSubscriptionScreen = ({
       })]
     });
   }
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+  return (0, jsx_runtime_1.jsxs)(react_native_1.View, {
     style: [styles.container, {
       backgroundColor
     }],
-    children: [renderHeader(), renderAppSwitcher(), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.ScrollView, {
+    children: [renderHeader(), renderAppSwitcher(), (0, jsx_runtime_1.jsxs)(react_native_1.ScrollView, {
       style: styles.content,
       showsVerticalScrollIndicator: false,
-      children: [subscription && renderCurrentSubscription(), !subscription && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      children: [subscription && renderCurrentSubscription(), !subscription && (0, jsx_runtime_1.jsxs)(react_native_1.View, {
         style: styles.section,
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        children: [(0, jsx_runtime_1.jsx)(react_native_1.Text, {
           style: [styles.sectionTitle, {
             color: textColor
           }],
           children: t('premium.choosePlan') || 'Choose Your Plan'
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        }), (0, jsx_runtime_1.jsx)(react_native_1.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' ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      }), !subscription && renderTabNavigation(), !subscription && activeTab === 'plans' && renderBillingToggle(), activeTab === 'plans' ? (0, jsx_runtime_1.jsxs)(react_native_1.View, {
         style: styles.section,
-        children: [!subscription && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        children: [!subscription && (0, jsx_runtime_1.jsx)(react_native_1.Text, {
           style: [styles.sectionTitle, {
             color: textColor
           }],
           children: t('premium.availablePlans') || 'Available Plans'
         }), plans.map(renderPlanCard)]
-      }) : renderIndividualFeatures(), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      }) : renderIndividualFeatures(), (0, jsx_runtime_1.jsxs)(react_native_1.View, {
         style: styles.section,
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        children: [(0, jsx_runtime_1.jsx)(react_native_1.Text, {
           style: [styles.sectionTitle, {
             color: textColor
           }],
           children: t('premium.why') || 'Why Go Premium?'
-        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+        }), (0, jsx_runtime_1.jsxs)(react_native_1.View, {
           style: [styles.benefitsCard, {
             backgroundColor: secondaryBackgroundColor,
             borderColor
           }],
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+          children: [(0, jsx_runtime_1.jsxs)(react_native_1.View, {
             style: styles.benefitItem,
-            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_vectorIcons.Ionicons, {
+            children: [(0, jsx_runtime_1.jsx)(vector_icons_1.Ionicons, {
               name: "flash",
               size: 24,
               color: primaryColor
-            }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+            }), (0, jsx_runtime_1.jsxs)(react_native_1.View, {
               style: styles.benefitContent,
-              children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+              children: [(0, jsx_runtime_1.jsx)(react_native_1.Text, {
                 style: [styles.benefitTitle, {
                   color: textColor
                 }],
                 children: t('premium.benefits.performance.title') || 'Enhanced Performance'
-              }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+              }), (0, jsx_runtime_1.jsx)(react_native_1.Text, {
                 style: [styles.benefitDescription, {
                   color: isDarkTheme ? '#BBBBBB' : '#666666'
                 }],
                 children: t('premium.benefits.performance.desc') || 'Faster processing and priority access to our servers'
               })]
             })]
-          }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+          }), (0, jsx_runtime_1.jsxs)(react_native_1.View, {
             style: styles.benefitItem,
-            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_vectorIcons.Ionicons, {
+            children: [(0, jsx_runtime_1.jsx)(vector_icons_1.Ionicons, {
               name: "shield-checkmark",
               size: 24,
               color: successColor
-            }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+            }), (0, jsx_runtime_1.jsxs)(react_native_1.View, {
               style: styles.benefitContent,
-              children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+              children: [(0, jsx_runtime_1.jsx)(react_native_1.Text, {
                 style: [styles.benefitTitle, {
                   color: textColor
                 }],
                 children: t('premium.benefits.security.title') || 'Advanced Security'
-              }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+              }), (0, jsx_runtime_1.jsx)(react_native_1.Text, {
                 style: [styles.benefitDescription, {
                   color: isDarkTheme ? '#BBBBBB' : '#666666'
                 }],
                 children: t('premium.benefits.security.desc') || 'Enhanced encryption and security features'
               })]
             })]
-          }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+          }), (0, jsx_runtime_1.jsxs)(react_native_1.View, {
             style: styles.benefitItem,
-            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_vectorIcons.Ionicons, {
+            children: [(0, jsx_runtime_1.jsx)(vector_icons_1.Ionicons, {
               name: "headset",
               size: 24,
               color: warningColor
-            }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+            }), (0, jsx_runtime_1.jsxs)(react_native_1.View, {
               style: styles.benefitContent,
-              children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+              children: [(0, jsx_runtime_1.jsx)(react_native_1.Text, {
                 style: [styles.benefitTitle, {
                   color: textColor
                 }],
                 children: t('premium.benefits.support.title') || 'Priority Support'
-              }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+              }), (0, jsx_runtime_1.jsx)(react_native_1.Text, {
                 style: [styles.benefitDescription, {
                   color: isDarkTheme ? '#BBBBBB' : '#666666'
                 }],
@@ -1171,13 +1148,13 @@ const PremiumSubscriptionScreen = ({
             })]
           })]
         })]
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      }), (0, jsx_runtime_1.jsx)(react_native_1.View, {
         style: styles.bottomSpacing
       })]
     })]
   });
 };
-const styles = _reactNative.StyleSheet.create({
+const styles = react_native_1.StyleSheet.create({
   container: {
     flex: 1
   },
@@ -1196,7 +1173,7 @@ const styles = _reactNative.StyleSheet.create({
   headerTitle: {
     fontSize: 20,
     fontWeight: '600',
-    fontFamily: _fonts.fontFamilies.interSemiBold
+    fontFamily: fonts_1.fontFamilies.interSemiBold
   },
   headerTitleContainer: {
     flex: 1,
@@ -1219,7 +1196,7 @@ const styles = _reactNative.StyleSheet.create({
   sectionTitle: {
     fontSize: 24,
     fontWeight: 'bold',
-    fontFamily: _fonts.fontFamilies.interBold,
+    fontFamily: fonts_1.fontFamilies.interBold,
     marginBottom: 8
   },
   sectionSubtitle: {
@@ -1641,5 +1618,64 @@ const styles = _reactNative.StyleSheet.create({
     fontWeight: '500'
   }
 });
+exports.default = PremiumSubscriptionScreen;
+//# sourceMappingURL=PremiumSubscriptionScreen.js.map/ App-specific plan styles
+  appSpecificBadge: {
+    position: 'absolute',
+    top: 16,
+    right: 16,
+    paddingHorizontal: 8,
+    paddingVertical: 4,
+    borderRadius: 12,
+    zIndex: 1
+  },
+  appSpecificText: {
+    color: '#FFFFFF',
+    fontSize: 12,
+    fontWeight: '600'
+  },
+  planRestrictionText: {
+    fontSize: 12,
+    fontWeight: '500',
+    marginTop: 4,
+    fontStyle: 'italic'
+  },
+  unavailablePlanButton: {
+    paddingVertical: 16,
+    borderRadius: 12,
+    alignItems: 'center'
+  },
+  unavailablePlanText: {
+    fontSize: 16,
+    fontWeight: '600'
+  },
+  // App switcher styles (for development/testing)
+  appSwitcher: {
+    padding: 16,
+    borderBottomWidth: 1,
+    margin: 16,
+    borderRadius: 12,
+    borderWidth: 1
+  },
+  appSwitcherTitle: {
+    fontSize: 14,
+    fontWeight: '600',
+    marginBottom: 12
+  },
+  appSwitcherButtons: {
+    flexDirection: 'row',
+    gap: 8
+  },
+  appSwitcherButton: {
+    paddingHorizontal: 12,
+    paddingVertical: 6,
+    borderRadius: 8,
+    borderWidth: 1
+  },
+  appSwitcherButtonText: {
+    fontSize: 12,
+    fontWeight: '500'
+  }
+});
 var _default = exports.default = PremiumSubscriptionScreen;
 //# sourceMappingURL=PremiumSubscriptionScreen.js.map