@konnectio/core 4.0.86 → 4.0.88

package/dist/gift-card.js

@@ -1,13 +1,14 @@
-import { d as T, u as L, r as O, c as J, a as i, b as y, w as C, e as l, g as c, f as t, i as e, j as f, n as Y, t as q, h as te, G as oe, x as W, H as ne, o as ie, S as se, I as G, J as A, F as re, B as de, C as b, p as ue, k as ce, l as pe, m as me, q as fe, s as ve, v as be } from "./mitt-B_elXQ2J.js";
-import { a as he, c as S, p as _e, E as ke, _ as x, d as ge, n as ye, L as Ce, T as M, b as Ve, C as we, m as $e } from "./Field.vue_vue_type_style_index_0_scoped_992f78a1_lang-B9ABwlx8.js";
-import { G as Fe } from "./style-CDpCXUak.js";
-import { u as R } from "./giftCard-B23RukSr.js";
-import { _ as Pe } from "./_.vue_vue_type_style_index_0_lang-BYDFId9L.js";
-import { a as Ee, C as Ue, P as Se, _ as Te } from "./CheckoutWindow-B9DgFfjD.js";
-import { F as U } from "./Field-B35ijVel.js";
-import { E as Ge } from "./ErrorMessage-BrJqu_VN.js";
-import { S as Ae } from "./TermsOfService-DUi944tV.js";
-const Me = { class: "media-selector" }, qe = ["accept"], Le = { class: "media-selector-wrapper" }, Ie = { class: "media-selector-tools" }, Be = { key: 0 }, Re = { key: 1 }, xe = { key: 2 }, He = ["src"], De = /* @__PURE__ */ T({
+import { d as G, u as L, r as O, c as Y, a as s, b as y, w as C, e as l, g as c, f as t, i as e, j as m, n as J, t as q, h as te, D as oe, s as z, E as ne, o as ie, S as se, G as A, H as S, F as re, z as de, A as v, k as ue, l as ce, m as pe, p as me, q as fe } from "./mitt-Cg46J41N.js";
+import { a as ve, e as T, r as be, _ as x, g as he, d as ke, L as _e, T as M, f as ge, C as ye, p as Ce } from "./SelectField.vue_vue_type_style_index_0_lang-HlNLn_PC.js";
+import { G as Ve } from "./style-BEbp8L4f.js";
+import { u as I } from "./giftCard-Cd9Y7fCq.js";
+import { _ as $e } from "./_.vue_vue_type_style_index_0_lang-Cd38IS_v.js";
+import { a as we, C as Fe, P as Ee, _ as Pe } from "./CheckoutWindow-gdDFWtqb.js";
+import { E as Ue } from "./Field.vue_vue_type_style_index_0_scoped_992f78a1_lang-DVknjZnB.js";
+import { F as U } from "./Field-D-HVbbAz.js";
+import { E as Te } from "./ErrorMessage-Ve-udIdk.js";
+import { S as Ge } from "./TermsOfService-D3_RZAXa.js";
+const Ae = { class: "media-selector" }, Se = ["accept"], Me = { class: "media-selector-wrapper" }, qe = { class: "media-selector-tools" }, Le = { key: 0 }, Be = { key: 1 }, Re = { key: 2 }, Ie = ["src"], xe = /* @__PURE__ */ G({
   __name: "MediaSelector",
   props: {
     modelValue: {},
@@ -17,94 +18,94 @@ const Me = { class: "media-selector" }, qe = ["accept"], Le = { class: "media-se
     required: { type: Boolean, default: !1 }
   },
   emits: ["update:modelValue"],
-  setup(p, { emit: r }) {
-    const m = r, o = p, { t: u } = L(), { display: h } = he(), v = O(), _ = J(() => o.modelValue.base64 !== "");
+  setup(b, { emit: r }) {
+    const p = r, o = b, { t: u } = L(), { display: h } = ve(), f = O(), k = Y(() => o.modelValue.base64 !== "");
     function V(a) {
-      m("update:modelValue", a);
+      p("update:modelValue", a);
     }
     function H() {
       V({
         base64: "",
         name: "",
         type: ""
-      }), v.value && (v.value.value = "");
+      }), f.value && (f.value.value = "");
     }
-    function w() {
-      v.value && v.value.click();
+    function $() {
+      f.value && f.value.click();
     }
     function D(a, d) {
-      const [g, I] = [a.name, a.type], k = new FileReader();
-      k.onload = function(E) {
-        if (E.target) {
-          const B = E.target.result;
-          d({ base64: B, name: g, type: I });
+      const [g, B] = [a.name, a.type], _ = new FileReader();
+      _.onload = function(P) {
+        if (P.target) {
+          const R = P.target.result;
+          d({ base64: R, name: g, type: B });
         } else
           h({
             message: u("imageUploadError"),
             type: "error"
           });
-      }, k.readAsDataURL(a);
+      }, _.readAsDataURL(a);
     }
-    async function $() {
+    async function w() {
       let a;
-      (a = v.value.files) instanceof FileList && D(a[0], V);
+      (a = f.value.files) instanceof FileList && D(a[0], V);
     }
-    return (a, d) => (i(), y(_e, {
+    return (a, d) => (s(), y(be, {
       label: a.label,
       required: a.required,
       type: "media"
     }, {
       default: C(() => [
-        l("div", Me, [
+        l("div", Ae, [
           l("input", {
             ref_key: "fileInput",
-            ref: v,
+            ref: f,
             type: "file",
             class: "hidden",
             accept: a.validation,
             single: "",
-            onChange: d[0] || (d[0] = (g) => $())
-          }, null, 40, qe),
-          l("div", Le, [
-            l("ul", Ie, [
-              _.value ? f("", !0) : (i(), c("li", Be, [
-                t(S, {
+            onChange: d[0] || (d[0] = (g) => w())
+          }, null, 40, Se),
+          l("div", Me, [
+            l("ul", qe, [
+              k.value ? m("", !0) : (s(), c("li", Le, [
+                t(T, {
                   label: e(u)("uploadFile"),
                   type: "button",
                   icon: "upload",
                   "icon-color": a.iconColor,
-                  onClickEvent: d[1] || (d[1] = (g) => w())
+                  onClickEvent: d[1] || (d[1] = (g) => $())
                 }, null, 8, ["label", "icon-color"])
               ])),
-              _.value ? (i(), c("li", Re, [
-                t(S, {
+              k.value ? (s(), c("li", Be, [
+                t(T, {
                   label: e(u)("replaceFile"),
                   type: "button",
                   icon: "repeat-alt",
                   "icon-color": a.iconColor,
-                  onClickEvent: d[2] || (d[2] = (g) => w())
+                  onClickEvent: d[2] || (d[2] = (g) => $())
                 }, null, 8, ["label", "icon-color"])
-              ])) : f("", !0),
-              _.value ? (i(), c("li", xe, [
-                t(S, {
+              ])) : m("", !0),
+              k.value ? (s(), c("li", Re, [
+                t(T, {
                   label: e(u)("removeFile"),
                   type: "button",
                   icon: "trash-alt",
                   "icon-color": a.iconColor,
                   onClickEvent: d[3] || (d[3] = (g) => H())
                 }, null, 8, ["label", "icon-color"])
-              ])) : f("", !0)
+              ])) : m("", !0)
             ]),
             l("div", {
-              class: Y([
+              class: J([
                 "media-selector-previewer",
-                { opened: _.value }
+                { opened: k.value }
               ])
             }, [
-              a.modelValue ? (i(), c("img", {
+              a.modelValue ? (s(), c("img", {
                 key: 0,
                 src: a.modelValue.base64
-              }, null, 8, He)) : f("", !0)
+              }, null, 8, Ie)) : m("", !0)
             ], 2)
           ])
         ])
@@ -113,8 +114,8 @@ const Me = { class: "media-selector" }, qe = ["accept"], Le = { class: "media-se
     }, 8, ["label", "required"]));
   }
 });
-function z(p) {
-  const r = p;
+function W(b) {
+  const r = b;
   r.__i18n = r.__i18n || [], r.__i18n.push({
     locale: "",
     resource: {
@@ -133,30 +134,30 @@ function z(p) {
     }
   });
 }
-typeof z == "function" && z(De);
-const Ne = { class: "gift-card-skeleton" }, je = { class: "gift-card-skeleton-form" }, We = /* @__PURE__ */ T({
+typeof W == "function" && W(xe);
+const He = { class: "gift-card-skeleton" }, De = { class: "gift-card-skeleton-form" }, Ne = /* @__PURE__ */ G({
   __name: "GiftCardSkeleton",
-  setup(p) {
-    return (r, m) => (i(), c("div", Ne, [
-      l("div", je, [
+  setup(b) {
+    return (r, p) => (s(), c("div", He, [
+      l("div", De, [
         t(U),
         t(U),
         t(U),
         t(U),
         t(U, { "is-text-area": "" }),
-        t(ke, { height: "44px" })
+        t(Ue, { height: "44px" })
       ])
     ]));
   }
-}), ze = /* @__PURE__ */ x(We, [["__scopeId", "data-v-ba3efaa1"]]), Ke = { class: "konnectio-accept-terms" }, Oe = /* @__PURE__ */ T({
+}), je = /* @__PURE__ */ x(Ne, [["__scopeId", "data-v-ba3efaa1"]]), ze = { class: "konnectio-accept-terms" }, We = /* @__PURE__ */ G({
   __name: "_",
   props: {
     content: {},
     buttonLabel: {}
   },
-  setup(p) {
-    const { t: r } = L(), m = O(!1);
-    return (o, u) => (i(), c("div", Ke, [
+  setup(b) {
+    const { t: r } = L(), p = O(!1);
+    return (o, u) => (s(), c("div", ze, [
       t(e(oe), {
         keypath: "general.termsAndConditionsNotice",
         tag: "span",
@@ -169,44 +170,44 @@ const Ne = { class: "gift-card-skeleton" }, je = { class: "gift-card-skeleton-fo
           l("a", {
             class: "konnectio-accept-terms-link",
             target: "_blank",
-            onClick: u[0] || (u[0] = te((h) => m.value = !0, ["prevent"]))
+            onClick: u[0] || (u[0] = te((h) => p.value = !0, ["prevent"]))
           }, [
             l("span", null, q(e(r)("general.termsAndConditions")), 1)
           ])
         ]),
         _: 1
       }),
-      t(Ae, {
-        modelValue: m.value,
-        "onUpdate:modelValue": u[1] || (u[1] = (h) => m.value = h),
+      t(Ge, {
+        modelValue: p.value,
+        "onUpdate:modelValue": u[1] || (u[1] = (h) => p.value = h),
         description: o.content
       }, null, 8, ["modelValue", "description"])
     ]));
   }
-}), Je = /* @__PURE__ */ x(Oe, [["__scopeId", "data-v-f587c956"]]), Ye = /* @__PURE__ */ T({
+}), Ke = /* @__PURE__ */ x(We, [["__scopeId", "data-v-f587c956"]]), Oe = /* @__PURE__ */ G({
   __name: "GiftCard",
-  setup(p) {
-    const { t: r } = L(), m = R();
-    return (o, u) => (i(), y(Je, {
-      content: e(m).termsOfService,
+  setup(b) {
+    const { t: r } = L(), p = I();
+    return (o, u) => (s(), y(Ke, {
+      content: e(p).termsOfService,
       "button-label": e(r)("giftCard.orderGiftCard")
     }, null, 8, ["content", "button-label"]));
   }
-}), Qe = (p) => (ue("data-v-278e1031"), p = p(), ce(), p), Xe = ["data-layout"], Ze = { id: "konnectio-gift-card-wrapper" }, el = { id: "konnectio-gift-card-title" }, ll = { id: "konnectio-gift-card-content" }, al = { id: "konnectio-gift-card-payment" }, tl = ["innerHTML"], ol = { key: 0 }, nl = {
+}), 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 = {
   key: 0,
   id: "konnectio-select-place-type"
-}, il = {
-  class: /* @__PURE__ */ Y(["konnectio-label", "required"])
-}, sl = { id: "konnectio-select-place-type-input" }, rl = ["innerHTML"], dl = {
+}, tl = {
+  class: /* @__PURE__ */ J(["konnectio-label", "required"])
+}, ol = { id: "konnectio-select-place-type-input" }, nl = ["innerHTML"], il = {
   key: 0,
   id: "konnectio-gift-card-order"
-}, ul = { class: "konnectio-panel" }, cl = {
+}, sl = { class: "konnectio-panel" }, rl = {
   key: 1,
   id: "konnectio-gift-card-remarks"
-}, pl = {
+}, dl = {
   key: 2,
   id: "konnectio-gift-card-order-minimal"
-}, ml = /* @__PURE__ */ Qe(() => /* @__PURE__ */ l("div", { class: "konnectio-divider" }, null, -1)), fl = { id: "konnectio-gift-card-recaptcha" }, vl = /* @__PURE__ */ T({
+}, ul = { id: "konnectio-gift-card-recaptcha" }, cl = /* @__PURE__ */ G({
   name: "GiftCardLayout",
   __name: "GiftCard",
   props: {
@@ -215,103 +216,103 @@ const Ne = { class: "gift-card-skeleton" }, je = { class: "gift-card-skeleton-fo
     placeType: {},
     styling: {}
   },
-  setup(p) {
-    const r = p, m = J(() => ({
+  setup(b) {
+    const r = b, p = Y(() => ({
       panelMaxWidth: "800px",
       ...r.styling
     })), { t: o } = L(), {
       name: u,
       email: h,
-      phone: v,
-      value: _,
+      phone: f,
+      value: k,
       remark: V,
       showValue: H,
-      quantity: w,
+      quantity: $,
       media: D,
-      placeId: $,
+      placeId: w,
       placeType: a,
       showFormPage: d,
       showPaymentPage: g,
-      showConfirmationPage: I,
-      places: k,
-      hasFilledForm: E,
-      hasForcedPlaceType: B,
+      showConfirmationPage: B,
+      places: _,
+      hasFilledForm: P,
+      hasForcedPlaceType: R,
       isWaitingForResponse: F
-    } = W(R()), { initialize: Q, orderGiftCard: N, fetchMetadata: X } = R(), { isRecaptchaEnabled: Z, currency: ee, hasError: le } = W(ge());
+    } = z(I()), { initialize: Q, orderGiftCard: N, fetchMetadata: X } = I(), { isRecaptchaEnabled: Z, currency: ee, hasError: le } = z(he());
     return ne(a, () => {
-      $.value = void 0;
+      w.value = void 0;
     }), ie(() => {
-      const P = r.placeType ? parseInt(r.placeType) : void 0;
-      Q(P);
-    }), (P, s) => (i(), y(we, { styling: m.value }, {
+      const E = r.placeType ? parseInt(r.placeType) : void 0;
+      Q(E);
+    }), (E, n) => (s(), y(ye, { styling: p.value }, {
       default: C(() => [
-        (i(), y(se, null, {
+        (s(), y(se, null, {
           default: C(() => [
-            t(Pe, {
-              "access-token": P.accessToken,
-              "data-layout": P.layout,
+            t($e, {
+              "access-token": E.accessToken,
+              "data-layout": E.layout,
               callback: e(X)
             }, {
               default: C(() => [
-                e(le) ? (i(), y(Ge, {
+                e(le) ? (s(), y(Te, {
                   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."
-                })) : (i(), c("div", {
+                })) : (s(), c("div", {
                   key: 0,
                   id: "konnectio-gift-card-module",
-                  "data-layout": P.layout
+                  "data-layout": E.layout
                 }, [
-                  l("div", Ze, [
-                    l("h2", el, [
+                  l("div", Je, [
+                    l("h2", Qe, [
                       l("span", null, q(e(o)("giftCard.title")), 1)
                     ]),
-                    l("div", ll, [
-                      G(l("div", al, [
-                        t(Ee)
+                    l("div", Xe, [
+                      A(l("div", Ze, [
+                        t(we)
                       ], 512), [
-                        [A, e(g)]
+                        [S, e(g)]
                       ]),
-                      G(l("div", null, [
+                      A(l("div", null, [
                         l("p", {
                           id: "konnectio-gift-card-description",
                           innerHTML: e(o)("giftCard.description")
-                        }, null, 8, tl),
+                        }, null, 8, el),
                         l("form", null, [
-                          e(B) ? f("", !0) : (i(), c("div", ol, [
-                            e(k) ? (i(), c("div", nl, [
-                              l("label", il, [
+                          e(R) ? m("", !0) : (s(), c("div", ll, [
+                            e(_) ? (s(), c("div", al, [
+                              l("label", tl, [
                                 l("span", null, q(e(o)("giftCard.selectType")), 1)
                               ]),
-                              l("div", sl, [
+                              l("div", ol, [
                                 l("ul", null, [
-                                  (i(!0), c(re, null, de(e(k), (n, j) => (i(), c("li", { key: j }, [
-                                    t(Ue, {
+                                  (s(!0), c(re, null, de(e(_), (i, j) => (s(), c("li", { key: j }, [
+                                    t(Fe, {
                                       modelValue: e(a),
-                                      "onUpdate:modelValue": s[0] || (s[0] = (ae) => b(a) ? a.value = ae : null),
+                                      "onUpdate:modelValue": n[0] || (n[0] = (ae) => v(a) ? a.value = ae : null),
                                       type: "radio",
                                       name: "placeType",
                                       val: j,
-                                      label: n.label
+                                      label: i.label
                                     }, null, 8, ["modelValue", "val", "label"])
                                   ]))), 128))
                                 ]),
-                                e(k)[e(a)] && e(k)[e(a)].data.length > 1 ? (i(), y(ye, {
+                                e(_)[e(a)] && e(_)[e(a)].data.length > 1 ? (s(), y(ke, {
                                   key: 0,
-                                  modelValue: e($),
-                                  "onUpdate:modelValue": s[1] || (s[1] = (n) => b($) ? $.value = n : null),
+                                  modelValue: e(w),
+                                  "onUpdate:modelValue": n[1] || (n[1] = (i) => v(w) ? w.value = i : null),
                                   placeholder: e(o)("giftCard.selectPlacePlaceholder"),
-                                  options: e(k)[e(a)].data,
+                                  options: e(_)[e(a)].data,
                                   labelKey: "name",
                                   valueKey: "id",
                                   required: ""
-                                }, null, 8, ["modelValue", "placeholder", "options"])) : f("", !0)
+                                }, null, 8, ["modelValue", "placeholder", "options"])) : m("", !0)
                               ])
-                            ])) : (i(), y(Ce, { key: 1 }))
+                            ])) : (s(), y(_e, { key: 1 }))
                           ])),
                           t(M, {
                             modelValue: e(u),
-                            "onUpdate:modelValue": s[2] || (s[2] = (n) => b(u) ? u.value = n : null),
+                            "onUpdate:modelValue": n[2] || (n[2] = (i) => v(u) ? u.value = i : null),
                             type: "text",
                             name: "name",
                             autocomplete: "name",
@@ -322,7 +323,7 @@ const Ne = { class: "gift-card-skeleton" }, je = { class: "gift-card-skeleton-fo
                           }, null, 8, ["modelValue", "label", "placeholder"]),
                           t(M, {
                             modelValue: e(h),
-                            "onUpdate:modelValue": s[3] || (s[3] = (n) => b(h) ? h.value = n : null),
+                            "onUpdate:modelValue": n[3] || (n[3] = (i) => v(h) ? h.value = i : null),
                             type: "email",
                             name: "email",
                             autocomplete: "email",
@@ -331,17 +332,17 @@ const Ne = { class: "gift-card-skeleton" }, je = { class: "gift-card-skeleton-fo
                             placeholder: e(o)("giftCard.emailPlaceholder"),
                             required: ""
                           }, null, 8, ["modelValue", "label", "placeholder"]),
-                          t(Se, {
-                            modelValue: e(v),
-                            "onUpdate:modelValue": s[4] || (s[4] = (n) => b(v) ? v.value = n : null),
+                          t(Ee, {
+                            modelValue: e(f),
+                            "onUpdate:modelValue": n[4] || (n[4] = (i) => v(f) ? f.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": s[5] || (s[5] = (n) => b(_) ? _.value = n : null),
+                            modelValue: e(k),
+                            "onUpdate:modelValue": n[5] || (n[5] = (i) => v(k) ? k.value = i : null),
                             type: "number",
                             name: "value",
                             label: e(o)("giftCard.value"),
@@ -350,78 +351,78 @@ const Ne = { class: "gift-card-skeleton" }, je = { class: "gift-card-skeleton-fo
                             suffix: e(ee),
                             required: ""
                           }, null, 8, ["modelValue", "label", "placeholder", "suffix"]),
-                          f("", !0),
-                          f("", !0),
-                          t(Ve, {
-                            modelValue: e(w),
-                            "onUpdate:modelValue": s[8] || (s[8] = (n) => b(w) ? w.value = n : null),
+                          m("", !0),
+                          m("", !0),
+                          t(ge, {
+                            modelValue: e($),
+                            "onUpdate:modelValue": n[8] || (n[8] = (i) => v($) ? $.value = i : null),
                             label: e(o)("giftCard.quantity"),
                             icon: "gift-card",
                             required: ""
                           }, null, 8, ["modelValue", "label"])
                         ])
                       ], 512), [
-                        [A, e(d)]
+                        [S, e(d)]
                       ]),
-                      G(l("div", null, [
+                      A(l("div", null, [
                         l("div", {
                           innerHTML: e(o)("giftCard.thankYou")
-                        }, null, 8, rl)
+                        }, null, 8, nl)
                       ], 512), [
-                        [A, e(I)]
+                        [S, e(B)]
                       ])
                     ]),
-                    P.layout !== "minimal" && e(d) ? (i(), c("div", dl, [
-                      l("div", ul, [
-                        t(S, {
+                    E.layout !== "minimal" && e(d) ? (s(), c("div", il, [
+                      l("div", sl, [
+                        t(T, {
                           label: e(o)("giftCard.orderGiftCard"),
                           "full-width": !0,
-                          disabled: !e(E),
+                          disabled: !e(P),
                           "is-loading": e(F),
-                          "onUpdate:isLoading": s[9] || (s[9] = (n) => b(F) ? F.value = n : null),
+                          "onUpdate:isLoading": n[9] || (n[9] = (i) => v(F) ? F.value = i : null),
                           onClickEvent: e(N)
                         }, null, 8, ["label", "disabled", "is-loading", "onClickEvent"])
                       ])
-                    ])) : f("", !0),
-                    e(d) ? (i(), c("div", cl, [
+                    ])) : m("", !0),
+                    e(d) ? (s(), c("div", rl, [
                       t(M, {
                         modelValue: e(V),
-                        "onUpdate:modelValue": s[10] || (s[10] = (n) => b(V) ? V.value = n : null),
+                        "onUpdate:modelValue": n[10] || (n[10] = (i) => v(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"])
-                    ])) : f("", !0),
-                    e(d) ? (i(), c("div", pl, [
-                      t(S, {
+                    ])) : m("", !0),
+                    e(d) ? (s(), c("div", dl, [
+                      t(T, {
                         label: e(o)("giftCard.orderGiftCard"),
                         "full-width": !0,
-                        disabled: !e(E),
+                        disabled: !e(P),
                         "data-test": "orderGiftCard",
                         "is-loading": e(F),
-                        "onUpdate:isLoading": s[11] || (s[11] = (n) => b(F) ? F.value = n : null),
+                        "onUpdate:isLoading": n[11] || (n[11] = (i) => v(F) ? F.value = i : null),
                         onClickEvent: e(N)
                       }, null, 8, ["label", "disabled", "is-loading", "onClickEvent"]),
                       l("div", null, [
-                        ml,
-                        t(Ye)
+                        n[12] || (n[12] = l("div", { class: "konnectio-divider" }, null, -1)),
+                        t(Oe)
                       ]),
-                      G(l("div", fl, [
-                        t(Te)
+                      A(l("div", ul, [
+                        t(Pe)
                       ], 512), [
-                        [A, e(Z)]
+                        [S, e(Z)]
                       ])
-                    ])) : f("", !0)
+                    ])) : m("", !0)
                   ])
-                ], 8, Xe))
+                ], 8, Ye))
               ]),
               _: 1
             }, 8, ["access-token", "data-layout", "callback"])
           ]),
           fallback: C(() => [
-            t(ze)
+            t(je)
           ]),
           _: 1
         }))
@@ -429,8 +430,8 @@ const Ne = { class: "gift-card-skeleton" }, je = { class: "gift-card-skeleton-fo
       _: 1
     }, 8, ["styling"]));
   }
-}), K = /* @__PURE__ */ x(vl, [["__scopeId", "data-v-278e1031"]]), bl = pe(), hl = be();
-class _l extends HTMLElement {
+}), K = /* @__PURE__ */ x(cl, [["__scopeId", "data-v-278e1031"]]), pl = ue(), ml = fe();
+class fl extends HTMLElement {
   vueApp;
   constructor() {
     super();
@@ -439,14 +440,14 @@ class _l extends HTMLElement {
     this.vueApp.unmount();
   }
   connectedCallback() {
-    const r = me(K, this.attributes);
-    this.vueApp = fe(K, r), this.vueApp.provide("emitter", hl), this.vueApp.use(bl), this.vueApp.use(ve), this.vueApp.use(Fe), this.vueApp.use($e, { bootstrap: !0 });
-    const m = document.createElement("div");
-    this.vueApp.mount(m), this.appendChild(m.children[0]);
+    const r = ce(K, this.attributes);
+    this.vueApp = pe(K, r), this.vueApp.provide("emitter", ml), this.vueApp.use(pl), this.vueApp.use(me), this.vueApp.use(Ve), this.vueApp.use(Ce, { bootstrap: !0 });
+    const p = document.createElement("div");
+    this.vueApp.mount(p), this.appendChild(p.children[0]);
   }
 }
-window.customElements.define("konnectio-gift-card", _l);
+window.customElements.define("konnectio-gift-card", fl);
 export {
-  _l as default
+  fl as default
 };
 //# sourceMappingURL=gift-card.js.map