@konnectio/core 4.0.66 → 4.0.68

package/dist/gift-card.js

@@ -1,29 +1,30 @@
-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-Yp2ihk3D.js";
-import { u as R, T as me, s as K, c as fe, i as be, m as ve } from "./mitt-DZo2eOMo.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-DZub1PhF.js";
-import { G as Ee } from "./style-DCxChsQz.js";
-import { u as j } from "./giftCard-ByGCHqVm.js";
-import { _ as Ae } from "./_.vue_vue_type_style_index_0_lang-DEeIjtcD.js";
-import { a as Pe, C as Ue, P as Se, _ as Te } from "./CheckoutWindow-D17Ro_DJ.js";
-import { F as U } from "./Field-U4PRgzZl.js";
-import { E as Ie } from "./ErrorMessage-CGQ7GBeF.js";
-import { S as Me } from "./TermsOfService-DOeiT92a.js";
+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-Bgn3HK9h.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-BWKhoTz3.js";
+import { c as he } from "./sentry-D-KvzqAy.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-DKrodyae.js";
+import { G as Pe } from "./style-B8UHQIzP.js";
+import { u as D } from "./giftCard-D-wdGVBh.js";
+import { _ as Ue } from "./_.vue_vue_type_style_index_0_lang-C4mV4F7L.js";
+import { a as Se, C as Te, P as Ae, _ as Ie } from "./CheckoutWindow-BzoYJ5v5.js";
+import { F as U } from "./Field-DMMbo6LE.js";
+import { E as Me } from "./ErrorMessage-Cc8QanBP.js";
+import { S as Le } from "./TermsOfService-YxQsHH5-.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] = "bf11d96a-1552-4ea9-b151-ae9cf5b862b9", d._sentryDebugIdIdentifier = "sentry-dbid-bf11d96a-1552-4ea9-b151-ae9cf5b862b9");
+    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 I = typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
-  I._sentryModuleMetadata = I._sentryModuleMetadata || {}, I._sentryModuleMetadata[new Error().stack] = Object.assign(
+  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(
     {},
-    I._sentryModuleMetadata[new Error().stack],
+    A._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({
+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({
   __name: "MediaSelector",
   props: {
     modelValue: {},
@@ -33,94 +34,94 @@ const Le = { class: "media-selector" }, qe = ["accept"], Be = { class: "media-se
     required: { type: Boolean, default: !1 }
   },
   emits: ["update:modelValue"],
-  setup(d, { emit: n }) {
-    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);
+  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);
     }
-    function _() {
-      u({
+    function H() {
+      V({
         base64: "",
         name: "",
         type: ""
-      }), p.value && (p.value.value = "");
+      }), v.value && (v.value.value = "");
     }
-    function b() {
-      p.value && p.value.click();
+    function w() {
+      v.value && v.value.click();
     }
-    function O(a, f) {
-      const [V, D] = [a.name, a.type], C = new FileReader();
-      C.onload = function(P) {
+    function j(t, u) {
+      const [y, G] = [t.name, t.type], g = new FileReader();
+      g.onload = function(P) {
         if (P.target) {
-          const x = P.target.result;
-          f({ base64: x, name: V, type: D });
+          const R = P.target.result;
+          u({ base64: R, name: y, type: G });
         } else
-          h({
-            message: c("imageUploadError"),
+          _({
+            message: p("imageUploadError"),
             type: "error"
           });
-      }, C.readAsDataURL(a);
+      }, g.readAsDataURL(t);
     }
-    async function F() {
-      let a;
-      (a = p.value.files) instanceof FileList && O(a[0], u);
+    async function $() {
+      let t;
+      (t = v.value.files) instanceof FileList && j(t[0], V);
     }
-    return (a, f) => (s(), w(ye, {
-      label: a.label,
-      required: a.required,
+    return (t, u) => (i(), k(ye, {
+      label: t.label,
+      required: t.required,
       type: "media"
     }, {
-      default: $(() => [
-        t("div", Le, [
-          t("input", {
+      default: C(() => [
+        l("div", qe, [
+          l("input", {
             ref_key: "fileInput",
-            ref: p,
+            ref: v,
             type: "file",
             class: "hidden",
-            accept: a.validation,
+            accept: t.validation,
             single: "",
-            onChange: f[0] || (f[0] = (V) => F())
-          }, null, 40, qe),
-          t("div", Be, [
-            t("ul", Ge, [
-              y.value ? g("", !0) : (s(), v("li", Re, [
-                o(S, {
-                  label: e(c)("uploadFile"),
+            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"),
                   type: "button",
                   icon: "upload",
-                  "icon-color": a.iconColor,
-                  onClickEvent: f[1] || (f[1] = (V) => b())
+                  "icon-color": t.iconColor,
+                  onClickEvent: u[1] || (u[1] = (y) => w())
                 }, null, 8, ["label", "icon-color"])
               ])),
-              y.value ? (s(), v("li", De, [
-                o(S, {
-                  label: e(c)("replaceFile"),
+              h.value ? (i(), m("li", xe, [
+                a(S, {
+                  label: e(p)("replaceFile"),
                   type: "button",
                   icon: "repeat-alt",
-                  "icon-color": a.iconColor,
-                  onClickEvent: f[2] || (f[2] = (V) => b())
+                  "icon-color": t.iconColor,
+                  onClickEvent: u[2] || (u[2] = (y) => w())
                 }, null, 8, ["label", "icon-color"])
-              ])) : g("", !0),
-              y.value ? (s(), v("li", xe, [
-                o(S, {
-                  label: e(c)("removeFile"),
+              ])) : f("", !0),
+              h.value ? (i(), m("li", He, [
+                a(S, {
+                  label: e(p)("removeFile"),
                   type: "button",
                   icon: "trash-alt",
-                  "icon-color": a.iconColor,
-                  onClickEvent: f[3] || (f[3] = (V) => _())
+                  "icon-color": t.iconColor,
+                  onClickEvent: u[3] || (u[3] = (y) => H())
                 }, null, 8, ["label", "icon-color"])
-              ])) : g("", !0)
+              ])) : f("", !0)
             ]),
-            t("div", {
-              class: J([
+            l("div", {
+              class: Q([
                 "media-selector-previewer",
-                { opened: y.value }
+                { opened: h.value }
               ])
             }, [
-              a.modelValue ? (s(), v("img", {
+              t.modelValue ? (i(), m("img", {
                 key: 0,
-                src: a.modelValue.base64
-              }, null, 8, je)) : g("", !0)
+                src: t.modelValue.base64
+              }, null, 8, je)) : f("", !0)
             ], 2)
           ])
         ])
@@ -129,9 +130,9 @@ const Le = { class: "media-selector" }, qe = ["accept"], Be = { class: "media-se
     }, 8, ["label", "required"]));
   }
 });
-function W(d) {
-  const n = d;
-  n.__i18n = n.__i18n || [], n.__i18n.push({
+function O(d) {
+  const r = d;
+  r.__i18n = r.__i18n || [], r.__i18n.push({
     locale: "",
     resource: {
       da: {
@@ -149,80 +150,80 @@ function W(d) {
     }
   });
 }
-typeof W == "function" && W(ze);
-const Oe = { class: "gift-card-skeleton" }, He = { class: "gift-card-skeleton-form" }, Ne = /* @__PURE__ */ T({
+typeof O == "function" && O(Ne);
+const ze = { class: "gift-card-skeleton" }, Ke = { class: "gift-card-skeleton-form" }, Oe = /* @__PURE__ */ T({
   __name: "GiftCardSkeleton",
   setup(d) {
-    return (n, m) => (s(), v("div", Oe, [
-      t("div", He, [
-        o(U),
-        o(U),
-        o(U),
-        o(U),
-        o(U, { "is-text-area": "" }),
-        o(ge, { height: "44px" })
+    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" })
       ])
     ]));
   }
-}), Ke = /* @__PURE__ */ z(Ne, [["__scopeId", "data-v-ba3efaa1"]]), We = { class: "konnectio-accept-terms" }, Ze = /* @__PURE__ */ T({
+}), We = /* @__PURE__ */ x(Oe, [["__scopeId", "data-v-ba3efaa1"]]), Ye = { class: "konnectio-accept-terms" }, Je = /* @__PURE__ */ T({
   __name: "_",
   props: {
     content: {},
     buttonLabel: {}
   },
   setup(d) {
-    const { t: n } = R(), m = Z(!1);
-    return (l, c) => (s(), v("div", We, [
-      o(e(me), {
+    const { t: r } = B(), c = Y(!1);
+    return (o, p) => (i(), m("div", Ye, [
+      a(e(me), {
         keypath: "general.termsAndConditionsNotice",
         tag: "span",
         scope: "global"
       }, {
-        button: $(() => [
-          t("i", null, '"' + G(l.buttonLabel) + '"', 1)
+        button: C(() => [
+          l("i", null, '"' + q(o.buttonLabel) + '"', 1)
         ]),
-        terms: $(() => [
-          t("a", {
+        terms: C(() => [
+          l("a", {
             class: "konnectio-accept-terms-link",
             target: "_blank",
-            onClick: c[0] || (c[0] = oe((h) => m.value = !0, ["prevent"]))
+            onClick: p[0] || (p[0] = oe((_) => c.value = !0, ["prevent"]))
           }, [
-            t("span", null, G(e(n)("general.termsAndConditions")), 1)
+            l("span", null, q(e(r)("general.termsAndConditions")), 1)
           ])
         ]),
         _: 1
       }),
-      o(Me, {
-        modelValue: m.value,
-        "onUpdate:modelValue": c[1] || (c[1] = (h) => m.value = h),
-        description: l.content
+      a(Le, {
+        modelValue: c.value,
+        "onUpdate:modelValue": p[1] || (p[1] = (_) => c.value = _),
+        description: o.content
       }, null, 8, ["modelValue", "description"])
     ]));
   }
-}), Ye = /* @__PURE__ */ z(Ze, [["__scopeId", "data-v-f587c956"]]), Je = /* @__PURE__ */ T({
+}), Qe = /* @__PURE__ */ x(Je, [["__scopeId", "data-v-f587c956"]]), Xe = /* @__PURE__ */ T({
   __name: "GiftCard",
   setup(d) {
-    const { t: n } = R(), m = j();
-    return (l, c) => (s(), w(Ye, {
-      content: e(m).termsOfService,
-      "button-label": e(n)("giftCard.orderGiftCard")
+    const { t: r } = B(), c = D();
+    return (o, p) => (i(), k(Qe, {
+      content: e(c).termsOfService,
+      "button-label": e(r)("giftCard.orderGiftCard")
     }, null, 8, ["content", "button-label"]));
   }
-}), 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 = {
+}), 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 = {
   key: 0,
   id: "konnectio-select-place-type"
-}, st = {
-  class: /* @__PURE__ */ J(["konnectio-label", "required"])
-}, rt = { id: "konnectio-select-place-type-input" }, dt = ["innerHTML"], ut = {
+}, rl = {
+  class: /* @__PURE__ */ Q(["konnectio-label", "required"])
+}, dl = { id: "konnectio-select-place-type-input" }, ul = ["innerHTML"], cl = {
   key: 0,
   id: "konnectio-gift-card-order"
-}, ct = { class: "konnectio-panel" }, pt = {
+}, pl = { class: "konnectio-panel" }, ml = {
   key: 1,
   id: "konnectio-gift-card-remarks"
-}, mt = {
+}, fl = {
   key: 2,
   id: "konnectio-gift-card-order-minimal"
-}, ft = /* @__PURE__ */ Qe(() => /* @__PURE__ */ t("div", { class: "konnectio-divider" }, null, -1)), bt = { id: "konnectio-gift-card-recaptcha" }, vt = /* @__PURE__ */ T({
+}, vl = /* @__PURE__ */ Ze(() => /* @__PURE__ */ l("div", { class: "konnectio-divider" }, null, -1)), bl = { id: "konnectio-gift-card-recaptcha" }, _l = /* @__PURE__ */ T({
   name: "GiftCardLayout",
   __name: "GiftCard",
   props: {
@@ -232,212 +233,212 @@ const Oe = { class: "gift-card-skeleton" }, He = { class: "gift-card-skeleton-fo
     styling: {}
   },
   setup(d) {
-    const n = d, m = Y(() => ({
+    const r = d, c = J(() => ({
       panelMaxWidth: "800px",
-      ...n.styling
-    })), { t: l } = R(), {
-      name: c,
-      email: h,
-      phone: p,
-      value: y,
-      remark: u,
-      showValue: _,
-      quantity: b,
-      media: O,
-      placeId: F,
-      placeType: a,
-      showFormPage: f,
-      showPaymentPage: V,
-      showConfirmationPage: D,
-      places: C,
+      ...r.styling
+    })), { t: o } = B(), {
+      name: p,
+      email: _,
+      phone: v,
+      value: h,
+      remark: V,
+      showValue: H,
+      quantity: w,
+      media: j,
+      placeId: $,
+      placeType: t,
+      showFormPage: u,
+      showPaymentPage: y,
+      showConfirmationPage: G,
+      places: g,
       hasFilledForm: P,
-      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;
+      hasForcedPlaceType: R,
+      isWaitingForResponse: F
+    } = K(D()), { initialize: X, orderGiftCard: N, fetchMetadata: Z } = D(), { isRecaptchaEnabled: ee, currency: le, hasError: te } = K(Ce());
+    return ne(t, () => {
+      $.value = void 0;
     }), ie(() => {
-      const A = n.placeType ? parseInt(n.placeType) : void 0;
-      Q(A);
-    }), (A, r) => (s(), w(we, { styling: m.value }, {
-      default: $(() => [
-        (s(), w(se, null, {
-          default: $(() => [
-            o(Ae, {
-              "access-token": A.accessToken,
-              "data-layout": A.layout,
-              callback: e(X)
+      const E = r.placeType ? parseInt(r.placeType) : void 0;
+      X(E);
+    }), (E, s) => (i(), k(Fe, { styling: c.value }, {
+      default: C(() => [
+        (i(), k(se, null, {
+          default: C(() => [
+            a(Ue, {
+              "access-token": E.accessToken,
+              "data-layout": E.layout,
+              callback: e(Z)
             }, {
-              default: $(() => [
-                e(le) ? (s(), w(Ie, {
+              default: C(() => [
+                e(te) ? (i(), k(Me, {
                   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", {
+                })) : (i(), m("div", {
                   key: 0,
                   id: "konnectio-gift-card-module",
-                  "data-layout": A.layout
+                  "data-layout": E.layout
                 }, [
-                  t("div", et, [
-                    t("h2", tt, [
-                      t("span", null, G(e(l)("giftCard.title")), 1)
+                  l("div", ll, [
+                    l("h2", tl, [
+                      l("span", null, q(e(o)("giftCard.title")), 1)
                     ]),
-                    t("div", lt, [
-                      M(t("div", at, [
-                        o(Pe)
+                    l("div", al, [
+                      I(l("div", ol, [
+                        a(Se)
                       ], 512), [
-                        [L, e(V)]
+                        [M, e(y)]
                       ]),
-                      M(t("div", null, [
-                        t("p", {
+                      I(l("div", null, [
+                        l("p", {
                           id: "konnectio-gift-card-description",
-                          innerHTML: e(l)("giftCard.description")
-                        }, null, 8, ot),
-                        t("form", null, [
-                          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)
+                          innerHTML: e(o)("giftCard.description")
+                        }, null, 8, nl),
+                        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)
                               ]),
-                              t("div", rt, [
-                                t("ul", null, [
-                                  (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] = (ae) => k(a) ? a.value = ae : null),
+                              l("div", dl, [
+                                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),
                                       type: "radio",
                                       name: "placeType",
-                                      val: N,
-                                      label: i.label
+                                      val: z,
+                                      label: n.label
                                     }, null, 8, ["modelValue", "val", "label"])
                                   ]))), 128))
                                 ]),
-                                e(C)[e(a)] && e(C)[e(a)].data.length > 1 ? (s(), w(ke, {
+                                e(g)[e(t)] && e(g)[e(t)].data.length > 1 ? (i(), k(Ve, {
                                   key: 0,
-                                  modelValue: e(F),
-                                  "onUpdate:modelValue": r[1] || (r[1] = (i) => k(F) ? F.value = i : null),
-                                  placeholder: e(l)("giftCard.selectPlacePlaceholder"),
-                                  options: e(C)[e(a)].data,
+                                  modelValue: e($),
+                                  "onUpdate:modelValue": s[1] || (s[1] = (n) => b($) ? $.value = n : null),
+                                  placeholder: e(o)("giftCard.selectPlacePlaceholder"),
+                                  options: e(g)[e(t)].data,
                                   labelKey: "name",
                                   valueKey: "id",
                                   required: ""
-                                }, null, 8, ["modelValue", "placeholder", "options"])) : g("", !0)
+                                }, null, 8, ["modelValue", "placeholder", "options"])) : f("", !0)
                               ])
-                            ])) : (s(), w(Ce, { key: 1 }))
+                            ])) : (i(), k(we, { key: 1 }))
                           ])),
-                          o(q, {
-                            modelValue: e(c),
-                            "onUpdate:modelValue": r[2] || (r[2] = (i) => k(c) ? c.value = i : null),
+                          a(L, {
+                            modelValue: e(p),
+                            "onUpdate:modelValue": s[2] || (s[2] = (n) => b(p) ? p.value = n : null),
                             type: "text",
                             name: "name",
                             autocomplete: "name",
-                            label: e(l)("giftCard.name"),
+                            label: e(o)("giftCard.name"),
                             icon: "user-alt",
-                            placeholder: e(l)("giftCard.namePlaceholder"),
+                            placeholder: e(o)("giftCard.namePlaceholder"),
                             required: ""
                           }, null, 8, ["modelValue", "label", "placeholder"]),
-                          o(q, {
-                            modelValue: e(h),
-                            "onUpdate:modelValue": r[3] || (r[3] = (i) => k(h) ? h.value = i : null),
+                          a(L, {
+                            modelValue: e(_),
+                            "onUpdate:modelValue": s[3] || (s[3] = (n) => b(_) ? _.value = n : null),
                             type: "email",
                             name: "email",
                             autocomplete: "email",
-                            label: e(l)("giftCard.email"),
+                            label: e(o)("giftCard.email"),
                             icon: "at",
-                            placeholder: e(l)("giftCard.emailPlaceholder"),
+                            placeholder: e(o)("giftCard.emailPlaceholder"),
                             required: ""
                           }, null, 8, ["modelValue", "label", "placeholder"]),
-                          o(Se, {
-                            modelValue: e(p),
-                            "onUpdate:modelValue": r[4] || (r[4] = (i) => k(p) ? p.value = i : null),
+                          a(Ae, {
+                            modelValue: e(v),
+                            "onUpdate:modelValue": s[4] || (s[4] = (n) => b(v) ? v.value = n : null),
                             icon: "phone-office",
-                            label: e(l)("giftCard.phone"),
-                            placeholder: e(l)("giftCard.phonePlaceholder"),
+                            label: e(o)("giftCard.phone"),
+                            placeholder: e(o)("giftCard.phonePlaceholder"),
                             required: ""
                           }, null, 8, ["modelValue", "label", "placeholder"]),
-                          o(q, {
-                            modelValue: e(y),
-                            "onUpdate:modelValue": r[5] || (r[5] = (i) => k(y) ? y.value = i : null),
+                          a(L, {
+                            modelValue: e(h),
+                            "onUpdate:modelValue": s[5] || (s[5] = (n) => b(h) ? h.value = n : null),
                             type: "number",
                             name: "value",
-                            label: e(l)("giftCard.value"),
+                            label: e(o)("giftCard.value"),
                             icon: "money-bill",
-                            placeholder: e(l)("giftCard.valuePlaceholder"),
-                            suffix: e(te),
+                            placeholder: e(o)("giftCard.valuePlaceholder"),
+                            suffix: e(le),
                             required: ""
                           }, null, 8, ["modelValue", "label", "placeholder", "suffix"]),
-                          g("", !0),
-                          g("", !0),
-                          o(Ve, {
-                            modelValue: e(b),
-                            "onUpdate:modelValue": r[8] || (r[8] = (i) => k(b) ? b.value = i : null),
-                            label: e(l)("giftCard.quantity"),
+                          f("", !0),
+                          f("", !0),
+                          a($e, {
+                            modelValue: e(w),
+                            "onUpdate:modelValue": s[8] || (s[8] = (n) => b(w) ? w.value = n : null),
+                            label: e(o)("giftCard.quantity"),
                             icon: "gift-card",
                             required: ""
                           }, null, 8, ["modelValue", "label"])
                         ])
                       ], 512), [
-                        [L, e(f)]
+                        [M, e(u)]
                       ]),
-                      M(t("div", null, [
-                        t("div", {
-                          innerHTML: e(l)("giftCard.thankYou")
-                        }, null, 8, dt)
+                      I(l("div", null, [
+                        l("div", {
+                          innerHTML: e(o)("giftCard.thankYou")
+                        }, null, 8, ul)
                       ], 512), [
-                        [L, e(D)]
+                        [M, e(G)]
                       ])
                     ]),
-                    A.layout !== "minimal" && e(f) ? (s(), v("div", ut, [
-                      t("div", ct, [
-                        o(S, {
-                          label: e(l)("giftCard.orderGiftCard"),
+                    E.layout !== "minimal" && e(u) ? (i(), m("div", cl, [
+                      l("div", pl, [
+                        a(S, {
+                          label: e(o)("giftCard.orderGiftCard"),
                           "full-width": !0,
                           disabled: !e(P),
-                          "is-loading": e(E),
-                          "onUpdate:isLoading": r[9] || (r[9] = (i) => k(E) ? E.value = i : null),
-                          onClickEvent: e(H)
+                          "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"])
                       ])
-                    ])) : g("", !0),
-                    e(f) ? (s(), v("div", pt, [
-                      o(q, {
-                        modelValue: e(u),
-                        "onUpdate:modelValue": r[10] || (r[10] = (i) => k(u) ? u.value = i : null),
+                    ])) : f("", !0),
+                    e(u) ? (i(), m("div", ml, [
+                      a(L, {
+                        modelValue: e(V),
+                        "onUpdate:modelValue": s[10] || (s[10] = (n) => b(V) ? V.value = n : null),
                         type: "textarea",
                         name: "remark",
-                        label: e(l)("giftCard.remark"),
+                        label: e(o)("giftCard.remark"),
                         icon: "info-circle",
-                        placeholder: e(l)("giftCard.remarkPlaceholder")
+                        placeholder: e(o)("giftCard.remarkPlaceholder")
                       }, null, 8, ["modelValue", "label", "placeholder"])
-                    ])) : g("", !0),
-                    e(f) ? (s(), v("div", mt, [
-                      o(S, {
-                        label: e(l)("giftCard.orderGiftCard"),
+                    ])) : f("", !0),
+                    e(u) ? (i(), m("div", fl, [
+                      a(S, {
+                        label: e(o)("giftCard.orderGiftCard"),
                         "full-width": !0,
                         disabled: !e(P),
                         "data-test": "orderGiftCard",
-                        "is-loading": e(E),
-                        "onUpdate:isLoading": r[11] || (r[11] = (i) => k(E) ? E.value = i : null),
-                        onClickEvent: e(H)
+                        "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"]),
-                      t("div", null, [
-                        ft,
-                        o(Je)
+                      l("div", null, [
+                        vl,
+                        a(Xe)
                       ]),
-                      M(t("div", bt, [
-                        o(Te)
+                      I(l("div", bl, [
+                        a(Ie)
                       ], 512), [
-                        [L, e(ee)]
+                        [M, e(ee)]
                       ])
-                    ])) : g("", !0)
+                    ])) : f("", !0)
                   ])
-                ], 8, Xe))
+                ], 8, el))
               ]),
               _: 1
             }, 8, ["access-token", "data-layout", "callback"])
           ]),
-          fallback: $(() => [
-            o(Ke)
+          fallback: C(() => [
+            a(We)
           ]),
           _: 1
         }))
@@ -445,8 +446,8 @@ const Oe = { class: "gift-card-skeleton" }, He = { class: "gift-card-skeleton-fo
       _: 1
     }, 8, ["styling"]));
   }
-}), B = /* @__PURE__ */ z(vt, [["__scopeId", "data-v-278e1031"]]), ht = fe(), yt = ve();
-class gt extends HTMLElement {
+}), W = /* @__PURE__ */ x(_l, [["__scopeId", "data-v-278e1031"]]), hl = fe(), gl = _e();
+class yl extends HTMLElement {
   vueApp;
   constructor() {
     super();
@@ -455,26 +456,14 @@ class gt extends HTMLElement {
     this.vueApp.unmount();
   }
   connectedCallback() {
-    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, (_, b) => (b ? "-" : "") + _.toLowerCase()), c = (u) => u.replace(/-./g, (_) => _[1].toUpperCase()), h = {};
-    m = m.map(l);
-    const p = {};
-    for (const u of this.attributes) {
-      const b = u.name.split(".");
-      b.length > 1 && (p[b[0]] || (p[b[0]] = {}), p[b[0]][c(b[1])] = u.value);
-    }
-    for (const u of m) {
-      let _ = this.attributes.getNamedItem(u)?.value;
-      p.hasOwnProperty(u) && (_ = p[u]), h[u] = _;
-    }
-    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]);
+    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]);
   }
 }
-window.customElements.define("konnectio-gift-card", gt);
+window.customElements.define("konnectio-gift-card", yl);
 export {
-  gt as default
+  yl as default
 };
 //# sourceMappingURL=gift-card.js.map