@burdenoff/microfe-billing 2026.510.114

package/dist/billing/modules/addons/pages/AddonEditPage.js

@@ -0,0 +1,396 @@
+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 { CurrencyPriceOverridesEditor as r } from "../../../shared/components/CurrencyPriceOverridesEditor.js";
+import "../../../shared/components/index.js";
+import { PlanDuration as i } from "../../../shared/types/graphql.js";
+import { isServerError as a } from "../../../shared/utils/error.js";
+import "../../../shared/utils/index.js";
+import { useBillingPermissions as o } from "../../../hooks/useBillingPermissions.js";
+import { useBillingNavigate as s } from "../../../hooks/useBillingNavigate.js";
+import { useAddon as c, useAddonMutations as l } from "../hooks/useAddons.js";
+import "../hooks/index.js";
+import { useQuotas as u } from "../../plans/hooks/useQuotas.js";
+import "../../plans/hooks/index.js";
+import { useEffect as d, useState as f } from "react";
+import { useParams as p } from "react-router-dom";
+import { Fragment as m, jsx as h, jsxs as g } from "react/jsx-runtime";
+import { useI18n as _ } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+//#region src/billing/modules/addons/pages/AddonEditPage.tsx
+var v = () => {
+	let { t: v } = _(), y = (e, t) => {
+		let n = v(e);
+		return n === e ? t : n;
+	}, { addonId: b } = p(), x = s(), S = o(), { addon: C, isLoading: w, error: T, refetch: E } = c(b), { quotas: D, isLoading: O } = u({ onlyActive: !0 }), { updateAddon: k, isUpdating: A } = l(), [j, M] = f(""), [N, P] = f(""), [F, I] = f("USD"), [L, R] = f(i.MONTHLY), [z, B] = f(!0), [V, H] = f([]), [U, W] = f([]), [G, K] = f(null), [q, J] = f(!1);
+	if (d(() => {
+		if (C && (M(C.name ?? ""), P(String(C.price ?? "")), I(C.currency ?? "USD"), R(C.duration ?? i.MONTHLY), B(C.isActive ?? !0), C.features && C.features.length > 0)) {
+			let e = [], t = /* @__PURE__ */ new Map();
+			for (let e of C.features) if (e.quota?.id) {
+				let n = e.quota.id, r = e.quota.limits?.value ?? 1;
+				t.set(n, (t.get(n) ?? 0) + r);
+			}
+			for (let [n, r] of t) e.push({
+				quotaId: n,
+				quantity: r
+			});
+			H(e);
+		}
+	}, [C]), !S.canManageAddons) return /* @__PURE__ */ h(e, { message: y("billing.addons.noEditPermission", "You don't have permission to edit addons.") });
+	if (w || O) return /* @__PURE__ */ g("div", {
+		className: "space-y-6 p-6",
+		children: [/* @__PURE__ */ h("div", { className: "h-8 w-48 bg-muted animate-pulse rounded" }), /* @__PURE__ */ h("div", {
+			className: "max-w-2xl space-y-4",
+			children: [
+				1,
+				2,
+				3,
+				4,
+				5
+			].map((e) => /* @__PURE__ */ h("div", { className: "h-16 bg-muted animate-pulse rounded" }, e))
+		})]
+	});
+	if (T && a(T)) return /* @__PURE__ */ h("div", {
+		className: "p-6",
+		children: /* @__PURE__ */ h(n, {
+			title: y("billing.addons.serverUnavailable", "Server Unavailable"),
+			message: y("billing.addons.serverUnavailableLoadAddon", "Unable to load addon. The server might be down or experiencing issues."),
+			onRetry: () => E(),
+			showRetry: !0
+		})
+	});
+	if (!C) return /* @__PURE__ */ h("div", {
+		className: "flex items-center justify-center h-full min-h-[400px]",
+		children: /* @__PURE__ */ g("div", {
+			className: "text-center space-y-4",
+			children: [/* @__PURE__ */ h("h2", {
+				className: "text-lg font-semibold text-foreground",
+				children: y("billing.addons.addonNotFound", "Addon not found")
+			}), /* @__PURE__ */ h("button", {
+				onClick: () => x("/addons"),
+				className: "px-4 py-2 text-sm font-medium bg-primary text-primary-foreground rounded-md hover:bg-primary/90",
+				children: "Back to Addons"
+			})]
+		})
+	});
+	let Y = () => {
+		H([{
+			quotaId: "",
+			quantity: 1
+		}, ...V]);
+	}, X = (e) => {
+		H(V.filter((t, n) => n !== e));
+	}, Z = (e, t, n) => {
+		let r = [...V];
+		t === "quotaId" ? r[e].quotaId = n : r[e].quantity = Number(n), H(r);
+	};
+	return /* @__PURE__ */ g("div", {
+		className: "space-y-6 p-6",
+		children: [/* @__PURE__ */ h(t, {
+			title: `Edit Addon: ${C.name}`,
+			description: y("billing.addons.editAddonDesc", "Update the addon details and quota allocations")
+		}), /* @__PURE__ */ g("form", {
+			onSubmit: async (e) => {
+				if (e.preventDefault(), K(null), J(!1), !j.trim()) {
+					K("Addon name is required");
+					return;
+				}
+				if (!N || isNaN(Number(N)) || Number(N) < 0) {
+					K("Valid price is required");
+					return;
+				}
+				if (V.length === 0) {
+					K("At least one quota is required");
+					return;
+				}
+				if (V.filter((e) => e.quotaId === "").length > 0) {
+					K("Please select a quota for all allocations");
+					return;
+				}
+				let t = {
+					id: b,
+					name: j.trim(),
+					price: Number(N),
+					currency: F,
+					duration: L,
+					isActive: z,
+					quotas: V.map((e) => ({
+						quotaId: e.quotaId,
+						quantity: e.quantity
+					})),
+					...U.length > 0 ? { currencyPriceOverrides: U } : {}
+				};
+				try {
+					await k(t), J(!0), setTimeout(() => x(`/addons/${b}`), 1500);
+				} catch (e) {
+					K(e instanceof Error ? e.message : "Failed to update addon");
+				}
+			},
+			className: "space-y-6",
+			children: [
+				G && /* @__PURE__ */ h("div", {
+					className: "p-4 bg-status-error-bg-subtle border border-border-subtle rounded-lg",
+					children: /* @__PURE__ */ h("p", {
+						className: "text-sm text-status-error-text",
+						children: G
+					})
+				}),
+				q && /* @__PURE__ */ h("div", {
+					className: "p-4 bg-status-success-bg-subtle border border-border-subtle rounded-lg",
+					children: /* @__PURE__ */ h("p", {
+						className: "text-sm text-status-success-text",
+						children: y("billing.addons.updateSuccess", "Addon updated successfully! Redirecting...")
+					})
+				}),
+				/* @__PURE__ */ g("div", {
+					className: "grid grid-cols-1 lg:grid-cols-2 gap-6",
+					children: [/* @__PURE__ */ g("div", {
+						className: "border border-border rounded-lg bg-card overflow-hidden h-fit",
+						children: [/* @__PURE__ */ h("div", {
+							className: "p-4 border-b border-border bg-muted/30",
+							children: /* @__PURE__ */ h("h2", {
+								className: "font-semibold text-foreground",
+								children: y("billing.addons.basicInfo", "Basic Information")
+							})
+						}), /* @__PURE__ */ g("div", {
+							className: "p-4 space-y-4",
+							children: [
+								/* @__PURE__ */ g("div", { children: [/* @__PURE__ */ g("label", {
+									htmlFor: "name",
+									className: "block text-sm font-medium text-foreground mb-1",
+									children: [y("billing.addons.addonNameLabel", "Addon Name"), " *"]
+								}), /* @__PURE__ */ h("input", {
+									id: "name",
+									type: "text",
+									value: j,
+									onChange: (e) => M(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: y("billing.addons.addonNamePlaceholder", "e.g., Extra Storage"),
+									required: !0
+								})] }),
+								/* @__PURE__ */ g("div", {
+									className: "grid grid-cols-2 gap-4",
+									children: [/* @__PURE__ */ g("div", { children: [/* @__PURE__ */ g("label", {
+										htmlFor: "price",
+										className: "block text-sm font-medium text-foreground mb-1",
+										children: [y("billing.addons.priceLabel", "Price"), " *"]
+									}), /* @__PURE__ */ h("input", {
+										id: "price",
+										type: "number",
+										step: "0.01",
+										min: "0",
+										value: N,
+										onChange: (e) => P(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: "9.99",
+										required: !0
+									})] }), /* @__PURE__ */ g("div", { children: [/* @__PURE__ */ g("label", {
+										htmlFor: "currency",
+										className: "block text-sm font-medium text-foreground mb-1",
+										children: [y("billing.addons.currencyLabel", "Currency"), " *"]
+									}), /* @__PURE__ */ g("select", {
+										id: "currency",
+										value: F,
+										onChange: (e) => I(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__ */ h("option", {
+												value: "USD",
+												children: "USD ($)"
+											}),
+											/* @__PURE__ */ h("option", {
+												value: "EUR",
+												children: "EUR"
+											}),
+											/* @__PURE__ */ h("option", {
+												value: "GBP",
+												children: "GBP"
+											}),
+											/* @__PURE__ */ h("option", {
+												value: "INR",
+												children: "INR"
+											}),
+											/* @__PURE__ */ h("option", {
+												value: "AUD",
+												children: "AUD"
+											}),
+											/* @__PURE__ */ h("option", {
+												value: "CAD",
+												children: "CAD"
+											}),
+											/* @__PURE__ */ h("option", {
+												value: "JPY",
+												children: "JPY"
+											}),
+											/* @__PURE__ */ h("option", {
+												value: "SGD",
+												children: "SGD"
+											})
+										]
+									})] })]
+								}),
+								/* @__PURE__ */ g("div", { children: [/* @__PURE__ */ g("label", {
+									htmlFor: "duration",
+									className: "block text-sm font-medium text-foreground mb-1",
+									children: [y("billing.addons.billingPeriodLabel", "Billing Period"), " *"]
+								}), /* @__PURE__ */ g("select", {
+									id: "duration",
+									value: L,
+									onChange: (e) => R(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__ */ h("option", {
+										value: i.MONTHLY,
+										children: "Monthly"
+									}), /* @__PURE__ */ h("option", {
+										value: i.YEARLY,
+										children: "Yearly"
+									})]
+								})] }),
+								/* @__PURE__ */ g("div", {
+									className: "flex items-center gap-3",
+									children: [/* @__PURE__ */ h("input", {
+										id: "isActive",
+										type: "checkbox",
+										checked: z,
+										onChange: (e) => B(e.target.checked),
+										className: "w-4 h-4 rounded border-border text-primary focus:ring-primary"
+									}), /* @__PURE__ */ h("label", {
+										htmlFor: "isActive",
+										className: "text-sm font-medium text-foreground",
+										children: y("billing.addons.addonIsActive", "Addon is active")
+									})]
+								})
+							]
+						})]
+					}), /* @__PURE__ */ g("div", {
+						className: "border border-border rounded-lg bg-card overflow-hidden h-fit",
+						children: [/* @__PURE__ */ g("div", {
+							className: "p-4 border-b border-border bg-muted/30 flex items-center justify-between",
+							children: [/* @__PURE__ */ h("h2", {
+								className: "font-semibold text-foreground",
+								children: y("billing.addons.quotaAllocations", "Quota Allocations")
+							}), /* @__PURE__ */ h("button", {
+								type: "button",
+								onClick: Y,
+								className: "px-3 py-1 text-sm font-medium text-primary hover:bg-primary/10 rounded-md transition-colors",
+								children: "+ Add Quota"
+							})]
+						}), /* @__PURE__ */ h("div", {
+							className: "p-4 space-y-3",
+							children: V.length === 0 ? /* @__PURE__ */ h("p", {
+								className: "text-sm text-muted-foreground",
+								children: y("billing.addons.noQuotasAllocated", "No quotas allocated. Click \"Add Quota\" to add one.")
+							}) : V.map((e, t) => {
+								let n = D.find((t) => t.id === e.quotaId), r = n?.limits, i = r?.value ?? 0, a = r?.type ?? "unknown", o = i * e.quantity;
+								return /* @__PURE__ */ g("div", {
+									className: "p-3 border border-border rounded-lg bg-muted/20 space-y-3",
+									children: [/* @__PURE__ */ g("div", {
+										className: "flex items-center gap-3",
+										children: [/* @__PURE__ */ g("select", {
+											value: e.quotaId,
+											onChange: (e) => Z(t, "quotaId", e.target.value),
+											className: `flex-1 px-3 py-2 border border-border rounded-md bg-background focus:outline-none focus:ring-2 focus:ring-primary ${e.quotaId === "" ? "text-muted-foreground" : "text-foreground"}`,
+											children: [/* @__PURE__ */ h("option", {
+												value: "",
+												disabled: !0,
+												children: y("billing.addons.selectQuota", "Select a quota...")
+											}), D.map((e) => /* @__PURE__ */ h("option", {
+												value: e.id,
+												children: e.name
+											}, e.id))]
+										}), /* @__PURE__ */ h("button", {
+											type: "button",
+											onClick: () => X(t),
+											className: "p-2 text-status-error-text hover:bg-status-error-bg-subtle rounded-md transition-colors",
+											title: "Remove quota",
+											children: /* @__PURE__ */ h("svg", {
+												className: "w-5 h-5",
+												fill: "none",
+												viewBox: "0 0 24 24",
+												stroke: "currentColor",
+												children: /* @__PURE__ */ h("path", {
+													strokeLinecap: "round",
+													strokeLinejoin: "round",
+													strokeWidth: 2,
+													d: "M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16"
+												})
+											})
+										})]
+									}), n && /* @__PURE__ */ g(m, { children: [/* @__PURE__ */ h("div", {
+										className: "flex items-center justify-between text-sm",
+										children: /* @__PURE__ */ g("div", {
+											className: "text-muted-foreground",
+											children: [
+												/* @__PURE__ */ g("span", {
+													className: "capitalize",
+													children: ["Type: ", a]
+												}),
+												/* @__PURE__ */ h("span", {
+													className: "mx-2",
+													children: "•"
+												}),
+												/* @__PURE__ */ g("span", { children: [
+													"Value per unit:",
+													" ",
+													/* @__PURE__ */ h("span", {
+														className: "font-medium text-foreground",
+														children: i.toLocaleString()
+													})
+												] })
+											]
+										})
+									}), /* @__PURE__ */ g("div", {
+										className: "flex items-center gap-4",
+										children: [/* @__PURE__ */ g("div", {
+											className: "flex items-center gap-2",
+											children: [/* @__PURE__ */ g("label", {
+												className: "text-sm text-muted-foreground",
+												children: [y("billing.addons.quantity", "Quantity"), ":"]
+											}), /* @__PURE__ */ h("input", {
+												type: "number",
+												min: "1",
+												value: e.quantity,
+												onChange: (e) => Z(t, "quantity", e.target.value),
+												className: "w-24 px-3 py-1.5 border border-border rounded-md bg-background text-foreground focus:outline-none focus:ring-2 focus:ring-primary text-center"
+											})]
+										}), /* @__PURE__ */ g("div", {
+											className: "flex items-center gap-2 text-sm",
+											children: [/* @__PURE__ */ h("span", {
+												className: "text-muted-foreground",
+												children: "="
+											}), /* @__PURE__ */ g("span", {
+												className: "font-semibold text-status-success-text",
+												children: [o.toLocaleString(), " total"]
+											})]
+										})]
+									})] })]
+								}, t);
+							})
+						})]
+					})]
+				}),
+				/* @__PURE__ */ h(r, {
+					overrides: U,
+					onChange: W
+				}),
+				/* @__PURE__ */ g("div", {
+					className: "flex items-center gap-3 pt-4",
+					children: [/* @__PURE__ */ h("button", {
+						type: "submit",
+						disabled: A,
+						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: A ? y("billing.addons.saving", "Saving...") : y("billing.addons.saveChanges", "Save Changes")
+					}), /* @__PURE__ */ h("button", {
+						type: "button",
+						onClick: () => x(`/addons/${b}`),
+						className: "px-6 py-2 text-sm font-medium border border-border text-foreground rounded-md hover:bg-muted transition-colors",
+						children: "Cancel"
+					})]
+				})
+			]
+		})]
+	});
+};
+//#endregion
+export { v as AddonEditPage };
+
+//# sourceMappingURL=AddonEditPage.js.map

package/dist/billing/modules/addons/pages/AddonEditPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AddonEditPage.js","names":[],"sources":["../../../../../src/billing/modules/addons/pages/AddonEditPage.tsx"],"sourcesContent":["/**\n * Addons Module - Addon Edit Page\n * Form to edit an existing addon\n */\n\nimport { useState, useEffect, type FC, type FormEvent } from 'react';\nimport { useParams } from 'react-router-dom';\nimport { useBillingNavigate } from '../../../hooks/useBillingNavigate';\nimport { useAddon, useAddonMutations } from '../hooks';\nimport { useQuotas } from '../../plans/hooks';\nimport { useBillingPermissions } from '../../../hooks/useBillingPermissions';\nimport {\n  AccessDenied,\n  CurrencyPriceOverridesEditor,\n  PageHeader,\n  ServerError,\n} from '../../../shared/components';\nimport { isServerError } from '../../../shared/utils';\nimport {\n  PlanDuration,\n  type CurrencyPriceOverrideInput,\n  type UpdateAddonInput,\n} from '../../../shared/types';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\n\ninterface QuotaAllocation {\n  quotaId: string;\n  quantity: number;\n}\n\nexport const AddonEditPage: 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 { addonId } = useParams<{ addonId: string }>();\n  const navigateTo = useBillingNavigate();\n  const permissions = useBillingPermissions();\n  const { addon, isLoading: isAddonLoading, error: addonError, refetch } = useAddon(addonId);\n  const { quotas, isLoading: isQuotasLoading } = useQuotas({ onlyActive: true });\n  const { updateAddon, isUpdating } = useAddonMutations();\n\n  // Form state\n  const [name, setName] = useState('');\n  const [price, setPrice] = useState('');\n  const [currency, setCurrency] = useState('USD');\n  const [duration, setDuration] = useState<PlanDuration>(PlanDuration.MONTHLY);\n  const [isActive, setIsActive] = useState(true);\n  const [quotaAllocations, setQuotaAllocations] = useState<QuotaAllocation[]>([]);\n  const [currencyPriceOverrides, setCurrencyPriceOverrides] = useState<\n    CurrencyPriceOverrideInput[]\n  >([]);\n  const [error, setError] = useState<string | null>(null);\n  const [success, setSuccess] = useState(false);\n\n  // Populate form when addon data loads\n  useEffect(() => {\n    if (addon) {\n      setName(addon.name ?? '');\n      setPrice(String(addon.price ?? ''));\n      setCurrency(addon.currency ?? 'USD');\n      setDuration(addon.duration ?? PlanDuration.MONTHLY);\n      setIsActive(addon.isActive ?? true);\n      // Extract quota allocations from features\n      if (addon.features && addon.features.length > 0) {\n        const allocations: QuotaAllocation[] = [];\n        const quotaMap = new Map<string, number>();\n\n        for (const feature of addon.features) {\n          if (feature.quota?.id) {\n            const quotaId = feature.quota.id;\n            const limits = feature.quota.limits as { value?: number } | null;\n            const value = limits?.value ?? 1;\n            quotaMap.set(quotaId, (quotaMap.get(quotaId) ?? 0) + value);\n          }\n        }\n\n        for (const [quotaId, quantity] of quotaMap) {\n          allocations.push({ quotaId, quantity });\n        }\n\n        setQuotaAllocations(allocations);\n      }\n    }\n  }, [addon]);\n\n  // Permission check\n  if (!permissions.canManageAddons) {\n    return (\n      <AccessDenied\n        message={tr('billing.addons.noEditPermission', \"You don't have permission to edit addons.\")}\n      />\n    );\n  }\n\n  // Loading state\n  if (isAddonLoading || isQuotasLoading) {\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=\"max-w-2xl space-y-4\">\n          {[1, 2, 3, 4, 5].map((i) => (\n            <div key={i} className=\"h-16 bg-muted animate-pulse rounded\" />\n          ))}\n        </div>\n      </div>\n    );\n  }\n\n  // Error state\n  if (addonError && isServerError(addonError)) {\n    return (\n      <div className=\"p-6\">\n        <ServerError\n          title={tr('billing.addons.serverUnavailable', 'Server Unavailable')}\n          message={tr(\n            'billing.addons.serverUnavailableLoadAddon',\n            'Unable to load addon. The server might be down or experiencing issues.'\n          )}\n          onRetry={() => refetch()}\n          showRetry\n        />\n      </div>\n    );\n  }\n\n  if (!addon) {\n    return (\n      <div className=\"flex items-center justify-center h-full min-h-[400px]\">\n        <div className=\"text-center space-y-4\">\n          <h2 className=\"text-lg font-semibold text-foreground\">\n            {tr('billing.addons.addonNotFound', 'Addon not found')}\n          </h2>\n          <button\n            onClick={() => navigateTo('/addons')}\n            className=\"px-4 py-2 text-sm font-medium bg-primary text-primary-foreground rounded-md hover:bg-primary/90\"\n          >\n            Back to Addons\n          </button>\n        </div>\n      </div>\n    );\n  }\n\n  const handleAddQuota = () => {\n    // Add new quota at the top with empty quotaId (placeholder)\n    setQuotaAllocations([{ quotaId: '', quantity: 1 }, ...quotaAllocations]);\n  };\n\n  const handleRemoveQuota = (index: number) => {\n    setQuotaAllocations(quotaAllocations.filter((_, i) => i !== index));\n  };\n\n  const handleQuotaChange = (\n    index: number,\n    field: 'quotaId' | 'quantity',\n    value: string | number\n  ) => {\n    const updated = [...quotaAllocations];\n    if (field === 'quotaId') {\n      updated[index].quotaId = value as string;\n    } else {\n      updated[index].quantity = Number(value);\n    }\n    setQuotaAllocations(updated);\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('Addon name is required');\n      return;\n    }\n    if (!price || isNaN(Number(price)) || Number(price) < 0) {\n      setError('Valid price is required');\n      return;\n    }\n    if (quotaAllocations.length === 0) {\n      setError('At least one quota is required');\n      return;\n    }\n    // Check for unselected quotas\n    const unselectedQuotas = quotaAllocations.filter((a) => a.quotaId === '');\n    if (unselectedQuotas.length > 0) {\n      setError('Please select a quota for all allocations');\n      return;\n    }\n\n    const input: UpdateAddonInput = {\n      id: addonId!,\n      name: name.trim(),\n      price: Number(price),\n      currency,\n      duration,\n      isActive,\n      quotas: quotaAllocations.map((a) => ({\n        quotaId: a.quotaId,\n        quantity: a.quantity,\n      })),\n      ...(currencyPriceOverrides.length > 0 ? { currencyPriceOverrides } : {}),\n    };\n\n    try {\n      await updateAddon(input);\n      setSuccess(true);\n      // Navigate back after short delay\n      setTimeout(() => navigateTo(`/addons/${addonId}`), 1500);\n    } catch (err) {\n      setError(err instanceof Error ? err.message : 'Failed to update addon');\n    }\n  };\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <PageHeader\n        title={`Edit Addon: ${addon.name}`}\n        description={tr(\n          'billing.addons.editAddonDesc',\n          'Update the addon details and quota allocations'\n        )}\n      />\n\n      <form onSubmit={handleSubmit} className=\"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              {tr('billing.addons.updateSuccess', 'Addon updated successfully! Redirecting...')}\n            </p>\n          </div>\n        )}\n\n        {/* Two-column layout on desktop */}\n        <div className=\"grid grid-cols-1 lg:grid-cols-2 gap-6\">\n          {/* Basic Info */}\n          <div className=\"border border-border rounded-lg bg-card overflow-hidden h-fit\">\n            <div className=\"p-4 border-b border-border bg-muted/30\">\n              <h2 className=\"font-semibold text-foreground\">\n                {tr('billing.addons.basicInfo', 'Basic Information')}\n              </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                  {tr('billing.addons.addonNameLabel', 'Addon 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={tr('billing.addons.addonNamePlaceholder', 'e.g., Extra Storage')}\n                  required\n                />\n              </div>\n\n              {/* Price & Currency */}\n              <div className=\"grid grid-cols-2 gap-4\">\n                <div>\n                  <label htmlFor=\"price\" className=\"block text-sm font-medium text-foreground mb-1\">\n                    {tr('billing.addons.priceLabel', 'Price')} *\n                  </label>\n                  <input\n                    id=\"price\"\n                    type=\"number\"\n                    step=\"0.01\"\n                    min=\"0\"\n                    value={price}\n                    onChange={(e) => setPrice(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=\"9.99\"\n                    required\n                  />\n                </div>\n                <div>\n                  <label\n                    htmlFor=\"currency\"\n                    className=\"block text-sm font-medium text-foreground mb-1\"\n                  >\n                    {tr('billing.addons.currencyLabel', 'Currency')} *\n                  </label>\n                  <select\n                    id=\"currency\"\n                    value={currency}\n                    onChange={(e) => setCurrency(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=\"USD\">USD ($)</option>\n                    <option value=\"EUR\">EUR</option>\n                    <option value=\"GBP\">GBP</option>\n                    <option value=\"INR\">INR</option>\n                    <option value=\"AUD\">AUD</option>\n                    <option value=\"CAD\">CAD</option>\n                    <option value=\"JPY\">JPY</option>\n                    <option value=\"SGD\">SGD</option>\n                  </select>\n                </div>\n              </div>\n\n              {/* Duration */}\n              <div>\n                <label\n                  htmlFor=\"duration\"\n                  className=\"block text-sm font-medium text-foreground mb-1\"\n                >\n                  {tr('billing.addons.billingPeriodLabel', 'Billing Period')} *\n                </label>\n                <select\n                  id=\"duration\"\n                  value={duration}\n                  onChange={(e) => setDuration(e.target.value as PlanDuration)}\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={PlanDuration.MONTHLY}>Monthly</option>\n                  <option value={PlanDuration.YEARLY}>Yearly</option>\n                </select>\n              </div>\n\n              {/* Status */}\n              <div className=\"flex items-center gap-3\">\n                <input\n                  id=\"isActive\"\n                  type=\"checkbox\"\n                  checked={isActive}\n                  onChange={(e) => setIsActive(e.target.checked)}\n                  className=\"w-4 h-4 rounded border-border text-primary focus:ring-primary\"\n                />\n                <label htmlFor=\"isActive\" className=\"text-sm font-medium text-foreground\">\n                  {tr('billing.addons.addonIsActive', 'Addon is active')}\n                </label>\n              </div>\n            </div>\n          </div>\n\n          {/* Quota Allocations */}\n          <div className=\"border border-border rounded-lg bg-card overflow-hidden h-fit\">\n            <div className=\"p-4 border-b border-border bg-muted/30 flex items-center justify-between\">\n              <h2 className=\"font-semibold text-foreground\">\n                {tr('billing.addons.quotaAllocations', 'Quota Allocations')}\n              </h2>\n              <button\n                type=\"button\"\n                onClick={handleAddQuota}\n                className=\"px-3 py-1 text-sm font-medium text-primary hover:bg-primary/10 rounded-md transition-colors\"\n              >\n                + Add Quota\n              </button>\n            </div>\n            <div className=\"p-4 space-y-3\">\n              {quotaAllocations.length === 0 ? (\n                <p className=\"text-sm text-muted-foreground\">\n                  {tr(\n                    'billing.addons.noQuotasAllocated',\n                    'No quotas allocated. Click \"Add Quota\" to add one.'\n                  )}\n                </p>\n              ) : (\n                quotaAllocations.map((allocation, index) => {\n                  const selectedQuota = quotas.find((q) => q.id === allocation.quotaId);\n                  const limits = selectedQuota?.limits as { type?: string; value?: number } | null;\n                  const limitValue = limits?.value ?? 0;\n                  const limitType = limits?.type ?? 'unknown';\n                  const totalValue = limitValue * allocation.quantity;\n\n                  return (\n                    <div\n                      key={index}\n                      className=\"p-3 border border-border rounded-lg bg-muted/20 space-y-3\"\n                    >\n                      <div className=\"flex items-center gap-3\">\n                        <select\n                          value={allocation.quotaId}\n                          onChange={(e) => handleQuotaChange(index, 'quotaId', e.target.value)}\n                          className={`flex-1 px-3 py-2 border border-border rounded-md bg-background focus:outline-none focus:ring-2 focus:ring-primary ${\n                            allocation.quotaId === '' ? 'text-muted-foreground' : 'text-foreground'\n                          }`}\n                        >\n                          <option value=\"\" disabled>\n                            {tr('billing.addons.selectQuota', 'Select a quota...')}\n                          </option>\n                          {quotas.map((quota) => (\n                            <option key={quota.id} value={quota.id}>\n                              {quota.name}\n                            </option>\n                          ))}\n                        </select>\n                        <button\n                          type=\"button\"\n                          onClick={() => handleRemoveQuota(index)}\n                          className=\"p-2 text-status-error-text hover:bg-status-error-bg-subtle rounded-md transition-colors\"\n                          title=\"Remove quota\"\n                        >\n                          <svg\n                            className=\"w-5 h-5\"\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=\"M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16\"\n                            />\n                          </svg>\n                        </button>\n                      </div>\n\n                      {/* Quota Info - only show when quota is selected */}\n                      {selectedQuota && (\n                        <>\n                          <div className=\"flex items-center justify-between text-sm\">\n                            <div className=\"text-muted-foreground\">\n                              <span className=\"capitalize\">Type: {limitType}</span>\n                              <span className=\"mx-2\">•</span>\n                              <span>\n                                Value per unit:{' '}\n                                <span className=\"font-medium text-foreground\">\n                                  {limitValue.toLocaleString()}\n                                </span>\n                              </span>\n                            </div>\n                          </div>\n\n                          {/* Quantity & Total */}\n                          <div className=\"flex items-center gap-4\">\n                            <div className=\"flex items-center gap-2\">\n                              <label className=\"text-sm text-muted-foreground\">\n                                {tr('billing.addons.quantity', 'Quantity')}:\n                              </label>\n                              <input\n                                type=\"number\"\n                                min=\"1\"\n                                value={allocation.quantity}\n                                onChange={(e) =>\n                                  handleQuotaChange(index, 'quantity', e.target.value)\n                                }\n                                className=\"w-24 px-3 py-1.5 border border-border rounded-md bg-background text-foreground focus:outline-none focus:ring-2 focus:ring-primary text-center\"\n                              />\n                            </div>\n                            <div className=\"flex items-center gap-2 text-sm\">\n                              <span className=\"text-muted-foreground\">=</span>\n                              <span className=\"font-semibold text-status-success-text\">\n                                {totalValue.toLocaleString()} total\n                              </span>\n                            </div>\n                          </div>\n                        </>\n                      )}\n                    </div>\n                  );\n                })\n              )}\n            </div>\n          </div>\n        </div>\n\n        <CurrencyPriceOverridesEditor\n          overrides={currencyPriceOverrides}\n          onChange={setCurrencyPriceOverrides}\n        />\n\n        {/* Actions */}\n        <div className=\"flex items-center gap-3 pt-4\">\n          <button\n            type=\"submit\"\n            disabled={isUpdating}\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            {isUpdating\n              ? tr('billing.addons.saving', 'Saving...')\n              : tr('billing.addons.saveChanges', 'Save Changes')}\n          </button>\n          <button\n            type=\"button\"\n            onClick={() => navigateTo(`/addons/${addonId}`)}\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/addons/pages/AddonsBrowsePage.d.ts

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

package/dist/billing/modules/addons/pages/AddonsBrowsePage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AddonsBrowsePage.d.ts","sourceRoot":"","sources":["../../../../../src/billing/modules/addons/pages/AddonsBrowsePage.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAqB,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AA4DnD,eAAO,MAAM,gBAAgB,EAAE,EA2M9B,CAAC"}