@wisemen/wise-crm-web 2.0.0-alpha.4 → 2.0.0-alpha.7

package/dist/{DealDetailView-Dt3K3j8o.js → DealDetailView-c2ET5nUK.js}

@@ -1,21 +1,21 @@
-import { defineComponent as x, ref as T, useTemplateRef as we, openBlock as d, createElementBlock as M, createBlock as g, unref as e, withCtx as c, createVNode as l, mergeProps as q, createElementVNode as S, toDisplayString as Q, nextTick as Pe, computed as w, createCommentVNode as I, renderSlot as ie, Fragment as H, createTextVNode as X, renderList as xe, useModel as De, mergeModels as Ie } from "vue";
-import { useRouteParams as Ne } from "@vueuse/router";
-import { useI18n as D } from "vue-i18n";
-import { aV as se, a$ as Se, b1 as $e, b4 as ke } from "./uuid.util-B9bkU4IX.js";
-import { _ as Fe } from "./CrmDetailView.vue_vue_type_script_setup_true_lang-BoCwerkk.js";
-import { d as $, e as L, f as Y, E as re, g as ue, h as Te, i as Me, L as Ve, j as Le, k as B, a as qe, P as Ee, l as Ae, m as Oe, n as Be, U as Qe, o as ee, p as Z, q as Ke, r as ce, s as de, I as je, t as me, v as ze, w as A, x as pe, y as Re, z as Ge, B as He, F as Ye, u as Ze, G as Je, H as We, J as Xe, K as ea, N as ae, O as fe, Q as aa, R as te, S as ta, T as na, V as la, W as oa, X as ia, Y as _e, Z as sa, $ as ra, a0 as ua, a1 as ca, a2 as da, a3 as ma, a4 as pa, a5 as fa, a6 as _a, a7 as ga, a8 as ya, a9 as ba, A as ha } from "./index-uh3Ew2Yy.js";
-import { UITextField as K, toFormField as E, UIIconButton as ge, UIDropdownMenu as va, UIDropdownMenuGroup as Ua, UIDropdownMenuItem as ne, UIDialog as Ca, UIPhoneNumberField as le, UIFormDialog as wa, UIDialogHeader as Pa, UIDialogBody as xa, UIFormLayout as Da, UIFormFieldGroup as Ia, UIFormFieldGrid as oe, UIDialogFooter as Na, UIDialogFooterSubmit as Sa, createAutocompleteOptions as $a, createSelectOptions as R, UIAutocomplete as ka, UISelect as G, useOverlay as J, UIButton as Fa, UIBadge as ye } from "@wisemen/vue-core-design-system";
-import { useForm as j } from "formango";
-import z, { z as N } from "zod";
-import { useMutation as k, useQuery as be, useOffsetInfiniteQuery as Ta, useKeysetInfiniteQuery as Ma } from "@wisemen/vue-core-api-utils";
-import { Motion as Va } from "motion-v";
-import { useQueryClient as La, useMutation as qa } from "@tanstack/vue-query";
-function Ea() {
-  return k({
+import { defineComponent as D, ref as T, useTemplateRef as De, openBlock as m, createElementBlock as M, createBlock as g, unref as e, withCtx as s, createVNode as l, mergeProps as q, createElementVNode as k, toDisplayString as j, nextTick as Ie, computed as P, createCommentVNode as N, Fragment as Z, createTextVNode as ee, renderList as xe, useModel as Ne, mergeModels as Se } from "vue";
+import { useRouteParams as ke } from "@vueuse/router";
+import { useI18n as x } from "vue-i18n";
+import { aX as ie, b1 as Fe, b3 as $e, b6 as Te } from "./uuid.util-CaePLXHv.js";
+import { _ as Me } from "./CrmDetailView.vue_vue_type_script_setup_true_lang-C_-6l66y.js";
+import { d as F, e as L, f as Ve, E as re, g as se, h as Le, i as qe, L as Ee, j as Oe, k as K, a as Be, P as Qe, l as Ae, m as ae, n as Ke, I as je, o as ue, p as ze, q as O, r as ce, s as Re, t as Ge, U as He, v as Ye, u as Ze, w as Xe, x as Je, y as We, z as ea, B as aa, F as te, G as de, H as ta, J as ne, K as na, N as la, O as oa, Q as ia, R as ra, S as me, T as sa, V as ua, W as ca, X as da, Y as ma, Z as pa, $ as fa, a0 as _a, a1 as ga, a2 as ya, a3 as ba, A as ha } from "./index-CtsgrPp8.js";
+import { UITextField as z, toFormField as E, UIIconButton as pe, UIDropdownMenu as va, UIDropdownMenuGroup as Ua, UIDropdownMenuItem as le, UIPhoneNumberField as oe, UIFormLayout as X, UIFormFieldGroup as B, UIFormFieldGrid as Q, UIFormDialog as fe, UIDialogHeader as _e, UIDialogBody as ge, UIDialogFooter as ye, UIDialogFooterSubmit as be, createAutocompleteOptions as Ca, createSelectOptions as H, UIAutocomplete as Pa, UISelect as Y, useOverlay as J, UIButton as wa, UIBadge as he } from "@wisemen/vue-core-design-system";
+import { useForm as R } from "formango";
+import G, { z as S } from "zod";
+import { useMutation as $, useQuery as ve, useOffsetInfiniteQuery as Da, useKeysetInfiniteQuery as Ia } from "@wisemen/vue-core-api-utils";
+import { Motion as xa } from "motion-v";
+import { useQueryClient as Na, useMutation as Sa } from "@tanstack/vue-query";
+function ka() {
+  return $({
     queryFn: async ({
       body: t,
       params: a
-    }) => await $.update(a.dealUuid, {
+    }) => await F.update(a.dealUuid, {
       dealLanguage: t.dealLanguage
     }),
     queryKeysToInvalidate: {
@@ -26,12 +26,12 @@ function Ea() {
     }
   });
 }
-function Aa() {
-  return k({
+function Fa() {
+  return $({
     queryFn: async ({
       body: t,
       params: a
-    }) => await $.update(a.dealUuid, {
+    }) => await F.update(a.dealUuid, {
       dealSource: t.dealSource
     }),
     queryKeysToInvalidate: {
@@ -42,12 +42,12 @@ function Aa() {
     }
   });
 }
-function Oa() {
-  return k({
+function $a() {
+  return $({
     queryFn: async ({
       body: t,
       params: a
-    }) => await $.update(a.dealUuid, {
+    }) => await F.update(a.dealUuid, {
       dealOwner: t.dealOwner
     }),
     queryKeysToInvalidate: {
@@ -58,12 +58,12 @@ function Oa() {
     }
   });
 }
-function Ba() {
-  return k({
+function Ta() {
+  return $({
     queryFn: async ({
       body: t,
       params: a
-    }) => await $.update(a.dealUuid, {
+    }) => await F.update(a.dealUuid, {
       name: t.name
     }),
     queryKeysToInvalidate: {
@@ -74,18 +74,18 @@ function Ba() {
     }
   });
 }
-const Qa = {
+const Ma = {
   key: 1,
   class: "flex justify-between"
-}, Ka = { class: "text-xl font-bold text-primary" }, ja = /* @__PURE__ */ x({
+}, Va = { class: "text-xl font-bold text-primary" }, La = /* @__PURE__ */ D({
   __name: "DealDetailSidebarNameField",
   props: {
     deal: {}
   },
   setup(t) {
-    const a = t, n = D(), i = L(), o = T(!1), r = we("nameFieldContainerRef"), p = Ba(), f = j({
-      schema: z.object({
-        name: z.string().min(1)
+    const a = t, n = x(), i = L(), o = T(!1), u = De("nameFieldContainerRef"), p = Ta(), f = R({
+      schema: G.object({
+        name: G.string().min(1)
       }),
       onSubmit: async (_) => {
         try {
@@ -103,12 +103,12 @@ const Qa = {
           o.value = !1;
         }
       }
-    }), m = f.register("name", a.deal.name);
-    async function u() {
-      o.value = !0, await Pe(), h();
+    }), d = f.register("name", a.deal.name);
+    async function c() {
+      o.value = !0, await Ie(), h();
     }
     function h() {
-      r.value?.querySelector(
+      u.value?.querySelector(
         "input"
       )?.focus();
     }
@@ -119,48 +119,48 @@ const Qa = {
       }
       f.submit();
     }
-    return (_, y) => (d(), M("div", {
+    return (_, y) => (m(), M("div", {
       ref_key: "nameFieldContainerRef",
-      ref: r
+      ref: u
     }, [
-      o.value ? (d(), g(Y, {
+      o.value ? (m(), g(Ve, {
         key: 0,
         form: e(f)
       }, {
-        default: c(() => [
-          l(e(K), q(e(E)(e(m)), {
+        default: s(() => [
+          l(e(z), q(e(E)(e(d)), {
             "is-loading": e(f).isSubmitting.value,
             label: e(n).t("wise_crm.deal.detail.sidebar.name_field.label"),
             class: "[&_input]:text-xl [&_input]:font-bold",
             onBlur: v
           }), null, 16, ["is-loading", "label"]),
-          y[0] || (y[0] = S("button", {
+          y[0] || (y[0] = k("button", {
             type: "submit",
             class: "sr-only"
           }, null, -1))
         ]),
         _: 1
-      }, 8, ["form"])) : (d(), M("div", Qa, [
-        S("h2", Ka, Q(a.deal.name), 1),
-        l(e(ge), {
+      }, 8, ["form"])) : (m(), M("div", Ma, [
+        k("h2", Va, j(a.deal.name), 1),
+        l(e(pe), {
           label: e(n).t("wise_crm.deal.detail.sidebar.name_field.edit_label"),
           icon: e(re),
           variant: "tertiary",
           class: "shrink-0",
-          onClick: u
+          onClick: c
         }, null, 8, ["label", "icon"])
       ]))
     ], 512));
   }
 });
-function za() {
-  const t = La(), a = "dealDetail", n = qa({
+function qa() {
+  const t = Na(), a = "dealDetail", n = Sa({
     mutationFn: async (i) => {
-      const o = await $.setPrimaryContactPerson(i.dealUuid, i.contactPersonUuid);
+      const o = await F.setPrimaryContactPerson(i.dealUuid, i.contactPersonUuid);
       if (o.isErr())
         throw o.error;
     },
-    onError: (i, o, r) => {
+    onError: (i, o, u) => {
       t.setQueryData(
         [
           a,
@@ -168,7 +168,7 @@ function za() {
             dealUuid: o.dealUuid
           }
         ],
-        r?.previousData
+        u?.previousData
       );
     },
     onMutate: async (i) => {
@@ -195,9 +195,9 @@ function za() {
             dealUuid: i.dealUuid
           }
         ],
-        o.map((r) => ({
-          ...r,
-          contactPersons: r.contactPersons.map((p) => ({
+        o.map((u) => ({
+          ...u,
+          contactPersons: u.contactPersons.map((p) => ({
             ...p,
             isPrimary: p.uuid === i.contactPersonUuid
           }))
@@ -206,29 +206,29 @@ function za() {
         previousData: o
       });
     },
-    onSettled: (i, o, r) => {
-      r !== void 0 && t.invalidateQueries({
+    onSettled: (i, o, u) => {
+      u !== void 0 && t.invalidateQueries({
         queryKey: [
           a,
           {
-            dealUuid: r.dealUuid
+            dealUuid: u.dealUuid
           }
         ]
       });
     }
   });
   return {
-    isLoading: w(() => n.isPending.value),
-    data: w(() => n.data.value),
+    isLoading: P(() => n.isPending.value),
+    data: P(() => n.data.value),
     execute: async (i) => await n.mutateAsync(i.params)
   };
 }
-function Ra() {
-  return k({
+function Ea() {
+  return $({
     queryFn: async ({
       body: t,
       params: a
-    }) => await $.unlinkContactPerson(a.dealUuid, t.contactPersonUuid),
+    }) => await F.unlinkContactPerson(a.dealUuid, t.contactPersonUuid),
     queryKeysToInvalidate: {
       dealDetail: {
         dealUuid: (t) => t.dealUuid
@@ -237,10 +237,10 @@ function Ra() {
     }
   });
 }
-const Ga = { class: "flex items-start justify-between" }, Ha = { class: "flex flex-col items-start" }, Ya = {
+const Oa = { class: "flex items-start justify-between" }, Ba = { class: "flex flex-col items-start" }, Qa = {
   key: 1,
-  class: "text-brand-700"
-}, Za = { class: "-mt-2 -mr-2 flex items-center justify-end" }, Ja = { class: "grid gap-lg" }, Wa = /* @__PURE__ */ x({
+  class: "mt-sm text-brand-700"
+}, Aa = { class: "-mt-2 -mr-2 flex items-center justify-end" }, Ka = { class: "grid gap-lg" }, ja = /* @__PURE__ */ D({
   __name: "CrmDetailSidebarAccordionGenericContactPersonInfo",
   props: {
     contactPerson: {},
@@ -249,67 +249,67 @@ const Ga = { class: "flex items-start justify-between" }, Ha = { class: "flex fl
   },
   emits: ["delete", "update"],
   setup(t, { emit: a }) {
-    const n = t, i = a, o = D(), r = n.contactPerson.uuid ?? n.contactPerson.contactPersonUuid, p = {
+    const n = t, i = a, o = x(), u = n.contactPerson.uuid ?? n.contactPerson.contactPersonUuid, p = {
       left: {
         icon: re,
         type: "icon"
       }
     }, f = {
       left: {
-        icon: Ve,
+        icon: Ee,
         type: "icon"
       }
     };
-    function m() {
+    function d() {
       i("update");
     }
-    function u() {
+    function c() {
       i("delete");
     }
     function h() {
       n.onToggleIsPrimary();
     }
-    return (v, _) => (d(), g(ue, { class: "flex flex-col gap-lg" }, {
-      default: c(() => [
-        S("div", Ga, [
-          S("div", Ha, [
-            e(r) ? (d(), g(Te, {
+    return (v, _) => (m(), g(se, { class: "flex flex-col gap-lg" }, {
+      default: s(() => [
+        k("div", Oa, [
+          k("div", Ba, [
+            e(u) ? (m(), g(Le, {
               key: 0,
               label: `${n.contactPerson.firstName} ${n.contactPerson.lastName}`,
-              "entity-type": e(se).INDIVIDUAL,
-              uuid: e(r),
+              "entity-type": e(ie).INDIVIDUAL,
+              uuid: e(u),
               class: "-m-xs"
-            }, null, 8, ["label", "entity-type", "uuid"])) : I("", !0),
-            n.description ? (d(), M("p", Ya, Q(n.description), 1)) : I("", !0)
+            }, null, 8, ["label", "entity-type", "uuid"])) : N("", !0),
+            n.description ? (m(), M("p", Qa, j(n.description), 1)) : N("", !0)
           ]),
-          S("div", Za, [
-            l(Me, {
+          k("div", Aa, [
+            l(qe, {
               "is-active": n.contactPerson.isPrimary,
               onClick: h
             }, null, 8, ["is-active"]),
             l(e(va), { "popover-align": "end" }, {
-              trigger: c(() => [
-                l(e(ge), {
-                  icon: e(Le),
+              trigger: s(() => [
+                l(e(pe), {
+                  icon: e(Oe),
                   variant: "tertiary",
                   size: "sm",
                   label: "actionMenu"
                 }, null, 8, ["icon"])
               ]),
-              content: c(() => [
+              content: s(() => [
                 l(e(Ua), null, {
-                  default: c(() => [
-                    l(e(ne), {
+                  default: s(() => [
+                    l(e(le), {
                       config: p,
                       label: e(o).t("wise_crm.info_dialog.sidebar.overview.update_contact_person"),
-                      onSelect: m
+                      onSelect: d
                     }, null, 8, ["label"]),
-                    l(e(ne), {
+                    l(e(le), {
                       "is-destructive": !0,
                       "is-disabled": n.contactPerson.isPrimary,
                       config: f,
                       label: e(o).t("wise_crm.info_dialog.sidebar.overview.delete_contact_person"),
-                      onSelect: u
+                      onSelect: c
                     }, null, 8, ["is-disabled", "label"])
                   ]),
                   _: 1
@@ -319,34 +319,34 @@ const Ga = { class: "flex items-start justify-between" }, Ha = { class: "flex fl
             })
           ])
         ]),
-        S("div", Ja, [
-          n.contactPerson.email !== null ? (d(), g(B, {
+        k("div", Ka, [
+          n.contactPerson.email !== null ? (m(), g(K, {
             key: 0,
             label: n.contactPerson.email,
-            icon: e(qe)
-          }, null, 8, ["label", "icon"])) : I("", !0),
-          n.contactPerson.mobilePhone !== null ? (d(), g(B, {
+            icon: e(Be)
+          }, null, 8, ["label", "icon"])) : N("", !0),
+          n.contactPerson.mobilePhone !== null ? (m(), g(K, {
             key: 1,
             label: n.contactPerson.mobilePhone,
-            icon: e(Ee)
-          }, null, 8, ["label", "icon"])) : I("", !0),
-          n.contactPerson.phone !== null ? (d(), g(B, {
+            icon: e(Qe)
+          }, null, 8, ["label", "icon"])) : N("", !0),
+          n.contactPerson.phone !== null ? (m(), g(K, {
             key: 2,
             label: n.contactPerson.phone,
             icon: e(Ae)
-          }, null, 8, ["label", "icon"])) : I("", !0)
+          }, null, 8, ["label", "icon"])) : N("", !0)
         ])
       ]),
       _: 1
     }));
   }
 });
-function Xa() {
-  return k({
+function za() {
+  return $({
     queryFn: async ({
       body: t,
       params: a
-    }) => await $.linkContactPerson(
+    }) => await F.linkContactPerson(
       a.dealUuid,
       t.contactPersonUuid,
       t.contactInfo
@@ -359,39 +359,7 @@ function Xa() {
     }
   });
 }
-const et = /* @__PURE__ */ x({
-  __name: "AppDialog",
-  props: {
-    title: {},
-    description: {}
-  },
-  emits: ["close"],
-  setup(t, { emit: a }) {
-    const n = t, i = a;
-    function o() {
-      i("close");
-    }
-    return (r, p) => (d(), g(e(Ca), {
-      size: "xl",
-      onClose: o
-    }, {
-      default: c(() => [
-        l(Oe, { class: "flex flex-1 flex-col gap-xl" }, {
-          default: c(() => [
-            l(Be, {
-              title: n.title,
-              description: n.description,
-              icon: e(Qe)
-            }, null, 8, ["title", "description", "icon"]),
-            ie(r.$slots, "default")
-          ]),
-          _: 3
-        })
-      ]),
-      _: 3
-    }));
-  }
-}), W = /* @__PURE__ */ x({
+const W = /* @__PURE__ */ D({
   __name: "ContactPersonFormContactField",
   props: {
     email: {},
@@ -399,163 +367,181 @@ const et = /* @__PURE__ */ x({
     phone: {}
   },
   setup(t) {
-    const a = t, n = D();
-    return (i, o) => (d(), M(H, null, [
-      l(e(K), q(e(E)(a.email), {
+    const a = t, n = x();
+    return (i, o) => (m(), M(Z, null, [
+      l(e(z), q(e(E)(a.email), {
         label: e(n).t("wise_crm.contact.create_dialog.form.fields.email"),
         placeholder: e(n).t("wise_crm.contact.create_dialog.form.fields.email"),
         class: "col-span-2"
       }), null, 16, ["label", "placeholder"]),
-      l(ee, { class: "col-span-2" }, {
-        default: c(() => [
-          X(Q(e(n).t("wise_crm.contact.create_dialog.form.seperator_label")), 1)
+      l(ae, { class: "col-span-2" }, {
+        default: s(() => [
+          ee(j(e(n).t("wise_crm.contact.create_dialog.form.seperator_label")), 1)
         ]),
         _: 1
       }),
-      l(e(le), q(e(E)(a.mobilePhone), {
+      l(e(oe), q(e(E)(a.mobilePhone), {
         label: e(n).t("wise_crm.contact.create_dialog.form.fields.mobile_phone"),
         placeholder: e(n).t("wise_crm.contact.create_dialog.form.fields.mobile_phone"),
         class: "col-span-2"
       }), null, 16, ["label", "placeholder"]),
-      l(ee, { class: "col-span-2" }, {
-        default: c(() => [
-          X(Q(e(n).t("wise_crm.contact.create_dialog.form.seperator_label")), 1)
+      l(ae, { class: "col-span-2" }, {
+        default: s(() => [
+          ee(j(e(n).t("wise_crm.contact.create_dialog.form.seperator_label")), 1)
         ]),
         _: 1
       }),
-      l(e(le), q(e(E)(a.phone), {
+      l(e(oe), q(e(E)(a.phone), {
         label: e(n).t("wise_crm.contact.create_dialog.form.fields.phone"),
         placeholder: e(n).t("wise_crm.contact.create_dialog.form.fields.phone"),
         class: "col-span-2"
       }), null, 16, ["label", "placeholder"])
     ], 64));
   }
-}), at = /* @__PURE__ */ x({
+}), Ra = /* @__PURE__ */ D({
   __name: "DealContactPersonCreateExistingForm",
   props: {
     form: {}
   },
   emits: ["createNewContactPerson"],
   setup(t, { emit: a }) {
-    const n = t, i = a, o = D(), r = n.form.register("email"), p = n.form.register("phone"), f = n.form.register("mobile"), m = n.form.register("existingContactPerson"), u = T(null);
+    const n = t, i = a, o = x(), u = n.form.register("email"), p = n.form.register("phone"), f = n.form.register("mobile"), d = n.form.register("existingContactPerson"), c = T(null);
     async function h(v) {
-      if (u.value = v, m.setValue(v?.uuid ?? null), v === null)
+      if (c.value = v, d.setValue(v?.uuid ?? null), v === null)
         return;
       const _ = await je.getByUuid(v.uuid);
       if (_.isErr())
         return;
       const y = _.value;
-      r.setValue(y.email), p.setValue(y.phone), f.setValue(y.mobilePhone);
+      u.setValue(y.email), p.setValue(y.phone), f.setValue(y.mobilePhone);
     }
-    return (v, _) => (d(), g(Y, {
-      form: n.form,
-      class: "flex h-full flex-1 flex-col justify-between pb-xl"
-    }, {
-      default: c(() => [
-        l(Z, { cols: 2 }, {
-          default: c(() => [
+    return (v, _) => (m(), g(e(X), null, {
+      default: s(() => [
+        l(e(B), null, {
+          default: s(() => [
             l(Ke, {
-              modelValue: u.value,
+              modelValue: c.value,
               "onUpdate:modelValue": [
-                _[0] || (_[0] = (y) => u.value = y),
+                _[0] || (_[0] = (y) => c.value = y),
                 h
               ],
               label: e(o).t("wise_crm.contact.create_dialog.form.fields.contact_person"),
-              class: "col-span-2",
               onCreateNew: _[1] || (_[1] = (y) => i("createNewContactPerson"))
-            }, null, 8, ["modelValue", "label"]),
-            l(W, {
-              email: e(r),
-              "mobile-phone": e(f),
-              phone: e(p)
-            }, null, 8, ["email", "mobile-phone", "phone"])
+            }, null, 8, ["modelValue", "label"])
           ]),
           _: 1
         }),
-        l(ce, null, {
-          default: c(() => [
-            l(de, {
-              "is-loading": n.form.isSubmitting.value,
-              label: e(o).t("wise_crm.shared.add"),
-              class: "col-span-2"
-            }, null, 8, ["is-loading", "label"])
+        l(e(B), null, {
+          default: s(() => [
+            l(e(Q), {
+              sm: 1,
+              lg: 1,
+              variant: "card"
+            }, {
+              default: s(() => [
+                l(W, {
+                  email: e(u),
+                  "mobile-phone": e(f),
+                  phone: e(p)
+                }, null, 8, ["email", "mobile-phone", "phone"])
+              ]),
+              _: 1
+            })
           ]),
           _: 1
         })
       ]),
       _: 1
-    }, 8, ["form"]));
+    }));
   }
-}), he = /* @__PURE__ */ x({
+}), Ue = /* @__PURE__ */ D({
   __name: "ContactPersonFormNameField",
   props: {
     firstName: {},
     lastName: {}
   },
   setup(t) {
-    const a = t, n = D();
-    return (i, o) => (d(), M(H, null, [
-      l(e(K), q(e(E)(a.firstName), {
+    const a = t, n = x();
+    return (i, o) => (m(), M(Z, null, [
+      l(e(z), q(e(E)(a.firstName), {
         label: e(n).t("wise_crm.contact.create_dialog.form.fields.first_name"),
         placeholder: e(n).t("wise_crm.contact.create_dialog.form.fields.first_name")
       }), null, 16, ["label", "placeholder"]),
-      l(e(K), q(e(E)(a.lastName), {
+      l(e(z), q(e(E)(a.lastName), {
         label: e(n).t("wise_crm.contact.create_dialog.form.fields.last_name"),
         placeholder: e(n).t("wise_crm.contact.create_dialog.form.fields.last_name")
       }), null, 16, ["label", "placeholder"])
     ], 64));
   }
-}), tt = /* @__PURE__ */ x({
+}), Ga = /* @__PURE__ */ D({
   __name: "DealContactPersonCreateNewForm",
   props: {
     form: {}
   },
   setup(t) {
-    const a = t, n = a.form.register("firstName"), i = a.form.register("lastName"), o = a.form.register("email"), r = a.form.register("mobilePhone"), p = a.form.register("phone");
-    return (f, m) => (d(), g(Y, {
-      form: a.form,
-      class: "flex h-full flex-col justify-between pb-xl"
-    }, {
-      default: c(() => [
-        l(Z, { cols: 2 }, {
-          default: c(() => [
-            l(he, {
-              "first-name": e(n),
-              "last-name": e(i)
-            }, null, 8, ["first-name", "last-name"]),
-            l(W, {
-              email: e(o),
-              "mobile-phone": e(r),
-              phone: e(p)
-            }, null, 8, ["email", "mobile-phone", "phone"]),
-            l(me, {
+    const a = t, n = a.form.register("firstName"), i = a.form.register("lastName"), o = a.form.register("email"), u = a.form.register("mobilePhone"), p = a.form.register("phone");
+    return (f, d) => (m(), g(e(X), null, {
+      default: s(() => [
+        l(e(B), null, {
+          default: s(() => [
+            l(e(Q), {
+              sm: 1,
+              lg: 2
+            }, {
+              default: s(() => [
+                l(Ue, {
+                  "first-name": e(n),
+                  "last-name": e(i)
+                }, null, 8, ["first-name", "last-name"])
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        }),
+        l(e(B), null, {
+          default: s(() => [
+            l(e(Q), {
+              sm: 1,
+              lg: 1,
+              variant: "card"
+            }, {
+              default: s(() => [
+                l(W, {
+                  email: e(o),
+                  "mobile-phone": e(u),
+                  phone: e(p)
+                }, null, 8, ["email", "mobile-phone", "phone"])
+              ]),
+              _: 1
+            }),
+            l(ue, {
               form: a.form
             }, null, 8, ["form"])
           ]),
           _: 1
-        }),
-        ie(f.$slots, "actions")
+        })
       ]),
-      _: 3
-    }, 8, ["form"]));
+      _: 1
+    }));
   }
-}), nt = z.object({
-  email: z.email().nullable(),
+}), Ha = G.object({
+  email: G.email().nullable(),
   existingContactPerson: ze,
-  mobile: A.nullable(),
-  phone: A.nullable()
-}), lt = N.object({
-  email: N.email().min(1).nullable(),
-  firstName: N.string().min(1),
-  lastName: N.string().min(1),
-  mobilePhone: A.nullable(),
-  phone: A.nullable()
+  mobile: O.nullable(),
+  phone: O.nullable()
+}), Ya = S.object({
+  email: S.email().min(1).nullable(),
+  firstName: S.string().min(1),
+  lastName: S.string().min(1),
+  mobilePhone: O.nullable(),
+  phone: O.nullable()
 }).superRefine((t, a) => {
   t.email !== null && t.email !== "" || t.mobilePhone !== null && t.mobilePhone !== "" || t.phone !== null && t.phone !== "" || a.addIssue({
-    code: N.ZodIssueCode.custom,
-    message: pe.global.t("wise_crm.form.errors.at_least_one")
+    code: S.ZodIssueCode.custom,
+    message: ce.global.t("wise_crm.form.errors.at_least_one")
   });
-}), ot = /* @__PURE__ */ x({
+}), Za = /* @__PURE__ */ D({
   __name: "DealContactPersonCreateDialog",
   props: {
     dealUuid: {},
@@ -563,121 +549,128 @@ const et = /* @__PURE__ */ x({
   },
   emits: ["close", "createNewContactPerson"],
   setup(t, { emit: a }) {
-    const n = t, i = a, o = D(), r = L(), p = Xa(), f = Re(), m = T(n.isCreatingNewContactPerson), u = j({
-      schema: lt,
-      onSubmit: async (s) => {
+    const n = t, i = a, o = x(), u = L(), p = za(), f = Re(), d = T(n.isCreatingNewContactPerson), c = R({
+      schema: Ya,
+      onSubmit: async (r) => {
         try {
-          const b = await f.execute({
+          const U = await f.execute({
             body: {
-              email: s.email,
-              firstName: s.firstName,
-              lastName: s.lastName,
-              mobilePhone: s.mobilePhone,
-              phone: s.phone
+              email: r.email,
+              firstName: r.firstName,
+              lastName: r.lastName,
+              mobilePhone: r.mobilePhone,
+              phone: r.phone
             }
           });
-          if (b.isErr()) {
-            r.show(b.error);
+          if (U.isErr()) {
+            u.show(U.error);
             return;
           }
-          const C = b.value;
+          const I = U.value;
           n.isCreatingNewContactPerson || await p.execute({
             body: {
-              contactPersonUuid: C,
+              contactPersonUuid: I,
               contactInfo: {
-                email: s.email,
-                mobilePhone: s.mobilePhone,
-                phone: s.phone
+                email: r.email,
+                mobilePhone: r.mobilePhone,
+                phone: r.phone
               }
             },
             params: {
               dealUuid: n.dealUuid
             }
-          }), y({
-            label: `${s.firstName} ${s.lastName}`,
-            value: C
+          }), b({
+            label: `${r.firstName} ${r.lastName}`,
+            value: I
           });
-        } catch (b) {
-          r.show(b);
+        } catch (U) {
+          u.show(U);
         }
       }
-    }), h = j({
-      schema: nt,
-      onSubmit: async (s) => {
-        await _(
-          s.existingContactPerson,
+    }), h = R({
+      schema: Ha,
+      onSubmit: async (r) => {
+        await y(
+          r.existingContactPerson,
           {
-            email: s.email,
-            mobilePhone: s.mobile,
-            phone: s.phone
+            email: r.email,
+            mobilePhone: r.mobile,
+            phone: r.phone
           }
         );
       }
-    });
-    function v() {
-      m.value = !0;
+    }), v = P(
+      () => d.value ? c : h
+    );
+    function _() {
+      d.value = !0;
     }
-    async function _(s, b) {
-      if (s !== null)
+    async function y(r, U) {
+      if (r !== null)
         try {
           await p.execute({
             body: {
-              contactPersonUuid: s,
-              contactInfo: b
+              contactPersonUuid: r,
+              contactInfo: U
             },
             params: {
               dealUuid: n.dealUuid
             }
-          }), y();
-        } catch (C) {
-          r.show(C);
+          }), b();
+        } catch (I) {
+          u.show(I);
         }
     }
-    function y(s) {
-      if (s === void 0) {
+    function b(r) {
+      if (r === void 0) {
         i("close");
         return;
       }
-      i("createNewContactPerson", s), i("close");
+      i("createNewContactPerson", r), i("close");
     }
-    return (s, b) => (d(), g(et, {
-      title: e(o).t("wise_crm.info_dialog.contact_person_create.title"),
-      description: e(o).t("wise_crm.info_dialog.contact_person_create.description"),
-      onClose: y
+    return (r, U) => (m(), g(e(fe), {
+      form: v.value,
+      size: "md",
+      onClose: b
     }, {
-      default: c(() => [
-        m.value ? (d(), g(tt, {
-          key: 0,
-          form: e(u)
-        }, {
-          actions: c(() => [
-            l(ce, null, {
-              default: c(() => [
-                l(de, {
-                  "is-loading": e(u).isSubmitting.value,
-                  label: e(o).t("wise_crm.shared.create")
-                }, null, 8, ["is-loading", "label"])
-              ]),
-              _: 1
-            })
+      default: s(() => [
+        l(e(_e), {
+          title: e(o).t("wise_crm.info_dialog.contact_person_create.title"),
+          description: e(o).t("wise_crm.info_dialog.contact_person_create.description")
+        }, null, 8, ["title", "description"]),
+        l(e(ge), null, {
+          default: s(() => [
+            d.value ? (m(), g(Ga, {
+              key: 0,
+              form: e(c)
+            }, null, 8, ["form"])) : (m(), g(Ra, {
+              key: 1,
+              form: e(h),
+              onCreateNewContactPerson: _
+            }, null, 8, ["form"]))
           ]),
           _: 1
-        }, 8, ["form"])) : (d(), g(at, {
-          key: 1,
-          form: e(h),
-          onCreateNewContactPerson: v
-        }, null, 8, ["form"]))
+        }),
+        l(e(ye), null, {
+          right: s(() => [
+            l(e(be), {
+              "is-loading": v.value.isSubmitting.value,
+              label: e(o).t("wise_crm.shared.create")
+            }, null, 8, ["is-loading", "label"])
+          ]),
+          _: 1
+        })
       ]),
       _: 1
-    }, 8, ["title", "description"]));
+    }, 8, ["form"]));
   }
 });
-function it() {
-  return k({
+function Xa() {
+  return $({
     queryFn: async ({
       body: t,
       params: a
-    }) => await $.updateContactPerson(a.dealUuid, a.contactPersonUuid, t.form),
+    }) => await F.updateContactPerson(a.dealUuid, a.contactPersonUuid, t.form),
     queryKeysToInvalidate: {
       dealContactPersonDetail: {
         contactPersonUuid: (t) => t.contactPersonUuid,
@@ -690,27 +683,27 @@ function it() {
     }
   });
 }
-function st(t, a) {
-  return be("dealContactPersonDetail", {
+function Ja(t, a) {
+  return ve("dealContactPersonDetail", {
     params: {
       contactPersonUuid: a,
       dealUuid: t
     },
-    queryFn: () => $.getContactPerson(t.value, a.value)
+    queryFn: () => F.getContactPerson(t.value, a.value)
   });
 }
-const rt = N.object({
-  email: N.email().min(1).nullable(),
-  firstName: N.string().min(1),
-  lastName: N.string().min(1),
-  mobilePhone: A.nullable(),
-  phone: A.nullable()
+const Wa = S.object({
+  email: S.email().min(1).nullable(),
+  firstName: S.string().min(1),
+  lastName: S.string().min(1),
+  mobilePhone: O.nullable(),
+  phone: O.nullable()
 }).superRefine((t, a) => {
   t.email !== null && t.email !== "" || t.mobilePhone !== null && t.mobilePhone !== "" || t.phone !== null && t.phone !== "" || a.addIssue({
-    code: N.ZodIssueCode.custom,
-    message: pe.global.t("wise_crm.form.errors.at_least_one")
+    code: S.ZodIssueCode.custom,
+    message: ce.global.t("wise_crm.form.errors.at_least_one")
   });
-}), ut = /* @__PURE__ */ x({
+}), et = /* @__PURE__ */ D({
   __name: "DealContactPersonUpdateDialog",
   props: {
     contactPersonUuid: {},
@@ -718,62 +711,62 @@ const rt = N.object({
   },
   emits: ["close"],
   setup(t, { emit: a }) {
-    const n = t, i = a, o = D(), r = L(), p = it(), f = st(
-      w(() => n.dealUuid),
-      w(() => n.contactPersonUuid)
-    ), m = w(() => f.result.value.isOk() ? f.result.value.getValue() : null), u = j({
-      initialState: w(() => m.value === null ? null : {
-        email: m.value.email,
-        firstName: m.value.firstName,
-        lastName: m.value.lastName,
-        mobilePhone: m.value.mobilePhone,
-        phone: m.value.phone
+    const n = t, i = a, o = x(), u = L(), p = Xa(), f = Ja(
+      P(() => n.dealUuid),
+      P(() => n.contactPersonUuid)
+    ), d = P(() => f.result.value.isOk() ? f.result.value.getValue() : null), c = R({
+      initialState: P(() => d.value === null ? null : {
+        email: d.value.email,
+        firstName: d.value.firstName,
+        lastName: d.value.lastName,
+        mobilePhone: d.value.mobilePhone,
+        phone: d.value.phone
       }),
-      schema: rt,
-      onSubmit: async (F) => {
-        await b(F);
+      schema: Wa,
+      onSubmit: async (I) => {
+        await r(I);
       }
-    }), h = u.register("firstName"), v = u.register("lastName"), _ = u.register("email"), y = u.register("mobilePhone"), s = u.register("phone");
-    async function b(F) {
+    }), h = c.register("firstName"), v = c.register("lastName"), _ = c.register("email"), y = c.register("mobilePhone"), b = c.register("phone");
+    async function r(I) {
       try {
         await p.execute({
           body: {
-            form: F
+            form: I
           },
           params: {
             contactPersonUuid: n.contactPersonUuid,
             dealUuid: n.dealUuid
           }
         }), i("close");
-      } catch (O) {
-        r.show(O);
+      } catch (A) {
+        u.show(A);
       }
     }
-    function C() {
+    function U() {
       i("close");
     }
-    return (F, O) => (d(), g(e(wa), {
-      form: e(u),
+    return (I, A) => (m(), g(e(fe), {
+      form: e(c),
       size: "md",
-      onClose: C
+      onClose: U
     }, {
-      default: c(() => [
-        l(e(Pa), {
+      default: s(() => [
+        l(e(_e), {
           title: e(o).t("wise_crm.info_dialog.contact_person_update.title"),
           description: e(o).t("wise_crm.info_dialog.contact_person_create.description")
         }, null, 8, ["title", "description"]),
-        m.value !== null ? (d(), g(e(xa), { key: 0 }, {
-          default: c(() => [
-            l(e(Da), null, {
-              default: c(() => [
-                l(e(Ia), null, {
-                  default: c(() => [
-                    l(e(oe), {
+        d.value !== null ? (m(), g(e(ge), { key: 0 }, {
+          default: s(() => [
+            l(e(X), null, {
+              default: s(() => [
+                l(e(B), null, {
+                  default: s(() => [
+                    l(e(Q), {
                       sm: 1,
                       lg: 2
                     }, {
-                      default: c(() => [
-                        l(he, {
+                      default: s(() => [
+                        l(Ue, {
                           "first-name": e(h),
                           "last-name": e(v)
                         }, null, 8, ["first-name", "last-name"])
@@ -786,22 +779,22 @@ const rt = N.object({
                 l(Ge, {
                   title: e(o).t("wise_crm.shared.contact_info")
                 }, {
-                  default: c(() => [
-                    l(e(oe), {
+                  default: s(() => [
+                    l(e(Q), {
                       sm: 1,
                       lg: 1,
                       variant: "card"
                     }, {
-                      default: c(() => [
+                      default: s(() => [
                         l(W, {
                           email: e(_),
                           "mobile-phone": e(y),
-                          phone: e(s)
+                          phone: e(b)
                         }, null, 8, ["email", "mobile-phone", "phone"])
                       ]),
                       _: 1
                     }),
-                    l(me, { form: e(u) }, null, 8, ["form"])
+                    l(ue, { form: e(c) }, null, 8, ["form"])
                   ]),
                   _: 1
                 }, 8, ["title"])
@@ -810,11 +803,11 @@ const rt = N.object({
             })
           ]),
           _: 1
-        })) : I("", !0),
-        l(e(Na), null, {
-          right: c(() => [
-            l(e(Sa), {
-              "is-loading": e(u).isSubmitting.value,
+        })) : N("", !0),
+        l(e(ye), null, {
+          right: s(() => [
+            l(e(be), {
+              "is-loading": e(c).isSubmitting.value,
               label: e(o).t("wise_crm.shared.save_changes")
             }, null, 8, ["is-loading", "label"])
           ]),
@@ -825,8 +818,8 @@ const rt = N.object({
     }, 8, ["form"]));
   }
 });
-function ct(t) {
-  return Ta("userIndex", {
+function at(t) {
+  return Da("userIndex", {
     params: t,
     queryFn: (a) => He.getAll({
       pagination: a,
@@ -834,128 +827,128 @@ function ct(t) {
     })
   });
 }
-const dt = { class: "p-lg" }, mt = /* @__PURE__ */ x({
+const tt = { class: "p-lg" }, nt = /* @__PURE__ */ D({
   __name: "DealDetailSidebarGeneralInfo",
   props: {
     deal: {}
   },
   setup(t) {
-    const a = t, n = D(), i = L(), o = Ea(), r = Aa(), p = Oa(), f = Ye({
+    const a = t, n = x(), i = L(), o = ka(), u = Fa(), p = $a(), f = Ye({
       persistInUrl: !1
-    }), m = ct({
+    }), d = at({
       params: {
         search: f.debouncedSearch
       }
-    }), u = T(a.deal.dealLanguage), h = T(a.deal.dealSource), v = T(
+    }), c = T(a.deal.dealLanguage), h = T(a.deal.dealSource), v = T(
       a.deal.owner ? {
         uuid: a.deal.owner.uuid,
         name: a.deal.owner.name
       } : null
-    ), _ = w(() => {
-      const U = (m.result.value.isOk() ? m.result.value.getValue().data : []).map((P) => ({
-        uuid: P.uuid,
-        name: `${P.firstName} ${P.lastName}`
+    ), _ = P(() => {
+      const C = (d.result.value.isOk() ? d.result.value.getValue().data : []).map((w) => ({
+        uuid: w.uuid,
+        name: `${w.firstName} ${w.lastName}`
       }));
-      return $a(U);
+      return Ca(C);
     });
-    function y(U) {
-      return n.t(We.getI18nKey(U));
+    function y(C) {
+      return n.t(We.getI18nKey(C));
     }
-    function s(U) {
-      return n.t(Xe.getI18nKey(U));
+    function b(C) {
+      return n.t(ea.getI18nKey(C));
     }
-    const b = R(Object.values(Se)), C = R(Object.values($e)), F = Ze();
-    function O(U) {
-      f.updateSearch(U);
+    const r = H(Object.values(Fe)), U = H(Object.values($e)), I = Ze();
+    function A(C) {
+      f.updateSearch(C);
     }
-    async function ve(U) {
-      if (u.value = U, U !== null)
+    async function Ce(C) {
+      if (c.value = C, C !== null)
         try {
           await o.execute({
             body: {
-              dealLanguage: U
+              dealLanguage: C
             },
             params: {
               dealUuid: a.deal.uuid
             }
           });
-        } catch (P) {
-          i.show(P);
+        } catch (w) {
+          i.show(w);
         }
     }
-    async function Ue(U) {
-      if (h.value = U, U !== null)
+    async function Pe(C) {
+      if (h.value = C, C !== null)
         try {
-          await r.execute({
+          await u.execute({
             body: {
-              dealSource: U
+              dealSource: C
             },
             params: {
               dealUuid: a.deal.uuid
             }
           });
-        } catch (P) {
-          i.show(P);
+        } catch (w) {
+          i.show(w);
         }
     }
-    async function Ce(U) {
-      if (v.value = U, U !== null)
+    async function we(C) {
+      if (v.value = C, C !== null)
         try {
           await p.execute({
             body: {
-              dealOwner: U
+              dealOwner: C
             },
             params: {
               dealUuid: a.deal.uuid
             }
           });
-        } catch (P) {
-          i.show(P);
+        } catch (w) {
+          i.show(w);
         }
     }
-    return (U, P) => (d(), M("div", null, [
-      l(ue, null, {
-        default: c(() => [
-          S("form", null, [
-            l(Z, { cols: 1 }, {
-              default: c(() => [
-                l(e(ka), {
+    return (C, w) => (m(), M("div", null, [
+      l(se, null, {
+        default: s(() => [
+          k("form", null, [
+            l(Xe, { cols: 1 }, {
+              default: s(() => [
+                l(e(Pa), {
                   modelValue: v.value,
                   "onUpdate:modelValue": [
-                    P[0] || (P[0] = (V) => v.value = V),
-                    Ce
+                    w[0] || (w[0] = (V) => v.value = V),
+                    we
                   ],
                   items: _.value,
                   "display-fn": (V) => V.name,
-                  "is-loading": e(m).isLoading.value || e(p).isLoading.value,
+                  "is-loading": e(d).isLoading.value || e(p).isLoading.value,
                   "search-mode": "remote",
                   placeholder: "Select deal owner",
                   label: "Deal owner",
-                  "onUpdate:search": O
+                  "onUpdate:search": A
                 }, null, 8, ["modelValue", "items", "display-fn", "is-loading"]),
-                l(e(G), {
-                  modelValue: u.value,
+                l(e(Y), {
+                  modelValue: c.value,
                   "onUpdate:modelValue": [
-                    P[1] || (P[1] = (V) => u.value = V),
-                    ve
+                    w[1] || (w[1] = (V) => c.value = V),
+                    Ce
                   ],
                   label: e(n).t("wise_crm.deal.form.fields.language"),
                   placeholder: e(n).t("wise_crm.deal.form.fields.language_placeholder"),
                   "display-fn": y,
                   "is-loading": e(o).isLoading.value,
-                  items: e(b)
+                  items: e(r)
                 }, null, 8, ["modelValue", "label", "placeholder", "is-loading", "items"]),
-                l(e(G), {
+                l(e(Y), {
                   modelValue: h.value,
                   "onUpdate:modelValue": [
-                    P[2] || (P[2] = (V) => h.value = V),
-                    Ue
+                    w[2] || (w[2] = (V) => h.value = V),
+                    Pe
                   ],
-                  "display-fn": s,
+                  "display-fn": b,
                   label: e(n).t("wise_crm.deal.form.fields.source"),
                   placeholder: e(n).t("wise_crm.deal.form.fields.source_placeholder"),
-                  "is-loading": e(r).isLoading.value,
-                  items: e(C)
+                  "is-loading": e(u).isLoading.value,
+                  items: e(U)
                 }, null, 8, ["modelValue", "label", "placeholder", "is-loading", "items"])
               ]),
               _: 1
@@ -964,10 +957,10 @@ const dt = { class: "p-lg" }, mt = /* @__PURE__ */ x({
         ]),
         _: 1
       }),
-      S("div", dt, [
-        l(B, {
+      k("div", tt, [
+        l(K, {
           label: e(n).t("wise_crm.deal.sidebar.created_at", {
-            date: e(F).toDate(a.deal.createdAt.toPlainDate())
+            date: e(I).toDate(a.deal.createdAt.toPlainDate())
           }),
           icon: e(Je),
           "text-color": "text-quaternary",
@@ -976,100 +969,100 @@ const dt = { class: "p-lg" }, mt = /* @__PURE__ */ x({
       ])
     ]));
   }
-}), pt = /* @__PURE__ */ x({
+}), lt = /* @__PURE__ */ D({
   __name: "DealDetailSidebarOverviewContent",
   props: {
     deal: {}
   },
   setup(t) {
-    const a = t, n = D(), i = L(), o = za(), r = Ra(), p = J(), f = p.create(ot), m = p.create(ut), u = w(() => a.deal.contactPersons.length > 0);
+    const a = t, n = x(), i = L(), o = qa(), u = Ea(), p = J(), f = p.create(Za), d = p.create(et), c = P(() => a.deal.contactPersons.length > 0);
     function h() {
       f.open({
         dealUuid: a.deal.uuid
       });
     }
-    function v(s) {
-      m.open({
-        contactPersonUuid: s,
+    function v(b) {
+      d.open({
+        contactPersonUuid: b,
         dealUuid: a.deal.uuid
       });
     }
-    async function _(s) {
+    async function _(b) {
       try {
-        await r.execute({
+        await u.execute({
           body: {
-            contactPersonUuid: s
+            contactPersonUuid: b
           },
           params: {
             dealUuid: a.deal.uuid
           }
         });
-      } catch (b) {
-        i.show(b);
+      } catch (r) {
+        i.show(r);
       }
     }
-    function y(s) {
+    function y(b) {
       o.execute({
         params: {
-          contactPersonUuid: s,
+          contactPersonUuid: b,
           dealUuid: a.deal.uuid
         }
       });
     }
-    return (s, b) => (d(), g(ea, { "default-values": ["general-info", "contact-persons"] }, {
-      default: c(() => [
-        l(ae, {
+    return (b, r) => (m(), g(aa, { "default-values": ["general-info", "contact-persons"] }, {
+      default: s(() => [
+        l(te, {
           label: e(n).t("wise_crm.deal.detail.sidebar.accordion.general_info"),
-          icon: e(fe),
+          icon: e(de),
           value: "general-info"
         }, {
-          default: c(() => [
-            l(mt, {
+          default: s(() => [
+            l(nt, {
               deal: a.deal
             }, null, 8, ["deal"])
           ]),
           _: 1
         }, 8, ["label", "icon"]),
-        l(ae, {
-          "is-empty": !u.value,
+        l(te, {
+          "is-empty": !c.value,
           label: e(n).t("wise_crm.info_dialog.sidebar.overview.contact_persons_label"),
-          icon: e(aa),
+          icon: e(ta),
           value: "contact-persons",
           onAdd: h
         }, {
-          actions: c(() => [
-            u.value ? I("", !0) : (d(), g(ta, {
+          actions: s(() => [
+            c.value ? N("", !0) : (m(), g(na, {
               key: 0,
               label: e(n).t("wise_crm.info_dialog.sidebar.overview.contact_persons_label"),
-              icon: e(te),
+              icon: e(ne),
               class: "z-1",
               onClick: h
             }, null, 8, ["label", "icon"]))
           ]),
-          default: c(() => [
-            (d(!0), M(H, null, xe(a.deal.contactPersons, (C) => (d(), g(e(Va), {
-              key: C.uuid,
-              "layout-id": C.uuid
+          default: s(() => [
+            (m(!0), M(Z, null, xe(a.deal.contactPersons, (U) => (m(), g(e(xa), {
+              key: U.uuid,
+              "layout-id": U.uuid
             }, {
-              default: c(() => [
-                l(Wa, {
-                  "contact-person": C,
-                  "on-toggle-is-primary": () => y(C.uuid),
-                  description: C.phone,
-                  onUpdate: (F) => v(C.uuid),
-                  onDelete: (F) => _(C.uuid)
+              default: s(() => [
+                l(ja, {
+                  "contact-person": U,
+                  "on-toggle-is-primary": () => y(U.uuid),
+                  description: U.phone,
+                  onUpdate: (I) => v(U.uuid),
+                  onDelete: (I) => _(U.uuid)
                 }, null, 8, ["contact-person", "on-toggle-is-primary", "description", "onUpdate", "onDelete"])
               ]),
               _: 2
             }, 1032, ["layout-id"]))), 128)),
-            u.value ? (d(), g(e(Fa), {
+            c.value ? (m(), g(e(wa), {
               key: 0,
-              "icon-left": e(te),
+              "icon-left": e(ne),
               label: e(n).t("wise_crm.shared.add"),
               variant: "tertiary",
               size: "sm",
               onClick: h
-            }, null, 8, ["icon-left", "label"])) : I("", !0)
+            }, null, 8, ["icon-left", "label"])) : N("", !0)
           ]),
           _: 1
         }, 8, ["is-empty", "label", "icon"])
@@ -1078,12 +1071,12 @@ const dt = { class: "p-lg" }, mt = /* @__PURE__ */ x({
     }));
   }
 });
-function ft() {
-  return k({
+function ot() {
+  return $({
     queryFn: async ({
       body: t,
       params: a
-    }) => await $.transition(a.dealUuid, t.toBoardColumnUuid),
+    }) => await F.transition(a.dealUuid, t.toBoardColumnUuid),
     queryKeysToInvalidate: {
       dealDetail: {
         dealUuid: (t) => t.dealUuid
@@ -1092,17 +1085,17 @@ function ft() {
     }
   });
 }
-function _t(t, a) {
-  return be("boardColumnsTransition", {
+function it(t, a) {
+  return ve("boardColumnsTransition", {
     params: {
       boardColumnUuid: t
     },
-    queryFn: () => na.getTransitions(t.value, a.value)
+    queryFn: () => la.getTransitions(t.value, a.value)
   });
 }
-const gt = /* @__PURE__ */ x({
+const rt = /* @__PURE__ */ D({
   __name: "DealDetailSidebarTransitionSelect",
-  props: /* @__PURE__ */ Ie({
+  props: /* @__PURE__ */ Se({
     deal: {}
   }, {
     modelValue: {
@@ -1112,54 +1105,55 @@ const gt = /* @__PURE__ */ x({
   }),
   emits: ["update:modelValue"],
   setup(t) {
-    const a = t, n = D(), i = la(), r = J().create(oa), p = De(t, "modelValue"), f = L(), m = ft(), u = _t(
-      w(() => p.value.toColumnUuid),
-      w(() => i.getOptions().deals?.allowedTransitionTriggerTypes ?? [])
-    ), h = w(() => (u.result.value.isOk() ? u.result.value.getValue() : []).flatMap((b) => b.triggers.length === 0 ? [
-      b
-    ] : b.triggers.map((C) => ({
-      ...b,
-      toColumnDisplayName: b.toColumnDisplayName,
+    const a = t, n = x(), i = oa(), u = J().create(ia), p = Ne(t, "modelValue"), f = L(), d = ot(), c = it(
+      P(() => p.value.toColumnUuid),
+      P(() => i.getOptions().deals?.allowedTransitionTriggerTypes ?? [])
+    ), h = P(() => (c.result.value.isOk() ? c.result.value.getValue() : []).flatMap((r) => r.triggers.length === 0 ? [
+      r
+    ] : r.triggers.map((U) => ({
+      ...r,
+      toColumnDisplayName: r.toColumnDisplayName,
       triggers: [
-        C
+        U
       ]
     }))));
-    function v(s) {
-      return s?.toColumnDisplayName ?? "-";
+    function v(b) {
+      return b?.toColumnDisplayName ?? "-";
     }
-    const _ = w(() => R(h.value));
-    async function y(s) {
-      if (s.triggers.length !== 0) {
-        if (s.triggers[0]?.triggerType === ke.EMAIL) {
-          r.open({
+    const _ = P(() => H(h.value));
+    async function y(b) {
+      if (b.triggers.length !== 0) {
+        if (b.triggers[0]?.triggerType === Te.EMAIL) {
+          u.open({
             dealUuid: a.deal.uuid,
             client: {
               uuid: a.deal.client.uuid,
               type: a.deal.client.type
             },
-            templateKey: s.triggers[0].config.mailTemplateKey
+            defaultSenderEmails: a.deal.contactPersons.map((r) => r.email).filter((r) => r !== null),
+            templateKey: b.triggers[0].config.mailTemplateKey
           });
           return;
         }
         try {
-          p.value = s, await m.execute({
+          p.value = b, await d.execute({
             body: {
-              toBoardColumnUuid: s.toColumnUuid
+              toBoardColumnUuid: b.toColumnUuid
             },
             params: {
               dealUuid: a.deal.uuid
             }
           });
-        } catch (b) {
-          f.show(b);
+        } catch (r) {
+          f.show(r);
         }
       }
     }
-    return (s, b) => (d(), g(ia, {
+    return (b, r) => (m(), g(ra, {
       color: p.value?.toColumnColor ?? null
     }, {
-      default: c(() => [
-        h.value.length === 0 ? (d(), g(e(ye), {
+      default: s(() => [
+        h.value.length === 0 ? (m(), g(e(he), {
           key: 0,
           "class-config": {
             root: "text-nowrap"
@@ -1167,15 +1161,16 @@ const gt = /* @__PURE__ */ x({
           label: p.value.toColumnDisplayName,
           variant: "translucent",
           color: "brand"
-        }, null, 8, ["label"])) : (d(), g(e(G), {
+        }, null, 8, ["label"])) : (m(), g(e(Y), {
           key: 1,
           "model-value": p.value,
-          "is-loading": e(m).isLoading.value,
+          "is-loading": e(d).isLoading.value,
           "display-fn": v,
           items: _.value,
           "is-label-hidden": !0,
           placeholder: e(n).t("wise_crm.deal.transition.placeholder"),
           label: e(n).t("wise_crm.deal.transition.label"),
+          class: "w-20",
           size: "sm",
           "onUpdate:modelValue": y
         }, null, 8, ["model-value", "is-loading", "items", "placeholder", "label"]))
@@ -1184,12 +1179,12 @@ const gt = /* @__PURE__ */ x({
     }, 8, ["color"]));
   }
 });
-function yt() {
-  return k({
+function st() {
+  return $({
     queryFn: async ({
       body: t,
       params: a
-    }) => await _e.create(t, {
+    }) => await me.create(t, {
       dealUuid: a.dealUuid
     }),
     queryKeysToInvalidate: {
@@ -1197,27 +1192,27 @@ function yt() {
     }
   });
 }
-function bt(t, a) {
-  return Ma("noteDealIndex", {
+function ut(t, a) {
+  return Ia("noteDealIndex", {
     params: {
       params: a?.params
     },
-    queryFn: (n) => _e.getDealNotes({
+    queryFn: (n) => me.getDealNotes({
       pagination: n
     }, t.value)
   });
 }
-const ht = /* @__PURE__ */ x({
+const ct = /* @__PURE__ */ D({
   __name: "DealDialogSidebarNotesContent",
   props: {
     deal: {}
   },
   setup(t) {
-    const a = t, i = J().create(sa), o = L(), r = yt(), p = ra(), f = bt(
-      w(() => a.deal.uuid)
-    ), m = w(() => f.result.value.isOk() ? f.result.value.getValue().data : []);
-    async function u(_) {
-      await r.execute({
+    const a = t, i = J().create(sa), o = L(), u = st(), p = ua(), f = ut(
+      P(() => a.deal.uuid)
+    ), d = P(() => f.result.value.isOk() ? f.result.value.getValue().data : []);
+    async function c(_) {
+      await u.execute({
         body: _,
         params: {
           dealUuid: a.deal.uuid
@@ -1240,26 +1235,26 @@ const ht = /* @__PURE__ */ x({
         note: _
       });
     }
-    return (_, y) => (d(), g(ua, {
+    return (_, y) => (m(), g(ca, {
       "is-loading": e(f).isLoading.value,
-      notes: m.value,
-      "on-submit": u,
+      notes: d.value,
+      "on-submit": c,
       "has-next-page": e(f).hasNextPage.value,
-      onNext: y[0] || (y[0] = (s) => e(f).fetchNextPage()),
+      onNext: y[0] || (y[0] = (b) => e(f).fetchNextPage()),
       onDelete: h,
       onUpdate: v
     }, null, 8, ["is-loading", "notes", "has-next-page"]));
   }
-}), vt = { class: "flex h-full flex-1 flex-col" }, Ut = { class: "flex flex-col gap-xl rounded-2xl border border-primary p-xl" }, Ct = { class: "flex w-full flex-wrap items-center gap-sm" }, wt = /* @__PURE__ */ x({
+}), dt = { class: "flex h-full flex-1 flex-col" }, mt = { class: "flex flex-col gap-xl rounded-2xl border border-primary p-xl" }, pt = { class: "flex w-full flex-wrap items-center justify-between gap-sm" }, ft = /* @__PURE__ */ D({
   __name: "DealDetailSidebar",
   props: {
     deal: {}
   },
   setup(t) {
-    const a = t, n = D(), i = ca(), o = T(
+    const a = t, n = x(), i = da(), o = T(
       "overview"
       /* OVERVIEW */
-    ), r = T({
+    ), u = T({
       // There is no uuid available for the initial value, so a placeholder is used
       uuid: "",
       toColumnUuid: a.deal.boardColumn.uuid,
@@ -1267,19 +1262,13 @@ const ht = /* @__PURE__ */ x({
       toColumnDisplayName: a.deal.boardColumn.displayName,
       toColumnKey: "",
       triggers: []
-    }), p = w(() => [
+    }), p = P(() => [
       {
-        icon: fe,
+        icon: de,
         label: n.t("wise_crm.shared.overview"),
         value: "overview"
         /* OVERVIEW */
       },
-      {
-        icon: da,
-        label: n.t("wise_crm.shared.activity"),
-        value: "activity"
-        /* ACTIVITY */
-      },
       {
         icon: ma,
         label: n.t("wise_crm.shared.notes"),
@@ -1287,23 +1276,19 @@ const ht = /* @__PURE__ */ x({
         /* NOTES */
       }
     ]);
-    return (f, m) => (d(), M("div", vt, [
-      S("div", Ut, [
-        l(ja, {
+    return (f, d) => (m(), M("div", dt, [
+      k("div", mt, [
+        l(La, {
           deal: a.deal
         }, null, 8, ["deal"]),
-        S("div", Ct, [
+        k("div", pt, [
           l(pa, {
-            onClick: m[0] || (m[0] = (u) => e(i).openBusinessDetail(
+            onClick: d[0] || (d[0] = (c) => e(i).openBusinessDetail(
               a.deal.client.uuid
             ))
           }, {
-            default: c(() => [
-              l(e(ye), {
-                "class-config": {
-                  icon: "shrink-0 size-4",
-                  root: "text-nowrap"
-                },
+            default: s(() => [
+              l(e(he), {
                 icon: e(fa),
                 label: a.deal.client.name,
                 variant: "translucent",
@@ -1312,82 +1297,82 @@ const ht = /* @__PURE__ */ x({
             ]),
             _: 1
           }),
-          l(gt, {
-            modelValue: r.value,
-            "onUpdate:modelValue": m[1] || (m[1] = (u) => r.value = u),
+          l(rt, {
+            modelValue: u.value,
+            "onUpdate:modelValue": d[1] || (d[1] = (c) => u.value = c),
             deal: a.deal
           }, null, 8, ["modelValue", "deal"])
         ])
       ]),
       l(_a, {
         modelValue: o.value,
-        "onUpdate:modelValue": m[2] || (m[2] = (u) => o.value = u),
+        "onUpdate:modelValue": d[2] || (d[2] = (c) => o.value = c),
         tabs: p.value
       }, {
-        default: c(() => [
-          o.value === "overview" ? (d(), g(pt, {
+        default: s(() => [
+          o.value === "overview" ? (m(), g(lt, {
             key: 0,
             deal: a.deal
-          }, null, 8, ["deal"])) : o.value === "notes" ? (d(), g(ht, {
+          }, null, 8, ["deal"])) : o.value === "notes" ? (m(), g(ct, {
             key: 1,
             deal: a.deal
-          }, null, 8, ["deal"])) : I("", !0)
+          }, null, 8, ["deal"])) : N("", !0)
         ]),
         _: 1
       }, 8, ["modelValue", "tabs"])
     ]));
   }
-}), Pt = /* @__PURE__ */ x({
+}), _t = /* @__PURE__ */ D({
   __name: "DealDetailSidebarProvider",
   props: {
     dealUuid: {}
   },
   setup(t) {
     const a = t, n = ga(
-      w(() => a.dealUuid)
-    ), i = D();
-    return (o, r) => (d(), g(ya, null, {
-      default: c(() => [
-        e(n).isError.value ? (d(), g(ba, {
+      P(() => a.dealUuid)
+    ), i = x();
+    return (o, u) => (m(), g(ya, null, {
+      default: s(() => [
+        e(n).isError.value ? (m(), g(ba, {
           key: 0,
           message: e(i).t("error.deal_details.description"),
           title: e(i).t("error.deal_details.title")
-        }, null, 8, ["message", "title"])) : e(n).isLoading.value ? (d(), g(ha, {
+        }, null, 8, ["message", "title"])) : e(n).isLoading.value ? (m(), g(ha, {
           key: 1,
           class: "h-full"
-        })) : e(n).result.value.isOk() ? (d(), g(wt, {
+        })) : e(n).result.value.isOk() ? (m(), g(ft, {
           key: e(n).result.value.getValue().boardColumn.uuid,
           deal: e(n).result.value.getValue()
-        }, null, 8, ["deal"])) : I("", !0)
+        }, null, 8, ["deal"])) : N("", !0)
       ]),
       _: 1
     }));
   }
-}), qt = /* @__PURE__ */ x({
+}), Nt = /* @__PURE__ */ D({
   __name: "DealDetailView",
   props: {
     tabs: {}
   },
   setup(t) {
-    const a = t, n = D(), i = Ne("dealUuid"), o = w(() => [
+    const a = t, n = x(), i = ke("dealUuid"), o = P(() => [
       ...a.tabs,
       {
-        label: w(() => n.t("wise_crm.deal.detail_view.communication_tab_label")),
+        label: P(() => n.t("wise_crm.deal.detail_view.communication_tab_label")),
         to: "deal-communication"
       }
     ]);
-    return (r, p) => (d(), g(Fe, {
+    return (u, p) => (m(), g(Me, {
       key: e(i),
-      "entity-type": e(se).BUSINESS,
+      "entity-type": e(ie).BUSINESS,
       tabs: o.value
     }, {
-      sidebar: c(() => [
-        l(Pt, { "deal-uuid": e(i) }, null, 8, ["deal-uuid"])
+      sidebar: s(() => [
+        l(_t, { "deal-uuid": e(i) }, null, 8, ["deal-uuid"])
       ]),
       _: 1
     }, 8, ["entity-type", "tabs"]));
   }
 });
 export {
-  qt as default
+  Nt as default
 };