@buoy-gg/shared-ui 7.0.7 → 7.0.8

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-07-29T14:20:09.071Z
+ * Generated at: 2026-08-01T22:58:20.807Z
  *
  * DO NOT EDIT - This file is generated by scripts/detect-safe-area.js
  *

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

@@ -3,7 +3,7 @@
 /**
  * Auto-generated safe area implementation
  * Detected: none
- * Generated at: 2026-07-29T14:20:09.071Z
+ * Generated at: 2026-08-01T22:58:20.807Z
  *
  * DO NOT EDIT - This file is generated by scripts/detect-safe-area.js
  *

package/lib/typescript/commonjs/hooks/safe-area-impl.d.ts

@@ -1,7 +1,7 @@
 /**
  * Auto-generated safe area implementation
  * Detected: none
- * Generated at: 2026-07-29T14:20:09.071Z
+ * Generated at: 2026-08-01T22:58:20.807Z
  *
  * DO NOT EDIT - This file is generated by scripts/detect-safe-area.js
  *

package/lib/typescript/module/hooks/safe-area-impl.d.ts

@@ -1,7 +1,7 @@
 /**
  * Auto-generated safe area implementation
  * Detected: none
- * Generated at: 2026-07-29T14:20:09.071Z
+ * Generated at: 2026-08-01T22:58:20.807Z
  *
  * DO NOT EDIT - This file is generated by scripts/detect-safe-area.js
  *

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@buoy-gg/shared-ui",
-  "version": "7.0.7",
+  "version": "7.0.8",
   "description": "Shared UI components, hooks, and utilities",
   "main": "lib/commonjs/index.js",
   "module": "lib/module/index.js",
@@ -136,10 +136,10 @@
   ],
   "sideEffects": false,
   "dependencies": {
-    "@buoy-gg/floating-tools-core": "7.0.7"
+    "@buoy-gg/floating-tools-core": "7.0.8"
   },
   "peerDependencies": {
-    "@buoy-gg/license": "7.0.7",
+    "@buoy-gg/license": "7.0.8",
     "@react-native-clipboard/clipboard": "*",
     "expo-clipboard": "*",
     "expo-file-system": "*",
@@ -167,7 +167,7 @@
     "expo-clipboard": "~7.1.5",
     "react-native-safe-area-context": "^5.6.2",
     "typescript": "~5.8.3",
-    "@buoy-gg/license": "7.0.7"
+    "@buoy-gg/license": "7.0.8"
   },
   "react-native-builder-bob": {
     "source": "src",

package/lib/commonjs/license/DeviceLimitModal.js

@@ -1,480 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.DeviceLimitModal = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _reactNative = require("react-native");
-var _absoluteFill = require("../utils/absoluteFill.js");
-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: {
-    ..._absoluteFill.absoluteFill,
-    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
-  }
-});