@burdenoff/microfe-billing 2026.510.114

package/dist/billing/modules/dashboard/components/RecommendedAddonsSection.js

@@ -0,0 +1,193 @@
+import { useMemo as e, useState as t } from "react";
+import { ArrowRight as n, Check as r, ChevronRight as i, Loader2 as a, Minus as o, Package as s, Plus as c, ShoppingCart as l, Sparkles as u, Trash2 as d } from "lucide-react";
+import { Fragment as f, jsx as p, jsxs as m } from "react/jsx-runtime";
+import { useI18n as h } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+//#region src/billing/modules/dashboard/components/RecommendedAddonsSection.tsx
+function g(e) {
+	let t = /* @__PURE__ */ new Map();
+	for (let n of e) {
+		if (!n.quota) continue;
+		let e = n.quota.id, r = n.quota.limits?.value ?? 0, i = t.get(e);
+		i ? i.totalValue += r : t.set(e, {
+			quotaId: e,
+			name: n.quota.name ?? "Unknown Quota",
+			totalValue: r
+		});
+	}
+	return Array.from(t.values());
+}
+var _ = ({ addon: n, onView: i, onPurchase: a, onAddToCart: u, isInCart: h = !1, cartQuantity: _ = 0, onUpdateQuantity: v, onRemoveFromCart: y }) => {
+	let [b, x] = t(!1), S = () => {
+		u ? (u(), x(!0), setTimeout(() => x(!1), 2e3)) : a();
+	}, C = (e, t) => new Intl.NumberFormat("en-US", {
+		style: "currency",
+		currency: t || "USD",
+		minimumFractionDigits: 0,
+		maximumFractionDigits: 2
+	}).format(e), w = (e) => e === "yearly" ? "year" : "month", T = e(() => g(n.features || []), [n.features]);
+	return /* @__PURE__ */ m("article", {
+		className: "flex flex-col border border-border rounded-lg bg-card overflow-hidden hover:shadow-md transition-shadow",
+		children: [
+			/* @__PURE__ */ p("header", {
+				className: "p-4 border-b border-border",
+				children: /* @__PURE__ */ p("div", {
+					className: "flex items-start justify-between gap-3",
+					children: /* @__PURE__ */ m("div", {
+						className: "flex items-center gap-3",
+						children: [/* @__PURE__ */ p("div", {
+							className: "w-10 h-10 rounded-lg bg-status-success-bg-subtle flex items-center justify-center",
+							children: /* @__PURE__ */ p(s, { className: "w-5 h-5 text-status-success-text" })
+						}), /* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("h4", {
+							className: "font-semibold text-foreground",
+							children: n.name
+						}), /* @__PURE__ */ m("p", {
+							className: "text-sm text-muted-foreground",
+							children: [
+								C(n.price, n.currency),
+								"/",
+								w(n.duration)
+							]
+						})] })]
+					})
+				})
+			}),
+			/* @__PURE__ */ p("div", {
+				className: "p-4 flex-1",
+				children: T.length > 0 ? /* @__PURE__ */ m("ul", {
+					className: "space-y-2",
+					children: [T.slice(0, 2).map((e) => /* @__PURE__ */ m("li", {
+						className: "flex items-center justify-between text-sm",
+						children: [/* @__PURE__ */ m("div", {
+							className: "flex items-center gap-2",
+							children: [/* @__PURE__ */ p("span", { className: "w-1.5 h-1.5 rounded-full bg-status-success-bg" }), /* @__PURE__ */ p("span", {
+								className: "text-muted-foreground",
+								children: e.name
+							})]
+						}), /* @__PURE__ */ p("span", {
+							className: "font-medium text-foreground",
+							children: e.totalValue.toLocaleString()
+						})]
+					}, e.quotaId)), T.length > 2 && /* @__PURE__ */ m("li", {
+						className: "text-xs text-muted-foreground",
+						children: [
+							"+",
+							T.length - 2,
+							" more quotas"
+						]
+					})]
+				}) : /* @__PURE__ */ p("p", {
+					className: "text-sm text-muted-foreground",
+					children: "Enhance your subscription with additional features"
+				})
+			}),
+			/* @__PURE__ */ m("footer", {
+				className: "p-4 border-t border-border bg-muted/30 flex items-center gap-2",
+				children: [/* @__PURE__ */ p("button", {
+					onClick: i,
+					className: "flex-1 px-3 py-2 text-sm font-medium text-muted-foreground hover:text-foreground hover:bg-muted rounded-lg transition-colors text-center",
+					children: "View Details"
+				}), h && v ? /* @__PURE__ */ m("div", {
+					className: "flex items-center gap-1",
+					children: [
+						/* @__PURE__ */ p("button", {
+							onClick: y,
+							className: "p-2 text-destructive hover:bg-destructive/10 rounded-lg transition-colors",
+							title: "Remove from cart",
+							children: /* @__PURE__ */ p(d, { className: "w-4 h-4" })
+						}),
+						/* @__PURE__ */ p("button", {
+							onClick: () => v(_ - 1),
+							className: "p-2 text-foreground hover:bg-muted rounded-lg transition-colors",
+							children: /* @__PURE__ */ p(o, { className: "w-4 h-4" })
+						}),
+						/* @__PURE__ */ p("span", {
+							className: "w-8 text-center font-medium text-foreground",
+							children: _
+						}),
+						/* @__PURE__ */ p("button", {
+							onClick: () => v(_ + 1),
+							className: "p-2 text-foreground hover:bg-muted rounded-lg transition-colors",
+							children: /* @__PURE__ */ p(c, { className: "w-4 h-4" })
+						})
+					]
+				}) : /* @__PURE__ */ p("button", {
+					onClick: S,
+					disabled: b,
+					className: `flex-1 px-3 py-2 text-sm font-medium rounded-lg transition-colors text-center flex items-center justify-center gap-1.5 ${b ? "bg-status-success-bg text-primary-foreground hover:bg-status-success-bg/90" : "text-primary-foreground bg-primary hover:bg-primary/90"}`,
+					children: b ? /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p(r, { className: "w-4 h-4" }), "Added"] }) : /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p(l, { className: "w-4 h-4" }), "Add to Cart"] })
+				})]
+			})
+		]
+	});
+}, v = ({ addons: e, hasSubscription: t, onViewAddon: r, onPurchaseAddon: o, onViewAllAddons: s, onAddToCart: c, isInCart: l, getCartQuantity: d, onUpdateQuantity: f, onRemoveFromCart: g, maxAddons: v = 3, isLoading: y = !1, className: b = "" }) => {
+	let { t: x } = h(), S = (e, t) => {
+		let n = x(e);
+		return n === e ? t : n;
+	};
+	if (!t) return null;
+	let C = e.slice(0, v);
+	return y ? /* @__PURE__ */ m("section", {
+		className: `space-y-4 ${b}`,
+		children: [/* @__PURE__ */ m("header", { children: [/* @__PURE__ */ p("h3", {
+			className: "text-lg font-semibold text-foreground",
+			children: S("billing.overview.recommendedAddons", "Recommended Add-ons")
+		}), /* @__PURE__ */ p("p", {
+			className: "text-sm text-muted-foreground",
+			children: "Enhance your subscription with these popular add-ons"
+		})] }), /* @__PURE__ */ p("div", {
+			className: "flex items-center justify-center py-12",
+			children: /* @__PURE__ */ p(a, { className: "w-6 h-6 animate-spin text-muted-foreground" })
+		})]
+	}) : C.length === 0 ? null : /* @__PURE__ */ m("section", {
+		className: `space-y-4 ${b}`,
+		children: [
+			/* @__PURE__ */ m("header", {
+				className: "flex items-center justify-between",
+				children: [/* @__PURE__ */ m("div", {
+					className: "flex items-center gap-2",
+					children: [/* @__PURE__ */ p(u, { className: "w-5 h-5 text-status-warning-text" }), /* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("h3", {
+						className: "text-lg font-semibold text-foreground",
+						children: "Recommended Add-ons"
+					}), /* @__PURE__ */ p("p", {
+						className: "text-sm text-muted-foreground",
+						children: "Enhance your subscription with these popular add-ons"
+					})] })]
+				}), /* @__PURE__ */ m("button", {
+					onClick: s,
+					className: "inline-flex items-center gap-1.5 px-3 py-1.5 text-sm font-medium text-primary hover:text-primary/80 transition-colors",
+					children: ["View All", /* @__PURE__ */ p(i, { className: "w-4 h-4" })]
+				})]
+			}),
+			/* @__PURE__ */ p("div", {
+				className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4",
+				children: C.map((e) => /* @__PURE__ */ p(_, {
+					addon: e,
+					onView: () => r(e.id),
+					onPurchase: () => o(e.id),
+					onAddToCart: c ? () => c(e) : void 0,
+					isInCart: l ? l(e.id) : !1,
+					cartQuantity: d ? d(e.id) : 0,
+					onUpdateQuantity: f ? (t) => f(e.id, t) : void 0,
+					onRemoveFromCart: g ? () => g(e.id) : void 0
+				}, e.id))
+			}),
+			e.length > v && /* @__PURE__ */ p("div", {
+				className: "flex justify-center pt-2",
+				children: /* @__PURE__ */ m("button", {
+					onClick: s,
+					className: "inline-flex items-center gap-2 text-sm font-medium text-muted-foreground hover:text-foreground transition-colors",
+					children: [
+						"View all ",
+						e.length,
+						" add-ons",
+						/* @__PURE__ */ p(n, { className: "w-4 h-4" })
+					]
+				})
+			})
+		]
+	});
+};
+//#endregion
+export { v as RecommendedAddonsSection };
+
+//# sourceMappingURL=RecommendedAddonsSection.js.map

package/dist/billing/modules/dashboard/components/RecommendedAddonsSection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RecommendedAddonsSection.js","names":[],"sources":["../../../../../src/billing/modules/dashboard/components/RecommendedAddonsSection.tsx"],"sourcesContent":["/**\n * Recommended Addons Section Component\n * Displays recommended addons that users might want to purchase\n * Supports add to cart functionality\n */\n\nimport { type FC, useState, useMemo } from 'react';\nimport {\n  Package,\n  ArrowRight,\n  Sparkles,\n  ChevronRight,\n  Loader2,\n  ShoppingCart,\n  Check,\n  Plus,\n  Minus,\n  Trash2,\n} from 'lucide-react';\nimport type { Addon, PlanDuration, SubscriptionFeatures } from '../../../shared/types';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\n\n/**\n * Combined quota info for display\n */\ninterface CombinedQuota {\n  quotaId: string;\n  name: string;\n  totalValue: number;\n}\n\n/**\n * Combines duplicate quotas by quota ID and aggregates their values\n * e.g., 10 bots + 10 bots = 20 bots (shown as one feature)\n */\nfunction combineQuotas(features: SubscriptionFeatures[]): CombinedQuota[] {\n  const quotaMap = new Map<string, CombinedQuota>();\n\n  for (const feature of features) {\n    if (!feature.quota) continue;\n\n    const quotaId = feature.quota.id;\n    const limits = feature.quota.limits as { value?: number } | null;\n    const limitValue = limits?.value ?? 0;\n\n    const existing = quotaMap.get(quotaId);\n    if (existing) {\n      existing.totalValue += limitValue;\n    } else {\n      quotaMap.set(quotaId, {\n        quotaId,\n        name: feature.quota.name ?? 'Unknown Quota',\n        totalValue: limitValue,\n      });\n    }\n  }\n\n  return Array.from(quotaMap.values());\n}\n\ninterface RecommendedAddonsSectionProps {\n  addons: Addon[];\n  hasSubscription: boolean;\n  onViewAddon: (addonId: string) => void;\n  onPurchaseAddon: (addonId: string) => void;\n  onViewAllAddons: () => void;\n  /** Handler for adding addon to cart */\n  onAddToCart?: (addon: Addon) => void;\n  /** Check if addon is in cart */\n  isInCart?: (addonId: string) => boolean;\n  /** Get cart quantity for addon */\n  getCartQuantity?: (addonId: string) => number;\n  /** Update quantity in cart */\n  onUpdateQuantity?: (addonId: string, quantity: number) => void;\n  /** Remove from cart */\n  onRemoveFromCart?: (addonId: string) => void;\n  /** Maximum number of addons to show (default: 3) */\n  maxAddons?: number;\n  isLoading?: boolean;\n  className?: string;\n}\n\nconst AddonCard: FC<{\n  addon: Addon;\n  onView: () => void;\n  onPurchase: () => void;\n  onAddToCart?: () => void;\n  isInCart?: boolean;\n  cartQuantity?: number;\n  onUpdateQuantity?: (quantity: number) => void;\n  onRemoveFromCart?: () => void;\n}> = ({\n  addon,\n  onView,\n  onPurchase,\n  onAddToCart,\n  isInCart = false,\n  cartQuantity = 0,\n  onUpdateQuantity,\n  onRemoveFromCart,\n}) => {\n  const [justAdded, setJustAdded] = useState(false);\n\n  const handleAddToCart = () => {\n    if (onAddToCart) {\n      onAddToCart();\n      setJustAdded(true);\n      setTimeout(() => setJustAdded(false), 2000);\n    } else {\n      onPurchase();\n    }\n  };\n\n  const 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  const getDurationLabel = (duration: PlanDuration) => {\n    return duration === 'yearly' ? 'year' : 'month';\n  };\n\n  // Combine duplicate quotas (e.g., 10 bots + 10 bots = 20 bots)\n  const combinedQuotas = useMemo(() => {\n    const features = addon.features || [];\n    return combineQuotas(features as SubscriptionFeatures[]);\n  }, [addon.features]);\n\n  return (\n    <article className=\"flex flex-col border border-border rounded-lg bg-card overflow-hidden hover:shadow-md transition-shadow\">\n      {/* Header */}\n      <header className=\"p-4 border-b border-border\">\n        <div className=\"flex items-start justify-between gap-3\">\n          <div className=\"flex items-center gap-3\">\n            <div className=\"w-10 h-10 rounded-lg bg-status-success-bg-subtle flex items-center justify-center\">\n              <Package className=\"w-5 h-5 text-status-success-text\" />\n            </div>\n            <div>\n              <h4 className=\"font-semibold text-foreground\">{addon.name}</h4>\n              <p className=\"text-sm text-muted-foreground\">\n                {formatCurrency(addon.price, addon.currency)}/{getDurationLabel(addon.duration)}\n              </p>\n            </div>\n          </div>\n        </div>\n      </header>\n\n      {/* Body */}\n      <div className=\"p-4 flex-1\">\n        {combinedQuotas.length > 0 ? (\n          <ul className=\"space-y-2\">\n            {combinedQuotas.slice(0, 2).map((quota) => (\n              <li key={quota.quotaId} className=\"flex items-center justify-between text-sm\">\n                <div className=\"flex items-center gap-2\">\n                  <span className=\"w-1.5 h-1.5 rounded-full bg-status-success-bg\" />\n                  <span className=\"text-muted-foreground\">{quota.name}</span>\n                </div>\n                <span className=\"font-medium text-foreground\">\n                  {quota.totalValue.toLocaleString()}\n                </span>\n              </li>\n            ))}\n            {combinedQuotas.length > 2 && (\n              <li className=\"text-xs text-muted-foreground\">\n                +{combinedQuotas.length - 2} more quotas\n              </li>\n            )}\n          </ul>\n        ) : (\n          <p className=\"text-sm text-muted-foreground\">\n            Enhance your subscription with additional features\n          </p>\n        )}\n      </div>\n\n      {/* Footer */}\n      <footer className=\"p-4 border-t border-border bg-muted/30 flex items-center gap-2\">\n        <button\n          onClick={onView}\n          className=\"flex-1 px-3 py-2 text-sm font-medium text-muted-foreground hover:text-foreground hover:bg-muted rounded-lg transition-colors text-center\"\n        >\n          View Details\n        </button>\n        {isInCart && onUpdateQuantity ? (\n          // Quantity controls when in cart\n          <div className=\"flex items-center gap-1\">\n            <button\n              onClick={onRemoveFromCart}\n              className=\"p-2 text-destructive hover:bg-destructive/10 rounded-lg transition-colors\"\n              title=\"Remove from cart\"\n            >\n              <Trash2 className=\"w-4 h-4\" />\n            </button>\n            <button\n              onClick={() => onUpdateQuantity(cartQuantity - 1)}\n              className=\"p-2 text-foreground hover:bg-muted rounded-lg transition-colors\"\n            >\n              <Minus className=\"w-4 h-4\" />\n            </button>\n            <span className=\"w-8 text-center font-medium text-foreground\">{cartQuantity}</span>\n            <button\n              onClick={() => onUpdateQuantity(cartQuantity + 1)}\n              className=\"p-2 text-foreground hover:bg-muted rounded-lg transition-colors\"\n            >\n              <Plus className=\"w-4 h-4\" />\n            </button>\n          </div>\n        ) : (\n          // Add to cart button\n          <button\n            onClick={handleAddToCart}\n            disabled={justAdded}\n            className={`flex-1 px-3 py-2 text-sm font-medium rounded-lg transition-colors text-center flex items-center justify-center gap-1.5 ${\n              justAdded\n                ? 'bg-status-success-bg text-primary-foreground hover:bg-status-success-bg/90'\n                : 'text-primary-foreground bg-primary hover:bg-primary/90'\n            }`}\n          >\n            {justAdded ? (\n              <>\n                <Check className=\"w-4 h-4\" />\n                Added\n              </>\n            ) : (\n              <>\n                <ShoppingCart className=\"w-4 h-4\" />\n                Add to Cart\n              </>\n            )}\n          </button>\n        )}\n      </footer>\n    </article>\n  );\n};\n\nexport const RecommendedAddonsSection: FC<RecommendedAddonsSectionProps> = ({\n  addons,\n  hasSubscription,\n  onViewAddon,\n  onPurchaseAddon,\n  onViewAllAddons,\n  onAddToCart,\n  isInCart,\n  getCartQuantity,\n  onUpdateQuantity,\n  onRemoveFromCart,\n  maxAddons = 3,\n  isLoading = false,\n  className = '',\n}) => {\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  // Only show if user has a subscription\n  if (!hasSubscription) {\n    return null;\n  }\n\n  // Limit addons to maxAddons\n  const displayAddons = addons.slice(0, maxAddons);\n\n  if (isLoading) {\n    return (\n      <section className={`space-y-4 ${className}`}>\n        <header>\n          <h3 className=\"text-lg font-semibold text-foreground\">\n            {tr('billing.overview.recommendedAddons', 'Recommended Add-ons')}\n          </h3>\n          <p className=\"text-sm text-muted-foreground\">\n            Enhance your subscription with these popular add-ons\n          </p>\n        </header>\n        <div className=\"flex items-center justify-center py-12\">\n          <Loader2 className=\"w-6 h-6 animate-spin text-muted-foreground\" />\n        </div>\n      </section>\n    );\n  }\n\n  if (displayAddons.length === 0) {\n    return null;\n  }\n\n  return (\n    <section className={`space-y-4 ${className}`}>\n      {/* Header */}\n      <header className=\"flex items-center justify-between\">\n        <div className=\"flex items-center gap-2\">\n          <Sparkles className=\"w-5 h-5 text-status-warning-text\" />\n          <div>\n            <h3 className=\"text-lg font-semibold text-foreground\">Recommended Add-ons</h3>\n            <p className=\"text-sm text-muted-foreground\">\n              Enhance your subscription with these popular add-ons\n            </p>\n          </div>\n        </div>\n        <button\n          onClick={onViewAllAddons}\n          className=\"inline-flex items-center gap-1.5 px-3 py-1.5 text-sm font-medium text-primary hover:text-primary/80 transition-colors\"\n        >\n          View All\n          <ChevronRight className=\"w-4 h-4\" />\n        </button>\n      </header>\n\n      {/* Addons Grid - Limited to maxAddons */}\n      <div className=\"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4\">\n        {displayAddons.map((addon) => (\n          <AddonCard\n            key={addon.id}\n            addon={addon}\n            onView={() => onViewAddon(addon.id)}\n            onPurchase={() => onPurchaseAddon(addon.id)}\n            onAddToCart={onAddToCart ? () => onAddToCart(addon) : undefined}\n            isInCart={isInCart ? isInCart(addon.id) : false}\n            cartQuantity={getCartQuantity ? getCartQuantity(addon.id) : 0}\n            onUpdateQuantity={\n              onUpdateQuantity ? (qty) => onUpdateQuantity(addon.id, qty) : undefined\n            }\n            onRemoveFromCart={onRemoveFromCart ? () => onRemoveFromCart(addon.id) : undefined}\n          />\n        ))}\n      </div>\n\n      {/* See More Link - show if there are more addons */}\n      {addons.length > maxAddons && (\n        <div className=\"flex justify-center pt-2\">\n          <button\n            onClick={onViewAllAddons}\n            className=\"inline-flex items-center gap-2 text-sm font-medium text-muted-foreground hover:text-foreground transition-colors\"\n          >\n            View all {addons.length} add-ons\n            <ArrowRight className=\"w-4 h-4\" />\n          </button>\n        </div>\n      )}\n    </section>\n  );\n};\n"],"mappings":"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"}

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

@@ -0,0 +1,10 @@
+/**
+ * Dashboard Module - Components Exports
+ */
+export { BillingAccountCard } from './BillingAccountCard';
+export { PaymentMethodsSection } from './PaymentMethodsSection';
+export { ActiveSubscriptionCard } from './ActiveSubscriptionCard';
+export { RecommendedAddonsSection } from './RecommendedAddonsSection';
+export { CreateBillingAccountModal } from './CreateBillingAccountModal';
+export { AddPaymentMethodModal } from './AddPaymentMethodModal';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/billing/modules/dashboard/components/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AACtE,OAAO,EAAE,yBAAyB,EAAE,MAAM,6BAA6B,CAAC;AACxE,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC"}

package/dist/billing/modules/dashboard/components/index.js

@@ -0,0 +1,6 @@
+import "./BillingAccountCard.js";
+import "./PaymentMethodsSection.js";
+import "./ActiveSubscriptionCard.js";
+import "./RecommendedAddonsSection.js";
+import "./CreateBillingAccountModal.js";
+import "./AddPaymentMethodModal.js";

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

@@ -0,0 +1,6 @@
+/**
+ * Dashboard Module - Hooks Exports
+ */
+export * from './useDashboard';
+export * from './useBillingOverviewData';
+//# sourceMappingURL=index.d.ts.map

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

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

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

@@ -0,0 +1,2 @@
+import "./useDashboard.js";
+import "./useBillingOverviewData.js";

package/dist/billing/modules/dashboard/hooks/useBillingOverviewData.d.ts

@@ -0,0 +1,17 @@
+import { Addon, BillingAccount, BillingAddress, BillingSubscription, PaymentMethod } from '../../../shared/types';
+
+interface BillingOverviewDataResult {
+    billingAccounts: BillingAccount[];
+    currentAccount: BillingAccount | null;
+    paymentMethods: PaymentMethod[];
+    billingAddresses: BillingAddress[];
+    activeSubscriptions: BillingSubscription[];
+    hasActiveSubscription: boolean;
+    recommendedAddons: Addon[];
+    isLoading: boolean;
+    error: Error | undefined;
+    refetchAll: () => Promise<void>;
+}
+export declare function useBillingOverviewData(selectedAccountId?: string | null, productId?: string | null): BillingOverviewDataResult;
+export {};
+//# sourceMappingURL=useBillingOverviewData.d.ts.map

package/dist/billing/modules/dashboard/hooks/useBillingOverviewData.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useBillingOverviewData.d.ts","sourceRoot":"","sources":["../../../../../src/billing/modules/dashboard/hooks/useBillingOverviewData.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EACV,KAAK,EACL,cAAc,EACd,cAAc,EACd,mBAAmB,EACnB,aAAa,EACd,MAAM,uBAAuB,CAAC;AAE/B,UAAU,yBAAyB;IACjC,eAAe,EAAE,cAAc,EAAE,CAAC;IAClC,cAAc,EAAE,cAAc,GAAG,IAAI,CAAC;IACtC,cAAc,EAAE,aAAa,EAAE,CAAC;IAChC,gBAAgB,EAAE,cAAc,EAAE,CAAC;IACnC,mBAAmB,EAAE,mBAAmB,EAAE,CAAC;IAC3C,qBAAqB,EAAE,OAAO,CAAC;IAC/B,iBAAiB,EAAE,KAAK,EAAE,CAAC;IAC3B,SAAS,EAAE,OAAO,CAAC;IACnB,KAAK,EAAE,KAAK,GAAG,SAAS,CAAC;IACzB,UAAU,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;CACjC;AAID,wBAAgB,sBAAsB,CACpC,iBAAiB,CAAC,EAAE,MAAM,GAAG,IAAI,EACjC,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,GACxB,yBAAyB,CAiG3B"}

package/dist/billing/modules/dashboard/hooks/useBillingOverviewData.js

@@ -0,0 +1,42 @@
+import { useGetBillingOverviewAccountQuery as e, useGetBillingOverviewQuery as t } from "../../../../generated/global-operations.js";
+import { useCallback as n, useMemo as r } from "react";
+//#region src/billing/modules/dashboard/hooks/useBillingOverviewData.ts
+function i(i, a) {
+	let { data: o, loading: s, error: c, refetch: l } = t({
+		variables: a ? { addonsFilter: { productId: a } } : void 0,
+		fetchPolicy: "cache-first",
+		nextFetchPolicy: "cache-first"
+	}), u = o?.getDefaultBillingAccount ?? null, d = !!(i && u?.id && i !== u.id), { data: f, loading: p, error: m, refetch: h } = e({
+		variables: { id: i ?? "" },
+		skip: !d,
+		fetchPolicy: "cache-first",
+		nextFetchPolicy: "cache-first"
+	}), g = r(() => o?.getBillingAccountsByOrg ?? [], [o?.getBillingAccountsByOrg]), _ = r(() => d ? f?.getBillingAccount ?? null : u, [
+		u,
+		f?.getBillingAccount,
+		d
+	]), v = r(() => (_?.paymentMethods ?? []).filter(Boolean), [_?.paymentMethods]), y = r(() => (_?.billingAddresses ?? []).filter(Boolean), [_?.billingAddresses]), b = r(() => (_?.subscriptions ?? []).filter((e) => !e || e.status !== "active" ? !1 : a ? e.plan?.productID === a : !0).sort((e, t) => new Date(t.createdAt).getTime() - new Date(e.createdAt).getTime()), [_?.subscriptions, a]), x = r(() => (o?.getAllAddOns ?? []).filter((e) => e ? e.isActive ?? !1 : !1).slice(0, 3), [o?.getAllAddOns]), S = n(async () => {
+		await l(), d && await h({ id: i ?? "" });
+	}, [
+		l,
+		h,
+		i,
+		d
+	]);
+	return {
+		billingAccounts: g,
+		currentAccount: _,
+		paymentMethods: v,
+		billingAddresses: y,
+		activeSubscriptions: b,
+		hasActiveSubscription: b.length > 0,
+		recommendedAddons: x,
+		isLoading: s || p,
+		error: c || m,
+		refetchAll: S
+	};
+}
+//#endregion
+export { i as useBillingOverviewData };
+
+//# sourceMappingURL=useBillingOverviewData.js.map

package/dist/billing/modules/dashboard/hooks/useBillingOverviewData.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useBillingOverviewData.js","names":[],"sources":["../../../../../src/billing/modules/dashboard/hooks/useBillingOverviewData.ts"],"sourcesContent":["import { useCallback, useMemo } from 'react';\nimport {\n  type GetBillingOverviewQuery,\n  useGetBillingOverviewAccountQuery,\n  useGetBillingOverviewQuery,\n} from '../../../../generated/global-operations';\nimport type {\n  Addon,\n  BillingAccount,\n  BillingAddress,\n  BillingSubscription,\n  PaymentMethod,\n} from '../../../shared/types';\n\ninterface BillingOverviewDataResult {\n  billingAccounts: BillingAccount[];\n  currentAccount: BillingAccount | null;\n  paymentMethods: PaymentMethod[];\n  billingAddresses: BillingAddress[];\n  activeSubscriptions: BillingSubscription[];\n  hasActiveSubscription: boolean;\n  recommendedAddons: Addon[];\n  isLoading: boolean;\n  error: Error | undefined;\n  refetchAll: () => Promise<void>;\n}\n\ntype OverviewAddon = GetBillingOverviewQuery['getAllAddOns'][number];\n\nexport function useBillingOverviewData(\n  selectedAccountId?: string | null,\n  productId?: string | null\n): BillingOverviewDataResult {\n  const {\n    data: overviewData,\n    loading: overviewLoading,\n    error: overviewError,\n    refetch: refetchOverview,\n  } = useGetBillingOverviewQuery({\n    variables: productId ? { addonsFilter: { productId } } : undefined,\n    fetchPolicy: 'cache-first',\n    nextFetchPolicy: 'cache-first',\n  });\n\n  const defaultAccount = overviewData?.getDefaultBillingAccount ?? null;\n  const shouldLoadSelectedAccount = Boolean(\n    selectedAccountId && defaultAccount?.id && selectedAccountId !== defaultAccount.id\n  );\n\n  const {\n    data: selectedAccountData,\n    loading: selectedAccountLoading,\n    error: selectedAccountError,\n    refetch: refetchSelectedAccount,\n  } = useGetBillingOverviewAccountQuery({\n    variables: { id: selectedAccountId ?? '' },\n    skip: !shouldLoadSelectedAccount,\n    fetchPolicy: 'cache-first',\n    nextFetchPolicy: 'cache-first',\n  });\n\n  const billingAccounts = useMemo<BillingAccount[]>(() => {\n    return overviewData?.getBillingAccountsByOrg ?? [];\n  }, [overviewData?.getBillingAccountsByOrg]);\n\n  const currentAccount = useMemo<BillingAccount | null>(() => {\n    if (shouldLoadSelectedAccount) {\n      return selectedAccountData?.getBillingAccount ?? null;\n    }\n\n    return defaultAccount;\n  }, [defaultAccount, selectedAccountData?.getBillingAccount, shouldLoadSelectedAccount]);\n\n  const paymentMethods = useMemo<PaymentMethod[]>(() => {\n    return (currentAccount?.paymentMethods ?? []).filter(Boolean) as PaymentMethod[];\n  }, [currentAccount?.paymentMethods]);\n\n  const billingAddresses = useMemo<BillingAddress[]>(() => {\n    return (currentAccount?.billingAddresses ?? []).filter(Boolean) as BillingAddress[];\n  }, [currentAccount?.billingAddresses]);\n\n  const activeSubscriptions = useMemo<BillingSubscription[]>(() => {\n    return (\n      (currentAccount?.subscriptions ?? []).filter(\n        (subscription): subscription is BillingSubscription => {\n          if (!subscription || subscription.status !== 'active') return false;\n          if (productId) return subscription.plan?.productID === productId;\n          return true;\n        }\n      ) as BillingSubscription[]\n    ).sort(\n      (left, right) => new Date(right.createdAt).getTime() - new Date(left.createdAt).getTime()\n    );\n  }, [currentAccount?.subscriptions, productId]);\n\n  const recommendedAddons = useMemo<Addon[]>(() => {\n    return (\n      (overviewData?.getAllAddOns ?? []).filter(\n        (addon: OverviewAddon | null): addon is OverviewAddon => {\n          if (!addon) {\n            return false;\n          }\n\n          return addon.isActive ?? false;\n        }\n      ) as Addon[]\n    ).slice(0, 3);\n  }, [overviewData?.getAllAddOns]);\n\n  const refetchAll = useCallback(async () => {\n    await refetchOverview();\n\n    if (shouldLoadSelectedAccount) {\n      await refetchSelectedAccount({ id: selectedAccountId ?? '' });\n    }\n  }, [refetchOverview, refetchSelectedAccount, selectedAccountId, shouldLoadSelectedAccount]);\n\n  return {\n    billingAccounts,\n    currentAccount,\n    paymentMethods,\n    billingAddresses,\n    activeSubscriptions,\n    hasActiveSubscription: activeSubscriptions.length > 0,\n    recommendedAddons,\n    isLoading: overviewLoading || selectedAccountLoading,\n    error: (overviewError || selectedAccountError) as Error | undefined,\n    refetchAll,\n  };\n}\n"],"mappings":";;;AA6BA,SAAgB,EACd,GACA,GAC2B;CAC3B,IAAM,EACJ,MAAM,GACN,SAAS,GACT,OAAO,GACP,SAAS,MACP,EAA2B;EAC7B,WAAW,IAAY,EAAE,cAAc,EAAE,cAAW,EAAE,GAAG,KAAA;EACzD,aAAa;EACb,iBAAiB;EAClB,CAAC,EAEI,IAAiB,GAAc,4BAA4B,MAC3D,IAA4B,GAChC,KAAqB,GAAgB,MAAM,MAAsB,EAAe,KAG5E,EACJ,MAAM,GACN,SAAS,GACT,OAAO,GACP,SAAS,MACP,EAAkC;EACpC,WAAW,EAAE,IAAI,KAAqB,IAAI;EAC1C,MAAM,CAAC;EACP,aAAa;EACb,iBAAiB;EAClB,CAAC,EAEI,IAAkB,QACf,GAAc,2BAA2B,EAAE,EACjD,CAAC,GAAc,wBAAwB,CAAC,EAErC,IAAiB,QACjB,IACK,GAAqB,qBAAqB,OAG5C,GACN;EAAC;EAAgB,GAAqB;EAAmB;EAA0B,CAAC,EAEjF,IAAiB,SACb,GAAgB,kBAAkB,EAAE,EAAE,OAAO,QAAQ,EAC5D,CAAC,GAAgB,eAAe,CAAC,EAE9B,IAAmB,SACf,GAAgB,oBAAoB,EAAE,EAAE,OAAO,QAAQ,EAC9D,CAAC,GAAgB,iBAAiB,CAAC,EAEhC,IAAsB,SAEvB,GAAgB,iBAAiB,EAAE,EAAE,QACnC,MACK,CAAC,KAAgB,EAAa,WAAW,WAAiB,KAC1D,IAAkB,EAAa,MAAM,cAAc,IAChD,GAEV,CACD,MACC,GAAM,MAAU,IAAI,KAAK,EAAM,UAAU,CAAC,SAAS,GAAG,IAAI,KAAK,EAAK,UAAU,CAAC,SAAS,CAC1F,EACA,CAAC,GAAgB,eAAe,EAAU,CAAC,EAExC,IAAoB,SAErB,GAAc,gBAAgB,EAAE,EAAE,QAChC,MACM,IAIE,EAAM,YAAY,KAHhB,GAKZ,CACD,MAAM,GAAG,EAAE,EACZ,CAAC,GAAc,aAAa,CAAC,EAE1B,IAAa,EAAY,YAAY;AAGzC,EAFA,MAAM,GAAiB,EAEnB,KACF,MAAM,EAAuB,EAAE,IAAI,KAAqB,IAAI,CAAC;IAE9D;EAAC;EAAiB;EAAwB;EAAmB;EAA0B,CAAC;AAE3F,QAAO;EACL;EACA;EACA;EACA;EACA;EACA,uBAAuB,EAAoB,SAAS;EACpD;EACA,WAAW,KAAmB;EAC9B,OAAQ,KAAiB;EACzB;EACD"}

package/dist/billing/modules/dashboard/hooks/useDashboard.d.ts

@@ -0,0 +1,145 @@
+import { BillingAccount, BillingSubscription, PaymentMethod, BillingAddress, CreditTransaction, Addon, Plan, CreateBillingAccountInput, UpdateBillingAccountInput, CreatePaymentMethodInput, SetBillingAddressInput, InitiatePaymentInput, InitiatePaymentResponse, SpendCreditsInput, VerifyPaymentMethodInput, VerifyPaymentMethodResponse } from '../../../shared/types';
+
+interface UseBillingAccountsResult {
+    billingAccounts: BillingAccount[];
+    isLoading: boolean;
+    error: Error | undefined;
+    refetch: () => Promise<void>;
+}
+interface UseDashboardAccountResult {
+    billingAccount: BillingAccount | null;
+    paymentMethods: PaymentMethod[];
+    billingAddresses: BillingAddress[];
+    activeSubscriptions: BillingSubscription[];
+    hasActiveSubscription: boolean;
+    isLoading: boolean;
+    error: Error | undefined;
+    refetch: () => Promise<void>;
+}
+interface UseActiveSubscriptionsResult {
+    activeSubscriptions: BillingSubscription[];
+    hasActiveSubscription: boolean;
+    isLoading: boolean;
+    error: Error | undefined;
+    refetch: () => Promise<void>;
+}
+interface UsePaymentMethodsResult {
+    paymentMethods: PaymentMethod[];
+    defaultPaymentMethod: PaymentMethod | null;
+    isLoading: boolean;
+    error: Error | undefined;
+    refetch: () => Promise<void>;
+}
+interface UseCreditTransactionsResult {
+    creditTransactions: CreditTransaction[];
+    totalCount: number;
+    hasMore: boolean;
+    isLoading: boolean;
+    error: Error | undefined;
+    refetch: () => Promise<void>;
+}
+interface UseRecommendedAddonsResult {
+    addons: Addon[];
+    recommendedAddons: Addon[];
+    isLoading: boolean;
+    error: Error | undefined;
+}
+interface UseAvailablePlansResult {
+    plans: Plan[];
+    activePlans: Plan[];
+    isLoading: boolean;
+    error: Error | undefined;
+}
+interface UseDashboardMutationsResult {
+    createBillingAccount: (input: CreateBillingAccountInput) => Promise<BillingAccount>;
+    updateBillingAccount: (input: UpdateBillingAccountInput) => Promise<BillingAccount>;
+    setDefaultBillingAccount: (id: string) => Promise<BillingAccount>;
+    isCreatingAccount: boolean;
+    isUpdatingAccount: boolean;
+    isSettingDefaultAccount: boolean;
+    addPaymentMethod: (input: CreatePaymentMethodInput) => Promise<PaymentMethod>;
+    setDefaultPaymentMethod: (id: string, billingAccountId: string) => Promise<PaymentMethod>;
+    deletePaymentMethod: (id: string, billingAccountId: string) => Promise<boolean>;
+    isAddingPaymentMethod: boolean;
+    isUpdatingPaymentMethod: boolean;
+    isDeletingPaymentMethod: boolean;
+    setBillingAddress: (input: SetBillingAddressInput) => Promise<BillingAddress>;
+    isSettingAddress: boolean;
+    initiatePayment: (input: InitiatePaymentInput) => Promise<InitiatePaymentResponse>;
+    spendCredits: (input: SpendCreditsInput) => Promise<{
+        creditTransactionID: string;
+    }>;
+    verifyPaymentMethod: (input: VerifyPaymentMethodInput) => Promise<VerifyPaymentMethodResponse>;
+    isInitiatingPayment: boolean;
+    isSpendingCredits: boolean;
+    isVerifyingPaymentMethod: boolean;
+}
+interface PaymentProviderConfig {
+    stripeEnabled: boolean;
+    stripePublishableKey: string | null;
+    razorpayEnabled: boolean;
+    razorpayKeyId: string | null;
+}
+interface UsePaymentProviderConfigResult {
+    config: PaymentProviderConfig | null;
+    stripeEnabled: boolean;
+    stripePublishableKey: string | null;
+    razorpayEnabled: boolean;
+    razorpayKeyId: string | null;
+    isLoading: boolean;
+    error: Error | undefined;
+}
+/**
+ * Hook for fetching payment provider configuration from backend
+ * @param skip - Skip the query (useful for modals that only need data when open)
+ */
+export declare function usePaymentProviderConfig(skip?: boolean): UsePaymentProviderConfigResult;
+/**
+ * Hook for fetching all billing accounts for an org
+ */
+export declare function useBillingAccounts(): UseBillingAccountsResult;
+/**
+ * Hook for fetching active subscriptions for a billing account (optimized - only active status)
+ */
+export declare function useActiveSubscriptions(billingAccountId: string | undefined): UseActiveSubscriptionsResult;
+/**
+ * Hook for fetching default billing account with dashboard details
+ * Note: Subscriptions are NOT included - use useActiveSubscriptions separately
+ */
+export declare function useDefaultDashboardAccount(): Omit<UseDashboardAccountResult, 'activeSubscriptions' | 'hasActiveSubscription'>;
+/**
+ * Hook for fetching billing account by ID with dashboard details
+ * Note: Subscriptions are NOT included - use useActiveSubscriptions separately
+ */
+export declare function useDashboardAccount(id: string | undefined): Omit<UseDashboardAccountResult, 'activeSubscriptions' | 'hasActiveSubscription'>;
+/**
+ * Hook for fetching payment methods for a billing account
+ */
+export declare function usePaymentMethods(billingAccountId: string | undefined): UsePaymentMethodsResult;
+/**
+ * Hook for fetching billing address
+ */
+export declare function useBillingAddress(billingAccountId: string | undefined): {
+    billingAddress: any;
+    isLoading: boolean;
+    error: Error | undefined;
+    refetch: () => Promise<void>;
+};
+/**
+ * Hook for fetching credit transactions summary
+ */
+export declare function useCreditTransactionsSummary(billingAccountId: string | undefined, days?: number, page?: number, pageSize?: number): UseCreditTransactionsResult;
+/**
+ * Hook for fetching recommended addons (limited to 3 at backend level)
+ */
+export declare function useRecommendedAddons(): UseRecommendedAddonsResult;
+/**
+ * Hook for fetching available plans
+ */
+export declare function useAvailablePlans(): UseAvailablePlansResult;
+/**
+ * Hook for dashboard mutations
+ */
+export declare function useDashboardMutations(): UseDashboardMutationsResult;
+export {};
+//# sourceMappingURL=useDashboard.d.ts.map

package/dist/billing/modules/dashboard/hooks/useDashboard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDashboard.d.ts","sourceRoot":"","sources":["../../../../../src/billing/modules/dashboard/hooks/useDashboard.ts"],"names":[],"mappings":"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"}

package/dist/billing/modules/dashboard/hooks/useDashboard.js

@@ -0,0 +1,118 @@
+import { GetBillingAccountsByOrgDocument as e, GetBillingAddressDocument as t, GetCreditTransactionsSummaryDocument as n, GetDefaultBillingAccountDashboardDocument as r, useAddPaymentMethodDashboardMutation as i, useCreateBillingAccountMutation as a, useDeletePaymentMethodDashboardMutation as o, useGetDefaultBillingAccountDashboardQuery as s, useGetPaymentProviderConfigQuery as c, useInitiatePaymentMutation as l, useSetBillingAddressMutation as u, useSetDefaultBillingAccountMutation as d, useSpendCreditsMutation as f, useUpdateBillingAccountMutation as p, useUpdatePaymentMethodDashboardMutation as m, useVerifyPaymentMethodMutation as h } from "../../../../generated/global-operations.js";
+import { useCallback as g } from "react";
+import { useApolloClient as _ } from "@apollo/client/react";
+//#region src/billing/modules/dashboard/hooks/useDashboard.ts
+function v(e = !1) {
+	let { data: t, loading: n, error: r } = c({
+		fetchPolicy: "cache-first",
+		skip: e
+	}), i = t?.getPaymentProviderConfig || null;
+	return {
+		config: i,
+		stripeEnabled: i?.stripeEnabled ?? !1,
+		stripePublishableKey: i?.stripePublishableKey ?? null,
+		razorpayEnabled: i?.razorpayEnabled ?? !1,
+		razorpayKeyId: i?.razorpayKeyId ?? null,
+		isLoading: e ? !1 : n,
+		error: r
+	};
+}
+function y() {
+	let { data: e, loading: t, error: n, refetch: r } = s({ fetchPolicy: "cache-and-network" }), i = g(async () => {
+		await r();
+	}, [r]), a = e?.getDefaultBillingAccount || null;
+	return {
+		billingAccount: a,
+		paymentMethods: (a?.paymentMethods || []).filter(Boolean),
+		billingAddresses: (a?.billingAddresses || []).filter(Boolean),
+		isLoading: t,
+		error: n,
+		refetch: i
+	};
+}
+function b() {
+	let s = _(), [c, { loading: v }] = a(), [y, { loading: b }] = p(), [x, { loading: S }] = d(), [C, { loading: w }] = i(), [T, { loading: E }] = m(), [D, { loading: O }] = o(), [k, { loading: A }] = u(), [j, { loading: M }] = l(), [N, { loading: P }] = f(), [F, { loading: I }] = h();
+	return {
+		createBillingAccount: g(async (t) => {
+			let { data: n, error: i } = await c({ variables: { input: t } });
+			if (i) throw Error(i.message ?? "Failed to create billing account");
+			if (!n?.createBillingAccount) throw Error("Failed to create billing account: no data returned");
+			return await s.refetchQueries({ include: [e, r] }), n.createBillingAccount;
+		}, [c, s]),
+		updateBillingAccount: g(async (e) => {
+			let { data: t, error: n } = await y({ variables: { input: e } });
+			if (n) throw Error(n.message ?? "Failed to update billing account");
+			if (!t?.updateBillingAccount) throw Error("Failed to update billing account: no data returned");
+			return await s.refetchQueries({ include: [r] }), t.updateBillingAccount;
+		}, [y, s]),
+		setDefaultBillingAccount: g(async (t) => {
+			let { data: n, error: i } = await x({ variables: { id: t } });
+			if (i) throw Error(i.message ?? "Failed to set default billing account");
+			if (!n?.setDefaultBillingAccount) throw Error("Failed to set default billing account: no data returned");
+			return await s.refetchQueries({ include: [e, r] }), n.setDefaultBillingAccount;
+		}, [x, s]),
+		isCreatingAccount: v,
+		isUpdatingAccount: b,
+		isSettingDefaultAccount: S,
+		addPaymentMethod: g(async (e) => {
+			let { data: t, error: n } = await C({ variables: { input: e } });
+			if (n) throw Error(n.message ?? "Failed to add payment method");
+			if (!t?.addPaymentMethod) throw Error("Failed to add payment method: no data returned");
+			return t.addPaymentMethod;
+		}, [C]),
+		setDefaultPaymentMethod: g(async (e, t) => {
+			let { data: n, error: r } = await T({ variables: {
+				id: e,
+				isDefault: !0,
+				billingAccountId: t
+			} });
+			if (r) throw Error(r.message ?? "Failed to update payment method");
+			if (!n?.updatePaymentMethod) throw Error("Failed to update payment method: no data returned");
+			return n.updatePaymentMethod;
+		}, [T]),
+		deletePaymentMethod: g(async (e, t) => {
+			let { data: n, error: r } = await D({ variables: {
+				id: e,
+				billingAccountId: t
+			} });
+			if (r) throw Error(r.message ?? "Failed to delete payment method");
+			if (!n) throw Error("Failed to delete payment method: no data returned");
+			return n.deletePaymentMethod;
+		}, [D]),
+		isAddingPaymentMethod: w,
+		isUpdatingPaymentMethod: E,
+		isDeletingPaymentMethod: O,
+		setBillingAddress: g(async (e) => {
+			let { data: n, error: i } = await k({ variables: { input: e } });
+			if (i) throw Error(i.message ?? "Failed to set billing address");
+			if (!n?.setBillingAddress) throw Error("Failed to set billing address: no data returned");
+			return await s.refetchQueries({ include: [t, r] }), n.setBillingAddress;
+		}, [k, s]),
+		isSettingAddress: A,
+		initiatePayment: g(async (e) => {
+			let { data: t, error: n } = await j({ variables: { input: e } });
+			if (n) throw Error(n.message ?? "Failed to initiate payment");
+			if (!t?.initiatePayment) throw Error("Failed to initiate payment: no data returned");
+			return t.initiatePayment;
+		}, [j]),
+		spendCredits: g(async (e) => {
+			let { data: t, error: i } = await N({ variables: { input: e } });
+			if (i) throw Error(i.message ?? "Failed to spend credits");
+			if (!t?.spendCredits) throw Error("Failed to spend credits: no data returned");
+			return await s.refetchQueries({ include: [r, n] }), t.spendCredits;
+		}, [N, s]),
+		verifyPaymentMethod: g(async (e) => {
+			let { data: t, error: n } = await F({ variables: { input: e } });
+			if (n) throw Error(n.message ?? "Failed to verify payment method");
+			if (!t?.verifyBillingPaymentMethod) throw Error("Failed to verify payment method: no data returned");
+			return t.verifyBillingPaymentMethod;
+		}, [F]),
+		isInitiatingPayment: M,
+		isSpendingCredits: P,
+		isVerifyingPaymentMethod: I
+	};
+}
+//#endregion
+export { b as useDashboardMutations, y as useDefaultDashboardAccount, v as usePaymentProviderConfig };
+
+//# sourceMappingURL=useDashboard.js.map