@konnectio/core 4.0.56-rc21 → 4.0.56-rc23

package/dist/gift-card.js

@@ -1,99 +1,100 @@
-import { V as re, W as de, B as Q, D as oe, k as C, a8 as $, $ as Z, c as _, a4 as ee, a0 as J, a3 as ue, a2 as ce, a9 as pe, d as X, j as ne, Y as me, o as c, a as I, w as G, b as s, h as g, f as i, u as e, C as B, i as V, n as ie, I as fe, E as ve, g as se, G as ge, l as he, S as be, t as ae, aa as D, ab as W, F as ye, J as ke, H as T, _ as Ce, L as _e, T as j, e as Ve, q as we, s as Fe, y as Pe, z as Te, A as Se, U as $e } from "./_--L3VvP-p.js";
-import { a as Ee, C as Ue, P as Ae, _ as Re } from "./CheckoutWindow-T32YH60g.js";
-import { F as M } from "./Field-EqFBeBE_.js";
-import { E as Ie } from "./ErrorMessage-4GwDZEsl.js";
-const le = re("giftCard", () => {
-  const { pay: S } = de(), { bearerToken: m, metaData: w, currencyId: o } = Q(oe()), r = C($.InitialState), h = Z("konnectio_name", "", void 0, { serializer: J.string }), d = Z("konnectio_email", "", void 0, { serializer: J.string }), f = Z("konnectio_phone", "", void 0, { serializer: J.string }), n = C(""), v = C(1), p = C(!0), L = C(""), y = C({
+import { W as ue, X as pe, D as ee, G as ae, k as w, aa as T, a0 as Y, c as y, a5 as ie, a1 as Q, a4 as me, a3 as fe, ab as ve, d as Z, j as le, Z as he, o as d, a as R, w as z, b as o, h as k, f as n, u as e, C as D, i as F, n as de, I as ge, E as be, g as ce, H as ye, l as ke, S as _e, t as se, ac as j, ad as H, F as Ce, K as Ve, J as P, _ as we, L as Fe, T as N, e as Pe, q as Se, s as Te, v as $e, x as Ee, y as Ue, z as Ae, A as Ie, V as Ge, B as Re } from "./_-hKpeUU4C.js";
+import { B as Le, a as Me, C as qe, P as Be, _ as xe } from "./CheckoutWindow-sws5X9v2.js";
+import { F as x } from "./Field-hjOjPQhC.js";
+import { E as ze } from "./ErrorMessage-GzJ2T5_d.js";
+const te = ue("giftCard", () => {
+  const { pay: v } = pe(), { bearerToken: c, metaData: _, currencyId: t } = ee(ae()), b = ae(), u = w(T.InitialState), r = Y("konnectio_name", "", void 0, { serializer: Q.string }), f = Y("konnectio_email", "", void 0, { serializer: Q.string }), i = Y("konnectio_phone", "", void 0, { serializer: Q.string }), h = w(""), m = w(1), q = w(!0), S = w(""), a = w({
     base64: "",
     type: "",
     name: ""
-  }), l = C(void 0), u = C(0), b = C(!1), U = C(0), F = _(() => r.value === $.InitialState || r.value === $.WaitingForResponse), A = _(() => r.value === $.ReadyToPay), q = _(() => r.value === $.PaymentSuccess), P = _(() => {
-    const a = {
+  }), p = w(void 0), V = w(0), $ = w(!1), C = w(0), E = y(() => b.metaData.hotels[0]), B = y(() => E.value.termsOfService ? E.value.termsOfService : ""), U = y(() => u.value === T.InitialState || u.value === T.WaitingForResponse), oe = y(() => u.value === T.ReadyToPay), J = y(() => u.value === T.PaymentSuccess), L = y(() => {
+    const g = {
       1: {
-        label: ee.t("giftCard.hotelType"),
+        label: ie.t("giftCard.hotelType"),
         data: []
       },
       2: {
-        label: ee.t("giftCard.restaurantType"),
+        label: ie.t("giftCard.restaurantType"),
         data: []
       }
-    }, t = w.value.hotels[0].places;
-    return t && t.forEach((k) => {
-      a[k.placeType].data.push(k);
+    }, M = _.value.hotels[0].places;
+    return M && M.forEach((I) => {
+      g[I.placeType].data.push(I);
     }), Object.fromEntries(
-      Object.entries(a).filter(([, k]) => k.data.length > 0)
+      Object.entries(g).filter(([, I]) => I.data.length > 0)
     );
-  }), H = _(() => U.value !== 0), E = _(() => {
-    let a;
-    if (H.value)
-      a = P.value[U.value].data[0];
-    else if (u.value !== 0) {
-      const t = l.value, k = P.value[u.value].data;
-      k.length === 1 ? a = k[0] : t !== void 0 && k.forEach((z) => {
-        String(z.id) === String(t) && (a = z);
+  }), O = y(() => C.value !== 0), A = y(() => {
+    let g;
+    if (O.value)
+      g = L.value[C.value].data[0];
+    else if (V.value !== 0) {
+      const M = p.value, I = L.value[V.value].data;
+      I.length === 1 ? g = I[0] : M !== void 0 && I.forEach((ne) => {
+        String(ne.id) === String(M) && (g = ne);
       });
     }
-    return a;
-  }), x = _(() => !(!h.value || !d.value || !(f.value.length >= 5) || !n.value || E.value === void 0)), N = _(() => !(r.value === $.InitialState && b.value)), K = _(() => !!(r.value === $.WaitingForResponse && b.value));
-  async function Y() {
-    r.value = $.WaitingForResponse, b.value = !0, await ue.post("https://production.hotel-service.konnectio.dk/api/gift-card/create", {
+    return g;
+  }), X = y(() => !(!r.value || !f.value || !(i.value.length >= 5) || !h.value || A.value === void 0)), G = y(() => !(u.value === T.InitialState && $.value)), s = y(() => !!(u.value === T.WaitingForResponse && $.value));
+  async function l() {
+    u.value = T.WaitingForResponse, $.value = !0, await me.post("https://production.hotel-service.konnectio.dk/api/gift-card/create", {
       termsOfserviceURL: window.location.origin,
       checkoutUrl: window.location.origin,
-      currencyID: o.value,
-      language: ce(),
-      amount: n.value,
-      quantity: v.value,
-      freeText: L.value,
-      showPrice: p.value,
-      contactName: h.value,
-      contactEmail: d.value,
-      contactPhone: f.value,
-      imageBase64: pe(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
+      currencyID: t.value,
+      language: fe(),
+      amount: h.value,
+      quantity: m.value,
+      freeText: S.value,
+      showPrice: q.value,
+      contactName: r.value,
+      contactEmail: f.value,
+      contactPhone: i.value,
+      imageBase64: ve(a.value.base64),
+      imageName: a.value.name,
+      imageFormat: a.value.type,
+      placeType: A.value ? A.value.placeType : void 0,
+      placeID: A.value ? A.value.id : void 0
     }, {
       headers: {
-        Authorization: m.value,
+        Authorization: c.value,
         Accept: "application/json",
-        "Fresh-Booking-Ver": "4.0.56-rc21"
+        "Fresh-Booking-Ver": "4.0.56-rc23"
       }
-    }).then((a) => {
-      r.value = $.ReadyToPay, b.value = !1, S({
+    }).then((g) => {
+      u.value = T.ReadyToPay, $.value = !1, v({
         callback: () => console.log("Callback!"),
-        response: a.data
+        response: g.data
       });
     });
   }
-  function R(a) {
-    a && (U.value = a);
+  function W(g) {
+    g && (C.value = g);
   }
   return {
-    selectedPlace: E,
-    moduleState: r,
-    name: h,
-    email: d,
-    phone: f,
-    value: n,
-    remark: L,
-    showValue: p,
-    quantity: v,
-    media: y,
-    placeId: l,
-    placeType: u,
-    showFormPage: F,
-    showPaymentPage: A,
-    showConfirmationPage: q,
-    places: P,
-    hasFilledForm: x,
-    hasForcedPlaceType: H,
-    isWaitingForResponse: K,
-    isMetaDataAvailable: N,
-    orderGiftCard: Y,
-    initialize: R
+    selectedPlace: A,
+    moduleState: u,
+    name: r,
+    email: f,
+    phone: i,
+    value: h,
+    remark: S,
+    showValue: q,
+    quantity: m,
+    media: a,
+    placeId: p,
+    placeType: V,
+    showFormPage: U,
+    showPaymentPage: oe,
+    showConfirmationPage: J,
+    places: L,
+    hasFilledForm: X,
+    hasForcedPlaceType: O,
+    isWaitingForResponse: s,
+    isMetaDataAvailable: G,
+    termsOfService: B,
+    orderGiftCard: l,
+    initialize: W
   };
-}), Le = { class: "media-selector" }, qe = ["accept"], Me = { class: "media-selector-wrapper" }, Ge = { class: "media-selector-tools" }, Be = { key: 0 }, xe = { key: 1 }, ze = { key: 2 }, De = ["src"], We = /* @__PURE__ */ X({
+}), De = { class: "media-selector" }, Oe = ["accept"], We = { class: "media-selector-wrapper" }, je = { class: "media-selector-tools" }, He = { key: 0 }, Ne = { key: 1 }, Ke = { key: 2 }, Ze = ["src"], Je = /* @__PURE__ */ Z({
   __name: "MediaSelector",
   props: {
     modelValue: {},
@@ -103,94 +104,94 @@ const le = re("giftCard", () => {
     required: { type: Boolean, default: !1 }
   },
   emits: ["update:modelValue"],
-  setup(S, { emit: m }) {
-    const w = m, o = S, { t: r } = ne(), { display: h } = me(), d = C(), f = _(() => o.modelValue.base64 !== "");
-    function n(l) {
-      w("update:modelValue", l);
+  setup(v, { emit: c }) {
+    const _ = c, t = v, { t: b } = le(), { display: u } = he(), r = w(), f = y(() => t.modelValue.base64 !== "");
+    function i(a) {
+      _("update:modelValue", a);
     }
-    function v() {
-      n({
+    function h() {
+      i({
         base64: "",
         name: "",
         type: ""
-      }), d.value && (d.value.value = "");
+      }), r.value && (r.value.value = "");
     }
-    function p() {
-      d.value && d.value.click();
+    function m() {
+      r.value && r.value.click();
     }
-    function L(l, u) {
-      const [b, U] = [l.name, l.type], F = new FileReader();
-      F.onload = function(A) {
-        if (A.target) {
-          const q = A.target.result;
-          u({ base64: q, name: b, type: U });
+    function q(a, p) {
+      const [V, $] = [a.name, a.type], C = new FileReader();
+      C.onload = function(E) {
+        if (E.target) {
+          const B = E.target.result;
+          p({ base64: B, name: V, type: $ });
         } else
-          h({
-            message: r("imageUploadError"),
+          u({
+            message: b("imageUploadError"),
             type: "error"
           });
-      }, F.readAsDataURL(l);
+      }, C.readAsDataURL(a);
     }
-    async function y() {
-      let l;
-      (l = d.value.files) instanceof FileList && L(l[0], n);
+    async function S() {
+      let a;
+      (a = r.value.files) instanceof FileList && q(a[0], i);
     }
-    return (l, u) => (c(), I(fe, {
-      label: l.label,
-      required: l.required,
+    return (a, p) => (d(), R(ge, {
+      label: a.label,
+      required: a.required,
       type: "media"
     }, {
-      default: G(() => [
-        s("div", Le, [
-          s("input", {
+      default: z(() => [
+        o("div", De, [
+          o("input", {
             ref_key: "fileInput",
-            ref: d,
+            ref: r,
             type: "file",
             class: "hidden",
-            accept: l.validation,
+            accept: a.validation,
             single: "",
-            onChange: u[0] || (u[0] = (b) => y())
-          }, null, 40, qe),
-          s("div", Me, [
-            s("ul", Ge, [
-              f.value ? V("", !0) : (c(), g("li", Be, [
-                i(B, {
-                  label: e(r)("uploadFile"),
+            onChange: p[0] || (p[0] = (V) => S())
+          }, null, 40, Oe),
+          o("div", We, [
+            o("ul", je, [
+              f.value ? F("", !0) : (d(), k("li", He, [
+                n(D, {
+                  label: e(b)("uploadFile"),
                   type: "button",
                   icon: "upload",
-                  "icon-color": l.iconColor,
-                  onClickEvent: u[1] || (u[1] = (b) => p())
+                  "icon-color": a.iconColor,
+                  onClickEvent: p[1] || (p[1] = (V) => m())
                 }, null, 8, ["label", "icon-color"])
               ])),
-              f.value ? (c(), g("li", xe, [
-                i(B, {
-                  label: e(r)("replaceFile"),
+              f.value ? (d(), k("li", Ne, [
+                n(D, {
+                  label: e(b)("replaceFile"),
                   type: "button",
                   icon: "repeat-alt",
-                  "icon-color": l.iconColor,
-                  onClickEvent: u[2] || (u[2] = (b) => p())
+                  "icon-color": a.iconColor,
+                  onClickEvent: p[2] || (p[2] = (V) => m())
                 }, null, 8, ["label", "icon-color"])
-              ])) : V("", !0),
-              f.value ? (c(), g("li", ze, [
-                i(B, {
-                  label: e(r)("removeFile"),
+              ])) : F("", !0),
+              f.value ? (d(), k("li", Ke, [
+                n(D, {
+                  label: e(b)("removeFile"),
                   type: "button",
                   icon: "trash-alt",
-                  "icon-color": l.iconColor,
-                  onClickEvent: u[3] || (u[3] = (b) => v())
+                  "icon-color": a.iconColor,
+                  onClickEvent: p[3] || (p[3] = (V) => h())
                 }, null, 8, ["label", "icon-color"])
-              ])) : V("", !0)
+              ])) : F("", !0)
             ]),
-            s("div", {
-              class: ie([
+            o("div", {
+              class: de([
                 "media-selector-previewer",
                 { opened: f.value }
               ])
             }, [
-              l.modelValue ? (c(), g("img", {
+              a.modelValue ? (d(), k("img", {
                 key: 0,
-                src: l.modelValue.base64
-              }, null, 8, De)) : V("", !0)
+                src: a.modelValue.base64
+              }, null, 8, Ze)) : F("", !0)
             ], 2)
           ])
         ])
@@ -199,9 +200,9 @@ const le = re("giftCard", () => {
     }, 8, ["label", "required"]));
   }
 });
-function te(S) {
-  const m = S;
-  m.__i18n = m.__i18n || [], m.__i18n.push({
+function re(v) {
+  const c = v;
+  c.__i18n = c.__i18n || [], c.__i18n.push({
     locale: "",
     resource: {
       da: {
@@ -219,39 +220,48 @@ function te(S) {
     }
   });
 }
-typeof te == "function" && te(We);
-const je = { class: "gift-card-skeleton" }, Oe = { class: "gift-card-skeleton-form" }, He = /* @__PURE__ */ X({
+typeof re == "function" && re(Je);
+const Xe = { class: "gift-card-skeleton" }, Ye = { class: "gift-card-skeleton-form" }, Qe = /* @__PURE__ */ Z({
   __name: "GiftCardSkeleton",
-  setup(S) {
-    return (m, w) => (c(), g("div", je, [
-      s("div", Oe, [
-        i(M),
-        i(M),
-        i(M),
-        i(M),
-        i(M, { "is-text-area": "" }),
-        i(ve, { height: "44px" })
+  setup(v) {
+    return (c, _) => (d(), k("div", Xe, [
+      o("div", Ye, [
+        n(x),
+        n(x),
+        n(x),
+        n(x),
+        n(x, { "is-text-area": "" }),
+        n(be, { height: "44px" })
       ])
     ]));
   }
-}), Ne = /* @__PURE__ */ se(He, [["__scopeId", "data-v-ba3efaa1"]]), Ke = {
+}), ea = /* @__PURE__ */ ce(Qe, [["__scopeId", "data-v-ba3efaa1"]]), aa = /* @__PURE__ */ Z({
+  __name: "GiftCard",
+  setup(v) {
+    const { t: c } = le(), _ = te();
+    return (t, b) => (d(), R(Le, {
+      content: e(_).termsOfService,
+      "button-label": e(c)("giftCard.orderGiftCard")
+    }, null, 8, ["content", "button-label"]));
+  }
+}), ta = (v) => ($e("data-v-30c8e35c"), v = v(), Ee(), v), la = {
   key: 0,
   id: "konnectio-gift-card-wrapper"
-}, Ye = { id: "konnectio-gift-card-title" }, Ze = { id: "konnectio-gift-card-content" }, Je = { id: "konnectio-gift-card-payment" }, Qe = ["innerHTML"], Xe = { key: 0 }, ea = {
+}, oa = { id: "konnectio-gift-card-title" }, na = { id: "konnectio-gift-card-content" }, ia = { id: "konnectio-gift-card-payment" }, sa = ["innerHTML"], ra = { key: 0 }, da = {
   key: 0,
   id: "fresh-booking-select-place-type"
-}, aa = {
-  class: /* @__PURE__ */ ie(["fresh-booking-label", "required"])
-}, la = { id: "fresh-booking-select-place-type-input" }, ta = ["innerHTML"], oa = {
+}, ca = {
+  class: /* @__PURE__ */ de(["fresh-booking-label", "required"])
+}, ua = { id: "fresh-booking-select-place-type-input" }, pa = ["innerHTML"], ma = {
   key: 0,
   id: "konnectio-gift-card-order"
-}, na = { class: "fresh-booking-panel" }, ia = {
+}, fa = { class: "fresh-booking-panel" }, va = {
   key: 1,
   id: "konnectio-gift-card-remarks"
-}, sa = {
+}, ha = {
   key: 2,
   id: "konnectio-gift-card-order-minimal"
-}, ra = { id: "konnectio-gift-card-recaptcha" }, da = /* @__PURE__ */ X({
+}, ga = /* @__PURE__ */ ta(() => /* @__PURE__ */ o("div", { class: "konnectio-divider" }, null, -1)), ba = { id: "konnectio-gift-card-recaptcha" }, ya = /* @__PURE__ */ Z({
   name: "GiftCardLayout",
   __name: "GiftCard",
   props: {
@@ -260,205 +270,209 @@ const je = { class: "gift-card-skeleton" }, Oe = { class: "gift-card-skeleton-fo
     placeType: {},
     styling: {}
   },
-  setup(S) {
-    const m = S, w = _(() => ({
+  setup(v) {
+    const c = v, _ = y(() => ({
       panelMaxWidth: "800px",
-      ...m.styling
-    })), { t: o } = ne(), {
-      name: r,
-      email: h,
-      phone: d,
+      ...c.styling
+    })), { t } = le(), {
+      name: b,
+      email: u,
+      phone: r,
       value: f,
-      remark: n,
-      showValue: v,
-      quantity: p,
-      media: L,
-      placeId: y,
-      placeType: l,
-      showFormPage: u,
-      showPaymentPage: b,
-      showConfirmationPage: U,
-      places: F,
-      hasFilledForm: A,
-      hasForcedPlaceType: q,
-      isWaitingForResponse: P,
-      isMetaDataAvailable: H
-    } = Q(le()), { initialize: E, orderGiftCard: x } = le(), { isRecaptchaEnabled: N, currency: K, hasError: Y } = Q(oe());
-    return ge(l, () => {
-      y.value = void 0;
-    }), he(() => {
-      const R = m.placeType ? parseInt(m.placeType) : void 0;
-      E(R);
-    }), (R, a) => (c(), I(Fe, { styling: w.value }, {
-      default: G(() => [
-        (c(), I(be, null, {
-          default: G(() => [
-            i(we, {
+      remark: i,
+      showValue: h,
+      quantity: m,
+      media: q,
+      placeId: S,
+      placeType: a,
+      showFormPage: p,
+      showPaymentPage: V,
+      showConfirmationPage: $,
+      places: C,
+      hasFilledForm: E,
+      hasForcedPlaceType: B,
+      isWaitingForResponse: U,
+      isMetaDataAvailable: oe
+    } = ee(te()), { initialize: J, orderGiftCard: L } = te(), { isRecaptchaEnabled: O, currency: A, hasError: X } = ee(ae());
+    return ye(a, () => {
+      S.value = void 0;
+    }), ke(() => {
+      const G = c.placeType ? parseInt(c.placeType) : void 0;
+      J(G);
+    }), (G, s) => (d(), R(Te, { styling: _.value }, {
+      default: z(() => [
+        (d(), R(_e, null, {
+          default: z(() => [
+            n(Se, {
               id: "konnectio-gift-card-module",
               type: "gift-card",
-              "access-token": R.accessToken,
-              "data-layout": R.layout
+              "access-token": G.accessToken,
+              "data-layout": G.layout
             }, {
-              default: G(() => [
-                e(Y) ? (c(), I(Ie, {
+              default: z(() => [
+                e(X) ? (d(), R(ze, {
                   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."
-                })) : (c(), g("div", Ke, [
-                  s("h2", Ye, [
-                    s("span", null, ae(e(o)("giftCard.title")), 1)
+                })) : (d(), k("div", la, [
+                  o("h2", oa, [
+                    o("span", null, se(e(t)("giftCard.title")), 1)
                   ]),
-                  s("div", Ze, [
-                    D(s("div", Je, [
-                      i(Ee)
+                  o("div", na, [
+                    j(o("div", ia, [
+                      n(Me)
                     ], 512), [
-                      [W, e(b)]
+                      [H, e(V)]
                     ]),
-                    D(s("div", null, [
-                      s("p", {
+                    j(o("div", null, [
+                      o("p", {
                         id: "konnectio-gift-card-description",
-                        innerHTML: e(o)("giftCard.description")
-                      }, null, 8, Qe),
-                      s("form", null, [
-                        e(q) ? V("", !0) : (c(), g("div", Xe, [
-                          e(F) ? (c(), g("div", ea, [
-                            s("label", aa, [
-                              s("span", null, ae(e(o)("giftCard.selectType")), 1)
+                        innerHTML: e(t)("giftCard.description")
+                      }, null, 8, sa),
+                      o("form", null, [
+                        e(B) ? F("", !0) : (d(), k("div", ra, [
+                          e(C) ? (d(), k("div", da, [
+                            o("label", ca, [
+                              o("span", null, se(e(t)("giftCard.selectType")), 1)
                             ]),
-                            s("div", la, [
-                              s("ul", null, [
-                                (c(!0), g(ye, null, ke(e(F), (t, k) => (c(), g("li", { key: k }, [
-                                  i(Ue, {
-                                    modelValue: e(l),
-                                    "onUpdate:modelValue": a[0] || (a[0] = (z) => T(l) ? l.value = z : null),
+                            o("div", ua, [
+                              o("ul", null, [
+                                (d(!0), k(Ce, null, Ve(e(C), (l, W) => (d(), k("li", { key: W }, [
+                                  n(qe, {
+                                    modelValue: e(a),
+                                    "onUpdate:modelValue": s[0] || (s[0] = (g) => P(a) ? a.value = g : null),
                                     type: "radio",
                                     name: "placeType",
-                                    val: k,
-                                    label: t.label
+                                    val: W,
+                                    label: l.label
                                   }, null, 8, ["modelValue", "val", "label"])
                                 ]))), 128))
                               ]),
-                              e(F)[e(l)] && e(F)[e(l)].data.length > 1 ? (c(), I(Ce, {
+                              e(C)[e(a)] && e(C)[e(a)].data.length > 1 ? (d(), R(we, {
                                 key: 0,
-                                modelValue: e(y),
-                                "onUpdate:modelValue": a[1] || (a[1] = (t) => T(y) ? y.value = t : null),
-                                placeholder: e(o)("giftCard.selectPlacePlaceholder"),
-                                options: e(F)[e(l)].data,
+                                modelValue: e(S),
+                                "onUpdate:modelValue": s[1] || (s[1] = (l) => P(S) ? S.value = l : null),
+                                placeholder: e(t)("giftCard.selectPlacePlaceholder"),
+                                options: e(C)[e(a)].data,
                                 labelKey: "name",
                                 valueKey: "id",
                                 required: ""
-                              }, null, 8, ["modelValue", "placeholder", "options"])) : V("", !0)
+                              }, null, 8, ["modelValue", "placeholder", "options"])) : F("", !0)
                             ])
-                          ])) : (c(), I(_e, { key: 1 }))
+                          ])) : (d(), R(Fe, { key: 1 }))
                         ])),
-                        i(j, {
-                          modelValue: e(r),
-                          "onUpdate:modelValue": a[2] || (a[2] = (t) => T(r) ? r.value = t : null),
+                        n(N, {
+                          modelValue: e(b),
+                          "onUpdate:modelValue": s[2] || (s[2] = (l) => P(b) ? b.value = l : null),
                           type: "text",
                           name: "name",
                           autocomplete: "name",
-                          label: e(o)("giftCard.name"),
+                          label: e(t)("giftCard.name"),
                           icon: "user-alt",
-                          placeholder: e(o)("giftCard.namePlaceholder"),
+                          placeholder: e(t)("giftCard.namePlaceholder"),
                           required: ""
                         }, null, 8, ["modelValue", "label", "placeholder"]),
-                        i(j, {
-                          modelValue: e(h),
-                          "onUpdate:modelValue": a[3] || (a[3] = (t) => T(h) ? h.value = t : null),
+                        n(N, {
+                          modelValue: e(u),
+                          "onUpdate:modelValue": s[3] || (s[3] = (l) => P(u) ? u.value = l : null),
                           type: "email",
                           name: "email",
                           autocomplete: "email",
-                          label: e(o)("giftCard.email"),
+                          label: e(t)("giftCard.email"),
                           icon: "at",
-                          placeholder: e(o)("giftCard.emailPlaceholder"),
+                          placeholder: e(t)("giftCard.emailPlaceholder"),
                           required: ""
                         }, null, 8, ["modelValue", "label", "placeholder"]),
-                        i(Ae, {
-                          modelValue: e(d),
-                          "onUpdate:modelValue": a[4] || (a[4] = (t) => T(d) ? d.value = t : null),
+                        n(Be, {
+                          modelValue: e(r),
+                          "onUpdate:modelValue": s[4] || (s[4] = (l) => P(r) ? r.value = l : null),
                           icon: "phone-office",
-                          label: e(o)("giftCard.phone"),
-                          placeholder: e(o)("giftCard.phonePlaceholder"),
+                          label: e(t)("giftCard.phone"),
+                          placeholder: e(t)("giftCard.phonePlaceholder"),
                           required: ""
                         }, null, 8, ["modelValue", "label", "placeholder"]),
-                        i(j, {
+                        n(N, {
                           modelValue: e(f),
-                          "onUpdate:modelValue": a[5] || (a[5] = (t) => T(f) ? f.value = t : null),
+                          "onUpdate:modelValue": s[5] || (s[5] = (l) => P(f) ? f.value = l : null),
                           type: "number",
                           name: "value",
-                          label: e(o)("giftCard.value"),
+                          label: e(t)("giftCard.value"),
                           icon: "money-bill",
-                          placeholder: e(o)("giftCard.valuePlaceholder"),
-                          suffix: e(K),
+                          placeholder: e(t)("giftCard.valuePlaceholder"),
+                          suffix: e(A),
                           required: ""
                         }, null, 8, ["modelValue", "label", "placeholder", "suffix"]),
-                        V("", !0),
-                        V("", !0),
-                        i(Ve, {
-                          modelValue: e(p),
-                          "onUpdate:modelValue": a[8] || (a[8] = (t) => T(p) ? p.value = t : null),
-                          label: e(o)("giftCard.quantity"),
+                        F("", !0),
+                        F("", !0),
+                        n(Pe, {
+                          modelValue: e(m),
+                          "onUpdate:modelValue": s[8] || (s[8] = (l) => P(m) ? m.value = l : null),
+                          label: e(t)("giftCard.quantity"),
                           icon: "gift-card",
                           required: ""
                         }, null, 8, ["modelValue", "label"])
                       ])
                     ], 512), [
-                      [W, e(u)]
+                      [H, e(p)]
                     ]),
-                    D(s("div", null, [
-                      s("div", {
-                        innerHTML: e(o)("giftCard.thankYou")
-                      }, null, 8, ta)
+                    j(o("div", null, [
+                      o("div", {
+                        innerHTML: e(t)("giftCard.thankYou")
+                      }, null, 8, pa)
                     ], 512), [
-                      [W, e(U)]
+                      [H, e($)]
                     ])
                   ]),
-                  R.layout !== "minimal" && e(u) ? (c(), g("div", oa, [
-                    s("div", na, [
-                      i(B, {
-                        label: e(o)("giftCard.orderGiftCard"),
+                  G.layout !== "minimal" && e(p) ? (d(), k("div", ma, [
+                    o("div", fa, [
+                      n(D, {
+                        label: e(t)("giftCard.orderGiftCard"),
                         "full-width": !0,
-                        disabled: !e(A),
-                        "is-loading": e(P),
-                        "onUpdate:isLoading": a[9] || (a[9] = (t) => T(P) ? P.value = t : null),
-                        onClickEvent: e(x)
+                        disabled: !e(E),
+                        "is-loading": e(U),
+                        "onUpdate:isLoading": s[9] || (s[9] = (l) => P(U) ? U.value = l : null),
+                        onClickEvent: e(L)
                       }, null, 8, ["label", "disabled", "is-loading", "onClickEvent"])
                     ])
-                  ])) : V("", !0),
-                  e(u) ? (c(), g("div", ia, [
-                    i(j, {
-                      modelValue: e(n),
-                      "onUpdate:modelValue": a[10] || (a[10] = (t) => T(n) ? n.value = t : null),
+                  ])) : F("", !0),
+                  e(p) ? (d(), k("div", va, [
+                    n(N, {
+                      modelValue: e(i),
+                      "onUpdate:modelValue": s[10] || (s[10] = (l) => P(i) ? i.value = l : null),
                       type: "textarea",
                       name: "remark",
-                      label: e(o)("giftCard.remark"),
+                      label: e(t)("giftCard.remark"),
                       icon: "info-circle",
-                      placeholder: e(o)("giftCard.remarkPlaceholder")
+                      placeholder: e(t)("giftCard.remarkPlaceholder")
                     }, null, 8, ["modelValue", "label", "placeholder"])
-                  ])) : V("", !0),
-                  e(u) ? (c(), g("div", sa, [
-                    i(B, {
-                      label: e(o)("giftCard.orderGiftCard"),
+                  ])) : F("", !0),
+                  e(p) ? (d(), k("div", ha, [
+                    n(D, {
+                      label: e(t)("giftCard.orderGiftCard"),
                       "full-width": !0,
-                      disabled: !e(A),
+                      disabled: !e(E),
                       "data-test": "orderGiftCard",
-                      "is-loading": e(P),
-                      "onUpdate:isLoading": a[11] || (a[11] = (t) => T(P) ? P.value = t : null),
-                      onClickEvent: e(x)
+                      "is-loading": e(U),
+                      "onUpdate:isLoading": s[11] || (s[11] = (l) => P(U) ? U.value = l : null),
+                      onClickEvent: e(L)
                     }, null, 8, ["label", "disabled", "is-loading", "onClickEvent"]),
-                    D(s("div", ra, [
-                      i(Re)
+                    o("div", null, [
+                      ga,
+                      n(aa)
+                    ]),
+                    j(o("div", ba, [
+                      n(xe)
                     ], 512), [
-                      [W, e(N)]
+                      [H, e(O)]
                     ])
-                  ])) : V("", !0)
+                  ])) : F("", !0)
                 ]))
               ]),
               _: 1
             }, 8, ["access-token", "data-layout"])
           ]),
-          fallback: G(() => [
-            i(Ne)
+          fallback: z(() => [
+            n(ea)
           ]),
           _: 1
         }))
@@ -466,8 +480,8 @@ const je = { class: "gift-card-skeleton" }, Oe = { class: "gift-card-skeleton-fo
       _: 1
     }, 8, ["styling"]));
   }
-}), O = /* @__PURE__ */ se(da, [["__scopeId", "data-v-3a6862b8"]]), ua = Pe();
-class ca extends HTMLElement {
+}), K = /* @__PURE__ */ ce(ya, [["__scopeId", "data-v-30c8e35c"]]), ka = Ue(), _a = Re();
+class Ca extends HTMLElement {
   vueApp;
   constructor() {
     super();
@@ -476,25 +490,25 @@ class ca extends HTMLElement {
     this.vueApp.unmount();
   }
   connectedCallback() {
-    const m = typeof O == "function" ? O.options : O;
-    let w = Array.isArray(m.props) ? m.props : Object.keys(m.props || {});
-    const o = (n) => n.replace(/[A-Z]+(?![a-z])|[A-Z]/g, (v, p) => (p ? "-" : "") + v.toLowerCase()), r = (n) => n.replace(/-./g, (v) => v[1].toUpperCase()), h = {};
-    w = w.map(o);
-    const d = {};
-    for (const n of this.attributes) {
-      const p = n.name.split(".");
-      p.length > 1 && (d[p[0]] || (d[p[0]] = {}), d[p[0]][r(p[1])] = n.value);
+    const c = typeof K == "function" ? K.options : K;
+    let _ = Array.isArray(c.props) ? c.props : Object.keys(c.props || {});
+    const t = (i) => i.replace(/[A-Z]+(?![a-z])|[A-Z]/g, (h, m) => (m ? "-" : "") + h.toLowerCase()), b = (i) => i.replace(/-./g, (h) => h[1].toUpperCase()), u = {};
+    _ = _.map(t);
+    const r = {};
+    for (const i of this.attributes) {
+      const m = i.name.split(".");
+      m.length > 1 && (r[m[0]] || (r[m[0]] = {}), r[m[0]][b(m[1])] = i.value);
     }
-    for (const n of w) {
-      let v = this.attributes.getNamedItem(n)?.value;
-      d.hasOwnProperty(n) && (v = d[n]), h[n] = v;
+    for (const i of _) {
+      let h = this.attributes.getNamedItem(i)?.value;
+      r.hasOwnProperty(i) && (h = r[i]), u[i] = h;
     }
-    this.vueApp = Te(O, h), this.vueApp.use(ua), this.vueApp.use(Se), this.vueApp.use($e, { bootstrap: !0 });
+    this.vueApp = Ae(K, u), this.vueApp.provide("emitter", _a), this.vueApp.use(ka), this.vueApp.use(Ie), this.vueApp.use(Ge, { bootstrap: !0 });
     const f = document.createElement("div");
     this.vueApp.mount(f), this.appendChild(f.children[0]);
   }
 }
-window.customElements.define("konnectio-gift-card", ca);
+window.customElements.define("konnectio-gift-card", Ca);
 export {
-  ca as default
+  Ca as default
 };