@konnectio/core 4.0.56-rc35 → 4.0.56-rc37

package/dist/gift-card.js

@@ -1,14 +1,23 @@
-import { H as ce, J as pe, K as le, N as oe, m as V, a6 as T, P as ae, i as k, X as re, R as te, V as me, W as fe, a7 as ve, d as O, u as Y, M as ge, o as d, a as G, w as L, f as l, c as y, e as o, g as e, C as D, b as F, n as ue, I as he, E as be, _ as ie, t as X, q as ye, a8 as ke, a1 as _e, p as Ce, S as Ve, a9 as H, aa as K, F as we, ab as Fe, a2 as P, j as Pe, ac as Se, T as Z, k as Te, v as $e, x as Ee, y as Ue, z as Ae, A as Ie, B as Re, D as Ge, ad as Le, G as Me } from "./Field.vue_vue_type_style_index_0_scoped_992f78a1_lang-CJgfqs-l.js";
-import { C as qe, a as Be, P as xe, _ as ze } from "./CheckoutWindow-Dn3fiFuv.js";
-import { F as z } from "./Field-fZ3Q2e9-.js";
-import { E as De } from "./ErrorMessage-VK8egk99.js";
-import { S as Oe } from "./TermsOfService-2g29W45E.js";
-const ne = ce("giftCard", () => {
-  const { pay: g } = pe(), { bearerToken: u, metaData: v, currencyId: t } = le(oe()), p = oe(), r = V(T.InitialState), c = ae("konnectio_name", "", void 0, { serializer: te.string }), h = ae("konnectio_email", "", void 0, { serializer: te.string }), i = ae("konnectio_phone", "", void 0, { serializer: te.string }), b = V(""), f = V(1), q = V(!0), S = V(""), a = V({
+import { r as V, g as k, d as O, o as c, a as G, w as R, f as l, c as y, e as o, u as e, b as F, n as ce, t as Y, i as ue, q as pe, h as me, S as fe, v as H, x as K, F as ve, y as ge, s as S, p as he, j as be, k as ye } from "./_commonjsHelpers-UWZO_9XV.js";
+import { j as ke, k as _e, s as le, o as oe, G as T, q as ae, x as re, S as te, v as Ce, w as Ve, F as we, u as Q, n as Fe, C as z, I as Se, E as Pe, _ as ie, H as Te, a as $e, L as Ee, T as Z, b as Ie, e as Ue, f as Ae, g as Le, h as Ge, i as Re, J as qe, m as Me } from "./Field.vue_vue_type_style_index_0_scoped_992f78a1_lang-C8tvgzaO.js";
+import "./navigation.js";
+import { C as De, a as xe, P as Be, _ as ze } from "./CheckoutWindow-DPJ2GFqg.js";
+import { F as B } from "./Field-Dr6RF4JV.js";
+import { E as Oe } from "./ErrorMessage-4DJnsYbI.js";
+import { S as je } from "./TermsOfService-B94i1jM5.js";
+(function() {
+  try {
+    var u = typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {}, n = new Error().stack;
+    n && (u._sentryDebugIds = u._sentryDebugIds || {}, u._sentryDebugIds[n] = "1c70ec68-57ef-4c52-94a2-f315ae1a2cfd", u._sentryDebugIdIdentifier = "sentry-dbid-1c70ec68-57ef-4c52-94a2-f315ae1a2cfd");
+  } catch {
+  }
+})();
+const ne = ke("giftCard", () => {
+  const { pay: u } = _e(), { bearerToken: n, metaData: v, currencyId: t } = le(oe()), m = oe(), d = V(T.InitialState), p = ae("konnectio_name", "", void 0, { serializer: te.string }), h = ae("konnectio_email", "", void 0, { serializer: te.string }), s = ae("konnectio_phone", "", void 0, { serializer: te.string }), b = V(""), g = V(1), M = V(!0), P = V(""), a = V({
     base64: "",
     type: "",
     name: ""
-  }), m = V(void 0), w = V(0), $ = V(!1), _ = V(0), E = k(() => p.metaData.hotels[0]), B = k(() => E.value.termsOfService ? E.value.termsOfService : ""), U = k(() => r.value === T.InitialState || r.value === T.WaitingForResponse), Q = k(() => r.value === T.ReadyToPay), N = k(() => r.value === T.PaymentSuccess), x = k(() => {
+  }), f = V(void 0), w = V(0), $ = V(!1), _ = V(0), E = k(() => m.metaData.hotels[0]), D = k(() => E.value.termsOfService ? E.value.termsOfService : ""), I = k(() => d.value === T.InitialState || d.value === T.WaitingForResponse), X = k(() => d.value === T.ReadyToPay), j = k(() => d.value === T.PaymentSuccess), x = k(() => {
     const C = {
       1: {
         label: re.t("giftCard.hotelType"),
@@ -18,50 +27,50 @@ const ne = ce("giftCard", () => {
         label: re.t("giftCard.restaurantType"),
         data: []
       }
-    }, M = v.value.hotels[0].places;
-    return M && M.forEach((R) => {
-      C[R.placeType].data.push(R);
+    }, q = v.value.hotels[0].places;
+    return q && q.forEach((L) => {
+      C[L.placeType].data.push(L);
     }), Object.fromEntries(
-      Object.entries(C).filter(([, R]) => R.data.length > 0)
+      Object.entries(C).filter(([, L]) => L.data.length > 0)
     );
-  }), W = k(() => _.value !== 0), A = k(() => {
+  }), N = k(() => _.value !== 0), U = k(() => {
     let C;
-    if (W.value)
+    if (N.value)
       C = x.value[_.value].data[0];
     else if (w.value !== 0) {
-      const M = m.value, R = x.value[w.value].data;
-      R.length === 1 ? C = R[0] : M !== void 0 && R.forEach((se) => {
-        String(se.id) === String(M) && (C = se);
+      const q = f.value, L = x.value[w.value].data;
+      L.length === 1 ? C = L[0] : q !== void 0 && L.forEach((se) => {
+        String(se.id) === String(q) && (C = se);
       });
     }
     return C;
-  }), I = k(() => !(!c.value || !h.value || !(i.value.length >= 5) || !b.value || A.value === void 0)), s = k(() => !(r.value === T.InitialState && $.value)), n = k(() => !!(r.value === T.WaitingForResponse && $.value));
-  async function j() {
-    r.value = T.WaitingForResponse, $.value = !0, await me.post("https://production.hotel-service.konnectio.dk/api/gift-card/create", {
+  }), A = k(() => !(!p.value || !h.value || !(s.value.length >= 5) || !b.value || U.value === void 0)), r = k(() => !(d.value === T.InitialState && $.value)), i = k(() => !!(d.value === T.WaitingForResponse && $.value));
+  async function W() {
+    d.value = T.WaitingForResponse, $.value = !0, await Ce.post("https://production.hotel-service.konnectio.dk/api/gift-card/create", {
       termsOfserviceURL: window.location.origin,
       checkoutUrl: window.location.origin,
       currencyID: t.value,
-      language: fe(),
+      language: Ve(),
       amount: b.value,
-      quantity: f.value,
-      freeText: S.value,
-      showPrice: q.value,
-      contactName: c.value,
+      quantity: g.value,
+      freeText: P.value,
+      showPrice: M.value,
+      contactName: p.value,
       contactEmail: h.value,
-      contactPhone: i.value,
-      imageBase64: ve(a.value.base64),
+      contactPhone: s.value,
+      imageBase64: we(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
+      placeType: U.value ? U.value.placeType : void 0,
+      placeID: U.value ? U.value.id : void 0
     }, {
       headers: {
-        Authorization: u.value,
+        Authorization: n.value,
         Accept: "application/json",
-        "Fresh-Booking-Ver": "4.0.56-rc35"
+        "Fresh-Booking-Ver": "4.0.56-rc37"
       }
     }).then((C) => {
-      r.value = T.ReadyToPay, $.value = !1, g({
+      d.value = T.ReadyToPay, $.value = !1, u({
         callback: () => console.log("Callback!"),
         response: C.data
       });
@@ -71,31 +80,31 @@ const ne = ce("giftCard", () => {
     C && (_.value = C);
   }
   return {
-    selectedPlace: A,
-    moduleState: r,
-    name: c,
+    selectedPlace: U,
+    moduleState: d,
+    name: p,
     email: h,
-    phone: i,
+    phone: s,
     value: b,
-    remark: S,
-    showValue: q,
-    quantity: f,
+    remark: P,
+    showValue: M,
+    quantity: g,
     media: a,
-    placeId: m,
+    placeId: f,
     placeType: w,
-    showFormPage: U,
-    showPaymentPage: Q,
-    showConfirmationPage: N,
+    showFormPage: I,
+    showPaymentPage: X,
+    showConfirmationPage: j,
     places: x,
-    hasFilledForm: I,
-    hasForcedPlaceType: W,
-    isWaitingForResponse: n,
-    isMetaDataAvailable: s,
-    termsOfService: B,
-    orderGiftCard: j,
+    hasFilledForm: A,
+    hasForcedPlaceType: N,
+    isWaitingForResponse: i,
+    isMetaDataAvailable: r,
+    termsOfService: D,
+    orderGiftCard: W,
     initialize: ee
   };
-}), Ne = { class: "media-selector" }, We = ["accept"], je = { class: "media-selector-wrapper" }, He = { class: "media-selector-tools" }, Ke = { key: 0 }, Ze = { key: 1 }, Je = { key: 2 }, Xe = ["src"], Ye = /* @__PURE__ */ O({
+}), Ne = { class: "media-selector" }, We = ["accept"], He = { class: "media-selector-wrapper" }, Ke = { class: "media-selector-tools" }, Ze = { key: 0 }, Je = { key: 1 }, Ye = { key: 2 }, Qe = ["src"], Xe = /* @__PURE__ */ O({
   __name: "MediaSelector",
   props: {
     modelValue: {},
@@ -105,94 +114,94 @@ const ne = ce("giftCard", () => {
     required: { type: Boolean, default: !1 }
   },
   emits: ["update:modelValue"],
-  setup(g, { emit: u }) {
-    const v = u, t = g, { t: p } = Y(), { display: r } = ge(), c = V(), h = k(() => t.modelValue.base64 !== "");
-    function i(a) {
+  setup(u, { emit: n }) {
+    const v = n, t = u, { t: m } = Q(), { display: d } = Fe(), p = V(), h = k(() => t.modelValue.base64 !== "");
+    function s(a) {
       v("update:modelValue", a);
     }
     function b() {
-      i({
+      s({
         base64: "",
         name: "",
         type: ""
-      }), c.value && (c.value.value = "");
+      }), p.value && (p.value.value = "");
     }
-    function f() {
-      c.value && c.value.click();
+    function g() {
+      p.value && p.value.click();
     }
-    function q(a, m) {
+    function M(a, f) {
       const [w, $] = [a.name, a.type], _ = new FileReader();
       _.onload = function(E) {
         if (E.target) {
-          const B = E.target.result;
-          m({ base64: B, name: w, type: $ });
+          const D = E.target.result;
+          f({ base64: D, name: w, type: $ });
         } else
-          r({
-            message: p("imageUploadError"),
+          d({
+            message: m("imageUploadError"),
             type: "error"
           });
       }, _.readAsDataURL(a);
     }
-    async function S() {
+    async function P() {
       let a;
-      (a = c.value.files) instanceof FileList && q(a[0], i);
+      (a = p.value.files) instanceof FileList && M(a[0], s);
     }
-    return (a, m) => (d(), G(he, {
+    return (a, f) => (c(), G(Se, {
       label: a.label,
       required: a.required,
       type: "media"
     }, {
-      default: L(() => [
+      default: R(() => [
         l("div", Ne, [
           l("input", {
             ref_key: "fileInput",
-            ref: c,
+            ref: p,
             type: "file",
             class: "hidden",
             accept: a.validation,
             single: "",
-            onChange: m[0] || (m[0] = (w) => S())
+            onChange: f[0] || (f[0] = (w) => P())
           }, null, 40, We),
-          l("div", je, [
-            l("ul", He, [
-              h.value ? F("", !0) : (d(), y("li", Ke, [
-                o(D, {
-                  label: e(p)("uploadFile"),
+          l("div", He, [
+            l("ul", Ke, [
+              h.value ? F("", !0) : (c(), y("li", Ze, [
+                o(z, {
+                  label: e(m)("uploadFile"),
                   type: "button",
                   icon: "upload",
                   "icon-color": a.iconColor,
-                  onClickEvent: m[1] || (m[1] = (w) => f())
+                  onClickEvent: f[1] || (f[1] = (w) => g())
                 }, null, 8, ["label", "icon-color"])
               ])),
-              h.value ? (d(), y("li", Ze, [
-                o(D, {
-                  label: e(p)("replaceFile"),
+              h.value ? (c(), y("li", Je, [
+                o(z, {
+                  label: e(m)("replaceFile"),
                   type: "button",
                   icon: "repeat-alt",
                   "icon-color": a.iconColor,
-                  onClickEvent: m[2] || (m[2] = (w) => f())
+                  onClickEvent: f[2] || (f[2] = (w) => g())
                 }, null, 8, ["label", "icon-color"])
               ])) : F("", !0),
-              h.value ? (d(), y("li", Je, [
-                o(D, {
-                  label: e(p)("removeFile"),
+              h.value ? (c(), y("li", Ye, [
+                o(z, {
+                  label: e(m)("removeFile"),
                   type: "button",
                   icon: "trash-alt",
                   "icon-color": a.iconColor,
-                  onClickEvent: m[3] || (m[3] = (w) => b())
+                  onClickEvent: f[3] || (f[3] = (w) => b())
                 }, null, 8, ["label", "icon-color"])
               ])) : F("", !0)
             ]),
             l("div", {
-              class: ue([
+              class: ce([
                 "media-selector-previewer",
                 { opened: h.value }
               ])
             }, [
-              a.modelValue ? (d(), y("img", {
+              a.modelValue ? (c(), y("img", {
                 key: 0,
                 src: a.modelValue.base64
-              }, null, 8, Xe)) : F("", !0)
+              }, null, 8, Qe)) : F("", !0)
             ], 2)
           ])
         ])
@@ -201,9 +210,9 @@ const ne = ce("giftCard", () => {
     }, 8, ["label", "required"]));
   }
 });
-function de(g) {
-  const u = g;
-  u.__i18n = u.__i18n || [], u.__i18n.push({
+function de(u) {
+  const n = u;
+  n.__i18n = n.__i18n || [], n.__i18n.push({
     locale: "",
     resource: {
       da: {
@@ -221,80 +230,80 @@ function de(g) {
     }
   });
 }
-typeof de == "function" && de(Ye);
-const Qe = { class: "gift-card-skeleton" }, ea = { class: "gift-card-skeleton-form" }, aa = /* @__PURE__ */ O({
+typeof de == "function" && de(Xe);
+const ea = { class: "gift-card-skeleton" }, aa = { class: "gift-card-skeleton-form" }, ta = /* @__PURE__ */ O({
   __name: "GiftCardSkeleton",
-  setup(g) {
-    return (u, v) => (d(), y("div", Qe, [
-      l("div", ea, [
-        o(z),
-        o(z),
-        o(z),
-        o(z),
-        o(z, { "is-text-area": "" }),
-        o(be, { height: "44px" })
+  setup(u) {
+    return (n, v) => (c(), y("div", ea, [
+      l("div", aa, [
+        o(B),
+        o(B),
+        o(B),
+        o(B),
+        o(B, { "is-text-area": "" }),
+        o(Pe, { height: "44px" })
       ])
     ]));
   }
-}), ta = /* @__PURE__ */ ie(aa, [["__scopeId", "data-v-ba3efaa1"]]), la = { class: "konnectio-accept-terms" }, oa = /* @__PURE__ */ O({
+}), la = /* @__PURE__ */ ie(ta, [["__scopeId", "data-v-ba3efaa1"]]), oa = { class: "konnectio-accept-terms" }, na = /* @__PURE__ */ O({
   __name: "_",
   props: {
     content: {},
     buttonLabel: {}
   },
-  setup(g) {
-    const { t: u } = Y(), v = V(!1);
-    return (t, p) => (d(), y("div", la, [
-      o(e(ke), {
+  setup(u) {
+    const { t: n } = Q(), v = V(!1);
+    return (t, m) => (c(), y("div", oa, [
+      o(e(Te), {
         keypath: "general.termsAndConditionsNotice",
         tag: "span",
         scope: "global"
       }, {
-        button: L(() => [
-          l("i", null, '"' + X(t.buttonLabel) + '"', 1)
+        button: R(() => [
+          l("i", null, '"' + Y(t.buttonLabel) + '"', 1)
         ]),
-        terms: L(() => [
+        terms: R(() => [
           l("a", {
             class: "konnectio-accept-terms-link",
             target: "_blank",
-            onClick: p[0] || (p[0] = ye((r) => v.value = !0, ["prevent"]))
+            onClick: m[0] || (m[0] = ue((d) => v.value = !0, ["prevent"]))
           }, [
-            l("span", null, X(e(u)("general.termsAndConditions")), 1)
+            l("span", null, Y(e(n)("general.termsAndConditions")), 1)
           ])
         ]),
         _: 1
       }),
-      o(Oe, {
+      o(je, {
         modelValue: v.value,
-        "onUpdate:modelValue": p[1] || (p[1] = (r) => v.value = r),
+        "onUpdate:modelValue": m[1] || (m[1] = (d) => v.value = d),
         description: t.content
       }, null, 8, ["modelValue", "description"])
     ]));
   }
-}), na = /* @__PURE__ */ ie(oa, [["__scopeId", "data-v-c9c826cf"]]), ia = /* @__PURE__ */ O({
+}), ia = /* @__PURE__ */ ie(na, [["__scopeId", "data-v-c9c826cf"]]), sa = /* @__PURE__ */ O({
   __name: "GiftCard",
-  setup(g) {
-    const { t: u } = Y(), v = ne();
-    return (t, p) => (d(), G(na, {
+  setup(u) {
+    const { t: n } = Q(), v = ne();
+    return (t, m) => (c(), G(ia, {
       content: e(v).termsOfService,
-      "button-label": e(u)("giftCard.orderGiftCard")
+      "button-label": e(n)("giftCard.orderGiftCard")
     }, null, 8, ["content", "button-label"]));
   }
-}), sa = (g) => (Ue("data-v-571cd69e"), g = g(), Ae(), g), ra = ["data-layout"], da = { id: "konnectio-gift-card-wrapper" }, ua = { id: "konnectio-gift-card-title" }, ca = { id: "konnectio-gift-card-content" }, pa = { id: "konnectio-gift-card-payment" }, ma = ["innerHTML"], fa = { key: 0 }, va = {
+}), ra = (u) => (he("data-v-faae538e"), u = u(), be(), u), da = ["data-layout"], ca = { id: "konnectio-gift-card-wrapper" }, ua = { id: "konnectio-gift-card-title" }, pa = { id: "konnectio-gift-card-content" }, ma = { id: "konnectio-gift-card-payment" }, fa = ["innerHTML"], va = { key: 0 }, ga = {
   key: 0,
-  id: "fresh-booking-select-place-type"
-}, ga = {
-  class: /* @__PURE__ */ ue(["fresh-booking-label", "required"])
-}, ha = { id: "fresh-booking-select-place-type-input" }, ba = ["innerHTML"], ya = {
+  id: "konnectio-select-place-type"
+}, ha = {
+  class: /* @__PURE__ */ ce(["konnectio-label", "required"])
+}, ba = { id: "konnectio-select-place-type-input" }, ya = ["innerHTML"], ka = {
   key: 0,
   id: "konnectio-gift-card-order"
-}, ka = { class: "fresh-booking-panel" }, _a = {
+}, _a = { class: "konnectio-panel" }, Ca = {
   key: 1,
   id: "konnectio-gift-card-remarks"
-}, Ca = {
+}, Va = {
   key: 2,
   id: "konnectio-gift-card-order-minimal"
-}, Va = /* @__PURE__ */ sa(() => /* @__PURE__ */ l("div", { class: "konnectio-divider" }, null, -1)), wa = { id: "konnectio-gift-card-recaptcha" }, Fa = /* @__PURE__ */ O({
+}, wa = /* @__PURE__ */ ra(() => /* @__PURE__ */ l("div", { class: "konnectio-divider" }, null, -1)), Fa = { id: "konnectio-gift-card-recaptcha" }, Sa = /* @__PURE__ */ O({
   name: "GiftCardLayout",
   __name: "GiftCard",
   props: {
@@ -303,60 +312,60 @@ const Qe = { class: "gift-card-skeleton" }, ea = { class: "gift-card-skeleton-fo
     placeType: {},
     styling: {}
   },
-  setup(g) {
-    const u = g, v = k(() => ({
+  setup(u) {
+    const n = u, v = k(() => ({
       panelMaxWidth: "800px",
-      ...u.styling
-    })), { t } = Y(), {
-      name: p,
-      email: r,
-      phone: c,
+      ...n.styling
+    })), { t } = Q(), {
+      name: m,
+      email: d,
+      phone: p,
       value: h,
-      remark: i,
+      remark: s,
       showValue: b,
-      quantity: f,
-      media: q,
-      placeId: S,
+      quantity: g,
+      media: M,
+      placeId: P,
       placeType: a,
-      showFormPage: m,
+      showFormPage: f,
       showPaymentPage: w,
       showConfirmationPage: $,
       places: _,
       hasFilledForm: E,
-      hasForcedPlaceType: B,
-      isWaitingForResponse: U
-    } = le(ne()), { initialize: Q, orderGiftCard: N } = ne(), { isRecaptchaEnabled: x, currency: W, hasError: A } = le(oe());
-    return _e(a, () => {
-      S.value = void 0;
-    }), Ce(() => {
-      const I = u.placeType ? parseInt(u.placeType) : void 0;
-      Q(I);
-    }), (I, s) => (d(), G(Ee, { styling: v.value }, {
-      default: L(() => [
-        (d(), G(Ve, null, {
-          default: L(() => [
-            o($e, {
+      hasForcedPlaceType: D,
+      isWaitingForResponse: I
+    } = le(ne()), { initialize: X, orderGiftCard: j } = ne(), { isRecaptchaEnabled: x, currency: N, hasError: U } = le(oe());
+    return pe(a, () => {
+      P.value = void 0;
+    }), me(() => {
+      const A = n.placeType ? parseInt(n.placeType) : void 0;
+      X(A);
+    }), (A, r) => (c(), G(Ae, { styling: v.value }, {
+      default: R(() => [
+        (c(), G(fe, null, {
+          default: R(() => [
+            o(Ue, {
               type: "gift-card",
-              "access-token": I.accessToken,
-              "data-layout": I.layout
+              "access-token": A.accessToken,
+              "data-layout": A.layout
             }, {
-              default: L(() => [
-                e(A) ? (d(), G(De, {
+              default: R(() => [
+                e(U) ? (c(), G(Oe, {
                   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."
-                })) : (d(), y("div", {
+                })) : (c(), y("div", {
                   key: 0,
                   id: "konnectio-gift-card-module",
-                  "data-layout": I.layout
+                  "data-layout": A.layout
                 }, [
-                  l("div", da, [
+                  l("div", ca, [
                     l("h2", ua, [
-                      l("span", null, X(e(t)("giftCard.title")), 1)
+                      l("span", null, Y(e(t)("giftCard.title")), 1)
                     ]),
-                    l("div", ca, [
-                      H(l("div", pa, [
-                        o(qe)
+                    l("div", pa, [
+                      H(l("div", ma, [
+                        o(De)
                       ], 512), [
                         [K, e(w)]
                       ]),
@@ -364,30 +373,30 @@ const Qe = { class: "gift-card-skeleton" }, ea = { class: "gift-card-skeleton-fo
                         l("p", {
                           id: "konnectio-gift-card-description",
                           innerHTML: e(t)("giftCard.description")
-                        }, null, 8, ma),
+                        }, null, 8, fa),
                         l("form", null, [
-                          e(B) ? F("", !0) : (d(), y("div", fa, [
-                            e(_) ? (d(), y("div", va, [
-                              l("label", ga, [
-                                l("span", null, X(e(t)("giftCard.selectType")), 1)
+                          e(D) ? F("", !0) : (c(), y("div", va, [
+                            e(_) ? (c(), y("div", ga, [
+                              l("label", ha, [
+                                l("span", null, Y(e(t)("giftCard.selectType")), 1)
                               ]),
-                              l("div", ha, [
+                              l("div", ba, [
                                 l("ul", null, [
-                                  (d(!0), y(we, null, Fe(e(_), (n, j) => (d(), y("li", { key: j }, [
-                                    o(Be, {
+                                  (c(!0), y(ve, null, ge(e(_), (i, W) => (c(), y("li", { key: W }, [
+                                    o(xe, {
                                       modelValue: e(a),
-                                      "onUpdate:modelValue": s[0] || (s[0] = (ee) => P(a) ? a.value = ee : null),
+                                      "onUpdate:modelValue": r[0] || (r[0] = (ee) => S(a) ? a.value = ee : null),
                                       type: "radio",
                                       name: "placeType",
-                                      val: j,
-                                      label: n.label
+                                      val: W,
+                                      label: i.label
                                     }, null, 8, ["modelValue", "val", "label"])
                                   ]))), 128))
                                 ]),
-                                e(_)[e(a)] && e(_)[e(a)].data.length > 1 ? (d(), G(Pe, {
+                                e(_)[e(a)] && e(_)[e(a)].data.length > 1 ? (c(), G($e, {
                                   key: 0,
-                                  modelValue: e(S),
-                                  "onUpdate:modelValue": s[1] || (s[1] = (n) => P(S) ? S.value = n : null),
+                                  modelValue: e(P),
+                                  "onUpdate:modelValue": r[1] || (r[1] = (i) => S(P) ? P.value = i : null),
                                   placeholder: e(t)("giftCard.selectPlacePlaceholder"),
                                   options: e(_)[e(a)].data,
                                   labelKey: "name",
@@ -395,11 +404,11 @@ const Qe = { class: "gift-card-skeleton" }, ea = { class: "gift-card-skeleton-fo
                                   required: ""
                                 }, null, 8, ["modelValue", "placeholder", "options"])) : F("", !0)
                               ])
-                            ])) : (d(), G(Se, { key: 1 }))
+                            ])) : (c(), G(Ee, { key: 1 }))
                           ])),
                           o(Z, {
-                            modelValue: e(p),
-                            "onUpdate:modelValue": s[2] || (s[2] = (n) => P(p) ? p.value = n : null),
+                            modelValue: e(m),
+                            "onUpdate:modelValue": r[2] || (r[2] = (i) => S(m) ? m.value = i : null),
                             type: "text",
                             name: "name",
                             autocomplete: "name",
@@ -409,8 +418,8 @@ const Qe = { class: "gift-card-skeleton" }, ea = { class: "gift-card-skeleton-fo
                             required: ""
                           }, null, 8, ["modelValue", "label", "placeholder"]),
                           o(Z, {
-                            modelValue: e(r),
-                            "onUpdate:modelValue": s[3] || (s[3] = (n) => P(r) ? r.value = n : null),
+                            modelValue: e(d),
+                            "onUpdate:modelValue": r[3] || (r[3] = (i) => S(d) ? d.value = i : null),
                             type: "email",
                             name: "email",
                             autocomplete: "email",
@@ -419,9 +428,9 @@ const Qe = { class: "gift-card-skeleton" }, ea = { class: "gift-card-skeleton-fo
                             placeholder: e(t)("giftCard.emailPlaceholder"),
                             required: ""
                           }, null, 8, ["modelValue", "label", "placeholder"]),
-                          o(xe, {
-                            modelValue: e(c),
-                            "onUpdate:modelValue": s[4] || (s[4] = (n) => P(c) ? c.value = n : null),
+                          o(Be, {
+                            modelValue: e(p),
+                            "onUpdate:modelValue": r[4] || (r[4] = (i) => S(p) ? p.value = i : null),
                             icon: "phone-office",
                             label: e(t)("giftCard.phone"),
                             placeholder: e(t)("giftCard.phonePlaceholder"),
@@ -429,52 +438,52 @@ const Qe = { class: "gift-card-skeleton" }, ea = { class: "gift-card-skeleton-fo
                           }, null, 8, ["modelValue", "label", "placeholder"]),
                           o(Z, {
                             modelValue: e(h),
-                            "onUpdate:modelValue": s[5] || (s[5] = (n) => P(h) ? h.value = n : null),
+                            "onUpdate:modelValue": r[5] || (r[5] = (i) => S(h) ? h.value = i : null),
                             type: "number",
                             name: "value",
                             label: e(t)("giftCard.value"),
                             icon: "money-bill",
                             placeholder: e(t)("giftCard.valuePlaceholder"),
-                            suffix: e(W),
+                            suffix: e(N),
                             required: ""
                           }, null, 8, ["modelValue", "label", "placeholder", "suffix"]),
                           F("", !0),
                           F("", !0),
-                          o(Te, {
-                            modelValue: e(f),
-                            "onUpdate:modelValue": s[8] || (s[8] = (n) => P(f) ? f.value = n : null),
+                          o(Ie, {
+                            modelValue: e(g),
+                            "onUpdate:modelValue": r[8] || (r[8] = (i) => S(g) ? g.value = i : null),
                             label: e(t)("giftCard.quantity"),
                             icon: "gift-card",
                             required: ""
                           }, null, 8, ["modelValue", "label"])
                         ])
                       ], 512), [
-                        [K, e(m)]
+                        [K, e(f)]
                       ]),
                       H(l("div", null, [
                         l("div", {
                           innerHTML: e(t)("giftCard.thankYou")
-                        }, null, 8, ba)
+                        }, null, 8, ya)
                       ], 512), [
                         [K, e($)]
                       ])
                     ]),
-                    I.layout !== "minimal" && e(m) ? (d(), y("div", ya, [
-                      l("div", ka, [
-                        o(D, {
+                    A.layout !== "minimal" && e(f) ? (c(), y("div", ka, [
+                      l("div", _a, [
+                        o(z, {
                           label: e(t)("giftCard.orderGiftCard"),
                           "full-width": !0,
                           disabled: !e(E),
-                          "is-loading": e(U),
-                          "onUpdate:isLoading": s[9] || (s[9] = (n) => P(U) ? U.value = n : null),
-                          onClickEvent: e(N)
+                          "is-loading": e(I),
+                          "onUpdate:isLoading": r[9] || (r[9] = (i) => S(I) ? I.value = i : null),
+                          onClickEvent: e(j)
                         }, null, 8, ["label", "disabled", "is-loading", "onClickEvent"])
                       ])
                     ])) : F("", !0),
-                    e(m) ? (d(), y("div", _a, [
+                    e(f) ? (c(), y("div", Ca, [
                       o(Z, {
-                        modelValue: e(i),
-                        "onUpdate:modelValue": s[10] || (s[10] = (n) => P(i) ? i.value = n : null),
+                        modelValue: e(s),
+                        "onUpdate:modelValue": r[10] || (r[10] = (i) => S(s) ? s.value = i : null),
                         type: "textarea",
                         name: "remark",
                         label: e(t)("giftCard.remark"),
@@ -482,34 +491,34 @@ const Qe = { class: "gift-card-skeleton" }, ea = { class: "gift-card-skeleton-fo
                         placeholder: e(t)("giftCard.remarkPlaceholder")
                       }, null, 8, ["modelValue", "label", "placeholder"])
                     ])) : F("", !0),
-                    e(m) ? (d(), y("div", Ca, [
-                      o(D, {
+                    e(f) ? (c(), y("div", Va, [
+                      o(z, {
                         label: e(t)("giftCard.orderGiftCard"),
                         "full-width": !0,
                         disabled: !e(E),
                         "data-test": "orderGiftCard",
-                        "is-loading": e(U),
-                        "onUpdate:isLoading": s[11] || (s[11] = (n) => P(U) ? U.value = n : null),
-                        onClickEvent: e(N)
+                        "is-loading": e(I),
+                        "onUpdate:isLoading": r[11] || (r[11] = (i) => S(I) ? I.value = i : null),
+                        onClickEvent: e(j)
                       }, null, 8, ["label", "disabled", "is-loading", "onClickEvent"]),
                       l("div", null, [
-                        Va,
-                        o(ia)
+                        wa,
+                        o(sa)
                       ]),
-                      H(l("div", wa, [
+                      H(l("div", Fa, [
                         o(ze)
                       ], 512), [
                         [K, e(x)]
                       ])
                     ])) : F("", !0)
                   ])
-                ], 8, ra))
+                ], 8, da))
               ]),
               _: 1
             }, 8, ["access-token", "data-layout"])
           ]),
-          fallback: L(() => [
-            o(ta)
+          fallback: R(() => [
+            o(la)
           ]),
           _: 1
         }))
@@ -517,8 +526,8 @@ const Qe = { class: "gift-card-skeleton" }, ea = { class: "gift-card-skeleton-fo
       _: 1
     }, 8, ["styling"]));
   }
-}), J = /* @__PURE__ */ ie(Fa, [["__scopeId", "data-v-571cd69e"]]), Pa = Ie(), Sa = Me();
-class Ta extends HTMLElement {
+}), J = /* @__PURE__ */ ie(Sa, [["__scopeId", "data-v-faae538e"]]), Pa = Le(), Ta = Me();
+class $a extends HTMLElement {
   vueApp;
   constructor() {
     super();
@@ -527,25 +536,26 @@ class Ta extends HTMLElement {
     this.vueApp.unmount();
   }
   connectedCallback() {
-    const u = typeof J == "function" ? J.options : J;
-    let v = Array.isArray(u.props) ? u.props : Object.keys(u.props || {});
-    const t = (i) => i.replace(/[A-Z]+(?![a-z])|[A-Z]/g, (b, f) => (f ? "-" : "") + b.toLowerCase()), p = (i) => i.replace(/-./g, (b) => b[1].toUpperCase()), r = {};
+    const n = typeof J == "function" ? J.options : J;
+    let v = Array.isArray(n.props) ? n.props : Object.keys(n.props || {});
+    const t = (s) => s.replace(/[A-Z]+(?![a-z])|[A-Z]/g, (b, g) => (g ? "-" : "") + b.toLowerCase()), m = (s) => s.replace(/-./g, (b) => b[1].toUpperCase()), d = {};
     v = v.map(t);
-    const c = {};
-    for (const i of this.attributes) {
-      const f = i.name.split(".");
-      f.length > 1 && (c[f[0]] || (c[f[0]] = {}), c[f[0]][p(f[1])] = i.value);
+    const p = {};
+    for (const s of this.attributes) {
+      const g = s.name.split(".");
+      g.length > 1 && (p[g[0]] || (p[g[0]] = {}), p[g[0]][m(g[1])] = s.value);
     }
-    for (const i of v) {
-      let b = this.attributes.getNamedItem(i)?.value;
-      c.hasOwnProperty(i) && (b = c[i]), r[i] = b;
+    for (const s of v) {
+      let b = this.attributes.getNamedItem(s)?.value;
+      p.hasOwnProperty(s) && (b = p[s]), d[s] = b;
     }
-    this.vueApp = Re(J, r), this.vueApp.provide("emitter", Sa), this.vueApp.use(Pa), this.vueApp.use(Ge), this.vueApp.use(Le, { bootstrap: !0 });
+    this.vueApp = ye(J, d), Ge(this.vueApp), this.vueApp.provide("emitter", Ta), this.vueApp.use(Pa), this.vueApp.use(Re), this.vueApp.use(qe, { bootstrap: !0 });
     const h = document.createElement("div");
     this.vueApp.mount(h), this.appendChild(h.children[0]);
   }
 }
-window.customElements.define("konnectio-gift-card", Ta);
+window.customElements.define("konnectio-gift-card", $a);
 export {
-  Ta as default
+  $a as default
 };
+//# sourceMappingURL=gift-card.js.map