@nice2dev/licensing 1.0.10

package/dist/react.cjs

@@ -0,0 +1,1039 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const React = require("react");
+const FeatureGate$1 = require("./FeatureGate-Cs1zphXs.cjs");
+const LicenseContext = React.createContext(null);
+function LicenseProvider({
+  serverUrl = "https://license.nice2dev.com/api/v1",
+  apiKey,
+  initialKey,
+  storageKey = "nice2dev_license_key",
+  autoValidate = true,
+  validationInterval = 36e5,
+  // 1 hour
+  onLicenseChange,
+  children
+}) {
+  var _a;
+  const [state, setState] = React.useState({
+    license: null,
+    validation: null,
+    loading: true,
+    error: null,
+    features: /* @__PURE__ */ new Set(),
+    fingerprint: null
+  });
+  const [validator] = React.useState(() => new FeatureGate$1.LicenseValidator({ serverUrl, apiKey }));
+  const loadStoredKey = React.useCallback(() => {
+    if (typeof localStorage === "undefined") {
+      return null;
+    }
+    try {
+      return localStorage.getItem(storageKey);
+    } catch {
+      return null;
+    }
+  }, [storageKey]);
+  const saveKey = React.useCallback(
+    (key) => {
+      if (typeof localStorage === "undefined") {
+        return;
+      }
+      try {
+        if (key) {
+          localStorage.setItem(storageKey, key);
+        } else {
+          localStorage.removeItem(storageKey);
+        }
+      } catch {
+      }
+    },
+    [storageKey]
+  );
+  const validateLicense = React.useCallback(
+    async (key) => {
+      setState((s) => ({ ...s, loading: true, error: null }));
+      try {
+        const result = await validator.validate(key);
+        setState((s) => ({
+          ...s,
+          license: result.license || null,
+          validation: result,
+          loading: false,
+          error: result.valid ? null : result.errorMessage || "Validation failed",
+          features: new Set(result.availableFeatures || [])
+        }));
+        if (result.valid && result.license) {
+          onLicenseChange == null ? void 0 : onLicenseChange(result.license);
+        }
+        return result;
+      } catch (error) {
+        const errorMessage = error instanceof Error ? error.message : "Unknown error";
+        setState((s) => ({
+          ...s,
+          loading: false,
+          error: errorMessage,
+          validation: {
+            valid: false,
+            errorCode: "SERVER_ERROR",
+            errorMessage,
+            validatedAt: (/* @__PURE__ */ new Date()).toISOString()
+          }
+        }));
+        return {
+          valid: false,
+          errorCode: "SERVER_ERROR",
+          errorMessage,
+          validatedAt: (/* @__PURE__ */ new Date()).toISOString()
+        };
+      }
+    },
+    [validator, onLicenseChange]
+  );
+  const activate = React.useCallback(
+    async (key) => {
+      const normalized = FeatureGate$1.normalizeLicenseKey(key);
+      if (!normalized) {
+        const result2 = {
+          valid: false,
+          errorCode: "INVALID_KEY",
+          errorMessage: "Invalid license key format",
+          validatedAt: (/* @__PURE__ */ new Date()).toISOString()
+        };
+        setState((s) => ({ ...s, error: result2.errorMessage || null, validation: result2 }));
+        return result2;
+      }
+      const result = await validateLicense(normalized);
+      if (result.valid) {
+        saveKey(normalized);
+      }
+      return result;
+    },
+    [validateLicense, saveKey]
+  );
+  const deactivate = React.useCallback(async () => {
+    const key = loadStoredKey();
+    if (key) {
+      await validator.deactivateMachine(key);
+    }
+    saveKey(null);
+    setState({
+      license: null,
+      validation: null,
+      loading: false,
+      error: null,
+      features: /* @__PURE__ */ new Set(),
+      fingerprint: null
+    });
+    onLicenseChange == null ? void 0 : onLicenseChange(null);
+  }, [validator, loadStoredKey, saveKey, onLicenseChange]);
+  const refresh = React.useCallback(async () => {
+    var _a2;
+    const key = ((_a2 = state.license) == null ? void 0 : _a2.key) || loadStoredKey();
+    if (key) {
+      await validateLicense(key);
+    }
+  }, [(_a = state.license) == null ? void 0 : _a.key, loadStoredKey, validateLicense]);
+  const checkFeature = React.useCallback(
+    (featureId) => {
+      return FeatureGate$1.hasFeature(state.license, featureId);
+    },
+    [state.license]
+  );
+  React.useEffect(() => {
+    if (!autoValidate) {
+      setState((s) => ({ ...s, loading: false }));
+      return;
+    }
+    const key = initialKey || loadStoredKey();
+    if (key) {
+      validateLicense(key);
+    } else {
+      setState((s) => ({ ...s, loading: false }));
+    }
+  }, [autoValidate, initialKey, loadStoredKey, validateLicense]);
+  React.useEffect(() => {
+    if (validationInterval <= 0 || !state.license) {
+      return;
+    }
+    const interval = setInterval(() => {
+      refresh();
+    }, validationInterval);
+    return () => clearInterval(interval);
+  }, [validationInterval, state.license, refresh]);
+  const value = {
+    ...state,
+    activate,
+    deactivate,
+    refresh,
+    hasFeature: checkFeature
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx(LicenseContext.Provider, { value, children });
+}
+function useLicense() {
+  const context = React.useContext(LicenseContext);
+  if (!context) {
+    throw new Error("useLicense must be used within a LicenseProvider");
+  }
+  return context;
+}
+function useFeature(featureId) {
+  const { license, loading, error } = useLicense();
+  const allowed = FeatureGate$1.hasFeature(license, featureId);
+  return { allowed, loading, error };
+}
+function FeatureGate({
+  feature,
+  children,
+  fallback = null,
+  showUpgradePrompt = false,
+  renderUpgradePrompt
+}) {
+  const { license, loading } = useLicense();
+  if (loading) {
+    return null;
+  }
+  const result = FeatureGate$1.checkFeatureAccess(license, feature);
+  if (result.allowed) {
+    return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children });
+  }
+  if (showUpgradePrompt && result.upgradeTarget) {
+    if (renderUpgradePrompt) {
+      return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: renderUpgradePrompt(result.upgradeTarget) });
+    }
+    return /* @__PURE__ */ jsxRuntime.jsx(UpgradePrompt, { targetTier: result.upgradeTarget, feature });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: fallback });
+}
+function LicenseStatus({ detailed = false, style, className }) {
+  const { license, validation, loading, error } = useLicense();
+  const baseStyle = {
+    padding: "8px 12px",
+    borderRadius: "6px",
+    fontSize: "14px",
+    display: "inline-flex",
+    alignItems: "center",
+    gap: "8px",
+    ...style
+  };
+  if (loading) {
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        style: { ...baseStyle, backgroundColor: "#f0f0f0", color: "#666" },
+        className,
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { children: "⏳" }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Checking license..." })
+        ]
+      }
+    );
+  }
+  if (error || !license) {
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        style: { ...baseStyle, backgroundColor: "#fee2e2", color: "#991b1b" },
+        className,
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { children: "⚠️" }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { children: error || "No license" })
+        ]
+      }
+    );
+  }
+  const tierColors = {
+    trial: "#fef3c7",
+    personal: "#dbeafe",
+    team: "#d1fae5",
+    enterprise: "#ede9fe",
+    site: "#fce7f3",
+    oem: "#f3e8ff"
+  };
+  const tierTextColors = {
+    trial: "#92400e",
+    personal: "#1e40af",
+    team: "#065f46",
+    enterprise: "#5b21b6",
+    site: "#9d174d",
+    oem: "#7c3aed"
+  };
+  const bgColor = tierColors[license.tier] || "#f0f0f0";
+  const textColor = tierTextColors[license.tier] || "#333";
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { ...baseStyle, backgroundColor: bgColor, color: textColor }, className, children: [
+    /* @__PURE__ */ jsxRuntime.jsx("span", { children: "✓" }),
+    /* @__PURE__ */ jsxRuntime.jsx("span", { style: { fontWeight: 600 }, children: license.tier.charAt(0).toUpperCase() + license.tier.slice(1) }),
+    (validation == null ? void 0 : validation.inGracePeriod) && /* @__PURE__ */ jsxRuntime.jsx("span", { style: { color: "#dc2626", fontSize: "12px" }, children: "(Grace period)" }),
+    detailed && (validation == null ? void 0 : validation.daysRemaining) !== void 0 && validation.daysRemaining > 0 && /* @__PURE__ */ jsxRuntime.jsxs("span", { style: { fontSize: "12px", opacity: 0.8 }, children: [
+      validation.daysRemaining,
+      " days remaining"
+    ] }),
+    detailed && /* @__PURE__ */ jsxRuntime.jsx("span", { style: { fontSize: "12px", opacity: 0.6 }, children: FeatureGate$1.maskLicenseKey(license.key) })
+  ] });
+}
+function LicenseActivator({
+  onActivated,
+  onError,
+  style,
+  className
+}) {
+  const { activate, loading } = useLicense();
+  const [key, setKey] = React.useState("");
+  const [localError, setLocalError] = React.useState(null);
+  const [isActivating, setIsActivating] = React.useState(false);
+  const handleSubmit = async (e) => {
+    e.preventDefault();
+    if (!key.trim() || isActivating) {
+      return;
+    }
+    setIsActivating(true);
+    setLocalError(null);
+    try {
+      const result = await activate(key.trim());
+      if (result.valid && result.license) {
+        setKey("");
+        onActivated == null ? void 0 : onActivated(result.license);
+      } else {
+        setLocalError(result.errorMessage || "Activation failed");
+        onError == null ? void 0 : onError(result.errorMessage || "Activation failed");
+      }
+    } finally {
+      setIsActivating(false);
+    }
+  };
+  const containerStyle = {
+    display: "flex",
+    flexDirection: "column",
+    gap: "12px",
+    padding: "16px",
+    border: "1px solid #e5e7eb",
+    borderRadius: "8px",
+    backgroundColor: "#fff",
+    ...style
+  };
+  const inputStyle = {
+    padding: "10px 12px",
+    fontSize: "14px",
+    fontFamily: "monospace",
+    border: "1px solid #d1d5db",
+    borderRadius: "6px",
+    outline: "none",
+    textTransform: "uppercase"
+  };
+  const buttonStyle = {
+    padding: "10px 16px",
+    fontSize: "14px",
+    fontWeight: 600,
+    color: "#fff",
+    backgroundColor: isActivating || loading ? "#9ca3af" : "#2563eb",
+    border: "none",
+    borderRadius: "6px",
+    cursor: isActivating || loading ? "not-allowed" : "pointer"
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs("form", { onSubmit: handleSubmit, style: containerStyle, className, children: [
+    /* @__PURE__ */ jsxRuntime.jsx("label", { style: { fontWeight: 500, color: "#374151" }, children: "Enter License Key" }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "input",
+      {
+        type: "text",
+        value: key,
+        onChange: (e) => setKey(e.target.value),
+        placeholder: "XXXX-XXXX-XXXX-XXXX-XXXX",
+        style: inputStyle,
+        disabled: isActivating || loading
+      }
+    ),
+    localError && /* @__PURE__ */ jsxRuntime.jsx("div", { style: { color: "#dc2626", fontSize: "13px" }, children: localError }),
+    /* @__PURE__ */ jsxRuntime.jsx("button", { type: "submit", style: buttonStyle, disabled: isActivating || loading || !key.trim(), children: isActivating ? "Activating..." : "Activate License" })
+  ] });
+}
+function UpgradePrompt({
+  targetTier,
+  feature,
+  onUpgrade,
+  style,
+  compact = false
+}) {
+  const { license } = useLicense();
+  const missingFeatures = FeatureGate$1.getMissingFeatures(license, targetTier);
+  const handleUpgrade = () => {
+    onUpgrade == null ? void 0 : onUpgrade(targetTier);
+    if (!onUpgrade) {
+      window.open(`https://nice2dev.com/pricing?upgrade=${targetTier}`, "_blank");
+    }
+  };
+  const containerStyle = {
+    padding: compact ? "12px" : "20px",
+    backgroundColor: "#eff6ff",
+    borderRadius: "8px",
+    border: "1px solid #bfdbfe",
+    ...style
+  };
+  const titleStyle = {
+    fontSize: compact ? "14px" : "16px",
+    fontWeight: 600,
+    color: "#1e40af",
+    marginBottom: "8px"
+  };
+  const buttonStyle = {
+    padding: "8px 16px",
+    fontSize: "14px",
+    fontWeight: 600,
+    color: "#fff",
+    backgroundColor: "#2563eb",
+    border: "none",
+    borderRadius: "6px",
+    cursor: "pointer",
+    marginTop: "12px"
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { style: containerStyle, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { style: titleStyle, children: [
+      "🚀 Upgrade to ",
+      targetTier.charAt(0).toUpperCase() + targetTier.slice(1)
+    ] }),
+    !compact && missingFeatures.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("ul", { style: { margin: "8px 0", paddingLeft: "20px", color: "#374151", fontSize: "14px" }, children: [
+      missingFeatures.slice(0, 3).map((f) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: f.name }, f.id)),
+      missingFeatures.length > 3 && /* @__PURE__ */ jsxRuntime.jsxs("li", { children: [
+        "+",
+        missingFeatures.length - 3,
+        " more features"
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx("button", { onClick: handleUpgrade, style: buttonStyle, children: "Upgrade Now" })
+  ] });
+}
+function LicenseComparison({
+  plans: customPlans,
+  currentTier,
+  onSelect,
+  showPrices = true
+}) {
+  const { license } = useLicense();
+  const tier = currentTier || (license == null ? void 0 : license.tier);
+  const plans = customPlans || FeatureGate$1.getAllPlans().filter((p) => p.priceMonthly > 0 || p.id === "trial");
+  const formatPrice = (cents) => {
+    if (cents === 0) {
+      return "Free";
+    }
+    return `$${(cents / 100).toFixed(0)}`;
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { style: { display: "flex", gap: "16px", flexWrap: "wrap", justifyContent: "center" }, children: plans.map((plan) => {
+    const isCurrent = plan.id === tier;
+    const isRecommended = plan.recommended;
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        style: {
+          flex: "1 1 250px",
+          maxWidth: "300px",
+          padding: "24px",
+          borderRadius: "12px",
+          border: isRecommended ? "2px solid #2563eb" : "1px solid #e5e7eb",
+          backgroundColor: isCurrent ? "#f0f9ff" : "#fff",
+          position: "relative"
+        },
+        children: [
+          isRecommended && /* @__PURE__ */ jsxRuntime.jsx(
+            "div",
+            {
+              style: {
+                position: "absolute",
+                top: "-12px",
+                left: "50%",
+                transform: "translateX(-50%)",
+                backgroundColor: "#2563eb",
+                color: "#fff",
+                padding: "4px 12px",
+                borderRadius: "12px",
+                fontSize: "12px",
+                fontWeight: 600
+              },
+              children: "Recommended"
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx("h3", { style: { margin: "0 0 4px", fontSize: "20px", color: "#111" }, children: plan.name }),
+          /* @__PURE__ */ jsxRuntime.jsx("p", { style: { margin: "0 0 16px", fontSize: "14px", color: "#6b7280" }, children: plan.description }),
+          showPrices && /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { marginBottom: "16px" }, children: [
+            /* @__PURE__ */ jsxRuntime.jsx("span", { style: { fontSize: "32px", fontWeight: 700, color: "#111" }, children: formatPrice(plan.priceMonthly) }),
+            plan.priceMonthly > 0 && /* @__PURE__ */ jsxRuntime.jsx("span", { style: { fontSize: "14px", color: "#6b7280" }, children: "/month" })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx("ul", { style: { listStyle: "none", padding: 0, margin: "0 0 16px" }, children: plan.highlights.map((h, i) => /* @__PURE__ */ jsxRuntime.jsxs("li", { style: { padding: "6px 0", fontSize: "14px", color: "#374151" }, children: [
+            "✓ ",
+            h
+          ] }, i)) }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "button",
+            {
+              onClick: () => onSelect == null ? void 0 : onSelect(plan),
+              disabled: isCurrent,
+              style: {
+                width: "100%",
+                padding: "10px",
+                fontSize: "14px",
+                fontWeight: 600,
+                color: isCurrent ? "#9ca3af" : isRecommended ? "#fff" : "#2563eb",
+                backgroundColor: isCurrent ? "#f3f4f6" : isRecommended ? "#2563eb" : "#fff",
+                border: isCurrent ? "none" : isRecommended ? "none" : "1px solid #2563eb",
+                borderRadius: "6px",
+                cursor: isCurrent ? "default" : "pointer"
+              },
+              children: isCurrent ? "Current Plan" : "Select"
+            }
+          )
+        ]
+      },
+      plan.id
+    );
+  }) });
+}
+function TrialWatermark({
+  position = "bottom-right",
+  text = "Trial Version"
+}) {
+  const { license, hasFeature: hasFeature2 } = useLicense();
+  if (!hasFeature2("trial-watermark") && (license == null ? void 0 : license.tier) !== "trial") {
+    return null;
+  }
+  const positions = {
+    "top-left": { top: "16px", left: "16px" },
+    "top-right": { top: "16px", right: "16px" },
+    "bottom-left": { bottom: "16px", left: "16px" },
+    "bottom-right": { bottom: "16px", right: "16px" }
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      style: {
+        position: "fixed",
+        ...positions[position],
+        padding: "8px 16px",
+        backgroundColor: "rgba(0, 0, 0, 0.8)",
+        color: "#fff",
+        fontSize: "12px",
+        fontWeight: 600,
+        borderRadius: "4px",
+        zIndex: 9999,
+        pointerEvents: "none"
+      },
+      children: text
+    }
+  );
+}
+function LicensePortal({
+  tabs = ["overview", "activation", "seats", "features", "plans"],
+  defaultTab = "overview",
+  onUpgrade,
+  onDeactivate,
+  style,
+  className
+}) {
+  const {
+    license,
+    validation,
+    loading,
+    error,
+    deactivate,
+    refresh,
+    hasFeature: checkFeat
+  } = useLicense();
+  const [activeTab, setActiveTab] = React.useState(defaultTab);
+  const [refreshing, setRefreshing] = React.useState(false);
+  const handleRefresh = async () => {
+    setRefreshing(true);
+    try {
+      await refresh();
+    } finally {
+      setRefreshing(false);
+    }
+  };
+  const handleDeactivate = async () => {
+    await deactivate();
+    onDeactivate == null ? void 0 : onDeactivate();
+  };
+  const tabLabels = {
+    overview: "Overview",
+    activation: "Activation",
+    seats: "Seats",
+    features: "Features",
+    plans: "Plans"
+  };
+  const containerStyle = {
+    border: "1px solid #e5e7eb",
+    borderRadius: "12px",
+    backgroundColor: "#fff",
+    overflow: "hidden",
+    ...style
+  };
+  const tabBarStyle = {
+    display: "flex",
+    borderBottom: "1px solid #e5e7eb",
+    backgroundColor: "#f9fafb"
+  };
+  const getTabStyle = (tab) => ({
+    padding: "12px 20px",
+    fontSize: "14px",
+    fontWeight: activeTab === tab ? 600 : 400,
+    color: activeTab === tab ? "#2563eb" : "#6b7280",
+    backgroundColor: "transparent",
+    border: "none",
+    borderBottom: activeTab === tab ? "2px solid #2563eb" : "2px solid transparent",
+    cursor: "pointer"
+  });
+  const panelStyle = { padding: "24px" };
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { style: containerStyle, className, children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { style: tabBarStyle, children: tabs.map((tab) => /* @__PURE__ */ jsxRuntime.jsx("button", { style: getTabStyle(tab), onClick: () => setActiveTab(tab), children: tabLabels[tab] }, tab)) }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { style: panelStyle, children: [
+      loading && /* @__PURE__ */ jsxRuntime.jsx("p", { style: { color: "#6b7280" }, children: "Loading license information..." }),
+      !loading && activeTab === "overview" && /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", flexDirection: "column", gap: "16px" }, children: [
+        /* @__PURE__ */ jsxRuntime.jsx(LicenseStatus, { detailed: true }),
+        license && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "grid", gridTemplateColumns: "1fr 1fr", gap: "12px" }, children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+              /* @__PURE__ */ jsxRuntime.jsx("span", { style: { fontSize: "12px", color: "#6b7280" }, children: "Licensee" }),
+              /* @__PURE__ */ jsxRuntime.jsx("p", { style: { margin: "2px 0 0", fontWeight: 500 }, children: license.licensee })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+              /* @__PURE__ */ jsxRuntime.jsx("span", { style: { fontSize: "12px", color: "#6b7280" }, children: "Email" }),
+              /* @__PURE__ */ jsxRuntime.jsx("p", { style: { margin: "2px 0 0", fontWeight: 500 }, children: license.email })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+              /* @__PURE__ */ jsxRuntime.jsx("span", { style: { fontSize: "12px", color: "#6b7280" }, children: "Seats" }),
+              /* @__PURE__ */ jsxRuntime.jsxs("p", { style: { margin: "2px 0 0", fontWeight: 500 }, children: [
+                license.activeSeats,
+                " / ",
+                license.maxSeats ?? "∞"
+              ] })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+              /* @__PURE__ */ jsxRuntime.jsx("span", { style: { fontSize: "12px", color: "#6b7280" }, children: "Expires" }),
+              /* @__PURE__ */ jsxRuntime.jsx("p", { style: { margin: "2px 0 0", fontWeight: 500 }, children: license.expiresAt ? new Date(license.expiresAt).toLocaleDateString() : "Perpetual" })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", gap: "8px" }, children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "button",
+              {
+                onClick: handleRefresh,
+                disabled: refreshing,
+                style: {
+                  padding: "8px 16px",
+                  fontSize: "13px",
+                  border: "1px solid #d1d5db",
+                  borderRadius: "6px",
+                  backgroundColor: "#fff",
+                  cursor: refreshing ? "not-allowed" : "pointer"
+                },
+                children: refreshing ? "Refreshing..." : "Refresh"
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "button",
+              {
+                onClick: handleDeactivate,
+                style: {
+                  padding: "8px 16px",
+                  fontSize: "13px",
+                  color: "#dc2626",
+                  border: "1px solid #fecaca",
+                  borderRadius: "6px",
+                  backgroundColor: "#fff",
+                  cursor: "pointer"
+                },
+                children: "Deactivate"
+              }
+            )
+          ] })
+        ] }),
+        !license && !error && /* @__PURE__ */ jsxRuntime.jsx("p", { style: { color: "#6b7280" }, children: "No active license. Go to the Activation tab to enter your license key." }),
+        error && /* @__PURE__ */ jsxRuntime.jsx("p", { style: { color: "#dc2626" }, children: error })
+      ] }),
+      !loading && activeTab === "activation" && /* @__PURE__ */ jsxRuntime.jsx(LicenseActivator, { onActivated: () => setActiveTab("overview") }),
+      !loading && activeTab === "seats" && /* @__PURE__ */ jsxRuntime.jsx("div", { children: license ? /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", flexDirection: "column", gap: "12px" }, children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { fontSize: "14px", color: "#374151" }, children: [
+          /* @__PURE__ */ jsxRuntime.jsx("strong", { children: license.activeSeats }),
+          " of",
+          " ",
+          /* @__PURE__ */ jsxRuntime.jsx("strong", { children: license.maxSeats ?? "∞" }),
+          " seats in use",
+          license.floatingSeats != null && /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
+            " (",
+            license.floatingSeats,
+            " floating)"
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "div",
+          {
+            style: {
+              height: "8px",
+              borderRadius: "4px",
+              backgroundColor: "#e5e7eb",
+              overflow: "hidden"
+            },
+            children: /* @__PURE__ */ jsxRuntime.jsx(
+              "div",
+              {
+                style: {
+                  height: "100%",
+                  width: license.maxSeats ? `${Math.min(100, license.activeSeats / license.maxSeats * 100)}%` : "10%",
+                  backgroundColor: license.maxSeats && license.activeSeats / license.maxSeats > 0.9 ? "#dc2626" : "#2563eb",
+                  borderRadius: "4px",
+                  transition: "width 0.3s ease"
+                }
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { fontSize: "12px", color: "#9ca3af" }, children: [
+          "Machines bound: ",
+          license.boundMachines.length,
+          " / ",
+          license.maxMachines
+        ] })
+      ] }) : /* @__PURE__ */ jsxRuntime.jsx("p", { style: { color: "#6b7280" }, children: "Activate a license to view seat information." }) }),
+      !loading && activeTab === "features" && /* @__PURE__ */ jsxRuntime.jsx("div", { children: license ? /* @__PURE__ */ jsxRuntime.jsxs(
+        "ul",
+        {
+          style: {
+            listStyle: "none",
+            padding: 0,
+            margin: 0,
+            display: "flex",
+            flexDirection: "column",
+            gap: "8px"
+          },
+          children: [
+            license.features.map((f) => /* @__PURE__ */ jsxRuntime.jsxs(
+              "li",
+              {
+                style: {
+                  padding: "8px 12px",
+                  borderRadius: "6px",
+                  backgroundColor: "#f0fdf4",
+                  color: "#166534",
+                  fontSize: "14px"
+                },
+                children: [
+                  "✓ ",
+                  f
+                ]
+              },
+              f
+            )),
+            license.features.length === 0 && /* @__PURE__ */ jsxRuntime.jsx("li", { style: { color: "#6b7280", fontSize: "14px" }, children: "No explicit features — tier-based access applies." })
+          ]
+        }
+      ) : /* @__PURE__ */ jsxRuntime.jsx("p", { style: { color: "#6b7280" }, children: "Activate a license to view features." }) }),
+      !loading && activeTab === "plans" && /* @__PURE__ */ jsxRuntime.jsx(
+        LicenseComparison,
+        {
+          currentTier: license == null ? void 0 : license.tier,
+          onSelect: (plan) => onUpgrade == null ? void 0 : onUpgrade(plan.id)
+        }
+      )
+    ] })
+  ] });
+}
+function NiceLicenseManager({
+  licenses,
+  onRevoke,
+  onExtend,
+  onChangeTier,
+  onAddSeats,
+  onGenerate,
+  onSearchChange,
+  style,
+  className
+}) {
+  const [search, setSearch] = React.useState("");
+  const [expandedKey, setExpandedKey] = React.useState(null);
+  const handleSearch = (value) => {
+    setSearch(value);
+    onSearchChange == null ? void 0 : onSearchChange(value);
+  };
+  const filtered = search ? licenses.filter(
+    (l) => l.licensee.toLowerCase().includes(search.toLowerCase()) || l.email.toLowerCase().includes(search.toLowerCase()) || l.key.toLowerCase().includes(search.toLowerCase())
+  ) : licenses;
+  const statusColors = {
+    valid: "#059669",
+    expired: "#dc2626",
+    revoked: "#6b7280",
+    grace: "#d97706"
+  };
+  const containerStyle = {
+    border: "1px solid #e5e7eb",
+    borderRadius: "12px",
+    backgroundColor: "#fff",
+    overflow: "hidden",
+    ...style
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { style: containerStyle, className, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        style: {
+          display: "flex",
+          justifyContent: "space-between",
+          alignItems: "center",
+          padding: "16px 20px",
+          borderBottom: "1px solid #e5e7eb",
+          backgroundColor: "#f9fafb"
+        },
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx("h3", { style: { margin: 0, fontSize: "16px", color: "#111" }, children: "License Manager" }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", gap: "8px" }, children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "input",
+              {
+                type: "text",
+                value: search,
+                onChange: (e) => handleSearch(e.target.value),
+                placeholder: "Search licenses...",
+                style: {
+                  padding: "6px 12px",
+                  fontSize: "13px",
+                  border: "1px solid #d1d5db",
+                  borderRadius: "6px",
+                  outline: "none",
+                  width: "220px"
+                }
+              }
+            ),
+            onGenerate && /* @__PURE__ */ jsxRuntime.jsx(
+              "button",
+              {
+                onClick: onGenerate,
+                style: {
+                  padding: "6px 14px",
+                  fontSize: "13px",
+                  fontWeight: 600,
+                  color: "#fff",
+                  backgroundColor: "#2563eb",
+                  border: "none",
+                  borderRadius: "6px",
+                  cursor: "pointer"
+                },
+                children: "+ Generate"
+              }
+            )
+          ] })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { maxHeight: "500px", overflow: "auto" }, children: [
+      filtered.length === 0 && /* @__PURE__ */ jsxRuntime.jsx("p", { style: { padding: "20px", textAlign: "center", color: "#6b7280" }, children: search ? "No licenses match your search." : "No licenses found." }),
+      filtered.map((lic) => {
+        const isExpanded = expandedKey === lic.key;
+        return /* @__PURE__ */ jsxRuntime.jsxs(
+          "div",
+          {
+            style: {
+              borderBottom: "1px solid #f3f4f6"
+            },
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsxs(
+                "div",
+                {
+                  style: {
+                    display: "grid",
+                    gridTemplateColumns: "1fr 140px 100px 80px 60px",
+                    alignItems: "center",
+                    padding: "12px 20px",
+                    cursor: "pointer",
+                    backgroundColor: isExpanded ? "#f9fafb" : "transparent"
+                  },
+                  onClick: () => setExpandedKey(isExpanded ? null : lic.key),
+                  children: [
+                    /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+                      /* @__PURE__ */ jsxRuntime.jsx("div", { style: { fontWeight: 500, fontSize: "14px", color: "#111" }, children: lic.licensee }),
+                      /* @__PURE__ */ jsxRuntime.jsx("div", { style: { fontSize: "12px", color: "#6b7280" }, children: lic.email })
+                    ] }),
+                    /* @__PURE__ */ jsxRuntime.jsx("div", { style: { fontSize: "12px", fontFamily: "monospace", color: "#6b7280" }, children: FeatureGate$1.maskLicenseKey(lic.key) }),
+                    /* @__PURE__ */ jsxRuntime.jsx(
+                      "div",
+                      {
+                        style: {
+                          fontSize: "12px",
+                          fontWeight: 600,
+                          textTransform: "capitalize",
+                          color: statusColors[lic.status]
+                        },
+                        children: lic.status
+                      }
+                    ),
+                    /* @__PURE__ */ jsxRuntime.jsx(
+                      "div",
+                      {
+                        style: {
+                          fontSize: "12px",
+                          fontWeight: 500,
+                          textTransform: "capitalize",
+                          color: "#374151"
+                        },
+                        children: lic.tier
+                      }
+                    ),
+                    /* @__PURE__ */ jsxRuntime.jsx("div", { style: { fontSize: "14px", color: "#6b7280", textAlign: "right" }, children: isExpanded ? "▲" : "▼" })
+                  ]
+                }
+              ),
+              isExpanded && /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { padding: "12px 20px 16px", backgroundColor: "#f9fafb" }, children: [
+                /* @__PURE__ */ jsxRuntime.jsxs(
+                  "div",
+                  {
+                    style: {
+                      display: "grid",
+                      gridTemplateColumns: "repeat(4, 1fr)",
+                      gap: "12px",
+                      marginBottom: "12px"
+                    },
+                    children: [
+                      /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+                        /* @__PURE__ */ jsxRuntime.jsx("span", { style: { fontSize: "11px", color: "#9ca3af" }, children: "Issued" }),
+                        /* @__PURE__ */ jsxRuntime.jsx("div", { style: { fontSize: "13px" }, children: new Date(lic.issuedAt).toLocaleDateString() })
+                      ] }),
+                      /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+                        /* @__PURE__ */ jsxRuntime.jsx("span", { style: { fontSize: "11px", color: "#9ca3af" }, children: "Expires" }),
+                        /* @__PURE__ */ jsxRuntime.jsx("div", { style: { fontSize: "13px" }, children: lic.expiresAt ? new Date(lic.expiresAt).toLocaleDateString() : "Perpetual" })
+                      ] }),
+                      /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+                        /* @__PURE__ */ jsxRuntime.jsx("span", { style: { fontSize: "11px", color: "#9ca3af" }, children: "Seats" }),
+                        /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { fontSize: "13px" }, children: [
+                          lic.activeSeats,
+                          " / ",
+                          lic.maxSeats ?? "∞"
+                        ] })
+                      ] }),
+                      /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+                        /* @__PURE__ */ jsxRuntime.jsx("span", { style: { fontSize: "11px", color: "#9ca3af" }, children: "Features" }),
+                        /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { fontSize: "13px" }, children: [
+                          lic.features.length,
+                          " enabled"
+                        ] })
+                      ] })
+                    ]
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", gap: "8px", flexWrap: "wrap" }, children: [
+                  onExtend && lic.status !== "revoked" && /* @__PURE__ */ jsxRuntime.jsx(
+                    "button",
+                    {
+                      onClick: (e) => {
+                        e.stopPropagation();
+                        onExtend(lic.key, 365);
+                      },
+                      style: {
+                        padding: "5px 12px",
+                        fontSize: "12px",
+                        border: "1px solid #d1d5db",
+                        borderRadius: "4px",
+                        backgroundColor: "#fff",
+                        cursor: "pointer"
+                      },
+                      children: "Extend 1 Year"
+                    }
+                  ),
+                  onAddSeats && lic.status !== "revoked" && /* @__PURE__ */ jsxRuntime.jsx(
+                    "button",
+                    {
+                      onClick: (e) => {
+                        e.stopPropagation();
+                        onAddSeats(lic.key, 5);
+                      },
+                      style: {
+                        padding: "5px 12px",
+                        fontSize: "12px",
+                        border: "1px solid #d1d5db",
+                        borderRadius: "4px",
+                        backgroundColor: "#fff",
+                        cursor: "pointer"
+                      },
+                      children: "+5 Seats"
+                    }
+                  ),
+                  onChangeTier && lic.status !== "revoked" && /* @__PURE__ */ jsxRuntime.jsxs(
+                    "select",
+                    {
+                      onClick: (e) => e.stopPropagation(),
+                      onChange: (e) => onChangeTier(lic.key, e.target.value),
+                      value: lic.tier,
+                      style: {
+                        padding: "5px 8px",
+                        fontSize: "12px",
+                        border: "1px solid #d1d5db",
+                        borderRadius: "4px",
+                        cursor: "pointer"
+                      },
+                      children: [
+                        /* @__PURE__ */ jsxRuntime.jsx("option", { value: "trial", children: "Trial" }),
+                        /* @__PURE__ */ jsxRuntime.jsx("option", { value: "personal", children: "Personal" }),
+                        /* @__PURE__ */ jsxRuntime.jsx("option", { value: "team", children: "Team" }),
+                        /* @__PURE__ */ jsxRuntime.jsx("option", { value: "enterprise", children: "Enterprise" }),
+                        /* @__PURE__ */ jsxRuntime.jsx("option", { value: "site", children: "Site" }),
+                        /* @__PURE__ */ jsxRuntime.jsx("option", { value: "oem", children: "OEM" })
+                      ]
+                    }
+                  ),
+                  onRevoke && lic.status !== "revoked" && /* @__PURE__ */ jsxRuntime.jsx(
+                    "button",
+                    {
+                      onClick: (e) => {
+                        e.stopPropagation();
+                        onRevoke(lic.key);
+                      },
+                      style: {
+                        padding: "5px 12px",
+                        fontSize: "12px",
+                        color: "#dc2626",
+                        border: "1px solid #fecaca",
+                        borderRadius: "4px",
+                        backgroundColor: "#fff",
+                        cursor: "pointer"
+                      },
+                      children: "Revoke"
+                    }
+                  )
+                ] })
+              ] })
+            ]
+          },
+          lic.key
+        );
+      })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        style: {
+          padding: "10px 20px",
+          borderTop: "1px solid #e5e7eb",
+          backgroundColor: "#f9fafb",
+          fontSize: "12px",
+          color: "#6b7280"
+        },
+        children: [
+          filtered.length,
+          " license",
+          filtered.length !== 1 ? "s" : "",
+          search && ` matching "${search}"`,
+          " · ",
+          licenses.filter((l) => l.status === "valid").length,
+          " active"
+        ]
+      }
+    )
+  ] });
+}
+exports.FeatureGate = FeatureGate;
+exports.LicenseActivator = LicenseActivator;
+exports.LicenseComparison = LicenseComparison;
+exports.LicensePortal = LicensePortal;
+exports.LicenseProvider = LicenseProvider;
+exports.LicenseStatus = LicenseStatus;
+exports.NiceLicenseManager = NiceLicenseManager;
+exports.TrialWatermark = TrialWatermark;
+exports.UpgradePrompt = UpgradePrompt;
+exports.useFeature = useFeature;
+exports.useLicense = useLicense;
+//# sourceMappingURL=react.cjs.map