@orbe-agro/client-core 3.4.3 → 3.4.4

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

@@ -1,333 +0,0 @@
-import { jsxs as o, jsx as e, Fragment as C } from "react/jsx-runtime";
-import { useState as G, useEffect as J } from "react";
-import { Avatar as y } from "../../../../../components/ui/Avatar/index.js";
-import "../../../../../components/ui/ScrollBar/index.js";
-import K from "../../../../../components/shared/Loading.js";
-import { Table as P } from "../../../../../components/ui/Table/index.js";
-import { Checkbox as w } from "../../../../../components/ui/Checkbox/index.js";
-import "../../../../../components/ui/Badge/index.js";
-import U from "./MailDeleteConfimation.js";
-import r from "../../../../../utils/classNames.js";
-import { useMailStore as V } from "../store/mailStore.js";
-import W from "../hooks/useMail.js";
-import X from "../hooks/useMailAction.js";
-import { labelList as T } from "../constants.js";
-import Y from "../../../../../utils/hooks/useQuery.js";
-import Z from "../../../../../utils/hooks/useResponsive.js";
-import _ from "../../../../../utils/isLastChild.js";
-import { useNavigate as ee, useLocation as te } from "react-router-dom";
-import { TbFlag as M, TbStarFilled as S, TbStar as F, TbTrash as j } from "react-icons/tb";
-import le from "../../../../../components/ui/ScrollBar/ScrollBar.js";
-import ne from "../../../../../components/ui/Badge/Badge.js";
-const D = /(<([^>]+)>)/gi, { THead: oe, Th: a, TBody: re, Tr: L, Td: c } = P, Se = () => {
-  const [m, d] = G({
-    open: !1,
-    selected: ""
-  }), {
-    selectedMailId: h,
-    mailList: s,
-    setMail: O,
-    setSelectedMail: f,
-    mailListFetched: R
-  } = V(), {
-    onFlagToggle: g,
-    onCheckboxToggle: A,
-    onStarToggle: u,
-    onResetChecked: B,
-    onMailDelete: z
-  } = X(), H = ee(), p = te(), b = Y(), { larger: $ } = Z(), { fetchMails: q, isMailsFetching: E } = W();
-  J(() => {
-    const t = b.get("category"), n = b.get("label");
-    R || q({ category: t || "", label: n || "" });
-  }, [p.pathname, p.search]);
-  const I = (t, n) => {
-    const l = n.replace(D, ""), k = t.length;
-    return /* @__PURE__ */ o("div", { className: "flex items-center gap-3", children: [
-      /* @__PURE__ */ e("span", { className: "font-semibold heading-text text-nowrap", children: t }),
-      /* @__PURE__ */ e("span", { className: "text-nowrap", children: l.length > 45 - k ? l.substring(0, 42 - k) + "..." : l })
-    ] });
-  }, x = (t, n) => {
-    t.stopPropagation(), O(n), B(), H(`${p.pathname}?mail=${n.id}`, { replace: !0 });
-  }, v = (t, n) => {
-    t.stopPropagation(), A(n), n.checked ? f(h.filter((l) => n.id !== l)) : h.includes(n.id) || f([...h, n.id]);
-  }, i = (t, n, l) => {
-    t.stopPropagation(), n(l, !1);
-  }, N = () => {
-    d({
-      open: !1,
-      selected: ""
-    });
-  }, Q = () => {
-    z([m.selected]), N();
-  };
-  return /* @__PURE__ */ o(C, { children: [
-    /* @__PURE__ */ e("div", { className: "lg:absolute top-0 left-0 h-full w-full", children: /* @__PURE__ */ e(
-      le,
-      {
-        autoHide: !0,
-        className: "overflow-y-auto lg:h-full lg:max-w-full",
-        children: /* @__PURE__ */ e(
-          K,
-          {
-            type: s.length > 0 ? "cover" : "default",
-            spinnerClass: s.length > 0 ? "hidden" : "",
-            loading: E,
-            children: $.lg ? /* @__PURE__ */ o(P, { compact: !0, overflow: !1, children: [
-              /* @__PURE__ */ e(oe, { children: /* @__PURE__ */ o(L, { children: [
-                /* @__PURE__ */ e(a, { colSpan: 2, children: "From" }),
-                /* @__PURE__ */ e(a, {}),
-                /* @__PURE__ */ e(a, { children: "Subject" }),
-                /* @__PURE__ */ e(a, { children: "Received" }),
-                /* @__PURE__ */ e(a, {})
-              ] }) }),
-              /* @__PURE__ */ e(re, { children: s.map((t) => {
-                var n;
-                return /* @__PURE__ */ o(
-                  L,
-                  {
-                    className: "group",
-                    onClick: (l) => x(l, t),
-                    children: [
-                      /* @__PURE__ */ e(c, { width: "40", children: /* @__PURE__ */ o("div", { className: "h-[32px] w-[32px] flex items-center justify-center", children: [
-                        /* @__PURE__ */ e(
-                          y,
-                          {
-                            shape: "circle",
-                            src: t.avatar,
-                            size: "sm",
-                            className: r(
-                              "group-hover:hidden",
-                              t.checked && "hidden"
-                            )
-                          }
-                        ),
-                        /* @__PURE__ */ e(
-                          "div",
-                          {
-                            className: r(
-                              "group-hover:block",
-                              t.checked ? "block" : "hidden"
-                            ),
-                            children: /* @__PURE__ */ e(
-                              "div",
-                              {
-                                className: "flex items-center",
-                                onClick: (l) => v(
-                                  l,
-                                  t
-                                ),
-                                children: /* @__PURE__ */ e(
-                                  w,
-                                  {
-                                    checked: t.checked
-                                  }
-                                )
-                              }
-                            )
-                          }
-                        )
-                      ] }) }),
-                      /* @__PURE__ */ e(c, { children: /* @__PURE__ */ e("span", { className: "font-bold heading-text truncate", children: t.name }) }),
-                      /* @__PURE__ */ e(c, { children: /* @__PURE__ */ e("div", { className: "flex justify-end", children: T.some(
-                        (l) => l.value === t.label
-                      ) && /* @__PURE__ */ e(
-                        ne,
-                        {
-                          className: (n = T.find(
-                            (l) => l.value === t.label
-                          )) == null ? void 0 : n.dotClass
-                        }
-                      ) }) }),
-                      /* @__PURE__ */ e(c, { className: "max-w-full overflow-hidden text-ellipsis whitespace-nowrap", children: I(
-                        t.title,
-                        t.message[0].content
-                      ) }),
-                      /* @__PURE__ */ e(c, { children: t.message[0].date }),
-                      /* @__PURE__ */ e(c, { children: /* @__PURE__ */ o("div", { className: "flex items-center text-lg gap-2", children: [
-                        /* @__PURE__ */ e(
-                          "button",
-                          {
-                            type: "button",
-                            title: "Flag",
-                            onClick: (l) => i(
-                              l,
-                              g,
-                              t
-                            ),
-                            children: /* @__PURE__ */ e(
-                              M,
-                              {
-                                className: r(
-                                  t.flagged && "text-red-500"
-                                )
-                              }
-                            )
-                          }
-                        ),
-                        /* @__PURE__ */ e(
-                          "button",
-                          {
-                            type: "button",
-                            title: "Star",
-                            onClick: (l) => i(
-                              l,
-                              u,
-                              t
-                            ),
-                            children: t.starred ? /* @__PURE__ */ e(S, { className: "text-amber-500" }) : /* @__PURE__ */ e(F, {})
-                          }
-                        ),
-                        /* @__PURE__ */ e(
-                          "button",
-                          {
-                            type: "button",
-                            title: "Delete",
-                            onClick: (l) => {
-                              l.stopPropagation(), d(
-                                {
-                                  open: !0,
-                                  selected: t.id
-                                }
-                              );
-                            },
-                            children: /* @__PURE__ */ e(j, {})
-                          }
-                        )
-                      ] }) })
-                    ]
-                  },
-                  t.id
-                );
-              }) })
-            ] }) : /* @__PURE__ */ e(C, { children: s.map((t, n) => /* @__PURE__ */ o(
-              "div",
-              {
-                className: r(
-                  "flex justify-between items-center gap-2 px-2 rounded-xl border-gray-200 dark:border-gray-700 py-4 cursor-pointer group",
-                  !_(s, n) && "border-b"
-                ),
-                onClick: (l) => x(l, t),
-                children: [
-                  /* @__PURE__ */ o("div", { className: "flex gap-4 min-w-0", children: [
-                    /* @__PURE__ */ o("div", { className: "h-[32px] w-[32px] flex items-center justify-center", children: [
-                      /* @__PURE__ */ e(
-                        y,
-                        {
-                          shape: "circle",
-                          src: t.avatar,
-                          size: "sm",
-                          className: r(
-                            "group-hover:hidden",
-                            t.checked && "hidden"
-                          )
-                        }
-                      ),
-                      /* @__PURE__ */ e(
-                        "div",
-                        {
-                          className: r(
-                            "group-hover:block",
-                            t.checked ? "block" : "hidden"
-                          ),
-                          children: /* @__PURE__ */ e(
-                            "div",
-                            {
-                              className: "flex items-center",
-                              onClick: (l) => v(
-                                l,
-                                t
-                              ),
-                              children: /* @__PURE__ */ e(
-                                w,
-                                {
-                                  checked: t.checked
-                                }
-                              )
-                            }
-                          )
-                        }
-                      )
-                    ] }),
-                    /* @__PURE__ */ o("div", { className: "min-w-0 flex-1", children: [
-                      /* @__PURE__ */ e("div", { className: "font-bold heading-text truncate", children: t.name }),
-                      /* @__PURE__ */ e("div", { className: "min-w-0", children: /* @__PURE__ */ e("div", { className: "text-nowrap truncate", children: t.message[0].content.replace(
-                        D,
-                        ""
-                      ) }) }),
-                      /* @__PURE__ */ o("div", { className: "flex items-center text-lg gap-2 mt-2", children: [
-                        /* @__PURE__ */ e(
-                          "button",
-                          {
-                            type: "button",
-                            title: "Flag",
-                            onClick: (l) => i(
-                              l,
-                              g,
-                              t
-                            ),
-                            children: /* @__PURE__ */ e(
-                              M,
-                              {
-                                className: r(
-                                  t.flagged && "text-red-500"
-                                )
-                              }
-                            )
-                          }
-                        ),
-                        /* @__PURE__ */ e(
-                          "button",
-                          {
-                            type: "button",
-                            title: "Star",
-                            onClick: (l) => i(
-                              l,
-                              u,
-                              t
-                            ),
-                            children: t.starred ? /* @__PURE__ */ e(S, { className: "text-amber-500" }) : /* @__PURE__ */ e(F, {})
-                          }
-                        ),
-                        /* @__PURE__ */ e(
-                          "button",
-                          {
-                            type: "button",
-                            title: "Delete",
-                            onClick: (l) => {
-                              l.stopPropagation(), d(
-                                {
-                                  open: !0,
-                                  selected: t.id
-                                }
-                              );
-                            },
-                            children: /* @__PURE__ */ e(j, {})
-                          }
-                        )
-                      ] })
-                    ] })
-                  ] }),
-                  /* @__PURE__ */ e("div", { className: "", children: /* @__PURE__ */ e("span", { className: "text-nowrap font-semibold", children: t.message[0].date }) })
-                ]
-              },
-              t.id
-            )) })
-          }
-        )
-      }
-    ) }),
-    /* @__PURE__ */ e(
-      U,
-      {
-        isOpen: m.open,
-        selectedMailCount: 1,
-        onClose: N,
-        onConfirmDelete: Q
-      }
-    )
-  ] });
-};
-export {
-  Se as default
-};
-//# sourceMappingURL=MailList.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"MailList.js","sources":["../../../../../../../../lib/@ecme/views/concepts/mail/Mail/components/MailList.tsx"],"sourcesContent":["import { useEffect, useState } from 'react'\nimport Avatar from '@/components/ui/Avatar'\nimport ScrollBar from '@/components/ui/ScrollBar'\nimport Loading from '@/components/shared/Loading'\nimport Table from '@/components/ui/Table'\nimport Checkbox from '@/components/ui/Checkbox'\nimport Badge from '@/components/ui/Badge'\nimport MailDeleteConfimation from './MailDeleteConfimation'\nimport classNames from '@/utils/classNames'\nimport { useMailStore } from '../store/mailStore'\nimport useMail from '../hooks/useMail'\nimport useMailAction from '../hooks/useMailAction'\nimport { labelList } from '../constants'\nimport useQuery from '@/utils/hooks/useQuery'\nimport useResponsive from '@/utils/hooks/useResponsive'\nimport isLastChild from '@/utils/isLastChild'\nimport { useNavigate, useLocation } from 'react-router-dom'\nimport { TbStarFilled, TbTrash, TbStar, TbFlag } from 'react-icons/tb'\nimport type { MouseEvent } from 'react'\nimport { Mail } from '../types'\n\nconst htmlReg = /(<([^>]+)>)/gi\n\nconst { THead, Th, TBody, Tr, Td } = Table\n\nconst MailList = () => {\n    const [deleteConfirmationOpen, setDeleteConfirmationOpen] = useState<{\n        open: boolean\n        selected: string\n    }>({\n        open: false,\n        selected: '',\n    })\n\n    const {\n        selectedMailId,\n        mailList,\n        setMail,\n        setSelectedMail,\n        mailListFetched,\n    } = useMailStore()\n\n    const {\n        onFlagToggle,\n        onCheckboxToggle,\n        onStarToggle,\n        onResetChecked,\n        onMailDelete,\n    } = useMailAction()\n\n    const navigate = useNavigate()\n    const location = useLocation()\n    const query = useQuery()\n\n    const { larger } = useResponsive()\n\n    const { fetchMails, isMailsFetching } = useMail()\n\n    useEffect(() => {\n        const category = query.get('category')\n        const label = query.get('label')\n\n        if (!mailListFetched) {\n            fetchMails({ category: category || '', label: label || '' })\n        }\n\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [location.pathname, location.search])\n\n    const renderSubject = (title: string, content: string) => {\n        const text = content.replace(htmlReg, '')\n        const titleOffsetNumber = title.length\n\n        return (\n            <div className=\"flex items-center gap-3\">\n                <span className=\"font-semibold heading-text text-nowrap\">\n                    {title}\n                </span>\n                <span className=\"text-nowrap\">\n                    {text.length > 45 - titleOffsetNumber\n                        ? text.substring(0, 42 - titleOffsetNumber) + '...'\n                        : text}\n                </span>\n            </div>\n        )\n    }\n\n    const handleMailClick = (e: MouseEvent<HTMLElement>, mail: Mail) => {\n        e.stopPropagation()\n        setMail(mail)\n        onResetChecked()\n        navigate(`${location.pathname}?mail=${mail.id}`, { replace: true })\n    }\n\n    const handleCheckboxClick = (e: MouseEvent<HTMLDivElement>, mail: Mail) => {\n        e.stopPropagation()\n        onCheckboxToggle(mail)\n        if (!mail.checked) {\n            if (!selectedMailId.includes(mail.id)) {\n                setSelectedMail([...selectedMailId, mail.id])\n            }\n        } else {\n            setSelectedMail(selectedMailId.filter((id) => mail.id !== id))\n        }\n    }\n\n    const handleAction = (\n        e: MouseEvent<HTMLButtonElement>,\n        callback: (mail: Mail, setMail: boolean) => void,\n        mail: Mail,\n    ) => {\n        e.stopPropagation()\n        callback(mail, false)\n    }\n\n    const handleClose = () => {\n        setDeleteConfirmationOpen({\n            open: false,\n            selected: '',\n        })\n    }\n\n    const handleConfirmDelete = () => {\n        onMailDelete([deleteConfirmationOpen.selected])\n        handleClose()\n    }\n\n    return (\n        <>\n            <div className=\"lg:absolute top-0 left-0 h-full w-full\">\n                <ScrollBar\n                    autoHide\n                    className=\"overflow-y-auto lg:h-full lg:max-w-full\"\n                >\n                    <Loading\n                        type={mailList.length > 0 ? 'cover' : 'default'}\n                        spinnerClass={mailList.length > 0 ? 'hidden' : ''}\n                        loading={isMailsFetching}\n                    >\n                        {larger.lg ? (\n                            <Table compact overflow={false}>\n                                <THead>\n                                    <Tr>\n                                        <Th colSpan={2}>From</Th>\n                                        <Th></Th>\n                                        <Th>Subject</Th>\n                                        <Th>Received</Th>\n                                        <Th></Th>\n                                    </Tr>\n                                </THead>\n                                <TBody>\n                                    {mailList.map((mail) => (\n                                        <Tr\n                                            key={mail.id}\n                                            className=\"group\"\n                                            onClick={(e) =>\n                                                handleMailClick(e, mail)\n                                            }\n                                        >\n                                            <Td width=\"40\">\n                                                <div className=\"h-[32px] w-[32px] flex items-center justify-center\">\n                                                    <Avatar\n                                                        shape=\"circle\"\n                                                        src={mail.avatar}\n                                                        size=\"sm\"\n                                                        className={classNames(\n                                                            'group-hover:hidden',\n                                                            mail.checked &&\n                                                                'hidden',\n                                                        )}\n                                                    />\n                                                    <div\n                                                        className={classNames(\n                                                            'group-hover:block',\n                                                            mail.checked\n                                                                ? 'block'\n                                                                : 'hidden',\n                                                        )}\n                                                    >\n                                                        <div\n                                                            className=\"flex items-center\"\n                                                            onClick={(e) =>\n                                                                handleCheckboxClick(\n                                                                    e,\n                                                                    mail,\n                                                                )\n                                                            }\n                                                        >\n                                                            <Checkbox\n                                                                checked={\n                                                                    mail.checked\n                                                                }\n                                                            />\n                                                        </div>\n                                                    </div>\n                                                </div>\n                                            </Td>\n                                            <Td>\n                                                <span className=\"font-bold heading-text truncate\">\n                                                    {mail.name}\n                                                </span>\n                                            </Td>\n                                            <Td>\n                                                <div className=\"flex justify-end\">\n                                                    {labelList.some(\n                                                        (label) =>\n                                                            label.value ===\n                                                            mail.label,\n                                                    ) && (\n                                                        <Badge\n                                                            className={\n                                                                labelList.find(\n                                                                    (label) =>\n                                                                        label.value ===\n                                                                        mail.label,\n                                                                )?.dotClass\n                                                            }\n                                                        />\n                                                    )}\n                                                </div>\n                                            </Td>\n                                            <Td className=\"max-w-full overflow-hidden text-ellipsis whitespace-nowrap\">\n                                                {renderSubject(\n                                                    mail.title,\n                                                    mail.message[0].content,\n                                                )}\n                                            </Td>\n                                            <Td>{mail.message[0].date}</Td>\n                                            <Td>\n                                                <div className=\"flex items-center text-lg gap-2\">\n                                                    <button\n                                                        type=\"button\"\n                                                        title=\"Flag\"\n                                                        onClick={(e) =>\n                                                            handleAction(\n                                                                e,\n                                                                onFlagToggle,\n                                                                mail,\n                                                            )\n                                                        }\n                                                    >\n                                                        <TbFlag\n                                                            className={classNames(\n                                                                mail.flagged &&\n                                                                    'text-red-500',\n                                                            )}\n                                                        />\n                                                    </button>\n                                                    <button\n                                                        type=\"button\"\n                                                        title=\"Star\"\n                                                        onClick={(e) =>\n                                                            handleAction(\n                                                                e,\n                                                                onStarToggle,\n                                                                mail,\n                                                            )\n                                                        }\n                                                    >\n                                                        {mail.starred ? (\n                                                            <TbStarFilled className=\"text-amber-500\" />\n                                                        ) : (\n                                                            <TbStar />\n                                                        )}\n                                                    </button>\n                                                    <button\n                                                        type=\"button\"\n                                                        title=\"Delete\"\n                                                        onClick={(e) => {\n                                                            e.stopPropagation()\n                                                            setDeleteConfirmationOpen(\n                                                                {\n                                                                    open: true,\n                                                                    selected:\n                                                                        mail.id,\n                                                                },\n                                                            )\n                                                        }}\n                                                    >\n                                                        <TbTrash />\n                                                    </button>\n                                                </div>\n                                            </Td>\n                                        </Tr>\n                                    ))}\n                                </TBody>\n                            </Table>\n                        ) : (\n                            <>\n                                {mailList.map((mail, index) => (\n                                    <div\n                                        key={mail.id}\n                                        className={classNames(\n                                            'flex justify-between items-center gap-2 px-2 rounded-xl border-gray-200 dark:border-gray-700 py-4 cursor-pointer group',\n                                            !isLastChild(mailList, index) &&\n                                                'border-b',\n                                        )}\n                                        onClick={(e) =>\n                                            handleMailClick(e, mail)\n                                        }\n                                    >\n                                        <div className=\"flex gap-4 min-w-0\">\n                                            <div className=\"h-[32px] w-[32px] flex items-center justify-center\">\n                                                <Avatar\n                                                    shape=\"circle\"\n                                                    src={mail.avatar}\n                                                    size=\"sm\"\n                                                    className={classNames(\n                                                        'group-hover:hidden',\n                                                        mail.checked &&\n                                                            'hidden',\n                                                    )}\n                                                />\n                                                <div\n                                                    className={classNames(\n                                                        'group-hover:block',\n                                                        mail.checked\n                                                            ? 'block'\n                                                            : 'hidden',\n                                                    )}\n                                                >\n                                                    <div\n                                                        className=\"flex items-center\"\n                                                        onClick={(e) =>\n                                                            handleCheckboxClick(\n                                                                e,\n                                                                mail,\n                                                            )\n                                                        }\n                                                    >\n                                                        <Checkbox\n                                                            checked={\n                                                                mail.checked\n                                                            }\n                                                        />\n                                                    </div>\n                                                </div>\n                                            </div>\n                                            <div className=\"min-w-0 flex-1\">\n                                                <div className=\"font-bold heading-text truncate\">\n                                                    {mail.name}\n                                                </div>\n                                                <div className=\"min-w-0\">\n                                                    <div className=\"text-nowrap truncate\">\n                                                        {mail.message[0].content.replace(\n                                                            htmlReg,\n                                                            '',\n                                                        )}\n                                                    </div>\n                                                </div>\n                                                <div className=\"flex items-center text-lg gap-2 mt-2\">\n                                                    <button\n                                                        type=\"button\"\n                                                        title=\"Flag\"\n                                                        onClick={(e) =>\n                                                            handleAction(\n                                                                e,\n                                                                onFlagToggle,\n                                                                mail,\n                                                            )\n                                                        }\n                                                    >\n                                                        <TbFlag\n                                                            className={classNames(\n                                                                mail.flagged &&\n                                                                    'text-red-500',\n                                                            )}\n                                                        />\n                                                    </button>\n                                                    <button\n                                                        type=\"button\"\n                                                        title=\"Star\"\n                                                        onClick={(e) =>\n                                                            handleAction(\n                                                                e,\n                                                                onStarToggle,\n                                                                mail,\n                                                            )\n                                                        }\n                                                    >\n                                                        {mail.starred ? (\n                                                            <TbStarFilled className=\"text-amber-500\" />\n                                                        ) : (\n                                                            <TbStar />\n                                                        )}\n                                                    </button>\n                                                    <button\n                                                        type=\"button\"\n                                                        title=\"Delete\"\n                                                        onClick={(e) => {\n                                                            e.stopPropagation()\n                                                            setDeleteConfirmationOpen(\n                                                                {\n                                                                    open: true,\n                                                                    selected:\n                                                                        mail.id,\n                                                                },\n                                                            )\n                                                        }}\n                                                    >\n                                                        <TbTrash />\n                                                    </button>\n                                                </div>\n                                            </div>\n                                        </div>\n                                        <div className=\"\">\n                                            <span className=\"text-nowrap font-semibold\">\n                                                {mail.message[0].date}\n                                            </span>\n                                        </div>\n                                    </div>\n                                ))}\n                            </>\n                        )}\n                    </Loading>\n                </ScrollBar>\n            </div>\n            <MailDeleteConfimation\n                isOpen={deleteConfirmationOpen.open}\n                selectedMailCount={1}\n                onClose={handleClose}\n                onConfirmDelete={handleConfirmDelete}\n            />\n        </>\n    )\n}\n\nexport default MailList\n"],"names":["htmlReg","THead","Th","TBody","Tr","Td","Table","MailList","deleteConfirmationOpen","setDeleteConfirmationOpen","useState","selectedMailId","mailList","setMail","setSelectedMail","mailListFetched","useMailStore","onFlagToggle","onCheckboxToggle","onStarToggle","onResetChecked","onMailDelete","useMailAction","navigate","useNavigate","location","useLocation","query","useQuery","larger","useResponsive","fetchMails","isMailsFetching","useMail","useEffect","category","label","renderSubject","title","content","text","titleOffsetNumber","jsxs","jsx","handleMailClick","e","mail","handleCheckboxClick","id","handleAction","callback","handleClose","handleConfirmDelete","Fragment","ScrollBar","Loading","Avatar","classNames","Checkbox","labelList","Badge","_a","TbFlag","TbStarFilled","TbStar","TbTrash","index","isLastChild","MailDeleteConfimation"],"mappings":"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"}

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

@@ -1,91 +0,0 @@
-import { jsx as a, jsxs as i } from "react/jsx-runtime";
-import { Menu as c } from "../../../../../components/ui/Menu/index.js";
-import "../../../../../components/ui/Badge/index.js";
-import "../../../../../components/ui/ScrollBar/index.js";
-import "../../../../../components/ui/Drawer/index.js";
-import { useMailStore as f } from "../store/mailStore.js";
-import { groupList as b, labelList as g } from "../constants.js";
-import x from "../../../../../utils/hooks/useResponsive.js";
-import y from "../../../../../utils/classNames.js";
-import M from "../../../../../utils/hooks/useQuery.js";
-import { useNavigate as N, createSearchParams as S } from "react-router-dom";
-import C from "../../../../../components/ui/ScrollBar/ScrollBar.js";
-import w from "../../../../../components/ui/Badge/Badge.js";
-import B from "../../../../../components/ui/Drawer/Drawer.js";
-const { MenuItem: u, MenuGroup: L } = c, h = ({ title: l }) => {
-  const s = N(), { selectedCategory: r, setMail: t, setMailListFetched: v } = f(), n = M(), m = n.get("category") || n.get("label") || "inbox", d = ({
-    category: e,
-    label: p
-  }) => {
-    t({}), v(!1);
-    const o = {};
-    e && (o.category = e), p && (o.label = p), s(
-      {
-        pathname: "/concepts/mail",
-        search: S(o).toString()
-      },
-      { replace: !0 }
-    );
-  };
-  return /* @__PURE__ */ a("div", { className: "flex flex-col justify-between h-full", children: /* @__PURE__ */ i(C, { className: "h-full overflow-y-auto", children: [
-    l && /* @__PURE__ */ a("div", { className: "mb-6 mx-2", children: /* @__PURE__ */ a("h3", { children: l }) }),
-    /* @__PURE__ */ a(c, { className: "mx-2 mb-10", children: b.map((e) => /* @__PURE__ */ i(
-      u,
-      {
-        eventKey: e.value,
-        className: `mb-2 ${r.value === e.value ? "bg-gray-100 dark:bg-gray-700" : ""}`,
-        isActive: m === e.value,
-        onSelect: () => d({ category: e.value, label: "" }),
-        children: [
-          /* @__PURE__ */ a("span", { className: "text-2xl ltr:mr-2 rtl:ml-2", children: e.icon }),
-          /* @__PURE__ */ a("span", { children: e.label })
-        ]
-      },
-      e.value
-    )) }),
-    /* @__PURE__ */ a(c, { className: "mx-2 mb-6", children: /* @__PURE__ */ a(L, { label: "Labels", children: g.map((e) => /* @__PURE__ */ i(
-      u,
-      {
-        eventKey: e.value,
-        className: `mb-2 ${r.value === e.value ? "bg-gray-100 dark:bg-gray-700" : ""}`,
-        isActive: m === e.value,
-        onSelect: () => d({
-          category: "",
-          label: e.value
-        }),
-        children: [
-          /* @__PURE__ */ a(
-            w,
-            {
-              className: "ltr:mr-2 rtl:ml-2",
-              innerClass: e.dotClass
-            }
-          ),
-          /* @__PURE__ */ a("span", { children: e.label })
-        ]
-      },
-      e.value
-    )) }) })
-  ] }) });
-}, Q = () => {
-  const { mobileSideBarExpand: l, toggleMobileSidebar: s } = f(), { smaller: r } = x(), t = () => {
-    s(!1);
-  };
-  return r.xl ? /* @__PURE__ */ a(
-    B,
-    {
-      bodyClass: "p-0",
-      title: "Mailbox",
-      isOpen: l,
-      placement: "left",
-      width: 280,
-      onClose: t,
-      onRequestClose: t,
-      children: /* @__PURE__ */ a("div", { className: "py-4 h-full", children: /* @__PURE__ */ a(h, {}) })
-    }
-  ) : /* @__PURE__ */ a("div", { className: y("w-[240px]"), children: /* @__PURE__ */ a(h, { title: "Mailbox" }) });
-};
-export {
-  Q as default
-};
-//# sourceMappingURL=MailSidebar.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"MailSidebar.js","sources":["../../../../../../../../lib/@ecme/views/concepts/mail/Mail/components/MailSidebar.tsx"],"sourcesContent":["import Menu from '@/components/ui/Menu'\nimport Badge from '@/components/ui/Badge'\nimport ScrollBar from '@/components/ui/ScrollBar'\nimport Drawer from '@/components/ui/Drawer'\nimport { useMailStore } from '../store/mailStore'\nimport { groupList, labelList } from '../constants'\nimport useResponsive from '@/utils/hooks/useResponsive'\nimport classNames from '@/utils/classNames'\nimport useQuery from '@/utils/hooks/useQuery'\nimport { useNavigate, createSearchParams } from 'react-router-dom'\n\nconst { MenuItem, MenuGroup } = Menu\n\nconst MailSideBarContent = ({ title }: { title?: string }) => {\n    const navigate = useNavigate()\n\n    const { selectedCategory, setMail, setMailListFetched } = useMailStore()\n\n    const query = useQuery()\n\n    const currentPath = query.get('category') || query.get('label') || 'inbox'\n\n    const onMenuClick = ({\n        category,\n        label,\n    }: {\n        category: string\n        label: string\n    }) => {\n        setMail({})\n        setMailListFetched(false)\n\n        const params: {\n            category?: string\n            label?: string\n        } = {}\n\n        if (category) {\n            params.category = category\n        }\n\n        if (label) {\n            params.label = label\n        }\n\n        navigate(\n            {\n                pathname: '/concepts/mail',\n                search: createSearchParams(params).toString(),\n            },\n            { replace: true },\n        )\n    }\n    return (\n        <div className=\"flex flex-col justify-between h-full\">\n            <ScrollBar className=\"h-full overflow-y-auto\">\n                {title && (\n                    <div className=\"mb-6 mx-2\">\n                        <h3>{title}</h3>\n                    </div>\n                )}\n                <Menu className=\"mx-2 mb-10\">\n                    {groupList.map((menu) => (\n                        <MenuItem\n                            key={menu.value}\n                            eventKey={menu.value}\n                            className={`mb-2 ${\n                                selectedCategory.value === menu.value\n                                    ? 'bg-gray-100 dark:bg-gray-700'\n                                    : ''\n                            }`}\n                            isActive={currentPath === menu.value}\n                            onSelect={() =>\n                                onMenuClick({ category: menu.value, label: '' })\n                            }\n                        >\n                            <span className=\"text-2xl ltr:mr-2 rtl:ml-2\">\n                                {menu.icon}\n                            </span>\n                            <span>{menu.label}</span>\n                        </MenuItem>\n                    ))}\n                </Menu>\n                <Menu className=\"mx-2 mb-6\">\n                    <MenuGroup label=\"Labels\">\n                        {labelList.map((label) => (\n                            <MenuItem\n                                key={label.value}\n                                eventKey={label.value}\n                                className={`mb-2 ${\n                                    selectedCategory.value === label.value\n                                        ? 'bg-gray-100 dark:bg-gray-700'\n                                        : ''\n                                }`}\n                                isActive={currentPath === label.value}\n                                onSelect={() =>\n                                    onMenuClick({\n                                        category: '',\n                                        label: label.value,\n                                    })\n                                }\n                            >\n                                <Badge\n                                    className=\"ltr:mr-2 rtl:ml-2\"\n                                    innerClass={label.dotClass}\n                                />\n                                <span>{label.label}</span>\n                            </MenuItem>\n                        ))}\n                    </MenuGroup>\n                </Menu>\n            </ScrollBar>\n        </div>\n    )\n}\n\nconst MailSidebar = () => {\n    const { mobileSideBarExpand, toggleMobileSidebar } = useMailStore()\n\n    const { smaller } = useResponsive()\n\n    const onMobileSideBarClose = () => {\n        toggleMobileSidebar(false)\n    }\n\n    return smaller.xl ? (\n        <Drawer\n            bodyClass=\"p-0\"\n            title=\"Mailbox\"\n            isOpen={mobileSideBarExpand}\n            placement=\"left\"\n            width={280}\n            onClose={onMobileSideBarClose}\n            onRequestClose={onMobileSideBarClose}\n        >\n            <div className=\"py-4 h-full\">\n                <MailSideBarContent />\n            </div>\n        </Drawer>\n    ) : (\n        <div className={classNames('w-[240px]')}>\n            <MailSideBarContent title=\"Mailbox\" />\n        </div>\n    )\n}\n\nexport default MailSidebar\n"],"names":["MenuItem","MenuGroup","Menu","MailSideBarContent","title","navigate","useNavigate","selectedCategory","setMail","setMailListFetched","useMailStore","query","useQuery","currentPath","onMenuClick","category","label","params","createSearchParams","jsxs","ScrollBar","jsx","groupList","menu","labelList","Badge","MailSidebar","mobileSideBarExpand","toggleMobileSidebar","smaller","useResponsive","onMobileSideBarClose","Drawer","classNames"],"mappings":"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"}

package/dist/lib/@ecme/views/concepts/mail/Mail/constants.js

@@ -1,33 +0,0 @@
-import { jsx as e } from "react/jsx-runtime";
-import { HiOutlineInbox as l, HiOutlinePaperAirplane as a, HiOutlinePencil as t, HiOutlineStar as r, HiOutlineTrash as b } from "react-icons/hi";
-const s = [
-  { value: "inbox", label: "Inbox", icon: /* @__PURE__ */ e(l, {}) },
-  { value: "sentItem", label: "Sent Item", icon: /* @__PURE__ */ e(a, {}) },
-  { value: "draft", label: "Draft", icon: /* @__PURE__ */ e(t, {}) },
-  { value: "starred", label: "Starred", icon: /* @__PURE__ */ e(r, {}) },
-  { value: "deleted", label: "Deleted", icon: /* @__PURE__ */ e(b, {}) }
-], n = [
-  {
-    value: "work",
-    label: "Work",
-    bgClass: "bg-rose-100 dark:bg-rose-100",
-    dotClass: "bg-rose-300"
-  },
-  {
-    value: "private",
-    label: "Private",
-    bgClass: "bg-blue-100 dark:bg-blue-100",
-    dotClass: "bg-blue-300"
-  },
-  {
-    value: "important",
-    label: "Important",
-    bgClass: "bg-purple-100 dark:bg-purple-100",
-    dotClass: "bg-purple-300"
-  }
-];
-export {
-  s as groupList,
-  n as labelList
-};
-//# sourceMappingURL=constants.js.map

package/dist/lib/@ecme/views/concepts/mail/Mail/constants.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"constants.js","sources":["../../../../../../../lib/@ecme/views/concepts/mail/Mail/constants.tsx"],"sourcesContent":["import {\n    HiOutlineInbox,\n    HiOutlinePaperAirplane,\n    HiOutlinePencil,\n    HiOutlineStar,\n    HiOutlineTrash,\n} from 'react-icons/hi'\nimport type { Group, Label } from './types'\n\nexport const groupList: Group[] = [\n    { value: 'inbox', label: 'Inbox', icon: <HiOutlineInbox /> },\n    { value: 'sentItem', label: 'Sent Item', icon: <HiOutlinePaperAirplane /> },\n    { value: 'draft', label: 'Draft', icon: <HiOutlinePencil /> },\n    { value: 'starred', label: 'Starred', icon: <HiOutlineStar /> },\n    { value: 'deleted', label: 'Deleted', icon: <HiOutlineTrash /> },\n]\n\nexport const labelList: Label[] = [\n    {\n        value: 'work',\n        label: 'Work',\n        bgClass: 'bg-rose-100 dark:bg-rose-100',\n        dotClass: 'bg-rose-300',\n    },\n    {\n        value: 'private',\n        label: 'Private',\n        bgClass: 'bg-blue-100 dark:bg-blue-100',\n        dotClass: 'bg-blue-300',\n    },\n    {\n        value: 'important',\n        label: 'Important',\n        bgClass: 'bg-purple-100 dark:bg-purple-100',\n        dotClass: 'bg-purple-300',\n    },\n]\n"],"names":["groupList","jsx","HiOutlineInbox","HiOutlinePaperAirplane","HiOutlinePencil","HiOutlineStar","HiOutlineTrash","labelList"],"mappings":";;AASO,MAAMA,IAAqB;AAAA,EAC9B,EAAE,OAAO,SAAS,OAAO,SAAS,MAAM,gBAAAC,EAACC,KAAe,EAAG;AAAA,EAC3D,EAAE,OAAO,YAAY,OAAO,aAAa,MAAM,gBAAAD,EAACE,KAAuB,EAAG;AAAA,EAC1E,EAAE,OAAO,SAAS,OAAO,SAAS,MAAM,gBAAAF,EAACG,KAAgB,EAAG;AAAA,EAC5D,EAAE,OAAO,WAAW,OAAO,WAAW,MAAM,gBAAAH,EAACI,KAAc,EAAG;AAAA,EAC9D,EAAE,OAAO,WAAW,OAAO,WAAW,MAAM,gBAAAJ,EAACK,KAAe,EAAG;AACnE,GAEaC,IAAqB;AAAA,EAC9B;AAAA,IACI,OAAO;AAAA,IACP,OAAO;AAAA,IACP,SAAS;AAAA,IACT,UAAU;AAAA,EACd;AAAA,EACA;AAAA,IACI,OAAO;AAAA,IACP,OAAO;AAAA,IACP,SAAS;AAAA,IACT,UAAU;AAAA,EACd;AAAA,EACA;AAAA,IACI,OAAO;AAAA,IACP,OAAO;AAAA,IACP,SAAS;AAAA,IACT,UAAU;AAAA,EAAA;AAElB;"}

package/dist/lib/@ecme/views/concepts/mail/Mail/hooks/useMail.js

@@ -1,44 +0,0 @@
-import { useMailStore as u } from "../store/mailStore.js";
-import { apiGetMails as d, apiGetMail as g } from "../../../../../services/MailServices.js";
-import s from "swr/mutation";
-async function f(i, { arg: t }) {
-  return await d(t);
-}
-async function m(i, { arg: t }) {
-  return await g({ id: t });
-}
-const F = () => {
-  const {
-    setMailList: i,
-    setMail: t,
-    selectedMailId: a,
-    setMailListFetched: n,
-    setSelectedMail: c
-  } = u(), { trigger: l, isMutating: o } = s(
-    "/api/mails/",
-    f,
-    {
-      onSuccess: (e) => {
-        c([]), i(e), n(!0);
-      }
-    }
-  ), { trigger: r, isMutating: M } = s(
-    `/api/mail/${a}`,
-    m,
-    {
-      onSuccess: (e) => {
-        t(e);
-      }
-    }
-  );
-  return {
-    fetchMails: l,
-    isMailsFetching: o,
-    fetchMail: r,
-    isMailFetching: M
-  };
-};
-export {
-  F as default
-};
-//# sourceMappingURL=useMail.js.map

package/dist/lib/@ecme/views/concepts/mail/Mail/hooks/useMail.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useMail.js","sources":["../../../../../../../../lib/@ecme/views/concepts/mail/Mail/hooks/useMail.ts"],"sourcesContent":["import { useMailStore } from '../store/mailStore'\nimport { apiGetMails, apiGetMail } from '@/services/MailServices'\nimport useSWRMutation from 'swr/mutation'\nimport type {\n    GetMailsResponse,\n    GetMailResponse,\n    GetMailsRequest,\n    GetMailRequest,\n} from '../types'\n\nasync function getMails(\n    _: string,\n    { arg }: { arg: { category: string; label: string } },\n) {\n    const data = await apiGetMails<GetMailsResponse, GetMailsRequest>(arg)\n    return data\n}\n\nasync function getMail(_: string, { arg }: { arg: string }) {\n    const data = await apiGetMail<GetMailResponse, GetMailRequest>({ id: arg })\n    return data\n}\n\nconst useMail = () => {\n    const {\n        setMailList,\n        setMail,\n        selectedMailId,\n        setMailListFetched,\n        setSelectedMail,\n    } = useMailStore()\n\n    const { trigger: fetchMails, isMutating: isMailsFetching } = useSWRMutation(\n        `/api/mails/`,\n        getMails,\n        {\n            onSuccess: (list) => {\n                setSelectedMail([])\n                setMailList(list)\n                setMailListFetched(true)\n            },\n        },\n    )\n\n    const { trigger: fetchMail, isMutating: isMailFetching } = useSWRMutation(\n        `/api/mail/${selectedMailId}`,\n        getMail,\n        {\n            onSuccess: (mail) => {\n                setMail(mail)\n            },\n        },\n    )\n\n    return {\n        fetchMails,\n        isMailsFetching,\n        fetchMail,\n        isMailFetching,\n    }\n}\n\nexport default useMail\n"],"names":["getMails","_","arg","apiGetMails","getMail","apiGetMail","useMail","setMailList","setMail","selectedMailId","setMailListFetched","setSelectedMail","useMailStore","fetchMails","isMailsFetching","useSWRMutation","list","fetchMail","isMailFetching","mail"],"mappings":";;;AAUA,eAAeA,EACXC,GACA,EAAE,KAAAC,KACJ;AAES,SADM,MAAMC,EAA+CD,CAAG;AAEzE;AAEA,eAAeE,EAAQH,GAAW,EAAE,KAAAC,KAAwB;AAEjD,SADM,MAAMG,EAA4C,EAAE,IAAIH,GAAK;AAE9E;AAEA,MAAMI,IAAU,MAAM;AACZ,QAAA;AAAA,IACF,aAAAC;AAAA,IACA,SAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,iBAAAC;AAAA,MACAC,EAAa,GAEX,EAAE,SAASC,GAAY,YAAYC,EAAoB,IAAAC;AAAA,IACzD;AAAA,IACAf;AAAA,IACA;AAAA,MACI,WAAW,CAACgB,MAAS;AACjB,QAAAL,EAAgB,CAAA,CAAE,GAClBJ,EAAYS,CAAI,GAChBN,EAAmB,EAAI;AAAA,MAAA;AAAA,IAC3B;AAAA,EAER,GAEM,EAAE,SAASO,GAAW,YAAYC,EAAmB,IAAAH;AAAA,IACvD,aAAaN,CAAc;AAAA,IAC3BL;AAAA,IACA;AAAA,MACI,WAAW,CAACe,MAAS;AACjB,QAAAX,EAAQW,CAAI;AAAA,MAAA;AAAA,IAChB;AAAA,EAER;AAEO,SAAA;AAAA,IACH,YAAAN;AAAA,IACA,iBAAAC;AAAA,IACA,WAAAG;AAAA,IACA,gBAAAC;AAAA,EACJ;AACJ;"}