@wisemen/wise-crm-web 2.0.0-alpha.2 → 2.0.0-alpha.21

package/dist/DealDetailView-BNWu5Dmn.js

@@ -0,0 +1,1508 @@
+import { defineComponent as x, openBlock as d, createBlock as g, unref as e, ref as V, useTemplateRef as Se, createElementBlock as q, withCtx as r, createVNode as o, mergeProps as O, createElementVNode as S, toDisplayString as z, nextTick as ke, computed as w, createCommentVNode as F, Fragment as te, createTextVNode as ie, renderList as Fe, useModel as $e, mergeModels as Te } from "vue";
+import { useRouteParams as Me } from "@vueuse/router";
+import { useI18n as I } from "vue-i18n";
+import { bq as fe, bv as Ve, bx as qe, bA as Ee } from "./uuid.util-8nyk7pzI.js";
+import { _ as Le } from "./CrmDetailView.vue_vue_type_script_setup_true_lang-UxTnX2I8.js";
+import { c as k, d as pe, e as Oe, f as $, h as L, i as Qe, E as _e, C as ge, j as Ae, k as Be, l as Ke, n as je, o as R, g as Re, J as ze, p as Ge, q as re, r as Ye, I as Ze, s as ye, t as A, v as He, w as be, x as Je, y as Xe, U as We, z as ea, u as aa, B as ta, Q as na, F as la, G as oa, H as ia, K as se, L as he, N as ra, O as ue, P as sa, R as ua, S as ca, T as da, V as ve, W as ma, X as fa, Y as pa, Z as _a, $ as ga, a0 as ya, a1 as ba, a2 as ha, a3 as va, a4 as Ua, A as Ca } from "./index-BdE_BLXy.js";
+import { useToast as Ue, useOverlay as H, UIConfirmDialog as wa, UIIconButton as ne, UITextField as G, toFormField as Q, UIDropdownMenu as Pa, UIDropdownMenuGroup as Da, UIDropdownMenuItem as ce, UIPhoneNumberField as de, UIFormLayout as le, UIFormFieldGroup as B, UIFormFieldGrid as K, UIFormDialog as Ce, UIDialogHeader as we, UIForm as me, UIDialogBody as J, UIDialogFooter as X, UIDialogFooterSubmit as W, createAutocompleteOptions as xa, createSelectOptions as ee, UIAutocomplete as Ia, UISelect as ae, UIButton as Na, UIBadge as Pe } from "@wisemen/vue-core-design-system";
+import { useMutation as T, useQuery as De, useOffsetInfiniteQuery as Sa, useKeysetInfiniteQuery as ka } from "@wisemen/vue-core-api-utils";
+import { useForm as Y } from "formango";
+import Z, { z as N } from "zod";
+import { Motion as Fa } from "motion-v";
+import { useQueryClient as $a, useMutation as Ta } from "@tanstack/vue-query";
+function Ma() {
+  return T({
+    queryFn: async ({
+      params: n
+    }) => await k.delete(n.dealUuid),
+    queryKeysToInvalidate: {
+      dealIndex: {}
+    }
+  });
+}
+const Va = /* @__PURE__ */ x({
+  __name: "DealDetailSidebarDeleteButton",
+  props: {
+    deal: {}
+  },
+  setup(n) {
+    const a = n, t = I(), l = Ue(), i = pe(), c = H().create(wa), m = Ma();
+    function f() {
+      c.open({
+        title: t.t("wise_crm.deal.detail.sidebar.delete.title"),
+        isDestructive: !0,
+        confirmLabel: t.t("wise_crm.shared.delete"),
+        description: t.t("wise_crm.deal.detail.sidebar.delete.description", {
+          name: a.deal.name
+        }),
+        onConfirm: async () => {
+          const u = await m.execute({
+            params: {
+              dealUuid: a.deal.uuid
+            }
+          });
+          if (u.isErr()) {
+            l.apiError(u.error);
+            return;
+          }
+          c.close(), i.goToReturnRoute();
+        }
+      });
+    }
+    return (u, y) => (d(), g(e(ne), {
+      label: e(t).t("wise_crm.deal.detail.sidebar.delete.label"),
+      icon: e(Oe),
+      variant: "tertiary",
+      class: "shrink-0",
+      onClick: f
+    }, null, 8, ["label", "icon"]));
+  }
+});
+function qa() {
+  const n = $();
+  return T({
+    queryFn: async ({
+      body: a,
+      params: t
+    }) => {
+      const l = await k.update(t.dealUuid, {
+        dealLanguage: a.dealLanguage
+      });
+      return l.isOk() && n.notifyDealChanged(t.dealUuid), l;
+    },
+    queryKeysToInvalidate: {
+      dealDetail: {
+        dealUuid: (a) => a.dealUuid
+      },
+      dealIndex: {}
+    }
+  });
+}
+function Ea() {
+  const n = $();
+  return T({
+    queryFn: async ({
+      body: a,
+      params: t
+    }) => {
+      const l = await k.update(t.dealUuid, {
+        dealSource: a.dealSource
+      });
+      return l.isOk() && n.notifyDealChanged(t.dealUuid), l;
+    },
+    queryKeysToInvalidate: {
+      dealDetail: {
+        dealUuid: (a) => a.dealUuid
+      },
+      dealIndex: {}
+    }
+  });
+}
+function La() {
+  const n = $();
+  return T({
+    queryFn: async ({
+      body: a,
+      params: t
+    }) => {
+      const l = await k.update(t.dealUuid, {
+        dealOwner: a.dealOwner
+      });
+      return l.isOk() && n.notifyDealChanged(t.dealUuid), l;
+    },
+    queryKeysToInvalidate: {
+      dealDetail: {
+        dealUuid: (a) => a.dealUuid
+      },
+      dealIndex: {}
+    }
+  });
+}
+function Oa() {
+  const n = $();
+  return T({
+    queryFn: async ({
+      body: a,
+      params: t
+    }) => {
+      const l = await k.update(t.dealUuid, {
+        name: a.name
+      });
+      return l.isOk() && n.notifyDealChanged(t.dealUuid), l;
+    },
+    queryKeysToInvalidate: {
+      dealDetail: {
+        dealUuid: (a) => a.dealUuid
+      },
+      dealIndex: {}
+    }
+  });
+}
+const Qa = {
+  key: 1,
+  class: "flex justify-between"
+}, Aa = { class: "text-xl font-bold text-primary" }, Ba = /* @__PURE__ */ x({
+  __name: "DealDetailSidebarNameField",
+  props: {
+    deal: {}
+  },
+  setup(n) {
+    const a = n, t = I(), l = L(), i = V(!1), s = Se("nameFieldContainerRef"), c = Oa(), m = Y({
+      schema: Z.object({
+        name: Z.string().min(1)
+      }),
+      onSubmit: async (_) => {
+        try {
+          await c.execute({
+            body: {
+              name: _.name
+            },
+            params: {
+              dealUuid: a.deal.uuid
+            }
+          });
+        } catch (b) {
+          l.show(b);
+        } finally {
+          i.value = !1;
+        }
+      }
+    }), f = m.register("name", a.deal.name);
+    async function u() {
+      i.value = !0, await ke(), y();
+    }
+    function y() {
+      s.value?.querySelector(
+        "input"
+      )?.focus();
+    }
+    function h() {
+      if (!m.isDirty.value) {
+        i.value = !1;
+        return;
+      }
+      m.submit();
+    }
+    return (_, b) => (d(), q("div", {
+      ref_key: "nameFieldContainerRef",
+      ref: s
+    }, [
+      i.value ? (d(), g(Qe, {
+        key: 0,
+        form: e(m)
+      }, {
+        default: r(() => [
+          o(e(G), O(e(Q)(e(f)), {
+            "is-loading": e(m).isSubmitting.value,
+            label: e(t).t("wise_crm.deal.detail.sidebar.name_field.label"),
+            class: "[&_input]:text-xl [&_input]:font-bold",
+            onBlur: h
+          }), null, 16, ["is-loading", "label"]),
+          b[0] || (b[0] = S("button", {
+            type: "submit",
+            class: "sr-only"
+          }, null, -1))
+        ]),
+        _: 1
+      }, 8, ["form"])) : (d(), q("div", Qa, [
+        S("h2", Aa, z(a.deal.name), 1),
+        o(e(ne), {
+          label: e(t).t("wise_crm.deal.detail.sidebar.name_field.edit_label"),
+          icon: e(_e),
+          variant: "tertiary",
+          class: "shrink-0",
+          onClick: u
+        }, null, 8, ["label", "icon"])
+      ]))
+    ], 512));
+  }
+});
+function Ka() {
+  const n = $a(), a = $(), t = "dealDetail", l = Ta({
+    mutationFn: async (i) => {
+      const s = await k.setPrimaryContactPerson(i.dealUuid, i.contactPersonUuid);
+      if (s.isErr())
+        throw s.error;
+      a.notifyDealChanged(i.dealUuid);
+    },
+    onError: (i, s, c) => {
+      n.setQueryData(
+        [
+          t,
+          {
+            dealUuid: s.dealUuid
+          }
+        ],
+        c?.previousData
+      );
+    },
+    onMutate: async (i) => {
+      await n.cancelQueries({
+        queryKey: [
+          t,
+          {
+            dealUuid: i.dealUuid
+          }
+        ]
+      });
+      const s = n.getQueryData(
+        [
+          t,
+          {
+            dealUuid: i.dealUuid
+          }
+        ]
+      );
+      return s === void 0 ? {} : (n.setQueryData(
+        [
+          t,
+          {
+            dealUuid: i.dealUuid
+          }
+        ],
+        s.map((c) => ({
+          ...c,
+          contactPersons: c.contactPersons.map((m) => ({
+            ...m,
+            isPrimary: m.uuid === i.contactPersonUuid
+          }))
+        }))
+      ), {
+        previousData: s
+      });
+    },
+    onSettled: (i, s, c) => {
+      c !== void 0 && n.invalidateQueries({
+        queryKey: [
+          t,
+          {
+            dealUuid: c.dealUuid
+          }
+        ]
+      });
+    }
+  });
+  return {
+    isLoading: w(() => l.isPending.value),
+    data: w(() => l.data.value),
+    execute: async (i) => await l.mutateAsync(i.params)
+  };
+}
+function ja() {
+  const n = $();
+  return T({
+    queryFn: async ({
+      body: a,
+      params: t
+    }) => {
+      const l = await k.unlinkContactPerson(t.dealUuid, a.contactPersonUuid);
+      return l.isOk() && n.notifyDealChanged(t.dealUuid), l;
+    },
+    queryKeysToInvalidate: {
+      dealDetail: {
+        dealUuid: (a) => a.dealUuid
+      },
+      dealIndex: {}
+    }
+  });
+}
+const Ra = { class: "flex items-start justify-between" }, za = { class: "flex flex-col items-start" }, Ga = {
+  key: 1,
+  class: "mt-sm text-brand-700"
+}, Ya = { class: "-mt-2 -mr-2 flex items-center justify-end" }, Za = { class: "grid gap-lg" }, Ha = /* @__PURE__ */ x({
+  __name: "CrmDetailSidebarAccordionGenericContactPersonInfo",
+  props: {
+    contactPerson: {},
+    description: { default: null },
+    onToggleIsPrimary: {}
+  },
+  emits: ["delete", "update"],
+  setup(n, { emit: a }) {
+    const t = n, l = a, i = I(), s = t.contactPerson.uuid ?? t.contactPerson.contactPersonUuid, c = {
+      left: {
+        icon: _e,
+        type: "icon"
+      }
+    }, m = {
+      left: {
+        icon: Ke,
+        type: "icon"
+      }
+    };
+    function f() {
+      l("update");
+    }
+    function u() {
+      l("delete");
+    }
+    function y() {
+      t.onToggleIsPrimary();
+    }
+    return (h, _) => (d(), g(ge, { class: "flex flex-col gap-lg" }, {
+      default: r(() => [
+        S("div", Ra, [
+          S("div", za, [
+            e(s) ? (d(), g(Ae, {
+              key: 0,
+              label: `${t.contactPerson.firstName} ${t.contactPerson.lastName}`,
+              "entity-type": e(fe).INDIVIDUAL,
+              uuid: e(s),
+              class: "-m-xs"
+            }, null, 8, ["label", "entity-type", "uuid"])) : F("", !0),
+            t.description ? (d(), q("p", Ga, z(t.description), 1)) : F("", !0)
+          ]),
+          S("div", Ya, [
+            o(Be, {
+              "is-active": t.contactPerson.isPrimary,
+              onClick: y
+            }, null, 8, ["is-active"]),
+            o(e(Pa), { "popover-align": "end" }, {
+              trigger: r(() => [
+                o(e(ne), {
+                  icon: e(je),
+                  variant: "tertiary",
+                  size: "sm",
+                  label: "actionMenu"
+                }, null, 8, ["icon"])
+              ]),
+              content: r(() => [
+                o(e(Da), null, {
+                  default: r(() => [
+                    o(e(ce), {
+                      config: c,
+                      label: e(i).t("wise_crm.info_dialog.sidebar.overview.update_contact_person"),
+                      onSelect: f
+                    }, null, 8, ["label"]),
+                    o(e(ce), {
+                      "is-destructive": !0,
+                      "is-disabled": t.contactPerson.isPrimary,
+                      config: m,
+                      label: e(i).t("wise_crm.info_dialog.sidebar.overview.delete_contact_person"),
+                      onSelect: u
+                    }, null, 8, ["is-disabled", "label"])
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            })
+          ])
+        ]),
+        S("div", Za, [
+          t.contactPerson.email !== null ? (d(), g(R, {
+            key: 0,
+            label: t.contactPerson.email,
+            icon: e(Re)
+          }, null, 8, ["label", "icon"])) : F("", !0),
+          t.contactPerson.mobilePhone !== null ? (d(), g(R, {
+            key: 1,
+            label: t.contactPerson.mobilePhone,
+            icon: e(ze)
+          }, null, 8, ["label", "icon"])) : F("", !0),
+          t.contactPerson.phone !== null ? (d(), g(R, {
+            key: 2,
+            label: t.contactPerson.phone,
+            icon: e(Ge)
+          }, null, 8, ["label", "icon"])) : F("", !0)
+        ])
+      ]),
+      _: 1
+    }));
+  }
+});
+function Ja() {
+  const n = $();
+  return T({
+    queryFn: async ({
+      body: a,
+      params: t
+    }) => {
+      const l = await k.linkContactPerson(
+        t.dealUuid,
+        a.contactPersonUuid,
+        a.contactInfo
+      );
+      return l.isOk() && n.notifyDealChanged(t.dealUuid), l;
+    },
+    queryKeysToInvalidate: {
+      dealDetail: {
+        dealUuid: (a) => a.dealUuid
+      },
+      dealIndex: {}
+    }
+  });
+}
+const oe = /* @__PURE__ */ x({
+  __name: "ContactPersonFormContactField",
+  props: {
+    email: {},
+    mobilePhone: {},
+    phone: {}
+  },
+  setup(n) {
+    const a = n, t = I();
+    return (l, i) => (d(), q(te, null, [
+      o(e(G), O(e(Q)(a.email), {
+        label: e(t).t("wise_crm.contact.create_dialog.form.fields.email"),
+        placeholder: e(t).t("wise_crm.contact.create_dialog.form.fields.email"),
+        class: "col-span-2"
+      }), null, 16, ["label", "placeholder"]),
+      o(re, { class: "col-span-2" }, {
+        default: r(() => [
+          ie(z(e(t).t("wise_crm.contact.create_dialog.form.seperator_label")), 1)
+        ]),
+        _: 1
+      }),
+      o(e(de), O(e(Q)(a.mobilePhone), {
+        label: e(t).t("wise_crm.contact.create_dialog.form.fields.mobile_phone"),
+        placeholder: e(t).t("wise_crm.contact.create_dialog.form.fields.mobile_phone"),
+        class: "col-span-2"
+      }), null, 16, ["label", "placeholder"]),
+      o(re, { class: "col-span-2" }, {
+        default: r(() => [
+          ie(z(e(t).t("wise_crm.contact.create_dialog.form.seperator_label")), 1)
+        ]),
+        _: 1
+      }),
+      o(e(de), O(e(Q)(a.phone), {
+        label: e(t).t("wise_crm.contact.create_dialog.form.fields.phone"),
+        placeholder: e(t).t("wise_crm.contact.create_dialog.form.fields.phone"),
+        class: "col-span-2"
+      }), null, 16, ["label", "placeholder"])
+    ], 64));
+  }
+}), Xa = /* @__PURE__ */ x({
+  __name: "DealContactPersonCreateExistingForm",
+  props: {
+    form: {}
+  },
+  emits: ["createNewContactPerson"],
+  setup(n, { emit: a }) {
+    const t = n, l = a, i = I(), s = t.form.register("email"), c = t.form.register("phone"), m = t.form.register("mobile"), f = t.form.register("existingContactPerson"), u = V(null);
+    async function y(h) {
+      if (u.value = h, f.setValue(h?.uuid ?? null), h === null)
+        return;
+      const _ = await Ze.getByUuid(h.uuid);
+      if (_.isErr())
+        return;
+      const b = _.value;
+      s.setValue(b.email), c.setValue(b.phone), m.setValue(b.mobilePhone);
+    }
+    return (h, _) => (d(), g(e(le), null, {
+      default: r(() => [
+        o(e(B), null, {
+          default: r(() => [
+            o(Ye, {
+              modelValue: u.value,
+              "onUpdate:modelValue": [
+                _[0] || (_[0] = (b) => u.value = b),
+                y
+              ],
+              label: e(i).t("wise_crm.contact.create_dialog.form.fields.contact_person"),
+              onCreateNew: _[1] || (_[1] = (b) => l("createNewContactPerson"))
+            }, null, 8, ["modelValue", "label"])
+          ]),
+          _: 1
+        }),
+        o(e(B), null, {
+          default: r(() => [
+            o(e(K), {
+              sm: 1,
+              lg: 1,
+              variant: "card"
+            }, {
+              default: r(() => [
+                o(oe, {
+                  email: e(s),
+                  "mobile-phone": e(m),
+                  phone: e(c)
+                }, null, 8, ["email", "mobile-phone", "phone"])
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        })
+      ]),
+      _: 1
+    }));
+  }
+}), xe = /* @__PURE__ */ x({
+  __name: "ContactPersonFormNameField",
+  props: {
+    firstName: {},
+    lastName: {}
+  },
+  setup(n) {
+    const a = n, t = I();
+    return (l, i) => (d(), q(te, null, [
+      o(e(G), O(e(Q)(a.firstName), {
+        label: e(t).t("wise_crm.contact.create_dialog.form.fields.first_name"),
+        placeholder: e(t).t("wise_crm.contact.create_dialog.form.fields.first_name")
+      }), null, 16, ["label", "placeholder"]),
+      o(e(G), O(e(Q)(a.lastName), {
+        label: e(t).t("wise_crm.contact.create_dialog.form.fields.last_name"),
+        placeholder: e(t).t("wise_crm.contact.create_dialog.form.fields.last_name")
+      }), null, 16, ["label", "placeholder"])
+    ], 64));
+  }
+}), Wa = /* @__PURE__ */ x({
+  __name: "DealContactPersonCreateNewForm",
+  props: {
+    form: {}
+  },
+  setup(n) {
+    const a = n, t = a.form.register("firstName"), l = a.form.register("lastName"), i = a.form.register("email"), s = a.form.register("mobilePhone"), c = a.form.register("phone");
+    return (m, f) => (d(), g(e(le), null, {
+      default: r(() => [
+        o(e(B), null, {
+          default: r(() => [
+            o(e(K), {
+              sm: 1,
+              lg: 2
+            }, {
+              default: r(() => [
+                o(xe, {
+                  "first-name": e(t),
+                  "last-name": e(l)
+                }, null, 8, ["first-name", "last-name"])
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        }),
+        o(e(B), null, {
+          default: r(() => [
+            o(e(K), {
+              sm: 1,
+              lg: 1,
+              variant: "card"
+            }, {
+              default: r(() => [
+                o(oe, {
+                  email: e(i),
+                  "mobile-phone": e(s),
+                  phone: e(c)
+                }, null, 8, ["email", "mobile-phone", "phone"])
+              ]),
+              _: 1
+            }),
+            o(ye, {
+              form: a.form
+            }, null, 8, ["form"])
+          ]),
+          _: 1
+        })
+      ]),
+      _: 1
+    }));
+  }
+}), et = Z.object({
+  email: Z.email().nullable(),
+  existingContactPerson: He.nullable(),
+  mobile: A.nullable(),
+  phone: A.nullable()
+}), at = N.object({
+  email: N.literal("").or(N.email()).nullable(),
+  firstName: N.string().min(1),
+  lastName: N.string().min(1),
+  mobilePhone: A.nullable(),
+  phone: A.nullable()
+}).superRefine((n, a) => {
+  n.email !== null && n.email !== "" || n.mobilePhone !== null && n.mobilePhone !== "" || n.phone !== null && n.phone !== "" || a.addIssue({
+    code: N.ZodIssueCode.custom,
+    message: be.global.t("wise_crm.form.errors.at_least_one")
+  });
+}), tt = /* @__PURE__ */ x({
+  __name: "DealContactPersonCreateDialog",
+  props: {
+    dealUuid: {},
+    isCreatingNewContactPerson: { type: Boolean, default: !1 }
+  },
+  emits: ["close", "createNewContactPerson"],
+  setup(n, { emit: a }) {
+    const t = n, l = a, i = I(), s = L(), c = Ue(), m = Ja(), f = Je(), u = V(t.isCreatingNewContactPerson), y = Y({
+      schema: at,
+      onSubmit: async (p) => {
+        try {
+          const P = await f.execute({
+            body: {
+              email: p.email,
+              firstName: p.firstName,
+              lastName: p.lastName,
+              mobilePhone: p.mobilePhone,
+              phone: p.phone
+            }
+          });
+          if (P.isErr()) {
+            s.show(P.error);
+            return;
+          }
+          const M = P.value;
+          if (!t.isCreatingNewContactPerson) {
+            const j = await m.execute({
+              body: {
+                contactPersonUuid: M,
+                contactInfo: {
+                  email: p.email,
+                  mobilePhone: p.mobilePhone,
+                  phone: p.phone
+                }
+              },
+              params: {
+                dealUuid: t.dealUuid
+              }
+            });
+            if (j.isErr()) {
+              s.show(j.error);
+              return;
+            }
+          }
+          C({
+            label: `${p.firstName} ${p.lastName}`,
+            value: M
+          });
+        } catch (P) {
+          s.show(P);
+        }
+      },
+      onSubmitError: () => {
+        c.unableToSave();
+      }
+    }), h = Y({
+      schema: et,
+      onSubmit: async (p) => {
+        await v(
+          p.existingContactPerson,
+          {
+            email: p.email,
+            mobilePhone: p.mobile,
+            phone: p.phone
+          }
+        );
+      },
+      onSubmitError: () => {
+        c.unableToSave();
+      }
+    }), _ = w(
+      () => u.value ? y : h
+    );
+    function b() {
+      u.value = !0;
+    }
+    async function v(p, P) {
+      if (p !== null)
+        try {
+          await m.execute({
+            body: {
+              contactPersonUuid: p,
+              contactInfo: P
+            },
+            params: {
+              dealUuid: t.dealUuid
+            }
+          }), C();
+        } catch (M) {
+          s.show(M);
+        }
+    }
+    function C(p) {
+      if (p === void 0) {
+        l("close");
+        return;
+      }
+      l("createNewContactPerson", p), l("close");
+    }
+    return (p, P) => (d(), g(e(Ce), {
+      form: _.value,
+      size: "md",
+      "render-own-form-component": "",
+      onClose: C
+    }, {
+      default: r(() => [
+        o(e(we), {
+          title: e(i).t("wise_crm.info_dialog.contact_person_create.title"),
+          description: e(i).t("wise_crm.info_dialog.contact_person_create.description")
+        }, null, 8, ["title", "description"]),
+        u.value ? (d(), g(e(me), {
+          key: 0,
+          form: e(y),
+          "prompt-on-unsaved-changes": !1
+        }, {
+          default: r(() => [
+            o(e(J), null, {
+              default: r(() => [
+                o(Wa, { form: e(y) }, null, 8, ["form"])
+              ]),
+              _: 1
+            }),
+            o(e(X), null, {
+              right: r(() => [
+                o(e(W), {
+                  "is-loading": e(y).isSubmitting.value,
+                  label: e(i).t("wise_crm.shared.create")
+                }, null, 8, ["is-loading", "label"])
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        }, 8, ["form"])) : (d(), g(e(me), {
+          key: 1,
+          form: e(h),
+          "prompt-on-unsaved-changes": !1
+        }, {
+          default: r(() => [
+            o(e(J), null, {
+              default: r(() => [
+                o(Xa, {
+                  form: e(h),
+                  onCreateNewContactPerson: b
+                }, null, 8, ["form"])
+              ]),
+              _: 1
+            }),
+            o(e(X), null, {
+              right: r(() => [
+                o(e(W), {
+                  "is-loading": e(h).isSubmitting.value,
+                  label: e(i).t("wise_crm.shared.create")
+                }, null, 8, ["is-loading", "label"])
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        }, 8, ["form"]))
+      ]),
+      _: 1
+    }, 8, ["form"]));
+  }
+});
+function nt() {
+  const n = $();
+  return T({
+    queryFn: async ({
+      body: a,
+      params: t
+    }) => {
+      const l = await k.updateContactPerson(t.dealUuid, t.contactPersonUuid, a.form);
+      return l.isOk() && n.notifyDealChanged(t.dealUuid), l;
+    },
+    queryKeysToInvalidate: {
+      dealContactPersonDetail: {
+        contactPersonUuid: (a) => a.contactPersonUuid,
+        dealUuid: (a) => a.dealUuid
+      },
+      dealDetail: {
+        dealUuid: (a) => a.dealUuid
+      },
+      dealIndex: {}
+    }
+  });
+}
+function lt(n, a) {
+  return De("dealContactPersonDetail", {
+    params: {
+      contactPersonUuid: a,
+      dealUuid: n
+    },
+    queryFn: () => k.getContactPerson(n.value, a.value)
+  });
+}
+const ot = N.object({
+  email: N.literal("").or(N.email()).nullable(),
+  firstName: N.string().min(1),
+  lastName: N.string().min(1),
+  mobilePhone: A.nullable(),
+  phone: A.nullable()
+}).superRefine((n, a) => {
+  n.email !== null && n.email !== "" || n.mobilePhone !== null && n.mobilePhone !== "" || n.phone !== null && n.phone !== "" || a.addIssue({
+    code: N.ZodIssueCode.custom,
+    message: be.global.t("wise_crm.form.errors.at_least_one")
+  });
+}), it = /* @__PURE__ */ x({
+  __name: "DealContactPersonUpdateDialog",
+  props: {
+    contactPersonUuid: {},
+    dealUuid: {}
+  },
+  emits: ["close"],
+  setup(n, { emit: a }) {
+    const t = n, l = a, i = I(), s = L(), c = nt(), m = lt(
+      w(() => t.dealUuid),
+      w(() => t.contactPersonUuid)
+    ), f = w(() => m.result.value.isOk() ? m.result.value.getValue() : null), u = Y({
+      initialState: w(() => f.value === null ? null : {
+        email: f.value.email,
+        firstName: f.value.firstName,
+        lastName: f.value.lastName,
+        mobilePhone: f.value.mobilePhone,
+        phone: f.value.phone
+      }),
+      schema: ot,
+      onSubmit: async (P) => {
+        await C(P);
+      }
+    }), 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 c.execute({
+          body: {
+            form: P
+          },
+          params: {
+            contactPersonUuid: t.contactPersonUuid,
+            dealUuid: t.dealUuid
+          }
+        }), l("close");
+      } catch (M) {
+        s.show(M);
+      }
+    }
+    function p() {
+      l("close");
+    }
+    return (P, M) => (d(), g(e(Ce), {
+      form: e(u),
+      size: "md",
+      onClose: p
+    }, {
+      default: r(() => [
+        o(e(we), {
+          title: e(i).t("wise_crm.info_dialog.contact_person_update.title"),
+          description: e(i).t("wise_crm.info_dialog.contact_person_create.description")
+        }, null, 8, ["title", "description"]),
+        f.value !== null ? (d(), g(e(J), { key: 0 }, {
+          default: r(() => [
+            o(e(le), null, {
+              default: r(() => [
+                o(e(B), null, {
+                  default: r(() => [
+                    o(e(K), {
+                      sm: 1,
+                      lg: 2
+                    }, {
+                      default: r(() => [
+                        o(xe, {
+                          "first-name": e(y),
+                          "last-name": e(h)
+                        }, null, 8, ["first-name", "last-name"])
+                      ]),
+                      _: 1
+                    })
+                  ]),
+                  _: 1
+                }),
+                o(Xe, {
+                  title: e(i).t("wise_crm.shared.contact_info")
+                }, {
+                  default: r(() => [
+                    o(e(K), {
+                      sm: 1,
+                      lg: 1,
+                      variant: "card"
+                    }, {
+                      default: r(() => [
+                        o(oe, {
+                          email: e(_),
+                          "mobile-phone": e(b),
+                          phone: e(v)
+                        }, null, 8, ["email", "mobile-phone", "phone"])
+                      ]),
+                      _: 1
+                    }),
+                    o(ye, { form: e(u) }, null, 8, ["form"])
+                  ]),
+                  _: 1
+                }, 8, ["title"])
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        })) : F("", !0),
+        o(e(X), null, {
+          right: r(() => [
+            o(e(W), {
+              "is-loading": e(u).isSubmitting.value,
+              label: e(i).t("wise_crm.shared.save_changes")
+            }, null, 8, ["is-loading", "label"])
+          ]),
+          _: 1
+        })
+      ]),
+      _: 1
+    }, 8, ["form"]));
+  }
+});
+function rt(n) {
+  return Sa("userIndex", {
+    params: n,
+    queryFn: (a) => We.getAll({
+      pagination: a,
+      search: n.params.search?.value
+    })
+  });
+}
+const st = { class: "p-lg" }, ut = /* @__PURE__ */ x({
+  __name: "DealDetailSidebarGeneralInfo",
+  props: {
+    deal: {}
+  },
+  setup(n) {
+    const a = n, t = I(), l = L(), i = qa(), s = Ea(), c = La(), m = ea({
+      persistInUrl: !1
+    }), f = rt({
+      params: {
+        search: m.debouncedSearch
+      }
+    }), u = V(a.deal.dealLanguage), y = V(a.deal.dealSource), h = V(
+      a.deal.owner ? {
+        uuid: a.deal.owner.uuid,
+        name: a.deal.owner.name
+      } : null
+    ), _ = w(() => {
+      const U = (f.result.value.isOk() ? f.result.value.getValue().data : []).map((D) => ({
+        uuid: D.uuid,
+        name: `${D.firstName} ${D.lastName}`
+      }));
+      return xa(U);
+    });
+    function b(U) {
+      return t.t(la.getI18nKey(U));
+    }
+    function v(U) {
+      return t.t(oa.getI18nKey(U));
+    }
+    const C = ee(Object.values(Ve)), p = ee(Object.values(qe)), P = aa();
+    function M(U) {
+      m.updateSearch(U);
+    }
+    async function j(U) {
+      if (u.value = U, U !== null)
+        try {
+          await i.execute({
+            body: {
+              dealLanguage: U
+            },
+            params: {
+              dealUuid: a.deal.uuid
+            }
+          });
+        } catch (D) {
+          l.show(D);
+        }
+    }
+    async function Ie(U) {
+      if (y.value = U, U !== null)
+        try {
+          await s.execute({
+            body: {
+              dealSource: U
+            },
+            params: {
+              dealUuid: a.deal.uuid
+            }
+          });
+        } catch (D) {
+          l.show(D);
+        }
+    }
+    async function Ne(U) {
+      if (h.value = U, U !== null)
+        try {
+          await c.execute({
+            body: {
+              dealOwner: U
+            },
+            params: {
+              dealUuid: a.deal.uuid
+            }
+          });
+        } catch (D) {
+          l.show(D);
+        }
+    }
+    return (U, D) => (d(), q("div", null, [
+      o(ge, null, {
+        default: r(() => [
+          S("form", null, [
+            o(ta, { cols: 1 }, {
+              default: r(() => [
+                o(e(Ia), {
+                  modelValue: h.value,
+                  "onUpdate:modelValue": [
+                    D[0] || (D[0] = (E) => h.value = E),
+                    Ne
+                  ],
+                  items: _.value,
+                  "display-fn": (E) => E.name,
+                  "is-loading": e(f).isLoading.value || e(c).isLoading.value,
+                  "search-mode": "remote",
+                  placeholder: "Select deal owner",
+                  label: "Deal owner",
+                  "onUpdate:search": M
+                }, null, 8, ["modelValue", "items", "display-fn", "is-loading"]),
+                o(e(ae), {
+                  modelValue: u.value,
+                  "onUpdate:modelValue": [
+                    D[1] || (D[1] = (E) => u.value = E),
+                    j
+                  ],
+                  label: e(t).t("wise_crm.deal.form.fields.language"),
+                  placeholder: e(t).t("wise_crm.deal.form.fields.language_placeholder"),
+                  "display-fn": b,
+                  "is-loading": e(i).isLoading.value,
+                  items: e(C)
+                }, null, 8, ["modelValue", "label", "placeholder", "is-loading", "items"]),
+                o(e(ae), {
+                  modelValue: y.value,
+                  "onUpdate:modelValue": [
+                    D[2] || (D[2] = (E) => y.value = E),
+                    Ie
+                  ],
+                  "display-fn": v,
+                  label: e(t).t("wise_crm.deal.form.fields.source"),
+                  placeholder: e(t).t("wise_crm.deal.form.fields.source_placeholder"),
+                  "is-loading": e(s).isLoading.value,
+                  items: e(p)
+                }, null, 8, ["modelValue", "label", "placeholder", "is-loading", "items"])
+              ]),
+              _: 1
+            })
+          ])
+        ]),
+        _: 1
+      }),
+      S("div", st, [
+        o(R, {
+          label: e(t).t("wise_crm.deal.sidebar.created_at", {
+            date: e(P).toDate(a.deal.createdAt.toPlainDate())
+          }),
+          icon: e(na),
+          "text-color": "text-quaternary",
+          class: "text-sm"
+        }, null, 8, ["label", "icon"])
+      ])
+    ]));
+  }
+}), ct = /* @__PURE__ */ x({
+  __name: "DealDetailSidebarOverviewContent",
+  props: {
+    deal: {}
+  },
+  setup(n) {
+    const a = n, t = I(), l = L(), i = Ka(), s = ja(), c = H(), m = c.create(tt), f = c.create(it), u = w(() => a.deal.contactPersons.length > 0);
+    function y() {
+      m.open({
+        dealUuid: a.deal.uuid
+      });
+    }
+    function h(v) {
+      f.open({
+        contactPersonUuid: v,
+        dealUuid: a.deal.uuid
+      });
+    }
+    async function _(v) {
+      try {
+        await s.execute({
+          body: {
+            contactPersonUuid: v
+          },
+          params: {
+            dealUuid: a.deal.uuid
+          }
+        });
+      } catch (C) {
+        l.show(C);
+      }
+    }
+    function b(v) {
+      i.execute({
+        params: {
+          contactPersonUuid: v,
+          dealUuid: a.deal.uuid
+        }
+      });
+    }
+    return (v, C) => (d(), g(ia, { "default-values": ["general-info", "contact-persons"] }, {
+      default: r(() => [
+        o(se, {
+          label: e(t).t("wise_crm.deal.detail.sidebar.accordion.general_info"),
+          icon: e(he),
+          value: "general-info"
+        }, {
+          default: r(() => [
+            o(ut, {
+              deal: a.deal
+            }, null, 8, ["deal"])
+          ]),
+          _: 1
+        }, 8, ["label", "icon"]),
+        o(se, {
+          "is-empty": !u.value,
+          label: e(t).t("wise_crm.info_dialog.sidebar.overview.contact_persons_label"),
+          icon: e(ra),
+          value: "contact-persons",
+          onAdd: y
+        }, {
+          actions: r(() => [
+            u.value ? F("", !0) : (d(), g(sa, {
+              key: 0,
+              label: e(t).t("wise_crm.info_dialog.sidebar.overview.contact_persons_label"),
+              icon: e(ue),
+              class: "z-1",
+              onClick: y
+            }, null, 8, ["label", "icon"]))
+          ]),
+          default: r(() => [
+            (d(!0), q(te, null, Fe(a.deal.contactPersons, (p) => (d(), g(e(Fa), {
+              key: p.uuid,
+              "layout-id": p.uuid
+            }, {
+              default: r(() => [
+                o(Ha, {
+                  "contact-person": p,
+                  "on-toggle-is-primary": () => b(p.uuid),
+                  description: p.phone,
+                  onUpdate: (P) => h(p.uuid),
+                  onDelete: (P) => _(p.uuid)
+                }, null, 8, ["contact-person", "on-toggle-is-primary", "description", "onUpdate", "onDelete"])
+              ]),
+              _: 2
+            }, 1032, ["layout-id"]))), 128)),
+            u.value ? (d(), g(e(Na), {
+              key: 0,
+              "icon-left": e(ue),
+              label: e(t).t("wise_crm.shared.add"),
+              variant: "tertiary",
+              size: "sm",
+              onClick: y
+            }, null, 8, ["icon-left", "label"])) : F("", !0)
+          ]),
+          _: 1
+        }, 8, ["is-empty", "label", "icon"])
+      ]),
+      _: 1
+    }));
+  }
+});
+function dt() {
+  const n = $();
+  return T({
+    queryFn: async ({
+      body: a,
+      params: t
+    }) => {
+      const l = await k.transition(t.dealUuid, a.toBoardColumnUuid);
+      return l.isOk() && n.notifyDealChanged(t.dealUuid), l;
+    },
+    queryKeysToInvalidate: {
+      dealDetail: {
+        dealUuid: (a) => a.dealUuid
+      },
+      dealIndex: {}
+    }
+  });
+}
+function mt(n, a) {
+  return De("boardColumnsTransition", {
+    params: {
+      boardColumnUuid: n
+    },
+    queryFn: () => ua.getTransitions(n.value, a.value)
+  });
+}
+const ft = /* @__PURE__ */ x({
+  __name: "DealDetailSidebarTransitionSelect",
+  props: /* @__PURE__ */ Te({
+    deal: {}
+  }, {
+    modelValue: {
+      required: !0
+    },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(n) {
+    const a = n, t = I(), l = $(), s = H().create(ca), c = $e(n, "modelValue"), m = L(), f = dt(), u = mt(
+      w(() => c.value.toColumnUuid),
+      w(() => l.getOptions().deals?.allowedTransitionTriggerTypes ?? [])
+    ), y = w(() => (u.result.value.isOk() ? u.result.value.getValue() : []).flatMap((C) => C.triggers.length === 0 ? [
+      C
+    ] : C.triggers.map((p) => ({
+      ...C,
+      toColumnDisplayName: C.toColumnDisplayName,
+      triggers: [
+        p
+      ]
+    }))));
+    function h(v) {
+      return v?.toColumnDisplayName ?? "-";
+    }
+    const _ = w(() => ee(y.value));
+    async function b(v) {
+      if (v.triggers.length !== 0) {
+        if (v.triggers[0]?.triggerType === Ee.EMAIL) {
+          s.open({
+            dealUuid: a.deal.uuid,
+            client: {
+              uuid: a.deal.client.uuid,
+              type: a.deal.client.type
+            },
+            templateKey: v.triggers[0].config.mailTemplateKey
+          });
+          return;
+        }
+        try {
+          c.value = v, await f.execute({
+            body: {
+              toBoardColumnUuid: v.toColumnUuid
+            },
+            params: {
+              dealUuid: a.deal.uuid
+            }
+          });
+        } catch (C) {
+          m.show(C);
+        }
+      }
+    }
+    return (v, C) => (d(), g(da, {
+      color: c.value?.toColumnColor ?? null
+    }, {
+      default: r(() => [
+        y.value.length === 0 ? (d(), g(e(Pe), {
+          key: 0,
+          "class-config": {
+            root: "text-nowrap"
+          },
+          label: c.value.toColumnDisplayName,
+          variant: "translucent",
+          color: "brand"
+        }, null, 8, ["label"])) : (d(), g(e(ae), {
+          key: 1,
+          "model-value": c.value,
+          "is-loading": e(f).isLoading.value,
+          "display-fn": h,
+          items: _.value,
+          "is-label-hidden": !0,
+          placeholder: e(t).t("wise_crm.deal.transition.placeholder"),
+          label: e(t).t("wise_crm.deal.transition.label"),
+          class: "w-fit shrink-0 text-nowrap",
+          size: "sm",
+          "onUpdate:modelValue": b
+        }, null, 8, ["model-value", "is-loading", "items", "placeholder", "label"]))
+      ]),
+      _: 1
+    }, 8, ["color"]));
+  }
+});
+function pt() {
+  return T({
+    queryFn: async ({
+      body: n,
+      params: a
+    }) => await ve.create(n, {
+      dealUuid: a.dealUuid
+    }),
+    queryKeysToInvalidate: {
+      noteDealIndex: {}
+    }
+  });
+}
+function _t(n, a) {
+  return ka("noteDealIndex", {
+    params: {
+      params: a?.params
+    },
+    queryFn: (t) => ve.getDealNotes({
+      pagination: t
+    }, n.value)
+  });
+}
+const gt = /* @__PURE__ */ x({
+  __name: "DealDialogSidebarNotesContent",
+  props: {
+    deal: {}
+  },
+  setup(n) {
+    const a = n, l = H().create(ma), i = L(), s = pt(), c = fa(), m = _t(
+      w(() => a.deal.uuid)
+    ), f = w(() => m.result.value.isOk() ? m.result.value.getValue().data : []);
+    async function u(_) {
+      await s.execute({
+        body: _,
+        params: {
+          dealUuid: a.deal.uuid
+        }
+      });
+    }
+    async function y(_) {
+      try {
+        await c.execute({
+          params: {
+            noteUuid: _
+          }
+        });
+      } catch (b) {
+        i.show(b);
+      }
+    }
+    function h(_) {
+      l.open({
+        note: _
+      });
+    }
+    return (_, b) => (d(), g(pa, {
+      "is-loading": e(m).isLoading.value,
+      notes: f.value,
+      "on-submit": u,
+      "has-next-page": e(m).hasNextPage.value,
+      onNext: b[0] || (b[0] = (v) => e(m).fetchNextPage()),
+      onDelete: y,
+      onUpdate: h
+    }, null, 8, ["is-loading", "notes", "has-next-page"]));
+  }
+}), yt = { class: "flex h-full flex-1 flex-col" }, bt = { class: "flex flex-col gap-xl rounded-2xl border border-primary p-xl" }, ht = { class: "flex items-start gap-xs" }, vt = { class: "flex w-full flex-wrap items-center justify-between gap-sm" }, Ut = /* @__PURE__ */ x({
+  __name: "DealDetailSidebar",
+  props: {
+    deal: {}
+  },
+  setup(n) {
+    const a = n, t = I(), l = pe(), i = V(
+      "overview"
+      /* OVERVIEW */
+    ), s = V({
+      // 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: []
+    }), c = w(() => [
+      {
+        icon: he,
+        label: t.t("wise_crm.shared.overview"),
+        value: "overview"
+        /* OVERVIEW */
+      },
+      {
+        icon: _a,
+        label: t.t("wise_crm.shared.notes"),
+        value: "notes"
+        /* NOTES */
+      }
+    ]);
+    return (m, f) => (d(), q("div", yt, [
+      S("div", bt, [
+        S("div", ht, [
+          o(Ba, {
+            deal: a.deal,
+            class: "min-w-0 flex-1"
+          }, null, 8, ["deal"]),
+          o(Va, {
+            deal: a.deal
+          }, null, 8, ["deal"])
+        ]),
+        S("div", vt, [
+          o(ga, {
+            class: "max-w-full min-w-0",
+            onClick: f[0] || (f[0] = (u) => e(l).openBusinessDetail(
+              a.deal.client.uuid
+            ))
+          }, {
+            default: r(() => [
+              o(e(Pe), {
+                icon: e(ya),
+                label: a.deal.client.name,
+                variant: "translucent",
+                color: "brand",
+                class: "max-w-full"
+              }, null, 8, ["icon", "label"])
+            ]),
+            _: 1
+          }),
+          o(ft, {
+            modelValue: s.value,
+            "onUpdate:modelValue": f[1] || (f[1] = (u) => s.value = u),
+            deal: a.deal
+          }, null, 8, ["modelValue", "deal"])
+        ])
+      ]),
+      o(ba, {
+        modelValue: i.value,
+        "onUpdate:modelValue": f[2] || (f[2] = (u) => i.value = u),
+        tabs: c.value
+      }, {
+        default: r(() => [
+          i.value === "overview" ? (d(), g(ct, {
+            key: 0,
+            deal: a.deal
+          }, null, 8, ["deal"])) : i.value === "notes" ? (d(), g(gt, {
+            key: 1,
+            deal: a.deal
+          }, null, 8, ["deal"])) : F("", !0)
+        ]),
+        _: 1
+      }, 8, ["modelValue", "tabs"])
+    ]));
+  }
+}), Ct = /* @__PURE__ */ x({
+  __name: "DealDetailSidebarProvider",
+  props: {
+    dealUuid: {}
+  },
+  setup(n) {
+    const a = n, t = ha(
+      w(() => a.dealUuid)
+    ), l = I();
+    return (i, s) => (d(), g(va, null, {
+      default: r(() => [
+        e(t).isError.value ? (d(), g(Ua, {
+          key: 0,
+          message: e(l).t("error.deal_details.description"),
+          title: e(l).t("error.deal_details.title")
+        }, null, 8, ["message", "title"])) : e(t).isLoading.value ? (d(), g(Ca, {
+          key: 1,
+          class: "h-full"
+        })) : e(t).result.value.isOk() ? (d(), g(Ut, {
+          key: e(t).result.value.getValue().boardColumn.uuid,
+          deal: e(t).result.value.getValue()
+        }, null, 8, ["deal"])) : F("", !0)
+      ]),
+      _: 1
+    }));
+  }
+}), Vt = /* @__PURE__ */ x({
+  __name: "DealDetailView",
+  props: {
+    tabs: {}
+  },
+  setup(n) {
+    const a = n, t = I(), l = Me("dealUuid"), i = w(() => [
+      ...a.tabs,
+      {
+        label: w(() => t.t("wise_crm.deal.detail_view.communication_tab_label")),
+        to: "deal-communication"
+      }
+    ]);
+    return (s, c) => (d(), g(Le, {
+      key: e(l),
+      "entity-type": e(fe).BUSINESS,
+      tabs: i.value
+    }, {
+      sidebar: r(() => [
+        o(Ct, { "deal-uuid": e(l) }, null, 8, ["deal-uuid"])
+      ]),
+      _: 1
+    }, 8, ["entity-type", "tabs"]));
+  }
+});
+export {
+  Vt as default
+};