@konnectio/core 4.0.56-rc24 → 4.0.56-rc26

package/dist/gift-card.js

@@ -1,51 +1,52 @@
-import { N as ue, O as pe, s as ee, c as ae, r as w, ag as T, U as Q, e as y, Y as ie, W as X, X as me, v as fe, ah as ve, d as Y, u as le, Q as he, f as d, n as M, z, h as o, g as k, k as n, j as e, C as D, m as F, q as de, I as ge, a0 as B, $ as be, x as ce, w as ye, o as ke, S as _e, A as se, ai as W, aj as N, F as Ce, ab as Ve, l as P, _ as we, ak as Fe, T as H, p as Pe, D as Se, E as Te, G as $e, H as Ee, J as Ue, K as Ae, L as Ie, af as Ge, M as Me } from "./Field-wvMopAED.js";
-import { B as Re, a as Le, C as qe, P as xe, _ as Be } from "./CheckoutWindow-Dmg9JyZJ.js";
-import { E as ze } from "./ErrorMessage-iVDG0uzJ.js";
-const te = ue("giftCard", () => {
-  const { pay: v } = pe(), { bearerToken: c, metaData: _, currencyId: t } = ee(ae()), b = ae(), u = w(T.InitialState), r = Q("konnectio_name", "", void 0, { serializer: X.string }), f = Q("konnectio_email", "", void 0, { serializer: X.string }), i = Q("konnectio_phone", "", void 0, { serializer: X.string }), h = w(""), m = w(1), q = w(!0), S = w(""), a = w({
+import { O as ue, P as pe, s as te, c as le, r as V, ag as T, V as ee, e as _, Z as re, X as ae, Y as me, v as fe, ah as ve, d as D, u as J, R as ge, f as d, n as M, y as R, h as l, g as k, k as o, j as e, C as z, m as F, q as ce, I as he, a1 as O, a0 as be, x as ne, B as Y, t as ye, ai as ke, w as _e, o as Ce, S as Ve, aj as W, ak as H, F as we, ab as Fe, l as P, _ as Pe, al as Se, T as K, p as Te, E as $e, G as Ee, H as Ue, J as Ae, K as Ie, L as Le, M as Me, af as Re, N as Ge } from "./Field--v3gXf5T.js";
+import { a as qe, C as Be, P as xe, _ as Oe } from "./CheckoutWindow-O8RW6qn9.js";
+import { E as ze } from "./ErrorMessage-E5-s1X3R.js";
+import { S as De } from "./TermsOfService-ktKVacVw.js";
+const oe = ue("giftCard", () => {
+  const { pay: g } = pe(), { bearerToken: c, metaData: v, currencyId: t } = te(le()), p = le(), r = V(T.InitialState), u = ee("konnectio_name", "", void 0, { serializer: ae.string }), h = ee("konnectio_email", "", void 0, { serializer: ae.string }), i = ee("konnectio_phone", "", void 0, { serializer: ae.string }), b = V(""), f = V(1), B = V(!0), S = V(""), a = V({
     base64: "",
     type: "",
     name: ""
-  }), p = w(void 0), V = w(0), $ = w(!1), C = w(0), E = y(() => b.metaData.hotels[0]), x = y(() => E.value.termsOfService ? E.value.termsOfService : ""), U = y(() => u.value === T.InitialState || u.value === T.WaitingForResponse), oe = y(() => u.value === T.ReadyToPay), Z = y(() => u.value === T.PaymentSuccess), R = y(() => {
-    const g = {
+  }), m = V(void 0), w = V(0), $ = V(!1), C = V(0), E = _(() => p.metaData.hotels[0]), x = _(() => E.value.termsOfService ? E.value.termsOfService : ""), U = _(() => r.value === T.InitialState || r.value === T.WaitingForResponse), ie = _(() => r.value === T.ReadyToPay), X = _(() => r.value === T.PaymentSuccess), G = _(() => {
+    const y = {
       1: {
-        label: ie.t("giftCard.hotelType"),
+        label: re.t("giftCard.hotelType"),
         data: []
       },
       2: {
-        label: ie.t("giftCard.restaurantType"),
+        label: re.t("giftCard.restaurantType"),
         data: []
       }
-    }, L = _.value.hotels[0].places;
-    return L && L.forEach((I) => {
-      g[I.placeType].data.push(I);
+    }, q = v.value.hotels[0].places;
+    return q && q.forEach((I) => {
+      y[I.placeType].data.push(I);
     }), Object.fromEntries(
-      Object.entries(g).filter(([, I]) => I.data.length > 0)
+      Object.entries(y).filter(([, I]) => I.data.length > 0)
     );
-  }), O = y(() => C.value !== 0), A = y(() => {
-    let g;
-    if (O.value)
-      g = R.value[C.value].data[0];
-    else if (V.value !== 0) {
-      const L = p.value, I = R.value[V.value].data;
-      I.length === 1 ? g = I[0] : L !== void 0 && I.forEach((ne) => {
-        String(ne.id) === String(L) && (g = ne);
+  }), j = _(() => C.value !== 0), A = _(() => {
+    let y;
+    if (j.value)
+      y = G.value[C.value].data[0];
+    else if (w.value !== 0) {
+      const q = m.value, I = G.value[w.value].data;
+      I.length === 1 ? y = I[0] : q !== void 0 && I.forEach((se) => {
+        String(se.id) === String(q) && (y = se);
       });
     }
-    return g;
-  }), J = 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", {
+    return y;
+  }), Q = _(() => !(!u.value || !h.value || !(i.value.length >= 5) || !b.value || A.value === void 0)), L = _(() => !(r.value === T.InitialState && $.value)), s = _(() => !!(r.value === T.WaitingForResponse && $.value));
+  async function n() {
+    r.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: t.value,
       language: fe(),
-      amount: h.value,
-      quantity: m.value,
+      amount: b.value,
+      quantity: f.value,
       freeText: S.value,
-      showPrice: q.value,
-      contactName: r.value,
-      contactEmail: f.value,
+      showPrice: B.value,
+      contactName: u.value,
+      contactEmail: h.value,
       contactPhone: i.value,
       imageBase64: ve(a.value.base64),
       imageName: a.value.name,
@@ -56,44 +57,44 @@ const te = ue("giftCard", () => {
       headers: {
         Authorization: c.value,
         Accept: "application/json",
-        "Fresh-Booking-Ver": "4.0.56-rc24"
+        "Fresh-Booking-Ver": "4.0.56-rc26"
       }
-    }).then((g) => {
-      u.value = T.ReadyToPay, $.value = !1, v({
+    }).then((y) => {
+      r.value = T.ReadyToPay, $.value = !1, g({
         callback: () => console.log("Callback!"),
-        response: g.data
+        response: y.data
       });
     });
   }
-  function j(g) {
-    g && (C.value = g);
+  function N(y) {
+    y && (C.value = y);
   }
   return {
     selectedPlace: A,
-    moduleState: u,
-    name: r,
-    email: f,
+    moduleState: r,
+    name: u,
+    email: h,
     phone: i,
-    value: h,
+    value: b,
     remark: S,
-    showValue: q,
-    quantity: m,
+    showValue: B,
+    quantity: f,
     media: a,
-    placeId: p,
-    placeType: V,
+    placeId: m,
+    placeType: w,
     showFormPage: U,
-    showPaymentPage: oe,
-    showConfirmationPage: Z,
-    places: R,
-    hasFilledForm: J,
-    hasForcedPlaceType: O,
+    showPaymentPage: ie,
+    showConfirmationPage: X,
+    places: G,
+    hasFilledForm: Q,
+    hasForcedPlaceType: j,
     isWaitingForResponse: s,
-    isMetaDataAvailable: G,
+    isMetaDataAvailable: L,
     termsOfService: x,
-    orderGiftCard: l,
-    initialize: j
+    orderGiftCard: n,
+    initialize: N
   };
-}), De = { class: "media-selector" }, Oe = ["accept"], je = { class: "media-selector-wrapper" }, We = { class: "media-selector-tools" }, Ne = { key: 0 }, He = { key: 1 }, Ke = { key: 2 }, Ye = ["src"], Ze = /* @__PURE__ */ Y({
+}), je = { class: "media-selector" }, Ne = ["accept"], We = { class: "media-selector-wrapper" }, He = { class: "media-selector-tools" }, Ke = { key: 0 }, Ze = { key: 1 }, Ye = { key: 2 }, Je = ["src"], Xe = /* @__PURE__ */ D({
   __name: "MediaSelector",
   props: {
     modelValue: {},
@@ -103,94 +104,94 @@ const te = ue("giftCard", () => {
     required: { type: Boolean, default: !1 }
   },
   emits: ["update:modelValue"],
-  setup(v, { emit: c }) {
-    const _ = c, t = v, { t: b } = le(), { display: u } = he(), r = w(), f = y(() => t.modelValue.base64 !== "");
+  setup(g, { emit: c }) {
+    const v = c, t = g, { t: p } = J(), { display: r } = ge(), u = V(), h = _(() => t.modelValue.base64 !== "");
     function i(a) {
-      _("update:modelValue", a);
+      v("update:modelValue", a);
     }
-    function h() {
+    function b() {
       i({
         base64: "",
         name: "",
         type: ""
-      }), r.value && (r.value.value = "");
+      }), u.value && (u.value.value = "");
     }
-    function m() {
-      r.value && r.value.click();
+    function f() {
+      u.value && u.value.click();
     }
-    function q(a, p) {
-      const [V, $] = [a.name, a.type], C = new FileReader();
+    function B(a, m) {
+      const [w, $] = [a.name, a.type], C = new FileReader();
       C.onload = function(E) {
         if (E.target) {
           const x = E.target.result;
-          p({ base64: x, name: V, type: $ });
+          m({ base64: x, name: w, type: $ });
         } else
-          u({
-            message: b("imageUploadError"),
+          r({
+            message: p("imageUploadError"),
             type: "error"
           });
       }, C.readAsDataURL(a);
     }
     async function S() {
       let a;
-      (a = r.value.files) instanceof FileList && q(a[0], i);
+      (a = u.value.files) instanceof FileList && B(a[0], i);
     }
-    return (a, p) => (d(), M(ge, {
+    return (a, m) => (d(), M(he, {
       label: a.label,
       required: a.required,
       type: "media"
     }, {
-      default: z(() => [
-        o("div", De, [
-          o("input", {
+      default: R(() => [
+        l("div", je, [
+          l("input", {
             ref_key: "fileInput",
-            ref: r,
+            ref: u,
             type: "file",
             class: "hidden",
             accept: a.validation,
             single: "",
-            onChange: p[0] || (p[0] = (V) => S())
-          }, null, 40, Oe),
-          o("div", je, [
-            o("ul", We, [
-              f.value ? F("", !0) : (d(), k("li", Ne, [
-                n(D, {
-                  label: e(b)("uploadFile"),
+            onChange: m[0] || (m[0] = (w) => S())
+          }, null, 40, Ne),
+          l("div", We, [
+            l("ul", He, [
+              h.value ? F("", !0) : (d(), k("li", Ke, [
+                o(z, {
+                  label: e(p)("uploadFile"),
                   type: "button",
                   icon: "upload",
                   "icon-color": a.iconColor,
-                  onClickEvent: p[1] || (p[1] = (V) => m())
+                  onClickEvent: m[1] || (m[1] = (w) => f())
                 }, null, 8, ["label", "icon-color"])
               ])),
-              f.value ? (d(), k("li", He, [
-                n(D, {
-                  label: e(b)("replaceFile"),
+              h.value ? (d(), k("li", Ze, [
+                o(z, {
+                  label: e(p)("replaceFile"),
                   type: "button",
                   icon: "repeat-alt",
                   "icon-color": a.iconColor,
-                  onClickEvent: p[2] || (p[2] = (V) => m())
+                  onClickEvent: m[2] || (m[2] = (w) => f())
                 }, null, 8, ["label", "icon-color"])
               ])) : F("", !0),
-              f.value ? (d(), k("li", Ke, [
-                n(D, {
-                  label: e(b)("removeFile"),
+              h.value ? (d(), k("li", Ye, [
+                o(z, {
+                  label: e(p)("removeFile"),
                   type: "button",
                   icon: "trash-alt",
                   "icon-color": a.iconColor,
-                  onClickEvent: p[3] || (p[3] = (V) => h())
+                  onClickEvent: m[3] || (m[3] = (w) => b())
                 }, null, 8, ["label", "icon-color"])
               ])) : F("", !0)
             ]),
-            o("div", {
-              class: de([
+            l("div", {
+              class: ce([
                 "media-selector-previewer",
-                { opened: f.value }
+                { opened: h.value }
               ])
             }, [
               a.modelValue ? (d(), k("img", {
                 key: 0,
                 src: a.modelValue.base64
-              }, null, 8, Ye)) : F("", !0)
+              }, null, 8, Je)) : F("", !0)
             ], 2)
           ])
         ])
@@ -199,8 +200,8 @@ const te = ue("giftCard", () => {
     }, 8, ["label", "required"]));
   }
 });
-function re(v) {
-  const c = v;
+function de(g) {
+  const c = g;
   c.__i18n = c.__i18n || [], c.__i18n.push({
     locale: "",
     resource: {
@@ -219,48 +220,83 @@ function re(v) {
     }
   });
 }
-typeof re == "function" && re(Ze);
-const Je = { class: "gift-card-skeleton" }, Qe = { class: "gift-card-skeleton-form" }, Xe = /* @__PURE__ */ Y({
+typeof de == "function" && de(Xe);
+const Qe = { class: "gift-card-skeleton" }, ea = { class: "gift-card-skeleton-form" }, aa = /* @__PURE__ */ D({
   __name: "GiftCardSkeleton",
-  setup(v) {
-    return (c, _) => (d(), k("div", Je, [
-      o("div", Qe, [
-        n(B),
-        n(B),
-        n(B),
-        n(B),
-        n(B, { "is-text-area": "" }),
-        n(be, { height: "44px" })
+  setup(g) {
+    return (c, v) => (d(), k("div", Qe, [
+      l("div", ea, [
+        o(O),
+        o(O),
+        o(O),
+        o(O),
+        o(O, { "is-text-area": "" }),
+        o(be, { height: "44px" })
       ])
     ]));
   }
-}), ea = /* @__PURE__ */ ce(Xe, [["__scopeId", "data-v-ba3efaa1"]]), aa = /* @__PURE__ */ Y({
+}), ta = /* @__PURE__ */ ne(aa, [["__scopeId", "data-v-ba3efaa1"]]), la = { class: "konnectio-accept-terms" }, oa = /* @__PURE__ */ D({
+  __name: "_",
+  props: {
+    content: {},
+    buttonLabel: {}
+  },
+  setup(g) {
+    const { t: c } = J(), v = V(!1);
+    return (t, p) => (d(), k("div", la, [
+      o(e(ke), {
+        keypath: "general.termsAndConditionsNotice",
+        tag: "span",
+        scope: "global"
+      }, {
+        button: R(() => [
+          l("i", null, '"' + Y(t.buttonLabel) + '"', 1)
+        ]),
+        terms: R(() => [
+          l("a", {
+            class: "konnectio-accept-terms-link",
+            target: "_blank",
+            onClick: p[0] || (p[0] = ye((r) => v.value = !0, ["prevent"]))
+          }, [
+            l("span", null, Y(e(c)("general.termsAndConditions")), 1)
+          ])
+        ]),
+        _: 1
+      }),
+      o(De, {
+        modelValue: v.value,
+        "onUpdate:modelValue": p[1] || (p[1] = (r) => v.value = r),
+        description: t.content
+      }, null, 8, ["modelValue", "description"])
+    ]));
+  }
+}), na = /* @__PURE__ */ ne(oa, [["__scopeId", "data-v-c9c826cf"]]), ia = /* @__PURE__ */ D({
   __name: "GiftCard",
-  setup(v) {
-    const { t: c } = le(), _ = te();
-    return (t, b) => (d(), M(Re, {
-      content: e(_).termsOfService,
+  setup(g) {
+    const { t: c } = J(), v = oe();
+    return (t, p) => (d(), M(na, {
+      content: e(v).termsOfService,
       "button-label": e(c)("giftCard.orderGiftCard")
     }, null, 8, ["content", "button-label"]));
   }
-}), ta = (v) => ($e("data-v-30c8e35c"), v = v(), Ee(), v), la = {
+}), sa = (g) => (Ue("data-v-30c8e35c"), g = g(), Ae(), g), ra = {
   key: 0,
   id: "konnectio-gift-card-wrapper"
-}, oa = { id: "konnectio-gift-card-title" }, na = { id: "konnectio-gift-card-content" }, ia = { id: "konnectio-gift-card-payment" }, sa = ["innerHTML"], ra = { key: 0 }, da = {
+}, da = { id: "konnectio-gift-card-title" }, ca = { id: "konnectio-gift-card-content" }, ua = { id: "konnectio-gift-card-payment" }, pa = ["innerHTML"], ma = { key: 0 }, fa = {
   key: 0,
   id: "fresh-booking-select-place-type"
-}, ca = {
-  class: /* @__PURE__ */ de(["fresh-booking-label", "required"])
-}, ua = { id: "fresh-booking-select-place-type-input" }, pa = ["innerHTML"], ma = {
+}, va = {
+  class: /* @__PURE__ */ ce(["fresh-booking-label", "required"])
+}, ga = { id: "fresh-booking-select-place-type-input" }, ha = ["innerHTML"], ba = {
   key: 0,
   id: "konnectio-gift-card-order"
-}, fa = { class: "fresh-booking-panel" }, va = {
+}, ya = { class: "fresh-booking-panel" }, ka = {
   key: 1,
   id: "konnectio-gift-card-remarks"
-}, ha = {
+}, _a = {
   key: 2,
   id: "konnectio-gift-card-order-minimal"
-}, ga = /* @__PURE__ */ ta(() => /* @__PURE__ */ o("div", { class: "konnectio-divider" }, null, -1)), ba = { id: "konnectio-gift-card-recaptcha" }, ya = /* @__PURE__ */ Y({
+}, Ca = /* @__PURE__ */ sa(() => /* @__PURE__ */ l("div", { class: "konnectio-divider" }, null, -1)), Va = { id: "konnectio-gift-card-recaptcha" }, wa = /* @__PURE__ */ D({
   name: "GiftCardLayout",
   __name: "GiftCard",
   props: {
@@ -269,88 +305,88 @@ const Je = { class: "gift-card-skeleton" }, Qe = { class: "gift-card-skeleton-fo
     placeType: {},
     styling: {}
   },
-  setup(v) {
-    const c = v, _ = y(() => ({
+  setup(g) {
+    const c = g, v = _(() => ({
       panelMaxWidth: "800px",
       ...c.styling
-    })), { t } = le(), {
-      name: b,
-      email: u,
-      phone: r,
-      value: f,
+    })), { t } = J(), {
+      name: p,
+      email: r,
+      phone: u,
+      value: h,
       remark: i,
-      showValue: h,
-      quantity: m,
-      media: q,
+      showValue: b,
+      quantity: f,
+      media: B,
       placeId: S,
       placeType: a,
-      showFormPage: p,
-      showPaymentPage: V,
+      showFormPage: m,
+      showPaymentPage: w,
       showConfirmationPage: $,
       places: C,
       hasFilledForm: E,
       hasForcedPlaceType: x,
       isWaitingForResponse: U,
-      isMetaDataAvailable: oe
-    } = ee(te()), { initialize: Z, orderGiftCard: R } = te(), { isRecaptchaEnabled: O, currency: A, hasError: J } = ee(ae());
-    return ye(a, () => {
+      isMetaDataAvailable: ie
+    } = te(oe()), { initialize: X, orderGiftCard: G } = oe(), { isRecaptchaEnabled: j, currency: A, hasError: Q } = te(le());
+    return _e(a, () => {
       S.value = void 0;
-    }), ke(() => {
-      const G = c.placeType ? parseInt(c.placeType) : void 0;
-      Z(G);
-    }), (G, s) => (d(), M(Te, { styling: _.value }, {
-      default: z(() => [
-        (d(), M(_e, null, {
-          default: z(() => [
-            n(Se, {
+    }), Ce(() => {
+      const L = c.placeType ? parseInt(c.placeType) : void 0;
+      X(L);
+    }), (L, s) => (d(), M(Ee, { styling: v.value }, {
+      default: R(() => [
+        (d(), M(Ve, null, {
+          default: R(() => [
+            o($e, {
               id: "konnectio-gift-card-module",
               type: "gift-card",
-              "access-token": G.accessToken,
-              "data-layout": G.layout
+              "access-token": L.accessToken,
+              "data-layout": L.layout
             }, {
-              default: z(() => [
-                e(J) ? (d(), M(ze, {
+              default: R(() => [
+                e(Q) ? (d(), M(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."
-                })) : (d(), k("div", la, [
-                  o("h2", oa, [
-                    o("span", null, se(e(t)("giftCard.title")), 1)
+                })) : (d(), k("div", ra, [
+                  l("h2", da, [
+                    l("span", null, Y(e(t)("giftCard.title")), 1)
                   ]),
-                  o("div", na, [
-                    W(o("div", ia, [
-                      n(Le)
+                  l("div", ca, [
+                    W(l("div", ua, [
+                      o(qe)
                     ], 512), [
-                      [N, e(V)]
+                      [H, e(w)]
                     ]),
-                    W(o("div", null, [
-                      o("p", {
+                    W(l("div", null, [
+                      l("p", {
                         id: "konnectio-gift-card-description",
                         innerHTML: e(t)("giftCard.description")
-                      }, null, 8, sa),
-                      o("form", null, [
-                        e(x) ? F("", !0) : (d(), k("div", ra, [
-                          e(C) ? (d(), k("div", da, [
-                            o("label", ca, [
-                              o("span", null, se(e(t)("giftCard.selectType")), 1)
+                      }, null, 8, pa),
+                      l("form", null, [
+                        e(x) ? F("", !0) : (d(), k("div", ma, [
+                          e(C) ? (d(), k("div", fa, [
+                            l("label", va, [
+                              l("span", null, Y(e(t)("giftCard.selectType")), 1)
                             ]),
-                            o("div", ua, [
-                              o("ul", null, [
-                                (d(!0), k(Ce, null, Ve(e(C), (l, j) => (d(), k("li", { key: j }, [
-                                  n(qe, {
+                            l("div", ga, [
+                              l("ul", null, [
+                                (d(!0), k(we, null, Fe(e(C), (n, N) => (d(), k("li", { key: N }, [
+                                  o(Be, {
                                     modelValue: e(a),
-                                    "onUpdate:modelValue": s[0] || (s[0] = (g) => P(a) ? a.value = g : null),
+                                    "onUpdate:modelValue": s[0] || (s[0] = (y) => P(a) ? a.value = y : null),
                                     type: "radio",
                                     name: "placeType",
-                                    val: j,
-                                    label: l.label
+                                    val: N,
+                                    label: n.label
                                   }, null, 8, ["modelValue", "val", "label"])
                                 ]))), 128))
                               ]),
-                              e(C)[e(a)] && e(C)[e(a)].data.length > 1 ? (d(), M(we, {
+                              e(C)[e(a)] && e(C)[e(a)].data.length > 1 ? (d(), M(Pe, {
                                 key: 0,
                                 modelValue: e(S),
-                                "onUpdate:modelValue": s[1] || (s[1] = (l) => P(S) ? S.value = l : null),
+                                "onUpdate:modelValue": s[1] || (s[1] = (n) => P(S) ? S.value = n : null),
                                 placeholder: e(t)("giftCard.selectPlacePlaceholder"),
                                 options: e(C)[e(a)].data,
                                 labelKey: "name",
@@ -358,11 +394,11 @@ const Je = { class: "gift-card-skeleton" }, Qe = { class: "gift-card-skeleton-fo
                                 required: ""
                               }, null, 8, ["modelValue", "placeholder", "options"])) : F("", !0)
                             ])
-                          ])) : (d(), M(Fe, { key: 1 }))
+                          ])) : (d(), M(Se, { key: 1 }))
                         ])),
-                        n(H, {
-                          modelValue: e(b),
-                          "onUpdate:modelValue": s[2] || (s[2] = (l) => P(b) ? b.value = l : null),
+                        o(K, {
+                          modelValue: e(p),
+                          "onUpdate:modelValue": s[2] || (s[2] = (n) => P(p) ? p.value = n : null),
                           type: "text",
                           name: "name",
                           autocomplete: "name",
@@ -371,9 +407,9 @@ const Je = { class: "gift-card-skeleton" }, Qe = { class: "gift-card-skeleton-fo
                           placeholder: e(t)("giftCard.namePlaceholder"),
                           required: ""
                         }, null, 8, ["modelValue", "label", "placeholder"]),
-                        n(H, {
-                          modelValue: e(u),
-                          "onUpdate:modelValue": s[3] || (s[3] = (l) => P(u) ? u.value = l : null),
+                        o(K, {
+                          modelValue: e(r),
+                          "onUpdate:modelValue": s[3] || (s[3] = (n) => P(r) ? r.value = n : null),
                           type: "email",
                           name: "email",
                           autocomplete: "email",
@@ -382,17 +418,17 @@ const Je = { class: "gift-card-skeleton" }, Qe = { class: "gift-card-skeleton-fo
                           placeholder: e(t)("giftCard.emailPlaceholder"),
                           required: ""
                         }, null, 8, ["modelValue", "label", "placeholder"]),
-                        n(xe, {
-                          modelValue: e(r),
-                          "onUpdate:modelValue": s[4] || (s[4] = (l) => P(r) ? r.value = l : null),
+                        o(xe, {
+                          modelValue: e(u),
+                          "onUpdate:modelValue": s[4] || (s[4] = (n) => P(u) ? u.value = n : null),
                           icon: "phone-office",
                           label: e(t)("giftCard.phone"),
                           placeholder: e(t)("giftCard.phonePlaceholder"),
                           required: ""
                         }, null, 8, ["modelValue", "label", "placeholder"]),
-                        n(H, {
-                          modelValue: e(f),
-                          "onUpdate:modelValue": s[5] || (s[5] = (l) => P(f) ? f.value = l : null),
+                        o(K, {
+                          modelValue: e(h),
+                          "onUpdate:modelValue": s[5] || (s[5] = (n) => P(h) ? h.value = n : null),
                           type: "number",
                           name: "value",
                           label: e(t)("giftCard.value"),
@@ -403,41 +439,41 @@ const Je = { class: "gift-card-skeleton" }, Qe = { class: "gift-card-skeleton-fo
                         }, null, 8, ["modelValue", "label", "placeholder", "suffix"]),
                         F("", !0),
                         F("", !0),
-                        n(Pe, {
-                          modelValue: e(m),
-                          "onUpdate:modelValue": s[8] || (s[8] = (l) => P(m) ? m.value = l : null),
+                        o(Te, {
+                          modelValue: e(f),
+                          "onUpdate:modelValue": s[8] || (s[8] = (n) => P(f) ? f.value = n : null),
                           label: e(t)("giftCard.quantity"),
                           icon: "gift-card",
                           required: ""
                         }, null, 8, ["modelValue", "label"])
                       ])
                     ], 512), [
-                      [N, e(p)]
+                      [H, e(m)]
                     ]),
-                    W(o("div", null, [
-                      o("div", {
+                    W(l("div", null, [
+                      l("div", {
                         innerHTML: e(t)("giftCard.thankYou")
-                      }, null, 8, pa)
+                      }, null, 8, ha)
                     ], 512), [
-                      [N, e($)]
+                      [H, e($)]
                     ])
                   ]),
-                  G.layout !== "minimal" && e(p) ? (d(), k("div", ma, [
-                    o("div", fa, [
-                      n(D, {
+                  L.layout !== "minimal" && e(m) ? (d(), k("div", ba, [
+                    l("div", ya, [
+                      o(z, {
                         label: e(t)("giftCard.orderGiftCard"),
                         "full-width": !0,
                         disabled: !e(E),
                         "is-loading": e(U),
-                        "onUpdate:isLoading": s[9] || (s[9] = (l) => P(U) ? U.value = l : null),
-                        onClickEvent: e(R)
+                        "onUpdate:isLoading": s[9] || (s[9] = (n) => P(U) ? U.value = n : null),
+                        onClickEvent: e(G)
                       }, null, 8, ["label", "disabled", "is-loading", "onClickEvent"])
                     ])
                   ])) : F("", !0),
-                  e(p) ? (d(), k("div", va, [
-                    n(H, {
+                  e(m) ? (d(), k("div", ka, [
+                    o(K, {
                       modelValue: e(i),
-                      "onUpdate:modelValue": s[10] || (s[10] = (l) => P(i) ? i.value = l : null),
+                      "onUpdate:modelValue": s[10] || (s[10] = (n) => P(i) ? i.value = n : null),
                       type: "textarea",
                       name: "remark",
                       label: e(t)("giftCard.remark"),
@@ -445,24 +481,24 @@ const Je = { class: "gift-card-skeleton" }, Qe = { class: "gift-card-skeleton-fo
                       placeholder: e(t)("giftCard.remarkPlaceholder")
                     }, null, 8, ["modelValue", "label", "placeholder"])
                   ])) : F("", !0),
-                  e(p) ? (d(), k("div", ha, [
-                    n(D, {
+                  e(m) ? (d(), k("div", _a, [
+                    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] = (l) => P(U) ? U.value = l : null),
-                      onClickEvent: e(R)
+                      "onUpdate:isLoading": s[11] || (s[11] = (n) => P(U) ? U.value = n : null),
+                      onClickEvent: e(G)
                     }, null, 8, ["label", "disabled", "is-loading", "onClickEvent"]),
-                    o("div", null, [
-                      ga,
-                      n(aa)
+                    l("div", null, [
+                      Ca,
+                      o(ia)
                     ]),
-                    W(o("div", ba, [
-                      n(Be)
+                    W(l("div", Va, [
+                      o(Oe)
                     ], 512), [
-                      [N, e(O)]
+                      [H, e(j)]
                     ])
                   ])) : F("", !0)
                 ]))
@@ -470,8 +506,8 @@ const Je = { class: "gift-card-skeleton" }, Qe = { class: "gift-card-skeleton-fo
               _: 1
             }, 8, ["access-token", "data-layout"])
           ]),
-          fallback: z(() => [
-            n(ea)
+          fallback: R(() => [
+            o(ta)
           ]),
           _: 1
         }))
@@ -479,8 +515,8 @@ const Je = { class: "gift-card-skeleton" }, Qe = { class: "gift-card-skeleton-fo
       _: 1
     }, 8, ["styling"]));
   }
-}), K = /* @__PURE__ */ ce(ya, [["__scopeId", "data-v-30c8e35c"]]), ka = Ue(), _a = Me();
-class Ca extends HTMLElement {
+}), Z = /* @__PURE__ */ ne(wa, [["__scopeId", "data-v-30c8e35c"]]), Fa = Ie(), Pa = Ge();
+class Sa extends HTMLElement {
   vueApp;
   constructor() {
     super();
@@ -489,25 +525,25 @@ class Ca extends HTMLElement {
     this.vueApp.unmount();
   }
   connectedCallback() {
-    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 = {};
+    const c = typeof Z == "function" ? Z.options : Z;
+    let v = Array.isArray(c.props) ? c.props : Object.keys(c.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 = {};
+    v = v.map(t);
+    const u = {};
     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);
+      const f = i.name.split(".");
+      f.length > 1 && (u[f[0]] || (u[f[0]] = {}), u[f[0]][p(f[1])] = i.value);
     }
-    for (const i of _) {
-      let h = this.attributes.getNamedItem(i)?.value;
-      r.hasOwnProperty(i) && (h = r[i]), u[i] = h;
+    for (const i of v) {
+      let b = this.attributes.getNamedItem(i)?.value;
+      u.hasOwnProperty(i) && (b = u[i]), r[i] = b;
     }
-    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]);
+    this.vueApp = Le(Z, r), this.vueApp.provide("emitter", Pa), this.vueApp.use(Fa), this.vueApp.use(Me), this.vueApp.use(Re, { bootstrap: !0 });
+    const h = document.createElement("div");
+    this.vueApp.mount(h), this.appendChild(h.children[0]);
   }
 }
-window.customElements.define("konnectio-gift-card", Ca);
+window.customElements.define("konnectio-gift-card", Sa);
 export {
-  Ca as default
+  Sa as default
 };