@konnectio/core 4.0.44 → 4.0.46

package/dist/gift-card.js

@@ -1,99 +1,105 @@
-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-1ff1cdee.js";
-import { a as $e, P as Ue, C as te, _ as Re } from "./CheckoutWindow-8f863674.js";
-import { E as qe } from "./_-bf149468.js";
-import { F as L } from "./Field-44da50f3.js";
+import { d as ce, u as pe, s as X, c as Z, r as v, ad as P, e as Y, f as g, j as le, S as Q, h as me, i as fe, ae as ve, k as ee, F as re, b as ge, m as s, n as G, w as A, A as i, v as c, p as n, q as e, C as D, x as y, y as de, I as ye, _ as ue, a2 as be, o as _e, G as he, H as te, af as N, ag as j, a3 as ke, a4 as Ce, J as V, B as Ve, a5 as oe, T as H, P as Fe, V as we, U as Pe, W as Se, a9 as Te } from "./SelectField.vue_vue_type_style_index_0_lang-64d83bbf.js";
+import { C as $e } from "./Container-b16559ce.js";
+import { a as Ue, C as ne, P as Re, _ as qe } from "./CheckoutWindow-7c0d94ac.js";
+import { E as Ee } from "./_-de5d9a78.js";
+import { F as L } from "./Field-15886b67.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 ie = ce("giftCard", () => {
+  const { pay: S } = pe(), { bearerToken: b, metaData: q, currencyId: t } = X(Z()), { verifyRecaptcha: _ } = Z(), d = v(P.InitialState), u = Y("konnectio_name", "", void 0, { serializer: Q.string }), p = Y("konnectio_email", "", void 0, { serializer: Q.string }), h = Y("konnectio_phone", "", void 0, { serializer: Q.string }), k = v(""), E = v(1), I = v(!0), F = v(""), l = v({
     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 = {
+  }), r = v(void 0), f = v(0), T = v(!1), m = v(0), U = g(() => d.value === P.InitialState || d.value === P.WaitingForResponse), M = g(() => d.value === P.ReadyToPay), $ = g(() => d.value === P.PaymentSuccess), x = g(() => {
+    const a = {
       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);
+    }, w = q.value.hotels[0].places;
+    return w && w.forEach((C) => {
+      a[C.placeType].data.push(C);
     }), Object.fromEntries(
-      Object.entries(c).filter(([, T]) => T.data.length > 0)
+      Object.entries(a).filter(([, C]) => C.data.length > 0)
     );
-  }), z = C(() => S.value !== 0), q = C(() => {
-    let c;
+  }), z = g(() => m.value !== 0), R = g(() => {
+    let a;
     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);
+      a = x.value[m.value].data[0];
+    else if (f.value !== 0) {
+      const w = r.value, C = x.value[f.value].data;
+      C.length === 1 ? a = C[0] : w !== void 0 && C.forEach((ae) => {
+        String(ae.id) === String(w) && (a = 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.44"
+    return a;
+  }), K = g(() => !(!u.value || !p.value || !(h.value.length >= 5) || !k.value || R.value === void 0)), J = g(() => !(d.value === P.InitialState && T.value)), W = g(() => !!(d.value === P.WaitingForResponse && T.value));
+  async function B() {
+    d.value = P.WaitingForResponse, T.value = !0, _({
+      type: "create_gift_card",
+      callback: async () => {
+        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: k.value,
+          quantity: E.value,
+          freeText: F.value,
+          showPrice: I.value,
+          contactName: u.value,
+          contactEmail: p.value,
+          contactPhone: h.value,
+          imageBase64: ve(l.value.base64),
+          imageName: l.value.name,
+          imageFormat: l.value.type,
+          placeType: R.value ? R.value.placeType : void 0,
+          placeID: R.value ? R.value.id : void 0
+        }, {
+          headers: {
+            Authorization: b.value,
+            Accept: "application/json",
+            "Fresh-Booking-Ver": "4.0.46"
+          }
+        }).then((a) => {
+          d.value = P.ReadyToPay, T.value = !1, S({
+            callback: () => console.log("Callback!"),
+            response: a.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 o(a) {
+    a && (m.value = a);
   }
   return {
-    moduleState: s,
-    name: V,
+    moduleState: d,
+    name: u,
     email: p,
-    phone: f,
-    value: R,
-    remark: v,
-    showValue: _,
-    quantity: I,
-    media: g,
-    placeId: t,
-    placeType: d,
-    showFormPage: E,
-    showPaymentPage: h,
-    showConfirmationPage: M,
-    places: B,
+    phone: h,
+    value: k,
+    remark: F,
+    showValue: I,
+    quantity: E,
+    media: l,
+    placeId: r,
+    placeType: f,
+    showFormPage: U,
+    showPaymentPage: M,
+    showConfirmationPage: $,
+    places: x,
     hasFilledForm: K,
     hasForcedPlaceType: z,
-    isWaitingForResponse: G,
-    isMetaDataAvailable: N,
-    orderGiftCard: o,
-    initialize: l
+    isWaitingForResponse: W,
+    isMetaDataAvailable: J,
+    orderGiftCard: B,
+    initialize: o
   };
-}), 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" }, xe = { class: "media-selector-tools" }, Be = { key: 0 }, Le = { key: 1 }, Ae = { key: 2 }, De = ["src"], ze = /* @__PURE__ */ ee({
   __name: "MediaSelector",
   props: {
     modelValue: {},
@@ -103,93 +109,93 @@ const oe = ue("giftCard", () => {
     required: { type: Boolean, default: !1 }
   },
   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);
+  setup(S, { emit: b }) {
+    const q = b, t = S, { t: _ } = re(), { display: d } = ge(), u = v(), p = g(() => t.modelValue.base64 !== "");
+    function h(l) {
+      q("update:modelValue", l);
     }
-    function I() {
-      R({
+    function k() {
+      h({
         base64: "",
         name: "",
         type: ""
-      }), p.value && (p.value.value = "");
+      }), u.value && (u.value.value = "");
     }
-    function _() {
-      p.value && p.value.click();
+    function E() {
+      u.value && u.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 I(l, r) {
+      const [f, T] = [l.name, l.type], m = new FileReader();
+      m.onload = function(U) {
+        if (U.target) {
+          const M = U.target.result;
+          r({ base64: M, name: f, type: T });
         } else
-          V({
-            message: s("imageUploadError"),
+          d({
+            message: _("imageUploadError"),
             type: "error"
           });
-      }, E.readAsDataURL(t);
+      }, m.readAsDataURL(l);
     }
-    async function g() {
-      let t;
-      (t = p.value.files) instanceof FileList && v(t[0], R);
+    async function F() {
+      let l;
+      (l = u.value.files) instanceof FileList && I(l[0], h);
     }
-    return (t, d) => (r(), x(ge, {
-      label: t.label,
-      required: t.required,
+    return (l, r) => (s(), G(ye, {
+      label: l.label,
+      required: l.required,
       type: "media"
     }, {
-      default: O(() => [
-        n("div", Ee, [
-          n("input", {
+      default: A(() => [
+        i("div", Ge, [
+          i("input", {
             ref_key: "fileInput",
-            ref: p,
+            ref: u,
             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, [
-                i(D, {
-                  label: e(s)("uploadFile"),
+            onChange: r[0] || (r[0] = (f) => F())
+          }, null, 40, Ie),
+          i("div", Me, [
+            i("ul", xe, [
+              p.value ? y("", !0) : (s(), c("li", Be, [
+                n(D, {
+                  label: e(_)("uploadFile"),
                   type: "button",
                   icon: "upload",
-                  "icon-color": t.iconColor,
-                  onClickEvent: d[1] || (d[1] = (u) => _())
+                  "icon-color": l.iconColor,
+                  onClickEvent: r[1] || (r[1] = (f) => E())
                 }, null, 8, ["label", "icon-color"])
               ])),
-              f.value ? (r(), m("li", Le, [
-                i(D, {
-                  label: e(s)("replaceFile"),
+              p.value ? (s(), c("li", Le, [
+                n(D, {
+                  label: e(_)("replaceFile"),
                   type: "button",
                   icon: "repeat-alt",
-                  "icon-color": t.iconColor,
-                  onClickEvent: d[2] || (d[2] = (u) => _())
+                  "icon-color": l.iconColor,
+                  onClickEvent: r[2] || (r[2] = (f) => E())
                 }, null, 8, ["label", "icon-color"])
               ])) : y("", !0),
-              f.value ? (r(), m("li", xe, [
-                i(D, {
-                  label: e(s)("removeFile"),
+              p.value ? (s(), c("li", Ae, [
+                n(D, {
+                  label: e(_)("removeFile"),
                   type: "button",
                   icon: "trash-alt",
-                  "icon-color": t.iconColor,
-                  onClickEvent: d[3] || (d[3] = (u) => I())
+                  "icon-color": l.iconColor,
+                  onClickEvent: r[3] || (r[3] = (f) => k())
                 }, null, 8, ["label", "icon-color"])
               ])) : y("", !0)
             ]),
-            n("div", {
-              class: re([
+            i("div", {
+              class: de([
                 "media-selector-previewer",
-                { opened: f.value }
+                { opened: p.value }
               ])
             }, [
-              t.modelValue ? (r(), m("img", {
+              l.modelValue ? (s(), c("img", {
                 key: 0,
-                src: t.modelValue.base64
+                src: l.modelValue.base64
               }, null, 8, De)) : y("", !0)
             ], 2)
           ])
@@ -199,9 +205,9 @@ const oe = ue("giftCard", () => {
     }, 8, ["label", "required"]));
   }
 });
-function ie($) {
-  const a = $;
-  a.__i18n = a.__i18n || [], a.__i18n.push({
+function se(S) {
+  const b = S;
+  b.__i18n = b.__i18n || [], b.__i18n.push({
     locale: "",
     resource: {
       da: {
@@ -219,40 +225,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 We = { class: "gift-card-skeleton" }, Ne = { class: "gift-card-skeleton-form" }, je = /* @__PURE__ */ ee({
   __name: "GiftCardSkeleton",
-  setup($) {
-    return (a, P) => (r(), m("div", ze, [
-      n("div", Ne, [
-        i(L),
-        i(L),
-        i(L),
-        i(L),
-        i(L, { "is-text-area": "" }),
-        i(qe, { height: "44px" })
+  setup(S) {
+    return (b, q) => (s(), c("div", We, [
+      i("div", Ne, [
+        n(L),
+        n(L),
+        n(L),
+        n(L),
+        n(L, { "is-text-area": "" }),
+        n(Ee, { height: "44px" })
       ])
     ]));
   }
 });
-const je = /* @__PURE__ */ de(We, [["__scopeId", "data-v-2600a731"]]), He = {
+const He = /* @__PURE__ */ ue(je, [["__scopeId", "data-v-e35c75b3"]]), 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 = {
+  id: "konnectio-gift-card-wrapper"
+}, Ke = { id: "konnectio-gift-card-title" }, Je = { id: "konnectio-gift-card-content" }, Ye = { id: "konnectio-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 = {
+  id: "konnectio-gift-card-order"
+}, oa = { class: "fresh-booking-panel" }, na = {
   key: 1,
-  id: "fresh-booking-gift-card-remarks"
+  id: "konnectio-gift-card-remarks"
 }, ia = {
   key: 2,
-  id: "fresh-booking-gift-card-order-minimal"
-}, na = { id: "fresh-booking-gift-card-recaptcha" }, sa = /* @__PURE__ */ X({
+  id: "konnectio-gift-card-order-minimal"
+}, sa = { id: "konnectio-gift-card-recaptcha" }, ra = /* @__PURE__ */ ee({
   name: "GiftCardLayout",
   __name: "GiftCard",
   props: {
@@ -261,208 +267,214 @@ const je = /* @__PURE__ */ de(We, [["__scopeId", "data-v-2600a731"]]), He = {
     placeType: {},
     styling: {}
   },
-  setup($) {
-    const { t: a } = se(), {
-      name: P,
-      email: U,
-      phone: s,
-      value: V,
-      remark: p,
-      showValue: f,
-      quantity: R,
+  setup(S) {
+    const b = S, q = g(() => ({
+      panelMaxWidth: "800px",
+      ...b.styling
+    })), { t } = re(), {
+      name: _,
+      email: d,
+      phone: u,
+      value: p,
+      remark: h,
+      showValue: k,
+      quantity: E,
       media: I,
-      placeId: _,
-      placeType: v,
-      showFormPage: g,
-      showPaymentPage: t,
-      showConfirmationPage: d,
-      places: u,
-      hasFilledForm: S,
-      hasForcedPlaceType: E,
-      isWaitingForResponse: h,
-      isMetaDataAvailable: M
-    } = Q(oe()), { initialize: B, orderGiftCard: z } = oe(), { isRecaptchaEnabled: q, currency: K } = Q(ne());
-    async function N() {
-      await z();
+      placeId: F,
+      placeType: l,
+      showFormPage: r,
+      showPaymentPage: f,
+      showConfirmationPage: T,
+      places: m,
+      hasFilledForm: U,
+      hasForcedPlaceType: M,
+      isWaitingForResponse: $,
+      isMetaDataAvailable: x
+    } = X(ie()), { initialize: z, orderGiftCard: R } = ie(), { isRecaptchaEnabled: K, currency: J } = X(Z());
+    async function W() {
+      await R();
     }
-    return he(v, () => {
-      _.value = void 0;
-    }), be(() => {
-      B();
-    }), (G, o) => (r(), x(Ve, null, {
-      default: O(() => [
-        i(Ce, {
-          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)
-              ]),
-              n("div", Ke, [
-                W(n("div", Ye, [
-                  i($e)
-                ], 512), [
-                  [j, e(t)]
-                ]),
-                W(n("div", null, [
-                  n("p", {
-                    id: "fresh-booking-gift-card-description",
-                    innerHTML: e(a)("giftCard.description")
-                  }, null, 8, Je),
-                  n("form", null, [
-                    i(H, {
-                      modelValue: e(P),
-                      "onUpdate:modelValue": o[0] || (o[0] = (l) => k(P) ? P.value = l : null),
-                      type: "text",
-                      name: "name",
-                      autocomplete: "name",
-                      label: e(a)("giftCard.name"),
-                      icon: "user-alt",
-                      placeholder: e(a)("giftCard.namePlaceholder"),
-                      required: ""
-                    }, null, 8, ["modelValue", "label", "placeholder"]),
-                    i(H, {
-                      modelValue: e(U),
-                      "onUpdate:modelValue": o[1] || (o[1] = (l) => k(U) ? U.value = l : null),
-                      type: "email",
-                      name: "email",
-                      autocomplete: "email",
-                      label: e(a)("giftCard.email"),
-                      icon: "at",
-                      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),
-                      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),
-                      type: "number",
-                      name: "value",
-                      label: e(a)("giftCard.value"),
-                      icon: "money-bill",
-                      placeholder: e(a)("giftCard.valuePlaceholder"),
-                      suffix: e(K),
-                      required: ""
-                    }, null, 8, ["modelValue", "label", "placeholder", "suffix"]),
-                    i(te, {
-                      modelValue: e(f),
-                      "onUpdate:modelValue": o[6] || (o[6] = (l) => k(f) ? f.value = l : null),
-                      type: "checkbox",
-                      name: "showValue",
-                      label: e(a)("giftCard.showValue"),
-                      checked: e(f)
-                    }, null, 8, ["modelValue", "label", "checked"]),
-                    y("", !0),
-                    y("", !0)
-                  ])
-                ], 512), [
-                  [j, e(g)]
-                ]),
-                W(n("div", null, [
-                  n("div", {
-                    innerHTML: e(a)("giftCard.thankYou")
-                  }, null, 8, aa)
-                ], 512), [
-                  [j, e(d)]
-                ])
+    return be(l, () => {
+      F.value = void 0;
+    }), _e(() => {
+      z();
+    }), (B, o) => (s(), G($e, { styling: q.value }, {
+      default: A(() => [
+        (s(), G(he, null, {
+          default: A(() => [
+            n(Fe, {
+              id: "konnectio-gift-card-module",
+              type: "gift-card",
+              "access-token": B.accessToken,
+              "data-layout": B.layout
+            }, {
+              default: A(() => [
+                e(x) ? (s(), c("div", Oe, [
+                  i("h2", Ke, [
+                    i("span", null, te(e(t)("giftCard.title")), 1)
+                  ]),
+                  i("div", Je, [
+                    N(i("div", Ye, [
+                      n(Ue)
+                    ], 512), [
+                      [j, e(f)]
+                    ]),
+                    N(i("div", null, [
+                      i("p", {
+                        id: "konnectio-gift-card-description",
+                        innerHTML: e(t)("giftCard.description")
+                      }, null, 8, Qe),
+                      i("form", null, [
+                        e(M) ? y("", !0) : (s(), c("div", Xe, [
+                          e(m) ? (s(), c("div", Ze, [
+                            i("label", ea, [
+                              i("span", null, te(e(t)("giftCard.selectType")), 1)
+                            ]),
+                            i("div", aa, [
+                              i("ul", null, [
+                                (s(!0), c(ke, null, Ce(e(m), (a, w) => (s(), c("li", { key: w }, [
+                                  n(ne, {
+                                    modelValue: e(l),
+                                    "onUpdate:modelValue": o[0] || (o[0] = (C) => V(l) ? l.value = C : null),
+                                    type: "radio",
+                                    name: "placeType",
+                                    val: w,
+                                    label: a.label
+                                  }, null, 8, ["modelValue", "val", "label"])
+                                ]))), 128))
+                              ]),
+                              e(m)[e(l)] && e(m)[e(l)].data.length > 1 ? (s(), G(Ve, {
+                                key: 0,
+                                modelValue: e(F),
+                                "onUpdate:modelValue": o[1] || (o[1] = (a) => V(F) ? F.value = a : null),
+                                placeholder: e(t)("giftCard.selectPlacePlaceholder"),
+                                options: e(m)[e(l)].data,
+                                labelKey: "name",
+                                valueKey: "id",
+                                required: ""
+                              }, null, 8, ["modelValue", "placeholder", "options"])) : y("", !0)
+                            ])
+                          ])) : (s(), G(oe, { key: 1 }))
+                        ])),
+                        n(H, {
+                          modelValue: e(_),
+                          "onUpdate:modelValue": o[2] || (o[2] = (a) => V(_) ? _.value = a : null),
+                          type: "text",
+                          name: "name",
+                          autocomplete: "name",
+                          label: e(t)("giftCard.name"),
+                          icon: "user-alt",
+                          placeholder: e(t)("giftCard.namePlaceholder"),
+                          required: ""
+                        }, null, 8, ["modelValue", "label", "placeholder"]),
+                        n(H, {
+                          modelValue: e(d),
+                          "onUpdate:modelValue": o[3] || (o[3] = (a) => V(d) ? d.value = a : null),
+                          type: "email",
+                          name: "email",
+                          autocomplete: "email",
+                          label: e(t)("giftCard.email"),
+                          icon: "at",
+                          placeholder: e(t)("giftCard.emailPlaceholder"),
+                          required: ""
+                        }, null, 8, ["modelValue", "label", "placeholder"]),
+                        n(Re, {
+                          modelValue: e(u),
+                          "onUpdate:modelValue": o[4] || (o[4] = (a) => V(u) ? u.value = a : null),
+                          icon: "phone-office",
+                          label: e(t)("giftCard.phone"),
+                          placeholder: e(t)("giftCard.phonePlaceholder"),
+                          required: ""
+                        }, null, 8, ["modelValue", "label", "placeholder"]),
+                        n(H, {
+                          modelValue: e(p),
+                          "onUpdate:modelValue": o[5] || (o[5] = (a) => V(p) ? p.value = a : null),
+                          type: "number",
+                          name: "value",
+                          label: e(t)("giftCard.value"),
+                          icon: "money-bill",
+                          placeholder: e(t)("giftCard.valuePlaceholder"),
+                          suffix: e(J),
+                          required: ""
+                        }, null, 8, ["modelValue", "label", "placeholder", "suffix"]),
+                        n(ne, {
+                          modelValue: e(k),
+                          "onUpdate:modelValue": o[6] || (o[6] = (a) => V(k) ? k.value = a : null),
+                          type: "checkbox",
+                          name: "showValue",
+                          label: e(t)("giftCard.showValue"),
+                          checked: e(k)
+                        }, null, 8, ["modelValue", "label", "checked"]),
+                        y("", !0),
+                        y("", !0)
+                      ])
+                    ], 512), [
+                      [j, e(r)]
+                    ]),
+                    N(i("div", null, [
+                      i("div", {
+                        innerHTML: e(t)("giftCard.thankYou")
+                      }, null, 8, la)
+                    ], 512), [
+                      [j, e(T)]
+                    ])
+                  ]),
+                  B.layout !== "minimal" && e(r) ? (s(), c("div", ta, [
+                    i("div", oa, [
+                      n(D, {
+                        label: e(t)("giftCard.orderGiftCard"),
+                        "full-width": !0,
+                        disabled: !e(U),
+                        "is-loading": e($),
+                        "onUpdate:isLoading": o[9] || (o[9] = (a) => V($) ? $.value = a : null),
+                        onClickEvent: W
+                      }, null, 8, ["label", "disabled", "is-loading"])
+                    ])
+                  ])) : y("", !0),
+                  e(r) ? (s(), c("div", na, [
+                    n(H, {
+                      modelValue: e(h),
+                      "onUpdate:modelValue": o[10] || (o[10] = (a) => V(h) ? h.value = a : null),
+                      type: "textarea",
+                      name: "remark",
+                      label: e(t)("giftCard.remark"),
+                      icon: "info-circle",
+                      placeholder: e(t)("giftCard.remarkPlaceholder")
+                    }, null, 8, ["modelValue", "label", "placeholder"])
+                  ])) : y("", !0),
+                  e(r) ? (s(), c("div", ia, [
+                    n(D, {
+                      label: e(t)("giftCard.orderGiftCard"),
+                      "full-width": !0,
+                      disabled: !e(U),
+                      "data-test": "orderGiftCard",
+                      "is-loading": e($),
+                      "onUpdate:isLoading": o[11] || (o[11] = (a) => V($) ? $.value = a : null),
+                      onClickEvent: W
+                    }, null, 8, ["label", "disabled", "is-loading"]),
+                    N(i("div", sa, [
+                      n(qe)
+                    ], 512), [
+                      [j, e(K)]
+                    ])
+                  ])) : y("", !0)
+                ])) : (s(), G(oe, { key: 1 }))
               ]),
-              G.layout !== "minimal" && e(g) ? (r(), m("div", la, [
-                n("div", ta, [
-                  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),
-                    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),
-                  type: "textarea",
-                  name: "remark",
-                  label: e(a)("giftCard.remark"),
-                  icon: "info-circle",
-                  placeholder: e(a)("giftCard.remarkPlaceholder")
-                }, null, 8, ["modelValue", "label", "placeholder"])
-              ])) : y("", !0),
-              e(g) ? (r(), m("div", ia, [
-                i(D, {
-                  label: e(a)("giftCard.orderGiftCard"),
-                  "full-width": !0,
-                  disabled: !e(S),
-                  "data-test": "orderGiftCard",
-                  "is-loading": e(h),
-                  "onUpdate:isLoading": o[11] || (o[11] = (l) => k(h) ? h.value = l : null),
-                  onClickEvent: N
-                }, null, 8, ["label", "disabled", "is-loading"]),
-                W(n("div", na, [
-                  i(Re)
-                ], 512), [
-                  [j, e(q)]
-                ])
-              ])) : y("", !0)
-            ])) : (r(), x(le, { key: 1 }))
+              _: 1
+            }, 8, ["access-token", "data-layout"])
+          ]),
+          fallback: A(() => [
+            n(He)
           ]),
           _: 1
-        }, 8, ["access-token", "data-layout", "styling"])
-      ]),
-      fallback: O(() => [
-        i(je)
+        }))
       ]),
       _: 1
-    }));
+    }, 8, ["styling"]));
   }
 });
-const ra = /* @__PURE__ */ de(sa, [["__scopeId", "data-v-d95c25af"]]), da = Fe(), ua = Pe(), A = Se({ components: { GiftCard: ra } });
-A.use(da);
-A.use(we);
-A.use(ua);
-A.use(Te, { bootstrap: !0 });
-A.mount("#konnectio-gift-card-app");
+const da = /* @__PURE__ */ ue(ra, [["__scopeId", "data-v-d9cb156e"]]), ua = we(), O = Pe({ components: { GiftCard: da } });
+O.use(ua);
+O.use(Se);
+O.use(Te, { bootstrap: !0 });
+O.mount("#konnectio-gift-card-app");