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

package/dist/Trouble-oWt9fMsm.js

@@ -0,0 +1,164 @@
+import { Ea as e, ba as t, wa as n } from "./TimeZoneField-DkI1Bkcz.js";
+import { B as r, l as i, pt as a } from "./lucide-react-CA7GD7Nv.js";
+import { useEffect as o, useRef as s, useState as c, useSyncExternalStore as l } from "react";
+import { jsx as u, jsxs as d } from "react/jsx-runtime";
+//#region src/lib/errorWatch.ts
+var f = "fbos:trouble";
+function p(e) {
+	typeof window > "u" || window.dispatchEvent(new CustomEvent(f, { detail: e }));
+}
+var m = 12e3, h = (e) => String(e?.message ?? e ?? "").toLowerCase().includes("websocket"), g = (e) => {
+	let t = String(e?.name || ""), n = String(e?.code || "").toLowerCase(), r = String(e?.message ?? e ?? "").toLowerCase();
+	return !(!r && !n && !t || h(e) || t === "AbortError" || n === "storage/canceled" || n === "cancelled" || r.includes("resizeobserver") || r === "script error." || r === "script error" || r.includes("the above error occurred"));
+};
+function _() {
+	let [t, n] = c(null), [r, i] = c(() => typeof navigator < "u" && navigator.onLine === !1), a = s({
+		words: "",
+		at: 0
+	}), l = s(0), u = s(null);
+	return o(() => {
+		if (typeof window > "u") return;
+		let t = (t, r) => {
+			if (!g(t)) {
+				h(t) && r?.preventDefault?.();
+				return;
+			}
+			console.warn("Your AI Firebase: something did not finish —", t), r?.preventDefault?.();
+			let i = `${t?.code || ""}|${t?.message ?? t ?? ""}`, o = Date.now();
+			a.current.words === i && o - a.current.at < 15e3 || (a.current = {
+				words: i,
+				at: o
+			}, l.current += 1, n({
+				error: t,
+				id: l.current
+			}), u.current && clearTimeout(u.current), e(t) || (u.current = setTimeout(() => n(null), m)));
+		}, r = (e) => t(e.reason, e), o = (e) => t(e.detail), s = (e) => {
+			typeof e.target?.tagName != "string" && t(e.error ?? e.message, e);
+		}, c = () => i(!0), d = () => {
+			i(!1), n(null), a.current = {
+				words: "",
+				at: 0
+			};
+		};
+		return window.addEventListener("unhandledrejection", r), window.addEventListener(f, o), window.addEventListener("error", s, !0), window.addEventListener("offline", c), window.addEventListener("online", d), () => {
+			window.removeEventListener("unhandledrejection", r), window.removeEventListener(f, o), window.removeEventListener("error", s, !0), window.removeEventListener("offline", c), window.removeEventListener("online", d), u.current && clearTimeout(u.current);
+		};
+	}, []), {
+		problem: t,
+		offline: r,
+		dismiss: () => n(null)
+	};
+}
+//#endregion
+//#region src/components/Trouble.tsx
+var v = () => {
+	typeof window < "u" && window.location.reload();
+}, y = () => {
+	let e = typeof window < "u" ? window.location.pathname : "/";
+	return e && e !== "/login" && e !== "/" ? `/login?from=${encodeURIComponent(e)}` : "/login";
+}, b = {
+	again: r,
+	reload: r,
+	signin: a,
+	none: r
+}, x = "w-full flex items-center justify-center gap-2 py-2.5 bg-foreground/5 hover:bg-foreground/10 text-foreground text-[14px] font-bold rounded-xl transition-colors", S = "w-full text-center py-2 mt-2 text-[13px] font-bold text-foreground/50 hover:text-foreground/80 transition-colors";
+function C({ found: e, onRetry: n, way: r, onTried: i }) {
+	let a = e.next === "again" && !n ? "reload" : e.next, o = b[a], s = t[a];
+	return a === "signin" ? /* @__PURE__ */ d("a", {
+		href: r.signInHref ?? y(),
+		className: x,
+		children: [/* @__PURE__ */ u(o, { className: "w-4 h-4 shrink-0" }), s]
+	}) : /* @__PURE__ */ d("button", {
+		type: "button",
+		onClick: () => {
+			i(), a === "again" && n ? n() : (r.reload ?? v)();
+		},
+		className: x,
+		children: [/* @__PURE__ */ u(o, { className: "w-4 h-4 shrink-0" }), s]
+	});
+}
+function w({ error: e, override: t, onRetry: r, size: i = "page", ...a }) {
+	let [o, s] = c(0), l = {
+		...n(e),
+		...t || {}
+	}, f = l.next === "again" && !!r;
+	return /* @__PURE__ */ u("div", {
+		className: i === "page" ? "flex-1 flex flex-col items-center justify-center relative z-10 min-h-[60vh] px-4 fbos-fade-in" : "w-full flex flex-col items-center justify-center py-10 px-4 fbos-fade-in",
+		role: "alert",
+		children: /* @__PURE__ */ d("div", {
+			className: "glass-panel p-8 md:p-10 rounded-3xl border border-[var(--panel-border)] text-center shadow-xl max-w-sm w-full relative overflow-hidden",
+			children: [
+				/* @__PURE__ */ u("div", { className: "absolute inset-0 bg-amber-500/5" }),
+				/* @__PURE__ */ u("h2", {
+					className: "text-2xl font-bold text-foreground mb-3 relative z-10 tracking-tight",
+					children: l.title
+				}),
+				/* @__PURE__ */ u("p", {
+					className: "text-[14px] text-foreground/70 font-medium leading-relaxed relative z-10 mb-6",
+					children: l.message
+				}),
+				/* @__PURE__ */ d("div", {
+					className: "relative z-10",
+					children: [/* @__PURE__ */ u(C, {
+						found: l,
+						onRetry: r,
+						way: a,
+						onTried: () => s((e) => e + 1)
+					}), f && o > 0 && /* @__PURE__ */ u("button", {
+						type: "button",
+						onClick: () => (a.reload ?? v)(),
+						className: S,
+						children: "Still not working? Reload the page"
+					})]
+				})
+			]
+		})
+	});
+}
+var T = 0, E = /* @__PURE__ */ new Set(), D = () => E.forEach((e) => e()), O = (e) => (E.add(e), () => {
+	E.delete(e);
+});
+function k() {
+	return l(O, () => T > 0, () => !1);
+}
+function A({ error: e, offline: t, onRetry: a, onDismiss: s, ...c }) {
+	let l = n(e), f = t ? "You are offline. The app will catch up by itself the moment you are back." : l.short;
+	return o(() => (T += 1, D(), () => {
+		--T, D();
+	}), []), /* @__PURE__ */ u("div", {
+		className: "fixed bottom-4 left-1/2 -translate-x-1/2 z-[60] w-[calc(100%-2rem)] max-w-md px-0",
+		role: "status",
+		children: /* @__PURE__ */ d("div", {
+			className: "glass-panel rounded-2xl border border-[var(--panel-border)] shadow-xl px-4 py-3 flex items-center gap-3",
+			children: [
+				u(t ? i : r, { className: "w-4 h-4 shrink-0 text-amber-500" }),
+				/* @__PURE__ */ u("p", {
+					className: "text-[13px] font-semibold text-foreground/80 leading-snug flex-1",
+					children: f
+				}),
+				!t && /* @__PURE__ */ u("button", {
+					type: "button",
+					onClick: () => a ? a() : (c.reload ?? v)(),
+					className: "shrink-0 text-[13px] font-bold text-foreground hover:text-accent transition-colors whitespace-nowrap",
+					children: a ? "Try again" : "Reload"
+				}),
+				s && /* @__PURE__ */ u("button", {
+					type: "button",
+					onClick: s,
+					"aria-label": "Hide this",
+					className: "shrink-0 text-[13px] font-bold text-foreground/40 hover:text-foreground/70 transition-colors",
+					children: "✕"
+				})
+			]
+		})
+	});
+}
+function j() {
+	let { problem: e, offline: t, dismiss: n } = _();
+	return t ? /* @__PURE__ */ u(A, { offline: !0 }) : e ? /* @__PURE__ */ u(A, {
+		error: e.error,
+		onDismiss: n
+	}, e.id) : null;
+}
+//#endregion
+export { p as a, k as i, j as n, x as r, w as t };

package/dist/Users-CTitWXyd.cjs

@@ -0,0 +1 @@
+const e=require(`./chunk-CiTBaPhY.cjs`),t=require(`./PageTitle-CZhgmmDT.cjs`),n=require(`./TimeZoneField-qs7NPR30.cjs`),r=require(`./DashboardNav-CXa_ci-_.cjs`),i=require(`./verifiedAccount-DScyKk96.cjs`),a=require(`./lucide-react-BwV6L6Is.cjs`);require(`./scheduleData-Cltj0ABZ.cjs`);const o=require(`./registrationFields-v4pOoRdn.cjs`),s=require(`./roles-DQUFFBQe.cjs`),c=require(`./notices-upMg8UVh.cjs`),l=require(`./FormNote-BtdTGpml.cjs`),u=require(`./ConfirmModal-Di9GR-vV.cjs`),d=require(`./recordsKey-B7QrxdeU.cjs`),f=require(`./pageFiles-UtBmlOcD.cjs`),p=require(`./personName-CbzN_i57.cjs`),m=require(`./people-BpVvIr9-.cjs`),h=require(`./SystemTabContent-L3vGGF3P.cjs`),g=require(`./useIsPhone-o63tNneA.cjs`);let _=require(`react`);_=e.a(_,1);let v=require(`react/jsx-runtime`),y=require(`firebase/firestore`),b=require(`firebase/storage`),x=require(`react-router-dom`);function S(e){return e.length===1?/\bplan$/i.test(e[0])?e[0]:`${e[0]} plan`:`Plans: ${e.join(`, `)}`}var C=`flex flex-col divide-y divide-[var(--panel-border)]/60 rounded-2xl border border-[var(--panel-border)]/60`,w=`flex items-center gap-3 rounded-2xl border border-dashed border-[var(--panel-border)] px-4 py-3 sm:px-5`,T=`${n.c.replace(`h-11 `,`h-9 sm:h-10 `)} flex-1 min-w-0 max-w-sm`,E={user:`Everybody who signs up`,internal:`People you mark as your team`,admin:`People who run the app`};function D({roles:e,plans:r}){let[i,o]=(0,_.useState)(``),[c,l]=(0,_.useState)(``),[f,p]=(0,_.useState)(``),[h,g]=(0,_.useState)(``),[y,b]=(0,_.useState)(!1),[x,D]=(0,_.useState)(``),[O,k]=(0,_.useState)(``),[A,M]=(0,_.useState)(null),[N,P]=(0,_.useState)(``),F=[...s.t(e),...e],I=d.u()||[],L=async t=>{let r=s.i(t.id,c,e);if(r){p(r);return}g(t.id);try{await s.a(t.id,c),o(``),p(``)}catch(e){p(n.Ta(e,`The new name could not be saved. Try again.`))}g(``)},ee=async e=>{g(e.id);try{M({role:e,standing:await s.s(e.id)})}catch{M({role:e,standing:{people:[],pages:[]}})}g(``)},R=()=>{b(!1),D(``),k(``)},z=async()=>{let t=s.o(x,e);if(t){k(t);return}g(`adding`);try{await s.n(x.trim()),R()}catch(e){k(n.Ta(e,`The role could not be saved. Try again.`))}g(``)};return(0,v.jsxs)(v.Fragment,{children:[(0,v.jsxs)(n.h,{icon:a.w,title:`Roles`,description:`The words you mark people with, and the words your pages are kept for. Renaming one changes it everywhere.`,children:[(0,v.jsx)(`div`,{className:C,children:F.map(u=>{let d=n.pa(u.id),g=r[u.id]||[],_=m.n(u.id,m.t(u.id,I),e),y=s.u(u.id,e),b=d?!!n.fa(u.id):!!u.icon;return(0,v.jsxs)(`div`,{className:`px-4 py-2.5 sm:py-3`,children:[(0,v.jsxs)(`div`,{className:`flex items-center gap-2 sm:gap-3`,children:[(0,v.jsx)(t.l,{name:y,label:`Change the icon for ${u.name}`,open:N===u.id,onClick:()=>P(N===u.id?``:u.id)}),i===u.id?(0,v.jsxs)(v.Fragment,{children:[(0,v.jsx)(`input`,{autoFocus:!0,value:c,disabled:h===u.id,placeholder:n.la[u.id]||u.name,"aria-label":`Rename ${u.name}`,onChange:e=>{l(e.target.value),f&&p(``)},onKeyDown:e=>{e.key===`Enter`&&(e.preventDefault(),L(u)),e.key===`Escape`&&(e.preventDefault(),o(``),p(``))},className:T}),(0,v.jsx)(`span`,{className:`flex-1`}),(0,v.jsx)(n.o,{icon:a.sn,compact:!0,busy:h===u.id,title:`Save ${c||u.name}`,onClick:()=>L(u),children:`Save`}),(0,v.jsx)(n.o,{icon:a.o,compact:!0,title:`Keep the name`,onClick:()=>{o(``),p(``)},children:`Cancel`})]}):(0,v.jsxs)(v.Fragment,{children:[(0,v.jsxs)(`span`,{className:`flex-1 min-w-0 flex items-center gap-2.5`,children:[(0,v.jsx)(`span`,{className:`text-[13.5px] font-bold text-foreground leading-tight truncate`,children:u.name}),d&&(0,v.jsx)(`span`,{className:`max-sm:hidden text-[12px] font-medium text-foreground/45 truncate`,children:E[u.id]}),g.length>0&&(0,v.jsx)(`span`,{className:`max-sm:hidden min-w-0 overflow-hidden`,title:g.join(`, `),children:(0,v.jsx)(n.v,{state:`saved`,label:S(g)})})]}),(0,v.jsx)(n.o,{icon:a.X,compact:!0,title:`Rename ${u.name}`,onClick:()=>{o(u.id),l(u.name),p(``)},children:`Rename`}),!d&&(0,v.jsx)(n.o,{icon:a.C,tone:`danger`,compact:!0,busy:h===u.id,title:`Remove ${u.name}`,onClick:()=>ee(u),children:`Remove`})]})]}),N===u.id&&(0,v.jsx)(`div`,{className:`mt-2.5`,children:(0,v.jsx)(t.s,{label:`${u.name} is drawn as`,hint:`Type a word — anything close comes up. Until you pick one it follows the name.`,value:y,onPick:async e=>{P(``);try{await s.c(u.id,e)}catch(e){p(n.Ta(e,`The icon could not be saved. Try again.`))}},resetLabel:b?`Use the one the name suggests`:void 0,resetTitle:`Go back to the icon ${u.name} suggests`,onReset:b?async()=>{P(``);try{await s.c(u.id,``)}catch(e){p(n.Ta(e,`The icon could not be saved. Try again.`))}}:void 0})}),!!_&&i!==u.id&&(0,v.jsx)(`p`,{className:`max-sm:hidden text-[12px] font-medium text-foreground/45 leading-relaxed mt-1`,children:_})]},u.id)})}),!!f&&(0,v.jsx)(`p`,{className:`text-[12px] font-semibold text-red-500 px-1 -mt-2`,children:f}),(0,v.jsxs)(`div`,{className:`flex flex-col gap-1.5`,children:[(0,v.jsx)(`div`,{className:w,children:y?(0,v.jsxs)(v.Fragment,{children:[(0,v.jsx)(`input`,{autoFocus:!0,value:x,placeholder:`Client`,disabled:h===`adding`,"aria-label":`Name the role`,onChange:e=>{D(e.target.value),O&&k(``)},onKeyDown:e=>{e.key===`Enter`&&(e.preventDefault(),z()),e.key===`Escape`&&(e.preventDefault(),R())},className:T}),(0,v.jsx)(`span`,{className:`flex-1`}),(0,v.jsx)(n.o,{icon:a.sn,compact:!0,busy:h===`adding`,title:`Add this role`,onClick:z,children:`Add`}),(0,v.jsx)(n.o,{icon:a.o,compact:!0,title:`Cancel the new role`,onClick:R,children:`Cancel`})]}):(0,v.jsxs)(v.Fragment,{children:[(0,v.jsx)(n.o,{icon:a.G,onClick:()=>{b(!0),k(``)},children:`Add a role`}),!e.length&&(0,v.jsxs)(`p`,{className:`text-[12.5px] text-foreground/55 font-medium leading-relaxed`,children:[(0,v.jsx)(`span`,{className:`sm:hidden`,children:`A word of your own — Client, say, or Supplier.`}),(0,v.jsx)(`span`,{className:`max-sm:hidden`,children:`A word of your own to mark people with — Client, say, or Supplier — and a page can be kept for them alone.`})]})]})}),!!O&&(0,v.jsx)(`p`,{className:`text-[12px] font-semibold text-red-500 px-1`,children:O})]}),(0,v.jsx)(`p`,{className:`${n.s} px-1 max-sm:hidden`,children:`A role you make opens nothing on its own. Tick it on a page's row on the Pages screen, or let a plan on the Payments screen give it. Renaming changes the word on every screen and nothing else — nobody loses a page and no rules have to be pasted again.`})]}),(0,v.jsx)(u.t,{isOpen:!!A,title:A?`Remove ${A.role.name}?`:``,message:A?j(A.standing):``,confirmText:`Yes, remove it`,cancelText:`Keep it`,isProcessing:h===`removing`,onCancel:()=>M(null),onConfirm:async()=>{if(A){g(`removing`);try{await s.r(A.role.id),M(null)}catch(e){p(n.Ta(e,`The role could not be removed. Try again.`)),M(null)}g(``)}}})]})}var O=`A group opens nothing on its own. Keep a tab to one on the Pages screen, and only people whose role is in it see that tab.`;function k(e){return`${e?`${e} ${e===1?`tab is`:`tabs are`} kept to it, and ${e===1?`goes`:`go`} back to everybody ticked on ${e===1?`it`:`them`}.`:`No tab is kept to it.`} Nobody’s role changes and no page is deleted — only the group itself goes.`}function A({roles:e}){let{groups:t}=r.v(),[i,o]=(0,_.useState)(``),[c,d]=(0,_.useState)(``),[f,p]=(0,_.useState)(``),[m,h]=(0,_.useState)(``),[g,y]=(0,_.useState)(!1),[b,x]=(0,_.useState)(``),[S,E]=(0,_.useState)(``),[D,A]=(0,_.useState)(null),j=[...s.t(e),...e].map(e=>({value:e.id,label:e.name})),M=async e=>{let i=r.m(c,t,e.id);if(i){p(i);return}h(e.id);try{await r.h(e.id,c),o(``),p(``)}catch(e){p(n.Ta(e,`The new name could not be saved. Try again.`))}h(``)},N=async(e,t)=>{let i=e.roles.includes(t)?e.roles.filter(e=>e!==t):[...e.roles,t];p(``);try{await r.g(e.id,i)}catch(e){p(n.Ta(e,`That could not be saved. Try again.`))}},P=async e=>{h(e.id);try{A({group:e,tabs:(await r._(e.id)).length})}catch{A({group:e,tabs:0})}h(``)},F=()=>{y(!1),x(``),E(``)},I=async()=>{let e=r.m(b,t);if(e){E(e);return}h(`adding`);try{await r.d(b.trim()),F()}catch(e){E(n.Ta(e,`The group could not be saved. Try again.`))}h(``)};return(0,v.jsxs)(v.Fragment,{children:[(0,v.jsxs)(n.h,{icon:a.mn,title:`Groups`,description:`Roles that belong together — a department, a branch, a client’s company. A tab can be kept to one group.`,children:[t.length>0&&(0,v.jsx)(`div`,{className:C,children:t.map(e=>(0,v.jsxs)(`div`,{className:`px-4 py-2.5 sm:py-3 flex flex-col gap-2`,children:[(0,v.jsx)(`div`,{className:`flex items-center gap-2 sm:gap-3`,children:i===e.id?(0,v.jsxs)(v.Fragment,{children:[(0,v.jsx)(`input`,{autoFocus:!0,value:c,disabled:m===e.id,placeholder:e.name,"aria-label":`Rename ${e.name}`,onChange:e=>{d(e.target.value),f&&p(``)},onKeyDown:t=>{t.key===`Enter`&&(t.preventDefault(),M(e)),t.key===`Escape`&&(t.preventDefault(),o(``),p(``))},className:T}),(0,v.jsx)(`span`,{className:`flex-1`}),(0,v.jsx)(n.o,{icon:a.sn,compact:!0,busy:m===e.id,title:`Save ${c||e.name}`,onClick:()=>M(e),children:`Save`}),(0,v.jsx)(n.o,{icon:a.o,compact:!0,title:`Keep the name`,onClick:()=>{o(``),p(``)},children:`Cancel`})]}):(0,v.jsxs)(v.Fragment,{children:[(0,v.jsx)(`span`,{className:`flex-1 min-w-0 text-[13.5px] font-bold text-foreground leading-tight truncate`,children:e.name}),(0,v.jsx)(`div`,{className:`max-sm:hidden shrink-0 min-w-0 max-w-[18rem]`,children:(0,v.jsx)(n.nr,{multiple:!0,compact:!0,portal:!0,direction:`auto`,className:`console-select`,ariaLabel:`Roles in ${e.name}`,placeholder:`Pick its roles`,values:e.roles,options:j,onChange:t=>N(e,t)})}),(0,v.jsx)(n.o,{icon:a.X,compact:!0,title:`Rename ${e.name}`,onClick:()=>{o(e.id),d(e.name),p(``)},children:`Rename`}),(0,v.jsx)(n.o,{icon:a.C,tone:`danger`,compact:!0,busy:m===e.id,title:`Remove ${e.name}`,onClick:()=>P(e),children:`Remove`})]})}),i!==e.id&&(0,v.jsx)(`div`,{className:`sm:hidden`,children:(0,v.jsx)(n.nr,{multiple:!0,dense:!0,portal:!0,direction:`auto`,className:`console-select`,ariaLabel:`Roles in ${e.name}`,placeholder:`Pick its roles`,values:e.roles,options:j,onChange:t=>N(e,t)})})]},e.id))}),!!f&&(0,v.jsx)(l.t,{tone:`error`,children:f}),(0,v.jsxs)(`div`,{className:`flex flex-col gap-1.5`,children:[(0,v.jsx)(`div`,{className:w,children:g?(0,v.jsxs)(v.Fragment,{children:[(0,v.jsx)(`input`,{autoFocus:!0,value:b,placeholder:`Sales`,disabled:m===`adding`,"aria-label":`Name the group`,onChange:e=>{x(e.target.value),S&&E(``)},onKeyDown:e=>{e.key===`Enter`&&(e.preventDefault(),I()),e.key===`Escape`&&(e.preventDefault(),F())},className:T}),(0,v.jsx)(`span`,{className:`flex-1`}),(0,v.jsx)(n.o,{icon:a.sn,compact:!0,busy:m===`adding`,title:`Add this group`,onClick:I,children:`Add`}),(0,v.jsx)(n.o,{icon:a.o,compact:!0,title:`Cancel the new group`,onClick:F,children:`Cancel`})]}):(0,v.jsxs)(v.Fragment,{children:[(0,v.jsx)(n.o,{icon:a.G,onClick:()=>{y(!0),E(``)},children:`Add a group`}),!t.length&&(0,v.jsxs)(`p`,{className:`text-[12.5px] text-foreground/55 font-medium leading-relaxed`,children:[(0,v.jsx)(`span`,{className:`sm:hidden`,children:`Roles that belong together — Sales, say.`}),(0,v.jsx)(`span`,{className:`max-sm:hidden`,children:`A name for roles that belong together — Sales, say, or North branch — then tick the roles in it.`})]})]})}),!!S&&(0,v.jsx)(l.t,{tone:`error`,children:S})]}),(0,v.jsx)(`p`,{className:`${n.s} px-1 max-sm:hidden`,children:O})]}),(0,v.jsx)(u.t,{isOpen:!!D,title:D?`Remove ${D.group.name}?`:``,message:D?k(D.tabs):``,confirmText:`Yes, remove it`,cancelText:`Keep it`,isProcessing:m===`removing`,onCancel:()=>A(null),onConfirm:async()=>{if(D){h(`removing`);try{await r.f(D.group.id)}catch(e){p(n.Ta(e,`The group could not be removed. Try again.`))}A(null),h(``)}}})]})}function j(e){let t=e.people.length,n=e.pages.length,r=e.plans||[],i=[];t&&i.push(`${t} ${t===1?`person goes`:`people go`} back to being ${t===1?`a member`:`members`}`),n&&i.push(`${n} ${n===1?`page goes`:`pages go`} back to everybody signed in`),r.length&&i.push(r.length===1?`the ${r[0]} plan stops giving it`:`${r.length} plans stop giving it`);let a=i.length>2?`${i.slice(0,-1).join(`, `)}, and ${i[i.length-1]}`:i.join(`, and `),o=i.length?`${a.charAt(0).toUpperCase()}${a.slice(1)}. `:`Nobody is marked with it and no page is kept for it. `,s=r.length?` A plan keeps selling — pick it a new role on the Payments screen.`:``;return`${o}Whatever those pages have saved stays exactly where it is — you and your admins can still read it — but nobody else will, and the word itself is gone from every list.${n?` ${n===1?`That page was built to read what was kept for this role, so it needs building again: open it`:`Those pages were built to read what was kept for this role, so they need building again: open each one`} on your Pages screen and copy the sentence on its row.`:``}${s}`}function M(e){return`Everything this app keeps about ${e} is deleted — their name, their picture, their role, what they kept on pages only they could see, and their place in every list — and they are signed out at once. If they ever sign in or sign up again they start from nothing, as a new person with no role, like anybody else. Whatever they made on your pages for others stays exactly where it is, under the name the record itself saved. This cannot be undone.`}function N(e){let t=new Set;for(let[n,r]of e)!r||i.C(r)!==`user_`||t.add(d.r(r,`user_`,n));return[...t]}async function P(e){let t=new Map;for(let[e,n]of r.S())!n.isPublic&&n.config&&t.set(e,n.config);try{(await(0,y.getDocs)((0,y.collection)(n.ka,`sys_tabs`))).forEach(e=>t.set(e.id,{...t.get(e.id)||{},...e.data()}))}catch{}let i=f.i(`user_`);for(let r of N([...t.entries()]))try{let t=await(0,y.getDocs)((0,y.query)((0,y.collection)(n.ka,r),(0,y.where)(`uid`,`==`,e)));await Promise.all(t.docs.map(async e=>{await f.o({id:e.id,...e.data()},[],i),await(0,y.deleteDoc)(e.ref)}))}catch(e){console.warn(`${r}: a deleted person's own records could not be swept.`,e)}}function F({person:e,settings:t}){let r=o.c(e,t);return r.length?(0,v.jsxs)(`div`,{className:`pt-5 border-t border-[var(--panel-border)]/50 flex flex-col gap-3`,children:[(0,v.jsx)(`p`,{className:`${n.u} ml-1`,children:`What they told you`}),(0,v.jsx)(`div`,{className:`flex flex-col divide-y divide-[var(--panel-border)]/50 rounded-xl border border-[var(--panel-border)]/60`,children:r.map(t=>{let n=o.f(e,t);return(0,v.jsxs)(`div`,{className:`flex items-baseline justify-between gap-3 px-3.5 py-2.5 min-w-0`,children:[(0,v.jsx)(`span`,{className:`text-[12.5px] font-medium text-foreground/50 shrink-0 max-w-[45%] truncate`,children:t.label}),(0,v.jsx)(`span`,{className:`text-[13px] font-semibold min-w-0 text-right [overflow-wrap:anywhere] ${n?`text-foreground`:`text-foreground/35 italic`}`,children:n?o.a(e,t):`Not given`})]},t.key)})})]}):null}var I=e=>{let t=n.yi(e);return i.d(t)||i.D(i.b(t))},L=`waiting`;function ee(e,t,n){let r=new Map,i=[];for(let t of e){if(!t.inactive&&n(t)){i.push(t);continue}let e=I(t);r.set(e,[...r.get(e)||[],t])}let a=[...r.keys()].filter(e=>![`admin`,`internal`,`user`,...t].includes(e)).sort(),o=[`admin`,`internal`,...t,...a,`user`];return[...i.length?[{id:L,people:i}]:[],...o.filter(e=>r.has(e)).map(e=>({id:e,people:r.get(e)}))]}var R=n.l.replace(`h-11 `,`h-9 `).replace(`px-4 `,`px-3 `),z=e=>e.normalize(`NFD`).replace(/[̀-ͯ]/g,``).toLowerCase();function te(e,t){let n=z(t.trim());if(!n)return!0;let r=e.email||``;if([e.displayName,/[@.]/.test(n)?r:r.split(`@`)[0]].some(e=>!!e&&z(e).includes(n)))return!0;let i=n.replace(/\D/g,``);return!!i&&i.length===n.replace(/[\s+()-]/g,``).length&&(e.phone||``).replace(/\D/g,``).includes(i)}function ne({label:e,title:n,count:r,icon:i,plain:a,active:o,onClick:s}){return(0,v.jsxs)(`button`,{type:`button`,"aria-pressed":o,"aria-label":n,title:n,onClick:s,className:`inline-flex items-center gap-2 h-9 pl-3 pr-3.5 shrink-0 whitespace-nowrap rounded-full border text-[12.5px] font-semibold transition-all cursor-pointer active:scale-[0.98] ${o?`border-accent/35 bg-accent/10 text-foreground`:`border-[var(--panel-border)]/70 text-foreground/55 hover:text-foreground hover:border-accent/30 hover:bg-foreground/[0.03]`}`,children:[i===``?(0,v.jsx)(`span`,{className:`w-1.5 h-1.5 mx-1 rounded-full shrink-0 bg-accent animate-pulse`}):i&&(0,v.jsx)(t.c,{name:i,className:`w-3.5 h-3.5 shrink-0 ${a&&!o?`text-foreground/35`:`text-accent`}`}),(0,v.jsx)(`span`,{children:e}),(0,v.jsx)(`span`,{className:`tabular-nums font-medium ${o?`text-foreground/50`:`text-foreground/35`}`,children:r})]})}function B({label:e,plain:n,waiting:r,icon:i}){return(0,v.jsxs)(`span`,{className:`inline-flex items-center gap-1.5 text-[11.5px] font-semibold whitespace-nowrap shrink-0 ${r?`text-foreground/70`:`text-foreground/50`}`,children:[i?(0,v.jsx)(t.c,{name:i,className:`w-3.5 h-3.5 shrink-0 ${n?`text-foreground/35`:`text-accent`} ${r?`animate-pulse`:``}`}):(0,v.jsx)(`span`,{className:`w-1.5 h-1.5 rounded-full shrink-0 ${n?`bg-foreground/25`:`bg-accent`} ${r?`animate-pulse`:``}`}),e]})}function V(){let{user:e,userRole:o}=n.dr(),d=s.l(),f=n.$r(),m=n.Ci(),{groups:S}=r.v(),[C,w]=(0,_.useState)(!0),T=(0,x.useNavigate)(),{id:E}=(0,x.useParams)(),O=g.n(),[k,j]=(0,_.useState)([]),[N,L]=(0,_.useState)(null),[z,V]=(0,_.useState)(null),[re,ie]=(0,_.useState)(!1),[ae,oe]=(0,_.useState)(``),[H,U]=(0,_.useState)(null),[se,ce]=(0,_.useState)(!1),W=ee(k,d.map(e=>e.id),e=>!!n.Pr(e)),G=W[0]?.people[0]?.id||``,[le,ue]=(0,_.useState)(``),[de,fe]=(0,_.useState)(``),K=W.some(e=>e.id===le)?le:``,q=k.length>=8,pe=W.filter(e=>!K||e.id===K).map(e=>({...e,people:e.people.filter(e=>te(e,q?de:``))})).filter(e=>e.people.length),J=E?k.find(e=>e.id===E)||null:k.find(e=>e.id===G)||null,Y=e=>{T(e?`/users/${e.id}`:`/users`)};(0,_.useEffect)(()=>{let e=(0,y.onSnapshot)((0,y.collection)(n.ka,`user_profiles`),e=>{let t=[];e.forEach(e=>{let n={id:e.id,...e.data()};n.removed||t.push(n)}),t.sort((e,t)=>Number(!!n.Pr(t))-Number(!!n.Pr(e))),j(t),L(null),w(!1)},e=>{console.error(`Error fetching users:`,e),L(e),w(!1)});return()=>e()},[]),(0,_.useEffect)(()=>{!E&&G&&!g.t()&&T(`/users/${G}`,{replace:!0})},[E,G,T]);let me=(0,_.useRef)(null),[he,ge]=(0,_.useState)(!1);(0,_.useEffect)(()=>{let e=me.current,t=e?.querySelector(`[aria-current="true"]`);if(!e||!t||e.scrollHeight<=e.clientHeight)return;let n=e.getBoundingClientRect(),r=t.getBoundingClientRect();r.top<n.top?e.scrollTop-=n.top-r.top+12:r.bottom>n.bottom-40&&(e.scrollTop+=r.bottom-n.bottom+40)},[E,k.length,K]);let _e=k.find(t=>t.id===e?.uid),X=o===`admin`,Z=e=>!X||e.id===_e?.id?!1:e.role!==`admin`||!_e?.createdAt?!0:e.createdAt?new Date(_e.createdAt).getTime()<=new Date(e.createdAt).getTime():!1,ve=[...i.r.map(e=>({value:i.D(e),label:n.ha(i.D(e),d)})),...d.map(e=>({value:e.id,label:e.name}))],ye=ve.map(e=>({value:e.value,label:(0,v.jsxs)(`span`,{className:`inline-flex items-center gap-2 min-w-0`,children:[(0,v.jsx)(t.c,{name:s.u(e.value,d),className:`w-4 h-4 shrink-0 opacity-70`}),(0,v.jsx)(`span`,{className:`truncate`,children:e.label})]})})),Q=I,be=e=>{let t=S.filter(t=>i.m(Q(e),t)).map(e=>e.name);return t.length?`In ${t.length===1?`the group`:`the groups`} ${t.join(`, `)}`:``},xe=e=>{let t=n.Pr(e);return t?n.Ar(t.role,n.ha(t.role,d)):``},Se=e=>n.Wr(e)&&(e===`internal`||d.some(t=>t.id===e)),Ce=k.filter(e=>n.Pr(e)).length,we=e=>!n.xi(e)||n.yi(e)===`user`?``:`Paid plan · until ${new Date(n.bi(e)).toLocaleDateString(void 0,{day:`numeric`,month:`short`,year:`numeric`})}`,Te=e=>e===i.D(`free`)?n.Mr():n.kr(),Ee=async(e,t,r)=>{if(o!==`admin`||!Z(e)||Q(e)===t)return;let i=n.Pr(e);try{await(0,y.updateDoc)((0,y.doc)(n.ka,`user_profiles`,e.id),{role:t,...n.vi(),...i?n.jr():{}}),i&&await c.n(e.id,Te(t)),V({text:`Role set to ${r}`,type:`success`}),setTimeout(()=>V(null),3e3)}catch(e){V({text:e.message,type:`error`}),setTimeout(()=>V(null),3e3)}},De=async(e,t)=>{if(!(o!==`admin`||!Z(e)||!Se(t)))try{await(0,y.updateDoc)((0,y.doc)(n.ka,`user_profiles`,e.id),{role:t,...n.vi(),...n.jr()}),await c.n(e.id,n.kr()),V({text:`${p.n(e)} is ${n.Zr(t,n.ha(t,d))} now`,type:`success`}),setTimeout(()=>V(null),3e3)}catch(e){V({text:e.message,type:`error`}),setTimeout(()=>V(null),3e3)}},Oe=async e=>{if(o!==`admin`||!Z(e))return;let t=n.Pr(e);try{await(0,y.updateDoc)((0,y.doc)(n.ka,`user_profiles`,e.id),n.jr()),t&&await c.n(e.id,n.Mr()),V({text:`Request cleared — ${p.n(e)} stays a member`,type:`success`}),setTimeout(()=>V(null),3e3)}catch(e){V({text:e.message,type:`error`}),setTimeout(()=>V(null),3e3)}},ke=async(e,t)=>{if(!(o!==`admin`||!Z(e)))try{await(0,y.updateDoc)((0,y.doc)(n.ka,`user_profiles`,e.id),{inactive:t}),V({text:`User ${t?`deactivated`:`activated`} successfully`,type:`success`}),setTimeout(()=>V(null),3e3)}catch(e){V({text:e.message,type:`error`}),setTimeout(()=>V(null),3e3)}},Ae=async e=>{if(!(o!==`admin`||!Z(e))){ce(!0);try{let t=Date.now();await(0,y.setDoc)((0,y.doc)(n.ka,`user_profiles`,e.id),{removed:!0,inactive:!0,removedAt:new Date(t).toISOString(),removedMs:t}),await(0,b.deleteObject)((0,b.ref)(n.ja,`user_avatars/${e.id}/file.png`)).catch(()=>{}),await P(e.id),ce(!1),U(null),Y(null),V({text:`Person deleted`,type:`success`}),setTimeout(()=>V(null),3e3)}catch(e){ce(!1),U(null),V({text:e.message,type:`error`}),setTimeout(()=>V(null),3e3)}}},je=async()=>{if(ie(!1),!(!J||!Z(J)||ae===J.displayName))try{await(0,y.updateDoc)((0,y.doc)(n.ka,`user_profiles`,J.id),{displayName:ae}),V({text:`Name updated successfully`,type:`success`}),setTimeout(()=>V(null),3e3)}catch(e){V({text:e.message,type:`error`}),setTimeout(()=>V(null),3e3)}},[Me,Ne]=(0,_.useState)(!1);if((0,_.useEffect)(()=>{let e;return C&&k.length===0?e=setTimeout(()=>Ne(!0),150):Ne(!1),()=>clearTimeout(e)},[C,k.length]),C&&k.length===0)return Me?(0,v.jsx)(`div`,{className:`fixed inset-0 z-[100] flex items-center justify-center bg-background/60 backdrop-blur-xl transition-all duration-300`,children:(0,v.jsx)(a.ht,{className:`w-8 h-8 animate-spin text-accent`})}):null;let $=O&&!!E,Pe=!$,Fe=!O||!!E,Ie=e=>q&&(0,v.jsxs)(`div`,{className:`${R} md:w-56 shrink-0`,children:[(0,v.jsx)(a.F,{className:`w-3.5 h-3.5 mr-2 shrink-0 text-foreground/35`}),(0,v.jsx)(`input`,{value:de,onFocus:e,onChange:e=>fe(e.target.value),onKeyDown:e=>{e.key===`Escape`&&fe(``)},placeholder:`Find somebody`,"aria-label":`Find somebody`,className:`flex-1 min-w-0 h-full bg-transparent border-none outline-none shadow-none text-[14px] text-foreground placeholder:text-foreground/35 disabled:cursor-not-allowed text-[13px]`}),!!de&&(0,v.jsx)(`button`,{type:`button`,onClick:()=>fe(``),"aria-label":`Clear the search`,className:`shrink-0 -mr-1 w-6 h-6 flex items-center justify-center rounded-full text-foreground/40 hover:text-foreground hover:bg-foreground/5 transition-colors cursor-pointer`,children:(0,v.jsx)(a.o,{className:`w-3.5 h-3.5`})})]}),Le=Ce?`${Ce} ${Ce===1?`person is`:`people are`} waiting for an answer — first in the list.`:`${k.length} ${k.length===1?`person has`:`people have`} signed up. ${O?`Tap somebody to `:`Pick somebody to `}${X?`change what they can open.`:`see their details.`}`;return(0,v.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,v.jsxs)(n.sr.div,{initial:{opacity:0,y:20},animate:{opacity:1,y:0},className:`mb-6`,children:[(0,v.jsx)(t.t,{children:`Users`}),(0,v.jsxs)(`div`,{className:`flex items-center gap-2 text-foreground/40 font-bold uppercase tracking-[0.2em] text-[11px]`,children:[(0,v.jsx)(`span`,{className:`w-8 h-[1px] bg-foreground/10`}),`/users`]})]}),(0,v.jsxs)(`div`,{className:`flex flex-col gap-6 flex-1 pb-16`,children:[(0,v.jsx)(n.cr,{children:z&&(0,v.jsx)(n.sr.div,{exit:{opacity:0,y:-6},children:(0,v.jsx)(l.t,{tone:z.type===`error`?`error`:`done`,children:z.text})})}),(0,v.jsx)(r.t,{}),(0,v.jsx)(h.n,{tab:`users`}),(0,v.jsxs)(`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 gap-4`,children:[(0,v.jsx)(n.h,{icon:a.h,title:`People`,description:k.length?Le:N?void 0:`Nobody has signed up yet.`,actions:O||!q?void 0:({open:e})=>Ie(e),children:k.length===0&&N?(0,v.jsx)(l.t,{tone:`error`,children:n.Ta(N,`The people could not be read.`)}):k.length===0?(0,v.jsx)(n.g,{children:`Everybody who signs in to your app appears here, and this is where you say what each of them can open.`}):(0,v.jsxs)(`div`,{className:`grid grid-cols-1 md:grid-cols-[minmax(0,5fr)_minmax(0,7fr)] gap-x-6 lg:gap-x-8 gap-y-5 items-start`,children:[Pe&&(W.length>1||q)&&(0,v.jsxs)(`div`,{className:`md:col-span-2 flex flex-col md:flex-row md:items-start gap-3 md:gap-4 min-w-0`,children:[W.length>1&&(0,v.jsxs)(`div`,{role:`group`,"aria-label":`Show`,className:`flex-1 min-w-0 flex items-center gap-2 md:flex-wrap max-md:overflow-x-auto max-md:-mx-4 max-md:px-4 hide-scrollbar`,children:[(0,v.jsx)(ne,{label:`Everyone`,title:`Show everyone`,count:k.length,active:!K,onClick:()=>ue(``)}),W.map(e=>{let t=e.id===`waiting`,r=t?`Waiting`:n.ha(e.id,d);return(0,v.jsx)(ne,{label:r,title:t?`Show only whoever is waiting for an answer`:`Show only ${r}`,count:e.people.length,icon:t?``:s.u(e.id,d),plain:e.id===`user`,active:K===e.id,onClick:()=>ue(K===e.id?``:e.id)},e.id)})]}),O&&Ie()]}),Pe&&(0,v.jsxs)(`div`,{ref:me,onScroll:e=>ge(e.currentTarget.scrollTop>2),className:`flex flex-col gap-6 min-w-0 md:max-h-[min(72vh,680px)] md:overflow-y-auto md:pb-8 md:-mr-2 md:pr-2 hide-scrollbar ${he?`md:[mask-image:linear-gradient(to_bottom,transparent,black_1.5rem,black_calc(100%-2rem),transparent)]`:`md:[mask-image:linear-gradient(to_bottom,black_calc(100%-2rem),transparent)]`}`,children:[pe.length===0&&(0,v.jsx)(`p`,{className:`px-3 py-6 text-[13px] font-medium text-foreground/50`,children:`Nobody here by that name.`}),pe.map(e=>{let r=e.id===`waiting`;return(0,v.jsxs)(`div`,{className:`flex flex-col gap-1.5 min-w-0`,children:[(0,v.jsxs)(`div`,{role:`heading`,"aria-level":4,className:`flex items-center gap-2.5 px-3 text-[13px] font-bold text-foreground/85 leading-tight`,children:[(0,v.jsx)(`span`,{className:`w-7 h-7 rounded-[10px] flex items-center justify-center shrink-0 ${e.id===`user`?`bg-foreground/[0.05] text-foreground/40`:`bg-accent/10 text-accent`}`,children:r?(0,v.jsx)(`span`,{className:`w-1.5 h-1.5 rounded-full bg-accent animate-pulse`}):(0,v.jsx)(t.c,{name:s.u(e.id,d),className:`w-3.5 h-3.5`})}),(0,v.jsx)(`span`,{className:`truncate`,children:r?`Waiting for an answer`:n.ha(e.id,d)}),(0,v.jsx)(`span`,{className:`shrink-0 text-[11.5px] font-semibold text-foreground/35 tabular-nums`,children:e.people.length})]}),(0,v.jsx)(`div`,{className:`flex flex-col gap-0.5 min-w-0 ${r?`rounded-2xl border border-accent/20 bg-accent/[0.04] p-1`:``}`,children:e.people.map(e=>{let t=!!E&&J?.id===e.id;return(0,v.jsxs)(`div`,{role:`button`,tabIndex:0,"aria-current":t||void 0,onClick:()=>Y(e),onKeyDown:t=>{(t.key===`Enter`||t.key===` `)&&(t.preventDefault(),Y(e))},className:`flex items-center gap-3 px-3 py-2.5 rounded-xl transition-colors cursor-pointer outline-none focus-visible:bg-foreground/[0.05] ${t?`bg-accent/[0.09]`:`hover:bg-foreground/[0.035]`} ${e.inactive?`opacity-55`:``}`,children:[(0,v.jsxs)(`span`,{className:`flex flex-col gap-0.5 min-w-0 flex-1`,children:[(0,v.jsx)(`span`,{className:`text-[14px] font-semibold text-foreground leading-tight truncate`,children:p.n(e)}),(0,v.jsx)(`span`,{className:`max-sm:hidden text-[12.5px] text-foreground/45 leading-snug truncate`,children:p.t(e)})]}),!e.inactive&&n.Pr(e)?O?(0,v.jsx)(B,{label:n.ha(n.Pr(e).role,d),icon:s.u(n.Pr(e).role,d),plain:!1,waiting:!0}):(0,v.jsx)(B,{label:xe(e),plain:!1,waiting:!0}):e.inactive?(0,v.jsx)(B,{label:`Off`,plain:!0}):null,O?(0,v.jsx)(a.in,{className:`w-4 h-4 text-foreground/25 shrink-0 -mr-1`}):t&&(0,v.jsx)(a.in,{className:`w-4 h-4 text-accent/70 shrink-0 -mr-0.5`})]},e.id)})})]},e.id)})]}),Fe&&(J?(0,v.jsxs)(`div`,{className:`rounded-2xl border border-[var(--panel-border)]/60 bg-foreground/[0.015] overflow-hidden fbos-fade-in min-w-0`,children:[(0,v.jsxs)(`div`,{className:`flex items-center gap-3 px-4 sm:px-5 py-4 border-b border-[var(--panel-border)]/50 min-w-0`,children:[$&&(0,v.jsx)(`button`,{type:`button`,onClick:()=>Y(null),"aria-label":`Back to all users`,className:`shrink-0 -ml-1.5 w-8 h-8 flex items-center justify-center rounded-lg text-foreground/45 hover:text-foreground active:bg-foreground/5 transition-colors cursor-pointer`,children:(0,v.jsx)(a.bn,{className:`w-4.5 h-4.5`})}),(0,v.jsx)(`span`,{"aria-hidden":!0,className:`max-sm:hidden w-10 h-10 rounded-2xl flex items-center justify-center shrink-0 border border-[var(--panel-border)]/50 ${J.inactive||Q(J)===`user`?`bg-foreground/[0.04] text-foreground/40`:`bg-accent/10 text-accent`}`,children:(0,v.jsx)(t.c,{name:s.u(Q(J),d),className:`w-5 h-5`})}),(0,v.jsxs)(`div`,{className:`flex flex-col flex-1 min-w-0 gap-0.5`,children:[re?(0,v.jsx)(`input`,{autoFocus:!0,value:ae,"aria-label":`Name`,onChange:e=>oe(e.target.value),onBlur:je,onKeyDown:e=>e.key===`Enter`&&je(),className:`text-[17px] sm:text-[18px] font-bold tracking-tight leading-tight bg-transparent border-b-2 border-accent outline-none text-foreground w-full`}):(0,v.jsx)(`h3`,{onDoubleClick:()=>{Z(J)&&(oe(J.displayName||``),ie(!0))},className:`text-[17px] sm:text-[18px] font-bold tracking-tight leading-tight text-foreground select-none truncate ${Z(J)?`cursor-pointer hover:text-accent transition-colors`:``}`,title:Z(J)?`Double-click to rename`:``,children:p.n(J)}),(0,v.jsx)(`p`,{className:`text-[12.5px] text-foreground/50 leading-snug truncate`,children:p.t(J)})]}),J.inactive&&(0,v.jsx)(`span`,{className:`max-sm:hidden`,children:(0,v.jsx)(B,{label:`Off`,plain:!0})})]}),(0,v.jsxs)(`div`,{className:`flex flex-col gap-5 p-4 sm:p-5`,children:[(()=>{let e=n.Pr(J);if(!e)return null;let t=Se(e.role),r=e.at?new Date(e.at).toLocaleDateString(void 0,{day:`numeric`,month:`short`}):``;return(0,v.jsxs)(`div`,{className:`rounded-xl border border-accent/30 bg-accent/[0.05] px-4 py-3 flex items-center gap-3 flex-wrap`,children:[(0,v.jsxs)(`div`,{className:`flex flex-col gap-0.5 min-w-0 flex-1`,children:[(0,v.jsx)(`span`,{className:`text-[13px] font-bold text-foreground leading-tight`,children:xe(J)}),(0,v.jsx)(`span`,{className:`text-[11px] sm:text-[11.5px] text-foreground/40 font-medium leading-snug`,children:t?`${r?`Asked ${r}. `:``}A member until you say otherwise.`:`That role no longer exists — clear the request, or pick them another role below.`})]}),Z(J)&&(0,v.jsxs)(`div`,{className:`flex items-center gap-2 shrink-0`,children:[t&&(0,v.jsx)(n.o,{icon:a.sn,compact:!0,title:`Approve ${p.n(J)} as ${n.ha(e.role,d)}`,onClick:()=>De(J,e.role),children:`Approve`}),(0,v.jsx)(n.o,{icon:a.o,compact:!0,title:t?`Decline the request`:`Clear the request`,onClick:()=>Oe(J),children:t?`Decline`:`Clear`})]})]})})(),(0,v.jsx)(n.i,{label:`Role`,hint:[we(J),be(J)].filter(Boolean).join(` · `)||void 0,children:(0,v.jsx)(n.nr,{ariaLabel:`Role`,value:Q(J),options:ye,onChange:e=>{let t=ve.find(t=>t.value===e);t&&Ee(J,t.value,t.label)},disabled:!Z(J),className:`console-select`,dense:!0,portal:!0,direction:`auto`})}),X&&!Z(J)&&J.id!==_e?.id&&(0,v.jsxs)(`p`,{className:`-mt-3 flex items-center gap-1.5 px-1 text-[12px] font-medium text-foreground/45`,children:[(0,v.jsx)(a.mt,{className:`w-3 h-3 shrink-0`}),`Admin since before you, so only they can change this account.`]}),(0,v.jsx)(F,{person:J,settings:f.finishRegistration}),(0,v.jsx)(`div`,{className:`pt-5 border-t border-[var(--panel-border)]/50`,children:(0,v.jsx)(n.C,{label:`Can use the app`,hint:J.inactive?`Switched off — every page is closed to them.`:`Switch off to close every page to them.`,hintWideOnly:!0,enabled:!J.inactive,onChange:e=>ke(J,!e),disabled:!Z(J)})}),Z(J)&&(0,v.jsxs)(`div`,{className:`flex items-center justify-between gap-4 pt-5 border-t border-[var(--panel-border)]/50`,children:[(0,v.jsxs)(`div`,{className:`flex flex-col gap-0.5 min-w-0 ml-1`,children:[(0,v.jsx)(`span`,{className:`text-[13px] font-medium text-foreground/80`,children:`Delete this person`}),(0,v.jsx)(`span`,{className:`text-[11px] sm:text-[11.5px] text-foreground/40 font-medium leading-snug max-sm:hidden`,children:`Everything about them goes, their sign-in with it. What they made on your pages stays.`})]}),(0,v.jsx)(n.o,{icon:a.C,tone:`danger`,compact:!0,title:`Delete ${p.n(J)}`,onClick:()=>U(J),children:`Delete`})]})]})]}):(0,v.jsx)(`div`,{className:`rounded-2xl border border-dashed border-[var(--panel-border)] min-h-[200px] flex flex-col items-center justify-center gap-3 px-4 text-center`,children:$&&!C?(0,v.jsxs)(v.Fragment,{children:[(0,v.jsx)(`p`,{className:`text-[11px] sm:text-[11.5px] text-foreground/40 font-medium leading-snug`,children:`This person is not on the list any more.`}),(0,v.jsx)(n.o,{onClick:()=>T(`/users`,{replace:!0}),children:`Back to all users`})]}):(0,v.jsx)(`p`,{className:`text-[11px] sm:text-[11.5px] text-foreground/40 font-medium leading-snug`,children:`Pick somebody to see their role.`})}))]})}),X&&(0,v.jsx)(`div`,{hidden:$,children:(0,v.jsx)(D,{roles:d,plans:m})}),X&&(0,v.jsx)(`div`,{hidden:$,children:(0,v.jsx)(A,{roles:d})})]})]}),(0,v.jsx)(u.t,{isOpen:!!H,title:H?`Delete ${p.n(H,`this person`)}?`:``,message:H?M(p.n(H,`this person`)):``,confirmText:`Yes, delete them`,cancelText:`Keep them`,isProcessing:se,onCancel:()=>U(null),onConfirm:()=>H&&Ae(H)})]})}exports.UsersTab=V;