@konnectio/core 4.0.56-rc4 → 4.0.56-rc40

package/dist/{ActionField-UFZMmHDy.js → ActionField-CD5wWyTP.js}

@@ -1,6 +1,13 @@
-import { defineComponent as c, computed as p, openBlock as d, createBlock as i, unref as t, withCtx as V, createElementVNode as v, createVNode as q } from "vue";
-import { r as g, I as k, j as I, k as B, T as C, C as F, _ as A } from "./SelectField.vue_vue_type_style_index_0_lang-3YCxOJhZ.js";
-const L = { class: "fresh-booking-action-field" }, T = /* @__PURE__ */ c({
+import { d as c, c as y, o as i, b as u, w as V, g, u as s, f as v } from "./_commonjsHelpers-BpcYSDvQ.js";
+import { r as I, k, l as q, T as w, C as B, I as C, _ as D } from "./Field.vue_vue_type_style_index_0_scoped_992f78a1_lang-Bi1FLGK9.js";
+(function() {
+  try {
+    var o = typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {}, n = new Error().stack;
+    n && (o._sentryDebugIds = o._sentryDebugIds || {}, o._sentryDebugIds[n] = "fcf46767-e20a-415a-9073-1752e2d1b176", o._sentryDebugIdIdentifier = "sentry-dbid-fcf46767-e20a-415a-9073-1752e2d1b176");
+  } catch {
+  }
+})();
+const F = { class: "fresh-booking-action-field" }, h = /* @__PURE__ */ c({
   __name: "ActionField",
   props: {
     modelValue: {},
@@ -25,24 +32,24 @@ const L = { class: "fresh-booking-action-field" }, T = /* @__PURE__ */ c({
     isLoading: { type: Boolean, default: !1 }
   },
   emits: ["update:modelValue", "action"],
-  setup(y, { emit: f }) {
-    const r = f, u = y, a = u.id || g();
-    function s(e) {
+  setup(o, { emit: n }) {
+    const r = n, p = o, d = p.id || I();
+    function m(e) {
       r("update:modelValue", e);
     }
-    const n = p({
-      get: () => u.modelValue,
-      set: (e) => s(e)
-    }), m = p({
-      get: () => u.modelValue,
-      set: (e) => s(e)
+    const t = y({
+      get: () => p.modelValue,
+      set: (e) => m(e)
+    }), f = y({
+      get: () => p.modelValue,
+      set: (e) => m(e)
     });
     function b() {
       r("action");
     }
-    return (e, l) => (d(), i(k, {
+    return (e, a) => (i(), u(C, {
       label: e.label,
-      id: t(a),
+      id: s(d),
       icon: e.icon,
       "icon-type": e.iconType,
       required: e.required,
@@ -50,33 +57,33 @@ const L = { class: "fresh-booking-action-field" }, T = /* @__PURE__ */ c({
       readonly: e.readonly
     }, {
       default: V(() => [
-        v("div", L, [
-          e.type === "dropdown" && e.data ? (d(), i(I, {
+        g("div", F, [
+          e.type === "dropdown" && e.data ? (i(), u(k, {
             key: 0,
-            modelValue: n.value,
-            "onUpdate:modelValue": l[0] || (l[0] = (o) => n.value = o),
-            id: t(a),
+            modelValue: t.value,
+            "onUpdate:modelValue": a[0] || (a[0] = (l) => t.value = l),
+            id: s(d),
             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, {
+          }, null, 8, ["modelValue", "id", "options", "name", "required", "placeholder"])) : e.type === "number" ? (i(), u(q, {
             key: 1,
-            modelValue: m.value,
-            "onUpdate:modelValue": l[1] || (l[1] = (o) => m.value = o),
-            id: t(a),
+            modelValue: f.value,
+            "onUpdate:modelValue": a[1] || (a[1] = (l) => f.value = l),
+            id: s(d),
             "min-value": e.minValue,
             "max-value": e.maxValue
-          }, null, 8, ["modelValue", "id", "min-value", "max-value"])) : (d(), i(C, {
+          }, null, 8, ["modelValue", "id", "min-value", "max-value"])) : (i(), u(w, {
             key: 2,
-            modelValue: n.value,
-            "onUpdate:modelValue": l[2] || (l[2] = (o) => n.value = o),
-            id: t(a),
+            modelValue: t.value,
+            "onUpdate:modelValue": a[2] || (a[2] = (l) => t.value = l),
+            id: s(d),
             name: e.name,
             required: e.required,
             placeholder: e.placeholder
           }, null, 8, ["modelValue", "id", "name", "required", "placeholder"])),
-          q(F, {
+          v(B, {
             "data-test": `${e.name}Submit`,
             icon: e.buttonIcon,
             label: e.buttonLabel,
@@ -86,14 +93,15 @@ const L = { class: "fresh-booking-action-field" }, T = /* @__PURE__ */ c({
             "is-loading": e.isLoading,
             disabled: e.buttonDisabled,
             secondary: e.secondary,
-            onClickEvent: l[3] || (l[3] = (o) => b())
+            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"]));
   }
-}), U = /* @__PURE__ */ A(T, [["__scopeId", "data-v-3e77e321"]]);
+}), T = /* @__PURE__ */ D(h, [["__scopeId", "data-v-3e77e321"]]);
 export {
-  U as A
+  T as A
 };
+//# sourceMappingURL=ActionField-CD5wWyTP.js.map

package/dist/AvailabilitySkeleton-D9lVJ7Y4.js

@@ -0,0 +1,288 @@
+import { d as Y, m as me, r as f, c as s, q as G, h as pe, o as n, a as r, f as u, w as fe, u as e, b as g, e as y, g as N, F as J, n as $, l as ge, i as De } from "./_commonjsHelpers-BpcYSDvQ.js";
+import { h as ye, s as L, m as K, z as P, b as ke, T as x, k as he, l as Q, C as W, g as we, _ as Z, E as X } from "./Field.vue_vue_type_style_index_0_scoped_992f78a1_lang-Bi1FLGK9.js";
+import { _ as _e } from "./AvailabilitySkeleton.vue_vue_type_style_index_0_scoped_17762b9b_lang-Cb15NqtR.js";
+import { F as D } from "./Field-Nqc4wuqz.js";
+(function() {
+  try {
+    var c = typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {}, t = new Error().stack;
+    t && (c._sentryDebugIds = c._sentryDebugIds || {}, c._sentryDebugIds[t] = "742572b1-565c-4415-afa9-658089f67247", c._sentryDebugIdIdentifier = "sentry-dbid-742572b1-565c-4415-afa9-658089f67247");
+  } catch {
+  }
+})();
+const Ve = {
+  class: "konnectio-availability-location",
+  key: "location"
+}, Ae = {
+  id: "konnectio-availability-date-selection",
+  key: "multiDate"
+}, Le = {
+  id: "konnectio-availability-guest-selection",
+  key: "guests"
+}, xe = {
+  id: "konnectio-availability-confirmation",
+  key: "confirm"
+}, Ne = /* @__PURE__ */ Y({
+  __name: "HotelAvailabilityForm",
+  props: {
+    booking: { type: Boolean, default: !1 },
+    link: {},
+    selectedLocation: { default: NaN }
+  },
+  setup(c) {
+    const { t } = ye(), _ = me("emitter"), l = c, {
+      adults: C,
+      children: S,
+      arrivalDate: U,
+      departureDate: I,
+      location: B,
+      hasHotelLocations: w,
+      hotelLocations: F,
+      isExpired: ee
+    } = L(K()), { reset: ae, updateHotelAvailability: le, fetchMetadata: te } = K(), { fetchAvailabilityData: ie } = P(), { areListingsLoading: H } = L(P()), {
+      firstSelectableDateOffset: E,
+      lastSelectableDateOffset: R,
+      disableChildSelection: b,
+      disableAdultSelection: d,
+      defaultAdultAmount: oe,
+      defaultChildAmount: ne,
+      controlLocation: se
+    } = L(ke()), ue = () => new Date(new Date((/* @__PURE__ */ new Date()).setDate((/* @__PURE__ */ new Date()).getDate() + 1)).setHours(12, 0, 0, 0)), re = () => new Date(new Date((/* @__PURE__ */ new Date()).setDate((/* @__PURE__ */ new Date()).getDate() + 2)).setHours(12, 0, 0, 0)), T = f(oe.value), z = f(ne.value), M = f(ue()), O = f(re()), q = f(se.value), m = s({
+      get: () => l.booking ? C.value : T.value,
+      set: (a) => {
+        l.booking ? C.value = Number(a) : T.value = Number(a);
+      }
+    }), k = s({
+      get: () => l.booking ? S.value : z.value,
+      set: (a) => {
+        l.booking ? S.value = Number(a) : z.value = Number(a);
+      }
+    }), v = s({
+      get: () => l.booking ? U.value : M.value,
+      set: (a) => {
+        l.booking ? U.value = a : M.value = a;
+      }
+    }), p = s({
+      get: () => l.booking ? I.value : O.value,
+      set: (a) => {
+        l.booking ? I.value = a : O.value = a;
+      }
+    }), V = s({
+      get: () => isNaN(l.selectedLocation) ? l.booking ? B.value : q.value : l.selectedLocation,
+      set: (a) => {
+        l.booking ? B.value = a : q.value = a;
+      }
+    }), j = s(() => {
+      const a = F.value.find(({ id: i }) => i === l.selectedLocation);
+      return a ? a.name : "";
+    }), h = f([]), ce = s(() => new Date((/* @__PURE__ */ new Date()).setDate((/* @__PURE__ */ new Date()).getDate() + (E.value - 1)))), Be = s(() => new Date((/* @__PURE__ */ new Date()).setDate((/* @__PURE__ */ new Date()).getDate() + R.value))), Fe = s(() => new Date((/* @__PURE__ */ new Date()).setDate(v.value.getDate() + E.value))), de = s(() => new Date((/* @__PURE__ */ new Date()).setDate(v.value.getDate() + (R.value + 1)))), A = s(() => !(!d && m.value === 0)), ve = s(() => typeof l.link != "string");
+    function be() {
+      if (l.booking === !1)
+        if (le({
+          adults: m.value,
+          children: k.value,
+          arrivalDate: v.value,
+          departureDate: p.value,
+          location: V.value
+        }), ve.value) {
+          const a = we();
+          l.link[a] ? window.location.replace(l.link[a]) : l.link.en ? window.location.replace(l.link.en) : console.log("Sprog understøttes ikke");
+        } else
+          window.location.replace(l.link);
+      else
+        A.value && ie();
+    }
+    return G(v, (a) => {
+      const i = new Date(new Date(a).setDate(new Date(a).getDate() + 1));
+      new Date(p.value) < i && (p.value = i);
+    }), _.on("forcedDateChange", () => {
+      h.value = [v.value, p.value];
+    }), G(h, (a) => {
+      v.value = a[0], p.value = a[1];
+    }), pe(() => {
+      ee.value && ae(), l.booking === !0 && te(), h.value = [v.value, p.value];
+    }), (a, i) => (n(), r("form", {
+      id: "konnectio-availability-form",
+      class: $({ reservation: a.booking }),
+      type: "availability",
+      onSubmit: De(be, ["prevent"])
+    }, [
+      u(ge, {
+        id: "konnectio-availability-form-content",
+        tag: "ul",
+        class: $([
+          { "is-booking-page": a.booking },
+          { "only-adult-guests": !e(d) && e(b) },
+          { "only-child-guests": !e(b) && e(d) },
+          { "no-guests": e(d) && e(b) },
+          { "all-guests": !e(d) && !e(b) },
+          { "has-location": e(w) }
+        ])
+      }, {
+        default: fe(() => [
+          e(w) ? (n(), r("li", Ve, [
+            isNaN(a.selectedLocation) ? (n(), g(he, {
+              key: 1,
+              modelValue: V.value,
+              "onUpdate:modelValue": i[1] || (i[1] = (o) => V.value = o),
+              label: e(t)("general.location"),
+              icon: "location-dot",
+              "icon-type": "fas",
+              "icon-placement": "label",
+              "label-key": "name",
+              "value-key": "id",
+              options: e(F),
+              searchable: !1
+            }, null, 8, ["modelValue", "label", "options"])) : (n(), g(x, {
+              key: 0,
+              modelValue: j.value,
+              "onUpdate:modelValue": i[0] || (i[0] = (o) => j.value = o),
+              label: e(t)("general.location"),
+              icon: "location-dot",
+              "icon-type": "fas",
+              "icon-placement": "label",
+              readonly: ""
+            }, null, 8, ["modelValue", "label"]))
+          ])) : y("", !0),
+          N("li", Ae, [
+            u(_e, {
+              modelValue: h.value,
+              "onUpdate:modelValue": i[2] || (i[2] = (o) => h.value = o),
+              label: e(t)("availability.checkInOut"),
+              "icon-type": "fas",
+              "icon-placement": "label",
+              "min-range": 1,
+              "min-date": ce.value,
+              "max-date": de.value,
+              range: ""
+            }, null, 8, ["modelValue", "label", "min-date", "max-date"]),
+            y("", !0)
+          ]),
+          !e(d) || !e(b) ? (n(), r("li", Le, [
+            e(d) ? y("", !0) : (n(), r(J, { key: 0 }, [
+              e(w) ? (n(), g(x, {
+                key: 0,
+                modelValue: m.value,
+                "onUpdate:modelValue": i[5] || (i[5] = (o) => m.value = o),
+                type: "number",
+                label: e(t)("availability.adults"),
+                description: e(t)("general.adultAgeRange"),
+                "icon-type": "fas",
+                "icon-placement": "label",
+                name: "adults",
+                icon: "male"
+              }, null, 8, ["modelValue", "label", "description"])) : (n(), g(Q, {
+                key: 1,
+                modelValue: m.value,
+                "onUpdate:modelValue": i[6] || (i[6] = (o) => m.value = o),
+                label: e(t)("availability.adults"),
+                description: e(t)("general.adultAgeRange"),
+                "icon-type": "fas",
+                "icon-placement": "label",
+                name: "adults",
+                icon: "male"
+              }, null, 8, ["modelValue", "label", "description"]))
+            ], 64)),
+            e(b) ? y("", !0) : (n(), r(J, { key: 1 }, [
+              e(w) ? (n(), g(x, {
+                key: 0,
+                modelValue: k.value,
+                "onUpdate:modelValue": i[7] || (i[7] = (o) => k.value = o),
+                type: "number",
+                label: e(t)("availability.children"),
+                description: e(t)("general.childAgeRange"),
+                "icon-type": "fas",
+                "icon-placement": "label",
+                name: "children",
+                icon: "child"
+              }, null, 8, ["modelValue", "label", "description"])) : (n(), g(Q, {
+                key: 1,
+                modelValue: k.value,
+                "onUpdate:modelValue": i[8] || (i[8] = (o) => k.value = o),
+                label: e(t)("availability.children"),
+                description: e(t)("general.childAgeRange"),
+                "icon-type": "fas",
+                "icon-placement": "label",
+                name: "children",
+                icon: "child"
+              }, null, 8, ["modelValue", "label", "description"]))
+            ], 64))
+          ])) : y("", !0),
+          N("li", xe, [
+            u(W, {
+              class: "konnectio-availability-submit-small",
+              type: "submit",
+              icon: "search",
+              "icon-type": "fas",
+              disabled: !A.value,
+              "is-loading": e(H)
+            }, null, 8, ["disabled", "is-loading"]),
+            u(W, {
+              class: "konnectio-availability-submit-large",
+              type: "submit",
+              label: e(t)("availability.buttonLabel"),
+              disabled: !A.value,
+              "is-loading": e(H)
+            }, null, 8, ["label", "disabled", "is-loading"])
+          ])
+        ]),
+        _: 1
+      }, 8, ["class"])
+    ], 34));
+  }
+}), ze = /* @__PURE__ */ Z(Ne, [["__scopeId", "data-v-f1455e7b"]]), $e = { class: "availability-skeleton" }, Ce = {
+  key: 0,
+  class: "availability-skeleton-navigation"
+}, Se = { class: "availability-skeleton-content" }, Ue = {
+  key: 1,
+  class: "availability-skeleton-event"
+}, Ie = /* @__PURE__ */ Y({
+  __name: "AvailabilitySkeleton",
+  props: {
+    view: { default: "hotel" },
+    hotel: { type: Boolean, default: !1 }
+  },
+  setup(c) {
+    return (t, _) => (n(), r("div", $e, [
+      t.view === "both" ? (n(), r("div", Ce, [
+        u(X, {
+          height: "28px",
+          width: "60px",
+          "border-radius": "20px"
+        }),
+        u(X, {
+          height: "28px",
+          width: "60px",
+          "border-radius": "20px"
+        })
+      ])) : y("", !0),
+      N("div", Se, [
+        t.view !== "event" ? (n(), r("div", {
+          key: 0,
+          class: $([
+            "availability-skeleton-hotel",
+            { "within-hotel": t.hotel }
+          ])
+        }, [
+          u(D, { "with-icon": "" }),
+          u(D, { "with-icon": "" }),
+          u(D, { "with-icon": "" }),
+          u(D, {
+            "with-icon": "",
+            "no-label": ""
+          })
+        ], 2)) : (n(), r("div", Ue, [
+          u(D, { "with-icon": "" }),
+          u(D, {
+            "with-icon": "",
+            "no-label": ""
+          })
+        ]))
+      ])
+    ]));
+  }
+}), Me = /* @__PURE__ */ Z(Ie, [["__scopeId", "data-v-17762b9b"]]);
+export {
+  Me as A,
+  ze as H
+};
+//# sourceMappingURL=AvailabilitySkeleton-D9lVJ7Y4.js.map