@openrails/billing-ui 0.242.0 → 0.243.0

package/dist/admin-detail-5aNNvrc0.js

@@ -0,0 +1,324 @@
+import { E as e, b as t, c as n, p as r, r as i, s as a, w as o } from "./admin-utils-BK4Vh1o_.js";
+import { t as s } from "./admin-button-CTL3DgOt.js";
+import { t as c } from "./admin-input-CcfQfJFN.js";
+import { a as l } from "./admin-capabilities-BuigAgtm.js";
+import { c as u, i as d, l as f, o as p, s as m, u as h } from "./admin-format-DoohJ7Fg.js";
+import { t as g } from "./admin-form-field-errors-hbUMIriS.js";
+import { a as _, n as v, o as y, r as b, s as x, t as S } from "./admin-table-CH9TrXJf.js";
+import { t as C } from "./admin-status-badge-BFPgo71d.js";
+import { a as w, i as T, n as E, o as D, r as O, t as k } from "./admin-dialog-BjuKI5Hp.js";
+import { t as A } from "./admin-label-BiEN5cjb.js";
+import { t as j } from "./admin-switch-BJUxLCsa.js";
+import { n as M } from "./admin-dialog-width-BPrgdYlj.js";
+import { a as N, o as P, r as F, t as I } from "./admin-card-bzAks3-3.js";
+import { t as L } from "./admin-fact-card-DO_fHosg.js";
+import * as R from "react";
+import { useMutation as z, useQuery as B, useQueryClient as V } from "@tanstack/react-query";
+import { Fragment as H, jsx as U, jsxs as W } from "react/jsx-runtime";
+import { HugeiconsIcon as G } from "@hugeicons/react";
+import { ArrowLeft01Icon as K, Undo02Icon as q } from "@hugeicons/core-free-icons";
+import { useForm as J } from "@tanstack/react-form";
+//#region src/admin/pages/payments/detail.tsx
+function Y() {
+	let { text: c } = e(), { adminQueries: u } = r(), f = l(), { id: g = "" } = n(), w = a(), { data: T, isPending: E } = B(u.payment(g));
+	if (E) return /* @__PURE__ */ U("p", {
+		className: "text-sm text-muted-foreground",
+		children: /* @__PURE__ */ U(o, { id: "Loading…" })
+	});
+	if (!T) return /* @__PURE__ */ U("p", {
+		className: "text-sm text-muted-foreground",
+		children: /* @__PURE__ */ U(o, { id: "Payment not found." })
+	});
+	let D = t.includes(T.rail ?? ""), O = T.kind === "charge" && D && (T.status === "succeeded" || T.status === "partially_refunded"), k = T.rail ? D ? void 0 : `Refunds are not supported via the ${T.rail} rail API` : `A ${T.channel} payment is refunded where it was taken`, A = "text-xs underline-offset-2 hover:underline";
+	return /* @__PURE__ */ W("div", {
+		className: "flex flex-col gap-4",
+		children: [
+			/* @__PURE__ */ W("div", {
+				className: "flex items-center gap-3",
+				children: [
+					/* @__PURE__ */ U(s, {
+						variant: "ghost",
+						size: "icon",
+						onClick: () => w(-1),
+						"aria-label": c("Back"),
+						children: /* @__PURE__ */ U(G, {
+							icon: K,
+							className: "size-4"
+						})
+					}),
+					/* @__PURE__ */ W("div", { children: [/* @__PURE__ */ W("h2", {
+						className: "flex items-center gap-2 text-sm",
+						children: [
+							T.id,
+							" ",
+							/* @__PURE__ */ U(C, { status: T.status })
+						]
+					}), /* @__PURE__ */ W("p", {
+						className: "text-xs text-muted-foreground",
+						children: [
+							T.kind,
+							" · ",
+							T.rail ?? T.channel,
+							/* @__PURE__ */ U(o, { id: " · txn" }),
+							" ",
+							T.transaction_id || "—"
+						]
+					})] }),
+					f && /* @__PURE__ */ U("div", {
+						className: "ml-auto",
+						children: /* @__PURE__ */ U(X, {
+							payment: T,
+							disabled: !O,
+							disabledNote: k
+						})
+					})
+				]
+			}),
+			/* @__PURE__ */ W("div", {
+				className: "grid gap-3 sm:grid-cols-2 lg:grid-cols-4",
+				children: [
+					/* @__PURE__ */ U(L, {
+						label: c("Amount"),
+						children: m(T.amount, T.currency)
+					}),
+					/* @__PURE__ */ U(L, {
+						label: c("Refunded"),
+						children: T.amount_refunded === "0" ? "—" : m(T.amount_refunded, T.currency)
+					}),
+					/* @__PURE__ */ U(L, {
+						label: c("Customer"),
+						children: /* @__PURE__ */ U(i, {
+							className: A,
+							to: `/customers/${T.customer_id}`,
+							children: h(T.customer_id, 16)
+						})
+					}),
+					/* @__PURE__ */ U(L, {
+						label: c("Subscription"),
+						children: T.subscription_id ? /* @__PURE__ */ U(i, {
+							className: A,
+							to: `/subscriptions/${T.subscription_id}`,
+							children: h(T.subscription_id, 16)
+						}) : "—"
+					}),
+					/* @__PURE__ */ U(L, {
+						label: c("Product"),
+						children: T.product?.display_name ?? (T.price_id ? h(T.price_id, 16) : "—")
+					}),
+					/* @__PURE__ */ U(L, {
+						label: c("Card"),
+						children: d(T.card)
+					}),
+					/* @__PURE__ */ W(L, {
+						label: c("Channel"),
+						children: [T.channel, T.psp_id ? ` · PSP ${h(T.psp_id, 13)}` : ""]
+					}),
+					/* @__PURE__ */ U(L, {
+						label: c("Created"),
+						children: p(T.created_at)
+					}),
+					T.refunded_payment_id ? /* @__PURE__ */ U(L, {
+						label: c("Reverses"),
+						children: /* @__PURE__ */ U(i, {
+							className: A,
+							to: `/payments/${T.refunded_payment_id}`,
+							children: h(T.refunded_payment_id, 16)
+						})
+					}) : null,
+					T.reason ? /* @__PURE__ */ U(L, {
+						label: c("Reason"),
+						children: T.reason
+					}) : null,
+					T.failure ? /* @__PURE__ */ U(L, {
+						label: c("Failure"),
+						children: T.failure.message || T.failure.reason
+					}) : null
+				]
+			}),
+			/* @__PURE__ */ W(I, { children: [/* @__PURE__ */ U(N, { children: /* @__PURE__ */ U(P, {
+				className: "text-sm",
+				children: /* @__PURE__ */ U(o, { id: "Refunds" })
+			}) }), /* @__PURE__ */ U(F, { children: T.refunds?.length ? /* @__PURE__ */ W(S, { children: [/* @__PURE__ */ U(y, { children: /* @__PURE__ */ W(x, {
+				className: "hover:bg-transparent",
+				children: [
+					/* @__PURE__ */ U(_, {
+						className: "text-muted-foreground",
+						children: /* @__PURE__ */ U(o, { id: "Refund" })
+					}),
+					/* @__PURE__ */ U(_, {
+						className: "text-muted-foreground",
+						children: /* @__PURE__ */ U(o, { id: "Status" })
+					}),
+					/* @__PURE__ */ U(_, {
+						className: "text-muted-foreground",
+						children: /* @__PURE__ */ U(o, { id: "Amount" })
+					}),
+					/* @__PURE__ */ U(_, {
+						className: "text-muted-foreground",
+						children: /* @__PURE__ */ U(o, { id: "Created" })
+					})
+				]
+			}) }), /* @__PURE__ */ U(v, { children: T.refunds.map((e) => /* @__PURE__ */ W(x, { children: [
+				/* @__PURE__ */ U(b, {
+					className: "text-xs",
+					children: /* @__PURE__ */ U(i, {
+						className: A,
+						to: `/payments/${e.id}`,
+						children: h(e.id, 16)
+					})
+				}),
+				/* @__PURE__ */ U(b, { children: /* @__PURE__ */ U(C, { status: e.status }) }),
+				/* @__PURE__ */ U(b, { children: m(e.amount, e.currency) }),
+				/* @__PURE__ */ U(b, { children: p(e.created_at) })
+			] }, e.id)) })] }) : /* @__PURE__ */ U("p", {
+				className: "text-sm text-muted-foreground",
+				children: /* @__PURE__ */ U(o, { id: "No refunds." })
+			}) })] })
+		]
+	});
+}
+function X({ payment: t, disabled: n, disabledNote: i }) {
+	let { toast: a, toastApiError: l, adminMutations: d } = r(), { id: p } = e(), [h, _] = R.useState(!1), v = (BigInt(t.amount) - BigInt(t.amount_refunded)).toString(), y = V(), b = z(d.refundPayment(y, t.id, t.customer_id, t.subscription_id ?? void 0)), x = J({
+		defaultValues: {
+			amount: f(v, t.currency),
+			reason: "",
+			revokeAccess: !1
+		},
+		onSubmit: async ({ value: e }) => {
+			let n = u(e.amount, t.currency);
+			if (!(n === null || BigInt(n) <= 0n || BigInt(n) > BigInt(v))) try {
+				let t = await b.mutateAsync({
+					amount: n,
+					reason: e.reason,
+					revokeAccess: e.revokeAccess
+				});
+				a.success(t.status === "pending" ? "Refund submitted" : "Refunded"), S(!1);
+			} catch (e) {
+				l(e, "Refund payment");
+			}
+		}
+	}), S = (e) => {
+		_(e), e ? x.reset({
+			amount: f(v, t.currency),
+			reason: "",
+			revokeAccess: !1
+		}) : (x.reset(), b.reset());
+	};
+	return /* @__PURE__ */ W(H, { children: [/* @__PURE__ */ W(s, {
+		variant: "destructive",
+		size: "sm",
+		disabled: n,
+		title: i,
+		onClick: () => S(!0),
+		children: [/* @__PURE__ */ U(G, {
+			icon: q,
+			className: "size-4"
+		}), /* @__PURE__ */ U(o, { id: " Refund" })]
+	}), /* @__PURE__ */ U(k, {
+		open: h,
+		onOpenChange: S,
+		children: /* @__PURE__ */ W(E, {
+			className: M,
+			children: [/* @__PURE__ */ W(w, { children: [/* @__PURE__ */ U(D, { children: /* @__PURE__ */ U(o, { id: "Refund payment" }) }), /* @__PURE__ */ W(O, { children: [
+				/* @__PURE__ */ U(o, { id: "Executes the refund at the " }),
+				t.rail,
+				/* @__PURE__ */ U(o, { id: " rail. Remaining refundable: " }),
+				m(v, t.currency),
+				"."
+			] })] }), /* @__PURE__ */ W("form", {
+				onSubmit: (e) => {
+					e.preventDefault(), e.stopPropagation(), x.handleSubmit();
+				},
+				className: "grid gap-4",
+				children: [/* @__PURE__ */ W("div", {
+					className: "grid gap-3",
+					children: [
+						/* @__PURE__ */ U(x.Field, {
+							name: "amount",
+							validators: { onChange: ({ value: e }) => {
+								let n = u(e, t.currency);
+								return n === null || BigInt(n) <= 0n ? "Enter an amount greater than zero" : BigInt(n) > BigInt(v) ? "Amount exceeds the remaining refundable balance" : void 0;
+							} },
+							children: (e) => /* @__PURE__ */ W("div", {
+								className: "grid gap-1.5",
+								children: [
+									/* @__PURE__ */ W(A, {
+										htmlFor: p("refund-amount"),
+										children: [
+											/* @__PURE__ */ U(o, { id: "Amount (" }),
+											t.currency,
+											")"
+										]
+									}),
+									/* @__PURE__ */ U(c, {
+										id: p("refund-amount"),
+										type: "number",
+										step: "any",
+										min: "0",
+										max: f(v, t.currency),
+										value: e.state.value,
+										onBlur: e.handleBlur,
+										onChange: (t) => e.handleChange(t.target.value),
+										"aria-invalid": e.state.meta.errors.length > 0
+									}),
+									/* @__PURE__ */ U(g, { errors: e.state.meta.errors })
+								]
+							})
+						}),
+						/* @__PURE__ */ U(x.Field, {
+							name: "reason",
+							children: (e) => /* @__PURE__ */ W("div", {
+								className: "grid gap-1.5",
+								children: [/* @__PURE__ */ U(A, {
+									htmlFor: p("refund-reason"),
+									children: /* @__PURE__ */ U(o, { id: "Reason (optional)" })
+								}), /* @__PURE__ */ U(c, {
+									id: p("refund-reason"),
+									value: e.state.value,
+									onBlur: e.handleBlur,
+									onChange: (t) => e.handleChange(t.target.value)
+								})]
+							})
+						}),
+						/* @__PURE__ */ U(x.Field, {
+							name: "revokeAccess",
+							children: (e) => /* @__PURE__ */ W("div", {
+								className: "flex items-center gap-2",
+								children: [/* @__PURE__ */ U(j, {
+									id: p("refund-revoke"),
+									checked: e.state.value,
+									onCheckedChange: e.handleChange
+								}), /* @__PURE__ */ U(A, {
+									htmlFor: p("refund-revoke"),
+									children: /* @__PURE__ */ U(o, { id: "Also revoke granted access" })
+								})]
+							})
+						})
+					]
+				}), /* @__PURE__ */ U(T, { children: /* @__PURE__ */ U(x.Subscribe, {
+					selector: (e) => [
+						e.values.amount,
+						e.canSubmit,
+						e.isSubmitting
+					],
+					children: ([e, n, r]) => /* @__PURE__ */ W(H, { children: [/* @__PURE__ */ U(s, {
+						type: "button",
+						variant: "outline",
+						onClick: () => S(!1),
+						disabled: r,
+						children: /* @__PURE__ */ U(o, { id: "Close" })
+					}), /* @__PURE__ */ U(s, {
+						type: "submit",
+						variant: "destructive",
+						disabled: !u(e, t.currency) || !n || r,
+						children: r ? "Refunding…" : "Refund"
+					})] })
+				}) })]
+			})]
+		})
+	})] });
+}
+//#endregion
+export { Y as PaymentDetailPage };
+
+//# sourceMappingURL=admin-detail-5aNNvrc0.js.map

package/dist/admin-detail-5aNNvrc0.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"admin-detail-5aNNvrc0.js","names":[],"sources":["../src/admin/pages/payments/detail.tsx"],"sourcesContent":["import { AdminMessage, useAdminUI } from \"#orck/admin/ui-context\"\nimport { useAdminServices } from \"#orck/admin/context\"\nimport { HugeiconsIcon } from \"@hugeicons/react\"\nimport { ArrowLeft01Icon, Undo02Icon } from \"@hugeicons/core-free-icons\"\nimport * as React from \"react\"\nimport { Link, useNavigate, useParams } from \"#orck/admin/router\"\n\nimport { useForm } from \"@tanstack/react-form\"\nimport { useMutation, useQuery, useQueryClient } from \"@tanstack/react-query\"\n\nimport { Fact } from \"#orck/admin/components/fact-card\"\nimport { FormFieldErrors } from \"#orck/admin/components/form-field-errors\"\nimport { StatusBadge } from \"#orck/admin/components/status-badge\"\nimport { Button } from \"#orck/admin/components/ui/button\"\nimport {\n  Card,\n  CardContent,\n  CardHeader,\n  CardTitle,\n} from \"#orck/admin/components/ui/card\"\nimport {\n  Dialog,\n  DialogContent,\n  DialogDescription,\n  DialogFooter,\n  DialogHeader,\n  DialogTitle,\n} from \"#orck/admin/components/ui/dialog\"\nimport { Input } from \"#orck/admin/components/ui/input\"\nimport { Label } from \"#orck/admin/components/ui/label\"\nimport { Switch } from \"#orck/admin/components/ui/switch\"\nimport {\n  Table,\n  TableBody,\n  TableCell,\n  TableHead,\n  TableHeader,\n  TableRow,\n} from \"#orck/admin/components/ui/table\"\nimport { REFUNDABLE_RAILS } from \"#orck/admin/lib/api/endpoints\"\nimport type { Payment } from \"#orck/client/generated/wire\"\nimport { DIALOG_FORM } from \"#orck/admin/lib/dialog-width\"\nimport {\n  formatCard,\n  formatNativeAmount,\n  formatDate,\n  nativeAmountFromInput,\n  nativeAmountToInput,\n  shortId,\n} from \"#orck/admin/lib/format\"\n\nimport { useAdminUpdates } from \"#orck/admin/lib/capabilities\"\n\nexport function PaymentDetailPage() {\n  const { text: adminText } = useAdminUI()\n\n  const { adminQueries } = useAdminServices()\n\n  const canUpdate = useAdminUpdates()\n  const { id = \"\" } = useParams()\n  const navigate = useNavigate()\n  const { data: payment, isPending: loading } = useQuery(\n    adminQueries.payment(id)\n  )\n\n  if (loading)\n    return (\n      <p className=\"text-sm text-muted-foreground\">\n        <AdminMessage id={\"Loading…\"} />\n      </p>\n    )\n  if (!payment)\n    return (\n      <p className=\"text-sm text-muted-foreground\">\n        <AdminMessage id={\"Payment not found.\"} />\n      </p>\n    )\n\n  const railRefunds = REFUNDABLE_RAILS.includes(payment.rail ?? \"\")\n  const refundable =\n    payment.kind === \"charge\" &&\n    railRefunds &&\n    (payment.status === \"succeeded\" || payment.status === \"partially_refunded\")\n  const refundNote = !payment.rail\n    ? `A ${payment.channel} payment is refunded where it was taken`\n    : railRefunds\n      ? undefined\n      : `Refunds are not supported via the ${payment.rail} rail API`\n  const link = \"text-xs underline-offset-2 hover:underline\"\n\n  return (\n    <div className=\"flex flex-col gap-4\">\n      <div className=\"flex items-center gap-3\">\n        <Button\n          variant=\"ghost\"\n          size=\"icon\"\n          onClick={() => navigate(-1)}\n          aria-label={adminText(\"Back\")}\n        >\n          <HugeiconsIcon icon={ArrowLeft01Icon} className=\"size-4\" />\n        </Button>\n        <div>\n          <h2 className=\"flex items-center gap-2 text-sm\">\n            {payment.id} <StatusBadge status={payment.status} />\n          </h2>\n          <p className=\"text-xs text-muted-foreground\">\n            {payment.kind} · {payment.rail ?? payment.channel}\n            <AdminMessage id={\" · txn\"} /> {payment.transaction_id || \"—\"}\n          </p>\n        </div>\n        {canUpdate && (\n          <div className=\"ml-auto\">\n            <RefundDialog\n              payment={payment}\n              disabled={!refundable}\n              disabledNote={refundNote}\n            />\n          </div>\n        )}\n      </div>\n\n      <div className=\"grid gap-3 sm:grid-cols-2 lg:grid-cols-4\">\n        <Fact label={adminText(\"Amount\")}>\n          {formatNativeAmount(payment.amount, payment.currency)}\n        </Fact>\n        <Fact label={adminText(\"Refunded\")}>\n          {payment.amount_refunded !== \"0\"\n            ? formatNativeAmount(payment.amount_refunded, payment.currency)\n            : \"—\"}\n        </Fact>\n        <Fact label={adminText(\"Customer\")}>\n          <Link className={link} to={`/customers/${payment.customer_id}`}>\n            {shortId(payment.customer_id, 16)}\n          </Link>\n        </Fact>\n        <Fact label={adminText(\"Subscription\")}>\n          {payment.subscription_id ? (\n            <Link\n              className={link}\n              to={`/subscriptions/${payment.subscription_id}`}\n            >\n              {shortId(payment.subscription_id, 16)}\n            </Link>\n          ) : (\n            \"—\"\n          )}\n        </Fact>\n        <Fact label={adminText(\"Product\")}>\n          {payment.product?.display_name ??\n            (payment.price_id ? shortId(payment.price_id, 16) : \"—\")}\n        </Fact>\n        <Fact label={adminText(\"Card\")}>{formatCard(payment.card)}</Fact>\n        <Fact label={adminText(\"Channel\")}>\n          {payment.channel}\n          {payment.psp_id ? ` · PSP ${shortId(payment.psp_id, 13)}` : \"\"}\n        </Fact>\n        <Fact label={adminText(\"Created\")}>\n          {formatDate(payment.created_at)}\n        </Fact>\n        {payment.refunded_payment_id ? (\n          <Fact label={adminText(\"Reverses\")}>\n            <Link\n              className={link}\n              to={`/payments/${payment.refunded_payment_id}`}\n            >\n              {shortId(payment.refunded_payment_id, 16)}\n            </Link>\n          </Fact>\n        ) : null}\n        {payment.reason ? (\n          <Fact label={adminText(\"Reason\")}>{payment.reason}</Fact>\n        ) : null}\n        {payment.failure ? (\n          <Fact label={adminText(\"Failure\")}>\n            {payment.failure.message || payment.failure.reason}\n          </Fact>\n        ) : null}\n      </div>\n\n      <Card>\n        <CardHeader>\n          <CardTitle className=\"text-sm\">\n            <AdminMessage id={\"Refunds\"} />\n          </CardTitle>\n        </CardHeader>\n        <CardContent>\n          {!payment.refunds?.length ? (\n            <p className=\"text-sm text-muted-foreground\">\n              <AdminMessage id={\"No refunds.\"} />\n            </p>\n          ) : (\n            <Table>\n              <TableHeader>\n                <TableRow className=\"hover:bg-transparent\">\n                  <TableHead className=\"text-muted-foreground\">\n                    <AdminMessage id={\"Refund\"} />\n                  </TableHead>\n                  <TableHead className=\"text-muted-foreground\">\n                    <AdminMessage id={\"Status\"} />\n                  </TableHead>\n                  <TableHead className=\"text-muted-foreground\">\n                    <AdminMessage id={\"Amount\"} />\n                  </TableHead>\n                  <TableHead className=\"text-muted-foreground\">\n                    <AdminMessage id={\"Created\"} />\n                  </TableHead>\n                </TableRow>\n              </TableHeader>\n              <TableBody>\n                {payment.refunds.map((r) => (\n                  <TableRow key={r.id}>\n                    <TableCell className=\"text-xs\">\n                      <Link className={link} to={`/payments/${r.id}`}>\n                        {shortId(r.id, 16)}\n                      </Link>\n                    </TableCell>\n                    <TableCell>\n                      <StatusBadge status={r.status} />\n                    </TableCell>\n                    <TableCell>\n                      {formatNativeAmount(r.amount, r.currency)}\n                    </TableCell>\n                    <TableCell>{formatDate(r.created_at)}</TableCell>\n                  </TableRow>\n                ))}\n              </TableBody>\n            </Table>\n          )}\n        </CardContent>\n      </Card>\n    </div>\n  )\n}\n\nfunction RefundDialog({\n  payment,\n  disabled,\n  disabledNote,\n}: {\n  payment: Payment\n  disabled: boolean\n  disabledNote?: string\n}) {\n  const { toast, toastApiError, adminMutations } = useAdminServices()\n\n  const { id: adminId } = useAdminUI()\n\n  const [open, setOpen] = React.useState(false)\n  const remaining = (\n    BigInt(payment.amount) - BigInt(payment.amount_refunded)\n  ).toString()\n  const queryClient = useQueryClient()\n  const refund = useMutation(\n    adminMutations.refundPayment(\n      queryClient,\n      payment.id,\n      payment.customer_id,\n      payment.subscription_id ?? undefined\n    )\n  )\n  const form = useForm({\n    defaultValues: {\n      amount: nativeAmountToInput(remaining, payment.currency),\n      reason: \"\",\n      revokeAccess: false,\n    },\n    onSubmit: async ({ value }) => {\n      const amount = nativeAmountFromInput(value.amount, payment.currency)\n      if (\n        amount === null ||\n        BigInt(amount) <= 0n ||\n        BigInt(amount) > BigInt(remaining)\n      )\n        return\n      try {\n        const result = await refund.mutateAsync({\n          amount,\n          reason: value.reason,\n          revokeAccess: value.revokeAccess,\n        })\n        toast.success(\n          result.status === \"pending\" ? \"Refund submitted\" : \"Refunded\"\n        )\n        handleOpenChange(false)\n      } catch (err) {\n        toastApiError(err, \"Refund payment\")\n      }\n    },\n  })\n\n  const handleOpenChange = (next: boolean) => {\n    setOpen(next)\n    if (next) {\n      form.reset({\n        amount: nativeAmountToInput(remaining, payment.currency),\n        reason: \"\",\n        revokeAccess: false,\n      })\n    } else {\n      form.reset()\n      refund.reset()\n    }\n  }\n\n  return (\n    <>\n      <Button\n        variant=\"destructive\"\n        size=\"sm\"\n        disabled={disabled}\n        title={disabledNote}\n        onClick={() => handleOpenChange(true)}\n      >\n        <HugeiconsIcon icon={Undo02Icon} className=\"size-4\" />\n        <AdminMessage id={\" Refund\"} />\n      </Button>\n      <Dialog open={open} onOpenChange={handleOpenChange}>\n        <DialogContent className={DIALOG_FORM}>\n          <DialogHeader>\n            <DialogTitle>\n              <AdminMessage id={\"Refund payment\"} />\n            </DialogTitle>\n            <DialogDescription>\n              <AdminMessage id={\"Executes the refund at the \"} />\n              {payment.rail}\n              <AdminMessage id={\" rail. Remaining refundable: \"} />\n              {formatNativeAmount(remaining, payment.currency)}.\n            </DialogDescription>\n          </DialogHeader>\n          <form\n            onSubmit={(event) => {\n              event.preventDefault()\n              event.stopPropagation()\n              void form.handleSubmit()\n            }}\n            className=\"grid gap-4\"\n          >\n            <div className=\"grid gap-3\">\n              <form.Field\n                name=\"amount\"\n                validators={{\n                  onChange: ({ value }) => {\n                    const amount = nativeAmountFromInput(\n                      value,\n                      payment.currency\n                    )\n                    if (amount === null || BigInt(amount) <= 0n) {\n                      return \"Enter an amount greater than zero\"\n                    }\n                    return BigInt(amount) > BigInt(remaining)\n                      ? \"Amount exceeds the remaining refundable balance\"\n                      : undefined\n                  },\n                }}\n              >\n                {(field) => (\n                  <div className=\"grid gap-1.5\">\n                    <Label htmlFor={adminId(\"refund-amount\")}>\n                      <AdminMessage id={\"Amount (\"} />\n                      {payment.currency})\n                    </Label>\n                    <Input\n                      id={adminId(\"refund-amount\")}\n                      type=\"number\"\n                      step=\"any\"\n                      min=\"0\"\n                      max={nativeAmountToInput(remaining, payment.currency)}\n                      value={field.state.value}\n                      onBlur={field.handleBlur}\n                      onChange={(event) =>\n                        field.handleChange(event.target.value)\n                      }\n                      aria-invalid={field.state.meta.errors.length > 0}\n                    />\n                    <FormFieldErrors errors={field.state.meta.errors} />\n                  </div>\n                )}\n              </form.Field>\n              <form.Field name=\"reason\">\n                {(field) => (\n                  <div className=\"grid gap-1.5\">\n                    <Label htmlFor={adminId(\"refund-reason\")}>\n                      <AdminMessage id={\"Reason (optional)\"} />\n                    </Label>\n                    <Input\n                      id={adminId(\"refund-reason\")}\n                      value={field.state.value}\n                      onBlur={field.handleBlur}\n                      onChange={(event) =>\n                        field.handleChange(event.target.value)\n                      }\n                    />\n                  </div>\n                )}\n              </form.Field>\n              <form.Field name=\"revokeAccess\">\n                {(field) => (\n                  <div className=\"flex items-center gap-2\">\n                    <Switch\n                      id={adminId(\"refund-revoke\")}\n                      checked={field.state.value}\n                      onCheckedChange={field.handleChange}\n                    />\n                    <Label htmlFor={adminId(\"refund-revoke\")}>\n                      <AdminMessage id={\"Also revoke granted access\"} />\n                    </Label>\n                  </div>\n                )}\n              </form.Field>\n            </div>\n            <DialogFooter>\n              <form.Subscribe\n                selector={(state) =>\n                  [\n                    state.values.amount,\n                    state.canSubmit,\n                    state.isSubmitting,\n                  ] as const\n                }\n              >\n                {([amountInput, canSubmit, isSubmitting]) => (\n                  <>\n                    <Button\n                      type=\"button\"\n                      variant=\"outline\"\n                      onClick={() => handleOpenChange(false)}\n                      disabled={isSubmitting}\n                    >\n                      <AdminMessage id={\"Close\"} />\n                    </Button>\n                    <Button\n                      type=\"submit\"\n                      variant=\"destructive\"\n                      disabled={\n                        !nativeAmountFromInput(amountInput, payment.currency) ||\n                        !canSubmit ||\n                        isSubmitting\n                      }\n                    >\n                      {isSubmitting ? \"Refunding…\" : \"Refund\"}\n                    </Button>\n                  </>\n                )}\n              </form.Subscribe>\n            </DialogFooter>\n          </form>\n        </DialogContent>\n      </Dialog>\n    </>\n  )\n}\n"],"mappings":"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"}