@wisemen/wise-crm-web 1.1.0 → 1.2.0

package/dist/DealSendMailDialog-Dqei4933.js

@@ -0,0 +1,1566 @@
+import { G as e, H as t, J as n, K as r, L as i, V as a, Y as o, Z as s, at as c, p as l, q as u, z as d } from "./Error-za-wClcU.js";
+import { a as f, l as p, s as m, t as ee, u as te } from "./AppSkeletonLoader-Dq6pKznm.js";
+import { A as h, D as ne, E as re, H as ie, S as ae, U as oe, W as se, _ as ce, at as le, b as ue, et as de, f as fe, h as pe, i as me, m as he, nt as ge, r as _e, t as ve, tt as ye, ut as be, vt as xe } from "./client-9P6xe_5g.js";
+import { t as Se } from "./_plugin-vue_export-helper-D3hKq4w_.js";
+import { a as Ce, i as we, n as g, o as Te, r as Ee, t as De } from "./DealExternalAttachment-B6l0gDqF.js";
+import _, { z as v } from "zod";
+import { Fragment as y, computed as b, createBlock as x, createCommentVNode as S, createElementBlock as C, createElementVNode as w, createTextVNode as T, createVNode as E, defineComponent as D, mergeModels as O, mergeProps as k, normalizeClass as A, onBeforeUnmount as Oe, onMounted as j, openBlock as M, ref as N, renderList as P, renderSlot as F, toDisplayString as I, unref as L, useAttrs as ke, useId as R, useModel as z, useTemplateRef as Ae, watch as je, withCtx as B } from "vue";
+import { useI18n as V } from "vue-i18n";
+import { FileUploadStatus as H, PaginationParamsBuilder as Me, VcButton as U, VcDialog as W, VcDialogCloseButton as Ne, VcDialogContent as Pe, VcDialogDescription as Fe, VcDialogTitle as Ie, VcFileUploadDropzone as Le, VcFileUploadItem as Re, VcFileUploadItemRemove as ze, VcFileUploadItemReplace as Be, VcFileUploadRoot as Ve, VcFileUploadTrigger as He, VcFormField as G, VcFormFieldLabel as K, VcIcon as q, VcIconButton as J, VcKeyboardShortcut as Ue, VcSpinner as We, VcTextField as Ge, VcTooltipArrow as Ke, VcTooltipContent as qe, VcTooltipInnerContent as Je, VcTooltipPortal as Ye, VcTooltipRoot as Xe, VcTooltipTrigger as Ze, useDialog as Qe, useToast as $e } from "@wisemen/vue-core-components";
+import { useElementSize as et } from "@vueuse/core";
+import { useForm as tt } from "formango";
+import { AnimatePresence as Y, Motion as X, MotionConfig as nt, motion as rt } from "motion-v";
+import { ListboxContent as it, ListboxItem as at, ListboxRoot as ot, Primitive as st, TagsInputInput as ct, TagsInputItem as lt, TagsInputItemDelete as ut, TagsInputItemText as dt, TagsInputRoot as ft } from "reka-ui";
+import pt from "@tiptap/extension-link";
+import { StarterKit as mt } from "@tiptap/starter-kit";
+import { EditorContent as ht, useEditor as gt } from "@tiptap/vue-3";
+//#endregion
+//#region src/components/app/tags-input-field/AppTagsInputField.vue
+var _t = /* @__PURE__ */ D({
+	__name: "AppTagsInputField",
+	props: /* @__PURE__ */ O({
+		isDisabled: { type: Boolean },
+		isRequired: { type: Boolean },
+		isTouched: { type: Boolean },
+		errorMessage: {},
+		label: {},
+		placeholder: {}
+	}, {
+		modelValue: { required: !0 },
+		modelModifiers: {}
+	}),
+	emits: /* @__PURE__ */ O(["blur"], ["update:modelValue"]),
+	setup(e, { emit: t }) {
+		let n = e, r = t, i = z(e, "modelValue"), a = R();
+		return (e, t) => (M(), x(L(G), {
+			"is-touched": n.isTouched,
+			hint: null,
+			label: n.label,
+			"input-id": L(a),
+			"error-message": n.errorMessage,
+			"is-required": n.isRequired,
+			for: `tags-input-${L(a)}`,
+			class: "!mt-0 w-full"
+		}, {
+			label: B(() => [F(e.$slots, "label")]),
+			default: B(() => [E(L(ft), {
+				id: `tags-input-${n.placeholder}`,
+				modelValue: i.value,
+				"onUpdate:modelValue": t[1] ||= (e) => i.value = e,
+				"add-on-blur": !0,
+				"add-on-paste": !0,
+				delimiter: ";",
+				class: "gap-sm border-secondary bg-primary px-sm py-xxs flex max-h-50 min-h-10 w-full flex-wrap items-center overflow-y-auto rounded-md border"
+			}, {
+				default: B(() => [(M(!0), C(y, null, P(i.value, (e) => (M(), x(L(lt), {
+					key: e,
+					value: e,
+					class: "gap-xs border-primary px-xs text-secondary my-[0.18rem] flex items-center justify-center rounded-sm border text-xs aria-[current=true]:bg-brand-500"
+				}, {
+					default: B(() => [E(L(dt), { class: "pl-sm text-xs" }), E(L(ut), { class: "group p-xs rounded-full bg-transparent" }, {
+						default: B(() => [E(L(q), {
+							icon: "close",
+							class: "size-3 duration-200 group-hover:scale-110"
+						})]),
+						_: 1
+					})]),
+					_: 1
+				}, 8, ["value"]))), 128)), E(L(ct), {
+					placeholder: n.placeholder,
+					class: "px-sm h-8 flex-1 rounded-full bg-transparent text-sm placeholder:text-placeholder focus:outline-none",
+					onBlur: t[0] ||= (e) => r("blur")
+				}, null, 8, ["placeholder"])]),
+				_: 1
+			}, 8, ["id", "modelValue"])]),
+			_: 3
+		}, 8, [
+			"is-touched",
+			"label",
+			"input-id",
+			"error-message",
+			"is-required",
+			"for"
+		]));
+	}
+}), vt = {}, yt = { class: "flex size-full items-center justify-center" };
+function bt(e, t) {
+	return M(), C("div", yt, [F(e.$slots, "default")]);
+}
+var xt = /* @__PURE__ */ Se(vt, [["render", bt]]), St = /* @__PURE__ */ D({
+	__name: "AnimateHeight",
+	setup(e) {
+		let t = N(null), { height: n } = et(t), r = N(!1);
+		return j(() => {
+			setTimeout(() => {
+				r.value = !0;
+			}, 50);
+		}), (e, i) => (M(), x(L(X), {
+			animate: { height: L(n) },
+			transition: {
+				bounce: 0,
+				duration: r.value ? .3 : 0,
+				type: "spring"
+			},
+			tabindex: "-1",
+			class: "relative overflow-clip"
+		}, {
+			default: B(() => [w("div", {
+				ref_key: "el",
+				ref: t
+			}, [F(e.$slots, "default")], 512)]),
+			_: 3
+		}, 8, ["animate", "transition"]));
+	}
+}), Ct = class {
+	static fromDto(e) {
+		return {
+			uuid: e.uuid,
+			color: e.color,
+			config: {
+				maxDaysInColumnBeforeHighlight: e.config.maxDaysInColumnBeforeHighlight,
+				onlyShowLeadInColumn: e.config.onlyShowLeadInColumn
+			},
+			displayName: e.displayName,
+			position: e.position
+		};
+	}
+}, wt = class {
+	static fromDto(e) {
+		return {
+			uuid: e.uuid,
+			toColumnUuid: e.toColumnUuid,
+			toColumnColor: e.toColumnColor,
+			toColumnDisplayName: e.toColumnDisplayName,
+			toColumnKey: e.toColumnKey,
+			triggers: e.triggers.map((e) => ({
+				uuid: e.uuid,
+				config: e.config,
+				triggerType: e.triggerType
+			}))
+		};
+	}
+}, Tt = class {
+	static async getAllColumns() {
+		return (await pe()).data.items.map(Ct.fromDto);
+	}
+	static async getTransitions(e, t) {
+		return (await he({
+			query: { triggerTypes: t },
+			path: { boardColumnUuid: e }
+		})).data.items.map(wt.fromDto);
+	}
+}, Et = class {
+	static fromDto(e) {
+		return {
+			uuid: e.uuid,
+			email: e.email,
+			firstName: e.firstName,
+			lastName: e.lastName,
+			roles: e.roles.map((e) => ({
+				uuid: e.uuid,
+				name: e.name
+			}))
+		};
+	}
+}, Dt = class {
+	static async getAll(e) {
+		let t = await le({ query: e });
+		return {
+			data: t.data.items.map(Et.fromDto),
+			meta: t.data.meta
+		};
+	}
+};
+//#endregion
+//#region src/api/queries/user/userIndex.query.ts
+function Ot(e) {
+	return i({
+		queryFn: (t) => Dt.getAll({
+			pagination: t,
+			search: e.params.search?.value
+		}),
+		queryKey: { userIndex: { params: e.params } }
+	});
+}
+//#endregion
+//#region src/components/button-tooltip/ButtonTooltip.vue?vue&type=script&setup=true&lang.ts
+var kt = {
+	key: 0,
+	class: "text-secondary max-w-xs text-center text-xs"
+}, Z = /* @__PURE__ */ D({
+	__name: "ButtonTooltip",
+	props: {
+		isDisabled: {
+			type: Boolean,
+			default: !1
+		},
+		keyboardKeys: { default: null },
+		label: { default: null },
+		side: { default: null }
+	},
+	setup(e) {
+		let t = e;
+		return (e, n) => (M(), x(L(Xe), {
+			"delay-duration": 400,
+			"is-popover-arrow-hidden": !0,
+			"disable-hoverable-content": !0,
+			"popover-side": t.side ?? void 0,
+			"is-disabled": t.isDisabled
+		}, {
+			default: B(() => [E(L(Ze), null, {
+				default: B(() => [F(e.$slots, "default")]),
+				_: 3
+			}), E(L(Ye), null, {
+				default: B(() => [E(L(qe), null, {
+					default: B(() => [E(L(X), {
+						initial: {
+							opacity: 0,
+							filter: "blur(2px)"
+						},
+						animate: {
+							opacity: 1,
+							filter: "blur(0)"
+						},
+						exit: {
+							opacity: 0,
+							filter: "blur(2px)"
+						},
+						transition: { duration: .2 }
+					}, {
+						default: B(() => [E(L(Je), null, {
+							default: B(() => [E(f, {
+								gap: "sm",
+								class: "p-xs"
+							}, {
+								default: B(() => [t.label === null ? S("", !0) : (M(), C("span", kt, I(t.label), 1)), t.keyboardKeys === null ? S("", !0) : (M(), x(L(Ue), {
+									key: 1,
+									"keyboard-keys": t.keyboardKeys
+								}, null, 8, ["keyboard-keys"]))]),
+								_: 1
+							})]),
+							_: 1
+						}), E(L(Ke))]),
+						_: 1
+					})]),
+					_: 1
+				})]),
+				_: 1
+			})]),
+			_: 3
+		}, 8, ["popover-side", "is-disabled"]));
+	}
+}), At = /* @__PURE__ */ D({
+	inheritAttrs: !1,
+	__name: "TruncateText",
+	props: {
+		as: { default: "span" },
+		label: {}
+	},
+	setup(e) {
+		let t = e, n = ke(), r = Ae("primitiveRef"), i = N(!1), a = null;
+		function o(e) {
+			i.value = e.scrollWidth > e.clientWidth;
+		}
+		return j(() => {
+			let e = r.value?.$el ?? null;
+			e !== null && (o(e), a = new ResizeObserver(() => {
+				o(e);
+			}), a.observe(e));
+		}), Oe(() => {
+			a?.disconnect();
+		}), (e, a) => (M(), x(Z, {
+			"is-disabled": !i.value,
+			label: t.label
+		}, {
+			default: B(() => [E(L(st), k({
+				ref_key: "primitiveRef",
+				ref: r,
+				as: t.as,
+				class: "max-w-full truncate"
+			}, L(n)), {
+				default: B(() => [T(I(t.label), 1)]),
+				_: 1
+			}, 16, ["as"])]),
+			_: 1
+		}, 8, ["is-disabled", "label"]));
+	}
+}), jt = class {
+	static fromDto(e) {
+		return {
+			contactPersonUuid: e.contactPersonUuid,
+			dealUuid: e.dealUuid,
+			isPrimary: e.isPrimary,
+			email: e.email,
+			firstName: e.firstName,
+			lastName: e.lastName,
+			mobilePhone: e.mobilePhone,
+			phone: e.phone
+		};
+	}
+}, Mt = class {
+	static toDto(e) {
+		return {
+			email: c.trimOrNull(e.email),
+			firstName: e.firstName,
+			lastName: e.lastName,
+			mobilePhone: e.mobilePhone,
+			phone: e.phone
+		};
+	}
+}, Nt = class {
+	static toDto(e) {
+		return {
+			clientId: {
+				uuid: e.clientId.uuid,
+				type: e.clientId.type
+			},
+			dealOwnerUuid: null,
+			name: e.name,
+			dealLanguage: e.dealLanguage,
+			dealSource: e.dealSource
+		};
+	}
+}, Q = class {
+	static toFullName(e) {
+		return `${e.firstName} ${e.lastName}`;
+	}
+}, Pt = class {
+	static fromDto(e) {
+		return {
+			uuid: e.uuid,
+			createdAt: m.fromDto(e.createdAt),
+			updatedAt: e.updatedAt,
+			name: e.name,
+			boardColumn: {
+				uuid: e.boardColumn.uuid,
+				color: e.boardColumn.color,
+				displayName: e.boardColumn.displayName
+			},
+			client: e.client,
+			contactPersons: e.contactPersons.map((e) => ({
+				uuid: e.uuid,
+				isPrimary: e.isPrimary,
+				email: e.email,
+				firstName: e.firstName,
+				lastName: e.lastName,
+				mobilePhone: e.mobilePhone,
+				phone: e.phone
+			})),
+			createdBy: {
+				uuid: e.createdBy.uuid,
+				name: Q.toFullName({
+					firstName: e.createdBy.firstName ?? "",
+					lastName: e.createdBy.lastName ?? ""
+				})
+			},
+			dealLanguage: e.dealLanguage,
+			dealSource: e.dealSource,
+			owner: e.owner ? {
+				uuid: e.owner.uuid,
+				name: Q.toFullName({
+					firstName: e.owner.firstName ?? "",
+					lastName: e.owner.lastName ?? ""
+				})
+			} : null
+		};
+	}
+}, Ft = class {
+	static fromDto(e) {
+		return {
+			uuid: e.uuid,
+			createdAt: m.fromDto(e.createdAt),
+			name: e.name,
+			boardColumn: e.boardColumn,
+			client: e.client,
+			createdBy: {
+				uuid: e.createdBy.uuid,
+				name: Q.toFullName({
+					firstName: e.createdBy.firstName ?? "",
+					lastName: e.createdBy.lastName ?? ""
+				})
+			},
+			dealLanguage: e.dealLanguage,
+			dealSource: e.dealSource,
+			owner: e.owner ? {
+				uuid: e.owner.uuid,
+				name: Q.toFullName({
+					firstName: e.owner.firstName ?? "",
+					lastName: e.owner.lastName ?? ""
+				})
+			} : null
+		};
+	}
+}, It = class {
+	static toDto(e) {
+		return {
+			filter: {
+				boardColumnUuids: e.filters.boardColumnUuid,
+				dealOwnerUuids: e.filters.dealOwnerUuids
+			},
+			pagination: e.pagination
+		};
+	}
+}, Lt = class {
+	static toDto(e) {
+		return {
+			dealOwnerUuid: e.dealOwner?.uuid ?? void 0,
+			name: e?.name ?? void 0,
+			dealLanguage: e?.dealLanguage ?? void 0,
+			dealSource: e?.dealSource ?? void 0
+		};
+	}
+}, Rt = class {
+	static async create(e) {
+		return (await _e({ body: Nt.toDto(e) })).data.uuid;
+	}
+	static async createContactPerson() {}
+	static async getAll(e) {
+		let t = await se({ query: It.toDto(e) });
+		return {
+			data: t.data.items.map(Ft.fromDto),
+			meta: t.data.meta
+		};
+	}
+	static async getBySearchTerm(e) {
+		let t = await se({ query: new Me().withLimit(5).withSearch(e).build() });
+		return {
+			data: t.data.items.map(Ft.fromDto),
+			meta: t.data.meta
+		};
+	}
+	static async getByUuid(e) {
+		let t = await oe({ path: { dealUuid: e } });
+		return Pt.fromDto(t.data);
+	}
+	static async getContactPerson(e, t) {
+		let n = await ie({ path: {
+			contactPersonUuid: t,
+			dealUuid: e
+		} });
+		return jt.fromDto(n.data);
+	}
+	static async linkContactPerson(e, t, n) {
+		await fe({
+			body: {
+				contactPersonUuid: t,
+				email: c.trimOrNull(n.email),
+				mobilePhone: n.mobilePhone,
+				phone: n.phone
+			},
+			path: { dealUuid: e }
+		});
+	}
+	static async setPrimaryContactPerson(e, t) {
+		await ce({ path: {
+			contactPersonUuid: t,
+			dealUuid: e
+		} });
+	}
+	static async transition(e, t) {
+		await ue({
+			body: { boardColumnUuid: t },
+			path: { dealUuid: e }
+		});
+	}
+	static async unlinkContactPerson(e, t) {
+		await ae({
+			body: { contactPersonUuid: t },
+			path: { dealUuid: e }
+		});
+	}
+	static async update(e, t) {
+		await ne({
+			body: Lt.toDto(t),
+			path: { dealUuid: e }
+		});
+	}
+	static async updateContactPerson(e, t, n) {
+		await re({
+			body: Mt.toDto(n),
+			path: {
+				contactPersonUuid: t,
+				dealUuid: e
+			}
+		});
+	}
+};
+v.enum(xe);
+var zt = class {
+	static i18nKeys = s({
+		"de-DE": "wise_crm.language.de",
+		"en-US": "wise_crm.language.en",
+		"fr-BE": "wise_crm.language.fr",
+		"nl-BE": "wise_crm.language.nl"
+	});
+	static getI18nKey(e) {
+		return this.i18nKeys.get(e);
+	}
+}, Bt = class {
+	static i18nKeys = s({
+		mail: "wise_crm.enum.source.mail",
+		phone: "wise_crm.enum.source.phone",
+		tender: "wise_crm.enum.source.tender",
+		website: "wise_crm.enum.source.website"
+	});
+	static getI18nKey(e) {
+		return this.i18nKeys.get(e);
+	}
+}, Vt = class {
+	static fromDto(e) {
+		return {
+			uuid: e.uuid,
+			createdAt: m.fromDto(e.createdAt),
+			updatedAt: m.fromDto(e.updatedAt),
+			defaultBCC: e.defaultBCC,
+			defaultCC: e.defaultCC,
+			displayName: e.displayName,
+			key: e.key,
+			locales: e.locales.map((e) => ({
+				uuid: e.uuid,
+				createdAt: m.fromDto(e.createdAt),
+				updatedAt: m.fromDto(e.updatedAt),
+				attachments: e.attachments.map(Te.fromDto),
+				language: e.language,
+				message: e.message,
+				subject: e.subject
+			}))
+		};
+	}
+}, Ht = class {
+	static fromDto(e) {
+		return {
+			uuid: e.uuid,
+			createdAt: m.fromDto(e.createdAt),
+			updatedAt: m.fromDto(e.updatedAt),
+			name: e.name
+		};
+	}
+}, Ut = class {
+	static toDto(e) {
+		return { pagination: e.pagination };
+	}
+}, Wt = class {
+	static toDto(e) {
+		return {
+			defaultBCC: e.defaultBCC,
+			defaultCC: e.defaultCC,
+			locales: e.locales.map((e) => ({
+				attachments: e.attachments.map((e) => e.uuid),
+				language: e.language,
+				message: e.message,
+				replyTo: e.replyTo,
+				subject: e.subject
+			}))
+		};
+	}
+}, Gt = class {
+	static async getAll(e) {
+		let t = await ge({ query: Ut.toDto(e) });
+		return {
+			data: t.data.items.map(Ht.fromDto),
+			meta: t.data.meta
+		};
+	}
+	static async getByKey(e) {
+		let t = await de({ path: { mailTemplateKey: e } });
+		return Vt.fromDto(t.data);
+	}
+	static async getByUuid(e) {
+		let t = await ye({ path: { mailTemplateUuid: e } });
+		return Vt.fromDto(t.data);
+	}
+	static async update(e, t) {
+		await h({
+			body: Wt.toDto(t),
+			path: { mailTemplateUuid: e }
+		});
+	}
+};
+//#endregion
+//#region src/api/queries/mail-template/mailTemplateDetail.query.ts
+function Kt(e) {
+	return p({
+		queryFn: () => Gt.getByUuid(e.value),
+		queryKey: { mailTemplateDetail: { mailTemplateUuid: e } }
+	});
+}
+function qt(e) {
+	return p({
+		queryFn: () => Gt.getByKey(e.value),
+		queryKey: { mailTemplateDetailByKey: { mailTemplateKey: e } }
+	});
+}
+//#endregion
+//#region src/components/app/rich-text-field/AppRichTextFieldLinkDialog.vue?vue&type=script&setup=true&lang.ts
+var Jt = { class: "p-xl w-96 max-w-full" }, Yt = /* @__PURE__ */ D({
+	__name: "AppRichTextFieldLinkDialog",
+	emits: ["close", "confirm"],
+	setup(e, { emit: i }) {
+		let o = i, s = V(), c = tt({
+			schema: v.object({ url: v.string().url() }),
+			onSubmit: (e) => {
+				o("confirm", e.url);
+			}
+		}), l = c.register("url");
+		function f() {
+			o("close");
+		}
+		return (e, i) => (M(), x(L(W), { onClose: f }, {
+			default: B(() => [w("div", Jt, [E(d, {
+				title: L(s).t("rich_text.link_dialog.title"),
+				icon: "link"
+			}, {
+				"closse-button": B(() => [E(L(Ne))]),
+				_: 1
+			}, 8, ["title"]), E(t, { form: L(c) }, {
+				default: B(() => [E(L(Ge), k({ label: L(s).t("rich_text.link_dialog.url") }, L(a)(L(l))), null, 16, ["label"]), E(r, null, {
+					default: B(() => [E(n, { label: L(s).t("shared.cancel") }, null, 8, ["label"]), E(u, {
+						label: L(s).t("shared.confirm"),
+						onClick: i[0] ||= (e) => L(c).submit()
+					}, null, 8, ["label"])]),
+					_: 1
+				})]),
+				_: 1
+			}, 8, ["form"])])]),
+			_: 1
+		}));
+	}
+}), Xt = ["id"], Zt = { class: "p-sm h-full" }, Qt = /* @__PURE__ */ D({
+	__name: "AppRichTextField",
+	props: /* @__PURE__ */ O({
+		isDisabled: {
+			type: Boolean,
+			default: !1
+		},
+		isRequired: {
+			type: Boolean,
+			default: !1
+		},
+		isTouched: {
+			type: Boolean,
+			default: !1
+		},
+		errorMessage: { default: null },
+		errors: {},
+		label: {}
+	}, {
+		modelValue: { required: !0 },
+		modelModifiers: {}
+	}),
+	emits: /* @__PURE__ */ O(["blur"], ["update:modelValue"]),
+	setup(e, { emit: t }) {
+		let n = e, r = t, i = z(e, "modelValue"), a = R(), o = gt({
+			content: i.value,
+			editorProps: { attributes: { class: "bg-primary text-primary p-2xl prose prose-sm w-full max-w-none text-secondary outline-none focus-visible:ring-2 ring-offset-1 ring-fg-brand-secondary rounded-sm min-h-[15rem] h-full" } },
+			extensions: [mt, pt.configure({ defaultProtocol: "https" })],
+			onBlur() {
+				r("blur");
+			},
+			onUpdate({ editor: e }) {
+				i.value = e.getHTML();
+			}
+		}), s = Qe(Yt), c = b(() => [
+			{
+				id: "bold",
+				icon: "bold",
+				onClick: () => void o.value?.chain().focus().toggleBold().run()
+			},
+			{
+				id: "italic",
+				icon: "italic",
+				onClick: () => void o.value?.chain().focus().toggleItalic().run()
+			},
+			{
+				id: "heading",
+				isActiveOptions: { level: 1 },
+				icon: "h1Icon",
+				onClick: () => void o.value?.chain().focus().toggleHeading({ level: 1 }).run()
+			},
+			{
+				id: "heading",
+				isActiveOptions: { level: 2 },
+				icon: "h2Icon",
+				onClick: () => void o.value?.chain().focus().toggleHeading({ level: 2 }).run()
+			},
+			{
+				id: "heading",
+				isActiveOptions: { level: 3 },
+				icon: "h3Icon",
+				onClick: () => void o.value?.chain().focus().toggleHeading({ level: 3 }).run()
+			},
+			{
+				id: "link",
+				icon: "link",
+				onClick: () => {
+					s.open({ onConfirm: (e) => {
+						o.value?.chain().focus().extendMarkRange("link").setLink({ href: e }).run(), s.close();
+					} });
+				}
+			},
+			{
+				id: "bulletList",
+				icon: "bulletList",
+				onClick: () => void o.value?.chain().focus().toggleBulletList().run()
+			},
+			{
+				id: "orderedList",
+				icon: "numberedList",
+				onClick: () => void o.value?.chain().focus().toggleOrderedList().run()
+			}
+		]);
+		return je(i, (e) => {
+			e !== o.value?.getHTML() && ((e === null || e === "") && o.value?.commands.clearContent(), o.value?.commands.setContent(e || ""));
+		}), (e, t) => (M(), x(L(G), {
+			for: L(a),
+			"is-touched": n.isTouched,
+			"error-message": n.errorMessage,
+			hint: null,
+			label: n.label,
+			"is-required": n.isRequired,
+			class: "h-full"
+		}, {
+			label: B(() => [F(e.$slots, "label")]),
+			default: B(() => [w("div", {
+				id: L(a),
+				class: A([{
+					"border-error-subtle": n.errorMessage !== null && n.isTouched,
+					"border-secondary": !(n.errorMessage !== null && n.isTouched)
+				}, "bg-primary flex flex-col overflow-hidden rounded-lg border"])
+			}, [E(L(ot), { orientation: "horizontal" }, {
+				default: B(() => [E(L(it), { class: "gap-sm p-sm border-secondary flex border-b" }, {
+					default: B(() => [(M(!0), C(y, null, P(c.value, (e, t) => (M(), x(L(at), {
+						key: t,
+						value: t,
+						class: A([{
+							"bg-tertiary text-primary": L(o)?.isActive(e.id, e.isActiveOptions),
+							"text-quaternary": !L(o)?.isActive(e.id, e.isActiveOptions)
+						}, "rounded-md"]),
+						"as-child": !0
+					}, {
+						default: B(() => [E(l, { onClick: () => e.onClick() }, {
+							default: B(() => [E(L(q), {
+								icon: e.icon,
+								class: "text-primary size-8"
+							}, null, 8, ["icon"])]),
+							_: 2
+						}, 1032, ["onClick"])]),
+						_: 2
+					}, 1032, ["value", "class"]))), 128))]),
+					_: 1
+				})]),
+				_: 1
+			}), w("div", Zt, [E(L(ht), {
+				modelValue: i.value,
+				"onUpdate:modelValue": t[0] ||= (e) => i.value = e,
+				editor: L(o),
+				class: "h-full"
+			}, null, 8, ["modelValue", "editor"])])], 10, Xt)]),
+			_: 3
+		}, 8, [
+			"for",
+			"is-touched",
+			"error-message",
+			"label",
+			"is-required"
+		]));
+	}
+}), $t = class {
+	static async confirmUpload(e, t) {
+		await ve({
+			body: { blurHash: t },
+			path: { file: e }
+		});
+	}
+	static async getFileInfo(e, t) {
+		let n = await me({ body: {
+			name: e,
+			mimeType: t
+		} });
+		return {
+			uuid: n.data.uuid,
+			uploadUrl: n.data.uploadUrl
+		};
+	}
+}, en = { class: "text-brand-secondary text-sm font-medium" }, tn = /* @__PURE__ */ D({
+	__name: "FormFileUploadDropzoneOverlay",
+	props: {
+		isHoveringOverDropzone: { type: Boolean },
+		isHoveringOverPage: { type: Boolean }
+	},
+	setup(e) {
+		let t = e, n = V();
+		return (e, r) => (M(), x(L(Y), null, {
+			default: B(() => [t.isHoveringOverPage ? (M(), x(L(X), {
+				key: 0,
+				class: A([{ "animate-pulse": !t.isHoveringOverDropzone }, "border-brand-500/50 pointer-events-none absolute inset-0 z-10 overflow-hidden rounded-xl border-[1.5px] border-dashed"]),
+				initial: { opacity: 0 },
+				animate: { opacity: 1 },
+				exit: { opacity: 0 }
+			}, {
+				default: B(() => [E(L(Y), null, {
+					default: B(() => [t.isHoveringOverDropzone ? (M(), x(L(X), {
+						key: 0,
+						initial: {
+							opacity: 0,
+							scale: 1.01
+						},
+						animate: {
+							opacity: 1,
+							scale: 1
+						},
+						exit: {
+							opacity: 0,
+							scale: 1.01
+						},
+						class: "bg-brand-primary/90 absolute inset-0"
+					}, {
+						default: B(() => [E(xt, null, {
+							default: B(() => [w("p", en, I(L(n).t("component.file_upload.dropzone.drop_files")), 1)]),
+							_: 1
+						})]),
+						_: 1
+					})) : S("", !0)]),
+					_: 1
+				})]),
+				_: 1
+			}, 8, ["class"])) : S("", !0)]),
+			_: 1
+		}));
+	}
+}), nn = {
+	width: "100%",
+	height: "100%",
+	viewBox: "0 0 12 12",
+	fill: "none",
+	xmlns: "http://www.w3.org/2000/svg",
+	"aria-hidden": "true"
+}, rn = /* @__PURE__ */ D({
+	__name: "FormFileUploadSuccessCheckmark",
+	setup(e) {
+		let t = {
+			hidden: {
+				opacity: 0,
+				pathLength: 0
+			},
+			visible: {
+				opacity: 1,
+				pathLength: 1,
+				transition: {
+					opacity: { duration: .01 },
+					pathLength: {
+						bounce: 0,
+						duration: .5,
+						type: "spring"
+					}
+				}
+			}
+		};
+		return (e, n) => (M(), C("svg", nn, [E(L(rt).path, {
+			variants: t,
+			tabindex: "-1",
+			initial: "hidden",
+			d: "M2 6L4.5 8.5L10 3",
+			stroke: "currentColor",
+			"stroke-width": "1.5",
+			"stroke-linecap": "round",
+			"stroke-linejoin": "round",
+			animate: "visible",
+			exit: "hidden"
+		})]));
+	}
+}), an = /* @__PURE__ */ D({
+	__name: "FormFileUploadItemRight",
+	props: {
+		isMultiple: { type: Boolean },
+		item: {}
+	},
+	setup(e) {
+		let t = e, n = N(!1);
+		function r(e) {
+			e.url !== null && we.download(e.url, e.name);
+		}
+		return je(() => t.item.status, (e) => {
+			e === H.SUCCESS && (n.value = !0, setTimeout(() => {
+				n.value = !1;
+			}, 2e3));
+		}), (e, i) => (M(), x(L(Y), { mode: "popLayout" }, {
+			default: B(() => [n.value ? (M(), x(L(X), {
+				key: 0,
+				variants: {
+					hidden: {
+						opacity: 0,
+						scale: .95
+					},
+					visible: {
+						opacity: 1,
+						scale: 1
+					}
+				},
+				initial: "hidden",
+				animate: "visible",
+				exit: "hidden",
+				class: "flex size-8 items-center justify-center"
+			}, {
+				default: B(() => [E(rn, { class: "text-disabled size-4" })]),
+				_: 1
+			})) : t.item.status === L(H).SUCCESS ? (M(), x(L(X), {
+				key: 1,
+				initial: {
+					opacity: 0,
+					scale: .95
+				},
+				animate: {
+					opacity: 1,
+					scale: 1
+				}
+			}, {
+				default: B(() => [E(Ce, null, {
+					default: B(() => [E(f, { gap: "none" }, {
+						default: B(() => [
+							E(Z, { label: "Replace" }, {
+								default: B(() => [E(L(Be), null, {
+									default: B(() => [E(L(J), {
+										"class-config": { root: "hover:!bg-tertiary" },
+										icon: "refresh",
+										label: "Replace",
+										variant: "tertiary"
+									})]),
+									_: 1
+								})]),
+								_: 1
+							}),
+							E(Z, { label: "Download" }, {
+								default: B(() => [t.item.url === null ? S("", !0) : (M(), x(L(J), {
+									key: 0,
+									"class-config": { root: "hover:!bg-tertiary" },
+									icon: "downloadCloud",
+									label: "Download",
+									variant: "tertiary",
+									onClick: i[0] ||= (e) => r(t.item)
+								}))]),
+								_: 1
+							}),
+							E(Z, { label: "Remove" }, {
+								default: B(() => [E(L(ze), null, {
+									default: B(() => [E(L(J), {
+										icon: "trash",
+										label: "Remove",
+										variant: "destructive-tertiary"
+									})]),
+									_: 1
+								})]),
+								_: 1
+							})
+						]),
+						_: 1
+					})]),
+					_: 1
+				})]),
+				_: 1
+			})) : t.item.status === L(H).PENDING || t.item.status === L(H).UPLOADING ? (M(), x(L(X), {
+				key: 2,
+				initial: { opacity: 0 },
+				animate: { opacity: 1 },
+				exit: {
+					opacity: 0,
+					scale: .95
+				},
+				class: "flex size-8 items-center justify-center"
+			}, {
+				default: B(() => [E(L(We), { class: "text-tertiary size-4" })]),
+				_: 1
+			})) : S("", !0)]),
+			_: 1
+		}));
+	}
+}), on = /* @__PURE__ */ "0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz#$%*+,-.:;=?@[]^_{|}~".split(""), $ = (e) => {
+	let t = 0;
+	for (let n = 0; n < e.length; n++) {
+		let r = e[n], i = on.indexOf(r);
+		t = t * 83 + i;
+	}
+	return t;
+}, sn = (e) => {
+	let t = e / 255;
+	return t <= .04045 ? t / 12.92 : ((t + .055) / 1.055) ** 2.4;
+}, cn = (e) => {
+	let t = Math.max(0, Math.min(1, e));
+	return Math.trunc(t <= .0031308 ? t * 12.92 * 255 + .5 : (1.055 * t ** .4166666666666667 - .055) * 255 + .5);
+}, ln = (e) => e < 0 ? -1 : 1, un = (e, t) => ln(e) * Math.abs(e) ** +t, dn = class extends Error {
+	constructor(e) {
+		super(e), this.name = "ValidationError", this.message = e;
+	}
+}, fn = (e) => {
+	if (!e || e.length < 6) throw new dn("The blurhash string must be at least 6 characters");
+	let t = $(e[0]), n = Math.floor(t / 9) + 1, r = t % 9 + 1;
+	if (e.length !== 4 + 2 * r * n) throw new dn(`blurhash length mismatch: length is ${e.length} but it should be ${4 + 2 * r * n}`);
+}, pn = (e) => {
+	let t = e >> 16, n = e >> 8 & 255, r = e & 255;
+	return [
+		sn(t),
+		sn(n),
+		sn(r)
+	];
+}, mn = (e, t) => {
+	let n = Math.floor(e / 361), r = Math.floor(e / 19) % 19, i = e % 19;
+	return [
+		un((n - 9) / 9, 2) * t,
+		un((r - 9) / 9, 2) * t,
+		un((i - 9) / 9, 2) * t
+	];
+}, hn = (e, t, n, r) => {
+	fn(e), r |= 1;
+	let i = $(e[0]), a = Math.floor(i / 9) + 1, o = i % 9 + 1, s = ($(e[1]) + 1) / 166, c = Array(o * a);
+	for (let t = 0; t < c.length; t++) t === 0 ? c[t] = pn($(e.substring(2, 6))) : c[t] = mn($(e.substring(4 + t * 2, 6 + t * 2)), s * r);
+	let l = t * 4, u = new Uint8ClampedArray(l * n);
+	for (let e = 0; e < n; e++) for (let r = 0; r < t; r++) {
+		let i = 0, s = 0, d = 0;
+		for (let l = 0; l < a; l++) for (let a = 0; a < o; a++) {
+			let u = Math.cos(Math.PI * r * a / t) * Math.cos(Math.PI * e * l / n), f = c[a + l * o];
+			i += f[0] * u, s += f[1] * u, d += f[2] * u;
+		}
+		let f = cn(i), p = cn(s), m = cn(d);
+		u[4 * r + 0 + e * l] = f, u[4 * r + 1 + e * l] = p, u[4 * r + 2 + e * l] = m, u[4 * r + 3 + e * l] = 255;
+	}
+	return u;
+}, gn = /* @__PURE__ */ D({
+	__name: "ImageBlurhash",
+	props: { blurhash: {} },
+	setup(e) {
+		let t = e, n = N(null);
+		function r(e, t) {
+			let { height: n, width: r } = t, i = hn(e, r, n), a = t.getContext("2d"), o = a.createImageData(r, n);
+			o.data.set(i), a.putImageData(o, 0, 0);
+		}
+		function i() {
+			n.value !== null && r(t.blurhash, n.value);
+		}
+		return j(() => {
+			i();
+		}), (e, t) => (M(), C("canvas", {
+			ref_key: "canvasRef",
+			ref: n,
+			width: "100%",
+			height: "100%"
+		}, null, 512));
+	}
+}), _n = { class: "sr-only" }, vn = { class: "p-lg absolute top-0 left-0 z-1 flex w-full justify-end" }, yn = ["src", "alt"], bn = /* @__PURE__ */ D({
+	__name: "ImageDialog",
+	props: {
+		imageId: {},
+		fit: {},
+		imageAlt: {},
+		imageUrl: {}
+	},
+	setup(e) {
+		let t = e;
+		return (e, n) => (M(), x(L(W), {
+			"is-close-button-hidden": !0,
+			size: "xl"
+		}, {
+			default: B(() => [
+				E(L(Ie), null, {
+					default: B(() => [...n[0] ||= [w("h1", { class: "sr-only" }, " Image ", -1)]]),
+					_: 1
+				}),
+				E(L(Fe), null, {
+					default: B(() => [w("p", _n, I(t.imageAlt), 1)]),
+					_: 1
+				}),
+				w("div", vn, [E(L(Ne), null, {
+					default: B(() => [E(L(J), {
+						"class-config": { root: "bg-primary/50 backdrop-blur-md text-primary border-none shadow-none" },
+						icon: "close",
+						label: "close",
+						variant: "primary"
+					})]),
+					_: 1
+				})]),
+				w("img", {
+					src: t.imageUrl,
+					alt: t.imageAlt,
+					exit: { opacity: 1 },
+					class: "size-full object-contain"
+				}, null, 8, yn)
+			]),
+			_: 1
+		}));
+	}
+}), xn = { class: "relative isolate overflow-hidden" }, Sn = ["disabled"], Cn = { class: "sr-only" }, wn = ["src", "alt"], Tn = /* @__PURE__ */ D({
+	__name: "Image",
+	props: {
+		isZoomEnabled: {
+			type: Boolean,
+			default: !1
+		},
+		alt: {},
+		blurhash: { default: null },
+		fit: {},
+		src: {}
+	},
+	setup(e) {
+		let t = e, n = R(), r = Qe(bn), i = N(!0);
+		function a() {
+			i.value = !1;
+		}
+		function o() {
+			r.open({
+				imageId: n,
+				fit: t.fit,
+				imageAlt: t.alt,
+				imageUrl: t.src
+			});
+		}
+		return (e, n) => (M(), C("div", xn, [E(L(Y), { initial: !1 }, {
+			default: B(() => [i.value ? (M(), x(L(X), {
+				key: 0,
+				exit: { opacity: 0 },
+				transition: { duration: .2 },
+				class: "absolute inset-0 z-1"
+			}, {
+				default: B(() => [t.blurhash === null ? S("", !0) : (M(), x(gn, {
+					key: 0,
+					blurhash: t.blurhash
+				}, null, 8, ["blurhash"]))]),
+				_: 1
+			})) : S("", !0), w("button", k(L(r).triggerProps.value, {
+				class: [{ "pointer-events-none": !t.isZoomEnabled }, "block size-full cursor-pointer outline-none"],
+				disabled: !t.isZoomEnabled,
+				variant: "unstyled",
+				type: "button",
+				onClick: o
+			}), [w("span", Cn, " Zoom image " + I(t.alt), 1), w("img", {
+				src: t.src,
+				alt: t.alt,
+				class: A([{
+					"object-cover": t.fit === "cover",
+					"object-contain": t.fit === "contain"
+				}, "size-full"]),
+				onLoad: a
+			}, null, 42, wn)], 16, Sn)]),
+			_: 1
+		})]));
+	}
+}), En = { class: "group bg-secondary px-lg py-md max-w-full overflow-hidden rounded-xl" }, Dn = {
+	key: 1,
+	"aria-hidden": !0,
+	class: "flex size-8 items-center justify-center"
+}, On = { class: "relative" }, kn = { class: "text-primary-on-brand absolute bottom-0.5 left-1/2 z-89 -translate-x-1/2 text-[0.625rem] font-medium" }, An = { class: "flex items-center justify-between overflow-hidden" }, jn = { class: "flex flex-col overflow-hidden" }, Mn = { class: "text-tertiary text-xs" }, Nn = { class: "bg-quaternary h-0.75 w-28 shrink-0 rounded-full" }, Pn = /* @__PURE__ */ D({
+	__name: "FormFileUploadItem",
+	props: {
+		isMultiple: { type: Boolean },
+		item: {}
+	},
+	setup(e) {
+		let t = e;
+		return (e, n) => (M(), x(L(Re), { item: t.item }, {
+			default: B(() => [w("li", En, [E(f, { justify: "between" }, {
+				default: B(() => [E(f, {
+					gap: "lg",
+					class: "overflow-hidden"
+				}, {
+					default: B(() => [t.item.url !== null && t.item.mimeType.startsWith("image/") ? (M(), x(Tn, {
+						key: 0,
+						"is-zoom-enabled": !0,
+						alt: t.item.name,
+						src: t.item.url,
+						blurhash: t.item.status === L(H).SUCCESS ? t.item.blurHash : null,
+						class: "size-8 shrink-0 rounded-md",
+						fit: "cover"
+					}, null, 8, [
+						"alt",
+						"src",
+						"blurhash"
+					])) : (M(), C("div", Dn, [w("div", On, [E(L(q), {
+						icon: "file",
+						class: "text-brand-500 size-8"
+					}), w("div", kn, I(L(we).mimeTypeToExtension(t.item.mimeType)), 1)])])), w("div", An, [w("div", jn, [E(At, {
+						label: t.item.name,
+						class: "text-primary truncate text-sm"
+					}, null, 8, ["label"]), E(f, null, {
+						default: B(() => [w("span", Mn, I(t.item.mimeType), 1), E(L(Y), { initial: !1 }, {
+							default: B(() => [t.item.status === L(H).UPLOADING || t.item.status === L(H).PENDING ? (M(), x(L(X), {
+								key: 0,
+								exit: { opacity: 0 },
+								"as-child": !0
+							}, {
+								default: B(() => [w("div", Nn, [E(L(X), {
+									animate: { width: t.item.status === L(H).UPLOADING ? `${t.item.progress}%` : "0%" },
+									initial: { width: "0%" },
+									class: "bg-brand-solid h-full rounded-full"
+								}, null, 8, ["animate"])])]),
+								_: 1
+							})) : S("", !0)]),
+							_: 1
+						})]),
+						_: 1
+					})])])]),
+					_: 1
+				}), E(an, {
+					"is-multiple": t.isMultiple,
+					item: t.item
+				}, null, 8, ["is-multiple", "item"])]),
+				_: 1
+			})])]),
+			_: 1
+		}, 8, ["item"]));
+	}
+}), Fn = v.object({
+	uuid: v.string(),
+	name: v.string(),
+	blurHash: v.string().nullable(),
+	mimeType: v.string(),
+	order: v.number(),
+	url: v.string().nullable()
+});
+//#endregion
+//#region src/api/queries/deal/dealDetail.query.ts
+function In(e) {
+	return p({
+		queryFn: () => Rt.getByUuid(e.value),
+		queryKey: { dealDetail: { dealUuid: e } }
+	});
+}
+//#endregion
+//#region src/api/mutations/mail/mailCreate.mutation.ts
+function Ln() {
+	return te({
+		queryFn: async ({ body: e, params: t }) => {
+			await Ee.create(e, t.externalAttachments);
+		},
+		queryKeysToInvalidate: {
+			dealDetail: { dealUuid: (e) => e.dealUuid },
+			mailIndex: {}
+		}
+	});
+}
+//#endregion
+//#region src/deal/components/DealSendMailFormAttachmentField.vue?vue&type=script&setup=true&lang.ts
+var Rn = { class: "w-full overflow-hidden" }, zn = { class: "gap-md flex flex-col justify-start" }, Bn = { class: "relative" }, Vn = { class: "overflow-hidden" }, Hn = { class: "gap-sm py-md flex overflow-x-auto" }, Un = /* @__PURE__ */ D({
+	__name: "DealSendMailFormAttachmentField",
+	props: /* @__PURE__ */ O({
+		id: { default: null },
+		isRequired: {
+			type: Boolean,
+			default: !1
+		},
+		isTouched: {
+			type: Boolean,
+			default: !1
+		},
+		accept: {},
+		errorMessage: { default: null },
+		externalAttachments: { default: () => [] },
+		hint: { default: null },
+		label: { default: null }
+	}, {
+		modelValue: { required: !0 },
+		modelModifiers: {}
+	}),
+	emits: ["update:modelValue"],
+	setup(e) {
+		let t = e, n = z(e, "modelValue"), r = $e(), i = V(), a = R(), o = b(() => Array.isArray(n.value));
+		function s(e) {
+			r.error({
+				title: o.value ? i.t("component.file_upload.error.multiple_files_rejected") : i.t("component.file_upload.error.single_file_rejected"),
+				description: e.map((e) => e.name).join(", ")
+			});
+		}
+		return (e, r) => (M(), C("div", Rn, [E(L(Ve), {
+			modelValue: n.value,
+			"onUpdate:modelValue": r[0] ||= (e) => n.value = e,
+			accept: t.accept,
+			"get-file-info": L($t).getFileInfo,
+			"confirm-upload": L($t).confirmUpload,
+			onFilesRejected: s
+		}, {
+			default: B(({ items: e }) => [E(L(nt), { transition: {
+				duration: .3,
+				type: "spring",
+				bounce: 0
+			} }, {
+				default: B(() => [w("div", zn, [E(L(He), null, {
+					default: B(() => [E(L(U), {
+						class: "w-fit",
+						"icon-left": "attachment",
+						variant: "secondary"
+					}, {
+						default: B(() => [T(I(L(i).t("wise_crm.deal.send_mail.attachment_field.add_attachment")), 1)]),
+						_: 1
+					})]),
+					_: 1
+				}), e.length > 0 || t.externalAttachments.length > 0 ? (M(), x(L(Le), { key: 0 }, {
+					default: B(({ isHoveringOverPage: n, isHoveringOverDropzone: r }) => [E(L(G), {
+						for: L(a),
+						hint: t.hint,
+						"error-message": t.errorMessage,
+						"is-required": t.isRequired,
+						"is-touched": t.isTouched,
+						label: L(i).t("wise_crm.deal.send_mail.attachment_field.mail_attachments_label")
+					}, {
+						label: B(() => [E(L(K), { class: "sr-only" })]),
+						default: B(() => [w("div", Bn, [E(tn, {
+							"is-hovering-over-page": n,
+							"is-hovering-over-dropzone": r
+						}, null, 8, ["is-hovering-over-page", "is-hovering-over-dropzone"]), E(St, null, {
+							default: B(() => [E(L(Y), {
+								initial: !1,
+								mode: "popLayout"
+							}, {
+								default: B(() => [w("div", Vn, [w("ul", Hn, [(M(!0), C(y, null, P(t.externalAttachments, (e) => (M(), x(De, {
+									key: e.uuid,
+									attachment: e
+								}, null, 8, ["attachment"]))), 128)), (M(!0), C(y, null, P(e, (e) => (M(), C("div", {
+									key: e.key,
+									class: "w-90"
+								}, [E(Pn, {
+									item: e,
+									"is-multiple": o.value
+								}, null, 8, ["item", "is-multiple"])]))), 128))])])]),
+								_: 2
+							}, 1024)]),
+							_: 2
+						}, 1024)])]),
+						_: 2
+					}, 1032, [
+						"for",
+						"hint",
+						"error-message",
+						"is-required",
+						"is-touched",
+						"label"
+					])]),
+					_: 2
+				}, 1024)) : S("", !0)])]),
+				_: 2
+			}, 1024)]),
+			_: 1
+		}, 8, [
+			"modelValue",
+			"accept",
+			"get-file-info",
+			"confirm-upload"
+		])]));
+	}
+}), Wn = { class: "gap-md text-tertiary flex items-center" }, Gn = {
+	key: 0,
+	class: "gap-xs flex items-center"
+}, Kn = { class: "text-xs" }, qn = /* @__PURE__ */ D({
+	__name: "DealSendMailFormFooter",
+	props: {
+		isGeneratingPdf: {
+			type: Boolean,
+			default: !1
+		},
+		isSubmitting: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	emits: ["cancel"],
+	setup(t, { emit: n }) {
+		let r = t, i = n, a = V();
+		function o() {
+			i("cancel");
+		}
+		return (n, i) => (M(), x(e, { class: "pt-lg gap-md border-secondary flex justify-between border-t" }, {
+			default: B(() => [E(L(U), {
+				variant: "secondary",
+				size: "lg",
+				onClick: o
+			}, {
+				default: B(() => [T(I(L(a).t("wise_crm.form.cancel")), 1)]),
+				_: 1
+			}), w("div", Wn, [t.isGeneratingPdf ? (M(), C("div", Gn, [E(L(We), { class: "size-3" }), w("span", Kn, I(L(a).t("wise_crm.deal.send_mail.pdf_generating")), 1)])) : S("", !0), E(L(U), {
+				"is-loading": r.isSubmitting,
+				"is-disabled": t.isGeneratingPdf,
+				size: "lg",
+				type: "submit"
+			}, {
+				default: B(() => [T(I(L(a).t("wise_crm.form.send")), 1)]),
+				_: 1
+			}, 8, ["is-loading", "is-disabled"])])]),
+			_: 1
+		}));
+	}
+}), Jn = _.uuid().brand("MailTemplateUuid"), Yn = _.object({
+	clientId: _.object({
+		uuid: _.uuid(),
+		type: _.enum(be)
+	}),
+	dealUuid: _.uuid(),
+	mailTemplateUuid: Jn,
+	attachments: Fn.array(),
+	bcc: _.array(_.email()).nullable(),
+	cc: _.array(_.email()).nullable(),
+	from: _.email().nullable(),
+	replyTo: _.email().nullable(),
+	subject: _.string().min(1),
+	text: _.string().min(1),
+	to: _.array(_.email()).min(1)
+}), Xn = { class: "flex-1 overflow-y-auto" }, Zn = /* @__PURE__ */ D({
+	__name: "DealSendMailForm",
+	props: {
+		dealUuid: {},
+		isGeneratingPdf: { type: Boolean },
+		client: {},
+		dealLanguage: {},
+		defaultSenderEmails: {},
+		externalAttachments: { default: () => [] },
+		template: {}
+	},
+	emits: ["close"],
+	setup(e, { emit: n }) {
+		let r = e, i = n, s = V(), c = o(), l = Ln(), u = b(() => r.template.locales.findIndex((e) => e.language === r.dealLanguage)), d = tt({
+			initialState: {
+				clientId: {
+					uuid: r.client.uuid,
+					type: r.client.type
+				},
+				dealUuid: r.dealUuid,
+				mailTemplateUuid: r.template.uuid,
+				attachments: [...r.template.locales[u.value]?.attachments.map(Te.toForm) ?? []],
+				bcc: r.template.defaultBCC,
+				cc: r.template.defaultCC,
+				from: null,
+				replyTo: null,
+				subject: r.template.locales[u.value]?.subject ?? null,
+				text: r.template.locales[u.value]?.message ?? null,
+				to: r.defaultSenderEmails ?? []
+			},
+			schema: Yn,
+			onSubmit: async (e) => {
+				try {
+					await l.execute({
+						body: e,
+						params: {
+							dealUuid: r.dealUuid,
+							externalAttachments: r.externalAttachments
+						}
+					}), h();
+				} catch (e) {
+					c.show(e);
+				}
+			}
+		});
+		d.register("bcc"), d.register("cc"), d.register("replyTo"), d.register("from"), d.register("dealUuid", r.dealUuid), d.register("clientId", r.client);
+		let p = d.register("subject"), m = d.register("to"), ee = d.register("attachments", []), te = d.register("text");
+		function h() {
+			i("close");
+		}
+		return (e, n) => (M(), x(t, {
+			form: L(d),
+			class: "flex h-full flex-col"
+		}, {
+			default: B(() => [w("div", Xn, [
+				E(g, { class: "pr-6xl" }, {
+					default: B(() => [E(L(Ge), k(L(a)(L(p)), {
+						"class-config": {
+							input: "text-xl",
+							root: "border-none shadow-none text-md"
+						},
+						placeholder: L(s).t("wise_crm.deal.send_mail_form.subject_placeholder")
+					}), null, 16, ["placeholder"])]),
+					_: 1
+				}),
+				E(g, null, {
+					default: B(() => [E(f, null, {
+						default: B(() => [E(_t, k(L(a)(L(m)), {
+							label: L(s).t("wise_crm.deal.send_mail_form.to_label"),
+							placeholder: L(s).t("wise_crm.deal.send_mail_form.email_placeholder")
+						}), {
+							label: B(() => [E(L(K), { class: "sr-only" })]),
+							_: 1
+						}, 16, ["label", "placeholder"])]),
+						_: 1
+					})]),
+					_: 1
+				}),
+				E(g, null, {
+					default: B(() => [E(Un, k({ "external-attachments": r.externalAttachments }, L(a)(L(ee)), { accept: ["application/pdf", "image/*"] }), null, 16, ["external-attachments"])]),
+					_: 1
+				}),
+				E(g, { class: "flex-1 border-b-0" }, {
+					default: B(() => [E(Qt, k(L(a)(L(te)), { label: L(s).t("wise_crm.deal.send_mail_form.message_label") }), {
+						label: B(() => [E(L(K), { class: "sr-only" })]),
+						_: 1
+					}, 16, ["label"])]),
+					_: 1
+				})
+			]), E(qn, {
+				"is-generating-pdf": r.isGeneratingPdf,
+				"is-submitting": L(d).isSubmitting.value,
+				onCancel: h
+			}, null, 8, ["is-generating-pdf", "is-submitting"])]),
+			_: 1
+		}, 8, ["form"]));
+	}
+}), Qn = {
+	key: 0,
+	class: "p-xl"
+}, $n = /* @__PURE__ */ D({
+	__name: "DealSendMailDialog",
+	props: {
+		dealUuid: {},
+		client: {},
+		defaultSenderEmails: {},
+		externalAttachments: { default: () => [] },
+		generatePdfFile: {},
+		templateKey: {}
+	},
+	emits: ["close"],
+	setup(e, { emit: t }) {
+		let n = e, r = t, i = o(), a = N(n.generatePdfFile !== void 0), s = N(null), c = b(() => s.value === null ? n.externalAttachments : [...n.externalAttachments, s.value]), l = In(b(() => n.dealUuid)), u = b(() => l.data.value?.dealLanguage ?? xe.NL_BE), d = qt(b(() => n.templateKey));
+		function p() {
+			r("close");
+		}
+		async function m() {
+			if (n.generatePdfFile !== void 0) try {
+				s.value = await n.generatePdfFile;
+			} catch (e) {
+				i.show(e);
+			} finally {
+				a.value = !1;
+			}
+		}
+		return j(async () => {
+			await m();
+		}), (e, t) => (M(), x(L(W), {
+			"class-config": { closeButton: { root: "bg-primary" } },
+			class: "h-200 max-h-[90vh] w-280 max-w-[90vw]",
+			onClose: p
+		}, {
+			default: B(() => [E(L(Pe), { class: "h-full w-full border" }, {
+				default: B(() => [L(d).isLoading.value ? (M(), C("div", Qn, [E(f, {
+					direction: "col",
+					class: "h-full"
+				}, {
+					default: B(() => [E(ee, { class: "h-40 w-full" }), E(ee, { class: "mt-xl w-full flex-1" })]),
+					_: 1
+				})])) : L(d).data.value !== null && L(l).data.value !== null ? (M(), x(Zn, {
+					key: 1,
+					"default-sender-emails": L(l).data.value.contactPersons.map((e) => e.email).filter((e) => e !== null),
+					"deal-language": u.value,
+					template: L(d).data.value,
+					client: n.client,
+					"deal-uuid": n.dealUuid,
+					"external-attachments": c.value,
+					"is-generating-pdf": a.value,
+					onClose: p
+				}, null, 8, [
+					"default-sender-emails",
+					"deal-language",
+					"template",
+					"client",
+					"deal-uuid",
+					"external-attachments",
+					"is-generating-pdf"
+				])) : S("", !0)]),
+				_: 1
+			})]),
+			_: 1
+		}));
+	}
+});
+//#endregion
+export { St as _, tn as a, Kt as c, zt as d, Rt as f, Tt as g, Ot as h, Pn as i, Gt as l, Z as m, In as n, $t as o, At as p, Fn as r, Qt as s, $n as t, Bt as u, xt as v, _t as y };