@buoy-gg/impersonate 7.0.31 → 7.0.33

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

@@ -59,21 +59,14 @@ function ImpersonateHistoryList({
     });
   }, [currentUserId, onSelectUser, onStopImpersonation, onRemoveFromHistory]);
   if (history.length === 0) {
-    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-      style: styles.emptyContainer,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-        style: styles.emptyIcon,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.Clock, {
-          size: 28,
-          color: _sharedUi.night.color.textTertiary
-        })
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-        style: styles.emptyTitle,
-        children: "No History"
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-        style: styles.emptyDescription,
-        children: "Users you impersonate will appear here for quick access"
-      })]
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.ToolEmptyState, {
+      testID: "buoy-impersonate-history-empty"
+      // disguise = "impersonating another user" — the tool's own state,
+      // with nothing worn yet.
+      ,
+      otto: "disguise",
+      title: "No History",
+      message: "Users you impersonate will appear here for quick access"
     });
   }
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {

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

@@ -64,6 +64,12 @@ function ImpersonateModal({
   const tabs = showSettingsTab ? ALL_TABS : TABS_WITHOUT_SETTINGS;
   const [activeTab, setActiveTab] = (0, _react.useState)("search");
   const [isSearchActive, setIsSearchActive] = (0, _react.useState)(false);
+  // True while the header's clear ✕ is being pressed. With a mouse, pressing
+  // the ✕ blurs the input FIRST, and the blur handler closes search — which
+  // unmounts the ✕ before its own press can fire, so the query was never
+  // cleared (desktop). Press-in lands before the blur, so the blur handler can
+  // tell this dismissal apart from a click elsewhere.
+  const clearPressRef = (0, _react.useRef)(false);
   const [searchText, setSearchText] = (0, _react.useState)("");
   const searchInputRef = (0, _react.useRef)(null);
 
@@ -185,11 +191,23 @@ function ImpersonateModal({
             value: searchText,
             onChangeText: handleSearchTextChange,
             onSubmitEditing: handleSubmitSearch,
-            onBlur: () => setIsSearchActive(false),
+            onBlur: () => {
+              if (!clearPressRef.current) setIsSearchActive(false);
+            },
             autoCapitalize: "none",
             autoCorrect: false,
             returnKeyType: "search"
-          }), searchText.length > 0 ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
+          }), searchText.length > 0 ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity
+          // react-native-web delays press-in ~50ms by default (native
+          // fires it immediately), which would put it AFTER the blur.
+          , {
+            delayPressIn: 0,
+            onPressIn: () => {
+              clearPressRef.current = true;
+            },
+            onPressOut: () => {
+              clearPressRef.current = false;
+            },
             onPress: () => {
               setSearchText("");
               setIsSearchActive(false);
@@ -265,6 +283,7 @@ function ImpersonateModal({
         style: styles.inlineRoot,
         children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
           style: styles.inlineHeader,
+          ..._sharedUi.windowDragProps,
           children: renderHeaderContent()
         }), body]
       })

package/lib/commonjs/sync/impersonateSyncAdapter.js

@@ -71,14 +71,47 @@ function toWireState(state) {
     }))
   };
 }
+
+/**
+ * Users this device has actually seen — search results from the app's own
+ * directory. `startImpersonation` refuses anything else: a live eval showed
+ * the model INVENTING a plausible user object when search returned nothing,
+ * and impersonating a fabricated user is a silent half-state (headers patched
+ * for a person who does not exist). History and the current user also count,
+ * so the desktop's re-impersonate-from-history flow keeps working.
+ */
+const seenUserIds = new Set();
+function rememberUsers(users) {
+  for (const u of users) {
+    if (u && typeof u === "object" && u.id) seenUserIds.add(String(u.id));
+  }
+}
+function isKnownUser(user) {
+  if (!user || typeof user !== "object" || !user.id) return false;
+  if (seenUserIds.has(String(user.id))) return true;
+  const state = _impersonateStore.impersonateStore.getState();
+  if (state.currentUser?.id === user.id) return true;
+  return state.history.some(entry => entry.user.id === user.id);
+}
 function buildActions(onSearchUsers) {
   return {
     searchUsers: async params => {
       const query = String(params?.query ?? "");
       const users = await onSearchUsers(query);
+      if (Array.isArray(users)) rememberUsers(users);
       return Array.isArray(users) ? users.map(toWireUser) : users;
     },
-    startImpersonation: params => _impersonateStore.impersonateStore.startImpersonation(params.user),
+    startImpersonation: async params => {
+      const user = params?.user;
+      if (!isKnownUser(user)) {
+        throw new Error("That user isn't in this app's directory. Call searchUsers and impersonate one of its results — a user object that didn't come from search impersonates nobody.");
+      }
+      await _impersonateStore.impersonateStore.startImpersonation(user);
+      return {
+        ok: true,
+        userId: user.id
+      };
+    },
     stopImpersonation: () => _impersonateStore.impersonateStore.stopImpersonation(),
     pauseImpersonation: () => _impersonateStore.impersonateStore.pauseImpersonation(),
     resumeImpersonation: () => _impersonateStore.impersonateStore.resumeImpersonation(),

package/lib/module/impersonate/components/ImpersonateHistoryList.js

@@ -9,7 +9,7 @@
 
 import React, { useCallback } from "react";
 import { View, Text, TouchableOpacity, StyleSheet, FlatList } from "react-native";
-import { night, Clock, Trash2, useRelativeTime } from "@buoy-gg/shared-ui";
+import { night, Trash2, useRelativeTime, ToolEmptyState } from "@buoy-gg/shared-ui";
 import { UserCard } from "./UserCard";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /** Wrapper to use the useRelativeTime hook per history item */
@@ -54,21 +54,14 @@ export function ImpersonateHistoryList({
     });
   }, [currentUserId, onSelectUser, onStopImpersonation, onRemoveFromHistory]);
   if (history.length === 0) {
-    return /*#__PURE__*/_jsxs(View, {
-      style: styles.emptyContainer,
-      children: [/*#__PURE__*/_jsx(View, {
-        style: styles.emptyIcon,
-        children: /*#__PURE__*/_jsx(Clock, {
-          size: 28,
-          color: night.color.textTertiary
-        })
-      }), /*#__PURE__*/_jsx(Text, {
-        style: styles.emptyTitle,
-        children: "No History"
-      }), /*#__PURE__*/_jsx(Text, {
-        style: styles.emptyDescription,
-        children: "Users you impersonate will appear here for quick access"
-      })]
+    return /*#__PURE__*/_jsx(ToolEmptyState, {
+      testID: "buoy-impersonate-history-empty"
+      // disguise = "impersonating another user" — the tool's own state,
+      // with nothing worn yet.
+      ,
+      otto: "disguise",
+      title: "No History",
+      message: "Users you impersonate will appear here for quick access"
     });
   }
   return /*#__PURE__*/_jsxs(View, {

package/lib/module/impersonate/components/ImpersonateModal.js

@@ -9,7 +9,7 @@
 
 import React, { useState, useCallback, useRef, useEffect } from "react";
 import { View, StyleSheet, TouchableOpacity, TextInput } from "react-native";
-import { JsModal as JsModalBase, TabSelector, ModalHeader, buoyColors, night, Search, X, TickProvider } from "@buoy-gg/shared-ui";
+import { JsModal as JsModalBase, TabSelector, ModalHeader, buoyColors, night, Search, X, TickProvider, windowDragProps } from "@buoy-gg/shared-ui";
 import { useImpersonate } from "../hooks/useImpersonate";
 import { useAutoClearReactQuery } from "../hooks/useAutoClearReactQuery";
 import { useAutoClearRedux } from "../hooks/useAutoClearRedux";
@@ -59,6 +59,12 @@ export function ImpersonateModal({
   const tabs = showSettingsTab ? ALL_TABS : TABS_WITHOUT_SETTINGS;
   const [activeTab, setActiveTab] = useState("search");
   const [isSearchActive, setIsSearchActive] = useState(false);
+  // True while the header's clear ✕ is being pressed. With a mouse, pressing
+  // the ✕ blurs the input FIRST, and the blur handler closes search — which
+  // unmounts the ✕ before its own press can fire, so the query was never
+  // cleared (desktop). Press-in lands before the blur, so the blur handler can
+  // tell this dismissal apart from a click elsewhere.
+  const clearPressRef = useRef(false);
   const [searchText, setSearchText] = useState("");
   const searchInputRef = useRef(null);
 
@@ -180,11 +186,23 @@ export function ImpersonateModal({
             value: searchText,
             onChangeText: handleSearchTextChange,
             onSubmitEditing: handleSubmitSearch,
-            onBlur: () => setIsSearchActive(false),
+            onBlur: () => {
+              if (!clearPressRef.current) setIsSearchActive(false);
+            },
             autoCapitalize: "none",
             autoCorrect: false,
             returnKeyType: "search"
-          }), searchText.length > 0 ? /*#__PURE__*/_jsx(TouchableOpacity, {
+          }), searchText.length > 0 ? /*#__PURE__*/_jsx(TouchableOpacity
+          // react-native-web delays press-in ~50ms by default (native
+          // fires it immediately), which would put it AFTER the blur.
+          , {
+            delayPressIn: 0,
+            onPressIn: () => {
+              clearPressRef.current = true;
+            },
+            onPressOut: () => {
+              clearPressRef.current = false;
+            },
             onPress: () => {
               setSearchText("");
               setIsSearchActive(false);
@@ -260,6 +278,7 @@ export function ImpersonateModal({
         style: styles.inlineRoot,
         children: [/*#__PURE__*/_jsx(View, {
           style: styles.inlineHeader,
+          ...windowDragProps,
           children: renderHeaderContent()
         }), body]
       })

package/lib/module/sync/impersonateSyncAdapter.js

@@ -63,14 +63,47 @@ function toWireState(state) {
     }))
   };
 }
+
+/**
+ * Users this device has actually seen — search results from the app's own
+ * directory. `startImpersonation` refuses anything else: a live eval showed
+ * the model INVENTING a plausible user object when search returned nothing,
+ * and impersonating a fabricated user is a silent half-state (headers patched
+ * for a person who does not exist). History and the current user also count,
+ * so the desktop's re-impersonate-from-history flow keeps working.
+ */
+const seenUserIds = new Set();
+function rememberUsers(users) {
+  for (const u of users) {
+    if (u && typeof u === "object" && u.id) seenUserIds.add(String(u.id));
+  }
+}
+function isKnownUser(user) {
+  if (!user || typeof user !== "object" || !user.id) return false;
+  if (seenUserIds.has(String(user.id))) return true;
+  const state = impersonateStore.getState();
+  if (state.currentUser?.id === user.id) return true;
+  return state.history.some(entry => entry.user.id === user.id);
+}
 function buildActions(onSearchUsers) {
   return {
     searchUsers: async params => {
       const query = String(params?.query ?? "");
       const users = await onSearchUsers(query);
+      if (Array.isArray(users)) rememberUsers(users);
       return Array.isArray(users) ? users.map(toWireUser) : users;
     },
-    startImpersonation: params => impersonateStore.startImpersonation(params.user),
+    startImpersonation: async params => {
+      const user = params?.user;
+      if (!isKnownUser(user)) {
+        throw new Error("That user isn't in this app's directory. Call searchUsers and impersonate one of its results — a user object that didn't come from search impersonates nobody.");
+      }
+      await impersonateStore.startImpersonation(user);
+      return {
+        ok: true,
+        userId: user.id
+      };
+    },
     stopImpersonation: () => impersonateStore.stopImpersonation(),
     pauseImpersonation: () => impersonateStore.pauseImpersonation(),
     resumeImpersonation: () => impersonateStore.resumeImpersonation(),

package/lib/typescript/impersonate/components/ImpersonateHistoryList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ImpersonateHistoryList.d.ts","sourceRoot":"","sources":["../../../../src/impersonate/components/ImpersonateHistoryList.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAsB,MAAM,OAAO,CAAC;AAe3C,OAAO,KAAK,EAAE,IAAI,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAgCnD,MAAM,WAAW,2BAA2B;IAC1C,0CAA0C;IAC1C,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB,iEAAiE;IACjE,aAAa,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,uDAAuD;IACvD,YAAY,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IACnC,wDAAwD;IACxD,mBAAmB,CAAC,EAAE,MAAM,IAAI,CAAC;IACjC,2CAA2C;IAC3C,mBAAmB,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/C,kCAAkC;IAClC,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;CAC7B;AAED,wBAAgB,sBAAsB,CAAC,EACrC,OAAO,EACP,aAAa,EACb,YAAY,EACZ,mBAAmB,EACnB,mBAAmB,EACnB,cAAc,GACf,EAAE,2BAA2B,qBAgE7B"}
+{"version":3,"file":"ImpersonateHistoryList.d.ts","sourceRoot":"","sources":["../../../../src/impersonate/components/ImpersonateHistoryList.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAsB,MAAM,OAAO,CAAC;AAgB3C,OAAO,KAAK,EAAE,IAAI,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAgCnD,MAAM,WAAW,2BAA2B;IAC1C,0CAA0C;IAC1C,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB,iEAAiE;IACjE,aAAa,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,uDAAuD;IACvD,YAAY,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IACnC,wDAAwD;IACxD,mBAAmB,CAAC,EAAE,MAAM,IAAI,CAAC;IACjC,2CAA2C;IAC3C,mBAAmB,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/C,kCAAkC;IAClC,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;CAC7B;AAED,wBAAgB,sBAAsB,CAAC,EACrC,OAAO,EACP,aAAa,EACb,YAAY,EACZ,mBAAmB,EACnB,mBAAmB,EACnB,cAAc,GACf,EAAE,2BAA2B,qBA+D7B"}

package/lib/typescript/impersonate/components/ImpersonateModal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ImpersonateModal.d.ts","sourceRoot":"","sources":["../../../../src/impersonate/components/ImpersonateModal.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAmD,MAAM,OAAO,CAAC;AAiBxE,OAAO,KAAK,EAAE,qBAAqB,EAA0B,MAAM,UAAU,CAAC;AAgC9E,wBAAgB,gBAAgB,CAAC,EAC/B,OAAO,EACP,OAAO,EACP,MAAM,EACN,UAAU,EACV,aAAa,EACb,iBAAiB,EACjB,YAAY,EACZ,mBAAmB,EACnB,WAAW,EACX,eAAsB,EACtB,MAAc,GACf,EAAE,qBAAqB,4BA2PvB;AAED;;;;;GAKG;AACH,wBAAgB,mBAAmB,CACjC,KAAK,EAAE,IAAI,CAAC,qBAAqB,EAAE,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC,qBAGrE"}
+{"version":3,"file":"ImpersonateModal.d.ts","sourceRoot":"","sources":["../../../../src/impersonate/components/ImpersonateModal.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAmD,MAAM,OAAO,CAAC;AAmBxE,OAAO,KAAK,EAAE,qBAAqB,EAA0B,MAAM,UAAU,CAAC;AAgC9E,wBAAgB,gBAAgB,CAAC,EAC/B,OAAO,EACP,OAAO,EACP,MAAM,EACN,UAAU,EACV,aAAa,EACb,iBAAiB,EACjB,YAAY,EACZ,mBAAmB,EACnB,WAAW,EACX,eAAsB,EACtB,MAAc,GACf,EAAE,qBAAqB,4BA4QvB;AAED;;;;;GAKG;AACH,wBAAgB,mBAAmB,CACjC,KAAK,EAAE,IAAI,CAAC,qBAAqB,EAAE,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC,qBAGrE"}

package/lib/typescript/sync/impersonateSyncAdapter.d.ts

@@ -34,7 +34,10 @@ export declare function createImpersonateSyncAdapter({ onSearchUsers, }: CreateI
     subscribe: (onChange: () => void) => () => void;
     actions: {
         searchUsers: (params: unknown) => Promise<User[]>;
-        startImpersonation: (params?: unknown) => Promise<void>;
+        startImpersonation: (params?: unknown) => Promise<{
+            ok: boolean;
+            userId: string;
+        }>;
         stopImpersonation: () => Promise<void>;
         pauseImpersonation: () => Promise<void>;
         resumeImpersonation: () => Promise<void>;
@@ -55,7 +58,10 @@ export declare const impersonateSyncAdapter: {
     subscribe: (onChange: () => void) => () => void;
     actions: {
         searchUsers: (params: unknown) => Promise<User[]>;
-        startImpersonation: (params?: unknown) => Promise<void>;
+        startImpersonation: (params?: unknown) => Promise<{
+            ok: boolean;
+            userId: string;
+        }>;
         stopImpersonation: () => Promise<void>;
         pauseImpersonation: () => Promise<void>;
         resumeImpersonation: () => Promise<void>;

package/lib/typescript/sync/impersonateSyncAdapter.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"impersonateSyncAdapter.d.ts","sourceRoot":"","sources":["../../../src/sync/impersonateSyncAdapter.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,IAAI,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAErE,KAAK,kBAAkB,GAAG,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,EAAE,CAAC,CAAC;AAO7D,8EAA8E;AAC9E,wBAAgB,8BAA8B,CAC5C,OAAO,EAAE,kBAAkB,GAAG,IAAI,GACjC,IAAI,CAEN;AAED;;;;;GAKG;AACH,eAAO,MAAM,yBAAyB,QAAW,CAAC;AAClD,eAAO,MAAM,8BAA8B,QAAY,CAAC;AAQxD,wBAAgB,SAAS,CAAC,GAAG,EAAE,MAAM,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,CAUrE;AA2DD,UAAU,mCAAmC;IAC3C;;;OAGG;IACH,aAAa,EAAE,kBAAkB,CAAC;CACnC;AAED;;;;;;;;;GASG;AACH,wBAAgB,4BAA4B,CAAC,EAC3C,aAAa,GACd,EAAE,mCAAmC;;uBAGjB,kBAAkB;0BACb,MAAM,IAAI;;8BAlDJ,OAAO;sCAOL,OAAO;;;;kCAKX,OAAO;qCAQJ,OAAO;;;EAiCvC;AAED;;;;;GAKG;AACH,eAAO,MAAM,sBAAsB;;uBAEhB,kBAAkB;0BACb,MAAM,IAAI;;8BAhEF,OAAO;sCAOL,OAAO;;;;kCAKX,OAAO;qCAQJ,OAAO;;;CAqDvC,CAAC"}
+{"version":3,"file":"impersonateSyncAdapter.d.ts","sourceRoot":"","sources":["../../../src/sync/impersonateSyncAdapter.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,IAAI,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAErE,KAAK,kBAAkB,GAAG,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,EAAE,CAAC,CAAC;AAO7D,8EAA8E;AAC9E,wBAAgB,8BAA8B,CAC5C,OAAO,EAAE,kBAAkB,GAAG,IAAI,GACjC,IAAI,CAEN;AAED;;;;;GAKG;AACH,eAAO,MAAM,yBAAyB,QAAW,CAAC;AAClD,eAAO,MAAM,8BAA8B,QAAY,CAAC;AAQxD,wBAAgB,SAAS,CAAC,GAAG,EAAE,MAAM,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,CAUrE;AA4FD,UAAU,mCAAmC;IAC3C;;;OAGG;IACH,aAAa,EAAE,kBAAkB,CAAC;CACnC;AAED;;;;;;;;;GASG;AACH,wBAAgB,4BAA4B,CAAC,EAC3C,aAAa,GACd,EAAE,mCAAmC;;uBAGjB,kBAAkB;0BACb,MAAM,IAAI;;8BA3DJ,OAAO;sCAQC,OAAO;;;;;;;kCAajB,OAAO;qCAQJ,OAAO;;;EAiCvC;AAED;;;;;GAKG;AACH,eAAO,MAAM,sBAAsB;;uBAEhB,kBAAkB;0BACb,MAAM,IAAI;;8BAzEF,OAAO;sCAQC,OAAO;;;;;;;kCAajB,OAAO;qCAQJ,OAAO;;;CAqDvC,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@buoy-gg/impersonate",
-  "version": "7.0.31",
+  "version": "7.0.33",
   "description": "Test your React Native app as any user, role, or flag combo — without logging out or rebuilding. Part of Buoy devtools.",
   "main": "lib/commonjs/index.js",
   "module": "lib/module/index.js",
@@ -26,7 +26,7 @@
   ],
   "sideEffects": false,
   "dependencies": {
-    "@buoy-gg/shared-ui": "^7.0.31"
+    "@buoy-gg/shared-ui": "^7.0.33"
   },
   "peerDependencies": {
     "react": "*",