@konnectio/core 4.0.56-rc2 → 4.0.56-rc20

package/dist/{ActionField-Qf4JAgBa.js → ActionField-8hkjdoF_.js}

@@ -1,5 +1,4 @@
-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-30hJu8vr.js";
+import { k as c, l as V, f as m, o as d, m as i, w as v, n as q, _ as g, p as t, q as k, T as B, t as I, C, I as F, v as A } from "./_-5tXWGiwV.js";
 const L = { class: "fresh-booking-action-field" }, T = /* @__PURE__ */ c({
   __name: "ActionField",
   props: {
@@ -26,57 +25,57 @@ const L = { class: "fresh-booking-action-field" }, T = /* @__PURE__ */ c({
   },
   emits: ["update:modelValue", "action"],
   setup(y, { emit: f }) {
-    const r = f, u = y, a = u.id || g();
-    function s(e) {
-      r("update:modelValue", e);
+    const s = f, u = y, o = u.id || V();
+    function r(e) {
+      s("update:modelValue", e);
     }
-    const n = p({
+    const n = m({
       get: () => u.modelValue,
-      set: (e) => s(e)
-    }), m = p({
+      set: (e) => r(e)
+    }), p = m({
       get: () => u.modelValue,
-      set: (e) => s(e)
+      set: (e) => r(e)
     });
     function b() {
-      r("action");
+      s("action");
     }
-    return (e, l) => (d(), i(k, {
+    return (e, a) => (d(), i(F, {
       label: e.label,
-      id: t(a),
+      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(I, {
+      default: v(() => [
+        q("div", L, [
+          e.type === "dropdown" && e.data ? (d(), i(g, {
             key: 0,
             modelValue: n.value,
-            "onUpdate:modelValue": l[0] || (l[0] = (o) => n.value = o),
-            id: t(a),
+            "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, {
+          }, null, 8, ["modelValue", "id", "options", "name", "required", "placeholder"])) : e.type === "number" ? (d(), i(k, {
             key: 1,
-            modelValue: m.value,
-            "onUpdate:modelValue": l[1] || (l[1] = (o) => m.value = o),
-            id: t(a),
+            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(C, {
+          }, null, 8, ["modelValue", "id", "min-value", "max-value"])) : (d(), i(B, {
             key: 2,
             modelValue: n.value,
-            "onUpdate:modelValue": l[2] || (l[2] = (o) => n.value = o),
-            id: t(a),
+            "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(F, {
+          I(C, {
             "data-test": `${e.name}Submit`,
             icon: e.buttonIcon,
             label: e.buttonLabel,
@@ -86,14 +85,14 @@ 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"]]);
+}), h = /* @__PURE__ */ A(T, [["__scopeId", "data-v-3e77e321"]]);
 export {
-  U as A
+  h as A
 };

package/dist/AvailabilitySkeleton-K35mnVjA.js

@@ -0,0 +1,215 @@
+import { k as N, B as Q, s as A, D as B, F, c as W, r as X, f as m, G as R, H as Y, o as t, x as s, n as D, p as e, t as i, J as y, _ as Z, y as v, K as C, m as w, T as H, q as I, C as z, A as x, L as ee, h as ae, v as O, z as E } from "./_-5tXWGiwV.js";
+import { _ as le } from "./DateField.vue_vue_type_style_index_0_lang-otC5QBT_.js";
+import { F as p } from "./Field-FbUrCgmJ.js";
+const te = {
+  key: 0,
+  class: "konnectio-availability-location"
+}, ie = { id: "fresh-booking-availability-date-selection" }, ne = {
+  key: 1,
+  id: "fresh-booking-availability-guest-selection"
+}, oe = { id: "fresh-booking-availability-confirmation" }, se = /* @__PURE__ */ N({
+  __name: "HotelAvailabilityForm",
+  props: {
+    booking: { type: Boolean, default: !1 },
+    link: {}
+  },
+  setup(S) {
+    const { t: a } = Q(), d = S, {
+      adults: c,
+      children: r,
+      arrivalDate: f,
+      departureDate: g,
+      location: _,
+      isExpired: T
+    } = A(B()), { reset: q } = B(), { fetchAvailabilityData: M } = F(), { areListingsLoading: L, hotelList: G, hasHotelList: k } = A(F()), {
+      firstSelectableDateOffset: U,
+      lastSelectableDateOffset: $,
+      disableChildSelection: b,
+      disableAdultSelection: u
+    } = A(W()), h = X([]), J = m(() => new Date((/* @__PURE__ */ new Date()).setDate((/* @__PURE__ */ new Date()).getDate() + (U.value - 1))));
+    m(() => new Date((/* @__PURE__ */ new Date()).setDate((/* @__PURE__ */ new Date()).getDate() + $.value))), m(() => new Date((/* @__PURE__ */ new Date()).setDate(f.value.getDate() + U.value)));
+    const K = m(() => new Date((/* @__PURE__ */ new Date()).setDate(f.value.getDate() + ($.value + 1)))), V = m(() => !(!u && c.value === 0)), j = m(() => typeof d.link != "string");
+    function P() {
+      if (d.booking === !1)
+        if (j.value) {
+          const n = ae();
+          d.link[n] ? window.location.replace(d.link[n]) : d.link.en ? window.location.replace(d.link.en) : console.log("Sprog understøttes ikke");
+        } else
+          window.location.replace(d.link);
+      else
+        V.value && M();
+    }
+    return R(f, (n) => {
+      const l = new Date(new Date(n).setDate(new Date(n).getDate() + 1));
+      new Date(g.value) < l && (g.value = l);
+    }), R(h, (n) => {
+      f.value = n[0], g.value = n[1];
+    }), Y(() => {
+      T.value && q(), h.value = [f.value, g.value];
+    }), (n, l) => (t(), s("form", {
+      id: "konnectio-availability-form",
+      class: x({ reservation: n.booking }),
+      type: "availability",
+      onSubmit: ee(P, ["prevent"])
+    }, [
+      D("ul", {
+        id: "konnectio-availability-form-content",
+        class: x([
+          { "is-booking-page": n.booking },
+          { "only-adult-guests": !e(u) && e(b) },
+          { "only-child-guests": !e(b) && e(u) },
+          { "no-guests": e(u) && e(b) },
+          { "all-guests": !e(u) && !e(b) },
+          { "has-location": e(k) }
+        ])
+      }, [
+        e(k) ? (t(), s("li", te, [
+          i(Z, {
+            modelValue: e(_),
+            "onUpdate:modelValue": l[0] || (l[0] = (o) => y(_) ? _.value = o : null),
+            label: e(a)("general.location"),
+            icon: "location-dot",
+            "icon-type": "fas",
+            "icon-placement": "label",
+            options: e(G),
+            searchable: !1
+          }, null, 8, ["modelValue", "label", "options"])
+        ])) : v("", !0),
+        D("li", ie, [
+          i(le, {
+            modelValue: h.value,
+            "onUpdate:modelValue": l[1] || (l[1] = (o) => h.value = o),
+            label: e(a)("availability.checkInOut"),
+            "icon-type": "fas",
+            "icon-placement": "label",
+            "min-range": 1,
+            "min-date": J.value,
+            "max-date": K.value,
+            range: ""
+          }, null, 8, ["modelValue", "label", "min-date", "max-date"]),
+          v("", !0)
+        ]),
+        !e(u) || !e(b) ? (t(), s("li", ne, [
+          e(u) ? v("", !0) : (t(), s(C, { key: 0 }, [
+            e(k) ? (t(), w(H, {
+              key: 0,
+              modelValue: e(c),
+              "onUpdate:modelValue": l[4] || (l[4] = (o) => y(c) ? c.value = o : null),
+              label: e(a)("availability.adults"),
+              description: e(a)("general.adultAgeRange"),
+              "icon-type": "fas",
+              "icon-placement": "label",
+              name: "adults",
+              icon: "male"
+            }, null, 8, ["modelValue", "label", "description"])) : (t(), w(I, {
+              key: 1,
+              modelValue: e(c),
+              "onUpdate:modelValue": l[5] || (l[5] = (o) => y(c) ? c.value = o : null),
+              label: e(a)("availability.adults"),
+              description: e(a)("general.adultAgeRange"),
+              "icon-type": "fas",
+              "icon-placement": "label",
+              name: "adults",
+              icon: "male"
+            }, null, 8, ["modelValue", "label", "description"]))
+          ], 64)),
+          e(b) ? v("", !0) : (t(), s(C, { key: 1 }, [
+            e(k) ? (t(), w(H, {
+              key: 0,
+              modelValue: e(r),
+              "onUpdate:modelValue": l[6] || (l[6] = (o) => y(r) ? r.value = o : null),
+              label: e(a)("availability.children"),
+              description: e(a)("general.childAgeRange"),
+              "icon-type": "fas",
+              "icon-placement": "label",
+              name: "children",
+              icon: "child"
+            }, null, 8, ["modelValue", "label", "description"])) : (t(), w(I, {
+              key: 1,
+              modelValue: e(r),
+              "onUpdate:modelValue": l[7] || (l[7] = (o) => y(r) ? r.value = o : null),
+              label: e(a)("availability.children"),
+              description: e(a)("general.childAgeRange"),
+              "icon-type": "fas",
+              "icon-placement": "label",
+              name: "children",
+              icon: "child"
+            }, null, 8, ["modelValue", "label", "description"]))
+          ], 64))
+        ])) : v("", !0),
+        D("li", oe, [
+          i(z, {
+            class: "konnectio-availability-submit-small",
+            type: "submit",
+            icon: "search",
+            "icon-type": "fas",
+            disabled: !V.value,
+            "is-loading": e(L)
+          }, null, 8, ["disabled", "is-loading"]),
+          i(z, {
+            class: "konnectio-availability-submit-large",
+            type: "submit",
+            label: e(a)("availability.buttonLabel"),
+            disabled: !V.value,
+            "is-loading": e(L)
+          }, null, 8, ["label", "disabled", "is-loading"])
+        ])
+      ], 2)
+    ], 34));
+  }
+}), fe = /* @__PURE__ */ O(se, [["__scopeId", "data-v-50791fef"]]), de = { class: "availability-skeleton" }, ce = {
+  key: 0,
+  class: "availability-skeleton-navigation"
+}, ue = { class: "availability-skeleton-content" }, re = {
+  key: 1,
+  class: "availability-skeleton-event"
+}, be = /* @__PURE__ */ N({
+  __name: "AvailabilitySkeleton",
+  props: {
+    view: { default: "hotel" },
+    hotel: { type: Boolean, default: !1 }
+  },
+  setup(S) {
+    return (a, d) => (t(), s("div", de, [
+      a.view === "both" ? (t(), s("div", ce, [
+        i(E, {
+          height: "28px",
+          width: "60px",
+          "border-radius": "20px"
+        }),
+        i(E, {
+          height: "28px",
+          width: "60px",
+          "border-radius": "20px"
+        })
+      ])) : v("", !0),
+      D("div", ue, [
+        a.view !== "event" ? (t(), s("div", {
+          key: 0,
+          class: x([
+            "availability-skeleton-hotel",
+            { "within-hotel": a.hotel }
+          ])
+        }, [
+          i(p, { "with-icon": "" }),
+          i(p, { "with-icon": "" }),
+          i(p, { "with-icon": "" }),
+          i(p, {
+            "with-icon": "",
+            "no-label": ""
+          })
+        ], 2)) : (t(), s("div", re, [
+          i(p, { "with-icon": "" }),
+          i(p, {
+            "with-icon": "",
+            "no-label": ""
+          })
+        ]))
+      ])
+    ]));
+  }
+}), ye = /* @__PURE__ */ O(be, [["__scopeId", "data-v-ad344f0b"]]);
+export {
+  ye as A,
+  fe as H
+};

package/dist/{CheckoutWindow-S9xKe_Wf.js → CheckoutWindow-bgpWiBAd.js}

@@ -1,6 +1,5 @@
-import { defineComponent as b, ref as k, onMounted as $, openBlock as p, createBlock as I, unref as i, withCtx as T, createElementVNode as r, createVNode as V, normalizeClass as h, mergeProps as B, normalizeStyle as _, withKeys as N, createElementBlock as g, toDisplayString as u, createCommentVNode as C, createTextVNode as f, pushScopeId as w, popScopeId as G } from "vue";
-import { r as P, I as A, T as S, _ as v, l as E, s as F, c as O, P as U } from "./SelectField.vue_vue_type_style_index_0_lang-30hJu8vr.js";
-const j = { class: "fresh-booking-phone-input" }, z = /* @__PURE__ */ b({
+import { k as b, l as k, r as V, H as $, o as p, m as B, w as A, n as s, t as C, p as i, T as P, I, v, ai as T, A as h, aj as w, ak as N, x as g, P as u, y as S, B as _, $ as f, s as G, c as F, al as j, a5 as E, a6 as H } from "./_-5tXWGiwV.js";
+const O = { class: "fresh-booking-phone-input" }, U = /* @__PURE__ */ b({
   __name: "PhoneField",
   props: {
     modelValue: {},
@@ -15,30 +14,30 @@ const j = { class: "fresh-booking-phone-input" }, z = /* @__PURE__ */ b({
     inputStyle: {}
   },
   emits: ["update:modelValue"],
-  setup(a, { emit: l }) {
-    const t = l, n = a, c = n.id || P(), e = k("+45"), d = k("");
+  setup(t, { emit: l }) {
+    const a = l, n = t, c = n.id || k(), e = V("+45"), d = V("");
     function m() {
-      t("update:modelValue", `${e.value} ${d.value}`);
+      a("update:modelValue", `${e.value} ${d.value}`);
     }
     return $(() => {
       if (n.modelValue) {
         const o = n.modelValue.split(" ");
         e.value = o[0], d.value = o[1];
       }
-    }), (o, s) => (p(), I(A, {
+    }), (o, r) => (p(), B(I, {
       label: o.label,
       id: i(c),
       type: "phone",
       required: o.required,
       readonly: o.readonly
     }, {
-      default: T(() => [
-        r("div", j, [
-          V(S, {
+      default: A(() => [
+        s("div", O, [
+          C(P, {
             modelValue: e.value,
-            "onUpdate:modelValue": s[0] || (s[0] = (y) => e.value = y),
+            "onUpdate:modelValue": r[0] || (r[0] = (y) => e.value = y),
             type: "text",
-            id: i(P)(),
+            id: i(k)(),
             name: "phone-code",
             autocomplete: "tel-country-code",
             icon: o.icon,
@@ -48,11 +47,11 @@ const j = { class: "fresh-booking-phone-input" }, z = /* @__PURE__ */ b({
             required: o.required,
             readonly: o.readonly,
             "input-style": o.inputStyle,
-            onInput: s[1] || (s[1] = (y) => m())
+            onInput: r[1] || (r[1] = (y) => m())
           }, null, 8, ["modelValue", "id", "icon", "icon-color", "icon-type", "required", "readonly", "input-style"]),
-          V(S, {
+          C(P, {
             modelValue: d.value,
-            "onUpdate:modelValue": s[2] || (s[2] = (y) => d.value = y),
+            "onUpdate:modelValue": r[2] || (r[2] = (y) => d.value = y),
             type: "number",
             name: "phone",
             autocomplete: "tel-national",
@@ -61,14 +60,14 @@ const j = { class: "fresh-booking-phone-input" }, z = /* @__PURE__ */ b({
             required: o.required,
             readonly: o.readonly,
             "input-style": o.inputStyle,
-            onInput: s[3] || (s[3] = (y) => m())
+            onInput: r[3] || (r[3] = (y) => m())
           }, null, 8, ["modelValue", "id", "placeholder", "required", "readonly", "input-style"])
         ])
       ]),
       _: 1
     }, 8, ["label", "id", "required", "readonly"]));
   }
-}), ee = /* @__PURE__ */ v(z, [["__scopeId", "data-v-5cd094ab"]]), D = ["required", "type", "name", "readonly", "disabled", "value", "checked"], H = ["data-test"], K = { key: 0 }, M = /* @__PURE__ */ b({
+}), x = /* @__PURE__ */ v(U, [["__scopeId", "data-v-5cd094ab"]]), z = ["required", "type", "name", "readonly", "disabled", "value", "checked"], D = ["data-test"], K = { key: 0 }, M = /* @__PURE__ */ b({
   __name: "Checkbox",
   props: {
     modelValue: { type: [String, Boolean, Number] },
@@ -84,21 +83,21 @@ const j = { class: "fresh-booking-phone-input" }, z = /* @__PURE__ */ b({
     val: {}
   },
   emits: ["update:modelValue"],
-  setup(a, { emit: l }) {
-    const t = a, n = l;
+  setup(t, { emit: l }) {
+    const a = t, n = l;
     function c() {
-      t.readonly !== !0 && n(
+      a.readonly !== !0 && n(
         "update:modelValue",
-        t.type === "radio" ? t.val : t.numeric ? t.modelValue ? 0 : 1 : !t.modelValue
+        a.type === "radio" ? a.val : a.numeric ? a.modelValue ? 0 : 1 : !a.modelValue
       );
     }
-    return (e, d) => (p(), I(A, {
+    return (e, d) => (p(), B(I, {
       required: e.required,
       type: e.type,
       readonly: e.readonly
     }, {
-      default: T(() => [
-        r("label", {
+      default: A(() => [
+        s("label", {
           class: h([
             "fresh-booking-click-box-container",
             { "is-readonly": e.readonly },
@@ -106,7 +105,7 @@ const j = { class: "fresh-booking-phone-input" }, z = /* @__PURE__ */ b({
             e.type === "radio" ? "radio" : "checkbox"
           ])
         }, [
-          r("input", B(e.$attrs, {
+          s("input", T(e.$attrs, {
             required: !!e.required,
             type: e.type,
             name: e.name,
@@ -116,30 +115,30 @@ const j = { class: "fresh-booking-phone-input" }, z = /* @__PURE__ */ b({
             value: e.type === "radio" ? e.val : e.modelValue,
             checked: e.type === "radio" ? e.val === e.modelValue : !!e.modelValue,
             onChange: d[0] || (d[0] = (m) => c())
-          }), null, 16, D),
-          r("div", {
+          }), null, 16, z),
+          s("div", {
             class: h([
               "fresh-booking-click-box",
               { checked: e.type === "radio" ? e.val === e.modelValue : !!e.modelValue }
             ]),
             tabindex: "0",
-            style: _(e.inputStyle),
+            style: w(e.inputStyle),
             "data-test": e.name,
             onKeyup: d[1] || (d[1] = N((m) => c(), ["enter"]))
-          }, null, 46, H),
+          }, null, 46, D),
           e.label ? (p(), g("div", {
             key: 0,
             class: h(["fresh-booking-click-box-label", { "with-price": e.price }])
           }, [
-            r("span", null, u(e.label), 1),
-            e.price ? (p(), g("span", K, u(e.price), 1)) : C("", !0)
-          ], 2)) : C("", !0)
+            s("span", null, u(e.label), 1),
+            e.price ? (p(), g("span", K, u(e.price), 1)) : S("", !0)
+          ], 2)) : S("", !0)
         ], 2)
       ]),
       _: 1
     }, 8, ["required", "type", "readonly"]));
   }
-}), oe = /* @__PURE__ */ v(M, [["__scopeId", "data-v-7ef656cb"]]), R = {
+}), ee = /* @__PURE__ */ v(M, [["__scopeId", "data-v-a2138dc3"]]), R = {
   href: "https://policies.google.com/privacy",
   target: "_blank"
 }, W = {
@@ -147,19 +146,19 @@ const j = { class: "fresh-booking-phone-input" }, z = /* @__PURE__ */ b({
   target: "_blank"
 }, J = /* @__PURE__ */ b({
   __name: "GoogleNotice",
-  setup(a) {
-    const { t: l } = E();
-    return (t, n) => (p(), g("span", null, [
+  setup(t) {
+    const { t: l } = _();
+    return (a, n) => (p(), g("span", null, [
       f(u(i(l)("googleNotice")) + " ", 1),
-      r("a", R, u(i(l)("googlePrivacyPolicy")), 1),
+      s("a", R, u(i(l)("googlePrivacyPolicy")), 1),
       f(" " + u(i(l)("googleAnd")) + " ", 1),
-      r("a", W, u(i(l)("googleTOS")), 1),
+      s("a", W, u(i(l)("googleTOS")), 1),
       f(" " + u(i(l)("googleApply")) + ". ", 1)
     ]));
   }
 });
-function q(a) {
-  const l = a;
+function q(t) {
+  const l = t;
   l.__i18n = l.__i18n || [], l.__i18n.push({
     locale: "",
     resource: {
@@ -181,26 +180,26 @@ function q(a) {
   });
 }
 typeof q == "function" && q(J);
-const L = (a) => (w("data-v-340cb9ce"), a = a(), G(), a), Q = /* @__PURE__ */ L(() => /* @__PURE__ */ r("div", { id: "fresh-booking-payment-checkout" }, null, -1)), X = [
+const L = (t) => (E("data-v-340cb9ce"), t = t(), H(), t), Q = /* @__PURE__ */ L(() => /* @__PURE__ */ s("div", { id: "fresh-booking-payment-checkout" }, null, -1)), X = [
   Q
 ], Y = /* @__PURE__ */ b({
   __name: "CheckoutWindow",
-  setup(a) {
-    const { paymentGatewayId: l } = F(O());
+  setup(t) {
+    const { paymentGatewayId: l } = G(F());
     return $(() => {
-      const t = document.createElement("script"), n = document.createElement("script");
-      t.setAttribute("src", "https://checkout.dibspayment.eu/v1/checkout.js?v=1"), n.setAttribute("src", "https://checkout.reepay.com/checkout.js"), document.head.appendChild(t), document.head.appendChild(n);
-    }), (t, n) => (p(), g("div", null, [
-      r("div", {
+      const a = document.createElement("script"), n = document.createElement("script");
+      a.setAttribute("src", "https://checkout.dibspayment.eu/v1/checkout.js?v=1"), n.setAttribute("src", "https://checkout.reepay.com/checkout.js"), document.head.appendChild(a), document.head.appendChild(n);
+    }), (a, n) => (p(), g("div", null, [
+      s("div", {
         id: "fresh-booking-payment-checkout-wrapper",
-        class: h({ reePay: i(l) === i(U).ReePay })
+        class: h({ reePay: i(l) === i(j).ReePay })
       }, X, 2)
     ]));
   }
-}), le = /* @__PURE__ */ v(Y, [["__scopeId", "data-v-340cb9ce"]]);
+}), oe = /* @__PURE__ */ v(Y, [["__scopeId", "data-v-340cb9ce"]]);
 export {
-  oe as C,
-  ee as P,
+  ee as C,
+  x as P,
   J as _,
-  le as a
+  oe as a
 };