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

package/dist/BusinessDetailView-D8HooXJV.js

@@ -0,0 +1,27 @@
+import { defineComponent as n, openBlock as o, createBlock as r, unref as s, withCtx as a, createVNode as u } from "vue";
+import { useRouteParams as m } from "@vueuse/router";
+import { _ as p } from "./index-BCf_EIrG.js";
+import { aV as c } from "./uuid.util-B9bkU4IX.js";
+import { _ } from "./CrmDetailView.vue_vue_type_script_setup_true_lang-BkLvUQyy.js";
+const x = /* @__PURE__ */ n({
+  __name: "BusinessDetailView",
+  props: {
+    tabs: {}
+  },
+  setup(t) {
+    const i = t, e = m("businessUuid");
+    return (f, b) => (o(), r(_, {
+      key: s(e),
+      tabs: i.tabs,
+      "entity-type": s(c).BUSINESS
+    }, {
+      sidebar: a(() => [
+        u(p, { "business-uuid": s(e) }, null, 8, ["business-uuid"])
+      ]),
+      _: 1
+    }, 8, ["tabs", "entity-type"]));
+  }
+});
+export {
+  x as default
+};

package/dist/CrmDetailView.vue_vue_type_script_setup_true_lang-BkLvUQyy.js

@@ -0,0 +1,90 @@
+import { defineComponent as v, ref as h, unref as e, openBlock as d, createElementBlock as u, createElementVNode as t, renderSlot as x, createVNode as r, withCtx as f, Fragment as y, renderList as b, createBlock as g, toValue as m, createCommentVNode as w } from "vue";
+import { onKeyStroke as C } from "@vueuse/core";
+import { UITabsRouterLink as k, UITabsRouterLinkItem as R, UIIconButton as B } from "@wisemen/vue-core-design-system";
+import { a1 as E, V as I, X as V, ab as T } from "./index-BCf_EIrG.js";
+import { useRoute as A, RouterView as H } from "vue-router";
+class U {
+  /**
+   * Checks if any parent element has `aria-hidden="true"` set. use this to check if a dialog or a popover is open.
+   * @param element The element to start checking from.
+   * @returns True if any parent has `aria-hidden="true"`, false otherwise.
+   */
+  static parentHasAriaHidden(a) {
+    let o = a.parentElement;
+    for (; o; ) {
+      if (o.hasAttribute("aria-hidden"))
+        return o.getAttribute("aria-hidden") === "true";
+      o = o.parentElement;
+    }
+    return !1;
+  }
+}
+const $ = { key: 0 }, j = { class: "flex h-dvh w-dvw flex-1 overflow-hidden" }, z = { class: "flex h-full min-w-100 flex-col" }, L = { class: "flex size-full flex-1 justify-center overflow-hidden bg-secondary" }, N = { class: "flex w-full flex-col" }, S = { class: "grid w-full grid-cols-3 p-lg" }, X = { class: "flex items-center justify-center" }, D = { class: "flex items-center justify-end" }, F = { class: "size-full overflow-y-auto" }, O = /* @__PURE__ */ v({
+  __name: "CrmDetailView",
+  props: {
+    entityType: {},
+    tabs: {}
+  },
+  setup(i) {
+    const a = i, o = h(null), c = E(), _ = I(), p = A();
+    return C("Escape", () => {
+      const l = o.value?.$el;
+      l && U.parentHasAriaHidden(l) || c.goToReturnRoute();
+    }), (l, n) => e(_).isInitialized.value ? (d(), u("div", $, [
+      t("div", j, [
+        t("div", z, [
+          x(l.$slots, "sidebar")
+        ]),
+        r(V, {
+          color: e(c).getEntityConfig(i.entityType)?.color ?? null,
+          class: "relative flex flex-1 flex-col overflow-hidden"
+        }, {
+          default: f(() => [
+            t("div", L, [
+              t("div", N, [
+                t("div", S, [
+                  n[1] || (n[1] = t("div", null, null, -1)),
+                  t("div", X, [
+                    r(e(k), { variant: "button-border" }, {
+                      default: f(() => [
+                        (d(!0), u(y, null, b(a.tabs, (s) => (d(), g(e(R), {
+                          key: m(s.label),
+                          label: m(s.label),
+                          to: {
+                            name: s.to,
+                            params: e(p).params
+                          }
+                        }, null, 8, ["label", "to"]))), 128))
+                      ]),
+                      _: 1
+                    })
+                  ]),
+                  t("div", D, [
+                    r(e(B), {
+                      ref_key: "closeButtonRef",
+                      ref: o,
+                      "class-config": {
+                        root: "rounded-md shadow-lg"
+                      },
+                      icon: e(T),
+                      label: "Close",
+                      variant: "secondary",
+                      onClick: n[0] || (n[0] = (s) => e(c).goToReturnRoute())
+                    }, null, 8, ["icon"])
+                  ])
+                ]),
+                t("div", F, [
+                  r(e(H))
+                ])
+              ])
+            ])
+          ]),
+          _: 1
+        }, 8, ["color"])
+      ])
+    ])) : w("", !0);
+  }
+});
+export {
+  O as _
+};

package/dist/DealCommunicationTabView-D6zhIjxy.js

@@ -0,0 +1,199 @@
+import { defineComponent as A, openBlock as t, createElementBlock as f, createElementVNode as n, createVNode as a, withCtx as s, toDisplayString as m, unref as e, createBlock as l, createCommentVNode as _, Fragment as v, renderList as g, normalizeClass as b, resolveDynamicComponent as k, computed as I } from "vue";
+import { useRouteParams as M } from "@vueuse/router";
+import { useOffsetInfiniteQuery as L } from "@wisemen/vue-core-api-utils";
+import { M as T, D as p, a as w, b as C, C as S, c as V, u as j, A as U } from "./index-BCf_EIrG.js";
+import { UIEmptyState as $ } from "@wisemen/vue-core-design-system";
+import { AnimatePresence as q, Motion as z } from "motion-v";
+import { AccordionRoot as B, AccordionItem as E, AccordionHeader as F, AccordionTrigger as H, AccordionContent as N } from "reka-ui";
+import { useI18n as P } from "vue-i18n";
+function Q(r) {
+  return L("mailIndex", {
+    params: {
+      queryParams: r.params
+    },
+    queryFn: (o) => T.getAll({
+      filters: r.params.filters.value,
+      pagination: o
+    })
+  });
+}
+const O = { class: "p-xl" }, R = { class: "overflow-hidden rounded-xl border border-secondary bg-primary shadow-lg" }, G = { class: "text-md font-medium" }, J = { class: "relative" }, K = { class: "sr-only" }, W = { class: "flex min-w-0 flex-1 items-center gap-sm" }, X = { class: "truncate" }, Y = { class: "flex items-center gap-sm" }, Z = { class: "flex flex-col items-end text-sm text-tertiary" }, ee = { class: "flex flex-col" }, te = ["innerHTML"], ne = /* @__PURE__ */ A({
+  __name: "DealCommunicationMailList",
+  props: {
+    mails: {}
+  },
+  setup(r) {
+    const o = r, c = P();
+    function u(d) {
+      return j().toDateTime(d.createdAt);
+    }
+    function h(d) {
+      return d.to.join(", ");
+    }
+    return (d, ie) => (t(), f("div", O, [
+      n("div", R, [
+        a(p, null, {
+          default: s(() => [
+            n("p", G, m(e(c).t("wise_crm.deal.communication.mail_list.title")), 1)
+          ]),
+          _: 1
+        }),
+        o.mails.length === 0 ? (t(), l(e($), {
+          key: 0,
+          icon: e(w),
+          title: e(c).t("wise_crm.deal.communication.mail_list.no_communication_sent"),
+          description: e(c).t("wise_crm.deal.communication.mail_list.create_quote_instruction"),
+          class: "h-120"
+        }, null, 8, ["icon", "title", "description"])) : _("", !0),
+        o.mails.length > 0 ? (t(), l(e(B), {
+          key: 1,
+          collapsible: !0,
+          type: "multiple",
+          class: "flex flex-col gap-0"
+        }, {
+          default: s(() => [
+            (t(!0), f(v, null, g(o.mails, (i, D) => (t(), l(e(E), {
+              key: i.uuid,
+              value: i.uuid
+            }, {
+              default: s(({ open: y }) => [
+                a(e(F), null, {
+                  default: s(() => [
+                    n("div", J, [
+                      a(e(H), { class: "absolute inset-0 rounded-none ring-brand-500 ring-offset-1 duration-200 outline-none focus-visible:ring-2" }, {
+                        default: s(() => [
+                          n("span", K, m(i.subject), 1)
+                        ]),
+                        _: 2
+                      }, 1024),
+                      n("div", {
+                        class: b([{
+                          "border-b border-secondary": D < o.mails.length - 1
+                        }, "px-2xl py-lg"])
+                      }, [
+                        a(C, { justify: "between" }, {
+                          default: s(() => [
+                            n("div", W, [
+                              (t(), l(k(e(w)), { class: "size-4 shrink-0 text-secondary" })),
+                              n("p", X, m(i.subject), 1)
+                            ]),
+                            n("div", Y, [
+                              n("div", Z, [
+                                n("span", null, m(h(i)), 1),
+                                n("span", null, m(u(i)), 1)
+                              ]),
+                              (t(), l(k(e(S)), {
+                                class: b([{
+                                  "-rotate-180": y
+                                }, "size-4 shrink-0 text-secondary duration-300"])
+                              }, null, 8, ["class"]))
+                            ])
+                          ]),
+                          _: 2
+                        }, 1024)
+                      ], 2)
+                    ])
+                  ]),
+                  _: 2
+                }, 1024),
+                a(e(q), { initial: !1 }, {
+                  default: s(() => [
+                    y ? (t(), l(e(N), {
+                      key: 0,
+                      class: "overflow-clip"
+                    }, {
+                      default: s(() => [
+                        a(e(z), {
+                          initial: {
+                            opacity: 0,
+                            height: 0,
+                            y: -10
+                          },
+                          animate: {
+                            opacity: 1,
+                            height: "auto",
+                            filter: "blur(0px)",
+                            y: 0
+                          },
+                          exit: {
+                            opacity: 0,
+                            height: 0,
+                            filter: "blur(5px)",
+                            y: -10
+                          },
+                          transition: {
+                            bounce: 0,
+                            duration: 0.4,
+                            type: "spring"
+                          }
+                        }, {
+                          default: s(() => [
+                            n("div", ee, [
+                              i.attachments.length > 0 ? (t(), l(p, { key: 0 }, {
+                                default: s(() => [
+                                  a(C, null, {
+                                    default: s(() => [
+                                      (t(!0), f(v, null, g(i.attachments, (x) => (t(), l(V, {
+                                        key: x.uuid,
+                                        attachment: x
+                                      }, null, 8, ["attachment"]))), 128))
+                                    ]),
+                                    _: 2
+                                  }, 1024)
+                                ]),
+                                _: 2
+                              }, 1024)) : _("", !0),
+                              a(p, null, {
+                                default: s(() => [
+                                  n("div", {
+                                    class: "prose max-w-full py-3xl pb-xl",
+                                    innerHTML: i.text
+                                  }, null, 8, te)
+                                ]),
+                                _: 2
+                              }, 1024)
+                            ])
+                          ]),
+                          _: 2
+                        }, 1024)
+                      ]),
+                      _: 2
+                    }, 1024)) : _("", !0)
+                  ]),
+                  _: 2
+                }, 1024)
+              ]),
+              _: 2
+            }, 1032, ["value"]))), 128))
+          ]),
+          _: 1
+        })) : _("", !0)
+      ])
+    ]));
+  }
+}), se = {
+  key: 0,
+  class: "p-xl"
+}, _e = /* @__PURE__ */ A({
+  __name: "DealCommunicationTabView",
+  setup(r) {
+    const o = M("dealUuid"), c = I(() => ({
+      dealUuid: o.value
+    })), u = Q({
+      params: {
+        filters: c
+      }
+    });
+    return (h, d) => (t(), f("div", null, [
+      e(u).isLoading.value ? (t(), f("div", se, [
+        a(U, { class: "h-150 w-full" })
+      ])) : e(u).result.value.isOk() ? (t(), l(ne, {
+        key: 1,
+        mails: e(u).result.value.getValue().data
+      }, null, 8, ["mails"])) : _("", !0)
+    ]));
+  }
+});
+export {
+  _e as default
+};