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

package/dist/DealDetailView-BWmuuBj8.js

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