@burdenoff/microfe-billing 2026.912.2 → 2026.912.4

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

@@ -2,3 +2,4 @@ import "./useInvoices.js";
 import "./usePayments.js";
 import "./useTransactions.js";
 import "./useRefunds.js";
+import "./useOrderCallbacks.js";

package/dist/billing/modules/billing/hooks/useOrderCallbacks.js

@@ -0,0 +1,41 @@
+import { useGetBillingOrderCallbacksQuery as e, useRetryBillingOrderCallbackMutation as t } from "../../../../generated/global-operations.js";
+import { useCallback as n } from "react";
+//#region src/billing/modules/billing/hooks/useOrderCallbacks.ts
+function r(t, r, i) {
+	let { data: a, loading: o, error: s, refetch: c } = e({
+		variables: {
+			limit: i,
+			offset: r * i,
+			callbackStatus: t.callbackStatus,
+			externalService: t.externalService,
+			hasError: t.hasError
+		},
+		fetchPolicy: "cache-and-network"
+	}), l = n(async () => {
+		await c();
+	}, [c]);
+	return {
+		orders: a?.getBillingOrderCallbacks.orders ?? [],
+		totalCount: a?.getBillingOrderCallbacks.totalCount ?? 0,
+		isLoading: o,
+		error: s,
+		refetch: l
+	};
+}
+function i() {
+	let [e, { loading: r }] = t();
+	return {
+		retryOrderCallback: n(async (t, n) => {
+			let { data: r } = await e({ variables: {
+				orderId: t,
+				billingAccountId: n
+			} });
+			if (!r?.retryBillingOrderCallback.success) throw Error(r?.retryBillingOrderCallback.error || "Failed to retry callback");
+		}, [e]),
+		isRetrying: r
+	};
+}
+//#endregion
+export { i as useOrderCallbackMutations, r as useOrderCallbacks };
+
+//# sourceMappingURL=useOrderCallbacks.js.map

package/dist/billing/modules/billing/hooks/useOrderCallbacks.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useOrderCallbacks.js","names":[],"sources":["../../../../../src/billing/modules/billing/hooks/useOrderCallbacks.ts"],"sourcesContent":["/**\n * Billing Module - useOrderCallbacks Hook\n * Admin visibility into the billing→external-service (store, etc.) order\n * completion callback — the outbound counterpart to useBillingWebhookLogs'\n * inbound Stripe/Razorpay webhook log. Backs the admin order-callback log\n * viewer so ops can see and retry ANY billing→store handoff without direct\n * DB access (BOFF-7192).\n */\n\nimport { useCallback } from 'react';\n\nimport {\n  useGetBillingOrderCallbacksQuery,\n  useRetryBillingOrderCallbackMutation,\n} from '../../../../generated/global-operations';\n\nexport interface OrderCallback {\n  id: string;\n  externalService: string;\n  orgId: string;\n  billingAccountId: string | null;\n  currency: string;\n  subtotal: number;\n  status: string;\n  paymentId: string | null;\n  transactionId: string | null;\n  callbackStatus: string | null;\n  callbackAttempts: number | null;\n  callbackLastError: string | null;\n  callbackLastAttemptAt: string | null;\n  createdAt: string;\n  updatedAt: string;\n}\n\nexport interface OrderCallbackFilters {\n  callbackStatus?: string;\n  externalService?: string;\n  hasError?: boolean;\n}\n\ninterface UseOrderCallbacksResult {\n  orders: OrderCallback[];\n  totalCount: number;\n  isLoading: boolean;\n  error: Error | undefined;\n  refetch: () => Promise<void>;\n}\n\n/**\n * Hook for the admin order-callback log viewer — paginated, filterable view\n * over ALL BillingOrder callback deliveries (not just FAILED ones).\n */\nexport function useOrderCallbacks(\n  filters: OrderCallbackFilters,\n  page: number,\n  pageSize: number\n): UseOrderCallbacksResult {\n  const { data, loading, error, refetch } = useGetBillingOrderCallbacksQuery({\n    variables: {\n      limit: pageSize,\n      offset: page * pageSize,\n      callbackStatus: filters.callbackStatus,\n      externalService: filters.externalService,\n      hasError: filters.hasError,\n    },\n    fetchPolicy: 'cache-and-network',\n  });\n\n  const handleRefetch = useCallback(async () => {\n    await refetch();\n  }, [refetch]);\n\n  return {\n    orders: (data?.getBillingOrderCallbacks.orders ?? []) as OrderCallback[],\n    totalCount: data?.getBillingOrderCallbacks.totalCount ?? 0,\n    isLoading: loading,\n    error: error as Error | undefined,\n    refetch: handleRefetch,\n  };\n}\n\ninterface UseOrderCallbackMutationsResult {\n  /** Resolves once the retry attempt completes; throws on failure. Callers\n   * should refetch the list afterward rather than trust a stale row. */\n  retryOrderCallback: (orderId: string, billingAccountId: string) => Promise<void>;\n  isRetrying: boolean;\n}\n\n/**\n * Manual retry for a stuck/failed order callback — reuses the same\n * retryBillingOrderCallback mutation checkout already exposes to a billing\n * account owner; a super_admin bypasses the billing-account ownership check\n * server-side, so this page can retry any org's order.\n */\nexport function useOrderCallbackMutations(): UseOrderCallbackMutationsResult {\n  const [retryMutation, { loading: isRetrying }] = useRetryBillingOrderCallbackMutation();\n\n  const retryOrderCallback = useCallback(\n    async (orderId: string, billingAccountId: string): Promise<void> => {\n      const { data } = await retryMutation({ variables: { orderId, billingAccountId } });\n      if (!data?.retryBillingOrderCallback.success) {\n        throw new Error(data?.retryBillingOrderCallback.error || 'Failed to retry callback');\n      }\n    },\n    [retryMutation]\n  );\n\n  return { retryOrderCallback, isRetrying };\n}\n"],"mappings":";;;AAoDA,SAAgB,EACd,GACA,GACA,GACyB;CACzB,IAAM,EAAE,SAAM,YAAS,UAAO,eAAY,EAAiC;EACzE,WAAW;GACT,OAAO;GACP,QAAQ,IAAO;GACf,gBAAgB,EAAQ;GACxB,iBAAiB,EAAQ;GACzB,UAAU,EAAQ;EACpB;EACA,aAAa;CACf,CAAC,GAEK,IAAgB,EAAY,YAAY;EAC5C,MAAM,EAAQ;CAChB,GAAG,CAAC,CAAO,CAAC;CAEZ,OAAO;EACL,QAAS,GAAM,yBAAyB,UAAU,CAAC;EACnD,YAAY,GAAM,yBAAyB,cAAc;EACzD,WAAW;EACJ;EACP,SAAS;CACX;AACF;AAeA,SAAgB,IAA6D;CAC3E,IAAM,CAAC,GAAe,EAAE,SAAS,OAAgB,EAAqC;CAYtF,OAAO;EAAE,oBAVkB,EACzB,OAAO,GAAiB,MAA4C;GAClE,IAAM,EAAE,YAAS,MAAM,EAAc,EAAE,WAAW;IAAE;IAAS;GAAiB,EAAE,CAAC;GACjF,IAAI,CAAC,GAAM,0BAA0B,SACnC,MAAU,MAAM,GAAM,0BAA0B,SAAS,0BAA0B;EAEvF,GACA,CAAC,CAAa,CAGP;EAAoB;CAAW;AAC1C"}

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

@@ -3,11 +3,13 @@ import { InvoicesListPage as e } from "./pages/InvoicesListPage.js";
 import { InvoiceDetailPage as t } from "./pages/InvoiceDetailPage.js";
 import "./hooks/useTransactions.js";
 import "./hooks/useRefunds.js";
+import "./hooks/useOrderCallbacks.js";
 import "./hooks/index.js";
 import { TransactionsPage as n } from "./pages/TransactionsPage.js";
 import { PaymentMethodsPage as r } from "./pages/PaymentMethodsPage.js";
 import { RefundsPage as i } from "./pages/RefundsPage.js";
 import { UserRefundsPage as a } from "./pages/UserRefundsPage.js";
 import { BillingWebhookLogsPage as o } from "./pages/BillingWebhookLogsPage.js";
+import { OrderCallbackLogsPage as s } from "./pages/OrderCallbackLogsPage.js";
 import "./pages/index.js";
-export { o as BillingWebhookLogsPage, t as InvoiceDetailPage, e as InvoicesListPage, r as PaymentMethodsPage, i as RefundsPage, n as TransactionsPage, a as UserRefundsPage };
+export { o as BillingWebhookLogsPage, t as InvoiceDetailPage, e as InvoicesListPage, s as OrderCallbackLogsPage, r as PaymentMethodsPage, i as RefundsPage, n as TransactionsPage, a as UserRefundsPage };

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

@@ -0,0 +1,427 @@
+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 { ServerError as r } from "../../../shared/components/ServerError.js";
+import "../../../shared/components/index.js";
+import { formatDateTime as i } from "../../../shared/utils/format.js";
+import { isServerError as a } from "../../../shared/utils/error.js";
+import "../../../shared/utils/index.js";
+import { useBillingPermissions as o } from "../../../hooks/useBillingPermissions.js";
+import { useOrderCallbackMutations as s, useOrderCallbacks as c } from "../hooks/useOrderCallbacks.js";
+import "../hooks/index.js";
+import { useState as l } from "react";
+import { AlertTriangle as u, CheckCircle as d, ChevronLeft as f, ChevronRight as p, Clock as m, Eye as h, Loader2 as g, RefreshCw as _, RotateCw as v, X as y } from "lucide-react";
+import { jsx as b, jsxs as x } from "react/jsx-runtime";
+import { IllustratedEmptyState as S, ResponsiveTable as C } from "@burdenoff/fe-libs/ui";
+//#region src/billing/modules/billing/pages/OrderCallbackLogsPage.tsx
+var w = 25, T = [
+	"PENDING",
+	"SUCCESS",
+	"FAILED"
+], E = (e) => e.callbackStatus === "FAILED" ? {
+	label: "Failed",
+	className: `${n.error.bg} ${n.error.text}`,
+	icon: u
+} : e.callbackStatus === "SUCCESS" ? {
+	label: "Delivered",
+	className: `${n.success.bg} ${n.success.text}`,
+	icon: d
+} : {
+	label: e.callbackStatus || "Pending",
+	className: `${n.warning.bg} ${n.warning.text}`,
+	icon: m
+}, D = ({ order: e, onClose: t, onRetry: n, isRetrying: r }) => {
+	if (!e) return null;
+	let a = e.callbackStatus === "FAILED" && !!e.billingAccountId;
+	return /* @__PURE__ */ b("div", {
+		className: "fixed inset-0 z-50 flex items-center justify-center bg-bg-overlay p-4",
+		children: /* @__PURE__ */ x("div", {
+			className: "w-full max-w-2xl max-h-[85vh] overflow-y-auto rounded-lg bg-bg-surface border border-border-subtle shadow-[var(--shadow-elevation-2)]",
+			children: [/* @__PURE__ */ x("div", {
+				className: "flex items-center justify-between p-4 border-b border-border-subtle",
+				children: [/* @__PURE__ */ b("h3", {
+					className: "text-base font-semibold text-text-primary",
+					children: "Order callback details"
+				}), /* @__PURE__ */ b("button", {
+					type: "button",
+					onClick: t,
+					className: "p-1 rounded text-text-muted hover:text-text-primary hover:bg-bg-sunken/50",
+					children: /* @__PURE__ */ b(y, { className: "size-4" })
+				})]
+			}), /* @__PURE__ */ x("div", {
+				className: "p-4 space-y-4",
+				children: [
+					/* @__PURE__ */ x("div", {
+						className: "grid grid-cols-2 gap-4 text-sm",
+						children: [
+							/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("p", {
+								className: "text-text-muted",
+								children: "Order ID"
+							}), /* @__PURE__ */ b("p", {
+								className: "text-text-primary font-mono text-xs break-all",
+								children: e.id
+							})] }),
+							/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("p", {
+								className: "text-text-muted",
+								children: "Service"
+							}), /* @__PURE__ */ b("p", {
+								className: "text-text-primary",
+								children: e.externalService
+							})] }),
+							/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("p", {
+								className: "text-text-muted",
+								children: "Order status"
+							}), /* @__PURE__ */ b("p", {
+								className: "text-text-primary",
+								children: e.status
+							})] }),
+							/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("p", {
+								className: "text-text-muted",
+								children: "Amount"
+							}), /* @__PURE__ */ x("p", {
+								className: "text-text-primary",
+								children: [
+									e.subtotal,
+									" ",
+									e.currency
+								]
+							})] }),
+							/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("p", {
+								className: "text-text-muted",
+								children: "Billing account"
+							}), /* @__PURE__ */ b("p", {
+								className: "text-text-primary font-mono text-xs break-all",
+								children: e.billingAccountId || "—"
+							})] }),
+							/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("p", {
+								className: "text-text-muted",
+								children: "Payment / Transaction"
+							}), /* @__PURE__ */ x("p", {
+								className: "text-text-primary font-mono text-xs break-all",
+								children: [
+									e.paymentId || "—",
+									" / ",
+									e.transactionId || "—"
+								]
+							})] }),
+							/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("p", {
+								className: "text-text-muted",
+								children: "Created"
+							}), /* @__PURE__ */ b("p", {
+								className: "text-text-primary",
+								children: i(e.createdAt)
+							})] }),
+							/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("p", {
+								className: "text-text-muted",
+								children: "Last callback attempt"
+							}), /* @__PURE__ */ b("p", {
+								className: "text-text-primary",
+								children: e.callbackLastAttemptAt ? i(e.callbackLastAttemptAt) : "—"
+							})] }),
+							/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("p", {
+								className: "text-text-muted",
+								children: "Callback attempts"
+							}), /* @__PURE__ */ b("p", {
+								className: "text-text-primary",
+								children: e.callbackAttempts ?? 0
+							})] }),
+							/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("p", {
+								className: "text-text-muted",
+								children: "Callback status"
+							}), /* @__PURE__ */ b("p", {
+								className: "text-text-primary",
+								children: e.callbackStatus || "PENDING"
+							})] })
+						]
+					}),
+					e.callbackLastError && /* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("p", {
+						className: "text-sm text-text-muted mb-1",
+						children: "Last error"
+					}), /* @__PURE__ */ b("pre", {
+						className: "text-xs whitespace-pre-wrap p-3 rounded-md bg-status-error-bg-subtle text-status-error-text border border-status-error-border",
+						children: e.callbackLastError
+					})] }),
+					e.callbackStatus === "FAILED" && !e.billingAccountId && /* @__PURE__ */ b("p", {
+						className: "text-xs text-text-muted",
+						children: "No billing account was resolved on this order, so it can't be retried from here — the callback was never able to identify who paid."
+					}),
+					e.callbackStatus === "FAILED" && /* @__PURE__ */ x("button", {
+						type: "button",
+						onClick: () => n(e),
+						disabled: !a || r,
+						className: "inline-flex items-center gap-2 px-3 py-2 text-sm font-medium rounded-md bg-action-primary-bg text-action-primary-text hover:bg-action-primary-bgHover disabled:opacity-50",
+						children: [r ? /* @__PURE__ */ b(g, { className: "size-4 animate-spin" }) : /* @__PURE__ */ b(v, { className: "size-4" }), "Retry callback"]
+					})
+				]
+			})]
+		})
+	});
+}, O = () => {
+	let n = o(), [u, d] = l(0), [m, g] = l({}), [v, y] = l(null), [O, k] = l(null), { orders: A, totalCount: j, isLoading: M, error: N, refetch: P } = c(m, u, w), { retryOrderCallback: F, isRetrying: I } = s();
+	if (!n.isBillingAdmin) return /* @__PURE__ */ b(e, { message: "You don't have permission to view order callback logs." });
+	if (N && a(N)) return /* @__PURE__ */ b("div", {
+		className: "p-6",
+		children: /* @__PURE__ */ b(r, {
+			title: "Server Unavailable",
+			message: "Unable to load order callback logs. The server might be down or experiencing issues.",
+			onRetry: () => P(),
+			showRetry: !0
+		})
+	});
+	let L = (e, t) => {
+		g((n) => ({
+			...n,
+			[e]: t
+		})), d(0);
+	}, R = async (e) => {
+		if (e.billingAccountId) {
+			k(null);
+			try {
+				await F(e.id, e.billingAccountId), await P(), y(null);
+			} catch (e) {
+				k(e instanceof Error ? e.message : "Failed to retry callback");
+			}
+		}
+	}, z = [
+		{
+			key: "date",
+			header: "Created",
+			priority: "primary",
+			cellClassName: "whitespace-nowrap",
+			cell: (e) => /* @__PURE__ */ x("div", {
+				className: "flex flex-col",
+				children: [/* @__PURE__ */ b("span", {
+					className: "text-sm text-text-primary",
+					children: i(e.createdAt).split(" ")[0]
+				}), /* @__PURE__ */ b("span", {
+					className: "text-xs text-text-muted",
+					children: i(e.createdAt).split(" ")[1]
+				})]
+			})
+		},
+		{
+			key: "callbackStatus",
+			header: "Callback",
+			cellClassName: "whitespace-nowrap",
+			cell: (e) => {
+				let t = E(e), n = t.icon;
+				return /* @__PURE__ */ x("span", {
+					className: `inline-flex items-center gap-1 px-2 py-0.5 text-xs font-medium rounded ${t.className}`,
+					children: [/* @__PURE__ */ b(n, { className: "size-3" }), t.label]
+				});
+			}
+		},
+		{
+			key: "service",
+			header: "Service",
+			priority: "hidden-on-mobile",
+			cellClassName: "whitespace-nowrap",
+			cell: (e) => /* @__PURE__ */ b("span", {
+				className: "text-sm text-text-primary",
+				children: e.externalService
+			})
+		},
+		{
+			key: "orderId",
+			header: "Order ID",
+			cellClassName: "whitespace-nowrap max-w-[220px] truncate",
+			cell: (e) => /* @__PURE__ */ b("span", {
+				className: "text-sm font-mono text-text-muted",
+				title: e.id,
+				children: e.id
+			})
+		},
+		{
+			key: "attempts",
+			header: "Attempts",
+			priority: "hidden-on-mobile",
+			cellClassName: "whitespace-nowrap",
+			cell: (e) => /* @__PURE__ */ b("span", {
+				className: "text-sm text-text-secondary",
+				children: e.callbackAttempts ?? 0
+			})
+		},
+		{
+			key: "error",
+			header: "Error",
+			priority: "hidden-on-mobile",
+			cellClassName: "max-w-[280px] truncate",
+			cell: (e) => /* @__PURE__ */ b("span", {
+				className: "text-sm text-status-error-text",
+				children: e.callbackLastError || "-"
+			})
+		}
+	], B = Math.max(1, Math.ceil(j / w));
+	return /* @__PURE__ */ x("div", {
+		className: "space-y-6 p-6",
+		children: [
+			/* @__PURE__ */ b(t, {
+				title: "Order Callback Logs",
+				description: "Every billing→store (and other external service) order-completion callback — investigate a stuck handoff directly.",
+				actions: /* @__PURE__ */ x("button", {
+					type: "button",
+					onClick: () => P(),
+					className: "inline-flex items-center gap-2 px-3 py-2 text-sm font-medium rounded-md border border-border-subtle bg-bg-surface hover:bg-bg-sunken/50",
+					children: [/* @__PURE__ */ b(_, { className: "size-4" }), "Refresh"]
+				})
+			}),
+			O && /* @__PURE__ */ b("div", {
+				className: "p-3 rounded-md bg-status-error-bg-subtle text-status-error-text border border-status-error-border text-sm",
+				children: O
+			}),
+			/* @__PURE__ */ x("div", {
+				className: "p-4 border border-border-subtle rounded-lg bg-bg-sunken/30 grid grid-cols-1 sm:grid-cols-3 gap-4",
+				children: [
+					/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("label", {
+						className: "block text-sm font-medium mb-1",
+						children: "Callback status"
+					}), /* @__PURE__ */ x("select", {
+						value: m.callbackStatus || "",
+						onChange: (e) => L("callbackStatus", e.target.value || void 0),
+						className: "w-full px-3 py-2 border border-border-subtle rounded-md bg-bg-surface",
+						children: [/* @__PURE__ */ b("option", {
+							value: "",
+							children: "All"
+						}), T.map((e) => /* @__PURE__ */ b("option", {
+							value: e,
+							children: e
+						}, e))]
+					})] }),
+					/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("label", {
+						className: "block text-sm font-medium mb-1",
+						children: "Service"
+					}), /* @__PURE__ */ b("input", {
+						type: "text",
+						value: m.externalService || "",
+						onChange: (e) => L("externalService", e.target.value || void 0),
+						placeholder: "e.g. STORE",
+						className: "w-full px-3 py-2 border border-border-subtle rounded-md bg-bg-surface"
+					})] }),
+					/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("label", {
+						className: "block text-sm font-medium mb-1",
+						children: "Has Error"
+					}), /* @__PURE__ */ x("select", {
+						value: m.hasError === void 0 ? "" : String(m.hasError),
+						onChange: (e) => L("hasError", e.target.value === "" ? void 0 : e.target.value === "true"),
+						className: "w-full px-3 py-2 border border-border-subtle rounded-md bg-bg-surface",
+						children: [
+							/* @__PURE__ */ b("option", {
+								value: "",
+								children: "All"
+							}),
+							/* @__PURE__ */ b("option", {
+								value: "true",
+								children: "Has error"
+							}),
+							/* @__PURE__ */ b("option", {
+								value: "false",
+								children: "No error"
+							})
+						]
+					})] })
+				]
+			}),
+			M && A.length === 0 ? /* @__PURE__ */ b("div", {
+				className: "space-y-2",
+				children: [
+					1,
+					2,
+					3,
+					4,
+					5
+				].map((e) => /* @__PURE__ */ b("div", { className: "h-16 bg-bg-sunken animate-pulse rounded" }, e))
+			}) : A.length === 0 ? /* @__PURE__ */ b(S, {
+				illustration: "empty-data",
+				title: "No order callbacks found",
+				description: "Nothing matches these filters — try widening them, or check back after the next store purchase."
+			}) : /* @__PURE__ */ b("div", {
+				className: "border border-border-subtle rounded-lg overflow-hidden",
+				children: /* @__PURE__ */ b(C, {
+					columns: z,
+					data: A,
+					rowKey: (e) => e.id,
+					rowActions: (e) => /* @__PURE__ */ x("button", {
+						type: "button",
+						onClick: () => y(e),
+						className: "inline-flex items-center gap-1.5 px-2 py-1 text-sm font-medium rounded-button text-text-secondary hover:text-text-primary hover:bg-bg-sunken/60 transition-colors",
+						children: [/* @__PURE__ */ b(h, { className: "size-4" }), /* @__PURE__ */ b("span", {
+							className: "hidden sm:inline",
+							children: "View"
+						})]
+					})
+				})
+			}),
+			j > 0 && /* @__PURE__ */ x("div", {
+				className: "flex flex-col sm:flex-row items-center justify-between gap-4 border-t border-border-subtle pt-4",
+				children: [/* @__PURE__ */ x("p", {
+					className: "text-sm text-text-muted text-center sm:text-left",
+					children: [
+						"Showing ",
+						u * w + 1,
+						" to ",
+						Math.min((u + 1) * w, j),
+						" of",
+						" ",
+						j,
+						" orders"
+					]
+				}), /* @__PURE__ */ x("div", {
+					className: "flex items-center gap-2",
+					children: [
+						/* @__PURE__ */ x("button", {
+							type: "button",
+							onClick: () => d((e) => Math.max(0, e - 1)),
+							disabled: u === 0,
+							className: "inline-flex items-center gap-1 px-3 py-1.5 text-sm font-medium rounded-button border border-border-subtle bg-bg-surface hover:bg-bg-sunken/50 disabled:opacity-50 disabled:cursor-not-allowed transition-colors",
+							children: [/* @__PURE__ */ b(f, { className: "size-4" }), /* @__PURE__ */ b("span", {
+								className: "hidden sm:inline",
+								children: "Previous"
+							})]
+						}),
+						/* @__PURE__ */ x("span", {
+							className: "text-sm text-text-muted px-2",
+							children: [
+								/* @__PURE__ */ b("span", {
+									className: "hidden sm:inline",
+									children: "Page "
+								}),
+								u + 1,
+								" ",
+								/* @__PURE__ */ b("span", {
+									className: "hidden sm:inline",
+									children: "of"
+								}),
+								/* @__PURE__ */ b("span", {
+									className: "sm:hidden",
+									children: "/"
+								}),
+								" ",
+								B
+							]
+						}),
+						/* @__PURE__ */ x("button", {
+							type: "button",
+							onClick: () => d((e) => e + 1 < B ? e + 1 : e),
+							disabled: u + 1 >= B,
+							className: "inline-flex items-center gap-1 px-3 py-1.5 text-sm font-medium rounded-button border border-border-subtle bg-bg-surface hover:bg-bg-sunken/50 disabled:opacity-50 disabled:cursor-not-allowed transition-colors",
+							children: [/* @__PURE__ */ b("span", {
+								className: "hidden sm:inline",
+								children: "Next"
+							}), /* @__PURE__ */ b(p, { className: "size-4" })]
+						})
+					]
+				})]
+			}),
+			/* @__PURE__ */ b(D, {
+				order: v,
+				onClose: () => y(null),
+				onRetry: R,
+				isRetrying: I
+			})
+		]
+	});
+};
+//#endregion
+export { O as OrderCallbackLogsPage };
+
+//# sourceMappingURL=OrderCallbackLogsPage.js.map

package/dist/billing/modules/billing/pages/OrderCallbackLogsPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OrderCallbackLogsPage.js","names":[],"sources":["../../../../../src/billing/modules/billing/pages/OrderCallbackLogsPage.tsx"],"sourcesContent":["/**\n * Billing Module - Order Callback Logs Page\n * Admin visibility into the billing→external-service (store, etc.) order\n * completion callback — every BillingOrder's callback delivery attempt, not\n * just the ones currently FAILED. The outbound counterpart to\n * BillingWebhookLogsPage's inbound Stripe/Razorpay webhook view: lets\n * whoever owns billing ops see and retry a stuck billing→store handoff\n * without needing direct DB access (BOFF-7192).\n */\n\nimport { useState, type FC } from 'react';\nimport {\n  RefreshCw,\n  ChevronLeft,\n  ChevronRight,\n  CheckCircle,\n  AlertTriangle,\n  Clock,\n  X,\n  RotateCw,\n  Loader2,\n  Eye,\n} from 'lucide-react';\nimport { useBillingPermissions } from '../../../hooks/useBillingPermissions';\nimport {\n  useOrderCallbacks,\n  useOrderCallbackMutations,\n  type OrderCallbackFilters,\n  type OrderCallback,\n} from '../hooks';\nimport { AccessDenied, PageHeader, ServerError } from '../../../shared/components';\nimport { formatDateTime, isServerError } from '../../../shared/utils';\nimport { statusTokens } from '../../../shared/utils/tokens';\nimport {\n  ResponsiveTable,\n  type ResponsiveTableColumn,\n  IllustratedEmptyState,\n} from '@burdenoff/fe-libs/ui';\n\nconst PAGE_SIZE = 25;\nconst CALLBACK_STATUS_OPTIONS = ['PENDING', 'SUCCESS', 'FAILED'];\n\nconst getBadge = (\n  order: OrderCallback\n): { label: string; className: string; icon: FC<{ className?: string }> } => {\n  if (order.callbackStatus === 'FAILED') {\n    return {\n      label: 'Failed',\n      className: `${statusTokens.error.bg} ${statusTokens.error.text}`,\n      icon: AlertTriangle,\n    };\n  }\n  if (order.callbackStatus === 'SUCCESS') {\n    return {\n      label: 'Delivered',\n      className: `${statusTokens.success.bg} ${statusTokens.success.text}`,\n      icon: CheckCircle,\n    };\n  }\n  return {\n    label: order.callbackStatus || 'Pending',\n    className: `${statusTokens.warning.bg} ${statusTokens.warning.text}`,\n    icon: Clock,\n  };\n};\n\nconst OrderCallbackDetailModal: FC<{\n  order: OrderCallback | null;\n  onClose: () => void;\n  onRetry: (order: OrderCallback) => void;\n  isRetrying: boolean;\n}> = ({ order, onClose, onRetry, isRetrying }) => {\n  if (!order) return null;\n\n  const canRetry = order.callbackStatus === 'FAILED' && Boolean(order.billingAccountId);\n\n  return (\n    <div className=\"fixed inset-0 z-50 flex items-center justify-center bg-bg-overlay p-4\">\n      <div className=\"w-full max-w-2xl max-h-[85vh] overflow-y-auto rounded-lg bg-bg-surface border border-border-subtle shadow-[var(--shadow-elevation-2)]\">\n        <div className=\"flex items-center justify-between p-4 border-b border-border-subtle\">\n          <h3 className=\"text-base font-semibold text-text-primary\">Order callback details</h3>\n          <button\n            type=\"button\"\n            onClick={onClose}\n            className=\"p-1 rounded text-text-muted hover:text-text-primary hover:bg-bg-sunken/50\"\n          >\n            <X className=\"size-4\" />\n          </button>\n        </div>\n        <div className=\"p-4 space-y-4\">\n          <div className=\"grid grid-cols-2 gap-4 text-sm\">\n            <div>\n              <p className=\"text-text-muted\">Order ID</p>\n              <p className=\"text-text-primary font-mono text-xs break-all\">{order.id}</p>\n            </div>\n            <div>\n              <p className=\"text-text-muted\">Service</p>\n              <p className=\"text-text-primary\">{order.externalService}</p>\n            </div>\n            <div>\n              <p className=\"text-text-muted\">Order status</p>\n              <p className=\"text-text-primary\">{order.status}</p>\n            </div>\n            <div>\n              <p className=\"text-text-muted\">Amount</p>\n              <p className=\"text-text-primary\">\n                {order.subtotal} {order.currency}\n              </p>\n            </div>\n            <div>\n              <p className=\"text-text-muted\">Billing account</p>\n              <p className=\"text-text-primary font-mono text-xs break-all\">\n                {order.billingAccountId || '—'}\n              </p>\n            </div>\n            <div>\n              <p className=\"text-text-muted\">Payment / Transaction</p>\n              <p className=\"text-text-primary font-mono text-xs break-all\">\n                {order.paymentId || '—'} / {order.transactionId || '—'}\n              </p>\n            </div>\n            <div>\n              <p className=\"text-text-muted\">Created</p>\n              <p className=\"text-text-primary\">{formatDateTime(order.createdAt)}</p>\n            </div>\n            <div>\n              <p className=\"text-text-muted\">Last callback attempt</p>\n              <p className=\"text-text-primary\">\n                {order.callbackLastAttemptAt ? formatDateTime(order.callbackLastAttemptAt) : '—'}\n              </p>\n            </div>\n            <div>\n              <p className=\"text-text-muted\">Callback attempts</p>\n              <p className=\"text-text-primary\">{order.callbackAttempts ?? 0}</p>\n            </div>\n            <div>\n              <p className=\"text-text-muted\">Callback status</p>\n              <p className=\"text-text-primary\">{order.callbackStatus || 'PENDING'}</p>\n            </div>\n          </div>\n          {order.callbackLastError && (\n            <div>\n              <p className=\"text-sm text-text-muted mb-1\">Last error</p>\n              <pre className=\"text-xs whitespace-pre-wrap p-3 rounded-md bg-status-error-bg-subtle text-status-error-text border border-status-error-border\">\n                {order.callbackLastError}\n              </pre>\n            </div>\n          )}\n          {order.callbackStatus === 'FAILED' && !order.billingAccountId && (\n            <p className=\"text-xs text-text-muted\">\n              No billing account was resolved on this order, so it can&apos;t be retried from here —\n              the callback was never able to identify who paid.\n            </p>\n          )}\n          {order.callbackStatus === 'FAILED' && (\n            <button\n              type=\"button\"\n              onClick={() => onRetry(order)}\n              disabled={!canRetry || isRetrying}\n              className=\"inline-flex items-center gap-2 px-3 py-2 text-sm font-medium rounded-md bg-action-primary-bg text-action-primary-text hover:bg-action-primary-bgHover disabled:opacity-50\"\n            >\n              {isRetrying ? (\n                <Loader2 className=\"size-4 animate-spin\" />\n              ) : (\n                <RotateCw className=\"size-4\" />\n              )}\n              Retry callback\n            </button>\n          )}\n        </div>\n      </div>\n    </div>\n  );\n};\n\nexport const OrderCallbackLogsPage: FC = () => {\n  const permissions = useBillingPermissions();\n  const [page, setPage] = useState(0);\n  const [filters, setFilters] = useState<OrderCallbackFilters>({});\n  const [selectedOrder, setSelectedOrder] = useState<OrderCallback | null>(null);\n  const [retryError, setRetryError] = useState<string | null>(null);\n\n  const { orders, totalCount, isLoading, error, refetch } = useOrderCallbacks(\n    filters,\n    page,\n    PAGE_SIZE\n  );\n  const { retryOrderCallback, isRetrying } = useOrderCallbackMutations();\n\n  if (!permissions.isBillingAdmin) {\n    return <AccessDenied message=\"You don't have permission to view order callback logs.\" />;\n  }\n\n  if (error && isServerError(error)) {\n    return (\n      <div className=\"p-6\">\n        <ServerError\n          title=\"Server Unavailable\"\n          message=\"Unable to load order callback logs. The server might be down or experiencing issues.\"\n          onRetry={() => refetch()}\n          showRetry\n        />\n      </div>\n    );\n  }\n\n  const handleFilterChange = <K extends keyof OrderCallbackFilters>(\n    key: K,\n    value: OrderCallbackFilters[K]\n  ) => {\n    setFilters((prev) => ({ ...prev, [key]: value }));\n    setPage(0);\n  };\n\n  const handleRetry = async (order: OrderCallback) => {\n    if (!order.billingAccountId) return;\n    setRetryError(null);\n    try {\n      await retryOrderCallback(order.id, order.billingAccountId);\n      await refetch();\n      setSelectedOrder(null);\n    } catch (err) {\n      setRetryError(err instanceof Error ? err.message : 'Failed to retry callback');\n    }\n  };\n\n  const columns: ResponsiveTableColumn<OrderCallback>[] = [\n    {\n      key: 'date',\n      header: 'Created',\n      priority: 'primary',\n      cellClassName: 'whitespace-nowrap',\n      cell: (order) => (\n        <div className=\"flex flex-col\">\n          <span className=\"text-sm text-text-primary\">\n            {formatDateTime(order.createdAt).split(' ')[0]}\n          </span>\n          <span className=\"text-xs text-text-muted\">\n            {formatDateTime(order.createdAt).split(' ')[1]}\n          </span>\n        </div>\n      ),\n    },\n    {\n      key: 'callbackStatus',\n      header: 'Callback',\n      cellClassName: 'whitespace-nowrap',\n      cell: (order) => {\n        const badge = getBadge(order);\n        const BadgeIcon = badge.icon;\n        return (\n          <span\n            className={`inline-flex items-center gap-1 px-2 py-0.5 text-xs font-medium rounded ${badge.className}`}\n          >\n            <BadgeIcon className=\"size-3\" />\n            {badge.label}\n          </span>\n        );\n      },\n    },\n    {\n      key: 'service',\n      header: 'Service',\n      priority: 'hidden-on-mobile',\n      cellClassName: 'whitespace-nowrap',\n      cell: (order) => <span className=\"text-sm text-text-primary\">{order.externalService}</span>,\n    },\n    {\n      key: 'orderId',\n      header: 'Order ID',\n      cellClassName: 'whitespace-nowrap max-w-[220px] truncate',\n      cell: (order) => (\n        <span className=\"text-sm font-mono text-text-muted\" title={order.id}>\n          {order.id}\n        </span>\n      ),\n    },\n    {\n      key: 'attempts',\n      header: 'Attempts',\n      priority: 'hidden-on-mobile',\n      cellClassName: 'whitespace-nowrap',\n      cell: (order) => (\n        <span className=\"text-sm text-text-secondary\">{order.callbackAttempts ?? 0}</span>\n      ),\n    },\n    {\n      key: 'error',\n      header: 'Error',\n      priority: 'hidden-on-mobile',\n      cellClassName: 'max-w-[280px] truncate',\n      cell: (order) => (\n        <span className=\"text-sm text-status-error-text\">{order.callbackLastError || '-'}</span>\n      ),\n    },\n  ];\n\n  const totalPages = Math.max(1, Math.ceil(totalCount / PAGE_SIZE));\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <PageHeader\n        title=\"Order Callback Logs\"\n        description=\"Every billing→store (and other external service) order-completion callback — investigate a stuck handoff directly.\"\n        actions={\n          <button\n            type=\"button\"\n            onClick={() => refetch()}\n            className=\"inline-flex items-center gap-2 px-3 py-2 text-sm font-medium rounded-md border border-border-subtle bg-bg-surface hover:bg-bg-sunken/50\"\n          >\n            <RefreshCw className=\"size-4\" />\n            Refresh\n          </button>\n        }\n      />\n\n      {retryError && (\n        <div className=\"p-3 rounded-md bg-status-error-bg-subtle text-status-error-text border border-status-error-border text-sm\">\n          {retryError}\n        </div>\n      )}\n\n      {/* Filters */}\n      <div className=\"p-4 border border-border-subtle rounded-lg bg-bg-sunken/30 grid grid-cols-1 sm:grid-cols-3 gap-4\">\n        <div>\n          <label className=\"block text-sm font-medium mb-1\">Callback status</label>\n          <select\n            value={filters.callbackStatus || ''}\n            onChange={(e) => handleFilterChange('callbackStatus', e.target.value || undefined)}\n            className=\"w-full px-3 py-2 border border-border-subtle rounded-md bg-bg-surface\"\n          >\n            <option value=\"\">All</option>\n            {CALLBACK_STATUS_OPTIONS.map((s) => (\n              <option key={s} value={s}>\n                {s}\n              </option>\n            ))}\n          </select>\n        </div>\n        <div>\n          <label className=\"block text-sm font-medium mb-1\">Service</label>\n          <input\n            type=\"text\"\n            value={filters.externalService || ''}\n            onChange={(e) => handleFilterChange('externalService', e.target.value || undefined)}\n            placeholder=\"e.g. STORE\"\n            className=\"w-full px-3 py-2 border border-border-subtle rounded-md bg-bg-surface\"\n          />\n        </div>\n        <div>\n          <label className=\"block text-sm font-medium mb-1\">Has Error</label>\n          <select\n            value={filters.hasError === undefined ? '' : String(filters.hasError)}\n            onChange={(e) =>\n              handleFilterChange(\n                'hasError',\n                e.target.value === '' ? undefined : e.target.value === 'true'\n              )\n            }\n            className=\"w-full px-3 py-2 border border-border-subtle rounded-md bg-bg-surface\"\n          >\n            <option value=\"\">All</option>\n            <option value=\"true\">Has error</option>\n            <option value=\"false\">No error</option>\n          </select>\n        </div>\n      </div>\n\n      {/* Table */}\n      {isLoading && orders.length === 0 ? (\n        <div className=\"space-y-2\">\n          {[1, 2, 3, 4, 5].map((i) => (\n            <div key={i} className=\"h-16 bg-bg-sunken animate-pulse rounded\" />\n          ))}\n        </div>\n      ) : orders.length === 0 ? (\n        <IllustratedEmptyState\n          illustration=\"empty-data\"\n          title=\"No order callbacks found\"\n          description=\"Nothing matches these filters — try widening them, or check back after the next store purchase.\"\n        />\n      ) : (\n        <div className=\"border border-border-subtle rounded-lg overflow-hidden\">\n          <ResponsiveTable<OrderCallback>\n            columns={columns}\n            data={orders}\n            rowKey={(order) => order.id}\n            rowActions={(order) => (\n              <button\n                type=\"button\"\n                onClick={() => setSelectedOrder(order)}\n                className=\"inline-flex items-center gap-1.5 px-2 py-1 text-sm font-medium rounded-button text-text-secondary hover:text-text-primary hover:bg-bg-sunken/60 transition-colors\"\n              >\n                <Eye className=\"size-4\" />\n                <span className=\"hidden sm:inline\">View</span>\n              </button>\n            )}\n          />\n        </div>\n      )}\n\n      {/* Pagination */}\n      {totalCount > 0 && (\n        <div className=\"flex flex-col sm:flex-row items-center justify-between gap-4 border-t border-border-subtle pt-4\">\n          <p className=\"text-sm text-text-muted text-center sm:text-left\">\n            Showing {page * PAGE_SIZE + 1} to {Math.min((page + 1) * PAGE_SIZE, totalCount)} of{' '}\n            {totalCount} orders\n          </p>\n          <div className=\"flex items-center gap-2\">\n            <button\n              type=\"button\"\n              onClick={() => setPage((p) => Math.max(0, p - 1))}\n              disabled={page === 0}\n              className=\"inline-flex items-center gap-1 px-3 py-1.5 text-sm font-medium rounded-button border border-border-subtle bg-bg-surface hover:bg-bg-sunken/50 disabled:opacity-50 disabled:cursor-not-allowed transition-colors\"\n            >\n              <ChevronLeft className=\"size-4\" />\n              <span className=\"hidden sm:inline\">Previous</span>\n            </button>\n            <span className=\"text-sm text-text-muted px-2\">\n              <span className=\"hidden sm:inline\">Page </span>\n              {page + 1} <span className=\"hidden sm:inline\">of</span>\n              <span className=\"sm:hidden\">/</span> {totalPages}\n            </span>\n            <button\n              type=\"button\"\n              onClick={() => setPage((p) => (p + 1 < totalPages ? p + 1 : p))}\n              disabled={page + 1 >= totalPages}\n              className=\"inline-flex items-center gap-1 px-3 py-1.5 text-sm font-medium rounded-button border border-border-subtle bg-bg-surface hover:bg-bg-sunken/50 disabled:opacity-50 disabled:cursor-not-allowed transition-colors\"\n            >\n              <span className=\"hidden sm:inline\">Next</span>\n              <ChevronRight className=\"size-4\" />\n            </button>\n          </div>\n        </div>\n      )}\n\n      <OrderCallbackDetailModal\n        order={selectedOrder}\n        onClose={() => setSelectedOrder(null)}\n        onRetry={handleRetry}\n        isRetrying={isRetrying}\n      />\n    </div>\n  );\n};\n"],"mappings":"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"}

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

@@ -5,3 +5,4 @@ import "./PaymentMethodsPage.js";
 import "./RefundsPage.js";
 import "./UserRefundsPage.js";
 import "./BillingWebhookLogsPage.js";
+import "./OrderCallbackLogsPage.js";

package/dist/billing/modules/checkout/hooks/useCheckout.js

@@ -285,20 +285,21 @@ function u(u = {}) {
 					}
 				}
 				if (a === "CREDITS") {
-					let e = _.filter((e) => e.type === "ADDON"), t = _.find((e) => e.type === "PLAN"), { data: n } = await fe({ variables: { input: {
+					let e = _.filter((e) => e.type === "ADDON"), n = _.find((e) => e.type === "PLAN"), { data: a } = await fe({ variables: { input: {
 						billingAccountId: y.id,
-						planId: t ? t.metadata?.planId || t.id : void 0,
+						orderId: t === "ORDER" ? r : void 0,
+						planId: n ? n.metadata?.planId || n.id : void 0,
 						addOnIds: e.length > 0 ? e.map((e) => ({
 							id: e.metadata?.addonId || e.id,
 							quantity: e.quantity
 						})) : void 0,
-						isAnnual: t?.metadata?.duration === "yearly",
+						isAnnual: n?.metadata?.duration === "yearly",
 						upgradeFromSubscriptionId: m || void 0,
 						downgradeFromSubscriptionId: h || void 0,
 						subscriptionId: e.length > 0 ? W : void 0,
-						seatCount: t?.metadata?.seatCount
-					} } }), r = n?.spendCredits;
-					return r?.creditTransactionID ? (P("success"), {
+						seatCount: n?.metadata?.seatCount
+					} } }), o = a?.spendCredits;
+					return o?.creditTransactionID ? (P("success"), {
 						success: !0,
 						provider: "CREDITS",
 						subtotal: i,
@@ -308,7 +309,7 @@ function u(u = {}) {
 						taxType: "NONE",
 						jurisdiction: "UNKNOWN",
 						currency: S,
-						orderId: r.creditTransactionID
+						orderId: o.creditTransactionID
 					}) : (P("error"), F("Failed to process credit payment"), {
 						success: !1,
 						provider: "CREDITS",