@konnectio/core 4.8.0 → 4.8.1

package/dist/event.js

@@ -1,20 +1,20 @@
-import { $ as e, A as t, D as n, E as r, Et as i, J as a, K as o, N as s, O as c, Q as l, T as u, Tt as d, a as f, b as p, ht as m, j as h, k as g, kt as _, l as v, n as y, o as b, ot as x, s as S, ut as C, v as w, w as T, x as E, yt as D } from "./i18n-BF6zkld-.js";
-import { t as O } from "./dist-Dhf-kBcE.js";
-import { $ as k, C as A, D as ee, E as j, H as M, J as N, L as P, N as F, S as I, V as L, W as te, X as R, Z as z, b as ne, ct as re, et as B, j as ie, mt as V, n as H, q as ae, r as U, rt as W, st as oe, tt as se, v as G, w as K, x as q, z as ce } from "./SelectField-DMU4o8wT.js";
-import { t as le } from "./_-CYKi9htj.js";
-import { a as J, c as ue, d as de, f as fe, i as pe, l as me, n as he, o as ge, r as _e, s as ve, u as ye } from "./AvailabilitySkeleton-Tv_yaXPa.js";
-import { t as be } from "./EventAvailabilityForm-D_UqbRBj.js";
-import { t as Y } from "./style-CXIHVW9k.js";
-import { a as xe, c as Se, i as Ce, l as we, n as Te, o as Ee, s as De, t as Oe, u as X } from "./dist-IXFfy6j_.js";
-import { a as ke, i as Ae, n as je, t as Me } from "./CheckoutWindow-3gTfVepQ.js";
+import { $ as e, A as t, D as n, E as r, Et as i, J as a, K as o, N as s, O as c, Q as l, T as u, Tt as d, a as f, b as p, ct as m, ht as h, j as g, k as _, kt as v, l as y, n as b, o as x, ot as S, s as C, ut as w, v as T, w as E, x as D, xt as O, yt as k } from "./i18n-BF6zkld-.js";
+import { t as A } from "./dist-BHP07uuH.js";
+import { $ as j, C as M, D as ee, E as N, H as te, J as P, L as F, N as I, S as L, T as ne, V as R, W as re, X as z, Z as B, b as V, ct as ie, et as ae, j as oe, mt as se, n as ce, q as le, r as H, rt as U, st as ue, tt as de, v as W, w as G, x as K, z as fe } from "./SelectField-DRafB_Cb.js";
+import { a as pe, c as me, i as he, l as ge, n as _e, s as ve, t as ye } from "./CheckoutWindow-D8IPM2hs.js";
+import { t as be } from "./_-P_tgh1jk.js";
+import { a as q, c as xe, d as Se, f as Ce, i as we, l as Te, n as Ee, o as De, r as Oe, s as ke, u as Ae } from "./AvailabilitySkeleton-AmgXdz28.js";
+import { t as je } from "./EventAvailabilityForm-Bspi3PTG.js";
+import { t as J } from "./style-CLohB3MA.js";
+import { a as Me, c as Ne, i as Pe, l as Fe, n as Ie, o as Le, s as Re, t as ze, u as Y } from "./dist-D4EW1Jz1.js";
 //#region node_modules/date-fns/formatDistanceStrict.js
-function Z(e, t, n) {
-	let r = ue(), i = n?.locale ?? r.locale ?? _e, a = J(e, t);
+function X(e, t, n) {
+	let r = xe(), i = n?.locale ?? r.locale ?? Oe, a = q(e, t);
 	if (isNaN(a)) throw RangeError("Invalid time value");
 	let o = Object.assign({}, n, {
 		addSuffix: n?.addSuffix,
 		comparison: a
-	}), [s, c] = ge(n?.in, ...a > 0 ? [t, e] : [e, t]), l = pe(n?.roundingMethod ?? "round"), u = c.getTime() - s.getTime(), d = u / me, f = (u - (ve(c) - ve(s))) / me, p = n?.unit, m;
+	}), [s, c] = De(n?.in, ...a > 0 ? [t, e] : [e, t]), l = we(n?.roundingMethod ?? "round"), u = c.getTime() - s.getTime(), d = u / Te, f = (u - (ke(c) - ke(s))) / Te, p = n?.unit, m;
 	if (m = p || (d < 1 ? "second" : d < 60 ? "minute" : d < 1440 ? "hour" : f < 43200 ? "day" : f < 525600 ? "month" : "year"), m === "second") {
 		let e = l(u / 1e3);
 		return i.formatDistance("xSeconds", e, o);
@@ -28,21 +28,21 @@ function Z(e, t, n) {
 		return i.formatDistance("xHours", e, o);
 	}
 	if (m === "day") {
-		let e = l(f / ye);
+		let e = l(f / Ae);
 		return i.formatDistance("xDays", e, o);
 	}
 	if (m === "month") {
-		let e = l(f / de);
+		let e = l(f / Se);
 		return e === 12 && p !== "month" ? i.formatDistance("xYears", 1, o) : i.formatDistance("xMonths", e, o);
 	}
 	{
-		let e = l(f / fe);
+		let e = l(f / Ce);
 		return i.formatDistance("xYears", e, o);
 	}
 }
 //#endregion
 //#region src/components/listings/event/_.vue?vue&type=script&setup=true&lang.ts
-var Ne = { class: "konnectio-event-listing-action-button" }, Pe = /*#__PURE__*/ I(/* @__PURE__ */ s({
+var Be = { class: "konnectio-event-listing-action-button" }, Ve = /*#__PURE__*/ L(/* @__PURE__ */ s({
 	__name: "_",
 	props: {
 		name: {},
@@ -73,34 +73,34 @@ var Ne = { class: "konnectio-event-listing-action-button" }, Pe = /*#__PURE__*/
 		callback: {}
 	},
 	setup(t) {
-		let { t: o } = f(), s = t, { display: c } = F(), { hideEventGuestAmount: l } = v(j()), { maxNumberOfPeople: p, numberOfPeople: m, eventId: g, currentEventDate: _, tableGroupId: y } = v(K()), { getTemplateAvailability: b, getEventAvailability: x, isEventListingLoading: S } = K(), { addToCart: w } = ee(), E = T(() => s.maxGuests || s.maxOnlineReservationLimit || p.value || Infinity), O = D(0), k = T(() => S(s.listingId)), A = () => {
-			if (!s.useNumberOfProductsForPersons && (O.value === 0 || isNaN(O.value))) {
+		let { t: o } = f(), s = t, { display: c } = I(), { hideEventGuestAmount: l } = y(N()), { maxNumberOfPeople: p, numberOfPeople: m, eventId: h, currentEventDate: _, tableGroupId: v } = y(G()), { getTemplateAvailability: b, getEventAvailability: x, isEventListingLoading: S } = G(), { addToCart: C } = ee(), T = E(() => s.maxGuests || s.maxOnlineReservationLimit || p.value || Infinity), D = k(0), O = E(() => S(s.listingId)), A = () => {
+			if (!s.useNumberOfProductsForPersons && (D.value === 0 || isNaN(D.value))) {
 				c({
 					type: "error",
 					message: o("alert.error.selectPeople")
 				});
 				return;
 			}
-			s.trackingEnabled && w({
+			s.trackingEnabled && C({
 				id: s.listingId,
 				name: s.name,
 				value: s.fromPrice || 0
-			}), g.value = s.listingId, m.value = s.useNumberOfProductsForPersons ? NaN : O.value, b(s.callback);
-		}, M = () => {
-			if (!s.useNumberOfProductsForPersons && (O.value === 0 || isNaN(O.value))) {
+			}), h.value = s.listingId, m.value = s.useNumberOfProductsForPersons ? NaN : D.value, b(s.callback);
+		}, j = () => {
+			if (!s.useNumberOfProductsForPersons && (D.value === 0 || isNaN(D.value))) {
 				c({
 					type: "error",
 					message: o("alert.error.selectPeople")
 				});
 				return;
 			}
-			s.trackingEnabled && w({
+			s.trackingEnabled && C({
 				id: s.listingId,
 				name: s.name,
 				value: s.fromPrice || 0
-			}), g.value = s.listingId, y.value = s.tableGroupId, m.value = s.useNumberOfProductsForPersons ? NaN : O.value, x(s.callback);
+			}), h.value = s.listingId, v.value = s.tableGroupId, m.value = s.useNumberOfProductsForPersons ? NaN : D.value, x(s.callback);
 		};
-		return (s, c) => (a(), r(we, {
+		return (s, c) => (a(), r(Fe, {
 			type: "event",
 			"listing-id": t.listingId,
 			gallery: t.gallery,
@@ -108,33 +108,33 @@ var Ne = { class: "konnectio-event-listing-action-button" }, Pe = /*#__PURE__*/
 			description: t.description,
 			"prices-from": t.fromPrice,
 			"to-date": t.toDate,
-			layout: d(W).Event,
+			layout: d(U).Event,
 			"disable-deep-link": t.disableDeepLink
 		}, {
-			description: C(() => [e(s.$slots, "description", { maxNumberOfPeople: d(p) }, void 0, !0)]),
-			action: C(() => [e(s.$slots, "action", {}, () => [u("div", { class: i(["konnectio-event-listing-action", { "no-selectable-people": t.useNumberOfProductsForPersons }]) }, [t.useNumberOfProductsForPersons ? n("", !0) : (a(), r(U, {
+			description: w(() => [e(s.$slots, "description", { maxNumberOfPeople: d(p) }, void 0, !0)]),
+			action: w(() => [e(s.$slots, "action", {}, () => [u("div", { class: i(["konnectio-event-listing-action", { "no-selectable-people": t.useNumberOfProductsForPersons }]) }, [t.useNumberOfProductsForPersons ? n("", !0) : (a(), r(H, {
 				key: 0,
-				modelValue: O.value,
-				"onUpdate:modelValue": c[0] ||= (e) => O.value = e,
+				modelValue: D.value,
+				"onUpdate:modelValue": c[0] ||= (e) => D.value = e,
 				label: d(o)("event.numberOfGuests"),
 				icon: "users",
 				"icon-type": "fas",
 				"icon-placement": "label",
-				description: E.value <= 20 && !d(l) ? `${d(o)("general.availableFor")}: 1 - ${E.value} ${d(N)(d(o)("general.guests"))}` : void 0,
+				description: T.value <= 20 && !d(l) ? `${d(o)("general.availableFor")}: 1 - ${T.value} ${d(P)(d(o)("general.guests"))}` : void 0,
 				"min-value": 0,
-				"max-value": E.value
+				"max-value": T.value
 			}, null, 8, [
 				"modelValue",
 				"label",
 				"description",
 				"max-value"
-			])), u("div", Ne, [h(G, {
+			])), u("div", Be, [g(W, {
 				label: t.soldOut ? d(o)("event.soldOut") : d(o)("event.bookNowButton"),
 				disabled: t.soldOut,
-				"is-loading": k.value,
+				"is-loading": O.value,
 				"full-width": "",
-				"sub-label": d(R)(d(_)),
-				onClickEvent: c[1] ||= (e) => t.type === "event" ? M() : A()
+				"sub-label": d(z)(d(_)),
+				onClickEvent: c[1] ||= (e) => t.type === "event" ? j() : A()
 			}, null, 8, [
 				"label",
 				"disabled",
@@ -153,13 +153,13 @@ var Ne = { class: "konnectio-event-listing-action-button" }, Pe = /*#__PURE__*/
 			"disable-deep-link"
 		]));
 	}
-}), [["__scopeId", "data-v-bfd98c31"]]), Fe = { class: "konnectio-event-listing-information-new" }, Ie = {
+}), [["__scopeId", "data-v-bfd98c31"]]), He = { class: "konnectio-event-listing-information-new" }, Ue = {
 	key: 1,
 	class: "konnectio-pill-button"
-}, Le = {
+}, We = {
 	key: 2,
 	class: "konnectio-pill-button"
-}, Re = { key: 0 }, ze = { key: 1 }, Q = /*#__PURE__*/ I(/* @__PURE__ */ s({
+}, Ge = { key: 0 }, Ke = { key: 1 }, Z = /*#__PURE__*/ L(/* @__PURE__ */ s({
 	__name: "Event",
 	props: {
 		name: {},
@@ -182,12 +182,12 @@ var Ne = { class: "konnectio-event-listing-action-button" }, Pe = /*#__PURE__*/
 		callback: {}
 	},
 	setup(t) {
-		let i = t, { t: o } = f(), { hideEventLength: s, hideEventEndTime: l } = v(j()), p = T(() => {
+		let i = t, { t: o } = f(), { hideEventLength: s, hideEventEndTime: l } = y(N()), p = E(() => {
 			if (!i.length) return;
 			let e = i.length.split(":");
-			return Z(new Date(2e3, 0, 1, Number(e[0]), Number(e[1]), 0), new Date(2e3, 0, 1, 0, 0, 0));
+			return X(new Date(2e3, 0, 1, Number(e[0]), Number(e[1]), 0), new Date(2e3, 0, 1, 0, 0, 0));
 		});
-		return (i, f) => (a(), r(Pe, {
+		return (i, f) => (a(), r(Ve, {
 			"listing-id": t.listingId,
 			name: t.name,
 			description: t.description,
@@ -202,21 +202,21 @@ var Ne = { class: "konnectio-event-listing-action-button" }, Pe = /*#__PURE__*/
 			"tracking-enabled": t.trackingEnabled,
 			callback: t.callback
 		}, {
-			description: C(() => [t.description ? (a(), r(X, {
+			description: w(() => [t.description ? (a(), r(Y, {
 				key: 0,
 				text: t.description
-			}, null, 8, ["text"])) : n("", !0), u("ul", Fe, [
+			}, null, 8, ["text"])) : n("", !0), u("ul", He, [
 				n("", !0),
-				!d(s) && p.value ? (a(), c("li", Ie, [u("div", null, [h(q, {
+				!d(s) && p.value ? (a(), c("li", Ue, [u("div", null, [g(K, {
 					icon: "calendar-clock",
 					color: "header"
-				}), u("span", null, _(d(o)("event.lengthOfEvent")), 1)]), u("span", null, _(p.value), 1)])) : n("", !0),
-				t.timeFrom ? (a(), c("li", Le, [u("div", null, [h(q, {
+				}), u("span", null, v(d(o)("event.lengthOfEvent")), 1)]), u("span", null, v(p.value), 1)])) : n("", !0),
+				t.timeFrom ? (a(), c("li", We, [u("div", null, [g(K, {
 					icon: "calendar-clock",
 					color: "header"
-				}), u("span", null, _(d(o)("event.startAndEndTime")), 1)]), d(l) ? (a(), c("span", ze, _(d(B)(t.timeFrom)), 1)) : (a(), c("span", Re, _(d(se)(t.timeFrom, t.timeTo)), 1))])) : n("", !0)
+				}), u("span", null, v(d(o)("event.startAndEndTime")), 1)]), d(l) ? (a(), c("span", Ke, v(d(ae)(t.timeFrom)), 1)) : (a(), c("span", Ge, v(d(de)(t.timeFrom, t.timeTo)), 1))])) : n("", !0)
 			])]),
-			action: C(() => [e(i.$slots, "action", {}, void 0, !0)]),
+			action: w(() => [e(i.$slots, "action", {}, void 0, !0)]),
 			_: 3
 		}, 8, [
 			"listing-id",
@@ -233,10 +233,10 @@ var Ne = { class: "konnectio-event-listing-action-button" }, Pe = /*#__PURE__*/
 			"callback"
 		]));
 	}
-}), [["__scopeId", "data-v-2ecac268"]]), Be = {
+}), [["__scopeId", "data-v-2ecac268"]]), qe = {
 	key: 0,
 	class: "konnectio-event-grouped-listings-container"
-}, Ve = { class: "konnectio-event-grouped-listings" }, He = /*#__PURE__*/ I(/* @__PURE__ */ s({
+}, Je = { class: "konnectio-event-grouped-listings" }, Ye = /*#__PURE__*/ L(/* @__PURE__ */ s({
 	__name: "Event",
 	props: {
 		name: {},
@@ -245,7 +245,7 @@ var Ne = { class: "konnectio-event-listing-action-button" }, Pe = /*#__PURE__*/
 		callback: { type: Function }
 	},
 	setup(e) {
-		return (t, i) => e.events && e.events.length > 1 ? (a(), c("div", Be, [n("", !0), u("ul", Ve, [(a(!0), c(p, null, l(e.events, ({ id: t, days: n, name: i, timeFrom: o, timeTo: s, tableGroupId: c, description: l, soldOut: u, length: d, images: f, maxOnlineReservationLimit: p, maxPaxPerReservation: m, useNumberOfProductsForPersons: h, maxTicketsLimit: g }) => (a(), r(Q, {
+		return (t, i) => e.events && e.events.length > 1 ? (a(), c("div", qe, [n("", !0), u("ul", Je, [(a(!0), c(p, null, l(e.events, ({ id: t, days: n, name: i, timeFrom: o, timeTo: s, tableGroupId: c, description: l, soldOut: u, length: d, images: f, maxOnlineReservationLimit: p, maxPaxPerReservation: m, useNumberOfProductsForPersons: h, maxTicketsLimit: g }) => (a(), r(Z, {
 			key: t,
 			type: "event",
 			"listing-id": t,
@@ -277,7 +277,7 @@ var Ne = { class: "konnectio-event-listing-action-button" }, Pe = /*#__PURE__*/
 			"use-number-of-products-for-persons",
 			"tracking-enabled",
 			"callback"
-		]))), 128))])])) : e.events ? (a(), r(Q, {
+		]))), 128))])])) : e.events ? (a(), r(Z, {
 			key: e.events[0].id,
 			type: "event",
 			"listing-id": e.events[0].id,
@@ -315,7 +315,7 @@ var Ne = { class: "konnectio-event-listing-action-button" }, Pe = /*#__PURE__*/
 			"callback"
 		])) : n("", !0);
 	}
-}), [["__scopeId", "data-v-3584070d"]]), Ue = { class: "konnectio-special-offer-availability" }, We = { class: "konnectio-special-offer-availability-button" }, $ = { class: "konnectio-warning-notice" }, Ge = { key: 0 }, Ke = { key: 1 }, qe = /*#__PURE__*/ I(/* @__PURE__ */ s({
+}), [["__scopeId", "data-v-1c96b9a2"]]), Xe = { class: "konnectio-special-offer-availability" }, Ze = { class: "konnectio-special-offer-availability-button" }, Qe = { class: "konnectio-warning-notice" }, $e = { key: 0 }, Q = { key: 1 }, et = /*#__PURE__*/ L(/* @__PURE__ */ s({
 	__name: "NextEvent",
 	props: {
 		name: {},
@@ -337,14 +337,14 @@ var Ne = { class: "konnectio-event-listing-action-button" }, Pe = /*#__PURE__*/
 		callback: { type: Function }
 	},
 	setup(e) {
-		let { t: n } = f(), { updateEventDate: i } = A(), { display: s } = F(), l = D(), p = e;
+		let { t: n } = f(), { updateEventDate: i } = M(), { display: s } = I(), l = k(), p = e;
 		function m() {
 			l.value ? i(l.value) : s({
 				message: n("alert.error.selectDate"),
 				type: "error"
 			});
 		}
-		let g = T(() => ce(p.fromDate, p.toDate) <= 1), v = T(() => [
+		let h = E(() => fe(p.fromDate, p.toDate) <= 1), _ = E(() => [
 			0,
 			1,
 			2,
@@ -352,10 +352,10 @@ var Ne = { class: "konnectio-event-listing-action-button" }, Pe = /*#__PURE__*/
 			4,
 			5,
 			6
-		].filter((e) => !L(p.days).includes(e)));
+		].filter((e) => !R(p.days).includes(e)));
 		return o(() => {
-			g.value && (l.value = new Date(p.fromDate));
-		}), (i, o) => (a(), r(Q, {
+			h.value && (l.value = new Date(p.fromDate));
+		}), (i, o) => (a(), r(Z, {
 			name: e.name,
 			description: e.description,
 			"from-date": e.fromDate,
@@ -375,18 +375,18 @@ var Ne = { class: "konnectio-event-listing-action-button" }, Pe = /*#__PURE__*/
 			callback: e.callback,
 			"disable-deep-link": !0
 		}, {
-			action: C(() => [u("div", null, [u("div", Ue, [h(he, {
+			action: w(() => [u("div", null, [u("div", Xe, [g(Ee, {
 				modelValue: l.value,
 				"onUpdate:modelValue": o[0] ||= (e) => l.value = e,
 				label: `${d(n)("event.selectDate")}*`,
 				placeholder: d(n)("event.selectDate"),
 				"icon-type": "fas",
 				"icon-placement": "label",
-				readonly: g.value,
+				readonly: h.value,
 				"start-date": e.fromDate === "0001-01-01T00:00:00Z" ? new Date(e.toDate) : new Date(e.fromDate),
 				"min-date": e.fromDate === "0001-01-01T00:00:00Z" ? new Date(e.toDate) : new Date(e.fromDate),
 				"max-date": new Date(e.toDate),
-				"disabled-week-days": v.value
+				"disabled-week-days": _.value
 			}, null, 8, [
 				"modelValue",
 				"label",
@@ -396,10 +396,10 @@ var Ne = { class: "konnectio-event-listing-action-button" }, Pe = /*#__PURE__*/
 				"min-date",
 				"max-date",
 				"disabled-week-days"
-			]), u("div", We, [h(G, {
+			]), u("div", Ze, [g(W, {
 				label: d(n)("availability.buttonLabel"),
-				onClick: w(m, ["prevent"])
-			}, null, 8, ["label"])])]), u("div", $, [g.value ? (a(), c("span", Ge, [t("*" + _(d(n)("event.canBeBooked")) + " ", 1), u("u", null, _(d(R)(e.fromDate)), 1)])) : (a(), c("span", Ke, [t("*" + _(d(n)("event.canBeBooked")) + " ", 1), u("u", null, _(d(z)(e.days)), 1)]))])])]),
+				onClick: T(m, ["prevent"])
+			}, null, 8, ["label"])])]), u("div", Qe, [h.value ? (a(), c("span", $e, [t("*" + v(d(n)("event.canBeBooked")) + " ", 1), u("u", null, v(d(z)(e.fromDate)), 1)])) : (a(), c("span", Q, [t("*" + v(d(n)("event.canBeBooked")) + " ", 1), u("u", null, v(d(B)(e.days)), 1)]))])])]),
 			_: 1
 		}, 8, [
 			"name",
@@ -421,10 +421,10 @@ var Ne = { class: "konnectio-event-listing-action-button" }, Pe = /*#__PURE__*/
 			"callback"
 		]));
 	}
-}), [["__scopeId", "data-v-91ea584c"]]), Je = {
+}), [["__scopeId", "data-v-91ea584c"]]), tt = {
 	key: 0,
 	class: "konnectio-event-grouped-listings-container"
-}, Ye = { class: "konnectio-event-grouped-listings" }, Xe = /*#__PURE__*/ I(/* @__PURE__ */ s({
+}, nt = { class: "konnectio-event-grouped-listings" }, rt = /*#__PURE__*/ L(/* @__PURE__ */ s({
 	__name: "NextEvent",
 	props: {
 		name: {},
@@ -433,7 +433,7 @@ var Ne = { class: "konnectio-event-listing-action-button" }, Pe = /*#__PURE__*/
 		callback: { type: Function }
 	},
 	setup(e) {
-		return (t, i) => e.events && e.events.length > 1 ? (a(), c("div", Je, [n("", !0), u("ul", Ye, [(a(!0), c(p, null, l(e.events, ({ id: t, days: n, name: i, timeFrom: o, timeTo: s, fromDate: c, toDate: l, tableGroupId: u, description: d, soldOut: f, length: p, images: m, maxOnlineReservationLimit: h, maxPaxPerReservation: g, useNumberOfProductsForPersons: _, maxTicketsLimit: v }) => (a(), r(qe, {
+		return (t, i) => e.events && e.events.length > 1 ? (a(), c("div", tt, [n("", !0), u("ul", nt, [(a(!0), c(p, null, l(e.events, ({ id: t, days: n, name: i, timeFrom: o, timeTo: s, fromDate: c, toDate: l, tableGroupId: u, description: d, soldOut: f, length: p, images: m, maxOnlineReservationLimit: h, maxPaxPerReservation: g, useNumberOfProductsForPersons: _, maxTicketsLimit: v }) => (a(), r(et, {
 			key: t,
 			type: "event",
 			"listing-id": t,
@@ -469,7 +469,7 @@ var Ne = { class: "konnectio-event-listing-action-button" }, Pe = /*#__PURE__*/
 			"use-number-of-products-for-persons",
 			"tracking-enabled",
 			"callback"
-		]))), 128))])])) : e.events ? (a(), r(qe, {
+		]))), 128))])])) : e.events ? (a(), r(et, {
 			key: e.events[0].id,
 			type: "event",
 			"listing-id": e.events[0].id,
@@ -507,7 +507,7 @@ var Ne = { class: "konnectio-event-listing-action-button" }, Pe = /*#__PURE__*/
 			"callback"
 		])) : n("", !0);
 	}
-}), [["__scopeId", "data-v-138f6cac"]]), Ze = ["innerHTML"], Qe = /*#__PURE__*/ I(/* @__PURE__ */ s({
+}), [["__scopeId", "data-v-56a468d4"]]), $ = ["innerHTML"], it = /*#__PURE__*/ L(/* @__PURE__ */ s({
 	__name: "FallbackEvent",
 	props: {
 		name: {},
@@ -521,7 +521,7 @@ var Ne = { class: "konnectio-event-listing-action-button" }, Pe = /*#__PURE__*/
 	},
 	setup(e) {
 		let { t } = f();
-		return (n, i) => (a(), r(Q, {
+		return (n, i) => (a(), r(Z, {
 			name: e.name,
 			description: e.description,
 			"from-date": e.fromDate,
@@ -532,10 +532,10 @@ var Ne = { class: "konnectio-event-listing-action-button" }, Pe = /*#__PURE__*/
 			callback: e.callback,
 			"disable-deep-link": !0
 		}, {
-			action: C(() => [u("div", {
+			action: w(() => [u("div", {
 				class: "konnectio-filter-notice konnectio-top-message",
 				innerHTML: d(t)("event.notAvailable", { name: `<b>${e.name}</b>` })
-			}, null, 8, Ze)]),
+			}, null, 8, $)]),
 			_: 1
 		}, 8, [
 			"name",
@@ -548,7 +548,7 @@ var Ne = { class: "konnectio-event-listing-action-button" }, Pe = /*#__PURE__*/
 			"callback"
 		]));
 	}
-}), [["__scopeId", "data-v-aca89b02"]]), $e = /* @__PURE__ */ s({
+}), [["__scopeId", "data-v-aca89b02"]]), at = /* @__PURE__ */ s({
 	__name: "Template",
 	props: {
 		name: {},
@@ -565,7 +565,7 @@ var Ne = { class: "konnectio-event-listing-action-button" }, Pe = /*#__PURE__*/
 		callback: {}
 	},
 	setup(e) {
-		return (t, n) => (a(), r(Pe, {
+		return (t, n) => (a(), r(Ve, {
 			"listing-id": e.listingId,
 			gallery: e.images,
 			name: e.name,
@@ -586,13 +586,13 @@ var Ne = { class: "konnectio-event-listing-action-button" }, Pe = /*#__PURE__*/
 			"callback"
 		]));
 	}
-}), et = {
+}), ot = {
 	key: 0,
 	class: "konnectio-panel konnectio-reservation-notice-mobile"
-}, tt = ["innerHTML"], nt = { key: 0 }, rt = { key: 1 }, it = { key: 2 }, at = { key: 0 }, ot = { key: 4 }, st = { key: 5 }, ct = { key: 6 }, lt = { key: 0 }, ut = { key: 0 }, dt = { key: 1 }, ft = {
+}, st = ["innerHTML"], ct = { key: 0 }, lt = { key: 1 }, ut = { key: 2 }, dt = { key: 0 }, ft = { key: 4 }, pt = { key: 5 }, mt = { key: 6 }, ht = { key: 0 }, gt = { key: 0 }, _t = { key: 1 }, vt = {
 	key: 0,
 	class: "konnectio-capitalize"
-}, pt = /*#__PURE__*/ I(/* @__PURE__ */ s({
+}, yt = /*#__PURE__*/ L(/* @__PURE__ */ s({
 	__name: "EventReservationForm",
 	props: {
 		showGiftCard: {
@@ -606,47 +606,47 @@ var Ne = { class: "konnectio-event-listing-action-button" }, Pe = /*#__PURE__*/
 		prevCallback: {}
 	},
 	setup(t) {
-		let { t: i } = f(), o = x(), { areListingsAvailable: s, arrivalTime: h, numberOfPeople: y, numberOfRooms: b, numberOfTotalDays: S, isTemplateEvent: w, currentEventDate: T, length: E, fromDate: D, tableBasePrice: O, getTemplateData: A, basePrice: ee, totalPrice: M, weekendFee: N, roomUpgrade: P, discountCode: F, totalSelectedProducts: I, discountValue: L, appliedDiscountCode: te } = v(K()), { totalAddonPrice: z, validateDiscountCode: ne } = K(), { currency: re, hideEventLength: ie } = v(j()), V = i("event.reservationNotice");
-		return (f, v) => (a(), r(xe, {
-			"discount-code": d(F),
-			"onUpdate:discountCode": v[0] ||= (e) => m(F) ? F.value = e : null,
-			"validate-discount-code": d(ne),
+		let { t: i } = f(), o = S(), { areListingsAvailable: s, arrivalTime: m, numberOfPeople: g, numberOfRooms: b, numberOfTotalDays: x, isTemplateEvent: C, currentEventDate: T, length: E, fromDate: D, tableBasePrice: O, getTemplateData: k, basePrice: A, totalPrice: M, weekendFee: ee, roomUpgrade: te, discountCode: P, totalSelectedProducts: F, discountValue: I, appliedDiscountCode: L } = y(G()), { totalAddonPrice: ne, validateDiscountCode: R } = G(), { currency: re, hideEventLength: B } = y(N()), V = i("event.reservationNotice");
+		return (f, y) => (a(), r(Me, {
+			"discount-code": d(P),
+			"onUpdate:discountCode": y[0] ||= (e) => h(P) ? P.value = e : null,
+			"validate-discount-code": d(R),
 			"show-gift-card": t.showGiftCard,
 			"show-terms-notice": t.showTermsNotice,
 			"is-sidebar-loading": !d(s),
-			"base-price": d(ee),
+			"base-price": d(A),
 			"total-price": d(M),
-			"weekend-fee": d(N),
-			"room-upgrade": d(P),
+			"weekend-fee": d(ee),
+			"room-upgrade": d(te),
 			notice: d(V),
 			"prev-callback": t.prevCallback
-		}, g({
-			form: C(() => [e(f.$slots, "form", {}, void 0, !0), d(V) ? (a(), c("div", et, [u("p", {
+		}, _({
+			form: w(() => [e(f.$slots, "form", {}, void 0, !0), d(V) ? (a(), c("div", ot, [u("p", {
 				innerHTML: d(V),
 				class: "konnectio-wysiwyg"
-			}, null, 8, tt)])) : n("", !0)]),
-			"reservation-summary": C(() => [
-				d(w) ? n("", !0) : (a(), c("li", nt, [u("span", null, _(d(i)("general.date")), 1), u("b", null, _(d(R)(d(T))), 1)])),
-				d(y) > 0 ? (a(), c("li", rt, [u("span", null, _(d(i)("event.numberOfGuests")), 1), u("b", null, _(d(y)), 1)])) : n("", !0),
-				!d(w) && d(I) > 0 ? (a(), c("li", it, [u("span", null, _(d(i)("event.numberOfProducts")), 1), u("b", null, _(d(I)), 1)])) : n("", !0),
-				d(w) ? (a(), c(p, { key: 3 }, [
-					u("li", null, [u("span", null, _(d(i)("booking.reservation.arrival")), 1), u("b", null, _(d(R)(d(D))), 1)]),
-					u("li", null, [u("span", null, _(d(i)("booking.reservation.departure")), 1), u("b", null, _(d(R)(d(D), d(S))), 1)]),
-					u("li", null, [u("span", null, _(d(i)("event.numberOfRooms")), 1), u("b", null, _(d(b)), 1)]),
-					d(S) > 0 ? (a(), c("li", at, [u("span", null, _(d(i)("event.numberOfDays")), 1), u("b", null, _(d(S)), 1)])) : n("", !0)
+			}, null, 8, st)])) : n("", !0)]),
+			"reservation-summary": w(() => [
+				d(C) ? n("", !0) : (a(), c("li", ct, [u("span", null, v(d(i)("general.date")), 1), u("b", null, v(d(z)(d(T))), 1)])),
+				d(g) > 0 ? (a(), c("li", lt, [u("span", null, v(d(i)("event.numberOfGuests")), 1), u("b", null, v(d(g)), 1)])) : n("", !0),
+				!d(C) && d(F) > 0 ? (a(), c("li", ut, [u("span", null, v(d(i)("event.numberOfProducts")), 1), u("b", null, v(d(F)), 1)])) : n("", !0),
+				d(C) ? (a(), c(p, { key: 3 }, [
+					u("li", null, [u("span", null, v(d(i)("booking.reservation.arrival")), 1), u("b", null, v(d(z)(d(D))), 1)]),
+					u("li", null, [u("span", null, v(d(i)("booking.reservation.departure")), 1), u("b", null, v(d(z)(d(D), d(x))), 1)]),
+					u("li", null, [u("span", null, v(d(i)("event.numberOfRooms")), 1), u("b", null, v(d(b)), 1)]),
+					d(x) > 0 ? (a(), c("li", dt, [u("span", null, v(d(i)("event.numberOfDays")), 1), u("b", null, v(d(x)), 1)])) : n("", !0)
 				], 64)) : n("", !0),
-				!d(w) && d(h) ? (a(), c("li", ot, [u("span", null, _(d(i)("event.startOfEvent")), 1), u("b", null, _(d(B)(d(h))), 1)])) : n("", !0),
-				!d(w) && d(E) && !d(ie) ? (a(), c("li", st, [u("span", null, _(d(i)("event.lengthOfEvent")), 1), u("b", null, _(d(B)(d(E))), 1)])) : n("", !0),
-				d(L) ? (a(), c("li", ct, [u("span", null, _(d(i)("general.discountCode")), 1), u("b", null, _(d(te)), 1)])) : n("", !0)
+				!d(C) && d(m) ? (a(), c("li", ft, [u("span", null, v(d(i)("event.startOfEvent")), 1), u("b", null, v(d(ae)(d(m))), 1)])) : n("", !0),
+				!d(C) && d(E) && !d(B) ? (a(), c("li", pt, [u("span", null, v(d(i)("event.lengthOfEvent")), 1), u("b", null, v(d(ae)(d(E))), 1)])) : n("", !0),
+				d(I) ? (a(), c("li", mt, [u("span", null, v(d(i)("general.discountCode")), 1), u("b", null, v(d(L)), 1)])) : n("", !0)
 			]),
-			"price-summary": C(() => [!d(w) && d(O) > 0 ? (a(), c("li", lt, [u("span", null, _(d(i)("booking.availability.basePrice")), 1), u("b", null, _(d(k)(d(O), d(re))), 1)])) : n("", !0), d(A) ? (a(!0), c(p, { key: 1 }, l(d(A), ({ roomGroupId: e }, t) => (a(), c(p, null, [d(z)(e, t) > 0 ? (a(), c("li", { key: e }, [u("span", null, _(d(i)("booking.reservation.addons")) + " - " + _(d(i)("booking.reservation.room")) + " #" + _(t + 1), 1), u("b", null, _(d(k)(d(z)(e, t), d(re))), 1)])) : n("", !0)], 64))), 256)) : n("", !0)]),
-			navigation: C(() => [e(f.$slots, "navigation", {}, void 0, !0)]),
-			"mobile-under-price": C(() => [d(w) && d(S) > 0 ? (a(), c("div", ut, [u("span", null, _(d(R)(d(D))) + " - " + _(d(R)(d(D), d(S))), 1)])) : (a(), c("div", dt, [u("span", null, _(d(R)(d(T))), 1)]))]),
-			"mobile-summary": C(() => [!d(w) && d(I) > 0 ? (a(), c("span", ft, _(d(i)("event.numberOfProducts")) + ": " + _(d(I)), 1)) : n("", !0)]),
+			"price-summary": w(() => [!d(C) && d(O) > 0 ? (a(), c("li", ht, [u("span", null, v(d(i)("booking.availability.basePrice")), 1), u("b", null, v(d(j)(d(O), d(re))), 1)])) : n("", !0), d(k) ? (a(!0), c(p, { key: 1 }, l(d(k), ({ roomGroupId: e }, t) => (a(), c(p, null, [d(ne)(e, t) > 0 ? (a(), c("li", { key: e }, [u("span", null, v(d(i)("booking.reservation.addons")) + " - " + v(d(i)("booking.reservation.room")) + " #" + v(t + 1), 1), u("b", null, v(d(j)(d(ne)(e, t), d(re))), 1)])) : n("", !0)], 64))), 256)) : n("", !0)]),
+			navigation: w(() => [e(f.$slots, "navigation", {}, void 0, !0)]),
+			"mobile-under-price": w(() => [d(C) && d(x) > 0 ? (a(), c("div", gt, [u("span", null, v(d(z)(d(D))) + " - " + v(d(z)(d(D), d(x))), 1)])) : (a(), c("div", _t, [u("span", null, v(d(z)(d(T))), 1)]))]),
+			"mobile-summary": w(() => [!d(C) && d(F) > 0 ? (a(), c("span", vt, v(d(i)("event.numberOfProducts")) + ": " + v(d(F)), 1)) : n("", !0)]),
 			_: 2
 		}, [d(o).sidebar ? {
 			name: "sidebar",
-			fn: C(() => [e(f.$slots, "sidebar", {}, void 0, !0)]),
+			fn: w(() => [e(f.$slots, "sidebar", {}, void 0, !0)]),
 			key: "0"
 		} : void 0]), 1032, [
 			"discount-code",
@@ -662,27 +662,27 @@ var Ne = { class: "konnectio-event-listing-action-button" }, Pe = /*#__PURE__*/
 			"prev-callback"
 		]));
 	}
-}), [["__scopeId", "data-v-c1e1c642"]]), mt = { class: "event-skeleton" }, ht = { class: "event-skeleton-content" }, gt = { class: "event-skeleton-sidebar" }, _t = /*#__PURE__*/ I(/* @__PURE__ */ s({
+}), [["__scopeId", "data-v-c1e1c642"]]), bt = { class: "event-skeleton" }, xt = { class: "event-skeleton-content" }, St = { class: "event-skeleton-sidebar" }, Ct = /*#__PURE__*/ L(/* @__PURE__ */ s({
 	__name: "EventSkeleton",
 	setup(e) {
-		return (e, t) => (a(), c("div", mt, [u("div", ht, [h(Te)]), u("div", gt, [n("", !0), h(Ee)])]));
+		return (e, t) => (a(), c("div", bt, [u("div", xt, [g(Ie)]), u("div", St, [n("", !0), g(Le)])]));
 	}
-}), [["__scopeId", "data-v-af0e7efb"]]), vt = {
+}), [["__scopeId", "data-v-af0e7efb"]]), wt = {
 	key: 0,
 	id: "konnectio-event-listings-wrapper"
-}, yt = {
+}, Tt = {
 	key: 0,
 	class: "konnectio-event-listings"
-}, bt = {
+}, Et = {
 	key: 1,
 	class: "konnectio-hotel-availability-title"
-}, xt = { class: "konnectio-event-listings" }, St = { class: "konnectio-hotel-availability-title" }, Ct = { class: "konnectio-event-listings" }, wt = ["innerHTML"], Tt = { class: "konnectio-panel" }, Et = {
+}, Dt = { class: "konnectio-event-listings" }, Ot = { class: "konnectio-hotel-availability-title" }, kt = { class: "konnectio-event-listings" }, At = ["innerHTML"], jt = { class: "konnectio-panel" }, Mt = {
 	key: 0,
 	id: "konnectio-event-addons"
-}, Dt = { class: "konnectio-table with-lines" }, Ot = { class: "konnectio-event-addons-price" }, kt = { class: "konnectio-event-addons-input" }, At = { class: "konnectio-event-addons-price" }, jt = { class: "konnectio-event-addons-price" }, Mt = {
+}, Nt = { class: "konnectio-table with-lines" }, Pt = { class: "konnectio-event-addons-price" }, Ft = { class: "konnectio-event-addons-input" }, It = { class: "konnectio-event-addons-price" }, Lt = { class: "konnectio-event-addons-price" }, Rt = {
 	key: 1,
 	class: "konnectio-table with-lines without-header"
-}, Nt = { class: "konnectio-table-addons-information" }, Pt = { key: 0 }, Ft = { class: "konnectio-table-addons-option" }, It = { class: "konnectio-panel" }, Lt = /*#__PURE__*/ I(/* @__PURE__ */ s({
+}, zt = { class: "konnectio-table-addons-information" }, Bt = { key: 0 }, Vt = { class: "konnectio-table-addons-option" }, Ht = { class: "konnectio-panel" }, Ut = /*#__PURE__*/ L(/* @__PURE__ */ s({
 	name: "EventLayout",
 	__name: "Event",
 	props: {
@@ -700,7 +700,26 @@ var Ne = { class: "konnectio-event-listing-action-button" }, Pe = /*#__PURE__*/
 		styling: {}
 	},
 	setup(e) {
-		let i = e, { t: o } = f(), s = K(), { isHostedCheckoutActive: g } = v(ie()), { addons: y, products: b, numberOfDays: x, flagOnTable: S, numberOfHighChairs: w, name: D, phone: O, email: N, remark: I, allergies: L, arrivalTime: R, hasEvents: z, hasTemplates: W, getTemplates: se, getEventData: ce, getTemplateData: J, getEventTableData: ue, hasProducts: de, eventRateType: fe, areListingsAvailable: pe, isAvailabilityDataAvailable: me, hasListingData: he, isPaymentLoading: ge, isReservationFormFilled: _e, requiresArrivalTime: ve, hasSelectedRequiredProducts: ye, getUnavailableEvents: Y, hasFallbackEvents: xe, getFallbackEvents: we, excludeEventIds: Ee } = v(s), Oe = T(() => s.getSortedEvents(i.sortOrder)), { currency: X, enableTracking: Z } = v(j()), { setActiveIdFilter: Ne } = j(), { eventDate: Pe, eventLocation: Fe } = v(A()), { isValidRestaurantId: Ie } = A(), { initialize: Le, fetchListings: Re, createBooking: ze, localAddonPrice: Q, totalAddonPrice: Be, reset: Ve, goBack: Ue } = K(), { beginEventCheckout: We } = ee(), { display: $ } = F(), Ge = T(() => [
+		let i = e, { t: o } = f(), s = G(), { isHostedCheckoutActive: _ } = y(oe()), { addons: b, products: x, numberOfDays: S, flagOnTable: C, numberOfHighChairs: T, name: k, phone: A, email: P, remark: L, allergies: R, arrivalTime: z, hasEvents: B, hasTemplates: U, getTemplates: de, getEventData: fe, getTemplateData: q, getEventTableData: xe, hasProducts: Se, eventRateType: Ce, areListingsAvailable: we, isAvailabilityDataAvailable: Te, hasListingData: Ee, isPaymentLoading: De, isReservationFormFilled: Oe, requiresArrivalTime: ke, hasSelectedRequiredProducts: Ae, getUnavailableEvents: J, hasFallbackEvents: Me, getFallbackEvents: Fe, excludeEventIds: Le } = y(s), ze = E(() => s.getSortedEvents(i.sortOrder)), { currency: Y, enableTracking: X } = y(N()), { setActiveIdFilter: Be } = N(), { eventDate: Ve, eventLocation: He } = y(M()), { isValidRestaurantId: Ue } = M(), { initialize: We, fetchListings: Ge, createBooking: Ke, bookingPayload: Z, localAddonPrice: qe, totalAddonPrice: Je, reset: Xe, goBack: Ze } = G(), { beginEventCheckout: Qe } = ee(), { display: $e } = I();
+		ge.useHttpClient(ve(ne()));
+		let Q = O(), et;
+		function tt() {
+			let { url: e, data: t } = Z();
+			if (!Q.value || et !== e) {
+				let n = me("post", e, t);
+				n.setValidationTimeout(600), et = e, Q.value = n;
+			}
+			return Q.value;
+		}
+		function nt(e) {
+			let t = tt();
+			t.setData(Z().data), t.validate(e);
+		}
+		function $(e) {
+			return Q.value?.errors[e];
+		}
+		m(k, () => nt("name")), m(P, () => nt("email")), m(A, () => nt("phone"));
+		let ot = E(() => [
 			{
 				id: "availability",
 				label: o("booking.availability.title"),
@@ -726,66 +745,68 @@ var Ne = { class: "konnectio-event-listing-action-button" }, Pe = /*#__PURE__*/
 				label: o("booking.confirmation.title"),
 				icon: "calendar-check"
 			}
-		]), Ke = T(() => {
+		]), st = E(() => {
 			let e = [];
-			return ue.value && ue.value.forEach((t) => {
+			return xe.value && xe.value.forEach((t) => {
 				e.find((e) => e.value === t.time) || e.push({
-					label: B(t.time),
+					label: ae(t.time),
 					value: t.time
 				});
 			}), e;
 		});
-		function qe() {
-			Ve(i.resetDate === "yes");
+		function ct() {
+			Xe(i.resetDate === "yes");
 		}
-		function Je(e) {
-			Z.value && We(), ze(e);
+		async function lt(e) {
+			X.value && Qe();
+			let t = await Ke(e);
+			t && tt().setErrors(t);
 		}
-		function Ye() {
-			let e = V("history", { removeNullishValues: !0 }), t = parseInt(e.rid), n = e.d, r = parseInt(e.eid);
+		function ut() {
+			let e = se("history", { removeNullishValues: !0 }), t = parseInt(e.rid), n = e.d, r = parseInt(e.eid);
 			if (n) {
-				if (ae(n)) {
+				if (le(n)) {
 					let t = new Date(n);
-					t.setHours(12, 0, 0, 0) >= (/* @__PURE__ */ new Date()).setHours(12, 0, 0, 0) ? Pe.value = t : ($({
+					t.setHours(12, 0, 0, 0) >= (/* @__PURE__ */ new Date()).setHours(12, 0, 0, 0) ? Ve.value = t : ($e({
 						message: o("alert.error.invalidDateRange"),
 						type: "error"
 					}), e.d = void 0);
-				} else $({
+				} else $e({
 					message: o("alert.error.wrongDateFormat"),
 					type: "error"
 				});
 			}
-			isNaN(t) || (Ie(t) ? Fe.value = t : (e.rid = void 0, $({
+			isNaN(t) || (Ue(t) ? He.value = t : (e.rid = void 0, $e({
 				message: o("alert.error.hotelIdNotFound"),
 				type: "error"
-			}))), isNaN(r) || Ne(String(r)), i.excludeEventIds && (Ee.value = i.excludeEventIds), Re();
+			}))), isNaN(r) || Be(String(r)), i.excludeEventIds && (Le.value = i.excludeEventIds), Ge();
 		}
-		return (i, s) => (a(), r(ne, { styling: e.styling }, {
-			default: C(() => [(a(), r(E, { onResolve: Ye }, {
-				default: C(() => [h(le, {
+		return (i, s) => (a(), r(V, { styling: e.styling }, {
+			default: w(() => [(a(), r(D, { onResolve: ut }, {
+				default: w(() => [g(be, {
 					id: "konnectio-event-module",
 					"access-token": e.accessToken,
-					callback: d(Le)
+					callback: d(We)
 				}, {
-					default: C(() => [h(De, {
-						steps: Ge.value,
-						onReset: qe
+					default: w(() => [g(Re, {
+						steps: ot.value,
+						onReset: ct
 					}, {
-						availability: C(({ next: t }) => [h(pt, null, {
-							sidebar: C(() => [h(be, {
+						availability: w(({ next: t }) => [g(yt, null, {
+							sidebar: w(() => [g(je, {
 								redirection: !1,
 								"selected-location": Number(e.selectedLocation),
 								"hide-locations": e.hideLocations === "yes"
 							}, null, 8, ["selected-location", "hide-locations"])]),
-							form: C(() => [d(he) && d(pe) ? (a(), c("div", vt, [
-								d(xe) ? (a(), c("ul", yt, [(a(!0), c(p, null, l(d(we), ({ id: e, name: n, description: i, images: o }) => (a(), r(Qe, {
+							form: w(() => [d(Ee) && d(we) ? (a(), c("div", wt, [
+								d(Me) ? (a(), c("ul", Tt, [(a(!0), c(p, null, l(d(Fe), ({ id: e, name: n, description: i, images: o }) => (a(), r(it, {
 									key: e,
 									type: "event",
 									"listing-id": e,
 									description: i,
 									name: n,
 									gallery: o,
-									"tracking-enabled": d(Z),
+									"tracking-enabled": d(X),
 									callback: t
 								}, null, 8, [
 									"listing-id",
@@ -795,22 +816,23 @@ var Ne = { class: "konnectio-event-listing-action-button" }, Pe = /*#__PURE__*/
 									"tracking-enabled",
 									"callback"
 								]))), 128))])) : n("", !0),
-								Oe.value.length > 0 && d(Y).length > 0 ? (a(), c("h2", bt, [h(q, {
+								ze.value.length > 0 && d(J).length > 0 ? (a(), c("h2", Et, [g(K, {
 									icon: "calendar-clock",
 									type: "fal",
 									color: "header"
-								}), u("span", null, _(d(o)("event.availableNow")), 1)])) : n("", !0),
-								u("ul", xt, [d(z) && e.onlyShow !== "templates" ? (a(!0), c(p, { key: 0 }, l(Oe.value, (e) => (a(), r(He, {
+								}), u("span", null, v(d(o)("event.availableNow")), 1)])) : n("", !0),
+								u("ul", Dt, [d(B) && e.onlyShow !== "templates" ? (a(!0), c(p, { key: 0 }, l(ze.value, (e) => (a(), r(Ye, {
+									key: e.name,
 									name: e.name,
 									events: e.events ?? [],
-									"tracking-enabled": d(Z),
+									"tracking-enabled": d(X),
 									callback: t
 								}, null, 8, [
 									"name",
 									"events",
 									"tracking-enabled",
 									"callback"
-								]))), 256)) : n("", !0), d(W) && e.onlyShow !== "events" ? (a(!0), c(p, { key: 1 }, l(d(se), ({ id: e, name: n, fromDate: i, toDate: o, minimumPersonCount: s, fromPrice: c, description: l, images: u }) => (a(), r($e, {
+								]))), 128)) : n("", !0), d(U) && e.onlyShow !== "events" ? (a(!0), c(p, { key: 1 }, l(d(de), ({ id: e, name: n, fromDate: i, toDate: o, minimumPersonCount: s, fromPrice: c, description: l, images: u }) => (a(), r(at, {
 									key: e,
 									"listing-id": e,
 									name: n,
@@ -820,7 +842,7 @@ var Ne = { class: "konnectio-event-listing-action-button" }, Pe = /*#__PURE__*/
 									"to-date": o,
 									"minimum-person-count": s,
 									fromPrice: c,
-									"tracking-enabled": d(Z),
+									"tracking-enabled": d(X),
 									callback: t
 								}, null, 8, [
 									"listing-id",
@@ -834,97 +856,98 @@ var Ne = { class: "konnectio-event-listing-action-button" }, Pe = /*#__PURE__*/
 									"tracking-enabled",
 									"callback"
 								]))), 128)) : n("", !0)]),
-								d(Y).length > 0 && e.onlyShow !== "templates" ? (a(), c(p, { key: 2 }, [u("h2", St, [h(q, {
+								d(J).length > 0 && e.onlyShow !== "templates" ? (a(), c(p, { key: 2 }, [u("h2", Ot, [g(K, {
 									icon: "calendar-circle-exclamation",
 									type: "fal",
 									color: "header"
-								}), u("span", null, _(d(o)("event.availableLater")), 1)]), u("ul", Ct, [(a(!0), c(p, null, l(d(Y), (e) => (a(), r(Xe, {
+								}), u("span", null, v(d(o)("event.availableLater")), 1)]), u("ul", kt, [(a(!0), c(p, null, l(d(J), (e) => (a(), r(rt, {
+									key: e.name,
 									name: e.name,
 									events: e.events ?? [],
-									"tracking-enabled": d(Z),
+									"tracking-enabled": d(X),
 									callback: t
 								}, null, 8, [
 									"name",
 									"events",
 									"tracking-enabled",
 									"callback"
-								]))), 256))])], 64)) : n("", !0),
-								(!d(z) && !d(W) || !d(z) && e.onlyShow === "events" || !d(W) && e.onlyShow === "templates") && !d(xe) ? (a(), c("div", {
+								]))), 128))])], 64)) : n("", !0),
+								(!d(B) && !d(U) || !d(B) && e.onlyShow === "events" || !d(U) && e.onlyShow === "templates") && !d(Me) ? (a(), c("div", {
 									key: 3,
 									class: "konnectio-panel",
 									innerHTML: d(o)("event.nothingAvailable")
-								}, null, 8, wt)) : n("", !0)
-							])) : (a(), r(Te, { key: 1 }))]),
+								}, null, 8, At)) : n("", !0)
+							])) : (a(), r(Ie, { key: 1 }))]),
 							_: 2
 						}, 1024)]),
-						addons: C(({ next: e, prev: i }) => [d(me) ? (a(), r(pt, {
+						addons: w(({ next: e, prev: i }) => [d(Te) ? (a(), r(yt, {
 							key: 0,
-							"prev-callback": () => d(Ue)(i)
+							"prev-callback": () => d(Ze)(i)
 						}, {
-							form: C(() => [u("form", Tt, [
-								u("h2", null, [u("span", null, _(d(o)("event.selectProducts")), 1)]),
-								d(J) && d(J).length > 0 ? (a(), c("ul", Et, [(a(!0), c(p, null, l(d(J), ({ roomGroupId: e, addons: n, adultPerRoom: i }, f) => (a(), c("li", { key: e }, [u("h5", null, [
-									u("span", null, _(d(o)("booking.reservation.room")) + " #" + _(f + 1), 1),
+							form: w(() => [u("form", jt, [
+								u("h2", null, [u("span", null, v(d(o)("event.selectProducts")), 1)]),
+								d(q) && d(q).length > 0 ? (a(), c("ul", Mt, [(a(!0), c(p, null, l(d(q), ({ roomGroupId: e, addons: n, adultPerRoom: i }, f) => (a(), c("li", { key: e }, [u("h5", null, [
+									u("span", null, v(d(o)("booking.reservation.room")) + " #" + v(f + 1), 1),
 									s[9] ||= t(" (", -1),
-									h(q, {
+									g(K, {
 										icon: "male",
 										type: "fas",
 										color: "header"
 									}),
-									t(" " + _(i) + ") ", 1)
-								]), u("table", Dt, [
+									t(" " + v(i) + ") ", 1)
+								]), u("table", Nt, [
 									u("thead", null, [u("tr", null, [
-										u("th", null, [u("span", null, _(d(o)("booking.reservation.addons")), 1)]),
+										u("th", null, [u("span", null, v(d(o)("booking.reservation.addons")), 1)]),
 										s[10] ||= u("th", { class: "konnectio-event-addons-input" }, null, -1),
-										u("th", Ot, [u("span", null, _(d(o)("booking.availability.price")), 1)])
+										u("th", Pt, [u("span", null, v(d(o)("booking.availability.price")), 1)])
 									])]),
 									u("tbody", null, [(a(!0), c(p, null, l(n, ({ id: t, cardinality: n, name: i, price: o, quantityStrategy: l }) => (a(), c("tr", { key: t }, [
 										u("td", null, [
-											u("b", null, _(i), 1),
+											u("b", null, v(i), 1),
 											s[11] ||= u("br", null, null, -1),
-											u("span", null, _(d(k)(o, d(X))) + " " + _(d(te)(l)), 1)
+											u("span", null, v(d(j)(o, d(Y))) + " " + v(d(re)(l)), 1)
 										]),
-										u("td", kt, [n === d(oe).Mandatory ? (a(), r(U, {
+										u("td", Ft, [n === d(ue).Mandatory ? (a(), r(H, {
 											key: 0,
 											"model-value": 1,
 											small: !0,
 											"min-value": 1,
 											"max-value": 1,
 											readonly: ""
-										})) : (a(), r(U, {
+										})) : (a(), r(H, {
 											key: 1,
-											modelValue: d(y)[`${e}.${t}.${f}`],
-											"onUpdate:modelValue": (n) => d(y)[`${e}.${t}.${f}`] = n,
+											modelValue: d(b)[`${e}.${t}.${f}`],
+											"onUpdate:modelValue": (n) => d(b)[`${e}.${t}.${f}`] = n,
 											small: !0,
 											"min-value": 0,
-											"max-value": d(M)(n)
+											"max-value": d(te)(n)
 										}, null, 8, [
 											"modelValue",
 											"onUpdate:modelValue",
 											"max-value"
 										]))]),
-										u("td", At, [u("span", null, _(d(k)(d(Q)(t, e, f), d(X))), 1)])
+										u("td", It, [u("span", null, v(d(j)(d(qe)(t, e, f), d(Y))), 1)])
 									]))), 128))]),
 									u("tfoot", null, [u("tr", null, [
 										s[12] ||= u("td", null, null, -1),
 										s[13] ||= u("td", null, null, -1),
-										u("td", jt, [u("u", null, [u("span", null, _(d(k)(d(Be)(e, f), d(X))), 1)])])
+										u("td", Lt, [u("u", null, [u("span", null, v(d(j)(d(Je)(e, f), d(Y))), 1)])])
 									])])
 								])]))), 128))])) : n("", !0),
-								d(de) ? (a(), c("table", Mt, [u("tbody", null, [(a(!0), c(p, null, l(d(ce).products, ({ id: e, name: t, price: r, description: i }) => (a(), c("tr", { key: e }, [u("td", Nt, [
-									u("b", null, [u("span", null, _(d(P)(t)), 1)]),
-									i && i !== t ? (a(), c("span", Pt, _(d(P)(i)), 1)) : n("", !0),
-									u("u", null, _(d(k)(r, d(X))), 1)
-								]), u("td", Ft, [h(U, {
-									modelValue: d(b)[e],
-									"onUpdate:modelValue": (t) => d(b)[e] = t,
+								d(Se) ? (a(), c("table", Rt, [u("tbody", null, [(a(!0), c(p, null, l(d(fe).products, ({ id: e, name: t, price: r, description: i }) => (a(), c("tr", { key: e }, [u("td", zt, [
+									u("b", null, [u("span", null, v(d(F)(t)), 1)]),
+									i && i !== t ? (a(), c("span", Bt, v(d(F)(i)), 1)) : n("", !0),
+									u("u", null, v(d(j)(r, d(Y))), 1)
+								]), u("td", Vt, [g(H, {
+									modelValue: d(x)[e],
+									"onUpdate:modelValue": (t) => d(x)[e] = t,
 									small: !0,
 									"min-value": 0
 								}, null, 8, ["modelValue", "onUpdate:modelValue"])])]))), 128))])])) : n("", !0)
 							])]),
-							navigation: C(() => [h(G, {
+							navigation: w(() => [g(W, {
 								label: d(o)("event.startReservation"),
-								disabled: !d(ye),
+								disabled: !d(Ae),
 								"full-width": "",
 								onClickEvent: e
 							}, null, 8, [
@@ -934,92 +957,98 @@ var Ne = { class: "konnectio-event-listing-action-button" }, Pe = /*#__PURE__*/
 							])]),
 							_: 2
 						}, 1032, ["prev-callback"])) : n("", !0)]),
-						reservation: C(({ next: t, prev: i }) => [h(pt, {
+						reservation: w(({ next: t, prev: i }) => [g(yt, {
 							"show-terms-notice": !0,
 							"show-gift-card": !0,
-							"prev-callback": () => d(Ue)(i)
+							"prev-callback": () => d(Ze)(i)
 						}, {
-							form: C(() => [u("form", It, [
-								u("h2", null, [u("span", null, _(d(o)("booking.reservation.detailsTitle")), 1)]),
-								h(H, {
-									modelValue: d(D),
-									"onUpdate:modelValue": s[0] ||= (e) => m(D) ? D.value = e : null,
+							form: w(() => [u("form", Ht, [
+								u("h2", null, [u("span", null, v(d(o)("booking.reservation.detailsTitle")), 1)]),
+								g(ce, {
+									modelValue: d(k),
+									"onUpdate:modelValue": s[0] ||= (e) => h(k) ? k.value = e : null,
 									type: "text",
 									label: d(o)("booking.reservation.name"),
 									icon: "user-alt",
 									placeholder: d(o)("booking.reservation.namePlaceholder"),
+									error: $("name"),
 									required: ""
 								}, null, 8, [
 									"modelValue",
 									"label",
-									"placeholder"
+									"placeholder",
+									"error"
 								]),
-								h(H, {
-									modelValue: d(N),
-									"onUpdate:modelValue": s[1] ||= (e) => m(N) ? N.value = e : null,
+								g(ce, {
+									modelValue: d(P),
+									"onUpdate:modelValue": s[1] ||= (e) => h(P) ? P.value = e : null,
 									label: d(o)("booking.reservation.email"),
 									type: "email",
 									name: "email",
 									autocomplete: "email",
 									icon: "at",
 									placeholder: d(o)("booking.reservation.emailPlaceholder"),
+									error: $("email"),
 									required: ""
 								}, null, 8, [
 									"modelValue",
 									"label",
-									"placeholder"
+									"placeholder",
+									"error"
 								]),
-								h(ke, {
-									modelValue: d(O),
-									"onUpdate:modelValue": s[2] ||= (e) => m(O) ? O.value = e : null,
+								g(pe, {
+									modelValue: d(A),
+									"onUpdate:modelValue": s[2] ||= (e) => h(A) ? A.value = e : null,
 									label: d(o)("booking.reservation.phone"),
 									icon: "phone-office",
 									placeholder: d(o)("booking.reservation.phonePlaceholder"),
+									error: $("phone"),
 									required: ""
 								}, null, 8, [
 									"modelValue",
 									"label",
-									"placeholder"
+									"placeholder",
+									"error"
 								]),
-								d(ve) ? (a(), r(Se, {
+								d(ke) ? (a(), r(Ne, {
 									key: 0,
-									modelValue: d(R),
-									"onUpdate:modelValue": s[3] ||= (e) => m(R) ? R.value = e : null,
+									modelValue: d(z),
+									"onUpdate:modelValue": s[3] ||= (e) => h(z) ? z.value = e : null,
 									label: d(o)("event.selectArrivalTime"),
 									name: "eventTimeTable",
-									checkboxes: Ke.value,
+									checkboxes: st.value,
 									required: ""
 								}, null, 8, [
 									"modelValue",
 									"label",
 									"checkboxes"
 								])) : n("", !0),
-								d(fe) === d(re).FullDayEvent ? (a(), r(U, {
+								d(Ce) === d(ie).FullDayEvent ? (a(), r(H, {
 									key: 1,
-									modelValue: d(x),
-									"onUpdate:modelValue": s[4] ||= (e) => m(x) ? x.value = e : null,
+									modelValue: d(S),
+									"onUpdate:modelValue": s[4] ||= (e) => h(S) ? S.value = e : null,
 									label: d(o)("event.numberOfDays"),
 									"min-value": 1,
 									required: ""
 								}, null, 8, ["modelValue", "label"])) : n("", !0),
-								e.showHighChairs === "yes" ? (a(), r(U, {
+								e.showHighChairs === "yes" ? (a(), r(H, {
 									key: 2,
-									modelValue: d(w),
-									"onUpdate:modelValue": s[5] ||= (e) => m(w) ? w.value = e : null,
+									modelValue: d(T),
+									"onUpdate:modelValue": s[5] ||= (e) => h(T) ? T.value = e : null,
 									label: d(o)("event.numberOfHighChairs"),
 									icon: "baby",
 									"no-optional-label": !1
 								}, null, 8, ["modelValue", "label"])) : n("", !0),
-								e.showFlagOnTable === "yes" ? (a(), r(Ae, {
+								e.showFlagOnTable === "yes" ? (a(), r(he, {
 									key: 3,
-									modelValue: d(S),
-									"onUpdate:modelValue": s[6] ||= (e) => m(S) ? S.value = e : null,
+									modelValue: d(C),
+									"onUpdate:modelValue": s[6] ||= (e) => h(C) ? C.value = e : null,
 									label: d(o)("event.flagOnTable")
 								}, null, 8, ["modelValue", "label"])) : n("", !0),
-								e.hideRemarks === "yes" ? n("", !0) : (a(), r(H, {
+								e.hideRemarks === "yes" ? n("", !0) : (a(), r(ce, {
 									key: 4,
-									modelValue: d(I),
-									"onUpdate:modelValue": s[7] ||= (e) => m(I) ? I.value = e : null,
+									modelValue: d(L),
+									"onUpdate:modelValue": s[7] ||= (e) => h(L) ? L.value = e : null,
 									type: "textarea",
 									label: d(o)("booking.reservation.remark"),
 									icon: "info-circle",
@@ -1029,10 +1058,10 @@ var Ne = { class: "konnectio-event-listing-action-button" }, Pe = /*#__PURE__*/
 									"label",
 									"placeholder"
 								])),
-								e.hideAllergies !== "yes" && d(ce)?.showAllergyFoodFieldOnline ? (a(), r(H, {
+								e.hideAllergies !== "yes" && d(fe)?.showAllergyFoodFieldOnline ? (a(), r(ce, {
 									key: 5,
-									modelValue: d(L),
-									"onUpdate:modelValue": s[8] ||= (e) => m(L) ? L.value = e : null,
+									modelValue: d(R),
+									"onUpdate:modelValue": s[8] ||= (e) => h(R) ? R.value = e : null,
 									type: "textarea",
 									label: d(o)("booking.reservation.allergies"),
 									icon: "allergies",
@@ -1043,12 +1072,12 @@ var Ne = { class: "konnectio-event-listing-action-button" }, Pe = /*#__PURE__*/
 									"placeholder"
 								])) : n("", !0)
 							])]),
-							navigation: C(() => [d(g) ? (a(), r(je, { key: 0 })) : n("", !0), h(G, {
+							navigation: w(() => [d(_) ? (a(), r(_e, { key: 0 })) : n("", !0), g(W, {
 								label: d(o)("general.confirmReservation"),
-								"is-loading": d(ge) || d(g),
-								disabled: !d(_e),
+								"is-loading": d(De) || d(_),
+								disabled: !d(Oe),
 								"full-width": "",
-								onClickEvent: (e) => Je(t)
+								onClickEvent: (e) => lt(t)
 							}, null, 8, [
 								"label",
 								"is-loading",
@@ -1057,20 +1086,20 @@ var Ne = { class: "konnectio-event-listing-action-button" }, Pe = /*#__PURE__*/
 							])]),
 							_: 2
 						}, 1032, ["prev-callback"])]),
-						payment: C(() => [h(Me)]),
-						confirmation: C(() => [h(Ce, { message: d(o)("event.confirmationMessage") }, null, 8, ["message"])]),
+						payment: w(() => [g(ye)]),
+						confirmation: w(() => [g(Pe, { message: d(o)("event.confirmationMessage") }, null, 8, ["message"])]),
 						_: 1
 					}, 8, ["steps"])]),
 					_: 1
 				}, 8, ["access-token", "callback"])]),
-				fallback: C(() => [h(_t)]),
+				fallback: w(() => [g(Ct)]),
 				_: 1
 			}))]),
 			_: 1
 		}, 8, ["styling"]));
 	}
-}), [["__scopeId", "data-v-f90b7287"]]), Rt = S(), zt = b("konnectio-event", Lt, (e) => {
-	e.use(O), e.use(y), e.use(Rt), e.use(Y), e.use(Oe);
+}), [["__scopeId", "data-v-7b7bd39f"]]), Wt = C(), Gt = x("konnectio-event", Ut, (e) => {
+	e.use(A), e.use(b), e.use(Wt), e.use(J), e.use(ze);
 });
 //#endregion
-export { zt as default };
+export { Gt as default };