@buoy-gg/impersonate 7.0.41 → 7.0.42

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

@@ -1,677 +1,10 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.DataNukeSettings = DataNukeSettings;
-var _react = _interopRequireWildcard(require("react"));
-var _reactNative = require("react-native");
-var _sharedUi = require("@buoy-gg/shared-ui");
-var _dataViewer = require("@buoy-gg/shared-ui/dataViewer");
-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); }
-/**
- * DataNukeSettings Component
- *
- * Settings panel for configuring what data to clear on impersonation change.
- * Features Save/Discard/Restore pattern for reliable persistence.
- */
-
-const DEFAULT_HEADER_KEY = "x-impersonate-user-id";
-const DEFAULT_SHOW_BANNER = true;
-const DEFAULT_DATA_NUKE_SETTINGS = {
-  reactQuery: true,
-  redux: true,
-  asyncStorage: false,
-  mmkv: false
-};
-
-/**
- * Detection status for auto-clear integrations
- */
-
-function ToggleRow({
-  label,
-  description,
-  value,
-  onChange,
-  recommended,
-  dangerous,
-  detected
-}) {
-  const accessory = /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-    children: [detected !== undefined && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-      style: [styles.detectedBadge, detected ? styles.detectedBadgeActive : styles.detectedBadgeInactive],
-      children: [detected ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.Check, {
-        size: 10,
-        color: _sharedUi.buoyColors.success
-      }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.X, {
-        size: 10,
-        color: _sharedUi.night.color.textTertiary
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-        style: [styles.detectedText, detected ? styles.detectedTextActive : styles.detectedTextInactive],
-        children: detected ? "Detected" : "Not Detected"
-      })]
-    }), recommended && detected !== false && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-      style: styles.recommendedBadge,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.Zap, {
-        size: 10,
-        color: _sharedUi.night.color.accent
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-        style: styles.recommendedText,
-        children: "Recommended"
-      })]
-    })]
-  });
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.ToggleRow, {
-    variant: "plain",
-    label: label,
-    description: description,
-    value: value,
-    onValueChange: onChange,
-    tone: dangerous ? "warning" : "accent",
-    emphasizeLabel: dangerous,
-    accessory: accessory
-  });
-}
-function DataNukeSettings({
-  headerKey,
-  settings,
-  showBanner,
-  onSave,
-  onShowBannerChange,
-  detectionStatus
-}) {
-  // Local state for editing
-  const [localHeaderKey, setLocalHeaderKey] = (0, _react.useState)(headerKey);
-  const [localSettings, setLocalSettings] = (0, _react.useState)(settings);
-  const [localShowBanner, setLocalShowBanner] = (0, _react.useState)(showBanner);
-  const [copySuccess, setCopySuccess] = (0, _react.useState)(false);
-
-  // Sync local state when props change (e.g., after async load from storage)
-  (0, _react.useEffect)(() => {
-    setLocalHeaderKey(headerKey);
-  }, [headerKey]);
-  (0, _react.useEffect)(() => {
-    setLocalSettings(settings);
-  }, [settings]);
-  (0, _react.useEffect)(() => {
-    setLocalShowBanner(showBanner);
-  }, [showBanner]);
-
-  // Check if there are unsaved changes
-  // Note: showBanner is not included here because it applies immediately
-  const hasChanges = (0, _react.useMemo)(() => {
-    return localHeaderKey !== headerKey || localSettings.reactQuery !== settings.reactQuery || localSettings.redux !== settings.redux || localSettings.asyncStorage !== settings.asyncStorage || localSettings.mmkv !== settings.mmkv;
-  }, [localHeaderKey, localSettings, headerKey, settings]);
-
-  // Check if current values differ from defaults
-  const isDefault = (0, _react.useMemo)(() => {
-    return localHeaderKey === DEFAULT_HEADER_KEY && localShowBanner === DEFAULT_SHOW_BANNER && localSettings.reactQuery === DEFAULT_DATA_NUKE_SETTINGS.reactQuery && localSettings.redux === DEFAULT_DATA_NUKE_SETTINGS.redux && localSettings.asyncStorage === DEFAULT_DATA_NUKE_SETTINGS.asyncStorage && localSettings.mmkv === DEFAULT_DATA_NUKE_SETTINGS.mmkv;
-  }, [localHeaderKey, localShowBanner, localSettings]);
-  const handleSave = () => {
-    onSave(localHeaderKey.trim() || DEFAULT_HEADER_KEY, localSettings, localShowBanner);
-  };
-  const handleDiscard = () => {
-    setLocalHeaderKey(headerKey);
-    setLocalSettings(settings);
-    setLocalShowBanner(showBanner);
-  };
-  const handleRestoreDefaults = () => {
-    setLocalHeaderKey(DEFAULT_HEADER_KEY);
-    setLocalSettings(DEFAULT_DATA_NUKE_SETTINGS);
-    setLocalShowBanner(DEFAULT_SHOW_BANNER);
-    onShowBannerChange(DEFAULT_SHOW_BANNER); // Apply banner change immediately
-  };
-  const updateLocalSetting = (key, value) => {
-    setLocalSettings(prev => ({
-      ...prev,
-      [key]: value
-    }));
-  };
-
-  // Config object for DataViewer and copying
-  const configData = (0, _react.useMemo)(() => ({
-    defaults: {
-      headerKey: localHeaderKey,
-      showBanner: localShowBanner,
-      dataNukeSettings: {
-        reactQuery: localSettings.reactQuery,
-        redux: localSettings.redux,
-        asyncStorage: localSettings.asyncStorage,
-        mmkv: localSettings.mmkv
-      }
-    }
-  }), [localHeaderKey, localShowBanner, localSettings]);
-  const handleCopyConfig = async () => {
-    // Format as JS object literal (not JSON) for direct paste into createImpersonateTool()
-    const configString = `defaults: {
-  headerKey: '${localHeaderKey}',
-  showBanner: ${localShowBanner},
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.DataNukeSettings=DataNukeSettings;var _react=_interopRequireWildcard(require("react"));var _reactNative=require("react-native");var _sharedUi=require("@buoy-gg/shared-ui");var _dataViewer=require("@buoy-gg/shared-ui/dataViewer");var _jsxRuntime=require("react/jsx-runtime");function _interopRequireWildcard(c,n){if("function"==typeof WeakMap)var l=new WeakMap,u=new WeakMap;return(_interopRequireWildcard=function(o,s){if(!s&&o&&o.__esModule)return o;var t,i,e={__proto__:null,default:o};if(null===o||"object"!=typeof o&&"function"!=typeof o)return e;if(t=s?u:l){if(t.has(o))return t.get(o);t.set(o,e)}for(const a in o)"default"!==a&&{}.hasOwnProperty.call(o,a)&&((i=(t=Object.defineProperty)&&Object.getOwnPropertyDescriptor(o,a))&&(i.get||i.set)?t(e,a,i):e[a]=o[a]);return e})(c,n)}const DEFAULT_HEADER_KEY="x-impersonate-user-id";const DEFAULT_SHOW_BANNER=true;const DEFAULT_DATA_NUKE_SETTINGS={reactQuery:true,redux:true,asyncStorage:false,mmkv:false};function ToggleRow({label:c,description:n,value:l,onChange:u,recommended:o,dangerous:s,detected:t}){const i=(0,_jsxRuntime.jsxs)(_jsxRuntime.Fragment,{children:[t!==void 0&&(0,_jsxRuntime.jsxs)(_reactNative.View,{style:[styles.detectedBadge,t?styles.detectedBadgeActive:styles.detectedBadgeInactive],children:[t?(0,_jsxRuntime.jsx)(_sharedUi.Check,{size:10,color:_sharedUi.buoyColors.success}):(0,_jsxRuntime.jsx)(_sharedUi.X,{size:10,color:_sharedUi.night.color.textTertiary}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[styles.detectedText,t?styles.detectedTextActive:styles.detectedTextInactive],children:t?"Detected":"Not Detected"})]}),o&&t!==false&&(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.recommendedBadge,children:[(0,_jsxRuntime.jsx)(_sharedUi.Zap,{size:10,color:_sharedUi.night.color.accent}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.recommendedText,children:"Recommended"})]})]});return(0,_jsxRuntime.jsx)(_sharedUi.ToggleRow,{variant:"plain",label:c,description:n,value:l,onValueChange:u,tone:s?"warning":"accent",emphasizeLabel:s,accessory:i})}function DataNukeSettings({headerKey:c,settings:n,showBanner:l,onSave:u,onShowBannerChange:o,detectionStatus:s}){const[t,i]=(0,_react.useState)(c);const[e,a]=(0,_react.useState)(n);const[d,g]=(0,_react.useState)(l);const[y,x]=(0,_react.useState)(false);(0,_react.useEffect)(()=>{i(c)},[c]);(0,_react.useEffect)(()=>{a(n)},[n]);(0,_react.useEffect)(()=>{g(l)},[l]);const p=(0,_react.useMemo)(()=>{return t!==c||e.reactQuery!==n.reactQuery||e.redux!==n.redux||e.asyncStorage!==n.asyncStorage||e.mmkv!==n.mmkv},[t,e,c,n]);const f=(0,_react.useMemo)(()=>{return t===DEFAULT_HEADER_KEY&&d===DEFAULT_SHOW_BANNER&&e.reactQuery===DEFAULT_DATA_NUKE_SETTINGS.reactQuery&&e.redux===DEFAULT_DATA_NUKE_SETTINGS.redux&&e.asyncStorage===DEFAULT_DATA_NUKE_SETTINGS.asyncStorage&&e.mmkv===DEFAULT_DATA_NUKE_SETTINGS.mmkv},[t,d,e]);const m=()=>{u(t.trim()||DEFAULT_HEADER_KEY,e,d)};const T=()=>{i(c);a(n);g(l)};const b=()=>{i(DEFAULT_HEADER_KEY);a(DEFAULT_DATA_NUKE_SETTINGS);g(DEFAULT_SHOW_BANNER);o(DEFAULT_SHOW_BANNER)};const h=(r,S)=>{a(w=>({...w,[r]:S}))};const C=(0,_react.useMemo)(()=>({defaults:{headerKey:t,showBanner:d,dataNukeSettings:{reactQuery:e.reactQuery,redux:e.redux,asyncStorage:e.asyncStorage,mmkv:e.mmkv}}}),[t,d,e]);const j=async()=>{const r=`defaults: {
+  headerKey: '${t}',
+  showBanner: ${d},
   dataNukeSettings: {
-    reactQuery: ${localSettings.reactQuery},
-    redux: ${localSettings.redux},
-    asyncStorage: ${localSettings.asyncStorage},
-    mmkv: ${localSettings.mmkv},
+    reactQuery: ${e.reactQuery},
+    redux: ${e.redux},
+    asyncStorage: ${e.asyncStorage},
+    mmkv: ${e.mmkv},
   },
-},`;
-    try {
-      await (0, _sharedUi.copyToClipboard)(configString);
-      setCopySuccess(true);
-      setTimeout(() => setCopySuccess(false), 2000);
-    } catch {
-      // Silently fail - user will notice copy didn't work
-    }
-  };
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.ScrollView, {
-    style: styles.container,
-    contentContainerStyle: styles.contentContainer,
-    children: [hasChanges && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-      style: styles.actionBar,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-        style: styles.actionBarContent,
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-          style: styles.unsavedText,
-          children: "Unsaved changes"
-        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-          style: styles.actionButtons,
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.TouchableOpacity, {
-            style: styles.discardButton,
-            onPress: handleDiscard,
-            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.X, {
-              size: 14,
-              color: _sharedUi.night.color.textSecondary
-            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-              style: styles.discardButtonText,
-              children: "Discard"
-            })]
-          }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.TouchableOpacity, {
-            style: styles.saveButton,
-            onPress: handleSave,
-            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.Check, {
-              size: 14,
-              color: _sharedUi.night.color.onAccent
-            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-              style: styles.saveButtonText,
-              children: "Save"
-            })]
-          })]
-        })]
-      })
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.CollapsibleSection, {
-      title: "Header Configuration",
-      icon: _sharedUi.Settings,
-      defaultOpen: true,
-      variant: "bordered",
-      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-        style: styles.sectionContent,
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-          style: styles.inputLabel,
-          children: "Header Key"
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TextInput, {
-          style: styles.input,
-          value: localHeaderKey,
-          onChangeText: setLocalHeaderKey,
-          placeholder: "x-impersonate-user-id",
-          placeholderTextColor: _sharedUi.night.color.placeholder,
-          autoCapitalize: "none",
-          autoCorrect: false
-        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-          style: styles.inputFooter,
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-            style: styles.helperText,
-            children: "The HTTP header key used for impersonation. Value will be the user ID."
-          }), localHeaderKey !== DEFAULT_HEADER_KEY && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
-            onPress: () => setLocalHeaderKey(DEFAULT_HEADER_KEY),
-            style: styles.resetLink,
-            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-              style: styles.resetLinkText,
-              children: "Reset to default"
-            })
-          })]
-        })]
-      })
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.CollapsibleSection, {
-      title: "Display",
-      icon: _sharedUi.Eye,
-      defaultOpen: true,
-      variant: "bordered",
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-        style: styles.sectionContent,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-          style: styles.togglesCard,
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(ToggleRow, {
-            label: "Floating Banner",
-            description: "Show a floating banner when impersonation is active",
-            value: localShowBanner,
-            onChange: value => {
-              setLocalShowBanner(value);
-              onShowBannerChange(value); // Apply immediately
-            },
-            recommended: true
-          })
-        })
-      })
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.CollapsibleSection, {
-      title: "Data Clearing",
-      icon: _sharedUi.AlertTriangle,
-      defaultOpen: true,
-      variant: "bordered",
-      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-        style: styles.sectionContent,
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-          style: styles.sectionDescription,
-          children: "Choose what data to clear when impersonation starts or stops. This ensures you see fresh data for the impersonated user."
-        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-          style: styles.togglesCard,
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(ToggleRow, {
-            label: "React Query",
-            description: "Clear query cache and cancel pending queries",
-            value: localSettings.reactQuery,
-            onChange: v => updateLocalSetting("reactQuery", v),
-            recommended: true,
-            detected: detectionStatus?.reactQuery
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-            style: styles.divider
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(ToggleRow, {
-            label: "Redux",
-            description: "Reset Redux store to initial state",
-            value: localSettings.redux,
-            onChange: v => updateLocalSetting("redux", v),
-            recommended: true,
-            detected: detectionStatus?.redux
-          })]
-        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-          style: styles.advancedSection,
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-            style: styles.advancedLabel,
-            children: "Storage Options"
-          }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-            style: [styles.togglesCard, styles.dangerousCard],
-            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(ToggleRow, {
-              label: "AsyncStorage",
-              description: "Clear app data (preserves @buoy/* keys)",
-              value: localSettings.asyncStorage,
-              onChange: v => updateLocalSetting("asyncStorage", v),
-              dangerous: true,
-              detected: detectionStatus?.asyncStorage
-            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-              style: styles.divider
-            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(ToggleRow, {
-              label: "MMKV",
-              description: "Clear MMKV storage (preserves @buoy/* keys)",
-              value: localSettings.mmkv,
-              onChange: v => updateLocalSetting("mmkv", v),
-              dangerous: true,
-              detected: detectionStatus?.mmkv
-            })]
-          })]
-        }), (localSettings.asyncStorage || localSettings.mmkv) && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-          style: styles.warningCard,
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.AlertTriangle, {
-            size: 16,
-            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: "Storage Clearing Enabled"
-            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-              style: styles.warningText,
-              children: "This will remove app data like settings and cached content. Auth tokens managed by @buoy/* are preserved."
-            })]
-          })]
-        })]
-      })
-    }), !isDefault && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.TouchableOpacity, {
-      style: styles.restoreButton,
-      onPress: handleRestoreDefaults,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.RefreshCw, {
-        size: 14,
-        color: _sharedUi.night.color.textSecondary
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-        style: styles.restoreButtonText,
-        children: "Restore Defaults"
-      })]
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.CollapsibleSection, {
-      title: "How It Works",
-      icon: _sharedUi.Info,
-      defaultOpen: false,
-      variant: "bordered",
-      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-        style: styles.sectionContent,
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-          style: styles.infoText,
-          children: "When impersonation is enabled, the configured header is automatically added to all outgoing fetch and XMLHttpRequest calls."
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-          style: [styles.infoText, styles.infoTextSpaced],
-          children: "Your backend should check for this header and return data for the specified user ID instead of the authenticated user."
-        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-          style: styles.codeBlock,
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-            style: styles.codeComment,
-            children: "// Example request header"
-          }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Text, {
-            style: styles.codeText,
-            children: [localHeaderKey || "x-impersonate-user-id", ": ", /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-              style: styles.codeValue,
-              children: "user_123"
-            })]
-          })]
-        })]
-      })
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.CollapsibleSection, {
-      title: "Export Configuration",
-      icon: _sharedUi.Copy,
-      defaultOpen: false,
-      variant: "bordered",
-      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-        style: styles.sectionContent,
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-          style: styles.infoText,
-          children: "Copy current settings to use in createImpersonateTool()."
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-          style: styles.dataViewerContainer,
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_dataViewer.DataViewer, {
-            title: "",
-            data: configData,
-            showTypeFilter: true,
-            rawMode: true,
-            initialExpanded: true
-          })
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
-          style: styles.copyButton,
-          onPress: handleCopyConfig,
-          children: copySuccess ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.Check, {
-              size: 14,
-              color: _sharedUi.buoyColors.success
-            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-              style: [styles.copyButtonText, styles.copySuccessText],
-              children: "Copied!"
-            })]
-          }) : /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.Copy, {
-              size: 14,
-              color: _sharedUi.night.color.accent
-            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-              style: styles.copyButtonText,
-              children: "Copy Config"
-            })]
-          })
-        })]
-      })
-    })]
-  });
-}
-const styles = _reactNative.StyleSheet.create({
-  container: {
-    flex: 1
-  },
-  contentContainer: {
-    padding: 16,
-    gap: 12,
-    paddingBottom: 32
-  },
-  actionBar: {
-    backgroundColor: _sharedUi.night.color.accentSoft,
-    borderRadius: 10,
-    borderWidth: 1,
-    borderColor: _sharedUi.night.color.accentBorder,
-    padding: 12
-  },
-  actionBarContent: {
-    flexDirection: "row",
-    alignItems: "center",
-    justifyContent: "space-between"
-  },
-  unsavedText: {
-    fontSize: 13,
-    fontWeight: "500",
-    color: _sharedUi.night.color.accent
-  },
-  actionButtons: {
-    flexDirection: "row",
-    gap: 8
-  },
-  saveButton: {
-    flexDirection: "row",
-    alignItems: "center",
-    gap: 6,
-    backgroundColor: _sharedUi.night.color.accent,
-    paddingHorizontal: 14,
-    paddingVertical: 8,
-    borderRadius: 6
-  },
-  saveButtonText: {
-    fontSize: 13,
-    fontWeight: "600",
-    // Ink on a filled accent surface — the night accent takes dark ink.
-    color: _sharedUi.night.color.onAccent
-  },
-  discardButton: {
-    flexDirection: "row",
-    alignItems: "center",
-    gap: 6,
-    backgroundColor: _sharedUi.night.color.surfaceElevated,
-    paddingHorizontal: 14,
-    paddingVertical: 8,
-    borderRadius: 6,
-    borderWidth: 1,
-    borderColor: _sharedUi.night.color.border
-  },
-  discardButtonText: {
-    fontSize: 13,
-    fontWeight: "500",
-    color: _sharedUi.night.color.textSecondary
-  },
-  restoreButton: {
-    flexDirection: "row",
-    alignItems: "center",
-    justifyContent: "center",
-    gap: 8,
-    paddingVertical: 12,
-    borderRadius: 8,
-    borderWidth: 1,
-    borderColor: _sharedUi.night.color.border,
-    borderStyle: "dashed"
-  },
-  restoreButtonText: {
-    fontSize: 13,
-    color: _sharedUi.night.color.textSecondary
-  },
-  sectionContent: {
-    paddingTop: 8
-  },
-  sectionDescription: {
-    fontSize: 13,
-    color: _sharedUi.night.color.textSecondary,
-    lineHeight: 18,
-    marginBottom: 14
-  },
-  togglesCard: {
-    backgroundColor: _sharedUi.night.color.surface,
-    borderRadius: 10,
-    borderWidth: 1,
-    borderColor: _sharedUi.night.color.border,
-    padding: 4
-  },
-  dangerousCard: {
-    borderColor: _sharedUi.night.color.warning + "30"
-  },
-  advancedSection: {
-    marginTop: 16
-  },
-  advancedLabel: {
-    fontSize: 11,
-    fontWeight: "600",
-    color: _sharedUi.night.color.textTertiary,
-    textTransform: "uppercase",
-    letterSpacing: 0.5,
-    marginBottom: 8,
-    marginLeft: 2
-  },
-  inputLabel: {
-    fontSize: 12,
-    fontWeight: "600",
-    color: _sharedUi.night.color.textSecondary,
-    marginBottom: 8
-  },
-  input: {
-    height: 42,
-    backgroundColor: _sharedUi.night.color.surfaceElevated,
-    borderRadius: 8,
-    borderWidth: 1,
-    borderColor: _sharedUi.night.color.border,
-    paddingHorizontal: 14,
-    fontSize: 14,
-    color: _sharedUi.night.color.text,
-    fontFamily: _sharedUi.monoFont
-  },
-  inputFooter: {
-    flexDirection: "row",
-    justifyContent: "space-between",
-    alignItems: "flex-start",
-    marginTop: 8,
-    gap: 12
-  },
-  helperText: {
-    flex: 1,
-    fontSize: 12,
-    color: _sharedUi.night.color.textTertiary,
-    lineHeight: 16
-  },
-  resetLink: {
-    paddingVertical: 2
-  },
-  resetLinkText: {
-    fontSize: 12,
-    color: _sharedUi.night.color.accent,
-    fontWeight: "500"
-  },
-  recommendedBadge: {
-    flexDirection: "row",
-    alignItems: "center",
-    gap: 4,
-    backgroundColor: _sharedUi.night.color.accentSoft,
-    paddingHorizontal: 8,
-    paddingVertical: 3,
-    borderRadius: 4
-  },
-  recommendedText: {
-    fontSize: 10,
-    fontWeight: "600",
-    color: _sharedUi.night.color.accent
-  },
-  detectedBadge: {
-    flexDirection: "row",
-    alignItems: "center",
-    gap: 4,
-    paddingHorizontal: 8,
-    paddingVertical: 3,
-    borderRadius: 4
-  },
-  detectedBadgeActive: {
-    backgroundColor: _sharedUi.buoyColors.success + "15"
-  },
-  detectedBadgeInactive: {
-    backgroundColor: _sharedUi.night.color.textTertiary + "15"
-  },
-  detectedText: {
-    fontSize: 10,
-    fontWeight: "600"
-  },
-  detectedTextActive: {
-    color: _sharedUi.buoyColors.success
-  },
-  detectedTextInactive: {
-    color: _sharedUi.night.color.textTertiary
-  },
-  divider: {
-    height: 1,
-    backgroundColor: _sharedUi.night.color.separator,
-    marginHorizontal: 12
-  },
-  warningCard: {
-    marginTop: 14,
-    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: 13,
-    fontWeight: "600",
-    color: _sharedUi.night.color.warning,
-    marginBottom: 4
-  },
-  warningText: {
-    fontSize: 12,
-    color: _sharedUi.night.color.textSecondary,
-    lineHeight: 17
-  },
-  infoText: {
-    fontSize: 13,
-    color: _sharedUi.night.color.textSecondary,
-    lineHeight: 19
-  },
-  infoTextSpaced: {
-    marginTop: 10
-  },
-  codeBlock: {
-    marginTop: 14,
-    // Inset code box — darker than the card, the night track color.
-    backgroundColor: _sharedUi.night.color.bg,
-    borderRadius: 8,
-    padding: 14
-  },
-  codeComment: {
-    fontSize: 12,
-    color: _sharedUi.night.color.textTertiary,
-    fontFamily: _sharedUi.monoFont,
-    marginBottom: 6
-  },
-  codeText: {
-    fontSize: 13,
-    color: _sharedUi.night.color.text,
-    fontFamily: _sharedUi.monoFont
-  },
-  codeValue: {
-    color: _sharedUi.night.color.accent
-  },
-  dataViewerContainer: {
-    marginTop: 12,
-    borderRadius: 8,
-    overflow: "hidden",
-    borderWidth: 1,
-    borderColor: _sharedUi.night.color.border
-  },
-  copyButton: {
-    flexDirection: "row",
-    alignItems: "center",
-    justifyContent: "center",
-    gap: 8,
-    marginTop: 14,
-    backgroundColor: _sharedUi.night.color.accentSoft,
-    paddingVertical: 10,
-    paddingHorizontal: 16,
-    borderRadius: 8,
-    borderWidth: 1,
-    borderColor: _sharedUi.night.color.accentBorder
-  },
-  copyButtonText: {
-    fontSize: 13,
-    fontWeight: "600",
-    color: _sharedUi.night.color.accent
-  },
-  copySuccessText: {
-    color: _sharedUi.buoyColors.success
-  }
-});
+},`;try{await(0,_sharedUi.copyToClipboard)(r);x(true);setTimeout(()=>x(false),2e3)}catch{}};return(0,_jsxRuntime.jsxs)(_reactNative.ScrollView,{style:styles.container,contentContainerStyle:styles.contentContainer,children:[p&&(0,_jsxRuntime.jsx)(_reactNative.View,{style:styles.actionBar,children:(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.actionBarContent,children:[(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.unsavedText,children:"Unsaved changes"}),(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.actionButtons,children:[(0,_jsxRuntime.jsxs)(_reactNative.TouchableOpacity,{style:styles.discardButton,onPress:T,children:[(0,_jsxRuntime.jsx)(_sharedUi.X,{size:14,color:_sharedUi.night.color.textSecondary}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.discardButtonText,children:"Discard"})]}),(0,_jsxRuntime.jsxs)(_reactNative.TouchableOpacity,{style:styles.saveButton,onPress:m,children:[(0,_jsxRuntime.jsx)(_sharedUi.Check,{size:14,color:_sharedUi.night.color.onAccent}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.saveButtonText,children:"Save"})]})]})]})}),(0,_jsxRuntime.jsx)(_sharedUi.CollapsibleSection,{title:"Header Configuration",icon:_sharedUi.Settings,defaultOpen:true,variant:"bordered",children:(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.sectionContent,children:[(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.inputLabel,children:"Header Key"}),(0,_jsxRuntime.jsx)(_reactNative.TextInput,{style:styles.input,value:t,onChangeText:i,placeholder:"x-impersonate-user-id",placeholderTextColor:_sharedUi.night.color.placeholder,autoCapitalize:"none",autoCorrect:false}),(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.inputFooter,children:[(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.helperText,children:"The HTTP header key used for impersonation. Value will be the user ID."}),t!==DEFAULT_HEADER_KEY&&(0,_jsxRuntime.jsx)(_reactNative.TouchableOpacity,{onPress:()=>i(DEFAULT_HEADER_KEY),style:styles.resetLink,children:(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.resetLinkText,children:"Reset to default"})})]})]})}),(0,_jsxRuntime.jsx)(_sharedUi.CollapsibleSection,{title:"Display",icon:_sharedUi.Eye,defaultOpen:true,variant:"bordered",children:(0,_jsxRuntime.jsx)(_reactNative.View,{style:styles.sectionContent,children:(0,_jsxRuntime.jsx)(_reactNative.View,{style:styles.togglesCard,children:(0,_jsxRuntime.jsx)(ToggleRow,{label:"Floating Banner",description:"Show a floating banner when impersonation is active",value:d,onChange:r=>{g(r);o(r)},recommended:true})})})}),(0,_jsxRuntime.jsx)(_sharedUi.CollapsibleSection,{title:"Data Clearing",icon:_sharedUi.AlertTriangle,defaultOpen:true,variant:"bordered",children:(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.sectionContent,children:[(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.sectionDescription,children:"Choose what data to clear when impersonation starts or stops. This ensures you see fresh data for the impersonated user."}),(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.togglesCard,children:[(0,_jsxRuntime.jsx)(ToggleRow,{label:"React Query",description:"Clear query cache and cancel pending queries",value:e.reactQuery,onChange:r=>h("reactQuery",r),recommended:true,detected:s?.reactQuery}),(0,_jsxRuntime.jsx)(_reactNative.View,{style:styles.divider}),(0,_jsxRuntime.jsx)(ToggleRow,{label:"Redux",description:"Reset Redux store to initial state",value:e.redux,onChange:r=>h("redux",r),recommended:true,detected:s?.redux})]}),(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.advancedSection,children:[(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.advancedLabel,children:"Storage Options"}),(0,_jsxRuntime.jsxs)(_reactNative.View,{style:[styles.togglesCard,styles.dangerousCard],children:[(0,_jsxRuntime.jsx)(ToggleRow,{label:"AsyncStorage",description:"Clear app data (preserves @buoy/* keys)",value:e.asyncStorage,onChange:r=>h("asyncStorage",r),dangerous:true,detected:s?.asyncStorage}),(0,_jsxRuntime.jsx)(_reactNative.View,{style:styles.divider}),(0,_jsxRuntime.jsx)(ToggleRow,{label:"MMKV",description:"Clear MMKV storage (preserves @buoy/* keys)",value:e.mmkv,onChange:r=>h("mmkv",r),dangerous:true,detected:s?.mmkv})]})]}),(e.asyncStorage||e.mmkv)&&(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.warningCard,children:[(0,_jsxRuntime.jsx)(_sharedUi.AlertTriangle,{size:16,color:_sharedUi.night.color.warning}),(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.warningContent,children:[(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.warningTitle,children:"Storage Clearing Enabled"}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.warningText,children:"This will remove app data like settings and cached content. Auth tokens managed by @buoy/* are preserved."})]})]})]})}),!f&&(0,_jsxRuntime.jsxs)(_reactNative.TouchableOpacity,{style:styles.restoreButton,onPress:b,children:[(0,_jsxRuntime.jsx)(_sharedUi.RefreshCw,{size:14,color:_sharedUi.night.color.textSecondary}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.restoreButtonText,children:"Restore Defaults"})]}),(0,_jsxRuntime.jsx)(_sharedUi.CollapsibleSection,{title:"How It Works",icon:_sharedUi.Info,defaultOpen:false,variant:"bordered",children:(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.sectionContent,children:[(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.infoText,children:"When impersonation is enabled, the configured header is automatically added to all outgoing fetch and XMLHttpRequest calls."}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[styles.infoText,styles.infoTextSpaced],children:"Your backend should check for this header and return data for the specified user ID instead of the authenticated user."}),(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.codeBlock,children:[(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.codeComment,children:"// Example request header"}),(0,_jsxRuntime.jsxs)(_reactNative.Text,{style:styles.codeText,children:[t||"x-impersonate-user-id",": ",(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.codeValue,children:"user_123"})]})]})]})}),(0,_jsxRuntime.jsx)(_sharedUi.CollapsibleSection,{title:"Export Configuration",icon:_sharedUi.Copy,defaultOpen:false,variant:"bordered",children:(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.sectionContent,children:[(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.infoText,children:"Copy current settings to use in createImpersonateTool()."}),(0,_jsxRuntime.jsx)(_reactNative.View,{style:styles.dataViewerContainer,children:(0,_jsxRuntime.jsx)(_dataViewer.DataViewer,{title:"",data:C,showTypeFilter:true,rawMode:true,initialExpanded:true})}),(0,_jsxRuntime.jsx)(_reactNative.TouchableOpacity,{style:styles.copyButton,onPress:j,children:y?(0,_jsxRuntime.jsxs)(_jsxRuntime.Fragment,{children:[(0,_jsxRuntime.jsx)(_sharedUi.Check,{size:14,color:_sharedUi.buoyColors.success}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[styles.copyButtonText,styles.copySuccessText],children:"Copied!"})]}):(0,_jsxRuntime.jsxs)(_jsxRuntime.Fragment,{children:[(0,_jsxRuntime.jsx)(_sharedUi.Copy,{size:14,color:_sharedUi.night.color.accent}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.copyButtonText,children:"Copy Config"})]})})]})})]})}const styles=_reactNative.StyleSheet.create({container:{flex:1},contentContainer:{padding:16,gap:12,paddingBottom:32},actionBar:{backgroundColor:_sharedUi.night.color.accentSoft,borderRadius:10,borderWidth:1,borderColor:_sharedUi.night.color.accentBorder,padding:12},actionBarContent:{flexDirection:"row",alignItems:"center",justifyContent:"space-between"},unsavedText:{fontSize:13,fontWeight:"500",color:_sharedUi.night.color.accent},actionButtons:{flexDirection:"row",gap:8},saveButton:{flexDirection:"row",alignItems:"center",gap:6,backgroundColor:_sharedUi.night.color.accent,paddingHorizontal:14,paddingVertical:8,borderRadius:6},saveButtonText:{fontSize:13,fontWeight:"600",color:_sharedUi.night.color.onAccent},discardButton:{flexDirection:"row",alignItems:"center",gap:6,backgroundColor:_sharedUi.night.color.surfaceElevated,paddingHorizontal:14,paddingVertical:8,borderRadius:6,borderWidth:1,borderColor:_sharedUi.night.color.border},discardButtonText:{fontSize:13,fontWeight:"500",color:_sharedUi.night.color.textSecondary},restoreButton:{flexDirection:"row",alignItems:"center",justifyContent:"center",gap:8,paddingVertical:12,borderRadius:8,borderWidth:1,borderColor:_sharedUi.night.color.border,borderStyle:"dashed"},restoreButtonText:{fontSize:13,color:_sharedUi.night.color.textSecondary},sectionContent:{paddingTop:8},sectionDescription:{fontSize:13,color:_sharedUi.night.color.textSecondary,lineHeight:18,marginBottom:14},togglesCard:{backgroundColor:_sharedUi.night.color.surface,borderRadius:10,borderWidth:1,borderColor:_sharedUi.night.color.border,padding:4},dangerousCard:{borderColor:_sharedUi.night.color.warning+"30"},advancedSection:{marginTop:16},advancedLabel:{fontSize:11,fontWeight:"600",color:_sharedUi.night.color.textTertiary,textTransform:"uppercase",letterSpacing:.5,marginBottom:8,marginLeft:2},inputLabel:{fontSize:12,fontWeight:"600",color:_sharedUi.night.color.textSecondary,marginBottom:8},input:{height:42,backgroundColor:_sharedUi.night.color.surfaceElevated,borderRadius:8,borderWidth:1,borderColor:_sharedUi.night.color.border,paddingHorizontal:14,fontSize:14,color:_sharedUi.night.color.text,fontFamily:_sharedUi.monoFont},inputFooter:{flexDirection:"row",justifyContent:"space-between",alignItems:"flex-start",marginTop:8,gap:12},helperText:{flex:1,fontSize:12,color:_sharedUi.night.color.textTertiary,lineHeight:16},resetLink:{paddingVertical:2},resetLinkText:{fontSize:12,color:_sharedUi.night.color.accent,fontWeight:"500"},recommendedBadge:{flexDirection:"row",alignItems:"center",gap:4,backgroundColor:_sharedUi.night.color.accentSoft,paddingHorizontal:8,paddingVertical:3,borderRadius:4},recommendedText:{fontSize:10,fontWeight:"600",color:_sharedUi.night.color.accent},detectedBadge:{flexDirection:"row",alignItems:"center",gap:4,paddingHorizontal:8,paddingVertical:3,borderRadius:4},detectedBadgeActive:{backgroundColor:_sharedUi.buoyColors.success+"15"},detectedBadgeInactive:{backgroundColor:_sharedUi.night.color.textTertiary+"15"},detectedText:{fontSize:10,fontWeight:"600"},detectedTextActive:{color:_sharedUi.buoyColors.success},detectedTextInactive:{color:_sharedUi.night.color.textTertiary},divider:{height:1,backgroundColor:_sharedUi.night.color.separator,marginHorizontal:12},warningCard:{marginTop:14,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:13,fontWeight:"600",color:_sharedUi.night.color.warning,marginBottom:4},warningText:{fontSize:12,color:_sharedUi.night.color.textSecondary,lineHeight:17},infoText:{fontSize:13,color:_sharedUi.night.color.textSecondary,lineHeight:19},infoTextSpaced:{marginTop:10},codeBlock:{marginTop:14,backgroundColor:_sharedUi.night.color.bg,borderRadius:8,padding:14},codeComment:{fontSize:12,color:_sharedUi.night.color.textTertiary,fontFamily:_sharedUi.monoFont,marginBottom:6},codeText:{fontSize:13,color:_sharedUi.night.color.text,fontFamily:_sharedUi.monoFont},codeValue:{color:_sharedUi.night.color.accent},dataViewerContainer:{marginTop:12,borderRadius:8,overflow:"hidden",borderWidth:1,borderColor:_sharedUi.night.color.border},copyButton:{flexDirection:"row",alignItems:"center",justifyContent:"center",gap:8,marginTop:14,backgroundColor:_sharedUi.night.color.accentSoft,paddingVertical:10,paddingHorizontal:16,borderRadius:8,borderWidth:1,borderColor:_sharedUi.night.color.accentBorder},copyButtonText:{fontSize:13,fontWeight:"600",color:_sharedUi.night.color.accent},copySuccessText:{color:_sharedUi.buoyColors.success}});