@konnectio/core 4.0.55 → 4.0.56-rc10

package/dist/gift-card-validation.js

@@ -1,80 +1,78 @@
-import { k as S, F as X, s as _, a as y, c as w, m as u, n as C, w as r, G as x, p as l, A as a, H as o, q as t, J as V, v as A, K as c, L as G, M as I, x as B, N, P as T, Q as D, R as M, _ as U, U as H, V as P, W as R } from "./SelectField.vue_vue_type_style_index_0_lang-11cea6ba.js";
-import { A as $ } from "./ActionField-89f587d4.js";
-import { C as F } from "./Container-9f1ed24c.js";
-import "./_commonjsHelpers-aeeeeb92.js";
-import "./NumberField.vue_vue_type_script_setup_true_lang-ce6f0b17.js";
-const q = (s) => (D("data-v-5af38302"), s = s(), M(), s), E = ["innerHTML"], J = {
+import { k as w, B as A, s as k, a as V, c as S, o as b, m as _, w as m, D as X, p, x as t, F as s, z as a, G as v, l as I, H as y, J as x, K as B, n as N, L as T, M as D, N as E, P as M, Q as G, _ as H, R as U, U as P, V as R } from "./SelectField.vue_vue_type_style_index_0_lang-Throo8e2.js";
+import { A as $ } from "./ActionField-1TedZ-ol.js";
+import "./_commonjsHelpers-2ufMB8rV.js";
+const F = (i) => (M("data-v-0b17aac3"), i = i(), G(), i), j = ["innerHTML"], z = {
   key: 0,
   id: "fresh-booking-gift-card-validation-resume",
   class: "fresh-booking-panel"
-}, K = /* @__PURE__ */ q(() => /* @__PURE__ */ a("span", null, "Loading...", -1)), Q = /* @__PURE__ */ S({
+}, J = /* @__PURE__ */ F(() => /* @__PURE__ */ t("span", null, "Loading...", -1)), K = /* @__PURE__ */ w({
   name: "GiftCardValidationLayout",
   __name: "GiftCardValidation",
   props: {
     accessToken: {},
     styling: {}
   },
-  setup(s) {
-    const { t: e } = X(), {
-      voucher: p,
-      isValid: b,
-      amount: h,
-      expirationDate: k,
-      productName: v,
-      isLoading: d
-    } = _(y()), { currency: L } = _(w()), { apply: m } = y();
-    return (g, n) => (u(), C(F, { styling: g.styling }, {
-      default: r(() => [
-        (u(), C(x, null, {
-          default: r(() => [
-            l(T, {
+  setup(i) {
+    const { t: e } = A(), {
+      voucher: l,
+      isValid: c,
+      amount: r,
+      expirationDate: u,
+      productName: f,
+      isLoading: o
+    } = k(V()), { currency: L } = k(S()), { apply: h } = V();
+    return (C, n) => (b(), _(E, { styling: C.styling }, {
+      default: m(() => [
+        (b(), _(X, null, {
+          default: m(() => [
+            p(D, {
               id: "fresh-booking-gift-card-validation-module",
-              "access-token": g.accessToken,
+              "access-token": C.accessToken,
               type: "gift-card"
             }, {
-              default: r(() => [
-                a("form", {
-                  onSubmit: n[3] || (n[3] = N((i) => t(m)(), ["prevent"]))
+              default: m(() => [
+                t("form", {
+                  onSubmit: n[3] || (n[3] = T((d) => a(h)(), ["prevent"]))
                 }, [
-                  a("h4", null, [
-                    a("span", null, o(t(e)("giftCardValidation.title")), 1)
+                  t("h4", null, [
+                    t("span", null, s(a(e)("giftCardValidation.title")), 1)
                   ]),
-                  a("p", {
-                    innerHTML: t(e)("giftCardValidation.description")
-                  }, null, 8, E),
-                  l($, {
-                    modelValue: t(p),
-                    "onUpdate:modelValue": n[0] || (n[0] = (i) => V(p) ? p.value = i : null),
+                  t("p", {
+                    innerHTML: a(e)("giftCardValidation.description")
+                  }, null, 8, j),
+                  p($, {
+                    modelValue: a(l),
+                    "onUpdate:modelValue": n[0] || (n[0] = (d) => v(l) ? l.value = d : null),
                     icon: "gift-card",
-                    label: t(e)("booking.reservation.giftCardCode"),
-                    buttonLabel: t(e)("giftCardValidation.submitButton"),
+                    label: a(e)("booking.reservation.giftCardCode"),
+                    buttonLabel: a(e)("giftCardValidation.submitButton"),
                     placeholder: "XXXXXXXX",
-                    "is-loading": t(d),
-                    "onUpdate:isLoading": n[1] || (n[1] = (i) => V(d) ? d.value = i : null),
-                    onAction: n[2] || (n[2] = (i) => t(m)())
+                    "is-loading": a(o),
+                    "onUpdate:isLoading": n[1] || (n[1] = (d) => v(o) ? o.value = d : null),
+                    onAction: n[2] || (n[2] = (d) => a(h)())
                   }, null, 8, ["modelValue", "label", "buttonLabel", "is-loading"]),
-                  !t(d) && t(b) ? (u(), A("table", J, [
-                    a("thead", null, [
-                      a("tr", null, [
-                        a("th", null, [
-                          a("span", null, o(t(e)("giftCardValidation.giftCard")), 1),
-                          l(c, {
+                  !a(o) && a(c) ? (b(), I("table", z, [
+                    t("thead", null, [
+                      t("tr", null, [
+                        t("th", null, [
+                          t("span", null, s(a(e)("giftCardValidation.giftCard")), 1),
+                          p(y, {
                             icon: "gift-card",
                             type: "fas",
                             color: "header"
                           })
                         ]),
-                        a("th", null, [
-                          a("span", null, o(t(e)("giftCardValidation.balance")), 1),
-                          l(c, {
+                        t("th", null, [
+                          t("span", null, s(a(e)("giftCardValidation.balance")), 1),
+                          p(y, {
                             icon: "money-bill",
                             type: "fas",
                             color: "header"
                           })
                         ]),
-                        a("th", null, [
-                          a("span", null, o(t(e)("giftCardValidation.expirationDate")), 1),
-                          l(c, {
+                        t("th", null, [
+                          t("span", null, s(a(e)("giftCardValidation.expirationDate")), 1),
+                          p(y, {
                             icon: "timer",
                             type: "fas",
                             color: "header"
@@ -82,27 +80,27 @@ const q = (s) => (D("data-v-5af38302"), s = s(), M(), s), E = ["innerHTML"], J =
                         ])
                       ])
                     ]),
-                    a("tbody", null, [
-                      a("tr", null, [
-                        a("td", null, [
-                          a("span", null, o(t(v)), 1)
+                    t("tbody", null, [
+                      t("tr", null, [
+                        t("td", null, [
+                          t("span", null, s(a(f)), 1)
                         ]),
-                        a("td", null, [
-                          a("span", null, o(t(G)(t(h), t(L))), 1)
+                        t("td", null, [
+                          t("span", null, s(a(x)(a(r), a(L))), 1)
                         ]),
-                        a("td", null, [
-                          a("span", null, o(t(I)(t(k))), 1)
+                        t("td", null, [
+                          t("span", null, s(a(B)(a(u))), 1)
                         ])
                       ])
                     ])
-                  ])) : B("", !0)
+                  ])) : N("", !0)
                 ], 32)
               ]),
               _: 1
             }, 8, ["access-token"])
           ]),
-          fallback: r(() => [
-            K
+          fallback: m(() => [
+            J
           ]),
           _: 1
         }))
@@ -110,11 +108,26 @@ const q = (s) => (D("data-v-5af38302"), s = s(), M(), s), E = ["innerHTML"], J =
       _: 1
     }, 8, ["styling"]));
   }
-});
-const W = /* @__PURE__ */ U(Q, [["__scopeId", "data-v-5af38302"]]), f = H({ components: { GiftCardValidation: W } }), j = P();
-f.use(j);
-f.use(R);
-f.mount("#konnectio-gift-card-validation-app");
+}), g = /* @__PURE__ */ H(K, [["__scopeId", "data-v-0b17aac3"]]), O = U();
+class Q extends HTMLElement {
+  constructor() {
+    super();
+  }
+  connectedCallback() {
+    const e = typeof g == "function" ? g.options : g, l = Array.isArray(e.props) ? e.props : Object.keys(e.props || {}), c = {};
+    for (const f of l) {
+      const o = this.attributes.getNamedItem(f)?.value;
+      if (!o)
+        break;
+      c[f] = o;
+    }
+    const r = P(g, c);
+    r.use(O), r.use(R);
+    const u = document.createElement("div");
+    r.mount(u), this.appendChild(u.children[0]);
+  }
+}
+window.customElements.define("konnectio-gift-card-validation", Q);
 export {
-  f as default
+  Q as default
 };