@konnectio/core 4.0.9 → 4.0.11

package/dist/gift-card.js

@@ -1,117 +1,101 @@
-import { d as me, u as X, s as J, a as de, r as h, ab as b, b as Y, c as P, i as q, S as Z, e as ge, f as ve, ac as be, ad as le, h as ee, t as ue, k as c, l as M, w as N, q as s, y as f, m as d, n as e, C as x, D as y, Q as ce, I as he, _ as pe, P as ye, o as ke, ae as Ce, v as oe, af as I, ag as A, x as B, Z as _e, $ as Fe, a0 as te, a9 as ne, G as Ve, H as Be, M as Pe, L as Se, N as Te } from "./SelectField.vue_vue_type_style_index_0_lang-701aecad.js";
-import { P as ze, C as ie, _ as Re, S as we, i as $e } from "./index-d080b5a0.js";
-import { T as H, _ as Ee } from "./TextField-b8f4462a.js";
-import { F as W, E as Ue } from "./Field-6bfeedce.js";
+import { d as ue, u as ne, s as Q, a as ie, r as b, a8 as w, b as J, c as F, i as Z, S as Y, e as ce, f as pe, a9 as me, h as X, y as re, k as d, l as L, w as j, x as s, q as f, m as r, n as e, C as x, t as k, v as se, I as fe, _ as de, $ as ve, o as ge, aa as he, z as ee, ab as I, ac as W, A as V, a0 as ye, a1 as _e, a2 as ae, H as be, J as ke, N as Ce, a6 as Ve, M as Fe, P as Pe } from "./SelectField.vue_vue_type_style_index_0_lang-d1f9b48d.js";
+import { a as Se, P as we, C as le, _ as ze, S as Te, i as $e } from "./index-a3de1ca3.js";
+import { u as Ue, E as qe } from "./_-f5a3364b.js";
+import { T as H, _ as Re } from "./TextField-4e7defc6.js";
+import { F as M } from "./Field-ea77905a.js";
 import "./_commonjsHelpers-c5d32002.js";
-const re = me("giftCard", () => {
-  const { display: k } = X(), { bearerToken: l, metaData: a } = J(de()), o = h(b.InitialState), S = Y("freshBookingName", "", void 0, { serializer: Z.string }), p = Y("freshBookingEmail", "", void 0, { serializer: Z.string }), m = Y("freshBookingPhone", "", void 0, { serializer: Z.string }), C = h(""), T = h(1), $ = h(!0), E = h(""), v = h({
+const te = ue("giftCard", () => {
+  ne();
+  const { pay: z } = Ue(), { bearerToken: t, metaData: o } = Q(ie()), a = b(w.InitialState), P = J("freshBookingName", "", void 0, { serializer: Y.string }), c = J("freshBookingEmail", "", void 0, { serializer: Y.string }), v = J("freshBookingPhone", "", void 0, { serializer: Y.string }), h = b(""), B = b(1), U = b(!0), S = b(""), p = b({
     base64: "",
     type: "",
     name: ""
-  }), n = h(void 0), u = h(0), g = h(!1), z = h(0), _ = P(() => o.value === b.InitialState || o.value === b.WaitingForResponse), R = P(() => o.value === b.ReadyToPay), U = P(() => o.value === b.PaymentSuccess), F = P(() => {
-    const i = {
+  }), n = b(void 0), u = b(0), g = b(!1), y = b(0), T = F(() => a.value === w.InitialState || a.value === w.WaitingForResponse), q = F(() => a.value === w.ReadyToPay), C = F(() => a.value === w.PaymentSuccess), G = F(() => {
+    const m = {
       1: {
-        label: q.t("giftCard.hotelType"),
+        label: Z.t("giftCard.hotelType"),
         data: []
       },
       2: {
-        label: q.t("giftCard.restaurantType"),
+        label: Z.t("giftCard.restaurantType"),
         data: []
       }
-    }, t = a.value.places;
-    return t && t.forEach((V) => {
-      i[V.placeType].data.push(V);
+    }, l = o.value.places;
+    return l && l.forEach((_) => {
+      m[_.placeType].data.push(_);
     }), Object.fromEntries(
-      Object.entries(i).filter(([, V]) => V.data.length > 0)
+      Object.entries(m).filter(([, _]) => _.data.length > 0)
     );
-  }), L = P(() => z.value !== 0), w = P(() => {
-    let i;
-    if (L.value)
-      i = F.value[z.value].data[0];
+  }), D = F(() => y.value !== 0), $ = F(() => {
+    let m;
+    if (D.value)
+      m = G.value[y.value].data[0];
     else if (u.value !== 0) {
-      const t = n.value, V = F.value[u.value].data;
-      V.length === 1 ? i = V[0] : t !== void 0 && V.forEach((r) => {
-        String(r.id) === String(t) && (i = r);
+      const l = n.value, _ = G.value[u.value].data;
+      _.length === 1 ? m = _[0] : l !== void 0 && _.forEach((N) => {
+        String(N.id) === String(l) && (m = N);
       });
     }
-    return i;
-  }), j = P(() => !(!S.value || !p.value || !(m.value.length >= 5) || !C.value || w.value === void 0)), O = P(() => !(o.value === b.InitialState && g.value)), K = P(() => !!(o.value === b.WaitingForResponse && g.value));
-  async function D() {
-    o.value = b.WaitingForResponse, g.value = !0, await ge.post("https://stage.hotel-service.freshbooking.dk/api/gift-card/create", {
+    return m;
+  }), O = F(() => !(!P.value || !c.value || !(v.value.length >= 5) || !h.value || $.value === void 0)), K = F(() => !(a.value === w.InitialState && g.value)), A = F(() => !!(a.value === w.WaitingForResponse && g.value));
+  async function R() {
+    a.value = w.WaitingForResponse, g.value = !0, await ce.post("https://stage.hotel_service.konnectio.dk/api/gift-card/create", {
       termsOfserviceURL: "https://freshbooking.dk",
       checkoutUrl: "https://freshbooking.dk",
-      currencyID: a.value.currency.id,
-      language: ve(),
-      amount: C.value,
-      quantity: T.value,
-      freeText: E.value,
-      showPrice: $.value,
-      contactName: S.value,
-      contactEmail: p.value,
-      contactPhone: m.value,
-      imageBase64: be(v.value.base64),
-      imageName: v.value.name,
-      imageFormat: v.value.type,
-      placeType: w.value ? w.value.placeType : void 0,
-      placeID: w.value ? w.value.id : void 0
+      currencyID: o.value.currency.id,
+      language: pe(),
+      amount: h.value,
+      quantity: B.value,
+      freeText: S.value,
+      showPrice: U.value,
+      contactName: P.value,
+      contactEmail: c.value,
+      contactPhone: v.value,
+      imageBase64: me(p.value.base64),
+      imageName: p.value.name,
+      imageFormat: p.value.type,
+      placeType: $.value ? $.value.placeType : void 0,
+      placeID: $.value ? $.value.id : void 0
     }, {
       headers: {
-        Authorization: l.value,
+        Authorization: t.value,
         Accept: "application/json",
-        "Fresh-Booking-Ver": "4.0.9"
+        "Fresh-Booking-Ver": "4.0.11"
       }
-    }).then((i) => {
-      if (g.value = !1, i.data.easyPayment) {
-        o.value = b.ReadyToPay;
-        const t = new Reepay.EmbeddedCheckout(
-          i.data.easyPayment.paymentID,
-          { html_element: "fresh-booking-gift-card-payment" }
-        );
-        t.addEventHandler(le.Accept, () => {
-          o.value = b.PaymentSuccess, k({
-            message: q.t("alert.success.giftCardOrdered"),
-            type: "success"
-          });
-        }), t.addEventHandler(le.Error, () => {
-          k({
-            message: q.t("booking.other.errorMessage"),
-            type: "warning"
-          });
-        });
-      } else
-        o.value = b.InitialState, k({
-          message: `${q.t("booking.other.errorMessage")} (HTTP: ${i.status})`,
-          type: "warning"
-        });
+    }).then((m) => {
+      a.value = w.ReadyToPay, g.value = !1, z({
+        callback: () => console.log("Callback!"),
+        response: m.data
+      });
     });
   }
-  function Q(i) {
-    z.value = i;
+  function i(m) {
+    m && (y.value = m);
   }
   return {
-    moduleState: o,
-    name: S,
-    email: p,
-    phone: m,
-    value: C,
-    remark: E,
-    showValue: $,
-    quantity: T,
-    media: v,
+    moduleState: a,
+    name: P,
+    email: c,
+    phone: v,
+    value: h,
+    remark: S,
+    showValue: U,
+    quantity: B,
+    media: p,
     placeId: n,
     placeType: u,
-    showFormPage: _,
-    showPaymentPage: R,
-    showConfirmationPage: U,
-    places: F,
-    hasFilledForm: j,
-    hasForcedPlaceType: L,
-    isWaitingForResponse: K,
-    isMetaDataAvailable: O,
-    orderGiftCard: D,
-    initialize: Q
+    showFormPage: T,
+    showPaymentPage: q,
+    showConfirmationPage: C,
+    places: G,
+    hasFilledForm: O,
+    hasForcedPlaceType: D,
+    isWaitingForResponse: A,
+    isMetaDataAvailable: K,
+    orderGiftCard: R,
+    initialize: i
   };
-}), qe = { class: "media-selector" }, Ie = ["accept"], We = { class: "media-selector-wrapper" }, Me = { class: "media-selector-tools" }, xe = { key: 0 }, Ge = { key: 1 }, Le = { key: 2 }, De = ["src"], Ae = /* @__PURE__ */ ee({
+}), Ee = { class: "media-selector" }, Be = ["accept"], Ge = { class: "media-selector-wrapper" }, Ie = { class: "media-selector-tools" }, Me = { key: 0 }, Le = { key: 1 }, xe = { key: 2 }, De = ["src"], Ae = /* @__PURE__ */ X({
   __name: "MediaSelector",
   props: {
     modelValue: {},
@@ -121,94 +105,94 @@ const re = me("giftCard", () => {
     required: { type: Boolean, default: !1 }
   },
   emits: ["update:modelValue"],
-  setup(k, { emit: l }) {
-    const a = k, { t: o } = ue(), { display: S } = X(), p = h(), m = P(() => a.modelValue.base64 !== "");
-    function C(n) {
-      l("update:modelValue", n);
+  setup(z, { emit: t }) {
+    const o = z, { t: a } = re(), { display: P } = ne(), c = b(), v = F(() => o.modelValue.base64 !== "");
+    function h(n) {
+      t("update:modelValue", n);
     }
-    function T() {
-      C({
+    function B() {
+      h({
         base64: "",
         name: "",
         type: ""
-      }), p.value && (p.value.value = "");
+      }), c.value && (c.value.value = "");
     }
-    function $() {
-      p.value && p.value.click();
+    function U() {
+      c.value && c.value.click();
     }
-    function E(n, u) {
-      const [g, z] = [n.name, n.type], _ = new FileReader();
-      _.onload = function(R) {
-        if (R.target) {
-          const U = R.target.result;
-          u({ base64: U, name: g, type: z });
+    function S(n, u) {
+      const [g, y] = [n.name, n.type], T = new FileReader();
+      T.onload = function(q) {
+        if (q.target) {
+          const C = q.target.result;
+          u({ base64: C, name: g, type: y });
         } else
-          S({
-            message: o("imageUploadError"),
+          P({
+            message: a("imageUploadError"),
             type: "error"
           });
-      }, _.readAsDataURL(n);
+      }, T.readAsDataURL(n);
     }
-    async function v() {
+    async function p() {
       let n;
-      (n = p.value.files) instanceof FileList && E(n[0], C);
+      (n = c.value.files) instanceof FileList && S(n[0], h);
     }
-    return (n, u) => (c(), M(he, {
+    return (n, u) => (d(), L(fe, {
       label: n.label,
       required: n.required,
       type: "media"
     }, {
-      default: N(() => [
-        s("div", qe, [
+      default: j(() => [
+        s("div", Ee, [
           s("input", {
             ref_key: "fileInput",
-            ref: p,
+            ref: c,
             type: "file",
             class: "hidden",
             accept: n.validation,
             single: "",
-            onChange: u[0] || (u[0] = (g) => v())
-          }, null, 40, Ie),
-          s("div", We, [
-            s("ul", Me, [
-              m.value ? y("", !0) : (c(), f("li", xe, [
-                d(x, {
-                  label: e(o)("uploadFile"),
+            onChange: u[0] || (u[0] = (g) => p())
+          }, null, 40, Be),
+          s("div", Ge, [
+            s("ul", Ie, [
+              v.value ? k("", !0) : (d(), f("li", Me, [
+                r(x, {
+                  label: e(a)("uploadFile"),
                   type: "button",
                   icon: "upload",
                   "icon-color": n.iconColor,
-                  onClickEvent: u[1] || (u[1] = (g) => $())
+                  onClickEvent: u[1] || (u[1] = (g) => U())
                 }, null, 8, ["label", "icon-color"])
               ])),
-              m.value ? (c(), f("li", Ge, [
-                d(x, {
-                  label: e(o)("replaceFile"),
+              v.value ? (d(), f("li", Le, [
+                r(x, {
+                  label: e(a)("replaceFile"),
                   type: "button",
                   icon: "repeat-alt",
                   "icon-color": n.iconColor,
-                  onClickEvent: u[2] || (u[2] = (g) => $())
+                  onClickEvent: u[2] || (u[2] = (g) => U())
                 }, null, 8, ["label", "icon-color"])
-              ])) : y("", !0),
-              m.value ? (c(), f("li", Le, [
-                d(x, {
-                  label: e(o)("removeFile"),
+              ])) : k("", !0),
+              v.value ? (d(), f("li", xe, [
+                r(x, {
+                  label: e(a)("removeFile"),
                   type: "button",
                   icon: "trash-alt",
                   "icon-color": n.iconColor,
-                  onClickEvent: u[3] || (u[3] = (g) => T())
+                  onClickEvent: u[3] || (u[3] = (g) => B())
                 }, null, 8, ["label", "icon-color"])
-              ])) : y("", !0)
+              ])) : k("", !0)
             ]),
             s("div", {
-              class: ce([
+              class: se([
                 "media-selector-previewer",
-                { opened: m.value }
+                { opened: v.value }
               ])
             }, [
-              n.modelValue ? (c(), f("img", {
+              n.modelValue ? (d(), f("img", {
                 key: 0,
                 src: n.modelValue.base64
-              }, null, 8, De)) : y("", !0)
+              }, null, 8, De)) : k("", !0)
             ], 2)
           ])
         ])
@@ -217,374 +201,302 @@ const re = me("giftCard", () => {
     }, 8, ["label", "required"]));
   }
 });
-function se(k) {
-  const l = k;
-  l.__i18n = l.__i18n || [], l.__i18n.push({
+function oe(z) {
+  const t = z;
+  t.__i18n = t.__i18n || [], t.__i18n.push({
     locale: "",
     resource: {
       da: {
-        uploadFile: (a) => {
-          const { normalize: o } = a;
-          return o(["Upload billede"]);
+        uploadFile: (o) => {
+          const { normalize: a } = o;
+          return a(["Upload billede"]);
         },
-        removeFile: (a) => {
-          const { normalize: o } = a;
-          return o(["Fjern billede"]);
+        removeFile: (o) => {
+          const { normalize: a } = o;
+          return a(["Fjern billede"]);
         },
-        replaceFile: (a) => {
-          const { normalize: o } = a;
-          return o(["Ersat billede"]);
+        replaceFile: (o) => {
+          const { normalize: a } = o;
+          return a(["Ersat billede"]);
         },
-        imageUploadError: (a) => {
-          const { normalize: o } = a;
-          return o(["Der skete en fejl under billede upload!"]);
+        imageUploadError: (o) => {
+          const { normalize: a } = o;
+          return a(["Der skete en fejl under billede upload!"]);
         }
       },
       en: {
-        uploadFile: (a) => {
-          const { normalize: o } = a;
-          return o(["Upload image"]);
+        uploadFile: (o) => {
+          const { normalize: a } = o;
+          return a(["Upload image"]);
         },
-        removeFile: (a) => {
-          const { normalize: o } = a;
-          return o(["Remove image"]);
+        removeFile: (o) => {
+          const { normalize: a } = o;
+          return a(["Remove image"]);
         },
-        replaceFile: (a) => {
-          const { normalize: o } = a;
-          return o(["Replace image"]);
+        replaceFile: (o) => {
+          const { normalize: a } = o;
+          return a(["Replace image"]);
         },
-        imageUploadError: (a) => {
-          const { normalize: o } = a;
-          return o(["An error occurred under image upload!"]);
+        imageUploadError: (o) => {
+          const { normalize: a } = o;
+          return a(["An error occurred under image upload!"]);
         }
       }
     }
   });
 }
-typeof se == "function" && se(Ae);
-const He = { class: "gift-card-skeleton" }, Ne = { class: "gift-card-skeleton-form" }, je = /* @__PURE__ */ ee({
+typeof oe == "function" && oe(Ae);
+const Ne = { class: "gift-card-skeleton" }, We = { class: "gift-card-skeleton-form" }, He = /* @__PURE__ */ X({
   __name: "GiftCardSkeleton",
-  setup(k) {
-    return (l, a) => (c(), f("div", He, [
-      s("div", Ne, [
-        d(W),
-        d(W),
-        d(W),
-        d(W),
-        d(W, { "is-text-area": "" }),
-        d(Ue, { height: "44px" })
+  setup(z) {
+    return (t, o) => (d(), f("div", Ne, [
+      s("div", We, [
+        r(M),
+        r(M),
+        r(M),
+        r(M),
+        r(M, { "is-text-area": "" }),
+        r(qe, { height: "44px" })
       ])
     ]));
   }
 });
-const Oe = /* @__PURE__ */ pe(je, [["__scopeId", "data-v-2600a731"]]), Ke = {
+const je = /* @__PURE__ */ de(He, [["__scopeId", "data-v-2600a731"]]), Oe = {
   key: 0,
   id: "fresh-booking-gift-card-wrapper"
-}, Qe = { id: "fresh-booking-gift-card-title" }, Ye = { id: "fresh-booking-gift-card-content" }, Ze = { id: "fresh-booking-gift-card-payment" }, Je = ["innerHTML"], Xe = { key: 0 }, ea = {
+}, Ke = { id: "fresh-booking-gift-card-title" }, Je = { id: "fresh-booking-gift-card-content" }, Ye = { id: "fresh-booking-gift-card-payment" }, Qe = ["innerHTML"], Xe = { key: 0 }, Ze = {
   key: 0,
   id: "fresh-booking-select-place-type"
-}, aa = {
-  class: /* @__PURE__ */ ce(["fresh-booking-label", "required"])
-}, la = { id: "fresh-booking-select-place-type-input" }, oa = ["innerHTML"], ta = {
+}, ea = {
+  class: /* @__PURE__ */ se(["fresh-booking-label", "required"])
+}, aa = { id: "fresh-booking-select-place-type-input" }, la = ["innerHTML"], ta = {
   key: 0,
   id: "fresh-booking-gift-card-order"
-}, na = { class: "fresh-booking-panel" }, ia = {
+}, oa = { class: "fresh-booking-panel" }, na = {
   key: 1,
   id: "fresh-booking-gift-card-remarks"
-}, ra = {
+}, ia = {
   key: 2,
   id: "fresh-booking-gift-card-order-minimal",
   "sticky-side": "bottom"
-}, sa = { id: "fresh-booking-gift-card-recaptcha" }, da = /* @__PURE__ */ ee({
+}, ra = { id: "fresh-booking-gift-card-recaptcha" }, sa = /* @__PURE__ */ X({
+  name: "GiftCardLayout",
   __name: "GiftCard",
   props: {
     accessToken: {},
-    accentColor: { default: "#6ab1e6" },
-    buttonBackground: { default: "#068175" },
-    buttonBorder: { default: null },
-    buttonBorderRadius: { default: "4px" },
-    buttonColor: { default: "#FFF" },
-    buttonFontFamily: { default: "inherit" },
-    buttonFontSize: { default: "14px" },
-    buttonTextTransform: { default: "uppercase" },
-    buttonFontWeight: { default: "400" },
-    fontColor: { default: "#3b3b3b" },
-    fontFamily: { default: "inherit" },
-    fontSize: { default: "16px" },
-    fontWeight: {},
-    grayColor: { default: "grey" },
-    headerColor: { default: "#000" },
-    headerFontSize: {},
-    inputBackground: { default: "#fff" },
-    inputBorder: { default: "1px solid rgba(0, 0, 0, 0.15)" },
-    inputBorderRadius: { default: "0px" },
-    inputBorderWidth: { default: "1px" },
-    inputFontColor: { default: "#000000" },
-    labelFontWeight: { default: "bold" },
-    labelPadding: { default: "6px" },
     layout: { default: "minimal" },
-    loadingColor: { default: "#000" },
-    panelBackground: { default: "#ffffff" },
-    panelBorder: { default: null },
-    panelBorderRadius: { default: "8px" },
-    panelPadding: { default: "24px" },
     placeType: {},
-    successColor: { default: "green" }
+    styling: {}
   },
-  setup(k) {
-    const l = k, { t: a } = ue(), {
+  setup(z) {
+    const { t } = re(), {
       name: o,
-      email: S,
-      phone: p,
-      value: m,
-      remark: C,
-      showValue: T,
-      quantity: $,
-      media: E,
-      placeId: v,
-      placeType: n,
-      showFormPage: u,
-      showPaymentPage: g,
-      showConfirmationPage: z,
-      places: _,
-      hasFilledForm: R,
-      hasForcedPlaceType: U,
-      isWaitingForResponse: F,
-      isMetaDataAvailable: L
-    } = J(re()), { initialize: w, orderGiftCard: j } = re(), { isRecaptchaEnabled: O, currency: K } = J(de());
-    X();
-    async function D() {
-      await j();
+      email: a,
+      phone: P,
+      value: c,
+      remark: v,
+      showValue: h,
+      quantity: B,
+      media: U,
+      placeId: S,
+      placeType: p,
+      showFormPage: n,
+      showPaymentPage: u,
+      showConfirmationPage: g,
+      places: y,
+      hasFilledForm: T,
+      hasForcedPlaceType: q,
+      isWaitingForResponse: C,
+      isMetaDataAvailable: G
+    } = Q(te()), { initialize: D, orderGiftCard: $ } = te(), { isRecaptchaEnabled: O, currency: K } = Q(ie());
+    async function A() {
+      await $();
     }
-    ye(n, () => {
-      v.value = void 0;
-    }), ke(() => {
-      w(parseInt(l.placeType));
-    });
-    const Q = {
-      "--accentColor": l.accentColor,
-      "--buttonBackground": l.buttonBackground,
-      "--buttonBorder": l.buttonBorder,
-      "--buttonBorderRadius": l.buttonBorderRadius,
-      "--buttonFontFamily": l.buttonFontFamily,
-      "--buttonColor": l.buttonColor,
-      "--buttonFontSize": l.buttonFontSize,
-      "--buttonTextTransform": l.buttonTextTransform,
-      "--buttonFontWeight": l.buttonFontWeight,
-      "--fontColor": l.fontColor,
-      "--fontFamily": l.fontFamily,
-      "--fontSize": l.fontSize,
-      "--fontWeight": l.fontWeight,
-      "--grayColor": l.grayColor,
-      "--headerColor": l.headerColor,
-      "--headerFontSize": l.headerFontSize,
-      "--inputBackground": l.inputBackground,
-      "--inputBorder": l.inputBorder,
-      "--inputBorderRadius": l.inputBorderRadius,
-      "--inputFontColor": l.inputFontColor,
-      "--inputBorderWidth": l.inputBorderWidth,
-      "--labelFontWeight": l.labelFontWeight,
-      "--labelPadding": l.labelPadding,
-      "--loadingColor": l.loadingColor,
-      "--panelBackground": l.panelBackground,
-      "--panelBorder": l.panelBorder,
-      "--panelBorderRadius": l.panelBorderRadius,
-      "--panelPadding": l.panelPadding,
-      "--successColor": l.successColor
-    };
-    return (i, t) => {
-      const V = Ce("sticky");
-      return c(), M(Be, null, {
-        default: N(() => [
-          d(Ve, {
+    return ve(p, () => {
+      S.value = void 0;
+    }), ge(() => {
+      D();
+    }), (R, i) => {
+      const m = he("sticky");
+      return d(), L(ke, null, {
+        default: j(() => [
+          r(be, {
             id: "fresh-booking-gift-card-module",
-            class: "fresh-booking-app",
             type: "gift-card",
-            "access-token": i.accessToken,
-            "data-layout": i.layout,
-            style: Q,
+            "access-token": R.accessToken,
+            "data-layout": R.layout,
+            styling: R.styling,
             "sticky-container": ""
           }, {
-            default: N(() => [
-              e(L) ? (c(), f("div", Ke, [
-                s("h4", Qe, [
-                  s("span", null, oe(e(a)("giftCard.title")), 1)
+            default: j(() => [
+              e(G) ? (d(), f("div", Oe, [
+                s("h4", Ke, [
+                  s("span", null, ee(e(t)("giftCard.title")), 1)
                 ]),
-                s("div", Ye, [
-                  I(s("div", Ze, null, 512), [
-                    [A, e(g)]
+                s("div", Je, [
+                  I(s("div", Ye, [
+                    r(Se)
+                  ], 512), [
+                    [W, e(u)]
                   ]),
                   I(s("div", null, [
                     s("p", {
                       id: "fresh-booking-gift-card-description",
-                      innerHTML: e(a)("giftCard.description")
-                    }, null, 8, Je),
+                      innerHTML: e(t)("giftCard.description")
+                    }, null, 8, Qe),
                     s("form", null, [
-                      d(H, {
+                      r(H, {
                         modelValue: e(o),
-                        "onUpdate:modelValue": t[0] || (t[0] = (r) => B(o) ? o.value = r : null),
+                        "onUpdate:modelValue": i[0] || (i[0] = (l) => V(o) ? o.value = l : null),
                         type: "text",
                         name: "name",
                         autocomplete: "name",
-                        label: e(a)("giftCard.name"),
+                        label: e(t)("giftCard.name"),
                         icon: "user-alt",
-                        "icon-color": i.accentColor,
-                        placeholder: e(a)("giftCard.namePlaceholder"),
+                        placeholder: e(t)("giftCard.namePlaceholder"),
                         required: ""
-                      }, null, 8, ["modelValue", "label", "icon-color", "placeholder"]),
-                      d(H, {
-                        modelValue: e(S),
-                        "onUpdate:modelValue": t[1] || (t[1] = (r) => B(S) ? S.value = r : null),
+                      }, null, 8, ["modelValue", "label", "placeholder"]),
+                      r(H, {
+                        modelValue: e(a),
+                        "onUpdate:modelValue": i[1] || (i[1] = (l) => V(a) ? a.value = l : null),
                         type: "email",
                         name: "email",
                         autocomplete: "email",
-                        label: e(a)("giftCard.email"),
+                        label: e(t)("giftCard.email"),
                         icon: "at",
-                        "icon-color": i.accentColor,
-                        placeholder: e(a)("giftCard.emailPlaceholder"),
+                        placeholder: e(t)("giftCard.emailPlaceholder"),
                         required: ""
-                      }, null, 8, ["modelValue", "label", "icon-color", "placeholder"]),
-                      d(ze, {
-                        modelValue: e(p),
-                        "onUpdate:modelValue": t[2] || (t[2] = (r) => B(p) ? p.value = r : null),
+                      }, null, 8, ["modelValue", "label", "placeholder"]),
+                      r(we, {
+                        modelValue: e(P),
+                        "onUpdate:modelValue": i[2] || (i[2] = (l) => V(P) ? P.value = l : null),
                         icon: "phone-office",
-                        "icon-color": i.accentColor,
-                        label: e(a)("giftCard.phone"),
-                        placeholder: e(a)("giftCard.phonePlaceholder"),
+                        label: e(t)("giftCard.phone"),
+                        placeholder: e(t)("giftCard.phonePlaceholder"),
                         required: ""
-                      }, null, 8, ["modelValue", "icon-color", "label", "placeholder"]),
-                      e(U) ? y("", !0) : (c(), f("div", Xe, [
-                        e(_) ? (c(), f("div", ea, [
-                          s("label", aa, [
-                            s("span", null, oe(e(a)("giftCard.selectType")), 1)
+                      }, null, 8, ["modelValue", "label", "placeholder"]),
+                      e(q) ? k("", !0) : (d(), f("div", Xe, [
+                        e(y) ? (d(), f("div", Ze, [
+                          s("label", ea, [
+                            s("span", null, ee(e(t)("giftCard.selectType")), 1)
                           ]),
-                          s("div", la, [
+                          s("div", aa, [
                             s("ul", null, [
-                              (c(!0), f(_e, null, Fe(e(_), (r, ae) => (c(), f("li", { key: ae }, [
-                                d(ie, {
-                                  modelValue: e(n),
-                                  "onUpdate:modelValue": t[3] || (t[3] = (fe) => B(n) ? n.value = fe : null),
+                              (d(!0), f(ye, null, _e(e(y), (l, _) => (d(), f("li", { key: _ }, [
+                                r(le, {
+                                  modelValue: e(p),
+                                  "onUpdate:modelValue": i[3] || (i[3] = (N) => V(p) ? p.value = N : null),
                                   type: "radio",
                                   name: "placeType",
-                                  val: ae,
-                                  label: r.label
+                                  val: _,
+                                  label: l.label
                                 }, null, 8, ["modelValue", "val", "label"])
                               ]))), 128))
                             ]),
-                            e(_)[e(n)] && e(_)[e(n)].data.length > 1 ? (c(), M(Ee, {
+                            e(y)[e(p)] && e(y)[e(p)].data.length > 1 ? (d(), L(Re, {
                               key: 0,
-                              modelValue: e(v),
-                              "onUpdate:modelValue": t[4] || (t[4] = (r) => B(v) ? v.value = r : null),
-                              placeholder: e(a)("giftCard.selectPlacePlaceholder"),
-                              options: e(_)[e(n)].data,
+                              modelValue: e(S),
+                              "onUpdate:modelValue": i[4] || (i[4] = (l) => V(S) ? S.value = l : null),
+                              placeholder: e(t)("giftCard.selectPlacePlaceholder"),
+                              options: e(y)[e(p)].data,
                               labelKey: "name",
                               valueKey: "id",
                               required: ""
-                            }, null, 8, ["modelValue", "placeholder", "options"])) : y("", !0)
+                            }, null, 8, ["modelValue", "placeholder", "options"])) : k("", !0)
                           ])
-                        ])) : (c(), M(te, {
-                          key: 1,
-                          color: i.loadingColor
-                        }, null, 8, ["color"]))
+                        ])) : (d(), L(ae, { key: 1 }))
                       ])),
-                      d(H, {
-                        modelValue: e(m),
-                        "onUpdate:modelValue": t[5] || (t[5] = (r) => B(m) ? m.value = r : null),
+                      r(H, {
+                        modelValue: e(c),
+                        "onUpdate:modelValue": i[5] || (i[5] = (l) => V(c) ? c.value = l : null),
                         type: "number",
                         name: "value",
-                        label: e(a)("giftCard.value"),
+                        label: e(t)("giftCard.value"),
                         icon: "money-bill",
-                        "icon-color": i.accentColor,
-                        placeholder: e(a)("giftCard.valuePlaceholder"),
+                        placeholder: e(t)("giftCard.valuePlaceholder"),
                         suffix: e(K),
                         required: ""
-                      }, null, 8, ["modelValue", "label", "icon-color", "placeholder", "suffix"]),
-                      d(ie, {
-                        modelValue: e(T),
-                        "onUpdate:modelValue": t[6] || (t[6] = (r) => B(T) ? T.value = r : null),
+                      }, null, 8, ["modelValue", "label", "placeholder", "suffix"]),
+                      r(le, {
+                        modelValue: e(h),
+                        "onUpdate:modelValue": i[6] || (i[6] = (l) => V(h) ? h.value = l : null),
                         type: "checkbox",
                         name: "showValue",
-                        label: e(a)("giftCard.showValue"),
-                        checked: e(T)
+                        label: e(t)("giftCard.showValue"),
+                        checked: e(h)
                       }, null, 8, ["modelValue", "label", "checked"]),
-                      y("", !0),
-                      y("", !0)
+                      k("", !0),
+                      k("", !0)
                     ])
                   ], 512), [
-                    [A, e(u)]
+                    [W, e(n)]
                   ]),
                   I(s("div", null, [
                     s("div", {
-                      innerHTML: e(a)("giftCard.thankYou")
-                    }, null, 8, oa)
+                      innerHTML: e(t)("giftCard.thankYou")
+                    }, null, 8, la)
                   ], 512), [
-                    [A, e(z)]
+                    [W, e(g)]
                   ])
                 ]),
-                i.layout !== "minimal" && e(u) ? (c(), f("div", ta, [
-                  s("div", na, [
-                    d(x, {
-                      label: e(a)("giftCard.orderGiftCard"),
-                      style: ne({
-                        background: i.successColor
-                      }),
+                R.layout !== "minimal" && e(n) ? (d(), f("div", ta, [
+                  s("div", oa, [
+                    r(x, {
+                      label: e(t)("giftCard.orderGiftCard"),
                       "full-width": !0,
-                      disabled: !e(R),
-                      "is-loading": e(F),
-                      "onUpdate:isLoading": t[9] || (t[9] = (r) => B(F) ? F.value = r : null),
-                      onClickEvent: D
-                    }, null, 8, ["label", "style", "disabled", "is-loading"])
+                      disabled: !e(T),
+                      "is-loading": e(C),
+                      "onUpdate:isLoading": i[9] || (i[9] = (l) => V(C) ? C.value = l : null),
+                      onClickEvent: A
+                    }, null, 8, ["label", "disabled", "is-loading"])
                   ])
-                ])) : y("", !0),
-                e(u) ? (c(), f("div", ia, [
-                  d(H, {
-                    modelValue: e(C),
-                    "onUpdate:modelValue": t[10] || (t[10] = (r) => B(C) ? C.value = r : null),
+                ])) : k("", !0),
+                e(n) ? (d(), f("div", na, [
+                  r(H, {
+                    modelValue: e(v),
+                    "onUpdate:modelValue": i[10] || (i[10] = (l) => V(v) ? v.value = l : null),
                     type: "textarea",
                     name: "remark",
-                    label: e(a)("giftCard.remark"),
+                    label: e(t)("giftCard.remark"),
                     icon: "info-circle",
-                    "icon-color": i.accentColor,
-                    placeholder: e(a)("giftCard.remarkPlaceholder")
-                  }, null, 8, ["modelValue", "label", "icon-color", "placeholder"])
-                ])) : y("", !0),
-                e(u) ? I((c(), f("div", ra, [
-                  d(x, {
-                    label: e(a)("giftCard.orderGiftCard"),
-                    style: ne({
-                      background: i.successColor
-                    }),
+                    placeholder: e(t)("giftCard.remarkPlaceholder")
+                  }, null, 8, ["modelValue", "label", "placeholder"])
+                ])) : k("", !0),
+                e(n) ? I((d(), f("div", ia, [
+                  r(x, {
+                    label: e(t)("giftCard.orderGiftCard"),
                     "full-width": !0,
-                    disabled: !e(R),
+                    disabled: !e(T),
                     "data-test": "orderGiftCard",
-                    "is-loading": e(F),
-                    "onUpdate:isLoading": t[11] || (t[11] = (r) => B(F) ? F.value = r : null),
-                    onClickEvent: D
-                  }, null, 8, ["label", "style", "disabled", "is-loading"]),
-                  I(s("div", sa, [
-                    d(Re)
+                    "is-loading": e(C),
+                    "onUpdate:isLoading": i[11] || (i[11] = (l) => V(C) ? C.value = l : null),
+                    onClickEvent: A
+                  }, null, 8, ["label", "disabled", "is-loading"]),
+                  I(s("div", ra, [
+                    r(ze)
                   ], 512), [
-                    [A, e(O)]
+                    [W, e(O)]
                   ])
                 ])), [
-                  [V]
-                ]) : y("", !0)
-              ])) : (c(), M(te, { key: 1 }))
+                  [m]
+                ]) : k("", !0)
+              ])) : (d(), L(ae, { key: 1 }))
             ]),
             _: 1
-          }, 8, ["access-token", "data-layout"])
+          }, 8, ["access-token", "data-layout", "styling"])
         ]),
-        fallback: N(() => [
-          d(Oe)
+        fallback: j(() => [
+          r(je)
         ]),
         _: 1
       });
     };
   }
 });
-const ua = /* @__PURE__ */ pe(da, [["__scopeId", "data-v-05b676e9"]]), ca = Pe(), G = Se({ components: { GiftCard: ua } });
-G.use(ca);
-G.use(Te);
-G.use(we);
-G.use($e, { bootstrap: !1 });
-G.mount("#konnectio-gift-card-app");
+const da = /* @__PURE__ */ de(sa, [["__scopeId", "data-v-e4aa1e4c"]]), ua = Ce(), ca = Ve(), E = Fe({ components: { GiftCard: da } });
+E.use(ua);
+E.use(Pe);
+E.use(ca);
+E.use(Te);
+E.use($e, { bootstrap: !1 });
+E.mount("#konnectio-gift-card-app");