@oneclick.dev/cms-core-modules 0.0.110 → 0.0.112

package/dist/NewReservationDialog.vue_vue_type_script_setup_true_lang-Ceoje52V.js

@@ -1 +0,0 @@
-"use strict";const e=require("vue"),M=require("lucide-vue-next"),W=require("@oneclick.dev/cms-kit"),Z=require("./utils-Yd6F5mea.js"),Y=require("./DateFormatter-CYAD4GBN.js"),te=require("./_plugin-vue_export-helper-BHFhmbuH.js"),ne={class:"space-y-3"},ae={class:"grid gap-4 @md/modal:grid-cols-2 @2xl/modal:grid-cols-3 @4xl/modal:grid-cols-4 overflow-hidden p-1"},re={key:0,class:"flex items-center gap-3 min-h-9"},le={key:0,class:"italic text-xs opacity-50"},se={key:0,class:"italic text-xs opacity-50"},ie={key:0,class:"italic text-xs opacity-50"},ce={key:0,class:"italic text-xs opacity-50"},de={key:0,class:"text-red-400"},ue={class:"list-disc pl-4"},me=e.defineComponent({__name:"CustomerInformation",props:{agendaData:{}},setup(w,{expose:B}){const y=[{id:"firstName",fieldName:"First Name",fieldType:"text",required:!0,visible:!0},{id:"lastName",fieldName:"Last Name",fieldType:"text",required:!0,visible:!0},{id:"phone",fieldName:"Phone No",fieldType:"tel",required:!0,visible:!0},{id:"email",fieldName:"Email",fieldType:"email",required:!0,visible:!0},{id:"birthdate",fieldName:"Birthdate",fieldType:"date",required:!0,visible:!0}],E=new Set(["firstName","email"]),D=w,T=e.ref([]),p=e.reactive({}),V=e.computed(()=>{const d=D.agendaData?.customerInformationFields,u=(Array.isArray(d)&&d.length>0?d:y).filter(b=>b?.id&&(b.visible!==!1||E.has(b.id))).map(b=>({...b,required:E.has(b.id),visible:!0})),h=y.filter(b=>E.has(b.id)&&!u.some(P=>P.id===b.id)).map(b=>({...b,required:!0,visible:!0}));return[...u,...h]}),N=d=>d.fieldName||d.id,R=d=>d.replace(/[^A-Za-z0-9_-]/g,"-"),f=(d,v)=>["new-res-customer-info",d.id,v].filter(Boolean).map(h=>R(h)).join("-"),k=d=>d.fieldType==="email"||d.fieldType==="tel"||d.fieldType==="date"?d.fieldType:"text",g=d=>Array.isArray(d.options)?d.options.filter(Boolean):[],$=d=>d.fieldType==="checkbox"?!1:"",I=(d=!1)=>{const v=new Set(V.value.map(u=>u.id));Object.keys(p).forEach(u=>{v.has(u)||delete p[u]}),V.value.forEach(u=>{const h=$(u);(d||p[u.id]===void 0||typeof p[u.id]!=typeof h)&&(p[u.id]=h)})},O=()=>{const d=V.value.reduce((v,u)=>{const h=p[u.id];return v[u.id]=typeof h=="string"?h.trim():!!h,v},{});return Object.entries(d).forEach(([v,u])=>{p[v]=u}),d},F=(d,v)=>d.fieldType==="checkbox"?v===!0:typeof v=="string"?v.trim().length>0:v!=null,z=()=>{T.value=[],I(!0)},L=()=>{const d=[],v=O();return V.value.forEach(u=>{const h=v[u.id],b=N(u);u.required&&!F(u,h)&&d.push(`Please fill in ${b}.`),u.fieldType==="email"&&F(u,h)&&typeof h=="string"&&/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(h)===!1&&d.push(`Please fill in a correct ${b}.`)}),T.value=d,d.length===0};return e.watch(V,()=>{I()},{immediate:!0}),B({getCustomerInfo:O,reset:z,validateForm:L}),(d,v)=>{const u=e.resolveComponent("Checkbox"),h=e.resolveComponent("Label"),b=e.resolveComponent("SelectValue"),P=e.resolveComponent("SelectTrigger"),A=e.resolveComponent("SelectItem"),q=e.resolveComponent("SelectGroup"),j=e.resolveComponent("SelectContent"),U=e.resolveComponent("Select"),s=e.resolveComponent("RadioGroupItem"),t=e.resolveComponent("RadioGroup"),a=e.resolveComponent("Input");return e.openBlock(),e.createElementBlock("div",ne,[v[0]||(v[0]=e.createElementVNode("h2",{class:"text-sm font-medium"},"Customer Information",-1)),e.createElementVNode("div",ae,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(V.value,n=>(e.openBlock(),e.createElementBlock("div",{key:n.id,class:e.normalizeClass(["grid gap-2",n.fieldType==="checkbox"?"@md/modal:col-span-2":""])},[n.fieldType==="checkbox"?(e.openBlock(),e.createElementBlock("div",re,[e.createVNode(u,{id:f(n),modelValue:p[n.id],"onUpdate:modelValue":r=>p[n.id]=r},null,8,["id","modelValue","onUpdate:modelValue"]),e.createVNode(h,{for:f(n),class:"font-normal cursor-pointer"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(N(n))+" ",1),n.required?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("span",le,"optional"))]),_:2},1032,["for"])])):n.fieldType==="select"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createVNode(h,{for:f(n)},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(N(n))+" ",1),n.required?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("span",se,"optional"))]),_:2},1032,["for"]),e.createVNode(U,{modelValue:p[n.id],"onUpdate:modelValue":r=>p[n.id]=r},{default:e.withCtx(()=>[e.createVNode(P,{id:f(n),class:"w-full"},{default:e.withCtx(()=>[e.createVNode(b,{placeholder:`Select ${N(n)}`},null,8,["placeholder"])]),_:2},1032,["id"]),e.createVNode(j,null,{default:e.withCtx(()=>[e.createVNode(q,null,{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(g(n),r=>(e.openBlock(),e.createBlock(A,{key:r,value:r},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(r),1)]),_:2},1032,["value"]))),128))]),_:2},1024)]),_:2},1024)]),_:2},1032,["modelValue","onUpdate:modelValue"])],64)):n.fieldType==="radio"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:2},[e.createVNode(h,null,{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(N(n))+" ",1),n.required?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("span",ie,"optional"))]),_:2},1024),e.createVNode(t,{modelValue:p[n.id],"onUpdate:modelValue":r=>p[n.id]=r,class:"grid gap-2"},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(g(n),r=>(e.openBlock(),e.createElementBlock("div",{key:r,class:"flex items-center gap-2"},[e.createVNode(s,{id:f(n,r),value:r},null,8,["id","value"]),e.createVNode(h,{for:f(n,r),class:"font-normal cursor-pointer"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(r),1)]),_:2},1032,["for"])]))),128))]),_:2},1032,["modelValue","onUpdate:modelValue"])],64)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:3},[e.createVNode(h,{for:f(n)},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(N(n))+" ",1),n.required?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("span",ce,"optional"))]),_:2},1032,["for"]),e.createVNode(a,{modelValue:p[n.id],"onUpdate:modelValue":r=>p[n.id]=r,id:f(n),type:k(n),autocomplete:"off"},null,8,["modelValue","onUpdate:modelValue","id","type"])],64))],2))),128))]),T.value.length>0?(e.openBlock(),e.createElementBlock("div",de,[e.createElementVNode("ul",ue,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(T.value,n=>(e.openBlock(),e.createElementBlock("li",{key:n},e.toDisplayString(n),1))),128))])])):e.createCommentVNode("",!0)])}}});function pe(w={}){const B=e.ref(null),y=e.ref(!1),E=e.ref(!1),D=e.ref(!1),T=e.ref(!1),p=w.dragSpeed??1.1,V=w.dragThreshold??10,N=w.edgeThreshold??10,R=w.ignoreDragSelector??'input, select, textarea, [contenteditable="true"], [data-horizontal-scroll-ignore-drag]';let f=null,k=0,g=0,$=!1,I=null,O=null,F=null;const z=()=>{I===null||typeof window>"u"||(window.clearTimeout(I),I=null)},L=()=>{const o=B.value;if(!o){E.value=!1,D.value=!1,T.value=!1;return}const c=Math.max(o.scrollWidth-o.clientWidth,0);E.value=c>N,D.value=E.value&&o.scrollLeft>N,T.value=E.value&&o.scrollLeft<c-N},d=()=>{e.nextTick(()=>{if(typeof window>"u"){L();return}window.requestAnimationFrame(()=>L())})},v=()=>{if(typeof w.scrollStep=="number")return w.scrollStep;const o=B.value;return o?Math.max(Math.floor(o.clientWidth*.72),180):240},u=(o,c="smooth")=>{const l=B.value;if(l){if(l.scrollBy({left:o,behavior:c}),c==="auto"){L();return}d()}},h=()=>{u(-v())},b=()=>{u(v())},P=()=>{const o=B.value;f!==null&&o?.hasPointerCapture?.(f)&&o.releasePointerCapture(f),y.value&&($=!0,z(),typeof window<"u"&&(I=window.setTimeout(()=>{$=!1,I=null},0))),f=null,y.value=!1,o&&(o.style.userSelect="",o.style.cursor=""),L()},A=()=>{L()},q=o=>{const c=B.value;if(!c||!E.value||Math.abs(o.deltaY)<=Math.abs(o.deltaX))return;const l=o.deltaY<0,C=o.deltaY>0;l&&!D.value||C&&!T.value||(o.preventDefault(),c.scrollLeft+=o.deltaY,L())},j=o=>o instanceof Element?!!o.closest(R):!1,U=o=>{const c=B.value;!c||!E.value||o.pointerType!=="touch"&&o.button===0&&(j(o.target)||(f=o.pointerId,k=o.clientX,g=c.scrollLeft,$=!1))},s=o=>{const c=B.value;if(!c||f!==o.pointerId)return;const l=o.clientX-k;!y.value&&Math.abs(l)<V||(y.value||(y.value=!0,c.style.userSelect="none",c.style.cursor="grabbing",c.setPointerCapture?.(o.pointerId)),o.preventDefault(),c.scrollLeft=g-l*p,L())},t=o=>{f===o.pointerId&&P()},a=()=>{f!==null&&P()},n=o=>{$&&(o.preventDefault(),o.stopPropagation(),$=!1)},r=o=>{typeof ResizeObserver<"u"&&(O=new ResizeObserver(()=>L()),O.observe(o)),w.observeMutations!==!1&&typeof MutationObserver<"u"&&(F=new MutationObserver(()=>d()),F.observe(o,{childList:!0,subtree:!0,characterData:!0}))},S=()=>{O?.disconnect(),F?.disconnect(),O=null,F=null},_=o=>{o.addEventListener("scroll",A),o.addEventListener("wheel",q,{passive:!1}),o.addEventListener("pointerdown",U),o.addEventListener("pointermove",s),o.addEventListener("pointerup",t),o.addEventListener("pointercancel",a),o.addEventListener("lostpointercapture",a),o.addEventListener("click",n,!0),r(o),d()},i=o=>{o.removeEventListener("scroll",A),o.removeEventListener("wheel",q),o.removeEventListener("pointerdown",U),o.removeEventListener("pointermove",s),o.removeEventListener("pointerup",t),o.removeEventListener("pointercancel",a),o.removeEventListener("lostpointercapture",a),o.removeEventListener("click",n,!0),S()};return e.watch(B,(o,c)=>{c&&i(c),o?_(o):L()}),e.onMounted(()=>{d()}),e.onBeforeUnmount(()=>{z(),B.value&&i(B.value),$=!1,P()}),{canScrollLeft:e.computed(()=>D.value),canScrollRight:e.computed(()=>T.value),containerRef:B,isDragging:y,isScrollable:E,refresh:d,scrollNext:b,scrollPrev:h,showLeftShadow:D,showRightShadow:T}}const fe={class:"flex items-start justify-between gap-3"},ge={class:"text-sm font-medium"},ve={key:0,class:"mt-1 text-xs text-muted-foreground"},he={class:"grid gap-4 @md/quick-adder:grid-cols-2 @2xl/quick-adder:grid-cols-3 @4xl/quick-adder:grid-cols-4"},_e={class:"grid gap-2"},ke={key:0,class:"grid gap-2"},Ne={key:1,class:"grid gap-2"},xe={key:2,class:"grid gap-2"},Ve={class:"grid gap-2"},be={key:0,class:"rounded-md border border-dashed bg-muted/20 px-4 py-4 text-sm text-muted-foreground"},ye={key:1,class:"relative flex items-center gap-2 overflow-hidden"},Ce={class:"relative min-w-0 flex-1 overflow-hidden"},we={key:0,class:"pointer-events-none absolute inset-y-0 left-0 z-10 w-10 md:w-20 bg-gradient-to-r from-background via-background/95 to-transparent"},Se={key:1,class:"pointer-events-none absolute inset-y-0 right-0 z-10 w-10 md:w-20 bg-gradient-to-l from-background via-background/95 to-transparent"},Ee={key:0,class:"absolute -top-1 -right-1 flex items-center justify-center bg-primary rounded-full text-background size-4"},Te={class:"flex flex-wrap gap-2"},Be=["onClick"],De={key:0},$e={key:1},Re={key:2},Ie=e.defineComponent({__name:"QuickReservationAdder",props:{agendaData:{},surface:{default:"card"}},emits:["add"],setup(w,{emit:B}){const y=w,E=B,D=new Y.$12a3c853105e5a70$export$ad991b66133851cf("en-US",{dateStyle:"long"}),T=Y.$ad063034c8620db8$export$d0bdf45af03a6ea3(Y.$ad063034c8620db8$export$aa8b41735afcabd2()),p=e.computed(()=>y.surface==="popover"),V=e.ref(""),N=e.ref(void 0),R=e.ref(""),f=e.ref(""),k=e.ref([]),g=e.ref(1),$=e.computed(()=>y.agendaData?.resources?.find(i=>i.id===R.value)),I=i=>{const[o,c]=i.split(":").map(Number);return o*60+c},O=i=>{const o=Math.floor(i/60),c=i%60;return`${o.toString().padStart(2,"0")}:${c.toString().padStart(2,"0")}`},F=()=>{if(!$.value)return[];const i=$.value.interval||60;let o=null,c=null;for(const C of Object.values($.value.openingHours||{}))for(const m of C){const H=I(m.start),Q=I(m.end);(o===null||H<o)&&(o=H),(c===null||Q>c)&&(c=Q)}if(o===null||c===null)return[];const l=[];for(let C=o;C<c;C+=i)l.push(O(C));return l},z=e.computed(()=>N.value&&R.value&&f.value&&k.value.length>0),L=e.computed(()=>F()),{canScrollLeft:d,canScrollRight:v,containerRef:u,isDragging:h,isScrollable:b,scrollNext:P,scrollPrev:A,showLeftShadow:q,showRightShadow:j}=pe(),U=i=>k.value.includes(i),s=i=>{if(U(i)){k.value=k.value.filter(o=>o!==i);return}k.value=[...k.value,i].sort((o,c)=>I(o)-I(c))},t=(i,o)=>{N.value=i?e.markRaw(i):void 0,V.value=i?`${i}`:"",o()},a=e.ref(""),n=e.ref(""),r=e.ref([]),S=()=>{E("add",{date:N.value,resourceId:R.value,pricingOptionId:f.value,startTimes:k.value,spots:g.value}),k.value=[],r.value=[],n.value="",a.value=""},_=()=>{V.value=T.toString(),N.value=T,R.value=y.agendaData?.resources?.[0]?.id||"",f.value=y.agendaData?.pricingOptions?.find(i=>i.isDefault)?.id||y.agendaData?.pricingOptions?.[0]?.id||"",k.value=[],g.value=1,a.value=""};return e.onMounted(()=>{_()}),(i,o)=>{const c=e.resolveComponent("Label"),l=e.resolveComponent("Button"),C=e.resolveComponent("PopoverTrigger"),m=e.resolveComponent("Calendar"),H=e.resolveComponent("PopoverContent"),Q=e.resolveComponent("Popover"),K=e.resolveComponent("DynamicSelectOption"),J=e.resolveComponent("DynamicSelect"),oe=e.resolveComponent("Input");return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(Z.classNames)("@container/quick-adder grid gap-4 overflow-hidden bg-background",e.unref(p)?"p-5 sm:p-6":"rounded-md border p-4"))},[e.createElementVNode("div",fe,[e.createElementVNode("div",null,[e.createElementVNode("h3",ge,e.toDisplayString(e.unref(p)?"Quick add reservations":"Add reservations"),1),e.unref(p)?(e.openBlock(),e.createElementBlock("p",ve," Choose one date and add multiple timeslots in one pass. ")):e.createCommentVNode("",!0)])]),e.createElementVNode("div",he,[e.createElementVNode("div",_e,[e.createVNode(c,null,{default:e.withCtx(()=>[...o[3]||(o[3]=[e.createTextVNode("Date",-1)])]),_:1}),e.createVNode(Q,null,{default:e.withCtx(({close:x})=>[e.createVNode(C,{"as-child":""},{default:e.withCtx(()=>[e.createVNode(l,{type:"button",variant:"outline",class:e.normalizeClass(e.unref(Z.classNames)("w-full justify-start text-left font-normal",!e.unref(N)&&"text-muted-foreground"))},{default:e.withCtx(()=>[e.createVNode(e.unref(M.CalendarIcon)),e.createTextVNode(" "+e.toDisplayString(e.unref(N)?e.unref(D).format(e.unref(N).toDate(e.unref(Y.$ad063034c8620db8$export$aa8b41735afcabd2)())):"Pick a date"),1)]),_:1},8,["class"])]),_:1}),e.createVNode(H,{class:"w-auto p-0",align:"start"},{default:e.withCtx(()=>[e.createVNode(m,{"model-value":e.unref(N),"default-placeholder":e.unref(T),layout:"month-and-year","initial-focus":"","onUpdate:modelValue":G=>t(G,x),minValue:e.unref(Y.$ad063034c8620db8$export$d0bdf45af03a6ea3)(e.unref(Y.$ad063034c8620db8$export$aa8b41735afcabd2)())},null,8,["model-value","default-placeholder","onUpdate:modelValue","minValue"])]),_:2},1024)]),_:1})]),w.agendaData.resources?.length>1?(e.openBlock(),e.createElementBlock("div",ke,[e.createVNode(c,null,{default:e.withCtx(()=>[...o[4]||(o[4]=[e.createTextVNode("Resource",-1)])]),_:1}),e.createVNode(J,{modelValue:e.unref(R),"onUpdate:modelValue":o[0]||(o[0]=x=>e.isRef(R)?R.value=x:null),"wrapper-class":"w-full",class:"w-full",placeholder:"Select resource"},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(w.agendaData.resources||[],x=>(e.openBlock(),e.createBlock(K,{key:x.id,value:x.id},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(x.name),1)]),_:2},1032,["value"]))),128))]),_:1},8,["modelValue"])])):e.createCommentVNode("",!0),w.agendaData.pricingOptions?.length>1?(e.openBlock(),e.createElementBlock("div",Ne,[e.createVNode(c,null,{default:e.withCtx(()=>[...o[5]||(o[5]=[e.createTextVNode("Type",-1)])]),_:1}),e.createVNode(J,{modelValue:e.unref(f),"onUpdate:modelValue":o[1]||(o[1]=x=>e.isRef(f)?f.value=x:null),"wrapper-class":"w-full",class:"w-full",placeholder:"Select type"},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(w.agendaData.pricingOptions||[],x=>(e.openBlock(),e.createBlock(K,{key:x.id,value:x.id},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(x.name)+" ("+e.toDisplayString(x.duration)+"min) ",1)]),_:2},1032,["value"]))),128))]),_:1},8,["modelValue"])])):e.createCommentVNode("",!0),w.agendaData?.maxTicketsPerReservation>1?(e.openBlock(),e.createElementBlock("div",xe,[e.createVNode(c,null,{default:e.withCtx(()=>[...o[6]||(o[6]=[e.createTextVNode("Spots/tickets",-1)])]),_:1}),e.createVNode(oe,{modelValue:e.unref(g),"onUpdate:modelValue":o[2]||(o[2]=x=>e.isRef(g)?g.value=x:null),modelModifiers:{number:!0},type:"number",min:"1",class:"no-spinner",autocomplete:"off"},null,8,["modelValue"])])):e.createCommentVNode("",!0)]),e.createElementVNode("div",Ve,[e.createVNode(c,null,{default:e.withCtx(()=>[...o[7]||(o[7]=[e.createTextVNode("Available hours",-1)])]),_:1}),e.unref(L).length===0?(e.openBlock(),e.createElementBlock("div",be," No preset hours are available for this resource. You can still add a custom time below. ")):(e.openBlock(),e.createElementBlock("div",ye,[e.unref(d)?(e.openBlock(),e.createBlock(l,{key:0,type:"button",size:"icon",variant:"outline",class:"hidden absolute size-8 shrink-0 rounded-full shadow-sm md:inline-flex z-[11] left-0.5",onClick:e.unref(A)},{default:e.withCtx(()=>[e.createVNode(e.unref(M.ChevronLeft),{class:"size-4"})]),_:1},8,["onClick"])):e.createCommentVNode("",!0),e.createElementVNode("div",Ce,[e.unref(q)?(e.openBlock(),e.createElementBlock("div",we)):e.createCommentVNode("",!0),e.unref(j)?(e.openBlock(),e.createElementBlock("div",Se)):e.createCommentVNode("",!0),e.createElementVNode("div",{ref_key:"hourScrollContainer",ref:u,class:e.normalizeClass(e.unref(Z.classNames)("hour-scroll-track flex w-full min-w-0 gap-2 overflow-x-auto overscroll-contain py-2",e.unref(b)&&!e.unref(h)&&"cursor-grab",e.unref(h)&&"cursor-grabbing select-none"))},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(L),x=>(e.openBlock(),e.createBlock(l,{key:x,type:"button",variant:"outline",class:e.normalizeClass(["relative h-12 shrink-0",U(x)?"border-primary!":""]),onClick:G=>s(x)},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(x)+" ",1),U(x)?(e.openBlock(),e.createElementBlock("div",Ee,[e.createVNode(e.unref(M.Check),{class:"size-3"})])):e.createCommentVNode("",!0)]),_:2},1032,["class","onClick"]))),128))],2)]),e.unref(v)?(e.openBlock(),e.createBlock(l,{key:1,type:"button",size:"icon",variant:"outline",class:"hidden absolute size-8 shrink-0 rounded-full shadow-sm md:inline-flex z-[11] right-0.5",onClick:e.unref(P)},{default:e.withCtx(()=>[e.createVNode(e.unref(M.ChevronRight),{class:"size-4"})]),_:1},8,["onClick"])):e.createCommentVNode("",!0)])),e.createElementVNode("div",Te,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(r),x=>(e.openBlock(),e.createElementBlock("div",{key:x,class:"relative"},[e.createVNode(l,{type:"button",variant:"outline",class:"h-12 px-4 py-2"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(x),1)]),_:2},1024),e.createElementVNode("div",{class:"absolute -top-1 -right-1 flex items-center justify-center bg-red-500 rounded-full text-white size-4 cursor-pointer",onClick:G=>{r.value=e.unref(r).filter(X=>X!==x),k.value=e.unref(k).filter(X=>X!==x)}},[e.createVNode(e.unref(M.X),{class:"size-3"})],8,Be)]))),128))])]),e.createElementVNode("div",null,[e.createVNode(l,{disabled:!e.unref(z),onClick:S},{default:e.withCtx(()=>[e.unref(k).length===0?(e.openBlock(),e.createElementBlock("span",De,"Select at least one timeslot")):e.unref(k).length===1?(e.openBlock(),e.createElementBlock("span",$e,"Add 1 reservation")):(e.openBlock(),e.createElementBlock("span",Re,"Add "+e.toDisplayString(e.unref(k).length)+" reservations",1))]),_:1},8,["disabled"])])],2)}}}),Le=te._export_sfc(Ie,[["__scopeId","data-v-c7529556"]]),Fe={class:"space-y-3"},Oe={class:"flex flex-wrap items-center justify-between gap-3"},Pe={class:"text-xs text-muted-foreground"},Me={class:"flex flex-wrap items-center gap-2"},Ue={key:0,class:"rounded-md border border-dashed bg-muted/20 px-4 py-6 text-sm text-muted-foreground"},ze={key:1,class:"space-y-3"},Ae={class:"flex items-start gap-2 p-3 md:hidden"},qe=["aria-expanded","onClick"],je={class:"mt-0.5 flex size-10 shrink-0 items-center justify-center rounded-full bg-muted text-sm font-semibold text-muted-foreground"},He={class:"min-w-0 flex-1"},Qe={class:"flex items-start justify-between gap-3"},Ye={class:"min-w-0"},Ge={class:"block truncate text-base font-semibold"},Xe={class:"mt-1 block truncate text-xs text-muted-foreground"},We={class:"mt-1 block truncate text-xs text-muted-foreground"},Ze={class:"flex size-10 shrink-0 items-center justify-center rounded-xl border border-border/70 text-muted-foreground"},Ke={class:"mt-3 flex flex-wrap items-center gap-x-4 gap-y-1 text-sm text-muted-foreground"},Je={class:"inline-flex items-center gap-1.5"},et={class:"inline-flex items-center gap-1.5"},tt={class:"hidden items-start justify-between gap-3 p-4 pb-0 md:flex"},ot={class:"text-sm font-medium"},nt={class:"text-xs text-muted-foreground"},at={class:"grid gap-4 border-t pt-3 md:grid-cols-2 md:border-0 md:pt-4 xl:grid-cols-5"},rt={class:"grid gap-2"},lt={key:0,class:"text-xs text-orange-500"},st={class:"grid gap-2"},it={class:"grid gap-2"},ct={class:"grid gap-2"},dt={key:0,class:"grid gap-2"},ut=e.defineComponent({__name:"ReservationLines",props:{modelValue:{},agendaData:{}},emits:["add","quick-add","update:modelValue"],setup(w,{emit:B}){const y=w,E=B,D=e.computed(()=>y.modelValue??[]),T=e.computed(()=>Number(y.agendaData?.maxTicketsPerReservation)>1),p=e.ref(null),V=e.ref(!1),N=e.computed(()=>String(y.agendaData?.currency||"EUR").toUpperCase()),R=e.computed(()=>{try{return new Intl.NumberFormat("en-US",{style:"currency",currency:N.value,minimumFractionDigits:2,maximumFractionDigits:2})}catch{return new Intl.NumberFormat("en-US",{minimumFractionDigits:2,maximumFractionDigits:2})}}),f=s=>{E("update:modelValue",s)},k=(s,t,a)=>{f(D.value.map(n=>n.id!==s?n:t==="date"?{...n,date:String(a??""),dateValue:a||void 0}:{...n,[t]:a}))},g=(s,t)=>{const a=Number(t);k(s,"paid",Number.isFinite(a)?a:0)},$=(s,t)=>{const a=Number(t);k(s,"spots",Number.isFinite(a)&&a>0?a:1)},I=s=>{f(D.value.filter(t=>t.id!==s))},O=s=>{E("quick-add",s),V.value=!1},F=s=>y.agendaData?.pricingOptions?.find(t=>t.id===s.pricingOption),z=s=>{const t=F(s);return t?t.duration?`${t.name} (${t.duration}min)`:t.name:"Reservation"},L=s=>y.agendaData?.resources?.find(t=>t.id===s.resourceId),d=s=>L(s)?.name||"Unknown resource",v=s=>{if(!s.startTime)return"";const t=Number(F(s)?.duration);if(!Number.isFinite(t)||t<=0)return"";const[a,n]=s.startTime.split(":").map(Number);if(!Number.isFinite(a)||!Number.isFinite(n))return"";const r=a*60+n+t,S=Math.floor(r/60)%24,_=r%60;return`${S.toString().padStart(2,"0")}:${_.toString().padStart(2,"0")}`},u=s=>{if(!s.startTime)return"Select time";const t=v(s);return t?`${s.startTime} - ${t}`:s.startTime},h=s=>{const t=Number(s);if(!Number.isFinite(t))return N.value==="EUR"?"€0.00":"0.00";try{return R.value.format(t)}catch{return`${t.toFixed(2)}`}},b=s=>{const t=Number(s.spots),a=Number.isFinite(t)&&t>0?t:1;return a===1?"1 spot":`${a} spots`},P=s=>{if(!/^\d{4}-\d{2}-\d{2}$/.test(s))return null;const[t,a,n]=s.split("-").map(Number),r=new Date(t,a-1,n);return Number.isNaN(r.getTime())||r.getFullYear()!==t||r.getMonth()!==a-1||r.getDate()!==n?null:(r.setHours(0,0,0,0),r)},A=s=>{const t=P(String(s.date||"").trim());if(!t)return"";const a=new Date;if(a.setHours(0,0,0,0),t<a)return"This date is in the past. Double-check it before saving.";const n=new Date(a);return n.setFullYear(n.getFullYear()+1),t>n?"This date is more than a year ahead. Double-check it before saving.":""},q=s=>!s.date||!s.startTime||!s.resourceId||!s.pricingOption,j=s=>p.value===s,U=s=>{p.value=p.value===s?null:s};return e.watch(D,s=>{const t=new Set(s.map(a=>a.id));if(p.value&&!t.has(p.value)&&(p.value=null),!p.value){const a=s.find(q);a&&(p.value=a.id)}},{immediate:!0}),(s,t)=>{const a=e.resolveComponent("Button"),n=e.resolveComponent("PopoverTrigger"),r=e.resolveComponent("PopoverContent"),S=e.resolveComponent("Popover"),_=e.resolveComponent("Label"),i=e.resolveComponent("Input"),o=e.resolveComponent("DynamicSelectOption"),c=e.resolveComponent("DynamicSelect");return e.openBlock(),e.createElementBlock("div",Fe,[e.createElementVNode("div",Oe,[e.createElementVNode("p",Pe,e.toDisplayString(D.value.length===1?"1 reservation line":`${D.value.length} reservation lines`),1),e.createElementVNode("div",Me,[e.createVNode(S,{open:V.value,"onUpdate:open":t[0]||(t[0]=l=>V.value=l)},{default:e.withCtx(()=>[e.createVNode(n,{"as-child":""},{default:e.withCtx(()=>[e.createVNode(a,{type:"button",variant:"outline",size:"sm",class:"gap-2"},{default:e.withCtx(()=>[e.createVNode(e.unref(M.Zap),{class:"size-4 text-primary"}),t[2]||(t[2]=e.createTextVNode(" Quick add ",-1))]),_:1})]),_:1}),e.createVNode(r,{align:"end",class:"max-h-[80vh] w-[min(34rem,calc(100vw-2rem))] overflow-y-auto p-0"},{default:e.withCtx(()=>[V.value?(e.openBlock(),e.createBlock(Le,{key:0,surface:"popover",agendaData:w.agendaData,onAdd:O},null,8,["agendaData"])):e.createCommentVNode("",!0)]),_:1})]),_:1},8,["open"]),e.createVNode(a,{type:"button",variant:"outline",size:"sm",onClick:t[1]||(t[1]=l=>E("add"))},{default:e.withCtx(()=>[e.createVNode(e.unref(M.Plus),{class:"size-4"}),t[3]||(t[3]=e.createTextVNode(" Add line ",-1))]),_:1})])]),D.value.length===0?(e.openBlock(),e.createElementBlock("div",Ue," Use Quick add to create filled reservation lines, or add an empty line manually. ")):(e.openBlock(),e.createElementBlock("div",ze,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(D.value,(l,C)=>(e.openBlock(),e.createElementBlock("div",{key:l.id,class:"rounded-xl border bg-background"},[e.createElementVNode("div",Ae,[e.createElementVNode("button",{type:"button",class:"flex min-w-0 flex-1 items-start gap-3 rounded-lg px-1 py-1 text-left outline-none transition-colors hover:bg-muted/40 focus-visible:ring-2 focus-visible:ring-ring/50","aria-expanded":j(l.id),onClick:m=>U(l.id)},[e.createElementVNode("span",je,e.toDisplayString(C+1),1),e.createElementVNode("span",He,[e.createElementVNode("span",Qe,[e.createElementVNode("span",Ye,[e.createElementVNode("span",Ge,e.toDisplayString(u(l)),1),e.createElementVNode("span",Xe,e.toDisplayString(l.date||"No date selected"),1),e.createElementVNode("span",We,e.toDisplayString(d(l))+" · "+e.toDisplayString(z(l)),1)]),e.createElementVNode("span",Ze,[e.createVNode(e.unref(M.Pencil),{class:"size-4"})])]),e.createElementVNode("span",Ke,[e.createElementVNode("span",Je,[e.createVNode(e.unref(M.Users),{class:"size-4"}),e.createTextVNode(" "+e.toDisplayString(b(l)),1)]),e.createElementVNode("span",et,[e.createVNode(e.unref(M.Tag),{class:"size-4"}),e.createTextVNode(" "+e.toDisplayString(h(l.paid)),1)])])])],8,qe),e.createVNode(a,{type:"button",variant:"ghost",size:"icon",class:"mt-1 shrink-0",onClick:m=>I(l.id)},{default:e.withCtx(()=>[e.createVNode(e.unref(M.Trash2),{class:"size-4"})]),_:1},8,["onClick"])]),e.createElementVNode("div",tt,[e.createElementVNode("div",null,[e.createElementVNode("p",ot,"Reservation "+e.toDisplayString(C+1),1),e.createElementVNode("p",nt,e.toDisplayString(d(l))+" · "+e.toDisplayString(z(l)),1)]),e.createVNode(a,{type:"button",variant:"ghost",size:"icon",class:"shrink-0",onClick:m=>I(l.id)},{default:e.withCtx(()=>[e.createVNode(e.unref(M.Trash2),{class:"size-4"})]),_:1},8,["onClick"])]),e.createElementVNode("div",{class:e.normalizeClass(["px-3 pb-3 md:px-4 md:pb-4 overflow-hidden",j(l.id)?"block":"hidden md:block"])},[e.createElementVNode("div",at,[e.createElementVNode("div",rt,[e.createVNode(_,null,{default:e.withCtx(()=>[...t[4]||(t[4]=[e.createTextVNode("Date",-1)])]),_:1}),e.createVNode(i,{"model-value":l.date,type:"date","onUpdate:modelValue":m=>k(l.id,"date",String(m??""))},null,8,["model-value","onUpdate:modelValue"]),A(l)?(e.openBlock(),e.createElementBlock("p",lt,e.toDisplayString(A(l)),1)):e.createCommentVNode("",!0)]),e.createElementVNode("div",st,[e.createVNode(_,{for:`new_reservation_res_line_${C}_time`},{default:e.withCtx(()=>[...t[5]||(t[5]=[e.createTextVNode("Time",-1)])]),_:1},8,["for"]),e.createVNode(i,{id:`new_reservation_res_line_${C}_time`,"model-value":l.startTime,type:"time",class:"reservation-time-input","onUpdate:modelValue":m=>k(l.id,"startTime",String(m??""))},null,8,["id","model-value","onUpdate:modelValue"])]),e.createElementVNode("div",it,[e.createVNode(_,null,{default:e.withCtx(()=>[...t[6]||(t[6]=[e.createTextVNode("Resource",-1)])]),_:1}),e.createVNode(c,{"model-value":l.resourceId,"wrapper-class":"w-full",class:"w-full",placeholder:"Select resource","onUpdate:modelValue":m=>k(l.id,"resourceId",String(m??""))},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(w.agendaData?.resources||[],m=>(e.openBlock(),e.createBlock(o,{key:m.id,value:m.id},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(m.name),1)]),_:2},1032,["value"]))),128))]),_:1},8,["model-value","onUpdate:modelValue"])]),e.createElementVNode("div",ct,[e.createVNode(_,null,{default:e.withCtx(()=>[...t[7]||(t[7]=[e.createTextVNode("Type",-1)])]),_:1}),e.createVNode(c,{"model-value":l.pricingOption,"wrapper-class":"w-full",class:"w-full",placeholder:"Select type","onUpdate:modelValue":m=>k(l.id,"pricingOption",String(m??""))},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(w.agendaData?.pricingOptions||[],m=>(e.openBlock(),e.createBlock(o,{key:m.id,value:m.id},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(m.name),1)]),_:2},1032,["value"]))),128))]),_:1},8,["model-value","onUpdate:modelValue"])]),e.createElementVNode("div",{class:e.normalizeClass(["grid gap-4",T.value?"md:grid-cols-2 xl:grid-cols-2 xl:col-span-1":""])},[T.value?(e.openBlock(),e.createElementBlock("div",dt,[e.createVNode(_,null,{default:e.withCtx(()=>[...t[8]||(t[8]=[e.createTextVNode("Spots",-1)])]),_:1}),e.createVNode(i,{"model-value":l.spots,type:"number",min:"1",class:"no-spinner","onUpdate:modelValue":m=>$(l.id,m)},null,8,["model-value","onUpdate:modelValue"])])):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(["grid gap-2",T.value?"":"md:col-span-2 xl:col-span-1"])},[e.createVNode(_,null,{default:e.withCtx(()=>[...t[9]||(t[9]=[e.createTextVNode("Paid",-1)])]),_:1}),e.createVNode(i,{"model-value":l.paid,type:"number",min:"0",step:"1",class:"no-spinner","onUpdate:modelValue":m=>g(l.id,m)},null,8,["model-value","onUpdate:modelValue"])],2)],2)])],2)]))),128))]))])}}}),mt=te._export_sfc(ut,[["__scopeId","data-v-9b860aae"]]),pt={class:"space-y-5 md:mt-5"},ft={class:"space-y-3"},gt={class:"mt-4 text-red-400"},vt={class:"list-disc pl-4"},ht={key:0},_t={key:1},ee="00:00",kt=e.defineComponent({__name:"NewReservationDialog",props:{agendaData:{}},setup(w){const B=w,{params:y}=W.useModuleRoute(),{config:E}=W.useModule(),D=W.useFirebaseIntegration(E.project),T=e.computed(()=>y.value?.id??y.id??""),p=e.inject("agendaData",e.ref({})),V=e.computed(()=>B.agendaData??p.value??{}),N=e.ref(!1),R=e.ref(!1),f=e.ref([]),k=/^([01]\d|2[0-3]):[0-5]\d$/,g=e.ref([]),$=e.ref(null),I=()=>V.value?.resources?.[0]?.id??"",O=()=>V.value?.pricingOptions?.find(t=>t.isDefault===!0)?.id??V.value?.pricingOptions?.[0]?.id??"",F=t=>{let a=t?.pricingOption??O(),n=V.value?.pricingOptions?.find(S=>S.id===a)?.price??0;typeof n=="string"&&(n=Number(n));let r=t?.paid??n;return typeof r=="string"&&(r=Number(r)),{id:`reservation_${Date.now()}_${Math.random().toString(36).substring(2,9)}`,spots:Number(t?.spots)||1,paid:Number.isFinite(r)?r:0,resourceId:t?.resourceId??I(),pricingOption:a,date:t?.date??"",dateValue:t?.dateValue,startTime:t?.startTime??ee}},z=()=>{g.value=[F()]},L=t=>!t.date&&t.startTime===ee,d=()=>{const t=g.value[g.value.length-1];g.value=[...g.value,F(t?{...t}:void 0)]},v=t=>V.value?.pricingOptions?.find(a=>a.id===t.pricingOption),u=t=>V.value?.resources?.find(a=>a.id===t.resourceId),h=()=>{const t=Number(V.value?.maxTicketsPerReservation);return Number.isFinite(t)&&t>0?t:null},b=t=>`Reservation ${t+1}`,P=t=>{const a=String(t.date||"").trim(),n=String(t.startTime||"").trim(),r=String(t.resourceId||"").trim();return!a||!n||!r?"":`${r}_${a}_${n}`},A=()=>{const t=[],a=new Map,n=h();return g.value.forEach((r,S)=>{const _=b(S),i=String(r.date||"").trim(),o=String(r.startTime||"").trim(),c=String(r.resourceId||"").trim(),l=String(r.pricingOption||"").trim(),C=Number(r.spots),m=Number(r.paid);i||t.push(`${_}: please select a date.`),o?k.test(o)||t.push(`${_}: please enter a valid time.`):t.push(`${_}: please select a time.`),c?u(r)||t.push(`${_}: the selected resource is no longer available.`):t.push(`${_}: please select a resource.`),l?v(r)||t.push(`${_}: the selected type is no longer available.`):t.push(`${_}: please select a type.`),!Number.isFinite(C)||C<=0?t.push(`${_}: spots must be at least 1.`):n!==null&&C>n&&t.push(`${_}: spots cannot be more than ${n}.`),(!Number.isFinite(m)||m<0)&&t.push(`${_}: paid amount must be 0 or higher.`);const H=P(r);if(H){const Q=a.get(H);Q!==void 0?t.push(`${_}: duplicate of ${b(Q).toLowerCase()}.`):a.set(H,S)}}),t},q=t=>{const a=t.startTimes.map(n=>F({date:t.date?`${t.date}`:"",dateValue:t.date,pricingOption:t.pricingOptionId,resourceId:t.resourceId,spots:t.spots,startTime:n}));if(a.length!==0){if(g.value.length===1&&L(g.value[0])){g.value=a;return}g.value=[...g.value,...a]}},j=t=>{if(!t.startTime||!t.pricingOption)return"";const a=v(t);if(!a?.duration)return t.startTime;const[n,r]=t.startTime.split(":").map(Number);if(isNaN(n)||isNaN(r))return"";const S=n*60+r+a.duration,_=Math.floor(S/60)%24,i=S%60;return`${_.toString().padStart(2,"0")}:${i.toString().padStart(2,"0")}`};e.watch(N,async t=>{t&&(f.value=[],z(),await e.nextTick(),$.value?.reset())});const U=()=>{const t=[];f.value=[];const a=$.value,n=a?a.validateForm():!1;return a||t.push("Customer information form is unavailable."),g.value.length===0&&t.push("Please add at least one reservation."),t.push(...A()),f.value=t,t.length===0&&n},s=async()=>{const t=$.value;if(!t||!U())return;let a=!1;try{R.value=!0;const n=t.getCustomerInfo(),r=g.value.map(i=>{const o=Number(i.paid)||0,c=Number(i.spots)||1,l=v(i),C=u(i),m=i.date;return{paidAmount:o,flattenedReservationDate:`${i.resourceId}_${m}`,flattenedReservation:`${i.resourceId}_${m}_${i.startTime.replace(":","")}`,reservation:{status:"approved",totalPrice:Number(o.toFixed(2)),basePrice:Number((o/c).toFixed(2)),addOnsPrice:0,addOns:[],date:m,id:`res_${Date.now()}_${Math.random().toString(36).substring(2,9)}`,pricingOption:{duration:l?.duration||"",id:l?.id||"",name:l?.name||"",price:l?.price||""},pricingOptionId:i.pricingOption,resource:{avatarLabel:C?.avatarLabel||"",color:C?.color||"",description:C?.description||"",id:C?.id||"",name:C?.name||""},resourceId:i.resourceId,spots:c,timeslot:{startTime:i.startTime,endTime:j(i)}}}}),S=Number(r.reduce((i,o)=>i+o.paidAmount,0).toFixed(2)),_={agendaId:T.value,customerInfo:n,metadata:{},amountPaid:S,amountDue:0,subtotal:S,total:S,createdAt:new Date,updatedAt:new Date,discount:0,flattenedReservationDates:Array.from(new Set(r.map(i=>i.flattenedReservationDate))),flattenedReservations:r.map(i=>i.flattenedReservation),paymentStatus:"paid",paymentType:"full",reservations:r.map(i=>i.reservation),status:"confirmed"};await D.add(E.reservationsCollection,_),a=!0}catch(n){console.error("Error creating reservation:",n)}finally{R.value=!1,a&&(N.value=!1)}};return(t,a)=>{const n=e.resolveComponent("Button"),r=e.resolveComponent("ResponsiveModalTrigger"),S=e.resolveComponent("ResponsiveModalTitle"),_=e.resolveComponent("ResponsiveModalHeader"),i=e.resolveComponent("ResponsiveModalFooter"),o=e.resolveComponent("ResponsiveModalScrollContent"),c=e.resolveComponent("ResponsiveModal");return e.openBlock(),e.createBlock(c,{open:N.value,"onUpdate:open":a[1]||(a[1]=l=>N.value=l)},{default:e.withCtx(()=>[e.createVNode(r,{"as-child":""},{default:e.withCtx(()=>[e.createVNode(n,null,{default:e.withCtx(()=>[e.createVNode(e.unref(M.Plus),{class:"size-4"}),a[2]||(a[2]=e.createTextVNode(" Add Reservation ",-1))]),_:1})]),_:1}),e.createVNode(o,{class:"@container/modal sm:max-w-7xl"},{default:e.withCtx(()=>[e.createVNode(_,null,{default:e.withCtx(()=>[e.createVNode(S,null,{default:e.withCtx(()=>[...a[3]||(a[3]=[e.createTextVNode("Create new reservation",-1)])]),_:1})]),_:1}),e.createElementVNode("div",pt,[e.createVNode(me,{ref_key:"customerInformationRef",ref:$,agendaData:V.value},null,8,["agendaData"]),a[5]||(a[5]=e.createElementVNode("div",{class:"w-full h-[1px] bg-border my-8"},null,-1)),e.createElementVNode("div",ft,[a[4]||(a[4]=e.createElementVNode("div",{class:"flex items-center justify-between gap-3"},[e.createElementVNode("h2",{class:"text-sm font-medium"},"Reservations")],-1)),e.createVNode(mt,{modelValue:g.value,"onUpdate:modelValue":a[0]||(a[0]=l=>g.value=l),agendaData:V.value,onAdd:d,onQuickAdd:q},null,8,["modelValue","agendaData"])]),e.createElementVNode("div",gt,[e.createElementVNode("ul",vt,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(f.value,l=>(e.openBlock(),e.createElementBlock("li",{key:l},e.toDisplayString(l),1))),128))])])]),e.createVNode(i,{class:"gap-2"},{default:e.withCtx(()=>[e.createVNode(n,{onClick:s,disabled:R.value},{default:e.withCtx(()=>[R.value?(e.openBlock(),e.createElementBlock("span",ht,"Creating...")):(e.openBlock(),e.createElementBlock("span",_t,e.toDisplayString(g.value.length>1?`Create ${g.value.length} reservations`:"Create reservation"),1))]),_:1},8,["disabled"])]),_:1})]),_:1})]),_:1},8,["open"])}}});exports._sfc_main=kt;