@konnectio/core 4.0.43 → 4.0.45

package/dist/gift-card.js

@@ -1,99 +1,104 @@
-import { d as ue, u as ce, s as Q, c as ne, r as b, ae as F, e as Y, f as C, j as ee, S as J, h as pe, i as fe, af as me, k as X, D as se, b as ve, m as r, n as x, w as O, A as n, v as m, p as i, q as e, C as D, x as y, y as re, I as ge, _ as de, a1 as he, o as be, F as ae, ag as W, ah as j, T as H, G as k, a2 as ye, a3 as _e, B as ke, a4 as le, M as Ce, N as Ve, U as Fe, a8 as Pe, R as Se, V as we, a9 as Te } from "./SelectField.vue_vue_type_style_index_0_lang-fbce2406.js";
-import { a as $e, P as Ue, C as te, _ as Re } from "./CheckoutWindow-046e2e84.js";
-import { E as qe } from "./_-5f328ff3.js";
-import { F as L } from "./Field-a28f1e97.js";
+import { d as ce, u as pe, s as X, c as Z, r as h, ae as w, e as J, f as C, j as le, S as Q, h as fe, i as me, af as ve, k as ee, D as re, b as ge, m as s, n as x, w as K, A as n, v as m, p as i, q as e, C as D, x as y, y as de, I as he, _ as ue, a1 as ye, o as be, F as te, ag as j, ah as H, a2 as _e, a3 as ke, G as k, B as Ce, a4 as oe, T as O, M as Ve, N as Fe, U as we, a8 as Pe, R as Se, V as Te, a9 as $e } from "./SelectField.vue_vue_type_style_index_0_lang-656991fc.js";
+import { a as Ue, C as ie, P as Re, _ as qe } from "./CheckoutWindow-70c47274.js";
+import { E as Ee } from "./_-0345553a.js";
+import { F as L } from "./Field-44e97149.js";
 import "./_commonjsHelpers-aeeeeb92.js";
-const oe = ue("giftCard", () => {
-  const { pay: $ } = ce(), { bearerToken: a, metaData: P, currencyId: U } = Q(ne()), s = b(F.InitialState), V = Y("konnectio_name", "", void 0, { serializer: J.string }), p = Y("konnectio_email", "", void 0, { serializer: J.string }), f = Y("konnectio_phone", "", void 0, { serializer: J.string }), R = b(""), I = b(1), _ = b(!0), v = b(""), g = b({
+const ne = ce("giftCard", () => {
+  const { pay: $ } = pe(), { bearerToken: a, metaData: P, currencyId: U } = X(Z()), { verifyRecaptcha: b } = Z(), r = h(w.InitialState), c = J("konnectio_name", "", void 0, { serializer: Q.string }), f = J("konnectio_email", "", void 0, { serializer: Q.string }), R = J("konnectio_phone", "", void 0, { serializer: Q.string }), E = h(""), _ = h(1), v = h(!0), V = h(""), l = h({
     base64: "",
     type: "",
     name: ""
-  }), t = b(void 0), d = b(0), u = b(!1), S = b(0), E = C(() => s.value === F.InitialState || s.value === F.WaitingForResponse), h = C(() => s.value === F.ReadyToPay), M = C(() => s.value === F.PaymentSuccess), B = C(() => {
-    const c = {
+  }), d = h(void 0), u = h(0), F = h(!1), S = h(0), g = C(() => r.value === w.InitialState || r.value === w.WaitingForResponse), M = C(() => r.value === w.ReadyToPay), Y = C(() => r.value === w.PaymentSuccess), B = C(() => {
+    const p = {
       1: {
-        label: ee.t("giftCard.hotelType"),
+        label: le.t("giftCard.hotelType"),
         data: []
       },
       2: {
-        label: ee.t("giftCard.restaurantType"),
+        label: le.t("giftCard.restaurantType"),
         data: []
       }
-    }, w = P.value.places;
-    return w && w.forEach((T) => {
-      c[T.placeType].data.push(T);
+    }, I = P.value.hotels[0].places;
+    return I && I.forEach((T) => {
+      p[T.placeType].data.push(T);
     }), Object.fromEntries(
-      Object.entries(c).filter(([, T]) => T.data.length > 0)
+      Object.entries(p).filter(([, T]) => T.data.length > 0)
     );
   }), z = C(() => S.value !== 0), q = C(() => {
-    let c;
+    let p;
     if (z.value)
-      c = B.value[S.value].data[0];
-    else if (d.value !== 0) {
-      const w = t.value, T = B.value[d.value].data;
-      T.length === 1 ? c = T[0] : w !== void 0 && T.forEach((Z) => {
-        String(Z.id) === String(w) && (c = Z);
+      p = B.value[S.value].data[0];
+    else if (u.value !== 0) {
+      const I = d.value, T = B.value[u.value].data;
+      T.length === 1 ? p = T[0] : I !== void 0 && T.forEach((ae) => {
+        String(ae.id) === String(I) && (p = ae);
       });
     }
-    return c;
-  }), K = C(() => !(!V.value || !p.value || !(f.value.length >= 5) || !R.value || q.value === void 0)), N = C(() => !(s.value === F.InitialState && u.value)), G = C(() => !!(s.value === F.WaitingForResponse && u.value));
-  async function o() {
-    s.value = F.WaitingForResponse, u.value = !0, await pe.post("https://production.hotel-service.konnectio.dk/api/gift-card/create", {
-      termsOfserviceURL: "https://freshbooking.dk",
-      checkoutUrl: "https://freshbooking.dk",
-      currencyID: U.value,
-      language: fe(),
-      amount: R.value,
-      quantity: I.value,
-      freeText: v.value,
-      showPrice: _.value,
-      contactName: V.value,
-      contactEmail: p.value,
-      contactPhone: f.value,
-      imageBase64: me(g.value.base64),
-      imageName: g.value.name,
-      imageFormat: g.value.type,
-      placeType: q.value ? q.value.placeType : void 0,
-      placeID: q.value ? q.value.id : void 0
-    }, {
-      headers: {
-        Authorization: a.value,
-        Accept: "application/json",
-        "Fresh-Booking-Ver": "4.0.43"
+    return p;
+  }), N = C(() => !(!c.value || !f.value || !(R.value.length >= 5) || !E.value || q.value === void 0)), G = C(() => !(r.value === w.InitialState && F.value)), o = C(() => !!(r.value === w.WaitingForResponse && F.value));
+  async function t() {
+    r.value = w.WaitingForResponse, F.value = !0, b({
+      type: "create_gift_card",
+      callback: async () => {
+        await fe.post("https://production.hotel-service.konnectio.dk/api/gift-card/create", {
+          termsOfserviceURL: window.location.origin,
+          checkoutUrl: window.location.origin,
+          currencyID: U.value,
+          language: me(),
+          amount: E.value,
+          quantity: _.value,
+          freeText: V.value,
+          showPrice: v.value,
+          contactName: c.value,
+          contactEmail: f.value,
+          contactPhone: R.value,
+          imageBase64: ve(l.value.base64),
+          imageName: l.value.name,
+          imageFormat: l.value.type,
+          placeType: q.value ? q.value.placeType : void 0,
+          placeID: q.value ? q.value.id : void 0
+        }, {
+          headers: {
+            Authorization: a.value,
+            Accept: "application/json",
+            "Fresh-Booking-Ver": "4.0.45"
+          }
+        }).then((p) => {
+          r.value = w.ReadyToPay, F.value = !1, $({
+            callback: () => console.log("Callback!"),
+            response: p.data
+          });
+        });
       }
-    }).then((c) => {
-      s.value = F.ReadyToPay, u.value = !1, $({
-        callback: () => console.log("Callback!"),
-        response: c.data
-      });
     });
   }
-  function l(c) {
-    c && (S.value = c);
+  function W(p) {
+    p && (S.value = p);
   }
   return {
-    moduleState: s,
-    name: V,
-    email: p,
-    phone: f,
-    value: R,
-    remark: v,
-    showValue: _,
-    quantity: I,
-    media: g,
-    placeId: t,
-    placeType: d,
-    showFormPage: E,
-    showPaymentPage: h,
-    showConfirmationPage: M,
+    moduleState: r,
+    name: c,
+    email: f,
+    phone: R,
+    value: E,
+    remark: V,
+    showValue: v,
+    quantity: _,
+    media: l,
+    placeId: d,
+    placeType: u,
+    showFormPage: g,
+    showPaymentPage: M,
+    showConfirmationPage: Y,
     places: B,
-    hasFilledForm: K,
+    hasFilledForm: N,
     hasForcedPlaceType: z,
-    isWaitingForResponse: G,
-    isMetaDataAvailable: N,
-    orderGiftCard: o,
-    initialize: l
+    isWaitingForResponse: o,
+    isMetaDataAvailable: G,
+    orderGiftCard: t,
+    initialize: W
   };
-}), Ee = { class: "media-selector" }, Ge = ["accept"], Ie = { class: "media-selector-wrapper" }, Me = { class: "media-selector-tools" }, Be = { key: 0 }, Le = { key: 1 }, xe = { key: 2 }, De = ["src"], Ae = /* @__PURE__ */ X({
+}), Ge = { class: "media-selector" }, Ie = ["accept"], Me = { class: "media-selector-wrapper" }, Be = { class: "media-selector-tools" }, Le = { key: 0 }, xe = { key: 1 }, De = { key: 2 }, Ae = ["src"], ze = /* @__PURE__ */ ee({
   __name: "MediaSelector",
   props: {
     modelValue: {},
@@ -104,93 +109,93 @@ const oe = ue("giftCard", () => {
   },
   emits: ["update:modelValue"],
   setup($, { emit: a }) {
-    const P = a, U = $, { t: s } = se(), { display: V } = ve(), p = b(), f = C(() => U.modelValue.base64 !== "");
-    function R(t) {
-      P("update:modelValue", t);
+    const P = a, U = $, { t: b } = re(), { display: r } = ge(), c = h(), f = C(() => U.modelValue.base64 !== "");
+    function R(l) {
+      P("update:modelValue", l);
     }
-    function I() {
+    function E() {
       R({
         base64: "",
         name: "",
         type: ""
-      }), p.value && (p.value.value = "");
+      }), c.value && (c.value.value = "");
     }
     function _() {
-      p.value && p.value.click();
+      c.value && c.value.click();
     }
-    function v(t, d) {
-      const [u, S] = [t.name, t.type], E = new FileReader();
-      E.onload = function(h) {
-        if (h.target) {
-          const M = h.target.result;
-          d({ base64: M, name: u, type: S });
+    function v(l, d) {
+      const [u, F] = [l.name, l.type], S = new FileReader();
+      S.onload = function(g) {
+        if (g.target) {
+          const M = g.target.result;
+          d({ base64: M, name: u, type: F });
         } else
-          V({
-            message: s("imageUploadError"),
+          r({
+            message: b("imageUploadError"),
             type: "error"
           });
-      }, E.readAsDataURL(t);
+      }, S.readAsDataURL(l);
     }
-    async function g() {
-      let t;
-      (t = p.value.files) instanceof FileList && v(t[0], R);
+    async function V() {
+      let l;
+      (l = c.value.files) instanceof FileList && v(l[0], R);
     }
-    return (t, d) => (r(), x(ge, {
-      label: t.label,
-      required: t.required,
+    return (l, d) => (s(), x(he, {
+      label: l.label,
+      required: l.required,
       type: "media"
     }, {
-      default: O(() => [
-        n("div", Ee, [
+      default: K(() => [
+        n("div", Ge, [
           n("input", {
             ref_key: "fileInput",
-            ref: p,
+            ref: c,
             type: "file",
             class: "hidden",
-            accept: t.validation,
+            accept: l.validation,
             single: "",
-            onChange: d[0] || (d[0] = (u) => g())
-          }, null, 40, Ge),
-          n("div", Ie, [
-            n("ul", Me, [
-              f.value ? y("", !0) : (r(), m("li", Be, [
+            onChange: d[0] || (d[0] = (u) => V())
+          }, null, 40, Ie),
+          n("div", Me, [
+            n("ul", Be, [
+              f.value ? y("", !0) : (s(), m("li", Le, [
                 i(D, {
-                  label: e(s)("uploadFile"),
+                  label: e(b)("uploadFile"),
                   type: "button",
                   icon: "upload",
-                  "icon-color": t.iconColor,
+                  "icon-color": l.iconColor,
                   onClickEvent: d[1] || (d[1] = (u) => _())
                 }, null, 8, ["label", "icon-color"])
               ])),
-              f.value ? (r(), m("li", Le, [
+              f.value ? (s(), m("li", xe, [
                 i(D, {
-                  label: e(s)("replaceFile"),
+                  label: e(b)("replaceFile"),
                   type: "button",
                   icon: "repeat-alt",
-                  "icon-color": t.iconColor,
+                  "icon-color": l.iconColor,
                   onClickEvent: d[2] || (d[2] = (u) => _())
                 }, null, 8, ["label", "icon-color"])
               ])) : y("", !0),
-              f.value ? (r(), m("li", xe, [
+              f.value ? (s(), m("li", De, [
                 i(D, {
-                  label: e(s)("removeFile"),
+                  label: e(b)("removeFile"),
                   type: "button",
                   icon: "trash-alt",
-                  "icon-color": t.iconColor,
-                  onClickEvent: d[3] || (d[3] = (u) => I())
+                  "icon-color": l.iconColor,
+                  onClickEvent: d[3] || (d[3] = (u) => E())
                 }, null, 8, ["label", "icon-color"])
               ])) : y("", !0)
             ]),
             n("div", {
-              class: re([
+              class: de([
                 "media-selector-previewer",
                 { opened: f.value }
               ])
             }, [
-              t.modelValue ? (r(), m("img", {
+              l.modelValue ? (s(), m("img", {
                 key: 0,
-                src: t.modelValue.base64
-              }, null, 8, De)) : y("", !0)
+                src: l.modelValue.base64
+              }, null, 8, Ae)) : y("", !0)
             ], 2)
           ])
         ])
@@ -199,7 +204,7 @@ const oe = ue("giftCard", () => {
     }, 8, ["label", "required"]));
   }
 });
-function ie($) {
+function se($) {
   const a = $;
   a.__i18n = a.__i18n || [], a.__i18n.push({
     locale: "",
@@ -219,40 +224,40 @@ function ie($) {
     }
   });
 }
-typeof ie == "function" && ie(Ae);
-const ze = { class: "gift-card-skeleton" }, Ne = { class: "gift-card-skeleton-form" }, We = /* @__PURE__ */ X({
+typeof se == "function" && se(ze);
+const Ne = { class: "gift-card-skeleton" }, We = { class: "gift-card-skeleton-form" }, je = /* @__PURE__ */ ee({
   __name: "GiftCardSkeleton",
   setup($) {
-    return (a, P) => (r(), m("div", ze, [
-      n("div", Ne, [
+    return (a, P) => (s(), m("div", Ne, [
+      n("div", We, [
         i(L),
         i(L),
         i(L),
         i(L),
         i(L, { "is-text-area": "" }),
-        i(qe, { height: "44px" })
+        i(Ee, { height: "44px" })
       ])
     ]));
   }
 });
-const je = /* @__PURE__ */ de(We, [["__scopeId", "data-v-2600a731"]]), He = {
+const He = /* @__PURE__ */ ue(je, [["__scopeId", "data-v-2600a731"]]), Oe = {
   key: 0,
   id: "fresh-booking-gift-card-wrapper"
-}, Oe = { id: "fresh-booking-gift-card-title" }, Ke = { id: "fresh-booking-gift-card-content" }, Ye = { id: "fresh-booking-gift-card-payment" }, Je = ["innerHTML"], Qe = { key: 0 }, Xe = {
+}, Ke = { id: "fresh-booking-gift-card-title" }, Ye = { id: "fresh-booking-gift-card-content" }, Je = { id: "fresh-booking-gift-card-payment" }, Qe = ["innerHTML"], Xe = { key: 0 }, Ze = {
   key: 0,
   id: "fresh-booking-select-place-type"
-}, Ze = {
-  class: /* @__PURE__ */ re(["fresh-booking-label", "required"])
-}, ea = { id: "fresh-booking-select-place-type-input" }, aa = ["innerHTML"], la = {
+}, ea = {
+  class: /* @__PURE__ */ de(["fresh-booking-label", "required"])
+}, aa = { id: "fresh-booking-select-place-type-input" }, la = ["innerHTML"], ta = {
   key: 0,
   id: "fresh-booking-gift-card-order"
-}, ta = { class: "fresh-booking-panel" }, oa = {
+}, oa = { class: "fresh-booking-panel" }, ia = {
   key: 1,
   id: "fresh-booking-gift-card-remarks"
-}, ia = {
+}, na = {
   key: 2,
   id: "fresh-booking-gift-card-order-minimal"
-}, na = { id: "fresh-booking-gift-card-recaptcha" }, sa = /* @__PURE__ */ X({
+}, sa = { id: "fresh-booking-gift-card-recaptcha" }, ra = /* @__PURE__ */ ee({
   name: "GiftCardLayout",
   __name: "GiftCard",
   props: {
@@ -262,62 +267,93 @@ const je = /* @__PURE__ */ de(We, [["__scopeId", "data-v-2600a731"]]), He = {
     styling: {}
   },
   setup($) {
-    const { t: a } = se(), {
+    const { t: a } = re(), {
       name: P,
       email: U,
-      phone: s,
-      value: V,
-      remark: p,
+      phone: b,
+      value: r,
+      remark: c,
       showValue: f,
       quantity: R,
-      media: I,
+      media: E,
       placeId: _,
       placeType: v,
-      showFormPage: g,
-      showPaymentPage: t,
+      showFormPage: V,
+      showPaymentPage: l,
       showConfirmationPage: d,
       places: u,
-      hasFilledForm: S,
-      hasForcedPlaceType: E,
-      isWaitingForResponse: h,
+      hasFilledForm: F,
+      hasForcedPlaceType: S,
+      isWaitingForResponse: g,
       isMetaDataAvailable: M
-    } = Q(oe()), { initialize: B, orderGiftCard: z } = oe(), { isRecaptchaEnabled: q, currency: K } = Q(ne());
+    } = X(ne()), { initialize: Y, orderGiftCard: B } = ne(), { isRecaptchaEnabled: z, currency: q } = X(Z());
     async function N() {
-      await z();
+      await B();
     }
-    return he(v, () => {
+    return ye(v, () => {
       _.value = void 0;
     }), be(() => {
-      B();
-    }), (G, o) => (r(), x(Ve, null, {
-      default: O(() => [
-        i(Ce, {
+      Y();
+    }), (G, o) => (s(), x(Fe, null, {
+      default: K(() => [
+        i(Ve, {
           id: "fresh-booking-gift-card-module",
           type: "gift-card",
           "access-token": G.accessToken,
           "data-layout": G.layout,
           styling: G.styling
         }, {
-          default: O(() => [
-            e(M) ? (r(), m("div", He, [
-              n("h4", Oe, [
-                n("span", null, ae(e(a)("giftCard.title")), 1)
+          default: K(() => [
+            e(M) ? (s(), m("div", Oe, [
+              n("h2", Ke, [
+                n("span", null, te(e(a)("giftCard.title")), 1)
               ]),
-              n("div", Ke, [
-                W(n("div", Ye, [
-                  i($e)
+              n("div", Ye, [
+                j(n("div", Je, [
+                  i(Ue)
                 ], 512), [
-                  [j, e(t)]
+                  [H, e(l)]
                 ]),
-                W(n("div", null, [
+                j(n("div", null, [
                   n("p", {
                     id: "fresh-booking-gift-card-description",
                     innerHTML: e(a)("giftCard.description")
-                  }, null, 8, Je),
+                  }, null, 8, Qe),
                   n("form", null, [
-                    i(H, {
+                    e(S) ? y("", !0) : (s(), m("div", Xe, [
+                      e(u) ? (s(), m("div", Ze, [
+                        n("label", ea, [
+                          n("span", null, te(e(a)("giftCard.selectType")), 1)
+                        ]),
+                        n("div", aa, [
+                          n("ul", null, [
+                            (s(!0), m(_e, null, ke(e(u), (t, W) => (s(), m("li", { key: W }, [
+                              i(ie, {
+                                modelValue: e(v),
+                                "onUpdate:modelValue": o[0] || (o[0] = (p) => k(v) ? v.value = p : null),
+                                type: "radio",
+                                name: "placeType",
+                                val: W,
+                                label: t.label
+                              }, null, 8, ["modelValue", "val", "label"])
+                            ]))), 128))
+                          ]),
+                          e(u)[e(v)] && e(u)[e(v)].data.length > 1 ? (s(), x(Ce, {
+                            key: 0,
+                            modelValue: e(_),
+                            "onUpdate:modelValue": o[1] || (o[1] = (t) => k(_) ? _.value = t : null),
+                            placeholder: e(a)("giftCard.selectPlacePlaceholder"),
+                            options: e(u)[e(v)].data,
+                            labelKey: "name",
+                            valueKey: "id",
+                            required: ""
+                          }, null, 8, ["modelValue", "placeholder", "options"])) : y("", !0)
+                        ])
+                      ])) : (s(), x(oe, { key: 1 }))
+                    ])),
+                    i(O, {
                       modelValue: e(P),
-                      "onUpdate:modelValue": o[0] || (o[0] = (l) => k(P) ? P.value = l : null),
+                      "onUpdate:modelValue": o[2] || (o[2] = (t) => k(P) ? P.value = t : null),
                       type: "text",
                       name: "name",
                       autocomplete: "name",
@@ -326,9 +362,9 @@ const je = /* @__PURE__ */ de(We, [["__scopeId", "data-v-2600a731"]]), He = {
                       placeholder: e(a)("giftCard.namePlaceholder"),
                       required: ""
                     }, null, 8, ["modelValue", "label", "placeholder"]),
-                    i(H, {
+                    i(O, {
                       modelValue: e(U),
-                      "onUpdate:modelValue": o[1] || (o[1] = (l) => k(U) ? U.value = l : null),
+                      "onUpdate:modelValue": o[3] || (o[3] = (t) => k(U) ? U.value = t : null),
                       type: "email",
                       name: "email",
                       autocomplete: "email",
@@ -337,59 +373,28 @@ const je = /* @__PURE__ */ de(We, [["__scopeId", "data-v-2600a731"]]), He = {
                       placeholder: e(a)("giftCard.emailPlaceholder"),
                       required: ""
                     }, null, 8, ["modelValue", "label", "placeholder"]),
-                    i(Ue, {
-                      modelValue: e(s),
-                      "onUpdate:modelValue": o[2] || (o[2] = (l) => k(s) ? s.value = l : null),
+                    i(Re, {
+                      modelValue: e(b),
+                      "onUpdate:modelValue": o[4] || (o[4] = (t) => k(b) ? b.value = t : null),
                       icon: "phone-office",
                       label: e(a)("giftCard.phone"),
                       placeholder: e(a)("giftCard.phonePlaceholder"),
                       required: ""
                     }, null, 8, ["modelValue", "label", "placeholder"]),
-                    e(E) ? y("", !0) : (r(), m("div", Qe, [
-                      e(u) ? (r(), m("div", Xe, [
-                        n("label", Ze, [
-                          n("span", null, ae(e(a)("giftCard.selectType")), 1)
-                        ]),
-                        n("div", ea, [
-                          n("ul", null, [
-                            (r(!0), m(ye, null, _e(e(u), (l, c) => (r(), m("li", { key: c }, [
-                              i(te, {
-                                modelValue: e(v),
-                                "onUpdate:modelValue": o[3] || (o[3] = (w) => k(v) ? v.value = w : null),
-                                type: "radio",
-                                name: "placeType",
-                                val: c,
-                                label: l.label
-                              }, null, 8, ["modelValue", "val", "label"])
-                            ]))), 128))
-                          ]),
-                          e(u)[e(v)] && e(u)[e(v)].data.length > 1 ? (r(), x(ke, {
-                            key: 0,
-                            modelValue: e(_),
-                            "onUpdate:modelValue": o[4] || (o[4] = (l) => k(_) ? _.value = l : null),
-                            placeholder: e(a)("giftCard.selectPlacePlaceholder"),
-                            options: e(u)[e(v)].data,
-                            labelKey: "name",
-                            valueKey: "id",
-                            required: ""
-                          }, null, 8, ["modelValue", "placeholder", "options"])) : y("", !0)
-                        ])
-                      ])) : (r(), x(le, { key: 1 }))
-                    ])),
-                    i(H, {
-                      modelValue: e(V),
-                      "onUpdate:modelValue": o[5] || (o[5] = (l) => k(V) ? V.value = l : null),
+                    i(O, {
+                      modelValue: e(r),
+                      "onUpdate:modelValue": o[5] || (o[5] = (t) => k(r) ? r.value = t : null),
                       type: "number",
                       name: "value",
                       label: e(a)("giftCard.value"),
                       icon: "money-bill",
                       placeholder: e(a)("giftCard.valuePlaceholder"),
-                      suffix: e(K),
+                      suffix: e(q),
                       required: ""
                     }, null, 8, ["modelValue", "label", "placeholder", "suffix"]),
-                    i(te, {
+                    i(ie, {
                       modelValue: e(f),
-                      "onUpdate:modelValue": o[6] || (o[6] = (l) => k(f) ? f.value = l : null),
+                      "onUpdate:modelValue": o[6] || (o[6] = (t) => k(f) ? f.value = t : null),
                       type: "checkbox",
                       name: "showValue",
                       label: e(a)("giftCard.showValue"),
@@ -399,32 +404,32 @@ const je = /* @__PURE__ */ de(We, [["__scopeId", "data-v-2600a731"]]), He = {
                     y("", !0)
                   ])
                 ], 512), [
-                  [j, e(g)]
+                  [H, e(V)]
                 ]),
-                W(n("div", null, [
+                j(n("div", null, [
                   n("div", {
                     innerHTML: e(a)("giftCard.thankYou")
-                  }, null, 8, aa)
+                  }, null, 8, la)
                 ], 512), [
-                  [j, e(d)]
+                  [H, e(d)]
                 ])
               ]),
-              G.layout !== "minimal" && e(g) ? (r(), m("div", la, [
-                n("div", ta, [
+              G.layout !== "minimal" && e(V) ? (s(), m("div", ta, [
+                n("div", oa, [
                   i(D, {
                     label: e(a)("giftCard.orderGiftCard"),
                     "full-width": !0,
-                    disabled: !e(S),
-                    "is-loading": e(h),
-                    "onUpdate:isLoading": o[9] || (o[9] = (l) => k(h) ? h.value = l : null),
+                    disabled: !e(F),
+                    "is-loading": e(g),
+                    "onUpdate:isLoading": o[9] || (o[9] = (t) => k(g) ? g.value = t : null),
                     onClickEvent: N
                   }, null, 8, ["label", "disabled", "is-loading"])
                 ])
               ])) : y("", !0),
-              e(g) ? (r(), m("div", oa, [
-                i(H, {
-                  modelValue: e(p),
-                  "onUpdate:modelValue": o[10] || (o[10] = (l) => k(p) ? p.value = l : null),
+              e(V) ? (s(), m("div", ia, [
+                i(O, {
+                  modelValue: e(c),
+                  "onUpdate:modelValue": o[10] || (o[10] = (t) => k(c) ? c.value = t : null),
                   type: "textarea",
                   name: "remark",
                   label: e(a)("giftCard.remark"),
@@ -432,37 +437,37 @@ const je = /* @__PURE__ */ de(We, [["__scopeId", "data-v-2600a731"]]), He = {
                   placeholder: e(a)("giftCard.remarkPlaceholder")
                 }, null, 8, ["modelValue", "label", "placeholder"])
               ])) : y("", !0),
-              e(g) ? (r(), m("div", ia, [
+              e(V) ? (s(), m("div", na, [
                 i(D, {
                   label: e(a)("giftCard.orderGiftCard"),
                   "full-width": !0,
-                  disabled: !e(S),
+                  disabled: !e(F),
                   "data-test": "orderGiftCard",
-                  "is-loading": e(h),
-                  "onUpdate:isLoading": o[11] || (o[11] = (l) => k(h) ? h.value = l : null),
+                  "is-loading": e(g),
+                  "onUpdate:isLoading": o[11] || (o[11] = (t) => k(g) ? g.value = t : null),
                   onClickEvent: N
                 }, null, 8, ["label", "disabled", "is-loading"]),
-                W(n("div", na, [
-                  i(Re)
+                j(n("div", sa, [
+                  i(qe)
                 ], 512), [
-                  [j, e(q)]
+                  [H, e(z)]
                 ])
               ])) : y("", !0)
-            ])) : (r(), x(le, { key: 1 }))
+            ])) : (s(), x(oe, { key: 1 }))
           ]),
           _: 1
         }, 8, ["access-token", "data-layout", "styling"])
       ]),
-      fallback: O(() => [
-        i(je)
+      fallback: K(() => [
+        i(He)
       ]),
       _: 1
     }));
   }
 });
-const ra = /* @__PURE__ */ de(sa, [["__scopeId", "data-v-d95c25af"]]), da = Fe(), ua = Pe(), A = Se({ components: { GiftCard: ra } });
-A.use(da);
-A.use(we);
+const da = /* @__PURE__ */ ue(ra, [["__scopeId", "data-v-5019ef21"]]), ua = we(), ca = Pe(), A = Se({ components: { GiftCard: da } });
 A.use(ua);
-A.use(Te, { bootstrap: !0 });
+A.use(Te);
+A.use(ca);
+A.use($e, { bootstrap: !0 });
 A.mount("#konnectio-gift-card-app");