@wisemen/wise-crm-web 1.0.0 → 1.2.0

package/dist/DealDetailView-DWLudchX.js

@@ -0,0 +1,1049 @@
+import { $ as e, A as t, B as n, D as r, F as i, H as a, M as o, P as s, Q as c, R as l, T as u, U as d, V as f, Y as p, _ as m, a as h, c as g, d as _, et as v, f as y, g as b, h as ee, i as x, l as S, m as te, n as ne, o as C, p as re, r as ie, rt as w, s as ae, t as oe, u as se, x as ce } from "./Error-za-wClcU.js";
+import { a as le, l as T, n as ue, t as de, u as E } from "./AppSkeletonLoader-Dq6pKznm.js";
+import { ct as fe, ft as pe, mt as me, vt as he } from "./client-9P6xe_5g.js";
+import { d as ge, f as D, g as _e, h as ve, n as ye, t as be, u as xe } from "./DealSendMailDialog-Dqei4933.js";
+import { t as Se } from "./CrmDetailView-BhZEQqUH.js";
+import O, { z as k } from "zod";
+import { Fragment as A, computed as j, createBlock as M, createCommentVNode as N, createElementBlock as P, createElementVNode as F, createTextVNode as I, createVNode as L, defineComponent as R, mergeModels as Ce, mergeProps as we, nextTick as Te, openBlock as z, ref as B, renderList as V, renderSlot as Ee, toDisplayString as H, unref as U, useModel as De, useTemplateRef as Oe, withCtx as W } from "vue";
+import { useI18n as G } from "vue-i18n";
+import { VcAutocomplete as ke, VcBadge as K, VcButton as Ae, VcDropdownMenu as je, VcDropdownMenuItem as q, VcFormFieldLabel as J, VcIconButton as Me, VcSelect as Y, VcSelectItem as X, VcTextField as Ne, useDialog as Z } from "@wisemen/vue-core-components";
+import { useMutation as Pe, useQueryClient as Fe } from "@tanstack/vue-query";
+import { useForm as Q } from "formango";
+import { Motion as Ie } from "motion-v";
+import { useRouteParams as Le } from "@vueuse/router";
+//#region src/api/mutations/deal/dealUpdate.mutation.ts
+function Re() {
+	return E({
+		queryFn: async ({ body: e, params: t }) => await D.update(t.dealUuid, { dealLanguage: e.dealLanguage }),
+		queryKeysToInvalidate: {
+			dealDetail: { dealUuid: (e) => e.dealUuid },
+			dealIndex: {}
+		}
+	});
+}
+function ze() {
+	return E({
+		queryFn: async ({ body: e, params: t }) => await D.update(t.dealUuid, { dealSource: e.dealSource }),
+		queryKeysToInvalidate: {
+			dealDetail: { dealUuid: (e) => e.dealUuid },
+			dealIndex: {}
+		}
+	});
+}
+function Be() {
+	return E({
+		queryFn: async ({ body: e, params: t }) => await D.update(t.dealUuid, { dealOwner: e.dealOwner }),
+		queryKeysToInvalidate: {
+			dealDetail: { dealUuid: (e) => e.dealUuid },
+			dealIndex: {}
+		}
+	});
+}
+function Ve() {
+	return E({
+		queryFn: async ({ body: e, params: t }) => await D.update(t.dealUuid, { name: e.name }),
+		queryKeysToInvalidate: {
+			dealDetail: { dealUuid: (e) => e.dealUuid },
+			dealIndex: {}
+		}
+	});
+}
+//#endregion
+//#region src/deal/components/DealDetailSidebarNameField.vue?vue&type=script&setup=true&lang.ts
+var He = {
+	key: 1,
+	class: "flex justify-between"
+}, Ue = { class: "text-primary text-xl font-bold" }, We = /* @__PURE__ */ R({
+	__name: "DealDetailSidebarNameField",
+	props: { deal: {} },
+	setup(e) {
+		let t = e, n = G(), r = p(), i = B(!1), o = Oe("nameFieldContainerRef"), s = Ve(), c = Q({
+			schema: O.object({ name: O.string().min(1) }),
+			onSubmit: async (e) => {
+				try {
+					await s.execute({
+						body: { name: e.name },
+						params: { dealUuid: t.deal.uuid }
+					});
+				} catch (e) {
+					r.show(e);
+				} finally {
+					i.value = !1;
+				}
+			}
+		}), l = c.register("name", t.deal.name);
+		async function u() {
+			i.value = !0, await Te(), d();
+		}
+		function d() {
+			(o.value?.querySelector("input"))?.focus();
+		}
+		function m() {
+			if (!c.isDirty.value) {
+				i.value = !1;
+				return;
+			}
+			c.submit();
+		}
+		return (e, r) => (z(), P("div", {
+			ref_key: "nameFieldContainerRef",
+			ref: o
+		}, [i.value ? (z(), M(a, {
+			key: 0,
+			form: U(c)
+		}, {
+			default: W(() => [L(U(Ne), we(U(f)(U(l)), {
+				"class-config": { input: "text-xl font-bold" },
+				"is-loading": U(c).isSubmitting.value,
+				label: U(n).t("wise_crm.deal.detail.sidebar.name_field.label"),
+				onBlur: m
+			}), {
+				label: W(() => [L(U(J), { class: "sr-only" })]),
+				_: 1
+			}, 16, ["is-loading", "label"]), r[0] ||= F("button", {
+				type: "submit",
+				class: "sr-only"
+			}, null, -1)]),
+			_: 1
+		}, 8, ["form"])) : (z(), P("div", He, [F("h2", Ue, H(t.deal.name), 1), L(U(Me), {
+			label: U(n).t("wise_crm.deal.detail.sidebar.name_field.edit_label"),
+			icon: "editWithLine",
+			variant: "tertiary",
+			class: "shrink-0",
+			onClick: u
+		}, null, 8, ["label"])]))], 512));
+	}
+});
+//#endregion
+//#region src/api/mutations/deal/dealSetPrimaryContactPerson.mutation.ts
+function Ge() {
+	let e = Fe(), t = "dealDetail", n = Pe({
+		mutationFn: async (e) => await D.setPrimaryContactPerson(e.dealUuid, e.contactPersonUuid),
+		onError: (n, r, i) => {
+			e.setQueryData([t, { dealUuid: r.dealUuid }], i?.previousData);
+		},
+		onMutate: async (n) => {
+			await e.cancelQueries({ queryKey: [t] });
+			let r = e.getQueryData([t, { dealUuid: n.dealUuid }]);
+			return r === void 0 ? {} : (e.setQueryData([t, { dealUuid: n.dealUuid }], {
+				...r,
+				contactPersons: r.contactPersons.map((e) => ({
+					...e,
+					isPrimary: e.uuid === n.contactPersonUuid
+				}))
+			}), { previousData: r });
+		}
+	});
+	return {
+		isLoading: j(() => n.isPending.value),
+		data: j(() => n.data.value),
+		execute: async (e) => await n.mutateAsync(e.params)
+	};
+}
+//#endregion
+//#region src/api/mutations/deal/dealUnlinkContactPerson.mutation.ts
+function Ke() {
+	return E({
+		queryFn: async ({ body: e, params: t }) => await D.unlinkContactPerson(t.dealUuid, e.contactPersonUuid),
+		queryKeysToInvalidate: {
+			dealDetail: { dealUuid: (e) => e.dealUuid },
+			dealIndex: {}
+		}
+	});
+}
+//#endregion
+//#region src/components/crm-detail/CrmDetailSidebarAccordionGenericContactPersonInfo.vue?vue&type=script&setup=true&lang.ts
+var qe = { class: "flex items-start justify-between" }, Je = { class: "flex flex-col items-start" }, Ye = {
+	key: 1,
+	class: "text-brand-700"
+}, Xe = { class: "-mt-2 -mr-2 flex items-center justify-end" }, Ze = { class: "gap-lg grid" }, Qe = /* @__PURE__ */ R({
+	__name: "CrmDetailSidebarAccordionGenericContactPersonInfo",
+	props: {
+		contactPerson: {},
+		description: { default: null },
+		onToggleIsPrimary: {}
+	},
+	emits: ["delete", "update"],
+	setup(e, { emit: t }) {
+		let n = e, r = t, i = G(), a = n.contactPerson.uuid ?? n.contactPerson.contactPersonUuid;
+		function o() {
+			r("update");
+		}
+		function s() {
+			r("delete");
+		}
+		function c() {
+			n.onToggleIsPrimary();
+		}
+		return (e, t) => (z(), M(C, { class: "gap-lg flex flex-col" }, {
+			default: W(() => [F("div", qe, [F("div", Je, [U(a) ? (z(), M(h, {
+				key: 0,
+				"class-config": { root: "bg-transparent border-none text-primary shadow-none h-auto w-auto hover:underline p-0 font-semibold" },
+				"entity-type": U(me).INDIVIDUAL,
+				uuid: U(a)
+			}, {
+				default: W(() => [I(H(n.contactPerson.firstName) + " " + H(n.contactPerson.lastName), 1)]),
+				_: 1
+			}, 8, ["entity-type", "uuid"])) : N("", !0), n.description ? (z(), P("p", Ye, H(n.description), 1)) : N("", !0)]), F("div", Xe, [L(x, {
+				icon: n.contactPerson.isPrimary ? "starYellow" : "starOutline",
+				label: U(i).t("wise_crm.info_dialog.sidebar.overview.contact_person_primary"),
+				onClick: c
+			}, null, 8, ["icon", "label"]), L(U(je), {
+				"class-config": { content: "min-w-fit p-sm" },
+				"popover-align": "end"
+			}, {
+				trigger: W(() => [L(U(Me), {
+					variant: "tertiary",
+					size: "sm",
+					label: "actionMenu",
+					icon: "threeDots"
+				})]),
+				content: W(() => [L(U(q), {
+					label: U(i).t("wise_crm.info_dialog.sidebar.overview.update_contact_person"),
+					icon: "editWithLine",
+					onSelect: o
+				}, null, 8, ["label"]), L(U(q), {
+					"is-destructive": !0,
+					"is-disabled": n.contactPerson.isPrimary,
+					label: U(i).t("wise_crm.info_dialog.sidebar.overview.delete_contact_person"),
+					icon: "linkBroken",
+					onSelect: s
+				}, null, 8, ["is-disabled", "label"])]),
+				_: 1
+			})])]), F("div", Ze, [
+				n.contactPerson.email === null ? N("", !0) : (z(), M(S, {
+					key: 0,
+					label: n.contactPerson.email,
+					icon: "mail"
+				}, null, 8, ["label"])),
+				n.contactPerson.mobilePhone === null ? N("", !0) : (z(), M(S, {
+					key: 1,
+					label: n.contactPerson.mobilePhone,
+					icon: "mobilePhone"
+				}, null, 8, ["label"])),
+				n.contactPerson.phone === null ? N("", !0) : (z(), M(S, {
+					key: 2,
+					label: n.contactPerson.phone,
+					icon: "phone"
+				}, null, 8, ["label"]))
+			])]),
+			_: 1
+		}));
+	}
+}), $e = { class: "p-lg" }, et = /* @__PURE__ */ R({
+	__name: "DealDetailSidebarGeneralInfo",
+	props: { deal: {} },
+	setup(e) {
+		let t = e, n = G(), r = p(), i = Re(), a = ze(), s = Be(), c = o({ persistInUrl: !1 }), l = ve({ params: { search: c.debouncedSearch } }), u = B(t.deal.dealLanguage), d = B(t.deal.dealSource), f = B(t.deal.owner ? {
+			uuid: t.deal.owner.uuid,
+			name: t.deal.owner.name
+		} : null), m = j(() => l.data.value?.data.map((e) => ({
+			uuid: e.uuid,
+			name: `${e.firstName} ${e.lastName}`
+		})) ?? []);
+		function h(e) {
+			return n.t(ge.getI18nKey(e));
+		}
+		function g(e) {
+			return n.t(xe.getI18nKey(e));
+		}
+		let _ = ue();
+		function v(e) {
+			c.updateSearch(e);
+		}
+		async function y(e) {
+			if (u.value = e, e !== null) try {
+				await i.execute({
+					body: { dealLanguage: e },
+					params: { dealUuid: t.deal.uuid }
+				});
+			} catch (e) {
+				r.show(e);
+			}
+		}
+		async function b(e) {
+			if (d.value = e, e !== null) try {
+				await a.execute({
+					body: { dealSource: e },
+					params: { dealUuid: t.deal.uuid }
+				});
+			} catch (e) {
+				r.show(e);
+			}
+		}
+		async function ee(e) {
+			if (f.value = e, e !== null) try {
+				await s.execute({
+					body: { dealOwner: e },
+					params: { dealUuid: t.deal.uuid }
+				});
+			} catch (e) {
+				r.show(e);
+			}
+		}
+		return (e, r) => (z(), P("div", null, [L(C, null, {
+			default: W(() => [F("form", null, [L(w, { cols: 1 }, {
+				default: W(() => [
+					L(U(ke), {
+						modelValue: f.value,
+						"onUpdate:modelValue": [r[0] ||= (e) => f.value = e, ee],
+						items: m.value,
+						"display-fn": (e) => e.name,
+						"is-loading": U(l).isLoading.value || U(s).isLoading.value,
+						placeholder: "Select deal owner",
+						label: "Deal owner",
+						onSearch: v
+					}, null, 8, [
+						"modelValue",
+						"items",
+						"display-fn",
+						"is-loading"
+					]),
+					L(U(Y), {
+						modelValue: u.value,
+						"onUpdate:modelValue": [r[1] ||= (e) => u.value = e, y],
+						label: U(n).t("wise_crm.deal.form.fields.language"),
+						placeholder: U(n).t("wise_crm.deal.form.fields.language_placeholder"),
+						"display-fn": h,
+						"is-loading": U(i).isLoading.value
+					}, {
+						default: W(() => [(z(!0), P(A, null, V(Object.values(U(he)), (e) => (z(), M(U(X), {
+							key: e,
+							value: e
+						}, {
+							default: W(() => [I(H(h(e)), 1)]),
+							_: 2
+						}, 1032, ["value"]))), 128))]),
+						_: 1
+					}, 8, [
+						"modelValue",
+						"label",
+						"placeholder",
+						"is-loading"
+					]),
+					L(U(Y), {
+						modelValue: d.value,
+						"onUpdate:modelValue": [r[2] ||= (e) => d.value = e, b],
+						"display-fn": g,
+						label: U(n).t("wise_crm.deal.form.fields.source"),
+						placeholder: U(n).t("wise_crm.deal.form.fields.source_placeholder"),
+						"is-loading": U(a).isLoading.value
+					}, {
+						default: W(() => [(z(!0), P(A, null, V(Object.values(U(pe)), (e) => (z(), M(U(X), {
+							key: e,
+							value: e
+						}, {
+							default: W(() => [I(H(g(e)), 1)]),
+							_: 2
+						}, 1032, ["value"]))), 128))]),
+						_: 1
+					}, 8, [
+						"modelValue",
+						"label",
+						"placeholder",
+						"is-loading"
+					])
+				]),
+				_: 1
+			})])]),
+			_: 1
+		}), F("div", $e, [L(S, {
+			label: U(n).t("wise_crm.deal.sidebar.created_at", { date: U(_).toDate(t.deal.createdAt.toPlainDate()) }),
+			icon: "clockPlus",
+			"text-color": "text-quaternary",
+			class: "text-sm"
+		}, null, 8, ["label"])])]));
+	}
+});
+//#endregion
+//#region src/api/mutations/deal/dealLinkContactPerson.mutation.ts
+function tt() {
+	return E({
+		queryFn: async ({ body: e, params: t }) => await D.linkContactPerson(t.dealUuid, e.contactPersonUuid, e.contactInfo),
+		queryKeysToInvalidate: {
+			dealDetail: { dealUuid: (e) => e.dealUuid },
+			dealIndex: {}
+		}
+	});
+}
+//#endregion
+//#region src/deal/components/DealContactPersonCreateExistingForm.vue
+var nt = /* @__PURE__ */ R({
+	__name: "DealContactPersonCreateExistingForm",
+	props: { form: {} },
+	emits: ["createNewContactPerson"],
+	setup(e, { emit: t }) {
+		let n = e, r = t, o = G(), c = n.form.register("email"), l = n.form.register("phone"), u = n.form.register("mobile"), d = n.form.register("existingContactPerson");
+		function f() {
+			r("createNewContactPerson");
+		}
+		return (e, t) => (z(), M(a, {
+			form: n.form,
+			class: "pb-xl flex h-full flex-1 flex-col justify-between"
+		}, {
+			default: W(() => [L(w, { cols: 2 }, {
+				default: W(() => [L(m, {
+					label: U(o).t("wise_crm.contact.create_dialog.form.fields.contact_person"),
+					"model-value": U(d).modelValue.value,
+					class: "col-span-2",
+					"onUpdate:modelValue": U(d).setValue,
+					onCreateNew: f
+				}, null, 8, [
+					"label",
+					"model-value",
+					"onUpdate:modelValue"
+				]), L(y, {
+					email: U(c),
+					"mobile-phone": U(u),
+					phone: U(l)
+				}, null, 8, [
+					"email",
+					"mobile-phone",
+					"phone"
+				])]),
+				_: 1
+			}), L(i, null, {
+				default: W(() => [L(s, {
+					"is-loading": n.form.isSubmitting.value,
+					label: U(o).t("wise_crm.shared.add"),
+					class: "col-span-2"
+				}, null, 8, ["is-loading", "label"])]),
+				_: 1
+			})]),
+			_: 1
+		}, 8, ["form"]));
+	}
+}), rt = /* @__PURE__ */ R({
+	__name: "DealContactPersonCreateNewForm",
+	props: { form: {} },
+	setup(e) {
+		let t = e, n = t.form.register("firstName"), r = t.form.register("lastName"), i = t.form.register("email"), o = t.form.register("mobilePhone"), s = t.form.register("phone");
+		return (e, c) => (z(), M(a, {
+			form: t.form,
+			class: "pb-xl flex h-full flex-col justify-between"
+		}, {
+			default: W(() => [L(w, { cols: 2 }, {
+				default: W(() => [
+					L(_, {
+						"first-name": U(n),
+						"last-name": U(r)
+					}, null, 8, ["first-name", "last-name"]),
+					L(y, {
+						email: U(i),
+						"mobile-phone": U(o),
+						phone: U(s)
+					}, null, 8, [
+						"email",
+						"mobile-phone",
+						"phone"
+					]),
+					L(ce, { form: t.form }, null, 8, ["form"])
+				]),
+				_: 1
+			}), Ee(e.$slots, "actions")]),
+			_: 3
+		}, 8, ["form"]));
+	}
+}), it = O.object({
+	email: O.email().nullable(),
+	existingContactPerson: se,
+	mobile: b.nullable(),
+	phone: b.nullable()
+}), at = k.object({
+	email: k.email().min(1).nullable(),
+	firstName: k.string().min(1),
+	lastName: k.string().min(1),
+	mobilePhone: b.nullable(),
+	phone: b.nullable()
+}).superRefine((e, t) => {
+	e.email !== null && e.email !== "" || e.mobilePhone !== null && e.mobilePhone !== "" || e.phone !== null && e.phone !== "" || t.addIssue({
+		code: k.ZodIssueCode.custom,
+		message: d.global.t("wise_crm.form.errors.at_least_one")
+	});
+}), ot = /* @__PURE__ */ R({
+	__name: "DealContactPersonCreateDialog",
+	props: {
+		dealUuid: {},
+		isCreatingNewContactPerson: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	emits: ["close", "createNewContactPerson"],
+	setup(e, { emit: t }) {
+		let n = e, r = t, a = G(), o = p(), c = tt(), l = ee(), u = B(n.isCreatingNewContactPerson), d = Q({
+			schema: at,
+			onSubmit: async (e) => {
+				try {
+					let t = await l.execute({ body: {
+						email: e.email,
+						firstName: e.firstName,
+						lastName: e.lastName,
+						mobilePhone: e.mobilePhone,
+						phone: e.phone
+					} });
+					n.isCreatingNewContactPerson || await c.execute({
+						body: {
+							contactPersonUuid: t,
+							contactInfo: {
+								email: e.email,
+								mobilePhone: e.mobilePhone,
+								phone: e.phone
+							}
+						},
+						params: { dealUuid: n.dealUuid }
+					}), g({
+						label: `${e.firstName} ${e.lastName}`,
+						value: t
+					});
+				} catch (e) {
+					o.show(e);
+				}
+			}
+		}), f = Q({
+			schema: it,
+			onSubmit: async (e) => {
+				await h(e.existingContactPerson.value, {
+					email: e.email,
+					mobilePhone: e.mobile,
+					phone: e.phone
+				});
+			}
+		});
+		function m() {
+			u.value = !0;
+		}
+		async function h(e, t) {
+			if (e !== null) try {
+				await c.execute({
+					body: {
+						contactPersonUuid: e,
+						contactInfo: t
+					},
+					params: { dealUuid: n.dealUuid }
+				}), g();
+			} catch (e) {
+				o.show(e);
+			}
+		}
+		function g(e) {
+			if (e === void 0) {
+				r("close");
+				return;
+			}
+			r("createNewContactPerson", e), r("close");
+		}
+		return (e, t) => (z(), M(te, {
+			title: U(a).t("wise_crm.info_dialog.contact_person_create.title"),
+			description: U(a).t("wise_crm.info_dialog.contact_person_create.description"),
+			onClose: g
+		}, {
+			default: W(() => [u.value ? (z(), M(rt, {
+				key: 0,
+				form: U(d)
+			}, {
+				actions: W(() => [L(i, null, {
+					default: W(() => [L(s, {
+						"is-loading": U(d).isSubmitting.value,
+						label: U(a).t("wise_crm.shared.create")
+					}, null, 8, ["is-loading", "label"])]),
+					_: 1
+				})]),
+				_: 1
+			}, 8, ["form"])) : (z(), M(nt, {
+				key: 1,
+				form: U(f),
+				onCreateNewContactPerson: m
+			}, null, 8, ["form"]))]),
+			_: 1
+		}, 8, ["title", "description"]));
+	}
+});
+//#endregion
+//#region src/api/mutations/deal/dealContactPersonUpdate.mutation.ts
+function st() {
+	return E({
+		queryFn: async ({ body: e, params: t }) => await D.updateContactPerson(t.dealUuid, t.contactPersonUuid, e.form),
+		queryKeysToInvalidate: {
+			dealContactPersonDetail: {
+				contactPersonUuid: (e) => e.contactPersonUuid,
+				dealUuid: (e) => e.dealUuid
+			},
+			dealDetail: { dealUuid: (e) => e.dealUuid },
+			dealIndex: {}
+		}
+	});
+}
+//#endregion
+//#region src/api/queries/deal/dealContactPersonDetail.query.ts
+function ct(e, t) {
+	return T({
+		queryFn: () => D.getContactPerson(e.value, t.value),
+		queryKey: { dealContactPersonDetail: {
+			contactPersonUuid: t,
+			dealUuid: e
+		} }
+	});
+}
+//#endregion
+//#region src/models/deal/contact-person/dealContactPersonUpdateForm.model.ts
+var lt = k.object({
+	email: k.email().min(1).nullable(),
+	firstName: k.string().min(1),
+	lastName: k.string().min(1),
+	mobilePhone: b.nullable(),
+	phone: b.nullable()
+}).superRefine((e, t) => {
+	e.email !== null && e.email !== "" || e.mobilePhone !== null && e.mobilePhone !== "" || e.phone !== null && e.phone !== "" || t.addIssue({
+		code: k.ZodIssueCode.custom,
+		message: d.global.t("wise_crm.form.errors.at_least_one")
+	});
+}), ut = /* @__PURE__ */ R({
+	__name: "DealContactPersonUpdateForm",
+	props: {
+		contactPerson: {},
+		onSubmit: { type: Function }
+	},
+	setup(e) {
+		let t = e, n = G(), r = Q({
+			initialState: {
+				email: t.contactPerson.email,
+				firstName: t.contactPerson.firstName,
+				lastName: t.contactPerson.lastName,
+				mobilePhone: t.contactPerson.mobilePhone,
+				phone: t.contactPerson.phone
+			},
+			schema: lt,
+			onSubmit: async (e) => {
+				await t.onSubmit(e);
+			}
+		}), o = r.register("firstName"), c = r.register("lastName"), l = r.register("email"), u = r.register("mobilePhone"), d = r.register("phone");
+		return (e, t) => (z(), M(a, {
+			form: U(r),
+			class: "flex h-full flex-col justify-between"
+		}, {
+			default: W(() => [L(w, { cols: 2 }, {
+				default: W(() => [
+					L(_, {
+						"first-name": U(o),
+						"last-name": U(c)
+					}, null, 8, ["first-name", "last-name"]),
+					L(y, {
+						email: U(l),
+						"mobile-phone": U(u),
+						phone: U(d)
+					}, null, 8, [
+						"email",
+						"mobile-phone",
+						"phone"
+					]),
+					L(ce, { form: U(r) }, null, 8, ["form"])
+				]),
+				_: 1
+			}), L(i, null, {
+				default: W(() => [L(s, {
+					"is-loading": U(r).isSubmitting.value,
+					label: U(n).t("wise_crm.shared.save_changes")
+				}, null, 8, ["is-loading", "label"])]),
+				_: 1
+			})]),
+			_: 1
+		}, 8, ["form"]));
+	}
+}), dt = /* @__PURE__ */ R({
+	__name: "DealContactPersonUpdateDialog",
+	props: {
+		contactPersonUuid: {},
+		dealUuid: {}
+	},
+	emits: ["close"],
+	setup(e, { emit: t }) {
+		let n = e, r = t, i = G(), a = p(), o = st(), s = ct(j(() => n.dealUuid), j(() => n.contactPersonUuid));
+		async function c(e) {
+			try {
+				await o.execute({
+					body: { form: e },
+					params: {
+						contactPersonUuid: n.contactPersonUuid,
+						dealUuid: n.dealUuid
+					}
+				}), r("close");
+			} catch (e) {
+				a.show(e);
+			}
+		}
+		function l() {
+			r("close");
+		}
+		return (e, t) => (z(), M(te, {
+			title: U(i).t("wise_crm.info_dialog.contact_person_update.title"),
+			description: U(i).t("wise_crm.info_dialog.contact_person_create.description"),
+			onClose: l
+		}, {
+			default: W(() => [U(s).data.value ? (z(), M(ut, {
+				key: 0,
+				"on-submit": c,
+				"contact-person": U(s).data.value,
+				onClose: l
+			}, null, 8, ["contact-person"])) : N("", !0)]),
+			_: 1
+		}, 8, ["title", "description"]));
+	}
+}), ft = /* @__PURE__ */ R({
+	__name: "DealDetailSidebarOverviewContent",
+	props: { deal: {} },
+	setup(e) {
+		let t = e, n = G(), r = p(), i = Ge(), a = Ke(), o = Z(ot), s = Z(dt), c = j(() => t.deal.contactPersons.length > 0);
+		function l() {
+			o.open({ dealUuid: t.deal.uuid });
+		}
+		function u(e) {
+			s.open({
+				contactPersonUuid: e,
+				dealUuid: t.deal.uuid
+			});
+		}
+		async function d(e) {
+			try {
+				await a.execute({
+					body: { contactPersonUuid: e },
+					params: { dealUuid: t.deal.uuid }
+				});
+			} catch (e) {
+				r.show(e);
+			}
+		}
+		function f(e) {
+			i.execute({ params: {
+				contactPersonUuid: e,
+				dealUuid: t.deal.uuid
+			} });
+		}
+		return (e, r) => (z(), M(g, { "default-values": ["general-info", "contact-persons"] }, {
+			default: W(() => [L(ae, {
+				label: U(n).t("wise_crm.deal.detail.sidebar.accordion.general_info"),
+				value: "general-info",
+				icon: "infoCircle"
+			}, {
+				default: W(() => [L(et, { deal: t.deal }, null, 8, ["deal"])]),
+				_: 1
+			}, 8, ["label"]), L(ae, {
+				"is-empty": !c.value,
+				label: U(n).t("wise_crm.info_dialog.sidebar.overview.contact_persons_label"),
+				value: "contact-persons",
+				icon: "userCircle",
+				onAdd: l
+			}, {
+				actions: W(() => [c.value ? N("", !0) : (z(), M(x, {
+					key: 0,
+					label: U(n).t("wise_crm.info_dialog.sidebar.overview.contact_persons_label"),
+					class: "z-1",
+					icon: "plus",
+					onClick: l
+				}, null, 8, ["label"]))]),
+				default: W(() => [(z(!0), P(A, null, V(t.deal.contactPersons, (e) => (z(), M(U(Ie), {
+					key: e.uuid,
+					"layout-id": e.uuid
+				}, {
+					default: W(() => [L(Qe, {
+						"contact-person": e,
+						"on-toggle-is-primary": () => f(e.uuid),
+						description: e.phone,
+						onUpdate: (t) => u(e.uuid),
+						onDelete: (t) => d(e.uuid)
+					}, null, 8, [
+						"contact-person",
+						"on-toggle-is-primary",
+						"description",
+						"onUpdate",
+						"onDelete"
+					])]),
+					_: 2
+				}, 1032, ["layout-id"]))), 128)), c.value ? (z(), M(U(Ae), {
+					key: 0,
+					variant: "tertiary",
+					size: "sm",
+					"icon-left": "plus",
+					onClick: l
+				}, {
+					default: W(() => [I(H(U(n).t("wise_crm.shared.add")), 1)]),
+					_: 1
+				})) : N("", !0)]),
+				_: 1
+			}, 8, ["is-empty", "label"])]),
+			_: 1
+		}));
+	}
+});
+//#endregion
+//#region src/api/mutations/deal/dealTransition.mutation.ts
+function pt() {
+	return E({
+		queryFn: async ({ body: e, params: t }) => await D.transition(t.dealUuid, e.toBoardColumnUuid),
+		queryKeysToInvalidate: {
+			dealDetail: { dealUuid: (e) => e.dealUuid },
+			dealIndex: {}
+		}
+	});
+}
+//#endregion
+//#region src/api/queries/board/boardColumnTransition.query.ts
+function mt(e, t) {
+	return T({
+		queryFn: () => _e.getTransitions(e.value, t.value),
+		queryKey: { boardColumnsTransition: { boardColumnUuid: e } }
+	});
+}
+//#endregion
+//#region src/deal/components/DealDetailSidebarTransitionSelect.vue
+var ht = /* @__PURE__ */ R({
+	__name: "DealDetailSidebarTransitionSelect",
+	props: /* @__PURE__ */ Ce({ deal: {} }, {
+		modelValue: { required: !0 },
+		modelModifiers: {}
+	}),
+	emits: ["update:modelValue"],
+	setup(e) {
+		let n = e, i = G(), a = r(), o = Z(be), s = De(e, "modelValue"), c = p(), l = pt(), u = mt(j(() => s.value.toColumnUuid), j(() => a.getOptions().deals?.allowedTransitionTriggerTypes ?? [])), d = j(() => (u.data.value ?? []).flatMap((e) => e.triggers.length === 0 ? [e] : e.triggers.map((t) => ({
+			...e,
+			toColumnDisplayName: e.toColumnDisplayName,
+			triggers: [t]
+		}))));
+		function f(e) {
+			return e?.toColumnDisplayName ?? "-";
+		}
+		async function m(e) {
+			if (e.triggers.length !== 0) {
+				if (e.triggers[0]?.triggerType === fe.EMAIL) {
+					o.open({
+						dealUuid: n.deal.uuid,
+						client: {
+							uuid: n.deal.client.uuid,
+							type: n.deal.client.type
+						},
+						templateKey: e.triggers[0].config.mailTemplateKey
+					});
+					return;
+				}
+				try {
+					s.value = e, await l.execute({
+						body: { toBoardColumnUuid: e.toColumnUuid },
+						params: { dealUuid: n.deal.uuid }
+					});
+				} catch (e) {
+					c.show(e);
+				}
+			}
+		}
+		return (e, n) => (z(), M(t, { color: s.value?.toColumnColor ?? null }, {
+			default: W(() => [d.value.length === 0 ? (z(), M(U(K), {
+				key: 0,
+				"class-config": { root: "text-nowrap" },
+				variant: "translucent",
+				color: "brand"
+			}, {
+				default: W(() => [I(H(s.value.toColumnDisplayName), 1)]),
+				_: 1
+			})) : (z(), M(U(Y), {
+				key: 1,
+				"model-value": s.value,
+				"is-loading": U(l).isLoading.value,
+				"display-fn": f,
+				"class-config": {
+					item: "text-sm",
+					baseSingle: "text-brand-700",
+					root: "border-brand-200 bg-brand-25 w-fit h-7 py-xxs",
+					iconRight: "size-3 text-brand-700",
+					loader: "text-brand-700 size-3"
+				},
+				placeholder: U(i).t("wise_crm.deal.transition.placeholder"),
+				label: U(i).t("wise_crm.deal.transition.label"),
+				"onUpdate:modelValue": m
+			}, {
+				label: W(() => [L(U(J), { class: "sr-only" })]),
+				default: W(() => [(z(!0), P(A, null, V(d.value, (e) => (z(), M(U(X), {
+					key: e.uuid,
+					value: {
+						uuid: e.uuid,
+						toColumnUuid: e.toColumnUuid,
+						toColumnColor: e.toColumnColor,
+						toColumnDisplayName: e.toColumnDisplayName,
+						triggers: e.triggers
+					}
+				}, {
+					default: W(() => [L(le, null, {
+						default: W(() => [L(t, { color: e.toColumnColor }, {
+							default: W(() => [...n[0] ||= [F("div", { class: "bg-brand-100 border-brand-400 size-3 rounded-full border" }, null, -1)]]),
+							_: 1
+						}, 8, ["color"]), F("span", null, H(e.toColumnDisplayName), 1)]),
+						_: 2
+					}, 1024)]),
+					_: 2
+				}, 1032, ["value"]))), 128))]),
+				_: 1
+			}, 8, [
+				"model-value",
+				"is-loading",
+				"placeholder",
+				"label"
+			]))]),
+			_: 1
+		}, 8, ["color"]));
+	}
+});
+//#endregion
+//#region src/api/mutations/noteDealCreate.mutation.ts
+function gt() {
+	return E({
+		queryFn: async ({ body: e, params: t }) => await v.create(e, { dealUuid: t.dealUuid }),
+		queryKeysToInvalidate: { noteDealIndex: {} }
+	});
+}
+//#endregion
+//#region src/api/queries/noteDealIndex.query.ts
+function _t(e, t) {
+	return c({
+		queryFn: (t) => v.getDealNotes({ pagination: t }, e.value),
+		queryKey: { noteDealIndex: { params: t?.params } }
+	});
+}
+//#endregion
+//#region src/deal/components/DealDialogSidebarNotesContent.vue
+var vt = /* @__PURE__ */ R({
+	__name: "DealDialogSidebarNotesContent",
+	props: { deal: {} },
+	setup(t) {
+		let r = t, i = Z(l), a = p(), o = gt(), s = e(), c = _t(j(() => r.deal.uuid)), u = j(() => c.data?.value?.data ?? []);
+		async function d(e) {
+			await o.execute({
+				body: e,
+				params: { dealUuid: r.deal.uuid }
+			});
+		}
+		async function f(e) {
+			try {
+				await s.execute({ params: { noteUuid: e } });
+			} catch (e) {
+				a.show(e);
+			}
+		}
+		function m(e) {
+			i.open({ note: e });
+		}
+		return (e, t) => (z(), M(n, {
+			"is-loading": U(c).isLoading.value,
+			notes: u.value,
+			"on-submit": d,
+			"has-next-page": U(c).hasNextPage.value,
+			onNext: t[0] ||= (e) => U(c).fetchNextPage(),
+			onDelete: f,
+			onUpdate: m
+		}, null, 8, [
+			"is-loading",
+			"notes",
+			"has-next-page"
+		]));
+	}
+}), yt = { class: "flex h-full flex-1 flex-col" }, bt = { class: "gap-xl border-primary p-xl flex flex-col rounded-2xl border" }, xt = { class: "gap-sm flex w-full flex-wrap items-center" }, St = { class: "max-w-50 truncate" }, $ = /* @__PURE__ */ function(e) {
+	return e.ACTIVITY = "activity", e.NOTES = "notes", e.OVERVIEW = "overview", e;
+}($ || {}), Ct = /* @__PURE__ */ R({
+	__name: "DealDetailSidebar",
+	props: { deal: {} },
+	setup(e) {
+		let t = e, n = G(), r = u(), i = B($.OVERVIEW), a = B({
+			uuid: "",
+			toColumnUuid: t.deal.boardColumn.uuid,
+			toColumnColor: t.deal.boardColumn.color,
+			toColumnDisplayName: t.deal.boardColumn.displayName,
+			toColumnKey: "",
+			triggers: []
+		}), o = j(() => [
+			{
+				icon: "infoCircle",
+				label: n.t("wise_crm.shared.overview"),
+				value: $.OVERVIEW
+			},
+			{
+				icon: "activity",
+				label: n.t("wise_crm.shared.activity"),
+				value: $.ACTIVITY
+			},
+			{
+				icon: "book",
+				label: n.t("wise_crm.shared.notes"),
+				value: $.NOTES
+			}
+		]);
+		return (e, n) => (z(), P("div", yt, [F("div", bt, [L(We, { deal: t.deal }, null, 8, ["deal"]), F("div", xt, [L(re, { onClick: n[0] ||= (e) => U(r).openBusinessDetail(t.deal.client.uuid) }, {
+			default: W(() => [L(U(K), {
+				"class-config": {
+					icon: "shrink-0 size-4",
+					root: "text-nowrap"
+				},
+				variant: "translucent",
+				color: "brand",
+				icon: "building"
+			}, {
+				default: W(() => [F("span", St, H(t.deal.client.name ?? "-"), 1)]),
+				_: 1
+			})]),
+			_: 1
+		}), L(ht, {
+			modelValue: a.value,
+			"onUpdate:modelValue": n[1] ||= (e) => a.value = e,
+			deal: t.deal
+		}, null, 8, ["modelValue", "deal"])])]), L(ie, {
+			modelValue: i.value,
+			"onUpdate:modelValue": n[2] ||= (e) => i.value = e,
+			tabs: o.value
+		}, {
+			default: W(() => [i.value === $.OVERVIEW ? (z(), M(ft, {
+				key: 0,
+				deal: t.deal
+			}, null, 8, ["deal"])) : i.value === $.NOTES ? (z(), M(vt, {
+				key: 1,
+				deal: t.deal
+			}, null, 8, ["deal"])) : N("", !0)]),
+			_: 1
+		}, 8, ["modelValue", "tabs"])]));
+	}
+}), wt = /* @__PURE__ */ R({
+	__name: "DealDetailSidebarProvider",
+	props: { dealUuid: {} },
+	setup(e) {
+		let t = e, n = ye(j(() => t.dealUuid)), r = G();
+		return (e, t) => (z(), M(ne, null, {
+			default: W(() => [U(n).error.value ? (z(), M(oe, {
+				key: 0,
+				message: U(r).t("error.deal_details.description"),
+				title: U(r).t("error.deal_details.title")
+			}, null, 8, ["message", "title"])) : U(n).isLoading.value ? (z(), M(de, {
+				key: 1,
+				class: "h-full"
+			})) : U(n).data.value ? (z(), M(Ct, {
+				key: U(n).data.value.boardColumn.uuid,
+				deal: U(n).data.value
+			}, null, 8, ["deal"])) : N("", !0)]),
+			_: 1
+		}));
+	}
+}), Tt = /* @__PURE__ */ R({
+	__name: "DealDetailView",
+	props: { tabs: {} },
+	setup(e) {
+		let t = e, n = G(), r = Le("dealUuid"), i = j(() => [...t.tabs, {
+			label: j(() => n.t("wise_crm.deal.detail_view.communication_tab_label")),
+			to: "deal-communication"
+		}]);
+		return (e, t) => (z(), M(Se, {
+			key: U(r),
+			"entity-type": U(me).BUSINESS,
+			tabs: i.value
+		}, {
+			sidebar: W(() => [L(wt, { "deal-uuid": U(r) }, null, 8, ["deal-uuid"])]),
+			_: 1
+		}, 8, ["entity-type", "tabs"]));
+	}
+});
+//#endregion
+export { Tt as default };