@oneclick.dev/cms-core-modules 0.0.61 → 0.0.63

package/dist/{NewReservationDialog.vue_vue_type_script_setup_true_lang-BJitmbPE.mjs → NewReservationDialog.vue_vue_type_script_setup_true_lang-DkgDWC2i.mjs}

@@ -1,39 +1,39 @@
-import { defineComponent as ie, ref as d, watch as de, inject as re, computed as pe, resolveComponent as n, openBlock as V, createBlock as U, withCtx as t, createVNode as l, unref as p, createTextVNode as u, createElementVNode as o, toDisplayString as S, createElementBlock as N, Fragment as h, renderList as k, normalizeClass as ce } from "vue";
-import { Plus as me, CalendarIcon as ve } from "lucide-vue-next";
+import { defineComponent as ue, 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 i, 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-BVKy9S2J.mjs";
-import { o as q, g as M, h as Se } from "./DateFormatter-DsmlAuYV.mjs";
-const De = { class: "@container/new-res-form space-y-5 py-4" }, xe = { class: "grid gap-4" }, be = { class: "grid gap-4 @md/new-res-form:grid-cols-2" }, Pe = { class: "grid gap-2" }, we = { class: "flex gap-2 items-center" }, ye = { class: "grid gap-2" }, Te = { class: "flex gap-2 items-center" }, $e = { class: "grid gap-2" }, Ce = { class: "grid gap-2" }, Ne = { class: "grid gap-4" }, Oe = { class: "grid gap-4 @md/new-res-form:grid-cols-2" }, Fe = { class: "grid gap-2" }, Ie = { class: "grid gap-4 @md/new-res-form:grid-cols-2" }, Ue = { class: "grid gap-2" }, he = { class: "grid gap-2" }, ke = { class: "flex items-center h-9 px-3 text-sm text-muted-foreground" }, Me = { class: "grid gap-4" }, Le = { class: "grid gap-4 @md/new-res-form:grid-cols-2" }, Re = { class: "grid gap-2" }, Be = { class: "grid gap-2" }, Ee = { class: "grid gap-4 @md/new-res-form:grid-cols-2" }, Ae = { class: "grid gap-2" }, je = { class: "grid gap-2" }, He = { class: "mt-4 text-red-400" }, ze = { class: "list-disc pl-4" }, Xe = /* @__PURE__ */ ie({
+import { o as q, g as R, h as De } from "./DateFormatter-DsmlAuYV.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__ */ ue({
   __name: "NewReservationDialog",
-  setup(Ge) {
-    const { params: J } = fe(), { config: L } = ge(), K = _e(L.project), y = d(!1);
-    de(y, (s) => {
-      s && (T.value = [], _.value = 1, f.value = 0, c.value = i.value?.resources?.[0]?.id ?? "", m.value = i.value?.pricingOptions?.find((e) => e.isDefault === !0)?.id ?? "", r.value = "", P.value = "", w.value = "", D.value = "", $.value = "");
+  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 = u.value?.resources?.[0]?.id ?? "", v.value = u.value?.pricingOptions?.find((e) => e.isDefault === !0)?.id ?? "", p.value = "", P.value = "", w.value = "", S.value = "", h.value = "");
     });
-    const R = d(!1), i = re("agendaData", d({})), T = d([]), _ = d(1), f = d(0), c = d(""), m = d(""), r = d(""), P = d(""), w = d(""), D = d(""), $ = d(""), Q = q(M()), g = d(), W = new Se("en-US", {
+    const C = d(!1), u = 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 (!r.value || !m.value) return "";
-      const s = i.value?.pricingOptions?.find((I) => I.id === m.value);
-      if (!s?.duration) return r.value;
-      const [e, x] = r.value.split(":").map(Number);
-      if (isNaN(e) || isNaN(x)) return "";
-      const C = e * 60 + x + s.duration, O = Math.floor(C / 60) % 24, F = C % 60;
+      if (!p.value || !v.value) return "";
+      const s = u.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 = [], _.value < 1 && _.value > 9999 && s.push("Please fill in a correct number of spots."), f.value < 0 && (f.value = 0), c.value || s.push("Please select a resource."), m.value || s.push("Please select a type."), g.value || s.push("Please select the booking date."), (!r.value || r.value.length !== 5 || r.value?.indexOf(":") === -1 || !parseInt(r.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."), (!D.value || /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(D.value) === !1) && s.push("Please fill in the correct email of the customer."), T.value = s, s.length === 0;
+      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 {
-          R.value = !0;
+          C.value = !0;
           const s = {
             agendaId: J.value.id,
             customerInfo: {
               firstName: P.value,
               lastName: w.value,
-              email: D.value,
-              phone: $.value
+              email: S.value,
+              phone: h.value
             },
             amountPaid: parseFloat(f.value) ?? 0,
             amountDue: 0,
@@ -42,34 +42,36 @@ const De = { class: "@container/new-res-form space-y-5 py-4" }, xe = { class: "g
             createdAt: /* @__PURE__ */ new Date(),
             updatedAt: /* @__PURE__ */ new Date(),
             discount: 0,
-            flattenedReservations: [`${c.value}_${g.value}_${r.value?.replace(":", "")}`],
+            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 / _.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 === m.value)?.duration || "",
-                id: i.value?.pricingOptions?.find((e) => e.id === m.value)?.id || "",
-                name: i.value?.pricingOptions?.find((e) => e.id === m.value)?.name || "",
-                price: i.value?.pricingOptions?.find((e) => e.id === m.value)?.price || ""
+                duration: u.value?.pricingOptions?.find((e) => e.id === v.value)?.duration || "",
+                id: u.value?.pricingOptions?.find((e) => e.id === v.value)?.id || "",
+                name: u.value?.pricingOptions?.find((e) => e.id === v.value)?.name || "",
+                price: u.value?.pricingOptions?.find((e) => e.id === v.value)?.price || ""
               },
-              pricingOptionId: m.value,
+              pricingOptionId: v.value,
               resource: {
-                avatarLabel: i.value?.resources?.find((e) => e.id === c.value)?.avatarLabel || "",
-                color: i.value?.resources?.find((e) => e.id === c.value)?.color || "",
-                description: i.value?.resources?.find((e) => e.id === c.value)?.description || "",
-                id: i.value?.resources?.find((e) => e.id === c.value)?.id || "",
-                name: i.value?.resources?.find((e) => e.id === c.value)?.name || ""
+                avatarLabel: u.value?.resources?.find((e) => e.id === r.value)?.avatarLabel || "",
+                color: u.value?.resources?.find((e) => e.id === r.value)?.color || "",
+                description: u.value?.resources?.find((e) => e.id === r.value)?.description || "",
+                id: u.value?.resources?.find((e) => e.id === r.value)?.id || "",
+                name: u.value?.resources?.find((e) => e.id === r.value)?.name || ""
               },
-              resourceId: c.value,
-              spots: _.value,
+              resourceId: r.value,
+              spots: V.value,
               timeslot: {
-                startTime: r.value,
+                startTime: p.value,
                 endTime: B.value
               }
             }],
@@ -78,22 +80,22 @@ const De = { class: "@container/new-res-form space-y-5 py-4" }, xe = { class: "g
           await K.add(L.reservationsCollection, s);
         } catch {
         } finally {
-          R.value = !1, y.value = !1;
+          C.value = !1, $.value = !1;
         }
     };
     return (s, e) => {
-      const x = n("Button"), C = n("DialogTrigger"), O = n("DialogTitle"), F = n("DialogDescription"), I = n("DialogHeader"), v = n("Label"), b = n("Input"), E = n("SelectValue"), A = n("SelectTrigger"), j = 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 V(), U(se, {
-        open: y.value,
-        "onUpdate:open": e[10] || (e[10] = (a) => y.value = a)
+      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(C, { "as-child": "" }, {
+          l(N, { "as-child": "" }, {
             default: t(() => [
-              l(x, null, {
+              l(b, null, {
                 default: t(() => [
-                  l(p(me), { class: "size-4" }),
-                  e[11] || (e[11] = u(" Add Reservation ", -1))
+                  l(c(ve), { class: "size-4" }),
+                  e[11] || (e[11] = i(" Add Reservation ", -1))
                 ]),
                 _: 1
               })
@@ -106,7 +108,7 @@ const De = { class: "@container/new-res-form space-y-5 py-4" }, xe = { class: "g
                 default: t(() => [
                   l(O, null, {
                     default: t(() => [...e[12] || (e[12] = [
-                      u("Create new reservation", -1)
+                      i("Create new reservation", -1)
                     ])]),
                     _: 1
                   }),
@@ -114,20 +116,20 @@ const De = { class: "@container/new-res-form space-y-5 py-4" }, xe = { class: "g
                 ]),
                 _: 1
               }),
-              o("div", De, [
-                o("div", xe, [
-                  o("div", be, [
-                    o("div", Pe, [
-                      l(v, null, {
+              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)
+                          i("Spots/tickets", -1)
                         ])]),
                         _: 1
                       }),
-                      o("div", we, [
-                        l(b, {
-                          modelValue: _.value,
-                          "onUpdate:modelValue": e[0] || (e[0] = (a) => _.value = a),
+                      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",
@@ -135,15 +137,15 @@ const De = { class: "@container/new-res-form space-y-5 py-4" }, xe = { class: "g
                         }, null, 8, ["modelValue"])
                       ])
                     ]),
-                    o("div", ye, [
-                      l(v, null, {
+                    o("div", we, [
+                      l(m, null, {
                         default: t(() => [...e[14] || (e[14] = [
-                          u("Total price paid", -1)
+                          i("Total price paid", -1)
                         ])]),
                         _: 1
                       }),
-                      o("div", Te, [
-                        l(b, {
+                      o("div", $e, [
+                        l(x, {
                           modelValue: f.value,
                           "onUpdate:modelValue": e[1] || (e[1] = (a) => f.value = a),
                           modelModifiers: { number: !0 },
@@ -151,22 +153,22 @@ const De = { class: "@container/new-res-form space-y-5 py-4" }, xe = { class: "g
                           min: "0",
                           class: "no-spinner"
                         }, null, 8, ["modelValue"]),
-                        u(" " + S(p(i).currency), 1)
+                        i(" " + D(c(u).currency), 1)
                       ])
                     ]),
-                    o("div", $e, [
-                      l(v, null, {
+                    o("div", Ce, [
+                      l(m, null, {
                         default: t(() => [...e[15] || (e[15] = [
-                          u("Resource", -1)
+                          i("Resource", -1)
                         ])]),
                         _: 1
                       }),
                       l(G, {
-                        modelValue: c.value,
-                        "onUpdate:modelValue": e[2] || (e[2] = (a) => c.value = a)
+                        modelValue: r.value,
+                        "onUpdate:modelValue": e[2] || (e[2] = (a) => r.value = a)
                       }, {
                         default: t(() => [
-                          l(A, { class: "w-full" }, {
+                          l(j, { class: "w-full" }, {
                             default: t(() => [
                               l(E, { placeholder: "Select resource" })
                             ]),
@@ -176,11 +178,11 @@ const De = { class: "@container/new-res-form space-y-5 py-4" }, xe = { class: "g
                             default: t(() => [
                               l(H, null, {
                                 default: t(() => [
-                                  (V(!0), N(h, null, k(p(i).resources, (a) => (V(), U(j, {
+                                  (_(!0), y(k, null, M(c(u).resources, (a) => (_(), U(A, {
                                     value: a.id
                                   }, {
                                     default: t(() => [
-                                      u(S(a.name), 1)
+                                      i(D(a.name), 1)
                                     ]),
                                     _: 2
                                   }, 1032, ["value"]))), 256))
@@ -194,19 +196,19 @@ const De = { class: "@container/new-res-form space-y-5 py-4" }, xe = { class: "g
                         _: 1
                       }, 8, ["modelValue"])
                     ]),
-                    o("div", Ce, [
-                      l(v, null, {
+                    o("div", Te, [
+                      l(m, null, {
                         default: t(() => [...e[16] || (e[16] = [
-                          u("Type", -1)
+                          i("Type", -1)
                         ])]),
                         _: 1
                       }),
                       l(G, {
-                        modelValue: m.value,
-                        "onUpdate:modelValue": e[3] || (e[3] = (a) => m.value = a)
+                        modelValue: v.value,
+                        "onUpdate:modelValue": e[3] || (e[3] = (a) => v.value = a)
                       }, {
                         default: t(() => [
-                          l(A, { class: "w-full" }, {
+                          l(j, { class: "w-full" }, {
                             default: t(() => [
                               l(E, { placeholder: "Select type" })
                             ]),
@@ -216,11 +218,11 @@ const De = { class: "@container/new-res-form space-y-5 py-4" }, xe = { class: "g
                             default: t(() => [
                               l(H, null, {
                                 default: t(() => [
-                                  (V(!0), N(h, null, k(p(i).pricingOptions, (a) => (V(), U(j, {
+                                  (_(!0), y(k, null, M(c(u).pricingOptions, (a) => (_(), U(A, {
                                     value: a.id
                                   }, {
                                     default: t(() => [
-                                      u(S(a.name) + " (" + S(a.duration) + "min) ", 1)
+                                      i(D(a.name) + " (" + D(a.duration) + "min) ", 1)
                                     ]),
                                     _: 2
                                   }, 1032, ["value"]))), 256))
@@ -236,12 +238,12 @@ const De = { class: "@container/new-res-form space-y-5 py-4" }, xe = { class: "g
                     ])
                   ])
                 ]),
-                o("div", Ne, [
-                  o("div", Oe, [
-                    o("div", Fe, [
-                      l(v, null, {
+                o("div", he, [
+                  o("div", Ne, [
+                    o("div", Oe, [
+                      l(m, null, {
                         default: t(() => [...e[17] || (e[17] = [
-                          u("Date", -1)
+                          i("Date", -1)
                         ])]),
                         _: 1
                       }),
@@ -249,13 +251,13 @@ const De = { class: "@container/new-res-form space-y-5 py-4" }, xe = { class: "g
                         default: t(({ close: a }) => [
                           l(Z, { "as-child": "" }, {
                             default: t(() => [
-                              l(x, {
+                              l(b, {
                                 variant: "outline",
-                                class: ce(p(Ve)("w-[240px] justify-start text-left font-normal", !g.value && "text-muted-foreground"))
+                                class: ce(c(Ve)("w-[240px] justify-start text-left font-normal", !g.value && "text-muted-foreground"))
                               }, {
                                 default: t(() => [
-                                  l(p(ve)),
-                                  u(" " + S(g.value ? p(W).format(g.value.toDate(p(M)())) : "Pick a date"), 1)
+                                  l(c(me)),
+                                  i(" " + D(g.value ? c(W).format(g.value.toDate(c(R)())) : "Pick a date"), 1)
                                 ]),
                                 _: 1
                               }, 8, ["class"])
@@ -270,13 +272,13 @@ const De = { class: "@container/new-res-form space-y-5 py-4" }, xe = { class: "g
                               l(ee, {
                                 modelValue: g.value,
                                 "onUpdate:modelValue": [
-                                  e[4] || (e[4] = (ue) => g.value = ue),
+                                  e[4] || (e[4] = (ie) => g.value = ie),
                                   a
                                 ],
-                                "default-placeholder": p(Q),
+                                "default-placeholder": c(Q),
                                 layout: "month-and-year",
                                 "initial-focus": "",
-                                minValue: p(q)(p(M)())
+                                minValue: c(q)(c(R)())
                               }, null, 8, ["modelValue", "default-placeholder", "onUpdate:modelValue", "minValue"])
                             ]),
                             _: 2
@@ -286,99 +288,102 @@ const De = { class: "@container/new-res-form space-y-5 py-4" }, xe = { class: "g
                       })
                     ])
                   ]),
-                  o("div", Ie, [
-                    o("div", Ue, [
-                      l(v, null, {
+                  o("div", Fe, [
+                    o("div", Ie, [
+                      l(m, null, {
                         default: t(() => [...e[18] || (e[18] = [
-                          u("Start time", -1)
+                          i("Start time", -1)
                         ])]),
                         _: 1
                       }),
                       l(ae, {
-                        modelValue: r.value,
-                        "onUpdate:modelValue": e[5] || (e[5] = (a) => r.value = a)
+                        modelValue: p.value,
+                        "onUpdate:modelValue": e[5] || (e[5] = (a) => p.value = a)
                       }, null, 8, ["modelValue"])
                     ]),
-                    o("div", he, [
-                      l(v, null, {
+                    o("div", Ue, [
+                      l(m, null, {
                         default: t(() => [...e[19] || (e[19] = [
-                          u("End time", -1)
+                          i("End time", -1)
                         ])]),
                         _: 1
                       }),
-                      o("div", ke, S(p(B) || "--:--"), 1)
+                      o("div", ke, D(c(B) || "--:--"), 1)
                     ])
                   ])
                 ]),
                 o("div", Me, [
-                  o("div", Le, [
-                    o("div", Re, [
-                      l(v, null, {
+                  o("div", Re, [
+                    o("div", Le, [
+                      l(m, null, {
                         default: t(() => [...e[20] || (e[20] = [
-                          u("Firstname", -1)
+                          i("Firstname", -1)
                         ])]),
                         _: 1
                       }),
-                      l(b, {
+                      l(x, {
                         modelValue: P.value,
                         "onUpdate:modelValue": e[6] || (e[6] = (a) => P.value = a)
                       }, null, 8, ["modelValue"])
                     ]),
                     o("div", Be, [
-                      l(v, null, {
+                      l(m, null, {
                         default: t(() => [...e[21] || (e[21] = [
-                          u("Lastname", -1)
+                          i("Lastname", -1)
                         ])]),
                         _: 1
                       }),
-                      l(b, {
+                      l(x, {
                         modelValue: w.value,
                         "onUpdate:modelValue": e[7] || (e[7] = (a) => w.value = a)
                       }, null, 8, ["modelValue"])
                     ])
                   ]),
                   o("div", Ee, [
-                    o("div", Ae, [
-                      l(v, null, {
+                    o("div", je, [
+                      l(m, null, {
                         default: t(() => [...e[22] || (e[22] = [
-                          u("E-mail", -1)
+                          i("E-mail", -1)
                         ])]),
                         _: 1
                       }),
-                      l(b, {
-                        modelValue: D.value,
-                        "onUpdate:modelValue": e[8] || (e[8] = (a) => D.value = a)
+                      l(x, {
+                        modelValue: S.value,
+                        "onUpdate:modelValue": e[8] || (e[8] = (a) => S.value = a)
                       }, null, 8, ["modelValue"])
                     ]),
-                    o("div", je, [
-                      l(v, null, {
+                    o("div", Ae, [
+                      l(m, null, {
                         default: t(() => [...e[23] || (e[23] = [
-                          u("Phone Nr ", -1),
+                          i("Phone Nr ", -1),
                           o("span", { class: "italic text-xs opacity-50" }, "optional", -1)
                         ])]),
                         _: 1
                       }),
-                      l(b, {
-                        modelValue: $.value,
-                        "onUpdate:modelValue": e[9] || (e[9] = (a) => $.value = a)
+                      l(x, {
+                        modelValue: h.value,
+                        "onUpdate:modelValue": e[9] || (e[9] = (a) => h.value = a)
                       }, null, 8, ["modelValue"])
                     ])
                   ])
                 ]),
                 o("div", He, [
                   o("ul", ze, [
-                    (V(!0), N(h, null, k(T.value, (a) => (V(), N("li", { key: a }, S(a), 1))), 128))
+                    (_(!0), y(k, null, M(T.value, (a) => (_(), y("li", { key: a }, D(a), 1))), 128))
                   ])
                 ])
               ]),
               l(oe, { class: "gap-2" }, {
                 default: t(() => [
-                  l(x, { onClick: Y }, {
-                    default: t(() => [...e[24] || (e[24] = [
-                      u("Add reservation", -1)
-                    ])]),
+                  l(b, {
+                    onClick: Y,
+                    disabled: C.value
+                  }, {
+                    default: t(() => [
+                      C.value ? (_(), y("span", Ge, "Creating...")) : (_(), y("span", qe, "Create reservation"))
+                    ]),
                     _: 1
-                  })
+                  }, 8, ["disabled"])
                 ]),
                 _: 1
               })
@@ -392,5 +397,5 @@ const De = { class: "@container/new-res-form space-y-5 py-4" }, xe = { class: "g
   }
 });
 export {
-  Xe as _
+  Ze as _
 };