@saas-support/react 0.6.0 → 0.7.0

package/dist/react.js

@@ -19,11 +19,11 @@ function Xa({ publishableKey: a, apiKey: s, baseUrl: t, appearance: o, children:
       const w = await u.auth.getUser(), y = await u.auth.getSettings();
       c(w), p(y), i(!0);
     });
-    const x = u.auth.onAuthStateChange((w) => {
+    const b = u.auth.onAuthStateChange((w) => {
       m || c(w);
     });
     return () => {
-      m = !0, x(), u.destroy();
+      m = !0, b(), u.destroy();
     };
   }, [u]), /* @__PURE__ */ e(ra.Provider, { value: { client: u, user: l, isLoaded: d, appearance: o, settings: f }, children: n });
 }
@@ -1024,7 +1024,7 @@ function aa(a) {
       border: 1px solid ${a.authOutlineVariant}26;
       box-shadow: 0 4px 24px rgba(0, 0, 0, 0.08);
       width: 100%;
-      max-width: 440px;
+      max-width: 520px;
       overflow: hidden;
     }
 
@@ -2197,8 +2197,13 @@ function q({ children: a, appearance: s }) {
     }
     const l = t.current.attachShadow({ mode: "open" });
     if ((s == null ? void 0 : s.fontUrl) !== null) {
-      const p = document.createElement("link");
-      p.rel = "stylesheet", p.href = (s == null ? void 0 : s.fontUrl) ?? "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Inter:wght@400;500;600&family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200&display=swap", l.appendChild(p);
+      const p = (s == null ? void 0 : s.fontUrl) ?? "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Inter:wght@400;500;600&family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200&display=swap";
+      if (!document.querySelector(`link[href="${p}"]`)) {
+        const b = document.createElement("link");
+        b.rel = "stylesheet", b.href = p, document.head.appendChild(b);
+      }
+      const m = document.createElement("link");
+      m.rel = "stylesheet", m.href = p, l.appendChild(m);
     }
     const c = X(s), d = document.createElement("style");
     d.textContent = aa(c), l.appendChild(d);
@@ -2222,7 +2227,8 @@ function ta() {
     isSignedIn: !!s,
     user: s,
     signOut: $(() => a.auth.signOut(), [a]),
-    getToken: $(() => a.auth.getToken(), [a])
+    getToken: $(() => a.auth.getToken(), [a]),
+    refreshUser: $(() => a.auth.refreshUser(), [a])
   };
 }
 function ae() {
@@ -2286,14 +2292,14 @@ function Ca() {
   ), isLoading: s, error: o, setError: n };
 }
 function na() {
-  const { client: a } = L(), [s, t] = g([]), [o, n] = g(null), [u, l] = g([]), [c, d] = g([]), [i, f] = g(!1), [p, m] = g(null), x = $(async () => {
+  const { client: a } = L(), [s, t] = g([]), [o, n] = g(null), [u, l] = g([]), [c, d] = g([]), [i, f] = g(!1), [p, m] = g(null), b = $(async () => {
     f(!0), m(null);
     try {
       const S = await a.auth.listOrgs();
       t(S);
-      const b = typeof window < "u" ? localStorage.getItem("ss_selected_org") : null;
-      if (b && S.some((v) => v.id === b) && !o) {
-        const v = S.find((O) => O.id === b);
+      const x = typeof window < "u" ? localStorage.getItem("ss_selected_org") : null;
+      if (x && S.some((v) => v.id === x) && !o) {
+        const v = S.find((O) => O.id === x);
         n(v);
         try {
           const O = await a.auth.listMembers(v.id);
@@ -2308,74 +2314,74 @@ function na() {
     }
   }, [a, o]);
   V(() => {
-    x();
-  }, [x]);
+    b();
+  }, [b]);
   const w = $(async (S) => {
     try {
-      const b = await a.auth.getOrg(S);
-      n(b), typeof window < "u" && localStorage.setItem("ss_selected_org", S);
+      const x = await a.auth.getOrg(S);
+      n(x), typeof window < "u" && localStorage.setItem("ss_selected_org", S);
       const v = await a.auth.listMembers(S);
       l(v);
-    } catch (b) {
-      m(b instanceof Error ? b.message : "Failed to load organization");
+    } catch (x) {
+      m(x instanceof Error ? x.message : "Failed to load organization");
     }
-  }, [a]), y = $(async (S, b) => {
+  }, [a]), y = $(async (S, x) => {
     try {
-      const v = await a.auth.createOrg(S, b);
+      const v = await a.auth.createOrg(S, x);
       return t((O) => [...O, v]), v;
     } catch (v) {
       return m(v instanceof Error ? v.message : "Failed to create organization"), null;
     }
-  }, [a]), C = $(async (S, b) => {
+  }, [a]), C = $(async (S, x) => {
     try {
-      const v = await a.auth.updateOrg(S, b);
+      const v = await a.auth.updateOrg(S, x);
       return t((O) => O.map((D) => D.id === S ? v : D)), (o == null ? void 0 : o.id) === S && n(v), v;
     } catch (v) {
       return m(v instanceof Error ? v.message : "Failed to update organization"), null;
     }
   }, [a, o]), h = $(async (S) => {
     try {
-      return await a.auth.deleteOrg(S), t((b) => b.filter((v) => v.id !== S)), (o == null ? void 0 : o.id) === S && (n(null), l([]), d([]), typeof window < "u" && localStorage.removeItem("ss_selected_org")), !0;
-    } catch (b) {
-      return m(b instanceof Error ? b.message : "Failed to delete organization"), !1;
+      return await a.auth.deleteOrg(S), t((x) => x.filter((v) => v.id !== S)), (o == null ? void 0 : o.id) === S && (n(null), l([]), d([]), typeof window < "u" && localStorage.removeItem("ss_selected_org")), !0;
+    } catch (x) {
+      return m(x instanceof Error ? x.message : "Failed to delete organization"), !1;
     }
-  }, [a, o]), N = $(async (S, b, v) => {
+  }, [a, o]), N = $(async (S, x, v) => {
     try {
-      return await a.auth.sendInvite(S, b, v);
+      return await a.auth.sendInvite(S, x, v);
     } catch (O) {
       return m(O instanceof Error ? O.message : "Failed to send invite"), null;
     }
   }, [a]), k = $(async (S) => {
     try {
-      const b = await a.auth.listInvites(S);
-      d(b);
-    } catch (b) {
-      m(b instanceof Error ? b.message : "Failed to load invites");
+      const x = await a.auth.listInvites(S);
+      d(x);
+    } catch (x) {
+      m(x instanceof Error ? x.message : "Failed to load invites");
     }
-  }, [a]), z = $(async (S, b) => {
+  }, [a]), z = $(async (S, x) => {
     try {
-      return await a.auth.revokeInvite(S, b), d((v) => v.filter((O) => O.id !== b)), !0;
+      return await a.auth.revokeInvite(S, x), d((v) => v.filter((O) => O.id !== x)), !0;
     } catch (v) {
       return m(v instanceof Error ? v.message : "Failed to revoke invite"), !1;
     }
-  }, [a]), E = $(async (S, b, v) => {
+  }, [a]), E = $(async (S, x, v) => {
     try {
-      return await a.auth.updateMemberRole(S, b, v), l((O) => O.map((D) => D.userId === b ? { ...D, role: v } : D)), !0;
+      return await a.auth.updateMemberRole(S, x, v), l((O) => O.map((D) => D.userId === x ? { ...D, role: v } : D)), !0;
     } catch (O) {
       return m(O instanceof Error ? O.message : "Failed to update member role"), !1;
     }
-  }, [a]), I = $(async (S, b) => {
+  }, [a]), I = $(async (S, x) => {
     try {
-      return await a.auth.removeMember(S, b), l((v) => v.filter((O) => O.userId !== b)), !0;
+      return await a.auth.removeMember(S, x), l((v) => v.filter((O) => O.userId !== x)), !0;
     } catch (v) {
       return m(v instanceof Error ? v.message : "Failed to remove member"), !1;
     }
   }, [a]), A = $(async (S) => {
     try {
-      const b = await a.auth.listMembers(S);
-      l(b);
-    } catch (b) {
-      m(b instanceof Error ? b.message : "Failed to load members");
+      const x = await a.auth.listMembers(S);
+      l(x);
+    } catch (x) {
+      m(x instanceof Error ? x.message : "Failed to load members");
     }
   }, [a]);
   return {
@@ -2386,7 +2392,7 @@ function na() {
     isLoading: i,
     error: p,
     setError: m,
-    refresh: x,
+    refresh: b,
     selectOrg: w,
     createOrg: y,
     updateOrg: C,
@@ -2431,8 +2437,8 @@ function oa() {
       o(!0), u(null), c(null);
       try {
         return await a.auth.changePassword(p, m), c("Password changed successfully"), !0;
-      } catch (x) {
-        return u(x instanceof Error ? x.message : "Failed to change password"), !1;
+      } catch (b) {
+        return u(b instanceof Error ? b.message : "Failed to change password"), !1;
       } finally {
         o(!1);
       }
@@ -2482,7 +2488,7 @@ const ia = '<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d=
   image: "image"
 };
 function ee({ appearance: a, signUpUrl: s, onSignUp: t }) {
-  const { appearance: o, settings: n } = L(), { signIn: u, signInWithOAuth: l, submitMfaCode: c, isLoading: d, error: i, setError: f } = sa(), p = a ?? o, [m, x] = g(""), [w, y] = g(""), [C, h] = g(!1), [N, k] = g(!1), [z, E] = g(""), [I, A] = g(["", "", "", "", "", ""]), S = W([]), b = $(
+  const { appearance: o, settings: n } = L(), { signIn: u, signInWithOAuth: l, submitMfaCode: c, isLoading: d, error: i, setError: f } = sa(), p = a ?? o, [m, b] = g(""), [w, y] = g(""), [C, h] = g(!1), [N, k] = g(!1), [z, E] = g(""), [I, A] = g(["", "", "", "", "", ""]), S = W([]), x = $(
     async (T) => {
       if (T.preventDefault(), N) {
         await c(z, I.join(""));
@@ -2550,7 +2556,7 @@ function ee({ appearance: a, signUpUrl: s, onSignUp: t }) {
       /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: P.errorOutline }),
       /* @__PURE__ */ e("span", { children: i })
     ] }),
-    /* @__PURE__ */ r("form", { onSubmit: b, children: [
+    /* @__PURE__ */ r("form", { onSubmit: x, children: [
       N ? /* @__PURE__ */ r(G, { children: [
         /* @__PURE__ */ e("div", { className: "ss-auth-mfa-divider", children: /* @__PURE__ */ e("span", { children: "Verification Required" }) }),
         /* @__PURE__ */ r("div", { className: "ss-auth-field", children: [
@@ -2586,7 +2592,7 @@ function ee({ appearance: a, signUpUrl: s, onSignUp: t }) {
               autoComplete: "email",
               placeholder: "name@company.com",
               value: m,
-              onChange: (T) => x(T.target.value),
+              onChange: (T) => b(T.target.value),
               required: !0
             }
           )
@@ -2645,27 +2651,27 @@ function ee({ appearance: a, signUpUrl: s, onSignUp: t }) {
   ] }) }) });
 }
 function te({ appearance: a, signInUrl: s, onSignIn: t }) {
-  const { appearance: o, settings: n } = L(), { signUp: u, isLoading: l, error: c, setError: d } = Ca(), { signInWithOAuth: i } = sa(), f = a ?? o, [p, m] = g(""), [x, w] = g(""), [y, C] = g(""), [h, N] = g(!1), [k, z] = g(null), E = $(
-    async (b) => {
-      if (b.preventDefault(), z(null), x !== y) {
+  const { appearance: o, settings: n } = L(), { signUp: u, isLoading: l, error: c, setError: d } = Ca(), { signInWithOAuth: i } = sa(), f = a ?? o, [p, m] = g(""), [b, w] = g(""), [y, C] = g(""), [h, N] = g(!1), [k, z] = g(null), E = $(
+    async (x) => {
+      if (x.preventDefault(), z(null), b !== y) {
         z("Passwords do not match");
         return;
       }
       const v = (n == null ? void 0 : n.passwordMinLength) ?? 8;
-      if (x.length < v) {
+      if (b.length < v) {
         z(`Password must be at least ${v} characters`);
         return;
       }
-      await u(p, x);
+      await u(p, b);
     },
-    [p, x, y, n, u]
+    [p, b, y, n, u]
   ), I = $(
-    async (b) => {
-      await i(b);
+    async (x) => {
+      await i(x);
     },
     [i]
   ), A = (n == null ? void 0 : n.googleEnabled) || (n == null ? void 0 : n.githubEnabled), S = k || c;
-  return /* @__PURE__ */ e(q, { appearance: f, children: /* @__PURE__ */ r("div", { style: { display: "flex", flexDirection: "column", alignItems: "center", width: "100%", maxWidth: "440px" }, children: [
+  return /* @__PURE__ */ e(q, { appearance: f, children: /* @__PURE__ */ r("div", { style: { display: "flex", flexDirection: "column", alignItems: "center", width: "100%", maxWidth: "520px" }, children: [
     /* @__PURE__ */ r("div", { className: "ss-auth-header", children: [
       /* @__PURE__ */ e("div", { className: "ss-auth-brand-icon-gradient", children: /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: P.autoAwesome }) }),
       /* @__PURE__ */ e("h1", { className: "ss-auth-title ss-auth-title-lg", children: "Create your account" }),
@@ -2719,7 +2725,7 @@ function te({ appearance: a, signInUrl: s, onSignIn: t }) {
               autoComplete: "email",
               placeholder: "name@company.com",
               value: p,
-              onChange: (b) => m(b.target.value),
+              onChange: (x) => m(x.target.value),
               required: !0
             }
           )
@@ -2735,9 +2741,9 @@ function te({ appearance: a, signInUrl: s, onSignIn: t }) {
                 type: h ? "text" : "password",
                 autoComplete: "new-password",
                 placeholder: "••••••••",
-                value: x,
-                onChange: (b) => {
-                  w(b.target.value), z(null);
+                value: b,
+                onChange: (x) => {
+                  w(x.target.value), z(null);
                 },
                 required: !0
               }
@@ -2764,8 +2770,8 @@ function te({ appearance: a, signInUrl: s, onSignIn: t }) {
               autoComplete: "new-password",
               placeholder: "••••••••",
               value: y,
-              onChange: (b) => {
-                C(b.target.value), z(null);
+              onChange: (x) => {
+                C(x.target.value), z(null);
               },
               required: !0
             }
@@ -2787,11 +2793,11 @@ function te({ appearance: a, signInUrl: s, onSignIn: t }) {
 }
 const B = 320, j = 128;
 function Pa({ file: a, onCrop: s, onCancel: t }) {
-  const o = W(null), n = W(null), [u, l] = g(1), [c, d] = g({ x: 0, y: 0 }), [i, f] = g(!1), p = W({ x: 0, y: 0, ox: 0, oy: 0 }), [m, x] = g(!1);
+  const o = W(null), n = W(null), [u, l] = g(1), [c, d] = g({ x: 0, y: 0 }), [i, f] = g(!1), p = W({ x: 0, y: 0, ox: 0, oy: 0 }), [m, b] = g(!1);
   V(() => {
     const h = new Image(), N = URL.createObjectURL(a);
     return h.onload = () => {
-      n.current = h, x(!0), d({ x: 0, y: 0 }), l(1);
+      n.current = h, b(!0), d({ x: 0, y: 0 }), l(1);
     }, h.src = N, () => URL.revokeObjectURL(N);
   }, [a]), V(() => {
     if (!m || !n.current || !o.current) return;
@@ -2822,8 +2828,8 @@ function Pa({ file: a, onCrop: s, onCancel: t }) {
     h.width = N, h.height = N;
     const k = h.getContext("2d");
     if (!k) return;
-    const z = n.current, E = Math.max(B / z.width, B / z.height) * u, I = z.width * E, A = z.height * E, S = (B - I) / 2 + c.x - (B / 2 - j), b = (B - A) / 2 + c.y - (B / 2 - j);
-    k.beginPath(), k.arc(j, j, j, 0, Math.PI * 2), k.clip(), k.drawImage(z, S, b, I, A), h.toBlob((v) => {
+    const z = n.current, E = Math.max(B / z.width, B / z.height) * u, I = z.width * E, A = z.height * E, S = (B - I) / 2 + c.x - (B / 2 - j), x = (B - A) / 2 + c.y - (B / 2 - j);
+    k.beginPath(), k.arc(j, j, j, 0, Math.PI * 2), k.clip(), k.drawImage(z, S, x, I, A), h.toBlob((v) => {
       v && s(v);
     }, "image/png");
   }, [u, c, s]), /* @__PURE__ */ r("div", { style: { display: "flex", flexDirection: "column", alignItems: "center", gap: "24px" }, children: [
@@ -2861,31 +2867,31 @@ function Pa({ file: a, onCrop: s, onCancel: t }) {
   ] });
 }
 function ca({ onUpload: a, onClose: s, isLoading: t }) {
-  const [o, n] = g(null), [u, l] = g(!1), [c, d] = g(null), i = W(null), f = $((x) => {
-    if (!x.type.startsWith("image/")) {
+  const [o, n] = g(null), [u, l] = g(!1), [c, d] = g(null), i = W(null), f = $((b) => {
+    if (!b.type.startsWith("image/")) {
       d("Please select an image file");
       return;
     }
-    if (x.size > 5 * 1024 * 1024) {
+    if (b.size > 5 * 1024 * 1024) {
       d("Image must be smaller than 5 MB");
       return;
     }
-    d(null), n(x);
+    d(null), n(b);
   }, []), p = $(
-    (x) => {
-      x.preventDefault(), l(!1);
-      const w = x.dataTransfer.files[0];
+    (b) => {
+      b.preventDefault(), l(!1);
+      const w = b.dataTransfer.files[0];
       w && f(w);
     },
     [f]
   ), m = $(
-    async (x) => {
-      await a(x);
+    async (b) => {
+      await a(b);
     },
     [a]
   );
-  return /* @__PURE__ */ e("div", { className: "ss-auth-modal-overlay", onClick: (x) => {
-    x.target === x.currentTarget && s();
+  return /* @__PURE__ */ e("div", { className: "ss-auth-modal-overlay", onClick: (b) => {
+    b.target === b.currentTarget && s();
   }, children: /* @__PURE__ */ r("div", { className: "ss-auth-modal ss-auth-card-wide", children: [
     /* @__PURE__ */ r("div", { className: "ss-auth-modal-header", children: [
       /* @__PURE__ */ e("h2", { children: "Upload avatar" }),
@@ -2921,14 +2927,14 @@ function ca({ onUpload: a, onClose: s, isLoading: t }) {
             "div",
             {
               className: `ss-auth-dropzone${u ? " ss-auth-dropzone-active" : ""}`,
-              onDragOver: (x) => {
-                x.preventDefault(), l(!0);
+              onDragOver: (b) => {
+                b.preventDefault(), l(!0);
               },
               onDragLeave: () => l(!1),
               onDrop: p,
               onClick: () => {
-                var x;
-                return (x = i.current) == null ? void 0 : x.click();
+                var b;
+                return (b = i.current) == null ? void 0 : b.click();
               },
               style: { minHeight: "180px" },
               children: [
@@ -2947,9 +2953,9 @@ function ca({ onUpload: a, onClose: s, isLoading: t }) {
                     type: "file",
                     accept: "image/*",
                     style: { display: "none" },
-                    onChange: (x) => {
+                    onChange: (b) => {
                       var w;
-                      (w = x.target.files) != null && w[0] && f(x.target.files[0]);
+                      (w = b.target.files) != null && w[0] && f(b.target.files[0]);
                     }
                   }
                 )
@@ -2992,19 +2998,19 @@ function re({
   onOrgChange: n,
   onOrgSettingsClick: u
 }) {
-  const { appearance: l } = L(), { user: c, signOut: d } = ta(), i = a ?? l, [f, p] = g(!1), [m, x] = g(!1), [w, y] = g(""), [C, h] = g(null), [N, k] = g(!1), z = W(null), { orgs: E, selectedOrg: I, selectOrg: A, createOrg: S } = na(), b = $((O) => {
+  const { appearance: l } = L(), { user: c, signOut: d } = ta(), i = a ?? l, [f, p] = g(!1), [m, b] = g(!1), [w, y] = g(""), [C, h] = g(null), [N, k] = g(!1), z = W(null), { orgs: E, selectedOrg: I, selectOrg: A, createOrg: S } = na(), x = $((O) => {
     z.current && !O.composedPath().includes(z.current) && p(!1);
   }, []);
   V(() => {
     if (f) {
       const O = setTimeout(() => {
-        document.addEventListener("click", b);
+        document.addEventListener("click", x);
       }, 0);
       return () => {
-        clearTimeout(O), document.removeEventListener("click", b);
+        clearTimeout(O), document.removeEventListener("click", x);
       };
     }
-  }, [f, b]);
+  }, [f, x]);
   const v = $(
     async (O) => {
       O.preventDefault(), h(null), k(!0);
@@ -3061,7 +3067,7 @@ function re({
           type: "button",
           className: "ss-auth-dropdown-action",
           onClick: () => {
-            p(!1), x(!0);
+            p(!1), b(!0);
           },
           children: [
             /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: P.person }),
@@ -3152,14 +3158,14 @@ function re({
     m && /* @__PURE__ */ e(
       Oa,
       {
-        onClose: () => x(!1),
+        onClose: () => b(!1),
         afterDeleteAccountUrl: t
       }
     )
   ] }) }) : null;
 }
 function Oa({ onClose: a, afterDeleteAccountUrl: s }) {
-  const { user: t, updateProfile: o, uploadAvatar: n, changePassword: u, isLoading: l, error: c, success: d, setError: i, setSuccess: f } = oa(), { signOut: p } = ta(), { deleteAccount: m, isLoading: x, error: w, setError: y } = za(), [C, h] = g((t == null ? void 0 : t.name) ?? ""), [N, k] = g((t == null ? void 0 : t.avatarUrl) ?? ""), [z, E] = g(!1), [I, A] = g(""), [S, b] = g(""), [v, O] = g(""), [D, H] = g(null), [T, M] = g(!1), [F, R] = g(""), Z = $(
+  const { user: t, updateProfile: o, uploadAvatar: n, changePassword: u, isLoading: l, error: c, success: d, setError: i, setSuccess: f } = oa(), { signOut: p } = ta(), { deleteAccount: m, isLoading: b, error: w, setError: y } = za(), [C, h] = g((t == null ? void 0 : t.name) ?? ""), [N, k] = g((t == null ? void 0 : t.avatarUrl) ?? ""), [z, E] = g(!1), [I, A] = g(""), [S, x] = g(""), [v, O] = g(""), [D, H] = g(null), [T, M] = g(!1), [F, R] = g(""), Z = $(
     async (U) => {
       U.preventDefault(), i(null), f(null), await o({ name: C, avatarUrl: N || void 0 });
     },
@@ -3180,7 +3186,7 @@ function Oa({ onClose: a, afterDeleteAccountUrl: s }) {
         H("Password must be at least 8 characters");
         return;
       }
-      await u(I, S) && (A(""), b(""), O(""));
+      await u(I, S) && (A(""), x(""), O(""));
     },
     [I, S, v, u, i, f]
   ), pa = $(async () => {
@@ -3279,7 +3285,7 @@ function Oa({ onClose: a, afterDeleteAccountUrl: s }) {
           /* @__PURE__ */ r("div", { className: "ss-auth-profile-grid", style: { marginBottom: "16px" }, children: [
             /* @__PURE__ */ r("div", { children: [
               /* @__PURE__ */ e("label", { className: "ss-auth-label", children: "New Password" }),
-              /* @__PURE__ */ e("input", { className: "ss-auth-input", type: "password", placeholder: "Min. 8 characters", value: S, onChange: (U) => b(U.target.value), required: !0 })
+              /* @__PURE__ */ e("input", { className: "ss-auth-input", type: "password", placeholder: "Min. 8 characters", value: S, onChange: (U) => x(U.target.value), required: !0 })
             ] }),
             /* @__PURE__ */ r("div", { children: [
               /* @__PURE__ */ e("label", { className: "ss-auth-label", children: "Confirm New Password" }),
@@ -3329,10 +3335,10 @@ function Oa({ onClose: a, afterDeleteAccountUrl: s }) {
                 type: "button",
                 className: "ss-auth-btn-primary ss-auth-btn-sm",
                 style: { width: "auto", background: "linear-gradient(135deg, #ef4444, #dc2626)" },
-                disabled: !ga || x,
+                disabled: !ga || b,
                 onClick: pa,
                 children: [
-                  x && /* @__PURE__ */ e("span", { className: "ss-auth-spinner" }),
+                  b && /* @__PURE__ */ e("span", { className: "ss-auth-spinner" }),
                   "Delete account"
                 ]
               }
@@ -3361,11 +3367,11 @@ function Oa({ onClose: a, afterDeleteAccountUrl: s }) {
   ] }) });
 }
 function se({ appearance: a }) {
-  const { appearance: s } = L(), { user: t, signOut: o } = ta(), { updateProfile: n, uploadAvatar: u, changePassword: l, isLoading: c, error: d, success: i, setError: f, setSuccess: p } = oa(), m = a ?? s, [x, w] = g((t == null ? void 0 : t.name) ?? ""), [y, C] = g((t == null ? void 0 : t.avatarUrl) ?? ""), [h, N] = g(!1), [k, z] = g(""), [E, I] = g(""), [A, S] = g(""), [b, v] = g(null), O = $(
+  const { appearance: s } = L(), { user: t, signOut: o } = ta(), { updateProfile: n, uploadAvatar: u, changePassword: l, isLoading: c, error: d, success: i, setError: f, setSuccess: p } = oa(), m = a ?? s, [b, w] = g((t == null ? void 0 : t.name) ?? ""), [y, C] = g((t == null ? void 0 : t.avatarUrl) ?? ""), [h, N] = g(!1), [k, z] = g(""), [E, I] = g(""), [A, S] = g(""), [x, v] = g(null), O = $(
     async (F) => {
-      F.preventDefault(), f(null), p(null), await n({ name: x, avatarUrl: y || void 0 });
+      F.preventDefault(), f(null), p(null), await n({ name: b, avatarUrl: y || void 0 });
     },
-    [x, y, n, f, p]
+    [b, y, n, f, p]
   ), D = $(
     async (F) => {
       const R = await u(F);
@@ -3435,7 +3441,7 @@ function se({ appearance: a }) {
               className: "ss-auth-input",
               type: "text",
               placeholder: "Your name",
-              value: x,
+              value: b,
               onChange: (F) => w(F.target.value)
             }
           )
@@ -3467,9 +3473,9 @@ function se({ appearance: a }) {
           "Security Credentials"
         ] }),
         /* @__PURE__ */ e("p", { className: "ss-auth-section-desc", style: { marginBottom: "24px" }, children: "Update your password to keep your account secure." }),
-        b && /* @__PURE__ */ r("div", { className: "ss-auth-error", children: [
+        x && /* @__PURE__ */ r("div", { className: "ss-auth-error", children: [
           /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: P.errorOutline }),
-          /* @__PURE__ */ e("span", { children: b })
+          /* @__PURE__ */ e("span", { children: x })
         ] }),
         /* @__PURE__ */ r("form", { onSubmit: H, children: [
           /* @__PURE__ */ r("div", { className: "ss-auth-field", children: [
@@ -3554,26 +3560,26 @@ function se({ appearance: a }) {
   ] }) });
 }
 function ne({ appearance: a, onOrgChange: s }) {
-  const { appearance: t } = L(), { orgs: o, selectedOrg: n, selectOrg: u, createOrg: l, isLoading: c } = na(), d = a ?? t, [i, f] = g(!1), [p, m] = g(""), [x, w] = g(""), [y, C] = g(null), [h, N] = g(!1), k = W(null), z = $((b) => {
-    k.current && !b.composedPath().includes(k.current) && f(!1);
+  const { appearance: t } = L(), { orgs: o, selectedOrg: n, selectOrg: u, createOrg: l, isLoading: c } = na(), d = a ?? t, [i, f] = g(!1), [p, m] = g(""), [b, w] = g(""), [y, C] = g(null), [h, N] = g(!1), k = W(null), z = $((x) => {
+    k.current && !x.composedPath().includes(k.current) && f(!1);
   }, []);
   V(() => {
     if (i) {
-      const b = setTimeout(() => {
+      const x = setTimeout(() => {
         document.addEventListener("click", z);
       }, 0);
       return () => {
-        clearTimeout(b), document.removeEventListener("click", z);
+        clearTimeout(x), document.removeEventListener("click", z);
       };
     }
   }, [i, z]);
-  const E = $((b) => {
-    m(b), w(b.toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-|-$/g, ""));
+  const E = $((x) => {
+    m(x), w(x.toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-|-$/g, ""));
   }, []), I = $(
-    async (b) => {
-      b.preventDefault(), C(null), N(!0);
+    async (x) => {
+      x.preventDefault(), C(null), N(!0);
       try {
-        const v = await l(p, x);
+        const v = await l(p, b);
         v && (await u(v.id), s == null || s(v), m(""), w(""), f(!1));
       } catch (v) {
         C(v instanceof Error ? v.message : "Failed to create organization");
@@ -3581,10 +3587,10 @@ function ne({ appearance: a, onOrgChange: s }) {
         N(!1);
       }
     },
-    [p, x, l, u, s]
+    [p, b, l, u, s]
   );
   if (c) return null;
-  const A = (n == null ? void 0 : n.name) ?? (o.length === 0 ? "No organization" : "Select organization"), S = n ? n.name.split(" ").map((b) => b[0]).join("").slice(0, 2).toUpperCase() : "--";
+  const A = (n == null ? void 0 : n.name) ?? (o.length === 0 ? "No organization" : "Select organization"), S = n ? n.name.split(" ").map((x) => x[0]).join("").slice(0, 2).toUpperCase() : "--";
   return /* @__PURE__ */ e(q, { appearance: d, children: /* @__PURE__ */ r("div", { style: { position: "relative", display: "inline-block", width: "100%", maxWidth: "360px" }, ref: k, children: [
     /* @__PURE__ */ r(
       "button",
@@ -3606,25 +3612,25 @@ function ne({ appearance: a, onOrgChange: s }) {
     ),
     i && /* @__PURE__ */ r("div", { className: "ss-auth-dropdown ss-auth-dropdown-left ss-auth-glass-panel", style: { width: "100%" }, children: [
       /* @__PURE__ */ e("div", { className: "ss-auth-section-label", children: "Your Organizations" }),
-      /* @__PURE__ */ e("div", { style: { padding: "0 8px 4px" }, children: o.map((b) => {
-        const v = (n == null ? void 0 : n.id) === b.id, O = b.name.split(" ").map((D) => D[0]).join("").slice(0, 2).toUpperCase();
+      /* @__PURE__ */ e("div", { style: { padding: "0 8px 4px" }, children: o.map((x) => {
+        const v = (n == null ? void 0 : n.id) === x.id, O = x.name.split(" ").map((D) => D[0]).join("").slice(0, 2).toUpperCase();
         return /* @__PURE__ */ r(
           "button",
           {
             type: "button",
             className: `ss-auth-org-item${v ? " ss-auth-org-item-active" : ""}`,
             onClick: async () => {
-              f(!1), await u(b.id), s == null || s(b);
+              f(!1), await u(x.id), s == null || s(x);
             },
             children: [
               /* @__PURE__ */ r("div", { className: "ss-auth-org-item-inner", children: [
                 /* @__PURE__ */ e("div", { className: `ss-auth-org-avatar${v ? "" : " ss-auth-org-avatar-inactive"}`, children: O }),
-                /* @__PURE__ */ e("span", { style: { fontFamily: "'Manrope', sans-serif", letterSpacing: "-0.01em" }, children: b.name })
+                /* @__PURE__ */ e("span", { style: { fontFamily: "'Manrope', sans-serif", letterSpacing: "-0.01em" }, children: x.name })
               ] }),
               v && /* @__PURE__ */ e("span", { className: "material-symbols-outlined ss-auth-org-check", style: { fontSize: "18px" }, children: P.checkCircle })
             ]
           },
-          b.id
+          x.id
         );
       }) }),
       /* @__PURE__ */ r("div", { className: "ss-auth-org-create", children: [
@@ -3643,7 +3649,7 @@ function ne({ appearance: a, onOrgChange: s }) {
                 type: "text",
                 placeholder: "e.g. Nexus Dynamics",
                 value: p,
-                onChange: (b) => E(b.target.value),
+                onChange: (x) => E(x.target.value),
                 required: !0,
                 style: { fontSize: "13px", padding: "10px 12px" }
               }
@@ -3659,8 +3665,8 @@ function ne({ appearance: a, onOrgChange: s }) {
                   className: "ss-auth-input",
                   type: "text",
                   placeholder: "nexus-dynamics",
-                  value: x,
-                  onChange: (b) => w(b.target.value),
+                  value: b,
+                  onChange: (x) => w(x.target.value),
                   required: !0,
                   style: { fontSize: "13px", padding: "10px 12px 10px 22px" }
                 }
@@ -3938,7 +3944,7 @@ function le({
   ] }) });
 }
 function ce({ customerId: a, portalToken: s, onApplied: t, appearance: o }) {
-  const { appearance: n } = L(), u = Q(s), l = o ?? n, [c, d] = g(""), [i, f] = g(!1), [p, m] = g(null), [x, w] = g(null), y = $(async (C) => {
+  const { appearance: n } = L(), u = Q(s), l = o ?? n, [c, d] = g(""), [i, f] = g(!1), [p, m] = g(null), [b, w] = g(null), y = $(async (C) => {
     if (C.preventDefault(), !!c.trim()) {
       f(!0), m(null), w(null);
       try {
@@ -3954,7 +3960,7 @@ function ce({ customerId: a, portalToken: s, onApplied: t, appearance: o }) {
   return /* @__PURE__ */ e(q, { appearance: l, children: /* @__PURE__ */ r("div", { className: "ss-card", children: [
     /* @__PURE__ */ e("h2", { className: "ss-title", children: "Apply coupon" }),
     p && /* @__PURE__ */ e("div", { className: "ss-global-error", children: p }),
-    x && /* @__PURE__ */ e("div", { className: "ss-success-msg", children: x }),
+    b && /* @__PURE__ */ e("div", { className: "ss-success-msg", children: b }),
     /* @__PURE__ */ r("form", { onSubmit: y, children: [
       /* @__PURE__ */ r("div", { className: "ss-field", children: [
         /* @__PURE__ */ e("label", { className: "ss-label", htmlFor: "ss-coupon-code", children: "Coupon code" }),
@@ -4048,7 +4054,7 @@ function pe(a, s, t = "https://api.saas-support.com/v1") {
   }, [f]), { dashboard: n, reportClient: o, isLoading: l, error: d, refresh: f };
 }
 function he({ onResult: a, mode: s = "both", placeholder: t, appearance: o }) {
-  const { appearance: n } = L(), { execute: u, isLoading: l, error: c } = da(), d = o ?? n, [i, f] = g(""), [p, m] = g(s === "sql" ? "sql" : "nl"), x = $(async (w) => {
+  const { appearance: n } = L(), { execute: u, isLoading: l, error: c } = da(), d = o ?? n, [i, f] = g(""), [p, m] = g(s === "sql" ? "sql" : "nl"), b = $(async (w) => {
     if (w.preventDefault(), !i.trim()) return;
     const C = await u(p === "sql" ? { sql: i } : { naturalLanguage: i });
     C && (a == null || a(C));
@@ -4075,7 +4081,7 @@ function he({ onResult: a, mode: s = "both", placeholder: t, appearance: o }) {
       )
     ] }),
     c && /* @__PURE__ */ e("div", { className: "ss-global-error", children: c }),
-    /* @__PURE__ */ r("form", { onSubmit: x, children: [
+    /* @__PURE__ */ r("form", { onSubmit: b, children: [
       /* @__PURE__ */ e("div", { className: "ss-field", children: /* @__PURE__ */ e(
         "textarea",
         {
@@ -4103,7 +4109,7 @@ function qa({ columns: a, rows: s, sortable: t = !0, maxRows: o, appearance: n }
       return i === "asc" ? h - N : N - h;
     const k = String(h), z = String(N);
     return i === "asc" ? k.localeCompare(z) : z.localeCompare(k);
-  }) : s, [s, c, i]), m = o ? p.slice(0, o) : p, x = (y) => {
+  }) : s, [s, c, i]), m = o ? p.slice(0, o) : p, b = (y) => {
     t && (c === y ? f((C) => C === "asc" ? "desc" : "asc") : (d(y), f("asc")));
   };
   function w(y) {
@@ -4115,7 +4121,7 @@ function qa({ columns: a, rows: s, sortable: t = !0, maxRows: o, appearance: n }
         "th",
         {
           className: `ss-th ${t ? "ss-th-sortable" : ""} ${c === y ? i === "asc" ? "ss-sorted-asc" : "ss-sorted-desc" : ""}`,
-          onClick: () => x(y),
+          onClick: () => b(y),
           children: [
             y,
             c === y && /* @__PURE__ */ e("span", { className: "ss-sort-indicator", children: i === "asc" ? " ▲" : " ▼" })
@@ -4147,18 +4153,18 @@ function Ra({ labels: a, values: s, w: t, h: o, colors: n }) {
   return /* @__PURE__ */ r("g", { children: [
     /* @__PURE__ */ e("line", { x1: l, y1: o - l, x2: t - l, y2: o - l, stroke: "#ccc", strokeWidth: 1 }),
     s.map((f, p) => {
-      const m = f / u * d, x = l + c / a.length * p + 2, w = o - l - m;
+      const m = f / u * d, b = l + c / a.length * p + 2, w = o - l - m;
       return /* @__PURE__ */ r("g", { children: [
-        /* @__PURE__ */ e("rect", { x, y: w, width: i, height: m, fill: n[p % n.length], rx: 2 }),
-        /* @__PURE__ */ e("text", { x: x + i / 2, y: o - l + 14, textAnchor: "middle", fontSize: 10, fill: "#666", children: a[p].length > 8 ? a[p].slice(0, 8) + "..." : a[p] })
+        /* @__PURE__ */ e("rect", { x: b, y: w, width: i, height: m, fill: n[p % n.length], rx: 2 }),
+        /* @__PURE__ */ e("text", { x: b + i / 2, y: o - l + 14, textAnchor: "middle", fontSize: 10, fill: "#666", children: a[p].length > 8 ? a[p].slice(0, 8) + "..." : a[p] })
       ] }, p);
     })
   ] });
 }
 function Wa({ labels: a, values: s, w: t, h: o, colors: n }) {
   const u = Math.max(...s, 1), l = 40, c = t - l * 2, d = o - l * 2, i = a.length > 1 ? c / (a.length - 1) : 0, f = s.map((p, m) => {
-    const x = l + i * m, w = o - l - p / u * d;
-    return `${x},${w}`;
+    const b = l + i * m, w = o - l - p / u * d;
+    return `${b},${w}`;
   });
   return /* @__PURE__ */ r("g", { children: [
     [0.25, 0.5, 0.75, 1].map((p) => {
@@ -4167,20 +4173,20 @@ function Wa({ labels: a, values: s, w: t, h: o, colors: n }) {
     }),
     /* @__PURE__ */ e("polyline", { points: f.join(" "), fill: "none", stroke: n[0], strokeWidth: 2 }),
     s.map((p, m) => {
-      const x = l + i * m, w = o - l - p / u * d;
-      return /* @__PURE__ */ e("circle", { cx: x, cy: w, r: 4, fill: n[0] }, m);
+      const b = l + i * m, w = o - l - p / u * d;
+      return /* @__PURE__ */ e("circle", { cx: b, cy: w, r: 4, fill: n[0] }, m);
     })
   ] });
 }
 function _a({ labels: a, values: s, w: t, h: o, colors: n }) {
-  const u = s.reduce((m, x) => m + x, 0) || 1, l = t / 2, c = o / 2 - 20, d = Math.min(t, o) / 2 - 40, i = 2 * Math.PI * d;
+  const u = s.reduce((m, b) => m + b, 0) || 1, l = t / 2, c = o / 2 - 20, d = Math.min(t, o) / 2 - 40, i = 2 * Math.PI * d;
   let f = 0;
-  const p = s.map((m, x) => {
-    const w = m / u, y = w * i, C = { dash: y, offset: f, color: n[x % n.length], label: a[x], pct: w };
+  const p = s.map((m, b) => {
+    const w = m / u, y = w * i, C = { dash: y, offset: f, color: n[b % n.length], label: a[b], pct: w };
     return f += y, C;
   });
   return /* @__PURE__ */ r("g", { children: [
-    p.map((m, x) => /* @__PURE__ */ e(
+    p.map((m, b) => /* @__PURE__ */ e(
       "circle",
       {
         cx: l,
@@ -4193,12 +4199,12 @@ function _a({ labels: a, values: s, w: t, h: o, colors: n }) {
         strokeDashoffset: -m.offset,
         transform: `rotate(-90 ${l} ${c})`
       },
-      x
+      b
     )),
-    /* @__PURE__ */ e("g", { transform: `translate(${l - a.length * 30}, ${o - 20})`, children: p.slice(0, 6).map((m, x) => /* @__PURE__ */ r("g", { transform: `translate(${x * 60}, 0)`, children: [
+    /* @__PURE__ */ e("g", { transform: `translate(${l - a.length * 30}, ${o - 20})`, children: p.slice(0, 6).map((m, b) => /* @__PURE__ */ r("g", { transform: `translate(${b * 60}, 0)`, children: [
       /* @__PURE__ */ e("rect", { width: 10, height: 10, fill: m.color, rx: 2 }),
       /* @__PURE__ */ e("text", { x: 14, y: 9, fontSize: 9, fill: "#666", children: m.label.length > 6 ? m.label.slice(0, 6) + ".." : m.label })
-    ] }, x)) })
+    ] }, b)) })
   ] });
 }
 function Ga({ type: a, data: s, title: t, width: o = 400, height: n = 300, appearance: u }) {
@@ -4219,8 +4225,8 @@ function ge({ dashboardId: a, embedToken: s, baseUrl: t, refreshInterval: o, app
       return new ea(N);
     }
     return u.client.report;
-  }, [s, t, u]), [d, i] = g([]), [f, p] = g({}), [m, x] = g(!0), [w, y] = g(null), C = $(async () => {
-    x(!0), y(null);
+  }, [s, t, u]), [d, i] = g([]), [f, p] = g({}), [m, b] = g(!0), [w, y] = g(null), C = $(async () => {
+    b(!0), y(null);
     try {
       const h = await c.getDashboard(a), N = JSON.parse(h.layoutJson || "[]");
       i(N);
@@ -4238,7 +4244,7 @@ function ge({ dashboardId: a, embedToken: s, baseUrl: t, refreshInterval: o, app
     } catch (h) {
       y(h instanceof Error ? h.message : "Failed to load dashboard");
     } finally {
-      x(!1);
+      b(!1);
     }
   }, [c, a]);
   return V(() => {
@@ -4328,7 +4334,7 @@ function me({ embedToken: a, dashboardId: s, baseUrl: t = "https://api.saas-supp
   const u = _(() => {
     const y = new J(t, { type: "embedToken", token: a });
     return new ea(y);
-  }, [a, t]), [l, c] = g([]), [d, i] = g(!0), [f, p] = g(null), m = _(() => X(n), [n]), x = _(() => aa(m), [m]), w = $(async () => {
+  }, [a, t]), [l, c] = g([]), [d, i] = g(!0), [f, p] = g(null), m = _(() => X(n), [n]), b = _(() => aa(m), [m]), w = $(async () => {
     i(!0), p(null);
     try {
       const y = await u.getDashboard(s), C = JSON.parse(y.layoutJson || "[]"), h = await Promise.all(
@@ -4363,7 +4369,7 @@ function me({ embedToken: a, dashboardId: s, baseUrl: t = "https://api.saas-supp
       ref: (y) => {
         if (!y || y.shadowRoot) return;
         const C = y.attachShadow({ mode: "open" }), h = document.createElement("style");
-        h.textContent = x, C.appendChild(h);
+        h.textContent = b, C.appendChild(h);
         const N = document.createElement("div");
         C.appendChild(N);
       },