@konnectio/core 4.0.82 → 4.0.84

package/dist/ActionField-CLQbtAU7.js

@@ -0,0 +1,100 @@
+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-BR0ZkskY.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-CLQbtAU7.js.map

package/dist/AvailabilitySkeleton-BJPo5KGW.js

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