@konnectio/core 4.0.56-rc31 → 4.0.56-rc33

package/dist/{TermsOfService-oZz-B-KI.js → TermsOfService-yJlRLBDk.js}

@@ -1,5 +1,5 @@
-import { d as o, u as a, f as r, k as i, x as c, h as e, j as s, y as p, v as _ } from "./Field-C9r1d8IB.js";
-import { B as d } from "./CheckoutWindow-RWkSWvbk.js";
+import { d as o, u as a, o as r, a as i, w as c, f as e, g as s, h as p, _ } from "./Field.vue_vue_type_style_index_0_scoped_992f78a1_lang-Bsv17X7r.js";
+import { B as d } from "./CheckoutWindow-CIZWV-gI.js";
 const l = { class: "konnectio-terms-side-panel" }, f = ["innerHTML"], m = /* @__PURE__ */ o({
   __name: "TermsOfService",
   props: {

package/dist/availability.js

@@ -1,9 +1,8 @@
-import { d as C, u as w, r as E, e as m, o as S, f as c, k as v, x as d, S as T, h as a, m as b, g as B, p as y, q as f, A, j as L, F as I, l as _, B as N, D as H, E as M, G as z, H as F, v as P, J as V, K as j, L as O, M as $ } from "./Field-C9r1d8IB.js";
-import { H as D } from "./HotelAvailabilityForm-AQ4VA15t.js";
-import { E as K } from "./EventAvailabilityForm-LIgUj1t3.js";
-import { E as U } from "./ErrorMessage-z0JJ8Q3W.js";
-import { A as Z } from "./AvailabilitySkeleton-uaCnfwHM.js";
-const q = (l) => (z("data-v-fac0bb15"), l = l(), F(), l), G = { class: "konnectio-availability-module" }, J = { class: "konnectio-availability-navigation" }, x = /* @__PURE__ */ q(() => /* @__PURE__ */ a("div", { class: "konnectio-availability-divider" }, null, -1)), Q = { class: "konnectio-availability-search-form" }, R = /* @__PURE__ */ C({
+import { d as w, u as E, l as S, m as T, i as h, p as B, o as r, a as v, w as d, S as I, f as a, e as b, c as N, n as f, q as A, t as L, g as _, F as z, b as g, s as M, v as F, x as H, y as P, z as V, _ as O, A as $, B as j, D, G as U } from "./Field.vue_vue_type_style_index_0_scoped_992f78a1_lang-Bsv17X7r.js";
+import { H as Z, A as q } from "./AvailabilitySkeleton-BO4Erg_O.js";
+import { E as G } from "./EventAvailabilityForm-D73TXrag.js";
+import { E as K } from "./ErrorMessage-BzZDhDkX.js";
+const x = (l) => (P("data-v-5c1e7504"), l = l(), V(), l), J = { class: "konnectio-availability-module" }, Q = { class: "konnectio-availability-navigation" }, R = /* @__PURE__ */ x(() => /* @__PURE__ */ a("div", { class: "konnectio-availability-divider" }, null, -1)), W = { class: "konnectio-availability-search-form" }, X = /* @__PURE__ */ w({
   name: "AvailabilityLayout",
   __name: "Availability",
   props: {
@@ -15,59 +14,59 @@ const q = (l) => (z("data-v-fac0bb15"), l = l(), F(), l), G = { class: "konnecti
     styling: {}
   },
   setup(l) {
-    const { t: r } = w(), o = l, i = E(), h = m(() => !!o.hotelLink || !!o.eventLink), p = m(() => !!o.hotelLink && !!o.eventLink), s = m(() => i.value === "hotel"), u = m(() => i.value === "event"), t = (e) => i.value = e;
-    return S(() => {
-      !o.hotelLink && o.eventLink ? i.value = "event" : i.value = "hotel";
-    }), (e, n) => (c(), v(M, { styling: e.styling }, {
+    const { t: c } = E(), p = S(), i = l, o = T(), m = h(() => !!i.hotelLink || !!i.eventLink), s = h(() => !!i.hotelLink && !!i.eventLink), u = h(() => o.value === "hotel"), t = h(() => o.value === "event"), n = (e) => o.value = e;
+    return B(() => {
+      p.fetchMetadata(), !i.hotelLink && i.eventLink ? o.value = "event" : o.value = "hotel";
+    }), (e, k) => (r(), v(H, { styling: e.styling }, {
       default: d(() => [
-        h.value ? (c(), v(T, { key: 0 }, {
+        m.value ? (r(), v(I, { key: 0 }, {
           default: d(() => [
             a("div", null, [
-              b(H, {
+              b(F, {
                 "access-token": e.accessToken,
-                type: "hotel"
+                type: "none"
               }, {
                 default: d(() => [
-                  a("div", G, [
-                    p.value ? (c(), B(I, { key: 0 }, [
-                      a("nav", J, [
+                  a("div", J, [
+                    s.value ? (r(), N(z, { key: 0 }, [
+                      a("nav", Q, [
                         a("ul", null, [
                           a("li", null, [
                             a("button", {
-                              class: y({ active: s.value }),
-                              onClick: n[0] || (n[0] = f((g) => t("hotel"), ["prevent"]))
+                              class: f({ active: u.value }),
+                              onClick: k[0] || (k[0] = A((C) => n("hotel"), ["prevent"]))
                             }, [
-                              a("span", null, A(L(r)("availability.hotel")), 1)
+                              a("span", null, L(_(c)("availability.hotel")), 1)
                             ], 2)
                           ]),
                           a("li", null, [
                             a("button", {
-                              class: y({ active: u.value }),
-                              onClick: n[1] || (n[1] = f((g) => t("event"), ["prevent"]))
+                              class: f({ active: t.value }),
+                              onClick: k[1] || (k[1] = A((C) => n("event"), ["prevent"]))
                             }, [
-                              a("span", null, A(L(r)("availability.events")), 1)
+                              a("span", null, L(_(c)("availability.events")), 1)
                             ], 2)
                           ])
                         ])
                       ]),
-                      x
-                    ], 64)) : _("", !0),
-                    a("div", Q, [
-                      b(N, {
+                      R
+                    ], 64)) : g("", !0),
+                    a("div", W, [
+                      b(M, {
                         name: "fade",
                         mode: "out-in",
                         appear: ""
                       }, {
                         default: d(() => [
-                          s.value ? (c(), v(D, {
+                          u.value ? (r(), v(Z, {
                             key: 0,
                             link: e.hotelLink,
                             "selected-location": Number(e.hotelLocation)
-                          }, null, 8, ["link", "selected-location"])) : u.value ? (c(), v(K, {
+                          }, null, 8, ["link", "selected-location"])) : t.value ? (r(), v(G, {
                             key: 1,
                             link: e.eventLink,
                             "selected-location": Number(e.eventLocation)
-                          }, null, 8, ["link", "selected-location"])) : _("", !0)
+                          }, null, 8, ["link", "selected-location"])) : g("", !0)
                         ]),
                         _: 1
                       })
@@ -80,13 +79,13 @@ const q = (l) => (z("data-v-fac0bb15"), l = l(), F(), l), G = { class: "konnecti
           ]),
           fallback: d(() => [
             a("div", null, [
-              b(Z, {
-                view: p.value ? "both" : i.value
+              b(q, {
+                view: s.value ? "both" : o.value
               }, null, 8, ["view"])
             ])
           ]),
           _: 1
-        })) : (c(), v(U, {
+        })) : (r(), v(K, {
           key: 1,
           title: "Unable to render Availability module",
           description: `The 'hotel-link' and/or 'event-link' properties are missing.<br>\r
@@ -96,8 +95,8 @@ const q = (l) => (z("data-v-fac0bb15"), l = l(), F(), l), G = { class: "konnecti
       _: 1
     }, 8, ["styling"]));
   }
-}), k = /* @__PURE__ */ P(R, [["__scopeId", "data-v-fac0bb15"]]), W = V(), X = $();
-class Y extends HTMLElement {
+}), y = /* @__PURE__ */ O(X, [["__scopeId", "data-v-5c1e7504"]]), Y = $(), ee = U();
+class te extends HTMLElement {
   vueApp;
   constructor() {
     super();
@@ -106,25 +105,25 @@ class Y extends HTMLElement {
     this.vueApp.unmount();
   }
   connectedCallback() {
-    const r = typeof k == "function" ? k.options : k;
-    let o = Array.isArray(r.props) ? r.props : Object.keys(r.props || {});
-    const i = (t) => t.replace(/[A-Z]+(?![a-z])|[A-Z]/g, (e, n) => (n ? "-" : "") + e.toLowerCase()), h = (t) => t.replace(/-./g, (e) => e[1].toUpperCase()), p = {};
-    o = o.map(i);
+    const c = typeof y == "function" ? y.options : y;
+    let p = Array.isArray(c.props) ? c.props : Object.keys(c.props || {});
+    const i = (t) => t.replace(/[A-Z]+(?![a-z])|[A-Z]/g, (n, e) => (e ? "-" : "") + n.toLowerCase()), o = (t) => t.replace(/-./g, (n) => n[1].toUpperCase()), m = {};
+    p = p.map(i);
     const s = {};
     for (const t of this.attributes) {
-      const n = t.name.split(".");
-      n.length > 1 && (s[n[0]] || (s[n[0]] = {}), s[n[0]][h(n[1])] = t.value);
+      const e = t.name.split(".");
+      e.length > 1 && (s[e[0]] || (s[e[0]] = {}), s[e[0]][o(e[1])] = t.value);
     }
-    for (const t of o) {
-      let e = this.attributes.getNamedItem(t)?.value;
-      s.hasOwnProperty(t) && (e = s[t]), p[t] = e;
+    for (const t of p) {
+      let n = this.attributes.getNamedItem(t)?.value;
+      s.hasOwnProperty(t) && (n = s[t]), m[t] = n;
     }
-    this.vueApp = j(k, p), this.vueApp.provide("emitter", X), this.vueApp.use(O), this.vueApp.use(W);
+    this.vueApp = j(y, m), this.vueApp.provide("emitter", ee), this.vueApp.use(D), this.vueApp.use(Y);
     const u = document.createElement("div");
     this.vueApp.mount(u), this.appendChild(u.children[0]);
   }
 }
-window.customElements.define("konnectio-availability", Y);
+window.customElements.define("konnectio-availability", te);
 export {
-  Y as default
+  te as default
 };