npm - @burdenoff/microfe-hookmovies - Versions diffs - 2026.706.2 → 2026.706.4 - Mend

@burdenoff/microfe-hookmovies 2026.706.2 → 2026.706.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (62) hide show

package/dist/hookmovies/pages/analytics/PayoutsPage.js ADDED Viewed

@@ -0,0 +1,499 @@
+import { PageLayout as e } from "../../components/PageLayout.js";
+import { MetricsCard as t } from "../../components/MetricsCard.js";
+import { StatusBadge as n } from "../../components/StatusBadge.js";
+import { useMyBillingAccounts as ee, useMyEarningsEntries as r, useMyEarningsSummary as te, useMyPayoutAccounts as ne, useMyPayoutRequests as re, useRequestPayout as ie } from "../../hooks/useHookMoviesApi.js";
+import { formatDate as i, formatEnumLabel as a } from "../../utils/formatters.js";
+import { EmptyState as o } from "../../components/EmptyState.js";
+import { ErrorState as s, LoadingState as c } from "../../components/StateViews.js";
+import { Pagination as l } from "../../components/Pagination.js";
+import { useMemo as u, useState as d } from "react";
+import { useQueryClient as ae } from "@tanstack/react-query";
+import { ArrowDownToLine as oe, BadgeCheck as se, CircleDollarSign as ce, Clock as f, Coins as le, Info as ue, Landmark as de, ReceiptText as fe, Wallet as p, X as pe } from "lucide-react";
+import { jsx as m, jsxs as h } from "react/jsx-runtime";
+import { GlassCard as g } from "@burdenoff/fe-libs/ui";
+//#region src/hookmovies/pages/analytics/PayoutsPage.tsx
+var _ = 10, v = 10, me = [
+	"AVAILABLE",
+	"RESERVED",
+	"PAID",
+	"REVERSED"
+], y = "w-full rounded-lg border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary placeholder:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]", b = "mb-1.5 block text-xs font-medium text-text-secondary";
+function x(e, t) {
+	try {
+		return new Intl.NumberFormat(void 0, {
+			style: "currency",
+			currency: t
+		}).format(e);
+	} catch {
+		return `${e.toFixed(2)} ${t}`;
+	}
+}
+function S(e) {
+	let t = [a(e.type)];
+	return e.accountLast4 && t.push(`••••${e.accountLast4}`), t.join(" · ");
+}
+var C = () => {
+	let C = ae(), w = ee(), T = u(() => w.data ?? [], [w.data]), he = u(() => {
+		if (T.length !== 0) return (T.find((e) => e.isDefault) ?? T[0]).id;
+	}, [T]), [ge, _e] = d(null), E = ge ?? he, ve = T.find((e) => e.id === E), [D, ye] = d(""), [O, k] = d(0), [A, j] = d(0), [be, M] = d(!1), [N, P] = d(""), [F, I] = d(""), [L, R] = d(""), [z, B] = d(null), V = te(E), H = ne(E), U = r(E, D ? { status: D } : void 0, _, O * _), W = re(E, v, A * v), G = r(E, { status: "RESERVED" }, 100, 0), K = ie(), q = V.data, J = H.data ?? [], Y = J.find((e) => e.isDefault) ?? J[0] ?? null, X = ve?.currency ?? U.data?.items[0]?.currency ?? "USD", Z = u(() => {
+		let e = Date.now();
+		return (G.data?.items ?? []).map((e) => ({
+			raw: e.availableAt,
+			t: new Date(e.availableAt).getTime()
+		})).filter((t) => Number.isFinite(t.t) && t.t >= e).sort((e, t) => e.t - t.t)[0]?.raw ?? null;
+	}, [G.data]), xe = () => {
+		B(null), P(Y?.id ?? ""), I(q && q.availableAmount > 0 ? String(q.availableAmount) : ""), R(""), M(!0);
+	}, Se = async (e) => {
+		if (e.preventDefault(), B(null), !E) return;
+		if (!N) {
+			B("Select a payout method.");
+			return;
+		}
+		let t = Number(F);
+		if (!Number.isFinite(t) || t <= 0) {
+			B("Enter a valid amount greater than zero.");
+			return;
+		}
+		if (q && t > q.availableAmount) {
+			B(`Amount exceeds your available balance (${x(q.availableAmount, X)}).`);
+			return;
+		}
+		try {
+			await K.mutateAsync({
+				billingAccountId: E,
+				payoutAccountId: N,
+				amount: t,
+				currency: X,
+				notes: L.trim() || void 0
+			}), C.invalidateQueries({ queryKey: ["hookmovies", "earnings-entries"] }), C.invalidateQueries({ queryKey: [
+				"hookmovies",
+				"payout-accounts",
+				E
+			] }), M(!1), j(0);
+		} catch (e) {
+			B(e instanceof Error ? e.message : "Payout request failed");
+		}
+	};
+	if (w.isLoading) return /* @__PURE__ */ m(e, {
+		title: "Creator Royalty Ledger & Payouts",
+		description: "Your earnings, ledger & withdrawals",
+		children: /* @__PURE__ */ m(c, { label: "Loading your billing account…" })
+	});
+	if (w.isError) return /* @__PURE__ */ m(e, {
+		title: "Creator Royalty Ledger & Payouts",
+		description: "Your earnings, ledger & withdrawals",
+		children: /* @__PURE__ */ m(s, { onRetry: () => void w.refetch() })
+	});
+	if (!E) return /* @__PURE__ */ m(e, {
+		title: "Creator Royalty Ledger & Payouts",
+		description: "Your earnings, ledger & withdrawals",
+		purpose: "Royalties from your titles — rentals, purchases and revenue share — accrue to a billing account. Once you have one, your earnings ledger and payout options appear here.",
+		children: /* @__PURE__ */ m(o, {
+			icon: /* @__PURE__ */ m(p, { className: "h-12 w-12" }),
+			title: "No billing account yet",
+			description: "Royalties are paid into a billing account. You do not have one associated with this workspace yet, so there is nothing to display."
+		})
+	});
+	let Q = U.data?.items ?? [], $ = W.data?.items ?? [], Ce = !!(q && q.availableAmount > 0) && J.length > 0;
+	return /* @__PURE__ */ h(e, {
+		title: "Creator Royalty Ledger & Payouts",
+		description: "Your earnings, ledger & withdrawals",
+		purpose: "Every royalty your titles earn is recorded as a ledger entry against your billing account. Funds move from reserved → available, and you can withdraw the available balance to a verified payout method.",
+		actions: /* @__PURE__ */ h("div", {
+			className: "flex items-center gap-3",
+			children: [T.length > 1 && /* @__PURE__ */ m("select", {
+				value: E,
+				onChange: (e) => {
+					_e(e.target.value), k(0), j(0);
+				},
+				"aria-label": "Billing account",
+				className: "rounded-lg border border-border-subtle bg-bg-surface px-3 py-2 text-xs text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]",
+				children: T.map((e) => /* @__PURE__ */ m("option", {
+					value: e.id,
+					children: e.name ?? e.id
+				}, e.id))
+			}), /* @__PURE__ */ h("button", {
+				type: "button",
+				onClick: xe,
+				disabled: !Ce,
+				className: "inline-flex items-center gap-2 rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:opacity-90 disabled:opacity-50 disabled:cursor-not-allowed transition-opacity",
+				children: [/* @__PURE__ */ m(oe, { className: "h-4 w-4" }), "Withdraw"]
+			})]
+		}),
+		children: [
+			be && /* @__PURE__ */ h(g, {
+				treatment: "glass",
+				className: "mb-6 border-border-seam p-5",
+				children: [/* @__PURE__ */ h("div", {
+					className: "mb-3 flex items-center justify-between",
+					children: [/* @__PURE__ */ m("h2", {
+						className: "text-sm font-semibold text-text-primary",
+						children: "Withdraw available balance"
+					}), /* @__PURE__ */ m("button", {
+						type: "button",
+						onClick: () => M(!1),
+						className: "rounded-md p-1 text-text-secondary hover:text-text-primary",
+						"aria-label": "Close",
+						children: /* @__PURE__ */ m(pe, { className: "h-4 w-4" })
+					})]
+				}), /* @__PURE__ */ h("form", {
+					onSubmit: Se,
+					className: "space-y-4",
+					children: [
+						z && /* @__PURE__ */ m("div", {
+							className: "rounded-lg border border-status-error-border bg-status-error-bg-subtle px-3 py-2 text-sm text-status-error-text",
+							children: z
+						}),
+						/* @__PURE__ */ h("div", {
+							className: "grid grid-cols-1 gap-4 sm:grid-cols-2",
+							children: [/* @__PURE__ */ h("div", { children: [/* @__PURE__ */ m("label", {
+								htmlFor: "withdraw-account",
+								className: b,
+								children: "Payout method *"
+							}), /* @__PURE__ */ h("select", {
+								id: "withdraw-account",
+								value: N,
+								onChange: (e) => P(e.target.value),
+								className: y,
+								required: !0,
+								children: [/* @__PURE__ */ m("option", {
+									value: "",
+									children: "Select a method…"
+								}), J.map((e) => /* @__PURE__ */ h("option", {
+									value: e.id,
+									children: [
+										e.label,
+										" — ",
+										S(e)
+									]
+								}, e.id))]
+							})] }), /* @__PURE__ */ h("div", { children: [
+								/* @__PURE__ */ h("label", {
+									htmlFor: "withdraw-amount",
+									className: b,
+									children: [
+										"Amount (",
+										X,
+										") *"
+									]
+								}),
+								/* @__PURE__ */ m("input", {
+									id: "withdraw-amount",
+									type: "number",
+									min: "0",
+									step: "0.01",
+									value: F,
+									onChange: (e) => I(e.target.value),
+									placeholder: "0.00",
+									className: y,
+									required: !0
+								}),
+								q && /* @__PURE__ */ h("p", {
+									className: "mt-1 text-xs text-text-secondary",
+									children: ["Available: ", x(q.availableAmount, X)]
+								})
+							] })]
+						}),
+						/* @__PURE__ */ h("div", { children: [/* @__PURE__ */ m("label", {
+							htmlFor: "withdraw-notes",
+							className: b,
+							children: "Notes (optional)"
+						}), /* @__PURE__ */ m("input", {
+							id: "withdraw-notes",
+							type: "text",
+							value: L,
+							onChange: (e) => R(e.target.value),
+							placeholder: "Reference for this withdrawal",
+							className: y
+						})] }),
+						/* @__PURE__ */ m("button", {
+							type: "submit",
+							disabled: K.isPending,
+							className: "rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:opacity-90 disabled:opacity-50 transition-opacity",
+							children: K.isPending ? "Requesting…" : "Request payout"
+						})
+					]
+				})]
+			}),
+			V.isLoading ? /* @__PURE__ */ m(c, { label: "Loading earnings summary…" }) : V.isError ? /* @__PURE__ */ m(s, { onRetry: () => void V.refetch() }) : q ? /* @__PURE__ */ h("div", {
+				className: "grid grid-cols-1 gap-4 sm:grid-cols-2 xl:grid-cols-4",
+				children: [
+					/* @__PURE__ */ m(t, {
+						featured: !0,
+						icon: /* @__PURE__ */ m(p, { className: "h-5 w-5" }),
+						value: x(q.availableAmount, X),
+						label: "Available to withdraw"
+					}),
+					/* @__PURE__ */ m(t, {
+						icon: /* @__PURE__ */ m(f, { className: "h-5 w-5" }),
+						value: x(q.reservedAmount, X),
+						label: "Reserved (clearing)"
+					}),
+					/* @__PURE__ */ m(t, {
+						icon: /* @__PURE__ */ m(se, { className: "h-5 w-5" }),
+						value: x(q.paidAmount, X),
+						label: "Paid out"
+					}),
+					/* @__PURE__ */ m(t, {
+						icon: /* @__PURE__ */ m(ce, { className: "h-5 w-5" }),
+						value: x(q.totalLifetimeAmount, X),
+						label: "Lifetime earnings"
+					})
+				]
+			}) : null,
+			/* @__PURE__ */ h("div", {
+				className: "mt-4 grid grid-cols-1 gap-4 lg:grid-cols-2",
+				children: [/* @__PURE__ */ h(g, {
+					treatment: "metric",
+					className: "border-border-seam p-5",
+					children: [/* @__PURE__ */ h("div", {
+						className: "flex items-center gap-2 text-text-secondary",
+						children: [/* @__PURE__ */ m(de, { className: "h-4 w-4" }), /* @__PURE__ */ m("h3", {
+							className: "text-xs font-medium uppercase tracking-wide",
+							children: "Payout method"
+						})]
+					}), H.isLoading ? /* @__PURE__ */ m("p", {
+						className: "mt-3 text-sm text-text-secondary",
+						children: "Loading…"
+					}) : Y ? /* @__PURE__ */ h("div", {
+						className: "mt-3",
+						children: [/* @__PURE__ */ h("div", {
+							className: "flex items-center gap-2",
+							children: [
+								/* @__PURE__ */ m("p", {
+									className: "text-sm font-semibold text-text-primary",
+									children: Y.label
+								}),
+								Y.isDefault && /* @__PURE__ */ m("span", {
+									className: "rounded-full bg-bg-sunken px-2 py-0.5 text-[10px] text-text-secondary",
+									children: "Default"
+								}),
+								/* @__PURE__ */ m(n, { status: Y.status })
+							]
+						}), /* @__PURE__ */ h("p", {
+							className: "mt-1 text-sm text-text-secondary",
+							children: [
+								S(Y),
+								" · ",
+								Y.currency
+							]
+						})]
+					}) : /* @__PURE__ */ h("p", {
+						className: "mt-3 flex items-start gap-2 text-sm text-text-secondary",
+						children: [/* @__PURE__ */ m(ue, { className: "mt-0.5 h-4 w-4 shrink-0" }), "No payout method on file. Add a verified bank / UPI / wallet destination in your billing settings to enable withdrawals."]
+					})]
+				}), /* @__PURE__ */ h(g, {
+					treatment: "metric",
+					className: "border-border-seam p-5",
+					children: [/* @__PURE__ */ h("div", {
+						className: "flex items-center gap-2 text-text-secondary",
+						children: [/* @__PURE__ */ m(f, { className: "h-4 w-4" }), /* @__PURE__ */ m("h3", {
+							className: "text-xs font-medium uppercase tracking-wide",
+							children: "Next funds available"
+						})]
+					}), G.isLoading ? /* @__PURE__ */ m("p", {
+						className: "mt-3 text-sm text-text-secondary",
+						children: "Loading…"
+					}) : Z ? /* @__PURE__ */ h("div", {
+						className: "mt-3",
+						children: [/* @__PURE__ */ m("p", {
+							className: "text-sm font-semibold text-text-primary",
+							children: i(Z, {
+								hour: void 0,
+								minute: void 0
+							})
+						}), /* @__PURE__ */ m("p", {
+							className: "mt-1 text-sm text-text-secondary",
+							children: "Reserved royalties clear to your available balance on this date."
+						})]
+					}) : /* @__PURE__ */ m("p", {
+						className: "mt-3 text-sm text-text-secondary",
+						children: "No reserved royalties are currently pending clearance."
+					})]
+				})]
+			}),
+			/* @__PURE__ */ h("div", {
+				className: "mt-6",
+				children: [
+					/* @__PURE__ */ h("div", {
+						className: "mb-3 flex flex-wrap items-center justify-between gap-3",
+						children: [/* @__PURE__ */ m("h2", {
+							className: "text-sm font-semibold text-text-primary",
+							children: "Royalty ledger"
+						}), /* @__PURE__ */ h("select", {
+							value: D,
+							onChange: (e) => {
+								ye(e.target.value), k(0);
+							},
+							"aria-label": "Filter ledger by status",
+							className: "rounded-lg border border-border-subtle bg-bg-surface px-3 py-2 text-xs text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]",
+							children: [/* @__PURE__ */ m("option", {
+								value: "",
+								children: "Any status"
+							}), me.map((e) => /* @__PURE__ */ m("option", {
+								value: e,
+								children: a(e)
+							}, e))]
+						})]
+					}),
+					U.isLoading ? /* @__PURE__ */ m(c, { label: "Loading ledger…" }) : U.isError ? /* @__PURE__ */ m(s, { onRetry: () => void U.refetch() }) : Q.length === 0 ? /* @__PURE__ */ m(o, {
+						icon: /* @__PURE__ */ m(fe, { className: "h-12 w-12" }),
+						title: "No royalty entries yet",
+						description: D ? "No ledger entries match this status filter." : "Your titles have not generated any royalties on this billing account yet. Earnings appear here as they accrue."
+					}) : /* @__PURE__ */ m("div", {
+						className: "overflow-x-auto rounded-lg border border-border-seam bg-bg-surface",
+						children: /* @__PURE__ */ h("table", {
+							className: "w-full min-w-[36rem] text-sm",
+							children: [/* @__PURE__ */ m("thead", { children: /* @__PURE__ */ h("tr", {
+								className: "border-b border-border-seam text-left text-xs text-text-secondary",
+								children: [
+									/* @__PURE__ */ m("th", {
+										className: "px-4 py-3 font-medium",
+										children: "Date"
+									}),
+									/* @__PURE__ */ m("th", {
+										className: "px-4 py-3 font-medium",
+										children: "Source"
+									}),
+									/* @__PURE__ */ m("th", {
+										className: "px-4 py-3 text-right font-medium",
+										children: "Amount"
+									}),
+									/* @__PURE__ */ m("th", {
+										className: "px-4 py-3 font-medium",
+										children: "Status"
+									})
+								]
+							}) }), /* @__PURE__ */ m("tbody", {
+								className: "divide-y divide-border-seam",
+								children: Q.map((e) => /* @__PURE__ */ h("tr", {
+									className: "hover:bg-bg-sunken transition-colors",
+									children: [
+										/* @__PURE__ */ m("td", {
+											className: "whitespace-nowrap px-4 py-3 text-text-secondary",
+											children: i(e.createdAt, {
+												hour: void 0,
+												minute: void 0
+											})
+										}),
+										/* @__PURE__ */ h("td", {
+											className: "px-4 py-3",
+											children: [/* @__PURE__ */ m("p", {
+												className: "font-medium text-text-primary",
+												children: a(e.sourceCategory)
+											}), e.description && /* @__PURE__ */ m("p", {
+												className: "line-clamp-1 text-xs text-text-secondary",
+												children: e.description
+											})]
+										}),
+										/* @__PURE__ */ m("td", {
+											className: "whitespace-nowrap px-4 py-3 text-right font-medium tabular-nums text-text-primary",
+											children: x(e.amount, e.currency)
+										}),
+										/* @__PURE__ */ m("td", {
+											className: "px-4 py-3",
+											children: /* @__PURE__ */ m(n, { status: e.status })
+										})
+									]
+								}, e.id))
+							})]
+						})
+					}),
+					!U.isLoading && !U.isError && /* @__PURE__ */ m(l, {
+						page: O,
+						hasMore: U.data?.hasMore ?? !1,
+						onPageChange: k,
+						shownCount: Q.length
+					})
+				]
+			}),
+			/* @__PURE__ */ h("div", {
+				className: "mt-8",
+				children: [
+					/* @__PURE__ */ m("h2", {
+						className: "mb-3 text-sm font-semibold text-text-primary",
+						children: "Withdrawal history"
+					}),
+					W.isLoading ? /* @__PURE__ */ m(c, { label: "Loading withdrawals…" }) : W.isError ? /* @__PURE__ */ m(s, { onRetry: () => void W.refetch() }) : $.length === 0 ? /* @__PURE__ */ m(o, {
+						icon: /* @__PURE__ */ m(le, { className: "h-12 w-12" }),
+						title: "No withdrawals yet",
+						description: "When you request a payout, each withdrawal and its status will be listed here."
+					}) : /* @__PURE__ */ m("div", {
+						className: "overflow-x-auto rounded-lg border border-border-seam bg-bg-surface",
+						children: /* @__PURE__ */ h("table", {
+							className: "w-full min-w-[36rem] text-sm",
+							children: [/* @__PURE__ */ m("thead", { children: /* @__PURE__ */ h("tr", {
+								className: "border-b border-border-seam text-left text-xs text-text-secondary",
+								children: [
+									/* @__PURE__ */ m("th", {
+										className: "px-4 py-3 font-medium",
+										children: "Requested"
+									}),
+									/* @__PURE__ */ m("th", {
+										className: "px-4 py-3 text-right font-medium",
+										children: "Amount"
+									}),
+									/* @__PURE__ */ m("th", {
+										className: "px-4 py-3 font-medium",
+										children: "Provider"
+									}),
+									/* @__PURE__ */ m("th", {
+										className: "px-4 py-3 font-medium",
+										children: "Status"
+									}),
+									/* @__PURE__ */ m("th", {
+										className: "hidden px-4 py-3 font-medium md:table-cell",
+										children: "Paid"
+									})
+								]
+							}) }), /* @__PURE__ */ m("tbody", {
+								className: "divide-y divide-border-seam",
+								children: $.map((e) => /* @__PURE__ */ h("tr", {
+									className: "hover:bg-bg-sunken transition-colors",
+									children: [
+										/* @__PURE__ */ m("td", {
+											className: "whitespace-nowrap px-4 py-3 text-text-secondary",
+											children: i(e.createdAt, {
+												hour: void 0,
+												minute: void 0
+											})
+										}),
+										/* @__PURE__ */ m("td", {
+											className: "whitespace-nowrap px-4 py-3 text-right font-medium tabular-nums text-text-primary",
+											children: x(e.approvedAmount ?? e.requestedAmount, e.currency)
+										}),
+										/* @__PURE__ */ m("td", {
+											className: "px-4 py-3 text-text-secondary",
+											children: e.provider ? a(e.provider) : "—"
+										}),
+										/* @__PURE__ */ m("td", {
+											className: "px-4 py-3",
+											children: /* @__PURE__ */ m(n, { status: e.status })
+										}),
+										/* @__PURE__ */ m("td", {
+											className: "hidden whitespace-nowrap px-4 py-3 text-text-secondary md:table-cell",
+											children: e.paidAt ? i(e.paidAt, {
+												hour: void 0,
+												minute: void 0
+											}) : "—"
+										})
+									]
+								}, e.id))
+							})]
+						})
+					}),
+					!W.isLoading && !W.isError && /* @__PURE__ */ m(l, {
+						page: A,
+						hasMore: W.data?.hasMore ?? !1,
+						onPageChange: j,
+						shownCount: $.length
+					})
+				]
+			})
+		]
+	});
+};
+//#endregion
+export { C as PayoutsPage };
+//# sourceMappingURL=PayoutsPage.js.map

package/dist/hookmovies/pages/analytics/PayoutsPage.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"PayoutsPage.js","names":[],"sources":["../../../../src/hookmovies/pages/analytics/PayoutsPage.tsx"],"sourcesContent":["/**\n * Creator Royalty Ledger & Payouts\n * @module hookmovies/pages/analytics\n *\n * The creator's money surface. Reuses the platform billing service\n * (`global-billing-svc`, GLOBAL gateway) rather than any HookMovies-local\n * ledger:\n * - `myEarningsSummary` → available / reserved / paid / lifetime headline\n * - `myEarningsEntries` → the royalty ledger (date · source · amount · status)\n * - `myPayoutAccounts` → the destination method funds are paid out to\n * - `myPayoutRequests` → withdrawal history\n * - `requestBillingPayout` → the Withdraw action\n *\n * Everything shown is real billing data for the caller's billing account. When\n * an account has no earnings we say so honestly — nothing is fabricated.\n */\n\nimport { type FC, type FormEvent, useMemo, useState } from 'react';\nimport {\n Wallet,\n Coins,\n BadgeCheck,\n CircleDollarSign,\n ArrowDownToLine,\n Landmark,\n Clock,\n ReceiptText,\n Info,\n X,\n} from 'lucide-react';\nimport { GlassCard } from '@burdenoff/fe-libs/ui';\nimport { useQueryClient } from '@tanstack/react-query';\n\nimport { PageLayout } from '../../components/PageLayout';\nimport { MetricsCard } from '../../components/MetricsCard';\nimport { StatusBadge } from '../../components/StatusBadge';\nimport { EmptyState } from '../../components/EmptyState';\nimport { LoadingState, ErrorState } from '../../components/StateViews';\nimport { Pagination } from '../../components/Pagination';\nimport {\n useMyBillingAccounts,\n useMyEarningsSummary,\n useMyEarningsEntries,\n useMyPayoutAccounts,\n useMyPayoutRequests,\n useRequestPayout,\n type EarningsEntryStatus,\n type PayoutAccount,\n} from '../../hooks/useHookMoviesApi';\nimport { formatDate, formatEnumLabel } from '../../utils/formatters';\n\nconst LEDGER_LIMIT = 10;\nconst PAYOUTS_LIMIT = 10;\n\nconst LEDGER_STATUS_OPTIONS: EarningsEntryStatus[] = ['AVAILABLE', 'RESERVED', 'PAID', 'REVERSED'];\n\nconst fieldClass =\n 'w-full rounded-lg border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary placeholder:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]';\nconst labelClass = 'mb-1.5 block text-xs font-medium text-text-secondary';\n\n/** Format a major-unit money amount with the given ISO currency, gracefully. */\nfunction formatMoney(amount: number, currency: string): string {\n try {\n return new Intl.NumberFormat(undefined, { style: 'currency', currency }).format(amount);\n } catch {\n return `${amount.toFixed(2)} ${currency}`;\n }\n}\n\n/** Human summary of a payout destination (e.g. \"UPI · ****4321\"). */\nfunction describePayoutAccount(account: PayoutAccount): string {\n const parts = [formatEnumLabel(account.type)];\n if (account.accountLast4) {\n parts.push(`••••${account.accountLast4}`);\n }\n return parts.join(' · ');\n}\n\nexport const PayoutsPage: FC = () => {\n const queryClient = useQueryClient();\n\n const accountsQuery = useMyBillingAccounts();\n const accounts = useMemo(() => accountsQuery.data ?? [], [accountsQuery.data]);\n\n // Default to the account flagged default, else the first one; allow override.\n const defaultAccountId = useMemo(() => {\n if (accounts.length === 0) return undefined;\n return (accounts.find((a) => a.isDefault) ?? accounts[0]).id;\n }, [accounts]);\n const [selectedAccountId, setSelectedAccountId] = useState<string | null>(null);\n const billingAccountId = selectedAccountId ?? defaultAccountId;\n const activeAccount = accounts.find((a) => a.id === billingAccountId);\n\n const [ledgerStatus, setLedgerStatus] = useState<EarningsEntryStatus | ''>('');\n const [ledgerPage, setLedgerPage] = useState(0);\n const [payoutsPage, setPayoutsPage] = useState(0);\n const [showWithdraw, setShowWithdraw] = useState(false);\n const [withdrawAccountId, setWithdrawAccountId] = useState('');\n const [withdrawAmount, setWithdrawAmount] = useState('');\n const [withdrawNotes, setWithdrawNotes] = useState('');\n const [withdrawError, setWithdrawError] = useState<string | null>(null);\n\n const summaryQuery = useMyEarningsSummary(billingAccountId);\n const payoutAccountsQuery = useMyPayoutAccounts(billingAccountId);\n const ledgerQuery = useMyEarningsEntries(\n billingAccountId,\n ledgerStatus ? { status: ledgerStatus } : undefined,\n LEDGER_LIMIT,\n ledgerPage * LEDGER_LIMIT\n );\n const payoutRequestsQuery = useMyPayoutRequests(\n billingAccountId,\n PAYOUTS_LIMIT,\n payoutsPage * PAYOUTS_LIMIT\n );\n // Reserved entries carry the future `availableAt` date — the earliest of these\n // is the soonest funds become withdrawable (\"next payout\" horizon).\n const reservedQuery = useMyEarningsEntries(billingAccountId, { status: 'RESERVED' }, 100, 0);\n const requestPayout = useRequestPayout();\n\n const summary = summaryQuery.data;\n const payoutAccounts = payoutAccountsQuery.data ?? [];\n const defaultPayoutAccount = payoutAccounts.find((a) => a.isDefault) ?? payoutAccounts[0] ?? null;\n\n // Currency: prefer the billing account's, fall back to a ledger row, else USD.\n const currency = activeAccount?.currency ?? ledgerQuery.data?.items[0]?.currency ?? 'USD';\n\n const nextAvailableAt = useMemo(() => {\n const now = Date.now();\n const upcoming = (reservedQuery.data?.items ?? [])\n .map((e) => ({ raw: e.availableAt, t: new Date(e.availableAt).getTime() }))\n .filter((x) => Number.isFinite(x.t) && x.t >= now)\n .sort((a, b) => a.t - b.t);\n return upcoming[0]?.raw ?? null;\n }, [reservedQuery.data]);\n\n const openWithdraw = () => {\n setWithdrawError(null);\n setWithdrawAccountId(defaultPayoutAccount?.id ?? '');\n setWithdrawAmount(\n summary && summary.availableAmount > 0 ? String(summary.availableAmount) : ''\n );\n setWithdrawNotes('');\n setShowWithdraw(true);\n };\n\n const handleWithdraw = async (e: FormEvent) => {\n e.preventDefault();\n setWithdrawError(null);\n if (!billingAccountId) return;\n if (!withdrawAccountId) {\n setWithdrawError('Select a payout method.');\n return;\n }\n const amount = Number(withdrawAmount);\n if (!Number.isFinite(amount) || amount <= 0) {\n setWithdrawError('Enter a valid amount greater than zero.');\n return;\n }\n if (summary && amount > summary.availableAmount) {\n setWithdrawError(\n `Amount exceeds your available balance (${formatMoney(summary.availableAmount, currency)}).`\n );\n return;\n }\n try {\n await requestPayout.mutateAsync({\n billingAccountId,\n payoutAccountId: withdrawAccountId,\n amount,\n currency,\n notes: withdrawNotes.trim() || undefined,\n });\n // The mutation hook invalidates payout-requests + earnings-summary; also\n // refresh the ledger + reserved horizon + payout accounts so reserved\n // funds and the new request appear immediately.\n void queryClient.invalidateQueries({ queryKey: ['hookmovies', 'earnings-entries'] });\n void queryClient.invalidateQueries({\n queryKey: ['hookmovies', 'payout-accounts', billingAccountId],\n });\n setShowWithdraw(false);\n setPayoutsPage(0);\n } catch (err) {\n setWithdrawError(err instanceof Error ? err.message : 'Payout request failed');\n }\n };\n\n // ---- Top-level gates on the billing account list -------------------------\n\n if (accountsQuery.isLoading) {\n return (\n <PageLayout\n title=\"Creator Royalty Ledger & Payouts\"\n description=\"Your earnings, ledger & withdrawals\"\n >\n <LoadingState label=\"Loading your billing account…\" />\n </PageLayout>\n );\n }\n\n if (accountsQuery.isError) {\n return (\n <PageLayout\n title=\"Creator Royalty Ledger & Payouts\"\n description=\"Your earnings, ledger & withdrawals\"\n >\n <ErrorState onRetry={() => void accountsQuery.refetch()} />\n </PageLayout>\n );\n }\n\n if (!billingAccountId) {\n return (\n <PageLayout\n title=\"Creator Royalty Ledger & Payouts\"\n description=\"Your earnings, ledger & withdrawals\"\n purpose=\"Royalties from your titles — rentals, purchases and revenue share — accrue to a billing account. Once you have one, your earnings ledger and payout options appear here.\"\n >\n <EmptyState\n icon={<Wallet className=\"h-12 w-12\" />}\n title=\"No billing account yet\"\n description=\"Royalties are paid into a billing account. You do not have one associated with this workspace yet, so there is nothing to display.\"\n />\n </PageLayout>\n );\n }\n\n const ledgerItems = ledgerQuery.data?.items ?? [];\n const payoutItems = payoutRequestsQuery.data?.items ?? [];\n const canWithdraw = Boolean(summary && summary.availableAmount > 0) && payoutAccounts.length > 0;\n\n return (\n <PageLayout\n title=\"Creator Royalty Ledger & Payouts\"\n description=\"Your earnings, ledger & withdrawals\"\n purpose=\"Every royalty your titles earn is recorded as a ledger entry against your billing account. Funds move from reserved → available, and you can withdraw the available balance to a verified payout method.\"\n actions={\n <div className=\"flex items-center gap-3\">\n {accounts.length > 1 && (\n <select\n value={billingAccountId}\n onChange={(e) => {\n setSelectedAccountId(e.target.value);\n setLedgerPage(0);\n setPayoutsPage(0);\n }}\n aria-label=\"Billing account\"\n className=\"rounded-lg border border-border-subtle bg-bg-surface px-3 py-2 text-xs text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]\"\n >\n {accounts.map((a) => (\n <option key={a.id} value={a.id}>\n {a.name ?? a.id}\n </option>\n ))}\n </select>\n )}\n <button\n type=\"button\"\n onClick={openWithdraw}\n disabled={!canWithdraw}\n className=\"inline-flex items-center gap-2 rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:opacity-90 disabled:opacity-50 disabled:cursor-not-allowed transition-opacity\"\n >\n <ArrowDownToLine className=\"h-4 w-4\" />\n Withdraw\n </button>\n </div>\n }\n >\n {/* Withdraw form */}\n {showWithdraw && (\n <GlassCard treatment=\"glass\" className=\"mb-6 border-border-seam p-5\">\n <div className=\"mb-3 flex items-center justify-between\">\n <h2 className=\"text-sm font-semibold text-text-primary\">Withdraw available balance</h2>\n <button\n type=\"button\"\n onClick={() => setShowWithdraw(false)}\n className=\"rounded-md p-1 text-text-secondary hover:text-text-primary\"\n aria-label=\"Close\"\n >\n <X className=\"h-4 w-4\" />\n </button>\n </div>\n <form onSubmit={handleWithdraw} className=\"space-y-4\">\n {withdrawError && (\n <div className=\"rounded-lg border border-status-error-border bg-status-error-bg-subtle px-3 py-2 text-sm text-status-error-text\">\n {withdrawError}\n </div>\n )}\n <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2\">\n <div>\n <label htmlFor=\"withdraw-account\" className={labelClass}>\n Payout method *\n </label>\n <select\n id=\"withdraw-account\"\n value={withdrawAccountId}\n onChange={(e) => setWithdrawAccountId(e.target.value)}\n className={fieldClass}\n required\n >\n <option value=\"\">Select a method…</option>\n {payoutAccounts.map((a) => (\n <option key={a.id} value={a.id}>\n {a.label} — {describePayoutAccount(a)}\n </option>\n ))}\n </select>\n </div>\n <div>\n <label htmlFor=\"withdraw-amount\" className={labelClass}>\n Amount ({currency}) *\n </label>\n <input\n id=\"withdraw-amount\"\n type=\"number\"\n min=\"0\"\n step=\"0.01\"\n value={withdrawAmount}\n onChange={(e) => setWithdrawAmount(e.target.value)}\n placeholder=\"0.00\"\n className={fieldClass}\n required\n />\n {summary && (\n <p className=\"mt-1 text-xs text-text-secondary\">\n Available: {formatMoney(summary.availableAmount, currency)}\n </p>\n )}\n </div>\n </div>\n <div>\n <label htmlFor=\"withdraw-notes\" className={labelClass}>\n Notes (optional)\n </label>\n <input\n id=\"withdraw-notes\"\n type=\"text\"\n value={withdrawNotes}\n onChange={(e) => setWithdrawNotes(e.target.value)}\n placeholder=\"Reference for this withdrawal\"\n className={fieldClass}\n />\n </div>\n <button\n type=\"submit\"\n disabled={requestPayout.isPending}\n className=\"rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:opacity-90 disabled:opacity-50 transition-opacity\"\n >\n {requestPayout.isPending ? 'Requesting…' : 'Request payout'}\n </button>\n </form>\n </GlassCard>\n )}\n\n {/* Summary metrics */}\n {summaryQuery.isLoading ? (\n <LoadingState label=\"Loading earnings summary…\" />\n ) : summaryQuery.isError ? (\n <ErrorState onRetry={() => void summaryQuery.refetch()} />\n ) : summary ? (\n <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2 xl:grid-cols-4\">\n <MetricsCard\n featured\n icon={<Wallet className=\"h-5 w-5\" />}\n value={formatMoney(summary.availableAmount, currency)}\n label=\"Available to withdraw\"\n />\n <MetricsCard\n icon={<Clock className=\"h-5 w-5\" />}\n value={formatMoney(summary.reservedAmount, currency)}\n label=\"Reserved (clearing)\"\n />\n <MetricsCard\n icon={<BadgeCheck className=\"h-5 w-5\" />}\n value={formatMoney(summary.paidAmount, currency)}\n label=\"Paid out\"\n />\n <MetricsCard\n icon={<CircleDollarSign className=\"h-5 w-5\" />}\n value={formatMoney(summary.totalLifetimeAmount, currency)}\n label=\"Lifetime earnings\"\n />\n </div>\n ) : null}\n\n {/* Payout method + next-available horizon */}\n <div className=\"mt-4 grid grid-cols-1 gap-4 lg:grid-cols-2\">\n <GlassCard treatment=\"metric\" className=\"border-border-seam p-5\">\n <div className=\"flex items-center gap-2 text-text-secondary\">\n <Landmark className=\"h-4 w-4\" />\n <h3 className=\"text-xs font-medium uppercase tracking-wide\">Payout method</h3>\n </div>\n {payoutAccountsQuery.isLoading ? (\n <p className=\"mt-3 text-sm text-text-secondary\">Loading…</p>\n ) : defaultPayoutAccount ? (\n <div className=\"mt-3\">\n <div className=\"flex items-center gap-2\">\n <p className=\"text-sm font-semibold text-text-primary\">\n {defaultPayoutAccount.label}\n </p>\n {defaultPayoutAccount.isDefault && (\n <span className=\"rounded-full bg-bg-sunken px-2 py-0.5 text-[10px] text-text-secondary\">\n Default\n </span>\n )}\n <StatusBadge status={defaultPayoutAccount.status} />\n </div>\n <p className=\"mt-1 text-sm text-text-secondary\">\n {describePayoutAccount(defaultPayoutAccount)} · {defaultPayoutAccount.currency}\n </p>\n </div>\n ) : (\n <p className=\"mt-3 flex items-start gap-2 text-sm text-text-secondary\">\n <Info className=\"mt-0.5 h-4 w-4 shrink-0\" />\n No payout method on file. Add a verified bank / UPI / wallet destination in your\n billing settings to enable withdrawals.\n </p>\n )}\n </GlassCard>\n\n <GlassCard treatment=\"metric\" className=\"border-border-seam p-5\">\n <div className=\"flex items-center gap-2 text-text-secondary\">\n <Clock className=\"h-4 w-4\" />\n <h3 className=\"text-xs font-medium uppercase tracking-wide\">Next funds available</h3>\n </div>\n {reservedQuery.isLoading ? (\n <p className=\"mt-3 text-sm text-text-secondary\">Loading…</p>\n ) : nextAvailableAt ? (\n <div className=\"mt-3\">\n <p className=\"text-sm font-semibold text-text-primary\">\n {formatDate(nextAvailableAt, { hour: undefined, minute: undefined })}\n </p>\n <p className=\"mt-1 text-sm text-text-secondary\">\n Reserved royalties clear to your available balance on this date.\n </p>\n </div>\n ) : (\n <p className=\"mt-3 text-sm text-text-secondary\">\n No reserved royalties are currently pending clearance.\n </p>\n )}\n </GlassCard>\n </div>\n\n {/* Royalty ledger */}\n <div className=\"mt-6\">\n <div className=\"mb-3 flex flex-wrap items-center justify-between gap-3\">\n <h2 className=\"text-sm font-semibold text-text-primary\">Royalty ledger</h2>\n <select\n value={ledgerStatus}\n onChange={(e) => {\n setLedgerStatus(e.target.value as EarningsEntryStatus | '');\n setLedgerPage(0);\n }}\n aria-label=\"Filter ledger by status\"\n className=\"rounded-lg border border-border-subtle bg-bg-surface px-3 py-2 text-xs text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]\"\n >\n <option value=\"\">Any status</option>\n {LEDGER_STATUS_OPTIONS.map((s) => (\n <option key={s} value={s}>\n {formatEnumLabel(s)}\n </option>\n ))}\n </select>\n </div>\n\n {ledgerQuery.isLoading ? (\n <LoadingState label=\"Loading ledger…\" />\n ) : ledgerQuery.isError ? (\n <ErrorState onRetry={() => void ledgerQuery.refetch()} />\n ) : ledgerItems.length === 0 ? (\n <EmptyState\n icon={<ReceiptText className=\"h-12 w-12\" />}\n title=\"No royalty entries yet\"\n description={\n ledgerStatus\n ? 'No ledger entries match this status filter.'\n : 'Your titles have not generated any royalties on this billing account yet. Earnings appear here as they accrue.'\n }\n />\n ) : (\n <div className=\"overflow-x-auto rounded-lg border border-border-seam bg-bg-surface\">\n <table className=\"w-full min-w-[36rem] text-sm\">\n <thead>\n <tr className=\"border-b border-border-seam text-left text-xs text-text-secondary\">\n <th className=\"px-4 py-3 font-medium\">Date</th>\n <th className=\"px-4 py-3 font-medium\">Source</th>\n <th className=\"px-4 py-3 text-right font-medium\">Amount</th>\n <th className=\"px-4 py-3 font-medium\">Status</th>\n </tr>\n </thead>\n <tbody className=\"divide-y divide-border-seam\">\n {ledgerItems.map((entry) => (\n <tr key={entry.id} className=\"hover:bg-bg-sunken transition-colors\">\n <td className=\"whitespace-nowrap px-4 py-3 text-text-secondary\">\n {formatDate(entry.createdAt, { hour: undefined, minute: undefined })}\n </td>\n <td className=\"px-4 py-3\">\n <p className=\"font-medium text-text-primary\">\n {formatEnumLabel(entry.sourceCategory)}\n </p>\n {entry.description && (\n <p className=\"line-clamp-1 text-xs text-text-secondary\">\n {entry.description}\n </p>\n )}\n </td>\n <td className=\"whitespace-nowrap px-4 py-3 text-right font-medium tabular-nums text-text-primary\">\n {formatMoney(entry.amount, entry.currency)}\n </td>\n <td className=\"px-4 py-3\">\n <StatusBadge status={entry.status} />\n </td>\n </tr>\n ))}\n </tbody>\n </table>\n </div>\n )}\n\n {!ledgerQuery.isLoading && !ledgerQuery.isError && (\n <Pagination\n page={ledgerPage}\n hasMore={ledgerQuery.data?.hasMore ?? false}\n onPageChange={setLedgerPage}\n shownCount={ledgerItems.length}\n />\n )}\n </div>\n\n {/* Payout / withdrawal history */}\n <div className=\"mt-8\">\n <h2 className=\"mb-3 text-sm font-semibold text-text-primary\">Withdrawal history</h2>\n {payoutRequestsQuery.isLoading ? (\n <LoadingState label=\"Loading withdrawals…\" />\n ) : payoutRequestsQuery.isError ? (\n <ErrorState onRetry={() => void payoutRequestsQuery.refetch()} />\n ) : payoutItems.length === 0 ? (\n <EmptyState\n icon={<Coins className=\"h-12 w-12\" />}\n title=\"No withdrawals yet\"\n description=\"When you request a payout, each withdrawal and its status will be listed here.\"\n />\n ) : (\n <div className=\"overflow-x-auto rounded-lg border border-border-seam bg-bg-surface\">\n <table className=\"w-full min-w-[36rem] text-sm\">\n <thead>\n <tr className=\"border-b border-border-seam text-left text-xs text-text-secondary\">\n <th className=\"px-4 py-3 font-medium\">Requested</th>\n <th className=\"px-4 py-3 text-right font-medium\">Amount</th>\n <th className=\"px-4 py-3 font-medium\">Provider</th>\n <th className=\"px-4 py-3 font-medium\">Status</th>\n <th className=\"hidden px-4 py-3 font-medium md:table-cell\">Paid</th>\n </tr>\n </thead>\n <tbody className=\"divide-y divide-border-seam\">\n {payoutItems.map((req) => (\n <tr key={req.id} className=\"hover:bg-bg-sunken transition-colors\">\n <td className=\"whitespace-nowrap px-4 py-3 text-text-secondary\">\n {formatDate(req.createdAt, { hour: undefined, minute: undefined })}\n </td>\n <td className=\"whitespace-nowrap px-4 py-3 text-right font-medium tabular-nums text-text-primary\">\n {formatMoney(req.approvedAmount ?? req.requestedAmount, req.currency)}\n </td>\n <td className=\"px-4 py-3 text-text-secondary\">\n {req.provider ? formatEnumLabel(req.provider) : '—'}\n </td>\n <td className=\"px-4 py-3\">\n <StatusBadge status={req.status} />\n </td>\n <td className=\"hidden whitespace-nowrap px-4 py-3 text-text-secondary md:table-cell\">\n {req.paidAt\n ? formatDate(req.paidAt, { hour: undefined, minute: undefined })\n : '—'}\n </td>\n </tr>\n ))}\n </tbody>\n </table>\n </div>\n )}\n\n {!payoutRequestsQuery.isLoading && !payoutRequestsQuery.isError && (\n <Pagination\n page={payoutsPage}\n hasMore={payoutRequestsQuery.data?.hasMore ?? false}\n onPageChange={setPayoutsPage}\n shownCount={payoutItems.length}\n />\n )}\n </div>\n </PageLayout>\n );\n};\n"],"mappings":"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"}