@konnectio/core 4.0.56-rc31 → 4.0.56-rc33

package/dist/event.js

@@ -1,17 +1,55 @@
-import { d as J, u as te, Q as Ie, s as Z, c as ye, r as ze, e as je, f as a, k as _, a5 as _e, x as d, g as i, j as e, y as ce, l as u, h as n, a6 as pe, m as r, a2 as C, A as t, a7 as me, a8 as Ge, a3 as O, a9 as Ze, v as le, aa as Qe, Z as x, o as Je, w as Ke, S as We, F as A, ab as S, $ as R, V as ve, n as ee, T as be, ac as he, ad as Ye, ae as ne, a4 as fe, C as Xe, q as xe, D as en, E as nn, G as tn, H as ln, J as an, K as on, L as sn, af as rn, M as un } from "./Field-C9r1d8IB.js";
-import { B as dn, R as cn, L as Ve, M as pn, T as mn, V as vn, G as bn } from "./masonry.plugin-fa0tia29.js";
-import { u as Q, E as hn } from "./EventAvailabilityForm-LIgUj1t3.js";
-import { A as fn } from "./ActionField-qP-3ktN4.js";
-import { P as gn, C as ge, a as kn } from "./CheckoutWindow-RWkSWvbk.js";
-import { A as yn } from "./AvailabilitySkeleton-uaCnfwHM.js";
-const _n = ["innerHTML"], Vn = { class: "konnectio-event-listing-information-new" };
-const $n = { key: 1 }, En = { key: 2 }, Tn = /* @__PURE__ */ J({
-  __name: "Event",
+import { d as H, u as le, M as Ie, K as G, m as Re, i as ve, o as a, a as V, w as m, ae as ne, g as e, f as t, e as v, k as oe, C as ce, af as Ue, _ as ae, c as d, h as De, b as h, a3 as me, t as o, ag as Fe, ah as ze, N as Pe, ai as Ge, a5 as be, aj as pe, a4 as R, ab as M, F as S, a2 as I, l as qe, p as He, a1 as je, S as Ye, Q as he, ak as ke, al as Qe, q as ye, T as ue, v as Ze, x as Ke, y as We, z as Je, A as Xe, B as xe, D as et, ad as tt, G as nt } from "./Field.vue_vue_type_style_index_0_scoped_992f78a1_lang-Bsv17X7r.js";
+import { B as ot, R as lt, L as Ae, S as at, M as st, T as it, V as rt, G as ut } from "./masonry.plugin-B71LqMrD.js";
+import { u as q, E as dt } from "./EventAvailabilityForm-D73TXrag.js";
+import { t as z, e as ct, g as _e, m as $e, a as Te, b as Ve, c as mt, d as Ee } from "./AvailabilitySkeleton.vue_vue_type_style_index_0_scoped_17762b9b_lang-_E-GDGw7.js";
+import { a as we, P as pt, C as vt } from "./CheckoutWindow-CIZWV-gI.js";
+function ft(f, n) {
+  const i = z(f), c = z(n), l = i.getTime() - c.getTime();
+  return l < 0 ? -1 : l > 0 ? 1 : l;
+}
+function gt(f) {
+  return (n) => {
+    const c = (f ? Math[f] : Math.trunc)(n);
+    return c === 0 ? 0 : c;
+  };
+}
+function bt(f, n, i) {
+  const c = mt(), l = i?.locale ?? c.locale ?? ct, _ = ft(f, n);
+  if (isNaN(_))
+    throw new RangeError("Invalid time value");
+  const g = Object.assign({}, i, {
+    addSuffix: i?.addSuffix,
+    comparison: _
+  });
+  let $, u;
+  _ > 0 ? ($ = z(n), u = z(f)) : ($ = z(f), u = z(n));
+  const p = gt(i?.roundingMethod ?? "round"), k = u.getTime() - $.getTime(), y = k / Ee, B = _e(u) - _e($), D = (k - B) / Ee, P = i?.unit;
+  let s;
+  if (P ? s = P : y < 1 ? s = "second" : y < 60 ? s = "minute" : y < $e ? s = "hour" : D < Te ? s = "day" : D < Ve ? s = "month" : s = "year", s === "second") {
+    const b = p(k / 1e3);
+    return l.formatDistance("xSeconds", b, g);
+  } else if (s === "minute") {
+    const b = p(y);
+    return l.formatDistance("xMinutes", b, g);
+  } else if (s === "hour") {
+    const b = p(y / 60);
+    return l.formatDistance("xHours", b, g);
+  } else if (s === "day") {
+    const b = p(D / $e);
+    return l.formatDistance("xDays", b, g);
+  } else if (s === "month") {
+    const b = p(D / Te);
+    return b === 12 && P !== "month" ? l.formatDistance("xYears", 1, g) : l.formatDistance("xMonths", b, g);
+  } else {
+    const b = p(D / Ve);
+    return l.formatDistance("xYears", b, g);
+  }
+}
+const ht = { class: "konnectio-event-listing-action" }, kt = { class: "konnectio-event-listing-action-button" }, yt = /* @__PURE__ */ H({
+  __name: "_",
   props: {
     name: {},
-    type: {},
     description: {},
-    fromDate: {},
     toDate: {},
     listingId: {},
     tableGroupId: {},
@@ -21,579 +59,672 @@ const $n = { key: 1 }, En = { key: 2 }, Tn = /* @__PURE__ */ J({
     timeTo: {},
     maxOnlineReservationLimit: {},
     minimumPersonCount: {},
-    fromPrice: {},
+    maxGuests: { default: 1 / 0 },
+    fromPrice: { default: 0 },
     gallery: {},
     soldOut: { type: Boolean, default: !1 },
-    layout: {},
+    type: {},
     trackingEnabled: { type: Boolean },
     callback: {}
   },
-  setup(V) {
-    const { t: l } = te(), p = V, { display: m } = Ie(), { currency: B } = Z(ye()), {
-      maxNumberOfPeople: $,
-      numberOfPeople: E,
-      eventId: T,
-      tableGroupId: c
-    } = Z(Q()), {
-      getTemplateAvailability: b,
-      getEventAvailability: h,
-      isEventListingLoading: D
-    } = Q(), v = ze(0), H = je(() => D(p.listingId)), I = () => {
-      v.value > 0 ? (T.value = p.listingId, E.value = v.value, b(p.callback)) : m({
+  setup(f) {
+    const { t: n } = le(), i = f, { display: c } = Ie(), {
+      maxNumberOfPeople: l,
+      numberOfPeople: _,
+      eventId: g,
+      tableGroupId: $
+    } = G(q()), {
+      getTemplateAvailability: u,
+      getEventAvailability: p,
+      isEventListingLoading: k
+    } = q(), y = Re(0), B = ve(() => k(i.listingId)), D = () => {
+      y.value > 0 ? (g.value = i.listingId, _.value = y.value, u(i.callback)) : c({
         type: "error",
-        message: l("alert.error.selectPeople")
+        message: n("alert.error.selectPeople")
       });
-    }, K = () => {
-      v.value > 0 ? (T.value = p.listingId, c.value = p.tableGroupId, E.value = v.value, h(p.callback)) : m({
+    }, P = () => {
+      y.value > 0 ? (g.value = i.listingId, $.value = i.tableGroupId, _.value = y.value, p(i.callback)) : c({
         type: "error",
-        message: l("alert.error.selectPeople")
+        message: n("alert.error.selectPeople")
       });
     };
-    return (s, P) => (a(), _(dn, {
+    return (s, b) => (a(), V(ot, {
       "listing-id": s.listingId,
       gallery: s.gallery,
       name: s.name,
       description: s.description,
-      layout: e(Ze).Event
-    }, _e({
-      action: d(() => [
-        r(fn, {
-          modelValue: v.value,
-          "onUpdate:modelValue": P[0] || (P[0] = (U) => v.value = U),
-          type: "number",
-          label: e(l)("event.numberOfGuests"),
-          buttonLabel: s.soldOut ? e(l)("event.soldOut") : e(l)("event.bookNowButton"),
-          buttonDisabled: s.soldOut,
-          "min-value": s.type === "event" ? 1 : s.minimumPersonCount,
-          "max-value": s.type === "event" ? s.maxOnlineReservationLimit || 1 / 0 : e($),
-          "is-loading": H.value,
-          "onUpdate:isLoading": P[1] || (P[1] = (U) => H.value = U),
-          onAction: P[2] || (P[2] = (U) => s.type === "event" ? K() : I())
-        }, null, 8, ["modelValue", "label", "buttonLabel", "buttonDisabled", "min-value", "max-value", "is-loading"])
+      "prices-from": s.fromPrice,
+      "to-date": s.toDate,
+      layout: e(Ue).Event
+    }, {
+      description: m(() => [
+        ne(s.$slots, "description", { maxNumberOfPeople: e(l) }, void 0, !0)
       ]),
-      _: 2
-    }, [
-      s.type === "event" ? {
-        name: "description",
-        fn: d(() => [
-          s.description ? (a(), i("p", {
-            key: 0,
-            innerHTML: e(ce)(s.description)
-          }, null, 8, _n)) : u("", !0),
-          n("ul", Vn, [
-            u("", !0),
-            e(pe)(s.fromDate, s.toDate) < 180 ? (a(), i("li", $n, [
-              r(C, {
-                icon: "calendar-days",
+      action: m(() => [
+        t("div", ht, [
+          v(oe, {
+            modelValue: y.value,
+            "onUpdate:modelValue": b[0] || (b[0] = (L) => y.value = L),
+            label: e(n)("event.numberOfGuests"),
+            icon: "users",
+            "icon-type": "fas",
+            "icon-placement": "label",
+            description: s.maxGuests <= 20 ? `Available for: 1-${s.maxGuests} guests` : void 0,
+            "min-value": s.type === "event" ? 0 : s.minimumPersonCount,
+            "max-value": s.type === "event" ? s.maxOnlineReservationLimit || 1 / 0 : e(l)
+          }, null, 8, ["modelValue", "label", "description", "min-value", "max-value"]),
+          t("div", kt, [
+            v(ce, {
+              label: s.soldOut ? e(n)("event.soldOut") : e(n)("event.bookNowButton"),
+              disabled: s.soldOut,
+              "is-loading": B.value,
+              onClickEvent: b[1] || (b[1] = (L) => s.type === "event" ? P() : D())
+            }, null, 8, ["label", "disabled", "is-loading"])
+          ])
+        ])
+      ]),
+      _: 3
+    }, 8, ["listing-id", "gallery", "name", "description", "prices-from", "to-date", "layout"]));
+  }
+}), Oe = /* @__PURE__ */ ae(yt, [["__scopeId", "data-v-8e796505"]]), _t = ["innerHTML"], $t = { class: "konnectio-event-listing-information-new" };
+const Tt = { class: "konnectio-pill-button" }, Vt = { class: "konnectio-pill-button" }, Et = /* @__PURE__ */ H({
+  __name: "Event",
+  props: {
+    name: {},
+    description: {},
+    fromDate: {},
+    toDate: {},
+    length: {},
+    timeFrom: {},
+    timeTo: {},
+    gallery: {},
+    days: {},
+    listingId: {},
+    tableGroupId: {},
+    maxOnlineReservationLimit: {},
+    minimumPersonCount: {},
+    fromPrice: { default: 0 },
+    image: {},
+    trackingEnabled: { type: Boolean },
+    callback: {}
+  },
+  setup(f) {
+    const n = f, { t: i } = le(), c = ve(() => {
+      const l = n.length.split(":");
+      return bt(
+        new Date(2e3, 0, 1, Number(l[0]), Number(l[1]), Number(l[2])),
+        new Date(2e3, 0, 1, 0, 0, 0)
+      );
+    });
+    return (l, _) => (a(), V(Oe, {
+      "listing-id": l.listingId,
+      name: l.name,
+      description: l.description,
+      gallery: l.gallery,
+      "prices-from": l.fromPrice,
+      "table-group-id": l.tableGroupId,
+      "max-guests": l.maxOnlineReservationLimit,
+      "to-date": l.toDate,
+      type: "event",
+      callback: l.callback
+    }, {
+      description: m(() => [
+        l.description ? (a(), d("p", {
+          key: 0,
+          innerHTML: e(De)(l.description)
+        }, null, 8, _t)) : h("", !0),
+        t("ul", $t, [
+          h("", !0),
+          t("li", Tt, [
+            t("div", null, [
+              v(me, {
+                icon: "calendar-clock",
                 color: "header"
               }),
-              n("span", null, t(e(me)(s.fromDate, s.toDate)), 1)
-            ])) : u("", !0),
-            n("li", null, [
-              n("span", null, t(s.length), 1)
+              t("span", null, o(e(i)("event.lengthOfEvent")), 1)
             ]),
-            n("li", null, [
-              r(C, {
+            t("span", null, o(c.value), 1)
+          ]),
+          t("li", Vt, [
+            t("div", null, [
+              v(me, {
                 icon: "calendar-clock",
                 color: "header"
               }),
-              n("span", null, t(e(Ge)(s.timeFrom, s.timeTo)), 1)
+              t("span", null, o(e(i)("event.startAndEndTime")), 1)
             ]),
-            s.maxOnlineReservationLimit ? (a(), i("li", En, [
-              r(C, {
-                icon: "user-alt",
-                color: "header"
-              }),
-              n("span", null, t(`1 - ${s.maxOnlineReservationLimit} ${e(l)("general.people")}`), 1)
-            ])) : u("", !0)
+            t("span", null, o(e(Fe)(l.timeFrom, l.timeTo)), 1)
           ])
-        ]),
-        key: "0"
-      } : {
-        name: "description",
-        fn: d(() => [
-          n("ul", { class: "konnectio-event-listing-information" }, [
-            e(pe)(s.fromDate, s.toDate) < 180 ? (a(), i("li", { key: 0 }, [
-              r(C, {
-                icon: "calendar-days",
-                color: "header"
-              }),
-              n("span", null, t(e(me)(s.fromDate, s.toDate, !0)), 1)
-            ])) : u("", !0),
-            n("li", null, [
-              r(C, {
-                icon: "user-alt",
-                color: "header"
-              }),
-              n("span", null, t(`${s.minimumPersonCount} - ${e($)} ${e(l)("general.people")}`), 1)
-            ]),
-            n("li", null, [
-              r(C, {
-                icon: "money-bill",
-                color: "header"
-              }),
-              n("span", null, t(`${e(l)("general.pricesFrom")} ${e(O)(s.fromPrice, e(B))}`), 1)
-            ])
-          ]),
-          s.description ? (a(), i("p", {
-            key: 0,
-            innerHTML: e(ce)(s.description)
-          }, null, 8, ["innerHTML"])) : u("", !0)
-        ]),
-        key: "1"
-      }
-    ]), 1032, ["listing-id", "gallery", "name", "description", "layout"]));
+        ])
+      ]),
+      _: 1
+    }, 8, ["listing-id", "name", "description", "gallery", "prices-from", "table-group-id", "max-guests", "to-date", "callback"]));
+  }
+}), wt = /* @__PURE__ */ ae(Et, [["__scopeId", "data-v-3950d400"]]), Dt = ["innerHTML"], Pt = /* @__PURE__ */ H({
+  __name: "Template",
+  props: {
+    name: {},
+    description: {},
+    fromDate: {},
+    toDate: {},
+    listingId: {},
+    tableGroupId: {},
+    maxOnlineReservationLimit: {},
+    minimumPersonCount: {},
+    fromPrice: { default: 0 },
+    image: {},
+    trackingEnabled: { type: Boolean },
+    callback: {}
+  },
+  setup(f) {
+    const n = f, i = ve(() => {
+      if (n.image)
+        return [{
+          large: n.image,
+          medium: n.image,
+          thumb: n.image,
+          url: n.image
+        }];
+    });
+    return (c, l) => (a(), V(Oe, {
+      "listing-id": c.listingId,
+      gallery: i.value,
+      name: c.name,
+      description: c.description,
+      "prices-from": c.fromPrice,
+      "to-date": c.toDate,
+      type: "template",
+      callback: c.callback
+    }, {
+      description: m(() => [
+        c.description ? (a(), d("p", {
+          key: 0,
+          innerHTML: e(De)(c.description)
+        }, null, 8, Dt)) : h("", !0)
+      ]),
+      _: 1
+    }, 8, ["listing-id", "gallery", "name", "description", "prices-from", "to-date", "callback"]));
   }
-}), ke = /* @__PURE__ */ le(Tn, [["__scopeId", "data-v-228d0b15"]]), wn = /* @__PURE__ */ J({
+}), At = { key: 0 }, Ot = { key: 1 }, Ct = { key: 2 }, St = { key: 3 }, Bt = { key: 4 }, Lt = { key: 5 }, Nt = { key: 0 }, de = /* @__PURE__ */ H({
   __name: "EventReservationForm",
   props: {
     showGiftCard: { type: Boolean, default: !1 },
     showTermsNotice: { type: Boolean, default: !1 }
   },
-  setup(V) {
-    const { t: l } = te(), p = Qe();
-    return (m, B) => (a(), _(cn, {
-      "total-price": 0,
-      "show-gift-card": m.showGiftCard,
-      "show-terms-notice": m.showTermsNotice,
-      "is-sidebar-loading": !1,
-      notice: e(l)("hotel.reservationNotice")
-    }, _e({
-      form: d(() => [
-        x(m.$slots, "form")
+  setup(f) {
+    const { t: n } = le(), i = ze(), {
+      areListingsAvailable: c,
+      arrivalTime: l,
+      numberOfPeople: _,
+      numberOfRooms: g,
+      numberOfTotalDays: $,
+      isTemplateEvent: u,
+      length: p,
+      fromDate: k,
+      tableBasePrice: y,
+      getTemplateData: B,
+      basePrice: D,
+      totalPrice: P,
+      weekendFee: s,
+      roomUpgrade: b,
+      discountCode: L
+    } = G(q()), { totalAddonPrice: W, validateDiscountCode: se } = q(), { currency: J } = G(Pe());
+    return (N, X) => (a(), V(lt, {
+      "discount-code": e(L),
+      "onUpdate:discountCode": X[0] || (X[0] = (U) => I(L) ? L.value = U : null),
+      "validate-discount-code": e(se),
+      "show-gift-card": N.showGiftCard,
+      "show-terms-notice": N.showTermsNotice,
+      "is-sidebar-loading": !e(c),
+      "base-price": e(D),
+      "total-price": e(P),
+      "weekend-fee": e(s),
+      "room-upgrade": e(b),
+      notice: e(n)("hotel.reservationNotice")
+    }, Ge({
+      form: m(() => [
+        ne(N.$slots, "form")
       ]),
-      "reservation-summary": d(() => []),
-      "price-summary": d(() => []),
-      navigation: d(() => [
-        x(m.$slots, "navigation")
+      "reservation-summary": m(() => [
+        e(u) ? (a(), d("li", At, [
+          t("span", null, o(e(n)("booking.reservation.arrival")), 1),
+          t("b", null, o(e(be)(e(k))), 1)
+        ])) : h("", !0),
+        e(u) ? (a(), d("li", Ot, [
+          t("span", null, o(e(n)("booking.reservation.departure")), 1),
+          t("b", null, o(e(be)(e(k), e($))), 1)
+        ])) : h("", !0),
+        t("li", null, [
+          t("span", null, o(e(n)("event.numberOfGuests")), 1),
+          t("b", null, o(e(_)), 1)
+        ]),
+        e(u) ? (a(), d("li", Ct, [
+          t("span", null, o(e(n)("event.numberOfRooms")), 1),
+          t("b", null, o(e(g)), 1)
+        ])) : h("", !0),
+        e(u) ? (a(), d("li", St, [
+          t("span", null, o(e(n)("event.numberOfDays")), 1),
+          t("b", null, o(e($)), 1)
+        ])) : h("", !0),
+        !e(u) && e(l) ? (a(), d("li", Bt, [
+          t("span", null, o(e(n)("event.startOfEvent")), 1),
+          t("b", null, o(e(pe)(e(l))), 1)
+        ])) : h("", !0),
+        !e(u) && e(p) ? (a(), d("li", Lt, [
+          t("span", null, o(e(n)("event.lengthOfEvent")), 1),
+          t("b", null, o(e(pe)(e(p))), 1)
+        ])) : h("", !0)
+      ]),
+      "price-summary": m(() => [
+        !e(u) && e(y) > 0 ? (a(), d("li", Nt, [
+          t("span", null, o(e(n)("booking.availability.basePrice")), 1),
+          t("b", null, o(e(R)(e(y), e(J))), 1)
+        ])) : h("", !0),
+        e(B) ? (a(!0), d(S, { key: 1 }, M(e(B), ({ roomGroupId: U }, x) => (a(), d("li", { key: U }, [
+          t("span", null, o(e(n)("booking.reservation.addons")) + " - " + o(e(n)("booking.reservation.room")) + " #" + o(x + 1), 1),
+          t("b", null, o(e(R)(e(W)(U, x), e(J))), 1)
+        ]))), 128)) : h("", !0)
+      ]),
+      navigation: m(() => [
+        ne(N.$slots, "navigation")
       ]),
       _: 2
     }, [
-      e(p).addons ? {
-        name: "addons",
-        fn: d(() => [
-          x(m.$slots, "addons")
+      e(i).sidebar ? {
+        name: "sidebar",
+        fn: m(() => [
+          ne(N.$slots, "sidebar")
         ]),
         key: "0"
       } : void 0
-    ]), 1032, ["show-gift-card", "show-terms-notice", "notice"]));
+    ]), 1032, ["discount-code", "validate-discount-code", "show-gift-card", "show-terms-notice", "is-sidebar-loading", "base-price", "total-price", "weekend-fee", "room-upgrade", "notice"]));
   }
-}), An = { class: "event-skeleton" }, Cn = /* @__PURE__ */ J({
+}), Mt = { class: "event-skeleton" }, It = { class: "event-skeleton-content" }, Rt = { class: "event-skeleton-sidebar" }, Ut = /* @__PURE__ */ H({
   __name: "EventSkeleton",
-  setup(V) {
-    return (l, p) => (a(), i("div", An, [
-      r(yn, { view: "event" }),
-      r(Ve)
+  setup(f) {
+    return (n, i) => (a(), d("div", Mt, [
+      t("div", It, [
+        v(Ae)
+      ]),
+      t("div", Rt, [
+        h("", !0),
+        v(at)
+      ])
     ]));
   }
-}), Pn = /* @__PURE__ */ le(Cn, [["__scopeId", "data-v-66a17edb"]]), N = (V) => (tn("data-v-274a2a78"), V = V(), ln(), V), Ln = { class: "fresh-booking-panel" }, On = {
+}), Ft = /* @__PURE__ */ ae(Ut, [["__scopeId", "data-v-3e15c4e3"]]), j = (f) => (We("data-v-ec9cad2e"), f = f(), Je(), f), zt = {
   key: 0,
   id: "fresh-booking-event-overview"
-}, Bn = { class: "fresh-booking-event-listings" }, Dn = { class: "fresh-booking-event-listings" }, Fn = { class: "fresh-booking-panel" }, Sn = {
-  key: 2,
+};
+const Gt = { class: "fresh-booking-event-listings" };
+const qt = { class: "fresh-booking-event-listings" }, Ht = { class: "fresh-booking-panel" }, jt = {
+  key: 1,
   id: "fresh-booking-event-addons"
-}, Un = { class: "fresh-booking-table" }, Rn = /* @__PURE__ */ N(() => /* @__PURE__ */ n("th", { class: "fresh-booking-event-addons-input" }, null, -1)), Nn = { class: "fresh-booking-event-addons-price" }, Mn = /* @__PURE__ */ N(() => /* @__PURE__ */ n("br", null, null, -1)), qn = { class: "fresh-booking-event-addons-input" }, Hn = { class: "fresh-booking-event-addons-price" }, In = /* @__PURE__ */ N(() => /* @__PURE__ */ n("td", { colspan: "2" }, null, -1)), zn = { class: "fresh-booking-event-addons-price" }, jn = { key: 3 }, Gn = { class: "fresh-booking-label required" }, Zn = { id: "fresh-booking-event-table" }, Qn = { key: 4 }, Jn = { class: "fresh-booking-label required" }, Kn = { class: "fresh-booking-table" }, Wn = /* @__PURE__ */ N(() => /* @__PURE__ */ n("th", { class: "fresh-booking-event-addons-input" }, null, -1)), Yn = { class: "fresh-booking-event-addons-price" }, Xn = /* @__PURE__ */ N(() => /* @__PURE__ */ n("br", null, null, -1)), xn = /* @__PURE__ */ N(() => /* @__PURE__ */ n("br", null, null, -1)), et = { class: "fresh-booking-event-addons-input" }, nt = { class: "fresh-booking-event-addons-price" }, tt = { key: 0 }, lt = { key: 1 }, at = { key: 2 }, ot = { key: 3 }, st = { key: 4 }, it = { key: 5 }, rt = { key: 6 }, ut = ["onClick"], dt = /* @__PURE__ */ J({
+}, Yt = { class: "fresh-booking-table" }, Qt = /* @__PURE__ */ j(() => /* @__PURE__ */ t("th", { class: "fresh-booking-event-addons-input" }, null, -1)), Zt = { class: "fresh-booking-event-addons-price" }, Kt = /* @__PURE__ */ j(() => /* @__PURE__ */ t("br", null, null, -1)), Wt = { class: "fresh-booking-event-addons-input" }, Jt = { class: "fresh-booking-event-addons-price" }, Xt = /* @__PURE__ */ j(() => /* @__PURE__ */ t("td", { colspan: "2" }, null, -1)), xt = { class: "fresh-booking-event-addons-price" }, en = { key: 2 }, tn = { class: "fresh-booking-label required" }, nn = { id: "fresh-booking-event-table" }, on = { key: 3 }, ln = { class: "fresh-booking-label required" }, an = { class: "fresh-booking-table" }, sn = /* @__PURE__ */ j(() => /* @__PURE__ */ t("th", { class: "fresh-booking-event-addons-input" }, null, -1)), rn = { class: "fresh-booking-event-addons-price" }, un = /* @__PURE__ */ j(() => /* @__PURE__ */ t("br", null, null, -1)), dn = /* @__PURE__ */ j(() => /* @__PURE__ */ t("br", null, null, -1)), cn = { class: "fresh-booking-event-addons-input" }, mn = { class: "fresh-booking-event-addons-price" }, pn = ["onClick"], vn = { class: "fresh-booking-panel" }, fn = ["onClick"], gn = /* @__PURE__ */ H({
   name: "EventLayout",
   __name: "Event",
   props: {
     accessToken: {},
+    onlyShow: { default: "everything" },
     styling: {}
   },
-  setup(V) {
-    const { t: l } = te(), {
-      searchDate: p,
-      addons: m,
-      products: B,
-      numberOfDays: $,
-      discountCode: E,
-      name: T,
-      phone: c,
-      email: b,
-      remark: h,
-      arrivalTime: D,
-      currency: v,
-      numberOfPeople: H,
-      numberOfTotalDays: I,
-      numberOfRooms: K,
-      basePrice: s,
-      totalPrice: P,
-      isPaymentLoading: U,
-      hasEvents: $e,
-      hasTemplates: Ee,
-      getEvents: Te,
-      getTemplates: we,
-      getEventData: Ae,
-      getTemplateData: z,
-      getEventTableData: Ce,
-      length: ae,
-      roomUpgrade: Pe,
-      weekendFee: Le,
-      fromDate: oe,
-      hasProducts: Oe,
-      eventRateType: se,
-      isMetaDataAvailable: vt,
-      areListingsAvailable: bt,
-      isReservationFormFilled: Be,
-      isAvailabilityDataAvailable: De,
-      // getEventImages,
-      isTemplateEvent: L,
-      tableBasePrice: ie,
-      hasListingData: Fe
-    } = Z(Q()), {
-      initialize: Se,
-      validateDiscountCode: ht,
-      fetchListings: Ue,
-      createBooking: Re,
-      localAddonPrice: re,
-      totalAddonPrice: ue,
-      reset: Ne
-    } = Q(), {
-      hideEvents: Me,
-      hideEventTemplates: qe
-    } = Z(ye());
-    return Je(() => Se()), Ke(p, () => Ue()), (de, g) => (a(), _(nn, { styling: de.styling }, {
-      default: d(() => [
-        (a(), _(We, null, {
-          default: d(() => [
-            r(en, {
-              id: "fresh-booking-event-module",
-              class: "fresh-booking-app",
-              type: "event",
-              "access-token": de.accessToken
+  setup(f) {
+    const { t: n } = le(), {
+      addons: i,
+      products: c,
+      numberOfDays: l,
+      name: _,
+      phone: g,
+      email: $,
+      remark: u,
+      arrivalTime: p,
+      hasEvents: k,
+      hasTemplates: y,
+      getEvents: B,
+      getTemplates: D,
+      getEventData: P,
+      getTemplateData: s,
+      getEventTableData: b,
+      hasProducts: L,
+      eventRateType: W,
+      areListingsAvailable: se,
+      isAvailabilityDataAvailable: J,
+      isTemplateEvent: N,
+      hasListingData: X,
+      isPaymentLoading: U
+    } = G(q()), { searchDate: x } = G(qe()), {
+      initialize: Ce,
+      fetchListings: Se,
+      createBooking: Be,
+      localAddonPrice: fe,
+      totalAddonPrice: Le,
+      reset: ge
+    } = q(), { currency: Y } = G(Pe());
+    return He(() => Ce()), je(x, () => Se()), (ee, E) => (a(), V(Ke, { styling: ee.styling }, {
+      default: m(() => [
+        (a(), V(Ye, null, {
+          default: m(() => [
+            v(Ze, {
+              id: "konnectio-event-module",
+              type: "none",
+              "access-token": ee.accessToken
             }, {
-              default: d(() => [
-                r(pn, null, {
-                  availability: d(({ next: j }) => [
-                    n("div", Ln, [
-                      r(hn)
-                    ]),
-                    e(Fe) ? (a(), i("div", On, [
-                      e($e) && !e(Me) ? (a(), i(A, { key: 0 }, [
-                        n("h2", null, [
-                          r(C, {
-                            icon: "clock-seven",
-                            type: "fal",
-                            color: "header"
-                          }),
-                          n("span", null, t(e(l)("event.eventsTitle")), 1)
-                        ]),
-                        n("ul", Bn, [
-                          (a(!0), i(A, null, S(e(Te), ({
-                            id: F,
-                            days: o,
-                            name: k,
-                            timeFrom: w,
-                            timeTo: f,
-                            fromDate: y,
-                            toDate: M,
-                            tableGroupId: W,
-                            description: Y,
-                            soldOut: X,
-                            length: q,
-                            maxOnlineReservationLimit: He
-                          }) => (a(), _(ke, {
-                            key: F,
-                            type: "event",
-                            "listing-id": F,
-                            "table-group-id": W,
-                            description: Y,
-                            name: k,
-                            length: q,
-                            days: o,
-                            "from-date": y,
-                            "to-date": M,
-                            "max-online-reservation-limit": He,
-                            "time-from": w,
-                            "time-to": f,
-                            "sold-out": X,
-                            callback: j
-                          }, null, 8, ["listing-id", "table-group-id", "description", "name", "length", "days", "from-date", "to-date", "max-online-reservation-limit", "time-from", "time-to", "sold-out", "callback"]))), 128))
-                        ])
-                      ], 64)) : u("", !0),
-                      e(Ee) && !e(qe) ? (a(), i(A, { key: 1 }, [
-                        n("h2", null, [
-                          r(C, {
-                            icon: "stars",
-                            type: "fal",
-                            color: "header"
-                          }),
-                          n("span", null, t(e(l)("event.stayTitle")), 1)
-                        ]),
-                        n("ul", Dn, [
-                          (a(!0), i(A, null, S(e(we), ({
-                            id: F,
-                            name: o,
-                            fromDate: k,
-                            toDate: w,
-                            minimumPersonCount: f,
-                            fromPrice: y,
-                            description: M
-                          }) => (a(), _(ke, {
-                            key: F,
-                            type: "template",
-                            "listing-id": F,
-                            name: o,
-                            description: M,
-                            "from-date": k,
-                            "to-date": w,
-                            "minimum-person-count": f,
-                            fromPrice: y,
-                            callback: j
-                          }, null, 8, ["listing-id", "name", "description", "from-date", "to-date", "minimum-person-count", "fromPrice", "callback"]))), 128))
-                        ])
-                      ], 64)) : u("", !0)
-                    ])) : (a(), _(Ve, { key: 1 }))
+              default: m(() => [
+                v(st, null, {
+                  availability: m(({ next: F }) => [
+                    v(de, null, {
+                      sidebar: m(() => [
+                        v(dt, { redirection: !1 })
+                      ]),
+                      form: m(() => [
+                        e(X) && e(se) ? (a(), d("div", zt, [
+                          e(k) && ee.onlyShow !== "templates" ? (a(), d(S, { key: 0 }, [
+                            h("", !0),
+                            t("ul", Gt, [
+                              (a(!0), d(S, null, M(e(B), ({
+                                id: A,
+                                days: r,
+                                name: O,
+                                timeFrom: C,
+                                timeTo: T,
+                                fromDate: w,
+                                toDate: Q,
+                                tableGroupId: Z,
+                                description: ie,
+                                soldOut: re,
+                                length: K,
+                                images: Ne,
+                                maxOnlineReservationLimit: Me
+                              }) => (a(), V(wt, {
+                                key: A,
+                                type: "event",
+                                "listing-id": A,
+                                "table-group-id": Z,
+                                description: ie,
+                                name: O,
+                                length: K,
+                                gallery: Ne,
+                                days: r,
+                                "from-date": w,
+                                "to-date": Q,
+                                "max-online-reservation-limit": Me,
+                                "time-from": C,
+                                "time-to": T,
+                                "sold-out": re,
+                                callback: F
+                              }, null, 8, ["listing-id", "table-group-id", "description", "name", "length", "gallery", "days", "from-date", "to-date", "max-online-reservation-limit", "time-from", "time-to", "sold-out", "callback"]))), 128))
+                            ])
+                          ], 64)) : h("", !0),
+                          e(y) && ee.onlyShow !== "events" ? (a(), d(S, { key: 1 }, [
+                            h("", !0),
+                            t("ul", qt, [
+                              (a(!0), d(S, null, M(e(D), ({
+                                id: A,
+                                name: r,
+                                fromDate: O,
+                                toDate: C,
+                                minimumPersonCount: T,
+                                fromPrice: w,
+                                description: Q,
+                                imageUrl: Z
+                              }) => (a(), V(Pt, {
+                                key: A,
+                                "listing-id": A,
+                                name: r,
+                                image: Z,
+                                description: Q,
+                                "from-date": O,
+                                "to-date": C,
+                                "minimum-person-count": T,
+                                fromPrice: w,
+                                callback: F
+                              }, null, 8, ["listing-id", "name", "image", "description", "from-date", "to-date", "minimum-person-count", "fromPrice", "callback"]))), 128))
+                            ])
+                          ], 64)) : h("", !0)
+                        ])) : (a(), V(Ae, { key: 1 }))
+                      ]),
+                      _: 2
+                    }, 1024)
                   ]),
-                  addons: d(({ next: j, prev: F }) => [
-                    e(De) ? (a(), _(wn, {
-                      key: 0,
-                      remark: e(h),
-                      "onUpdate:remark": g[7] || (g[7] = (o) => R(h) ? h.value = o : null),
-                      "is-filled": e(Be),
-                      "is-loading": e(U),
-                      "base-price": e(s),
-                      "total-price": e(P),
-                      "weekend-fee": e(Le),
-                      "room-upgrade": e(Pe)
-                    }, {
-                      form: d(() => [
-                        n("form", Fn, [
-                          n("h2", null, [
-                            n("span", null, t(e(l)("booking.reservation.addons")), 1)
+                  addons: m(({ next: F, prev: A }) => [
+                    e(J) ? (a(), V(de, { key: 0 }, {
+                      form: m(() => [
+                        t("form", Ht, [
+                          t("h2", null, [
+                            t("span", null, o(e(n)("booking.reservation.addons")), 1)
                           ]),
-                          e(se) === e(ve).FullDayEvent ? (a(), _(ee, {
+                          e(W) === e(he).FullDayEvent ? (a(), V(oe, {
                             key: 0,
-                            modelValue: e($),
-                            "onUpdate:modelValue": g[0] || (g[0] = (o) => R($) ? $.value = o : null),
-                            label: e(l)("event.numberOfDays"),
+                            modelValue: e(l),
+                            "onUpdate:modelValue": E[0] || (E[0] = (r) => I(l) ? l.value = r : null),
+                            label: e(n)("event.numberOfDays"),
                             "min-value": 1,
                             required: ""
-                          }, null, 8, ["modelValue", "label"])) : u("", !0),
-                          r(be, {
-                            modelValue: e(T),
-                            "onUpdate:modelValue": g[1] || (g[1] = (o) => R(T) ? T.value = o : null),
-                            type: "text",
-                            label: e(l)("booking.reservation.name"),
-                            icon: "user-alt",
-                            placeholder: e(l)("booking.reservation.namePlaceholder"),
-                            required: ""
-                          }, null, 8, ["modelValue", "label", "placeholder"]),
-                          r(be, {
-                            modelValue: e(b),
-                            "onUpdate:modelValue": g[2] || (g[2] = (o) => R(b) ? b.value = o : null),
-                            label: e(l)("booking.reservation.email"),
-                            type: "email",
-                            name: "email",
-                            autocomplete: "email",
-                            icon: "at",
-                            placeholder: e(l)("booking.reservation.emailPlaceholder"),
-                            required: ""
-                          }, null, 8, ["modelValue", "label", "placeholder"]),
-                          r(gn, {
-                            modelValue: e(c),
-                            "onUpdate:modelValue": g[3] || (g[3] = (o) => R(c) ? c.value = o : null),
-                            label: e(l)("booking.reservation.phone"),
-                            icon: "phone-office",
-                            placeholder: e(l)("booking.reservation.phonePlaceholder"),
-                            required: ""
-                          }, null, 8, ["modelValue", "label", "placeholder"]),
-                          u("", !0),
-                          e(z) && e(z).length > 0 ? (a(), i("ul", Sn, [
-                            (a(!0), i(A, null, S(e(z), ({
-                              roomGroupID: o,
-                              addons: k,
-                              adultPerRoom: w
-                            }, f) => (a(), i("li", { key: o }, [
-                              n("h5", null, [
-                                n("span", null, t(e(l)("booking.reservation.room")) + " #" + t(f + 1), 1),
-                                he(" ("),
-                                r(C, {
+                          }, null, 8, ["modelValue", "label"])) : h("", !0),
+                          e(s) && e(s).length > 0 ? (a(), d("ul", jt, [
+                            (a(!0), d(S, null, M(e(s), ({
+                              roomGroupId: r,
+                              addons: O,
+                              adultPerRoom: C
+                            }, T) => (a(), d("li", { key: r }, [
+                              t("h5", null, [
+                                t("span", null, o(e(n)("booking.reservation.room")) + " #" + o(T + 1), 1),
+                                ke(" ("),
+                                v(me, {
                                   icon: "male",
                                   type: "fas",
                                   color: "header"
                                 }),
-                                he(" " + t(w) + ") ", 1)
+                                ke(" " + o(C) + ") ", 1)
                               ]),
-                              n("table", Un, [
-                                n("thead", null, [
-                                  n("tr", null, [
-                                    n("th", null, [
-                                      n("span", null, t(e(l)("booking.reservation.addons")), 1)
+                              t("table", Yt, [
+                                t("thead", null, [
+                                  t("tr", null, [
+                                    t("th", null, [
+                                      t("span", null, o(e(n)("booking.reservation.addons")), 1)
                                     ]),
-                                    Rn,
-                                    n("th", Nn, [
-                                      n("span", null, t(e(l)("booking.availability.price")), 1)
+                                    Qt,
+                                    t("th", Zt, [
+                                      t("span", null, o(e(n)("booking.availability.price")), 1)
                                     ])
                                   ])
                                 ]),
-                                n("tbody", null, [
-                                  (a(!0), i(A, null, S(k, ({
-                                    addonID: y,
-                                    cardinality: M,
-                                    name: W,
-                                    price: Y,
-                                    quantityStrategy: X
-                                  }) => (a(), i("tr", { key: y }, [
-                                    n("td", null, [
-                                      n("b", null, t(W), 1),
-                                      Mn,
-                                      n("span", null, t(e(O)(Y, e(v))) + " " + t(e(Ye)(X)), 1)
+                                t("tbody", null, [
+                                  (a(!0), d(S, null, M(O, ({
+                                    id: w,
+                                    cardinality: Q,
+                                    name: Z,
+                                    price: ie,
+                                    quantityStrategy: re
+                                  }) => (a(), d("tr", { key: w }, [
+                                    t("td", null, [
+                                      t("b", null, o(Z), 1),
+                                      Kt,
+                                      t("span", null, o(e(R)(ie, e(Y))) + " " + o(e(Qe)(re)), 1)
                                     ]),
-                                    n("td", qn, [
-                                      M === 3 ? (a(), _(ee, {
+                                    t("td", Wt, [
+                                      Q === 3 ? (a(), V(oe, {
                                         key: 0,
-                                        modelValue: e(m)[`${o}.${y}.${f}`],
-                                        "onUpdate:modelValue": (q) => e(m)[`${o}.${y}.${f}`] = q,
+                                        modelValue: e(i)[`${r}.${w}.${T}`],
+                                        "onUpdate:modelValue": (K) => e(i)[`${r}.${w}.${T}`] = K,
                                         small: !0,
                                         "min-value": 0
-                                      }, null, 8, ["modelValue", "onUpdate:modelValue"])) : (a(), _(ge, {
+                                      }, null, 8, ["modelValue", "onUpdate:modelValue"])) : (a(), V(we, {
                                         key: 1,
-                                        modelValue: e(m)[`${o}.${y}.${f}`],
-                                        "onUpdate:modelValue": (q) => e(m)[`${o}.${y}.${f}`] = q,
+                                        modelValue: e(i)[`${r}.${w}.${T}`],
+                                        "onUpdate:modelValue": (K) => e(i)[`${r}.${w}.${T}`] = K,
                                         numeric: !0
                                       }, null, 8, ["modelValue", "onUpdate:modelValue"]))
                                     ]),
-                                    n("td", Hn, [
-                                      n("span", null, t(e(O)(e(re)(y, o, f), e(v))), 1)
+                                    t("td", Jt, [
+                                      t("span", null, o(e(R)(e(fe)(w, r, T), e(Y))), 1)
                                     ])
                                   ]))), 128))
                                 ]),
-                                n("tfoot", null, [
-                                  n("tr", null, [
-                                    In,
-                                    n("td", zn, [
-                                      n("u", null, [
-                                        n("span", null, t(e(O)(e(ue)(o, f), e(v))), 1)
+                                t("tfoot", null, [
+                                  t("tr", null, [
+                                    Xt,
+                                    t("td", xt, [
+                                      t("u", null, [
+                                        t("span", null, o(e(R)(e(Le)(r, T), e(Y))), 1)
                                       ])
                                     ])
                                   ])
                                 ])
                               ])
                             ]))), 128))
-                          ])) : u("", !0),
-                          e(se) !== e(ve).FullDayEvent && !e(L) ? (a(), i("div", jn, [
-                            n("label", Gn, [
-                              n("span", null, t(e(l)("event.selectArrivalTime")), 1)
+                          ])) : h("", !0),
+                          e(W) !== e(he).FullDayEvent && !e(N) ? (a(), d("div", en, [
+                            t("label", tn, [
+                              t("span", null, o(e(n)("event.selectArrivalTime")), 1)
                             ]),
-                            n("ul", Zn, [
-                              (a(!0), i(A, null, S(e(Ce), (o, k) => (a(), i("li", { key: k }, [
-                                r(ge, {
-                                  modelValue: e(D),
-                                  "onUpdate:modelValue": g[6] || (g[6] = (w) => R(D) ? D.value = w : null),
+                            t("ul", nn, [
+                              (a(!0), d(S, null, M(e(b), (r, O) => (a(), d("li", {
+                                key: O,
+                                class: "konnectio-pill-button"
+                              }, [
+                                v(we, {
+                                  modelValue: e(p),
+                                  "onUpdate:modelValue": E[1] || (E[1] = (C) => I(p) ? p.value = C : null),
                                   type: "radio",
                                   name: "eventTimeTable",
-                                  val: o.time,
-                                  label: e(ne)(o.time)
+                                  val: r.time,
+                                  label: e(pe)(r.time)
                                 }, null, 8, ["modelValue", "val", "label"])
                               ]))), 128))
                             ])
-                          ])) : u("", !0),
-                          e(Oe) ? (a(), i("div", Qn, [
-                            n("label", Jn, [
-                              n("span", null, t(e(l)("event.selectProducts")), 1)
+                          ])) : h("", !0),
+                          e(L) ? (a(), d("div", on, [
+                            t("label", ln, [
+                              t("span", null, o(e(n)("event.selectProducts")), 1)
                             ]),
-                            n("table", Kn, [
-                              n("thead", null, [
-                                n("tr", null, [
-                                  n("th", null, [
-                                    n("span", null, t(e(l)("booking.reservation.addons")), 1)
+                            t("table", an, [
+                              t("thead", null, [
+                                t("tr", null, [
+                                  t("th", null, [
+                                    t("span", null, o(e(n)("booking.reservation.addons")), 1)
                                   ]),
-                                  Wn,
-                                  n("th", Yn, [
-                                    n("span", null, t(e(l)("booking.availability.price")), 1)
+                                  sn,
+                                  t("th", rn, [
+                                    t("span", null, o(e(n)("booking.availability.price")), 1)
                                   ])
                                 ])
                               ]),
-                              n("tbody", null, [
-                                (a(!0), i(A, null, S(e(Ae).products, ({ productID: o, productName: k, price: w, description: f }) => (a(), i("tr", { key: o }, [
-                                  n("td", null, [
-                                    n("b", null, [
-                                      n("span", null, t(k), 1)
+                              t("tbody", null, [
+                                (a(!0), d(S, null, M(e(P).products, ({ productID: r, productName: O, price: C, description: T }) => (a(), d("tr", { key: r }, [
+                                  t("td", null, [
+                                    t("b", null, [
+                                      t("span", null, o(O), 1)
                                     ]),
-                                    Xn,
-                                    n("span", null, t(f), 1),
-                                    xn,
-                                    n("span", null, t(e(O)(w, e(v))), 1)
+                                    un,
+                                    t("span", null, o(T), 1),
+                                    dn,
+                                    t("span", null, o(e(R)(C, e(Y))), 1)
                                   ]),
-                                  n("td", et, [
-                                    r(ee, {
-                                      modelValue: e(B)[o],
-                                      "onUpdate:modelValue": (y) => e(B)[o] = y,
+                                  t("td", cn, [
+                                    v(oe, {
+                                      modelValue: e(c)[r],
+                                      "onUpdate:modelValue": (w) => e(c)[r] = w,
                                       small: !0,
                                       "min-value": 0
                                     }, null, 8, ["modelValue", "onUpdate:modelValue"])
                                   ]),
-                                  n("td", nt, [
-                                    n("span", null, t(e(O)(e(re)(o), e(v))), 1)
+                                  t("td", mn, [
+                                    t("span", null, o(e(R)(e(fe)(r), e(Y))), 1)
                                   ])
                                 ]))), 128))
                               ])
                             ])
-                          ])) : u("", !0)
+                          ])) : h("", !0)
                         ])
                       ]),
-                      resume: d(() => [
-                        n("li", null, [
-                          n("span", null, t(e(l)("event.numberOfGuests")), 1),
-                          n("b", null, t(e(H)), 1)
-                        ]),
-                        e(L) ? (a(), i("li", tt, [
-                          n("span", null, t(e(l)("event.numberOfRooms")), 1),
-                          n("b", null, t(e(K)), 1)
-                        ])) : u("", !0),
-                        e(L) ? (a(), i("li", lt, [
-                          n("span", null, t(e(l)("event.numberOfDays")), 1),
-                          n("b", null, t(e(I)), 1)
-                        ])) : u("", !0),
-                        e(L) ? (a(), i("li", at, [
-                          n("span", null, t(e(l)("booking.reservation.arrival")), 1),
-                          n("b", null, t(e(fe)(e(oe))), 1)
-                        ])) : u("", !0),
-                        e(L) ? (a(), i("li", ot, [
-                          n("span", null, t(e(l)("booking.reservation.departure")), 1),
-                          n("b", null, t(e(fe)(e(oe), e(I))), 1)
-                        ])) : u("", !0),
-                        !e(L) && e(D) ? (a(), i("li", st, [
-                          n("span", null, t(e(l)("event.startOfEvent")), 1),
-                          n("b", null, t(e(ne)(e(D))), 1)
-                        ])) : u("", !0),
-                        !e(L) && e(ae) ? (a(), i("li", it, [
-                          n("span", null, t(e(l)("event.lengthOfEvent")), 1),
-                          n("b", null, t(e(ne)(e(ae))), 1)
-                        ])) : u("", !0),
-                        !e(L) && e(ie) > 0 ? (a(), i("li", rt, [
-                          n("span", null, t(e(l)("booking.availability.basePrice")), 1),
-                          n("b", null, t(e(O)(e(ie), e(v))), 1)
-                        ])) : u("", !0)
+                      navigation: m(() => [
+                        v(ce, {
+                          label: "Next",
+                          "full-width": "",
+                          onClickEvent: F
+                        }, null, 8, ["onClickEvent"]),
+                        t("button", {
+                          class: "konnectio-abort-reservation link",
+                          onClick: ye((r) => e(ge)(A), ["prevent"])
+                        }, [
+                          t("span", null, o(e(n)("general.goAStepBack")), 1)
+                        ], 8, pn)
                       ]),
-                      expenses: d(() => [
-                        (a(!0), i(A, null, S(e(z), ({ roomGroupID: o }, k) => (a(), i("li", { key: o }, [
-                          n("span", null, t(e(l)("booking.reservation.addons")) + " - " + t(e(l)("booking.reservation.room")) + " #" + t(k + 1), 1),
-                          n("b", null, t(e(O)(e(ue)(o, k), e(v))), 1)
-                        ]))), 128))
+                      _: 2
+                    }, 1024)) : h("", !0)
+                  ]),
+                  reservation: m(({ next: F, prev: A }) => [
+                    v(de, {
+                      "show-terms-notice": !0,
+                      "show-gift-card": !0
+                    }, {
+                      form: m(() => [
+                        t("form", vn, [
+                          t("h2", null, [
+                            t("span", null, o(e(n)("booking.reservation.detailsTitle")), 1)
+                          ]),
+                          v(ue, {
+                            modelValue: e(_),
+                            "onUpdate:modelValue": E[2] || (E[2] = (r) => I(_) ? _.value = r : null),
+                            type: "text",
+                            label: e(n)("booking.reservation.name"),
+                            icon: "user-alt",
+                            placeholder: e(n)("booking.reservation.namePlaceholder"),
+                            required: ""
+                          }, null, 8, ["modelValue", "label", "placeholder"]),
+                          v(ue, {
+                            modelValue: e($),
+                            "onUpdate:modelValue": E[3] || (E[3] = (r) => I($) ? $.value = r : null),
+                            label: e(n)("booking.reservation.email"),
+                            type: "email",
+                            name: "email",
+                            autocomplete: "email",
+                            icon: "at",
+                            placeholder: e(n)("booking.reservation.emailPlaceholder"),
+                            required: ""
+                          }, null, 8, ["modelValue", "label", "placeholder"]),
+                          v(pt, {
+                            modelValue: e(g),
+                            "onUpdate:modelValue": E[4] || (E[4] = (r) => I(g) ? g.value = r : null),
+                            label: e(n)("booking.reservation.phone"),
+                            icon: "phone-office",
+                            placeholder: e(n)("booking.reservation.phonePlaceholder"),
+                            required: ""
+                          }, null, 8, ["modelValue", "label", "placeholder"]),
+                          v(ue, {
+                            modelValue: e(u),
+                            "onUpdate:modelValue": E[5] || (E[5] = (r) => I(u) ? u.value = r : null),
+                            type: "textarea",
+                            label: `${e(n)("booking.reservation.remark")} (${e(n)("booking.reservation.optional")})`,
+                            icon: "info-circle",
+                            placeholder: e(n)("booking.reservation.remarkPlaceholder")
+                          }, null, 8, ["modelValue", "label", "placeholder"])
+                        ])
                       ]),
-                      navigation: d(() => [
-                        r(Xe, {
-                          label: e(l)("general.confirmReservation"),
+                      navigation: m(() => [
+                        v(ce, {
+                          label: e(n)("general.confirmReservation"),
+                          "is-loading": e(U),
                           "full-width": "",
-                          onClickEvent: (o) => e(Re)(j)
-                        }, null, 8, ["label", "onClickEvent"]),
-                        n("button", {
+                          onClickEvent: (r) => e(Be)(F)
+                        }, null, 8, ["label", "is-loading", "onClickEvent"]),
+                        t("button", {
                           class: "konnectio-abort-reservation link",
-                          onClick: xe((o) => e(Ne)(F), ["prevent"])
+                          onClick: ye((r) => e(ge)(A), ["prevent"])
                         }, [
-                          n("span", null, t(e(l)("general.goAStepBack")), 1)
-                        ], 8, ut)
+                          t("span", null, o(e(n)("general.goAStepBack")), 1)
+                        ], 8, fn)
                       ]),
                       _: 2
-                    }, 1032, ["remark", "is-filled", "is-loading", "base-price", "total-price", "weekend-fee", "room-upgrade"])) : u("", !0)
+                    }, 1024)
                   ]),
-                  payment: d(() => [
-                    r(kn)
+                  payment: m(() => [
+                    v(vt)
                   ]),
-                  confirmation: d(() => [
-                    r(mn, {
-                      message: e(l)("event.confirmationMessage")
+                  confirmation: m(() => [
+                    v(it, {
+                      message: e(n)("event.confirmationMessage")
                     }, null, 8, ["message"])
                   ]),
                   _: 1
@@ -602,8 +733,8 @@ const $n = { key: 1 }, En = { key: 2 }, Tn = /* @__PURE__ */ J({
               _: 1
             }, 8, ["access-token"])
           ]),
-          fallback: d(() => [
-            r(Pn)
+          fallback: m(() => [
+            v(Ft)
           ]),
           _: 1
         }))
@@ -611,8 +742,8 @@ const $n = { key: 1 }, En = { key: 2 }, Tn = /* @__PURE__ */ J({
       _: 1
     }, 8, ["styling"]));
   }
-}), G = /* @__PURE__ */ le(dt, [["__scopeId", "data-v-274a2a78"]]), ct = an(), pt = un();
-class mt extends HTMLElement {
+}), te = /* @__PURE__ */ ae(gn, [["__scopeId", "data-v-ec9cad2e"]]), bn = Xe(), hn = nt();
+class kn extends HTMLElement {
   vueApp;
   constructor() {
     super();
@@ -621,25 +752,25 @@ class mt extends HTMLElement {
     this.vueApp.unmount();
   }
   connectedCallback() {
-    const l = typeof G == "function" ? G.options : G;
-    let p = Array.isArray(l.props) ? l.props : Object.keys(l.props || {});
-    const m = (c) => c.replace(/[A-Z]+(?![a-z])|[A-Z]/g, (b, h) => (h ? "-" : "") + b.toLowerCase()), B = (c) => c.replace(/-./g, (b) => b[1].toUpperCase()), $ = {};
-    p = p.map(m);
-    const E = {};
-    for (const c of this.attributes) {
-      const h = c.name.split(".");
-      h.length > 1 && (E[h[0]] || (E[h[0]] = {}), E[h[0]][B(h[1])] = c.value);
+    const n = typeof te == "function" ? te.options : te;
+    let i = Array.isArray(n.props) ? n.props : Object.keys(n.props || {});
+    const c = (u) => u.replace(/[A-Z]+(?![a-z])|[A-Z]/g, (p, k) => (k ? "-" : "") + p.toLowerCase()), l = (u) => u.replace(/-./g, (p) => p[1].toUpperCase()), _ = {};
+    i = i.map(c);
+    const g = {};
+    for (const u of this.attributes) {
+      const k = u.name.split(".");
+      k.length > 1 && (g[k[0]] || (g[k[0]] = {}), g[k[0]][l(k[1])] = u.value);
     }
-    for (const c of p) {
-      let b = this.attributes.getNamedItem(c)?.value;
-      E.hasOwnProperty(c) && (b = E[c]), $[c] = b;
+    for (const u of i) {
+      let p = this.attributes.getNamedItem(u)?.value;
+      g.hasOwnProperty(u) && (p = g[u]), _[u] = p;
     }
-    this.vueApp = on(G, $), this.vueApp.provide("emitter", pt), this.vueApp.use(sn), this.vueApp.use(ct), this.vueApp.use(vn), this.vueApp.use(bn), this.vueApp.use(rn, { bootstrap: !0 });
-    const T = document.createElement("div");
-    this.vueApp.mount(T), this.appendChild(T.children[0]);
+    this.vueApp = xe(te, _), this.vueApp.provide("emitter", hn), this.vueApp.use(et), this.vueApp.use(bn), this.vueApp.use(rt), this.vueApp.use(ut), this.vueApp.use(tt, { bootstrap: !0 });
+    const $ = document.createElement("div");
+    this.vueApp.mount($), this.appendChild($.children[0]);
   }
 }
-window.customElements.define("konnectio-event", mt);
+window.customElements.define("konnectio-event", kn);
 export {
-  mt as default
+  kn as default
 };