@growth-rail/core 1.0.0

package/dist/index.mjs

@@ -0,0 +1,848 @@
+// src/api.ts
+var APIClient = class {
+  baseUrl;
+  apiKey;
+  constructor(options) {
+    const envBaseUrl = typeof process !== "undefined" && process.env?.ENV_BASE_URL;
+    this.baseUrl = envBaseUrl || "http://hw84ko0ok4ccws4sws8gos0o.193.31.30.10.sslip.io";
+    this.apiKey = options.apiKey;
+  }
+  async request(endpoint, method, body) {
+    const headers = {
+      "Content-Type": "application/json",
+      "X-GrowthRail-ProjectSecret": this.apiKey
+    };
+    try {
+      const response = await fetch(`${this.baseUrl}${endpoint}`, {
+        method,
+        headers,
+        body: body ? JSON.stringify(body) : void 0
+      });
+      if (!response.ok) {
+        throw new Error(`GrowthRail API Error: ${response.statusText}`);
+      }
+      return response.json();
+    } catch (error) {
+      console.error("GrowthRail SDK Error:", error);
+      throw error;
+    }
+  }
+  async getNewUserExperience() {
+    return this.request("/api/v1/sdk/new-user-experience", "POST");
+  }
+  async initAppUser(clientProvidedId) {
+    return this.request("/api/v1/sdk/init-app-user", "POST", { clientProvidedId });
+  }
+  async createReferralLink(referrerId, rewardEventName) {
+    return this.request("/api/v1/sdk/create-referral-link", "POST", {
+      referrerId,
+      rewardEventName
+    });
+  }
+  async trackReferral(referralCode, rewardEventName) {
+    return this.request("/api/v1/sdk/track-referral", "POST", {
+      referralCode,
+      rewardEventName
+    });
+  }
+  async trackRewardEvent(refereeId, referralTrackingId, eventName) {
+    return this.request("/api/v1/sdk/track-reward-event", "POST", {
+      refereeId,
+      referralTrackingId,
+      eventName
+    });
+  }
+};
+
+// src/storage.ts
+var StorageManager = class _StorageManager {
+  static REFERRAL_CODE_KEY = "gr_ref_code";
+  static TRACKED_REFERRAL_KEY = "gr_tracked_referral";
+  options = {};
+  constructor(options) {
+    if (options) {
+      this.options = options;
+    }
+  }
+  // Helper to set a cookie
+  setCookie(name, value, days = 30) {
+    if (typeof document === "undefined") return;
+    let expires = "";
+    if (days) {
+      const date = /* @__PURE__ */ new Date();
+      date.setTime(date.getTime() + days * 24 * 60 * 60 * 1e3);
+      expires = `; expires=${date.toUTCString()}`;
+    }
+    let domain = "";
+    if (this.options.cookieDomain) {
+      domain = `; domain=${this.options.cookieDomain}`;
+    }
+    document.cookie = `${name}=${value || ""}${expires}${domain}; path=/; SameSite=Lax`;
+  }
+  // Helper to get a cookie
+  getCookie(name) {
+    if (typeof document === "undefined") return null;
+    const nameEQ = `${name}=`;
+    const ca = document.cookie.split(";");
+    for (let i = 0; i < ca.length; i++) {
+      let c = ca[i];
+      while (c.charAt(0) === " ") c = c.substring(1, c.length);
+      if (c.indexOf(nameEQ) === 0) return c.substring(nameEQ.length, c.length);
+    }
+    return null;
+  }
+  getReferralCode() {
+    return this.getCookie(_StorageManager.REFERRAL_CODE_KEY);
+  }
+  setReferralCode(code) {
+    this.setCookie(_StorageManager.REFERRAL_CODE_KEY, code, 30);
+  }
+  setTrackedReferral(trackingId) {
+    this.setCookie(_StorageManager.TRACKED_REFERRAL_KEY, trackingId, 30);
+  }
+  getTrackedReferral() {
+    return this.getCookie(_StorageManager.TRACKED_REFERRAL_KEY);
+  }
+};
+
+// src/referral-modal.ts
+var ReferralModal = class {
+  referrerExperience;
+  deps;
+  host = null;
+  shadow = null;
+  overlay = null;
+  content = null;
+  constructor(deps, referrerExperience) {
+    this.deps = deps;
+    this.referrerExperience = referrerExperience;
+  }
+  show(options, container) {
+    if (this.host) return;
+    this.createDom(options, container);
+    this.bindEvents();
+    if (!container) {
+      document.body.style.overflow = "hidden";
+    }
+  }
+  hide() {
+    if (!this.host) return;
+    if (this.host && this.host.parentNode) {
+      this.host.parentNode.removeChild(this.host);
+    }
+    this.host = null;
+    this.overlay = null;
+    this.content = null;
+    this.shadow = null;
+    document.body.style.overflow = "";
+  }
+  createDom(options, container) {
+    const resolvedOptions = {
+      ...this.referrerExperience,
+      ...options ?? {}
+    };
+    const baseTheme = this.getTheme();
+    const theme = {
+      ...baseTheme,
+      colorPrimary: resolvedOptions.modal?.theme?.primaryColor || baseTheme.colorPrimary,
+      colorBackground: resolvedOptions.modal?.theme?.backgroundColor || baseTheme.colorBackground,
+      colorTint: resolvedOptions.modal?.theme?.tintColor || baseTheme.colorTint
+    };
+    const isEmbedded = !!container;
+    this.host = document.createElement("div");
+    this.host.style.all = "initial";
+    if (!isEmbedded) {
+      this.host.style.position = "absolute";
+      this.host.style.zIndex = "2147483647";
+    } else {
+      this.host.style.display = "block";
+      this.host.style.width = "100%";
+      this.host.style.height = "100%";
+    }
+    this.host.id = "growth-rail-modal-host";
+    this.host.style.setProperty("--gr-primary", theme.colorPrimary);
+    this.host.style.setProperty("--gr-text", theme.colorText);
+    this.host.style.setProperty("--gr-text-secondary", theme.colorTextSecondary);
+    this.host.style.setProperty("--gr-bg", theme.colorBackground);
+    this.host.style.setProperty("--gr-tint", theme.colorTint);
+    this.host.style.setProperty("--gr-surface", theme.colorSurface);
+    this.host.style.setProperty("--gr-border", theme.colorBorder);
+    this.host.style.setProperty("--gr-error", theme.colorError);
+    this.host.style.setProperty("--gr-radius", theme.borderRadius);
+    this.host.style.setProperty("--gr-font", 'Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif');
+    this.shadow = this.host.attachShadow({ mode: "open" });
+    const style = document.createElement("style");
+    style.textContent = `
+      :host { all: initial; display: block; }
+      * { box-sizing: border-box; }
+      
+      @keyframes gr-fade-in { from { opacity: 0; } to { opacity: 1; } }
+      @keyframes gr-slide-up { from { opacity: 0; transform: translateY(20px) scale(0.98); } to { opacity: 1; transform: translateY(0) scale(1); } }
+      @keyframes gr-slide-in-right { from { opacity: 0; transform: translateX(100%); } to { opacity: 1; transform: translateX(0); } }
+      @keyframes gr-slide-in-left { from { opacity: 0; transform: translateX(-100%); } to { opacity: 1; transform: translateX(0); } }
+
+      .gr-overlay {
+        position: fixed;
+        top: 0; left: 0; width: 100vw; height: 100vh;
+        display: flex;
+        z-index: 2147483647;
+        font-family: var(--gr-font);
+        animation: gr-fade-in 0.2s ease-out forwards;
+        backdrop-filter: blur(4px);
+      }
+      .gr-overlay--modal {
+        background-color: var(--gr-tint);
+        align-items: center;
+        justify-content: center;
+      }
+      .gr-overlay--drawer {
+        background-color: var(--gr-tint);
+        align-items: flex-start;
+        justify-content: flex-start;
+      }
+
+      .gr-container {
+        position: relative;
+        background-color: var(--gr-bg);
+        color: var(--gr-text);
+        padding: 32px;
+        box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+      }
+
+      /* Embedded Variant */
+      .gr-container--embedded {
+        width: 100%;
+        height: 100%;
+        box-shadow: none;
+        border: 1px solid var(--gr-border);
+        border-radius: var(--gr-radius);
+      }
+
+      /* Modal Variant */
+      .gr-container--modal {
+        width: 90%;
+        max-width: 480px;
+        border-radius: var(--gr-radius);
+        animation: gr-slide-up 0.3s cubic-bezier(0.16, 1, 0.3, 1) forwards;
+      }
+
+      /* Drawer Variant */
+      .gr-container--drawer {
+        position: absolute;
+        width: 400px;
+        max-width: calc(100vw - 20px);
+        max-height: calc(100vh - 40px);
+        overflow-y: auto;
+      }
+      .gr-container--right {
+        right: 0;
+        border-top-left-radius: var(--gr-radius);
+        border-bottom-left-radius: var(--gr-radius);
+        animation: gr-slide-in-right 0.3s cubic-bezier(0.16, 1, 0.3, 1) forwards;
+      }
+      .gr-container--left {
+        left: 0;
+        border-top-right-radius: var(--gr-radius);
+        border-bottom-right-radius: var(--gr-radius);
+        animation: gr-slide-in-left 0.3s cubic-bezier(0.16, 1, 0.3, 1) forwards;
+      }
+      .gr-container--top { top: 100px; }
+      .gr-container--bottom { bottom: 100px; }
+
+      .gr-close-btn {
+        position: absolute; top: 20px; right: 20px;
+        background: transparent; border: none; cursor: pointer;
+        color: #9ca3af; padding: 4px; border-radius: 50%;
+        display: flex; alignItems: center; justifyContent: center;
+        transition: all 0.2s;
+      }
+      .gr-close-btn:hover { background-color: var(--gr-surface); color: var(--gr-text); }
+      
+      .gr-header { text-align: center; margin-bottom: 28px; }
+      .gr-icon-lg { font-size: 32px; margin-bottom: 12px; }
+      
+      .gr-title {
+        margin: 0 0 8px 0; font-size: 22px; font-weight: 700; letter-spacing: -0.02em;
+      }
+      .gr-subtitle {
+        margin: 0; font-size: 14px; line-height: 1.5; color: var(--gr-text-secondary);
+      }
+      
+      .gr-loading {
+        padding: 16px; background-color: var(--gr-surface); border-radius: 8px;
+        text-align: center; color: var(--gr-text-secondary); font-size: 14px;
+      }
+
+      .gr-label {
+        display: block; font-size: 12px; font-weight: 600;
+        color: var(--gr-text-secondary); margin-bottom: 8px;
+        text-transform: uppercase; letter-spacing: 0.05em;
+      }
+
+      .gr-share-label {
+        text-align: center; margin-bottom: 16px; font-size: 13px; font-weight: 500;
+        color: var(--gr-text-secondary); display: flex; align-items: center; gap: 12px;
+      }
+      .gr-divider { flex: 1; height: 1px; background: var(--gr-border); }
+
+      .gr-social-container {
+        display: flex; gap: 16px; justify-content: center; flex-wrap: wrap;
+      }
+
+      .gr-btn { 
+        padding: 14px;
+        font-size: 15px;
+        font-weight: 600;
+        background-color: var(--gr-primary);
+        color: #ffffff;
+        border: none;
+        border-radius: var(--gr-radius);
+        cursor: pointer;
+        transition: all 0.2s ease;
+        text-align: center;
+        width: 100%;
+        display: block;
+      }
+      .gr-btn:hover { transform: translateY(-1px); filter: brightness(1.05); }
+      .gr-btn:active { transform: translateY(0); filter: brightness(0.95); }
+      .gr-btn:disabled { opacity: 0.7; cursor: not-allowed; }
+
+      .gr-btn--sm {
+        padding: 8px 16px;
+        font-size: 13px;
+        width: auto;
+        border-radius: calc(var(--gr-radius) - 4px);
+      }
+
+      .gr-input-group {
+        display: flex;
+        align-items: center;
+        background-color: var(--gr-surface);
+        border: 1px solid var(--gr-border);
+        border-radius: var(--gr-radius);
+        padding: 4px;
+        margin-bottom: 24px;
+      }
+      .gr-input-group:focus-within {
+        border-color: var(--gr-primary);
+        box-shadow: 0 0 0 3px var(--gr-surface);
+      }
+
+      .gr-input {
+        flex: 1;
+        padding: 10px 12px;
+        font-size: 14px;
+        border: none;
+        background: transparent;
+        color: var(--gr-text);
+        outline: none;
+        font-family: monospace;
+      }
+
+      .gr-social-btn { 
+        display: flex; align-items: center; justify-content: center;
+        width: 42px; height: 42px;
+        border-radius: 50%;
+        background-color: var(--gr-surface);
+        color: var(--gr-text-secondary);
+        border: 1px solid var(--gr-border);
+        transition: transform 0.2s cubic-bezier(0.34, 1.56, 0.64, 1);
+        cursor: pointer;
+      }
+      .gr-social-btn:hover { transform: scale(1.15) rotate(3deg); color: #fff; }
+
+      .gr-powered-by {
+        margin-top: 24px;
+        text-align: center;
+        font-size: 11px;
+        color: #9ca3af;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        gap: 4px;
+        opacity: 0.8;
+      }
+      .gr-powered-by a {
+        color: inherit;
+        text-decoration: none;
+        font-weight: 600;
+        transition: opacity 0.2s;
+      }
+      .gr-powered-by a:hover { opacity: 1; text-decoration: underline; }
+    `;
+    this.shadow.appendChild(style);
+    this.content = document.createElement("div");
+    const isDrawer = resolvedOptions.modal.type === "drawer";
+    const position = resolvedOptions.trigger.position || "top-right";
+    const contentClasses = ["gr-container"];
+    if (isEmbedded) {
+      contentClasses.push("gr-container--embedded");
+      this.content.className = contentClasses.join(" ");
+      this.renderInternalContent(theme, options, isEmbedded);
+      this.shadow.appendChild(this.content);
+      if (container) {
+        container.appendChild(this.host);
+      }
+    } else {
+      this.overlay = document.createElement("div");
+      this.overlay.className = `gr-overlay ${isDrawer ? "gr-overlay--drawer" : "gr-overlay--modal"}`;
+      if (isDrawer) {
+        contentClasses.push("gr-container--drawer");
+        if (position.includes("right")) contentClasses.push("gr-container--right");
+        else contentClasses.push("gr-container--left");
+        if (position.includes("bottom")) contentClasses.push("gr-container--bottom");
+        else contentClasses.push("gr-container--top");
+      } else {
+        contentClasses.push("gr-container--modal");
+      }
+      this.content.className = contentClasses.join(" ");
+      this.renderInternalContent(theme, options, isEmbedded);
+      this.overlay.appendChild(this.content);
+      this.shadow.appendChild(this.overlay);
+      document.body.appendChild(this.host);
+      this.overlay.onclick = (e) => {
+        if (e.target === this.overlay) this.hide();
+      };
+    }
+  }
+  getTheme() {
+    return {
+      colorPrimary: "#2563eb",
+      colorText: "#111827",
+      colorTextSecondary: "#6b7280",
+      colorBackground: "#ffffff",
+      colorTint: "#f9fafb",
+      colorSurface: "#f9fafb",
+      colorBorder: "#e5e7eb",
+      colorError: "#ef4444",
+      borderRadius: "16px"
+    };
+  }
+  async renderInternalContent(theme, options, isEmbedded = false) {
+    if (!this.content) return;
+    this.content.innerHTML = "";
+    if (!isEmbedded) {
+      const closeBtn = document.createElement("button");
+      closeBtn.className = "gr-close-btn";
+      closeBtn.innerHTML = `
+        <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+          <line x1="18" y1="6" x2="6" y2="18"></line>
+          <line x1="6" y1="6" x2="18" y2="18"></line>
+        </svg>
+      `;
+      closeBtn.onclick = () => this.hide();
+      this.content.appendChild(closeBtn);
+    }
+    const header = document.createElement("div");
+    header.className = "gr-header";
+    const icon = document.createElement("div");
+    icon.className = "gr-icon-lg";
+    icon.innerHTML = "\u{1F381}";
+    header.appendChild(icon);
+    const title = document.createElement("h3");
+    title.className = "gr-title";
+    title.textContent = options?.title ?? this.referrerExperience.modal.title ?? "Invite Friends & Earn";
+    header.appendChild(title);
+    const subtitle = document.createElement("p");
+    subtitle.className = "gr-subtitle";
+    subtitle.textContent = "Share your unique link and earn rewards for every friend who signs up.";
+    header.appendChild(subtitle);
+    this.content.appendChild(header);
+    if (!this.deps.isUserReady()) {
+      const msg = document.createElement("div");
+      msg.className = "gr-loading";
+      msg.textContent = "Please log in to view your referral dashboard.";
+      this.content.appendChild(msg);
+      return;
+    }
+    let referralLink = this.deps.getReferralLink();
+    const actionContainer = document.createElement("div");
+    this.renderLinkView(actionContainer, referralLink, theme);
+    this.content.appendChild(actionContainer);
+    if (referralLink) {
+      this.renderSocialShare(this.content, referralLink, theme);
+    }
+    const poweredBy = document.createElement("div");
+    poweredBy.className = "gr-powered-by";
+    poweredBy.innerHTML = `
+      Powered by <a href="https://growthrail.com" target="_blank" rel="noopener noreferrer">Growth Rail</a>
+    `;
+    this.content.appendChild(poweredBy);
+  }
+  renderLinkView(container, link, theme) {
+    const label = document.createElement("label");
+    label.className = "gr-label";
+    label.textContent = "Your unique link";
+    container.appendChild(label);
+    const linkGroup = document.createElement("div");
+    linkGroup.className = "gr-input-group";
+    const input = document.createElement("input");
+    input.className = "gr-input";
+    input.type = "text";
+    input.value = link;
+    input.readOnly = true;
+    const copyBtn = document.createElement("button");
+    copyBtn.className = "gr-btn gr-btn--sm";
+    copyBtn.textContent = "Copy";
+    copyBtn.onclick = async () => {
+      try {
+        await navigator.clipboard.writeText(link);
+        const originalText = copyBtn.textContent;
+        copyBtn.textContent = "Copied!";
+        copyBtn.style.backgroundColor = "#10b981";
+        setTimeout(() => {
+          copyBtn.textContent = originalText;
+          copyBtn.style.backgroundColor = "";
+        }, 2e3);
+      } catch (err) {
+        console.error("Failed to copy", err);
+      }
+    };
+    linkGroup.appendChild(input);
+    linkGroup.appendChild(copyBtn);
+    container.appendChild(linkGroup);
+  }
+  renderSocialShare(container, link, theme) {
+    const shareContainer = document.createElement("div");
+    const label = document.createElement("div");
+    label.className = "gr-share-label";
+    label.innerHTML = `<span class="gr-divider"></span>Share via<span class="gr-divider"></span>`;
+    shareContainer.appendChild(label);
+    const buttonsContainer = document.createElement("div");
+    buttonsContainer.className = "gr-social-container";
+    const platforms = [
+      { name: "Twitter", color: "#000000", icon: '<svg width="20" height="20" viewBox="0 0 24 24" fill="currentColor"><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"/></svg>', url: `https://twitter.com/intent/tweet?url=${encodeURIComponent(link)}&text=Check+this+out!` },
+      { name: "Facebook", color: "#1877F2", icon: '<svg width="20" height="20" viewBox="0 0 24 24" fill="currentColor"><path d="M9.101 23.691v-7.98H6.627v-3.667h2.474v-1.58c0-4.085 1.848-5.978 5.858-5.978.401 0 .955.042 1.468.103a8.68 8.68 0 0 1 1.141.195v3.325a8.623 8.623 0 0 0-.653-.036c-2.648 0-2.928 1.67-2.928 3.403v1.596h3.949l-.577 3.667h-3.372v7.98h-4.938z"/></svg>', url: `https://www.facebook.com/sharer/sharer.php?u=${encodeURIComponent(link)}` },
+      { name: "LinkedIn", color: "#0A66C2", icon: '<svg width="20" height="20" viewBox="0 0 24 24" fill="currentColor"><path d="M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z"/></svg>', url: `https://www.linkedin.com/sharing/share-offsite/?url=${encodeURIComponent(link)}` },
+      { name: "WhatsApp", color: "#25D366", icon: '<svg width="20" height="20" viewBox="0 0 24 24" fill="currentColor"><path d="M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z"/></svg>', url: `https://api.whatsapp.com/send?text=${encodeURIComponent(link)}` },
+      { name: "Email", color: "#888888", icon: '<svg width="20" height="20" viewBox="0 0 24 24" fill="currentColor"><path d="M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z"/></svg>', url: `mailto:?subject=Check this out&body=${encodeURIComponent(link)}` }
+    ];
+    platforms.forEach((p) => {
+      const btn = document.createElement("a");
+      btn.href = p.url;
+      btn.target = "_blank";
+      btn.rel = "noopener noreferrer";
+      btn.className = "gr-social-btn";
+      btn.innerHTML = p.icon;
+      btn.title = `Share on ${p.name}`;
+      btn.onmouseenter = () => {
+        btn.style.backgroundColor = p.color;
+        btn.style.color = "#ffffff";
+        btn.style.borderColor = p.color;
+      };
+      btn.onmouseleave = () => {
+        btn.style.backgroundColor = "";
+        btn.style.color = "";
+        btn.style.borderColor = "";
+      };
+      buttonsContainer.appendChild(btn);
+    });
+    shareContainer.appendChild(buttonsContainer);
+    container.appendChild(shareContainer);
+  }
+  bindEvents() {
+    if (this.overlay) {
+      this.overlay.onclick = (e) => {
+        if (e.target === this.overlay) {
+          this.hide();
+        }
+      };
+    }
+  }
+};
+
+// src/trigger-button.ts
+var TriggerButton = class {
+  options;
+  host = null;
+  shadow = null;
+  element = null;
+  constructor(options) {
+    this.options = options;
+  }
+  mount() {
+    if (this.host) return;
+    this.createDom();
+  }
+  unmount() {
+    if (this.host && this.host.parentNode) {
+      document.body.removeChild(this.host);
+    }
+    this.host = null;
+    this.shadow = null;
+    this.element = null;
+  }
+  createDom() {
+    this.host = document.createElement("div");
+    this.host.style.all = "initial";
+    this.host.style.position = "absolute";
+    this.host.style.zIndex = "2147483646";
+    const offset = { x: 0, y: 100 };
+    this.host.style.setProperty("--gr-offset-y", `${offset.y}px`);
+    this.shadow = this.host.attachShadow({ mode: "open" });
+    const style = document.createElement("style");
+    style.textContent = `
+      :host {
+        all: initial;
+        display: block;
+      }
+      @keyframes gr-shimmer {
+        0% { transform: translateX(-150%) skewX(-15deg); }
+        50% { transform: translateX(150%) skewX(-15deg); }
+        100% { transform: translateX(150%) skewX(-15deg); }
+      }
+      .gr-floating-btn {
+        position: fixed;
+        width: 50px;
+        height: 50px;
+        background: linear-gradient(135deg, #6366f1 0%, #a855f7 100%);
+        box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+        cursor: pointer;
+        z-index: 2147483646;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        transition: transform 0.2s cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow 0.2s ease, width 0.2s;
+        overflow: hidden;
+        font-family: system-ui, -apple-system, sans-serif;
+        box-sizing: border-box;
+      }
+      .gr-floating-btn * {
+        box-sizing: border-box;
+      }
+      .gr-floating-btn:hover {
+        transform: scale(1.05);
+        box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+      }
+      .gr-floating-btn--right {
+        right: 0;
+        border-top-left-radius: 8px;
+        border-bottom-left-radius: 8px;
+        border-top-right-radius: 0;
+        border-bottom-right-radius: 0;
+        padding-left: 4px; /* Optical balance */
+      }
+      .gr-floating-btn--left {
+        left: 0;
+        border-top-right-radius: 8px;
+        border-bottom-right-radius: 8px;
+        border-top-left-radius: 0;
+        border-bottom-left-radius: 0;
+        padding-right: 4px;
+      }
+      .gr-floating-btn--bottom {
+        bottom: var(--gr-offset-y);
+      }
+      .gr-floating-btn--top {
+        top: var(--gr-offset-y);
+      }
+      .gr-floating-btn::after {
+        content: '';
+        position: absolute;
+        top: 0;
+        left: 0;
+        width: 100%;
+        height: 100%;
+        background: linear-gradient(to right, transparent 0%, rgba(255, 255, 255, 0.4) 50%, transparent 100%);
+        transform: translateX(-150%) skewX(-15deg);
+        animation: gr-shimmer 3s infinite;
+      }
+      .gr-icon {
+        color: white;
+        width: 24px;
+        height: 24px;
+        position: relative;
+        z-index: 10;
+      }
+    `;
+    this.shadow.appendChild(style);
+    this.element = document.createElement("div");
+    const position = this.options.position || "bottom-right";
+    const classes = ["gr-floating-btn"];
+    if (position.includes("right")) classes.push("gr-floating-btn--right");
+    else classes.push("gr-floating-btn--left");
+    if (position.includes("bottom")) classes.push("gr-floating-btn--bottom");
+    else classes.push("gr-floating-btn--top");
+    this.element.className = classes.join(" ");
+    this.element.innerHTML = `
+      <svg class="gr-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+        <polyline points="20 12 20 22 4 22 4 12"></polyline>
+        <rect x="2" y="7" width="20" height="5"></rect>
+        <line x1="12" y1="22" x2="12" y2="7"></line>
+        <path d="M12 7H7.5a2.5 2.5 0 0 1 0-5C11 2 12 7 12 7z"></path>
+        <path d="M12 7h4.5a2.5 2.5 0 0 0 0-5C13 2 12 7 12 7z"></path>
+      </svg>
+    `;
+    this.element.onclick = () => {
+      GrowthRail.showReferralDashboard();
+    };
+    this.shadow.appendChild(this.element);
+    document.body.appendChild(this.host);
+  }
+};
+
+// src/core.ts
+var GrowthRail = class _GrowthRail {
+  static api;
+  static storage;
+  static options;
+  static currentUser = null;
+  static initialized = false;
+  static referralModal = null;
+  static floatingButton = null;
+  static experience = null;
+  static userReadyPromise = null;
+  static userReadyResolver = null;
+  constructor() {
+  }
+  static init(options) {
+    if (_GrowthRail.initialized) return;
+    _GrowthRail.options = options;
+    _GrowthRail.api = new APIClient(options);
+    _GrowthRail.storage = new StorageManager({ cookieDomain: options.cookieDomain });
+    _GrowthRail.initialized = true;
+    _GrowthRail.autoTrackReferral();
+  }
+  static isInitialized() {
+    return _GrowthRail.initialized;
+  }
+  static ensureInitialized() {
+    if (!_GrowthRail.initialized) {
+      throw new Error("GrowthRail.init() must be called before using the SDK");
+    }
+  }
+  static async loadReferrerExperience(experience) {
+    try {
+      _GrowthRail.createReferralModal(experience);
+      if (experience.trigger.show) {
+        _GrowthRail.createTriggerButton(experience.trigger);
+      }
+    } catch (error) {
+      console.error("GrowthRail: Failed to load referrer experience", error);
+      throw error;
+    }
+  }
+  static createReferralModal(referrerExperience) {
+    _GrowthRail.referralModal = new ReferralModal({
+      isUserReady: () => _GrowthRail.isUserReady(),
+      getReferralLink: () => _GrowthRail.currentUser?.referralLink || ""
+    }, referrerExperience);
+  }
+  static async autoTrackReferral() {
+    if (typeof window === "undefined") return;
+    const urlParams = new URLSearchParams(window.location.search);
+    const refCode = urlParams.get("referralCode");
+    const refEventName = urlParams.get("rewardEventName");
+    if (refCode) {
+      const newUserExperience = await _GrowthRail.api.getNewUserExperience();
+      const trackingResult = await _GrowthRail.trackReferral(refCode, refEventName ?? void 0);
+      _GrowthRail.storage.setTrackedReferral(trackingResult.referralTrackingId);
+      trackingResult.promotionalText && newUserExperience.banner.show && _GrowthRail.createPromotionalBanner(trackingResult.promotionalText, newUserExperience);
+    }
+  }
+  static async initAppUser(clientProvidedId) {
+    _GrowthRail.ensureInitialized();
+    const appUser = await _GrowthRail.api.initAppUser(clientProvidedId);
+    _GrowthRail.currentUser = { ...appUser, id: clientProvidedId };
+    _GrowthRail.experience = appUser.referrerExperience;
+    _GrowthRail.loadReferrerExperience(appUser.referrerExperience);
+    if (_GrowthRail.userReadyResolver) {
+      _GrowthRail.userReadyResolver(_GrowthRail.currentUser);
+    } else {
+      _GrowthRail.userReadyPromise = Promise.resolve(_GrowthRail.currentUser);
+    }
+    return appUser;
+  }
+  static async trackReferral(referralCode, rewardEventName) {
+    _GrowthRail.ensureInitialized();
+    return _GrowthRail.api.trackReferral(referralCode, rewardEventName);
+  }
+  static async trackRewardEvent(eventName) {
+    _GrowthRail.ensureInitialized();
+    const refereeId = _GrowthRail.currentUser?.id;
+    if (!refereeId) {
+      throw new Error("GrowthRail: User must be initialized before tracking a reward event.");
+    }
+    const referralTrackingId = _GrowthRail.storage.getTrackedReferral();
+    if (!referralTrackingId) {
+      throw new Error("GrowthRail: Referral Tracking Id must be initialized before tracking a reward event.");
+    }
+    return _GrowthRail.api.trackRewardEvent(refereeId, referralTrackingId, eventName);
+  }
+  static getReferralLink() {
+    if (!_GrowthRail.currentUser?.referralLink) {
+      throw new Error("GrowthRail: Referral Link not loaded or user not initialized");
+    }
+    return _GrowthRail.currentUser.referralLink;
+  }
+  static getReferralCode() {
+    return _GrowthRail.currentUser?.referralCode;
+  }
+  static getUserId() {
+    return _GrowthRail.currentUser?.id;
+  }
+  static isUserReady() {
+    return _GrowthRail.currentUser !== null;
+  }
+  static ensureUserReady() {
+    if (_GrowthRail.currentUser) {
+      return Promise.resolve(_GrowthRail.currentUser);
+    }
+    if (!_GrowthRail.userReadyPromise) {
+      _GrowthRail.userReadyPromise = new Promise((resolve) => {
+        _GrowthRail.userReadyResolver = resolve;
+      });
+    }
+    return _GrowthRail.userReadyPromise;
+  }
+  static async showReferralDashboard(options) {
+    _GrowthRail.ensureInitialized();
+    if (!_GrowthRail.experience) {
+      throw new Error("GrowthRail: Experience not loaded");
+    }
+    if (_GrowthRail.referralModal) {
+      _GrowthRail.referralModal.hide();
+    }
+    _GrowthRail.referralModal?.show(options);
+  }
+  static createPromotionalBanner(promotionalText, newUserExperience) {
+    if (typeof document === "undefined") return;
+    const banner = document.createElement("div");
+    banner.style.position = "fixed";
+    banner.style.top = newUserExperience.banner.position.split("-")[1] === "top" ? "0" : "auto";
+    banner.style.bottom = newUserExperience.banner.position.split("-")[1] === "bottom" ? "0" : "auto";
+    banner.style.left = newUserExperience.banner.position.split("-")[0] === "left" ? "0" : "auto";
+    banner.style.right = newUserExperience.banner.position.split("-")[0] === "right" ? "0" : "auto";
+    banner.style.width = "100%";
+    banner.style.margin = "auto";
+    banner.style.backgroundColor = "#f0f0f0";
+    banner.style.padding = "10px";
+    banner.style.textAlign = "center";
+    banner.style.zIndex = "10000";
+    banner.textContent = promotionalText;
+    document.body.appendChild(banner);
+  }
+  static createTriggerButton(options) {
+    if (typeof window === "undefined") return;
+    if (!_GrowthRail.experience) {
+      throw new Error("GrowthRail: Experience not loaded");
+    }
+    if (_GrowthRail.floatingButton) {
+      _GrowthRail.floatingButton.unmount();
+    }
+    const finalOptions = { ..._GrowthRail.experience?.trigger, ...options };
+    _GrowthRail.floatingButton = new TriggerButton(finalOptions);
+    _GrowthRail.floatingButton.mount();
+  }
+  static destroyTriggerButton() {
+    if (_GrowthRail.floatingButton) {
+      _GrowthRail.floatingButton.unmount();
+      _GrowthRail.floatingButton = null;
+    }
+  }
+};
+export {
+  GrowthRail,
+  ReferralModal
+};
+//# sourceMappingURL=index.mjs.map