@konnectio/core 4.0.56-rc8 → 4.0.56

package/dist/gift-card.js

@@ -1,100 +1,20 @@
-import { d as ue, u as ce, s as J, c as ie, r as C, ae as U, e as K, f as _, j as ee, S as Y, i as pe, h as me, af as fe, k as Q, B as se, b as ve, o as c, m as L, w as G, x as s, l as b, p as n, z as e, C as z, n as T, q as re, I as ge, _ as de, Y as be, Z as he, D as ye, F as ae, ag as j, ah as N, $ as ke, a6 as Ce, G as k, y as _e, a7 as le, T as W, A as Ve, M as Fe, N as we, R as Pe, U as Te, V as Se, ab as $e } from "./SelectField.vue_vue_type_style_index_0_lang-K94DVjrE.js";
-import { a as Ue, C as te, P as Ee, _ as Re } from "./CheckoutWindow-r6ch1iOr.js";
-import { E as Ie } from "./_-vErl-x3v.js";
-import { F as x } from "./Field-S_yxW5IQ.js";
-import "./_commonjsHelpers-2ufMB8rV.js";
-const oe = ue("giftCard", () => {
-  const { pay: S } = ce(), { bearerToken: f, metaData: V, currencyId: t } = J(ie()), i = C(U.InitialState), v = K("konnectio_name", "", void 0, { serializer: Y.string }), d = K("konnectio_email", "", void 0, { serializer: Y.string }), g = K("konnectio_phone", "", void 0, { serializer: Y.string }), r = C(""), p = C(1), m = C(!0), A = C(""), y = C({
-    base64: "",
-    type: "",
-    name: ""
-  }), l = C(void 0), u = C(0), h = C(!1), R = C(0), F = _(() => i.value === U.InitialState || i.value === U.WaitingForResponse), I = _(() => i.value === U.ReadyToPay), M = _(() => i.value === U.PaymentSuccess), w = _(() => {
-    const a = {
-      1: {
-        label: ee.t("giftCard.hotelType"),
-        data: []
-      },
-      2: {
-        label: ee.t("giftCard.restaurantType"),
-        data: []
-      }
-    }, $ = V.value.hotels[0].places;
-    return $ && $.forEach((P) => {
-      a[P.placeType].data.push(P);
-    }), Object.fromEntries(
-      Object.entries(a).filter(([, P]) => P.data.length > 0)
-    );
-  }), B = _(() => R.value !== 0), E = _(() => {
-    let a;
-    if (B.value)
-      a = w.value[R.value].data[0];
-    else if (u.value !== 0) {
-      const $ = l.value, P = w.value[u.value].data;
-      P.length === 1 ? a = P[0] : $ !== void 0 && P.forEach((X) => {
-        String(X.id) === String($) && (a = X);
-      });
-    }
-    return a;
-  }), D = _(() => !(!v.value || !d.value || !(g.value.length >= 5) || !r.value || E.value === void 0)), H = _(() => !(i.value === U.InitialState && h.value)), Z = _(() => !!(i.value === U.WaitingForResponse && h.value));
-  async function q() {
-    i.value = U.WaitingForResponse, h.value = !0, await pe.post("https://production.hotel-service.konnectio.dk/api/gift-card/create", {
-      termsOfserviceURL: window.location.origin,
-      checkoutUrl: window.location.origin,
-      currencyID: t.value,
-      language: me(),
-      amount: r.value,
-      quantity: p.value,
-      freeText: A.value,
-      showPrice: m.value,
-      contactName: v.value,
-      contactEmail: d.value,
-      contactPhone: g.value,
-      imageBase64: fe(y.value.base64),
-      imageName: y.value.name,
-      imageFormat: y.value.type,
-      placeType: E.value ? E.value.placeType : void 0,
-      placeID: E.value ? E.value.id : void 0
-    }, {
-      headers: {
-        Authorization: f.value,
-        Accept: "application/json",
-        "Fresh-Booking-Ver": "4.0.56-rc8"
-      }
-    }).then((a) => {
-      i.value = U.ReadyToPay, h.value = !1, S({
-        callback: () => console.log("Callback!"),
-        response: a.data
-      });
-    });
+import { d as T, r as K, c as Z, a as s, b as w, w as $, e as t, g as v, f as o, u as e, i as g, n as Y, t as q, h as ae, z as oe, o as ne, S as ie, A as I, B as L, F as se, s as re, v as k, p as de, j as ue, k as ce } from "./_sentry-release-injection-file-B7Jqb6lo.js";
+import { u as B, T as pe, s as O, c as me, i as fe, m as be } from "./mitt-mvNuFbhJ.js";
+import { u as x, c as ve } from "./giftCard-D5RQomNw.js";
+import { a as he, c as S, p as _e, E as ge, _ as z, d as ye, n as ke, L as Ce, T as M, b as Ve, C as we, m as $e } from "./Field.vue_vue_type_style_index_0_scoped_992f78a1_lang-CXrsASkr.js";
+import { _ as Fe } from "./_.vue_vue_type_style_index_0_lang-BHKGq8g4.js";
+import { a as Ee, C as Pe, P as Ue, _ as Ae } from "./CheckoutWindow-DYdrHbQ-.js";
+import { F as A } from "./Field-CHlcB-1U.js";
+import { E as Se } from "./ErrorMessage-DJ_hHpkR.js";
+import { S as Te } from "./TermsOfService-BTaz4T1c.js";
+(function() {
+  try {
+    var d = typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {}, n = new Error().stack;
+    n && (d._sentryDebugIds = d._sentryDebugIds || {}, d._sentryDebugIds[n] = "e826020a-428a-4b0a-87fc-e8ea90292e12", d._sentryDebugIdIdentifier = "sentry-dbid-e826020a-428a-4b0a-87fc-e8ea90292e12");
+  } catch {
   }
-  function o(a) {
-    a && (R.value = a);
-  }
-  return {
-    selectedPlace: E,
-    moduleState: i,
-    name: v,
-    email: d,
-    phone: g,
-    value: r,
-    remark: A,
-    showValue: m,
-    quantity: p,
-    media: y,
-    placeId: l,
-    placeType: u,
-    showFormPage: F,
-    showPaymentPage: I,
-    showConfirmationPage: M,
-    places: w,
-    hasFilledForm: D,
-    hasForcedPlaceType: B,
-    isWaitingForResponse: Z,
-    isMetaDataAvailable: H,
-    orderGiftCard: q,
-    initialize: o
-  };
-}), qe = { class: "media-selector" }, Le = ["accept"], Ae = { class: "media-selector-wrapper" }, Me = { class: "media-selector-tools" }, xe = { key: 0 }, Ge = { key: 1 }, ze = { key: 2 }, Be = ["src"], De = /* @__PURE__ */ Q({
+})();
+const Ie = { class: "media-selector" }, Le = ["accept"], Me = { class: "media-selector-wrapper" }, Ge = { class: "media-selector-tools" }, qe = { key: 0 }, Be = { key: 1 }, Re = { key: 2 }, De = ["src"], xe = /* @__PURE__ */ T({
   __name: "MediaSelector",
   props: {
     modelValue: {},
@@ -104,94 +24,94 @@ const oe = ue("giftCard", () => {
     required: { type: Boolean, default: !1 }
   },
   emits: ["update:modelValue"],
-  setup(S, { emit: f }) {
-    const V = f, t = S, { t: i } = se(), { display: v } = ve(), d = C(), g = _(() => t.modelValue.base64 !== "");
-    function r(l) {
-      V("update:modelValue", l);
+  setup(d, { emit: n }) {
+    const m = n, l = d, { t: c } = B(), { display: h } = he(), p = K(), _ = Z(() => l.modelValue.base64 !== "");
+    function u(a) {
+      m("update:modelValue", a);
     }
-    function p() {
-      r({
+    function y() {
+      u({
         base64: "",
         name: "",
         type: ""
-      }), d.value && (d.value.value = "");
+      }), p.value && (p.value.value = "");
     }
-    function m() {
-      d.value && d.value.click();
+    function b() {
+      p.value && p.value.click();
     }
-    function A(l, u) {
-      const [h, R] = [l.name, l.type], F = new FileReader();
-      F.onload = function(I) {
-        if (I.target) {
-          const M = I.target.result;
-          u({ base64: M, name: h, type: R });
+    function j(a, f) {
+      const [V, R] = [a.name, a.type], C = new FileReader();
+      C.onload = function(U) {
+        if (U.target) {
+          const D = U.target.result;
+          f({ base64: D, name: V, type: R });
         } else
-          v({
-            message: i("imageUploadError"),
+          h({
+            message: c("imageUploadError"),
             type: "error"
           });
-      }, F.readAsDataURL(l);
+      }, C.readAsDataURL(a);
     }
-    async function y() {
-      let l;
-      (l = d.value.files) instanceof FileList && A(l[0], r);
+    async function F() {
+      let a;
+      (a = p.value.files) instanceof FileList && j(a[0], u);
     }
-    return (l, u) => (c(), L(ge, {
-      label: l.label,
-      required: l.required,
+    return (a, f) => (s(), w(_e, {
+      label: a.label,
+      required: a.required,
       type: "media"
     }, {
-      default: G(() => [
-        s("div", qe, [
-          s("input", {
+      default: $(() => [
+        t("div", Ie, [
+          t("input", {
             ref_key: "fileInput",
-            ref: d,
+            ref: p,
             type: "file",
             class: "hidden",
-            accept: l.validation,
+            accept: a.validation,
             single: "",
-            onChange: u[0] || (u[0] = (h) => y())
+            onChange: f[0] || (f[0] = (V) => F())
           }, null, 40, Le),
-          s("div", Ae, [
-            s("ul", Me, [
-              g.value ? T("", !0) : (c(), b("li", xe, [
-                n(z, {
-                  label: e(i)("uploadFile"),
+          t("div", Me, [
+            t("ul", Ge, [
+              _.value ? g("", !0) : (s(), v("li", qe, [
+                o(S, {
+                  label: e(c)("uploadFile"),
                   type: "button",
                   icon: "upload",
-                  "icon-color": l.iconColor,
-                  onClickEvent: u[1] || (u[1] = (h) => m())
+                  "icon-color": a.iconColor,
+                  onClickEvent: f[1] || (f[1] = (V) => b())
                 }, null, 8, ["label", "icon-color"])
               ])),
-              g.value ? (c(), b("li", Ge, [
-                n(z, {
-                  label: e(i)("replaceFile"),
+              _.value ? (s(), v("li", Be, [
+                o(S, {
+                  label: e(c)("replaceFile"),
                   type: "button",
                   icon: "repeat-alt",
-                  "icon-color": l.iconColor,
-                  onClickEvent: u[2] || (u[2] = (h) => m())
+                  "icon-color": a.iconColor,
+                  onClickEvent: f[2] || (f[2] = (V) => b())
                 }, null, 8, ["label", "icon-color"])
-              ])) : T("", !0),
-              g.value ? (c(), b("li", ze, [
-                n(z, {
-                  label: e(i)("removeFile"),
+              ])) : g("", !0),
+              _.value ? (s(), v("li", Re, [
+                o(S, {
+                  label: e(c)("removeFile"),
                   type: "button",
                   icon: "trash-alt",
-                  "icon-color": l.iconColor,
-                  onClickEvent: u[3] || (u[3] = (h) => p())
+                  "icon-color": a.iconColor,
+                  onClickEvent: f[3] || (f[3] = (V) => y())
                 }, null, 8, ["label", "icon-color"])
-              ])) : T("", !0)
+              ])) : g("", !0)
             ]),
-            s("div", {
-              class: re([
+            t("div", {
+              class: Y([
                 "media-selector-previewer",
-                { opened: g.value }
+                { opened: _.value }
               ])
             }, [
-              l.modelValue ? (c(), b("img", {
+              a.modelValue ? (s(), v("img", {
                 key: 0,
-                src: l.modelValue.base64
-              }, null, 8, Be)) : T("", !0)
+                src: a.modelValue.base64
+              }, null, 8, De)) : g("", !0)
             ], 2)
           ])
         ])
@@ -200,9 +120,9 @@ const oe = ue("giftCard", () => {
     }, 8, ["label", "required"]));
   }
 });
-function ne(S) {
-  const f = S;
-  f.__i18n = f.__i18n || [], f.__i18n.push({
+function W(d) {
+  const n = d;
+  n.__i18n = n.__i18n || [], n.__i18n.push({
     locale: "",
     resource: {
       da: {
@@ -220,39 +140,80 @@ function ne(S) {
     }
   });
 }
-typeof ne == "function" && ne(De);
-const je = { class: "gift-card-skeleton" }, Ne = { class: "gift-card-skeleton-form" }, We = /* @__PURE__ */ Q({
+typeof W == "function" && W(xe);
+const ze = { class: "gift-card-skeleton" }, je = { class: "gift-card-skeleton-form" }, He = /* @__PURE__ */ T({
   __name: "GiftCardSkeleton",
-  setup(S) {
-    return (f, V) => (c(), b("div", je, [
-      s("div", Ne, [
-        n(x),
-        n(x),
-        n(x),
-        n(x),
-        n(x, { "is-text-area": "" }),
-        n(Ie, { height: "44px" })
+  setup(d) {
+    return (n, m) => (s(), v("div", ze, [
+      t("div", je, [
+        o(A),
+        o(A),
+        o(A),
+        o(A),
+        o(A, { "is-text-area": "" }),
+        o(ge, { height: "44px" })
       ])
     ]));
   }
-}), Oe = /* @__PURE__ */ de(We, [["__scopeId", "data-v-e35c75b3"]]), He = {
-  key: 0,
-  id: "konnectio-gift-card-wrapper"
-}, Ze = { id: "konnectio-gift-card-title" }, Ke = { id: "konnectio-gift-card-content" }, Ye = { id: "konnectio-gift-card-payment" }, Je = ["innerHTML"], Qe = { key: 0 }, Xe = {
+}), Ne = /* @__PURE__ */ z(He, [["__scopeId", "data-v-ba3efaa1"]]), Oe = { class: "konnectio-accept-terms" }, We = /* @__PURE__ */ T({
+  __name: "_",
+  props: {
+    content: {},
+    buttonLabel: {}
+  },
+  setup(d) {
+    const { t: n } = B(), m = K(!1);
+    return (l, c) => (s(), v("div", Oe, [
+      o(e(pe), {
+        keypath: "general.termsAndConditionsNotice",
+        tag: "span",
+        scope: "global"
+      }, {
+        button: $(() => [
+          t("i", null, '"' + q(l.buttonLabel) + '"', 1)
+        ]),
+        terms: $(() => [
+          t("a", {
+            class: "konnectio-accept-terms-link",
+            target: "_blank",
+            onClick: c[0] || (c[0] = ae((h) => m.value = !0, ["prevent"]))
+          }, [
+            t("span", null, q(e(n)("general.termsAndConditions")), 1)
+          ])
+        ]),
+        _: 1
+      }),
+      o(Te, {
+        modelValue: m.value,
+        "onUpdate:modelValue": c[1] || (c[1] = (h) => m.value = h),
+        description: l.content
+      }, null, 8, ["modelValue", "description"])
+    ]));
+  }
+}), Ke = /* @__PURE__ */ z(We, [["__scopeId", "data-v-f587c956"]]), Ze = /* @__PURE__ */ T({
+  __name: "GiftCard",
+  setup(d) {
+    const { t: n } = B(), m = x();
+    return (l, c) => (s(), w(Ke, {
+      content: e(m).termsOfService,
+      "button-label": e(n)("giftCard.orderGiftCard")
+    }, null, 8, ["content", "button-label"]));
+  }
+}), Ye = (d) => (de("data-v-278e1031"), d = d(), ue(), d), Je = ["data-layout"], Qe = { id: "konnectio-gift-card-wrapper" }, Xe = { id: "konnectio-gift-card-title" }, et = { id: "konnectio-gift-card-content" }, tt = { id: "konnectio-gift-card-payment" }, lt = ["innerHTML"], at = { key: 0 }, ot = {
   key: 0,
-  id: "fresh-booking-select-place-type"
-}, ea = {
-  class: /* @__PURE__ */ re(["fresh-booking-label", "required"])
-}, aa = { id: "fresh-booking-select-place-type-input" }, la = ["innerHTML"], ta = {
+  id: "konnectio-select-place-type"
+}, nt = {
+  class: /* @__PURE__ */ Y(["konnectio-label", "required"])
+}, it = { id: "konnectio-select-place-type-input" }, st = ["innerHTML"], rt = {
   key: 0,
   id: "konnectio-gift-card-order"
-}, oa = { class: "fresh-booking-panel" }, na = {
+}, dt = { class: "konnectio-panel" }, ut = {
   key: 1,
   id: "konnectio-gift-card-remarks"
-}, ia = {
+}, ct = {
   key: 2,
   id: "konnectio-gift-card-order-minimal"
-}, sa = { id: "konnectio-gift-card-recaptcha" }, ra = /* @__PURE__ */ Q({
+}, pt = /* @__PURE__ */ Ye(() => /* @__PURE__ */ t("div", { class: "konnectio-divider" }, null, -1)), mt = { id: "konnectio-gift-card-recaptcha" }, ft = /* @__PURE__ */ T({
   name: "GiftCardLayout",
   __name: "GiftCard",
   props: {
@@ -261,208 +222,213 @@ const je = { class: "gift-card-skeleton" }, Ne = { class: "gift-card-skeleton-fo
     placeType: {},
     styling: {}
   },
-  setup(S) {
-    const f = S, V = _(() => ({
+  setup(d) {
+    const n = d, m = Z(() => ({
       panelMaxWidth: "800px",
-      ...f.styling
-    })), { t } = se(), {
-      name: i,
-      email: v,
-      phone: d,
-      value: g,
-      remark: r,
-      showValue: p,
-      quantity: m,
-      media: A,
-      placeId: y,
-      placeType: l,
-      showFormPage: u,
-      showPaymentPage: h,
+      ...n.styling
+    })), { t: l } = B(), {
+      name: c,
+      email: h,
+      phone: p,
+      value: _,
+      remark: u,
+      showValue: y,
+      quantity: b,
+      media: j,
+      placeId: F,
+      placeType: a,
+      showFormPage: f,
+      showPaymentPage: V,
       showConfirmationPage: R,
-      places: F,
-      hasFilledForm: I,
-      hasForcedPlaceType: M,
-      isWaitingForResponse: w,
-      isMetaDataAvailable: B
-    } = J(oe()), { initialize: E, orderGiftCard: D } = oe(), { isRecaptchaEnabled: H, currency: Z } = J(ie());
-    return be(l, () => {
-      y.value = void 0;
-    }), he(() => {
-      const q = f.placeType ? parseInt(f.placeType) : void 0;
-      E(q);
-    }), (q, o) => (c(), L(we, { styling: V.value }, {
-      default: G(() => [
-        (c(), L(ye, null, {
-          default: G(() => [
-            n(Fe, {
-              id: "konnectio-gift-card-module",
-              type: "gift-card",
-              "access-token": q.accessToken,
-              "data-layout": q.layout
+      places: C,
+      hasFilledForm: U,
+      hasForcedPlaceType: D,
+      isWaitingForResponse: E
+    } = O(x()), { initialize: J, orderGiftCard: H, fetchMetadata: Q } = x(), { isRecaptchaEnabled: X, currency: ee, hasError: te } = O(ye());
+    return oe(a, () => {
+      F.value = void 0;
+    }), ne(() => {
+      const P = n.placeType ? parseInt(n.placeType) : void 0;
+      J(P);
+    }), (P, r) => (s(), w(we, { styling: m.value }, {
+      default: $(() => [
+        (s(), w(ie, null, {
+          default: $(() => [
+            o(Fe, {
+              "access-token": P.accessToken,
+              "data-layout": P.layout,
+              callback: e(Q)
             }, {
-              default: G(() => [
-                e(B) ? (c(), b("div", He, [
-                  s("h2", Ze, [
-                    s("span", null, ae(e(t)("giftCard.title")), 1)
-                  ]),
-                  s("div", Ke, [
-                    j(s("div", Ye, [
-                      n(Ue)
-                    ], 512), [
-                      [N, e(h)]
+              default: $(() => [
+                e(te) ? (s(), w(Se, {
+                  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."
+                })) : (s(), v("div", {
+                  key: 0,
+                  id: "konnectio-gift-card-module",
+                  "data-layout": P.layout
+                }, [
+                  t("div", Qe, [
+                    t("h2", Xe, [
+                      t("span", null, q(e(l)("giftCard.title")), 1)
                     ]),
-                    j(s("div", null, [
-                      s("p", {
-                        id: "konnectio-gift-card-description",
-                        innerHTML: e(t)("giftCard.description")
-                      }, null, 8, Je),
-                      s("form", null, [
-                        e(M) ? T("", !0) : (c(), b("div", Qe, [
-                          e(F) ? (c(), b("div", Xe, [
-                            s("label", ea, [
-                              s("span", null, ae(e(t)("giftCard.selectType")), 1)
-                            ]),
-                            s("div", aa, [
-                              s("ul", null, [
-                                (c(!0), b(ke, null, Ce(e(F), (a, $) => (c(), b("li", { key: $ }, [
-                                  n(te, {
-                                    modelValue: e(l),
-                                    "onUpdate:modelValue": o[0] || (o[0] = (P) => k(l) ? l.value = P : null),
-                                    type: "radio",
-                                    name: "placeType",
-                                    val: $,
-                                    label: a.label
-                                  }, null, 8, ["modelValue", "val", "label"])
-                                ]))), 128))
+                    t("div", et, [
+                      I(t("div", tt, [
+                        o(Ee)
+                      ], 512), [
+                        [L, e(V)]
+                      ]),
+                      I(t("div", null, [
+                        t("p", {
+                          id: "konnectio-gift-card-description",
+                          innerHTML: e(l)("giftCard.description")
+                        }, null, 8, lt),
+                        t("form", null, [
+                          e(D) ? g("", !0) : (s(), v("div", at, [
+                            e(C) ? (s(), v("div", ot, [
+                              t("label", nt, [
+                                t("span", null, q(e(l)("giftCard.selectType")), 1)
                               ]),
-                              e(F)[e(l)] && e(F)[e(l)].data.length > 1 ? (c(), L(_e, {
-                                key: 0,
-                                modelValue: e(y),
-                                "onUpdate:modelValue": o[1] || (o[1] = (a) => k(y) ? y.value = a : null),
-                                placeholder: e(t)("giftCard.selectPlacePlaceholder"),
-                                options: e(F)[e(l)].data,
-                                labelKey: "name",
-                                valueKey: "id",
-                                required: ""
-                              }, null, 8, ["modelValue", "placeholder", "options"])) : T("", !0)
-                            ])
-                          ])) : (c(), L(le, { key: 1 }))
-                        ])),
-                        n(W, {
-                          modelValue: e(i),
-                          "onUpdate:modelValue": o[2] || (o[2] = (a) => k(i) ? i.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(W, {
-                          modelValue: e(v),
-                          "onUpdate:modelValue": o[3] || (o[3] = (a) => k(v) ? v.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(Ee, {
-                          modelValue: e(d),
-                          "onUpdate:modelValue": o[4] || (o[4] = (a) => k(d) ? d.value = a : null),
-                          icon: "phone-office",
-                          label: e(t)("giftCard.phone"),
-                          placeholder: e(t)("giftCard.phonePlaceholder"),
-                          required: ""
-                        }, null, 8, ["modelValue", "label", "placeholder"]),
-                        n(W, {
-                          modelValue: e(g),
-                          "onUpdate:modelValue": o[5] || (o[5] = (a) => k(g) ? g.value = a : null),
-                          type: "number",
-                          name: "value",
-                          label: e(t)("giftCard.value"),
-                          icon: "money-bill",
-                          placeholder: e(t)("giftCard.valuePlaceholder"),
-                          suffix: e(Z),
-                          required: ""
-                        }, null, 8, ["modelValue", "label", "placeholder", "suffix"]),
-                        n(te, {
-                          modelValue: e(p),
-                          "onUpdate:modelValue": o[6] || (o[6] = (a) => k(p) ? p.value = a : null),
-                          type: "checkbox",
-                          name: "showValue",
-                          label: e(t)("giftCard.showValue"),
-                          checked: e(p)
-                        }, null, 8, ["modelValue", "label", "checked"]),
-                        T("", !0),
-                        n(Ve, {
-                          modelValue: e(m),
-                          "onUpdate:modelValue": o[8] || (o[8] = (a) => k(m) ? m.value = a : null),
-                          label: e(t)("giftCard.quantity"),
-                          icon: "gift-card",
-                          required: ""
-                        }, null, 8, ["modelValue", "label"])
+                              t("div", it, [
+                                t("ul", null, [
+                                  (s(!0), v(se, null, re(e(C), (i, N) => (s(), v("li", { key: N }, [
+                                    o(Pe, {
+                                      modelValue: e(a),
+                                      "onUpdate:modelValue": r[0] || (r[0] = (le) => k(a) ? a.value = le : null),
+                                      type: "radio",
+                                      name: "placeType",
+                                      val: N,
+                                      label: i.label
+                                    }, null, 8, ["modelValue", "val", "label"])
+                                  ]))), 128))
+                                ]),
+                                e(C)[e(a)] && e(C)[e(a)].data.length > 1 ? (s(), w(ke, {
+                                  key: 0,
+                                  modelValue: e(F),
+                                  "onUpdate:modelValue": r[1] || (r[1] = (i) => k(F) ? F.value = i : null),
+                                  placeholder: e(l)("giftCard.selectPlacePlaceholder"),
+                                  options: e(C)[e(a)].data,
+                                  labelKey: "name",
+                                  valueKey: "id",
+                                  required: ""
+                                }, null, 8, ["modelValue", "placeholder", "options"])) : g("", !0)
+                              ])
+                            ])) : (s(), w(Ce, { key: 1 }))
+                          ])),
+                          o(M, {
+                            modelValue: e(c),
+                            "onUpdate:modelValue": r[2] || (r[2] = (i) => k(c) ? c.value = i : null),
+                            type: "text",
+                            name: "name",
+                            autocomplete: "name",
+                            label: e(l)("giftCard.name"),
+                            icon: "user-alt",
+                            placeholder: e(l)("giftCard.namePlaceholder"),
+                            required: ""
+                          }, null, 8, ["modelValue", "label", "placeholder"]),
+                          o(M, {
+                            modelValue: e(h),
+                            "onUpdate:modelValue": r[3] || (r[3] = (i) => k(h) ? h.value = i : null),
+                            type: "email",
+                            name: "email",
+                            autocomplete: "email",
+                            label: e(l)("giftCard.email"),
+                            icon: "at",
+                            placeholder: e(l)("giftCard.emailPlaceholder"),
+                            required: ""
+                          }, null, 8, ["modelValue", "label", "placeholder"]),
+                          o(Ue, {
+                            modelValue: e(p),
+                            "onUpdate:modelValue": r[4] || (r[4] = (i) => k(p) ? p.value = i : null),
+                            icon: "phone-office",
+                            label: e(l)("giftCard.phone"),
+                            placeholder: e(l)("giftCard.phonePlaceholder"),
+                            required: ""
+                          }, null, 8, ["modelValue", "label", "placeholder"]),
+                          o(M, {
+                            modelValue: e(_),
+                            "onUpdate:modelValue": r[5] || (r[5] = (i) => k(_) ? _.value = i : null),
+                            type: "number",
+                            name: "value",
+                            label: e(l)("giftCard.value"),
+                            icon: "money-bill",
+                            placeholder: e(l)("giftCard.valuePlaceholder"),
+                            suffix: e(ee),
+                            required: ""
+                          }, null, 8, ["modelValue", "label", "placeholder", "suffix"]),
+                          g("", !0),
+                          g("", !0),
+                          o(Ve, {
+                            modelValue: e(b),
+                            "onUpdate:modelValue": r[8] || (r[8] = (i) => k(b) ? b.value = i : null),
+                            label: e(l)("giftCard.quantity"),
+                            icon: "gift-card",
+                            required: ""
+                          }, null, 8, ["modelValue", "label"])
+                        ])
+                      ], 512), [
+                        [L, e(f)]
+                      ]),
+                      I(t("div", null, [
+                        t("div", {
+                          innerHTML: e(l)("giftCard.thankYou")
+                        }, null, 8, st)
+                      ], 512), [
+                        [L, e(R)]
                       ])
-                    ], 512), [
-                      [N, e(u)]
                     ]),
-                    j(s("div", null, [
-                      s("div", {
-                        innerHTML: e(t)("giftCard.thankYou")
-                      }, null, 8, la)
-                    ], 512), [
-                      [N, e(R)]
-                    ])
-                  ]),
-                  q.layout !== "minimal" && e(u) ? (c(), b("div", ta, [
-                    s("div", oa, [
-                      n(z, {
-                        label: e(t)("giftCard.orderGiftCard"),
+                    P.layout !== "minimal" && e(f) ? (s(), v("div", rt, [
+                      t("div", dt, [
+                        o(S, {
+                          label: e(l)("giftCard.orderGiftCard"),
+                          "full-width": !0,
+                          disabled: !e(U),
+                          "is-loading": e(E),
+                          "onUpdate:isLoading": r[9] || (r[9] = (i) => k(E) ? E.value = i : null),
+                          onClickEvent: e(H)
+                        }, null, 8, ["label", "disabled", "is-loading", "onClickEvent"])
+                      ])
+                    ])) : g("", !0),
+                    e(f) ? (s(), v("div", ut, [
+                      o(M, {
+                        modelValue: e(u),
+                        "onUpdate:modelValue": r[10] || (r[10] = (i) => k(u) ? u.value = i : null),
+                        type: "textarea",
+                        name: "remark",
+                        label: e(l)("giftCard.remark"),
+                        icon: "info-circle",
+                        placeholder: e(l)("giftCard.remarkPlaceholder")
+                      }, null, 8, ["modelValue", "label", "placeholder"])
+                    ])) : g("", !0),
+                    e(f) ? (s(), v("div", ct, [
+                      o(S, {
+                        label: e(l)("giftCard.orderGiftCard"),
                         "full-width": !0,
-                        disabled: !e(I),
-                        "is-loading": e(w),
-                        "onUpdate:isLoading": o[9] || (o[9] = (a) => k(w) ? w.value = a : null),
-                        onClickEvent: e(D)
-                      }, null, 8, ["label", "disabled", "is-loading", "onClickEvent"])
-                    ])
-                  ])) : T("", !0),
-                  e(u) ? (c(), b("div", na, [
-                    n(W, {
-                      modelValue: e(r),
-                      "onUpdate:modelValue": o[10] || (o[10] = (a) => k(r) ? r.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"])
-                  ])) : T("", !0),
-                  e(u) ? (c(), b("div", ia, [
-                    n(z, {
-                      label: e(t)("giftCard.orderGiftCard"),
-                      "full-width": !0,
-                      disabled: !e(I),
-                      "data-test": "orderGiftCard",
-                      "is-loading": e(w),
-                      "onUpdate:isLoading": o[11] || (o[11] = (a) => k(w) ? w.value = a : null),
-                      onClickEvent: e(D)
-                    }, null, 8, ["label", "disabled", "is-loading", "onClickEvent"]),
-                    j(s("div", sa, [
-                      n(Re)
-                    ], 512), [
-                      [N, e(H)]
-                    ])
-                  ])) : T("", !0)
-                ])) : (c(), L(le, { key: 1 }))
+                        disabled: !e(U),
+                        "data-test": "orderGiftCard",
+                        "is-loading": e(E),
+                        "onUpdate:isLoading": r[11] || (r[11] = (i) => k(E) ? E.value = i : null),
+                        onClickEvent: e(H)
+                      }, null, 8, ["label", "disabled", "is-loading", "onClickEvent"]),
+                      t("div", null, [
+                        pt,
+                        o(Ze)
+                      ]),
+                      I(t("div", mt, [
+                        o(Ae)
+                      ], 512), [
+                        [L, e(X)]
+                      ])
+                    ])) : g("", !0)
+                  ])
+                ], 8, Je))
               ]),
               _: 1
-            }, 8, ["access-token", "data-layout"])
+            }, 8, ["access-token", "data-layout", "callback"])
           ]),
-          fallback: G(() => [
-            n(Oe)
+          fallback: $(() => [
+            o(Ne)
           ]),
           _: 1
         }))
@@ -470,36 +436,36 @@ const je = { class: "gift-card-skeleton" }, Ne = { class: "gift-card-skeleton-fo
       _: 1
     }, 8, ["styling"]));
   }
-}), O = /* @__PURE__ */ de(ra, [["__scopeId", "data-v-ec9ea15b"]]), da = Pe();
-class ua extends HTMLElement {
+}), G = /* @__PURE__ */ z(ft, [["__scopeId", "data-v-278e1031"]]), bt = me(), vt = be();
+class ht extends HTMLElement {
+  vueApp;
   constructor() {
     super();
   }
+  disconnectedCallback() {
+    this.vueApp.unmount();
+  }
   connectedCallback() {
-    const f = typeof O == "function" ? O.options : O;
-    let V = Array.isArray(f.props) ? f.props : Object.keys(f.props || {});
-    console.log(f);
-    const t = (r) => r.replace(/[A-Z]+(?![a-z])|[A-Z]/g, (p, m) => (m ? "-" : "") + p.toLowerCase()), i = {};
-    V = V.map(t);
-    const v = {};
-    for (const r of this.attributes) {
-      const p = r.name, m = p.split(".");
-      console.log(p, m.length), m.length > 1 && (v[m[0]] || (v[m[0]] = {}), v[m[0]][m[1]] = r.value);
+    const n = typeof G == "function" ? G.options : G;
+    let m = Array.isArray(n.props) ? n.props : Object.keys(n.props || {});
+    const l = (u) => u.replace(/[A-Z]+(?![a-z])|[A-Z]/g, (y, b) => (b ? "-" : "") + y.toLowerCase()), c = (u) => u.replace(/-./g, (y) => y[1].toUpperCase()), h = {};
+    m = m.map(l);
+    const p = {};
+    for (const u of this.attributes) {
+      const b = u.name.split(".");
+      b.length > 1 && (p[b[0]] || (p[b[0]] = {}), p[b[0]][c(b[1])] = u.value);
     }
-    console.log(v);
-    for (const r of V) {
-      let p = this.attributes.getNamedItem(r)?.value;
-      if (v.hasOwnProperty(r) && (p = v[r]), !p)
-        break;
-      i[r] = p;
+    for (const u of m) {
+      let y = this.attributes.getNamedItem(u)?.value;
+      p.hasOwnProperty(u) && (y = p[u]), h[u] = y;
     }
-    const d = Te(O, i);
-    d.use(da), d.use(Se), d.use($e, { bootstrap: !0 });
-    const g = document.createElement("div");
-    d.mount(g), this.appendChild(g.children[0]);
+    this.vueApp = ce(G, h), ve(this.vueApp), this.vueApp.provide("emitter", vt), this.vueApp.use(bt), this.vueApp.use(fe), this.vueApp.use($e, { bootstrap: !0 });
+    const _ = document.createElement("div");
+    this.vueApp.mount(_), this.appendChild(_.children[0]);
   }
 }
-window.customElements.define("konnectio-gift-card", ua);
+window.customElements.define("konnectio-gift-card", ht);
 export {
-  ua as default
+  ht as default
 };
+//# sourceMappingURL=gift-card.js.map