@saas-support/react 0.2.0

package/dist/react.js

@@ -0,0 +1,1908 @@
+import { jsx as e, jsxs as u, Fragment as D } from "react/jsx-runtime";
+import { createContext as Q, useContext as V, useState as m, useEffect as C, useRef as U, useCallback as S, useMemo as B } from "react";
+import { SaaSSupport as Y, isMfaRequired as K, BillingClient as X, Transport as q, ReportClient as R } from "./index.js";
+import { SaaSError as Qs } from "./index.js";
+import { createPortal as Z } from "react-dom";
+const H = Q(null);
+function $() {
+  const s = V(H);
+  if (!s)
+    throw new Error("useSaaSContext must be used within a <SaaSProvider>");
+  return s;
+}
+function Ts({ publishableKey: s, apiKey: n, baseUrl: r, appearance: c, children: a }) {
+  const [i] = m(() => new Y({ publishableKey: s, apiKey: n, baseUrl: r })), [l, d] = m(null), [o, t] = m(!1), [g, p] = m(null);
+  return C(() => {
+    let h = !1;
+    i.load().then(async () => {
+      if (h) return;
+      const x = await i.auth.getUser(), b = await i.auth.getSettings();
+      d(x), p(b), t(!0);
+    });
+    const f = i.auth.onAuthStateChange((x) => {
+      h || d(x);
+    });
+    return () => {
+      h = !0, f(), i.destroy();
+    };
+  }, [i]), /* @__PURE__ */ e(H.Provider, { value: { client: i, user: l, isLoaded: o, appearance: c, settings: g }, children: a });
+}
+const ss = {
+  colorPrimary: "#6366f1",
+  colorPrimaryHover: "#4f46e5",
+  colorBackground: "#ffffff",
+  colorText: "#1a1a2e",
+  colorTextSecondary: "#6b7280",
+  colorInputBackground: "#f9fafb",
+  colorInputBorder: "#d1d5db",
+  colorError: "#ef4444",
+  colorSuccess: "#22c55e",
+  colorWarning: "#f59e0b",
+  fontFamily: '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif',
+  borderRadius: "8px"
+}, es = {
+  colorPrimary: "#818cf8",
+  colorPrimaryHover: "#6366f1",
+  colorBackground: "#1e1e2e",
+  colorText: "#e2e8f0",
+  colorTextSecondary: "#94a3b8",
+  colorInputBackground: "#2a2a3e",
+  colorInputBorder: "#3f3f5e",
+  colorError: "#f87171",
+  colorSuccess: "#4ade80",
+  colorWarning: "#fbbf24",
+  fontFamily: '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif',
+  borderRadius: "8px"
+};
+function M(s) {
+  const n = (s == null ? void 0 : s.baseTheme) === "dark" ? es : ss, r = s == null ? void 0 : s.variables;
+  return {
+    colorPrimary: (r == null ? void 0 : r.colorPrimary) ?? n.colorPrimary,
+    colorPrimaryHover: r != null && r.colorPrimary ? rs(r.colorPrimary, 10) : n.colorPrimaryHover,
+    colorBackground: (r == null ? void 0 : r.colorBackground) ?? n.colorBackground,
+    colorText: (r == null ? void 0 : r.colorText) ?? n.colorText,
+    colorTextSecondary: n.colorTextSecondary,
+    colorInputBackground: (r == null ? void 0 : r.colorInputBackground) ?? n.colorInputBackground,
+    colorInputBorder: (r == null ? void 0 : r.colorInputBorder) ?? n.colorInputBorder,
+    colorError: (r == null ? void 0 : r.colorError) ?? n.colorError,
+    colorSuccess: (r == null ? void 0 : r.colorSuccess) ?? n.colorSuccess,
+    colorWarning: (r == null ? void 0 : r.colorWarning) ?? n.colorWarning,
+    fontFamily: (r == null ? void 0 : r.fontFamily) ?? n.fontFamily,
+    borderRadius: (r == null ? void 0 : r.borderRadius) ?? n.borderRadius
+  };
+}
+function rs(s, n) {
+  const r = parseInt(s.replace("#", ""), 16), c = Math.max(0, (r >> 16) - Math.round(2.55 * n)), a = Math.max(0, (r >> 8 & 255) - Math.round(2.55 * n)), i = Math.max(0, (r & 255) - Math.round(2.55 * n));
+  return `#${(c << 16 | a << 8 | i).toString(16).padStart(6, "0")}`;
+}
+function O(s) {
+  return `
+    :host {
+      all: initial;
+      font-family: ${s.fontFamily};
+      color: ${s.colorText};
+      line-height: 1.5;
+      -webkit-font-smoothing: antialiased;
+    }
+
+    * { box-sizing: border-box; margin: 0; padding: 0; }
+
+    .ss-card {
+      background: ${s.colorBackground};
+      border-radius: ${s.borderRadius};
+      padding: 32px;
+      width: 100%;
+      max-width: 400px;
+      box-shadow: 0 4px 24px rgba(0, 0, 0, 0.08);
+      border: 1px solid ${s.colorInputBorder};
+    }
+
+    .ss-card-wide { max-width: 640px; }
+
+    .ss-title {
+      font-size: 22px;
+      font-weight: 700;
+      color: ${s.colorText};
+      text-align: center;
+      margin-bottom: 24px;
+    }
+
+    .ss-subtitle {
+      font-size: 14px;
+      color: ${s.colorTextSecondary};
+      text-align: center;
+      margin-top: -16px;
+      margin-bottom: 24px;
+    }
+
+    .ss-field { margin-bottom: 16px; }
+
+    .ss-label {
+      display: block;
+      font-size: 14px;
+      font-weight: 500;
+      color: ${s.colorText};
+      margin-bottom: 6px;
+    }
+
+    .ss-input {
+      width: 100%;
+      padding: 10px 12px;
+      font-size: 14px;
+      font-family: inherit;
+      border: 1px solid ${s.colorInputBorder};
+      border-radius: calc(${s.borderRadius} - 2px);
+      background: ${s.colorInputBackground};
+      color: ${s.colorText};
+      outline: none;
+      transition: border-color 0.15s;
+    }
+
+    .ss-input:focus {
+      border-color: ${s.colorPrimary};
+      box-shadow: 0 0 0 3px ${s.colorPrimary}22;
+    }
+
+    .ss-input.ss-input-error { border-color: ${s.colorError}; }
+
+    .ss-query-textarea {
+      resize: vertical;
+      min-height: 60px;
+      font-family: monospace;
+    }
+
+    .ss-error {
+      font-size: 13px;
+      color: ${s.colorError};
+      margin-top: 4px;
+    }
+
+    .ss-global-error {
+      font-size: 13px;
+      color: ${s.colorError};
+      background: ${s.colorError}11;
+      border: 1px solid ${s.colorError}33;
+      border-radius: calc(${s.borderRadius} - 2px);
+      padding: 10px 12px;
+      margin-bottom: 16px;
+      text-align: center;
+    }
+
+    .ss-success-msg {
+      font-size: 13px;
+      color: ${s.colorSuccess};
+      background: ${s.colorSuccess}11;
+      border: 1px solid ${s.colorSuccess}33;
+      border-radius: calc(${s.borderRadius} - 2px);
+      padding: 10px 12px;
+      margin-bottom: 16px;
+      text-align: center;
+    }
+
+    .ss-loading {
+      text-align: center;
+      padding: 24px;
+      color: ${s.colorTextSecondary};
+      font-size: 14px;
+    }
+
+    .ss-empty {
+      text-align: center;
+      padding: 24px;
+      color: ${s.colorTextSecondary};
+      font-size: 14px;
+    }
+
+    /* Buttons */
+
+    .ss-btn {
+      width: 100%;
+      padding: 10px 16px;
+      font-size: 14px;
+      font-weight: 600;
+      font-family: inherit;
+      border: none;
+      border-radius: calc(${s.borderRadius} - 2px);
+      cursor: pointer;
+      transition: background 0.15s, opacity 0.15s;
+    }
+
+    .ss-btn:disabled { opacity: 0.6; cursor: not-allowed; }
+
+    .ss-btn-primary {
+      background: ${s.colorPrimary};
+      color: #fff;
+    }
+
+    .ss-btn-primary:hover:not(:disabled) { background: ${s.colorPrimaryHover}; }
+
+    .ss-btn-danger {
+      background: ${s.colorError};
+      color: #fff;
+    }
+
+    .ss-btn-danger:hover:not(:disabled) { opacity: 0.9; }
+
+    .ss-btn-current {
+      background: ${s.colorInputBackground};
+      color: ${s.colorTextSecondary};
+      border: 1px solid ${s.colorInputBorder};
+    }
+
+    .ss-btn-sm {
+      width: auto;
+      padding: 6px 12px;
+      font-size: 12px;
+    }
+
+    .ss-btn-group {
+      display: flex;
+      gap: 8px;
+      margin-top: 16px;
+    }
+
+    .ss-btn-group .ss-btn { flex: 1; }
+
+    .ss-btn-org-switcher {
+      display: flex;
+      align-items: center;
+      gap: 8px;
+      background: ${s.colorInputBackground};
+      border: 1px solid ${s.colorInputBorder};
+      color: ${s.colorText};
+      padding: 8px 12px;
+      font-size: 14px;
+      font-family: inherit;
+      border-radius: calc(${s.borderRadius} - 2px);
+      cursor: pointer;
+      width: auto;
+    }
+
+    .ss-chevron { font-size: 10px; }
+
+    .ss-btn-social {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      gap: 10px;
+      width: 100%;
+      padding: 10px 16px;
+      font-size: 14px;
+      font-weight: 500;
+      font-family: inherit;
+      border: 1px solid ${s.colorInputBorder};
+      border-radius: calc(${s.borderRadius} - 2px);
+      background: ${s.colorInputBackground};
+      color: ${s.colorText};
+      cursor: pointer;
+      transition: background 0.15s;
+      margin-bottom: 8px;
+    }
+
+    .ss-btn-social:hover:not(:disabled) { background: ${s.colorInputBorder}; }
+    .ss-btn-social:disabled { opacity: 0.6; cursor: not-allowed; }
+    .ss-btn-social svg { width: 18px; height: 18px; flex-shrink: 0; }
+
+    .ss-divider {
+      display: flex;
+      align-items: center;
+      gap: 12px;
+      margin: 20px 0;
+      color: ${s.colorTextSecondary};
+      font-size: 13px;
+    }
+
+    .ss-divider::before,
+    .ss-divider::after {
+      content: '';
+      flex: 1;
+      height: 1px;
+      background: ${s.colorInputBorder};
+    }
+
+    .ss-footer {
+      text-align: center;
+      margin-top: 20px;
+      font-size: 14px;
+      color: ${s.colorTextSecondary};
+    }
+
+    .ss-link {
+      color: ${s.colorPrimary};
+      text-decoration: none;
+      cursor: pointer;
+      font-weight: 500;
+    }
+
+    .ss-link:hover { text-decoration: underline; }
+
+    .ss-spinner {
+      display: inline-block;
+      width: 16px;
+      height: 16px;
+      border: 2px solid transparent;
+      border-top-color: currentColor;
+      border-radius: 50%;
+      animation: ss-spin 0.6s linear infinite;
+      margin-right: 8px;
+      vertical-align: middle;
+    }
+
+    @keyframes ss-spin { to { transform: rotate(360deg); } }
+
+    /* UserButton / Dropdown */
+
+    .ss-user-btn { position: relative; display: inline-block; }
+
+    .ss-avatar {
+      width: 36px;
+      height: 36px;
+      border-radius: 50%;
+      background: ${s.colorPrimary};
+      color: #fff;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      font-size: 14px;
+      font-weight: 600;
+      cursor: pointer;
+      border: none;
+      font-family: inherit;
+      transition: box-shadow 0.15s;
+    }
+
+    .ss-avatar:hover { box-shadow: 0 0 0 3px ${s.colorPrimary}33; }
+
+    .ss-dropdown {
+      position: absolute;
+      top: calc(100% + 8px);
+      right: 0;
+      background: ${s.colorBackground};
+      border: 1px solid ${s.colorInputBorder};
+      border-radius: ${s.borderRadius};
+      padding: 8px 0;
+      min-width: 200px;
+      box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12);
+      z-index: 9999;
+    }
+
+    .ss-dropdown-org { left: 0; right: auto; }
+
+    .ss-dropdown-header {
+      padding: 8px 16px 12px;
+      border-bottom: 1px solid ${s.colorInputBorder};
+      margin-bottom: 4px;
+    }
+
+    .ss-dropdown-email {
+      font-size: 13px;
+      color: ${s.colorTextSecondary};
+      word-break: break-all;
+    }
+
+    .ss-dropdown-item {
+      display: block;
+      width: 100%;
+      padding: 8px 16px;
+      font-size: 14px;
+      font-family: inherit;
+      color: ${s.colorText};
+      background: none;
+      border: none;
+      text-align: left;
+      cursor: pointer;
+      transition: background 0.1s;
+    }
+
+    .ss-dropdown-item:hover { background: ${s.colorInputBackground}; }
+    .ss-dropdown-item-danger { color: ${s.colorError}; }
+    .ss-dropdown-item-active { font-weight: 600; color: ${s.colorPrimary}; }
+
+    /* Badges */
+
+    .ss-badge {
+      display: inline-block;
+      padding: 2px 8px;
+      font-size: 11px;
+      font-weight: 600;
+      border-radius: 999px;
+      text-transform: uppercase;
+      letter-spacing: 0.3px;
+      background: ${s.colorInputBackground};
+      color: ${s.colorTextSecondary};
+    }
+
+    .ss-badge-active { background: ${s.colorSuccess}22; color: ${s.colorSuccess}; }
+    .ss-badge-trialing { background: ${s.colorPrimary}22; color: ${s.colorPrimary}; }
+    .ss-badge-past-due { background: ${s.colorError}22; color: ${s.colorError}; }
+    .ss-badge-paused { background: ${s.colorWarning}22; color: ${s.colorWarning}; }
+    .ss-badge-canceled { background: ${s.colorTextSecondary}22; color: ${s.colorTextSecondary}; }
+
+    /* Tabs */
+
+    .ss-tab-group {
+      display: flex;
+      border-bottom: 1px solid ${s.colorInputBorder};
+      margin-bottom: 24px;
+    }
+
+    .ss-tab-group-sm { margin-bottom: 16px; }
+
+    .ss-tab {
+      padding: 8px 16px;
+      font-size: 14px;
+      font-weight: 500;
+      font-family: inherit;
+      color: ${s.colorTextSecondary};
+      background: none;
+      border: none;
+      border-bottom: 2px solid transparent;
+      cursor: pointer;
+      transition: color 0.15s, border-color 0.15s;
+    }
+
+    .ss-tab:hover { color: ${s.colorText}; }
+
+    .ss-tab-active {
+      color: ${s.colorPrimary};
+      border-bottom-color: ${s.colorPrimary};
+    }
+
+    .ss-tab-content .ss-card { box-shadow: none; border: none; padding: 0; }
+
+    /* Tables */
+
+    .ss-table-container { overflow-x: auto; }
+
+    .ss-table {
+      width: 100%;
+      border-collapse: collapse;
+      font-size: 14px;
+    }
+
+    .ss-th {
+      text-align: left;
+      padding: 10px 12px;
+      font-weight: 600;
+      color: ${s.colorTextSecondary};
+      border-bottom: 2px solid ${s.colorInputBorder};
+      white-space: nowrap;
+    }
+
+    .ss-th-sortable { cursor: pointer; user-select: none; }
+    .ss-th-sortable:hover { color: ${s.colorText}; }
+
+    .ss-sort-indicator { font-size: 10px; }
+    .ss-sorted-asc, .ss-sorted-desc { color: ${s.colorPrimary}; }
+
+    .ss-td {
+      padding: 10px 12px;
+      border-bottom: 1px solid ${s.colorInputBorder};
+      color: ${s.colorText};
+    }
+
+    .ss-tr:hover .ss-td { background: ${s.colorInputBackground}; }
+
+    .ss-table-footer {
+      text-align: center;
+      padding: 8px;
+      font-size: 12px;
+      color: ${s.colorTextSecondary};
+    }
+
+    /* Pricing */
+
+    .ss-pricing-grid {
+      display: grid;
+      grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
+      gap: 16px;
+    }
+
+    .ss-pricing-card {
+      background: ${s.colorBackground};
+      border: 1px solid ${s.colorInputBorder};
+      border-radius: ${s.borderRadius};
+      padding: 24px;
+      display: flex;
+      flex-direction: column;
+    }
+
+    .ss-pricing-card-current { border-color: ${s.colorPrimary}; }
+
+    .ss-pricing-header {
+      display: flex;
+      align-items: center;
+      gap: 8px;
+      margin-bottom: 12px;
+    }
+
+    .ss-pricing-name {
+      font-size: 18px;
+      font-weight: 600;
+      color: ${s.colorText};
+    }
+
+    .ss-pricing-price { margin-bottom: 12px; }
+
+    .ss-pricing-amount {
+      font-size: 32px;
+      font-weight: 700;
+      color: ${s.colorText};
+    }
+
+    .ss-pricing-interval {
+      font-size: 14px;
+      color: ${s.colorTextSecondary};
+    }
+
+    .ss-pricing-desc {
+      font-size: 14px;
+      color: ${s.colorTextSecondary};
+      margin-bottom: 16px;
+    }
+
+    .ss-pricing-features {
+      list-style: none;
+      flex: 1;
+      margin-bottom: 20px;
+    }
+
+    .ss-pricing-feature {
+      font-size: 14px;
+      color: ${s.colorText};
+      padding: 4px 0;
+    }
+
+    .ss-check { color: ${s.colorSuccess}; margin-right: 6px; }
+
+    /* Usage / Progress */
+
+    .ss-usage-item { margin-bottom: 16px; }
+
+    .ss-usage-header {
+      display: flex;
+      justify-content: space-between;
+      margin-bottom: 6px;
+    }
+
+    .ss-usage-metric {
+      font-size: 14px;
+      font-weight: 500;
+      color: ${s.colorText};
+    }
+
+    .ss-usage-value {
+      font-size: 14px;
+      color: ${s.colorTextSecondary};
+    }
+
+    .ss-progress-bar {
+      width: 100%;
+      height: 8px;
+      background: ${s.colorInputBackground};
+      border-radius: 4px;
+      overflow: hidden;
+    }
+
+    .ss-progress-fill {
+      height: 100%;
+      background: ${s.colorPrimary};
+      border-radius: 4px;
+      transition: width 0.3s;
+    }
+
+    .ss-progress-danger { background: ${s.colorError}; }
+
+    /* Chart */
+
+    .ss-chart-container { text-align: center; }
+
+    .ss-chart-title {
+      font-size: 16px;
+      font-weight: 600;
+      color: ${s.colorText};
+      margin-bottom: 12px;
+    }
+
+    /* Dashboard */
+
+    .ss-dashboard-grid {
+      display: grid;
+      grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
+      gap: 16px;
+    }
+
+    .ss-widget {
+      background: ${s.colorBackground};
+      border: 1px solid ${s.colorInputBorder};
+      border-radius: ${s.borderRadius};
+      padding: 16px;
+    }
+
+    .ss-widget-header {
+      font-size: 14px;
+      font-weight: 600;
+      color: ${s.colorText};
+      margin-bottom: 12px;
+    }
+
+    /* Saved Queries */
+
+    .ss-saved-query-card {
+      padding: 12px 16px;
+      border: 1px solid ${s.colorInputBorder};
+      border-radius: calc(${s.borderRadius} - 2px);
+      margin-bottom: 8px;
+      cursor: pointer;
+      transition: border-color 0.15s;
+    }
+
+    .ss-saved-query-card:hover { border-color: ${s.colorPrimary}; }
+
+    .ss-saved-query-header {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      margin-bottom: 4px;
+    }
+
+    .ss-saved-query-name {
+      font-size: 14px;
+      font-weight: 600;
+      color: ${s.colorText};
+    }
+
+    .ss-saved-query-desc {
+      font-size: 13px;
+      color: ${s.colorTextSecondary};
+      margin-bottom: 8px;
+    }
+
+    .ss-saved-query-footer {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+    }
+
+    .ss-saved-query-date {
+      font-size: 12px;
+      color: ${s.colorTextSecondary};
+    }
+  `;
+}
+function E({ children: s, appearance: n }) {
+  const r = U(null), [c, a] = m(null);
+  C(() => {
+    var g;
+    if (!r.current || r.current.shadowRoot) {
+      a(((g = r.current) == null ? void 0 : g.shadowRoot) ?? null);
+      return;
+    }
+    const l = r.current.attachShadow({ mode: "open" }), d = M(n), o = document.createElement("style");
+    o.textContent = O(d), l.appendChild(o);
+    const t = document.createElement("div");
+    l.appendChild(t), a(l);
+  }, []), C(() => {
+    if (!c) return;
+    const l = c.querySelector("style");
+    if (l) {
+      const d = M(n);
+      l.textContent = O(d);
+    }
+  }, [n, c]);
+  const i = (c == null ? void 0 : c.querySelector("div")) ?? null;
+  return /* @__PURE__ */ e("div", { ref: r, style: { display: "contents" }, children: i && Z(s, i) });
+}
+function W() {
+  const { client: s, user: n, isLoaded: r } = $();
+  return {
+    isLoaded: r,
+    isSignedIn: !!n,
+    user: n,
+    signOut: S(() => s.auth.signOut(), [s]),
+    getToken: S(() => s.auth.getToken(), [s])
+  };
+}
+function Is() {
+  const { user: s, isLoaded: n } = $();
+  return { user: s, isLoaded: n };
+}
+function _() {
+  const { client: s } = $(), [n, r] = m(!1), [c, a] = m(null), i = S(
+    async (o, t) => {
+      r(!0), a(null);
+      try {
+        return await s.auth.signIn(o, t);
+      } catch (g) {
+        return a(g instanceof Error ? g.message : "Sign in failed"), null;
+      } finally {
+        r(!1);
+      }
+    },
+    [s]
+  ), l = S(
+    async (o) => {
+      r(!0), a(null);
+      try {
+        return await s.auth.signInWithOAuth(o);
+      } catch (t) {
+        return a(t instanceof Error ? t.message : "OAuth sign in failed"), null;
+      } finally {
+        r(!1);
+      }
+    },
+    [s]
+  ), d = S(
+    async (o, t) => {
+      r(!0), a(null);
+      try {
+        return await s.auth.submitMfaCode(o, t);
+      } catch (g) {
+        return a(g instanceof Error ? g.message : "MFA verification failed"), null;
+      } finally {
+        r(!1);
+      }
+    },
+    [s]
+  );
+  return { signIn: i, signInWithOAuth: l, submitMfaCode: d, isLoading: n, error: c, setError: a };
+}
+function ns() {
+  const { client: s } = $(), [n, r] = m(!1), [c, a] = m(null);
+  return { signUp: S(
+    async (l, d) => {
+      r(!0), a(null);
+      try {
+        return await s.auth.signUp(l, d);
+      } catch (o) {
+        return a(o instanceof Error ? o.message : "Sign up failed"), null;
+      } finally {
+        r(!1);
+      }
+    },
+    [s]
+  ), isLoading: n, error: c, setError: a };
+}
+function as() {
+  const { client: s } = $(), [n, r] = m([]), [c, a] = m(null), [i, l] = m([]), [d, o] = m(!1), [t, g] = m(null), p = S(async () => {
+    o(!0), g(null);
+    try {
+      const x = await s.auth.listOrgs();
+      r(x);
+    } catch (x) {
+      g(x instanceof Error ? x.message : "Failed to load organizations");
+    } finally {
+      o(!1);
+    }
+  }, [s]);
+  C(() => {
+    p();
+  }, [p]);
+  const h = S(async (x) => {
+    try {
+      const b = await s.auth.getOrg(x);
+      a(b);
+      const N = await s.auth.listMembers(x);
+      l(N);
+    } catch (b) {
+      g(b instanceof Error ? b.message : "Failed to load organization");
+    }
+  }, [s]), f = S(async (x, b) => {
+    try {
+      const N = await s.auth.createOrg(x, b);
+      return r((y) => [...y, N]), N;
+    } catch (N) {
+      return g(N instanceof Error ? N.message : "Failed to create organization"), null;
+    }
+  }, [s]);
+  return { orgs: n, selectedOrg: c, members: i, isLoading: d, error: t, refresh: p, selectOrg: h, createOrg: f };
+}
+const j = '<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92a5.06 5.06 0 0 1-2.2 3.32v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.1z" fill="#4285F4"/><path d="M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z" fill="#34A853"/><path d="M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18C1.43 8.55 1 10.22 1 12s.43 3.45 1.18 4.93l2.85-2.22.81-.62z" fill="#FBBC05"/><path d="M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z" fill="#EA4335"/></svg>', G = '<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M12 0C5.37 0 0 5.37 0 12c0 5.31 3.435 9.795 8.205 11.385.6.105.825-.255.825-.57 0-.285-.015-1.23-.015-2.235-3.015.555-3.795-.735-4.035-1.41-.135-.345-.72-1.41-1.23-1.695-.42-.225-1.02-.78-.015-.795.945-.015 1.62.87 1.845 1.23 1.08 1.815 2.805 1.305 3.495.99.105-.78.42-1.305.765-1.605-2.67-.3-5.46-1.335-5.46-5.925 0-1.305.465-2.385 1.23-3.225-.12-.3-.54-1.53.12-3.18 0 0 1.005-.315 3.3 1.23.96-.27 1.98-.405 3-.405s2.04.135 3 .405c2.295-1.56 3.3-1.23 3.3-1.23.66 1.65.24 2.88.12 3.18.765.84 1.23 1.905 1.23 3.225 0 4.605-2.805 5.625-5.475 5.925.435.375.81 1.095.81 2.22 0 1.605-.015 2.895-.015 3.3 0 .315.225.69.825.57A12.02 12.02 0 0 0 24 12c0-6.63-5.37-12-12-12z" fill="currentColor"/></svg>';
+function Ls({ appearance: s, signUpUrl: n, onSignUp: r }) {
+  const { appearance: c, settings: a } = $(), { signIn: i, signInWithOAuth: l, submitMfaCode: d, isLoading: o, error: t, setError: g } = _(), p = s ?? c, [h, f] = m(""), [x, b] = m(""), [N, y] = m(!1), [v, w] = m(""), [k, T] = m(""), P = S(
+    async (L) => {
+      if (L.preventDefault(), N) {
+        await d(v, k);
+        return;
+      }
+      const F = await i(h, x);
+      F && K(F) && (w(F.mfaToken), y(!0), g(null));
+    },
+    [h, x, N, v, k, i, d, g]
+  ), I = S(
+    async (L) => {
+      await l(L);
+    },
+    [l]
+  ), z = (a == null ? void 0 : a.googleEnabled) || (a == null ? void 0 : a.githubEnabled);
+  return /* @__PURE__ */ e(E, { appearance: p, children: /* @__PURE__ */ u("div", { className: "ss-card", children: [
+    /* @__PURE__ */ e("h2", { className: "ss-title", children: "Sign in" }),
+    !N && /* @__PURE__ */ u(D, { children: [
+      (a == null ? void 0 : a.googleEnabled) && /* @__PURE__ */ u(
+        "button",
+        {
+          type: "button",
+          className: "ss-btn-social",
+          onClick: () => I("google"),
+          disabled: o,
+          children: [
+            /* @__PURE__ */ e("span", { dangerouslySetInnerHTML: { __html: j } }),
+            "Continue with Google"
+          ]
+        }
+      ),
+      (a == null ? void 0 : a.githubEnabled) && /* @__PURE__ */ u(
+        "button",
+        {
+          type: "button",
+          className: "ss-btn-social",
+          onClick: () => I("github"),
+          disabled: o,
+          children: [
+            /* @__PURE__ */ e("span", { dangerouslySetInnerHTML: { __html: G } }),
+            "Continue with GitHub"
+          ]
+        }
+      ),
+      z && /* @__PURE__ */ e("div", { className: "ss-divider", children: "or" })
+    ] }),
+    t && /* @__PURE__ */ e("div", { className: "ss-global-error", children: t }),
+    /* @__PURE__ */ u("form", { onSubmit: P, children: [
+      N ? /* @__PURE__ */ u("div", { className: "ss-field", children: [
+        /* @__PURE__ */ e("label", { className: "ss-label", htmlFor: "ss-mfa-code", children: "Authentication code" }),
+        /* @__PURE__ */ e(
+          "input",
+          {
+            id: "ss-mfa-code",
+            className: "ss-input",
+            type: "text",
+            inputMode: "numeric",
+            autoComplete: "one-time-code",
+            placeholder: "Enter 6-digit code",
+            value: k,
+            onChange: (L) => T(L.target.value),
+            autoFocus: !0
+          }
+        )
+      ] }) : /* @__PURE__ */ u(D, { children: [
+        /* @__PURE__ */ u("div", { className: "ss-field", children: [
+          /* @__PURE__ */ e("label", { className: "ss-label", htmlFor: "ss-email", children: "Email" }),
+          /* @__PURE__ */ e(
+            "input",
+            {
+              id: "ss-email",
+              className: "ss-input",
+              type: "email",
+              autoComplete: "email",
+              placeholder: "you@example.com",
+              value: h,
+              onChange: (L) => f(L.target.value),
+              required: !0
+            }
+          )
+        ] }),
+        /* @__PURE__ */ u("div", { className: "ss-field", children: [
+          /* @__PURE__ */ e("label", { className: "ss-label", htmlFor: "ss-password", children: "Password" }),
+          /* @__PURE__ */ e(
+            "input",
+            {
+              id: "ss-password",
+              className: "ss-input",
+              type: "password",
+              autoComplete: "current-password",
+              placeholder: "Enter your password",
+              value: x,
+              onChange: (L) => b(L.target.value),
+              required: !0
+            }
+          )
+        ] })
+      ] }),
+      /* @__PURE__ */ u("button", { type: "submit", className: "ss-btn ss-btn-primary", disabled: o, children: [
+        o && /* @__PURE__ */ e("span", { className: "ss-spinner" }),
+        N ? "Verify" : "Continue"
+      ] })
+    ] }),
+    N && /* @__PURE__ */ e("div", { className: "ss-footer", children: /* @__PURE__ */ e(
+      "span",
+      {
+        className: "ss-link",
+        onClick: () => {
+          y(!1), T(""), g(null);
+        },
+        children: "Back to sign in"
+      }
+    ) }),
+    !N && /* @__PURE__ */ u("div", { className: "ss-footer", children: [
+      "Don't have an account?",
+      " ",
+      r ? /* @__PURE__ */ e("span", { className: "ss-link", onClick: r, children: "Sign up" }) : n ? /* @__PURE__ */ e("a", { className: "ss-link", href: n, children: "Sign up" }) : /* @__PURE__ */ e("span", { className: "ss-link", children: "Sign up" })
+    ] })
+  ] }) });
+}
+function Bs({ appearance: s, signInUrl: n, onSignIn: r }) {
+  const { appearance: c, settings: a } = $(), { signUp: i, isLoading: l, error: d, setError: o } = ns(), { signInWithOAuth: t } = _(), g = s ?? c, [p, h] = m(""), [f, x] = m(""), [b, N] = m(""), [y, v] = m(null), w = S(
+    async (I) => {
+      if (I.preventDefault(), v(null), f !== b) {
+        v("Passwords do not match");
+        return;
+      }
+      const z = (a == null ? void 0 : a.passwordMinLength) ?? 8;
+      if (f.length < z) {
+        v(`Password must be at least ${z} characters`);
+        return;
+      }
+      await i(p, f);
+    },
+    [p, f, b, a, i]
+  ), k = S(
+    async (I) => {
+      await t(I);
+    },
+    [t]
+  ), T = (a == null ? void 0 : a.googleEnabled) || (a == null ? void 0 : a.githubEnabled), P = y || d;
+  return /* @__PURE__ */ e(E, { appearance: g, children: /* @__PURE__ */ u("div", { className: "ss-card", children: [
+    /* @__PURE__ */ e("h2", { className: "ss-title", children: "Create account" }),
+    (a == null ? void 0 : a.googleEnabled) && /* @__PURE__ */ u(
+      "button",
+      {
+        type: "button",
+        className: "ss-btn-social",
+        onClick: () => k("google"),
+        disabled: l,
+        children: [
+          /* @__PURE__ */ e("span", { dangerouslySetInnerHTML: { __html: j } }),
+          "Continue with Google"
+        ]
+      }
+    ),
+    (a == null ? void 0 : a.githubEnabled) && /* @__PURE__ */ u(
+      "button",
+      {
+        type: "button",
+        className: "ss-btn-social",
+        onClick: () => k("github"),
+        disabled: l,
+        children: [
+          /* @__PURE__ */ e("span", { dangerouslySetInnerHTML: { __html: G } }),
+          "Continue with GitHub"
+        ]
+      }
+    ),
+    T && /* @__PURE__ */ e("div", { className: "ss-divider", children: "or" }),
+    P && /* @__PURE__ */ e("div", { className: "ss-global-error", children: P }),
+    /* @__PURE__ */ u("form", { onSubmit: w, children: [
+      /* @__PURE__ */ u("div", { className: "ss-field", children: [
+        /* @__PURE__ */ e("label", { className: "ss-label", htmlFor: "ss-signup-email", children: "Email" }),
+        /* @__PURE__ */ e(
+          "input",
+          {
+            id: "ss-signup-email",
+            className: "ss-input",
+            type: "email",
+            autoComplete: "email",
+            placeholder: "you@example.com",
+            value: p,
+            onChange: (I) => h(I.target.value),
+            required: !0
+          }
+        )
+      ] }),
+      /* @__PURE__ */ u("div", { className: "ss-field", children: [
+        /* @__PURE__ */ e("label", { className: "ss-label", htmlFor: "ss-signup-password", children: "Password" }),
+        /* @__PURE__ */ e(
+          "input",
+          {
+            id: "ss-signup-password",
+            className: "ss-input",
+            type: "password",
+            autoComplete: "new-password",
+            placeholder: "Create a password",
+            value: f,
+            onChange: (I) => {
+              x(I.target.value), v(null);
+            },
+            required: !0
+          }
+        )
+      ] }),
+      /* @__PURE__ */ u("div", { className: "ss-field", children: [
+        /* @__PURE__ */ e("label", { className: "ss-label", htmlFor: "ss-signup-confirm", children: "Confirm password" }),
+        /* @__PURE__ */ e(
+          "input",
+          {
+            id: "ss-signup-confirm",
+            className: "ss-input",
+            type: "password",
+            autoComplete: "new-password",
+            placeholder: "Confirm your password",
+            value: b,
+            onChange: (I) => {
+              N(I.target.value), v(null);
+            },
+            required: !0
+          }
+        )
+      ] }),
+      /* @__PURE__ */ u("button", { type: "submit", className: "ss-btn ss-btn-primary", disabled: l, children: [
+        l && /* @__PURE__ */ e("span", { className: "ss-spinner" }),
+        "Create account"
+      ] })
+    ] }),
+    /* @__PURE__ */ u("div", { className: "ss-footer", children: [
+      "Already have an account?",
+      " ",
+      r ? /* @__PURE__ */ e("span", { className: "ss-link", onClick: r, children: "Sign in" }) : n ? /* @__PURE__ */ e("a", { className: "ss-link", href: n, children: "Sign in" }) : /* @__PURE__ */ e("span", { className: "ss-link", children: "Sign in" })
+    ] })
+  ] }) });
+}
+function Ps({ appearance: s }) {
+  const { appearance: n } = $(), { user: r, signOut: c } = W(), a = s ?? n, [i, l] = m(!1), d = U(null), o = S((g) => {
+    d.current && !d.current.contains(g.target) && l(!1);
+  }, []);
+  if (C(() => {
+    if (i) {
+      const g = setTimeout(() => {
+        document.addEventListener("click", o);
+      }, 0);
+      return () => {
+        clearTimeout(g), document.removeEventListener("click", o);
+      };
+    }
+  }, [i, o]), !r) return null;
+  const t = r.email.charAt(0).toUpperCase();
+  return /* @__PURE__ */ e(E, { appearance: a, children: /* @__PURE__ */ u("div", { className: "ss-user-btn", ref: d, children: [
+    /* @__PURE__ */ e(
+      "button",
+      {
+        type: "button",
+        className: "ss-avatar",
+        onClick: () => l(!i),
+        "aria-label": "User menu",
+        children: t
+      }
+    ),
+    i && /* @__PURE__ */ u("div", { className: "ss-dropdown", children: [
+      /* @__PURE__ */ e("div", { className: "ss-dropdown-header", children: /* @__PURE__ */ e("div", { className: "ss-dropdown-email", children: r.email }) }),
+      /* @__PURE__ */ e(
+        "button",
+        {
+          type: "button",
+          className: "ss-dropdown-item ss-dropdown-item-danger",
+          onClick: async () => {
+            l(!1), await c();
+          },
+          children: "Sign out"
+        }
+      )
+    ] })
+  ] }) });
+}
+function zs({ appearance: s }) {
+  const { appearance: n } = $(), { user: r, signOut: c } = W(), a = s ?? n;
+  return r ? /* @__PURE__ */ e(E, { appearance: a, children: /* @__PURE__ */ u("div", { className: "ss-card", children: [
+    /* @__PURE__ */ e("h2", { className: "ss-title", children: "Profile" }),
+    /* @__PURE__ */ u("div", { className: "ss-field", children: [
+      /* @__PURE__ */ e("label", { className: "ss-label", children: "Email" }),
+      /* @__PURE__ */ e("input", { className: "ss-input", type: "email", value: r.email, disabled: !0, readOnly: !0 })
+    ] }),
+    /* @__PURE__ */ u("div", { className: "ss-field", children: [
+      /* @__PURE__ */ e("label", { className: "ss-label", children: "Provider" }),
+      /* @__PURE__ */ e(
+        "input",
+        {
+          className: "ss-input",
+          type: "text",
+          value: r.provider,
+          disabled: !0,
+          readOnly: !0
+        }
+      )
+    ] }),
+    /* @__PURE__ */ u("div", { className: "ss-field", children: [
+      /* @__PURE__ */ e("label", { className: "ss-label", children: "Email verified" }),
+      /* @__PURE__ */ e(
+        "input",
+        {
+          className: "ss-input",
+          type: "text",
+          value: r.emailVerified ? "Yes" : "No",
+          disabled: !0,
+          readOnly: !0
+        }
+      )
+    ] }),
+    /* @__PURE__ */ e("div", { style: { marginTop: "24px" }, children: /* @__PURE__ */ e(
+      "button",
+      {
+        type: "button",
+        className: "ss-btn ss-btn-primary",
+        onClick: () => c(),
+        style: { background: "#ef4444" },
+        children: "Sign out"
+      }
+    ) })
+  ] }) }) : null;
+}
+function Ds({ appearance: s, onOrgChange: n }) {
+  const { appearance: r } = $(), { orgs: c, selectedOrg: a, selectOrg: i, isLoading: l } = as(), d = s ?? r, [o, t] = m(!1), g = U(null), p = S((f) => {
+    g.current && !g.current.contains(f.target) && t(!1);
+  }, []);
+  if (C(() => {
+    if (o) {
+      const f = setTimeout(() => {
+        document.addEventListener("click", p);
+      }, 0);
+      return () => {
+        clearTimeout(f), document.removeEventListener("click", p);
+      };
+    }
+  }, [o, p]), l || c.length === 0) return null;
+  const h = (a == null ? void 0 : a.name) ?? "Select organization";
+  return /* @__PURE__ */ e(E, { appearance: d, children: /* @__PURE__ */ u("div", { className: "ss-user-btn", ref: g, children: [
+    /* @__PURE__ */ u(
+      "button",
+      {
+        type: "button",
+        className: "ss-btn ss-btn-org-switcher",
+        onClick: () => t(!o),
+        children: [
+          h,
+          /* @__PURE__ */ e("span", { className: "ss-chevron", children: o ? "▲" : "▼" })
+        ]
+      }
+    ),
+    o && /* @__PURE__ */ e("div", { className: "ss-dropdown ss-dropdown-org", children: c.map((f) => /* @__PURE__ */ e(
+      "button",
+      {
+        type: "button",
+        className: `ss-dropdown-item ${(a == null ? void 0 : a.id) === f.id ? "ss-dropdown-item-active" : ""}`,
+        onClick: async () => {
+          t(!1), await i(f.id), n == null || n(f);
+        },
+        children: f.name
+      },
+      f.id
+    )) })
+  ] }) });
+}
+function os(s, n = "USD") {
+  return new Intl.NumberFormat("en-US", {
+    style: "currency",
+    currency: n,
+    minimumFractionDigits: s % 100 === 0 ? 0 : 2
+  }).format(s / 100);
+}
+function qs({ plans: s, currentPlanId: n, onSelectPlan: r, interval: c, appearance: a }) {
+  const { appearance: i } = $(), l = a ?? i, d = c ? s.filter((o) => o.interval === c || o.isFree) : s;
+  return /* @__PURE__ */ e(E, { appearance: l, children: /* @__PURE__ */ e("div", { className: "ss-pricing-grid", children: d.map((o) => {
+    const t = o.id === n;
+    return /* @__PURE__ */ u("div", { className: `ss-pricing-card ${t ? "ss-pricing-card-current" : ""}`, children: [
+      /* @__PURE__ */ u("div", { className: "ss-pricing-header", children: [
+        /* @__PURE__ */ e("h3", { className: "ss-pricing-name", children: o.name }),
+        o.trialDays > 0 && /* @__PURE__ */ u("span", { className: "ss-badge ss-badge-trialing", children: [
+          o.trialDays,
+          "-day trial"
+        ] }),
+        o.isFree && /* @__PURE__ */ e("span", { className: "ss-badge ss-badge-active", children: "Free" })
+      ] }),
+      /* @__PURE__ */ e("div", { className: "ss-pricing-price", children: o.isFree ? /* @__PURE__ */ e("span", { className: "ss-pricing-amount", children: "Free" }) : /* @__PURE__ */ u(D, { children: [
+        /* @__PURE__ */ e("span", { className: "ss-pricing-amount", children: os(o.amountCents, o.currency) }),
+        /* @__PURE__ */ u("span", { className: "ss-pricing-interval", children: [
+          "/",
+          o.interval
+        ] })
+      ] }) }),
+      o.description && /* @__PURE__ */ e("p", { className: "ss-pricing-desc", children: o.description }),
+      o.features.length > 0 && /* @__PURE__ */ e("ul", { className: "ss-pricing-features", children: o.features.map((g, p) => /* @__PURE__ */ u("li", { className: "ss-pricing-feature", children: [
+        /* @__PURE__ */ e("span", { className: "ss-check", children: "✓" }),
+        " ",
+        g
+      ] }, p)) }),
+      /* @__PURE__ */ e(
+        "button",
+        {
+          type: "button",
+          className: `ss-btn ${t ? "ss-btn-current" : "ss-btn-primary"}`,
+          disabled: t,
+          onClick: () => r(o.id),
+          children: t ? "Current plan" : "Select plan"
+        }
+      )
+    ] }, o.id);
+  }) }) });
+}
+function As() {
+  const { client: s } = $();
+  return { billing: s.billing };
+}
+function A(s) {
+  const { client: n } = $();
+  return B(() => {
+    if (s) {
+      const r = new q("https://api.saas-support.com/v1", { type: "portalToken", token: s });
+      return new X(r);
+    }
+    return n.billing;
+  }, [n, s]);
+}
+function ts(s, n) {
+  const r = A(n), [c, a] = m(null), [i, l] = m(!0), [d, o] = m(null), t = S(async () => {
+    l(!0), o(null);
+    try {
+      const g = await r.getCustomer(s);
+      a(g);
+    } catch (g) {
+      o(g instanceof Error ? g.message : "Failed to load subscription");
+    } finally {
+      l(!1);
+    }
+  }, [r, s]);
+  return C(() => {
+    t();
+  }, [t]), { customer: c, isLoading: i, error: d, refresh: t };
+}
+function cs(s, n) {
+  const r = A(n), [c, a] = m([]), [i, l] = m(!0), [d, o] = m(null), t = S(async () => {
+    l(!0), o(null);
+    try {
+      const g = await r.getInvoices(s);
+      a(g);
+    } catch (g) {
+      o(g instanceof Error ? g.message : "Failed to load invoices");
+    } finally {
+      l(!1);
+    }
+  }, [r, s]);
+  return C(() => {
+    t();
+  }, [t]), { invoices: c, isLoading: i, error: d, refresh: t };
+}
+function ls(s, n) {
+  const r = A(n), [c, a] = m([]), [i, l] = m(!0), [d, o] = m(null), t = S(async () => {
+    l(!0), o(null);
+    try {
+      const g = await r.getCurrentUsage(s);
+      a(g);
+    } catch (g) {
+      o(g instanceof Error ? g.message : "Failed to load usage");
+    } finally {
+      l(!1);
+    }
+  }, [r, s]);
+  return C(() => {
+    t();
+  }, [t]), { usage: c, isLoading: i, error: d, refresh: t };
+}
+const is = {
+  active: "ss-badge-active"
+};
+function ds({
+  customerId: s,
+  portalToken: n,
+  onChangePlan: r,
+  onCancel: c,
+  appearance: a
+}) {
+  const { appearance: i } = $(), { customer: l, isLoading: d, error: o } = ts(s, n);
+  return /* @__PURE__ */ e(E, { appearance: a ?? i, children: /* @__PURE__ */ u("div", { className: "ss-card", children: [
+    /* @__PURE__ */ e("h2", { className: "ss-title", children: "Subscription" }),
+    d && /* @__PURE__ */ u("div", { className: "ss-loading", children: [
+      /* @__PURE__ */ e("span", { className: "ss-spinner" }),
+      " Loading..."
+    ] }),
+    o && /* @__PURE__ */ e("div", { className: "ss-global-error", children: o }),
+    l && !d && /* @__PURE__ */ u(D, { children: [
+      /* @__PURE__ */ u("div", { className: "ss-field", children: [
+        /* @__PURE__ */ e("label", { className: "ss-label", children: "Customer" }),
+        /* @__PURE__ */ e("input", { className: "ss-input", value: l.name || l.email, disabled: !0, readOnly: !0 })
+      ] }),
+      /* @__PURE__ */ u("div", { className: "ss-field", children: [
+        /* @__PURE__ */ e("label", { className: "ss-label", children: "Status" }),
+        /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e("span", { className: `ss-badge ${is.active}`, children: "Active" }) })
+      ] }),
+      /* @__PURE__ */ u("div", { className: "ss-btn-group", children: [
+        r && /* @__PURE__ */ e("button", { type: "button", className: "ss-btn ss-btn-primary", onClick: r, children: "Change plan" }),
+        c && /* @__PURE__ */ e("button", { type: "button", className: "ss-btn ss-btn-danger", onClick: c, children: "Cancel subscription" })
+      ] })
+    ] })
+  ] }) });
+}
+const us = {
+  paid: "ss-badge-active",
+  open: "ss-badge-trialing",
+  draft: "ss-badge-paused",
+  void: "ss-badge-canceled",
+  uncollectible: "ss-badge-past-due"
+};
+function ps(s) {
+  return new Date(s).toLocaleDateString("en-US", { year: "numeric", month: "short", day: "numeric" });
+}
+function gs(s) {
+  return new Intl.NumberFormat("en-US", { style: "currency", currency: "USD", minimumFractionDigits: 2 }).format(s / 100);
+}
+function ms({ customerId: s, portalToken: n, appearance: r }) {
+  const { appearance: c } = $(), { invoices: a, isLoading: i, error: l } = cs(s, n), d = r ?? c, o = [...a].sort((t, g) => new Date(g.createdAt).getTime() - new Date(t.createdAt).getTime());
+  return /* @__PURE__ */ e(E, { appearance: d, children: /* @__PURE__ */ u("div", { className: "ss-card ss-card-wide", children: [
+    /* @__PURE__ */ e("h2", { className: "ss-title", children: "Invoices" }),
+    i && /* @__PURE__ */ u("div", { className: "ss-loading", children: [
+      /* @__PURE__ */ e("span", { className: "ss-spinner" }),
+      " Loading..."
+    ] }),
+    l && /* @__PURE__ */ e("div", { className: "ss-global-error", children: l }),
+    !i && o.length === 0 && /* @__PURE__ */ e("p", { className: "ss-empty", children: "No invoices yet." }),
+    !i && o.length > 0 && /* @__PURE__ */ u("table", { className: "ss-table", children: [
+      /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ u("tr", { children: [
+        /* @__PURE__ */ e("th", { className: "ss-th", children: "Date" }),
+        /* @__PURE__ */ e("th", { className: "ss-th", children: "Amount" }),
+        /* @__PURE__ */ e("th", { className: "ss-th", children: "Status" }),
+        /* @__PURE__ */ e("th", { className: "ss-th", children: "PDF" })
+      ] }) }),
+      /* @__PURE__ */ e("tbody", { children: o.map((t) => /* @__PURE__ */ u("tr", { className: "ss-tr", children: [
+        /* @__PURE__ */ e("td", { className: "ss-td", children: ps(t.createdAt) }),
+        /* @__PURE__ */ e("td", { className: "ss-td", children: gs(t.amountCents) }),
+        /* @__PURE__ */ e("td", { className: "ss-td", children: /* @__PURE__ */ e("span", { className: `ss-badge ${us[t.status] || ""}`, children: t.status }) }),
+        /* @__PURE__ */ e("td", { className: "ss-td", children: t.pdfUrl ? /* @__PURE__ */ e("a", { className: "ss-link", href: t.pdfUrl, target: "_blank", rel: "noopener noreferrer", children: "Download" }) : "—" })
+      ] }, t.id)) })
+    ] })
+  ] }) });
+}
+function bs({ customerId: s, limits: n, portalToken: r, appearance: c }) {
+  const { appearance: a } = $(), { usage: i, isLoading: l, error: d } = ls(s, r);
+  return /* @__PURE__ */ e(E, { appearance: c ?? a, children: /* @__PURE__ */ u("div", { className: "ss-card", children: [
+    /* @__PURE__ */ e("h2", { className: "ss-title", children: "Usage" }),
+    l && /* @__PURE__ */ u("div", { className: "ss-loading", children: [
+      /* @__PURE__ */ e("span", { className: "ss-spinner" }),
+      " Loading..."
+    ] }),
+    d && /* @__PURE__ */ e("div", { className: "ss-global-error", children: d }),
+    !l && i.length === 0 && /* @__PURE__ */ e("p", { className: "ss-empty", children: "No usage data." }),
+    !l && i.map((t) => {
+      const g = n == null ? void 0 : n[t.metric], p = g ? Math.min(100, t.total / g * 100) : null;
+      return /* @__PURE__ */ u("div", { className: "ss-usage-item", children: [
+        /* @__PURE__ */ u("div", { className: "ss-usage-header", children: [
+          /* @__PURE__ */ e("span", { className: "ss-usage-metric", children: t.metric }),
+          /* @__PURE__ */ u("span", { className: "ss-usage-value", children: [
+            t.total.toLocaleString(),
+            g ? ` / ${g.toLocaleString()}` : ""
+          ] })
+        ] }),
+        p !== null && /* @__PURE__ */ e("div", { className: "ss-progress-bar", children: /* @__PURE__ */ e(
+          "div",
+          {
+            className: `ss-progress-fill ${p > 90 ? "ss-progress-danger" : ""}`,
+            style: { width: `${p}%` }
+          }
+        ) })
+      ] }, t.metric);
+    })
+  ] }) });
+}
+function Fs({
+  customerId: s,
+  portalToken: n,
+  limits: r,
+  onChangePlan: c,
+  onCancel: a,
+  appearance: i
+}) {
+  const { appearance: l } = $(), d = i ?? l, [o, t] = m("subscription");
+  return /* @__PURE__ */ e(E, { appearance: d, children: /* @__PURE__ */ u("div", { className: "ss-card ss-card-wide", children: [
+    /* @__PURE__ */ e("h2", { className: "ss-title", children: "Billing" }),
+    /* @__PURE__ */ e("div", { className: "ss-tab-group", children: [
+      { id: "subscription", label: "Subscription" },
+      { id: "invoices", label: "Invoices" },
+      { id: "usage", label: "Usage" }
+    ].map((p) => /* @__PURE__ */ e(
+      "button",
+      {
+        type: "button",
+        className: `ss-tab ${o === p.id ? "ss-tab-active" : ""}`,
+        onClick: () => t(p.id),
+        children: p.label
+      },
+      p.id
+    )) }),
+    /* @__PURE__ */ u("div", { className: "ss-tab-content", children: [
+      o === "subscription" && /* @__PURE__ */ e(
+        ds,
+        {
+          customerId: s,
+          portalToken: n,
+          onChangePlan: c,
+          onCancel: a
+        }
+      ),
+      o === "invoices" && /* @__PURE__ */ e(ms, { customerId: s, portalToken: n }),
+      o === "usage" && /* @__PURE__ */ e(bs, { customerId: s, portalToken: n, limits: r })
+    ] })
+  ] }) });
+}
+function Ms({ customerId: s, portalToken: n, onApplied: r, appearance: c }) {
+  const { appearance: a } = $(), i = A(n), l = c ?? a, [d, o] = m(""), [t, g] = m(!1), [p, h] = m(null), [f, x] = m(null), b = S(async (N) => {
+    if (N.preventDefault(), !!d.trim()) {
+      g(!0), h(null), x(null);
+      try {
+        const y = await i.applyCoupon(s, d.trim());
+        x(`Coupon applied! ${y.discountType === "percent" ? `${y.amount}% off` : `$${(y.amount / 100).toFixed(2)} off`}`), o(""), r == null || r(y);
+      } catch (y) {
+        h(y instanceof Error ? y.message : "Invalid coupon code");
+      } finally {
+        g(!1);
+      }
+    }
+  }, [i, s, d, r]);
+  return /* @__PURE__ */ e(E, { appearance: l, children: /* @__PURE__ */ u("div", { className: "ss-card", children: [
+    /* @__PURE__ */ e("h2", { className: "ss-title", children: "Apply coupon" }),
+    p && /* @__PURE__ */ e("div", { className: "ss-global-error", children: p }),
+    f && /* @__PURE__ */ e("div", { className: "ss-success-msg", children: f }),
+    /* @__PURE__ */ u("form", { onSubmit: b, children: [
+      /* @__PURE__ */ u("div", { className: "ss-field", children: [
+        /* @__PURE__ */ e("label", { className: "ss-label", htmlFor: "ss-coupon-code", children: "Coupon code" }),
+        /* @__PURE__ */ e(
+          "input",
+          {
+            id: "ss-coupon-code",
+            className: "ss-input",
+            type: "text",
+            placeholder: "Enter coupon code",
+            value: d,
+            onChange: (N) => o(N.target.value),
+            required: !0
+          }
+        )
+      ] }),
+      /* @__PURE__ */ u("button", { type: "submit", className: "ss-btn ss-btn-primary", disabled: t || !d.trim(), children: [
+        t && /* @__PURE__ */ e("span", { className: "ss-spinner" }),
+        "Apply"
+      ] })
+    ] })
+  ] }) });
+}
+function Os() {
+  const { client: s } = $();
+  return { report: s.report };
+}
+function J() {
+  const { client: s } = $(), [n, r] = m(null), [c, a] = m(!1), [i, l] = m(null), d = S(async (o) => {
+    a(!0), l(null);
+    try {
+      const t = await s.report.executeQuery(o);
+      return r(t), t;
+    } catch (t) {
+      return l(t instanceof Error ? t.message : "Query failed"), null;
+    } finally {
+      a(!1);
+    }
+  }, [s]);
+  return { result: n, execute: d, isLoading: c, error: i };
+}
+function hs(s) {
+  const { client: n } = $(), [r, c] = m(null), [a, i] = m(!0), [l, d] = m(null), o = S(async () => {
+    i(!0), d(null);
+    try {
+      const t = await n.report.listQueries(s);
+      c(t);
+    } catch (t) {
+      d(t instanceof Error ? t.message : "Failed to load queries");
+    } finally {
+      i(!1);
+    }
+  }, [n, s]);
+  return C(() => {
+    o();
+  }, [o]), { queries: (r == null ? void 0 : r.data) ?? [], meta: r == null ? void 0 : r.meta, isLoading: a, error: l, refresh: o };
+}
+function Us(s) {
+  const { client: n } = $(), [r, c] = m(null), [a, i] = m(!0), [l, d] = m(null), o = S(async () => {
+    i(!0), d(null);
+    try {
+      const t = await n.report.getDashboard(s);
+      c(t);
+    } catch (t) {
+      d(t instanceof Error ? t.message : "Failed to load dashboard");
+    } finally {
+      i(!1);
+    }
+  }, [n, s]);
+  return C(() => {
+    o();
+  }, [o]), { dashboard: r, isLoading: a, error: l, refresh: o };
+}
+function Rs(s, n, r = "https://api.saas-support.com/v1") {
+  const c = B(() => {
+    const p = new q(r, { type: "embedToken", token: s });
+    return new R(p);
+  }, [s, r]), [a, i] = m(null), [l, d] = m(!0), [o, t] = m(null), g = S(async () => {
+    d(!0), t(null);
+    try {
+      const p = await c.getDashboard(n);
+      i(p);
+    } catch (p) {
+      t(p instanceof Error ? p.message : "Failed to load dashboard");
+    } finally {
+      d(!1);
+    }
+  }, [c, n]);
+  return C(() => {
+    g();
+  }, [g]), { dashboard: a, reportClient: c, isLoading: l, error: o, refresh: g };
+}
+function Hs({ onResult: s, mode: n = "both", placeholder: r, appearance: c }) {
+  const { appearance: a } = $(), { execute: i, isLoading: l, error: d } = J(), o = c ?? a, [t, g] = m(""), [p, h] = m(n === "sql" ? "sql" : "nl"), f = S(async (x) => {
+    if (x.preventDefault(), !t.trim()) return;
+    const N = await i(p === "sql" ? { sql: t } : { naturalLanguage: t });
+    N && (s == null || s(N));
+  }, [t, p, i, s]);
+  return /* @__PURE__ */ e(E, { appearance: o, children: /* @__PURE__ */ u("div", { className: "ss-card ss-card-wide", children: [
+    n === "both" && /* @__PURE__ */ u("div", { className: "ss-tab-group ss-tab-group-sm", children: [
+      /* @__PURE__ */ e(
+        "button",
+        {
+          type: "button",
+          className: `ss-tab ${p === "nl" ? "ss-tab-active" : ""}`,
+          onClick: () => h("nl"),
+          children: "Natural Language"
+        }
+      ),
+      /* @__PURE__ */ e(
+        "button",
+        {
+          type: "button",
+          className: `ss-tab ${p === "sql" ? "ss-tab-active" : ""}`,
+          onClick: () => h("sql"),
+          children: "SQL"
+        }
+      )
+    ] }),
+    d && /* @__PURE__ */ e("div", { className: "ss-global-error", children: d }),
+    /* @__PURE__ */ u("form", { onSubmit: f, children: [
+      /* @__PURE__ */ e("div", { className: "ss-field", children: /* @__PURE__ */ e(
+        "textarea",
+        {
+          className: "ss-input ss-query-textarea",
+          placeholder: r ?? (p === "sql" ? "SELECT ..." : "Ask a question about your data..."),
+          value: t,
+          onChange: (x) => g(x.target.value),
+          rows: 3
+        }
+      ) }),
+      /* @__PURE__ */ u("button", { type: "submit", className: "ss-btn ss-btn-primary", disabled: l || !t.trim(), children: [
+        l && /* @__PURE__ */ e("span", { className: "ss-spinner" }),
+        "Run query"
+      ] })
+    ] })
+  ] }) });
+}
+function fs({ columns: s, rows: n, sortable: r = !0, maxRows: c, appearance: a }) {
+  const { appearance: i } = $(), l = a ?? i, [d, o] = m(null), [t, g] = m("asc"), p = B(() => d ? [...n].sort((b, N) => {
+    const y = b[d], v = N[d];
+    if (y == null && v == null) return 0;
+    if (y == null) return 1;
+    if (v == null) return -1;
+    if (typeof y == "number" && typeof v == "number")
+      return t === "asc" ? y - v : v - y;
+    const w = String(y), k = String(v);
+    return t === "asc" ? w.localeCompare(k) : k.localeCompare(w);
+  }) : n, [n, d, t]), h = c ? p.slice(0, c) : p, f = (b) => {
+    r && (d === b ? g((N) => N === "asc" ? "desc" : "asc") : (o(b), g("asc")));
+  };
+  function x(b) {
+    return b == null ? "" : typeof b == "object" ? JSON.stringify(b) : String(b);
+  }
+  return /* @__PURE__ */ e(E, { appearance: l, children: /* @__PURE__ */ u("div", { className: "ss-table-container", children: [
+    /* @__PURE__ */ u("table", { className: "ss-table", children: [
+      /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ e("tr", { children: s.map((b) => /* @__PURE__ */ u(
+        "th",
+        {
+          className: `ss-th ${r ? "ss-th-sortable" : ""} ${d === b ? t === "asc" ? "ss-sorted-asc" : "ss-sorted-desc" : ""}`,
+          onClick: () => f(b),
+          children: [
+            b,
+            d === b && /* @__PURE__ */ e("span", { className: "ss-sort-indicator", children: t === "asc" ? " ▲" : " ▼" })
+          ]
+        },
+        b
+      )) }) }),
+      /* @__PURE__ */ e("tbody", { children: h.map((b, N) => /* @__PURE__ */ e("tr", { className: "ss-tr", children: s.map((y) => /* @__PURE__ */ e("td", { className: "ss-td", children: x(b[y]) }, y)) }, N)) })
+    ] }),
+    c && n.length > c && /* @__PURE__ */ u("div", { className: "ss-table-footer", children: [
+      "Showing ",
+      c,
+      " of ",
+      n.length,
+      " rows"
+    ] })
+  ] }) });
+}
+function ys(s, n = "#6366f1") {
+  const r = parseInt(n.replace("#", "").slice(0, 2), 16), c = [];
+  for (let a = 0; a < s; a++) {
+    const i = (r + a * Math.floor(360 / Math.max(s, 1))) % 360;
+    c.push(`hsl(${i}, 65%, 55%)`);
+  }
+  return c;
+}
+function xs({ labels: s, values: n, w: r, h: c, colors: a }) {
+  const i = Math.max(...n, 1), l = 40, d = r - l * 2, o = c - l * 2, t = Math.max(1, d / s.length - 4);
+  return /* @__PURE__ */ u("g", { children: [
+    /* @__PURE__ */ e("line", { x1: l, y1: c - l, x2: r - l, y2: c - l, stroke: "#ccc", strokeWidth: 1 }),
+    n.map((g, p) => {
+      const h = g / i * o, f = l + d / s.length * p + 2, x = c - l - h;
+      return /* @__PURE__ */ u("g", { children: [
+        /* @__PURE__ */ e("rect", { x: f, y: x, width: t, height: h, fill: a[p % a.length], rx: 2 }),
+        /* @__PURE__ */ e("text", { x: f + t / 2, y: c - l + 14, textAnchor: "middle", fontSize: 10, fill: "#666", children: s[p].length > 8 ? s[p].slice(0, 8) + "..." : s[p] })
+      ] }, p);
+    })
+  ] });
+}
+function Ns({ labels: s, values: n, w: r, h: c, colors: a }) {
+  const i = Math.max(...n, 1), l = 40, d = r - l * 2, o = c - l * 2, t = s.length > 1 ? d / (s.length - 1) : 0, g = n.map((p, h) => {
+    const f = l + t * h, x = c - l - p / i * o;
+    return `${f},${x}`;
+  });
+  return /* @__PURE__ */ u("g", { children: [
+    [0.25, 0.5, 0.75, 1].map((p) => {
+      const h = c - l - p * o;
+      return /* @__PURE__ */ e("line", { x1: l, y1: h, x2: r - l, y2: h, stroke: "#eee", strokeWidth: 1 }, p);
+    }),
+    /* @__PURE__ */ e("polyline", { points: g.join(" "), fill: "none", stroke: a[0], strokeWidth: 2 }),
+    n.map((p, h) => {
+      const f = l + t * h, x = c - l - p / i * o;
+      return /* @__PURE__ */ e("circle", { cx: f, cy: x, r: 4, fill: a[0] }, h);
+    })
+  ] });
+}
+function vs({ labels: s, values: n, w: r, h: c, colors: a }) {
+  const i = n.reduce((h, f) => h + f, 0) || 1, l = r / 2, d = c / 2 - 20, o = Math.min(r, c) / 2 - 40, t = 2 * Math.PI * o;
+  let g = 0;
+  const p = n.map((h, f) => {
+    const x = h / i, b = x * t, N = { dash: b, offset: g, color: a[f % a.length], label: s[f], pct: x };
+    return g += b, N;
+  });
+  return /* @__PURE__ */ u("g", { children: [
+    p.map((h, f) => /* @__PURE__ */ e(
+      "circle",
+      {
+        cx: l,
+        cy: d,
+        r: o,
+        fill: "none",
+        stroke: h.color,
+        strokeWidth: o * 0.6,
+        strokeDasharray: `${h.dash} ${t - h.dash}`,
+        strokeDashoffset: -h.offset,
+        transform: `rotate(-90 ${l} ${d})`
+      },
+      f
+    )),
+    /* @__PURE__ */ e("g", { transform: `translate(${l - s.length * 30}, ${c - 20})`, children: p.slice(0, 6).map((h, f) => /* @__PURE__ */ u("g", { transform: `translate(${f * 60}, 0)`, children: [
+      /* @__PURE__ */ e("rect", { width: 10, height: 10, fill: h.color, rx: 2 }),
+      /* @__PURE__ */ e("text", { x: 14, y: 9, fontSize: 9, fill: "#666", children: h.label.length > 6 ? h.label.slice(0, 6) + ".." : h.label })
+    ] }, f)) })
+  ] });
+}
+function ws({ type: s, data: n, title: r, width: c = 400, height: a = 300, appearance: i }) {
+  const { appearance: l } = $(), d = i ?? l, o = B(() => ys(n.labels.length), [n.labels.length]);
+  return /* @__PURE__ */ e(E, { appearance: d, children: /* @__PURE__ */ u("div", { className: "ss-chart-container", children: [
+    r && /* @__PURE__ */ e("h3", { className: "ss-chart-title", children: r }),
+    /* @__PURE__ */ u("svg", { viewBox: `0 0 ${c} ${a}`, width: "100%", style: { maxWidth: c }, children: [
+      s === "bar" && /* @__PURE__ */ e(xs, { labels: n.labels, values: n.values, w: c, h: a, colors: o }),
+      s === "line" && /* @__PURE__ */ e(Ns, { labels: n.labels, values: n.values, w: c, h: a, colors: o }),
+      s === "pie" && /* @__PURE__ */ e(vs, { labels: n.labels, values: n.values, w: c, h: a, colors: o })
+    ] })
+  ] }) });
+}
+function Ws({ dashboardId: s, embedToken: n, baseUrl: r, refreshInterval: c, appearance: a }) {
+  const i = $(), l = a ?? (i == null ? void 0 : i.appearance), d = B(() => {
+    if (n) {
+      const y = r ?? "https://api.saas-support.com/v1", v = new q(y, { type: "embedToken", token: n });
+      return new R(v);
+    }
+    return i.client.report;
+  }, [n, r, i]), [o, t] = m([]), [g, p] = m({}), [h, f] = m(!0), [x, b] = m(null), N = S(async () => {
+    f(!0), b(null);
+    try {
+      const y = await d.getDashboard(s), v = JSON.parse(y.layoutJson || "[]");
+      t(v);
+      const w = {};
+      for (const k of v)
+        try {
+          const T = await d.listQueries({ search: k.queryId, perPage: 1 });
+          if (T.data.length > 0 && T.data[0].generatedSql) {
+            const P = await d.executeQuery({ sql: T.data[0].generatedSql });
+            w[k.queryId] = P;
+          }
+        } catch {
+        }
+      p(w);
+    } catch (y) {
+      b(y instanceof Error ? y.message : "Failed to load dashboard");
+    } finally {
+      f(!1);
+    }
+  }, [d, s]);
+  return C(() => {
+    N();
+  }, [N]), C(() => {
+    if (!c || c <= 0) return;
+    const y = setInterval(N, c * 1e3);
+    return () => clearInterval(y);
+  }, [c, N]), /* @__PURE__ */ e(E, { appearance: l, children: /* @__PURE__ */ u("div", { className: "ss-dashboard-grid", children: [
+    h && /* @__PURE__ */ u("div", { className: "ss-loading", children: [
+      /* @__PURE__ */ e("span", { className: "ss-spinner" }),
+      " Loading dashboard..."
+    ] }),
+    x && /* @__PURE__ */ e("div", { className: "ss-global-error", children: x }),
+    !h && o.map((y, v) => {
+      const w = g[y.queryId];
+      if (!w) return null;
+      const k = w.columns.length >= 2 ? {
+        labels: w.rows.map((T) => String(T[w.columns[0]] ?? "")),
+        values: w.rows.map((T) => Number(T[w.columns[1]] ?? 0))
+      } : { labels: [], values: [] };
+      return /* @__PURE__ */ u("div", { className: "ss-widget", children: [
+        y.title && /* @__PURE__ */ e("h4", { className: "ss-widget-header", children: y.title }),
+        y.chartType === "table" ? /* @__PURE__ */ e(fs, { columns: w.columns, rows: w.rows, maxRows: 50 }) : /* @__PURE__ */ e(
+          ws,
+          {
+            type: y.chartType || "bar",
+            data: k,
+            width: y.w,
+            height: y.h
+          }
+        )
+      ] }, v);
+    })
+  ] }) });
+}
+function Ss(s) {
+  return new Date(s).toLocaleDateString("en-US", { year: "numeric", month: "short", day: "numeric" });
+}
+function _s({ onSelectQuery: s, onRunQuery: n, appearance: r }) {
+  const { appearance: c } = $(), { queries: a, isLoading: i, error: l } = hs(), { execute: d, isLoading: o } = J(), t = r ?? c, g = S(async (p) => {
+    if (!p.generatedSql) return;
+    const h = await d({ sql: p.generatedSql });
+    h && (n == null || n(h));
+  }, [d, n]);
+  return /* @__PURE__ */ e(E, { appearance: t, children: /* @__PURE__ */ u("div", { className: "ss-card ss-card-wide", children: [
+    /* @__PURE__ */ e("h2", { className: "ss-title", children: "Saved Queries" }),
+    i && /* @__PURE__ */ u("div", { className: "ss-loading", children: [
+      /* @__PURE__ */ e("span", { className: "ss-spinner" }),
+      " Loading..."
+    ] }),
+    l && /* @__PURE__ */ e("div", { className: "ss-global-error", children: l }),
+    !i && a.length === 0 && /* @__PURE__ */ e("p", { className: "ss-empty", children: "No saved queries." }),
+    !i && a.map((p) => /* @__PURE__ */ u(
+      "div",
+      {
+        className: "ss-saved-query-card",
+        onClick: () => s == null ? void 0 : s(p),
+        children: [
+          /* @__PURE__ */ u("div", { className: "ss-saved-query-header", children: [
+            /* @__PURE__ */ e("span", { className: "ss-saved-query-name", children: p.name }),
+            p.chartType && /* @__PURE__ */ e("span", { className: "ss-badge", children: p.chartType })
+          ] }),
+          p.naturalLanguage && /* @__PURE__ */ e("p", { className: "ss-saved-query-desc", children: p.naturalLanguage }),
+          /* @__PURE__ */ u("div", { className: "ss-saved-query-footer", children: [
+            /* @__PURE__ */ e("span", { className: "ss-saved-query-date", children: Ss(p.createdAt) }),
+            /* @__PURE__ */ e(
+              "button",
+              {
+                type: "button",
+                className: "ss-btn ss-btn-sm ss-btn-primary",
+                disabled: o || !p.generatedSql,
+                onClick: (h) => {
+                  h.stopPropagation(), g(p);
+                },
+                children: o ? /* @__PURE__ */ e("span", { className: "ss-spinner" }) : "Run"
+              }
+            )
+          ] })
+        ]
+      },
+      p.id
+    ))
+  ] }) });
+}
+function js({ embedToken: s, dashboardId: n, baseUrl: r = "https://api.saas-support.com/v1", refreshInterval: c, appearance: a }) {
+  const i = B(() => {
+    const b = new q(r, { type: "embedToken", token: s });
+    return new R(b);
+  }, [s, r]), [l, d] = m([]), [o, t] = m(!0), [g, p] = m(null), h = B(() => M(a), [a]), f = B(() => O(h), [h]), x = S(async () => {
+    t(!0), p(null);
+    try {
+      const b = await i.getDashboard(n), N = JSON.parse(b.layoutJson || "[]"), y = await Promise.all(
+        N.map(async (v) => {
+          try {
+            const w = await i.listQueries({ search: v.queryId, perPage: 1 });
+            if (w.data.length > 0 && w.data[0].generatedSql) {
+              const k = await i.executeQuery({ sql: w.data[0].generatedSql });
+              return { ...v, result: k };
+            }
+          } catch {
+          }
+          return v;
+        })
+      );
+      d(y);
+    } catch (b) {
+      p(b instanceof Error ? b.message : "Failed to load dashboard");
+    } finally {
+      t(!1);
+    }
+  }, [i, n]);
+  return C(() => {
+    x();
+  }, [x]), C(() => {
+    if (!c || c <= 0) return;
+    const b = setInterval(x, c * 1e3);
+    return () => clearInterval(b);
+  }, [c, x]), /* @__PURE__ */ e(
+    "div",
+    {
+      ref: (b) => {
+        if (!b || b.shadowRoot) return;
+        const N = b.attachShadow({ mode: "open" }), y = document.createElement("style");
+        y.textContent = f, N.appendChild(y);
+        const v = document.createElement("div");
+        N.appendChild(v);
+      },
+      style: { display: "contents" },
+      children: /* @__PURE__ */ u("div", { className: "ss-dashboard-grid", children: [
+        o && /* @__PURE__ */ e("div", { className: "ss-loading", children: "Loading dashboard..." }),
+        g && /* @__PURE__ */ e("div", { className: "ss-global-error", children: g }),
+        !o && l.map((b, N) => {
+          if (!b.result) return null;
+          const { columns: y, rows: v } = b.result;
+          return /* @__PURE__ */ u("div", { className: "ss-widget", children: [
+            b.title && /* @__PURE__ */ e("h4", { className: "ss-widget-header", children: b.title }),
+            /* @__PURE__ */ u("table", { className: "ss-table", children: [
+              /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ e("tr", { children: y.map((w) => /* @__PURE__ */ e("th", { className: "ss-th", children: w }, w)) }) }),
+              /* @__PURE__ */ e("tbody", { children: v.slice(0, 50).map((w, k) => /* @__PURE__ */ e("tr", { className: "ss-tr", children: y.map((T) => /* @__PURE__ */ e("td", { className: "ss-td", children: String(w[T] ?? "") }, T)) }, k)) })
+            ] })
+          ] }, N);
+        })
+      ] })
+    }
+  );
+}
+export {
+  ws as Chart,
+  Ms as CouponInput,
+  Ws as DashboardView,
+  fs as DataTable,
+  ms as InvoiceHistory,
+  Ds as OrgSwitcher,
+  Fs as PaymentPortal,
+  qs as PricingTable,
+  Hs as QueryInput,
+  js as ReportEmbed,
+  H as SaaSContext,
+  Qs as SaaSError,
+  Ts as SaaSProvider,
+  Y as SaaSSupport,
+  _s as SavedQueryList,
+  Ls as SignIn,
+  Bs as SignUp,
+  ds as SubscriptionStatus,
+  bs as UsageDisplay,
+  Ps as UserButton,
+  zs as UserProfile,
+  K as isMfaRequired,
+  W as useAuth,
+  As as useBilling,
+  Us as useDashboard,
+  Rs as useEmbedDashboard,
+  cs as useInvoices,
+  as as useOrg,
+  J as useQuery,
+  Os as useReport,
+  $ as useSaaSContext,
+  hs as useSavedQueries,
+  _ as useSignIn,
+  ns as useSignUp,
+  ts as useSubscription,
+  ls as useUsage,
+  Is as useUser
+};