@wisemen/wise-crm-web 0.2.0 → 0.2.2

package/dist/IndividualDetailSidebarProvider-BXZH951l.js

@@ -0,0 +1,608 @@
+import { $ as NoteService, J as useApiErrorToast, L as NoteUpdateDialog_default, N as AppSidebarFormSubmitButton_default, P as AppSidebarFormFooter_default, Q as useNoteDeleteMutation, T as useCrm, U as AppConfirmDialog_default, Z as useKeysetInfiniteQuery, c as CrmDetailAccordionRoot_default, h as useContactPersonCreateMutation, i as CrmDetailSidebarAccordionHeaderIconButton_default, k as AppColorProvider_default, l as AppIconLabelPair_default, m as AppDialog_default, n as CrmDetailContainer_default, o as CrmDetailSidebarCard_default, r as CrmDetailSidebarTabs_default, s as CrmDetailSidebarAccordionItem_default, t as Error_default, y as IndividualService, z as CrmDetailSidebarNotesView_default } from "./Error-BArv9rNb.js";
+import { a as contactPersonUpdateFormSchema, i as CrmDetailSidebarMapCard_default, l as ActivityList_default, n as CrmDetailSidebarAccordionContactPersonInfo_default, o as ContactPersonCreateForm_default, r as CrmDetailSidebarAccordionBillingInformation_default, s as ContactPersonCreateNewForm_default, t as CrmDetailHeaderCard_default, u as assert } from "./CrmDetailHeaderCard-CCNJpMAK.js";
+import { c as Be, l as He, n as useDateTimeFormat, t as AppSkeletonLoader_default, u as ze } from "./AppSkeletonLoader-BAhoOmFD.js";
+import { ht as EntityType } from "./client-pCaNxE3C.js";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, openBlock, ref, renderList, toDisplayString, unref, withCtx } from "vue";
+import { useI18n } from "vue-i18n";
+import { VcButton, VcIconButton, VcRouterLinkButton, useDialog, usePagination, useToast } from "@wisemen/vue-core-components";
+import { useMutation, useQueryClient } from "@tanstack/vue-query";
+import { useForm } from "formango";
+import { Motion } from "motion-v";
+function useIndividualDetailQuery(r) {
+	return He({
+		isEnabled: computed(() => r.value !== null),
+		queryFn: () => (assert(r.value !== null, "individualUuid is null"), IndividualService.getByUuid(r.value)),
+		queryKey: { wiseCrmIndividualDetail: { individualUuid: r } }
+	});
+}
+function useIndividualGrantMutation() {
+	return ze({
+		queryFn: async ({ body: r, params: M }) => await IndividualService.grantUser(M.individualUuid, r),
+		queryKeysToInvalidate: { wiseCrmIndividualDetail: { individualUuid: (r) => r.individualUuid } }
+	});
+}
+function useActivityIndividualIndexQuery(r, M) {
+	return Be({
+		paginationOptions: M,
+		queryFn: async (M) => await IndividualService.getActivity(r.value, M),
+		queryKey: { individualActivityIndex: { paginationOptions: M } }
+	});
+}
+var IndividualDetailSidebarActivityContent_default = /* @__PURE__ */ defineComponent({
+	__name: "IndividualDetailSidebarActivityContent",
+	props: { individual: {} },
+	setup(r) {
+		let M = r, N = usePagination({
+			isRouteQueryEnabled: !1,
+			type: "keyset"
+		}), P = useActivityIndividualIndexQuery(computed(() => M.individual.uuid), N.paginationOptions), F = computed(() => P.data.value.data ?? []);
+		async function I() {
+			await P.getNextPage();
+		}
+		return (r, M) => (openBlock(), createBlock(ActivityList_default, {
+			"on-next": I,
+			"is-loading": unref(P).isLoading.value,
+			activities: F.value
+		}, null, 8, ["is-loading", "activities"]));
+	}
+});
+function useNoteIndividualCreateMutation() {
+	return ze({
+		queryFn: async ({ body: M, params: N }) => await NoteService.create(M, { individualUuid: N.individualUuid }),
+		queryKeysToInvalidate: { noteIndividualIndex: {} }
+	});
+}
+function useNoteIndividualIndexQuery(M, N) {
+	return useKeysetInfiniteQuery({
+		queryFn: (N) => NoteService.getIndividualNotes({ pagination: N }, M.value),
+		queryKey: { noteIndividualIndex: { params: N?.params } }
+	});
+}
+var IndividualDetailSidebarNotesContent_default = /* @__PURE__ */ defineComponent({
+	__name: "IndividualDetailSidebarNotesContent",
+	props: { individual: {} },
+	setup(r) {
+		let P = r, F = useApiErrorToast(), L = useNoteIndividualCreateMutation(), R = useNoteDeleteMutation(), z = useDialog(NoteUpdateDialog_default), B = useNoteIndividualIndexQuery(computed(() => P.individual.uuid)), V = computed(() => B.data?.value?.data ?? []);
+		async function H(r) {
+			try {
+				await L.execute({
+					body: r,
+					params: { individualUuid: P.individual.uuid }
+				});
+			} catch (r) {
+				F.show(r);
+			}
+		}
+		async function U(r) {
+			try {
+				await R.execute({ params: { noteUuid: r } });
+			} catch (r) {
+				F.show(r);
+			}
+		}
+		function W(r) {
+			z.open({ note: r });
+		}
+		return (r, M) => (openBlock(), createBlock(CrmDetailSidebarNotesView_default, {
+			"is-loading": unref(B).isLoading.value,
+			notes: V.value,
+			"on-submit": H,
+			"has-next-page": unref(B).hasNextPage.value,
+			onNext: M[0] ||= (r) => unref(B).fetchNextPage(),
+			onDelete: U,
+			onUpdate: W
+		}, null, 8, [
+			"is-loading",
+			"notes",
+			"has-next-page"
+		]));
+	}
+});
+function useIndividualSetPrimaryContactPersonMutation() {
+	let r = useQueryClient(), M = "wiseCrmIndividualDetail", N = useMutation({
+		mutationFn: async (r) => {
+			await IndividualService.setPrimaryContactPerson(r.individualUuid, r.contactPersonUuid);
+		},
+		onError: (N, P, F) => {
+			r.setQueryData([M, { individualUuid: P.individualUuid }], F?.previousData);
+		},
+		onMutate: async (N) => {
+			await r.cancelQueries({ queryKey: [M] });
+			let P = r.getQueryData([M, { individualUuid: N.individualUuid }]);
+			return P === void 0 ? {} : (r.setQueryData([M, { individualUuid: N.individualUuid }], {
+				...P,
+				contactPersons: P.contactPersons.map((r) => r.uuid === N.contactPersonUuid ? {
+					...r,
+					isPrimary: !r.isPrimary
+				} : {
+					...r,
+					isPrimary: !1
+				})
+			}), { previousData: P });
+		},
+		onSettled: (N, P, F, I) => {
+			F !== void 0 && r.invalidateQueries({ queryKey: [M, { individualUuid: F.individualUuid }] });
+		}
+	});
+	return {
+		isLoading: computed(() => N.isPending.value),
+		data: computed(() => N.data.value),
+		execute: async (r) => {
+			await N.mutateAsync(r.params);
+		}
+	};
+}
+function useIndividualUnlinkContactPersonMutation() {
+	return ze({
+		queryFn: async ({ body: r, params: M }) => await IndividualService.unlinkContactPerson(M.individualUuid, r.contactPersonUuid),
+		queryKeysToInvalidate: {
+			individualIndex: {},
+			wiseCrmIndividualDetail: { individualUuid: (r) => r.individualUuid }
+		}
+	});
+}
+var _hoisted_1$1 = { class: "gap-md flex flex-col" }, CrmDetailSidebarAccordionCustomerInfo_default = /* @__PURE__ */ defineComponent({
+	__name: "CrmDetailSidebarAccordionCustomerInfo",
+	props: { individual: {} },
+	setup(r) {
+		let M = r, N = useI18n();
+		return (r, P) => (openBlock(), createElementBlock("div", _hoisted_1$1, [createVNode(CrmDetailSidebarCard_default, null, {
+			default: withCtx(() => [createVNode(AppIconLabelPair_default, {
+				label: unref(N).t("wise_crm.info_dialog.sidebar.overview.created_at_label", { value: M.individual.createdAt ? unref(useDateTimeFormat)().toDateTime(M.individual.createdAt) : "-" }),
+				icon: "clockPlus"
+			}, null, 8, ["label"])]),
+			_: 1
+		}), createVNode(CrmDetailSidebarMapCard_default, { address: M.individual.address }, null, 8, ["address"])]));
+	}
+});
+function useIndividualLinkContactPersonMutation() {
+	return ze({
+		queryFn: async ({ body: r, params: M }) => await IndividualService.linkContactPerson(M.individualUuid, r.contactPersonUuid, r.position, r.contactInfo),
+		queryKeysToInvalidate: {
+			individualIndex: {},
+			wiseCrmIndividualDetail: { individualUuid: (r) => r.individualUuid }
+		}
+	});
+}
+var IndividualContactPersonCreateDialog_default = /* @__PURE__ */ defineComponent({
+	__name: "IndividualContactPersonCreateDialog",
+	props: {
+		individualUuid: {},
+		isCreatingNewContactPerson: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	emits: ["close", "createNewContactPerson"],
+	setup(r, { emit: N }) {
+		let P = r, F = N, I = useI18n(), L = useApiErrorToast(), R = useIndividualLinkContactPersonMutation(), z = useContactPersonCreateMutation();
+		async function B(r) {
+			try {
+				let M = await z.execute({ body: {
+					email: r.email,
+					firstName: r.firstName,
+					lastName: r.lastName,
+					mobilePhone: r.mobilePhone,
+					phone: r.phone
+				} });
+				P.isCreatingNewContactPerson || await R.execute({
+					body: {
+						contactPersonUuid: M,
+						contactInfo: {
+							email: r.email,
+							mobilePhone: r.mobilePhone,
+							phone: r.phone
+						},
+						position: r.position
+					},
+					params: { individualUuid: P.individualUuid }
+				}), U({
+					label: `${r.firstName} ${r.lastName}`,
+					value: M
+				});
+			} catch (r) {
+				L.show(r);
+			}
+		}
+		async function H(r, M, N) {
+			if (r !== null) try {
+				await R.execute({
+					body: {
+						contactPersonUuid: r,
+						contactInfo: M,
+						position: N
+					},
+					params: { individualUuid: P.individualUuid }
+				}), U();
+			} catch (r) {
+				L.show(r);
+			}
+		}
+		function U(r) {
+			if (r === void 0) {
+				F("close");
+				return;
+			}
+			F("createNewContactPerson", r), F("close");
+		}
+		return (r, M) => (openBlock(), createBlock(AppDialog_default, {
+			title: unref(I).t("wise_crm.info_dialog.contact_person_create.title"),
+			description: unref(I).t("wise_crm.info_dialog.contact_person_create.description"),
+			onClose: U
+		}, {
+			default: withCtx(() => [createVNode(ContactPersonCreateForm_default, {
+				"on-submit": B,
+				"on-link-contact-person": H,
+				"is-creating-new-contact-person": P.isCreatingNewContactPerson,
+				onClose: U
+			}, null, 8, ["is-creating-new-contact-person"])]),
+			_: 1
+		}, 8, ["title", "description"]));
+	}
+});
+function useIndividualContactPersonUpdateMutation() {
+	return ze({
+		queryFn: async ({ body: r, params: M }) => await IndividualService.updateContactPerson(M.individualUuid, M.contactPersonUuid, r),
+		queryKeysToInvalidate: {
+			contactPersonDetail: { contactPersonUuid: (r) => r.contactPersonUuid },
+			individualIndex: {},
+			wiseCrmIndividualDetail: { individualUuid: (r) => r.individualUuid }
+		}
+	});
+}
+function useIndividualContactPersonDetailQuery(r, M) {
+	return He({
+		isEnabled: computed(() => r.value !== null && M.value !== null),
+		queryFn: () => {
+			if (r.value === null) throw Error("Individual UUID is null");
+			if (M.value === null) throw Error("Contact Person UUID is null");
+			return IndividualService.getContactPerson(r.value, M.value);
+		},
+		queryKey: { contactPersonDetail: { contactPersonUuid: M } }
+	});
+}
+var IndividualContactPersonUpdateForm_default = /* @__PURE__ */ defineComponent({
+	__name: "IndividualContactPersonUpdateForm",
+	props: {
+		individualUuid: {},
+		contactPerson: {},
+		onSubmit: { type: Function }
+	},
+	setup(r) {
+		let M = r, N = useI18n(), I = useForm({
+			initialState: {
+				email: M.contactPerson.email,
+				firstName: M.contactPerson.firstName,
+				lastName: M.contactPerson.lastName,
+				mobilePhone: M.contactPerson.mobilePhone,
+				phone: M.contactPerson.phone,
+				position: M.contactPerson.position
+			},
+			schema: contactPersonUpdateFormSchema,
+			onSubmit: async (r) => {
+				await M.onSubmit(r);
+			}
+		});
+		return (r, M) => (openBlock(), createBlock(ContactPersonCreateNewForm_default, { form: unref(I) }, {
+			actions: withCtx(() => [createVNode(AppSidebarFormFooter_default, null, {
+				default: withCtx(() => [createVNode(AppSidebarFormSubmitButton_default, {
+					"is-loading": unref(I).isSubmitting.value,
+					label: unref(N).t("wise_crm.shared.save_changes")
+				}, null, 8, ["is-loading", "label"])]),
+				_: 1
+			})]),
+			_: 1
+		}, 8, ["form"]));
+	}
+}), IndividualContactPersonUpdateDialog_default = /* @__PURE__ */ defineComponent({
+	__name: "IndividualContactPersonUpdateDialog",
+	props: {
+		contactPersonUuid: {},
+		individualUuid: {}
+	},
+	emits: ["close"],
+	setup(r, { emit: N }) {
+		let P = r, F = N, I = useI18n(), L = useApiErrorToast(), R = useIndividualContactPersonDetailQuery(computed(() => P.individualUuid), computed(() => P.contactPersonUuid)), z = useIndividualContactPersonUpdateMutation();
+		async function B(r) {
+			try {
+				await z.execute({
+					body: r,
+					params: {
+						contactPersonUuid: P.contactPersonUuid,
+						individualUuid: P.individualUuid
+					}
+				}), F("close");
+			} catch (r) {
+				L.show(r);
+			}
+		}
+		function V() {
+			F("close");
+		}
+		return (r, M) => (openBlock(), createBlock(AppDialog_default, {
+			title: unref(I).t("wise_crm.info_dialog.contact_person_update.title"),
+			description: unref(I).t("wise_crm.info_dialog.contact_person_create.description"),
+			onClose: V
+		}, {
+			default: withCtx(() => [unref(R).data.value ? (openBlock(), createBlock(IndividualContactPersonUpdateForm_default, {
+				key: 0,
+				"individual-uuid": P.individualUuid,
+				"on-submit": B,
+				"contact-person": unref(R).data.value,
+				onClose: V
+			}, null, 8, ["individual-uuid", "contact-person"])) : createCommentVNode("", !0)]),
+			_: 1
+		}, 8, ["title", "description"]));
+	}
+}), _hoisted_1 = { class: "gap-sm flex" }, _hoisted_2 = { class: "font-regular flex flex-col items-start" }, _hoisted_3 = { class: "font-semibold" }, _hoisted_4 = { class: "font-regular text-brand-500 text-xs" }, IndividualDetailSidebarOverviewContent_default = /* @__PURE__ */ defineComponent({
+	__name: "IndividualDetailSidebarOverviewContent",
+	props: { individual: {} },
+	setup(r) {
+		let N = r, P = useI18n(), F = useApiErrorToast(), I = useCrm(), z = useDialog(IndividualContactPersonCreateDialog_default), V = useDialog(IndividualContactPersonUpdateDialog_default), U = useDialog(AppConfirmDialog_default), G = useIndividualSetPrimaryContactPersonMutation(), K = useIndividualUnlinkContactPersonMutation(), q = computed(() => N.individual.contactPersons.length > 0), J = computed(() => N.individual.billingInformationDetail !== null), Y = computed(() => I.getEntityConfig(EntityType.BUSINESS)?.name.toLowerCase() ?? "");
+		function X() {
+			z.open({ individualUuid: N.individual.uuid });
+		}
+		function Z(r) {
+			V.open({
+				contactPersonUuid: r,
+				individualUuid: N.individual.uuid
+			});
+		}
+		function Q(r) {
+			U.open({
+				title: P.t("wise_crm.info_dialog.sidebar.overview.delete_contact_person_title"),
+				isDestructive: !0,
+				isLoading: K.isLoading.value,
+				confirmText: P.t("shared.delete"),
+				description: P.t("wise_crm.info_dialog.sidebar.overview.delete_contact_person_description"),
+				onConfirm: async () => {
+					try {
+						await K.execute({
+							body: { contactPersonUuid: r },
+							params: { individualUuid: N.individual.uuid }
+						});
+					} catch (r) {
+						F.show(r);
+					} finally {
+						U.close();
+					}
+				}
+			});
+		}
+		function $(r) {
+			G.execute({ params: {
+				contactPersonUuid: r,
+				individualUuid: N.individual.uuid
+			} });
+		}
+		return (M, F) => (openBlock(), createBlock(CrmDetailAccordionRoot_default, { "default-values": [
+			"customer",
+			"invoice",
+			"contact-persons",
+			"linked-businesses"
+		] }, {
+			default: withCtx(() => [
+				createVNode(CrmDetailSidebarAccordionItem_default, {
+					label: unref(P).t("wise_crm.info_dialog.sidebar.overview.customer_info_label"),
+					value: "customer",
+					icon: "infoCircle"
+				}, {
+					default: withCtx(() => [createVNode(CrmDetailSidebarAccordionCustomerInfo_default, { individual: r.individual }, null, 8, ["individual"])]),
+					_: 1
+				}, 8, ["label"]),
+				createVNode(CrmDetailSidebarAccordionItem_default, {
+					label: unref(P).t("wise_crm.info_dialog.sidebar.overview.invoice_label"),
+					"is-empty": !J.value,
+					value: "invoice",
+					icon: "wallet"
+				}, {
+					default: withCtx(() => [N.individual.billingInformationDetail ? (openBlock(), createBlock(CrmDetailSidebarAccordionBillingInformation_default, {
+						key: 0,
+						"invoice-address": N.individual.billingInformationDetail.location?.address ?? null,
+						"invoice-email": N.individual.billingInformationDetail.invoiceEmail
+					}, null, 8, ["invoice-address", "invoice-email"])) : createCommentVNode("", !0)]),
+					_: 1
+				}, 8, ["label", "is-empty"]),
+				createVNode(CrmDetailSidebarAccordionItem_default, {
+					"is-empty": !q.value,
+					label: unref(P).t("wise_crm.info_dialog.sidebar.overview.contact_persons_label"),
+					value: "contact-persons",
+					icon: "userCircle",
+					onAdd: X
+				}, {
+					actions: withCtx(() => [q.value ? createCommentVNode("", !0) : (openBlock(), createBlock(CrmDetailSidebarAccordionHeaderIconButton_default, {
+						key: 0,
+						label: unref(P).t("wise_crm.info_dialog.sidebar.overview.contact_persons_label"),
+						class: "z-1",
+						icon: "plus",
+						onClick: X
+					}, null, 8, ["label"]))]),
+					default: withCtx(() => [(openBlock(!0), createElementBlock(Fragment, null, renderList(N.individual.contactPersons, (r) => (openBlock(), createBlock(unref(Motion), {
+						key: r.uuid,
+						"layout-id": r.uuid
+					}, {
+						default: withCtx(() => [createVNode(CrmDetailSidebarAccordionContactPersonInfo_default, {
+							"contact-person": r,
+							"on-toggle-is-primary": () => $(r.uuid),
+							onUpdate: (M) => Z(r.uuid),
+							onDelete: (M) => Q(r.uuid)
+						}, null, 8, [
+							"contact-person",
+							"on-toggle-is-primary",
+							"onUpdate",
+							"onDelete"
+						])]),
+						_: 2
+					}, 1032, ["layout-id"]))), 128)), q.value ? (openBlock(), createBlock(unref(VcButton), {
+						key: 0,
+						size: "sm",
+						variant: "tertiary",
+						"icon-left": "plus",
+						onClick: X
+					}, {
+						default: withCtx(() => [createTextVNode(toDisplayString(unref(P).t("wise_crm.shared.add")), 1)]),
+						_: 1
+					})) : createCommentVNode("", !0)]),
+					_: 1
+				}, 8, ["is-empty", "label"]),
+				N.individual.linkedBusinesses.length > 0 ? (openBlock(), createBlock(CrmDetailSidebarAccordionItem_default, {
+					key: 0,
+					"is-edit-button-hidden": !0,
+					label: unref(P).t("wise_crm.info_dialog.sidebar.overview.linked_business_label", { label: Y.value }),
+					value: "linked-businesses",
+					icon: "building"
+				}, {
+					default: withCtx(() => [(openBlock(!0), createElementBlock(Fragment, null, renderList(N.individual.linkedBusinesses, (r) => (openBlock(), createBlock(CrmDetailSidebarCard_default, {
+						key: r.uuid,
+						class: "gap-lg flex flex-col"
+					}, {
+						default: withCtx(() => [
+							createElementVNode("div", _hoisted_1, [createElementVNode("div", _hoisted_2, [createVNode(unref(VcRouterLinkButton), {
+								to: {
+									name: "business-detail",
+									params: { businessUuid: r.uuid }
+								},
+								"class-config": { root: "p-0 bg-transparent! h-min hover:underline" },
+								variant: "tertiary"
+							}, {
+								default: withCtx(() => [createElementVNode("span", _hoisted_3, toDisplayString(r.name), 1)]),
+								_: 2
+							}, 1032, ["to"]), createElementVNode("p", _hoisted_4, toDisplayString(r.position), 1)])]),
+							createVNode(AppIconLabelPair_default, {
+								label: r.email ?? "-",
+								icon: "mail"
+							}, null, 8, ["label"]),
+							createVNode(AppIconLabelPair_default, {
+								label: r.mobilePhone ?? r.phone ?? "-",
+								icon: "phone"
+							}, null, 8, ["label"])
+						]),
+						_: 2
+					}, 1024))), 128))]),
+					_: 1
+				}, 8, ["label"])) : createCommentVNode("", !0)
+			]),
+			_: 1
+		}));
+	}
+}), InfoTab = /* @__PURE__ */ function(r) {
+	return r.ACTIVITY = "activity", r.NOTES = "notes", r.OVERVIEW = "overview", r;
+}(InfoTab || {}), IndividualDetailSidebar_default = /* @__PURE__ */ defineComponent({
+	__name: "IndividualDetailSidebar",
+	props: { individual: {} },
+	setup(r) {
+		let N = r, P = useI18n(), F = useToast(), I = useCrm(), R = useApiErrorToast(), z = useIndividualGrantMutation(), B = ref(InfoTab.OVERVIEW), V = computed(() => [
+			{
+				icon: "infoCircle",
+				label: P.t("wise_crm.shared.overview"),
+				value: InfoTab.OVERVIEW
+			},
+			{
+				icon: "activity",
+				label: P.t("wise_crm.shared.activity"),
+				value: InfoTab.ACTIVITY
+			},
+			{
+				icon: "book",
+				label: P.t("wise_crm.shared.notes"),
+				value: InfoTab.NOTES
+			}
+		]), H = computed(() => I.getEntityConfig(EntityType.INDIVIDUAL));
+		async function W() {
+			if (N.individual.email !== null) try {
+				await z.execute({
+					body: {
+						email: N.individual.email,
+						firstName: N.individual.firstName,
+						lastName: N.individual.lastName
+					},
+					params: { individualUuid: N.individual.uuid }
+				}), F.success({
+					title: P.t("toast.success.general_title"),
+					description: P.t("wise_crm.info_dialog.sidebar.grant_customer_zone_access_success")
+				});
+			} catch (r) {
+				R.show(r);
+			}
+		}
+		return (M, F) => (openBlock(), createBlock(AppColorProvider_default, {
+			color: unref(I).getEntityConfig(unref(EntityType).INDIVIDUAL)?.color ?? null,
+			class: "flex h-full flex-col"
+		}, {
+			default: withCtx(() => [createVNode(CrmDetailHeaderCard_default, {
+				"entity-type": unref(EntityType).INDIVIDUAL,
+				name: `${N.individual.firstName} ${N.individual.lastName}`,
+				address: N.individual.address,
+				email: N.individual.email,
+				"mobile-phone": N.individual.mobilePhone,
+				"entity-name": H.value?.name ?? null,
+				phone: N.individual.phone
+			}, {
+				actions: withCtx(() => [createVNode(unref(VcIconButton), {
+					disabled: N.individual.email === null || unref(z).isLoading.value,
+					"is-loading": unref(z).isLoading.value,
+					label: unref(P).t("wise_crm.info_dialog.sidebar.grant_customer_zone_access"),
+					"class-config": {
+						root: "bg-gray-50/50 dark:bg-brand-950 border-none shadow-none w-auto h-auto p-xs data-[loading=false]:not-disabled:hover:bg-gray-50/30 rounded-full size-8 duration-300",
+						icon: "text-brand-700 size-4 dark:text-brand-200"
+					},
+					size: "sm",
+					icon: "user",
+					variant: "secondary",
+					onClick: W
+				}, null, 8, [
+					"disabled",
+					"is-loading",
+					"label"
+				])]),
+				_: 1
+			}, 8, [
+				"entity-type",
+				"name",
+				"address",
+				"email",
+				"mobile-phone",
+				"entity-name",
+				"phone"
+			]), createVNode(CrmDetailSidebarTabs_default, {
+				modelValue: B.value,
+				"onUpdate:modelValue": F[0] ||= (r) => B.value = r,
+				tabs: V.value
+			}, {
+				default: withCtx(() => [B.value === InfoTab.OVERVIEW ? (openBlock(), createBlock(IndividualDetailSidebarOverviewContent_default, {
+					key: 0,
+					individual: r.individual
+				}, null, 8, ["individual"])) : B.value === InfoTab.ACTIVITY ? (openBlock(), createBlock(IndividualDetailSidebarActivityContent_default, {
+					key: 1,
+					individual: r.individual
+				}, null, 8, ["individual"])) : createCommentVNode("", !0), B.value === InfoTab.NOTES ? (openBlock(), createBlock(IndividualDetailSidebarNotesContent_default, {
+					key: 2,
+					individual: N.individual
+				}, null, 8, ["individual"])) : createCommentVNode("", !0)]),
+				_: 1
+			}, 8, ["modelValue", "tabs"])]),
+			_: 1
+		}, 8, ["color"]));
+	}
+}), IndividualDetailSidebarProvider_default = /* @__PURE__ */ defineComponent({
+	__name: "IndividualDetailSidebarProvider",
+	props: { individualUuid: {} },
+	setup(r) {
+		let M = r, N = useI18n(), P = useIndividualDetailQuery(computed(() => M.individualUuid)), F = computed(() => P.data.value ?? null);
+		return (r, M) => (openBlock(), createBlock(CrmDetailContainer_default, null, {
+			default: withCtx(() => [unref(P).isError.value ? (openBlock(), createBlock(Error_default, {
+				key: 0,
+				message: unref(N).t("error.business_details.description"),
+				title: unref(N).t("error.business_details.title")
+			}, null, 8, ["message", "title"])) : unref(P).isLoading.value ? (openBlock(), createBlock(AppSkeletonLoader_default, {
+				key: 1,
+				class: "h-full"
+			})) : F.value ? (openBlock(), createBlock(IndividualDetailSidebar_default, {
+				key: 2,
+				individual: F.value
+			}, null, 8, ["individual"])) : createCommentVNode("", !0)]),
+			_: 1
+		}));
+	}
+});
+export { useIndividualDetailQuery as n, IndividualDetailSidebarProvider_default as t };

package/dist/{IndividualDetailView-B7dX3hZ8.js → IndividualDetailView-DfYS31-e.js}

@@ -1,9 +1,9 @@
-import "./Error-BPxDpKcI.js";
-import "./CrmDetailHeaderCard-e5332OkQ.js";
+import "./Error-BArv9rNb.js";
+import "./CrmDetailHeaderCard-CCNJpMAK.js";
 import "./AppSkeletonLoader-BAhoOmFD.js";
-import { gt as EntityType } from "./client-BP13IBbl.js";
-import { t as IndividualDetailSidebarProvider_default } from "./IndividualDetailSidebarProvider-CvZQdjzp.js";
-import { t as CrmDetailView_default } from "./CrmDetailView-C-lsAhtD.js";
+import { ht as EntityType } from "./client-pCaNxE3C.js";
+import { t as IndividualDetailSidebarProvider_default } from "./IndividualDetailSidebarProvider-BXZH951l.js";
+import { t as CrmDetailView_default } from "./CrmDetailView-ozCpuaX2.js";
 import { createBlock, createVNode, defineComponent, openBlock, unref, withCtx } from "vue";
 import { useRouteParams } from "@vueuse/router";
 var IndividualDetailView_default = /* @__PURE__ */ defineComponent({

package/dist/LinkBrokenIcon-CTlqmapl.js

@@ -0,0 +1,17 @@
+import { t as __plugin_vue_export_helper_default } from "./_plugin-vue_export-helper-BSi1g3Lh.js";
+import { createElementBlock, createElementVNode, openBlock } from "vue";
+var _sfc_main = {}, _hoisted_1 = {
+	viewBox: "0 0 22 22",
+	fill: "none"
+};
+function _sfc_render(e, s) {
+	return openBlock(), createElementBlock("svg", _hoisted_1, [...s[0] ||= [createElementVNode("path", {
+		d: "M7.5 14.5L14.5 7.49998M8 3V1M14 19V21M3 8H1M19 14H21M3.91421 3.91421L2.5 2.5M18.0858 18.0857L19.5 19.4999M11 16.6568L8.87871 18.7781C7.31662 20.3402 4.78396 20.3402 3.22186 18.7781C1.65976 17.216 1.65976 14.6833 3.22186 13.1212L5.34318 10.9999M16.6569 10.9999L18.7782 8.87859C20.3403 7.31649 20.3403 4.78383 18.7782 3.22174C17.2161 1.65964 14.6835 1.65964 13.1214 3.22174L11 5.34306",
+		stroke: "currentColor",
+		"stroke-width": "2",
+		"stroke-linecap": "round",
+		"stroke-linejoin": "round"
+	}, null, -1)]]);
+}
+var LinkBrokenIcon_default = /* @__PURE__ */ __plugin_vue_export_helper_default(_sfc_main, [["render", _sfc_render]]);
+export { LinkBrokenIcon_default as default };

package/dist/api/mutations/deal/dealCreate.mutation.d.ts

@@ -5,6 +5,6 @@ export declare function useDealCreateMutation(): import("@wisemen/vue-core-query
         type: import("../../../client").ClientType;
     };
     name: string;
-    dealLanguage: import("../../../client").ContentLocale;
+    dealLanguage: import("../../../client").SdkContentLocale;
     dealSource: import("../../../client").DealSource;
 }, string & import("zod").$brand<"DealUuid">, void>;

package/dist/api/mutations/deal/dealUpdate.mutation.d.ts

@@ -1,11 +1,11 @@
-import type { ContentLocale, DealSource } from '@/client';
+import type { DealSource, SdkContentLocale } from '@/client';
 import type { DealUuid } from '@/models/deal/dealUuid.model.ts';
 interface DealUpdateParams {
     dealUuid: DealUuid;
 }
 export declare function useDealUpdateMutation(): import("@wisemen/vue-core-query").UseMutationReturnType<{
     name: string | null;
-    dealLanguage: ContentLocale | null;
+    dealLanguage: SdkContentLocale | null;
     dealOwner: {
         uuid: string;
         name: string;
@@ -13,7 +13,7 @@ export declare function useDealUpdateMutation(): import("@wisemen/vue-core-query
     dealSource: DealSource | null;
 }, void, DealUpdateParams>;
 export declare function useDealUpdateLanguageMutation(): import("@wisemen/vue-core-query").UseMutationReturnType<{
-    dealLanguage: ContentLocale;
+    dealLanguage: SdkContentLocale;
 }, void, DealUpdateParams>;
 export declare function useDealUpdateSourceMutation(): import("@wisemen/vue-core-query").UseMutationReturnType<{
     dealSource: DealSource;

package/dist/api/mutations/mail-template/mailTemplateUpdate.mutation.d.ts

@@ -14,7 +14,7 @@ export declare function useMailTemplateUpdateMutation(): import("@wisemen/vue-co
             order: number;
             url: string | null;
         }[];
-        language: import("../../../client").ContentLocale;
+        language: import("../../../client").SdkContentLocale;
         message: string;
         replyTo: string | null;
         subject: string;