@oxyhq/services 6.9.44 → 6.9.46

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

@@ -8,14 +8,18 @@ var _react = require("react");
 var _reactNative = require("react-native");
 var _fonts = require("../styles/fonts.js");
 var _sonner = require("../../lib/sonner");
-var _confirmAction = require("../utils/confirmAction.js");
+var _prompt = _interopRequireWildcard(require("@oxyhq/bloom/prompt"));
+var Prompt = _prompt;
 var _OxyIcon = _interopRequireDefault(require("../components/icon/OxyIcon.js"));
 var _index = require("../components/index.js");
+var _settingsList = require("@oxyhq/bloom/settings-list");
+var _SettingsIcon = require("../components/SettingsIcon.js");
 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 _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 ModernAccountSwitcherScreen = ({
   onClose,
   theme,
@@ -50,6 +54,16 @@ const ModernAccountSwitcherScreen = ({
   const [loadingDeviceSessions, setLoadingDeviceSessions] = (0, _react.useState)(false);
   const [remotingLogoutSessionId, setRemoteLogoutSessionId] = (0, _react.useState)(null);
   const [loggingOutAllDevices, setLoggingOutAllDevices] = (0, _react.useState)(false);
+
+  // Pending state for prompts
+  const [pendingRemoveSession, setPendingRemoveSession] = (0, _react.useState)(null);
+  const [pendingRemoteLogout, setPendingRemoteLogout] = (0, _react.useState)(null);
+
+  // Prompt controls
+  const removeSessionPrompt = (0, _prompt.usePromptControl)();
+  const logoutAllPrompt = (0, _prompt.usePromptControl)();
+  const remoteLogoutPrompt = (0, _prompt.usePromptControl)();
+  const logoutAllDevicesPrompt = (0, _prompt.usePromptControl)();
   const screenWidth = _reactNative.Dimensions.get('window').width;
   const {
     t
@@ -144,44 +158,52 @@ const ModernAccountSwitcherScreen = ({
       setSwitchingToUserId(null);
     }
   }, [activeSessionId, switchSession, onClose, t, switchingToUserId]);
-  const handleRemoveSession = (0, _react.useCallback)(async (sessionId, displayName) => {
-    if (removingUserId) return; // Already removing
-
-    (0, _confirmAction.confirmAction)(t('accountSwitcher.confirms.remove', {
+  const confirmRemoveSession = (0, _react.useCallback)((sessionId, displayName) => {
+    if (removingUserId) return;
+    setPendingRemoveSession({
+      sessionId,
       displayName
-    }) || `Are you sure you want to remove ${displayName} from this device? You'll need to sign in again to access this account.`, async () => {
-      setRemovingUserId(sessionId);
-      try {
-        await removeSession(sessionId);
-        _sonner.toast.success(t('accountSwitcher.toasts.removeSuccess') || 'Account removed successfully!');
-      } catch (error) {
-        if (__DEV__) {
-          console.error('Remove session failed:', error);
-        }
-        _sonner.toast.error(t('accountSwitcher.toasts.removeFailed') || 'There was a problem removing the account. Please try again.');
-      } finally {
-        setRemovingUserId(null);
-      }
     });
-  }, [removeSession, t, removingUserId]);
-  const handleLogoutAll = (0, _react.useCallback)(() => {
-    (0, _confirmAction.confirmAction)(t('accountSwitcher.confirms.logoutAll') || 'Are you sure you want to sign out of all accounts? This will remove all saved accounts from this device.', async () => {
-      try {
-        await logoutAll();
-        _sonner.toast.success(t('accountSwitcher.toasts.signOutAllSuccess') || 'All accounts signed out successfully!');
-        if (onClose) {
-          onClose();
-        }
-      } catch (error) {
-        if (__DEV__) {
-          console.error('Logout all failed:', error);
-        }
-        const errorMessage = error instanceof Error ? error.message : 'Unknown error occurred';
-        _sonner.toast.error(t('accountSwitcher.toasts.signOutAllFailed', {
-          error: errorMessage
-        }) || `There was a problem signing out: ${errorMessage}`);
+    removeSessionPrompt.open();
+  }, [removingUserId, removeSessionPrompt]);
+  const handleRemoveSession = (0, _react.useCallback)(async () => {
+    if (!pendingRemoveSession) return;
+    const {
+      sessionId
+    } = pendingRemoveSession;
+    setRemovingUserId(sessionId);
+    try {
+      await removeSession(sessionId);
+      _sonner.toast.success(t('accountSwitcher.toasts.removeSuccess') || 'Account removed successfully!');
+    } catch (error) {
+      if (__DEV__) {
+        console.error('Remove session failed:', error);
       }
-    });
+      _sonner.toast.error(t('accountSwitcher.toasts.removeFailed') || 'There was a problem removing the account. Please try again.');
+    } finally {
+      setRemovingUserId(null);
+      setPendingRemoveSession(null);
+    }
+  }, [pendingRemoveSession, removeSession, t]);
+  const confirmLogoutAll = (0, _react.useCallback)(() => {
+    logoutAllPrompt.open();
+  }, [logoutAllPrompt]);
+  const handleLogoutAll = (0, _react.useCallback)(async () => {
+    try {
+      await logoutAll();
+      _sonner.toast.success(t('accountSwitcher.toasts.signOutAllSuccess') || 'All accounts signed out successfully!');
+      if (onClose) {
+        onClose();
+      }
+    } catch (error) {
+      if (__DEV__) {
+        console.error('Logout all failed:', error);
+      }
+      const errorMessage = error instanceof Error ? error.message : 'Unknown error occurred';
+      _sonner.toast.error(t('accountSwitcher.toasts.signOutAllFailed', {
+        error: errorMessage
+      }) || `There was a problem signing out: ${errorMessage}`);
+    }
   }, [logoutAll, onClose, t]);
   const handleSwitchToManagedAccount = (0, _react.useCallback)(async accountId => {
     if (actingAs === accountId) return; // Already acting as this account
@@ -223,58 +245,64 @@ const ModernAccountSwitcherScreen = ({
       setLoadingDeviceSessions(false);
     }
   }, [oxyServices, activeSessionId, t]);
-  const handleRemoteSessionLogout = (0, _react.useCallback)((sessionId, deviceName) => {
-    if (remotingLogoutSessionId) return; // Already processing
-
-    (0, _confirmAction.confirmAction)(t('accountSwitcher.confirms.remoteLogout', {
+  const confirmRemoteSessionLogout = (0, _react.useCallback)((sessionId, deviceName) => {
+    if (remotingLogoutSessionId) return;
+    setPendingRemoteLogout({
+      sessionId,
       deviceName
-    }) || `Are you sure you want to sign out from "${deviceName}"? This will end the session on that device.`, async () => {
-      setRemoteLogoutSessionId(sessionId);
-      try {
-        await oxyServices?.logoutSession((activeSessionId ?? null) || '', sessionId);
-        await loadAllDeviceSessions();
-        _sonner.toast.success(t('accountSwitcher.toasts.remoteSignOutSuccess', {
-          deviceName
-        }) || `Signed out from ${deviceName} successfully!`);
-      } catch (error) {
-        if (__DEV__) {
-          console.error('Remote logout failed:', error);
-        }
-        _sonner.toast.error(t('accountSwitcher.toasts.remoteSignOutFailed') || 'There was a problem signing out from the device. Please try again.');
-      } finally {
-        setRemoteLogoutSessionId(null);
-      }
     });
-  }, [activeSessionId, oxyServices, loadAllDeviceSessions, t, remotingLogoutSessionId]);
-  const handleLogoutAllDevices = (0, _react.useCallback)(() => {
+    remoteLogoutPrompt.open();
+  }, [remotingLogoutSessionId, remoteLogoutPrompt]);
+  const handleRemoteSessionLogout = (0, _react.useCallback)(async () => {
+    if (!pendingRemoteLogout) return;
+    const {
+      sessionId
+    } = pendingRemoteLogout;
+    setRemoteLogoutSessionId(sessionId);
+    try {
+      await oxyServices?.logoutSession((activeSessionId ?? null) || '', sessionId);
+      await loadAllDeviceSessions();
+      _sonner.toast.success(t('accountSwitcher.toasts.remoteSignOutSuccess', {
+        deviceName: pendingRemoteLogout.deviceName
+      }) || `Signed out from ${pendingRemoteLogout.deviceName} successfully!`);
+    } catch (error) {
+      if (__DEV__) {
+        console.error('Remote logout failed:', error);
+      }
+      _sonner.toast.error(t('accountSwitcher.toasts.remoteSignOutFailed') || 'There was a problem signing out from the device. Please try again.');
+    } finally {
+      setRemoteLogoutSessionId(null);
+      setPendingRemoteLogout(null);
+    }
+  }, [pendingRemoteLogout, activeSessionId, oxyServices, loadAllDeviceSessions, t]);
+  const confirmLogoutAllDevices = (0, _react.useCallback)(() => {
     const otherDevicesCount = deviceSessions.filter(session => !session.isCurrent).length;
     if (otherDevicesCount === 0) {
       _sonner.toast.info(t('accountSwitcher.toasts.noOtherDeviceSessions') || 'No other device sessions found to sign out from.');
       return;
     }
-    if (loggingOutAllDevices) return; // Already processing
-
-    (0, _confirmAction.confirmAction)(t('accountSwitcher.confirms.logoutOthers', {
-      count: otherDevicesCount
-    }) || `Are you sure you want to sign out from all ${otherDevicesCount} other device(s)? This will end sessions on all other devices except this one.`, async () => {
-      setLoggingOutAllDevices(true);
-      try {
-        await oxyServices?.logoutAllDeviceSessions((activeSessionId ?? null) || '');
-        await loadAllDeviceSessions();
-        _sonner.toast.success(t('accountSwitcher.toasts.signOutOthersSuccess') || 'Signed out from all other devices successfully!');
-      } catch (error) {
-        if (__DEV__) {
-          console.error('Logout all devices failed:', error);
-        }
-        _sonner.toast.error(t('accountSwitcher.toasts.signOutOthersFailed') || 'There was a problem signing out from other devices. Please try again.');
-      } finally {
-        setLoggingOutAllDevices(false);
+    if (loggingOutAllDevices) return;
+    logoutAllDevicesPrompt.open();
+  }, [deviceSessions, loggingOutAllDevices, logoutAllDevicesPrompt, t]);
+  const handleLogoutAllDevices = (0, _react.useCallback)(async () => {
+    setLoggingOutAllDevices(true);
+    try {
+      await oxyServices?.logoutAllDeviceSessions((activeSessionId ?? null) || '');
+      await loadAllDeviceSessions();
+      _sonner.toast.success(t('accountSwitcher.toasts.signOutOthersSuccess') || 'Signed out from all other devices successfully!');
+    } catch (error) {
+      if (__DEV__) {
+        console.error('Logout all devices failed:', error);
       }
-    });
-  }, [deviceSessions, activeSessionId, oxyServices, loadAllDeviceSessions, t, loggingOutAllDevices]);
+      _sonner.toast.error(t('accountSwitcher.toasts.signOutOthersFailed') || 'There was a problem signing out from other devices. Please try again.');
+    } finally {
+      setLoggingOutAllDevices(false);
+    }
+  }, [activeSessionId, oxyServices, loadAllDeviceSessions, t]);
 
   // Memoize filtered sessions for performance
   const otherSessions = (0, _react.useMemo)(() => sessionsWithUsers.filter(s => s.sessionId !== (activeSessionId ?? null)), [sessionsWithUsers, activeSessionId]);
+  const otherDevicesCount = (0, _react.useMemo)(() => deviceSessions.filter(session => !session.isCurrent).length, [deviceSessions]);
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
     style: [styles.container, {
       backgroundColor: bloomTheme.colors.background
@@ -408,7 +436,7 @@ const ModernAccountSwitcherScreen = ({
                   })
                 }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
                   style: styles.removeButton,
-                  onPress: () => handleRemoveSession(sessionWithUser.sessionId, displayName),
+                  onPress: () => confirmRemoveSession(sessionWithUser.sessionId, displayName),
                   disabled: isSwitching || isRemoving,
                   children: isRemoving ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ActivityIndicator, {
                     size: "small",
@@ -594,80 +622,85 @@ const ModernAccountSwitcherScreen = ({
               })]
             })]
           })]
-        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
           style: styles.section,
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-            style: styles.sectionTitle,
-            children: "Quick Actions"
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.GroupedSection, {
-            items: [{
-              id: 'add-account',
-              icon: 'account-plus',
-              iconColor: '#007AFF',
-              title: 'Add Another Account',
-              subtitle: 'Sign in with a different account',
+          children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_settingsList.SettingsListGroup, {
+            title: "Quick Actions",
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_settingsList.SettingsListItem, {
+              icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_SettingsIcon.SettingsIcon, {
+                name: "account-plus",
+                color: "#007AFF"
+              }),
+              title: "Add Another Account",
+              description: "Sign in with a different account",
               onPress: () => navigate?.('OxyAuth')
-            }, {
-              id: 'device-management',
-              icon: 'cellphone',
-              iconColor: '#5856D6',
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_settingsList.SettingsListItem, {
+              icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_SettingsIcon.SettingsIcon, {
+                name: "cellphone",
+                color: "#5856D6"
+              }),
               title: `${showDeviceManagement ? 'Hide' : 'Manage'} Device Sessions`,
-              subtitle: 'View and manage sessions on other devices',
+              description: "View and manage sessions on other devices",
               onPress: () => setShowDeviceManagement(!showDeviceManagement)
-            }, {
-              id: 'sign-out-all',
-              icon: 'logout',
-              iconColor: '#FF3B30',
-              title: 'Sign Out All Accounts',
-              subtitle: 'Remove all accounts from this device',
-              onPress: handleLogoutAll,
-              disabled: sessionsWithUsers.length === 0
-            }]
-          })]
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_settingsList.SettingsListItem, {
+              icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_SettingsIcon.SettingsIcon, {
+                name: "logout",
+                color: "#FF3B30"
+              }),
+              title: "Sign Out All Accounts",
+              description: "Remove all accounts from this device",
+              onPress: confirmLogoutAll,
+              disabled: sessionsWithUsers.length === 0,
+              destructive: true
+            })]
+          })
         }), showDeviceManagement && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
           style: styles.section,
           children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
             style: styles.sectionTitle,
             children: t('accountSwitcher.sections.deviceSessions') || 'Device Sessions'
-          }), loadingDeviceSessions ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.GroupedSection, {
-            items: [{
-              id: 'loading-device-sessions',
-              icon: 'sync',
-              iconColor: '#007AFF',
+          }), loadingDeviceSessions ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_settingsList.SettingsListGroup, {
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_settingsList.SettingsListItem, {
+              icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_SettingsIcon.SettingsIcon, {
+                name: "sync",
+                color: "#007AFF"
+              }),
               title: t('accountSwitcher.device.loadingTitle') || 'Loading device sessions...',
-              subtitle: t('accountSwitcher.device.loadingSubtitle') || 'Please wait while we fetch your device sessions',
+              description: t('accountSwitcher.device.loadingSubtitle') || 'Please wait while we fetch your device sessions',
               disabled: true,
-              customContent: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ActivityIndicator, {
+              rightElement: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ActivityIndicator, {
                 size: "small",
-                color: "#007AFF",
-                style: {
-                  marginRight: 16
-                }
-              })
-            }]
-          }) : deviceSessions.length === 0 ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.GroupedSection, {
-            items: [{
-              id: 'no-device-sessions',
-              icon: 'cellphone',
-              iconColor: '#ccc',
+                color: "#007AFF"
+              }),
+              showChevron: false
+            })
+          }) : deviceSessions.length === 0 ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_settingsList.SettingsListGroup, {
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_settingsList.SettingsListItem, {
+              icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_SettingsIcon.SettingsIcon, {
+                name: "cellphone",
+                color: "#ccc"
+              }),
               title: t('accountSwitcher.device.noneTitle') || 'No device sessions found',
-              subtitle: t('accountSwitcher.device.noneSubtitle') || 'Device session management not available',
-              disabled: true
-            }]
-          }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.GroupedSection, {
-            items: deviceSessions.map((session, index) => ({
-              id: `device-session-${session.sessionId}`,
-              icon: session.isCurrent ? 'cellphone' : 'cellphone-basic',
-              iconColor: session.isCurrent ? '#34C759' : '#8E8E93',
+              description: t('accountSwitcher.device.noneSubtitle') || 'Device session management not available',
+              disabled: true,
+              showChevron: false
+            })
+          }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_settingsList.SettingsListGroup, {
+            children: deviceSessions.map(session => /*#__PURE__*/(0, _jsxRuntime.jsx)(_settingsList.SettingsListItem, {
+              icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_SettingsIcon.SettingsIcon, {
+                name: session.isCurrent ? 'cellphone' : 'cellphone-basic',
+                color: session.isCurrent ? '#34C759' : '#8E8E93'
+              }),
               title: `${session.deviceName} ${session.isCurrent ? `(${t('accountSwitcher.device.thisDevice') || 'This device'})` : ''}`,
-              subtitle: t('accountSwitcher.device.lastActive', {
+              description: t('accountSwitcher.device.lastActive', {
                 date: new Date(session.lastActive).toLocaleDateString()
               }) || `Last active: ${new Date(session.lastActive).toLocaleDateString()}`,
-              onPress: session.isCurrent ? undefined : () => handleRemoteSessionLogout(session.sessionId, session.deviceName),
+              onPress: session.isCurrent ? undefined : () => confirmRemoteSessionLogout(session.sessionId, session.deviceName),
               disabled: session.isCurrent || remotingLogoutSessionId === session.sessionId,
-              customContent: !session.isCurrent ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
+              showChevron: false,
+              rightElement: !session.isCurrent ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
                 style: styles.removeButton,
-                onPress: () => handleRemoteSessionLogout(session.sessionId, session.deviceName),
+                onPress: () => confirmRemoteSessionLogout(session.sessionId, session.deviceName),
                 disabled: remotingLogoutSessionId === session.sessionId,
                 children: remotingLogoutSessionId === session.sessionId ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ActivityIndicator, {
                   size: "small",
@@ -678,19 +711,20 @@ const ModernAccountSwitcherScreen = ({
                   color: "#FF3B30"
                 })
               }) : undefined
-            }))
+            }, `device-session-${session.sessionId}`))
           })]
         }), sessionsWithUsers.length === 0 && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
           style: styles.section,
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.GroupedSection, {
-            items: [{
-              id: 'empty-state',
-              icon: 'account-outline',
-              iconColor: '#ccc',
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_settingsList.SettingsListGroup, {
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_settingsList.SettingsListItem, {
+              icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_SettingsIcon.SettingsIcon, {
+                name: "account-outline",
+                color: "#ccc"
+              }),
               title: t('accountSwitcher.empty.title') || 'No saved accounts',
-              subtitle: t('accountSwitcher.empty.subtitle') || 'Add another account to switch between them quickly',
+              description: t('accountSwitcher.empty.subtitle') || 'Add another account to switch between them quickly',
               onPress: () => navigate?.('OxyAuth'),
-              customContent: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+              rightElement: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
                 style: styles.emptyStateContainer,
                 children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_OxyIcon.default, {
                   name: "person-outline",
@@ -710,11 +744,46 @@ const ModernAccountSwitcherScreen = ({
                     children: t('accountCenter.sections.addAccount') || 'Add Account'
                   })
                 })]
-              })
-            }]
+              }),
+              showChevron: false
+            })
           })
         })]
       })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(Prompt.Basic, {
+      control: removeSessionPrompt,
+      title: t('accountSwitcher.confirms.removeTitle') || 'Remove Account',
+      description: pendingRemoveSession ? t('accountSwitcher.confirms.remove', {
+        displayName: pendingRemoveSession.displayName
+      }) || `Are you sure you want to remove ${pendingRemoveSession.displayName} from this device? You'll need to sign in again to access this account.` : '',
+      onConfirm: handleRemoveSession,
+      confirmButtonCta: t('common.remove') || 'Remove',
+      confirmButtonColor: "negative"
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(Prompt.Basic, {
+      control: logoutAllPrompt,
+      title: t('accountSwitcher.confirms.logoutAllTitle') || 'Sign Out All',
+      description: t('accountSwitcher.confirms.logoutAll') || 'Are you sure you want to sign out of all accounts? This will remove all saved accounts from this device.',
+      onConfirm: handleLogoutAll,
+      confirmButtonCta: t('common.signOutAll') || 'Sign Out All',
+      confirmButtonColor: "negative"
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(Prompt.Basic, {
+      control: remoteLogoutPrompt,
+      title: t('accountSwitcher.confirms.remoteLogoutTitle') || 'Remote Sign Out',
+      description: pendingRemoteLogout ? t('accountSwitcher.confirms.remoteLogout', {
+        deviceName: pendingRemoteLogout.deviceName
+      }) || `Are you sure you want to sign out from "${pendingRemoteLogout.deviceName}"? This will end the session on that device.` : '',
+      onConfirm: handleRemoteSessionLogout,
+      confirmButtonCta: t('common.signOut') || 'Sign Out',
+      confirmButtonColor: "negative"
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(Prompt.Basic, {
+      control: logoutAllDevicesPrompt,
+      title: t('accountSwitcher.confirms.logoutOthersTitle') || 'Sign Out Other Devices',
+      description: t('accountSwitcher.confirms.logoutOthers', {
+        count: otherDevicesCount
+      }) || `Are you sure you want to sign out from all ${otherDevicesCount} other device(s)? This will end sessions on all other devices except this one.`,
+      onConfirm: handleLogoutAllDevices,
+      confirmButtonCta: t('common.signOutAll') || 'Sign Out All',
+      confirmButtonColor: "negative"
     })]
   });
 };