@konnectio/core 4.0.56-rc6 → 4.0.56-rc8

package/dist/gift-card.js

@@ -1,130 +1,100 @@
-var fe = Object.defineProperty;
-var ae = Object.getOwnPropertySymbols;
-var ve = Object.prototype.hasOwnProperty, ge = Object.prototype.propertyIsEnumerable;
-var le = (c, l, i) => l in c ? fe(c, l, { enumerable: !0, configurable: !0, writable: !0, value: i }) : c[l] = i, te = (c, l) => {
-  for (var i in l || (l = {}))
-    ve.call(l, i) && le(c, i, l[i]);
-  if (ae)
-    for (var i of ae(l))
-      ge.call(l, i) && le(c, i, l[i]);
-  return c;
-};
-var J = (c, l, i) => new Promise((t, n) => {
-  var g = (d) => {
-    try {
-      m(i.next(d));
-    } catch (y) {
-      n(y);
-    }
-  }, p = (d) => {
-    try {
-      m(i.throw(d));
-    } catch (y) {
-      n(y);
-    }
-  }, m = (d) => d.done ? t(d.value) : Promise.resolve(d.value).then(g, p);
-  m((i = i.apply(c, l)).next());
-});
-import { d as ye, u as be, s as X, c as ue, r as _, ad as $, e as Y, f as V, j as oe, S as Q, i as he, h as ke, ae as Ce, k as Z, F as ce, b as _e, o as v, m as L, w as G, x as u, l as b, p as r, z as e, C as B, n as T, q as pe, I as Ve, _ as me, a2 as Fe, B as we, G as Pe, H as ne, af as W, ag as j, a3 as Te, a4 as Se, J as C, y as Ue, a5 as ie, T as H, A as $e, P as Ee, U as Ie, V as Re, W as qe, a9 as Le } from "./SelectField.vue_vue_type_style_index_0_lang-C-MscjWo.js";
-import { C as Me } from "./Container-w7O0He-s.js";
-import { a as xe, C as se, P as Ae, _ as Ge } from "./CheckoutWindow-T7-vrZyG.js";
-import { E as Be } from "./_-TlutFgf7.js";
-import { F as A } from "./Field-fWwF40rD.js";
-import "./_commonjsHelpers-4t9S7M5p.js";
-const re = ye("giftCard", () => {
-  const { pay: c } = be(), { bearerToken: l, metaData: i, currencyId: t } = X(ue()), n = _($.InitialState), g = Y("konnectio_name", "", void 0, { serializer: Q.string }), p = Y("konnectio_email", "", void 0, { serializer: Q.string }), m = Y("konnectio_phone", "", void 0, { serializer: Q.string }), d = _(""), y = _(1), S = _(!0), M = _(""), k = _({
+import { d as ue, u as ce, s as J, c as ie, r as C, ae as U, e as K, f as _, j as ee, S as Y, i as pe, h as me, af as fe, k as Q, B as se, b as ve, o as c, m as L, w as G, x as s, l as b, p as n, z as e, C as z, n as T, q as re, I as ge, _ as de, Y as be, Z as he, D as ye, F as ae, ag as j, ah as N, $ as ke, a6 as Ce, G as k, y as _e, a7 as le, T as W, A as Ve, M as Fe, N as we, R as Pe, U as Te, V as Se, ab as $e } from "./SelectField.vue_vue_type_style_index_0_lang-K94DVjrE.js";
+import { a as Ue, C as te, P as Ee, _ as Re } from "./CheckoutWindow-r6ch1iOr.js";
+import { E as Ie } from "./_-vErl-x3v.js";
+import { F as x } from "./Field-S_yxW5IQ.js";
+import "./_commonjsHelpers-2ufMB8rV.js";
+const oe = ue("giftCard", () => {
+  const { pay: S } = ce(), { bearerToken: f, metaData: V, currencyId: t } = J(ie()), i = C(U.InitialState), v = K("konnectio_name", "", void 0, { serializer: Y.string }), d = K("konnectio_email", "", void 0, { serializer: Y.string }), g = K("konnectio_phone", "", void 0, { serializer: Y.string }), r = C(""), p = C(1), m = C(!0), A = C(""), y = C({
     base64: "",
     type: "",
     name: ""
-  }), o = _(void 0), f = _(0), h = _(!1), I = _(0), F = V(() => n.value === $.InitialState || n.value === $.WaitingForResponse), R = V(() => n.value === $.ReadyToPay), x = V(() => n.value === $.PaymentSuccess), w = V(() => {
+  }), l = C(void 0), u = C(0), h = C(!1), R = C(0), F = _(() => i.value === U.InitialState || i.value === U.WaitingForResponse), I = _(() => i.value === U.ReadyToPay), M = _(() => i.value === U.PaymentSuccess), w = _(() => {
     const a = {
       1: {
-        label: oe.t("giftCard.hotelType"),
+        label: ee.t("giftCard.hotelType"),
         data: []
       },
       2: {
-        label: oe.t("giftCard.restaurantType"),
+        label: ee.t("giftCard.restaurantType"),
         data: []
       }
-    }, U = i.value.hotels[0].places;
-    return U && U.forEach((P) => {
+    }, $ = V.value.hotels[0].places;
+    return $ && $.forEach((P) => {
       a[P.placeType].data.push(P);
     }), Object.fromEntries(
       Object.entries(a).filter(([, P]) => P.data.length > 0)
     );
-  }), z = V(() => I.value !== 0), E = V(() => {
+  }), B = _(() => R.value !== 0), E = _(() => {
     let a;
-    if (z.value)
-      a = w.value[I.value].data[0];
-    else if (f.value !== 0) {
-      const U = o.value, P = w.value[f.value].data;
-      P.length === 1 ? a = P[0] : U !== void 0 && P.forEach((ee) => {
-        String(ee.id) === String(U) && (a = ee);
+    if (B.value)
+      a = w.value[R.value].data[0];
+    else if (u.value !== 0) {
+      const $ = l.value, P = w.value[u.value].data;
+      P.length === 1 ? a = P[0] : $ !== void 0 && P.forEach((X) => {
+        String(X.id) === String($) && (a = X);
       });
     }
     return a;
-  }), D = V(() => !(!g.value || !p.value || !(m.value.length >= 5) || !d.value || E.value === void 0)), O = V(() => !(n.value === $.InitialState && h.value)), K = V(() => !!(n.value === $.WaitingForResponse && h.value));
-  function q() {
-    return J(this, null, function* () {
-      n.value = $.WaitingForResponse, h.value = !0, yield he.post("https://production.hotel-service.konnectio.dk/api/gift-card/create", {
-        termsOfserviceURL: window.location.origin,
-        checkoutUrl: window.location.origin,
-        currencyID: t.value,
-        language: ke(),
-        amount: d.value,
-        quantity: y.value,
-        freeText: M.value,
-        showPrice: S.value,
-        contactName: g.value,
-        contactEmail: p.value,
-        contactPhone: m.value,
-        imageBase64: Ce(k.value.base64),
-        imageName: k.value.name,
-        imageFormat: k.value.type,
-        placeType: E.value ? E.value.placeType : void 0,
-        placeID: E.value ? E.value.id : void 0
-      }, {
-        headers: {
-          Authorization: l.value,
-          Accept: "application/json",
-          "Fresh-Booking-Ver": "4.0.56-rc6"
-        }
-      }).then((a) => {
-        n.value = $.ReadyToPay, h.value = !1, c({
-          callback: () => console.log("Callback!"),
-          response: a.data
-        });
+  }), D = _(() => !(!v.value || !d.value || !(g.value.length >= 5) || !r.value || E.value === void 0)), H = _(() => !(i.value === U.InitialState && h.value)), Z = _(() => !!(i.value === U.WaitingForResponse && h.value));
+  async function q() {
+    i.value = U.WaitingForResponse, h.value = !0, await pe.post("https://production.hotel-service.konnectio.dk/api/gift-card/create", {
+      termsOfserviceURL: window.location.origin,
+      checkoutUrl: window.location.origin,
+      currencyID: t.value,
+      language: me(),
+      amount: r.value,
+      quantity: p.value,
+      freeText: A.value,
+      showPrice: m.value,
+      contactName: v.value,
+      contactEmail: d.value,
+      contactPhone: g.value,
+      imageBase64: fe(y.value.base64),
+      imageName: y.value.name,
+      imageFormat: y.value.type,
+      placeType: E.value ? E.value.placeType : void 0,
+      placeID: E.value ? E.value.id : void 0
+    }, {
+      headers: {
+        Authorization: f.value,
+        Accept: "application/json",
+        "Fresh-Booking-Ver": "4.0.56-rc8"
+      }
+    }).then((a) => {
+      i.value = U.ReadyToPay, h.value = !1, S({
+        callback: () => console.log("Callback!"),
+        response: a.data
       });
     });
   }
-  function s(a) {
-    a && (I.value = a);
+  function o(a) {
+    a && (R.value = a);
   }
   return {
     selectedPlace: E,
-    moduleState: n,
-    name: g,
-    email: p,
-    phone: m,
-    value: d,
-    remark: M,
-    showValue: S,
-    quantity: y,
-    media: k,
-    placeId: o,
-    placeType: f,
+    moduleState: i,
+    name: v,
+    email: d,
+    phone: g,
+    value: r,
+    remark: A,
+    showValue: m,
+    quantity: p,
+    media: y,
+    placeId: l,
+    placeType: u,
     showFormPage: F,
-    showPaymentPage: R,
-    showConfirmationPage: x,
+    showPaymentPage: I,
+    showConfirmationPage: M,
     places: w,
     hasFilledForm: D,
-    hasForcedPlaceType: z,
-    isWaitingForResponse: K,
-    isMetaDataAvailable: O,
+    hasForcedPlaceType: B,
+    isWaitingForResponse: Z,
+    isMetaDataAvailable: H,
     orderGiftCard: q,
-    initialize: s
+    initialize: o
   };
-}), ze = { class: "media-selector" }, De = ["accept"], We = { class: "media-selector-wrapper" }, je = { class: "media-selector-tools" }, He = { key: 0 }, Ne = { key: 1 }, Oe = { key: 2 }, Ke = ["src"], Je = /* @__PURE__ */ Z({
+}), qe = { class: "media-selector" }, Le = ["accept"], Ae = { class: "media-selector-wrapper" }, Me = { class: "media-selector-tools" }, xe = { key: 0 }, Ge = { key: 1 }, ze = { key: 2 }, Be = ["src"], De = /* @__PURE__ */ Q({
   __name: "MediaSelector",
   props: {
     modelValue: {},
@@ -134,96 +104,94 @@ const re = ye("giftCard", () => {
     required: { type: Boolean, default: !1 }
   },
   emits: ["update:modelValue"],
-  setup(c, { emit: l }) {
-    const i = l, t = c, { t: n } = ce(), { display: g } = _e(), p = _(), m = V(() => t.modelValue.base64 !== "");
-    function d(o) {
-      i("update:modelValue", o);
+  setup(S, { emit: f }) {
+    const V = f, t = S, { t: i } = se(), { display: v } = ve(), d = C(), g = _(() => t.modelValue.base64 !== "");
+    function r(l) {
+      V("update:modelValue", l);
     }
-    function y() {
-      d({
+    function p() {
+      r({
         base64: "",
         name: "",
         type: ""
-      }), p.value && (p.value.value = "");
+      }), d.value && (d.value.value = "");
     }
-    function S() {
-      p.value && p.value.click();
+    function m() {
+      d.value && d.value.click();
     }
-    function M(o, f) {
-      const [h, I] = [o.name, o.type], F = new FileReader();
-      F.onload = function(R) {
-        if (R.target) {
-          const x = R.target.result;
-          f({ base64: x, name: h, type: I });
+    function A(l, u) {
+      const [h, R] = [l.name, l.type], F = new FileReader();
+      F.onload = function(I) {
+        if (I.target) {
+          const M = I.target.result;
+          u({ base64: M, name: h, type: R });
         } else
-          g({
-            message: n("imageUploadError"),
+          v({
+            message: i("imageUploadError"),
             type: "error"
           });
-      }, F.readAsDataURL(o);
+      }, F.readAsDataURL(l);
     }
-    function k() {
-      return J(this, null, function* () {
-        let o;
-        (o = p.value.files) instanceof FileList && M(o[0], d);
-      });
+    async function y() {
+      let l;
+      (l = d.value.files) instanceof FileList && A(l[0], r);
     }
-    return (o, f) => (v(), L(Ve, {
-      label: o.label,
-      required: o.required,
+    return (l, u) => (c(), L(ge, {
+      label: l.label,
+      required: l.required,
       type: "media"
     }, {
       default: G(() => [
-        u("div", ze, [
-          u("input", {
+        s("div", qe, [
+          s("input", {
             ref_key: "fileInput",
-            ref: p,
+            ref: d,
             type: "file",
             class: "hidden",
-            accept: o.validation,
+            accept: l.validation,
             single: "",
-            onChange: f[0] || (f[0] = (h) => k())
-          }, null, 40, De),
-          u("div", We, [
-            u("ul", je, [
-              m.value ? T("", !0) : (v(), b("li", He, [
-                r(B, {
-                  label: e(n)("uploadFile"),
+            onChange: u[0] || (u[0] = (h) => y())
+          }, null, 40, Le),
+          s("div", Ae, [
+            s("ul", Me, [
+              g.value ? T("", !0) : (c(), b("li", xe, [
+                n(z, {
+                  label: e(i)("uploadFile"),
                   type: "button",
                   icon: "upload",
-                  "icon-color": o.iconColor,
-                  onClickEvent: f[1] || (f[1] = (h) => S())
+                  "icon-color": l.iconColor,
+                  onClickEvent: u[1] || (u[1] = (h) => m())
                 }, null, 8, ["label", "icon-color"])
               ])),
-              m.value ? (v(), b("li", Ne, [
-                r(B, {
-                  label: e(n)("replaceFile"),
+              g.value ? (c(), b("li", Ge, [
+                n(z, {
+                  label: e(i)("replaceFile"),
                   type: "button",
                   icon: "repeat-alt",
-                  "icon-color": o.iconColor,
-                  onClickEvent: f[2] || (f[2] = (h) => S())
+                  "icon-color": l.iconColor,
+                  onClickEvent: u[2] || (u[2] = (h) => m())
                 }, null, 8, ["label", "icon-color"])
               ])) : T("", !0),
-              m.value ? (v(), b("li", Oe, [
-                r(B, {
-                  label: e(n)("removeFile"),
+              g.value ? (c(), b("li", ze, [
+                n(z, {
+                  label: e(i)("removeFile"),
                   type: "button",
                   icon: "trash-alt",
-                  "icon-color": o.iconColor,
-                  onClickEvent: f[3] || (f[3] = (h) => y())
+                  "icon-color": l.iconColor,
+                  onClickEvent: u[3] || (u[3] = (h) => p())
                 }, null, 8, ["label", "icon-color"])
               ])) : T("", !0)
             ]),
-            u("div", {
-              class: pe([
+            s("div", {
+              class: re([
                 "media-selector-previewer",
-                { opened: m.value }
+                { opened: g.value }
               ])
             }, [
-              o.modelValue ? (v(), b("img", {
+              l.modelValue ? (c(), b("img", {
                 key: 0,
-                src: o.modelValue.base64
-              }, null, 8, Ke)) : T("", !0)
+                src: l.modelValue.base64
+              }, null, 8, Be)) : T("", !0)
             ], 2)
           ])
         ])
@@ -232,9 +200,9 @@ const re = ye("giftCard", () => {
     }, 8, ["label", "required"]));
   }
 });
-function de(c) {
-  const l = c;
-  l.__i18n = l.__i18n || [], l.__i18n.push({
+function ne(S) {
+  const f = S;
+  f.__i18n = f.__i18n || [], f.__i18n.push({
     locale: "",
     resource: {
       da: {
@@ -252,39 +220,39 @@ function de(c) {
     }
   });
 }
-typeof de == "function" && de(Je);
-const Ye = { class: "gift-card-skeleton" }, Qe = { class: "gift-card-skeleton-form" }, Xe = /* @__PURE__ */ Z({
+typeof ne == "function" && ne(De);
+const je = { class: "gift-card-skeleton" }, Ne = { class: "gift-card-skeleton-form" }, We = /* @__PURE__ */ Q({
   __name: "GiftCardSkeleton",
-  setup(c) {
-    return (l, i) => (v(), b("div", Ye, [
-      u("div", Qe, [
-        r(A),
-        r(A),
-        r(A),
-        r(A),
-        r(A, { "is-text-area": "" }),
-        r(Be, { height: "44px" })
+  setup(S) {
+    return (f, V) => (c(), b("div", je, [
+      s("div", Ne, [
+        n(x),
+        n(x),
+        n(x),
+        n(x),
+        n(x, { "is-text-area": "" }),
+        n(Ie, { height: "44px" })
       ])
     ]));
   }
-}), Ze = /* @__PURE__ */ me(Xe, [["__scopeId", "data-v-e35c75b3"]]), ea = {
+}), Oe = /* @__PURE__ */ de(We, [["__scopeId", "data-v-e35c75b3"]]), He = {
   key: 0,
   id: "konnectio-gift-card-wrapper"
-}, aa = { id: "konnectio-gift-card-title" }, la = { id: "konnectio-gift-card-content" }, ta = { id: "konnectio-gift-card-payment" }, oa = ["innerHTML"], na = { key: 0 }, ia = {
+}, Ze = { id: "konnectio-gift-card-title" }, Ke = { id: "konnectio-gift-card-content" }, Ye = { id: "konnectio-gift-card-payment" }, Je = ["innerHTML"], Qe = { key: 0 }, Xe = {
   key: 0,
   id: "fresh-booking-select-place-type"
-}, sa = {
-  class: /* @__PURE__ */ pe(["fresh-booking-label", "required"])
-}, ra = { id: "fresh-booking-select-place-type-input" }, da = ["innerHTML"], ua = {
+}, ea = {
+  class: /* @__PURE__ */ re(["fresh-booking-label", "required"])
+}, aa = { id: "fresh-booking-select-place-type-input" }, la = ["innerHTML"], ta = {
   key: 0,
   id: "konnectio-gift-card-order"
-}, ca = { class: "fresh-booking-panel" }, pa = {
+}, oa = { class: "fresh-booking-panel" }, na = {
   key: 1,
   id: "konnectio-gift-card-remarks"
-}, ma = {
+}, ia = {
   key: 2,
   id: "konnectio-gift-card-order-minimal"
-}, fa = { id: "konnectio-gift-card-recaptcha" }, va = /* @__PURE__ */ Z({
+}, sa = { id: "konnectio-gift-card-recaptcha" }, ra = /* @__PURE__ */ Q({
   name: "GiftCardLayout",
   __name: "GiftCard",
   props: {
@@ -293,95 +261,96 @@ const Ye = { class: "gift-card-skeleton" }, Qe = { class: "gift-card-skeleton-fo
     placeType: {},
     styling: {}
   },
-  setup(c) {
-    const l = c, i = V(() => te({
-      panelMaxWidth: "800px"
-    }, l.styling)), { t } = ce(), {
-      name: n,
-      email: g,
-      phone: p,
-      value: m,
-      remark: d,
-      showValue: y,
-      quantity: S,
-      media: M,
-      placeId: k,
-      placeType: o,
-      showFormPage: f,
+  setup(S) {
+    const f = S, V = _(() => ({
+      panelMaxWidth: "800px",
+      ...f.styling
+    })), { t } = se(), {
+      name: i,
+      email: v,
+      phone: d,
+      value: g,
+      remark: r,
+      showValue: p,
+      quantity: m,
+      media: A,
+      placeId: y,
+      placeType: l,
+      showFormPage: u,
       showPaymentPage: h,
-      showConfirmationPage: I,
+      showConfirmationPage: R,
       places: F,
-      hasFilledForm: R,
-      hasForcedPlaceType: x,
+      hasFilledForm: I,
+      hasForcedPlaceType: M,
       isWaitingForResponse: w,
-      isMetaDataAvailable: z
-    } = X(re()), { initialize: E, orderGiftCard: D } = re(), { isRecaptchaEnabled: O, currency: K } = X(ue());
-    return Fe(o, () => {
-      k.value = void 0;
-    }), we(() => {
-      const q = l.placeType ? parseInt(l.placeType) : void 0;
+      isMetaDataAvailable: B
+    } = J(oe()), { initialize: E, orderGiftCard: D } = oe(), { isRecaptchaEnabled: H, currency: Z } = J(ie());
+    return be(l, () => {
+      y.value = void 0;
+    }), he(() => {
+      const q = f.placeType ? parseInt(f.placeType) : void 0;
       E(q);
-    }), (q, s) => (v(), L(Me, { styling: i.value }, {
+    }), (q, o) => (c(), L(we, { styling: V.value }, {
       default: G(() => [
-        (v(), L(Pe, null, {
+        (c(), L(ye, null, {
           default: G(() => [
-            r(Ee, {
+            n(Fe, {
               id: "konnectio-gift-card-module",
               type: "gift-card",
               "access-token": q.accessToken,
               "data-layout": q.layout
             }, {
               default: G(() => [
-                e(z) ? (v(), b("div", ea, [
-                  u("h2", aa, [
-                    u("span", null, ne(e(t)("giftCard.title")), 1)
+                e(B) ? (c(), b("div", He, [
+                  s("h2", Ze, [
+                    s("span", null, ae(e(t)("giftCard.title")), 1)
                   ]),
-                  u("div", la, [
-                    W(u("div", ta, [
-                      r(xe)
+                  s("div", Ke, [
+                    j(s("div", Ye, [
+                      n(Ue)
                     ], 512), [
-                      [j, e(h)]
+                      [N, e(h)]
                     ]),
-                    W(u("div", null, [
-                      u("p", {
+                    j(s("div", null, [
+                      s("p", {
                         id: "konnectio-gift-card-description",
                         innerHTML: e(t)("giftCard.description")
-                      }, null, 8, oa),
-                      u("form", null, [
-                        e(x) ? T("", !0) : (v(), b("div", na, [
-                          e(F) ? (v(), b("div", ia, [
-                            u("label", sa, [
-                              u("span", null, ne(e(t)("giftCard.selectType")), 1)
+                      }, null, 8, Je),
+                      s("form", null, [
+                        e(M) ? T("", !0) : (c(), b("div", Qe, [
+                          e(F) ? (c(), b("div", Xe, [
+                            s("label", ea, [
+                              s("span", null, ae(e(t)("giftCard.selectType")), 1)
                             ]),
-                            u("div", ra, [
-                              u("ul", null, [
-                                (v(!0), b(Te, null, Se(e(F), (a, U) => (v(), b("li", { key: U }, [
-                                  r(se, {
-                                    modelValue: e(o),
-                                    "onUpdate:modelValue": s[0] || (s[0] = (P) => C(o) ? o.value = P : null),
+                            s("div", aa, [
+                              s("ul", null, [
+                                (c(!0), b(ke, null, Ce(e(F), (a, $) => (c(), b("li", { key: $ }, [
+                                  n(te, {
+                                    modelValue: e(l),
+                                    "onUpdate:modelValue": o[0] || (o[0] = (P) => k(l) ? l.value = P : null),
                                     type: "radio",
                                     name: "placeType",
-                                    val: U,
+                                    val: $,
                                     label: a.label
                                   }, null, 8, ["modelValue", "val", "label"])
                                 ]))), 128))
                               ]),
-                              e(F)[e(o)] && e(F)[e(o)].data.length > 1 ? (v(), L(Ue, {
+                              e(F)[e(l)] && e(F)[e(l)].data.length > 1 ? (c(), L(_e, {
                                 key: 0,
-                                modelValue: e(k),
-                                "onUpdate:modelValue": s[1] || (s[1] = (a) => C(k) ? k.value = a : null),
+                                modelValue: e(y),
+                                "onUpdate:modelValue": o[1] || (o[1] = (a) => k(y) ? y.value = a : null),
                                 placeholder: e(t)("giftCard.selectPlacePlaceholder"),
-                                options: e(F)[e(o)].data,
+                                options: e(F)[e(l)].data,
                                 labelKey: "name",
                                 valueKey: "id",
                                 required: ""
                               }, null, 8, ["modelValue", "placeholder", "options"])) : T("", !0)
                             ])
-                          ])) : (v(), L(ie, { key: 1 }))
+                          ])) : (c(), L(le, { key: 1 }))
                         ])),
-                        r(H, {
-                          modelValue: e(n),
-                          "onUpdate:modelValue": s[2] || (s[2] = (a) => C(n) ? n.value = a : null),
+                        n(W, {
+                          modelValue: e(i),
+                          "onUpdate:modelValue": o[2] || (o[2] = (a) => k(i) ? i.value = a : null),
                           type: "text",
                           name: "name",
                           autocomplete: "name",
@@ -390,9 +359,9 @@ const Ye = { class: "gift-card-skeleton" }, Qe = { class: "gift-card-skeleton-fo
                           placeholder: e(t)("giftCard.namePlaceholder"),
                           required: ""
                         }, null, 8, ["modelValue", "label", "placeholder"]),
-                        r(H, {
-                          modelValue: e(g),
-                          "onUpdate:modelValue": s[3] || (s[3] = (a) => C(g) ? g.value = a : null),
+                        n(W, {
+                          modelValue: e(v),
+                          "onUpdate:modelValue": o[3] || (o[3] = (a) => k(v) ? v.value = a : null),
                           type: "email",
                           name: "email",
                           autocomplete: "email",
@@ -401,69 +370,69 @@ const Ye = { class: "gift-card-skeleton" }, Qe = { class: "gift-card-skeleton-fo
                           placeholder: e(t)("giftCard.emailPlaceholder"),
                           required: ""
                         }, null, 8, ["modelValue", "label", "placeholder"]),
-                        r(Ae, {
-                          modelValue: e(p),
-                          "onUpdate:modelValue": s[4] || (s[4] = (a) => C(p) ? p.value = a : null),
+                        n(Ee, {
+                          modelValue: e(d),
+                          "onUpdate:modelValue": o[4] || (o[4] = (a) => k(d) ? d.value = a : null),
                           icon: "phone-office",
                           label: e(t)("giftCard.phone"),
                           placeholder: e(t)("giftCard.phonePlaceholder"),
                           required: ""
                         }, null, 8, ["modelValue", "label", "placeholder"]),
-                        r(H, {
-                          modelValue: e(m),
-                          "onUpdate:modelValue": s[5] || (s[5] = (a) => C(m) ? m.value = a : null),
+                        n(W, {
+                          modelValue: e(g),
+                          "onUpdate:modelValue": o[5] || (o[5] = (a) => k(g) ? g.value = a : null),
                           type: "number",
                           name: "value",
                           label: e(t)("giftCard.value"),
                           icon: "money-bill",
                           placeholder: e(t)("giftCard.valuePlaceholder"),
-                          suffix: e(K),
+                          suffix: e(Z),
                           required: ""
                         }, null, 8, ["modelValue", "label", "placeholder", "suffix"]),
-                        r(se, {
-                          modelValue: e(y),
-                          "onUpdate:modelValue": s[6] || (s[6] = (a) => C(y) ? y.value = a : null),
+                        n(te, {
+                          modelValue: e(p),
+                          "onUpdate:modelValue": o[6] || (o[6] = (a) => k(p) ? p.value = a : null),
                           type: "checkbox",
                           name: "showValue",
                           label: e(t)("giftCard.showValue"),
-                          checked: e(y)
+                          checked: e(p)
                         }, null, 8, ["modelValue", "label", "checked"]),
                         T("", !0),
-                        r($e, {
-                          modelValue: e(S),
-                          "onUpdate:modelValue": s[8] || (s[8] = (a) => C(S) ? S.value = a : null),
+                        n(Ve, {
+                          modelValue: e(m),
+                          "onUpdate:modelValue": o[8] || (o[8] = (a) => k(m) ? m.value = a : null),
                           label: e(t)("giftCard.quantity"),
                           icon: "gift-card",
                           required: ""
                         }, null, 8, ["modelValue", "label"])
                       ])
                     ], 512), [
-                      [j, e(f)]
+                      [N, e(u)]
                     ]),
-                    W(u("div", null, [
-                      u("div", {
+                    j(s("div", null, [
+                      s("div", {
                         innerHTML: e(t)("giftCard.thankYou")
-                      }, null, 8, da)
+                      }, null, 8, la)
                     ], 512), [
-                      [j, e(I)]
+                      [N, e(R)]
                     ])
                   ]),
-                  q.layout !== "minimal" && e(f) ? (v(), b("div", ua, [
-                    u("div", ca, [
-                      r(B, {
+                  q.layout !== "minimal" && e(u) ? (c(), b("div", ta, [
+                    s("div", oa, [
+                      n(z, {
                         label: e(t)("giftCard.orderGiftCard"),
                         "full-width": !0,
-                        disabled: !e(R),
+                        disabled: !e(I),
                         "is-loading": e(w),
-                        "onUpdate:isLoading": s[9] || (s[9] = (a) => C(w) ? w.value = a : null),
+                        "onUpdate:isLoading": o[9] || (o[9] = (a) => k(w) ? w.value = a : null),
                         onClickEvent: e(D)
                       }, null, 8, ["label", "disabled", "is-loading", "onClickEvent"])
                     ])
                   ])) : T("", !0),
-                  e(f) ? (v(), b("div", pa, [
-                    r(H, {
-                      modelValue: e(d),
-                      "onUpdate:modelValue": s[10] || (s[10] = (a) => C(d) ? d.value = a : null),
+                  e(u) ? (c(), b("div", na, [
+                    n(W, {
+                      modelValue: e(r),
+                      "onUpdate:modelValue": o[10] || (o[10] = (a) => k(r) ? r.value = a : null),
                       type: "textarea",
                       name: "remark",
                       label: e(t)("giftCard.remark"),
@@ -471,29 +440,29 @@ const Ye = { class: "gift-card-skeleton" }, Qe = { class: "gift-card-skeleton-fo
                       placeholder: e(t)("giftCard.remarkPlaceholder")
                     }, null, 8, ["modelValue", "label", "placeholder"])
                   ])) : T("", !0),
-                  e(f) ? (v(), b("div", ma, [
-                    r(B, {
+                  e(u) ? (c(), b("div", ia, [
+                    n(z, {
                       label: e(t)("giftCard.orderGiftCard"),
                       "full-width": !0,
-                      disabled: !e(R),
+                      disabled: !e(I),
                       "data-test": "orderGiftCard",
                       "is-loading": e(w),
-                      "onUpdate:isLoading": s[11] || (s[11] = (a) => C(w) ? w.value = a : null),
+                      "onUpdate:isLoading": o[11] || (o[11] = (a) => k(w) ? w.value = a : null),
                       onClickEvent: e(D)
                     }, null, 8, ["label", "disabled", "is-loading", "onClickEvent"]),
-                    W(u("div", fa, [
-                      r(Ge)
+                    j(s("div", sa, [
+                      n(Re)
                     ], 512), [
-                      [j, e(O)]
+                      [N, e(H)]
                     ])
                   ])) : T("", !0)
-                ])) : (v(), L(ie, { key: 1 }))
+                ])) : (c(), L(le, { key: 1 }))
               ]),
               _: 1
             }, 8, ["access-token", "data-layout"])
           ]),
           fallback: G(() => [
-            r(Ze)
+            n(Oe)
           ]),
           _: 1
         }))
@@ -501,27 +470,36 @@ const Ye = { class: "gift-card-skeleton" }, Qe = { class: "gift-card-skeleton-fo
       _: 1
     }, 8, ["styling"]));
   }
-}), N = /* @__PURE__ */ me(va, [["__scopeId", "data-v-ec9ea15b"]]), ga = Ie();
-class ya extends HTMLElement {
+}), O = /* @__PURE__ */ de(ra, [["__scopeId", "data-v-ec9ea15b"]]), da = Pe();
+class ua extends HTMLElement {
   constructor() {
     super();
   }
   connectedCallback() {
-    var p;
-    const l = typeof N == "function" ? N.options : N, i = Array.isArray(l.props) ? l.props : Object.keys(l.props || {}), t = {};
-    for (const m of i) {
-      const d = (p = this.attributes.getNamedItem(m)) == null ? void 0 : p.value;
-      if (!d)
+    const f = typeof O == "function" ? O.options : O;
+    let V = Array.isArray(f.props) ? f.props : Object.keys(f.props || {});
+    console.log(f);
+    const t = (r) => r.replace(/[A-Z]+(?![a-z])|[A-Z]/g, (p, m) => (m ? "-" : "") + p.toLowerCase()), i = {};
+    V = V.map(t);
+    const v = {};
+    for (const r of this.attributes) {
+      const p = r.name, m = p.split(".");
+      console.log(p, m.length), m.length > 1 && (v[m[0]] || (v[m[0]] = {}), v[m[0]][m[1]] = r.value);
+    }
+    console.log(v);
+    for (const r of V) {
+      let p = this.attributes.getNamedItem(r)?.value;
+      if (v.hasOwnProperty(r) && (p = v[r]), !p)
         break;
-      t[m] = d;
+      i[r] = p;
     }
-    const n = Re(N, t);
-    n.use(ga), n.use(qe), n.use(Le, { bootstrap: !0 });
+    const d = Te(O, i);
+    d.use(da), d.use(Se), d.use($e, { bootstrap: !0 });
     const g = document.createElement("div");
-    n.mount(g), this.appendChild(g.children[0]);
+    d.mount(g), this.appendChild(g.children[0]);
   }
 }
-window.customElements.define("konnectio-gift-card", ya);
+window.customElements.define("konnectio-gift-card", ua);
 export {
-  ya as default
+  ua as default
 };