your-ai-workflow-firebase-os 2.0.2 → 2.0.6

package/dist/PaymentsAdmin-68u5SC2h.js

@@ -0,0 +1,1386 @@
+import { _ as e, o as t, t as n } from "./PageTitle-BTgDn1ET.js";
+import { $n as r, Ar as i, C as a, Cr as o, Dr as s, Er as c, It as l, Jn as u, Qn as d, S as f, Sr as p, Tr as m, Vn as h, Zr as g, _, b as v, br as y, cr as b, dr as x, g as S, gr as C, h as w, i as T, ii as E, ir as ee, jt as te, kr as ne, n as D, o as O, or as k, qr as A, r as re, rt as j, s as M, sr as N, ui as P, v as F, wr as I, x as L, xr as R, y as ie, yr as ae } from "./TimeZoneField-B3tZxNTw.js";
+import { j as oe, t as se, w as ce } from "./DashboardNav-D0bOAFps.js";
+import { Ln as z, jt as le } from "./schedule-C13m_kiO.js";
+import { n as B, t as V } from "./chevron-down--LwXEv9w.js";
+import { t as ue } from "./arrow-left-DdRja6es.js";
+import { t as H } from "./arrow-right-C6OLl8Zh.js";
+import { t as de } from "./SupportBar-CK7dJQyH.js";
+import { Ci as fe, Si as pe, ar as me, ir as he, un as ge, wi as U, wn as _e } from "./PagesAdmin-BC_pwZ5U.js";
+import { t as ve } from "./link-2-CtDUJiNU.js";
+import { r as ye } from "./x-hax8aKt8.js";
+import { t as W } from "./plus-BKrt0Qx5.js";
+import { t as be } from "./power-BrOGO3tj.js";
+import { i as xe, n as Se } from "./Said-CggcOp6P.js";
+import { t as G } from "./trash-6Wj66gJi.js";
+import { l as Ce, n as we, o as Te } from "./roles-Zb1WnOvq.js";
+import { r as Ee } from "./transactions-Df3U_shE.js";
+import { t as De } from "./ConfirmModal-DQ4eqdN3.js";
+import { u as Oe } from "./recordsKey-CztT3AeU.js";
+import { a as ke, n as Ae, t as je } from "./Setup-BRAP-sTt.js";
+import { a as Me, r as Ne } from "./serviceStatus-CO-KFQbc.js";
+import { ConnectCard as Pe, StripeSetupSteps as Fe } from "./SetupPayments-BPSBG83R.js";
+import { t as Ie } from "./CopyLink-BLfgIMfn.js";
+import { l as Le, s as Re } from "./publishSteps-XHWoQ-u_.js";
+import { useCallback as ze, useEffect as K, useRef as q, useState as J } from "react";
+import { Fragment as Y, jsx as X, jsxs as Z } from "react/jsx-runtime";
+import { collection as Be, deleteDoc as Ve, doc as Q, setDoc as He } from "firebase/firestore";
+import { Link as Ue, useNavigate as We, useSearchParams as Ge } from "react-router-dom";
+//#region node_modules/lucide-react/dist/esm/icons/plug.mjs
+var Ke = {
+	name: "plug",
+	size: 24,
+	node: [
+		["path", {
+			d: "M12 22v-5",
+			key: "1ega77"
+		}],
+		["path", {
+			d: "M15 8V2",
+			key: "18g5xt"
+		}],
+		["path", {
+			d: "M17 8a1 1 0 0 1 1 1v4a4 4 0 0 1-4 4h-4a4 4 0 0 1-4-4V9a1 1 0 0 1 1-1z",
+			key: "1xoxul"
+		}],
+		["path", {
+			d: "M9 8V2",
+			key: "14iosj"
+		}]
+	]
+};
+Ke.node;
+var qe = B(Ke), Je = {
+	name: "tag",
+	size: 24,
+	node: [["path", {
+		d: "M12.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z",
+		key: "vktsd0"
+	}], ["circle", {
+		cx: "7.5",
+		cy: "7.5",
+		r: ".5",
+		fill: "currentColor",
+		key: "kqv944"
+	}]]
+};
+Je.node;
+var Ye = B(Je), Xe = {
+	name: "triangle-alert",
+	size: 24,
+	node: [
+		["path", {
+			d: "m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3",
+			key: "wmoenq"
+		}],
+		["path", {
+			d: "M12 9v4",
+			key: "juzpu7"
+		}],
+		["path", {
+			d: "M12 17h.01",
+			key: "p32p05"
+		}]
+	],
+	aliases: ["alert-triangle"]
+};
+Xe.node;
+var Ze = B(Xe), Qe = {
+	name: "workflow",
+	size: 24,
+	node: [
+		["rect", {
+			width: "8",
+			height: "8",
+			x: "3",
+			y: "3",
+			rx: "2",
+			key: "by2w9f"
+		}],
+		["path", {
+			d: "M7 11v4a2 2 0 0 0 2 2h4",
+			key: "xkn7yn"
+		}],
+		["rect", {
+			width: "8",
+			height: "8",
+			x: "13",
+			y: "13",
+			rx: "2",
+			key: "1cgmvn"
+		}]
+	]
+};
+Qe.node;
+var $e = B(Qe);
+//#endregion
+//#region src/pages/PaymentsWiring.tsx
+function et({ product: e, live: t, open: n, onToggle: r, onChange: i, forPage: s, onAddToPage: l }) {
+	let u = (t) => i({
+		...e,
+		...t
+	});
+	if (!I(e, t)) return /* @__PURE__ */ X("div", {
+		className: "rounded-2xl border border-[var(--panel-border)] opacity-50",
+		"aria-disabled": "true",
+		children: /* @__PURE__ */ Z("div", {
+			className: "w-full flex items-center justify-between gap-3 px-4 py-3",
+			children: [/* @__PURE__ */ X("span", {
+				className: "text-[13px] font-semibold text-foreground/60 truncate",
+				children: c(e)
+			}), /* @__PURE__ */ X(F, {
+				state: "off",
+				label: "Finish it above first"
+			})]
+		})
+	});
+	let d = o(e), f = e.kind === "subscription";
+	return /* @__PURE__ */ Z("div", {
+		className: "rounded-2xl border border-[var(--panel-border)]",
+		children: [/* @__PURE__ */ Z("button", {
+			type: "button",
+			onClick: r,
+			"aria-expanded": n,
+			className: "w-full flex items-center justify-between gap-3 px-4 py-3 text-left cursor-pointer",
+			children: [/* @__PURE__ */ X("span", {
+				className: "text-[13px] font-semibold text-foreground/75 truncate",
+				children: c(e)
+			}), /* @__PURE__ */ Z("span", {
+				className: "flex items-center gap-2.5 shrink-0",
+				children: [/* @__PURE__ */ X(F, {
+					state: d ? "off" : "saved",
+					label: d ? "Question left" : "Ready for pages"
+				}), /* @__PURE__ */ X(V, { className: `w-3.5 h-3.5 text-foreground/40 shrink-0 transition-transform ${n ? "rotate-180" : ""}` })]
+			})]
+		}), n && /* @__PURE__ */ Z("div", {
+			className: "px-4 pb-4 pt-4 border-t border-[var(--panel-border)]/60 flex flex-col gap-4",
+			children: [
+				/* @__PURE__ */ X(v, {
+					label: "How will this payment work?",
+					hint: f ? "Start to finish, in your own words — what someone does, pays, and gets. Worth saying if you care: what they tell you before paying (never their email — Stripe asks for that), what each plan unlocks, and what happens the moment they subscribe. Whatever you skip, your assistant decides." : "Start to finish, in your own words — what someone does, pays, and gets. Worth saying if you care: what they tell you before paying (never their email — Stripe asks for that) and what happens after they pay. Whatever you skip, your assistant decides.",
+					value: e.how,
+					onChange: (e) => u({ how: e }),
+					placeholder: f ? "People pick a plan and pay, and their member area unlocks the same minute — Basic gets the videos, Pro gets the videos and a monthly call." : "People pick a time, tell me their phone number and what they need, pay, and the booking is theirs — it appears under Bookings with the session they chose."
+				}),
+				/* @__PURE__ */ Z("div", {
+					className: "flex flex-col gap-3 rounded-2xl border border-[var(--panel-border)]/60 px-4 py-3.5",
+					children: [/* @__PURE__ */ X(a, {
+						label: "Email the buyer a confirmation",
+						hint: "Needs email set up on this screen.",
+						hintWideOnly: !0,
+						enabled: e.emailReceipt,
+						onChange: (e) => u({ emailReceipt: e })
+					}), /* @__PURE__ */ X(a, {
+						label: "Email me when someone buys",
+						hint: "Needs email set up on this screen.",
+						hintWideOnly: !0,
+						enabled: e.notifyOwner,
+						onChange: (e) => u({ notifyOwner: e })
+					})]
+				}),
+				/* @__PURE__ */ Z("div", {
+					className: "flex flex-wrap items-center justify-between gap-3 pt-1",
+					children: [d ? /* @__PURE__ */ X("span", {
+						className: "text-[11px] sm:text-[11.5px] text-foreground/40 font-medium leading-snug",
+						children: d
+					}) : s ? /* @__PURE__ */ X("span", {
+						className: "text-[11.5px] font-semibold text-emerald-500",
+						children: `Ready to add to pages — add it to ${s.title} and go back.`
+					}) : /* @__PURE__ */ Z("span", {
+						className: "text-[11.5px] font-semibold text-emerald-500",
+						children: [
+							"Ready to add to pages — open a page on the",
+							" ",
+							/* @__PURE__ */ X(Ue, {
+								to: "/pages",
+								className: "font-bold hover:underline",
+								children: "Pages screen"
+							}),
+							" and add it under Payments."
+						]
+					}), !d && s && l ? /* @__PURE__ */ X(O, {
+						icon: e.pageIds.includes(s.id) ? ue : W,
+						onClick: () => l(e.id),
+						children: e.pageIds.includes(s.id) ? `Back to ${s.title}` : `Add to ${s.title}`
+					}) : /* @__PURE__ */ X("span", {})]
+				})
+			]
+		})]
+	});
+}
+function tt({ products: e, live: t, openId: n, onToggle: r, onChange: i, forPage: a, onAddToPage: o }) {
+	return e === null ? /* @__PURE__ */ X("p", {
+		className: M,
+		children: "Loading your payments…"
+	}) : e.length === 0 ? /* @__PURE__ */ X("p", {
+		className: `${M} px-1`,
+		children: "Nothing here yet. Describe what you sell in the card above — each payment you add appears here with one question: how it works, start to finish."
+	}) : /* @__PURE__ */ X("div", {
+		className: "flex flex-col gap-3",
+		children: e.map((e) => /* @__PURE__ */ X(et, {
+			product: e,
+			live: t,
+			open: n === e.id,
+			onToggle: () => r(e.id),
+			onChange: i,
+			forPage: a,
+			onAddToPage: o
+		}, e.id))
+	});
+}
+//#endregion
+//#region src/pages/PaymentLinks.tsx
+var nt = (e) => me(`pay-${R(e)}`) || `pay-${e.id}`, rt = (e) => {
+	let t = C(e).map((e) => e.amount.trim()).filter(Boolean).join(" + ");
+	return `${R(e)}${t ? ` — ${t}` : ""}`;
+};
+function it(e, t, n) {
+	return [
+		_e(t, n),
+		`This page is the page of my payment link for ${R(e)} — everyone I send ${t.path} to lands here and pays here.`,
+		...m(e, t.path)
+	].join("\n");
+}
+function at({ product: e, open: n, onToggle: r, onChange: i, onRemove: o, onCustomise: s }) {
+	let [c, l] = J(!1), [u, d] = J(!1), [f, p] = J(""), [m, h] = J(""), g = e.customPath.trim(), _ = g ? g.startsWith("/") ? g : `/${g}` : le(e.id);
+	return /* @__PURE__ */ Z("div", {
+		className: "rounded-2xl border border-[var(--panel-border)]",
+		children: [
+			/* @__PURE__ */ Z("div", {
+				className: "flex items-center gap-2 pr-3",
+				children: [/* @__PURE__ */ Z("button", {
+					type: "button",
+					onClick: r,
+					"aria-expanded": n,
+					className: "flex-1 min-w-0 flex items-center justify-between gap-3 px-4 py-3 text-left cursor-pointer",
+					children: [/* @__PURE__ */ X("span", {
+						className: "text-[13px] font-semibold text-foreground/75 truncate",
+						children: rt(e)
+					}), /* @__PURE__ */ Z("span", {
+						className: "flex items-center gap-2.5 shrink-0",
+						children: [/* @__PURE__ */ X(F, {
+							state: g ? "saved" : "off",
+							label: g ? "Your own page" : "Ready-made page"
+						}), /* @__PURE__ */ X(V, { className: `w-3.5 h-3.5 text-foreground/40 shrink-0 transition-transform ${n ? "rotate-180" : ""}` })]
+					})]
+				}), /* @__PURE__ */ X(O, {
+					icon: G,
+					tone: "danger",
+					compact: !0,
+					title: `Remove the link to ${R(e)}`,
+					onClick: () => l(!0),
+					children: "Remove"
+				})]
+			}),
+			/* @__PURE__ */ X(De, {
+				isOpen: c,
+				title: `Remove the link to ${R(e)}?`,
+				message: "Its link stops working, and it leaves What you sell and every schedule it was attached to.",
+				confirmText: "Yes, remove it",
+				cancelText: "Keep it",
+				onCancel: () => l(!1),
+				onConfirm: () => {
+					l(!1), o();
+				}
+			}),
+			n && /* @__PURE__ */ Z("div", {
+				className: "px-4 pb-4 pt-4 border-t border-[var(--panel-border)]/60 flex flex-col gap-4",
+				children: [
+					/* @__PURE__ */ X(T, {
+						label: "The link",
+						hint: "Send it to anyone. The page wears your theme and your app's name.",
+						children: /* @__PURE__ */ X(Ie, {
+							title: R(e),
+							path: _
+						})
+					}),
+					/* @__PURE__ */ X(L, {
+						label: "What is it called?",
+						value: C(e)[0]?.name || "",
+						onChange: (t) => i({
+							...e,
+							items: [{
+								...C(e)[0] || { amount: "" },
+								name: t
+							}, ...C(e).slice(1)]
+						}),
+						placeholder: "A one-hour session"
+					}),
+					/* @__PURE__ */ X(v, {
+						label: "A line or two about it",
+						hint: "Optional — what the buyer gets. Shown on the page.",
+						value: e.description,
+						onChange: (t) => i({
+							...e,
+							description: t
+						}),
+						placeholder: "One hour together on whatever you are stuck on."
+					}),
+					/* @__PURE__ */ X(L, {
+						label: "The price",
+						value: C(e)[0]?.amount || "",
+						onChange: (t) => i({
+							...e,
+							items: [{
+								...C(e)[0] || { name: "" },
+								amount: t
+							}, ...C(e).slice(1)]
+						}),
+						placeholder: "25",
+						error: C(e)[0]?.amount.trim() && y(C(e)[0].amount) === null ? "Just a number, like 25." : void 0
+					}),
+					!g && !u && !f && /* @__PURE__ */ X(O, {
+						icon: U,
+						onClick: () => d(!0),
+						children: "Customise this page"
+					}),
+					(u || f) && /* @__PURE__ */ Z("div", {
+						className: "rounded-2xl border border-[var(--panel-border)]/60 px-4 py-3.5 flex flex-col gap-4",
+						children: [
+							/* @__PURE__ */ X(v, {
+								label: "What would you like on the page?",
+								hint: "Describe the page in your own words — what it says, what it shows, how it feels. Your assistant builds it; whatever you skip, it decides.",
+								value: e.customNote,
+								onChange: (t) => i({
+									...e,
+									customNote: t
+								}),
+								placeholder: "A warm page about the session: who it is for, what we cover, two testimonials, then the Pay button.",
+								rows: 3
+							}),
+							m && /* @__PURE__ */ X("span", {
+								className: "text-[11.5px] font-semibold text-red-500 leading-snug px-1",
+								children: m
+							}),
+							f ? /* @__PURE__ */ Z(Y, { children: [/* @__PURE__ */ X(t, {
+								title: "Ask your assistant",
+								description: "The page exists on the Pages screen now. Paste this into your assistant's chat; once it has built the page, tick the switch below and the link goes there.",
+								prompt: f
+							}), /* @__PURE__ */ X(a, {
+								label: "The page is built — send people there",
+								hint: "Until this is on, the link opens the ready-made page.",
+								enabled: !!e.customPath.trim(),
+								onChange: (t) => i({
+									...e,
+									customPath: t ? `/${nt(e)}` : ""
+								})
+							})] }) : /* @__PURE__ */ Z("div", {
+								className: "flex items-center gap-2",
+								children: [/* @__PURE__ */ X(O, {
+									icon: U,
+									disabled: !e.customNote.trim(),
+									onClick: async () => {
+										h("");
+										let e = await s();
+										if (typeof e == "string") {
+											h(e);
+											return;
+										}
+										p(e.prompt);
+									},
+									children: "Make the page"
+								}), /* @__PURE__ */ X(O, {
+									onClick: () => {
+										d(!1), h("");
+									},
+									children: "Never mind"
+								})]
+							})
+						]
+					}),
+					g && !f && /* @__PURE__ */ X(a, {
+						label: "The page is built — send people there",
+						hint: `The link opens ${_}. Change the page from its row on the Pages screen. Turn this off to go back to the ready-made page.`,
+						enabled: !0,
+						onChange: (t) => i({
+							...e,
+							customPath: t ? e.customPath : ""
+						})
+					})
+				]
+			})
+		]
+	});
+}
+function ot({ products: e, onChange: t, onRemove: n }) {
+	let [r, i] = J(null), a = e.filter((e) => e.kind === "once"), o = () => {
+		let e = {
+			...b(`p_${Date.now().toString(36)}`),
+			kind: "once",
+			items: [{
+				name: "",
+				amount: ""
+			}]
+		};
+		t(e), i(e.id);
+	}, s = async (e) => {
+		let t = nt(e), n = `Pay — ${R(e)}`, r = {
+			name: n,
+			address: t,
+			type: "public",
+			about: e.customNote.trim()
+		};
+		try {
+			await ge(r);
+		} catch (e) {
+			return console.error("Could not make the page", e), "The page could not be made — make sure you are signed in as an admin and try again.";
+		}
+		let { config: i } = he(r), a = {
+			title: n,
+			path: `/${t}`
+		};
+		return {
+			path: a.path,
+			prompt: it(e, a, i)
+		};
+	};
+	return /* @__PURE__ */ X(w, {
+		icon: ve,
+		title: "Payment links",
+		description: "Every one-time payment has a page of its own you can send to anyone — a name, a line about it, a price.",
+		actions: ({ open: e }) => /* @__PURE__ */ X(O, {
+			icon: W,
+			title: "Add a payment link",
+			onClick: () => {
+				e(), o();
+			},
+			children: "Add a payment link"
+		}),
+		children: /* @__PURE__ */ X("div", {
+			className: "flex flex-col gap-3",
+			children: a.length === 0 ? /* @__PURE__ */ X("p", {
+				className: `${M} px-1`,
+				children: "No payment link yet. Add one here — it appears under What you sell too — or describe a one-time payment there and its link shows up here."
+			}) : a.map((e) => /* @__PURE__ */ X(at, {
+				product: e,
+				open: r === e.id,
+				onToggle: () => i(r === e.id ? null : e.id),
+				onChange: t,
+				onRemove: () => n(e.id),
+				onCustomise: () => s(e)
+			}, e.id))
+		})
+	});
+}
+//#endregion
+//#region src/pages/PaymentsProducts.tsx
+var $ = (e) => /^price_[A-Za-z0-9]+$/.test(e.trim()), st = "__new_role__";
+function ct({ plan: e, index: t, roles: n, onChange: r, onRemove: i }) {
+	let a = (t) => r({
+		...e,
+		...t
+	}), o = e.name.trim(), s = o ? n.find((e) => e.id === z(o) || e.name.trim().toLowerCase() === o.toLowerCase()) : void 0, c = o && !s ? Te(o, n) : "", l = !!o && !s && !c, u = () => {
+		if (s) {
+			a({ roleId: s.id });
+			return;
+		}
+		l && (a({ roleId: z(o) }), we(o).catch((e) => console.error("Could not make the role", e)));
+	}, d = [
+		...n.map((e) => ({
+			value: e.id,
+			label: e.name
+		})),
+		...e.roleId && !n.some((t) => t.id === e.roleId) ? [{
+			value: e.roleId,
+			label: o && z(o) === e.roleId ? o : A(e.roleId, n)
+		}] : [],
+		...l ? [{
+			value: st,
+			label: `New role: ${o}`
+		}] : []
+	];
+	return /* @__PURE__ */ Z("div", {
+		className: "rounded-2xl border border-[var(--panel-border)]/60 px-4 py-3.5 flex flex-col gap-4",
+		children: [
+			/* @__PURE__ */ Z("div", {
+				className: "flex items-center justify-between gap-3",
+				children: [/* @__PURE__ */ Z("span", {
+					className: "text-[11px] font-bold uppercase tracking-widest text-foreground/40",
+					children: ["Plan ", t + 1]
+				}), /* @__PURE__ */ X(O, {
+					icon: G,
+					tone: "danger",
+					compact: !0,
+					title: "Remove this plan",
+					onClick: i,
+					children: "Remove plan"
+				})]
+			}),
+			/* @__PURE__ */ X(L, {
+				label: "What is this plan called?",
+				value: e.name,
+				onChange: (e) => a({ name: e }),
+				onBlur: () => {
+					e.roleId || u();
+				},
+				placeholder: "Premium"
+			}),
+			/* @__PURE__ */ X(_, {
+				label: "Who they become",
+				hint: !e.roleId && c ? c : "Paying makes them this role; when the plan ends they are a member again.",
+				value: e.roleId || "",
+				onChange: (e) => e === st ? u() : a({ roleId: e }),
+				options: d,
+				placeholder: o ? "Choose a role" : "Name the plan first",
+				allowEmpty: !e.roleId
+			}),
+			/* @__PURE__ */ X(L, {
+				label: "One line about it",
+				hint: "Optional — what a buyer gets on this plan.",
+				value: e.description,
+				onChange: (e) => a({ description: e }),
+				placeholder: "Up to 3 projects and email support"
+			}),
+			[[
+				"monthly",
+				"Billed monthly",
+				"a month"
+			], [
+				"yearly",
+				"Billed yearly",
+				"a year"
+			]].map(([n, r, i]) => /* @__PURE__ */ Z("div", {
+				className: "flex flex-col gap-2.5",
+				children: [/* @__PURE__ */ Z("div", {
+					className: "flex items-center justify-between gap-4",
+					children: [/* @__PURE__ */ X("span", {
+						className: "text-[13px] font-medium text-foreground/80 ml-1",
+						children: r
+					}), /* @__PURE__ */ X(f, {
+						enabled: e[n].on,
+						onChange: (t) => a({ [n]: {
+							...e[n],
+							on: t
+						} }),
+						label: `${r} — plan ${t + 1}`
+					})]
+				}), e[n].on && /* @__PURE__ */ X(L, {
+					label: `The price ${i}`,
+					hint: `Just the number — 25 charges 25 ${i} in your Stripe account's currency.`,
+					value: e[n].amount,
+					onChange: (t) => a({ [n]: {
+						...e[n],
+						amount: t
+					} }),
+					placeholder: n === "monthly" ? "25" : "250",
+					error: fe(e[n].amount)
+				})]
+			}, n))
+		]
+	});
+}
+function lt({ product: e, plan: t, index: n, live: r, onChange: a }) {
+	let o = r ? "livePriceId" : "priceId", s = (e, t) => ({
+		...e,
+		[o]: t
+	}), c = (!t.monthly.on || $(t.monthly[o])) && (!t.yearly.on || $(t.yearly[o])), l = (e) => a({
+		...t,
+		...e
+	}), u = (e) => e.trim() && !$(e) ? "A price id starts with price_ — copy it from the price you just made." : void 0;
+	return /* @__PURE__ */ Z("div", {
+		className: "rounded-2xl border border-[var(--panel-border)]/60 px-4 py-3.5 flex flex-col gap-3",
+		children: [
+			/* @__PURE__ */ Z("div", {
+				className: "flex items-center justify-between gap-3",
+				children: [/* @__PURE__ */ X("span", {
+					className: "text-[13px] font-bold text-foreground truncate",
+					children: t.name.trim() || `Plan ${n + 1}`
+				}), /* @__PURE__ */ X(F, {
+					state: c ? "saved" : "off",
+					label: c ? "Done" : r ? "Waiting for its live ids" : "Waiting for its ids"
+				})]
+			}),
+			/* @__PURE__ */ X("ol", {
+				className: "space-y-1.5 list-decimal list-inside text-[12.5px] font-medium text-foreground/60 leading-relaxed",
+				children: i(e, t, r).map((e, t) => /* @__PURE__ */ X("li", { children: e }, t))
+			}),
+			t.monthly.on && /* @__PURE__ */ X(L, {
+				label: r ? "Paste the live monthly price id" : "Paste the monthly price id",
+				value: t.monthly[o],
+				onChange: (e) => l({ monthly: s(t.monthly, e) }),
+				placeholder: "price_…",
+				error: u(t.monthly[o])
+			}),
+			t.yearly.on && /* @__PURE__ */ X(L, {
+				label: r ? "Paste the live yearly price id" : "Paste the yearly price id",
+				value: t.yearly[o],
+				onChange: (e) => l({ yearly: s(t.yearly, e) }),
+				placeholder: "price_…",
+				error: u(t.yearly[o])
+			}),
+			r && /* @__PURE__ */ X("p", {
+				className: "text-[11px] sm:text-[11.5px] text-foreground/40 font-medium leading-snug",
+				children: "Your test ids are kept — switch back to test mode on this screen and they are exactly where you left them."
+			})
+		]
+	});
+}
+function ut({ product: e, open: t, live: n, roles: r, onToggle: i, onChange: a, onRemove: o, onProceed: s }) {
+	let l = (t) => a({
+		...e,
+		...t
+	}), u = (t, n) => l({ plans: e.plans.map((e, r) => r === t ? n : e) }), d = I(e, n), f = p(e, n), [m, h] = J(!1), g = R(e);
+	return /* @__PURE__ */ Z("div", {
+		className: "rounded-2xl border border-[var(--panel-border)]",
+		children: [
+			/* @__PURE__ */ Z("div", {
+				className: "flex items-center gap-2 pr-3",
+				children: [/* @__PURE__ */ Z("button", {
+					type: "button",
+					onClick: i,
+					"aria-expanded": t,
+					className: "flex-1 min-w-0 flex items-center justify-between gap-3 px-4 py-3 text-left cursor-pointer",
+					children: [/* @__PURE__ */ X("span", {
+						className: "text-[13px] font-semibold text-foreground/75 truncate",
+						children: c(e)
+					}), /* @__PURE__ */ Z("span", {
+						className: "flex items-center gap-2.5 shrink-0",
+						children: [e.kind && /* @__PURE__ */ X(F, {
+							state: d ? "saved" : "off",
+							label: d ? "Ready" : "In progress"
+						}), /* @__PURE__ */ X(V, { className: `w-3.5 h-3.5 text-foreground/40 shrink-0 transition-transform ${t ? "rotate-180" : ""}` })]
+					})]
+				}), /* @__PURE__ */ X(O, {
+					icon: G,
+					tone: "danger",
+					compact: !0,
+					title: `Remove ${g}`,
+					onClick: () => h(!0),
+					children: "Remove"
+				})]
+			}),
+			/* @__PURE__ */ X(De, {
+				isOpen: m,
+				title: `Remove ${g}?`,
+				message: "Its answer under How your payments work goes with it, and the pages it is on stop carrying it.",
+				confirmText: "Yes, remove it",
+				cancelText: "Keep it",
+				onCancel: () => h(!1),
+				onConfirm: () => {
+					h(!1), o();
+				}
+			}),
+			t && /* @__PURE__ */ Z("div", {
+				className: "px-4 pb-4 pt-4 border-t border-[var(--panel-border)]/60 flex flex-col gap-4",
+				children: [
+					/* @__PURE__ */ X(_, {
+						label: "How is it paid?",
+						value: e.kind,
+						onChange: (t) => l({
+							kind: t === "once" || t === "subscription" ? t : "",
+							plans: t === "subscription" && !e.plans.length ? [N()] : e.plans,
+							items: t === "once" && !e.items.length ? [k()] : e.items
+						}),
+						options: [{
+							value: "once",
+							label: "Once — one payment"
+						}, {
+							value: "subscription",
+							label: "A subscription that renews"
+						}],
+						placeholder: "Choose one"
+					}),
+					e.kind === "once" && /* @__PURE__ */ Z(Y, { children: [/* @__PURE__ */ X(T, {
+						label: "What are you selling?",
+						hint: "Each thing with its price — just the number: 25 charges 25 in your Stripe account's currency. Nothing to make in Stripe for a one-off.",
+						children: /* @__PURE__ */ Z("div", {
+							className: "flex flex-col gap-2",
+							children: [e.items.map((t, n) => /* @__PURE__ */ X(pe, {
+								item: t,
+								index: n,
+								onChange: (t) => l({ items: e.items.map((e, r) => r === n ? t : e) }),
+								onRemove: () => l({ items: e.items.filter((e, t) => t !== n) }),
+								removable: e.items.length > 1
+							}, n)), /* @__PURE__ */ X(O, {
+								icon: W,
+								className: "self-start",
+								onClick: () => l({ items: [...e.items, k()] }),
+								children: "Add another"
+							})]
+						})
+					}), e.items.length > 1 && /* @__PURE__ */ X(L, {
+						label: "What do you call this group?",
+						hint: "Optional — one word for the lot, the way you would say it: Calls, The shop.",
+						value: e.name,
+						onChange: (e) => l({ name: e }),
+						placeholder: "Calls"
+					})] }),
+					e.kind === "subscription" && /* @__PURE__ */ Z(Y, { children: [
+						/* @__PURE__ */ X(L, {
+							label: "What is the subscription called?",
+							value: e.name,
+							onChange: (e) => l({ name: e }),
+							placeholder: "Membership"
+						}),
+						/* @__PURE__ */ X(v, {
+							label: "One line about it",
+							hint: "Optional — your assistant uses it on the page.",
+							value: e.description,
+							onChange: (e) => l({ description: e }),
+							placeholder: "Everything in the studio, every month."
+						}),
+						/* @__PURE__ */ X(T, {
+							label: "Its plans",
+							hint: "Each plan can be billed monthly, yearly, or both.",
+							children: /* @__PURE__ */ Z("div", {
+								className: "flex flex-col gap-3",
+								children: [e.plans.map((t, n) => /* @__PURE__ */ X(ct, {
+									plan: t,
+									index: n,
+									roles: r,
+									onChange: (e) => u(n, e),
+									onRemove: () => l({ plans: e.plans.filter((e, t) => t !== n) })
+								}, n)), /* @__PURE__ */ X(O, {
+									icon: W,
+									className: "self-start",
+									onClick: () => l({ plans: [...e.plans, N()] }),
+									children: "Add a plan"
+								})]
+							})
+						}),
+						ae(e) && /* @__PURE__ */ X(T, {
+							label: n ? "Now make it in Stripe — live mode" : "Now make it in Stripe",
+							hint: n ? "Live mode is a fresh Stripe catalogue: make each plan again with Test mode OFF, and paste the live ids it produces." : "Five minutes in your Stripe dashboard. Each plan below says exactly what to do and takes the id it produces.",
+							children: /* @__PURE__ */ X("div", {
+								className: "flex flex-col gap-3",
+								children: e.plans.map((t, r) => /* @__PURE__ */ X(lt, {
+									product: e,
+									plan: t,
+									index: r,
+									live: n,
+									onChange: (e) => u(r, e)
+								}, r))
+							})
+						})
+					] }),
+					/* @__PURE__ */ Z("div", {
+						className: "flex flex-wrap items-center justify-between gap-3 pt-1",
+						children: [e.kind && !d ? /* @__PURE__ */ X("span", {
+							className: "text-[11px] sm:text-[11.5px] text-foreground/40 font-medium leading-snug",
+							children: f
+						}) : e.kind ? /* @__PURE__ */ X("span", {
+							className: "text-[11.5px] font-semibold text-emerald-500",
+							children: "Ready — press Proceed to say how it works."
+						}) : /* @__PURE__ */ X("span", {}), d ? /* @__PURE__ */ X(O, {
+							icon: H,
+							onClick: s,
+							children: "Proceed"
+						}) : /* @__PURE__ */ X("span", {})]
+					})
+				]
+			})
+		]
+	});
+}
+function dt() {
+	let [e, t] = J(null), [n, i] = J(!1), [a, o] = J(null), [c, l] = J(null), [f, p] = J(""), m = q(/* @__PURE__ */ new Map()), h = q(null), _ = q(null), v = Oe(), y = We(), [x, S] = Ge(), [C] = J(() => x.get("page") || ""), T = C ? (v || []).find((e) => e.id === C) : void 0, te = q({
+		done: !1,
+		open: x.get("open") || "",
+		wantsNew: x.get("new") === "subscription"
+	}), D = Ce();
+	u(`${n}:${(e || []).reduce((e, t) => e + (t.plans || []).filter((e) => e.roleId).length, 0)}`);
+	let k = (e) => {
+		let t = m.current.get(e.id);
+		t && clearTimeout(t), m.current.set(e.id, setTimeout(async () => {
+			m.current.delete(e.id);
+			try {
+				let { id: t, ...n } = e;
+				await He(Q(P, d, t), n);
+			} catch (e) {
+				console.error("Could not save the product", e), Se(E(e, "That change to what you sell could not be saved."));
+			}
+		}, 600));
+	};
+	K(() => {
+		let e = (e, n) => {
+			let r = te.current;
+			if (r.done || !r.open && !r.wantsNew) return;
+			r.done = !0;
+			let i = r.open ? e.find((e) => e.id === r.open) : void 0;
+			if (i) o(i.id);
+			else if (r.wantsNew) {
+				let r = e.find((e) => e.kind === "subscription" && !e.name.trim() && !I(e, n));
+				if (r) o(r.id);
+				else {
+					let n = {
+						...b(`p_${Date.now().toString(36)}`),
+						kind: "subscription",
+						plans: [N()]
+					};
+					t([...e, n]), o(n.id), k(n);
+				}
+			}
+			setTimeout(() => h.current?.scrollIntoView?.({
+				behavior: "smooth",
+				block: "start"
+			}), 0), S((e) => {
+				let t = new URLSearchParams(e);
+				return t.delete("new"), t.delete("open"), t;
+			}, { replace: !0 });
+		}, n = g(d, () => Be(P, d), (n) => {
+			let a = !!n.docs.find((e) => e.id === r)?.data()?.liveMode;
+			if (i(a), ne(a), m.current.size) return;
+			let o = [];
+			n.forEach((e) => {
+				e.id !== "_settings" && o.push(s(e.id, e.data()));
+			}), o.sort((e, t) => (e.createdAt || 0) - (t.createdAt || 0)), t(o), e(o, a);
+		}, () => t([]));
+		return () => n();
+	}, []);
+	let A = (e) => {
+		t((t) => {
+			let n = t || [];
+			return n.some((t) => t.id === e.id) ? n.map((t) => t.id === e.id ? e : t) : [...n, e];
+		}), k(e);
+	}, re = () => {
+		let e = b(`p_${Date.now().toString(36)}`);
+		t((t) => [...t || [], e]), o(e.id), k(e);
+	}, j = async (n) => {
+		let r = m.current.get(n);
+		r && (clearTimeout(r), m.current.delete(n));
+		let i = (e || []).find((e) => e.id === n);
+		p(""), t((e) => (e || []).filter((e) => e.id !== n)), a === n && o(null), c === n && l(null);
+		try {
+			await Ve(Q(P, d, n));
+		} catch (e) {
+			console.error("Could not remove the product", e), i && t((e) => {
+				let t = e || [];
+				return t.some((e) => e.id === n) ? t : [...t, i].sort((e, t) => (e.createdAt || 0) - (t.createdAt || 0));
+			}), p("It could not be removed — make sure you are signed in as an admin and try again.");
+		}
+	}, F = (e) => {
+		o(null), l(e), _.current?.scrollIntoView({
+			behavior: "smooth",
+			block: "start"
+		});
+	};
+	return /* @__PURE__ */ Z(Y, { children: [
+		/* @__PURE__ */ X("div", {
+			ref: h,
+			children: /* @__PURE__ */ X(w, {
+				icon: xe,
+				title: "What you sell",
+				description: "Things paid for once, each with a price; or a subscription with plans and their Stripe ids.",
+				children: /* @__PURE__ */ Z("div", {
+					className: "flex flex-col gap-3",
+					children: [C && /* @__PURE__ */ X("p", {
+						className: "text-[11px] sm:text-[11.5px] text-foreground/40 font-medium leading-snug px-1",
+						children: `Making a payment for ${T?.title || "your page"}. Fill it in, press Proceed, say how it works — then add it to the page.`
+					}), e === null ? /* @__PURE__ */ X("p", {
+						className: M,
+						children: "Loading what you sell…"
+					}) : /* @__PURE__ */ Z(Y, { children: [
+						e.length === 0 && /* @__PURE__ */ X("p", {
+							className: "text-[11px] sm:text-[11.5px] text-foreground/40 font-medium leading-snug px-1",
+							children: "Nothing here yet. Describe what you sell once — things paid for once need nothing from Stripe, and a subscription walks you through Stripe step by step — then say how it works in the section below, and add it to a page from the Pages screen."
+						}),
+						e.map((e) => /* @__PURE__ */ X(ut, {
+							product: e,
+							open: a === e.id,
+							live: n,
+							roles: D,
+							onToggle: () => o(a === e.id ? null : e.id),
+							onChange: A,
+							onRemove: () => j(e.id),
+							onProceed: () => F(e.id)
+						}, e.id)),
+						!!f && /* @__PURE__ */ X("p", {
+							className: "text-[12px] font-semibold text-red-500 px-1",
+							children: f
+						}),
+						/* @__PURE__ */ X(O, {
+							icon: W,
+							className: "self-start",
+							onClick: re,
+							children: "Add something you sell"
+						})
+					] })]
+				})
+			})
+		}),
+		/* @__PURE__ */ X("div", {
+			ref: _,
+			children: /* @__PURE__ */ X(w, {
+				icon: $e,
+				title: "How your payments work",
+				description: "One answer per payment: what someone does, pays, and gets. Then add it to any page from its Payments section on the Pages screen.",
+				children: /* @__PURE__ */ X(tt, {
+					products: e,
+					live: n,
+					openId: c,
+					onToggle: (e) => l(c === e ? null : e),
+					onChange: A,
+					forPage: T ? {
+						id: T.id,
+						title: T.title
+					} : void 0,
+					onAddToPage: (e) => {
+						C && y(ee(C, e));
+					}
+				})
+			})
+		}),
+		/* @__PURE__ */ X(ot, {
+			products: e || [],
+			onChange: A,
+			onRemove: j
+		})
+	] });
+}
+//#endregion
+//#region src/pages/PaymentsGoLive.tsx
+function ft(e, t) {
+	return !e && t !== "live" ? {
+		state: "off",
+		label: "In test mode"
+	} : t === "live" ? {
+		state: "saved",
+		label: "Live"
+	} : {
+		state: "saving",
+		label: "Waiting for the live key"
+	};
+}
+var pt = ["checkout.session.completed", "checkout.session.async_payment_succeeded"], mt = "text-[12.5px] font-medium text-foreground/70 leading-relaxed", ht = "mt-1.5 space-y-1 list-disc list-inside marker:text-foreground/30", gt = "my-2 glass-panel border border-[var(--panel-border)] rounded-2xl overflow-hidden bg-background";
+function _t() {
+	let [e, n] = J(null), [i, a] = J([]), { status: o } = Ne(5e3), c = o?.mode ?? null, l = o?.webhookConfigured ?? !1, [u] = ke(), f = u === "local", { record: p } = Le(), m = h(Re(p)), _ = p.done.includes("authorised") && !!m;
+	K(() => g(d, () => Be(P, d), (e) => {
+		n(!!e.docs.find((e) => e.id === r)?.data()?.liveMode);
+		let t = [];
+		e.forEach((e) => {
+			e.id !== "_settings" && t.push(s(e.id, e.data()));
+		}), t.sort((e, t) => (e.createdAt || 0) - (t.createdAt || 0)), a(t);
+	}, () => n(!1)), []);
+	let v = async (e) => {
+		n(e);
+		try {
+			await He(Q(P, d, r), { liveMode: e }, { merge: !0 });
+		} catch (e) {
+			console.error("Could not save the go-live switch", e);
+		}
+	}, y = !!e, b = ft(y, c), C = i.filter((e) => I(e, !1)), w = C.filter((e) => !I(e, !0)), T = C.length > 0 && w.length === 0, E = C.some((e) => e.kind === "subscription");
+	return /* @__PURE__ */ X(ie, {
+		icon: ce,
+		title: "Go live",
+		description: y ? "Real cards, real money — the steps below finish the switch." : "Practice is free — flip this only when a test payment has gone all the way through.",
+		chip: b,
+		enabled: e === null ? null : y,
+		onChange: v,
+		children: y && /* @__PURE__ */ Z(Y, { children: [
+			/* @__PURE__ */ Z("ol", {
+				className: `space-y-3.5 list-decimal list-inside ${mt}`,
+				children: [
+					/* @__PURE__ */ Z("li", { children: [
+						/* @__PURE__ */ X("strong", { children: "Your live secret key." }),
+						" In Stripe, click your account name in the top left corner and choose your ",
+						/* @__PURE__ */ X("strong", { children: "live" }),
+						" account — not the sandbox.",
+						/* @__PURE__ */ Z("ul", {
+							className: ht,
+							children: [
+								/* @__PURE__ */ Z("li", { children: [
+									"Open the dark strip along the bottom that says ",
+									/* @__PURE__ */ X("strong", { children: "Developers" }),
+									", and scroll down to the ",
+									/* @__PURE__ */ X("strong", { children: "API keys" }),
+									" section."
+								] }),
+								/* @__PURE__ */ Z("li", { children: [
+									"Click ",
+									/* @__PURE__ */ X("strong", { children: "Manage API keys" }),
+									". Under ",
+									/* @__PURE__ */ X("strong", { children: "Standard keys" }),
+									", click ",
+									/* @__PURE__ */ X("strong", { children: "+ Create secret key" }),
+									"."
+								] }),
+								/* @__PURE__ */ Z("li", { children: [
+									"Where it asks ",
+									/* @__PURE__ */ X("em", { children: "How will you be using this key?" }),
+									", choose",
+									" ",
+									/* @__PURE__ */ X("strong", { children: "Powering an integration you built" }),
+									", then",
+									" ",
+									/* @__PURE__ */ X("strong", { children: "Create secret key" }),
+									"."
+								] }),
+								/* @__PURE__ */ Z("li", { children: [
+									"Stripe asks you to confirm it is you: click ",
+									/* @__PURE__ */ X("strong", { children: "Send verification" }),
+									" ",
+									"and verify the request with the code it sends."
+								] }),
+								/* @__PURE__ */ Z("li", { children: [
+									"Give the key a name — ",
+									/* @__PURE__ */ X("span", {
+										className: "text-accent",
+										children: "my ai project app key"
+									}),
+									" ",
+									"— and copy it. ",
+									/* @__PURE__ */ X("strong", { children: "Stripe will not show it to you again." })
+								] }),
+								f ? /* @__PURE__ */ Z("li", { children: [
+									"Open your ",
+									/* @__PURE__ */ X("strong", { children: ".env" }),
+									" file and paste it over the sk_test_… value of ",
+									/* @__PURE__ */ X("strong", { children: "STRIPE_SECRET_KEY" }),
+									" — replace it, do not add a second line. Start the app again, and the chip at the top of this card turns to ",
+									/* @__PURE__ */ X("strong", { children: "Live" }),
+									" on its own."
+								] }) : /* @__PURE__ */ Z("li", { children: [
+									"Click the ",
+									/* @__PURE__ */ X(D, {}),
+									" icon in the top right corner of your app in Google AI Studio and find the ",
+									/* @__PURE__ */ X("strong", { children: "Secrets" }),
+									" tab. Paste the new key over the value of ",
+									/* @__PURE__ */ X("strong", { children: "STRIPE_SECRET_KEY" }),
+									" — replace the sk_test_… one, do not add a second. Click ",
+									/* @__PURE__ */ X("strong", { children: "Apply" }),
+									" and refresh this page: the chip at the top of this card turns to ",
+									/* @__PURE__ */ X("strong", { children: "Live" }),
+									" on its own."
+								] })
+							]
+						})
+					] }),
+					E && /* @__PURE__ */ Z("li", { children: [
+						/* @__PURE__ */ X("strong", { children: "Your live price ids." }),
+						" A subscription's prices are made fresh in live mode, so the ids under ",
+						/* @__PURE__ */ X("strong", { children: "What you sell" }),
+						" change. Create each plan's price in your live Stripe account and paste its id there. Your test ids are kept and come straight back if you switch off again."
+					] }),
+					/* @__PURE__ */ Z("li", { children: [
+						/* @__PURE__ */ X("strong", { children: "The webhook." }),
+						" ",
+						_ ? "What keeps receipts and your sale alerts sending when a buyer pays and never comes back to your app." : "Stripe has to be able to reach your app from the outside, so this one waits until your app is published.",
+						" ",
+						/* @__PURE__ */ X("span", {
+							className: "inline-block align-middle ml-0.5",
+							children: /* @__PURE__ */ X(F, {
+								state: l ? "saved" : "off",
+								label: l ? "Connected" : "Not yet"
+							})
+						}),
+						_ ? /* @__PURE__ */ Z("ul", {
+							className: ht,
+							children: [
+								/* @__PURE__ */ Z("li", { children: [
+									"Still in your ",
+									/* @__PURE__ */ X("strong", { children: "live" }),
+									" Stripe account, open the",
+									" ",
+									/* @__PURE__ */ X("strong", { children: "Developers" }),
+									" strip at the bottom again and, in its top menu, click ",
+									/* @__PURE__ */ X("strong", { children: "Webhooks" }),
+									". Click ",
+									/* @__PURE__ */ X("strong", { children: "Add destination" }),
+									"."
+								] }),
+								/* @__PURE__ */ Z("li", { children: [
+									"Leave every setting as it is. Under ",
+									/* @__PURE__ */ X("strong", { children: "Events" }),
+									", use the",
+									" ",
+									/* @__PURE__ */ X("em", { children: "Find event by name or description…" }),
+									" search bar to find these two, and click the checkmark on each:",
+									/* @__PURE__ */ X("div", {
+										className: "mt-1.5 flex flex-col gap-1",
+										children: pt.map((e) => /* @__PURE__ */ X(je, {
+											code: e,
+											label: e,
+											compact: !0
+										}, e))
+									}),
+									"The first is an ordinary card payment. The second is a bank transfer landing hours later, when nobody is watching — without it those sales send no email at all."
+								] }),
+								/* @__PURE__ */ Z("li", { children: [
+									"Click ",
+									/* @__PURE__ */ X("strong", { children: "Continue" }),
+									" and keep it as a",
+									" ",
+									/* @__PURE__ */ X("strong", { children: "Webhook endpoint" }),
+									". Give the destination a name —",
+									" ",
+									/* @__PURE__ */ X("span", {
+										className: "text-accent",
+										children: "my ai project receipts"
+									}),
+									"."
+								] }),
+								/* @__PURE__ */ Z("li", { children: [
+									"As the ",
+									/* @__PURE__ */ X("strong", { children: "Endpoint URL" }),
+									", paste exactly this — your published address with the webhook route on the end:",
+									/* @__PURE__ */ X("div", {
+										className: "my-2",
+										children: /* @__PURE__ */ X(je, {
+											code: m,
+											label: "Copy your webhook address",
+											compact: !0
+										})
+									})
+								] }),
+								/* @__PURE__ */ Z("li", { children: [
+									"Create the destination. On the right, under Webhooks, you will find its",
+									" ",
+									/* @__PURE__ */ X("strong", { children: "signing secret" }),
+									" — it starts with ",
+									/* @__PURE__ */ X("strong", { children: "whsec_" }),
+									". Copy it."
+								] }),
+								/* @__PURE__ */ Z("li", { children: [f ? /* @__PURE__ */ Z(Y, { children: [
+									"Add the line below to your ",
+									/* @__PURE__ */ X("strong", { children: ".env" }),
+									" file with the whsec_… secret as its value, and start the app again. You are all set — the chip beside this step turns green."
+								] }) : /* @__PURE__ */ Z(Y, { children: [
+									"Click the ",
+									/* @__PURE__ */ X(D, {}),
+									" icon in the top right corner of your app in Google AI Studio, scroll the menu along the top to ",
+									/* @__PURE__ */ X("strong", { children: "Secrets" }),
+									" ",
+									"and click ",
+									/* @__PURE__ */ X("strong", { children: "+ Add secret" }),
+									". Copy the name below into",
+									" ",
+									/* @__PURE__ */ X("strong", { children: "Secret name" }),
+									" and paste the whsec_… secret as its value. Click ",
+									/* @__PURE__ */ X("strong", { children: "Apply" }),
+									" and refresh this page. You are all set — the chip beside this step turns green."
+								] }), /* @__PURE__ */ X("div", {
+									className: gt,
+									children: /* @__PURE__ */ X(Ae, {
+										name: "STRIPE_WEBHOOK_SECRET",
+										hint: "the whsec_… signing secret from the destination you just made"
+									})
+								})] })
+							]
+						}) : /* @__PURE__ */ Z("div", {
+							className: "mt-2 flex flex-col gap-2.5",
+							children: [/* @__PURE__ */ Z(S, { children: [
+								"Your app has no public address yet, and the preview address in this browser is not one Stripe can reach — it changes every session.",
+								" ",
+								p.done.length === 0 ? "Publish your app first" : "Finish publishing your app first",
+								": this step opens on its own once step 3 of Publish App,",
+								" ",
+								/* @__PURE__ */ X("strong", { children: "Add your domains and email sender" }),
+								", is ticked. Everything above works in the meantime."
+							] }), /* @__PURE__ */ Z(Ue, {
+								to: "/publish",
+								className: "inline-flex items-center gap-1.5 w-fit h-9 px-4 rounded-[var(--btn-radius,0.75rem)] text-[12.5px] font-bold border border-accent/40 bg-accent/10 text-accent hover:bg-accent/15 transition-all active:scale-[0.98] cursor-pointer",
+								children: ["Take me to Publish App", /* @__PURE__ */ X(H, { className: "w-3.5 h-3.5" })]
+							})]
+						})
+					] })
+				]
+			}),
+			/* @__PURE__ */ Z("p", {
+				className: "text-[11px] sm:text-[11.5px] text-foreground/40 font-medium leading-snug",
+				children: [
+					"One more switch lives in Stripe, not here: switching plans (monthly ↔ yearly, Basic ↔ Pro) appears in Stripe’s customer portal — where your buyers manage their own subscriptions — only if you allow it:",
+					" ",
+					/* @__PURE__ */ X("a", {
+						href: "https://dashboard.stripe.com/settings/billing/portal",
+						target: "_blank",
+						rel: "noopener noreferrer",
+						className: "text-accent font-bold hover:underline",
+						children: "Stripe Settings → Billing → Customer portal"
+					}),
+					" ",
+					"→ let customers switch plans."
+				]
+			}),
+			C.length > 0 && !T && /* @__PURE__ */ Z("p", {
+				className: "text-[11px] sm:text-[11.5px] text-foreground/40 font-medium leading-snug",
+				children: [
+					"Your subscriptions under What you sell now ask for ",
+					/* @__PURE__ */ X("strong", { children: "live" }),
+					" price ids — ",
+					w.length === C.length ? "each one" : `${w.length} of ${C.length}`,
+					" is still waiting. Your test ids are kept and come back if you switch back. Once the live ids are in, the message for your assistant appears right here."
+				]
+			}),
+			T && /* @__PURE__ */ X(t, {
+				title: "Tell your assistant about the switch",
+				prompt: x(C)
+			})
+		] })
+	});
+}
+//#endregion
+//#region src/pages/PaymentsAdmin.tsx
+var vt = (e) => e ? {
+	description: "Every Pay button on your pages works. Switch it off to pause all of it at once.",
+	chip: {
+		state: "saved",
+		label: "On"
+	}
+} : {
+	description: "No Pay button shows and nothing can be bought. Your pages keep their settings.",
+	chip: {
+		state: "off",
+		label: "Off"
+	}
+};
+function yt() {
+	let { user: t } = l(), { status: r, error: i, reread: a } = Ne(), [o, s] = J(!1), [c, u] = J(!1), [d, f] = J(null), [p, m] = J(""), [h, g] = J(""), _ = Me("payments"), [v, y] = J(""), b = vt(_.on), x = ze(async (e) => {
+		let n = t ? await t.getIdToken() : "", r = await fetch(e, { headers: n ? { Authorization: `Bearer ${n}` } : void 0 }), i = await r.json().catch(() => ({}));
+		if (!r.ok || i?.success === !1) throw Error(i?.error || "The server could not answer.");
+		return i;
+	}, [t]), C = () => {
+		s(!1), a().then(() => u(!0));
+	};
+	K(() => {
+		if (!r?.configured || !t) return;
+		let e = !1;
+		return x("/api/payments/products").then((t) => {
+			e || f(t.products || []);
+		}).catch((t) => {
+			e || m(t.message);
+		}), () => {
+			e = !0;
+		};
+	}, [
+		r?.configured,
+		t,
+		x
+	]);
+	let T = (e) => {
+		navigator.clipboard?.writeText(e), g(e), setTimeout(() => g(""), 2e3);
+	}, E = (d || []).flatMap((e) => e.prices), ee = r?.mode === "live" ? "https://dashboard.stripe.com/products" : "https://dashboard.stripe.com/test/products", ne = !!(r && !r.configured);
+	return /* @__PURE__ */ Z("main", {
+		className: "flex-1 w-full max-w-7xl mx-auto p-4 pt-2 md:p-8 md:pt-4 z-10 flex flex-col min-h-screen",
+		children: [
+			/* @__PURE__ */ Z(j.div, {
+				initial: {
+					opacity: 0,
+					y: 20
+				},
+				animate: {
+					opacity: 1,
+					y: 0
+				},
+				className: "mb-6",
+				children: [/* @__PURE__ */ X(n, { children: "Payments" }), /* @__PURE__ */ Z("div", {
+					className: "flex items-center gap-2 text-foreground/40 font-bold uppercase tracking-[0.2em] text-[11px]",
+					children: [/* @__PURE__ */ X("span", { className: "w-8 h-[1px] bg-foreground/10" }), "/payments"]
+				})]
+			}),
+			/* @__PURE__ */ Z("div", {
+				className: "flex flex-col gap-6 flex-1 pb-16",
+				children: [/* @__PURE__ */ X(se, {}), /* @__PURE__ */ X("div", {
+					className: "glass-panel border border-[var(--panel-border)] rounded-3xl p-4 sm:p-5 md:p-8 shadow-2xl relative bg-background flex flex-col fbos-tab-fill min-h-[600px]",
+					children: !r && !i ? /* @__PURE__ */ X("div", {
+						className: "flex items-center justify-center flex-1 text-foreground/40 py-16",
+						children: /* @__PURE__ */ X(ye, { className: "w-6 h-6 animate-spin text-accent" })
+					}) : ne ? /* @__PURE__ */ X(Pe, {
+						icon: oe,
+						title: "Connect Stripe",
+						description: "This app is not taking payments yet.",
+						stepsDescription: "Three steps — about five minutes, with pretend money until you say otherwise.",
+						button: "Set up payments",
+						secret: "STRIPE_SECRET_KEY",
+						open: o,
+						onOpen: () => s(!0),
+						confirmed: c,
+						steps: /* @__PURE__ */ X(Fe, { onConfirm: C }),
+						children: /* @__PURE__ */ X(S, { children: "Payments run through Stripe, and connecting it is one pasted key — no code, no terminal. Once it is in, this screen fills itself: what you sell, and every payment as it happens." })
+					}) : /* @__PURE__ */ Z("div", {
+						className: "flex flex-col gap-4",
+						children: [
+							r?.mode === "live" && /* @__PURE__ */ Z("div", {
+								className: "flex items-center gap-3 rounded-2xl border border-red-500/25 bg-red-500/[0.06] px-4 py-3",
+								children: [/* @__PURE__ */ X(Ze, { className: "w-4 h-4 text-red-500 shrink-0" }), /* @__PURE__ */ X("p", {
+									className: "text-[12.5px] font-semibold text-red-500 leading-snug",
+									children: "Live mode — real cards are being charged. Every payment on this screen is real money."
+								})]
+							}),
+							/* @__PURE__ */ X(ie, {
+								icon: be,
+								title: "Take payments",
+								description: b.description,
+								chip: b.chip,
+								enabled: _.loading ? null : _.on,
+								onChange: async (e) => y(await _.set(e) || ""),
+								children: v ? /* @__PURE__ */ X(S, {
+									tone: "error",
+									children: v
+								}) : null
+							}),
+							/* @__PURE__ */ X(w, {
+								icon: qe,
+								title: "Connection",
+								description: "Which Stripe account this app is running on.",
+								defaultOpen: !r?.configured,
+								actions: i ? /* @__PURE__ */ X(F, {
+									state: "error",
+									label: "Unreachable"
+								}) : /* @__PURE__ */ X(F, {
+									state: "saved",
+									label: r?.mode === "live" ? "Live mode connected" : "Test mode connected"
+								}),
+								children: i ? /* @__PURE__ */ X(S, {
+									tone: "error",
+									children: i
+								}) : /* @__PURE__ */ X(S, { children: r?.mode === "live" ? "Connected with a live key. Payments made anywhere on your site are real money." : "Test mode connected. Your Pay buttons work end to end, but only test cards are accepted and no real money moves. When you are ready for real payments, use Go live below." })
+							}),
+							/* @__PURE__ */ X(_t, {}),
+							/* @__PURE__ */ X(dt, {}),
+							/* @__PURE__ */ X(w, {
+								icon: Ye,
+								title: "In your Stripe account",
+								description: "The products and prices Stripe has right now — where price ids come from.",
+								defaultOpen: !1,
+								children: p ? /* @__PURE__ */ X(S, {
+									tone: "error",
+									children: p
+								}) : d === null ? /* @__PURE__ */ X("div", {
+									className: "flex items-center justify-center py-6 text-foreground/40",
+									children: /* @__PURE__ */ X(ye, { className: "w-5 h-5 animate-spin text-accent" })
+								}) : E.length === 0 ? /* @__PURE__ */ Z(S, { children: [
+									"Nothing needs to exist here for one-off payments — a Pay button can name its own amount. Only a subscription needs a price made in Stripe first:",
+									" ",
+									/* @__PURE__ */ X("a", {
+										href: ee,
+										target: "_blank",
+										rel: "noreferrer",
+										className: "text-accent font-bold hover:underline",
+										children: "create one in your Stripe dashboard"
+									}),
+									" ",
+									"and it appears here with its id ready to copy."
+								] }) : /* @__PURE__ */ X("div", {
+									className: "flex flex-col gap-2.5",
+									children: E.map((t) => /* @__PURE__ */ Z("div", {
+										className: `flex items-center gap-3 px-3.5 py-2.5 ${re}`,
+										children: [
+											/* @__PURE__ */ X("span", {
+												className: "text-[13px] font-bold text-foreground truncate min-w-0 flex-1",
+												children: t.productName || "Unnamed product"
+											}),
+											/* @__PURE__ */ Z("span", {
+												className: "text-[12.5px] font-semibold text-foreground/60 whitespace-nowrap shrink-0",
+												children: [Ee(t.amount, t.currency), t.interval ? ` / ${t.interval}` : ""]
+											}),
+											/* @__PURE__ */ X(O, {
+												compact: !0,
+												icon: h === t.id ? te : e,
+												title: `Copy the price id for ${t.productName || "this price"}`,
+												onClick: () => T(t.id),
+												children: h === t.id ? "Copied" : "Copy price id"
+											})
+										]
+									}, t.id))
+								})
+							})
+						]
+					})
+				})]
+			}),
+			/* @__PURE__ */ X(de, { video: "payments" })
+		]
+	});
+}
+//#endregion
+export { yt as PaymentsAdmin };