@konnectio/core 4.0.82 → 4.0.83

package/dist/gift-card.js

@@ -1,30 +1,14 @@
-import { d as T, r as Y, c as J, a as i, b as k, w as C, e as l, g as m, f as a, u as e, i as f, n as Q, t as q, h as oe, z as ne, o as ie, S as se, A as I, B as M, F as re, s as de, v as b, p as ue, j as ce, k as pe } from "./_sentry-release-injection-file-8liCQLPI.js";
-import { u as B, T as me, s as K, c as fe, l as ve, i as be, m as _e } from "./mitt-CzL6QOyp.js";
-import { c as he } from "./sentry-Cyc40KnT.js";
-import { a as ge, c as S, p as ye, E as ke, _ as x, d as Ce, n as Ve, L as we, T as L, b as $e, C as Fe, m as Ee } from "./Field.vue_vue_type_style_index_0_scoped_992f78a1_lang-DIbBJOzF.js";
-import { G as Pe } from "./style-CT1Yk_a0.js";
-import { u as D } from "./giftCard-sImOKdP0.js";
-import { _ as Ue } from "./_.vue_vue_type_style_index_0_lang-DQzgcH2c.js";
-import { a as Se, C as Te, P as Ae, _ as Ie } from "./CheckoutWindow-DoADcN36.js";
-import { F as U } from "./Field-Bg0N8Vc0.js";
-import { E as Me } from "./ErrorMessage-BxZaXdig.js";
-import { S as Le } from "./TermsOfService-CWraQvoB.js";
-(function() {
-  try {
-    var d = typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {}, r = new Error().stack;
-    r && (d._sentryDebugIds = d._sentryDebugIds || {}, d._sentryDebugIds[r] = "788a2c57-7c62-457c-9ca0-6fc9b5346c2f", d._sentryDebugIdIdentifier = "sentry-dbid-788a2c57-7c62-457c-9ca0-6fc9b5346c2f");
-  } catch {
-  }
-})();
-{
-  var A = typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
-  A._sentryModuleMetadata = A._sentryModuleMetadata || {}, A._sentryModuleMetadata[new Error().stack] = Object.assign(
-    {},
-    A._sentryModuleMetadata[new Error().stack],
-    { "_sentryBundlerPluginAppKey:konnectio-frontend-core": !0 }
-  );
-}
-const qe = { class: "media-selector" }, Be = ["accept"], Ge = { class: "media-selector-wrapper" }, Re = { class: "media-selector-tools" }, De = { key: 0 }, xe = { key: 1 }, He = { key: 2 }, je = ["src"], Ne = /* @__PURE__ */ T({
+import { d as S, r as O, c as Y, a as i, b as y, w as C, e as l, g as c, f as t, u as e, i as f, n as J, t as L, h as te, z as oe, o as ne, S as ie, A, B as G, F as se, s as re, v as b, p as de, j as ue, k as ce } from "./vue.esm-bundler-BkY4vCIk.js";
+import { u as q, T as pe, s as z, c as me, l as fe, i as ve, m as be } from "./mitt-QLRlCcPH.js";
+import { a as he, c as T, 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-9lyXRaoC.js";
+import { G as Fe } from "./style-CF23zZwv.js";
+import { u as R } from "./giftCard-DA27WKsi.js";
+import { _ as Pe } from "./_.vue_vue_type_style_index_0_lang-JXEPTW6b.js";
+import { a as Ee, C as Ue, P as Te, _ as Se } from "./CheckoutWindow-BWvzwZp7.js";
+import { F as U } from "./Field-BvDQnKDq.js";
+import { E as Ae } from "./ErrorMessage-Cznv1pOA.js";
+import { S as Ge } from "./TermsOfService-GFdUcU5a.js";
+const Me = { class: "media-selector" }, Le = ["accept"], qe = { class: "media-selector-wrapper" }, Be = { class: "media-selector-tools" }, Ie = { key: 0 }, Re = { key: 1 }, xe = { key: 2 }, He = ["src"], De = /* @__PURE__ */ S({
   __name: "MediaSelector",
   props: {
     modelValue: {},
@@ -34,10 +18,10 @@ const qe = { class: "media-selector" }, Be = ["accept"], Ge = { class: "media-se
     required: { type: Boolean, default: !1 }
   },
   emits: ["update:modelValue"],
-  setup(d, { emit: r }) {
-    const c = r, o = d, { t: p } = B(), { display: _ } = ge(), v = Y(), h = J(() => o.modelValue.base64 !== "");
-    function V(t) {
-      c("update:modelValue", t);
+  setup(p, { emit: r }) {
+    const m = r, o = p, { t: u } = q(), { display: h } = he(), v = O(), _ = Y(() => o.modelValue.base64 !== "");
+    function V(a) {
+      m("update:modelValue", a);
     }
     function H() {
       V({
@@ -49,79 +33,79 @@ const qe = { class: "media-selector" }, Be = ["accept"], Ge = { class: "media-se
     function w() {
       v.value && v.value.click();
     }
-    function j(t, u) {
-      const [y, G] = [t.name, t.type], g = new FileReader();
-      g.onload = function(P) {
-        if (P.target) {
-          const R = P.target.result;
-          u({ base64: R, name: y, type: G });
+    function D(a, d) {
+      const [g, B] = [a.name, a.type], k = new FileReader();
+      k.onload = function(E) {
+        if (E.target) {
+          const I = E.target.result;
+          d({ base64: I, name: g, type: B });
         } else
-          _({
-            message: p("imageUploadError"),
+          h({
+            message: u("imageUploadError"),
             type: "error"
           });
-      }, g.readAsDataURL(t);
+      }, k.readAsDataURL(a);
     }
     async function $() {
-      let t;
-      (t = v.value.files) instanceof FileList && j(t[0], V);
+      let a;
+      (a = v.value.files) instanceof FileList && D(a[0], V);
     }
-    return (t, u) => (i(), k(ye, {
-      label: t.label,
-      required: t.required,
+    return (a, d) => (i(), y(_e, {
+      label: a.label,
+      required: a.required,
       type: "media"
     }, {
       default: C(() => [
-        l("div", qe, [
+        l("div", Me, [
           l("input", {
             ref_key: "fileInput",
             ref: v,
             type: "file",
             class: "hidden",
-            accept: t.validation,
+            accept: a.validation,
             single: "",
-            onChange: u[0] || (u[0] = (y) => $())
-          }, null, 40, Be),
-          l("div", Ge, [
-            l("ul", Re, [
-              h.value ? f("", !0) : (i(), m("li", De, [
-                a(S, {
-                  label: e(p)("uploadFile"),
+            onChange: d[0] || (d[0] = (g) => $())
+          }, null, 40, Le),
+          l("div", qe, [
+            l("ul", Be, [
+              _.value ? f("", !0) : (i(), c("li", Ie, [
+                t(T, {
+                  label: e(u)("uploadFile"),
                   type: "button",
                   icon: "upload",
-                  "icon-color": t.iconColor,
-                  onClickEvent: u[1] || (u[1] = (y) => w())
+                  "icon-color": a.iconColor,
+                  onClickEvent: d[1] || (d[1] = (g) => w())
                 }, null, 8, ["label", "icon-color"])
               ])),
-              h.value ? (i(), m("li", xe, [
-                a(S, {
-                  label: e(p)("replaceFile"),
+              _.value ? (i(), c("li", Re, [
+                t(T, {
+                  label: e(u)("replaceFile"),
                   type: "button",
                   icon: "repeat-alt",
-                  "icon-color": t.iconColor,
-                  onClickEvent: u[2] || (u[2] = (y) => w())
+                  "icon-color": a.iconColor,
+                  onClickEvent: d[2] || (d[2] = (g) => w())
                 }, null, 8, ["label", "icon-color"])
               ])) : f("", !0),
-              h.value ? (i(), m("li", He, [
-                a(S, {
-                  label: e(p)("removeFile"),
+              _.value ? (i(), c("li", xe, [
+                t(T, {
+                  label: e(u)("removeFile"),
                   type: "button",
                   icon: "trash-alt",
-                  "icon-color": t.iconColor,
-                  onClickEvent: u[3] || (u[3] = (y) => H())
+                  "icon-color": a.iconColor,
+                  onClickEvent: d[3] || (d[3] = (g) => H())
                 }, null, 8, ["label", "icon-color"])
               ])) : f("", !0)
             ]),
             l("div", {
-              class: Q([
+              class: J([
                 "media-selector-previewer",
-                { opened: h.value }
+                { opened: _.value }
               ])
             }, [
-              t.modelValue ? (i(), m("img", {
+              a.modelValue ? (i(), c("img", {
                 key: 0,
-                src: t.modelValue.base64
-              }, null, 8, je)) : f("", !0)
+                src: a.modelValue.base64
+              }, null, 8, He)) : f("", !0)
             ], 2)
           ])
         ])
@@ -130,8 +114,8 @@ const qe = { class: "media-selector" }, Be = ["accept"], Ge = { class: "media-se
     }, 8, ["label", "required"]));
   }
 });
-function O(d) {
-  const r = d;
+function W(p) {
+  const r = p;
   r.__i18n = r.__i18n || [], r.__i18n.push({
     locale: "",
     resource: {
@@ -150,80 +134,80 @@ function O(d) {
     }
   });
 }
-typeof O == "function" && O(Ne);
-const ze = { class: "gift-card-skeleton" }, Ke = { class: "gift-card-skeleton-form" }, Oe = /* @__PURE__ */ T({
+typeof W == "function" && W(De);
+const Ne = { class: "gift-card-skeleton" }, je = { class: "gift-card-skeleton-form" }, ze = /* @__PURE__ */ S({
   __name: "GiftCardSkeleton",
-  setup(d) {
-    return (r, c) => (i(), m("div", ze, [
-      l("div", Ke, [
-        a(U),
-        a(U),
-        a(U),
-        a(U),
-        a(U, { "is-text-area": "" }),
-        a(ke, { height: "44px" })
+  setup(p) {
+    return (r, m) => (i(), c("div", Ne, [
+      l("div", je, [
+        t(U),
+        t(U),
+        t(U),
+        t(U),
+        t(U, { "is-text-area": "" }),
+        t(ke, { height: "44px" })
       ])
     ]));
   }
-}), We = /* @__PURE__ */ x(Oe, [["__scopeId", "data-v-ba3efaa1"]]), Ye = { class: "konnectio-accept-terms" }, Je = /* @__PURE__ */ T({
+}), We = /* @__PURE__ */ x(ze, [["__scopeId", "data-v-ba3efaa1"]]), Ke = { class: "konnectio-accept-terms" }, Oe = /* @__PURE__ */ S({
   __name: "_",
   props: {
     content: {},
     buttonLabel: {}
   },
-  setup(d) {
-    const { t: r } = B(), c = Y(!1);
-    return (o, p) => (i(), m("div", Ye, [
-      a(e(me), {
+  setup(p) {
+    const { t: r } = q(), m = O(!1);
+    return (o, u) => (i(), c("div", Ke, [
+      t(e(pe), {
         keypath: "general.termsAndConditionsNotice",
         tag: "span",
         scope: "global"
       }, {
         button: C(() => [
-          l("i", null, '"' + q(o.buttonLabel) + '"', 1)
+          l("i", null, '"' + L(o.buttonLabel) + '"', 1)
         ]),
         terms: C(() => [
           l("a", {
             class: "konnectio-accept-terms-link",
             target: "_blank",
-            onClick: p[0] || (p[0] = oe((_) => c.value = !0, ["prevent"]))
+            onClick: u[0] || (u[0] = te((h) => m.value = !0, ["prevent"]))
           }, [
-            l("span", null, q(e(r)("general.termsAndConditions")), 1)
+            l("span", null, L(e(r)("general.termsAndConditions")), 1)
           ])
         ]),
         _: 1
       }),
-      a(Le, {
-        modelValue: c.value,
-        "onUpdate:modelValue": p[1] || (p[1] = (_) => c.value = _),
+      t(Ge, {
+        modelValue: m.value,
+        "onUpdate:modelValue": u[1] || (u[1] = (h) => m.value = h),
         description: o.content
       }, null, 8, ["modelValue", "description"])
     ]));
   }
-}), Qe = /* @__PURE__ */ x(Je, [["__scopeId", "data-v-f587c956"]]), Xe = /* @__PURE__ */ T({
+}), Ye = /* @__PURE__ */ x(Oe, [["__scopeId", "data-v-f587c956"]]), Je = /* @__PURE__ */ S({
   __name: "GiftCard",
-  setup(d) {
-    const { t: r } = B(), c = D();
-    return (o, p) => (i(), k(Qe, {
-      content: e(c).termsOfService,
+  setup(p) {
+    const { t: r } = q(), m = R();
+    return (o, u) => (i(), y(Ye, {
+      content: e(m).termsOfService,
       "button-label": e(r)("giftCard.orderGiftCard")
     }, null, 8, ["content", "button-label"]));
   }
-}), Ze = (d) => (ue("data-v-278e1031"), d = d(), ce(), d), el = ["data-layout"], ll = { id: "konnectio-gift-card-wrapper" }, tl = { id: "konnectio-gift-card-title" }, al = { id: "konnectio-gift-card-content" }, ol = { id: "konnectio-gift-card-payment" }, nl = ["innerHTML"], il = { key: 0 }, sl = {
+}), Qe = (p) => (de("data-v-278e1031"), p = p(), ue(), 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 = {
   key: 0,
   id: "konnectio-select-place-type"
-}, rl = {
-  class: /* @__PURE__ */ Q(["konnectio-label", "required"])
-}, dl = { id: "konnectio-select-place-type-input" }, ul = ["innerHTML"], cl = {
+}, il = {
+  class: /* @__PURE__ */ J(["konnectio-label", "required"])
+}, sl = { id: "konnectio-select-place-type-input" }, rl = ["innerHTML"], dl = {
   key: 0,
   id: "konnectio-gift-card-order"
-}, pl = { class: "konnectio-panel" }, ml = {
+}, ul = { class: "konnectio-panel" }, cl = {
   key: 1,
   id: "konnectio-gift-card-remarks"
-}, fl = {
+}, pl = {
   key: 2,
   id: "konnectio-gift-card-order-minimal"
-}, vl = /* @__PURE__ */ Ze(() => /* @__PURE__ */ l("div", { class: "konnectio-divider" }, null, -1)), bl = { id: "konnectio-gift-card-recaptcha" }, _l = /* @__PURE__ */ T({
+}, ml = /* @__PURE__ */ Qe(() => /* @__PURE__ */ l("div", { class: "konnectio-divider" }, null, -1)), fl = { id: "konnectio-gift-card-recaptcha" }, vl = /* @__PURE__ */ S({
   name: "GiftCardLayout",
   __name: "GiftCard",
   props: {
@@ -232,103 +216,103 @@ const ze = { class: "gift-card-skeleton" }, Ke = { class: "gift-card-skeleton-fo
     placeType: {},
     styling: {}
   },
-  setup(d) {
-    const r = d, c = J(() => ({
+  setup(p) {
+    const r = p, m = Y(() => ({
       panelMaxWidth: "800px",
       ...r.styling
-    })), { t: o } = B(), {
-      name: p,
-      email: _,
+    })), { t: o } = q(), {
+      name: u,
+      email: h,
       phone: v,
-      value: h,
+      value: _,
       remark: V,
       showValue: H,
       quantity: w,
-      media: j,
+      media: D,
       placeId: $,
-      placeType: t,
-      showFormPage: u,
-      showPaymentPage: y,
-      showConfirmationPage: G,
-      places: g,
-      hasFilledForm: P,
-      hasForcedPlaceType: R,
+      placeType: a,
+      showFormPage: d,
+      showPaymentPage: g,
+      showConfirmationPage: B,
+      places: k,
+      hasFilledForm: E,
+      hasForcedPlaceType: I,
       isWaitingForResponse: F
-    } = K(D()), { initialize: X, orderGiftCard: N, fetchMetadata: Z } = D(), { isRecaptchaEnabled: ee, currency: le, hasError: te } = K(Ce());
-    return ne(t, () => {
+    } = z(R()), { initialize: Q, orderGiftCard: N, fetchMetadata: X } = R(), { isRecaptchaEnabled: Z, currency: ee, hasError: le } = z(ge());
+    return oe(a, () => {
       $.value = void 0;
-    }), ie(() => {
-      const E = r.placeType ? parseInt(r.placeType) : void 0;
-      X(E);
-    }), (E, s) => (i(), k(Fe, { styling: c.value }, {
+    }), ne(() => {
+      const P = r.placeType ? parseInt(r.placeType) : void 0;
+      Q(P);
+    }), (P, s) => (i(), y(we, { styling: m.value }, {
       default: C(() => [
-        (i(), k(se, null, {
+        (i(), y(ie, null, {
           default: C(() => [
-            a(Ue, {
-              "access-token": E.accessToken,
-              "data-layout": E.layout,
-              callback: e(Z)
+            t(Pe, {
+              "access-token": P.accessToken,
+              "data-layout": P.layout,
+              callback: e(X)
             }, {
               default: C(() => [
-                e(te) ? (i(), k(Me, {
+                e(le) ? (i(), y(Ae, {
                   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(), m("div", {
+                })) : (i(), c("div", {
                   key: 0,
                   id: "konnectio-gift-card-module",
-                  "data-layout": E.layout
+                  "data-layout": P.layout
                 }, [
-                  l("div", ll, [
-                    l("h2", tl, [
-                      l("span", null, q(e(o)("giftCard.title")), 1)
+                  l("div", Ze, [
+                    l("h2", el, [
+                      l("span", null, L(e(o)("giftCard.title")), 1)
                     ]),
-                    l("div", al, [
-                      I(l("div", ol, [
-                        a(Se)
+                    l("div", ll, [
+                      A(l("div", al, [
+                        t(Ee)
                       ], 512), [
-                        [M, e(y)]
+                        [G, e(g)]
                       ]),
-                      I(l("div", null, [
+                      A(l("div", null, [
                         l("p", {
                           id: "konnectio-gift-card-description",
                           innerHTML: e(o)("giftCard.description")
-                        }, null, 8, nl),
+                        }, null, 8, tl),
                         l("form", null, [
-                          e(R) ? f("", !0) : (i(), m("div", il, [
-                            e(g) ? (i(), m("div", sl, [
-                              l("label", rl, [
-                                l("span", null, q(e(o)("giftCard.selectType")), 1)
+                          e(I) ? f("", !0) : (i(), c("div", ol, [
+                            e(k) ? (i(), c("div", nl, [
+                              l("label", il, [
+                                l("span", null, L(e(o)("giftCard.selectType")), 1)
                               ]),
-                              l("div", dl, [
+                              l("div", sl, [
                                 l("ul", null, [
-                                  (i(!0), m(re, null, de(e(g), (n, z) => (i(), m("li", { key: z }, [
-                                    a(Te, {
-                                      modelValue: e(t),
-                                      "onUpdate:modelValue": s[0] || (s[0] = (ae) => b(t) ? t.value = ae : null),
+                                  (i(!0), c(se, null, re(e(k), (n, j) => (i(), c("li", { key: j }, [
+                                    t(Ue, {
+                                      modelValue: e(a),
+                                      "onUpdate:modelValue": s[0] || (s[0] = (ae) => b(a) ? a.value = ae : null),
                                       type: "radio",
                                       name: "placeType",
-                                      val: z,
+                                      val: j,
                                       label: n.label
                                     }, null, 8, ["modelValue", "val", "label"])
                                   ]))), 128))
                                 ]),
-                                e(g)[e(t)] && e(g)[e(t)].data.length > 1 ? (i(), k(Ve, {
+                                e(k)[e(a)] && e(k)[e(a)].data.length > 1 ? (i(), y(ye, {
                                   key: 0,
                                   modelValue: e($),
                                   "onUpdate:modelValue": s[1] || (s[1] = (n) => b($) ? $.value = n : null),
                                   placeholder: e(o)("giftCard.selectPlacePlaceholder"),
-                                  options: e(g)[e(t)].data,
+                                  options: e(k)[e(a)].data,
                                   labelKey: "name",
                                   valueKey: "id",
                                   required: ""
                                 }, null, 8, ["modelValue", "placeholder", "options"])) : f("", !0)
                               ])
-                            ])) : (i(), k(we, { key: 1 }))
+                            ])) : (i(), y(Ce, { key: 1 }))
                           ])),
-                          a(L, {
-                            modelValue: e(p),
-                            "onUpdate:modelValue": s[2] || (s[2] = (n) => b(p) ? p.value = n : null),
+                          t(M, {
+                            modelValue: e(u),
+                            "onUpdate:modelValue": s[2] || (s[2] = (n) => b(u) ? u.value = n : null),
                             type: "text",
                             name: "name",
                             autocomplete: "name",
@@ -337,9 +321,9 @@ const ze = { class: "gift-card-skeleton" }, Ke = { class: "gift-card-skeleton-fo
                             placeholder: e(o)("giftCard.namePlaceholder"),
                             required: ""
                           }, null, 8, ["modelValue", "label", "placeholder"]),
-                          a(L, {
-                            modelValue: e(_),
-                            "onUpdate:modelValue": s[3] || (s[3] = (n) => b(_) ? _.value = n : null),
+                          t(M, {
+                            modelValue: e(h),
+                            "onUpdate:modelValue": s[3] || (s[3] = (n) => b(h) ? h.value = n : null),
                             type: "email",
                             name: "email",
                             autocomplete: "email",
@@ -348,7 +332,7 @@ const ze = { class: "gift-card-skeleton" }, Ke = { class: "gift-card-skeleton-fo
                             placeholder: e(o)("giftCard.emailPlaceholder"),
                             required: ""
                           }, null, 8, ["modelValue", "label", "placeholder"]),
-                          a(Ae, {
+                          t(Te, {
                             modelValue: e(v),
                             "onUpdate:modelValue": s[4] || (s[4] = (n) => b(v) ? v.value = n : null),
                             icon: "phone-office",
@@ -356,20 +340,20 @@ const ze = { class: "gift-card-skeleton" }, Ke = { class: "gift-card-skeleton-fo
                             placeholder: e(o)("giftCard.phonePlaceholder"),
                             required: ""
                           }, null, 8, ["modelValue", "label", "placeholder"]),
-                          a(L, {
-                            modelValue: e(h),
-                            "onUpdate:modelValue": s[5] || (s[5] = (n) => b(h) ? h.value = n : null),
+                          t(M, {
+                            modelValue: e(_),
+                            "onUpdate:modelValue": s[5] || (s[5] = (n) => b(_) ? _.value = n : null),
                             type: "number",
                             name: "value",
                             label: e(o)("giftCard.value"),
                             icon: "money-bill",
                             placeholder: e(o)("giftCard.valuePlaceholder"),
-                            suffix: e(le),
+                            suffix: e(ee),
                             required: ""
                           }, null, 8, ["modelValue", "label", "placeholder", "suffix"]),
                           f("", !0),
                           f("", !0),
-                          a($e, {
+                          t(Ve, {
                             modelValue: e(w),
                             "onUpdate:modelValue": s[8] || (s[8] = (n) => b(w) ? w.value = n : null),
                             label: e(o)("giftCard.quantity"),
@@ -378,30 +362,30 @@ const ze = { class: "gift-card-skeleton" }, Ke = { class: "gift-card-skeleton-fo
                           }, null, 8, ["modelValue", "label"])
                         ])
                       ], 512), [
-                        [M, e(u)]
+                        [G, e(d)]
                       ]),
-                      I(l("div", null, [
+                      A(l("div", null, [
                         l("div", {
                           innerHTML: e(o)("giftCard.thankYou")
-                        }, null, 8, ul)
+                        }, null, 8, rl)
                       ], 512), [
-                        [M, e(G)]
+                        [G, e(B)]
                       ])
                     ]),
-                    E.layout !== "minimal" && e(u) ? (i(), m("div", cl, [
-                      l("div", pl, [
-                        a(S, {
+                    P.layout !== "minimal" && e(d) ? (i(), c("div", dl, [
+                      l("div", ul, [
+                        t(T, {
                           label: e(o)("giftCard.orderGiftCard"),
                           "full-width": !0,
-                          disabled: !e(P),
+                          disabled: !e(E),
                           "is-loading": e(F),
                           "onUpdate:isLoading": s[9] || (s[9] = (n) => b(F) ? F.value = n : null),
                           onClickEvent: e(N)
                         }, null, 8, ["label", "disabled", "is-loading", "onClickEvent"])
                       ])
                     ])) : f("", !0),
-                    e(u) ? (i(), m("div", ml, [
-                      a(L, {
+                    e(d) ? (i(), c("div", cl, [
+                      t(M, {
                         modelValue: e(V),
                         "onUpdate:modelValue": s[10] || (s[10] = (n) => b(V) ? V.value = n : null),
                         type: "textarea",
@@ -411,34 +395,34 @@ const ze = { class: "gift-card-skeleton" }, Ke = { class: "gift-card-skeleton-fo
                         placeholder: e(o)("giftCard.remarkPlaceholder")
                       }, null, 8, ["modelValue", "label", "placeholder"])
                     ])) : f("", !0),
-                    e(u) ? (i(), m("div", fl, [
-                      a(S, {
+                    e(d) ? (i(), c("div", pl, [
+                      t(T, {
                         label: e(o)("giftCard.orderGiftCard"),
                         "full-width": !0,
-                        disabled: !e(P),
+                        disabled: !e(E),
                         "data-test": "orderGiftCard",
                         "is-loading": e(F),
                         "onUpdate:isLoading": s[11] || (s[11] = (n) => b(F) ? F.value = n : null),
                         onClickEvent: e(N)
                       }, null, 8, ["label", "disabled", "is-loading", "onClickEvent"]),
                       l("div", null, [
-                        vl,
-                        a(Xe)
+                        ml,
+                        t(Je)
                       ]),
-                      I(l("div", bl, [
-                        a(Ie)
+                      A(l("div", fl, [
+                        t(Se)
                       ], 512), [
-                        [M, e(ee)]
+                        [G, e(Z)]
                       ])
                     ])) : f("", !0)
                   ])
-                ], 8, el))
+                ], 8, Xe))
               ]),
               _: 1
             }, 8, ["access-token", "data-layout", "callback"])
           ]),
           fallback: C(() => [
-            a(We)
+            t(We)
           ]),
           _: 1
         }))
@@ -446,8 +430,8 @@ const ze = { class: "gift-card-skeleton" }, Ke = { class: "gift-card-skeleton-fo
       _: 1
     }, 8, ["styling"]));
   }
-}), W = /* @__PURE__ */ x(_l, [["__scopeId", "data-v-278e1031"]]), hl = fe(), gl = _e();
-class yl extends HTMLElement {
+}), K = /* @__PURE__ */ x(vl, [["__scopeId", "data-v-278e1031"]]), bl = me(), hl = be();
+class _l extends HTMLElement {
   vueApp;
   constructor() {
     super();
@@ -456,14 +440,14 @@ class yl extends HTMLElement {
     this.vueApp.unmount();
   }
   connectedCallback() {
-    const r = ve(W, this.attributes);
-    this.vueApp = pe(W, r), he(this.vueApp), this.vueApp.provide("emitter", gl), this.vueApp.use(hl), this.vueApp.use(be), this.vueApp.use(Pe), this.vueApp.use(Ee, { bootstrap: !0 });
-    const c = document.createElement("div");
-    this.vueApp.mount(c), this.appendChild(c.children[0]);
+    const r = fe(K, this.attributes);
+    this.vueApp = ce(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]);
   }
 }
-window.customElements.define("konnectio-gift-card", yl);
+window.customElements.define("konnectio-gift-card", _l);
 export {
-  yl as default
+  _l as default
 };
 //# sourceMappingURL=gift-card.js.map