@sudobility/entity_pages 0.0.8 → 0.0.11

package/dist/index.d.ts

@@ -20,5 +20,4 @@
  * }
  * ```
  */
-export { EntityListPage, type EntityListPageProps, MembersManagementPage, type MembersManagementPageProps, InvitationsPage, type InvitationsPageProps, } from './pages';
-//# sourceMappingURL=index.d.ts.map
+export { EntityListPage, type EntityListPageProps, MembersManagementPage, type MembersManagementPageProps, InvitationsPage, type InvitationsPageProps, EntitySubscriptionsPage, type EntitySubscriptionsPageProps, type SubscriptionProduct, type CurrentSubscription, type SubscriptionContextValue, type TranslationFunction, } from './pages';

package/dist/index.esm.js

@@ -0,0 +1,561 @@
+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";
+function Ie({
+  client: l,
+  onSelectEntity: r
+}) {
+  const [e, h] = w(!1), [p, y] = w({
+    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"
+  );
+  return /* @__PURE__ */ a("div", { className: "space-y-8", children: [
+    /* @__PURE__ */ a("div", { className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ a("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(
+        "button",
+        {
+          type: "button",
+          onClick: () => h(!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("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: [
+      /* @__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");
+          return;
+        }
+        try {
+          await c.mutateAsync({
+            displayName: p.displayName.trim(),
+            description: p.description.trim() || void 0
+          }), h(!1), y({ displayName: "", description: "" });
+        } catch (v) {
+          o(v.message || "Failed to create organization");
+        }
+      }, className: "space-y-4", children: [
+        /* @__PURE__ */ a("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) => ({
+                ...v,
+                displayName: u.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__ */ i("label", { className: "block text-sm font-medium mb-1", children: "Description (optional)" }),
+          /* @__PURE__ */ i(
+            "textarea",
+            {
+              value: p.description,
+              onChange: (u) => y((v) => ({
+                ...v,
+                description: u.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 && /* @__PURE__ */ i("p", { className: "text-sm text-destructive", children: N }),
+        /* @__PURE__ */ a("div", { className: "flex justify-end gap-2", children: [
+          /* @__PURE__ */ i(
+            "button",
+            {
+              type: "button",
+              onClick: () => {
+                h(!1), y({ displayName: "", description: "" }), o(null);
+              },
+              className: "px-4 py-2 rounded-lg border hover:bg-muted transition-colors",
+              children: "Cancel"
+            }
+          ),
+          /* @__PURE__ */ i(
+            "button",
+            {
+              type: "submit",
+              disabled: c.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"
+            }
+          )
+        ] })
+      ] })
+    ] }) }),
+    I.length > 0 && /* @__PURE__ */ a("div", { children: [
+      /* @__PURE__ */ i("h2", { className: "text-lg font-semibold mb-3", children: "Personal Workspace" }),
+      /* @__PURE__ */ i(
+        j,
+        {
+          entities: I,
+          onSelect: r,
+          isLoading: d
+        }
+      )
+    ] }),
+    /* @__PURE__ */ a("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: [
+        /* @__PURE__ */ i("p", { children: "No organizations yet" }),
+        /* @__PURE__ */ i(
+          "button",
+          {
+            type: "button",
+            onClick: () => h(!0),
+            className: "mt-2 text-primary hover:underline",
+            children: "Create your first organization"
+          }
+        )
+      ] }) : /* @__PURE__ */ i(
+        j,
+        {
+          entities: L,
+          onSelect: r,
+          isLoading: d
+        }
+      )
+    ] })
+  ] });
+}
+function Le({
+  client: l,
+  entity: r,
+  currentUserId: e
+}) {
+  const h = r.userRole === "admin", { data: p = [], isLoading: y } = oe(
+    l,
+    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) => {
+    try {
+      await N.mutateAsync({
+        entitySlug: r.entitySlug,
+        memberId: g,
+        role: f
+      });
+    } catch (S) {
+      console.error("Failed to update role:", S);
+    }
+  }, P = async (g) => {
+    if (confirm("Are you sure you want to remove this member?"))
+      try {
+        await o.mutateAsync({
+          entitySlug: r.entitySlug,
+          memberId: g
+        });
+      } catch (f) {
+        console.error("Failed to remove member:", f);
+      }
+  }, u = async (g) => {
+    await c.mutateAsync({
+      entitySlug: r.entitySlug,
+      request: g
+    });
+  }, v = async (g) => {
+    try {
+      await I.mutateAsync({
+        entitySlug: r.entitySlug,
+        invitationId: g
+      });
+    } catch (f) {
+      console.error("Failed to cancel invitation:", f);
+    }
+  };
+  return r.entityType === "personal" ? /* @__PURE__ */ a("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__ */ i("h1", { className: "text-2xl font-bold text-foreground", children: "Members" }),
+      /* @__PURE__ */ a("p", { className: "text-muted-foreground", children: [
+        "Manage members and invitations for ",
+        r.displayName
+      ] })
+    ] }),
+    h && /* @__PURE__ */ a("div", { className: "rounded-lg border p-4", children: [
+      /* @__PURE__ */ i("h2", { className: "text-lg font-semibold mb-4", children: "Invite Members" }),
+      /* @__PURE__ */ i(
+        re,
+        {
+          onSubmit: u,
+          isSubmitting: c.isPending
+        }
+      )
+    ] }),
+    h && /* @__PURE__ */ a("div", { children: [
+      /* @__PURE__ */ i("h2", { className: "text-lg font-semibold mb-3", children: "Pending Invitations" }),
+      /* @__PURE__ */ i(
+        B,
+        {
+          invitations: s,
+          mode: "admin",
+          onCancel: v,
+          isLoading: d,
+          emptyMessage: "No pending invitations"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ a("div", { children: [
+      /* @__PURE__ */ a("h2", { className: "text-lg font-semibold mb-3", children: [
+        "Current Members (",
+        p.length,
+        ")"
+      ] }),
+      /* @__PURE__ */ i(
+        ae,
+        {
+          members: p,
+          currentUserId: e,
+          canManage: h,
+          onRoleChange: L,
+          onRemove: P,
+          isLoading: y
+        }
+      )
+    ] })
+  ] });
+}
+function Me({
+  client: l,
+  onInvitationAccepted: r
+}) {
+  const { data: e = [], isLoading: h } = ye(l), p = ge(l), y = pe(l), N = async (d) => {
+    try {
+      await p.mutateAsync(d), r?.();
+    } catch (c) {
+      console.error("Failed to accept invitation:", c);
+    }
+  }, o = async (d) => {
+    try {
+      await y.mutateAsync(d);
+    } catch (c) {
+      console.error("Failed to decline invitation:", c);
+    }
+  }, s = e.filter((d) => d.status === "pending").length;
+  return /* @__PURE__ */ a("div", { className: "space-y-6", children: [
+    /* @__PURE__ */ a("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(
+      B,
+      {
+        invitations: e,
+        mode: "user",
+        onAccept: N,
+        onDecline: o,
+        isLoading: h,
+        emptyMessage: "You don't have any pending invitations"
+      }
+    )
+  ] });
+}
+const C = {
+  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 Ae({
+  subscription: l,
+  rateLimitsConfig: r,
+  t: e,
+  onPurchaseSuccess: h,
+  onRestoreSuccess: p,
+  onError: y,
+  onWarning: N
+}) {
+  const {
+    products: o,
+    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 () => {
+    if (g) {
+      F(!0), P();
+      try {
+        await I(g) && (h?.(), f(null));
+      } catch (t) {
+        y?.(
+          e("common.error"),
+          t instanceof Error ? t.message : e("purchase.error")
+        );
+      } finally {
+        F(!1);
+      }
+    }
+  }, W = async () => {
+    T(!0), P();
+    try {
+      await L() ? p?.() : N?.(e("common.error"), e("restore.noPurchases"));
+    } catch (t) {
+      y?.(
+        e("common.error"),
+        t instanceof Error ? t.message : e("restore.error")
+      );
+    } finally {
+      T(!1);
+    }
+  }, V = x((t) => t ? 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) });
+    },
+    [e]
+  ), E = x(
+    (t) => {
+      if (!r?.tiers) return;
+      const n = C[t];
+      return n ? r.tiers.find(
+        (m) => m.entitlement === n
+      ) : r.tiers.find((m) => m.entitlement === "none");
+    },
+    [r]
+  ), b = x(
+    (t) => t === null ? e("rateLimits.unlimited", "Unlimited") : t.toLocaleString(),
+    [e]
+  ), R = x(
+    (t) => {
+      const n = E(t);
+      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;
+    },
+    [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")
+    ];
+    if (r?.tiers) {
+      const n = r.tiers.find(
+        (m) => m.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)
+        })
+      ));
+    }
+    return t;
+  }, [r, b, e]), Q = x(
+    (t) => {
+      const n = C[t];
+      if (!n) return;
+      const m = o.find(
+        (A) => A.identifier === t
+      );
+      if (!m) return;
+      const z = Object.entries(C).find(
+        ([A, ee]) => ee === n && A.includes("monthly")
+      )?.[0];
+      if (!z) return;
+      const D = o.find(
+        (A) => A.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);
+    },
+    [o]
+  ), X = [
+    { value: "monthly", label: e("billingPeriod.monthly") },
+    { value: "yearly", label: e("billingPeriod.yearly") }
+  ];
+  return /* @__PURE__ */ i(
+    fe,
+    {
+      title: e("title"),
+      error: c,
+      currentStatusLabel: e("currentStatus.label"),
+      currentStatus: {
+        isActive: s?.isActive ?? !1,
+        activeContent: s?.isActive ? {
+          title: e("currentStatus.active"),
+          fields: [
+            {
+              label: e("currentStatus.plan"),
+              value: s.productIdentifier || e("currentStatus.premium")
+            },
+            {
+              label: e("currentStatus.expires"),
+              value: V(
+                s.expirationDate
+              )
+            },
+            {
+              label: e("currentStatus.willRenew"),
+              value: s.willRenew ? e("common.yes") : e("common.no")
+            },
+            ...r ? [
+              {
+                label: e("currentStatus.monthlyUsage", "Monthly Usage"),
+                value: `${r.currentUsage.monthly.toLocaleString()} / ${b(r.currentLimits.monthly)}`
+              },
+              {
+                label: e("currentStatus.dailyUsage", "Daily Usage"),
+                value: `${r.currentUsage.daily.toLocaleString()} / ${b(r.currentLimits.daily)}`
+              }
+            ] : []
+          ]
+        } : void 0,
+        inactiveContent: s?.isActive ? void 0 : {
+          title: e("currentStatus.inactive"),
+          message: e("currentStatus.inactiveMessage")
+        }
+      },
+      aboveProducts: !d && o.length > 0 ? /* @__PURE__ */ i("div", { className: "flex justify-center mb-6", children: /* @__PURE__ */ i(
+        be,
+        {
+          options: X,
+          value: u,
+          onChange: Y
+        }
+      ) }) : null,
+      primaryAction: {
+        label: e(S ? "buttons.purchasing" : "buttons.subscribe"),
+        onClick: $,
+        disabled: !g || S || M,
+        loading: S
+      },
+      secondaryAction: {
+        label: e(M ? "buttons.restoring" : "buttons.restore"),
+        onClick: W,
+        disabled: S || M,
+        loading: M
+      },
+      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: [
+        /* @__PURE__ */ i(
+          O,
+          {
+            id: "free",
+            title: e("freeTier.title"),
+            price: e("freeTier.price"),
+            periodLabel: e("periods.month"),
+            features: H(),
+            isSelected: !s?.isActive && g === null,
+            onSelect: () => f(null),
+            topBadge: s?.isActive ? void 0 : {
+              text: e("badges.currentPlan", "Current Plan"),
+              color: "green"
+            },
+            disabled: S || M,
+            hideSelectionIndicator: !0
+          },
+          "free"
+        ),
+        k.map((t) => /* @__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
+              );
+              return n && n > 0 ? {
+                text: e("badges.savePercent", "Save {{percent}}%", {
+                  percent: 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
+          },
+          t.identifier
+        ))
+      ] })
+    }
+  );
+}
+export {
+  Ie as EntityListPage,
+  Ae as EntitySubscriptionsPage,
+  Me as InvitationsPage,
+  Le as MembersManagementPage
+};

package/dist/index.umd.js

@@ -0,0 +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"})}));

package/dist/pages/EntityListPage.d.ts

@@ -1,9 +1,5 @@
-/**
- * @fileoverview Entity List Page
- * @description Page container for listing all user's entities
- */
 import { EntityClient } from '@sudobility/entity_client';
-import type { EntityWithRole } from '@sudobility/types';
+import { EntityWithRole } from '@sudobility/types';
 export interface EntityListPageProps {
     /** Entity API client */
     client: EntityClient;
@@ -16,4 +12,3 @@ export interface EntityListPageProps {
  * Page for listing all user's entities with create functionality.
  */
 export declare function EntityListPage({ client, onSelectEntity, }: EntityListPageProps): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=EntityListPage.d.ts.map

package/dist/pages/EntitySubscriptionsPage.d.ts

@@ -0,0 +1,50 @@
+import { RateLimitsConfigData } from '@sudobility/types';
+/** Product from subscription provider */
+export interface SubscriptionProduct {
+    identifier: string;
+    title: string;
+    price: string;
+    priceString: string;
+    period?: string;
+    freeTrialPeriod?: string;
+    introPrice?: string;
+}
+/** Current subscription state */
+export interface CurrentSubscription {
+    isActive: boolean;
+    productIdentifier?: string;
+    expirationDate?: Date;
+    willRenew?: boolean;
+}
+/** Subscription context value passed from consumer */
+export interface SubscriptionContextValue {
+    products: SubscriptionProduct[];
+    currentSubscription: CurrentSubscription | null;
+    isLoading: boolean;
+    error: string | null;
+    purchase: (productId: string) => Promise<boolean>;
+    restore: () => Promise<boolean>;
+    clearError: () => void;
+}
+/** Translation function type */
+export type TranslationFunction = (key: string, defaultValueOrOptions?: string | Record<string, unknown>, options?: Record<string, unknown>) => string;
+export interface EntitySubscriptionsPageProps {
+    /** Subscription context value */
+    subscription: SubscriptionContextValue;
+    /** Rate limit configuration */
+    rateLimitsConfig?: RateLimitsConfigData | null;
+    /** Translation function */
+    t: TranslationFunction;
+    /** Called when purchase succeeds */
+    onPurchaseSuccess?: () => void;
+    /** Called when restore succeeds */
+    onRestoreSuccess?: () => void;
+    /** Called on error */
+    onError?: (title: string, message: string) => void;
+    /** Called on warning */
+    onWarning?: (title: string, message: string) => void;
+}
+/**
+ * Page for managing entity subscriptions.
+ */
+export declare function EntitySubscriptionsPage({ subscription, rateLimitsConfig, t, onPurchaseSuccess, onRestoreSuccess, onError, onWarning, }: EntitySubscriptionsPageProps): import("react/jsx-runtime").JSX.Element;

package/dist/pages/InvitationsPage.d.ts

@@ -1,7 +1,3 @@
-/**
- * @fileoverview Invitations Page
- * @description Page for viewing and responding to pending invitations
- */
 import { EntityClient } from '@sudobility/entity_client';
 export interface InvitationsPageProps {
     /** Entity API client */
@@ -13,4 +9,3 @@ export interface InvitationsPageProps {
  * Page for viewing and responding to pending invitations.
  */
 export declare function InvitationsPage({ client, onInvitationAccepted, }: InvitationsPageProps): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=InvitationsPage.d.ts.map