@konnectio/core 4.0.56-rc35 → 4.0.56-rc36

package/dist/{ActionField-Bruv7ZZW.js → ActionField-Ct6NhfWq.js}

@@ -1,5 +1,13 @@
-import { d as c, r as V, i as m, o as d, a as i, w as v, f as g, j as q, g as t, k, T as B, e as I, C, I as F, _ as A } from "./Field.vue_vue_type_style_index_0_scoped_992f78a1_lang-CJgfqs-l.js";
-const L = { class: "fresh-booking-action-field" }, T = /* @__PURE__ */ c({
+import { d as c, g as b, o as i, a as u, w as V, f as g, u as s, e as v } from "./_commonjsHelpers-UWZO_9XV.js";
+import { r as I, a as q, b as k, T as w, C as B, I as C, _ as D } from "./Field.vue_vue_type_style_index_0_scoped_992f78a1_lang-BKo1p702.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] = "60558259-98a1-4b95-842b-4e716178008f", o._sentryDebugIdIdentifier = "sentry-dbid-60558259-98a1-4b95-842b-4e716178008f");
+  } catch {
+  }
+})();
+const F = { class: "fresh-booking-action-field" }, h = /* @__PURE__ */ c({
   __name: "ActionField",
   props: {
     modelValue: {},
@@ -24,58 +32,58 @@ const L = { class: "fresh-booking-action-field" }, T = /* @__PURE__ */ c({
     isLoading: { type: Boolean, default: !1 }
   },
   emits: ["update:modelValue", "action"],
-  setup(y, { emit: f }) {
-    const s = f, u = y, o = u.id || V();
-    function r(e) {
-      s("update:modelValue", e);
+  setup(o, { emit: n }) {
+    const r = n, p = o, d = p.id || I();
+    function m(e) {
+      r("update:modelValue", e);
     }
-    const n = m({
-      get: () => u.modelValue,
-      set: (e) => r(e)
-    }), p = m({
-      get: () => u.modelValue,
-      set: (e) => r(e)
+    const t = b({
+      get: () => p.modelValue,
+      set: (e) => m(e)
+    }), f = b({
+      get: () => p.modelValue,
+      set: (e) => m(e)
     });
-    function b() {
-      s("action");
+    function y() {
+      r("action");
     }
-    return (e, a) => (d(), i(F, {
+    return (e, a) => (i(), u(C, {
       label: e.label,
-      id: t(o),
+      id: s(d),
       icon: e.icon,
       "icon-type": e.iconType,
       required: e.required,
       type: e.type,
       readonly: e.readonly
     }, {
-      default: v(() => [
-        g("div", L, [
-          e.type === "dropdown" && e.data ? (d(), i(q, {
+      default: V(() => [
+        g("div", F, [
+          e.type === "dropdown" && e.data ? (i(), u(q, {
             key: 0,
-            modelValue: n.value,
-            "onUpdate:modelValue": a[0] || (a[0] = (l) => n.value = l),
-            id: t(o),
+            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(k, {
+          }, null, 8, ["modelValue", "id", "options", "name", "required", "placeholder"])) : e.type === "number" ? (i(), u(k, {
             key: 1,
-            modelValue: p.value,
-            "onUpdate:modelValue": a[1] || (a[1] = (l) => p.value = l),
-            id: t(o),
+            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(B, {
+          }, null, 8, ["modelValue", "id", "min-value", "max-value"])) : (i(), u(w, {
             key: 2,
-            modelValue: n.value,
-            "onUpdate:modelValue": a[2] || (a[2] = (l) => n.value = l),
-            id: t(o),
+            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"])),
-          I(C, {
+          v(B, {
             "data-test": `${e.name}Submit`,
             icon: e.buttonIcon,
             label: e.buttonLabel,
@@ -85,14 +93,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) => b())
+            onClickEvent: a[3] || (a[3] = (l) => y())
           }, null, 8, ["data-test", "icon", "label", "icon-color", "styling", "is-loading", "disabled", "secondary"])
         ])
       ]),
       _: 1
     }, 8, ["label", "id", "icon", "icon-type", "required", "type", "readonly"]));
   }
-}), h = /* @__PURE__ */ A(T, [["__scopeId", "data-v-3e77e321"]]);
+}), T = /* @__PURE__ */ D(h, [["__scopeId", "data-v-3e77e321"]]);
 export {
-  h as A
+  T as A
 };
+//# sourceMappingURL=ActionField-Ct6NhfWq.js.map

package/dist/AvailabilitySkeleton-DOhrMVl4.js

@@ -0,0 +1,286 @@
+import { d as Y, m as ve, r as D, g as s, q as G, h as be, o as n, c as r, e as u, w as me, u as e, a as f, b as y, f as N, F as J, n as $, l as pe, i as De } from "./_commonjsHelpers-UWZO_9XV.js";
+import { u as fe, s as L, d as K, z as P, o as ge, T as x, a as ye, b as Q, C as W, w as ke, _ as Z, E as X } from "./Field.vue_vue_type_style_index_0_scoped_992f78a1_lang-BKo1p702.js";
+import { _ as he } from "./AvailabilitySkeleton.vue_vue_type_style_index_0_scoped_17762b9b_lang-0yAgK-cr.js";
+import { F as g } from "./Field-IsLH1tNU.js";
+(function() {
+  try {
+    var d = typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {}, t = new Error().stack;
+    t && (d._sentryDebugIds = d._sentryDebugIds || {}, d._sentryDebugIds[t] = "67020f09-da50-43d5-baf2-4a4b74a0b6d6", d._sentryDebugIdIdentifier = "sentry-dbid-67020f09-da50-43d5-baf2-4a4b74a0b6d6");
+  } catch {
+  }
+})();
+const we = {
+  class: "konnectio-availability-location",
+  key: "location"
+}, _e = {
+  id: "konnectio-availability-date-selection",
+  key: "multiDate"
+}, Ve = {
+  id: "konnectio-availability-guest-selection",
+  key: "guests"
+}, Ae = {
+  id: "konnectio-availability-confirmation",
+  key: "confirm"
+}, Le = /* @__PURE__ */ Y({
+  __name: "HotelAvailabilityForm",
+  props: {
+    booking: { type: Boolean, default: !1 },
+    link: {},
+    selectedLocation: { default: NaN }
+  },
+  setup(d) {
+    const { t } = fe(), _ = ve("emitter"), l = d, {
+      adults: S,
+      children: U,
+      arrivalDate: C,
+      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: c,
+      controlLocation: oe
+    } = L(ge()), ne = () => new Date(new Date((/* @__PURE__ */ new Date()).setDate((/* @__PURE__ */ new Date()).getDate() + 1)).setHours(12, 0, 0, 0)), se = () => new Date(new Date((/* @__PURE__ */ new Date()).setDate((/* @__PURE__ */ new Date()).getDate() + 2)).setHours(12, 0, 0, 0)), T = D(2), z = D(0), M = D(ne()), O = D(se()), q = D(oe.value), m = s({
+      get: () => l.booking ? S.value : T.value,
+      set: (a) => {
+        l.booking ? S.value = Number(a) : T.value = Number(a);
+      }
+    }), k = s({
+      get: () => l.booking ? U.value : z.value,
+      set: (a) => {
+        l.booking ? U.value = Number(a) : z.value = Number(a);
+      }
+    }), v = s({
+      get: () => l.booking ? C.value : M.value,
+      set: (a) => {
+        l.booking ? C.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 = D([]), ue = s(() => new Date((/* @__PURE__ */ new Date()).setDate((/* @__PURE__ */ new Date()).getDate() + (E.value - 1)))), Ce = s(() => new Date((/* @__PURE__ */ new Date()).setDate((/* @__PURE__ */ new Date()).getDate() + R.value))), Ie = s(() => new Date((/* @__PURE__ */ new Date()).setDate(v.value.getDate() + E.value))), re = s(() => new Date((/* @__PURE__ */ new Date()).setDate(v.value.getDate() + (R.value + 1)))), A = s(() => !(!c && m.value === 0)), de = s(() => typeof l.link != "string");
+    function ce() {
+      if (l.booking === !1)
+        if (le({
+          adults: m.value,
+          children: k.value,
+          arrivalDate: v.value,
+          departureDate: p.value,
+          location: V.value
+        }), de.value) {
+          const a = ke();
+          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];
+    }), be(() => {
+      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(ce, ["prevent"])
+    }, [
+      u(pe, {
+        id: "konnectio-availability-form-content",
+        tag: "ul",
+        class: $([
+          { "is-booking-page": a.booking },
+          { "only-adult-guests": !e(c) && e(b) },
+          { "only-child-guests": !e(b) && e(c) },
+          { "no-guests": e(c) && e(b) },
+          { "all-guests": !e(c) && !e(b) },
+          { "has-location": e(w) }
+        ])
+      }, {
+        default: me(() => [
+          e(w) ? (n(), r("li", we, [
+            isNaN(a.selectedLocation) ? (n(), f(ye, {
+              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(), f(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", _e, [
+            u(he, {
+              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": ue.value,
+              "max-date": re.value,
+              range: ""
+            }, null, 8, ["modelValue", "label", "min-date", "max-date"]),
+            y("", !0)
+          ]),
+          !e(c) || !e(b) ? (n(), r("li", Ve, [
+            e(c) ? y("", !0) : (n(), r(J, { key: 0 }, [
+              e(w) ? (n(), f(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(), f(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(), f(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(), f(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", Ae, [
+            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));
+  }
+}), Re = /* @__PURE__ */ Z(Le, [["__scopeId", "data-v-f6d5ea17"]]), xe = { class: "availability-skeleton" }, Ne = {
+  key: 0,
+  class: "availability-skeleton-navigation"
+}, $e = { class: "availability-skeleton-content" }, Se = {
+  key: 1,
+  class: "availability-skeleton-event"
+}, Ue = /* @__PURE__ */ Y({
+  __name: "AvailabilitySkeleton",
+  props: {
+    view: { default: "hotel" },
+    hotel: { type: Boolean, default: !1 }
+  },
+  setup(d) {
+    return (t, _) => (n(), r("div", xe, [
+      t.view === "both" ? (n(), r("div", Ne, [
+        u(X, {
+          height: "28px",
+          width: "60px",
+          "border-radius": "20px"
+        }),
+        u(X, {
+          height: "28px",
+          width: "60px",
+          "border-radius": "20px"
+        })
+      ])) : y("", !0),
+      N("div", $e, [
+        t.view !== "event" ? (n(), r("div", {
+          key: 0,
+          class: $([
+            "availability-skeleton-hotel",
+            { "within-hotel": t.hotel }
+          ])
+        }, [
+          u(g, { "with-icon": "" }),
+          u(g, { "with-icon": "" }),
+          u(g, { "with-icon": "" }),
+          u(g, {
+            "with-icon": "",
+            "no-label": ""
+          })
+        ], 2)) : (n(), r("div", Se, [
+          u(g, { "with-icon": "" }),
+          u(g, {
+            "with-icon": "",
+            "no-label": ""
+          })
+        ]))
+      ])
+    ]));
+  }
+}), Te = /* @__PURE__ */ Z(Ue, [["__scopeId", "data-v-17762b9b"]]);
+export {
+  Te as A,
+  Re as H
+};
+//# sourceMappingURL=AvailabilitySkeleton-DOhrMVl4.js.map