@konnectio/core 4.5.10 → 4.7.0

package/dist/gift-card-validation.js

@@ -1,26 +1,26 @@
-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-Dp_pykgV.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-Deugng4e.js";
-import { t as O } from "./_-BLU96am3.js";
-import { t as k } from "./ErrorMessage-B9Z6kWVl.js";
-import { n as A, t as j } from "./Field-uy59BBE5.js";
-import { t as M } from "./style-CyChAn2F.js";
-import { t as N } from "./ActionField-DRRWeUYM.js";
-import { t as P } from "./giftCard-D4xa9d4r.js";
+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, r as h, s as g, t as _, u as v, y } from "./mitt-D_sfUt2u.js";
+import { E as b, G as x, J as S, S as C, b as w, j as T, x as E } from "./SelectField-BuepNFGh.js";
+import { t as D } from "./_-CrX9aXtd.js";
+import { t as O } from "./ErrorMessage-CWRDhW-r.js";
+import { n as k, t as A } from "./Field-C0HFlyA-.js";
+import { t as j } from "./style-DxH0isic.js";
+import { t as M } from "./ActionField-DcJ46kr8.js";
+import { t as N } from "./giftCard-4K4sLoYc.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({
+var P = { class: "gift-card-validation-skeleton" }, F = { class: "gift-card-validation-skeleton-form" }, I = { class: "gift-card-validation-skeleton-text" }, L = { class: "gift-card-validation-skeleton-input" }, R = /*#__PURE__*/ C(/* @__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": "" })])])]));
+		return (e, t) => (l(), p("div", P, [n("div", F, [n("div", I, [
+			i(k, { height: "20px" }),
+			i(k, { height: "15px" }),
+			i(k, { height: "15px" })
+		]), n("div", L, [i(A), i(A, { "no-label": "" })])])]));
 	}
-}), [["__scopeId", "data-v-91109a29"]]), B = ["innerHTML"], V = {
+}), [["__scopeId", "data-v-b1601b74"]]), z = ["innerHTML"], B = {
 	key: 0,
 	id: "konnectio-gift-card-validation-resume",
 	class: "konnectio-panel"
-}, H = /* @__PURE__ */ w(/* @__PURE__ */ o({
+}, V = /*#__PURE__*/ C(/* @__PURE__ */ o({
 	name: "GiftCardValidationLayout",
 	__name: "GiftCardValidation",
 	props: {
@@ -31,85 +31,72 @@ var F = { class: "gift-card-validation-skeleton" }, I = { class: "gift-card-vali
 		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 }, {
+		})), { t: g } = m(), { voucher: _, isValid: C, amount: k, expirationDate: A, productName: j, isLoading: P } = v(T()), { currency: F, hasError: I } = v(b()), { fetchMetadata: L } = N(), { apply: V } = T();
+		return (c, u) => (l(), t(w, { styling: h.value }, {
 			default: d(() => [(l(), t(s, null, {
-				default: d(() => [i(O, {
+				default: d(() => [i(D, {
 					"access-token": o.accessToken,
 					callback: r(L)
 				}, {
-					default: d(() => [r(I) ? (l(), t(k, {
+					default: d(() => [r(I) ? (l(), t(O, {
 						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"])
+						onSubmit: u[3] ||= y((e) => r(V)(), ["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, {
+						n("p", { innerHTML: r(g)("giftCardValidation.description") }, null, 8, z),
+						i(M, {
 							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)()
+							"is-loading": r(P),
+							"onUpdate:isLoading": u[1] ||= (e) => f(P) ? P.value = e : null,
+							onAction: u[2] ||= (e) => r(V)()
 						}, 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, {
+						!r(P) && r(C) ? (l(), p("table", B, [n("thead", null, [n("tr", null, [
+							n("th", null, [n("span", null, e(r(g)("giftCardValidation.giftCard")), 1), i(E, {
 								icon: "gift-card",
 								type: "fas",
 								color: "header"
 							})]),
-							n("th", null, [n("span", null, e(r(g)("giftCardValidation.balance")), 1), i(D, {
+							n("th", null, [n("span", null, e(r(g)("giftCardValidation.balance")), 1), i(E, {
 								icon: "money-bill",
 								type: "fas",
 								color: "header"
 							})]),
-							n("th", null, [n("span", null, e(r(g)("giftCardValidation.expirationDate")), 1), i(D, {
+							n("th", null, [n("span", null, e(r(g)("giftCardValidation.expirationDate")), 1), i(E, {
 								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)])
+							n("td", null, [n("span", null, e(r(S)(r(k), r(F))), 1)]),
+							n("td", null, [n("span", null, e(r(x)(r(A))), 1)])
 						])])])) : a("", !0)
 					], 32))]),
 					_: 1
 				}, 8, ["access-token", "callback"])]),
-				fallback: d(() => [i(z)]),
+				fallback: d(() => [i(R)]),
 				_: 1
 			}))]),
 			_: 1
 		}, 8, ["styling"]));
 	}
-}), [["__scopeId", "data-v-e88ebaf6"]]), 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]);
-	}
-};
-window.customElements.define("konnectio-gift-card-validation", G);
+}), [["__scopeId", "data-v-ca768ef6"]]), H = u(), U = _(), W = g("konnectio-gift-card-validation", V, (e) => {
+	e.provide("emitter", U), e.use(H), e.use(h), e.use(j);
+});
 //#endregion
-export { G as default };
+export { W as default };

package/dist/gift-card.js

@@ -1,15 +1,15 @@
-import { $ as e, At as t, D as n, Dt as r, E as i, Et as a, M as o, O as s, P as c, S as l, T as u, Y as d, _ as f, a as p, bt as m, c as h, dt as g, ft as _, gt as v, k as y, lt as b, o as x, p as S, q as C, r as w, s as T, t as E, u as D, x as O, y as ee } from "./mitt-Dp_pykgV.js";
-import { t as k } from "./dist-CkHp-kIg.js";
-import { E as A, M as te, S as j, _ as M, b as N, n as P, r as ne, t as re, v as F, y as ie } from "./SelectField-Deugng4e.js";
-import { t as ae } from "./_-BLU96am3.js";
-import { t as oe } from "./ErrorMessage-B9Z6kWVl.js";
-import { n as I, t as L } from "./Field-uy59BBE5.js";
-import { t as R } from "./style-CyChAn2F.js";
-import { i as se, n as ce, r as le, t as ue } from "./CheckoutWindow-BHVG2dxQ.js";
-import { t as z } from "./giftCard-D4xa9d4r.js";
-import { t as B } from "./TermsOfService-B0e2zZ1G.js";
+import { $ as e, At as t, D as n, Dt as r, E as i, Et as a, M as o, O as s, P as c, S as l, T as u, Y as d, _ as f, a as p, bt as m, c as h, dt as g, ft as _, gt as v, k as y, lt as b, o as x, q as S, r as C, s as w, t as T, u as E, x as ee, y as D } from "./mitt-D_sfUt2u.js";
+import { t as O } from "./dist-Bmb1V_bQ.js";
+import { E as te, M as k, S as A, _ as j, b as ne, n as M, r as re, t as N, v as P, y as F } from "./SelectField-BuepNFGh.js";
+import { t as I } from "./_-CrX9aXtd.js";
+import { t as L } from "./ErrorMessage-CWRDhW-r.js";
+import { n as R, t as z } from "./Field-C0HFlyA-.js";
+import { t as B } from "./style-DxH0isic.js";
+import { i as ie, n as ae, r as oe, t as se } from "./CheckoutWindow-Cxf3LsRu.js";
+import { t as V } from "./giftCard-4K4sLoYc.js";
+import { t as H } from "./TermsOfService-CI6N0yyP.js";
 //#region src/components/inputs/MediaSelector.vue?vue&type=script&setup=true&lang.ts
-var V = { class: "media-selector" }, H = ["accept"], U = { class: "media-selector-wrapper" }, W = { class: "media-selector-tools" }, G = { key: 0 }, K = { key: 1 }, q = { key: 2 }, J = ["src"], Y = /* @__PURE__ */ c({
+var U = { class: "media-selector" }, W = ["accept"], G = { class: "media-selector-wrapper" }, K = { class: "media-selector-tools" }, q = { key: 0 }, J = { key: 1 }, Y = { key: 2 }, X = ["src"], Z = /*@__PURE__*/ c({
 	__name: "MediaSelector",
 	props: {
 		modelValue: {},
@@ -23,7 +23,7 @@ var V = { class: "media-selector" }, H = ["accept"], U = { class: "media-selecto
 	},
 	emits: ["update:modelValue"],
 	setup(e, { emit: t }) {
-		let c = t, l = e, { t: f } = x(), { display: p } = te(), h = m(), _ = u(() => l.modelValue.base64 !== "");
+		let c = t, l = e, { t: f } = x(), { display: p } = k(), h = m(), _ = u(() => l.modelValue.base64 !== "");
 		function v(e) {
 			c("update:modelValue", e);
 		}
@@ -57,12 +57,12 @@ var V = { class: "media-selector" }, H = ["accept"], U = { class: "media-selecto
 			let e;
 			(e = h.value.files) instanceof FileList && C(e[0], v);
 		}
-		return (t, c) => (d(), n(M, {
+		return (t, c) => (d(), n(j, {
 			label: e.label,
 			required: e.required,
 			type: "media"
 		}, {
-			default: g(() => [i("div", V, [i("input", {
+			default: g(() => [i("div", U, [i("input", {
 				ref_key: "fileInput",
 				ref: h,
 				type: "file",
@@ -70,22 +70,22 @@ var V = { class: "media-selector" }, H = ["accept"], U = { class: "media-selecto
 				accept: e.validation,
 				single: "",
 				onChange: c[0] ||= (e) => w()
-			}, null, 40, H), i("div", U, [i("ul", W, [
-				_.value ? s("", !0) : (d(), y("li", G, [o(F, {
+			}, null, 40, W), i("div", G, [i("ul", K, [
+				_.value ? s("", !0) : (d(), y("li", q, [o(P, {
 					label: a(f)("uploadFile"),
 					type: "button",
 					icon: "upload",
 					"icon-color": e.iconColor,
 					onClickEvent: c[1] ||= (e) => S()
 				}, null, 8, ["label", "icon-color"])])),
-				_.value ? (d(), y("li", K, [o(F, {
+				_.value ? (d(), y("li", J, [o(P, {
 					label: a(f)("replaceFile"),
 					type: "button",
 					icon: "repeat-alt",
 					"icon-color": e.iconColor,
 					onClickEvent: c[2] ||= (e) => S()
 				}, null, 8, ["label", "icon-color"])])) : s("", !0),
-				_.value ? (d(), y("li", q, [o(F, {
+				_.value ? (d(), y("li", Y, [o(P, {
 					label: a(f)("removeFile"),
 					type: "button",
 					icon: "trash-alt",
@@ -95,14 +95,14 @@ var V = { class: "media-selector" }, H = ["accept"], U = { class: "media-selecto
 			]), i("div", { class: r(["media-selector-previewer", { opened: _.value }]) }, [e.modelValue ? (d(), y("img", {
 				key: 0,
 				src: e.modelValue.base64
-			}, null, 8, J)) : s("", !0)], 2)])])]),
+			}, null, 8, X)) : s("", !0)], 2)])])]),
 			_: 1
 		}, 8, ["label", "required"]));
 	}
 });
 //#endregion
 //#region src/components/inputs/MediaSelector.vue?vue&type=i18n&index=0&lang.yaml
-function X(e) {
+function Q(e) {
 	let t = e;
 	t.__i18n = t.__i18n || [], t.__i18n.push({
 		locale: "",
@@ -180,22 +180,22 @@ function X(e) {
 }
 //#endregion
 //#region src/components/inputs/MediaSelector.vue
-typeof X == "function" && X(Y);
+typeof Q == "function" && Q(Z);
 //#endregion
 //#region src/components/skeletons/GiftCardSkeleton.vue?vue&type=script&setup=true&lang.ts
-var de = { class: "gift-card-skeleton" }, fe = { class: "gift-card-skeleton-form" }, pe = /* @__PURE__ */ j(/* @__PURE__ */ c({
+var ce = { class: "gift-card-skeleton" }, le = { class: "gift-card-skeleton-form" }, ue = /*#__PURE__*/ A(/* @__PURE__ */ c({
 	__name: "GiftCardSkeleton",
 	setup(e) {
-		return (e, t) => (d(), y("div", de, [i("div", fe, [
-			o(L),
-			o(L),
-			o(L),
-			o(L),
-			o(L, { "is-text-area": "" }),
-			o(I, { height: "44px" })
+		return (e, t) => (d(), y("div", ce, [i("div", le, [
+			o(z),
+			o(z),
+			o(z),
+			o(z),
+			o(z, { "is-text-area": "" }),
+			o(R, { height: "44px" })
 		])]));
 	}
-}), [["__scopeId", "data-v-952c68dd"]]), me = { class: "konnectio-accept-terms" }, he = /* @__PURE__ */ j(/* @__PURE__ */ c({
+}), [["__scopeId", "data-v-ba3efaa1"]]), de = { class: "konnectio-accept-terms" }, fe = /*#__PURE__*/ A(/* @__PURE__ */ c({
 	__name: "_",
 	props: {
 		content: {},
@@ -203,7 +203,7 @@ var de = { class: "gift-card-skeleton" }, fe = { class: "gift-card-skeleton-form
 	},
 	setup(e) {
 		let { t: n } = x(), r = m(!1);
-		return (s, c) => (d(), y("div", me, [o(a(p), {
+		return (s, c) => (d(), y("div", de, [o(a(p), {
 			keypath: "general.termsAndConditionsNotice",
 			tag: "span",
 			scope: "global"
@@ -212,37 +212,37 @@ var de = { class: "gift-card-skeleton" }, fe = { class: "gift-card-skeleton-form
 			terms: g(() => [i("a", {
 				class: "konnectio-accept-terms-link",
 				target: "_blank",
-				onClick: c[0] ||= ee((e) => r.value = !0, ["prevent"])
+				onClick: c[0] ||= D((e) => r.value = !0, ["prevent"])
 			}, [i("span", null, t(a(n)("general.termsAndConditions")), 1)])]),
 			_: 1
-		}), o(B, {
+		}), o(H, {
 			modelValue: r.value,
 			"onUpdate:modelValue": c[1] ||= (e) => r.value = e,
 			description: e.content
 		}, null, 8, ["modelValue", "description"])]));
 	}
-}), [["__scopeId", "data-v-93ef3159"]]), ge = /* @__PURE__ */ c({
+}), [["__scopeId", "data-v-689c045a"]]), pe = /* @__PURE__ */ c({
 	__name: "GiftCard",
 	setup(e) {
-		let { t } = x(), r = z();
-		return (e, i) => (d(), n(he, {
+		let { t } = x(), r = V();
+		return (e, i) => (d(), n(fe, {
 			content: a(r).termsOfService,
 			"button-label": a(t)("giftCard.orderGiftCard")
 		}, null, 8, ["content", "button-label"]));
 	}
-}), _e = ["data-layout"], ve = { id: "konnectio-gift-card-wrapper" }, ye = { id: "konnectio-gift-card-title" }, be = { id: "konnectio-gift-card-content" }, xe = { id: "konnectio-gift-card-payment" }, Se = ["innerHTML"], Ce = { key: 0 }, we = {
+}), me = ["data-layout"], he = { id: "konnectio-gift-card-wrapper" }, ge = { id: "konnectio-gift-card-title" }, _e = { id: "konnectio-gift-card-content" }, ve = { id: "konnectio-gift-card-payment" }, ye = ["innerHTML"], be = { key: 0 }, $ = {
 	key: 0,
 	id: "konnectio-select-place-type"
-}, Te = { class: /* @__PURE__ */ r(["konnectio-label", "required"]) }, Ee = { id: "konnectio-select-place-type-input" }, De = ["innerHTML"], Z = {
+}, xe = { class: /*@__PURE__*/ r(["konnectio-label", "required"]) }, Se = { id: "konnectio-select-place-type-input" }, Ce = ["innerHTML"], we = {
 	key: 0,
 	id: "konnectio-gift-card-order"
-}, Oe = { class: "konnectio-panel" }, ke = {
+}, Te = { class: "konnectio-panel" }, Ee = {
 	key: 1,
 	id: "konnectio-gift-card-remarks"
-}, Ae = {
+}, De = {
 	key: 2,
 	id: "konnectio-gift-card-order-minimal"
-}, je = { id: "konnectio-gift-card-recaptcha" }, Q = /* @__PURE__ */ j(/* @__PURE__ */ c({
+}, Oe = { id: "konnectio-gift-card-recaptcha" }, ke = /*#__PURE__*/ A(/* @__PURE__ */ c({
 	name: "GiftCardLayout",
 	__name: "GiftCard",
 	props: {
@@ -255,19 +255,20 @@ var de = { class: "gift-card-skeleton" }, fe = { class: "gift-card-skeleton-form
 		let c = r, p = u(() => ({
 			panelMaxWidth: "800px",
 			...c.styling
-		})), { t: m } = x(), { name: h, email: S, phone: w, value: T, remark: E, showValue: ee, quantity: k, media: te, placeId: j, placeType: M, showFormPage: I, showPaymentPage: L, showConfirmationPage: R, places: B, hasFilledForm: V, hasForcedPlaceType: H, isWaitingForResponse: U } = D(z()), { initialize: W, orderGiftCard: G, fetchMetadata: K } = z(), { isRecaptchaEnabled: q, currency: J, hasError: Y } = D(A());
-		return b(M, () => {
+		})), { t: m } = x(), { name: h, email: C, phone: w, value: T, remark: D, showValue: O, quantity: k, media: A, placeId: j, placeType: R, showFormPage: z, showPaymentPage: B, showConfirmationPage: H, places: U, hasFilledForm: W, hasForcedPlaceType: G, isWaitingForResponse: K } = E(V()), { initialize: q, orderGiftCard: J, fetchMetadata: Y } = V(), { isRecaptchaEnabled: X, currency: Z, hasError: Q } = E(te());
+		return b(R, () => {
 			j.value = void 0;
-		}), C(() => {
-			W(c.placeType ? parseInt(c.placeType) : void 0);
-		}), (c, u) => (d(), n(N, { styling: p.value }, {
+		}), S(() => {
+			let e = c.placeType ? parseInt(c.placeType) : void 0;
+			q(e);
+		}), (c, u) => (d(), n(ne, { styling: p.value }, {
 			default: g(() => [(d(), n(l, null, {
-				default: g(() => [o(ae, {
+				default: g(() => [o(I, {
 					"access-token": r.accessToken,
 					"data-layout": r.layout,
-					callback: a(K)
+					callback: a(Y)
 				}, {
-					default: g(() => [a(Y) ? (d(), n(oe, {
+					default: g(() => [a(Q) ? (d(), n(L, {
 						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."
@@ -275,17 +276,17 @@ var de = { class: "gift-card-skeleton" }, fe = { class: "gift-card-skeleton-form
 						key: 0,
 						id: "konnectio-gift-card-module",
 						"data-layout": r.layout
-					}, [i("div", ve, [
-						i("h2", ye, [i("span", null, t(a(m)("giftCard.title")), 1)]),
-						i("div", be, [
-							_(i("div", xe, [o(ue)], 512), [[f, a(L)]]),
+					}, [i("div", he, [
+						i("h2", ge, [i("span", null, t(a(m)("giftCard.title")), 1)]),
+						i("div", _e, [
+							_(i("div", ve, [o(se)], 512), [[f, a(B)]]),
 							_(i("div", null, [i("p", {
 								id: "konnectio-gift-card-description",
 								innerHTML: a(m)("giftCard.description")
-							}, null, 8, Se), i("form", null, [
-								a(H) ? s("", !0) : (d(), y("div", Ce, [a(B) ? (d(), y("div", we, [i("label", Te, [i("span", null, t(a(m)("giftCard.selectType")), 1)]), i("div", Ee, [i("ul", null, [(d(!0), y(O, null, e(a(B), (e, t) => (d(), y("li", { key: t }, [o(le, {
-									modelValue: a(M),
-									"onUpdate:modelValue": u[0] ||= (e) => v(M) ? M.value = e : null,
+							}, null, 8, ye), i("form", null, [
+								a(G) ? s("", !0) : (d(), y("div", be, [a(U) ? (d(), y("div", $, [i("label", xe, [i("span", null, t(a(m)("giftCard.selectType")), 1)]), i("div", Se, [i("ul", null, [(d(!0), y(ee, null, e(a(U), (e, t) => (d(), y("li", { key: t }, [o(oe, {
+									modelValue: a(R),
+									"onUpdate:modelValue": u[0] ||= (e) => v(R) ? R.value = e : null,
 									type: "radio",
 									name: "placeType",
 									val: t,
@@ -294,12 +295,12 @@ var de = { class: "gift-card-skeleton" }, fe = { class: "gift-card-skeleton-form
 									"modelValue",
 									"val",
 									"label"
-								])]))), 128))]), a(B)[a(M)] && a(B)[a(M)].data.length > 1 ? (d(), n(re, {
+								])]))), 128))]), a(U)[a(R)] && a(U)[a(R)].data.length > 1 ? (d(), n(N, {
 									key: 0,
 									modelValue: a(j),
 									"onUpdate:modelValue": u[1] ||= (e) => v(j) ? j.value = e : null,
 									placeholder: a(m)("giftCard.selectPlacePlaceholder"),
-									options: a(B)[a(M)].data,
+									options: a(U)[a(R)].data,
 									labelKey: "name",
 									valueKey: "id",
 									required: ""
@@ -307,8 +308,8 @@ var de = { class: "gift-card-skeleton" }, fe = { class: "gift-card-skeleton-form
 									"modelValue",
 									"placeholder",
 									"options"
-								])) : s("", !0)])])) : (d(), n(ie, { key: 1 }))])),
-								o(P, {
+								])) : s("", !0)])])) : (d(), n(F, { key: 1 }))])),
+								o(M, {
 									modelValue: a(h),
 									"onUpdate:modelValue": u[2] ||= (e) => v(h) ? h.value = e : null,
 									type: "text",
@@ -323,9 +324,9 @@ var de = { class: "gift-card-skeleton" }, fe = { class: "gift-card-skeleton-form
 									"label",
 									"placeholder"
 								]),
-								o(P, {
-									modelValue: a(S),
-									"onUpdate:modelValue": u[3] ||= (e) => v(S) ? S.value = e : null,
+								o(M, {
+									modelValue: a(C),
+									"onUpdate:modelValue": u[3] ||= (e) => v(C) ? C.value = e : null,
 									type: "email",
 									name: "email",
 									autocomplete: "email",
@@ -338,7 +339,7 @@ var de = { class: "gift-card-skeleton" }, fe = { class: "gift-card-skeleton-form
 									"label",
 									"placeholder"
 								]),
-								o(se, {
+								o(ie, {
 									modelValue: a(w),
 									"onUpdate:modelValue": u[4] ||= (e) => v(w) ? w.value = e : null,
 									icon: "phone-office",
@@ -350,7 +351,7 @@ var de = { class: "gift-card-skeleton" }, fe = { class: "gift-card-skeleton-form
 									"label",
 									"placeholder"
 								]),
-								o(P, {
+								o(M, {
 									modelValue: a(T),
 									"onUpdate:modelValue": u[5] ||= (e) => v(T) ? T.value = e : null,
 									type: "number",
@@ -358,7 +359,7 @@ var de = { class: "gift-card-skeleton" }, fe = { class: "gift-card-skeleton-form
 									label: a(m)("giftCard.value"),
 									icon: "money-bill",
 									placeholder: a(m)("giftCard.valuePlaceholder"),
-									suffix: a(J),
+									suffix: a(Z),
 									required: ""
 								}, null, 8, [
 									"modelValue",
@@ -368,32 +369,32 @@ var de = { class: "gift-card-skeleton" }, fe = { class: "gift-card-skeleton-form
 								]),
 								s("", !0),
 								s("", !0),
-								o(ne, {
+								o(re, {
 									modelValue: a(k),
 									"onUpdate:modelValue": u[8] ||= (e) => v(k) ? k.value = e : null,
 									label: a(m)("giftCard.quantity"),
 									icon: "gift-card",
 									required: ""
 								}, null, 8, ["modelValue", "label"])
-							])], 512), [[f, a(I)]]),
-							_(i("div", null, [i("div", { innerHTML: a(m)("giftCard.thankYou") }, null, 8, De)], 512), [[f, a(R)]])
+							])], 512), [[f, a(z)]]),
+							_(i("div", null, [i("div", { innerHTML: a(m)("giftCard.thankYou") }, null, 8, Ce)], 512), [[f, a(H)]])
 						]),
-						r.layout !== "minimal" && a(I) ? (d(), y("div", Z, [i("div", Oe, [o(F, {
+						r.layout !== "minimal" && a(z) ? (d(), y("div", we, [i("div", Te, [o(P, {
 							label: a(m)("giftCard.orderGiftCard"),
 							"full-width": !0,
-							disabled: !a(V),
-							"is-loading": a(U),
-							"onUpdate:isLoading": u[9] ||= (e) => v(U) ? U.value = e : null,
-							onClickEvent: a(G)
+							disabled: !a(W),
+							"is-loading": a(K),
+							"onUpdate:isLoading": u[9] ||= (e) => v(K) ? K.value = e : null,
+							onClickEvent: a(J)
 						}, null, 8, [
 							"label",
 							"disabled",
 							"is-loading",
 							"onClickEvent"
 						])])])) : s("", !0),
-						a(I) ? (d(), y("div", ke, [o(P, {
-							modelValue: a(E),
-							"onUpdate:modelValue": u[10] ||= (e) => v(E) ? E.value = e : null,
+						a(z) ? (d(), y("div", Ee, [o(M, {
+							modelValue: a(D),
+							"onUpdate:modelValue": u[10] ||= (e) => v(D) ? D.value = e : null,
 							type: "textarea",
 							name: "remark",
 							label: a(m)("giftCard.remark"),
@@ -404,52 +405,39 @@ var de = { class: "gift-card-skeleton" }, fe = { class: "gift-card-skeleton-form
 							"label",
 							"placeholder"
 						])])) : s("", !0),
-						a(I) ? (d(), y("div", Ae, [
-							o(F, {
+						a(z) ? (d(), y("div", De, [
+							o(P, {
 								label: a(m)("giftCard.orderGiftCard"),
 								"full-width": !0,
-								disabled: !a(V),
+								disabled: !a(W),
 								"data-test": "orderGiftCard",
-								"is-loading": a(U),
-								"onUpdate:isLoading": u[11] ||= (e) => v(U) ? U.value = e : null,
-								onClickEvent: a(G)
+								"is-loading": a(K),
+								"onUpdate:isLoading": u[11] ||= (e) => v(K) ? K.value = e : null,
+								onClickEvent: a(J)
 							}, null, 8, [
 								"label",
 								"disabled",
 								"is-loading",
 								"onClickEvent"
 							]),
-							i("div", null, [u[12] ||= i("div", { class: "konnectio-divider" }, null, -1), o(ge)]),
-							_(i("div", je, [o(ce)], 512), [[f, a(q)]])
+							i("div", null, [u[12] ||= i("div", { class: "konnectio-divider" }, null, -1), o(pe)]),
+							_(i("div", Oe, [o(ae)], 512), [[f, a(X)]])
 						])) : s("", !0)
-					])], 8, _e))]),
+					])], 8, me))]),
 					_: 1
 				}, 8, [
 					"access-token",
 					"data-layout",
 					"callback"
 				])]),
-				fallback: g(() => [o(pe)]),
+				fallback: g(() => [o(ue)]),
 				_: 1
 			}))]),
 			_: 1
 		}, 8, ["styling"]));
 	}
-}), [["__scopeId", "data-v-5baf85ce"]]), Me = h(), Ne = E(), $ = class extends HTMLElement {
-	vueApp;
-	constructor() {
-		super();
-	}
-	disconnectedCallback() {
-		this.vueApp.unmount();
-	}
-	connectedCallback() {
-		let e = T(Q, this.attributes);
-		this.vueApp = S(Q, e), this.vueApp.provide("emitter", Ne), this.vueApp.use(k), this.vueApp.use(Me), this.vueApp.use(w), this.vueApp.use(R);
-		let t = document.createElement("div");
-		this.vueApp.mount(t), this.appendChild(t.children[0]);
-	}
-};
-window.customElements.define("konnectio-gift-card", $);
+}), [["__scopeId", "data-v-06fd20aa"]]), Ae = h(), je = T(), Me = w("konnectio-gift-card", ke, (e) => {
+	e.provide("emitter", je), e.use(O), e.use(Ae), e.use(C), e.use(B);
+});
 //#endregion
-export { $ as default };
+export { Me as default };

package/dist/{giftCard-D4xa9d4r.js → giftCard-4K4sLoYc.js}

@@ -1,5 +1,5 @@
-import { T as e, bt as t, l as n, n as r, u as i } from "./mitt-Dp_pykgV.js";
-import { A as a, E as o, M as s, P as c, T as l, V as u, at as d, et as f, lt as p } from "./SelectField-Deugng4e.js";
+import { T as e, bt as t, l as n, n as r, u as i } from "./mitt-D_sfUt2u.js";
+import { A as a, E as o, M as s, P as c, T as l, V as u, at as d, et as f, lt as p } from "./SelectField-BuepNFGh.js";
 //#region src/store/giftCard.ts
 var m = n("giftCard", () => {
 	let { pay: n } = a(), { display: m } = s(), { metaData: h, currencyId: g, hasError: _ } = i(o()), v = o(), y = t(f.InitialState), b = p("konnectio_name", "", void 0, { serializer: d.string }), x = p("konnectio_email", "", void 0, { serializer: d.string }), S = p("konnectio_phone", "", void 0, { serializer: d.string }), C = t(""), w = t(1), T = t(!0), E = t(""), D = t({