@konnectio/core 4.3.7 → 4.3.9

package/dist/gift-card.js

@@ -1,15 +1,15 @@
-import { d as G, u as q, r as O, c as Y, a as y, b as s, w as C, e as l, h as c, i as m, f as t, g as e, n as J, t as L, j as te, C as oe, s as z, D as ne, o as ie, S as se, E as S, G as A, F as re, v as de, z as v, k as ue, _ as ce, l as pe, m as me, p as fe } from "./mitt-bGMsQrYA.js";
-import { G as ve } from "./style-C4ivj8SO.js";
-import { u as I } from "./giftCard-CdLzbiLr.js";
-import { a as be, e as T, x as he, _ as x, f as _e, d as ke, L as ge, T as M, i as ye, C as Ce } from "./SelectField.vue_vue_type_style_index_0_lang-zDjIIDU3.js";
-import { _ as Ve } from "./_.vue_vue_type_style_index_0_lang-JSCio5G8.js";
-import { C as $e, a as we, P as Fe, _ as Ee } from "./CheckoutWindow-Dsu7J2JM.js";
-import { E as Pe } from "./Field.vue_vue_type_style_index_0_scoped_6ef33e68_lang-CmIIjeeB.js";
-import { F as U } from "./Field-o8hQK9VW.js";
-import { E as Ue } from "./ErrorMessage-wq4rzUJ_.js";
-import { S as Te } from "./TermsOfService-_5UMkvTm.js";
-import { f as Ge } from "./index-Bi5dgk5O.js";
-const Se = { class: "media-selector" }, Ae = ["accept"], Me = { class: "media-selector-wrapper" }, Le = { class: "media-selector-tools" }, qe = { key: 0 }, Be = { key: 1 }, Re = { key: 2 }, Ie = ["src"], xe = /* @__PURE__ */ G({
+import { d as U, u as M, r as O, c as Y, a as _, b as s, w as C, e as l, h as p, i as f, f as t, g as e, n as J, t as A, j as ae, C as oe, s as z, D as ne, o as ie, S as se, E as T, G, F as de, v as re, z as b, k as ue, _ as ce, l as pe, m as me, p as fe } from "./mitt-478x9nh_.js";
+import { G as ve } from "./style-DpAb9hNM.js";
+import { u as B } from "./giftCard-xAmpKnRT.js";
+import { a as be, e as P, x as he, _ as R, f as ke, d as ge, L as ye, T as S, i as _e, C as Ce } from "./SelectField.vue_vue_type_style_index_0_lang-DoQnqm6S.js";
+import { _ as Ve } from "./_.vue_vue_type_style_index_0_lang-Dld6EdIi.js";
+import { C as $e, a as we, P as Fe, _ as xe } from "./CheckoutWindow-hdgJvYdM.js";
+import { E as Ee } from "./Field.vue_vue_type_style_index_0_scoped_6ef33e68_lang-DteCKqfe.js";
+import { F as E } from "./Field-FIse2yfZ.js";
+import { E as Pe } from "./ErrorMessage-YkoThqmx.js";
+import { S as Ue } from "./TermsOfService-BRQktuy2.js";
+import { f as Te } from "./index-CB97lqiE.js";
+const Ge = { class: "media-selector" }, Se = ["accept"], Ae = { class: "media-selector-wrapper" }, Me = { class: "media-selector-tools" }, Le = { key: 0 }, qe = { key: 1 }, Be = { key: 2 }, Re = ["src"], Ie = /* @__PURE__ */ U({
   __name: "MediaSelector",
   props: {
     modelValue: {},
@@ -19,94 +19,94 @@ const Se = { class: "media-selector" }, Ae = ["accept"], Me = { class: "media-se
     required: { type: Boolean, default: !1 }
   },
   emits: ["update:modelValue"],
-  setup(b, { emit: r }) {
-    const p = r, o = b, { t: u } = q(), { display: h } = be(), f = O(), _ = Y(() => o.modelValue.base64 !== "");
-    function V(a) {
-      p("update:modelValue", a);
+  setup(a, { emit: r }) {
+    const m = r, o = a, { t: c } = M(), { display: h } = be(), v = O(), k = Y(() => o.modelValue.base64 !== "");
+    function V(d) {
+      m("update:modelValue", d);
     }
-    function D() {
+    function I() {
       V({
         base64: "",
         name: "",
         type: ""
-      }), f.value && (f.value.value = "");
+      }), v.value && (v.value.value = "");
     }
     function $() {
-      f.value && f.value.click();
+      v.value && v.value.click();
     }
-    function H(a, d) {
-      const [g, B] = [a.name, a.type], k = new FileReader();
-      k.onload = function(P) {
-        if (P.target) {
-          const R = P.target.result;
-          d({ base64: R, name: g, type: B });
+    function D(d, u) {
+      const [y, L] = [d.name, d.type], g = new FileReader();
+      g.onload = function(x) {
+        if (x.target) {
+          const q = x.target.result;
+          u({ base64: q, name: y, type: L });
         } else
           h({
-            message: u("imageUploadError"),
+            message: c("imageUploadError"),
             type: "error"
           });
-      }, k.readAsDataURL(a);
+      }, g.readAsDataURL(d);
     }
     async function w() {
-      let a;
-      (a = f.value.files) instanceof FileList && H(a[0], V);
+      let d;
+      (d = v.value.files) instanceof FileList && D(d[0], V);
     }
-    return (a, d) => (s(), y(he, {
+    return (d, u) => (s(), _(he, {
       label: a.label,
       required: a.required,
       type: "media"
     }, {
       default: C(() => [
-        l("div", Se, [
+        l("div", Ge, [
           l("input", {
             ref_key: "fileInput",
-            ref: f,
+            ref: v,
             type: "file",
             class: "hidden",
             accept: a.validation,
             single: "",
-            onChange: d[0] || (d[0] = (g) => w())
-          }, null, 40, Ae),
-          l("div", Me, [
-            l("ul", Le, [
-              _.value ? m("", !0) : (s(), c("li", qe, [
-                t(T, {
-                  label: e(u)("uploadFile"),
+            onChange: u[0] || (u[0] = (y) => w())
+          }, null, 40, Se),
+          l("div", Ae, [
+            l("ul", Me, [
+              k.value ? f("", !0) : (s(), p("li", Le, [
+                t(P, {
+                  label: e(c)("uploadFile"),
                   type: "button",
                   icon: "upload",
                   "icon-color": a.iconColor,
-                  onClickEvent: d[1] || (d[1] = (g) => $())
+                  onClickEvent: u[1] || (u[1] = (y) => $())
                 }, null, 8, ["label", "icon-color"])
               ])),
-              _.value ? (s(), c("li", Be, [
-                t(T, {
-                  label: e(u)("replaceFile"),
+              k.value ? (s(), p("li", qe, [
+                t(P, {
+                  label: e(c)("replaceFile"),
                   type: "button",
                   icon: "repeat-alt",
                   "icon-color": a.iconColor,
-                  onClickEvent: d[2] || (d[2] = (g) => $())
+                  onClickEvent: u[2] || (u[2] = (y) => $())
                 }, null, 8, ["label", "icon-color"])
-              ])) : m("", !0),
-              _.value ? (s(), c("li", Re, [
-                t(T, {
-                  label: e(u)("removeFile"),
+              ])) : f("", !0),
+              k.value ? (s(), p("li", Be, [
+                t(P, {
+                  label: e(c)("removeFile"),
                   type: "button",
                   icon: "trash-alt",
                   "icon-color": a.iconColor,
-                  onClickEvent: d[3] || (d[3] = (g) => D())
+                  onClickEvent: u[3] || (u[3] = (y) => I())
                 }, null, 8, ["label", "icon-color"])
-              ])) : m("", !0)
+              ])) : f("", !0)
             ]),
             l("div", {
               class: J([
                 "media-selector-previewer",
-                { opened: _.value }
+                { opened: k.value }
               ])
             }, [
-              a.modelValue ? (s(), c("img", {
+              a.modelValue ? (s(), p("img", {
                 key: 0,
                 src: a.modelValue.base64
-              }, null, 8, Ie)) : m("", !0)
+              }, null, 8, Re)) : f("", !0)
             ], 2)
           ])
         ])
@@ -115,8 +115,8 @@ const Se = { class: "media-selector" }, Ae = ["accept"], Me = { class: "media-se
     }, 8, ["label", "required"]));
   }
 });
-function W(b) {
-  const r = b;
+function W(a) {
+  const r = a;
   r.__i18n = r.__i18n || [], r.__i18n.push({
     locale: "",
     resource: {
@@ -135,80 +135,80 @@ function W(b) {
     }
   });
 }
-typeof W == "function" && W(xe);
-const De = { class: "gift-card-skeleton" }, He = { class: "gift-card-skeleton-form" }, Ne = /* @__PURE__ */ G({
+typeof W == "function" && W(Ie);
+const De = { class: "gift-card-skeleton" }, He = { class: "gift-card-skeleton-form" }, Ne = /* @__PURE__ */ U({
   __name: "GiftCardSkeleton",
-  setup(b) {
-    return (r, p) => (s(), c("div", De, [
+  setup(a) {
+    return (r, m) => (s(), p("div", De, [
       l("div", He, [
-        t(U),
-        t(U),
-        t(U),
-        t(U),
-        t(U, { "is-text-area": "" }),
-        t(Pe, { height: "44px" })
+        t(E),
+        t(E),
+        t(E),
+        t(E),
+        t(E, { "is-text-area": "" }),
+        t(Ee, { height: "44px" })
       ])
     ]));
   }
-}), je = /* @__PURE__ */ x(Ne, [["__scopeId", "data-v-ba3efaa1"]]), ze = { class: "konnectio-accept-terms" }, We = /* @__PURE__ */ G({
+}), je = /* @__PURE__ */ R(Ne, [["__scopeId", "data-v-ba3efaa1"]]), ze = { class: "konnectio-accept-terms" }, We = /* @__PURE__ */ U({
   __name: "_",
   props: {
     content: {},
     buttonLabel: {}
   },
-  setup(b) {
-    const { t: r } = q(), p = O(!1);
-    return (o, u) => (s(), c("div", ze, [
+  setup(a) {
+    const { t: r } = M(), m = O(!1);
+    return (o, c) => (s(), p("div", ze, [
       t(e(oe), {
         keypath: "general.termsAndConditionsNotice",
         tag: "span",
         scope: "global"
       }, {
         button: C(() => [
-          l("i", null, '"' + L(o.buttonLabel) + '"', 1)
+          l("i", null, '"' + A(a.buttonLabel) + '"', 1)
         ]),
         terms: C(() => [
           l("a", {
             class: "konnectio-accept-terms-link",
             target: "_blank",
-            onClick: u[0] || (u[0] = te((h) => p.value = !0, ["prevent"]))
+            onClick: c[0] || (c[0] = ae((h) => m.value = !0, ["prevent"]))
           }, [
-            l("span", null, L(e(r)("general.termsAndConditions")), 1)
+            l("span", null, A(e(r)("general.termsAndConditions")), 1)
           ])
         ]),
         _: 1
       }),
-      t(Te, {
-        modelValue: p.value,
-        "onUpdate:modelValue": u[1] || (u[1] = (h) => p.value = h),
-        description: o.content
+      t(Ue, {
+        modelValue: m.value,
+        "onUpdate:modelValue": c[1] || (c[1] = (h) => m.value = h),
+        description: a.content
       }, null, 8, ["modelValue", "description"])
     ]));
   }
-}), Ke = /* @__PURE__ */ x(We, [["__scopeId", "data-v-689c045a"]]), Oe = /* @__PURE__ */ G({
+}), Ke = /* @__PURE__ */ R(We, [["__scopeId", "data-v-689c045a"]]), Oe = /* @__PURE__ */ U({
   __name: "GiftCard",
-  setup(b) {
-    const { t: r } = q(), p = I();
-    return (o, u) => (s(), y(Ke, {
-      content: e(p).termsOfService,
+  setup(a) {
+    const { t: r } = M(), m = B();
+    return (o, c) => (s(), _(Ke, {
+      content: e(m).termsOfService,
       "button-label": e(r)("giftCard.orderGiftCard")
     }, null, 8, ["content", "button-label"]));
   }
-}), Ye = ["data-layout"], Je = { id: "konnectio-gift-card-wrapper" }, Qe = { id: "konnectio-gift-card-title" }, Xe = { id: "konnectio-gift-card-content" }, Ze = { id: "konnectio-gift-card-payment" }, el = ["innerHTML"], ll = { key: 0 }, al = {
+}), Ye = ["data-layout"], Je = { id: "konnectio-gift-card-wrapper" }, Qe = { id: "konnectio-gift-card-title" }, Xe = { id: "konnectio-gift-card-content" }, Ze = { id: "konnectio-gift-card-payment" }, el = ["innerHTML"], ll = { key: 0 }, tl = {
   key: 0,
   id: "konnectio-select-place-type"
-}, tl = {
+}, al = {
   class: /* @__PURE__ */ J(["konnectio-label", "required"])
 }, ol = { id: "konnectio-select-place-type-input" }, nl = ["innerHTML"], il = {
   key: 0,
   id: "konnectio-gift-card-order"
-}, sl = { class: "konnectio-panel" }, rl = {
+}, sl = { class: "konnectio-panel" }, dl = {
   key: 1,
   id: "konnectio-gift-card-remarks"
-}, dl = {
+}, rl = {
   key: 2,
   id: "konnectio-gift-card-order-minimal"
-}, ul = { id: "konnectio-gift-card-recaptcha" }, cl = /* @__PURE__ */ G({
+}, ul = { id: "konnectio-gift-card-recaptcha" }, cl = /* @__PURE__ */ U({
   name: "GiftCardLayout",
   __name: "GiftCard",
   props: {
@@ -217,80 +217,80 @@ const De = { class: "gift-card-skeleton" }, He = { class: "gift-card-skeleton-fo
     placeType: {},
     styling: {}
   },
-  setup(b) {
-    const r = b, p = Y(() => ({
+  setup(a) {
+    const r = a, m = Y(() => ({
       panelMaxWidth: "800px",
       ...r.styling
-    })), { t: o } = q(), {
-      name: u,
+    })), { t: o } = M(), {
+      name: c,
       email: h,
-      phone: f,
-      value: _,
+      phone: v,
+      value: k,
       remark: V,
-      showValue: D,
+      showValue: I,
       quantity: $,
-      media: H,
+      media: D,
       placeId: w,
-      placeType: a,
-      showFormPage: d,
-      showPaymentPage: g,
-      showConfirmationPage: B,
-      places: k,
-      hasFilledForm: P,
-      hasForcedPlaceType: R,
+      placeType: d,
+      showFormPage: u,
+      showPaymentPage: y,
+      showConfirmationPage: L,
+      places: g,
+      hasFilledForm: x,
+      hasForcedPlaceType: q,
       isWaitingForResponse: F
-    } = z(I()), { initialize: Q, orderGiftCard: N, fetchMetadata: X } = I(), { isRecaptchaEnabled: Z, currency: ee, hasError: le } = z(_e());
-    return ne(a, () => {
+    } = z(B()), { initialize: Q, orderGiftCard: H, fetchMetadata: X } = B(), { isRecaptchaEnabled: Z, currency: ee, hasError: le } = z(ke());
+    return ne(d, () => {
       w.value = void 0;
     }), ie(() => {
-      const E = r.placeType ? parseInt(r.placeType) : void 0;
-      Q(E);
-    }), (E, n) => (s(), y(Ce, { styling: p.value }, {
+      const N = r.placeType ? parseInt(r.placeType) : void 0;
+      Q(N);
+    }), (N, n) => (s(), _(Ce, { styling: m.value }, {
       default: C(() => [
-        (s(), y(se, null, {
+        (s(), _(se, null, {
           default: C(() => [
             t(Ve, {
-              "access-token": E.accessToken,
-              "data-layout": E.layout,
+              "access-token": a.accessToken,
+              "data-layout": a.layout,
               callback: e(X)
             }, {
               default: C(() => [
-                e(le) ? (s(), y(Ue, {
+                e(le) ? (s(), _(Pe, {
                   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(), c("div", {
+                })) : (s(), p("div", {
                   key: 0,
                   id: "konnectio-gift-card-module",
-                  "data-layout": E.layout
+                  "data-layout": a.layout
                 }, [
                   l("div", Je, [
                     l("h2", Qe, [
-                      l("span", null, L(e(o)("giftCard.title")), 1)
+                      l("span", null, A(e(o)("giftCard.title")), 1)
                     ]),
                     l("div", Xe, [
-                      S(l("div", Ze, [
+                      T(l("div", Ze, [
                         t($e)
                       ], 512), [
-                        [A, e(g)]
+                        [G, e(y)]
                       ]),
-                      S(l("div", null, [
+                      T(l("div", null, [
                         l("p", {
                           id: "konnectio-gift-card-description",
                           innerHTML: e(o)("giftCard.description")
                         }, null, 8, el),
                         l("form", null, [
-                          e(R) ? m("", !0) : (s(), c("div", ll, [
-                            e(k) ? (s(), c("div", al, [
-                              l("label", tl, [
-                                l("span", null, L(e(o)("giftCard.selectType")), 1)
+                          e(q) ? f("", !0) : (s(), p("div", ll, [
+                            e(g) ? (s(), p("div", tl, [
+                              l("label", al, [
+                                l("span", null, A(e(o)("giftCard.selectType")), 1)
                               ]),
                               l("div", ol, [
                                 l("ul", null, [
-                                  (s(!0), c(re, null, de(e(k), (i, j) => (s(), c("li", { key: j }, [
+                                  (s(!0), p(de, null, re(e(g), (i, j) => (s(), p("li", { key: j }, [
                                     t(we, {
-                                      modelValue: e(a),
-                                      "onUpdate:modelValue": n[0] || (n[0] = (ae) => v(a) ? a.value = ae : null),
+                                      modelValue: e(d),
+                                      "onUpdate:modelValue": n[0] || (n[0] = (te) => b(d) ? d.value = te : null),
                                       type: "radio",
                                       name: "placeType",
                                       val: j,
@@ -298,22 +298,22 @@ const De = { class: "gift-card-skeleton" }, He = { class: "gift-card-skeleton-fo
                                     }, null, 8, ["modelValue", "val", "label"])
                                   ]))), 128))
                                 ]),
-                                e(k)[e(a)] && e(k)[e(a)].data.length > 1 ? (s(), y(ke, {
+                                e(g)[e(d)] && e(g)[e(d)].data.length > 1 ? (s(), _(ge, {
                                   key: 0,
                                   modelValue: e(w),
-                                  "onUpdate:modelValue": n[1] || (n[1] = (i) => v(w) ? w.value = i : null),
+                                  "onUpdate:modelValue": n[1] || (n[1] = (i) => b(w) ? w.value = i : null),
                                   placeholder: e(o)("giftCard.selectPlacePlaceholder"),
-                                  options: e(k)[e(a)].data,
+                                  options: e(g)[e(d)].data,
                                   labelKey: "name",
                                   valueKey: "id",
                                   required: ""
-                                }, null, 8, ["modelValue", "placeholder", "options"])) : m("", !0)
+                                }, null, 8, ["modelValue", "placeholder", "options"])) : f("", !0)
                               ])
-                            ])) : (s(), y(ge, { key: 1 }))
+                            ])) : (s(), _(ye, { key: 1 }))
                           ])),
-                          t(M, {
-                            modelValue: e(u),
-                            "onUpdate:modelValue": n[2] || (n[2] = (i) => v(u) ? u.value = i : null),
+                          t(S, {
+                            modelValue: e(c),
+                            "onUpdate:modelValue": n[2] || (n[2] = (i) => b(c) ? c.value = i : null),
                             type: "text",
                             name: "name",
                             autocomplete: "name",
@@ -322,9 +322,9 @@ const De = { class: "gift-card-skeleton" }, He = { class: "gift-card-skeleton-fo
                             placeholder: e(o)("giftCard.namePlaceholder"),
                             required: ""
                           }, null, 8, ["modelValue", "label", "placeholder"]),
-                          t(M, {
+                          t(S, {
                             modelValue: e(h),
-                            "onUpdate:modelValue": n[3] || (n[3] = (i) => v(h) ? h.value = i : null),
+                            "onUpdate:modelValue": n[3] || (n[3] = (i) => b(h) ? h.value = i : null),
                             type: "email",
                             name: "email",
                             autocomplete: "email",
@@ -334,16 +334,16 @@ const De = { class: "gift-card-skeleton" }, He = { class: "gift-card-skeleton-fo
                             required: ""
                           }, null, 8, ["modelValue", "label", "placeholder"]),
                           t(Fe, {
-                            modelValue: e(f),
-                            "onUpdate:modelValue": n[4] || (n[4] = (i) => v(f) ? f.value = i : null),
+                            modelValue: e(v),
+                            "onUpdate:modelValue": n[4] || (n[4] = (i) => b(v) ? v.value = i : null),
                             icon: "phone-office",
                             label: e(o)("giftCard.phone"),
                             placeholder: e(o)("giftCard.phonePlaceholder"),
                             required: ""
                           }, null, 8, ["modelValue", "label", "placeholder"]),
-                          t(M, {
-                            modelValue: e(_),
-                            "onUpdate:modelValue": n[5] || (n[5] = (i) => v(_) ? _.value = i : null),
+                          t(S, {
+                            modelValue: e(k),
+                            "onUpdate:modelValue": n[5] || (n[5] = (i) => b(k) ? k.value = i : null),
                             type: "number",
                             name: "value",
                             label: e(o)("giftCard.value"),
@@ -352,70 +352,70 @@ const De = { class: "gift-card-skeleton" }, He = { class: "gift-card-skeleton-fo
                             suffix: e(ee),
                             required: ""
                           }, null, 8, ["modelValue", "label", "placeholder", "suffix"]),
-                          m("", !0),
-                          m("", !0),
-                          t(ye, {
+                          f("", !0),
+                          f("", !0),
+                          t(_e, {
                             modelValue: e($),
-                            "onUpdate:modelValue": n[8] || (n[8] = (i) => v($) ? $.value = i : null),
+                            "onUpdate:modelValue": n[8] || (n[8] = (i) => b($) ? $.value = i : null),
                             label: e(o)("giftCard.quantity"),
                             icon: "gift-card",
                             required: ""
                           }, null, 8, ["modelValue", "label"])
                         ])
                       ], 512), [
-                        [A, e(d)]
+                        [G, e(u)]
                       ]),
-                      S(l("div", null, [
+                      T(l("div", null, [
                         l("div", {
                           innerHTML: e(o)("giftCard.thankYou")
                         }, null, 8, nl)
                       ], 512), [
-                        [A, e(B)]
+                        [G, e(L)]
                       ])
                     ]),
-                    E.layout !== "minimal" && e(d) ? (s(), c("div", il, [
+                    a.layout !== "minimal" && e(u) ? (s(), p("div", il, [
                       l("div", sl, [
-                        t(T, {
+                        t(P, {
                           label: e(o)("giftCard.orderGiftCard"),
                           "full-width": !0,
-                          disabled: !e(P),
+                          disabled: !e(x),
                           "is-loading": e(F),
-                          "onUpdate:isLoading": n[9] || (n[9] = (i) => v(F) ? F.value = i : null),
-                          onClickEvent: e(N)
+                          "onUpdate:isLoading": n[9] || (n[9] = (i) => b(F) ? F.value = i : null),
+                          onClickEvent: e(H)
                         }, null, 8, ["label", "disabled", "is-loading", "onClickEvent"])
                       ])
-                    ])) : m("", !0),
-                    e(d) ? (s(), c("div", rl, [
-                      t(M, {
+                    ])) : f("", !0),
+                    e(u) ? (s(), p("div", dl, [
+                      t(S, {
                         modelValue: e(V),
-                        "onUpdate:modelValue": n[10] || (n[10] = (i) => v(V) ? V.value = i : null),
+                        "onUpdate:modelValue": n[10] || (n[10] = (i) => b(V) ? V.value = i : null),
                         type: "textarea",
                         name: "remark",
                         label: e(o)("giftCard.remark"),
                         icon: "info-circle",
                         placeholder: e(o)("giftCard.remarkPlaceholder")
                       }, null, 8, ["modelValue", "label", "placeholder"])
-                    ])) : m("", !0),
-                    e(d) ? (s(), c("div", dl, [
-                      t(T, {
+                    ])) : f("", !0),
+                    e(u) ? (s(), p("div", rl, [
+                      t(P, {
                         label: e(o)("giftCard.orderGiftCard"),
                         "full-width": !0,
-                        disabled: !e(P),
+                        disabled: !e(x),
                         "data-test": "orderGiftCard",
                         "is-loading": e(F),
-                        "onUpdate:isLoading": n[11] || (n[11] = (i) => v(F) ? F.value = i : null),
-                        onClickEvent: e(N)
+                        "onUpdate:isLoading": n[11] || (n[11] = (i) => b(F) ? F.value = i : null),
+                        onClickEvent: e(H)
                       }, null, 8, ["label", "disabled", "is-loading", "onClickEvent"]),
                       l("div", null, [
                         n[12] || (n[12] = l("div", { class: "konnectio-divider" }, null, -1)),
                         t(Oe)
                       ]),
-                      S(l("div", ul, [
-                        t(Ee)
+                      T(l("div", ul, [
+                        t(xe)
                       ], 512), [
-                        [A, e(Z)]
+                        [G, e(Z)]
                       ])
-                    ])) : m("", !0)
+                    ])) : f("", !0)
                   ])
                 ], 8, Ye))
               ]),
@@ -431,7 +431,7 @@ const De = { class: "gift-card-skeleton" }, He = { class: "gift-card-skeleton-fo
       _: 1
     }, 8, ["styling"]));
   }
-}), K = /* @__PURE__ */ x(cl, [["__scopeId", "data-v-06fd20aa"]]), pl = ue(), ml = ce, fl = ml();
+}), K = /* @__PURE__ */ R(cl, [["__scopeId", "data-v-06fd20aa"]]), pl = ue(), ml = ce, fl = ml();
 class vl extends HTMLElement {
   vueApp;
   constructor() {
@@ -442,9 +442,9 @@ class vl extends HTMLElement {
   }
   connectedCallback() {
     const r = pe(K, this.attributes);
-    this.vueApp = me(K, r), this.vueApp.provide("emitter", fl), this.vueApp.use(Ge), this.vueApp.use(pl), this.vueApp.use(fe), this.vueApp.use(ve);
-    const p = document.createElement("div");
-    this.vueApp.mount(p), this.appendChild(p.children[0]);
+    this.vueApp = me(K, r), this.vueApp.provide("emitter", fl), this.vueApp.use(Te), this.vueApp.use(pl), this.vueApp.use(fe), this.vueApp.use(ve);
+    const m = document.createElement("div");
+    this.vueApp.mount(m), this.appendChild(m.children[0]);
   }
 }
 window.customElements.define("konnectio-gift-card", vl);

package/dist/{giftCard-CdLzbiLr.js → giftCard-xAmpKnRT.js}

@@ -1,5 +1,5 @@
-import { H as V, s as J, r as t, c as a, I as y } from "./mitt-bGMsQrYA.js";
-import { z as K, a as Q, f as z, G as o, A as h, D as E, w as O, E as X, S } from "./SelectField.vue_vue_type_style_index_0_lang-zDjIIDU3.js";
+import { H as V, s as J, r as t, c as a, I as y } from "./mitt-478x9nh_.js";
+import { z as K, a as Q, f as z, G as o, A as h, D as E, w as O, E as X, S } from "./SelectField.vue_vue_type_style_index_0_lang-DoQnqm6S.js";
 const $ = V("giftCard", () => {
   const { pay: D } = K(), { display: G } = Q(), { metaData: w, currencyId: M, hasError: P } = J(z()), x = z(), s = t(o.InitialState), u = h("konnectio_name", "", void 0, { serializer: S.string }), v = h("konnectio_email", "", void 0, { serializer: S.string }), d = h("konnectio_phone", "", void 0, { serializer: S.string }), f = t(""), T = t(1), F = t(!0), b = t(""), i = t({
     base64: "",
@@ -106,4 +106,4 @@ const $ = V("giftCard", () => {
 export {
   $ as u
 };
-//# sourceMappingURL=giftCard-CdLzbiLr.js.map
+//# sourceMappingURL=giftCard-xAmpKnRT.js.map