@konnectio/core 4.0.87 → 4.0.89

package/dist/{ActionField-JyyQhohJ.js → ActionField-pRVpEYbK.js}

@@ -1,5 +1,5 @@
-import { d as c, c as m, a as d, b as i, w as V, e as v, i as t, f as q } from "./mitt-B_elXQ2J.js";
-import { A as g, n as k, b as B, T as I, c as C, p as A, _ as F } from "./Field.vue_vue_type_style_index_0_scoped_992f78a1_lang-DghVL0Oa.js";
+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-Cg46J41N.js";
+import { D as g, d as k, f as B, T as I, e as C, r as F, _ as A } from "./SelectField.vue_vue_type_style_index_0_lang-CDI5Jr8F.js";
 const L = { class: "fresh-booking-action-field" }, T = /* @__PURE__ */ c({
   __name: "ActionField",
   props: {
@@ -25,22 +25,22 @@ const L = { class: "fresh-booking-action-field" }, T = /* @__PURE__ */ c({
     isLoading: { type: Boolean, default: !1 }
   },
   emits: ["update:modelValue", "action"],
-  setup(y, { emit: b }) {
-    const s = b, u = y, o = u.id || g();
+  setup(f, { emit: y }) {
+    const s = y, u = f, o = u.id || g();
     function r(e) {
       s("update:modelValue", e);
     }
-    const n = m({
+    const n = p({
       get: () => u.modelValue,
       set: (e) => r(e)
-    }), p = m({
+    }), m = p({
       get: () => u.modelValue,
       set: (e) => r(e)
     });
-    function f() {
+    function b() {
       s("action");
     }
-    return (e, a) => (d(), i(A, {
+    return (e, a) => (d(), i(F, {
       label: e.label,
       id: t(o),
       icon: e.icon,
@@ -62,8 +62,8 @@ const L = { class: "fresh-booking-action-field" }, T = /* @__PURE__ */ c({
             placeholder: e.placeholder
           }, null, 8, ["modelValue", "id", "options", "name", "required", "placeholder"])) : e.type === "number" ? (d(), i(B, {
             key: 1,
-            modelValue: p.value,
-            "onUpdate:modelValue": a[1] || (a[1] = (l) => p.value = l),
+            modelValue: m.value,
+            "onUpdate:modelValue": a[1] || (a[1] = (l) => m.value = l),
             id: t(o),
             "min-value": e.minValue,
             "max-value": e.maxValue
@@ -86,15 +86,15 @@ const L = { class: "fresh-booking-action-field" }, T = /* @__PURE__ */ c({
             "is-loading": e.isLoading,
             disabled: e.buttonDisabled,
             secondary: e.secondary,
-            onClickEvent: a[3] || (a[3] = (l) => f())
+            onClickEvent: a[3] || (a[3] = (l) => b())
           }, null, 8, ["data-test", "icon", "label", "icon-color", "styling", "is-loading", "disabled", "secondary"])
         ])
       ]),
       _: 1
     }, 8, ["label", "id", "icon", "icon-type", "required", "type", "readonly"]));
   }
-}), w = /* @__PURE__ */ F(T, [["__scopeId", "data-v-3e77e321"]]);
+}), w = /* @__PURE__ */ A(T, [["__scopeId", "data-v-3e77e321"]]);
 export {
   w as A
 };
-//# sourceMappingURL=ActionField-JyyQhohJ.js.map
+//# sourceMappingURL=ActionField-pRVpEYbK.js.map

package/dist/AvailabilitySkeleton-DyueTEga.js

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