@konnectio/core 4.0.56-rc5 → 4.0.56-rc50

package/dist/{ActionField--byx0Lp1.js → ActionField-BQQitCzR.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-XwPp5AXD.js";
-const L = { class: "fresh-booking-action-field" }, T = /* @__PURE__ */ c({
+import { d as c, c as b, o as i, b as u, w as V, g, u as s, f as v } from "./tracing-Dm-FNj-F.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-CyGcXPO9.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] = "7f768933-bb99-4a7f-9914-fe21f7749e7e", o._sentryDebugIdIdentifier = "sentry-dbid-7f768933-bb99-4a7f-9914-fe21f7749e7e");
+  } 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 f(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) => f(e)
+    }), m = b({
+      get: () => p.modelValue,
+      set: (e) => f(e)
     });
-    function b() {
-      s("action");
+    function y() {
+      r("action");
     }
-    return (e, a) => (d(), i(A, {
+    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(() => [
-        q("div", L, [
-          e.type === "dropdown" && e.data ? (d(), i(g, {
+      default: V(() => [
+        g("div", F, [
+          e.type === "dropdown" && e.data ? (i(), u(k, {
             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(q, {
             key: 1,
-            modelValue: p.value,
-            "onUpdate:modelValue": a[1] || (a[1] = (l) => p.value = l),
-            id: t(o),
+            modelValue: m.value,
+            "onUpdate:modelValue": a[1] || (a[1] = (l) => m.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__ */ D(h, [["__scopeId", "data-v-3e77e321"]]);
 export {
-  h as A
+  T as A
 };
+//# sourceMappingURL=ActionField-BQQitCzR.js.map

package/dist/AvailabilitySkeleton-TZiNrJ8t.js

@@ -0,0 +1,294 @@
+import { d as ee, m as pe, r as D, c as s, q as K, h as De, o as n, a as r, f as u, w as ge, u as e, b as g, e as y, g as N, F as P, n as $, l as fe, i as ye } from "./tracing-Dm-FNj-F.js";
+import { h as ke, s as x, m as Q, z as W, b as he, T as L, k as we, l as X, C as Y, g as _e, _ as ae, E as Z } from "./Field.vue_vue_type_style_index_0_scoped_992f78a1_lang-CyGcXPO9.js";
+import { _ as Ve } from "./AvailabilitySkeleton.vue_vue_type_style_index_0_scoped_17762b9b_lang-DrUxvwDd.js";
+import { F as f } from "./Field-B4x3qSfU.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] = "a6539ced-5118-4d8f-a647-b4b170a296a7", d._sentryDebugIdIdentifier = "sentry-dbid-a6539ced-5118-4d8f-a647-b4b170a296a7");
+  } catch {
+  }
+})();
+const Ae = {
+  class: "konnectio-availability-location",
+  key: "location"
+}, xe = {
+  id: "konnectio-availability-date-selection",
+  key: "multiDate"
+}, Le = {
+  id: "konnectio-availability-guest-selection",
+  key: "guests"
+}, Ne = {
+  id: "konnectio-availability-confirmation",
+  key: "confirm"
+}, $e = /* @__PURE__ */ ee({
+  __name: "HotelAvailabilityForm",
+  props: {
+    booking: { type: Boolean, default: !1 },
+    link: {},
+    selectedLocation: { default: NaN }
+  },
+  setup(d) {
+    const { t } = ke(), _ = pe("emitter"), l = d, {
+      adults: C,
+      children: S,
+      arrivalDate: U,
+      departureDate: I,
+      location: B,
+      hasHotelLocations: w,
+      hotelLocations: F,
+      isExpired: le,
+      controlLocation: te
+    } = x(Q()), { reset: ie, updateHotelAvailability: oe } = Q(), { fetchAvailabilityData: ne } = W(), { areListingsLoading: H } = x(W()), {
+      firstSelectableDateOffset: E,
+      lastSelectableDateOffset: R,
+      disableChildSelection: m,
+      disableAdultSelection: c,
+      defaultAdultAmount: se,
+      defaultChildAmount: ue,
+      maxAdultAmount: T,
+      maxChildAmount: z
+    } = x(he()), re = () => new Date(new Date((/* @__PURE__ */ new Date()).setDate((/* @__PURE__ */ new Date()).getDate() + 1)).setHours(12, 0, 0, 0)), de = () => new Date(new Date((/* @__PURE__ */ new Date()).setDate((/* @__PURE__ */ new Date()).getDate() + 2)).setHours(12, 0, 0, 0)), O = D(se.value), q = D(ue.value), M = D(re()), j = D(de()), G = D(te.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 : q.value,
+      set: (a) => {
+        l.booking ? S.value = Number(a) : q.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 : G.value : l.selectedLocation,
+      set: (a) => {
+        l.booking ? B.value = a : G.value = a;
+      }
+    }), J = s(() => {
+      const a = F.value.find(({ id: i }) => i === l.selectedLocation);
+      return a ? a.name : "";
+    }), h = D([]), ce = s(() => new Date((/* @__PURE__ */ new Date()).setDate((/* @__PURE__ */ new Date()).getDate() + (E.value - 1)))), Fe = s(() => new Date((/* @__PURE__ */ new Date()).setDate((/* @__PURE__ */ new Date()).getDate() + R.value))), He = s(() => new Date((/* @__PURE__ */ new Date()).setDate(v.value.getDate() + E.value))), ve = s(() => new Date((/* @__PURE__ */ new Date()).setDate(v.value.getDate() + (R.value + 1)))), A = s(() => !(!c && b.value === 0)), me = s(() => typeof l.link != "string");
+    function be() {
+      if (l.booking === !1)
+        if (oe({
+          adults: b.value,
+          children: k.value,
+          arrivalDate: v.value,
+          departureDate: p.value,
+          location: V.value
+        }), me.value) {
+          const a = _e();
+          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 && ne();
+    }
+    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];
+    }), De(() => {
+      le.value && ie(), h.value = [v.value, p.value];
+    }), (a, i) => (n(), r("form", {
+      id: "konnectio-availability-form",
+      class: $({ reservation: a.booking }),
+      type: "availability",
+      onSubmit: ye(be, ["prevent"])
+    }, [
+      u(fe, {
+        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: ge(() => [
+          e(w) ? (n(), r("li", Ae, [
+            isNaN(a.selectedLocation) ? (n(), g(we, {
+              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", xe, [
+            u(Ve, {
+              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": ve.value,
+              range: ""
+            }, null, 8, ["modelValue", "label", "min-date", "max-date"]),
+            y("", !0)
+          ]),
+          !e(c) || !e(m) ? (n(), r("li", Le, [
+            e(c) ? y("", !0) : (n(), r(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(), r(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", Ne, [
+            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));
+  }
+}), Oe = /* @__PURE__ */ ae($e, [["__scopeId", "data-v-f353ec4a"]]), Ce = { class: "availability-skeleton" }, Se = {
+  key: 0,
+  class: "availability-skeleton-navigation"
+}, Ue = { class: "availability-skeleton-content" }, Ie = {
+  key: 1,
+  class: "availability-skeleton-event"
+}, Be = /* @__PURE__ */ ee({
+  __name: "AvailabilitySkeleton",
+  props: {
+    view: { default: "hotel" },
+    hotel: { type: Boolean, default: !1 }
+  },
+  setup(d) {
+    return (t, _) => (n(), r("div", Ce, [
+      t.view === "both" ? (n(), r("div", Se, [
+        u(Z, {
+          height: "28px",
+          width: "60px",
+          "border-radius": "20px"
+        }),
+        u(Z, {
+          height: "28px",
+          width: "60px",
+          "border-radius": "20px"
+        })
+      ])) : y("", !0),
+      N("div", Ue, [
+        t.view !== "event" ? (n(), r("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(), r("div", Ie, [
+          u(f, { "with-icon": "" }),
+          u(f, {
+            "with-icon": "",
+            "no-label": ""
+          })
+        ]))
+      ])
+    ]));
+  }
+}), qe = /* @__PURE__ */ ae(Be, [["__scopeId", "data-v-17762b9b"]]);
+export {
+  qe as A,
+  Oe as H
+};
+//# sourceMappingURL=AvailabilitySkeleton-TZiNrJ8t.js.map