@cedros/login-react 0.0.40 → 0.0.42

package/dist/{PermissionsSection-DNzOL1xW.js → PermissionsSection-BDDiEfho.js}

@@ -1,4 +1,4 @@
-import { jsxs as f, jsx as s, Fragment as j } from "react/jsx-runtime";
+import { jsxs as h, jsx as s, Fragment as j } from "react/jsx-runtime";
 import { useState as v, useMemo as M, useCallback as S, useRef as C, useEffect as I } from "react";
 import { L as O } from "./LoadingSpinner-6vml-zwr.js";
 import { E as P } from "./ErrorMessage-CcEK0pYO.js";
@@ -15,7 +15,7 @@ function ye({
   error: a,
   canManage: t = !1,
   canChangeRoles: c = !1,
-  onUpdateRole: h,
+  onUpdateRole: f,
   onRemove: u,
   className: m = ""
 }) {
@@ -41,12 +41,12 @@ function ye({
       return $ < b ? l === "asc" ? -1 : 1 : $ > b ? l === "asc" ? 1 : -1 : 0;
     });
   }, [e, o, l]);
-  return n && e.length === 0 ? /* @__PURE__ */ f("div", { className: `cedros-member-list cedros-member-list-loading ${m}`, children: [
+  return n && e.length === 0 ? /* @__PURE__ */ h("div", { className: `cedros-member-list cedros-member-list-loading ${m}`, children: [
     /* @__PURE__ */ s(O, {}),
     /* @__PURE__ */ s("span", { children: "Loading members..." })
-  ] }) : a ? /* @__PURE__ */ s("div", { className: `cedros-member-list ${m}`, children: /* @__PURE__ */ s(P, { error: a }) }) : e.length === 0 ? /* @__PURE__ */ s("div", { className: `cedros-member-list cedros-member-list-empty ${m}`, children: /* @__PURE__ */ s("p", { children: "No members found." }) }) : /* @__PURE__ */ s("div", { className: `cedros-member-list ${m}`, children: /* @__PURE__ */ f("table", { className: "cedros-member-table", children: [
-    /* @__PURE__ */ s("thead", { children: /* @__PURE__ */ f("tr", { children: [
-      /* @__PURE__ */ s("th", { children: /* @__PURE__ */ f(
+  ] }) : a ? /* @__PURE__ */ s("div", { className: `cedros-member-list ${m}`, children: /* @__PURE__ */ s(P, { error: a }) }) : e.length === 0 ? /* @__PURE__ */ s("div", { className: `cedros-member-list cedros-member-list-empty ${m}`, children: /* @__PURE__ */ s("p", { children: "No members found." }) }) : /* @__PURE__ */ s("div", { className: `cedros-member-list ${m}`, children: /* @__PURE__ */ h("table", { className: "cedros-member-table", children: [
+    /* @__PURE__ */ s("thead", { children: /* @__PURE__ */ h("tr", { children: [
+      /* @__PURE__ */ s("th", { children: /* @__PURE__ */ h(
         "button",
         {
           type: "button",
@@ -59,7 +59,7 @@ function ye({
           ]
         }
       ) }),
-      /* @__PURE__ */ s("th", { children: /* @__PURE__ */ f(
+      /* @__PURE__ */ s("th", { children: /* @__PURE__ */ h(
         "button",
         {
           type: "button",
@@ -72,7 +72,7 @@ function ye({
           ]
         }
       ) }),
-      /* @__PURE__ */ s("th", { children: /* @__PURE__ */ f(
+      /* @__PURE__ */ s("th", { children: /* @__PURE__ */ h(
         "button",
         {
           type: "button",
@@ -94,7 +94,7 @@ function ye({
         isCurrentUser: d.userId === r,
         canManage: t,
         canChangeRoles: c,
-        onUpdateRole: h,
+        onUpdateRole: f,
         onRemove: u
       },
       d.id
@@ -109,7 +109,7 @@ function G({
   onUpdateRole: t,
   onRemove: c
 }) {
-  const [h, u] = v(!1), [m, o] = v(e.role), E = S(
+  const [f, u] = v(!1), [m, o] = v(e.role), E = S(
     async (i) => {
       if (!(!t || i === e.role)) {
         u(!0);
@@ -135,11 +135,11 @@ function G({
       }
     }
   }, [e.userId, e.user.name, e.user.email, c]), y = e.role === "owner", p = !r && !y;
-  return /* @__PURE__ */ f("tr", { className: `cedros-member-row ${r ? "cedros-member-row-current" : ""}`, children: [
-    /* @__PURE__ */ f("td", { className: "cedros-member-info", children: [
+  return /* @__PURE__ */ h("tr", { className: `cedros-member-row ${r ? "cedros-member-row-current" : ""}`, children: [
+    /* @__PURE__ */ h("td", { className: "cedros-member-info", children: [
       /* @__PURE__ */ s(J, { user: e.user }),
-      /* @__PURE__ */ f("div", { className: "cedros-member-details", children: [
-        /* @__PURE__ */ f("span", { className: "cedros-member-name", children: [
+      /* @__PURE__ */ h("div", { className: "cedros-member-details", children: [
+        /* @__PURE__ */ h("span", { className: "cedros-member-name", children: [
           e.user.name || "Unknown",
           r && /* @__PURE__ */ s("span", { className: "cedros-member-you", children: "(you)" })
         ] }),
@@ -151,7 +151,7 @@ function G({
       {
         value: m,
         onChange: (i) => E(i.target.value),
-        disabled: h,
+        disabled: f,
         className: "cedros-role-select",
         children: K.map((i) => /* @__PURE__ */ s("option", { value: i, children: i.charAt(0).toUpperCase() + i.slice(1) }, i))
       }
@@ -163,9 +163,9 @@ function G({
         type: "button",
         className: "cedros-button cedros-button-danger cedros-button-sm",
         onClick: l,
-        disabled: h,
+        disabled: f,
         "aria-label": `Remove ${e.user.name || e.user.email}`,
-        children: h ? /* @__PURE__ */ s(O, { size: "sm" }) : "Remove"
+        children: f ? /* @__PURE__ */ s(O, { size: "sm" }) : "Remove"
       }
     ) })
   ] });
@@ -201,14 +201,14 @@ function we({
   defaultRole: t = "member",
   className: c = ""
 }) {
-  const [h, u] = v(""), [m, o] = v(t), [E, l] = v(null), [y, p] = v(!1), i = C(null), d = C(!0);
+  const [f, u] = v(""), [m, o] = v(t), [E, l] = v(null), [y, p] = v(!1), i = C(null), d = C(!0);
   I(() => (d.current = !0, () => {
     d.current = !1, i.current !== null && (window.clearTimeout(i.current), i.current = null);
   }), []);
   const g = S(
     async (w) => {
       w.preventDefault(), l(null), p(!1);
-      const $ = h.trim();
+      const $ = f.trim();
       if (!$) {
         l("Email is required");
         return;
@@ -224,16 +224,16 @@ function we({
       } catch {
       }
     },
-    [h, m, t, e]
+    [f, m, t, e]
   );
-  return /* @__PURE__ */ f("form", { className: `cedros-invite-form ${c}`, onSubmit: g, children: [
+  return /* @__PURE__ */ h("form", { className: `cedros-invite-form ${c}`, onSubmit: g, children: [
     (n || E) && /* @__PURE__ */ s(P, { error: E ?? n ?? null }),
-    y && /* @__PURE__ */ f("div", { className: "cedros-invite-success", role: "status", children: [
+    y && /* @__PURE__ */ h("div", { className: "cedros-invite-success", role: "status", children: [
       /* @__PURE__ */ s(X, {}),
       /* @__PURE__ */ s("span", { children: "Invitation sent successfully!" })
     ] }),
-    /* @__PURE__ */ f("div", { className: "cedros-invite-form-row", children: [
-      /* @__PURE__ */ f("div", { className: "cedros-form-group cedros-invite-email-group", children: [
+    /* @__PURE__ */ h("div", { className: "cedros-invite-form-row", children: [
+      /* @__PURE__ */ h("div", { className: "cedros-form-group cedros-invite-email-group", children: [
         /* @__PURE__ */ s("label", { htmlFor: "invite-email", className: "cedros-form-label", children: "Email Address" }),
         /* @__PURE__ */ s(
           "input",
@@ -241,7 +241,7 @@ function we({
             id: "invite-email",
             type: "email",
             className: "cedros-form-input",
-            value: h,
+            value: f,
             onChange: (w) => u(w.target.value),
             placeholder: "colleague@example.com",
             disabled: r,
@@ -249,7 +249,7 @@ function we({
           }
         )
       ] }),
-      /* @__PURE__ */ f("div", { className: "cedros-form-group cedros-invite-role-group", children: [
+      /* @__PURE__ */ h("div", { className: "cedros-form-group cedros-invite-role-group", children: [
         /* @__PURE__ */ s("label", { htmlFor: "invite-role", className: "cedros-form-label", children: "Role" }),
         /* @__PURE__ */ s(
           "select",
@@ -268,7 +268,7 @@ function we({
         {
           type: "submit",
           className: "cedros-button cedros-button-primary cedros-invite-submit",
-          disabled: r || !h.trim(),
+          disabled: r || !f.trim(),
           children: r ? /* @__PURE__ */ s(O, { size: "sm" }) : "Send Invite"
         }
       )
@@ -306,12 +306,12 @@ function ve({
   canManage: a = !1,
   onCancel: t,
   onResend: c,
-  className: h = ""
+  className: f = ""
 }) {
-  return r && e.length === 0 ? /* @__PURE__ */ f("div", { className: `cedros-invite-list cedros-invite-list-loading ${h}`, children: [
+  return r && e.length === 0 ? /* @__PURE__ */ h("div", { className: `cedros-invite-list cedros-invite-list-loading ${f}`, children: [
     /* @__PURE__ */ s(O, {}),
     /* @__PURE__ */ s("span", { children: "Loading invites..." })
-  ] }) : n ? /* @__PURE__ */ s("div", { className: `cedros-invite-list ${h}`, children: /* @__PURE__ */ s(P, { error: n }) }) : e.length === 0 ? /* @__PURE__ */ s("div", { className: `cedros-invite-list cedros-invite-list-empty ${h}`, children: /* @__PURE__ */ s("p", { children: "No pending invites." }) }) : /* @__PURE__ */ s("div", { className: `cedros-invite-list ${h}`, children: /* @__PURE__ */ s("ul", { className: "cedros-invite-items", children: e.map((u) => /* @__PURE__ */ s(
+  ] }) : n ? /* @__PURE__ */ s("div", { className: `cedros-invite-list ${f}`, children: /* @__PURE__ */ s(P, { error: n }) }) : e.length === 0 ? /* @__PURE__ */ s("div", { className: `cedros-invite-list cedros-invite-list-empty ${f}`, children: /* @__PURE__ */ s("p", { children: "No pending invites." }) }) : /* @__PURE__ */ s("div", { className: `cedros-invite-list ${f}`, children: /* @__PURE__ */ s("ul", { className: "cedros-invite-items", children: e.map((u) => /* @__PURE__ */ s(
     Z,
     {
       invite: u,
@@ -323,7 +323,7 @@ function ve({
   )) }) });
 }
 function Z({ invite: e, canManage: r, onCancel: n, onResend: a }) {
-  const [t, c] = v(!1), [h, u] = v(!1), m = C(null), o = new Date(e.expiresAt) < /* @__PURE__ */ new Date(), E = S(async () => {
+  const [t, c] = v(!1), [f, u] = v(!1), m = C(null), o = new Date(e.expiresAt) < /* @__PURE__ */ new Date(), E = S(async () => {
     if (!(!n || !window.confirm(
       `Are you sure you want to cancel the invite for ${e.email}?`
     ))) {
@@ -348,26 +348,26 @@ function Z({ invite: e, canManage: r, onCancel: n, onResend: a }) {
   }, [e.id, a]);
   return I(() => () => {
     m.current !== null && (window.clearTimeout(m.current), m.current = null);
-  }, []), /* @__PURE__ */ f("li", { className: `cedros-invite-item ${o ? "cedros-invite-item-expired" : ""}`, children: [
-    /* @__PURE__ */ f("div", { className: "cedros-invite-item-info", children: [
-      /* @__PURE__ */ f("div", { className: "cedros-invite-item-main", children: [
+  }, []), /* @__PURE__ */ h("li", { className: `cedros-invite-item ${o ? "cedros-invite-item-expired" : ""}`, children: [
+    /* @__PURE__ */ h("div", { className: "cedros-invite-item-info", children: [
+      /* @__PURE__ */ h("div", { className: "cedros-invite-item-main", children: [
         /* @__PURE__ */ s("span", { className: "cedros-invite-item-email", children: e.email }),
         /* @__PURE__ */ s("span", { className: `cedros-role-badge cedros-role-badge-${e.role}`, children: e.role.charAt(0).toUpperCase() + e.role.slice(1) }),
         o && /* @__PURE__ */ s("span", { className: "cedros-invite-expired-badge", children: "Expired" })
       ] }),
-      /* @__PURE__ */ f("div", { className: "cedros-invite-item-meta", children: [
-        /* @__PURE__ */ f("span", { className: "cedros-invite-item-date", children: [
+      /* @__PURE__ */ h("div", { className: "cedros-invite-item-meta", children: [
+        /* @__PURE__ */ h("span", { className: "cedros-invite-item-date", children: [
           "Invited ",
           q(e.createdAt)
         ] }),
-        !o && /* @__PURE__ */ f("span", { className: "cedros-invite-item-expires", children: [
+        !o && /* @__PURE__ */ h("span", { className: "cedros-invite-item-expires", children: [
           "Expires ",
           ee(e.expiresAt)
         ] })
       ] })
     ] }),
-    r && /* @__PURE__ */ f("div", { className: "cedros-invite-item-actions", children: [
-      h && /* @__PURE__ */ s("span", { className: "cedros-invite-resend-success", children: "Sent!" }),
+    r && /* @__PURE__ */ h("div", { className: "cedros-invite-item-actions", children: [
+      f && /* @__PURE__ */ s("span", { className: "cedros-invite-resend-success", children: "Sent!" }),
       a && !o && /* @__PURE__ */ s(
         "button",
         {
@@ -458,7 +458,7 @@ class se {
   }
 }
 function be(e) {
-  const { config: r, authState: n, _internal: a } = U(), [t, c] = v([]), [h, u] = v(0), [m, o] = v(!1), [E, l] = v(null), y = C(void 0), p = C(0), i = M(
+  const { config: r, authState: n, _internal: a } = U(), [t, c] = v([]), [f, u] = v(0), [m, o] = v(!1), [E, l] = v(null), y = C(void 0), p = C(0), i = M(
     () => new se(
       r.serverUrl,
       r.requestTimeout,
@@ -527,7 +527,7 @@ function be(e) {
   );
   return {
     members: t,
-    total: h,
+    total: f,
     isLoading: m,
     error: E,
     fetchMembers: g,
@@ -606,7 +606,7 @@ class re {
   }
 }
 function Ne(e) {
-  const { config: r, authState: n, _internal: a } = U(), [t, c] = v([]), [h, u] = v(0), [m, o] = v(!1), [E, l] = v(null), y = C(void 0), p = C(0), i = M(
+  const { config: r, authState: n, _internal: a } = U(), [t, c] = v([]), [f, u] = v(0), [m, o] = v(!1), [E, l] = v(null), y = C(void 0), p = C(0), i = M(
     () => new re(
       r.serverUrl,
       r.requestTimeout,
@@ -698,7 +698,7 @@ function Ne(e) {
   }, []);
   return {
     invites: t,
-    total: h,
+    total: f,
     isLoading: m,
     error: E,
     fetchInvites: g,
@@ -719,9 +719,9 @@ const te = {
   cedrosPay: !1
 };
 function ne() {
-  const { settings: e, isLoading: r, error: n, fetchSettings: a, getValue: t } = V(), [c, h] = v(!1);
+  const { settings: e, isLoading: r, error: n, fetchSettings: a, getValue: t } = V(), [c, f] = v(!1);
   I(() => {
-    c || (a(), h(!0));
+    c || (a(), f(!0));
   }, [a, c]);
   const u = S((l) => l === void 0 ? !1 : l === "true" || l === "1", []), m = M(() => Object.keys(e).length === 0 ? te : {
     organizations: u(t("feature_organizations")),
@@ -749,13 +749,15 @@ function ne() {
 const ae = [
   "users",
   "team",
+  "referrals",
   "deposits",
   "withdrawals",
   "settings-wallet",
   "settings-auth",
   "settings-messaging",
   "settings-credits",
-  "settings-server"
+  "settings-server",
+  "settings-images"
 ], ie = [
   "pay-products",
   "pay-subscriptions",
@@ -771,6 +773,7 @@ const ae = [
   // Cedros Login
   users: "Users",
   team: "Team",
+  referrals: "Referrals",
   deposits: "Deposits",
   withdrawals: "Withdrawals",
   "settings-wallet": "Wallet Settings",
@@ -778,6 +781,7 @@ const ae = [
   "settings-messaging": "Messages Settings",
   "settings-credits": "Credits Settings",
   "settings-server": "Server Settings",
+  "settings-images": "Image Storage",
   // Cedros Pay
   "pay-products": "Products",
   "pay-subscriptions": "Subscriptions",
@@ -794,6 +798,7 @@ const ae = [
     // Cedros Login
     users: !0,
     team: !0,
+    referrals: !0,
     deposits: !0,
     withdrawals: !0,
     "settings-wallet": !0,
@@ -801,6 +806,7 @@ const ae = [
     "settings-messaging": !0,
     "settings-credits": !0,
     "settings-server": !0,
+    "settings-images": !0,
     // Cedros Pay
     "pay-products": !0,
     "pay-subscriptions": !0,
@@ -817,6 +823,7 @@ const ae = [
     // Cedros Login
     users: !1,
     team: !0,
+    referrals: !1,
     deposits: !1,
     withdrawals: !1,
     "settings-wallet": !1,
@@ -824,6 +831,7 @@ const ae = [
     "settings-messaging": !1,
     "settings-credits": !1,
     "settings-server": !1,
+    "settings-images": !1,
     // Cedros Pay
     "pay-products": !1,
     "pay-subscriptions": !1,
@@ -838,7 +846,7 @@ const ae = [
   }
 };
 function ce() {
-  const { config: e, authState: r, _internal: n } = U(), { activeOrg: a, role: t } = H(), [c, h] = v(
+  const { config: e, authState: r, _internal: n } = U(), { activeOrg: a, role: t } = H(), [c, f] = v(
     k
   ), [u, m] = v(!1), [o, E] = v(!1), [l, y] = v(null), p = C(0), i = M(
     () => new F({
@@ -852,7 +860,7 @@ function ce() {
   d.current = i;
   const g = S(async () => {
     if (r !== "authenticated" || !a) {
-      h(k);
+      f(k);
       return;
     }
     m(!0), y(null);
@@ -862,14 +870,14 @@ function ce() {
         "/admin/dashboard-permissions"
       );
       if (b !== p.current) return;
-      h(N.permissions);
+      f(N.permissions);
     } catch (N) {
       if (b !== p.current) return;
       if (N instanceof Error && N.message.includes("404"))
-        h(k);
+        f(k);
       else {
         const A = N instanceof Error ? N.message : "Failed to fetch permissions";
-        y({ code: "NETWORK_ERROR", message: A }), h(k);
+        y({ code: "NETWORK_ERROR", message: A }), f(k);
       }
     } finally {
       b === p.current && m(!1);
@@ -886,7 +894,7 @@ function ce() {
           method: "PUT",
           path: "/admin/dashboard-permissions",
           body: b
-        }), h(b);
+        }), f(b);
       } catch (N) {
         const A = N instanceof Error ? N.message : "Failed to update permissions";
         throw y({ code: "NETWORK_ERROR", message: A }), new Error(A);
@@ -927,7 +935,7 @@ function D({ checked: e, onChange: r, disabled: n, label: a }) {
   );
 }
 function Ae({ userRole: e }) {
-  const { permissions: r, updatePermissions: n, isLoading: a, isUpdating: t, error: c } = ce(), { features: h, isLoading: u } = ne(), m = C(null), o = C(null), E = e === "owner", l = h.cedrosPay, y = S(
+  const { permissions: r, updatePermissions: n, isLoading: a, isUpdating: t, error: c } = ce(), { features: f, isLoading: u } = ne(), m = C(null), o = C(null), E = e === "owner", l = f.cedrosPay, y = S(
     (i) => {
       o.current = i, m.current && clearTimeout(m.current), m.current = setTimeout(() => {
         o.current && (n(o.current).catch(() => {
@@ -952,19 +960,19 @@ function Ae({ userRole: e }) {
     },
     [r, y]
   );
-  return a || u ? /* @__PURE__ */ s("div", { className: "cedros-dashboard__section", children: /* @__PURE__ */ s("div", { className: "cedros-dashboard__loading", children: "Loading permissions..." }) }) : E ? /* @__PURE__ */ f("div", { className: "cedros-dashboard__section cedros-permissions-section", children: [
-    /* @__PURE__ */ f("div", { className: "cedros-permissions-header", children: [
+  return a || u ? /* @__PURE__ */ s("div", { className: "cedros-dashboard__section", children: /* @__PURE__ */ s("div", { className: "cedros-dashboard__loading", children: "Loading permissions..." }) }) : E ? /* @__PURE__ */ h("div", { className: "cedros-dashboard__section cedros-permissions-section", children: [
+    /* @__PURE__ */ h("div", { className: "cedros-permissions-header", children: [
       /* @__PURE__ */ s("p", { className: "cedros-permissions-description", children: "Configure which dashboard sections each role can access. Owners always have full access." }),
       c && /* @__PURE__ */ s("div", { className: "cedros-permissions-error", children: c.message }),
       t && /* @__PURE__ */ s("span", { className: "cedros-permissions-saving", children: "Saving..." })
     ] }),
-    /* @__PURE__ */ s("div", { className: "cedros-permissions-matrix", children: /* @__PURE__ */ s("table", { className: "cedros-permissions-table", children: /* @__PURE__ */ f("tbody", { children: [
-      /* @__PURE__ */ f("tr", { className: "cedros-permissions-group-header", children: [
+    /* @__PURE__ */ s("div", { className: "cedros-permissions-matrix", children: /* @__PURE__ */ s("table", { className: "cedros-permissions-table", children: /* @__PURE__ */ h("tbody", { children: [
+      /* @__PURE__ */ h("tr", { className: "cedros-permissions-group-header", children: [
         /* @__PURE__ */ s("th", { className: "cedros-permissions-section-header", children: "Cedros Login" }),
         /* @__PURE__ */ s("th", { className: "cedros-permissions-role-header", children: "Admin" }),
         /* @__PURE__ */ s("th", { className: "cedros-permissions-role-header", children: "Member" })
       ] }),
-      ae.map((i) => /* @__PURE__ */ f("tr", { className: "cedros-permissions-row", children: [
+      ae.map((i) => /* @__PURE__ */ h("tr", { className: "cedros-permissions-row", children: [
         /* @__PURE__ */ s("td", { className: "cedros-permissions-section-label", children: L[i] }),
         /* @__PURE__ */ s("td", { className: "cedros-permissions-toggle-cell", children: /* @__PURE__ */ s(
           D,
@@ -985,13 +993,13 @@ function Ae({ userRole: e }) {
           }
         ) })
       ] }, i)),
-      l && /* @__PURE__ */ f(j, { children: [
-        /* @__PURE__ */ f("tr", { className: "cedros-permissions-group-header", children: [
+      l && /* @__PURE__ */ h(j, { children: [
+        /* @__PURE__ */ h("tr", { className: "cedros-permissions-group-header", children: [
           /* @__PURE__ */ s("th", { className: "cedros-permissions-section-header", children: "Cedros Pay" }),
           /* @__PURE__ */ s("th", { className: "cedros-permissions-role-header", children: "Admin" }),
           /* @__PURE__ */ s("th", { className: "cedros-permissions-role-header", children: "Member" })
         ] }),
-        ie.map((i) => /* @__PURE__ */ f("tr", { className: "cedros-permissions-row", children: [
+        ie.map((i) => /* @__PURE__ */ h("tr", { className: "cedros-permissions-row", children: [
           /* @__PURE__ */ s("td", { className: "cedros-permissions-section-label", children: L[i] }),
           /* @__PURE__ */ s("td", { className: "cedros-permissions-toggle-cell", children: /* @__PURE__ */ s(
             D,