@konnectio/core 4.0.56-rc5 → 4.0.56-rc50

package/dist/gift-card-validation.js

@@ -1,79 +1,115 @@
-import { k as X, F as w, s as C, a as b, c as G, o as u, m as V, w as r, G as I, p as s, x as a, H as o, z as t, J as y, l as x, K as c, L as A, M as B, n as N, N as T, P as D, Q as M, R as U, _ as H, U as P, V as R, W as $ } from "./SelectField.vue_vue_type_style_index_0_lang-XwPp5AXD.js";
-import { A as F } from "./ActionField--byx0Lp1.js";
-import { C as z } from "./Container-6UeOakwz.js";
-import "./_commonjsHelpers-4t9S7M5p.js";
-const E = (i) => (M("data-v-5af38302"), i = i(), U(), i), J = ["innerHTML"], K = {
+import { d as I, o as f, a as A, g as t, f as o, c as X, b as _, w as v, S as B, u as e, t as u, x as w, e as P, i as T, k as $ } from "./tracing-Dm-FNj-F.js";
+import { E as k, _ as L, h as N, s as x, v as E, b as U, A as C, B as O, D as z, n as F, o as H, p as j, q as R, t as Z } from "./Field.vue_vue_type_style_index_0_scoped_992f78a1_lang-CyGcXPO9.js";
+import { u as q } from "./giftCard-9uCMmY6r.js";
+import { _ as W } from "./_.vue_vue_type_style_index_0_lang-BGyUJK1I.js";
+import { A as J } from "./ActionField-BQQitCzR.js";
+import { F as S } from "./Field-B4x3qSfU.js";
+import { E as K } from "./ErrorMessage-Dw-TLplp.js";
+import "./deep-link.js";
+(function() {
+  try {
+    var r = typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {}, s = new Error().stack;
+    s && (r._sentryDebugIds = r._sentryDebugIds || {}, r._sentryDebugIds[s] = "1e80ce45-c381-4177-9430-16226e3de96e", r._sentryDebugIdIdentifier = "sentry-dbid-1e80ce45-c381-4177-9430-16226e3de96e");
+  } catch {
+  }
+})();
+const Q = { class: "gift-card-validation-skeleton" }, Y = { class: "gift-card-validation-skeleton-form" }, tt = { class: "gift-card-validation-skeleton-text" }, et = { class: "gift-card-validation-skeleton-input" }, at = /* @__PURE__ */ I({
+  __name: "GiftCardValidationSkeleton",
+  setup(r) {
+    return (s, c) => (f(), A("div", Q, [
+      t("div", Y, [
+        t("div", tt, [
+          o(k, { height: "20px" }),
+          o(k, { height: "15px" }),
+          o(k, { height: "15px" })
+        ]),
+        t("div", et, [
+          o(S),
+          o(S, { "no-label": "" })
+        ])
+      ])
+    ]));
+  }
+}), nt = /* @__PURE__ */ L(at, [["__scopeId", "data-v-b1601b74"]]), ot = ["innerHTML"], st = {
   key: 0,
-  id: "fresh-booking-gift-card-validation-resume",
-  class: "fresh-booking-panel"
-}, Q = /* @__PURE__ */ E(() => /* @__PURE__ */ a("span", null, "Loading...", -1)), W = /* @__PURE__ */ X({
+  id: "konnectio-gift-card-validation-resume",
+  class: "konnectio-panel"
+}, it = /* @__PURE__ */ I({
   name: "GiftCardValidationLayout",
   __name: "GiftCardValidation",
   props: {
     accessToken: {},
     styling: {}
   },
-  setup(i) {
-    const { t: e } = w(), {
-      voucher: p,
-      isValid: k,
-      amount: _,
-      expirationDate: v,
-      productName: L,
-      isLoading: d
-    } = C(b()), { currency: S } = C(G()), { apply: m } = b();
-    return (g, n) => (u(), V(z, { styling: g.styling }, {
-      default: r(() => [
-        (u(), V(I, null, {
-          default: r(() => [
-            s(D, {
-              id: "fresh-booking-gift-card-validation-module",
-              "access-token": g.accessToken,
-              type: "gift-card"
+  setup(r) {
+    const s = r, c = X(() => ({
+      panelMaxWidth: "800px",
+      ...s.styling
+    })), { t: i } = N(), {
+      voucher: m,
+      isValid: h,
+      amount: p,
+      expirationDate: b,
+      productName: a,
+      isLoading: n
+    } = x(E()), { currency: l, hasError: D } = x(U()), { fetchMetadata: G } = q(), { apply: V } = E();
+    return (M, d) => (f(), _(F, { styling: c.value }, {
+      default: v(() => [
+        (f(), _(B, null, {
+          default: v(() => [
+            o(W, {
+              "access-token": M.accessToken,
+              callback: e(G)
             }, {
-              default: r(() => [
-                a("form", {
-                  onSubmit: n[3] || (n[3] = T((l) => t(m)(), ["prevent"]))
+              default: v(() => [
+                e(D) ? (f(), _(K, {
+                  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."
+                })) : (f(), A("form", {
+                  key: 0,
+                  id: "konnectio-gift-card-validation-module",
+                  onSubmit: d[3] || (d[3] = T((g) => e(V)(), ["prevent"]))
                 }, [
-                  a("h4", null, [
-                    a("span", null, o(t(e)("giftCardValidation.title")), 1)
+                  t("h4", null, [
+                    t("span", null, u(e(i)("giftCardValidation.title")), 1)
                   ]),
-                  a("p", {
-                    innerHTML: t(e)("giftCardValidation.description")
-                  }, null, 8, J),
-                  s(F, {
-                    modelValue: t(p),
-                    "onUpdate:modelValue": n[0] || (n[0] = (l) => y(p) ? p.value = l : null),
+                  t("p", {
+                    innerHTML: e(i)("giftCardValidation.description")
+                  }, null, 8, ot),
+                  o(J, {
+                    modelValue: e(m),
+                    "onUpdate:modelValue": d[0] || (d[0] = (g) => w(m) ? m.value = g : null),
                     icon: "gift-card",
-                    label: t(e)("booking.reservation.giftCardCode"),
-                    buttonLabel: t(e)("giftCardValidation.submitButton"),
+                    label: e(i)("booking.reservation.giftCardCode"),
+                    buttonLabel: e(i)("giftCardValidation.submitButton"),
                     placeholder: "XXXXXXXX",
-                    "is-loading": t(d),
-                    "onUpdate:isLoading": n[1] || (n[1] = (l) => y(d) ? d.value = l : null),
-                    onAction: n[2] || (n[2] = (l) => t(m)())
+                    "is-loading": e(n),
+                    "onUpdate:isLoading": d[1] || (d[1] = (g) => w(n) ? n.value = g : null),
+                    onAction: d[2] || (d[2] = (g) => e(V)())
                   }, null, 8, ["modelValue", "label", "buttonLabel", "is-loading"]),
-                  !t(d) && t(k) ? (u(), x("table", K, [
-                    a("thead", null, [
-                      a("tr", null, [
-                        a("th", null, [
-                          a("span", null, o(t(e)("giftCardValidation.giftCard")), 1),
-                          s(c, {
+                  !e(n) && e(h) ? (f(), A("table", st, [
+                    t("thead", null, [
+                      t("tr", null, [
+                        t("th", null, [
+                          t("span", null, u(e(i)("giftCardValidation.giftCard")), 1),
+                          o(C, {
                             icon: "gift-card",
                             type: "fas",
                             color: "header"
                           })
                         ]),
-                        a("th", null, [
-                          a("span", null, o(t(e)("giftCardValidation.balance")), 1),
-                          s(c, {
+                        t("th", null, [
+                          t("span", null, u(e(i)("giftCardValidation.balance")), 1),
+                          o(C, {
                             icon: "money-bill",
                             type: "fas",
                             color: "header"
                           })
                         ]),
-                        a("th", null, [
-                          a("span", null, o(t(e)("giftCardValidation.expirationDate")), 1),
-                          s(c, {
+                        t("th", null, [
+                          t("span", null, u(e(i)("giftCardValidation.expirationDate")), 1),
+                          o(C, {
                             icon: "timer",
                             type: "fas",
                             color: "header"
@@ -81,27 +117,27 @@ const E = (i) => (M("data-v-5af38302"), i = i(), U(), i), J = ["innerHTML"], K =
                         ])
                       ])
                     ]),
-                    a("tbody", null, [
-                      a("tr", null, [
-                        a("td", null, [
-                          a("span", null, o(t(L)), 1)
+                    t("tbody", null, [
+                      t("tr", null, [
+                        t("td", null, [
+                          t("span", null, u(e(a)), 1)
                         ]),
-                        a("td", null, [
-                          a("span", null, o(t(A)(t(_), t(S))), 1)
+                        t("td", null, [
+                          t("span", null, u(e(O)(e(p), e(l))), 1)
                         ]),
-                        a("td", null, [
-                          a("span", null, o(t(B)(t(v))), 1)
+                        t("td", null, [
+                          t("span", null, u(e(z)(e(b))), 1)
                         ])
                       ])
                     ])
-                  ])) : N("", !0)
-                ], 32)
+                  ])) : P("", !0)
+                ], 32))
               ]),
               _: 1
-            }, 8, ["access-token"])
+            }, 8, ["access-token", "callback"])
           ]),
-          fallback: r(() => [
-            Q
+          fallback: v(() => [
+            o(nt)
           ]),
           _: 1
         }))
@@ -109,15 +145,36 @@ const E = (i) => (M("data-v-5af38302"), i = i(), U(), i), J = ["innerHTML"], K =
       _: 1
     }, 8, ["styling"]));
   }
-}), h = /* @__PURE__ */ H(W, [["__scopeId", "data-v-5af38302"]]), f = P({ components: { GiftCardValidation: h } }), j = R();
-f.use(j);
-f.use($);
-f.mount("#konnectio-gift-card-validation-app");
-const aa = {
-  install: (i) => {
-    i.component("GiftCardValidation", h);
+}), y = /* @__PURE__ */ L(it, [["__scopeId", "data-v-ae703950"]]), lt = H(), rt = Z();
+class dt extends HTMLElement {
+  vueApp;
+  constructor() {
+    super();
   }
-};
+  disconnectedCallback() {
+    this.vueApp.unmount();
+  }
+  connectedCallback() {
+    const s = typeof y == "function" ? y.options : y;
+    let c = Array.isArray(s.props) ? s.props : Object.keys(s.props || {});
+    const i = (a) => a.replace(/[A-Z]+(?![a-z])|[A-Z]/g, (n, l) => (l ? "-" : "") + n.toLowerCase()), m = (a) => a.replace(/-./g, (n) => n[1].toUpperCase()), h = {};
+    c = c.map(i);
+    const p = {};
+    for (const a of this.attributes) {
+      const l = a.name.split(".");
+      l.length > 1 && (p[l[0]] || (p[l[0]] = {}), p[l[0]][m(l[1])] = a.value);
+    }
+    for (const a of c) {
+      let n = this.attributes.getNamedItem(a)?.value;
+      p.hasOwnProperty(a) && (n = p[a]), h[a] = n;
+    }
+    this.vueApp = $(y, h), j(this.vueApp), this.vueApp.provide("emitter", rt), this.vueApp.use(lt), this.vueApp.use(R);
+    const b = document.createElement("div");
+    this.vueApp.mount(b), this.appendChild(b.children[0]);
+  }
+}
+window.customElements.define("konnectio-gift-card-validation", dt);
 export {
-  aa as default
+  dt as default
 };
+//# sourceMappingURL=gift-card-validation.js.map