@konnectio/core/dist/cancel-reservation.js

Konnectio Core Frontend Integration.

import { At as e, D as t, E as n, Et as r, M as i, P as a, S as o, T as s, Y as c, bt as l, c as u, dt as d, k as f, o as p, p as m, r as h, s as g, t as _, x as v } from "./mitt-Dp_pykgV.js";
import { $ as y, M as b, O as x, S, b as C, n as w, t as T, v as E } from "./SelectField-CfD2awPl.js";
import { t as D } from "./_-13YE3WJt.js";
import { t as O } from "./style-Bpqv9k-3.js";
import { t as k } from "./ActionField-DlqhtdHW.js";
//#region src/components/forms/CancelReservationForm.vue?vue&type=script&setup=true&lang.ts
var A = { class: "konnectio-cancel-reservation-form" }, j = /* @__PURE__ */ S(/* @__PURE__ */ a({
	__name: "CancelReservationForm",
	setup(e) {
		let { t: n } = p(), { display: a } = b(), { cancelReservation: o } = x(), u = s(() => [
			{
				label: n("cancelReservation.cancellationReasonRegret"),
				value: y.Regret
			},
			{
				label: n("cancelReservation.cancellationReasonMistake"),
				value: y.BookingMistake
			},
			{
				label: n("cancelReservation.cancellationReasonSickness"),
				value: y.Sickness
			},
			{
				label: n("cancelReservation.cancellationReasonTestBooking"),
				value: y.TestBooking
			},
			{
				label: n("cancelReservation.cancellationReasonBadWeather"),
				value: y.BadWeather
			},
			{
				label: n("cancelReservation.cancellationReasonOther"),
				value: y.Other
			}
		]), d = l(""), m = l(void 0), h = l(""), g = l(!1), _ = l(!1);
		function S() {
			if (d.value === "") {
				a({
					message: n("alert.error.reservationIdEmpty"),
					type: "error"
				});
				return;
			}
			_.value = !0;
		}
		function C() {
			o({
				id: d.value,
				reason: m.value,
				remark: h.value
			}), _.value = !1;
		}
		return (e, a) => (c(), f("form", A, [_.value ? (c(), f(v, { key: 1 }, [
			i(T, {
				modelValue: m.value,
				"onUpdate:modelValue": a[2] ||= (e) => m.value = e,
				label: r(n)("cancelReservation.reasonLabel"),
				placeholder: r(n)("cancelReservation.reasonPlaceholder"),
				options: u.value,
				searchable: !1,
				icon: "ban"
			}, null, 8, [
				"modelValue",
				"label",
				"placeholder",
				"options"
			]),
			i(w, {
				modelValue: h.value,
				"onUpdate:modelValue": a[3] ||= (e) => h.value = e,
				type: "textarea",
				name: "remark",
				label: r(n)("cancelReservation.remarkLabel"),
				icon: "info-circle",
				placeholder: r(n)("cancelReservation.remarkPlaceholder")
			}, null, 8, [
				"modelValue",
				"label",
				"placeholder"
			]),
			i(E, {
				label: r(n)("cancelReservation.confirmCancellationButton"),
				"full-width": !0,
				disabled: !1,
				"is-loading": g.value,
				"onUpdate:isLoading": a[4] ||= (e) => g.value = e,
				onClickEvent: C
			}, null, 8, ["label", "is-loading"])
		], 64)) : (c(), t(k, {
			key: 0,
			modelValue: d.value,
			"onUpdate:modelValue": a[0] ||= (e) => d.value = e,
			icon: "octagon-check",
			label: r(n)("cancelReservation.reservationIdLabel"),
			buttonLabel: r(n)("cancelReservation.checkReservationIdButton"),
			placeholder: r(n)("cancelReservation.reservationIdPlaceholder"),
			"is-loading": g.value,
			"onUpdate:isLoading": a[1] ||= (e) => g.value = e,
			onAction: S
		}, null, 8, [
			"modelValue",
			"label",
			"buttonLabel",
			"placeholder",
			"is-loading"
		]))]));
	}
}), [["__scopeId", "data-v-8e11fd35"]]), M = { class: "konnectio-cancel-reservation-module" }, N = { class: "konnectio-cancel-reservation-title" }, P = ["innerHTML"], F = { class: "konnectio-cancel-reservation-main" }, I = /* @__PURE__ */ S(/* @__PURE__ */ a({
	name: "CancelReservationLayout",
	__name: "CancelReservation",
	props: {
		accessToken: {},
		styling: {}
	},
	setup(a) {
		let { t: l } = p(), u = a, f = s(() => ({
			panelMaxWidth: "800px",
			...u.styling
		}));
		return (s, u) => (c(), t(C, { styling: f.value }, {
			default: d(() => [(c(), t(o, null, {
				default: d(() => [n("div", null, [i(D, { "access-token": a.accessToken }, {
					default: d(() => [n("div", M, [
						n("h2", N, [n("span", null, e(r(l)("cancelReservation.title")), 1)]),
						n("div", {
							innerHTML: r(l)("cancelReservation.cancellationNotice"),
							class: "konnectio-cancel-reservation-description"
						}, null, 8, P),
						n("div", F, [i(j)])
					])]),
					_: 1
				}, 8, ["access-token"])])]),
				fallback: d(() => [...u[0] ||= [n("div", null, null, -1)]]),
				_: 1
			}))]),
			_: 1
		}, 8, ["styling"]));
	}
}), [["__scopeId", "data-v-6270ad61"]]), L = u(), R = _(), z = class extends HTMLElement {
	vueApp;
	constructor() {
		super();
	}
	disconnectedCallback() {
		this.vueApp.unmount();
	}
	connectedCallback() {
		let e = g(I, this.attributes);
		this.vueApp = m(I, e), this.vueApp.provide("emitter", R), this.vueApp.use(h), this.vueApp.use(L), this.vueApp.use(O);
		let t = document.createElement("div");
		this.vueApp.mount(t), this.appendChild(t.children[0]);
	}
};
window.customElements.define("konnectio-cancel-reservation", z);
//#endregion
export { z as default };