@sudobility/entity_pages 0.0.11 → 0.0.13

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

package/dist/index.esm.js

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

package/dist/index.umd.js

@@ -1 +1 @@
-(function(l,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):(l=typeof globalThis<"u"?globalThis:l||self,e(l.EntityPages={},l.jsxRuntime,l.React,l.LucideReact,l.SudobilityEntityComponents,l.SudobilityEntityClient,l.SudobilitySubscriptionComponents))})(this,(function(l,e,s,_,I,b,A){"use strict";function $({client:o,onSelectEntity:r}){const[t,y]=s.useState(!1),[f,g]=s.useState({displayName:"",description:""}),[N,c]=s.useState(null),{data:a=[],isLoading:u}=b.useEntities(o),d=b.useCreateEntity(o),L=a.filter(m=>m.entityType==="personal"),M=a.filter(m=>m.entityType==="organization"),P=async m=>{if(m.preventDefault(),c(null),!f.displayName.trim()){c("Display name is required");return}try{await d.mutateAsync({displayName:f.displayName.trim(),description:f.description.trim()||void 0}),y(!1),g({displayName:"",description:""})}catch(x){c(x.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:()=>y(!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"})]})]}),t&&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:P,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:f.displayName,onChange:m=>g(x=>({...x,displayName:m.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:f.description,onChange:m=>g(x=>({...x,description:m.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"})]}),N&&e.jsx("p",{className:"text-sm text-destructive",children:N}),e.jsxs("div",{className:"flex justify-end gap-2",children:[e.jsx("button",{type:"button",onClick:()=>{y(!1),g({displayName:"",description:""}),c(null)},className:"px-4 py-2 rounded-lg border hover:bg-muted transition-colors",children:"Cancel"}),e.jsx("button",{type:"submit",disabled:d.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:d.isPending?"Creating...":"Create"})]})]})]})}),L.length>0&&e.jsxs("div",{children:[e.jsx("h2",{className:"text-lg font-semibold mb-3",children:"Personal Workspace"}),e.jsx(I.EntityList,{entities:L,onSelect:r,isLoading:u})]}),e.jsxs("div",{children:[e.jsx("h2",{className:"text-lg font-semibold mb-3",children:"Organizations"}),M.length===0&&!u?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:()=>y(!0),className:"mt-2 text-primary hover:underline",children:"Create your first organization"})]}):e.jsx(I.EntityList,{entities:M,onSelect:r,isLoading:u})]})]})}function W({client:o,entity:r,currentUserId:t}){const y=r.userRole==="admin",{data:f=[],isLoading:g}=b.useEntityMembers(o,r.entitySlug),N=b.useUpdateMemberRole(o),c=b.useRemoveMember(o),{data:a=[],isLoading:u}=b.useEntityInvitations(o,y?r.entitySlug:null),d=b.useCreateInvitation(o),L=b.useCancelInvitation(o),M=async(p,v)=>{try{await N.mutateAsync({entitySlug:r.entitySlug,memberId:p,role:v})}catch(w){console.error("Failed to update role:",w)}},P=async p=>{if(confirm("Are you sure you want to remove this member?"))try{await c.mutateAsync({entitySlug:r.entitySlug,memberId:p})}catch(v){console.error("Failed to remove member:",v)}},m=async p=>{await d.mutateAsync({entitySlug:r.entitySlug,request:p})},x=async p=>{try{await L.mutateAsync({entitySlug:r.entitySlug,invitationId:p})}catch(v){console.error("Failed to cancel invitation:",v)}};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]})]}),y&&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(I.InvitationForm,{onSubmit:m,isSubmitting:d.isPending})]}),y&&e.jsxs("div",{children:[e.jsx("h2",{className:"text-lg font-semibold mb-3",children:"Pending Invitations"}),e.jsx(I.InvitationList,{invitations:a,mode:"admin",onCancel:x,isLoading:u,emptyMessage:"No pending invitations"})]}),e.jsxs("div",{children:[e.jsxs("h2",{className:"text-lg font-semibold mb-3",children:["Current Members (",f.length,")"]}),e.jsx(I.MemberList,{members:f,currentUserId:t,canManage:y,onRoleChange:M,onRemove:P,isLoading:g})]})]})}function V({client:o,onInvitationAccepted:r}){const{data:t=[],isLoading:y}=b.useMyInvitations(o),f=b.useAcceptInvitation(o),g=b.useDeclineInvitation(o),N=async u=>{try{await f.mutateAsync(u),r?.()}catch(d){console.error("Failed to accept invitation:",d)}},c=async u=>{try{await g.mutateAsync(u)}catch(d){console.error("Failed to decline invitation:",d)}},a=t.filter(u=>u.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:a>0?`You have ${a} pending invitation${a>1?"s":""}`:"No pending invitations"})]}),e.jsx(I.InvitationList,{invitations:t,mode:"user",onAccept:N,onDecline:c,isLoading:y,emptyMessage:"You don't have any pending invitations"})]})}const T={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:o,rateLimitsConfig:r,t,onPurchaseSuccess:y,onRestoreSuccess:f,onError:g,onWarning:N}){const{products:c,currentSubscription:a,isLoading:u,error:d,purchase:L,restore:M,clearError:P}=o,[m,x]=s.useState("monthly"),[p,v]=s.useState(null),[w,E]=s.useState(!1),[k,F]=s.useState(!1);s.useEffect(()=>{d&&(g?.(t("common.error"),d),P())},[d,P,t,g]);const q=c.filter(i=>{if(!i.period)return!1;const n=i.period.includes("Y")||i.period.includes("year");return m==="yearly"?n:!n}).sort((i,n)=>parseFloat(i.price)-parseFloat(n.price)),J=i=>{x(i),v(null)},K=async()=>{if(p){E(!0),P();try{await L(p)&&(y?.(),v(null))}catch(i){g?.(t("common.error"),i instanceof Error?i.message:t("purchase.error"))}finally{E(!1)}}},H=async()=>{F(!0),P();try{await M()?f?.():N?.(t("common.error"),t("restore.noPurchases"))}catch(i){g?.(t("common.error"),i instanceof Error?i.message:t("restore.error"))}finally{F(!1)}},Q=s.useCallback(i=>i?new Intl.DateTimeFormat(void 0,{year:"numeric",month:"long",day:"numeric"}).format(i):"",[]),X=s.useCallback(i=>i?i.includes("Y")||i.includes("year")?t("periods.year"):i.includes("M")||i.includes("month")?t("periods.month"):i.includes("W")||i.includes("week")?t("periods.week"):"":"",[t]),Z=s.useCallback(i=>{if(!i)return;const n=i.replace(/\D/g,"")||"1";return i.includes("W")?t("trial.weeks",{count:parseInt(n,10)}):i.includes("M")?t("trial.months",{count:parseInt(n,10)}):t("trial.days",{count:parseInt(n,10)})},[t]),z=s.useCallback(i=>{if(!r?.tiers)return;const n=T[i];return n?r.tiers.find(h=>h.entitlement===n):r.tiers.find(h=>h.entitlement==="none")},[r]),S=s.useCallback(i=>i===null?t("rateLimits.unlimited","Unlimited"):i.toLocaleString(),[t]),D=s.useCallback(i=>{const n=z(i);if(!n)return[];const h=[];return n.limits.hourly!==null&&h.push(t("rateLimits.hourly","{{limit}} requests/hour",{limit:S(n.limits.hourly)})),n.limits.daily!==null&&h.push(t("rateLimits.daily","{{limit}} requests/day",{limit:S(n.limits.daily)})),n.limits.monthly!==null&&h.push(t("rateLimits.monthly","{{limit}} requests/month",{limit:S(n.limits.monthly)})),n.limits.hourly===null&&n.limits.daily===null&&n.limits.monthly===null&&h.push(t("rateLimits.unlimitedRequests","Unlimited API requests")),h},[z,S,t]),R=s.useCallback(i=>D(i),[D]),ee=s.useCallback(()=>{const i=[t("freeTier.schemaValidation","JSON Schema-validated outputs"),t("freeTier.allProviders","All LLM providers (OpenAI, Anthropic, Google)"),t("freeTier.endpointTesting","Built-in endpoint testing"),t("freeTier.analytics","Basic usage analytics")];if(r?.tiers){const n=r.tiers.find(h=>h.entitlement==="none");n&&(n.limits.hourly!==null&&i.push(t("rateLimits.hourly","{{limit}} requests/hour",{limit:S(n.limits.hourly)})),n.limits.daily!==null&&i.push(t("rateLimits.daily","{{limit}} requests/day",{limit:S(n.limits.daily)})),n.limits.monthly!==null&&i.push(t("rateLimits.monthly","{{limit}} requests/month",{limit:S(n.limits.monthly)})))}return i},[r,S,t]),te=s.useCallback(i=>{const n=T[i];if(!n)return;const h=c.find(C=>C.identifier===i);if(!h)return;const j=Object.entries(T).find(([C,re])=>re===n&&C.includes("monthly"))?.[0];if(!j)return;const O=c.find(C=>C.identifier===j);if(!O)return;const U=parseFloat(h.price),B=parseFloat(O.price);if(B<=0||U<=0)return;const Y=B*12,ne=(Y-U)/Y*100;return Math.round(ne)},[c]),ie=[{value:"monthly",label:t("billingPeriod.monthly")},{value:"yearly",label:t("billingPeriod.yearly")}];return e.jsx(A.SubscriptionLayout,{title:t("title"),error:d,currentStatusLabel:t("currentStatus.label"),currentStatus:{isActive:a?.isActive??!1,activeContent:a?.isActive?{title:t("currentStatus.active"),fields:[{label:t("currentStatus.plan"),value:a.productIdentifier||t("currentStatus.premium")},{label:t("currentStatus.expires"),value:Q(a.expirationDate)},{label:t("currentStatus.willRenew"),value:a.willRenew?t("common.yes"):t("common.no")},...r?[{label:t("currentStatus.monthlyUsage","Monthly Usage"),value:`${r.currentUsage.monthly.toLocaleString()} / ${S(r.currentLimits.monthly)}`},{label:t("currentStatus.dailyUsage","Daily Usage"),value:`${r.currentUsage.daily.toLocaleString()} / ${S(r.currentLimits.daily)}`}]:[]]}:void 0,inactiveContent:a?.isActive?void 0:{title:t("currentStatus.inactive"),message:t("currentStatus.inactiveMessage")}},aboveProducts:!u&&c.length>0?e.jsx("div",{className:"flex justify-center mb-6",children:e.jsx(A.SegmentedControl,{options:ie,value:m,onChange:J})}):null,primaryAction:{label:t(w?"buttons.purchasing":"buttons.subscribe"),onClick:K,disabled:!p||w||k,loading:w},secondaryAction:{label:t(k?"buttons.restoring":"buttons.restore"),onClick:H,disabled:w||k,loading:k},children:u?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"})}):c.length===0?e.jsx("div",{className:"text-center py-12 text-theme-text-secondary",children:t("noProducts")}):q.length===0?e.jsx("div",{className:"text-center py-12 text-theme-text-secondary",children:t("noProductsForPeriod")}):e.jsxs(e.Fragment,{children:[e.jsx(A.SubscriptionTile,{id:"free",title:t("freeTier.title"),price:t("freeTier.price"),periodLabel:t("periods.month"),features:ee(),isSelected:!a?.isActive&&p===null,onSelect:()=>v(null),topBadge:a?.isActive?void 0:{text:t("badges.currentPlan","Current Plan"),color:"green"},disabled:w||k,hideSelectionIndicator:!0},"free"),q.map(i=>e.jsx(A.SubscriptionTile,{id:i.identifier,title:i.title,price:i.priceString,periodLabel:X(i.period),features:R(i.identifier),isSelected:p===i.identifier,onSelect:()=>v(i.identifier),isBestValue:i.identifier.includes("pro"),discountBadge:i.period?.includes("Y")?(()=>{const n=te(i.identifier);return n&&n>0?{text:t("badges.savePercent","Save {{percent}}%",{percent:n}),isBestValue:!0}:void 0})():void 0,introPriceNote:i.freeTrialPeriod?Z(i.freeTrialPeriod):i.introPrice?t("intro.note",{price:i.introPrice}):void 0,disabled:w||k},i.identifier))]})})}l.EntityListPage=$,l.EntitySubscriptionsPage=G,l.InvitationsPage=V,l.MembersManagementPage=W,Object.defineProperty(l,Symbol.toStringTag,{value:"Module"})}));
+(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"})}));

package/dist/pages/EntitySubscriptionsPage.d.ts

@@ -26,15 +26,71 @@ export interface SubscriptionContextValue {
     restore: () => Promise<boolean>;
     clearError: () => void;
 }
-/** Translation function type */
-export type TranslationFunction = (key: string, defaultValueOrOptions?: string | Record<string, unknown>, options?: Record<string, unknown>) => string;
+/** 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;
-    /** Translation function */
-    t: TranslationFunction;
+    /** All localized labels */
+    labels: SubscriptionPageLabels;
+    /** Formatter functions for dynamic strings */
+    formatters: SubscriptionPageFormatters;
     /** Called when purchase succeeds */
     onPurchaseSuccess?: () => void;
     /** Called when restore succeeds */
@@ -47,4 +103,4 @@ export interface EntitySubscriptionsPageProps {
 /**
  * Page for managing entity subscriptions.
  */
-export declare function EntitySubscriptionsPage({ subscription, rateLimitsConfig, t, onPurchaseSuccess, onRestoreSuccess, onError, onWarning, }: EntitySubscriptionsPageProps): import("react/jsx-runtime").JSX.Element;
+export declare function EntitySubscriptionsPage({ subscription, rateLimitsConfig, labels, formatters, onPurchaseSuccess, onRestoreSuccess, onError, onWarning, }: EntitySubscriptionsPageProps): import("react/jsx-runtime").JSX.Element;

package/dist/pages/index.d.ts

@@ -4,4 +4,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 TranslationFunction, } from './EntitySubscriptionsPage';
+export { EntitySubscriptionsPage, type EntitySubscriptionsPageProps, type SubscriptionProduct, type CurrentSubscription, type SubscriptionContextValue, type SubscriptionPageLabels, type SubscriptionPageFormatters, } from './EntitySubscriptionsPage';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sudobility/entity_pages",
-  "version": "0.0.11",
+  "version": "0.0.13",
   "description": "Page containers for entity/organization management",
   "type": "module",
   "main": "dist/index.umd.js",