@orbe-agro/client-core 5.3.86 → 5.3.90

package/dist/@ecme/views/concepts/mail/Mail/components/MailDetailAction.js

@@ -1,42 +1,41 @@
-import { jsxs as r, jsx as e, Fragment as g } from "react/jsx-runtime";
-import { useRef as f } from "react";
+import { jsxs as r, jsx as e, Fragment as p } from "react/jsx-runtime";
+import { useRef as g } from "react";
 import { Dropdown as o } from "../../../../../components/ui/Dropdown/index.js";
 import "../../../../../components/ui/Tooltip/index.js";
 import "../../../../../components/ui/Badge/index.js";
-import i from "./ActionButton.js";
-import { useMailStore as h } from "../store/mailStore.js";
-import u from "../hooks/useMailAction.js";
-import { labelList as T } from "../constants.js";
-import b from "../../../../../utils/classNames.js";
-import { TbArrowBackUp as k, TbStarFilled as x, TbStar as C, TbFlag as M, TbFolderSymlink as v, TbDotsVertical as N } from "react-icons/tb";
-import y from "../../../../../components/ui/Tooltip/Tooltip.js";
-import F from "../../../../../components/ui/Badge/Badge.js";
-const E = () => {
-  const a = f(null), { mail: t, toggleMessageDialog: c } = h(), { onFlagToggle: s, onMoveMailClick: m, onStarToggle: d } = u(), p = (l) => {
-    var n;
-    m(t, l), (n = a.current) == null || n.handleDropdownClose();
+import n from "./ActionButton.js";
+import { useMailStore as f } from "../store/mailStore.js";
+import h from "../hooks/useMailAction.js";
+import { labelList as u } from "../constants.js";
+import T from "../../../../../utils/classNames.js";
+import { TbArrowBackUp as b, TbStarFilled as k, TbStar as x, TbFlag as C, TbFolderSymlink as M, TbDotsVertical as v } from "react-icons/tb";
+import N from "../../../../../components/ui/Tooltip/Tooltip.js";
+import y from "../../../../../components/ui/Badge/Badge.js";
+const z = () => {
+  const a = g(null), { mail: t, toggleMessageDialog: i } = f(), { onFlagToggle: c, onMoveMailClick: s, onStarToggle: m } = h(), d = (l) => {
+    s(t, l), a.current?.handleDropdownClose();
   };
   return /* @__PURE__ */ r("div", { className: "flex items-center gap-2", children: [
-    /* @__PURE__ */ e(y, { title: "Reply", children: /* @__PURE__ */ e(i, { onClick: () => {
-      c({
+    /* @__PURE__ */ e(N, { title: "Reply", children: /* @__PURE__ */ e(n, { onClick: () => {
+      i({
         mode: "reply",
         open: !0
       });
-    }, children: /* @__PURE__ */ e(k, {}) }) }),
+    }, children: /* @__PURE__ */ e(b, {}) }) }),
     /* @__PURE__ */ r(
       o,
       {
         ref: a,
         placement: "bottom-end",
-        renderTitle: /* @__PURE__ */ e(i, { children: /* @__PURE__ */ e(N, {}) }),
+        renderTitle: /* @__PURE__ */ e(n, { children: /* @__PURE__ */ e(v, {}) }),
         children: [
           /* @__PURE__ */ r(
             o.Item,
             {
               eventKey: "star",
-              onClick: () => d(t),
+              onClick: () => m(t),
               children: [
-                /* @__PURE__ */ e("span", { className: "text-lg", children: t.starred ? /* @__PURE__ */ e(x, { className: "text-amber-500" }) : /* @__PURE__ */ e(C, {}) }),
+                /* @__PURE__ */ e("span", { className: "text-lg", children: t.starred ? /* @__PURE__ */ e(k, { className: "text-amber-500" }) : /* @__PURE__ */ e(x, {}) }),
                 /* @__PURE__ */ e("span", { children: "Star" })
               ]
             }
@@ -45,12 +44,12 @@ const E = () => {
             o.Item,
             {
               eventKey: "flag",
-              onClick: () => s(t),
+              onClick: () => c(t),
               children: [
                 /* @__PURE__ */ e(
-                  M,
+                  C,
                   {
-                    className: b(
+                    className: T(
                       "text-lg",
                       t.flagged && "text-red-500"
                     )
@@ -63,17 +62,17 @@ const E = () => {
           /* @__PURE__ */ e(
             o.Menu,
             {
-              renderTitle: /* @__PURE__ */ e(g, { children: /* @__PURE__ */ r("span", { className: "flex items-center gap-2", children: [
-                /* @__PURE__ */ e(v, { className: "text-lg" }),
+              renderTitle: /* @__PURE__ */ e(p, { children: /* @__PURE__ */ r("span", { className: "flex items-center gap-2", children: [
+                /* @__PURE__ */ e(M, { className: "text-lg" }),
                 /* @__PURE__ */ e("span", { children: "Move to" })
               ] }) }),
               placement: "left-start",
-              children: T.map((l) => /* @__PURE__ */ r(
+              children: u.map((l) => /* @__PURE__ */ r(
                 o.Item,
                 {
-                  onClick: () => p(l.value),
+                  onClick: () => d(l.value),
                   children: [
-                    /* @__PURE__ */ e(F, { className: l.dotClass }),
+                    /* @__PURE__ */ e(y, { className: l.dotClass }),
                     /* @__PURE__ */ e("span", { children: l.label })
                   ]
                 },
@@ -87,6 +86,6 @@ const E = () => {
   ] });
 };
 export {
-  E as default
+  z as default
 };
 //# sourceMappingURL=MailDetailAction.js.map

package/dist/@ecme/views/concepts/mail/Mail/components/MailDetailAction.js.map

@@ -1 +1 @@
-{"version":3,"file":"MailDetailAction.js","sources":["../../../../../../../lib/@ecme/views/concepts/mail/Mail/components/MailDetailAction.tsx"],"sourcesContent":["import { useRef } from 'react'\nimport Dropdown from '@/components/ui/Dropdown'\nimport Tooltip from '@/components/ui/Tooltip'\nimport Badge from '@/components/ui/Badge'\nimport ActionButton from './ActionButton'\nimport { useMailStore } from '../store/mailStore'\nimport useMailAction from '../hooks/useMailAction'\nimport { labelList } from '../constants'\nimport classNames from '@/utils/classNames'\nimport {\n    TbDotsVertical,\n    TbArrowBackUp,\n    TbStarFilled,\n    TbFlag,\n    TbFolderSymlink,\n    TbStar,\n} from 'react-icons/tb'\nimport type { Mail } from '../types'\nimport type { DropdownRef } from '@/components/ui/Dropdown'\n\ntype MailDetailAction = {\n    onMailReplyClick: () => void\n}\n\nconst MailDetailAction = () => {\n    const dropdownRef = useRef<DropdownRef>(null)\n\n    const { mail, toggleMessageDialog } = useMailStore()\n\n    const { onFlagToggle, onMoveMailClick, onStarToggle } = useMailAction()\n\n    const handleMoveMailClick = (destination: string) => {\n        onMoveMailClick(mail as Mail, destination)\n        dropdownRef.current?.handleDropdownClose()\n    }\n\n    const handleReplyClick = () => {\n        toggleMessageDialog({\n            mode: 'reply',\n            open: true,\n        })\n    }\n\n    return (\n        <div className=\"flex items-center gap-2\">\n            <Tooltip title=\"Reply\">\n                <ActionButton onClick={handleReplyClick}>\n                    <TbArrowBackUp />\n                </ActionButton>\n            </Tooltip>\n            <Dropdown\n                ref={dropdownRef}\n                placement=\"bottom-end\"\n                renderTitle={\n                    <ActionButton>\n                        <TbDotsVertical />\n                    </ActionButton>\n                }\n            >\n                <Dropdown.Item\n                    eventKey=\"star\"\n                    onClick={() => onStarToggle(mail as Mail)}\n                >\n                    <span className=\"text-lg\">\n                        {mail.starred ? (\n                            <TbStarFilled className=\"text-amber-500\" />\n                        ) : (\n                            <TbStar />\n                        )}\n                    </span>\n                    <span>Star</span>\n                </Dropdown.Item>\n                <Dropdown.Item\n                    eventKey=\"flag\"\n                    onClick={() => onFlagToggle(mail as Mail)}\n                >\n                    <TbFlag\n                        className={classNames(\n                            'text-lg',\n                            mail.flagged && 'text-red-500',\n                        )}\n                    />\n                    <span>Flag</span>\n                </Dropdown.Item>\n                <Dropdown.Menu\n                    renderTitle={\n                        <>\n                            <span className=\"flex items-center gap-2\">\n                                <TbFolderSymlink className=\"text-lg\" />\n                                <span>Move to</span>\n                            </span>\n                        </>\n                    }\n                    placement=\"left-start\"\n                >\n                    {labelList.map((item) => (\n                        <Dropdown.Item\n                            key={item.value}\n                            onClick={() => handleMoveMailClick(item.value)}\n                        >\n                            <Badge className={item.dotClass} />\n                            <span>{item.label}</span>\n                        </Dropdown.Item>\n                    ))}\n                </Dropdown.Menu>\n            </Dropdown>\n        </div>\n    )\n}\n\nexport default MailDetailAction\n"],"names":["MailDetailAction","dropdownRef","useRef","mail","toggleMessageDialog","useMailStore","onFlagToggle","onMoveMailClick","onStarToggle","useMailAction","handleMoveMailClick","destination","_a","jsxs","jsx","Tooltip","ActionButton","TbArrowBackUp","Dropdown","TbDotsVertical","TbStarFilled","TbStar","TbFlag","classNames","Fragment","TbFolderSymlink","labelList","item","Badge"],"mappings":";;;;;;;;;;;;;AAwBA,MAAMA,IAAmB,MAAM;AAC3B,QAAMC,IAAcC,EAAoB,IAAI,GAEtC,EAAE,MAAAC,GAAM,qBAAAC,EAAA,IAAwBC,EAAA,GAEhC,EAAE,cAAAC,GAAc,iBAAAC,GAAiB,cAAAC,EAAA,IAAiBC,EAAA,GAElDC,IAAsB,CAACC,MAAwB;;AACjD,IAAAJ,EAAgBJ,GAAcQ,CAAW,IACzCC,IAAAX,EAAY,YAAZ,QAAAW,EAAqB;AAAA,EACzB;AASA,SACI,gBAAAC,EAAC,OAAA,EAAI,WAAU,2BACX,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAA,EAAQ,OAAM,SACX,UAAA,gBAAAD,EAACE,GAAA,EAAa,SAVD,MAAM;AAC3B,MAAAZ,EAAoB;AAAA,QAChB,MAAM;AAAA,QACN,MAAM;AAAA,MAAA,CACT;AAAA,IACL,GAMgB,UAAA,gBAAAU,EAACG,GAAA,CAAA,CAAc,EAAA,CACnB,GACJ;AAAA,IACA,gBAAAJ;AAAA,MAACK;AAAA,MAAA;AAAA,QACG,KAAKjB;AAAA,QACL,WAAU;AAAA,QACV,aACI,gBAAAa,EAACE,GAAA,EACG,UAAA,gBAAAF,EAACK,KAAe,GACpB;AAAA,QAGJ,UAAA;AAAA,UAAA,gBAAAN;AAAA,YAACK,EAAS;AAAA,YAAT;AAAA,cACG,UAAS;AAAA,cACT,SAAS,MAAMV,EAAaL,CAAY;AAAA,cAExC,UAAA;AAAA,gBAAA,gBAAAW,EAAC,QAAA,EAAK,WAAU,WACX,UAAAX,EAAK,UACF,gBAAAW,EAACM,GAAA,EAAa,WAAU,iBAAA,CAAiB,IAEzC,gBAAAN,EAACO,GAAA,CAAA,CAAO,GAEhB;AAAA,gBACA,gBAAAP,EAAC,UAAK,UAAA,OAAA,CAAI;AAAA,cAAA;AAAA,YAAA;AAAA,UAAA;AAAA,UAEd,gBAAAD;AAAA,YAACK,EAAS;AAAA,YAAT;AAAA,cACG,UAAS;AAAA,cACT,SAAS,MAAMZ,EAAaH,CAAY;AAAA,cAExC,UAAA;AAAA,gBAAA,gBAAAW;AAAA,kBAACQ;AAAA,kBAAA;AAAA,oBACG,WAAWC;AAAA,sBACP;AAAA,sBACApB,EAAK,WAAW;AAAA,oBAAA;AAAA,kBACpB;AAAA,gBAAA;AAAA,gBAEJ,gBAAAW,EAAC,UAAK,UAAA,OAAA,CAAI;AAAA,cAAA;AAAA,YAAA;AAAA,UAAA;AAAA,UAEd,gBAAAA;AAAA,YAACI,EAAS;AAAA,YAAT;AAAA,cACG,aACI,gBAAAJ,EAAAU,GAAA,EACI,UAAA,gBAAAX,EAAC,QAAA,EAAK,WAAU,2BACZ,UAAA;AAAA,gBAAA,gBAAAC,EAACW,GAAA,EAAgB,WAAU,UAAA,CAAU;AAAA,gBACrC,gBAAAX,EAAC,UAAK,UAAA,UAAA,CAAO;AAAA,cAAA,EAAA,CACjB,EAAA,CACJ;AAAA,cAEJ,WAAU;AAAA,cAET,UAAAY,EAAU,IAAI,CAACC,MACZ,gBAAAd;AAAA,gBAACK,EAAS;AAAA,gBAAT;AAAA,kBAEG,SAAS,MAAMR,EAAoBiB,EAAK,KAAK;AAAA,kBAE7C,UAAA;AAAA,oBAAA,gBAAAb,EAACc,GAAA,EAAM,WAAWD,EAAK,SAAA,CAAU;AAAA,oBACjC,gBAAAb,EAAC,QAAA,EAAM,UAAAa,EAAK,MAAA,CAAM;AAAA,kBAAA;AAAA,gBAAA;AAAA,gBAJbA,EAAK;AAAA,cAAA,CAMjB;AAAA,YAAA;AAAA,UAAA;AAAA,QACL;AAAA,MAAA;AAAA,IAAA;AAAA,EACJ,GACJ;AAER;"}
+{"version":3,"file":"MailDetailAction.js","sources":["../../../../../../../lib/@ecme/views/concepts/mail/Mail/components/MailDetailAction.tsx"],"sourcesContent":["import { useRef } from 'react'\nimport Dropdown from '@/components/ui/Dropdown'\nimport Tooltip from '@/components/ui/Tooltip'\nimport Badge from '@/components/ui/Badge'\nimport ActionButton from './ActionButton'\nimport { useMailStore } from '../store/mailStore'\nimport useMailAction from '../hooks/useMailAction'\nimport { labelList } from '../constants'\nimport classNames from '@/utils/classNames'\nimport {\n    TbDotsVertical,\n    TbArrowBackUp,\n    TbStarFilled,\n    TbFlag,\n    TbFolderSymlink,\n    TbStar,\n} from 'react-icons/tb'\nimport type { Mail } from '../types'\nimport type { DropdownRef } from '@/components/ui/Dropdown'\n\ntype MailDetailAction = {\n    onMailReplyClick: () => void\n}\n\nconst MailDetailAction = () => {\n    const dropdownRef = useRef<DropdownRef>(null)\n\n    const { mail, toggleMessageDialog } = useMailStore()\n\n    const { onFlagToggle, onMoveMailClick, onStarToggle } = useMailAction()\n\n    const handleMoveMailClick = (destination: string) => {\n        onMoveMailClick(mail as Mail, destination)\n        dropdownRef.current?.handleDropdownClose()\n    }\n\n    const handleReplyClick = () => {\n        toggleMessageDialog({\n            mode: 'reply',\n            open: true,\n        })\n    }\n\n    return (\n        <div className=\"flex items-center gap-2\">\n            <Tooltip title=\"Reply\">\n                <ActionButton onClick={handleReplyClick}>\n                    <TbArrowBackUp />\n                </ActionButton>\n            </Tooltip>\n            <Dropdown\n                ref={dropdownRef}\n                placement=\"bottom-end\"\n                renderTitle={\n                    <ActionButton>\n                        <TbDotsVertical />\n                    </ActionButton>\n                }\n            >\n                <Dropdown.Item\n                    eventKey=\"star\"\n                    onClick={() => onStarToggle(mail as Mail)}\n                >\n                    <span className=\"text-lg\">\n                        {mail.starred ? (\n                            <TbStarFilled className=\"text-amber-500\" />\n                        ) : (\n                            <TbStar />\n                        )}\n                    </span>\n                    <span>Star</span>\n                </Dropdown.Item>\n                <Dropdown.Item\n                    eventKey=\"flag\"\n                    onClick={() => onFlagToggle(mail as Mail)}\n                >\n                    <TbFlag\n                        className={classNames(\n                            'text-lg',\n                            mail.flagged && 'text-red-500',\n                        )}\n                    />\n                    <span>Flag</span>\n                </Dropdown.Item>\n                <Dropdown.Menu\n                    renderTitle={\n                        <>\n                            <span className=\"flex items-center gap-2\">\n                                <TbFolderSymlink className=\"text-lg\" />\n                                <span>Move to</span>\n                            </span>\n                        </>\n                    }\n                    placement=\"left-start\"\n                >\n                    {labelList.map((item) => (\n                        <Dropdown.Item\n                            key={item.value}\n                            onClick={() => handleMoveMailClick(item.value)}\n                        >\n                            <Badge className={item.dotClass} />\n                            <span>{item.label}</span>\n                        </Dropdown.Item>\n                    ))}\n                </Dropdown.Menu>\n            </Dropdown>\n        </div>\n    )\n}\n\nexport default MailDetailAction\n"],"names":["MailDetailAction","dropdownRef","useRef","mail","toggleMessageDialog","useMailStore","onFlagToggle","onMoveMailClick","onStarToggle","useMailAction","handleMoveMailClick","destination","jsxs","jsx","Tooltip","ActionButton","TbArrowBackUp","Dropdown","TbDotsVertical","TbStarFilled","TbStar","TbFlag","classNames","Fragment","TbFolderSymlink","labelList","item","Badge"],"mappings":";;;;;;;;;;;;;AAwBA,MAAMA,IAAmB,MAAM;AAC3B,QAAMC,IAAcC,EAAoB,IAAI,GAEtC,EAAE,MAAAC,GAAM,qBAAAC,EAAA,IAAwBC,EAAA,GAEhC,EAAE,cAAAC,GAAc,iBAAAC,GAAiB,cAAAC,EAAA,IAAiBC,EAAA,GAElDC,IAAsB,CAACC,MAAwB;AACjD,IAAAJ,EAAgBJ,GAAcQ,CAAW,GACzCV,EAAY,SAAS,oBAAA;AAAA,EACzB;AASA,SACI,gBAAAW,EAAC,OAAA,EAAI,WAAU,2BACX,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAA,EAAQ,OAAM,SACX,UAAA,gBAAAD,EAACE,GAAA,EAAa,SAVD,MAAM;AAC3B,MAAAX,EAAoB;AAAA,QAChB,MAAM;AAAA,QACN,MAAM;AAAA,MAAA,CACT;AAAA,IACL,GAMgB,UAAA,gBAAAS,EAACG,GAAA,CAAA,CAAc,EAAA,CACnB,GACJ;AAAA,IACA,gBAAAJ;AAAA,MAACK;AAAA,MAAA;AAAA,QACG,KAAKhB;AAAA,QACL,WAAU;AAAA,QACV,aACI,gBAAAY,EAACE,GAAA,EACG,UAAA,gBAAAF,EAACK,KAAe,GACpB;AAAA,QAGJ,UAAA;AAAA,UAAA,gBAAAN;AAAA,YAACK,EAAS;AAAA,YAAT;AAAA,cACG,UAAS;AAAA,cACT,SAAS,MAAMT,EAAaL,CAAY;AAAA,cAExC,UAAA;AAAA,gBAAA,gBAAAU,EAAC,QAAA,EAAK,WAAU,WACX,UAAAV,EAAK,UACF,gBAAAU,EAACM,GAAA,EAAa,WAAU,iBAAA,CAAiB,IAEzC,gBAAAN,EAACO,GAAA,CAAA,CAAO,GAEhB;AAAA,gBACA,gBAAAP,EAAC,UAAK,UAAA,OAAA,CAAI;AAAA,cAAA;AAAA,YAAA;AAAA,UAAA;AAAA,UAEd,gBAAAD;AAAA,YAACK,EAAS;AAAA,YAAT;AAAA,cACG,UAAS;AAAA,cACT,SAAS,MAAMX,EAAaH,CAAY;AAAA,cAExC,UAAA;AAAA,gBAAA,gBAAAU;AAAA,kBAACQ;AAAA,kBAAA;AAAA,oBACG,WAAWC;AAAA,sBACP;AAAA,sBACAnB,EAAK,WAAW;AAAA,oBAAA;AAAA,kBACpB;AAAA,gBAAA;AAAA,gBAEJ,gBAAAU,EAAC,UAAK,UAAA,OAAA,CAAI;AAAA,cAAA;AAAA,YAAA;AAAA,UAAA;AAAA,UAEd,gBAAAA;AAAA,YAACI,EAAS;AAAA,YAAT;AAAA,cACG,aACI,gBAAAJ,EAAAU,GAAA,EACI,UAAA,gBAAAX,EAAC,QAAA,EAAK,WAAU,2BACZ,UAAA;AAAA,gBAAA,gBAAAC,EAACW,GAAA,EAAgB,WAAU,UAAA,CAAU;AAAA,gBACrC,gBAAAX,EAAC,UAAK,UAAA,UAAA,CAAO;AAAA,cAAA,EAAA,CACjB,EAAA,CACJ;AAAA,cAEJ,WAAU;AAAA,cAET,UAAAY,EAAU,IAAI,CAACC,MACZ,gBAAAd;AAAA,gBAACK,EAAS;AAAA,gBAAT;AAAA,kBAEG,SAAS,MAAMP,EAAoBgB,EAAK,KAAK;AAAA,kBAE7C,UAAA;AAAA,oBAAA,gBAAAb,EAACc,GAAA,EAAM,WAAWD,EAAK,SAAA,CAAU;AAAA,oBACjC,gBAAAb,EAAC,QAAA,EAAM,UAAAa,EAAK,MAAA,CAAM;AAAA,kBAAA;AAAA,gBAAA;AAAA,gBAJbA,EAAK;AAAA,cAAA,CAMjB;AAAA,YAAA;AAAA,UAAA;AAAA,QACL;AAAA,MAAA;AAAA,IAAA;AAAA,EACJ,GACJ;AAER;"}

package/dist/@ecme/views/concepts/mail/Mail/components/MailDetailContent.js

@@ -1,85 +1,81 @@
 import { jsx as e, jsxs as l } from "react/jsx-runtime";
-import p from "../../../../../components/shared/IconText.js";
-import { Avatar as h } from "../../../../../components/ui/Avatar/index.js";
+import o from "../../../../../components/shared/IconText.js";
+import { Avatar as s } from "../../../../../components/ui/Avatar/index.js";
 import "../../../../../components/ui/ScrollBar/index.js";
 import "../../../../../components/view/FileIcon/index.js";
-import f from "../../../../../utils/classNames.js";
-import v from "../../../../../utils/isLastChild.js";
-import x from "html-react-parser";
-import { HiOutlineClock as b } from "react-icons/hi";
-import g from "../../../../../components/ui/ScrollBar/ScrollBar.js";
-import u from "../../../../../components/view/FileIcon/FileIcon.js";
-const B = (c) => {
-  var t;
-  const { mail: i = {}, ref: o } = c;
+import m from "../../../../../utils/classNames.js";
+import p from "../../../../../utils/isLastChild.js";
+import h from "html-react-parser";
+import { HiOutlineClock as f } from "react-icons/hi";
+import v from "../../../../../components/ui/ScrollBar/ScrollBar.js";
+import x from "../../../../../components/view/FileIcon/FileIcon.js";
+const T = (t) => {
+  const { mail: i = {}, ref: d } = t;
   return /* @__PURE__ */ e("div", { className: "absolute top-0 left-0 h-full w-full ", children: /* @__PURE__ */ e(
-    g,
+    v,
     {
-      ref: o,
+      ref: d,
       autoHide: !0,
       className: "overflow-y-auto h-[calc(100%-100px)]",
-      children: /* @__PURE__ */ e("div", { className: "h-full px-6", children: (t = i.message) == null ? void 0 : t.map((r, s) => {
-        var d, n;
-        return /* @__PURE__ */ e("div", { children: /* @__PURE__ */ l(
-          "div",
-          {
-            className: f(
-              "py-8 ltr:pr-4 rtl:pl-4",
-              !v(
-                i.message,
-                s
-              ) && "border-b border-gray-200 dark:border-gray-700"
-            ),
-            children: [
-              /* @__PURE__ */ l("div", { className: "flex items-center justify-between gap-2", children: [
-                /* @__PURE__ */ l("div", { className: "flex items-center gap-2", children: [
-                  /* @__PURE__ */ e(
-                    h,
-                    {
-                      shape: "circle",
-                      src: r.avatar
-                    }
-                  ),
-                  /* @__PURE__ */ l("div", { children: [
-                    /* @__PURE__ */ e("div", { className: "font-bold truncate heading-text", children: r.name }),
-                    /* @__PURE__ */ l("div", { children: [
-                      "To:",
-                      " ",
-                      (d = i.mail) == null ? void 0 : d.map((a, m) => /* @__PURE__ */ e("span", { children: a }, a + m))
-                    ] })
-                  ] })
-                ] }),
+      children: /* @__PURE__ */ e("div", { className: "h-full px-6", children: i.message?.map((r, n) => /* @__PURE__ */ e("div", { children: /* @__PURE__ */ l(
+        "div",
+        {
+          className: m(
+            "py-8 ltr:pr-4 rtl:pl-4",
+            !p(
+              i.message,
+              n
+            ) && "border-b border-gray-200 dark:border-gray-700"
+          ),
+          children: [
+            /* @__PURE__ */ l("div", { className: "flex items-center justify-between gap-2", children: [
+              /* @__PURE__ */ l("div", { className: "flex items-center gap-2", children: [
                 /* @__PURE__ */ e(
-                  p,
+                  s,
                   {
-                    icon: /* @__PURE__ */ e(b, { className: "text-lg" }),
-                    children: /* @__PURE__ */ e("span", { className: "font-semibold", children: r.date })
+                    shape: "circle",
+                    src: r.avatar
                   }
-                )
+                ),
+                /* @__PURE__ */ l("div", { children: [
+                  /* @__PURE__ */ e("div", { className: "font-bold truncate heading-text", children: r.name }),
+                  /* @__PURE__ */ l("div", { children: [
+                    "To:",
+                    " ",
+                    i.mail?.map((a, c) => /* @__PURE__ */ e("span", { children: a }, a + c))
+                  ] })
+                ] })
               ] }),
-              /* @__PURE__ */ e("div", { className: "mt-8", children: x(r.content) }),
-              ((n = r.attachment) == null ? void 0 : n.length) > 0 && /* @__PURE__ */ e("div", { className: "mt-6 inline-flex flex-wrap gap-4", children: r.attachment.map((a) => /* @__PURE__ */ l(
-                "div",
+              /* @__PURE__ */ e(
+                o,
                 {
-                  className: "min-w-full md:min-w-[230px] rounded-2xl dark:bg-gray-800 border border-gray-200 hover:bg-gray-100 dark:hover:bg-gray-600 dark:border-gray-700 py-4 px-3.5 inline-flex items-center gap-2 transition-all cursor-pointer",
-                  children: [
-                    /* @__PURE__ */ e(u, { type: a.type }),
-                    /* @__PURE__ */ l("div", { children: [
-                      /* @__PURE__ */ e("div", { className: "font-semibold text-gray-900 dark:text-gray-100", children: a.file }),
-                      /* @__PURE__ */ e("span", { className: "", children: a.size })
-                    ] })
-                  ]
-                },
-                a.file
-              )) })
-            ]
-          }
-        ) }, r.id);
-      }) })
+                  icon: /* @__PURE__ */ e(f, { className: "text-lg" }),
+                  children: /* @__PURE__ */ e("span", { className: "font-semibold", children: r.date })
+                }
+              )
+            ] }),
+            /* @__PURE__ */ e("div", { className: "mt-8", children: h(r.content) }),
+            r.attachment?.length > 0 && /* @__PURE__ */ e("div", { className: "mt-6 inline-flex flex-wrap gap-4", children: r.attachment.map((a) => /* @__PURE__ */ l(
+              "div",
+              {
+                className: "min-w-full md:min-w-[230px] rounded-2xl dark:bg-gray-800 border border-gray-200 hover:bg-gray-100 dark:hover:bg-gray-600 dark:border-gray-700 py-4 px-3.5 inline-flex items-center gap-2 transition-all cursor-pointer",
+                children: [
+                  /* @__PURE__ */ e(x, { type: a.type }),
+                  /* @__PURE__ */ l("div", { children: [
+                    /* @__PURE__ */ e("div", { className: "font-semibold text-gray-900 dark:text-gray-100", children: a.file }),
+                    /* @__PURE__ */ e("span", { className: "", children: a.size })
+                  ] })
+                ]
+              },
+              a.file
+            )) })
+          ]
+        }
+      ) }, r.id)) })
     }
   ) });
 };
 export {
-  B as default
+  T as default
 };
 //# sourceMappingURL=MailDetailContent.js.map

package/dist/@ecme/views/concepts/mail/Mail/components/MailDetailContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"MailDetailContent.js","sources":["../../../../../../../lib/@ecme/views/concepts/mail/Mail/components/MailDetailContent.tsx"],"sourcesContent":["import IconText from '@/components/shared/IconText'\nimport Avatar from '@/components/ui/Avatar'\nimport ScrollBar from '@/components/ui/ScrollBar'\nimport FileIcon from '@/components/view/FileIcon'\nimport classNames from '@/utils/classNames'\nimport isLastChild from '@/utils/isLastChild'\nimport ReactHtmlParser from 'html-react-parser'\nimport { HiOutlineClock } from 'react-icons/hi'\nimport type { Mail, Message } from '../types'\nimport type { ScrollBarRef } from '@/components/ui/ScrollBar'\nimport type { PropsWithChildren, Ref } from 'react'\n\ntype MailDetailContentProps = PropsWithChildren<{\n    mail?: Partial<Mail>\n    ref?: Ref<ScrollBarRef>\n}>\n\nconst MailDetailContent = (props: MailDetailContentProps) => {\n    const { mail = {}, ref } = props\n\n    return (\n        <div className=\"absolute top-0 left-0 h-full w-full \">\n            <ScrollBar\n                ref={ref}\n                autoHide\n                className=\"overflow-y-auto h-[calc(100%-100px)]\"\n            >\n                <div className=\"h-full px-6\">\n                    {mail.message?.map((msg, index) => (\n                        <div key={msg.id}>\n                            <div\n                                className={classNames(\n                                    'py-8 ltr:pr-4 rtl:pl-4',\n                                    !isLastChild(\n                                        mail.message as Message[],\n                                        index,\n                                    ) &&\n                                        'border-b border-gray-200 dark:border-gray-700',\n                                )}\n                            >\n                                <div className=\"flex items-center justify-between gap-2\">\n                                    <div className=\"flex items-center gap-2\">\n                                        <Avatar\n                                            shape=\"circle\"\n                                            src={msg.avatar}\n                                        />\n                                        <div>\n                                            <div className=\"font-bold truncate heading-text\">\n                                                {msg.name}\n                                            </div>\n                                            <div>\n                                                To:{' '}\n                                                {mail.mail?.map((to, index) => (\n                                                    <span key={to + index}>\n                                                        {to}\n                                                    </span>\n                                                ))}\n                                            </div>\n                                        </div>\n                                    </div>\n                                    <IconText\n                                        icon={\n                                            <HiOutlineClock className=\"text-lg\" />\n                                        }\n                                    >\n                                        <span className=\"font-semibold\">\n                                            {msg.date}\n                                        </span>\n                                    </IconText>\n                                </div>\n                                <div className=\"mt-8\">\n                                    {ReactHtmlParser(msg.content)}\n                                </div>\n                                {msg.attachment?.length > 0 && (\n                                    <div className=\"mt-6 inline-flex flex-wrap gap-4\">\n                                        {msg.attachment.map((item) => (\n                                            <div\n                                                key={item.file}\n                                                className=\"min-w-full md:min-w-[230px] rounded-2xl dark:bg-gray-800 border border-gray-200 hover:bg-gray-100 dark:hover:bg-gray-600 dark:border-gray-700 py-4 px-3.5 inline-flex items-center gap-2 transition-all cursor-pointer\"\n                                            >\n                                                <FileIcon type={item.type} />\n                                                <div>\n                                                    <div className=\"font-semibold text-gray-900 dark:text-gray-100\">\n                                                        {item.file}\n                                                    </div>\n                                                    <span className=\"\">\n                                                        {item.size}\n                                                    </span>\n                                                </div>\n                                            </div>\n                                        ))}\n                                    </div>\n                                )}\n                            </div>\n                        </div>\n                    ))}\n                </div>\n            </ScrollBar>\n        </div>\n    )\n}\n\nexport default MailDetailContent\n"],"names":["MailDetailContent","props","mail","ref","jsx","ScrollBar","_a","msg","index","jsxs","classNames","isLastChild","Avatar","to","IconText","HiOutlineClock","ReactHtmlParser","_b","item","FileIcon"],"mappings":";;;;;;;;;;;AAiBA,MAAMA,IAAoB,CAACC,MAAkC;;AACzD,QAAM,EAAE,MAAAC,IAAO,IAAI,KAAAC,MAAQF;AAE3B,SACI,gBAAAG,EAAC,OAAA,EAAI,WAAU,wCACX,UAAA,gBAAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,KAAAF;AAAA,MACA,UAAQ;AAAA,MACR,WAAU;AAAA,MAEV,UAAA,gBAAAC,EAAC,OAAA,EAAI,WAAU,eACV,WAAAE,IAAAJ,EAAK,YAAL,gBAAAI,EAAc,IAAI,CAACC,GAAKC,MAAA;;AACrB,+BAAAJ,EAAC,OAAA,EACG,UAAA,gBAAAK;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,WAAWC;AAAA,cACP;AAAA,cACA,CAACC;AAAA,gBACGT,EAAK;AAAA,gBACLM;AAAA,cAAA,KAEA;AAAA,YAAA;AAAA,YAGR,UAAA;AAAA,cAAA,gBAAAC,EAAC,OAAA,EAAI,WAAU,2CACX,UAAA;AAAA,gBAAA,gBAAAA,EAAC,OAAA,EAAI,WAAU,2BACX,UAAA;AAAA,kBAAA,gBAAAL;AAAA,oBAACQ;AAAA,oBAAA;AAAA,sBACG,OAAM;AAAA,sBACN,KAAKL,EAAI;AAAA,oBAAA;AAAA,kBAAA;AAAA,oCAEZ,OAAA,EACG,UAAA;AAAA,oBAAA,gBAAAH,EAAC,OAAA,EAAI,WAAU,mCACV,UAAAG,EAAI,MACT;AAAA,sCACC,OAAA,EAAI,UAAA;AAAA,sBAAA;AAAA,sBACG;AAAA,uBACHD,IAAAJ,EAAK,SAAL,gBAAAI,EAAW,IAAI,CAACO,GAAIL,MACjB,gBAAAJ,EAAC,QAAA,EACI,UAAAS,KADMA,IAAKL,CAEhB;AAAA,oBACH,EAAA,CACL;AAAA,kBAAA,EAAA,CACJ;AAAA,gBAAA,GACJ;AAAA,gBACA,gBAAAJ;AAAA,kBAACU;AAAA,kBAAA;AAAA,oBACG,MACI,gBAAAV,EAACW,GAAA,EAAe,WAAU,UAAA,CAAU;AAAA,oBAGxC,UAAA,gBAAAX,EAAC,QAAA,EAAK,WAAU,iBACX,YAAI,KAAA,CACT;AAAA,kBAAA;AAAA,gBAAA;AAAA,cACJ,GACJ;AAAA,gCACC,OAAA,EAAI,WAAU,QACV,UAAAY,EAAgBT,EAAI,OAAO,GAChC;AAAA,gBACCU,IAAAV,EAAI,eAAJ,gBAAAU,EAAgB,UAAS,KACtB,gBAAAb,EAAC,OAAA,EAAI,WAAU,oCACV,UAAAG,EAAI,WAAW,IAAI,CAACW,MACjB,gBAAAT;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBAEG,WAAU;AAAA,kBAEV,UAAA;AAAA,oBAAA,gBAAAL,EAACe,GAAA,EAAS,MAAMD,EAAK,KAAA,CAAM;AAAA,sCAC1B,OAAA,EACG,UAAA;AAAA,sBAAA,gBAAAd,EAAC,OAAA,EAAI,WAAU,kDACV,UAAAc,EAAK,MACV;AAAA,sBACA,gBAAAd,EAAC,QAAA,EAAK,WAAU,IACX,YAAK,KAAA,CACV;AAAA,oBAAA,EAAA,CACJ;AAAA,kBAAA;AAAA,gBAAA;AAAA,gBAXKc,EAAK;AAAA,cAAA,CAajB,EAAA,CACL;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA,KA9DFX,EAAI,EAiEd;AAAA,SACH,CACL;AAAA,IAAA;AAAA,EAAA,GAER;AAER;"}
+{"version":3,"file":"MailDetailContent.js","sources":["../../../../../../../lib/@ecme/views/concepts/mail/Mail/components/MailDetailContent.tsx"],"sourcesContent":["import IconText from '@/components/shared/IconText'\nimport Avatar from '@/components/ui/Avatar'\nimport ScrollBar from '@/components/ui/ScrollBar'\nimport FileIcon from '@/components/view/FileIcon'\nimport classNames from '@/utils/classNames'\nimport isLastChild from '@/utils/isLastChild'\nimport ReactHtmlParser from 'html-react-parser'\nimport { HiOutlineClock } from 'react-icons/hi'\nimport type { Mail, Message } from '../types'\nimport type { ScrollBarRef } from '@/components/ui/ScrollBar'\nimport type { PropsWithChildren, Ref } from 'react'\n\ntype MailDetailContentProps = PropsWithChildren<{\n    mail?: Partial<Mail>\n    ref?: Ref<ScrollBarRef>\n}>\n\nconst MailDetailContent = (props: MailDetailContentProps) => {\n    const { mail = {}, ref } = props\n\n    return (\n        <div className=\"absolute top-0 left-0 h-full w-full \">\n            <ScrollBar\n                ref={ref}\n                autoHide\n                className=\"overflow-y-auto h-[calc(100%-100px)]\"\n            >\n                <div className=\"h-full px-6\">\n                    {mail.message?.map((msg, index) => (\n                        <div key={msg.id}>\n                            <div\n                                className={classNames(\n                                    'py-8 ltr:pr-4 rtl:pl-4',\n                                    !isLastChild(\n                                        mail.message as Message[],\n                                        index,\n                                    ) &&\n                                        'border-b border-gray-200 dark:border-gray-700',\n                                )}\n                            >\n                                <div className=\"flex items-center justify-between gap-2\">\n                                    <div className=\"flex items-center gap-2\">\n                                        <Avatar\n                                            shape=\"circle\"\n                                            src={msg.avatar}\n                                        />\n                                        <div>\n                                            <div className=\"font-bold truncate heading-text\">\n                                                {msg.name}\n                                            </div>\n                                            <div>\n                                                To:{' '}\n                                                {mail.mail?.map((to, index) => (\n                                                    <span key={to + index}>\n                                                        {to}\n                                                    </span>\n                                                ))}\n                                            </div>\n                                        </div>\n                                    </div>\n                                    <IconText\n                                        icon={\n                                            <HiOutlineClock className=\"text-lg\" />\n                                        }\n                                    >\n                                        <span className=\"font-semibold\">\n                                            {msg.date}\n                                        </span>\n                                    </IconText>\n                                </div>\n                                <div className=\"mt-8\">\n                                    {ReactHtmlParser(msg.content)}\n                                </div>\n                                {msg.attachment?.length > 0 && (\n                                    <div className=\"mt-6 inline-flex flex-wrap gap-4\">\n                                        {msg.attachment.map((item) => (\n                                            <div\n                                                key={item.file}\n                                                className=\"min-w-full md:min-w-[230px] rounded-2xl dark:bg-gray-800 border border-gray-200 hover:bg-gray-100 dark:hover:bg-gray-600 dark:border-gray-700 py-4 px-3.5 inline-flex items-center gap-2 transition-all cursor-pointer\"\n                                            >\n                                                <FileIcon type={item.type} />\n                                                <div>\n                                                    <div className=\"font-semibold text-gray-900 dark:text-gray-100\">\n                                                        {item.file}\n                                                    </div>\n                                                    <span className=\"\">\n                                                        {item.size}\n                                                    </span>\n                                                </div>\n                                            </div>\n                                        ))}\n                                    </div>\n                                )}\n                            </div>\n                        </div>\n                    ))}\n                </div>\n            </ScrollBar>\n        </div>\n    )\n}\n\nexport default MailDetailContent\n"],"names":["MailDetailContent","props","mail","ref","jsx","ScrollBar","msg","index","jsxs","classNames","isLastChild","Avatar","to","IconText","HiOutlineClock","ReactHtmlParser","item","FileIcon"],"mappings":";;;;;;;;;;;AAiBA,MAAMA,IAAoB,CAACC,MAAkC;AACzD,QAAM,EAAE,MAAAC,IAAO,IAAI,KAAAC,MAAQF;AAE3B,SACI,gBAAAG,EAAC,OAAA,EAAI,WAAU,wCACX,UAAA,gBAAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,KAAAF;AAAA,MACA,UAAQ;AAAA,MACR,WAAU;AAAA,MAEV,UAAA,gBAAAC,EAAC,OAAA,EAAI,WAAU,eACV,UAAAF,EAAK,SAAS,IAAI,CAACI,GAAKC,MACrB,gBAAAH,EAAC,OAAA,EACG,UAAA,gBAAAI;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,WAAWC;AAAA,YACP;AAAA,YACA,CAACC;AAAA,cACGR,EAAK;AAAA,cACLK;AAAA,YAAA,KAEA;AAAA,UAAA;AAAA,UAGR,UAAA;AAAA,YAAA,gBAAAC,EAAC,OAAA,EAAI,WAAU,2CACX,UAAA;AAAA,cAAA,gBAAAA,EAAC,OAAA,EAAI,WAAU,2BACX,UAAA;AAAA,gBAAA,gBAAAJ;AAAA,kBAACO;AAAA,kBAAA;AAAA,oBACG,OAAM;AAAA,oBACN,KAAKL,EAAI;AAAA,kBAAA;AAAA,gBAAA;AAAA,kCAEZ,OAAA,EACG,UAAA;AAAA,kBAAA,gBAAAF,EAAC,OAAA,EAAI,WAAU,mCACV,UAAAE,EAAI,MACT;AAAA,oCACC,OAAA,EAAI,UAAA;AAAA,oBAAA;AAAA,oBACG;AAAA,oBACHJ,EAAK,MAAM,IAAI,CAACU,GAAIL,MACjB,gBAAAH,EAAC,QAAA,EACI,UAAAQ,KADMA,IAAKL,CAEhB,CACH;AAAA,kBAAA,EAAA,CACL;AAAA,gBAAA,EAAA,CACJ;AAAA,cAAA,GACJ;AAAA,cACA,gBAAAH;AAAA,gBAACS;AAAA,gBAAA;AAAA,kBACG,MACI,gBAAAT,EAACU,GAAA,EAAe,WAAU,UAAA,CAAU;AAAA,kBAGxC,UAAA,gBAAAV,EAAC,QAAA,EAAK,WAAU,iBACX,YAAI,KAAA,CACT;AAAA,gBAAA;AAAA,cAAA;AAAA,YACJ,GACJ;AAAA,8BACC,OAAA,EAAI,WAAU,QACV,UAAAW,EAAgBT,EAAI,OAAO,GAChC;AAAA,YACCA,EAAI,YAAY,SAAS,KACtB,gBAAAF,EAAC,OAAA,EAAI,WAAU,oCACV,UAAAE,EAAI,WAAW,IAAI,CAACU,MACjB,gBAAAR;AAAA,cAAC;AAAA,cAAA;AAAA,gBAEG,WAAU;AAAA,gBAEV,UAAA;AAAA,kBAAA,gBAAAJ,EAACa,GAAA,EAAS,MAAMD,EAAK,KAAA,CAAM;AAAA,oCAC1B,OAAA,EACG,UAAA;AAAA,oBAAA,gBAAAZ,EAAC,OAAA,EAAI,WAAU,kDACV,UAAAY,EAAK,MACV;AAAA,oBACA,gBAAAZ,EAAC,QAAA,EAAK,WAAU,IACX,YAAK,KAAA,CACV;AAAA,kBAAA,EAAA,CACJ;AAAA,gBAAA;AAAA,cAAA;AAAA,cAXKY,EAAK;AAAA,YAAA,CAajB,EAAA,CACL;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA,KA9DFV,EAAI,EAiEd,CACH,EAAA,CACL;AAAA,IAAA;AAAA,EAAA,GAER;AAER;"}

package/dist/@ecme/views/concepts/mail/Mail/components/MailDetailTitle.js

@@ -1,15 +1,15 @@
-import { jsxs as o, jsx as r } from "react/jsx-runtime";
-import s from "./ActionButton.js";
-import { useMailStore as l } from "../store/mailStore.js";
+import { jsxs as o, jsx as e } from "react/jsx-runtime";
+import l from "./ActionButton.js";
+import { useMailStore as s } from "../store/mailStore.js";
 import { TbArrowLeft as c } from "react-icons/tb";
 import { useSearchParams as m } from "react-router-dom";
 const k = () => {
-  const { mail: t, setMail: a } = l(), [e, i] = m();
+  const { mail: a, setMail: r } = s(), [t, i] = m();
   return /* @__PURE__ */ o("div", { className: "flex items-center gap-2", children: [
-    /* @__PURE__ */ r(s, { onClick: () => {
-      e.has("mail") && (e.delete("mail"), i(e)), a({});
-    }, children: /* @__PURE__ */ r(c, {}) }),
-    /* @__PURE__ */ r("h4", { children: t == null ? void 0 : t.title })
+    /* @__PURE__ */ e(l, { onClick: () => {
+      t.has("mail") && (t.delete("mail"), i(t)), r({});
+    }, children: /* @__PURE__ */ e(c, {}) }),
+    /* @__PURE__ */ e("h4", { children: a?.title })
   ] });
 };
 export {

package/dist/@ecme/views/concepts/mail/Mail/components/MailDetailTitle.js.map

@@ -1 +1 @@
-{"version":3,"file":"MailDetailTitle.js","sources":["../../../../../../../lib/@ecme/views/concepts/mail/Mail/components/MailDetailTitle.tsx"],"sourcesContent":["import ActionButton from './ActionButton'\nimport { useMailStore } from '../store/mailStore'\nimport { TbArrowLeft } from 'react-icons/tb'\nimport { useSearchParams } from 'react-router-dom'\n\nconst MailDetailTitle = () => {\n    const { mail, setMail } = useMailStore()\n\n    const [searchParams, setSearchParams] = useSearchParams()\n\n    const handleBackButtonClick = () => {\n        if (searchParams.has('mail')) {\n            searchParams.delete('mail')\n            setSearchParams(searchParams)\n        }\n        setMail({})\n    }\n\n    return (\n        <div className=\"flex items-center gap-2\">\n            <ActionButton onClick={handleBackButtonClick}>\n                <TbArrowLeft />\n            </ActionButton>\n            <h4>{mail?.title}</h4>\n        </div>\n    )\n}\n\nexport default MailDetailTitle\n"],"names":["MailDetailTitle","mail","setMail","useMailStore","searchParams","setSearchParams","useSearchParams","jsxs","jsx","ActionButton","TbArrowLeft"],"mappings":";;;;;AAKA,MAAMA,IAAkB,MAAM;AAC1B,QAAM,EAAE,MAAAC,GAAM,SAAAC,EAAA,IAAYC,EAAA,GAEpB,CAACC,GAAcC,CAAe,IAAIC,EAAA;AAUxC,SACI,gBAAAC,EAAC,OAAA,EAAI,WAAU,2BACX,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAA,EAAa,SAVQ,MAAM;AAChC,MAAIL,EAAa,IAAI,MAAM,MACvBA,EAAa,OAAO,MAAM,GAC1BC,EAAgBD,CAAY,IAEhCF,EAAQ,CAAA,CAAE;AAAA,IACd,GAKY,UAAA,gBAAAM,EAACE,KAAY,GACjB;AAAA,IACA,gBAAAF,EAAC,MAAA,EAAI,UAAAP,KAAA,gBAAAA,EAAM,MAAA,CAAM;AAAA,EAAA,GACrB;AAER;"}
+{"version":3,"file":"MailDetailTitle.js","sources":["../../../../../../../lib/@ecme/views/concepts/mail/Mail/components/MailDetailTitle.tsx"],"sourcesContent":["import ActionButton from './ActionButton'\nimport { useMailStore } from '../store/mailStore'\nimport { TbArrowLeft } from 'react-icons/tb'\nimport { useSearchParams } from 'react-router-dom'\n\nconst MailDetailTitle = () => {\n    const { mail, setMail } = useMailStore()\n\n    const [searchParams, setSearchParams] = useSearchParams()\n\n    const handleBackButtonClick = () => {\n        if (searchParams.has('mail')) {\n            searchParams.delete('mail')\n            setSearchParams(searchParams)\n        }\n        setMail({})\n    }\n\n    return (\n        <div className=\"flex items-center gap-2\">\n            <ActionButton onClick={handleBackButtonClick}>\n                <TbArrowLeft />\n            </ActionButton>\n            <h4>{mail?.title}</h4>\n        </div>\n    )\n}\n\nexport default MailDetailTitle\n"],"names":["MailDetailTitle","mail","setMail","useMailStore","searchParams","setSearchParams","useSearchParams","jsxs","jsx","ActionButton","TbArrowLeft"],"mappings":";;;;;AAKA,MAAMA,IAAkB,MAAM;AAC1B,QAAM,EAAE,MAAAC,GAAM,SAAAC,EAAA,IAAYC,EAAA,GAEpB,CAACC,GAAcC,CAAe,IAAIC,EAAA;AAUxC,SACI,gBAAAC,EAAC,OAAA,EAAI,WAAU,2BACX,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAA,EAAa,SAVQ,MAAM;AAChC,MAAIL,EAAa,IAAI,MAAM,MACvBA,EAAa,OAAO,MAAM,GAC1BC,EAAgBD,CAAY,IAEhCF,EAAQ,CAAA,CAAE;AAAA,IACd,GAKY,UAAA,gBAAAM,EAACE,KAAY,GACjB;AAAA,IACA,gBAAAF,EAAC,MAAA,EAAI,UAAAP,GAAM,MAAA,CAAM;AAAA,EAAA,GACrB;AAER;"}

package/dist/@ecme/views/concepts/mail/Mail/components/MailEditor.js

@@ -1,47 +1,46 @@
 import { jsx as e, jsxs as n } from "react/jsx-runtime";
-import { useState as x, useEffect as B } from "react";
+import { useState as C, useEffect as M } from "react";
 import "../../../../../components/ui/Button/index.js";
 import "../../../../../components/ui/Dialog/index.js";
 import "../../../../../components/ui/Input/index.js";
 import "../../../../../components/ui/Notification/index.js";
 import "../../../../../components/ui/toast/index.js";
 import "../../../../../components/shared/RichTextEditor/index.js";
-import { useMailStore as D } from "../store/mailStore.js";
+import { useMailStore as y } from "../store/mailStore.js";
 import "../../../../../components/ui/Form/index.js";
-import N from "../../../../../utils/sleep.js";
-import { useForm as R, Controller as s } from "react-hook-form";
-import { zodResolver as j } from "@hookform/resolvers/zod";
+import x from "../../../../../utils/sleep.js";
+import { useForm as B, Controller as s } from "react-hook-form";
+import { zodResolver as D } from "@hookform/resolvers/zod";
 import { z as l } from "zod";
-import F from "../../../../../components/ui/toast/toast.js";
-import w from "../../../../../components/ui/Notification/Notification.js";
-import E from "../../../../../components/ui/Dialog/Dialog.js";
-import { Form as T } from "../../../../../components/ui/Form/Form.js";
+import N from "../../../../../components/ui/toast/toast.js";
+import R from "../../../../../components/ui/Notification/Notification.js";
+import j from "../../../../../components/ui/Dialog/Dialog.js";
+import { Form as F } from "../../../../../components/ui/Form/Form.js";
 import a from "../../../../../components/ui/Form/FormItem.js";
-import h from "../../../../../components/ui/Input/Input.js";
-import z from "../../../../../components/shared/RichTextEditor/RichTextEditor.js";
-import b from "../../../../../components/ui/Button/Button.js";
-const I = l.object({
+import f from "../../../../../components/ui/Input/Input.js";
+import w from "../../../../../components/shared/RichTextEditor/RichTextEditor.js";
+import g from "../../../../../components/ui/Button/Button.js";
+const E = l.object({
   to: l.string().min(1, { message: "Please enter recipient" }),
   title: l.string(),
   content: l.string().min(1, { message: "Please enter message" })
-}), re = () => {
-  var f, g, u;
-  const { mail: c, messageDialog: r, toggleMessageDialog: v } = D(), [S, p] = x(!1), {
-    handleSubmit: C,
+}), ee = () => {
+  const { mail: c, messageDialog: r, toggleMessageDialog: u } = y(), [h, p] = C(!1), {
+    handleSubmit: b,
     reset: d,
     formState: { errors: t },
     control: m
-  } = R({
-    resolver: j(I)
+  } = B({
+    resolver: D(E)
   });
-  B(() => {
+  M(() => {
     r.mode === "reply" && d({
       to: c.from,
       title: `Re:${c.title}`
     });
   }, [r.mode]);
   const i = () => {
-    v({
+    u({
       mode: "",
       open: !1
     }), d({
@@ -49,13 +48,13 @@ const I = l.object({
       title: "",
       content: ""
     });
-  }, M = async (o) => {
-    console.log("values", o), p(!0), await N(500), F.push(/* @__PURE__ */ e(w, { type: "success", children: "Mail send!" }), {
+  }, v = async (o) => {
+    console.log("values", o), p(!0), await x(500), N.push(/* @__PURE__ */ e(R, { type: "success", children: "Mail send!" }), {
       placement: "top-center"
     }), p(!1), i();
   };
   return /* @__PURE__ */ n(
-    E,
+    j,
     {
       isOpen: r.open,
       onClose: i,
@@ -65,20 +64,20 @@ const I = l.object({
           r.mode === "new" && "New Message",
           r.mode === "reply" && "Reply"
         ] }),
-        /* @__PURE__ */ n(T, { onSubmit: C(M), children: [
+        /* @__PURE__ */ n(F, { onSubmit: b(v), children: [
           /* @__PURE__ */ e(
             a,
             {
               label: "Title:",
               invalid: !!t.title,
-              errorMessage: (f = t.title) == null ? void 0 : f.message,
+              errorMessage: t.title?.message,
               children: /* @__PURE__ */ e(
                 s,
                 {
                   name: "title",
                   control: m,
                   render: ({ field: o }) => /* @__PURE__ */ e(
-                    h,
+                    f,
                     {
                       autoComplete: "off",
                       placeholder: "Add a subject",
@@ -94,13 +93,13 @@ const I = l.object({
             {
               label: "To:",
               invalid: !!t.to,
-              errorMessage: (g = t.to) == null ? void 0 : g.message,
+              errorMessage: t.to?.message,
               children: /* @__PURE__ */ e(
                 s,
                 {
                   name: "to",
                   control: m,
-                  render: ({ field: o }) => /* @__PURE__ */ e(h, { autoComplete: "off", ...o })
+                  render: ({ field: o }) => /* @__PURE__ */ e(f, { autoComplete: "off", ...o })
                 }
               )
             }
@@ -110,19 +109,19 @@ const I = l.object({
             {
               label: "Message",
               invalid: !!t.content,
-              errorMessage: (u = t.content) == null ? void 0 : u.message,
+              errorMessage: t.content?.message,
               children: /* @__PURE__ */ e(
                 s,
                 {
                   name: "content",
                   control: m,
                   render: ({ field: o }) => /* @__PURE__ */ e(
-                    z,
+                    w,
                     {
                       content: o.value,
                       invalid: !!t.content,
-                      onChange: ({ html: y }) => {
-                        o.onChange(y);
+                      onChange: ({ html: S }) => {
+                        o.onChange(S);
                       }
                     }
                   )
@@ -132,7 +131,7 @@ const I = l.object({
           ),
           /* @__PURE__ */ n("div", { className: "text-right mt-4", children: [
             /* @__PURE__ */ e(
-              b,
+              g,
               {
                 className: "ltr:mr-2 rtl:ml-2",
                 variant: "plain",
@@ -142,10 +141,10 @@ const I = l.object({
               }
             ),
             /* @__PURE__ */ e(
-              b,
+              g,
               {
                 variant: "solid",
-                loading: S,
+                loading: h,
                 type: "submit",
                 children: "Send"
               }
@@ -157,6 +156,6 @@ const I = l.object({
   );
 };
 export {
-  re as default
+  ee as default
 };
 //# sourceMappingURL=MailEditor.js.map

package/dist/@ecme/views/concepts/mail/Mail/components/MailEditor.js.map

@@ -1 +1 @@
-{"version":3,"file":"MailEditor.js","sources":["../../../../../../../lib/@ecme/views/concepts/mail/Mail/components/MailEditor.tsx"],"sourcesContent":["import { useEffect, useState } from 'react'\nimport Button from '@/components/ui/Button'\nimport Dialog from '@/components/ui/Dialog'\nimport Input from '@/components/ui/Input'\nimport Notification from '@/components/ui/Notification'\nimport toast from '@/components/ui/toast'\nimport RichTextEditor from '@/components/shared/RichTextEditor'\nimport { useMailStore } from '../store/mailStore'\nimport { FormItem, Form } from '@/components/ui/Form'\nimport sleep from '@/utils/sleep'\nimport { useForm, Controller } from 'react-hook-form'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport { z } from 'zod'\nimport type { ZodType } from 'zod'\n\ntype FormSchema = {\n    to: string\n    content?: string\n    title?: string\n}\n\nconst validationSchema: ZodType<FormSchema> = z.object({\n    to: z.string().min(1, { message: 'Please enter recipient' }),\n    title: z.string(),\n    content: z.string().min(1, { message: 'Please enter message' }),\n})\n\nconst MailEditor = () => {\n    const { mail, messageDialog, toggleMessageDialog } = useMailStore()\n\n    const [formSubmiting, setFormSubmiting] = useState(false)\n\n    const {\n        handleSubmit,\n        reset,\n        formState: { errors },\n        control,\n    } = useForm<FormSchema>({\n        resolver: zodResolver(validationSchema),\n    })\n\n    useEffect(() => {\n        if (messageDialog.mode === 'reply') {\n            reset({\n                to: mail.from,\n                title: `Re:${mail.title}`,\n            })\n        }\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [messageDialog.mode])\n\n    const handleDialogClose = () => {\n        toggleMessageDialog({\n            mode: '',\n            open: false,\n        })\n        reset({\n            to: '',\n            title: '',\n            content: '',\n        })\n    }\n\n    const onSubmit = async (value: FormSchema) => {\n        console.log('values', value)\n        setFormSubmiting(true)\n        await sleep(500)\n        toast.push(<Notification type=\"success\">Mail send!</Notification>, {\n            placement: 'top-center',\n        })\n        setFormSubmiting(false)\n        handleDialogClose()\n    }\n\n    return (\n        <Dialog\n            isOpen={messageDialog.open}\n            onClose={handleDialogClose}\n            onRequestClose={handleDialogClose}\n        >\n            <h4 className=\"mb-4\">\n                {messageDialog.mode === 'new' && 'New Message'}\n                {messageDialog.mode === 'reply' && 'Reply'}\n            </h4>\n            <Form onSubmit={handleSubmit(onSubmit)}>\n                <FormItem\n                    label=\"Title:\"\n                    invalid={Boolean(errors.title)}\n                    errorMessage={errors.title?.message}\n                >\n                    <Controller\n                        name=\"title\"\n                        control={control}\n                        render={({ field }) => (\n                            <Input\n                                autoComplete=\"off\"\n                                placeholder=\"Add a subject\"\n                                {...field}\n                            />\n                        )}\n                    />\n                </FormItem>\n                <FormItem\n                    label=\"To:\"\n                    invalid={Boolean(errors.to)}\n                    errorMessage={errors.to?.message}\n                >\n                    <Controller\n                        name=\"to\"\n                        control={control}\n                        render={({ field }) => (\n                            <Input autoComplete=\"off\" {...field} />\n                        )}\n                    />\n                </FormItem>\n                <FormItem\n                    label=\"Message\"\n                    invalid={Boolean(errors.content)}\n                    errorMessage={errors.content?.message}\n                >\n                    <Controller\n                        name=\"content\"\n                        control={control}\n                        render={({ field }) => (\n                            <RichTextEditor\n                                content={field.value}\n                                invalid={Boolean(errors.content)}\n                                onChange={({ html }) => {\n                                    field.onChange(html)\n                                }}\n                            />\n                        )}\n                    />\n                </FormItem>\n                <div className=\"text-right mt-4\">\n                    <Button\n                        className=\"ltr:mr-2 rtl:ml-2\"\n                        variant=\"plain\"\n                        type=\"button\"\n                        onClick={handleDialogClose}\n                    >\n                        Discard\n                    </Button>\n                    <Button\n                        variant=\"solid\"\n                        loading={formSubmiting}\n                        type=\"submit\"\n                    >\n                        Send\n                    </Button>\n                </div>\n            </Form>\n        </Dialog>\n    )\n}\n\nexport default MailEditor\n"],"names":["validationSchema","z","MailEditor","mail","messageDialog","toggleMessageDialog","useMailStore","formSubmiting","setFormSubmiting","useState","handleSubmit","reset","errors","control","useForm","zodResolver","useEffect","handleDialogClose","onSubmit","value","sleep","toast","jsx","Notification","jsxs","Dialog","Form","FormItem","_a","Controller","field","Input","_b","_c","RichTextEditor","html","Button"],"mappings":"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"}
+{"version":3,"file":"MailEditor.js","sources":["../../../../../../../lib/@ecme/views/concepts/mail/Mail/components/MailEditor.tsx"],"sourcesContent":["import { useEffect, useState } from 'react'\nimport Button from '@/components/ui/Button'\nimport Dialog from '@/components/ui/Dialog'\nimport Input from '@/components/ui/Input'\nimport Notification from '@/components/ui/Notification'\nimport toast from '@/components/ui/toast'\nimport RichTextEditor from '@/components/shared/RichTextEditor'\nimport { useMailStore } from '../store/mailStore'\nimport { FormItem, Form } from '@/components/ui/Form'\nimport sleep from '@/utils/sleep'\nimport { useForm, Controller } from 'react-hook-form'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport { z } from 'zod'\nimport type { ZodType } from 'zod'\n\ntype FormSchema = {\n    to: string\n    content?: string\n    title?: string\n}\n\nconst validationSchema: ZodType<FormSchema> = z.object({\n    to: z.string().min(1, { message: 'Please enter recipient' }),\n    title: z.string(),\n    content: z.string().min(1, { message: 'Please enter message' }),\n})\n\nconst MailEditor = () => {\n    const { mail, messageDialog, toggleMessageDialog } = useMailStore()\n\n    const [formSubmiting, setFormSubmiting] = useState(false)\n\n    const {\n        handleSubmit,\n        reset,\n        formState: { errors },\n        control,\n    } = useForm<FormSchema>({\n        resolver: zodResolver(validationSchema),\n    })\n\n    useEffect(() => {\n        if (messageDialog.mode === 'reply') {\n            reset({\n                to: mail.from,\n                title: `Re:${mail.title}`,\n            })\n        }\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [messageDialog.mode])\n\n    const handleDialogClose = () => {\n        toggleMessageDialog({\n            mode: '',\n            open: false,\n        })\n        reset({\n            to: '',\n            title: '',\n            content: '',\n        })\n    }\n\n    const onSubmit = async (value: FormSchema) => {\n        console.log('values', value)\n        setFormSubmiting(true)\n        await sleep(500)\n        toast.push(<Notification type=\"success\">Mail send!</Notification>, {\n            placement: 'top-center',\n        })\n        setFormSubmiting(false)\n        handleDialogClose()\n    }\n\n    return (\n        <Dialog\n            isOpen={messageDialog.open}\n            onClose={handleDialogClose}\n            onRequestClose={handleDialogClose}\n        >\n            <h4 className=\"mb-4\">\n                {messageDialog.mode === 'new' && 'New Message'}\n                {messageDialog.mode === 'reply' && 'Reply'}\n            </h4>\n            <Form onSubmit={handleSubmit(onSubmit)}>\n                <FormItem\n                    label=\"Title:\"\n                    invalid={Boolean(errors.title)}\n                    errorMessage={errors.title?.message}\n                >\n                    <Controller\n                        name=\"title\"\n                        control={control}\n                        render={({ field }) => (\n                            <Input\n                                autoComplete=\"off\"\n                                placeholder=\"Add a subject\"\n                                {...field}\n                            />\n                        )}\n                    />\n                </FormItem>\n                <FormItem\n                    label=\"To:\"\n                    invalid={Boolean(errors.to)}\n                    errorMessage={errors.to?.message}\n                >\n                    <Controller\n                        name=\"to\"\n                        control={control}\n                        render={({ field }) => (\n                            <Input autoComplete=\"off\" {...field} />\n                        )}\n                    />\n                </FormItem>\n                <FormItem\n                    label=\"Message\"\n                    invalid={Boolean(errors.content)}\n                    errorMessage={errors.content?.message}\n                >\n                    <Controller\n                        name=\"content\"\n                        control={control}\n                        render={({ field }) => (\n                            <RichTextEditor\n                                content={field.value}\n                                invalid={Boolean(errors.content)}\n                                onChange={({ html }) => {\n                                    field.onChange(html)\n                                }}\n                            />\n                        )}\n                    />\n                </FormItem>\n                <div className=\"text-right mt-4\">\n                    <Button\n                        className=\"ltr:mr-2 rtl:ml-2\"\n                        variant=\"plain\"\n                        type=\"button\"\n                        onClick={handleDialogClose}\n                    >\n                        Discard\n                    </Button>\n                    <Button\n                        variant=\"solid\"\n                        loading={formSubmiting}\n                        type=\"submit\"\n                    >\n                        Send\n                    </Button>\n                </div>\n            </Form>\n        </Dialog>\n    )\n}\n\nexport default MailEditor\n"],"names":["validationSchema","z","MailEditor","mail","messageDialog","toggleMessageDialog","useMailStore","formSubmiting","setFormSubmiting","useState","handleSubmit","reset","errors","control","useForm","zodResolver","useEffect","handleDialogClose","onSubmit","value","sleep","toast","jsx","Notification","jsxs","Dialog","Form","FormItem","Controller","field","Input","RichTextEditor","html","Button"],"mappings":"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"}