@wisemen/wise-crm-web 1.0.0 → 1.2.0

package/dist/CrmDetailView-BhZEQqUH.js

@@ -0,0 +1,67 @@
+import { A as e, D as t, T as n } from "./Error-za-wClcU.js";
+import { Fragment as r, createBlock as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, createTextVNode as c, createVNode as l, defineComponent as u, openBlock as d, ref as f, renderList as p, renderSlot as m, toDisplayString as h, toValue as g, unref as _, withCtx as v } from "vue";
+import { VcIconButton as y, VcRouterLinkTabs as b, VcRouterLinkTabsItem as x } from "@wisemen/vue-core-components";
+import { RouterView as S } from "vue-router";
+import { onKeyStroke as C } from "@vueuse/core";
+//#region src/utils/context.util.ts
+var w = class {
+	static parentHasAriaHidden(e) {
+		let t = e.parentElement;
+		for (; t;) {
+			if (t.hasAttribute("aria-hidden")) return t.getAttribute("aria-hidden") === "true";
+			t = t.parentElement;
+		}
+		return !1;
+	}
+}, T = { key: 0 }, E = { class: "flex h-dvh w-dvw flex-1 overflow-hidden" }, D = { class: "flex h-full min-w-[400px] flex-col" }, O = { class: "bg-secondary flex h-full w-full flex-1 justify-center overflow-hidden" }, k = { class: "flex w-full flex-col" }, A = { class: "p-lg grid w-full grid-cols-3" }, j = { class: "flex items-center justify-center" }, M = { class: "flex items-center justify-end" }, N = { class: "h-full w-full overflow-y-auto" }, P = /* @__PURE__ */ u({
+	__name: "CrmDetailView",
+	props: {
+		entityType: {},
+		tabs: {}
+	},
+	setup(u) {
+		let P = u, F = f(null), I = n(), L = t();
+		return C("Escape", () => {
+			let e = F.value?.$el;
+			e && w.parentHasAriaHidden(e) || I.goToReturnRoute();
+		}), (t, n) => _(L).isInitialized.value ? (d(), o("div", T, [s("div", E, [s("div", D, [m(t.$slots, "sidebar")]), l(e, {
+			color: _(I).getEntityConfig(u.entityType)?.color ?? null,
+			class: "relative flex flex-1 flex-col overflow-hidden"
+		}, {
+			default: v(() => [s("div", O, [s("div", k, [s("div", A, [
+				n[1] ||= s("div", null, null, -1),
+				s("div", j, [l(_(b), {
+					"class-config": {
+						base: "flex justify-center bg-primary border-none shadow-lg w-fit",
+						list: "rounded-lg w-fit",
+						item: "data-[state=active]:text-[var(--brand-contrast)]",
+						indicator: "rounded-md bg-gradient-to-b bg-brand-500",
+						scrollContainer: "!p-xs bg-white  rounded-lg border border-primary/50"
+					},
+					variant: "button-border"
+				}, {
+					items: v(() => [(d(!0), o(r, null, p(P.tabs, (e) => (d(), i(_(x), {
+						key: g(e.label),
+						to: { name: e.to }
+					}, {
+						default: v(() => [c(h(g(e.label)), 1)]),
+						_: 2
+					}, 1032, ["to"]))), 128))]),
+					_: 1
+				})]),
+				s("div", M, [l(_(y), {
+					ref_key: "closeButtonRef",
+					ref: F,
+					"class-config": { root: "rounded-md shadow-lg" },
+					icon: "close",
+					label: "Close",
+					variant: "secondary",
+					onClick: n[0] ||= (e) => _(I).goToReturnRoute()
+				}, null, 512)])
+			]), s("div", N, [l(_(S))])])])]),
+			_: 1
+		}, 8, ["color"])])])) : a("", !0);
+	}
+});
+//#endregion
+export { P as t };

package/dist/DealCommunicationTabView-Drp9MEPu.js

@@ -0,0 +1,140 @@
+import { a as e, l as t, n, t as r } from "./AppSkeletonLoader-Dq6pKznm.js";
+import { n as i, r as a, t as o } from "./DealExternalAttachment-B6l0gDqF.js";
+import { Fragment as s, computed as c, createBlock as l, createCommentVNode as u, createElementBlock as d, createElementVNode as f, createVNode as p, defineComponent as m, normalizeClass as h, openBlock as g, renderList as _, toDisplayString as v, unref as y, withCtx as b } from "vue";
+import { useI18n as x } from "vue-i18n";
+import { VcIcon as S } from "@wisemen/vue-core-components";
+import { AnimatePresence as C, Motion as w } from "motion-v";
+import { AccordionContent as T, AccordionHeader as E, AccordionItem as D, AccordionRoot as O, AccordionTrigger as k } from "reka-ui";
+import { useRouteParams as A } from "@vueuse/router";
+//#region src/api/queries/mail/mailIndex.query.ts
+function j(e) {
+	return t({
+		queryFn: () => a.getAll({
+			filters: e?.params.filters.value,
+			pagination: {
+				limit: 10,
+				offset: 0
+			}
+		}),
+		queryKey: { mailIndex: { queryParams: e?.params } }
+	});
+}
+//#endregion
+//#region src/deal/components/DealCommunicationMailList.vue?vue&type=script&setup=true&lang.ts
+var M = { class: "p-xl" }, N = { class: "bg-primary border-secondary rounded-xl border shadow-lg" }, P = { class: "text-lg font-medium" }, F = {
+	key: 0,
+	class: "gap-md flex h-120 w-full flex-col items-center justify-center text-center"
+}, I = { class: "text-3xl font-semibold" }, L = { class: "relative" }, R = { class: "sr-only" }, z = { class: "gap-sm flex min-w-0 flex-1 items-center" }, B = { class: "truncate" }, V = { class: "gap-sm flex items-center" }, H = { class: "text-tertiary flex flex-col items-end text-sm" }, U = { class: "flex flex-col" }, W = ["innerHTML"], G = /* @__PURE__ */ m({
+	__name: "DealCommunicationMailList",
+	props: { mails: {} },
+	setup(t) {
+		let r = t, a = x();
+		function c(e) {
+			return n().toDateTime(e.createdAt);
+		}
+		function m(e) {
+			return e.to.join(", ");
+		}
+		return (t, n) => (g(), d("div", M, [f("div", N, [
+			p(i, null, {
+				default: b(() => [f("p", P, v(y(a).t("wise_crm.deal.communication.mail_list.title")), 1)]),
+				_: 1
+			}),
+			r.mails.length === 0 ? (g(), d("div", F, [f("p", I, v(y(a).t("wise_crm.deal.communication.mail_list.no_communication_sent")), 1), f("p", null, v(y(a).t("wise_crm.deal.communication.mail_list.create_quote_instruction")), 1)])) : u("", !0),
+			r.mails.length > 0 ? (g(), l(y(O), {
+				key: 1,
+				collapsible: !0,
+				type: "multiple",
+				class: "flex flex-col gap-0"
+			}, {
+				default: b(() => [(g(!0), d(s, null, _(r.mails, (t, n) => (g(), l(y(D), {
+					key: t.uuid,
+					value: t.uuid
+				}, {
+					default: b(({ open: a }) => [p(y(E), null, {
+						default: b(() => [f("div", L, [p(y(k), { class: "ring-brand-500 absolute inset-0 rounded-none ring-offset-1 duration-200 outline-none focus-visible:ring-2" }, {
+							default: b(() => [f("span", R, v(t.subject), 1)]),
+							_: 2
+						}, 1024), f("div", { class: h([{ "border-secondary border-b": n < r.mails.length - 1 }, "py-lg px-2xl"]) }, [p(e, { justify: "between" }, {
+							default: b(() => [f("div", z, [p(y(S), {
+								icon: "mail",
+								class: "text-secondary size-4 flex-shrink-0"
+							}), f("p", B, v(t.subject), 1)]), f("div", V, [f("div", H, [f("span", null, v(m(t)), 1), f("span", null, v(c(t)), 1)]), p(y(S), {
+								class: h([{ "-rotate-180": a }, "text-secondary size-4 flex-shrink-0 duration-300"]),
+								icon: "chevronDown"
+							}, null, 8, ["class"])])]),
+							_: 2
+						}, 1024)], 2)])]),
+						_: 2
+					}, 1024), p(y(C), { initial: !1 }, {
+						default: b(() => [a ? (g(), l(y(T), {
+							key: 0,
+							class: "overflow-clip"
+						}, {
+							default: b(() => [p(y(w), {
+								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: .4,
+									type: "spring"
+								}
+							}, {
+								default: b(() => [f("div", U, [t.attachments.length > 0 ? (g(), l(i, { key: 0 }, {
+									default: b(() => [p(e, null, {
+										default: b(() => [(g(!0), d(s, null, _(t.attachments, (e) => (g(), l(o, {
+											key: e.uuid,
+											attachment: e
+										}, null, 8, ["attachment"]))), 128))]),
+										_: 2
+									}, 1024)]),
+									_: 2
+								}, 1024)) : u("", !0), p(i, null, {
+									default: b(() => [f("div", {
+										class: "prose pb-xl py-3xl max-w-full",
+										innerHTML: t.text
+									}, null, 8, W)]),
+									_: 2
+								}, 1024)])]),
+								_: 2
+							}, 1024)]),
+							_: 2
+						}, 1024)) : u("", !0)]),
+						_: 2
+					}, 1024)]),
+					_: 2
+				}, 1032, ["value"]))), 128))]),
+				_: 1
+			})) : u("", !0)
+		])]));
+	}
+}), K = {
+	key: 0,
+	class: "p-xl"
+}, q = /* @__PURE__ */ m({
+	__name: "DealCommunicationTabView",
+	setup(e) {
+		let t = A("dealUuid"), n = j({ params: { filters: c(() => ({ dealUuid: t.value })) } });
+		return (e, t) => (g(), d("div", null, [y(n).isLoading.value ? (g(), d("div", K, [p(r, { class: "h-150 w-full" })])) : y(n).data.value ? (g(), l(G, {
+			key: 1,
+			mails: y(n).data.value ?? []
+		}, null, 8, ["mails"])) : u("", !0)]));
+	}
+});
+//#endregion
+export { q as default };