npm - @orbe-agro/client-core - Versions diffs - 5.3.86 → 5.3.89 - Mend

@orbe-agro/client-core 5.3.86 → 5.3.89

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (502) hide show

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

@@ -37,21 +37,21 @@ const D = /(<([^>]+)>)/gi, { THead: oe, Th: a, TBody: re, Tr: L, Td: c } = P, Se
     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 || "" });
+    const t = b.get("category"), l = b.get("label");
+    R || q({ category: t || "", label: l || "" });
   }, [p.pathname, p.search]);
-  const I = (t, n) => {
-    const l = n.replace(D, ""), k = t.length;
+  const I = (t, l) => {
+    const n = l.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 })
+      /* @__PURE__ */ e("span", { className: "text-nowrap", children: n.length > 45 - k ? n.substring(0, 42 - k) + "..." : n })
     ] });
-  }, 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);
+  }, x = (t, l) => {
+    t.stopPropagation(), O(l), B(), H(`${p.pathname}?mail=${l.id}`, { replace: !0 });
+  }, v = (t, l) => {
+    t.stopPropagation(), A(l), l.checked ? f(h.filter((n) => l.id !== n)) : h.includes(l.id) || f([...h, l.id]);
+  }, i = (t, l, n) => {
+    t.stopPropagation(), l(n, !1);
   }, N = () => {
     d({
       open: !1,
@@ -80,133 +80,130 @@ const D = /(<([^>]+)>)/gi, { THead: oe, Th: a, TBody: re, Tr: L, Td: c } = P, Se
                 /* @__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,
+              /* @__PURE__ */ e(re, { children: s.map((t) => /* @__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,
                         {
-                          className: (n = T.find(
-                            (l) => l.value === t.label
-                          )) == null ? void 0 : n.dotClass
+                          shape: "circle",
+                          src: t.avatar,
+                          size: "sm",
+                          className: r(
+                            "group-hover:hidden",
+                            t.checked && "hidden"
+                          )
                         }
-                      ) }) }),
-                      /* @__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(
+                      ),
+                      /* @__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,
                                 {
-                                  open: !0,
-                                  selected: t.id
+                                  checked: t.checked
                                 }
-                              );
-                            },
-                            children: /* @__PURE__ */ e(j, {})
-                          }
-                        )
-                      ] }) })
-                    ]
-                  },
-                  t.id
-                );
-              }) })
-            ] }) : /* @__PURE__ */ e(C, { children: s.map((t, n) => /* @__PURE__ */ o(
+                              )
+                            }
+                          )
+                        }
+                      )
+                    ] }) }),
+                    /* @__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: T.find(
+                          (l) => l.value === t.label
+                        )?.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, l) => /* @__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"
+                  !_(s, l) && "border-b"
                 ),
-                onClick: (l) => x(l, t),
+                onClick: (n) => x(n, 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: [
@@ -233,8 +230,8 @@ const D = /(<([^>]+)>)/gi, { THead: oe, Th: a, TBody: re, Tr: L, Td: c } = P, Se
                             "div",
                             {
                               className: "flex items-center",
-                              onClick: (l) => v(
-                                l,
+                              onClick: (n) => v(
+                                n,
                                 t
                               ),
                               children: /* @__PURE__ */ e(
@@ -260,8 +257,8 @@ const D = /(<([^>]+)>)/gi, { THead: oe, Th: a, TBody: re, Tr: L, Td: c } = P, Se
                           {
                             type: "button",
                             title: "Flag",
-                            onClick: (l) => i(
-                              l,
+                            onClick: (n) => i(
+                              n,
                               g,
                               t
                             ),
@@ -280,8 +277,8 @@ const D = /(<([^>]+)>)/gi, { THead: oe, Th: a, TBody: re, Tr: L, Td: c } = P, Se
                           {
                             type: "button",
                             title: "Star",
-                            onClick: (l) => i(
-                              l,
+                            onClick: (n) => i(
+                              n,
                               u,
                               t
                             ),
@@ -293,8 +290,8 @@ const D = /(<([^>]+)>)/gi, { THead: oe, Th: a, TBody: re, Tr: L, Td: c } = P, Se
                           {
                             type: "button",
                             title: "Delete",
-                            onClick: (l) => {
-                              l.stopPropagation(), d(
+                            onClick: (n) => {
+                              n.stopPropagation(), d(
                                 {
                                   open: !0,
                                   selected: t.id

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

	@@ -1 +1 @@
1	- {"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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"}
1	+ {"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","TbFlag","TbStarFilled","TbStar","TbTrash","index","isLastChild","MailDeleteConfimation"],"mappings":"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"}

package/dist/@ecme/views/concepts/orders/OrderDetails/components/OrderDetailProducts.js CHANGED Viewed

@@ -1,55 +1,55 @@
-import { jsxs as e, jsx as i } from "react/jsx-runtime";
-import { Avatar as l } from "../../../../../components/ui/Avatar/index.js";
+import { jsxs as e, jsx as r } from "react/jsx-runtime";
+import { Avatar as d } from "../../../../../components/ui/Avatar/index.js";
 import "../../../../../components/ui/Card/index.js";
-import { NumericFormat as d } from "react-number-format";
+import { NumericFormat as l } from "react-number-format";
 import t from "../../../../../components/ui/Card/Card.js";
-const o = ({ products: r }) => /* @__PURE__ */ e(t, { children: [
-  /* @__PURE__ */ i("h4", { className: "mb-4", children: "Products ordered" }),
-  /* @__PURE__ */ i("div", { className: "flex flex-col gap-4", children: r == null ? void 0 : r.map((a) => /* @__PURE__ */ i(
+const h = ({ products: a }) => /* @__PURE__ */ e(t, { children: [
+  /* @__PURE__ */ r("h4", { className: "mb-4", children: "Products ordered" }),
+  /* @__PURE__ */ r("div", { className: "flex flex-col gap-4", children: a?.map((i) => /* @__PURE__ */ r(
     "div",
     {
       className: "rounded-xl bg-gray-50 dark:bg-gray-700 p-4",
       children: /* @__PURE__ */ e("div", { className: "flex items-center justify-between gap-4", children: [
         /* @__PURE__ */ e("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ i(
-            l,
+          /* @__PURE__ */ r(
+            d,
             {
               shape: "round",
               size: 60,
-              src: a.img
+              src: i.img
             }
           ),
           /* @__PURE__ */ e("div", { children: [
-            /* @__PURE__ */ i("div", { className: "heading-text font-bold", children: a.name }),
+            /* @__PURE__ */ r("div", { className: "heading-text font-bold", children: i.name }),
             /* @__PURE__ */ e("div", { children: [
               "ID: ",
-              a.productCode
+              i.productCode
             ] })
           ] })
         ] }),
         /* @__PURE__ */ e("div", { className: "ltr:text-right rtl:text-left", children: [
-          /* @__PURE__ */ i("div", { className: "heading-text font-bold", children: /* @__PURE__ */ i(
-            d,
+          /* @__PURE__ */ r("div", { className: "heading-text font-bold", children: /* @__PURE__ */ r(
+            l,
             {
               fixedDecimalScale: !0,
               prefix: "$",
               displayType: "text",
-              value: a.price,
+              value: i.price,
               decimalScale: 2,
               thousandSeparator: !0
             }
           ) }),
           /* @__PURE__ */ e("div", { children: [
             "Qty: ",
-            a.quantity
+            i.quantity
           ] })
         ] })
       ] })
     },
-    a.id
+    i.id
   )) })
 ] });
 export {
-  o as default
+  h as default
 };
 //# sourceMappingURL=OrderDetailProducts.js.map

package/dist/@ecme/views/concepts/orders/OrderDetails/components/OrderDetailProducts.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"OrderDetailProducts.js","sources":["../../../../../../../lib/@ecme/views/concepts/orders/OrderDetails/components/OrderDetailProducts.tsx"],"sourcesContent":["import Avatar from '@/components/ui/Avatar'\nimport Card from '@/components/ui/Card'\nimport { NumericFormat } from 'react-number-format'\nimport type { Products } from '../types'\n\ntype OrderDetailProductsProps = {\n products: Products\n}\n\nconst OrderDetailProducts = ({ products }: OrderDetailProductsProps) => {\n return (\n <Card>\n <h4 className=\"mb-4\">Products ordered</h4>\n <div className=\"flex flex-col gap-4\">\n {products?.map((product) => (\n <div\n key={product.id}\n className=\"rounded-xl bg-gray-50 dark:bg-gray-700 p-4\"\n >\n <div className=\"flex items-center justify-between gap-4\">\n <div className=\"flex items-center gap-2\">\n <Avatar\n shape=\"round\"\n size={60}\n src={product.img}\n />\n <div>\n <div className=\"heading-text font-bold\">\n {product.name}\n </div>\n <div>ID: {product.productCode}</div>\n </div>\n </div>\n <div className=\"ltr:text-right rtl:text-left\">\n <div className=\"heading-text font-bold\">\n <NumericFormat\n fixedDecimalScale\n prefix=\"$\"\n displayType=\"text\"\n value={product.price}\n decimalScale={2}\n thousandSeparator={true}\n />\n </div>\n <div>Qty: {product.quantity}</div>\n </div>\n </div>\n </div>\n ))}\n </div>\n </Card>\n )\n}\n\nexport default OrderDetailProducts\n"],"names":["OrderDetailProducts","products","Card","jsx","product","jsxs","Avatar","NumericFormat"],"mappings":";;;;;AASA,MAAMA,IAAsB,CAAC,EAAE,UAAAC,0BAEtBC,GAAA,EACG,UAAA;AAAA,EAAA,gBAAAC,EAAC,MAAA,EAAG,WAAU,QAAO,UAAA,oBAAgB;AAAA,oBACpC,OAAA,EAAI,WAAU,uBACV,UAAAF,~~KAAA~~,~~gBAAAA,EAAU,~~IAAI,CAACG,MACZ,gBAAAD;AAAA,IAAC;AAAA,IAAA;AAAA,MAEG,WAAU;AAAA,MAEV,UAAA,gBAAAE,EAAC,OAAA,EAAI,WAAU,2CACX,UAAA;AAAA,QAAA,gBAAAA,EAAC,OAAA,EAAI,WAAU,2BACX,UAAA;AAAA,UAAA,gBAAAF;AAAA,YAACG;AAAA,YAAA;AAAA,cACG,OAAM;AAAA,cACN,MAAM;AAAA,cACN,KAAKF,EAAQ;AAAA,YAAA;AAAA,UAAA;AAAA,4BAEhB,OAAA,EACG,UAAA;AAAA,YAAA,gBAAAD,EAAC,OAAA,EAAI,WAAU,0BACV,UAAAC,EAAQ,MACb;AAAA,8BACC,OAAA,EAAI,UAAA;AAAA,cAAA;AAAA,cAAKA,EAAQ;AAAA,YAAA,EAAA,CAAY;AAAA,UAAA,EAAA,CAClC;AAAA,QAAA,GACJ;AAAA,QACA,gBAAAC,EAAC,OAAA,EAAI,WAAU,gCACX,UAAA;AAAA,UAAA,gBAAAF,EAAC,OAAA,EAAI,WAAU,0BACX,UAAA,gBAAAA;AAAA,YAACI;AAAA,YAAA;AAAA,cACG,mBAAiB;AAAA,cACjB,QAAO;AAAA,cACP,aAAY;AAAA,cACZ,OAAOH,EAAQ;AAAA,cACf,cAAc;AAAA,cACd,mBAAmB;AAAA,YAAA;AAAA,UAAA,GAE3B;AAAA,4BACC,OAAA,EAAI,UAAA;AAAA,YAAA;AAAA,YAAMA,EAAQ;AAAA,UAAA,EAAA,CAAS;AAAA,QAAA,EAAA,CAChC;AAAA,MAAA,EAAA,CACJ;AAAA,IAAA;AAAA,IA9BKA,EAAQ;AAAA,EAAA,~~GAgCpB~~,CACL;AAAA,GACJ;"}
1	+ {"version":3,"file":"OrderDetailProducts.js","sources":["../../../../../../../lib/@ecme/views/concepts/orders/OrderDetails/components/OrderDetailProducts.tsx"],"sourcesContent":["import Avatar from '@/components/ui/Avatar'\nimport Card from '@/components/ui/Card'\nimport { NumericFormat } from 'react-number-format'\nimport type { Products } from '../types'\n\ntype OrderDetailProductsProps = {\n products: Products\n}\n\nconst OrderDetailProducts = ({ products }: OrderDetailProductsProps) => {\n return (\n <Card>\n <h4 className=\"mb-4\">Products ordered</h4>\n <div className=\"flex flex-col gap-4\">\n {products?.map((product) => (\n <div\n key={product.id}\n className=\"rounded-xl bg-gray-50 dark:bg-gray-700 p-4\"\n >\n <div className=\"flex items-center justify-between gap-4\">\n <div className=\"flex items-center gap-2\">\n <Avatar\n shape=\"round\"\n size={60}\n src={product.img}\n />\n <div>\n <div className=\"heading-text font-bold\">\n {product.name}\n </div>\n <div>ID: {product.productCode}</div>\n </div>\n </div>\n <div className=\"ltr:text-right rtl:text-left\">\n <div className=\"heading-text font-bold\">\n <NumericFormat\n fixedDecimalScale\n prefix=\"$\"\n displayType=\"text\"\n value={product.price}\n decimalScale={2}\n thousandSeparator={true}\n />\n </div>\n <div>Qty: {product.quantity}</div>\n </div>\n </div>\n </div>\n ))}\n </div>\n </Card>\n )\n}\n\nexport default OrderDetailProducts\n"],"names":["OrderDetailProducts","products","Card","jsx","product","jsxs","Avatar","NumericFormat"],"mappings":";;;;;AASA,MAAMA,IAAsB,CAAC,EAAE,UAAAC,0BAEtBC,GAAA,EACG,UAAA;AAAA,EAAA,gBAAAC,EAAC,MAAA,EAAG,WAAU,QAAO,UAAA,oBAAgB;AAAA,oBACpC,OAAA,EAAI,WAAU,uBACV,UAAAF,GAAU,IAAI,CAACG,MACZ,gBAAAD;AAAA,IAAC;AAAA,IAAA;AAAA,MAEG,WAAU;AAAA,MAEV,UAAA,gBAAAE,EAAC,OAAA,EAAI,WAAU,2CACX,UAAA;AAAA,QAAA,gBAAAA,EAAC,OAAA,EAAI,WAAU,2BACX,UAAA;AAAA,UAAA,gBAAAF;AAAA,YAACG;AAAA,YAAA;AAAA,cACG,OAAM;AAAA,cACN,MAAM;AAAA,cACN,KAAKF,EAAQ;AAAA,YAAA;AAAA,UAAA;AAAA,4BAEhB,OAAA,EACG,UAAA;AAAA,YAAA,gBAAAD,EAAC,OAAA,EAAI,WAAU,0BACV,UAAAC,EAAQ,MACb;AAAA,8BACC,OAAA,EAAI,UAAA;AAAA,cAAA;AAAA,cAAKA,EAAQ;AAAA,YAAA,EAAA,CAAY;AAAA,UAAA,EAAA,CAClC;AAAA,QAAA,GACJ;AAAA,QACA,gBAAAC,EAAC,OAAA,EAAI,WAAU,gCACX,UAAA;AAAA,UAAA,gBAAAF,EAAC,OAAA,EAAI,WAAU,0BACX,UAAA,gBAAAA;AAAA,YAACI;AAAA,YAAA;AAAA,cACG,mBAAiB;AAAA,cACjB,QAAO;AAAA,cACP,aAAY;AAAA,cACZ,OAAOH,EAAQ;AAAA,cACf,cAAc;AAAA,cACd,mBAAmB;AAAA,YAAA;AAAA,UAAA,GAE3B;AAAA,4BACC,OAAA,EAAI,UAAA;AAAA,YAAA;AAAA,YAAMA,EAAQ;AAAA,UAAA,EAAA,CAAS;AAAA,QAAA,EAAA,CAChC;AAAA,MAAA,EAAA,CACJ;AAAA,IAAA;AAAA,IA9BKA,EAAQ;AAAA,EAAA,CAgCpB,EAAA,CACL;AAAA,GACJ;"}