@burdenoff/microfe-billing 2026.510.114

package/dist/billing/modules/coupons/pages/EditCouponPage.js

@@ -0,0 +1,379 @@
+import { AccessDenied as e } from "../../../shared/components/AccessDenied.js";
+import { PageHeader as t } from "../../../shared/components/PageHeader.js";
+import "../../../shared/components/index.js";
+import { useBillingPermissions as n } from "../../../hooks/useBillingPermissions.js";
+import { useGetCouponLazyQuery as r, useUpdateCouponMutation as i } from "../../../../generated/global-operations.js";
+import { useBillingNavigate as a } from "../../../hooks/useBillingNavigate.js";
+import { CouponStatus as o } from "../../../../generated/global-types.js";
+import { useEffect as s, useState as c } from "react";
+import { AlertCircle as l, ArrowLeft as u, CheckCircle as d, Save as f } from "lucide-react";
+import { 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/coupons/pages/EditCouponPage.tsx
+var g = () => {
+	let { t: g } = h(), _ = (e, t) => {
+		let n = g(e);
+		return n === e ? t : n;
+	}, v = a(), y = n(), b = window.location.pathname.split("/").slice(-2)[0], [x, { data: S, loading: C, error: w }] = r(), [T, { loading: E }] = i(), [D, O] = c({
+		name: "",
+		description: "",
+		status: o.Active,
+		maxTotalUses: "",
+		maxUsesPerUser: "",
+		validUntil: ""
+	}), [k, A] = c({}), [j, M] = c(""), [N, P] = c(!1);
+	if (s(() => {
+		b && x({ variables: { id: b } });
+	}, [b, x]), s(() => {
+		if (S?.getCoupon) {
+			let e = S.getCoupon;
+			O({
+				name: e.name,
+				description: e.description || "",
+				status: e.status,
+				maxTotalUses: e.maxTotalUses?.toString() || "",
+				maxUsesPerUser: e.maxUsesPerUser.toString(),
+				validUntil: e.validUntil ? new Date(e.validUntil).toISOString().split("T")[0] : ""
+			});
+		}
+	}, [S]), !y.canManageDiscounts) return /* @__PURE__ */ p(e, { message: "You don't have permission to manage coupons." });
+	let F = (e, t) => {
+		O((n) => ({
+			...n,
+			[e]: t
+		})), k[e] && A((t) => ({
+			...t,
+			[e]: ""
+		}));
+	}, I = () => {
+		let e = {};
+		return D.name.trim() || (e.name = "Name is required"), D.maxTotalUses && parseInt(D.maxTotalUses) < 1 && (e.maxTotalUses = "Must be at least 1"), D.maxUsesPerUser && parseInt(D.maxUsesPerUser) < 1 && (e.maxUsesPerUser = "Must be at least 1"), A(e), Object.keys(e).length === 0;
+	}, L = async (e) => {
+		if (e.preventDefault(), M(""), P(!1), I()) {
+			if (!b) {
+				M("Coupon ID is missing");
+				return;
+			}
+			try {
+				let e = {};
+				D.name.trim() && (e.name = D.name.trim()), D.description.trim() && (e.description = D.description.trim()), D.status && (e.status = D.status), D.maxTotalUses && (e.maxTotalUses = parseInt(D.maxTotalUses)), D.maxUsesPerUser && (e.maxUsesPerUser = parseInt(D.maxUsesPerUser)), D.validUntil && (e.validUntil = new Date(D.validUntil).toISOString()), await T({ variables: {
+					id: b,
+					input: e
+				} }), P(!0), setTimeout(() => {
+					v("/coupons");
+				}, 1500);
+			} catch (e) {
+				console.error("Failed to update coupon:", e), M(e instanceof Error ? e.message : "Failed to update coupon");
+			}
+		}
+	};
+	if (C) return /* @__PURE__ */ m("div", {
+		className: "p-8",
+		children: [/* @__PURE__ */ p(t, {
+			title: _("billing.coupons.editTitle", "Edit Coupon"),
+			description: "Loading coupon data...",
+			actions: /* @__PURE__ */ m("button", {
+				onClick: () => v("/coupons"),
+				className: "px-4 py-2 rounded-lg border border-border text-foreground hover:bg-muted flex items-center gap-2",
+				children: [/* @__PURE__ */ p(u, { className: "h-4 w-4" }), "Back"]
+			})
+		}), /* @__PURE__ */ p("div", {
+			className: "flex items-center justify-center h-64",
+			children: /* @__PURE__ */ p("div", {
+				className: "text-muted-foreground",
+				children: "Loading coupon..."
+			})
+		})]
+	});
+	if (w || !S?.getCoupon) return /* @__PURE__ */ m("div", {
+		className: "p-8",
+		children: [/* @__PURE__ */ p(t, {
+			title: "Edit Coupon",
+			description: "Coupon not found",
+			actions: /* @__PURE__ */ m("button", {
+				onClick: () => v("/coupons"),
+				className: "px-4 py-2 rounded-lg border border-border text-foreground hover:bg-muted flex items-center gap-2",
+				children: [/* @__PURE__ */ p(u, { className: "h-4 w-4" }), "Back"]
+			})
+		}), /* @__PURE__ */ p("div", {
+			className: "flex items-center justify-center h-64",
+			children: /* @__PURE__ */ p("div", {
+				className: "text-destructive",
+				children: w ? `Error: ${w.message}` : "Coupon not found"
+			})
+		})]
+	});
+	let R = S.getCoupon;
+	return /* @__PURE__ */ m("div", {
+		className: "p-8",
+		children: [/* @__PURE__ */ p(t, {
+			title: "Edit Coupon",
+			description: `Editing: ${R.code}`,
+			actions: /* @__PURE__ */ m("button", {
+				onClick: () => v("/coupons"),
+				className: "px-4 py-2 rounded-lg border border-border text-foreground hover:bg-muted flex items-center gap-2",
+				children: [/* @__PURE__ */ p(u, { className: "h-4 w-4" }), "Back to Coupons"]
+			})
+		}), /* @__PURE__ */ p("div", {
+			className: "max-w-3xl mx-auto mt-8",
+			children: /* @__PURE__ */ m("form", {
+				onSubmit: L,
+				className: "space-y-6",
+				children: [
+					/* @__PURE__ */ m("div", {
+						className: "bg-muted/30 border border-border rounded-lg p-6",
+						children: [/* @__PURE__ */ p("h3", {
+							className: "text-lg font-semibold text-foreground mb-4",
+							children: "Coupon Details (Read-Only)"
+						}), /* @__PURE__ */ m("div", {
+							className: "grid grid-cols-2 gap-4 text-sm",
+							children: [
+								/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("span", {
+									className: "text-muted-foreground",
+									children: "Code:"
+								}), /* @__PURE__ */ p("span", {
+									className: "ml-2 font-mono font-medium text-foreground",
+									children: R.code
+								})] }),
+								/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("span", {
+									className: "text-muted-foreground",
+									children: "Type:"
+								}), /* @__PURE__ */ p("span", {
+									className: "ml-2 text-foreground capitalize",
+									children: R.type.replace("_", " ").toLowerCase()
+								})] }),
+								/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("span", {
+									className: "text-muted-foreground",
+									children: "Value:"
+								}), /* @__PURE__ */ p("span", {
+									className: "ml-2 text-foreground",
+									children: R.type === "PERCENTAGE" ? `${R.value}%` : `$${R.value}`
+								})] }),
+								/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("span", {
+									className: "text-muted-foreground",
+									children: "Scope:"
+								}), /* @__PURE__ */ p("span", {
+									className: "ml-2 text-foreground",
+									children: R.scope
+								})] }),
+								/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("span", {
+									className: "text-muted-foreground",
+									children: "Current Uses:"
+								}), /* @__PURE__ */ m("span", {
+									className: "ml-2 text-foreground",
+									children: [R.currentUses, R.maxTotalUses ? ` / ${R.maxTotalUses}` : ""]
+								})] }),
+								/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("span", {
+									className: "text-muted-foreground",
+									children: "Created:"
+								}), /* @__PURE__ */ p("span", {
+									className: "ml-2 text-foreground",
+									children: new Date(R.createdAt).toLocaleDateString()
+								})] })
+							]
+						})]
+					}),
+					/* @__PURE__ */ m("div", {
+						className: "bg-card border border-border rounded-lg p-6 space-y-6",
+						children: [
+							/* @__PURE__ */ p("h3", {
+								className: "text-lg font-semibold text-foreground",
+								children: "Editable Fields"
+							}),
+							/* @__PURE__ */ m("div", {
+								className: "space-y-2",
+								children: [
+									/* @__PURE__ */ m("label", {
+										htmlFor: "name",
+										className: "block text-sm font-medium text-foreground",
+										children: ["Name ", /* @__PURE__ */ p("span", {
+											className: "text-destructive",
+											children: "*"
+										})]
+									}),
+									/* @__PURE__ */ p("input", {
+										id: "name",
+										type: "text",
+										value: D.name,
+										onChange: (e) => F("name", e.target.value),
+										placeholder: "e.g., Welcome Discount",
+										className: "w-full px-4 py-2 rounded-lg border border-border bg-background text-foreground placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-primary/20"
+									}),
+									k.name && /* @__PURE__ */ p("p", {
+										className: "text-sm text-destructive",
+										children: k.name
+									})
+								]
+							}),
+							/* @__PURE__ */ m("div", {
+								className: "space-y-2",
+								children: [/* @__PURE__ */ p("label", {
+									htmlFor: "description",
+									className: "block text-sm font-medium text-foreground",
+									children: "Description"
+								}), /* @__PURE__ */ p("textarea", {
+									id: "description",
+									value: D.description,
+									onChange: (e) => F("description", e.target.value),
+									placeholder: "Optional description",
+									rows: 3,
+									className: "w-full px-4 py-2 rounded-lg border border-border bg-background text-foreground placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-primary/20 resize-none"
+								})]
+							}),
+							/* @__PURE__ */ m("div", {
+								className: "space-y-2",
+								children: [/* @__PURE__ */ p("label", {
+									htmlFor: "status",
+									className: "block text-sm font-medium text-foreground",
+									children: "Status"
+								}), /* @__PURE__ */ m("select", {
+									id: "status",
+									value: D.status,
+									onChange: (e) => F("status", e.target.value),
+									className: "w-full px-4 py-2 rounded-lg border border-border bg-background text-foreground focus:outline-none focus:ring-2 focus:ring-primary/20",
+									children: [
+										/* @__PURE__ */ p("option", {
+											value: "ACTIVE",
+											children: "Active"
+										}),
+										/* @__PURE__ */ p("option", {
+											value: "INACTIVE",
+											children: "Inactive"
+										}),
+										/* @__PURE__ */ p("option", {
+											value: "EXPIRED",
+											children: "Expired"
+										}),
+										/* @__PURE__ */ p("option", {
+											value: "DEPLETED",
+											children: "Depleted"
+										})
+									]
+								})]
+							}),
+							/* @__PURE__ */ m("div", {
+								className: "space-y-2",
+								children: [
+									/* @__PURE__ */ p("label", {
+										htmlFor: "maxTotalUses",
+										className: "block text-sm font-medium text-foreground",
+										children: "Maximum Total Uses"
+									}),
+									/* @__PURE__ */ p("input", {
+										id: "maxTotalUses",
+										type: "number",
+										min: "1",
+										value: D.maxTotalUses,
+										onChange: (e) => F("maxTotalUses", e.target.value),
+										placeholder: "Leave empty for unlimited",
+										className: "w-full px-4 py-2 rounded-lg border border-border bg-background text-foreground placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-primary/20"
+									}),
+									k.maxTotalUses && /* @__PURE__ */ p("p", {
+										className: "text-sm text-destructive",
+										children: k.maxTotalUses
+									}),
+									/* @__PURE__ */ m("p", {
+										className: "text-sm text-muted-foreground",
+										children: [
+											"Current uses: ",
+											R.currentUses,
+											R.maxTotalUses ? ` / ${R.maxTotalUses}` : ""
+										]
+									})
+								]
+							}),
+							/* @__PURE__ */ m("div", {
+								className: "space-y-2",
+								children: [
+									/* @__PURE__ */ p("label", {
+										htmlFor: "maxUsesPerUser",
+										className: "block text-sm font-medium text-foreground",
+										children: "Maximum Uses Per User"
+									}),
+									/* @__PURE__ */ p("input", {
+										id: "maxUsesPerUser",
+										type: "number",
+										min: "1",
+										value: D.maxUsesPerUser,
+										onChange: (e) => F("maxUsesPerUser", e.target.value),
+										placeholder: "e.g., 1",
+										className: "w-full px-4 py-2 rounded-lg border border-border bg-background text-foreground placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-primary/20"
+									}),
+									k.maxUsesPerUser && /* @__PURE__ */ p("p", {
+										className: "text-sm text-destructive",
+										children: k.maxUsesPerUser
+									})
+								]
+							}),
+							/* @__PURE__ */ m("div", {
+								className: "space-y-2",
+								children: [
+									/* @__PURE__ */ p("label", {
+										htmlFor: "validUntil",
+										className: "block text-sm font-medium text-foreground",
+										children: "Valid Until"
+									}),
+									/* @__PURE__ */ p("input", {
+										id: "validUntil",
+										type: "date",
+										value: D.validUntil,
+										onChange: (e) => F("validUntil", e.target.value),
+										className: "w-full px-4 py-2 rounded-lg border border-border bg-background text-foreground focus:outline-none focus:ring-2 focus:ring-primary/20"
+									}),
+									/* @__PURE__ */ p("p", {
+										className: "text-sm text-muted-foreground",
+										children: "Leave empty for no expiration"
+									})
+								]
+							})
+						]
+					}),
+					j && /* @__PURE__ */ m("div", {
+						className: "flex items-start gap-3 p-4 rounded-lg bg-destructive/10 border border-destructive/20",
+						children: [/* @__PURE__ */ p(l, { className: "h-5 w-5 text-destructive mt-0.5" }), /* @__PURE__ */ m("div", {
+							className: "flex-1",
+							children: [/* @__PURE__ */ p("p", {
+								className: "text-sm font-medium text-destructive",
+								children: "Error"
+							}), /* @__PURE__ */ p("p", {
+								className: "text-sm text-destructive/90 mt-1",
+								children: j
+							})]
+						})]
+					}),
+					N && /* @__PURE__ */ m("div", {
+						className: "flex items-start gap-3 p-4 rounded-lg bg-status-success-bg-subtle border border-status-success-bg-subtle",
+						children: [/* @__PURE__ */ p(d, { className: "h-5 w-5 text-status-success-text mt-0.5" }), /* @__PURE__ */ m("div", {
+							className: "flex-1",
+							children: [/* @__PURE__ */ p("p", {
+								className: "text-sm font-medium text-status-success-text",
+								children: "Success"
+							}), /* @__PURE__ */ p("p", {
+								className: "text-sm text-status-success-text/90 mt-1",
+								children: "Coupon updated successfully! Redirecting..."
+							})]
+						})]
+					}),
+					/* @__PURE__ */ m("div", {
+						className: "flex gap-4 pt-4 border-t border-border",
+						children: [/* @__PURE__ */ m("button", {
+							type: "submit",
+							disabled: E || N,
+							className: "px-6 py-2 rounded-lg bg-primary text-primary-foreground hover:bg-primary/90 disabled:opacity-50 disabled:cursor-not-allowed flex items-center gap-2",
+							children: [/* @__PURE__ */ p(f, { className: "h-4 w-4" }), E ? "Updating..." : "Update Coupon"]
+						}), /* @__PURE__ */ p("button", {
+							type: "button",
+							onClick: () => v("/coupons"),
+							className: "px-6 py-2 rounded-lg border border-border text-foreground hover:bg-muted",
+							children: "Cancel"
+						})]
+					})
+				]
+			})
+		})]
+	});
+};
+//#endregion
+export { g as EditCouponPage };
+
+//# sourceMappingURL=EditCouponPage.js.map

package/dist/billing/modules/coupons/pages/EditCouponPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditCouponPage.js","names":[],"sources":["../../../../../src/billing/modules/coupons/pages/EditCouponPage.tsx"],"sourcesContent":["/**\n * Edit Coupon Page\n *\n * Form for editing existing coupon codes\n * Note: Only certain fields can be edited (name, description, status, usage limits, expiration)\n * Code, type, value, and scope cannot be changed after creation\n */\n\nimport { type FC, useState, useEffect } from 'react';\nimport { useBillingNavigate } from '../../../hooks/useBillingNavigate';\nimport { ArrowLeft, Save, AlertCircle, CheckCircle } from 'lucide-react';\nimport { useBillingPermissions } from '../../../hooks/useBillingPermissions';\nimport { AccessDenied, PageHeader } from '../../../shared/components';\nimport {\n  useGetCouponLazyQuery,\n  useUpdateCouponMutation,\n} from '../../../../generated/global-operations';\nimport { Coupon, CouponStatus } from '../../../../generated/global-types';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\n\ninterface EditFormData {\n  name: string;\n  description: string;\n  status: CouponStatus;\n  maxTotalUses: string;\n  maxUsesPerUser: string;\n  validUntil: string;\n}\n\nexport const EditCouponPage: FC = () => {\n  const { t } = useI18n();\n  const tr = (key: string, fallback: string): string => {\n    const translated = t(key);\n    return translated === key ? fallback : translated;\n  };\n  const navigateTo = useBillingNavigate();\n  const permissions = useBillingPermissions();\n\n  // Get coupon ID from URL\n  const couponId = window.location.pathname.split('/').slice(-2)[0];\n\n  const [getCoupon, { data, loading: loadingCoupon, error: loadError }] = useGetCouponLazyQuery();\n  const [updateCoupon, { loading: updating }] = useUpdateCouponMutation();\n\n  const [formData, setFormData] = useState<EditFormData>({\n    name: '',\n    description: '',\n    status: CouponStatus.Active,\n    maxTotalUses: '',\n    maxUsesPerUser: '',\n    validUntil: '',\n  });\n\n  const [errors, setErrors] = useState<Record<string, string>>({});\n  const [submitError, setSubmitError] = useState('');\n  const [submitSuccess, setSubmitSuccess] = useState(false);\n\n  // Load coupon data\n  useEffect(() => {\n    if (couponId) {\n      getCoupon({ variables: { id: couponId } });\n    }\n  }, [couponId, getCoupon]);\n\n  // Populate form when data loads\n  useEffect(() => {\n    if (data?.getCoupon) {\n      const coupon = data.getCoupon as Coupon;\n      setFormData({\n        name: coupon.name,\n        description: coupon.description || '',\n        status: coupon.status,\n        maxTotalUses: coupon.maxTotalUses?.toString() || '',\n        maxUsesPerUser: coupon.maxUsesPerUser.toString(),\n        validUntil: coupon.validUntil\n          ? new Date(coupon.validUntil).toISOString().split('T')[0]\n          : '',\n      });\n    }\n  }, [data]);\n\n  // Check permissions\n  if (!permissions.canManageDiscounts) {\n    return <AccessDenied message=\"You don't have permission to manage coupons.\" />;\n  }\n\n  const handleInputChange = (field: keyof EditFormData, value: string) => {\n    setFormData((prev) => ({ ...prev, [field]: value }));\n    if (errors[field]) {\n      setErrors((prev) => ({ ...prev, [field]: '' }));\n    }\n  };\n\n  const validateForm = (): boolean => {\n    const newErrors: Record<string, string> = {};\n\n    if (!formData.name.trim()) {\n      newErrors.name = 'Name is required';\n    }\n\n    if (formData.maxTotalUses && parseInt(formData.maxTotalUses) < 1) {\n      newErrors.maxTotalUses = 'Must be at least 1';\n    }\n\n    if (formData.maxUsesPerUser && parseInt(formData.maxUsesPerUser) < 1) {\n      newErrors.maxUsesPerUser = 'Must be at least 1';\n    }\n\n    setErrors(newErrors);\n    return Object.keys(newErrors).length === 0;\n  };\n\n  const handleSubmit = async (e: React.FormEvent) => {\n    e.preventDefault();\n    setSubmitError('');\n    setSubmitSuccess(false);\n\n    if (!validateForm()) {\n      return;\n    }\n\n    if (!couponId) {\n      setSubmitError('Coupon ID is missing');\n      return;\n    }\n\n    try {\n      const input: {\n        name?: string;\n        description?: string;\n        status?: CouponStatus;\n        maxTotalUses?: number;\n        maxUsesPerUser?: number;\n        validUntil?: string;\n      } = {};\n\n      if (formData.name.trim()) input.name = formData.name.trim();\n      if (formData.description.trim()) input.description = formData.description.trim();\n      if (formData.status) input.status = formData.status;\n      if (formData.maxTotalUses) input.maxTotalUses = parseInt(formData.maxTotalUses);\n      if (formData.maxUsesPerUser) input.maxUsesPerUser = parseInt(formData.maxUsesPerUser);\n      if (formData.validUntil) input.validUntil = new Date(formData.validUntil).toISOString();\n\n      await updateCoupon({\n        variables: {\n          id: couponId,\n          input,\n        },\n      });\n\n      setSubmitSuccess(true);\n      setTimeout(() => {\n        navigateTo('/coupons');\n      }, 1500);\n    } catch (error) {\n      console.error('Failed to update coupon:', error);\n      setSubmitError(error instanceof Error ? error.message : 'Failed to update coupon');\n    }\n  };\n\n  if (loadingCoupon) {\n    return (\n      <div className=\"p-8\">\n        <PageHeader\n          title={tr('billing.coupons.editTitle', 'Edit Coupon')}\n          description=\"Loading coupon data...\"\n          actions={\n            <button\n              onClick={() => navigateTo('/coupons')}\n              className=\"px-4 py-2 rounded-lg border border-border text-foreground hover:bg-muted flex items-center gap-2\"\n            >\n              <ArrowLeft className=\"h-4 w-4\" />\n              Back\n            </button>\n          }\n        />\n        <div className=\"flex items-center justify-center h-64\">\n          <div className=\"text-muted-foreground\">Loading coupon...</div>\n        </div>\n      </div>\n    );\n  }\n\n  if (loadError || !data?.getCoupon) {\n    return (\n      <div className=\"p-8\">\n        <PageHeader\n          title=\"Edit Coupon\"\n          description=\"Coupon not found\"\n          actions={\n            <button\n              onClick={() => navigateTo('/coupons')}\n              className=\"px-4 py-2 rounded-lg border border-border text-foreground hover:bg-muted flex items-center gap-2\"\n            >\n              <ArrowLeft className=\"h-4 w-4\" />\n              Back\n            </button>\n          }\n        />\n        <div className=\"flex items-center justify-center h-64\">\n          <div className=\"text-destructive\">\n            {loadError ? `Error: ${loadError.message}` : 'Coupon not found'}\n          </div>\n        </div>\n      </div>\n    );\n  }\n\n  const coupon = data.getCoupon as Coupon;\n\n  return (\n    <div className=\"p-8\">\n      <PageHeader\n        title=\"Edit Coupon\"\n        description={`Editing: ${coupon.code}`}\n        actions={\n          <button\n            onClick={() => navigateTo('/coupons')}\n            className=\"px-4 py-2 rounded-lg border border-border text-foreground hover:bg-muted flex items-center gap-2\"\n          >\n            <ArrowLeft className=\"h-4 w-4\" />\n            Back to Coupons\n          </button>\n        }\n      />\n\n      <div className=\"max-w-3xl mx-auto mt-8\">\n        <form onSubmit={handleSubmit} className=\"space-y-6\">\n          {/* Read-only Information Card */}\n          <div className=\"bg-muted/30 border border-border rounded-lg p-6\">\n            <h3 className=\"text-lg font-semibold text-foreground mb-4\">\n              Coupon Details (Read-Only)\n            </h3>\n            <div className=\"grid grid-cols-2 gap-4 text-sm\">\n              <div>\n                <span className=\"text-muted-foreground\">Code:</span>\n                <span className=\"ml-2 font-mono font-medium text-foreground\">{coupon.code}</span>\n              </div>\n              <div>\n                <span className=\"text-muted-foreground\">Type:</span>\n                <span className=\"ml-2 text-foreground capitalize\">\n                  {coupon.type.replace('_', ' ').toLowerCase()}\n                </span>\n              </div>\n              <div>\n                <span className=\"text-muted-foreground\">Value:</span>\n                <span className=\"ml-2 text-foreground\">\n                  {coupon.type === 'PERCENTAGE' ? `${coupon.value}%` : `$${coupon.value}`}\n                </span>\n              </div>\n              <div>\n                <span className=\"text-muted-foreground\">Scope:</span>\n                <span className=\"ml-2 text-foreground\">{coupon.scope}</span>\n              </div>\n              <div>\n                <span className=\"text-muted-foreground\">Current Uses:</span>\n                <span className=\"ml-2 text-foreground\">\n                  {coupon.currentUses}\n                  {coupon.maxTotalUses ? ` / ${coupon.maxTotalUses}` : ''}\n                </span>\n              </div>\n              <div>\n                <span className=\"text-muted-foreground\">Created:</span>\n                <span className=\"ml-2 text-foreground\">\n                  {new Date(coupon.createdAt).toLocaleDateString()}\n                </span>\n              </div>\n            </div>\n          </div>\n\n          {/* Editable Fields Card */}\n          <div className=\"bg-card border border-border rounded-lg p-6 space-y-6\">\n            <h3 className=\"text-lg font-semibold text-foreground\">Editable Fields</h3>\n\n            {/* Name */}\n            <div className=\"space-y-2\">\n              <label htmlFor=\"name\" className=\"block text-sm font-medium text-foreground\">\n                Name <span className=\"text-destructive\">*</span>\n              </label>\n              <input\n                id=\"name\"\n                type=\"text\"\n                value={formData.name}\n                onChange={(e) => handleInputChange('name', e.target.value)}\n                placeholder=\"e.g., Welcome Discount\"\n                className=\"w-full px-4 py-2 rounded-lg border border-border bg-background text-foreground placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-primary/20\"\n              />\n              {errors.name && <p className=\"text-sm text-destructive\">{errors.name}</p>}\n            </div>\n\n            {/* Description */}\n            <div className=\"space-y-2\">\n              <label htmlFor=\"description\" className=\"block text-sm font-medium text-foreground\">\n                Description\n              </label>\n              <textarea\n                id=\"description\"\n                value={formData.description}\n                onChange={(e) => handleInputChange('description', e.target.value)}\n                placeholder=\"Optional description\"\n                rows={3}\n                className=\"w-full px-4 py-2 rounded-lg border border-border bg-background text-foreground placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-primary/20 resize-none\"\n              />\n            </div>\n\n            {/* Status */}\n            <div className=\"space-y-2\">\n              <label htmlFor=\"status\" className=\"block text-sm font-medium text-foreground\">\n                Status\n              </label>\n              <select\n                id=\"status\"\n                value={formData.status}\n                onChange={(e) => handleInputChange('status', e.target.value)}\n                className=\"w-full px-4 py-2 rounded-lg border border-border bg-background text-foreground focus:outline-none focus:ring-2 focus:ring-primary/20\"\n              >\n                <option value=\"ACTIVE\">Active</option>\n                <option value=\"INACTIVE\">Inactive</option>\n                <option value=\"EXPIRED\">Expired</option>\n                <option value=\"DEPLETED\">Depleted</option>\n              </select>\n            </div>\n\n            {/* Max Total Uses */}\n            <div className=\"space-y-2\">\n              <label htmlFor=\"maxTotalUses\" className=\"block text-sm font-medium text-foreground\">\n                Maximum Total Uses\n              </label>\n              <input\n                id=\"maxTotalUses\"\n                type=\"number\"\n                min=\"1\"\n                value={formData.maxTotalUses}\n                onChange={(e) => handleInputChange('maxTotalUses', e.target.value)}\n                placeholder=\"Leave empty for unlimited\"\n                className=\"w-full px-4 py-2 rounded-lg border border-border bg-background text-foreground placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-primary/20\"\n              />\n              {errors.maxTotalUses && (\n                <p className=\"text-sm text-destructive\">{errors.maxTotalUses}</p>\n              )}\n              <p className=\"text-sm text-muted-foreground\">\n                Current uses: {coupon.currentUses}\n                {coupon.maxTotalUses ? ` / ${coupon.maxTotalUses}` : ''}\n              </p>\n            </div>\n\n            {/* Max Uses Per User */}\n            <div className=\"space-y-2\">\n              <label htmlFor=\"maxUsesPerUser\" className=\"block text-sm font-medium text-foreground\">\n                Maximum Uses Per User\n              </label>\n              <input\n                id=\"maxUsesPerUser\"\n                type=\"number\"\n                min=\"1\"\n                value={formData.maxUsesPerUser}\n                onChange={(e) => handleInputChange('maxUsesPerUser', e.target.value)}\n                placeholder=\"e.g., 1\"\n                className=\"w-full px-4 py-2 rounded-lg border border-border bg-background text-foreground placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-primary/20\"\n              />\n              {errors.maxUsesPerUser && (\n                <p className=\"text-sm text-destructive\">{errors.maxUsesPerUser}</p>\n              )}\n            </div>\n\n            {/* Valid Until */}\n            <div className=\"space-y-2\">\n              <label htmlFor=\"validUntil\" className=\"block text-sm font-medium text-foreground\">\n                Valid Until\n              </label>\n              <input\n                id=\"validUntil\"\n                type=\"date\"\n                value={formData.validUntil}\n                onChange={(e) => handleInputChange('validUntil', e.target.value)}\n                className=\"w-full px-4 py-2 rounded-lg border border-border bg-background text-foreground focus:outline-none focus:ring-2 focus:ring-primary/20\"\n              />\n              <p className=\"text-sm text-muted-foreground\">Leave empty for no expiration</p>\n            </div>\n          </div>\n\n          {/* Error/Success Messages */}\n          {submitError && (\n            <div className=\"flex items-start gap-3 p-4 rounded-lg bg-destructive/10 border border-destructive/20\">\n              <AlertCircle className=\"h-5 w-5 text-destructive mt-0.5\" />\n              <div className=\"flex-1\">\n                <p className=\"text-sm font-medium text-destructive\">Error</p>\n                <p className=\"text-sm text-destructive/90 mt-1\">{submitError}</p>\n              </div>\n            </div>\n          )}\n\n          {submitSuccess && (\n            <div className=\"flex items-start gap-3 p-4 rounded-lg bg-status-success-bg-subtle border border-status-success-bg-subtle\">\n              <CheckCircle className=\"h-5 w-5 text-status-success-text mt-0.5\" />\n              <div className=\"flex-1\">\n                <p className=\"text-sm font-medium text-status-success-text\">Success</p>\n                <p className=\"text-sm text-status-success-text/90 mt-1\">\n                  Coupon updated successfully! Redirecting...\n                </p>\n              </div>\n            </div>\n          )}\n\n          {/* Actions */}\n          <div className=\"flex gap-4 pt-4 border-t border-border\">\n            <button\n              type=\"submit\"\n              disabled={updating || submitSuccess}\n              className=\"px-6 py-2 rounded-lg bg-primary text-primary-foreground hover:bg-primary/90 disabled:opacity-50 disabled:cursor-not-allowed flex items-center gap-2\"\n            >\n              <Save className=\"h-4 w-4\" />\n              {updating ? 'Updating...' : 'Update Coupon'}\n            </button>\n            <button\n              type=\"button\"\n              onClick={() => navigateTo('/coupons')}\n              className=\"px-6 py-2 rounded-lg border border-border text-foreground hover:bg-muted\"\n            >\n              Cancel\n            </button>\n          </div>\n        </form>\n      </div>\n    </div>\n  );\n};\n"],"mappings":"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"}

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

@@ -0,0 +1,8 @@
+/**
+ * Coupon Pages
+ */
+export { CouponsListPage } from './CouponsListPage';
+export { CreateCouponPage } from './CreateCouponPage';
+export { EditCouponPage } from './EditCouponPage';
+export { CouponDetailPage } from './CouponDetailPage';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/billing/modules/coupons/pages/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC"}

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

@@ -0,0 +1,4 @@
+import "./CouponsListPage.js";
+import "./CreateCouponPage.js";
+import "./EditCouponPage.js";
+import "./CouponDetailPage.js";

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

@@ -0,0 +1,5 @@
+/**
+ * Credits Module - Hooks
+ */
+export { useCreditTransactions, useCreditTransaction, useCostOfCredits, useCreditNotes, useCreditMutations, } from './useCredits';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/billing/modules/credits/hooks/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EACL,qBAAqB,EACrB,oBAAoB,EACpB,gBAAgB,EAChB,cAAc,EACd,kBAAkB,GACnB,MAAM,cAAc,CAAC"}

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

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

package/dist/billing/modules/credits/hooks/useCredits.d.ts

@@ -0,0 +1,75 @@
+import { CreditTransaction, CreditNote } from '../../../shared/types';
+
+interface UseCreditTransactionsOptions {
+    billingAccountId: string;
+    days?: number;
+    page?: number;
+    pageSize?: number;
+}
+interface UseCreditTransactionsResult {
+    transactions: CreditTransaction[];
+    pagination: {
+        page: number;
+        pageSize: number;
+        totalCount: number;
+        hasMore: boolean;
+    };
+    isLoading: boolean;
+    error: Error | undefined;
+    refetch: () => Promise<void>;
+}
+interface UseCreditTransactionResult {
+    transaction: CreditTransaction | null;
+    isLoading: boolean;
+    error: Error | undefined;
+}
+interface UseCostOfCreditsResult {
+    cost: number | null;
+    isLoading: boolean;
+    error: Error | undefined;
+}
+interface UseCreditNotesResult {
+    creditNotes: CreditNote[];
+    isLoading: boolean;
+    error: Error | undefined;
+    refetch: () => Promise<void>;
+}
+/**
+ * Hook for fetching credit transactions
+ */
+export declare function useCreditTransactions(options: UseCreditTransactionsOptions): UseCreditTransactionsResult;
+/**
+ * Hook for fetching a single credit transaction
+ */
+export declare function useCreditTransaction(creditTransactionId: string | undefined): UseCreditTransactionResult;
+/**
+ * Hook for getting cost of credits
+ */
+export declare function useCostOfCredits(creditAmount: number, currency: string): UseCostOfCreditsResult;
+/**
+ * Hook for fetching credit notes
+ */
+export declare function useCreditNotes(): UseCreditNotesResult;
+/**
+ * Hook for credit mutations
+ */
+export declare function useCreditMutations(): {
+    createCreditNote: (params: {
+        billingAccountId: string;
+        amount: number;
+        reason?: string;
+        invoiceId?: string;
+        currency?: string;
+        metadata?: Record<string, unknown>;
+    }) => Promise<CreditNote>;
+    grantCredits: (params: {
+        billingAccountId: string;
+        amount: number;
+        productId?: string;
+        reason?: string;
+        metadata?: Record<string, unknown>;
+    }) => Promise<CreditTransaction>;
+    isCreating: boolean;
+};
+export {};
+//# sourceMappingURL=useCredits.d.ts.map

package/dist/billing/modules/credits/hooks/useCredits.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCredits.d.ts","sourceRoot":"","sources":["../../../../../src/billing/modules/credits/hooks/useCredits.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAgBH,OAAO,KAAK,EACV,iBAAiB,EACjB,UAAU,EAEX,MAAM,uBAAuB,CAAC;AAE/B,UAAU,4BAA4B;IACpC,gBAAgB,EAAE,MAAM,CAAC;IACzB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,UAAU,2BAA2B;IACnC,YAAY,EAAE,iBAAiB,EAAE,CAAC;IAClC,UAAU,EAAE;QACV,IAAI,EAAE,MAAM,CAAC;QACb,QAAQ,EAAE,MAAM,CAAC;QACjB,UAAU,EAAE,MAAM,CAAC;QACnB,OAAO,EAAE,OAAO,CAAC;KAClB,CAAC;IACF,SAAS,EAAE,OAAO,CAAC;IACnB,KAAK,EAAE,KAAK,GAAG,SAAS,CAAC;IACzB,OAAO,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;CAC9B;AAED,UAAU,0BAA0B;IAClC,WAAW,EAAE,iBAAiB,GAAG,IAAI,CAAC;IACtC,SAAS,EAAE,OAAO,CAAC;IACnB,KAAK,EAAE,KAAK,GAAG,SAAS,CAAC;CAC1B;AAED,UAAU,sBAAsB;IAC9B,IAAI,EAAE,MAAM,GAAG,IAAI,CAAC;IACpB,SAAS,EAAE,OAAO,CAAC;IACnB,KAAK,EAAE,KAAK,GAAG,SAAS,CAAC;CAC1B;AAED,UAAU,oBAAoB;IAC5B,WAAW,EAAE,UAAU,EAAE,CAAC;IAC1B,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,qBAAqB,CACnC,OAAO,EAAE,4BAA4B,GACpC,2BAA2B,CAiC7B;AAED;;GAEG;AACH,wBAAgB,oBAAoB,CAClC,mBAAmB,EAAE,MAAM,GAAG,SAAS,GACtC,0BAA0B,CAY5B;AAED;;GAEG;AACH,wBAAgB,gBAAgB,CAAC,YAAY,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,GAAG,sBAAsB,CAY/F;AAED;;GAEG;AACH,wBAAgB,cAAc,IAAI,oBAAoB,CAerD;AAED;;GAEG;AACH,wBAAgB,kBAAkB;+BAQf;QACb,gBAAgB,EAAE,MAAM,CAAC;QACzB,MAAM,EAAE,MAAM,CAAC;QACf,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;KACpC,KAAG,OAAO,CAAC,UAAU,CAAC;2BAgBR;QACb,gBAAgB,EAAE,MAAM,CAAC;QACzB,MAAM,EAAE,MAAM,CAAC;QACf,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;KACpC,KAAG,OAAO,CAAC,iBAAiB,CAAC;;EA8BjC"}

package/dist/billing/modules/credits/hooks/useCredits.js

@@ -0,0 +1,78 @@
+import { useBilling as e } from "../../../providers/BillingProvider.js";
+import { useBillingEventEmitter as t } from "../../../hooks/useBillingEventEmitter.js";
+import { directBillingGraphqlRequest as n } from "../../../shared/utils/directBillingGraphql.js";
+import "../../../shared/utils/index.js";
+import { GetCreditNotesDocument as r, GrantCreditsDocument as i, useCreateCreditNoteMutation as a, useGetBillingAccountCreditTransactionsQuery as o } from "../../../../generated/global-operations.js";
+import { useCallback as s } from "react";
+import { useApolloClient as c } from "@apollo/client/react";
+//#region src/billing/modules/credits/hooks/useCredits.ts
+function l(e) {
+	let { billingAccountId: t, days: n = 30, page: r = 1, pageSize: i = 20 } = e, { data: a, loading: c, error: l, refetch: u } = o({
+		variables: {
+			billingAccountID: t,
+			days: n,
+			page: r,
+			pageSize: i
+		},
+		skip: !t,
+		fetchPolicy: "cache-and-network"
+	}), d = a?.getBillingAccountCreditTransactions || {
+		creditTransactions: [],
+		page: 1,
+		pageSize: 20,
+		totalCount: 0,
+		hasMore: !1
+	}, f = s(async () => {
+		await u();
+	}, [u]);
+	return {
+		transactions: d.creditTransactions,
+		pagination: {
+			page: d.page,
+			pageSize: d.pageSize,
+			totalCount: d.totalCount,
+			hasMore: d.hasMore
+		},
+		isLoading: c,
+		error: l,
+		refetch: f
+	};
+}
+function u() {
+	let o = c(), { apiGatewayUrl: l, authToken: u, orgId: d } = e(), { emit: f } = t(), [p, { loading: m }] = a();
+	return {
+		createCreditNote: s(async (e) => {
+			try {
+				let { data: t } = await p({ variables: e });
+				return await o.refetchQueries({ include: [r] }), t.createCreditNote;
+			} catch (e) {
+				throw console.error("Failed to create credit note:", e), e;
+			}
+		}, [p, o]),
+		grantCredits: s(async (e) => {
+			let t = await n({
+				apiGatewayUrl: l,
+				authToken: u,
+				orgId: d,
+				query: i,
+				variables: { input: e }
+			});
+			return await o.refetchQueries({ include: ["GetBillingAccountCreditTransactions"] }), f("billing.credits.granted", {
+				entityId: t.grantCredits.id,
+				source: "credits-admin",
+				amount: e.amount
+			}), t.grantCredits;
+		}, [
+			l,
+			u,
+			o,
+			f,
+			d
+		]),
+		isCreating: m
+	};
+}
+//#endregion
+export { u as useCreditMutations, l as useCreditTransactions };
+
+//# sourceMappingURL=useCredits.js.map

package/dist/billing/modules/credits/hooks/useCredits.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCredits.js","names":[],"sources":["../../../../../src/billing/modules/credits/hooks/useCredits.ts"],"sourcesContent":["/**\n * Credits Module - useCredits Hook\n * Provides access to credit transactions and mutations\n */\n\nimport { useApolloClient } from '@apollo/client/react';\nimport { useCallback } from 'react';\nimport {\n  useGetBillingAccountCreditTransactionsQuery,\n  useGetCreditTransactionDetailsQuery,\n  useGetCostOfCreditsQuery,\n  useGetCreditNotesQuery,\n  useCreateCreditNoteMutation,\n  GetCreditNotesDocument,\n  GrantCreditsDocument,\n} from '../../../../generated/global-operations';\nimport { useBillingEventEmitter } from '../../../hooks/useBillingEventEmitter';\nimport { useBilling } from '../../../providers/BillingProvider';\nimport { directBillingGraphqlRequest } from '../../../shared/utils';\nimport type {\n  CreditTransaction,\n  CreditNote,\n  PaginatedCreditTransactions,\n} from '../../../shared/types';\n\ninterface UseCreditTransactionsOptions {\n  billingAccountId: string;\n  days?: number;\n  page?: number;\n  pageSize?: number;\n}\n\ninterface UseCreditTransactionsResult {\n  transactions: CreditTransaction[];\n  pagination: {\n    page: number;\n    pageSize: number;\n    totalCount: number;\n    hasMore: boolean;\n  };\n  isLoading: boolean;\n  error: Error | undefined;\n  refetch: () => Promise<void>;\n}\n\ninterface UseCreditTransactionResult {\n  transaction: CreditTransaction | null;\n  isLoading: boolean;\n  error: Error | undefined;\n}\n\ninterface UseCostOfCreditsResult {\n  cost: number | null;\n  isLoading: boolean;\n  error: Error | undefined;\n}\n\ninterface UseCreditNotesResult {\n  creditNotes: CreditNote[];\n  isLoading: boolean;\n  error: Error | undefined;\n  refetch: () => Promise<void>;\n}\n\n/**\n * Hook for fetching credit transactions\n */\nexport function useCreditTransactions(\n  options: UseCreditTransactionsOptions\n): UseCreditTransactionsResult {\n  const { billingAccountId, days = 30, page = 1, pageSize = 20 } = options;\n\n  const { data, loading, error, refetch } = useGetBillingAccountCreditTransactionsQuery({\n    variables: { billingAccountID: billingAccountId, days, page, pageSize },\n    skip: !billingAccountId,\n    fetchPolicy: 'cache-and-network',\n  });\n\n  const result: PaginatedCreditTransactions = data?.getBillingAccountCreditTransactions || {\n    creditTransactions: [],\n    page: 1,\n    pageSize: 20,\n    totalCount: 0,\n    hasMore: false,\n  };\n\n  const handleRefetch = useCallback(async () => {\n    await refetch();\n  }, [refetch]);\n\n  return {\n    transactions: result.creditTransactions,\n    pagination: {\n      page: result.page,\n      pageSize: result.pageSize,\n      totalCount: result.totalCount,\n      hasMore: result.hasMore,\n    },\n    isLoading: loading,\n    error: error as Error | undefined,\n    refetch: handleRefetch,\n  };\n}\n\n/**\n * Hook for fetching a single credit transaction\n */\nexport function useCreditTransaction(\n  creditTransactionId: string | undefined\n): UseCreditTransactionResult {\n  const { data, loading, error } = useGetCreditTransactionDetailsQuery({\n    variables: { creditTransactionID: creditTransactionId! },\n    skip: !creditTransactionId,\n    fetchPolicy: 'cache-and-network',\n  });\n\n  return {\n    transaction: data?.getCreditTransactionDetails || null,\n    isLoading: loading,\n    error: error as Error | undefined,\n  };\n}\n\n/**\n * Hook for getting cost of credits\n */\nexport function useCostOfCredits(creditAmount: number, currency: string): UseCostOfCreditsResult {\n  const { data, loading, error } = useGetCostOfCreditsQuery({\n    variables: { creditAmount, currency },\n    skip: creditAmount <= 0 || !currency,\n    fetchPolicy: 'cache-and-network',\n  });\n\n  return {\n    cost: data?.getCostOfCredits?.amount || null,\n    isLoading: loading,\n    error: error as Error | undefined,\n  };\n}\n\n/**\n * Hook for fetching credit notes\n */\nexport function useCreditNotes(): UseCreditNotesResult {\n  const { data, loading, error, refetch } = useGetCreditNotesQuery({\n    fetchPolicy: 'cache-and-network',\n  });\n\n  const handleRefetch = useCallback(async () => {\n    await refetch();\n  }, [refetch]);\n\n  return {\n    creditNotes: data?.getCreditNotes || [],\n    isLoading: loading,\n    error: error as Error | undefined,\n    refetch: handleRefetch,\n  };\n}\n\n/**\n * Hook for credit mutations\n */\nexport function useCreditMutations() {\n  const client = useApolloClient();\n  const { apiGatewayUrl, authToken, orgId } = useBilling();\n  const { emit } = useBillingEventEmitter();\n\n  const [createCreditNoteMutation, { loading: isCreating }] = useCreateCreditNoteMutation();\n\n  const createCreditNote = useCallback(\n    async (params: {\n      billingAccountId: string;\n      amount: number;\n      reason?: string;\n      invoiceId?: string;\n      currency?: string;\n      metadata?: Record<string, unknown>;\n    }): Promise<CreditNote> => {\n      try {\n        const { data } = await createCreditNoteMutation({\n          variables: params,\n        });\n        await client.refetchQueries({ include: [GetCreditNotesDocument] });\n        return data!.createCreditNote;\n      } catch (error) {\n        console.error('Failed to create credit note:', error);\n        throw error;\n      }\n    },\n    [createCreditNoteMutation, client]\n  );\n\n  const grantCredits = useCallback(\n    async (params: {\n      billingAccountId: string;\n      amount: number;\n      productId?: string;\n      reason?: string;\n      metadata?: Record<string, unknown>;\n    }): Promise<CreditTransaction> => {\n      const result = await directBillingGraphqlRequest<\n        {\n          grantCredits: CreditTransaction;\n        },\n        { input: typeof params }\n      >({\n        apiGatewayUrl,\n        authToken,\n        orgId,\n        query: GrantCreditsDocument,\n        variables: { input: params },\n      });\n\n      await client.refetchQueries({ include: ['GetBillingAccountCreditTransactions'] });\n      emit('billing.credits.granted', {\n        entityId: result.grantCredits.id,\n        source: 'credits-admin',\n        amount: params.amount,\n      });\n      return result.grantCredits;\n    },\n    [apiGatewayUrl, authToken, client, emit, orgId]\n  );\n\n  return {\n    createCreditNote,\n    grantCredits,\n    isCreating,\n  };\n}\n"],"mappings":";;;;;;;;AAmEA,SAAgB,EACd,GAC6B;CAC7B,IAAM,EAAE,qBAAkB,UAAO,IAAI,UAAO,GAAG,cAAW,OAAO,GAE3D,EAAE,SAAM,YAAS,UAAO,eAAY,EAA4C;EACpF,WAAW;GAAE,kBAAkB;GAAkB;GAAM;GAAM;GAAU;EACvE,MAAM,CAAC;EACP,aAAa;EACd,CAAC,EAEI,IAAsC,GAAM,uCAAuC;EACvF,oBAAoB,EAAE;EACtB,MAAM;EACN,UAAU;EACV,YAAY;EACZ,SAAS;EACV,EAEK,IAAgB,EAAY,YAAY;AAC5C,QAAM,GAAS;IACd,CAAC,EAAQ,CAAC;AAEb,QAAO;EACL,cAAc,EAAO;EACrB,YAAY;GACV,MAAM,EAAO;GACb,UAAU,EAAO;GACjB,YAAY,EAAO;GACnB,SAAS,EAAO;GACjB;EACD,WAAW;EACJ;EACP,SAAS;EACV;;AA8DH,SAAgB,IAAqB;CACnC,IAAM,IAAS,GAAiB,EAC1B,EAAE,kBAAe,cAAW,aAAU,GAAY,EAClD,EAAE,YAAS,GAAwB,EAEnC,CAAC,GAA0B,EAAE,SAAS,OAAgB,GAA6B;AAyDzF,QAAO;EACL,kBAxDuB,EACvB,OAAO,MAOoB;AACzB,OAAI;IACF,IAAM,EAAE,YAAS,MAAM,EAAyB,EAC9C,WAAW,GACZ,CAAC;AAEF,WADA,MAAM,EAAO,eAAe,EAAE,SAAS,CAAC,EAAuB,EAAE,CAAC,EAC3D,EAAM;YACN,GAAO;AAEd,UADA,QAAQ,MAAM,iCAAiC,EAAM,EAC/C;;KAGV,CAAC,GAA0B,EAAO,CACnC;EAoCC,cAlCmB,EACnB,OAAO,MAM2B;GAChC,IAAM,IAAS,MAAM,EAKnB;IACA;IACA;IACA;IACA,OAAO;IACP,WAAW,EAAE,OAAO,GAAQ;IAC7B,CAAC;AAQF,UANA,MAAM,EAAO,eAAe,EAAE,SAAS,CAAC,sCAAsC,EAAE,CAAC,EACjF,EAAK,2BAA2B;IAC9B,UAAU,EAAO,aAAa;IAC9B,QAAQ;IACR,QAAQ,EAAO;IAChB,CAAC,EACK,EAAO;KAEhB;GAAC;GAAe;GAAW;GAAQ;GAAM;GAAM,CAChD;EAKC;EACD"}

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

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