@oxyhq/services 5.11.12 → 5.12.0

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

@@ -7,6 +7,7 @@ import { fontFamilies } from '../styles/fonts';
 import { toast } from '../../lib/sonner';
 import { confirmAction } from '../utils/confirmAction';
 import { Ionicons } from '@expo/vector-icons';
+import { useI18n } from '../hooks/useI18n';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const PremiumSubscriptionScreen = ({
   onClose,
@@ -29,6 +30,9 @@ const PremiumSubscriptionScreen = ({
   const [currentAppPackage, setCurrentAppPackage] = useState('mention'); // Default to mention for demo
 
   const isDarkTheme = theme === 'dark';
+  const {
+    t
+  } = useI18n();
   const textColor = isDarkTheme ? '#FFFFFF' : '#000000';
   const backgroundColor = isDarkTheme ? '#121212' : '#FFFFFF';
   const secondaryBackgroundColor = isDarkTheme ? '#222222' : '#F5F5F5';
@@ -291,14 +295,16 @@ const PremiumSubscriptionScreen = ({
       const selectedPlan = mockPlans.find(plan => plan.id === planId);
       if (!selectedPlan?.applicableApps.includes(currentAppPackage)) {
         console.log(`❌ Subscription blocked: Plan "${selectedPlan?.name}" not available for app "${currentAppPackage}"`);
-        toast.error(`This plan is not available for the current app (${currentAppPackage})`);
+        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') {
         console.log(`❌ Subscription blocked: Mention+ plan requires app to be "mention", current app is "${currentAppPackage}"`);
-        toast.error('Mention+ is only available in the Mention app');
+        toast.error(t('premium.toasts.mentionOnly') || 'Mention+ is only available in the Mention app');
         return;
       }
       console.log(`✅ Subscription allowed: Plan "${selectedPlan.name}" is available for app "${currentAppPackage}"`);
@@ -306,7 +312,7 @@ const PremiumSubscriptionScreen = ({
 
       // Mock payment processing
       await new Promise(resolve => setTimeout(resolve, 2000));
-      toast.success('Subscription activated successfully!');
+      toast.success(t('premium.toasts.activated') || 'Subscription activated successfully!');
 
       // Mock subscription update
       setSubscription({
@@ -322,22 +328,22 @@ const PremiumSubscriptionScreen = ({
       loadSubscriptionData();
     } catch (error) {
       console.error('Payment failed:', error);
-      toast.error('Payment failed. Please try again.');
+      toast.error(t('premium.toasts.paymentFailed') || 'Payment failed. Please try again.');
     } finally {
       setProcessingPayment(false);
     }
   };
   const handleCancelSubscription = () => {
-    confirmAction('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);
-        toast.success('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) {
-        toast.error('Failed to cancel subscription');
+        toast.error(t('premium.toasts.cancelFailed') || 'Failed to cancel subscription');
       }
     });
   };
@@ -347,9 +353,9 @@ const PremiumSubscriptionScreen = ({
         ...prev,
         cancelAtPeriodEnd: false
       } : null);
-      toast.success('Subscription reactivated successfully');
+      toast.success(t('premium.toasts.reactivated') || 'Subscription reactivated successfully');
     } catch (error) {
-      toast.error('Failed to reactivate subscription');
+      toast.error(t('premium.toasts.reactivateFailed') || 'Failed to reactivate subscription');
     }
   };
   const formatPrice = (price, currency, interval) => {
@@ -393,25 +399,31 @@ const PremiumSubscriptionScreen = ({
         isSubscribed: true
       } : feature));
       const feature = individualFeatures.find(f => f.id === featureId);
-      toast.success(`Subscribed to ${feature?.name} successfully!`);
+      toast.success(t('premium.toasts.featureSubscribed', {
+        name: feature?.name ?? ''
+      }) ?? `Subscribed to ${feature?.name} successfully!`);
     } catch (error) {
       console.error('Feature subscription failed:', error);
-      toast.error('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);
-    confirmAction(`Are you sure you want to unsubscribe from ${feature?.name}?`, async () => {
+    confirmAction(t('premium.confirms.unsubscribeFeature', {
+      name: feature?.name ?? ''
+    }) ?? `Are you sure you want to unsubscribe from ${feature?.name}?`, async () => {
       try {
         setIndividualFeatures(prev => prev.map(f => f.id === featureId ? {
           ...f,
           isSubscribed: false
         } : f));
-        toast.success(`Unsubscribed from ${feature?.name}`);
+        toast.success(t('premium.toasts.featureUnsubscribed', {
+          name: feature?.name ?? ''
+        }) ?? `Unsubscribed from ${feature?.name}`);
       } catch (error) {
-        toast.error('Failed to unsubscribe from feature');
+        toast.error(t('premium.toasts.featureUnsubscribeFailed') || 'Failed to unsubscribe from feature');
       }
     });
   };
@@ -445,12 +457,14 @@ const PremiumSubscriptionScreen = ({
           style: [styles.headerTitle, {
             color: textColor
           }],
-          children: "Oxy+ Subscriptions"
-        }), /*#__PURE__*/_jsxs(Text, {
+          children: t('premium.title') || 'Oxy+ Subscriptions'
+        }), /*#__PURE__*/_jsx(Text, {
           style: [styles.currentAppText, {
             color: isDarkTheme ? '#BBBBBB' : '#666666'
           }],
-          children: ["for ", getAppDisplayName(currentAppPackage)]
+          children: t('premium.forApp', {
+            app: getAppDisplayName(currentAppPackage)
+          }) || `for ${getAppDisplayName(currentAppPackage)}`
         })]
       }), onClose && /*#__PURE__*/_jsx(TouchableOpacity, {
         style: styles.closeButton,
@@ -474,7 +488,7 @@ const PremiumSubscriptionScreen = ({
         style: [styles.sectionTitle, {
           color: textColor
         }],
-        children: "Current Subscription"
+        children: t('premium.current.title') || 'Current Subscription'
       }), /*#__PURE__*/_jsxs(View, {
         style: [styles.currentSubscriptionCard, {
           backgroundColor: secondaryBackgroundColor,
@@ -503,22 +517,26 @@ const PremiumSubscriptionScreen = ({
               children: subscription.status.toUpperCase()
             })
           })]
-        }), /*#__PURE__*/_jsxs(Text, {
+        }), /*#__PURE__*/_jsx(Text, {
           style: [styles.subscriptionDetail, {
             color: isDarkTheme ? '#BBBBBB' : '#666666'
           }],
-          children: ["Renews on ", new Date(subscription.currentPeriodEnd).toLocaleDateString()]
+          children: t('premium.current.renewsOn', {
+            date: new Date(subscription.currentPeriodEnd).toLocaleDateString()
+          }) || `Renews on ${new Date(subscription.currentPeriodEnd).toLocaleDateString()}`
         }), subscription.cancelAtPeriodEnd && /*#__PURE__*/_jsxs(View, {
           style: styles.cancelNotice,
           children: [/*#__PURE__*/_jsx(Ionicons, {
             name: "warning",
             size: 16,
             color: warningColor
-          }), /*#__PURE__*/_jsxs(Text, {
+          }), /*#__PURE__*/_jsx(Text, {
             style: [styles.cancelText, {
               color: warningColor
             }],
-            children: ["Subscription will cancel on ", new Date(subscription.currentPeriodEnd).toLocaleDateString()]
+            children: t('premium.current.willCancelOn', {
+              date: new Date(subscription.currentPeriodEnd).toLocaleDateString()
+            }) || `Subscription will cancel on ${new Date(subscription.currentPeriodEnd).toLocaleDateString()}`
           })]
         }), /*#__PURE__*/_jsxs(View, {
           style: styles.subscriptionActions,
@@ -529,7 +547,7 @@ const PremiumSubscriptionScreen = ({
             onPress: handleReactivateSubscription,
             children: /*#__PURE__*/_jsx(Text, {
               style: styles.actionButtonText,
-              children: "Reactivate"
+              children: t('premium.actions.reactivate') || 'Reactivate'
             })
           }) : /*#__PURE__*/_jsx(TouchableOpacity, {
             style: [styles.actionButton, {
@@ -538,7 +556,7 @@ const PremiumSubscriptionScreen = ({
             onPress: handleCancelSubscription,
             children: /*#__PURE__*/_jsx(Text, {
               style: styles.actionButtonText,
-              children: "Cancel Subscription"
+              children: t('premium.actions.cancelSubBtn') || 'Cancel Subscription'
             })
           }), /*#__PURE__*/_jsx(TouchableOpacity, {
             style: [styles.actionButton, styles.secondaryButton, {
@@ -548,7 +566,7 @@ const PremiumSubscriptionScreen = ({
               style: [styles.actionButtonText, {
                 color: textColor
               }],
-              children: "Manage Billing"
+              children: t('premium.actions.manageBilling') || 'Manage Billing'
             })
           })]
         })]
@@ -568,7 +586,7 @@ const PremiumSubscriptionScreen = ({
           style: [styles.billingOptionText, {
             color: billingInterval === 'month' ? '#FFFFFF' : textColor
           }],
-          children: "Monthly"
+          children: t('premium.billing.monthly') || 'Monthly'
         })
       }), /*#__PURE__*/_jsx(TouchableOpacity, {
         style: [styles.billingOption, billingInterval === 'year' && {
@@ -579,14 +597,14 @@ const PremiumSubscriptionScreen = ({
           style: [styles.billingOptionText, {
             color: billingInterval === 'year' ? '#FFFFFF' : textColor
           }],
-          children: "Yearly"
+          children: t('premium.billing.yearly') || 'Yearly'
         })
       })]
     }), billingInterval === 'year' && /*#__PURE__*/_jsx(Text, {
       style: [styles.savingsText, {
         color: successColor
       }],
-      children: "\uD83D\uDCB0 Save 20% with yearly billing"
+      children: t('premium.billing.saveYearly') || '💰 Save 20% with yearly billing'
     })]
   });
   const renderPlanCard = plan => {
@@ -597,12 +615,16 @@ const PremiumSubscriptionScreen = ({
     const isAvailableForCurrentApp = plan.applicableApps.includes(currentAppPackage);
     const getAppScopeText = () => {
       if (plan.appScope === 'ecosystem') {
-        return 'Works across all Oxy apps';
+        return t('premium.plan.scope.allApps') || 'Works across all Oxy apps';
       } else if (isAppSpecific) {
         const appName = plan.applicableApps[0];
-        return `Exclusive to ${appName} app`;
+        return t('premium.plan.scope.exclusive', {
+          app: appName
+        }) || `Exclusive to ${appName} app`;
       } else {
-        return `Available in: ${plan.applicableApps.join(', ')}`;
+        return t('premium.plan.scope.availableIn', {
+          apps: plan.applicableApps.join(', ')
+        }) || `Available in: ${plan.applicableApps.join(', ')}`;
       }
     };
     const getAvailabilityStatus = () => {
@@ -610,7 +632,9 @@ const PremiumSubscriptionScreen = ({
         const requiredApp = plan.applicableApps[0];
         return {
           available: false,
-          reason: `Only available in ${requiredApp} app`
+          reason: t('premium.plan.scope.exclusive', {
+            app: requiredApp
+          }) || `Only available in ${requiredApp} app`
         };
       }
       return {
@@ -643,7 +667,7 @@ const PremiumSubscriptionScreen = ({
         }],
         children: /*#__PURE__*/_jsx(Text, {
           style: styles.appSpecificText,
-          children: isAvailableForCurrentApp ? 'App Exclusive' : 'Not Available'
+          children: isAvailableForCurrentApp ? t('premium.plan.badge.appExclusive') || 'App Exclusive' : t('premium.plan.badge.notAvailable') || 'Not Available'
         })
       }), /*#__PURE__*/_jsxs(View, {
         style: styles.planHeader,
@@ -675,11 +699,13 @@ const PremiumSubscriptionScreen = ({
             color: textColor
           }],
           children: pricing.formatted
-        }), /*#__PURE__*/_jsxs(Text, {
+        }), /*#__PURE__*/_jsx(Text, {
           style: [styles.planInterval, {
             color: isDarkTheme ? '#BBBBBB' : '#666666'
           }],
-          children: ["per ", pricing.interval]
+          children: t('premium.plan.perInterval', {
+            interval: pricing.interval
+          }) || `per ${pricing.interval}`
         })]
       }), /*#__PURE__*/_jsx(View, {
         style: styles.planFeatures,
@@ -702,7 +728,7 @@ const PremiumSubscriptionScreen = ({
         }],
         children: /*#__PURE__*/_jsx(Text, {
           style: styles.currentPlanText,
-          children: "Current Plan"
+          children: t('premium.plan.current') || 'Current Plan'
         })
       }) : !availability.available ? /*#__PURE__*/_jsx(View, {
         style: [styles.unavailablePlanButton, {
@@ -712,7 +738,7 @@ const PremiumSubscriptionScreen = ({
           style: [styles.unavailablePlanText, {
             color: isDarkTheme ? '#888888' : '#999999'
           }],
-          children: "Not Available in Current App"
+          children: t('premium.plan.notAvailableInApp') || 'Not Available in Current App'
         })
       }) : /*#__PURE__*/_jsx(TouchableOpacity, {
         style: [styles.selectPlanButton, {
@@ -723,11 +749,13 @@ const PremiumSubscriptionScreen = ({
         children: processingPayment ? /*#__PURE__*/_jsx(ActivityIndicator, {
           color: "#FFFFFF",
           size: "small"
-        }) : /*#__PURE__*/_jsxs(Text, {
+        }) : /*#__PURE__*/_jsx(Text, {
           style: [styles.selectPlanText, {
             color: plan.isPopular ? '#FFFFFF' : textColor
           }],
-          children: ["Subscribe to ", plan.name]
+          children: t('premium.actions.subscribeTo', {
+            name: plan.name
+          }) || `Subscribe to ${plan.name}`
         })
       })]
     }, plan.id);
@@ -748,7 +776,7 @@ const PremiumSubscriptionScreen = ({
           style: [styles.tabText, {
             color: activeTab === 'plans' ? primaryColor : textColor
           }],
-          children: "Full Plans"
+          children: t('premium.tabs.plans') || 'Full Plans'
         })
       }), /*#__PURE__*/_jsx(TouchableOpacity, {
         style: [styles.tab, activeTab === 'features' && {
@@ -760,7 +788,7 @@ const PremiumSubscriptionScreen = ({
           style: [styles.tabText, {
             color: activeTab === 'features' ? primaryColor : textColor
           }],
-          children: "Individual Features"
+          children: t('premium.tabs.features') || 'Individual Features'
         })
       })]
     })
@@ -804,9 +832,11 @@ const PremiumSubscriptionScreen = ({
     };
     const getAppScopeText = () => {
       if (feature.appScope === 'ecosystem') {
-        return 'Available across all Oxy apps';
+        return t('premium.feature.scope.allApps');
       } else {
-        return `Available in: ${feature.applicableApps.join(', ')}`;
+        return t('premium.feature.scope.availableIn', {
+          apps: feature.applicableApps.join(', ')
+        }) || `Available in: ${feature.applicableApps.join(', ')}`;
       }
     };
     return /*#__PURE__*/_jsxs(View, {
@@ -866,11 +896,13 @@ const PremiumSubscriptionScreen = ({
             color: textColor
           }],
           children: pricing.formatted
-        }), /*#__PURE__*/_jsxs(Text, {
+        }), /*#__PURE__*/_jsx(Text, {
           style: [styles.featureInterval, {
             color: isDarkTheme ? '#BBBBBB' : '#666666'
           }],
-          children: ["per ", pricing.interval]
+          children: t('premium.plan.perInterval', {
+            interval: pricing.interval
+          }) || `per ${pricing.interval}`
         })]
       }), isIncludedInCurrentPlan ? /*#__PURE__*/_jsxs(View, {
         style: [styles.includedInPlanButton, {
@@ -882,7 +914,7 @@ const PremiumSubscriptionScreen = ({
           color: "#FFFFFF"
         }), /*#__PURE__*/_jsx(Text, {
           style: styles.includedInPlanText,
-          children: "Included in your plan"
+          children: t('premium.feature.includedInPlan') || 'Included in your plan'
         })]
       }) : isSubscribed ? /*#__PURE__*/_jsxs(View, {
         style: styles.featureActions,
@@ -896,7 +928,7 @@ const PremiumSubscriptionScreen = ({
             color: "#FFFFFF"
           }), /*#__PURE__*/_jsx(Text, {
             style: styles.subscribedText,
-            children: "Subscribed"
+            children: t('premium.feature.subscribed') || 'Subscribed'
           })]
         }), /*#__PURE__*/_jsx(TouchableOpacity, {
           style: [styles.unsubscribeButton, {
@@ -907,7 +939,7 @@ const PremiumSubscriptionScreen = ({
             style: [styles.unsubscribeText, {
               color: dangerColor
             }],
-            children: "Unsubscribe"
+            children: t('premium.actions.unsubscribe') || 'Unsubscribe'
           })
         })]
       }) : canPurchase ? /*#__PURE__*/_jsx(TouchableOpacity, {
@@ -921,7 +953,7 @@ const PremiumSubscriptionScreen = ({
           size: "small"
         }) : /*#__PURE__*/_jsx(Text, {
           style: styles.subscribeFeatureText,
-          children: "Subscribe"
+          children: t('premium.actions.subscribe') || 'Subscribe'
         })
       }) : /*#__PURE__*/_jsx(View, {
         style: [styles.unavailableButton, {
@@ -1020,7 +1052,7 @@ const PremiumSubscriptionScreen = ({
         style: [styles.loadingText, {
           color: textColor
         }],
-        children: "Loading subscription plans..."
+        children: t('premium.loading') || 'Loading subscription plans...'
       })]
     });
   }
@@ -1037,12 +1069,12 @@ const PremiumSubscriptionScreen = ({
           style: [styles.sectionTitle, {
             color: textColor
           }],
-          children: "Choose Your Plan"
+          children: t('premium.choosePlan') || 'Choose Your Plan'
         }), /*#__PURE__*/_jsx(Text, {
           style: [styles.sectionSubtitle, {
             color: isDarkTheme ? '#BBBBBB' : '#666666'
           }],
-          children: "Unlock premium features and take your experience to the next level"
+          children: t('premium.choosePlanSubtitle') || 'Unlock premium features and take your experience to the next level'
         })]
       }), !subscription && renderTabNavigation(), !subscription && activeTab === 'plans' && renderBillingToggle(), activeTab === 'plans' ? /*#__PURE__*/_jsxs(View, {
         style: styles.section,
@@ -1050,7 +1082,7 @@ const PremiumSubscriptionScreen = ({
           style: [styles.sectionTitle, {
             color: textColor
           }],
-          children: "Available Plans"
+          children: t('premium.availablePlans') || 'Available Plans'
         }), plans.map(renderPlanCard)]
       }) : renderIndividualFeatures(), /*#__PURE__*/_jsxs(View, {
         style: styles.section,
@@ -1058,7 +1090,7 @@ const PremiumSubscriptionScreen = ({
           style: [styles.sectionTitle, {
             color: textColor
           }],
-          children: "Why Go Premium?"
+          children: t('premium.why') || 'Why Go Premium?'
         }), /*#__PURE__*/_jsxs(View, {
           style: [styles.benefitsCard, {
             backgroundColor: secondaryBackgroundColor,
@@ -1076,12 +1108,12 @@ const PremiumSubscriptionScreen = ({
                 style: [styles.benefitTitle, {
                   color: textColor
                 }],
-                children: "Enhanced Performance"
+                children: t('premium.benefits.performance.title') || 'Enhanced Performance'
               }), /*#__PURE__*/_jsx(Text, {
                 style: [styles.benefitDescription, {
                   color: isDarkTheme ? '#BBBBBB' : '#666666'
                 }],
-                children: "Faster processing and priority access to our servers"
+                children: t('premium.benefits.performance.desc') || 'Faster processing and priority access to our servers'
               })]
             })]
           }), /*#__PURE__*/_jsxs(View, {
@@ -1096,12 +1128,12 @@ const PremiumSubscriptionScreen = ({
                 style: [styles.benefitTitle, {
                   color: textColor
                 }],
-                children: "Advanced Security"
+                children: t('premium.benefits.security.title') || 'Advanced Security'
               }), /*#__PURE__*/_jsx(Text, {
                 style: [styles.benefitDescription, {
                   color: isDarkTheme ? '#BBBBBB' : '#666666'
                 }],
-                children: "Enhanced encryption and security features"
+                children: t('premium.benefits.security.desc') || 'Enhanced encryption and security features'
               })]
             })]
           }), /*#__PURE__*/_jsxs(View, {
@@ -1116,12 +1148,12 @@ const PremiumSubscriptionScreen = ({
                 style: [styles.benefitTitle, {
                   color: textColor
                 }],
-                children: "Priority Support"
+                children: t('premium.benefits.support.title') || 'Priority Support'
               }), /*#__PURE__*/_jsx(Text, {
                 style: [styles.benefitDescription, {
                   color: isDarkTheme ? '#BBBBBB' : '#666666'
                 }],
-                children: "Get help faster with our premium support team"
+                children: t('premium.benefits.support.desc') || 'Get help faster with our premium support team'
               })]
             })]
           })]