@buoy-gg/shared-ui 7.0.41 → 7.0.42

package/lib/commonjs/license/FeatureGate.js

@@ -1,788 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.WEEKEND_PASS_LABEL = exports.UpgradePrompt = exports.UpgradeModal = exports.ProUpgradeModal = exports.ProFeatureBanner = exports.ProBadge = exports.FeatureGate = void 0;
-exports.useFeatureGate = useFeatureGate;
-var _react = _interopRequireWildcard(require("react"));
-var _reactNative = require("react-native");
-var _gameUIColors = require("../ui/gameUI/constants/gameUIColors.js");
-var _lucideIcons = require("../icons/lucide-icons.js");
-var _LicenseEntryModal = require("./LicenseEntryModal.js");
-var _openPricing = require("./openPricing.js");
-var _license = require("@buoy-gg/license");
-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); }
-/**
- * FeatureGate - Conditionally renders content based on license status
- *
- * Wraps premium features and shows an upgrade prompt for free users.
- */
-
-// Weekend Pass branding — a distinct violet so it never reads as the gold PRO.
-const WEEKEND_PASS_LABEL = exports.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".
- */
-const ProBadge = ({
-  style
-}) => {
-  const {
-    reason
-  } = (0, _license.useProAccess)();
-  const weekend = reason === "weekend";
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-    style: [styles.proBadge, weekend && styles.weekendBadge, style],
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-      style: [styles.proBadgeText, weekend && styles.weekendBadgeText],
-      children: weekend ? WEEKEND_PASS_LABEL : "PRO"
-    })
-  });
-};
-
-/**
- * Simple Pro upgrade modal - minimal modal with just upgrade button
- */
-exports.ProBadge = ProBadge;
-const ProUpgradeModal = ({
-  visible,
-  onClose,
-  featureName = "This feature"
-}) => {
-  // Simple wrapper around UpgradeModal with minimal description and no benefits
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(UpgradeModal, {
-    visible: visible,
-    onClose: onClose,
-    featureName: featureName,
-    description: `${featureName} requires a Pro subscription.`
-  });
-};
-exports.ProUpgradeModal = ProUpgradeModal;
-/**
- * Default upgrade prompt shown when user doesn't have Pro access
- * Opens LicenseEntryModal when clicked (unless custom onUpgradePress provided)
- */
-const UpgradePrompt = ({
-  featureName,
-  onUpgradePress,
-  compact = false
-}) => {
-  const [showLicenseModal, setShowLicenseModal] = (0, _react.useState)(false);
-  const handlePress = (0, _react.useCallback)(() => {
-    if (onUpgradePress) {
-      onUpgradePress();
-    } else if (_openPricing.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.)
-      (0, _openPricing.openPricing)();
-    } else {
-      setShowLicenseModal(true);
-    }
-  }, [onUpgradePress]);
-  const handleCloseModal = (0, _react.useCallback)(() => {
-    setShowLicenseModal(false);
-  }, []);
-  if (compact) {
-    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.TouchableOpacity, {
-        style: styles.compactContainer,
-        onPress: handlePress,
-        activeOpacity: 0.8,
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_lucideIcons.LockIcon, {
-          size: 14,
-          color: _gameUIColors.gameUIColors.warning
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-          style: styles.compactText,
-          children: "PRO"
-        })]
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_LicenseEntryModal.LicenseEntryModal, {
-        visible: showLicenseModal,
-        onClose: handleCloseModal
-      })]
-    });
-  }
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-      style: styles.container,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-        style: styles.iconContainer,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_lucideIcons.LockIcon, {
-          size: 24,
-          color: _gameUIColors.gameUIColors.warning
-        })
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-        style: styles.title,
-        children: "Pro Feature"
-      }), featureName && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-        style: styles.featureName,
-        children: featureName
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-        style: styles.description,
-        children: "Upgrade to React Buoy Pro to unlock this feature and more."
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
-        style: styles.upgradeButton,
-        onPress: handlePress,
-        activeOpacity: 0.8,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-          style: styles.upgradeButtonText,
-          children: "Upgrade to Pro"
-        })
-      })]
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_LicenseEntryModal.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>
- * ```
- */
-exports.UpgradePrompt = UpgradePrompt;
-const FeatureGate = ({
-  children,
-  featureName,
-  fallback,
-  previewMode = false,
-  onUpgradePress
-}) => {
-  const isPro = (0, _license.useIsPro)();
-
-  // Pro users see the full content
-  if (isPro) {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
-      children: children
-    });
-  }
-
-  // Preview mode: show content but disabled
-  if (previewMode) {
-    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-      style: styles.previewContainer,
-      pointerEvents: "none",
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-        style: styles.previewContent,
-        children: children
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-        style: styles.previewOverlay,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(UpgradePrompt, {
-          featureName: featureName,
-          onUpgradePress: onUpgradePress,
-          compact: true
-        })
-      })]
-    });
-  }
-
-  // Custom fallback
-  if (fallback) {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
-      children: fallback
-    });
-  }
-
-  // Default upgrade prompt
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(UpgradePrompt, {
-    featureName: featureName,
-    onUpgradePress: onUpgradePress
-  });
-};
-
-/**
- * Hook to check if a feature is available
- * Returns { hasAccess, isPro, showUpgrade }
- */
-exports.FeatureGate = FeatureGate;
-function useFeatureGate() {
-  const {
-    isPro,
-    isLicensed,
-    isWeekendFree,
-    reason
-  } = (0, _license.useProAccess)();
-  const showUpgrade = () => {
-    (0, _openPricing.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
- */
-
-const ProFeatureBanner = ({
-  featureName = "Pro Feature",
-  description,
-  benefits
-}) => {
-  const [showLicenseModal, setShowLicenseModal] = (0, _react.useState)(false);
-  const license = (0, _license.useLicense)();
-  const handleUpgrade = (0, _react.useCallback)(() => {
-    // Desktop dashboard: open pricing in the browser instead of the mobile
-    // license-entry modal.
-    if (_openPricing.isWeb) {
-      (0, _openPricing.openPricing)();
-      return;
-    }
-    setShowLicenseModal(true);
-  }, []);
-  const handleCloseModal = (0, _react.useCallback)(() => {
-    setShowLicenseModal(false);
-  }, []);
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-      style: styles.bannerContainer,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(ProBadge, {
-        style: styles.bannerProBadge
-      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-        style: styles.bannerHeader,
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-          style: styles.bannerIconContainer,
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_lucideIcons.Zap, {
-            size: 16,
-            color: _gameUIColors.buoyColors.primary
-          })
-        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-          style: styles.bannerTitleContainer,
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-            style: styles.bannerTitle,
-            children: featureName
-          }), description && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-            style: styles.bannerDescription,
-            children: description
-          })]
-        })]
-      }), benefits && benefits.length > 0 && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-        style: styles.benefitsList,
-        children: benefits.map((benefit, index) => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-          style: styles.benefitItem,
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_lucideIcons.Check, {
-            size: 14,
-            color: _gameUIColors.buoyColors.success
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-            style: styles.benefitText,
-            children: benefit
-          })]
-        }, index))
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-        style: styles.bannerActions,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
-          style: styles.bannerUpgradeButton,
-          onPress: handleUpgrade,
-          activeOpacity: 0.8,
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-            style: styles.bannerUpgradeButtonText,
-            children: "Upgrade to Pro"
-          })
-        })
-      })]
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_LicenseEntryModal.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
- */
-exports.ProFeatureBanner = ProFeatureBanner;
-const UpgradeModal = ({
-  visible,
-  onClose,
-  featureName = "This Feature",
-  description,
-  benefits
-}) => {
-  const hasBenefits = benefits && benefits.length > 0;
-  const [showLicenseModal, setShowLicenseModal] = (0, _react.useState)(false);
-  const license = (0, _license.useLicense)();
-  const handleUpgrade = (0, _react.useCallback)(() => {
-    // Desktop dashboard: send users straight to the pricing page in their
-    // browser instead of the mobile Buoy.init() license-entry modal.
-    if (_openPricing.isWeb) {
-      (0, _openPricing.openPricing)();
-      return;
-    }
-    setShowLicenseModal(true);
-  }, []);
-  const handleCloseLicenseModal = (0, _react.useCallback)(() => {
-    setShowLicenseModal(false);
-  }, []);
-
-  // When license activation succeeds, close both modals
-  const handleLicenseSuccess = (0, _react.useCallback)(() => {
-    setShowLicenseModal(false);
-    onClose();
-  }, [onClose]);
-  if (!visible) return null;
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Modal, {
-      visible: visible && !showLicenseModal,
-      transparent: true,
-      animationType: "fade",
-      onRequestClose: onClose,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
-        style: styles.modalOverlay,
-        onPress: onClose,
-        activeOpacity: 1,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.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__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
-            style: styles.modalCloseButton,
-            onPress: onClose,
-            activeOpacity: 0.7,
-            testID: "buoy-upgrade-modal-close",
-            accessibilityRole: "button",
-            accessibilityLabel: "Close upgrade prompt",
-            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_lucideIcons.X, {
-              size: 18,
-              color: _gameUIColors.buoyColors.textMuted
-            })
-          }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-            style: styles.modalHeader,
-            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-              style: styles.modalIconContainer,
-              children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_lucideIcons.Zap, {
-                size: 28,
-                color: _gameUIColors.buoyColors.primary
-              })
-            }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Text, {
-              style: styles.modalTitle,
-              children: ["Unlock ", featureName]
-            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.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__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-            style: styles.modalBenefits,
-            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-              style: styles.modalBenefitsTitle,
-              children: "What you get with Pro:"
-            }), benefits.map((benefit, index) => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-              style: styles.modalBenefitItem,
-              children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-                style: styles.modalBenefitIcon,
-                children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_lucideIcons.Check, {
-                  size: 14,
-                  color: _gameUIColors.buoyColors.success
-                })
-              }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-                style: styles.modalBenefitText,
-                children: benefit
-              })]
-            }, index))]
-          }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-            style: [styles.modalFeatureRow, !hasBenefits && styles.modalFeatureRowNoBenefits],
-            children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-              style: styles.modalFeatureItem,
-              children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_lucideIcons.Shield, {
-                size: 16,
-                color: _gameUIColors.buoyColors.textMuted
-              }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-                style: styles.modalFeatureText,
-                children: "14-day trial"
-              })]
-            }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-              style: styles.modalFeatureItem,
-              children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_lucideIcons.Clock, {
-                size: 16,
-                color: _gameUIColors.buoyColors.textMuted
-              }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-                style: styles.modalFeatureText,
-                children: "Cancel anytime"
-              })]
-            })]
-          }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-            style: styles.modalActions,
-            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
-              style: styles.modalUpgradeButton,
-              onPress: handleUpgrade,
-              activeOpacity: 0.8,
-              children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-                style: styles.modalUpgradeButtonText,
-                children: "Upgrade to Pro"
-              })
-            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
-              style: styles.modalDismissButton,
-              onPress: onClose,
-              activeOpacity: 0.8,
-              children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-                style: styles.modalDismissButtonText,
-                children: "Close"
-              })
-            })]
-          })]
-        })
-      })
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_LicenseEntryModal.LicenseEntryModal, {
-      visible: showLicenseModal,
-      onClose: handleCloseLicenseModal,
-      onSuccess: handleLicenseSuccess
-    })]
-  });
-};
-exports.UpgradeModal = UpgradeModal;
-const styles = _reactNative.StyleSheet.create({
-  // Pro Badge styles
-  proBadge: {
-    backgroundColor: _gameUIColors.buoyColors.primary + "15",
-    borderRadius: 4,
-    borderWidth: 1,
-    borderColor: _gameUIColors.buoyColors.primary + "40",
-    paddingHorizontal: 6,
-    paddingVertical: 2
-  },
-  proBadgeText: {
-    fontSize: 10,
-    fontWeight: "700",
-    color: _gameUIColors.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.gameUIColors.panel,
-    borderRadius: 12,
-    borderWidth: 1,
-    borderColor: _gameUIColors.gameUIColors.warning + "40"
-  },
-  iconContainer: {
-    width: 48,
-    height: 48,
-    borderRadius: 24,
-    backgroundColor: _gameUIColors.gameUIColors.warning + "20",
-    alignItems: "center",
-    justifyContent: "center",
-    marginBottom: 12
-  },
-  title: {
-    fontSize: 16,
-    fontWeight: "700",
-    color: _gameUIColors.gameUIColors.text,
-    marginBottom: 4
-  },
-  featureName: {
-    fontSize: 13,
-    fontWeight: "600",
-    color: _gameUIColors.gameUIColors.warning,
-    marginBottom: 8
-  },
-  description: {
-    fontSize: 12,
-    color: _gameUIColors.gameUIColors.muted,
-    textAlign: "center",
-    marginBottom: 16,
-    lineHeight: 18
-  },
-  upgradeButton: {
-    backgroundColor: _gameUIColors.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.gameUIColors.warning + "20",
-    paddingHorizontal: 8,
-    paddingVertical: 4,
-    borderRadius: 4,
-    borderWidth: 1,
-    borderColor: _gameUIColors.gameUIColors.warning + "40"
-  },
-  compactText: {
-    fontSize: 10,
-    fontWeight: "700",
-    color: _gameUIColors.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: _gameUIColors.buoyColors.card,
-    borderRadius: 12,
-    borderWidth: 1,
-    borderColor: _gameUIColors.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: _gameUIColors.buoyColors.primary + "20",
-    alignItems: "center",
-    justifyContent: "center"
-  },
-  bannerTitleContainer: {
-    flex: 1
-  },
-  bannerTitle: {
-    fontSize: 14,
-    fontWeight: "600",
-    color: _gameUIColors.buoyColors.text,
-    marginBottom: 2
-  },
-  bannerDescription: {
-    fontSize: 12,
-    color: _gameUIColors.buoyColors.textMuted,
-    lineHeight: 17
-  },
-  benefitsList: {
-    marginTop: 12,
-    gap: 8
-  },
-  benefitItem: {
-    flexDirection: "row",
-    alignItems: "center",
-    gap: 10
-  },
-  benefitText: {
-    fontSize: 13,
-    color: _gameUIColors.buoyColors.text,
-    flex: 1
-  },
-  bannerActions: {
-    flexDirection: "row",
-    alignItems: "center",
-    gap: 16,
-    marginTop: 14
-  },
-  bannerUpgradeButton: {
-    backgroundColor: _gameUIColors.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: _gameUIColors.buoyColors.card,
-    borderRadius: 16,
-    borderWidth: 1,
-    borderColor: _gameUIColors.buoyColors.primary + "60",
-    padding: 24,
-    maxWidth: 340,
-    width: "100%",
-    position: "relative",
-    // Glow effect
-    shadowColor: _gameUIColors.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: _gameUIColors.buoyColors.primary + "20",
-    alignItems: "center",
-    justifyContent: "center",
-    marginBottom: 12
-  },
-  modalTitle: {
-    fontSize: 20,
-    fontWeight: "700",
-    color: _gameUIColors.buoyColors.text,
-    textAlign: "center",
-    marginBottom: 8
-  },
-  modalSubtitle: {
-    fontSize: 13,
-    color: _gameUIColors.buoyColors.textMuted,
-    textAlign: "center",
-    lineHeight: 18
-  },
-  modalBenefits: {
-    marginBottom: 16
-  },
-  modalBenefitsTitle: {
-    fontSize: 12,
-    fontWeight: "600",
-    color: _gameUIColors.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: _gameUIColors.buoyColors.success + "20",
-    alignItems: "center",
-    justifyContent: "center",
-    marginTop: 1
-  },
-  modalBenefitText: {
-    fontSize: 13,
-    color: _gameUIColors.buoyColors.text,
-    flex: 1,
-    lineHeight: 18
-  },
-  modalFeatureRow: {
-    flexDirection: "row",
-    justifyContent: "center",
-    gap: 20,
-    marginBottom: 20,
-    paddingTop: 12,
-    borderTopWidth: 1,
-    borderTopColor: _gameUIColors.buoyColors.border
-  },
-  modalFeatureRowNoBenefits: {
-    marginTop: 8,
-    borderTopWidth: 0,
-    paddingTop: 0
-  },
-  modalFeatureItem: {
-    flexDirection: "row",
-    alignItems: "center",
-    gap: 6
-  },
-  modalFeatureText: {
-    fontSize: 12,
-    color: _gameUIColors.buoyColors.textMuted
-  },
-  modalActions: {
-    alignItems: "center",
-    gap: 12
-  },
-  modalUpgradeButton: {
-    backgroundColor: _gameUIColors.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: _gameUIColors.buoyColors.textMuted
-  }
-});
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.WEEKEND_PASS_LABEL=exports.UpgradePrompt=exports.UpgradeModal=exports.ProUpgradeModal=exports.ProFeatureBanner=exports.ProBadge=exports.FeatureGate=void 0;exports.useFeatureGate=useFeatureGate;var _react=_interopRequireWildcard(require("react"));var _reactNative=require("react-native");var _gameUIColors=require("../ui/gameUI/constants/gameUIColors.js");var _lucideIcons=require("../icons/lucide-icons.js");var _LicenseEntryModal=require("./LicenseEntryModal.js");var _openPricing=require("./openPricing.js");var _license=require("@buoy-gg/license");var _jsxRuntime=require("react/jsx-runtime");function _interopRequireWildcard(r,o){if("function"==typeof WeakMap)var t=new WeakMap,i=new WeakMap;return(_interopRequireWildcard=function(e,a){if(!a&&e&&e.__esModule)return e;var n,s,c={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return c;if(n=a?i:t){if(n.has(e))return n.get(e);n.set(e,c)}for(const l in e)"default"!==l&&{}.hasOwnProperty.call(e,l)&&((s=(n=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,l))&&(s.get||s.set)?n(c,l,s):c[l]=e[l]);return c})(r,o)}const WEEKEND_PASS_LABEL=exports.WEEKEND_PASS_LABEL="WEEKEND PASS";const WEEKEND_VIOLET="#BF5AF2";const ProBadge=({style:r})=>{const{reason:o}=(0,_license.useProAccess)();const t=o==="weekend";return(0,_jsxRuntime.jsx)(_reactNative.View,{style:[styles.proBadge,t&&styles.weekendBadge,r],children:(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[styles.proBadgeText,t&&styles.weekendBadgeText],children:t?WEEKEND_PASS_LABEL:"PRO"})})};exports.ProBadge=ProBadge;const ProUpgradeModal=({visible:r,onClose:o,featureName:t="This feature"})=>{return(0,_jsxRuntime.jsx)(UpgradeModal,{visible:r,onClose:o,featureName:t,description:`${t} requires a Pro subscription.`})};exports.ProUpgradeModal=ProUpgradeModal;const UpgradePrompt=({featureName:r,onUpgradePress:o,compact:t=false})=>{const[i,e]=(0,_react.useState)(false);const a=(0,_react.useCallback)(()=>{if(o){o()}else if(_openPricing.isWeb){(0,_openPricing.openPricing)()}else{e(true)}},[o]);const n=(0,_react.useCallback)(()=>{e(false)},[]);if(t){return(0,_jsxRuntime.jsxs)(_jsxRuntime.Fragment,{children:[(0,_jsxRuntime.jsxs)(_reactNative.TouchableOpacity,{style:styles.compactContainer,onPress:a,activeOpacity:.8,children:[(0,_jsxRuntime.jsx)(_lucideIcons.LockIcon,{size:14,color:_gameUIColors.gameUIColors.warning}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.compactText,children:"PRO"})]}),(0,_jsxRuntime.jsx)(_LicenseEntryModal.LicenseEntryModal,{visible:i,onClose:n})]})}return(0,_jsxRuntime.jsxs)(_jsxRuntime.Fragment,{children:[(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.container,children:[(0,_jsxRuntime.jsx)(_reactNative.View,{style:styles.iconContainer,children:(0,_jsxRuntime.jsx)(_lucideIcons.LockIcon,{size:24,color:_gameUIColors.gameUIColors.warning})}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.title,children:"Pro Feature"}),r&&(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.featureName,children:r}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.description,children:"Upgrade to React Buoy Pro to unlock this feature and more."}),(0,_jsxRuntime.jsx)(_reactNative.TouchableOpacity,{style:styles.upgradeButton,onPress:a,activeOpacity:.8,children:(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.upgradeButtonText,children:"Upgrade to Pro"})})]}),(0,_jsxRuntime.jsx)(_LicenseEntryModal.LicenseEntryModal,{visible:i,onClose:n})]})};exports.UpgradePrompt=UpgradePrompt;const FeatureGate=({children:r,featureName:o,fallback:t,previewMode:i=false,onUpgradePress:e})=>{const a=(0,_license.useIsPro)();if(a){return(0,_jsxRuntime.jsx)(_jsxRuntime.Fragment,{children:r})}if(i){return(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.previewContainer,pointerEvents:"none",children:[(0,_jsxRuntime.jsx)(_reactNative.View,{style:styles.previewContent,children:r}),(0,_jsxRuntime.jsx)(_reactNative.View,{style:styles.previewOverlay,children:(0,_jsxRuntime.jsx)(UpgradePrompt,{featureName:o,onUpgradePress:e,compact:true})})]})}if(t){return(0,_jsxRuntime.jsx)(_jsxRuntime.Fragment,{children:t})}return(0,_jsxRuntime.jsx)(UpgradePrompt,{featureName:o,onUpgradePress:e})};exports.FeatureGate=FeatureGate;function useFeatureGate(){const{isPro:r,isLicensed:o,isWeekendFree:t,reason:i}=(0,_license.useProAccess)();const e=()=>{(0,_openPricing.openPricing)("https://buoy.gg/pro")};return{hasAccess:r,isPro:r,isLicensed:o,isWeekendFree:t,reason:i,showUpgrade:e}}const ProFeatureBanner=({featureName:r="Pro Feature",description:o,benefits:t})=>{const[i,e]=(0,_react.useState)(false);const a=(0,_license.useLicense)();const n=(0,_react.useCallback)(()=>{if(_openPricing.isWeb){(0,_openPricing.openPricing)();return}e(true)},[]);const s=(0,_react.useCallback)(()=>{e(false)},[]);return(0,_jsxRuntime.jsxs)(_jsxRuntime.Fragment,{children:[(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.bannerContainer,children:[(0,_jsxRuntime.jsx)(ProBadge,{style:styles.bannerProBadge}),(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.bannerHeader,children:[(0,_jsxRuntime.jsx)(_reactNative.View,{style:styles.bannerIconContainer,children:(0,_jsxRuntime.jsx)(_lucideIcons.Zap,{size:16,color:_gameUIColors.buoyColors.primary})}),(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.bannerTitleContainer,children:[(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.bannerTitle,children:r}),o&&(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.bannerDescription,children:o})]})]}),t&&t.length>0&&(0,_jsxRuntime.jsx)(_reactNative.View,{style:styles.benefitsList,children:t.map((c,l)=>(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.benefitItem,children:[(0,_jsxRuntime.jsx)(_lucideIcons.Check,{size:14,color:_gameUIColors.buoyColors.success}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.benefitText,children:c})]},l))}),(0,_jsxRuntime.jsx)(_reactNative.View,{style:styles.bannerActions,children:(0,_jsxRuntime.jsx)(_reactNative.TouchableOpacity,{style:styles.bannerUpgradeButton,onPress:n,activeOpacity:.8,children:(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.bannerUpgradeButtonText,children:"Upgrade to Pro"})})})]}),(0,_jsxRuntime.jsx)(_LicenseEntryModal.LicenseEntryModal,{visible:i,onClose:s})]})};exports.ProFeatureBanner=ProFeatureBanner;const UpgradeModal=({visible:r,onClose:o,featureName:t="This Feature",description:i,benefits:e})=>{const a=e&&e.length>0;const[n,s]=(0,_react.useState)(false);const c=(0,_license.useLicense)();const l=(0,_react.useCallback)(()=>{if(_openPricing.isWeb){(0,_openPricing.openPricing)();return}s(true)},[]);const d=(0,_react.useCallback)(()=>{s(false)},[]);const u=(0,_react.useCallback)(()=>{s(false);o()},[o]);if(!r)return null;return(0,_jsxRuntime.jsxs)(_jsxRuntime.Fragment,{children:[(0,_jsxRuntime.jsx)(_reactNative.Modal,{visible:r&&!n,transparent:true,animationType:"fade",onRequestClose:o,children:(0,_jsxRuntime.jsx)(_reactNative.TouchableOpacity,{style:styles.modalOverlay,onPress:o,activeOpacity:1,children:(0,_jsxRuntime.jsxs)(_reactNative.TouchableOpacity,{style:styles.modalContent,activeOpacity:1,onPress:()=>{},testID:"buoy-upgrade-modal",accessibilityLabel:`Unlock ${t}`,children:[(0,_jsxRuntime.jsx)(_reactNative.TouchableOpacity,{style:styles.modalCloseButton,onPress:o,activeOpacity:.7,testID:"buoy-upgrade-modal-close",accessibilityRole:"button",accessibilityLabel:"Close upgrade prompt",children:(0,_jsxRuntime.jsx)(_lucideIcons.X,{size:18,color:_gameUIColors.buoyColors.textMuted})}),(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.modalHeader,children:[(0,_jsxRuntime.jsx)(_reactNative.View,{style:styles.modalIconContainer,children:(0,_jsxRuntime.jsx)(_lucideIcons.Zap,{size:28,color:_gameUIColors.buoyColors.primary})}),(0,_jsxRuntime.jsxs)(_reactNative.Text,{style:styles.modalTitle,children:["Unlock ",t]}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.modalSubtitle,children:i||"Upgrade to React Buoy Pro to access this feature and unlock the full power of your debugging toolkit."})]}),a&&(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.modalBenefits,children:[(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.modalBenefitsTitle,children:"What you get with Pro:"}),e.map((g,p)=>(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.modalBenefitItem,children:[(0,_jsxRuntime.jsx)(_reactNative.View,{style:styles.modalBenefitIcon,children:(0,_jsxRuntime.jsx)(_lucideIcons.Check,{size:14,color:_gameUIColors.buoyColors.success})}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.modalBenefitText,children:g})]},p))]}),(0,_jsxRuntime.jsxs)(_reactNative.View,{style:[styles.modalFeatureRow,!a&&styles.modalFeatureRowNoBenefits],children:[(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.modalFeatureItem,children:[(0,_jsxRuntime.jsx)(_lucideIcons.Shield,{size:16,color:_gameUIColors.buoyColors.textMuted}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.modalFeatureText,children:"14-day trial"})]}),(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.modalFeatureItem,children:[(0,_jsxRuntime.jsx)(_lucideIcons.Clock,{size:16,color:_gameUIColors.buoyColors.textMuted}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.modalFeatureText,children:"Cancel anytime"})]})]}),(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.modalActions,children:[(0,_jsxRuntime.jsx)(_reactNative.TouchableOpacity,{style:styles.modalUpgradeButton,onPress:l,activeOpacity:.8,children:(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.modalUpgradeButtonText,children:"Upgrade to Pro"})}),(0,_jsxRuntime.jsx)(_reactNative.TouchableOpacity,{style:styles.modalDismissButton,onPress:o,activeOpacity:.8,children:(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.modalDismissButtonText,children:"Close"})})]})]})})}),(0,_jsxRuntime.jsx)(_LicenseEntryModal.LicenseEntryModal,{visible:n,onClose:d,onSuccess:u})]})};exports.UpgradeModal=UpgradeModal;const styles=_reactNative.StyleSheet.create({proBadge:{backgroundColor:_gameUIColors.buoyColors.primary+"15",borderRadius:4,borderWidth:1,borderColor:_gameUIColors.buoyColors.primary+"40",paddingHorizontal:6,paddingVertical:2},proBadgeText:{fontSize:10,fontWeight:"700",color:_gameUIColors.buoyColors.primary,letterSpacing:.5},weekendBadge:{backgroundColor:WEEKEND_VIOLET+"1A",borderColor:WEEKEND_VIOLET+"55"},weekendBadgeText:{color:WEEKEND_VIOLET,letterSpacing:.4},container:{padding:20,alignItems:"center",justifyContent:"center",backgroundColor:_gameUIColors.gameUIColors.panel,borderRadius:12,borderWidth:1,borderColor:_gameUIColors.gameUIColors.warning+"40"},iconContainer:{width:48,height:48,borderRadius:24,backgroundColor:_gameUIColors.gameUIColors.warning+"20",alignItems:"center",justifyContent:"center",marginBottom:12},title:{fontSize:16,fontWeight:"700",color:_gameUIColors.gameUIColors.text,marginBottom:4},featureName:{fontSize:13,fontWeight:"600",color:_gameUIColors.gameUIColors.warning,marginBottom:8},description:{fontSize:12,color:_gameUIColors.gameUIColors.muted,textAlign:"center",marginBottom:16,lineHeight:18},upgradeButton:{backgroundColor:_gameUIColors.gameUIColors.warning,paddingHorizontal:20,paddingVertical:10,borderRadius:8},upgradeButtonText:{fontSize:13,fontWeight:"700",color:"#000"},compactContainer:{flexDirection:"row",alignItems:"center",gap:4,backgroundColor:_gameUIColors.gameUIColors.warning+"20",paddingHorizontal:8,paddingVertical:4,borderRadius:4,borderWidth:1,borderColor:_gameUIColors.gameUIColors.warning+"40"},compactText:{fontSize:10,fontWeight:"700",color:_gameUIColors.gameUIColors.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:_gameUIColors.buoyColors.card,borderRadius:12,borderWidth:1,borderColor:_gameUIColors.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:_gameUIColors.buoyColors.primary+"20",alignItems:"center",justifyContent:"center"},bannerTitleContainer:{flex:1},bannerTitle:{fontSize:14,fontWeight:"600",color:_gameUIColors.buoyColors.text,marginBottom:2},bannerDescription:{fontSize:12,color:_gameUIColors.buoyColors.textMuted,lineHeight:17},benefitsList:{marginTop:12,gap:8},benefitItem:{flexDirection:"row",alignItems:"center",gap:10},benefitText:{fontSize:13,color:_gameUIColors.buoyColors.text,flex:1},bannerActions:{flexDirection:"row",alignItems:"center",gap:16,marginTop:14},bannerUpgradeButton:{backgroundColor:_gameUIColors.buoyColors.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:_gameUIColors.buoyColors.card,borderRadius:16,borderWidth:1,borderColor:_gameUIColors.buoyColors.primary+"60",padding:24,maxWidth:340,width:"100%",position:"relative",shadowColor:_gameUIColors.buoyColors.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:_gameUIColors.buoyColors.primary+"20",alignItems:"center",justifyContent:"center",marginBottom:12},modalTitle:{fontSize:20,fontWeight:"700",color:_gameUIColors.buoyColors.text,textAlign:"center",marginBottom:8},modalSubtitle:{fontSize:13,color:_gameUIColors.buoyColors.textMuted,textAlign:"center",lineHeight:18},modalBenefits:{marginBottom:16},modalBenefitsTitle:{fontSize:12,fontWeight:"600",color:_gameUIColors.buoyColors.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:_gameUIColors.buoyColors.success+"20",alignItems:"center",justifyContent:"center",marginTop:1},modalBenefitText:{fontSize:13,color:_gameUIColors.buoyColors.text,flex:1,lineHeight:18},modalFeatureRow:{flexDirection:"row",justifyContent:"center",gap:20,marginBottom:20,paddingTop:12,borderTopWidth:1,borderTopColor:_gameUIColors.buoyColors.border},modalFeatureRowNoBenefits:{marginTop:8,borderTopWidth:0,paddingTop:0},modalFeatureItem:{flexDirection:"row",alignItems:"center",gap:6},modalFeatureText:{fontSize:12,color:_gameUIColors.buoyColors.textMuted},modalActions:{alignItems:"center",gap:12},modalUpgradeButton:{backgroundColor:_gameUIColors.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:_gameUIColors.buoyColors.textMuted}});