@oxyhq/services 5.11.12 → 5.12.1

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

@@ -11,6 +11,7 @@ var _fonts = require("../styles/fonts");
 var _sonner = require("../../lib/sonner");
 var _confirmAction = require("../utils/confirmAction");
 var _vectorIcons = require("@expo/vector-icons");
+var _useI18n = require("../hooks/useI18n");
 var _jsxRuntime = require("react/jsx-runtime");
 const PremiumSubscriptionScreen = ({
   onClose,
@@ -33,6 +34,9 @@ const PremiumSubscriptionScreen = ({
   const [currentAppPackage, setCurrentAppPackage] = (0, _react.useState)('mention'); // Default to mention for demo
 
   const isDarkTheme = theme === 'dark';
+  const {
+    t
+  } = (0, _useI18n.useI18n)();
   const textColor = isDarkTheme ? '#FFFFFF' : '#000000';
   const backgroundColor = isDarkTheme ? '#121212' : '#FFFFFF';
   const secondaryBackgroundColor = isDarkTheme ? '#222222' : '#F5F5F5';
@@ -295,14 +299,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}"`);
-        _sonner.toast.error(`This plan is not available for the current app (${currentAppPackage})`);
+        _sonner.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}"`);
-        _sonner.toast.error('Mention+ is only available in the Mention app');
+        _sonner.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}"`);
@@ -310,7 +316,7 @@ const PremiumSubscriptionScreen = ({
 
       // Mock payment processing
       await new Promise(resolve => setTimeout(resolve, 2000));
-      _sonner.toast.success('Subscription activated successfully!');
+      _sonner.toast.success(t('premium.toasts.activated') || 'Subscription activated successfully!');
 
       // Mock subscription update
       setSubscription({
@@ -326,22 +332,22 @@ const PremiumSubscriptionScreen = ({
       loadSubscriptionData();
     } catch (error) {
       console.error('Payment failed:', error);
-      _sonner.toast.error('Payment failed. Please try again.');
+      _sonner.toast.error(t('premium.toasts.paymentFailed') || 'Payment failed. Please try again.');
     } finally {
       setProcessingPayment(false);
     }
   };
   const handleCancelSubscription = () => {
-    (0, _confirmAction.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 () => {
+    (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 () => {
       try {
         // Mock cancellation
         setSubscription(prev => prev ? {
           ...prev,
           cancelAtPeriodEnd: true
         } : null);
-        _sonner.toast.success('Subscription will be canceled at the end of the billing period');
+        _sonner.toast.success(t('premium.toasts.willCancel') || 'Subscription will be canceled at the end of the billing period');
       } catch (error) {
-        _sonner.toast.error('Failed to cancel subscription');
+        _sonner.toast.error(t('premium.toasts.cancelFailed') || 'Failed to cancel subscription');
       }
     });
   };
@@ -351,9 +357,9 @@ const PremiumSubscriptionScreen = ({
         ...prev,
         cancelAtPeriodEnd: false
       } : null);
-      _sonner.toast.success('Subscription reactivated successfully');
+      _sonner.toast.success(t('premium.toasts.reactivated') || 'Subscription reactivated successfully');
     } catch (error) {
-      _sonner.toast.error('Failed to reactivate subscription');
+      _sonner.toast.error(t('premium.toasts.reactivateFailed') || 'Failed to reactivate subscription');
     }
   };
   const formatPrice = (price, currency, interval) => {
@@ -397,25 +403,31 @@ const PremiumSubscriptionScreen = ({
         isSubscribed: true
       } : feature));
       const feature = individualFeatures.find(f => f.id === featureId);
-      _sonner.toast.success(`Subscribed to ${feature?.name} successfully!`);
+      _sonner.toast.success(t('premium.toasts.featureSubscribed', {
+        name: feature?.name ?? ''
+      }) ?? `Subscribed to ${feature?.name} successfully!`);
     } catch (error) {
       console.error('Feature subscription failed:', error);
-      _sonner.toast.error('Feature subscription failed. Please try again.');
+      _sonner.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)(`Are you sure you want to unsubscribe from ${feature?.name}?`, async () => {
+    (0, _confirmAction.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));
-        _sonner.toast.success(`Unsubscribed from ${feature?.name}`);
+        _sonner.toast.success(t('premium.toasts.featureUnsubscribed', {
+          name: feature?.name ?? ''
+        }) ?? `Unsubscribed from ${feature?.name}`);
       } catch (error) {
-        _sonner.toast.error('Failed to unsubscribe from feature');
+        _sonner.toast.error(t('premium.toasts.featureUnsubscribeFailed') || 'Failed to unsubscribe from feature');
       }
     });
   };
@@ -449,12 +461,14 @@ const PremiumSubscriptionScreen = ({
           style: [styles.headerTitle, {
             color: textColor
           }],
-          children: "Oxy+ Subscriptions"
-        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Text, {
+          children: t('premium.title') || 'Oxy+ Subscriptions'
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
           style: [styles.currentAppText, {
             color: isDarkTheme ? '#BBBBBB' : '#666666'
           }],
-          children: ["for ", getAppDisplayName(currentAppPackage)]
+          children: t('premium.forApp', {
+            app: getAppDisplayName(currentAppPackage)
+          }) || `for ${getAppDisplayName(currentAppPackage)}`
         })]
       }), onClose && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
         style: styles.closeButton,
@@ -478,7 +492,7 @@ const PremiumSubscriptionScreen = ({
         style: [styles.sectionTitle, {
           color: textColor
         }],
-        children: "Current Subscription"
+        children: t('premium.current.title') || 'Current Subscription'
       }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
         style: [styles.currentSubscriptionCard, {
           backgroundColor: secondaryBackgroundColor,
@@ -507,22 +521,26 @@ const PremiumSubscriptionScreen = ({
               children: subscription.status.toUpperCase()
             })
           })]
-        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Text, {
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.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__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
           style: styles.cancelNotice,
           children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_vectorIcons.Ionicons, {
             name: "warning",
             size: 16,
             color: warningColor
-          }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Text, {
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.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__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
           style: styles.subscriptionActions,
@@ -533,7 +551,7 @@ const PremiumSubscriptionScreen = ({
             onPress: handleReactivateSubscription,
             children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
               style: styles.actionButtonText,
-              children: "Reactivate"
+              children: t('premium.actions.reactivate') || 'Reactivate'
             })
           }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
             style: [styles.actionButton, {
@@ -542,7 +560,7 @@ const PremiumSubscriptionScreen = ({
             onPress: handleCancelSubscription,
             children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
               style: styles.actionButtonText,
-              children: "Cancel Subscription"
+              children: t('premium.actions.cancelSubBtn') || 'Cancel Subscription'
             })
           }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
             style: [styles.actionButton, styles.secondaryButton, {
@@ -552,7 +570,7 @@ const PremiumSubscriptionScreen = ({
               style: [styles.actionButtonText, {
                 color: textColor
               }],
-              children: "Manage Billing"
+              children: t('premium.actions.manageBilling') || 'Manage Billing'
             })
           })]
         })]
@@ -572,7 +590,7 @@ const PremiumSubscriptionScreen = ({
           style: [styles.billingOptionText, {
             color: billingInterval === 'month' ? '#FFFFFF' : textColor
           }],
-          children: "Monthly"
+          children: t('premium.billing.monthly') || 'Monthly'
         })
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
         style: [styles.billingOption, billingInterval === 'year' && {
@@ -583,14 +601,14 @@ const PremiumSubscriptionScreen = ({
           style: [styles.billingOptionText, {
             color: billingInterval === 'year' ? '#FFFFFF' : textColor
           }],
-          children: "Yearly"
+          children: t('premium.billing.yearly') || 'Yearly'
         })
       })]
     }), billingInterval === 'year' && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.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 => {
@@ -601,12 +619,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 = () => {
@@ -614,7 +636,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 {
@@ -647,7 +671,7 @@ const PremiumSubscriptionScreen = ({
         }],
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.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__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
         style: styles.planHeader,
@@ -679,11 +703,13 @@ const PremiumSubscriptionScreen = ({
             color: textColor
           }],
           children: pricing.formatted
-        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Text, {
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
           style: [styles.planInterval, {
             color: isDarkTheme ? '#BBBBBB' : '#666666'
           }],
-          children: ["per ", pricing.interval]
+          children: t('premium.plan.perInterval', {
+            interval: pricing.interval
+          }) || `per ${pricing.interval}`
         })]
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
         style: styles.planFeatures,
@@ -706,7 +732,7 @@ const PremiumSubscriptionScreen = ({
         }],
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
           style: styles.currentPlanText,
-          children: "Current Plan"
+          children: t('premium.plan.current') || 'Current Plan'
         })
       }) : !availability.available ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
         style: [styles.unavailablePlanButton, {
@@ -716,7 +742,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__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
         style: [styles.selectPlanButton, {
@@ -727,11 +753,13 @@ const PremiumSubscriptionScreen = ({
         children: processingPayment ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ActivityIndicator, {
           color: "#FFFFFF",
           size: "small"
-        }) : /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Text, {
+        }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.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);
@@ -752,7 +780,7 @@ const PremiumSubscriptionScreen = ({
           style: [styles.tabText, {
             color: activeTab === 'plans' ? primaryColor : textColor
           }],
-          children: "Full Plans"
+          children: t('premium.tabs.plans') || 'Full Plans'
         })
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
         style: [styles.tab, activeTab === 'features' && {
@@ -764,7 +792,7 @@ const PremiumSubscriptionScreen = ({
           style: [styles.tabText, {
             color: activeTab === 'features' ? primaryColor : textColor
           }],
-          children: "Individual Features"
+          children: t('premium.tabs.features') || 'Individual Features'
         })
       })]
     })
@@ -808,9 +836,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__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
@@ -870,11 +900,13 @@ const PremiumSubscriptionScreen = ({
             color: textColor
           }],
           children: pricing.formatted
-        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Text, {
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.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__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
         style: [styles.includedInPlanButton, {
@@ -886,7 +918,7 @@ const PremiumSubscriptionScreen = ({
           color: "#FFFFFF"
         }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
           style: styles.includedInPlanText,
-          children: "Included in your plan"
+          children: t('premium.feature.includedInPlan') || 'Included in your plan'
         })]
       }) : isSubscribed ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
         style: styles.featureActions,
@@ -900,7 +932,7 @@ const PremiumSubscriptionScreen = ({
             color: "#FFFFFF"
           }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
             style: styles.subscribedText,
-            children: "Subscribed"
+            children: t('premium.feature.subscribed') || 'Subscribed'
           })]
         }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
           style: [styles.unsubscribeButton, {
@@ -911,7 +943,7 @@ const PremiumSubscriptionScreen = ({
             style: [styles.unsubscribeText, {
               color: dangerColor
             }],
-            children: "Unsubscribe"
+            children: t('premium.actions.unsubscribe') || 'Unsubscribe'
           })
         })]
       }) : canPurchase ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
@@ -925,7 +957,7 @@ const PremiumSubscriptionScreen = ({
           size: "small"
         }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
           style: styles.subscribeFeatureText,
-          children: "Subscribe"
+          children: t('premium.actions.subscribe') || 'Subscribe'
         })
       }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
         style: [styles.unavailableButton, {
@@ -1024,7 +1056,7 @@ const PremiumSubscriptionScreen = ({
         style: [styles.loadingText, {
           color: textColor
         }],
-        children: "Loading subscription plans..."
+        children: t('premium.loading') || 'Loading subscription plans...'
       })]
     });
   }
@@ -1041,12 +1073,12 @@ const PremiumSubscriptionScreen = ({
           style: [styles.sectionTitle, {
             color: textColor
           }],
-          children: "Choose Your Plan"
+          children: t('premium.choosePlan') || 'Choose Your Plan'
         }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.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__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
         style: styles.section,
@@ -1054,7 +1086,7 @@ const PremiumSubscriptionScreen = ({
           style: [styles.sectionTitle, {
             color: textColor
           }],
-          children: "Available Plans"
+          children: t('premium.availablePlans') || 'Available Plans'
         }), plans.map(renderPlanCard)]
       }) : renderIndividualFeatures(), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
         style: styles.section,
@@ -1062,7 +1094,7 @@ const PremiumSubscriptionScreen = ({
           style: [styles.sectionTitle, {
             color: textColor
           }],
-          children: "Why Go Premium?"
+          children: t('premium.why') || 'Why Go Premium?'
         }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
           style: [styles.benefitsCard, {
             backgroundColor: secondaryBackgroundColor,
@@ -1080,12 +1112,12 @@ const PremiumSubscriptionScreen = ({
                 style: [styles.benefitTitle, {
                   color: textColor
                 }],
-                children: "Enhanced Performance"
+                children: t('premium.benefits.performance.title') || 'Enhanced Performance'
               }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.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__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
@@ -1100,12 +1132,12 @@ const PremiumSubscriptionScreen = ({
                 style: [styles.benefitTitle, {
                   color: textColor
                 }],
-                children: "Advanced Security"
+                children: t('premium.benefits.security.title') || 'Advanced Security'
               }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.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__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
@@ -1120,12 +1152,12 @@ const PremiumSubscriptionScreen = ({
                 style: [styles.benefitTitle, {
                   color: textColor
                 }],
-                children: "Priority Support"
+                children: t('premium.benefits.support.title') || 'Priority Support'
               }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.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'
               })]
             })]
           })]