@burdenoff/microfe-billing 2026.510.114

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"QuotaTemplateCreatePage.d.ts","sourceRoot":"","sources":["../../../../../src/billing/modules/quota/pages/QuotaTemplateCreatePage.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAY,KAAK,EAAE,EAAkB,MAAM,OAAO,CAAC;AAQ1D,eAAO,MAAM,uBAAuB,EAAE,EAuQrC,CAAC"}

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

@@ -0,0 +1,273 @@
+import { AccessDenied as e } from "../../../shared/components/AccessDenied.js";
+import { PageHeader as t } from "../../../shared/components/PageHeader.js";
+import "../../../shared/components/index.js";
+import { QuotaResetPeriod as n, QuotaType as r } from "../../../shared/types/graphql.js";
+import { useBillingPermissions as i } from "../../../hooks/useBillingPermissions.js";
+import { useBillingNavigate as a } from "../../../hooks/useBillingNavigate.js";
+import { useQuotaTemplateMutations as o } from "../hooks/useQuotaTemplates.js";
+import "../hooks/index.js";
+import { useState as s } from "react";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+import { useI18n as u } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+//#region src/billing/modules/quota/pages/QuotaTemplateCreatePage.tsx
+var d = () => {
+	let { t: d } = u(), f = (e, t) => {
+		let n = d(e);
+		return n === e ? t : n;
+	}, p = a(), m = i(), { createQuota: h, isCreating: g } = o(), [_, v] = s(""), [y, b] = s("numeric"), [x, S] = s(""), [C, w] = s(""), [T, E] = s(r.PRODUCT_SPECIFIC), [D, O] = s(!1), [k, A] = s(n.NEVER), [j, M] = s(null), [N, P] = s(!1);
+	return m.canManageQuotas ? /* @__PURE__ */ l("div", {
+		className: "space-y-6 p-6",
+		children: [/* @__PURE__ */ c(t, {
+			title: "Create New Quota",
+			description: "Set up a new quota template"
+		}), /* @__PURE__ */ l("form", {
+			onSubmit: async (e) => {
+				if (e.preventDefault(), M(null), P(!1), !_.trim()) {
+					M("Quota name is required");
+					return;
+				}
+				if (!x || isNaN(Number(x)) || Number(x) < 0) {
+					M("Valid limit value is required");
+					return;
+				}
+				if (!C.trim()) {
+					M("Unit is required (e.g., bots, GB, seats)");
+					return;
+				}
+				let t = {
+					name: _.trim(),
+					limits: {
+						type: y,
+						value: Number(x),
+						unit: C.trim()
+					},
+					quotaType: T,
+					reusable: D,
+					resetPeriod: k
+				};
+				try {
+					await h(t), P(!0), setTimeout(() => p("/quotas"), 1500);
+				} catch (e) {
+					M(e instanceof Error ? e.message : "Failed to create quota");
+				}
+			},
+			className: "max-w-2xl space-y-6",
+			children: [
+				j && /* @__PURE__ */ c("div", {
+					className: "p-4 bg-status-error-bg-subtle border border-border-subtle rounded-lg",
+					children: /* @__PURE__ */ c("p", {
+						className: "text-sm text-status-error-text",
+						children: j
+					})
+				}),
+				N && /* @__PURE__ */ c("div", {
+					className: "p-4 bg-status-success-bg-subtle border border-border-subtle rounded-lg",
+					children: /* @__PURE__ */ c("p", {
+						className: "text-sm text-status-success-text",
+						children: "Quota created successfully! Redirecting..."
+					})
+				}),
+				/* @__PURE__ */ l("div", {
+					className: "border border-border rounded-lg bg-card overflow-hidden",
+					children: [/* @__PURE__ */ c("div", {
+						className: "p-4 border-b border-border bg-muted/30",
+						children: /* @__PURE__ */ c("h2", {
+							className: "font-semibold text-foreground",
+							children: "Basic Information"
+						})
+					}), /* @__PURE__ */ l("div", {
+						className: "p-4 space-y-4",
+						children: [
+							/* @__PURE__ */ l("div", { children: [/* @__PURE__ */ c("label", {
+								htmlFor: "name",
+								className: "block text-sm font-medium text-foreground mb-1",
+								children: "Quota Name *"
+							}), /* @__PURE__ */ c("input", {
+								id: "name",
+								type: "text",
+								value: _,
+								onChange: (e) => v(e.target.value),
+								className: "w-full px-3 py-2 border border-border rounded-md bg-background text-foreground focus:outline-none focus:ring-2 focus:ring-primary",
+								placeholder: "e.g., API Calls, Storage, Seats",
+								required: !0
+							})] }),
+							/* @__PURE__ */ l("div", { children: [
+								/* @__PURE__ */ c("label", {
+									htmlFor: "quotaType",
+									className: "block text-sm font-medium text-foreground mb-1",
+									children: "Quota Type *"
+								}),
+								/* @__PURE__ */ l("select", {
+									id: "quotaType",
+									value: T,
+									onChange: (e) => E(e.target.value),
+									className: "w-full px-3 py-2 border border-border rounded-md bg-background text-foreground focus:outline-none focus:ring-2 focus:ring-primary",
+									children: [/* @__PURE__ */ c("option", {
+										value: r.PRODUCT_SPECIFIC,
+										children: "Product Specific"
+									}), /* @__PURE__ */ c("option", {
+										value: r.POOLED,
+										children: "Pooled"
+									})]
+								}),
+								/* @__PURE__ */ c("p", {
+									className: "text-xs text-muted-foreground mt-1",
+									children: T === r.POOLED ? "Shared across all products" : "Specific to individual products"
+								})
+							] }),
+							/* @__PURE__ */ l("div", {
+								className: "flex items-center gap-3",
+								children: [/* @__PURE__ */ c("input", {
+									id: "reusable",
+									type: "checkbox",
+									checked: D,
+									onChange: (e) => O(e.target.checked),
+									className: "w-4 h-4 rounded border-border text-primary focus:ring-primary"
+								}), /* @__PURE__ */ l("div", { children: [/* @__PURE__ */ c("label", {
+									htmlFor: "reusable",
+									className: "text-sm font-medium text-foreground",
+									children: "Reusable Quota"
+								}), /* @__PURE__ */ c("p", {
+									className: "text-xs text-muted-foreground",
+									children: "Enable for quotas like seats or bots that can be freed up"
+								})] })]
+							}),
+							/* @__PURE__ */ l("div", { children: [
+								/* @__PURE__ */ c("label", {
+									htmlFor: "resetPeriod",
+									className: "block text-sm font-medium text-foreground mb-1",
+									children: "Reset Period"
+								}),
+								/* @__PURE__ */ l("select", {
+									id: "resetPeriod",
+									value: k,
+									onChange: (e) => A(e.target.value),
+									className: "w-full px-3 py-2 border border-border rounded-md bg-background text-foreground focus:outline-none focus:ring-2 focus:ring-primary",
+									children: [
+										/* @__PURE__ */ c("option", {
+											value: n.NEVER,
+											children: "Never (one-time limit)"
+										}),
+										/* @__PURE__ */ c("option", {
+											value: n.DAILY,
+											children: "Daily (resets every day)"
+										}),
+										/* @__PURE__ */ c("option", {
+											value: n.MONTHLY,
+											children: "Monthly (resets every month)"
+										})
+									]
+								}),
+								/* @__PURE__ */ c("p", {
+									className: "text-xs text-muted-foreground mt-1",
+									children: "How often the quota usage counter is reset to zero"
+								})
+							] })
+						]
+					})]
+				}),
+				/* @__PURE__ */ l("div", {
+					className: "border border-border rounded-lg bg-card overflow-hidden",
+					children: [/* @__PURE__ */ c("div", {
+						className: "p-4 border-b border-border bg-muted/30",
+						children: /* @__PURE__ */ c("h2", {
+							className: "font-semibold text-foreground",
+							children: "Limits Configuration"
+						})
+					}), /* @__PURE__ */ l("div", {
+						className: "p-4 space-y-4",
+						children: [
+							/* @__PURE__ */ l("div", { children: [/* @__PURE__ */ c("label", {
+								htmlFor: "limitType",
+								className: "block text-sm font-medium text-foreground mb-1",
+								children: "Limit Type *"
+							}), /* @__PURE__ */ l("select", {
+								id: "limitType",
+								value: y,
+								onChange: (e) => b(e.target.value),
+								className: "w-full px-3 py-2 border border-border rounded-md bg-background text-foreground focus:outline-none focus:ring-2 focus:ring-primary",
+								children: [
+									/* @__PURE__ */ c("option", {
+										value: "numeric",
+										children: "Numeric (count)"
+									}),
+									/* @__PURE__ */ c("option", {
+										value: "storage",
+										children: "Storage (bytes)"
+									}),
+									/* @__PURE__ */ c("option", {
+										value: "duration",
+										children: "Duration (seconds)"
+									}),
+									/* @__PURE__ */ c("option", {
+										value: "percentage",
+										children: "Percentage"
+									})
+								]
+							})] }),
+							/* @__PURE__ */ l("div", { children: [
+								/* @__PURE__ */ c("label", {
+									htmlFor: "limitValue",
+									className: "block text-sm font-medium text-foreground mb-1",
+									children: "Limit Value *"
+								}),
+								/* @__PURE__ */ c("input", {
+									id: "limitValue",
+									type: "number",
+									min: "0",
+									value: x,
+									onChange: (e) => S(e.target.value),
+									className: "w-full px-3 py-2 border border-border rounded-md bg-background text-foreground focus:outline-none focus:ring-2 focus:ring-primary",
+									placeholder: "1000",
+									required: !0
+								}),
+								/* @__PURE__ */ c("p", {
+									className: "text-xs text-muted-foreground mt-1",
+									children: "The maximum limit value for this quota"
+								})
+							] }),
+							/* @__PURE__ */ l("div", { children: [
+								/* @__PURE__ */ c("label", {
+									htmlFor: "unit",
+									className: "block text-sm font-medium text-foreground mb-1",
+									children: "Unit *"
+								}),
+								/* @__PURE__ */ c("input", {
+									id: "unit",
+									type: "text",
+									value: C,
+									onChange: (e) => w(e.target.value),
+									className: "w-full px-3 py-2 border border-border rounded-md bg-background text-foreground focus:outline-none focus:ring-2 focus:ring-primary",
+									placeholder: "e.g., bots, GB, MB, seats, workflow runs",
+									required: !0
+								}),
+								/* @__PURE__ */ c("p", {
+									className: "text-xs text-muted-foreground mt-1",
+									children: "The unit of measurement displayed with usage values (e.g., \"2/6 bots\")"
+								})
+							] })
+						]
+					})]
+				}),
+				/* @__PURE__ */ l("div", {
+					className: "flex items-center gap-3 pt-4",
+					children: [/* @__PURE__ */ c("button", {
+						type: "submit",
+						disabled: g,
+						className: "px-6 py-2 text-sm font-medium bg-primary text-primary-foreground rounded-md hover:bg-primary/90 transition-colors disabled:opacity-50",
+						children: g ? f("billing.quota.creating", "Creating...") : f("billing.quota.createQuota", "Create Quota")
+					}), /* @__PURE__ */ c("button", {
+						type: "button",
+						onClick: () => p("/quotas"),
+						className: "px-6 py-2 text-sm font-medium border border-border text-foreground rounded-md hover:bg-muted transition-colors",
+						children: "Cancel"
+					})]
+				})
+			]
+		})]
+	}) : /* @__PURE__ */ c(e, { message: "You don't have permission to create quotas." });
+};
+//#endregion
+export { d as QuotaTemplateCreatePage };
+
+//# sourceMappingURL=QuotaTemplateCreatePage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"QuotaTemplateCreatePage.js","names":[],"sources":["../../../../../src/billing/modules/quota/pages/QuotaTemplateCreatePage.tsx"],"sourcesContent":["/**\n * Quota Module - Quota Template Create Page\n * Form to create a new quota template\n */\n\nimport { useState, type FC, type FormEvent } from 'react';\nimport { useBillingNavigate } from '../../../hooks/useBillingNavigate';\nimport { useQuotaTemplateMutations } from '../hooks';\nimport { useBillingPermissions } from '../../../hooks/useBillingPermissions';\nimport { AccessDenied, PageHeader } from '../../../shared/components';\nimport { QuotaType, QuotaResetPeriod, type CreateQuotaInput } from '../../../shared/types';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\n\nexport const QuotaTemplateCreatePage: 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 { createQuota, isCreating } = useQuotaTemplateMutations();\n\n  // Form state\n  const [name, setName] = useState('');\n  const [limitType, setLimitType] = useState('numeric');\n  const [limitValue, setLimitValue] = useState('');\n  const [unit, setUnit] = useState('');\n  const [quotaType, setQuotaType] = useState<QuotaType>(QuotaType.PRODUCT_SPECIFIC);\n  const [reusable, setReusable] = useState(false);\n  const [resetPeriod, setResetPeriod] = useState<QuotaResetPeriod>(QuotaResetPeriod.NEVER);\n  const [error, setError] = useState<string | null>(null);\n  const [success, setSuccess] = useState(false);\n\n  // Permission check\n  if (!permissions.canManageQuotas) {\n    return <AccessDenied message=\"You don't have permission to create quotas.\" />;\n  }\n\n  const handleSubmit = async (e: FormEvent) => {\n    e.preventDefault();\n    setError(null);\n    setSuccess(false);\n\n    // Validation\n    if (!name.trim()) {\n      setError('Quota name is required');\n      return;\n    }\n    if (!limitValue || isNaN(Number(limitValue)) || Number(limitValue) < 0) {\n      setError('Valid limit value is required');\n      return;\n    }\n    if (!unit.trim()) {\n      setError('Unit is required (e.g., bots, GB, seats)');\n      return;\n    }\n\n    const input: CreateQuotaInput = {\n      name: name.trim(),\n      limits: {\n        type: limitType,\n        value: Number(limitValue),\n        unit: unit.trim(),\n      },\n      quotaType,\n      reusable,\n      resetPeriod,\n    };\n\n    try {\n      await createQuota(input);\n      setSuccess(true);\n      // Navigate back after short delay\n      setTimeout(() => navigateTo('/quotas'), 1500);\n    } catch (err) {\n      setError(err instanceof Error ? err.message : 'Failed to create quota');\n    }\n  };\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <PageHeader title=\"Create New Quota\" description=\"Set up a new quota template\" />\n\n      <form onSubmit={handleSubmit} className=\"max-w-2xl space-y-6\">\n        {/* Error/Success Messages */}\n        {error && (\n          <div className=\"p-4 bg-status-error-bg-subtle border border-border-subtle rounded-lg\">\n            <p className=\"text-sm text-status-error-text\">{error}</p>\n          </div>\n        )}\n        {success && (\n          <div className=\"p-4 bg-status-success-bg-subtle border border-border-subtle rounded-lg\">\n            <p className=\"text-sm text-status-success-text\">\n              Quota created successfully! Redirecting...\n            </p>\n          </div>\n        )}\n\n        {/* Basic Info */}\n        <div className=\"border border-border rounded-lg bg-card overflow-hidden\">\n          <div className=\"p-4 border-b border-border bg-muted/30\">\n            <h2 className=\"font-semibold text-foreground\">Basic Information</h2>\n          </div>\n          <div className=\"p-4 space-y-4\">\n            {/* Name */}\n            <div>\n              <label htmlFor=\"name\" className=\"block text-sm font-medium text-foreground mb-1\">\n                Quota Name *\n              </label>\n              <input\n                id=\"name\"\n                type=\"text\"\n                value={name}\n                onChange={(e) => setName(e.target.value)}\n                className=\"w-full px-3 py-2 border border-border rounded-md bg-background text-foreground focus:outline-none focus:ring-2 focus:ring-primary\"\n                placeholder=\"e.g., API Calls, Storage, Seats\"\n                required\n              />\n            </div>\n\n            {/* Quota Type */}\n            <div>\n              <label htmlFor=\"quotaType\" className=\"block text-sm font-medium text-foreground mb-1\">\n                Quota Type *\n              </label>\n              <select\n                id=\"quotaType\"\n                value={quotaType}\n                onChange={(e) => setQuotaType(e.target.value as QuotaType)}\n                className=\"w-full px-3 py-2 border border-border rounded-md bg-background text-foreground focus:outline-none focus:ring-2 focus:ring-primary\"\n              >\n                <option value={QuotaType.PRODUCT_SPECIFIC}>Product Specific</option>\n                <option value={QuotaType.POOLED}>Pooled</option>\n              </select>\n              <p className=\"text-xs text-muted-foreground mt-1\">\n                {quotaType === QuotaType.POOLED\n                  ? 'Shared across all products'\n                  : 'Specific to individual products'}\n              </p>\n            </div>\n\n            {/* Reusable */}\n            <div className=\"flex items-center gap-3\">\n              <input\n                id=\"reusable\"\n                type=\"checkbox\"\n                checked={reusable}\n                onChange={(e) => setReusable(e.target.checked)}\n                className=\"w-4 h-4 rounded border-border text-primary focus:ring-primary\"\n              />\n              <div>\n                <label htmlFor=\"reusable\" className=\"text-sm font-medium text-foreground\">\n                  Reusable Quota\n                </label>\n                <p className=\"text-xs text-muted-foreground\">\n                  Enable for quotas like seats or bots that can be freed up\n                </p>\n              </div>\n            </div>\n\n            {/* Reset Period */}\n            <div>\n              <label\n                htmlFor=\"resetPeriod\"\n                className=\"block text-sm font-medium text-foreground mb-1\"\n              >\n                Reset Period\n              </label>\n              <select\n                id=\"resetPeriod\"\n                value={resetPeriod}\n                onChange={(e) => setResetPeriod(e.target.value as QuotaResetPeriod)}\n                className=\"w-full px-3 py-2 border border-border rounded-md bg-background text-foreground focus:outline-none focus:ring-2 focus:ring-primary\"\n              >\n                <option value={QuotaResetPeriod.NEVER}>Never (one-time limit)</option>\n                <option value={QuotaResetPeriod.DAILY}>Daily (resets every day)</option>\n                <option value={QuotaResetPeriod.MONTHLY}>Monthly (resets every month)</option>\n              </select>\n              <p className=\"text-xs text-muted-foreground mt-1\">\n                How often the quota usage counter is reset to zero\n              </p>\n            </div>\n          </div>\n        </div>\n\n        {/* Limits Configuration */}\n        <div className=\"border border-border rounded-lg bg-card overflow-hidden\">\n          <div className=\"p-4 border-b border-border bg-muted/30\">\n            <h2 className=\"font-semibold text-foreground\">Limits Configuration</h2>\n          </div>\n          <div className=\"p-4 space-y-4\">\n            {/* Limit Type */}\n            <div>\n              <label htmlFor=\"limitType\" className=\"block text-sm font-medium text-foreground mb-1\">\n                Limit Type *\n              </label>\n              <select\n                id=\"limitType\"\n                value={limitType}\n                onChange={(e) => setLimitType(e.target.value)}\n                className=\"w-full px-3 py-2 border border-border rounded-md bg-background text-foreground focus:outline-none focus:ring-2 focus:ring-primary\"\n              >\n                <option value=\"numeric\">Numeric (count)</option>\n                <option value=\"storage\">Storage (bytes)</option>\n                <option value=\"duration\">Duration (seconds)</option>\n                <option value=\"percentage\">Percentage</option>\n              </select>\n            </div>\n\n            {/* Limit Value */}\n            <div>\n              <label\n                htmlFor=\"limitValue\"\n                className=\"block text-sm font-medium text-foreground mb-1\"\n              >\n                Limit Value *\n              </label>\n              <input\n                id=\"limitValue\"\n                type=\"number\"\n                min=\"0\"\n                value={limitValue}\n                onChange={(e) => setLimitValue(e.target.value)}\n                className=\"w-full px-3 py-2 border border-border rounded-md bg-background text-foreground focus:outline-none focus:ring-2 focus:ring-primary\"\n                placeholder=\"1000\"\n                required\n              />\n              <p className=\"text-xs text-muted-foreground mt-1\">\n                The maximum limit value for this quota\n              </p>\n            </div>\n\n            {/* Unit */}\n            <div>\n              <label htmlFor=\"unit\" className=\"block text-sm font-medium text-foreground mb-1\">\n                Unit *\n              </label>\n              <input\n                id=\"unit\"\n                type=\"text\"\n                value={unit}\n                onChange={(e) => setUnit(e.target.value)}\n                className=\"w-full px-3 py-2 border border-border rounded-md bg-background text-foreground focus:outline-none focus:ring-2 focus:ring-primary\"\n                placeholder=\"e.g., bots, GB, MB, seats, workflow runs\"\n                required\n              />\n              <p className=\"text-xs text-muted-foreground mt-1\">\n                The unit of measurement displayed with usage values (e.g., &quot;2/6 bots&quot;)\n              </p>\n            </div>\n          </div>\n        </div>\n\n        {/* Actions */}\n        <div className=\"flex items-center gap-3 pt-4\">\n          <button\n            type=\"submit\"\n            disabled={isCreating}\n            className=\"px-6 py-2 text-sm font-medium bg-primary text-primary-foreground rounded-md hover:bg-primary/90 transition-colors disabled:opacity-50\"\n          >\n            {isCreating\n              ? tr('billing.quota.creating', 'Creating...')\n              : tr('billing.quota.createQuota', 'Create Quota')}\n          </button>\n          <button\n            type=\"button\"\n            onClick={() => navigateTo('/quotas')}\n            className=\"px-6 py-2 text-sm font-medium border border-border text-foreground rounded-md hover:bg-muted transition-colors\"\n          >\n            Cancel\n          </button>\n        </div>\n      </form>\n    </div>\n  );\n};\n"],"mappings":"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"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"QuotaTemplateDetailPage.d.ts","sourceRoot":"","sources":["../../../../../src/billing/modules/quota/pages/QuotaTemplateDetailPage.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAE,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAUhC,eAAO,MAAM,uBAAuB,EAAE,EAuRrC,CAAC"}

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

@@ -0,0 +1,272 @@
+import { AccessDenied as e } from "../../../shared/components/AccessDenied.js";
+import { PageHeader as t } from "../../../shared/components/PageHeader.js";
+import { ServerError as n } from "../../../shared/components/ServerError.js";
+import "../../../shared/components/index.js";
+import { formatDate as r } from "../../../shared/utils/format.js";
+import { isServerError as i } from "../../../shared/utils/error.js";
+import "../../../shared/utils/index.js";
+import { useBillingPermissions as a } from "../../../hooks/useBillingPermissions.js";
+import { useBillingNavigate as o } from "../../../hooks/useBillingNavigate.js";
+import { useQuotaTemplate as s, useQuotaTemplateMutations as c } from "../hooks/useQuotaTemplates.js";
+import "../hooks/index.js";
+import { useParams as l } from "react-router-dom";
+import { jsx as u, jsxs as d } from "react/jsx-runtime";
+import { useI18n as f } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+//#region src/billing/modules/quota/pages/QuotaTemplateDetailPage.tsx
+var p = () => {
+	let { t: p } = f(), m = (e, t) => {
+		let n = p(e);
+		return n === e ? t : n;
+	}, { quotaId: h } = l(), g = o(), _ = a(), { quota: v, isLoading: y, error: b, refetch: x } = s(h), { toggleQuota: S, isToggling: C } = c();
+	if (!_.canViewQuotas) return /* @__PURE__ */ u(e, { message: "You don't have permission to view quota details." });
+	if (y) return /* @__PURE__ */ d("div", {
+		className: "space-y-6 p-6",
+		children: [/* @__PURE__ */ u("div", { className: "h-8 w-48 bg-muted animate-pulse rounded" }), /* @__PURE__ */ d("div", {
+			className: "grid grid-cols-1 lg:grid-cols-3 gap-6",
+			children: [/* @__PURE__ */ u("div", {
+				className: "lg:col-span-2 space-y-4",
+				children: [
+					1,
+					2,
+					3
+				].map((e) => /* @__PURE__ */ u("div", { className: "h-24 bg-muted animate-pulse rounded" }, e))
+			}), /* @__PURE__ */ u("div", { className: "h-64 bg-muted animate-pulse rounded" })]
+		})]
+	});
+	if (b && i(b)) return /* @__PURE__ */ u("div", {
+		className: "p-6",
+		children: /* @__PURE__ */ u(n, {
+			title: "Server Unavailable",
+			message: "Unable to load quota details. The server might be down or experiencing issues.",
+			onRetry: () => x(),
+			showRetry: !0
+		})
+	});
+	if (!v) return /* @__PURE__ */ u("div", {
+		className: "flex items-center justify-center h-full min-h-[400px]",
+		children: /* @__PURE__ */ d("div", {
+			className: "text-center space-y-4",
+			children: [
+				/* @__PURE__ */ u("div", {
+					className: "w-12 h-12 mx-auto rounded-full bg-muted flex items-center justify-center",
+					children: /* @__PURE__ */ u("svg", {
+						className: "w-6 h-6 text-muted-foreground",
+						fill: "none",
+						viewBox: "0 0 24 24",
+						stroke: "currentColor",
+						children: /* @__PURE__ */ u("path", {
+							strokeLinecap: "round",
+							strokeLinejoin: "round",
+							strokeWidth: 2,
+							d: "M9.172 16.172a4 4 0 015.656 0M9 10h.01M15 10h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"
+						})
+					})
+				}),
+				/* @__PURE__ */ u("h2", {
+					className: "text-lg font-semibold text-foreground",
+					children: m("billing.quota.quotaNotFound", "Quota not found")
+				}),
+				/* @__PURE__ */ u("p", {
+					className: "text-sm text-muted-foreground",
+					children: "The quota you're looking for doesn't exist or has been removed."
+				}),
+				/* @__PURE__ */ u("button", {
+					onClick: () => g("/quotas"),
+					className: "px-4 py-2 text-sm font-medium bg-primary text-primary-foreground rounded-md hover:bg-primary/90 transition-colors",
+					children: "Back to Quotas"
+				})
+			]
+		})
+	});
+	let w = async () => {
+		try {
+			await S(v.id, !v.isActive), x();
+		} catch (e) {
+			console.error("Failed to toggle quota:", e);
+		}
+	}, T = v.limits, E = T?.type ?? "unknown", D = T?.value ?? 0, O = T?.unit ?? "";
+	return /* @__PURE__ */ d("div", {
+		className: "space-y-6 p-6",
+		children: [/* @__PURE__ */ u(t, {
+			title: v.name,
+			description: `${v.quotaType === "POOLED" ? "Pooled" : "Product Specific"} quota template`
+		}), /* @__PURE__ */ d("div", {
+			className: "grid grid-cols-1 lg:grid-cols-3 gap-6",
+			children: [/* @__PURE__ */ d("div", {
+				className: "lg:col-span-2 space-y-6",
+				children: [
+					/* @__PURE__ */ d("div", {
+						className: "border border-border rounded-lg bg-card overflow-hidden",
+						children: [/* @__PURE__ */ u("div", {
+							className: "p-4 border-b border-border bg-muted/30",
+							children: /* @__PURE__ */ u("h2", {
+								className: "font-semibold text-foreground",
+								children: m("billing.quota.limitsConfig", "Limits Configuration")
+							})
+						}), /* @__PURE__ */ u("div", {
+							className: "p-6",
+							children: /* @__PURE__ */ d("div", {
+								className: "grid grid-cols-3 gap-6",
+								children: [
+									/* @__PURE__ */ d("div", { children: [/* @__PURE__ */ u("p", {
+										className: "text-sm text-muted-foreground",
+										children: "Limit Type"
+									}), /* @__PURE__ */ u("p", {
+										className: "text-lg font-semibold text-foreground capitalize mt-1",
+										children: E
+									})] }),
+									/* @__PURE__ */ d("div", { children: [/* @__PURE__ */ u("p", {
+										className: "text-sm text-muted-foreground",
+										children: "Limit Value"
+									}), /* @__PURE__ */ u("p", {
+										className: "text-lg font-semibold text-foreground mt-1",
+										children: D.toLocaleString()
+									})] }),
+									/* @__PURE__ */ d("div", { children: [/* @__PURE__ */ u("p", {
+										className: "text-sm text-muted-foreground",
+										children: "Unit"
+									}), /* @__PURE__ */ u("p", {
+										className: "text-lg font-semibold text-foreground mt-1",
+										children: O || "-"
+									})] })
+								]
+							})
+						})]
+					}),
+					/* @__PURE__ */ d("div", {
+						className: "border border-border rounded-lg bg-card overflow-hidden",
+						children: [/* @__PURE__ */ u("div", {
+							className: "p-4 border-b border-border bg-muted/30",
+							children: /* @__PURE__ */ u("h2", {
+								className: "font-semibold text-foreground",
+								children: m("billing.quota.properties", "Properties")
+							})
+						}), /* @__PURE__ */ d("div", {
+							className: "p-6 space-y-4",
+							children: [/* @__PURE__ */ d("div", {
+								className: "flex items-center justify-between p-3 border border-border rounded-lg",
+								children: [/* @__PURE__ */ d("div", { children: [/* @__PURE__ */ u("p", {
+									className: "font-medium text-foreground",
+									children: "Quota Type"
+								}), /* @__PURE__ */ u("p", {
+									className: "text-sm text-muted-foreground",
+									children: v.quotaType === "POOLED" ? "Shared across all products" : "Specific to individual products"
+								})] }), /* @__PURE__ */ u("span", {
+									className: `px-3 py-1 text-sm font-medium rounded ${v.quotaType === "POOLED" ? "bg-status-info-bg-subtle text-status-info-text" : "bg-accent-purple-subtle text-accent-purple"}`,
+									children: v.quotaType === "POOLED" ? "Pooled" : "Product Specific"
+								})]
+							}), /* @__PURE__ */ d("div", {
+								className: "flex items-center justify-between p-3 border border-border rounded-lg",
+								children: [/* @__PURE__ */ d("div", { children: [/* @__PURE__ */ u("p", {
+									className: "font-medium text-foreground",
+									children: "Reusable"
+								}), /* @__PURE__ */ u("p", {
+									className: "text-sm text-muted-foreground",
+									children: v.reusable ? "Quota can be freed up and reused (e.g., seats, bots)" : "Quota is consumed permanently (e.g., API calls, storage)"
+								})] }), /* @__PURE__ */ u("span", {
+									className: `px-3 py-1 text-sm font-medium rounded ${v.reusable ? "bg-status-success-bg-subtle text-status-success-text" : "bg-muted text-muted-foreground"}`,
+									children: v.reusable ? "Yes" : "No"
+								})]
+							})]
+						})]
+					}),
+					/* @__PURE__ */ d("div", {
+						className: "border border-border rounded-lg bg-card overflow-hidden",
+						children: [/* @__PURE__ */ u("div", {
+							className: "p-4 border-b border-border bg-muted/30",
+							children: /* @__PURE__ */ u("h2", {
+								className: "font-semibold text-foreground",
+								children: "Limits (Raw JSON)"
+							})
+						}), /* @__PURE__ */ u("div", {
+							className: "p-4",
+							children: /* @__PURE__ */ u("pre", {
+								className: "text-sm text-foreground bg-muted/50 p-4 rounded-lg overflow-auto",
+								children: JSON.stringify(v.limits, null, 2)
+							})
+						})]
+					})
+				]
+			}), /* @__PURE__ */ d("div", {
+				className: "space-y-6",
+				children: [
+					/* @__PURE__ */ d("div", {
+						className: "border border-border rounded-lg bg-card overflow-hidden",
+						children: [/* @__PURE__ */ u("div", {
+							className: "p-4 border-b border-border bg-muted/30",
+							children: /* @__PURE__ */ u("h2", {
+								className: "font-semibold text-foreground",
+								children: "Status"
+							})
+						}), /* @__PURE__ */ d("div", {
+							className: "p-4 space-y-4",
+							children: [
+								/* @__PURE__ */ d("div", {
+									className: "flex items-center justify-between",
+									children: [/* @__PURE__ */ u("span", {
+										className: "text-sm text-muted-foreground",
+										children: "Status"
+									}), /* @__PURE__ */ u("span", {
+										className: `px-2 py-1 text-xs font-medium rounded ${v.isActive ? "bg-status-success-bg-subtle text-status-success-text" : "bg-muted text-muted-foreground"}`,
+										children: v.isActive ? "Active" : "Inactive"
+									})]
+								}),
+								/* @__PURE__ */ d("div", {
+									className: "flex items-center justify-between",
+									children: [/* @__PURE__ */ u("span", {
+										className: "text-sm text-muted-foreground",
+										children: "Created"
+									}), /* @__PURE__ */ u("span", {
+										className: "text-sm font-medium text-foreground",
+										children: r(v.createdAt, "short")
+									})]
+								}),
+								/* @__PURE__ */ d("div", {
+									className: "flex items-center justify-between",
+									children: [/* @__PURE__ */ u("span", {
+										className: "text-sm text-muted-foreground",
+										children: "Updated"
+									}), /* @__PURE__ */ u("span", {
+										className: "text-sm font-medium text-foreground",
+										children: r(v.updatedAt, "short")
+									})]
+								})
+							]
+						})]
+					}),
+					_.canManageQuotas && /* @__PURE__ */ d("div", {
+						className: "border border-border rounded-lg bg-card overflow-hidden",
+						children: [/* @__PURE__ */ u("div", {
+							className: "p-4 border-b border-border bg-muted/30",
+							children: /* @__PURE__ */ u("h2", {
+								className: "font-semibold text-foreground",
+								children: "Actions"
+							})
+						}), /* @__PURE__ */ d("div", {
+							className: "p-4 space-y-2",
+							children: [/* @__PURE__ */ u("button", {
+								onClick: () => g(`/quotas/${v.id}/edit`),
+								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: "Edit Quota"
+							}), /* @__PURE__ */ u("button", {
+								onClick: w,
+								disabled: C,
+								className: `w-full px-4 py-2 text-sm font-medium border border-border rounded-md transition-colors disabled:opacity-50 ${v.isActive ? "text-destructive hover:bg-destructive/10" : "text-status-success-text hover:bg-status-success-bg-subtle"}`,
+								children: C ? "Processing..." : v.isActive ? "Deactivate Quota" : "Activate Quota"
+							})]
+						})]
+					}),
+					/* @__PURE__ */ u("button", {
+						onClick: () => g("/quotas"),
+						className: "w-full px-4 py-2 text-sm font-medium border border-border text-foreground rounded-md hover:bg-muted transition-colors",
+						children: "Back to Quotas"
+					})
+				]
+			})]
+		})]
+	});
+};
+//#endregion
+export { p as QuotaTemplateDetailPage };
+
+//# sourceMappingURL=QuotaTemplateDetailPage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"QuotaTemplateDetailPage.js","names":[],"sources":["../../../../../src/billing/modules/quota/pages/QuotaTemplateDetailPage.tsx"],"sourcesContent":["/**\n * Quota Module - Quota Template Detail Page\n * Displays detailed information about a specific quota template\n */\n\nimport { type FC } from 'react';\nimport { useParams } from 'react-router-dom';\nimport { useBillingNavigate } from '../../../hooks/useBillingNavigate';\nimport { useQuotaTemplate, useQuotaTemplateMutations } from '../hooks';\nimport { useBillingPermissions } from '../../../hooks/useBillingPermissions';\nimport { AccessDenied, PageHeader, ServerError } from '../../../shared/components';\nimport { formatDate } from '../../../shared/utils/format';\nimport { isServerError } from '../../../shared/utils';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\n\nexport const QuotaTemplateDetailPage: 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 { quotaId } = useParams<{ quotaId: string }>();\n  const navigateTo = useBillingNavigate();\n  const permissions = useBillingPermissions();\n  const { quota, isLoading, error, refetch } = useQuotaTemplate(quotaId);\n  const { toggleQuota, isToggling } = useQuotaTemplateMutations();\n\n  // Permission check\n  if (!permissions.canViewQuotas) {\n    return <AccessDenied message=\"You don't have permission to view quota details.\" />;\n  }\n\n  // Loading state\n  if (isLoading) {\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 lg:grid-cols-3 gap-6\">\n          <div className=\"lg:col-span-2 space-y-4\">\n            {[1, 2, 3].map((i) => (\n              <div key={i} className=\"h-24 bg-muted animate-pulse rounded\" />\n            ))}\n          </div>\n          <div className=\"h-64 bg-muted animate-pulse rounded\" />\n        </div>\n      </div>\n    );\n  }\n\n  // Error state\n  if (error && isServerError(error)) {\n    return (\n      <div className=\"p-6\">\n        <ServerError\n          title=\"Server Unavailable\"\n          message=\"Unable to load quota details. The server might be down or experiencing issues.\"\n          onRetry={() => refetch()}\n          showRetry\n        />\n      </div>\n    );\n  }\n\n  // Not found state\n  if (!quota) {\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-muted flex items-center justify-center\">\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.172 16.172a4 4 0 015.656 0M9 10h.01M15 10h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z\"\n              />\n            </svg>\n          </div>\n          <h2 className=\"text-lg font-semibold text-foreground\">\n            {tr('billing.quota.quotaNotFound', 'Quota not found')}\n          </h2>\n          <p className=\"text-sm text-muted-foreground\">\n            The quota you&apos;re looking for doesn&apos;t exist or has been removed.\n          </p>\n          <button\n            onClick={() => navigateTo('/quotas')}\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            Back to Quotas\n          </button>\n        </div>\n      </div>\n    );\n  }\n\n  const handleToggle = async () => {\n    try {\n      await toggleQuota(quota.id, !quota.isActive);\n      refetch();\n    } catch (err) {\n      console.error('Failed to toggle quota:', err);\n    }\n  };\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 className=\"space-y-6 p-6\">\n      <PageHeader\n        title={quota.name}\n        description={`${quota.quotaType === 'POOLED' ? 'Pooled' : 'Product Specific'} quota template`}\n      />\n\n      <div className=\"grid grid-cols-1 lg:grid-cols-3 gap-6\">\n        {/* Main Content */}\n        <div className=\"lg:col-span-2 space-y-6\">\n          {/* Limits Card */}\n          <div className=\"border border-border rounded-lg bg-card overflow-hidden\">\n            <div className=\"p-4 border-b border-border bg-muted/30\">\n              <h2 className=\"font-semibold text-foreground\">\n                {tr('billing.quota.limitsConfig', 'Limits Configuration')}\n              </h2>\n            </div>\n            <div className=\"p-6\">\n              <div className=\"grid grid-cols-3 gap-6\">\n                <div>\n                  <p className=\"text-sm text-muted-foreground\">Limit Type</p>\n                  <p className=\"text-lg font-semibold text-foreground capitalize mt-1\">\n                    {limitType}\n                  </p>\n                </div>\n                <div>\n                  <p className=\"text-sm text-muted-foreground\">Limit Value</p>\n                  <p className=\"text-lg font-semibold text-foreground mt-1\">\n                    {limitValue.toLocaleString()}\n                  </p>\n                </div>\n                <div>\n                  <p className=\"text-sm text-muted-foreground\">Unit</p>\n                  <p className=\"text-lg font-semibold text-foreground mt-1\">{limitUnit || '-'}</p>\n                </div>\n              </div>\n            </div>\n          </div>\n\n          {/* Properties Card */}\n          <div className=\"border border-border rounded-lg bg-card overflow-hidden\">\n            <div className=\"p-4 border-b border-border bg-muted/30\">\n              <h2 className=\"font-semibold text-foreground\">\n                {tr('billing.quota.properties', 'Properties')}\n              </h2>\n            </div>\n            <div className=\"p-6 space-y-4\">\n              <div className=\"flex items-center justify-between p-3 border border-border rounded-lg\">\n                <div>\n                  <p className=\"font-medium text-foreground\">Quota Type</p>\n                  <p className=\"text-sm text-muted-foreground\">\n                    {quota.quotaType === 'POOLED'\n                      ? 'Shared across all products'\n                      : 'Specific to individual products'}\n                  </p>\n                </div>\n                <span\n                  className={`px-3 py-1 text-sm 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\n              <div className=\"flex items-center justify-between p-3 border border-border rounded-lg\">\n                <div>\n                  <p className=\"font-medium text-foreground\">Reusable</p>\n                  <p className=\"text-sm text-muted-foreground\">\n                    {quota.reusable\n                      ? 'Quota can be freed up and reused (e.g., seats, bots)'\n                      : 'Quota is consumed permanently (e.g., API calls, storage)'}\n                  </p>\n                </div>\n                <span\n                  className={`px-3 py-1 text-sm font-medium rounded ${\n                    quota.reusable\n                      ? 'bg-status-success-bg-subtle text-status-success-text'\n                      : 'bg-muted text-muted-foreground'\n                  }`}\n                >\n                  {quota.reusable ? 'Yes' : 'No'}\n                </span>\n              </div>\n            </div>\n          </div>\n\n          {/* Raw Limits JSON */}\n          <div className=\"border border-border rounded-lg bg-card overflow-hidden\">\n            <div className=\"p-4 border-b border-border bg-muted/30\">\n              <h2 className=\"font-semibold text-foreground\">Limits (Raw JSON)</h2>\n            </div>\n            <div className=\"p-4\">\n              <pre className=\"text-sm text-foreground bg-muted/50 p-4 rounded-lg overflow-auto\">\n                {JSON.stringify(quota.limits, null, 2)}\n              </pre>\n            </div>\n          </div>\n        </div>\n\n        {/* Sidebar */}\n        <div className=\"space-y-6\">\n          {/* Status Card */}\n          <div className=\"border border-border rounded-lg bg-card overflow-hidden\">\n            <div className=\"p-4 border-b border-border bg-muted/30\">\n              <h2 className=\"font-semibold text-foreground\">Status</h2>\n            </div>\n            <div className=\"p-4 space-y-4\">\n              <div className=\"flex items-center justify-between\">\n                <span className=\"text-sm text-muted-foreground\">Status</span>\n                <span\n                  className={`px-2 py-1 text-xs font-medium rounded ${\n                    quota.isActive\n                      ? 'bg-status-success-bg-subtle text-status-success-text'\n                      : 'bg-muted text-muted-foreground'\n                  }`}\n                >\n                  {quota.isActive ? 'Active' : 'Inactive'}\n                </span>\n              </div>\n              <div className=\"flex items-center justify-between\">\n                <span className=\"text-sm text-muted-foreground\">Created</span>\n                <span className=\"text-sm font-medium text-foreground\">\n                  {formatDate(quota.createdAt, 'short')}\n                </span>\n              </div>\n              <div className=\"flex items-center justify-between\">\n                <span className=\"text-sm text-muted-foreground\">Updated</span>\n                <span className=\"text-sm font-medium text-foreground\">\n                  {formatDate(quota.updatedAt, 'short')}\n                </span>\n              </div>\n            </div>\n          </div>\n\n          {/* Actions Card */}\n          {permissions.canManageQuotas && (\n            <div className=\"border border-border rounded-lg bg-card overflow-hidden\">\n              <div className=\"p-4 border-b border-border bg-muted/30\">\n                <h2 className=\"font-semibold text-foreground\">Actions</h2>\n              </div>\n              <div className=\"p-4 space-y-2\">\n                <button\n                  onClick={() => navigateTo(`/quotas/${quota.id}/edit`)}\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                  Edit Quota\n                </button>\n                <button\n                  onClick={handleToggle}\n                  disabled={isToggling}\n                  className={`w-full px-4 py-2 text-sm font-medium border border-border rounded-md transition-colors disabled:opacity-50 ${\n                    quota.isActive\n                      ? 'text-destructive hover:bg-destructive/10'\n                      : 'text-status-success-text hover:bg-status-success-bg-subtle'\n                  }`}\n                >\n                  {isToggling\n                    ? 'Processing...'\n                    : quota.isActive\n                      ? 'Deactivate Quota'\n                      : 'Activate Quota'}\n                </button>\n              </div>\n            </div>\n          )}\n\n          {/* Back Button */}\n          <button\n            onClick={() => navigateTo('/quotas')}\n            className=\"w-full px-4 py-2 text-sm font-medium border border-border text-foreground rounded-md hover:bg-muted transition-colors\"\n          >\n            Back to Quotas\n          </button>\n        </div>\n      </div>\n    </div>\n  );\n};\n"],"mappings":"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"}

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

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