@openrails/billing-ui 0.242.0 → 0.243.0

package/dist/admin-price-wizard-CI7K-2Nz.js

@@ -0,0 +1,357 @@
+import { E as e, p as t, w as n } from "./admin-utils-BK4Vh1o_.js";
+import { t as r } from "./admin-button-CTL3DgOt.js";
+import { t as i } from "./admin-input-CcfQfJFN.js";
+import { c as a, l as o, s } from "./admin-format-DoohJ7Fg.js";
+import { t as c } from "./admin-form-field-errors-hbUMIriS.js";
+import { t as l } from "./admin-badge-DR5-1qd8.js";
+import { a as u, i as d, n as f, o as p, r as m, s as h, t as g } from "./admin-dialog-BjuKI5Hp.js";
+import { t as _ } from "./admin-label-BiEN5cjb.js";
+import { n as v } from "./admin-dialog-width-BPrgdYlj.js";
+import { n as y } from "./admin-price-format-DM1qORWI.js";
+import * as b from "react";
+import { useMutation as x, useQuery as ee, useQueryClient as S } from "@tanstack/react-query";
+import { Fragment as C, jsx as w, jsxs as T } from "react/jsx-runtime";
+import { useForm as E } from "@tanstack/react-form";
+//#region src/admin/pages/catalog/price-wizard-logic.ts
+function D(e, t) {
+	let n = BigInt(e), r = BigInt(t);
+	return n > r ? "increase" : n < r ? "decrease" : "unchanged";
+}
+function O(e) {
+	return e === "decrease" ? "migrate" : "grandfather";
+}
+function k(e, t, n) {
+	if (e !== "increase") return null;
+	let r = new Date(t);
+	return r.setUTCDate(r.getUTCDate() + n), r;
+}
+function te(e, t, n) {
+	return k(e, t, n) ?? t;
+}
+function ne(e, t, n, r) {
+	let i = k(e, n, r);
+	return !i || t.getTime() >= i.getTime();
+}
+var A = (e) => new Date(e).toLocaleDateString(void 0, {
+	month: "short",
+	day: "numeric",
+	year: "numeric"
+});
+function j(e) {
+	let { newAmount: t, currentAmount: n, currency: r, affectedCount: i, plan: a, now: o } = e, c = s(t, r), l = s(n, r), u = `New subscribers pay ${c} immediately.`;
+	if (i === 0) return `${u} No existing subscribers are on a prior version of this price.`;
+	let d = `${i.toLocaleString()} existing subscriber${i === 1 ? "" : "s"}`;
+	return a.mode === "grandfather" ? `${u} ${d} keep ${l} forever (grandfathered).` : new Date(a.effectiveAt).getTime() <= o.getTime() ? `${u} ${d} move to ${c} at their next renewal. Notices go out on confirm.` : `${u} ${d} keep ${l} until ${A(a.effectiveAt)}, then move to ${c} at their next renewal. Notices go out on confirm.`;
+}
+//#endregion
+//#region src/admin/pages/catalog/price-wizard.tsx
+var M = (e) => e.toISOString().slice(0, 10), N = (e, t) => ({
+	amountInput: o(t?.new_amount ?? e.unit_amount, e.currency),
+	mode: t?.migration ? "migrate" : "grandfather",
+	effectiveAt: t?.migration?.effective_at ? M(new Date(t.migration.effective_at)) : ""
+});
+function P({ price: o, productName: A, productKey: P, draft: F, onDone: re }) {
+	let { toast: I, toastApiError: L, adminMutations: R, adminQueries: z } = t(), { id: B } = e(), V = S(), [H, U] = b.useState(() => !!F), [W, G] = b.useState(() => F ? 3 : 1), K = x(R.previewPriceChange()), q = x(R.changePrice(V)), J = K.data?.matched ?? F?.affected_count ?? null, { data: Y } = ee({
+		...z.merchantConfiguration(),
+		enabled: H
+	}), X = Y?.settings.reprice_notice_window_days ?? 30, [Z] = b.useState(() => /* @__PURE__ */ new Date()), Q = E({
+		defaultValues: N(o, F),
+		onSubmit: async ({ value: e }) => {
+			if (!P || o.customer_amount) return;
+			let t = a(e.amountInput, o.currency);
+			if (!(t === null || BigInt(t) <= 0n)) try {
+				let n = await q.mutateAsync({
+					price: {
+						product_id: o.product_id,
+						unit_amount: t,
+						currency: o.currency,
+						access_duration_hours: o.access_duration_hours ?? void 0,
+						billing_interval_hours: o.billing_interval_hours ?? void 0,
+						trial_unit_amount: o.trial_unit_amount ?? void 0,
+						trial_duration_hours: o.trial_duration_hours ?? void 0,
+						key: o.key,
+						psps: Object.keys(o.psps ?? {}),
+						expected_revision: o.revision
+					},
+					migration: e.mode === "migrate" ? {
+						productKey: P,
+						priceKey: o.key,
+						effectiveAt: new Date(e.effectiveAt).toISOString()
+					} : void 0
+				});
+				n.pending_manual_actions?.length ? I.warning(`Price updated. One step is left for you: ${n.pending_manual_actions.map((e) => `${e.psp}: ${e.hint}`).join(". ")}`) : I.success(e.mode === "migrate" ? "Price updated and migration scheduled" : "Price updated"), $(!1), re?.();
+			} catch (e) {
+				L(e, "Change price");
+			}
+		}
+	}), ie = () => {
+		G(1), Q.reset(N(o)), K.reset();
+	}, $ = (e) => {
+		e || ie(), U(e);
+	}, ae = () => {
+		if (!P || o.customer_amount) return;
+		let e = D(a(Q.state.values.amountInput, o.currency) ?? o.unit_amount, o.unit_amount);
+		Q.setFieldValue("mode", O(e)), Q.setFieldValue("effectiveAt", M(te(e, Z, X))), G(2), K.reset(), K.mutate({
+			productKey: P,
+			priceKey: o.key
+		}, { onError: (e) => L(e, "Preview affected subscribers") });
+	};
+	return o.archived || !P || o.customer_amount ? /* @__PURE__ */ w(r, {
+		variant: "outline",
+		size: "sm",
+		disabled: !0,
+		title: o.customer_amount ? "This price lets customers choose an amount. Change its limits through a catalog application or the client." : o.archived ? "This is an archived version. Change the current price for this key instead." : "Load the product before changing its price.",
+		children: /* @__PURE__ */ w(n, { id: "Change price" })
+	}) : /* @__PURE__ */ T(g, {
+		open: H,
+		onOpenChange: $,
+		children: [!F && /* @__PURE__ */ w(h, { render: /* @__PURE__ */ w(r, {
+			variant: "outline",
+			size: "sm",
+			children: /* @__PURE__ */ w(n, { id: "Change price" })
+		}) }), /* @__PURE__ */ w(f, {
+			className: v,
+			children: /* @__PURE__ */ w("form", {
+				className: "grid gap-4",
+				onSubmit: (e) => {
+					e.preventDefault(), e.stopPropagation(), W === 3 && Q.handleSubmit();
+				},
+				children: /* @__PURE__ */ w(Q.Subscribe, {
+					selector: (e) => [e.values, e.isSubmitting],
+					children: ([e, t]) => {
+						let f = a(e.amountInput, o.currency) ?? o.unit_amount, h = D(f, o.unit_amount), g = k(h, Z, X), v = e.mode !== "migrate" || !!e.effectiveAt && ne(h, new Date(e.effectiveAt), Z, X);
+						return /* @__PURE__ */ T(C, { children: [
+							/* @__PURE__ */ T(u, { children: [/* @__PURE__ */ T(p, {
+								className: "flex items-center gap-2",
+								children: [
+									/* @__PURE__ */ w(n, { id: "Change price for " }),
+									A,
+									F && /* @__PURE__ */ w(l, {
+										variant: "secondary",
+										children: /* @__PURE__ */ w(n, { id: "drafted by copilot" })
+									})
+								]
+							}), /* @__PURE__ */ T(m, { children: [
+								/* @__PURE__ */ w(n, { id: "Step " }),
+								W,
+								/* @__PURE__ */ w(n, { id: " of 3:" }),
+								" ",
+								W === 1 ? "new amount" : W === 2 ? "migration plan" : "review"
+							] })] }),
+							W === 1 && /* @__PURE__ */ T("div", {
+								className: "grid gap-3",
+								children: [
+									/* @__PURE__ */ T("div", {
+										className: "grid grid-cols-2 gap-3 text-sm",
+										children: [/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("p", {
+											className: "text-xs text-muted-foreground uppercase",
+											children: /* @__PURE__ */ w(n, { id: "Current amount" })
+										}), /* @__PURE__ */ w("p", {
+											className: "font-medium",
+											children: s(o.unit_amount, o.currency)
+										})] }), /* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("p", {
+											className: "text-xs text-muted-foreground uppercase",
+											children: /* @__PURE__ */ w(n, { id: "Currency · interval" })
+										}), /* @__PURE__ */ T("p", {
+											className: "font-medium",
+											children: [
+												o.currency.toUpperCase(),
+												" ·",
+												" ",
+												y(o)
+											]
+										})] })]
+									}),
+									/* @__PURE__ */ w(Q.Field, {
+										name: "amountInput",
+										validators: { onBlur: ({ value: e }) => {
+											let t = a(e, o.currency);
+											if (t === null || BigInt(t) <= 0n) return "Enter an amount greater than zero.";
+										} },
+										children: (e) => /* @__PURE__ */ T("div", {
+											className: "grid gap-1.5",
+											children: [
+												/* @__PURE__ */ w(_, {
+													htmlFor: B("wiz-amount"),
+													children: /* @__PURE__ */ w(n, { id: "New amount (major units)" })
+												}),
+												/* @__PURE__ */ w(i, {
+													id: B("wiz-amount"),
+													type: "number",
+													step: "any",
+													min: "0",
+													value: e.state.value,
+													onBlur: e.handleBlur,
+													onChange: (t) => e.handleChange(t.target.value),
+													autoFocus: !0
+												}),
+												/* @__PURE__ */ w(c, { errors: e.state.meta.errors })
+											]
+										})
+									}),
+									h !== "unchanged" && /* @__PURE__ */ T("p", {
+										className: "text-sm text-muted-foreground",
+										children: [
+											/* @__PURE__ */ w(n, { id: "This is a price" }),
+											" ",
+											/* @__PURE__ */ w("span", {
+												className: "font-medium text-foreground",
+												children: h === "increase" ? "increase" : "decrease"
+											}),
+											/* @__PURE__ */ w(n, { id: ". Currency and interval stay locked to the current price." })
+										]
+									})
+								]
+							}),
+							W === 2 && /* @__PURE__ */ T("div", {
+								className: "grid gap-3",
+								children: [
+									/* @__PURE__ */ w("p", {
+										className: "text-sm",
+										children: J === null && K.isPending ? "Checking affected subscribers…" : `${(J ?? 0).toLocaleString()} active subscription${J === 1 ? "" : "s"} on prior versions of ${o.key}.`
+									}),
+									/* @__PURE__ */ w(Q.Field, {
+										name: "mode",
+										children: (e) => /* @__PURE__ */ T("div", {
+											className: "grid gap-2",
+											children: [/* @__PURE__ */ T("label", {
+												className: "flex items-start gap-2 rounded-md border p-3 text-sm",
+												children: [/* @__PURE__ */ w("input", {
+													type: "radio",
+													name: e.name,
+													className: "mt-1",
+													checked: e.state.value === "grandfather",
+													onChange: () => e.handleChange("grandfather")
+												}), /* @__PURE__ */ T("span", { children: [
+													/* @__PURE__ */ w("span", {
+														className: "font-medium",
+														children: /* @__PURE__ */ w(n, { id: "Grandfather." })
+													}),
+													" ",
+													/* @__PURE__ */ w(n, { id: "Existing subscribers keep the current price." }),
+													h === "increase" && /* @__PURE__ */ w(l, {
+														variant: "secondary",
+														className: "ml-2",
+														children: /* @__PURE__ */ w(n, { id: "default" })
+													})
+												] })]
+											}), /* @__PURE__ */ T("label", {
+												className: "flex items-start gap-2 rounded-md border p-3 text-sm",
+												children: [/* @__PURE__ */ w("input", {
+													type: "radio",
+													name: e.name,
+													className: "mt-1",
+													checked: e.state.value === "migrate",
+													onChange: () => e.handleChange("migrate")
+												}), /* @__PURE__ */ T("span", { children: [
+													/* @__PURE__ */ w("span", {
+														className: "font-medium",
+														children: /* @__PURE__ */ w(n, { id: "Migrate." })
+													}),
+													" ",
+													/* @__PURE__ */ w(n, { id: "Move everyone to the new price at their first renewal on or after a date you choose." }),
+													h === "decrease" && /* @__PURE__ */ w(l, {
+														variant: "secondary",
+														className: "ml-2",
+														children: /* @__PURE__ */ w(n, { id: "default" })
+													})
+												] })]
+											})]
+										})
+									}),
+									e.mode === "migrate" && /* @__PURE__ */ w(Q.Field, {
+										name: "effectiveAt",
+										children: (e) => /* @__PURE__ */ T("div", {
+											className: "grid gap-1.5",
+											children: [
+												/* @__PURE__ */ w(_, {
+													htmlFor: B("wiz-effective"),
+													children: /* @__PURE__ */ w(n, { id: "Effective date" })
+												}),
+												/* @__PURE__ */ w(i, {
+													id: B("wiz-effective"),
+													type: "date",
+													value: e.state.value,
+													min: g ? M(g) : void 0,
+													onBlur: e.handleBlur,
+													onChange: (t) => e.handleChange(t.target.value)
+												}),
+												h === "increase" ? /* @__PURE__ */ T("p", {
+													className: "text-xs text-muted-foreground",
+													children: [
+														/* @__PURE__ */ w(n, { id: "Must be at least " }),
+														X,
+														/* @__PURE__ */ w(n, { id: " days away. Card networks require that much notice before a price goes up. You can change the number in Settings." })
+													]
+												}) : /* @__PURE__ */ w("p", {
+													className: "text-xs text-muted-foreground",
+													children: /* @__PURE__ */ w(n, { id: "A price going down needs no notice, so today is fine." })
+												}),
+												!v && /* @__PURE__ */ w("p", {
+													className: "text-xs text-destructive",
+													role: "alert",
+													children: /* @__PURE__ */ w(n, { id: "Pick a later date." })
+												}),
+												/* @__PURE__ */ w("p", {
+													className: "text-xs text-muted-foreground",
+													children: /* @__PURE__ */ w(n, { id: "A reprice_scheduled notice is queued for every affected subscriber as soon as you confirm." })
+												})
+											]
+										})
+									})
+								]
+							}),
+							W === 3 && /* @__PURE__ */ w("div", {
+								className: "grid gap-3",
+								children: /* @__PURE__ */ w("p", {
+									className: "rounded-md border bg-muted/40 p-3 text-sm",
+									children: j({
+										newAmount: f,
+										currentAmount: o.unit_amount,
+										currency: o.currency,
+										affectedCount: J ?? 0,
+										plan: {
+											mode: e.mode,
+											effectiveAt: e.mode === "migrate" ? new Date(e.effectiveAt).toISOString() : ""
+										},
+										now: Z
+									})
+								})
+							}),
+							/* @__PURE__ */ T(d, { children: [
+								W > 1 && /* @__PURE__ */ w(r, {
+									type: "button",
+									variant: "outline",
+									disabled: t,
+									onClick: () => G((e) => e - 1),
+									children: /* @__PURE__ */ w(n, { id: "Back" })
+								}),
+								W === 1 && /* @__PURE__ */ w(r, {
+									type: "button",
+									disabled: !e.amountInput || h === "unchanged" || BigInt(f) <= 0n,
+									onClick: ae,
+									children: /* @__PURE__ */ w(n, { id: "Next" })
+								}),
+								W === 2 && /* @__PURE__ */ w(r, {
+									type: "button",
+									disabled: !v || K.isPending,
+									onClick: () => G(3),
+									children: /* @__PURE__ */ w(n, { id: "Next" })
+								}),
+								W === 3 && /* @__PURE__ */ w(r, {
+									type: "submit",
+									disabled: t,
+									children: t ? "Working…" : "Confirm"
+								})
+							] })
+						] });
+					}
+				})
+			})
+		})]
+	});
+}
+//#endregion
+export { P as t };
+
+//# sourceMappingURL=admin-price-wizard-CI7K-2Nz.js.map

package/dist/admin-price-wizard-CI7K-2Nz.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"admin-price-wizard-CI7K-2Nz.js","names":[],"sources":["../src/admin/pages/catalog/price-wizard-logic.ts","../src/admin/pages/catalog/price-wizard.tsx"],"sourcesContent":["// Pure logic for the price-change wizard, kept apart from React for unit tests.\nimport { formatNativeAmount } from \"#orck/admin/lib/format\"\n\nexport type PriceDirection = \"increase\" | \"decrease\" | \"unchanged\"\n\nexport function detectDirection(\n  newAmount: string,\n  currentAmount: string\n): PriceDirection {\n  const next = BigInt(newAmount)\n  const current = BigInt(currentAmount)\n  if (next > current) return \"increase\"\n  if (next < current) return \"decrease\"\n  return \"unchanged\"\n}\n\nexport type MigrationMode = \"grandfather\" | \"migrate\"\n\n// DEFAULT_NOTICE_WINDOW_DAYS is the fallback until the merchant's\n// reprice_notice_window_days loads; it mirrors\n// subscriptions.DefaultPriceIncreaseNoticeDays so the UI never under-gates.\n// The server enforces the window too (price_increase_notice_too_short).\nexport const DEFAULT_NOTICE_WINDOW_DAYS = 30\n\n// defaultMigrationMode is the direction-aware Step 2 default: an increase\n// grandfathers (no new action), a decrease migrates now (never grandfathered).\nexport function defaultMigrationMode(direction: PriceDirection): MigrationMode {\n  return direction === \"decrease\" ? \"migrate\" : \"grandfather\"\n}\n\n// minEffectiveDate is the earliest allowed migration date, or null when there\n// is no minimum (a decrease needs no notice).\nexport function minEffectiveDate(\n  direction: PriceDirection,\n  now: Date,\n  noticeWindowDays: number\n): Date | null {\n  if (direction !== \"increase\") return null\n  const min = new Date(now)\n  min.setUTCDate(min.getUTCDate() + noticeWindowDays)\n  return min\n}\n\n// defaultEffectiveDate is Step 2's pre-filled migration date: the notice\n// window's floor for an increase, \"now\" for a decrease.\nexport function defaultEffectiveDate(\n  direction: PriceDirection,\n  now: Date,\n  noticeWindowDays: number\n): Date {\n  return minEffectiveDate(direction, now, noticeWindowDays) ?? now\n}\n\n// isEffectiveDateValid enforces the console-side notice-window gate: an\n// increase+migrate plan may not pick a date inside the notice window.\nexport function isEffectiveDateValid(\n  direction: PriceDirection,\n  effectiveAt: Date,\n  now: Date,\n  noticeWindowDays: number\n): boolean {\n  const min = minEffectiveDate(direction, now, noticeWindowDays)\n  return !min || effectiveAt.getTime() >= min.getTime()\n}\n\nexport interface MigrationPlan {\n  mode: MigrationMode\n  // ISO instant; only meaningful when mode === \"migrate\".\n  effectiveAt: string\n}\n\nconst dateLabel = (iso: string) =>\n  new Date(iso).toLocaleDateString(undefined, {\n    month: \"short\",\n    day: \"numeric\",\n    year: \"numeric\",\n  })\n\n// buildReviewText renders Step 3's plan in words, e.g. \"New subscribers pay $12\n// immediately. 1,204 existing subscribers keep $10 until Sep 1, then move to\n// $12 at their next renewal. Notices go out on confirm.\"\nexport function buildReviewText(params: {\n  newAmount: string\n  currentAmount: string\n  currency: string\n  affectedCount: number\n  plan: MigrationPlan\n  now: Date\n}): string {\n  const { newAmount, currentAmount, currency, affectedCount, plan, now } =\n    params\n  const newLabel = formatNativeAmount(newAmount, currency)\n  const oldLabel = formatNativeAmount(currentAmount, currency)\n  const lead = `New subscribers pay ${newLabel} immediately.`\n\n  if (affectedCount === 0) {\n    return `${lead} No existing subscribers are on a prior version of this price.`\n  }\n  const subj = `${affectedCount.toLocaleString()} existing subscriber${affectedCount === 1 ? \"\" : \"s\"}`\n\n  if (plan.mode === \"grandfather\") {\n    return `${lead} ${subj} keep ${oldLabel} forever (grandfathered).`\n  }\n\n  // The engine notifies each affected subscriber at schedule time, however\n  // far out effective_at is: always say so.\n  const effective = new Date(plan.effectiveAt)\n  const immediate = effective.getTime() <= now.getTime()\n  if (immediate) {\n    return `${lead} ${subj} move to ${newLabel} at their next renewal. Notices go out on confirm.`\n  }\n  return `${lead} ${subj} keep ${oldLabel} until ${dateLabel(plan.effectiveAt)}, then move to ${newLabel} at their next renewal. Notices go out on confirm.`\n}\n","import { AdminMessage, useAdminUI } from \"#orck/admin/ui-context\"\nimport { useAdminServices } from \"#orck/admin/context\"\nimport * as React from \"react\"\n\nimport { useForm } from \"@tanstack/react-form\"\nimport { useMutation, useQuery, useQueryClient } from \"@tanstack/react-query\"\n\nimport { FormFieldErrors } from \"#orck/admin/components/form-field-errors\"\nimport { Badge } from \"#orck/admin/components/ui/badge\"\nimport { Button } from \"#orck/admin/components/ui/button\"\nimport {\n  Dialog,\n  DialogContent,\n  DialogDescription,\n  DialogFooter,\n  DialogHeader,\n  DialogTitle,\n  DialogTrigger,\n} from \"#orck/admin/components/ui/dialog\"\nimport { Input } from \"#orck/admin/components/ui/input\"\nimport { Label } from \"#orck/admin/components/ui/label\"\nimport type { PriceChangeDraft } from \"#orck/admin/lib/api/copilot\"\nimport { DIALOG_FORM } from \"#orck/admin/lib/dialog-width\"\nimport type { Price } from \"#orck/client/generated/wire\"\nimport {\n  formatNativeAmount,\n  nativeAmountFromInput,\n  nativeAmountToInput,\n} from \"#orck/admin/lib/format\"\n\nimport { priceIntervalLabel } from \"#orck/admin/pages/catalog/price-format\"\nimport {\n  buildReviewText,\n  defaultEffectiveDate,\n  defaultMigrationMode,\n  DEFAULT_NOTICE_WINDOW_DAYS,\n  detectDirection,\n  isEffectiveDateValid,\n  minEffectiveDate,\n  type MigrationMode,\n} from \"#orck/admin/pages/catalog/price-wizard-logic\"\n\nconst toDateInputValue = (d: Date) => d.toISOString().slice(0, 10)\n\nconst priceChangeFormValues = (price: Price, draft?: PriceChangeDraft) => ({\n  amountInput: nativeAmountToInput(\n    draft?.new_amount ?? price.unit_amount,\n    price.currency\n  ),\n  mode: (draft?.migration ? \"migrate\" : \"grandfather\") as MigrationMode,\n  effectiveAt: draft?.migration?.effective_at\n    ? toDateInputValue(new Date(draft.migration.effective_at))\n    : \"\",\n})\n\n// PriceChangeWizard is the #777 console price-change wizard — the ONLY\n// amount-edit affordance on a price. Three steps: new amount -> migration\n// plan (direction-aware defaults, live affected-count preview, notice-window\n// gate on increase+migrate) -> review in words, then confirm applies the\n// catalog price update followed (if migrating) by the price migration.\n//\n// draft (#779): when the catalog copilot proposed this change, the dialog\n// opens PRE-FILLED straight at Step 3 (review) — the affected count already\n// rode in the draft, so no extra preview call is needed. Confirm behaves\n// EXACTLY as a hand-typed change (the same create-price and price-migration\n// calls).\nexport function PriceChangeWizard({\n  price,\n  productName,\n  productKey,\n  draft,\n  onDone,\n}: {\n  price: Price\n  productName: string\n  productKey: string | undefined\n  draft?: PriceChangeDraft\n  onDone?: () => void\n}) {\n  const { toast, toastApiError, adminMutations, adminQueries } =\n    useAdminServices()\n\n  const { id: adminId } = useAdminUI()\n\n  const queryClient = useQueryClient()\n  const [open, setOpen] = React.useState(() => !!draft)\n  const [step, setStep] = React.useState<1 | 2 | 3>(() => (draft ? 3 : 1))\n  const previewPriceChange = useMutation(adminMutations.previewPriceChange())\n  const changePrice = useMutation(adminMutations.changePrice(queryClient))\n  const affectedCount =\n    previewPriceChange.data?.matched ?? draft?.affected_count ?? null\n  const { data: configuration } = useQuery({\n    ...adminQueries.merchantConfiguration(),\n    enabled: open,\n  })\n  const noticeWindowDays =\n    configuration?.settings.reprice_notice_window_days ??\n    DEFAULT_NOTICE_WINDOW_DAYS\n\n  const [now] = React.useState(() => new Date())\n  const form = useForm({\n    defaultValues: priceChangeFormValues(price, draft),\n    onSubmit: async ({ value }) => {\n      if (!productKey || price.customer_amount) return\n      const newAmount = nativeAmountFromInput(value.amountInput, price.currency)\n      if (newAmount === null || BigInt(newAmount) <= 0n) return\n\n      try {\n        const created = await changePrice.mutateAsync({\n          price: {\n            product_id: price.product_id,\n            unit_amount: newAmount,\n            currency: price.currency,\n            access_duration_hours: price.access_duration_hours ?? undefined,\n            billing_interval_hours: price.billing_interval_hours ?? undefined,\n            trial_unit_amount: price.trial_unit_amount ?? undefined,\n            trial_duration_hours: price.trial_duration_hours ?? undefined,\n            key: price.key,\n            psps: Object.keys(price.psps ?? {}),\n            expected_revision: price.revision,\n          },\n          migration:\n            value.mode === \"migrate\"\n              ? {\n                  productKey,\n                  priceKey: price.key,\n                  effectiveAt: new Date(value.effectiveAt).toISOString(),\n                }\n              : undefined,\n        })\n        if (created.pending_manual_actions?.length) {\n          toast.warning(\n            `Price updated. One step is left for you: ${created.pending_manual_actions.map((action) => `${action.psp}: ${action.hint}`).join(\". \")}`\n          )\n        } else {\n          toast.success(\n            value.mode === \"migrate\"\n              ? \"Price updated and migration scheduled\"\n              : \"Price updated\"\n          )\n        }\n        handleOpenChange(false)\n        onDone?.()\n      } catch (err) {\n        toastApiError(err, \"Change price\")\n      }\n    },\n  })\n\n  const reset = () => {\n    setStep(1)\n    form.reset(priceChangeFormValues(price))\n    previewPriceChange.reset()\n  }\n\n  const handleOpenChange = (next: boolean) => {\n    if (!next) {\n      reset()\n    }\n    setOpen(next)\n  }\n\n  const enterStep2 = () => {\n    if (!productKey || price.customer_amount) return\n    const amount = nativeAmountFromInput(\n      form.state.values.amountInput,\n      price.currency\n    )\n    const direction = detectDirection(\n      amount ?? price.unit_amount,\n      price.unit_amount\n    )\n    form.setFieldValue(\"mode\", defaultMigrationMode(direction))\n    form.setFieldValue(\n      \"effectiveAt\",\n      toDateInputValue(defaultEffectiveDate(direction, now, noticeWindowDays))\n    )\n    setStep(2)\n    previewPriceChange.reset()\n    previewPriceChange.mutate(\n      { productKey, priceKey: price.key },\n      { onError: (err) => toastApiError(err, \"Preview affected subscribers\") }\n    )\n  }\n\n  // Archived (prior-version) rows are history, not the editable current\n  // price. Each product/key pair has exactly one live edit target.\n  // Wait for the product before allowing previews or scheduling a migration.\n  if (price.archived || !productKey || price.customer_amount) {\n    return (\n      <Button\n        variant=\"outline\"\n        size=\"sm\"\n        disabled\n        title={\n          price.customer_amount\n            ? \"This price lets customers choose an amount. Change its limits through a catalog application or the client.\"\n            : price.archived\n              ? \"This is an archived version. Change the current price for this key instead.\"\n              : \"Load the product before changing its price.\"\n        }\n      >\n        <AdminMessage id={\"Change price\"} />\n      </Button>\n    )\n  }\n\n  return (\n    <Dialog open={open} onOpenChange={handleOpenChange}>\n      {!draft && (\n        <DialogTrigger\n          render={\n            <Button variant=\"outline\" size=\"sm\">\n              <AdminMessage id={\"Change price\"} />\n            </Button>\n          }\n        />\n      )}\n      <DialogContent className={DIALOG_FORM}>\n        <form\n          className=\"grid gap-4\"\n          onSubmit={(event) => {\n            event.preventDefault()\n            event.stopPropagation()\n            if (step !== 3) return\n            void form.handleSubmit()\n          }}\n        >\n          <form.Subscribe\n            selector={(state) => [state.values, state.isSubmitting] as const}\n          >\n            {([values, isSubmitting]) => {\n              const newAmount =\n                nativeAmountFromInput(values.amountInput, price.currency) ??\n                price.unit_amount\n              const direction = detectDirection(newAmount, price.unit_amount)\n              const minDate = minEffectiveDate(direction, now, noticeWindowDays)\n              const dateValid =\n                values.mode !== \"migrate\" ||\n                (!!values.effectiveAt &&\n                  isEffectiveDateValid(\n                    direction,\n                    new Date(values.effectiveAt),\n                    now,\n                    noticeWindowDays\n                  ))\n\n              return (\n                <>\n                  <DialogHeader>\n                    <DialogTitle className=\"flex items-center gap-2\">\n                      <AdminMessage id={\"Change price for \"} />\n                      {productName}\n                      {draft && (\n                        <Badge variant=\"secondary\">\n                          <AdminMessage id={\"drafted by copilot\"} />\n                        </Badge>\n                      )}\n                    </DialogTitle>\n                    <DialogDescription>\n                      <AdminMessage id={\"Step \"} />\n                      {step}\n                      <AdminMessage id={\" of 3:\"} />{\" \"}\n                      {step === 1\n                        ? \"new amount\"\n                        : step === 2\n                          ? \"migration plan\"\n                          : \"review\"}\n                    </DialogDescription>\n                  </DialogHeader>\n\n                  {step === 1 && (\n                    <div className=\"grid gap-3\">\n                      <div className=\"grid grid-cols-2 gap-3 text-sm\">\n                        <div>\n                          <p className=\"text-xs text-muted-foreground uppercase\">\n                            <AdminMessage id={\"Current amount\"} />\n                          </p>\n                          <p className=\"font-medium\">\n                            {formatNativeAmount(\n                              price.unit_amount,\n                              price.currency\n                            )}\n                          </p>\n                        </div>\n                        <div>\n                          <p className=\"text-xs text-muted-foreground uppercase\">\n                            <AdminMessage id={\"Currency · interval\"} />\n                          </p>\n                          <p className=\"font-medium\">\n                            {price.currency.toUpperCase()} ·{\" \"}\n                            {priceIntervalLabel(price)}\n                          </p>\n                        </div>\n                      </div>\n                      <form.Field\n                        name=\"amountInput\"\n                        validators={{\n                          onBlur: ({ value }) => {\n                            const amount = nativeAmountFromInput(\n                              value,\n                              price.currency\n                            )\n                            if (amount === null || BigInt(amount) <= 0n) {\n                              return \"Enter an amount greater than zero.\"\n                            }\n                            return undefined\n                          },\n                        }}\n                      >\n                        {(field) => (\n                          <div className=\"grid gap-1.5\">\n                            <Label htmlFor={adminId(\"wiz-amount\")}>\n                              <AdminMessage id={\"New amount (major units)\"} />\n                            </Label>\n                            <Input\n                              id={adminId(\"wiz-amount\")}\n                              type=\"number\"\n                              step=\"any\"\n                              min=\"0\"\n                              value={field.state.value}\n                              onBlur={field.handleBlur}\n                              onChange={(event) =>\n                                field.handleChange(event.target.value)\n                              }\n                              autoFocus\n                            />\n                            <FormFieldErrors errors={field.state.meta.errors} />\n                          </div>\n                        )}\n                      </form.Field>\n                      {direction !== \"unchanged\" && (\n                        <p className=\"text-sm text-muted-foreground\">\n                          <AdminMessage id={\"This is a price\"} />{\" \"}\n                          <span className=\"font-medium text-foreground\">\n                            {direction === \"increase\" ? \"increase\" : \"decrease\"}\n                          </span>\n                          <AdminMessage\n                            id={\n                              \". Currency and interval stay locked to the current price.\"\n                            }\n                          />\n                        </p>\n                      )}\n                    </div>\n                  )}\n\n                  {step === 2 && (\n                    <div className=\"grid gap-3\">\n                      <p className=\"text-sm\">\n                        {affectedCount === null && previewPriceChange.isPending\n                          ? \"Checking affected subscribers…\"\n                          : `${(affectedCount ?? 0).toLocaleString()} active subscription${affectedCount === 1 ? \"\" : \"s\"} on prior versions of ${price.key}.`}\n                      </p>\n                      <form.Field name=\"mode\">\n                        {(field) => (\n                          <div className=\"grid gap-2\">\n                            <label className=\"flex items-start gap-2 rounded-md border p-3 text-sm\">\n                              <input\n                                type=\"radio\"\n                                name={field.name}\n                                className=\"mt-1\"\n                                checked={field.state.value === \"grandfather\"}\n                                onChange={() =>\n                                  field.handleChange(\"grandfather\")\n                                }\n                              />\n                              <span>\n                                <span className=\"font-medium\">\n                                  <AdminMessage id={\"Grandfather.\"} />\n                                </span>{\" \"}\n                                <AdminMessage\n                                  id={\n                                    \"Existing subscribers keep the current price.\"\n                                  }\n                                />\n                                {direction === \"increase\" && (\n                                  <Badge variant=\"secondary\" className=\"ml-2\">\n                                    <AdminMessage id={\"default\"} />\n                                  </Badge>\n                                )}\n                              </span>\n                            </label>\n                            <label className=\"flex items-start gap-2 rounded-md border p-3 text-sm\">\n                              <input\n                                type=\"radio\"\n                                name={field.name}\n                                className=\"mt-1\"\n                                checked={field.state.value === \"migrate\"}\n                                onChange={() => field.handleChange(\"migrate\")}\n                              />\n                              <span>\n                                <span className=\"font-medium\">\n                                  <AdminMessage id={\"Migrate.\"} />\n                                </span>{\" \"}\n                                <AdminMessage\n                                  id={\n                                    \"Move everyone to the new price at their first renewal on or after a date you choose.\"\n                                  }\n                                />\n                                {direction === \"decrease\" && (\n                                  <Badge variant=\"secondary\" className=\"ml-2\">\n                                    <AdminMessage id={\"default\"} />\n                                  </Badge>\n                                )}\n                              </span>\n                            </label>\n                          </div>\n                        )}\n                      </form.Field>\n                      {values.mode === \"migrate\" && (\n                        <form.Field name=\"effectiveAt\">\n                          {(field) => (\n                            <div className=\"grid gap-1.5\">\n                              <Label htmlFor={adminId(\"wiz-effective\")}>\n                                <AdminMessage id={\"Effective date\"} />\n                              </Label>\n                              <Input\n                                id={adminId(\"wiz-effective\")}\n                                type=\"date\"\n                                value={field.state.value}\n                                min={\n                                  minDate\n                                    ? toDateInputValue(minDate)\n                                    : undefined\n                                }\n                                onBlur={field.handleBlur}\n                                onChange={(event) =>\n                                  field.handleChange(event.target.value)\n                                }\n                              />\n                              {direction === \"increase\" ? (\n                                <p className=\"text-xs text-muted-foreground\">\n                                  <AdminMessage id={\"Must be at least \"} />\n                                  {noticeWindowDays}\n                                  <AdminMessage\n                                    id={\n                                      \" days away. Card networks require that much notice before a price goes up. You can change the number in Settings.\"\n                                    }\n                                  />\n                                </p>\n                              ) : (\n                                <p className=\"text-xs text-muted-foreground\">\n                                  <AdminMessage\n                                    id={\n                                      \"A price going down needs no notice, so today is fine.\"\n                                    }\n                                  />\n                                </p>\n                              )}\n                              {!dateValid && (\n                                <p\n                                  className=\"text-xs text-destructive\"\n                                  role=\"alert\"\n                                >\n                                  <AdminMessage id={\"Pick a later date.\"} />\n                                </p>\n                              )}\n                              <p className=\"text-xs text-muted-foreground\">\n                                <AdminMessage\n                                  id={\n                                    \"A reprice_scheduled notice is queued for every affected subscriber as soon as you confirm.\"\n                                  }\n                                />\n                              </p>\n                            </div>\n                          )}\n                        </form.Field>\n                      )}\n                    </div>\n                  )}\n\n                  {step === 3 && (\n                    <div className=\"grid gap-3\">\n                      <p className=\"rounded-md border bg-muted/40 p-3 text-sm\">\n                        {buildReviewText({\n                          newAmount,\n                          currentAmount: price.unit_amount,\n                          currency: price.currency,\n                          affectedCount: affectedCount ?? 0,\n                          plan: {\n                            mode: values.mode,\n                            effectiveAt:\n                              values.mode === \"migrate\"\n                                ? new Date(values.effectiveAt).toISOString()\n                                : \"\",\n                          },\n                          now,\n                        })}\n                      </p>\n                    </div>\n                  )}\n\n                  <DialogFooter>\n                    {step > 1 && (\n                      <Button\n                        type=\"button\"\n                        variant=\"outline\"\n                        disabled={isSubmitting}\n                        onClick={() => setStep((value) => (value - 1) as 1 | 2)}\n                      >\n                        <AdminMessage id={\"Back\"} />\n                      </Button>\n                    )}\n                    {step === 1 && (\n                      <Button\n                        type=\"button\"\n                        disabled={\n                          !values.amountInput ||\n                          direction === \"unchanged\" ||\n                          BigInt(newAmount) <= 0n\n                        }\n                        onClick={enterStep2}\n                      >\n                        <AdminMessage id={\"Next\"} />\n                      </Button>\n                    )}\n                    {step === 2 && (\n                      <Button\n                        type=\"button\"\n                        disabled={!dateValid || previewPriceChange.isPending}\n                        onClick={() => setStep(3)}\n                      >\n                        <AdminMessage id={\"Next\"} />\n                      </Button>\n                    )}\n                    {step === 3 && (\n                      <Button type=\"submit\" disabled={isSubmitting}>\n                        {isSubmitting ? \"Working…\" : \"Confirm\"}\n                      </Button>\n                    )}\n                  </DialogFooter>\n                </>\n              )\n            }}\n          </form.Subscribe>\n        </form>\n      </DialogContent>\n    </Dialog>\n  )\n}\n"],"mappings":"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"}

package/dist/admin-range-picker-Dr2M1EZr.js

@@ -0,0 +1,192 @@
+import { E as e, l as t, w as n } from "./admin-utils-BK4Vh1o_.js";
+import { t as r } from "./admin-button-CTL3DgOt.js";
+import { t as i } from "./admin-input-CcfQfJFN.js";
+import { a, i as o, n as s, r as c, t as l } from "./admin-select-DBgprVW6.js";
+import { useRef as u } from "react";
+import { jsx as d, jsxs as f } from "react/jsx-runtime";
+//#region src/admin/pages/dashboard/range.ts
+var p = [
+	{
+		value: "7d",
+		label: "Last 7 days"
+	},
+	{
+		value: "30d",
+		label: "Last 30 days"
+	},
+	{
+		value: "90d",
+		label: "Last 3 months"
+	},
+	{
+		value: "6m",
+		label: "Last 6 months"
+	},
+	{
+		value: "1y",
+		label: "Last year"
+	}
+], m = /^\d{4}-\d{2}-\d{2}$/, h = (e) => !!e && m.test(e) && !Number.isNaN(Date.parse(`${e}T00:00:00Z`));
+function g(e) {
+	let t = e.get("from"), n = e.get("to");
+	if (h(t) && h(n)) return t <= n ? {
+		from: t,
+		to: n
+	} : {
+		from: n,
+		to: t
+	};
+	let r = e.get("range");
+	return { preset: p.some((e) => e.value === r) ? r : "30d" };
+}
+function _(e, t) {
+	let n = new URLSearchParams(e);
+	return n.delete("range"), n.delete("from"), n.delete("to"), "from" in t ? (n.set("from", t.from), n.set("to", t.to)) : t.preset !== "30d" && n.set("range", t.preset), n;
+}
+function v(e) {
+	return "from" in e ? {
+		from: e.from,
+		to: e.to
+	} : { last: e.preset };
+}
+var y = 864e5, b = (e) => e.toISOString().slice(0, 10);
+function x(e, t = /* @__PURE__ */ new Date()) {
+	if ("from" in e) return e;
+	let [, n, r] = /^(\d+)([dwmy])$/.exec(e.preset) ?? [
+		"",
+		"30",
+		"d"
+	], i = Number(n), a = new Date(Date.UTC(t.getUTCFullYear(), t.getUTCMonth(), t.getUTCDate() + 1));
+	return r === "d" && a.setUTCDate(a.getUTCDate() - i), r === "w" && a.setUTCDate(a.getUTCDate() - 7 * i), r === "m" && a.setUTCMonth(a.getUTCMonth() - i), r === "y" && a.setUTCFullYear(a.getUTCFullYear() - i), {
+		from: b(a),
+		to: b(t)
+	};
+}
+function S(e, t = /* @__PURE__ */ new Date()) {
+	let { from: n, to: r } = x(e, t), i = (e) => (/* @__PURE__ */ new Date(`${e}T00:00:00Z`)).toLocaleDateString(void 0, {
+		month: "short",
+		day: "numeric",
+		year: e.slice(0, 4) === b(t).slice(0, 4) ? void 0 : "numeric",
+		timeZone: "UTC"
+	});
+	return n === r ? i(n) : `${i(n)} – ${i(r)}`;
+}
+var C = [
+	"day",
+	"week",
+	"month",
+	"quarter",
+	"year"
+], w = {
+	day: 1,
+	week: 7,
+	month: 28,
+	quarter: 89,
+	year: 365
+};
+function T(e, t, n = /* @__PURE__ */ new Date()) {
+	let { from: r, to: i } = x(t, n), a = (Date.parse(i) - Date.parse(r)) / y + 1, o = Math.max(C.indexOf(e), 0);
+	for (; o < C.length - 1 && a / w[C[o]] > 398;) o++;
+	return C[o];
+}
+function E(e, t) {
+	if (e.fixed_range) return e.query;
+	let n = {
+		...e.query,
+		range: v(t)
+	};
+	return n.grain &&= T(n.grain, t), n;
+}
+//#endregion
+//#region src/admin/pages/dashboard/use-range.ts
+function D() {
+	let [e, n] = t();
+	return [g(e), (t) => n(_(e, t), { replace: !0 })];
+}
+//#endregion
+//#region src/admin/pages/dashboard/range-picker.tsx
+var O = "custom";
+function k() {
+	let { text: t } = e(), [m, h] = D(), g = u(null), _ = u(null), v = "from" in m, y = [...p.map((e) => ({
+		value: e.value,
+		label: e.label
+	})), {
+		value: O,
+		label: "Custom range"
+	}];
+	return /* @__PURE__ */ f("div", {
+		className: "flex flex-wrap items-center gap-2",
+		children: [
+			/* @__PURE__ */ d("span", {
+				className: "hidden text-sm text-muted-foreground tabular-nums sm:inline",
+				"aria-live": "polite",
+				children: S(m)
+			}),
+			/* @__PURE__ */ f(l, {
+				items: y,
+				value: v ? O : m.preset,
+				onValueChange: (e) => {
+					e && h(e === O ? x(m) : { preset: e });
+				},
+				children: [/* @__PURE__ */ d(o, {
+					size: "sm",
+					className: "w-[150px]",
+					"aria-label": t("Date range"),
+					children: /* @__PURE__ */ d(a, {})
+				}), /* @__PURE__ */ d(s, { children: y.map((e) => /* @__PURE__ */ d(c, {
+					value: e.value,
+					children: e.label
+				}, e.value)) })]
+			}),
+			v && /* @__PURE__ */ f("div", {
+				className: "contents",
+				children: [
+					/* @__PURE__ */ f("label", {
+						className: "flex items-center gap-1.5 text-xs font-medium",
+						children: [/* @__PURE__ */ d(n, { id: "Start" }), /* @__PURE__ */ d(i, {
+							ref: g,
+							type: "date",
+							className: "h-8 w-auto",
+							defaultValue: m.from,
+							max: m.to,
+							onChange: (e) => {
+								let t = e.target.value, n = _.current?.value || m.to;
+								t && h({
+									from: t,
+									to: t > n ? t : n
+								});
+							}
+						})]
+					}),
+					/* @__PURE__ */ f("label", {
+						className: "flex items-center gap-1.5 text-xs font-medium",
+						children: [/* @__PURE__ */ d(n, { id: "End" }), /* @__PURE__ */ d(i, {
+							ref: _,
+							type: "date",
+							className: "h-8 w-auto",
+							defaultValue: m.to,
+							min: m.from,
+							onChange: (e) => {
+								let t = e.target.value, n = g.current?.value || m.from;
+								t && h({
+									from: t < n ? t : n,
+									to: t
+								});
+							}
+						})]
+					}),
+					/* @__PURE__ */ d(r, {
+						variant: "ghost",
+						size: "sm",
+						onClick: () => h({ preset: "30d" }),
+						children: /* @__PURE__ */ d(n, { id: "Reset" })
+					})
+				]
+			}, `${m.from}/${m.to}`)
+		]
+	});
+}
+//#endregion
+export { E as a, x as i, D as n, v as r, k as t };
+
+//# sourceMappingURL=admin-range-picker-Dr2M1EZr.js.map