@buoy-gg/shared-ui 7.0.41 → 7.0.42

package/lib/module/license/FeatureGate.js

@@ -1,778 +1 @@
-"use strict";
-
-/**
- * FeatureGate - Conditionally renders content based on license status
- *
- * Wraps premium features and shows an upgrade prompt for free users.
- */
-
-import React, { useState, useCallback } from "react";
-import { View, Text, StyleSheet, TouchableOpacity, Modal } from "react-native";
-import { gameUIColors, buoyColors } from "../ui/gameUI/constants/gameUIColors.js";
-import { LockIcon, X, Zap, Shield, Clock, Check } from "../icons/lucide-icons.js";
-import { LicenseEntryModal } from "./LicenseEntryModal.js";
-import { openPricing, isWeb } from "./openPricing.js";
-import { useIsPro, useLicense, useProAccess } from "@buoy-gg/license";
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-// Weekend Pass branding — a distinct violet so it never reads as the gold PRO.
-export const WEEKEND_PASS_LABEL = "WEEKEND PASS";
-const WEEKEND_VIOLET = "#BF5AF2";
-
-/**
- * Simple Pro badge for marking premium features.
- *
- * Reason-aware: when the free Weekend Pass is the active unlock (a free user on
- * a weekend), it shows a violet "WEEKEND PASS" badge instead of the gold "PRO"
- * so people know Pro is free this weekend. A real license — or a free user on a
- * weekday seeing the badge as a Pro-feature marker — shows "PRO".
- */
-export const ProBadge = ({
-  style
-}) => {
-  const {
-    reason
-  } = useProAccess();
-  const weekend = reason === "weekend";
-  return /*#__PURE__*/_jsx(View, {
-    style: [styles.proBadge, weekend && styles.weekendBadge, style],
-    children: /*#__PURE__*/_jsx(Text, {
-      style: [styles.proBadgeText, weekend && styles.weekendBadgeText],
-      children: weekend ? WEEKEND_PASS_LABEL : "PRO"
-    })
-  });
-};
-
-/**
- * Simple Pro upgrade modal - minimal modal with just upgrade button
- */
-
-export const ProUpgradeModal = ({
-  visible,
-  onClose,
-  featureName = "This feature"
-}) => {
-  // Simple wrapper around UpgradeModal with minimal description and no benefits
-  return /*#__PURE__*/_jsx(UpgradeModal, {
-    visible: visible,
-    onClose: onClose,
-    featureName: featureName,
-    description: `${featureName} requires a Pro subscription.`
-  });
-};
-/**
- * Default upgrade prompt shown when user doesn't have Pro access
- * Opens LicenseEntryModal when clicked (unless custom onUpgradePress provided)
- */
-export const UpgradePrompt = ({
-  featureName,
-  onUpgradePress,
-  compact = false
-}) => {
-  const [showLicenseModal, setShowLicenseModal] = useState(false);
-  const handlePress = useCallback(() => {
-    if (onUpgradePress) {
-      onUpgradePress();
-    } else if (isWeb) {
-      // Desktop dashboard: buy on the website, not via the mobile Buoy.init()
-      // code path. (Already have a key? Enter it from the toolbar Upgrade button.)
-      openPricing();
-    } else {
-      setShowLicenseModal(true);
-    }
-  }, [onUpgradePress]);
-  const handleCloseModal = useCallback(() => {
-    setShowLicenseModal(false);
-  }, []);
-  if (compact) {
-    return /*#__PURE__*/_jsxs(_Fragment, {
-      children: [/*#__PURE__*/_jsxs(TouchableOpacity, {
-        style: styles.compactContainer,
-        onPress: handlePress,
-        activeOpacity: 0.8,
-        children: [/*#__PURE__*/_jsx(LockIcon, {
-          size: 14,
-          color: gameUIColors.warning
-        }), /*#__PURE__*/_jsx(Text, {
-          style: styles.compactText,
-          children: "PRO"
-        })]
-      }), /*#__PURE__*/_jsx(LicenseEntryModal, {
-        visible: showLicenseModal,
-        onClose: handleCloseModal
-      })]
-    });
-  }
-  return /*#__PURE__*/_jsxs(_Fragment, {
-    children: [/*#__PURE__*/_jsxs(View, {
-      style: styles.container,
-      children: [/*#__PURE__*/_jsx(View, {
-        style: styles.iconContainer,
-        children: /*#__PURE__*/_jsx(LockIcon, {
-          size: 24,
-          color: gameUIColors.warning
-        })
-      }), /*#__PURE__*/_jsx(Text, {
-        style: styles.title,
-        children: "Pro Feature"
-      }), featureName && /*#__PURE__*/_jsx(Text, {
-        style: styles.featureName,
-        children: featureName
-      }), /*#__PURE__*/_jsx(Text, {
-        style: styles.description,
-        children: "Upgrade to React Buoy Pro to unlock this feature and more."
-      }), /*#__PURE__*/_jsx(TouchableOpacity, {
-        style: styles.upgradeButton,
-        onPress: handlePress,
-        activeOpacity: 0.8,
-        children: /*#__PURE__*/_jsx(Text, {
-          style: styles.upgradeButtonText,
-          children: "Upgrade to Pro"
-        })
-      })]
-    }), /*#__PURE__*/_jsx(LicenseEntryModal, {
-      visible: showLicenseModal,
-      onClose: handleCloseModal
-    })]
-  });
-};
-
-/**
- * Wraps content that requires Pro license.
- * Shows upgrade prompt for free users, renders children for Pro users.
- *
- * @example
- * ```tsx
- * <FeatureGate featureName="Time Travel Debugging">
- *   <TimeTravelDebugger />
- * </FeatureGate>
- * ```
- */
-export const FeatureGate = ({
-  children,
-  featureName,
-  fallback,
-  previewMode = false,
-  onUpgradePress
-}) => {
-  const isPro = useIsPro();
-
-  // Pro users see the full content
-  if (isPro) {
-    return /*#__PURE__*/_jsx(_Fragment, {
-      children: children
-    });
-  }
-
-  // Preview mode: show content but disabled
-  if (previewMode) {
-    return /*#__PURE__*/_jsxs(View, {
-      style: styles.previewContainer,
-      pointerEvents: "none",
-      children: [/*#__PURE__*/_jsx(View, {
-        style: styles.previewContent,
-        children: children
-      }), /*#__PURE__*/_jsx(View, {
-        style: styles.previewOverlay,
-        children: /*#__PURE__*/_jsx(UpgradePrompt, {
-          featureName: featureName,
-          onUpgradePress: onUpgradePress,
-          compact: true
-        })
-      })]
-    });
-  }
-
-  // Custom fallback
-  if (fallback) {
-    return /*#__PURE__*/_jsx(_Fragment, {
-      children: fallback
-    });
-  }
-
-  // Default upgrade prompt
-  return /*#__PURE__*/_jsx(UpgradePrompt, {
-    featureName: featureName,
-    onUpgradePress: onUpgradePress
-  });
-};
-
-/**
- * Hook to check if a feature is available
- * Returns { hasAccess, isPro, showUpgrade }
- */
-export function useFeatureGate() {
-  const {
-    isPro,
-    isLicensed,
-    isWeekendFree,
-    reason
-  } = useProAccess();
-  const showUpgrade = () => {
-    openPricing("https://buoy.gg/pro");
-  };
-  return {
-    hasAccess: isPro,
-    isPro,
-    isLicensed,
-    isWeekendFree,
-    reason,
-    showUpgrade
-  };
-}
-
-/**
- * Pro Feature Banner - Informational banner shown at the top of Pro-only views
- * Non-blocking, just informs the user about the Pro feature benefits
- */
-
-export const ProFeatureBanner = ({
-  featureName = "Pro Feature",
-  description,
-  benefits
-}) => {
-  const [showLicenseModal, setShowLicenseModal] = useState(false);
-  const license = useLicense();
-  const handleUpgrade = useCallback(() => {
-    // Desktop dashboard: open pricing in the browser instead of the mobile
-    // license-entry modal.
-    if (isWeb) {
-      openPricing();
-      return;
-    }
-    setShowLicenseModal(true);
-  }, []);
-  const handleCloseModal = useCallback(() => {
-    setShowLicenseModal(false);
-  }, []);
-  return /*#__PURE__*/_jsxs(_Fragment, {
-    children: [/*#__PURE__*/_jsxs(View, {
-      style: styles.bannerContainer,
-      children: [/*#__PURE__*/_jsx(ProBadge, {
-        style: styles.bannerProBadge
-      }), /*#__PURE__*/_jsxs(View, {
-        style: styles.bannerHeader,
-        children: [/*#__PURE__*/_jsx(View, {
-          style: styles.bannerIconContainer,
-          children: /*#__PURE__*/_jsx(Zap, {
-            size: 16,
-            color: buoyColors.primary
-          })
-        }), /*#__PURE__*/_jsxs(View, {
-          style: styles.bannerTitleContainer,
-          children: [/*#__PURE__*/_jsx(Text, {
-            style: styles.bannerTitle,
-            children: featureName
-          }), description && /*#__PURE__*/_jsx(Text, {
-            style: styles.bannerDescription,
-            children: description
-          })]
-        })]
-      }), benefits && benefits.length > 0 && /*#__PURE__*/_jsx(View, {
-        style: styles.benefitsList,
-        children: benefits.map((benefit, index) => /*#__PURE__*/_jsxs(View, {
-          style: styles.benefitItem,
-          children: [/*#__PURE__*/_jsx(Check, {
-            size: 14,
-            color: buoyColors.success
-          }), /*#__PURE__*/_jsx(Text, {
-            style: styles.benefitText,
-            children: benefit
-          })]
-        }, index))
-      }), /*#__PURE__*/_jsx(View, {
-        style: styles.bannerActions,
-        children: /*#__PURE__*/_jsx(TouchableOpacity, {
-          style: styles.bannerUpgradeButton,
-          onPress: handleUpgrade,
-          activeOpacity: 0.8,
-          children: /*#__PURE__*/_jsx(Text, {
-            style: styles.bannerUpgradeButtonText,
-            children: "Upgrade to Pro"
-          })
-        })
-      })]
-    }), /*#__PURE__*/_jsx(LicenseEntryModal, {
-      visible: showLicenseModal,
-      onClose: handleCloseModal
-    })]
-  });
-};
-
-/**
- * Upgrade Modal - Full-screen modal with Pro feature benefits
- * Shown when user attempts to use a Pro feature without access
- */
-
-export const UpgradeModal = ({
-  visible,
-  onClose,
-  featureName = "This Feature",
-  description,
-  benefits
-}) => {
-  const hasBenefits = benefits && benefits.length > 0;
-  const [showLicenseModal, setShowLicenseModal] = useState(false);
-  const license = useLicense();
-  const handleUpgrade = useCallback(() => {
-    // Desktop dashboard: send users straight to the pricing page in their
-    // browser instead of the mobile Buoy.init() license-entry modal.
-    if (isWeb) {
-      openPricing();
-      return;
-    }
-    setShowLicenseModal(true);
-  }, []);
-  const handleCloseLicenseModal = useCallback(() => {
-    setShowLicenseModal(false);
-  }, []);
-
-  // When license activation succeeds, close both modals
-  const handleLicenseSuccess = useCallback(() => {
-    setShowLicenseModal(false);
-    onClose();
-  }, [onClose]);
-  if (!visible) return null;
-  return /*#__PURE__*/_jsxs(_Fragment, {
-    children: [/*#__PURE__*/_jsx(Modal, {
-      visible: visible && !showLicenseModal,
-      transparent: true,
-      animationType: "fade",
-      onRequestClose: onClose,
-      children: /*#__PURE__*/_jsx(TouchableOpacity, {
-        style: styles.modalOverlay,
-        onPress: onClose,
-        activeOpacity: 1,
-        children: /*#__PURE__*/_jsxs(TouchableOpacity, {
-          style: styles.modalContent,
-          activeOpacity: 1,
-          onPress: () => {} // Prevent overlay dismiss when tapping content
-          // The handle a test needs to say a Pro gate did NOT fire. Without
-          // it "the action worked" and "the upsell appeared over it" are
-          // told apart only by what happened next, which is exactly the
-          // assertion that was supposed to be the proof.
-          ,
-          testID: "buoy-upgrade-modal",
-          accessibilityLabel: `Unlock ${featureName}`,
-          children: [/*#__PURE__*/_jsx(TouchableOpacity, {
-            style: styles.modalCloseButton,
-            onPress: onClose,
-            activeOpacity: 0.7,
-            testID: "buoy-upgrade-modal-close",
-            accessibilityRole: "button",
-            accessibilityLabel: "Close upgrade prompt",
-            children: /*#__PURE__*/_jsx(X, {
-              size: 18,
-              color: buoyColors.textMuted
-            })
-          }), /*#__PURE__*/_jsxs(View, {
-            style: styles.modalHeader,
-            children: [/*#__PURE__*/_jsx(View, {
-              style: styles.modalIconContainer,
-              children: /*#__PURE__*/_jsx(Zap, {
-                size: 28,
-                color: buoyColors.primary
-              })
-            }), /*#__PURE__*/_jsxs(Text, {
-              style: styles.modalTitle,
-              children: ["Unlock ", featureName]
-            }), /*#__PURE__*/_jsx(Text, {
-              style: styles.modalSubtitle,
-              children: description || "Upgrade to React Buoy Pro to access this feature and unlock the full power of your debugging toolkit."
-            })]
-          }), hasBenefits && /*#__PURE__*/_jsxs(View, {
-            style: styles.modalBenefits,
-            children: [/*#__PURE__*/_jsx(Text, {
-              style: styles.modalBenefitsTitle,
-              children: "What you get with Pro:"
-            }), benefits.map((benefit, index) => /*#__PURE__*/_jsxs(View, {
-              style: styles.modalBenefitItem,
-              children: [/*#__PURE__*/_jsx(View, {
-                style: styles.modalBenefitIcon,
-                children: /*#__PURE__*/_jsx(Check, {
-                  size: 14,
-                  color: buoyColors.success
-                })
-              }), /*#__PURE__*/_jsx(Text, {
-                style: styles.modalBenefitText,
-                children: benefit
-              })]
-            }, index))]
-          }), /*#__PURE__*/_jsxs(View, {
-            style: [styles.modalFeatureRow, !hasBenefits && styles.modalFeatureRowNoBenefits],
-            children: [/*#__PURE__*/_jsxs(View, {
-              style: styles.modalFeatureItem,
-              children: [/*#__PURE__*/_jsx(Shield, {
-                size: 16,
-                color: buoyColors.textMuted
-              }), /*#__PURE__*/_jsx(Text, {
-                style: styles.modalFeatureText,
-                children: "14-day trial"
-              })]
-            }), /*#__PURE__*/_jsxs(View, {
-              style: styles.modalFeatureItem,
-              children: [/*#__PURE__*/_jsx(Clock, {
-                size: 16,
-                color: buoyColors.textMuted
-              }), /*#__PURE__*/_jsx(Text, {
-                style: styles.modalFeatureText,
-                children: "Cancel anytime"
-              })]
-            })]
-          }), /*#__PURE__*/_jsxs(View, {
-            style: styles.modalActions,
-            children: [/*#__PURE__*/_jsx(TouchableOpacity, {
-              style: styles.modalUpgradeButton,
-              onPress: handleUpgrade,
-              activeOpacity: 0.8,
-              children: /*#__PURE__*/_jsx(Text, {
-                style: styles.modalUpgradeButtonText,
-                children: "Upgrade to Pro"
-              })
-            }), /*#__PURE__*/_jsx(TouchableOpacity, {
-              style: styles.modalDismissButton,
-              onPress: onClose,
-              activeOpacity: 0.8,
-              children: /*#__PURE__*/_jsx(Text, {
-                style: styles.modalDismissButtonText,
-                children: "Close"
-              })
-            })]
-          })]
-        })
-      })
-    }), /*#__PURE__*/_jsx(LicenseEntryModal, {
-      visible: showLicenseModal,
-      onClose: handleCloseLicenseModal,
-      onSuccess: handleLicenseSuccess
-    })]
-  });
-};
-const styles = StyleSheet.create({
-  // Pro Badge styles
-  proBadge: {
-    backgroundColor: buoyColors.primary + "15",
-    borderRadius: 4,
-    borderWidth: 1,
-    borderColor: buoyColors.primary + "40",
-    paddingHorizontal: 6,
-    paddingVertical: 2
-  },
-  proBadgeText: {
-    fontSize: 10,
-    fontWeight: "700",
-    color: buoyColors.primary,
-    letterSpacing: 0.5
-  },
-  // Weekend Pass variant — violet instead of the gold/primary PRO.
-  weekendBadge: {
-    backgroundColor: WEEKEND_VIOLET + "1A",
-    borderColor: WEEKEND_VIOLET + "55"
-  },
-  weekendBadgeText: {
-    color: WEEKEND_VIOLET,
-    letterSpacing: 0.4
-  },
-  container: {
-    padding: 20,
-    alignItems: "center",
-    justifyContent: "center",
-    backgroundColor: gameUIColors.panel,
-    borderRadius: 12,
-    borderWidth: 1,
-    borderColor: gameUIColors.warning + "40"
-  },
-  iconContainer: {
-    width: 48,
-    height: 48,
-    borderRadius: 24,
-    backgroundColor: gameUIColors.warning + "20",
-    alignItems: "center",
-    justifyContent: "center",
-    marginBottom: 12
-  },
-  title: {
-    fontSize: 16,
-    fontWeight: "700",
-    color: gameUIColors.text,
-    marginBottom: 4
-  },
-  featureName: {
-    fontSize: 13,
-    fontWeight: "600",
-    color: gameUIColors.warning,
-    marginBottom: 8
-  },
-  description: {
-    fontSize: 12,
-    color: gameUIColors.muted,
-    textAlign: "center",
-    marginBottom: 16,
-    lineHeight: 18
-  },
-  upgradeButton: {
-    backgroundColor: gameUIColors.warning,
-    paddingHorizontal: 20,
-    paddingVertical: 10,
-    borderRadius: 8
-  },
-  upgradeButtonText: {
-    fontSize: 13,
-    fontWeight: "700",
-    color: "#000"
-  },
-  // Compact styles
-  compactContainer: {
-    flexDirection: "row",
-    alignItems: "center",
-    gap: 4,
-    backgroundColor: gameUIColors.warning + "20",
-    paddingHorizontal: 8,
-    paddingVertical: 4,
-    borderRadius: 4,
-    borderWidth: 1,
-    borderColor: gameUIColors.warning + "40"
-  },
-  compactText: {
-    fontSize: 10,
-    fontWeight: "700",
-    color: gameUIColors.warning
-  },
-  // Preview mode styles
-  previewContainer: {
-    position: "relative"
-  },
-  previewContent: {
-    opacity: 0.3
-  },
-  previewOverlay: {
-    position: "absolute",
-    top: 0,
-    left: 0,
-    right: 0,
-    bottom: 0,
-    alignItems: "center",
-    justifyContent: "center",
-    backgroundColor: "rgba(0, 0, 0, 0.5)",
-    borderRadius: 8
-  },
-  // Pro Feature Banner styles - matching web app theme
-  bannerContainer: {
-    position: "relative",
-    backgroundColor: buoyColors.card,
-    borderRadius: 12,
-    borderWidth: 1,
-    borderColor: buoyColors.border,
-    padding: 14,
-    marginBottom: 12
-  },
-  bannerProBadge: {
-    position: "absolute",
-    top: 10,
-    right: 10
-  },
-  bannerHeader: {
-    flexDirection: "row",
-    alignItems: "flex-start",
-    gap: 12
-  },
-  bannerIconContainer: {
-    width: 36,
-    height: 36,
-    borderRadius: 10,
-    backgroundColor: buoyColors.primary + "20",
-    alignItems: "center",
-    justifyContent: "center"
-  },
-  bannerTitleContainer: {
-    flex: 1
-  },
-  bannerTitle: {
-    fontSize: 14,
-    fontWeight: "600",
-    color: buoyColors.text,
-    marginBottom: 2
-  },
-  bannerDescription: {
-    fontSize: 12,
-    color: buoyColors.textMuted,
-    lineHeight: 17
-  },
-  benefitsList: {
-    marginTop: 12,
-    gap: 8
-  },
-  benefitItem: {
-    flexDirection: "row",
-    alignItems: "center",
-    gap: 10
-  },
-  benefitText: {
-    fontSize: 13,
-    color: buoyColors.text,
-    flex: 1
-  },
-  bannerActions: {
-    flexDirection: "row",
-    alignItems: "center",
-    gap: 16,
-    marginTop: 14
-  },
-  bannerUpgradeButton: {
-    backgroundColor: buoyColors.primary,
-    paddingHorizontal: 16,
-    paddingVertical: 10,
-    borderRadius: 8
-  },
-  bannerUpgradeButtonText: {
-    fontSize: 13,
-    fontWeight: "600",
-    color: "#FFFFFF"
-  },
-  // Upgrade Modal styles - using Buoy brand theme
-  modalOverlay: {
-    flex: 1,
-    backgroundColor: "rgba(0, 0, 0, 0.75)",
-    alignItems: "center",
-    justifyContent: "center",
-    padding: 20
-  },
-  modalContent: {
-    backgroundColor: buoyColors.card,
-    borderRadius: 16,
-    borderWidth: 1,
-    borderColor: buoyColors.primary + "60",
-    padding: 24,
-    maxWidth: 340,
-    width: "100%",
-    position: "relative",
-    // Glow effect
-    shadowColor: buoyColors.primary,
-    shadowOffset: {
-      width: 0,
-      height: 0
-    },
-    shadowOpacity: 0.4,
-    shadowRadius: 20,
-    elevation: 10
-  },
-  modalCloseButton: {
-    position: "absolute",
-    top: 12,
-    right: 12,
-    width: 32,
-    height: 32,
-    borderRadius: 16,
-    backgroundColor: "rgba(0, 0, 0, 0.4)",
-    alignItems: "center",
-    justifyContent: "center",
-    zIndex: 1
-  },
-  modalHeader: {
-    alignItems: "center",
-    marginBottom: 20
-  },
-  modalIconContainer: {
-    width: 56,
-    height: 56,
-    borderRadius: 28,
-    backgroundColor: buoyColors.primary + "20",
-    alignItems: "center",
-    justifyContent: "center",
-    marginBottom: 12
-  },
-  modalTitle: {
-    fontSize: 20,
-    fontWeight: "700",
-    color: buoyColors.text,
-    textAlign: "center",
-    marginBottom: 8
-  },
-  modalSubtitle: {
-    fontSize: 13,
-    color: buoyColors.textMuted,
-    textAlign: "center",
-    lineHeight: 18
-  },
-  modalBenefits: {
-    marginBottom: 16
-  },
-  modalBenefitsTitle: {
-    fontSize: 12,
-    fontWeight: "600",
-    color: buoyColors.textMuted,
-    textTransform: "uppercase",
-    letterSpacing: 0.5,
-    marginBottom: 10
-  },
-  modalBenefitItem: {
-    flexDirection: "row",
-    alignItems: "flex-start",
-    gap: 10,
-    marginBottom: 8
-  },
-  modalBenefitIcon: {
-    width: 22,
-    height: 22,
-    borderRadius: 11,
-    backgroundColor: buoyColors.success + "20",
-    alignItems: "center",
-    justifyContent: "center",
-    marginTop: 1
-  },
-  modalBenefitText: {
-    fontSize: 13,
-    color: buoyColors.text,
-    flex: 1,
-    lineHeight: 18
-  },
-  modalFeatureRow: {
-    flexDirection: "row",
-    justifyContent: "center",
-    gap: 20,
-    marginBottom: 20,
-    paddingTop: 12,
-    borderTopWidth: 1,
-    borderTopColor: buoyColors.border
-  },
-  modalFeatureRowNoBenefits: {
-    marginTop: 8,
-    borderTopWidth: 0,
-    paddingTop: 0
-  },
-  modalFeatureItem: {
-    flexDirection: "row",
-    alignItems: "center",
-    gap: 6
-  },
-  modalFeatureText: {
-    fontSize: 12,
-    color: buoyColors.textMuted
-  },
-  modalActions: {
-    alignItems: "center",
-    gap: 12
-  },
-  modalUpgradeButton: {
-    backgroundColor: buoyColors.primary,
-    paddingHorizontal: 24,
-    paddingVertical: 12,
-    borderRadius: 8,
-    width: "100%",
-    alignItems: "center"
-  },
-  modalUpgradeButtonText: {
-    fontSize: 14,
-    fontWeight: "700",
-    color: "#FFFFFF"
-  },
-  modalDismissButton: {
-    paddingVertical: 12,
-    width: "100%",
-    alignItems: "center"
-  },
-  modalDismissButtonText: {
-    fontSize: 13,
-    fontWeight: "500",
-    color: buoyColors.textMuted
-  }
-});
+"use strict";import H,{useState as B,useCallback as h}from"react";import{View as n,Text as l,StyleSheet as U,TouchableOpacity as u,Modal as L}from"react-native";import{gameUIColors as c,buoyColors as o}from"../ui/gameUI/constants/gameUIColors.js";import{LockIcon as S,X as D,Zap as F,Shield as O,Clock as A,Check as z}from"../icons/lucide-icons.js";import{LicenseEntryModal as b}from"./LicenseEntryModal.js";import{openPricing as x,isWeb as w}from"./openPricing.js";import{useIsPro as j,useLicense as P,useProAccess as k}from"@buoy-gg/license";import{jsx as e,jsxs as a,Fragment as f}from"react/jsx-runtime";export const WEEKEND_PASS_LABEL="WEEKEND PASS";const T="#BF5AF2";export const ProBadge=({style:d})=>{const{reason:r}=k();const i=r==="weekend";return e(n,{style:[t.proBadge,i&&t.weekendBadge,d],children:e(l,{style:[t.proBadgeText,i&&t.weekendBadgeText],children:i?WEEKEND_PASS_LABEL:"PRO"})})};export const ProUpgradeModal=({visible:d,onClose:r,featureName:i="This feature"})=>{return e(UpgradeModal,{visible:d,onClose:r,featureName:i,description:`${i} requires a Pro subscription.`})};export const UpgradePrompt=({featureName:d,onUpgradePress:r,compact:i=false})=>{const[g,s]=B(false);const m=h(()=>{if(r){r()}else if(w){x()}else{s(true)}},[r]);const p=h(()=>{s(false)},[]);if(i){return a(f,{children:[a(u,{style:t.compactContainer,onPress:m,activeOpacity:.8,children:[e(S,{size:14,color:c.warning}),e(l,{style:t.compactText,children:"PRO"})]}),e(b,{visible:g,onClose:p})]})}return a(f,{children:[a(n,{style:t.container,children:[e(n,{style:t.iconContainer,children:e(S,{size:24,color:c.warning})}),e(l,{style:t.title,children:"Pro Feature"}),d&&e(l,{style:t.featureName,children:d}),e(l,{style:t.description,children:"Upgrade to React Buoy Pro to unlock this feature and more."}),e(u,{style:t.upgradeButton,onPress:m,activeOpacity:.8,children:e(l,{style:t.upgradeButtonText,children:"Upgrade to Pro"})})]}),e(b,{visible:g,onClose:p})]})};export const FeatureGate=({children:d,featureName:r,fallback:i,previewMode:g=false,onUpgradePress:s})=>{const m=j();if(m){return e(f,{children:d})}if(g){return a(n,{style:t.previewContainer,pointerEvents:"none",children:[e(n,{style:t.previewContent,children:d}),e(n,{style:t.previewOverlay,children:e(UpgradePrompt,{featureName:r,onUpgradePress:s,compact:true})})]})}if(i){return e(f,{children:i})}return e(UpgradePrompt,{featureName:r,onUpgradePress:s})};export function useFeatureGate(){const{isPro:d,isLicensed:r,isWeekendFree:i,reason:g}=k();const s=()=>{x("https://buoy.gg/pro")};return{hasAccess:d,isPro:d,isLicensed:r,isWeekendFree:i,reason:g,showUpgrade:s}}export const ProFeatureBanner=({featureName:d="Pro Feature",description:r,benefits:i})=>{const[g,s]=B(false);const m=P();const p=h(()=>{if(w){x();return}s(true)},[]);const y=h(()=>{s(false)},[]);return a(f,{children:[a(n,{style:t.bannerContainer,children:[e(ProBadge,{style:t.bannerProBadge}),a(n,{style:t.bannerHeader,children:[e(n,{style:t.bannerIconContainer,children:e(F,{size:16,color:o.primary})}),a(n,{style:t.bannerTitleContainer,children:[e(l,{style:t.bannerTitle,children:d}),r&&e(l,{style:t.bannerDescription,children:r})]})]}),i&&i.length>0&&e(n,{style:t.benefitsList,children:i.map((I,C)=>a(n,{style:t.benefitItem,children:[e(z,{size:14,color:o.success}),e(l,{style:t.benefitText,children:I})]},C))}),e(n,{style:t.bannerActions,children:e(u,{style:t.bannerUpgradeButton,onPress:p,activeOpacity:.8,children:e(l,{style:t.bannerUpgradeButtonText,children:"Upgrade to Pro"})})})]}),e(b,{visible:g,onClose:y})]})};export const UpgradeModal=({visible:d,onClose:r,featureName:i="This Feature",description:g,benefits:s})=>{const m=s&&s.length>0;const[p,y]=B(false);const I=P();const C=h(()=>{if(w){x();return}y(true)},[]);const v=h(()=>{y(false)},[]);const R=h(()=>{y(false);r()},[r]);if(!d)return null;return a(f,{children:[e(L,{visible:d&&!p,transparent:true,animationType:"fade",onRequestClose:r,children:e(u,{style:t.modalOverlay,onPress:r,activeOpacity:1,children:a(u,{style:t.modalContent,activeOpacity:1,onPress:()=>{},testID:"buoy-upgrade-modal",accessibilityLabel:`Unlock ${i}`,children:[e(u,{style:t.modalCloseButton,onPress:r,activeOpacity:.7,testID:"buoy-upgrade-modal-close",accessibilityRole:"button",accessibilityLabel:"Close upgrade prompt",children:e(D,{size:18,color:o.textMuted})}),a(n,{style:t.modalHeader,children:[e(n,{style:t.modalIconContainer,children:e(F,{size:28,color:o.primary})}),a(l,{style:t.modalTitle,children:["Unlock ",i]}),e(l,{style:t.modalSubtitle,children:g||"Upgrade to React Buoy Pro to access this feature and unlock the full power of your debugging toolkit."})]}),m&&a(n,{style:t.modalBenefits,children:[e(l,{style:t.modalBenefitsTitle,children:"What you get with Pro:"}),s.map((W,M)=>a(n,{style:t.modalBenefitItem,children:[e(n,{style:t.modalBenefitIcon,children:e(z,{size:14,color:o.success})}),e(l,{style:t.modalBenefitText,children:W})]},M))]}),a(n,{style:[t.modalFeatureRow,!m&&t.modalFeatureRowNoBenefits],children:[a(n,{style:t.modalFeatureItem,children:[e(O,{size:16,color:o.textMuted}),e(l,{style:t.modalFeatureText,children:"14-day trial"})]}),a(n,{style:t.modalFeatureItem,children:[e(A,{size:16,color:o.textMuted}),e(l,{style:t.modalFeatureText,children:"Cancel anytime"})]})]}),a(n,{style:t.modalActions,children:[e(u,{style:t.modalUpgradeButton,onPress:C,activeOpacity:.8,children:e(l,{style:t.modalUpgradeButtonText,children:"Upgrade to Pro"})}),e(u,{style:t.modalDismissButton,onPress:r,activeOpacity:.8,children:e(l,{style:t.modalDismissButtonText,children:"Close"})})]})]})})}),e(b,{visible:p,onClose:v,onSuccess:R})]})};const t=U.create({proBadge:{backgroundColor:o.primary+"15",borderRadius:4,borderWidth:1,borderColor:o.primary+"40",paddingHorizontal:6,paddingVertical:2},proBadgeText:{fontSize:10,fontWeight:"700",color:o.primary,letterSpacing:.5},weekendBadge:{backgroundColor:T+"1A",borderColor:T+"55"},weekendBadgeText:{color:T,letterSpacing:.4},container:{padding:20,alignItems:"center",justifyContent:"center",backgroundColor:c.panel,borderRadius:12,borderWidth:1,borderColor:c.warning+"40"},iconContainer:{width:48,height:48,borderRadius:24,backgroundColor:c.warning+"20",alignItems:"center",justifyContent:"center",marginBottom:12},title:{fontSize:16,fontWeight:"700",color:c.text,marginBottom:4},featureName:{fontSize:13,fontWeight:"600",color:c.warning,marginBottom:8},description:{fontSize:12,color:c.muted,textAlign:"center",marginBottom:16,lineHeight:18},upgradeButton:{backgroundColor:c.warning,paddingHorizontal:20,paddingVertical:10,borderRadius:8},upgradeButtonText:{fontSize:13,fontWeight:"700",color:"#000"},compactContainer:{flexDirection:"row",alignItems:"center",gap:4,backgroundColor:c.warning+"20",paddingHorizontal:8,paddingVertical:4,borderRadius:4,borderWidth:1,borderColor:c.warning+"40"},compactText:{fontSize:10,fontWeight:"700",color:c.warning},previewContainer:{position:"relative"},previewContent:{opacity:.3},previewOverlay:{position:"absolute",top:0,left:0,right:0,bottom:0,alignItems:"center",justifyContent:"center",backgroundColor:"rgba(0, 0, 0, 0.5)",borderRadius:8},bannerContainer:{position:"relative",backgroundColor:o.card,borderRadius:12,borderWidth:1,borderColor:o.border,padding:14,marginBottom:12},bannerProBadge:{position:"absolute",top:10,right:10},bannerHeader:{flexDirection:"row",alignItems:"flex-start",gap:12},bannerIconContainer:{width:36,height:36,borderRadius:10,backgroundColor:o.primary+"20",alignItems:"center",justifyContent:"center"},bannerTitleContainer:{flex:1},bannerTitle:{fontSize:14,fontWeight:"600",color:o.text,marginBottom:2},bannerDescription:{fontSize:12,color:o.textMuted,lineHeight:17},benefitsList:{marginTop:12,gap:8},benefitItem:{flexDirection:"row",alignItems:"center",gap:10},benefitText:{fontSize:13,color:o.text,flex:1},bannerActions:{flexDirection:"row",alignItems:"center",gap:16,marginTop:14},bannerUpgradeButton:{backgroundColor:o.primary,paddingHorizontal:16,paddingVertical:10,borderRadius:8},bannerUpgradeButtonText:{fontSize:13,fontWeight:"600",color:"#FFFFFF"},modalOverlay:{flex:1,backgroundColor:"rgba(0, 0, 0, 0.75)",alignItems:"center",justifyContent:"center",padding:20},modalContent:{backgroundColor:o.card,borderRadius:16,borderWidth:1,borderColor:o.primary+"60",padding:24,maxWidth:340,width:"100%",position:"relative",shadowColor:o.primary,shadowOffset:{width:0,height:0},shadowOpacity:.4,shadowRadius:20,elevation:10},modalCloseButton:{position:"absolute",top:12,right:12,width:32,height:32,borderRadius:16,backgroundColor:"rgba(0, 0, 0, 0.4)",alignItems:"center",justifyContent:"center",zIndex:1},modalHeader:{alignItems:"center",marginBottom:20},modalIconContainer:{width:56,height:56,borderRadius:28,backgroundColor:o.primary+"20",alignItems:"center",justifyContent:"center",marginBottom:12},modalTitle:{fontSize:20,fontWeight:"700",color:o.text,textAlign:"center",marginBottom:8},modalSubtitle:{fontSize:13,color:o.textMuted,textAlign:"center",lineHeight:18},modalBenefits:{marginBottom:16},modalBenefitsTitle:{fontSize:12,fontWeight:"600",color:o.textMuted,textTransform:"uppercase",letterSpacing:.5,marginBottom:10},modalBenefitItem:{flexDirection:"row",alignItems:"flex-start",gap:10,marginBottom:8},modalBenefitIcon:{width:22,height:22,borderRadius:11,backgroundColor:o.success+"20",alignItems:"center",justifyContent:"center",marginTop:1},modalBenefitText:{fontSize:13,color:o.text,flex:1,lineHeight:18},modalFeatureRow:{flexDirection:"row",justifyContent:"center",gap:20,marginBottom:20,paddingTop:12,borderTopWidth:1,borderTopColor:o.border},modalFeatureRowNoBenefits:{marginTop:8,borderTopWidth:0,paddingTop:0},modalFeatureItem:{flexDirection:"row",alignItems:"center",gap:6},modalFeatureText:{fontSize:12,color:o.textMuted},modalActions:{alignItems:"center",gap:12},modalUpgradeButton:{backgroundColor:o.primary,paddingHorizontal:24,paddingVertical:12,borderRadius:8,width:"100%",alignItems:"center"},modalUpgradeButtonText:{fontSize:14,fontWeight:"700",color:"#FFFFFF"},modalDismissButton:{paddingVertical:12,width:"100%",alignItems:"center"},modalDismissButtonText:{fontSize:13,fontWeight:"500",color:o.textMuted}});