@buoy-gg/shared-ui 2.1.1 → 2.1.2

package/lib/commonjs/clipboard/clipboard-impl.js

@@ -7,7 +7,7 @@ exports.isClipboardAvailable = exports.clipboardType = exports.clipboardFunction
 /**
  * Auto-generated clipboard implementation
  * Detected: none
- * Generated at: 2026-01-12T04:02:16.197Z
+ * Generated at: 2026-01-29T01:02:34.738Z
  *
  * DO NOT EDIT - This file is generated by scripts/detect-clipboard.js
  *

package/lib/commonjs/dataViewer/VirtualizedDataExplorer.js

@@ -730,8 +730,7 @@ const VirtualizedItemComponent = ({
   data,
   index,
   onSelect,
-  isSelected,
-  disableCopy = false
+  isSelected
 }) => {
   const [isPressed, setIsPressed] = (0, _react.useState)(false);
   const [showFullKey, setShowFullKey] = (0, _react.useState)(false);
@@ -754,9 +753,9 @@ const VirtualizedItemComponent = ({
 
   // Always show full key for better identification
   const displayKey = item.key;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
     style: [STABLE_STYLES.itemContainer, indentStyle],
-    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.TouchableOpacity, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.TouchableOpacity, {
       "sentry-label": "ignore devtools data explorer item",
       style: [STABLE_STYLES.itemTouchable, isPressed && STABLE_STYLES.itemTouchablePressed, isSelected && STABLE_STYLES.itemSelected, isLongKey && {
         minHeight: LONG_ITEM_HEIGHT,
@@ -778,21 +777,12 @@ const VirtualizedItemComponent = ({
           style: STABLE_STYLES.labelText,
           numberOfLines: 1,
           children: [item.key, ":"]
-        }), item.isExpandable ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Text, {
-            style: [STABLE_STYLES.valueText, {
-              color: _index.gameUIColors.secondary
-            }],
-            numberOfLines: 1,
-            children: [item.valueType, " (", item.childCount, " ", item.childCount === 1 ? "item" : "items", ")"]
-          }), item.id === "root" && data && /*#__PURE__*/(0, _jsxRuntime.jsx)(_CopyButton.CopyButton, {
-            value: data,
-            size: 16,
-            buttonStyle: {
-              marginLeft: 8
-            },
-            disabled: disableCopy
-          })]
+        }), item.isExpandable ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Text, {
+          style: [STABLE_STYLES.valueText, {
+            color: _index.gameUIColors.secondary
+          }],
+          numberOfLines: 1,
+          children: [item.valueType, " (", item.childCount, " ", item.childCount === 1 ? "item" : "items", ")"]
         }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
           style: [STABLE_STYLES.valueText, {
             color
@@ -801,7 +791,14 @@ const VirtualizedItemComponent = ({
           children: formatValue(item.value, item.valueType)
         })]
       })]
-    })
+    }), item.id === "root" && data !== undefined && data !== null ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_CopyButton.CopyButton, {
+      value: data,
+      size: 16,
+      buttonStyle: {
+        marginLeft: 8,
+        marginRight: 8
+      }
+    }) : null]
   });
 };
 VirtualizedItemComponent.displayName = "VirtualizedItem";
@@ -816,7 +813,8 @@ const VirtualizedDataExplorer = ({
   maxDepth = 10,
   rawMode = false,
   initialExpanded = false,
-  disableCopy = false
+  // disableCopy is accepted for API compatibility but CopyButton handles Pro gating internally
+  disableCopy: _disableCopy = false
 }) => {
   const [isExpanded, setIsExpanded] = (0, _react.useState)(rawMode); // Auto-expand in raw mode
   const {
@@ -882,8 +880,7 @@ const VirtualizedDataExplorer = ({
     onToggleExpanded: toggleExpanded,
     data: data,
     onSelect: setSelectedIndex,
-    isSelected: selectedIndex === index,
-    disableCopy: disableCopy
+    isSelected: selectedIndex === index
   });
 
   // Uniform row height for crisp guide geometry

package/lib/commonjs/hooks/safe-area-impl.js

@@ -7,7 +7,7 @@ exports.useNativeSafeAreaInsets = exports.safeAreaType = exports.hasSafeAreaPack
 /**
  * Auto-generated safe area implementation
  * Detected: none
- * Generated at: 2026-01-12T04:02:16.222Z
+ * Generated at: 2026-01-29T01:02:34.764Z
  *
  * DO NOT EDIT - This file is generated by scripts/detect-safe-area.js
  *

package/lib/commonjs/index.js

@@ -49,7 +49,6 @@ var _exportNames = {
   ProFeatureBanner: true,
   UpgradeModal: true,
   LicenseEntryModal: true,
-  ManageDevicesModal: true,
   ProBadge: true,
   ProUpgradeModal: true,
   getUseIsPro: true,
@@ -97,12 +96,6 @@ Object.defineProperty(exports, "LicenseEntryModal", {
     return _index11.LicenseEntryModal;
   }
 });
-Object.defineProperty(exports, "ManageDevicesModal", {
-  enumerable: true,
-  get: function () {
-    return _index11.ManageDevicesModal;
-  }
-});
 Object.defineProperty(exports, "ProBadge", {
   enumerable: true,
   get: function () {

package/lib/commonjs/license/DeviceLimitModal.js

@@ -0,0 +1,479 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DeviceLimitModal = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _macOSDesignSystemColors = require("../ui/gameUI/constants/macOSDesignSystemColors.js");
+var _lucideIcons = require("../icons/lucide-icons.js");
+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); }
+/**
+ * DeviceLimitModal - Shown when device limit is exceeded
+ *
+ * Displays registered devices and allows removing one to free up a slot.
+ */
+
+// Lazy load LicenseManager
+let _LicenseManager = null;
+function getLicenseManager() {
+  if (!_LicenseManager) {
+    try {
+      const mod = require("@buoy-gg/license");
+      _LicenseManager = mod.LicenseManager;
+    } catch {
+      // Not available
+    }
+  }
+  return _LicenseManager;
+}
+const DeviceLimitModal = ({
+  visible,
+  onClose,
+  onRetry,
+  maxDevices
+}) => {
+  const [devices, setDevices] = (0, _react.useState)([]);
+  const [isLoading, setIsLoading] = (0, _react.useState)(true);
+  const [isRemoving, setIsRemoving] = (0, _react.useState)(null);
+  const [error, setError] = (0, _react.useState)(null);
+
+  // Only allow device removal on web (admin dashboard)
+  const canRemoveDevices = _reactNative.Platform.OS === "web";
+  const fetchDevices = (0, _react.useCallback)(async () => {
+    setIsLoading(true);
+    setError(null);
+    try {
+      const LicenseManager = getLicenseManager();
+      if (LicenseManager?.getRegisteredDevices) {
+        const registeredDevices = await LicenseManager.getRegisteredDevices();
+        setDevices(registeredDevices);
+      }
+    } catch (err) {
+      setError("Failed to load devices");
+      console.warn("[DeviceLimitModal] Failed to fetch devices:", err);
+    } finally {
+      setIsLoading(false);
+    }
+  }, []);
+  (0, _react.useEffect)(() => {
+    if (visible) {
+      fetchDevices();
+    }
+  }, [visible, fetchDevices]);
+  const handleRemoveDevice = (0, _react.useCallback)(async device => {
+    const confirmRemove = () => {
+      return new Promise(resolve => {
+        if (_reactNative.Platform.OS === "web") {
+          // Use globalThis for cross-platform window access
+          const win = globalThis;
+          resolve(win.confirm?.(`Remove "${device.name}" from your license?`) ?? true);
+        } else {
+          _reactNative.Alert.alert("Remove Device", `Remove "${device.name}" from your license? You can re-register it later.`, [{
+            text: "Cancel",
+            style: "cancel",
+            onPress: () => resolve(false)
+          }, {
+            text: "Remove",
+            style: "destructive",
+            onPress: () => resolve(true)
+          }]);
+        }
+      });
+    };
+    const confirmed = await confirmRemove();
+    if (!confirmed) return;
+    setIsRemoving(device.id);
+    try {
+      const LicenseManager = getLicenseManager();
+      if (LicenseManager?.deactivateDevice) {
+        const success = await LicenseManager.deactivateDevice(device.id);
+        if (success) {
+          // Refresh the list
+          await fetchDevices();
+          // If we now have room, let user know they can retry
+          if (devices.length <= maxDevices) {
+            setError(null);
+          }
+        } else {
+          setError("Failed to remove device");
+        }
+      }
+    } catch (err) {
+      setError("Failed to remove device");
+      console.warn("[DeviceLimitModal] Failed to remove device:", err);
+    } finally {
+      setIsRemoving(null);
+    }
+  }, [fetchDevices, devices.length, maxDevices]);
+  const formatDate = date => {
+    const now = new Date();
+    const diffMs = now.getTime() - date.getTime();
+    const diffDays = Math.floor(diffMs / (1000 * 60 * 60 * 24));
+    if (diffDays === 0) return "Today";
+    if (diffDays === 1) return "Yesterday";
+    if (diffDays < 7) return `${diffDays} days ago`;
+    if (diffDays < 30) return `${Math.floor(diffDays / 7)} weeks ago`;
+    return `${Math.floor(diffDays / 30)} months ago`;
+  };
+  const canRetry = devices.length < maxDevices;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Modal, {
+    visible: visible,
+    transparent: true,
+    animationType: "fade",
+    onRequestClose: onClose,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: styles.overlay,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
+        style: styles.backdrop,
+        activeOpacity: 1,
+        onPress: onClose
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+        style: styles.modal,
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
+          style: styles.closeButton,
+          onPress: onClose,
+          activeOpacity: 0.7,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_lucideIcons.X, {
+            size: 18,
+            color: _macOSDesignSystemColors.macOSColors.text.muted
+          })
+        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+          style: styles.header,
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+            style: styles.iconContainer,
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_lucideIcons.AlertTriangle, {
+              size: 20,
+              color: _macOSDesignSystemColors.macOSColors.semantic.warning
+            })
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+            style: styles.title,
+            children: "Device Limit Reached"
+          }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Text, {
+            style: styles.subtitle,
+            children: ["Your license allows ", maxDevices, " device", maxDevices !== 1 ? "s" : "", ". Remove one to continue."]
+          })]
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+          style: styles.countBadge,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Text, {
+            style: styles.countText,
+            children: [devices.length, " / ", maxDevices, " devices registered"]
+          })
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+          style: styles.devicesContainer,
+          children: isLoading ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+            style: styles.loadingContainer,
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ActivityIndicator, {
+              size: "small",
+              color: _macOSDesignSystemColors.macOSColors.text.muted
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+              style: styles.loadingText,
+              children: "Loading devices..."
+            })]
+          }) : error && devices.length === 0 ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+            style: styles.errorContainer,
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+              style: styles.errorText,
+              children: error
+            }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.TouchableOpacity, {
+              style: styles.retryButton,
+              onPress: fetchDevices,
+              children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_lucideIcons.RefreshCw, {
+                size: 14,
+                color: _macOSDesignSystemColors.macOSColors.text.secondary
+              }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+                style: styles.retryButtonText,
+                children: "Retry"
+              })]
+            })]
+          }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ScrollView, {
+            style: styles.devicesList,
+            showsVerticalScrollIndicator: false,
+            children: devices.map(device => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+              style: styles.deviceItem,
+              children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+                style: styles.deviceIcon,
+                children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_lucideIcons.Smartphone, {
+                  size: 16,
+                  color: _macOSDesignSystemColors.macOSColors.text.secondary
+                })
+              }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+                style: styles.deviceInfo,
+                children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Text, {
+                  style: styles.deviceName,
+                  numberOfLines: 1,
+                  children: [device.name, device.isCurrentDevice && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+                    style: styles.currentBadge,
+                    children: " (this device)"
+                  })]
+                }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Text, {
+                  style: styles.deviceMeta,
+                  children: [device.platform, " \u2022 Last seen ", formatDate(device.lastSeenAt)]
+                })]
+              }), canRemoveDevices && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
+                style: [styles.removeButton, isRemoving === device.id && styles.removeButtonDisabled],
+                onPress: () => handleRemoveDevice(device),
+                disabled: isRemoving !== null,
+                activeOpacity: 0.7,
+                children: isRemoving === device.id ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ActivityIndicator, {
+                  size: "small",
+                  color: _macOSDesignSystemColors.macOSColors.semantic.error
+                }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_lucideIcons.Trash2, {
+                  size: 14,
+                  color: _macOSDesignSystemColors.macOSColors.semantic.error
+                })
+              })]
+            }, device.id))
+          })
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+          style: styles.actions,
+          children: canRemoveDevices ?
+          // Web: Show retry button or hint to remove
+          canRetry ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
+            style: styles.primaryButton,
+            onPress: onRetry,
+            activeOpacity: 0.8,
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+              style: styles.primaryButtonText,
+              children: "Try Again"
+            })
+          }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+            style: styles.hintText,
+            children: "Remove a device above to free up a slot"
+          }) :
+          /*#__PURE__*/
+          // Mobile: Show instructions to use web dashboard
+          (0, _jsxRuntime.jsxs)(_reactNative.View, {
+            style: styles.mobileInstructions,
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+              style: styles.mobileInstructionsText,
+              children: "To remove a device, visit your account dashboard at"
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
+              onPress: () => _reactNative.Linking.openURL("https://buoy.gg/account"),
+              activeOpacity: 0.7,
+              children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+                style: styles.mobileInstructionsLink,
+                children: "buoy.gg/account"
+              })
+            })]
+          })
+        })]
+      })]
+    })
+  });
+};
+exports.DeviceLimitModal = DeviceLimitModal;
+const styles = _reactNative.StyleSheet.create({
+  overlay: {
+    flex: 1,
+    justifyContent: "center",
+    alignItems: "center"
+  },
+  backdrop: {
+    ..._reactNative.StyleSheet.absoluteFillObject,
+    backgroundColor: "rgba(0, 0, 0, 0.8)"
+  },
+  modal: {
+    backgroundColor: _macOSDesignSystemColors.macOSColors.background.card,
+    borderRadius: 12,
+    padding: 24,
+    width: "90%",
+    maxWidth: 400,
+    maxHeight: "80%",
+    borderWidth: 1,
+    borderColor: _macOSDesignSystemColors.macOSColors.semantic.warning + "50",
+    shadowColor: _macOSDesignSystemColors.macOSColors.semantic.warning,
+    shadowOffset: {
+      width: 0,
+      height: 0
+    },
+    shadowOpacity: 0.5,
+    shadowRadius: 24,
+    elevation: 24
+  },
+  closeButton: {
+    position: "absolute",
+    top: 12,
+    right: 12,
+    width: 28,
+    height: 28,
+    borderRadius: 6,
+    backgroundColor: _macOSDesignSystemColors.macOSColors.background.hover,
+    alignItems: "center",
+    justifyContent: "center",
+    zIndex: 1
+  },
+  header: {
+    alignItems: "center",
+    marginBottom: 16,
+    paddingTop: 8
+  },
+  iconContainer: {
+    width: 48,
+    height: 48,
+    borderRadius: 12,
+    backgroundColor: _macOSDesignSystemColors.macOSColors.semantic.warning + "15",
+    borderWidth: 1,
+    borderColor: _macOSDesignSystemColors.macOSColors.semantic.warning + "30",
+    alignItems: "center",
+    justifyContent: "center",
+    marginBottom: 16
+  },
+  title: {
+    fontSize: 18,
+    fontWeight: "600",
+    color: _macOSDesignSystemColors.macOSColors.text.primary,
+    marginBottom: 6
+  },
+  subtitle: {
+    fontSize: 13,
+    color: _macOSDesignSystemColors.macOSColors.text.secondary,
+    textAlign: "center",
+    lineHeight: 18
+  },
+  countBadge: {
+    alignSelf: "center",
+    backgroundColor: _macOSDesignSystemColors.macOSColors.semantic.warning + "20",
+    paddingHorizontal: 12,
+    paddingVertical: 6,
+    borderRadius: 12,
+    marginBottom: 16
+  },
+  countText: {
+    fontSize: 12,
+    fontWeight: "600",
+    color: _macOSDesignSystemColors.macOSColors.semantic.warning
+  },
+  devicesContainer: {
+    backgroundColor: _macOSDesignSystemColors.macOSColors.background.hover,
+    borderRadius: 8,
+    borderWidth: 1,
+    borderColor: _macOSDesignSystemColors.macOSColors.border.default,
+    minHeight: 120,
+    maxHeight: 200
+  },
+  loadingContainer: {
+    flex: 1,
+    alignItems: "center",
+    justifyContent: "center",
+    padding: 24,
+    gap: 8
+  },
+  loadingText: {
+    fontSize: 12,
+    color: _macOSDesignSystemColors.macOSColors.text.muted
+  },
+  errorContainer: {
+    flex: 1,
+    alignItems: "center",
+    justifyContent: "center",
+    padding: 24,
+    gap: 12
+  },
+  errorText: {
+    fontSize: 12,
+    color: _macOSDesignSystemColors.macOSColors.semantic.error
+  },
+  retryButton: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 6,
+    paddingVertical: 8,
+    paddingHorizontal: 12,
+    borderRadius: 6,
+    backgroundColor: _macOSDesignSystemColors.macOSColors.background.input
+  },
+  retryButtonText: {
+    fontSize: 12,
+    color: _macOSDesignSystemColors.macOSColors.text.secondary
+  },
+  devicesList: {
+    padding: 8
+  },
+  deviceItem: {
+    flexDirection: "row",
+    alignItems: "center",
+    padding: 10,
+    borderRadius: 6,
+    backgroundColor: _macOSDesignSystemColors.macOSColors.background.input,
+    marginBottom: 6
+  },
+  deviceIcon: {
+    width: 32,
+    height: 32,
+    borderRadius: 8,
+    backgroundColor: _macOSDesignSystemColors.macOSColors.background.hover,
+    alignItems: "center",
+    justifyContent: "center",
+    marginRight: 10
+  },
+  deviceInfo: {
+    flex: 1,
+    marginRight: 8
+  },
+  deviceName: {
+    fontSize: 13,
+    fontWeight: "500",
+    color: _macOSDesignSystemColors.macOSColors.text.primary
+  },
+  currentBadge: {
+    fontSize: 11,
+    fontWeight: "400",
+    color: _macOSDesignSystemColors.macOSColors.semantic.info
+  },
+  deviceMeta: {
+    fontSize: 11,
+    color: _macOSDesignSystemColors.macOSColors.text.muted,
+    marginTop: 2
+  },
+  removeButton: {
+    width: 32,
+    height: 32,
+    borderRadius: 6,
+    backgroundColor: _macOSDesignSystemColors.macOSColors.semantic.error + "15",
+    alignItems: "center",
+    justifyContent: "center"
+  },
+  removeButtonDisabled: {
+    opacity: 0.5
+  },
+  actions: {
+    marginTop: 16,
+    alignItems: "center"
+  },
+  primaryButton: {
+    width: "100%",
+    backgroundColor: _macOSDesignSystemColors.macOSColors.semantic.info,
+    borderRadius: 8,
+    paddingVertical: 12,
+    alignItems: "center"
+  },
+  primaryButtonText: {
+    fontSize: 14,
+    fontWeight: "600",
+    color: "#000"
+  },
+  hintText: {
+    fontSize: 12,
+    color: _macOSDesignSystemColors.macOSColors.text.muted,
+    fontStyle: "italic"
+  },
+  mobileInstructions: {
+    alignItems: "center",
+    paddingVertical: 8
+  },
+  mobileInstructionsText: {
+    fontSize: 12,
+    color: _macOSDesignSystemColors.macOSColors.text.secondary,
+    textAlign: "center",
+    lineHeight: 18
+  },
+  mobileInstructionsLink: {
+    fontSize: 13,
+    fontWeight: "600",
+    color: _macOSDesignSystemColors.macOSColors.semantic.info,
+    marginTop: 4
+  }
+});

package/lib/commonjs/license/FeatureGate.js

@@ -60,7 +60,6 @@ const UpgradePrompt = ({
   compact = false
 }) => {
   const [showLicenseModal, setShowLicenseModal] = (0, _react.useState)(false);
-  const license = (0, _license.useLicense)();
   const handlePress = (0, _react.useCallback)(() => {
     if (onUpgradePress) {
       onUpgradePress();
@@ -86,8 +85,7 @@ const UpgradePrompt = ({
         })]
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_LicenseEntryModal.LicenseEntryModal, {
         visible: showLicenseModal,
-        onClose: handleCloseModal,
-        license: license
+        onClose: handleCloseModal
       })]
     });
   }
@@ -120,8 +118,7 @@ const UpgradePrompt = ({
       })]
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_LicenseEntryModal.LicenseEntryModal, {
       visible: showLicenseModal,
-      onClose: handleCloseModal,
-      license: license
+      onClose: handleCloseModal
     })]
   });
 };
@@ -271,8 +268,7 @@ const ProFeatureBanner = ({
       })]
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_LicenseEntryModal.LicenseEntryModal, {
       visible: showLicenseModal,
-      onClose: handleCloseModal,
-      license: license
+      onClose: handleCloseModal
     })]
   });
 };
@@ -407,8 +403,7 @@ const UpgradeModal = ({
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_LicenseEntryModal.LicenseEntryModal, {
       visible: showLicenseModal,
       onClose: handleCloseLicenseModal,
-      onSuccess: handleLicenseSuccess,
-      license: license
+      onSuccess: handleLicenseSuccess
     })]
   });
 };