@konnectio/core 4.0.93 → 4.0.94

package/dist/{ActionField-C7lWLc8e.js → ActionField-pZOFNMkw.js}

@@ -1,5 +1,5 @@
 import { d as c, c as p, a as d, b as i, w as V, e as v, i as t, f as q } from "./mitt-BGszhQ2P.js";
-import { D as g, c as k, f as B, T as I, d as C, r as F, _ as A } from "./SelectField.vue_vue_type_style_index_0_lang-D08m3ZbO.js";
+import { D as g, c as k, f as B, T as I, d as C, r as F, _ as A } from "./SelectField.vue_vue_type_style_index_0_lang-BeprYLM8.js";
 const L = { class: "fresh-booking-action-field" }, T = /* @__PURE__ */ c({
   __name: "ActionField",
   props: {
@@ -97,4 +97,4 @@ const L = { class: "fresh-booking-action-field" }, T = /* @__PURE__ */ c({
 export {
   w as A
 };
-//# sourceMappingURL=ActionField-C7lWLc8e.js.map
+//# sourceMappingURL=ActionField-pZOFNMkw.js.map

package/dist/AvailabilitySkeleton-DJyT38F9.js

@@ -0,0 +1,319 @@
+import { d as te, u as De, s as L, r as b, c as s, C as K, o as ke, a as r, g as m, f as n, w as he, i as t, b as k, j as N, e as h, n as S, D as we, h as Ve, O as _e } from "./mitt-BGszhQ2P.js";
+import { u as Q, b as W, a as Ae, g as X, T as Le, c as xe, f as Z, d as ee, q as Ne, _ as le } from "./SelectField.vue_vue_type_style_index_0_lang-BeprYLM8.js";
+import { _ as x } from "./AvailabilitySkeleton.vue_vue_type_style_index_0_scoped_cebeb733_lang-CuRWF7vG.js";
+import { E as ae } from "./Field.vue_vue_type_style_index_0_scoped_992f78a1_lang-CH1o9S9a.js";
+import { F as p } from "./Field-MzDRmdmU.js";
+const Se = {
+  class: "konnectio-availability-location",
+  key: "location"
+}, Ce = {
+  id: "konnectio-availability-date-selection",
+  key: "multiDate"
+}, Ue = {
+  key: 0,
+  class: "konnectio-availability-date-selection-multi"
+}, $e = {
+  class: "konnectio-availability-guest-selection",
+  key: "guests"
+}, Be = {
+  id: "konnectio-availability-confirmation",
+  key: "confirm"
+}, He = /* @__PURE__ */ te({
+  __name: "HotelAvailabilityForm",
+  props: {
+    booking: { type: Boolean, default: !1 },
+    link: {},
+    selectedLocation: { default: NaN },
+    disableDefaultLocation: { type: Boolean, default: !1 }
+  },
+  setup(C) {
+    const { t: i } = De(), U = _e("emitter"), l = C, $ = Q(), {
+      adults: oe,
+      children: ie,
+      arrivalDate: B,
+      departureDate: H,
+      location: R,
+      hasHotelLocations: w,
+      hotelLocations: F,
+      controlLocation: ne
+    } = L(Q()), { fetchAvailabilityData: se } = W(), { areListingsLoading: I } = L(W()), { display: y } = Ae(), {
+      firstSelectableDateOffset: O,
+      lastSelectableDateOffset: T,
+      defaultAdultAmount: ue,
+      defaultChildAmount: re,
+      maxAdultAmount: ce,
+      maxChildAmount: de,
+      splitBookingCalendar: ve
+    } = L(X()), { hasChildSelection: V } = X(), me = () => new Date(new Date((/* @__PURE__ */ new Date()).setDate((/* @__PURE__ */ new Date()).getDate() + 1)).setHours(12, 0, 0, 0)), be = () => new Date(new Date((/* @__PURE__ */ new Date()).setDate((/* @__PURE__ */ new Date()).getDate() + 2)).setHours(12, 0, 0, 0)), pe = () => l.disableDefaultLocation ? void 0 : ne.value, M = b(ue.value), j = b(re.value), E = b(me()), P = b(be()), q = b(pe()), g = s({
+      get: () => l.booking ? $.adults : M.value,
+      set: (e) => {
+        l.booking ? oe.value = Number(e) : M.value = Number(e);
+      }
+    }), D = s({
+      get: () => l.booking ? $.children : j.value,
+      set: (e) => {
+        l.booking ? ie.value = Number(e) : j.value = Number(e);
+      }
+    }), u = s({
+      get: () => l.booking ? B.value : E.value,
+      set: (e) => {
+        l.booking ? B.value = e : E.value = e;
+      }
+    }), c = s({
+      get: () => l.booking ? H.value : P.value,
+      set: (e) => {
+        l.booking ? H.value = e : P.value = e;
+      }
+    }), d = s({
+      get: () => isNaN(l.selectedLocation) ? l.booking ? R.value : q.value : l.selectedLocation,
+      set: (e) => {
+        l.booking ? R.value = e : q.value = e;
+      }
+    }), z = s(() => {
+      const e = F.value.find(({ id: a }) => a === l.selectedLocation);
+      return e ? e.name : "";
+    }), f = b([]), G = s(() => new Date((/* @__PURE__ */ new Date()).setDate((/* @__PURE__ */ new Date()).getDate() + (O.value - 1)))), ge = s(() => new Date((/* @__PURE__ */ new Date()).setDate((/* @__PURE__ */ new Date()).getDate() + T.value)));
+    s(() => new Date((/* @__PURE__ */ new Date()).setDate(u.value.getDate() + O.value)));
+    const Y = s(() => new Date((/* @__PURE__ */ new Date()).setDate(u.value.getDate() + (T.value + 1)))), _ = s(() => g.value !== 0), fe = s(() => typeof l.link != "string");
+    function J(e) {
+      const a = e.getFullYear();
+      let o = e.getMonth() + 1, v = e.getDate();
+      return v < 10 && (v = "0" + v), o < 10 && (o = "0" + o), `${a}-${o}-${v}`;
+    }
+    function A(e) {
+      const a = {
+        a: g.value.toString(),
+        c: D.value.toString(),
+        ci: J(u.value),
+        co: J(c.value),
+        hid: d.value.toString()
+      }, o = new URLSearchParams(a), v = new URL(e, window.location.origin);
+      v.search = o.toString(), window.location.replace(v.toString());
+    }
+    function ye() {
+      if (isNaN(d.value) && w.value) {
+        y({
+          message: i("alert.error.selectHotelId"),
+          type: "error"
+        });
+        return;
+      }
+      if (isNaN(g.value)) {
+        y({
+          message: i("alert.error.selectValidAdults"),
+          type: "error"
+        });
+        return;
+      }
+      if (isNaN(D.value)) {
+        y({
+          message: i("alert.error.selectValidChildren"),
+          type: "error"
+        });
+        return;
+      }
+      if (l.booking === !1)
+        if (fe.value) {
+          const e = Ne();
+          l.link[e] ? A(l.link[e]) : l.link.en ? A(l.link.en) : y({
+            message: "Module misconfiguration, contact an admin",
+            type: "error"
+          });
+        } else
+          A(l.link);
+      else _.value && se();
+    }
+    return K(u, (e) => {
+      const a = new Date(new Date(e).setDate(new Date(e).getDate() + 1));
+      new Date(c.value) < a && (c.value = a);
+    }), U.on("forcedDateChange", () => {
+      f.value = [u.value, c.value];
+    }), K(f, (e) => {
+      u.value = e[0], c.value = e[1];
+    }), ke(() => {
+      f.value = [u.value, c.value];
+    }), (e, a) => (r(), m("form", {
+      id: "konnectio-availability-form",
+      class: S({ reservation: e.booking }),
+      type: "availability",
+      onSubmit: Ve(ye, ["prevent"])
+    }, [
+      n(we, {
+        id: "konnectio-availability-form-content",
+        tag: "ul",
+        class: S([
+          { "is-booking-page": e.booking },
+          { "only-adult-guests": !t(V)(d.value) },
+          { "all-guests": t(V)(d.value) },
+          { "has-location": t(w) }
+        ])
+      }, {
+        default: he(() => [
+          t(w) ? (r(), m("li", Se, [
+            isNaN(e.selectedLocation) ? (r(), k(xe, {
+              key: 1,
+              modelValue: d.value,
+              "onUpdate:modelValue": a[1] || (a[1] = (o) => d.value = o),
+              label: t(i)("general.location"),
+              placeholder: t(i)("general.locationPlaceholder"),
+              icon: "location-dot",
+              "icon-type": "fas",
+              "icon-placement": "label",
+              "label-key": "name",
+              "value-key": "id",
+              options: t(F),
+              searchable: !1
+            }, null, 8, ["modelValue", "label", "placeholder", "options"])) : (r(), k(Le, {
+              key: 0,
+              modelValue: z.value,
+              "onUpdate:modelValue": a[0] || (a[0] = (o) => z.value = o),
+              label: t(i)("general.location"),
+              icon: "location-dot",
+              "icon-type": "fas",
+              "icon-placement": "label",
+              readonly: ""
+            }, null, 8, ["modelValue", "label"]))
+          ])) : N("", !0),
+          h("li", Ce, [
+            t(ve) ? (r(), m("div", Ue, [
+              n(x, {
+                modelValue: u.value,
+                "onUpdate:modelValue": a[2] || (a[2] = (o) => u.value = o),
+                label: t(i)("availability.arrivalDate"),
+                name: "arrivalDate",
+                "icon-type": "fas",
+                "icon-placement": "label",
+                "start-date": u.value,
+                "min-date": G.value,
+                "max-date": ge.value
+              }, null, 8, ["modelValue", "label", "start-date", "min-date", "max-date"]),
+              n(x, {
+                modelValue: c.value,
+                "onUpdate:modelValue": a[3] || (a[3] = (o) => c.value = o),
+                label: t(i)("availability.departureDate"),
+                name: "departureDate",
+                "icon-type": "fas",
+                "icon-placement": "label",
+                "start-date": c.value,
+                "min-date": u.value,
+                "max-date": Y.value
+              }, null, 8, ["modelValue", "label", "start-date", "min-date", "max-date"])
+            ])) : (r(), k(x, {
+              key: 1,
+              modelValue: f.value,
+              "onUpdate:modelValue": a[4] || (a[4] = (o) => f.value = o),
+              label: t(i)("availability.checkInOut"),
+              "icon-type": "fas",
+              "icon-placement": "label",
+              "min-range": 1,
+              "min-date": G.value,
+              "max-date": Y.value,
+              range: ""
+            }, null, 8, ["modelValue", "label", "min-date", "max-date"]))
+          ]),
+          h("li", $e, [
+            n(Z, {
+              modelValue: g.value,
+              "onUpdate:modelValue": a[5] || (a[5] = (o) => g.value = o),
+              label: t(i)("availability.adults"),
+              description: t(i)("general.adultAgeRange"),
+              "icon-type": "fas",
+              "icon-placement": "label",
+              name: "adults",
+              icon: "male",
+              "max-value": t(ce),
+              controls: !0
+            }, null, 8, ["modelValue", "label", "description", "max-value"]),
+            t(V)(d.value) ? (r(), k(Z, {
+              key: 0,
+              modelValue: D.value,
+              "onUpdate:modelValue": a[6] || (a[6] = (o) => D.value = o),
+              label: t(i)("availability.children"),
+              description: t(i)("general.childAgeRange"),
+              "icon-type": "fas",
+              "icon-placement": "label",
+              name: "children",
+              icon: "child",
+              "max-value": t(de),
+              controls: !0
+            }, null, 8, ["modelValue", "label", "description", "max-value"])) : N("", !0)
+          ]),
+          h("li", Be, [
+            n(ee, {
+              class: "konnectio-availability-submit-small",
+              type: "submit",
+              icon: "search",
+              "icon-type": "fas",
+              disabled: !_.value,
+              "is-loading": t(I)
+            }, null, 8, ["disabled", "is-loading"]),
+            n(ee, {
+              class: "konnectio-availability-submit-large",
+              type: "submit",
+              label: t(i)("availability.buttonLabel"),
+              disabled: !_.value,
+              "is-loading": t(I)
+            }, null, 8, ["label", "disabled", "is-loading"])
+          ])
+        ]),
+        _: 1
+      }, 8, ["class"])
+    ], 34));
+  }
+}), ze = /* @__PURE__ */ le(He, [["__scopeId", "data-v-1d793fb5"]]), Re = { class: "availability-skeleton" }, Fe = {
+  key: 0,
+  class: "availability-skeleton-navigation"
+}, Ie = { class: "availability-skeleton-content" }, Oe = {
+  key: 1,
+  class: "availability-skeleton-event"
+}, Te = /* @__PURE__ */ te({
+  __name: "AvailabilitySkeleton",
+  props: {
+    view: { default: "hotel" },
+    hotel: { type: Boolean, default: !1 }
+  },
+  setup(C) {
+    return (i, U) => (r(), m("div", Re, [
+      i.view === "both" ? (r(), m("div", Fe, [
+        n(ae, {
+          height: "28px",
+          width: "60px",
+          "border-radius": "20px"
+        }),
+        n(ae, {
+          height: "28px",
+          width: "60px",
+          "border-radius": "20px"
+        })
+      ])) : N("", !0),
+      h("div", Ie, [
+        i.view !== "event" ? (r(), m("div", {
+          key: 0,
+          class: S([
+            "availability-skeleton-hotel",
+            { "within-hotel": i.hotel }
+          ])
+        }, [
+          n(p, { "with-icon": "" }),
+          n(p, { "with-icon": "" }),
+          n(p, { "with-icon": "" }),
+          n(p, {
+            "with-icon": "",
+            "no-label": ""
+          })
+        ], 2)) : (r(), m("div", Oe, [
+          n(p, { "with-icon": "" }),
+          n(p, {
+            "with-icon": "",
+            "no-label": ""
+          })
+        ]))
+      ])
+    ]));
+  }
+}), Ge = /* @__PURE__ */ le(Te, [["__scopeId", "data-v-cebeb733"]]);
+export {
+  Ge as A,
+  ze as H
+};
+//# sourceMappingURL=AvailabilitySkeleton-DJyT38F9.js.map