@konnectio/core 4.0.45 → 4.0.47

package/dist/gift-card.js

@@ -1,15 +1,16 @@
-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 { 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-523f077b.js";
+import { C as $e } from "./Container-6b2be57c.js";
+import { a as Ue, C as ne, P as Re, _ as qe } from "./CheckoutWindow-709d0b62.js";
+import { E as Ee } from "./_-ede2c679.js";
+import { F as L } from "./Field-e99f6db6.js";
 import "./_commonjsHelpers-aeeeeb92.js";
-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({
+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: ""
-  }), 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 = {
+  }), 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: le.t("giftCard.hotelType"),
         data: []
@@ -18,87 +19,87 @@ const ne = ce("giftCard", () => {
         label: le.t("giftCard.restaurantType"),
         data: []
       }
-    }, I = P.value.hotels[0].places;
-    return I && I.forEach((T) => {
-      p[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(p).filter(([, T]) => T.data.length > 0)
+      Object.entries(a).filter(([, C]) => C.data.length > 0)
     );
-  }), z = C(() => S.value !== 0), q = C(() => {
-    let p;
+  }), z = g(() => m.value !== 0), R = g(() => {
+    let a;
     if (z.value)
-      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);
+      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 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({
+    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 fe.post("https://production.hotel-service.konnectio.dk/api/gift-card/create", {
+        await me.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,
+          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: q.value ? q.value.placeType : void 0,
-          placeID: q.value ? q.value.id : void 0
+          placeType: R.value ? R.value.placeType : void 0,
+          placeID: R.value ? R.value.id : void 0
         }, {
           headers: {
-            Authorization: a.value,
+            Authorization: b.value,
             Accept: "application/json",
-            "Fresh-Booking-Ver": "4.0.45"
+            "Fresh-Booking-Ver": "4.0.47"
           }
-        }).then((p) => {
-          r.value = w.ReadyToPay, F.value = !1, $({
+        }).then((a) => {
+          d.value = P.ReadyToPay, T.value = !1, S({
             callback: () => console.log("Callback!"),
-            response: p.data
+            response: a.data
           });
         });
       }
     });
   }
-  function W(p) {
-    p && (S.value = p);
+  function o(a) {
+    a && (m.value = a);
   }
   return {
-    moduleState: r,
-    name: c,
-    email: f,
-    phone: R,
-    value: E,
-    remark: V,
-    showValue: v,
-    quantity: _,
+    moduleState: d,
+    name: u,
+    email: p,
+    phone: h,
+    value: k,
+    remark: F,
+    showValue: I,
+    quantity: E,
     media: l,
-    placeId: d,
-    placeType: u,
-    showFormPage: g,
+    placeId: r,
+    placeType: f,
+    showFormPage: U,
     showPaymentPage: M,
-    showConfirmationPage: Y,
-    places: B,
-    hasFilledForm: N,
+    showConfirmationPage: $,
+    places: x,
+    hasFilledForm: K,
     hasForcedPlaceType: z,
-    isWaitingForResponse: o,
-    isMetaDataAvailable: G,
-    orderGiftCard: t,
-    initialize: W
+    isWaitingForResponse: W,
+    isMetaDataAvailable: J,
+    orderGiftCard: B,
+    initialize: o
   };
-}), 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({
+}), 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: {},
@@ -108,94 +109,94 @@ const ne = ce("giftCard", () => {
     required: { type: Boolean, default: !1 }
   },
   emits: ["update:modelValue"],
-  setup($, { emit: a }) {
-    const P = a, U = $, { t: b } = re(), { display: r } = ge(), c = h(), f = C(() => U.modelValue.base64 !== "");
-    function R(l) {
-      P("update:modelValue", l);
+  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 E() {
-      R({
+    function k() {
+      h({
         base64: "",
         name: "",
         type: ""
-      }), c.value && (c.value.value = "");
+      }), u.value && (u.value.value = "");
     }
-    function _() {
-      c.value && c.value.click();
+    function E() {
+      u.value && u.value.click();
     }
-    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 });
+    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
-          r({
-            message: b("imageUploadError"),
+          d({
+            message: _("imageUploadError"),
             type: "error"
           });
-      }, S.readAsDataURL(l);
+      }, m.readAsDataURL(l);
     }
-    async function V() {
+    async function F() {
       let l;
-      (l = c.value.files) instanceof FileList && v(l[0], R);
+      (l = u.value.files) instanceof FileList && I(l[0], h);
     }
-    return (l, d) => (s(), x(he, {
+    return (l, r) => (s(), G(ye, {
       label: l.label,
       required: l.required,
       type: "media"
     }, {
-      default: K(() => [
-        n("div", Ge, [
-          n("input", {
+      default: A(() => [
+        i("div", Ge, [
+          i("input", {
             ref_key: "fileInput",
-            ref: c,
+            ref: u,
             type: "file",
             class: "hidden",
             accept: l.validation,
             single: "",
-            onChange: d[0] || (d[0] = (u) => V())
+            onChange: r[0] || (r[0] = (f) => F())
           }, null, 40, Ie),
-          n("div", Me, [
-            n("ul", Be, [
-              f.value ? y("", !0) : (s(), m("li", Le, [
-                i(D, {
-                  label: e(b)("uploadFile"),
+          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": l.iconColor,
-                  onClickEvent: d[1] || (d[1] = (u) => _())
+                  onClickEvent: r[1] || (r[1] = (f) => E())
                 }, null, 8, ["label", "icon-color"])
               ])),
-              f.value ? (s(), m("li", xe, [
-                i(D, {
-                  label: e(b)("replaceFile"),
+              p.value ? (s(), c("li", Le, [
+                n(D, {
+                  label: e(_)("replaceFile"),
                   type: "button",
                   icon: "repeat-alt",
                   "icon-color": l.iconColor,
-                  onClickEvent: d[2] || (d[2] = (u) => _())
+                  onClickEvent: r[2] || (r[2] = (f) => E())
                 }, null, 8, ["label", "icon-color"])
               ])) : y("", !0),
-              f.value ? (s(), m("li", De, [
-                i(D, {
-                  label: e(b)("removeFile"),
+              p.value ? (s(), c("li", Ae, [
+                n(D, {
+                  label: e(_)("removeFile"),
                   type: "button",
                   icon: "trash-alt",
                   "icon-color": l.iconColor,
-                  onClickEvent: d[3] || (d[3] = (u) => E())
+                  onClickEvent: r[3] || (r[3] = (f) => k())
                 }, null, 8, ["label", "icon-color"])
               ])) : y("", !0)
             ]),
-            n("div", {
+            i("div", {
               class: de([
                 "media-selector-previewer",
-                { opened: f.value }
+                { opened: p.value }
               ])
             }, [
-              l.modelValue ? (s(), m("img", {
+              l.modelValue ? (s(), c("img", {
                 key: 0,
                 src: l.modelValue.base64
-              }, null, 8, Ae)) : y("", !0)
+              }, null, 8, De)) : y("", !0)
             ], 2)
           ])
         ])
@@ -204,9 +205,9 @@ const ne = ce("giftCard", () => {
     }, 8, ["label", "required"]));
   }
 });
-function se($) {
-  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: {
@@ -225,39 +226,39 @@ function se($) {
   });
 }
 typeof se == "function" && se(ze);
-const Ne = { class: "gift-card-skeleton" }, We = { class: "gift-card-skeleton-form" }, je = /* @__PURE__ */ ee({
+const We = { class: "gift-card-skeleton" }, Ne = { class: "gift-card-skeleton-form" }, je = /* @__PURE__ */ ee({
   __name: "GiftCardSkeleton",
-  setup($) {
-    return (a, P) => (s(), m("div", Ne, [
-      n("div", We, [
-        i(L),
-        i(L),
-        i(L),
-        i(L),
-        i(L, { "is-text-area": "" }),
-        i(Ee, { 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 He = /* @__PURE__ */ ue(je, [["__scopeId", "data-v-2600a731"]]), Oe = {
+const He = /* @__PURE__ */ ue(je, [["__scopeId", "data-v-e35c75b3"]]), Oe = {
   key: 0,
-  id: "fresh-booking-gift-card-wrapper"
-}, 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 = {
+  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"
 }, 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"
-}, oa = { class: "fresh-booking-panel" }, ia = {
+  id: "konnectio-gift-card-order"
+}, oa = { class: "fresh-booking-panel" }, na = {
   key: 1,
-  id: "fresh-booking-gift-card-remarks"
-}, na = {
+  id: "konnectio-gift-card-remarks"
+}, ia = {
   key: 2,
-  id: "fresh-booking-gift-card-order-minimal"
-}, sa = { id: "fresh-booking-gift-card-recaptcha" }, ra = /* @__PURE__ */ ee({
+  id: "konnectio-gift-card-order-minimal"
+}, sa = { id: "konnectio-gift-card-recaptcha" }, ra = /* @__PURE__ */ ee({
   name: "GiftCardLayout",
   __name: "GiftCard",
   props: {
@@ -266,208 +267,214 @@ const He = /* @__PURE__ */ ue(je, [["__scopeId", "data-v-2600a731"]]), Oe = {
     placeType: {},
     styling: {}
   },
-  setup($) {
-    const { t: a } = re(), {
-      name: P,
-      email: U,
-      phone: b,
-      value: r,
-      remark: c,
-      showValue: f,
-      quantity: R,
-      media: E,
-      placeId: _,
-      placeType: v,
-      showFormPage: V,
-      showPaymentPage: l,
-      showConfirmationPage: d,
-      places: u,
-      hasFilledForm: F,
-      hasForcedPlaceType: S,
-      isWaitingForResponse: g,
-      isMetaDataAvailable: M
-    } = X(ne()), { initialize: Y, orderGiftCard: B } = ne(), { isRecaptchaEnabled: z, currency: q } = X(Z());
-    async function N() {
-      await B();
+  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: 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 ye(v, () => {
-      _.value = void 0;
-    }), be(() => {
-      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: K(() => [
-            e(M) ? (s(), m("div", Oe, [
-              n("h2", Ke, [
-                n("span", null, te(e(a)("giftCard.title")), 1)
+    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 }))
               ]),
-              n("div", Ye, [
-                j(n("div", Je, [
-                  i(Ue)
-                ], 512), [
-                  [H, e(l)]
-                ]),
-                j(n("div", null, [
-                  n("p", {
-                    id: "fresh-booking-gift-card-description",
-                    innerHTML: e(a)("giftCard.description")
-                  }, null, 8, Qe),
-                  n("form", null, [
-                    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[2] || (o[2] = (t) => k(P) ? P.value = t : 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(O, {
-                      modelValue: e(U),
-                      "onUpdate:modelValue": o[3] || (o[3] = (t) => k(U) ? U.value = t : 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(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"]),
-                    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(q),
-                      required: ""
-                    }, null, 8, ["modelValue", "label", "placeholder", "suffix"]),
-                    i(ie, {
-                      modelValue: e(f),
-                      "onUpdate:modelValue": o[6] || (o[6] = (t) => k(f) ? f.value = t : null),
-                      type: "checkbox",
-                      name: "showValue",
-                      label: e(a)("giftCard.showValue"),
-                      checked: e(f)
-                    }, null, 8, ["modelValue", "label", "checked"]),
-                    y("", !0),
-                    y("", !0)
-                  ])
-                ], 512), [
-                  [H, e(V)]
-                ]),
-                j(n("div", null, [
-                  n("div", {
-                    innerHTML: e(a)("giftCard.thankYou")
-                  }, null, 8, la)
-                ], 512), [
-                  [H, e(d)]
-                ])
-              ]),
-              G.layout !== "minimal" && e(V) ? (s(), m("div", ta, [
-                n("div", oa, [
-                  i(D, {
-                    label: e(a)("giftCard.orderGiftCard"),
-                    "full-width": !0,
-                    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(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"),
-                  icon: "info-circle",
-                  placeholder: e(a)("giftCard.remarkPlaceholder")
-                }, null, 8, ["modelValue", "label", "placeholder"])
-              ])) : y("", !0),
-              e(V) ? (s(), m("div", na, [
-                i(D, {
-                  label: e(a)("giftCard.orderGiftCard"),
-                  "full-width": !0,
-                  disabled: !e(F),
-                  "data-test": "orderGiftCard",
-                  "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"]),
-                j(n("div", sa, [
-                  i(qe)
-                ], 512), [
-                  [H, e(z)]
-                ])
-              ])) : y("", !0)
-            ])) : (s(), x(oe, { key: 1 }))
+              _: 1
+            }, 8, ["access-token", "data-layout"])
+          ]),
+          fallback: A(() => [
+            n(He)
           ]),
           _: 1
-        }, 8, ["access-token", "data-layout", "styling"])
-      ]),
-      fallback: K(() => [
-        i(He)
+        }))
       ]),
       _: 1
-    }));
+    }, 8, ["styling"]));
   }
 });
-const da = /* @__PURE__ */ ue(ra, [["__scopeId", "data-v-5019ef21"]]), ua = we(), ca = Pe(), A = Se({ components: { GiftCard: da } });
-A.use(ua);
-A.use(Te);
-A.use(ca);
-A.use($e, { 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");