@konnectio/core 4.0.56-rc2 → 4.0.56-rc3

package/dist/gift-card.js

@@ -1,102 +1,131 @@
-import { ref as b, computed as y, defineComponent as X, openBlock as s, createBlock as L, withCtx as D, createElementVNode as n, createElementBlock as c, createVNode as i, unref as e, createCommentVNode as F, normalizeClass as ne, watch as ce, onMounted as pe, Suspense as me, toDisplayString as ee, withDirectives as W, vShow as j, Fragment as fe, renderList as ve, isRef as g, createApp as ge } from "vue";
-import { d as be, u as ye, s as Q, c as re, H as U, e as J, i as ae, S as Y, h as he, f as ke, J as Ce, l as se, b as _e, I as Ve, C as z, _ as de, m as Fe, j as Pe, L as le, T as H, k as we, q as Te, t as Se, D as Ue } from "./SelectField.vue_vue_type_style_index_0_lang-30hJu8vr.js";
-import { C as $e } from "./Container-Fl2PKj-u.js";
-import { a as Ee, C as te, P as qe, _ as Ie } from "./CheckoutWindow-S9xKe_Wf.js";
-import { E as Re } from "./_-FAlGPZqe.js";
-import { F as x } from "./Field-b7XkSAoi.js";
-import "./_commonjsHelpers-f3sTPFkQ.js";
-const oe = be("giftCard", () => {
-  const { pay: h } = ye(), { bearerToken: p, metaData: R, currencyId: o } = Q(re()), d = b(U.InitialState), P = J("konnectio_name", "", void 0, { serializer: Y.string }), u = J("konnectio_email", "", void 0, { serializer: Y.string }), m = J("konnectio_phone", "", void 0, { serializer: Y.string }), k = b(""), w = b(1), T = b(!0), G = b(""), v = b({
+var ve = Object.defineProperty;
+var ae = Object.getOwnPropertySymbols;
+var ge = Object.prototype.hasOwnProperty, be = Object.prototype.propertyIsEnumerable;
+var le = (u, t, r) => t in u ? ve(u, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : u[t] = r, te = (u, t) => {
+  for (var r in t || (t = {}))
+    ge.call(t, r) && le(u, r, t[r]);
+  if (ae)
+    for (var r of ae(t))
+      be.call(t, r) && le(u, r, t[r]);
+  return u;
+};
+var J = (u, t, r) => new Promise((o, s) => {
+  var h = (m) => {
+    try {
+      v(r.next(m));
+    } catch (g) {
+      s(g);
+    }
+  }, f = (m) => {
+    try {
+      v(r.throw(m));
+    } catch (g) {
+      s(g);
+    }
+  }, v = (m) => m.done ? o(m.value) : Promise.resolve(m.value).then(h, f);
+  v((r = r.apply(u, t)).next());
+});
+import { ref as _, computed as V, defineComponent as Z, openBlock as p, createBlock as L, withCtx as D, createElementVNode as d, createElementBlock as b, createVNode as n, unref as e, createCommentVNode as T, normalizeClass as ue, watch as ye, onMounted as he, Suspense as ke, toDisplayString as oe, withDirectives as W, vShow as j, Fragment as Ce, renderList as _e, isRef as C, createApp as Ve } from "vue";
+import { d as Fe, u as Pe, s as X, c as ce, H as $, e as Y, i as ie, S as Q, h as we, f as Te, J as Se, l as pe, b as Ue, I as $e, C as z, _ as me, m as Ee, j as qe, L as ne, T as H, k as Ie, q as Re, t as Le, D as Ge } from "./SelectField.vue_vue_type_style_index_0_lang-j_yHB51P.js";
+import { C as Me } from "./Container-gHSYMY7q.js";
+import { a as xe, C as re, P as De, _ as ze } from "./CheckoutWindow-31th413C.js";
+import { E as Ae } from "./_-FedWhJCw.js";
+import { F as x } from "./Field-QHvFgmEq.js";
+import "./_commonjsHelpers-FF1eOqK0.js";
+const se = Fe("giftCard", () => {
+  const { pay: u } = Pe(), { bearerToken: t, metaData: r, currencyId: o } = X(ce()), s = _($.InitialState), h = Y("konnectio_name", "", void 0, { serializer: Q.string }), f = Y("konnectio_email", "", void 0, { serializer: Q.string }), v = Y("konnectio_phone", "", void 0, { serializer: Q.string }), m = _(""), g = _(1), S = _(!0), G = _(""), k = _({
     base64: "",
     type: "",
     name: ""
-  }), l = b(void 0), r = b(0), f = b(!1), E = b(0), C = y(() => d.value === U.InitialState || d.value === U.WaitingForResponse), q = y(() => d.value === U.ReadyToPay), M = y(() => d.value === U.PaymentSuccess), _ = y(() => {
+  }), l = _(void 0), c = _(0), y = _(!1), q = _(0), F = V(() => s.value === $.InitialState || s.value === $.WaitingForResponse), I = V(() => s.value === $.ReadyToPay), M = V(() => s.value === $.PaymentSuccess), P = V(() => {
     const a = {
       1: {
-        label: ae.t("giftCard.hotelType"),
+        label: ie.t("giftCard.hotelType"),
         data: []
       },
       2: {
-        label: ae.t("giftCard.restaurantType"),
+        label: ie.t("giftCard.restaurantType"),
         data: []
       }
-    }, S = R.value.hotels[0].places;
-    return S && S.forEach((V) => {
-      a[V.placeType].data.push(V);
+    }, U = r.value.hotels[0].places;
+    return U && U.forEach((w) => {
+      a[w.placeType].data.push(w);
     }), Object.fromEntries(
-      Object.entries(a).filter(([, V]) => V.data.length > 0)
+      Object.entries(a).filter(([, w]) => w.data.length > 0)
     );
-  }), A = y(() => E.value !== 0), $ = y(() => {
+  }), A = V(() => q.value !== 0), E = V(() => {
     let a;
     if (A.value)
-      a = _.value[E.value].data[0];
-    else if (r.value !== 0) {
-      const S = l.value, V = _.value[r.value].data;
-      V.length === 1 ? a = V[0] : S !== void 0 && V.forEach((Z) => {
-        String(Z.id) === String(S) && (a = Z);
+      a = P.value[q.value].data[0];
+    else if (c.value !== 0) {
+      const U = l.value, w = P.value[c.value].data;
+      w.length === 1 ? a = w[0] : U !== void 0 && w.forEach((ee) => {
+        String(ee.id) === String(U) && (a = ee);
       });
     }
     return a;
-  }), B = y(() => !(!P.value || !u.value || !(m.value.length >= 5) || !k.value || $.value === void 0)), O = y(() => !(d.value === U.InitialState && f.value)), K = y(() => !!(d.value === U.WaitingForResponse && f.value));
-  async function I() {
-    d.value = U.WaitingForResponse, f.value = !0, await he.post("https://production.hotel-service.konnectio.dk/api/gift-card/create", {
-      termsOfserviceURL: window.location.origin,
-      checkoutUrl: window.location.origin,
-      currencyID: o.value,
-      language: ke(),
-      amount: k.value,
-      quantity: w.value,
-      freeText: G.value,
-      showPrice: T.value,
-      contactName: P.value,
-      contactEmail: u.value,
-      contactPhone: m.value,
-      imageBase64: Ce(v.value.base64),
-      imageName: v.value.name,
-      imageFormat: v.value.type,
-      placeType: $.value ? $.value.placeType : void 0,
-      placeID: $.value ? $.value.id : void 0
-    }, {
-      headers: {
-        Authorization: p.value,
-        Accept: "application/json",
-        "Fresh-Booking-Ver": "4.0.56-rc2"
-      }
-    }).then((a) => {
-      d.value = U.ReadyToPay, f.value = !1, h({
-        callback: () => console.log("Callback!"),
-        response: a.data
+  }), B = V(() => !(!h.value || !f.value || !(v.value.length >= 5) || !m.value || E.value === void 0)), O = V(() => !(s.value === $.InitialState && y.value)), K = V(() => !!(s.value === $.WaitingForResponse && y.value));
+  function R() {
+    return J(this, null, function* () {
+      s.value = $.WaitingForResponse, y.value = !0, yield we.post("https://production.hotel-service.konnectio.dk/api/gift-card/create", {
+        termsOfserviceURL: window.location.origin,
+        checkoutUrl: window.location.origin,
+        currencyID: o.value,
+        language: Te(),
+        amount: m.value,
+        quantity: g.value,
+        freeText: G.value,
+        showPrice: S.value,
+        contactName: h.value,
+        contactEmail: f.value,
+        contactPhone: v.value,
+        imageBase64: Se(k.value.base64),
+        imageName: k.value.name,
+        imageFormat: k.value.type,
+        placeType: E.value ? E.value.placeType : void 0,
+        placeID: E.value ? E.value.id : void 0
+      }, {
+        headers: {
+          Authorization: t.value,
+          Accept: "application/json",
+          "Fresh-Booking-Ver": "4.0.56-rc3"
+        }
+      }).then((a) => {
+        s.value = $.ReadyToPay, y.value = !1, u({
+          callback: () => console.log("Callback!"),
+          response: a.data
+        });
       });
     });
   }
-  function t(a) {
-    a && (E.value = a);
+  function i(a) {
+    a && (q.value = a);
   }
   return {
-    selectedPlace: $,
-    moduleState: d,
-    name: P,
-    email: u,
-    phone: m,
-    value: k,
+    selectedPlace: E,
+    moduleState: s,
+    name: h,
+    email: f,
+    phone: v,
+    value: m,
     remark: G,
-    showValue: T,
-    quantity: w,
-    media: v,
+    showValue: S,
+    quantity: g,
+    media: k,
     placeId: l,
-    placeType: r,
-    showFormPage: C,
-    showPaymentPage: q,
+    placeType: c,
+    showFormPage: F,
+    showPaymentPage: I,
     showConfirmationPage: M,
-    places: _,
+    places: P,
     hasFilledForm: B,
     hasForcedPlaceType: A,
     isWaitingForResponse: K,
     isMetaDataAvailable: O,
-    orderGiftCard: I,
-    initialize: t
+    orderGiftCard: R,
+    initialize: i
   };
-}), Le = { class: "media-selector" }, Ge = ["accept"], Me = { class: "media-selector-wrapper" }, xe = { class: "media-selector-tools" }, De = { key: 0 }, ze = { key: 1 }, Ae = { key: 2 }, Be = ["src"], We = /* @__PURE__ */ X({
+}), Be = { class: "media-selector" }, We = ["accept"], je = { class: "media-selector-wrapper" }, He = { class: "media-selector-tools" }, Ne = { key: 0 }, Oe = { key: 1 }, Ke = { key: 2 }, Je = ["src"], Ye = /* @__PURE__ */ Z({
   __name: "MediaSelector",
   props: {
     modelValue: {},
@@ -106,94 +135,96 @@ const oe = be("giftCard", () => {
     required: { type: Boolean, default: !1 }
   },
   emits: ["update:modelValue"],
-  setup(h, { emit: p }) {
-    const R = p, o = h, { t: d } = se(), { display: P } = _e(), u = b(), m = y(() => o.modelValue.base64 !== "");
-    function k(l) {
-      R("update:modelValue", l);
+  setup(u, { emit: t }) {
+    const r = t, o = u, { t: s } = pe(), { display: h } = Ue(), f = _(), v = V(() => o.modelValue.base64 !== "");
+    function m(l) {
+      r("update:modelValue", l);
     }
-    function w() {
-      k({
+    function g() {
+      m({
         base64: "",
         name: "",
         type: ""
-      }), u.value && (u.value.value = "");
+      }), f.value && (f.value.value = "");
     }
-    function T() {
-      u.value && u.value.click();
+    function S() {
+      f.value && f.value.click();
     }
-    function G(l, r) {
-      const [f, E] = [l.name, l.type], C = new FileReader();
-      C.onload = function(q) {
-        if (q.target) {
-          const M = q.target.result;
-          r({ base64: M, name: f, type: E });
+    function G(l, c) {
+      const [y, q] = [l.name, l.type], F = new FileReader();
+      F.onload = function(I) {
+        if (I.target) {
+          const M = I.target.result;
+          c({ base64: M, name: y, type: q });
         } else
-          P({
-            message: d("imageUploadError"),
+          h({
+            message: s("imageUploadError"),
             type: "error"
           });
-      }, C.readAsDataURL(l);
+      }, F.readAsDataURL(l);
     }
-    async function v() {
-      let l;
-      (l = u.value.files) instanceof FileList && G(l[0], k);
+    function k() {
+      return J(this, null, function* () {
+        let l;
+        (l = f.value.files) instanceof FileList && G(l[0], m);
+      });
     }
-    return (l, r) => (s(), L(Ve, {
+    return (l, c) => (p(), L($e, {
       label: l.label,
       required: l.required,
       type: "media"
     }, {
       default: D(() => [
-        n("div", Le, [
-          n("input", {
+        d("div", Be, [
+          d("input", {
             ref_key: "fileInput",
-            ref: u,
+            ref: f,
             type: "file",
             class: "hidden",
             accept: l.validation,
             single: "",
-            onChange: r[0] || (r[0] = (f) => v())
-          }, null, 40, Ge),
-          n("div", Me, [
-            n("ul", xe, [
-              m.value ? F("", !0) : (s(), c("li", De, [
-                i(z, {
-                  label: e(d)("uploadFile"),
+            onChange: c[0] || (c[0] = (y) => k())
+          }, null, 40, We),
+          d("div", je, [
+            d("ul", He, [
+              v.value ? T("", !0) : (p(), b("li", Ne, [
+                n(z, {
+                  label: e(s)("uploadFile"),
                   type: "button",
                   icon: "upload",
                   "icon-color": l.iconColor,
-                  onClickEvent: r[1] || (r[1] = (f) => T())
+                  onClickEvent: c[1] || (c[1] = (y) => S())
                 }, null, 8, ["label", "icon-color"])
               ])),
-              m.value ? (s(), c("li", ze, [
-                i(z, {
-                  label: e(d)("replaceFile"),
+              v.value ? (p(), b("li", Oe, [
+                n(z, {
+                  label: e(s)("replaceFile"),
                   type: "button",
                   icon: "repeat-alt",
                   "icon-color": l.iconColor,
-                  onClickEvent: r[2] || (r[2] = (f) => T())
+                  onClickEvent: c[2] || (c[2] = (y) => S())
                 }, null, 8, ["label", "icon-color"])
-              ])) : F("", !0),
-              m.value ? (s(), c("li", Ae, [
-                i(z, {
-                  label: e(d)("removeFile"),
+              ])) : T("", !0),
+              v.value ? (p(), b("li", Ke, [
+                n(z, {
+                  label: e(s)("removeFile"),
                   type: "button",
                   icon: "trash-alt",
                   "icon-color": l.iconColor,
-                  onClickEvent: r[3] || (r[3] = (f) => w())
+                  onClickEvent: c[3] || (c[3] = (y) => g())
                 }, null, 8, ["label", "icon-color"])
-              ])) : F("", !0)
+              ])) : T("", !0)
             ]),
-            n("div", {
-              class: ne([
+            d("div", {
+              class: ue([
                 "media-selector-previewer",
-                { opened: m.value }
+                { opened: v.value }
               ])
             }, [
-              l.modelValue ? (s(), c("img", {
+              l.modelValue ? (p(), b("img", {
                 key: 0,
                 src: l.modelValue.base64
-              }, null, 8, Be)) : F("", !0)
+              }, null, 8, Je)) : T("", !0)
             ], 2)
           ])
         ])
@@ -202,9 +233,9 @@ const oe = be("giftCard", () => {
     }, 8, ["label", "required"]));
   }
 });
-function ie(h) {
-  const p = h;
-  p.__i18n = p.__i18n || [], p.__i18n.push({
+function de(u) {
+  const t = u;
+  t.__i18n = t.__i18n || [], t.__i18n.push({
     locale: "",
     resource: {
       da: {
@@ -222,39 +253,39 @@ function ie(h) {
     }
   });
 }
-typeof ie == "function" && ie(We);
-const je = { class: "gift-card-skeleton" }, He = { class: "gift-card-skeleton-form" }, Ne = /* @__PURE__ */ X({
+typeof de == "function" && de(Ye);
+const Qe = { class: "gift-card-skeleton" }, Xe = { class: "gift-card-skeleton-form" }, Ze = /* @__PURE__ */ Z({
   __name: "GiftCardSkeleton",
-  setup(h) {
-    return (p, R) => (s(), c("div", je, [
-      n("div", He, [
-        i(x),
-        i(x),
-        i(x),
-        i(x),
-        i(x, { "is-text-area": "" }),
-        i(Re, { height: "44px" })
+  setup(u) {
+    return (t, r) => (p(), b("div", Qe, [
+      d("div", Xe, [
+        n(x),
+        n(x),
+        n(x),
+        n(x),
+        n(x, { "is-text-area": "" }),
+        n(Ae, { height: "44px" })
       ])
     ]));
   }
-}), Oe = /* @__PURE__ */ de(Ne, [["__scopeId", "data-v-e35c75b3"]]), Ke = {
+}), ea = /* @__PURE__ */ me(Ze, [["__scopeId", "data-v-e35c75b3"]]), aa = {
   key: 0,
   id: "konnectio-gift-card-wrapper"
-}, Je = { id: "konnectio-gift-card-title" }, Ye = { id: "konnectio-gift-card-content" }, Qe = { id: "konnectio-gift-card-payment" }, Xe = ["innerHTML"], Ze = { key: 0 }, ea = {
+}, la = { id: "konnectio-gift-card-title" }, ta = { id: "konnectio-gift-card-content" }, oa = { id: "konnectio-gift-card-payment" }, ia = ["innerHTML"], na = { key: 0 }, ra = {
   key: 0,
   id: "fresh-booking-select-place-type"
-}, aa = {
-  class: /* @__PURE__ */ ne(["fresh-booking-label", "required"])
-}, la = { id: "fresh-booking-select-place-type-input" }, ta = ["innerHTML"], oa = {
+}, sa = {
+  class: /* @__PURE__ */ ue(["fresh-booking-label", "required"])
+}, da = { id: "fresh-booking-select-place-type-input" }, ua = ["innerHTML"], ca = {
   key: 0,
   id: "konnectio-gift-card-order"
-}, ia = { class: "fresh-booking-panel" }, na = {
+}, pa = { class: "fresh-booking-panel" }, ma = {
   key: 1,
   id: "konnectio-gift-card-remarks"
-}, ra = {
+}, fa = {
   key: 2,
   id: "konnectio-gift-card-order-minimal"
-}, sa = { id: "konnectio-gift-card-recaptcha" }, da = /* @__PURE__ */ X({
+}, va = { id: "konnectio-gift-card-recaptcha" }, ga = /* @__PURE__ */ Z({
   name: "GiftCardLayout",
   __name: "GiftCard",
   props: {
@@ -263,96 +294,95 @@ const je = { class: "gift-card-skeleton" }, He = { class: "gift-card-skeleton-fo
     placeType: {},
     styling: {}
   },
-  setup(h) {
-    const p = h, R = y(() => ({
-      panelMaxWidth: "800px",
-      ...p.styling
-    })), { t: o } = se(), {
-      name: d,
-      email: P,
-      phone: u,
-      value: m,
-      remark: k,
-      showValue: w,
-      quantity: T,
+  setup(u) {
+    const t = u, r = V(() => te({
+      panelMaxWidth: "800px"
+    }, t.styling)), { t: o } = pe(), {
+      name: s,
+      email: h,
+      phone: f,
+      value: v,
+      remark: m,
+      showValue: g,
+      quantity: S,
       media: G,
-      placeId: v,
+      placeId: k,
       placeType: l,
-      showFormPage: r,
-      showPaymentPage: f,
-      showConfirmationPage: E,
-      places: C,
-      hasFilledForm: q,
+      showFormPage: c,
+      showPaymentPage: y,
+      showConfirmationPage: q,
+      places: F,
+      hasFilledForm: I,
       hasForcedPlaceType: M,
-      isWaitingForResponse: _,
+      isWaitingForResponse: P,
       isMetaDataAvailable: A
-    } = Q(oe()), { initialize: $, orderGiftCard: B } = oe(), { isRecaptchaEnabled: O, currency: K } = Q(re());
-    return ce(l, () => {
-      v.value = void 0;
-    }), pe(() => {
-      const I = p.placeType ? parseInt(p.placeType) : void 0;
-      $(I);
-    }), (I, t) => (s(), L($e, { styling: R.value }, {
+    } = X(se()), { initialize: E, orderGiftCard: B } = se(), { isRecaptchaEnabled: O, currency: K } = X(ce());
+    return ye(l, () => {
+      k.value = void 0;
+    }), he(() => {
+      const R = t.placeType ? parseInt(t.placeType) : void 0;
+      E(R);
+    }), (R, i) => (p(), L(Me, { styling: r.value }, {
       default: D(() => [
-        (s(), L(me, null, {
+        (p(), L(ke, null, {
           default: D(() => [
-            i(Fe, {
+            n(Ee, {
               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: D(() => [
-                e(A) ? (s(), c("div", Ke, [
-                  n("h2", Je, [
-                    n("span", null, ee(e(o)("giftCard.title")), 1)
+                e(A) ? (p(), b("div", aa, [
+                  d("h2", la, [
+                    d("span", null, oe(e(o)("giftCard.title")), 1)
                   ]),
-                  n("div", Ye, [
-                    W(n("div", Qe, [
-                      i(Ee)
+                  d("div", ta, [
+                    W(d("div", oa, [
+                      n(xe)
                     ], 512), [
-                      [j, e(f)]
+                      [j, e(y)]
                     ]),
-                    W(n("div", null, [
-                      n("p", {
+                    W(d("div", null, [
+                      d("p", {
                         id: "konnectio-gift-card-description",
                         innerHTML: e(o)("giftCard.description")
-                      }, null, 8, Xe),
-                      n("form", null, [
-                        e(M) ? F("", !0) : (s(), c("div", Ze, [
-                          e(C) ? (s(), c("div", ea, [
-                            n("label", aa, [
-                              n("span", null, ee(e(o)("giftCard.selectType")), 1)
+                      }, null, 8, ia),
+                      d("form", null, [
+                        e(M) ? T("", !0) : (p(), b("div", na, [
+                          e(F) ? (p(), b("div", ra, [
+                            d("label", sa, [
+                              d("span", null, oe(e(o)("giftCard.selectType")), 1)
                             ]),
-                            n("div", la, [
-                              n("ul", null, [
-                                (s(!0), c(fe, null, ve(e(C), (a, S) => (s(), c("li", { key: S }, [
-                                  i(te, {
+                            d("div", da, [
+                              d("ul", null, [
+                                (p(!0), b(Ce, null, _e(e(F), (a, U) => (p(), b("li", { key: U }, [
+                                  n(re, {
                                     modelValue: e(l),
-                                    "onUpdate:modelValue": t[0] || (t[0] = (V) => g(l) ? l.value = V : null),
+                                    "onUpdate:modelValue": i[0] || (i[0] = (w) => C(l) ? l.value = w : null),
                                     type: "radio",
                                     name: "placeType",
-                                    val: S,
+                                    val: U,
                                     label: a.label
                                   }, null, 8, ["modelValue", "val", "label"])
                                 ]))), 128))
                               ]),
-                              e(C)[e(l)] && e(C)[e(l)].data.length > 1 ? (s(), L(Pe, {
+                              e(F)[e(l)] && e(F)[e(l)].data.length > 1 ? (p(), L(qe, {
                                 key: 0,
-                                modelValue: e(v),
-                                "onUpdate:modelValue": t[1] || (t[1] = (a) => g(v) ? v.value = a : null),
+                                modelValue: e(k),
+                                "onUpdate:modelValue": i[1] || (i[1] = (a) => C(k) ? k.value = a : null),
                                 placeholder: e(o)("giftCard.selectPlacePlaceholder"),
-                                options: e(C)[e(l)].data,
+                                options: e(F)[e(l)].data,
                                 labelKey: "name",
                                 valueKey: "id",
                                 required: ""
-                              }, null, 8, ["modelValue", "placeholder", "options"])) : F("", !0)
+                              }, null, 8, ["modelValue", "placeholder", "options"])) : T("", !0)
                             ])
-                          ])) : (s(), L(le, { key: 1 }))
+                          ])) : (p(), L(ne, { key: 1 }))
                         ])),
-                        i(H, {
-                          modelValue: e(d),
-                          "onUpdate:modelValue": t[2] || (t[2] = (a) => g(d) ? d.value = a : null),
+                        n(H, {
+                          modelValue: e(s),
+                          "onUpdate:modelValue": i[2] || (i[2] = (a) => C(s) ? s.value = a : null),
                           type: "text",
                           name: "name",
                           autocomplete: "name",
@@ -361,9 +391,9 @@ const je = { class: "gift-card-skeleton" }, He = { class: "gift-card-skeleton-fo
                           placeholder: e(o)("giftCard.namePlaceholder"),
                           required: ""
                         }, null, 8, ["modelValue", "label", "placeholder"]),
-                        i(H, {
-                          modelValue: e(P),
-                          "onUpdate:modelValue": t[3] || (t[3] = (a) => g(P) ? P.value = a : null),
+                        n(H, {
+                          modelValue: e(h),
+                          "onUpdate:modelValue": i[3] || (i[3] = (a) => C(h) ? h.value = a : null),
                           type: "email",
                           name: "email",
                           autocomplete: "email",
@@ -372,17 +402,17 @@ const je = { class: "gift-card-skeleton" }, He = { class: "gift-card-skeleton-fo
                           placeholder: e(o)("giftCard.emailPlaceholder"),
                           required: ""
                         }, null, 8, ["modelValue", "label", "placeholder"]),
-                        i(qe, {
-                          modelValue: e(u),
-                          "onUpdate:modelValue": t[4] || (t[4] = (a) => g(u) ? u.value = a : null),
+                        n(De, {
+                          modelValue: e(f),
+                          "onUpdate:modelValue": i[4] || (i[4] = (a) => C(f) ? f.value = a : null),
                           icon: "phone-office",
                           label: e(o)("giftCard.phone"),
                           placeholder: e(o)("giftCard.phonePlaceholder"),
                           required: ""
                         }, null, 8, ["modelValue", "label", "placeholder"]),
-                        i(H, {
-                          modelValue: e(m),
-                          "onUpdate:modelValue": t[5] || (t[5] = (a) => g(m) ? m.value = a : null),
+                        n(H, {
+                          modelValue: e(v),
+                          "onUpdate:modelValue": i[5] || (i[5] = (a) => C(v) ? v.value = a : null),
                           type: "number",
                           name: "value",
                           label: e(o)("giftCard.value"),
@@ -391,80 +421,80 @@ const je = { class: "gift-card-skeleton" }, He = { class: "gift-card-skeleton-fo
                           suffix: e(K),
                           required: ""
                         }, null, 8, ["modelValue", "label", "placeholder", "suffix"]),
-                        i(te, {
-                          modelValue: e(w),
-                          "onUpdate:modelValue": t[6] || (t[6] = (a) => g(w) ? w.value = a : null),
+                        n(re, {
+                          modelValue: e(g),
+                          "onUpdate:modelValue": i[6] || (i[6] = (a) => C(g) ? g.value = a : null),
                           type: "checkbox",
                           name: "showValue",
                           label: e(o)("giftCard.showValue"),
-                          checked: e(w)
+                          checked: e(g)
                         }, null, 8, ["modelValue", "label", "checked"]),
-                        F("", !0),
-                        i(we, {
-                          modelValue: e(T),
-                          "onUpdate:modelValue": t[8] || (t[8] = (a) => g(T) ? T.value = a : null),
+                        T("", !0),
+                        n(Ie, {
+                          modelValue: e(S),
+                          "onUpdate:modelValue": i[8] || (i[8] = (a) => C(S) ? S.value = a : null),
                           label: e(o)("giftCard.quantity"),
                           icon: "gift-card",
                           required: ""
                         }, null, 8, ["modelValue", "label"])
                       ])
                     ], 512), [
-                      [j, e(r)]
+                      [j, e(c)]
                     ]),
-                    W(n("div", null, [
-                      n("div", {
+                    W(d("div", null, [
+                      d("div", {
                         innerHTML: e(o)("giftCard.thankYou")
-                      }, null, 8, ta)
+                      }, null, 8, ua)
                     ], 512), [
-                      [j, e(E)]
+                      [j, e(q)]
                     ])
                   ]),
-                  I.layout !== "minimal" && e(r) ? (s(), c("div", oa, [
-                    n("div", ia, [
-                      i(z, {
+                  R.layout !== "minimal" && e(c) ? (p(), b("div", ca, [
+                    d("div", pa, [
+                      n(z, {
                         label: e(o)("giftCard.orderGiftCard"),
                         "full-width": !0,
-                        disabled: !e(q),
-                        "is-loading": e(_),
-                        "onUpdate:isLoading": t[9] || (t[9] = (a) => g(_) ? _.value = a : null),
+                        disabled: !e(I),
+                        "is-loading": e(P),
+                        "onUpdate:isLoading": i[9] || (i[9] = (a) => C(P) ? P.value = a : null),
                         onClickEvent: e(B)
                       }, null, 8, ["label", "disabled", "is-loading", "onClickEvent"])
                     ])
-                  ])) : F("", !0),
-                  e(r) ? (s(), c("div", na, [
-                    i(H, {
-                      modelValue: e(k),
-                      "onUpdate:modelValue": t[10] || (t[10] = (a) => g(k) ? k.value = a : null),
+                  ])) : T("", !0),
+                  e(c) ? (p(), b("div", ma, [
+                    n(H, {
+                      modelValue: e(m),
+                      "onUpdate:modelValue": i[10] || (i[10] = (a) => C(m) ? m.value = a : null),
                       type: "textarea",
                       name: "remark",
                       label: e(o)("giftCard.remark"),
                       icon: "info-circle",
                       placeholder: e(o)("giftCard.remarkPlaceholder")
                     }, null, 8, ["modelValue", "label", "placeholder"])
-                  ])) : F("", !0),
-                  e(r) ? (s(), c("div", ra, [
-                    i(z, {
+                  ])) : T("", !0),
+                  e(c) ? (p(), b("div", fa, [
+                    n(z, {
                       label: e(o)("giftCard.orderGiftCard"),
                       "full-width": !0,
-                      disabled: !e(q),
+                      disabled: !e(I),
                       "data-test": "orderGiftCard",
-                      "is-loading": e(_),
-                      "onUpdate:isLoading": t[11] || (t[11] = (a) => g(_) ? _.value = a : null),
+                      "is-loading": e(P),
+                      "onUpdate:isLoading": i[11] || (i[11] = (a) => C(P) ? P.value = a : null),
                       onClickEvent: e(B)
                     }, null, 8, ["label", "disabled", "is-loading", "onClickEvent"]),
-                    W(n("div", sa, [
-                      i(Ie)
+                    W(d("div", va, [
+                      n(ze)
                     ], 512), [
                       [j, e(O)]
                     ])
-                  ])) : F("", !0)
-                ])) : (s(), L(le, { key: 1 }))
+                  ])) : T("", !0)
+                ])) : (p(), L(ne, { key: 1 }))
               ]),
               _: 1
             }, 8, ["access-token", "data-layout"])
           ]),
           fallback: D(() => [
-            i(Oe)
+            n(ea)
           ]),
           _: 1
         }))
@@ -472,16 +502,16 @@ const je = { class: "gift-card-skeleton" }, He = { class: "gift-card-skeleton-fo
       _: 1
     }, 8, ["styling"]));
   }
-}), ue = /* @__PURE__ */ de(da, [["__scopeId", "data-v-ec9ea15b"]]), ua = Te(), N = ge({ components: { GiftCard: ue } });
-N.use(ua);
-N.use(Se);
-N.use(Ue, { bootstrap: !0 });
+}), fe = /* @__PURE__ */ me(ga, [["__scopeId", "data-v-ec9ea15b"]]), ba = Re(), N = Ve({ components: { GiftCard: fe } });
+N.use(ba);
+N.use(Le);
+N.use(Ge, { bootstrap: !0 });
 N.mount("#konnectio-gift-card-app");
-const ya = {
-  install: (h) => {
-    h.component("GiftCard", ue);
+const wa = {
+  install: (u) => {
+    u.component("GiftCard", fe);
   }
 };
 export {
-  ya as default
+  wa as default
 };