@konnectio/core 4.0.56-rc39 → 4.0.56-rc40

package/dist/gift-card-validation.js

@@ -1,38 +1,40 @@
-import { d as L, o as f, c as A, f as t, e as o, g as X, a as _, w as y, S as M, u as e, t as u, s as w, b as B, i as P, k as T } from "./_commonjsHelpers-UWZO_9XV.js";
-import { E as k, _ as S, u as $, s as x, l as E, o as N, A as C, B as U, D as O, e as z, f as F, g as H, h as j, i as R, m as Z } from "./Field.vue_vue_type_style_index_0_scoped_992f78a1_lang-CITxgseu.js";
-import { A as W } from "./ActionField-Cj7yAIiF.js";
-import { F as I } from "./Field-DC9mZy8_.js";
-import { E as q } from "./ErrorMessage-B_o47rUW.js";
+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 "./_commonjsHelpers-BpcYSDvQ.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-Bi1FLGK9.js";
+import { u as q } from "./giftCard-BEp1vsXy.js";
+import { _ as W } from "./_.vue_vue_type_style_index_0_lang-CfxcWxuU.js";
+import { A as J } from "./ActionField-CD5wWyTP.js";
+import { F as S } from "./Field-Nqc4wuqz.js";
+import { E as K } from "./ErrorMessage-DACtGUvq.js";
 import "./navigation.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] = "64c17c6f-6cdf-4b95-91e9-558446ade55e", r._sentryDebugIdIdentifier = "sentry-dbid-64c17c6f-6cdf-4b95-91e9-558446ade55e");
+    s && (r._sentryDebugIds = r._sentryDebugIds || {}, r._sentryDebugIds[s] = "7c87091e-ae2a-44d8-88bf-a94a8bf9e081", r._sentryDebugIdIdentifier = "sentry-dbid-7c87091e-ae2a-44d8-88bf-a94a8bf9e081");
   } catch {
   }
 })();
-const J = { class: "gift-card-validation-skeleton" }, K = { class: "gift-card-validation-skeleton-form" }, Q = { class: "gift-card-validation-skeleton-text" }, Y = { class: "gift-card-validation-skeleton-input" }, tt = /* @__PURE__ */ L({
+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", J, [
-      t("div", K, [
-        t("div", Q, [
+    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", Y, [
-          o(I),
-          o(I, { "no-label": "" })
+        t("div", et, [
+          o(S),
+          o(S, { "no-label": "" })
         ])
       ])
     ]));
   }
-}), et = /* @__PURE__ */ S(tt, [["__scopeId", "data-v-b1601b74"]]), at = ["innerHTML"], nt = {
+}), nt = /* @__PURE__ */ L(at, [["__scopeId", "data-v-b1601b74"]]), ot = ["innerHTML"], st = {
   key: 0,
   id: "konnectio-gift-card-validation-resume",
   class: "konnectio-panel"
-}, ot = /* @__PURE__ */ L({
+}, it = /* @__PURE__ */ I({
   name: "GiftCardValidationLayout",
   __name: "GiftCardValidation",
   props: {
@@ -43,39 +45,39 @@ const J = { class: "gift-card-validation-skeleton" }, K = { class: "gift-card-va
     const s = r, c = X(() => ({
       panelMaxWidth: "800px",
       ...s.styling
-    })), { t: i } = $(), {
+    })), { t: i } = N(), {
       voucher: m,
       isValid: h,
       amount: p,
       expirationDate: b,
       productName: a,
       isLoading: n
-    } = x(E()), { currency: l, hasError: D } = x(N()), { apply: V } = E();
+    } = x(E()), { currency: l, hasError: M } = x(U()), { fetchMetadata: D } = q(), { apply: V } = E();
     return (G, d) => (f(), _(F, { styling: c.value }, {
-      default: y(() => [
-        (f(), _(M, null, {
-          default: y(() => [
-            o(z, {
-              type: "gift-card",
-              "access-token": G.accessToken
+      default: v(() => [
+        (f(), _(B, null, {
+          default: v(() => [
+            o(W, {
+              "access-token": G.accessToken,
+              onMetadata: e(D)
             }, {
-              default: y(() => [
-                e(D) ? (f(), _(q, {
+              default: v(() => [
+                e(M) ? (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] = P((g) => e(V)(), ["prevent"]))
+                  onSubmit: d[3] || (d[3] = T((g) => e(V)(), ["prevent"]))
                 }, [
                   t("h4", null, [
                     t("span", null, u(e(i)("giftCardValidation.title")), 1)
                   ]),
                   t("p", {
                     innerHTML: e(i)("giftCardValidation.description")
-                  }, null, 8, at),
-                  o(W, {
+                  }, null, 8, ot),
+                  o(J, {
                     modelValue: e(m),
                     "onUpdate:modelValue": d[0] || (d[0] = (g) => w(m) ? m.value = g : null),
                     icon: "gift-card",
@@ -86,7 +88,7 @@ const J = { class: "gift-card-validation-skeleton" }, K = { class: "gift-card-va
                     "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"]),
-                  !e(n) && e(h) ? (f(), A("table", nt, [
+                  !e(n) && e(h) ? (f(), A("table", st, [
                     t("thead", null, [
                       t("tr", null, [
                         t("th", null, [
@@ -121,21 +123,21 @@ const J = { class: "gift-card-validation-skeleton" }, K = { class: "gift-card-va
                           t("span", null, u(e(a)), 1)
                         ]),
                         t("td", null, [
-                          t("span", null, u(e(U)(e(p), e(l))), 1)
+                          t("span", null, u(e(O)(e(p), e(l))), 1)
                         ]),
                         t("td", null, [
-                          t("span", null, u(e(O)(e(b))), 1)
+                          t("span", null, u(e(z)(e(b))), 1)
                         ])
                       ])
                     ])
-                  ])) : B("", !0)
+                  ])) : P("", !0)
                 ], 32))
               ]),
               _: 1
-            }, 8, ["access-token"])
+            }, 8, ["access-token", "onMetadata"])
           ]),
-          fallback: y(() => [
-            o(et)
+          fallback: v(() => [
+            o(nt)
           ]),
           _: 1
         }))
@@ -143,8 +145,8 @@ const J = { class: "gift-card-validation-skeleton" }, K = { class: "gift-card-va
       _: 1
     }, 8, ["styling"]));
   }
-}), v = /* @__PURE__ */ S(ot, [["__scopeId", "data-v-f43fe5ec"]]), st = H(), it = Z();
-class lt extends HTMLElement {
+}), y = /* @__PURE__ */ L(it, [["__scopeId", "data-v-22ec3a4a"]]), lt = H(), rt = Z();
+class dt extends HTMLElement {
   vueApp;
   constructor() {
     super();
@@ -153,7 +155,7 @@ class lt extends HTMLElement {
     this.vueApp.unmount();
   }
   connectedCallback() {
-    const s = typeof v == "function" ? v.options : v;
+    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);
@@ -166,13 +168,13 @@ class lt extends HTMLElement {
       let n = this.attributes.getNamedItem(a)?.value;
       p.hasOwnProperty(a) && (n = p[a]), h[a] = n;
     }
-    this.vueApp = T(v, h), j(this.vueApp), this.vueApp.provide("emitter", it), this.vueApp.use(st), this.vueApp.use(R);
+    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", lt);
+window.customElements.define("konnectio-gift-card-validation", dt);
 export {
-  lt as default
+  dt as default
 };
 //# sourceMappingURL=gift-card-validation.js.map