@burdenoff/website-sdk 0.0.0-dev

package/LICENSE

@@ -0,0 +1,24 @@
+Proprietary License
+
+Copyright (c) 2025 Burdenoff Consultancy Services Pvt. Ltd.
+
+All rights reserved.
+
+This software and associated documentation files (the "Software") are the
+proprietary and confidential information of Burdenoff Consultancy Services Pvt. Ltd.
+
+The Software is licensed, not sold. You may use the Software only if you have a
+valid license from Burdenoff Consultancy Services Pvt. Ltd.
+
+Unauthorized copying, distribution, modification, public display, or public
+performance of this Software is strictly prohibited.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.
+
+For licensing inquiries, please contact: contact@burdenoff.com

package/README.md

@@ -0,0 +1,357 @@
+# @burdenoff/website-sdk
+
+Reusable React components and utilities for Burdenoff product websites.
+
+> Published automatically using npm trusted publishers (OIDC) - no long-lived tokens needed!
+
+## Features
+
+- 🎨 **Pre-built Components**: Contact forms, newsletter subscriptions, pricing tables
+- 🎯 **SEO Optimized**: Built-in meta tag management with React Helmet
+- 🔧 **Fully Configurable**: All components accept props for complete customization
+- 📱 **Responsive Design**: Mobile-first, works on all screen sizes
+- 🎭 **Theme Support**: Built with Tailwind CSS and semantic tokens
+- ✅ **Type Safe**: Written in TypeScript with full type definitions
+- 🚀 **Tree Shakeable**: ESM and CJS builds for optimal bundle size
+
+## Installation
+
+```bash
+npm install @burdenoff/website-sdk
+```
+
+### Peer Dependencies
+
+This package requires the following peer dependencies:
+
+```bash
+npm install react react-dom react-helmet-async react-hook-form @hookform/resolvers zod sonner
+```
+
+For UI components (if using separately):
+
+```bash
+npm install @radix-ui/react-label @radix-ui/react-slot class-variance-authority clsx tailwind-merge
+```
+
+## Quick Start
+
+### Contact Page
+
+```tsx
+import { ContactPage } from '@burdenoff/website-sdk/components/contact'
+
+function Contact() {
+  return (
+    <ContactPage
+      productName="MyProduct"
+      apiBaseUrl="https://api.myproduct.com"
+      recaptchaSiteKey="your-recaptcha-site-key"
+      contactEmail="contact@myproduct.com"
+      contactPhone="+1 234 567 8900"
+      officeAddress={{
+        street: '123 Main St',
+        city: 'San Francisco',
+        state: 'CA',
+        zip: '94102',
+        country: 'United States',
+      }}
+      // Optional SEO props
+      seoTitle="Contact Us"
+      seoDescription="Get in touch with our team"
+    />
+  )
+}
+```
+
+### Newsletter Page
+
+```tsx
+import { NewsletterPage } from '@burdenoff/website-sdk/components/newsletter'
+
+function Newsletter() {
+  return (
+    <NewsletterPage
+      productName="MyProduct"
+      apiBaseUrl="https://api.myproduct.com"
+      defaultEmail="newsletter@myproduct.com"
+      layout="centered" // or "split"
+      heroHeading="Stay Updated"
+      heroSubtitle="Subscribe to our newsletter"
+    />
+  )
+}
+```
+
+### Pricing Page
+
+```tsx
+import { PricingPage } from '@burdenoff/website-sdk/components/pricing'
+
+function Pricing() {
+  return (
+    <PricingPage
+      productName="MyProduct"
+      productId="myproduct-123"
+      apiBaseUrl="https://api.myproduct.com"
+      appLoginUrl="https://app.myproduct.com/login"
+      contactUrl="/contact"
+      fallbackFeatures={{
+        basic: ['Up to 5 dashboards', '10 data sources', 'Email support'],
+        professional: ['Unlimited dashboards', 'API access', 'Priority support'],
+        enterprise: ['Everything in Professional', 'Dedicated support', 'SLA guarantee'],
+      }}
+      seoTitle="Pricing Plans"
+      seoDescription="Choose the perfect plan for your needs"
+    />
+  )
+}
+```
+
+### SEO Component
+
+```tsx
+import { PageHead } from '@burdenoff/website-sdk/seo'
+
+function AboutPage() {
+  return (
+    <>
+      <PageHead
+        title="About Us"
+        description="Learn about our mission and team"
+        productName="MyProduct"
+        keywords="about, team, mission"
+        image="/og-about.png"
+        url="https://myproduct.com/about"
+      />
+      <div>{/* Page content */}</div>
+    </>
+  )
+}
+```
+
+### UI Components
+
+```tsx
+import { Button, Input, Label, Textarea } from '@burdenoff/website-sdk/ui'
+
+function Form() {
+  return (
+    <form>
+      <div>
+        <Label htmlFor="name">Name</Label>
+        <Input id="name" type="text" placeholder="Your name" />
+      </div>
+      <div>
+        <Label htmlFor="message">Message</Label>
+        <Textarea id="message" placeholder="Your message" />
+      </div>
+      <Button type="submit">Send</Button>
+    </form>
+  )
+}
+```
+
+### Utilities
+
+```tsx
+import { cn } from '@burdenoff/website-sdk/utils'
+
+// Merge Tailwind CSS classes
+const className = cn('px-4 py-2', isActive && 'bg-blue-500', 'rounded-lg')
+```
+
+## API Integration
+
+All components that require API integration expect the following endpoints:
+
+### Contact Form: `POST /api/contact`
+
+**Request:**
+```json
+{
+  "name": "John Doe",
+  "email": "john@example.com",
+  "phone": "+1 234 567 8900",
+  "subject": "Inquiry",
+  "message": "Hello, I have a question...",
+  "recaptchaToken": "token-here"
+}
+```
+
+**Response:**
+```json
+{
+  "success": true,
+  "message": "Message sent successfully"
+}
+```
+
+### Newsletter: `POST /api/newsletter/subscribe`
+
+**Request:**
+```json
+{
+  "email": "john@example.com"
+}
+```
+
+**Response:**
+```json
+{
+  "success": true,
+  "message": "Successfully subscribed!"
+}
+```
+
+### Pricing: `GET /api/plans`
+
+**Headers:**
+```
+x-product-id: your-product-id
+```
+
+**Response:**
+```json
+{
+  "success": true,
+  "data": [
+    {
+      "id": "plan-1",
+      "name": "Basic",
+      "description": "Perfect for individuals",
+      "price": 9.99,
+      "currency": "USD",
+      "duration": "monthly",
+      "features": [...],
+      "isActive": true
+    }
+  ]
+}
+```
+
+## TypeScript
+
+All components are fully typed. Import types as needed:
+
+```tsx
+import type { ContactPageProps } from '@burdenoff/website-sdk/components/contact'
+import type { NewsletterPageProps } from '@burdenoff/website-sdk/components/newsletter'
+import type { PricingProps, PlanCard } from '@burdenoff/website-sdk/components/pricing'
+import type { PageHeadProps } from '@burdenoff/website-sdk/seo'
+import type { ButtonProps } from '@burdenoff/website-sdk/ui'
+```
+
+## Styling
+
+This SDK uses Tailwind CSS for styling. Ensure your project has Tailwind configured with the following in your `tailwind.config.js`:
+
+```js
+module.exports = {
+  content: [
+    './src/**/*.{js,ts,jsx,tsx}',
+    './node_modules/@burdenoff/website-sdk/**/*.{js,mjs}',
+  ],
+  // ... rest of your config
+}
+```
+
+### Required CSS Variables
+
+Add these CSS variables to your global stylesheet for proper theming:
+
+```css
+@layer base {
+  :root {
+    --background: 0 0% 100%;
+    --foreground: 222.2 84% 4.9%;
+    --card: 0 0% 100%;
+    --card-foreground: 222.2 84% 4.9%;
+    --popover: 0 0% 100%;
+    --popover-foreground: 222.2 84% 4.9%;
+    --primary: 222.2 47.4% 11.2%;
+    --primary-foreground: 210 40% 98%;
+    --secondary: 210 40% 96.1%;
+    --secondary-foreground: 222.2 47.4% 11.2%;
+    --muted: 210 40% 96.1%;
+    --muted-foreground: 215.4 16.3% 46.9%;
+    --accent: 210 40% 96.1%;
+    --accent-foreground: 222.2 47.4% 11.2%;
+    --destructive: 0 84.2% 60.2%;
+    --destructive-foreground: 210 40% 98%;
+    --border: 214.3 31.8% 91.4%;
+    --input: 214.3 31.8% 91.4%;
+    --ring: 222.2 84% 4.9%;
+    --radius: 0.5rem;
+  }
+
+  .dark {
+    --background: 222.2 84% 4.9%;
+    --foreground: 210 40% 98%;
+    --card: 222.2 84% 4.9%;
+    --card-foreground: 210 40% 98%;
+    --popover: 222.2 84% 4.9%;
+    --popover-foreground: 210 40% 98%;
+    --primary: 210 40% 98%;
+    --primary-foreground: 222.2 47.4% 11.2%;
+    --secondary: 217.2 32.6% 17.5%;
+    --secondary-foreground: 210 40% 98%;
+    --muted: 217.2 32.6% 17.5%;
+    --muted-foreground: 215 20.2% 65.1%;
+    --accent: 217.2 32.6% 17.5%;
+    --accent-foreground: 210 40% 98%;
+    --destructive: 0 62.8% 30.6%;
+    --destructive-foreground: 210 40% 98%;
+    --border: 217.2 32.6% 17.5%;
+    --input: 217.2 32.6% 17.5%;
+    --ring: 212.7 26.8% 83.9%;
+  }
+}
+```
+
+## Component Documentation
+
+### ContactPage
+
+Full-featured contact form with reCAPTCHA v3 integration.
+
+**Props:**
+- `productName` (required): Product name for branding
+- `apiBaseUrl` (required): Base URL for API calls
+- `recaptchaSiteKey` (required): Google reCAPTCHA v3 site key
+- `contactEmail` (required): Contact email address
+- `contactPhone` (required): Contact phone number
+- `officeAddress` (required): Office address object
+- `seoTitle`, `seoDescription`, etc.: SEO metadata (optional)
+
+### NewsletterPage
+
+Newsletter subscription component with rate limiting.
+
+**Props:**
+- `productName` (required): Product name
+- `apiBaseUrl` (required): API base URL
+- `defaultEmail` (required): Default contact email
+- `layout`: 'centered' or 'split' (default: 'centered')
+- `rateLimitAttempts`: Number of attempts before rate limiting (default: 3)
+- `rateLimitWindowMinutes`: Rate limit window in minutes (default: 15)
+
+### PricingPage / PricingSection
+
+Dynamic pricing tables with API integration and billing cycle toggle.
+
+**Props:**
+- `productName` (required): Product name
+- `productId` (required): Product ID for API requests
+- `apiBaseUrl` (required): API base URL
+- `appLoginUrl` (required): App login URL for signup
+- `contactUrl`: Contact page URL (default: '/contact')
+- `fallbackFeatures`: Fallback features when API doesn't provide them
+
+## License
+
+Proprietary - Copyright Burdenoff Consultancy Services Pvt. Ltd. 2025
+
+## Support
+
+For support, email contact@burdenoff.com or visit https://burdenoff.com

package/dist/analytics/index.d.mts

@@ -0,0 +1,27 @@
+interface RybbitAnalyticsProps {
+    /**
+     * Rybbit site ID (obtained from the Rybbit dashboard)
+     */
+    siteId: string;
+    /**
+     * Rybbit script URL (defaults to the self-hosted instance)
+     * @default "https://analytics.burdenoff.com/api/script.js"
+     */
+    scriptUrl?: string;
+    /**
+     * Whether to enable tracking (useful for disabling in development)
+     * @default true
+     */
+    enabled?: boolean;
+}
+/**
+ * RybbitAnalytics - Embeds the Rybbit analytics tracking script.
+ *
+ * The script is loaded asynchronously with `defer` to avoid blocking page load.
+ * It automatically tracks page views and user interactions.
+ *
+ * In development mode (when `enabled` is false), no script is loaded.
+ */
+declare function RybbitAnalytics({ siteId, scriptUrl, enabled, }: RybbitAnalyticsProps): null;
+
+export { RybbitAnalytics, type RybbitAnalyticsProps };

package/dist/analytics/index.d.ts

@@ -0,0 +1,27 @@
+interface RybbitAnalyticsProps {
+    /**
+     * Rybbit site ID (obtained from the Rybbit dashboard)
+     */
+    siteId: string;
+    /**
+     * Rybbit script URL (defaults to the self-hosted instance)
+     * @default "https://analytics.burdenoff.com/api/script.js"
+     */
+    scriptUrl?: string;
+    /**
+     * Whether to enable tracking (useful for disabling in development)
+     * @default true
+     */
+    enabled?: boolean;
+}
+/**
+ * RybbitAnalytics - Embeds the Rybbit analytics tracking script.
+ *
+ * The script is loaded asynchronously with `defer` to avoid blocking page load.
+ * It automatically tracks page views and user interactions.
+ *
+ * In development mode (when `enabled` is false), no script is loaded.
+ */
+declare function RybbitAnalytics({ siteId, scriptUrl, enabled, }: RybbitAnalyticsProps): null;
+
+export { RybbitAnalytics, type RybbitAnalyticsProps };

package/dist/analytics/index.js

@@ -0,0 +1,36 @@
+'use strict';
+
+var react = require('react');
+
+function RybbitAnalytics({
+  siteId,
+  scriptUrl = "https://analytics.burdenoff.com/api/script.js",
+  enabled = true
+}) {
+  react.useEffect(() => {
+    if (!enabled || !siteId) return;
+    const existingScript = document.querySelector(
+      `script[data-site-id="${siteId}"]`
+    );
+    if (existingScript) return;
+    const script = document.createElement("script");
+    script.src = scriptUrl;
+    script.defer = true;
+    script.crossOrigin = "anonymous";
+    script.setAttribute("data-site-id", siteId);
+    document.head.appendChild(script);
+    return () => {
+      const scriptToRemove = document.querySelector(
+        `script[data-site-id="${siteId}"]`
+      );
+      if (scriptToRemove) {
+        document.head.removeChild(scriptToRemove);
+      }
+    };
+  }, [siteId, scriptUrl, enabled]);
+  return null;
+}
+
+exports.RybbitAnalytics = RybbitAnalytics;
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/analytics/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/analytics/rybbit.tsx"],"names":["useEffect"],"mappings":";;;;AAoDO,SAAS,eAAA,CAAgB;AAAA,EAC9B,MAAA;AAAA,EACA,SAAA,GAAY,+CAAA;AAAA,EACZ,OAAA,GAAU;AACZ,CAAA,EAAyB;AACvB,EAAAA,eAAA,CAAU,MAAM;AACd,IAAA,IAAI,CAAC,OAAA,IAAW,CAAC,MAAA,EAAQ;AAGzB,IAAA,MAAM,iBAAiB,QAAA,CAAS,aAAA;AAAA,MAC9B,wBAAwB,MAAM,CAAA,EAAA;AAAA,KAChC;AACA,IAAA,IAAI,cAAA,EAAgB;AAQpB,IAAA,MAAM,MAAA,GAAS,QAAA,CAAS,aAAA,CAAc,QAAQ,CAAA;AAC9C,IAAA,MAAA,CAAO,GAAA,GAAM,SAAA;AACb,IAAA,MAAA,CAAO,KAAA,GAAQ,IAAA;AACf,IAAA,MAAA,CAAO,WAAA,GAAc,WAAA;AACrB,IAAA,MAAA,CAAO,YAAA,CAAa,gBAAgB,MAAM,CAAA;AAC1C,IAAA,QAAA,CAAS,IAAA,CAAK,YAAY,MAAM,CAAA;AAGhC,IAAA,OAAO,MAAM;AACX,MAAA,MAAM,iBAAiB,QAAA,CAAS,aAAA;AAAA,QAC9B,wBAAwB,MAAM,CAAA,EAAA;AAAA,OAChC;AACA,MAAA,IAAI,cAAA,EAAgB;AAClB,QAAA,QAAA,CAAS,IAAA,CAAK,YAAY,cAAc,CAAA;AAAA,MAC1C;AAAA,IACF,CAAA;AAAA,EACF,CAAA,EAAG,CAAC,MAAA,EAAQ,SAAA,EAAW,OAAO,CAAC,CAAA;AAG/B,EAAA,OAAO,IAAA;AACT","file":"index.js","sourcesContent":["/**\n * Rybbit Analytics Component\n *\n * Injects the Rybbit tracking script into the page head.\n * Works with both Vite (CSR) and Next.js (SSR/CSR) applications.\n *\n * @example\n * ```tsx\n * // In your app layout or root component\n * import { RybbitAnalytics } from '@burdenoff/website-sdk/analytics'\n *\n * function App() {\n *   return (\n *     <>\n *       <RybbitAnalytics siteId=\"1\" />\n *       <Router>...</Router>\n *     </>\n *   )\n * }\n * ```\n */\n\"use client\";\n\nimport { useEffect } from \"react\";\n\nexport interface RybbitAnalyticsProps {\n  /**\n   * Rybbit site ID (obtained from the Rybbit dashboard)\n   */\n  siteId: string;\n\n  /**\n   * Rybbit script URL (defaults to the self-hosted instance)\n   * @default \"https://analytics.burdenoff.com/api/script.js\"\n   */\n  scriptUrl?: string;\n\n  /**\n   * Whether to enable tracking (useful for disabling in development)\n   * @default true\n   */\n  enabled?: boolean;\n}\n\n/**\n * RybbitAnalytics - Embeds the Rybbit analytics tracking script.\n *\n * The script is loaded asynchronously with `defer` to avoid blocking page load.\n * It automatically tracks page views and user interactions.\n *\n * In development mode (when `enabled` is false), no script is loaded.\n */\nexport function RybbitAnalytics({\n  siteId,\n  scriptUrl = \"https://analytics.burdenoff.com/api/script.js\",\n  enabled = true,\n}: RybbitAnalyticsProps) {\n  useEffect(() => {\n    if (!enabled || !siteId) return;\n\n    // Check if script already exists\n    const existingScript = document.querySelector(\n      `script[data-site-id=\"${siteId}\"]`,\n    );\n    if (existingScript) return;\n\n    // Create and inject the script. `crossOrigin=\"anonymous\"` puts the\n    // request in CORS-no-credentials mode so the browser does not include\n    // any third-party cookies the visitor may have on the analytics origin\n    // (e.g. `app.rybbit.io`'s own dashboard session cookie). Without this,\n    // Lighthouse `third-party-cookies` audit flags the page even though we\n    // never read those cookies ourselves.\n    const script = document.createElement(\"script\");\n    script.src = scriptUrl;\n    script.defer = true;\n    script.crossOrigin = \"anonymous\";\n    script.setAttribute(\"data-site-id\", siteId);\n    document.head.appendChild(script);\n\n    // Cleanup on unmount\n    return () => {\n      const scriptToRemove = document.querySelector(\n        `script[data-site-id=\"${siteId}\"]`,\n      );\n      if (scriptToRemove) {\n        document.head.removeChild(scriptToRemove);\n      }\n    };\n  }, [siteId, scriptUrl, enabled]);\n\n  // This component renders nothing - it only manages the script tag\n  return null;\n}\n"]}

package/dist/analytics/index.mjs

@@ -0,0 +1,34 @@
+import { useEffect } from 'react';
+
+function RybbitAnalytics({
+  siteId,
+  scriptUrl = "https://analytics.burdenoff.com/api/script.js",
+  enabled = true
+}) {
+  useEffect(() => {
+    if (!enabled || !siteId) return;
+    const existingScript = document.querySelector(
+      `script[data-site-id="${siteId}"]`
+    );
+    if (existingScript) return;
+    const script = document.createElement("script");
+    script.src = scriptUrl;
+    script.defer = true;
+    script.crossOrigin = "anonymous";
+    script.setAttribute("data-site-id", siteId);
+    document.head.appendChild(script);
+    return () => {
+      const scriptToRemove = document.querySelector(
+        `script[data-site-id="${siteId}"]`
+      );
+      if (scriptToRemove) {
+        document.head.removeChild(scriptToRemove);
+      }
+    };
+  }, [siteId, scriptUrl, enabled]);
+  return null;
+}
+
+export { RybbitAnalytics };
+//# sourceMappingURL=index.mjs.map
+//# sourceMappingURL=index.mjs.map

package/dist/analytics/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/analytics/rybbit.tsx"],"names":[],"mappings":";;AAoDO,SAAS,eAAA,CAAgB;AAAA,EAC9B,MAAA;AAAA,EACA,SAAA,GAAY,+CAAA;AAAA,EACZ,OAAA,GAAU;AACZ,CAAA,EAAyB;AACvB,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,CAAC,OAAA,IAAW,CAAC,MAAA,EAAQ;AAGzB,IAAA,MAAM,iBAAiB,QAAA,CAAS,aAAA;AAAA,MAC9B,wBAAwB,MAAM,CAAA,EAAA;AAAA,KAChC;AACA,IAAA,IAAI,cAAA,EAAgB;AAQpB,IAAA,MAAM,MAAA,GAAS,QAAA,CAAS,aAAA,CAAc,QAAQ,CAAA;AAC9C,IAAA,MAAA,CAAO,GAAA,GAAM,SAAA;AACb,IAAA,MAAA,CAAO,KAAA,GAAQ,IAAA;AACf,IAAA,MAAA,CAAO,WAAA,GAAc,WAAA;AACrB,IAAA,MAAA,CAAO,YAAA,CAAa,gBAAgB,MAAM,CAAA;AAC1C,IAAA,QAAA,CAAS,IAAA,CAAK,YAAY,MAAM,CAAA;AAGhC,IAAA,OAAO,MAAM;AACX,MAAA,MAAM,iBAAiB,QAAA,CAAS,aAAA;AAAA,QAC9B,wBAAwB,MAAM,CAAA,EAAA;AAAA,OAChC;AACA,MAAA,IAAI,cAAA,EAAgB;AAClB,QAAA,QAAA,CAAS,IAAA,CAAK,YAAY,cAAc,CAAA;AAAA,MAC1C;AAAA,IACF,CAAA;AAAA,EACF,CAAA,EAAG,CAAC,MAAA,EAAQ,SAAA,EAAW,OAAO,CAAC,CAAA;AAG/B,EAAA,OAAO,IAAA;AACT","file":"index.mjs","sourcesContent":["/**\n * Rybbit Analytics Component\n *\n * Injects the Rybbit tracking script into the page head.\n * Works with both Vite (CSR) and Next.js (SSR/CSR) applications.\n *\n * @example\n * ```tsx\n * // In your app layout or root component\n * import { RybbitAnalytics } from '@burdenoff/website-sdk/analytics'\n *\n * function App() {\n *   return (\n *     <>\n *       <RybbitAnalytics siteId=\"1\" />\n *       <Router>...</Router>\n *     </>\n *   )\n * }\n * ```\n */\n\"use client\";\n\nimport { useEffect } from \"react\";\n\nexport interface RybbitAnalyticsProps {\n  /**\n   * Rybbit site ID (obtained from the Rybbit dashboard)\n   */\n  siteId: string;\n\n  /**\n   * Rybbit script URL (defaults to the self-hosted instance)\n   * @default \"https://analytics.burdenoff.com/api/script.js\"\n   */\n  scriptUrl?: string;\n\n  /**\n   * Whether to enable tracking (useful for disabling in development)\n   * @default true\n   */\n  enabled?: boolean;\n}\n\n/**\n * RybbitAnalytics - Embeds the Rybbit analytics tracking script.\n *\n * The script is loaded asynchronously with `defer` to avoid blocking page load.\n * It automatically tracks page views and user interactions.\n *\n * In development mode (when `enabled` is false), no script is loaded.\n */\nexport function RybbitAnalytics({\n  siteId,\n  scriptUrl = \"https://analytics.burdenoff.com/api/script.js\",\n  enabled = true,\n}: RybbitAnalyticsProps) {\n  useEffect(() => {\n    if (!enabled || !siteId) return;\n\n    // Check if script already exists\n    const existingScript = document.querySelector(\n      `script[data-site-id=\"${siteId}\"]`,\n    );\n    if (existingScript) return;\n\n    // Create and inject the script. `crossOrigin=\"anonymous\"` puts the\n    // request in CORS-no-credentials mode so the browser does not include\n    // any third-party cookies the visitor may have on the analytics origin\n    // (e.g. `app.rybbit.io`'s own dashboard session cookie). Without this,\n    // Lighthouse `third-party-cookies` audit flags the page even though we\n    // never read those cookies ourselves.\n    const script = document.createElement(\"script\");\n    script.src = scriptUrl;\n    script.defer = true;\n    script.crossOrigin = \"anonymous\";\n    script.setAttribute(\"data-site-id\", siteId);\n    document.head.appendChild(script);\n\n    // Cleanup on unmount\n    return () => {\n      const scriptToRemove = document.querySelector(\n        `script[data-site-id=\"${siteId}\"]`,\n      );\n      if (scriptToRemove) {\n        document.head.removeChild(scriptToRemove);\n      }\n    };\n  }, [siteId, scriptUrl, enabled]);\n\n  // This component renders nothing - it only manages the script tag\n  return null;\n}\n"]}

package/dist/client/index.d.mts

@@ -0,0 +1,29 @@
+export { W as WebSDKClient, a as WebSDKClientConfig, b as WebSDKProvider, c as WebSDKProviderProps, u as useWebSDK, d as useWebSDKConfig } from '../provider-D7Rij9UM.mjs';
+import 'react/jsx-runtime';
+import 'react';
+
+/**
+ * Runtime gateway URL resolution for product marketing websites.
+ *
+ * Mirrors the app shell pattern from @burdenoff/fe-libs/shared/config/gatewayUrls
+ * but scoped to the website SDK's needs (global gateway only, no workspace gateway).
+ *
+ * Resolution priority:
+ * 1. Explicit `gatewayUrl` passed in config — used as-is only if it is a valid
+ *    absolute, non-localhost URL (relative/invalid values fall through)
+ * 2. Hostname-based auto-detection:
+ *    - Production domains (vibecontrols.com, bigconsole.com, ...) → prod gateway
+ *    - Alpha domains (alpha.vibecontrols.com, ...) → alpha gateway
+ *    - Everything else (localhost, *.local.burdenoff.com) → relative `/global/graphql`
+ */
+/**
+ * Resolve the global gateway URL at runtime based on the current hostname.
+ *
+ * @param explicitUrl - URL explicitly passed in SDK config. Honored only when
+ *   it is a valid absolute, non-localhost URL; relative/invalid values are
+ *   ignored so hostname auto-detection can resolve the correct gateway.
+ * @returns Resolved gateway URL
+ */
+declare function resolveGatewayUrl(explicitUrl?: string): string;
+
+export { resolveGatewayUrl };

package/dist/client/index.d.ts

@@ -0,0 +1,29 @@
+export { W as WebSDKClient, a as WebSDKClientConfig, b as WebSDKProvider, c as WebSDKProviderProps, u as useWebSDK, d as useWebSDKConfig } from '../provider-D7Rij9UM.js';
+import 'react/jsx-runtime';
+import 'react';
+
+/**
+ * Runtime gateway URL resolution for product marketing websites.
+ *
+ * Mirrors the app shell pattern from @burdenoff/fe-libs/shared/config/gatewayUrls
+ * but scoped to the website SDK's needs (global gateway only, no workspace gateway).
+ *
+ * Resolution priority:
+ * 1. Explicit `gatewayUrl` passed in config — used as-is only if it is a valid
+ *    absolute, non-localhost URL (relative/invalid values fall through)
+ * 2. Hostname-based auto-detection:
+ *    - Production domains (vibecontrols.com, bigconsole.com, ...) → prod gateway
+ *    - Alpha domains (alpha.vibecontrols.com, ...) → alpha gateway
+ *    - Everything else (localhost, *.local.burdenoff.com) → relative `/global/graphql`
+ */
+/**
+ * Resolve the global gateway URL at runtime based on the current hostname.
+ *
+ * @param explicitUrl - URL explicitly passed in SDK config. Honored only when
+ *   it is a valid absolute, non-localhost URL; relative/invalid values are
+ *   ignored so hostname auto-detection can resolve the correct gateway.
+ * @returns Resolved gateway URL
+ */
+declare function resolveGatewayUrl(explicitUrl?: string): string;
+
+export { resolveGatewayUrl };