@oxyhq/services 6.9.46 → 6.10.2

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

@@ -6,16 +6,12 @@ Object.defineProperty(exports, "__esModule", {
 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 _prompt = _interopRequireWildcard(require("@oxyhq/bloom/prompt"));
-var Prompt = _prompt;
+var _bloom = require("@oxyhq/bloom");
 var _vectorIcons = require("@expo/vector-icons");
 var _useI18n = require("../hooks/useI18n.js");
 var _theme = require("@oxyhq/bloom/theme");
 var _OxyContext = require("../context/OxyContext.js");
 var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 const PremiumSubscriptionScreen = ({
   onClose,
   theme,
@@ -43,8 +39,8 @@ const PremiumSubscriptionScreen = ({
   const bloomTheme = (0, _theme.useTheme)();
 
   // Prompt controls
-  const cancelSubscriptionPrompt = (0, _prompt.usePromptControl)();
-  const unsubscribeFeaturePrompt = (0, _prompt.usePromptControl)();
+  const cancelSubscriptionDialog = (0, _bloom.useDialogControl)();
+  const unsubscribeFeatureDialog = (0, _bloom.useDialogControl)();
 
   // Extract commonly used colors for readability
   const textColor = bloomTheme.colors.text;
@@ -55,10 +51,8 @@ const PremiumSubscriptionScreen = ({
   const successColor = bloomTheme.colors.success;
   const dangerColor = bloomTheme.colors.error;
   const isDarkTheme = bloomTheme.isDark;
-  const warningColor = '#FF9500';
+  const warningColor = bloomTheme.colors.warning;
 
-  // TODO: Replace mock data with actual API integration
-  // Should fetch plans from oxyServices.getSubscriptionPlans() and individual features from oxyServices.getIndividualFeatures()
   // Oxy+ subscription plans
   const mockPlans = [{
     id: 'mention-plus',
@@ -262,7 +256,7 @@ const PremiumSubscriptionScreen = ({
       if (__DEV__) {
         console.error('Failed to load subscription data:', error);
       }
-      _sonner.toast.error('Failed to load subscription information');
+      _bloom.toast.error('Failed to load subscription information');
     } finally {
       setLoading(false);
     }
@@ -274,18 +268,18 @@ const PremiumSubscriptionScreen = ({
     try {
       const selectedPlan = mockPlans.find(plan => plan.id === planId);
       if (!selectedPlan?.applicableApps.includes(currentAppPackage)) {
-        _sonner.toast.error(t('premium.toasts.planUnavailable', {
+        _bloom.toast.error(t('premium.toasts.planUnavailable', {
           app: currentAppPackage
         }) || `This plan is not available for the current app (${currentAppPackage})`);
         return;
       }
       if (planId === 'mention-plus' && currentAppPackage !== 'mention') {
-        _sonner.toast.error(t('premium.toasts.mentionOnly') || 'Mention+ is only available in the Mention app');
+        _bloom.toast.error(t('premium.toasts.mentionOnly') || 'Mention+ is only available in the Mention app');
         return;
       }
       setProcessingPayment(true);
       await new Promise(resolve => setTimeout(resolve, 2000));
-      _sonner.toast.success(t('premium.toasts.activated') || 'Subscription activated successfully!');
+      _bloom.toast.success(t('premium.toasts.activated') || 'Subscription activated successfully!');
       setSubscription({
         id: `sub_${Date.now()}`,
         planId,
@@ -299,23 +293,23 @@ const PremiumSubscriptionScreen = ({
       if (__DEV__) {
         console.error('Payment failed:', error);
       }
-      _sonner.toast.error(t('premium.toasts.paymentFailed') || 'Payment failed. Please try again.');
+      _bloom.toast.error(t('premium.toasts.paymentFailed') || 'Payment failed. Please try again.');
     } finally {
       setProcessingPayment(false);
     }
   };
   const confirmCancelSubscription = (0, _react.useCallback)(() => {
-    cancelSubscriptionPrompt.open();
-  }, [cancelSubscriptionPrompt]);
+    cancelSubscriptionDialog.open();
+  }, [cancelSubscriptionDialog]);
   const handleCancelSubscription = (0, _react.useCallback)(async () => {
     try {
       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');
+      _bloom.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');
+      _bloom.toast.error(t('premium.toasts.cancelFailed') || 'Failed to cancel subscription');
     }
   }, [t]);
   const handleReactivateSubscription = async () => {
@@ -324,9 +318,9 @@ const PremiumSubscriptionScreen = ({
         ...prev,
         cancelAtPeriodEnd: false
       } : null);
-      _sonner.toast.success(t('premium.toasts.reactivated') || 'Subscription reactivated successfully');
+      _bloom.toast.success(t('premium.toasts.reactivated') || 'Subscription reactivated successfully');
     } catch (error) {
-      _sonner.toast.error(t('premium.toasts.reactivateFailed') || 'Failed to reactivate subscription');
+      _bloom.toast.error(t('premium.toasts.reactivateFailed') || 'Failed to reactivate subscription');
     }
   };
   const formatPrice = (price, currency, interval) => {
@@ -346,14 +340,14 @@ const PremiumSubscriptionScreen = ({
     try {
       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})`);
+        _bloom.toast.error(`This feature is not available for the current app (${currentAppPackage})`);
         return;
       }
       if (selectedFeature.appScope === 'specific') {
         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`);
+          _bloom.toast.error(`${selectedFeature.name} is only available in the ${requiredApp} app`);
           return;
         }
       }
@@ -364,22 +358,22 @@ const PremiumSubscriptionScreen = ({
         isSubscribed: true
       } : feature));
       const feature = individualFeatures.find(f => f.id === featureId);
-      _sonner.toast.success(t('premium.toasts.featureSubscribed', {
+      _bloom.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.');
+      _bloom.toast.error(t('premium.toasts.featureSubscribeFailed') || 'Feature subscription failed. Please try again.');
     } finally {
       setProcessingPayment(false);
     }
   };
   const confirmFeatureUnsubscribe = (0, _react.useCallback)(featureId => {
     setPendingUnsubscribeFeatureId(featureId);
-    unsubscribeFeaturePrompt.open();
-  }, [unsubscribeFeaturePrompt]);
+    unsubscribeFeatureDialog.open();
+  }, [unsubscribeFeatureDialog]);
   const handleFeatureUnsubscribe = (0, _react.useCallback)(async () => {
     if (!pendingUnsubscribeFeatureId) return;
     const feature = individualFeatures.find(f => f.id === pendingUnsubscribeFeatureId);
@@ -388,11 +382,11 @@ const PremiumSubscriptionScreen = ({
         ...f,
         isSubscribed: false
       } : f));
-      _sonner.toast.success(t('premium.toasts.featureUnsubscribed', {
+      _bloom.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');
+      _bloom.toast.error(t('premium.toasts.featureUnsubscribeFailed') || 'Failed to unsubscribe from feature');
     } finally {
       setPendingUnsubscribeFeatureId(null);
     }
@@ -431,7 +425,7 @@ const PremiumSubscriptionScreen = ({
           children: t('premium.title') || 'Oxy+ Subscriptions'
         }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
           style: [styles.currentAppText, {
-            color: isDarkTheme ? '#BBBBBB' : '#666666'
+            color: bloomTheme.colors.textSecondary
           }],
           children: t('premium.forApp', {
             app: getAppDisplayName(currentAppPackage)
@@ -490,7 +484,7 @@ const PremiumSubscriptionScreen = ({
           })]
         }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
           style: [styles.subscriptionDetail, {
-            color: isDarkTheme ? '#BBBBBB' : '#666666'
+            color: bloomTheme.colors.textSecondary
           }],
           children: t('premium.current.renewsOn', {
             date: new Date(subscription.currentPeriodEnd).toLocaleDateString()
@@ -555,7 +549,7 @@ const PremiumSubscriptionScreen = ({
         onPress: () => setBillingInterval('month'),
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
           style: [styles.billingOptionText, {
-            color: billingInterval === 'month' ? '#FFFFFF' : textColor
+            color: billingInterval === 'month' ? bloomTheme.colors.negativeForeground : textColor
           }],
           children: t('premium.billing.monthly') || 'Monthly'
         })
@@ -566,7 +560,7 @@ const PremiumSubscriptionScreen = ({
         onPress: () => setBillingInterval('year'),
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
           style: [styles.billingOptionText, {
-            color: billingInterval === 'year' ? '#FFFFFF' : textColor
+            color: billingInterval === 'year' ? bloomTheme.colors.negativeForeground : textColor
           }],
           children: t('premium.billing.yearly') || 'Yearly'
         })
@@ -649,12 +643,12 @@ const PremiumSubscriptionScreen = ({
           children: plan.name
         }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
           style: [styles.planDescription, {
-            color: isDarkTheme ? '#BBBBBB' : '#666666'
+            color: bloomTheme.colors.textSecondary
           }],
           children: plan.description
         }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
           style: [styles.planAppScope, {
-            color: isDarkTheme ? '#888888' : '#999999'
+            color: bloomTheme.colors.textTertiary
           }],
           children: getAppScopeText()
         }), !availability.available && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
@@ -672,7 +666,7 @@ const PremiumSubscriptionScreen = ({
           children: pricing.formatted
         }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
           style: [styles.planInterval, {
-            color: isDarkTheme ? '#BBBBBB' : '#666666'
+            color: bloomTheme.colors.textSecondary
           }],
           children: t('premium.plan.perInterval', {
             interval: pricing.interval
@@ -703,11 +697,11 @@ const PremiumSubscriptionScreen = ({
         })
       }) : !availability.available ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
         style: [styles.unavailablePlanButton, {
-          backgroundColor: isDarkTheme ? '#444444' : '#E0E0E0'
+          backgroundColor: bloomTheme.colors.border
         }],
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
           style: [styles.unavailablePlanText, {
-            color: isDarkTheme ? '#888888' : '#999999'
+            color: bloomTheme.colors.textTertiary
           }],
           children: t('premium.plan.notAvailableInApp') || 'Not Available in Current App'
         })
@@ -718,11 +712,11 @@ const PremiumSubscriptionScreen = ({
         onPress: () => handleSubscribe(plan.id),
         disabled: processingPayment,
         children: processingPayment ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ActivityIndicator, {
-          color: "#FFFFFF",
+          color: bloomTheme.colors.negativeForeground,
           size: "small"
         }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
           style: [styles.selectPlanText, {
-            color: plan.isPopular ? '#FFFFFF' : textColor
+            color: plan.isPopular ? bloomTheme.colors.negativeForeground : textColor
           }],
           children: t('premium.actions.subscribeTo', {
             name: plan.name
@@ -772,15 +766,15 @@ const PremiumSubscriptionScreen = ({
     const getCategoryColor = category => {
       switch (category) {
         case 'analytics':
-          return '#FF9500';
+          return bloomTheme.colors.warning;
         case 'customization':
-          return '#5856D6';
+          return bloomTheme.colors.secondary;
         case 'content':
-          return '#30D158';
+          return bloomTheme.colors.success;
         case 'networking':
-          return '#007AFF';
+          return bloomTheme.colors.info;
         case 'productivity':
-          return '#FF3B30';
+          return bloomTheme.colors.error;
         default:
           return primaryColor;
       }
@@ -849,12 +843,12 @@ const PremiumSubscriptionScreen = ({
             })]
           }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
             style: [styles.featureDescription, {
-              color: isDarkTheme ? '#BBBBBB' : '#666666'
+              color: bloomTheme.colors.textSecondary
             }],
             children: feature.description
           }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
             style: [styles.appScopeText, {
-              color: isDarkTheme ? '#888888' : '#999999'
+              color: bloomTheme.colors.textTertiary
             }],
             children: getAppScopeText()
           })]
@@ -868,7 +862,7 @@ const PremiumSubscriptionScreen = ({
           children: pricing.formatted
         }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
           style: [styles.featureInterval, {
-            color: isDarkTheme ? '#BBBBBB' : '#666666'
+            color: bloomTheme.colors.textSecondary
           }],
           children: t('premium.plan.perInterval', {
             interval: pricing.interval
@@ -881,7 +875,7 @@ const PremiumSubscriptionScreen = ({
         children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_vectorIcons.Ionicons, {
           name: "checkmark-circle",
           size: 16,
-          color: "#FFFFFF"
+          color: bloomTheme.colors.negativeForeground
         }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
           style: styles.includedInPlanText,
           children: t('premium.feature.includedInPlan') || 'Included in your plan'
@@ -895,7 +889,7 @@ const PremiumSubscriptionScreen = ({
           children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_vectorIcons.Ionicons, {
             name: "checkmark",
             size: 16,
-            color: "#FFFFFF"
+            color: bloomTheme.colors.negativeForeground
           }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
             style: styles.subscribedText,
             children: t('premium.feature.subscribed') || 'Subscribed'
@@ -919,7 +913,7 @@ const PremiumSubscriptionScreen = ({
         onPress: () => handleFeatureSubscribe(feature.id),
         disabled: processingPayment,
         children: processingPayment ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ActivityIndicator, {
-          color: "#FFFFFF",
+          color: bloomTheme.colors.negativeForeground,
           size: "small"
         }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
           style: styles.subscribeFeatureText,
@@ -927,11 +921,11 @@ const PremiumSubscriptionScreen = ({
         })
       }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
         style: [styles.unavailableButton, {
-          backgroundColor: isDarkTheme ? '#444444' : '#E0E0E0'
+          backgroundColor: bloomTheme.colors.border
         }],
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
           style: [styles.unavailableText, {
-            color: isDarkTheme ? '#888888' : '#999999'
+            color: bloomTheme.colors.textTertiary
           }],
           children: "Only available in subscription plans"
         })
@@ -949,7 +943,7 @@ const PremiumSubscriptionScreen = ({
         children: "Individual Features"
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
         style: [styles.sectionSubtitle, {
-          color: isDarkTheme ? '#BBBBBB' : '#666666'
+          color: bloomTheme.colors.textSecondary
         }],
         children: "Subscribe to specific features you need. Some features are included in subscription plans."
       }), categories.map(category => {
@@ -976,7 +970,7 @@ const PremiumSubscriptionScreen = ({
     const testApps = ['mention', 'oxy-social', 'oxy-workspace', 'oxy-creator'];
     return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
       style: [styles.appSwitcher, {
-        backgroundColor: isDarkTheme ? '#333333' : '#F0F0F0',
+        backgroundColor: bloomTheme.colors.backgroundSecondary,
         borderColor
       }],
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
@@ -999,7 +993,7 @@ const PremiumSubscriptionScreen = ({
             },
             children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
               style: [styles.appSwitcherButtonText, {
-                color: currentAppPackage === app ? '#FFFFFF' : textColor
+                color: currentAppPackage === app ? bloomTheme.colors.negativeForeground : textColor
               }],
               children: app
             })
@@ -1041,7 +1035,7 @@ const PremiumSubscriptionScreen = ({
           children: t('premium.choosePlan') || 'Choose Your Plan'
         }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
           style: [styles.sectionSubtitle, {
-            color: isDarkTheme ? '#BBBBBB' : '#666666'
+            color: bloomTheme.colors.textSecondary
           }],
           children: t('premium.choosePlanSubtitle') || 'Unlock premium features and take your experience to the next level'
         })]
@@ -1080,7 +1074,7 @@ const PremiumSubscriptionScreen = ({
                 children: t('premium.benefits.performance.title') || 'Enhanced Performance'
               }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
                 style: [styles.benefitDescription, {
-                  color: isDarkTheme ? '#BBBBBB' : '#666666'
+                  color: bloomTheme.colors.textSecondary
                 }],
                 children: t('premium.benefits.performance.desc') || 'Faster processing and priority access to our servers'
               })]
@@ -1100,7 +1094,7 @@ const PremiumSubscriptionScreen = ({
                 children: t('premium.benefits.security.title') || 'Advanced Security'
               }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
                 style: [styles.benefitDescription, {
-                  color: isDarkTheme ? '#BBBBBB' : '#666666'
+                  color: bloomTheme.colors.textSecondary
                 }],
                 children: t('premium.benefits.security.desc') || 'Enhanced encryption and security features'
               })]
@@ -1120,7 +1114,7 @@ const PremiumSubscriptionScreen = ({
                 children: t('premium.benefits.support.title') || 'Priority Support'
               }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
                 style: [styles.benefitDescription, {
-                  color: isDarkTheme ? '#BBBBBB' : '#666666'
+                  color: bloomTheme.colors.textSecondary
                 }],
                 children: t('premium.benefits.support.desc') || 'Get help faster with our premium support team'
               })]
@@ -1130,22 +1124,32 @@ const PremiumSubscriptionScreen = ({
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
         style: styles.bottomSpacing
       })]
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(Prompt.Basic, {
-      control: cancelSubscriptionPrompt,
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_bloom.Dialog, {
+      control: cancelSubscriptionDialog,
       title: t('premium.confirms.cancelSubTitle') || 'Cancel Subscription',
       description: 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.',
-      onConfirm: handleCancelSubscription,
-      confirmButtonCta: t('premium.actions.cancelSubBtn') || 'Cancel Subscription',
-      confirmButtonColor: "negative"
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(Prompt.Basic, {
-      control: unsubscribeFeaturePrompt,
+      actions: [{
+        label: t('premium.actions.cancelSubBtn') || 'Cancel Subscription',
+        color: 'destructive',
+        onPress: handleCancelSubscription
+      }, {
+        label: t('common.cancel') || 'Cancel',
+        color: 'cancel'
+      }]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_bloom.Dialog, {
+      control: unsubscribeFeatureDialog,
       title: t('premium.confirms.unsubscribeFeatureTitle') || 'Unsubscribe from Feature',
       description: pendingUnsubscribeFeature ? t('premium.confirms.unsubscribeFeature', {
         name: pendingUnsubscribeFeature.name
       }) ?? `Are you sure you want to unsubscribe from ${pendingUnsubscribeFeature.name}?` : '',
-      onConfirm: handleFeatureUnsubscribe,
-      confirmButtonCta: t('premium.actions.unsubscribe') || 'Unsubscribe',
-      confirmButtonColor: "negative"
+      actions: [{
+        label: t('premium.actions.unsubscribe') || 'Unsubscribe',
+        color: 'destructive',
+        onPress: handleFeatureUnsubscribe
+      }, {
+        label: t('common.cancel') || 'Cancel',
+        color: 'cancel'
+      }]
     })]
   });
 };
@@ -1167,8 +1171,7 @@ const styles = _reactNative.StyleSheet.create({
   },
   headerTitle: {
     fontSize: 20,
-    fontWeight: '600',
-    fontFamily: _fonts.fontFamilies.interSemiBold
+    fontWeight: '600'
   },
   headerTitleContainer: {
     flex: 1,
@@ -1191,7 +1194,6 @@ const styles = _reactNative.StyleSheet.create({
   sectionTitle: {
     fontSize: 24,
     fontWeight: 'bold',
-    fontFamily: _fonts.fontFamilies.interBold,
     marginBottom: 8
   },
   sectionSubtitle: {