@konnectio/core 4.0.87 → 4.0.88

package/dist/{TermsOfService-Ch3BEIIo.js → TermsOfService-D3_RZAXa.js}

@@ -1,6 +1,6 @@
-import { d as o, u as r, a, b as i, w as c, e, i as s } from "./mitt-B_elXQ2J.js";
-import { F as p, _ } from "./Field.vue_vue_type_style_index_0_scoped_992f78a1_lang-DghVL0Oa.js";
-import { B as d } from "./CheckoutWindow-BANXRcdP.js";
+import { d as o, u as r, a, b as i, w as c, e, i as s } from "./mitt-Cg46J41N.js";
+import { F as p, _ } from "./SelectField.vue_vue_type_style_index_0_lang-HlNLn_PC.js";
+import { B as d } from "./CheckoutWindow-gdDFWtqb.js";
 const m = { class: "konnectio-terms-side-panel" }, l = ["innerHTML"], f = /* @__PURE__ */ o({
   __name: "TermsOfService",
   props: {
@@ -25,4 +25,4 @@ const m = { class: "konnectio-terms-side-panel" }, l = ["innerHTML"], f = /* @__
 export {
   x as S
 };
-//# sourceMappingURL=TermsOfService-Ch3BEIIo.js.map
+//# sourceMappingURL=TermsOfService-D3_RZAXa.js.map

package/dist/_-C5OzP-8w.js

@@ -0,0 +1,5 @@
+import { _ as f } from "./_.vue_vue_type_style_index_0_lang-Cd38IS_v.js";
+export {
+  f as default
+};
+//# sourceMappingURL=_-C5OzP-8w.js.map

package/dist/_.vue_vue_type_style_index_0_lang-Cd38IS_v.js

@@ -0,0 +1,25 @@
+import { d as l, ap as s, a as i, g as p, v as _ } from "./mitt-Cg46J41N.js";
+import { g as m } from "./SelectField.vue_vue_type_style_index_0_lang-HlNLn_PC.js";
+const f = {
+  class: "konnectio-app",
+  ref: "base"
+}, y = /* @__PURE__ */ l({
+  name: "BaseLayout",
+  __name: "_",
+  props: {
+    accessToken: {},
+    type: { default: "none" },
+    callback: {}
+  },
+  async setup(o) {
+    let e, t;
+    const a = o, { setAccessToken: c, fetchUtilities: n } = m();
+    return c(a.accessToken), [e, t] = s(() => n()), await e, t(), a.callback && ([e, t] = s(() => a.callback()), await e, t()), (r, k) => (i(), p("div", f, [
+      _(r.$slots, "default")
+    ], 512));
+  }
+});
+export {
+  y as _
+};
+//# sourceMappingURL=_.vue_vue_type_style_index_0_lang-Cd38IS_v.js.map

package/dist/availability.js

@@ -1,10 +1,10 @@
-import { d as E, u as S, r as T, c as o, o as B, a as l, b as s, w as c, S as D, e, f as p, g as I, n as y, h as f, t as A, i as d, F as M, j as L, T as N, p as P, k as F, l as H, m as V, q as $, s as z, v as j } from "./mitt-B_elXQ2J.js";
-import { u as q, C as K, _ as U } from "./Field.vue_vue_type_style_index_0_scoped_992f78a1_lang-DghVL0Oa.js";
-import { _ as x } from "./_.vue_vue_type_style_index_0_lang-0ivLN3Ws.js";
-import { H as G, A as J } from "./AvailabilitySkeleton-DfYTjUoS.js";
-import { E as O } from "./EventAvailabilityForm-TIP9lliE.js";
-import { E as Q } from "./ErrorMessage-BkKT-ltk.js";
-const R = (i) => (P("data-v-014bccfe"), i = i(), F(), i), W = { class: "konnectio-availability-module" }, X = { class: "konnectio-availability-navigation" }, Y = /* @__PURE__ */ R(() => /* @__PURE__ */ e("div", { class: "konnectio-availability-divider" }, null, -1)), Z = { class: "konnectio-availability-search-form" }, ee = /* @__PURE__ */ E({
+import { d as w, u as T, r as S, c as o, o as B, a as l, b as s, w as c, S as D, e, f as v, g as M, n as y, h as f, t as A, i as p, F as N, j as L, T as P, k as F, l as H, m as V, p as $, q as z } from "./mitt-Cg46J41N.js";
+import { u as I, C as j, _ as q } from "./SelectField.vue_vue_type_style_index_0_lang-HlNLn_PC.js";
+import { _ as K } from "./_.vue_vue_type_style_index_0_lang-Cd38IS_v.js";
+import { H as U, A as x } from "./AvailabilitySkeleton-DuS6EF5A.js";
+import { E as G } from "./EventAvailabilityForm-C4d81ddL.js";
+import { E as J } from "./ErrorMessage-Ve-udIdk.js";
+const O = { class: "konnectio-availability-module" }, Q = { class: "konnectio-availability-navigation" }, R = { class: "konnectio-availability-search-form" }, W = /* @__PURE__ */ w({
   name: "AvailabilityLayout",
   __name: "Availability",
   props: {
@@ -16,60 +16,60 @@ const R = (i) => (P("data-v-014bccfe"), i = i(), F(), i), W = { class: "konnecti
     hotelDisableDefaultLocation: { default: "no" },
     styling: {}
   },
-  setup(i) {
-    const { t: r } = S(), { fetchMetadata: u } = q(), a = i, n = T(), C = o(() => !!a.hotelLink || !!a.eventLink), m = o(() => !!a.hotelLink && !!a.eventLink), k = o(() => n.value === "hotel"), h = o(() => n.value === "event"), b = (t) => n.value = t, g = o(() => ({
+  setup(d) {
+    const { t: r } = T(), { fetchMetadata: u } = I(), a = d, i = S(), _ = o(() => !!a.hotelLink || !!a.eventLink), m = o(() => !!a.hotelLink && !!a.eventLink), k = o(() => i.value === "hotel"), b = o(() => i.value === "event"), h = (t) => i.value = t, g = o(() => ({
       fontSize: "13px",
       ...a.styling
     }));
     return B(() => {
-      !a.hotelLink && a.eventLink ? n.value = "event" : n.value = "hotel";
-    }), (t, v) => (l(), s(K, { styling: g.value }, {
+      !a.hotelLink && a.eventLink ? i.value = "event" : i.value = "hotel";
+    }), (t, n) => (l(), s(j, { styling: g.value }, {
       default: c(() => [
-        C.value ? (l(), s(D, { key: 0 }, {
+        _.value ? (l(), s(D, { key: 0 }, {
           default: c(() => [
             e("div", null, [
-              p(x, {
+              v(K, {
                 "access-token": t.accessToken,
-                callback: d(u)
+                callback: p(u)
               }, {
                 default: c(() => [
-                  e("div", W, [
-                    m.value ? (l(), I(M, { key: 0 }, [
-                      e("nav", X, [
+                  e("div", O, [
+                    m.value ? (l(), M(N, { key: 0 }, [
+                      e("nav", Q, [
                         e("ul", null, [
                           e("li", null, [
                             e("button", {
                               class: y({ active: k.value }),
-                              onClick: v[0] || (v[0] = f((w) => b("hotel"), ["prevent"]))
+                              onClick: n[0] || (n[0] = f((E) => h("hotel"), ["prevent"]))
                             }, [
-                              e("span", null, A(d(r)("availability.hotel")), 1)
+                              e("span", null, A(p(r)("availability.hotel")), 1)
                             ], 2)
                           ]),
                           e("li", null, [
                             e("button", {
-                              class: y({ active: h.value }),
-                              onClick: v[1] || (v[1] = f((w) => b("event"), ["prevent"]))
+                              class: y({ active: b.value }),
+                              onClick: n[1] || (n[1] = f((E) => h("event"), ["prevent"]))
                             }, [
-                              e("span", null, A(d(r)("availability.events")), 1)
+                              e("span", null, A(p(r)("availability.events")), 1)
                             ], 2)
                           ])
                         ])
                       ]),
-                      Y
+                      n[2] || (n[2] = e("div", { class: "konnectio-availability-divider" }, null, -1))
                     ], 64)) : L("", !0),
-                    e("div", Z, [
-                      p(N, {
+                    e("div", R, [
+                      v(P, {
                         name: "fade",
                         mode: "out-in",
                         appear: ""
                       }, {
                         default: c(() => [
-                          k.value ? (l(), s(G, {
+                          k.value ? (l(), s(U, {
                             key: 0,
                             link: t.hotelLink,
                             "selected-location": Number(t.hotelLocation),
                             "disable-default-location": t.hotelDisableDefaultLocation === "yes"
-                          }, null, 8, ["link", "selected-location", "disable-default-location"])) : h.value ? (l(), s(O, {
+                          }, null, 8, ["link", "selected-location", "disable-default-location"])) : b.value ? (l(), s(G, {
                             key: 1,
                             link: t.eventLink,
                             "selected-location": Number(t.eventLocation)
@@ -86,13 +86,13 @@ const R = (i) => (P("data-v-014bccfe"), i = i(), F(), i), W = { class: "konnecti
           ]),
           fallback: c(() => [
             e("div", null, [
-              p(J, {
-                view: m.value ? "both" : n.value
+              v(x, {
+                view: m.value ? "both" : i.value
               }, null, 8, ["view"])
             ])
           ]),
           _: 1
-        })) : (l(), s(Q, {
+        })) : (l(), s(J, {
           key: 1,
           title: "Unable to render Availability module",
           description: `The 'hotel-link' and/or 'event-link' properties are missing.<br>\r
@@ -102,8 +102,8 @@ const R = (i) => (P("data-v-014bccfe"), i = i(), F(), i), W = { class: "konnecti
       _: 1
     }, 8, ["styling"]));
   }
-}), _ = /* @__PURE__ */ U(ee, [["__scopeId", "data-v-014bccfe"]]), te = H(), ae = j();
-class ie extends HTMLElement {
+}), C = /* @__PURE__ */ q(W, [["__scopeId", "data-v-014bccfe"]]), X = F(), Y = z();
+class Z extends HTMLElement {
   vueApp;
   constructor() {
     super();
@@ -112,14 +112,14 @@ class ie extends HTMLElement {
     this.vueApp.unmount();
   }
   connectedCallback() {
-    const r = V(_, this.attributes);
-    this.vueApp = $(_, r), this.vueApp.provide("emitter", ae), this.vueApp.use(z), this.vueApp.use(te);
+    const r = H(C, this.attributes);
+    this.vueApp = V(C, r), this.vueApp.provide("emitter", Y), this.vueApp.use($), this.vueApp.use(X);
     const u = document.createElement("div");
     this.vueApp.mount(u), this.appendChild(u.children[0]);
   }
 }
-window.customElements.define("konnectio-availability", ie);
+window.customElements.define("konnectio-availability", Z);
 export {
-  ie as default
+  Z as default
 };
 //# sourceMappingURL=availability.js.map

package/dist/cancel-reservation.js

@@ -0,0 +1,158 @@
+import { d as C, u as y, c as A, r as i, a as r, g as _, b as h, i as n, F as x, f as u, w as v, S as I, e as t, t as T, k as E, l as S, m as w, p as F, q as M } from "./mitt-Cg46J41N.js";
+import { a as P, b as U, c, d as H, T as $, e as N, _ as L, C as W } from "./SelectField.vue_vue_type_style_index_0_lang-HlNLn_PC.js";
+import { _ as O } from "./_.vue_vue_type_style_index_0_lang-Cd38IS_v.js";
+import { A as q } from "./ActionField-DcT_9OQ-.js";
+const D = { class: "konnectio-cancel-reservation-form" }, j = /* @__PURE__ */ C({
+  __name: "CancelReservationForm",
+  setup(p) {
+    const { t: e } = y(), { display: s } = P(), { cancelReservation: m } = U(), R = A(() => [
+      {
+        label: e("cancelReservation.cancellationReasonRegret"),
+        value: c.Regret
+      },
+      {
+        label: e("cancelReservation.cancellationReasonMistake"),
+        value: c.BookingMistake
+      },
+      {
+        label: e("cancelReservation.cancellationReasonSickness"),
+        value: c.Sickness
+      },
+      {
+        label: e("cancelReservation.cancellationReasonTestBooking"),
+        value: c.TestBooking
+      },
+      {
+        label: e("cancelReservation.cancellationReasonBadWeather"),
+        value: c.BadWeather
+      },
+      {
+        label: e("cancelReservation.cancellationReasonOther"),
+        value: c.Other
+      }
+    ]), o = i(""), f = i(void 0), k = i(""), d = i(!1), b = i(!1);
+    function B() {
+      if (o.value === "") {
+        s({
+          message: e("alert.error.reservationIdEmpty"),
+          type: "error"
+        });
+        return;
+      }
+      b.value = !0;
+    }
+    function V() {
+      m({
+        id: o.value,
+        reason: f.value,
+        remark: k.value
+      }), b.value = !1;
+    }
+    return (ae, a) => (r(), _("form", D, [
+      b.value ? (r(), _(x, { key: 1 }, [
+        u(H, {
+          modelValue: f.value,
+          "onUpdate:modelValue": a[2] || (a[2] = (l) => f.value = l),
+          label: n(e)("cancelReservation.reasonLabel"),
+          placeholder: n(e)("cancelReservation.reasonPlaceholder"),
+          options: R.value,
+          searchable: !1,
+          icon: "ban"
+        }, null, 8, ["modelValue", "label", "placeholder", "options"]),
+        u($, {
+          modelValue: k.value,
+          "onUpdate:modelValue": a[3] || (a[3] = (l) => k.value = l),
+          type: "textarea",
+          name: "remark",
+          label: n(e)("cancelReservation.remarkLabel"),
+          icon: "info-circle",
+          placeholder: n(e)("cancelReservation.remarkPlaceholder")
+        }, null, 8, ["modelValue", "label", "placeholder"]),
+        u(N, {
+          label: n(e)("cancelReservation.confirmCancellationButton"),
+          "full-width": !0,
+          disabled: !1,
+          "is-loading": d.value,
+          "onUpdate:isLoading": a[4] || (a[4] = (l) => d.value = l),
+          onClickEvent: V
+        }, null, 8, ["label", "is-loading"])
+      ], 64)) : (r(), h(q, {
+        key: 0,
+        modelValue: o.value,
+        "onUpdate:modelValue": a[0] || (a[0] = (l) => o.value = l),
+        icon: "octagon-check",
+        label: n(e)("cancelReservation.reservationIdLabel"),
+        buttonLabel: n(e)("cancelReservation.checkReservationIdButton"),
+        placeholder: n(e)("cancelReservation.reservationIdPlaceholder"),
+        "is-loading": d.value,
+        "onUpdate:isLoading": a[1] || (a[1] = (l) => d.value = l),
+        onAction: B
+      }, null, 8, ["modelValue", "label", "buttonLabel", "placeholder", "is-loading"]))
+    ]));
+  }
+}), z = /* @__PURE__ */ L(j, [["__scopeId", "data-v-cd69e4ff"]]), G = { class: "konnectio-cancel-reservation-module" }, J = { class: "konnectio-cancel-reservation-title" }, K = ["innerHTML"], Q = { class: "konnectio-cancel-reservation-main" }, X = /* @__PURE__ */ C({
+  name: "CancelReservationLayout",
+  __name: "CancelReservation",
+  props: {
+    accessToken: {},
+    styling: {}
+  },
+  setup(p) {
+    const { t: e } = y(), s = p, m = A(() => ({
+      panelMaxWidth: "800px",
+      ...s.styling
+    }));
+    return (R, o) => (r(), h(W, { styling: m.value }, {
+      default: v(() => [
+        (r(), h(I, null, {
+          default: v(() => [
+            t("div", null, [
+              u(O, { "access-token": R.accessToken }, {
+                default: v(() => [
+                  t("div", G, [
+                    t("h2", J, [
+                      t("span", null, T(n(e)("cancelReservation.title")), 1)
+                    ]),
+                    t("div", {
+                      innerHTML: n(e)("cancelReservation.cancellationNotice"),
+                      class: "konnectio-cancel-reservation-description"
+                    }, null, 8, K),
+                    t("div", Q, [
+                      u(z)
+                    ])
+                  ])
+                ]),
+                _: 1
+              }, 8, ["access-token"])
+            ])
+          ]),
+          fallback: v(() => o[0] || (o[0] = [
+            t("div", null, null, -1)
+          ])),
+          _: 1
+        }))
+      ]),
+      _: 1
+    }, 8, ["styling"]));
+  }
+}), g = /* @__PURE__ */ L(X, [["__scopeId", "data-v-422d2f91"]]), Y = E(), Z = M();
+class ee extends HTMLElement {
+  vueApp;
+  constructor() {
+    super();
+  }
+  disconnectedCallback() {
+    this.vueApp.unmount();
+  }
+  connectedCallback() {
+    const e = S(g, this.attributes);
+    this.vueApp = w(g, e), this.vueApp.provide("emitter", Z), this.vueApp.use(F), this.vueApp.use(Y);
+    const s = document.createElement("div");
+    this.vueApp.mount(s), this.appendChild(s.children[0]);
+  }
+}
+window.customElements.define("konnectio-cancel-reservation", ee);
+export {
+  ee as default
+};
+//# sourceMappingURL=cancel-reservation.js.map

package/dist/deep-link.js

@@ -1,5 +1,5 @@
-import { d as l, r as o, o as c, a as d, g as u, e as r, t as h, y as i, l as m, m as f, q as v, s as k, v as A } from "./mitt-B_elXQ2J.js";
-const _ = ["href"], p = /* @__PURE__ */ l({
+import { d as l, r as o, o as c, a as d, g as u, e as r, t as h, v as p, k as m, l as f, m as v, p as k, q as A } from "./mitt-Cg46J41N.js";
+const _ = ["href"], i = /* @__PURE__ */ l({
   name: "KonnectioDeepLink",
   __name: "DeepLink",
   props: {
@@ -20,8 +20,8 @@ const _ = ["href"], p = /* @__PURE__ */ l({
     }, [
       r("a", { href: n.value }, [
         r("span", null, h(n.value), 1),
-        i(t.$slots, "content"),
-        i(t.$slots, "default")
+        p(t.$slots, "content"),
+        p(t.$slots, "default")
       ], 8, _)
     ], 512));
   }
@@ -35,8 +35,8 @@ class E extends HTMLElement {
     this.vueApp.unmount();
   }
   connectedCallback() {
-    const s = f(p, this.attributes);
-    this.vueApp = v(p, s), this.vueApp.provide("emitter", C), this.vueApp.use(k), this.vueApp.use(b);
+    const s = f(i, this.attributes);
+    this.vueApp = v(i, s), this.vueApp.provide("emitter", C), this.vueApp.use(k), this.vueApp.use(b);
     const e = document.createElement("div");
     this.vueApp.mount(e), this.appendChild(e.children[0]);
   }