@konnectio/core 4.0.56-rc23 → 4.0.56-rc25

package/dist/gift-card-validation.js

@@ -1,79 +1,78 @@
-import { d as L, o as h, h as S, b as t, f as o, E as _, g as X, j as E, D as y, Y as V, G, a as A, w as m, S as B, t as c, u as e, J as w, N as C, P as N, U as T, i as $, m as D, q as I, s as U, y as z, z as M, A as P, B as j } from "./_-hKpeUU4C.js";
-import { A as F } from "./ActionField-BUeonTqc.js";
-import { F as x } from "./Field-hjOjPQhC.js";
-const H = { class: "gift-card-validation-skeleton" }, O = { class: "gift-card-validation-skeleton-form" }, R = { class: "gift-card-validation-skeleton-text" }, Z = { class: "gift-card-validation-skeleton-input" }, q = /* @__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-pY1XGbPQ.js";
+import { A as H } from "./ActionField-7P8dDME0.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(), S("div", H, [
-      t("div", O, [
+  setup(C) {
+    return (n, l) => (h(), S("div", O, [
+      t("div", F, [
         t("div", R, [
-          o(_, { height: "20px" }),
-          o(_, { height: "15px" }),
-          o(_, { height: "15px" })
+          s(_, { height: "20px" }),
+          s(_, { height: "15px" }),
+          s(_, { height: "15px" })
         ]),
         t("div", Z, [
-          o(x),
-          o(x, { "no-label": "" })
+          s(y),
+          s(y, { "no-label": "" })
         ])
       ])
     ]));
   }
-}), J = /* @__PURE__ */ X(q, [["__scopeId", "data-v-0b8074bf"]]), Y = ["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(G()), { apply: s } = V();
-    return (i, r) => (h(), A(U, { styling: i.styling }, {
+    } = V(A()), { currency: a } = V($()), { apply: o } = A();
+    return (i, r) => (h(), x(N, { styling: i.styling }, {
       default: m(() => [
-        (h(), A(B, 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, Y),
-                  o(F, {
+                  }, 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(), S("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 H = { 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 H = { 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 H = { 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(J)
+            s(K)
           ]),
           _: 1
         }))
@@ -125,7 +124,7 @@ const H = { class: "gift-card-validation-skeleton" }, O = { class: "gift-card-va
       _: 1
     }, 8, ["styling"]));
   }
-}), g = /* @__PURE__ */ X(Q, [["__scopeId", "data-v-b19b4a0e"]]), W = z(), tt = j();
+}), g = /* @__PURE__ */ X(W, [["__scopeId", "data-v-b19b4a0e"]]), Y = z(), tt = j();
 class et extends HTMLElement {
   vueApp;
   constructor() {
@@ -137,18 +136,18 @@ class et 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 = M(g, f), this.vueApp.provide("emitter", tt), this.vueApp.use(W), this.vueApp.use(P);
+    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]);
   }

package/dist/gift-card.js

@@ -1,13 +1,12 @@
-import { W as ue, X as pe, D as ee, G as ae, k as w, aa as T, a0 as Y, c as y, a5 as ie, a1 as Q, a4 as me, a3 as fe, ab as ve, d as Z, j as le, Z as he, o as d, a as R, w as z, b as o, h as k, f as n, u as e, C as D, i as F, n as de, I as ge, E as be, g as ce, H as ye, l as ke, S as _e, t as se, ac as j, ad as H, F as Ce, K as Ve, J as P, _ as we, L as Fe, T as N, e as Pe, q as Se, s as Te, v as $e, x as Ee, y as Ue, z as Ae, A as Ie, V as Ge, B as Re } from "./_-hKpeUU4C.js";
-import { B as Le, a as Me, C as qe, P as Be, _ as xe } from "./CheckoutWindow-sws5X9v2.js";
-import { F as x } from "./Field-hjOjPQhC.js";
-import { E as ze } from "./ErrorMessage-GzJ2T5_d.js";
+import { N as ue, O as pe, s as ee, c as ae, r as w, ag as T, U as Q, e as y, Y as ie, W as X, X as me, v as fe, ah as ve, d as Y, u as le, Q as he, f as d, n as M, z, h as o, g as k, k as n, j as e, C as D, m as F, q as de, I as ge, a0 as B, $ as be, x as ce, w as ye, o as ke, S as _e, A as se, ai as W, aj as N, F as Ce, ab as Ve, l as P, _ as we, ak as Fe, T as H, p as Pe, D as Se, E as Te, G as $e, H as Ee, J as Ue, K as Ae, L as Ie, af as Ge, M as Me } from "./Field-pY1XGbPQ.js";
+import { B as Re, a as Le, C as qe, P as xe, _ as Be } from "./CheckoutWindow-Cru3v8It.js";
+import { E as ze } from "./ErrorMessage-5TxZYuTj.js";
 const te = ue("giftCard", () => {
-  const { pay: v } = pe(), { bearerToken: c, metaData: _, currencyId: t } = ee(ae()), b = ae(), u = w(T.InitialState), r = Y("konnectio_name", "", void 0, { serializer: Q.string }), f = Y("konnectio_email", "", void 0, { serializer: Q.string }), i = Y("konnectio_phone", "", void 0, { serializer: Q.string }), h = w(""), m = w(1), q = w(!0), S = w(""), a = w({
+  const { pay: v } = pe(), { bearerToken: c, metaData: _, currencyId: t } = ee(ae()), b = ae(), u = w(T.InitialState), r = Q("konnectio_name", "", void 0, { serializer: X.string }), f = Q("konnectio_email", "", void 0, { serializer: X.string }), i = Q("konnectio_phone", "", void 0, { serializer: X.string }), h = w(""), m = w(1), q = w(!0), S = w(""), a = w({
     base64: "",
     type: "",
     name: ""
-  }), p = w(void 0), V = w(0), $ = w(!1), C = w(0), E = y(() => b.metaData.hotels[0]), B = y(() => E.value.termsOfService ? E.value.termsOfService : ""), U = y(() => u.value === T.InitialState || u.value === T.WaitingForResponse), oe = y(() => u.value === T.ReadyToPay), J = y(() => u.value === T.PaymentSuccess), L = y(() => {
+  }), p = w(void 0), V = w(0), $ = w(!1), C = w(0), E = y(() => b.metaData.hotels[0]), x = y(() => E.value.termsOfService ? E.value.termsOfService : ""), U = y(() => u.value === T.InitialState || u.value === T.WaitingForResponse), oe = y(() => u.value === T.ReadyToPay), Z = y(() => u.value === T.PaymentSuccess), R = y(() => {
     const g = {
       1: {
         label: ie.t("giftCard.hotelType"),
@@ -17,8 +16,8 @@ const te = ue("giftCard", () => {
         label: ie.t("giftCard.restaurantType"),
         data: []
       }
-    }, M = _.value.hotels[0].places;
-    return M && M.forEach((I) => {
+    }, L = _.value.hotels[0].places;
+    return L && L.forEach((I) => {
       g[I.placeType].data.push(I);
     }), Object.fromEntries(
       Object.entries(g).filter(([, I]) => I.data.length > 0)
@@ -26,15 +25,15 @@ const te = ue("giftCard", () => {
   }), O = y(() => C.value !== 0), A = y(() => {
     let g;
     if (O.value)
-      g = L.value[C.value].data[0];
+      g = R.value[C.value].data[0];
     else if (V.value !== 0) {
-      const M = p.value, I = L.value[V.value].data;
-      I.length === 1 ? g = I[0] : M !== void 0 && I.forEach((ne) => {
-        String(ne.id) === String(M) && (g = ne);
+      const L = p.value, I = R.value[V.value].data;
+      I.length === 1 ? g = I[0] : L !== void 0 && I.forEach((ne) => {
+        String(ne.id) === String(L) && (g = ne);
       });
     }
     return g;
-  }), X = y(() => !(!r.value || !f.value || !(i.value.length >= 5) || !h.value || A.value === void 0)), G = y(() => !(u.value === T.InitialState && $.value)), s = y(() => !!(u.value === T.WaitingForResponse && $.value));
+  }), J = y(() => !(!r.value || !f.value || !(i.value.length >= 5) || !h.value || A.value === void 0)), G = y(() => !(u.value === T.InitialState && $.value)), s = y(() => !!(u.value === T.WaitingForResponse && $.value));
   async function l() {
     u.value = T.WaitingForResponse, $.value = !0, await me.post("https://production.hotel-service.konnectio.dk/api/gift-card/create", {
       termsOfserviceURL: window.location.origin,
@@ -57,7 +56,7 @@ const te = ue("giftCard", () => {
       headers: {
         Authorization: c.value,
         Accept: "application/json",
-        "Fresh-Booking-Ver": "4.0.56-rc23"
+        "Fresh-Booking-Ver": "4.0.56-rc25"
       }
     }).then((g) => {
       u.value = T.ReadyToPay, $.value = !1, v({
@@ -66,7 +65,7 @@ const te = ue("giftCard", () => {
       });
     });
   }
-  function W(g) {
+  function j(g) {
     g && (C.value = g);
   }
   return {
@@ -84,17 +83,17 @@ const te = ue("giftCard", () => {
     placeType: V,
     showFormPage: U,
     showPaymentPage: oe,
-    showConfirmationPage: J,
-    places: L,
-    hasFilledForm: X,
+    showConfirmationPage: Z,
+    places: R,
+    hasFilledForm: J,
     hasForcedPlaceType: O,
     isWaitingForResponse: s,
     isMetaDataAvailable: G,
-    termsOfService: B,
+    termsOfService: x,
     orderGiftCard: l,
-    initialize: W
+    initialize: j
   };
-}), De = { class: "media-selector" }, Oe = ["accept"], We = { class: "media-selector-wrapper" }, je = { class: "media-selector-tools" }, He = { key: 0 }, Ne = { key: 1 }, Ke = { key: 2 }, Ze = ["src"], Je = /* @__PURE__ */ Z({
+}), De = { class: "media-selector" }, Oe = ["accept"], je = { class: "media-selector-wrapper" }, We = { class: "media-selector-tools" }, Ne = { key: 0 }, He = { key: 1 }, Ke = { key: 2 }, Ye = ["src"], Ze = /* @__PURE__ */ Y({
   __name: "MediaSelector",
   props: {
     modelValue: {},
@@ -123,8 +122,8 @@ const te = ue("giftCard", () => {
       const [V, $] = [a.name, a.type], C = new FileReader();
       C.onload = function(E) {
         if (E.target) {
-          const B = E.target.result;
-          p({ base64: B, name: V, type: $ });
+          const x = E.target.result;
+          p({ base64: x, name: V, type: $ });
         } else
           u({
             message: b("imageUploadError"),
@@ -136,7 +135,7 @@ const te = ue("giftCard", () => {
       let a;
       (a = r.value.files) instanceof FileList && q(a[0], i);
     }
-    return (a, p) => (d(), R(ge, {
+    return (a, p) => (d(), M(ge, {
       label: a.label,
       required: a.required,
       type: "media"
@@ -152,9 +151,9 @@ const te = ue("giftCard", () => {
             single: "",
             onChange: p[0] || (p[0] = (V) => S())
           }, null, 40, Oe),
-          o("div", We, [
-            o("ul", je, [
-              f.value ? F("", !0) : (d(), k("li", He, [
+          o("div", je, [
+            o("ul", We, [
+              f.value ? F("", !0) : (d(), k("li", Ne, [
                 n(D, {
                   label: e(b)("uploadFile"),
                   type: "button",
@@ -163,7 +162,7 @@ const te = ue("giftCard", () => {
                   onClickEvent: p[1] || (p[1] = (V) => m())
                 }, null, 8, ["label", "icon-color"])
               ])),
-              f.value ? (d(), k("li", Ne, [
+              f.value ? (d(), k("li", He, [
                 n(D, {
                   label: e(b)("replaceFile"),
                   type: "button",
@@ -191,7 +190,7 @@ const te = ue("giftCard", () => {
               a.modelValue ? (d(), k("img", {
                 key: 0,
                 src: a.modelValue.base64
-              }, null, 8, Ze)) : F("", !0)
+              }, null, 8, Ye)) : F("", !0)
             ], 2)
           ])
         ])
@@ -220,26 +219,26 @@ function re(v) {
     }
   });
 }
-typeof re == "function" && re(Je);
-const Xe = { class: "gift-card-skeleton" }, Ye = { class: "gift-card-skeleton-form" }, Qe = /* @__PURE__ */ Z({
+typeof re == "function" && re(Ze);
+const Je = { class: "gift-card-skeleton" }, Qe = { class: "gift-card-skeleton-form" }, Xe = /* @__PURE__ */ Y({
   __name: "GiftCardSkeleton",
   setup(v) {
-    return (c, _) => (d(), k("div", Xe, [
-      o("div", Ye, [
-        n(x),
-        n(x),
-        n(x),
-        n(x),
-        n(x, { "is-text-area": "" }),
+    return (c, _) => (d(), k("div", Je, [
+      o("div", Qe, [
+        n(B),
+        n(B),
+        n(B),
+        n(B),
+        n(B, { "is-text-area": "" }),
         n(be, { height: "44px" })
       ])
     ]));
   }
-}), ea = /* @__PURE__ */ ce(Qe, [["__scopeId", "data-v-ba3efaa1"]]), aa = /* @__PURE__ */ Z({
+}), ea = /* @__PURE__ */ ce(Xe, [["__scopeId", "data-v-ba3efaa1"]]), aa = /* @__PURE__ */ Y({
   __name: "GiftCard",
   setup(v) {
     const { t: c } = le(), _ = te();
-    return (t, b) => (d(), R(Le, {
+    return (t, b) => (d(), M(Re, {
       content: e(_).termsOfService,
       "button-label": e(c)("giftCard.orderGiftCard")
     }, null, 8, ["content", "button-label"]));
@@ -261,7 +260,7 @@ const Xe = { class: "gift-card-skeleton" }, Ye = { class: "gift-card-skeleton-fo
 }, ha = {
   key: 2,
   id: "konnectio-gift-card-order-minimal"
-}, ga = /* @__PURE__ */ ta(() => /* @__PURE__ */ o("div", { class: "konnectio-divider" }, null, -1)), ba = { id: "konnectio-gift-card-recaptcha" }, ya = /* @__PURE__ */ Z({
+}, ga = /* @__PURE__ */ ta(() => /* @__PURE__ */ o("div", { class: "konnectio-divider" }, null, -1)), ba = { id: "konnectio-gift-card-recaptcha" }, ya = /* @__PURE__ */ Y({
   name: "GiftCardLayout",
   __name: "GiftCard",
   props: {
@@ -290,18 +289,18 @@ const Xe = { class: "gift-card-skeleton" }, Ye = { class: "gift-card-skeleton-fo
       showConfirmationPage: $,
       places: C,
       hasFilledForm: E,
-      hasForcedPlaceType: B,
+      hasForcedPlaceType: x,
       isWaitingForResponse: U,
       isMetaDataAvailable: oe
-    } = ee(te()), { initialize: J, orderGiftCard: L } = te(), { isRecaptchaEnabled: O, currency: A, hasError: X } = ee(ae());
+    } = ee(te()), { initialize: Z, orderGiftCard: R } = te(), { isRecaptchaEnabled: O, currency: A, hasError: J } = ee(ae());
     return ye(a, () => {
       S.value = void 0;
     }), ke(() => {
       const G = c.placeType ? parseInt(c.placeType) : void 0;
-      J(G);
-    }), (G, s) => (d(), R(Te, { styling: _.value }, {
+      Z(G);
+    }), (G, s) => (d(), M(Te, { styling: _.value }, {
       default: z(() => [
-        (d(), R(_e, null, {
+        (d(), M(_e, null, {
           default: z(() => [
             n(Se, {
               id: "konnectio-gift-card-module",
@@ -310,7 +309,7 @@ const Xe = { class: "gift-card-skeleton" }, Ye = { class: "gift-card-skeleton-fo
               "data-layout": G.layout
             }, {
               default: z(() => [
-                e(X) ? (d(), R(ze, {
+                e(J) ? (d(), M(ze, {
                   key: 1,
                   title: "Unable to render Gift card module",
                   description: "Gift card functionality hasn't been setup for this account. Please contact Octopus PMS for support."
@@ -319,36 +318,36 @@ const Xe = { class: "gift-card-skeleton" }, Ye = { class: "gift-card-skeleton-fo
                     o("span", null, se(e(t)("giftCard.title")), 1)
                   ]),
                   o("div", na, [
-                    j(o("div", ia, [
-                      n(Me)
+                    W(o("div", ia, [
+                      n(Le)
                     ], 512), [
-                      [H, e(V)]
+                      [N, e(V)]
                     ]),
-                    j(o("div", null, [
+                    W(o("div", null, [
                       o("p", {
                         id: "konnectio-gift-card-description",
                         innerHTML: e(t)("giftCard.description")
                       }, null, 8, sa),
                       o("form", null, [
-                        e(B) ? F("", !0) : (d(), k("div", ra, [
+                        e(x) ? F("", !0) : (d(), k("div", ra, [
                           e(C) ? (d(), k("div", da, [
                             o("label", ca, [
                               o("span", null, se(e(t)("giftCard.selectType")), 1)
                             ]),
                             o("div", ua, [
                               o("ul", null, [
-                                (d(!0), k(Ce, null, Ve(e(C), (l, W) => (d(), k("li", { key: W }, [
+                                (d(!0), k(Ce, null, Ve(e(C), (l, j) => (d(), k("li", { key: j }, [
                                   n(qe, {
                                     modelValue: e(a),
                                     "onUpdate:modelValue": s[0] || (s[0] = (g) => P(a) ? a.value = g : null),
                                     type: "radio",
                                     name: "placeType",
-                                    val: W,
+                                    val: j,
                                     label: l.label
                                   }, null, 8, ["modelValue", "val", "label"])
                                 ]))), 128))
                               ]),
-                              e(C)[e(a)] && e(C)[e(a)].data.length > 1 ? (d(), R(we, {
+                              e(C)[e(a)] && e(C)[e(a)].data.length > 1 ? (d(), M(we, {
                                 key: 0,
                                 modelValue: e(S),
                                 "onUpdate:modelValue": s[1] || (s[1] = (l) => P(S) ? S.value = l : null),
@@ -359,9 +358,9 @@ const Xe = { class: "gift-card-skeleton" }, Ye = { class: "gift-card-skeleton-fo
                                 required: ""
                               }, null, 8, ["modelValue", "placeholder", "options"])) : F("", !0)
                             ])
-                          ])) : (d(), R(Fe, { key: 1 }))
+                          ])) : (d(), M(Fe, { key: 1 }))
                         ])),
-                        n(N, {
+                        n(H, {
                           modelValue: e(b),
                           "onUpdate:modelValue": s[2] || (s[2] = (l) => P(b) ? b.value = l : null),
                           type: "text",
@@ -372,7 +371,7 @@ const Xe = { class: "gift-card-skeleton" }, Ye = { class: "gift-card-skeleton-fo
                           placeholder: e(t)("giftCard.namePlaceholder"),
                           required: ""
                         }, null, 8, ["modelValue", "label", "placeholder"]),
-                        n(N, {
+                        n(H, {
                           modelValue: e(u),
                           "onUpdate:modelValue": s[3] || (s[3] = (l) => P(u) ? u.value = l : null),
                           type: "email",
@@ -383,7 +382,7 @@ const Xe = { class: "gift-card-skeleton" }, Ye = { class: "gift-card-skeleton-fo
                           placeholder: e(t)("giftCard.emailPlaceholder"),
                           required: ""
                         }, null, 8, ["modelValue", "label", "placeholder"]),
-                        n(Be, {
+                        n(xe, {
                           modelValue: e(r),
                           "onUpdate:modelValue": s[4] || (s[4] = (l) => P(r) ? r.value = l : null),
                           icon: "phone-office",
@@ -391,7 +390,7 @@ const Xe = { class: "gift-card-skeleton" }, Ye = { class: "gift-card-skeleton-fo
                           placeholder: e(t)("giftCard.phonePlaceholder"),
                           required: ""
                         }, null, 8, ["modelValue", "label", "placeholder"]),
-                        n(N, {
+                        n(H, {
                           modelValue: e(f),
                           "onUpdate:modelValue": s[5] || (s[5] = (l) => P(f) ? f.value = l : null),
                           type: "number",
@@ -413,14 +412,14 @@ const Xe = { class: "gift-card-skeleton" }, Ye = { class: "gift-card-skeleton-fo
                         }, null, 8, ["modelValue", "label"])
                       ])
                     ], 512), [
-                      [H, e(p)]
+                      [N, e(p)]
                     ]),
-                    j(o("div", null, [
+                    W(o("div", null, [
                       o("div", {
                         innerHTML: e(t)("giftCard.thankYou")
                       }, null, 8, pa)
                     ], 512), [
-                      [H, e($)]
+                      [N, e($)]
                     ])
                   ]),
                   G.layout !== "minimal" && e(p) ? (d(), k("div", ma, [
@@ -431,12 +430,12 @@ const Xe = { class: "gift-card-skeleton" }, Ye = { class: "gift-card-skeleton-fo
                         disabled: !e(E),
                         "is-loading": e(U),
                         "onUpdate:isLoading": s[9] || (s[9] = (l) => P(U) ? U.value = l : null),
-                        onClickEvent: e(L)
+                        onClickEvent: e(R)
                       }, null, 8, ["label", "disabled", "is-loading", "onClickEvent"])
                     ])
                   ])) : F("", !0),
                   e(p) ? (d(), k("div", va, [
-                    n(N, {
+                    n(H, {
                       modelValue: e(i),
                       "onUpdate:modelValue": s[10] || (s[10] = (l) => P(i) ? i.value = l : null),
                       type: "textarea",
@@ -454,16 +453,16 @@ const Xe = { class: "gift-card-skeleton" }, Ye = { class: "gift-card-skeleton-fo
                       "data-test": "orderGiftCard",
                       "is-loading": e(U),
                       "onUpdate:isLoading": s[11] || (s[11] = (l) => P(U) ? U.value = l : null),
-                      onClickEvent: e(L)
+                      onClickEvent: e(R)
                     }, null, 8, ["label", "disabled", "is-loading", "onClickEvent"]),
                     o("div", null, [
                       ga,
                       n(aa)
                     ]),
-                    j(o("div", ba, [
-                      n(xe)
+                    W(o("div", ba, [
+                      n(Be)
                     ], 512), [
-                      [H, e(O)]
+                      [N, e(O)]
                     ])
                   ])) : F("", !0)
                 ]))
@@ -480,7 +479,7 @@ const Xe = { class: "gift-card-skeleton" }, Ye = { class: "gift-card-skeleton-fo
       _: 1
     }, 8, ["styling"]));
   }
-}), K = /* @__PURE__ */ ce(ya, [["__scopeId", "data-v-30c8e35c"]]), ka = Ue(), _a = Re();
+}), K = /* @__PURE__ */ ce(ya, [["__scopeId", "data-v-30c8e35c"]]), ka = Ue(), _a = Me();
 class Ca extends HTMLElement {
   vueApp;
   constructor() {