@konnectio/core 4.0.82 → 4.0.83

package/dist/ActionField-BA-fYDFE.js

@@ -0,0 +1,100 @@
+import { d as c, c as m, a as d, b as i, w as V, e as v, u as t, f as q } from "./vue.esm-bundler-BkY4vCIk.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-9lyXRaoC.js";
+const L = { class: "fresh-booking-action-field" }, T = /* @__PURE__ */ c({
+  __name: "ActionField",
+  props: {
+    modelValue: {},
+    label: {},
+    buttonLabel: {},
+    buttonIcon: {},
+    buttonIconColor: {},
+    buttonDisabled: { type: Boolean, default: !1 },
+    secondary: { type: Boolean, default: !1 },
+    name: {},
+    id: {},
+    type: { default: "text" },
+    placeholder: {},
+    icon: {},
+    iconType: { default: "fal" },
+    required: { type: Boolean, default: !1 },
+    readonly: { type: Boolean, default: !1 },
+    data: {},
+    action: {},
+    minValue: {},
+    maxValue: {},
+    isLoading: { type: Boolean, default: !1 }
+  },
+  emits: ["update:modelValue", "action"],
+  setup(y, { emit: b }) {
+    const s = b, u = y, o = u.id || g();
+    function r(e) {
+      s("update:modelValue", e);
+    }
+    const n = m({
+      get: () => u.modelValue,
+      set: (e) => r(e)
+    }), p = m({
+      get: () => u.modelValue,
+      set: (e) => r(e)
+    });
+    function f() {
+      s("action");
+    }
+    return (e, a) => (d(), i(A, {
+      label: e.label,
+      id: t(o),
+      icon: e.icon,
+      "icon-type": e.iconType,
+      required: e.required,
+      type: e.type,
+      readonly: e.readonly
+    }, {
+      default: V(() => [
+        v("div", L, [
+          e.type === "dropdown" && e.data ? (d(), i(k, {
+            key: 0,
+            modelValue: n.value,
+            "onUpdate:modelValue": a[0] || (a[0] = (l) => n.value = l),
+            id: t(o),
+            options: e.data,
+            name: e.name,
+            required: e.required,
+            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),
+            id: t(o),
+            "min-value": e.minValue,
+            "max-value": e.maxValue
+          }, null, 8, ["modelValue", "id", "min-value", "max-value"])) : (d(), i(I, {
+            key: 2,
+            modelValue: n.value,
+            "onUpdate:modelValue": a[2] || (a[2] = (l) => n.value = l),
+            id: t(o),
+            name: e.name,
+            required: e.required,
+            placeholder: e.placeholder
+          }, null, 8, ["modelValue", "id", "name", "required", "placeholder"])),
+          q(C, {
+            "data-test": `${e.name}Submit`,
+            icon: e.buttonIcon,
+            label: e.buttonLabel,
+            "icon-color": e.buttonIconColor,
+            styling: e.action,
+            type: "button",
+            "is-loading": e.isLoading,
+            disabled: e.buttonDisabled,
+            secondary: e.secondary,
+            onClickEvent: a[3] || (a[3] = (l) => f())
+          }, 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"]]);
+export {
+  w as A
+};
+//# sourceMappingURL=ActionField-BA-fYDFE.js.map

package/dist/AvailabilitySkeleton-cs1R6FqT.js

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