@konnectio/core 4.7.18 → 4.8.1

package/dist/CheckoutWindow-CjVK26L8.js

@@ -1,718 +0,0 @@
-import { $ as e, A as t, B as n, D as r, E as i, Et as a, H as o, J as s, K as c, N as l, O as u, Ot as d, S as f, T as p, Tt as m, U as h, V as ee, _ as g, a as _, ct as v, dt as y, et as b, g as x, j as S, k as C, kt as w, l as T, ot as te, u as E, ut as D, w as O, yt as k } from "./i18n-DwFTw_rF.js";
-import { E as ne, I as re, J as A, S as j, _ as M, ct as N, j as P, n as F, v as I, x as ie, y as ae } from "./SelectField-hZSfVqht.js";
-//#region node_modules/body-scroll-lock/lib/bodyScrollLock.esm.js
-function oe(e) {
-	if (Array.isArray(e)) {
-		for (var t = 0, n = Array(e.length); t < e.length; t++) n[t] = e[t];
-		return n;
-	} else return Array.from(e);
-}
-var L = !1;
-if (typeof window < "u") {
-	var R = { get passive() {
-		L = !0;
-	} };
-	window.addEventListener("testPassive", null, R), window.removeEventListener("testPassive", null, R);
-}
-var z = typeof window < "u" && window.navigator && window.navigator.platform && (/iP(ad|hone|od)/.test(window.navigator.platform) || window.navigator.platform === "MacIntel" && window.navigator.maxTouchPoints > 1), B = [], V = !1, H = -1, U = void 0, W = void 0, G = void 0, K = function(e) {
-	return B.some(function(t) {
-		return !!(t.options.allowTouchMove && t.options.allowTouchMove(e));
-	});
-}, q = function(e) {
-	var t = e || window.event;
-	return K(t.target) || t.touches.length > 1 ? !0 : (t.preventDefault && t.preventDefault(), !1);
-}, se = function(e) {
-	if (G === void 0) {
-		var t = !!e && e.reserveScrollBarGap === !0, n = window.innerWidth - document.documentElement.clientWidth;
-		if (t && n > 0) {
-			var r = parseInt(window.getComputedStyle(document.body).getPropertyValue("padding-right"), 10);
-			G = document.body.style.paddingRight, document.body.style.paddingRight = r + n + "px";
-		}
-	}
-	U === void 0 && (U = document.body.style.overflow, document.body.style.overflow = "hidden");
-}, ce = function() {
-	G !== void 0 && (document.body.style.paddingRight = G, G = void 0), U !== void 0 && (document.body.style.overflow = U, U = void 0);
-}, le = function() {
-	return window.requestAnimationFrame(function() {
-		if (W === void 0) {
-			W = {
-				position: document.body.style.position,
-				top: document.body.style.top,
-				left: document.body.style.left
-			};
-			var e = window, t = e.scrollY, n = e.scrollX, r = e.innerHeight;
-			document.body.style.position = "fixed", document.body.style.top = -t, document.body.style.left = -n, setTimeout(function() {
-				return window.requestAnimationFrame(function() {
-					var e = r - window.innerHeight;
-					e && t >= r && (document.body.style.top = -(t + e));
-				});
-			}, 300);
-		}
-	});
-}, ue = function() {
-	if (W !== void 0) {
-		var e = -parseInt(document.body.style.top, 10), t = -parseInt(document.body.style.left, 10);
-		document.body.style.position = W.position, document.body.style.top = W.top, document.body.style.left = W.left, window.scrollTo(t, e), W = void 0;
-	}
-}, de = function(e) {
-	return e ? e.scrollHeight - e.scrollTop <= e.clientHeight : !1;
-}, fe = function(e, t) {
-	var n = e.targetTouches[0].clientY - H;
-	return K(e.target) ? !1 : t && t.scrollTop === 0 && n > 0 || de(t) && n < 0 ? q(e) : (e.stopPropagation(), !0);
-}, pe = function(e, t) {
-	if (!e) {
-		console.error("disableBodyScroll unsuccessful - targetElement must be provided when calling disableBodyScroll on IOS devices.");
-		return;
-	}
-	if (!B.some(function(t) {
-		return t.targetElement === e;
-	})) {
-		var n = {
-			targetElement: e,
-			options: t || {}
-		};
-		B = [].concat(oe(B), [n]), z ? le() : se(t), z && (e.ontouchstart = function(e) {
-			e.targetTouches.length === 1 && (H = e.targetTouches[0].clientY);
-		}, e.ontouchmove = function(t) {
-			t.targetTouches.length === 1 && fe(t, e);
-		}, V ||= (document.addEventListener("touchmove", q, L ? { passive: !1 } : void 0), !0));
-	}
-}, me = function(e) {
-	if (!e) {
-		console.error("enableBodyScroll unsuccessful - targetElement must be provided when calling enableBodyScroll on IOS devices.");
-		return;
-	}
-	B = B.filter(function(t) {
-		return t.targetElement !== e;
-	}), z && (e.ontouchstart = null, e.ontouchmove = null, V && B.length === 0 && (document.removeEventListener("touchmove", q, L ? { passive: !1 } : void 0), V = !1)), z ? ue() : ce();
-}, J = l({
-	name: "SidePanelCloseButton",
-	emits: ["close"]
-}), he = [/* @__PURE__ */ p("span", { class: "vsp-close__x" }, null, -1)];
-function ge(e, t, n, r, i, a) {
-	return s(), u("div", {
-		class: "vsp-close",
-		onClick: t[0] ||= (t) => e.$emit("close")
-	}, [...he]);
-}
-J.render = ge, J.__file = "src/components/SidePanelCloseButton.vue";
-var Y = l({
-	name: "VueSidePanel",
-	components: { SidePanelCloseButton: J },
-	props: {
-		idName: {
-			type: String,
-			default: "vsp-container"
-		},
-		hideCloseBtn: {
-			type: Boolean,
-			default: !1
-		},
-		noClose: {
-			type: Boolean,
-			default: !1
-		},
-		side: {
-			type: String,
-			validator: (e) => [
-				"top",
-				"right",
-				"bottom",
-				"left"
-			].includes(e),
-			default: "right"
-		},
-		rerender: {
-			type: Boolean,
-			default: !1
-		},
-		zIndex: {
-			type: [Number, String],
-			default: "auto"
-		},
-		width: {
-			type: String,
-			default: "auto"
-		},
-		height: {
-			type: String,
-			default: "auto"
-		},
-		lockScroll: {
-			type: Boolean,
-			default: !1
-		},
-		lockScrollHtml: {
-			type: Boolean,
-			default: !0
-		},
-		modelValue: {
-			type: Boolean,
-			default: !1,
-			required: !0
-		},
-		overlayColor: {
-			type: String,
-			default: "black"
-		},
-		overlayOpacity: {
-			type: Number,
-			default: .5
-		},
-		overlayDuration: {
-			type: Number,
-			default: 500
-		},
-		panelColor: {
-			type: String,
-			default: "white"
-		},
-		panelDuration: {
-			type: Number,
-			default: 300
-		},
-		transitionName: {
-			type: String,
-			default: void 0
-		},
-		headerClass: {
-			type: String,
-			default: ""
-		},
-		bodyClass: {
-			type: String,
-			default: ""
-		},
-		footerClass: {
-			type: String,
-			default: ""
-		}
-	},
-	emits: [
-		"update:modelValue",
-		"closed",
-		"opened"
-	],
-	setup(e, { emit: t, attrs: n }) {
-		let r, i = k(null), a = k(null), s = k(null), l = k(null), u = k(null), d = k(0), f = k(0), p = k(0), m = k(0), g = k(0), _ = k(), y = k(!1), b = async () => {
-			window?.innerHeight > 0 && (g.value = window.innerHeight), d.value = s.value ? s.value.clientHeight : 0, p.value = l.value ? l.value.clientHeight : 0, f.value = u.value ? u.value.scrollHeight : 0, m.value = i.value ? i.value.clientHeight : 0;
-		}, x = () => t("update:modelValue", !1), S = (t, n) => {
-			if (n) {
-				setTimeout(() => {
-					pe(t, { reserveScrollBarGap: !0 }), e.lockScrollHtml && (document.documentElement.style.overflow = "hidden");
-				}, 0);
-				return;
-			}
-			me(t), e.lockScrollHtml && document.documentElement.style.removeProperty("overflow");
-		}, C = () => Math.max(...Array.from(document.querySelectorAll("body *"), (e) => parseFloat(window.getComputedStyle(e).zIndex)).filter((e) => !Number.isNaN(e)), 0);
-		c(() => {
-			_.value = e.zIndex === "auto" ? C() : e.zIndex;
-		}), o(() => {
-			document.getElementById(e.idName) || (r = document.createElement("div"), r.setAttribute("id", e.idName), document.body.appendChild(r));
-		}), h(() => {
-			let { modelValue: t, lockScroll: n } = e;
-			n && i.value && t && S(i.value, !1), r && document.body.removeChild(r), window.removeEventListener("resize", b);
-		}), v(() => [
-			l.value,
-			s.value,
-			e.height,
-			e.width,
-			e.side,
-			e.modelValue
-		], () => {
-			ee(() => b());
-		}), v(() => [e.modelValue, i.value], (t, n) => {
-			let r = n ? n[0] : !1, [i, a] = t, o = i, s = r && !i;
-			if (a) {
-				if (o && (y.value = !!document.body.style.overflow), i) {
-					e.lockScroll && S(a, !0), b(), window.addEventListener("resize", b);
-					return;
-				}
-				!e.lockScroll || !s || y.value || (setTimeout(() => {
-					a && S(a, !1);
-				}, e.panelDuration), window.removeEventListener("resize", b));
-			}
-		}, { immediate: !0 });
-		let w = O(() => {
-			if (!m.value) return;
-			let t = f.value + p.value + d.value, n = m.value - p.value - d.value;
-			return ["top", "bottom"].includes(e.side) && e.height === "auto" && (n = g.value >= t ? f.value : g.value - p.value - d.value), n;
-		});
-		return {
-			body: u,
-			panel: i,
-			overlay: a,
-			overlayStyles: O(() => ({
-				zIndex: _.value,
-				animationDuration: `${e.overlayDuration}ms`,
-				"--overlay-opacity": e.overlayOpacity,
-				opacity: e.modelValue ? e.overlayOpacity : 0,
-				backgroundColor: e.overlayColor,
-				pointerEvents: e.modelValue ? "all" : "none"
-			})),
-			header: l,
-			footer: s,
-			closePanel: x,
-			panelStyles: O(() => ({
-				width: ["left", "right"].includes(e.side) ? e.width : void 0,
-				maxWidth: "100%",
-				...["top", "bottom"].includes(e.side) ? {
-					height: e.height,
-					maxHeight: "100%"
-				} : {},
-				zIndex: _.value,
-				backgroundColor: e.panelColor,
-				animationDuration: `${e.panelDuration}ms`,
-				...Object.assign({}, n.style)
-			})),
-			bodyHeight: w
-		};
-	}
-});
-function _e(t, n, o, c, l, m) {
-	let h = b("SidePanelCloseButton");
-	return s(), i(f, { to: `#${t.idName}` }, [p("div", { class: a(["vsp-wrapper", [t.modelValue && "vsp-wrapper--active"]]) }, [S(E, {
-		name: "overlay",
-		persisted: ""
-	}, {
-		default: D(() => [y(p("div", {
-			ref: "overlay",
-			class: "vsp-overlay",
-			style: d(t.overlayStyles),
-			onClick: n[0] ||= () => t.noClose ? void 0 : t.closePanel()
-		}, null, 4), [[x, t.modelValue]])]),
-		_: 1
-	}), S(E, {
-		name: t.transitionName || `slide-${t.side}`,
-		onAfterEnter: n[1] ||= (e) => t.$emit("opened"),
-		onAfterLeave: n[2] ||= (e) => t.$emit("closed")
-	}, {
-		default: D(() => [!t.rerender || t.modelValue ? y((s(), u("div", {
-			key: 0,
-			ref: "panel",
-			class: a(["vsp", [`vsp--${t.side}-side`, t.$attrs.class]]),
-			style: d(t.panelStyles)
-		}, [
-			t.$slots.header ? (s(), u("div", {
-				key: 0,
-				ref: "header",
-				class: a([t.headerClass, "vsp__header"])
-			}, [e(t.$slots, "header", { close: t.closePanel })], 2)) : r("v-if", !0),
-			p("div", {
-				ref: "body",
-				class: a([t.bodyClass, "vsp__body"]),
-				style: d({ height: `${t.bodyHeight}px` })
-			}, [e(t.$slots, "default", { close: t.closePanel }), t.hideCloseBtn ? r("v-if", !0) : (s(), i(h, {
-				key: 0,
-				onClose: t.closePanel
-			}, null, 8, ["onClose"]))], 6),
-			t.$slots.footer ? (s(), u("div", {
-				key: 1,
-				ref: "footer",
-				class: a([t.footerClass, "vsp__footer"])
-			}, [e(t.$slots, "footer")], 2)) : r("v-if", !0)
-		], 6)), [[x, t.rerender ? !0 : t.modelValue]]) : r("v-if", !0)]),
-		_: 3
-	}, 8, ["name"])], 2)], 8, ["to"]);
-}
-Y.render = _e, Y.__file = "src/components/SidePanel.vue";
-//#endregion
-//#region src/components/side-panels/Base.vue?vue&type=script&setup=true&lang.ts
-var ve = { id: "konnectio-side-panel-header" }, ye = { id: "konnectio-side-panel-title" }, be = {
-	key: 0,
-	id: "konnectio-side-panel-subtitle"
-}, xe = ["innerHTML"], Se = /*#__PURE__*/ j(/* @__PURE__ */ l({
-	__name: "Base",
-	props: {
-		modelValue: { type: Boolean },
-		title: {},
-		subtitle: {},
-		idName: {},
-		description: {},
-		side: { default: "right" },
-		lockScroll: {
-			type: Boolean,
-			default: !0
-		},
-		hideCloseButton: {
-			type: Boolean,
-			default: !0
-		},
-		width: { default: "840px" }
-	},
-	emits: [
-		"update:modelValue",
-		"opened",
-		"closed"
-	],
-	setup(t, { emit: n }) {
-		let a = n, o = O(() => {
-			let e = navigator?.userAgentData?.platform || navigator?.platform;
-			return (/iPad|iPhone|iPod/.test(e) || e === "MacIntel" && navigator.maxTouchPoints > 1) && !window.MSStream;
-		});
-		function c() {
-			a("closed");
-		}
-		function l() {
-			a("opened");
-		}
-		return (n, a) => (s(), i(m(Y), {
-			modelValue: t.modelValue,
-			"lock-scroll": !o.value && t.lockScroll,
-			"hide-close-btn": t.hideCloseButton,
-			width: t.width,
-			"onUpdate:modelValue": a[1] ||= (e) => n.$emit("update:modelValue", e),
-			onClosed: c,
-			onOpened: l
-		}, C({
-			header: D(() => [p("div", ve, [p("h2", ye, [p("span", null, w(m(re)(t.title)), 1), p("button", {
-				id: "konnectio-side-panel-close",
-				onClick: a[0] ||= (e) => n.$emit("update:modelValue", !1)
-			}, [S(ie, {
-				icon: "times",
-				type: "fas",
-				color: "header"
-			})])]), t.subtitle ? (s(), u("h4", be, [p("span", null, w(t.subtitle), 1)])) : r("", !0)])]),
-			default: D(() => [t.description ? (s(), u("div", {
-				key: 0,
-				class: "konnectio-side-panel-description",
-				innerHTML: t.description
-			}, null, 8, xe)) : r("", !0), e(n.$slots, "default", {}, void 0, !0)]),
-			_: 2
-		}, [n.$slots.footer ? {
-			name: "footer",
-			fn: D(() => [e(n.$slots, "footer", {}, void 0, !0)]),
-			key: "0"
-		} : void 0]), 1032, [
-			"modelValue",
-			"lock-scroll",
-			"hide-close-btn",
-			"width"
-		]));
-	}
-}), [["__scopeId", "data-v-85ac191d"]]), Ce = { class: "konnectio-phone-input" }, we = /*#__PURE__*/ j(/* @__PURE__ */ l({
-	__name: "PhoneField",
-	props: {
-		modelValue: {},
-		label: {},
-		id: {},
-		placeholder: {},
-		icon: { default: "phone-office" },
-		iconColor: {},
-		iconType: { default: "fal" },
-		required: {
-			type: Boolean,
-			default: !1
-		},
-		readonly: {
-			type: Boolean,
-			default: !1
-		}
-	},
-	emits: ["update:modelValue"],
-	setup(e, { emit: t }) {
-		let n = t, r = e, a = r.id || A(), o = k("+45"), l = k("");
-		function u() {
-			n("update:modelValue", `${o.value} ${l.value}`);
-		}
-		return c(() => {
-			if (r.modelValue) {
-				let e = r.modelValue.split(" ");
-				o.value = e[0], l.value = e[1];
-			}
-		}), (t, n) => (s(), i(M, {
-			label: e.label,
-			id: m(a),
-			type: "phone",
-			required: e.required,
-			readonly: e.readonly
-		}, {
-			default: D(() => [p("div", Ce, [S(F, {
-				modelValue: o.value,
-				"onUpdate:modelValue": n[0] ||= (e) => o.value = e,
-				type: "text",
-				id: m(A)(),
-				name: "phone-code",
-				autocomplete: "tel-country-code",
-				icon: e.icon,
-				"icon-color": e.iconColor,
-				"icon-type": e.iconType,
-				placeholder: "+XX",
-				required: e.required,
-				readonly: e.readonly,
-				onInput: n[1] ||= (e) => u()
-			}, null, 8, [
-				"modelValue",
-				"id",
-				"icon",
-				"icon-color",
-				"icon-type",
-				"required",
-				"readonly"
-			]), S(F, {
-				modelValue: l.value,
-				"onUpdate:modelValue": n[2] ||= (e) => l.value = e,
-				type: "number",
-				name: "phone",
-				autocomplete: "tel-national",
-				inputmode: "numeric",
-				id: m(a),
-				placeholder: e.placeholder,
-				required: e.required,
-				readonly: e.readonly,
-				onInput: n[3] ||= (e) => u()
-			}, null, 8, [
-				"modelValue",
-				"id",
-				"placeholder",
-				"required",
-				"readonly"
-			])])]),
-			_: 1
-		}, 8, [
-			"label",
-			"id",
-			"required",
-			"readonly"
-		]));
-	}
-}), [["__scopeId", "data-v-b0b6eb09"]]), Te = [
-	"required",
-	"type",
-	"name",
-	"readonly",
-	"disabled",
-	"value",
-	"checked"
-], Ee = ["data-test"], De = { key: 0 }, Oe = {
-	key: 1,
-	class: /*@__PURE__*/ a(["konnectio-click-box-label", "inline"])
-}, ke = /*#__PURE__*/ j(/* @__PURE__ */ l({
-	__name: "Checkbox",
-	props: {
-		modelValue: { type: [
-			String,
-			Boolean,
-			Number,
-			null
-		] },
-		numeric: {
-			type: Boolean,
-			default: !1
-		},
-		checked: {
-			type: Boolean,
-			default: !1
-		},
-		label: {},
-		price: {},
-		name: {},
-		readonly: {
-			type: Boolean,
-			default: !1
-		},
-		type: { default: "checkbox" },
-		required: {
-			type: Boolean,
-			default: !1
-		},
-		val: {}
-	},
-	emits: ["update:modelValue"],
-	setup(t, { emit: o }) {
-		let c = t, l = o, d = te();
-		function f() {
-			c.readonly !== !0 && l("update:modelValue", c.type === "radio" ? c.val : c.numeric ? +!c.modelValue : !c.modelValue);
-		}
-		return (o, c) => (s(), i(M, {
-			required: t.required,
-			type: t.type,
-			readonly: t.readonly
-		}, {
-			default: D(() => [p("label", { class: a([
-				"konnectio-click-box-container",
-				{ "is-readonly": t.readonly },
-				{ "has-label": t.label || m(d).default },
-				t.type === "radio" ? "radio" : "checkbox",
-				{ active: t.type === "radio" ? t.val === t.modelValue : !!t.modelValue }
-			]) }, [
-				p("input", n(o.$attrs, {
-					required: !!t.required,
-					type: t.type,
-					name: t.name,
-					class: "hidden",
-					readonly: !!t.readonly,
-					disabled: !!t.readonly,
-					value: t.type === "radio" ? t.val : t.modelValue,
-					checked: t.type === "radio" ? t.val === t.modelValue : !!t.modelValue,
-					onChange: c[0] ||= (e) => f()
-				}), null, 16, Te),
-				p("div", {
-					class: a(["konnectio-click-box", { checked: t.type === "radio" ? t.val === t.modelValue : !!t.modelValue }]),
-					tabindex: "0",
-					"data-test": t.name,
-					onKeyup: c[1] ||= g((e) => f(), ["enter"])
-				}, null, 42, Ee),
-				t.label ? (s(), u("div", {
-					key: 0,
-					class: a([
-						"konnectio-click-box-label",
-						"text-hover",
-						{ "with-price": t.price }
-					])
-				}, [p("span", null, w(t.label), 1), t.price ? (s(), u("span", De, w(t.price), 1)) : r("", !0)], 2)) : m(d).default ? (s(), u("div", Oe, [e(o.$slots, "default", {}, void 0, !0)])) : r("", !0)
-			], 2)]),
-			_: 3
-		}, 8, [
-			"required",
-			"type",
-			"readonly"
-		]));
-	}
-}), [["__scopeId", "data-v-caa3bb1f"]]), X = {
-	href: "https://policies.google.com/privacy",
-	target: "_blank"
-}, Ae = {
-	href: "https://policies.google.com/terms",
-	target: "_blank"
-}, Z = /*@__PURE__*/ l({
-	__name: "GoogleNotice",
-	setup(e) {
-		let { t: n } = _();
-		return (e, r) => (s(), u("span", null, [
-			t(w(m(n)("googleNotice")) + " ", 1),
-			p("a", X, w(m(n)("googlePrivacyPolicy")), 1),
-			t(" " + w(m(n)("googleAnd")) + " ", 1),
-			p("a", Ae, w(m(n)("googleTOS")), 1),
-			t(" " + w(m(n)("googleApply")) + ". ", 1)
-		]));
-	}
-});
-//#endregion
-//#region src/components/GoogleNotice.vue?vue&type=i18n&index=0&lang.yaml
-function Q(e) {
-	let t = e;
-	t.__i18n = t.__i18n || [], t.__i18n.push({
-		locale: "",
-		resource: {
-			da: {
-				googleNotice: {
-					t: 0,
-					b: {
-						t: 2,
-						i: [{ t: 3 }],
-						s: "Denne side er beskyttet af reCAPTCHA og Google's"
-					}
-				},
-				googlePrivacyPolicy: {
-					t: 0,
-					b: {
-						t: 2,
-						i: [{ t: 3 }],
-						s: "Privatlivspolitik"
-					}
-				},
-				googleAnd: {
-					t: 0,
-					b: {
-						t: 2,
-						i: [{ t: 3 }],
-						s: "og"
-					}
-				},
-				googleTOS: {
-					t: 0,
-					b: {
-						t: 2,
-						i: [{ t: 3 }],
-						s: "Servicevilkår"
-					}
-				},
-				googleApply: {
-					t: 0,
-					b: {
-						t: 2,
-						i: [{ t: 3 }],
-						s: "er gældende"
-					}
-				}
-			},
-			en: {
-				googleNotice: {
-					t: 0,
-					b: {
-						t: 2,
-						i: [{ t: 3 }],
-						s: "This site is protected by reCAPTCHA and the Google"
-					}
-				},
-				googlePrivacyPolicy: {
-					t: 0,
-					b: {
-						t: 2,
-						i: [{ t: 3 }],
-						s: "Privacy Policy"
-					}
-				},
-				googleAnd: {
-					t: 0,
-					b: {
-						t: 2,
-						i: [{ t: 3 }],
-						s: "and"
-					}
-				},
-				googleTOS: {
-					t: 0,
-					b: {
-						t: 2,
-						i: [{ t: 3 }],
-						s: "Terms of Service"
-					}
-				},
-				googleApply: {
-					t: 0,
-					b: {
-						t: 2,
-						i: [{ t: 3 }],
-						s: "apply"
-					}
-				}
-			}
-		}
-	});
-}
-//#endregion
-//#region src/components/GoogleNotice.vue
-typeof Q == "function" && Q(Z);
-var je = Z, Me = { id: "konnectio-hosted-checkout-waiting" }, $ = /*#__PURE__*/ j(/* @__PURE__ */ l({
-	__name: "HostedCheckoutWaiting",
-	setup(e) {
-		let { t } = _(), { isHostedPopupOpen: n } = T(P()), { reopenHostedCheckout: a } = P();
-		return (e, o) => (s(), u("div", Me, [
-			m(n) ? (s(), i(ae, { key: 0 })) : r("", !0),
-			p("p", null, w(m(t)("booking.payment.waitForCheckout")), 1),
-			m(n) ? r("", !0) : (s(), i(I, {
-				key: 1,
-				label: m(t)("booking.payment.reopenCheckout"),
-				"full-width": "",
-				onClickEvent: m(a)
-			}, null, 8, ["label", "onClickEvent"]))
-		]));
-	}
-}), [["__scopeId", "data-v-9c81cada"]]), Ne = /*#__PURE__*/ j(/* @__PURE__ */ l({
-	__name: "CheckoutWindow",
-	setup(e) {
-		let { paymentGatewayId: t } = T(ne()), { isHostedCheckoutActive: n } = T(P());
-		return c(() => {
-			let e = document.createElement("script"), t = document.createElement("script");
-			e.setAttribute("src", "https://checkout.dibspayment.eu/v1/checkout.js?v=1"), t.setAttribute("src", "https://checkout.reepay.com/checkout.js"), document.head.appendChild(e), document.head.appendChild(t);
-		}), (e, r) => (s(), u("div", null, [m(n) ? (s(), i($, { key: 0 })) : (s(), u("div", {
-			key: 1,
-			id: "konnectio-payment-checkout-wrapper",
-			class: a({ reePay: m(t) === m(N).ReePay })
-		}, [...r[0] ||= [p("div", { id: "konnectio-payment-checkout" }, null, -1)]], 2))]));
-	}
-}), [["__scopeId", "data-v-785105ee"]]);
-//#endregion
-export { we as a, ke as i, $ as n, Se as o, je as r, Ne as t };