@burdenoff/microfe-billing 2026.510.114

package/dist/billing/modules/quota/pages/QuotaTemplatesListPage.js

@@ -0,0 +1,401 @@
+import { AccessDenied as e } from "../../../shared/components/AccessDenied.js";
+import { PageHeader as t } from "../../../shared/components/PageHeader.js";
+import "../../../shared/components/index.js";
+import { formatDate as n } from "../../../shared/utils/format.js";
+import { useBillingPermissions as r } from "../../../hooks/useBillingPermissions.js";
+import { useBillingNavigate as i } from "../../../hooks/useBillingNavigate.js";
+import { useQuotaTemplateMutations as a, useQuotaTemplates as o } from "../hooks/useQuotaTemplates.js";
+import "../hooks/index.js";
+import { useState as s } from "react";
+import { Fragment as c, jsx as l, jsxs as u } from "react/jsx-runtime";
+import { useI18n as d } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+//#region src/billing/modules/quota/pages/QuotaTemplatesListPage.tsx
+var f = () => {
+	let { t: n } = d(), c = (e, t) => {
+		let r = n(e);
+		return r === e ? t : r;
+	}, f = i(), h = r(), { quotas: g, isLoading: _, error: v, refetch: y } = o(), { toggleQuota: b, isToggling: x } = a(), [S, C] = s("grid"), [w, T] = s(!1), [E, D] = s("all");
+	if (!h.canViewQuotas) return /* @__PURE__ */ l(e, { message: "You don't have permission to view quotas." });
+	let O = g.filter((e) => !(!w && !e.isActive || E !== "all" && e.quotaType !== E)), k = async (e) => {
+		if (h.canManageQuotas) try {
+			await b(e.id, !e.isActive), await y();
+		} catch (e) {
+			console.error("Failed to toggle quota:", e);
+		}
+	}, A = (e) => {
+		f(`/quotas/${e.id}`);
+	}, j = (e) => {
+		f(`/quotas/${e.id}/edit`);
+	};
+	return _ && g.length === 0 ? /* @__PURE__ */ u("div", {
+		className: "space-y-6 p-6",
+		children: [/* @__PURE__ */ l("div", { className: "h-8 w-48 bg-muted animate-pulse rounded" }), /* @__PURE__ */ l("div", {
+			className: "grid grid-cols-1 md:grid-cols-3 gap-6",
+			children: [
+				1,
+				2,
+				3
+			].map((e) => /* @__PURE__ */ u("div", {
+				className: "border border-border rounded-lg p-6 space-y-4",
+				children: [
+					/* @__PURE__ */ l("div", { className: "h-6 w-24 bg-muted animate-pulse rounded" }),
+					/* @__PURE__ */ l("div", { className: "h-4 w-32 bg-muted animate-pulse rounded" }),
+					/* @__PURE__ */ l("div", {
+						className: "space-y-2",
+						children: [1, 2].map((e) => /* @__PURE__ */ l("div", { className: "h-4 w-full bg-muted animate-pulse rounded" }, e))
+					})
+				]
+			}, e))
+		})]
+	}) : v ? /* @__PURE__ */ l("div", {
+		className: "flex items-center justify-center h-full min-h-[400px]",
+		children: /* @__PURE__ */ u("div", {
+			className: "text-center space-y-4",
+			children: [
+				/* @__PURE__ */ l("div", {
+					className: "w-12 h-12 mx-auto rounded-full bg-destructive/10 flex items-center justify-center",
+					children: /* @__PURE__ */ l("svg", {
+						className: "w-6 h-6 text-destructive",
+						fill: "none",
+						viewBox: "0 0 24 24",
+						stroke: "currentColor",
+						children: /* @__PURE__ */ l("path", {
+							strokeLinecap: "round",
+							strokeLinejoin: "round",
+							strokeWidth: 2,
+							d: "M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z"
+						})
+					})
+				}),
+				/* @__PURE__ */ l("h2", {
+					className: "text-lg font-semibold text-foreground",
+					children: c("billing.quota.failedToLoad", "Failed to load quotas")
+				}),
+				/* @__PURE__ */ l("p", {
+					className: "text-sm text-muted-foreground",
+					children: v.message
+				}),
+				/* @__PURE__ */ l("button", {
+					onClick: () => y(),
+					className: "px-4 py-2 text-sm font-medium bg-primary text-primary-foreground rounded-md hover:bg-primary/90 transition-colors",
+					children: "Try Again"
+				})
+			]
+		})
+	}) : /* @__PURE__ */ u("div", {
+		className: "space-y-6 p-6",
+		children: [
+			/* @__PURE__ */ u("div", {
+				className: "flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between",
+				children: [/* @__PURE__ */ l(t, {
+					title: c("billing.quota.quotaTemplatesTitle", "Quota Templates"),
+					description: "Manage quota templates that can be assigned to plans and addons"
+				}), h.canManageQuotas && /* @__PURE__ */ u("button", {
+					onClick: () => f("/quotas/new"),
+					className: "inline-flex items-center gap-2 px-4 py-2 text-sm font-medium bg-primary text-primary-foreground rounded-md hover:bg-primary/90 transition-colors",
+					children: [/* @__PURE__ */ l("svg", {
+						className: "w-4 h-4",
+						fill: "none",
+						viewBox: "0 0 24 24",
+						stroke: "currentColor",
+						children: /* @__PURE__ */ l("path", {
+							strokeLinecap: "round",
+							strokeLinejoin: "round",
+							strokeWidth: 2,
+							d: "M12 4v16m8-8H4"
+						})
+					}), "Create Quota"]
+				})]
+			}),
+			/* @__PURE__ */ u("div", {
+				className: "flex flex-wrap items-center gap-4 pb-4 border-b border-border",
+				children: [
+					/* @__PURE__ */ u("div", {
+						className: "inline-flex rounded-lg border border-border p-1 bg-muted/50",
+						children: [
+							/* @__PURE__ */ l("button", {
+								onClick: () => D("all"),
+								className: `px-3 py-1.5 text-sm font-medium rounded-md transition-colors ${E === "all" ? "bg-background text-foreground shadow-sm" : "text-muted-foreground hover:text-foreground"}`,
+								children: "All"
+							}),
+							/* @__PURE__ */ l("button", {
+								onClick: () => D("POOLED"),
+								className: `px-3 py-1.5 text-sm font-medium rounded-md transition-colors ${E === "POOLED" ? "bg-background text-foreground shadow-sm" : "text-muted-foreground hover:text-foreground"}`,
+								children: "Pooled"
+							}),
+							/* @__PURE__ */ l("button", {
+								onClick: () => D("PRODUCT_SPECIFIC"),
+								className: `px-3 py-1.5 text-sm font-medium rounded-md transition-colors ${E === "PRODUCT_SPECIFIC" ? "bg-background text-foreground shadow-sm" : "text-muted-foreground hover:text-foreground"}`,
+								children: "Product Specific"
+							})
+						]
+					}),
+					h.canManageQuotas && /* @__PURE__ */ u("label", {
+						className: "flex items-center gap-2 text-sm cursor-pointer",
+						children: [/* @__PURE__ */ l("input", {
+							type: "checkbox",
+							checked: w,
+							onChange: (e) => T(e.target.checked),
+							className: "w-4 h-4 rounded border-border text-primary focus:ring-primary"
+						}), /* @__PURE__ */ l("span", {
+							className: "text-muted-foreground",
+							children: c("billing.quota.showInactive", "Show inactive quotas")
+						})]
+					}),
+					/* @__PURE__ */ u("div", {
+						className: "ml-auto inline-flex rounded-lg border border-border p-1 bg-muted/50",
+						children: [/* @__PURE__ */ l("button", {
+							onClick: () => C("grid"),
+							className: `p-1.5 rounded-md transition-colors ${S === "grid" ? "bg-background text-foreground shadow-sm" : "text-muted-foreground hover:text-foreground"}`,
+							title: "Grid view",
+							children: /* @__PURE__ */ l("svg", {
+								className: "w-4 h-4",
+								fill: "none",
+								viewBox: "0 0 24 24",
+								stroke: "currentColor",
+								children: /* @__PURE__ */ l("path", {
+									strokeLinecap: "round",
+									strokeLinejoin: "round",
+									strokeWidth: 2,
+									d: "M4 6a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2H6a2 2 0 01-2-2V6zM14 6a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2h-2a2 2 0 01-2-2V6zM4 16a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2H6a2 2 0 01-2-2v-2zM14 16a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2h-2a2 2 0 01-2-2v-2z"
+								})
+							})
+						}), /* @__PURE__ */ l("button", {
+							onClick: () => C("list"),
+							className: `p-1.5 rounded-md transition-colors ${S === "list" ? "bg-background text-foreground shadow-sm" : "text-muted-foreground hover:text-foreground"}`,
+							title: "List view",
+							children: /* @__PURE__ */ l("svg", {
+								className: "w-4 h-4",
+								fill: "none",
+								viewBox: "0 0 24 24",
+								stroke: "currentColor",
+								children: /* @__PURE__ */ l("path", {
+									strokeLinecap: "round",
+									strokeLinejoin: "round",
+									strokeWidth: 2,
+									d: "M4 6h16M4 12h16M4 18h16"
+								})
+							})
+						})]
+					})
+				]
+			}),
+			O.length === 0 ? /* @__PURE__ */ u("div", {
+				className: "flex flex-col items-center justify-center py-12 border border-dashed border-border rounded-lg",
+				children: [
+					/* @__PURE__ */ l("div", {
+						className: "w-12 h-12 rounded-full bg-muted flex items-center justify-center mb-4",
+						children: /* @__PURE__ */ l("svg", {
+							className: "w-6 h-6 text-muted-foreground",
+							fill: "none",
+							viewBox: "0 0 24 24",
+							stroke: "currentColor",
+							children: /* @__PURE__ */ l("path", {
+								strokeLinecap: "round",
+								strokeLinejoin: "round",
+								strokeWidth: 2,
+								d: "M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z"
+							})
+						})
+					}),
+					/* @__PURE__ */ l("h3", {
+						className: "text-lg font-medium text-foreground",
+						children: c("billing.quota.noQuotasFound", "No quotas found")
+					}),
+					/* @__PURE__ */ l("p", {
+						className: "text-sm text-muted-foreground mt-1",
+						children: w ? "No quotas match your current filters." : "There are no active quotas available."
+					}),
+					h.canManageQuotas && /* @__PURE__ */ l("button", {
+						onClick: () => f("/quotas/new"),
+						className: "mt-4 px-4 py-2 text-sm font-medium bg-primary text-primary-foreground rounded-md hover:bg-primary/90 transition-colors",
+						children: "Create your first quota"
+					})
+				]
+			}) : S === "grid" ? /* @__PURE__ */ l("div", {
+				className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6",
+				children: O.map((e) => /* @__PURE__ */ l(p, {
+					quota: e,
+					onView: A,
+					onEdit: j,
+					onToggle: k,
+					canManage: h.canManageQuotas,
+					isToggling: x
+				}, e.id))
+			}) : /* @__PURE__ */ l("div", {
+				className: "space-y-3",
+				children: O.map((e) => /* @__PURE__ */ l(m, {
+					quota: e,
+					onView: A,
+					onEdit: j,
+					onToggle: k,
+					canManage: h.canManageQuotas,
+					isToggling: x
+				}, e.id))
+			})
+		]
+	});
+}, p = ({ quota: e, onView: t, onEdit: r, onToggle: i, canManage: a, isToggling: o }) => {
+	let s = e.limits, c = s?.type ?? "unknown", d = s?.value ?? 0, f = s?.unit ?? "";
+	return /* @__PURE__ */ u("div", {
+		className: `relative border rounded-lg p-6 transition-all hover:shadow-md flex flex-col h-full ${e.isActive ? "border-border bg-card" : "border-dashed border-muted-foreground/30 bg-muted/30"}`,
+		children: [
+			!e.isActive && /* @__PURE__ */ l("span", {
+				className: "absolute top-4 right-4 px-2 py-1 text-xs font-medium bg-muted text-muted-foreground rounded",
+				children: "Inactive"
+			}),
+			/* @__PURE__ */ l("div", {
+				className: "w-10 h-10 rounded-lg bg-primary/10 flex items-center justify-center mb-4",
+				children: /* @__PURE__ */ l("svg", {
+					className: "w-5 h-5 text-primary",
+					fill: "none",
+					viewBox: "0 0 24 24",
+					stroke: "currentColor",
+					children: /* @__PURE__ */ l("path", {
+						strokeLinecap: "round",
+						strokeLinejoin: "round",
+						strokeWidth: 2,
+						d: "M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z"
+					})
+				})
+			}),
+			/* @__PURE__ */ u("div", {
+				className: "mb-4",
+				children: [/* @__PURE__ */ l("h3", {
+					className: "text-lg font-bold text-foreground",
+					children: e.name
+				}), /* @__PURE__ */ u("div", {
+					className: "flex items-center gap-2 mt-1",
+					children: [/* @__PURE__ */ l("span", {
+						className: `px-2 py-0.5 text-xs font-medium rounded ${e.quotaType === "POOLED" ? "bg-status-info-bg-subtle text-status-info-text" : "bg-accent-purple-subtle text-accent-purple"}`,
+						children: e.quotaType === "POOLED" ? "Pooled" : "Product Specific"
+					}), e.reusable && /* @__PURE__ */ l("span", {
+						className: "px-2 py-0.5 text-xs font-medium bg-status-success-bg-subtle text-status-success-text rounded",
+						children: "Reusable"
+					})]
+				})]
+			}),
+			/* @__PURE__ */ u("div", {
+				className: "space-y-2 mb-4 flex-1",
+				children: [/* @__PURE__ */ u("div", {
+					className: "flex items-center justify-between text-sm",
+					children: [/* @__PURE__ */ l("span", {
+						className: "text-muted-foreground",
+						children: "Limit Type:"
+					}), /* @__PURE__ */ l("span", {
+						className: "font-medium text-foreground capitalize",
+						children: c
+					})]
+				}), /* @__PURE__ */ u("div", {
+					className: "flex items-center justify-between text-sm",
+					children: [/* @__PURE__ */ l("span", {
+						className: "text-muted-foreground",
+						children: "Value:"
+					}), /* @__PURE__ */ u("span", {
+						className: "font-semibold text-foreground",
+						children: [d.toLocaleString(), f && ` ${f}`]
+					})]
+				})]
+			}),
+			/* @__PURE__ */ u("div", {
+				className: "py-3 border-t border-border text-sm text-muted-foreground",
+				children: ["Created ", n(e.createdAt, "short")]
+			}),
+			/* @__PURE__ */ u("div", {
+				className: "space-y-2 pt-4 border-t border-border",
+				children: [/* @__PURE__ */ l("button", {
+					onClick: () => t(e),
+					className: "w-full px-4 py-2 text-sm font-medium bg-primary text-primary-foreground rounded-md hover:bg-primary/90 transition-colors",
+					children: "View Details"
+				}), a && /* @__PURE__ */ u("div", {
+					className: "flex gap-2",
+					children: [/* @__PURE__ */ l("button", {
+						onClick: () => r(e),
+						className: "flex-1 px-3 py-2 text-sm font-medium border border-border text-foreground rounded-md hover:bg-muted transition-colors",
+						children: "Edit"
+					}), /* @__PURE__ */ l("button", {
+						onClick: () => i(e),
+						disabled: o,
+						className: `px-3 py-2 text-sm font-medium border border-border rounded-md transition-colors ${e.isActive ? "text-destructive hover:bg-destructive/10" : "text-status-success-text hover:bg-status-success-bg-subtle"}`,
+						children: e.isActive ? "Deactivate" : "Activate"
+					})]
+				})]
+			})
+		]
+	});
+}, m = ({ quota: e, onView: t, onEdit: n, onToggle: r, canManage: i, isToggling: a }) => {
+	let o = e.limits, s = o?.type ?? "unknown", d = o?.value ?? 0, f = o?.unit ?? "";
+	return /* @__PURE__ */ u("div", {
+		className: `flex items-center gap-4 p-4 border rounded-lg transition-all hover:shadow-sm ${e.isActive ? "border-border bg-card" : "border-dashed border-muted-foreground/30 bg-muted/30"}`,
+		children: [
+			/* @__PURE__ */ l("div", {
+				className: "w-10 h-10 rounded-lg bg-primary/10 flex items-center justify-center shrink-0",
+				children: /* @__PURE__ */ l("svg", {
+					className: "w-5 h-5 text-primary",
+					fill: "none",
+					viewBox: "0 0 24 24",
+					stroke: "currentColor",
+					children: /* @__PURE__ */ l("path", {
+						strokeLinecap: "round",
+						strokeLinejoin: "round",
+						strokeWidth: 2,
+						d: "M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z"
+					})
+				})
+			}),
+			/* @__PURE__ */ u("div", {
+				className: "flex-1 min-w-0",
+				children: [/* @__PURE__ */ u("div", {
+					className: "flex items-center gap-2 flex-wrap",
+					children: [
+						/* @__PURE__ */ l("h3", {
+							className: "font-semibold text-foreground truncate",
+							children: e.name
+						}),
+						!e.isActive && /* @__PURE__ */ l("span", {
+							className: "px-2 py-0.5 text-xs font-medium bg-muted text-muted-foreground rounded",
+							children: "Inactive"
+						}),
+						/* @__PURE__ */ l("span", {
+							className: `px-2 py-0.5 text-xs font-medium rounded ${e.quotaType === "POOLED" ? "bg-status-info-bg-subtle text-status-info-text" : "bg-accent-purple-subtle text-accent-purple"}`,
+							children: e.quotaType === "POOLED" ? "Pooled" : "Product Specific"
+						})
+					]
+				}), /* @__PURE__ */ u("p", {
+					className: "text-sm text-muted-foreground",
+					children: [
+						/* @__PURE__ */ l("span", {
+							className: "capitalize",
+							children: s
+						}),
+						" limit: ",
+						d.toLocaleString(),
+						f && ` ${f}`,
+						e.reusable && " (Reusable)"
+					]
+				})]
+			}),
+			/* @__PURE__ */ u("div", {
+				className: "flex items-center gap-2",
+				children: [/* @__PURE__ */ l("button", {
+					onClick: () => t(e),
+					className: "px-3 py-1.5 text-sm font-medium bg-primary text-primary-foreground rounded-md hover:bg-primary/90 transition-colors",
+					children: "View"
+				}), i && /* @__PURE__ */ u(c, { children: [/* @__PURE__ */ l("button", {
+					onClick: () => n(e),
+					className: "px-3 py-1.5 text-sm font-medium border border-border text-foreground rounded-md hover:bg-muted transition-colors",
+					children: "Edit"
+				}), /* @__PURE__ */ l("button", {
+					onClick: () => r(e),
+					disabled: a,
+					className: `px-3 py-1.5 text-sm font-medium border border-border rounded-md transition-colors ${e.isActive ? "text-destructive hover:bg-destructive/10" : "text-status-success-text hover:bg-status-success-bg-subtle"}`,
+					children: e.isActive ? "Deactivate" : "Activate"
+				})] })]
+			})
+		]
+	});
+};
+//#endregion
+export { f as QuotaTemplatesListPage };
+
+//# sourceMappingURL=QuotaTemplatesListPage.js.map

package/dist/billing/modules/quota/pages/QuotaTemplatesListPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"QuotaTemplatesListPage.js","names":[],"sources":["../../../../../src/billing/modules/quota/pages/QuotaTemplatesListPage.tsx"],"sourcesContent":["/**\n * Quota Module - Quota Templates List Page\n * Displays all available quota templates for admin management\n */\n\nimport { useState, type FC } from 'react';\nimport { useBillingNavigate } from '../../../hooks/useBillingNavigate';\nimport { useQuotaTemplates, useQuotaTemplateMutations } from '../hooks';\nimport { useBillingPermissions } from '../../../hooks/useBillingPermissions';\nimport { AccessDenied, PageHeader } from '../../../shared/components';\nimport { formatDate } from '../../../shared/utils/format';\nimport type { Quota, QuotaType } from '../../../shared/types';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\n\ntype ViewMode = 'grid' | 'list';\n\nexport const QuotaTemplatesListPage: FC = () => {\n  const { t } = useI18n();\n  const tr = (key: string, fallback: string): string => {\n    const translated = t(key);\n    return translated === key ? fallback : translated;\n  };\n  const navigateTo = useBillingNavigate();\n  const permissions = useBillingPermissions();\n  const { quotas, isLoading, error, refetch } = useQuotaTemplates();\n  const { toggleQuota, isToggling } = useQuotaTemplateMutations();\n\n  const [viewMode, setViewMode] = useState<ViewMode>('grid');\n  const [showInactive, setShowInactive] = useState(false);\n  const [quotaTypeFilter, setQuotaTypeFilter] = useState<QuotaType | 'all'>('all');\n\n  // Permission check\n  if (!permissions.canViewQuotas) {\n    return <AccessDenied message=\"You don't have permission to view quotas.\" />;\n  }\n\n  // Filter quotas\n  const filteredQuotas = quotas.filter((quota) => {\n    if (!showInactive && !quota.isActive) return false;\n    if (quotaTypeFilter !== 'all' && quota.quotaType !== quotaTypeFilter) return false;\n    return true;\n  });\n\n  const handleToggleQuota = async (quota: Quota) => {\n    if (!permissions.canManageQuotas) return;\n    try {\n      await toggleQuota(quota.id, !quota.isActive);\n      await refetch();\n    } catch (err) {\n      console.error('Failed to toggle quota:', err);\n    }\n  };\n\n  const handleViewQuota = (quota: Quota) => {\n    navigateTo(`/quotas/${quota.id}`);\n  };\n\n  const handleEditQuota = (quota: Quota) => {\n    navigateTo(`/quotas/${quota.id}/edit`);\n  };\n\n  // Loading state\n  if (isLoading && quotas.length === 0) {\n    return (\n      <div className=\"space-y-6 p-6\">\n        <div className=\"h-8 w-48 bg-muted animate-pulse rounded\" />\n        <div className=\"grid grid-cols-1 md:grid-cols-3 gap-6\">\n          {[1, 2, 3].map((i) => (\n            <div key={i} className=\"border border-border rounded-lg p-6 space-y-4\">\n              <div className=\"h-6 w-24 bg-muted animate-pulse rounded\" />\n              <div className=\"h-4 w-32 bg-muted animate-pulse rounded\" />\n              <div className=\"space-y-2\">\n                {[1, 2].map((j) => (\n                  <div key={j} className=\"h-4 w-full bg-muted animate-pulse rounded\" />\n                ))}\n              </div>\n            </div>\n          ))}\n        </div>\n      </div>\n    );\n  }\n\n  // Error state\n  if (error) {\n    return (\n      <div className=\"flex items-center justify-center h-full min-h-[400px]\">\n        <div className=\"text-center space-y-4\">\n          <div className=\"w-12 h-12 mx-auto rounded-full bg-destructive/10 flex items-center justify-center\">\n            <svg\n              className=\"w-6 h-6 text-destructive\"\n              fill=\"none\"\n              viewBox=\"0 0 24 24\"\n              stroke=\"currentColor\"\n            >\n              <path\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n                strokeWidth={2}\n                d=\"M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z\"\n              />\n            </svg>\n          </div>\n          <h2 className=\"text-lg font-semibold text-foreground\">\n            {tr('billing.quota.failedToLoad', 'Failed to load quotas')}\n          </h2>\n          <p className=\"text-sm text-muted-foreground\">{error.message}</p>\n          <button\n            onClick={() => refetch()}\n            className=\"px-4 py-2 text-sm font-medium bg-primary text-primary-foreground rounded-md hover:bg-primary/90 transition-colors\"\n          >\n            Try Again\n          </button>\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      {/* Header */}\n      <div className=\"flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between\">\n        <PageHeader\n          title={tr('billing.quota.quotaTemplatesTitle', 'Quota Templates')}\n          description=\"Manage quota templates that can be assigned to plans and addons\"\n        />\n\n        {permissions.canManageQuotas && (\n          <button\n            onClick={() => navigateTo('/quotas/new')}\n            className=\"inline-flex items-center gap-2 px-4 py-2 text-sm font-medium bg-primary text-primary-foreground rounded-md hover:bg-primary/90 transition-colors\"\n          >\n            <svg className=\"w-4 h-4\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n              <path\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n                strokeWidth={2}\n                d=\"M12 4v16m8-8H4\"\n              />\n            </svg>\n            Create Quota\n          </button>\n        )}\n      </div>\n\n      {/* Filters */}\n      <div className=\"flex flex-wrap items-center gap-4 pb-4 border-b border-border\">\n        {/* Quota Type Toggle */}\n        <div className=\"inline-flex rounded-lg border border-border p-1 bg-muted/50\">\n          <button\n            onClick={() => setQuotaTypeFilter('all')}\n            className={`px-3 py-1.5 text-sm font-medium rounded-md transition-colors ${\n              quotaTypeFilter === 'all'\n                ? 'bg-background text-foreground shadow-sm'\n                : 'text-muted-foreground hover:text-foreground'\n            }`}\n          >\n            All\n          </button>\n          <button\n            onClick={() => setQuotaTypeFilter('POOLED' as QuotaType)}\n            className={`px-3 py-1.5 text-sm font-medium rounded-md transition-colors ${\n              quotaTypeFilter === 'POOLED'\n                ? 'bg-background text-foreground shadow-sm'\n                : 'text-muted-foreground hover:text-foreground'\n            }`}\n          >\n            Pooled\n          </button>\n          <button\n            onClick={() => setQuotaTypeFilter('PRODUCT_SPECIFIC' as QuotaType)}\n            className={`px-3 py-1.5 text-sm font-medium rounded-md transition-colors ${\n              quotaTypeFilter === 'PRODUCT_SPECIFIC'\n                ? 'bg-background text-foreground shadow-sm'\n                : 'text-muted-foreground hover:text-foreground'\n            }`}\n          >\n            Product Specific\n          </button>\n        </div>\n\n        {/* Show Inactive Toggle */}\n        {permissions.canManageQuotas && (\n          <label className=\"flex items-center gap-2 text-sm cursor-pointer\">\n            <input\n              type=\"checkbox\"\n              checked={showInactive}\n              onChange={(e) => setShowInactive(e.target.checked)}\n              className=\"w-4 h-4 rounded border-border text-primary focus:ring-primary\"\n            />\n            <span className=\"text-muted-foreground\">\n              {tr('billing.quota.showInactive', 'Show inactive quotas')}\n            </span>\n          </label>\n        )}\n\n        {/* View Mode Toggle */}\n        <div className=\"ml-auto inline-flex rounded-lg border border-border p-1 bg-muted/50\">\n          <button\n            onClick={() => setViewMode('grid')}\n            className={`p-1.5 rounded-md transition-colors ${\n              viewMode === 'grid'\n                ? 'bg-background text-foreground shadow-sm'\n                : 'text-muted-foreground hover:text-foreground'\n            }`}\n            title=\"Grid view\"\n          >\n            <svg className=\"w-4 h-4\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n              <path\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n                strokeWidth={2}\n                d=\"M4 6a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2H6a2 2 0 01-2-2V6zM14 6a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2h-2a2 2 0 01-2-2V6zM4 16a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2H6a2 2 0 01-2-2v-2zM14 16a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2h-2a2 2 0 01-2-2v-2z\"\n              />\n            </svg>\n          </button>\n          <button\n            onClick={() => setViewMode('list')}\n            className={`p-1.5 rounded-md transition-colors ${\n              viewMode === 'list'\n                ? 'bg-background text-foreground shadow-sm'\n                : 'text-muted-foreground hover:text-foreground'\n            }`}\n            title=\"List view\"\n          >\n            <svg className=\"w-4 h-4\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n              <path\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n                strokeWidth={2}\n                d=\"M4 6h16M4 12h16M4 18h16\"\n              />\n            </svg>\n          </button>\n        </div>\n      </div>\n\n      {/* Quotas Grid/List */}\n      {filteredQuotas.length === 0 ? (\n        <div className=\"flex flex-col items-center justify-center py-12 border border-dashed border-border rounded-lg\">\n          <div className=\"w-12 h-12 rounded-full bg-muted flex items-center justify-center mb-4\">\n            <svg\n              className=\"w-6 h-6 text-muted-foreground\"\n              fill=\"none\"\n              viewBox=\"0 0 24 24\"\n              stroke=\"currentColor\"\n            >\n              <path\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n                strokeWidth={2}\n                d=\"M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z\"\n              />\n            </svg>\n          </div>\n          <h3 className=\"text-lg font-medium text-foreground\">\n            {tr('billing.quota.noQuotasFound', 'No quotas found')}\n          </h3>\n          <p className=\"text-sm text-muted-foreground mt-1\">\n            {showInactive\n              ? 'No quotas match your current filters.'\n              : 'There are no active quotas available.'}\n          </p>\n          {permissions.canManageQuotas && (\n            <button\n              onClick={() => navigateTo('/quotas/new')}\n              className=\"mt-4 px-4 py-2 text-sm font-medium bg-primary text-primary-foreground rounded-md hover:bg-primary/90 transition-colors\"\n            >\n              Create your first quota\n            </button>\n          )}\n        </div>\n      ) : viewMode === 'grid' ? (\n        <div className=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6\">\n          {filteredQuotas.map((quota) => (\n            <QuotaCard\n              key={quota.id}\n              quota={quota}\n              onView={handleViewQuota}\n              onEdit={handleEditQuota}\n              onToggle={handleToggleQuota}\n              canManage={permissions.canManageQuotas}\n              isToggling={isToggling}\n            />\n          ))}\n        </div>\n      ) : (\n        <div className=\"space-y-3\">\n          {filteredQuotas.map((quota) => (\n            <QuotaRow\n              key={quota.id}\n              quota={quota}\n              onView={handleViewQuota}\n              onEdit={handleEditQuota}\n              onToggle={handleToggleQuota}\n              canManage={permissions.canManageQuotas}\n              isToggling={isToggling}\n            />\n          ))}\n        </div>\n      )}\n    </div>\n  );\n};\n\n// ============================================================================\n// Quota Card Component\n// ============================================================================\n\ninterface QuotaCardProps {\n  quota: Quota;\n  onView: (quota: Quota) => void;\n  onEdit: (quota: Quota) => void;\n  onToggle: (quota: Quota) => void;\n  canManage: boolean;\n  isToggling: boolean;\n}\n\nconst QuotaCard: FC<QuotaCardProps> = ({\n  quota,\n  onView,\n  onEdit,\n  onToggle,\n  canManage,\n  isToggling,\n}) => {\n  const limits = quota.limits as { type?: string; value?: number; unit?: string } | null;\n  const limitType = limits?.type ?? 'unknown';\n  const limitValue = limits?.value ?? 0;\n  const limitUnit = limits?.unit ?? '';\n\n  return (\n    <div\n      className={`relative border rounded-lg p-6 transition-all hover:shadow-md flex flex-col h-full ${\n        quota.isActive\n          ? 'border-border bg-card'\n          : 'border-dashed border-muted-foreground/30 bg-muted/30'\n      }`}\n    >\n      {/* Status Badge */}\n      {!quota.isActive && (\n        <span className=\"absolute top-4 right-4 px-2 py-1 text-xs font-medium bg-muted text-muted-foreground rounded\">\n          Inactive\n        </span>\n      )}\n\n      {/* Quota Icon */}\n      <div className=\"w-10 h-10 rounded-lg bg-primary/10 flex items-center justify-center mb-4\">\n        <svg className=\"w-5 h-5 text-primary\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n          <path\n            strokeLinecap=\"round\"\n            strokeLinejoin=\"round\"\n            strokeWidth={2}\n            d=\"M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z\"\n          />\n        </svg>\n      </div>\n\n      {/* Quota Name */}\n      <div className=\"mb-4\">\n        <h3 className=\"text-lg font-bold text-foreground\">{quota.name}</h3>\n        <div className=\"flex items-center gap-2 mt-1\">\n          <span\n            className={`px-2 py-0.5 text-xs font-medium rounded ${\n              quota.quotaType === 'POOLED'\n                ? 'bg-status-info-bg-subtle text-status-info-text'\n                : 'bg-accent-purple-subtle text-accent-purple'\n            }`}\n          >\n            {quota.quotaType === 'POOLED' ? 'Pooled' : 'Product Specific'}\n          </span>\n          {quota.reusable && (\n            <span className=\"px-2 py-0.5 text-xs font-medium bg-status-success-bg-subtle text-status-success-text rounded\">\n              Reusable\n            </span>\n          )}\n        </div>\n      </div>\n\n      {/* Limits Info */}\n      <div className=\"space-y-2 mb-4 flex-1\">\n        <div className=\"flex items-center justify-between text-sm\">\n          <span className=\"text-muted-foreground\">Limit Type:</span>\n          <span className=\"font-medium text-foreground capitalize\">{limitType}</span>\n        </div>\n        <div className=\"flex items-center justify-between text-sm\">\n          <span className=\"text-muted-foreground\">Value:</span>\n          <span className=\"font-semibold text-foreground\">\n            {limitValue.toLocaleString()}\n            {limitUnit && ` ${limitUnit}`}\n          </span>\n        </div>\n      </div>\n\n      {/* Created Date */}\n      <div className=\"py-3 border-t border-border text-sm text-muted-foreground\">\n        Created {formatDate(quota.createdAt, 'short')}\n      </div>\n\n      {/* Actions */}\n      <div className=\"space-y-2 pt-4 border-t border-border\">\n        <button\n          onClick={() => onView(quota)}\n          className=\"w-full px-4 py-2 text-sm font-medium bg-primary text-primary-foreground rounded-md hover:bg-primary/90 transition-colors\"\n        >\n          View Details\n        </button>\n        {canManage && (\n          <div className=\"flex gap-2\">\n            <button\n              onClick={() => onEdit(quota)}\n              className=\"flex-1 px-3 py-2 text-sm font-medium border border-border text-foreground rounded-md hover:bg-muted transition-colors\"\n            >\n              Edit\n            </button>\n            <button\n              onClick={() => onToggle(quota)}\n              disabled={isToggling}\n              className={`px-3 py-2 text-sm font-medium border border-border rounded-md transition-colors ${\n                quota.isActive\n                  ? 'text-destructive hover:bg-destructive/10'\n                  : 'text-status-success-text hover:bg-status-success-bg-subtle'\n              }`}\n            >\n              {quota.isActive ? 'Deactivate' : 'Activate'}\n            </button>\n          </div>\n        )}\n      </div>\n    </div>\n  );\n};\n\n// ============================================================================\n// Quota Row Component (List View)\n// ============================================================================\n\ninterface QuotaRowProps {\n  quota: Quota;\n  onView: (quota: Quota) => void;\n  onEdit: (quota: Quota) => void;\n  onToggle: (quota: Quota) => void;\n  canManage: boolean;\n  isToggling: boolean;\n}\n\nconst QuotaRow: FC<QuotaRowProps> = ({\n  quota,\n  onView,\n  onEdit,\n  onToggle,\n  canManage,\n  isToggling,\n}) => {\n  const limits = quota.limits as { type?: string; value?: number; unit?: string } | null;\n  const limitType = limits?.type ?? 'unknown';\n  const limitValue = limits?.value ?? 0;\n  const limitUnit = limits?.unit ?? '';\n\n  return (\n    <div\n      className={`flex items-center gap-4 p-4 border rounded-lg transition-all hover:shadow-sm ${\n        quota.isActive\n          ? 'border-border bg-card'\n          : 'border-dashed border-muted-foreground/30 bg-muted/30'\n      }`}\n    >\n      {/* Quota Icon */}\n      <div className=\"w-10 h-10 rounded-lg bg-primary/10 flex items-center justify-center shrink-0\">\n        <svg className=\"w-5 h-5 text-primary\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n          <path\n            strokeLinecap=\"round\"\n            strokeLinejoin=\"round\"\n            strokeWidth={2}\n            d=\"M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z\"\n          />\n        </svg>\n      </div>\n\n      {/* Quota Info */}\n      <div className=\"flex-1 min-w-0\">\n        <div className=\"flex items-center gap-2 flex-wrap\">\n          <h3 className=\"font-semibold text-foreground truncate\">{quota.name}</h3>\n          {!quota.isActive && (\n            <span className=\"px-2 py-0.5 text-xs font-medium bg-muted text-muted-foreground rounded\">\n              Inactive\n            </span>\n          )}\n          <span\n            className={`px-2 py-0.5 text-xs font-medium rounded ${\n              quota.quotaType === 'POOLED'\n                ? 'bg-status-info-bg-subtle text-status-info-text'\n                : 'bg-accent-purple-subtle text-accent-purple'\n            }`}\n          >\n            {quota.quotaType === 'POOLED' ? 'Pooled' : 'Product Specific'}\n          </span>\n        </div>\n        <p className=\"text-sm text-muted-foreground\">\n          <span className=\"capitalize\">{limitType}</span> limit: {limitValue.toLocaleString()}\n          {limitUnit && ` ${limitUnit}`}\n          {quota.reusable && ' (Reusable)'}\n        </p>\n      </div>\n\n      {/* Actions */}\n      <div className=\"flex items-center gap-2\">\n        <button\n          onClick={() => onView(quota)}\n          className=\"px-3 py-1.5 text-sm font-medium bg-primary text-primary-foreground rounded-md hover:bg-primary/90 transition-colors\"\n        >\n          View\n        </button>\n        {canManage && (\n          <>\n            <button\n              onClick={() => onEdit(quota)}\n              className=\"px-3 py-1.5 text-sm font-medium border border-border text-foreground rounded-md hover:bg-muted transition-colors\"\n            >\n              Edit\n            </button>\n            <button\n              onClick={() => onToggle(quota)}\n              disabled={isToggling}\n              className={`px-3 py-1.5 text-sm font-medium border border-border rounded-md transition-colors ${\n                quota.isActive\n                  ? 'text-destructive hover:bg-destructive/10'\n                  : 'text-status-success-text hover:bg-status-success-bg-subtle'\n              }`}\n            >\n              {quota.isActive ? 'Deactivate' : 'Activate'}\n            </button>\n          </>\n        )}\n      </div>\n    </div>\n  );\n};\n"],"mappings":"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"}

package/dist/billing/modules/quota/pages/index.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Quota Module - Pages
+ */
+export { QuotaPage } from './QuotaPage';
+export { QuotaTemplatesListPage } from './QuotaTemplatesListPage';
+export { QuotaTemplateDetailPage } from './QuotaTemplateDetailPage';
+export { QuotaTemplateCreatePage } from './QuotaTemplateCreatePage';
+export { QuotaTemplateEditPage } from './QuotaTemplateEditPage';
+//# sourceMappingURL=index.d.ts.map

package/dist/billing/modules/quota/pages/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/billing/modules/quota/pages/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAGH,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAGxC,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AACpE,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AACpE,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC"}

package/dist/billing/modules/quota/pages/index.js

@@ -0,0 +1,5 @@
+import "./QuotaPage.js";
+import "./QuotaTemplatesListPage.js";
+import "./QuotaTemplateDetailPage.js";
+import "./QuotaTemplateCreatePage.js";
+import "./QuotaTemplateEditPage.js";

package/dist/billing/modules/settings/index.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Settings Module
+ */
+export * from './pages';
+//# sourceMappingURL=index.d.ts.map

package/dist/billing/modules/settings/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/billing/modules/settings/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,cAAc,SAAS,CAAC"}

package/dist/billing/modules/settings/index.js

@@ -0,0 +1,4 @@
+import { SettingsPage as e } from "./pages/SettingsPage.js";
+import { TeamPermissionsPage as t } from "./pages/TeamPermissionsPage.js";
+import "./pages/index.js";
+export { e as SettingsPage, t as TeamPermissionsPage };

package/dist/billing/modules/settings/pages/SettingsPage.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+
+export declare const SettingsPage: FC;
+//# sourceMappingURL=SettingsPage.d.ts.map

package/dist/billing/modules/settings/pages/SettingsPage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SettingsPage.d.ts","sourceRoot":"","sources":["../../../../../src/billing/modules/settings/pages/SettingsPage.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAA6C,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAwB3E,eAAO,MAAM,YAAY,EAAE,EA6zB1B,CAAC"}