@burdenoff/microfe-billing 2026.510.114

package/dist/billing/modules/addons/components/FloatingCartDrawer.d.ts

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

package/dist/billing/modules/addons/components/FloatingCartDrawer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FloatingCartDrawer.d.ts","sourceRoot":"","sources":["../../../../../src/billing/modules/addons/components/FloatingCartDrawer.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAqBhC,eAAO,MAAM,kBAAkB,EAAE,EAwKhC,CAAC"}

package/dist/billing/modules/addons/components/FloatingCartDrawer.js

@@ -0,0 +1,179 @@
+import { useAddonCartStore as e } from "../store/addonCartStore.js";
+import { useBillingNavigate as t } from "../../../hooks/useBillingNavigate.js";
+import { Minus as n, Plus as r, ShoppingCart as i, Trash2 as a, X as o } from "lucide-react";
+import { Fragment as s, 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/addons/components/FloatingCartDrawer.tsx
+var d = (e, t) => new Intl.NumberFormat("en-US", {
+	style: "currency",
+	currency: t || "USD",
+	minimumFractionDigits: 0,
+	maximumFractionDigits: 2
+}).format(e), f = (e) => e === "yearly" ? "year" : "month", p = () => {
+	let { t: p } = u(), m = (e, t) => {
+		let n = p(e);
+		return n === e ? t : n;
+	}, h = t(), { items: g, isCartOpen: _, toggleCart: v, closeCart: y, removeFromCart: b, updateQuantity: x, clearCart: S, getCartTotal: C } = e(), w = g.reduce((e, t) => e + t.quantity, 0), T = C();
+	return g.length === 0 && !_ ? null : /* @__PURE__ */ l(s, { children: [!_ && g.length > 0 && /* @__PURE__ */ l("button", {
+		onClick: v,
+		className: "fixed bottom-6 right-6 z-50 flex items-center gap-2 px-4 py-3 bg-primary text-primary-foreground rounded-full shadow-lg hover:bg-primary/90 transition-all",
+		"aria-label": `Open addon cart with ${w} item${w === 1 ? "" : "s"}`,
+		children: [
+			/* @__PURE__ */ c(i, { className: "w-5 h-5" }),
+			/* @__PURE__ */ l("span", {
+				className: "font-medium",
+				children: [
+					w,
+					" item",
+					w === 1 ? "" : "s"
+				]
+			}),
+			/* @__PURE__ */ c("span", {
+				className: "px-2 py-0.5 bg-primary-foreground/20 rounded-full text-sm",
+				children: d(T, g[0]?.addon.currency || "USD")
+			})
+		]
+	}), _ && /* @__PURE__ */ l("div", {
+		className: "fixed inset-0 z-50 flex items-end sm:items-center justify-center",
+		children: [/* @__PURE__ */ c("div", {
+			className: "absolute inset-0 bg-overlay-scrim",
+			onClick: y
+		}), /* @__PURE__ */ l("div", {
+			className: "relative w-full max-w-md max-h-[80vh] bg-card border border-border rounded-t-xl sm:rounded-xl shadow-xl overflow-hidden",
+			role: "dialog",
+			"aria-modal": "true",
+			"aria-labelledby": "addon-cart-title",
+			children: [
+				/* @__PURE__ */ l("div", {
+					className: "flex items-center justify-between px-4 py-3 border-b border-border bg-muted/30",
+					children: [/* @__PURE__ */ l("div", {
+						className: "flex items-center gap-2",
+						children: [
+							/* @__PURE__ */ c(i, { className: "w-5 h-5 text-foreground" }),
+							/* @__PURE__ */ c("h3", {
+								id: "addon-cart-title",
+								className: "font-semibold text-foreground",
+								children: m("billing.addons.yourCart", "Your Cart")
+							}),
+							/* @__PURE__ */ l("span", {
+								className: "px-2 py-0.5 text-xs bg-primary text-primary-foreground rounded-full",
+								children: [
+									w,
+									" item",
+									w === 1 ? "" : "s"
+								]
+							})
+						]
+					}), /* @__PURE__ */ c("button", {
+						onClick: y,
+						className: "p-1.5 rounded hover:bg-muted transition-colors",
+						"aria-label": "Close addon cart",
+						children: /* @__PURE__ */ c(o, { className: "w-5 h-5" })
+					})]
+				}),
+				/* @__PURE__ */ c("div", {
+					className: "overflow-y-auto max-h-[50vh] divide-y divide-border",
+					children: g.map(({ addon: e, quantity: t }) => /* @__PURE__ */ l("div", {
+						className: "p-4 flex items-center gap-3",
+						children: [
+							/* @__PURE__ */ c("div", {
+								className: "w-10 h-10 rounded-lg bg-primary/10 flex items-center justify-center shrink-0",
+								children: /* @__PURE__ */ c("svg", {
+									className: "w-5 h-5 text-primary",
+									fill: "none",
+									viewBox: "0 0 24 24",
+									stroke: "currentColor",
+									children: /* @__PURE__ */ c("path", {
+										strokeLinecap: "round",
+										strokeLinejoin: "round",
+										strokeWidth: 2,
+										d: "M20 7l-8-4-8 4m16 0l-8 4m8-4v10l-8 4m0-10L4 7m8 4v10M4 7v10l8 4"
+									})
+								})
+							}),
+							/* @__PURE__ */ l("div", {
+								className: "flex-1 min-w-0",
+								children: [/* @__PURE__ */ c("h4", {
+									className: "font-medium text-foreground truncate",
+									children: e.name
+								}), /* @__PURE__ */ l("p", {
+									className: "text-sm text-muted-foreground",
+									children: [
+										d(e.price, e.currency),
+										" /",
+										" ",
+										f(e.duration)
+									]
+								})]
+							}),
+							/* @__PURE__ */ l("div", {
+								className: "flex items-center gap-1",
+								children: [
+									/* @__PURE__ */ c("button", {
+										onClick: () => x(e.id, t - 1),
+										className: "p-1 rounded border border-border hover:bg-muted transition-colors",
+										"aria-label": `Decrease ${e.name} quantity`,
+										children: /* @__PURE__ */ c(n, { className: "w-3 h-3" })
+									}),
+									/* @__PURE__ */ c("span", {
+										className: "w-6 text-center text-sm font-medium",
+										children: t
+									}),
+									/* @__PURE__ */ c("button", {
+										onClick: () => x(e.id, t + 1),
+										className: "p-1 rounded border border-border hover:bg-muted transition-colors",
+										"aria-label": `Increase ${e.name} quantity`,
+										children: /* @__PURE__ */ c(r, { className: "w-3 h-3" })
+									})
+								]
+							}),
+							/* @__PURE__ */ c("div", {
+								className: "text-right",
+								children: /* @__PURE__ */ c("p", {
+									className: "font-medium text-foreground",
+									children: d(e.price * t, e.currency)
+								})
+							}),
+							/* @__PURE__ */ c("button", {
+								onClick: () => b(e.id),
+								className: "p-1.5 rounded text-destructive hover:bg-destructive/10 transition-colors",
+								"aria-label": `Remove ${e.name} from cart`,
+								children: /* @__PURE__ */ c(a, { className: "w-4 h-4" })
+							})
+						]
+					}, e.id))
+				}),
+				/* @__PURE__ */ l("div", {
+					className: "border-t border-border p-4 space-y-3 bg-muted/20",
+					children: [/* @__PURE__ */ l("div", {
+						className: "flex items-center justify-between text-lg font-semibold",
+						children: [/* @__PURE__ */ c("span", {
+							className: "text-foreground",
+							children: m("billing.addons.total", "Total")
+						}), /* @__PURE__ */ c("span", {
+							className: "text-foreground",
+							children: d(T, g[0]?.addon.currency || "USD")
+						})]
+					}), /* @__PURE__ */ l("div", {
+						className: "flex gap-2",
+						children: [/* @__PURE__ */ c("button", {
+							onClick: S,
+							className: "flex-1 px-4 py-2.5 text-sm font-medium border border-border text-foreground rounded-md hover:bg-muted transition-colors",
+							children: "Clear Cart"
+						}), /* @__PURE__ */ c("button", {
+							onClick: () => {
+								y(), h("/checkout/addons");
+							},
+							className: "flex-1 px-4 py-2.5 text-sm font-medium bg-primary text-primary-foreground rounded-md hover:bg-primary/90 transition-colors",
+							children: "Checkout"
+						})]
+					})]
+				})
+			]
+		})]
+	})] });
+};
+//#endregion
+export { p as FloatingCartDrawer };
+
+//# sourceMappingURL=FloatingCartDrawer.js.map

package/dist/billing/modules/addons/components/FloatingCartDrawer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FloatingCartDrawer.js","names":[],"sources":["../../../../../src/billing/modules/addons/components/FloatingCartDrawer.tsx"],"sourcesContent":["/**\n * Floating Cart Drawer Component\n * Displays the addon cart as a floating button and drawer overlay\n * Reusable across pages that need cart functionality\n */\n\nimport { type FC } from 'react';\nimport { useBillingNavigate } from '../../../hooks/useBillingNavigate';\nimport { ShoppingCart, X, Minus, Plus, Trash2 } from 'lucide-react';\nimport { useAddonCartStore } from '../store/addonCartStore';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\n\n// Format currency helper\nconst formatCurrency = (amount: number, currency: string) => {\n  return new Intl.NumberFormat('en-US', {\n    style: 'currency',\n    currency: currency || 'USD',\n    minimumFractionDigits: 0,\n    maximumFractionDigits: 2,\n  }).format(amount);\n};\n\n// Format plan duration helper\nconst formatPlanDuration = (duration: string) => {\n  return duration === 'yearly' ? 'year' : 'month';\n};\n\nexport const FloatingCartDrawer: 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 {\n    items,\n    isCartOpen,\n    toggleCart,\n    closeCart,\n    removeFromCart,\n    updateQuantity,\n    clearCart,\n    getCartTotal,\n  } = useAddonCartStore();\n\n  const itemCount = items.reduce((sum, item) => sum + item.quantity, 0);\n  const cartTotal = getCartTotal();\n\n  if (items.length === 0 && !isCartOpen) return null;\n\n  const handleCheckout = () => {\n    closeCart();\n    // Navigate to checkout - same path used in AddonsListPage\n    navigateTo('/checkout/addons');\n  };\n\n  return (\n    <>\n      {/* Floating Cart Button */}\n      {!isCartOpen && items.length > 0 && (\n        <button\n          onClick={toggleCart}\n          className=\"fixed bottom-6 right-6 z-50 flex items-center gap-2 px-4 py-3 bg-primary text-primary-foreground rounded-full shadow-lg hover:bg-primary/90 transition-all\"\n          aria-label={`Open addon cart with ${itemCount} item${itemCount !== 1 ? 's' : ''}`}\n        >\n          <ShoppingCart className=\"w-5 h-5\" />\n          <span className=\"font-medium\">\n            {itemCount} item{itemCount !== 1 ? 's' : ''}\n          </span>\n          <span className=\"px-2 py-0.5 bg-primary-foreground/20 rounded-full text-sm\">\n            {formatCurrency(cartTotal, items[0]?.addon.currency || 'USD')}\n          </span>\n        </button>\n      )}\n\n      {/* Cart Drawer */}\n      {isCartOpen && (\n        <div className=\"fixed inset-0 z-50 flex items-end sm:items-center justify-center\">\n          {/* Backdrop */}\n          <div className=\"absolute inset-0 bg-overlay-scrim\" onClick={closeCart} />\n\n          {/* Drawer */}\n          <div\n            className=\"relative w-full max-w-md max-h-[80vh] bg-card border border-border rounded-t-xl sm:rounded-xl shadow-xl overflow-hidden\"\n            role=\"dialog\"\n            aria-modal=\"true\"\n            aria-labelledby=\"addon-cart-title\"\n          >\n            {/* Header */}\n            <div className=\"flex items-center justify-between px-4 py-3 border-b border-border bg-muted/30\">\n              <div className=\"flex items-center gap-2\">\n                <ShoppingCart className=\"w-5 h-5 text-foreground\" />\n                <h3 id=\"addon-cart-title\" className=\"font-semibold text-foreground\">\n                  {tr('billing.addons.yourCart', 'Your Cart')}\n                </h3>\n                <span className=\"px-2 py-0.5 text-xs bg-primary text-primary-foreground rounded-full\">\n                  {itemCount} item{itemCount !== 1 ? 's' : ''}\n                </span>\n              </div>\n              <button\n                onClick={closeCart}\n                className=\"p-1.5 rounded hover:bg-muted transition-colors\"\n                aria-label=\"Close addon cart\"\n              >\n                <X className=\"w-5 h-5\" />\n              </button>\n            </div>\n\n            {/* Cart Items */}\n            <div className=\"overflow-y-auto max-h-[50vh] divide-y divide-border\">\n              {items.map(({ addon, quantity }) => (\n                <div key={addon.id} className=\"p-4 flex items-center gap-3\">\n                  <div className=\"w-10 h-10 rounded-lg bg-primary/10 flex items-center justify-center shrink-0\">\n                    <svg\n                      className=\"w-5 h-5 text-primary\"\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=\"M20 7l-8-4-8 4m16 0l-8 4m8-4v10l-8 4m0-10L4 7m8 4v10M4 7v10l8 4\"\n                      />\n                    </svg>\n                  </div>\n                  <div className=\"flex-1 min-w-0\">\n                    <h4 className=\"font-medium text-foreground truncate\">{addon.name}</h4>\n                    <p className=\"text-sm text-muted-foreground\">\n                      {formatCurrency(addon.price, addon.currency)} /{' '}\n                      {formatPlanDuration(addon.duration)}\n                    </p>\n                  </div>\n                  <div className=\"flex items-center gap-1\">\n                    <button\n                      onClick={() => updateQuantity(addon.id, quantity - 1)}\n                      className=\"p-1 rounded border border-border hover:bg-muted transition-colors\"\n                      aria-label={`Decrease ${addon.name} quantity`}\n                    >\n                      <Minus className=\"w-3 h-3\" />\n                    </button>\n                    <span className=\"w-6 text-center text-sm font-medium\">{quantity}</span>\n                    <button\n                      onClick={() => updateQuantity(addon.id, quantity + 1)}\n                      className=\"p-1 rounded border border-border hover:bg-muted transition-colors\"\n                      aria-label={`Increase ${addon.name} quantity`}\n                    >\n                      <Plus className=\"w-3 h-3\" />\n                    </button>\n                  </div>\n                  <div className=\"text-right\">\n                    <p className=\"font-medium text-foreground\">\n                      {formatCurrency(addon.price * quantity, addon.currency)}\n                    </p>\n                  </div>\n                  <button\n                    onClick={() => removeFromCart(addon.id)}\n                    className=\"p-1.5 rounded text-destructive hover:bg-destructive/10 transition-colors\"\n                    aria-label={`Remove ${addon.name} from cart`}\n                  >\n                    <Trash2 className=\"w-4 h-4\" />\n                  </button>\n                </div>\n              ))}\n            </div>\n\n            {/* Footer */}\n            <div className=\"border-t border-border p-4 space-y-3 bg-muted/20\">\n              <div className=\"flex items-center justify-between text-lg font-semibold\">\n                <span className=\"text-foreground\">{tr('billing.addons.total', 'Total')}</span>\n                <span className=\"text-foreground\">\n                  {formatCurrency(cartTotal, items[0]?.addon.currency || 'USD')}\n                </span>\n              </div>\n              <div className=\"flex gap-2\">\n                <button\n                  onClick={clearCart}\n                  className=\"flex-1 px-4 py-2.5 text-sm font-medium border border-border text-foreground rounded-md hover:bg-muted transition-colors\"\n                >\n                  Clear Cart\n                </button>\n                <button\n                  onClick={handleCheckout}\n                  className=\"flex-1 px-4 py-2.5 text-sm font-medium bg-primary text-primary-foreground rounded-md hover:bg-primary/90 transition-colors\"\n                >\n                  Checkout\n                </button>\n              </div>\n            </div>\n          </div>\n        </div>\n      )}\n    </>\n  );\n};\n"],"mappings":"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"}

package/dist/billing/modules/addons/components/index.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Addons Module Components
+ */
+export { FloatingCartDrawer } from './FloatingCartDrawer';
+//# sourceMappingURL=index.d.ts.map

package/dist/billing/modules/addons/components/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/billing/modules/addons/components/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC"}

package/dist/billing/modules/addons/hooks/index.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Addons Module - Hooks
+ * Re-exports all hooks for the Addons module
+ */
+export { useAddons, useAddon, useSelectedAddons, useAddonMutations } from './useAddons';
+//# sourceMappingURL=index.d.ts.map

package/dist/billing/modules/addons/hooks/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/billing/modules/addons/hooks/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC"}

package/dist/billing/modules/addons/hooks/index.js

@@ -0,0 +1 @@
+import "./useAddons.js";

package/dist/billing/modules/addons/hooks/useAddons.d.ts

@@ -0,0 +1,55 @@
+import { Addon, CreateAddonInput, UpdateAddonInput } from '../../../shared/types';
+
+interface UseAddonsOptions {
+    onlyActive?: boolean;
+    /** Filter by product ID — pushed to backend query, not client-side. */
+    productId?: string;
+    /**
+     * When false, free addons (price = 0) are excluded at the backend.
+     * Use false on user-facing browse pages; omit or set true for admin pages.
+     */
+    includeFree?: boolean;
+}
+interface UseAddonsResult {
+    addons: Addon[];
+    isLoading: boolean;
+    error: Error | undefined;
+    refetch: () => Promise<void>;
+}
+interface UseSelectedAddonsResult {
+    addons: Addon[];
+    isLoading: boolean;
+    error: Error | undefined;
+}
+interface UseAddonMutationsResult {
+    createAddon: (input: CreateAddonInput) => Promise<boolean>;
+    updateAddon: (input: UpdateAddonInput) => Promise<boolean>;
+    toggleAddon: (addonId: string, status: boolean) => Promise<boolean>;
+    isCreating: boolean;
+    isUpdating: boolean;
+    isToggling: boolean;
+}
+/**
+ * Hook for fetching all addons
+ */
+export declare function useAddons(options?: UseAddonsOptions): UseAddonsResult;
+interface UseAddonResult {
+    addon: Addon | null;
+    isLoading: boolean;
+    error: Error | undefined;
+    refetch: () => Promise<void>;
+}
+/**
+ * Hook for fetching a single addon by ID
+ */
+export declare function useAddon(addonId: string | undefined): UseAddonResult;
+/**
+ * Hook for fetching specific addons by IDs
+ */
+export declare function useSelectedAddons(addonIds: string[]): UseSelectedAddonsResult;
+/**
+ * Hook for addon mutations (create, update, toggle)
+ */
+export declare function useAddonMutations(): UseAddonMutationsResult;
+export {};
+//# sourceMappingURL=useAddons.d.ts.map

package/dist/billing/modules/addons/hooks/useAddons.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAddons.d.ts","sourceRoot":"","sources":["../../../../../src/billing/modules/addons/hooks/useAddons.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAYH,OAAO,KAAK,EAAE,KAAK,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAEvF,UAAU,gBAAgB;IACxB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,uEAAuE;IACvE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,UAAU,eAAe;IACvB,MAAM,EAAE,KAAK,EAAE,CAAC;IAChB,SAAS,EAAE,OAAO,CAAC;IACnB,KAAK,EAAE,KAAK,GAAG,SAAS,CAAC;IACzB,OAAO,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;CAC9B;AAED,UAAU,uBAAuB;IAC/B,MAAM,EAAE,KAAK,EAAE,CAAC;IAChB,SAAS,EAAE,OAAO,CAAC;IACnB,KAAK,EAAE,KAAK,GAAG,SAAS,CAAC;CAC1B;AAED,UAAU,uBAAuB;IAC/B,WAAW,EAAE,CAAC,KAAK,EAAE,gBAAgB,KAAK,OAAO,CAAC,OAAO,CAAC,CAAC;IAC3D,WAAW,EAAE,CAAC,KAAK,EAAE,gBAAgB,KAAK,OAAO,CAAC,OAAO,CAAC,CAAC;IAC3D,WAAW,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,KAAK,OAAO,CAAC,OAAO,CAAC,CAAC;IACpE,UAAU,EAAE,OAAO,CAAC;IACpB,UAAU,EAAE,OAAO,CAAC;IACpB,UAAU,EAAE,OAAO,CAAC;CACrB;AAED;;GAEG;AACH,wBAAgB,SAAS,CAAC,OAAO,GAAE,gBAAqB,GAAG,eAAe,CA6BzE;AAED,UAAU,cAAc;IACtB,KAAK,EAAE,KAAK,GAAG,IAAI,CAAC;IACpB,SAAS,EAAE,OAAO,CAAC;IACnB,KAAK,EAAE,KAAK,GAAG,SAAS,CAAC;IACzB,OAAO,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;CAC9B;AAED;;GAEG;AACH,wBAAgB,QAAQ,CAAC,OAAO,EAAE,MAAM,GAAG,SAAS,GAAG,cAAc,CAiBpE;AAED;;GAEG;AACH,wBAAgB,iBAAiB,CAAC,QAAQ,EAAE,MAAM,EAAE,GAAG,uBAAuB,CAY7E;AAED;;GAEG;AACH,wBAAgB,iBAAiB,IAAI,uBAAuB,CA0E3D"}

package/dist/billing/modules/addons/hooks/useAddons.js

@@ -0,0 +1,77 @@
+import { GetAllAddOnsDocument as e, useCreateAddOnsMutation as t, useGetAllAddOnsQuery as n, useGetSelectedAddonsQuery as r, useToggleAddOnMutation as i, useUpdateAddOnDetailsMutation as a } from "../../../../generated/global-operations.js";
+import { useCallback as o } from "react";
+import { useApolloClient as s } from "@apollo/client/react";
+//#region src/billing/modules/addons/hooks/useAddons.ts
+function c(e = {}) {
+	let { onlyActive: t = !1, productId: r, includeFree: i } = e, a = {
+		...r === void 0 ? {} : { productId: r },
+		...i === void 0 ? {} : { includeFree: i }
+	}, { data: s, loading: c, error: l, refetch: u } = n({
+		variables: { filter: Object.keys(a).length > 0 ? a : void 0 },
+		fetchPolicy: "cache-and-network"
+	}), d = s?.getAllAddOns || [];
+	t && (d = d.filter((e) => e.isActive));
+	let f = o(async () => {
+		await u();
+	}, [u]);
+	return {
+		addons: d,
+		isLoading: c,
+		error: l,
+		refetch: f
+	};
+}
+function l(e) {
+	let { data: t, loading: n, error: i, refetch: a } = r({
+		variables: { addonIDs: e ? [e] : [] },
+		skip: !e,
+		fetchPolicy: "cache-and-network"
+	}), s = o(async () => {
+		await a();
+	}, [a]);
+	return {
+		addon: t?.getSelectedAddons?.[0] || null,
+		isLoading: n,
+		error: i,
+		refetch: s
+	};
+}
+function u() {
+	let n = s(), [r, { loading: c }] = t(), [l, { loading: u }] = a(), [d, { loading: f }] = i();
+	return {
+		createAddon: o(async (t) => {
+			try {
+				let { data: i } = await r({ variables: { input: t } });
+				return await n.refetchQueries({ include: [e] }), i?.createAddOns ?? !1;
+			} catch (e) {
+				throw console.error("Failed to create addon:", e), e;
+			}
+		}, [r, n]),
+		updateAddon: o(async (t) => {
+			try {
+				let { data: r } = await l({ variables: { input: t } });
+				return await n.refetchQueries({ include: [e] }), r?.updateAddOnDetails ?? !1;
+			} catch (e) {
+				throw console.error("Failed to update addon:", e), e;
+			}
+		}, [l, n]),
+		toggleAddon: o(async (t, r) => {
+			try {
+				let { data: i } = await d({ variables: {
+					id: t,
+					status: r
+				} });
+				return await n.refetchQueries({ include: [e] }), i?.toggleAddOn ?? !1;
+			} catch (e) {
+				throw console.error("Failed to toggle addon:", e), e;
+			}
+		}, [d, n]),
+		isCreating: c,
+		isUpdating: u,
+		isToggling: f
+	};
+}
+//#endregion
+export { l as useAddon, u as useAddonMutations, c as useAddons };
+
+//# sourceMappingURL=useAddons.js.map

package/dist/billing/modules/addons/hooks/useAddons.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAddons.js","names":[],"sources":["../../../../../src/billing/modules/addons/hooks/useAddons.ts"],"sourcesContent":["/**\n * Addons Module - useAddons Hook\n * Provides access to addon data and mutations\n */\n\nimport { useApolloClient } from '@apollo/client/react';\nimport { useCallback } from 'react';\nimport {\n  useGetAllAddOnsQuery,\n  useGetSelectedAddonsQuery,\n  useCreateAddOnsMutation,\n  useUpdateAddOnDetailsMutation,\n  useToggleAddOnMutation,\n  GetAllAddOnsDocument,\n} from '../../../../generated/global-operations';\nimport type { Addon, CreateAddonInput, UpdateAddonInput } from '../../../shared/types';\n\ninterface UseAddonsOptions {\n  onlyActive?: boolean;\n  /** Filter by product ID — pushed to backend query, not client-side. */\n  productId?: string;\n  /**\n   * When false, free addons (price = 0) are excluded at the backend.\n   * Use false on user-facing browse pages; omit or set true for admin pages.\n   */\n  includeFree?: boolean;\n}\n\ninterface UseAddonsResult {\n  addons: Addon[];\n  isLoading: boolean;\n  error: Error | undefined;\n  refetch: () => Promise<void>;\n}\n\ninterface UseSelectedAddonsResult {\n  addons: Addon[];\n  isLoading: boolean;\n  error: Error | undefined;\n}\n\ninterface UseAddonMutationsResult {\n  createAddon: (input: CreateAddonInput) => Promise<boolean>;\n  updateAddon: (input: UpdateAddonInput) => Promise<boolean>;\n  toggleAddon: (addonId: string, status: boolean) => Promise<boolean>;\n  isCreating: boolean;\n  isUpdating: boolean;\n  isToggling: boolean;\n}\n\n/**\n * Hook for fetching all addons\n */\nexport function useAddons(options: UseAddonsOptions = {}): UseAddonsResult {\n  const { onlyActive = false, productId, includeFree } = options;\n\n  const filter = {\n    ...(productId !== undefined ? { productId } : {}),\n    ...(includeFree !== undefined ? { includeFree } : {}),\n  };\n\n  const { data, loading, error, refetch } = useGetAllAddOnsQuery({\n    variables: { filter: Object.keys(filter).length > 0 ? filter : undefined },\n    fetchPolicy: 'cache-and-network',\n  });\n\n  let addons: Addon[] = data?.getAllAddOns || [];\n\n  if (onlyActive) {\n    addons = addons.filter((addon: Addon) => addon.isActive);\n  }\n\n  const handleRefetch = useCallback(async () => {\n    await refetch();\n  }, [refetch]);\n\n  return {\n    addons,\n    isLoading: loading,\n    error: error as Error | undefined,\n    refetch: handleRefetch,\n  };\n}\n\ninterface UseAddonResult {\n  addon: Addon | null;\n  isLoading: boolean;\n  error: Error | undefined;\n  refetch: () => Promise<void>;\n}\n\n/**\n * Hook for fetching a single addon by ID\n */\nexport function useAddon(addonId: string | undefined): UseAddonResult {\n  const { data, loading, error, refetch } = useGetSelectedAddonsQuery({\n    variables: { addonIDs: addonId ? [addonId] : [] },\n    skip: !addonId,\n    fetchPolicy: 'cache-and-network',\n  });\n\n  const handleRefetch = useCallback(async () => {\n    await refetch();\n  }, [refetch]);\n\n  return {\n    addon: data?.getSelectedAddons?.[0] || null,\n    isLoading: loading,\n    error: error as Error | undefined,\n    refetch: handleRefetch,\n  };\n}\n\n/**\n * Hook for fetching specific addons by IDs\n */\nexport function useSelectedAddons(addonIds: string[]): UseSelectedAddonsResult {\n  const { data, loading, error } = useGetSelectedAddonsQuery({\n    variables: { addonIDs: addonIds },\n    skip: addonIds.length === 0,\n    fetchPolicy: 'cache-and-network',\n  });\n\n  return {\n    addons: data?.getSelectedAddons || [],\n    isLoading: loading,\n    error: error as Error | undefined,\n  };\n}\n\n/**\n * Hook for addon mutations (create, update, toggle)\n */\nexport function useAddonMutations(): UseAddonMutationsResult {\n  const client = useApolloClient();\n\n  const [createAddonMutation, { loading: isCreating }] = useCreateAddOnsMutation();\n  const [updateAddonMutation, { loading: isUpdating }] = useUpdateAddOnDetailsMutation();\n  const [toggleAddonMutation, { loading: isToggling }] = useToggleAddOnMutation();\n\n  const createAddon = useCallback(\n    async (input: CreateAddonInput): Promise<boolean> => {\n      try {\n        const { data } = await createAddonMutation({\n          variables: {\n            input: input as unknown as Parameters<\n              typeof createAddonMutation\n            >[0]['variables']['input'],\n          },\n        });\n        // Refetch addons list after creation\n        await client.refetchQueries({ include: [GetAllAddOnsDocument] });\n        return data?.createAddOns ?? false;\n      } catch (error) {\n        console.error('Failed to create addon:', error);\n        throw error;\n      }\n    },\n    [createAddonMutation, client]\n  );\n\n  const updateAddon = useCallback(\n    async (input: UpdateAddonInput): Promise<boolean> => {\n      try {\n        const { data } = await updateAddonMutation({\n          variables: {\n            input: input as unknown as Parameters<\n              typeof updateAddonMutation\n            >[0]['variables']['input'],\n          },\n        });\n        // Refetch addons list after update\n        await client.refetchQueries({ include: [GetAllAddOnsDocument] });\n        return data?.updateAddOnDetails ?? false;\n      } catch (error) {\n        console.error('Failed to update addon:', error);\n        throw error;\n      }\n    },\n    [updateAddonMutation, client]\n  );\n\n  const toggleAddon = useCallback(\n    async (addonId: string, status: boolean): Promise<boolean> => {\n      try {\n        const { data } = await toggleAddonMutation({\n          variables: { id: addonId, status },\n        });\n        // Refetch addons list after toggle\n        await client.refetchQueries({ include: [GetAllAddOnsDocument] });\n        return data?.toggleAddOn ?? false;\n      } catch (error) {\n        console.error('Failed to toggle addon:', error);\n        throw error;\n      }\n    },\n    [toggleAddonMutation, client]\n  );\n\n  return {\n    createAddon,\n    updateAddon,\n    toggleAddon,\n    isCreating,\n    isUpdating,\n    isToggling,\n  };\n}\n"],"mappings":";;;;AAqDA,SAAgB,EAAU,IAA4B,EAAE,EAAmB;CACzE,IAAM,EAAE,gBAAa,IAAO,cAAW,mBAAgB,GAEjD,IAAS;EACb,GAAI,MAAc,KAAA,IAA4B,EAAE,GAAlB,EAAE,cAAW;EAC3C,GAAI,MAAgB,KAAA,IAA8B,EAAE,GAApB,EAAE,gBAAa;EAChD,EAEK,EAAE,SAAM,YAAS,UAAO,eAAY,EAAqB;EAC7D,WAAW,EAAE,QAAQ,OAAO,KAAK,EAAO,CAAC,SAAS,IAAI,IAAS,KAAA,GAAW;EAC1E,aAAa;EACd,CAAC,EAEE,IAAkB,GAAM,gBAAgB,EAAE;AAE9C,CAAI,MACF,IAAS,EAAO,QAAQ,MAAiB,EAAM,SAAS;CAG1D,IAAM,IAAgB,EAAY,YAAY;AAC5C,QAAM,GAAS;IACd,CAAC,EAAQ,CAAC;AAEb,QAAO;EACL;EACA,WAAW;EACJ;EACP,SAAS;EACV;;AAaH,SAAgB,EAAS,GAA6C;CACpE,IAAM,EAAE,SAAM,YAAS,UAAO,eAAY,EAA0B;EAClE,WAAW,EAAE,UAAU,IAAU,CAAC,EAAQ,GAAG,EAAE,EAAE;EACjD,MAAM,CAAC;EACP,aAAa;EACd,CAAC,EAEI,IAAgB,EAAY,YAAY;AAC5C,QAAM,GAAS;IACd,CAAC,EAAQ,CAAC;AAEb,QAAO;EACL,OAAO,GAAM,oBAAoB,MAAM;EACvC,WAAW;EACJ;EACP,SAAS;EACV;;AAuBH,SAAgB,IAA6C;CAC3D,IAAM,IAAS,GAAiB,EAE1B,CAAC,GAAqB,EAAE,SAAS,OAAgB,GAAyB,EAC1E,CAAC,GAAqB,EAAE,SAAS,OAAgB,GAA+B,EAChF,CAAC,GAAqB,EAAE,SAAS,OAAgB,GAAwB;AA6D/E,QAAO;EACL,aA5DkB,EAClB,OAAO,MAA8C;AACnD,OAAI;IACF,IAAM,EAAE,YAAS,MAAM,EAAoB,EACzC,WAAW,EACF,UAGR,EACF,CAAC;AAGF,WADA,MAAM,EAAO,eAAe,EAAE,SAAS,CAAC,EAAqB,EAAE,CAAC,EACzD,GAAM,gBAAgB;YACtB,GAAO;AAEd,UADA,QAAQ,MAAM,2BAA2B,EAAM,EACzC;;KAGV,CAAC,GAAqB,EAAO,CAC9B;EA0CC,aAxCkB,EAClB,OAAO,MAA8C;AACnD,OAAI;IACF,IAAM,EAAE,YAAS,MAAM,EAAoB,EACzC,WAAW,EACF,UAGR,EACF,CAAC;AAGF,WADA,MAAM,EAAO,eAAe,EAAE,SAAS,CAAC,EAAqB,EAAE,CAAC,EACzD,GAAM,sBAAsB;YAC5B,GAAO;AAEd,UADA,QAAQ,MAAM,2BAA2B,EAAM,EACzC;;KAGV,CAAC,GAAqB,EAAO,CAC9B;EAsBC,aApBkB,EAClB,OAAO,GAAiB,MAAsC;AAC5D,OAAI;IACF,IAAM,EAAE,YAAS,MAAM,EAAoB,EACzC,WAAW;KAAE,IAAI;KAAS;KAAQ,EACnC,CAAC;AAGF,WADA,MAAM,EAAO,eAAe,EAAE,SAAS,CAAC,EAAqB,EAAE,CAAC,EACzD,GAAM,eAAe;YACrB,GAAO;AAEd,UADA,QAAQ,MAAM,2BAA2B,EAAM,EACzC;;KAGV,CAAC,GAAqB,EAAO,CAC9B;EAMC;EACA;EACA;EACD"}

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

@@ -0,0 +1,7 @@
+/**
+ * Addons Module
+ * Provides addon management functionality
+ */
+export * from './pages';
+export * from './hooks';
+//# sourceMappingURL=index.d.ts.map

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

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

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

@@ -0,0 +1,10 @@
+import "./hooks/useAddons.js";
+import "./hooks/index.js";
+import { AddonsListPage as e } from "./pages/AddonsListPage.js";
+import { AddonDetailPage as t } from "./pages/AddonDetailPage.js";
+import { AddonEditPage as n } from "./pages/AddonEditPage.js";
+import { AddonCreatePage as r } from "./pages/AddonCreatePage.js";
+import { AddonsBrowsePage as i } from "./pages/AddonsBrowsePage.js";
+import { AddonBrowseDetailPage as a } from "./pages/AddonBrowseDetailPage.js";
+import "./pages/index.js";
+export { a as AddonBrowseDetailPage, r as AddonCreatePage, t as AddonDetailPage, n as AddonEditPage, i as AddonsBrowsePage, e as AddonsListPage };

package/dist/billing/modules/addons/pages/AddonBrowseDetailPage.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"AddonBrowseDetailPage.d.ts","sourceRoot":"","sources":["../../../../../src/billing/modules/addons/pages/AddonBrowseDetailPage.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAW,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AA8CzC,eAAO,MAAM,qBAAqB,EAAE,EAsPnC,CAAC"}