@oneclick.dev/cms-core-modules 0.0.104 → 0.0.106

package/dist/NewReservationDialog.vue_vue_type_script_setup_true_lang-9Q7TMm4u.mjs

@@ -1,401 +0,0 @@
-import { defineComponent as ie, ref as d, watch as de, inject as re, computed as pe, resolveComponent as n, openBlock as _, createBlock as U, withCtx as t, createVNode as l, unref as c, createTextVNode as u, createElementVNode as o, toDisplayString as D, createElementBlock as y, Fragment as k, renderList as M, normalizeClass as ce } from "vue";
-import { Plus as ve, CalendarIcon as me } from "lucide-vue-next";
-import { useModuleRoute as fe, useModule as ge, useFirebaseIntegration as _e } from "@oneclick.dev/cms-kit";
-import { c as Ve } from "./utils-CanmrIWO.mjs";
-import { c as q, b as R, $ as De } from "./DateFormatter-Bw-87W31.mjs";
-const Se = { class: "@container/new-res-form space-y-5 py-4" }, be = { class: "grid gap-4" }, xe = { class: "grid gap-4 @md/new-res-form:grid-cols-2" }, ye = { class: "grid gap-2" }, Pe = { class: "flex gap-2 items-center" }, we = { class: "grid gap-2" }, $e = { class: "flex gap-2 items-center" }, Ce = { class: "grid gap-2" }, Te = { class: "grid gap-2" }, he = { class: "grid gap-4" }, Ne = { class: "grid gap-4 @md/new-res-form:grid-cols-2" }, Oe = { class: "grid gap-2" }, Fe = { class: "grid gap-4 @md/new-res-form:grid-cols-2" }, Ie = { class: "grid gap-2" }, Ue = { class: "grid gap-2" }, ke = { class: "flex items-center h-9 px-3 text-sm text-muted-foreground" }, Me = { class: "grid gap-4" }, Re = { class: "grid gap-4 @md/new-res-form:grid-cols-2" }, Le = { class: "grid gap-2" }, Be = { class: "grid gap-2" }, Ee = { class: "grid gap-4 @md/new-res-form:grid-cols-2" }, je = { class: "grid gap-2" }, Ae = { class: "grid gap-2" }, He = { class: "mt-4 text-red-400" }, ze = { class: "list-disc pl-4" }, Ge = { key: 0 }, qe = { key: 1 }, Ze = /* @__PURE__ */ ie({
-  __name: "NewReservationDialog",
-  setup(Je) {
-    const { params: J } = fe(), { config: L } = ge(), K = _e(L.project), $ = d(!1);
-    de($, (s) => {
-      s && (T.value = [], V.value = 1, f.value = 0, r.value = i.value?.resources?.[0]?.id ?? "", v.value = i.value?.pricingOptions?.find((e) => e.isDefault === !0)?.id ?? "", p.value = "", P.value = "", w.value = "", S.value = "", h.value = "");
-    });
-    const C = d(!1), i = re("agendaData", d({})), T = d([]), V = d(1), f = d(0), r = d(""), v = d(""), p = d(""), P = d(""), w = d(""), S = d(""), h = d(""), Q = q(R()), g = d(), W = new De("en-US", {
-      dateStyle: "long"
-    }), B = pe(() => {
-      if (!p.value || !v.value) return "";
-      const s = i.value?.pricingOptions?.find((I) => I.id === v.value);
-      if (!s?.duration) return p.value;
-      const [e, b] = p.value.split(":").map(Number);
-      if (isNaN(e) || isNaN(b)) return "";
-      const N = e * 60 + b + s.duration, O = Math.floor(N / 60) % 24, F = N % 60;
-      return `${O.toString().padStart(2, "0")}:${F.toString().padStart(2, "0")}`;
-    }), X = () => {
-      const s = [];
-      return T.value = [], V.value < 1 && V.value > 9999 && s.push("Please fill in a correct number of spots."), f.value < 0 && (f.value = 0), r.value || s.push("Please select a resource."), v.value || s.push("Please select a type."), g.value || s.push("Please select the booking date."), (!p.value || p.value.length !== 5 || p.value?.indexOf(":") === -1 || !parseInt(p.value?.replace(":", ""))) && s.push("Please select a correct booking time."), P.value || s.push("Please fill in the first name of the customer."), w.value || s.push("Please fill in the last name of the customer."), (!S.value || /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(S.value) === !1) && s.push("Please fill in the correct email of the customer."), T.value = s, s.length === 0;
-    }, Y = async () => {
-      if (X())
-        try {
-          C.value = !0;
-          const s = {
-            agendaId: J.value.id,
-            customerInfo: {
-              firstName: P.value,
-              lastName: w.value,
-              email: S.value,
-              phone: h.value
-            },
-            amountPaid: parseFloat(f.value) ?? 0,
-            amountDue: 0,
-            subtotal: parseFloat(f.value) ?? 0,
-            total: parseFloat(f.value) ?? 0,
-            createdAt: /* @__PURE__ */ new Date(),
-            updatedAt: /* @__PURE__ */ new Date(),
-            discount: 0,
-            flattenedReservationDates: [`${r.value}_${g.value}`],
-            flattenedReservations: [`${r.value}_${g.value}_${p.value?.replace(":", "")}`],
-            paymentStatus: "paid",
-            paymentType: "full",
-            reservations: [{
-              status: "approved",
-              totalPrice: parseFloat(f.value?.toFixed(2)) ?? 0,
-              basePrice: parseFloat((f.value / V.value).toFixed(2)) ?? 0,
-              addOnsPrice: 0,
-              addOns: [],
-              date: `${g.value}`,
-              id: `res_${Date.now()}_${Math.random().toString(36).substring(2, 9)}`,
-              pricingOption: {
-                duration: i.value?.pricingOptions?.find((e) => e.id === v.value)?.duration || "",
-                id: i.value?.pricingOptions?.find((e) => e.id === v.value)?.id || "",
-                name: i.value?.pricingOptions?.find((e) => e.id === v.value)?.name || "",
-                price: i.value?.pricingOptions?.find((e) => e.id === v.value)?.price || ""
-              },
-              pricingOptionId: v.value,
-              resource: {
-                avatarLabel: i.value?.resources?.find((e) => e.id === r.value)?.avatarLabel || "",
-                color: i.value?.resources?.find((e) => e.id === r.value)?.color || "",
-                description: i.value?.resources?.find((e) => e.id === r.value)?.description || "",
-                id: i.value?.resources?.find((e) => e.id === r.value)?.id || "",
-                name: i.value?.resources?.find((e) => e.id === r.value)?.name || ""
-              },
-              resourceId: r.value,
-              spots: V.value,
-              timeslot: {
-                startTime: p.value,
-                endTime: B.value
-              }
-            }],
-            status: "confirmed"
-          };
-          await K.add(L.reservationsCollection, s);
-        } catch {
-        } finally {
-          C.value = !1, $.value = !1;
-        }
-    };
-    return (s, e) => {
-      const b = n("Button"), N = n("DialogTrigger"), O = n("DialogTitle"), F = n("DialogDescription"), I = n("DialogHeader"), m = n("Label"), x = n("Input"), E = n("SelectValue"), j = n("SelectTrigger"), A = n("SelectItem"), H = n("SelectGroup"), z = n("SelectContent"), G = n("Select"), Z = n("PopoverTrigger"), ee = n("Calendar"), le = n("PopoverContent"), te = n("Popover"), ae = n("TimeInput"), oe = n("DialogFooter"), ne = n("DialogScrollContent"), se = n("Dialog");
-      return _(), U(se, {
-        open: $.value,
-        "onUpdate:open": e[10] || (e[10] = (a) => $.value = a)
-      }, {
-        default: t(() => [
-          l(N, { "as-child": "" }, {
-            default: t(() => [
-              l(b, null, {
-                default: t(() => [
-                  l(c(ve), { class: "size-4" }),
-                  e[11] || (e[11] = u(" Add Reservation ", -1))
-                ]),
-                _: 1
-              })
-            ]),
-            _: 1
-          }),
-          l(ne, { class: "sm:max-w-xl" }, {
-            default: t(() => [
-              l(I, null, {
-                default: t(() => [
-                  l(O, null, {
-                    default: t(() => [...e[12] || (e[12] = [
-                      u("Create new reservation", -1)
-                    ])]),
-                    _: 1
-                  }),
-                  l(F)
-                ]),
-                _: 1
-              }),
-              o("div", Se, [
-                o("div", be, [
-                  o("div", xe, [
-                    o("div", ye, [
-                      l(m, null, {
-                        default: t(() => [...e[13] || (e[13] = [
-                          u("Spots/tickets", -1)
-                        ])]),
-                        _: 1
-                      }),
-                      o("div", Pe, [
-                        l(x, {
-                          modelValue: V.value,
-                          "onUpdate:modelValue": e[0] || (e[0] = (a) => V.value = a),
-                          modelModifiers: { number: !0 },
-                          type: "number",
-                          min: "1",
-                          class: "no-spinner"
-                        }, null, 8, ["modelValue"])
-                      ])
-                    ]),
-                    o("div", we, [
-                      l(m, null, {
-                        default: t(() => [...e[14] || (e[14] = [
-                          u("Total price paid", -1)
-                        ])]),
-                        _: 1
-                      }),
-                      o("div", $e, [
-                        l(x, {
-                          modelValue: f.value,
-                          "onUpdate:modelValue": e[1] || (e[1] = (a) => f.value = a),
-                          modelModifiers: { number: !0 },
-                          type: "number",
-                          min: "0",
-                          class: "no-spinner"
-                        }, null, 8, ["modelValue"]),
-                        u(" " + D(c(i).currency), 1)
-                      ])
-                    ]),
-                    o("div", Ce, [
-                      l(m, null, {
-                        default: t(() => [...e[15] || (e[15] = [
-                          u("Resource", -1)
-                        ])]),
-                        _: 1
-                      }),
-                      l(G, {
-                        modelValue: r.value,
-                        "onUpdate:modelValue": e[2] || (e[2] = (a) => r.value = a)
-                      }, {
-                        default: t(() => [
-                          l(j, { class: "w-full" }, {
-                            default: t(() => [
-                              l(E, { placeholder: "Select resource" })
-                            ]),
-                            _: 1
-                          }),
-                          l(z, null, {
-                            default: t(() => [
-                              l(H, null, {
-                                default: t(() => [
-                                  (_(!0), y(k, null, M(c(i).resources, (a) => (_(), U(A, {
-                                    value: a.id
-                                  }, {
-                                    default: t(() => [
-                                      u(D(a.name), 1)
-                                    ]),
-                                    _: 2
-                                  }, 1032, ["value"]))), 256))
-                                ]),
-                                _: 1
-                              })
-                            ]),
-                            _: 1
-                          })
-                        ]),
-                        _: 1
-                      }, 8, ["modelValue"])
-                    ]),
-                    o("div", Te, [
-                      l(m, null, {
-                        default: t(() => [...e[16] || (e[16] = [
-                          u("Type", -1)
-                        ])]),
-                        _: 1
-                      }),
-                      l(G, {
-                        modelValue: v.value,
-                        "onUpdate:modelValue": e[3] || (e[3] = (a) => v.value = a)
-                      }, {
-                        default: t(() => [
-                          l(j, { class: "w-full" }, {
-                            default: t(() => [
-                              l(E, { placeholder: "Select type" })
-                            ]),
-                            _: 1
-                          }),
-                          l(z, null, {
-                            default: t(() => [
-                              l(H, null, {
-                                default: t(() => [
-                                  (_(!0), y(k, null, M(c(i).pricingOptions, (a) => (_(), U(A, {
-                                    value: a.id
-                                  }, {
-                                    default: t(() => [
-                                      u(D(a.name) + " (" + D(a.duration) + "min) ", 1)
-                                    ]),
-                                    _: 2
-                                  }, 1032, ["value"]))), 256))
-                                ]),
-                                _: 1
-                              })
-                            ]),
-                            _: 1
-                          })
-                        ]),
-                        _: 1
-                      }, 8, ["modelValue"])
-                    ])
-                  ])
-                ]),
-                o("div", he, [
-                  o("div", Ne, [
-                    o("div", Oe, [
-                      l(m, null, {
-                        default: t(() => [...e[17] || (e[17] = [
-                          u("Date", -1)
-                        ])]),
-                        _: 1
-                      }),
-                      l(te, null, {
-                        default: t(({ close: a }) => [
-                          l(Z, { "as-child": "" }, {
-                            default: t(() => [
-                              l(b, {
-                                variant: "outline",
-                                class: ce(c(Ve)("w-full justify-start text-left font-normal", !g.value && "text-muted-foreground"))
-                              }, {
-                                default: t(() => [
-                                  l(c(me)),
-                                  u(" " + D(g.value ? c(W).format(g.value.toDate(c(R)())) : "Pick a date"), 1)
-                                ]),
-                                _: 1
-                              }, 8, ["class"])
-                            ]),
-                            _: 1
-                          }),
-                          l(le, {
-                            class: "w-auto p-0",
-                            align: "start"
-                          }, {
-                            default: t(() => [
-                              l(ee, {
-                                modelValue: g.value,
-                                "onUpdate:modelValue": [
-                                  e[4] || (e[4] = (ue) => g.value = ue),
-                                  a
-                                ],
-                                "default-placeholder": c(Q),
-                                layout: "month-and-year",
-                                "initial-focus": "",
-                                minValue: c(q)(c(R)())
-                              }, null, 8, ["modelValue", "default-placeholder", "onUpdate:modelValue", "minValue"])
-                            ]),
-                            _: 2
-                          }, 1024)
-                        ]),
-                        _: 1
-                      })
-                    ])
-                  ]),
-                  o("div", Fe, [
-                    o("div", Ie, [
-                      l(m, null, {
-                        default: t(() => [...e[18] || (e[18] = [
-                          u("Start time", -1)
-                        ])]),
-                        _: 1
-                      }),
-                      l(ae, {
-                        modelValue: p.value,
-                        "onUpdate:modelValue": e[5] || (e[5] = (a) => p.value = a)
-                      }, null, 8, ["modelValue"])
-                    ]),
-                    o("div", Ue, [
-                      l(m, null, {
-                        default: t(() => [...e[19] || (e[19] = [
-                          u("End time", -1)
-                        ])]),
-                        _: 1
-                      }),
-                      o("div", ke, D(c(B) || "--:--"), 1)
-                    ])
-                  ])
-                ]),
-                o("div", Me, [
-                  o("div", Re, [
-                    o("div", Le, [
-                      l(m, null, {
-                        default: t(() => [...e[20] || (e[20] = [
-                          u("Firstname", -1)
-                        ])]),
-                        _: 1
-                      }),
-                      l(x, {
-                        modelValue: P.value,
-                        "onUpdate:modelValue": e[6] || (e[6] = (a) => P.value = a)
-                      }, null, 8, ["modelValue"])
-                    ]),
-                    o("div", Be, [
-                      l(m, null, {
-                        default: t(() => [...e[21] || (e[21] = [
-                          u("Lastname", -1)
-                        ])]),
-                        _: 1
-                      }),
-                      l(x, {
-                        modelValue: w.value,
-                        "onUpdate:modelValue": e[7] || (e[7] = (a) => w.value = a)
-                      }, null, 8, ["modelValue"])
-                    ])
-                  ]),
-                  o("div", Ee, [
-                    o("div", je, [
-                      l(m, null, {
-                        default: t(() => [...e[22] || (e[22] = [
-                          u("E-mail", -1)
-                        ])]),
-                        _: 1
-                      }),
-                      l(x, {
-                        modelValue: S.value,
-                        "onUpdate:modelValue": e[8] || (e[8] = (a) => S.value = a)
-                      }, null, 8, ["modelValue"])
-                    ]),
-                    o("div", Ae, [
-                      l(m, null, {
-                        default: t(() => [...e[23] || (e[23] = [
-                          u("Phone Nr ", -1),
-                          o("span", { class: "italic text-xs opacity-50" }, "optional", -1)
-                        ])]),
-                        _: 1
-                      }),
-                      l(x, {
-                        modelValue: h.value,
-                        "onUpdate:modelValue": e[9] || (e[9] = (a) => h.value = a)
-                      }, null, 8, ["modelValue"])
-                    ])
-                  ])
-                ]),
-                o("div", He, [
-                  o("ul", ze, [
-                    (_(!0), y(k, null, M(T.value, (a) => (_(), y("li", { key: a }, D(a), 1))), 128))
-                  ])
-                ])
-              ]),
-              l(oe, { class: "gap-2" }, {
-                default: t(() => [
-                  l(b, {
-                    onClick: Y,
-                    disabled: C.value
-                  }, {
-                    default: t(() => [
-                      C.value ? (_(), y("span", Ge, "Creating...")) : (_(), y("span", qe, "Create reservation"))
-                    ]),
-                    _: 1
-                  }, 8, ["disabled"])
-                ]),
-                _: 1
-              })
-            ]),
-            _: 1
-          })
-        ]),
-        _: 1
-      }, 8, ["open"]);
-    };
-  }
-});
-export {
-  Ze as _
-};

package/dist/NewReservationDialog.vue_vue_type_script_setup_true_lang-DiNzGl-q.js

@@ -1 +0,0 @@
-"use strict";const e=require("vue"),O=require("lucide-vue-next"),b=require("@oneclick.dev/cms-kit"),X=require("./utils-Yd6F5mea.js"),f=require("./DateFormatter-CYAD4GBN.js"),Y={class:"@container/new-res-form space-y-5 py-4"},Z={class:"grid gap-4"},ee={class:"grid gap-4 @md/new-res-form:grid-cols-2"},te={class:"grid gap-2"},oe={class:"flex gap-2 items-center"},ae={class:"grid gap-2"},le={class:"flex gap-2 items-center"},ne={class:"grid gap-2"},re={class:"grid gap-2"},se={class:"grid gap-4"},de={class:"grid gap-4 @md/new-res-form:grid-cols-2"},ie={class:"grid gap-2"},ue={class:"grid gap-4 @md/new-res-form:grid-cols-2"},ce={class:"grid gap-2"},pe={class:"grid gap-2"},me={class:"flex items-center h-9 px-3 text-sm text-muted-foreground"},ve={class:"grid gap-4"},fe={class:"grid gap-4 @md/new-res-form:grid-cols-2"},Ve={class:"grid gap-2"},ge={class:"grid gap-2"},Ne={class:"grid gap-4 @md/new-res-form:grid-cols-2"},_e={class:"grid gap-2"},xe={class:"grid gap-2"},Ce={class:"mt-4 text-red-400"},we={class:"list-disc pl-4"},he={key:0},De={key:1},Ee=e.defineComponent({__name:"NewReservationDialog",setup(be){const{params:I}=b.useModuleRoute(),{config:S}=b.useModule(),U=b.useFirebaseIntegration(S.project),N=e.ref(!1);e.watch(N,a=>{a&&(x.value=[],c.value=1,i.value=0,n.value=l.value?.resources?.[0]?.id??"",s.value=l.value?.pricingOptions?.find(t=>t.isDefault===!0)?.id??"",r.value="",V.value="",g.value="",p.value="",C.value="")});const _=e.ref(!1),l=e.inject("agendaData",e.ref({})),x=e.ref([]),c=e.ref(1),i=e.ref(0),n=e.ref(""),s=e.ref(""),r=e.ref(""),V=e.ref(""),g=e.ref(""),p=e.ref(""),C=e.ref(""),L=f.$ad063034c8620db8$export$d0bdf45af03a6ea3(f.$ad063034c8620db8$export$aa8b41735afcabd2()),u=e.ref(),M=new f.$12a3c853105e5a70$export$ad991b66133851cf("en-US",{dateStyle:"long"}),T=e.computed(()=>{if(!r.value||!s.value)return"";const a=l.value?.pricingOptions?.find(E=>E.id===s.value);if(!a?.duration)return r.value;const[t,m]=r.value.split(":").map(Number);if(isNaN(t)||isNaN(m))return"";const w=t*60+m+a.duration,h=Math.floor(w/60)%24,D=w%60;return`${h.toString().padStart(2,"0")}:${D.toString().padStart(2,"0")}`}),R=()=>{const a=[];return x.value=[],c.value<1&&c.value>9999&&a.push("Please fill in a correct number of spots."),i.value<0&&(i.value=0),n.value||a.push("Please select a resource."),s.value||a.push("Please select a type."),u.value||a.push("Please select the booking date."),(!r.value||r.value.length!==5||r.value?.indexOf(":")===-1||!parseInt(r.value?.replace(":","")))&&a.push("Please select a correct booking time."),V.value||a.push("Please fill in the first name of the customer."),g.value||a.push("Please fill in the last name of the customer."),(!p.value||/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(p.value)===!1)&&a.push("Please fill in the correct email of the customer."),x.value=a,a.length===0},q=async()=>{if(R())try{_.value=!0;const a={agendaId:I.value.id,customerInfo:{firstName:V.value,lastName:g.value,email:p.value,phone:C.value},amountPaid:parseFloat(i.value)??0,amountDue:0,subtotal:parseFloat(i.value)??0,total:parseFloat(i.value)??0,createdAt:new Date,updatedAt:new Date,discount:0,flattenedReservationDates:[`${n.value}_${u.value}`],flattenedReservations:[`${n.value}_${u.value}_${r.value?.replace(":","")}`],paymentStatus:"paid",paymentType:"full",reservations:[{status:"approved",totalPrice:parseFloat(i.value?.toFixed(2))??0,basePrice:parseFloat((i.value/c.value).toFixed(2))??0,addOnsPrice:0,addOns:[],date:`${u.value}`,id:`res_${Date.now()}_${Math.random().toString(36).substring(2,9)}`,pricingOption:{duration:l.value?.pricingOptions?.find(t=>t.id===s.value)?.duration||"",id:l.value?.pricingOptions?.find(t=>t.id===s.value)?.id||"",name:l.value?.pricingOptions?.find(t=>t.id===s.value)?.name||"",price:l.value?.pricingOptions?.find(t=>t.id===s.value)?.price||""},pricingOptionId:s.value,resource:{avatarLabel:l.value?.resources?.find(t=>t.id===n.value)?.avatarLabel||"",color:l.value?.resources?.find(t=>t.id===n.value)?.color||"",description:l.value?.resources?.find(t=>t.id===n.value)?.description||"",id:l.value?.resources?.find(t=>t.id===n.value)?.id||"",name:l.value?.resources?.find(t=>t.id===n.value)?.name||""},resourceId:n.value,spots:c.value,timeslot:{startTime:r.value,endTime:T.value}}],status:"confirmed"};await U.add(S.reservationsCollection,a)}catch{}finally{_.value=!1,N.value=!1}};return(a,t)=>{const m=e.resolveComponent("Button"),w=e.resolveComponent("DialogTrigger"),h=e.resolveComponent("DialogTitle"),D=e.resolveComponent("DialogDescription"),E=e.resolveComponent("DialogHeader"),d=e.resolveComponent("Label"),v=e.resolveComponent("Input"),y=e.resolveComponent("SelectValue"),$=e.resolveComponent("SelectTrigger"),k=e.resolveComponent("SelectItem"),P=e.resolveComponent("SelectGroup"),B=e.resolveComponent("SelectContent"),F=e.resolveComponent("Select"),j=e.resolveComponent("PopoverTrigger"),A=e.resolveComponent("Calendar"),H=e.resolveComponent("PopoverContent"),z=e.resolveComponent("Popover"),G=e.resolveComponent("TimeInput"),K=e.resolveComponent("DialogFooter"),J=e.resolveComponent("DialogScrollContent"),Q=e.resolveComponent("Dialog");return e.openBlock(),e.createBlock(Q,{open:N.value,"onUpdate:open":t[10]||(t[10]=o=>N.value=o)},{default:e.withCtx(()=>[e.createVNode(w,{"as-child":""},{default:e.withCtx(()=>[e.createVNode(m,null,{default:e.withCtx(()=>[e.createVNode(e.unref(O.Plus),{class:"size-4"}),t[11]||(t[11]=e.createTextVNode(" Add Reservation ",-1))]),_:1})]),_:1}),e.createVNode(J,{class:"sm:max-w-xl"},{default:e.withCtx(()=>[e.createVNode(E,null,{default:e.withCtx(()=>[e.createVNode(h,null,{default:e.withCtx(()=>[...t[12]||(t[12]=[e.createTextVNode("Create new reservation",-1)])]),_:1}),e.createVNode(D)]),_:1}),e.createElementVNode("div",Y,[e.createElementVNode("div",Z,[e.createElementVNode("div",ee,[e.createElementVNode("div",te,[e.createVNode(d,null,{default:e.withCtx(()=>[...t[13]||(t[13]=[e.createTextVNode("Spots/tickets",-1)])]),_:1}),e.createElementVNode("div",oe,[e.createVNode(v,{modelValue:c.value,"onUpdate:modelValue":t[0]||(t[0]=o=>c.value=o),modelModifiers:{number:!0},type:"number",min:"1",class:"no-spinner"},null,8,["modelValue"])])]),e.createElementVNode("div",ae,[e.createVNode(d,null,{default:e.withCtx(()=>[...t[14]||(t[14]=[e.createTextVNode("Total price paid",-1)])]),_:1}),e.createElementVNode("div",le,[e.createVNode(v,{modelValue:i.value,"onUpdate:modelValue":t[1]||(t[1]=o=>i.value=o),modelModifiers:{number:!0},type:"number",min:"0",class:"no-spinner"},null,8,["modelValue"]),e.createTextVNode(" "+e.toDisplayString(e.unref(l).currency),1)])]),e.createElementVNode("div",ne,[e.createVNode(d,null,{default:e.withCtx(()=>[...t[15]||(t[15]=[e.createTextVNode("Resource",-1)])]),_:1}),e.createVNode(F,{modelValue:n.value,"onUpdate:modelValue":t[2]||(t[2]=o=>n.value=o)},{default:e.withCtx(()=>[e.createVNode($,{class:"w-full"},{default:e.withCtx(()=>[e.createVNode(y,{placeholder:"Select resource"})]),_:1}),e.createVNode(B,null,{default:e.withCtx(()=>[e.createVNode(P,null,{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(l).resources,o=>(e.openBlock(),e.createBlock(k,{value:o.id},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(o.name),1)]),_:2},1032,["value"]))),256))]),_:1})]),_:1})]),_:1},8,["modelValue"])]),e.createElementVNode("div",re,[e.createVNode(d,null,{default:e.withCtx(()=>[...t[16]||(t[16]=[e.createTextVNode("Type",-1)])]),_:1}),e.createVNode(F,{modelValue:s.value,"onUpdate:modelValue":t[3]||(t[3]=o=>s.value=o)},{default:e.withCtx(()=>[e.createVNode($,{class:"w-full"},{default:e.withCtx(()=>[e.createVNode(y,{placeholder:"Select type"})]),_:1}),e.createVNode(B,null,{default:e.withCtx(()=>[e.createVNode(P,null,{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(l).pricingOptions,o=>(e.openBlock(),e.createBlock(k,{value:o.id},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(o.name)+" ("+e.toDisplayString(o.duration)+"min) ",1)]),_:2},1032,["value"]))),256))]),_:1})]),_:1})]),_:1},8,["modelValue"])])])]),e.createElementVNode("div",se,[e.createElementVNode("div",de,[e.createElementVNode("div",ie,[e.createVNode(d,null,{default:e.withCtx(()=>[...t[17]||(t[17]=[e.createTextVNode("Date",-1)])]),_:1}),e.createVNode(z,null,{default:e.withCtx(({close:o})=>[e.createVNode(j,{"as-child":""},{default:e.withCtx(()=>[e.createVNode(m,{variant:"outline",class:e.normalizeClass(e.unref(X.classNames)("w-full justify-start text-left font-normal",!u.value&&"text-muted-foreground"))},{default:e.withCtx(()=>[e.createVNode(e.unref(O.CalendarIcon)),e.createTextVNode(" "+e.toDisplayString(u.value?e.unref(M).format(u.value.toDate(e.unref(f.$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(A,{modelValue:u.value,"onUpdate:modelValue":[t[4]||(t[4]=W=>u.value=W),o],"default-placeholder":e.unref(L),layout:"month-and-year","initial-focus":"",minValue:e.unref(f.$ad063034c8620db8$export$d0bdf45af03a6ea3)(e.unref(f.$ad063034c8620db8$export$aa8b41735afcabd2)())},null,8,["modelValue","default-placeholder","onUpdate:modelValue","minValue"])]),_:2},1024)]),_:1})])]),e.createElementVNode("div",ue,[e.createElementVNode("div",ce,[e.createVNode(d,null,{default:e.withCtx(()=>[...t[18]||(t[18]=[e.createTextVNode("Start time",-1)])]),_:1}),e.createVNode(G,{modelValue:r.value,"onUpdate:modelValue":t[5]||(t[5]=o=>r.value=o)},null,8,["modelValue"])]),e.createElementVNode("div",pe,[e.createVNode(d,null,{default:e.withCtx(()=>[...t[19]||(t[19]=[e.createTextVNode("End time",-1)])]),_:1}),e.createElementVNode("div",me,e.toDisplayString(e.unref(T)||"--:--"),1)])])]),e.createElementVNode("div",ve,[e.createElementVNode("div",fe,[e.createElementVNode("div",Ve,[e.createVNode(d,null,{default:e.withCtx(()=>[...t[20]||(t[20]=[e.createTextVNode("Firstname",-1)])]),_:1}),e.createVNode(v,{modelValue:V.value,"onUpdate:modelValue":t[6]||(t[6]=o=>V.value=o)},null,8,["modelValue"])]),e.createElementVNode("div",ge,[e.createVNode(d,null,{default:e.withCtx(()=>[...t[21]||(t[21]=[e.createTextVNode("Lastname",-1)])]),_:1}),e.createVNode(v,{modelValue:g.value,"onUpdate:modelValue":t[7]||(t[7]=o=>g.value=o)},null,8,["modelValue"])])]),e.createElementVNode("div",Ne,[e.createElementVNode("div",_e,[e.createVNode(d,null,{default:e.withCtx(()=>[...t[22]||(t[22]=[e.createTextVNode("E-mail",-1)])]),_:1}),e.createVNode(v,{modelValue:p.value,"onUpdate:modelValue":t[8]||(t[8]=o=>p.value=o)},null,8,["modelValue"])]),e.createElementVNode("div",xe,[e.createVNode(d,null,{default:e.withCtx(()=>[...t[23]||(t[23]=[e.createTextVNode("Phone Nr ",-1),e.createElementVNode("span",{class:"italic text-xs opacity-50"},"optional",-1)])]),_:1}),e.createVNode(v,{modelValue:C.value,"onUpdate:modelValue":t[9]||(t[9]=o=>C.value=o)},null,8,["modelValue"])])])]),e.createElementVNode("div",Ce,[e.createElementVNode("ul",we,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(x.value,o=>(e.openBlock(),e.createElementBlock("li",{key:o},e.toDisplayString(o),1))),128))])])]),e.createVNode(K,{class:"gap-2"},{default:e.withCtx(()=>[e.createVNode(m,{onClick:q,disabled:_.value},{default:e.withCtx(()=>[_.value?(e.openBlock(),e.createElementBlock("span",he,"Creating...")):(e.openBlock(),e.createElementBlock("span",De,"Create reservation"))]),_:1},8,["disabled"])]),_:1})]),_:1})]),_:1},8,["open"])}}});exports._sfc_main=Ee;