@konnectio/core 4.0.62 → 4.0.64

package/dist/gift-card.js

@@ -1,21 +1,29 @@
-import { d as T, r as K, c as Z, a as s, b as w, w as $, e as t, g as v, f as o, u as e, i as g, n as Y, t as q, h as ae, z as oe, o as ne, S as ie, A as I, B as G, F as se, s as re, v as k, p as de, j as ue, k as ce } from "./_sentry-release-injection-file-gnd2S326.js";
-import { u as B, T as pe, s as O, c as me, i as fe, m as be } from "./mitt-B7XZkC8D.js";
-import { a as ve, d as S, q as he, E as _e, _ as z, e as ge, o as ye, L as ke, T as L, b as Ce, C as Ve, c as we, n as $e } from "./Field.vue_vue_type_style_index_0_scoped_992f78a1_lang-C-2VAK1P.js";
-import { G as Fe } from "./style-lYuGbuqk.js";
-import { u as x } from "./giftCard-Dl1tPQsP.js";
-import { _ as Ae } from "./_.vue_vue_type_style_index_0_lang-DXnzUVHn.js";
-import { a as Ee, C as Pe, P as Ue, _ as Se } from "./CheckoutWindow-b6nqgL-q.js";
-import { F as U } from "./Field-D74LzwJ5.js";
-import { E as Te } from "./ErrorMessage-CTB9P7th.js";
-import { S as Ie } from "./TermsOfService-BWi7ax17.js";
+import { d as T, r as Z, c as Y, a as s, b as w, w as $, e as t, g as v, f as o, u as e, i as g, n as J, t as G, h as oe, z as ne, o as ie, S as se, A as M, B as L, F as re, s as de, v as k, p as ue, j as ce, k as pe } from "./_sentry-release-injection-file-CY9ljBue.js";
+import { u as R, T as me, s as K, c as fe, i as be, m as ve } from "./mitt-CZC0Vuw7.js";
+import { a as he, d as S, q as ye, E as ge, _ as z, e as _e, o as ke, L as Ce, T as q, b as Ve, C as we, c as $e, n as Fe } from "./Field.vue_vue_type_style_index_0_scoped_992f78a1_lang-B53ZPSma.js";
+import { G as Ee } from "./style-Di3bMYae.js";
+import { u as j } from "./giftCard-CHf9cbmB.js";
+import { _ as Ae } from "./_.vue_vue_type_style_index_0_lang-BWAizmh6.js";
+import { a as Pe, C as Ue, P as Se, _ as Te } from "./CheckoutWindow-Cv7p0DrF.js";
+import { F as U } from "./Field-DcoRYqr8.js";
+import { E as Ie } from "./ErrorMessage-T11Ou3eh.js";
+import { S as Me } from "./TermsOfService-CL0zaNw_.js";
 (function() {
   try {
     var d = typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {}, n = new Error().stack;
-    n && (d._sentryDebugIds = d._sentryDebugIds || {}, d._sentryDebugIds[n] = "98e12c89-3213-4023-be0f-f031917e34ec", d._sentryDebugIdIdentifier = "sentry-dbid-98e12c89-3213-4023-be0f-f031917e34ec");
+    n && (d._sentryDebugIds = d._sentryDebugIds || {}, d._sentryDebugIds[n] = "bf11d96a-1552-4ea9-b151-ae9cf5b862b9", d._sentryDebugIdIdentifier = "sentry-dbid-bf11d96a-1552-4ea9-b151-ae9cf5b862b9");
   } catch {
   }
 })();
-const Ge = { class: "media-selector" }, Le = ["accept"], Me = { class: "media-selector-wrapper" }, qe = { class: "media-selector-tools" }, Be = { key: 0 }, Re = { key: 1 }, De = { key: 2 }, xe = ["src"], ze = /* @__PURE__ */ T({
+{
+  var I = typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
+  I._sentryModuleMetadata = I._sentryModuleMetadata || {}, I._sentryModuleMetadata[new Error().stack] = Object.assign(
+    {},
+    I._sentryModuleMetadata[new Error().stack],
+    { "_sentryBundlerPluginAppKey:konnectio-frontend-core": !0 }
+  );
+}
+const Le = { class: "media-selector" }, qe = ["accept"], Be = { class: "media-selector-wrapper" }, Ge = { class: "media-selector-tools" }, Re = { key: 0 }, De = { key: 1 }, xe = { key: 2 }, je = ["src"], ze = /* @__PURE__ */ T({
   __name: "MediaSelector",
   props: {
     modelValue: {},
@@ -26,11 +34,11 @@ const Ge = { class: "media-selector" }, Le = ["accept"], Me = { class: "media-se
   },
   emits: ["update:modelValue"],
   setup(d, { emit: n }) {
-    const m = n, l = d, { t: c } = B(), { display: h } = ve(), p = K(), _ = Z(() => l.modelValue.base64 !== "");
+    const m = n, l = d, { t: c } = R(), { display: h } = he(), p = Z(), y = Y(() => l.modelValue.base64 !== "");
     function u(a) {
       m("update:modelValue", a);
     }
-    function y() {
+    function _() {
       u({
         base64: "",
         name: "",
@@ -40,12 +48,12 @@ const Ge = { class: "media-selector" }, Le = ["accept"], Me = { class: "media-se
     function b() {
       p.value && p.value.click();
     }
-    function j(a, f) {
-      const [V, R] = [a.name, a.type], C = new FileReader();
+    function O(a, f) {
+      const [V, D] = [a.name, a.type], C = new FileReader();
       C.onload = function(P) {
         if (P.target) {
-          const D = P.target.result;
-          f({ base64: D, name: V, type: R });
+          const x = P.target.result;
+          f({ base64: x, name: V, type: D });
         } else
           h({
             message: c("imageUploadError"),
@@ -55,15 +63,15 @@ const Ge = { class: "media-selector" }, Le = ["accept"], Me = { class: "media-se
     }
     async function F() {
       let a;
-      (a = p.value.files) instanceof FileList && j(a[0], u);
+      (a = p.value.files) instanceof FileList && O(a[0], u);
     }
-    return (a, f) => (s(), w(he, {
+    return (a, f) => (s(), w(ye, {
       label: a.label,
       required: a.required,
       type: "media"
     }, {
       default: $(() => [
-        t("div", Ge, [
+        t("div", Le, [
           t("input", {
             ref_key: "fileInput",
             ref: p,
@@ -72,10 +80,10 @@ const Ge = { class: "media-selector" }, Le = ["accept"], Me = { class: "media-se
             accept: a.validation,
             single: "",
             onChange: f[0] || (f[0] = (V) => F())
-          }, null, 40, Le),
-          t("div", Me, [
-            t("ul", qe, [
-              _.value ? g("", !0) : (s(), v("li", Be, [
+          }, null, 40, qe),
+          t("div", Be, [
+            t("ul", Ge, [
+              y.value ? g("", !0) : (s(), v("li", Re, [
                 o(S, {
                   label: e(c)("uploadFile"),
                   type: "button",
@@ -84,7 +92,7 @@ const Ge = { class: "media-selector" }, Le = ["accept"], Me = { class: "media-se
                   onClickEvent: f[1] || (f[1] = (V) => b())
                 }, null, 8, ["label", "icon-color"])
               ])),
-              _.value ? (s(), v("li", Re, [
+              y.value ? (s(), v("li", De, [
                 o(S, {
                   label: e(c)("replaceFile"),
                   type: "button",
@@ -93,26 +101,26 @@ const Ge = { class: "media-selector" }, Le = ["accept"], Me = { class: "media-se
                   onClickEvent: f[2] || (f[2] = (V) => b())
                 }, null, 8, ["label", "icon-color"])
               ])) : g("", !0),
-              _.value ? (s(), v("li", De, [
+              y.value ? (s(), v("li", xe, [
                 o(S, {
                   label: e(c)("removeFile"),
                   type: "button",
                   icon: "trash-alt",
                   "icon-color": a.iconColor,
-                  onClickEvent: f[3] || (f[3] = (V) => y())
+                  onClickEvent: f[3] || (f[3] = (V) => _())
                 }, null, 8, ["label", "icon-color"])
               ])) : g("", !0)
             ]),
             t("div", {
-              class: Y([
+              class: J([
                 "media-selector-previewer",
-                { opened: _.value }
+                { opened: y.value }
               ])
             }, [
               a.modelValue ? (s(), v("img", {
                 key: 0,
                 src: a.modelValue.base64
-              }, null, 8, xe)) : g("", !0)
+              }, null, 8, je)) : g("", !0)
             ], 2)
           ])
         ])
@@ -142,79 +150,79 @@ function W(d) {
   });
 }
 typeof W == "function" && W(ze);
-const je = { class: "gift-card-skeleton" }, He = { class: "gift-card-skeleton-form" }, Ne = /* @__PURE__ */ T({
+const Oe = { class: "gift-card-skeleton" }, He = { class: "gift-card-skeleton-form" }, Ne = /* @__PURE__ */ T({
   __name: "GiftCardSkeleton",
   setup(d) {
-    return (n, m) => (s(), v("div", je, [
+    return (n, m) => (s(), v("div", Oe, [
       t("div", He, [
         o(U),
         o(U),
         o(U),
         o(U),
         o(U, { "is-text-area": "" }),
-        o(_e, { height: "44px" })
+        o(ge, { height: "44px" })
       ])
     ]));
   }
-}), Oe = /* @__PURE__ */ z(Ne, [["__scopeId", "data-v-ba3efaa1"]]), We = { class: "konnectio-accept-terms" }, Ke = /* @__PURE__ */ T({
+}), Ke = /* @__PURE__ */ z(Ne, [["__scopeId", "data-v-ba3efaa1"]]), We = { class: "konnectio-accept-terms" }, Ze = /* @__PURE__ */ T({
   __name: "_",
   props: {
     content: {},
     buttonLabel: {}
   },
   setup(d) {
-    const { t: n } = B(), m = K(!1);
+    const { t: n } = R(), m = Z(!1);
     return (l, c) => (s(), v("div", We, [
-      o(e(pe), {
+      o(e(me), {
         keypath: "general.termsAndConditionsNotice",
         tag: "span",
         scope: "global"
       }, {
         button: $(() => [
-          t("i", null, '"' + q(l.buttonLabel) + '"', 1)
+          t("i", null, '"' + G(l.buttonLabel) + '"', 1)
         ]),
         terms: $(() => [
           t("a", {
             class: "konnectio-accept-terms-link",
             target: "_blank",
-            onClick: c[0] || (c[0] = ae((h) => m.value = !0, ["prevent"]))
+            onClick: c[0] || (c[0] = oe((h) => m.value = !0, ["prevent"]))
           }, [
-            t("span", null, q(e(n)("general.termsAndConditions")), 1)
+            t("span", null, G(e(n)("general.termsAndConditions")), 1)
           ])
         ]),
         _: 1
       }),
-      o(Ie, {
+      o(Me, {
         modelValue: m.value,
         "onUpdate:modelValue": c[1] || (c[1] = (h) => m.value = h),
         description: l.content
       }, null, 8, ["modelValue", "description"])
     ]));
   }
-}), Ze = /* @__PURE__ */ z(Ke, [["__scopeId", "data-v-f587c956"]]), Ye = /* @__PURE__ */ T({
+}), Ye = /* @__PURE__ */ z(Ze, [["__scopeId", "data-v-f587c956"]]), Je = /* @__PURE__ */ T({
   __name: "GiftCard",
   setup(d) {
-    const { t: n } = B(), m = x();
-    return (l, c) => (s(), w(Ze, {
+    const { t: n } = R(), m = j();
+    return (l, c) => (s(), w(Ye, {
       content: e(m).termsOfService,
       "button-label": e(n)("giftCard.orderGiftCard")
     }, null, 8, ["content", "button-label"]));
   }
-}), Je = (d) => (de("data-v-278e1031"), d = d(), ue(), d), Qe = ["data-layout"], Xe = { id: "konnectio-gift-card-wrapper" }, et = { id: "konnectio-gift-card-title" }, tt = { id: "konnectio-gift-card-content" }, lt = { id: "konnectio-gift-card-payment" }, at = ["innerHTML"], ot = { key: 0 }, nt = {
+}), Qe = (d) => (ue("data-v-278e1031"), d = d(), ce(), d), Xe = ["data-layout"], et = { id: "konnectio-gift-card-wrapper" }, tt = { id: "konnectio-gift-card-title" }, lt = { id: "konnectio-gift-card-content" }, at = { id: "konnectio-gift-card-payment" }, ot = ["innerHTML"], nt = { key: 0 }, it = {
   key: 0,
   id: "konnectio-select-place-type"
-}, it = {
-  class: /* @__PURE__ */ Y(["konnectio-label", "required"])
-}, st = { id: "konnectio-select-place-type-input" }, rt = ["innerHTML"], dt = {
+}, st = {
+  class: /* @__PURE__ */ J(["konnectio-label", "required"])
+}, rt = { id: "konnectio-select-place-type-input" }, dt = ["innerHTML"], ut = {
   key: 0,
   id: "konnectio-gift-card-order"
-}, ut = { class: "konnectio-panel" }, ct = {
+}, ct = { class: "konnectio-panel" }, pt = {
   key: 1,
   id: "konnectio-gift-card-remarks"
-}, pt = {
+}, mt = {
   key: 2,
   id: "konnectio-gift-card-order-minimal"
-}, mt = /* @__PURE__ */ Je(() => /* @__PURE__ */ t("div", { class: "konnectio-divider" }, null, -1)), ft = { id: "konnectio-gift-card-recaptcha" }, bt = /* @__PURE__ */ T({
+}, ft = /* @__PURE__ */ Qe(() => /* @__PURE__ */ t("div", { class: "konnectio-divider" }, null, -1)), bt = { id: "konnectio-gift-card-recaptcha" }, vt = /* @__PURE__ */ T({
   name: "GiftCardLayout",
   __name: "GiftCard",
   props: {
@@ -224,79 +232,79 @@ const je = { class: "gift-card-skeleton" }, He = { class: "gift-card-skeleton-fo
     styling: {}
   },
   setup(d) {
-    const n = d, m = Z(() => ({
+    const n = d, m = Y(() => ({
       panelMaxWidth: "800px",
       ...n.styling
-    })), { t: l } = B(), {
+    })), { t: l } = R(), {
       name: c,
       email: h,
       phone: p,
-      value: _,
+      value: y,
       remark: u,
-      showValue: y,
+      showValue: _,
       quantity: b,
-      media: j,
+      media: O,
       placeId: F,
       placeType: a,
       showFormPage: f,
       showPaymentPage: V,
-      showConfirmationPage: R,
+      showConfirmationPage: D,
       places: C,
       hasFilledForm: P,
-      hasForcedPlaceType: D,
-      isWaitingForResponse: A
-    } = O(x()), { initialize: J, orderGiftCard: H, fetchMetadata: Q } = x(), { isRecaptchaEnabled: X, currency: ee, hasError: te } = O(ge());
-    return oe(a, () => {
+      hasForcedPlaceType: x,
+      isWaitingForResponse: E
+    } = K(j()), { initialize: Q, orderGiftCard: H, fetchMetadata: X } = j(), { isRecaptchaEnabled: ee, currency: te, hasError: le } = K(_e());
+    return ne(a, () => {
       F.value = void 0;
-    }), ne(() => {
-      const E = n.placeType ? parseInt(n.placeType) : void 0;
-      J(E);
-    }), (E, r) => (s(), w(Ve, { styling: m.value }, {
+    }), ie(() => {
+      const A = n.placeType ? parseInt(n.placeType) : void 0;
+      Q(A);
+    }), (A, r) => (s(), w(we, { styling: m.value }, {
       default: $(() => [
-        (s(), w(ie, null, {
+        (s(), w(se, null, {
           default: $(() => [
             o(Ae, {
-              "access-token": E.accessToken,
-              "data-layout": E.layout,
-              callback: e(Q)
+              "access-token": A.accessToken,
+              "data-layout": A.layout,
+              callback: e(X)
             }, {
               default: $(() => [
-                e(te) ? (s(), w(Te, {
+                e(le) ? (s(), w(Ie, {
                   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."
                 })) : (s(), v("div", {
                   key: 0,
                   id: "konnectio-gift-card-module",
-                  "data-layout": E.layout
+                  "data-layout": A.layout
                 }, [
-                  t("div", Xe, [
-                    t("h2", et, [
-                      t("span", null, q(e(l)("giftCard.title")), 1)
+                  t("div", et, [
+                    t("h2", tt, [
+                      t("span", null, G(e(l)("giftCard.title")), 1)
                     ]),
-                    t("div", tt, [
-                      I(t("div", lt, [
-                        o(Ee)
+                    t("div", lt, [
+                      M(t("div", at, [
+                        o(Pe)
                       ], 512), [
-                        [G, e(V)]
+                        [L, e(V)]
                       ]),
-                      I(t("div", null, [
+                      M(t("div", null, [
                         t("p", {
                           id: "konnectio-gift-card-description",
                           innerHTML: e(l)("giftCard.description")
-                        }, null, 8, at),
+                        }, null, 8, ot),
                         t("form", null, [
-                          e(D) ? g("", !0) : (s(), v("div", ot, [
-                            e(C) ? (s(), v("div", nt, [
-                              t("label", it, [
-                                t("span", null, q(e(l)("giftCard.selectType")), 1)
+                          e(x) ? g("", !0) : (s(), v("div", nt, [
+                            e(C) ? (s(), v("div", it, [
+                              t("label", st, [
+                                t("span", null, G(e(l)("giftCard.selectType")), 1)
                               ]),
-                              t("div", st, [
+                              t("div", rt, [
                                 t("ul", null, [
-                                  (s(!0), v(se, null, re(e(C), (i, N) => (s(), v("li", { key: N }, [
-                                    o(Pe, {
+                                  (s(!0), v(re, null, de(e(C), (i, N) => (s(), v("li", { key: N }, [
+                                    o(Ue, {
                                       modelValue: e(a),
-                                      "onUpdate:modelValue": r[0] || (r[0] = (le) => k(a) ? a.value = le : null),
+                                      "onUpdate:modelValue": r[0] || (r[0] = (ae) => k(a) ? a.value = ae : null),
                                       type: "radio",
                                       name: "placeType",
                                       val: N,
@@ -304,7 +312,7 @@ const je = { class: "gift-card-skeleton" }, He = { class: "gift-card-skeleton-fo
                                     }, null, 8, ["modelValue", "val", "label"])
                                   ]))), 128))
                                 ]),
-                                e(C)[e(a)] && e(C)[e(a)].data.length > 1 ? (s(), w(ye, {
+                                e(C)[e(a)] && e(C)[e(a)].data.length > 1 ? (s(), w(ke, {
                                   key: 0,
                                   modelValue: e(F),
                                   "onUpdate:modelValue": r[1] || (r[1] = (i) => k(F) ? F.value = i : null),
@@ -315,9 +323,9 @@ const je = { class: "gift-card-skeleton" }, He = { class: "gift-card-skeleton-fo
                                   required: ""
                                 }, null, 8, ["modelValue", "placeholder", "options"])) : g("", !0)
                               ])
-                            ])) : (s(), w(ke, { key: 1 }))
+                            ])) : (s(), w(Ce, { key: 1 }))
                           ])),
-                          o(L, {
+                          o(q, {
                             modelValue: e(c),
                             "onUpdate:modelValue": r[2] || (r[2] = (i) => k(c) ? c.value = i : null),
                             type: "text",
@@ -328,7 +336,7 @@ const je = { class: "gift-card-skeleton" }, He = { class: "gift-card-skeleton-fo
                             placeholder: e(l)("giftCard.namePlaceholder"),
                             required: ""
                           }, null, 8, ["modelValue", "label", "placeholder"]),
-                          o(L, {
+                          o(q, {
                             modelValue: e(h),
                             "onUpdate:modelValue": r[3] || (r[3] = (i) => k(h) ? h.value = i : null),
                             type: "email",
@@ -339,7 +347,7 @@ const je = { class: "gift-card-skeleton" }, He = { class: "gift-card-skeleton-fo
                             placeholder: e(l)("giftCard.emailPlaceholder"),
                             required: ""
                           }, null, 8, ["modelValue", "label", "placeholder"]),
-                          o(Ue, {
+                          o(Se, {
                             modelValue: e(p),
                             "onUpdate:modelValue": r[4] || (r[4] = (i) => k(p) ? p.value = i : null),
                             icon: "phone-office",
@@ -347,20 +355,20 @@ const je = { class: "gift-card-skeleton" }, He = { class: "gift-card-skeleton-fo
                             placeholder: e(l)("giftCard.phonePlaceholder"),
                             required: ""
                           }, null, 8, ["modelValue", "label", "placeholder"]),
-                          o(L, {
-                            modelValue: e(_),
-                            "onUpdate:modelValue": r[5] || (r[5] = (i) => k(_) ? _.value = i : null),
+                          o(q, {
+                            modelValue: e(y),
+                            "onUpdate:modelValue": r[5] || (r[5] = (i) => k(y) ? y.value = i : null),
                             type: "number",
                             name: "value",
                             label: e(l)("giftCard.value"),
                             icon: "money-bill",
                             placeholder: e(l)("giftCard.valuePlaceholder"),
-                            suffix: e(ee),
+                            suffix: e(te),
                             required: ""
                           }, null, 8, ["modelValue", "label", "placeholder", "suffix"]),
                           g("", !0),
                           g("", !0),
-                          o(Ce, {
+                          o(Ve, {
                             modelValue: e(b),
                             "onUpdate:modelValue": r[8] || (r[8] = (i) => k(b) ? b.value = i : null),
                             label: e(l)("giftCard.quantity"),
@@ -369,30 +377,30 @@ const je = { class: "gift-card-skeleton" }, He = { class: "gift-card-skeleton-fo
                           }, null, 8, ["modelValue", "label"])
                         ])
                       ], 512), [
-                        [G, e(f)]
+                        [L, e(f)]
                       ]),
-                      I(t("div", null, [
+                      M(t("div", null, [
                         t("div", {
                           innerHTML: e(l)("giftCard.thankYou")
-                        }, null, 8, rt)
+                        }, null, 8, dt)
                       ], 512), [
-                        [G, e(R)]
+                        [L, e(D)]
                       ])
                     ]),
-                    E.layout !== "minimal" && e(f) ? (s(), v("div", dt, [
-                      t("div", ut, [
+                    A.layout !== "minimal" && e(f) ? (s(), v("div", ut, [
+                      t("div", ct, [
                         o(S, {
                           label: e(l)("giftCard.orderGiftCard"),
                           "full-width": !0,
                           disabled: !e(P),
-                          "is-loading": e(A),
-                          "onUpdate:isLoading": r[9] || (r[9] = (i) => k(A) ? A.value = i : null),
+                          "is-loading": e(E),
+                          "onUpdate:isLoading": r[9] || (r[9] = (i) => k(E) ? E.value = i : null),
                           onClickEvent: e(H)
                         }, null, 8, ["label", "disabled", "is-loading", "onClickEvent"])
                       ])
                     ])) : g("", !0),
-                    e(f) ? (s(), v("div", ct, [
-                      o(L, {
+                    e(f) ? (s(), v("div", pt, [
+                      o(q, {
                         modelValue: e(u),
                         "onUpdate:modelValue": r[10] || (r[10] = (i) => k(u) ? u.value = i : null),
                         type: "textarea",
@@ -402,34 +410,34 @@ const je = { class: "gift-card-skeleton" }, He = { class: "gift-card-skeleton-fo
                         placeholder: e(l)("giftCard.remarkPlaceholder")
                       }, null, 8, ["modelValue", "label", "placeholder"])
                     ])) : g("", !0),
-                    e(f) ? (s(), v("div", pt, [
+                    e(f) ? (s(), v("div", mt, [
                       o(S, {
                         label: e(l)("giftCard.orderGiftCard"),
                         "full-width": !0,
                         disabled: !e(P),
                         "data-test": "orderGiftCard",
-                        "is-loading": e(A),
-                        "onUpdate:isLoading": r[11] || (r[11] = (i) => k(A) ? A.value = i : null),
+                        "is-loading": e(E),
+                        "onUpdate:isLoading": r[11] || (r[11] = (i) => k(E) ? E.value = i : null),
                         onClickEvent: e(H)
                       }, null, 8, ["label", "disabled", "is-loading", "onClickEvent"]),
                       t("div", null, [
-                        mt,
-                        o(Ye)
+                        ft,
+                        o(Je)
                       ]),
-                      I(t("div", ft, [
-                        o(Se)
+                      M(t("div", bt, [
+                        o(Te)
                       ], 512), [
-                        [G, e(X)]
+                        [L, e(ee)]
                       ])
                     ])) : g("", !0)
                   ])
-                ], 8, Qe))
+                ], 8, Xe))
               ]),
               _: 1
             }, 8, ["access-token", "data-layout", "callback"])
           ]),
           fallback: $(() => [
-            o(Oe)
+            o(Ke)
           ]),
           _: 1
         }))
@@ -437,8 +445,8 @@ const je = { class: "gift-card-skeleton" }, He = { class: "gift-card-skeleton-fo
       _: 1
     }, 8, ["styling"]));
   }
-}), M = /* @__PURE__ */ z(bt, [["__scopeId", "data-v-278e1031"]]), vt = me(), ht = be();
-class _t extends HTMLElement {
+}), B = /* @__PURE__ */ z(vt, [["__scopeId", "data-v-278e1031"]]), ht = fe(), yt = ve();
+class gt extends HTMLElement {
   vueApp;
   constructor() {
     super();
@@ -447,9 +455,9 @@ class _t extends HTMLElement {
     this.vueApp.unmount();
   }
   connectedCallback() {
-    const n = typeof M == "function" ? M.options : M;
+    const n = typeof B == "function" ? B.options : B;
     let m = Array.isArray(n.props) ? n.props : Object.keys(n.props || {});
-    const l = (u) => u.replace(/[A-Z]+(?![a-z])|[A-Z]/g, (y, b) => (b ? "-" : "") + y.toLowerCase()), c = (u) => u.replace(/-./g, (y) => y[1].toUpperCase()), h = {};
+    const l = (u) => u.replace(/[A-Z]+(?![a-z])|[A-Z]/g, (_, b) => (b ? "-" : "") + _.toLowerCase()), c = (u) => u.replace(/-./g, (_) => _[1].toUpperCase()), h = {};
     m = m.map(l);
     const p = {};
     for (const u of this.attributes) {
@@ -457,16 +465,16 @@ class _t extends HTMLElement {
       b.length > 1 && (p[b[0]] || (p[b[0]] = {}), p[b[0]][c(b[1])] = u.value);
     }
     for (const u of m) {
-      let y = this.attributes.getNamedItem(u)?.value;
-      p.hasOwnProperty(u) && (y = p[u]), h[u] = y;
+      let _ = this.attributes.getNamedItem(u)?.value;
+      p.hasOwnProperty(u) && (_ = p[u]), h[u] = _;
     }
-    this.vueApp = ce(M, h), we(this.vueApp), this.vueApp.provide("emitter", ht), this.vueApp.use(vt), this.vueApp.use(fe), this.vueApp.use(Fe), this.vueApp.use($e, { bootstrap: !0 });
-    const _ = document.createElement("div");
-    this.vueApp.mount(_), this.appendChild(_.children[0]);
+    this.vueApp = pe(B, h), $e(this.vueApp), this.vueApp.provide("emitter", yt), this.vueApp.use(ht), this.vueApp.use(be), this.vueApp.use(Ee), this.vueApp.use(Fe, { bootstrap: !0 });
+    const y = document.createElement("div");
+    this.vueApp.mount(y), this.appendChild(y.children[0]);
   }
 }
-window.customElements.define("konnectio-gift-card", _t);
+window.customElements.define("konnectio-gift-card", gt);
 export {
-  _t as default
+  gt as default
 };
 //# sourceMappingURL=gift-card.js.map