@burdenoff/microfe-admin 2026.511.1

package/dist/admin/pages/BillingPage.js

@@ -0,0 +1,164 @@
+import { Badge as e, Button as t } from "../components/ui.js";
+import { PageLayout as n } from "../components/PageLayout.js";
+import { formatCurrency as r, formatDateTime as i } from "../utils/formatters.js";
+import { MetricCard as a, MetricsGrid as o } from "../components/MetricCard.js";
+import { DataTable as s } from "../components/DataTable.js";
+import "../components/index.js";
+import { useListAllPlansQuery as c, useListAllQuotasQuery as l, useListRefundRecordsQuery as u } from "../../generated/global-operations.js";
+import { ArrowUpRight as d, CreditCard as f, Download as p, Plus as m, Receipt as h, Shield as g } from "lucide-react";
+import { jsx as _, jsxs as v } from "react/jsx-runtime";
+//#region src/admin/pages/BillingPage.tsx
+function y() {
+	let { data: y, loading: b } = c(), { data: x, loading: S } = l(), { data: C, loading: w } = u({ variables: {
+		page: 1,
+		pageSize: 10
+	} }), T = y?.getAllPlans || [], E = x?.getAllQuotas || [], D = C?.getRefundRecords?.records || [];
+	return /* @__PURE__ */ _(n, {
+		title: "Billing & Subscriptions",
+		description: "Manage platform-wide plans, quotas, and refunds",
+		actions: /* @__PURE__ */ v("div", {
+			className: "flex gap-2",
+			children: [/* @__PURE__ */ v(t, {
+				variant: "outline",
+				children: [/* @__PURE__ */ _(p, { className: "mr-2 h-4 w-4" }), "Export Audit"]
+			}), /* @__PURE__ */ v(t, { children: [/* @__PURE__ */ _(m, { className: "mr-2 h-4 w-4" }), "Create Plan"] })]
+		}),
+		children: /* @__PURE__ */ v("div", {
+			className: "space-y-8",
+			children: [
+				/* @__PURE__ */ v(o, { children: [
+					/* @__PURE__ */ _(a, {
+						title: "Total Revenue (30d)",
+						value: "$124,500",
+						icon: /* @__PURE__ */ _(f, { className: "h-4 w-4" }),
+						trend: "up"
+					}),
+					/* @__PURE__ */ _(a, {
+						title: "Active Subscriptions",
+						value: "1,248",
+						icon: /* @__PURE__ */ _(g, { className: "h-4 w-4" })
+					}),
+					/* @__PURE__ */ _(a, {
+						title: "Pending Refunds",
+						value: C?.getRefundRecords?.totalCount ?? 0,
+						icon: /* @__PURE__ */ _(d, { className: "h-4 w-4" }),
+						priority: "high"
+					}),
+					/* @__PURE__ */ _(a, {
+						title: "Upcoming Invoices",
+						value: "42",
+						icon: /* @__PURE__ */ _(h, { className: "h-4 w-4" })
+					})
+				] }),
+				/* @__PURE__ */ v("div", {
+					className: "grid gap-8 lg:grid-cols-2",
+					children: [/* @__PURE__ */ v("div", {
+						className: "space-y-4",
+						children: [/* @__PURE__ */ _("h2", {
+							className: "text-lg font-semibold",
+							children: "Platform Plans"
+						}), /* @__PURE__ */ _(s, {
+							columns: [
+								{
+									key: "name",
+									header: "Plan Name",
+									render: (e) => /* @__PURE__ */ _("span", {
+										className: "font-medium",
+										children: e.name
+									})
+								},
+								{
+									key: "price",
+									header: "Price",
+									render: (e) => r(e.price, e.currency)
+								},
+								{
+									key: "duration",
+									header: "Interval"
+								},
+								{
+									key: "isActive",
+									header: "Status",
+									render: (t) => /* @__PURE__ */ _(e, {
+										variant: t.isActive ? "success" : "secondary",
+										children: t.isActive ? "Active" : "Inactive"
+									})
+								}
+							],
+							data: T,
+							keyExtractor: (e) => e.id,
+							loading: b
+						})]
+					}), /* @__PURE__ */ v("div", {
+						className: "space-y-4",
+						children: [/* @__PURE__ */ _("h2", {
+							className: "text-lg font-semibold",
+							children: "Resource Quotas"
+						}), /* @__PURE__ */ _(s, {
+							columns: [
+								{
+									key: "name",
+									header: "Quota Name"
+								},
+								{
+									key: "quotaType",
+									header: "Metric Type"
+								},
+								{
+									key: "isActive",
+									header: "Status",
+									render: (t) => /* @__PURE__ */ _(e, {
+										variant: t.isActive ? "success" : "secondary",
+										children: t.isActive ? "Active" : "Inactive"
+									})
+								}
+							],
+							data: E,
+							keyExtractor: (e) => e.id,
+							loading: S
+						})]
+					})]
+				}),
+				/* @__PURE__ */ v("div", {
+					className: "space-y-4",
+					children: [/* @__PURE__ */ _("h2", {
+						className: "text-lg font-semibold",
+						children: "Recent Refund Records"
+					}), /* @__PURE__ */ _(s, {
+						columns: [
+							{
+								key: "amount",
+								header: "Amount",
+								render: (e) => r(e.amount, e.currency)
+							},
+							{
+								key: "status",
+								header: "Status",
+								render: (t) => /* @__PURE__ */ _(e, {
+									variant: t.status === "COMPLETED" ? "success" : "warning",
+									children: t.status
+								})
+							},
+							{
+								key: "reason",
+								header: "Reason"
+							},
+							{
+								key: "createdAt",
+								header: "Date",
+								render: (e) => i(e.createdAt)
+							}
+						],
+						data: D,
+						keyExtractor: (e) => e.id,
+						loading: w
+					})]
+				})
+			]
+		})
+	});
+}
+//#endregion
+export { y as BillingPage };
+
+//# sourceMappingURL=BillingPage.js.map

package/dist/admin/pages/BillingPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BillingPage.js","names":[],"sources":["../../../src/admin/pages/BillingPage.tsx"],"sourcesContent":["import { CreditCard, Plus, ArrowUpRight, Shield, Receipt, Download } from 'lucide-react';\nimport { PageLayout, Button, DataTable, Badge, MetricCard, MetricsGrid } from '../components';\nimport {\n  useListAllPlansQuery,\n  useListAllQuotasQuery,\n  useListRefundRecordsQuery,\n} from '../../generated/global-operations';\nimport { formatCurrency, formatDateTime } from '../utils/formatters';\n\nexport function BillingPage() {\n  const { data: plansData, loading: plansLoading } = useListAllPlansQuery();\n  const { data: quotasData, loading: quotasLoading } = useListAllQuotasQuery();\n  const { data: refundsData, loading: refundsLoading } = useListRefundRecordsQuery({\n    variables: { page: 1, pageSize: 10 },\n  });\n\n  const plans = plansData?.getAllPlans || [];\n  const quotas = quotasData?.getAllQuotas || [];\n  const refunds = refundsData?.getRefundRecords?.records || [];\n\n  const planColumns = [\n    {\n      key: 'name',\n      header: 'Plan Name',\n      render: (plan: any) => <span className=\"font-medium\">{plan.name}</span>,\n    },\n    {\n      key: 'price',\n      header: 'Price',\n      render: (plan: any) => formatCurrency(plan.price, plan.currency),\n    },\n    {\n      key: 'duration',\n      header: 'Interval',\n    },\n    {\n      key: 'isActive',\n      header: 'Status',\n      render: (plan: any) => (\n        <Badge variant={plan.isActive ? 'success' : 'secondary'}>\n          {plan.isActive ? 'Active' : 'Inactive'}\n        </Badge>\n      ),\n    },\n  ];\n\n  const quotaColumns = [\n    {\n      key: 'name',\n      header: 'Quota Name',\n    },\n    {\n      key: 'quotaType',\n      header: 'Metric Type',\n    },\n    {\n      key: 'isActive',\n      header: 'Status',\n      render: (quota: any) => (\n        <Badge variant={quota.isActive ? 'success' : 'secondary'}>\n          {quota.isActive ? 'Active' : 'Inactive'}\n        </Badge>\n      ),\n    },\n  ];\n\n  const refundColumns = [\n    {\n      key: 'amount',\n      header: 'Amount',\n      render: (refund: any) => formatCurrency(refund.amount, refund.currency),\n    },\n    {\n      key: 'status',\n      header: 'Status',\n      render: (refund: any) => (\n        <Badge variant={refund.status === 'COMPLETED' ? 'success' : 'warning'}>\n          {refund.status}\n        </Badge>\n      ),\n    },\n    {\n      key: 'reason',\n      header: 'Reason',\n    },\n    {\n      key: 'createdAt',\n      header: 'Date',\n      render: (refund: any) => formatDateTime(refund.createdAt),\n    },\n  ];\n\n  return (\n    <PageLayout\n      title=\"Billing & Subscriptions\"\n      description=\"Manage platform-wide plans, quotas, and refunds\"\n      actions={\n        <div className=\"flex gap-2\">\n          <Button variant=\"outline\">\n            <Download className=\"mr-2 h-4 w-4\" />\n            Export Audit\n          </Button>\n          <Button>\n            <Plus className=\"mr-2 h-4 w-4\" />\n            Create Plan\n          </Button>\n        </div>\n      }\n    >\n      <div className=\"space-y-8\">\n        <MetricsGrid>\n          <MetricCard\n            title=\"Total Revenue (30d)\"\n            value=\"$124,500\"\n            icon={<CreditCard className=\"h-4 w-4\" />}\n            trend=\"up\"\n          />\n          <MetricCard\n            title=\"Active Subscriptions\"\n            value=\"1,248\"\n            icon={<Shield className=\"h-4 w-4\" />}\n          />\n          <MetricCard\n            title=\"Pending Refunds\"\n            value={refundsData?.getRefundRecords?.totalCount ?? 0}\n            icon={<ArrowUpRight className=\"h-4 w-4\" />}\n            priority=\"high\"\n          />\n          <MetricCard title=\"Upcoming Invoices\" value=\"42\" icon={<Receipt className=\"h-4 w-4\" />} />\n        </MetricsGrid>\n\n        <div className=\"grid gap-8 lg:grid-cols-2\">\n          <div className=\"space-y-4\">\n            <h2 className=\"text-lg font-semibold\">Platform Plans</h2>\n            <DataTable\n              columns={planColumns}\n              data={plans}\n              keyExtractor={(p) => p.id}\n              loading={plansLoading}\n            />\n          </div>\n          <div className=\"space-y-4\">\n            <h2 className=\"text-lg font-semibold\">Resource Quotas</h2>\n            <DataTable\n              columns={quotaColumns}\n              data={quotas}\n              keyExtractor={(q) => q.id}\n              loading={quotasLoading}\n            />\n          </div>\n        </div>\n\n        <div className=\"space-y-4\">\n          <h2 className=\"text-lg font-semibold\">Recent Refund Records</h2>\n          <DataTable\n            columns={refundColumns}\n            data={refunds}\n            keyExtractor={(r) => r.id}\n            loading={refundsLoading}\n          />\n        </div>\n      </div>\n    </PageLayout>\n  );\n}\n"],"mappings":"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"}

package/dist/admin/pages/CommunicationsPage.d.ts

@@ -0,0 +1,2 @@
+export declare function CommunicationsPage(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=CommunicationsPage.d.ts.map

package/dist/admin/pages/CommunicationsPage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CommunicationsPage.d.ts","sourceRoot":"","sources":["../../../src/admin/pages/CommunicationsPage.tsx"],"names":[],"mappings":"AAiBA,wBAAgB,kBAAkB,4CAoIjC"}

package/dist/admin/pages/CommunicationsPage.js

@@ -0,0 +1,118 @@
+import { Badge as e, Button as t, EmptyState as n } from "../components/ui.js";
+import { PageLayout as r } from "../components/PageLayout.js";
+import { formatDateTime as i, formatPercentage as a } from "../utils/formatters.js";
+import { MetricCard as o, MetricsGrid as s } from "../components/MetricCard.js";
+import { DataTable as c } from "../components/DataTable.js";
+import "../components/index.js";
+import { useGetNewsletterStatsQuery as l, useListNewslettersQuery as u, useSendNewsletterMutation as d } from "../../generated/global-operations.js";
+import { Eye as f, Mail as p, MousePointer2 as m, Plus as h, Send as g, Users as _ } from "lucide-react";
+import { jsx as v, jsxs as y } from "react/jsx-runtime";
+//#region src/admin/pages/CommunicationsPage.tsx
+function b() {
+	let { data: b, loading: x } = l(), { data: S, loading: C, refetch: w } = u({ variables: { limit: 50 } }), [T] = d(), E = b?.newsletterStats, D = S?.newsletters || [], O = async (e) => {
+		if (confirm("Are you sure you want to send this newsletter to all subscribers?")) try {
+			await T({ variables: { id: e } }), w();
+		} catch (e) {
+			console.error("Failed to send newsletter:", e);
+		}
+	};
+	return /* @__PURE__ */ v(r, {
+		title: "Communications",
+		description: "Manage platform newsletters and system notifications",
+		actions: /* @__PURE__ */ y(t, { children: [/* @__PURE__ */ v(h, { className: "mr-2 h-4 w-4" }), "Create Newsletter"] }),
+		children: /* @__PURE__ */ y("div", {
+			className: "space-y-8",
+			children: [/* @__PURE__ */ y(s, { children: [
+				/* @__PURE__ */ v(o, {
+					title: "Total Subscribers",
+					value: E?.totalSubscribers ?? 0,
+					loading: x,
+					icon: /* @__PURE__ */ v(_, { className: "h-4 w-4" })
+				}),
+				/* @__PURE__ */ v(o, {
+					title: "Newsletters Sent",
+					value: E?.totalSent ?? 0,
+					loading: x,
+					icon: /* @__PURE__ */ v(g, { className: "h-4 w-4" })
+				}),
+				/* @__PURE__ */ v(o, {
+					title: "Avg. Open Rate",
+					value: a(E?.averageOpenRate ?? 0),
+					loading: x,
+					icon: /* @__PURE__ */ v(f, { className: "h-4 w-4" })
+				}),
+				/* @__PURE__ */ v(o, {
+					title: "Avg. Click Rate",
+					value: a(E?.averageClickRate ?? 0),
+					loading: x,
+					icon: /* @__PURE__ */ v(m, { className: "h-4 w-4" })
+				})
+			] }), /* @__PURE__ */ y("div", {
+				className: "space-y-4",
+				children: [/* @__PURE__ */ v("h2", {
+					className: "text-lg font-semibold",
+					children: "Newsletters"
+				}), /* @__PURE__ */ v(c, {
+					columns: [
+						{
+							key: "title",
+							header: "Title",
+							render: (e) => /* @__PURE__ */ y("div", {
+								className: "flex flex-col",
+								children: [/* @__PURE__ */ v("span", {
+									className: "font-medium text-foreground",
+									children: e.title
+								}), /* @__PURE__ */ v("span", {
+									className: "text-xs text-muted-foreground",
+									children: e.subject
+								})]
+							})
+						},
+						{
+							key: "status",
+							header: "Status",
+							render: (t) => /* @__PURE__ */ v(e, {
+								variant: {
+									SENT: "success",
+									SCHEDULED: "warning",
+									DRAFT: "secondary"
+								}[t.status] || "outline",
+								children: t.status
+							})
+						},
+						{
+							key: "sentAt",
+							header: "Sent Date",
+							render: (e) => e.sentAt ? i(e.sentAt) : "-"
+						},
+						{
+							key: "actions",
+							header: "",
+							align: "right",
+							render: (e) => /* @__PURE__ */ v("div", {
+								className: "flex justify-end gap-2",
+								children: e.status === "DRAFT" && /* @__PURE__ */ y(t, {
+									size: "sm",
+									onClick: () => O(e.id),
+									children: [/* @__PURE__ */ v(g, { className: "mr-2 h-3 w-3" }), "Send Now"]
+								})
+							})
+						}
+					],
+					data: D,
+					keyExtractor: (e) => e.id,
+					loading: C,
+					emptyState: /* @__PURE__ */ v(n, {
+						icon: /* @__PURE__ */ v(p, { className: "h-8 w-8" }),
+						title: "No newsletters found",
+						description: "Create your first newsletter to communicate with users"
+					})
+				})]
+			})]
+		})
+	});
+}
+//#endregion
+export { b as CommunicationsPage };
+
+//# sourceMappingURL=CommunicationsPage.js.map

package/dist/admin/pages/CommunicationsPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CommunicationsPage.js","names":[],"sources":["../../../src/admin/pages/CommunicationsPage.tsx"],"sourcesContent":["import { Mail, Plus, Send, Users, Eye, MousePointer2 } from 'lucide-react';\nimport {\n  PageLayout,\n  Button,\n  DataTable,\n  Badge,\n  MetricCard,\n  MetricsGrid,\n  EmptyState,\n} from '../components';\nimport {\n  useListNewslettersQuery,\n  useGetNewsletterStatsQuery,\n  useSendNewsletterMutation,\n} from '../../generated/global-operations';\nimport { formatDateTime, formatPercentage } from '../utils/formatters';\n\nexport function CommunicationsPage() {\n  const { data: statsData, loading: statsLoading } = useGetNewsletterStatsQuery();\n  const {\n    data: listData,\n    loading: listLoading,\n    refetch,\n  } = useListNewslettersQuery({\n    variables: { limit: 50 },\n  });\n\n  const [sendNewsletter] = useSendNewsletterMutation();\n\n  const stats = statsData?.newsletterStats;\n  const newsletters = listData?.newsletters || [];\n\n  const handleSend = async (id: string) => {\n    if (confirm('Are you sure you want to send this newsletter to all subscribers?')) {\n      try {\n        await sendNewsletter({ variables: { id } });\n        refetch();\n      } catch (err) {\n        console.error('Failed to send newsletter:', err);\n      }\n    }\n  };\n\n  const columns = [\n    {\n      key: 'title',\n      header: 'Title',\n      render: (news: any) => (\n        <div className=\"flex flex-col\">\n          <span className=\"font-medium text-foreground\">{news.title}</span>\n          <span className=\"text-xs text-muted-foreground\">{news.subject}</span>\n        </div>\n      ),\n    },\n    {\n      key: 'status',\n      header: 'Status',\n      render: (news: any) => {\n        const variants: Record<\n          string,\n          'default' | 'secondary' | 'success' | 'warning' | 'destructive' | 'outline'\n        > = {\n          SENT: 'success',\n          SCHEDULED: 'warning',\n          DRAFT: 'secondary',\n        };\n        return <Badge variant={variants[news.status] || 'outline'}>{news.status}</Badge>;\n      },\n    },\n    {\n      key: 'sentAt',\n      header: 'Sent Date',\n      render: (news: any) => (news.sentAt ? formatDateTime(news.sentAt) : '-'),\n    },\n    {\n      key: 'actions',\n      header: '',\n      align: 'right' as const,\n      render: (news: any) => (\n        <div className=\"flex justify-end gap-2\">\n          {news.status === 'DRAFT' && (\n            <Button size=\"sm\" onClick={() => handleSend(news.id)}>\n              <Send className=\"mr-2 h-3 w-3\" />\n              Send Now\n            </Button>\n          )}\n        </div>\n      ),\n    },\n  ];\n\n  return (\n    <PageLayout\n      title=\"Communications\"\n      description=\"Manage platform newsletters and system notifications\"\n      actions={\n        <Button>\n          <Plus className=\"mr-2 h-4 w-4\" />\n          Create Newsletter\n        </Button>\n      }\n    >\n      <div className=\"space-y-8\">\n        <MetricsGrid>\n          <MetricCard\n            title=\"Total Subscribers\"\n            value={stats?.totalSubscribers ?? 0}\n            loading={statsLoading}\n            icon={<Users className=\"h-4 w-4\" />}\n          />\n          <MetricCard\n            title=\"Newsletters Sent\"\n            value={stats?.totalSent ?? 0}\n            loading={statsLoading}\n            icon={<Send className=\"h-4 w-4\" />}\n          />\n          <MetricCard\n            title=\"Avg. Open Rate\"\n            value={formatPercentage(stats?.averageOpenRate ?? 0)}\n            loading={statsLoading}\n            icon={<Eye className=\"h-4 w-4\" />}\n          />\n          <MetricCard\n            title=\"Avg. Click Rate\"\n            value={formatPercentage(stats?.averageClickRate ?? 0)}\n            loading={statsLoading}\n            icon={<MousePointer2 className=\"h-4 w-4\" />}\n          />\n        </MetricsGrid>\n\n        <div className=\"space-y-4\">\n          <h2 className=\"text-lg font-semibold\">Newsletters</h2>\n          <DataTable\n            columns={columns}\n            data={newsletters}\n            keyExtractor={(n) => n.id}\n            loading={listLoading}\n            emptyState={\n              <EmptyState\n                icon={<Mail className=\"h-8 w-8\" />}\n                title=\"No newsletters found\"\n                description=\"Create your first newsletter to communicate with users\"\n              />\n            }\n          />\n        </div>\n      </div>\n    </PageLayout>\n  );\n}\n"],"mappings":";;;;;;;;;;AAiBA,SAAgB,IAAqB;CACnC,IAAM,EAAE,MAAM,GAAW,SAAS,MAAiB,GAA4B,EACzE,EACJ,MAAM,GACN,SAAS,GACT,eACE,EAAwB,EAC1B,WAAW,EAAE,OAAO,IAAI,EACzB,CAAC,EAEI,CAAC,KAAkB,GAA2B,EAE9C,IAAQ,GAAW,iBACnB,IAAc,GAAU,eAAe,EAAE,EAEzC,IAAa,OAAO,MAAe;AACvC,MAAI,QAAQ,oEAAoE,CAC9E,KAAI;AAEF,GADA,MAAM,EAAe,EAAE,WAAW,EAAE,OAAI,EAAE,CAAC,EAC3C,GAAS;WACF,GAAK;AACZ,WAAQ,MAAM,8BAA8B,EAAI;;;AAqDtD,QACE,kBAAC,GAAD;EACE,OAAM;EACN,aAAY;EACZ,SACE,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD,EAAM,WAAU,gBAAiB,CAAA,EAAA,oBAE1B,EAAA,CAAA;YAGX,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,GAAD,EAAA,UAAA;IACE,kBAAC,GAAD;KACE,OAAM;KACN,OAAO,GAAO,oBAAoB;KAClC,SAAS;KACT,MAAM,kBAAC,GAAD,EAAO,WAAU,WAAY,CAAA;KACnC,CAAA;IACF,kBAAC,GAAD;KACE,OAAM;KACN,OAAO,GAAO,aAAa;KAC3B,SAAS;KACT,MAAM,kBAAC,GAAD,EAAM,WAAU,WAAY,CAAA;KAClC,CAAA;IACF,kBAAC,GAAD;KACE,OAAM;KACN,OAAO,EAAiB,GAAO,mBAAmB,EAAE;KACpD,SAAS;KACT,MAAM,kBAAC,GAAD,EAAK,WAAU,WAAY,CAAA;KACjC,CAAA;IACF,kBAAC,GAAD;KACE,OAAM;KACN,OAAO,EAAiB,GAAO,oBAAoB,EAAE;KACrD,SAAS;KACT,MAAM,kBAAC,GAAD,EAAe,WAAU,WAAY,CAAA;KAC3C,CAAA;IACU,EAAA,CAAA,EAEd,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,MAAD;KAAI,WAAU;eAAwB;KAAgB,CAAA,EACtD,kBAAC,GAAD;KACW,SA1FH;MACd;OACE,KAAK;OACL,QAAQ;OACR,SAAS,MACP,kBAAC,OAAD;QAAK,WAAU;kBAAf,CACE,kBAAC,QAAD;SAAM,WAAU;mBAA+B,EAAK;SAAa,CAAA,EACjE,kBAAC,QAAD;SAAM,WAAU;mBAAiC,EAAK;SAAe,CAAA,CACjE;;OAET;MACD;OACE,KAAK;OACL,QAAQ;OACR,SAAS,MASA,kBAAC,GAAD;QAAO,SALV;SACF,MAAM;SACN,WAAW;SACX,OAAO;SACR,CAC+B,EAAK,WAAW;kBAAY,EAAK;QAAe,CAAA;OAEnF;MACD;OACE,KAAK;OACL,QAAQ;OACR,SAAS,MAAe,EAAK,SAAS,EAAe,EAAK,OAAO,GAAG;OACrE;MACD;OACE,KAAK;OACL,QAAQ;OACR,OAAO;OACP,SAAS,MACP,kBAAC,OAAD;QAAK,WAAU;kBACZ,EAAK,WAAW,WACf,kBAAC,GAAD;SAAQ,MAAK;SAAK,eAAe,EAAW,EAAK,GAAG;mBAApD,CACE,kBAAC,GAAD,EAAM,WAAU,gBAAiB,CAAA,EAAA,WAE1B;;QAEP,CAAA;OAET;MACF;KA6CS,MAAM;KACN,eAAe,MAAM,EAAE;KACvB,SAAS;KACT,YACE,kBAAC,GAAD;MACE,MAAM,kBAAC,GAAD,EAAM,WAAU,WAAY,CAAA;MAClC,OAAM;MACN,aAAY;MACZ,CAAA;KAEJ,CAAA,CACE;MACF;;EACK,CAAA"}

package/dist/admin/pages/DashboardPage.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Dashboard page — platform overview with real-time metrics
+ */
+export declare function DashboardPage(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=DashboardPage.d.ts.map

package/dist/admin/pages/DashboardPage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DashboardPage.d.ts","sourceRoot":"","sources":["../../../src/admin/pages/DashboardPage.tsx"],"names":[],"mappings":"AAkCA;;GAEG;AACH,wBAAgB,aAAa,4CAoI5B"}

package/dist/admin/pages/DashboardPage.js

@@ -0,0 +1,121 @@
+import { useAdmin as e } from "../providers/AdminProvider.js";
+import { useAdminPermissions as t } from "../hooks/useAdminPermissions.js";
+import { PageLayout as n } from "../components/PageLayout.js";
+import { MetricCard as r, MetricsGrid as i } from "../components/MetricCard.js";
+import { ActivityFeed as a } from "../components/ActivityFeed.js";
+import { QuickLinks as o } from "../components/Charts.js";
+import { tWithFallback as s } from "../utils/i18n.js";
+import { PermissionGuard as c } from "../components/PermissionGuard.js";
+import "../components/index.js";
+import { joinPath as l } from "../utils/navigation.js";
+import { mapActivityLogToUi as u } from "../utils/mappers.js";
+import { useGetDashboardActiveWorkspaceCountQuery as d, useGetDashboardOrganizationCountQuery as f, useGetDashboardTenantCountQuery as p, useGetDashboardUserCountQuery as m, useGetRecentActivityLogsQuery as h } from "../../generated/global-operations.js";
+import { useMemo as g } from "react";
+import { Briefcase as _, Building2 as v, FileText as y, HelpCircle as b, Layout as x, Plus as S, UserPlus as C, Users as w } from "lucide-react";
+import { jsx as T, jsxs as E } from "react/jsx-runtime";
+import { useI18n as D } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+//#region src/admin/pages/DashboardPage.tsx
+function O() {
+	let { canViewDashboard: O, isLoading: k } = t(), { basePath: A = "" } = e(), { t: j } = D(), M = (e, t, n) => s(j, e, t, n), N = k || !O, { data: P, loading: F } = p({
+		fetchPolicy: "cache-and-network",
+		skip: N
+	}), { data: I, loading: L } = f({
+		fetchPolicy: "cache-and-network",
+		skip: N
+	}), { data: R, loading: z } = d({
+		fetchPolicy: "cache-and-network",
+		skip: N
+	}), { data: B, loading: V } = m({
+		fetchPolicy: "cache-and-network",
+		skip: N
+	}), { data: H, loading: U } = h({
+		variables: { limit: 10 },
+		fetchPolicy: "cache-and-network",
+		skip: N
+	}), W = {
+		tenants: P?.tenants?.total ?? 0,
+		organizations: I?.organizations?.total ?? 0,
+		workspaces: R?.workspaces?.total ?? 0,
+		users: B?.userCount ?? 0
+	}, G = g(() => (H?.activityLogs?.nodes ?? []).map(u), [H]), K = [
+		{
+			to: l(A, "tenants"),
+			label: M("admin.dashboard.quickLinks.addTenant", "Add Tenant"),
+			icon: /* @__PURE__ */ T(S, { className: "h-4 w-4" }),
+			description: M("admin.dashboard.quickLinks.addTenantDescription", "Create a new tenant")
+		},
+		{
+			to: l(A, "users"),
+			label: M("admin.dashboard.quickLinks.inviteUser", "Invite User"),
+			icon: /* @__PURE__ */ T(C, { className: "h-4 w-4" }),
+			description: M("admin.dashboard.quickLinks.inviteUserDescription", "Invite a new user")
+		},
+		{
+			to: l(A, "audit"),
+			label: M("admin.dashboard.quickLinks.auditLogs", "Audit Logs"),
+			icon: /* @__PURE__ */ T(y, { className: "h-4 w-4" }),
+			description: M("admin.dashboard.quickLinks.auditLogsDescription", "View security audit trail")
+		},
+		{
+			to: l(A, "support"),
+			label: M("admin.dashboard.quickLinks.support", "Support"),
+			icon: /* @__PURE__ */ T(b, { className: "h-4 w-4" }),
+			description: M("admin.dashboard.quickLinks.supportDescription", "Manage support tickets")
+		}
+	], q = F || L || z || V;
+	return /* @__PURE__ */ T(c, {
+		allowed: O,
+		isLoading: k,
+		pageTitle: M("admin.dashboard.title", "Dashboard"),
+		denyMessage: M("admin.dashboard.denyMessage", "You don't have permission to view the admin dashboard."),
+		children: /* @__PURE__ */ T(n, {
+			title: M("admin.dashboard.title", "Dashboard"),
+			description: M("admin.dashboard.description", "Platform overview and key metrics"),
+			children: /* @__PURE__ */ E("div", {
+				className: "space-y-6",
+				children: [/* @__PURE__ */ E(i, { children: [
+					/* @__PURE__ */ T(r, {
+						title: M("admin.dashboard.metrics.totalTenants", "Total Tenants"),
+						value: W.tenants,
+						loading: q,
+						icon: /* @__PURE__ */ T(v, { className: "h-5 w-5 text-blue-500" })
+					}),
+					/* @__PURE__ */ T(r, {
+						title: M("admin.dashboard.metrics.organizations", "Organizations"),
+						value: W.organizations,
+						loading: q,
+						icon: /* @__PURE__ */ T(_, { className: "h-5 w-5 text-purple-500" })
+					}),
+					/* @__PURE__ */ T(r, {
+						title: M("admin.dashboard.metrics.activeWorkspaces", "Active Workspaces"),
+						value: W.workspaces,
+						loading: q,
+						icon: /* @__PURE__ */ T(x, { className: "h-5 w-5 text-green-500" })
+					}),
+					/* @__PURE__ */ T(r, {
+						title: M("admin.dashboard.metrics.totalUsers", "Total Users"),
+						value: W.users,
+						loading: q,
+						icon: /* @__PURE__ */ T(w, { className: "h-5 w-5 text-orange-500" })
+					})
+				] }), /* @__PURE__ */ E("div", {
+					className: "grid gap-6 lg:grid-cols-3",
+					children: [/* @__PURE__ */ T("div", {
+						className: "lg:col-span-2",
+						children: /* @__PURE__ */ T(a, {
+							activities: G,
+							loading: U
+						})
+					}), /* @__PURE__ */ T("div", {
+						className: "space-y-4",
+						children: /* @__PURE__ */ T(o, { links: K })
+					})]
+				})]
+			})
+		})
+	});
+}
+//#endregion
+export { O as DashboardPage };
+
+//# sourceMappingURL=DashboardPage.js.map

package/dist/admin/pages/DashboardPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DashboardPage.js","names":[],"sources":["../../../src/admin/pages/DashboardPage.tsx"],"sourcesContent":["import { useMemo } from 'react';\nimport {\n  Building2,\n  Users,\n  Layout,\n  Briefcase,\n  Plus,\n  UserPlus,\n  FileText,\n  HelpCircle,\n} from 'lucide-react';\nimport { useAdmin } from '../providers/AdminProvider';\nimport { useAdminPermissions } from '../hooks/useAdminPermissions';\nimport {\n  PageLayout,\n  MetricCard,\n  MetricsGrid,\n  ActivityFeed,\n  QuickLinks,\n  PermissionGuard,\n} from '../components';\nimport { joinPath } from '../utils/navigation';\nimport { mapActivityLogToUi } from '../utils/mappers';\nimport type { Activity } from '../types';\nimport {\n  useGetDashboardTenantCountQuery,\n  useGetDashboardOrganizationCountQuery,\n  useGetDashboardActiveWorkspaceCountQuery,\n  useGetDashboardUserCountQuery,\n  useGetRecentActivityLogsQuery,\n} from '../../generated/global-operations';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { tWithFallback } from '../utils/i18n';\n\n/**\n * Dashboard page — platform overview with real-time metrics\n */\nexport function DashboardPage() {\n  const { canViewDashboard, isLoading: permissionsLoading } = useAdminPermissions();\n  const { basePath = '' } = useAdmin();\n  const { t } = useI18n();\n  const tr = (key: string, fallback: string, params?: Record<string, string | number>): string =>\n    tWithFallback(t, key, fallback, params);\n\n  const skipQueries = permissionsLoading || !canViewDashboard;\n\n  const { data: tenantData, loading: tenantLoading } = useGetDashboardTenantCountQuery({\n    fetchPolicy: 'cache-and-network',\n    skip: skipQueries,\n  });\n  const { data: orgData, loading: orgLoading } = useGetDashboardOrganizationCountQuery({\n    fetchPolicy: 'cache-and-network',\n    skip: skipQueries,\n  });\n  const { data: workspaceData, loading: workspaceLoading } =\n    useGetDashboardActiveWorkspaceCountQuery({\n      fetchPolicy: 'cache-and-network',\n      skip: skipQueries,\n    });\n  const { data: userData, loading: userLoading } = useGetDashboardUserCountQuery({\n    fetchPolicy: 'cache-and-network',\n    skip: skipQueries,\n  });\n  const { data: activityData, loading: activityLoading } = useGetRecentActivityLogsQuery({\n    variables: { limit: 10 },\n    fetchPolicy: 'cache-and-network',\n    skip: skipQueries,\n  });\n\n  const metrics = {\n    tenants: tenantData?.tenants?.total ?? 0,\n    organizations: orgData?.organizations?.total ?? 0,\n    workspaces: workspaceData?.workspaces?.total ?? 0,\n    users: userData?.userCount ?? 0,\n  };\n\n  const recentActivity: Activity[] = useMemo(\n    () => (activityData?.activityLogs?.nodes ?? []).map(mapActivityLogToUi),\n    [activityData]\n  );\n\n  const quickLinks = [\n    {\n      to: joinPath(basePath, 'tenants'),\n      label: tr('admin.dashboard.quickLinks.addTenant', 'Add Tenant'),\n      icon: <Plus className=\"h-4 w-4\" />,\n      description: tr('admin.dashboard.quickLinks.addTenantDescription', 'Create a new tenant'),\n    },\n    {\n      to: joinPath(basePath, 'users'),\n      label: tr('admin.dashboard.quickLinks.inviteUser', 'Invite User'),\n      icon: <UserPlus className=\"h-4 w-4\" />,\n      description: tr('admin.dashboard.quickLinks.inviteUserDescription', 'Invite a new user'),\n    },\n    {\n      to: joinPath(basePath, 'audit'),\n      label: tr('admin.dashboard.quickLinks.auditLogs', 'Audit Logs'),\n      icon: <FileText className=\"h-4 w-4\" />,\n      description: tr(\n        'admin.dashboard.quickLinks.auditLogsDescription',\n        'View security audit trail'\n      ),\n    },\n    {\n      to: joinPath(basePath, 'support'),\n      label: tr('admin.dashboard.quickLinks.support', 'Support'),\n      icon: <HelpCircle className=\"h-4 w-4\" />,\n      description: tr('admin.dashboard.quickLinks.supportDescription', 'Manage support tickets'),\n    },\n  ];\n\n  const isLoading = tenantLoading || orgLoading || workspaceLoading || userLoading;\n\n  return (\n    <PermissionGuard\n      allowed={canViewDashboard}\n      isLoading={permissionsLoading}\n      pageTitle={tr('admin.dashboard.title', 'Dashboard')}\n      denyMessage={tr(\n        'admin.dashboard.denyMessage',\n        \"You don't have permission to view the admin dashboard.\"\n      )}\n    >\n      <PageLayout\n        title={tr('admin.dashboard.title', 'Dashboard')}\n        description={tr('admin.dashboard.description', 'Platform overview and key metrics')}\n      >\n        <div className=\"space-y-6\">\n          {/* Metrics Grid */}\n          <MetricsGrid>\n            <MetricCard\n              title={tr('admin.dashboard.metrics.totalTenants', 'Total Tenants')}\n              value={metrics.tenants}\n              loading={isLoading}\n              icon={<Building2 className=\"h-5 w-5 text-blue-500\" />}\n            />\n            <MetricCard\n              title={tr('admin.dashboard.metrics.organizations', 'Organizations')}\n              value={metrics.organizations}\n              loading={isLoading}\n              icon={<Briefcase className=\"h-5 w-5 text-purple-500\" />}\n            />\n            <MetricCard\n              title={tr('admin.dashboard.metrics.activeWorkspaces', 'Active Workspaces')}\n              value={metrics.workspaces}\n              loading={isLoading}\n              icon={<Layout className=\"h-5 w-5 text-green-500\" />}\n            />\n            <MetricCard\n              title={tr('admin.dashboard.metrics.totalUsers', 'Total Users')}\n              value={metrics.users}\n              loading={isLoading}\n              icon={<Users className=\"h-5 w-5 text-orange-500\" />}\n            />\n          </MetricsGrid>\n\n          {/* Content Area */}\n          <div className=\"grid gap-6 lg:grid-cols-3\">\n            <div className=\"lg:col-span-2\">\n              <ActivityFeed activities={recentActivity} loading={activityLoading} />\n            </div>\n            <div className=\"space-y-4\">\n              <QuickLinks links={quickLinks} />\n            </div>\n          </div>\n        </div>\n      </PageLayout>\n    </PermissionGuard>\n  );\n}\n"],"mappings":"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"}

package/dist/admin/pages/FeatureFlagsPage.d.ts

@@ -0,0 +1,2 @@
+export declare function FeatureFlagsPage(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=FeatureFlagsPage.d.ts.map

package/dist/admin/pages/FeatureFlagsPage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FeatureFlagsPage.d.ts","sourceRoot":"","sources":["../../../src/admin/pages/FeatureFlagsPage.tsx"],"names":[],"mappings":"AAUA,wBAAgB,gBAAgB,4CA+I/B"}

package/dist/admin/pages/FeatureFlagsPage.js

@@ -0,0 +1,116 @@
+import { Button as e, EmptyState as t, Input as n } from "../components/ui.js";
+import { PageLayout as r } from "../components/PageLayout.js";
+import { DataTable as i } from "../components/DataTable.js";
+import { RowActions as a } from "../components/RowActions.js";
+import "../components/index.js";
+import { useDeleteFeatureFlagMutation as o, useListFeatureFlagsQuery as s, useUpdateFeatureFlagMutation as c } from "../../generated/global-operations.js";
+import { FeatureFlagStatus as l } from "../../generated/global-types.js";
+import { useState as u } from "react";
+import { Plus as d, Search as f, ToggleLeft as p, Trash2 as m } from "lucide-react";
+import { jsx as h, jsxs as g } from "react/jsx-runtime";
+//#region src/admin/pages/FeatureFlagsPage.tsx
+function _() {
+	let [_, v] = u(""), { data: y, loading: b, error: x, refetch: S } = s({ variables: { filter: _ ? { name: { contains: _ } } : void 0 } }), [C] = c(), [w] = o(), T = y?.featureFlags?.items || [], E = async (e, t) => {
+		let n = t === l.Active ? l.Archived : l.Active;
+		try {
+			await C({ variables: {
+				id: e,
+				input: { status: n }
+			} }), S();
+		} catch (e) {
+			console.error("Failed to update status:", e);
+		}
+	}, D = async (e) => {
+		if (confirm("Are you sure you want to delete this feature flag?")) try {
+			await w({ variables: { id: e } }), S();
+		} catch (e) {
+			console.error("Failed to delete flag:", e);
+		}
+	};
+	return x ? /* @__PURE__ */ h(r, {
+		title: "Feature Flags",
+		description: "Error loading feature flags",
+		children: /* @__PURE__ */ g("div", {
+			className: "p-4 text-destructive",
+			children: ["Error: ", x.message]
+		})
+	}) : /* @__PURE__ */ h(r, {
+		title: "Feature Flags",
+		description: "Manage and monitor platform feature flags",
+		actions: /* @__PURE__ */ g(e, { children: [/* @__PURE__ */ h(d, { className: "mr-2 h-4 w-4" }), "Create Feature Flag"] }),
+		children: /* @__PURE__ */ g("div", {
+			className: "space-y-4",
+			children: [/* @__PURE__ */ h("div", {
+				className: "flex items-center justify-between",
+				children: /* @__PURE__ */ g("div", {
+					className: "relative max-w-sm flex-1",
+					children: [/* @__PURE__ */ h(f, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground" }), /* @__PURE__ */ h(n, {
+						placeholder: "Search feature flags...",
+						className: "pl-9",
+						value: _,
+						onChange: (e) => v(e.target.value)
+					})]
+				})
+			}), /* @__PURE__ */ h(i, {
+				columns: [
+					{
+						key: "name",
+						header: "Name",
+						render: (e) => /* @__PURE__ */ g("div", {
+							className: "flex flex-col text-left",
+							children: [/* @__PURE__ */ h("span", {
+								className: "font-medium",
+								children: e.name
+							}), /* @__PURE__ */ h("span", {
+								className: "text-xs text-muted-foreground",
+								children: e.key
+							})]
+						})
+					},
+					{
+						key: "flagType",
+						header: "Type"
+					},
+					{
+						key: "status",
+						header: "Status",
+						render: (t) => {
+							let n = t.status === l.Active;
+							return /* @__PURE__ */ h(e, {
+								variant: "outline",
+								size: "sm",
+								onClick: () => E(t.id, t.status),
+								className: n ? "border-primary text-primary" : "text-muted-foreground",
+								children: n ? "Active" : "Archived"
+							});
+						}
+					},
+					{
+						key: "actions",
+						header: "",
+						align: "right",
+						render: (e) => /* @__PURE__ */ h(a, { actions: [{
+							key: "delete",
+							label: "Delete",
+							icon: /* @__PURE__ */ h(m, { className: "h-4 w-4" }),
+							onClick: () => D(e.id),
+							destructive: !0
+						}] })
+					}
+				],
+				data: T,
+				keyExtractor: (e) => e.id,
+				loading: b,
+				emptyState: /* @__PURE__ */ h(t, {
+					icon: /* @__PURE__ */ h(p, { className: "h-8 w-8" }),
+					title: "No feature flags found",
+					description: "Feature flags will appear here when they are created"
+				})
+			})]
+		})
+	});
+}
+//#endregion
+export { _ as FeatureFlagsPage };
+
+//# sourceMappingURL=FeatureFlagsPage.js.map

package/dist/admin/pages/FeatureFlagsPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FeatureFlagsPage.js","names":[],"sources":["../../../src/admin/pages/FeatureFlagsPage.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { ToggleLeft, Search, Plus, Trash2 } from 'lucide-react';\nimport { PageLayout, Input, Button, EmptyState, DataTable, RowActions } from '../components';\nimport {\n  useListFeatureFlagsQuery,\n  useUpdateFeatureFlagMutation,\n  useDeleteFeatureFlagMutation,\n} from '../../generated/global-operations';\nimport { FeatureFlagStatus } from '../../generated/global-types';\n\nexport function FeatureFlagsPage() {\n  const [search, setSearch] = useState('');\n  const { data, loading, error, refetch } = useListFeatureFlagsQuery({\n    variables: {\n      filter: search ? { name: { contains: search } } : undefined,\n    },\n  });\n\n  const [updateFeatureFlag] = useUpdateFeatureFlagMutation();\n  const [deleteFeatureFlag] = useDeleteFeatureFlagMutation();\n\n  const flags = data?.featureFlags?.items || [];\n\n  const handleToggleStatus = async (id: string, currentStatus: FeatureFlagStatus) => {\n    const newStatus =\n      currentStatus === FeatureFlagStatus.Active\n        ? FeatureFlagStatus.Archived\n        : FeatureFlagStatus.Active;\n\n    try {\n      await updateFeatureFlag({\n        variables: {\n          id,\n          input: { status: newStatus },\n        },\n      });\n      refetch();\n    } catch (err) {\n      console.error('Failed to update status:', err);\n    }\n  };\n\n  const handleDelete = async (id: string) => {\n    if (confirm('Are you sure you want to delete this feature flag?')) {\n      try {\n        await deleteFeatureFlag({ variables: { id } });\n        refetch();\n      } catch (err) {\n        console.error('Failed to delete flag:', err);\n      }\n    }\n  };\n\n  const columns = [\n    {\n      key: 'name',\n      header: 'Name',\n      render: (flag: any) => (\n        <div className=\"flex flex-col text-left\">\n          <span className=\"font-medium\">{flag.name}</span>\n          <span className=\"text-xs text-muted-foreground\">{flag.key}</span>\n        </div>\n      ),\n    },\n    {\n      key: 'flagType',\n      header: 'Type',\n    },\n    {\n      key: 'status',\n      header: 'Status',\n      render: (flag: any) => {\n        const isActive = flag.status === FeatureFlagStatus.Active;\n        return (\n          <Button\n            variant=\"outline\"\n            size=\"sm\"\n            onClick={() => handleToggleStatus(flag.id, flag.status)}\n            className={isActive ? 'border-primary text-primary' : 'text-muted-foreground'}\n          >\n            {isActive ? 'Active' : 'Archived'}\n          </Button>\n        );\n      },\n    },\n    {\n      key: 'actions',\n      header: '',\n      align: 'right' as const,\n      render: (flag: any) => (\n        <RowActions\n          actions={[\n            {\n              key: 'delete',\n              label: 'Delete',\n              icon: <Trash2 className=\"h-4 w-4\" />,\n              onClick: () => handleDelete(flag.id),\n              destructive: true,\n            },\n          ]}\n        />\n      ),\n    },\n  ];\n\n  if (error) {\n    return (\n      <PageLayout title=\"Feature Flags\" description=\"Error loading feature flags\">\n        <div className=\"p-4 text-destructive\">Error: {error.message}</div>\n      </PageLayout>\n    );\n  }\n\n  return (\n    <PageLayout\n      title=\"Feature Flags\"\n      description=\"Manage and monitor platform feature flags\"\n      actions={\n        <Button>\n          <Plus className=\"mr-2 h-4 w-4\" />\n          Create Feature Flag\n        </Button>\n      }\n    >\n      <div className=\"space-y-4\">\n        <div className=\"flex items-center justify-between\">\n          <div className=\"relative max-w-sm flex-1\">\n            <Search className=\"absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground\" />\n            <Input\n              placeholder=\"Search feature flags...\"\n              className=\"pl-9\"\n              value={search}\n              onChange={(e) => setSearch(e.target.value)}\n            />\n          </div>\n        </div>\n\n        <DataTable\n          columns={columns}\n          data={flags}\n          keyExtractor={(flag) => flag.id}\n          loading={loading}\n          emptyState={\n            <EmptyState\n              icon={<ToggleLeft className=\"h-8 w-8\" />}\n              title=\"No feature flags found\"\n              description=\"Feature flags will appear here when they are created\"\n            />\n          }\n        />\n      </div>\n    </PageLayout>\n  );\n}\n"],"mappings":";;;;;;;;;;;AAUA,SAAgB,IAAmB;CACjC,IAAM,CAAC,GAAQ,KAAa,EAAS,GAAG,EAClC,EAAE,SAAM,YAAS,UAAO,eAAY,EAAyB,EACjE,WAAW,EACT,QAAQ,IAAS,EAAE,MAAM,EAAE,UAAU,GAAQ,EAAE,GAAG,KAAA,GACnD,EACF,CAAC,EAEI,CAAC,KAAqB,GAA8B,EACpD,CAAC,KAAqB,GAA8B,EAEpD,IAAQ,GAAM,cAAc,SAAS,EAAE,EAEvC,IAAqB,OAAO,GAAY,MAAqC;EACjF,IAAM,IACJ,MAAkB,EAAkB,SAChC,EAAkB,WAClB,EAAkB;AAExB,MAAI;AAOF,GANA,MAAM,EAAkB,EACtB,WAAW;IACT;IACA,OAAO,EAAE,QAAQ,GAAW;IAC7B,EACF,CAAC,EACF,GAAS;WACF,GAAK;AACZ,WAAQ,MAAM,4BAA4B,EAAI;;IAI5C,IAAe,OAAO,MAAe;AACzC,MAAI,QAAQ,qDAAqD,CAC/D,KAAI;AAEF,GADA,MAAM,EAAkB,EAAE,WAAW,EAAE,OAAI,EAAE,CAAC,EAC9C,GAAS;WACF,GAAK;AACZ,WAAQ,MAAM,0BAA0B,EAAI;;;AAiElD,QARI,IAEA,kBAAC,GAAD;EAAY,OAAM;EAAgB,aAAY;YAC5C,kBAAC,OAAD;GAAK,WAAU;aAAf,CAAsC,WAAQ,EAAM,QAAc;;EACvD,CAAA,GAKf,kBAAC,GAAD;EACE,OAAM;EACN,aAAY;EACZ,SACE,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD,EAAM,WAAU,gBAAiB,CAAA,EAAA,sBAE1B,EAAA,CAAA;YAGX,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,OAAD;IAAK,WAAU;cACb,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,GAAD,EAAQ,WAAU,0EAA2E,CAAA,EAC7F,kBAAC,GAAD;MACE,aAAY;MACZ,WAAU;MACV,OAAO;MACP,WAAW,MAAM,EAAU,EAAE,OAAO,MAAM;MAC1C,CAAA,CACE;;IACF,CAAA,EAEN,kBAAC,GAAD;IACW,SArFD;KACd;MACE,KAAK;MACL,QAAQ;MACR,SAAS,MACP,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,QAAD;QAAM,WAAU;kBAAe,EAAK;QAAY,CAAA,EAChD,kBAAC,QAAD;QAAM,WAAU;kBAAiC,EAAK;QAAW,CAAA,CAC7D;;MAET;KACD;MACE,KAAK;MACL,QAAQ;MACT;KACD;MACE,KAAK;MACL,QAAQ;MACR,SAAS,MAAc;OACrB,IAAM,IAAW,EAAK,WAAW,EAAkB;AACnD,cACE,kBAAC,GAAD;QACE,SAAQ;QACR,MAAK;QACL,eAAe,EAAmB,EAAK,IAAI,EAAK,OAAO;QACvD,WAAW,IAAW,gCAAgC;kBAErD,IAAW,WAAW;QAChB,CAAA;;MAGd;KACD;MACE,KAAK;MACL,QAAQ;MACR,OAAO;MACP,SAAS,MACP,kBAAC,GAAD,EACE,SAAS,CACP;OACE,KAAK;OACL,OAAO;OACP,MAAM,kBAAC,GAAD,EAAQ,WAAU,WAAY,CAAA;OACpC,eAAe,EAAa,EAAK,GAAG;OACpC,aAAa;OACd,CACF,EACD,CAAA;MAEL;KACF;IAoCO,MAAM;IACN,eAAe,MAAS,EAAK;IACpB;IACT,YACE,kBAAC,GAAD;KACE,MAAM,kBAAC,GAAD,EAAY,WAAU,WAAY,CAAA;KACxC,OAAM;KACN,aAAY;KACZ,CAAA;IAEJ,CAAA,CACE;;EACK,CAAA"}

package/dist/admin/pages/OrganizationsListPage.d.ts

@@ -0,0 +1,2 @@
+export declare function OrganizationsListPage(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=OrganizationsListPage.d.ts.map

package/dist/admin/pages/OrganizationsListPage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"OrganizationsListPage.d.ts","sourceRoot":"","sources":["../../../src/admin/pages/OrganizationsListPage.tsx"],"names":[],"mappings":"AAQA,wBAAgB,qBAAqB,4CA2GpC"}