@konnectio/core 4.7.18 → 4.8.1

package/dist/gift-card-validation.js

@@ -1,11 +1,11 @@
-import { D as e, E as t, J as n, N as r, O as i, T as a, Tt as o, a as s, ht as c, j as l, kt as u, l as d, n as f, o as p, s as m, ut as h, v as g, w as _, x as v } from "./i18n-DwFTw_rF.js";
-import { E as y, M as b, Q as x, S, Y as C, b as w, x as T } from "./SelectField-hZSfVqht.js";
-import { t as E } from "./_-ceQWaE_o.js";
-import { t as D } from "./ErrorMessage-BZqsLh26.js";
-import { n as O, t as k } from "./Field-AlAFHkiH.js";
-import { t as A } from "./style-DRBxevpd.js";
-import { t as j } from "./ActionField-L0Lr7Cq5.js";
-import { t as M } from "./giftCard-CoefzLvK.js";
+import { D as e, E as t, J as n, N as r, O as i, T as a, Tt as o, a as s, ht as c, j as l, kt as u, l as d, n as f, o as p, s as m, ut as h, v as g, w as _, x as v } from "./i18n-BF6zkld-.js";
+import { $ as y, E as b, M as x, S, X as C, b as w, x as T } from "./SelectField-DRafB_Cb.js";
+import { t as E } from "./_-P_tgh1jk.js";
+import { t as D } from "./ErrorMessage-DJAdBPXD.js";
+import { n as O, t as k } from "./Field-BbzATkQp.js";
+import { t as A } from "./style-CLohB3MA.js";
+import { t as j } from "./ActionField-nQffsZA2.js";
+import { t as M } from "./giftCard-Db5RQgXn.js";
 //#region src/components/skeletons/GiftCardValidationSkeleton.vue?vue&type=script&setup=true&lang.ts
 var N = { class: "gift-card-validation-skeleton" }, P = { class: "gift-card-validation-skeleton-form" }, F = { class: "gift-card-validation-skeleton-text" }, I = { class: "gift-card-validation-skeleton-input" }, L = /*#__PURE__*/ S(/* @__PURE__ */ r({
 	__name: "GiftCardValidationSkeleton",
@@ -31,7 +31,7 @@ var N = { class: "gift-card-validation-skeleton" }, P = { class: "gift-card-vali
 		let f = r, p = _(() => ({
 			panelMaxWidth: "800px",
 			...f.styling
-		})), { t: m } = s(), { voucher: S, isValid: O, amount: k, expirationDate: A, productName: N, isLoading: P } = d(b()), { currency: F, hasError: I } = d(y()), { fetchMetadata: B } = M(), { apply: V } = b();
+		})), { t: m } = s(), { voucher: S, isValid: O, amount: k, expirationDate: A, productName: N, isLoading: P } = d(x()), { currency: F, hasError: I } = d(b()), { fetchMetadata: B } = M(), { apply: V } = x();
 		return (s, d) => (n(), t(w, { styling: p.value }, {
 			default: h(() => [(n(), t(v, null, {
 				default: h(() => [l(E, {
@@ -83,7 +83,7 @@ var N = { class: "gift-card-validation-skeleton" }, P = { class: "gift-card-vali
 							})])
 						])]), a("tbody", null, [a("tr", null, [
 							a("td", null, [a("span", null, u(o(N)), 1)]),
-							a("td", null, [a("span", null, u(o(x)(o(k), o(F))), 1)]),
+							a("td", null, [a("span", null, u(o(y)(o(k), o(F))), 1)]),
 							a("td", null, [a("span", null, u(o(C)(o(A))), 1)])
 						])])])) : e("", !0)
 					], 32))]),

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-DwFTw_rF.js";
-import { t as D } from "./dist-DtPUJ4bx.js";
-import { E as te, N as O, S as k, _ as ne, b as re, n as A, r as j, t as M, v as N, y as P } from "./SelectField-hZSfVqht.js";
-import { t as F } from "./_-ceQWaE_o.js";
-import { t as I } from "./ErrorMessage-BZqsLh26.js";
-import { n as L, t as R } from "./Field-AlAFHkiH.js";
-import { t as z } from "./style-DRBxevpd.js";
-import { a as ie, i as ae, r as oe, t as se } from "./CheckoutWindow-CjVK26L8.js";
-import { t as B } from "./giftCard-CoefzLvK.js";
-import { t as V } from "./TermsOfService-CSImjp8p.js";
+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-BHP07uuH.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-DRafB_Cb.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-D8IPM2hs.js";
+import { t as he } from "./_-P_tgh1jk.js";
+import { t as ge } from "./ErrorMessage-DJAdBPXD.js";
+import { n as M, t as N } from "./Field-BbzATkQp.js";
+import { t as P } from "./style-CLohB3MA.js";
+import { t as F } from "./giftCard-Db5RQgXn.js";
+import { t as I } from "./TermsOfService-BJaXGVwJ.js";
 //#region src/components/inputs/MediaSelector.vue?vue&type=script&setup=true&lang.ts
-var H = { class: "media-selector" }, U = ["accept"], W = { class: "media-selector-wrapper" }, G = { class: "media-selector-tools" }, K = { key: 0 }, q = { key: 1 }, J = { key: 2 }, Y = ["src"], X = /*@__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__*/ a({
 	__name: "MediaSelector",
 	props: {
 		modelValue: {},
@@ -23,7 +23,7 @@ var H = { class: "media-selector" }, U = ["accept"], W = { class: "media-selecto
 	},
 	emits: ["update:modelValue"],
 	setup(i, { emit: a }) {
-		let s = a, d = i, { t: f } = u(), { display: p } = O(), m = E(), h = T(() => d.modelValue.base64 !== "");
+		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);
 		}
@@ -57,12 +57,12 @@ var H = { class: "media-selector" }, U = ["accept"], W = { class: "media-selecto
 			let e;
 			(e = m.value.files) instanceof FileList && b(e[0], g);
 		}
-		return (a, s) => (r(), t(ne, {
+		return (a, s) => (r(), t(ie, {
 			label: i.label,
 			required: i.required,
 			type: "media"
 		}, {
-			default: C(() => [c("div", H, [c("input", {
+			default: C(() => [c("div", L, [c("input", {
 				ref_key: "fileInput",
 				ref: m,
 				type: "file",
@@ -70,22 +70,22 @@ var H = { class: "media-selector" }, U = ["accept"], W = { class: "media-selecto
 				accept: i.validation,
 				single: "",
 				onChange: s[0] ||= (e) => x()
-			}, null, 40, U), c("div", W, [c("ul", G, [
-				h.value ? e("", !0) : (r(), o("li", K, [_(N, {
+			}, null, 40, R), c("div", z, [c("ul", B, [
+				h.value ? e("", !0) : (r(), o("li", V, [_(j, {
 					label: l(f)("uploadFile"),
 					type: "button",
 					icon: "upload",
 					"icon-color": i.iconColor,
 					onClickEvent: s[1] ||= (e) => y()
 				}, null, 8, ["label", "icon-color"])])),
-				h.value ? (r(), o("li", q, [_(N, {
+				h.value ? (r(), o("li", H, [_(j, {
 					label: l(f)("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", J, [_(N, {
+				h.value ? (r(), o("li", U, [_(j, {
 					label: l(f)("removeFile"),
 					type: "button",
 					icon: "trash-alt",
@@ -95,14 +95,14 @@ var H = { class: "media-selector" }, U = ["accept"], W = { class: "media-selecto
 			]), c("div", { class: n(["media-selector-previewer", { opened: h.value }]) }, [i.modelValue ? (r(), o("img", {
 				key: 0,
 				src: i.modelValue.base64
-			}, null, 8, Y)) : e("", !0)], 2)])])]),
+			}, null, 8, W)) : e("", !0)], 2)])])]),
 			_: 1
 		}, 8, ["label", "required"]));
 	}
 });
 //#endregion
 //#region src/components/inputs/MediaSelector.vue?vue&type=i18n&index=0&lang.yaml
-function Z(e) {
+function K(e) {
 	let t = e;
 	t.__i18n = t.__i18n || [], t.__i18n.push({
 		locale: "",
@@ -180,22 +180,22 @@ function Z(e) {
 }
 //#endregion
 //#region src/components/inputs/MediaSelector.vue
-typeof Z == "function" && Z(X);
+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" }, ce = { class: "gift-card-skeleton-form" }, le = /*#__PURE__*/ k(/* @__PURE__ */ a({
+var q = { class: "gift-card-skeleton" }, J = { class: "gift-card-skeleton-form" }, _e = /*#__PURE__*/ O(/* @__PURE__ */ a({
 	__name: "GiftCardSkeleton",
 	setup(e) {
-		return (e, t) => (r(), o("div", Q, [c("div", ce, [
-			_(R),
-			_(R),
-			_(R),
-			_(R),
-			_(R, { "is-text-area": "" }),
-			_(L, { height: "44px" })
+		return (e, t) => (r(), o("div", q, [c("div", J, [
+			_(N),
+			_(N),
+			_(N),
+			_(N),
+			_(N, { "is-text-area": "" }),
+			_(M, { height: "44px" })
 		])]));
 	}
-}), [["__scopeId", "data-v-952c68dd"]]), ue = { class: "konnectio-accept-terms" }, de = /*#__PURE__*/ k(/* @__PURE__ */ a({
+}), [["__scopeId", "data-v-952c68dd"]]), Y = { class: "konnectio-accept-terms" }, X = /*#__PURE__*/ O(/* @__PURE__ */ a({
 	__name: "_",
 	props: {
 		content: {},
@@ -203,7 +203,7 @@ var Q = { class: "gift-card-skeleton" }, ce = { class: "gift-card-skeleton-form"
 	},
 	setup(e) {
 		let { t } = u(), n = E(!1);
-		return (i, a) => (r(), o("div", ue, [_(l(g), {
+		return (i, a) => (r(), o("div", Y, [_(l(g), {
 			keypath: "general.termsAndConditionsNotice",
 			tag: "span",
 			scope: "global"
@@ -215,34 +215,34 @@ var Q = { class: "gift-card-skeleton" }, ce = { class: "gift-card-skeleton-form"
 				onClick: a[0] ||= w((e) => n.value = !0, ["prevent"])
 			}, [c("span", null, v(l(t)("general.termsAndConditions")), 1)])]),
 			_: 1
-		}), _(V, {
+		}), _(I, {
 			modelValue: n.value,
 			"onUpdate:modelValue": a[1] ||= (e) => n.value = e,
 			description: e.content
 		}, null, 8, ["modelValue", "description"])]));
 	}
-}), [["__scopeId", "data-v-93ef3159"]]), fe = /* @__PURE__ */ a({
+}), [["__scopeId", "data-v-93ef3159"]]), ve = /* @__PURE__ */ a({
 	__name: "GiftCard",
 	setup(e) {
-		let { t: n } = u(), i = B();
-		return (e, a) => (r(), t(de, {
+		let { t: n } = u(), i = F();
+		return (e, a) => (r(), t(X, {
 			content: l(i).termsOfService,
 			"button-label": l(n)("giftCard.orderGiftCard")
 		}, null, 8, ["content", "button-label"]));
 	}
-}), pe = ["data-layout"], me = { id: "konnectio-gift-card-wrapper" }, he = { id: "konnectio-gift-card-title" }, ge = { id: "konnectio-gift-card-content" }, _e = { id: "konnectio-gift-card-payment" }, ve = ["innerHTML"], ye = { key: 0 }, be = {
+}), 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"
-}, $ = { class: /*@__PURE__*/ n(["konnectio-label", "required"]) }, xe = { id: "konnectio-select-place-type-input" }, Se = ["innerHTML"], Ce = {
+}, De = { class: /*@__PURE__*/ n(["konnectio-label", "required"]) }, Oe = { id: "konnectio-select-place-type-input" }, ke = ["innerHTML"], Z = {
 	key: 0,
 	id: "konnectio-gift-card-order"
-}, we = { class: "konnectio-panel" }, Te = {
+}, Ae = { class: "konnectio-panel" }, je = {
 	key: 1,
 	id: "konnectio-gift-card-remarks"
-}, Ee = {
+}, Me = {
 	key: 2,
 	id: "konnectio-gift-card-order-minimal"
-}, De = { id: "konnectio-gift-card-recaptcha" }, Oe = /*#__PURE__*/ k(/* @__PURE__ */ a({
+}, Ne = { id: "konnectio-gift-card-recaptcha" }, Q = /*#__PURE__*/ O(/* @__PURE__ */ a({
 	name: "GiftCardLayout",
 	__name: "GiftCard",
 	props: {
@@ -255,20 +255,33 @@ var Q = { class: "gift-card-skeleton" }, ce = { class: "gift-card-skeleton-form"
 		let a = n, g = T(() => ({
 			panelMaxWidth: "800px",
 			...a.styling
-		})), { t: b } = u(), { name: x, email: S, phone: w, value: E, remark: D, showValue: O, quantity: k, media: ne, placeId: L, placeType: R, showFormPage: z, showPaymentPage: V, showConfirmationPage: H, places: U, hasFilledForm: W, hasForcedPlaceType: G, isWaitingForResponse: K } = y(B()), { initialize: q, orderGiftCard: J, fetchMetadata: Y } = B(), { isRecaptchaEnabled: X, currency: Z, hasError: Q } = y(te());
-		return f(R, () => {
-			L.value = void 0;
+		})), { 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()));
+		let Y = le("post", "/gift-card/create", G());
+		Y.setValidationTimeout(600);
+		function X(e) {
+			Y.setData(G()), Y.validate(e);
+		}
+		function Q(e) {
+			return Y.errors[e];
+		}
+		async function $() {
+			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, () => {
+			M.value = void 0;
 		}), i(() => {
 			let e = a.placeType ? parseInt(a.placeType) : void 0;
-			q(e);
-		}), (i, a) => (r(), t(re, { styling: g.value }, {
+			H(e);
+		}), (i, a) => (r(), t(ae, { styling: g.value }, {
 			default: C(() => [(r(), t(ee, null, {
-				default: C(() => [_(F, {
+				default: C(() => [_(he, {
 					"access-token": n.accessToken,
 					"data-layout": n.layout,
-					callback: l(Y)
+					callback: l(W)
 				}, {
-					default: C(() => [l(Q) ? (r(), t(I, {
+					default: C(() => [l(J) ? (r(), t(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."
@@ -276,17 +289,17 @@ var Q = { class: "gift-card-skeleton" }, ce = { class: "gift-card-skeleton-form"
 						key: 0,
 						id: "konnectio-gift-card-module",
 						"data-layout": n.layout
-					}, [c("div", me, [
-						c("h2", he, [c("span", null, v(l(b)("giftCard.title")), 1)]),
-						c("div", ge, [
-							p(c("div", _e, [_(se)], 512), [[m, l(V)]]),
+					}, [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", {
 								id: "konnectio-gift-card-description",
 								innerHTML: l(b)("giftCard.description")
-							}, null, 8, ve), c("form", null, [
-								l(G) ? e("", !0) : (r(), o("div", ye, [l(U) ? (r(), o("div", be, [c("label", $, [c("span", null, v(l(b)("giftCard.selectType")), 1)]), c("div", xe, [c("ul", null, [(r(!0), o(d, null, s(l(U), (e, t) => (r(), o("li", { key: t }, [_(ae, {
-									modelValue: l(R),
-									"onUpdate:modelValue": a[0] ||= (e) => h(R) ? R.value = e : null,
+							}, 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,
 									type: "radio",
 									name: "placeType",
 									val: t,
@@ -295,12 +308,12 @@ var Q = { class: "gift-card-skeleton" }, ce = { class: "gift-card-skeleton-form"
 									"modelValue",
 									"val",
 									"label"
-								])]))), 128))]), l(U)[l(R)] && l(U)[l(R)].data.length > 1 ? (r(), t(M, {
+								])]))), 128))]), l(R)[l(N)] && l(R)[l(N)].data.length > 1 ? (r(), t(oe, {
 									key: 0,
-									modelValue: l(L),
-									"onUpdate:modelValue": a[1] ||= (e) => h(L) ? L.value = e : null,
+									modelValue: l(M),
+									"onUpdate:modelValue": a[1] ||= (e) => h(M) ? M.value = e : null,
 									placeholder: l(b)("giftCard.selectPlacePlaceholder"),
-									options: l(U)[l(R)].data,
+									options: l(R)[l(N)].data,
 									labelKey: "name",
 									valueKey: "id",
 									required: ""
@@ -308,8 +321,8 @@ var Q = { class: "gift-card-skeleton" }, ce = { class: "gift-card-skeleton-form"
 									"modelValue",
 									"placeholder",
 									"options"
-								])) : e("", !0)])])) : (r(), t(P, { key: 1 }))])),
-								_(A, {
+								])) : e("", !0)])])) : (r(), t(se, { key: 1 }))])),
+								_(k, {
 									modelValue: l(x),
 									"onUpdate:modelValue": a[2] ||= (e) => h(x) ? x.value = e : null,
 									type: "text",
@@ -318,13 +331,15 @@ var Q = { class: "gift-card-skeleton" }, ce = { class: "gift-card-skeleton-form"
 									label: l(b)("giftCard.name"),
 									icon: "user-alt",
 									placeholder: l(b)("giftCard.namePlaceholder"),
+									error: Q("contactName"),
 									required: ""
 								}, null, 8, [
 									"modelValue",
 									"label",
-									"placeholder"
+									"placeholder",
+									"error"
 								]),
-								_(A, {
+								_(k, {
 									modelValue: l(S),
 									"onUpdate:modelValue": a[3] ||= (e) => h(S) ? S.value = e : null,
 									type: "email",
@@ -333,25 +348,29 @@ var Q = { class: "gift-card-skeleton" }, ce = { class: "gift-card-skeleton-form"
 									label: l(b)("giftCard.email"),
 									icon: "at",
 									placeholder: l(b)("giftCard.emailPlaceholder"),
+									error: Q("contactEmail"),
 									required: ""
 								}, null, 8, [
 									"modelValue",
 									"label",
-									"placeholder"
+									"placeholder",
+									"error"
 								]),
-								_(ie, {
+								_(ce, {
 									modelValue: l(w),
 									"onUpdate:modelValue": a[4] ||= (e) => h(w) ? w.value = e : null,
 									icon: "phone-office",
 									label: l(b)("giftCard.phone"),
 									placeholder: l(b)("giftCard.phonePlaceholder"),
+									error: Q("contactPhone"),
 									required: ""
 								}, null, 8, [
 									"modelValue",
 									"label",
-									"placeholder"
+									"placeholder",
+									"error"
 								]),
-								_(A, {
+								_(k, {
 									modelValue: l(E),
 									"onUpdate:modelValue": a[5] ||= (e) => h(E) ? E.value = e : null,
 									type: "number",
@@ -359,40 +378,46 @@ var Q = { class: "gift-card-skeleton" }, ce = { class: "gift-card-skeleton-form"
 									label: l(b)("giftCard.value"),
 									icon: "money-bill",
 									placeholder: l(b)("giftCard.valuePlaceholder"),
-									suffix: l(Z),
+									suffix: l(q),
+									error: Q("amount"),
 									required: ""
 								}, null, 8, [
 									"modelValue",
 									"label",
 									"placeholder",
-									"suffix"
+									"suffix",
+									"error"
 								]),
 								e("", !0),
 								e("", !0),
-								_(j, {
-									modelValue: l(k),
-									"onUpdate:modelValue": a[8] ||= (e) => h(k) ? k.value = e : null,
+								_(A, {
+									modelValue: l(O),
+									"onUpdate:modelValue": a[8] ||= (e) => h(O) ? O.value = e : null,
 									label: l(b)("giftCard.quantity"),
 									icon: "gift-card",
+									error: Q("quantity"),
 									required: ""
-								}, null, 8, ["modelValue", "label"])
-							])], 512), [[m, l(z)]]),
-							p(c("div", null, [c("div", { innerHTML: l(b)("giftCard.thankYou") }, null, 8, Se)], 512), [[m, l(H)]])
+								}, null, 8, [
+									"modelValue",
+									"label",
+									"error"
+								])
+							])], 512), [[m, l(P)]]),
+							p(c("div", null, [c("div", { innerHTML: l(b)("giftCard.thankYou") }, null, 8, ke)], 512), [[m, l(L)]])
 						]),
-						n.layout !== "minimal" && l(z) ? (r(), o("div", Ce, [c("div", we, [_(N, {
+						n.layout !== "minimal" && l(P) ? (r(), o("div", Z, [c("div", Ae, [_(j, {
 							label: l(b)("giftCard.orderGiftCard"),
 							"full-width": !0,
-							disabled: !l(W),
-							"is-loading": l(K),
-							"onUpdate:isLoading": a[9] ||= (e) => h(K) ? K.value = e : null,
-							onClickEvent: l(J)
+							disabled: !l(z),
+							"is-loading": l(V),
+							"onUpdate:isLoading": a[9] ||= (e) => h(V) ? V.value = e : null,
+							onClickEvent: $
 						}, null, 8, [
 							"label",
 							"disabled",
-							"is-loading",
-							"onClickEvent"
+							"is-loading"
 						])])])) : e("", !0),
-						l(z) ? (r(), o("div", Te, [_(A, {
+						l(P) ? (r(), o("div", je, [_(k, {
 							modelValue: l(D),
 							"onUpdate:modelValue": a[10] ||= (e) => h(D) ? D.value = e : null,
 							type: "textarea",
@@ -405,39 +430,38 @@ var Q = { class: "gift-card-skeleton" }, ce = { class: "gift-card-skeleton-form"
 							"label",
 							"placeholder"
 						])])) : e("", !0),
-						l(z) ? (r(), o("div", Ee, [
-							_(N, {
+						l(P) ? (r(), o("div", Me, [
+							_(j, {
 								label: l(b)("giftCard.orderGiftCard"),
 								"full-width": !0,
-								disabled: !l(W),
+								disabled: !l(z),
 								"data-test": "orderGiftCard",
-								"is-loading": l(K),
-								"onUpdate:isLoading": a[11] ||= (e) => h(K) ? K.value = e : null,
-								onClickEvent: l(J)
+								"is-loading": l(V),
+								"onUpdate:isLoading": a[11] ||= (e) => h(V) ? V.value = e : null,
+								onClickEvent: $
 							}, null, 8, [
 								"label",
 								"disabled",
-								"is-loading",
-								"onClickEvent"
+								"is-loading"
 							]),
-							c("div", null, [a[12] ||= c("div", { class: "konnectio-divider" }, null, -1), _(fe)]),
-							p(c("div", De, [_(oe)], 512), [[m, l(X)]])
+							c("div", null, [a[12] ||= c("div", { class: "konnectio-divider" }, null, -1), _(ve)]),
+							p(c("div", Ne, [_(fe)], 512), [[m, l(K)]])
 						])) : e("", !0)
-					])], 8, pe))]),
+					])], 8, ye))]),
 					_: 1
 				}, 8, [
 					"access-token",
 					"data-layout",
 					"callback"
 				])]),
-				fallback: C(() => [_(le)]),
+				fallback: C(() => [_(_e)]),
 				_: 1
 			}))]),
 			_: 1
 		}, 8, ["styling"]));
 	}
-}), [["__scopeId", "data-v-5baf85ce"]]), ke = S(), Ae = x("konnectio-gift-card", Oe, (e) => {
-	e.use(D), e.use(ke), e.use(b), e.use(z);
+}), [["__scopeId", "data-v-779afb5c"]]), $ = S(), Pe = x("konnectio-gift-card", Q, (e) => {
+	e.use(D), e.use($), e.use(b), e.use(P);
 });
 //#endregion
-export { Ae as default };
+export { Pe as default };

package/dist/{giftCard-CoefzLvK.js → giftCard-Db5RQgXn.js}

@@ -1,8 +1,8 @@
-import { c as e, l as t, t as n, w as r, yt as i } from "./i18n-DwFTw_rF.js";
-import { E as a, F as o, G as s, N as c, T as l, it as u, j as d, lt as f, mt as p } from "./SelectField-hZSfVqht.js";
+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, K as s, N as c, T as l, at as u, j as d, pt as f, ut as p } from "./SelectField-DRafB_Cb.js";
 //#region src/store/giftCard.ts
 var m = e("giftCard", () => {
-	let { pay: e } = d(), { display: m } = c(), { metaData: h, currencyId: g, hasError: _ } = t(a()), v = a(), y = i(u.InitialState), b = p("konnectio_name", "", void 0, { serializer: f.string }), x = p("konnectio_email", "", void 0, { serializer: f.string }), S = p("konnectio_phone", "", void 0, { serializer: f.string }), C = i(""), w = i(1), T = i(!0), E = i(""), D = i({
+	let { pay: e } = d(), { display: m } = c(), { metaData: h, currencyId: g, hasError: _ } = t(a()), v = a(), y = i(u.InitialState), b = f("konnectio_name", "", void 0, { serializer: p.string }), x = f("konnectio_email", "", void 0, { serializer: p.string }), S = f("konnectio_phone", "", void 0, { serializer: p.string }), C = i(""), w = i(1), T = i(!0), E = i(""), D = i({
 		base64: "",
 		type: "",
 		name: ""
@@ -16,15 +16,15 @@ var m = e("giftCard", () => {
 				label: n.t("giftCard.restaurantType"),
 				data: []
 			}
-		}, t = h.value.hotels[0].places;
+		}, 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(() => {
 		let e;
-		if (R.value) e = L.value[j.value].data[0];
+		if (R.value) e = L.value[j.value]?.data[0];
 		else if (k.value !== 0) {
-			let t = O.value, n = L.value[k.value].data;
+			let t = O.value, n = L.value[k.value]?.data ?? [];
 			n.length === 1 ? e = n[0] : t !== void 0 && n.forEach((n) => {
 				String(n.id) === String(t) && (e = n);
 			});
@@ -42,8 +42,8 @@ var m = e("giftCard", () => {
 			});
 		}
 	}
-	async function W() {
-		y.value = u.WaitingForResponse, A.value = !0, await l().post("/gift-card/create", {
+	function W() {
+		return {
 			termsOfserviceURL: window.location.origin,
 			checkoutUrl: window.location.origin,
 			currencyID: g.value,
@@ -60,7 +60,12 @@ var m = e("giftCard", () => {
 			imageFormat: D.value.type,
 			placeType: z.value ? z.value.placeType : void 0,
 			placeID: z.value ? z.value.id : void 0
-		}).then((t) => {
+		};
+	}
+	async function G() {
+		y.value = u.WaitingForResponse, A.value = !0;
+		try {
+			let t = await l().post("/gift-card/create", W());
 			y.value = u.ReadyToPay, A.value = !1, e({
 				callback: (e) => {
 					e === 2 && (y.value = u.PaymentSuccess);
@@ -68,9 +73,13 @@ var m = e("giftCard", () => {
 				response: t.data,
 				enableHostedRedirect: !0
 			});
-		});
+			return;
+		} catch (e) {
+			if (A.value = !1, y.value = u.InitialState, e?.response?.status === 422) return e.response.data.errors;
+			throw e;
+		}
 	}
-	function G(e) {
+	function K(e) {
 		e && (j.value = e);
 	}
 	return {
@@ -96,8 +105,9 @@ var m = e("giftCard", () => {
 		isMetadataAvailable: V,
 		termsOfService: N,
 		fetchMetadata: U,
-		orderGiftCard: W,
-		initialize: G
+		giftCardPayload: W,
+		orderGiftCard: G,
+		initialize: K
 	};
 });
 //#endregion