@konnectio/core 4.0.56-rc6 → 4.0.56-rc61

package/dist/{ActionField-YyW_C34E.js → ActionField-tyBtuplH.js}

@@ -1,5 +1,13 @@
-import { k as c, v as V, f as m, o as d, m as i, w as v, x as q, y as g, z as t, A as k, T as B, p as I, C, I as A, _ as F } from "./SelectField.vue_vue_type_style_index_0_lang-C-MscjWo.js";
-const L = { class: "fresh-booking-action-field" }, T = /* @__PURE__ */ c({
+import { d as c, c as b, a as i, b as u, w as V, e as g, u as s, f as v } from "./_sentry-release-injection-file-Cbnp5q97.js";
+import { D as I, n as q, b as k, T as w, c as B, p as D, _ as C } from "./Field.vue_vue_type_style_index_0_scoped_992f78a1_lang-BczeCv48.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] = "6e8c1c62-2d2a-4b9c-a3d4-a49f54f7d0b8", o._sentryDebugIdIdentifier = "sentry-dbid-6e8c1c62-2d2a-4b9c-a3d4-a49f54f7d0b8");
+  } 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(A, {
+    return (e, a) => (i(), u(D, {
       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(() => [
-        q("div", L, [
-          e.type === "dropdown" && e.data ? (d(), i(g, {
+      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__ */ F(T, [["__scopeId", "data-v-3e77e321"]]);
+}), T = /* @__PURE__ */ C(h, [["__scopeId", "data-v-3e77e321"]]);
 export {
-  h as A
+  T as A
 };
+//# sourceMappingURL=ActionField-tyBtuplH.js.map

package/dist/AvailabilitySkeleton-xblTQw-r.js

@@ -0,0 +1,294 @@
+import { d as ee, G as me, r as D, c as s, z as K, o as be, a as n, g as d, f as u, w as pe, u as e, b as g, i as y, e as N, F as P, n as $, y as De, h as ge } from "./_sentry-release-injection-file-Cbnp5q97.js";
+import { u as fe, s as x } from "./mitt-CMHUNNN-.js";
+import { u as Q, x as W, e as ye, T as L, n as ke, b as X, c as Y, o as he, _ as ae, E as Z } from "./Field.vue_vue_type_style_index_0_scoped_992f78a1_lang-BczeCv48.js";
+import { _ as we } from "./AvailabilitySkeleton.vue_vue_type_style_index_0_scoped_17762b9b_lang-DLNeZBMq.js";
+import { F as f } from "./Field-CtZJY_BD.js";
+(function() {
+  try {
+    var r = typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {}, t = new Error().stack;
+    t && (r._sentryDebugIds = r._sentryDebugIds || {}, r._sentryDebugIds[t] = "702f3e31-7d3b-4c7e-a9d4-d92728382ac6", r._sentryDebugIdIdentifier = "sentry-dbid-702f3e31-7d3b-4c7e-a9d4-d92728382ac6");
+  } catch {
+  }
+})();
+const _e = {
+  class: "konnectio-availability-location",
+  key: "location"
+}, Ve = {
+  id: "konnectio-availability-date-selection",
+  key: "multiDate"
+}, Ae = {
+  id: "konnectio-availability-guest-selection",
+  key: "guests"
+}, xe = {
+  id: "konnectio-availability-confirmation",
+  key: "confirm"
+}, Le = /* @__PURE__ */ ee({
+  __name: "HotelAvailabilityForm",
+  props: {
+    booking: { type: Boolean, default: !1 },
+    link: {},
+    selectedLocation: { default: NaN }
+  },
+  setup(r) {
+    const { t } = fe(), _ = me("emitter"), l = r, {
+      adults: C,
+      children: S,
+      arrivalDate: U,
+      departureDate: I,
+      location: B,
+      hasHotelLocations: w,
+      hotelLocations: F,
+      controlLocation: le
+    } = x(Q()), { updateHotelAvailability: te } = Q(), { fetchAvailabilityData: ie } = W(), { areListingsLoading: H } = x(W()), {
+      firstSelectableDateOffset: R,
+      lastSelectableDateOffset: E,
+      disableChildSelection: m,
+      disableAdultSelection: c,
+      defaultAdultAmount: oe,
+      defaultChildAmount: ne,
+      maxAdultAmount: T,
+      maxChildAmount: z
+    } = x(ye()), se = () => new Date(new Date((/* @__PURE__ */ new Date()).setDate((/* @__PURE__ */ new Date()).getDate() + 1)).setHours(12, 0, 0, 0)), ue = () => new Date(new Date((/* @__PURE__ */ new Date()).setDate((/* @__PURE__ */ new Date()).getDate() + 2)).setHours(12, 0, 0, 0)), O = D(oe.value), G = D(ne.value), M = D(se()), j = D(ue()), q = D(le.value), b = s({
+      get: () => l.booking ? C.value : O.value,
+      set: (a) => {
+        l.booking ? C.value = Number(a) : O.value = Number(a);
+      }
+    }), k = s({
+      get: () => l.booking ? S.value : G.value,
+      set: (a) => {
+        l.booking ? S.value = Number(a) : G.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 : j.value,
+      set: (a) => {
+        l.booking ? I.value = a : j.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([]), de = s(() => new Date((/* @__PURE__ */ new Date()).setDate((/* @__PURE__ */ new Date()).getDate() + (R.value - 1)))), Ie = s(() => new Date((/* @__PURE__ */ new Date()).setDate((/* @__PURE__ */ new Date()).getDate() + E.value))), Be = s(() => new Date((/* @__PURE__ */ new Date()).setDate(v.value.getDate() + R.value))), re = s(() => new Date((/* @__PURE__ */ new Date()).setDate(v.value.getDate() + (E.value + 1)))), A = s(() => !(!c && b.value === 0)), ce = s(() => typeof l.link != "string");
+    function ve() {
+      if (l.booking === !1)
+        if (te({
+          adults: b.value,
+          children: k.value,
+          arrivalDate: v.value,
+          departureDate: p.value,
+          location: V.value
+        }), ce.value) {
+          const a = he();
+          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 K(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];
+    }), K(h, (a) => {
+      v.value = a[0], p.value = a[1];
+    }), be(() => {
+      h.value = [v.value, p.value];
+    }), (a, i) => (n(), d("form", {
+      id: "konnectio-availability-form",
+      class: $({ reservation: a.booking }),
+      type: "availability",
+      onSubmit: ge(ve, ["prevent"])
+    }, [
+      u(De, {
+        id: "konnectio-availability-form-content",
+        tag: "ul",
+        class: $([
+          { "is-booking-page": a.booking },
+          { "only-adult-guests": !e(c) && e(m) },
+          { "only-child-guests": !e(m) && e(c) },
+          { "no-guests": e(c) && e(m) },
+          { "all-guests": !e(c) && !e(m) },
+          { "has-location": e(w) }
+        ])
+      }, {
+        default: pe(() => [
+          e(w) ? (n(), d("li", _e, [
+            isNaN(a.selectedLocation) ? (n(), g(ke, {
+              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(L, {
+              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", Ve, [
+            u(we, {
+              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": de.value,
+              "max-date": re.value,
+              range: ""
+            }, null, 8, ["modelValue", "label", "min-date", "max-date"]),
+            y("", !0)
+          ]),
+          !e(c) || !e(m) ? (n(), d("li", Ae, [
+            e(c) ? y("", !0) : (n(), d(P, { key: 0 }, [
+              e(w) ? (n(), g(L, {
+                key: 0,
+                modelValue: b.value,
+                "onUpdate:modelValue": i[5] || (i[5] = (o) => b.value = o),
+                type: "number",
+                label: e(t)("availability.adults"),
+                description: e(t)("general.adultAgeRange"),
+                "icon-type": "fas",
+                "icon-placement": "label",
+                name: "adults",
+                icon: "male",
+                max: e(T)
+              }, null, 8, ["modelValue", "label", "description", "max"])) : (n(), g(X, {
+                key: 1,
+                modelValue: b.value,
+                "onUpdate:modelValue": i[6] || (i[6] = (o) => b.value = o),
+                label: e(t)("availability.adults"),
+                description: e(t)("general.adultAgeRange"),
+                "icon-type": "fas",
+                "icon-placement": "label",
+                name: "adults",
+                icon: "male",
+                "max-value": e(T)
+              }, null, 8, ["modelValue", "label", "description", "max-value"]))
+            ], 64)),
+            e(m) ? y("", !0) : (n(), d(P, { key: 1 }, [
+              e(w) ? (n(), g(L, {
+                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",
+                max: e(z)
+              }, null, 8, ["modelValue", "label", "description", "max"])) : (n(), g(X, {
+                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",
+                "max-value": e(z)
+              }, null, 8, ["modelValue", "label", "description", "max-value"]))
+            ], 64))
+          ])) : y("", !0),
+          N("li", xe, [
+            u(Y, {
+              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(Y, {
+              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__ */ ae(Le, [["__scopeId", "data-v-f0dea03b"]]), Ne = { class: "availability-skeleton" }, $e = {
+  key: 0,
+  class: "availability-skeleton-navigation"
+}, Ce = { class: "availability-skeleton-content" }, Se = {
+  key: 1,
+  class: "availability-skeleton-event"
+}, Ue = /* @__PURE__ */ ee({
+  __name: "AvailabilitySkeleton",
+  props: {
+    view: { default: "hotel" },
+    hotel: { type: Boolean, default: !1 }
+  },
+  setup(r) {
+    return (t, _) => (n(), d("div", Ne, [
+      t.view === "both" ? (n(), d("div", $e, [
+        u(Z, {
+          height: "28px",
+          width: "60px",
+          "border-radius": "20px"
+        }),
+        u(Z, {
+          height: "28px",
+          width: "60px",
+          "border-radius": "20px"
+        })
+      ])) : y("", !0),
+      N("div", Ce, [
+        t.view !== "event" ? (n(), d("div", {
+          key: 0,
+          class: $([
+            "availability-skeleton-hotel",
+            { "within-hotel": t.hotel }
+          ])
+        }, [
+          u(f, { "with-icon": "" }),
+          u(f, { "with-icon": "" }),
+          u(f, { "with-icon": "" }),
+          u(f, {
+            "with-icon": "",
+            "no-label": ""
+          })
+        ], 2)) : (n(), d("div", Se, [
+          u(f, { "with-icon": "" }),
+          u(f, {
+            "with-icon": "",
+            "no-label": ""
+          })
+        ]))
+      ])
+    ]));
+  }
+}), Oe = /* @__PURE__ */ ae(Ue, [["__scopeId", "data-v-17762b9b"]]);
+export {
+  Oe as A,
+  ze as H
+};
+//# sourceMappingURL=AvailabilitySkeleton-xblTQw-r.js.map