@konnectio/core 4.0.56-rc5 → 4.0.56-rc7

package/dist/{ActionField--byx0Lp1.js → ActionField-i2xWkFyi.js}

@@ -1,4 +1,4 @@
-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";
+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-1RNEqBhG.js";
 const L = { class: "fresh-booking-action-field" }, T = /* @__PURE__ */ c({
   __name: "ActionField",
   props: {

package/dist/AvailabilitySkeleton-PWA_yfC-.js

@@ -0,0 +1,214 @@
+import { k as N, B as j, s as V, W as B, X as R, c as J, r as K, f as m, Y as C, Z as P, o as t, l as s, x as A, z as e, p as i, G as y, y as Q, n as v, $ as F, m as w, T as H, A as E, C as I, q as x, h as ee, _ as O } from "./SelectField.vue_vue_type_style_index_0_lang-1RNEqBhG.js";
+import { _ as ae } from "./DateField.vue_vue_type_style_index_0_lang-Lzoa_ZgT.js";
+import { E as z } from "./_-SqGSx3KP.js";
+import { F as p } from "./Field-f9KUVLIW.js";
+const le = {
+  key: 0,
+  class: "konnectio-availability-location"
+}, te = { id: "fresh-booking-availability-date-selection" }, ie = {
+  key: 1,
+  id: "fresh-booking-availability-guest-selection"
+}, ne = { id: "fresh-booking-availability-confirmation" }, oe = /* @__PURE__ */ N({
+  __name: "HotelAvailabilityForm",
+  props: {
+    booking: { type: Boolean, default: !1 },
+    link: {}
+  },
+  setup(S) {
+    const { t: a } = j(), d = S, {
+      adults: c,
+      children: r,
+      arrivalDate: f,
+      departureDate: g,
+      location: D,
+      isExpired: T
+    } = V(B()), { reset: q } = B(), { fetchAvailabilityData: G } = R(), { areListingsLoading: L, hotelList: M, hasHotelList: k } = V(R()), {
+      firstSelectableDateOffset: U,
+      lastSelectableDateOffset: $,
+      disableChildSelection: b,
+      disableAdultSelection: u
+    } = V(J()), h = K([]), W = 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 X = m(() => new Date((/* @__PURE__ */ new Date()).setDate(f.value.getDate() + ($.value + 1)))), _ = m(() => !(!u && c.value === 0)), Y = m(() => typeof d.link != "string");
+    function Z() {
+      if (d.booking === !1)
+        if (Y.value) {
+          const n = ee();
+          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
+        _.value && G();
+    }
+    return C(f, (n) => {
+      const l = new Date(new Date(n).setDate(new Date(n).getDate() + 1));
+      new Date(g.value) < l && (g.value = l);
+    }), C(h, (n) => {
+      f.value = n[0], g.value = n[1];
+    }), P(() => {
+      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: Z
+    }, [
+      A("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", le, [
+          i(Q, {
+            modelValue: e(D),
+            "onUpdate:modelValue": l[0] || (l[0] = (o) => y(D) ? D.value = o : null),
+            label: e(a)("general.location"),
+            icon: "location-dot",
+            "icon-type": "fas",
+            "icon-placement": "label",
+            options: e(M),
+            searchable: !1
+          }, null, 8, ["modelValue", "label", "options"])
+        ])) : v("", !0),
+        A("li", te, [
+          i(ae, {
+            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": W.value,
+            "max-date": X.value,
+            range: ""
+          }, null, 8, ["modelValue", "label", "min-date", "max-date"]),
+          v("", !0)
+        ]),
+        !e(u) || !e(b) ? (t(), s("li", ie, [
+          e(u) ? v("", !0) : (t(), s(F, { 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(E, {
+              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(F, { 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(E, {
+              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),
+        A("li", ne, [
+          i(I, {
+            class: "konnectio-availability-submit-small",
+            type: "submit",
+            icon: "search",
+            "icon-type": "fas",
+            disabled: !_.value,
+            "is-loading": e(L)
+          }, null, 8, ["disabled", "is-loading"]),
+          i(I, {
+            class: "konnectio-availability-submit-large",
+            type: "submit",
+            label: e(a)("availability.buttonLabel"),
+            disabled: !_.value,
+            "is-loading": e(L)
+          }, null, 8, ["label", "disabled", "is-loading"])
+        ])
+      ], 2)
+    ], 34));
+  }
+}), ve = /* @__PURE__ */ O(oe, [["__scopeId", "data-v-d30ddefe"]]), se = { class: "availability-skeleton" }, de = {
+  key: 0,
+  class: "availability-skeleton-navigation"
+}, ce = {
+  key: 2,
+  class: "availability-skeleton-event"
+}, ue = /* @__PURE__ */ N({
+  __name: "AvailabilitySkeleton",
+  props: {
+    view: { default: "hotel" },
+    hotel: { type: Boolean, default: !1 }
+  },
+  setup(S) {
+    return (a, d) => (t(), s("div", se, [
+      a.view === "both" ? (t(), s("div", de, [
+        i(z, {
+          height: "28px",
+          width: "60px",
+          "border-radius": "20px"
+        }),
+        i(z, {
+          height: "28px",
+          width: "60px",
+          "border-radius": "20px"
+        })
+      ])) : v("", !0),
+      a.view !== "event" ? (t(), s("div", {
+        key: 1,
+        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", ce, [
+        i(p, { "with-icon": "" }),
+        i(p, {
+          "with-icon": "",
+          "no-label": ""
+        })
+      ]))
+    ]));
+  }
+}), fe = /* @__PURE__ */ O(ue, [["__scopeId", "data-v-be195a3f"]]);
+export {
+  fe as A,
+  ve as H
+};

package/dist/{CheckoutWindow-_ZUCAYgm.js → CheckoutWindow-k3-Mh7Mp.js}

@@ -1,5 +1,5 @@
-import { k as b, v as k, r as V, B as $, o as p, m as B, w as I, x as d, p as C, z as i, T as q, I as T, _ as v, ah as A, q as h, ai as _, aj as w, l as g, H as u, n as P, F as N, a6 as f, s as F, c as G, ak as j, Q as z, R as E } from "./SelectField.vue_vue_type_style_index_0_lang-XwPp5AXD.js";
-const H = { class: "fresh-booking-phone-input" }, O = /* @__PURE__ */ b({
+import { k as b, v as k, r as V, Z as $, o as p, m as B, w as I, x as d, p as C, z as i, T as P, I as T, _ as v, ai as A, q as h, aj as _, ak as w, l as g, F as u, n as q, B as N, a8 as f, s as F, c as G, al as j, P as z, Q as E } from "./SelectField.vue_vue_type_style_index_0_lang-1RNEqBhG.js";
+const O = { class: "fresh-booking-phone-input" }, U = /* @__PURE__ */ b({
   __name: "PhoneField",
   props: {
     modelValue: {},
@@ -32,8 +32,8 @@ const H = { class: "fresh-booking-phone-input" }, O = /* @__PURE__ */ b({
       readonly: o.readonly
     }, {
       default: I(() => [
-        d("div", H, [
-          C(q, {
+        d("div", O, [
+          C(P, {
             modelValue: e.value,
             "onUpdate:modelValue": r[0] || (r[0] = (y) => e.value = y),
             type: "text",
@@ -49,7 +49,7 @@ const H = { class: "fresh-booking-phone-input" }, O = /* @__PURE__ */ b({
             "input-style": o.inputStyle,
             onInput: r[1] || (r[1] = (y) => m())
           }, null, 8, ["modelValue", "id", "icon", "icon-color", "icon-type", "required", "readonly", "input-style"]),
-          C(q, {
+          C(P, {
             modelValue: s.value,
             "onUpdate:modelValue": r[2] || (r[2] = (y) => s.value = y),
             type: "number",
@@ -67,7 +67,7 @@ const H = { class: "fresh-booking-phone-input" }, O = /* @__PURE__ */ b({
       _: 1
     }, 8, ["label", "id", "required", "readonly"]));
   }
-}), x = /* @__PURE__ */ v(O, [["__scopeId", "data-v-5cd094ab"]]), R = ["required", "type", "name", "readonly", "disabled", "value", "checked"], U = ["data-test"], D = { key: 0 }, K = /* @__PURE__ */ b({
+}), x = /* @__PURE__ */ v(U, [["__scopeId", "data-v-5cd094ab"]]), D = ["required", "type", "name", "readonly", "disabled", "value", "checked"], H = ["data-test"], K = { key: 0 }, M = /* @__PURE__ */ b({
   __name: "Checkbox",
   props: {
     modelValue: { type: [String, Boolean, Number] },
@@ -115,7 +115,7 @@ const H = { class: "fresh-booking-phone-input" }, O = /* @__PURE__ */ b({
             value: e.type === "radio" ? e.val : e.modelValue,
             checked: e.type === "radio" ? e.val === e.modelValue : !!e.modelValue,
             onChange: s[0] || (s[0] = (m) => c())
-          }), null, 16, R),
+          }), null, 16, D),
           d("div", {
             class: h([
               "fresh-booking-click-box",
@@ -125,20 +125,20 @@ const H = { class: "fresh-booking-phone-input" }, O = /* @__PURE__ */ b({
             style: _(e.inputStyle),
             "data-test": e.name,
             onKeyup: s[1] || (s[1] = w((m) => c(), ["enter"]))
-          }, null, 46, U),
+          }, null, 46, H),
           e.label ? (p(), g("div", {
             key: 0,
             class: h(["fresh-booking-click-box-label", { "with-price": e.price }])
           }, [
             d("span", null, u(e.label), 1),
-            e.price ? (p(), g("span", D, u(e.price), 1)) : P("", !0)
-          ], 2)) : P("", !0)
+            e.price ? (p(), g("span", K, u(e.price), 1)) : q("", !0)
+          ], 2)) : q("", !0)
         ], 2)
       ]),
       _: 1
     }, 8, ["required", "type", "readonly"]));
   }
-}), ee = /* @__PURE__ */ v(K, [["__scopeId", "data-v-7ef656cb"]]), M = {
+}), ee = /* @__PURE__ */ v(M, [["__scopeId", "data-v-7ef656cb"]]), R = {
   href: "https://policies.google.com/privacy",
   target: "_blank"
 }, W = {
@@ -150,7 +150,7 @@ const H = { class: "fresh-booking-phone-input" }, O = /* @__PURE__ */ b({
     const { t: l } = N();
     return (t, n) => (p(), g("span", null, [
       f(u(i(l)("googleNotice")) + " ", 1),
-      d("a", M, u(i(l)("googlePrivacyPolicy")), 1),
+      d("a", R, u(i(l)("googlePrivacyPolicy")), 1),
       f(" " + u(i(l)("googleAnd")) + " ", 1),
       d("a", W, u(i(l)("googleTOS")), 1),
       f(" " + u(i(l)("googleApply")) + ". ", 1)
@@ -180,9 +180,9 @@ function S(a) {
   });
 }
 typeof S == "function" && S(Q);
-const J = (a) => (z("data-v-340cb9ce"), a = a(), E(), a), L = /* @__PURE__ */ J(() => /* @__PURE__ */ d("div", { id: "fresh-booking-payment-checkout" }, null, -1)), X = [
-  L
-], Y = /* @__PURE__ */ b({
+const Z = (a) => (z("data-v-340cb9ce"), a = a(), E(), a), J = /* @__PURE__ */ Z(() => /* @__PURE__ */ d("div", { id: "fresh-booking-payment-checkout" }, null, -1)), L = [
+  J
+], X = /* @__PURE__ */ b({
   __name: "CheckoutWindow",
   setup(a) {
     const { paymentGatewayId: l } = F(G());
@@ -193,10 +193,10 @@ const J = (a) => (z("data-v-340cb9ce"), a = a(), E(), a), L = /* @__PURE__ */ J(
       d("div", {
         id: "fresh-booking-payment-checkout-wrapper",
         class: h({ reePay: i(l) === i(j).ReePay })
-      }, X, 2)
+      }, L, 2)
     ]));
   }
-}), oe = /* @__PURE__ */ v(Y, [["__scopeId", "data-v-340cb9ce"]]);
+}), oe = /* @__PURE__ */ v(X, [["__scopeId", "data-v-340cb9ce"]]);
 export {
   ee as C,
   x as P,