@sudobility/entity_pages 0.0.14 → 0.0.16

package/dist/index.d.ts

@@ -20,4 +20,4 @@
  * }
  * ```
  */
-export { EntityListPage, type EntityListPageProps, MembersManagementPage, type MembersManagementPageProps, InvitationsPage, type InvitationsPageProps, EntitySubscriptionsPage, type EntitySubscriptionsPageProps, type SubscriptionProduct, type CurrentSubscription, type SubscriptionContextValue, type SubscriptionPageLabels, type SubscriptionPageFormatters, EntityPricingPage, type EntityPricingPageProps, type PricingProduct, type FAQItem, type PricingPageLabels, type PricingPageFormatters, type EntitlementMap, type EntitlementLevels, } from './pages';
+export { EntityListPage, type EntityListPageProps, MembersManagementPage, type MembersManagementPageProps, InvitationsPage, type InvitationsPageProps, } from './pages';

package/dist/index.esm.js

@@ -1,79 +1,78 @@
-import { jsxs as s, jsx as i, Fragment as ne } from "react/jsx-runtime";
-import { useState as E, useEffect as re, useCallback as x } from "react";
-import { Plus as ae } from "lucide-react";
-import { EntityList as G, InvitationForm as oe, InvitationList as K, MemberList as le } from "@sudobility/entity-components";
-import { useEntities as se, useCreateEntity as ce, useEntityMembers as de, useUpdateMemberRole as ue, useRemoveMember as me, useEntityInvitations as he, useCreateInvitation as ye, useCancelInvitation as fe, useMyInvitations as ge, useAcceptInvitation as pe, useDeclineInvitation as ve } from "@sudobility/entity_client";
-import { SubscriptionLayout as xe, SubscriptionTile as W, SegmentedControl as J } from "@sudobility/subscription-components";
-function Te({
-  client: u,
-  onSelectEntity: a
+import { jsxs as t, jsx as e } from "react/jsx-runtime";
+import { useState as f } from "react";
+import { Plus as I } from "lucide-react";
+import { EntityList as x, InvitationForm as M, InvitationList as C, MemberList as S } from "@sudobility/entity-components";
+import { useEntities as z, useCreateEntity as k, useEntityMembers as L, useUpdateMemberRole as A, useRemoveMember as F, useEntityInvitations as E, useCreateInvitation as P, useCancelInvitation as D, useMyInvitations as R, useAcceptInvitation as j, useDeclineInvitation as O } from "@sudobility/entity_client";
+function U({
+  client: i,
+  onSelectEntity: n
 }) {
-  const [t, l] = E(!1), [o, b] = E({
+  const [p, a] = f(!1), [s, c] = f({
     displayName: "",
     description: ""
-  }), [y, N] = E(null), { data: h = [], isLoading: c } = se(u), f = ce(u), S = h.filter((d) => d.entityType === "personal"), T = h.filter(
-    (d) => d.entityType === "organization"
+  }), [h, d] = f(null), { data: m = [], isLoading: r } = z(i), l = k(i), b = m.filter((o) => o.entityType === "personal"), v = m.filter(
+    (o) => o.entityType === "organization"
   );
-  return /* @__PURE__ */ s("div", { className: "space-y-8", children: [
-    /* @__PURE__ */ s("div", { className: "flex items-center justify-between", children: [
-      /* @__PURE__ */ s("div", { children: [
-        /* @__PURE__ */ i("h1", { className: "text-2xl font-bold text-foreground", children: "Workspaces" }),
-        /* @__PURE__ */ i("p", { className: "text-muted-foreground", children: "Manage your personal and organization workspaces" })
+  return /* @__PURE__ */ t("div", { className: "space-y-8", children: [
+    /* @__PURE__ */ t("div", { className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ t("div", { children: [
+        /* @__PURE__ */ e("h1", { className: "text-2xl font-bold text-foreground", children: "Workspaces" }),
+        /* @__PURE__ */ e("p", { className: "text-muted-foreground", children: "Manage your personal and organization workspaces" })
       ] }),
-      /* @__PURE__ */ s(
+      /* @__PURE__ */ t(
         "button",
         {
           type: "button",
-          onClick: () => l(!0),
+          onClick: () => a(!0),
           className: "flex items-center gap-2 px-4 py-2 rounded-lg bg-primary text-primary-foreground font-medium hover:bg-primary/90 transition-colors",
           children: [
-            /* @__PURE__ */ i(ae, { className: "h-4 w-4" }),
-            /* @__PURE__ */ i("span", { children: "New Organization" })
+            /* @__PURE__ */ e(I, { className: "h-4 w-4" }),
+            /* @__PURE__ */ e("span", { children: "New Organization" })
           ]
         }
       )
     ] }),
-    t && /* @__PURE__ */ i("div", { className: "fixed inset-0 z-50 flex items-center justify-center bg-black/50", children: /* @__PURE__ */ s("div", { className: "w-full max-w-md rounded-lg bg-background p-6 shadow-lg", children: [
-      /* @__PURE__ */ i("h2", { className: "text-lg font-semibold mb-4", children: "Create Organization" }),
-      /* @__PURE__ */ s("form", { onSubmit: async (d) => {
-        if (d.preventDefault(), N(null), !o.displayName.trim()) {
-          N("Display name is required");
+    p && /* @__PURE__ */ e("div", { className: "fixed inset-0 z-50 flex items-center justify-center bg-black/50", children: /* @__PURE__ */ t("div", { className: "w-full max-w-md rounded-lg bg-background p-6 shadow-lg", children: [
+      /* @__PURE__ */ e("h2", { className: "text-lg font-semibold mb-4", children: "Create Organization" }),
+      /* @__PURE__ */ t("form", { onSubmit: async (o) => {
+        if (o.preventDefault(), d(null), !s.displayName.trim()) {
+          d("Display name is required");
           return;
         }
         try {
-          await f.mutateAsync({
-            displayName: o.displayName.trim(),
-            description: o.description.trim() || void 0
-          }), l(!1), b({ displayName: "", description: "" });
-        } catch (g) {
-          N(g.message || "Failed to create organization");
+          await l.mutateAsync({
+            displayName: s.displayName.trim(),
+            description: s.description.trim() || void 0
+          }), a(!1), c({ displayName: "", description: "" });
+        } catch (u) {
+          d(u.message || "Failed to create organization");
         }
       }, className: "space-y-4", children: [
-        /* @__PURE__ */ s("div", { children: [
-          /* @__PURE__ */ i("label", { className: "block text-sm font-medium mb-1", children: "Display Name" }),
-          /* @__PURE__ */ i(
+        /* @__PURE__ */ t("div", { children: [
+          /* @__PURE__ */ e("label", { className: "block text-sm font-medium mb-1", children: "Display Name" }),
+          /* @__PURE__ */ e(
             "input",
             {
               type: "text",
-              value: o.displayName,
-              onChange: (d) => b((g) => ({
-                ...g,
-                displayName: d.target.value
+              value: s.displayName,
+              onChange: (o) => c((u) => ({
+                ...u,
+                displayName: o.target.value
               })),
               placeholder: "My Organization",
               className: "w-full px-3 py-2 rounded-lg border bg-background focus:outline-none focus:ring-2 focus:ring-primary"
             }
           )
         ] }),
-        /* @__PURE__ */ s("div", { children: [
-          /* @__PURE__ */ i("label", { className: "block text-sm font-medium mb-1", children: "Description (optional)" }),
-          /* @__PURE__ */ i(
+        /* @__PURE__ */ t("div", { children: [
+          /* @__PURE__ */ e("label", { className: "block text-sm font-medium mb-1", children: "Description (optional)" }),
+          /* @__PURE__ */ e(
             "textarea",
             {
-              value: o.description,
-              onChange: (d) => b((g) => ({
-                ...g,
-                description: d.target.value
+              value: s.description,
+              onChange: (o) => c((u) => ({
+                ...u,
+                description: o.target.value
               })),
               placeholder: "What is this organization for?",
               rows: 3,
@@ -81,633 +80,200 @@ function Te({
             }
           )
         ] }),
-        y && /* @__PURE__ */ i("p", { className: "text-sm text-destructive", children: y }),
-        /* @__PURE__ */ s("div", { className: "flex justify-end gap-2", children: [
-          /* @__PURE__ */ i(
+        h && /* @__PURE__ */ e("p", { className: "text-sm text-destructive", children: h }),
+        /* @__PURE__ */ t("div", { className: "flex justify-end gap-2", children: [
+          /* @__PURE__ */ e(
             "button",
             {
               type: "button",
               onClick: () => {
-                l(!1), b({ displayName: "", description: "" }), N(null);
+                a(!1), c({ displayName: "", description: "" }), d(null);
               },
               className: "px-4 py-2 rounded-lg border hover:bg-muted transition-colors",
               children: "Cancel"
             }
           ),
-          /* @__PURE__ */ i(
+          /* @__PURE__ */ e(
             "button",
             {
               type: "submit",
-              disabled: f.isPending,
+              disabled: l.isPending,
               className: "px-4 py-2 rounded-lg bg-primary text-primary-foreground font-medium hover:bg-primary/90 transition-colors disabled:opacity-50",
-              children: f.isPending ? "Creating..." : "Create"
+              children: l.isPending ? "Creating..." : "Create"
             }
           )
         ] })
       ] })
     ] }) }),
-    S.length > 0 && /* @__PURE__ */ s("div", { children: [
-      /* @__PURE__ */ i("h2", { className: "text-lg font-semibold mb-3", children: "Personal Workspace" }),
-      /* @__PURE__ */ i(
-        G,
+    b.length > 0 && /* @__PURE__ */ t("div", { children: [
+      /* @__PURE__ */ e("h2", { className: "text-lg font-semibold mb-3", children: "Personal Workspace" }),
+      /* @__PURE__ */ e(
+        x,
         {
-          entities: S,
-          onSelect: a,
-          isLoading: c
+          entities: b,
+          onSelect: n,
+          isLoading: r
         }
       )
     ] }),
-    /* @__PURE__ */ s("div", { children: [
-      /* @__PURE__ */ i("h2", { className: "text-lg font-semibold mb-3", children: "Organizations" }),
-      T.length === 0 && !c ? /* @__PURE__ */ s("div", { className: "text-center py-8 text-muted-foreground border border-dashed rounded-lg", children: [
-        /* @__PURE__ */ i("p", { children: "No organizations yet" }),
-        /* @__PURE__ */ i(
+    /* @__PURE__ */ t("div", { children: [
+      /* @__PURE__ */ e("h2", { className: "text-lg font-semibold mb-3", children: "Organizations" }),
+      v.length === 0 && !r ? /* @__PURE__ */ t("div", { className: "text-center py-8 text-muted-foreground border border-dashed rounded-lg", children: [
+        /* @__PURE__ */ e("p", { children: "No organizations yet" }),
+        /* @__PURE__ */ e(
           "button",
           {
             type: "button",
-            onClick: () => l(!0),
+            onClick: () => a(!0),
             className: "mt-2 text-primary hover:underline",
             children: "Create your first organization"
           }
         )
-      ] }) : /* @__PURE__ */ i(
-        G,
+      ] }) : /* @__PURE__ */ e(
+        x,
         {
-          entities: T,
-          onSelect: a,
-          isLoading: c
+          entities: v,
+          onSelect: n,
+          isLoading: r
         }
       )
     ] })
   ] });
 }
-function Fe({
-  client: u,
-  entity: a,
-  currentUserId: t
+function B({
+  client: i,
+  entity: n,
+  currentUserId: p
 }) {
-  const l = a.userRole === "admin", { data: o = [], isLoading: b } = de(
-    u,
-    a.entitySlug
-  ), y = ue(u), N = me(u), { data: h = [], isLoading: c } = he(u, l ? a.entitySlug : null), f = ye(u), S = fe(u), T = async (w, P) => {
+  const a = n.userRole === "admin", { data: s = [], isLoading: c } = L(
+    i,
+    n.entitySlug
+  ), h = A(i), d = F(i), { data: m = [], isLoading: r } = E(i, a ? n.entitySlug : null), l = P(i), b = D(i), v = async (g, y) => {
     try {
-      await y.mutateAsync({
-        entitySlug: a.entitySlug,
-        memberId: w,
-        role: P
+      await h.mutateAsync({
+        entitySlug: n.entitySlug,
+        memberId: g,
+        role: y
       });
-    } catch (F) {
-      console.error("Failed to update role:", F);
+    } catch (w) {
+      console.error("Failed to update role:", w);
     }
-  }, R = async (w) => {
+  }, N = async (g) => {
     if (confirm("Are you sure you want to remove this member?"))
       try {
-        await N.mutateAsync({
-          entitySlug: a.entitySlug,
-          memberId: w
+        await d.mutateAsync({
+          entitySlug: n.entitySlug,
+          memberId: g
         });
-      } catch (P) {
-        console.error("Failed to remove member:", P);
+      } catch (y) {
+        console.error("Failed to remove member:", y);
       }
-  }, d = async (w) => {
-    await f.mutateAsync({
-      entitySlug: a.entitySlug,
-      request: w
+  }, o = async (g) => {
+    await l.mutateAsync({
+      entitySlug: n.entitySlug,
+      request: g
     });
-  }, g = async (w) => {
+  }, u = async (g) => {
     try {
-      await S.mutateAsync({
-        entitySlug: a.entitySlug,
-        invitationId: w
+      await b.mutateAsync({
+        entitySlug: n.entitySlug,
+        invitationId: g
       });
-    } catch (P) {
-      console.error("Failed to cancel invitation:", P);
+    } catch (y) {
+      console.error("Failed to cancel invitation:", y);
     }
   };
-  return a.entityType === "personal" ? /* @__PURE__ */ s("div", { className: "text-center py-12 text-muted-foreground", children: [
-    /* @__PURE__ */ i("p", { children: "Personal workspaces cannot have additional members." }),
-    /* @__PURE__ */ i("p", { className: "mt-2", children: "Create an organization to collaborate with others." })
-  ] }) : /* @__PURE__ */ s("div", { className: "space-y-8", children: [
-    /* @__PURE__ */ s("div", { children: [
-      /* @__PURE__ */ i("h1", { className: "text-2xl font-bold text-foreground", children: "Members" }),
-      /* @__PURE__ */ s("p", { className: "text-muted-foreground", children: [
+  return n.entityType === "personal" ? /* @__PURE__ */ t("div", { className: "text-center py-12 text-muted-foreground", children: [
+    /* @__PURE__ */ e("p", { children: "Personal workspaces cannot have additional members." }),
+    /* @__PURE__ */ e("p", { className: "mt-2", children: "Create an organization to collaborate with others." })
+  ] }) : /* @__PURE__ */ t("div", { className: "space-y-8", children: [
+    /* @__PURE__ */ t("div", { children: [
+      /* @__PURE__ */ e("h1", { className: "text-2xl font-bold text-foreground", children: "Members" }),
+      /* @__PURE__ */ t("p", { className: "text-muted-foreground", children: [
         "Manage members and invitations for ",
-        a.displayName
+        n.displayName
       ] })
     ] }),
-    l && /* @__PURE__ */ s("div", { className: "rounded-lg border p-4", children: [
-      /* @__PURE__ */ i("h2", { className: "text-lg font-semibold mb-4", children: "Invite Members" }),
-      /* @__PURE__ */ i(
-        oe,
+    a && /* @__PURE__ */ t("div", { className: "rounded-lg border p-4", children: [
+      /* @__PURE__ */ e("h2", { className: "text-lg font-semibold mb-4", children: "Invite Members" }),
+      /* @__PURE__ */ e(
+        M,
         {
-          onSubmit: d,
-          isSubmitting: f.isPending
+          onSubmit: o,
+          isSubmitting: l.isPending
         }
       )
     ] }),
-    l && /* @__PURE__ */ s("div", { children: [
-      /* @__PURE__ */ i("h2", { className: "text-lg font-semibold mb-3", children: "Pending Invitations" }),
-      /* @__PURE__ */ i(
-        K,
+    a && /* @__PURE__ */ t("div", { children: [
+      /* @__PURE__ */ e("h2", { className: "text-lg font-semibold mb-3", children: "Pending Invitations" }),
+      /* @__PURE__ */ e(
+        C,
         {
-          invitations: h,
+          invitations: m,
           mode: "admin",
-          onCancel: g,
-          isLoading: c,
+          onCancel: u,
+          isLoading: r,
           emptyMessage: "No pending invitations"
         }
       )
     ] }),
-    /* @__PURE__ */ s("div", { children: [
-      /* @__PURE__ */ s("h2", { className: "text-lg font-semibold mb-3", children: [
+    /* @__PURE__ */ t("div", { children: [
+      /* @__PURE__ */ t("h2", { className: "text-lg font-semibold mb-3", children: [
         "Current Members (",
-        o.length,
+        s.length,
         ")"
       ] }),
-      /* @__PURE__ */ i(
-        le,
+      /* @__PURE__ */ e(
+        S,
         {
-          members: o,
-          currentUserId: t,
-          canManage: l,
-          onRoleChange: T,
-          onRemove: R,
-          isLoading: b
+          members: s,
+          currentUserId: p,
+          canManage: a,
+          onRoleChange: v,
+          onRemove: N,
+          isLoading: c
         }
       )
     ] })
   ] });
 }
-function Le({
-  client: u,
-  onInvitationAccepted: a
+function G({
+  client: i,
+  onInvitationAccepted: n
 }) {
-  const { data: t = [], isLoading: l } = ge(u), o = pe(u), b = ve(u), y = async (c) => {
+  const { data: p = [], isLoading: a } = R(i), s = j(i), c = O(i), h = async (r) => {
     try {
-      await o.mutateAsync(c), a?.();
-    } catch (f) {
-      console.error("Failed to accept invitation:", f);
+      await s.mutateAsync(r), n?.();
+    } catch (l) {
+      console.error("Failed to accept invitation:", l);
     }
-  }, N = async (c) => {
+  }, d = async (r) => {
     try {
-      await b.mutateAsync(c);
-    } catch (f) {
-      console.error("Failed to decline invitation:", f);
+      await c.mutateAsync(r);
+    } catch (l) {
+      console.error("Failed to decline invitation:", l);
     }
-  }, h = t.filter((c) => c.status === "pending").length;
-  return /* @__PURE__ */ s("div", { className: "space-y-6", children: [
-    /* @__PURE__ */ s("div", { children: [
-      /* @__PURE__ */ i("h1", { className: "text-2xl font-bold text-foreground", children: "Invitations" }),
-      /* @__PURE__ */ i("p", { className: "text-muted-foreground", children: h > 0 ? `You have ${h} pending invitation${h > 1 ? "s" : ""}` : "No pending invitations" })
+  }, m = p.filter((r) => r.status === "pending").length;
+  return /* @__PURE__ */ t("div", { className: "space-y-6", children: [
+    /* @__PURE__ */ t("div", { children: [
+      /* @__PURE__ */ e("h1", { className: "text-2xl font-bold text-foreground", children: "Invitations" }),
+      /* @__PURE__ */ e("p", { className: "text-muted-foreground", children: m > 0 ? `You have ${m} pending invitation${m > 1 ? "s" : ""}` : "No pending invitations" })
     ] }),
-    /* @__PURE__ */ i(
-      K,
+    /* @__PURE__ */ e(
+      C,
       {
-        invitations: t,
+        invitations: p,
         mode: "user",
-        onAccept: y,
-        onDecline: N,
-        isLoading: l,
+        onAccept: h,
+        onDecline: d,
+        isLoading: a,
         emptyMessage: "You don't have any pending invitations"
       }
     )
   ] });
 }
-const O = {
-  ultra_yearly: "bandwidth_ultra",
-  ultra_monthly: "bandwidth_ultra",
-  pro_yearly: "bandwidth_pro",
-  pro_monthly: "bandwidth_pro",
-  dev_yearly: "bandwidth_dev",
-  dev_monthly: "bandwidth_dev"
-};
-function Ce({
-  subscription: u,
-  rateLimitsConfig: a,
-  labels: t,
-  formatters: l,
-  onPurchaseSuccess: o,
-  onRestoreSuccess: b,
-  onError: y,
-  onWarning: N
-}) {
-  const {
-    products: h,
-    currentSubscription: c,
-    isLoading: f,
-    error: S,
-    purchase: T,
-    restore: R,
-    clearError: d
-  } = u, [g, w] = E("monthly"), [P, F] = E(null), [L, z] = E(!1), [C, n] = E(!1);
-  re(() => {
-    S && (y?.(t.errorTitle, S), d());
-  }, [S, d, t.errorTitle, y]);
-  const m = h.filter((e) => {
-    if (!e.period) return !1;
-    const r = e.period.includes("Y") || e.period.includes("year");
-    return g === "yearly" ? r : !r;
-  }).sort((e, r) => parseFloat(e.price) - parseFloat(r.price)), B = (e) => {
-    w(e), F(null);
-  }, M = async () => {
-    if (P) {
-      z(!0), d();
-      try {
-        await T(P) && (o?.(), F(null));
-      } catch (e) {
-        y?.(
-          t.errorTitle,
-          e instanceof Error ? e.message : t.purchaseError
-        );
-      } finally {
-        z(!1);
-      }
-    }
-  }, I = async () => {
-    n(!0), d();
-    try {
-      await R() ? b?.() : N?.(t.errorTitle, t.restoreNoPurchases);
-    } catch (e) {
-      y?.(
-        t.errorTitle,
-        e instanceof Error ? e.message : t.restoreError
-      );
-    } finally {
-      n(!1);
-    }
-  }, k = x((e) => e ? new Intl.DateTimeFormat(void 0, {
-    year: "numeric",
-    month: "long",
-    day: "numeric"
-  }).format(e) : "", []), A = x(
-    (e) => e ? e.includes("Y") || e.includes("year") ? t.periodYear : e.includes("M") || e.includes("month") ? t.periodMonth : e.includes("W") || e.includes("week") ? t.periodWeek : "" : "",
-    [t]
-  ), Y = x(
-    (e) => {
-      if (!e) return;
-      const r = parseInt(e.replace(/\D/g, "") || "1", 10);
-      return e.includes("W") ? l.formatTrialWeeks(r) : e.includes("M") ? l.formatTrialMonths(r) : l.formatTrialDays(r);
-    },
-    [l]
-  ), _ = x(
-    (e) => {
-      if (!a?.tiers) return;
-      const r = O[e];
-      return r ? a.tiers.find(
-        (v) => v.entitlement === r
-      ) : a.tiers.find((v) => v.entitlement === "none");
-    },
-    [a]
-  ), p = x(
-    (e) => e === null ? t.unlimited : e.toLocaleString(),
-    [t.unlimited]
-  ), j = x(
-    (e) => {
-      const r = _(e);
-      if (!r) return [];
-      const v = [];
-      return r.limits.hourly !== null && v.push(
-        l.formatHourlyLimit(p(r.limits.hourly))
-      ), r.limits.daily !== null && v.push(
-        l.formatDailyLimit(p(r.limits.daily))
-      ), r.limits.monthly !== null && v.push(
-        l.formatMonthlyLimit(p(r.limits.monthly))
-      ), r.limits.hourly === null && r.limits.daily === null && r.limits.monthly === null && v.push(t.unlimitedRequests), v;
-    },
-    [_, p, l, t.unlimitedRequests]
-  ), Q = x(
-    (e) => j(e),
-    [j]
-  ), X = x(() => {
-    const e = [...t.freeTierFeatures];
-    if (a?.tiers) {
-      const r = a.tiers.find(
-        (v) => v.entitlement === "none"
-      );
-      r && (r.limits.hourly !== null && e.push(
-        l.formatHourlyLimit(p(r.limits.hourly))
-      ), r.limits.daily !== null && e.push(
-        l.formatDailyLimit(p(r.limits.daily))
-      ), r.limits.monthly !== null && e.push(
-        l.formatMonthlyLimit(p(r.limits.monthly))
-      ));
-    }
-    return e;
-  }, [a, p, l, t.freeTierFeatures]), Z = x(
-    (e) => {
-      const r = O[e];
-      if (!r) return;
-      const v = h.find(
-        (D) => D.identifier === e
-      );
-      if (!v) return;
-      const U = Object.entries(O).find(
-        ([D, ie]) => ie === r && D.includes("monthly")
-      )?.[0];
-      if (!U) return;
-      const $ = h.find(
-        (D) => D.identifier === U
-      );
-      if (!$) return;
-      const V = parseFloat(v.price), q = parseFloat($.price);
-      if (q <= 0 || V <= 0) return;
-      const H = q * 12, te = (H - V) / H * 100;
-      return Math.round(te);
-    },
-    [h]
-  ), ee = [
-    { value: "monthly", label: t.billingMonthly },
-    { value: "yearly", label: t.billingYearly }
-  ];
-  return /* @__PURE__ */ i(
-    xe,
-    {
-      title: t.title,
-      error: S,
-      currentStatusLabel: t.currentStatusLabel,
-      currentStatus: {
-        isActive: c?.isActive ?? !1,
-        activeContent: c?.isActive ? {
-          title: t.statusActive,
-          fields: [
-            {
-              label: t.labelPlan,
-              value: c.productIdentifier || t.labelPremium
-            },
-            {
-              label: t.labelExpires,
-              value: k(
-                c.expirationDate
-              )
-            },
-            {
-              label: t.labelWillRenew,
-              value: c.willRenew ? t.yes : t.no
-            },
-            ...a ? [
-              {
-                label: t.labelMonthlyUsage,
-                value: `${a.currentUsage.monthly.toLocaleString()} / ${p(a.currentLimits.monthly)}`
-              },
-              {
-                label: t.labelDailyUsage,
-                value: `${a.currentUsage.daily.toLocaleString()} / ${p(a.currentLimits.daily)}`
-              }
-            ] : []
-          ]
-        } : void 0,
-        inactiveContent: c?.isActive ? void 0 : {
-          title: t.statusInactive,
-          message: t.statusInactiveMessage
-        }
-      },
-      aboveProducts: !f && h.length > 0 ? /* @__PURE__ */ i("div", { className: "flex justify-center mb-6", children: /* @__PURE__ */ i(
-        J,
-        {
-          options: ee,
-          value: g,
-          onChange: B
-        }
-      ) }) : null,
-      primaryAction: {
-        label: L ? t.buttonPurchasing : t.buttonSubscribe,
-        onClick: M,
-        disabled: !P || L || C,
-        loading: L
-      },
-      secondaryAction: {
-        label: C ? t.buttonRestoring : t.buttonRestore,
-        onClick: I,
-        disabled: L || C,
-        loading: C
-      },
-      children: f ? /* @__PURE__ */ i("div", { className: "flex items-center justify-center py-12", children: /* @__PURE__ */ i("div", { className: "animate-spin rounded-full h-8 w-8 border-b-2 border-blue-600" }) }) : h.length === 0 ? /* @__PURE__ */ i("div", { className: "text-center py-12 text-theme-text-secondary", children: t.noProducts }) : m.length === 0 ? /* @__PURE__ */ i("div", { className: "text-center py-12 text-theme-text-secondary", children: t.noProductsForPeriod }) : /* @__PURE__ */ s(ne, { children: [
-        /* @__PURE__ */ i(
-          W,
-          {
-            id: "free",
-            title: t.freeTierTitle,
-            price: t.freeTierPrice,
-            periodLabel: t.periodMonth,
-            features: X(),
-            isSelected: !c?.isActive && P === null,
-            onSelect: () => F(null),
-            topBadge: c?.isActive ? void 0 : {
-              text: t.currentPlanBadge,
-              color: "green"
-            },
-            disabled: L || C,
-            hideSelectionIndicator: !0
-          },
-          "free"
-        ),
-        m.map((e) => /* @__PURE__ */ i(
-          W,
-          {
-            id: e.identifier,
-            title: e.title,
-            price: e.priceString,
-            periodLabel: A(e.period),
-            features: Q(e.identifier),
-            isSelected: P === e.identifier,
-            onSelect: () => F(e.identifier),
-            isBestValue: e.identifier.includes("pro"),
-            discountBadge: e.period?.includes("Y") ? (() => {
-              const r = Z(
-                e.identifier
-              );
-              return r && r > 0 ? {
-                text: l.formatSavePercent(r),
-                isBestValue: !0
-              } : void 0;
-            })() : void 0,
-            introPriceNote: e.freeTrialPeriod ? Y(e.freeTrialPeriod) : e.introPrice ? l.formatIntroNote(e.introPrice) : void 0,
-            disabled: L || C
-          },
-          e.identifier
-        ))
-      ] })
-    }
-  );
-}
-function Ie({
-  products: u,
-  isAuthenticated: a,
-  hasActiveSubscription: t,
-  currentProductIdentifier: l,
-  labels: o,
-  formatters: b,
-  entitlementMap: y,
-  entitlementLevels: N,
-  onPlanClick: h,
-  onFreePlanClick: c,
-  faqItems: f,
-  className: S
-}) {
-  const [T, R] = E("monthly"), d = x(
-    (n) => {
-      const m = y[n];
-      return m ? N[m] ?? 0 : 0;
-    },
-    [y, N]
-  ), g = l ? d(l) : 0, w = u.filter((n) => {
-    if (!n.period) return !1;
-    const m = n.period.includes("Y") || n.period.includes("year");
-    return T === "yearly" ? m : !m;
-  }).sort((n, m) => parseFloat(n.price) - parseFloat(m.price)), P = x(
-    (n) => n ? n.includes("Y") || n.includes("year") ? o.periodYear : n.includes("M") || n.includes("month") ? o.periodMonth : n.includes("W") || n.includes("week") ? o.periodWeek : "" : "",
-    [o]
-  ), F = x(
-    (n) => {
-      const m = y[n];
-      if (!m) return;
-      const B = u.find(
-        (p) => p.identifier === n
-      );
-      if (!B) return;
-      const M = Object.entries(y).find(
-        ([p, j]) => j === m && p.includes("monthly")
-      )?.[0];
-      if (!M) return;
-      const I = u.find(
-        (p) => p.identifier === M
-      );
-      if (!I) return;
-      const k = parseFloat(B.price), A = parseFloat(I.price);
-      if (A <= 0 || k <= 0) return;
-      const Y = A * 12, _ = (Y - k) / Y * 100;
-      return Math.round(_);
-    },
-    [u, y]
-  ), L = [
-    { value: "monthly", label: o.billingMonthly },
-    { value: "yearly", label: o.billingYearly }
-  ], z = x(
-    (n) => !a || !t ? !1 : d(n) === g && g > 0,
-    [a, t, d, g]
-  ), C = x(
-    (n) => d(n) > g,
-    [d, g]
-  );
-  return /* @__PURE__ */ s("div", { className: S, children: [
-    /* @__PURE__ */ i("section", { className: "py-16 px-4 sm:px-6 lg:px-8", children: /* @__PURE__ */ s("div", { className: "max-w-4xl mx-auto text-center", children: [
-      /* @__PURE__ */ i("h1", { className: "text-4xl sm:text-5xl font-bold text-theme-text-primary mb-4", children: o.title }),
-      /* @__PURE__ */ i("p", { className: "text-lg text-theme-text-secondary", children: o.subtitle })
-    ] }) }),
-    /* @__PURE__ */ i("section", { className: "pb-20 px-4 sm:px-6 lg:px-8", children: /* @__PURE__ */ s("div", { className: "max-w-6xl mx-auto", children: [
-      /* @__PURE__ */ i("div", { className: "flex justify-center mb-8", children: /* @__PURE__ */ i(
-        J,
-        {
-          options: L,
-          value: T,
-          onChange: R
-        }
-      ) }),
-      /* @__PURE__ */ s(
-        "div",
-        {
-          style: {
-            display: "grid",
-            gridTemplateColumns: "repeat(auto-fit, minmax(min(100%, 280px), 1fr))",
-            gap: "1.5rem"
-          },
-          children: [
-            /* @__PURE__ */ i(
-              W,
-              {
-                id: "free",
-                title: o.freeTierTitle,
-                price: o.freeTierPrice,
-                periodLabel: o.periodMonth,
-                features: o.freeTierFeatures,
-                isSelected: !1,
-                onSelect: () => {
-                },
-                topBadge: a && !t ? {
-                  text: o.currentPlanBadge,
-                  color: "green"
-                } : void 0,
-                ctaButton: (
-                  // Not logged in: show "Try it for Free"
-                  // Logged in on free plan: no CTA (current plan)
-                  // Logged in with subscription: no CTA (can't downgrade here)
-                  a ? void 0 : {
-                    label: o.ctaTryFree,
-                    onClick: c
-                  }
-                ),
-                hideSelectionIndicator: a
-              }
-            ),
-            w.map((n) => {
-              const m = z(n.identifier), B = C(n.identifier);
-              let M;
-              a ? m ? M = void 0 : B && (M = {
-                label: o.ctaUpgrade,
-                onClick: () => h(n.identifier)
-              }) : M = {
-                label: o.ctaLogIn,
-                onClick: () => h(n.identifier)
-              };
-              let I;
-              return m ? I = {
-                text: o.currentPlanBadge,
-                color: "green"
-              } : n.identifier.includes("pro") && (I = {
-                text: o.mostPopularBadge,
-                color: "yellow"
-              }), /* @__PURE__ */ i(
-                W,
-                {
-                  id: n.identifier,
-                  title: n.title,
-                  price: n.priceString,
-                  periodLabel: P(n.period),
-                  features: b.getProductFeatures(n.identifier),
-                  isSelected: !1,
-                  onSelect: () => {
-                  },
-                  isBestValue: n.identifier.includes("pro"),
-                  topBadge: I,
-                  discountBadge: n.period?.includes("Y") ? (() => {
-                    const k = F(
-                      n.identifier
-                    );
-                    return k && k > 0 ? {
-                      text: b.formatSavePercent(k),
-                      isBestValue: !0
-                    } : void 0;
-                  })() : void 0,
-                  ctaButton: M,
-                  hideSelectionIndicator: !M
-                },
-                n.identifier
-              );
-            })
-          ]
-        }
-      )
-    ] }) }),
-    f && f.length > 0 && /* @__PURE__ */ i("section", { className: "py-20 px-4 sm:px-6 lg:px-8 bg-theme-bg-secondary", children: /* @__PURE__ */ s("div", { className: "max-w-3xl mx-auto", children: [
-      /* @__PURE__ */ i("h2", { className: "text-3xl font-bold text-theme-text-primary text-center mb-12", children: o.faqTitle }),
-      /* @__PURE__ */ i("div", { className: "space-y-6", children: f.map((n, m) => /* @__PURE__ */ s(
-        "div",
-        {
-          className: "bg-theme-bg-primary p-6 rounded-xl border border-theme-border",
-          children: [
-            /* @__PURE__ */ i("h3", { className: "text-lg font-semibold text-theme-text-primary mb-2", children: n.question }),
-            /* @__PURE__ */ i("p", { className: "text-theme-text-secondary", children: n.answer })
-          ]
-        },
-        m
-      )) })
-    ] }) })
-  ] });
-}
 export {
-  Te as EntityListPage,
-  Ie as EntityPricingPage,
-  Ce as EntitySubscriptionsPage,
-  Le as InvitationsPage,
-  Fe as MembersManagementPage
+  U as EntityListPage,
+  G as InvitationsPage,
+  B as MembersManagementPage
 };

package/dist/index.umd.js

@@ -1 +1 @@
-(function(m,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("react/jsx-runtime"),require("react"),require("lucide-react"),require("@sudobility/entity-components"),require("@sudobility/entity_client"),require("@sudobility/subscription-components")):typeof define=="function"&&define.amd?define(["exports","react/jsx-runtime","react","lucide-react","@sudobility/entity-components","@sudobility/entity_client","@sudobility/subscription-components"],e):(m=typeof globalThis<"u"?globalThis:m||self,e(m.EntityPages={},m.jsxRuntime,m.React,m.LucideReact,m.SudobilityEntityComponents,m.SudobilityEntityClient,m.SudobilitySubscriptionComponents))})(this,(function(m,e,l,J,z,S,B){"use strict";function Q({client:u,onSelectEntity:a}){const[i,o]=l.useState(!1),[s,x]=l.useState({displayName:"",description:""}),[f,N]=l.useState(null),{data:h=[],isLoading:c}=S.useEntities(u),g=S.useCreateEntity(u),w=h.filter(d=>d.entityType==="personal"),k=h.filter(d=>d.entityType==="organization"),D=async d=>{if(d.preventDefault(),N(null),!s.displayName.trim()){N("Display name is required");return}try{await g.mutateAsync({displayName:s.displayName.trim(),description:s.description.trim()||void 0}),o(!1),x({displayName:"",description:""})}catch(p){N(p.message||"Failed to create organization")}};return e.jsxs("div",{className:"space-y-8",children:[e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsxs("div",{children:[e.jsx("h1",{className:"text-2xl font-bold text-foreground",children:"Workspaces"}),e.jsx("p",{className:"text-muted-foreground",children:"Manage your personal and organization workspaces"})]}),e.jsxs("button",{type:"button",onClick:()=>o(!0),className:"flex items-center gap-2 px-4 py-2 rounded-lg bg-primary text-primary-foreground font-medium hover:bg-primary/90 transition-colors",children:[e.jsx(J.Plus,{className:"h-4 w-4"}),e.jsx("span",{children:"New Organization"})]})]}),i&&e.jsx("div",{className:"fixed inset-0 z-50 flex items-center justify-center bg-black/50",children:e.jsxs("div",{className:"w-full max-w-md rounded-lg bg-background p-6 shadow-lg",children:[e.jsx("h2",{className:"text-lg font-semibold mb-4",children:"Create Organization"}),e.jsxs("form",{onSubmit:D,className:"space-y-4",children:[e.jsxs("div",{children:[e.jsx("label",{className:"block text-sm font-medium mb-1",children:"Display Name"}),e.jsx("input",{type:"text",value:s.displayName,onChange:d=>x(p=>({...p,displayName:d.target.value})),placeholder:"My Organization",className:"w-full px-3 py-2 rounded-lg border bg-background focus:outline-none focus:ring-2 focus:ring-primary"})]}),e.jsxs("div",{children:[e.jsx("label",{className:"block text-sm font-medium mb-1",children:"Description (optional)"}),e.jsx("textarea",{value:s.description,onChange:d=>x(p=>({...p,description:d.target.value})),placeholder:"What is this organization for?",rows:3,className:"w-full px-3 py-2 rounded-lg border bg-background focus:outline-none focus:ring-2 focus:ring-primary resize-none"})]}),f&&e.jsx("p",{className:"text-sm text-destructive",children:f}),e.jsxs("div",{className:"flex justify-end gap-2",children:[e.jsx("button",{type:"button",onClick:()=>{o(!1),x({displayName:"",description:""}),N(null)},className:"px-4 py-2 rounded-lg border hover:bg-muted transition-colors",children:"Cancel"}),e.jsx("button",{type:"submit",disabled:g.isPending,className:"px-4 py-2 rounded-lg bg-primary text-primary-foreground font-medium hover:bg-primary/90 transition-colors disabled:opacity-50",children:g.isPending?"Creating...":"Create"})]})]})]})}),w.length>0&&e.jsxs("div",{children:[e.jsx("h2",{className:"text-lg font-semibold mb-3",children:"Personal Workspace"}),e.jsx(z.EntityList,{entities:w,onSelect:a,isLoading:c})]}),e.jsxs("div",{children:[e.jsx("h2",{className:"text-lg font-semibold mb-3",children:"Organizations"}),k.length===0&&!c?e.jsxs("div",{className:"text-center py-8 text-muted-foreground border border-dashed rounded-lg",children:[e.jsx("p",{children:"No organizations yet"}),e.jsx("button",{type:"button",onClick:()=>o(!0),className:"mt-2 text-primary hover:underline",children:"Create your first organization"})]}):e.jsx(z.EntityList,{entities:k,onSelect:a,isLoading:c})]})]})}function X({client:u,entity:a,currentUserId:i}){const o=a.userRole==="admin",{data:s=[],isLoading:x}=S.useEntityMembers(u,a.entitySlug),f=S.useUpdateMemberRole(u),N=S.useRemoveMember(u),{data:h=[],isLoading:c}=S.useEntityInvitations(u,o?a.entitySlug:null),g=S.useCreateInvitation(u),w=S.useCancelInvitation(u),k=async(T,P)=>{try{await f.mutateAsync({entitySlug:a.entitySlug,memberId:T,role:P})}catch(C){console.error("Failed to update role:",C)}},D=async T=>{if(confirm("Are you sure you want to remove this member?"))try{await N.mutateAsync({entitySlug:a.entitySlug,memberId:T})}catch(P){console.error("Failed to remove member:",P)}},d=async T=>{await g.mutateAsync({entitySlug:a.entitySlug,request:T})},p=async T=>{try{await w.mutateAsync({entitySlug:a.entitySlug,invitationId:T})}catch(P){console.error("Failed to cancel invitation:",P)}};return a.entityType==="personal"?e.jsxs("div",{className:"text-center py-12 text-muted-foreground",children:[e.jsx("p",{children:"Personal workspaces cannot have additional members."}),e.jsx("p",{className:"mt-2",children:"Create an organization to collaborate with others."})]}):e.jsxs("div",{className:"space-y-8",children:[e.jsxs("div",{children:[e.jsx("h1",{className:"text-2xl font-bold text-foreground",children:"Members"}),e.jsxs("p",{className:"text-muted-foreground",children:["Manage members and invitations for ",a.displayName]})]}),o&&e.jsxs("div",{className:"rounded-lg border p-4",children:[e.jsx("h2",{className:"text-lg font-semibold mb-4",children:"Invite Members"}),e.jsx(z.InvitationForm,{onSubmit:d,isSubmitting:g.isPending})]}),o&&e.jsxs("div",{children:[e.jsx("h2",{className:"text-lg font-semibold mb-3",children:"Pending Invitations"}),e.jsx(z.InvitationList,{invitations:h,mode:"admin",onCancel:p,isLoading:c,emptyMessage:"No pending invitations"})]}),e.jsxs("div",{children:[e.jsxs("h2",{className:"text-lg font-semibold mb-3",children:["Current Members (",s.length,")"]}),e.jsx(z.MemberList,{members:s,currentUserId:i,canManage:o,onRoleChange:k,onRemove:D,isLoading:x})]})]})}function Z({client:u,onInvitationAccepted:a}){const{data:i=[],isLoading:o}=S.useMyInvitations(u),s=S.useAcceptInvitation(u),x=S.useDeclineInvitation(u),f=async c=>{try{await s.mutateAsync(c),a?.()}catch(g){console.error("Failed to accept invitation:",g)}},N=async c=>{try{await x.mutateAsync(c)}catch(g){console.error("Failed to decline invitation:",g)}},h=i.filter(c=>c.status==="pending").length;return e.jsxs("div",{className:"space-y-6",children:[e.jsxs("div",{children:[e.jsx("h1",{className:"text-2xl font-bold text-foreground",children:"Invitations"}),e.jsx("p",{className:"text-muted-foreground",children:h>0?`You have ${h} pending invitation${h>1?"s":""}`:"No pending invitations"})]}),e.jsx(z.InvitationList,{invitations:i,mode:"user",onAccept:f,onDecline:N,isLoading:o,emptyMessage:"You don't have any pending invitations"})]})}const _={ultra_yearly:"bandwidth_ultra",ultra_monthly:"bandwidth_ultra",pro_yearly:"bandwidth_pro",pro_monthly:"bandwidth_pro",dev_yearly:"bandwidth_dev",dev_monthly:"bandwidth_dev"};function R({subscription:u,rateLimitsConfig:a,labels:i,formatters:o,onPurchaseSuccess:s,onRestoreSuccess:x,onError:f,onWarning:N}){const{products:h,currentSubscription:c,isLoading:g,error:w,purchase:k,restore:D,clearError:d}=u,[p,T]=l.useState("monthly"),[P,C]=l.useState(null),[L,j]=l.useState(!1),[F,n]=l.useState(!1);l.useEffect(()=>{w&&(f?.(i.errorTitle,w),d())},[w,d,i.errorTitle,f]);const y=h.filter(t=>{if(!t.period)return!1;const r=t.period.includes("Y")||t.period.includes("year");return p==="yearly"?r:!r}).sort((t,r)=>parseFloat(t.price)-parseFloat(r.price)),A=t=>{T(t),C(null)},M=async()=>{if(P){j(!0),d();try{await k(P)&&(s?.(),C(null))}catch(t){f?.(i.errorTitle,t instanceof Error?t.message:i.purchaseError)}finally{j(!1)}}},E=async()=>{n(!0),d();try{await D()?x?.():N?.(i.errorTitle,i.restoreNoPurchases)}catch(t){f?.(i.errorTitle,t instanceof Error?t.message:i.restoreError)}finally{n(!1)}},I=l.useCallback(t=>t?new Intl.DateTimeFormat(void 0,{year:"numeric",month:"long",day:"numeric"}).format(t):"",[]),W=l.useCallback(t=>t?t.includes("Y")||t.includes("year")?i.periodYear:t.includes("M")||t.includes("month")?i.periodMonth:t.includes("W")||t.includes("week")?i.periodWeek:"":"",[i]),q=l.useCallback(t=>{if(!t)return;const r=parseInt(t.replace(/\D/g,"")||"1",10);return t.includes("W")?o.formatTrialWeeks(r):t.includes("M")?o.formatTrialMonths(r):o.formatTrialDays(r)},[o]),O=l.useCallback(t=>{if(!a?.tiers)return;const r=_[t];return r?a.tiers.find(b=>b.entitlement===r):a.tiers.find(b=>b.entitlement==="none")},[a]),v=l.useCallback(t=>t===null?i.unlimited:t.toLocaleString(),[i.unlimited]),U=l.useCallback(t=>{const r=O(t);if(!r)return[];const b=[];return r.limits.hourly!==null&&b.push(o.formatHourlyLimit(v(r.limits.hourly))),r.limits.daily!==null&&b.push(o.formatDailyLimit(v(r.limits.daily))),r.limits.monthly!==null&&b.push(o.formatMonthlyLimit(v(r.limits.monthly))),r.limits.hourly===null&&r.limits.daily===null&&r.limits.monthly===null&&b.push(i.unlimitedRequests),b},[O,v,o,i.unlimitedRequests]),te=l.useCallback(t=>U(t),[U]),ie=l.useCallback(()=>{const t=[...i.freeTierFeatures];if(a?.tiers){const r=a.tiers.find(b=>b.entitlement==="none");r&&(r.limits.hourly!==null&&t.push(o.formatHourlyLimit(v(r.limits.hourly))),r.limits.daily!==null&&t.push(o.formatDailyLimit(v(r.limits.daily))),r.limits.monthly!==null&&t.push(o.formatMonthlyLimit(v(r.limits.monthly))))}return t},[a,v,o,i.freeTierFeatures]),ne=l.useCallback(t=>{const r=_[t];if(!r)return;const b=h.find(Y=>Y.identifier===t);if(!b)return;const $=Object.entries(_).find(([Y,se])=>se===r&&Y.includes("monthly"))?.[0];if(!$)return;const V=h.find(Y=>Y.identifier===$);if(!V)return;const H=parseFloat(b.price),G=parseFloat(V.price);if(G<=0||H<=0)return;const K=G*12,ae=(K-H)/K*100;return Math.round(ae)},[h]),re=[{value:"monthly",label:i.billingMonthly},{value:"yearly",label:i.billingYearly}];return e.jsx(B.SubscriptionLayout,{title:i.title,error:w,currentStatusLabel:i.currentStatusLabel,currentStatus:{isActive:c?.isActive??!1,activeContent:c?.isActive?{title:i.statusActive,fields:[{label:i.labelPlan,value:c.productIdentifier||i.labelPremium},{label:i.labelExpires,value:I(c.expirationDate)},{label:i.labelWillRenew,value:c.willRenew?i.yes:i.no},...a?[{label:i.labelMonthlyUsage,value:`${a.currentUsage.monthly.toLocaleString()} / ${v(a.currentLimits.monthly)}`},{label:i.labelDailyUsage,value:`${a.currentUsage.daily.toLocaleString()} / ${v(a.currentLimits.daily)}`}]:[]]}:void 0,inactiveContent:c?.isActive?void 0:{title:i.statusInactive,message:i.statusInactiveMessage}},aboveProducts:!g&&h.length>0?e.jsx("div",{className:"flex justify-center mb-6",children:e.jsx(B.SegmentedControl,{options:re,value:p,onChange:A})}):null,primaryAction:{label:L?i.buttonPurchasing:i.buttonSubscribe,onClick:M,disabled:!P||L||F,loading:L},secondaryAction:{label:F?i.buttonRestoring:i.buttonRestore,onClick:E,disabled:L||F,loading:F},children:g?e.jsx("div",{className:"flex items-center justify-center py-12",children:e.jsx("div",{className:"animate-spin rounded-full h-8 w-8 border-b-2 border-blue-600"})}):h.length===0?e.jsx("div",{className:"text-center py-12 text-theme-text-secondary",children:i.noProducts}):y.length===0?e.jsx("div",{className:"text-center py-12 text-theme-text-secondary",children:i.noProductsForPeriod}):e.jsxs(e.Fragment,{children:[e.jsx(B.SubscriptionTile,{id:"free",title:i.freeTierTitle,price:i.freeTierPrice,periodLabel:i.periodMonth,features:ie(),isSelected:!c?.isActive&&P===null,onSelect:()=>C(null),topBadge:c?.isActive?void 0:{text:i.currentPlanBadge,color:"green"},disabled:L||F,hideSelectionIndicator:!0},"free"),y.map(t=>e.jsx(B.SubscriptionTile,{id:t.identifier,title:t.title,price:t.priceString,periodLabel:W(t.period),features:te(t.identifier),isSelected:P===t.identifier,onSelect:()=>C(t.identifier),isBestValue:t.identifier.includes("pro"),discountBadge:t.period?.includes("Y")?(()=>{const r=ne(t.identifier);return r&&r>0?{text:o.formatSavePercent(r),isBestValue:!0}:void 0})():void 0,introPriceNote:t.freeTrialPeriod?q(t.freeTrialPeriod):t.introPrice?o.formatIntroNote(t.introPrice):void 0,disabled:L||F},t.identifier))]})})}function ee({products:u,isAuthenticated:a,hasActiveSubscription:i,currentProductIdentifier:o,labels:s,formatters:x,entitlementMap:f,entitlementLevels:N,onPlanClick:h,onFreePlanClick:c,faqItems:g,className:w}){const[k,D]=l.useState("monthly"),d=l.useCallback(n=>{const y=f[n];return y?N[y]??0:0},[f,N]),p=o?d(o):0,T=u.filter(n=>{if(!n.period)return!1;const y=n.period.includes("Y")||n.period.includes("year");return k==="yearly"?y:!y}).sort((n,y)=>parseFloat(n.price)-parseFloat(y.price)),P=l.useCallback(n=>n?n.includes("Y")||n.includes("year")?s.periodYear:n.includes("M")||n.includes("month")?s.periodMonth:n.includes("W")||n.includes("week")?s.periodWeek:"":"",[s]),C=l.useCallback(n=>{const y=f[n];if(!y)return;const A=u.find(v=>v.identifier===n);if(!A)return;const M=Object.entries(f).find(([v,U])=>U===y&&v.includes("monthly"))?.[0];if(!M)return;const E=u.find(v=>v.identifier===M);if(!E)return;const I=parseFloat(A.price),W=parseFloat(E.price);if(W<=0||I<=0)return;const q=W*12,O=(q-I)/q*100;return Math.round(O)},[u,f]),L=[{value:"monthly",label:s.billingMonthly},{value:"yearly",label:s.billingYearly}],j=l.useCallback(n=>!a||!i?!1:d(n)===p&&p>0,[a,i,d,p]),F=l.useCallback(n=>d(n)>p,[d,p]);return e.jsxs("div",{className:w,children:[e.jsx("section",{className:"py-16 px-4 sm:px-6 lg:px-8",children:e.jsxs("div",{className:"max-w-4xl mx-auto text-center",children:[e.jsx("h1",{className:"text-4xl sm:text-5xl font-bold text-theme-text-primary mb-4",children:s.title}),e.jsx("p",{className:"text-lg text-theme-text-secondary",children:s.subtitle})]})}),e.jsx("section",{className:"pb-20 px-4 sm:px-6 lg:px-8",children:e.jsxs("div",{className:"max-w-6xl mx-auto",children:[e.jsx("div",{className:"flex justify-center mb-8",children:e.jsx(B.SegmentedControl,{options:L,value:k,onChange:D})}),e.jsxs("div",{style:{display:"grid",gridTemplateColumns:"repeat(auto-fit, minmax(min(100%, 280px), 1fr))",gap:"1.5rem"},children:[e.jsx(B.SubscriptionTile,{id:"free",title:s.freeTierTitle,price:s.freeTierPrice,periodLabel:s.periodMonth,features:s.freeTierFeatures,isSelected:!1,onSelect:()=>{},topBadge:a&&!i?{text:s.currentPlanBadge,color:"green"}:void 0,ctaButton:a?void 0:{label:s.ctaTryFree,onClick:c},hideSelectionIndicator:a}),T.map(n=>{const y=j(n.identifier),A=F(n.identifier);let M;a?y?M=void 0:A&&(M={label:s.ctaUpgrade,onClick:()=>h(n.identifier)}):M={label:s.ctaLogIn,onClick:()=>h(n.identifier)};let E;return y?E={text:s.currentPlanBadge,color:"green"}:n.identifier.includes("pro")&&(E={text:s.mostPopularBadge,color:"yellow"}),e.jsx(B.SubscriptionTile,{id:n.identifier,title:n.title,price:n.priceString,periodLabel:P(n.period),features:x.getProductFeatures(n.identifier),isSelected:!1,onSelect:()=>{},isBestValue:n.identifier.includes("pro"),topBadge:E,discountBadge:n.period?.includes("Y")?(()=>{const I=C(n.identifier);return I&&I>0?{text:x.formatSavePercent(I),isBestValue:!0}:void 0})():void 0,ctaButton:M,hideSelectionIndicator:!M},n.identifier)})]})]})}),g&&g.length>0&&e.jsx("section",{className:"py-20 px-4 sm:px-6 lg:px-8 bg-theme-bg-secondary",children:e.jsxs("div",{className:"max-w-3xl mx-auto",children:[e.jsx("h2",{className:"text-3xl font-bold text-theme-text-primary text-center mb-12",children:s.faqTitle}),e.jsx("div",{className:"space-y-6",children:g.map((n,y)=>e.jsxs("div",{className:"bg-theme-bg-primary p-6 rounded-xl border border-theme-border",children:[e.jsx("h3",{className:"text-lg font-semibold text-theme-text-primary mb-2",children:n.question}),e.jsx("p",{className:"text-theme-text-secondary",children:n.answer})]},y))})]})})]})}m.EntityListPage=Q,m.EntityPricingPage=ee,m.EntitySubscriptionsPage=R,m.InvitationsPage=Z,m.MembersManagementPage=X,Object.defineProperty(m,Symbol.toStringTag,{value:"Module"})}));
+(function(a,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("react/jsx-runtime"),require("react"),require("lucide-react"),require("@sudobility/entity-components"),require("@sudobility/entity_client")):typeof define=="function"&&define.amd?define(["exports","react/jsx-runtime","react","lucide-react","@sudobility/entity-components","@sudobility/entity_client"],e):(a=typeof globalThis<"u"?globalThis:a||self,e(a.EntityPages={},a.jsxRuntime,a.React,a.LucideReact,a.SudobilityEntityComponents,a.SudobilityEntityClient))})(this,(function(a,e,x,w,h,s){"use strict";function C({client:n,onSelectEntity:t}){const[y,i]=x.useState(!1),[d,c]=x.useState({displayName:"",description:""}),[b,g]=x.useState(null),{data:m=[],isLoading:r}=s.useEntities(n),l=s.useCreateEntity(n),f=m.filter(o=>o.entityType==="personal"),N=m.filter(o=>o.entityType==="organization"),S=async o=>{if(o.preventDefault(),g(null),!d.displayName.trim()){g("Display name is required");return}try{await l.mutateAsync({displayName:d.displayName.trim(),description:d.description.trim()||void 0}),i(!1),c({displayName:"",description:""})}catch(u){g(u.message||"Failed to create organization")}};return e.jsxs("div",{className:"space-y-8",children:[e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsxs("div",{children:[e.jsx("h1",{className:"text-2xl font-bold text-foreground",children:"Workspaces"}),e.jsx("p",{className:"text-muted-foreground",children:"Manage your personal and organization workspaces"})]}),e.jsxs("button",{type:"button",onClick:()=>i(!0),className:"flex items-center gap-2 px-4 py-2 rounded-lg bg-primary text-primary-foreground font-medium hover:bg-primary/90 transition-colors",children:[e.jsx(w.Plus,{className:"h-4 w-4"}),e.jsx("span",{children:"New Organization"})]})]}),y&&e.jsx("div",{className:"fixed inset-0 z-50 flex items-center justify-center bg-black/50",children:e.jsxs("div",{className:"w-full max-w-md rounded-lg bg-background p-6 shadow-lg",children:[e.jsx("h2",{className:"text-lg font-semibold mb-4",children:"Create Organization"}),e.jsxs("form",{onSubmit:S,className:"space-y-4",children:[e.jsxs("div",{children:[e.jsx("label",{className:"block text-sm font-medium mb-1",children:"Display Name"}),e.jsx("input",{type:"text",value:d.displayName,onChange:o=>c(u=>({...u,displayName:o.target.value})),placeholder:"My Organization",className:"w-full px-3 py-2 rounded-lg border bg-background focus:outline-none focus:ring-2 focus:ring-primary"})]}),e.jsxs("div",{children:[e.jsx("label",{className:"block text-sm font-medium mb-1",children:"Description (optional)"}),e.jsx("textarea",{value:d.description,onChange:o=>c(u=>({...u,description:o.target.value})),placeholder:"What is this organization for?",rows:3,className:"w-full px-3 py-2 rounded-lg border bg-background focus:outline-none focus:ring-2 focus:ring-primary resize-none"})]}),b&&e.jsx("p",{className:"text-sm text-destructive",children:b}),e.jsxs("div",{className:"flex justify-end gap-2",children:[e.jsx("button",{type:"button",onClick:()=>{i(!1),c({displayName:"",description:""}),g(null)},className:"px-4 py-2 rounded-lg border hover:bg-muted transition-colors",children:"Cancel"}),e.jsx("button",{type:"submit",disabled:l.isPending,className:"px-4 py-2 rounded-lg bg-primary text-primary-foreground font-medium hover:bg-primary/90 transition-colors disabled:opacity-50",children:l.isPending?"Creating...":"Create"})]})]})]})}),f.length>0&&e.jsxs("div",{children:[e.jsx("h2",{className:"text-lg font-semibold mb-3",children:"Personal Workspace"}),e.jsx(h.EntityList,{entities:f,onSelect:t,isLoading:r})]}),e.jsxs("div",{children:[e.jsx("h2",{className:"text-lg font-semibold mb-3",children:"Organizations"}),N.length===0&&!r?e.jsxs("div",{className:"text-center py-8 text-muted-foreground border border-dashed rounded-lg",children:[e.jsx("p",{children:"No organizations yet"}),e.jsx("button",{type:"button",onClick:()=>i(!0),className:"mt-2 text-primary hover:underline",children:"Create your first organization"})]}):e.jsx(h.EntityList,{entities:N,onSelect:t,isLoading:r})]})]})}function M({client:n,entity:t,currentUserId:y}){const i=t.userRole==="admin",{data:d=[],isLoading:c}=s.useEntityMembers(n,t.entitySlug),b=s.useUpdateMemberRole(n),g=s.useRemoveMember(n),{data:m=[],isLoading:r}=s.useEntityInvitations(n,i?t.entitySlug:null),l=s.useCreateInvitation(n),f=s.useCancelInvitation(n),N=async(p,v)=>{try{await b.mutateAsync({entitySlug:t.entitySlug,memberId:p,role:v})}catch(L){console.error("Failed to update role:",L)}},S=async p=>{if(confirm("Are you sure you want to remove this member?"))try{await g.mutateAsync({entitySlug:t.entitySlug,memberId:p})}catch(v){console.error("Failed to remove member:",v)}},o=async p=>{await l.mutateAsync({entitySlug:t.entitySlug,request:p})},u=async p=>{try{await f.mutateAsync({entitySlug:t.entitySlug,invitationId:p})}catch(v){console.error("Failed to cancel invitation:",v)}};return t.entityType==="personal"?e.jsxs("div",{className:"text-center py-12 text-muted-foreground",children:[e.jsx("p",{children:"Personal workspaces cannot have additional members."}),e.jsx("p",{className:"mt-2",children:"Create an organization to collaborate with others."})]}):e.jsxs("div",{className:"space-y-8",children:[e.jsxs("div",{children:[e.jsx("h1",{className:"text-2xl font-bold text-foreground",children:"Members"}),e.jsxs("p",{className:"text-muted-foreground",children:["Manage members and invitations for ",t.displayName]})]}),i&&e.jsxs("div",{className:"rounded-lg border p-4",children:[e.jsx("h2",{className:"text-lg font-semibold mb-4",children:"Invite Members"}),e.jsx(h.InvitationForm,{onSubmit:o,isSubmitting:l.isPending})]}),i&&e.jsxs("div",{children:[e.jsx("h2",{className:"text-lg font-semibold mb-3",children:"Pending Invitations"}),e.jsx(h.InvitationList,{invitations:m,mode:"admin",onCancel:u,isLoading:r,emptyMessage:"No pending invitations"})]}),e.jsxs("div",{children:[e.jsxs("h2",{className:"text-lg font-semibold mb-3",children:["Current Members (",d.length,")"]}),e.jsx(h.MemberList,{members:d,currentUserId:y,canManage:i,onRoleChange:N,onRemove:S,isLoading:c})]})]})}function I({client:n,onInvitationAccepted:t}){const{data:y=[],isLoading:i}=s.useMyInvitations(n),d=s.useAcceptInvitation(n),c=s.useDeclineInvitation(n),b=async r=>{try{await d.mutateAsync(r),t?.()}catch(l){console.error("Failed to accept invitation:",l)}},g=async r=>{try{await c.mutateAsync(r)}catch(l){console.error("Failed to decline invitation:",l)}},m=y.filter(r=>r.status==="pending").length;return e.jsxs("div",{className:"space-y-6",children:[e.jsxs("div",{children:[e.jsx("h1",{className:"text-2xl font-bold text-foreground",children:"Invitations"}),e.jsx("p",{className:"text-muted-foreground",children:m>0?`You have ${m} pending invitation${m>1?"s":""}`:"No pending invitations"})]}),e.jsx(h.InvitationList,{invitations:y,mode:"user",onAccept:b,onDecline:g,isLoading:i,emptyMessage:"You don't have any pending invitations"})]})}a.EntityListPage=C,a.InvitationsPage=I,a.MembersManagementPage=M,Object.defineProperty(a,Symbol.toStringTag,{value:"Module"})}));

package/dist/pages/index.d.ts

@@ -4,5 +4,3 @@
 export { EntityListPage, type EntityListPageProps } from './EntityListPage';
 export { MembersManagementPage, type MembersManagementPageProps, } from './MembersManagementPage';
 export { InvitationsPage, type InvitationsPageProps } from './InvitationsPage';
-export { EntitySubscriptionsPage, type EntitySubscriptionsPageProps, type SubscriptionProduct, type CurrentSubscription, type SubscriptionContextValue, type SubscriptionPageLabels, type SubscriptionPageFormatters, } from './EntitySubscriptionsPage';
-export { EntityPricingPage, type EntityPricingPageProps, type PricingProduct, type FAQItem, type PricingPageLabels, type PricingPageFormatters, type EntitlementMap, type EntitlementLevels, } from './EntityPricingPage';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sudobility/entity_pages",
-  "version": "0.0.14",
+  "version": "0.0.16",
   "description": "Page containers for entity/organization management",
   "type": "module",
   "main": "dist/index.umd.js",
@@ -42,22 +42,13 @@
     "react": "^18.0.0 || ^19.0.0",
     "react-dom": "^18.0.0 || ^19.0.0",
     "@tanstack/react-query": "^5.0.0",
-    "@sudobility/types": "^1.9.43",
-    "@sudobility/entity_client": "^0.0.10",
-    "@sudobility/entity-components": "^1.0.4",
-    "@sudobility/subscription-components": "^1.0.13"
-  },
-  "peerDependenciesMeta": {
-    "@sudobility/subscription-components": {
-      "optional": true
-    }
+    "@sudobility/entity_client": "^0.0.11",
+    "@sudobility/entity-components": "^1.0.4"
   },
   "devDependencies": {
     "@eslint/js": "^9.38.0",
     "@sudobility/entity-components": "^1.0.4",
-    "@sudobility/entity_client": "^0.0.10",
-    "@sudobility/subscription-components": "^1.0.13",
-    "@sudobility/types": "^1.9.43",
+    "@sudobility/entity_client": "^0.0.11",
     "@tanstack/react-query": "^5.0.0",
     "@testing-library/dom": "^10.4.0",
     "@testing-library/jest-dom": "^6.4.2",

package/dist/pages/EntityPricingPage.d.ts

@@ -1,86 +0,0 @@
-/**
- * @fileoverview Entity Pricing Page
- * @description Public pricing page for displaying subscription options
- */
-/** Product from subscription provider */
-export interface PricingProduct {
-    identifier: string;
-    title: string;
-    price: string;
-    priceString: string;
-    period?: string;
-}
-/** FAQ item */
-export interface FAQItem {
-    question: string;
-    answer: string;
-}
-/** All localized labels for the pricing page */
-export interface PricingPageLabels {
-    title: string;
-    subtitle: string;
-    periodYear: string;
-    periodMonth: string;
-    periodWeek: string;
-    billingMonthly: string;
-    billingYearly: string;
-    freeTierTitle: string;
-    freeTierPrice: string;
-    freeTierFeatures: string[];
-    currentPlanBadge: string;
-    mostPopularBadge: string;
-    ctaLogIn: string;
-    ctaTryFree: string;
-    ctaUpgrade: string;
-    faqTitle: string;
-}
-/** Formatter functions for dynamic strings */
-export interface PricingPageFormatters {
-    /** Format savings badge: "Save 20%" */
-    formatSavePercent: (percent: number) => string;
-    /** Get features for a product by its identifier */
-    getProductFeatures: (productId: string) => string[];
-}
-/** Package ID to entitlement mapping */
-export interface EntitlementMap {
-    [packageId: string]: string;
-}
-/** Entitlement to level mapping for comparing plan tiers */
-export interface EntitlementLevels {
-    [entitlement: string]: number;
-}
-export interface EntityPricingPageProps {
-    /** Available subscription products */
-    products: PricingProduct[];
-    /** Whether user is authenticated */
-    isAuthenticated: boolean;
-    /** Whether user has an active subscription */
-    hasActiveSubscription: boolean;
-    /** Current subscription product identifier (if any) */
-    currentProductIdentifier?: string;
-    /** Entity ID used for subscription (the selected entity's ID when logged in) */
-    subscriptionUserId?: string;
-    /** All localized labels */
-    labels: PricingPageLabels;
-    /** Formatter functions */
-    formatters: PricingPageFormatters;
-    /** Package ID to entitlement mapping for calculating savings */
-    entitlementMap: EntitlementMap;
-    /** Entitlement to level mapping for comparing tiers (higher = better) */
-    entitlementLevels: EntitlementLevels;
-    /** Called when user clicks on a plan */
-    onPlanClick: (planIdentifier: string) => void;
-    /** Called when user clicks on free plan */
-    onFreePlanClick: () => void;
-    /** Optional FAQ items */
-    faqItems?: FAQItem[];
-    /** Optional className for the container */
-    className?: string;
-}
-/**
- * Public pricing page for displaying subscription options.
- * - Non-authenticated: Free tile shows "Try it for Free", paid tiles show "Log in to Continue"
- * - Authenticated on free: Free tile shows "Current Plan" badge (no CTA), paid tiles show "Upgrade"
- * - Authenticated with subscription: Current plan shows badge (no CTA), higher tiers show "Upgrade"
- */
-export declare function EntityPricingPage({ products, isAuthenticated, hasActiveSubscription, currentProductIdentifier, labels, formatters, entitlementMap, entitlementLevels, onPlanClick, onFreePlanClick, faqItems, className, }: EntityPricingPageProps): import("react/jsx-runtime").JSX.Element;

package/dist/pages/EntitySubscriptionsPage.d.ts

@@ -1,108 +0,0 @@
-import { RateLimitsConfigData } from '@sudobility/types';
-/** Product from subscription provider */
-export interface SubscriptionProduct {
-    identifier: string;
-    title: string;
-    price: string;
-    priceString: string;
-    period?: string;
-    freeTrialPeriod?: string;
-    introPrice?: string;
-}
-/** Current subscription state */
-export interface CurrentSubscription {
-    isActive: boolean;
-    productIdentifier?: string;
-    expirationDate?: Date;
-    willRenew?: boolean;
-}
-/** Subscription context value passed from consumer */
-export interface SubscriptionContextValue {
-    products: SubscriptionProduct[];
-    currentSubscription: CurrentSubscription | null;
-    isLoading: boolean;
-    error: string | null;
-    purchase: (productId: string) => Promise<boolean>;
-    restore: () => Promise<boolean>;
-    clearError: () => void;
-}
-/** All localized labels for the subscription page */
-export interface SubscriptionPageLabels {
-    title: string;
-    errorTitle: string;
-    purchaseError: string;
-    restoreError: string;
-    restoreNoPurchases: string;
-    periodYear: string;
-    periodMonth: string;
-    periodWeek: string;
-    billingMonthly: string;
-    billingYearly: string;
-    unlimited: string;
-    unlimitedRequests: string;
-    currentStatusLabel: string;
-    statusActive: string;
-    statusInactive: string;
-    statusInactiveMessage: string;
-    labelPlan: string;
-    labelPremium: string;
-    labelExpires: string;
-    labelWillRenew: string;
-    labelMonthlyUsage: string;
-    labelDailyUsage: string;
-    yes: string;
-    no: string;
-    buttonSubscribe: string;
-    buttonPurchasing: string;
-    buttonRestore: string;
-    buttonRestoring: string;
-    noProducts: string;
-    noProductsForPeriod: string;
-    freeTierTitle: string;
-    freeTierPrice: string;
-    freeTierFeatures: string[];
-    currentPlanBadge: string;
-}
-/** Formatter functions for dynamic strings */
-export interface SubscriptionPageFormatters {
-    /** Format rate limit: "1,000 requests/hour" */
-    formatHourlyLimit: (limit: string) => string;
-    /** Format rate limit: "10,000 requests/day" */
-    formatDailyLimit: (limit: string) => string;
-    /** Format rate limit: "100,000 requests/month" */
-    formatMonthlyLimit: (limit: string) => string;
-    /** Format trial period: "7 days free trial" */
-    formatTrialDays: (count: number) => string;
-    /** Format trial period: "2 weeks free trial" */
-    formatTrialWeeks: (count: number) => string;
-    /** Format trial period: "1 month free trial" */
-    formatTrialMonths: (count: number) => string;
-    /** Format savings badge: "Save 20%" */
-    formatSavePercent: (percent: number) => string;
-    /** Format intro price note */
-    formatIntroNote: (price: string) => string;
-}
-export interface EntitySubscriptionsPageProps {
-    /** Subscription context value */
-    subscription: SubscriptionContextValue;
-    /** Rate limit configuration */
-    rateLimitsConfig?: RateLimitsConfigData | null;
-    /** Entity ID used for subscription (the selected entity's ID when logged in) */
-    subscriptionUserId?: string;
-    /** All localized labels */
-    labels: SubscriptionPageLabels;
-    /** Formatter functions for dynamic strings */
-    formatters: SubscriptionPageFormatters;
-    /** Called when purchase succeeds */
-    onPurchaseSuccess?: () => void;
-    /** Called when restore succeeds */
-    onRestoreSuccess?: () => void;
-    /** Called on error */
-    onError?: (title: string, message: string) => void;
-    /** Called on warning */
-    onWarning?: (title: string, message: string) => void;
-}
-/**
- * Page for managing entity subscriptions.
- */
-export declare function EntitySubscriptionsPage({ subscription, rateLimitsConfig, labels, formatters, onPurchaseSuccess, onRestoreSuccess, onError, onWarning, }: EntitySubscriptionsPageProps): import("react/jsx-runtime").JSX.Element;