@konnectio/core 4.8.2 → 4.8.4

package/dist/HotelAvailabilityForm-BGzRuNRM.js

@@ -0,0 +1,320 @@
+import { A as e, At as t, L as n, M as r, N as i, P as a, Q as o, _ as ee, a as te, et as s, f as ne, gt as re, h as c, j as l, jt as u, l as ie, mt as d, w as ae, wt as f, z as p } from "./i18n-_behsDNX.js";
+import { B as m, C as h, E as g, N as oe, O as se, S as _, U as ce, k as le, n as ue, q as de, r as v, t as fe, v as y } from "./SelectField-BUeYRCxc.js";
+import { n as b, p as pe } from "./AvailabilitySkeleton-DyHPcQ3l.js";
+//#region src/components/forms/HotelAvailabilityForm.vue?vue&type=script&setup=true&lang.ts
+var me = {
+	class: "konnectio-availability-location",
+	key: "location"
+}, he = {
+	id: "konnectio-availability-date-selection",
+	key: "multiDate"
+}, ge = {
+	key: 0,
+	class: "konnectio-availability-date-selection-multi"
+}, _e = {
+	class: "konnectio-availability-room-count",
+	key: "room"
+}, ve = {
+	class: "konnectio-availability-guest-selection",
+	key: "guests"
+}, ye = {
+	id: "konnectio-availability-confirmation",
+	key: "confirm"
+}, x = /*#__PURE__*/ _(/* @__PURE__ */ p({
+	__name: "HotelAvailabilityForm",
+	props: {
+		booking: {
+			type: Boolean,
+			default: !1
+		},
+		link: {},
+		selectedLocation: { default: NaN },
+		disableDefaultLocation: {
+			type: Boolean,
+			default: !1
+		},
+		hideLocations: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	setup(p) {
+		let { t: _ } = te(), x = p, S = h(), { adults: be, children: xe, roomCount: Se, arrivalDate: C, departureDate: w, location: T, hasHotelLocations: E, hotelLocations: D, controlLocation: Ce } = c(h()), O = se(), we = pe(), { display: k } = oe(), { firstSelectableDateOffset: A, lastSelectableDateOffset: j, defaultAdultAmount: M, defaultChildAmount: N, maxAdultAmount: Te, maxChildAmount: Ee, splitBookingCalendar: De, disableCalendarPricesAvailability: P } = c(g()), { hasChildSelection: F, hasRoomAmountSelection: I } = g(), Oe = () => new Date(new Date((/* @__PURE__ */ new Date()).setDate((/* @__PURE__ */ new Date()).getDate() + A.value)).setHours(12, 0, 0, 0)), ke = () => new Date(new Date((/* @__PURE__ */ new Date()).setDate((/* @__PURE__ */ new Date()).getDate() + A.value + 1)).setHours(12, 0, 0, 0)), Ae = () => x.disableDefaultLocation ? void 0 : Ce.value, L = f(M.value), R = f(N.value), z = f(1), B = f(Oe()), V = f(ke()), H = f(Ae()), U = e({
+			get: () => x.booking ? S.adults : L.value,
+			set: (e) => {
+				x.booking ? be.value = Number(e) : L.value = Number(e);
+			}
+		}), W = e({
+			get: () => x.booking ? S.children : R.value,
+			set: (e) => {
+				x.booking ? xe.value = Number(e) : R.value = Number(e);
+			}
+		}), G = e({
+			get: () => x.booking ? S.roomCount : z.value,
+			set: (e) => {
+				x.booking ? Se.value = Number(e) : z.value = Number(e);
+			}
+		}), K = e({
+			get: () => x.booking ? C.value : B.value,
+			set: (e) => {
+				x.booking ? C.value = e : B.value = e;
+			}
+		}), q = e({
+			get: () => x.booking ? w.value : V.value,
+			set: (e) => {
+				x.booking ? w.value = e : V.value = e;
+			}
+		}), J = e({
+			get: () => isNaN(x.selectedLocation) ? x.booking ? T.value ?? NaN : H.value ?? NaN : x.selectedLocation,
+			set: (e) => {
+				x.booking ? T.value = e : H.value = e;
+			}
+		}), Y = e(() => {
+			let e = D.value.find(({ id: e }) => e === x.selectedLocation);
+			return e ? e.name : "";
+		}), X = e(() => E.value && !x.hideLocations), Z = f([]), je = e(() => new Date((/* @__PURE__ */ new Date()).setDate((/* @__PURE__ */ new Date()).getDate()))), Me = e(() => new Date((/* @__PURE__ */ new Date()).setDate((/* @__PURE__ */ new Date()).getDate() + j.value))), Ne = e(() => new Date((/* @__PURE__ */ new Date()).setDate(K.value.getDate() + (j.value + 1)))), Q = e(() => U.value !== 0), Pe = e(() => typeof x.link != "string");
+		function $(e) {
+			let t = new URLSearchParams(ce({
+				adults: U.value,
+				children: W.value,
+				roomCount: G.value,
+				arrivalDate: K.value,
+				departureDate: q.value,
+				location: J.value
+			})), n = new URL(e, window.location.origin);
+			n.search = t.toString(), window.location.replace(n.toString());
+		}
+		function Fe() {
+			if (isNaN(J.value) && E.value) {
+				k({
+					message: _("alert.error.selectHotelId"),
+					type: "error"
+				});
+				return;
+			}
+			if (isNaN(U.value)) {
+				k({
+					message: _("alert.error.selectValidAdults"),
+					type: "error"
+				});
+				return;
+			}
+			if (isNaN(W.value)) {
+				k({
+					message: _("alert.error.selectValidChildren"),
+					type: "error"
+				});
+				return;
+			}
+			if (x.booking === !1) {
+				if (Pe.value) {
+					let e = de();
+					x.link[e] ? $(x.link[e]) : x.link.en ? $(x.link.en) : k({
+						message: "Module misconfiguration, contact an admin",
+						type: "error"
+					});
+				} else $(x.link);
+			} else Q.value && O.fetchAvailabilityData();
+		}
+		let Ie = ne("history", { removeNullishValues: !0 });
+		function Le() {
+			x.booking && (Ie.ci = m(K.value), Ie.co = m(q.value));
+		}
+		return d(K, (e) => {
+			let t = new Date(new Date(e).setDate(new Date(e).getDate() + 1));
+			new Date(q.value) < t && (q.value = t), Le();
+		}), d(q, () => {
+			Le();
+		}), ie(le).on(() => {
+			Z.value = [K.value, q.value];
+		}), d(Z, (e) => {
+			K.value = e[0], q.value = e[1];
+		}), d([
+			U,
+			W,
+			J
+		], () => {
+			we.clearCache();
+		}), o(() => {
+			Z.value = [K.value, q.value];
+		}), (e, o) => (s(), a("form", {
+			id: "konnectio-availability-form",
+			class: u({ reservation: p.booking }),
+			type: "availability",
+			onSubmit: ae(Fe, ["prevent"])
+		}, [n(ee, {
+			id: "konnectio-availability-form-content",
+			tag: "ul",
+			class: u([
+				{ "is-booking-page": p.booking },
+				{ "only-adult-guests": !t(F)(J.value) },
+				{ "all-guests": t(F)(J.value) },
+				{ "has-location": X.value },
+				{ "has-room-count": t(I)(J.value) }
+			])
+		}, {
+			default: re(() => [
+				X.value ? (s(), a("li", me, [isNaN(p.selectedLocation) ? (s(), r(fe, {
+					key: 1,
+					modelValue: J.value,
+					"onUpdate:modelValue": o[1] ||= (e) => J.value = e,
+					label: t(_)("general.location"),
+					placeholder: t(_)("general.locationPlaceholder"),
+					icon: "location-dot",
+					"icon-type": "fas",
+					"icon-placement": "label",
+					"label-key": "name",
+					"value-key": "id",
+					options: t(D),
+					searchable: !1
+				}, null, 8, [
+					"modelValue",
+					"label",
+					"placeholder",
+					"options"
+				])) : (s(), r(ue, {
+					key: 0,
+					modelValue: Y.value,
+					"onUpdate:modelValue": o[0] ||= (e) => Y.value = e,
+					label: t(_)("general.location"),
+					icon: "location-dot",
+					"icon-type": "fas",
+					"icon-placement": "label",
+					readonly: ""
+				}, null, 8, ["modelValue", "label"]))])) : i("", !0),
+				l("li", he, [t(De) ? (s(), a("div", ge, [n(b, {
+					modelValue: K.value,
+					"onUpdate:modelValue": o[2] ||= (e) => K.value = e,
+					label: t(_)("availability.arrivalDate"),
+					name: "arrivalDate",
+					"icon-type": "fas",
+					"icon-placement": "label",
+					"start-date": K.value,
+					"min-date": je.value,
+					"max-date": Me.value,
+					"show-prices": !t(P),
+					"show-availability": !t(P)
+				}, null, 8, [
+					"modelValue",
+					"label",
+					"start-date",
+					"min-date",
+					"max-date",
+					"show-prices",
+					"show-availability"
+				]), n(b, {
+					modelValue: q.value,
+					"onUpdate:modelValue": o[3] ||= (e) => q.value = e,
+					label: t(_)("availability.departureDate"),
+					name: "departureDate",
+					"icon-type": "fas",
+					"icon-placement": "label",
+					"start-date": q.value,
+					"min-date": K.value,
+					"max-date": Ne.value,
+					"show-prices": !t(P),
+					"show-availability": !t(P)
+				}, null, 8, [
+					"modelValue",
+					"label",
+					"start-date",
+					"min-date",
+					"max-date",
+					"show-prices",
+					"show-availability"
+				])])) : (s(), r(b, {
+					key: 1,
+					modelValue: Z.value,
+					"onUpdate:modelValue": o[4] ||= (e) => Z.value = e,
+					label: t(_)("availability.checkInOut"),
+					"icon-type": "fas",
+					"icon-placement": "label",
+					"min-range": 1,
+					"min-date": je.value,
+					"max-date": Ne.value,
+					"show-prices": !t(P),
+					"show-availability": !t(P),
+					range: ""
+				}, null, 8, [
+					"modelValue",
+					"label",
+					"min-date",
+					"max-date",
+					"show-prices",
+					"show-availability"
+				]))]),
+				t(I)(J.value) ? (s(), a("li", _e, [n(v, {
+					modelValue: G.value,
+					"onUpdate:modelValue": o[5] ||= (e) => G.value = e,
+					label: t(_)("availability.roomCount"),
+					"icon-type": "fas",
+					"icon-placement": "label",
+					name: "roomCount",
+					icon: "house",
+					"min-value": 1,
+					"max-value": 10,
+					controls: !0
+				}, null, 8, ["modelValue", "label"])])) : i("", !0),
+				l("li", ve, [n(v, {
+					modelValue: U.value,
+					"onUpdate:modelValue": o[6] ||= (e) => U.value = e,
+					label: t(_)("availability.adults"),
+					description: t(_)("general.adultAgeRange"),
+					"icon-type": "fas",
+					"icon-placement": "label",
+					name: "adults",
+					icon: "male",
+					"max-value": t(Te),
+					placeholder: `${t(M)}`,
+					controls: !0
+				}, null, 8, [
+					"modelValue",
+					"label",
+					"description",
+					"max-value",
+					"placeholder"
+				]), t(F)(J.value) ? (s(), r(v, {
+					key: 0,
+					modelValue: W.value,
+					"onUpdate:modelValue": o[7] ||= (e) => W.value = e,
+					label: t(_)("availability.children"),
+					description: t(_)("general.childAgeRange"),
+					"icon-type": "fas",
+					"icon-placement": "label",
+					name: "children",
+					icon: "child",
+					"max-value": t(Ee),
+					placeholder: `${t(N)}`,
+					controls: !0
+				}, null, 8, [
+					"modelValue",
+					"label",
+					"description",
+					"max-value",
+					"placeholder"
+				])) : i("", !0)]),
+				l("li", ye, [n(y, {
+					class: "konnectio-availability-submit-small",
+					type: "submit",
+					icon: "search",
+					"icon-type": "fas",
+					disabled: !Q.value,
+					"is-loading": t(O).areListingsLoading
+				}, null, 8, ["disabled", "is-loading"]), n(y, {
+					class: "konnectio-availability-submit-large",
+					type: "submit",
+					label: t(_)("availability.buttonLabel"),
+					disabled: !Q.value,
+					"is-loading": t(O).areListingsLoading
+				}, null, 8, [
+					"label",
+					"disabled",
+					"is-loading"
+				])])
+			]),
+			_: 1
+		}, 8, ["class"])], 34));
+	}
+}), [["__scopeId", "data-v-cbe7e093"]]);
+//#endregion
+export { x as t };