@burdenoff/microfe-billing 2026.510.114

package/dist/billing/modules/billing/pages/RefundsPage.js

@@ -0,0 +1,1074 @@
+import { AccessDenied as e } from "../../../shared/components/AccessDenied.js";
+import { PageHeader as t } from "../../../shared/components/PageHeader.js";
+import { statusTokens as n } from "../../../shared/utils/tokens.js";
+import { EmptyState as r } from "../../../shared/components/EmptyState.js";
+import { ServerError as i } from "../../../shared/components/ServerError.js";
+import "../../../shared/components/index.js";
+import { formatCurrency as a, formatDateTime as o } from "../../../shared/utils/format.js";
+import { isServerError as s } from "../../../shared/utils/error.js";
+import "../../../shared/utils/index.js";
+import { useBillingPermissions as c } from "../../../hooks/useBillingPermissions.js";
+import { GetTransactionDocument as l } from "../../../../generated/global-operations.js";
+import { useRefunds as u } from "../hooks/useRefunds.js";
+import "../hooks/index.js";
+import { useCallback as d, useEffect as f, useMemo as p, useRef as m, useState as h } from "react";
+import { AlertTriangle as g, Ban as _, CheckCircle as v, ChevronLeft as y, ChevronRight as b, Clock as x, Download as S, Eye as C, Filter as w, Loader2 as T, MoreHorizontal as E, Play as ee, Plus as te, RefreshCw as D, RotateCcw as O, Search as k, SkipForward as A, X as j, XCircle as M } from "lucide-react";
+import { Fragment as N, jsx as P, jsxs as F } from "react/jsx-runtime";
+import { useI18n as ne } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { useApolloClient as I } from "@apollo/client/react";
+//#region src/billing/modules/billing/pages/RefundsPage.tsx
+var L = {
+	PENDING: {
+		label: "Pending",
+		color: "yellow",
+		icon: x
+	},
+	PROCESSING: {
+		label: "Processing",
+		color: "blue",
+		icon: T
+	},
+	COMPLETED: {
+		label: "Completed",
+		color: "green",
+		icon: v
+	},
+	FAILED: {
+		label: "Failed",
+		color: "red",
+		icon: M
+	},
+	SKIPPED: {
+		label: "Skipped",
+		color: "gray",
+		icon: _
+	}
+}, R = {
+	MANUAL: "Manual",
+	WEBHOOK_RECOVERY: "Webhook Recovery",
+	SUBSCRIPTION_CANCEL: "Subscription Cancel",
+	DUPLICATE_PAYMENT: "Duplicate Payment"
+}, re = ["stripe", "razorpay"], z = (e) => {
+	let t = {
+		yellow: `${n.warning.bg} ${n.warning.text}`,
+		blue: `${n.info.bg} ${n.info.text}`,
+		green: `${n.success.bg} ${n.success.text}`,
+		red: `${n.error.bg} ${n.error.text}`,
+		gray: `${n.neutral.bg} ${n.neutral.text}`
+	};
+	return t[e] || t.gray;
+}, ie = ({ record: e, onViewDetails: t, onProcess: r, onSkip: i, onRetry: a, isProcessing: o }) => {
+	let [s, c] = h(!1), l = m(null);
+	f(() => {
+		let e = (e) => {
+			l.current && !l.current.contains(e.target) && c(!1);
+		};
+		return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
+	}, []);
+	let u = e.status === "PENDING", d = e.status === "PENDING", p = e.status === "FAILED";
+	return /* @__PURE__ */ F("div", {
+		className: "relative",
+		ref: l,
+		children: [/* @__PURE__ */ P("button", {
+			onClick: () => c(!s),
+			disabled: o,
+			className: "p-1.5 rounded-md hover:bg-muted/50 transition-colors disabled:opacity-50",
+			"aria-label": "Refund actions",
+			children: o ? /* @__PURE__ */ P(T, { className: "w-4 h-4 animate-spin text-muted-foreground" }) : /* @__PURE__ */ P(E, { className: "w-4 h-4 text-muted-foreground" })
+		}), s && /* @__PURE__ */ F("div", {
+			className: "absolute right-0 top-full mt-1 z-50 min-w-[160px] bg-popover border border-border rounded-md shadow-lg py-1",
+			children: [
+				/* @__PURE__ */ F("button", {
+					onClick: () => {
+						t(), c(!1);
+					},
+					className: "w-full flex items-center gap-2 px-3 py-2 text-sm text-foreground hover:bg-muted/50 transition-colors",
+					children: [/* @__PURE__ */ P(C, { className: "w-4 h-4" }), "View Details"]
+				}),
+				u && /* @__PURE__ */ F("button", {
+					onClick: () => {
+						r(), c(!1);
+					},
+					className: `w-full flex items-center gap-2 px-3 py-2 text-sm ${n.success.text} hover:bg-muted/50 transition-colors`,
+					children: [/* @__PURE__ */ P(ee, { className: "w-4 h-4" }), "Process Refund"]
+				}),
+				d && /* @__PURE__ */ F("button", {
+					onClick: () => {
+						i(), c(!1);
+					},
+					className: `w-full flex items-center gap-2 px-3 py-2 text-sm ${n.warning.text} hover:bg-muted/50 transition-colors`,
+					children: [/* @__PURE__ */ P(A, { className: "w-4 h-4" }), "Skip Refund"]
+				}),
+				p && /* @__PURE__ */ F("button", {
+					onClick: () => {
+						a(), c(!1);
+					},
+					className: `w-full flex items-center gap-2 px-3 py-2 text-sm ${n.info.text} hover:bg-muted/50 transition-colors`,
+					children: [/* @__PURE__ */ P(O, { className: "w-4 h-4" }), "Retry Refund"]
+				})
+			]
+		})]
+	});
+}, B = {
+	provider: "stripe",
+	gatewayPaymentId: "",
+	amount: 0,
+	currency: "USD"
+}, ae = ({ isOpen: e, onClose: t, onSubmit: n, isSubmitting: r }) => {
+	let i = I(), [o, s] = h(""), [c, u] = h(null), [f, p] = h(null), [m, g] = h(!1), [_, y] = h(B), b = () => {
+		s(""), u(null), p(null), y(B);
+	}, x = () => {
+		b(), t();
+	}, S = d(async (e) => {
+		let t = e.trim();
+		if (t) {
+			g(!0), p(null), u(null);
+			try {
+				let { data: e } = await i.query({
+					query: l,
+					variables: { id: t },
+					fetchPolicy: "network-only"
+				}), n = e?.getTransaction ?? null;
+				if (!n) {
+					p("Transaction not found. Check the ID and try again."), y(B);
+					return;
+				}
+				let r = n.metadata, a = typeof r?.total == "number" ? r.total : n.amount;
+				u({
+					id: n.id,
+					billingAccountId: n.billingAccountId,
+					amount: n.amount,
+					totalAmount: a,
+					currency: n.currency,
+					description: n.description ?? null,
+					razorpayPaymentId: n.razorpayPaymentId ?? null,
+					stripePaymentId: n.stripePaymentId ?? null,
+					metadata: n.metadata ?? null
+				});
+				let o = n.razorpayPaymentId ? "razorpay" : "stripe", s = n.razorpayPaymentId ?? n.stripePaymentId ?? "", c = r?.purchaseType ?? "", d = n.description ?? "";
+				y({
+					transactionId: n.id,
+					billingAccountId: n.billingAccountId,
+					provider: o,
+					gatewayPaymentId: s,
+					currency: n.currency,
+					amount: a,
+					purchaseType: c,
+					purchaseDetail: d,
+					reason: "",
+					notes: ""
+				});
+			} catch {
+				p("Failed to look up transaction. Ensure the ID is correct."), y(B);
+			} finally {
+				g(!1);
+			}
+		}
+	}, [i]), C = async (e) => {
+		e.preventDefault(), await n(_), b();
+	};
+	if (!e) return null;
+	let w = c?.totalAmount ?? void 0, E = w !== void 0 && _.amount > w + .01;
+	return /* @__PURE__ */ F("div", {
+		className: "fixed inset-0 z-50 flex items-center justify-center",
+		children: [/* @__PURE__ */ P("div", {
+			className: "absolute inset-0 bg-overlay-scrim",
+			onClick: x
+		}), /* @__PURE__ */ F("div", {
+			className: "relative bg-background border border-border rounded-lg shadow-xl max-w-lg w-full mx-4 max-h-[90vh] overflow-auto",
+			children: [/* @__PURE__ */ F("div", {
+				className: "flex items-center justify-between p-4 border-b border-border",
+				children: [/* @__PURE__ */ P("h2", {
+					className: "text-lg font-semibold",
+					children: "Create Manual Refund"
+				}), /* @__PURE__ */ P("button", {
+					onClick: x,
+					className: "p-1 rounded-md hover:bg-muted/50 transition-colors",
+					children: /* @__PURE__ */ P(j, { className: "w-5 h-5" })
+				})]
+			}), /* @__PURE__ */ F("form", {
+				onSubmit: C,
+				className: "p-4 space-y-4",
+				children: [
+					/* @__PURE__ */ F("div", { children: [
+						/* @__PURE__ */ P("label", {
+							className: "block text-sm font-medium mb-1",
+							children: "Transaction ID *"
+						}),
+						/* @__PURE__ */ F("div", {
+							className: "flex gap-2",
+							children: [/* @__PURE__ */ P("input", {
+								type: "text",
+								value: o,
+								onChange: (e) => {
+									s(e.target.value), u(null), p(null);
+								},
+								onBlur: () => S(o),
+								className: "flex-1 px-3 py-2 border border-border rounded-md bg-background text-foreground focus:outline-none focus:ring-2 focus:ring-primary",
+								placeholder: "Paste transaction UUID...",
+								required: !0
+							}), /* @__PURE__ */ P("button", {
+								type: "button",
+								onClick: () => S(o),
+								disabled: !o.trim() || m,
+								className: "px-3 py-2 border border-border rounded-md hover:bg-muted/50 transition-colors disabled:opacity-50 flex items-center gap-1 text-sm",
+								children: m ? /* @__PURE__ */ P(T, { className: "w-4 h-4 animate-spin" }) : /* @__PURE__ */ P(k, { className: "w-4 h-4" })
+							})]
+						}),
+						f && /* @__PURE__ */ P("p", {
+							className: "text-xs text-status-error-text mt-1",
+							children: f
+						}),
+						m && /* @__PURE__ */ P("p", {
+							className: "text-xs text-muted-foreground mt-1",
+							children: "Looking up transaction..."
+						})
+					] }),
+					c && /* @__PURE__ */ F(N, { children: [
+						/* @__PURE__ */ F("div", {
+							className: "p-3 bg-status-success-bg-subtle border border-border-subtle rounded-md text-sm space-y-1",
+							children: [/* @__PURE__ */ F("div", {
+								className: "flex items-center gap-2 text-status-success-text font-medium",
+								children: [/* @__PURE__ */ P(v, { className: "w-4 h-4" }), "Transaction found"]
+							}), /* @__PURE__ */ F("div", {
+								className: "text-muted-foreground grid grid-cols-2 gap-x-4 gap-y-0.5 mt-1",
+								children: [
+									/* @__PURE__ */ F("span", { children: [
+										"Account:",
+										" ",
+										/* @__PURE__ */ F("span", {
+											className: "text-foreground font-mono text-xs",
+											children: [c.billingAccountId.slice(0, 16), "…"]
+										})
+									] }),
+									/* @__PURE__ */ F("span", { children: [
+										"Paid:",
+										" ",
+										/* @__PURE__ */ P("span", {
+											className: "text-foreground",
+											children: a(c.totalAmount, c.currency)
+										})
+									] }),
+									/* @__PURE__ */ F("span", { children: [
+										"Provider:",
+										" ",
+										/* @__PURE__ */ P("span", {
+											className: "text-foreground capitalize",
+											children: _.provider
+										})
+									] }),
+									/* @__PURE__ */ F("span", { children: ["Currency: ", /* @__PURE__ */ P("span", {
+										className: "text-foreground",
+										children: c.currency
+									})] })
+								]
+							})]
+						}),
+						/* @__PURE__ */ F("div", {
+							className: "grid grid-cols-2 gap-3",
+							children: [/* @__PURE__ */ F("div", { children: [/* @__PURE__ */ P("label", {
+								className: "block text-xs font-medium text-muted-foreground mb-1",
+								children: "Provider"
+							}), /* @__PURE__ */ P("div", {
+								className: "px-3 py-2 border border-border rounded-md bg-muted/30 text-sm capitalize",
+								children: _.provider
+							})] }), /* @__PURE__ */ F("div", { children: [/* @__PURE__ */ P("label", {
+								className: "block text-xs font-medium text-muted-foreground mb-1",
+								children: "Currency"
+							}), /* @__PURE__ */ P("div", {
+								className: "px-3 py-2 border border-border rounded-md bg-muted/30 text-sm",
+								children: _.currency
+							})] })]
+						}),
+						/* @__PURE__ */ F("div", { children: [/* @__PURE__ */ P("label", {
+							className: "block text-xs font-medium text-muted-foreground mb-1",
+							children: "Gateway Payment ID"
+						}), /* @__PURE__ */ P("div", {
+							className: "px-3 py-2 border border-border rounded-md bg-muted/30 text-sm font-mono truncate",
+							children: _.gatewayPaymentId
+						})] }),
+						_.purchaseType && /* @__PURE__ */ F("div", {
+							className: "grid grid-cols-2 gap-3",
+							children: [/* @__PURE__ */ F("div", { children: [/* @__PURE__ */ P("label", {
+								className: "block text-xs font-medium text-muted-foreground mb-1",
+								children: "Purchase Type"
+							}), /* @__PURE__ */ P("div", {
+								className: "px-3 py-2 border border-border rounded-md bg-muted/30 text-sm",
+								children: _.purchaseType
+							})] }), /* @__PURE__ */ F("div", { children: [/* @__PURE__ */ P("label", {
+								className: "block text-xs font-medium text-muted-foreground mb-1",
+								children: "Purchase Detail"
+							}), /* @__PURE__ */ P("div", {
+								className: "px-3 py-2 border border-border rounded-md bg-muted/30 text-sm truncate",
+								children: _.purchaseDetail || "—"
+							})] })]
+						}),
+						/* @__PURE__ */ F("div", { children: [
+							/* @__PURE__ */ F("label", {
+								className: "block text-sm font-medium mb-1",
+								children: ["Refund Amount *", /* @__PURE__ */ F("span", {
+									className: "text-xs text-muted-foreground ml-1",
+									children: [
+										"(max ",
+										a(w, _.currency),
+										")"
+									]
+								})]
+							}),
+							/* @__PURE__ */ P("input", {
+								type: "number",
+								step: "0.01",
+								min: "0.01",
+								max: w,
+								value: _.amount,
+								onChange: (e) => y({
+									..._,
+									amount: parseFloat(e.target.value) || 0
+								}),
+								className: `w-full px-3 py-2 border rounded-md bg-background text-foreground focus:outline-none focus:ring-2 focus:ring-primary ${E ? "border-status-error-text" : "border-border"}`,
+								required: !0
+							}),
+							E && /* @__PURE__ */ F("p", {
+								className: "text-xs text-status-error-text mt-1",
+								children: [
+									"Amount cannot exceed the original payment of",
+									" ",
+									a(w, _.currency)
+								]
+							})
+						] }),
+						/* @__PURE__ */ F("div", { children: [/* @__PURE__ */ P("label", {
+							className: "block text-sm font-medium mb-1",
+							children: "Reason"
+						}), /* @__PURE__ */ P("input", {
+							type: "text",
+							value: _.reason || "",
+							onChange: (e) => y({
+								..._,
+								reason: e.target.value
+							}),
+							className: "w-full px-3 py-2 border border-border rounded-md bg-background text-foreground focus:outline-none focus:ring-2 focus:ring-primary",
+							placeholder: "Reason for refund"
+						})] }),
+						/* @__PURE__ */ F("div", { children: [/* @__PURE__ */ P("label", {
+							className: "block text-sm font-medium mb-1",
+							children: "Notes"
+						}), /* @__PURE__ */ P("textarea", {
+							value: _.notes || "",
+							onChange: (e) => y({
+								..._,
+								notes: e.target.value
+							}),
+							className: "w-full px-3 py-2 border border-border rounded-md bg-background text-foreground focus:outline-none focus:ring-2 focus:ring-primary resize-none",
+							rows: 2,
+							placeholder: "Internal notes"
+						})] })
+					] }),
+					/* @__PURE__ */ F("div", {
+						className: "flex gap-2 pt-2",
+						children: [/* @__PURE__ */ P("button", {
+							type: "button",
+							onClick: x,
+							className: "flex-1 py-2 px-4 border border-border rounded-md hover:bg-muted/50 transition-colors",
+							children: "Cancel"
+						}), /* @__PURE__ */ F("button", {
+							type: "submit",
+							disabled: r || !c || !_.gatewayPaymentId || _.amount <= 0 || E,
+							className: "flex-1 py-2 px-4 bg-primary text-primary-foreground rounded-md hover:bg-primary/90 transition-colors disabled:opacity-50 disabled:cursor-not-allowed flex items-center justify-center gap-2",
+							children: [r && /* @__PURE__ */ P(T, { className: "w-4 h-4 animate-spin" }), "Create Refund"]
+						})]
+					})
+				]
+			})]
+		})]
+	});
+}, oe = ({ isOpen: e, record: t, onClose: r, onSubmit: i, isSubmitting: o }) => {
+	let [s, c] = h("");
+	return !e || !t ? null : /* @__PURE__ */ F("div", {
+		className: "fixed inset-0 z-50 flex items-center justify-center",
+		children: [/* @__PURE__ */ P("div", {
+			className: "absolute inset-0 bg-overlay-scrim",
+			onClick: r
+		}), /* @__PURE__ */ F("div", {
+			className: "relative bg-background border border-border rounded-lg shadow-xl max-w-md w-full mx-4",
+			children: [/* @__PURE__ */ F("div", {
+				className: "flex items-center justify-between p-4 border-b border-border",
+				children: [/* @__PURE__ */ P("h2", {
+					className: "text-lg font-semibold",
+					children: "Skip Refund"
+				}), /* @__PURE__ */ P("button", {
+					onClick: r,
+					className: "p-1 rounded-md hover:bg-muted/50 transition-colors",
+					children: /* @__PURE__ */ P(j, { className: "w-5 h-5" })
+				})]
+			}), /* @__PURE__ */ F("form", {
+				onSubmit: async (e) => {
+					e.preventDefault(), await i(s), c("");
+				},
+				className: "p-4 space-y-4",
+				children: [
+					/* @__PURE__ */ P("div", {
+						className: `p-3 ${n.warning.bg} border ${n.warning.border} rounded-md`,
+						children: /* @__PURE__ */ F("div", {
+							className: "flex items-start gap-2",
+							children: [/* @__PURE__ */ P(g, { className: `w-5 h-5 ${n.warning.icon} mt-0.5` }), /* @__PURE__ */ F("div", { children: [/* @__PURE__ */ P("p", {
+								className: `text-sm font-medium ${n.warning.text}`,
+								children: "You are about to skip this refund"
+							}), /* @__PURE__ */ F("p", {
+								className: `text-sm ${n.warning.text} mt-1`,
+								children: ["Amount: ", a(t.amount, t.currency)]
+							})] })]
+						})
+					}),
+					/* @__PURE__ */ F("div", { children: [/* @__PURE__ */ P("label", {
+						className: "block text-sm font-medium mb-1",
+						children: "Reason for skipping *"
+					}), /* @__PURE__ */ P("textarea", {
+						value: s,
+						onChange: (e) => c(e.target.value),
+						className: "w-full px-3 py-2 border border-border rounded-md bg-background resize-none",
+						rows: 3,
+						placeholder: "Explain why this refund is being skipped...",
+						required: !0
+					})] }),
+					/* @__PURE__ */ F("div", {
+						className: "flex gap-2",
+						children: [/* @__PURE__ */ P("button", {
+							type: "button",
+							onClick: r,
+							className: "flex-1 py-2 px-4 border border-border rounded-md hover:bg-muted/50 transition-colors",
+							children: "Cancel"
+						}), /* @__PURE__ */ F("button", {
+							type: "submit",
+							disabled: o || !s.trim(),
+							className: `flex-1 py-2 px-4 ${n.warning.dot} text-primary-foreground rounded-md hover:opacity-90 transition-colors disabled:opacity-50 disabled:cursor-not-allowed flex items-center justify-center gap-2`,
+							children: [o && /* @__PURE__ */ P(T, { className: "w-4 h-4 animate-spin" }), "Skip Refund"]
+						})]
+					})
+				]
+			})]
+		})]
+	});
+}, se = ({ record: e, onClose: t }) => {
+	if (!e) return null;
+	let r = L[e.status].icon;
+	return /* @__PURE__ */ F("div", {
+		className: "fixed inset-0 z-50 flex items-center justify-center",
+		children: [/* @__PURE__ */ P("div", {
+			className: "absolute inset-0 bg-overlay-scrim",
+			onClick: t
+		}), /* @__PURE__ */ F("div", {
+			className: "relative bg-background border border-border rounded-lg shadow-xl max-w-lg w-full mx-4 max-h-[90vh] overflow-auto",
+			children: [
+				/* @__PURE__ */ F("div", {
+					className: "flex items-center justify-between p-4 border-b border-border",
+					children: [/* @__PURE__ */ P("h2", {
+						className: "text-lg font-semibold",
+						children: "Refund Details"
+					}), /* @__PURE__ */ P("button", {
+						onClick: t,
+						className: "p-1 rounded-md hover:bg-muted/50 transition-colors",
+						children: /* @__PURE__ */ P(j, { className: "w-5 h-5" })
+					})]
+				}),
+				/* @__PURE__ */ F("div", {
+					className: "p-4 space-y-4",
+					children: [
+						/* @__PURE__ */ F("div", {
+							className: `flex items-center gap-2 p-3 rounded-md ${z(L[e.status].color)}`,
+							children: [/* @__PURE__ */ P(r, { className: "w-5 h-5" }), /* @__PURE__ */ P("span", {
+								className: "font-medium",
+								children: L[e.status].label
+							})]
+						}),
+						/* @__PURE__ */ F("div", {
+							className: "grid grid-cols-2 gap-4",
+							children: [/* @__PURE__ */ F("div", { children: [/* @__PURE__ */ P("p", {
+								className: "text-xs text-muted-foreground mb-1",
+								children: "Refund ID"
+							}), /* @__PURE__ */ P("p", {
+								className: "text-sm font-mono break-all",
+								children: e.id
+							})] }), /* @__PURE__ */ F("div", { children: [/* @__PURE__ */ P("p", {
+								className: "text-xs text-muted-foreground mb-1",
+								children: "Source"
+							}), /* @__PURE__ */ P("p", {
+								className: "text-sm",
+								children: R[e.source]
+							})] })]
+						}),
+						/* @__PURE__ */ F("div", {
+							className: "grid grid-cols-2 gap-4",
+							children: [/* @__PURE__ */ F("div", { children: [/* @__PURE__ */ P("p", {
+								className: "text-xs text-muted-foreground mb-1",
+								children: "Amount"
+							}), /* @__PURE__ */ P("p", {
+								className: "text-lg font-semibold",
+								children: a(e.amount, e.currency)
+							})] }), /* @__PURE__ */ F("div", { children: [/* @__PURE__ */ P("p", {
+								className: "text-xs text-muted-foreground mb-1",
+								children: "Provider"
+							}), /* @__PURE__ */ P("p", {
+								className: "text-sm capitalize",
+								children: e.provider
+							})] })]
+						}),
+						/* @__PURE__ */ F("div", {
+							className: "grid grid-cols-2 gap-4",
+							children: [/* @__PURE__ */ F("div", { children: [/* @__PURE__ */ P("p", {
+								className: "text-xs text-muted-foreground mb-1",
+								children: "Gateway Payment ID"
+							}), /* @__PURE__ */ P("p", {
+								className: "text-sm font-mono break-all",
+								children: e.gatewayPaymentId
+							})] }), e.gatewayOrderId && /* @__PURE__ */ F("div", { children: [/* @__PURE__ */ P("p", {
+								className: "text-xs text-muted-foreground mb-1",
+								children: "Gateway Order ID"
+							}), /* @__PURE__ */ P("p", {
+								className: "text-sm font-mono break-all",
+								children: e.gatewayOrderId
+							})] })]
+						}),
+						e.gatewayRefundId && /* @__PURE__ */ F("div", { children: [/* @__PURE__ */ P("p", {
+							className: "text-xs text-muted-foreground mb-1",
+							children: "Gateway Refund ID"
+						}), /* @__PURE__ */ P("p", {
+							className: "text-sm font-mono break-all",
+							children: e.gatewayRefundId
+						})] }),
+						(e.purchaseType || e.purchaseDetail) && /* @__PURE__ */ F("div", {
+							className: "grid grid-cols-2 gap-4",
+							children: [e.purchaseType && /* @__PURE__ */ F("div", { children: [/* @__PURE__ */ P("p", {
+								className: "text-xs text-muted-foreground mb-1",
+								children: "Purchase Type"
+							}), /* @__PURE__ */ P("p", {
+								className: "text-sm",
+								children: e.purchaseType
+							})] }), e.purchaseDetail && /* @__PURE__ */ F("div", { children: [/* @__PURE__ */ P("p", {
+								className: "text-xs text-muted-foreground mb-1",
+								children: "Purchase Detail"
+							}), /* @__PURE__ */ P("p", {
+								className: "text-sm",
+								children: e.purchaseDetail
+							})] })]
+						}),
+						e.reason && /* @__PURE__ */ F("div", { children: [/* @__PURE__ */ P("p", {
+							className: "text-xs text-muted-foreground mb-1",
+							children: "Reason"
+						}), /* @__PURE__ */ P("p", {
+							className: "text-sm",
+							children: e.reason
+						})] }),
+						e.notes && /* @__PURE__ */ F("div", { children: [/* @__PURE__ */ P("p", {
+							className: "text-xs text-muted-foreground mb-1",
+							children: "Notes"
+						}), /* @__PURE__ */ P("p", {
+							className: "text-sm",
+							children: e.notes
+						})] }),
+						e.errorMessage && /* @__PURE__ */ F("div", {
+							className: `p-3 ${n.error.bg} border ${n.error.border} rounded-md`,
+							children: [/* @__PURE__ */ P("p", {
+								className: `text-xs ${n.error.text} mb-1`,
+								children: "Error Message"
+							}), /* @__PURE__ */ P("p", {
+								className: `text-sm ${n.error.text}`,
+								children: e.errorMessage
+							})]
+						}),
+						/* @__PURE__ */ F("div", {
+							className: "grid grid-cols-2 gap-4 pt-2 border-t border-border",
+							children: [/* @__PURE__ */ F("div", { children: [/* @__PURE__ */ P("p", {
+								className: "text-xs text-muted-foreground mb-1",
+								children: "Created At"
+							}), /* @__PURE__ */ P("p", {
+								className: "text-sm",
+								children: o(e.createdAt)
+							})] }), e.processedAt && /* @__PURE__ */ F("div", { children: [/* @__PURE__ */ P("p", {
+								className: "text-xs text-muted-foreground mb-1",
+								children: "Processed At"
+							}), /* @__PURE__ */ P("p", {
+								className: "text-sm",
+								children: o(e.processedAt)
+							})] })]
+						}),
+						e.retryCount > 0 && /* @__PURE__ */ F("div", { children: [/* @__PURE__ */ P("p", {
+							className: "text-xs text-muted-foreground mb-1",
+							children: "Retry Count"
+						}), /* @__PURE__ */ P("p", {
+							className: "text-sm",
+							children: e.retryCount
+						})] })
+					]
+				}),
+				/* @__PURE__ */ P("div", {
+					className: "p-4 border-t border-border",
+					children: /* @__PURE__ */ P("button", {
+						onClick: t,
+						className: "w-full py-2 px-4 bg-primary text-primary-foreground rounded-md hover:bg-primary/90 transition-colors",
+						children: "Close"
+					})
+				})
+			]
+		})]
+	});
+}, V = {
+	PENDING: {
+		label: "Pending",
+		status: "PENDING"
+	},
+	COMPLETED: {
+		label: "Completed",
+		status: "COMPLETED"
+	},
+	FAILED: {
+		label: "Failed",
+		status: "FAILED"
+	},
+	ALL: {
+		label: "All",
+		status: void 0
+	}
+}, H = () => {
+	let { t: l } = ne(), d = (e, t) => {
+		let n = l(e);
+		return n === e ? t : n;
+	}, f = c(), [m, g] = h("PENDING"), [_, v] = h(""), [x, C] = h({}), [E, ee] = h(!1), [O, A] = h(null), [M, N] = h(!1), [I, B] = h(!1), [H, U] = h(null), [ce, W] = h(null), { records: G, stats: K, pagination: q, isLoading: le, recordsError: J, unprocessedWebhooks: Y, refetch: X, goToNextPage: ue, goToPreviousPage: de, setFilters: Z, createRefundRecord: fe, processRefund: pe, skipRefund: me, retryRefund: he, createRefundRecordsFromFailedWebhooks: ge, isCreating: _e, isProcessing: ve, isCreatingFromWebhooks: Q } = u({ filters: p(() => ({
+		...x,
+		status: V[m].status
+	}), [
+		m,
+		x.source,
+		x.provider,
+		x.billingAccountId,
+		x.fromDate,
+		x.toDate
+	]) });
+	if (!f.canViewPayments) return /* @__PURE__ */ P(e, { message: "You don't have permission to view refunds." });
+	if (J && s(J)) return /* @__PURE__ */ P("div", {
+		className: "p-6",
+		children: /* @__PURE__ */ P(i, {
+			title: "Server Unavailable",
+			message: "Unable to load refunds. The server might be down or experiencing issues.",
+			onRetry: () => X(),
+			showRetry: !0
+		})
+	});
+	let ye = (e) => {
+		g(e), C({}), v("");
+	}, $ = (e, t) => {
+		if (e === "status") return;
+		let n = {
+			...x,
+			[e]: t || void 0
+		};
+		C(n), Z({
+			...n,
+			status: V[m].status
+		});
+	}, be = async (e) => {
+		try {
+			await fe(e), N(!1);
+		} catch (e) {
+			console.error("Failed to create refund:", e);
+		}
+	}, xe = async (e) => {
+		W(e.id);
+		try {
+			let t = await pe(e.id);
+			!t.success && t.error && console.error("Refund processing failed:", t.error);
+		} catch (e) {
+			console.error("Failed to process refund:", e);
+		} finally {
+			W(null);
+		}
+	}, Se = async (e) => {
+		if (H) try {
+			await me(H.id, e), B(!1), U(null);
+		} catch (e) {
+			console.error("Failed to skip refund:", e);
+		}
+	}, Ce = async (e) => {
+		W(e.id);
+		try {
+			let t = await he(e.id);
+			!t.success && t.error && console.error("Refund retry failed:", t.error);
+		} catch (e) {
+			console.error("Failed to retry refund:", e);
+		} finally {
+			W(null);
+		}
+	}, we = async () => {
+		try {
+			await ge();
+		} catch (e) {
+			console.error("Failed to create refunds from webhooks:", e);
+		}
+	}, Te = _ ? G.filter((e) => e.gatewayPaymentId.toLowerCase().includes(_.toLowerCase()) || e.gatewayOrderId?.toLowerCase().includes(_.toLowerCase()) || e.reason?.toLowerCase().includes(_.toLowerCase())) : G;
+	return le ? /* @__PURE__ */ F("div", {
+		className: "space-y-6 p-6",
+		children: [
+			/* @__PURE__ */ P("div", { className: "h-8 w-48 bg-muted animate-pulse rounded" }),
+			/* @__PURE__ */ P("div", {
+				className: "grid grid-cols-5 gap-4",
+				children: [
+					1,
+					2,
+					3,
+					4,
+					5
+				].map((e) => /* @__PURE__ */ P("div", { className: "h-24 bg-muted animate-pulse rounded-lg" }, e))
+			}),
+			/* @__PURE__ */ P("div", {
+				className: "space-y-2",
+				children: [
+					1,
+					2,
+					3,
+					4,
+					5
+				].map((e) => /* @__PURE__ */ P("div", { className: "h-16 bg-muted animate-pulse rounded" }, e))
+			})
+		]
+	}) : /* @__PURE__ */ F("div", {
+		className: "space-y-6 p-6",
+		children: [
+			/* @__PURE__ */ P(t, {
+				title: d("billing.refunds.title", "Refund Management"),
+				description: "View and manage refund records",
+				actions: /* @__PURE__ */ F("div", {
+					className: "flex items-center gap-2",
+					children: [
+						Y.length > 0 && /* @__PURE__ */ F("button", {
+							onClick: we,
+							disabled: Q,
+							className: `inline-flex items-center gap-2 px-3 py-2 text-sm font-medium rounded-md border ${n.warning.border} ${n.warning.bg} ${n.warning.text} hover:opacity-90 transition-colors disabled:opacity-50`,
+							children: [
+								Q ? /* @__PURE__ */ P(T, { className: "w-4 h-4 animate-spin" }) : /* @__PURE__ */ P(S, { className: "w-4 h-4" }),
+								"Import ",
+								Y.length,
+								" Failed Webhooks"
+							]
+						}),
+						/* @__PURE__ */ F("button", {
+							onClick: () => X(),
+							className: "inline-flex items-center gap-2 px-3 py-2 text-sm font-medium rounded-md border border-border bg-background hover:bg-muted/50 transition-colors",
+							children: [/* @__PURE__ */ P(D, { className: "w-4 h-4" }), "Refresh"]
+						}),
+						/* @__PURE__ */ F("button", {
+							onClick: () => N(!0),
+							className: "inline-flex items-center gap-2 px-3 py-2 text-sm font-medium rounded-md bg-primary text-primary-foreground hover:bg-primary/90 transition-colors",
+							children: [/* @__PURE__ */ P(te, { className: "w-4 h-4" }), "Create Manual Refund"]
+						})
+					]
+				})
+			}),
+			/* @__PURE__ */ P("div", {
+				className: "border-b border-border",
+				children: /* @__PURE__ */ P("div", {
+					className: "flex flex-wrap gap-2 sm:gap-0",
+					children: Object.keys(V).map((e) => {
+						let t = m === e, n = K ? e === "PENDING" ? K.pending : e === "COMPLETED" ? K.completed : e === "FAILED" ? K.failed : K.pending + K.processing + K.completed + K.failed + K.skipped : 0;
+						return /* @__PURE__ */ F("button", {
+							onClick: () => ye(e),
+							className: `flex items-center gap-2 px-4 py-3 text-sm font-medium border-b-2 transition-colors whitespace-nowrap ${t ? "border-primary text-primary" : "border-transparent text-muted-foreground hover:text-foreground hover:border-border"}`,
+							children: [V[e].label, K && /* @__PURE__ */ P("span", {
+								className: `px-2 py-0.5 text-xs rounded-full ${t ? "bg-primary/10 text-primary" : "bg-muted text-muted-foreground"}`,
+								children: n
+							})]
+						}, e);
+					})
+				})
+			}),
+			/* @__PURE__ */ F("div", {
+				className: "flex flex-col sm:flex-row gap-4",
+				children: [
+					/* @__PURE__ */ F("div", {
+						className: "relative flex-1",
+						children: [/* @__PURE__ */ P(k, { className: "absolute left-3 top-1/2 -translate-y-1/2 w-4 h-4 text-muted-foreground" }), /* @__PURE__ */ P("input", {
+							type: "text",
+							placeholder: "Search by payment ID, order ID, or reason...",
+							value: _,
+							onChange: (e) => v(e.target.value),
+							className: "w-full pl-[3.25rem] pr-4 py-2 border border-border rounded-md bg-background"
+						})]
+					}),
+					/* @__PURE__ */ F("button", {
+						onClick: () => ee(!E),
+						className: `inline-flex items-center gap-2 px-3 py-2 text-sm font-medium rounded-md border transition-colors ${E ? "border-primary bg-primary/10 text-primary" : "border-border bg-background hover:bg-muted/50"}`,
+						children: [
+							/* @__PURE__ */ P(w, { className: "w-4 h-4" }),
+							"Filters",
+							Object.values(x).filter(Boolean).length > 0 && /* @__PURE__ */ P("span", {
+								className: "px-1.5 py-0.5 text-xs rounded-full bg-primary text-primary-foreground",
+								children: Object.values(x).filter(Boolean).length
+							})
+						]
+					}),
+					Object.values(x).filter(Boolean).length > 0 && /* @__PURE__ */ F("button", {
+						onClick: () => {
+							C({}), Z({});
+						},
+						className: "inline-flex items-center gap-2 px-3 py-2 text-sm font-medium rounded-md text-muted-foreground hover:text-foreground transition-colors",
+						children: [/* @__PURE__ */ P(j, { className: "w-4 h-4" }), "Clear"]
+					})
+				]
+			}),
+			E && /* @__PURE__ */ F("div", {
+				className: "p-4 border border-border rounded-lg bg-muted/30 grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4",
+				children: [
+					/* @__PURE__ */ F("div", { children: [/* @__PURE__ */ P("label", {
+						className: "block text-sm font-medium mb-1",
+						children: "Source"
+					}), /* @__PURE__ */ F("select", {
+						value: x.source || "",
+						onChange: (e) => $("source", e.target.value),
+						className: "w-full px-3 py-2 border border-border rounded-md bg-background",
+						children: [/* @__PURE__ */ P("option", {
+							value: "",
+							children: "All Sources"
+						}), Object.entries(R).map(([e, t]) => /* @__PURE__ */ P("option", {
+							value: e,
+							children: t
+						}, e))]
+					})] }),
+					/* @__PURE__ */ F("div", { children: [/* @__PURE__ */ P("label", {
+						className: "block text-sm font-medium mb-1",
+						children: "Provider"
+					}), /* @__PURE__ */ F("select", {
+						value: x.provider || "",
+						onChange: (e) => $("provider", e.target.value),
+						className: "w-full px-3 py-2 border border-border rounded-md bg-background",
+						children: [/* @__PURE__ */ P("option", {
+							value: "",
+							children: "All Providers"
+						}), re.map((e) => /* @__PURE__ */ P("option", {
+							value: e,
+							children: e.charAt(0).toUpperCase() + e.slice(1)
+						}, e))]
+					})] }),
+					/* @__PURE__ */ F("div", {
+						className: "sm:col-span-2 lg:col-span-1",
+						children: [/* @__PURE__ */ P("label", {
+							className: "block text-sm font-medium mb-1",
+							children: "Date Range"
+						}), /* @__PURE__ */ F("div", {
+							className: "flex flex-col sm:flex-row items-start sm:items-center gap-2",
+							children: [
+								/* @__PURE__ */ P("input", {
+									type: "date",
+									value: x.fromDate ? x.fromDate.split("T")[0] : "",
+									onChange: (e) => $("fromDate", e.target.value ? new Date(e.target.value).toISOString() : void 0),
+									className: "w-full sm:flex-1 px-2 py-2 border border-border rounded-md bg-background text-sm"
+								}),
+								/* @__PURE__ */ P("span", {
+									className: "text-muted-foreground hidden sm:inline",
+									children: "-"
+								}),
+								/* @__PURE__ */ P("input", {
+									type: "date",
+									value: x.toDate ? x.toDate.split("T")[0] : "",
+									onChange: (e) => $("toDate", e.target.value ? new Date(e.target.value).toISOString() : void 0),
+									className: "w-full sm:flex-1 px-2 py-2 border border-border rounded-md bg-background text-sm"
+								})
+							]
+						})]
+					})
+				]
+			}),
+			Te.length === 0 ? /* @__PURE__ */ P(r, {
+				icon: /* @__PURE__ */ P(D, { className: "w-6 h-6 text-muted-foreground" }),
+				title: "No refund records found",
+				description: Object.values(x).filter(Boolean).length > 0 ? "Try adjusting your filters." : m === "PENDING" ? "No pending refunds to process." : "Refund records will appear here when created."
+			}) : /* @__PURE__ */ P("div", {
+				className: "border border-border rounded-lg overflow-hidden",
+				children: /* @__PURE__ */ P("div", {
+					className: "overflow-x-auto",
+					children: /* @__PURE__ */ F("table", {
+						className: "w-full min-w-[640px]",
+						children: [/* @__PURE__ */ P("thead", {
+							className: "bg-muted/50",
+							children: /* @__PURE__ */ F("tr", { children: [
+								/* @__PURE__ */ P("th", {
+									className: "text-left text-sm font-medium text-muted-foreground px-3 py-2 whitespace-nowrap",
+									children: "Date"
+								}),
+								/* @__PURE__ */ P("th", {
+									className: "text-left text-sm font-medium text-muted-foreground px-3 py-2 whitespace-nowrap",
+									children: "Status"
+								}),
+								/* @__PURE__ */ P("th", {
+									className: "text-left text-sm font-medium text-muted-foreground px-3 py-2 whitespace-nowrap hidden sm:table-cell",
+									children: "Source"
+								}),
+								/* @__PURE__ */ P("th", {
+									className: "text-left text-sm font-medium text-muted-foreground px-3 py-2 whitespace-nowrap hidden md:table-cell",
+									children: "Provider"
+								}),
+								/* @__PURE__ */ P("th", {
+									className: "text-left text-sm font-medium text-muted-foreground px-3 py-2 whitespace-nowrap",
+									children: "Payment ID"
+								}),
+								/* @__PURE__ */ P("th", {
+									className: "text-right text-sm font-medium text-muted-foreground px-3 py-2 whitespace-nowrap",
+									children: "Amount"
+								}),
+								/* @__PURE__ */ P("th", {
+									className: "text-left text-sm font-medium text-muted-foreground px-3 py-2 whitespace-nowrap hidden lg:table-cell",
+									children: "Reason"
+								}),
+								/* @__PURE__ */ P("th", { className: "px-2 py-2 w-10" })
+							] })
+						}), /* @__PURE__ */ P("tbody", {
+							className: "divide-y divide-border",
+							children: Te.map((e) => {
+								let t = L[e.status].icon;
+								return /* @__PURE__ */ F("tr", {
+									className: "hover:bg-muted/30 transition-colors",
+									children: [
+										/* @__PURE__ */ P("td", {
+											className: "px-3 py-2 text-sm text-foreground whitespace-nowrap",
+											children: /* @__PURE__ */ F("div", {
+												className: "flex flex-col",
+												children: [/* @__PURE__ */ P("span", { children: o(e.createdAt).split(" ")[0] }), /* @__PURE__ */ P("span", {
+													className: "text-xs text-muted-foreground",
+													children: o(e.createdAt).split(" ")[1]
+												})]
+											})
+										}),
+										/* @__PURE__ */ P("td", {
+											className: "px-3 py-2 whitespace-nowrap",
+											children: /* @__PURE__ */ F("span", {
+												className: `inline-flex items-center gap-1 px-2 py-0.5 text-xs font-medium rounded ${z(L[e.status].color)}`,
+												children: [/* @__PURE__ */ P(t, { className: "w-3 h-3" }), /* @__PURE__ */ P("span", {
+													className: "hidden sm:inline",
+													children: L[e.status].label
+												})]
+											})
+										}),
+										/* @__PURE__ */ P("td", {
+											className: "px-3 py-2 text-sm text-muted-foreground whitespace-nowrap hidden sm:table-cell",
+											children: R[e.source]
+										}),
+										/* @__PURE__ */ P("td", {
+											className: "px-3 py-2 text-sm text-foreground capitalize whitespace-nowrap hidden md:table-cell",
+											children: e.provider
+										}),
+										/* @__PURE__ */ P("td", {
+											className: "px-3 py-2 text-sm font-mono text-muted-foreground whitespace-nowrap max-w-[120px] sm:max-w-[200px] truncate",
+											children: e.gatewayPaymentId
+										}),
+										/* @__PURE__ */ P("td", {
+											className: "px-3 py-2 text-sm text-right font-medium whitespace-nowrap",
+											children: a(e.amount, e.currency)
+										}),
+										/* @__PURE__ */ P("td", {
+											className: "px-3 py-2 text-sm text-muted-foreground max-w-[200px] truncate hidden lg:table-cell",
+											children: e.reason || "-"
+										}),
+										/* @__PURE__ */ P("td", {
+											className: "px-2 py-2 text-center",
+											children: /* @__PURE__ */ P(ie, {
+												record: e,
+												onViewDetails: () => A(e),
+												onProcess: () => xe(e),
+												onSkip: () => {
+													U(e), B(!0);
+												},
+												onRetry: () => Ce(e),
+												isProcessing: ce === e.id
+											})
+										})
+									]
+								}, e.id);
+							})
+						})]
+					})
+				})
+			}),
+			q.totalCount > 0 && /* @__PURE__ */ F("div", {
+				className: "flex flex-col sm:flex-row items-center justify-between gap-4 border-t border-border pt-4",
+				children: [/* @__PURE__ */ F("p", {
+					className: "text-sm text-muted-foreground text-center sm:text-left",
+					children: [
+						"Showing ",
+						q.page * q.pageSize + 1,
+						" to",
+						" ",
+						Math.min((q.page + 1) * q.pageSize, q.totalCount),
+						" of",
+						" ",
+						q.totalCount,
+						" refunds"
+					]
+				}), /* @__PURE__ */ F("div", {
+					className: "flex items-center gap-2",
+					children: [
+						/* @__PURE__ */ F("button", {
+							onClick: de,
+							disabled: !q.hasPrevious,
+							className: "inline-flex items-center gap-1 px-3 py-1.5 text-sm font-medium rounded-md border border-border bg-background hover:bg-muted/50 disabled:opacity-50 disabled:cursor-not-allowed transition-colors",
+							children: [/* @__PURE__ */ P(y, { className: "w-4 h-4" }), /* @__PURE__ */ P("span", {
+								className: "hidden sm:inline",
+								children: "Previous"
+							})]
+						}),
+						/* @__PURE__ */ F("span", {
+							className: "text-sm text-muted-foreground px-2",
+							children: [
+								/* @__PURE__ */ P("span", {
+									className: "hidden sm:inline",
+									children: "Page "
+								}),
+								q.page + 1,
+								" ",
+								/* @__PURE__ */ P("span", {
+									className: "hidden sm:inline",
+									children: "of"
+								}),
+								/* @__PURE__ */ P("span", {
+									className: "sm:hidden",
+									children: "/"
+								}),
+								" ",
+								Math.ceil(q.totalCount / q.pageSize)
+							]
+						}),
+						/* @__PURE__ */ F("button", {
+							onClick: ue,
+							disabled: !q.hasMore,
+							className: "inline-flex items-center gap-1 px-3 py-1.5 text-sm font-medium rounded-md border border-border bg-background hover:bg-muted/50 disabled:opacity-50 disabled:cursor-not-allowed transition-colors",
+							children: [/* @__PURE__ */ P("span", {
+								className: "hidden sm:inline",
+								children: "Next"
+							}), /* @__PURE__ */ P(b, { className: "w-4 h-4" })]
+						})
+					]
+				})]
+			}),
+			/* @__PURE__ */ P(ae, {
+				isOpen: M,
+				onClose: () => N(!1),
+				onSubmit: be,
+				isSubmitting: _e
+			}),
+			/* @__PURE__ */ P(oe, {
+				isOpen: I,
+				record: H,
+				onClose: () => {
+					B(!1), U(null);
+				},
+				onSubmit: Se,
+				isSubmitting: ve
+			}),
+			/* @__PURE__ */ P(se, {
+				record: O,
+				onClose: () => A(null)
+			})
+		]
+	});
+};
+//#endregion
+export { H as RefundsPage };
+
+//# sourceMappingURL=RefundsPage.js.map