@konnectio/core 4.0.56-rc22 → 4.0.56-rc24

package/dist/gift-card-validation.js

@@ -1,79 +1,78 @@
-import { d as L, o as h, h as X, b as t, f as o, E as _, g as S, j as E, B as y, X as V, D as B, a as A, w as m, S as G, t as c, u as e, H as w, M as C, N, R as T, i as $, m as D, q as I, s as M, y as z, z as H, A as U } from "./_-KavQ60qi.js";
-import { A as j } from "./ActionField-ZJdtBRXa.js";
-import { F as x } from "./Field-Kwm-GcDa.js";
-const F = { class: "gift-card-validation-skeleton" }, O = { class: "gift-card-validation-skeleton-form" }, P = { class: "gift-card-validation-skeleton-text" }, R = { class: "gift-card-validation-skeleton-input" }, Z = /* @__PURE__ */ L({
+import { d as w, f as h, g as S, h as t, k as s, $ as _, a0 as y, x as X, u as E, s as V, P as A, c as $, n as x, z as m, S as G, A as c, j as e, l as L, a1 as k, a2 as T, a3 as B, m as D, t as I, D as M, E as N, J as z, K as P, L as U, M as j } from "./Field-wvMopAED.js";
+import { A as H } from "./ActionField-h6vpGaYw.js";
+const O = { class: "gift-card-validation-skeleton" }, F = { class: "gift-card-validation-skeleton-form" }, R = { class: "gift-card-validation-skeleton-text" }, Z = { class: "gift-card-validation-skeleton-input" }, J = /* @__PURE__ */ w({
   __name: "GiftCardValidationSkeleton",
-  setup(k) {
-    return (n, l) => (h(), X("div", F, [
-      t("div", O, [
-        t("div", P, [
-          o(_, { height: "20px" }),
-          o(_, { height: "15px" }),
-          o(_, { height: "15px" })
-        ]),
+  setup(C) {
+    return (n, l) => (h(), S("div", O, [
+      t("div", F, [
         t("div", R, [
-          o(x),
-          o(x, { "no-label": "" })
+          s(_, { height: "20px" }),
+          s(_, { height: "15px" }),
+          s(_, { height: "15px" })
+        ]),
+        t("div", Z, [
+          s(y),
+          s(y, { "no-label": "" })
         ])
       ])
     ]));
   }
-}), q = /* @__PURE__ */ S(Z, [["__scopeId", "data-v-0b8074bf"]]), J = ["innerHTML"], K = {
+}), K = /* @__PURE__ */ X(J, [["__scopeId", "data-v-b1601b74"]]), q = ["innerHTML"], Q = {
   key: 0,
   id: "fresh-booking-gift-card-validation-resume",
   class: "fresh-booking-panel"
-}, Q = /* @__PURE__ */ L({
+}, W = /* @__PURE__ */ w({
   name: "GiftCardValidationLayout",
   __name: "GiftCardValidation",
   props: {
     accessToken: {},
     styling: {}
   },
-  setup(k) {
+  setup(C) {
     const { t: n } = E(), {
       voucher: l,
-      isValid: b,
-      amount: v,
+      isValid: v,
+      amount: b,
       expirationDate: f,
       productName: d,
       isLoading: p
-    } = y(V()), { currency: a } = y(B()), { apply: s } = V();
-    return (i, r) => (h(), A(M, { styling: i.styling }, {
+    } = V(A()), { currency: a } = V($()), { apply: o } = A();
+    return (i, r) => (h(), x(N, { styling: i.styling }, {
       default: m(() => [
-        (h(), A(G, null, {
+        (h(), x(G, null, {
           default: m(() => [
-            o(I, {
+            s(M, {
               id: "fresh-booking-gift-card-validation-module",
               "access-token": i.accessToken,
               type: "gift-card"
             }, {
               default: m(() => [
                 t("form", {
-                  onSubmit: r[3] || (r[3] = D((u) => e(s)(), ["prevent"]))
+                  onSubmit: r[3] || (r[3] = I((u) => e(o)(), ["prevent"]))
                 }, [
                   t("h4", null, [
                     t("span", null, c(e(n)("giftCardValidation.title")), 1)
                   ]),
                   t("p", {
                     innerHTML: e(n)("giftCardValidation.description")
-                  }, null, 8, J),
-                  o(j, {
+                  }, null, 8, q),
+                  s(H, {
                     modelValue: e(l),
-                    "onUpdate:modelValue": r[0] || (r[0] = (u) => w(l) ? l.value = u : null),
+                    "onUpdate:modelValue": r[0] || (r[0] = (u) => L(l) ? l.value = u : null),
                     icon: "gift-card",
                     label: e(n)("booking.reservation.giftCardCode"),
                     buttonLabel: e(n)("giftCardValidation.submitButton"),
                     placeholder: "XXXXXXXX",
                     "is-loading": e(p),
-                    "onUpdate:isLoading": r[1] || (r[1] = (u) => w(p) ? p.value = u : null),
-                    onAction: r[2] || (r[2] = (u) => e(s)())
+                    "onUpdate:isLoading": r[1] || (r[1] = (u) => L(p) ? p.value = u : null),
+                    onAction: r[2] || (r[2] = (u) => e(o)())
                   }, null, 8, ["modelValue", "label", "buttonLabel", "is-loading"]),
-                  !e(p) && e(b) ? (h(), X("table", K, [
+                  !e(p) && e(v) ? (h(), S("table", Q, [
                     t("thead", null, [
                       t("tr", null, [
                         t("th", null, [
                           t("span", null, c(e(n)("giftCardValidation.giftCard")), 1),
-                          o(C, {
+                          s(k, {
                             icon: "gift-card",
                             type: "fas",
                             color: "header"
@@ -81,7 +80,7 @@ const F = { class: "gift-card-validation-skeleton" }, O = { class: "gift-card-va
                         ]),
                         t("th", null, [
                           t("span", null, c(e(n)("giftCardValidation.balance")), 1),
-                          o(C, {
+                          s(k, {
                             icon: "money-bill",
                             type: "fas",
                             color: "header"
@@ -89,7 +88,7 @@ const F = { class: "gift-card-validation-skeleton" }, O = { class: "gift-card-va
                         ]),
                         t("th", null, [
                           t("span", null, c(e(n)("giftCardValidation.expirationDate")), 1),
-                          o(C, {
+                          s(k, {
                             icon: "timer",
                             type: "fas",
                             color: "header"
@@ -103,21 +102,21 @@ const F = { class: "gift-card-validation-skeleton" }, O = { class: "gift-card-va
                           t("span", null, c(e(d)), 1)
                         ]),
                         t("td", null, [
-                          t("span", null, c(e(N)(e(v), e(a))), 1)
+                          t("span", null, c(e(T)(e(b), e(a))), 1)
                         ]),
                         t("td", null, [
-                          t("span", null, c(e(T)(e(f))), 1)
+                          t("span", null, c(e(B)(e(f))), 1)
                         ])
                       ])
                     ])
-                  ])) : $("", !0)
+                  ])) : D("", !0)
                 ], 32)
               ]),
               _: 1
             }, 8, ["access-token"])
           ]),
           fallback: m(() => [
-            o(q)
+            s(K)
           ]),
           _: 1
         }))
@@ -125,8 +124,8 @@ const F = { class: "gift-card-validation-skeleton" }, O = { class: "gift-card-va
       _: 1
     }, 8, ["styling"]));
   }
-}), g = /* @__PURE__ */ S(Q, [["__scopeId", "data-v-b19b4a0e"]]), W = z();
-class Y extends HTMLElement {
+}), g = /* @__PURE__ */ X(W, [["__scopeId", "data-v-b19b4a0e"]]), Y = z(), tt = j();
+class et extends HTMLElement {
   vueApp;
   constructor() {
     super();
@@ -137,23 +136,23 @@ class Y extends HTMLElement {
   connectedCallback() {
     const n = typeof g == "function" ? g.options : g;
     let l = Array.isArray(n.props) ? n.props : Object.keys(n.props || {});
-    const b = (a) => a.replace(/[A-Z]+(?![a-z])|[A-Z]/g, (s, i) => (i ? "-" : "") + s.toLowerCase()), v = (a) => a.replace(/-./g, (s) => s[1].toUpperCase()), f = {};
-    l = l.map(b);
+    const v = (a) => a.replace(/[A-Z]+(?![a-z])|[A-Z]/g, (o, i) => (i ? "-" : "") + o.toLowerCase()), b = (a) => a.replace(/-./g, (o) => o[1].toUpperCase()), f = {};
+    l = l.map(v);
     const d = {};
     for (const a of this.attributes) {
       const i = a.name.split(".");
-      i.length > 1 && (d[i[0]] || (d[i[0]] = {}), d[i[0]][v(i[1])] = a.value);
+      i.length > 1 && (d[i[0]] || (d[i[0]] = {}), d[i[0]][b(i[1])] = a.value);
     }
     for (const a of l) {
-      let s = this.attributes.getNamedItem(a)?.value;
-      d.hasOwnProperty(a) && (s = d[a]), f[a] = s;
+      let o = this.attributes.getNamedItem(a)?.value;
+      d.hasOwnProperty(a) && (o = d[a]), f[a] = o;
     }
-    this.vueApp = H(g, f), this.vueApp.use(W), this.vueApp.use(U);
+    this.vueApp = P(g, f), this.vueApp.provide("emitter", tt), this.vueApp.use(Y), this.vueApp.use(U);
     const p = document.createElement("div");
     this.vueApp.mount(p), this.appendChild(p.children[0]);
   }
 }
-window.customElements.define("konnectio-gift-card-validation", Y);
+window.customElements.define("konnectio-gift-card-validation", et);
 export {
-  Y as default
+  et as default
 };