@buoy-gg/network 7.0.41 → 7.0.43

package/lib/commonjs/network/components/NetworkSavedScreen.js

@@ -1,226 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.NetworkSavedScreen = NetworkSavedScreen;
-var _react = require("react");
-var _reactNative = require("react-native");
-var _sharedUi = require("@buoy-gg/shared-ui");
-var _NetworkEventItemCompact = require("./NetworkEventItemCompact");
-var _NetworkUpgradeBanner = require("./NetworkUpgradeBanner");
-var _generateNetworkCopyText = require("../utils/generateNetworkCopyText");
-var _selectSavedEvents = require("../utils/selectSavedEvents");
-var _useNetworkSaved = require("../hooks/useNetworkSaved");
-var _networkSavedStore = require("../utils/networkSavedStore");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * The SAVED screen — the network tool's favorites list.
- *
- * Everything here is read from the persisted saved store, never from the live
- * event store. That is the whole point of the screen: these requests survive a
- * Clear, the 500-event cap, and an app restart, so a failure you kept is still
- * here tomorrow.
- *
- * Rows are the same two row components the live list uses, so a saved request
- * looks exactly like the request it was. Long-press here UNSAVES rather than
- * pins — in this list "get rid of it" is the action the row affords, and
- * pinning is still available from the detail header.
- *
- * Stable-tree contract (rule4): hooks run unconditionally, then the component
- * returns null when not visible.
- */
-
-const keyExtractor = item => item.id;
-function NetworkSavedScreen({
-  visible,
-  isPro,
-  copySettings,
-  search: searchProp,
-  onSearchChange,
-  onEventPress,
-  onUpgradePress
-}) {
-  const {
-    savedRecords,
-    pinnedLiveIds,
-    toggleSave,
-    clearSaved
-  } = (0, _useNetworkSaved.useNetworkSaved)();
-  // Declared with the other hooks: the `!visible` early return below would
-  // otherwise make this conditional.
-  const savedLimit = (0, _sharedUi.useLimit)("network.saved");
-  const [searchState, setSearchState] = (0, _react.useState)("");
-  const controlled = searchProp != null && onSearchChange != null;
-  const search = controlled ? searchProp : searchState;
-  const setSearch = controlled ? onSearchChange : setSearchState;
-  if (!visible) return null;
-
-  // Shared with the detail footer, so "Next" can't disagree with the row below.
-  const {
-    events: filtered,
-    lockedCount
-  } = (0, _selectSavedEvents.selectSavedEvents)(savedRecords, savedLimit, search);
-  const handleLongPress = event => {
-    toggleSave(event);
-  };
-  const renderItem = ({
-    item
-  }) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_NetworkEventItemCompact.NetworkEventItemCompact, {
-    event: item,
-    onPress: onEventPress,
-    onLongPress: handleLongPress,
-    saved: true,
-    pinned: pinnedLiveIds.has(item.id)
-  });
-  const renderListFooter = () => {
-    if (lockedCount === 0) return null;
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_NetworkUpgradeBanner.NetworkUpgradeBanner, {
-      title: `${lockedCount} saved ${lockedCount === 1 ? "request" : "requests"} locked`,
-      subtitle: `Your plan keeps ${savedLimit}. Upgrade to Pro to unlock the rest.`,
-      onPress: onUpgradePress
-    });
-  };
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-    style: styles.root,
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-      style: styles.toolbar,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.Bookmark, {
-        size: 11,
-        color: _sharedUi.macOSColors.semantic.debug
-      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Text, {
-        style: styles.toolbarTitle,
-        children: ["SAVED \xB7 ", savedRecords.length, savedLimit >= _networkSavedStore.MAX_SAVED ? "" : `/${savedLimit}`]
-      }), isPro ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.CopyButton
-      // Lazy value, resolved at press time — no string is built per
-      // render, and it always reflects the current list.
-      , {
-        value: () => (0, _generateNetworkCopyText.generateNetworkCopyText)(filtered, copySettings),
-        size: 13,
-        buttonStyle: styles.toolbarButton,
-        colors: {
-          idle: _sharedUi.macOSColors.text.secondary,
-          success: _sharedUi.macOSColors.semantic.success,
-          error: _sharedUi.macOSColors.semantic.error
-        },
-        disabled: filtered.length === 0
-      }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
-        onPress: clearSaved,
-        "sentry-label": "ignore clear saved",
-        style: styles.toolbarClear,
-        disabled: savedRecords.length === 0,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-          style: [styles.toolbarClearText, savedRecords.length === 0 && styles.toolbarClearTextDisabled],
-          children: "Clear all"
-        })
-      })]
-    }), savedRecords.length > 0 ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-      style: styles.searchRow,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.Search, {
-        size: 13,
-        color: _sharedUi.macOSColors.text.secondary
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TextInput, {
-        style: styles.searchInput,
-        placeholder: "Search saved requests\u2026",
-        placeholderTextColor: _sharedUi.macOSColors.text.muted,
-        value: search,
-        onChangeText: setSearch,
-        "sentry-label": "ignore saved search",
-        accessibilityLabel: "Search saved requests",
-        autoCapitalize: "none",
-        autoCorrect: false,
-        returnKeyType: "search"
-      })]
-    }) : null, savedRecords.length === 0 ||
-    // lockedCount > 0 falls through to the list so the upgrade banner (its
-    // ListFooterComponent) still renders — "0 shown, N locked" is an
-    // answer, not an empty screen.
-    search.trim().length > 0 && filtered.length === 0 && lockedCount === 0 ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.ToolEmptyState, {
-      testID: "buoy-network-saved-empty",
-      ...(0, _sharedUi.resolveListEmptyState)({
-        subject: "saved requests",
-        verb: "kept",
-        search: savedRecords.length === 0 ? "" : search,
-        total: savedRecords.length,
-        waiting: {
-          otto: "empty",
-          title: "No saved requests",
-          message: "Open a request and tap the bookmark to keep it here — saved requests survive Clear and app restarts."
-        }
-      })
-    }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.FlatList, {
-      data: filtered,
-      renderItem: renderItem,
-      keyExtractor: keyExtractor,
-      contentContainerStyle: styles.listContent,
-      showsVerticalScrollIndicator: true,
-      scrollEnabled: true,
-      ..._sharedUi.EVENT_LIST_PRESET,
-      extraData: pinnedLiveIds,
-      "sentry-label": "ignore saved requests list",
-      ListFooterComponent: renderListFooter
-    })]
-  });
-}
-const styles = _reactNative.StyleSheet.create({
-  root: {
-    flex: 1,
-    minHeight: 0
-  },
-  toolbar: {
-    flexDirection: "row",
-    alignItems: "center",
-    gap: 6,
-    paddingHorizontal: 20,
-    paddingTop: 10,
-    paddingBottom: 6
-  },
-  toolbarTitle: {
-    flex: 1,
-    color: _sharedUi.macOSColors.semantic.debug,
-    fontSize: 10,
-    fontWeight: "700",
-    letterSpacing: 0.6,
-    fontFamily: _sharedUi.monoFont
-  },
-  toolbarButton: {
-    width: 26,
-    height: 26,
-    borderRadius: 6,
-    alignItems: "center",
-    justifyContent: "center"
-  },
-  toolbarClear: {
-    paddingHorizontal: 6,
-    paddingVertical: 2
-  },
-  toolbarClearText: {
-    color: _sharedUi.macOSColors.text.muted,
-    fontSize: 10
-  },
-  toolbarClearTextDisabled: {
-    color: _sharedUi.macOSColors.text.disabled
-  },
-  searchRow: {
-    flexDirection: "row",
-    alignItems: "center",
-    gap: 6,
-    marginHorizontal: 12,
-    marginBottom: 8,
-    paddingHorizontal: 10,
-    paddingVertical: 5,
-    backgroundColor: _sharedUi.macOSColors.background.input,
-    borderRadius: 10,
-    borderWidth: 1,
-    borderColor: _sharedUi.macOSColors.border.default
-  },
-  searchInput: {
-    flex: 1,
-    color: _sharedUi.macOSColors.text.primary,
-    fontSize: 13,
-    paddingVertical: 2
-  },
-  listContent: {
-    paddingTop: 4
-  }
-});
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.NetworkSavedScreen=NetworkSavedScreen;var _react=require("react");var _reactNative=require("react-native");var _sharedUi=require("@buoy-gg/shared-ui");var _NetworkEventItemCompact=require("./NetworkEventItemCompact");var _NetworkUpgradeBanner=require("./NetworkUpgradeBanner");var _generateNetworkCopyText=require("../utils/generateNetworkCopyText");var _selectSavedEvents=require("../utils/selectSavedEvents");var _useNetworkSaved=require("../hooks/useNetworkSaved");var _networkSavedStore=require("../utils/networkSavedStore");var _jsxRuntime=require("react/jsx-runtime");const keyExtractor=l=>l.id;function NetworkSavedScreen({visible:l,isPro:u,copySettings:v,search:n,onSearchChange:i,onEventPress:g,onUpgradePress:p}){const{savedRecords:e,pinnedLiveIds:c,toggleSave:S,clearSaved:m}=(0,_useNetworkSaved.useNetworkSaved)();const t=(0,_sharedUi.useLimit)("network.saved");const[h,x]=(0,_react.useState)("");const d=n!=null&&i!=null;const r=d?n:h;const b=d?i:x;if(!l)return null;const{events:o,lockedCount:a}=(0,_selectSavedEvents.selectSavedEvents)(e,t,r);const C=s=>{S(s)};const y=({item:s})=>(0,_jsxRuntime.jsx)(_NetworkEventItemCompact.NetworkEventItemCompact,{event:s,onPress:g,onLongPress:C,saved:true,pinned:c.has(s.id)});const k=()=>{if(a===0)return null;return(0,_jsxRuntime.jsx)(_NetworkUpgradeBanner.NetworkUpgradeBanner,{title:`${a} saved ${a===1?"request":"requests"} locked`,subtitle:`Your plan keeps ${t}. Upgrade to Pro to unlock the rest.`,onPress:p})};return(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.root,children:[(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.toolbar,children:[(0,_jsxRuntime.jsx)(_sharedUi.Bookmark,{size:11,color:_sharedUi.macOSColors.semantic.debug}),(0,_jsxRuntime.jsxs)(_reactNative.Text,{style:styles.toolbarTitle,children:["SAVED \xB7 ",e.length,t>=_networkSavedStore.MAX_SAVED?"":`/${t}`]}),u?(0,_jsxRuntime.jsx)(_sharedUi.CopyButton,{value:()=>(0,_generateNetworkCopyText.generateNetworkCopyText)(o,v),size:13,buttonStyle:styles.toolbarButton,colors:{idle:_sharedUi.macOSColors.text.secondary,success:_sharedUi.macOSColors.semantic.success,error:_sharedUi.macOSColors.semantic.error},disabled:o.length===0}):null,(0,_jsxRuntime.jsx)(_reactNative.TouchableOpacity,{onPress:m,"sentry-label":"ignore clear saved",style:styles.toolbarClear,disabled:e.length===0,children:(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[styles.toolbarClearText,e.length===0&&styles.toolbarClearTextDisabled],children:"Clear all"})})]}),e.length>0?(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.searchRow,children:[(0,_jsxRuntime.jsx)(_sharedUi.Search,{size:13,color:_sharedUi.macOSColors.text.secondary}),(0,_jsxRuntime.jsx)(_reactNative.TextInput,{style:styles.searchInput,placeholder:"Search saved requests\u2026",placeholderTextColor:_sharedUi.macOSColors.text.muted,value:r,onChangeText:b,"sentry-label":"ignore saved search",accessibilityLabel:"Search saved requests",autoCapitalize:"none",autoCorrect:false,returnKeyType:"search"})]}):null,e.length===0||r.trim().length>0&&o.length===0&&a===0?(0,_jsxRuntime.jsx)(_sharedUi.ToolEmptyState,{testID:"buoy-network-saved-empty",...(0,_sharedUi.resolveListEmptyState)({subject:"saved requests",verb:"kept",search:e.length===0?"":r,total:e.length,waiting:{otto:"empty",title:"No saved requests",message:"Open a request and tap the bookmark to keep it here \u2014 saved requests survive Clear and app restarts."}})}):(0,_jsxRuntime.jsx)(_reactNative.FlatList,{data:o,renderItem:y,keyExtractor,contentContainerStyle:styles.listContent,showsVerticalScrollIndicator:true,scrollEnabled:true,..._sharedUi.EVENT_LIST_PRESET,extraData:c,"sentry-label":"ignore saved requests list",ListFooterComponent:k})]})}const styles=_reactNative.StyleSheet.create({root:{flex:1,minHeight:0},toolbar:{flexDirection:"row",alignItems:"center",gap:6,paddingHorizontal:20,paddingTop:10,paddingBottom:6},toolbarTitle:{flex:1,color:_sharedUi.macOSColors.semantic.debug,fontSize:10,fontWeight:"700",letterSpacing:.6,fontFamily:_sharedUi.monoFont},toolbarButton:{width:26,height:26,borderRadius:6,alignItems:"center",justifyContent:"center"},toolbarClear:{paddingHorizontal:6,paddingVertical:2},toolbarClearText:{color:_sharedUi.macOSColors.text.muted,fontSize:10},toolbarClearTextDisabled:{color:_sharedUi.macOSColors.text.disabled},searchRow:{flexDirection:"row",alignItems:"center",gap:6,marginHorizontal:12,marginBottom:8,paddingHorizontal:10,paddingVertical:5,backgroundColor:_sharedUi.macOSColors.background.input,borderRadius:10,borderWidth:1,borderColor:_sharedUi.macOSColors.border.default},searchInput:{flex:1,color:_sharedUi.macOSColors.text.primary,fontSize:13,paddingVertical:2},listContent:{paddingTop:4}});