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

package/dist/DealDetailView-CgbWlPgR.js

@@ -0,0 +1,1393 @@
+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({
+    queryFn: async ({
+      body: t,
+      params: a
+    }) => await $.update(a.dealUuid, {
+      dealLanguage: t.dealLanguage
+    }),
+    queryKeysToInvalidate: {
+      dealDetail: {
+        dealUuid: (t) => t.dealUuid
+      },
+      dealIndex: {}
+    }
+  });
+}
+function Aa() {
+  return k({
+    queryFn: async ({
+      body: t,
+      params: a
+    }) => await $.update(a.dealUuid, {
+      dealSource: t.dealSource
+    }),
+    queryKeysToInvalidate: {
+      dealDetail: {
+        dealUuid: (t) => t.dealUuid
+      },
+      dealIndex: {}
+    }
+  });
+}
+function Oa() {
+  return k({
+    queryFn: async ({
+      body: t,
+      params: a
+    }) => await $.update(a.dealUuid, {
+      dealOwner: t.dealOwner
+    }),
+    queryKeysToInvalidate: {
+      dealDetail: {
+        dealUuid: (t) => t.dealUuid
+      },
+      dealIndex: {}
+    }
+  });
+}
+function Ba() {
+  return k({
+    queryFn: async ({
+      body: t,
+      params: a
+    }) => await $.update(a.dealUuid, {
+      name: t.name
+    }),
+    queryKeysToInvalidate: {
+      dealDetail: {
+        dealUuid: (t) => t.dealUuid
+      },
+      dealIndex: {}
+    }
+  });
+}
+const Qa = {
+  key: 1,
+  class: "flex justify-between"
+}, Ka = { class: "text-xl font-bold text-primary" }, ja = /* @__PURE__ */ x({
+  __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)
+      }),
+      onSubmit: async (_) => {
+        try {
+          await p.execute({
+            body: {
+              name: _.name
+            },
+            params: {
+              dealUuid: a.deal.uuid
+            }
+          });
+        } catch (y) {
+          i.show(y);
+        } finally {
+          o.value = !1;
+        }
+      }
+    }), m = f.register("name", a.deal.name);
+    async function u() {
+      o.value = !0, await Pe(), h();
+    }
+    function h() {
+      r.value?.querySelector(
+        "input"
+      )?.focus();
+    }
+    function v() {
+      if (!f.isDirty.value) {
+        o.value = !1;
+        return;
+      }
+      f.submit();
+    }
+    return (_, y) => (d(), M("div", {
+      ref_key: "nameFieldContainerRef",
+      ref: r
+    }, [
+      o.value ? (d(), g(Y, {
+        key: 0,
+        form: e(f)
+      }, {
+        default: c(() => [
+          l(e(K), q(e(E)(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
+          }), null, 16, ["is-loading", "label"]),
+          y[0] || (y[0] = S("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), {
+          label: e(n).t("wise_crm.deal.detail.sidebar.name_field.edit_label"),
+          icon: e(re),
+          variant: "tertiary",
+          class: "shrink-0",
+          onClick: u
+        }, null, 8, ["label", "icon"])
+      ]))
+    ], 512));
+  }
+});
+function za() {
+  const t = La(), a = "dealDetail", n = qa({
+    mutationFn: async (i) => {
+      const o = await $.setPrimaryContactPerson(i.dealUuid, i.contactPersonUuid);
+      if (o.isErr())
+        throw o.error;
+    },
+    onError: (i, o, r) => {
+      t.setQueryData(
+        [
+          a,
+          {
+            dealUuid: o.dealUuid
+          }
+        ],
+        r?.previousData
+      );
+    },
+    onMutate: async (i) => {
+      await t.cancelQueries({
+        queryKey: [
+          a,
+          {
+            dealUuid: i.dealUuid
+          }
+        ]
+      });
+      const o = t.getQueryData(
+        [
+          a,
+          {
+            dealUuid: i.dealUuid
+          }
+        ]
+      );
+      return o === void 0 ? {} : (t.setQueryData(
+        [
+          a,
+          {
+            dealUuid: i.dealUuid
+          }
+        ],
+        o.map((r) => ({
+          ...r,
+          contactPersons: r.contactPersons.map((p) => ({
+            ...p,
+            isPrimary: p.uuid === i.contactPersonUuid
+          }))
+        }))
+      ), {
+        previousData: o
+      });
+    },
+    onSettled: (i, o, r) => {
+      r !== void 0 && t.invalidateQueries({
+        queryKey: [
+          a,
+          {
+            dealUuid: r.dealUuid
+          }
+        ]
+      });
+    }
+  });
+  return {
+    isLoading: w(() => n.isPending.value),
+    data: w(() => n.data.value),
+    execute: async (i) => await n.mutateAsync(i.params)
+  };
+}
+function Ra() {
+  return k({
+    queryFn: async ({
+      body: t,
+      params: a
+    }) => await $.unlinkContactPerson(a.dealUuid, t.contactPersonUuid),
+    queryKeysToInvalidate: {
+      dealDetail: {
+        dealUuid: (t) => t.dealUuid
+      },
+      dealIndex: {}
+    }
+  });
+}
+const Ga = { class: "flex items-start justify-between" }, Ha = { class: "flex flex-col items-start" }, Ya = {
+  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({
+  __name: "CrmDetailSidebarAccordionGenericContactPersonInfo",
+  props: {
+    contactPerson: {},
+    description: { default: null },
+    onToggleIsPrimary: {}
+  },
+  emits: ["delete", "update"],
+  setup(t, { emit: a }) {
+    const n = t, i = a, o = D(), r = n.contactPerson.uuid ?? n.contactPerson.contactPersonUuid, p = {
+      left: {
+        icon: re,
+        type: "icon"
+      }
+    }, f = {
+      left: {
+        icon: Ve,
+        type: "icon"
+      }
+    };
+    function m() {
+      i("update");
+    }
+    function u() {
+      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, {
+              key: 0,
+              label: `${n.contactPerson.firstName} ${n.contactPerson.lastName}`,
+              "entity-type": e(se).INDIVIDUAL,
+              uuid: e(r),
+              class: "-m-xs"
+            }, null, 8, ["label", "entity-type", "uuid"])) : I("", !0),
+            n.description ? (d(), M("p", Ya, Q(n.description), 1)) : I("", !0)
+          ]),
+          S("div", Za, [
+            l(Me, {
+              "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),
+                  variant: "tertiary",
+                  size: "sm",
+                  label: "actionMenu"
+                }, null, 8, ["icon"])
+              ]),
+              content: c(() => [
+                l(e(Ua), null, {
+                  default: c(() => [
+                    l(e(ne), {
+                      config: p,
+                      label: e(o).t("wise_crm.info_dialog.sidebar.overview.update_contact_person"),
+                      onSelect: m
+                    }, null, 8, ["label"]),
+                    l(e(ne), {
+                      "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
+                    }, null, 8, ["is-disabled", "label"])
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            })
+          ])
+        ]),
+        S("div", Ja, [
+          n.contactPerson.email !== null ? (d(), g(B, {
+            key: 0,
+            label: n.contactPerson.email,
+            icon: e(qe)
+          }, null, 8, ["label", "icon"])) : I("", !0),
+          n.contactPerson.mobilePhone !== null ? (d(), g(B, {
+            key: 1,
+            label: n.contactPerson.mobilePhone,
+            icon: e(Ee)
+          }, null, 8, ["label", "icon"])) : I("", !0),
+          n.contactPerson.phone !== null ? (d(), g(B, {
+            key: 2,
+            label: n.contactPerson.phone,
+            icon: e(Ae)
+          }, null, 8, ["label", "icon"])) : I("", !0)
+        ])
+      ]),
+      _: 1
+    }));
+  }
+});
+function Xa() {
+  return k({
+    queryFn: async ({
+      body: t,
+      params: a
+    }) => await $.linkContactPerson(
+      a.dealUuid,
+      t.contactPersonUuid,
+      t.contactInfo
+    ),
+    queryKeysToInvalidate: {
+      dealDetail: {
+        dealUuid: (t) => t.dealUuid
+      },
+      dealIndex: {}
+    }
+  });
+}
+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({
+  __name: "ContactPersonFormContactField",
+  props: {
+    email: {},
+    mobilePhone: {},
+    phone: {}
+  },
+  setup(t) {
+    const a = t, n = D();
+    return (i, o) => (d(), M(H, null, [
+      l(e(K), 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)
+        ]),
+        _: 1
+      }),
+      l(e(le), 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)
+        ]),
+        _: 1
+      }),
+      l(e(le), 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({
+  __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)
+        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);
+    }
+    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, {
+              modelValue: u.value,
+              "onUpdate:modelValue": [
+                _[0] || (_[0] = (y) => u.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"])
+          ]),
+          _: 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"])
+          ]),
+          _: 1
+        })
+      ]),
+      _: 1
+    }, 8, ["form"]));
+  }
+}), he = /* @__PURE__ */ x({
+  __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), {
+        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), {
+        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({
+  __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, {
+              form: a.form
+            }, null, 8, ["form"])
+          ]),
+          _: 1
+        }),
+        ie(f.$slots, "actions")
+      ]),
+      _: 3
+    }, 8, ["form"]));
+  }
+}), 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()
+}).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")
+  });
+}), ot = /* @__PURE__ */ x({
+  __name: "DealContactPersonCreateDialog",
+  props: {
+    dealUuid: {},
+    isCreatingNewContactPerson: { type: Boolean, default: !1 }
+  },
+  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) => {
+        try {
+          const b = await f.execute({
+            body: {
+              email: s.email,
+              firstName: s.firstName,
+              lastName: s.lastName,
+              mobilePhone: s.mobilePhone,
+              phone: s.phone
+            }
+          });
+          if (b.isErr()) {
+            r.show(b.error);
+            return;
+          }
+          const C = b.value;
+          n.isCreatingNewContactPerson || await p.execute({
+            body: {
+              contactPersonUuid: C,
+              contactInfo: {
+                email: s.email,
+                mobilePhone: s.mobilePhone,
+                phone: s.phone
+              }
+            },
+            params: {
+              dealUuid: n.dealUuid
+            }
+          }), y({
+            label: `${s.firstName} ${s.lastName}`,
+            value: C
+          });
+        } catch (b) {
+          r.show(b);
+        }
+      }
+    }), h = j({
+      schema: nt,
+      onSubmit: async (s) => {
+        await _(
+          s.existingContactPerson,
+          {
+            email: s.email,
+            mobilePhone: s.mobile,
+            phone: s.phone
+          }
+        );
+      }
+    });
+    function v() {
+      m.value = !0;
+    }
+    async function _(s, b) {
+      if (s !== null)
+        try {
+          await p.execute({
+            body: {
+              contactPersonUuid: s,
+              contactInfo: b
+            },
+            params: {
+              dealUuid: n.dealUuid
+            }
+          }), y();
+        } catch (C) {
+          r.show(C);
+        }
+    }
+    function y(s) {
+      if (s === void 0) {
+        i("close");
+        return;
+      }
+      i("createNewContactPerson", s), 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
+    }, {
+      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
+            })
+          ]),
+          _: 1
+        }, 8, ["form"])) : (d(), g(at, {
+          key: 1,
+          form: e(h),
+          onCreateNewContactPerson: v
+        }, null, 8, ["form"]))
+      ]),
+      _: 1
+    }, 8, ["title", "description"]));
+  }
+});
+function it() {
+  return k({
+    queryFn: async ({
+      body: t,
+      params: a
+    }) => await $.updateContactPerson(a.dealUuid, a.contactPersonUuid, t.form),
+    queryKeysToInvalidate: {
+      dealContactPersonDetail: {
+        contactPersonUuid: (t) => t.contactPersonUuid,
+        dealUuid: (t) => t.dealUuid
+      },
+      dealDetail: {
+        dealUuid: (t) => t.dealUuid
+      },
+      dealIndex: {}
+    }
+  });
+}
+function st(t, a) {
+  return be("dealContactPersonDetail", {
+    params: {
+      contactPersonUuid: a,
+      dealUuid: t
+    },
+    queryFn: () => $.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()
+}).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")
+  });
+}), ut = /* @__PURE__ */ x({
+  __name: "DealContactPersonUpdateDialog",
+  props: {
+    contactPersonUuid: {},
+    dealUuid: {}
+  },
+  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
+      }),
+      schema: rt,
+      onSubmit: async (F) => {
+        await b(F);
+      }
+    }), h = u.register("firstName"), v = u.register("lastName"), _ = u.register("email"), y = u.register("mobilePhone"), s = u.register("phone");
+    async function b(F) {
+      try {
+        await p.execute({
+          body: {
+            form: F
+          },
+          params: {
+            contactPersonUuid: n.contactPersonUuid,
+            dealUuid: n.dealUuid
+          }
+        }), i("close");
+      } catch (O) {
+        r.show(O);
+      }
+    }
+    function C() {
+      i("close");
+    }
+    return (F, O) => (d(), g(e(wa), {
+      form: e(u),
+      size: "md",
+      onClose: C
+    }, {
+      default: c(() => [
+        l(e(Pa), {
+          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), {
+                      sm: 1,
+                      lg: 2
+                    }, {
+                      default: c(() => [
+                        l(he, {
+                          "first-name": e(h),
+                          "last-name": e(v)
+                        }, null, 8, ["first-name", "last-name"])
+                      ]),
+                      _: 1
+                    })
+                  ]),
+                  _: 1
+                }),
+                l(Ge, {
+                  title: e(o).t("wise_crm.shared.contact_info")
+                }, {
+                  default: c(() => [
+                    l(e(oe), {
+                      sm: 1,
+                      lg: 1,
+                      variant: "card"
+                    }, {
+                      default: c(() => [
+                        l(W, {
+                          email: e(_),
+                          "mobile-phone": e(y),
+                          phone: e(s)
+                        }, null, 8, ["email", "mobile-phone", "phone"])
+                      ]),
+                      _: 1
+                    }),
+                    l(me, { form: e(u) }, null, 8, ["form"])
+                  ]),
+                  _: 1
+                }, 8, ["title"])
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        })) : I("", !0),
+        l(e(Na), null, {
+          right: c(() => [
+            l(e(Sa), {
+              "is-loading": e(u).isSubmitting.value,
+              label: e(o).t("wise_crm.shared.save_changes")
+            }, null, 8, ["is-loading", "label"])
+          ]),
+          _: 1
+        })
+      ]),
+      _: 1
+    }, 8, ["form"]));
+  }
+});
+function ct(t) {
+  return Ta("userIndex", {
+    params: t,
+    queryFn: (a) => He.getAll({
+      pagination: a,
+      search: t.params.search?.value
+    })
+  });
+}
+const dt = { class: "p-lg" }, mt = /* @__PURE__ */ x({
+  __name: "DealDetailSidebarGeneralInfo",
+  props: {
+    deal: {}
+  },
+  setup(t) {
+    const a = t, n = D(), i = L(), o = Ea(), r = Aa(), p = Oa(), f = Ye({
+      persistInUrl: !1
+    }), m = ct({
+      params: {
+        search: f.debouncedSearch
+      }
+    }), u = 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}`
+      }));
+      return $a(U);
+    });
+    function y(U) {
+      return n.t(We.getI18nKey(U));
+    }
+    function s(U) {
+      return n.t(Xe.getI18nKey(U));
+    }
+    const b = R(Object.values(Se)), C = R(Object.values($e)), F = Ze();
+    function O(U) {
+      f.updateSearch(U);
+    }
+    async function ve(U) {
+      if (u.value = U, U !== null)
+        try {
+          await o.execute({
+            body: {
+              dealLanguage: U
+            },
+            params: {
+              dealUuid: a.deal.uuid
+            }
+          });
+        } catch (P) {
+          i.show(P);
+        }
+    }
+    async function Ue(U) {
+      if (h.value = U, U !== null)
+        try {
+          await r.execute({
+            body: {
+              dealSource: U
+            },
+            params: {
+              dealUuid: a.deal.uuid
+            }
+          });
+        } catch (P) {
+          i.show(P);
+        }
+    }
+    async function Ce(U) {
+      if (v.value = U, U !== null)
+        try {
+          await p.execute({
+            body: {
+              dealOwner: U
+            },
+            params: {
+              dealUuid: a.deal.uuid
+            }
+          });
+        } catch (P) {
+          i.show(P);
+        }
+    }
+    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,
+                  "onUpdate:modelValue": [
+                    P[0] || (P[0] = (V) => v.value = V),
+                    Ce
+                  ],
+                  items: _.value,
+                  "display-fn": (V) => V.name,
+                  "is-loading": e(m).isLoading.value || e(p).isLoading.value,
+                  "search-mode": "remote",
+                  placeholder: "Select deal owner",
+                  label: "Deal owner",
+                  "onUpdate:search": O
+                }, null, 8, ["modelValue", "items", "display-fn", "is-loading"]),
+                l(e(G), {
+                  modelValue: u.value,
+                  "onUpdate:modelValue": [
+                    P[1] || (P[1] = (V) => u.value = V),
+                    ve
+                  ],
+                  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)
+                }, null, 8, ["modelValue", "label", "placeholder", "is-loading", "items"]),
+                l(e(G), {
+                  modelValue: h.value,
+                  "onUpdate:modelValue": [
+                    P[2] || (P[2] = (V) => h.value = V),
+                    Ue
+                  ],
+                  "display-fn": s,
+                  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)
+                }, null, 8, ["modelValue", "label", "placeholder", "is-loading", "items"])
+              ]),
+              _: 1
+            })
+          ])
+        ]),
+        _: 1
+      }),
+      S("div", dt, [
+        l(B, {
+          label: e(n).t("wise_crm.deal.sidebar.created_at", {
+            date: e(F).toDate(a.deal.createdAt.toPlainDate())
+          }),
+          icon: e(Je),
+          "text-color": "text-quaternary",
+          class: "text-sm"
+        }, null, 8, ["label", "icon"])
+      ])
+    ]));
+  }
+}), pt = /* @__PURE__ */ x({
+  __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() {
+      f.open({
+        dealUuid: a.deal.uuid
+      });
+    }
+    function v(s) {
+      m.open({
+        contactPersonUuid: s,
+        dealUuid: a.deal.uuid
+      });
+    }
+    async function _(s) {
+      try {
+        await r.execute({
+          body: {
+            contactPersonUuid: s
+          },
+          params: {
+            dealUuid: a.deal.uuid
+          }
+        });
+      } catch (b) {
+        i.show(b);
+      }
+    }
+    function y(s) {
+      o.execute({
+        params: {
+          contactPersonUuid: s,
+          dealUuid: a.deal.uuid
+        }
+      });
+    }
+    return (s, b) => (d(), g(ea, { "default-values": ["general-info", "contact-persons"] }, {
+      default: c(() => [
+        l(ae, {
+          label: e(n).t("wise_crm.deal.detail.sidebar.accordion.general_info"),
+          icon: e(fe),
+          value: "general-info"
+        }, {
+          default: c(() => [
+            l(mt, {
+              deal: a.deal
+            }, null, 8, ["deal"])
+          ]),
+          _: 1
+        }, 8, ["label", "icon"]),
+        l(ae, {
+          "is-empty": !u.value,
+          label: e(n).t("wise_crm.info_dialog.sidebar.overview.contact_persons_label"),
+          icon: e(aa),
+          value: "contact-persons",
+          onAdd: h
+        }, {
+          actions: c(() => [
+            u.value ? I("", !0) : (d(), g(ta, {
+              key: 0,
+              label: e(n).t("wise_crm.info_dialog.sidebar.overview.contact_persons_label"),
+              icon: e(te),
+              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: 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)
+                }, null, 8, ["contact-person", "on-toggle-is-primary", "description", "onUpdate", "onDelete"])
+              ]),
+              _: 2
+            }, 1032, ["layout-id"]))), 128)),
+            u.value ? (d(), g(e(Fa), {
+              key: 0,
+              "icon-left": e(te),
+              label: e(n).t("wise_crm.shared.add"),
+              variant: "tertiary",
+              size: "sm",
+              onClick: h
+            }, null, 8, ["icon-left", "label"])) : I("", !0)
+          ]),
+          _: 1
+        }, 8, ["is-empty", "label", "icon"])
+      ]),
+      _: 1
+    }));
+  }
+});
+function ft() {
+  return k({
+    queryFn: async ({
+      body: t,
+      params: a
+    }) => await $.transition(a.dealUuid, t.toBoardColumnUuid),
+    queryKeysToInvalidate: {
+      dealDetail: {
+        dealUuid: (t) => t.dealUuid
+      },
+      dealIndex: {}
+    }
+  });
+}
+function _t(t, a) {
+  return be("boardColumnsTransition", {
+    params: {
+      boardColumnUuid: t
+    },
+    queryFn: () => na.getTransitions(t.value, a.value)
+  });
+}
+const gt = /* @__PURE__ */ x({
+  __name: "DealDetailSidebarTransitionSelect",
+  props: /* @__PURE__ */ Ie({
+    deal: {}
+  }, {
+    modelValue: {
+      required: !0
+    },
+    modelModifiers: {}
+  }),
+  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,
+      triggers: [
+        C
+      ]
+    }))));
+    function v(s) {
+      return s?.toColumnDisplayName ?? "-";
+    }
+    const _ = w(() => R(h.value));
+    async function y(s) {
+      if (s.triggers.length !== 0) {
+        if (s.triggers[0]?.triggerType === ke.EMAIL) {
+          r.open({
+            dealUuid: a.deal.uuid,
+            client: {
+              uuid: a.deal.client.uuid,
+              type: a.deal.client.type
+            },
+            templateKey: s.triggers[0].config.mailTemplateKey
+          });
+          return;
+        }
+        try {
+          p.value = s, await m.execute({
+            body: {
+              toBoardColumnUuid: s.toColumnUuid
+            },
+            params: {
+              dealUuid: a.deal.uuid
+            }
+          });
+        } catch (b) {
+          f.show(b);
+        }
+      }
+    }
+    return (s, b) => (d(), g(ia, {
+      color: p.value?.toColumnColor ?? null
+    }, {
+      default: c(() => [
+        h.value.length === 0 ? (d(), g(e(ye), {
+          key: 0,
+          "class-config": {
+            root: "text-nowrap"
+          },
+          label: p.value.toColumnDisplayName,
+          variant: "translucent",
+          color: "brand"
+        }, null, 8, ["label"])) : (d(), g(e(G), {
+          key: 1,
+          "model-value": p.value,
+          "is-loading": e(m).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"),
+          size: "sm",
+          "onUpdate:modelValue": y
+        }, null, 8, ["model-value", "is-loading", "items", "placeholder", "label"]))
+      ]),
+      _: 1
+    }, 8, ["color"]));
+  }
+});
+function yt() {
+  return k({
+    queryFn: async ({
+      body: t,
+      params: a
+    }) => await _e.create(t, {
+      dealUuid: a.dealUuid
+    }),
+    queryKeysToInvalidate: {
+      noteDealIndex: {}
+    }
+  });
+}
+function bt(t, a) {
+  return Ma("noteDealIndex", {
+    params: {
+      params: a?.params
+    },
+    queryFn: (n) => _e.getDealNotes({
+      pagination: n
+    }, t.value)
+  });
+}
+const ht = /* @__PURE__ */ x({
+  __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({
+        body: _,
+        params: {
+          dealUuid: a.deal.uuid
+        }
+      });
+    }
+    async function h(_) {
+      try {
+        await p.execute({
+          params: {
+            noteUuid: _
+          }
+        });
+      } catch (y) {
+        o.show(y);
+      }
+    }
+    function v(_) {
+      i.open({
+        note: _
+      });
+    }
+    return (_, y) => (d(), g(ua, {
+      "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
+    }, 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({
+  __name: "DealDetailSidebar",
+  props: {
+    deal: {}
+  },
+  setup(t) {
+    const a = t, n = D(), i = ca(), o = T(
+      "overview"
+      /* OVERVIEW */
+    ), r = T({
+      // There is no uuid available for the initial value, so a placeholder is used
+      uuid: "",
+      toColumnUuid: a.deal.boardColumn.uuid,
+      toColumnColor: a.deal.boardColumn.color,
+      toColumnDisplayName: a.deal.boardColumn.displayName,
+      toColumnKey: "",
+      triggers: []
+    }), p = w(() => [
+      {
+        icon: fe,
+        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"),
+        value: "notes"
+        /* NOTES */
+      }
+    ]);
+    return (f, m) => (d(), M("div", vt, [
+      S("div", Ut, [
+        l(ja, {
+          deal: a.deal
+        }, null, 8, ["deal"]),
+        S("div", Ct, [
+          l(pa, {
+            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),
+                label: a.deal.client.name,
+                variant: "translucent",
+                color: "brand"
+              }, null, 8, ["icon", "label"])
+            ]),
+            _: 1
+          }),
+          l(gt, {
+            modelValue: r.value,
+            "onUpdate:modelValue": m[1] || (m[1] = (u) => r.value = u),
+            deal: a.deal
+          }, null, 8, ["modelValue", "deal"])
+        ])
+      ]),
+      l(_a, {
+        modelValue: o.value,
+        "onUpdate:modelValue": m[2] || (m[2] = (u) => o.value = u),
+        tabs: p.value
+      }, {
+        default: c(() => [
+          o.value === "overview" ? (d(), g(pt, {
+            key: 0,
+            deal: a.deal
+          }, null, 8, ["deal"])) : o.value === "notes" ? (d(), g(ht, {
+            key: 1,
+            deal: a.deal
+          }, null, 8, ["deal"])) : I("", !0)
+        ]),
+        _: 1
+      }, 8, ["modelValue", "tabs"])
+    ]));
+  }
+}), Pt = /* @__PURE__ */ x({
+  __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, {
+          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, {
+          key: 1,
+          class: "h-full"
+        })) : e(n).result.value.isOk() ? (d(), g(wt, {
+          key: e(n).result.value.getValue().boardColumn.uuid,
+          deal: e(n).result.value.getValue()
+        }, null, 8, ["deal"])) : I("", !0)
+      ]),
+      _: 1
+    }));
+  }
+}), qt = /* @__PURE__ */ x({
+  __name: "DealDetailView",
+  props: {
+    tabs: {}
+  },
+  setup(t) {
+    const a = t, n = D(), i = Ne("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, {
+      key: e(i),
+      "entity-type": e(se).BUSINESS,
+      tabs: o.value
+    }, {
+      sidebar: c(() => [
+        l(Pt, { "deal-uuid": e(i) }, null, 8, ["deal-uuid"])
+      ]),
+      _: 1
+    }, 8, ["entity-type", "tabs"]));
+  }
+});
+export {
+  qt as default
+};