@konnectio/core 4.8.3 → 4.8.4

package/dist/gift-card.js

@@ -1,15 +1,15 @@
-import { D as e, E as t, Et as n, J as r, K as i, N as a, O as o, Q as s, T as c, Tt as l, a as u, b as d, ct as f, dt as p, g as m, ht as h, i as g, j as _, kt as v, l as y, n as b, o as x, s as S, ut as C, v as w, w as T, x as ee, yt as E } from "./i18n-BF6zkld-.js";
-import { t as D } from "./dist-Div6l3C2.js";
-import { E as te, N as ne, S as O, T as re, _ as ie, b as ae, n as k, r as A, t as oe, v as j, y as se } from "./SelectField-D7e73Bye.js";
-import { a as ce, c as le, i as ue, l as de, r as fe, s as pe, t as me } from "./CheckoutWindow-DvJ7vnNs.js";
-import { t as he } from "./_-B4tCu0BU.js";
-import { t as ge } from "./ErrorMessage-KXjD72UF.js";
-import { n as M, t as N } from "./Field-BDefa6ac.js";
-import { t as P } from "./style-Bb9B24D1.js";
-import { t as F } from "./giftCard-DPU-N3nF.js";
-import { t as I } from "./TermsOfService-CAeM3I9r.js";
+import { A as e, At as t, D as n, E as r, L as i, M as a, N as o, P as s, Pt as c, Q as l, S as u, _t as d, a as f, bt as p, et as m, gt as h, h as g, i as _, it as v, j as y, jt as b, mt as x, n as S, o as C, p as w, w as T, wt as E, z as D } from "./i18n-_behsDNX.js";
+import { t as O } from "./dist-CS5pBdeg.js";
+import { E as ee, N as te, S as k, T as ne, _ as re, b as ie, n as A, r as ae, t as oe, v as j, y as se } from "./SelectField-BUeYRCxc.js";
+import { a as ce, c as le, i as ue, l as de, r as fe, s as pe, t as me } from "./CheckoutWindow-C7AVcaIo.js";
+import { t as he } from "./_-DFyJPf6E.js";
+import { t as ge } from "./ErrorMessage-i6VD5R-W.js";
+import { n as M, t as N } from "./Field-CysA6ZKB.js";
+import { t as P } from "./style-DWSfukOm.js";
+import { t as F } from "./giftCard-ChLbvI2n.js";
+import { t as I } from "./TermsOfService-DgMhoS_V.js";
 //#region src/components/inputs/MediaSelector.vue?vue&type=script&setup=true&lang.ts
-var L = { class: "media-selector" }, R = ["accept"], z = { class: "media-selector-wrapper" }, B = { class: "media-selector-tools" }, V = { key: 0 }, H = { key: 1 }, U = { key: 2 }, W = ["src"], G = /*@__PURE__*/ a({
+var L = { class: "media-selector" }, R = ["accept"], z = { class: "media-selector-wrapper" }, B = { class: "media-selector-tools" }, V = { key: 0 }, H = { key: 1 }, U = { key: 2 }, W = ["src"], G = /*@__PURE__*/ D({
 	__name: "MediaSelector",
 	props: {
 		modelValue: {},
@@ -22,22 +22,22 @@ var L = { class: "media-selector" }, R = ["accept"], z = { class: "media-selecto
 		}
 	},
 	emits: ["update:modelValue"],
-	setup(i, { emit: a }) {
-		let s = a, d = i, { t: f } = u(), { display: p } = ne(), m = E(), h = T(() => d.modelValue.base64 !== "");
-		function g(e) {
-			s("update:modelValue", e);
+	setup(n, { emit: r }) {
+		let c = r, l = n, { t: u } = f(), { display: d } = te(), p = E(), g = e(() => l.modelValue.base64 !== "");
+		function _(e) {
+			c("update:modelValue", e);
 		}
 		function v() {
-			g({
+			_({
 				base64: "",
 				name: "",
 				type: ""
-			}), m.value && (m.value.value = "");
+			}), p.value && (p.value.value = "");
 		}
-		function y() {
-			m.value && m.value.click();
+		function x() {
+			p.value && p.value.click();
 		}
-		function b(e, t) {
+		function S(e, t) {
 			let [n, r] = [e.name, e.type], i = new FileReader();
 			i.onload = function(e) {
 				if (e.target) {
@@ -47,55 +47,55 @@ var L = { class: "media-selector" }, R = ["accept"], z = { class: "media-selecto
 						name: n,
 						type: r
 					});
-				} else p({
-					message: f("imageUploadError"),
+				} else d({
+					message: u("imageUploadError"),
 					type: "error"
 				});
 			}, i.readAsDataURL(e);
 		}
-		async function x() {
+		async function C() {
 			let e;
-			(e = m.value.files) instanceof FileList && b(e[0], g);
+			(e = p.value.files) instanceof FileList && S(e[0], _);
 		}
-		return (a, s) => (r(), t(ie, {
-			label: i.label,
-			required: i.required,
+		return (e, r) => (m(), a(re, {
+			label: n.label,
+			required: n.required,
 			type: "media"
 		}, {
-			default: C(() => [c("div", L, [c("input", {
+			default: h(() => [y("div", L, [y("input", {
 				ref_key: "fileInput",
-				ref: m,
+				ref: p,
 				type: "file",
 				class: "hidden",
-				accept: i.validation,
+				accept: n.validation,
 				single: "",
-				onChange: s[0] ||= (e) => x()
-			}, null, 40, R), c("div", z, [c("ul", B, [
-				h.value ? e("", !0) : (r(), o("li", V, [_(j, {
-					label: l(f)("uploadFile"),
+				onChange: r[0] ||= (e) => C()
+			}, null, 40, R), y("div", z, [y("ul", B, [
+				g.value ? o("", !0) : (m(), s("li", V, [i(j, {
+					label: t(u)("uploadFile"),
 					type: "button",
 					icon: "upload",
-					"icon-color": i.iconColor,
-					onClickEvent: s[1] ||= (e) => y()
+					"icon-color": n.iconColor,
+					onClickEvent: r[1] ||= (e) => x()
 				}, null, 8, ["label", "icon-color"])])),
-				h.value ? (r(), o("li", H, [_(j, {
-					label: l(f)("replaceFile"),
+				g.value ? (m(), s("li", H, [i(j, {
+					label: t(u)("replaceFile"),
 					type: "button",
 					icon: "repeat-alt",
-					"icon-color": i.iconColor,
-					onClickEvent: s[2] ||= (e) => y()
-				}, null, 8, ["label", "icon-color"])])) : e("", !0),
-				h.value ? (r(), o("li", U, [_(j, {
-					label: l(f)("removeFile"),
+					"icon-color": n.iconColor,
+					onClickEvent: r[2] ||= (e) => x()
+				}, null, 8, ["label", "icon-color"])])) : o("", !0),
+				g.value ? (m(), s("li", U, [i(j, {
+					label: t(u)("removeFile"),
 					type: "button",
 					icon: "trash-alt",
-					"icon-color": i.iconColor,
-					onClickEvent: s[3] ||= (e) => v()
-				}, null, 8, ["label", "icon-color"])])) : e("", !0)
-			]), c("div", { class: n(["media-selector-previewer", { opened: h.value }]) }, [i.modelValue ? (r(), o("img", {
+					"icon-color": n.iconColor,
+					onClickEvent: r[3] ||= (e) => v()
+				}, null, 8, ["label", "icon-color"])])) : o("", !0)
+			]), y("div", { class: b(["media-selector-previewer", { opened: g.value }]) }, [n.modelValue ? (m(), s("img", {
 				key: 0,
-				src: i.modelValue.base64
-			}, null, 8, W)) : e("", !0)], 2)])])]),
+				src: n.modelValue.base64
+			}, null, 8, W)) : o("", !0)], 2)])])]),
 			_: 1
 		}, 8, ["label", "required"]));
 	}
@@ -183,57 +183,57 @@ function K(e) {
 typeof K == "function" && K(G);
 //#endregion
 //#region src/components/skeletons/GiftCardSkeleton.vue?vue&type=script&setup=true&lang.ts
-var q = { class: "gift-card-skeleton" }, J = { class: "gift-card-skeleton-form" }, _e = /*#__PURE__*/ O(/* @__PURE__ */ a({
+var q = { class: "gift-card-skeleton" }, J = { class: "gift-card-skeleton-form" }, _e = /*#__PURE__*/ k(/* @__PURE__ */ D({
 	__name: "GiftCardSkeleton",
 	setup(e) {
-		return (e, t) => (r(), o("div", q, [c("div", J, [
-			_(N),
-			_(N),
-			_(N),
-			_(N),
-			_(N, { "is-text-area": "" }),
-			_(M, { height: "44px" })
+		return (e, t) => (m(), s("div", q, [y("div", J, [
+			i(N),
+			i(N),
+			i(N),
+			i(N),
+			i(N, { "is-text-area": "" }),
+			i(M, { height: "44px" })
 		])]));
 	}
-}), [["__scopeId", "data-v-952c68dd"]]), Y = { class: "konnectio-accept-terms" }, X = /*#__PURE__*/ O(/* @__PURE__ */ a({
+}), [["__scopeId", "data-v-952c68dd"]]), Y = { class: "konnectio-accept-terms" }, X = /*#__PURE__*/ k(/* @__PURE__ */ D({
 	__name: "_",
 	props: {
 		content: {},
 		buttonLabel: {}
 	},
 	setup(e) {
-		let { t } = u(), n = E(!1);
-		return (i, a) => (r(), o("div", Y, [_(l(g), {
+		let { t: n } = f(), r = E(!1);
+		return (a, o) => (m(), s("div", Y, [i(t(_), {
 			keypath: "general.termsAndConditionsNotice",
 			tag: "span",
 			scope: "global"
 		}, {
-			button: C(() => [c("i", null, "\"" + v(e.buttonLabel) + "\"", 1)]),
-			terms: C(() => [c("a", {
+			button: h(() => [y("i", null, "\"" + c(e.buttonLabel) + "\"", 1)]),
+			terms: h(() => [y("a", {
 				class: "konnectio-accept-terms-link",
 				target: "_blank",
-				onClick: a[0] ||= w((e) => n.value = !0, ["prevent"])
-			}, [c("span", null, v(l(t)("general.termsAndConditions")), 1)])]),
+				onClick: o[0] ||= T((e) => r.value = !0, ["prevent"])
+			}, [y("span", null, c(t(n)("general.termsAndConditions")), 1)])]),
 			_: 1
-		}), _(I, {
-			modelValue: n.value,
-			"onUpdate:modelValue": a[1] ||= (e) => n.value = e,
+		}), i(I, {
+			modelValue: r.value,
+			"onUpdate:modelValue": o[1] ||= (e) => r.value = e,
 			description: e.content
 		}, null, 8, ["modelValue", "description"])]));
 	}
-}), [["__scopeId", "data-v-93ef3159"]]), ve = /* @__PURE__ */ a({
+}), [["__scopeId", "data-v-93ef3159"]]), ve = /* @__PURE__ */ D({
 	__name: "GiftCard",
 	setup(e) {
-		let { t: n } = u(), i = F();
-		return (e, a) => (r(), t(X, {
-			content: l(i).termsOfService,
-			"button-label": l(n)("giftCard.orderGiftCard")
+		let { t: n } = f(), r = F();
+		return (e, i) => (m(), a(X, {
+			content: t(r).termsOfService,
+			"button-label": t(n)("giftCard.orderGiftCard")
 		}, null, 8, ["content", "button-label"]));
 	}
 }), ye = ["data-layout"], be = { id: "konnectio-gift-card-wrapper" }, xe = { id: "konnectio-gift-card-title" }, Se = { id: "konnectio-gift-card-content" }, Ce = { id: "konnectio-gift-card-payment" }, we = ["innerHTML"], Te = { key: 0 }, Ee = {
 	key: 0,
 	id: "konnectio-select-place-type"
-}, De = { class: /*@__PURE__*/ n(["konnectio-label", "required"]) }, Oe = { id: "konnectio-select-place-type-input" }, ke = ["innerHTML"], Z = {
+}, De = { class: /*@__PURE__*/ b(["konnectio-label", "required"]) }, Oe = { id: "konnectio-select-place-type-input" }, ke = ["innerHTML"], Z = {
 	key: 0,
 	id: "konnectio-gift-card-order"
 }, Ae = { class: "konnectio-panel" }, je = {
@@ -242,7 +242,7 @@ var q = { class: "gift-card-skeleton" }, J = { class: "gift-card-skeleton-form"
 }, Me = {
 	key: 2,
 	id: "konnectio-gift-card-order-minimal"
-}, Ne = { id: "konnectio-gift-card-recaptcha" }, Q = /*#__PURE__*/ O(/* @__PURE__ */ a({
+}, Ne = { id: "konnectio-gift-card-recaptcha" }, Q = /*#__PURE__*/ k(/* @__PURE__ */ D({
 	name: "GiftCardLayout",
 	__name: "GiftCard",
 	props: {
@@ -251,12 +251,12 @@ var q = { class: "gift-card-skeleton" }, J = { class: "gift-card-skeleton-form"
 		placeType: {},
 		styling: {}
 	},
-	setup(n) {
-		let a = n, g = T(() => ({
+	setup(_) {
+		let b = _, S = e(() => ({
 			panelMaxWidth: "800px",
-			...a.styling
-		})), { t: b } = u(), { name: x, email: S, phone: w, value: E, remark: D, showValue: ne, quantity: O, media: ie, placeId: M, placeType: N, showFormPage: P, showPaymentPage: I, showConfirmationPage: L, places: R, hasFilledForm: z, hasForcedPlaceType: B, isWaitingForResponse: V } = y(F()), { initialize: H, orderGiftCard: U, fetchMetadata: W, giftCardPayload: G } = F(), { isRecaptchaEnabled: K, currency: q, hasError: J } = y(te());
-		de.useHttpClient(pe(re()));
+			...b.styling
+		})), { t: C } = f(), { name: w, email: T, phone: E, value: D, remark: O, showValue: te, quantity: k, media: re, placeId: M, placeType: N, showFormPage: P, showPaymentPage: I, showConfirmationPage: L, places: R, hasFilledForm: z, hasForcedPlaceType: B, isWaitingForResponse: V } = g(F()), { initialize: H, orderGiftCard: U, fetchMetadata: W, giftCardPayload: G } = F(), { isRecaptchaEnabled: K, currency: q, hasError: J } = g(ee());
+		de.useHttpClient(pe(ne()));
 		let Y = le("post", "/gift-card/create", G());
 		Y.setValidationTimeout(600);
 		function X(e) {
@@ -269,51 +269,51 @@ var q = { class: "gift-card-skeleton" }, J = { class: "gift-card-skeleton-form"
 			let e = await U();
 			e && Y.setErrors(e);
 		}
-		return f(x, () => X("contactName")), f(S, () => X("contactEmail")), f(w, () => X("contactPhone")), f(E, () => X("amount")), f(O, () => X("quantity")), f(N, () => {
+		return x(w, () => X("contactName")), x(T, () => X("contactEmail")), x(E, () => X("contactPhone")), x(D, () => X("amount")), x(k, () => X("quantity")), x(N, () => {
 			M.value = void 0;
-		}), i(() => {
-			let e = a.placeType ? parseInt(a.placeType) : void 0;
+		}), l(() => {
+			let e = b.placeType ? parseInt(b.placeType) : void 0;
 			H(e);
-		}), (i, a) => (r(), t(ae, { styling: g.value }, {
-			default: C(() => [(r(), t(ee, null, {
-				default: C(() => [_(he, {
-					"access-token": n.accessToken,
-					"data-layout": n.layout,
-					callback: l(W)
+		}), (e, l) => (m(), a(ie, { styling: S.value }, {
+			default: h(() => [(m(), a(n, null, {
+				default: h(() => [i(he, {
+					"access-token": _.accessToken,
+					"data-layout": _.layout,
+					callback: t(W)
 				}, {
-					default: C(() => [l(J) ? (r(), t(ge, {
+					default: h(() => [t(J) ? (m(), a(ge, {
 						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."
-					})) : (r(), o("div", {
+					})) : (m(), s("div", {
 						key: 0,
 						id: "konnectio-gift-card-module",
-						"data-layout": n.layout
-					}, [c("div", be, [
-						c("h2", xe, [c("span", null, v(l(b)("giftCard.title")), 1)]),
-						c("div", Se, [
-							p(c("div", Ce, [_(me)], 512), [[m, l(I)]]),
-							p(c("div", null, [c("p", {
+						"data-layout": _.layout
+					}, [y("div", be, [
+						y("h2", xe, [y("span", null, c(t(C)("giftCard.title")), 1)]),
+						y("div", Se, [
+							d(y("div", Ce, [i(me)], 512), [[u, t(I)]]),
+							d(y("div", null, [y("p", {
 								id: "konnectio-gift-card-description",
-								innerHTML: l(b)("giftCard.description")
-							}, null, 8, we), c("form", null, [
-								l(B) ? e("", !0) : (r(), o("div", Te, [l(R) ? (r(), o("div", Ee, [c("label", De, [c("span", null, v(l(b)("giftCard.selectType")), 1)]), c("div", Oe, [c("ul", null, [(r(!0), o(d, null, s(l(R), (e, t) => (r(), o("li", { key: t }, [_(ue, {
-									modelValue: l(N),
-									"onUpdate:modelValue": a[0] ||= (e) => h(N) ? N.value = e : null,
+								innerHTML: t(C)("giftCard.description")
+							}, null, 8, we), y("form", null, [
+								t(B) ? o("", !0) : (m(), s("div", Te, [t(R) ? (m(), s("div", Ee, [y("label", De, [y("span", null, c(t(C)("giftCard.selectType")), 1)]), y("div", Oe, [y("ul", null, [(m(!0), s(r, null, v(t(R), (e, n) => (m(), s("li", { key: n }, [i(ue, {
+									modelValue: t(N),
+									"onUpdate:modelValue": l[0] ||= (e) => p(N) ? N.value = e : null,
 									type: "radio",
 									name: "placeType",
-									val: t,
+									val: n,
 									label: e.label
 								}, null, 8, [
 									"modelValue",
 									"val",
 									"label"
-								])]))), 128))]), l(R)[l(N)] && l(R)[l(N)].data.length > 1 ? (r(), t(oe, {
+								])]))), 128))]), t(R)[t(N)] && t(R)[t(N)].data.length > 1 ? (m(), a(oe, {
 									key: 0,
-									modelValue: l(M),
-									"onUpdate:modelValue": a[1] ||= (e) => h(M) ? M.value = e : null,
-									placeholder: l(b)("giftCard.selectPlacePlaceholder"),
-									options: l(R)[l(N)].data,
+									modelValue: t(M),
+									"onUpdate:modelValue": l[1] ||= (e) => p(M) ? M.value = e : null,
+									placeholder: t(C)("giftCard.selectPlacePlaceholder"),
+									options: t(R)[t(N)].data,
 									labelKey: "name",
 									valueKey: "id",
 									required: ""
@@ -321,16 +321,16 @@ var q = { class: "gift-card-skeleton" }, J = { class: "gift-card-skeleton-form"
 									"modelValue",
 									"placeholder",
 									"options"
-								])) : e("", !0)])])) : (r(), t(se, { key: 1 }))])),
-								_(k, {
-									modelValue: l(x),
-									"onUpdate:modelValue": a[2] ||= (e) => h(x) ? x.value = e : null,
+								])) : o("", !0)])])) : (m(), a(se, { key: 1 }))])),
+								i(A, {
+									modelValue: t(w),
+									"onUpdate:modelValue": l[2] ||= (e) => p(w) ? w.value = e : null,
 									type: "text",
 									name: "name",
 									autocomplete: "name",
-									label: l(b)("giftCard.name"),
+									label: t(C)("giftCard.name"),
 									icon: "user-alt",
-									placeholder: l(b)("giftCard.namePlaceholder"),
+									placeholder: t(C)("giftCard.namePlaceholder"),
 									error: Q("contactName"),
 									required: ""
 								}, null, 8, [
@@ -339,15 +339,15 @@ var q = { class: "gift-card-skeleton" }, J = { class: "gift-card-skeleton-form"
 									"placeholder",
 									"error"
 								]),
-								_(k, {
-									modelValue: l(S),
-									"onUpdate:modelValue": a[3] ||= (e) => h(S) ? S.value = e : null,
+								i(A, {
+									modelValue: t(T),
+									"onUpdate:modelValue": l[3] ||= (e) => p(T) ? T.value = e : null,
 									type: "email",
 									name: "email",
 									autocomplete: "email",
-									label: l(b)("giftCard.email"),
+									label: t(C)("giftCard.email"),
 									icon: "at",
-									placeholder: l(b)("giftCard.emailPlaceholder"),
+									placeholder: t(C)("giftCard.emailPlaceholder"),
 									error: Q("contactEmail"),
 									required: ""
 								}, null, 8, [
@@ -356,12 +356,12 @@ var q = { class: "gift-card-skeleton" }, J = { class: "gift-card-skeleton-form"
 									"placeholder",
 									"error"
 								]),
-								_(ce, {
-									modelValue: l(w),
-									"onUpdate:modelValue": a[4] ||= (e) => h(w) ? w.value = e : null,
+								i(ce, {
+									modelValue: t(E),
+									"onUpdate:modelValue": l[4] ||= (e) => p(E) ? E.value = e : null,
 									icon: "phone-office",
-									label: l(b)("giftCard.phone"),
-									placeholder: l(b)("giftCard.phonePlaceholder"),
+									label: t(C)("giftCard.phone"),
+									placeholder: t(C)("giftCard.phonePlaceholder"),
 									error: Q("contactPhone"),
 									required: ""
 								}, null, 8, [
@@ -370,15 +370,15 @@ var q = { class: "gift-card-skeleton" }, J = { class: "gift-card-skeleton-form"
 									"placeholder",
 									"error"
 								]),
-								_(k, {
-									modelValue: l(E),
-									"onUpdate:modelValue": a[5] ||= (e) => h(E) ? E.value = e : null,
+								i(A, {
+									modelValue: t(D),
+									"onUpdate:modelValue": l[5] ||= (e) => p(D) ? D.value = e : null,
 									type: "number",
 									name: "value",
-									label: l(b)("giftCard.value"),
+									label: t(C)("giftCard.value"),
 									icon: "money-bill",
-									placeholder: l(b)("giftCard.valuePlaceholder"),
-									suffix: l(q),
+									placeholder: t(C)("giftCard.valuePlaceholder"),
+									suffix: t(q),
 									error: Q("amount"),
 									required: ""
 								}, null, 8, [
@@ -388,12 +388,12 @@ var q = { class: "gift-card-skeleton" }, J = { class: "gift-card-skeleton-form"
 									"suffix",
 									"error"
 								]),
-								e("", !0),
-								e("", !0),
-								_(A, {
-									modelValue: l(O),
-									"onUpdate:modelValue": a[8] ||= (e) => h(O) ? O.value = e : null,
-									label: l(b)("giftCard.quantity"),
+								o("", !0),
+								o("", !0),
+								i(ae, {
+									modelValue: t(k),
+									"onUpdate:modelValue": l[8] ||= (e) => p(k) ? k.value = e : null,
+									label: t(C)("giftCard.quantity"),
 									icon: "gift-card",
 									error: Q("quantity"),
 									required: ""
@@ -402,51 +402,51 @@ var q = { class: "gift-card-skeleton" }, J = { class: "gift-card-skeleton-form"
 									"label",
 									"error"
 								])
-							])], 512), [[m, l(P)]]),
-							p(c("div", null, [c("div", { innerHTML: l(b)("giftCard.thankYou") }, null, 8, ke)], 512), [[m, l(L)]])
+							])], 512), [[u, t(P)]]),
+							d(y("div", null, [y("div", { innerHTML: t(C)("giftCard.thankYou") }, null, 8, ke)], 512), [[u, t(L)]])
 						]),
-						n.layout !== "minimal" && l(P) ? (r(), o("div", Z, [c("div", Ae, [_(j, {
-							label: l(b)("giftCard.orderGiftCard"),
+						_.layout !== "minimal" && t(P) ? (m(), s("div", Z, [y("div", Ae, [i(j, {
+							label: t(C)("giftCard.orderGiftCard"),
 							"full-width": !0,
-							disabled: !l(z),
-							"is-loading": l(V),
-							"onUpdate:isLoading": a[9] ||= (e) => h(V) ? V.value = e : null,
+							disabled: !t(z),
+							"is-loading": t(V),
+							"onUpdate:isLoading": l[9] ||= (e) => p(V) ? V.value = e : null,
 							onClickEvent: $
 						}, null, 8, [
 							"label",
 							"disabled",
 							"is-loading"
-						])])])) : e("", !0),
-						l(P) ? (r(), o("div", je, [_(k, {
-							modelValue: l(D),
-							"onUpdate:modelValue": a[10] ||= (e) => h(D) ? D.value = e : null,
+						])])])) : o("", !0),
+						t(P) ? (m(), s("div", je, [i(A, {
+							modelValue: t(O),
+							"onUpdate:modelValue": l[10] ||= (e) => p(O) ? O.value = e : null,
 							type: "textarea",
 							name: "remark",
-							label: l(b)("giftCard.remark"),
+							label: t(C)("giftCard.remark"),
 							icon: "info-circle",
-							placeholder: l(b)("giftCard.remarkPlaceholder")
+							placeholder: t(C)("giftCard.remarkPlaceholder")
 						}, null, 8, [
 							"modelValue",
 							"label",
 							"placeholder"
-						])])) : e("", !0),
-						l(P) ? (r(), o("div", Me, [
-							_(j, {
-								label: l(b)("giftCard.orderGiftCard"),
+						])])) : o("", !0),
+						t(P) ? (m(), s("div", Me, [
+							i(j, {
+								label: t(C)("giftCard.orderGiftCard"),
 								"full-width": !0,
-								disabled: !l(z),
+								disabled: !t(z),
 								"data-test": "orderGiftCard",
-								"is-loading": l(V),
-								"onUpdate:isLoading": a[11] ||= (e) => h(V) ? V.value = e : null,
+								"is-loading": t(V),
+								"onUpdate:isLoading": l[11] ||= (e) => p(V) ? V.value = e : null,
 								onClickEvent: $
 							}, null, 8, [
 								"label",
 								"disabled",
 								"is-loading"
 							]),
-							c("div", null, [a[12] ||= c("div", { class: "konnectio-divider" }, null, -1), _(ve)]),
-							p(c("div", Ne, [_(fe)], 512), [[m, l(K)]])
-						])) : e("", !0)
+							y("div", null, [l[12] ||= y("div", { class: "konnectio-divider" }, null, -1), i(ve)]),
+							d(y("div", Ne, [i(fe)], 512), [[u, t(K)]])
+						])) : o("", !0)
 					])], 8, ye))]),
 					_: 1
 				}, 8, [
@@ -454,14 +454,14 @@ var q = { class: "gift-card-skeleton" }, J = { class: "gift-card-skeleton-form"
 					"data-layout",
 					"callback"
 				])]),
-				fallback: C(() => [_(_e)]),
+				fallback: h(() => [i(_e)]),
 				_: 1
 			}))]),
 			_: 1
 		}, 8, ["styling"]));
 	}
-}), [["__scopeId", "data-v-779afb5c"]]), $ = S(), Pe = x("konnectio-gift-card", Q, (e) => {
-	e.use(D), e.use($), e.use(b), e.use(P);
+}), [["__scopeId", "data-v-779afb5c"]]), $ = w(), Pe = C("konnectio-gift-card", Q, (e) => {
+	e.use(O), e.use($), e.use(S), e.use(P);
 });
 //#endregion
 export { Pe as default };

package/dist/{giftCard-DPU-N3nF.js → giftCard-ChLbvI2n.js}

@@ -1,26 +1,26 @@
-import { c as e, l as t, t as n, w as r, yt as i } from "./i18n-BF6zkld-.js";
-import { E as a, I as o, N as s, T as c, dt as l, j as u, mt as d, ot as f, q as p } from "./SelectField-D7e73Bye.js";
+import { A as e, d as t, h as n, m as r, s as i, t as a, wt as o } from "./i18n-_behsDNX.js";
+import { E as s, I as c, N as l, T as u, j as d, ot as f, q as p } from "./SelectField-BUeYRCxc.js";
 //#region src/store/giftCard.ts
-var m = e("giftCard", () => {
-	let { pay: e } = u(), { display: m } = s(), { metaData: h, currencyId: g, hasError: _ } = t(a()), v = a(), y = i(f.InitialState), b = d("konnectio_name", "", void 0, { serializer: l.string }), x = d("konnectio_email", "", void 0, { serializer: l.string }), S = d("konnectio_phone", "", void 0, { serializer: l.string }), C = i(""), w = i(1), T = i(!0), E = i(""), D = i({
+var m = r("giftCard", () => {
+	let { pay: r } = d(), { display: m } = l(), { metaData: h, currencyId: g, hasError: _ } = n(s()), v = s(), y = o(f.InitialState), b = t("konnectio_name", "", void 0, { serializer: i.string }), x = t("konnectio_email", "", void 0, { serializer: i.string }), S = t("konnectio_phone", "", void 0, { serializer: i.string }), C = o(""), w = o(1), T = o(!0), E = o(""), D = o({
 		base64: "",
 		type: "",
 		name: ""
-	}), O = i(void 0), k = i(0), A = i(!1), j = i(0), M = r(() => v.metaData.hotels[0]), N = r(() => M.value.termsOfService ? M.value.termsOfService : ""), P = r(() => y.value === f.InitialState || y.value === f.WaitingForResponse), F = r(() => y.value === f.ReadyToPay), I = r(() => y.value === f.PaymentSuccess), L = r(() => {
+	}), O = o(void 0), k = o(0), A = o(!1), j = o(0), M = e(() => v.metaData.hotels[0]), N = e(() => M.value.termsOfService ? M.value.termsOfService : ""), P = e(() => y.value === f.InitialState || y.value === f.WaitingForResponse), F = e(() => y.value === f.ReadyToPay), I = e(() => y.value === f.PaymentSuccess), L = e(() => {
 		let e = {
 			1: {
-				label: n.t("giftCard.hotelType"),
+				label: a.t("giftCard.hotelType"),
 				data: []
 			},
 			2: {
-				label: n.t("giftCard.restaurantType"),
+				label: a.t("giftCard.restaurantType"),
 				data: []
 			}
 		}, t = h.value.hotels?.[0]?.places;
 		return t && t.forEach((t) => {
 			e[t.placeType].data.push(t);
 		}), Object.fromEntries(Object.entries(e).filter(([, e]) => e.data.length > 0));
-	}), R = r(() => j.value !== 0), z = r(() => {
+	}), R = e(() => j.value !== 0), z = e(() => {
 		let e;
 		if (R.value) e = L.value[j.value]?.data[0];
 		else if (k.value !== 0) {
@@ -30,14 +30,14 @@ var m = e("giftCard", () => {
 			});
 		}
 		return e;
-	}), B = r(() => !(!b.value || !x.value || !(S.value.length >= 5) || !C.value || z.value === void 0)), V = r(() => !(y.value === f.InitialState && A.value)), H = r(() => !!(y.value === f.WaitingForResponse && A.value));
+	}), B = e(() => !(!b.value || !x.value || !(S.value.length >= 5) || !C.value || z.value === void 0)), V = e(() => !(y.value === f.InitialState && A.value)), H = e(() => !!(y.value === f.WaitingForResponse && A.value));
 	async function U() {
 		try {
-			let e = (await c().get("/gift-card/metadata", { params: { language: p() } })).data;
+			let e = (await u().get("/gift-card/metadata", { params: { language: p() } })).data;
 			e.success === void 0 ? _.value = !1 : _.value = !e.success, h.value = e;
 		} catch {
 			m({
-				message: n.t("alert.error.couldntFetchMetadata"),
+				message: a.t("alert.error.couldntFetchMetadata"),
 				type: "warning"
 			});
 		}
@@ -55,7 +55,7 @@ var m = e("giftCard", () => {
 			contactName: b.value,
 			contactEmail: x.value,
 			contactPhone: S.value,
-			imageBase64: o(D.value.base64),
+			imageBase64: c(D.value.base64),
 			imageName: D.value.name,
 			imageFormat: D.value.type,
 			placeType: z.value ? z.value.placeType : void 0,
@@ -65,12 +65,12 @@ var m = e("giftCard", () => {
 	async function G() {
 		y.value = f.WaitingForResponse, A.value = !0;
 		try {
-			let t = await c().post("/gift-card/create", W());
-			y.value = f.ReadyToPay, A.value = !1, e({
+			let e = await u().post("/gift-card/create", W());
+			y.value = f.ReadyToPay, A.value = !1, r({
 				callback: (e) => {
 					e === 2 && (y.value = f.PaymentSuccess);
 				},
-				response: t.data,
+				response: e.data,
 				enableHostedRedirect: !0
 			});
 			return;