@buoy-gg/impersonate 7.0.40 → 7.0.42

package/lib/commonjs/impersonate/components/UserCard.js

@@ -1,201 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.UserCard = UserCard;
-var _react = _interopRequireDefault(require("react"));
-var _reactNative = require("react-native");
-var _sharedUi = require("@buoy-gg/shared-ui");
-var _UserAvatar = require("./UserAvatar");
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-/**
- * UserCard Component
- *
- * Polished user card for search results and history.
- * Features avatar, clean typography hierarchy, and contextual actions.
- */
-
-function UserCard({
-  user,
-  isActive = false,
-  onPress,
-  onStop,
-  onRemove,
-  showRemoveButton = false,
-  lastUsedTime,
-  variant = "default"
-}) {
-  const displayName = user.displayName || user.email || user.id;
-  const showEmail = user.email && user.displayName;
-  const role = typeof user.metadata?.role === "string" ? user.metadata.role : null;
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.TouchableOpacity, {
-    testID: `buoy-impersonate-user-${user.id}`,
-    style: [styles.container, isActive && styles.activeContainer, variant === "compact" && styles.compactContainer],
-    onPress: onPress,
-    disabled: isActive,
-    activeOpacity: 0.7,
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-      style: styles.avatarSection,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_UserAvatar.UserAvatar, {
-        userId: user.id,
-        name: displayName,
-        size: variant === "compact" ? "small" : "medium",
-        showActiveIndicator: isActive
-      })
-    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-      style: styles.content,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-        style: styles.nameRow,
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-          style: [styles.name, isActive && styles.activeName],
-          numberOfLines: 1,
-          children: displayName
-        }), role ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-          style: styles.roleBadge,
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-            style: styles.roleBadgeText,
-            children: role.toUpperCase()
-          })
-        }) : null]
-      }), showEmail && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-        style: styles.email,
-        numberOfLines: 1,
-        children: user.email
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-        style: styles.metadataRow,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Text, {
-          style: styles.userId,
-          children: ["ID: ", user.id]
-        })
-      })]
-    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-      style: styles.actions,
-      children: [isActive ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.PowerToggleButton, {
-        isEnabled: true,
-        onToggle: onStop || (() => {}),
-        accessibilityLabel: "Stop impersonation"
-      }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
-        style: styles.actionButton,
-        onPress: onPress,
-        activeOpacity: 0.7,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.Play, {
-          size: 14,
-          color: _sharedUi.night.color.onAccent
-        })
-      }), showRemoveButton && onRemove && !isActive && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
-        style: styles.removeButton,
-        onPress: onRemove,
-        activeOpacity: 0.7,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.X, {
-          size: 12,
-          color: _sharedUi.night.color.textTertiary
-        })
-      })]
-    }), lastUsedTime ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-      style: styles.lastUsed,
-      children: lastUsedTime
-    }) : null]
-  });
-}
-const styles = _reactNative.StyleSheet.create({
-  container: {
-    flexDirection: "row",
-    alignItems: "center",
-    backgroundColor: _sharedUi.night.color.surface,
-    borderRadius: 10,
-    borderWidth: 1,
-    borderColor: _sharedUi.night.color.border,
-    padding: 12,
-    gap: 12
-  },
-  activeContainer: {
-    backgroundColor: _sharedUi.buoyColors.success + "10",
-    borderColor: _sharedUi.buoyColors.success + "40"
-  },
-  compactContainer: {
-    padding: 10,
-    gap: 10
-  },
-  avatarSection: {
-    flexShrink: 0
-  },
-  content: {
-    flex: 1,
-    minWidth: 0
-  },
-  nameRow: {
-    flexDirection: "row",
-    alignItems: "center",
-    gap: 8,
-    marginBottom: 2
-  },
-  name: {
-    fontSize: 15,
-    fontWeight: "600",
-    color: _sharedUi.night.color.text,
-    flexShrink: 1
-  },
-  activeName: {
-    color: _sharedUi.buoyColors.success
-  },
-  roleBadge: {
-    backgroundColor: _sharedUi.night.color.surfaceElevated,
-    paddingHorizontal: 6,
-    paddingVertical: 2,
-    borderRadius: 4
-  },
-  roleBadgeText: {
-    fontSize: 9,
-    fontWeight: "700",
-    color: _sharedUi.night.color.textTertiary,
-    letterSpacing: 0.5
-  },
-  email: {
-    fontSize: 13,
-    color: _sharedUi.night.color.textSecondary,
-    marginBottom: 4
-  },
-  metadataRow: {
-    flexDirection: "row",
-    alignItems: "center",
-    gap: 4
-  },
-  userId: {
-    fontSize: 11,
-    color: _sharedUi.night.color.textTertiary,
-    fontFamily: _sharedUi.monoFont
-  },
-  lastUsed: {
-    position: "absolute",
-    bottom: 8,
-    right: 10,
-    fontSize: 10,
-    color: _sharedUi.night.color.textTertiary
-  },
-  actions: {
-    flexDirection: "row",
-    alignItems: "center",
-    gap: 8,
-    flexShrink: 0
-  },
-  actionButton: {
-    width: 36,
-    height: 36,
-    borderRadius: 8,
-    backgroundColor: _sharedUi.night.color.accent,
-    alignItems: "center",
-    justifyContent: "center"
-  },
-  removeButton: {
-    width: 28,
-    height: 28,
-    borderRadius: 6,
-    backgroundColor: _sharedUi.night.color.surfaceElevated,
-    borderWidth: 1,
-    borderColor: _sharedUi.night.color.border,
-    alignItems: "center",
-    justifyContent: "center"
-  }
-});
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.UserCard=UserCard;var _react=_interopRequireDefault(require("react"));var _reactNative=require("react-native");var _sharedUi=require("@buoy-gg/shared-ui");var _UserAvatar=require("./UserAvatar");var _jsxRuntime=require("react/jsx-runtime");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function UserCard({user:e,isActive:t=false,onPress:o,onStop:c,onRemove:r,showRemoveButton:s=false,lastUsedTime:a,variant:i="default"}){const n=e.displayName||e.email||e.id;const d=e.email&&e.displayName;const l=typeof e.metadata?.role==="string"?e.metadata.role:null;return(0,_jsxRuntime.jsxs)(_reactNative.TouchableOpacity,{testID:`buoy-impersonate-user-${e.id}`,style:[styles.container,t&&styles.activeContainer,i==="compact"&&styles.compactContainer],onPress:o,disabled:t,activeOpacity:.7,children:[(0,_jsxRuntime.jsx)(_reactNative.View,{style:styles.avatarSection,children:(0,_jsxRuntime.jsx)(_UserAvatar.UserAvatar,{userId:e.id,name:n,size:i==="compact"?"small":"medium",showActiveIndicator:t})}),(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.content,children:[(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.nameRow,children:[(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[styles.name,t&&styles.activeName],numberOfLines:1,children:n}),l?(0,_jsxRuntime.jsx)(_reactNative.View,{style:styles.roleBadge,children:(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.roleBadgeText,children:l.toUpperCase()})}):null]}),d&&(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.email,numberOfLines:1,children:e.email}),(0,_jsxRuntime.jsx)(_reactNative.View,{style:styles.metadataRow,children:(0,_jsxRuntime.jsxs)(_reactNative.Text,{style:styles.userId,children:["ID: ",e.id]})})]}),(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.actions,children:[t?(0,_jsxRuntime.jsx)(_sharedUi.PowerToggleButton,{isEnabled:true,onToggle:c||(()=>{}),accessibilityLabel:"Stop impersonation"}):(0,_jsxRuntime.jsx)(_reactNative.TouchableOpacity,{style:styles.actionButton,onPress:o,activeOpacity:.7,children:(0,_jsxRuntime.jsx)(_sharedUi.Play,{size:14,color:_sharedUi.night.color.onAccent})}),s&&r&&!t&&(0,_jsxRuntime.jsx)(_reactNative.TouchableOpacity,{style:styles.removeButton,onPress:r,activeOpacity:.7,children:(0,_jsxRuntime.jsx)(_sharedUi.X,{size:12,color:_sharedUi.night.color.textTertiary})})]}),a?(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.lastUsed,children:a}):null]})}const styles=_reactNative.StyleSheet.create({container:{flexDirection:"row",alignItems:"center",backgroundColor:_sharedUi.night.color.surface,borderRadius:10,borderWidth:1,borderColor:_sharedUi.night.color.border,padding:12,gap:12},activeContainer:{backgroundColor:_sharedUi.buoyColors.success+"10",borderColor:_sharedUi.buoyColors.success+"40"},compactContainer:{padding:10,gap:10},avatarSection:{flexShrink:0},content:{flex:1,minWidth:0},nameRow:{flexDirection:"row",alignItems:"center",gap:8,marginBottom:2},name:{fontSize:15,fontWeight:"600",color:_sharedUi.night.color.text,flexShrink:1},activeName:{color:_sharedUi.buoyColors.success},roleBadge:{backgroundColor:_sharedUi.night.color.surfaceElevated,paddingHorizontal:6,paddingVertical:2,borderRadius:4},roleBadgeText:{fontSize:9,fontWeight:"700",color:_sharedUi.night.color.textTertiary,letterSpacing:.5},email:{fontSize:13,color:_sharedUi.night.color.textSecondary,marginBottom:4},metadataRow:{flexDirection:"row",alignItems:"center",gap:4},userId:{fontSize:11,color:_sharedUi.night.color.textTertiary,fontFamily:_sharedUi.monoFont},lastUsed:{position:"absolute",bottom:8,right:10,fontSize:10,color:_sharedUi.night.color.textTertiary},actions:{flexDirection:"row",alignItems:"center",gap:8,flexShrink:0},actionButton:{width:36,height:36,borderRadius:8,backgroundColor:_sharedUi.night.color.accent,alignItems:"center",justifyContent:"center"},removeButton:{width:28,height:28,borderRadius:6,backgroundColor:_sharedUi.night.color.surfaceElevated,borderWidth:1,borderColor:_sharedUi.night.color.border,alignItems:"center",justifyContent:"center"}});

package/lib/commonjs/impersonate/components/UserSearchView.js

@@ -1,227 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.UserSearchView = UserSearchView;
-var _react = _interopRequireWildcard(require("react"));
-var _reactNative = require("react-native");
-var _sharedUi = require("@buoy-gg/shared-ui");
-var _UserCard = require("./UserCard");
-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); }
-/**
- * UserSearchView Component
- *
- * Displays search results for user impersonation.
- * Search input is handled by the parent modal's header.
- * Uses polished UserCard component for results.
- */
-
-function UserSearchView({
-  currentUser,
-  searchQuery,
-  searchResults,
-  isSearching,
-  searchError,
-  onSelectUser,
-  onStopImpersonation,
-  searchAvailable = true
-}) {
-  const renderUserItem = (0, _react.useCallback)(({
-    item
-  }) => {
-    const isCurrentUser = currentUser?.id === item.id;
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_UserCard.UserCard, {
-      user: item,
-      isActive: isCurrentUser,
-      onPress: () => !isCurrentUser && onSelectUser(item),
-      onStop: isCurrentUser ? onStopImpersonation : undefined
-    });
-  }, [currentUser, onSelectUser, onStopImpersonation]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-    style: styles.container,
-    children: [!searchAvailable && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-      style: styles.section,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-        style: styles.warningCard,
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.AlertTriangle, {
-          size: 18,
-          color: _sharedUi.night.color.warning
-        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-          style: styles.warningContent,
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-            style: styles.warningTitle,
-            children: "Search Not Available"
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-            style: styles.warningText,
-            children: "Configure the onSearchUsers callback to enable user search."
-          })]
-        })]
-      })
-    }), isSearching && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-      style: styles.loadingContainer,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ActivityIndicator, {
-        size: "small",
-        color: _sharedUi.night.color.accent
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-        style: styles.loadingText,
-        children: "Searching users..."
-      })]
-    }), searchError ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-      style: styles.section,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-        style: styles.errorCard,
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.AlertTriangle, {
-          size: 16,
-          color: _sharedUi.night.color.danger
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-          style: styles.errorText,
-          children: searchError
-        })]
-      })
-    }) : null, searchResults.length > 0 && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-      style: styles.resultsSection,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_sharedUi.SectionHeader, {
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.SectionHeader.Title, {
-          children: "Results"
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.SectionHeader.Badge, {
-          count: searchResults.length
-        })]
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.FlatList, {
-        data: searchResults,
-        keyExtractor: item => item.id,
-        renderItem: renderUserItem,
-        ItemSeparatorComponent: () => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-          style: styles.separator
-        }),
-        contentContainerStyle: styles.listContent,
-        showsVerticalScrollIndicator: false
-      })]
-    }), !!searchQuery && !isSearching && searchResults.length === 0 && !searchError && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-      style: styles.emptyStateContainer,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-        style: styles.emptyStateIcon,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.Users, {
-          size: 28,
-          color: _sharedUi.night.color.textTertiary
-        })
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-        style: styles.emptyStateTitle,
-        children: "No users found"
-      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Text, {
-        style: styles.emptyStateDescription,
-        children: ["No results for \"", searchQuery, "\""]
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-        style: styles.emptyStateHint,
-        children: "Try a different search term"
-      })]
-    }), !searchQuery && searchResults.length === 0 && !isSearching && searchAvailable && /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.EmptyState, {
-      title: "Search for users",
-      description: "Tap the search icon in the header to find users by email, name, or ID",
-      icon: _sharedUi.Search,
-      variant: "minimal"
-    })]
-  });
-}
-const styles = _reactNative.StyleSheet.create({
-  container: {
-    flex: 1
-  },
-  section: {
-    padding: 16,
-    paddingBottom: 8
-  },
-  loadingContainer: {
-    flexDirection: "row",
-    alignItems: "center",
-    justifyContent: "center",
-    gap: 10,
-    paddingVertical: 20
-  },
-  loadingText: {
-    fontSize: 13,
-    color: _sharedUi.night.color.textSecondary
-  },
-  resultsSection: {
-    flex: 1,
-    paddingHorizontal: 16
-  },
-  listContent: {
-    paddingBottom: 16
-  },
-  separator: {
-    height: 8
-  },
-  warningCard: {
-    flexDirection: "row",
-    alignItems: "flex-start",
-    gap: 12,
-    backgroundColor: _sharedUi.night.color.warningSoft,
-    borderRadius: 10,
-    borderWidth: 1,
-    borderColor: _sharedUi.night.color.warning + "25",
-    padding: 14
-  },
-  warningContent: {
-    flex: 1
-  },
-  warningTitle: {
-    fontSize: 14,
-    fontWeight: "600",
-    color: _sharedUi.night.color.warning,
-    marginBottom: 4
-  },
-  warningText: {
-    fontSize: 13,
-    color: _sharedUi.night.color.textSecondary,
-    lineHeight: 18
-  },
-  errorCard: {
-    flexDirection: "row",
-    alignItems: "center",
-    gap: 10,
-    backgroundColor: _sharedUi.night.color.dangerSoft,
-    borderRadius: 10,
-    borderWidth: 1,
-    borderColor: _sharedUi.night.color.danger + "25",
-    padding: 12
-  },
-  errorText: {
-    flex: 1,
-    fontSize: 13,
-    color: _sharedUi.night.color.danger
-  },
-  emptyStateContainer: {
-    flex: 1,
-    alignItems: "center",
-    justifyContent: "center",
-    paddingHorizontal: 32,
-    paddingVertical: 48
-  },
-  emptyStateIcon: {
-    width: 56,
-    height: 56,
-    borderRadius: 28,
-    backgroundColor: _sharedUi.night.color.surfaceElevated,
-    alignItems: "center",
-    justifyContent: "center",
-    marginBottom: 16
-  },
-  emptyStateTitle: {
-    fontSize: 16,
-    fontWeight: "600",
-    color: _sharedUi.night.color.text,
-    marginBottom: 6
-  },
-  emptyStateDescription: {
-    fontSize: 14,
-    color: _sharedUi.night.color.textSecondary,
-    textAlign: "center",
-    marginBottom: 8
-  },
-  emptyStateHint: {
-    fontSize: 12,
-    color: _sharedUi.night.color.textTertiary
-  }
-});
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.UserSearchView=UserSearchView;var _react=_interopRequireWildcard(require("react"));var _reactNative=require("react-native");var _sharedUi=require("@buoy-gg/shared-ui");var _UserCard=require("./UserCard");var _jsxRuntime=require("react/jsx-runtime");function _interopRequireWildcard(c,a){if("function"==typeof WeakMap)var n=new WeakMap,l=new WeakMap;return(_interopRequireWildcard=function(e,s){if(!s&&e&&e.__esModule)return e;var r,i,o={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return o;if(r=s?l:n){if(r.has(e))return r.get(e);r.set(e,o)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((i=(r=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(i.get||i.set)?r(o,t,i):o[t]=e[t]);return o})(c,a)}function UserSearchView({currentUser:c,searchQuery:a,searchResults:n,isSearching:l,searchError:e,onSelectUser:s,onStopImpersonation:r,searchAvailable:i=true}){const o=(0,_react.useCallback)(({item:t})=>{const d=c?.id===t.id;return(0,_jsxRuntime.jsx)(_UserCard.UserCard,{user:t,isActive:d,onPress:()=>!d&&s(t),onStop:d?r:void 0})},[c,s,r]);return(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.container,children:[!i&&(0,_jsxRuntime.jsx)(_reactNative.View,{style:styles.section,children:(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.warningCard,children:[(0,_jsxRuntime.jsx)(_sharedUi.AlertTriangle,{size:18,color:_sharedUi.night.color.warning}),(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.warningContent,children:[(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.warningTitle,children:"Search Not Available"}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.warningText,children:"Configure the onSearchUsers callback to enable user search."})]})]})}),l&&(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.loadingContainer,children:[(0,_jsxRuntime.jsx)(_reactNative.ActivityIndicator,{size:"small",color:_sharedUi.night.color.accent}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.loadingText,children:"Searching users..."})]}),e?(0,_jsxRuntime.jsx)(_reactNative.View,{style:styles.section,children:(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.errorCard,children:[(0,_jsxRuntime.jsx)(_sharedUi.AlertTriangle,{size:16,color:_sharedUi.night.color.danger}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.errorText,children:e})]})}):null,n.length>0&&(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.resultsSection,children:[(0,_jsxRuntime.jsxs)(_sharedUi.SectionHeader,{children:[(0,_jsxRuntime.jsx)(_sharedUi.SectionHeader.Title,{children:"Results"}),(0,_jsxRuntime.jsx)(_sharedUi.SectionHeader.Badge,{count:n.length})]}),(0,_jsxRuntime.jsx)(_reactNative.FlatList,{data:n,keyExtractor:t=>t.id,renderItem:o,ItemSeparatorComponent:()=>(0,_jsxRuntime.jsx)(_reactNative.View,{style:styles.separator}),contentContainerStyle:styles.listContent,showsVerticalScrollIndicator:false})]}),!!a&&!l&&n.length===0&&!e&&(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.emptyStateContainer,children:[(0,_jsxRuntime.jsx)(_reactNative.View,{style:styles.emptyStateIcon,children:(0,_jsxRuntime.jsx)(_sharedUi.Users,{size:28,color:_sharedUi.night.color.textTertiary})}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.emptyStateTitle,children:"No users found"}),(0,_jsxRuntime.jsxs)(_reactNative.Text,{style:styles.emptyStateDescription,children:['No results for "',a,'"']}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.emptyStateHint,children:"Try a different search term"})]}),!a&&n.length===0&&!l&&i&&(0,_jsxRuntime.jsx)(_sharedUi.EmptyState,{title:"Search for users",description:"Tap the search icon in the header to find users by email, name, or ID",icon:_sharedUi.Search,variant:"minimal"})]})}const styles=_reactNative.StyleSheet.create({container:{flex:1},section:{padding:16,paddingBottom:8},loadingContainer:{flexDirection:"row",alignItems:"center",justifyContent:"center",gap:10,paddingVertical:20},loadingText:{fontSize:13,color:_sharedUi.night.color.textSecondary},resultsSection:{flex:1,paddingHorizontal:16},listContent:{paddingBottom:16},separator:{height:8},warningCard:{flexDirection:"row",alignItems:"flex-start",gap:12,backgroundColor:_sharedUi.night.color.warningSoft,borderRadius:10,borderWidth:1,borderColor:_sharedUi.night.color.warning+"25",padding:14},warningContent:{flex:1},warningTitle:{fontSize:14,fontWeight:"600",color:_sharedUi.night.color.warning,marginBottom:4},warningText:{fontSize:13,color:_sharedUi.night.color.textSecondary,lineHeight:18},errorCard:{flexDirection:"row",alignItems:"center",gap:10,backgroundColor:_sharedUi.night.color.dangerSoft,borderRadius:10,borderWidth:1,borderColor:_sharedUi.night.color.danger+"25",padding:12},errorText:{flex:1,fontSize:13,color:_sharedUi.night.color.danger},emptyStateContainer:{flex:1,alignItems:"center",justifyContent:"center",paddingHorizontal:32,paddingVertical:48},emptyStateIcon:{width:56,height:56,borderRadius:28,backgroundColor:_sharedUi.night.color.surfaceElevated,alignItems:"center",justifyContent:"center",marginBottom:16},emptyStateTitle:{fontSize:16,fontWeight:"600",color:_sharedUi.night.color.text,marginBottom:6},emptyStateDescription:{fontSize:14,color:_sharedUi.night.color.textSecondary,textAlign:"center",marginBottom:8},emptyStateHint:{fontSize:12,color:_sharedUi.night.color.textTertiary}});

package/lib/commonjs/impersonate/hooks/asyncStoragePeer.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.getAsyncStorage=getAsyncStorage;function getAsyncStorage(){try{const e=require("@react-native-async-storage/async-storage").default;return e}catch{return null}}

package/lib/commonjs/impersonate/hooks/asyncStoragePeer.web.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.getAsyncStorage=getAsyncStorage;var _asyncStorage=_interopRequireDefault(require("@react-native-async-storage/async-storage"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function getAsyncStorage(){return _asyncStorage.default}

package/lib/commonjs/impersonate/hooks/useAutoClearAsyncStorage.js

@@ -1,144 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useAsyncStorageAvailability = useAsyncStorageAvailability;
-exports.useAutoClearAsyncStorage = useAutoClearAsyncStorage;
-var _react = require("react");
-/**
- * useAutoClearAsyncStorage Hook
- *
- * Auto-detects AsyncStorage and provides a clear function.
- * Follows the same pattern as useAutoClearReactQuery and useAutoClearRedux.
- *
- * This hook:
- * 1. Dynamically requires @react-native-async-storage/async-storage
- * 2. Returns a clearStorage function that removes all non-buoy keys
- *
- * IMPORTANT: This preserves all @buoy/* keys to avoid clearing our own state.
- */
-
-// ============================================
-// Types
-// ============================================
-
-// Flag to prevent double-firing (synchronous check)
-let isClearing = false;
-// ============================================
-// Safe Module Loading
-// ============================================
-
-/**
- * Safely attempt to load @react-native-async-storage/async-storage
- */
-function getAsyncStorage() {
-  try {
-    // Dynamic require to handle cases where async-storage isn't installed
-    // eslint-disable-next-line @typescript-eslint/no-var-requires
-    const AsyncStorage = require("@react-native-async-storage/async-storage").default;
-    return AsyncStorage;
-  } catch {
-    // @react-native-async-storage/async-storage not available
-    return null;
-  }
-}
-
-// ============================================
-// Main Hook
-// ============================================
-
-/**
- * Hook to auto-detect AsyncStorage and provide clearing functionality.
- *
- * This clears all keys EXCEPT those starting with @buoy/ to preserve
- * our own persisted state (impersonation settings, history, etc.).
- *
- * @example
- * ```tsx
- * function MyComponent() {
- *   const { isAvailable, clearStorage } = useAutoClearAsyncStorage();
- *
- *   if (isAvailable && clearStorage) {
- *     // Clear all app data except Buoy state
- *     await clearStorage();
- *   }
- * }
- * ```
- */
-function useAutoClearAsyncStorage() {
-  const [asyncStorage, setAsyncStorage] = (0, _react.useState)(null);
-  const [error, setError] = (0, _react.useState)(null);
-
-  // Check for AsyncStorage on mount
-  (0, _react.useEffect)(() => {
-    const storage = getAsyncStorage();
-    if (storage) {
-      setAsyncStorage(storage);
-      setError(null);
-    } else {
-      setError("@react-native-async-storage/async-storage is not installed");
-    }
-  }, []);
-
-  // Create the clearStorage function with guard to prevent double-firing
-  const clearStorage = (0, _react.useCallback)(async () => {
-    // Synchronous guard - set flag immediately before any async work
-    if (isClearing) {
-      return;
-    }
-    isClearing = true;
-    try {
-      if (asyncStorage) {
-        // Get all keys
-        const allKeys = await asyncStorage.getAllKeys();
-
-        // Filter out @buoy/* keys to preserve our own state
-        const keysToRemove = allKeys.filter(key => !key.startsWith("@buoy/") && !key.startsWith("@buoy-"));
-        if (keysToRemove.length > 0) {
-          await asyncStorage.multiRemove([...keysToRemove]);
-        }
-      }
-    } finally {
-      // Reset flag after a short delay to allow next legitimate call
-      setTimeout(() => {
-        isClearing = false;
-      }, 100);
-    }
-  }, [asyncStorage]);
-
-  // Memoize result
-  const result = (0, _react.useMemo)(() => {
-    if (!asyncStorage || error) {
-      return {
-        isAvailable: false,
-        error: error || "@react-native-async-storage/async-storage is not available",
-        clearStorage: null
-      };
-    }
-    return {
-      isAvailable: true,
-      error: null,
-      clearStorage
-    };
-  }, [asyncStorage, error, clearStorage]);
-  return result;
-}
-
-/**
- * Lightweight check to see if AsyncStorage is available
- * without creating the clear function
- */
-function useAsyncStorageAvailability() {
-  const storage = getAsyncStorage();
-  if (!storage) {
-    return {
-      isInstalled: false,
-      error: "@react-native-async-storage/async-storage is not installed"
-    };
-  }
-  return {
-    isInstalled: true,
-    error: null
-  };
-}
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.useAsyncStorageAvailability=useAsyncStorageAvailability;exports.useAutoClearAsyncStorage=useAutoClearAsyncStorage;var _asyncStoragePeer=require("./asyncStoragePeer");var _react=require("react");let isClearing=false;function useAutoClearAsyncStorage(){const[e,o]=(0,_react.useState)(null);const[r,a]=(0,_react.useState)(null);(0,_react.useEffect)(()=>{const t=(0,_asyncStoragePeer.getAsyncStorage)();if(t){o(t);a(null)}else{a("@react-native-async-storage/async-storage is not installed")}},[]);const s=(0,_react.useCallback)(async()=>{if(isClearing){return}isClearing=true;try{if(e){const t=await e.getAllKeys();const l=t.filter(n=>!n.startsWith("@buoy/")&&!n.startsWith("@buoy-"));if(l.length>0){await e.multiRemove([...l])}}}finally{setTimeout(()=>{isClearing=false},100)}},[e]);const i=(0,_react.useMemo)(()=>{if(!e||r){return{isAvailable:false,error:r||"@react-native-async-storage/async-storage is not available",clearStorage:null}}return{isAvailable:true,error:null,clearStorage:s}},[e,r,s]);return i}function useAsyncStorageAvailability(){const e=(0,_asyncStoragePeer.getAsyncStorage)();if(!e){return{isInstalled:false,error:"@react-native-async-storage/async-storage is not installed"}}return{isInstalled:true,error:null}}