@sudobility/entity_pages 0.0.13 → 0.0.14

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, } from './pages';
+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';

package/dist/index.esm.js

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

package/dist/index.umd.js

@@ -1 +1 @@
-(function(c,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):(c=typeof globalThis<"u"?globalThis:c||self,e(c.EntityPages={},c.jsxRuntime,c.React,c.LucideReact,c.SudobilityEntityComponents,c.SudobilityEntityClient,c.SudobilitySubscriptionComponents))})(this,(function(c,e,o,$,w,g,C){"use strict";function U({client:d,onSelectEntity:r}){const[i,a]=o.useState(!1),[m,v]=o.useState({displayName:"",description:""}),[f,b]=o.useState(null),{data:u=[],isLoading:s}=g.useEntities(d),h=g.useCreateEntity(d),S=u.filter(l=>l.entityType==="personal"),M=u.filter(l=>l.entityType==="organization"),k=async l=>{if(l.preventDefault(),b(null),!m.displayName.trim()){b("Display name is required");return}try{await h.mutateAsync({displayName:m.displayName.trim(),description:m.description.trim()||void 0}),a(!1),v({displayName:"",description:""})}catch(N){b(N.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:()=>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:[e.jsx($.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:k,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:m.displayName,onChange:l=>v(N=>({...N,displayName:l.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:m.description,onChange:l=>v(N=>({...N,description:l.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:()=>{a(!1),v({displayName:"",description:""}),b(null)},className:"px-4 py-2 rounded-lg border hover:bg-muted transition-colors",children:"Cancel"}),e.jsx("button",{type:"submit",disabled:h.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:h.isPending?"Creating...":"Create"})]})]})]})}),S.length>0&&e.jsxs("div",{children:[e.jsx("h2",{className:"text-lg font-semibold mb-3",children:"Personal Workspace"}),e.jsx(w.EntityList,{entities:S,onSelect:r,isLoading:s})]}),e.jsxs("div",{children:[e.jsx("h2",{className:"text-lg font-semibold mb-3",children:"Organizations"}),M.length===0&&!s?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:()=>a(!0),className:"mt-2 text-primary hover:underline",children:"Create your first organization"})]}):e.jsx(w.EntityList,{entities:M,onSelect:r,isLoading:s})]})]})}function H({client:d,entity:r,currentUserId:i}){const a=r.userRole==="admin",{data:m=[],isLoading:v}=g.useEntityMembers(d,r.entitySlug),f=g.useUpdateMemberRole(d),b=g.useRemoveMember(d),{data:u=[],isLoading:s}=g.useEntityInvitations(d,a?r.entitySlug:null),h=g.useCreateInvitation(d),S=g.useCancelInvitation(d),M=async(P,p)=>{try{await f.mutateAsync({entitySlug:r.entitySlug,memberId:P,role:p})}catch(T){console.error("Failed to update role:",T)}},k=async P=>{if(confirm("Are you sure you want to remove this member?"))try{await b.mutateAsync({entitySlug:r.entitySlug,memberId:P})}catch(p){console.error("Failed to remove member:",p)}},l=async P=>{await h.mutateAsync({entitySlug:r.entitySlug,request:P})},N=async P=>{try{await S.mutateAsync({entitySlug:r.entitySlug,invitationId:P})}catch(p){console.error("Failed to cancel invitation:",p)}};return r.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 ",r.displayName]})]}),a&&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(w.InvitationForm,{onSubmit:l,isSubmitting:h.isPending})]}),a&&e.jsxs("div",{children:[e.jsx("h2",{className:"text-lg font-semibold mb-3",children:"Pending Invitations"}),e.jsx(w.InvitationList,{invitations:u,mode:"admin",onCancel:N,isLoading:s,emptyMessage:"No pending invitations"})]}),e.jsxs("div",{children:[e.jsxs("h2",{className:"text-lg font-semibold mb-3",children:["Current Members (",m.length,")"]}),e.jsx(w.MemberList,{members:m,currentUserId:i,canManage:a,onRoleChange:M,onRemove:k,isLoading:v})]})]})}function V({client:d,onInvitationAccepted:r}){const{data:i=[],isLoading:a}=g.useMyInvitations(d),m=g.useAcceptInvitation(d),v=g.useDeclineInvitation(d),f=async s=>{try{await m.mutateAsync(s),r?.()}catch(h){console.error("Failed to accept invitation:",h)}},b=async s=>{try{await v.mutateAsync(s)}catch(h){console.error("Failed to decline invitation:",h)}},u=i.filter(s=>s.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:u>0?`You have ${u} pending invitation${u>1?"s":""}`:"No pending invitations"})]}),e.jsx(w.InvitationList,{invitations:i,mode:"user",onAccept:f,onDecline:b,isLoading:a,emptyMessage:"You don't have any pending invitations"})]})}const F={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 G({subscription:d,rateLimitsConfig:r,labels:i,formatters:a,onPurchaseSuccess:m,onRestoreSuccess:v,onError:f,onWarning:b}){const{products:u,currentSubscription:s,isLoading:h,error:S,purchase:M,restore:k,clearError:l}=d,[N,P]=o.useState("monthly"),[p,T]=o.useState(null),[I,A]=o.useState(!1),[L,D]=o.useState(!1);o.useEffect(()=>{S&&(f?.(i.errorTitle,S),l())},[S,l,i.errorTitle,f]);const z=u.filter(t=>{if(!t.period)return!1;const n=t.period.includes("Y")||t.period.includes("year");return N==="yearly"?n:!n}).sort((t,n)=>parseFloat(t.price)-parseFloat(n.price)),K=t=>{P(t),T(null)},J=async()=>{if(p){A(!0),l();try{await M(p)&&(m?.(),T(null))}catch(t){f?.(i.errorTitle,t instanceof Error?t.message:i.purchaseError)}finally{A(!1)}}},Q=async()=>{D(!0),l();try{await k()?v?.():b?.(i.errorTitle,i.restoreNoPurchases)}catch(t){f?.(i.errorTitle,t instanceof Error?t.message:i.restoreError)}finally{D(!1)}},X=o.useCallback(t=>t?new Intl.DateTimeFormat(void 0,{year:"numeric",month:"long",day:"numeric"}).format(t):"",[]),Z=o.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]),R=o.useCallback(t=>{if(!t)return;const n=parseInt(t.replace(/\D/g,"")||"1",10);return t.includes("W")?a.formatTrialWeeks(n):t.includes("M")?a.formatTrialMonths(n):a.formatTrialDays(n)},[a]),j=o.useCallback(t=>{if(!r?.tiers)return;const n=F[t];return n?r.tiers.find(y=>y.entitlement===n):r.tiers.find(y=>y.entitlement==="none")},[r]),x=o.useCallback(t=>t===null?i.unlimited:t.toLocaleString(),[i.unlimited]),q=o.useCallback(t=>{const n=j(t);if(!n)return[];const y=[];return n.limits.hourly!==null&&y.push(a.formatHourlyLimit(x(n.limits.hourly))),n.limits.daily!==null&&y.push(a.formatDailyLimit(x(n.limits.daily))),n.limits.monthly!==null&&y.push(a.formatMonthlyLimit(x(n.limits.monthly))),n.limits.hourly===null&&n.limits.daily===null&&n.limits.monthly===null&&y.push(i.unlimitedRequests),y},[j,x,a,i.unlimitedRequests]),ee=o.useCallback(t=>q(t),[q]),te=o.useCallback(()=>{const t=[...i.freeTierFeatures];if(r?.tiers){const n=r.tiers.find(y=>y.entitlement==="none");n&&(n.limits.hourly!==null&&t.push(a.formatHourlyLimit(x(n.limits.hourly))),n.limits.daily!==null&&t.push(a.formatDailyLimit(x(n.limits.daily))),n.limits.monthly!==null&&t.push(a.formatMonthlyLimit(x(n.limits.monthly))))}return t},[r,x,a,i.freeTierFeatures]),ie=o.useCallback(t=>{const n=F[t];if(!n)return;const y=u.find(E=>E.identifier===t);if(!y)return;const Y=Object.entries(F).find(([E,ae])=>ae===n&&E.includes("monthly"))?.[0];if(!Y)return;const W=u.find(E=>E.identifier===Y);if(!W)return;const O=parseFloat(y.price),B=parseFloat(W.price);if(B<=0||O<=0)return;const _=B*12,re=(_-O)/_*100;return Math.round(re)},[u]),ne=[{value:"monthly",label:i.billingMonthly},{value:"yearly",label:i.billingYearly}];return e.jsx(C.SubscriptionLayout,{title:i.title,error:S,currentStatusLabel:i.currentStatusLabel,currentStatus:{isActive:s?.isActive??!1,activeContent:s?.isActive?{title:i.statusActive,fields:[{label:i.labelPlan,value:s.productIdentifier||i.labelPremium},{label:i.labelExpires,value:X(s.expirationDate)},{label:i.labelWillRenew,value:s.willRenew?i.yes:i.no},...r?[{label:i.labelMonthlyUsage,value:`${r.currentUsage.monthly.toLocaleString()} / ${x(r.currentLimits.monthly)}`},{label:i.labelDailyUsage,value:`${r.currentUsage.daily.toLocaleString()} / ${x(r.currentLimits.daily)}`}]:[]]}:void 0,inactiveContent:s?.isActive?void 0:{title:i.statusInactive,message:i.statusInactiveMessage}},aboveProducts:!h&&u.length>0?e.jsx("div",{className:"flex justify-center mb-6",children:e.jsx(C.SegmentedControl,{options:ne,value:N,onChange:K})}):null,primaryAction:{label:I?i.buttonPurchasing:i.buttonSubscribe,onClick:J,disabled:!p||I||L,loading:I},secondaryAction:{label:L?i.buttonRestoring:i.buttonRestore,onClick:Q,disabled:I||L,loading:L},children:h?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"})}):u.length===0?e.jsx("div",{className:"text-center py-12 text-theme-text-secondary",children:i.noProducts}):z.length===0?e.jsx("div",{className:"text-center py-12 text-theme-text-secondary",children:i.noProductsForPeriod}):e.jsxs(e.Fragment,{children:[e.jsx(C.SubscriptionTile,{id:"free",title:i.freeTierTitle,price:i.freeTierPrice,periodLabel:i.periodMonth,features:te(),isSelected:!s?.isActive&&p===null,onSelect:()=>T(null),topBadge:s?.isActive?void 0:{text:i.currentPlanBadge,color:"green"},disabled:I||L,hideSelectionIndicator:!0},"free"),z.map(t=>e.jsx(C.SubscriptionTile,{id:t.identifier,title:t.title,price:t.priceString,periodLabel:Z(t.period),features:ee(t.identifier),isSelected:p===t.identifier,onSelect:()=>T(t.identifier),isBestValue:t.identifier.includes("pro"),discountBadge:t.period?.includes("Y")?(()=>{const n=ie(t.identifier);return n&&n>0?{text:a.formatSavePercent(n),isBestValue:!0}:void 0})():void 0,introPriceNote:t.freeTrialPeriod?R(t.freeTrialPeriod):t.introPrice?a.formatIntroNote(t.introPrice):void 0,disabled:I||L},t.identifier))]})})}c.EntityListPage=U,c.EntitySubscriptionsPage=G,c.InvitationsPage=V,c.MembersManagementPage=H,Object.defineProperty(c,Symbol.toStringTag,{value:"Module"})}));
+(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"})}));

package/dist/pages/EntityPricingPage.d.ts

@@ -0,0 +1,86 @@
+/**
+ * @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

@@ -87,6 +87,8 @@ export interface EntitySubscriptionsPageProps {
     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 */

package/dist/pages/index.d.ts

@@ -5,3 +5,4 @@ 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.13",
+  "version": "0.0.14",
   "description": "Page containers for entity/organization management",
   "type": "module",
   "main": "dist/index.umd.js",
@@ -43,7 +43,7 @@
     "react-dom": "^18.0.0 || ^19.0.0",
     "@tanstack/react-query": "^5.0.0",
     "@sudobility/types": "^1.9.43",
-    "@sudobility/entity_client": "^0.0.9",
+    "@sudobility/entity_client": "^0.0.10",
     "@sudobility/entity-components": "^1.0.4",
     "@sudobility/subscription-components": "^1.0.13"
   },
@@ -55,7 +55,7 @@
   "devDependencies": {
     "@eslint/js": "^9.38.0",
     "@sudobility/entity-components": "^1.0.4",
-    "@sudobility/entity_client": "^0.0.9",
+    "@sudobility/entity_client": "^0.0.10",
     "@sudobility/subscription-components": "^1.0.13",
     "@sudobility/types": "^1.9.43",
     "@tanstack/react-query": "^5.0.0",