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

package/dist/EmailAdmin-CjN_rvxT.js

@@ -0,0 +1,318 @@
+import { t as e } from "./PageTitle-D93YCiN8.js";
+import { d as t, g as n, h as r, ka as i, o as a, sr as o, v as s, y as c } from "./TimeZoneField-DkI1Bkcz.js";
+import { t as l } from "./DashboardNav-Dmn7PVSp.js";
+import { H as u, Ht as d, O as f, P as p, W as m, ft as h, gn as g, hn as _, ht as v, lt as y, yn as b } from "./lucide-react-CA7GD7Nv.js";
+import { t as x } from "./SupportBar-CN_JGC-9.js";
+import { a as S, i as C, t as w } from "./serviceStatus-vS8AI7SZ.js";
+import { ConnectCard as T, EmailSetupSteps as E } from "./SetupPayments-CVIwh1eQ.js";
+import { useEffect as D, useState as O } from "react";
+import { Fragment as k, jsx as A, jsxs as j } from "react/jsx-runtime";
+import { doc as M, onSnapshot as N, setDoc as P } from "firebase/firestore";
+import { Link as F } from "react-router-dom";
+//#region src/components/SendTestEmail.tsx
+function I({ trailing: e, onSent: t }) {
+	let [n, r] = O("idle"), [i, o] = O("");
+	return /* @__PURE__ */ j("div", {
+		className: "flex flex-col gap-1.5",
+		children: [
+			/* @__PURE__ */ j("div", {
+				className: "flex items-center gap-2.5 flex-wrap",
+				children: [/* @__PURE__ */ A(a, {
+					compact: !0,
+					icon: g,
+					busy: n === "sending",
+					onClick: async () => {
+						r("sending"), o("");
+						try {
+							let e = await fetch("/api/_selftest/email"), n = await e.json().catch(() => ({}));
+							e.ok && n?.ok ? (r("sent"), t?.(typeof n.from == "string" && n.from.trim() ? n.from : null)) : (r("failed"), o(String(n?.error || n?.message || "That test could not be sent. Try again in a moment.")));
+						} catch {
+							r("failed"), o("The server could not be reached.");
+						}
+					},
+					title: "Sends the test email to your own admin address",
+					children: "Send yourself a test email"
+				}), e]
+			}),
+			n === "sent" && /* @__PURE__ */ A("p", {
+				className: "text-[12px] font-semibold text-emerald-500 px-1",
+				children: "Sent. If you do not receive it within a minute, check your spam."
+			}),
+			n === "failed" && /* @__PURE__ */ j("p", {
+				className: "text-[12px] font-medium text-red-500 px-1 leading-relaxed",
+				children: [
+					"It did not send: ",
+					i,
+					" If the sending address uses your own domain, that domain must be verified under ",
+					/* @__PURE__ */ A("strong", { children: "Domains" }),
+					" in your Resend account — an unverified domain makes every send fail."
+				]
+			})
+		]
+	});
+}
+//#endregion
+//#region src/lib/emailTested.ts
+var { collection: L, doc: R } = C.email, z = (e, t) => {
+	let n = String(e || "").trim().toLowerCase(), r = String(t || "").trim().toLowerCase();
+	return !!n && n === r;
+};
+function B() {
+	let [e, t] = O({
+		loading: !0,
+		testedFrom: null
+	});
+	return D(() => N(M(i, L, R), (e) => {
+		let n = e.exists() ? e.data()?.testedFrom : null;
+		t({
+			loading: !1,
+			testedFrom: typeof n == "string" && n.trim() ? n : null
+		});
+	}, () => t({
+		loading: !1,
+		testedFrom: null
+	})), []), {
+		loading: e.loading,
+		testedFrom: e.testedFrom,
+		mark: async (e) => {
+			if (e.trim()) {
+				t({
+					loading: !1,
+					testedFrom: e
+				});
+				try {
+					await P(M(i, L, R), { testedFrom: e }, { merge: !0 });
+				} catch (e) {
+					console.error("Could not remember the test send", e);
+				}
+			}
+		}
+	};
+}
+//#endregion
+//#region src/pages/EmailAdmin.tsx
+var V = (e) => [
+	{
+		title: "Hear about what happens",
+		body: "A booking, a form entry, a new member — at your address the moment it happens.",
+		icon: _,
+		where: {
+			path: "/pages",
+			label: "Pages screen"
+		}
+	},
+	{
+		title: "Confirm to the people who write in",
+		body: "Whoever books or writes gets a note that it arrived, in your words.",
+		icon: h,
+		where: {
+			path: "/pages",
+			label: "Pages screen"
+		}
+	},
+	{
+		title: "Receipts and sale alerts",
+		body: "Every payment emails the buyer a receipt and tells you something sold.",
+		icon: u,
+		where: {
+			path: "/payments",
+			label: "Payments screen"
+		}
+	},
+	{
+		title: "Write to anyone from your app",
+		body: `A page for your team can write to any address, from ${e}.`,
+		icon: p,
+		where: {
+			path: "/pages",
+			label: "Pages screen"
+		}
+	}
+], H = (e) => String(e || "").toLowerCase().endsWith("@resend.dev"), U = (e) => String(e || "").split("@")[1] || "", W = (e) => e ? {
+	description: "Every page you told to send email does. Switch it off to stop all of it at once.",
+	chip: {
+		state: "saved",
+		label: "On"
+	}
+} : {
+	description: "Nothing sends. Your pages keep their settings and wait for this to come back on.",
+	chip: {
+		state: "off",
+		label: "Off"
+	}
+};
+function G({ from: e }) {
+	return /* @__PURE__ */ A("div", {
+		className: "flex flex-col divide-y divide-[var(--panel-border)]/60 rounded-2xl border border-[var(--panel-border)]/60",
+		children: V(e).map((e) => {
+			let t = e.icon;
+			return /* @__PURE__ */ j("div", {
+				className: "grid grid-cols-[auto_minmax(0,1fr)] sm:grid-cols-[auto_minmax(0,1fr)_auto] items-center gap-x-3 sm:gap-x-3.5 gap-y-0.5 px-4 py-3",
+				children: [
+					/* @__PURE__ */ A("div", {
+						className: "row-start-1 row-span-2 col-start-1 self-center w-9 h-9 rounded-xl flex items-center justify-center shrink-0 border border-[var(--panel-border)]/50 bg-accent/10 text-accent",
+						children: /* @__PURE__ */ A(t, { className: "w-4 h-4" })
+					}),
+					/* @__PURE__ */ A("span", {
+						className: "row-start-1 col-start-2 min-w-0 text-[13px] font-bold text-foreground leading-tight self-end",
+						children: e.title
+					}),
+					/* @__PURE__ */ A("span", {
+						className: "row-start-2 col-start-2 min-w-0 text-[12px] text-foreground/50 font-normal leading-snug self-start",
+						children: e.body
+					}),
+					/* @__PURE__ */ j(F, {
+						to: e.where.path,
+						className: "max-sm:hidden sm:inline-flex row-start-1 row-span-2 col-start-3 self-center justify-self-end items-center gap-1.5 text-[11.5px] font-semibold text-foreground/45 hover:text-accent whitespace-nowrap transition-colors",
+						children: [e.where.label, /* @__PURE__ */ A(b, { className: "w-3 h-3" })]
+					})
+				]
+			}, e.title);
+		})
+	});
+}
+function K({ adminCount: e, onSetUp: n }) {
+	return /* @__PURE__ */ j("div", {
+		className: "flex items-center gap-2.5 px-1 flex-wrap",
+		children: [/* @__PURE__ */ A(s, {
+			state: e ? "saved" : "off",
+			label: e ? `Your mail reaches ${e} address${e === 1 ? "" : "es"}` : "No address for your mail"
+		}), !e && /* @__PURE__ */ j("span", {
+			className: "text-[11px] sm:text-[11.5px] text-foreground/40 font-medium leading-snug",
+			children: [
+				"Sale, booking and form alerts have nowhere to go —",
+				" ",
+				/* @__PURE__ */ A(t, {
+					onClick: n,
+					children: "add VITE_ADMIN_EMAILS"
+				}),
+				"."
+			]
+		})]
+	});
+}
+function q() {
+	let { status: i, error: a, reread: u } = w(), p = S("email"), [g, _] = O(""), b = B(), [C, D] = O(!1), [M, N] = O(!1), P = () => {
+		D(!1), u().then(() => N(!0));
+	}, F = !!(i && !i.configured), L = H(i?.from), R = W(p.on), V = !b.loading && z(b.testedFrom, i?.from);
+	return /* @__PURE__ */ j("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__ */ j(o.div, {
+				initial: {
+					opacity: 0,
+					y: 20
+				},
+				animate: {
+					opacity: 1,
+					y: 0
+				},
+				className: "mb-6",
+				children: [/* @__PURE__ */ A(e, { children: "Email" }), /* @__PURE__ */ j("div", {
+					className: "flex items-center gap-2 text-foreground/40 font-bold uppercase tracking-[0.2em] text-[11px]",
+					children: [/* @__PURE__ */ A("span", { className: "w-8 h-[1px] bg-foreground/10" }), "/email"]
+				})]
+			}),
+			/* @__PURE__ */ j("div", {
+				className: "flex flex-col gap-6 flex-1 pb-16",
+				children: [/* @__PURE__ */ A(l, {}), /* @__PURE__ */ A("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: !i && !a ? /* @__PURE__ */ A("div", {
+						className: "flex items-center justify-center flex-1 text-foreground/40 py-16",
+						children: /* @__PURE__ */ A(v, { className: "w-6 h-6 animate-spin text-accent" })
+					}) : F ? /* @__PURE__ */ A(T, {
+						icon: y,
+						title: "Connect email",
+						description: "This app is not sending email yet.",
+						stepsDescription: "Three steps — a key, two secrets, and the domain your mail goes out as.",
+						button: "Set up email",
+						secret: "RESEND_API_KEY",
+						open: C,
+						onOpen: () => D(!0),
+						confirmed: M,
+						steps: /* @__PURE__ */ A(E, { onConfirm: P }),
+						children: /* @__PURE__ */ A(n, { children: "Email runs through Resend, and connecting it is two pasted rows — a key, and your own address for the mail that is meant for you. Once they are in, this screen fills itself: what your app can do with email, and where it goes." })
+					}) : /* @__PURE__ */ j("div", {
+						className: "flex flex-col gap-4",
+						children: [
+							/* @__PURE__ */ A(c, {
+								icon: m,
+								title: "Send email",
+								description: R.description,
+								chip: R.chip,
+								enabled: p.loading ? null : p.on,
+								onChange: async (e) => _(await p.set(e) || ""),
+								children: g ? /* @__PURE__ */ A(n, {
+									tone: "error",
+									children: g
+								}) : null
+							}),
+							/* @__PURE__ */ A(r, {
+								icon: h,
+								title: "Connection",
+								description: V && !a ? `Mail goes out as ${i?.from}.` : "Whether this app can send email right now.",
+								defaultOpen: !V || !i?.adminCount,
+								actions: a ? /* @__PURE__ */ A(s, {
+									state: "error",
+									label: "Unreachable"
+								}) : /* @__PURE__ */ A(s, {
+									state: "saved",
+									label: "Connected"
+								}),
+								children: a ? /* @__PURE__ */ A(n, {
+									tone: "error",
+									children: a
+								}) : /* @__PURE__ */ j(k, { children: [
+									!V && /* @__PURE__ */ j(n, { children: [
+										"Mail goes out as ",
+										/* @__PURE__ */ A("span", {
+											className: "font-bold text-foreground/70",
+											children: i?.from
+										}),
+										".",
+										L ? " That is Resend’s shared practice address: it delivers only to the address you made your Resend account with, so a test to yourself works and a customer’s email does not arrive. Before anyone else should get one, verify your own domain in Resend and add EMAIL_FROM — " : ` That only works if ${U(i?.from)} is verified under Domains in your Resend account — an unverified domain makes every send fail. Every send also appears in your Resend dashboard, with nothing to sync.`,
+										L && /* @__PURE__ */ A(t, {
+											onClick: () => D(!0),
+											children: "show me how"
+										}),
+										L && "."
+									] }),
+									/* @__PURE__ */ A(K, {
+										adminCount: i?.adminCount || 0,
+										onSetUp: () => D(!0)
+									}),
+									C && /* @__PURE__ */ A("div", {
+										className: "px-1 pt-1",
+										children: /* @__PURE__ */ A(E, { onConfirm: P })
+									}),
+									!V && /* @__PURE__ */ A("div", {
+										className: "px-1",
+										children: /* @__PURE__ */ A(I, {
+											onSent: (e) => b.mark(e || i?.from || ""),
+											trailing: /* @__PURE__ */ j("a", {
+												href: "https://resend.com/emails",
+												target: "_blank",
+												rel: "noreferrer",
+												className: "inline-flex items-center gap-1.5 text-[12px] font-bold text-accent hover:underline",
+												children: ["See everything sent, in Resend", /* @__PURE__ */ A(d, { className: "w-3 h-3" })]
+											})
+										})
+									})
+								] })
+							}),
+							/* @__PURE__ */ A(r, {
+								icon: f,
+								title: "What you can do with email",
+								description: "Each is switched on where it happens — a page on the Pages screen, a payment on the Payments screen.",
+								children: /* @__PURE__ */ A(G, { from: i?.from || "" })
+							})
+						]
+					})
+				})]
+			}),
+			/* @__PURE__ */ A(x, {})
+		]
+	});
+}
+//#endregion
+export { q as EmailAdmin };

package/dist/EmailAdmin-lAEBdY1s.cjs

@@ -0,0 +1 @@
+require(`./chunk-CiTBaPhY.cjs`);const e=require(`./PageTitle-CZhgmmDT.cjs`),t=require(`./TimeZoneField-qs7NPR30.cjs`),n=require(`./DashboardNav-CXa_ci-_.cjs`),r=require(`./lucide-react-BwV6L6Is.cjs`),i=require(`./SupportBar-CDT0HwdP.cjs`),a=require(`./serviceStatus-TQyZO_Y_.cjs`),o=require(`./SetupPayments-HNXWA25X.cjs`);let s=require(`react`),c=require(`react/jsx-runtime`),l=require(`firebase/firestore`),u=require(`react-router-dom`);function d({trailing:e,onSent:n}){let[i,a]=(0,s.useState)(`idle`),[o,l]=(0,s.useState)(``);return(0,c.jsxs)(`div`,{className:`flex flex-col gap-1.5`,children:[(0,c.jsxs)(`div`,{className:`flex items-center gap-2.5 flex-wrap`,children:[(0,c.jsx)(t.o,{compact:!0,icon:r.gn,busy:i===`sending`,onClick:async()=>{a(`sending`),l(``);try{let e=await fetch(`/api/_selftest/email`),t=await e.json().catch(()=>({}));e.ok&&t?.ok?(a(`sent`),n?.(typeof t.from==`string`&&t.from.trim()?t.from:null)):(a(`failed`),l(String(t?.error||t?.message||`That test could not be sent. Try again in a moment.`)))}catch{a(`failed`),l(`The server could not be reached.`)}},title:`Sends the test email to your own admin address`,children:`Send yourself a test email`}),e]}),i===`sent`&&(0,c.jsx)(`p`,{className:`text-[12px] font-semibold text-emerald-500 px-1`,children:`Sent. If you do not receive it within a minute, check your spam.`}),i===`failed`&&(0,c.jsxs)(`p`,{className:`text-[12px] font-medium text-red-500 px-1 leading-relaxed`,children:[`It did not send: `,o,` If the sending address uses your own domain, that domain must be verified under `,(0,c.jsx)(`strong`,{children:`Domains`}),` in your Resend account — an unverified domain makes every send fail.`]})]})}var{collection:f,doc:p}=a.i.email,m=(e,t)=>{let n=String(e||``).trim().toLowerCase(),r=String(t||``).trim().toLowerCase();return!!n&&n===r};function h(){let[e,n]=(0,s.useState)({loading:!0,testedFrom:null});return(0,s.useEffect)(()=>(0,l.onSnapshot)((0,l.doc)(t.ka,f,p),e=>{let t=e.exists()?e.data()?.testedFrom:null;n({loading:!1,testedFrom:typeof t==`string`&&t.trim()?t:null})},()=>n({loading:!1,testedFrom:null})),[]),{loading:e.loading,testedFrom:e.testedFrom,mark:async e=>{if(e.trim()){n({loading:!1,testedFrom:e});try{await(0,l.setDoc)((0,l.doc)(t.ka,f,p),{testedFrom:e},{merge:!0})}catch(e){console.error(`Could not remember the test send`,e)}}}}}var g=e=>[{title:`Hear about what happens`,body:`A booking, a form entry, a new member — at your address the moment it happens.`,icon:r.hn,where:{path:`/pages`,label:`Pages screen`}},{title:`Confirm to the people who write in`,body:`Whoever books or writes gets a note that it arrived, in your words.`,icon:r.ft,where:{path:`/pages`,label:`Pages screen`}},{title:`Receipts and sale alerts`,body:`Every payment emails the buyer a receipt and tells you something sold.`,icon:r.H,where:{path:`/payments`,label:`Payments screen`}},{title:`Write to anyone from your app`,body:`A page for your team can write to any address, from ${e}.`,icon:r.P,where:{path:`/pages`,label:`Pages screen`}}],_=e=>String(e||``).toLowerCase().endsWith(`@resend.dev`),v=e=>String(e||``).split(`@`)[1]||``,y=e=>e?{description:`Every page you told to send email does. Switch it off to stop all of it at once.`,chip:{state:`saved`,label:`On`}}:{description:`Nothing sends. Your pages keep their settings and wait for this to come back on.`,chip:{state:`off`,label:`Off`}};function b({from:e}){return(0,c.jsx)(`div`,{className:`flex flex-col divide-y divide-[var(--panel-border)]/60 rounded-2xl border border-[var(--panel-border)]/60`,children:g(e).map(e=>{let t=e.icon;return(0,c.jsxs)(`div`,{className:`grid grid-cols-[auto_minmax(0,1fr)] sm:grid-cols-[auto_minmax(0,1fr)_auto] items-center gap-x-3 sm:gap-x-3.5 gap-y-0.5 px-4 py-3`,children:[(0,c.jsx)(`div`,{className:`row-start-1 row-span-2 col-start-1 self-center w-9 h-9 rounded-xl flex items-center justify-center shrink-0 border border-[var(--panel-border)]/50 bg-accent/10 text-accent`,children:(0,c.jsx)(t,{className:`w-4 h-4`})}),(0,c.jsx)(`span`,{className:`row-start-1 col-start-2 min-w-0 text-[13px] font-bold text-foreground leading-tight self-end`,children:e.title}),(0,c.jsx)(`span`,{className:`row-start-2 col-start-2 min-w-0 text-[12px] text-foreground/50 font-normal leading-snug self-start`,children:e.body}),(0,c.jsxs)(u.Link,{to:e.where.path,className:`max-sm:hidden sm:inline-flex row-start-1 row-span-2 col-start-3 self-center justify-self-end items-center gap-1.5 text-[11.5px] font-semibold text-foreground/45 hover:text-accent whitespace-nowrap transition-colors`,children:[e.where.label,(0,c.jsx)(r.yn,{className:`w-3 h-3`})]})]},e.title)})})}function x({adminCount:e,onSetUp:n}){return(0,c.jsxs)(`div`,{className:`flex items-center gap-2.5 px-1 flex-wrap`,children:[(0,c.jsx)(t.v,{state:e?`saved`:`off`,label:e?`Your mail reaches ${e} address${e===1?``:`es`}`:`No address for your mail`}),!e&&(0,c.jsxs)(`span`,{className:`text-[11px] sm:text-[11.5px] text-foreground/40 font-medium leading-snug`,children:[`Sale, booking and form alerts have nowhere to go —`,` `,(0,c.jsx)(t.d,{onClick:n,children:`add VITE_ADMIN_EMAILS`}),`.`]})]})}function S(){let{status:l,error:u,reread:f}=a.t(),p=a.a(`email`),[g,S]=(0,s.useState)(``),C=h(),[w,T]=(0,s.useState)(!1),[E,D]=(0,s.useState)(!1),O=()=>{T(!1),f().then(()=>D(!0))},k=!!(l&&!l.configured),A=_(l?.from),j=y(p.on),M=!C.loading&&m(C.testedFrom,l?.from);return(0,c.jsxs)(`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:[(0,c.jsxs)(t.sr.div,{initial:{opacity:0,y:20},animate:{opacity:1,y:0},className:`mb-6`,children:[(0,c.jsx)(e.t,{children:`Email`}),(0,c.jsxs)(`div`,{className:`flex items-center gap-2 text-foreground/40 font-bold uppercase tracking-[0.2em] text-[11px]`,children:[(0,c.jsx)(`span`,{className:`w-8 h-[1px] bg-foreground/10`}),`/email`]})]}),(0,c.jsxs)(`div`,{className:`flex flex-col gap-6 flex-1 pb-16`,children:[(0,c.jsx)(n.t,{}),(0,c.jsx)(`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:!l&&!u?(0,c.jsx)(`div`,{className:`flex items-center justify-center flex-1 text-foreground/40 py-16`,children:(0,c.jsx)(r.ht,{className:`w-6 h-6 animate-spin text-accent`})}):k?(0,c.jsx)(o.ConnectCard,{icon:r.lt,title:`Connect email`,description:`This app is not sending email yet.`,stepsDescription:`Three steps — a key, two secrets, and the domain your mail goes out as.`,button:`Set up email`,secret:`RESEND_API_KEY`,open:w,onOpen:()=>T(!0),confirmed:E,steps:(0,c.jsx)(o.EmailSetupSteps,{onConfirm:O}),children:(0,c.jsx)(t.g,{children:`Email runs through Resend, and connecting it is two pasted rows — a key, and your own address for the mail that is meant for you. Once they are in, this screen fills itself: what your app can do with email, and where it goes.`})}):(0,c.jsxs)(`div`,{className:`flex flex-col gap-4`,children:[(0,c.jsx)(t.y,{icon:r.W,title:`Send email`,description:j.description,chip:j.chip,enabled:p.loading?null:p.on,onChange:async e=>S(await p.set(e)||``),children:g?(0,c.jsx)(t.g,{tone:`error`,children:g}):null}),(0,c.jsx)(t.h,{icon:r.ft,title:`Connection`,description:M&&!u?`Mail goes out as ${l?.from}.`:`Whether this app can send email right now.`,defaultOpen:!M||!l?.adminCount,actions:u?(0,c.jsx)(t.v,{state:`error`,label:`Unreachable`}):(0,c.jsx)(t.v,{state:`saved`,label:`Connected`}),children:u?(0,c.jsx)(t.g,{tone:`error`,children:u}):(0,c.jsxs)(c.Fragment,{children:[!M&&(0,c.jsxs)(t.g,{children:[`Mail goes out as `,(0,c.jsx)(`span`,{className:`font-bold text-foreground/70`,children:l?.from}),`.`,A?` That is Resend’s shared practice address: it delivers only to the address you made your Resend account with, so a test to yourself works and a customer’s email does not arrive. Before anyone else should get one, verify your own domain in Resend and add EMAIL_FROM — `:` That only works if ${v(l?.from)} is verified under Domains in your Resend account — an unverified domain makes every send fail. Every send also appears in your Resend dashboard, with nothing to sync.`,A&&(0,c.jsx)(t.d,{onClick:()=>T(!0),children:`show me how`}),A&&`.`]}),(0,c.jsx)(x,{adminCount:l?.adminCount||0,onSetUp:()=>T(!0)}),w&&(0,c.jsx)(`div`,{className:`px-1 pt-1`,children:(0,c.jsx)(o.EmailSetupSteps,{onConfirm:O})}),!M&&(0,c.jsx)(`div`,{className:`px-1`,children:(0,c.jsx)(d,{onSent:e=>C.mark(e||l?.from||``),trailing:(0,c.jsxs)(`a`,{href:`https://resend.com/emails`,target:`_blank`,rel:`noreferrer`,className:`inline-flex items-center gap-1.5 text-[12px] font-bold text-accent hover:underline`,children:[`See everything sent, in Resend`,(0,c.jsx)(r.Ht,{className:`w-3 h-3`})]})})})]})}),(0,c.jsx)(t.h,{icon:r.O,title:`What you can do with email`,description:`Each is switched on where it happens — a page on the Pages screen, a payment on the Payments screen.`,children:(0,c.jsx)(b,{from:l?.from||``})})]})})]}),(0,c.jsx)(i.t,{})]})}exports.EmailAdmin=S;

package/dist/EventCard-46EquygT.cjs

@@ -0,0 +1 @@
+require(`./chunk-CiTBaPhY.cjs`),require(`./PageTitle-CZhgmmDT.cjs`);const e=require(`./TimeZoneField-qs7NPR30.cjs`);let t=require(`react/jsx-runtime`);var n=(t,n=`host`)=>t.heldOnly?`Held time`:n===`booker`?t.scheduleName.trim()||`A meeting`:e.jt(t),r=(e,t=`host`)=>e.heldOnly?`Held with no booking behind it`:e.own?`Your own event`:t===`booker`?e.memberName.trim()?`With ${e.memberName.trim()}`:`Booked`:e.scheduleName||e.email||`Booked`,i=(t,r=`host`)=>r===`booker`&&!t.heldOnly?e.mt(t):n(t,r),a=e=>!e.pending||e.cancelled||e.own||e.heldOnly?``:e.partySize>1?`${e.partyAccepted} of ${e.partySize}`:`Pending`;function o({value:n,onChange:r}){return(0,t.jsx)(`div`,{className:`flex items-center gap-2 flex-wrap`,children:e.B.map(i=>{let a=i.value===n;return(0,t.jsx)(`button`,{type:`button`,title:i.label,"aria-label":i.label,"aria-pressed":a,onClick:()=>r(i.value),className:`w-8 h-8 rounded-full transition-all cursor-pointer active:scale-95 flex items-center justify-center ${i.value?`border-2`:`border-2 border-dashed`} ${a?`scale-105`:`hover:scale-105`}`,style:{background:e.Mt(i.value,a?55:30),borderColor:a?e.At(i.value):e.Mt(i.value,40)},children:a&&(0,t.jsx)(`span`,{className:`w-2 h-2 rounded-full`,style:{background:e.At(i.value)}})},i.value||`theme`)})})}function s({className:e=``}){return(0,t.jsx)(`span`,{className:`inline-flex items-center h-[18px] px-1.5 rounded-md shrink-0 border border-red-500/25 bg-red-500/10 text-[10px] font-bold uppercase tracking-[0.08em] text-red-500/90 ${e}`,children:`Cancelled`})}function c({label:e=`Pending`,className:n=``}){return(0,t.jsx)(`span`,{title:`Waiting to be accepted`,className:`inline-flex items-center h-[18px] px-1.5 rounded-md shrink-0 border border-amber-500/25 bg-amber-500/10 text-[10px] font-bold uppercase tracking-[0.08em] text-amber-600 dark:text-amber-400 ${n}`,children:e})}function l({className:e=``}){return(0,t.jsx)(`span`,{title:`Held with nothing booked`,className:`inline-flex items-center h-[18px] px-1.5 rounded-md shrink-0 border border-[var(--panel-border)] bg-foreground/[0.04] text-[10px] font-bold uppercase tracking-[0.08em] text-foreground/45 ${e}`,children:`Held`})}function u({booking:i,zone:o,chip:u,withMember:d=!1,side:f=`host`,onOpen:p,now:m}){let h=i.end<(m?m():new Date).toISOString(),g=i.cancelled,_=a(i),v=i.color;return(0,t.jsxs)(`button`,{type:`button`,onClick:p,"aria-label":`${e.Pt(new Date(i.start),o)} — ${n(i,f)}${g?` (cancelled)`:``}`,className:`group relative w-full text-left rounded-2xl border overflow-hidden flex items-stretch gap-2.5 p-2.5 transition-all cursor-pointer active:scale-[0.99] ${h&&!g?`opacity-60`:``} ${g||i.heldOnly?`border-dashed border-[var(--panel-border)]/60 bg-foreground/[0.02]`:``}`,style:g||i.heldOnly?void 0:{background:e.Mt(v,7),borderColor:e.Mt(v,26)},children:[(0,t.jsx)(`span`,{"aria-hidden":!0,className:`w-1 rounded-full shrink-0 ${g||i.heldOnly?`bg-foreground/15`:``}`,style:g||i.heldOnly?void 0:{background:e.Mt(v,85)}}),(0,t.jsx)(`span`,{"aria-hidden":!0,className:`absolute inset-0 bg-foreground/0 group-hover:bg-foreground/[0.04] transition-colors`}),(0,t.jsxs)(`span`,{className:`relative flex-1 min-w-0 flex flex-col gap-0.5 py-0.5`,children:[(0,t.jsxs)(`span`,{className:`flex items-baseline gap-2 min-w-0`,children:[(0,t.jsx)(`span`,{className:`text-[12.5px] font-bold tabular-nums shrink-0 ${g?`text-foreground/45 line-through`:`text-foreground`}`,children:e.Pt(new Date(i.start),o)}),(0,t.jsx)(`span`,{className:`text-[12.5px] font-semibold truncate ${g?`text-foreground/45 line-through`:`text-foreground/80`}`,children:n(i,f)})]}),(0,t.jsxs)(`span`,{className:`flex items-center justify-between gap-2 min-w-0`,children:[(0,t.jsx)(`span`,{className:`text-[11.5px] font-medium text-foreground/45 truncate`,children:d&&i.memberName?`${i.memberName} · ${r(i,f)}`:r(i,f)}),g?(0,t.jsx)(s,{}):i.heldOnly?(0,t.jsx)(l,{}):_?(0,t.jsx)(c,{label:_}):u&&(0,t.jsx)(e.v,{state:u.state,label:u.label})]})]})]})}Object.defineProperty(exports,`a`,{enumerable:!0,get:function(){return n}}),Object.defineProperty(exports,`i`,{enumerable:!0,get:function(){return c}}),Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return o}}),Object.defineProperty(exports,`o`,{enumerable:!0,get:function(){return i}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return u}}),Object.defineProperty(exports,`s`,{enumerable:!0,get:function(){return a}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return s}});

package/dist/EventCard-B6xD-mk3.js

@@ -0,0 +1,97 @@
+import "./PageTitle-D93YCiN8.js";
+import { At as e, B as t, Mt as n, Pt as r, jt as i, mt as a, v as o } from "./TimeZoneField-DkI1Bkcz.js";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+//#region src/components/schedule/EventCard.tsx
+var l = (e, t = "host") => e.heldOnly ? "Held time" : t === "booker" ? e.scheduleName.trim() || "A meeting" : i(e), u = (e, t = "host") => e.heldOnly ? "Held with no booking behind it" : e.own ? "Your own event" : t === "booker" ? e.memberName.trim() ? `With ${e.memberName.trim()}` : "Booked" : e.scheduleName || e.email || "Booked", d = (e, t = "host") => t === "booker" && !e.heldOnly ? a(e) : l(e, t), f = (e) => !e.pending || e.cancelled || e.own || e.heldOnly ? "" : e.partySize > 1 ? `${e.partyAccepted} of ${e.partySize}` : "Pending";
+function p({ value: r, onChange: i }) {
+	return /* @__PURE__ */ s("div", {
+		className: "flex items-center gap-2 flex-wrap",
+		children: t.map((t) => {
+			let a = t.value === r;
+			return /* @__PURE__ */ s("button", {
+				type: "button",
+				title: t.label,
+				"aria-label": t.label,
+				"aria-pressed": a,
+				onClick: () => i(t.value),
+				className: `w-8 h-8 rounded-full transition-all cursor-pointer active:scale-95 flex items-center justify-center ${t.value ? "border-2" : "border-2 border-dashed"} ${a ? "scale-105" : "hover:scale-105"}`,
+				style: {
+					background: n(t.value, a ? 55 : 30),
+					borderColor: a ? e(t.value) : n(t.value, 40)
+				},
+				children: a && /* @__PURE__ */ s("span", {
+					className: "w-2 h-2 rounded-full",
+					style: { background: e(t.value) }
+				})
+			}, t.value || "theme");
+		})
+	});
+}
+function m({ className: e = "" }) {
+	return /* @__PURE__ */ s("span", {
+		className: `inline-flex items-center h-[18px] px-1.5 rounded-md shrink-0 border border-red-500/25 bg-red-500/10 text-[10px] font-bold uppercase tracking-[0.08em] text-red-500/90 ${e}`,
+		children: "Cancelled"
+	});
+}
+function h({ label: e = "Pending", className: t = "" }) {
+	return /* @__PURE__ */ s("span", {
+		title: "Waiting to be accepted",
+		className: `inline-flex items-center h-[18px] px-1.5 rounded-md shrink-0 border border-amber-500/25 bg-amber-500/10 text-[10px] font-bold uppercase tracking-[0.08em] text-amber-600 dark:text-amber-400 ${t}`,
+		children: e
+	});
+}
+function g({ className: e = "" }) {
+	return /* @__PURE__ */ s("span", {
+		title: "Held with nothing booked",
+		className: `inline-flex items-center h-[18px] px-1.5 rounded-md shrink-0 border border-[var(--panel-border)] bg-foreground/[0.04] text-[10px] font-bold uppercase tracking-[0.08em] text-foreground/45 ${e}`,
+		children: "Held"
+	});
+}
+function _({ booking: e, zone: t, chip: i, withMember: a = !1, side: d = "host", onOpen: p, now: _ }) {
+	let v = e.end < (_ ? _() : /* @__PURE__ */ new Date()).toISOString(), y = e.cancelled, b = f(e), x = e.color;
+	return /* @__PURE__ */ c("button", {
+		type: "button",
+		onClick: p,
+		"aria-label": `${r(new Date(e.start), t)} — ${l(e, d)}${y ? " (cancelled)" : ""}`,
+		className: `group relative w-full text-left rounded-2xl border overflow-hidden flex items-stretch gap-2.5 p-2.5 transition-all cursor-pointer active:scale-[0.99] ${v && !y ? "opacity-60" : ""} ${y || e.heldOnly ? "border-dashed border-[var(--panel-border)]/60 bg-foreground/[0.02]" : ""}`,
+		style: y || e.heldOnly ? void 0 : {
+			background: n(x, 7),
+			borderColor: n(x, 26)
+		},
+		children: [
+			/* @__PURE__ */ s("span", {
+				"aria-hidden": !0,
+				className: `w-1 rounded-full shrink-0 ${y || e.heldOnly ? "bg-foreground/15" : ""}`,
+				style: y || e.heldOnly ? void 0 : { background: n(x, 85) }
+			}),
+			/* @__PURE__ */ s("span", {
+				"aria-hidden": !0,
+				className: "absolute inset-0 bg-foreground/0 group-hover:bg-foreground/[0.04] transition-colors"
+			}),
+			/* @__PURE__ */ c("span", {
+				className: "relative flex-1 min-w-0 flex flex-col gap-0.5 py-0.5",
+				children: [/* @__PURE__ */ c("span", {
+					className: "flex items-baseline gap-2 min-w-0",
+					children: [/* @__PURE__ */ s("span", {
+						className: `text-[12.5px] font-bold tabular-nums shrink-0 ${y ? "text-foreground/45 line-through" : "text-foreground"}`,
+						children: r(new Date(e.start), t)
+					}), /* @__PURE__ */ s("span", {
+						className: `text-[12.5px] font-semibold truncate ${y ? "text-foreground/45 line-through" : "text-foreground/80"}`,
+						children: l(e, d)
+					})]
+				}), /* @__PURE__ */ c("span", {
+					className: "flex items-center justify-between gap-2 min-w-0",
+					children: [/* @__PURE__ */ s("span", {
+						className: "text-[11.5px] font-medium text-foreground/45 truncate",
+						children: a && e.memberName ? `${e.memberName} · ${u(e, d)}` : u(e, d)
+					}), y ? /* @__PURE__ */ s(m, {}) : e.heldOnly ? /* @__PURE__ */ s(g, {}) : b ? /* @__PURE__ */ s(h, { label: b }) : i && /* @__PURE__ */ s(o, {
+						state: i.state,
+						label: i.label
+					})]
+				})]
+			})
+		]
+	});
+}
+//#endregion
+export { l as a, h as i, p as n, d as o, _ as r, f as s, m as t };