@konnectio/core 4.0.56-rc36 → 4.0.56-rc37

package/dist/gift-card-validation.js

@@ -1,13 +1,13 @@
 import { d as L, o as f, c as A, f as t, e as o, g as X, a as _, w as y, S as M, u as e, t as u, s as w, b as B, i as P, k as T } from "./_commonjsHelpers-UWZO_9XV.js";
-import { E as k, _ as S, u as $, s as x, l as E, o as N, A as C, B as U, D as O, e as z, f as F, g as H, h as j, i as R, m as Z } from "./Field.vue_vue_type_style_index_0_scoped_992f78a1_lang-BKo1p702.js";
-import { A as W } from "./ActionField-Ct6NhfWq.js";
-import { F as I } from "./Field-IsLH1tNU.js";
-import { E as q } from "./ErrorMessage-DTSuSB8R.js";
+import { E as k, _ as S, u as $, s as x, l as E, o as N, A as C, B as U, D as O, e as z, f as F, g as H, h as j, i as R, m as Z } from "./Field.vue_vue_type_style_index_0_scoped_992f78a1_lang-C8tvgzaO.js";
+import { A as W } from "./ActionField-BhYhC0aQ.js";
+import { F as I } from "./Field-Dr6RF4JV.js";
+import { E as q } from "./ErrorMessage-4DJnsYbI.js";
 import "./navigation.js";
 (function() {
   try {
     var r = typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {}, s = new Error().stack;
-    s && (r._sentryDebugIds = r._sentryDebugIds || {}, r._sentryDebugIds[s] = "b7628bdb-5b8b-40d0-bea1-a60ff10b85c4", r._sentryDebugIdIdentifier = "sentry-dbid-b7628bdb-5b8b-40d0-bea1-a60ff10b85c4");
+    s && (r._sentryDebugIds = r._sentryDebugIds || {}, r._sentryDebugIds[s] = "64c17c6f-6cdf-4b95-91e9-558446ade55e", r._sentryDebugIdIdentifier = "sentry-dbid-64c17c6f-6cdf-4b95-91e9-558446ade55e");
   } catch {
   }
 })();
@@ -31,7 +31,7 @@ const J = { class: "gift-card-validation-skeleton" }, K = { class: "gift-card-va
 }), et = /* @__PURE__ */ S(tt, [["__scopeId", "data-v-b1601b74"]]), at = ["innerHTML"], nt = {
   key: 0,
   id: "konnectio-gift-card-validation-resume",
-  class: "fresh-booking-panel"
+  class: "konnectio-panel"
 }, ot = /* @__PURE__ */ L({
   name: "GiftCardValidationLayout",
   __name: "GiftCardValidation",
@@ -45,9 +45,9 @@ const J = { class: "gift-card-validation-skeleton" }, K = { class: "gift-card-va
       ...s.styling
     })), { t: i } = $(), {
       voucher: m,
-      isValid: g,
+      isValid: h,
       amount: p,
-      expirationDate: h,
+      expirationDate: b,
       productName: a,
       isLoading: n
     } = x(E()), { currency: l, hasError: D } = x(N()), { apply: V } = E();
@@ -67,7 +67,7 @@ const J = { class: "gift-card-validation-skeleton" }, K = { class: "gift-card-va
                 })) : (f(), A("form", {
                   key: 0,
                   id: "konnectio-gift-card-validation-module",
-                  onSubmit: d[3] || (d[3] = P((b) => e(V)(), ["prevent"]))
+                  onSubmit: d[3] || (d[3] = P((g) => e(V)(), ["prevent"]))
                 }, [
                   t("h4", null, [
                     t("span", null, u(e(i)("giftCardValidation.title")), 1)
@@ -77,16 +77,16 @@ const J = { class: "gift-card-validation-skeleton" }, K = { class: "gift-card-va
                   }, null, 8, at),
                   o(W, {
                     modelValue: e(m),
-                    "onUpdate:modelValue": d[0] || (d[0] = (b) => w(m) ? m.value = b : null),
+                    "onUpdate:modelValue": d[0] || (d[0] = (g) => w(m) ? m.value = g : null),
                     icon: "gift-card",
                     label: e(i)("booking.reservation.giftCardCode"),
                     buttonLabel: e(i)("giftCardValidation.submitButton"),
                     placeholder: "XXXXXXXX",
                     "is-loading": e(n),
-                    "onUpdate:isLoading": d[1] || (d[1] = (b) => w(n) ? n.value = b : null),
-                    onAction: d[2] || (d[2] = (b) => e(V)())
+                    "onUpdate:isLoading": d[1] || (d[1] = (g) => w(n) ? n.value = g : null),
+                    onAction: d[2] || (d[2] = (g) => e(V)())
                   }, null, 8, ["modelValue", "label", "buttonLabel", "is-loading"]),
-                  !e(n) && e(g) ? (f(), A("table", nt, [
+                  !e(n) && e(h) ? (f(), A("table", nt, [
                     t("thead", null, [
                       t("tr", null, [
                         t("th", null, [
@@ -124,7 +124,7 @@ const J = { class: "gift-card-validation-skeleton" }, K = { class: "gift-card-va
                           t("span", null, u(e(U)(e(p), e(l))), 1)
                         ]),
                         t("td", null, [
-                          t("span", null, u(e(O)(e(h))), 1)
+                          t("span", null, u(e(O)(e(b))), 1)
                         ])
                       ])
                     ])
@@ -143,7 +143,7 @@ const J = { class: "gift-card-validation-skeleton" }, K = { class: "gift-card-va
       _: 1
     }, 8, ["styling"]));
   }
-}), v = /* @__PURE__ */ S(ot, [["__scopeId", "data-v-be3fa5bf"]]), st = H(), it = Z();
+}), v = /* @__PURE__ */ S(ot, [["__scopeId", "data-v-f43fe5ec"]]), st = H(), it = Z();
 class lt extends HTMLElement {
   vueApp;
   constructor() {
@@ -155,7 +155,7 @@ class lt extends HTMLElement {
   connectedCallback() {
     const s = typeof v == "function" ? v.options : v;
     let c = Array.isArray(s.props) ? s.props : Object.keys(s.props || {});
-    const i = (a) => a.replace(/[A-Z]+(?![a-z])|[A-Z]/g, (n, l) => (l ? "-" : "") + n.toLowerCase()), m = (a) => a.replace(/-./g, (n) => n[1].toUpperCase()), g = {};
+    const i = (a) => a.replace(/[A-Z]+(?![a-z])|[A-Z]/g, (n, l) => (l ? "-" : "") + n.toLowerCase()), m = (a) => a.replace(/-./g, (n) => n[1].toUpperCase()), h = {};
     c = c.map(i);
     const p = {};
     for (const a of this.attributes) {
@@ -164,11 +164,11 @@ class lt extends HTMLElement {
     }
     for (const a of c) {
       let n = this.attributes.getNamedItem(a)?.value;
-      p.hasOwnProperty(a) && (n = p[a]), g[a] = n;
+      p.hasOwnProperty(a) && (n = p[a]), h[a] = n;
     }
-    this.vueApp = T(v, g), j(this.vueApp), this.vueApp.provide("emitter", it), this.vueApp.use(st), this.vueApp.use(R);
-    const h = document.createElement("div");
-    this.vueApp.mount(h), this.appendChild(h.children[0]);
+    this.vueApp = T(v, h), j(this.vueApp), this.vueApp.provide("emitter", it), this.vueApp.use(st), this.vueApp.use(R);
+    const b = document.createElement("div");
+    this.vueApp.mount(b), this.appendChild(b.children[0]);
   }
 }
 window.customElements.define("konnectio-gift-card-validation", lt);

package/dist/gift-card.js

@@ -1,19 +1,19 @@
-import { r as V, g as k, d as O, o as u, a as G, w as R, f as l, c as y, e as o, u as e, b as F, n as ue, t as Y, i as ce, q as pe, h as me, S as fe, v as H, x as K, F as ve, y as ge, s as S, p as be, j as he, k as ye } from "./_commonjsHelpers-UWZO_9XV.js";
-import { j as ke, k as _e, s as le, o as oe, G as T, q as ae, x as re, S as te, v as Ce, w as Ve, F as we, u as Q, n as Fe, C as z, I as Se, E as Pe, _ as ie, H as Te, a as $e, L as Ee, T as Z, b as Ie, e as Ue, f as Ae, g as Le, h as Ge, i as Re, J as qe, m as Me } from "./Field.vue_vue_type_style_index_0_scoped_992f78a1_lang-BKo1p702.js";
+import { r as V, g as k, d as O, o as c, a as G, w as R, f as l, c as y, e as o, u as e, b as F, n as ce, t as Y, i as ue, q as pe, h as me, S as fe, v as H, x as K, F as ve, y as ge, s as S, p as he, j as be, k as ye } from "./_commonjsHelpers-UWZO_9XV.js";
+import { j as ke, k as _e, s as le, o as oe, G as T, q as ae, x as re, S as te, v as Ce, w as Ve, F as we, u as Q, n as Fe, C as z, I as Se, E as Pe, _ as ie, H as Te, a as $e, L as Ee, T as Z, b as Ie, e as Ue, f as Ae, g as Le, h as Ge, i as Re, J as qe, m as Me } from "./Field.vue_vue_type_style_index_0_scoped_992f78a1_lang-C8tvgzaO.js";
 import "./navigation.js";
-import { C as De, a as xe, P as Be, _ as ze } from "./CheckoutWindow-BVIOQbbL.js";
-import { F as B } from "./Field-IsLH1tNU.js";
-import { E as Oe } from "./ErrorMessage-DTSuSB8R.js";
-import { S as je } from "./TermsOfService-BORqI07-.js";
+import { C as De, a as xe, P as Be, _ as ze } from "./CheckoutWindow-DPJ2GFqg.js";
+import { F as B } from "./Field-Dr6RF4JV.js";
+import { E as Oe } from "./ErrorMessage-4DJnsYbI.js";
+import { S as je } from "./TermsOfService-B94i1jM5.js";
 (function() {
   try {
-    var c = typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {}, n = new Error().stack;
-    n && (c._sentryDebugIds = c._sentryDebugIds || {}, c._sentryDebugIds[n] = "db9ff53d-80b7-4a77-92e9-cbdb657dcdcd", c._sentryDebugIdIdentifier = "sentry-dbid-db9ff53d-80b7-4a77-92e9-cbdb657dcdcd");
+    var u = typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {}, n = new Error().stack;
+    n && (u._sentryDebugIds = u._sentryDebugIds || {}, u._sentryDebugIds[n] = "1c70ec68-57ef-4c52-94a2-f315ae1a2cfd", u._sentryDebugIdIdentifier = "sentry-dbid-1c70ec68-57ef-4c52-94a2-f315ae1a2cfd");
   } catch {
   }
 })();
 const ne = ke("giftCard", () => {
-  const { pay: c } = _e(), { bearerToken: n, metaData: v, currencyId: t } = le(oe()), m = oe(), d = V(T.InitialState), p = ae("konnectio_name", "", void 0, { serializer: te.string }), b = ae("konnectio_email", "", void 0, { serializer: te.string }), s = ae("konnectio_phone", "", void 0, { serializer: te.string }), h = V(""), g = V(1), M = V(!0), P = V(""), a = V({
+  const { pay: u } = _e(), { bearerToken: n, metaData: v, currencyId: t } = le(oe()), m = oe(), d = V(T.InitialState), p = ae("konnectio_name", "", void 0, { serializer: te.string }), h = ae("konnectio_email", "", void 0, { serializer: te.string }), s = ae("konnectio_phone", "", void 0, { serializer: te.string }), b = V(""), g = V(1), M = V(!0), P = V(""), a = V({
     base64: "",
     type: "",
     name: ""
@@ -44,19 +44,19 @@ const ne = ke("giftCard", () => {
       });
     }
     return C;
-  }), A = k(() => !(!p.value || !b.value || !(s.value.length >= 5) || !h.value || U.value === void 0)), r = k(() => !(d.value === T.InitialState && $.value)), i = k(() => !!(d.value === T.WaitingForResponse && $.value));
+  }), A = k(() => !(!p.value || !h.value || !(s.value.length >= 5) || !b.value || U.value === void 0)), r = k(() => !(d.value === T.InitialState && $.value)), i = k(() => !!(d.value === T.WaitingForResponse && $.value));
   async function W() {
     d.value = T.WaitingForResponse, $.value = !0, await Ce.post("https://production.hotel-service.konnectio.dk/api/gift-card/create", {
       termsOfserviceURL: window.location.origin,
       checkoutUrl: window.location.origin,
       currencyID: t.value,
       language: Ve(),
-      amount: h.value,
+      amount: b.value,
       quantity: g.value,
       freeText: P.value,
       showPrice: M.value,
       contactName: p.value,
-      contactEmail: b.value,
+      contactEmail: h.value,
       contactPhone: s.value,
       imageBase64: we(a.value.base64),
       imageName: a.value.name,
@@ -67,10 +67,10 @@ const ne = ke("giftCard", () => {
       headers: {
         Authorization: n.value,
         Accept: "application/json",
-        "Fresh-Booking-Ver": "4.0.56-rc36"
+        "Fresh-Booking-Ver": "4.0.56-rc37"
       }
     }).then((C) => {
-      d.value = T.ReadyToPay, $.value = !1, c({
+      d.value = T.ReadyToPay, $.value = !1, u({
         callback: () => console.log("Callback!"),
         response: C.data
       });
@@ -83,9 +83,9 @@ const ne = ke("giftCard", () => {
     selectedPlace: U,
     moduleState: d,
     name: p,
-    email: b,
+    email: h,
     phone: s,
-    value: h,
+    value: b,
     remark: P,
     showValue: M,
     quantity: g,
@@ -114,12 +114,12 @@ const ne = ke("giftCard", () => {
     required: { type: Boolean, default: !1 }
   },
   emits: ["update:modelValue"],
-  setup(c, { emit: n }) {
-    const v = n, t = c, { t: m } = Q(), { display: d } = Fe(), p = V(), b = k(() => t.modelValue.base64 !== "");
+  setup(u, { emit: n }) {
+    const v = n, t = u, { t: m } = Q(), { display: d } = Fe(), p = V(), h = k(() => t.modelValue.base64 !== "");
     function s(a) {
       v("update:modelValue", a);
     }
-    function h() {
+    function b() {
       s({
         base64: "",
         name: "",
@@ -146,7 +146,7 @@ const ne = ke("giftCard", () => {
       let a;
       (a = p.value.files) instanceof FileList && M(a[0], s);
     }
-    return (a, f) => (u(), G(Se, {
+    return (a, f) => (c(), G(Se, {
       label: a.label,
       required: a.required,
       type: "media"
@@ -164,7 +164,7 @@ const ne = ke("giftCard", () => {
           }, null, 40, We),
           l("div", He, [
             l("ul", Ke, [
-              b.value ? F("", !0) : (u(), y("li", Ze, [
+              h.value ? F("", !0) : (c(), y("li", Ze, [
                 o(z, {
                   label: e(m)("uploadFile"),
                   type: "button",
@@ -173,7 +173,7 @@ const ne = ke("giftCard", () => {
                   onClickEvent: f[1] || (f[1] = (w) => g())
                 }, null, 8, ["label", "icon-color"])
               ])),
-              b.value ? (u(), y("li", Je, [
+              h.value ? (c(), y("li", Je, [
                 o(z, {
                   label: e(m)("replaceFile"),
                   type: "button",
@@ -182,23 +182,23 @@ const ne = ke("giftCard", () => {
                   onClickEvent: f[2] || (f[2] = (w) => g())
                 }, null, 8, ["label", "icon-color"])
               ])) : F("", !0),
-              b.value ? (u(), y("li", Ye, [
+              h.value ? (c(), y("li", Ye, [
                 o(z, {
                   label: e(m)("removeFile"),
                   type: "button",
                   icon: "trash-alt",
                   "icon-color": a.iconColor,
-                  onClickEvent: f[3] || (f[3] = (w) => h())
+                  onClickEvent: f[3] || (f[3] = (w) => b())
                 }, null, 8, ["label", "icon-color"])
               ])) : F("", !0)
             ]),
             l("div", {
-              class: ue([
+              class: ce([
                 "media-selector-previewer",
-                { opened: b.value }
+                { opened: h.value }
               ])
             }, [
-              a.modelValue ? (u(), y("img", {
+              a.modelValue ? (c(), y("img", {
                 key: 0,
                 src: a.modelValue.base64
               }, null, 8, Qe)) : F("", !0)
@@ -210,8 +210,8 @@ const ne = ke("giftCard", () => {
     }, 8, ["label", "required"]));
   }
 });
-function de(c) {
-  const n = c;
+function de(u) {
+  const n = u;
   n.__i18n = n.__i18n || [], n.__i18n.push({
     locale: "",
     resource: {
@@ -233,8 +233,8 @@ function de(c) {
 typeof de == "function" && de(Xe);
 const ea = { class: "gift-card-skeleton" }, aa = { class: "gift-card-skeleton-form" }, ta = /* @__PURE__ */ O({
   __name: "GiftCardSkeleton",
-  setup(c) {
-    return (n, v) => (u(), y("div", ea, [
+  setup(u) {
+    return (n, v) => (c(), y("div", ea, [
       l("div", aa, [
         o(B),
         o(B),
@@ -251,9 +251,9 @@ const ea = { class: "gift-card-skeleton" }, aa = { class: "gift-card-skeleton-fo
     content: {},
     buttonLabel: {}
   },
-  setup(c) {
+  setup(u) {
     const { t: n } = Q(), v = V(!1);
-    return (t, m) => (u(), y("div", oa, [
+    return (t, m) => (c(), y("div", oa, [
       o(e(Te), {
         keypath: "general.termsAndConditionsNotice",
         tag: "span",
@@ -266,7 +266,7 @@ const ea = { class: "gift-card-skeleton" }, aa = { class: "gift-card-skeleton-fo
           l("a", {
             class: "konnectio-accept-terms-link",
             target: "_blank",
-            onClick: m[0] || (m[0] = ce((d) => v.value = !0, ["prevent"]))
+            onClick: m[0] || (m[0] = ue((d) => v.value = !0, ["prevent"]))
           }, [
             l("span", null, Y(e(n)("general.termsAndConditions")), 1)
           ])
@@ -282,22 +282,22 @@ const ea = { class: "gift-card-skeleton" }, aa = { class: "gift-card-skeleton-fo
   }
 }), ia = /* @__PURE__ */ ie(na, [["__scopeId", "data-v-c9c826cf"]]), sa = /* @__PURE__ */ O({
   __name: "GiftCard",
-  setup(c) {
+  setup(u) {
     const { t: n } = Q(), v = ne();
-    return (t, m) => (u(), G(ia, {
+    return (t, m) => (c(), G(ia, {
       content: e(v).termsOfService,
       "button-label": e(n)("giftCard.orderGiftCard")
     }, null, 8, ["content", "button-label"]));
   }
-}), ra = (c) => (be("data-v-e576b856"), c = c(), he(), c), da = ["data-layout"], ua = { id: "konnectio-gift-card-wrapper" }, ca = { id: "konnectio-gift-card-title" }, pa = { id: "konnectio-gift-card-content" }, ma = { id: "konnectio-gift-card-payment" }, fa = ["innerHTML"], va = { key: 0 }, ga = {
+}), ra = (u) => (he("data-v-faae538e"), u = u(), be(), u), da = ["data-layout"], ca = { id: "konnectio-gift-card-wrapper" }, ua = { id: "konnectio-gift-card-title" }, pa = { id: "konnectio-gift-card-content" }, ma = { id: "konnectio-gift-card-payment" }, fa = ["innerHTML"], va = { key: 0 }, ga = {
   key: 0,
-  id: "fresh-booking-select-place-type"
-}, ba = {
-  class: /* @__PURE__ */ ue(["fresh-booking-label", "required"])
-}, ha = { id: "fresh-booking-select-place-type-input" }, ya = ["innerHTML"], ka = {
+  id: "konnectio-select-place-type"
+}, ha = {
+  class: /* @__PURE__ */ ce(["konnectio-label", "required"])
+}, ba = { id: "konnectio-select-place-type-input" }, ya = ["innerHTML"], ka = {
   key: 0,
   id: "konnectio-gift-card-order"
-}, _a = { class: "fresh-booking-panel" }, Ca = {
+}, _a = { class: "konnectio-panel" }, Ca = {
   key: 1,
   id: "konnectio-gift-card-remarks"
 }, Va = {
@@ -312,17 +312,17 @@ const ea = { class: "gift-card-skeleton" }, aa = { class: "gift-card-skeleton-fo
     placeType: {},
     styling: {}
   },
-  setup(c) {
-    const n = c, v = k(() => ({
+  setup(u) {
+    const n = u, v = k(() => ({
       panelMaxWidth: "800px",
       ...n.styling
     })), { t } = Q(), {
       name: m,
       email: d,
       phone: p,
-      value: b,
+      value: h,
       remark: s,
-      showValue: h,
+      showValue: b,
       quantity: g,
       media: M,
       placeId: P,
@@ -340,9 +340,9 @@ const ea = { class: "gift-card-skeleton" }, aa = { class: "gift-card-skeleton-fo
     }), me(() => {
       const A = n.placeType ? parseInt(n.placeType) : void 0;
       X(A);
-    }), (A, r) => (u(), G(Ae, { styling: v.value }, {
+    }), (A, r) => (c(), G(Ae, { styling: v.value }, {
       default: R(() => [
-        (u(), G(fe, null, {
+        (c(), G(fe, null, {
           default: R(() => [
             o(Ue, {
               type: "gift-card",
@@ -350,17 +350,17 @@ const ea = { class: "gift-card-skeleton" }, aa = { class: "gift-card-skeleton-fo
               "data-layout": A.layout
             }, {
               default: R(() => [
-                e(U) ? (u(), G(Oe, {
+                e(U) ? (c(), G(Oe, {
                   key: 1,
                   title: "Unable to render Gift card module",
                   description: "Gift card functionality hasn't been setup for this account. Please contact Octopus PMS for support."
-                })) : (u(), y("div", {
+                })) : (c(), y("div", {
                   key: 0,
                   id: "konnectio-gift-card-module",
                   "data-layout": A.layout
                 }, [
-                  l("div", ua, [
-                    l("h2", ca, [
+                  l("div", ca, [
+                    l("h2", ua, [
                       l("span", null, Y(e(t)("giftCard.title")), 1)
                     ]),
                     l("div", pa, [
@@ -375,14 +375,14 @@ const ea = { class: "gift-card-skeleton" }, aa = { class: "gift-card-skeleton-fo
                           innerHTML: e(t)("giftCard.description")
                         }, null, 8, fa),
                         l("form", null, [
-                          e(D) ? F("", !0) : (u(), y("div", va, [
-                            e(_) ? (u(), y("div", ga, [
-                              l("label", ba, [
+                          e(D) ? F("", !0) : (c(), y("div", va, [
+                            e(_) ? (c(), y("div", ga, [
+                              l("label", ha, [
                                 l("span", null, Y(e(t)("giftCard.selectType")), 1)
                               ]),
-                              l("div", ha, [
+                              l("div", ba, [
                                 l("ul", null, [
-                                  (u(!0), y(ve, null, ge(e(_), (i, W) => (u(), y("li", { key: W }, [
+                                  (c(!0), y(ve, null, ge(e(_), (i, W) => (c(), y("li", { key: W }, [
                                     o(xe, {
                                       modelValue: e(a),
                                       "onUpdate:modelValue": r[0] || (r[0] = (ee) => S(a) ? a.value = ee : null),
@@ -393,7 +393,7 @@ const ea = { class: "gift-card-skeleton" }, aa = { class: "gift-card-skeleton-fo
                                     }, null, 8, ["modelValue", "val", "label"])
                                   ]))), 128))
                                 ]),
-                                e(_)[e(a)] && e(_)[e(a)].data.length > 1 ? (u(), G($e, {
+                                e(_)[e(a)] && e(_)[e(a)].data.length > 1 ? (c(), G($e, {
                                   key: 0,
                                   modelValue: e(P),
                                   "onUpdate:modelValue": r[1] || (r[1] = (i) => S(P) ? P.value = i : null),
@@ -404,7 +404,7 @@ const ea = { class: "gift-card-skeleton" }, aa = { class: "gift-card-skeleton-fo
                                   required: ""
                                 }, null, 8, ["modelValue", "placeholder", "options"])) : F("", !0)
                               ])
-                            ])) : (u(), G(Ee, { key: 1 }))
+                            ])) : (c(), G(Ee, { key: 1 }))
                           ])),
                           o(Z, {
                             modelValue: e(m),
@@ -437,8 +437,8 @@ const ea = { class: "gift-card-skeleton" }, aa = { class: "gift-card-skeleton-fo
                             required: ""
                           }, null, 8, ["modelValue", "label", "placeholder"]),
                           o(Z, {
-                            modelValue: e(b),
-                            "onUpdate:modelValue": r[5] || (r[5] = (i) => S(b) ? b.value = i : null),
+                            modelValue: e(h),
+                            "onUpdate:modelValue": r[5] || (r[5] = (i) => S(h) ? h.value = i : null),
                             type: "number",
                             name: "value",
                             label: e(t)("giftCard.value"),
@@ -468,7 +468,7 @@ const ea = { class: "gift-card-skeleton" }, aa = { class: "gift-card-skeleton-fo
                         [K, e($)]
                       ])
                     ]),
-                    A.layout !== "minimal" && e(f) ? (u(), y("div", ka, [
+                    A.layout !== "minimal" && e(f) ? (c(), y("div", ka, [
                       l("div", _a, [
                         o(z, {
                           label: e(t)("giftCard.orderGiftCard"),
@@ -480,7 +480,7 @@ const ea = { class: "gift-card-skeleton" }, aa = { class: "gift-card-skeleton-fo
                         }, null, 8, ["label", "disabled", "is-loading", "onClickEvent"])
                       ])
                     ])) : F("", !0),
-                    e(f) ? (u(), y("div", Ca, [
+                    e(f) ? (c(), y("div", Ca, [
                       o(Z, {
                         modelValue: e(s),
                         "onUpdate:modelValue": r[10] || (r[10] = (i) => S(s) ? s.value = i : null),
@@ -491,7 +491,7 @@ const ea = { class: "gift-card-skeleton" }, aa = { class: "gift-card-skeleton-fo
                         placeholder: e(t)("giftCard.remarkPlaceholder")
                       }, null, 8, ["modelValue", "label", "placeholder"])
                     ])) : F("", !0),
-                    e(f) ? (u(), y("div", Va, [
+                    e(f) ? (c(), y("div", Va, [
                       o(z, {
                         label: e(t)("giftCard.orderGiftCard"),
                         "full-width": !0,
@@ -526,7 +526,7 @@ const ea = { class: "gift-card-skeleton" }, aa = { class: "gift-card-skeleton-fo
       _: 1
     }, 8, ["styling"]));
   }
-}), J = /* @__PURE__ */ ie(Sa, [["__scopeId", "data-v-e576b856"]]), Pa = Le(), Ta = Me();
+}), J = /* @__PURE__ */ ie(Sa, [["__scopeId", "data-v-faae538e"]]), Pa = Le(), Ta = Me();
 class $a extends HTMLElement {
   vueApp;
   constructor() {
@@ -538,7 +538,7 @@ class $a extends HTMLElement {
   connectedCallback() {
     const n = typeof J == "function" ? J.options : J;
     let v = Array.isArray(n.props) ? n.props : Object.keys(n.props || {});
-    const t = (s) => s.replace(/[A-Z]+(?![a-z])|[A-Z]/g, (h, g) => (g ? "-" : "") + h.toLowerCase()), m = (s) => s.replace(/-./g, (h) => h[1].toUpperCase()), d = {};
+    const t = (s) => s.replace(/[A-Z]+(?![a-z])|[A-Z]/g, (b, g) => (g ? "-" : "") + b.toLowerCase()), m = (s) => s.replace(/-./g, (b) => b[1].toUpperCase()), d = {};
     v = v.map(t);
     const p = {};
     for (const s of this.attributes) {
@@ -546,12 +546,12 @@ class $a extends HTMLElement {
       g.length > 1 && (p[g[0]] || (p[g[0]] = {}), p[g[0]][m(g[1])] = s.value);
     }
     for (const s of v) {
-      let h = this.attributes.getNamedItem(s)?.value;
-      p.hasOwnProperty(s) && (h = p[s]), d[s] = h;
+      let b = this.attributes.getNamedItem(s)?.value;
+      p.hasOwnProperty(s) && (b = p[s]), d[s] = b;
     }
     this.vueApp = ye(J, d), Ge(this.vueApp), this.vueApp.provide("emitter", Ta), this.vueApp.use(Pa), this.vueApp.use(Re), this.vueApp.use(qe, { bootstrap: !0 });
-    const b = document.createElement("div");
-    this.vueApp.mount(b), this.appendChild(b.children[0]);
+    const h = document.createElement("div");
+    this.vueApp.mount(h), this.appendChild(h.children[0]);
   }
 }
 window.customElements.define("konnectio-gift-card", $a);