@konnectio/core 4.0.56-rc31 → 4.0.56-rc33

package/dist/gift-card.js

@@ -1,14 +1,15 @@
-import { N as ue, O as pe, s as te, c as le, r as V, ag as T, U as ee, e as _, Y as re, W as ae, X as me, t as fe, ah as ve, d as z, u as J, Q as ge, f as d, k as M, x as G, h as l, g as k, m as o, j as e, C as O, l as F, p as ce, I as he, a1 as D, a0 as be, v as ne, A as Z, q as ye, ai as ke, w as _e, o as Ce, S as Ve, aj as W, ak as H, F as we, ab as Fe, $ as P, _ as Pe, al as Se, T as K, n as Te, D as $e, E as Ue, G as Ee, H as Ae, J as Ie, K as Le, L as Me, af as Ge, M as Re } from "./Field-C9r1d8IB.js";
-import { a as qe, C as xe, P as Be, _ as De } from "./CheckoutWindow-RWkSWvbk.js";
-import { E as Oe } from "./ErrorMessage-z0JJ8Q3W.js";
-import { S as ze } from "./TermsOfService-oZz-B-KI.js";
-const oe = ue("giftCard", () => {
-  const { pay: g } = pe(), { bearerToken: c, metaData: v, currencyId: t } = te(le()), p = le(), r = V(T.InitialState), u = ee("konnectio_name", "", void 0, { serializer: ae.string }), h = ee("konnectio_email", "", void 0, { serializer: ae.string }), i = ee("konnectio_phone", "", void 0, { serializer: ae.string }), b = V(""), f = V(1), x = V(!0), S = V(""), a = V({
+import { H as ue, J as pe, K as le, N as oe, m as V, a6 as T, P as ae, i as k, X as re, R as te, V as me, W as fe, a7 as ve, d as O, u as Y, M as ge, o as d, a as G, w as L, f as l, c as y, e as o, g as e, C as D, b as F, n as ce, I as he, E as be, _ as ie, t as X, q as ye, a8 as ke, a1 as _e, p as Ce, S as Ve, a9 as H, aa as K, F as we, ab as Fe, a2 as P, j as Pe, ac as Se, T as Z, k as Te, v as $e, x as Ee, y as Ue, z as Ae, A as Ie, B as Re, D as Ge, ad as Le, G as Me } from "./Field.vue_vue_type_style_index_0_scoped_992f78a1_lang-Bsv17X7r.js";
+import { C as qe, a as Be, P as xe, _ as ze } from "./CheckoutWindow-CIZWV-gI.js";
+import { F as z } from "./Field-oZiblvji.js";
+import { E as De } from "./ErrorMessage-BzZDhDkX.js";
+import { S as Oe } from "./TermsOfService-yJlRLBDk.js";
+const ne = ue("giftCard", () => {
+  const { pay: g } = pe(), { bearerToken: c, metaData: v, currencyId: t } = le(oe()), p = oe(), r = V(T.InitialState), u = ae("konnectio_name", "", void 0, { serializer: te.string }), h = ae("konnectio_email", "", void 0, { serializer: te.string }), i = ae("konnectio_phone", "", void 0, { serializer: te.string }), b = V(""), f = V(1), q = V(!0), S = V(""), a = V({
     base64: "",
     type: "",
     name: ""
-  }), m = V(void 0), w = V(0), $ = V(!1), C = V(0), U = _(() => p.metaData.hotels[0]), B = _(() => U.value.termsOfService ? U.value.termsOfService : ""), E = _(() => r.value === T.InitialState || r.value === T.WaitingForResponse), ie = _(() => r.value === T.ReadyToPay), Q = _(() => r.value === T.PaymentSuccess), R = _(() => {
-    const y = {
+  }), m = V(void 0), w = V(0), $ = V(!1), _ = V(0), E = k(() => p.metaData.hotels[0]), B = k(() => E.value.termsOfService ? E.value.termsOfService : ""), U = k(() => r.value === T.InitialState || r.value === T.WaitingForResponse), Q = k(() => r.value === T.ReadyToPay), N = k(() => r.value === T.PaymentSuccess), x = k(() => {
+    const C = {
       1: {
         label: re.t("giftCard.hotelType"),
         data: []
@@ -17,25 +18,25 @@ const oe = ue("giftCard", () => {
         label: re.t("giftCard.restaurantType"),
         data: []
       }
-    }, q = v.value.hotels[0].places;
-    return q && q.forEach((I) => {
-      y[I.placeType].data.push(I);
+    }, M = v.value.hotels[0].places;
+    return M && M.forEach((I) => {
+      C[I.placeType].data.push(I);
     }), Object.fromEntries(
-      Object.entries(y).filter(([, I]) => I.data.length > 0)
+      Object.entries(C).filter(([, I]) => I.data.length > 0)
     );
-  }), j = _(() => C.value !== 0), A = _(() => {
-    let y;
-    if (j.value)
-      y = R.value[C.value].data[0];
+  }), W = k(() => _.value !== 0), A = k(() => {
+    let C;
+    if (W.value)
+      C = x.value[_.value].data[0];
     else if (w.value !== 0) {
-      const q = m.value, I = R.value[w.value].data;
-      I.length === 1 ? y = I[0] : q !== void 0 && I.forEach((se) => {
-        String(se.id) === String(q) && (y = se);
+      const M = m.value, I = x.value[w.value].data;
+      I.length === 1 ? C = I[0] : M !== void 0 && I.forEach((se) => {
+        String(se.id) === String(M) && (C = se);
       });
     }
-    return y;
-  }), X = _(() => !(!u.value || !h.value || !(i.value.length >= 5) || !b.value || A.value === void 0)), L = _(() => !(r.value === T.InitialState && $.value)), s = _(() => !!(r.value === T.WaitingForResponse && $.value));
-  async function n() {
+    return C;
+  }), R = k(() => !(!u.value || !h.value || !(i.value.length >= 5) || !b.value || A.value === void 0)), s = k(() => !(r.value === T.InitialState && $.value)), n = k(() => !!(r.value === T.WaitingForResponse && $.value));
+  async function j() {
     r.value = T.WaitingForResponse, $.value = !0, await me.post("https://production.hotel-service.konnectio.dk/api/gift-card/create", {
       termsOfserviceURL: window.location.origin,
       checkoutUrl: window.location.origin,
@@ -44,7 +45,7 @@ const oe = ue("giftCard", () => {
       amount: b.value,
       quantity: f.value,
       freeText: S.value,
-      showPrice: x.value,
+      showPrice: q.value,
       contactName: u.value,
       contactEmail: h.value,
       contactPhone: i.value,
@@ -57,17 +58,17 @@ const oe = ue("giftCard", () => {
       headers: {
         Authorization: c.value,
         Accept: "application/json",
-        "Fresh-Booking-Ver": "4.0.56-rc31"
+        "Fresh-Booking-Ver": "4.0.56-rc33"
       }
-    }).then((y) => {
+    }).then((C) => {
       r.value = T.ReadyToPay, $.value = !1, g({
         callback: () => console.log("Callback!"),
-        response: y.data
+        response: C.data
       });
     });
   }
-  function N(y) {
-    y && (C.value = y);
+  function ee(C) {
+    C && (_.value = C);
   }
   return {
     selectedPlace: A,
@@ -77,24 +78,24 @@ const oe = ue("giftCard", () => {
     phone: i,
     value: b,
     remark: S,
-    showValue: x,
+    showValue: q,
     quantity: f,
     media: a,
     placeId: m,
     placeType: w,
-    showFormPage: E,
-    showPaymentPage: ie,
-    showConfirmationPage: Q,
-    places: R,
-    hasFilledForm: X,
-    hasForcedPlaceType: j,
-    isWaitingForResponse: s,
-    isMetaDataAvailable: L,
+    showFormPage: U,
+    showPaymentPage: Q,
+    showConfirmationPage: N,
+    places: x,
+    hasFilledForm: R,
+    hasForcedPlaceType: W,
+    isWaitingForResponse: n,
+    isMetaDataAvailable: s,
     termsOfService: B,
-    orderGiftCard: n,
-    initialize: N
+    orderGiftCard: j,
+    initialize: ee
   };
-}), je = { class: "media-selector" }, Ne = ["accept"], We = { class: "media-selector-wrapper" }, He = { class: "media-selector-tools" }, Ke = { key: 0 }, Ye = { key: 1 }, Ze = { key: 2 }, Je = ["src"], Qe = /* @__PURE__ */ z({
+}), Ne = { class: "media-selector" }, We = ["accept"], je = { class: "media-selector-wrapper" }, He = { class: "media-selector-tools" }, Ke = { key: 0 }, Ze = { key: 1 }, Je = { key: 2 }, Xe = ["src"], Ye = /* @__PURE__ */ O({
   __name: "MediaSelector",
   props: {
     modelValue: {},
@@ -105,7 +106,7 @@ const oe = ue("giftCard", () => {
   },
   emits: ["update:modelValue"],
   setup(g, { emit: c }) {
-    const v = c, t = g, { t: p } = J(), { display: r } = ge(), u = V(), h = _(() => t.modelValue.base64 !== "");
+    const v = c, t = g, { t: p } = Y(), { display: r } = ge(), u = V(), h = k(() => t.modelValue.base64 !== "");
     function i(a) {
       v("update:modelValue", a);
     }
@@ -119,30 +120,30 @@ const oe = ue("giftCard", () => {
     function f() {
       u.value && u.value.click();
     }
-    function x(a, m) {
-      const [w, $] = [a.name, a.type], C = new FileReader();
-      C.onload = function(U) {
-        if (U.target) {
-          const B = U.target.result;
+    function q(a, m) {
+      const [w, $] = [a.name, a.type], _ = new FileReader();
+      _.onload = function(E) {
+        if (E.target) {
+          const B = E.target.result;
           m({ base64: B, name: w, type: $ });
         } else
           r({
             message: p("imageUploadError"),
             type: "error"
           });
-      }, C.readAsDataURL(a);
+      }, _.readAsDataURL(a);
     }
     async function S() {
       let a;
-      (a = u.value.files) instanceof FileList && x(a[0], i);
+      (a = u.value.files) instanceof FileList && q(a[0], i);
     }
-    return (a, m) => (d(), M(he, {
+    return (a, m) => (d(), G(he, {
       label: a.label,
       required: a.required,
       type: "media"
     }, {
-      default: G(() => [
-        l("div", je, [
+      default: L(() => [
+        l("div", Ne, [
           l("input", {
             ref_key: "fileInput",
             ref: u,
@@ -151,11 +152,11 @@ const oe = ue("giftCard", () => {
             accept: a.validation,
             single: "",
             onChange: m[0] || (m[0] = (w) => S())
-          }, null, 40, Ne),
-          l("div", We, [
+          }, null, 40, We),
+          l("div", je, [
             l("ul", He, [
-              h.value ? F("", !0) : (d(), k("li", Ke, [
-                o(O, {
+              h.value ? F("", !0) : (d(), y("li", Ke, [
+                o(D, {
                   label: e(p)("uploadFile"),
                   type: "button",
                   icon: "upload",
@@ -163,8 +164,8 @@ const oe = ue("giftCard", () => {
                   onClickEvent: m[1] || (m[1] = (w) => f())
                 }, null, 8, ["label", "icon-color"])
               ])),
-              h.value ? (d(), k("li", Ye, [
-                o(O, {
+              h.value ? (d(), y("li", Ze, [
+                o(D, {
                   label: e(p)("replaceFile"),
                   type: "button",
                   icon: "repeat-alt",
@@ -172,8 +173,8 @@ const oe = ue("giftCard", () => {
                   onClickEvent: m[2] || (m[2] = (w) => f())
                 }, null, 8, ["label", "icon-color"])
               ])) : F("", !0),
-              h.value ? (d(), k("li", Ze, [
-                o(O, {
+              h.value ? (d(), y("li", Je, [
+                o(D, {
                   label: e(p)("removeFile"),
                   type: "button",
                   icon: "trash-alt",
@@ -188,10 +189,10 @@ const oe = ue("giftCard", () => {
                 { opened: h.value }
               ])
             }, [
-              a.modelValue ? (d(), k("img", {
+              a.modelValue ? (d(), y("img", {
                 key: 0,
                 src: a.modelValue.base64
-              }, null, 8, Je)) : F("", !0)
+              }, null, 8, Xe)) : F("", !0)
             ], 2)
           ])
         ])
@@ -220,83 +221,83 @@ function de(g) {
     }
   });
 }
-typeof de == "function" && de(Qe);
-const Xe = { class: "gift-card-skeleton" }, ea = { class: "gift-card-skeleton-form" }, aa = /* @__PURE__ */ z({
+typeof de == "function" && de(Ye);
+const Qe = { class: "gift-card-skeleton" }, ea = { class: "gift-card-skeleton-form" }, aa = /* @__PURE__ */ O({
   __name: "GiftCardSkeleton",
   setup(g) {
-    return (c, v) => (d(), k("div", Xe, [
+    return (c, v) => (d(), y("div", Qe, [
       l("div", ea, [
-        o(D),
-        o(D),
-        o(D),
-        o(D),
-        o(D, { "is-text-area": "" }),
+        o(z),
+        o(z),
+        o(z),
+        o(z),
+        o(z, { "is-text-area": "" }),
         o(be, { height: "44px" })
       ])
     ]));
   }
-}), ta = /* @__PURE__ */ ne(aa, [["__scopeId", "data-v-ba3efaa1"]]), la = { class: "konnectio-accept-terms" }, oa = /* @__PURE__ */ z({
+}), ta = /* @__PURE__ */ ie(aa, [["__scopeId", "data-v-ba3efaa1"]]), la = { class: "konnectio-accept-terms" }, oa = /* @__PURE__ */ O({
   __name: "_",
   props: {
     content: {},
     buttonLabel: {}
   },
   setup(g) {
-    const { t: c } = J(), v = V(!1);
-    return (t, p) => (d(), k("div", la, [
+    const { t: c } = Y(), v = V(!1);
+    return (t, p) => (d(), y("div", la, [
       o(e(ke), {
         keypath: "general.termsAndConditionsNotice",
         tag: "span",
         scope: "global"
       }, {
-        button: G(() => [
-          l("i", null, '"' + Z(t.buttonLabel) + '"', 1)
+        button: L(() => [
+          l("i", null, '"' + X(t.buttonLabel) + '"', 1)
         ]),
-        terms: G(() => [
+        terms: L(() => [
           l("a", {
             class: "konnectio-accept-terms-link",
             target: "_blank",
             onClick: p[0] || (p[0] = ye((r) => v.value = !0, ["prevent"]))
           }, [
-            l("span", null, Z(e(c)("general.termsAndConditions")), 1)
+            l("span", null, X(e(c)("general.termsAndConditions")), 1)
           ])
         ]),
         _: 1
       }),
-      o(ze, {
+      o(Oe, {
         modelValue: v.value,
         "onUpdate:modelValue": p[1] || (p[1] = (r) => v.value = r),
         description: t.content
       }, null, 8, ["modelValue", "description"])
     ]));
   }
-}), na = /* @__PURE__ */ ne(oa, [["__scopeId", "data-v-c9c826cf"]]), ia = /* @__PURE__ */ z({
+}), na = /* @__PURE__ */ ie(oa, [["__scopeId", "data-v-c9c826cf"]]), ia = /* @__PURE__ */ O({
   __name: "GiftCard",
   setup(g) {
-    const { t: c } = J(), v = oe();
-    return (t, p) => (d(), M(na, {
+    const { t: c } = Y(), v = ne();
+    return (t, p) => (d(), G(na, {
       content: e(v).termsOfService,
       "button-label": e(c)("giftCard.orderGiftCard")
     }, null, 8, ["content", "button-label"]));
   }
-}), sa = (g) => (Ee("data-v-30c8e35c"), g = g(), Ae(), g), ra = {
+}), sa = (g) => (Ue("data-v-1dbfbbf9"), g = g(), Ae(), g), ra = {
   key: 0,
-  id: "konnectio-gift-card-wrapper"
-}, da = { id: "konnectio-gift-card-title" }, ca = { id: "konnectio-gift-card-content" }, ua = { id: "konnectio-gift-card-payment" }, pa = ["innerHTML"], ma = { key: 0 }, fa = {
+  id: "konnectio-gift-card-module"
+}, da = { id: "konnectio-gift-card-wrapper" }, ca = { id: "konnectio-gift-card-title" }, ua = { id: "konnectio-gift-card-content" }, pa = { id: "konnectio-gift-card-payment" }, ma = ["innerHTML"], fa = { key: 0 }, va = {
   key: 0,
   id: "fresh-booking-select-place-type"
-}, va = {
+}, ga = {
   class: /* @__PURE__ */ ce(["fresh-booking-label", "required"])
-}, ga = { id: "fresh-booking-select-place-type-input" }, ha = ["innerHTML"], ba = {
+}, ha = { id: "fresh-booking-select-place-type-input" }, ba = ["innerHTML"], ya = {
   key: 0,
   id: "konnectio-gift-card-order"
-}, ya = { class: "fresh-booking-panel" }, ka = {
+}, ka = { class: "fresh-booking-panel" }, _a = {
   key: 1,
   id: "konnectio-gift-card-remarks"
-}, _a = {
+}, Ca = {
   key: 2,
   id: "konnectio-gift-card-order-minimal"
-}, Ca = /* @__PURE__ */ sa(() => /* @__PURE__ */ l("div", { class: "konnectio-divider" }, null, -1)), Va = { id: "konnectio-gift-card-recaptcha" }, wa = /* @__PURE__ */ z({
+}, Va = /* @__PURE__ */ sa(() => /* @__PURE__ */ l("div", { class: "konnectio-divider" }, null, -1)), wa = { id: "konnectio-gift-card-recaptcha" }, Fa = /* @__PURE__ */ O({
   name: "GiftCardLayout",
   __name: "GiftCard",
   props: {
@@ -306,10 +307,10 @@ const Xe = { class: "gift-card-skeleton" }, ea = { class: "gift-card-skeleton-fo
     styling: {}
   },
   setup(g) {
-    const c = g, v = _(() => ({
+    const c = g, v = k(() => ({
       panelMaxWidth: "800px",
       ...c.styling
-    })), { t } = J(), {
+    })), { t } = Y(), {
       name: p,
       email: r,
       phone: u,
@@ -317,196 +318,196 @@ const Xe = { class: "gift-card-skeleton" }, ea = { class: "gift-card-skeleton-fo
       remark: i,
       showValue: b,
       quantity: f,
-      media: x,
+      media: q,
       placeId: S,
       placeType: a,
       showFormPage: m,
       showPaymentPage: w,
       showConfirmationPage: $,
-      places: C,
-      hasFilledForm: U,
+      places: _,
+      hasFilledForm: E,
       hasForcedPlaceType: B,
-      isWaitingForResponse: E,
-      isMetaDataAvailable: ie
-    } = te(oe()), { initialize: Q, orderGiftCard: R } = oe(), { isRecaptchaEnabled: j, currency: A, hasError: X } = te(le());
+      isWaitingForResponse: U
+    } = le(ne()), { initialize: Q, orderGiftCard: N } = ne(), { isRecaptchaEnabled: x, currency: W, hasError: A } = le(oe());
     return _e(a, () => {
       S.value = void 0;
     }), Ce(() => {
-      const L = c.placeType ? parseInt(c.placeType) : void 0;
-      Q(L);
-    }), (L, s) => (d(), M(Ue, { styling: v.value }, {
-      default: G(() => [
-        (d(), M(Ve, null, {
-          default: G(() => [
+      const R = c.placeType ? parseInt(c.placeType) : void 0;
+      Q(R);
+    }), (R, s) => (d(), G(Ee, { styling: v.value }, {
+      default: L(() => [
+        (d(), G(Ve, null, {
+          default: L(() => [
             o($e, {
-              id: "konnectio-gift-card-module",
               type: "gift-card",
-              "access-token": L.accessToken,
-              "data-layout": L.layout
+              "access-token": R.accessToken,
+              "data-layout": R.layout
             }, {
-              default: G(() => [
-                e(X) ? (d(), M(Oe, {
+              default: L(() => [
+                e(A) ? (d(), G(De, {
                   key: 1,
                   title: "Unable to render Gift card module",
                   description: "Gift card functionality hasn't been setup for this account. Please contact Octopus PMS for support."
-                })) : (d(), k("div", ra, [
-                  l("h2", da, [
-                    l("span", null, Z(e(t)("giftCard.title")), 1)
-                  ]),
-                  l("div", ca, [
-                    W(l("div", ua, [
-                      o(qe)
-                    ], 512), [
-                      [H, e(w)]
+                })) : (d(), y("div", ra, [
+                  l("div", da, [
+                    l("h2", ca, [
+                      l("span", null, X(e(t)("giftCard.title")), 1)
                     ]),
-                    W(l("div", null, [
-                      l("p", {
-                        id: "konnectio-gift-card-description",
-                        innerHTML: e(t)("giftCard.description")
-                      }, null, 8, pa),
-                      l("form", null, [
-                        e(B) ? F("", !0) : (d(), k("div", ma, [
-                          e(C) ? (d(), k("div", fa, [
-                            l("label", va, [
-                              l("span", null, Z(e(t)("giftCard.selectType")), 1)
-                            ]),
-                            l("div", ga, [
-                              l("ul", null, [
-                                (d(!0), k(we, null, Fe(e(C), (n, N) => (d(), k("li", { key: N }, [
-                                  o(xe, {
-                                    modelValue: e(a),
-                                    "onUpdate:modelValue": s[0] || (s[0] = (y) => P(a) ? a.value = y : null),
-                                    type: "radio",
-                                    name: "placeType",
-                                    val: N,
-                                    label: n.label
-                                  }, null, 8, ["modelValue", "val", "label"])
-                                ]))), 128))
+                    l("div", ua, [
+                      H(l("div", pa, [
+                        o(qe)
+                      ], 512), [
+                        [K, e(w)]
+                      ]),
+                      H(l("div", null, [
+                        l("p", {
+                          id: "konnectio-gift-card-description",
+                          innerHTML: e(t)("giftCard.description")
+                        }, null, 8, ma),
+                        l("form", null, [
+                          e(B) ? F("", !0) : (d(), y("div", fa, [
+                            e(_) ? (d(), y("div", va, [
+                              l("label", ga, [
+                                l("span", null, X(e(t)("giftCard.selectType")), 1)
                               ]),
-                              e(C)[e(a)] && e(C)[e(a)].data.length > 1 ? (d(), M(Pe, {
-                                key: 0,
-                                modelValue: e(S),
-                                "onUpdate:modelValue": s[1] || (s[1] = (n) => P(S) ? S.value = n : null),
-                                placeholder: e(t)("giftCard.selectPlacePlaceholder"),
-                                options: e(C)[e(a)].data,
-                                labelKey: "name",
-                                valueKey: "id",
-                                required: ""
-                              }, null, 8, ["modelValue", "placeholder", "options"])) : F("", !0)
-                            ])
-                          ])) : (d(), M(Se, { key: 1 }))
-                        ])),
-                        o(K, {
-                          modelValue: e(p),
-                          "onUpdate:modelValue": s[2] || (s[2] = (n) => P(p) ? p.value = n : 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"]),
-                        o(K, {
-                          modelValue: e(r),
-                          "onUpdate:modelValue": s[3] || (s[3] = (n) => P(r) ? r.value = n : 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"]),
-                        o(Be, {
-                          modelValue: e(u),
-                          "onUpdate:modelValue": s[4] || (s[4] = (n) => P(u) ? u.value = n : null),
-                          icon: "phone-office",
-                          label: e(t)("giftCard.phone"),
-                          placeholder: e(t)("giftCard.phonePlaceholder"),
-                          required: ""
-                        }, null, 8, ["modelValue", "label", "placeholder"]),
-                        o(K, {
-                          modelValue: e(h),
-                          "onUpdate:modelValue": s[5] || (s[5] = (n) => P(h) ? h.value = n : null),
-                          type: "number",
-                          name: "value",
-                          label: e(t)("giftCard.value"),
-                          icon: "money-bill",
-                          placeholder: e(t)("giftCard.valuePlaceholder"),
-                          suffix: e(A),
-                          required: ""
-                        }, null, 8, ["modelValue", "label", "placeholder", "suffix"]),
-                        F("", !0),
-                        F("", !0),
-                        o(Te, {
-                          modelValue: e(f),
-                          "onUpdate:modelValue": s[8] || (s[8] = (n) => P(f) ? f.value = n : null),
-                          label: e(t)("giftCard.quantity"),
-                          icon: "gift-card",
-                          required: ""
-                        }, null, 8, ["modelValue", "label"])
+                              l("div", ha, [
+                                l("ul", null, [
+                                  (d(!0), y(we, null, Fe(e(_), (n, j) => (d(), y("li", { key: j }, [
+                                    o(Be, {
+                                      modelValue: e(a),
+                                      "onUpdate:modelValue": s[0] || (s[0] = (ee) => P(a) ? a.value = ee : null),
+                                      type: "radio",
+                                      name: "placeType",
+                                      val: j,
+                                      label: n.label
+                                    }, null, 8, ["modelValue", "val", "label"])
+                                  ]))), 128))
+                                ]),
+                                e(_)[e(a)] && e(_)[e(a)].data.length > 1 ? (d(), G(Pe, {
+                                  key: 0,
+                                  modelValue: e(S),
+                                  "onUpdate:modelValue": s[1] || (s[1] = (n) => P(S) ? S.value = n : null),
+                                  placeholder: e(t)("giftCard.selectPlacePlaceholder"),
+                                  options: e(_)[e(a)].data,
+                                  labelKey: "name",
+                                  valueKey: "id",
+                                  required: ""
+                                }, null, 8, ["modelValue", "placeholder", "options"])) : F("", !0)
+                              ])
+                            ])) : (d(), G(Se, { key: 1 }))
+                          ])),
+                          o(Z, {
+                            modelValue: e(p),
+                            "onUpdate:modelValue": s[2] || (s[2] = (n) => P(p) ? p.value = n : 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"]),
+                          o(Z, {
+                            modelValue: e(r),
+                            "onUpdate:modelValue": s[3] || (s[3] = (n) => P(r) ? r.value = n : 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"]),
+                          o(xe, {
+                            modelValue: e(u),
+                            "onUpdate:modelValue": s[4] || (s[4] = (n) => P(u) ? u.value = n : null),
+                            icon: "phone-office",
+                            label: e(t)("giftCard.phone"),
+                            placeholder: e(t)("giftCard.phonePlaceholder"),
+                            required: ""
+                          }, null, 8, ["modelValue", "label", "placeholder"]),
+                          o(Z, {
+                            modelValue: e(h),
+                            "onUpdate:modelValue": s[5] || (s[5] = (n) => P(h) ? h.value = n : null),
+                            type: "number",
+                            name: "value",
+                            label: e(t)("giftCard.value"),
+                            icon: "money-bill",
+                            placeholder: e(t)("giftCard.valuePlaceholder"),
+                            suffix: e(W),
+                            required: ""
+                          }, null, 8, ["modelValue", "label", "placeholder", "suffix"]),
+                          F("", !0),
+                          F("", !0),
+                          o(Te, {
+                            modelValue: e(f),
+                            "onUpdate:modelValue": s[8] || (s[8] = (n) => P(f) ? f.value = n : null),
+                            label: e(t)("giftCard.quantity"),
+                            icon: "gift-card",
+                            required: ""
+                          }, null, 8, ["modelValue", "label"])
+                        ])
+                      ], 512), [
+                        [K, e(m)]
+                      ]),
+                      H(l("div", null, [
+                        l("div", {
+                          innerHTML: e(t)("giftCard.thankYou")
+                        }, null, 8, ba)
+                      ], 512), [
+                        [K, e($)]
                       ])
-                    ], 512), [
-                      [H, e(m)]
                     ]),
-                    W(l("div", null, [
-                      l("div", {
-                        innerHTML: e(t)("giftCard.thankYou")
-                      }, null, 8, ha)
-                    ], 512), [
-                      [H, e($)]
-                    ])
-                  ]),
-                  L.layout !== "minimal" && e(m) ? (d(), k("div", ba, [
-                    l("div", ya, [
-                      o(O, {
+                    R.layout !== "minimal" && e(m) ? (d(), y("div", ya, [
+                      l("div", ka, [
+                        o(D, {
+                          label: e(t)("giftCard.orderGiftCard"),
+                          "full-width": !0,
+                          disabled: !e(E),
+                          "is-loading": e(U),
+                          "onUpdate:isLoading": s[9] || (s[9] = (n) => P(U) ? U.value = n : null),
+                          onClickEvent: e(N)
+                        }, null, 8, ["label", "disabled", "is-loading", "onClickEvent"])
+                      ])
+                    ])) : F("", !0),
+                    e(m) ? (d(), y("div", _a, [
+                      o(Z, {
+                        modelValue: e(i),
+                        "onUpdate:modelValue": s[10] || (s[10] = (n) => P(i) ? i.value = n : null),
+                        type: "textarea",
+                        name: "remark",
+                        label: e(t)("giftCard.remark"),
+                        icon: "info-circle",
+                        placeholder: e(t)("giftCard.remarkPlaceholder")
+                      }, null, 8, ["modelValue", "label", "placeholder"])
+                    ])) : F("", !0),
+                    e(m) ? (d(), y("div", Ca, [
+                      o(D, {
                         label: e(t)("giftCard.orderGiftCard"),
                         "full-width": !0,
-                        disabled: !e(U),
-                        "is-loading": e(E),
-                        "onUpdate:isLoading": s[9] || (s[9] = (n) => P(E) ? E.value = n : null),
-                        onClickEvent: e(R)
-                      }, null, 8, ["label", "disabled", "is-loading", "onClickEvent"])
-                    ])
-                  ])) : F("", !0),
-                  e(m) ? (d(), k("div", ka, [
-                    o(K, {
-                      modelValue: e(i),
-                      "onUpdate:modelValue": s[10] || (s[10] = (n) => P(i) ? i.value = n : null),
-                      type: "textarea",
-                      name: "remark",
-                      label: e(t)("giftCard.remark"),
-                      icon: "info-circle",
-                      placeholder: e(t)("giftCard.remarkPlaceholder")
-                    }, null, 8, ["modelValue", "label", "placeholder"])
-                  ])) : F("", !0),
-                  e(m) ? (d(), k("div", _a, [
-                    o(O, {
-                      label: e(t)("giftCard.orderGiftCard"),
-                      "full-width": !0,
-                      disabled: !e(U),
-                      "data-test": "orderGiftCard",
-                      "is-loading": e(E),
-                      "onUpdate:isLoading": s[11] || (s[11] = (n) => P(E) ? E.value = n : null),
-                      onClickEvent: e(R)
-                    }, null, 8, ["label", "disabled", "is-loading", "onClickEvent"]),
-                    l("div", null, [
-                      Ca,
-                      o(ia)
-                    ]),
-                    W(l("div", Va, [
-                      o(De)
-                    ], 512), [
-                      [H, e(j)]
-                    ])
-                  ])) : F("", !0)
+                        disabled: !e(E),
+                        "data-test": "orderGiftCard",
+                        "is-loading": e(U),
+                        "onUpdate:isLoading": s[11] || (s[11] = (n) => P(U) ? U.value = n : null),
+                        onClickEvent: e(N)
+                      }, null, 8, ["label", "disabled", "is-loading", "onClickEvent"]),
+                      l("div", null, [
+                        Va,
+                        o(ia)
+                      ]),
+                      H(l("div", wa, [
+                        o(ze)
+                      ], 512), [
+                        [K, e(x)]
+                      ])
+                    ])) : F("", !0)
+                  ])
                 ]))
               ]),
               _: 1
             }, 8, ["access-token", "data-layout"])
           ]),
-          fallback: G(() => [
+          fallback: L(() => [
             o(ta)
           ]),
           _: 1
@@ -515,8 +516,8 @@ const Xe = { class: "gift-card-skeleton" }, ea = { class: "gift-card-skeleton-fo
       _: 1
     }, 8, ["styling"]));
   }
-}), Y = /* @__PURE__ */ ne(wa, [["__scopeId", "data-v-30c8e35c"]]), Fa = Ie(), Pa = Re();
-class Sa extends HTMLElement {
+}), J = /* @__PURE__ */ ie(Fa, [["__scopeId", "data-v-1dbfbbf9"]]), Pa = Ie(), Sa = Me();
+class Ta extends HTMLElement {
   vueApp;
   constructor() {
     super();
@@ -525,7 +526,7 @@ class Sa extends HTMLElement {
     this.vueApp.unmount();
   }
   connectedCallback() {
-    const c = typeof Y == "function" ? Y.options : Y;
+    const c = typeof J == "function" ? J.options : J;
     let v = Array.isArray(c.props) ? c.props : Object.keys(c.props || {});
     const t = (i) => i.replace(/[A-Z]+(?![a-z])|[A-Z]/g, (b, f) => (f ? "-" : "") + b.toLowerCase()), p = (i) => i.replace(/-./g, (b) => b[1].toUpperCase()), r = {};
     v = v.map(t);
@@ -538,12 +539,12 @@ class Sa extends HTMLElement {
       let b = this.attributes.getNamedItem(i)?.value;
       u.hasOwnProperty(i) && (b = u[i]), r[i] = b;
     }
-    this.vueApp = Le(Y, r), this.vueApp.provide("emitter", Pa), this.vueApp.use(Fa), this.vueApp.use(Me), this.vueApp.use(Ge, { bootstrap: !0 });
+    this.vueApp = Re(J, r), this.vueApp.provide("emitter", Sa), this.vueApp.use(Pa), this.vueApp.use(Ge), this.vueApp.use(Le, { bootstrap: !0 });
     const h = document.createElement("div");
     this.vueApp.mount(h), this.appendChild(h.children[0]);
   }
 }
-window.customElements.define("konnectio-gift-card", Sa);
+window.customElements.define("konnectio-gift-card", Ta);
 export {
-  Sa as default
+  Ta as default
 };