@wisemen/wise-crm-web 2.0.0-alpha.0 → 2.0.0-alpha.10

package/dist/{DealDetailView-CgbWlPgR.js → DealDetailView-FGWeCs6G.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-BkLvUQyy.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-BCf_EIrG.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 I, ref as M, useTemplateRef as Ie, openBlock as d, createElementBlock as V, createBlock as g, unref as e, withCtx as r, createVNode as l, mergeProps as E, createElementVNode as k, toDisplayString as j, nextTick as xe, computed as w, createCommentVNode as N, Fragment as W, createTextVNode as ne, renderList as Ne, useModel as Se, mergeModels as ke } from "vue";
+import { useRouteParams as Fe } from "@vueuse/router";
+import { useI18n as x } from "vue-i18n";
+import { aX as ce, b1 as $e, b3 as Te, b6 as Me } from "./uuid.util-CaePLXHv.js";
+import { _ as Ve } from "./CrmDetailView.vue_vue_type_script_setup_true_lang-CkZX0YT2.js";
+import { d as F, e as q, f as Le, E as de, g as me, h as qe, i as Ee, L as Oe, j as Be, k as K, a as Qe, P as Ae, l as Ke, m as le, n as je, I as ze, o as pe, p as B, q as Re, r as fe, s as Ge, t as He, U as Ye, v as Ze, u as Xe, w as Je, x as We, y as ea, z as aa, B as ta, F as oe, G as _e, H as na, J as ie, K as la, N as oa, O as ia, Q as ra, R as sa, S as ge, T as ua, V as ca, W as da, X as ma, Y as pa, Z as fa, $ as _a, a0 as ga, a1 as ba, a2 as ya, a3 as ha, A as va } from "./index-BD98vKv0.js";
+import { UITextField as z, toFormField as O, UIIconButton as be, UIDropdownMenu as Ua, UIDropdownMenuGroup as Ca, UIDropdownMenuItem as re, UIPhoneNumberField as se, UIFormLayout as ee, UIFormFieldGroup as Q, UIFormFieldGrid as A, useToast as wa, UIFormDialog as ye, UIDialogHeader as he, UIForm as ue, UIDialogBody as H, UIDialogFooter as Y, UIDialogFooterSubmit as Z, createAutocompleteOptions as Pa, createSelectOptions as X, UIAutocomplete as Da, UISelect as J, useOverlay as ae, UIButton as Ia, UIBadge as ve } from "@wisemen/vue-core-design-system";
+import { useForm as R } from "formango";
+import G, { z as S } from "zod";
+import { useMutation as T, useQuery as Ue, useOffsetInfiniteQuery as xa, useKeysetInfiniteQuery as Na } from "@wisemen/vue-core-api-utils";
+import { Motion as Sa } from "motion-v";
+import { useQueryClient as ka, useMutation as Fa } from "@tanstack/vue-query";
+function $a() {
+  return T({
     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 Ta() {
+  return T({
     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 Ma() {
+  return T({
     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 Va() {
+  return T({
     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 La = {
   key: 1,
   class: "flex justify-between"
-}, Ka = { class: "text-xl font-bold text-primary" }, ja = /* @__PURE__ */ x({
+}, qa = { class: "text-xl font-bold text-primary" }, Ea = /* @__PURE__ */ I({
   __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 = q(), o = M(!1), s = Ie("nameFieldContainerRef"), p = Va(), f = R({
+      schema: G.object({
+        name: G.string().min(1)
       }),
       onSubmit: async (_) => {
         try {
@@ -97,54 +97,54 @@ const Qa = {
               dealUuid: a.deal.uuid
             }
           });
-        } catch (y) {
-          i.show(y);
+        } catch (b) {
+          i.show(b);
         } finally {
           o.value = !1;
         }
       }
     }), m = f.register("name", a.deal.name);
     async function u() {
-      o.value = !0, await Pe(), h();
+      o.value = !0, await xe(), y();
     }
-    function h() {
-      r.value?.querySelector(
+    function y() {
+      s.value?.querySelector(
         "input"
       )?.focus();
     }
-    function v() {
+    function h() {
       if (!f.isDirty.value) {
         o.value = !1;
         return;
       }
       f.submit();
     }
-    return (_, y) => (d(), M("div", {
+    return (_, b) => (d(), V("div", {
       ref_key: "nameFieldContainerRef",
-      ref: r
+      ref: s
     }, [
-      o.value ? (d(), g(Y, {
+      o.value ? (d(), g(Le, {
         key: 0,
         form: e(f)
       }, {
-        default: c(() => [
-          l(e(K), q(e(E)(e(m)), {
+        default: r(() => [
+          l(e(z), E(e(O)(e(m)), {
             "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
+            onBlur: h
           }), null, 16, ["is-loading", "label"]),
-          y[0] || (y[0] = S("button", {
+          b[0] || (b[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"])) : (d(), V("div", La, [
+        k("h2", qa, j(a.deal.name), 1),
+        l(e(be), {
           label: e(n).t("wise_crm.deal.detail.sidebar.name_field.edit_label"),
-          icon: e(re),
+          icon: e(de),
           variant: "tertiary",
           class: "shrink-0",
           onClick: u
@@ -153,14 +153,14 @@ const Qa = {
     ], 512));
   }
 });
-function za() {
-  const t = La(), a = "dealDetail", n = qa({
+function Oa() {
+  const t = ka(), a = "dealDetail", n = Fa({
     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, s) => {
       t.setQueryData(
         [
           a,
@@ -168,7 +168,7 @@ function za() {
             dealUuid: o.dealUuid
           }
         ],
-        r?.previousData
+        s?.previousData
       );
     },
     onMutate: async (i) => {
@@ -195,9 +195,9 @@ function za() {
             dealUuid: i.dealUuid
           }
         ],
-        o.map((r) => ({
-          ...r,
-          contactPersons: r.contactPersons.map((p) => ({
+        o.map((s) => ({
+          ...s,
+          contactPersons: s.contactPersons.map((p) => ({
             ...p,
             isPrimary: p.uuid === i.contactPersonUuid
           }))
@@ -206,12 +206,12 @@ function za() {
         previousData: o
       });
     },
-    onSettled: (i, o, r) => {
-      r !== void 0 && t.invalidateQueries({
+    onSettled: (i, o, s) => {
+      s !== void 0 && t.invalidateQueries({
         queryKey: [
           a,
           {
-            dealUuid: r.dealUuid
+            dealUuid: s.dealUuid
           }
         ]
       });
@@ -223,12 +223,12 @@ function za() {
     execute: async (i) => await n.mutateAsync(i.params)
   };
 }
-function Ra() {
-  return k({
+function Ba() {
+  return T({
     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 Qa = { class: "flex items-start justify-between" }, Aa = { class: "flex flex-col items-start" }, Ka = {
   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"
+}, ja = { class: "-mt-2 -mr-2 flex items-center justify-end" }, za = { class: "grid gap-lg" }, Ra = /* @__PURE__ */ I({
   __name: "CrmDetailSidebarAccordionGenericContactPersonInfo",
   props: {
     contactPerson: {},
@@ -249,14 +249,14 @@ 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(), s = n.contactPerson.uuid ?? n.contactPerson.contactPersonUuid, p = {
       left: {
-        icon: re,
+        icon: de,
         type: "icon"
       }
     }, f = {
       left: {
-        icon: Ve,
+        icon: Oe,
         type: "icon"
       }
     };
@@ -266,45 +266,45 @@ const Ga = { class: "flex items-start justify-between" }, Ha = { class: "flex fl
     function u() {
       i("delete");
     }
-    function h() {
+    function y() {
       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 (h, _) => (d(), g(me, { class: "flex flex-col gap-lg" }, {
+      default: r(() => [
+        k("div", Qa, [
+          k("div", Aa, [
+            e(s) ? (d(), g(qe, {
               key: 0,
               label: `${n.contactPerson.firstName} ${n.contactPerson.lastName}`,
-              "entity-type": e(se).INDIVIDUAL,
-              uuid: e(r),
+              "entity-type": e(ce).INDIVIDUAL,
+              uuid: e(s),
               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 ? (d(), V("p", Ka, j(n.description), 1)) : N("", !0)
           ]),
-          S("div", Za, [
-            l(Me, {
+          k("div", ja, [
+            l(Ee, {
               "is-active": n.contactPerson.isPrimary,
-              onClick: h
+              onClick: y
             }, null, 8, ["is-active"]),
-            l(e(va), { "popover-align": "end" }, {
-              trigger: c(() => [
-                l(e(ge), {
-                  icon: e(Le),
+            l(e(Ua), { "popover-align": "end" }, {
+              trigger: r(() => [
+                l(e(be), {
+                  icon: e(Be),
                   variant: "tertiary",
                   size: "sm",
                   label: "actionMenu"
                 }, null, 8, ["icon"])
               ]),
-              content: c(() => [
-                l(e(Ua), null, {
-                  default: c(() => [
-                    l(e(ne), {
+              content: r(() => [
+                l(e(Ca), null, {
+                  default: r(() => [
+                    l(e(re), {
                       config: p,
                       label: e(o).t("wise_crm.info_dialog.sidebar.overview.update_contact_person"),
                       onSelect: m
                     }, null, 8, ["label"]),
-                    l(e(ne), {
+                    l(e(re), {
                       "is-destructive": !0,
                       "is-disabled": n.contactPerson.isPrimary,
                       config: f,
@@ -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", za, [
+          n.contactPerson.email !== null ? (d(), 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(Qe)
+          }, null, 8, ["label", "icon"])) : N("", !0),
+          n.contactPerson.mobilePhone !== null ? (d(), 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(Ae)
+          }, null, 8, ["label", "icon"])) : N("", !0),
+          n.contactPerson.phone !== null ? (d(), g(K, {
             key: 2,
             label: n.contactPerson.phone,
-            icon: e(Ae)
-          }, null, 8, ["label", "icon"])) : I("", !0)
+            icon: e(Ke)
+          }, null, 8, ["label", "icon"])) : N("", !0)
         ])
       ]),
       _: 1
     }));
   }
 });
-function Xa() {
-  return k({
+function Ga() {
+  return T({
     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 te = /* @__PURE__ */ I({
   __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) => (d(), V(W, null, [
+      l(e(z), E(e(O)(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(le, { class: "col-span-2" }, {
+        default: r(() => [
+          ne(j(e(n).t("wise_crm.contact.create_dialog.form.seperator_label")), 1)
         ]),
         _: 1
       }),
-      l(e(le), q(e(E)(a.mobilePhone), {
+      l(e(se), E(e(O)(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(le, { class: "col-span-2" }, {
+        default: r(() => [
+          ne(j(e(n).t("wise_crm.contact.create_dialog.form.seperator_label")), 1)
         ]),
         _: 1
       }),
-      l(e(le), q(e(E)(a.phone), {
+      l(e(se), E(e(O)(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({
+}), Ha = /* @__PURE__ */ I({
   __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);
-    async function h(v) {
-      if (u.value = v, m.setValue(v?.uuid ?? null), v === null)
+    const n = t, i = a, o = x(), s = n.form.register("email"), p = n.form.register("phone"), f = n.form.register("mobile"), m = n.form.register("existingContactPerson"), u = M(null);
+    async function y(h) {
+      if (u.value = h, m.setValue(h?.uuid ?? null), h === null)
         return;
-      const _ = await je.getByUuid(v.uuid);
+      const _ = await ze.getByUuid(h.uuid);
       if (_.isErr())
         return;
-      const y = _.value;
-      r.setValue(y.email), p.setValue(y.phone), f.setValue(y.mobilePhone);
+      const b = _.value;
+      s.setValue(b.email), p.setValue(b.phone), f.setValue(b.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(() => [
-            l(Ke, {
+    return (h, _) => (d(), g(e(ee), null, {
+      default: r(() => [
+        l(e(Q), null, {
+          default: r(() => [
+            l(je, {
               modelValue: u.value,
               "onUpdate:modelValue": [
-                _[0] || (_[0] = (y) => u.value = y),
-                h
+                _[0] || (_[0] = (b) => u.value = b),
+                y
               ],
               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"])
+              onCreateNew: _[1] || (_[1] = (b) => i("createNewContactPerson"))
+            }, 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(Q), null, {
+          default: r(() => [
+            l(e(A), {
+              sm: 1,
+              lg: 1,
+              variant: "card"
+            }, {
+              default: r(() => [
+                l(te, {
+                  email: e(s),
+                  "mobile-phone": e(f),
+                  phone: e(p)
+                }, null, 8, ["email", "mobile-phone", "phone"])
+              ]),
+              _: 1
+            })
           ]),
           _: 1
         })
       ]),
       _: 1
-    }, 8, ["form"]));
+    }));
   }
-}), he = /* @__PURE__ */ x({
+}), Ce = /* @__PURE__ */ I({
   __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) => (d(), V(W, null, [
+      l(e(z), E(e(O)(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), E(e(O)(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({
+}), Ya = /* @__PURE__ */ I({
   __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"), s = a.form.register("mobilePhone"), p = a.form.register("phone");
+    return (f, m) => (d(), g(e(ee), null, {
+      default: r(() => [
+        l(e(Q), null, {
+          default: r(() => [
+            l(e(A), {
+              sm: 1,
+              lg: 2
+            }, {
+              default: r(() => [
+                l(Ce, {
+                  "first-name": e(n),
+                  "last-name": e(i)
+                }, null, 8, ["first-name", "last-name"])
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        }),
+        l(e(Q), null, {
+          default: r(() => [
+            l(e(A), {
+              sm: 1,
+              lg: 1,
+              variant: "card"
+            }, {
+              default: r(() => [
+                l(te, {
+                  email: e(o),
+                  "mobile-phone": e(s),
+                  phone: e(p)
+                }, null, 8, ["email", "mobile-phone", "phone"])
+              ]),
+              _: 1
+            }),
+            l(pe, {
               form: a.form
             }, null, 8, ["form"])
           ]),
           _: 1
-        }),
-        ie(f.$slots, "actions")
+        })
       ]),
-      _: 3
-    }, 8, ["form"]));
+      _: 1
+    }));
   }
-}), nt = z.object({
-  email: z.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()
+}), Za = G.object({
+  email: G.email().nullable(),
+  existingContactPerson: Re.nullable(),
+  mobile: B.nullable(),
+  phone: B.nullable()
+}), Xa = S.object({
+  email: S.email().min(1).nullable(),
+  firstName: S.string().min(1),
+  lastName: S.string().min(1),
+  mobilePhone: B.nullable(),
+  phone: B.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: fe.global.t("wise_crm.form.errors.at_least_one")
   });
-}), ot = /* @__PURE__ */ x({
+}), Ja = /* @__PURE__ */ I({
   __name: "DealContactPersonCreateDialog",
   props: {
     dealUuid: {},
@@ -563,98 +549,118 @@ 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(), s = q(), p = wa(), f = Ga(), m = Ge(), u = M(n.isCreatingNewContactPerson), y = R({
+      schema: Xa,
+      onSubmit: async (c) => {
         try {
-          const b = await f.execute({
+          const P = await m.execute({
             body: {
-              email: s.email,
-              firstName: s.firstName,
-              lastName: s.lastName,
-              mobilePhone: s.mobilePhone,
-              phone: s.phone
+              email: c.email,
+              firstName: c.firstName,
+              lastName: c.lastName,
+              mobilePhone: c.mobilePhone,
+              phone: c.phone
             }
           });
-          if (b.isErr()) {
-            r.show(b.error);
+          if (P.isErr()) {
+            s.show(P.error);
             return;
           }
-          const C = b.value;
-          n.isCreatingNewContactPerson || await p.execute({
+          const $ = P.value;
+          n.isCreatingNewContactPerson || await f.execute({
             body: {
-              contactPersonUuid: C,
+              contactPersonUuid: $,
               contactInfo: {
-                email: s.email,
-                mobilePhone: s.mobilePhone,
-                phone: s.phone
+                email: c.email,
+                mobilePhone: c.mobilePhone,
+                phone: c.phone
               }
             },
             params: {
               dealUuid: n.dealUuid
             }
-          }), y({
-            label: `${s.firstName} ${s.lastName}`,
-            value: C
+          }), C({
+            label: `${c.firstName} ${c.lastName}`,
+            value: $
           });
-        } catch (b) {
-          r.show(b);
+        } catch (P) {
+          s.show(P);
         }
+      },
+      onSubmitError: () => {
+        p.unableToSave();
       }
-    }), h = j({
-      schema: nt,
-      onSubmit: async (s) => {
-        await _(
-          s.existingContactPerson,
+    }), h = R({
+      schema: Za,
+      onSubmit: async (c) => {
+        await v(
+          c.existingContactPerson,
           {
-            email: s.email,
-            mobilePhone: s.mobile,
-            phone: s.phone
+            email: c.email,
+            mobilePhone: c.mobile,
+            phone: c.phone
           }
         );
+      },
+      onSubmitError: () => {
+        p.unableToSave();
       }
-    });
-    function v() {
-      m.value = !0;
+    }), _ = w(
+      () => u.value ? y : h
+    );
+    function b() {
+      u.value = !0;
     }
-    async function _(s, b) {
-      if (s !== null)
+    async function v(c, P) {
+      if (c !== null)
         try {
-          await p.execute({
+          await f.execute({
             body: {
-              contactPersonUuid: s,
-              contactInfo: b
+              contactPersonUuid: c,
+              contactInfo: P
             },
             params: {
               dealUuid: n.dealUuid
             }
-          }), y();
-        } catch (C) {
-          r.show(C);
+          }), C();
+        } catch ($) {
+          s.show($);
         }
     }
-    function y(s) {
-      if (s === void 0) {
+    function C(c) {
+      if (c === void 0) {
         i("close");
         return;
       }
-      i("createNewContactPerson", s), i("close");
+      i("createNewContactPerson", c), 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 (c, P) => (d(), g(e(ye), {
+      form: _.value,
+      size: "md",
+      "render-own-form-component": "",
+      onClose: C
     }, {
-      default: c(() => [
-        m.value ? (d(), g(tt, {
+      default: r(() => [
+        l(e(he), {
+          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"]),
+        u.value ? (d(), g(e(ue), {
           key: 0,
-          form: e(u)
+          form: e(y),
+          "prompt-on-unsaved-changes": !1
         }, {
-          actions: c(() => [
-            l(ce, null, {
-              default: c(() => [
-                l(de, {
-                  "is-loading": e(u).isSubmitting.value,
+          default: r(() => [
+            l(e(H), null, {
+              default: r(() => [
+                l(Ya, { form: e(y) }, null, 8, ["form"])
+              ]),
+              _: 1
+            }),
+            l(e(Y), null, {
+              right: r(() => [
+                l(e(Z), {
+                  "is-loading": e(y).isSubmitting.value,
                   label: e(o).t("wise_crm.shared.create")
                 }, null, 8, ["is-loading", "label"])
               ]),
@@ -662,22 +668,44 @@ const et = /* @__PURE__ */ x({
             })
           ]),
           _: 1
-        }, 8, ["form"])) : (d(), g(at, {
+        }, 8, ["form"])) : (d(), g(e(ue), {
           key: 1,
           form: e(h),
-          onCreateNewContactPerson: v
-        }, null, 8, ["form"]))
+          "prompt-on-unsaved-changes": !1
+        }, {
+          default: r(() => [
+            l(e(H), null, {
+              default: r(() => [
+                l(Ha, {
+                  form: e(h),
+                  onCreateNewContactPerson: b
+                }, null, 8, ["form"])
+              ]),
+              _: 1
+            }),
+            l(e(Y), null, {
+              right: r(() => [
+                l(e(Z), {
+                  "is-loading": e(h).isSubmitting.value,
+                  label: e(o).t("wise_crm.shared.create")
+                }, null, 8, ["is-loading", "label"])
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        }, 8, ["form"]))
       ]),
       _: 1
-    }, 8, ["title", "description"]));
+    }, 8, ["form"]));
   }
 });
-function it() {
-  return k({
+function Wa() {
+  return T({
     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 +718,27 @@ function it() {
     }
   });
 }
-function st(t, a) {
-  return be("dealContactPersonDetail", {
+function et(t, a) {
+  return Ue("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 at = S.object({
+  email: S.email().min(1).nullable(),
+  firstName: S.string().min(1),
+  lastName: S.string().min(1),
+  mobilePhone: B.nullable(),
+  phone: B.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: fe.global.t("wise_crm.form.errors.at_least_one")
   });
-}), ut = /* @__PURE__ */ x({
+}), tt = /* @__PURE__ */ I({
   __name: "DealContactPersonUpdateDialog",
   props: {
     contactPersonUuid: {},
@@ -718,10 +746,10 @@ const rt = N.object({
   },
   emits: ["close"],
   setup(t, { emit: a }) {
-    const n = t, i = a, o = D(), r = L(), p = it(), f = st(
+    const n = t, i = a, o = x(), s = q(), p = Wa(), f = et(
       w(() => n.dealUuid),
       w(() => n.contactPersonUuid)
-    ), m = w(() => f.result.value.isOk() ? f.result.value.getValue() : null), u = j({
+    ), m = w(() => f.result.value.isOk() ? f.result.value.getValue() : null), u = R({
       initialState: w(() => m.value === null ? null : {
         email: m.value.email,
         firstName: m.value.firstName,
@@ -729,53 +757,53 @@ const rt = N.object({
         mobilePhone: m.value.mobilePhone,
         phone: m.value.phone
       }),
-      schema: rt,
-      onSubmit: async (F) => {
-        await b(F);
+      schema: at,
+      onSubmit: async (P) => {
+        await C(P);
       }
-    }), h = u.register("firstName"), v = u.register("lastName"), _ = u.register("email"), y = u.register("mobilePhone"), s = u.register("phone");
-    async function b(F) {
+    }), y = u.register("firstName"), h = u.register("lastName"), _ = u.register("email"), b = u.register("mobilePhone"), v = u.register("phone");
+    async function C(P) {
       try {
         await p.execute({
           body: {
-            form: F
+            form: P
           },
           params: {
             contactPersonUuid: n.contactPersonUuid,
             dealUuid: n.dealUuid
           }
         }), i("close");
-      } catch (O) {
-        r.show(O);
+      } catch ($) {
+        s.show($);
       }
     }
-    function C() {
+    function c() {
       i("close");
     }
-    return (F, O) => (d(), g(e(wa), {
+    return (P, $) => (d(), g(e(ye), {
       form: e(u),
       size: "md",
-      onClose: C
+      onClose: c
     }, {
-      default: c(() => [
-        l(e(Pa), {
+      default: r(() => [
+        l(e(he), {
           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), {
+        m.value !== null ? (d(), g(e(H), { key: 0 }, {
+          default: r(() => [
+            l(e(ee), null, {
+              default: r(() => [
+                l(e(Q), null, {
+                  default: r(() => [
+                    l(e(A), {
                       sm: 1,
                       lg: 2
                     }, {
-                      default: c(() => [
-                        l(he, {
-                          "first-name": e(h),
-                          "last-name": e(v)
+                      default: r(() => [
+                        l(Ce, {
+                          "first-name": e(y),
+                          "last-name": e(h)
                         }, null, 8, ["first-name", "last-name"])
                       ]),
                       _: 1
@@ -783,25 +811,25 @@ const rt = N.object({
                   ]),
                   _: 1
                 }),
-                l(Ge, {
+                l(He, {
                   title: e(o).t("wise_crm.shared.contact_info")
                 }, {
-                  default: c(() => [
-                    l(e(oe), {
+                  default: r(() => [
+                    l(e(A), {
                       sm: 1,
                       lg: 1,
                       variant: "card"
                     }, {
-                      default: c(() => [
-                        l(W, {
+                      default: r(() => [
+                        l(te, {
                           email: e(_),
-                          "mobile-phone": e(y),
-                          phone: e(s)
+                          "mobile-phone": e(b),
+                          phone: e(v)
                         }, null, 8, ["email", "mobile-phone", "phone"])
                       ]),
                       _: 1
                     }),
-                    l(me, { form: e(u) }, null, 8, ["form"])
+                    l(pe, { form: e(u) }, null, 8, ["form"])
                   ]),
                   _: 1
                 }, 8, ["title"])
@@ -810,10 +838,10 @@ const rt = N.object({
             })
           ]),
           _: 1
-        })) : I("", !0),
-        l(e(Na), null, {
-          right: c(() => [
-            l(e(Sa), {
+        })) : N("", !0),
+        l(e(Y), null, {
+          right: r(() => [
+            l(e(Z), {
               "is-loading": e(u).isSubmitting.value,
               label: e(o).t("wise_crm.shared.save_changes")
             }, null, 8, ["is-loading", "label"])
@@ -825,50 +853,50 @@ const rt = N.object({
     }, 8, ["form"]));
   }
 });
-function ct(t) {
-  return Ta("userIndex", {
+function nt(t) {
+  return xa("userIndex", {
     params: t,
-    queryFn: (a) => He.getAll({
+    queryFn: (a) => Ye.getAll({
       pagination: a,
       search: t.params.search?.value
     })
   });
 }
-const dt = { class: "p-lg" }, mt = /* @__PURE__ */ x({
+const lt = { class: "p-lg" }, ot = /* @__PURE__ */ I({
   __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 = q(), o = $a(), s = Ta(), p = Ma(), f = Ze({
       persistInUrl: !1
-    }), m = ct({
+    }), m = nt({
       params: {
         search: f.debouncedSearch
       }
-    }), u = T(a.deal.dealLanguage), h = T(a.deal.dealSource), v = T(
+    }), u = M(a.deal.dealLanguage), y = M(a.deal.dealSource), h = M(
       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}`
+      const U = (m.result.value.isOk() ? m.result.value.getValue().data : []).map((D) => ({
+        uuid: D.uuid,
+        name: `${D.firstName} ${D.lastName}`
       }));
-      return $a(U);
+      return Pa(U);
     });
-    function y(U) {
-      return n.t(We.getI18nKey(U));
+    function b(U) {
+      return n.t(ea.getI18nKey(U));
     }
-    function s(U) {
-      return n.t(Xe.getI18nKey(U));
+    function v(U) {
+      return n.t(aa.getI18nKey(U));
     }
-    const b = R(Object.values(Se)), C = R(Object.values($e)), F = Ze();
-    function O(U) {
+    const C = X(Object.values($e)), c = X(Object.values(Te)), P = Xe();
+    function $(U) {
       f.updateSearch(U);
     }
-    async function ve(U) {
+    async function we(U) {
       if (u.value = U, U !== null)
         try {
           await o.execute({
@@ -879,14 +907,14 @@ const dt = { class: "p-lg" }, mt = /* @__PURE__ */ x({
               dealUuid: a.deal.uuid
             }
           });
-        } catch (P) {
-          i.show(P);
+        } catch (D) {
+          i.show(D);
         }
     }
-    async function Ue(U) {
-      if (h.value = U, U !== null)
+    async function Pe(U) {
+      if (y.value = U, U !== null)
         try {
-          await r.execute({
+          await s.execute({
             body: {
               dealSource: U
             },
@@ -894,12 +922,12 @@ const dt = { class: "p-lg" }, mt = /* @__PURE__ */ x({
               dealUuid: a.deal.uuid
             }
           });
-        } catch (P) {
-          i.show(P);
+        } catch (D) {
+          i.show(D);
         }
     }
-    async function Ce(U) {
-      if (v.value = U, U !== null)
+    async function De(U) {
+      if (h.value = U, U !== null)
         try {
           await p.execute({
             body: {
@@ -909,53 +937,53 @@ const dt = { class: "p-lg" }, mt = /* @__PURE__ */ x({
               dealUuid: a.deal.uuid
             }
           });
-        } catch (P) {
-          i.show(P);
+        } catch (D) {
+          i.show(D);
         }
     }
-    return (U, P) => (d(), M("div", null, [
-      l(ue, null, {
-        default: c(() => [
-          S("form", null, [
-            l(Z, { cols: 1 }, {
-              default: c(() => [
-                l(e(ka), {
-                  modelValue: v.value,
+    return (U, D) => (d(), V("div", null, [
+      l(me, null, {
+        default: r(() => [
+          k("form", null, [
+            l(Je, { cols: 1 }, {
+              default: r(() => [
+                l(e(Da), {
+                  modelValue: h.value,
                   "onUpdate:modelValue": [
-                    P[0] || (P[0] = (V) => v.value = V),
-                    Ce
+                    D[0] || (D[0] = (L) => h.value = L),
+                    De
                   ],
                   items: _.value,
-                  "display-fn": (V) => V.name,
+                  "display-fn": (L) => L.name,
                   "is-loading": e(m).isLoading.value || e(p).isLoading.value,
                   "search-mode": "remote",
                   placeholder: "Select deal owner",
                   label: "Deal owner",
-                  "onUpdate:search": O
+                  "onUpdate:search": $
                 }, null, 8, ["modelValue", "items", "display-fn", "is-loading"]),
-                l(e(G), {
+                l(e(J), {
                   modelValue: u.value,
                   "onUpdate:modelValue": [
-                    P[1] || (P[1] = (V) => u.value = V),
-                    ve
+                    D[1] || (D[1] = (L) => u.value = L),
+                    we
                   ],
                   label: e(n).t("wise_crm.deal.form.fields.language"),
                   placeholder: e(n).t("wise_crm.deal.form.fields.language_placeholder"),
-                  "display-fn": y,
+                  "display-fn": b,
                   "is-loading": e(o).isLoading.value,
-                  items: e(b)
+                  items: e(C)
                 }, null, 8, ["modelValue", "label", "placeholder", "is-loading", "items"]),
-                l(e(G), {
-                  modelValue: h.value,
+                l(e(J), {
+                  modelValue: y.value,
                   "onUpdate:modelValue": [
-                    P[2] || (P[2] = (V) => h.value = V),
-                    Ue
+                    D[2] || (D[2] = (L) => y.value = L),
+                    Pe
                   ],
-                  "display-fn": s,
+                  "display-fn": v,
                   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(s).isLoading.value,
+                  items: e(c)
                 }, null, 8, ["modelValue", "label", "placeholder", "is-loading", "items"])
               ]),
               _: 1
@@ -964,112 +992,112 @@ const dt = { class: "p-lg" }, mt = /* @__PURE__ */ x({
         ]),
         _: 1
       }),
-      S("div", dt, [
-        l(B, {
+      k("div", lt, [
+        l(K, {
           label: e(n).t("wise_crm.deal.sidebar.created_at", {
-            date: e(F).toDate(a.deal.createdAt.toPlainDate())
+            date: e(P).toDate(a.deal.createdAt.toPlainDate())
           }),
-          icon: e(Je),
+          icon: e(We),
           "text-color": "text-quaternary",
           class: "text-sm"
         }, null, 8, ["label", "icon"])
       ])
     ]));
   }
-}), pt = /* @__PURE__ */ x({
+}), it = /* @__PURE__ */ I({
   __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);
-    function h() {
+    const a = t, n = x(), i = q(), o = Oa(), s = Ba(), p = ae(), f = p.create(Ja), m = p.create(tt), u = w(() => a.deal.contactPersons.length > 0);
+    function y() {
       f.open({
         dealUuid: a.deal.uuid
       });
     }
-    function v(s) {
+    function h(v) {
       m.open({
-        contactPersonUuid: s,
+        contactPersonUuid: v,
         dealUuid: a.deal.uuid
       });
     }
-    async function _(s) {
+    async function _(v) {
       try {
-        await r.execute({
+        await s.execute({
           body: {
-            contactPersonUuid: s
+            contactPersonUuid: v
           },
           params: {
             dealUuid: a.deal.uuid
           }
         });
-      } catch (b) {
-        i.show(b);
+      } catch (C) {
+        i.show(C);
       }
     }
-    function y(s) {
+    function b(v) {
       o.execute({
         params: {
-          contactPersonUuid: s,
+          contactPersonUuid: v,
           dealUuid: a.deal.uuid
         }
       });
     }
-    return (s, b) => (d(), g(ea, { "default-values": ["general-info", "contact-persons"] }, {
-      default: c(() => [
-        l(ae, {
+    return (v, C) => (d(), g(ta, { "default-values": ["general-info", "contact-persons"] }, {
+      default: r(() => [
+        l(oe, {
           label: e(n).t("wise_crm.deal.detail.sidebar.accordion.general_info"),
-          icon: e(fe),
+          icon: e(_e),
           value: "general-info"
         }, {
-          default: c(() => [
-            l(mt, {
+          default: r(() => [
+            l(ot, {
               deal: a.deal
             }, null, 8, ["deal"])
           ]),
           _: 1
         }, 8, ["label", "icon"]),
-        l(ae, {
+        l(oe, {
           "is-empty": !u.value,
           label: e(n).t("wise_crm.info_dialog.sidebar.overview.contact_persons_label"),
-          icon: e(aa),
+          icon: e(na),
           value: "contact-persons",
-          onAdd: h
+          onAdd: y
         }, {
-          actions: c(() => [
-            u.value ? I("", !0) : (d(), g(ta, {
+          actions: r(() => [
+            u.value ? N("", !0) : (d(), g(la, {
               key: 0,
               label: e(n).t("wise_crm.info_dialog.sidebar.overview.contact_persons_label"),
-              icon: e(te),
+              icon: e(ie),
               class: "z-1",
-              onClick: h
+              onClick: y
             }, 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: r(() => [
+            (d(!0), V(W, null, Ne(a.deal.contactPersons, (c) => (d(), g(e(Sa), {
+              key: c.uuid,
+              "layout-id": c.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: r(() => [
+                l(Ra, {
+                  "contact-person": c,
+                  "on-toggle-is-primary": () => b(c.uuid),
+                  description: c.phone,
+                  onUpdate: (P) => h(c.uuid),
+                  onDelete: (P) => _(c.uuid)
                 }, null, 8, ["contact-person", "on-toggle-is-primary", "description", "onUpdate", "onDelete"])
               ]),
               _: 2
             }, 1032, ["layout-id"]))), 128)),
-            u.value ? (d(), g(e(Fa), {
+            u.value ? (d(), g(e(Ia), {
               key: 0,
-              "icon-left": e(te),
+              "icon-left": e(ie),
               label: e(n).t("wise_crm.shared.add"),
               variant: "tertiary",
               size: "sm",
-              onClick: h
-            }, null, 8, ["icon-left", "label"])) : I("", !0)
+              onClick: y
+            }, null, 8, ["icon-left", "label"])) : N("", !0)
           ]),
           _: 1
         }, 8, ["is-empty", "label", "icon"])
@@ -1078,12 +1106,12 @@ const dt = { class: "p-lg" }, mt = /* @__PURE__ */ x({
     }));
   }
 });
-function ft() {
-  return k({
+function rt() {
+  return T({
     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 +1120,17 @@ function ft() {
     }
   });
 }
-function _t(t, a) {
-  return be("boardColumnsTransition", {
+function st(t, a) {
+  return Ue("boardColumnsTransition", {
     params: {
       boardColumnUuid: t
     },
-    queryFn: () => na.getTransitions(t.value, a.value)
+    queryFn: () => oa.getTransitions(t.value, a.value)
   });
 }
-const gt = /* @__PURE__ */ x({
+const ut = /* @__PURE__ */ I({
   __name: "DealDetailSidebarTransitionSelect",
-  props: /* @__PURE__ */ Ie({
+  props: /* @__PURE__ */ ke({
     deal: {}
   }, {
     modelValue: {
@@ -1112,54 +1140,54 @@ 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(
+    const a = t, n = x(), i = ia(), s = ae().create(ra), p = Se(t, "modelValue"), f = q(), m = rt(), u = st(
       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,
+    ), y = w(() => (u.result.value.isOk() ? u.result.value.getValue() : []).flatMap((C) => C.triggers.length === 0 ? [
+      C
+    ] : C.triggers.map((c) => ({
+      ...C,
+      toColumnDisplayName: C.toColumnDisplayName,
       triggers: [
-        C
+        c
       ]
     }))));
-    function v(s) {
-      return s?.toColumnDisplayName ?? "-";
+    function h(v) {
+      return v?.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 _ = w(() => X(y.value));
+    async function b(v) {
+      if (v.triggers.length !== 0) {
+        if (v.triggers[0]?.triggerType === Me.EMAIL) {
+          s.open({
             dealUuid: a.deal.uuid,
             client: {
               uuid: a.deal.client.uuid,
               type: a.deal.client.type
             },
-            templateKey: s.triggers[0].config.mailTemplateKey
+            templateKey: v.triggers[0].config.mailTemplateKey
           });
           return;
         }
         try {
-          p.value = s, await m.execute({
+          p.value = v, await m.execute({
             body: {
-              toBoardColumnUuid: s.toColumnUuid
+              toBoardColumnUuid: v.toColumnUuid
             },
             params: {
               dealUuid: a.deal.uuid
             }
           });
-        } catch (b) {
-          f.show(b);
+        } catch (C) {
+          f.show(C);
         }
       }
     }
-    return (s, b) => (d(), g(ia, {
+    return (v, C) => (d(), g(sa, {
       color: p.value?.toColumnColor ?? null
     }, {
-      default: c(() => [
-        h.value.length === 0 ? (d(), g(e(ye), {
+      default: r(() => [
+        y.value.length === 0 ? (d(), g(e(ve), {
           key: 0,
           "class-config": {
             root: "text-nowrap"
@@ -1167,29 +1195,30 @@ const gt = /* @__PURE__ */ x({
           label: p.value.toColumnDisplayName,
           variant: "translucent",
           color: "brand"
-        }, null, 8, ["label"])) : (d(), g(e(G), {
+        }, null, 8, ["label"])) : (d(), g(e(J), {
           key: 1,
           "model-value": p.value,
           "is-loading": e(m).isLoading.value,
-          "display-fn": v,
+          "display-fn": h,
           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
+          "onUpdate:modelValue": b
         }, null, 8, ["model-value", "is-loading", "items", "placeholder", "label"]))
       ]),
       _: 1
     }, 8, ["color"]));
   }
 });
-function yt() {
-  return k({
+function ct() {
+  return T({
     queryFn: async ({
       body: t,
       params: a
-    }) => await _e.create(t, {
+    }) => await ge.create(t, {
       dealUuid: a.dealUuid
     }),
     queryKeysToInvalidate: {
@@ -1197,69 +1226,69 @@ function yt() {
     }
   });
 }
-function bt(t, a) {
-  return Ma("noteDealIndex", {
+function dt(t, a) {
+  return Na("noteDealIndex", {
     params: {
       params: a?.params
     },
-    queryFn: (n) => _e.getDealNotes({
+    queryFn: (n) => ge.getDealNotes({
       pagination: n
     }, t.value)
   });
 }
-const ht = /* @__PURE__ */ x({
+const mt = /* @__PURE__ */ I({
   __name: "DealDialogSidebarNotesContent",
   props: {
     deal: {}
   },
   setup(t) {
-    const a = t, i = J().create(sa), o = L(), r = yt(), p = ra(), f = bt(
+    const a = t, i = ae().create(ua), o = q(), s = ct(), p = ca(), f = dt(
       w(() => a.deal.uuid)
     ), m = w(() => f.result.value.isOk() ? f.result.value.getValue().data : []);
     async function u(_) {
-      await r.execute({
+      await s.execute({
         body: _,
         params: {
           dealUuid: a.deal.uuid
         }
       });
     }
-    async function h(_) {
+    async function y(_) {
       try {
         await p.execute({
           params: {
             noteUuid: _
           }
         });
-      } catch (y) {
-        o.show(y);
+      } catch (b) {
+        o.show(b);
       }
     }
-    function v(_) {
+    function h(_) {
       i.open({
         note: _
       });
     }
-    return (_, y) => (d(), g(ua, {
+    return (_, b) => (d(), g(da, {
       "is-loading": e(f).isLoading.value,
       notes: m.value,
       "on-submit": u,
       "has-next-page": e(f).hasNextPage.value,
-      onNext: y[0] || (y[0] = (s) => e(f).fetchNextPage()),
-      onDelete: h,
-      onUpdate: v
+      onNext: b[0] || (b[0] = (v) => e(f).fetchNextPage()),
+      onDelete: y,
+      onUpdate: h
     }, 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({
+}), pt = { class: "flex h-full flex-1 flex-col" }, ft = { class: "flex flex-col gap-xl rounded-2xl border border-primary p-xl" }, _t = { class: "flex w-full flex-wrap items-center justify-between gap-sm" }, gt = /* @__PURE__ */ I({
   __name: "DealDetailSidebar",
   props: {
     deal: {}
   },
   setup(t) {
-    const a = t, n = D(), i = ca(), o = T(
+    const a = t, n = x(), i = ma(), o = M(
       "overview"
       /* OVERVIEW */
-    ), r = T({
+    ), s = M({
       // There is no uuid available for the initial value, so a placeholder is used
       uuid: "",
       toColumnUuid: a.deal.boardColumn.uuid,
@@ -1269,42 +1298,32 @@ const ht = /* @__PURE__ */ x({
       triggers: []
     }), p = w(() => [
       {
-        icon: fe,
+        icon: _e,
         label: n.t("wise_crm.shared.overview"),
         value: "overview"
         /* OVERVIEW */
       },
       {
-        icon: da,
-        label: n.t("wise_crm.shared.activity"),
-        value: "activity"
-        /* ACTIVITY */
-      },
-      {
-        icon: ma,
+        icon: pa,
         label: n.t("wise_crm.shared.notes"),
         value: "notes"
         /* NOTES */
       }
     ]);
-    return (f, m) => (d(), M("div", vt, [
-      S("div", Ut, [
-        l(ja, {
+    return (f, m) => (d(), V("div", pt, [
+      k("div", ft, [
+        l(Ea, {
           deal: a.deal
         }, null, 8, ["deal"]),
-        S("div", Ct, [
-          l(pa, {
+        k("div", _t, [
+          l(fa, {
             onClick: m[0] || (m[0] = (u) => e(i).openBusinessDetail(
               a.deal.client.uuid
             ))
           }, {
-            default: c(() => [
-              l(e(ye), {
-                "class-config": {
-                  icon: "shrink-0 size-4",
-                  root: "text-nowrap"
-                },
-                icon: e(fa),
+            default: r(() => [
+              l(e(ve), {
+                icon: e(_a),
                 label: a.deal.client.name,
                 variant: "translucent",
                 color: "brand"
@@ -1312,82 +1331,82 @@ const ht = /* @__PURE__ */ x({
             ]),
             _: 1
           }),
-          l(gt, {
-            modelValue: r.value,
-            "onUpdate:modelValue": m[1] || (m[1] = (u) => r.value = u),
+          l(ut, {
+            modelValue: s.value,
+            "onUpdate:modelValue": m[1] || (m[1] = (u) => s.value = u),
             deal: a.deal
           }, null, 8, ["modelValue", "deal"])
         ])
       ]),
-      l(_a, {
+      l(ga, {
         modelValue: o.value,
         "onUpdate:modelValue": m[2] || (m[2] = (u) => o.value = u),
         tabs: p.value
       }, {
-        default: c(() => [
-          o.value === "overview" ? (d(), g(pt, {
+        default: r(() => [
+          o.value === "overview" ? (d(), g(it, {
             key: 0,
             deal: a.deal
-          }, null, 8, ["deal"])) : o.value === "notes" ? (d(), g(ht, {
+          }, null, 8, ["deal"])) : o.value === "notes" ? (d(), g(mt, {
             key: 1,
             deal: a.deal
-          }, null, 8, ["deal"])) : I("", !0)
+          }, null, 8, ["deal"])) : N("", !0)
         ]),
         _: 1
       }, 8, ["modelValue", "tabs"])
     ]));
   }
-}), Pt = /* @__PURE__ */ x({
+}), bt = /* @__PURE__ */ I({
   __name: "DealDetailSidebarProvider",
   props: {
     dealUuid: {}
   },
   setup(t) {
-    const a = t, n = ga(
+    const a = t, n = ba(
       w(() => a.dealUuid)
-    ), i = D();
-    return (o, r) => (d(), g(ya, null, {
-      default: c(() => [
-        e(n).isError.value ? (d(), g(ba, {
+    ), i = x();
+    return (o, s) => (d(), g(ya, null, {
+      default: r(() => [
+        e(n).isError.value ? (d(), g(ha, {
           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 ? (d(), g(va, {
           key: 1,
           class: "h-full"
-        })) : e(n).result.value.isOk() ? (d(), g(wt, {
+        })) : e(n).result.value.isOk() ? (d(), g(gt, {
           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({
+}), kt = /* @__PURE__ */ I({
   __name: "DealDetailView",
   props: {
     tabs: {}
   },
   setup(t) {
-    const a = t, n = D(), i = Ne("dealUuid"), o = w(() => [
+    const a = t, n = x(), i = Fe("dealUuid"), o = w(() => [
       ...a.tabs,
       {
         label: w(() => n.t("wise_crm.deal.detail_view.communication_tab_label")),
         to: "deal-communication"
       }
     ]);
-    return (r, p) => (d(), g(Fe, {
+    return (s, p) => (d(), g(Ve, {
       key: e(i),
-      "entity-type": e(se).BUSINESS,
+      "entity-type": e(ce).BUSINESS,
       tabs: o.value
     }, {
-      sidebar: c(() => [
-        l(Pt, { "deal-uuid": e(i) }, null, 8, ["deal-uuid"])
+      sidebar: r(() => [
+        l(bt, { "deal-uuid": e(i) }, null, 8, ["deal-uuid"])
       ]),
       _: 1
     }, 8, ["entity-type", "tabs"]));
   }
 });
 export {
-  qt as default
+  kt as default
 };