@wisemen/wise-crm-web 0.2.0 → 0.2.2

package/dist/DealSendMailDialog-D5Voyhhc.js

@@ -1,1556 +0,0 @@
-import { B as AppForm_default, F as useOffsetInfiniteQuery, G as AppDialogActionPrimary_default, K as AppDialogActionCancel_default, L as AppDialogHeader_default, U as AppDialogContainer_default, W as AppDialogActions_default, Y as createI18nKeyMap, p as AppUnstyledButton_default, q as useApiErrorToast, rt as StringUtil, z as toFormField } from "./Error-B4TwHEhb.js";
-import { a as AppGroup_default, l as He, s as ZonedDateTimeTransformer, t as AppSkeletonLoader_default, u as ze } from "./AppSkeletonLoader-BAhoOmFD.js";
-import { C as unlinkContactPersonFromDealV1, D as updateDealContactPersonV1, G as viewDealIndexV1, O as updateDealV1, U as viewDealContactPersonDetailV1, W as viewDealDetailV1, _ as makeDealContactPersonPrimaryV1, dt as ClientType, f as linkContactPersonToDealV1, ft as ContentLocale, h as listBoardColumnsV1, i as createFileV1, j as updateMailTemplateV1, m as listBoardColumnTransitionsV1, nt as viewMailTemplateDetailV1, ot as viewUserIndexV1, r as createDealV1, rt as viewMailTemplateIndexV1, t as confirmFileUploadV1, tt as viewMailTemplateDetailByKeyV1, x as transitionDealColumnV1 } from "./client-BP13IBbl.js";
-import { t as __plugin_vue_export_helper_default } from "./_plugin-vue_export-helper-BSi1g3Lh.js";
-import { a as RevealOnHoverOrFocus_default, i as FileUtil, n as DealCommunicationMailListSectionContainer_default, o as FileReferenceTransformer, r as MailService, t as DealExternalAttachment_default } from "./DealExternalAttachment-D1PznE3V.js";
-import z$1, { z } from "zod";
-import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, mergeModels, mergeProps, normalizeClass, onBeforeUnmount, onMounted, openBlock, ref, renderList, renderSlot, toDisplayString, unref, useAttrs, useId, useModel, useTemplateRef, watch, withCtx } from "vue";
-import { useI18n } from "vue-i18n";
-import { FileUploadStatus, PaginationParamsBuilder, VcButton, VcDialog, VcDialogCloseButton, VcDialogContent, VcDialogDescription, VcDialogTitle, VcFileUploadDropzone, VcFileUploadItem, VcFileUploadItemRemove, VcFileUploadItemReplace, VcFileUploadRoot, VcFileUploadTrigger, VcFormField, VcFormFieldLabel, VcIcon, VcIconButton, VcKeyboardShortcut, VcSpinner, VcTextField, VcTooltipArrow, VcTooltipContent, VcTooltipInnerContent, VcTooltipPortal, VcTooltipRoot, VcTooltipTrigger, useDialog, useToast } from "@wisemen/vue-core-components";
-import { useElementSize } from "@vueuse/core";
-import { useForm } from "formango";
-import { AnimatePresence, Motion, MotionConfig, motion } from "motion-v";
-import { ListboxContent, ListboxItem, ListboxRoot, Primitive, TagsInputClear, TagsInputInput, TagsInputItem, TagsInputItemDelete, TagsInputItemText, TagsInputRoot } from "reka-ui";
-import Link from "@tiptap/extension-link";
-import { StarterKit } from "@tiptap/starter-kit";
-import { EditorContent, useEditor } from "@tiptap/vue-3";
-var AppTagsInputField_default = /* @__PURE__ */ defineComponent({
-	__name: "AppTagsInputField",
-	props: /* @__PURE__ */ mergeModels({
-		isDisabled: { type: Boolean },
-		isRequired: { type: Boolean },
-		isTouched: { type: Boolean },
-		errorMessage: {},
-		label: {},
-		placeholder: {}
-	}, {
-		modelValue: { required: !0 },
-		modelModifiers: {}
-	}),
-	emits: /* @__PURE__ */ mergeModels(["blur"], ["update:modelValue"]),
-	setup(i, { emit: N }) {
-		let P = i, I = N, R = useModel(i, "modelValue"), B = useId();
-		return (i, N) => (openBlock(), createBlock(unref(VcFormField), {
-			"is-touched": P.isTouched,
-			hint: null,
-			label: P.label,
-			"input-id": unref(B),
-			"error-message": P.errorMessage,
-			"is-required": P.isRequired,
-			for: `tags-input-${unref(B)}`,
-			class: "!mt-0 w-full"
-		}, {
-			label: withCtx(() => [renderSlot(i.$slots, "label")]),
-			default: withCtx(() => [createVNode(unref(TagsInputRoot), {
-				id: `tags-input-${P.placeholder}`,
-				modelValue: R.value,
-				"onUpdate:modelValue": N[1] ||= (i) => R.value = i,
-				"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: withCtx(() => [
-					(openBlock(!0), createElementBlock(Fragment, null, renderList(R.value, (i) => (openBlock(), createBlock(unref(TagsInputItem), {
-						key: i,
-						value: i,
-						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: withCtx(() => [createVNode(unref(TagsInputItemText), { class: "pl-sm text-xs" }), createVNode(unref(TagsInputItemDelete), { class: "group p-xs rounded-full bg-transparent" }, {
-							default: withCtx(() => [createVNode(unref(VcIcon), {
-								icon: "close",
-								class: "size-3 duration-200 group-hover:scale-110"
-							})]),
-							_: 1
-						})]),
-						_: 1
-					}, 8, ["value"]))), 128)),
-					createVNode(unref(TagsInputClear)),
-					createVNode(unref(TagsInputInput), {
-						placeholder: P.placeholder,
-						class: "px-sm h-8 flex-1 rounded-full bg-transparent text-sm placeholder:text-placeholder focus:outline-none",
-						onBlur: N[0] ||= (i) => I("blur")
-					}, null, 8, ["placeholder"])
-				]),
-				_: 1
-			}, 8, ["id", "modelValue"])]),
-			_: 3
-		}, 8, [
-			"is-touched",
-			"label",
-			"input-id",
-			"error-message",
-			"is-required",
-			"for"
-		]));
-	}
-}), _sfc_main = {}, _hoisted_1$12 = { class: "flex size-full items-center justify-center" };
-function _sfc_render(i, N) {
-	return openBlock(), createElementBlock("div", _hoisted_1$12, [renderSlot(i.$slots, "default")]);
-}
-var CenterContent_default = /* @__PURE__ */ __plugin_vue_export_helper_default(_sfc_main, [["render", _sfc_render]]), AnimateHeight_default = /* @__PURE__ */ defineComponent({
-	__name: "AnimateHeight",
-	setup(i) {
-		let N = ref(null), { height: P } = useElementSize(N), I = ref(!1);
-		return onMounted(() => {
-			setTimeout(() => {
-				I.value = !0;
-			}, 50);
-		}), (i, R) => (openBlock(), createBlock(unref(Motion), {
-			animate: { height: unref(P) },
-			transition: {
-				bounce: 0,
-				duration: I.value ? .3 : 0,
-				type: "spring"
-			},
-			tabindex: "-1",
-			class: "relative overflow-clip"
-		}, {
-			default: withCtx(() => [createElementVNode("div", {
-				ref_key: "el",
-				ref: N
-			}, [renderSlot(i.$slots, "default")], 512)]),
-			_: 3
-		}, 8, ["animate", "transition"]));
-	}
-}), BoardColumnTransformer = class {
-	static fromDto(i) {
-		return {
-			uuid: i.uuid,
-			color: i.color,
-			config: {
-				maxDaysInColumnBeforeHighlight: i.config.maxDaysInColumnBeforeHighlight,
-				onlyShowLeadInColumn: i.config.onlyShowLeadInColumn
-			},
-			displayName: i.displayName,
-			position: i.position
-		};
-	}
-}, BoardColumnTransitionTransformer = class {
-	static fromDto(i) {
-		return {
-			uuid: i.uuid,
-			toColumnUuid: i.toColumnUuid,
-			toColumnColor: i.toColumnColor,
-			toColumnDisplayName: i.toColumnDisplayName,
-			toColumnKey: i.toColumnKey,
-			triggers: i.triggers.map((i) => ({
-				uuid: i.uuid,
-				config: i.config,
-				triggerType: i.triggerType
-			}))
-		};
-	}
-}, BoardService = class {
-	static async getAllColumns() {
-		return (await listBoardColumnsV1()).data.items.map(BoardColumnTransformer.fromDto);
-	}
-	static async getTransitions(i, N) {
-		return (await listBoardColumnTransitionsV1({
-			query: { triggerTypes: N },
-			path: { boardColumnUuid: i }
-		})).data.items.map(BoardColumnTransitionTransformer.fromDto);
-	}
-}, UserIndexTransformer = class {
-	static fromDto(i) {
-		return {
-			uuid: i.uuid,
-			email: i.email,
-			firstName: i.firstName,
-			lastName: i.lastName,
-			roles: i.roles.map((i) => ({
-				uuid: i.uuid,
-				name: i.name
-			}))
-		};
-	}
-}, UserService = class {
-	static async getAll(i) {
-		let N = await viewUserIndexV1({ query: i });
-		return {
-			data: N.data.items.map(UserIndexTransformer.fromDto),
-			meta: N.data.meta
-		};
-	}
-};
-function useUserIndexQuery(i) {
-	return useOffsetInfiniteQuery({
-		queryFn: (N) => UserService.getAll({
-			pagination: N,
-			search: i.params.search?.value
-		}),
-		queryKey: { userIndex: { params: i.params } }
-	});
-}
-var _hoisted_1$11 = {
-	key: 0,
-	class: "text-secondary max-w-xs text-center text-xs"
-}, ButtonTooltip_default = /* @__PURE__ */ defineComponent({
-	__name: "ButtonTooltip",
-	props: {
-		isDisabled: {
-			type: Boolean,
-			default: !1
-		},
-		keyboardKeys: { default: null },
-		label: { default: null },
-		side: { default: null }
-	},
-	setup(i) {
-		let N = i;
-		return (i, P) => (openBlock(), createBlock(unref(VcTooltipRoot), {
-			"delay-duration": 400,
-			"is-popover-arrow-hidden": !0,
-			"disable-hoverable-content": !0,
-			"popover-side": N.side ?? void 0,
-			"is-disabled": N.isDisabled
-		}, {
-			default: withCtx(() => [createVNode(unref(VcTooltipTrigger), null, {
-				default: withCtx(() => [renderSlot(i.$slots, "default")]),
-				_: 3
-			}), createVNode(unref(VcTooltipPortal), null, {
-				default: withCtx(() => [createVNode(unref(VcTooltipContent), null, {
-					default: withCtx(() => [createVNode(unref(Motion), {
-						initial: {
-							opacity: 0,
-							filter: "blur(2px)"
-						},
-						animate: {
-							opacity: 1,
-							filter: "blur(0)"
-						},
-						exit: {
-							opacity: 0,
-							filter: "blur(2px)"
-						},
-						transition: { duration: .2 }
-					}, {
-						default: withCtx(() => [createVNode(unref(VcTooltipInnerContent), null, {
-							default: withCtx(() => [createVNode(AppGroup_default, {
-								gap: "sm",
-								class: "p-xs"
-							}, {
-								default: withCtx(() => [N.label === null ? createCommentVNode("", !0) : (openBlock(), createElementBlock("span", _hoisted_1$11, toDisplayString(N.label), 1)), N.keyboardKeys === null ? createCommentVNode("", !0) : (openBlock(), createBlock(unref(VcKeyboardShortcut), {
-									key: 1,
-									"keyboard-keys": N.keyboardKeys
-								}, null, 8, ["keyboard-keys"]))]),
-								_: 1
-							})]),
-							_: 1
-						}), createVNode(unref(VcTooltipArrow))]),
-						_: 1
-					})]),
-					_: 1
-				})]),
-				_: 1
-			})]),
-			_: 3
-		}, 8, ["popover-side", "is-disabled"]));
-	}
-}), TruncateText_default = /* @__PURE__ */ defineComponent({
-	inheritAttrs: !1,
-	__name: "TruncateText",
-	props: {
-		as: { default: "span" },
-		label: {}
-	},
-	setup(i) {
-		let N = i, P = useAttrs(), I = useTemplateRef("primitiveRef"), R = ref(!1), B = null;
-		function V(i) {
-			R.value = i.scrollWidth > i.clientWidth;
-		}
-		return onMounted(() => {
-			let i = I.value?.$el ?? null;
-			i !== null && (V(i), B = new ResizeObserver(() => {
-				V(i);
-			}), B.observe(i));
-		}), onBeforeUnmount(() => {
-			B?.disconnect();
-		}), (i, B) => (openBlock(), createBlock(ButtonTooltip_default, {
-			"is-disabled": !R.value,
-			label: N.label
-		}, {
-			default: withCtx(() => [createVNode(unref(Primitive), mergeProps({
-				ref_key: "primitiveRef",
-				ref: I,
-				as: N.as,
-				class: "max-w-full truncate"
-			}, unref(P)), {
-				default: withCtx(() => [createTextVNode(toDisplayString(N.label), 1)]),
-				_: 1
-			}, 16, ["as"])]),
-			_: 1
-		}, 8, ["is-disabled", "label"]));
-	}
-}), DealContactPersonTransformer = class {
-	static fromDto(i) {
-		return {
-			contactPersonUuid: i.contactPersonUuid,
-			dealUuid: i.dealUuid,
-			isPrimary: i.isPrimary,
-			email: i.email,
-			firstName: i.firstName,
-			lastName: i.lastName,
-			mobilePhone: i.mobilePhone,
-			phone: i.phone
-		};
-	}
-}, DealContactPersonUpdateTransformer = class {
-	static toDto(i) {
-		return {
-			email: StringUtil.trimOrNull(i.email),
-			firstName: i.firstName,
-			lastName: i.lastName,
-			mobilePhone: i.mobilePhone,
-			phone: i.phone
-		};
-	}
-}, DealCreateTransformer = class {
-	static toDto(i) {
-		return {
-			clientId: {
-				uuid: i.clientId.uuid,
-				type: i.clientId.type
-			},
-			dealOwnerUuid: null,
-			name: i.name,
-			dealLanguage: i.dealLanguage,
-			dealSource: i.dealSource
-		};
-	}
-}, NameUtil = class {
-	static toFullName(i) {
-		return `${i.firstName} ${i.lastName}`;
-	}
-}, DealDetailTransformer = class {
-	static fromDto(i) {
-		return {
-			uuid: i.uuid,
-			createdAt: ZonedDateTimeTransformer.fromDto(i.createdAt),
-			updatedAt: i.updatedAt,
-			name: i.name,
-			boardColumn: {
-				uuid: i.boardColumn.uuid,
-				color: i.boardColumn.color,
-				displayName: i.boardColumn.displayName
-			},
-			client: i.client,
-			contactPersons: i.contactPersons.map((i) => ({
-				uuid: i.uuid,
-				isPrimary: i.isPrimary,
-				email: i.email,
-				firstName: i.firstName,
-				lastName: i.lastName,
-				mobilePhone: i.mobilePhone,
-				phone: i.phone
-			})),
-			createdBy: {
-				uuid: i.createdBy.uuid,
-				name: NameUtil.toFullName({
-					firstName: i.createdBy.firstName ?? "",
-					lastName: i.createdBy.lastName ?? ""
-				})
-			},
-			dealLanguage: i.dealLanguage,
-			dealSource: i.dealSource,
-			owner: i.owner ? {
-				uuid: i.owner.uuid,
-				name: NameUtil.toFullName({
-					firstName: i.owner.firstName ?? "",
-					lastName: i.owner.lastName ?? ""
-				})
-			} : null
-		};
-	}
-}, DealIndexTransformer = class {
-	static fromDto(i) {
-		return {
-			uuid: i.uuid,
-			createdAt: ZonedDateTimeTransformer.fromDto(i.createdAt),
-			name: i.name,
-			boardColumn: i.boardColumn,
-			client: i.client,
-			createdBy: {
-				uuid: i.createdBy.uuid,
-				name: NameUtil.toFullName({
-					firstName: i.createdBy.firstName ?? "",
-					lastName: i.createdBy.lastName ?? ""
-				})
-			},
-			dealLanguage: i.dealLanguage,
-			dealSource: i.dealSource,
-			owner: i.owner ? {
-				uuid: i.owner.uuid,
-				name: NameUtil.toFullName({
-					firstName: i.owner.firstName ?? "",
-					lastName: i.owner.lastName ?? ""
-				})
-			} : null
-		};
-	}
-}, DealIndexQueryParamsTransformer = class {
-	static toDto(i) {
-		return {
-			filter: {
-				boardColumnUuids: i.filters.boardColumnUuid,
-				dealOwnerUuids: i.filters.dealOwnerUuids
-			},
-			pagination: i.pagination
-		};
-	}
-}, DealUpdateTransformer = class {
-	static toDto(i) {
-		return {
-			dealOwnerUuid: i.dealOwner?.uuid ?? void 0,
-			name: i?.name ?? void 0,
-			dealLanguage: i?.dealLanguage ?? void 0,
-			dealSource: i?.dealSource ?? void 0
-		};
-	}
-}, DealService = class {
-	static async create(i) {
-		return (await createDealV1({ body: DealCreateTransformer.toDto(i) })).data.uuid;
-	}
-	static async createContactPerson() {}
-	static async getAll(i) {
-		let N = await viewDealIndexV1({ query: DealIndexQueryParamsTransformer.toDto(i) });
-		return {
-			data: N.data.items.map(DealIndexTransformer.fromDto),
-			meta: N.data.meta
-		};
-	}
-	static async getBySearchTerm(i) {
-		let N = await viewDealIndexV1({ query: new PaginationParamsBuilder().withLimit(5).withSearch(i).build() });
-		return {
-			data: N.data.items.map(DealIndexTransformer.fromDto),
-			meta: N.data.meta
-		};
-	}
-	static async getByUuid(i) {
-		let N = await viewDealDetailV1({ path: { dealUuid: i } });
-		return DealDetailTransformer.fromDto(N.data);
-	}
-	static async getContactPerson(i, N) {
-		let P = await viewDealContactPersonDetailV1({ path: {
-			contactPersonUuid: N,
-			dealUuid: i
-		} });
-		return DealContactPersonTransformer.fromDto(P.data);
-	}
-	static async linkContactPerson(i, N, P) {
-		await linkContactPersonToDealV1({
-			body: {
-				contactPersonUuid: N,
-				email: StringUtil.trimOrNull(P.email),
-				mobilePhone: P.mobilePhone,
-				phone: P.phone
-			},
-			path: { dealUuid: i }
-		});
-	}
-	static async setPrimaryContactPerson(i, N) {
-		await makeDealContactPersonPrimaryV1({ path: {
-			contactPersonUuid: N,
-			dealUuid: i
-		} });
-	}
-	static async transition(i, N) {
-		await transitionDealColumnV1({
-			body: { boardColumnUuid: N },
-			path: { dealUuid: i }
-		});
-	}
-	static async unlinkContactPerson(i, N) {
-		await unlinkContactPersonFromDealV1({
-			body: { contactPersonUuid: N },
-			path: { dealUuid: i }
-		});
-	}
-	static async update(i, N) {
-		await updateDealV1({
-			body: DealUpdateTransformer.toDto(N),
-			path: { dealUuid: i }
-		});
-	}
-	static async updateContactPerson(i, N, P) {
-		await updateDealContactPersonV1({
-			body: DealContactPersonUpdateTransformer.toDto(P),
-			path: {
-				contactPersonUuid: N,
-				dealUuid: i
-			}
-		});
-	}
-};
-z.enum(ContentLocale);
-var ContentLocaleUtil = class {
-	static i18nKeys = createI18nKeyMap({
-		"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(i) {
-		return this.i18nKeys.get(i);
-	}
-}, DealSourceUtil = class {
-	static i18nKeys = createI18nKeyMap({
-		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(i) {
-		return this.i18nKeys.get(i);
-	}
-}, MailTemplateDetailTransformer = class {
-	static fromDto(i) {
-		return {
-			uuid: i.uuid,
-			createdAt: ZonedDateTimeTransformer.fromDto(i.createdAt),
-			updatedAt: ZonedDateTimeTransformer.fromDto(i.updatedAt),
-			defaultBCC: i.defaultBCC,
-			defaultCC: i.defaultCC,
-			displayName: i.displayName,
-			key: i.key,
-			locales: i.locales.map((i) => ({
-				uuid: i.uuid,
-				createdAt: ZonedDateTimeTransformer.fromDto(i.createdAt),
-				updatedAt: ZonedDateTimeTransformer.fromDto(i.updatedAt),
-				attachments: i.attachments.map(FileReferenceTransformer.fromDto),
-				language: i.language,
-				message: i.message,
-				subject: i.subject
-			}))
-		};
-	}
-}, MailTemplateIndexTransformer = class {
-	static fromDto(i) {
-		return {
-			uuid: i.uuid,
-			createdAt: ZonedDateTimeTransformer.fromDto(i.createdAt),
-			updatedAt: ZonedDateTimeTransformer.fromDto(i.updatedAt),
-			name: i.name
-		};
-	}
-}, MailTemplateIndexQueryParamsTransformer = class {
-	static toDto(i) {
-		return { pagination: i.pagination };
-	}
-}, MailTemplateUpdateTransformer = class {
-	static toDto(i) {
-		return {
-			defaultBCC: i.defaultBCC,
-			defaultCC: i.defaultCC,
-			locales: i.locales.map((i) => ({
-				attachments: i.attachments.map((i) => i.uuid),
-				language: i.language,
-				message: i.message,
-				replyTo: i.replyTo,
-				subject: i.subject
-			}))
-		};
-	}
-}, MailTemplateService = class {
-	static async getAll(i) {
-		let N = await viewMailTemplateIndexV1({ query: MailTemplateIndexQueryParamsTransformer.toDto(i) });
-		return {
-			data: N.data.items.map(MailTemplateIndexTransformer.fromDto),
-			meta: N.data.meta
-		};
-	}
-	static async getByKey(i) {
-		let N = await viewMailTemplateDetailByKeyV1({ path: { mailTemplateKey: i } });
-		return MailTemplateDetailTransformer.fromDto(N.data);
-	}
-	static async getByUuid(i) {
-		let N = await viewMailTemplateDetailV1({ path: { mailTemplateUuid: i } });
-		return MailTemplateDetailTransformer.fromDto(N.data);
-	}
-	static async update(i, N) {
-		await updateMailTemplateV1({
-			body: MailTemplateUpdateTransformer.toDto(N),
-			path: { mailTemplateUuid: i }
-		});
-	}
-};
-function useMailTemplateDetailQuery(i) {
-	return He({
-		queryFn: () => MailTemplateService.getByUuid(i.value),
-		queryKey: { mailTemplateDetail: { mailTemplateUuid: i } }
-	});
-}
-function useMailTemplateDetailByKeyQuery(i) {
-	return He({
-		queryFn: () => MailTemplateService.getByKey(i.value),
-		queryKey: { mailTemplateDetailByKey: { mailTemplateKey: i } }
-	});
-}
-var _hoisted_1$10 = { class: "p-xl w-96 max-w-full" }, AppRichTextFieldLinkDialog_default = /* @__PURE__ */ defineComponent({
-	__name: "AppRichTextFieldLinkDialog",
-	emits: ["close", "confirm"],
-	setup(N, { emit: B }) {
-		let H = B, U = useI18n(), W = useForm({
-			schema: z.object({ url: z.string().url() }),
-			onSubmit: (i) => {
-				H("confirm", i.url);
-			}
-		}), G = W.register("url");
-		function J() {
-			H("close");
-		}
-		return (N, B) => (openBlock(), createBlock(unref(VcDialog), { onClose: J }, {
-			default: withCtx(() => [createElementVNode("div", _hoisted_1$10, [createVNode(AppDialogHeader_default, {
-				title: unref(U).t("rich_text.link_dialog.title"),
-				icon: "link"
-			}, {
-				"closse-button": withCtx(() => [createVNode(unref(VcDialogCloseButton))]),
-				_: 1
-			}, 8, ["title"]), createVNode(AppForm_default, { form: unref(W) }, {
-				default: withCtx(() => [createVNode(unref(VcTextField), mergeProps({ label: unref(U).t("rich_text.link_dialog.url") }, unref(toFormField)(unref(G))), null, 16, ["label"]), createVNode(AppDialogActions_default, null, {
-					default: withCtx(() => [createVNode(AppDialogActionCancel_default, { label: unref(U).t("shared.cancel") }, null, 8, ["label"]), createVNode(AppDialogActionPrimary_default, {
-						label: unref(U).t("shared.confirm"),
-						onClick: B[0] ||= (i) => unref(W).submit()
-					}, null, 8, ["label"])]),
-					_: 1
-				})]),
-				_: 1
-			}, 8, ["form"])])]),
-			_: 1
-		}));
-	}
-}), _hoisted_1$9 = ["id"], _hoisted_2$5 = { class: "p-sm h-full" }, AppRichTextField_default = /* @__PURE__ */ defineComponent({
-	__name: "AppRichTextField",
-	props: /* @__PURE__ */ mergeModels({
-		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__ */ mergeModels(["blur"], ["update:modelValue"]),
-	setup(i, { emit: N }) {
-		let P = i, I = N, R = useModel(i, "modelValue"), B = useId(), V = useEditor({
-			content: R.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: [StarterKit, Link.configure({ defaultProtocol: "https" })],
-			onBlur() {
-				I("blur");
-			},
-			onUpdate({ editor: i }) {
-				R.value = i.getHTML();
-			}
-		}), H = useDialog(AppRichTextFieldLinkDialog_default), W = computed(() => [
-			{
-				id: "bold",
-				icon: "bold",
-				onClick: () => void V.value?.chain().focus().toggleBold().run()
-			},
-			{
-				id: "italic",
-				icon: "italic",
-				onClick: () => void V.value?.chain().focus().toggleItalic().run()
-			},
-			{
-				id: "heading",
-				isActiveOptions: { level: 1 },
-				icon: "h1Icon",
-				onClick: () => void V.value?.chain().focus().toggleHeading({ level: 1 }).run()
-			},
-			{
-				id: "heading",
-				isActiveOptions: { level: 2 },
-				icon: "h2Icon",
-				onClick: () => void V.value?.chain().focus().toggleHeading({ level: 2 }).run()
-			},
-			{
-				id: "heading",
-				isActiveOptions: { level: 3 },
-				icon: "h3Icon",
-				onClick: () => void V.value?.chain().focus().toggleHeading({ level: 3 }).run()
-			},
-			{
-				id: "link",
-				icon: "link",
-				onClick: () => {
-					H.open({ onConfirm: (i) => {
-						V.value?.chain().focus().extendMarkRange("link").setLink({ href: i }).run(), H.close();
-					} });
-				}
-			},
-			{
-				id: "bulletList",
-				icon: "bulletList",
-				onClick: () => void V.value?.chain().focus().toggleBulletList().run()
-			},
-			{
-				id: "orderedList",
-				icon: "numberedList",
-				onClick: () => void V.value?.chain().focus().toggleOrderedList().run()
-			}
-		]);
-		return watch(R, (i) => {
-			i !== V.value?.getHTML() && ((i === null || i === "") && V.value?.commands.clearContent(), V.value?.commands.setContent(i || ""));
-		}), (i, N) => (openBlock(), createBlock(unref(VcFormField), {
-			for: unref(B),
-			"is-touched": P.isTouched,
-			"error-message": P.errorMessage,
-			hint: null,
-			label: P.label,
-			"is-required": P.isRequired,
-			class: "h-full"
-		}, {
-			label: withCtx(() => [renderSlot(i.$slots, "label")]),
-			default: withCtx(() => [createElementVNode("div", {
-				id: unref(B),
-				class: normalizeClass([{
-					"border-error-subtle": P.errorMessage !== null && P.isTouched,
-					"border-secondary": !(P.errorMessage !== null && P.isTouched)
-				}, "bg-primary flex flex-col overflow-hidden rounded-lg border"])
-			}, [createVNode(unref(ListboxRoot), { orientation: "horizontal" }, {
-				default: withCtx(() => [createVNode(unref(ListboxContent), { class: "gap-sm p-sm border-secondary flex border-b" }, {
-					default: withCtx(() => [(openBlock(!0), createElementBlock(Fragment, null, renderList(W.value, (i, N) => (openBlock(), createBlock(unref(ListboxItem), {
-						key: N,
-						value: N,
-						class: normalizeClass([{
-							"bg-tertiary text-primary": unref(V)?.isActive(i.id, i.isActiveOptions),
-							"text-quaternary": !unref(V)?.isActive(i.id, i.isActiveOptions)
-						}, "rounded-md"]),
-						"as-child": !0
-					}, {
-						default: withCtx(() => [createVNode(AppUnstyledButton_default, { onClick: () => i.onClick() }, {
-							default: withCtx(() => [createVNode(unref(VcIcon), {
-								icon: i.icon,
-								class: "text-primary size-8"
-							}, null, 8, ["icon"])]),
-							_: 2
-						}, 1032, ["onClick"])]),
-						_: 2
-					}, 1032, ["value", "class"]))), 128))]),
-					_: 1
-				})]),
-				_: 1
-			}), createElementVNode("div", _hoisted_2$5, [createVNode(unref(EditorContent), {
-				modelValue: R.value,
-				"onUpdate:modelValue": N[0] ||= (i) => R.value = i,
-				editor: unref(V),
-				class: "h-full"
-			}, null, 8, ["modelValue", "editor"])])], 10, _hoisted_1$9)]),
-			_: 3
-		}, 8, [
-			"for",
-			"is-touched",
-			"error-message",
-			"label",
-			"is-required"
-		]));
-	}
-}), FileUploadService = class {
-	static async confirmUpload(i, N) {
-		await confirmFileUploadV1({
-			body: { blurHash: N },
-			path: { file: i }
-		});
-	}
-	static async getFileInfo(i, N) {
-		let P = await createFileV1({ body: {
-			name: i,
-			mimeType: N
-		} });
-		return {
-			uuid: P.data.uuid,
-			uploadUrl: P.data.uploadUrl
-		};
-	}
-}, _hoisted_1$8 = { class: "text-brand-secondary text-sm font-medium" }, FormFileUploadDropzoneOverlay_default = /* @__PURE__ */ defineComponent({
-	__name: "FormFileUploadDropzoneOverlay",
-	props: {
-		isHoveringOverDropzone: { type: Boolean },
-		isHoveringOverPage: { type: Boolean }
-	},
-	setup(i) {
-		let N = i, P = useI18n();
-		return (i, I) => (openBlock(), createBlock(unref(AnimatePresence), null, {
-			default: withCtx(() => [N.isHoveringOverPage ? (openBlock(), createBlock(unref(Motion), {
-				key: 0,
-				class: normalizeClass([{ "animate-pulse": !N.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: withCtx(() => [createVNode(unref(AnimatePresence), null, {
-					default: withCtx(() => [N.isHoveringOverDropzone ? (openBlock(), createBlock(unref(Motion), {
-						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: withCtx(() => [createVNode(CenterContent_default, null, {
-							default: withCtx(() => [createElementVNode("p", _hoisted_1$8, toDisplayString(unref(P).t("component.file_upload.dropzone.drop_files")), 1)]),
-							_: 1
-						})]),
-						_: 1
-					})) : createCommentVNode("", !0)]),
-					_: 1
-				})]),
-				_: 1
-			}, 8, ["class"])) : createCommentVNode("", !0)]),
-			_: 1
-		}));
-	}
-}), _hoisted_1$7 = {
-	width: "100%",
-	height: "100%",
-	viewBox: "0 0 12 12",
-	fill: "none",
-	xmlns: "http://www.w3.org/2000/svg",
-	"aria-hidden": "true"
-}, FormFileUploadSuccessCheckmark_default = /* @__PURE__ */ defineComponent({
-	__name: "FormFileUploadSuccessCheckmark",
-	setup(i) {
-		let N = {
-			hidden: {
-				opacity: 0,
-				pathLength: 0
-			},
-			visible: {
-				opacity: 1,
-				pathLength: 1,
-				transition: {
-					opacity: { duration: .01 },
-					pathLength: {
-						bounce: 0,
-						duration: .5,
-						type: "spring"
-					}
-				}
-			}
-		};
-		return (i, P) => (openBlock(), createElementBlock("svg", _hoisted_1$7, [createVNode(unref(motion).path, {
-			variants: N,
-			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"
-		})]));
-	}
-}), FormFileUploadItemRight_default = /* @__PURE__ */ defineComponent({
-	__name: "FormFileUploadItemRight",
-	props: {
-		isMultiple: { type: Boolean },
-		item: {}
-	},
-	setup(i) {
-		let N = i, P = ref(!1);
-		function I(i) {
-			i.url !== null && FileUtil.download(i.url, i.name);
-		}
-		return watch(() => N.item.status, (i) => {
-			i === FileUploadStatus.SUCCESS && (P.value = !0, setTimeout(() => {
-				P.value = !1;
-			}, 2e3));
-		}), (i, R) => (openBlock(), createBlock(unref(AnimatePresence), { mode: "popLayout" }, {
-			default: withCtx(() => [P.value ? (openBlock(), createBlock(unref(Motion), {
-				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: withCtx(() => [createVNode(FormFileUploadSuccessCheckmark_default, { class: "text-disabled size-4" })]),
-				_: 1
-			})) : N.item.status === unref(FileUploadStatus).SUCCESS ? (openBlock(), createBlock(unref(Motion), {
-				key: 1,
-				initial: {
-					opacity: 0,
-					scale: .95
-				},
-				animate: {
-					opacity: 1,
-					scale: 1
-				}
-			}, {
-				default: withCtx(() => [createVNode(RevealOnHoverOrFocus_default, null, {
-					default: withCtx(() => [createVNode(AppGroup_default, { gap: "none" }, {
-						default: withCtx(() => [
-							createVNode(ButtonTooltip_default, { label: "Replace" }, {
-								default: withCtx(() => [createVNode(unref(VcFileUploadItemReplace), null, {
-									default: withCtx(() => [createVNode(unref(VcIconButton), {
-										"class-config": { root: "hover:!bg-tertiary" },
-										icon: "refresh",
-										label: "Replace",
-										variant: "tertiary"
-									})]),
-									_: 1
-								})]),
-								_: 1
-							}),
-							createVNode(ButtonTooltip_default, { label: "Download" }, {
-								default: withCtx(() => [N.item.url === null ? createCommentVNode("", !0) : (openBlock(), createBlock(unref(VcIconButton), {
-									key: 0,
-									"class-config": { root: "hover:!bg-tertiary" },
-									icon: "downloadCloud",
-									label: "Download",
-									variant: "tertiary",
-									onClick: R[0] ||= (i) => I(N.item)
-								}))]),
-								_: 1
-							}),
-							createVNode(ButtonTooltip_default, { label: "Remove" }, {
-								default: withCtx(() => [createVNode(unref(VcFileUploadItemRemove), null, {
-									default: withCtx(() => [createVNode(unref(VcIconButton), {
-										icon: "trash",
-										label: "Remove",
-										variant: "destructive-tertiary"
-									})]),
-									_: 1
-								})]),
-								_: 1
-							})
-						]),
-						_: 1
-					})]),
-					_: 1
-				})]),
-				_: 1
-			})) : N.item.status === unref(FileUploadStatus).PENDING || N.item.status === unref(FileUploadStatus).UPLOADING ? (openBlock(), createBlock(unref(Motion), {
-				key: 2,
-				initial: { opacity: 0 },
-				animate: { opacity: 1 },
-				exit: {
-					opacity: 0,
-					scale: .95
-				},
-				class: "flex size-8 items-center justify-center"
-			}, {
-				default: withCtx(() => [createVNode(unref(VcSpinner), { class: "text-tertiary size-4" })]),
-				_: 1
-			})) : createCommentVNode("", !0)]),
-			_: 1
-		}));
-	}
-}), q = /* @__PURE__ */ "0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz#$%*+,-.:;=?@[]^_{|}~".split(""), x = (i) => {
-	let N = 0;
-	for (let P = 0; P < i.length; P++) {
-		let I = i[P], R = q.indexOf(I);
-		N = N * 83 + R;
-	}
-	return N;
-}, f = (i) => {
-	let N = i / 255;
-	return N <= .04045 ? N / 12.92 : ((N + .055) / 1.055) ** 2.4;
-}, h$1 = (i) => {
-	let N = Math.max(0, Math.min(1, i));
-	return N <= .0031308 ? Math.trunc(N * 12.92 * 255 + .5) : Math.trunc((1.055 * N ** .4166666666666667 - .055) * 255 + .5);
-}, F = (i) => i < 0 ? -1 : 1, M = (i, N) => F(i) * Math.abs(i) ** +N, d = class extends Error {
-	constructor(i) {
-		super(i), this.name = "ValidationError", this.message = i;
-	}
-}, C = (i) => {
-	if (!i || i.length < 6) throw new d("The blurhash string must be at least 6 characters");
-	let N = x(i[0]), P = Math.floor(N / 9) + 1, I = N % 9 + 1;
-	if (i.length !== 4 + 2 * I * P) throw new d(`blurhash length mismatch: length is ${i.length} but it should be ${4 + 2 * I * P}`);
-}, z$2 = (i) => {
-	let N = i >> 16, P = i >> 8 & 255, I = i & 255;
-	return [
-		f(N),
-		f(P),
-		f(I)
-	];
-}, L = (i, N) => {
-	let P = Math.floor(i / 361), I = Math.floor(i / 19) % 19, R = i % 19;
-	return [
-		M((P - 9) / 9, 2) * N,
-		M((I - 9) / 9, 2) * N,
-		M((R - 9) / 9, 2) * N
-	];
-}, j = (i, N, P, I) => {
-	C(i), I |= 1;
-	let R = x(i[0]), B = Math.floor(R / 9) + 1, V = R % 9 + 1, H = (x(i[1]) + 1) / 166, U = Array(V * B);
-	for (let N = 0; N < U.length; N++) N === 0 ? U[N] = z$2(x(i.substring(2, 6))) : U[N] = L(x(i.substring(4 + N * 2, 6 + N * 2)), H * I);
-	let W = N * 4, G = new Uint8ClampedArray(W * P);
-	for (let i = 0; i < P; i++) for (let I = 0; I < N; I++) {
-		let R = 0, H = 0, K = 0;
-		for (let W = 0; W < B; W++) for (let B = 0; B < V; B++) {
-			let G = Math.cos(Math.PI * I * B / N) * Math.cos(Math.PI * i * W / P), J = U[B + W * V];
-			R += J[0] * G, H += J[1] * G, K += J[2] * G;
-		}
-		let J = h$1(R), Y = h$1(H), X = h$1(K);
-		G[4 * I + 0 + i * W] = J, G[4 * I + 1 + i * W] = Y, G[4 * I + 2 + i * W] = X, G[4 * I + 3 + i * W] = 255;
-	}
-	return G;
-}, ImageBlurhash_default = /* @__PURE__ */ defineComponent({
-	__name: "ImageBlurhash",
-	props: { blurhash: {} },
-	setup(i) {
-		let N = i, P = ref(null);
-		function I(i, N) {
-			let { height: P, width: I } = N, R = j(i, I, P), B = N.getContext("2d"), V = B.createImageData(I, P);
-			V.data.set(R), B.putImageData(V, 0, 0);
-		}
-		function R() {
-			P.value !== null && I(N.blurhash, P.value);
-		}
-		return onMounted(() => {
-			R();
-		}), (i, N) => (openBlock(), createElementBlock("canvas", {
-			ref_key: "canvasRef",
-			ref: P,
-			width: "100%",
-			height: "100%"
-		}, null, 512));
-	}
-}), _hoisted_1$6 = { class: "sr-only" }, _hoisted_2$4 = { class: "p-lg absolute top-0 left-0 z-1 flex w-full justify-end" }, _hoisted_3$4 = ["src", "alt"], ImageDialog_default = /* @__PURE__ */ defineComponent({
-	__name: "ImageDialog",
-	props: {
-		imageId: {},
-		fit: {},
-		imageAlt: {},
-		imageUrl: {}
-	},
-	setup(i) {
-		let N = i;
-		return (i, P) => (openBlock(), createBlock(unref(VcDialog), {
-			"is-close-button-hidden": !0,
-			size: "xl"
-		}, {
-			default: withCtx(() => [
-				createVNode(unref(VcDialogTitle), null, {
-					default: withCtx(() => [...P[0] ||= [createElementVNode("h1", { class: "sr-only" }, " Image ", -1)]]),
-					_: 1
-				}),
-				createVNode(unref(VcDialogDescription), null, {
-					default: withCtx(() => [createElementVNode("p", _hoisted_1$6, toDisplayString(N.imageAlt), 1)]),
-					_: 1
-				}),
-				createElementVNode("div", _hoisted_2$4, [createVNode(unref(VcDialogCloseButton), null, {
-					default: withCtx(() => [createVNode(unref(VcIconButton), {
-						"class-config": { root: "bg-primary/50 backdrop-blur-md text-primary border-none shadow-none" },
-						icon: "close",
-						label: "close",
-						variant: "primary"
-					})]),
-					_: 1
-				})]),
-				createElementVNode("img", {
-					src: N.imageUrl,
-					alt: N.imageAlt,
-					exit: { opacity: 1 },
-					class: "size-full object-contain"
-				}, null, 8, _hoisted_3$4)
-			]),
-			_: 1
-		}));
-	}
-}), _hoisted_1$5 = { class: "relative isolate overflow-hidden" }, _hoisted_2$3 = ["disabled"], _hoisted_3$3 = { class: "sr-only" }, _hoisted_4$2 = ["src", "alt"], Image_default = /* @__PURE__ */ defineComponent({
-	__name: "Image",
-	props: {
-		isZoomEnabled: {
-			type: Boolean,
-			default: !1
-		},
-		alt: {},
-		blurhash: { default: null },
-		fit: {},
-		src: {}
-	},
-	setup(i) {
-		let N = i, P = useId(), I = useDialog(ImageDialog_default), R = ref(!0);
-		function B() {
-			R.value = !1;
-		}
-		function V() {
-			I.open({
-				imageId: P,
-				fit: N.fit,
-				imageAlt: N.alt,
-				imageUrl: N.src
-			});
-		}
-		return (i, P) => (openBlock(), createElementBlock("div", _hoisted_1$5, [createVNode(unref(AnimatePresence), { initial: !1 }, {
-			default: withCtx(() => [R.value ? (openBlock(), createBlock(unref(Motion), {
-				key: 0,
-				exit: { opacity: 0 },
-				transition: { duration: .2 },
-				class: "absolute inset-0 z-1"
-			}, {
-				default: withCtx(() => [N.blurhash === null ? createCommentVNode("", !0) : (openBlock(), createBlock(ImageBlurhash_default, {
-					key: 0,
-					blurhash: N.blurhash
-				}, null, 8, ["blurhash"]))]),
-				_: 1
-			})) : createCommentVNode("", !0), createElementVNode("button", mergeProps(unref(I).triggerProps.value, {
-				class: [{ "pointer-events-none": !N.isZoomEnabled }, "block size-full cursor-pointer outline-none"],
-				disabled: !N.isZoomEnabled,
-				variant: "unstyled",
-				type: "button",
-				onClick: V
-			}), [createElementVNode("span", _hoisted_3$3, " Zoom image " + toDisplayString(N.alt), 1), createElementVNode("img", {
-				src: N.src,
-				alt: N.alt,
-				class: normalizeClass([{
-					"object-cover": N.fit === "cover",
-					"object-contain": N.fit === "contain"
-				}, "size-full"]),
-				onLoad: B
-			}, null, 42, _hoisted_4$2)], 16, _hoisted_2$3)]),
-			_: 1
-		})]));
-	}
-}), _hoisted_1$4 = { class: "group bg-secondary px-lg py-md max-w-full overflow-hidden rounded-xl" }, _hoisted_2$2 = {
-	key: 1,
-	"aria-hidden": !0,
-	class: "flex size-8 items-center justify-center"
-}, _hoisted_3$2 = { class: "relative" }, _hoisted_4$1 = { class: "text-primary-on-brand absolute bottom-0.5 left-1/2 z-89 -translate-x-1/2 text-[0.625rem] font-medium" }, _hoisted_5$1 = { class: "flex items-center justify-between overflow-hidden" }, _hoisted_6 = { class: "flex flex-col overflow-hidden" }, _hoisted_7 = { class: "text-tertiary text-xs" }, _hoisted_8 = { class: "bg-quaternary h-0.75 w-28 shrink-0 rounded-full" }, FormFileUploadItem_default = /* @__PURE__ */ defineComponent({
-	__name: "FormFileUploadItem",
-	props: {
-		isMultiple: { type: Boolean },
-		item: {}
-	},
-	setup(i) {
-		let N = i;
-		return (i, P) => (openBlock(), createBlock(unref(VcFileUploadItem), { item: N.item }, {
-			default: withCtx(() => [createElementVNode("li", _hoisted_1$4, [createVNode(AppGroup_default, { justify: "between" }, {
-				default: withCtx(() => [createVNode(AppGroup_default, {
-					gap: "lg",
-					class: "overflow-hidden"
-				}, {
-					default: withCtx(() => [N.item.url !== null && N.item.mimeType.startsWith("image/") ? (openBlock(), createBlock(Image_default, {
-						key: 0,
-						"is-zoom-enabled": !0,
-						alt: N.item.name,
-						src: N.item.url,
-						blurhash: N.item.status === unref(FileUploadStatus).SUCCESS ? N.item.blurHash : null,
-						class: "size-8 shrink-0 rounded-md",
-						fit: "cover"
-					}, null, 8, [
-						"alt",
-						"src",
-						"blurhash"
-					])) : (openBlock(), createElementBlock("div", _hoisted_2$2, [createElementVNode("div", _hoisted_3$2, [createVNode(unref(VcIcon), {
-						icon: "file",
-						class: "text-brand-500 size-8"
-					}), createElementVNode("div", _hoisted_4$1, toDisplayString(unref(FileUtil).mimeTypeToExtension(N.item.mimeType)), 1)])])), createElementVNode("div", _hoisted_5$1, [createElementVNode("div", _hoisted_6, [createVNode(TruncateText_default, {
-						label: N.item.name,
-						class: "text-primary truncate text-sm"
-					}, null, 8, ["label"]), createVNode(AppGroup_default, null, {
-						default: withCtx(() => [createElementVNode("span", _hoisted_7, toDisplayString(N.item.mimeType), 1), createVNode(unref(AnimatePresence), { initial: !1 }, {
-							default: withCtx(() => [N.item.status === unref(FileUploadStatus).UPLOADING || N.item.status === unref(FileUploadStatus).PENDING ? (openBlock(), createBlock(unref(Motion), {
-								key: 0,
-								exit: { opacity: 0 },
-								"as-child": !0
-							}, {
-								default: withCtx(() => [createElementVNode("div", _hoisted_8, [createVNode(unref(Motion), {
-									animate: { width: N.item.status === unref(FileUploadStatus).UPLOADING ? `${N.item.progress}%` : "0%" },
-									initial: { width: "0%" },
-									class: "bg-brand-solid h-full rounded-full"
-								}, null, 8, ["animate"])])]),
-								_: 1
-							})) : createCommentVNode("", !0)]),
-							_: 1
-						})]),
-						_: 1
-					})])])]),
-					_: 1
-				}), createVNode(FormFileUploadItemRight_default, {
-					"is-multiple": N.isMultiple,
-					item: N.item
-				}, null, 8, ["is-multiple", "item"])]),
-				_: 1
-			})])]),
-			_: 1
-		}, 8, ["item"]));
-	}
-});
-const fileReferenceFormSchema = z.object({
-	uuid: z.string(),
-	name: z.string(),
-	blurHash: z.string().nullable(),
-	mimeType: z.string(),
-	order: z.number(),
-	url: z.string().nullable()
-});
-function useDealDetailQuery(i) {
-	return He({
-		queryFn: () => DealService.getByUuid(i.value),
-		queryKey: { dealDetail: { dealUuid: i } }
-	});
-}
-function useMailCreateMutation() {
-	return ze({
-		queryFn: async ({ body: i, params: N }) => {
-			await MailService.create(i, N.externalAttachments);
-		},
-		queryKeysToInvalidate: {
-			dealDetail: { dealUuid: (i) => i.dealUuid },
-			mailIndex: {}
-		}
-	});
-}
-var _hoisted_1$3 = { class: "w-full overflow-hidden" }, _hoisted_2$1 = { class: "gap-md flex flex-col justify-start" }, _hoisted_3$1 = { class: "relative" }, _hoisted_4 = { class: "overflow-hidden" }, _hoisted_5 = { class: "gap-sm py-md flex overflow-x-auto" }, DealSendMailFormAttachmentField_default = /* @__PURE__ */ defineComponent({
-	__name: "DealSendMailFormAttachmentField",
-	props: /* @__PURE__ */ mergeModels({
-		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(i) {
-		let N = i, P = useModel(i, "modelValue"), I = useToast(), R = useI18n(), B = useId(), V = computed(() => Array.isArray(P.value));
-		function H(i) {
-			I.error({
-				title: V.value ? R.t("component.file_upload.error.multiple_files_rejected") : R.t("component.file_upload.error.single_file_rejected"),
-				description: i.map((i) => i.name).join(", ")
-			});
-		}
-		return (i, I) => (openBlock(), createElementBlock("div", _hoisted_1$3, [createVNode(unref(VcFileUploadRoot), {
-			modelValue: P.value,
-			"onUpdate:modelValue": I[0] ||= (i) => P.value = i,
-			accept: N.accept,
-			"get-file-info": unref(FileUploadService).getFileInfo,
-			"confirm-upload": unref(FileUploadService).confirmUpload,
-			onFilesRejected: H
-		}, {
-			default: withCtx(({ items: i }) => [createVNode(unref(MotionConfig), { transition: {
-				duration: .3,
-				type: "spring",
-				bounce: 0
-			} }, {
-				default: withCtx(() => [createElementVNode("div", _hoisted_2$1, [createVNode(unref(VcFileUploadTrigger), null, {
-					default: withCtx(() => [createVNode(unref(VcButton), {
-						class: "w-fit",
-						"icon-left": "attachment",
-						variant: "secondary"
-					}, {
-						default: withCtx(() => [createTextVNode(toDisplayString(unref(R).t("wise_crm.deal.send_mail.attachment_field.add_attachment")), 1)]),
-						_: 1
-					})]),
-					_: 1
-				}), i.length > 0 || N.externalAttachments.length > 0 ? (openBlock(), createBlock(unref(VcFileUploadDropzone), { key: 0 }, {
-					default: withCtx(({ isHoveringOverPage: P, isHoveringOverDropzone: I }) => [createVNode(unref(VcFormField), {
-						for: unref(B),
-						hint: N.hint,
-						"error-message": N.errorMessage,
-						"is-required": N.isRequired,
-						"is-touched": N.isTouched,
-						label: unref(R).t("wise_crm.deal.send_mail.attachment_field.mail_attachments_label")
-					}, {
-						label: withCtx(() => [createVNode(unref(VcFormFieldLabel), { class: "sr-only" })]),
-						default: withCtx(() => [createElementVNode("div", _hoisted_3$1, [createVNode(FormFileUploadDropzoneOverlay_default, {
-							"is-hovering-over-page": P,
-							"is-hovering-over-dropzone": I
-						}, null, 8, ["is-hovering-over-page", "is-hovering-over-dropzone"]), createVNode(AnimateHeight_default, null, {
-							default: withCtx(() => [createVNode(unref(AnimatePresence), {
-								initial: !1,
-								mode: "popLayout"
-							}, {
-								default: withCtx(() => [createElementVNode("div", _hoisted_4, [createElementVNode("ul", _hoisted_5, [(openBlock(!0), createElementBlock(Fragment, null, renderList(N.externalAttachments, (i) => (openBlock(), createBlock(DealExternalAttachment_default, {
-									key: i.uuid,
-									attachment: i
-								}, null, 8, ["attachment"]))), 128)), (openBlock(!0), createElementBlock(Fragment, null, renderList(i, (i) => (openBlock(), createElementBlock("div", {
-									key: i.key,
-									class: "w-90"
-								}, [createVNode(FormFileUploadItem_default, {
-									item: i,
-									"is-multiple": V.value
-								}, null, 8, ["item", "is-multiple"])]))), 128))])])]),
-								_: 2
-							}, 1024)]),
-							_: 2
-						}, 1024)])]),
-						_: 2
-					}, 1032, [
-						"for",
-						"hint",
-						"error-message",
-						"is-required",
-						"is-touched",
-						"label"
-					])]),
-					_: 2
-				}, 1024)) : createCommentVNode("", !0)])]),
-				_: 2
-			}, 1024)]),
-			_: 1
-		}, 8, [
-			"modelValue",
-			"accept",
-			"get-file-info",
-			"confirm-upload"
-		])]));
-	}
-}), _hoisted_1$2 = { class: "gap-md text-tertiary flex items-center" }, _hoisted_2 = {
-	key: 0,
-	class: "gap-xs flex items-center"
-}, _hoisted_3 = { class: "text-xs" }, DealSendMailFormFooter_default = /* @__PURE__ */ defineComponent({
-	__name: "DealSendMailFormFooter",
-	props: {
-		isGeneratingPdf: {
-			type: Boolean,
-			default: !1
-		},
-		isSubmitting: {
-			type: Boolean,
-			default: !1
-		}
-	},
-	emits: ["cancel"],
-	setup(i, { emit: N }) {
-		let P = i, I = N, R = useI18n();
-		function V() {
-			I("cancel");
-		}
-		return (N, I) => (openBlock(), createBlock(AppDialogContainer_default, { class: "pt-lg gap-md border-secondary flex justify-between border-t" }, {
-			default: withCtx(() => [createVNode(unref(VcButton), {
-				variant: "secondary",
-				size: "lg",
-				onClick: V
-			}, {
-				default: withCtx(() => [createTextVNode(toDisplayString(unref(R).t("wise_crm.form.cancel")), 1)]),
-				_: 1
-			}), createElementVNode("div", _hoisted_1$2, [i.isGeneratingPdf ? (openBlock(), createElementBlock("div", _hoisted_2, [createVNode(unref(VcSpinner), { class: "size-3" }), createElementVNode("span", _hoisted_3, toDisplayString(unref(R).t("wise_crm.deal.send_mail.pdf_generating")), 1)])) : createCommentVNode("", !0), createVNode(unref(VcButton), {
-				"is-loading": P.isSubmitting,
-				"is-disabled": i.isGeneratingPdf,
-				size: "lg",
-				type: "submit"
-			}, {
-				default: withCtx(() => [createTextVNode(toDisplayString(unref(R).t("wise_crm.form.send")), 1)]),
-				_: 1
-			}, 8, ["is-loading", "is-disabled"])])]),
-			_: 1
-		}));
-	}
-});
-const mailTemplateUuidSchema = z$1.uuid().brand("MailTemplateUuid"), mailCreateFormSchema = z$1.object({
-	clientId: z$1.object({
-		uuid: z$1.uuid(),
-		type: z$1.enum(ClientType)
-	}),
-	dealUuid: z$1.uuid(),
-	mailTemplateUuid: mailTemplateUuidSchema,
-	attachments: fileReferenceFormSchema.array(),
-	bcc: z$1.array(z$1.email()).nullable(),
-	cc: z$1.array(z$1.email()).nullable(),
-	from: z$1.email().nullable(),
-	replyTo: z$1.email().nullable(),
-	subject: z$1.string().min(1),
-	text: z$1.string().min(1),
-	to: z$1.array(z$1.email()).min(1)
-});
-var _hoisted_1$1 = { class: "flex-1 overflow-y-auto" }, DealSendMailForm_default = /* @__PURE__ */ defineComponent({
-	__name: "DealSendMailForm",
-	props: {
-		dealUuid: {},
-		isGeneratingPdf: { type: Boolean },
-		client: {},
-		dealLanguage: {},
-		defaultSenderEmails: {},
-		externalAttachments: { default: () => [] },
-		template: {}
-	},
-	emits: ["close"],
-	setup(N, { emit: P }) {
-		let I = N, R = P, B = useI18n(), V = useApiErrorToast(), H = useMailCreateMutation(), U = computed(() => I.template.locales.findIndex((i) => i.language === I.dealLanguage)), G = useForm({
-			initialState: {
-				clientId: {
-					uuid: I.client.uuid,
-					type: I.client.type
-				},
-				dealUuid: I.dealUuid,
-				mailTemplateUuid: I.template.uuid,
-				attachments: [...I.template.locales[U.value]?.attachments.map(FileReferenceTransformer.toForm) ?? []],
-				bcc: I.template.defaultBCC,
-				cc: I.template.defaultCC,
-				from: null,
-				replyTo: null,
-				subject: I.template.locales[U.value]?.subject ?? null,
-				text: I.template.locales[U.value]?.message ?? null,
-				to: I.defaultSenderEmails ?? []
-			},
-			schema: mailCreateFormSchema,
-			onSubmit: async (i) => {
-				try {
-					await H.execute({
-						body: i,
-						params: {
-							dealUuid: I.dealUuid,
-							externalAttachments: I.externalAttachments
-						}
-					}), $();
-				} catch (i) {
-					V.show(i);
-				}
-			}
-		});
-		G.register("bcc"), G.register("cc"), G.register("replyTo"), G.register("from"), G.register("dealUuid", I.dealUuid), G.register("clientId", I.client);
-		let Y = G.register("subject"), X = G.register("to"), Z = G.register("attachments", []), Q = G.register("text");
-		function $() {
-			R("close");
-		}
-		return (N, P) => (openBlock(), createBlock(AppForm_default, {
-			form: unref(G),
-			class: "flex h-full flex-col"
-		}, {
-			default: withCtx(() => [createElementVNode("div", _hoisted_1$1, [
-				createVNode(DealCommunicationMailListSectionContainer_default, { class: "pr-6xl" }, {
-					default: withCtx(() => [createVNode(unref(VcTextField), mergeProps(unref(toFormField)(unref(Y)), {
-						"class-config": {
-							input: "text-xl",
-							root: "border-none shadow-none text-md"
-						},
-						placeholder: unref(B).t("wise_crm.deal.send_mail_form.subject_placeholder")
-					}), null, 16, ["placeholder"])]),
-					_: 1
-				}),
-				createVNode(DealCommunicationMailListSectionContainer_default, null, {
-					default: withCtx(() => [createVNode(AppGroup_default, null, {
-						default: withCtx(() => [createVNode(AppTagsInputField_default, mergeProps(unref(toFormField)(unref(X)), {
-							label: unref(B).t("wise_crm.deal.send_mail_form.to_label"),
-							placeholder: unref(B).t("wise_crm.deal.send_mail_form.email_placeholder")
-						}), {
-							label: withCtx(() => [createVNode(unref(VcFormFieldLabel), { class: "sr-only" })]),
-							_: 1
-						}, 16, ["label", "placeholder"])]),
-						_: 1
-					})]),
-					_: 1
-				}),
-				createVNode(DealCommunicationMailListSectionContainer_default, null, {
-					default: withCtx(() => [createVNode(DealSendMailFormAttachmentField_default, mergeProps({ "external-attachments": I.externalAttachments }, unref(toFormField)(unref(Z)), { accept: ["application/pdf", "image/*"] }), null, 16, ["external-attachments"])]),
-					_: 1
-				}),
-				createVNode(DealCommunicationMailListSectionContainer_default, { class: "flex-1 border-b-0" }, {
-					default: withCtx(() => [createVNode(AppRichTextField_default, mergeProps(unref(toFormField)(unref(Q)), { label: unref(B).t("wise_crm.deal.send_mail_form.message_label") }), {
-						label: withCtx(() => [createVNode(unref(VcFormFieldLabel), { class: "sr-only" })]),
-						_: 1
-					}, 16, ["label"])]),
-					_: 1
-				})
-			]), createVNode(DealSendMailFormFooter_default, {
-				"is-generating-pdf": I.isGeneratingPdf,
-				"is-submitting": unref(G).isSubmitting.value,
-				onCancel: $
-			}, null, 8, ["is-generating-pdf", "is-submitting"])]),
-			_: 1
-		}, 8, ["form"]));
-	}
-}), _hoisted_1 = {
-	key: 0,
-	class: "p-xl"
-}, DealSendMailDialog_default = /* @__PURE__ */ defineComponent({
-	__name: "DealSendMailDialog",
-	props: {
-		dealUuid: {},
-		client: {},
-		defaultSenderEmails: {},
-		externalAttachments: { default: () => [] },
-		generatePdfFile: {},
-		templateKey: {}
-	},
-	emits: ["close"],
-	setup(i, { emit: N }) {
-		let P = i, I = N, R = useApiErrorToast(), B = ref(P.generatePdfFile !== void 0), V = ref(null), H = computed(() => V.value === null ? P.externalAttachments : [...P.externalAttachments, V.value]), U = useDealDetailQuery(computed(() => P.dealUuid)), G = computed(() => U.data.value?.dealLanguage ?? ContentLocale.NL_BE), K = useMailTemplateDetailByKeyQuery(computed(() => P.templateKey));
-		function Y() {
-			I("close");
-		}
-		async function X() {
-			if (P.generatePdfFile !== void 0) try {
-				V.value = await P.generatePdfFile;
-			} catch (i) {
-				R.show(i);
-			} finally {
-				B.value = !1;
-			}
-		}
-		return onMounted(async () => {
-			await X();
-		}), (i, N) => (openBlock(), createBlock(unref(VcDialog), {
-			"class-config": { closeButton: { root: "bg-primary" } },
-			class: "h-200 max-h-[90vh] w-280 max-w-[90vw]",
-			onClose: Y
-		}, {
-			default: withCtx(() => [createVNode(unref(VcDialogContent), { class: "h-full w-full border" }, {
-				default: withCtx(() => [unref(K).isLoading.value ? (openBlock(), createElementBlock("div", _hoisted_1, [createVNode(AppGroup_default, {
-					direction: "col",
-					class: "h-full"
-				}, {
-					default: withCtx(() => [createVNode(AppSkeletonLoader_default, { class: "h-40 w-full" }), createVNode(AppSkeletonLoader_default, { class: "mt-xl w-full flex-1" })]),
-					_: 1
-				})])) : unref(K).data.value !== null && unref(U).data.value !== null ? (openBlock(), createBlock(DealSendMailForm_default, {
-					key: 1,
-					"default-sender-emails": unref(U).data.value.contactPersons.map((i) => i.email).filter((i) => i !== null),
-					"deal-language": G.value,
-					template: unref(K).data.value,
-					client: P.client,
-					"deal-uuid": P.dealUuid,
-					"external-attachments": H.value,
-					"is-generating-pdf": B.value,
-					onClose: Y
-				}, null, 8, [
-					"default-sender-emails",
-					"deal-language",
-					"template",
-					"client",
-					"deal-uuid",
-					"external-attachments",
-					"is-generating-pdf"
-				])) : createCommentVNode("", !0)]),
-				_: 1
-			})]),
-			_: 1
-		}));
-	}
-});
-export { AnimateHeight_default as _, FormFileUploadDropzoneOverlay_default as a, useMailTemplateDetailQuery as c, ContentLocaleUtil as d, DealService as f, BoardService as g, useUserIndexQuery as h, FormFileUploadItem_default as i, MailTemplateService as l, ButtonTooltip_default as m, useDealDetailQuery as n, FileUploadService as o, TruncateText_default as p, fileReferenceFormSchema as r, AppRichTextField_default as s, DealSendMailDialog_default as t, DealSourceUtil as u, CenterContent_default as v, AppTagsInputField_default as y };