@buoy-gg/shared-ui 7.0.7 → 7.0.8

package/lib/commonjs/ui/console/GalaxyButton.js

@@ -1,100 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.GalaxyButton = GalaxyButton;
-var _react = require("react");
-var _reactNative = require("react-native");
-var _absoluteFill = require("../../utils/absoluteFill.js");
-var _jsxRuntime = require("react/jsx-runtime");
-const {
-  width: screenWidth
-} = _reactNative.Dimensions.get("window");
-function GalaxyButton({
-  children,
-  onPress,
-  style
-}) {
-  const starsTranslateY = (0, _react.useRef)(new _reactNative.Animated.Value(0)).current;
-  const starsRotate = (0, _react.useRef)(new _reactNative.Animated.Value(0)).current;
-  (0, _react.useEffect)(() => {
-    // Star field animations
-    _reactNative.Animated.loop(_reactNative.Animated.timing(starsTranslateY, {
-      toValue: -135,
-      duration: 60000,
-      useNativeDriver: true
-    })).start();
-    _reactNative.Animated.loop(_reactNative.Animated.timing(starsRotate, {
-      toValue: 1,
-      duration: 90000,
-      useNativeDriver: true
-    })).start();
-  }, [starsTranslateY, starsRotate]);
-  const rotateInterpolate = starsRotate.interpolate({
-    inputRange: [0, 1],
-    outputRange: ["0deg", "360deg"]
-  });
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Pressable, {
-    onPress: onPress,
-    style: [styles.buttonContainer, style],
-    android_ripple: {
-      color: "rgba(255, 255, 255, 0.1)"
-    },
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-      style: styles.starsContainer,
-      pointerEvents: "none",
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Animated.View, {
-        style: [styles.starsLayer, {
-          transform: [{
-            translateY: starsTranslateY
-          }, {
-            rotate: rotateInterpolate
-          }]
-        }],
-        children: Array.from({
-          length: 30
-        }).map((_, i) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-          style: [styles.star, {
-            left: Math.random() * screenWidth * 2,
-            top: Math.random() * 400,
-            width: Math.random() * 1.5 + 0.5,
-            height: Math.random() * 1.5 + 0.5,
-            opacity: Math.random() * 0.6 + 0.2
-          }]
-        }, `star-${i}`))
-      })
-    }), children]
-  });
-}
-const styles = _reactNative.StyleSheet.create({
-  buttonContainer: {
-    position: "relative",
-    backgroundColor: "rgba(31, 31, 31, 0.85)",
-    borderRadius: 12,
-    borderWidth: 1,
-    borderColor: "rgba(128, 128, 128, 0.24)",
-    overflow: "hidden"
-  },
-  starsContainer: {
-    ..._absoluteFill.absoluteFill,
-    overflow: "hidden"
-  },
-  starsLayer: {
-    position: "absolute",
-    width: screenWidth * 3,
-    height: 800
-  },
-  star: {
-    position: "absolute",
-    backgroundColor: "#ffffff",
-    borderRadius: 50,
-    shadowColor: "#ffffff",
-    shadowOffset: {
-      width: 0,
-      height: 0
-    },
-    shadowOpacity: 0.3,
-    shadowRadius: 1
-  }
-});

package/lib/commonjs/ui/console/index.js

@@ -1,12 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "ConsoleSection", {
-  enumerable: true,
-  get: function () {
-    return _ConsoleSection.ConsoleSection;
-  }
-});
-var _ConsoleSection = require("./ConsoleSection.js");

package/lib/module/license/DeviceLimitModal.js

@@ -1,474 +0,0 @@
-"use strict";
-
-/**
- * DeviceLimitModal - Shown when device limit is exceeded
- *
- * Displays registered devices and allows removing one to free up a slot.
- */
-
-import React, { useState, useEffect, useCallback } from "react";
-import { View, Text, TouchableOpacity, StyleSheet, Modal, ActivityIndicator, ScrollView, Alert, Platform, Linking } from "react-native";
-import { absoluteFill } from "../utils/absoluteFill.js";
-import { macOSColors } from "../ui/gameUI/constants/macOSDesignSystemColors.js";
-import { X, Smartphone, Trash2, RefreshCw, AlertTriangle } from "../icons/lucide-icons.js";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-// 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;
-}
-export const DeviceLimitModal = ({
-  visible,
-  onClose,
-  onRetry,
-  maxDevices
-}) => {
-  const [devices, setDevices] = useState([]);
-  const [isLoading, setIsLoading] = useState(true);
-  const [isRemoving, setIsRemoving] = useState(null);
-  const [error, setError] = useState(null);
-
-  // Only allow device removal on web (admin dashboard)
-  const canRemoveDevices = Platform.OS === "web";
-  const fetchDevices = 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);
-    }
-  }, []);
-  useEffect(() => {
-    if (visible) {
-      fetchDevices();
-    }
-  }, [visible, fetchDevices]);
-  const handleRemoveDevice = useCallback(async device => {
-    const confirmRemove = () => {
-      return new Promise(resolve => {
-        if (Platform.OS === "web") {
-          // Use globalThis for cross-platform window access
-          const win = globalThis;
-          resolve(win.confirm?.(`Remove "${device.name}" from your license?`) ?? true);
-        } else {
-          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__*/_jsx(Modal, {
-    visible: visible,
-    transparent: true,
-    animationType: "fade",
-    onRequestClose: onClose,
-    children: /*#__PURE__*/_jsxs(View, {
-      style: styles.overlay,
-      children: [/*#__PURE__*/_jsx(TouchableOpacity, {
-        style: styles.backdrop,
-        activeOpacity: 1,
-        onPress: onClose
-      }), /*#__PURE__*/_jsxs(View, {
-        style: styles.modal,
-        children: [/*#__PURE__*/_jsx(TouchableOpacity, {
-          style: styles.closeButton,
-          onPress: onClose,
-          activeOpacity: 0.7,
-          children: /*#__PURE__*/_jsx(X, {
-            size: 18,
-            color: macOSColors.text.muted
-          })
-        }), /*#__PURE__*/_jsxs(View, {
-          style: styles.header,
-          children: [/*#__PURE__*/_jsx(View, {
-            style: styles.iconContainer,
-            children: /*#__PURE__*/_jsx(AlertTriangle, {
-              size: 20,
-              color: macOSColors.semantic.warning
-            })
-          }), /*#__PURE__*/_jsx(Text, {
-            style: styles.title,
-            children: "Device Limit Reached"
-          }), /*#__PURE__*/_jsxs(Text, {
-            style: styles.subtitle,
-            children: ["Your license allows ", maxDevices, " device", maxDevices !== 1 ? "s" : "", ". Remove one to continue."]
-          })]
-        }), /*#__PURE__*/_jsx(View, {
-          style: styles.countBadge,
-          children: /*#__PURE__*/_jsxs(Text, {
-            style: styles.countText,
-            children: [devices.length, " / ", maxDevices, " devices registered"]
-          })
-        }), /*#__PURE__*/_jsx(View, {
-          style: styles.devicesContainer,
-          children: isLoading ? /*#__PURE__*/_jsxs(View, {
-            style: styles.loadingContainer,
-            children: [/*#__PURE__*/_jsx(ActivityIndicator, {
-              size: "small",
-              color: macOSColors.text.muted
-            }), /*#__PURE__*/_jsx(Text, {
-              style: styles.loadingText,
-              children: "Loading devices..."
-            })]
-          }) : error && devices.length === 0 ? /*#__PURE__*/_jsxs(View, {
-            style: styles.errorContainer,
-            children: [/*#__PURE__*/_jsx(Text, {
-              style: styles.errorText,
-              children: error
-            }), /*#__PURE__*/_jsxs(TouchableOpacity, {
-              style: styles.retryButton,
-              onPress: fetchDevices,
-              children: [/*#__PURE__*/_jsx(RefreshCw, {
-                size: 14,
-                color: macOSColors.text.secondary
-              }), /*#__PURE__*/_jsx(Text, {
-                style: styles.retryButtonText,
-                children: "Retry"
-              })]
-            })]
-          }) : /*#__PURE__*/_jsx(ScrollView, {
-            style: styles.devicesList,
-            showsVerticalScrollIndicator: false,
-            children: devices.map(device => /*#__PURE__*/_jsxs(View, {
-              style: styles.deviceItem,
-              children: [/*#__PURE__*/_jsx(View, {
-                style: styles.deviceIcon,
-                children: /*#__PURE__*/_jsx(Smartphone, {
-                  size: 16,
-                  color: macOSColors.text.secondary
-                })
-              }), /*#__PURE__*/_jsxs(View, {
-                style: styles.deviceInfo,
-                children: [/*#__PURE__*/_jsxs(Text, {
-                  style: styles.deviceName,
-                  numberOfLines: 1,
-                  children: [device.name, device.isCurrentDevice && /*#__PURE__*/_jsx(Text, {
-                    style: styles.currentBadge,
-                    children: " (this device)"
-                  })]
-                }), /*#__PURE__*/_jsxs(Text, {
-                  style: styles.deviceMeta,
-                  children: [device.platform, " \u2022 Last seen ", formatDate(device.lastSeenAt)]
-                })]
-              }), canRemoveDevices && /*#__PURE__*/_jsx(TouchableOpacity, {
-                style: [styles.removeButton, isRemoving === device.id && styles.removeButtonDisabled],
-                onPress: () => handleRemoveDevice(device),
-                disabled: isRemoving !== null,
-                activeOpacity: 0.7,
-                children: isRemoving === device.id ? /*#__PURE__*/_jsx(ActivityIndicator, {
-                  size: "small",
-                  color: macOSColors.semantic.error
-                }) : /*#__PURE__*/_jsx(Trash2, {
-                  size: 14,
-                  color: macOSColors.semantic.error
-                })
-              })]
-            }, device.id))
-          })
-        }), /*#__PURE__*/_jsx(View, {
-          style: styles.actions,
-          children: canRemoveDevices ?
-          // Web: Show retry button or hint to remove
-          canRetry ? /*#__PURE__*/_jsx(TouchableOpacity, {
-            style: styles.primaryButton,
-            onPress: onRetry,
-            activeOpacity: 0.8,
-            children: /*#__PURE__*/_jsx(Text, {
-              style: styles.primaryButtonText,
-              children: "Try Again"
-            })
-          }) : /*#__PURE__*/_jsx(Text, {
-            style: styles.hintText,
-            children: "Remove a device above to free up a slot"
-          }) :
-          /*#__PURE__*/
-          // Mobile: Show instructions to use web dashboard
-          _jsxs(View, {
-            style: styles.mobileInstructions,
-            children: [/*#__PURE__*/_jsx(Text, {
-              style: styles.mobileInstructionsText,
-              children: "To remove a device, visit your account dashboard at"
-            }), /*#__PURE__*/_jsx(TouchableOpacity, {
-              onPress: () => Linking.openURL("https://buoy.gg/account"),
-              activeOpacity: 0.7,
-              children: /*#__PURE__*/_jsx(Text, {
-                style: styles.mobileInstructionsLink,
-                children: "buoy.gg/account"
-              })
-            })]
-          })
-        })]
-      })]
-    })
-  });
-};
-const styles = StyleSheet.create({
-  overlay: {
-    flex: 1,
-    justifyContent: "center",
-    alignItems: "center"
-  },
-  backdrop: {
-    ...absoluteFill,
-    backgroundColor: "rgba(0, 0, 0, 0.8)"
-  },
-  modal: {
-    backgroundColor: macOSColors.background.card,
-    borderRadius: 12,
-    padding: 24,
-    width: "90%",
-    maxWidth: 400,
-    maxHeight: "80%",
-    borderWidth: 1,
-    borderColor: macOSColors.semantic.warning + "50",
-    shadowColor: 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: macOSColors.background.hover,
-    alignItems: "center",
-    justifyContent: "center",
-    zIndex: 1
-  },
-  header: {
-    alignItems: "center",
-    marginBottom: 16,
-    paddingTop: 8
-  },
-  iconContainer: {
-    width: 48,
-    height: 48,
-    borderRadius: 12,
-    backgroundColor: macOSColors.semantic.warning + "15",
-    borderWidth: 1,
-    borderColor: macOSColors.semantic.warning + "30",
-    alignItems: "center",
-    justifyContent: "center",
-    marginBottom: 16
-  },
-  title: {
-    fontSize: 18,
-    fontWeight: "600",
-    color: macOSColors.text.primary,
-    marginBottom: 6
-  },
-  subtitle: {
-    fontSize: 13,
-    color: macOSColors.text.secondary,
-    textAlign: "center",
-    lineHeight: 18
-  },
-  countBadge: {
-    alignSelf: "center",
-    backgroundColor: macOSColors.semantic.warning + "20",
-    paddingHorizontal: 12,
-    paddingVertical: 6,
-    borderRadius: 12,
-    marginBottom: 16
-  },
-  countText: {
-    fontSize: 12,
-    fontWeight: "600",
-    color: macOSColors.semantic.warning
-  },
-  devicesContainer: {
-    backgroundColor: macOSColors.background.hover,
-    borderRadius: 8,
-    borderWidth: 1,
-    borderColor: macOSColors.border.default,
-    minHeight: 120,
-    maxHeight: 200
-  },
-  loadingContainer: {
-    flex: 1,
-    alignItems: "center",
-    justifyContent: "center",
-    padding: 24,
-    gap: 8
-  },
-  loadingText: {
-    fontSize: 12,
-    color: macOSColors.text.muted
-  },
-  errorContainer: {
-    flex: 1,
-    alignItems: "center",
-    justifyContent: "center",
-    padding: 24,
-    gap: 12
-  },
-  errorText: {
-    fontSize: 12,
-    color: macOSColors.semantic.error
-  },
-  retryButton: {
-    flexDirection: "row",
-    alignItems: "center",
-    gap: 6,
-    paddingVertical: 8,
-    paddingHorizontal: 12,
-    borderRadius: 6,
-    backgroundColor: macOSColors.background.input
-  },
-  retryButtonText: {
-    fontSize: 12,
-    color: macOSColors.text.secondary
-  },
-  devicesList: {
-    padding: 8
-  },
-  deviceItem: {
-    flexDirection: "row",
-    alignItems: "center",
-    padding: 10,
-    borderRadius: 6,
-    backgroundColor: macOSColors.background.input,
-    marginBottom: 6
-  },
-  deviceIcon: {
-    width: 32,
-    height: 32,
-    borderRadius: 8,
-    backgroundColor: macOSColors.background.hover,
-    alignItems: "center",
-    justifyContent: "center",
-    marginRight: 10
-  },
-  deviceInfo: {
-    flex: 1,
-    marginRight: 8
-  },
-  deviceName: {
-    fontSize: 13,
-    fontWeight: "500",
-    color: macOSColors.text.primary
-  },
-  currentBadge: {
-    fontSize: 11,
-    fontWeight: "400",
-    color: macOSColors.semantic.info
-  },
-  deviceMeta: {
-    fontSize: 11,
-    color: macOSColors.text.muted,
-    marginTop: 2
-  },
-  removeButton: {
-    width: 32,
-    height: 32,
-    borderRadius: 6,
-    backgroundColor: macOSColors.semantic.error + "15",
-    alignItems: "center",
-    justifyContent: "center"
-  },
-  removeButtonDisabled: {
-    opacity: 0.5
-  },
-  actions: {
-    marginTop: 16,
-    alignItems: "center"
-  },
-  primaryButton: {
-    width: "100%",
-    backgroundColor: macOSColors.semantic.info,
-    borderRadius: 8,
-    paddingVertical: 12,
-    alignItems: "center"
-  },
-  primaryButtonText: {
-    fontSize: 14,
-    fontWeight: "600",
-    color: "#000"
-  },
-  hintText: {
-    fontSize: 12,
-    color: macOSColors.text.muted,
-    fontStyle: "italic"
-  },
-  mobileInstructions: {
-    alignItems: "center",
-    paddingVertical: 8
-  },
-  mobileInstructionsText: {
-    fontSize: 12,
-    color: macOSColors.text.secondary,
-    textAlign: "center",
-    lineHeight: 18
-  },
-  mobileInstructionsLink: {
-    fontSize: 13,
-    fontWeight: "600",
-    color: macOSColors.semantic.info,
-    marginTop: 4
-  }
-});