@konnectio/core 4.4.8 → 4.5.0

package/dist/gift-card-validation.js

@@ -1,162 +1,115 @@
-import { d as x, h as v, a as s, e as t, f as a, u as P, s as k, c as m, w as u, S as T, g as e, j as $, i as B, t as i, z as b, b as I, k as D, _ as N, l as U, m as F, p as H } from "./mitt-Cj---5fy.js";
-import { _ as A, y as C, f as R, I as h, p as j, s as z, C as O } from "./SelectField.vue_vue_type_style_index_0_lang-DJhjUqti.js";
-import { u as W } from "./giftCard-D-f02FPM.js";
-import { _ as q } from "./_.vue_vue_type_style_index_0_lang-C8tlnRr1.js";
-import { A as J } from "./ActionField-DjYUsVEl.js";
-import { E as g } from "./Field.vue_vue_type_style_index_0_scoped_6ef33e68_lang-B40vQ6md.js";
-import { F as y } from "./Field-BxQDGBO6.js";
-import { E as K } from "./ErrorMessage-C-LZif3u.js";
-import { G as Q } from "./style-DLdT0Zxs.js";
-const Y = { class: "gift-card-validation-skeleton" }, Z = { class: "gift-card-validation-skeleton-form" }, tt = { class: "gift-card-validation-skeleton-text" }, et = { class: "gift-card-validation-skeleton-input" }, at = /* @__PURE__ */ x({
-  __name: "GiftCardValidationSkeleton",
-  setup(d) {
-    return (c, l) => (s(), v("div", Y, [
-      t("div", Z, [
-        t("div", tt, [
-          a(g, { height: "20px" }),
-          a(g, { height: "15px" }),
-          a(g, { height: "15px" })
-        ]),
-        t("div", et, [
-          a(y),
-          a(y, { "no-label": "" })
-        ])
-      ])
-    ]));
-  }
-}), nt = /* @__PURE__ */ A(at, [["__scopeId", "data-v-b1601b74"]]), ot = ["innerHTML"], it = {
-  key: 0,
-  id: "konnectio-gift-card-validation-resume",
-  class: "konnectio-panel"
-}, st = /* @__PURE__ */ x({
-  name: "GiftCardValidationLayout",
-  __name: "GiftCardValidation",
-  props: {
-    accessToken: {},
-    styling: {}
-  },
-  setup(d) {
-    const c = d, l = I(() => ({
-      panelMaxWidth: "800px",
-      ...c.styling
-    })), { t: o } = P(), {
-      voucher: f,
-      isValid: G,
-      amount: E,
-      expirationDate: S,
-      productName: w,
-      isLoading: p
-    } = k(C()), { currency: L, hasError: M } = k(R()), { fetchMetadata: X } = W(), { apply: _ } = C();
-    return (pt, n) => (s(), m(O, { styling: l.value }, {
-      default: u(() => [
-        (s(), m(T, null, {
-          default: u(() => [
-            a(q, {
-              "access-token": d.accessToken,
-              callback: e(X)
-            }, {
-              default: u(() => [
-                e(M) ? (s(), m(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."
-                })) : (s(), v("form", {
-                  key: 0,
-                  id: "konnectio-gift-card-validation-module",
-                  onSubmit: n[3] || (n[3] = $((r) => e(_)(), ["prevent"]))
-                }, [
-                  t("h4", null, [
-                    t("span", null, i(e(o)("giftCardValidation.title")), 1)
-                  ]),
-                  t("p", {
-                    innerHTML: e(o)("giftCardValidation.description")
-                  }, null, 8, ot),
-                  a(J, {
-                    modelValue: e(f),
-                    "onUpdate:modelValue": n[0] || (n[0] = (r) => b(f) ? f.value = r : null),
-                    icon: "gift-card",
-                    label: e(o)("booking.reservation.giftCardCode"),
-                    buttonLabel: e(o)("giftCardValidation.submitButton"),
-                    placeholder: "XXXXXXXX",
-                    "is-loading": e(p),
-                    "onUpdate:isLoading": n[1] || (n[1] = (r) => b(p) ? p.value = r : null),
-                    onAction: n[2] || (n[2] = (r) => e(_)())
-                  }, null, 8, ["modelValue", "label", "buttonLabel", "is-loading"]),
-                  !e(p) && e(G) ? (s(), v("table", it, [
-                    t("thead", null, [
-                      t("tr", null, [
-                        t("th", null, [
-                          t("span", null, i(e(o)("giftCardValidation.giftCard")), 1),
-                          a(h, {
-                            icon: "gift-card",
-                            type: "fas",
-                            color: "header"
-                          })
-                        ]),
-                        t("th", null, [
-                          t("span", null, i(e(o)("giftCardValidation.balance")), 1),
-                          a(h, {
-                            icon: "money-bill",
-                            type: "fas",
-                            color: "header"
-                          })
-                        ]),
-                        t("th", null, [
-                          t("span", null, i(e(o)("giftCardValidation.expirationDate")), 1),
-                          a(h, {
-                            icon: "timer",
-                            type: "fas",
-                            color: "header"
-                          })
-                        ])
-                      ])
-                    ]),
-                    t("tbody", null, [
-                      t("tr", null, [
-                        t("td", null, [
-                          t("span", null, i(e(w)), 1)
-                        ]),
-                        t("td", null, [
-                          t("span", null, i(e(j)(e(E), e(L))), 1)
-                        ]),
-                        t("td", null, [
-                          t("span", null, i(e(z)(e(S))), 1)
-                        ])
-                      ])
-                    ])
-                  ])) : B("", !0)
-                ], 32))
-              ]),
-              _: 1
-            }, 8, ["access-token", "callback"])
-          ]),
-          fallback: u(() => [
-            a(nt)
-          ]),
-          _: 1
-        }))
-      ]),
-      _: 1
-    }, 8, ["styling"]));
-  }
-}), V = /* @__PURE__ */ A(st, [["__scopeId", "data-v-ca768ef6"]]), lt = D(), rt = N, dt = rt();
-class ct extends HTMLElement {
-  vueApp;
-  constructor() {
-    super();
-  }
-  disconnectedCallback() {
-    this.vueApp.unmount();
-  }
-  connectedCallback() {
-    const c = U(V, this.attributes);
-    this.vueApp = F(V, c), this.vueApp.provide("emitter", dt), this.vueApp.use(lt), this.vueApp.use(H), this.vueApp.use(Q);
-    const l = document.createElement("div");
-    this.vueApp.mount(l), this.appendChild(l.children[0]);
-  }
-}
-window.customElements.define("konnectio-gift-card-validation", ct);
-export {
-  ct as default
+import { At as e, D as t, E as n, Et as r, M as i, O as a, P as o, S as s, T as c, Y as l, c as u, dt as d, gt as f, k as p, o as m, p as h, r as g, s as _, t as v, u as y, y as b } from "./mitt-DrOLO7f9.js";
+import { E as x, G as S, J as C, S as w, b as T, j as E, x as D } from "./SelectField-CX4o6A18.js";
+import { t as O } from "./_-qyWkj4S8.js";
+import { t as k } from "./ErrorMessage-4qWixsXZ.js";
+import { n as A, t as j } from "./Field-CyDf8ah0.js";
+import { t as M } from "./style-k68BwP9N.js";
+import { t as N } from "./ActionField-X2QEHCxM.js";
+import { t as P } from "./giftCard-BrTMBQuW.js";
+//#region src/components/skeletons/GiftCardValidationSkeleton.vue?vue&type=script&setup=true&lang.ts
+var F = { class: "gift-card-validation-skeleton" }, I = { class: "gift-card-validation-skeleton-form" }, L = { class: "gift-card-validation-skeleton-text" }, R = { class: "gift-card-validation-skeleton-input" }, z = /* @__PURE__ */ w(/* @__PURE__ */ o({
+	__name: "GiftCardValidationSkeleton",
+	setup(e) {
+		return (e, t) => (l(), p("div", F, [n("div", I, [n("div", L, [
+			i(A, { height: "20px" }),
+			i(A, { height: "15px" }),
+			i(A, { height: "15px" })
+		]), n("div", R, [i(j), i(j, { "no-label": "" })])])]));
+	}
+}), [["__scopeId", "data-v-b1601b74"]]), B = ["innerHTML"], V = {
+	key: 0,
+	id: "konnectio-gift-card-validation-resume",
+	class: "konnectio-panel"
+}, H = /* @__PURE__ */ w(/* @__PURE__ */ o({
+	name: "GiftCardValidationLayout",
+	__name: "GiftCardValidation",
+	props: {
+		accessToken: {},
+		styling: {}
+	},
+	setup(o) {
+		let u = o, h = c(() => ({
+			panelMaxWidth: "800px",
+			...u.styling
+		})), { t: g } = m(), { voucher: _, isValid: v, amount: w, expirationDate: A, productName: j, isLoading: M } = y(E()), { currency: F, hasError: I } = y(x()), { fetchMetadata: L } = P(), { apply: R } = E();
+		return (c, u) => (l(), t(T, { styling: h.value }, {
+			default: d(() => [(l(), t(s, null, {
+				default: d(() => [i(O, {
+					"access-token": o.accessToken,
+					callback: r(L)
+				}, {
+					default: d(() => [r(I) ? (l(), t(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."
+					})) : (l(), p("form", {
+						key: 0,
+						id: "konnectio-gift-card-validation-module",
+						onSubmit: u[3] ||= b((e) => r(R)(), ["prevent"])
+					}, [
+						n("h4", null, [n("span", null, e(r(g)("giftCardValidation.title")), 1)]),
+						n("p", { innerHTML: r(g)("giftCardValidation.description") }, null, 8, B),
+						i(N, {
+							modelValue: r(_),
+							"onUpdate:modelValue": u[0] ||= (e) => f(_) ? _.value = e : null,
+							icon: "gift-card",
+							label: r(g)("booking.reservation.giftCardCode"),
+							buttonLabel: r(g)("giftCardValidation.submitButton"),
+							placeholder: "XXXXXXXX",
+							"is-loading": r(M),
+							"onUpdate:isLoading": u[1] ||= (e) => f(M) ? M.value = e : null,
+							onAction: u[2] ||= (e) => r(R)()
+						}, null, 8, [
+							"modelValue",
+							"label",
+							"buttonLabel",
+							"is-loading"
+						]),
+						!r(M) && r(v) ? (l(), p("table", V, [n("thead", null, [n("tr", null, [
+							n("th", null, [n("span", null, e(r(g)("giftCardValidation.giftCard")), 1), i(D, {
+								icon: "gift-card",
+								type: "fas",
+								color: "header"
+							})]),
+							n("th", null, [n("span", null, e(r(g)("giftCardValidation.balance")), 1), i(D, {
+								icon: "money-bill",
+								type: "fas",
+								color: "header"
+							})]),
+							n("th", null, [n("span", null, e(r(g)("giftCardValidation.expirationDate")), 1), i(D, {
+								icon: "timer",
+								type: "fas",
+								color: "header"
+							})])
+						])]), n("tbody", null, [n("tr", null, [
+							n("td", null, [n("span", null, e(r(j)), 1)]),
+							n("td", null, [n("span", null, e(r(C)(r(w), r(F))), 1)]),
+							n("td", null, [n("span", null, e(r(S)(r(A))), 1)])
+						])])])) : a("", !0)
+					], 32))]),
+					_: 1
+				}, 8, ["access-token", "callback"])]),
+				fallback: d(() => [i(z)]),
+				_: 1
+			}))]),
+			_: 1
+		}, 8, ["styling"]));
+	}
+}), [["__scopeId", "data-v-ca768ef6"]]), U = u(), W = v(), G = class extends HTMLElement {
+	vueApp;
+	constructor() {
+		super();
+	}
+	disconnectedCallback() {
+		this.vueApp.unmount();
+	}
+	connectedCallback() {
+		let e = _(H, this.attributes);
+		this.vueApp = h(H, e), this.vueApp.provide("emitter", W), this.vueApp.use(U), this.vueApp.use(g), this.vueApp.use(M);
+		let t = document.createElement("div");
+		this.vueApp.mount(t), this.appendChild(t.children[0]);
+	}
 };
-//# sourceMappingURL=gift-card-validation.js.map
+window.customElements.define("konnectio-gift-card-validation", G);
+//#endregion
+export { G as default };