@konnectio/core 4.0.56-rc55 → 4.0.56-rc56

package/dist/gift-card-validation.js

@@ -1,23 +1,22 @@
-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-04Qj4xBt.js";
-import { E as k, _ as L, h as N, s as x, t as E, b as U, z as C, A as z, B as O, n as F, o as H, p as j, q as R } from "./Field.vue_vue_type_style_index_0_scoped_992f78a1_lang-BtVEfiNz.js";
-import { c as Z } from "./sentry-BSHzssDu.js";
-import { u as q } from "./giftCard-DHP_enh5.js";
-import { _ as W } from "./_.vue_vue_type_style_index_0_lang-1ZRqGUnk.js";
-import { A as J } from "./ActionField-BAL1bpnL.js";
-import { F as S } from "./Field-flvSuRTL.js";
-import { E as K } from "./ErrorMessage-CbGOS1Nq.js";
-import "./deep-link.js";
+import { d as S, a as f, g as V, e as t, f as o, c as X, b as _, w as v, S as P, u as e, t as u, v as w, i as T, h as $, k as B } from "./_sentry-release-injection-file-BwRPXfCP.js";
+import { u as N, s as x, c as U, i as O, m as z } from "./mitt-CKlYOuwf.js";
+import { u as F, c as H } from "./giftCard-D4D0qX4c.js";
+import { E as k, _ as L, q as E, e as j, I as C, h as R, f as Z, C as q } from "./Field.vue_vue_type_style_index_0_scoped_992f78a1_lang-1m-WZuNW.js";
+import { _ as W } from "./_.vue_vue_type_style_index_0_lang-DoCplqzK.js";
+import { A as J } from "./ActionField-D2cIxYLO.js";
+import { F as I } from "./Field-C1-c1E69.js";
+import { E as K } from "./ErrorMessage-BxEkmAcA.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] = "a230e431-6b35-4c4d-9ac0-21064bd51575", r._sentryDebugIdIdentifier = "sentry-dbid-a230e431-6b35-4c4d-9ac0-21064bd51575");
+    s && (r._sentryDebugIds = r._sentryDebugIds || {}, r._sentryDebugIds[s] = "ed835707-a344-48bb-90f3-85348569da37", r._sentryDebugIdIdentifier = "sentry-dbid-ed835707-a344-48bb-90f3-85348569da37");
   } 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({
+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__ */ S({
   __name: "GiftCardValidationSkeleton",
   setup(r) {
-    return (s, c) => (f(), A("div", Q, [
+    return (s, c) => (f(), V("div", Q, [
       t("div", Y, [
         t("div", tt, [
           o(k, { height: "20px" }),
@@ -25,8 +24,8 @@ const Q = { class: "gift-card-validation-skeleton" }, Y = { class: "gift-card-va
           o(k, { height: "15px" })
         ]),
         t("div", et, [
-          o(S),
-          o(S, { "no-label": "" })
+          o(I),
+          o(I, { "no-label": "" })
         ])
       ])
     ]));
@@ -35,7 +34,7 @@ const Q = { class: "gift-card-validation-skeleton" }, Y = { class: "gift-card-va
   key: 0,
   id: "konnectio-gift-card-validation-resume",
   class: "konnectio-panel"
-}, it = /* @__PURE__ */ I({
+}, it = /* @__PURE__ */ S({
   name: "GiftCardValidationLayout",
   __name: "GiftCardValidation",
   props: {
@@ -48,15 +47,15 @@ const Q = { class: "gift-card-validation-skeleton" }, Y = { class: "gift-card-va
       ...s.styling
     })), { t: i } = N(), {
       voucher: m,
-      isValid: b,
+      isValid: h,
       amount: p,
-      expirationDate: h,
+      expirationDate: b,
       productName: a,
       isLoading: n
-    } = x(E()), { currency: l, hasError: G } = x(U()), { fetchMetadata: D } = q(), { apply: V } = E();
-    return (M, d) => (f(), _(F, { styling: c.value }, {
+    } = x(E()), { currency: l, hasError: G } = x(j()), { fetchMetadata: D } = F(), { apply: A } = E();
+    return (M, d) => (f(), _(q, { styling: c.value }, {
       default: v(() => [
-        (f(), _(B, null, {
+        (f(), _(P, null, {
           default: v(() => [
             o(W, {
               "access-token": M.accessToken,
@@ -67,10 +66,10 @@ const Q = { class: "gift-card-validation-skeleton" }, Y = { class: "gift-card-va
                   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", {
+                })) : (f(), V("form", {
                   key: 0,
                   id: "konnectio-gift-card-validation-module",
-                  onSubmit: d[3] || (d[3] = T((g) => e(V)(), ["prevent"]))
+                  onSubmit: d[3] || (d[3] = $((g) => e(A)(), ["prevent"]))
                 }, [
                   t("h4", null, [
                     t("span", null, u(e(i)("giftCardValidation.title")), 1)
@@ -87,9 +86,9 @@ const Q = { class: "gift-card-validation-skeleton" }, Y = { class: "gift-card-va
                     placeholder: "XXXXXXXX",
                     "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)())
+                    onAction: d[2] || (d[2] = (g) => e(A)())
                   }, null, 8, ["modelValue", "label", "buttonLabel", "is-loading"]),
-                  !e(n) && e(b) ? (f(), A("table", st, [
+                  !e(n) && e(h) ? (f(), V("table", st, [
                     t("thead", null, [
                       t("tr", null, [
                         t("th", null, [
@@ -124,14 +123,14 @@ const Q = { class: "gift-card-validation-skeleton" }, Y = { class: "gift-card-va
                           t("span", null, u(e(a)), 1)
                         ]),
                         t("td", null, [
-                          t("span", null, u(e(z)(e(p), e(l))), 1)
+                          t("span", null, u(e(R)(e(p), e(l))), 1)
                         ]),
                         t("td", null, [
-                          t("span", null, u(e(O)(e(h))), 1)
+                          t("span", null, u(e(Z)(e(b))), 1)
                         ])
                       ])
                     ])
-                  ])) : P("", !0)
+                  ])) : T("", !0)
                 ], 32))
               ]),
               _: 1
@@ -146,7 +145,7 @@ const Q = { class: "gift-card-validation-skeleton" }, Y = { class: "gift-card-va
       _: 1
     }, 8, ["styling"]));
   }
-}), y = /* @__PURE__ */ L(it, [["__scopeId", "data-v-ae703950"]]), lt = H(), rt = R();
+}), y = /* @__PURE__ */ L(it, [["__scopeId", "data-v-ae703950"]]), lt = U(), rt = z();
 class dt extends HTMLElement {
   vueApp;
   constructor() {
@@ -158,7 +157,7 @@ class dt extends HTMLElement {
   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()), b = {};
+    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) {
@@ -167,11 +166,11 @@ class dt extends HTMLElement {
     }
     for (const a of c) {
       let n = this.attributes.getNamedItem(a)?.value;
-      p.hasOwnProperty(a) && (n = p[a]), b[a] = n;
+      p.hasOwnProperty(a) && (n = p[a]), h[a] = n;
     }
-    this.vueApp = $(y, b), Z(this.vueApp), this.vueApp.provide("emitter", rt), this.vueApp.use(lt), this.vueApp.use(j);
-    const h = document.createElement("div");
-    this.vueApp.mount(h), this.appendChild(h.children[0]);
+    this.vueApp = B(y, h), H(this.vueApp), this.vueApp.provide("emitter", rt), this.vueApp.use(lt), this.vueApp.use(O);
+    const b = document.createElement("div");
+    this.vueApp.mount(b), this.appendChild(b.children[0]);
   }
 }
 window.customElements.define("konnectio-gift-card-validation", dt);

package/dist/gift-card.js

@@ -1,21 +1,20 @@
-import { d as I, r as K, c as Z, o as s, b as w, w as F, g as t, a as v, f as o, u as e, e as g, n as Y, t as G, i as ae, q as oe, h as ne, S as ie, y as T, z as L, F as se, A as re, x as k, p as de, j as ce, k as ue } from "./_commonjsHelpers-04Qj4xBt.js";
-import { h as B, a as pe, C as S, I as me, E as fe, _ as z, D as be, s as O, b as ve, k as he, L as _e, T as q, l as ge, n as ye, o as ke, p as Ce, F as Ve, q as we } from "./Field.vue_vue_type_style_index_0_scoped_992f78a1_lang-BtVEfiNz.js";
-import { c as Fe } from "./sentry-BSHzssDu.js";
-import { u as x } from "./giftCard-DHP_enh5.js";
-import { _ as $e } from "./_.vue_vue_type_style_index_0_lang-1ZRqGUnk.js";
-import { C as Ee, a as Pe, P as Ue, _ as Ae } from "./CheckoutWindow-DufEgcza.js";
-import { F as A } from "./Field-flvSuRTL.js";
-import { E as Se } from "./ErrorMessage-CbGOS1Nq.js";
-import { S as Ie } from "./TermsOfService-ZtJSXzfs.js";
-import "./deep-link.js";
+import { d as T, r as K, c as Z, a as s, b as w, w as $, e as t, g as v, f as o, u as e, i as g, n as Y, t as q, h as ae, z as oe, o as ne, S as ie, A as I, B as L, F as se, s as re, v as k, p as de, j as ue, k as ce } from "./_sentry-release-injection-file-BwRPXfCP.js";
+import { u as B, T as pe, s as O, c as me, i as fe, m as be } from "./mitt-CKlYOuwf.js";
+import { u as x, c as ve } from "./giftCard-D4D0qX4c.js";
+import { a as he, c as S, p as _e, E as ge, _ as z, e as ye, n as ke, L as Ce, T as M, b as Ve, C as we, m as $e } from "./Field.vue_vue_type_style_index_0_scoped_992f78a1_lang-1m-WZuNW.js";
+import { _ as Fe } from "./_.vue_vue_type_style_index_0_lang-DoCplqzK.js";
+import { a as Ee, C as Pe, P as Ue, _ as Ae } from "./CheckoutWindow-DDFex8_M.js";
+import { F as A } from "./Field-C1-c1E69.js";
+import { E as Se } from "./ErrorMessage-BxEkmAcA.js";
+import { S as Te } from "./TermsOfService-Cf3uVbvE.js";
 (function() {
   try {
     var d = typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {}, n = new Error().stack;
-    n && (d._sentryDebugIds = d._sentryDebugIds || {}, d._sentryDebugIds[n] = "b65ca2c3-b6c2-42bd-9f95-92b149c4ed6c", d._sentryDebugIdIdentifier = "sentry-dbid-b65ca2c3-b6c2-42bd-9f95-92b149c4ed6c");
+    n && (d._sentryDebugIds = d._sentryDebugIds || {}, d._sentryDebugIds[n] = "795da374-b165-4373-aeb7-9b736d1a412b", d._sentryDebugIdIdentifier = "sentry-dbid-795da374-b165-4373-aeb7-9b736d1a412b");
   } catch {
   }
 })();
-const Te = { class: "media-selector" }, Le = ["accept"], qe = { class: "media-selector-wrapper" }, Me = { class: "media-selector-tools" }, Ge = { key: 0 }, Be = { key: 1 }, Re = { key: 2 }, De = ["src"], xe = /* @__PURE__ */ I({
+const Ie = { class: "media-selector" }, Le = ["accept"], Me = { class: "media-selector-wrapper" }, Ge = { class: "media-selector-tools" }, qe = { key: 0 }, Be = { key: 1 }, Re = { key: 2 }, De = ["src"], xe = /* @__PURE__ */ T({
   __name: "MediaSelector",
   props: {
     modelValue: {},
@@ -26,12 +25,12 @@ const Te = { class: "media-selector" }, Le = ["accept"], qe = { class: "media-se
   },
   emits: ["update:modelValue"],
   setup(d, { emit: n }) {
-    const m = n, l = d, { t: u } = B(), { display: h } = pe(), p = K(), _ = Z(() => l.modelValue.base64 !== "");
-    function c(a) {
+    const m = n, l = d, { t: c } = B(), { display: h } = he(), p = K(), _ = Z(() => l.modelValue.base64 !== "");
+    function u(a) {
       m("update:modelValue", a);
     }
     function y() {
-      c({
+      u({
         base64: "",
         name: "",
         type: ""
@@ -48,22 +47,22 @@ const Te = { class: "media-selector" }, Le = ["accept"], qe = { class: "media-se
           f({ base64: D, name: V, type: R });
         } else
           h({
-            message: u("imageUploadError"),
+            message: c("imageUploadError"),
             type: "error"
           });
       }, C.readAsDataURL(a);
     }
-    async function $() {
+    async function F() {
       let a;
-      (a = p.value.files) instanceof FileList && j(a[0], c);
+      (a = p.value.files) instanceof FileList && j(a[0], u);
     }
-    return (a, f) => (s(), w(me, {
+    return (a, f) => (s(), w(_e, {
       label: a.label,
       required: a.required,
       type: "media"
     }, {
-      default: F(() => [
-        t("div", Te, [
+      default: $(() => [
+        t("div", Ie, [
           t("input", {
             ref_key: "fileInput",
             ref: p,
@@ -71,13 +70,13 @@ const Te = { class: "media-selector" }, Le = ["accept"], qe = { class: "media-se
             class: "hidden",
             accept: a.validation,
             single: "",
-            onChange: f[0] || (f[0] = (V) => $())
+            onChange: f[0] || (f[0] = (V) => F())
           }, null, 40, Le),
-          t("div", qe, [
-            t("ul", Me, [
-              _.value ? g("", !0) : (s(), v("li", Ge, [
+          t("div", Me, [
+            t("ul", Ge, [
+              _.value ? g("", !0) : (s(), v("li", qe, [
                 o(S, {
-                  label: e(u)("uploadFile"),
+                  label: e(c)("uploadFile"),
                   type: "button",
                   icon: "upload",
                   "icon-color": a.iconColor,
@@ -86,7 +85,7 @@ const Te = { class: "media-selector" }, Le = ["accept"], qe = { class: "media-se
               ])),
               _.value ? (s(), v("li", Be, [
                 o(S, {
-                  label: e(u)("replaceFile"),
+                  label: e(c)("replaceFile"),
                   type: "button",
                   icon: "repeat-alt",
                   "icon-color": a.iconColor,
@@ -95,7 +94,7 @@ const Te = { class: "media-selector" }, Le = ["accept"], qe = { class: "media-se
               ])) : g("", !0),
               _.value ? (s(), v("li", Re, [
                 o(S, {
-                  label: e(u)("removeFile"),
+                  label: e(c)("removeFile"),
                   type: "button",
                   icon: "trash-alt",
                   "icon-color": a.iconColor,
@@ -142,7 +141,7 @@ function W(d) {
   });
 }
 typeof W == "function" && W(xe);
-const ze = { class: "gift-card-skeleton" }, je = { class: "gift-card-skeleton-form" }, He = /* @__PURE__ */ I({
+const ze = { class: "gift-card-skeleton" }, je = { class: "gift-card-skeleton-form" }, He = /* @__PURE__ */ T({
   __name: "GiftCardSkeleton",
   setup(d) {
     return (n, m) => (s(), v("div", ze, [
@@ -152,11 +151,11 @@ const ze = { class: "gift-card-skeleton" }, je = { class: "gift-card-skeleton-fo
         o(A),
         o(A),
         o(A, { "is-text-area": "" }),
-        o(fe, { height: "44px" })
+        o(ge, { height: "44px" })
       ])
     ]));
   }
-}), Ne = /* @__PURE__ */ z(He, [["__scopeId", "data-v-ba3efaa1"]]), Oe = { class: "konnectio-accept-terms" }, We = /* @__PURE__ */ I({
+}), Ne = /* @__PURE__ */ z(He, [["__scopeId", "data-v-ba3efaa1"]]), Oe = { class: "konnectio-accept-terms" }, We = /* @__PURE__ */ T({
   __name: "_",
   props: {
     content: {},
@@ -164,43 +163,43 @@ const ze = { class: "gift-card-skeleton" }, je = { class: "gift-card-skeleton-fo
   },
   setup(d) {
     const { t: n } = B(), m = K(!1);
-    return (l, u) => (s(), v("div", Oe, [
-      o(e(be), {
+    return (l, c) => (s(), v("div", Oe, [
+      o(e(pe), {
         keypath: "general.termsAndConditionsNotice",
         tag: "span",
         scope: "global"
       }, {
-        button: F(() => [
-          t("i", null, '"' + G(l.buttonLabel) + '"', 1)
+        button: $(() => [
+          t("i", null, '"' + q(l.buttonLabel) + '"', 1)
         ]),
-        terms: F(() => [
+        terms: $(() => [
           t("a", {
             class: "konnectio-accept-terms-link",
             target: "_blank",
-            onClick: u[0] || (u[0] = ae((h) => m.value = !0, ["prevent"]))
+            onClick: c[0] || (c[0] = ae((h) => m.value = !0, ["prevent"]))
           }, [
-            t("span", null, G(e(n)("general.termsAndConditions")), 1)
+            t("span", null, q(e(n)("general.termsAndConditions")), 1)
           ])
         ]),
         _: 1
       }),
-      o(Ie, {
+      o(Te, {
         modelValue: m.value,
-        "onUpdate:modelValue": u[1] || (u[1] = (h) => m.value = h),
+        "onUpdate:modelValue": c[1] || (c[1] = (h) => m.value = h),
         description: l.content
       }, null, 8, ["modelValue", "description"])
     ]));
   }
-}), Ke = /* @__PURE__ */ z(We, [["__scopeId", "data-v-f587c956"]]), Ze = /* @__PURE__ */ I({
+}), Ke = /* @__PURE__ */ z(We, [["__scopeId", "data-v-f587c956"]]), Ze = /* @__PURE__ */ T({
   __name: "GiftCard",
   setup(d) {
     const { t: n } = B(), m = x();
-    return (l, u) => (s(), w(Ke, {
+    return (l, c) => (s(), w(Ke, {
       content: e(m).termsOfService,
       "button-label": e(n)("giftCard.orderGiftCard")
     }, null, 8, ["content", "button-label"]));
   }
-}), Ye = (d) => (de("data-v-06df89c3"), d = d(), ce(), d), Je = ["data-layout"], Qe = { id: "konnectio-gift-card-wrapper" }, Xe = { id: "konnectio-gift-card-title" }, et = { id: "konnectio-gift-card-content" }, tt = { id: "konnectio-gift-card-payment" }, lt = ["innerHTML"], at = { key: 0 }, ot = {
+}), Ye = (d) => (de("data-v-06df89c3"), d = d(), ue(), d), Je = ["data-layout"], Qe = { id: "konnectio-gift-card-wrapper" }, Xe = { id: "konnectio-gift-card-title" }, et = { id: "konnectio-gift-card-content" }, tt = { id: "konnectio-gift-card-payment" }, lt = ["innerHTML"], at = { key: 0 }, ot = {
   key: 0,
   id: "konnectio-select-place-type"
 }, nt = {
@@ -208,13 +207,13 @@ const ze = { class: "gift-card-skeleton" }, je = { class: "gift-card-skeleton-fo
 }, it = { id: "konnectio-select-place-type-input" }, st = ["innerHTML"], rt = {
   key: 0,
   id: "konnectio-gift-card-order"
-}, dt = { class: "konnectio-panel" }, ct = {
+}, dt = { class: "konnectio-panel" }, ut = {
   key: 1,
   id: "konnectio-gift-card-remarks"
-}, ut = {
+}, ct = {
   key: 2,
   id: "konnectio-gift-card-order-minimal"
-}, pt = /* @__PURE__ */ Ye(() => /* @__PURE__ */ t("div", { class: "konnectio-divider" }, null, -1)), mt = { id: "konnectio-gift-card-recaptcha" }, ft = /* @__PURE__ */ I({
+}, pt = /* @__PURE__ */ Ye(() => /* @__PURE__ */ t("div", { class: "konnectio-divider" }, null, -1)), mt = { id: "konnectio-gift-card-recaptcha" }, ft = /* @__PURE__ */ T({
   name: "GiftCardLayout",
   __name: "GiftCard",
   props: {
@@ -228,15 +227,15 @@ const ze = { class: "gift-card-skeleton" }, je = { class: "gift-card-skeleton-fo
       panelMaxWidth: "800px",
       ...n.styling
     })), { t: l } = B(), {
-      name: u,
+      name: c,
       email: h,
       phone: p,
       value: _,
-      remark: c,
+      remark: u,
       showValue: y,
       quantity: b,
       media: j,
-      placeId: $,
+      placeId: F,
       placeType: a,
       showFormPage: f,
       showPaymentPage: V,
@@ -245,22 +244,22 @@ const ze = { class: "gift-card-skeleton" }, je = { class: "gift-card-skeleton-fo
       hasFilledForm: U,
       hasForcedPlaceType: D,
       isWaitingForResponse: E
-    } = O(x()), { initialize: J, orderGiftCard: H, fetchMetadata: Q } = x(), { isRecaptchaEnabled: X, currency: ee, hasError: te } = O(ve());
+    } = O(x()), { initialize: J, orderGiftCard: H, fetchMetadata: Q } = x(), { isRecaptchaEnabled: X, currency: ee, hasError: te } = O(ye());
     return oe(a, () => {
-      $.value = void 0;
+      F.value = void 0;
     }), ne(() => {
       const P = n.placeType ? parseInt(n.placeType) : void 0;
       J(P);
-    }), (P, r) => (s(), w(ye, { styling: m.value }, {
-      default: F(() => [
+    }), (P, r) => (s(), w(we, { styling: m.value }, {
+      default: $(() => [
         (s(), w(ie, null, {
-          default: F(() => [
-            o($e, {
+          default: $(() => [
+            o(Fe, {
               "access-token": P.accessToken,
               "data-layout": P.layout,
               callback: e(Q)
             }, {
-              default: F(() => [
+              default: $(() => [
                 e(te) ? (s(), w(Se, {
                   key: 1,
                   title: "Unable to render Gift card module",
@@ -272,15 +271,15 @@ const ze = { class: "gift-card-skeleton" }, je = { class: "gift-card-skeleton-fo
                 }, [
                   t("div", Qe, [
                     t("h2", Xe, [
-                      t("span", null, G(e(l)("giftCard.title")), 1)
+                      t("span", null, q(e(l)("giftCard.title")), 1)
                     ]),
                     t("div", et, [
-                      T(t("div", tt, [
+                      I(t("div", tt, [
                         o(Ee)
                       ], 512), [
                         [L, e(V)]
                       ]),
-                      T(t("div", null, [
+                      I(t("div", null, [
                         t("p", {
                           id: "konnectio-gift-card-description",
                           innerHTML: e(l)("giftCard.description")
@@ -289,7 +288,7 @@ const ze = { class: "gift-card-skeleton" }, je = { class: "gift-card-skeleton-fo
                           e(D) ? g("", !0) : (s(), v("div", at, [
                             e(C) ? (s(), v("div", ot, [
                               t("label", nt, [
-                                t("span", null, G(e(l)("giftCard.selectType")), 1)
+                                t("span", null, q(e(l)("giftCard.selectType")), 1)
                               ]),
                               t("div", it, [
                                 t("ul", null, [
@@ -304,10 +303,10 @@ const ze = { class: "gift-card-skeleton" }, je = { class: "gift-card-skeleton-fo
                                     }, null, 8, ["modelValue", "val", "label"])
                                   ]))), 128))
                                 ]),
-                                e(C)[e(a)] && e(C)[e(a)].data.length > 1 ? (s(), w(he, {
+                                e(C)[e(a)] && e(C)[e(a)].data.length > 1 ? (s(), w(ke, {
                                   key: 0,
-                                  modelValue: e($),
-                                  "onUpdate:modelValue": r[1] || (r[1] = (i) => k($) ? $.value = i : null),
+                                  modelValue: e(F),
+                                  "onUpdate:modelValue": r[1] || (r[1] = (i) => k(F) ? F.value = i : null),
                                   placeholder: e(l)("giftCard.selectPlacePlaceholder"),
                                   options: e(C)[e(a)].data,
                                   labelKey: "name",
@@ -315,11 +314,11 @@ const ze = { class: "gift-card-skeleton" }, je = { class: "gift-card-skeleton-fo
                                   required: ""
                                 }, null, 8, ["modelValue", "placeholder", "options"])) : g("", !0)
                               ])
-                            ])) : (s(), w(_e, { key: 1 }))
+                            ])) : (s(), w(Ce, { key: 1 }))
                           ])),
-                          o(q, {
-                            modelValue: e(u),
-                            "onUpdate:modelValue": r[2] || (r[2] = (i) => k(u) ? u.value = i : null),
+                          o(M, {
+                            modelValue: e(c),
+                            "onUpdate:modelValue": r[2] || (r[2] = (i) => k(c) ? c.value = i : null),
                             type: "text",
                             name: "name",
                             autocomplete: "name",
@@ -328,7 +327,7 @@ const ze = { class: "gift-card-skeleton" }, je = { class: "gift-card-skeleton-fo
                             placeholder: e(l)("giftCard.namePlaceholder"),
                             required: ""
                           }, null, 8, ["modelValue", "label", "placeholder"]),
-                          o(q, {
+                          o(M, {
                             modelValue: e(h),
                             "onUpdate:modelValue": r[3] || (r[3] = (i) => k(h) ? h.value = i : null),
                             type: "email",
@@ -347,7 +346,7 @@ const ze = { class: "gift-card-skeleton" }, je = { class: "gift-card-skeleton-fo
                             placeholder: e(l)("giftCard.phonePlaceholder"),
                             required: ""
                           }, null, 8, ["modelValue", "label", "placeholder"]),
-                          o(q, {
+                          o(M, {
                             modelValue: e(_),
                             "onUpdate:modelValue": r[5] || (r[5] = (i) => k(_) ? _.value = i : null),
                             type: "number",
@@ -360,7 +359,7 @@ const ze = { class: "gift-card-skeleton" }, je = { class: "gift-card-skeleton-fo
                           }, null, 8, ["modelValue", "label", "placeholder", "suffix"]),
                           g("", !0),
                           g("", !0),
-                          o(ge, {
+                          o(Ve, {
                             modelValue: e(b),
                             "onUpdate:modelValue": r[8] || (r[8] = (i) => k(b) ? b.value = i : null),
                             label: e(l)("giftCard.quantity"),
@@ -371,7 +370,7 @@ const ze = { class: "gift-card-skeleton" }, je = { class: "gift-card-skeleton-fo
                       ], 512), [
                         [L, e(f)]
                       ]),
-                      T(t("div", null, [
+                      I(t("div", null, [
                         t("div", {
                           innerHTML: e(l)("giftCard.thankYou")
                         }, null, 8, st)
@@ -391,10 +390,10 @@ const ze = { class: "gift-card-skeleton" }, je = { class: "gift-card-skeleton-fo
                         }, null, 8, ["label", "disabled", "is-loading", "onClickEvent"])
                       ])
                     ])) : g("", !0),
-                    e(f) ? (s(), v("div", ct, [
-                      o(q, {
-                        modelValue: e(c),
-                        "onUpdate:modelValue": r[10] || (r[10] = (i) => k(c) ? c.value = i : null),
+                    e(f) ? (s(), v("div", ut, [
+                      o(M, {
+                        modelValue: e(u),
+                        "onUpdate:modelValue": r[10] || (r[10] = (i) => k(u) ? u.value = i : null),
                         type: "textarea",
                         name: "remark",
                         label: e(l)("giftCard.remark"),
@@ -402,7 +401,7 @@ const ze = { class: "gift-card-skeleton" }, je = { class: "gift-card-skeleton-fo
                         placeholder: e(l)("giftCard.remarkPlaceholder")
                       }, null, 8, ["modelValue", "label", "placeholder"])
                     ])) : g("", !0),
-                    e(f) ? (s(), v("div", ut, [
+                    e(f) ? (s(), v("div", ct, [
                       o(S, {
                         label: e(l)("giftCard.orderGiftCard"),
                         "full-width": !0,
@@ -416,7 +415,7 @@ const ze = { class: "gift-card-skeleton" }, je = { class: "gift-card-skeleton-fo
                         pt,
                         o(Ze)
                       ]),
-                      T(t("div", mt, [
+                      I(t("div", mt, [
                         o(Ae)
                       ], 512), [
                         [L, e(X)]
@@ -428,7 +427,7 @@ const ze = { class: "gift-card-skeleton" }, je = { class: "gift-card-skeleton-fo
               _: 1
             }, 8, ["access-token", "data-layout", "callback"])
           ]),
-          fallback: F(() => [
+          fallback: $(() => [
             o(Ne)
           ]),
           _: 1
@@ -437,7 +436,7 @@ const ze = { class: "gift-card-skeleton" }, je = { class: "gift-card-skeleton-fo
       _: 1
     }, 8, ["styling"]));
   }
-}), M = /* @__PURE__ */ z(ft, [["__scopeId", "data-v-06df89c3"]]), bt = ke(), vt = we();
+}), G = /* @__PURE__ */ z(ft, [["__scopeId", "data-v-06df89c3"]]), bt = me(), vt = be();
 class ht extends HTMLElement {
   vueApp;
   constructor() {
@@ -447,20 +446,20 @@ class ht extends HTMLElement {
     this.vueApp.unmount();
   }
   connectedCallback() {
-    const n = typeof M == "function" ? M.options : M;
+    const n = typeof G == "function" ? G.options : G;
     let m = Array.isArray(n.props) ? n.props : Object.keys(n.props || {});
-    const l = (c) => c.replace(/[A-Z]+(?![a-z])|[A-Z]/g, (y, b) => (b ? "-" : "") + y.toLowerCase()), u = (c) => c.replace(/-./g, (y) => y[1].toUpperCase()), h = {};
+    const l = (u) => u.replace(/[A-Z]+(?![a-z])|[A-Z]/g, (y, b) => (b ? "-" : "") + y.toLowerCase()), c = (u) => u.replace(/-./g, (y) => y[1].toUpperCase()), h = {};
     m = m.map(l);
     const p = {};
-    for (const c of this.attributes) {
-      const b = c.name.split(".");
-      b.length > 1 && (p[b[0]] || (p[b[0]] = {}), p[b[0]][u(b[1])] = c.value);
+    for (const u of this.attributes) {
+      const b = u.name.split(".");
+      b.length > 1 && (p[b[0]] || (p[b[0]] = {}), p[b[0]][c(b[1])] = u.value);
     }
-    for (const c of m) {
-      let y = this.attributes.getNamedItem(c)?.value;
-      p.hasOwnProperty(c) && (y = p[c]), h[c] = y;
+    for (const u of m) {
+      let y = this.attributes.getNamedItem(u)?.value;
+      p.hasOwnProperty(u) && (y = p[u]), h[u] = y;
     }
-    this.vueApp = ue(M, h), Fe(this.vueApp), this.vueApp.provide("emitter", vt), this.vueApp.use(bt), this.vueApp.use(Ce), this.vueApp.use(Ve, { bootstrap: !0 });
+    this.vueApp = ce(G, h), ve(this.vueApp), this.vueApp.provide("emitter", vt), this.vueApp.use(bt), this.vueApp.use(fe), this.vueApp.use($e, { bootstrap: !0 });
     const _ = document.createElement("div");
     this.vueApp.mount(_), this.appendChild(_.children[0]);
   }