@oxyhq/services 22.9.0 → 22.11.0

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

@@ -10,14 +10,13 @@ var _settingsList = require("@oxyhq/bloom/settings-list");
 var _switch = require("@oxyhq/bloom/switch");
 var _theme = require("@oxyhq/bloom/theme");
 var _core = require("@oxyhq/core");
-var _Header = _interopRequireDefault(require("../components/Header.js"));
 var _SettingsIcon = require("../components/SettingsIcon.js");
 var _useI18n = require("../hooks/useI18n.js");
+var _useSurfaceHeader = require("../hooks/useSurfaceHeader.js");
 var _OxyContext = require("../context/OxyContext.js");
 var _useAccountQueries = require("../hooks/queries/useAccountQueries.js");
 var _useAccountMutations = require("../hooks/mutations/useAccountMutations.js");
 var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 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 THEME_ORDER = ['system', 'light', 'dark'];
 
@@ -51,6 +50,9 @@ const PreferencesScreen = ({
     t,
     locale
   } = (0, _useI18n.useI18n)();
+  (0, _useSurfaceHeader.useSurfaceHeader)({
+    title: t('preferences.title') || 'Preferences'
+  });
   const {
     isAuthenticated
   } = (0, _OxyContext.useOxy)();
@@ -121,80 +123,71 @@ const PreferencesScreen = ({
   // signed in (else the device locale) — surfaced here via the i18n `locale`.
   const languageDescription = (0, _react.useMemo)(() => (0, _core.getNativeLanguageName)(locale), [locale]);
   const isSaving = updateMutation.isPending;
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-    className: "flex-1 bg-bg",
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Header.default, {
-      title: t('preferences.title') || 'Preferences',
-      onBack: goBack || onClose,
-      variant: "minimal",
-      elevation: "subtle"
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ScrollView, {
-      className: "flex-1",
-      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-        className: "px-screen-margin pb-space-24",
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_settingsList.SettingsListGroup, {
-          title: t('preferences.sections.appearance') || 'Appearance',
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_settingsList.SettingsListItem, {
-            icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_SettingsIcon.SettingsIcon, {
-              name: "theme-light-dark",
-              color: bloomTheme.colors.primary
-            }),
-            title: t('preferences.items.theme.title') || 'Theme',
-            description: themeDisplay,
-            onPress: () => handleThemeChange(nextTheme),
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      className: "px-screen-margin pb-space-24",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_settingsList.SettingsListGroup, {
+        title: t('preferences.sections.appearance') || 'Appearance',
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_settingsList.SettingsListItem, {
+          icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_SettingsIcon.SettingsIcon, {
+            name: "theme-light-dark",
+            color: bloomTheme.colors.primary
+          }),
+          title: t('preferences.items.theme.title') || 'Theme',
+          description: themeDisplay,
+          onPress: () => handleThemeChange(nextTheme),
+          disabled: isSaving
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_settingsList.SettingsListItem, {
+          icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_SettingsIcon.SettingsIcon, {
+            name: "motion",
+            color: bloomTheme.colors.success
+          }),
+          title: t('preferences.items.reduceMotion.title') || 'Reduce motion',
+          description: systemReduceMotion ? t('preferences.items.reduceMotion.systemOn') || 'Following system: reduce motion is on' : t('preferences.items.reduceMotion.subtitle') || 'Minimise animations across Oxy apps',
+          rightElement: /*#__PURE__*/(0, _jsxRuntime.jsx)(_switch.Switch, {
+            value: reduceMotionPref,
+            onValueChange: handleReduceMotionToggle,
             disabled: isSaving
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_settingsList.SettingsListItem, {
-            icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_SettingsIcon.SettingsIcon, {
-              name: "motion",
-              color: bloomTheme.colors.success
-            }),
-            title: t('preferences.items.reduceMotion.title') || 'Reduce motion',
-            description: systemReduceMotion ? t('preferences.items.reduceMotion.systemOn') || 'Following system: reduce motion is on' : t('preferences.items.reduceMotion.subtitle') || 'Minimise animations across Oxy apps',
-            rightElement: /*#__PURE__*/(0, _jsxRuntime.jsx)(_switch.Switch, {
-              value: reduceMotionPref,
-              onValueChange: handleReduceMotionToggle,
-              disabled: isSaving
-            }),
-            showChevron: false
-          })]
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_settingsList.SettingsListGroup, {
-          title: t('preferences.sections.language') || 'Language',
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_settingsList.SettingsListItem, {
-            icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_SettingsIcon.SettingsIcon, {
-              name: "translate",
-              color: bloomTheme.colors.success
-            }),
-            title: t('preferences.items.language.title') || 'Language',
-            description: languageDescription,
-            onPress: () => navigate?.('LanguageSelector')
-          })
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_settingsList.SettingsListGroup, {
-          title: t('preferences.sections.region') || 'Region',
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_settingsList.SettingsListItem, {
-            icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_SettingsIcon.SettingsIcon, {
-              name: "clock-outline",
-              color: bloomTheme.colors.info
-            }),
-            title: t('preferences.items.timezone.title') || 'Timezone',
-            description: timezone || t('preferences.items.timezone.unknown') || 'Unable to detect timezone',
-            onPress: prefs?.timezone ? handleResetTimezone : undefined,
-            disabled: isSaving || !prefs?.timezone,
-            showChevron: false
-          })
-        }), _reactNative.Platform.OS === 'web' ? null : /*#__PURE__*/(0, _jsxRuntime.jsx)(_settingsList.SettingsListGroup, {
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_settingsList.SettingsListItem, {
-            icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_SettingsIcon.SettingsIcon, {
-              name: "information",
-              color: bloomTheme.colors.secondary
-            }),
-            title: t('preferences.items.about.title') || 'About preferences',
-            description: t('preferences.items.about.subtitle') || 'Preferences sync across every Oxy app you sign into',
-            showChevron: false,
-            disabled: true
-          })
+          }),
+          showChevron: false
         })]
-      })
-    })]
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_settingsList.SettingsListGroup, {
+        title: t('preferences.sections.language') || 'Language',
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_settingsList.SettingsListItem, {
+          icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_SettingsIcon.SettingsIcon, {
+            name: "translate",
+            color: bloomTheme.colors.success
+          }),
+          title: t('preferences.items.language.title') || 'Language',
+          description: languageDescription,
+          onPress: () => navigate?.('LanguageSelector')
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_settingsList.SettingsListGroup, {
+        title: t('preferences.sections.region') || 'Region',
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_settingsList.SettingsListItem, {
+          icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_SettingsIcon.SettingsIcon, {
+            name: "clock-outline",
+            color: bloomTheme.colors.info
+          }),
+          title: t('preferences.items.timezone.title') || 'Timezone',
+          description: timezone || t('preferences.items.timezone.unknown') || 'Unable to detect timezone',
+          onPress: prefs?.timezone ? handleResetTimezone : undefined,
+          disabled: isSaving || !prefs?.timezone,
+          showChevron: false
+        })
+      }), _reactNative.Platform.OS === 'web' ? null : /*#__PURE__*/(0, _jsxRuntime.jsx)(_settingsList.SettingsListGroup, {
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_settingsList.SettingsListItem, {
+          icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_SettingsIcon.SettingsIcon, {
+            name: "information",
+            color: bloomTheme.colors.secondary
+          }),
+          title: t('preferences.items.about.title') || 'About preferences',
+          description: t('preferences.items.about.subtitle') || 'Preferences sync across every Oxy app you sign into',
+          showChevron: false,
+          disabled: true
+        })
+      })]
+    })
   });
 };
 var _default = exports.default = /*#__PURE__*/_react.default.memo(PreferencesScreen);

package/lib/commonjs/ui/screens/PreferencesScreen.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_settingsList","_switch","_theme","_core","_Header","_interopRequireDefault","_SettingsIcon","_useI18n","_OxyContext","_useAccountQueries","_useAccountMutations","_jsxRuntime","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","THEME_ORDER","getDeviceTimezone","Intl","DateTimeFormat","resolvedOptions","timeZone","PreferencesScreen","onClose","goBack","navigate","bloomTheme","useTheme","locale","useI18n","isAuthenticated","useOxy","data","user","useCurrentUser","enabled","updateMutation","useUpdateUserPreferences","prefs","userPreferences","themePref","theme","reduceMotionPref","reduceMotion","deviceTimezone","useMemo","timezone","systemReduceMotion","setSystemReduceMotion","useState","useEffect","cancelled","AccessibilityInfo","isReduceMotionEnabled","then","value","catch","sub","addEventListener","remove","handleThemeChange","useCallback","nextTheme","patch","mutateAsync","handleReduceMotionToggle","next","handleResetTimezone","themeDisplay","indexOf","length","languageDescription","getNativeLanguageName","isSaving","isPending","jsxs","View","className","children","jsx","title","onBack","variant","elevation","ScrollView","SettingsListGroup","SettingsListItem","icon","SettingsIcon","name","color","colors","primary","description","onPress","disabled","success","rightElement","Switch","onValueChange","showChevron","info","undefined","Platform","OS","secondary","_default","exports","React","memo"],"sourceRoot":"../../../../src","sources":["ui/screens/PreferencesScreen.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_settingsList","_switch","_theme","_core","_SettingsIcon","_useI18n","_useSurfaceHeader","_OxyContext","_useAccountQueries","_useAccountMutations","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","THEME_ORDER","getDeviceTimezone","Intl","DateTimeFormat","resolvedOptions","timeZone","PreferencesScreen","onClose","goBack","navigate","bloomTheme","useTheme","locale","useI18n","useSurfaceHeader","title","isAuthenticated","useOxy","data","user","useCurrentUser","enabled","updateMutation","useUpdateUserPreferences","prefs","userPreferences","themePref","theme","reduceMotionPref","reduceMotion","deviceTimezone","useMemo","timezone","systemReduceMotion","setSystemReduceMotion","useState","useEffect","cancelled","AccessibilityInfo","isReduceMotionEnabled","then","value","catch","sub","addEventListener","remove","handleThemeChange","useCallback","nextTheme","patch","mutateAsync","handleReduceMotionToggle","next","handleResetTimezone","themeDisplay","indexOf","length","languageDescription","getNativeLanguageName","isSaving","isPending","jsx","Fragment","children","jsxs","View","className","SettingsListGroup","SettingsListItem","icon","SettingsIcon","name","color","colors","primary","description","onPress","disabled","success","rightElement","Switch","onValueChange","showChevron","info","undefined","Platform","OS","secondary","_default","exports","React","memo"],"sourceRoot":"../../../../src","sources":["ui/screens/PreferencesScreen.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -7,6 +7,7 @@ exports.default = void 0;
 var _react = require("react");
 var _reactNative = require("react-native");
 var _bloom = require("@oxyhq/bloom");
+var _surfaces = require("@oxyhq/bloom/surfaces");
 var _theme = require("@oxyhq/bloom/theme");
 var _button = require("@oxyhq/bloom/button");
 var _chip = require("@oxyhq/bloom/chip");
@@ -16,11 +17,10 @@ var _typography = require("@oxyhq/bloom/typography");
 var _benefitList = require("@oxyhq/bloom/benefit-list");
 var _segmentedControl = require("@oxyhq/bloom/segmented-control");
 var _vectorIcons = require("@expo/vector-icons");
-var _Header = _interopRequireDefault(require("../components/Header.js"));
 var _useI18n = require("../hooks/useI18n.js");
+var _useSurfaceHeader = require("../hooks/useSurfaceHeader.js");
 var _OxyContext = require("../context/OxyContext.js");
 var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const TAB_PLANS = 'plans';
 const TAB_FEATURES = 'features';
 const BILLING_MONTH = 'month';
@@ -34,6 +34,20 @@ const FEATURE_DELAY_MS = 1500;
 /** One subscription period for the mocked renewal date (30 days, in ms). */
 const PERIOD_MS = 30 * 24 * 60 * 60 * 1000;
 const FEATURE_CATEGORIES = ['analytics', 'customization', 'content', 'networking', 'productivity'];
+
+// Pure package-name → display-name mapping (module scope so the nav-header
+// subtitle can reference it before the component's render helpers).
+const getAppDisplayName = packageName => {
+  const appNames = {
+    'mention': 'Mention',
+    'oxy-social': 'Oxy Social',
+    'oxy-workspace': 'Oxy Workspace',
+    'oxy-creator': 'Oxy Creator',
+    'oxy-analytics': 'Oxy Analytics',
+    'oxy-studio': 'Oxy Studio'
+  };
+  return appNames[packageName] || packageName;
+};
 const PremiumSubscriptionScreen = ({
   onClose,
   navigate,
@@ -53,17 +67,19 @@ const PremiumSubscriptionScreen = ({
   const [billingInterval, setBillingInterval] = (0, _react.useState)(BILLING_MONTH);
   const [activeTab, setActiveTab] = (0, _react.useState)(TAB_PLANS);
   const [currentAppPackage, setCurrentAppPackage] = (0, _react.useState)('mention'); // Default to mention for demo
-  const [pendingUnsubscribeFeatureId, setPendingUnsubscribeFeatureId] = (0, _react.useState)(null);
+
   const {
     t
   } = (0, _useI18n.useI18n)();
+  (0, _useSurfaceHeader.useSurfaceHeader)({
+    title: t('premium.title') || 'Oxy+ Subscriptions',
+    subtitle: t('premium.forApp', {
+      app: getAppDisplayName(currentAppPackage)
+    }) || `for ${getAppDisplayName(currentAppPackage)}`
+  });
   const bloomTheme = (0, _theme.useTheme)();
   const colors = bloomTheme.colors;
 
-  // Prompt controls
-  const cancelSubscriptionDialog = (0, _bloom.useDialogControl)();
-  const unsubscribeFeatureDialog = (0, _bloom.useDialogControl)();
-
   // Oxy+ subscription plans
   const mockPlans = [{
     id: 'mention-plus',
@@ -307,10 +323,15 @@ const PremiumSubscriptionScreen = ({
       setProcessingPayment(false);
     }
   };
-  const confirmCancelSubscription = (0, _react.useCallback)(() => {
-    cancelSubscriptionDialog.open();
-  }, [cancelSubscriptionDialog]);
   const handleCancelSubscription = (0, _react.useCallback)(async () => {
+    const confirmed = await _surfaces.surfaces.confirm({
+      title: t('premium.confirms.cancelSubTitle') || 'Cancel Subscription',
+      message: 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.',
+      confirmLabel: t('premium.actions.cancelSubBtn') || 'Cancel Subscription',
+      cancelLabel: t('common.cancel') || 'Cancel',
+      destructive: true
+    });
+    if (!confirmed) return;
     try {
       setSubscription(prev => prev ? {
         ...prev,
@@ -379,15 +400,20 @@ const PremiumSubscriptionScreen = ({
       setProcessingPayment(false);
     }
   };
-  const confirmFeatureUnsubscribe = (0, _react.useCallback)(featureId => {
-    setPendingUnsubscribeFeatureId(featureId);
-    unsubscribeFeatureDialog.open();
-  }, [unsubscribeFeatureDialog]);
-  const handleFeatureUnsubscribe = (0, _react.useCallback)(async () => {
-    if (!pendingUnsubscribeFeatureId) return;
-    const feature = individualFeatures.find(f => f.id === pendingUnsubscribeFeatureId);
+  const handleFeatureUnsubscribe = (0, _react.useCallback)(async featureId => {
+    const feature = individualFeatures.find(f => f.id === featureId);
+    const confirmed = await _surfaces.surfaces.confirm({
+      title: t('premium.confirms.unsubscribeFeatureTitle') || 'Unsubscribe from Feature',
+      message: feature ? t('premium.confirms.unsubscribeFeature', {
+        name: feature.name
+      }) ?? `Are you sure you want to unsubscribe from ${feature.name}?` : '',
+      confirmLabel: t('premium.actions.unsubscribe') || 'Unsubscribe',
+      cancelLabel: t('common.cancel') || 'Cancel',
+      destructive: true
+    });
+    if (!confirmed) return;
     try {
-      setIndividualFeatures(prev => prev.map(f => f.id === pendingUnsubscribeFeatureId ? {
+      setIndividualFeatures(prev => prev.map(f => f.id === featureId ? {
         ...f,
         isSubscribed: false
       } : f));
@@ -396,22 +422,8 @@ const PremiumSubscriptionScreen = ({
       }) ?? `Unsubscribed from ${feature?.name}`);
     } catch (error) {
       _bloom.toast.error(t('premium.toasts.featureUnsubscribeFailed') || 'Failed to unsubscribe from feature');
-    } finally {
-      setPendingUnsubscribeFeatureId(null);
     }
-  }, [pendingUnsubscribeFeatureId, individualFeatures, t]);
-  const pendingUnsubscribeFeature = (0, _react.useMemo)(() => individualFeatures.find(f => f.id === pendingUnsubscribeFeatureId), [individualFeatures, pendingUnsubscribeFeatureId]);
-  const getAppDisplayName = packageName => {
-    const appNames = {
-      'mention': 'Mention',
-      'oxy-social': 'Oxy Social',
-      'oxy-workspace': 'Oxy Workspace',
-      'oxy-creator': 'Oxy Creator',
-      'oxy-analytics': 'Oxy Analytics',
-      'oxy-studio': 'Oxy Studio'
-    };
-    return appNames[packageName] || packageName;
-  };
+  }, [individualFeatures, t]);
   const renderCurrentSubscription = () => {
     if (!subscription) return null;
     const currentPlan = getCurrentPlan();
@@ -473,7 +485,7 @@ const PremiumSubscriptionScreen = ({
               children: t('premium.actions.reactivate') || 'Reactivate'
             }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_button.Button, {
               variant: "destructive",
-              onPress: confirmCancelSubscription,
+              onPress: handleCancelSubscription,
               className: "flex-1",
               accessibilityLabel: t('premium.actions.cancelSubBtn') || 'Cancel Subscription',
               children: t('premium.actions.cancelSubBtn') || 'Cancel Subscription'
@@ -799,7 +811,7 @@ const PremiumSubscriptionScreen = ({
             children: t('premium.feature.subscribed') || 'Subscribed'
           }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_button.Button, {
             variant: "outline",
-            onPress: () => confirmFeatureUnsubscribe(feature.id),
+            onPress: () => handleFeatureUnsubscribe(feature.id),
             accessibilityLabel: t('premium.actions.unsubscribe') || 'Unsubscribe',
             className: "flex-1",
             children: t('premium.actions.unsubscribe') || 'Unsubscribe'
@@ -869,19 +881,9 @@ const PremiumSubscriptionScreen = ({
     });
   };
   if (loading) {
-    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-      className: "flex-1 bg-bg",
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Header.default, {
-        title: t('premium.title') || 'Oxy+ Subscriptions',
-        subtitle: t('premium.forApp', {
-          app: getAppDisplayName(currentAppPackage)
-        }) || `for ${getAppDisplayName(currentAppPackage)}`,
-        onBack: goBack || onClose,
-        onClose: onClose,
-        showCloseButton: !!onClose,
-        elevation: "subtle"
-      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-        className: "flex-1 items-center justify-center px-screen-margin",
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+        className: "items-center justify-center px-screen-margin py-space-40",
         children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ActivityIndicator, {
           size: "large",
           color: colors.primary
@@ -889,24 +891,12 @@ const PremiumSubscriptionScreen = ({
           className: "text-text-secondary text-base text-center mt-space-16",
           children: t('premium.loading') || 'Loading subscription plans...'
         })]
-      })]
+      })
     });
   }
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-    className: "flex-1 bg-bg",
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Header.default, {
-      title: t('premium.title') || 'Oxy+ Subscriptions',
-      subtitle: t('premium.forApp', {
-        app: getAppDisplayName(currentAppPackage)
-      }) || `for ${getAppDisplayName(currentAppPackage)}`,
-      onBack: goBack || onClose,
-      onClose: onClose,
-      showCloseButton: !!onClose,
-      elevation: "subtle"
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ScrollView, {
-      className: "flex-1",
-      contentContainerClassName: "px-screen-margin pb-space-32",
-      showsVerticalScrollIndicator: false,
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      className: "px-screen-margin pb-space-32",
       children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
         className: "pt-space-20",
         children: [renderAppSwitcher(), subscription && renderCurrentSubscription(), !subscription && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
@@ -960,33 +950,7 @@ const PremiumSubscriptionScreen = ({
           })]
         })]
       })
-    }), /*#__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.',
-      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}?` : '',
-      actions: [{
-        label: t('premium.actions.unsubscribe') || 'Unsubscribe',
-        color: 'destructive',
-        onPress: handleFeatureUnsubscribe
-      }, {
-        label: t('common.cancel') || 'Cancel',
-        color: 'cancel'
-      }]
-    })]
+    })
   });
 };
 var _default = exports.default = PremiumSubscriptionScreen;