@konnectio/core 4.0.56-rc20 → 4.0.56-rc22

package/dist/gift-card.js

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