@konnectio/core 4.0.56-rc31 → 4.0.56-rc33

package/dist/gift-card-validation.js

@@ -1,94 +1,104 @@
-import { d as w, f as h, g as S, h as t, m as s, a0 as _, a1 as y, v as X, u as E, s as V, P as A, c as $, k as x, x as m, S as G, A as c, j as e, $ as L, a2 as k, a3 as T, a4 as B, l as D, q as I, D as M, E as N, J as P, K as U, L as j, M as z } from "./Field-C9r1d8IB.js";
-import { A as H } from "./ActionField-qP-3ktN4.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" }, q = /* @__PURE__ */ w({
+import { d as G, o as u, c as V, f as t, e as o, E as k, _ as S, i as B, u as N, K as x, L, N as P, a as y, w as v, S as T, g as e, t as d, a2 as w, a3 as C, a4 as $, a5 as D, b as I, q as U, v as O, x as z, A as F, B as H, D as j, G as R } from "./Field.vue_vue_type_style_index_0_scoped_992f78a1_lang-Bsv17X7r.js";
+import { A as Z } from "./ActionField-tze5AH3K.js";
+import { F as E } from "./Field-oZiblvji.js";
+import { E as q } from "./ErrorMessage-BzZDhDkX.js";
+const K = { class: "gift-card-validation-skeleton" }, W = { class: "gift-card-validation-skeleton-form" }, J = { class: "gift-card-validation-skeleton-text" }, Q = { class: "gift-card-validation-skeleton-input" }, Y = /* @__PURE__ */ G({
   __name: "GiftCardValidationSkeleton",
-  setup(C) {
-    return (n, l) => (h(), S("div", O, [
-      t("div", F, [
-        t("div", R, [
-          s(_, { height: "20px" }),
-          s(_, { height: "15px" }),
-          s(_, { height: "15px" })
+  setup(_) {
+    return (c, p) => (u(), V("div", K, [
+      t("div", W, [
+        t("div", J, [
+          o(k, { height: "20px" }),
+          o(k, { height: "15px" }),
+          o(k, { height: "15px" })
         ]),
-        t("div", Z, [
-          s(y),
-          s(y, { "no-label": "" })
+        t("div", Q, [
+          o(E),
+          o(E, { "no-label": "" })
         ])
       ])
     ]));
   }
-}), J = /* @__PURE__ */ X(q, [["__scopeId", "data-v-b1601b74"]]), K = ["innerHTML"], Q = {
+}), tt = /* @__PURE__ */ S(Y, [["__scopeId", "data-v-b1601b74"]]), et = ["innerHTML"], at = {
   key: 0,
-  id: "fresh-booking-gift-card-validation-resume",
+  id: "konnectio-gift-card-validation-resume",
   class: "fresh-booking-panel"
-}, W = /* @__PURE__ */ w({
+}, nt = /* @__PURE__ */ G({
   name: "GiftCardValidationLayout",
   __name: "GiftCardValidation",
   props: {
     accessToken: {},
     styling: {}
   },
-  setup(C) {
-    const { t: n } = E(), {
-      voucher: l,
-      isValid: v,
-      amount: b,
-      expirationDate: f,
-      productName: d,
-      isLoading: p
-    } = V(A()), { currency: a } = V($()), { apply: o } = A();
-    return (i, r) => (h(), x(N, { styling: i.styling }, {
-      default: m(() => [
-        (h(), x(G, null, {
-          default: m(() => [
-            s(M, {
-              id: "fresh-booking-gift-card-validation-module",
-              "access-token": i.accessToken,
-              type: "gift-card"
+  setup(_) {
+    const c = _, p = B(() => ({
+      panelMaxWidth: "800px",
+      ...c.styling
+    })), { t: s } = N(), {
+      voucher: f,
+      isValid: g,
+      amount: r,
+      expirationDate: h,
+      productName: a,
+      isLoading: n
+    } = x(L()), { currency: i, hasError: X } = x(P()), { apply: A } = L();
+    return (M, l) => (u(), y(z, { styling: p.value }, {
+      default: v(() => [
+        (u(), y(T, null, {
+          default: v(() => [
+            o(O, {
+              type: "gift-card",
+              "access-token": M.accessToken
             }, {
-              default: m(() => [
-                t("form", {
-                  onSubmit: r[3] || (r[3] = I((u) => e(o)(), ["prevent"]))
+              default: v(() => [
+                e(X) ? (u(), y(q, {
+                  key: 1,
+                  title: "Unable to render Gift card validation module",
+                  description: "Gift card functionality hasn't been setup for this account. Please contact Octopus PMS for support."
+                })) : (u(), V("form", {
+                  key: 0,
+                  id: "konnectio-gift-card-validation-module",
+                  onSubmit: l[3] || (l[3] = U((m) => e(A)(), ["prevent"]))
                 }, [
                   t("h4", null, [
-                    t("span", null, c(e(n)("giftCardValidation.title")), 1)
+                    t("span", null, d(e(s)("giftCardValidation.title")), 1)
                   ]),
                   t("p", {
-                    innerHTML: e(n)("giftCardValidation.description")
-                  }, null, 8, K),
-                  s(H, {
-                    modelValue: e(l),
-                    "onUpdate:modelValue": r[0] || (r[0] = (u) => L(l) ? l.value = u : null),
+                    innerHTML: e(s)("giftCardValidation.description")
+                  }, null, 8, et),
+                  o(Z, {
+                    modelValue: e(f),
+                    "onUpdate:modelValue": l[0] || (l[0] = (m) => w(f) ? f.value = m : null),
                     icon: "gift-card",
-                    label: e(n)("booking.reservation.giftCardCode"),
-                    buttonLabel: e(n)("giftCardValidation.submitButton"),
+                    label: e(s)("booking.reservation.giftCardCode"),
+                    buttonLabel: e(s)("giftCardValidation.submitButton"),
                     placeholder: "XXXXXXXX",
-                    "is-loading": e(p),
-                    "onUpdate:isLoading": r[1] || (r[1] = (u) => L(p) ? p.value = u : null),
-                    onAction: r[2] || (r[2] = (u) => e(o)())
+                    "is-loading": e(n),
+                    "onUpdate:isLoading": l[1] || (l[1] = (m) => w(n) ? n.value = m : null),
+                    onAction: l[2] || (l[2] = (m) => e(A)())
                   }, null, 8, ["modelValue", "label", "buttonLabel", "is-loading"]),
-                  !e(p) && e(v) ? (h(), S("table", Q, [
+                  !e(n) && e(g) ? (u(), V("table", at, [
                     t("thead", null, [
                       t("tr", null, [
                         t("th", null, [
-                          t("span", null, c(e(n)("giftCardValidation.giftCard")), 1),
-                          s(k, {
+                          t("span", null, d(e(s)("giftCardValidation.giftCard")), 1),
+                          o(C, {
                             icon: "gift-card",
                             type: "fas",
                             color: "header"
                           })
                         ]),
                         t("th", null, [
-                          t("span", null, c(e(n)("giftCardValidation.balance")), 1),
-                          s(k, {
+                          t("span", null, d(e(s)("giftCardValidation.balance")), 1),
+                          o(C, {
                             icon: "money-bill",
                             type: "fas",
                             color: "header"
                           })
                         ]),
                         t("th", null, [
-                          t("span", null, c(e(n)("giftCardValidation.expirationDate")), 1),
-                          s(k, {
+                          t("span", null, d(e(s)("giftCardValidation.expirationDate")), 1),
+                          o(C, {
                             icon: "timer",
                             type: "fas",
                             color: "header"
@@ -99,24 +109,24 @@ const O = { class: "gift-card-validation-skeleton" }, F = { class: "gift-card-va
                     t("tbody", null, [
                       t("tr", null, [
                         t("td", null, [
-                          t("span", null, c(e(d)), 1)
+                          t("span", null, d(e(a)), 1)
                         ]),
                         t("td", null, [
-                          t("span", null, c(e(T)(e(b), e(a))), 1)
+                          t("span", null, d(e($)(e(r), e(i))), 1)
                         ]),
                         t("td", null, [
-                          t("span", null, c(e(B)(e(f))), 1)
+                          t("span", null, d(e(D)(e(h))), 1)
                         ])
                       ])
                     ])
-                  ])) : D("", !0)
-                ], 32)
+                  ])) : I("", !0)
+                ], 32))
               ]),
               _: 1
             }, 8, ["access-token"])
           ]),
-          fallback: m(() => [
-            s(J)
+          fallback: v(() => [
+            o(tt)
           ]),
           _: 1
         }))
@@ -124,8 +134,8 @@ const O = { class: "gift-card-validation-skeleton" }, F = { class: "gift-card-va
       _: 1
     }, 8, ["styling"]));
   }
-}), g = /* @__PURE__ */ X(W, [["__scopeId", "data-v-b19b4a0e"]]), Y = P(), tt = z();
-class et extends HTMLElement {
+}), b = /* @__PURE__ */ S(nt, [["__scopeId", "data-v-be3fa5bf"]]), ot = F(), st = R();
+class it extends HTMLElement {
   vueApp;
   constructor() {
     super();
@@ -134,25 +144,25 @@ class et extends HTMLElement {
     this.vueApp.unmount();
   }
   connectedCallback() {
-    const n = typeof g == "function" ? g.options : g;
-    let l = Array.isArray(n.props) ? n.props : Object.keys(n.props || {});
-    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 = {};
+    const c = typeof b == "function" ? b.options : b;
+    let p = Array.isArray(c.props) ? c.props : Object.keys(c.props || {});
+    const s = (a) => a.replace(/[A-Z]+(?![a-z])|[A-Z]/g, (n, i) => (i ? "-" : "") + n.toLowerCase()), f = (a) => a.replace(/-./g, (n) => n[1].toUpperCase()), g = {};
+    p = p.map(s);
+    const r = {};
     for (const a of this.attributes) {
       const i = a.name.split(".");
-      i.length > 1 && (d[i[0]] || (d[i[0]] = {}), d[i[0]][b(i[1])] = a.value);
+      i.length > 1 && (r[i[0]] || (r[i[0]] = {}), r[i[0]][f(i[1])] = a.value);
     }
-    for (const a of l) {
-      let o = this.attributes.getNamedItem(a)?.value;
-      d.hasOwnProperty(a) && (o = d[a]), f[a] = o;
+    for (const a of p) {
+      let n = this.attributes.getNamedItem(a)?.value;
+      r.hasOwnProperty(a) && (n = r[a]), g[a] = n;
     }
-    this.vueApp = U(g, f), this.vueApp.provide("emitter", tt), this.vueApp.use(Y), this.vueApp.use(j);
-    const p = document.createElement("div");
-    this.vueApp.mount(p), this.appendChild(p.children[0]);
+    this.vueApp = H(b, g), this.vueApp.provide("emitter", st), this.vueApp.use(ot), this.vueApp.use(j);
+    const h = document.createElement("div");
+    this.vueApp.mount(h), this.appendChild(h.children[0]);
   }
 }
-window.customElements.define("konnectio-gift-card-validation", et);
+window.customElements.define("konnectio-gift-card-validation", it);
 export {
-  et as default
+  it as default
 };