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

package/dist/ScheduleAdmin-dWj_N_tf.cjs

@@ -0,0 +1 @@
+require(`./chunk-CiTBaPhY.cjs`);const e=require(`./PageTitle-BWmE74WQ.cjs`),t=require(`./TimeZoneField-zR8N2Fj0.cjs`),n=require(`./DashboardNav-DOl9gJuu.cjs`),r=require(`./schedule-BAea6q8_.cjs`),i=require(`./chevron-down-lyDK1rfL.cjs`),a=require(`./scheduleData-BpkfnBjP.cjs`),o=require(`./BookingCalendar-DYsA71vl.cjs`),s=require(`./paidSessions-QXv7SHeb.cjs`),c=require(`./link-2-C7A-6PW6.cjs`),l=require(`./x-Ci8c5p6T.cjs`),u=require(`./plus-zsWFCu4F.cjs`),d=require(`./trash-D-CpYHCs.cjs`),f=require(`./Loader-p3eNQDUU.cjs`),p=require(`./email-DD48BP42.cjs`),m=require(`./notices-Cwon5Q0Y.cjs`),h=require(`./ConfirmModal-CQ73WYUg.cjs`),g=require(`./bookingPages-2fn9xPiA.cjs`),_=require(`./AccessNotice-BClqr7A9.cjs`),v=require(`./SystemTabContent-EegzTuLd.cjs`),y=require(`./serviceStatus-1pGLLilF.cjs`),b=require(`./NeedsService-DIF7mEHq.cjs`),x=require(`./CopyLink-BnYpVy6H.cjs`);let S=require(`react`),C=require(`react/jsx-runtime`),w=require(`firebase/firestore`),T=require(`react-router-dom`);var E=`w-[6.5rem] shrink-0`,D=`w-9 h-9 rounded-[var(--btn-radius,0.75rem)] border border-[var(--panel-border)] flex items-center justify-center shrink-0 text-foreground/45 hover:text-red-500 hover:border-red-500/40 hover:bg-red-500/[0.06] active:scale-[0.98] transition-all cursor-pointer`,O=`date-field h-9 w-[10.5rem] shrink-0 px-3 text-[13px] font-semibold bg-transparent border border-[var(--panel-border)] text-foreground focus:outline-none focus:border-accent transition-colors`,k={from:`09:00`,to:`13:00`};function A(e,t){return{upcoming:e.filter(e=>e.date>=t),past:e.filter(e=>e.date<t)}}function j({row:e,onChange:n,onRemove:i}){let a=e.windows.length===0,o=(t,r)=>n({...e,windows:e.windows.map((e,n)=>n===t?{...e,...r}:e)});return(0,C.jsxs)(`div`,{className:`flex flex-col gap-2 py-2.5`,children:[(0,C.jsxs)(`div`,{className:`flex items-center gap-2 flex-wrap`,children:[(0,C.jsx)(`input`,{type:`date`,value:e.date,"aria-label":`The date`,onChange:t=>n({...e,date:t.target.value}),className:O,style:{borderRadius:`var(--input-radius, 0.75rem)`}}),(0,C.jsx)(`div`,{className:`w-[11rem] shrink-0`,children:(0,C.jsx)(t.Z,{ariaLabel:`${e.date} — how much of it`,value:a?`all`:`some`,options:[{value:`all`,label:`All day`},{value:`some`,label:`Only some hours`}],onChange:t=>n({...e,windows:t===`all`?[]:[k]}),className:`console-select`,compact:!0,dense:!0,portal:!0,direction:`auto`})}),(0,C.jsx)(`button`,{type:`button`,title:`Remove ${e.date||`this date`}`,"aria-label":`Remove ${e.date||`this date`}`,onClick:i,className:`${D} ml-auto`,children:(0,C.jsx)(l.t,{className:`w-3.5 h-3.5`})})]}),!a&&(0,C.jsxs)(`div`,{className:`flex flex-col gap-2 sm:pl-[0.125rem]`,children:[e.windows.map((i,a)=>(0,C.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,C.jsx)(`div`,{className:E,children:(0,C.jsx)(t.Z,{ariaLabel:`${e.date} from${a?` (${a+1})`:``}`,value:i.from,options:r.m,onChange:e=>o(a,{from:e}),className:`console-select`,compact:!0,portal:!0,direction:`auto`})}),(0,C.jsx)(`span`,{className:`w-3 text-center text-foreground/40 text-[13px] shrink-0 select-none`,children:`–`}),(0,C.jsx)(`div`,{className:E,children:(0,C.jsx)(t.Z,{ariaLabel:`${e.date} to${a?` (${a+1})`:``}`,value:i.to,options:r.d,onChange:e=>o(a,{to:e}),className:`console-select`,compact:!0,portal:!0,direction:`auto`})}),e.windows.length>1&&(0,C.jsx)(`button`,{type:`button`,title:`Remove these hours on ${e.date}`,"aria-label":`Remove ${e.date} hours ${a+1}`,onClick:()=>n({...e,windows:e.windows.filter((e,t)=>t!==a)}),className:D,children:(0,C.jsx)(l.t,{className:`w-3.5 h-3.5`})})]},a)),e.windows.length<2&&(0,C.jsx)(`button`,{type:`button`,onClick:()=>n({...e,windows:[...e.windows,{from:`14:00`,to:`18:00`}]}),className:`self-start h-6 px-1 text-[11.5px] font-semibold text-foreground/45 hover:text-accent transition-colors cursor-pointer`,children:`+ Add a second stretch`})]})]})}function M({blocked:e,onChange:n,now:i}){let a=r.rn(i?i():new Date),[o,s]=(0,S.useState)(!1),{upcoming:c,past:l}=A(e,a),d=o?[...l,...c]:c,f=(t,r)=>n(e.map(e=>e===t?r:e));return(0,C.jsx)(t.i,{label:`Days away`,hint:`Dates this week's hours do not apply to — a holiday, a flight, an afternoon out. Nobody can book them, on any link on these hours.`,children:(0,C.jsxs)(`div`,{className:`flex flex-col divide-y divide-[var(--panel-border)]/60 rounded-2xl border border-[var(--panel-border)]/60 px-4 py-1`,children:[d.length===0?(0,C.jsx)(`p`,{className:`${t.s} py-3`,children:`No days blocked out. Add one for a holiday or a day off.`}):d.map((t,r)=>(0,C.jsx)(j,{row:t,onChange:e=>f(t,e),onRemove:()=>n(e.filter(e=>e!==t))},`${t.date}-${r}`)),(0,C.jsxs)(`div`,{className:`flex items-center justify-between gap-3 py-2.5`,children:[(0,C.jsx)(t.o,{icon:u.t,compact:!0,title:`Add a day away`,onClick:()=>n([...e,{date:a,windows:[]}]),children:`Add a date`}),l.length>0&&(0,C.jsx)(`button`,{type:`button`,onClick:()=>s(e=>!e),className:`h-6 px-1 text-[11.5px] font-semibold text-foreground/45 hover:text-accent transition-colors cursor-pointer`,children:o?`Hide past dates`:`Show ${l.length} past date${l.length===1?``:`s`}`})]})]})})}var N=e=>r.s.find(t=>t.value===e)?.label||`Short text`;function P({options:e,onChange:n}){return(0,C.jsx)(t.i,{label:`Choices`,hint:`What people pick from.`,children:(0,C.jsxs)(`div`,{className:`flex flex-col gap-2`,children:[e.length===0&&(0,C.jsx)(`span`,{className:`text-[11px] sm:text-[11.5px] text-foreground/40 font-medium leading-snug px-1`,children:`No choices yet — add the first one.`}),e.map((r,i)=>(0,C.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,C.jsx)(`input`,{type:`text`,value:r,"aria-label":`Choice ${i+1}`,placeholder:`e.g. At my place`,onChange:t=>n(e.map((e,n)=>n===i?t.target.value:e)),className:t.c}),(0,C.jsx)(t.o,{icon:l.t,tone:`danger`,compact:!0,title:`Remove choice ${i+1}`,onClick:()=>n(e.filter((e,t)=>t!==i)),children:`Remove`})]},i)),(0,C.jsx)(`div`,{children:(0,C.jsx)(t.o,{icon:u.t,onClick:()=>n([...e,``]),children:`Add choice`})})]})})}function F({question:e,index:n,count:a,siblings:o,fixed:s,onChange:c,onMove:l,onRemove:u}){let[f,p]=(0,S.useState)(!e.label.trim()),m=e.label.trim()||`A new question`;return(0,C.jsxs)(`div`,{className:`rounded-2xl border border-[var(--panel-border)]`,children:[(0,C.jsxs)(`div`,{className:`flex items-center gap-1.5 sm:gap-2.5 pr-2.5 sm:pr-3.5`,children:[(0,C.jsxs)(`button`,{type:`button`,onClick:()=>p(e=>!e),"aria-expanded":f,className:`flex-1 min-w-0 flex items-center justify-between gap-3 px-4 py-3.5 text-left cursor-pointer`,children:[(0,C.jsx)(`span`,{className:`text-[13px] font-semibold text-foreground/75 truncate`,children:m}),(0,C.jsxs)(`span`,{className:`flex items-center gap-2.5 shrink-0`,children:[(0,C.jsx)(`span`,{className:`${t.s} max-sm:hidden`,children:s?`Always asked`:`${N(e.type)}${e.required?` · must be answered`:``}`}),(0,C.jsx)(i.t,{className:`w-3.5 h-3.5 text-foreground/40 shrink-0 transition-transform ${f?`rotate-180`:``}`})]})]}),!s&&(0,C.jsxs)(`div`,{className:`flex items-center gap-1 sm:gap-1.5 shrink-0`,children:[(0,C.jsx)(t.o,{icon:t.jt,compact:!0,disabled:n===0,title:`Move ${m} up`,onClick:()=>l(-1),children:`Up`}),(0,C.jsx)(t.o,{icon:t.Mt,compact:!0,disabled:n===a-1,title:`Move ${m} down`,onClick:()=>l(1),children:`Down`}),(0,C.jsx)(`span`,{className:`max-sm:hidden w-px h-5 bg-[var(--panel-border)] mx-0.5`}),(0,C.jsx)(t.o,{icon:d.t,tone:`danger`,compact:!0,title:`Remove ${m}`,onClick:u,children:`Remove`})]})]}),f&&(0,C.jsxs)(`div`,{className:`px-4 pb-4 pt-4 border-t border-[var(--panel-border)]/60 flex flex-col gap-4`,children:[(0,C.jsx)(t.b,{label:`What are you asking?`,hint:s?`The words above the box. Every booking asks this one — you can only change how it is put.`:`The words above the box, as the person booking reads them.`,value:e.label,placeholder:s?`e.g. Who is coming?`:`e.g. What is your phone number?`,onChange:t=>c({...e,label:t,name:s?e.name:r.K(e,t,o)})}),!s&&(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(t.g,{label:`Kind of answer`,hint:`Sets the box they type into. The example below follows what you pick.`,value:e.type,options:r.s,allowEmpty:!1,onChange:t=>c({...e,type:t,options:t===`select`?e.options:[],placeholder:r.W(e,t)})}),(0,C.jsx)(t.S,{label:`Must be answered`,hint:`On means they cannot book until it is filled in.`,hintWideOnly:!0,enabled:e.required,onChange:t=>c({...e,required:t})})]}),e.type===`select`&&(0,C.jsx)(P,{options:e.options,onChange:t=>c({...e,options:t})}),r.G(e.type)&&(0,C.jsx)(t.b,{label:`Example answer`,hint:e.type===`tel`?`Shown under the box — a phone box already starts with a dial code, so the example stands below it.`:`Faint grey words inside the empty box.`,value:e.placeholder,placeholder:r.o[e.type]||`e.g. +1 555 0123`,onChange:t=>c({...e,placeholder:t})})]})]})}function I({questions:e,onChange:n}){let i=e.filter(e=>r.ht(e.name)),a=e.filter(e=>!r.ht(e.name)),o=e=>n([...i,...e]);return(0,C.jsx)(t.i,{label:`What does a booking ask for?`,children:(0,C.jsxs)(`div`,{className:`flex flex-col gap-3.5`,children:[i.map(t=>(0,C.jsx)(F,{question:t,index:0,count:1,siblings:e,fixed:!0,onChange:r=>n(e.map(e=>e.name===t.name?r:e)),onMove:()=>{},onRemove:()=>{}},t.name)),a.map((t,n)=>(0,C.jsx)(F,{question:t,index:n,count:a.length,siblings:e,onChange:e=>o(a.map((t,r)=>r===n?e:t)),onMove:e=>{let t=n+e;if(t<0||t>=a.length)return;let r=[...a];[r[n],r[t]]=[r[t],r[n]],o(r)},onRemove:()=>o(a.filter((e,t)=>t!==n))},n)),(0,C.jsxs)(`div`,{className:`flex flex-col items-start sm:flex-row sm:items-center gap-3 rounded-2xl border border-dashed border-[var(--panel-border)] px-4 py-3.5`,children:[(0,C.jsx)(t.o,{icon:u.t,title:`Add a question`,onClick:()=>o([...a,r.j()]),children:`Add a question`}),a.length===0&&(0,C.jsx)(`p`,{className:`text-[11px] sm:text-[11.5px] text-foreground/40 font-medium leading-snug`,children:`Nothing else is asked — just a name and an email.`})]})]})})}var L=(e,t,n=72)=>e>=n&&e<=Math.max(n,t*.45);function R(e,t=340){if(!e)return null;let n=()=>{let t=e.getBoundingClientRect?.(),n=typeof window<`u`&&window.innerHeight||0;t&&n&&L(t.top,n)||e.scrollIntoView?.({behavior:`smooth`,block:`start`})};return typeof setTimeout==`function`?setTimeout(n,t):(n(),null)}function z(e,t,n){let r=(0,S.useRef)(new Set);(0,S.useEffect)(()=>{let i=new Set(e),a=[...r.current].filter(e=>!i.has(e)&&!n.current.has(e));e.forEach(e=>r.current.add(e)),a.length&&(a.forEach(e=>r.current.delete(e)),t(e=>{if(!a.some(t=>t in e))return e;let t={...e};for(let e of a)delete t[e];return t}))},[e.join(`\0`)])}var B=`__new_payment__`;function V(){let[e,n]=(0,S.useState)([]);return(0,S.useEffect)(()=>{let e=t.Zr(t.Qn,()=>(0,w.collection)(t.ui,t.Qn),e=>{let r=[];e.forEach(e=>{e.id!==`_settings`&&r.push(t.Dr(e.id,e.data()))}),n(r.filter(e=>e.kind===`once`).sort((e,t)=>(e.createdAt||0)-(t.createdAt||0)))},()=>n([]));return()=>e()},[]),e}function H({value:e,products:n,meetingName:r,canCreate:i,onChange:a,onCreate:o}){let[s,c]=(0,S.useState)(!1),[l,d]=(0,S.useState)(``),[f,p]=(0,S.useState)(``),[m,h]=(0,S.useState)(!1),g=[...n.map(e=>({value:e.id,label:`${t.xr(e)} — ${t.gr(e).map(e=>e.amount).filter(Boolean).join(` + `)||`no price yet`}`})),...i?[{value:B,label:`+ A new one-time payment`}]:[]],_=n.find(t=>t.id===e),v=l.trim()&&t.br(l)===null?`Just a number, like 25.`:void 0;return(0,C.jsxs)(`div`,{className:`flex flex-col gap-3`,children:[(0,C.jsx)(t.g,{label:`Payment for this meeting`,hint:_?`Taken on the booking page before the time is confirmed. Its price and its link are on the Payments screen.`:i?`Optional. A one-time payment taken on the booking page before the time is confirmed.`:n.length?`Optional. One of the payments your admin set up, taken on the booking page before the time is confirmed.`:`Your admin has not set up a payment to charge for a meeting yet.`,value:s?B:e,placeholder:`No payment`,options:g,onChange:e=>{if(e===`__new_payment__`){c(!0);return}c(!1),a(e)}}),s&&(0,C.jsxs)(`div`,{className:`rounded-2xl border border-[var(--panel-border)]/60 px-4 py-3.5 flex flex-col gap-3`,children:[(0,C.jsx)(t.b,{label:`The price`,hint:`Just the number — 25 charges 25 in your Stripe account's currency. The payment is called ${r} and appears on the Payments screen too.`,value:l,onChange:e=>{d(e),f&&p(``)},placeholder:`25`,error:f||v}),(0,C.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,C.jsx)(t.o,{icon:u.t,busy:m,onClick:async()=>{if(t.br(l)===null){p(`Just a number for the price, like 25.`);return}p(``),h(!0);let e=await o(r,l.trim());if(h(!1),e){p(e);return}c(!1),d(``)},children:`Create it`}),(0,C.jsx)(t.o,{onClick:()=>{c(!1),p(``),d(``)},children:`Never mind`})]})]})]})}function U({link:e,onChange:n}){return(0,C.jsx)(t.i,{label:`Emails about bookings`,hint:`Sent the moment a time is taken. Every booking is in your Inbox and on the calendar regardless.`,children:(0,C.jsxs)(`div`,{className:`flex flex-col gap-3 rounded-2xl border border-[var(--panel-border)]/60 px-4 py-3.5`,children:[(0,C.jsx)(t.S,{label:`Email me when someone books`,hint:`A note at your address — the sale alert, when they paid.`,hintWideOnly:!0,enabled:e.notifyOwner,onChange:e=>n({notifyOwner:e})}),(0,C.jsx)(t.S,{label:`Email them a confirmation`,hint:`Their receipt when they pay. For a free booking, a note that the time is theirs — to people who book signed in.`,hintWideOnly:!0,enabled:e.confirmBooker,onChange:e=>n({confirmBooker:e})})]})})}var ee=e=>{let t={...a.I(a.H(),e),createdAt:Date.now()};return{...t,name:r.O(t),description:r.D(t)}};function te({link:e,schedules:n,products:i,services:o,isAdmin:s=!0,onChange:c,onCreatePayment:l}){let u=n.find(t=>t.id===e.scheduleId),d=t=>c({...e,...t}),f=a.z(e,u),p=u?a.L(e,u):null,m=t=>{let n={...e,...t};return{...t,...e.name.trim()===r.O(e)?{name:r.O(n)}:{},...e.description.trim()===r.D(e)?{description:r.D(n)}:{}}};return(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(t.g,{label:`Which hours is it booked in?`,hint:`Change the hours and every meeting booked in them changes with it — one holiday, entered once, closes them all.`,value:e.scheduleId,options:n.map(e=>({value:e.id,label:r.ut(e)})),allowEmpty:!1,onChange:t=>{let r=n.find(e=>e.id===t);if(!r)return;let i=!u||e.memberName.trim()===u.memberName.trim();d(m({scheduleId:r.id,memberId:r.memberId,...i?{memberName:r.memberName}:{}}))}}),(0,C.jsx)(t.b,{label:`What is it called?`,hint:`Visitors read this on the booking page. It starts named after its length — call it whatever you like. Left blank it goes back to ${r.O(e)}.`,value:e.name,onChange:e=>d({name:e}),placeholder:r.O(e)}),(0,C.jsx)(t.y,{label:`A line or two about it`,hint:`Visitors read it under the name — what it is for, what to bring, what happens after. Emptied, the booking page simply shows none.`,value:e.description,onChange:e=>d({description:e}),placeholder:`A first conversation about what you need and how I can help.`}),(0,C.jsx)(t.b,{label:`The name visitors see`,value:e.memberName,onChange:e=>d(m({memberName:e})),placeholder:`Anna`}),(0,C.jsx)(t.g,{label:`How long is one booking?`,value:String(e.slotMinutes),options:r.b,allowEmpty:!1,onChange:e=>d(m({slotMinutes:Number(e)}))}),(0,C.jsx)(t.g,{label:`How far ahead can people book?`,value:String(e.horizonDays),options:r.h,allowEmpty:!1,onChange:e=>d({horizonDays:Number(e)})}),(0,C.jsx)(t.g,{label:`How much notice do you need?`,value:String(e.noticeHours),options:r._,allowEmpty:!1,onChange:e=>d({noticeHours:Number(e)})}),(0,C.jsx)(I,{questions:e.questions,onChange:e=>d({questions:e})}),(0,C.jsx)(b.t,{service:`payments`,readiness:b.n(o.payments),children:(0,C.jsx)(H,{value:e.paymentId,products:i,meetingName:a.V(e),canCreate:s,onChange:e=>d({paymentId:e}),onCreate:async(e,t)=>{let n=await l(e,t);return n&&n.startsWith(`p_`)?(d({paymentId:n}),null):n||`The payment could not be made — make sure you are signed in as an admin and try again.`}})}),(0,C.jsx)(b.t,{service:`email`,readiness:b.n(o.email),children:(0,C.jsx)(U,{link:e,onChange:d})}),(0,C.jsx)(t.i,{label:`Booking link`,hint:p&&!f&&e.enabled?`Send it to anyone. They see the free times in their own time zone, pick one and book — and pay first, when a payment is attached.`:`The link opens once the meeting is complete and turned on.`,children:(0,C.jsx)(x.t,{title:a.V(e),path:r.U(e.id)})}),(0,C.jsx)(`div`,{className:`pt-1`,children:f?e.enabled?(0,C.jsxs)(`span`,{className:`text-[11.5px] font-semibold text-amber-500`,children:[`Turned on, but not bookable yet — `,f]}):(0,C.jsx)(`span`,{className:t.s,children:f}):e.enabled?(0,C.jsx)(`span`,{className:`text-[11.5px] font-semibold text-emerald-500`,children:`Bookable — send the link, pick it on a page under Booking on this page, or add a Pick-a-time question to a form.`}):(0,C.jsx)(`span`,{className:t.s,children:`Complete — flip the switch at the top of the row to offer it.`})})]})}function W({link:e,schedules:n,products:r,services:o,isAdmin:s=!0,open:c,fresh:l,error:u,onToggle:f,onChange:p,onRemove:m,onCreatePayment:g}){let _=n.find(t=>t.id===e.scheduleId),v=a.R(e,_),[y,b]=(0,S.useState)(!1),x=a.V(e),w=(0,S.useRef)(null);return(0,S.useEffect)(()=>{if(!l)return;let e=R(w.current);return()=>{e&&clearTimeout(e)}},[l]),(0,C.jsxs)(`div`,{ref:w,className:`scroll-mt-4 rounded-2xl border border-[var(--panel-border)]`,children:[(0,C.jsxs)(`div`,{className:`flex items-center gap-2 sm:gap-2.5 pr-3`,children:[(0,C.jsxs)(`button`,{type:`button`,onClick:f,"aria-expanded":c,className:`flex-1 min-w-0 flex items-center justify-between gap-3 px-4 py-3 text-left cursor-pointer`,children:[(0,C.jsx)(`span`,{className:`text-[13px] font-semibold text-foreground/75 truncate`,children:a.B(e,_)}),(0,C.jsxs)(`span`,{className:`flex items-center gap-2.5 shrink-0`,children:[(0,C.jsx)(`span`,{className:`max-sm:hidden`,children:(0,C.jsx)(t._,{state:v.state,label:v.label})}),(0,C.jsx)(i.t,{className:`w-3.5 h-3.5 text-foreground/40 shrink-0 transition-transform ${c?`rotate-180`:``}`})]})]}),(0,C.jsx)(t.x,{enabled:e.enabled,onChange:t=>p({...e,enabled:t}),label:`${x} — can be booked`}),(0,C.jsx)(t.o,{icon:d.t,tone:`danger`,compact:!0,title:`Remove ${x}`,onClick:()=>b(!0),children:`Remove`})]}),(0,C.jsx)(h.t,{isOpen:y,title:`Remove ${x}?`,message:`Its booking link stops working and it leaves every page and form it was picked on. The hours it was booked in stay, and so do the bookings already taken.`,confirmText:`Yes, remove`,cancelText:`Keep it`,onCancel:()=>b(!1),onConfirm:()=>{b(!1),m()}}),c&&(0,C.jsx)(`div`,{className:`px-4 pb-4 pt-4 border-t border-[var(--panel-border)]/60 flex flex-col gap-4`,children:(0,C.jsx)(te,{link:e,schedules:n,products:r,services:o,isAdmin:s,onChange:p,onCreatePayment:g})}),u&&(0,C.jsx)(`p`,{className:`text-[12px] font-semibold text-red-500 px-4 pb-3`,children:u})]})}function G({isAdmin:e=!0}={}){let{user:n}=t.Ft(),{loading:i,docs:o}=a.S(),s=V(),l={payments:y.r(`payments`),email:y.r(`email`)},[d,f]=(0,S.useState)({}),[p,m]=(0,S.useState)([]),[h,g]=(0,S.useState)(null),[_,v]=(0,S.useState)(null),[b,x]=(0,S.useState)({}),T=(0,S.useRef)(new Map);z(o.links.map(e=>e.id),f,T);let E=n?.uid||``,D=(0,S.useMemo)(()=>[...e?o.schedules:o.schedules.filter(e=>e.memberId===E)].sort((e,t)=>Number(t.memberId===E)-Number(e.memberId===E)),[o.schedules,e,E]),O=(0,S.useMemo)(()=>{let t=new Map(o.links.map(e=>[e.id,e]));for(let e of Object.values(d))t.set(e.id,e);for(let e of p)t.delete(e);return[...t.values()].filter(t=>e||t.memberId===E).sort((e,t)=>Number(t.memberId===E)-Number(e.memberId===E)||(e.createdAt||0)-(t.createdAt||0)||e.id.localeCompare(t.id))},[o.links,d,p,e,E]),k=e=>{let t=T.current.get(e.id);t&&clearTimeout(t),T.current.set(e.id,setTimeout(async()=>{T.current.delete(e.id);let t=await a.f(e);x(n=>{let r={...n};return t?r[e.id]=t:delete r[e.id],r})},600))},A=e=>{f(t=>({...t,[e.id]:e})),k(e)},j=()=>{let e=D.find(e=>e.memberId===E)||D[0];if(!e)return;let t=ee(e);f(e=>({...e,[t.id]:t})),g(t.id),v(t.id),k(t)},M=async e=>{let t=T.current.get(e);t&&(clearTimeout(t),T.current.delete(e)),f(t=>{let n={...t};return delete n[e],n}),m(t=>[...t,e]),h===e&&g(null);let n=await a.u(e);n&&(m(t=>t.filter(t=>t!==e)),x(t=>({...t,[e]:n})))},N=async(e,n)=>{let r={...t.cr(`p_${Date.now().toString(36)}`),kind:`once`,items:[{name:e,amount:n}]};try{let{id:e,...n}=r;return await(0,w.setDoc)((0,w.doc)(t.ui,t.Qn,e),n),e}catch(e){return console.error(`Could not make the payment`,e),null}};return(0,C.jsx)(t.m,{icon:c.t,title:`Booking links`,description:`One per kind of meeting — pick the hours it is booked in, say how long it lasts and what it asks, and send the link.`,actions:!i&&D.length>0?({open:e})=>(0,C.jsx)(t.o,{icon:u.t,compact:!0,title:`Add a booking link`,onClick:()=>{e(),j()},children:`Add a booking link`}):void 0,children:(0,C.jsx)(`div`,{className:`flex flex-col gap-3`,children:i?(0,C.jsx)(`p`,{className:t.s,children:`Loading your booking links…`}):D.length===0?(0,C.jsx)(`p`,{className:`${t.s} px-1`,children:`Add a schedule above first — a booking link is a meeting booked in somebody's hours, so there have to be hours to put it on.`}):O.length===0?(0,C.jsxs)(`p`,{className:`${t.s} px-1`,children:[`No booking link yet — press Add a booking link. It is what turns `,r.dt(D[0]),` into something people can book.`]}):O.map(t=>(0,C.jsx)(W,{link:t,schedules:D,products:s,services:l,isAdmin:e,open:h===t.id,fresh:_===t.id,error:b[t.id],onToggle:()=>g(h===t.id?null:t.id),onChange:A,onRemove:()=>M(t.id),onCreatePayment:N},t.id))})})}var K=`team`,ne=e=>`m:${e}`,re=`__nobody__`;function ie(e,t,n){return[{value:`me`,label:`My calendar`},{value:K,label:`My team's calendar`},...e.filter(e=>e.id!==n).map(e=>({value:ne(e.id),label:a.g(e)||e.email,disabled:!t.has(e.id)}))]}var q=e=>e.startsWith(`m:`)?e.slice(2):``;function J(e,t,n,i=``){if(!e.email)return Promise.resolve();let a=r.Zt(e,e.timeZone||n);return p.i(t,r.t,e.id,{when:`${a.day}, ${a.time}`,memberName:e.memberName,scheduleName:e.scheduleName,reason:i.trim()}).then(()=>{}).catch(()=>{})}function ae(e,t,n){let r=e=>[...new Set(e.map(e=>String(e||``).trim()))].filter(e=>e&&e!==n),i=r([e.memberId,...t.map(e=>e.memberId),...e.copyIds.map(e=>e.split(`__`)[0])]);return{members:i,bookers:r([e.uid,...t.map(e=>e.uid)]).filter(e=>e!==`guest`).filter(e=>!i.includes(e))}}async function oe(e,t,n,i){if(e.own||e.heldOnly)return;let a={title:`Meeting removed`,body:`${r.B(e)} · ${r.ot(new Date(e.start),i)}`};await J(e,`booking_cancelled`,i,`The meeting was removed from the calendar.`);let{members:o,bookers:s}=ae(e,t,n);await m.r(o,{...a,link:`/schedule`}),await m.r(s,{...a,link:`/my-bookings`})}var Y=e=>{try{return localStorage.getItem(`fbos_calendar_had_${e}`)===`1`}catch{return!1}};function se(){let{user:e}=t.Ft();return Y(e?.uid||``)?(0,C.jsx)(f.n,{className:`h-[420px] w-full`}):null}function X({isAdmin:e}){let{user:n}=t.Ft(),i=n?.uid||``,c=r.et(),[l,u]=(0,T.useSearchParams)(),d=l.get(`open`)||l.get(`booking`)||``,{schedules:p}=a.w(),{members:m}=a.T(),h=(0,S.useMemo)(()=>new Set(p.map(e=>e.memberId)),[p]),g=(0,S.useMemo)(()=>ie(m,h,i),[m,h,i]),[_,v]=(0,S.useState)(null);(0,S.useEffect)(()=>{d&&e&&v(e=>e??`team`)},[d,e]);let y=_??`me`,b=new Set(g.filter(e=>!e.disabled).map(e=>e.value)).has(y)?y:`me`,x=q(b),{loading:w,bookings:E,error:D}=a.v({members:b===`team`?void 0:[x||i||re],includePast:!0}),O=(0,S.useMemo)(()=>a.P(E),[E]),k=(0,S.useMemo)(()=>E.map(e=>{let t=O.get(e.id);return t?{...e,...t}:e}),[E,O]),{paid:A,checkouts:j}=s.t(k),M=a.C((0,S.useMemo)(()=>(b===`team`?m.map(e=>e.id):[x||i]).filter(Boolean),[b,m,x,i]),(0,S.useMemo)(()=>{let e=new Date;return new Date(Date.UTC(e.getUTCFullYear(),e.getUTCMonth()-1,1))},[]),{keepOpen:!0}),[N,P]=(0,S.useState)(()=>Date.now());(0,S.useEffect)(()=>{let e=setInterval(()=>P(Date.now()),6e4);return()=>clearInterval(e)},[]);let F=(0,S.useMemo)(()=>{let e=new Set(M.filter(e=>!e.open).map(e=>r.qt(e.memberId,e.start))),t=k.map(t=>a.M(t,j[t.id],e,N)),n=e=>{let t=m.find(t=>t.id===e);return p.find(t=>t.memberId===e)?.memberName||(t?a.g(t):``)},i=a.F(M,E,N).map(e=>a.N(e,n(e.memberId)));return i.length?[...t,...i]:t},[E,k,M,N,m,p,j]);(0,S.useEffect)(()=>{if(!(w||!i))try{localStorage.setItem(`fbos_calendar_had_${i}`,F.length?`1`:`0`)}catch{}},[w,i,F.length]);let I=x||i,L=m.find(e=>e.id===I),R=p.find(e=>e.memberId===I)?.memberName||(L?a.g(L):``)||(I===i?String(n?.displayName||``):``);return w&&F.length===0?Y(i)?(0,C.jsx)(f.n,{className:`h-[420px] w-full`}):null:F.length===0?null:(0,C.jsx)(t.m,{icon:o.d,title:`Calendar`,description:b===`team`?`Every booking made with your team, and the events they put on their own days — in your time, ${r.nn(c)}.`:x?`${R||`Their`} calendar, read as they read it — in your time, ${r.nn(c)}.`:`Every booking made with you, under every schedule of yours — in your time, ${r.nn(c)}.`,actions:e&&g.length>2?(0,C.jsx)(t.Z,{ariaLabel:`Whose calendar`,value:b,options:g,onChange:v,className:`console-select`,compact:!0,dense:!0,portal:!0,direction:`auto`}):void 0,children:w?(0,C.jsx)(`p`,{className:t.s,children:`Loading the calendar…`}):D?(0,C.jsx)(`p`,{className:`text-[12px] font-semibold text-red-500 px-1`,children:D}):(0,C.jsx)(s.n,{bookings:F,zone:c,paid:A,openBookingId:d||void 0,onOpened:d?()=>u(e=>(e.delete(`open`),e.delete(`booking`),e),{replace:!0}):void 0,withMember:b===K,me:i,onAccept:async e=>{let t=await a.t(e.id);return t||J(e,`booking_confirmed`,c),t},onCancel:async(e,t)=>{let r=await a.r(e.id,{ids:e.copyIds,reason:t,side:`host`,by:e.memberId===i?R||String(n?.displayName||``):e.memberName,byUid:i});return r||J(e,`booking_cancelled`,c,t),r},onDelete:async e=>(await oe(e,E,i,c),a.a(e.id,e.copyIds)),canDelete:t=>e||t.own&&t.memberId===i,onRelease:e=>a.c(e.memberId,e.start),onColor:a.m,onAdd:b===`team`?void 0:e=>a.n({...e,memberId:I,memberName:R,timeZone:c})})})}function ce(e,t){if(!e.enabled)return{state:`off`,label:`Off`};if(g.c(e,t))return{state:`error`,label:`Unfinished`};let n=e.schedules.length;return{state:`saved`,label:n===1?`1 meeting`:`${n} meetings`}}var le=e=>{let t=e.schedules.length;return`${g.s(e)} — ${t===0?`nothing on it yet`:t===1?`1 meeting`:`${t} meetings`}`};function Z({page:e,schedules:n,onChange:i}){return n.length?(0,C.jsx)(t.i,{label:`Meetings on this page`,hint:`They appear in the order you tick them. A meeting switched off above is kept off the page too.`,children:(0,C.jsx)(`div`,{className:`flex flex-col gap-1.5`,children:n.map(t=>{let n=e.schedules.includes(t.id);return(0,C.jsxs)(`button`,{type:`button`,role:`checkbox`,"aria-checked":n,onClick:()=>i(g.p(e,t.id)),className:`flex items-center gap-3 px-3 py-2.5 rounded-xl border text-left transition-all cursor-pointer active:scale-[0.995] ${n?`border-accent/45 bg-accent/[0.07]`:`border-[var(--panel-border)]/70 hover:border-accent/30 hover:bg-foreground/[0.03]`}`,children:[(0,C.jsx)(`span`,{"aria-hidden":!0,className:`w-[18px] h-[18px] rounded-[5px] border flex items-center justify-center shrink-0 transition-all ${n?`border-accent bg-accent`:`border-foreground/25`}`,children:n&&(0,C.jsx)(`span`,{className:`w-[7px] h-[7px] rounded-[2px] bg-[var(--button-fg,#fff)]`})}),(0,C.jsx)(`span`,{className:`flex-1 min-w-0 text-[13px] font-semibold text-foreground/80 truncate`,children:r.Bt(t)})]},t.id)})})}):(0,C.jsx)(t.i,{label:`Meetings on this page`,children:(0,C.jsx)(`p`,{className:`${t.s} px-1`,children:`Make a schedule above first — a page offers the meetings you have set up.`})})}function ue({page:e,taken:n,onRename:r}){let[i,a]=(0,S.useState)(e.id),o=g.f(i),s=!!o&&o!==e.id&&n.includes(o);return(0,C.jsx)(t.b,{label:`Its address`,prefix:`/meet/`,value:i,onChange:a,onBlur:()=>{if(!o||s||o===e.id){a(e.id);return}r(o)},placeholder:`anna-bell`,error:s?`Another page already has that address.`:void 0,hint:`Change it and the old link stops working, so change it before you send it out.`})}function de({page:n,schedules:r,taken:a,open:o,fresh:s,error:c,onToggle:l,onChange:u,onRename:f,onRemove:p}){let[m,_]=(0,S.useState)(!1),v=ce(n,r),y=g.s(n),b=g.c(n,r),w=(0,S.useRef)(null);return(0,S.useEffect)(()=>{if(!s)return;let e=R(w.current);return()=>{e&&clearTimeout(e)}},[s]),(0,C.jsxs)(`div`,{ref:w,className:`scroll-mt-4 rounded-2xl border border-[var(--panel-border)]`,children:[(0,C.jsxs)(`div`,{className:`flex items-center gap-2 sm:gap-2.5 pr-3`,children:[(0,C.jsxs)(`button`,{type:`button`,onClick:l,"aria-expanded":o,className:`flex-1 min-w-0 flex items-center justify-between gap-3 px-4 py-3 text-left cursor-pointer`,children:[(0,C.jsx)(`span`,{className:`text-[13px] font-semibold text-foreground/75 truncate`,children:le(n)}),(0,C.jsxs)(`span`,{className:`flex items-center gap-2.5 shrink-0`,children:[(0,C.jsx)(`span`,{className:`max-sm:hidden`,children:(0,C.jsx)(t._,{state:v.state,label:v.label})}),(0,C.jsx)(i.t,{className:`w-3.5 h-3.5 text-foreground/40 shrink-0 transition-transform ${o?`rotate-180`:``}`})]})]}),(0,C.jsx)(t.x,{enabled:n.enabled,onChange:e=>u({...n,enabled:e}),label:`${y} — page is live`}),(0,C.jsx)(t.o,{icon:d.t,tone:`danger`,compact:!0,title:`Remove ${y}`,onClick:()=>_(!0),children:`Remove`})]}),(0,C.jsx)(h.t,{isOpen:m,title:`Remove ${y}?`,message:`Its link stops working. The meetings on it are untouched and keep their own links, and bookings already taken are kept.`,confirmText:`Yes, remove`,cancelText:`Keep it`,onCancel:()=>_(!1),onConfirm:()=>{_(!1),p()}}),o&&(0,C.jsxs)(`div`,{className:`px-4 pb-4 pt-4 border-t border-[var(--panel-border)]/60 flex flex-col gap-4`,children:[(0,C.jsx)(t.b,{label:`Name on the page`,value:n.title,onChange:e=>u({...n,title:e}),placeholder:`Anna Bell`,hint:`Usually the name of whoever the page is for.`}),(0,C.jsx)(e.a,{label:`Photo`,hint:`Shown at the top of the page. A square picture of the person works best.`,value:n.photo,onChange:e=>u({...n,photo:e})}),(0,C.jsx)(t.y,{label:`About this page`,value:n.intro,onChange:e=>u({...n,intro:e}),rows:3,placeholder:`I help small studios get their bookkeeping straight. Pick a time below and tell me what you need.`}),(0,C.jsx)(Z,{page:n,schedules:r,onChange:u}),(0,C.jsx)(ue,{page:n,taken:a,onRename:f}),b?(0,C.jsx)(`p`,{className:`text-[12px] font-semibold text-amber-500 px-1`,children:b}):(0,C.jsx)(x.t,{title:y,path:g.l(n.id)})]}),c&&(0,C.jsx)(`p`,{className:`text-[12px] font-semibold text-red-500 px-4 pb-3`,children:c})]})}function fe({schedules:e,myName:n,isAdmin:r=!0,meId:i=``}){let{loading:a,pages:o}=g.i(),[s,l]=(0,S.useState)({}),[d,f]=(0,S.useState)([]),[p,m]=(0,S.useState)(null),[h,_]=(0,S.useState)(null),[v,y]=(0,S.useState)({}),b=(0,S.useRef)(new Map);z(o.map(e=>e.id),l,b);let x=new Map(o.map(e=>[e.id,e]));for(let e of Object.values(s))x.set(e.id,e);for(let e of d)x.delete(e);let w=[...x.values()].sort((e,t)=>(e.createdAt||0)-(t.createdAt||0)||e.id.localeCompare(t.id)),T=w.map(e=>e.id),E=g.u(w,i,r),D=r?e:e.filter(e=>e.memberId===i),O=e=>{let t=b.current.get(e.id);t&&clearTimeout(t),b.current.set(e.id,setTimeout(async()=>{b.current.delete(e.id);let t=await g.r(e);y(n=>{let r={...n};return t?r[e.id]=t:delete r[e.id],r})},600))},k=e=>{l(t=>({...t,[e.id]:e})),O(e)},A=()=>{let e=g.a(g.m(n||`my page`,T),n,i);l(t=>({...t,[e.id]:e})),f(t=>t.filter(t=>t!==e.id)),m(e.id),_(e.id),O(e)},j=async(e,t)=>{let n=b.current.get(e.id);n&&(clearTimeout(n),b.current.delete(e.id));let r={...e,id:t};l(n=>{let i={...n};return delete i[e.id],i[t]=r,i}),f(n=>[...n.filter(e=>e!==t),e.id]),p===e.id&&m(t);let i=await g.n(e.id,r);i&&y(e=>({...e,[t]:i}))},M=async e=>{let t=b.current.get(e);t&&(clearTimeout(t),b.current.delete(e)),l(t=>{let n={...t};return delete n[e],n}),f(t=>[...t,e]),p===e&&m(null);let n=await g.t(e);n&&(f(t=>t.filter(t=>t!==e)),y(t=>({...t,[e]:n})))};return(0,C.jsx)(t.m,{icon:c.t,title:`Your booking pages`,description:`One link with a photo, a line about you and every meeting you offer.`,actions:({open:e})=>(0,C.jsx)(t.o,{icon:u.t,compact:!0,title:`Create a page`,onClick:()=>{e(),A()},children:`Create a page`}),children:(0,C.jsx)(`div`,{className:`flex flex-col gap-3`,children:a?(0,C.jsx)(`p`,{className:`${t.s} px-1`,children:`Loading pages…`}):E.length===0?(0,C.jsx)(`p`,{className:`${t.s} px-1`,children:`No pages yet. Create one to hand out a single link — a visitor sees your photo, what you do and every meeting you offer, and picks the one they want.`}):E.map(e=>(0,C.jsx)(de,{page:e,schedules:D,taken:T,open:p===e.id,fresh:h===e.id,error:v[e.id],onToggle:()=>m(t=>t===e.id?null:e.id),onChange:k,onRename:t=>j(e,t),onRemove:()=>M(e.id)},e.id))})})}var pe={from:`09:00`,to:`17:00`},me=e=>r.pt(e)?{state:`saved`,label:`Ready`}:{state:`off`,label:`In progress`},he=e=>({...r.M(a.U(),e.id,a.g(e),r.et()),name:`Working hours`,enabled:!0,createdAt:Date.now()}),Q=`w-[6.5rem] shrink-0`,ge=`w-9 h-9 rounded-[var(--btn-radius,0.75rem)] border border-[var(--panel-border)] flex items-center justify-center shrink-0 text-foreground/45 hover:text-red-500 hover:border-red-500/40 hover:bg-red-500/[0.06] active:scale-[0.98] transition-all cursor-pointer`;function _e({day:e,windows:n,onChange:i}){let a=n.length>0,o=(e,t)=>i(n.map((n,r)=>r===e?{...n,...t}:n));return(0,C.jsxs)(`div`,{className:`grid grid-cols-1 sm:grid-cols-[8.5rem_minmax(0,1fr)] items-start gap-x-4 gap-y-2 py-2.5`,children:[(0,C.jsxs)(`div`,{className:`flex items-center justify-between gap-3 h-9`,children:[(0,C.jsx)(`span`,{className:`text-[13px] font-medium ${a?`text-foreground/80`:`text-foreground/40`}`,children:r.u[e]}),(0,C.jsx)(t.x,{enabled:a,onChange:e=>i(e?[pe]:[]),label:`${r.u[e]} — bookable`})]}),a&&(0,C.jsxs)(`div`,{className:`flex flex-col gap-2 min-w-0`,children:[n.map((a,s)=>(0,C.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,C.jsx)(`div`,{className:Q,children:(0,C.jsx)(t.Z,{ariaLabel:`${r.u[e]} from${s?` (${s+1})`:``}`,value:a.from,options:r.m,onChange:e=>o(s,{from:e}),className:`console-select`,compact:!0,portal:!0,direction:`auto`})}),(0,C.jsx)(`span`,{className:`w-3 text-center text-foreground/40 text-[13px] shrink-0 select-none`,children:`–`}),(0,C.jsx)(`div`,{className:Q,children:(0,C.jsx)(t.Z,{ariaLabel:`${r.u[e]} to${s?` (${s+1})`:``}`,value:a.to,options:r.d,onChange:e=>o(s,{to:e}),className:`console-select`,compact:!0,portal:!0,direction:`auto`})}),n.length>1&&(0,C.jsx)(`button`,{type:`button`,title:`Remove these hours on ${r.u[e]}`,"aria-label":`Remove ${r.u[e]} hours ${s+1}`,onClick:()=>i(n.filter((e,t)=>t!==s)),className:ge,children:(0,C.jsx)(l.t,{className:`w-3.5 h-3.5`})})]},s)),n.length<2&&(0,C.jsx)(`button`,{type:`button`,onClick:()=>i([...n,{from:`18:00`,to:`20:00`}]),className:`self-start h-6 px-1 text-[11.5px] font-semibold text-foreground/45 hover:text-accent transition-colors cursor-pointer`,children:`+ Add a second stretch`})]})]})}function ve({schedule:e,onChange:n}){let i=t=>n({...e,...t}),a=r.ft(e);return(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(t.b,{label:`What are these hours called?`,hint:`Only you and your team read this — it is how a booking link names the hours it is booked in. Working hours, Evenings, Studio days.`,value:e.name,onChange:e=>i({name:e}),placeholder:`Working hours`}),(0,C.jsx)(t.t,{value:e.timeZone,onChange:e=>i({timeZone:e})}),(0,C.jsx)(t.i,{label:`When`,hint:`The hours on each day, in this person's own time zone. Add a second stretch for a break in the middle. A time booked in any of their hours is taken here too.`,children:(0,C.jsx)(`div`,{className:`flex flex-col divide-y divide-[var(--panel-border)]/60 rounded-2xl border border-[var(--panel-border)]/60 px-4 py-1`,children:r.l.map(t=>(0,C.jsx)(_e,{day:t,windows:e.days[t]||[],onChange:n=>i({days:{...e.days,[t]:n}})},t))})}),(0,C.jsx)(M,{blocked:e.blocked,onChange:e=>i({blocked:e})}),(0,C.jsx)(`div`,{className:`pt-1`,children:a?(0,C.jsxs)(`span`,{className:`text-[11.5px] font-semibold text-amber-500`,children:[`Not usable yet — `,a]}):(0,C.jsx)(`span`,{className:`text-[11.5px] font-semibold text-emerald-500`,children:`Ready — add a booking link below to let people book these hours, or ask for a page built on them.`})})]})}function $({schedule:e,open:n,stale:a,fresh:o,error:s,onToggle:c,onChange:l,onRemove:u}){let f=me(e),[p,m]=(0,S.useState)(!1),g=r.dt(e),_=(0,S.useRef)(null);return(0,S.useEffect)(()=>{if(!o)return;let e=R(_.current);return()=>{e&&clearTimeout(e)}},[o]),(0,C.jsxs)(`div`,{ref:_,className:`scroll-mt-4 rounded-2xl border border-[var(--panel-border)] ${a?`opacity-60`:``}`,children:[(0,C.jsxs)(`div`,{className:`flex items-center gap-2 sm:gap-2.5 pr-3`,children:[(0,C.jsxs)(`button`,{type:`button`,onClick:c,"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:[(0,C.jsx)(`span`,{className:`text-[13px] font-semibold text-foreground/75 truncate`,children:r.mt(e)}),(0,C.jsxs)(`span`,{className:`flex items-center gap-2.5 shrink-0`,children:[a?(0,C.jsx)(`span`,{className:`${t.s} max-sm:hidden`,children:`No longer on the team`}):(0,C.jsx)(`span`,{className:`max-sm:hidden`,children:(0,C.jsx)(t._,{state:f.state,label:f.label})}),(0,C.jsx)(i.t,{className:`w-3.5 h-3.5 text-foreground/40 shrink-0 transition-transform ${n?`rotate-180`:``}`})]})]}),(0,C.jsx)(t.o,{icon:d.t,tone:`danger`,compact:!0,title:`Remove ${g}`,onClick:()=>m(!0),children:`Remove`})]}),(0,C.jsx)(h.t,{isOpen:p,title:`Remove ${g}?`,message:a?`They are no longer on the team, so nobody can book them. Bookings already taken are kept.`:`Every booking link booked in these hours stops working, and they leave every page and form they were picked on. Bookings already taken are kept.`,confirmText:`Yes, remove`,cancelText:`Keep it`,onCancel:()=>m(!1),onConfirm:()=>{m(!1),u()}}),n&&(0,C.jsx)(`div`,{className:`px-4 pb-4 pt-4 border-t border-[var(--panel-border)]/60 flex flex-col gap-4`,children:(0,C.jsx)(ve,{schedule:e,onChange:l})}),s&&(0,C.jsx)(`p`,{className:`text-[12px] font-semibold text-red-500 px-4 pb-3`,children:s})]})}function ye({name:e,schedules:n,stale:r,open:a,onToggle:o,onAdd:s,openScheduleId:c,freshId:l,errors:d,onToggleSchedule:f,onChange:p,onRemove:m}){let h=r?`No longer on the team`:n.length===0?`No schedules yet`:`${n.length} schedule${n.length===1?``:`s`}`,g=(0,S.useRef)(null);return(0,S.useEffect)(()=>{if(!a)return;let e=R(g.current);return()=>{e&&clearTimeout(e)}},[a]),(0,C.jsxs)(`div`,{ref:g,className:`scroll-mt-4 rounded-2xl border border-[var(--panel-border)]`,children:[(0,C.jsxs)(`button`,{type:`button`,onClick:o,"aria-expanded":a,className:`w-full flex items-center justify-between gap-3 px-4 py-3 text-left cursor-pointer`,children:[(0,C.jsx)(`span`,{className:`text-[13px] font-semibold text-foreground/75 truncate`,children:e}),(0,C.jsxs)(`span`,{className:`flex items-center gap-2.5 shrink-0`,children:[(0,C.jsx)(`span`,{className:`${t.s} max-sm:hidden`,children:h}),(0,C.jsx)(i.t,{className:`w-3.5 h-3.5 text-foreground/40 shrink-0 transition-transform ${a?`rotate-180`:``}`})]})]}),a&&(0,C.jsxs)(`div`,{className:`px-4 pb-4 pt-4 border-t border-[var(--panel-border)]/60 flex flex-col gap-3`,children:[n.map(e=>(0,C.jsx)($,{schedule:e,stale:r,fresh:l===e.id,open:c===e.id,error:d[e.id],onToggle:()=>f(e.id),onChange:p,onRemove:()=>m(e.id)},e.id)),r?n.length===0&&(0,C.jsxs)(`p`,{className:`text-[11px] sm:text-[11.5px] text-foreground/40 font-medium leading-snug`,children:[`No schedule yet for `,e,`.`]}):(0,C.jsxs)(`div`,{className:`flex flex-col items-start sm:flex-row sm:items-center gap-3 rounded-2xl border border-dashed border-[var(--panel-border)] px-4 py-3`,children:[(0,C.jsx)(t.o,{icon:u.t,title:`Add a schedule for ${e}`,onClick:s,children:`Add a schedule`}),n.length===0&&(0,C.jsxs)(`p`,{className:`text-[11px] sm:text-[11.5px] text-foreground/40 font-medium leading-snug`,children:[`No schedule yet for `,e,`.`]})]})]})]})}var be=e=>({id:e.uid,name:String(e.displayName||``),email:String(e.email||``),role:`admin`});function xe({isAdmin:e=!0}={}){let{user:r}=t.Ft(),{loading:i,members:o}=a.T(),{loading:s,docs:c}=a.S(),l=c.schedules,[d,f]=(0,S.useState)({}),[p,m]=(0,S.useState)([]),[h,g]=(0,S.useState)(null),[_,v]=(0,S.useState)(null),[y,b]=(0,S.useState)(null),[x,w]=(0,S.useState)({}),E=(0,S.useRef)(new Map);z(l.map(e=>e.id),f,E);let D=(0,S.useMemo)(()=>{let e=new Map(l.map(e=>[e.id,e]));for(let t of Object.values(d))e.set(t.id,t);for(let t of p)e.delete(t);return[...e.values()].sort((e,t)=>(e.createdAt||0)-(t.createdAt||0)||e.id.localeCompare(t.id))},[l,d,p]),O=e=>{let t=E.current.get(e.id);t&&clearTimeout(t),E.current.set(e.id,setTimeout(async()=>{E.current.delete(e.id);let t=await a.p(e);w(n=>{let r={...n};return t?r[e.id]=t:delete r[e.id],r})},600))},k=e=>{f(t=>({...t,[e.id]:e})),O(e)},A=(0,S.useMemo)(()=>r?o.find(e=>e.id===r.uid)||be(r):null,[r,o]),j=(0,S.useMemo)(()=>A&&!o.some(e=>e.id===A.id)?[A,...o]:o,[A,o]),M=(0,S.useRef)(!1),[N,P]=(0,S.useState)(``),F=(0,S.useMemo)(()=>c.schedules.filter(t=>c.legacyIds.includes(t.id)&&(e||t.memberId===A?.id)),[c.schedules,c.legacyIds,e,A]);(0,S.useEffect)(()=>{M.current||F.length===0||(M.current=!0,a.h(F).then(e=>{e&&P(e)}))},[F]);let I=e=>{let t=he(e);f(e=>({...e,[t.id]:t})),g(t.id),v(t.id),A&&e.id!==A.id&&b(e.id),O(t)},L=()=>{A&&I(A)},R=async e=>{let t=E.current.get(e);t&&(clearTimeout(t),E.current.delete(e)),f(t=>{let n={...t};return delete n[e],n}),m(t=>[...t,e]),h===e&&g(null);let n=await a.d(e);n&&(m(t=>t.filter(t=>t!==e)),w(t=>({...t,[e]:n})))},B=i||s,V=new Set(j.map(e=>e.id)),H=A?D.filter(e=>e.memberId===A.id):[],U=(0,S.useMemo)(()=>{if(!A)return[];let e=new Map;for(let t of D){if(t.memberId===A.id)continue;let n=e.get(t.memberId);n?n.push(t):e.set(t.memberId,[t])}let t=[];for(let n of j)n.id!==A.id&&(t.push({id:n.id,name:a.g(n)||n.email,stale:!1,schedules:e.get(n.id)||[]}),e.delete(n.id));for(let[n,r]of e)t.push({id:n,name:r[0].memberName.trim()||`Someone no longer on the team`,stale:!0,schedules:r});return t},[D,j,A]);return(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(t.m,{icon:n.C,title:`Your schedules`,description:`When you are free — a name, a time zone, the week's hours and the days you are away. The base for anything booked on them.`,actions:B?void 0:({open:e})=>(0,C.jsx)(t.o,{icon:u.t,compact:!0,title:`Add a schedule`,onClick:()=>{e(),L()},children:`Add a schedule`}),children:(0,C.jsxs)(`div`,{className:`flex flex-col gap-3`,children:[B?(0,C.jsx)(`p`,{className:t.s,children:`Loading your schedules…`}):H.length===0?(0,C.jsx)(`p`,{className:`${t.s} px-1`,children:`No hours of your own yet — press Add a schedule. Everything booked in them shares one availability, so a time taken once is gone from all of it.`}):H.map(e=>(0,C.jsx)($,{schedule:e,stale:!V.has(e.memberId),fresh:_===e.id,open:h===e.id,error:x[e.id],onToggle:()=>g(h===e.id?null:e.id),onChange:k,onRemove:()=>R(e.id)},e.id)),!!N&&(0,C.jsx)(`p`,{className:`text-[12px] font-semibold text-red-500 px-1`,children:N})]})}),e&&(0,C.jsx)(t.m,{icon:n.S,title:`Your team's schedules`,description:`When everyone else is free — one folded row per person; open a name to add their hours or see what they keep.`,children:(0,C.jsx)(`div`,{className:`flex flex-col gap-3`,children:B?(0,C.jsx)(`p`,{className:`text-[11px] sm:text-[11.5px] text-foreground/40 font-medium leading-snug`,children:`Loading your team's schedules…`}):U.length===0?(0,C.jsxs)(`p`,{className:`text-[11px] sm:text-[11.5px] text-foreground/40 font-medium leading-snug px-1`,children:[`Nobody else is marked Internal or Admin yet. Add them on the`,` `,(0,C.jsx)(T.Link,{to:`/users`,className:`text-accent font-bold hover:underline`,children:`Users screen`}),` and a folded row for them appears here.`]}):U.map(e=>(0,C.jsx)(ye,{name:e.name,schedules:e.schedules,stale:e.stale,open:y===e.id,onToggle:()=>{let t=y!==e.id;b(t?e.id:null),t&&e.schedules.length&&g(e.schedules[0].id)},onAdd:()=>{let t=j.find(t=>t.id===e.id);t&&I(t)},openScheduleId:h,freshId:_,errors:x,onToggleSchedule:e=>g(h===e?null:e),onChange:k,onRemove:R},e.id))})})]})}function Se(){let{ready:e}=t.Jn(`schedule`);return e?(0,C.jsx)(X,{isAdmin:!0}):(0,C.jsx)(se,{})}function Ce(){let{user:i,userRole:o}=t.Ft(),s=o===`admin`,{schedules:c}=a.y(),l=i&&(i.displayName||i.email?.split(`@`)[0])||``;return r.Sn(o)?(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.nt.div,{initial:{opacity:0,y:20},animate:{opacity:1,y:0},className:`mb-6`,children:[(0,C.jsx)(e.t,{children:`Schedule`}),(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`}),`/schedule`]})]}),(0,C.jsxs)(`div`,{className:`flex flex-col gap-6 flex-1 pb-16`,children:[(0,C.jsx)(n.t,{}),(0,C.jsx)(v.n,{tab:`schedule`}),(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:(0,C.jsxs)(`div`,{className:`flex flex-col gap-4`,children:[(0,C.jsx)(`div`,{className:`flex flex-col gap-1.5 px-1`,children:(0,C.jsx)(`p`,{className:`text-[13px] font-medium text-foreground/60 leading-relaxed`,children:s?`When you and your team are free, and everything built on it. A schedule is a week of hours in one person’s own time zone; a booking link turns those hours into a meeting people can book, with an address to send. The same hours are what a page you ask for is built on.`:`When you are free, and what people can book in it. Your schedule is your week of hours; a booking link turns it into a meeting, with an address of its own to send — they pick a free time and it lands on your calendar. A booking page gathers your meetings under one address to hand out.`})}),s?(0,C.jsx)(Se,{}):(0,C.jsx)(X,{isAdmin:!1}),(0,C.jsx)(xe,{isAdmin:s}),(0,C.jsx)(G,{isAdmin:s}),(0,C.jsx)(fe,{schedules:c,myName:l,isAdmin:s,meId:i?.uid||``})]})})]})]}):(0,C.jsx)(`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.jsx)(_.i,{})})}exports.ScheduleAdmin=Ce;

package/dist/SchedulePicker-BOSJEcfL.js

@@ -0,0 +1,114 @@
+import "./PageTitle-DFGW71q8.js";
+import { At as e, s as t } from "./TimeZoneField-Dv389mAe.js";
+import { P as n, Rt as r, Vt as i, X as a, Yt as o, ft as s, pt as c, ut as l } from "./schedule-C13m_kiO.js";
+import { t as u } from "./chevron-down--LwXEv9w.js";
+import { t as d } from "./x-hax8aKt8.js";
+import { useState as f } from "react";
+import { jsx as p, jsxs as m } from "react/jsx-runtime";
+import { Link as h } from "react-router-dom";
+var g = () => {
+	if (typeof window > "u" || !window.getSelection) return !1;
+	try {
+		let e = window.getSelection();
+		return !!e && !e.isCollapsed && e.toString().trim().length > 0;
+	} catch {
+		return !1;
+	}
+}, _ = (e, t) => t && (Math.abs(e.clientX - t.x) > 4 || Math.abs(e.clientY - t.y) > 4) ? !1 : !g(), v = (e) => `${i(e)} · ${o(e.slotMinutes)}`, y = (e) => {
+	let t = a(e);
+	return t ? `${l(e)} · ${t}` : l(e);
+};
+function b({ schedules: a, selected: o, onPick: g, placeholder: _ = "Pick a schedule", mode: b = "meetings" }) {
+	let [x, S] = f(!1), C = b === "hours", w = (e) => C ? l(e) : i(e), T = (e) => C ? y(e) : v(e), E = (e) => C ? c(e) : n(e), D = (e) => C ? s(e) ? "Unfinished on the Schedule screen" : "" : e.enabled ? r(e) ? "Unfinished on the Schedule screen" : "" : "Turned off on the Schedule screen";
+	if (a.length === 0) return /* @__PURE__ */ m("p", {
+		className: t,
+		children: [
+			C ? "No hours yet" : "No schedule yet",
+			" — add ",
+			C ? "a week" : "one",
+			" on the",
+			" ",
+			/* @__PURE__ */ p(h, {
+				to: "/schedule",
+				className: "text-accent font-bold hover:underline",
+				children: "Schedule screen"
+			}),
+			" first."
+		]
+	});
+	let O = o.map((e) => a.find((t) => t.id === e)).filter((e) => !!e);
+	return /* @__PURE__ */ m("div", {
+		className: "flex flex-col gap-2",
+		children: [
+			/* @__PURE__ */ m("div", {
+				className: `w-full min-h-11 flex items-center gap-2 px-3 py-1.5 rounded-[var(--input-radius,0.75rem)] border bg-[var(--panel-bg)] transition-all duration-300 console-field ${x ? "border-accent" : "border-[var(--panel-border)] hover:border-accent/40"}`,
+				children: [/* @__PURE__ */ m("div", {
+					className: "flex-1 min-w-0 flex flex-wrap items-center gap-1.5",
+					children: [O.length === 0 && /* @__PURE__ */ p("button", {
+						type: "button",
+						onClick: () => S((e) => !e),
+						className: "text-[14px] text-foreground/35 text-left cursor-pointer",
+						children: _
+					}), O.map((e) => /* @__PURE__ */ m("span", {
+						className: "inline-flex items-center gap-1.5 h-7 pl-2.5 pr-1.5 rounded-lg bg-accent/10 border border-accent/20 text-[12.5px] font-semibold text-foreground max-w-full",
+						children: [/* @__PURE__ */ p("span", {
+							className: "truncate",
+							children: w(e)
+						}), /* @__PURE__ */ p("button", {
+							type: "button",
+							"aria-label": `Remove ${w(e)}`,
+							onClick: () => g(e.id),
+							className: "w-4 h-4 rounded-md flex items-center justify-center text-foreground/50 hover:text-red-500 hover:bg-red-500/10 transition-colors cursor-pointer",
+							children: /* @__PURE__ */ p(d, { className: "w-3 h-3" })
+						})]
+					}, e.id))]
+				}), /* @__PURE__ */ p("button", {
+					type: "button",
+					"aria-label": x ? "Close the list of schedules" : "Open the list of schedules",
+					"aria-expanded": x,
+					onClick: () => S((e) => !e),
+					className: "w-8 h-8 shrink-0 rounded-lg flex items-center justify-center text-foreground/40 hover:text-foreground hover:bg-foreground/[0.05] transition-colors cursor-pointer",
+					children: /* @__PURE__ */ p(u, { className: `w-4 h-4 transition-transform ${x ? "rotate-180" : ""}` })
+				})]
+			}),
+			x && /* @__PURE__ */ p("div", {
+				className: "flex flex-col rounded-2xl border border-[var(--panel-border)]/60 px-2 py-1.5",
+				role: "listbox",
+				"aria-label": "Schedules",
+				"aria-multiselectable": !0,
+				children: a.map((t) => {
+					let n = o.includes(t.id), r = D(t);
+					return /* @__PURE__ */ m("button", {
+						type: "button",
+						role: "option",
+						"aria-selected": n,
+						"aria-label": w(t),
+						onClick: () => g(t.id),
+						className: `w-full flex items-center gap-2.5 px-2 py-2 text-left cursor-pointer rounded-xl hover:bg-foreground/[0.04] transition-colors ${E(t) ? "" : "opacity-70"}`,
+						children: [
+							/* @__PURE__ */ p("span", {
+								"aria-hidden": !0,
+								className: `w-[18px] h-[18px] rounded-md border flex items-center justify-center shrink-0 transition-colors ${n ? "bg-accent border-accent" : "border-[var(--panel-border)]"}`,
+								children: n && /* @__PURE__ */ p(e, { className: "w-3 h-3 text-[var(--button-fg,#fff)]" })
+							}),
+							/* @__PURE__ */ p("span", {
+								className: "text-[13px] font-medium text-foreground/80 truncate min-w-0",
+								children: T(t)
+							}),
+							r && /* @__PURE__ */ p("span", {
+								className: "text-[11px] font-semibold text-foreground/40 whitespace-nowrap shrink-0 max-sm:hidden",
+								children: r
+							})
+						]
+					}, t.id);
+				})
+			}),
+			/* @__PURE__ */ p("span", {
+				className: t,
+				children: C ? "One person’s hours each — picking a second week of theirs replaces the first." : "One schedule per person — picking a second one of theirs replaces the first."
+			})
+		]
+	});
+}
+//#endregion
+export { _ as n, b as t };

package/dist/SchedulePicker-CwKId9JF.cjs

@@ -0,0 +1 @@
+require(`./chunk-CiTBaPhY.cjs`),require(`./PageTitle-BWmE74WQ.cjs`);const e=require(`./TimeZoneField-zR8N2Fj0.cjs`),t=require(`./schedule-BAea6q8_.cjs`),n=require(`./chevron-down-lyDK1rfL.cjs`),r=require(`./x-Ci8c5p6T.cjs`);let i=require(`react`),a=require(`react/jsx-runtime`),o=require(`react-router-dom`);var s=()=>{if(typeof window>`u`||!window.getSelection)return!1;try{let e=window.getSelection();return!!e&&!e.isCollapsed&&e.toString().trim().length>0}catch{return!1}},c=(e,t)=>t&&(Math.abs(e.clientX-t.x)>4||Math.abs(e.clientY-t.y)>4)?!1:!s(),l=e=>`${t.Vt(e)} · ${t.Yt(e.slotMinutes)}`,u=e=>{let n=t.X(e);return n?`${t.ut(e)} · ${n}`:t.ut(e)};function d({schedules:s,selected:c,onPick:d,placeholder:f=`Pick a schedule`,mode:p=`meetings`}){let[m,h]=(0,i.useState)(!1),g=p===`hours`,_=e=>g?t.ut(e):t.Vt(e),v=e=>g?u(e):l(e),y=e=>g?t.pt(e):t.P(e),b=e=>g?t.ft(e)?`Unfinished on the Schedule screen`:``:e.enabled?t.Rt(e)?`Unfinished on the Schedule screen`:``:`Turned off on the Schedule screen`;if(s.length===0)return(0,a.jsxs)(`p`,{className:e.s,children:[g?`No hours yet`:`No schedule yet`,` — add `,g?`a week`:`one`,` on the`,` `,(0,a.jsx)(o.Link,{to:`/schedule`,className:`text-accent font-bold hover:underline`,children:`Schedule screen`}),` first.`]});let x=c.map(e=>s.find(t=>t.id===e)).filter(e=>!!e);return(0,a.jsxs)(`div`,{className:`flex flex-col gap-2`,children:[(0,a.jsxs)(`div`,{className:`w-full min-h-11 flex items-center gap-2 px-3 py-1.5 rounded-[var(--input-radius,0.75rem)] border bg-[var(--panel-bg)] transition-all duration-300 console-field ${m?`border-accent`:`border-[var(--panel-border)] hover:border-accent/40`}`,children:[(0,a.jsxs)(`div`,{className:`flex-1 min-w-0 flex flex-wrap items-center gap-1.5`,children:[x.length===0&&(0,a.jsx)(`button`,{type:`button`,onClick:()=>h(e=>!e),className:`text-[14px] text-foreground/35 text-left cursor-pointer`,children:f}),x.map(e=>(0,a.jsxs)(`span`,{className:`inline-flex items-center gap-1.5 h-7 pl-2.5 pr-1.5 rounded-lg bg-accent/10 border border-accent/20 text-[12.5px] font-semibold text-foreground max-w-full`,children:[(0,a.jsx)(`span`,{className:`truncate`,children:_(e)}),(0,a.jsx)(`button`,{type:`button`,"aria-label":`Remove ${_(e)}`,onClick:()=>d(e.id),className:`w-4 h-4 rounded-md flex items-center justify-center text-foreground/50 hover:text-red-500 hover:bg-red-500/10 transition-colors cursor-pointer`,children:(0,a.jsx)(r.t,{className:`w-3 h-3`})})]},e.id))]}),(0,a.jsx)(`button`,{type:`button`,"aria-label":m?`Close the list of schedules`:`Open the list of schedules`,"aria-expanded":m,onClick:()=>h(e=>!e),className:`w-8 h-8 shrink-0 rounded-lg flex items-center justify-center text-foreground/40 hover:text-foreground hover:bg-foreground/[0.05] transition-colors cursor-pointer`,children:(0,a.jsx)(n.t,{className:`w-4 h-4 transition-transform ${m?`rotate-180`:``}`})})]}),m&&(0,a.jsx)(`div`,{className:`flex flex-col rounded-2xl border border-[var(--panel-border)]/60 px-2 py-1.5`,role:`listbox`,"aria-label":`Schedules`,"aria-multiselectable":!0,children:s.map(t=>{let n=c.includes(t.id),r=b(t);return(0,a.jsxs)(`button`,{type:`button`,role:`option`,"aria-selected":n,"aria-label":_(t),onClick:()=>d(t.id),className:`w-full flex items-center gap-2.5 px-2 py-2 text-left cursor-pointer rounded-xl hover:bg-foreground/[0.04] transition-colors ${y(t)?``:`opacity-70`}`,children:[(0,a.jsx)(`span`,{"aria-hidden":!0,className:`w-[18px] h-[18px] rounded-md border flex items-center justify-center shrink-0 transition-colors ${n?`bg-accent border-accent`:`border-[var(--panel-border)]`}`,children:n&&(0,a.jsx)(e.At,{className:`w-3 h-3 text-[var(--button-fg,#fff)]`})}),(0,a.jsx)(`span`,{className:`text-[13px] font-medium text-foreground/80 truncate min-w-0`,children:v(t)}),r&&(0,a.jsx)(`span`,{className:`text-[11px] font-semibold text-foreground/40 whitespace-nowrap shrink-0 max-sm:hidden`,children:r})]},t.id)})}),(0,a.jsx)(`span`,{className:e.s,children:g?`One person’s hours each — picking a second week of theirs replaces the first.`:`One schedule per person — picking a second one of theirs replaces the first.`})]})}Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return c}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return d}});