@konnectio/core 4.1.3 → 4.1.4

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, v as p, k as m, l as f, m as v, p as k, q as A } from "./mitt-Dh_4vPVI.js";
-const _ = ["href"], i = /* @__PURE__ */ l({
+import { d as c, r as o, o as l, a as d, g as u, e as r, t as h, q as i, k as m, l as f, m as v, p as k, _ } from "./mitt-CFrRmK9k.js";
+const A = ["href"], p = /* @__PURE__ */ c({
   name: "KonnectioDeepLink",
   __name: "DeepLink",
   props: {
@@ -11,22 +11,22 @@ const _ = ["href"], i = /* @__PURE__ */ l({
   },
   setup(a) {
     const s = o(null), e = a, n = o();
-    return c(() => {
+    return l(() => {
       const t = new URL(e.baseurl || location.href);
       e.adults && t.searchParams.append("adults", e.adults), e.children && t.searchParams.append("children", e.children), n.value = t.href;
-    }), (t, L) => (d(), u("div", {
+    }), (t, w) => (d(), u("div", {
       ref_key: "test",
       ref: s
     }, [
       r("a", { href: n.value }, [
         r("span", null, h(n.value), 1),
-        p(t.$slots, "content"),
-        p(t.$slots, "default")
-      ], 8, _)
+        i(t.$slots, "content"),
+        i(t.$slots, "default")
+      ], 8, A)
     ], 512));
   }
-}), b = m(), C = A();
-class E extends HTMLElement {
+}), b = m(), C = _, E = C();
+class L extends HTMLElement {
   vueApp;
   constructor() {
     super();
@@ -35,14 +35,14 @@ class E extends HTMLElement {
     this.vueApp.unmount();
   }
   connectedCallback() {
-    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 s = f(p, this.attributes);
+    this.vueApp = v(p, s), this.vueApp.provide("emitter", E), this.vueApp.use(k), this.vueApp.use(b);
     const e = document.createElement("div");
     this.vueApp.mount(e), this.appendChild(e.children[0]);
   }
 }
-window.customElements.define("konnectio-deep-link", E);
+window.customElements.define("konnectio-deep-link", L);
 export {
-  E as default
+  L as default
 };
 //# sourceMappingURL=deep-link.js.map

package/dist/event.js

@@ -1,12 +1,12 @@
-import { d as W, u as ae, s as j, r as Fe, c as X, a as l, b as $, w as m, v as K, i as e, e as t, j as v, f as p, n as Xe, g as c, t as a, o as xe, h as et, x as de, y as tt, z as nt, F as I, A as Y, B as M, S as at, k as ot, l as lt, m as st, p as it, q as rt } from "./mitt-Dh_4vPVI.js";
-import { a as _e, f as x, g as ue, l as ut, s as U, d as ce, B as dt, _ as ee, h as me, I as ne, i as ct, u as $e, j as mt, k as pt, m as vt, n as we, o as J, p as bt, q as Oe, T as re, O as ft, C as gt, r as kt, t as yt, v as ht } from "./SelectField.vue_vue_type_style_index_0_lang-CZYWu7x-.js";
-import { G as Dt } from "./style-CXMzdeVK.js";
-import { _ as Pt } from "./_.vue_vue_type_style_index_0_lang-DKkrP6vk.js";
-import { B as $t, _ as wt, R as _t, L as Se, S as Et, M as Ot, C as Vt, T as Nt, V as Tt, a as Bt } from "./masonry.plugin-By72FzQ9.js";
-import { e as Lt, c as Ct, n as Ft, g as Ve, m as Ne, a as Te, b as Be, d as St, f as Le, _ as At } from "./AvailabilitySkeleton.vue_vue_type_style_index_0_scoped_cebeb733_lang-Bqb9v7l8.js";
-import { C as It, P as Rt, a as Mt } from "./CheckoutWindow-DrZnthDH.js";
-import { E as Ut } from "./EventAvailabilityForm-BPkfZcYX.js";
-import "./Field.vue_vue_type_style_index_0_scoped_6ef33e68_lang-CW-XSJQB.js";
+import { d as W, u as ae, s as j, r as Fe, c as X, a as l, b as $, w as m, q as K, i as e, e as t, j as v, f as p, n as Xe, g as c, t as a, o as xe, h as et, v as de, x as tt, y as nt, F as I, z as Y, A as M, S as at, k as ot, l as lt, m as st, p as it, _ as rt } from "./mitt-CFrRmK9k.js";
+import { a as we, f as x, g as ue, l as ut, s as U, d as ce, B as dt, _ as ee, h as me, I as ne, i as ct, u as $e, j as mt, k as pt, m as vt, n as _e, o as J, p as bt, q as Oe, T as re, O as ft, C as gt, r as kt, t as yt, v as ht } from "./SelectField.vue_vue_type_style_index_0_lang-eQJ88XWq.js";
+import { G as Dt } from "./style-CLWqMWeG.js";
+import { _ as Pt } from "./_.vue_vue_type_style_index_0_lang-alJEghYY.js";
+import { B as $t, _ as _t, R as wt, L as Se, S as Et, M as Ot, C as Vt, T as Nt, V as Tt, a as Bt } from "./masonry.plugin-p-oq4FQ9.js";
+import { e as Lt, c as Ct, n as Ft, g as Ve, m as Ne, a as Te, b as Be, d as St, f as Le, _ as At } from "./AvailabilitySkeleton.vue_vue_type_style_index_0_scoped_86730e88_lang-a1ndpS4g.js";
+import { C as It, P as Rt, a as Mt } from "./CheckoutWindow-BgqyyJoW.js";
+import { E as Ut } from "./EventAvailabilityForm-Cw5NkQXM.js";
+import "./Field.vue_vue_type_style_index_0_scoped_6ef33e68_lang-DF8uAZlm.js";
 function Gt(k) {
   return (o) => {
     const y = (k ? Math[k] : Math.trunc)(o);
@@ -23,7 +23,7 @@ function zt(k, o, n) {
   }), [E, g] = Ft(
     n?.in,
     ...i > 0 ? [o, k] : [k, o]
-  ), s = Gt(n?.roundingMethod ?? "round"), O = g.getTime() - E.getTime(), h = O / Le, w = Ve(g) - Ve(E), N = (O - w) / Le, F = n?.unit;
+  ), s = Gt(n?.roundingMethod ?? "round"), O = g.getTime() - E.getTime(), h = O / Le, _ = Ve(g) - Ve(E), N = (O - _) / Le, F = n?.unit;
   let D;
   if (F ? D = F : h < 1 ? D = "second" : h < 60 ? D = "minute" : h < Ne ? D = "hour" : N < Te ? D = "day" : N < Be ? D = "month" : D = "year", D === "second") {
     const r = s(O / 1e3);
@@ -70,7 +70,7 @@ const qt = { class: "konnectio-event-listing-action-button" }, Ht = /* @__PURE__
     callback: {}
   },
   setup(k) {
-    const { t: o } = ae(), n = k, { display: y } = _e(), {
+    const { t: o } = ae(), n = k, { display: y } = we(), {
       maxNumberOfPeople: b,
       numberOfPeople: i,
       eventId: f,
@@ -80,24 +80,24 @@ const qt = { class: "konnectio-event-listing-action-button" }, Ht = /* @__PURE__
       getTemplateAvailability: s,
       getEventAvailability: O,
       isEventListingLoading: h
-    } = x(), w = Fe(0), N = X(() => h(n.listingId)), F = () => {
-      if (!n.useNumberOfProductsForPersons && (w.value === 0 || isNaN(w.value))) {
+    } = x(), _ = Fe(0), N = X(() => h(n.listingId)), F = () => {
+      if (!n.useNumberOfProductsForPersons && (_.value === 0 || isNaN(_.value))) {
         y({
           type: "error",
           message: o("alert.error.selectPeople")
         });
         return;
       }
-      f.value = n.listingId, i.value = n.useNumberOfProductsForPersons ? NaN : w.value, s(n.callback);
+      f.value = n.listingId, i.value = n.useNumberOfProductsForPersons ? NaN : _.value, s(n.callback);
     }, D = () => {
-      if (!n.useNumberOfProductsForPersons && (w.value === 0 || isNaN(w.value))) {
+      if (!n.useNumberOfProductsForPersons && (_.value === 0 || isNaN(_.value))) {
         y({
           type: "error",
           message: o("alert.error.selectPeople")
         });
         return;
       }
-      f.value = n.listingId, g.value = n.tableGroupId, i.value = n.useNumberOfProductsForPersons ? NaN : w.value, O(n.callback);
+      f.value = n.listingId, g.value = n.tableGroupId, i.value = n.useNumberOfProductsForPersons ? NaN : _.value, O(n.callback);
     };
     return (r, S) => (l(), $($t, {
       type: "event",
@@ -123,8 +123,8 @@ const qt = { class: "konnectio-event-listing-action-button" }, Ht = /* @__PURE__
           }, [
             r.useNumberOfProductsForPersons ? v("", !0) : (l(), $(ue, {
               key: 0,
-              modelValue: w.value,
-              "onUpdate:modelValue": S[0] || (S[0] = (A) => w.value = A),
+              modelValue: _.value,
+              "onUpdate:modelValue": S[0] || (S[0] = (A) => _.value = A),
               label: e(o)("event.numberOfGuests"),
               icon: "users",
               "icon-type": "fas",
@@ -198,7 +198,7 @@ const jt = {
       callback: i.callback
     }, {
       description: m(() => [
-        i.description ? (l(), $(wt, {
+        i.description ? (l(), $(_t, {
           key: 0,
           text: i.description
         }, null, 8, ["text"])) : v("", !0),
@@ -254,7 +254,7 @@ const jt = {
     callback: { type: Function }
   },
   setup(k) {
-    const { t: o } = ae(), { updateEventDate: n } = $e(), { display: y } = _e(), b = Fe(), i = k;
+    const { t: o } = ae(), { updateEventDate: n } = $e(), { display: y } = we(), b = Fe(), i = k;
     function f() {
       b.value ? n(b.value) : y({
         message: o("alert.error.selectDate"),
@@ -370,7 +370,7 @@ const jt = {
       currentEventDate: s,
       length: O,
       fromDate: h,
-      tableBasePrice: w,
+      tableBasePrice: _,
       getTemplateData: N,
       basePrice: F,
       totalPrice: D,
@@ -379,7 +379,7 @@ const jt = {
       discountCode: A,
       totalSelectedProducts: Z
     } = j(x()), { totalAddonPrice: pe, validateDiscountCode: ve } = x(), { currency: oe, hideEventLength: be } = j(me());
-    return (R, le) => (l(), $(_t, {
+    return (R, le) => (l(), $(wt, {
       "discount-code": e(A),
       "onUpdate:discountCode": le[0] || (le[0] = (Q) => M(A) ? A.value = Q : null),
       "validate-discount-code": e(ve),
@@ -429,17 +429,17 @@ const jt = {
         ], 64)) : v("", !0),
         !e(g) && e(b) ? (l(), c("li", sn, [
           t("span", null, a(e(o)("event.startOfEvent")), 1),
-          t("b", null, a(e(we)(e(b))), 1)
+          t("b", null, a(e(_e)(e(b))), 1)
         ])) : v("", !0),
         !e(g) && e(O) && !e(be) ? (l(), c("li", rn, [
           t("span", null, a(e(o)("event.lengthOfEvent")), 1),
-          t("b", null, a(e(we)(e(O))), 1)
+          t("b", null, a(e(_e)(e(O))), 1)
         ])) : v("", !0)
       ]),
       "price-summary": m(() => [
-        !e(g) && e(w) > 0 ? (l(), c("li", un, [
+        !e(g) && e(_) > 0 ? (l(), c("li", un, [
           t("span", null, a(e(o)("booking.availability.basePrice")), 1),
-          t("b", null, a(e(J)(e(w), e(oe))), 1)
+          t("b", null, a(e(J)(e(_), e(oe))), 1)
         ])) : v("", !0),
         e(N) ? (l(!0), c(I, { key: 1 }, Y(e(N), ({ roomGroupId: Q }, se) => (l(), c("li", { key: Q }, [
           t("span", null, a(e(o)("booking.reservation.addons")) + " - " + a(e(o)("booking.reservation.room")) + " #" + a(se + 1), 1),
@@ -489,7 +489,7 @@ const jt = {
 }, hn = {
   key: 0,
   class: "konnectio-hotel-availability-title"
-}, Dn = { class: "konnectio-event-listings" }, Pn = { class: "konnectio-hotel-availability-title" }, $n = { class: "konnectio-event-listings" }, wn = ["innerHTML"], _n = { class: "konnectio-panel" }, En = {
+}, Dn = { class: "konnectio-event-listings" }, Pn = { class: "konnectio-hotel-availability-title" }, $n = { class: "konnectio-event-listings" }, _n = ["innerHTML"], wn = { class: "konnectio-panel" }, En = {
   key: 0,
   id: "konnectio-event-addons"
 }, On = { class: "konnectio-table with-lines" }, Vn = { class: "konnectio-event-addons-price" }, Nn = { class: "konnectio-event-addons-input" }, Tn = { class: "konnectio-event-addons-price" }, Bn = { class: "konnectio-event-addons-price" }, Ln = {
@@ -516,7 +516,7 @@ const jt = {
       remark: s,
       allergies: O,
       arrivalTime: h,
-      hasEvents: w,
+      hasEvents: _,
       hasTemplates: N,
       getEvents: F,
       getTemplates: D,
@@ -541,7 +541,7 @@ const jt = {
       totalAddonPrice: je,
       reset: We,
       goBack: Ee
-    } = x(), { display: ge } = _e(), Ze = X(() => [
+    } = x(), { display: ge } = we(), Ze = X(() => [
       {
         id: "availability",
         label: n("booking.availability.title"),
@@ -571,7 +571,7 @@ const jt = {
       const P = [];
       return A.value && A.value.forEach((d) => {
         P.find((B) => B.value === d.time) || P.push({
-          label: we(d.time),
+          label: _e(d.time),
           value: d.time
         });
       }), P;
@@ -633,12 +633,12 @@ const jt = {
                             t("span", null, a(e(n)("event.availableNow")), 1)
                           ])) : v("", !0),
                           t("ul", Dn, [
-                            e(w) && P.onlyShow !== "templates" ? (l(!0), c(I, { key: 0 }, Y(e(F), ({
+                            e(_) && P.onlyShow !== "templates" ? (l(!0), c(I, { key: 0 }, Y(e(F), ({
                               id: V,
                               days: u,
                               name: L,
                               timeFrom: C,
-                              timeTo: _,
+                              timeTo: w,
                               fromDate: T,
                               toDate: G,
                               tableGroupId: z,
@@ -663,7 +663,7 @@ const jt = {
                               "to-date": G,
                               "max-online-reservation-limit": he || ye,
                               "time-from": C,
-                              "time-to": _,
+                              "time-to": w,
                               "sold-out": te,
                               "use-number-of-products-for-persons": De,
                               callback: B
@@ -673,7 +673,7 @@ const jt = {
                               name: u,
                               fromDate: L,
                               toDate: C,
-                              minimumPersonCount: _,
+                              minimumPersonCount: w,
                               fromPrice: T,
                               description: G,
                               imageUrl: z,
@@ -687,7 +687,7 @@ const jt = {
                               description: G,
                               "from-date": L,
                               "to-date": C,
-                              "minimum-person-count": _,
+                              "minimum-person-count": w,
                               fromPrice: T,
                               callback: B
                             }, null, 8, ["listing-id", "name", "image", "images", "description", "from-date", "to-date", "minimum-person-count", "fromPrice", "callback"]))), 128)) : v("", !0)
@@ -707,7 +707,7 @@ const jt = {
                                 days: u,
                                 name: L,
                                 timeFrom: C,
-                                timeTo: _,
+                                timeTo: w,
                                 fromDate: T,
                                 toDate: G,
                                 tableGroupId: z,
@@ -732,18 +732,18 @@ const jt = {
                                 "to-date": G,
                                 "max-online-reservation-limit": he || ye,
                                 "time-from": C,
-                                "time-to": _,
+                                "time-to": w,
                                 "sold-out": te,
                                 "use-number-of-products-for-persons": De,
                                 callback: B
                               }, null, 8, ["listing-id", "table-group-id", "description", "name", "length", "gallery", "days", "from-date", "to-date", "max-online-reservation-limit", "time-from", "time-to", "sold-out", "use-number-of-products-for-persons", "callback"]))), 128))
                             ])
                           ], 64)) : v("", !0),
-                          !e(w) && !e(N) || !e(w) && P.onlyShow === "events" || !e(N) && P.onlyShow === "templates" ? (l(), c("div", {
+                          !e(_) && !e(N) || !e(_) && P.onlyShow === "events" || !e(N) && P.onlyShow === "templates" ? (l(), c("div", {
                             key: 2,
                             class: "konnectio-panel",
                             innerHTML: e(n)("event.nothingAvailable")
-                          }, null, 8, wn)) : v("", !0)
+                          }, null, 8, _n)) : v("", !0)
                         ])) : (l(), $(Se, { key: 1 }))
                       ]),
                       _: 2
@@ -755,7 +755,7 @@ const jt = {
                       "prev-callback": () => e(Ee)(V)
                     }, {
                       form: m(() => [
-                        t("form", _n, [
+                        t("form", wn, [
                           t("h2", null, [
                             t("span", null, a(e(n)("event.selectProducts")), 1)
                           ]),
@@ -764,9 +764,9 @@ const jt = {
                               roomGroupId: u,
                               addons: L,
                               adultPerRoom: C
-                            }, _) => (l(), c("li", { key: u }, [
+                            }, w) => (l(), c("li", { key: u }, [
                               t("h5", null, [
-                                t("span", null, a(e(n)("booking.reservation.room")) + " #" + a(_ + 1), 1),
+                                t("span", null, a(e(n)("booking.reservation.room")) + " #" + a(w + 1), 1),
                                 d[7] || (d[7] = de(" (")),
                                 p(ne, {
                                   icon: "male",
@@ -803,19 +803,19 @@ const jt = {
                                     t("td", Nn, [
                                       G === 3 ? (l(), $(ue, {
                                         key: 0,
-                                        modelValue: e(y)[`${u}.${T}.${_}`],
-                                        "onUpdate:modelValue": (H) => e(y)[`${u}.${T}.${_}`] = H,
+                                        modelValue: e(y)[`${u}.${T}.${w}`],
+                                        "onUpdate:modelValue": (H) => e(y)[`${u}.${T}.${w}`] = H,
                                         small: !0,
                                         "min-value": 0
                                       }, null, 8, ["modelValue", "onUpdate:modelValue"])) : (l(), $(It, {
                                         key: 1,
-                                        modelValue: e(y)[`${u}.${T}.${_}`],
-                                        "onUpdate:modelValue": (H) => e(y)[`${u}.${T}.${_}`] = H,
+                                        modelValue: e(y)[`${u}.${T}.${w}`],
+                                        "onUpdate:modelValue": (H) => e(y)[`${u}.${T}.${w}`] = H,
                                         numeric: !0
                                       }, null, 8, ["modelValue", "onUpdate:modelValue"]))
                                     ]),
                                     t("td", Tn, [
-                                      t("span", null, a(e(J)(e(Ye)(T, u, _), e(ie))), 1)
+                                      t("span", null, a(e(J)(e(Ye)(T, u, w), e(ie))), 1)
                                     ])
                                   ]))), 128))
                                 ]),
@@ -825,7 +825,7 @@ const jt = {
                                     d[11] || (d[11] = t("td", null, null, -1)),
                                     t("td", Bn, [
                                       t("u", null, [
-                                        t("span", null, a(e(J)(e(je)(u, _), e(ie))), 1)
+                                        t("span", null, a(e(J)(e(je)(u, w), e(ie))), 1)
                                       ])
                                     ])
                                   ])
@@ -835,12 +835,12 @@ const jt = {
                           ])) : v("", !0),
                           e(Z) ? (l(), c("table", Ln, [
                             t("tbody", null, [
-                              (l(!0), c(I, null, Y(e(r).products, ({ id: u, name: L, price: C, description: _ }) => (l(), c("tr", { key: u }, [
+                              (l(!0), c(I, null, Y(e(r).products, ({ id: u, name: L, price: C, description: w }) => (l(), c("tr", { key: u }, [
                                 t("td", Cn, [
                                   t("b", null, [
                                     t("span", null, a(e(Oe)(L)), 1)
                                   ]),
-                                  _ && _ !== L ? (l(), c("span", Fn, a(e(Oe)(_)), 1)) : v("", !0),
+                                  w && w !== L ? (l(), c("span", Fn, a(e(Oe)(w)), 1)) : v("", !0),
                                   t("u", null, a(e(J)(C, e(ie))), 1)
                                 ]),
                                 t("td", Sn, [
@@ -976,8 +976,8 @@ const jt = {
       _: 1
     }, 8, ["styling"]));
   }
-}), Ce = /* @__PURE__ */ ee(In, [["__scopeId", "data-v-206f5d07"]]), Rn = ot(), Mn = rt();
-class Un extends HTMLElement {
+}), Ce = /* @__PURE__ */ ee(In, [["__scopeId", "data-v-206f5d07"]]), Rn = ot(), Mn = rt, Un = Mn();
+class Gn extends HTMLElement {
   vueApp;
   constructor() {
     super();
@@ -987,13 +987,13 @@ class Un extends HTMLElement {
   }
   connectedCallback() {
     const o = lt(Ce, this.attributes);
-    this.vueApp = st(Ce, o), this.vueApp.provide("emitter", Mn), this.vueApp.use(it), this.vueApp.use(Rn), this.vueApp.use(Tt), this.vueApp.use(Dt), this.vueApp.use(Bt), this.vueApp.use(ht, { bootstrap: !0 });
+    this.vueApp = st(Ce, o), this.vueApp.provide("emitter", Un), this.vueApp.use(it), this.vueApp.use(Rn), this.vueApp.use(Tt), this.vueApp.use(Dt), this.vueApp.use(Bt), this.vueApp.use(ht, { bootstrap: !0 });
     const n = document.createElement("div");
     this.vueApp.mount(n), this.appendChild(n.children[0]);
   }
 }
-window.customElements.define("konnectio-event", Un);
+window.customElements.define("konnectio-event", Gn);
 export {
-  Un as default
+  Gn as default
 };
 //# sourceMappingURL=event.js.map

package/dist/gift-card-validation.js

@@ -1,13 +1,13 @@
-import { d as x, a as s, g as v, e as t, f as a, c as P, u as T, s as k, b as m, w as p, S as $, i as e, t as i, B as b, j as I, h as D, k as N, l as U, m as F, p as H, q as R } from "./mitt-Dh_4vPVI.js";
-import { _ as A, y as C, h as j, I as h, o as q, s as O, C as W } from "./SelectField.vue_vue_type_style_index_0_lang-CZYWu7x-.js";
-import { u as z } from "./giftCard-BsWa3VEY.js";
-import { _ as J } from "./_.vue_vue_type_style_index_0_lang-DKkrP6vk.js";
-import { A as K } from "./ActionField-CRqgWSz1.js";
-import { E as g } from "./Field.vue_vue_type_style_index_0_scoped_6ef33e68_lang-CW-XSJQB.js";
-import { F as y } from "./Field-DnS91ODQ.js";
-import { E as Q } from "./ErrorMessage-b0lY3zUM.js";
-import { G as Y } from "./style-CXMzdeVK.js";
-const Z = { class: "gift-card-validation-skeleton" }, tt = { class: "gift-card-validation-skeleton-form" }, et = { class: "gift-card-validation-skeleton-text" }, at = { class: "gift-card-validation-skeleton-input" }, nt = /* @__PURE__ */ x({
+import { d as A, a as s, g as v, e as t, f as a, c as T, u as $, s as k, b as m, w as p, S as B, i as e, t as i, A as b, j as I, h as D, k as N, l as U, m as F, p as H, _ as R } from "./mitt-CFrRmK9k.js";
+import { _ as x, y as C, h as j, I as h, o as O, s as W, C as q } from "./SelectField.vue_vue_type_style_index_0_lang-eQJ88XWq.js";
+import { u as z } from "./giftCard-pa0AL3wA.js";
+import { _ as J } from "./_.vue_vue_type_style_index_0_lang-alJEghYY.js";
+import { A as K } from "./ActionField-C1dgcOKP.js";
+import { E as g } from "./Field.vue_vue_type_style_index_0_scoped_6ef33e68_lang-DF8uAZlm.js";
+import { F as y } from "./Field-BLzufPEA.js";
+import { E as Q } from "./ErrorMessage-BzDrnE0F.js";
+import { G as Y } from "./style-CLWqMWeG.js";
+const Z = { class: "gift-card-validation-skeleton" }, tt = { class: "gift-card-validation-skeleton-form" }, et = { class: "gift-card-validation-skeleton-text" }, at = { class: "gift-card-validation-skeleton-input" }, nt = /* @__PURE__ */ A({
   __name: "GiftCardValidationSkeleton",
   setup(u) {
     return (d, l) => (s(), v("div", Z, [
@@ -24,11 +24,11 @@ const Z = { class: "gift-card-validation-skeleton" }, tt = { class: "gift-card-v
       ])
     ]));
   }
-}), ot = /* @__PURE__ */ A(nt, [["__scopeId", "data-v-b1601b74"]]), it = ["innerHTML"], st = {
+}), ot = /* @__PURE__ */ x(nt, [["__scopeId", "data-v-b1601b74"]]), it = ["innerHTML"], st = {
   key: 0,
   id: "konnectio-gift-card-validation-resume",
   class: "konnectio-panel"
-}, lt = /* @__PURE__ */ x({
+}, lt = /* @__PURE__ */ A({
   name: "GiftCardValidationLayout",
   __name: "GiftCardValidation",
   props: {
@@ -36,10 +36,10 @@ const Z = { class: "gift-card-validation-skeleton" }, tt = { class: "gift-card-v
     styling: {}
   },
   setup(u) {
-    const d = u, l = P(() => ({
+    const d = u, l = T(() => ({
       panelMaxWidth: "800px",
       ...d.styling
-    })), { t: o } = T(), {
+    })), { t: o } = $(), {
       voucher: f,
       isValid: G,
       amount: E,
@@ -47,12 +47,12 @@ const Z = { class: "gift-card-validation-skeleton" }, tt = { class: "gift-card-v
       productName: w,
       isLoading: c
     } = k(C()), { currency: L, hasError: M } = k(j()), { fetchMetadata: X } = z(), { apply: _ } = C();
-    return (B, n) => (s(), m(W, { styling: l.value }, {
+    return (P, n) => (s(), m(q, { styling: l.value }, {
       default: p(() => [
-        (s(), m($, null, {
+        (s(), m(B, null, {
           default: p(() => [
             a(J, {
-              "access-token": B.accessToken,
+              "access-token": P.accessToken,
               callback: e(X)
             }, {
               default: p(() => [
@@ -117,10 +117,10 @@ const Z = { class: "gift-card-validation-skeleton" }, tt = { class: "gift-card-v
                           t("span", null, i(e(w)), 1)
                         ]),
                         t("td", null, [
-                          t("span", null, i(e(q)(e(E), e(L))), 1)
+                          t("span", null, i(e(O)(e(E), e(L))), 1)
                         ]),
                         t("td", null, [
-                          t("span", null, i(e(O)(e(S))), 1)
+                          t("span", null, i(e(W)(e(S))), 1)
                         ])
                       ])
                     ])
@@ -139,8 +139,8 @@ const Z = { class: "gift-card-validation-skeleton" }, tt = { class: "gift-card-v
       _: 1
     }, 8, ["styling"]));
   }
-}), V = /* @__PURE__ */ A(lt, [["__scopeId", "data-v-ca768ef6"]]), rt = N(), dt = R();
-class ct extends HTMLElement {
+}), V = /* @__PURE__ */ x(lt, [["__scopeId", "data-v-ca768ef6"]]), rt = N(), dt = R, ct = dt();
+class pt extends HTMLElement {
   vueApp;
   constructor() {
     super();
@@ -150,13 +150,13 @@ class ct extends HTMLElement {
   }
   connectedCallback() {
     const d = U(V, this.attributes);
-    this.vueApp = F(V, d), this.vueApp.provide("emitter", dt), this.vueApp.use(rt), this.vueApp.use(H), this.vueApp.use(Y);
+    this.vueApp = F(V, d), this.vueApp.provide("emitter", ct), this.vueApp.use(rt), this.vueApp.use(H), this.vueApp.use(Y);
     const l = document.createElement("div");
     this.vueApp.mount(l), this.appendChild(l.children[0]);
   }
 }
-window.customElements.define("konnectio-gift-card-validation", ct);
+window.customElements.define("konnectio-gift-card-validation", pt);
 export {
-  ct as default
+  pt as default
 };
 //# sourceMappingURL=gift-card-validation.js.map