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/chat/Chat/components/ContactInfoDrawer.js CHANGED Viewed

@@ -1,37 +1,36 @@
-import { jsxs as a, jsx as e, Fragment as y } from "react/jsx-runtime";
-import { useState as T, useEffect as k } from "react";
+import { jsxs as t, jsx as e, Fragment as u } from "react/jsx-runtime";
+import { useState as N, useEffect as g } from "react";
 import { Avatar as c } from "../../../../../components/ui/Avatar/index.js";
 import "../../../../../components/ui/CloseButton/index.js";
 import "../../../../../components/ui/Drawer/index.js";
 import "../../../../../components/ui/ScrollBar/index.js";
-import { Tabs as D } from "../../../../../components/ui/Tabs/index.js";
-import j from "../../../../../components/shared/ImageGallery.js";
+import { Tabs as x } from "../../../../../components/ui/Tabs/index.js";
+import y from "../../../../../components/shared/ImageGallery.js";
 import "../../../../../components/view/FileIcon/index.js";
-import L from "../../../../../utils/fileSizeUnit.js";
-import { useChatStore as w } from "../store/chatStore.js";
-import { apiGetContactDetails as M } from "../../../../../services/ChatService.js";
-import R from "swr/mutation";
-import G from "lodash/isEmpty";
-import O from "dayjs";
-import { TbMail as S, TbPhone as U, TbClock as B, TbChevronRight as E, TbArrowDown as F } from "react-icons/tb";
-import Y from "../../../../../components/ui/Drawer/Drawer.js";
-import z from "../../../../../components/ui/CloseButton/CloseButton.js";
-import A from "../../../../../components/ui/ScrollBar/ScrollBar.js";
-import P from "../../../../../components/view/FileIcon/FileIcon.js";
-const { TabNav: d, TabList: _, TabContent: m } = D, h = ({ title: s, value: r, icon: n }) => /* @__PURE__ */ a("div", { className: "flex items-center gap-4", children: [
+import w from "../../../../../utils/fileSizeUnit.js";
+import { useChatStore as f } from "../store/chatStore.js";
+import { apiGetContactDetails as D } from "../../../../../services/ChatService.js";
+import C from "swr/mutation";
+import I from "lodash/isEmpty";
+import T from "dayjs";
+import { TbMail as k, TbPhone as j, TbClock as L, TbChevronRight as M, TbArrowDown as R } from "react-icons/tb";
+import G from "../../../../../components/ui/Drawer/Drawer.js";
+import O from "../../../../../components/ui/CloseButton/CloseButton.js";
+import S from "../../../../../components/ui/ScrollBar/ScrollBar.js";
+import U from "../../../../../components/view/FileIcon/FileIcon.js";
+const { TabNav: d, TabList: B, TabContent: m } = x, h = ({ title: s, value: r, icon: n }) => /* @__PURE__ */ t("div", { className: "flex items-center gap-4", children: [
   /* @__PURE__ */ e("div", { className: "text-2xl", children: n }),
-  /* @__PURE__ */ a("div", { children: [
+  /* @__PURE__ */ t("div", { children: [
     /* @__PURE__ */ e("small", { className: "font-semibold", children: s }),
     /* @__PURE__ */ e("p", { className: "heading-text font-semibold", children: r })
   ] })
-] }), de = () => {
-  var u, f, x, v, b, N, g;
-  const s = w((t) => t.contactInfoDrawer), r = w(
-    (t) => t.setContactInfoDrawer
-  ), [n, p] = T(-1), { trigger: C, data: l } = R(
+] }), le = () => {
+  const s = f((a) => a.contactInfoDrawer), r = f(
+    (a) => a.setContactInfoDrawer
+  ), [n, p] = N(-1), { trigger: v, data: l } = C(
     [`/api/chats/contact/${s.userId}`, s],
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
-    ([t, i]) => M({
+    ([a, i]) => D({
       id: i.userId
     })
   ), o = () => {
@@ -41,19 +40,19 @@ const { TabNav: d, TabList: _, TabContent: m } = D, h = ({ title: s, value: r, i
       chatType: "",
       open: !1
     });
-  }, I = () => {
-    const t = new Blob(
+  }, b = () => {
+    const a = new Blob(
       [
         "This text file is created to demonstrate how file downloading works in our template demo."
       ],
       { type: "text/plain;charset=utf-8" }
     ), i = document.createElement("a");
-    i.href = window.URL.createObjectURL(t), i.download = "sample-dowoad-file", document.body.appendChild(i), i.click(), document.body.removeChild(i), window.URL.revokeObjectURL(i.href);
+    i.href = window.URL.createObjectURL(a), i.download = "sample-dowoad-file", document.body.appendChild(i), i.click(), document.body.removeChild(i), window.URL.revokeObjectURL(i.href);
   };
-  return k(() => {
-    s.userId && C();
-  }, [s.userId]), /* @__PURE__ */ a(
-    Y,
+  return g(() => {
+    s.userId && v();
+  }, [s.userId]), /* @__PURE__ */ t(
+    G,
     {
       title: null,
       closable: !1,
@@ -63,89 +62,89 @@ const { TabNav: d, TabList: _, TabContent: m } = D, h = ({ title: s, value: r, i
       onClose: o,
       onRequestClose: o,
       children: [
-        /* @__PURE__ */ e("div", { className: "flex justify-end", children: /* @__PURE__ */ e(z, { onClick: o }) }),
-        !G(l == null ? void 0 : l.userDetails) && /* @__PURE__ */ a(A, { className: "h-[calc(100%-30px)]", children: [
-          /* @__PURE__ */ e("div", { className: "mt-10 flex justify-center", children: /* @__PURE__ */ e(c, { src: l == null ? void 0 : l.userDetails.img, size: 90 }) }),
-          /* @__PURE__ */ a("div", { className: "mt-4 text-center", children: [
-            /* @__PURE__ */ e("h5", { className: "font-bold", children: l == null ? void 0 : l.userDetails.name }),
-            /* @__PURE__ */ e("span", { className: "mt-1", children: s.chatType === "personal" ? l == null ? void 0 : l.userDetails.title : `Groups • ${(f = (u = l == null ? void 0 : l.userDetails) == null ? void 0 : u.members) == null ? void 0 : f.length} members` })
+        /* @__PURE__ */ e("div", { className: "flex justify-end", children: /* @__PURE__ */ e(O, { onClick: o }) }),
+        !I(l?.userDetails) && /* @__PURE__ */ t(S, { className: "h-[calc(100%-30px)]", children: [
+          /* @__PURE__ */ e("div", { className: "mt-10 flex justify-center", children: /* @__PURE__ */ e(c, { src: l?.userDetails.img, size: 90 }) }),
+          /* @__PURE__ */ t("div", { className: "mt-4 text-center", children: [
+            /* @__PURE__ */ e("h5", { className: "font-bold", children: l?.userDetails.name }),
+            /* @__PURE__ */ e("span", { className: "mt-1", children: s.chatType === "personal" ? l?.userDetails.title : `Groups • ${l?.userDetails?.members?.length} members` })
           ] }),
-          /* @__PURE__ */ e("div", { className: "flex flex-col gap-y-7 mt-8", children: s.chatType === "personal" ? /* @__PURE__ */ a(y, { children: [
+          /* @__PURE__ */ e("div", { className: "flex flex-col gap-y-7 mt-8", children: s.chatType === "personal" ? /* @__PURE__ */ t(u, { children: [
             /* @__PURE__ */ e(
               h,
               {
                 title: "Email",
                 value: l.userDetails.email,
-                icon: /* @__PURE__ */ e(S, {})
+                icon: /* @__PURE__ */ e(k, {})
               }
             ),
             /* @__PURE__ */ e(
               h,
               {
                 title: "Phone",
-                value: (x = l.userDetails) == null ? void 0 : x.personalInfo.phoneNumber,
-                icon: /* @__PURE__ */ e(U, {})
+                value: l.userDetails?.personalInfo.phoneNumber,
+                icon: /* @__PURE__ */ e(j, {})
               }
             ),
             /* @__PURE__ */ e(
               h,
               {
                 title: "Last Online",
-                value: O.unix(
+                value: T.unix(
                   l.userDetails.lastOnline
                 ).format("DD MMM YYYY hh:mm A"),
-                icon: /* @__PURE__ */ e(B, {})
+                icon: /* @__PURE__ */ e(L, {})
               }
             )
-          ] }) : /* @__PURE__ */ e(y, { children: /* @__PURE__ */ a("div", { children: [
+          ] }) : /* @__PURE__ */ e(u, { children: /* @__PURE__ */ t("div", { children: [
             /* @__PURE__ */ e("div", { className: "heading-text font-semibold", children: "Members" }),
-            (b = (v = l == null ? void 0 : l.userDetails) == null ? void 0 : v.members) == null ? void 0 : b.map(
-              (t) => /* @__PURE__ */ a(
+            l?.userDetails?.members?.map(
+              (a) => /* @__PURE__ */ t(
                 "div",
                 {
                   className: "rounded-xl py-4 flex items-center justify-between gap-2 group",
                   children: [
-                    /* @__PURE__ */ a("div", { className: "flex items-center gap-2", children: [
-                      /* @__PURE__ */ e(c, { src: t.img }),
-                      /* @__PURE__ */ a("div", { children: [
-                        /* @__PURE__ */ e("div", { className: "font-bold heading-text", children: t.name }),
-                        /* @__PURE__ */ e("span", { children: t.email })
+                    /* @__PURE__ */ t("div", { className: "flex items-center gap-2", children: [
+                      /* @__PURE__ */ e(c, { src: a.img }),
+                      /* @__PURE__ */ t("div", { children: [
+                        /* @__PURE__ */ e("div", { className: "font-bold heading-text", children: a.name }),
+                        /* @__PURE__ */ e("span", { children: a.email })
                       ] })
                     ] }),
-                    t.id !== "1" && /* @__PURE__ */ e(
+                    a.id !== "1" && /* @__PURE__ */ e(
                       "button",
                       {
                         type: "button",
                         className: "close-button button-press-feedback opacity-0 group-hover:opacity-100",
-                        children: /* @__PURE__ */ e(E, { className: "text-xl" })
+                        children: /* @__PURE__ */ e(M, { className: "text-xl" })
                       }
                     )
                   ]
                 },
-                t.id
+                a.id
               )
             )
           ] }) }) }),
-          /* @__PURE__ */ e("div", { className: "mt-8", children: /* @__PURE__ */ a(D, { defaultValue: "media", children: [
-            /* @__PURE__ */ a(_, { children: [
+          /* @__PURE__ */ e("div", { className: "mt-8", children: /* @__PURE__ */ t(x, { defaultValue: "media", children: [
+            /* @__PURE__ */ t(B, { children: [
               /* @__PURE__ */ e(d, { value: "media", className: "flex-1", children: "Media" }),
               /* @__PURE__ */ e(d, { value: "files", className: "flex-1", children: "Files" }),
               /* @__PURE__ */ e(d, { value: "tab3", className: "flex-1", children: "Links" })
             ] }),
-            /* @__PURE__ */ a("div", { className: "py-4", children: [
+            /* @__PURE__ */ t("div", { className: "py-4", children: [
               /* @__PURE__ */ e(m, { value: "media", children: /* @__PURE__ */ e(
-                j,
+                y,
                 {
                   index: n,
-                  slides: ((N = l.media.images) == null ? void 0 : N.map((t) => ({
-                    src: t.url
-                  }))) || [],
+                  slides: l.media.images?.map((a) => ({
+                    src: a.url
+                  })) || [],
                   onClose: () => p(-1),
-                  children: /* @__PURE__ */ e("div", { className: "grid grid-cols-3 gap-2", children: (g = l.media.images) == null ? void 0 : g.map(
-                    (t, i) => /* @__PURE__ */ e(
+                  children: /* @__PURE__ */ e("div", { className: "grid grid-cols-3 gap-2", children: l.media.images?.map(
+                    (a, i) => /* @__PURE__ */ e(
                       "div",
                       {
-                        "data-src": t.url,
+                        "data-src": a.url,
                         className: "cursor-pointer",
                         role: "button",
                         onClick: () => p(
@@ -155,31 +154,31 @@ const { TabNav: d, TabList: _, TabContent: m } = D, h = ({ title: s, value: r, i
                           "img",
                           {
                             className: "rounded-xl",
-                            src: t.url
+                            src: a.url
                           }
                         )
                       },
-                      t.id
+                      a.id
                     )
                   ) })
                 }
               ) }),
-              /* @__PURE__ */ e(m, { value: "files", children: l.media.files.map((t) => /* @__PURE__ */ a(
+              /* @__PURE__ */ e(m, { value: "files", children: l.media.files.map((a) => /* @__PURE__ */ t(
                 "div",
                 {
                   className: "rounded-xl py-4 flex items-center justify-between gap-2 group",
                   children: [
-                    /* @__PURE__ */ a("div", { className: "flex items-center gap-2", children: [
+                    /* @__PURE__ */ t("div", { className: "flex items-center gap-2", children: [
                       /* @__PURE__ */ e("div", { className: "text-3xl", children: /* @__PURE__ */ e(
-                        P,
+                        U,
                         {
-                          type: t.fileType
+                          type: a.fileType
                         }
                       ) }),
-                      /* @__PURE__ */ a("div", { children: [
-                        /* @__PURE__ */ e("div", { className: "font-bold heading-text", children: t.name }),
-                        /* @__PURE__ */ e("span", { className: "text-xs", children: L(
-                          t.size || 0
+                      /* @__PURE__ */ t("div", { children: [
+                        /* @__PURE__ */ e("div", { className: "font-bold heading-text", children: a.name }),
+                        /* @__PURE__ */ e("span", { className: "text-xs", children: w(
+                          a.size || 0
                         ) })
                       ] })
                     ] }),
@@ -188,35 +187,35 @@ const { TabNav: d, TabList: _, TabContent: m } = D, h = ({ title: s, value: r, i
                       {
                         type: "button",
                         className: "close-button button-press-feedback opacity-0 group-hover:opacity-100",
-                        onClick: I,
-                        children: /* @__PURE__ */ e(F, { className: "text-xl" })
+                        onClick: b,
+                        children: /* @__PURE__ */ e(R, { className: "text-xl" })
                       }
                     )
                   ]
                 },
-                t.id
+                a.id
               )) }),
-              /* @__PURE__ */ e(m, { value: "tab3", children: l.media.links.map((t) => /* @__PURE__ */ e(
+              /* @__PURE__ */ e(m, { value: "tab3", children: l.media.links.map((a) => /* @__PURE__ */ e(
                 "a",
                 {
-                  href: t.url,
+                  href: a.url,
                   className: "rounded-xl py-4 px-2 flex items-center justify-between gap-2 hover:bg-gray-100 dark:hover:bg-gray-700",
                   target: '"_blank',
-                  children: /* @__PURE__ */ a("div", { className: "flex items-center gap-2 min-w-0", children: [
+                  children: /* @__PURE__ */ t("div", { className: "flex items-center gap-2 min-w-0", children: [
                     /* @__PURE__ */ e("div", { className: "flex items-center", children: /* @__PURE__ */ e(
                       c,
                       {
-                        src: t.favicon,
+                        src: a.favicon,
                         className: "bg-transparent"
                       }
                     ) }),
-                    /* @__PURE__ */ a("div", { className: "min-w-0", children: [
-                      /* @__PURE__ */ e("div", { className: "font-bold heading-text truncate", children: t.title }),
-                      /* @__PURE__ */ e("div", { className: "text-xs truncate", children: t.description })
+                    /* @__PURE__ */ t("div", { className: "min-w-0", children: [
+                      /* @__PURE__ */ e("div", { className: "font-bold heading-text truncate", children: a.title }),
+                      /* @__PURE__ */ e("div", { className: "text-xs truncate", children: a.description })
                     ] })
                   ] })
                 },
-                t.id
+                a.id
               )) })
             ] })
           ] }) })
@@ -226,6 +225,6 @@ const { TabNav: d, TabList: _, TabContent: m } = D, h = ({ title: s, value: r, i
   );
 };
 export {
-  de as default
+  le as default
 };
 //# sourceMappingURL=ContactInfoDrawer.js.map

package/dist/@ecme/views/concepts/chat/Chat/components/ContactInfoDrawer.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ContactInfoDrawer.js","sources":["../../../../../../../lib/@ecme/views/concepts/chat/Chat/components/ContactInfoDrawer.tsx"],"sourcesContent":["import { useEffect, useState } from 'react'\nimport Avatar from '@/components/ui/Avatar'\nimport CloseButton from '@/components/ui/CloseButton'\nimport Drawer from '@/components/ui/Drawer'\nimport ScrollBar from '@/components/ui/ScrollBar'\nimport Tabs from '@/components/ui/Tabs'\nimport ImageGallery from '@/components/shared/ImageGallery'\nimport FileIcon from '@/components/view/FileIcon'\nimport fileSizeUnit from '@/utils/fileSizeUnit'\nimport { useChatStore } from '../store/chatStore'\nimport { apiGetContactDetails } from '@/services/ChatService'\nimport useSWRMutation from 'swr/mutation'\nimport isEmpty from 'lodash/isEmpty'\nimport dayjs from 'dayjs'\nimport {\n TbMail,\n TbPhone,\n TbClock,\n TbArrowDown,\n TbChevronRight,\n} from 'react-icons/tb'\nimport type { ReactNode } from 'react'\nimport type { GetContactDetailResponse } from '../types'\n\ntype ContactInfoFieldProps = {\n title?: string\n value?: string\n icon?: ReactNode\n}\n\nconst { TabNav, TabList, TabContent } = Tabs\n\nconst ContactInfoField = ({ title, value, icon }: ContactInfoFieldProps) => {\n return (\n <div className=\"flex items-center gap-4\">\n <div className=\"text-2xl\">{icon}</div>\n <div>\n <small className=\"font-semibold\">{title}</small>\n <p className=\"heading-text font-semibold\">{value}</p>\n </div>\n </div>\n )\n}\n\nconst ContactInfoDrawer = () => {\n const contactInfoDrawer = useChatStore((state) => state.contactInfoDrawer)\n const setContactInfoDrawer = useChatStore(\n (state) => state.setContactInfoDrawer,\n )\n\n const [imageGalleryIndex, setImageGalleryIndex] = useState(-1)\n\n const { trigger, data } = useSWRMutation(\n [`/api/chats/contact/${contactInfoDrawer.userId}`, contactInfoDrawer],\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n ([_, params]) =>\n apiGetContactDetails<GetContactDetailResponse>({\n id: params.userId,\n }),\n )\n\n const handleDrawerClose = () => {\n setContactInfoDrawer({\n userId: '',\n chatId: '',\n chatType: '',\n open: false,\n })\n }\n\n const handleDownload = () => {\n const blob = new Blob(\n [\n 'This text file is created to demonstrate how file downloading works in our template demo.',\n ],\n { type: 'text/plain;charset=utf-8' },\n )\n\n const link = document.createElement('a')\n link.href = window.URL.createObjectURL(blob)\n link.download = 'sample-dowoad-file'\n document.body.appendChild(link)\n\n link.click()\n\n document.body.removeChild(link)\n window.URL.revokeObjectURL(link.href)\n }\n\n useEffect(() => {\n if (contactInfoDrawer.userId) {\n trigger()\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [contactInfoDrawer.userId])\n\n return (\n <Drawer\n title={null}\n closable={false}\n isOpen={contactInfoDrawer.open}\n showBackdrop={false}\n width={400}\n onClose={handleDrawerClose}\n onRequestClose={handleDrawerClose}\n >\n <div className=\"flex justify-end\">\n <CloseButton onClick={handleDrawerClose} />\n </div>\n {!isEmpty(data?.userDetails) && (\n <ScrollBar className=\"h-[calc(100%-30px)]\">\n <div className=\"mt-10 flex justify-center\">\n <Avatar src={data?.userDetails.img} size={90} />\n </div>\n <div className=\"mt-4 text-center\">\n <h5 className=\"font-bold\">{data?.userDetails.name}</h5>\n <span className=\"mt-1\">\n {contactInfoDrawer.chatType === 'personal'\n ? data?.userDetails.title\n : `Groups • ${data?.userDetails?.members?.length} members`}\n </span>\n </div>\n <div className=\"flex flex-col gap-y-7 mt-8\">\n {contactInfoDrawer.chatType === 'personal' ? (\n <>\n <ContactInfoField\n title=\"Email\"\n value={data.userDetails.email}\n icon={<TbMail />}\n />\n <ContactInfoField\n title=\"Phone\"\n value={\n data.userDetails?.personalInfo\n .phoneNumber\n }\n icon={<TbPhone />}\n />\n <ContactInfoField\n title=\"Last Online\"\n value={dayjs\n .unix(\n data.userDetails\n .lastOnline as number,\n )\n .format('DD MMM YYYY hh:mm A')}\n icon={<TbClock />}\n />\n </>\n ) : (\n <>\n <div>\n <div className=\"heading-text font-semibold\">\n Members\n </div>\n {data?.userDetails?.members?.map(\n (member) => (\n <div\n key={member.id}\n className=\"rounded-xl py-4 flex items-center justify-between gap-2 group\"\n >\n <div className=\"flex items-center gap-2\">\n <Avatar src={member.img} />\n <div>\n <div className=\"font-bold heading-text\">\n {member.name}\n </div>\n <span>\n {member.email}\n </span>\n </div>\n </div>\n {member.id !== '1' && (\n <button\n type=\"button\"\n className=\"close-button button-press-feedback opacity-0 group-hover:opacity-100\"\n >\n <TbChevronRight className=\"text-xl\" />\n </button>\n )}\n </div>\n ),\n )}\n </div>\n </>\n )}\n </div>\n <div className=\"mt-8\">\n <Tabs defaultValue=\"media\">\n <TabList>\n <TabNav value=\"media\" className=\"flex-1\">\n Media\n </TabNav>\n <TabNav value=\"files\" className=\"flex-1\">\n Files\n </TabNav>\n <TabNav value=\"tab3\" className=\"flex-1\">\n Links\n </TabNav>\n </TabList>\n <div className=\"py-4\">\n <TabContent value=\"media\">\n <ImageGallery\n index={imageGalleryIndex}\n slides={\n data.media.images?.map((img) => {\n return {\n src: img.url,\n }\n }) \|\| []\n }\n onClose={() => setImageGalleryIndex(-1)}\n >\n <div className=\"grid grid-cols-3 gap-2\">\n {data.media.images?.map(\n (img, index) => (\n <div\n key={img.id}\n data-src={img.url}\n className=\"cursor-pointer\"\n role=\"button\"\n onClick={() =>\n setImageGalleryIndex(\n index,\n )\n }\n >\n <img\n className=\"rounded-xl\"\n src={img.url}\n />\n </div>\n ),\n )}\n </div>\n </ImageGallery>\n </TabContent>\n <TabContent value=\"files\">\n {data.media.files.map((file) => (\n <div\n key={file.id}\n className=\"rounded-xl py-4 flex items-center justify-between gap-2 group\"\n >\n <div className=\"flex items-center gap-2\">\n <div className=\"text-3xl\">\n <FileIcon\n type={file.fileType}\n />\n </div>\n <div>\n <div className=\"font-bold heading-text\">\n {file.name}\n </div>\n <span className=\"text-xs\">\n {fileSizeUnit(\n file.size \|\| 0,\n )}\n </span>\n </div>\n </div>\n <button\n type=\"button\"\n className=\"close-button button-press-feedback opacity-0 group-hover:opacity-100\"\n onClick={handleDownload}\n >\n <TbArrowDown className=\"text-xl\" />\n </button>\n </div>\n ))}\n </TabContent>\n <TabContent value=\"tab3\">\n {data.media.links.map((link) => (\n <a\n key={link.id}\n href={link.url}\n className=\"rounded-xl py-4 px-2 flex items-center justify-between gap-2 hover:bg-gray-100 dark:hover:bg-gray-700\"\n target='\"_blank'\n >\n <div className=\"flex items-center gap-2 min-w-0\">\n <div className=\"flex items-center\">\n <Avatar\n src={link.favicon}\n className=\"bg-transparent\"\n />\n </div>\n <div className=\"min-w-0\">\n <div className=\"font-bold heading-text truncate\">\n {link.title}\n </div>\n <div className=\"text-xs truncate\">\n {link.description}\n </div>\n </div>\n </div>\n </a>\n ))}\n </TabContent>\n </div>\n </Tabs>\n </div>\n </ScrollBar>\n )}\n </Drawer>\n )\n}\n\nexport default ContactInfoDrawer\n"],"names":["TabNav","TabList","TabContent","Tabs","ContactInfoField","title","value","icon","jsxs","jsx","ContactInfoDrawer","contactInfoDrawer","useChatStore","state","setContactInfoDrawer","imageGalleryIndex","setImageGalleryIndex","useState","trigger","data","useSWRMutation","_","params","apiGetContactDetails","handleDrawerClose","handleDownload","blob","link","useEffect","Drawer","CloseButton","isEmpty","ScrollBar","Avatar","_b","_a","Fragment","TbMail","_c","TbPhone","dayjs","TbClock","_e","_d","member","TbChevronRight","ImageGallery","_f","img","_g","index","file","FileIcon","fileSizeUnit","TbArrowDown"],"mappings":"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"}
1	+ {"version":3,"file":"ContactInfoDrawer.js","sources":["../../../../../../../lib/@ecme/views/concepts/chat/Chat/components/ContactInfoDrawer.tsx"],"sourcesContent":["import { useEffect, useState } from 'react'\nimport Avatar from '@/components/ui/Avatar'\nimport CloseButton from '@/components/ui/CloseButton'\nimport Drawer from '@/components/ui/Drawer'\nimport ScrollBar from '@/components/ui/ScrollBar'\nimport Tabs from '@/components/ui/Tabs'\nimport ImageGallery from '@/components/shared/ImageGallery'\nimport FileIcon from '@/components/view/FileIcon'\nimport fileSizeUnit from '@/utils/fileSizeUnit'\nimport { useChatStore } from '../store/chatStore'\nimport { apiGetContactDetails } from '@/services/ChatService'\nimport useSWRMutation from 'swr/mutation'\nimport isEmpty from 'lodash/isEmpty'\nimport dayjs from 'dayjs'\nimport {\n TbMail,\n TbPhone,\n TbClock,\n TbArrowDown,\n TbChevronRight,\n} from 'react-icons/tb'\nimport type { ReactNode } from 'react'\nimport type { GetContactDetailResponse } from '../types'\n\ntype ContactInfoFieldProps = {\n title?: string\n value?: string\n icon?: ReactNode\n}\n\nconst { TabNav, TabList, TabContent } = Tabs\n\nconst ContactInfoField = ({ title, value, icon }: ContactInfoFieldProps) => {\n return (\n <div className=\"flex items-center gap-4\">\n <div className=\"text-2xl\">{icon}</div>\n <div>\n <small className=\"font-semibold\">{title}</small>\n <p className=\"heading-text font-semibold\">{value}</p>\n </div>\n </div>\n )\n}\n\nconst ContactInfoDrawer = () => {\n const contactInfoDrawer = useChatStore((state) => state.contactInfoDrawer)\n const setContactInfoDrawer = useChatStore(\n (state) => state.setContactInfoDrawer,\n )\n\n const [imageGalleryIndex, setImageGalleryIndex] = useState(-1)\n\n const { trigger, data } = useSWRMutation(\n [`/api/chats/contact/${contactInfoDrawer.userId}`, contactInfoDrawer],\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n ([_, params]) =>\n apiGetContactDetails<GetContactDetailResponse>({\n id: params.userId,\n }),\n )\n\n const handleDrawerClose = () => {\n setContactInfoDrawer({\n userId: '',\n chatId: '',\n chatType: '',\n open: false,\n })\n }\n\n const handleDownload = () => {\n const blob = new Blob(\n [\n 'This text file is created to demonstrate how file downloading works in our template demo.',\n ],\n { type: 'text/plain;charset=utf-8' },\n )\n\n const link = document.createElement('a')\n link.href = window.URL.createObjectURL(blob)\n link.download = 'sample-dowoad-file'\n document.body.appendChild(link)\n\n link.click()\n\n document.body.removeChild(link)\n window.URL.revokeObjectURL(link.href)\n }\n\n useEffect(() => {\n if (contactInfoDrawer.userId) {\n trigger()\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [contactInfoDrawer.userId])\n\n return (\n <Drawer\n title={null}\n closable={false}\n isOpen={contactInfoDrawer.open}\n showBackdrop={false}\n width={400}\n onClose={handleDrawerClose}\n onRequestClose={handleDrawerClose}\n >\n <div className=\"flex justify-end\">\n <CloseButton onClick={handleDrawerClose} />\n </div>\n {!isEmpty(data?.userDetails) && (\n <ScrollBar className=\"h-[calc(100%-30px)]\">\n <div className=\"mt-10 flex justify-center\">\n <Avatar src={data?.userDetails.img} size={90} />\n </div>\n <div className=\"mt-4 text-center\">\n <h5 className=\"font-bold\">{data?.userDetails.name}</h5>\n <span className=\"mt-1\">\n {contactInfoDrawer.chatType === 'personal'\n ? data?.userDetails.title\n : `Groups • ${data?.userDetails?.members?.length} members`}\n </span>\n </div>\n <div className=\"flex flex-col gap-y-7 mt-8\">\n {contactInfoDrawer.chatType === 'personal' ? (\n <>\n <ContactInfoField\n title=\"Email\"\n value={data.userDetails.email}\n icon={<TbMail />}\n />\n <ContactInfoField\n title=\"Phone\"\n value={\n data.userDetails?.personalInfo\n .phoneNumber\n }\n icon={<TbPhone />}\n />\n <ContactInfoField\n title=\"Last Online\"\n value={dayjs\n .unix(\n data.userDetails\n .lastOnline as number,\n )\n .format('DD MMM YYYY hh:mm A')}\n icon={<TbClock />}\n />\n </>\n ) : (\n <>\n <div>\n <div className=\"heading-text font-semibold\">\n Members\n </div>\n {data?.userDetails?.members?.map(\n (member) => (\n <div\n key={member.id}\n className=\"rounded-xl py-4 flex items-center justify-between gap-2 group\"\n >\n <div className=\"flex items-center gap-2\">\n <Avatar src={member.img} />\n <div>\n <div className=\"font-bold heading-text\">\n {member.name}\n </div>\n <span>\n {member.email}\n </span>\n </div>\n </div>\n {member.id !== '1' && (\n <button\n type=\"button\"\n className=\"close-button button-press-feedback opacity-0 group-hover:opacity-100\"\n >\n <TbChevronRight className=\"text-xl\" />\n </button>\n )}\n </div>\n ),\n )}\n </div>\n </>\n )}\n </div>\n <div className=\"mt-8\">\n <Tabs defaultValue=\"media\">\n <TabList>\n <TabNav value=\"media\" className=\"flex-1\">\n Media\n </TabNav>\n <TabNav value=\"files\" className=\"flex-1\">\n Files\n </TabNav>\n <TabNav value=\"tab3\" className=\"flex-1\">\n Links\n </TabNav>\n </TabList>\n <div className=\"py-4\">\n <TabContent value=\"media\">\n <ImageGallery\n index={imageGalleryIndex}\n slides={\n data.media.images?.map((img) => {\n return {\n src: img.url,\n }\n }) \|\| []\n }\n onClose={() => setImageGalleryIndex(-1)}\n >\n <div className=\"grid grid-cols-3 gap-2\">\n {data.media.images?.map(\n (img, index) => (\n <div\n key={img.id}\n data-src={img.url}\n className=\"cursor-pointer\"\n role=\"button\"\n onClick={() =>\n setImageGalleryIndex(\n index,\n )\n }\n >\n <img\n className=\"rounded-xl\"\n src={img.url}\n />\n </div>\n ),\n )}\n </div>\n </ImageGallery>\n </TabContent>\n <TabContent value=\"files\">\n {data.media.files.map((file) => (\n <div\n key={file.id}\n className=\"rounded-xl py-4 flex items-center justify-between gap-2 group\"\n >\n <div className=\"flex items-center gap-2\">\n <div className=\"text-3xl\">\n <FileIcon\n type={file.fileType}\n />\n </div>\n <div>\n <div className=\"font-bold heading-text\">\n {file.name}\n </div>\n <span className=\"text-xs\">\n {fileSizeUnit(\n file.size \|\| 0,\n )}\n </span>\n </div>\n </div>\n <button\n type=\"button\"\n className=\"close-button button-press-feedback opacity-0 group-hover:opacity-100\"\n onClick={handleDownload}\n >\n <TbArrowDown className=\"text-xl\" />\n </button>\n </div>\n ))}\n </TabContent>\n <TabContent value=\"tab3\">\n {data.media.links.map((link) => (\n <a\n key={link.id}\n href={link.url}\n className=\"rounded-xl py-4 px-2 flex items-center justify-between gap-2 hover:bg-gray-100 dark:hover:bg-gray-700\"\n target='\"_blank'\n >\n <div className=\"flex items-center gap-2 min-w-0\">\n <div className=\"flex items-center\">\n <Avatar\n src={link.favicon}\n className=\"bg-transparent\"\n />\n </div>\n <div className=\"min-w-0\">\n <div className=\"font-bold heading-text truncate\">\n {link.title}\n </div>\n <div className=\"text-xs truncate\">\n {link.description}\n </div>\n </div>\n </div>\n </a>\n ))}\n </TabContent>\n </div>\n </Tabs>\n </div>\n </ScrollBar>\n )}\n </Drawer>\n )\n}\n\nexport default ContactInfoDrawer\n"],"names":["TabNav","TabList","TabContent","Tabs","ContactInfoField","title","value","icon","jsxs","jsx","ContactInfoDrawer","contactInfoDrawer","useChatStore","state","setContactInfoDrawer","imageGalleryIndex","setImageGalleryIndex","useState","trigger","data","useSWRMutation","_","params","apiGetContactDetails","handleDrawerClose","handleDownload","blob","link","useEffect","Drawer","CloseButton","isEmpty","ScrollBar","Avatar","Fragment","TbMail","TbPhone","dayjs","TbClock","member","TbChevronRight","ImageGallery","img","index","file","FileIcon","fileSizeUnit","TbArrowDown"],"mappings":"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"}

package/dist/@ecme/views/concepts/customers/CustomerDetails/ActivitySection.js CHANGED Viewed

@@ -7,7 +7,7 @@ import { apiGetCustomerLog as P } from "../../../../services/CustomersService.js
 import b from "../../../../utils/sleep.js";
 import d from "dayjs";
 import x from "lodash/isEmpty";
-import { PiPhoneOutgoingDuotone as y, PiTicketDuotone as C, PiCreditCardDuotone as D, PiCloudCheckDuotone as v, PiEyeDuotone as E } from "react-icons/pi";
+import { PiPhoneOutgoingDuotone as y, PiTicketDuotone as v, PiCreditCardDuotone as C, PiCloudCheckDuotone as D, PiEyeDuotone as E } from "react-icons/pi";
 import g from "swr";
 import S from "../../../../components/ui/Card/Card.js";
 import w from "../../../../components/ui/Button/Button.js";
@@ -17,18 +17,18 @@ const M = (s) => {
     case "PRODUCT-VIEW":
       return /* @__PURE__ */ e(E, {});
     case "PRODUCT-UPDATE":
-      return /* @__PURE__ */ e(v, {});
-    case "PAYMENT":
       return /* @__PURE__ */ e(D, {});
-    case "SUPPORT-TICKET":
+    case "PAYMENT":
       return /* @__PURE__ */ e(C, {});
+    case "SUPPORT-TICKET":
+      return /* @__PURE__ */ e(v, {});
     case "TICKET-IN-PROGRESS":
       return /* @__PURE__ */ e(y, {});
     default:
       return /* @__PURE__ */ e(m, {});
   }
 }, O = (s) => {
-  const { type: o, description: r, name: i } = s;
+  const { type: o, description: a, name: i } = s;
   switch (o) {
     case "PRODUCT-VIEW":
       return /* @__PURE__ */ t("div", { children: [
@@ -36,7 +36,7 @@ const M = (s) => {
         /* @__PURE__ */ t("p", { className: "font-semibold", children: [
           i,
           " ",
-          r
+          a
         ] })
       ] });
     case "PRODUCT-UPDATE":
@@ -45,7 +45,7 @@ const M = (s) => {
         /* @__PURE__ */ t("p", { className: "font-semibold", children: [
           i,
           " ",
-          r
+          a
         ] })
       ] });
     case "PAYMENT":
@@ -54,7 +54,7 @@ const M = (s) => {
         /* @__PURE__ */ t("p", { className: "font-semibold", children: [
           i,
           " ",
-          r
+          a
         ] })
       ] });
     case "SUPPORT-TICKET":
@@ -63,13 +63,13 @@ const M = (s) => {
         /* @__PURE__ */ t("p", { className: "font-semibold", children: [
           i,
           " ",
-          r
+          a
         ] })
       ] });
     case "TICKET-IN-PROGRESS":
       return /* @__PURE__ */ t("div", { children: [
         /* @__PURE__ */ e("h6", { className: "font-bold", children: "Support Ticket Update" }),
-        /* @__PURE__ */ e("p", { className: "font-semibold", children: r })
+        /* @__PURE__ */ e("p", { className: "font-semibold", children: a })
       ] });
     default:
       return /* @__PURE__ */ e(m, {});
@@ -78,10 +78,10 @@ const M = (s) => {
   customerName: s,
   id: o
 }) => {
-  const { data: r, isLoading: i } = g(
+  const { data: a, isLoading: i } = g(
     ["/api/customers/log", { id: o }],
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
-    ([n, a]) => P(a),
+    ([n, r]) => P(r),
     {
       revalidateOnFocus: !1,
       revalidateIfStale: !1,
@@ -91,17 +91,17 @@ const M = (s) => {
     c(!0), await b(500), f(!0), c(!1);
   };
   return /* @__PURE__ */ t(T, { loading: i, children: [
-    r && r.map((n) => /* @__PURE__ */ t("div", { className: "mb-4", children: [
+    a && a.map((n) => /* @__PURE__ */ t("div", { className: "mb-4", children: [
       /* @__PURE__ */ t("div", { className: "mb-4 font-bold uppercase flex items-center gap-4", children: [
         /* @__PURE__ */ e("span", { className: "w-[70px] heading-text", children: d.unix(n.date).format("DD MMMM") }),
         /* @__PURE__ */ e("div", { className: "border-b border-2 border-gray-200 dark:border-gray-600 border-dashed w-full" })
       ] }),
-      /* @__PURE__ */ e("div", { className: "flex flex-col gap-4", children: x(n.events) ? /* @__PURE__ */ e("div", { children: "No Activities" }) : n.events.map((a, N) => /* @__PURE__ */ t(
+      /* @__PURE__ */ e("div", { className: "flex flex-col gap-4", children: x(n.events) ? /* @__PURE__ */ e("div", { children: "No Activities" }) : n.events.map((r, N) => /* @__PURE__ */ t(
         "div",
         {
           className: "flex items-center",
           children: [
-            /* @__PURE__ */ e("span", { className: "font-semibold w-[100px]", children: d.unix(a.dateTime).format("h:mm A") }),
+            /* @__PURE__ */ e("span", { className: "font-semibold w-[100px]", children: d.unix(r.dateTime).format("h:mm A") }),
             /* @__PURE__ */ e(
               S,
               {
@@ -111,15 +111,15 @@ const M = (s) => {
                   /* @__PURE__ */ e("div", { className: "text-primary text-3xl", children: /* @__PURE__ */ e(
                     M,
                     {
-                      type: a.type
+                      type: r.type
                     }
                   ) }),
                   /* @__PURE__ */ e(
                     O,
                     {
                       name: s,
-                      type: a.type,
-                      description: a == null ? void 0 : a.description
+                      type: r.type,
+                      description: r?.description
                     }
                   )
                 ] })
@@ -127,7 +127,7 @@ const M = (s) => {
             )
           ]
         },
-        a.type + N
+        r.type + N
       )) })
     ] }, n.id)),
     /* @__PURE__ */ e("div", { className: "text-center", children: h ? /* @__PURE__ */ e("span", { className: "font-semibold h-[40px] flex items-center justify-center", children: "No more activities" }) : /* @__PURE__ */ e(w, { loading: p, onClick: u, children: "Load More" }) })

package/dist/@ecme/views/concepts/customers/CustomerDetails/ActivitySection.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ActivitySection.js","sources":["../../../../../../lib/@ecme/views/concepts/customers/CustomerDetails/ActivitySection.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Card from '@/components/ui/Card'\nimport Button from '@/components/ui/Button'\nimport Loading from '@/components/shared/Loading'\nimport { apiGetCustomerLog } from '@/services/CustomersService'\nimport sleep from '@/utils/sleep'\nimport dayjs from 'dayjs'\nimport isEmpty from 'lodash/isEmpty'\nimport {\n PiEyeDuotone,\n PiCloudCheckDuotone,\n PiCreditCardDuotone,\n PiTicketDuotone,\n PiPhoneOutgoingDuotone,\n} from 'react-icons/pi'\nimport useSWR from 'swr'\n\ntype Activities = {\n id: string\n date: number\n events: {\n type: string\n dateTime: number\n description: string\n }[]\n}[]\n\nconst TimeLineMedia = (props: { type: string }) => {\n const { type } = props\n\n switch (type) {\n case 'PRODUCT-VIEW':\n return <PiEyeDuotone />\n case 'PRODUCT-UPDATE':\n return <PiCloudCheckDuotone />\n case 'PAYMENT':\n return <PiCreditCardDuotone />\n case 'SUPPORT-TICKET':\n return <PiTicketDuotone />\n case 'TICKET-IN-PROGRESS':\n return <PiPhoneOutgoingDuotone />\n default:\n return <></>\n }\n}\n\nconst TimeLineContent = (props: {\n type: string\n description: string\n name: string\n}) => {\n const { type, description, name } = props\n\n switch (type) {\n case 'PRODUCT-VIEW':\n return (\n <div>\n <h6 className=\"font-bold\">View Plan</h6>\n <p className=\"font-semibold\">\n {name} {description}\n </p>\n </div>\n )\n case 'PRODUCT-UPDATE':\n return (\n <div>\n <h6 className=\"font-bold\">Change Plan</h6>\n <p className=\"font-semibold\">\n {name} {description}\n </p>\n </div>\n )\n case 'PAYMENT':\n return (\n <div>\n <h6 className=\"font-bold\">Payment</h6>\n <p className=\"font-semibold\">\n {name} {description}\n </p>\n </div>\n )\n case 'SUPPORT-TICKET':\n return (\n <div>\n <h6 className=\"font-bold\">Support Ticket</h6>\n <p className=\"font-semibold\">\n {name} {description}\n </p>\n </div>\n )\n case 'TICKET-IN-PROGRESS':\n return (\n <div>\n <h6 className=\"font-bold\">Support Ticket Update</h6>\n <p className=\"font-semibold\">{description}</p>\n </div>\n )\n default:\n return <></>\n }\n}\n\nconst ActivitySection = ({\n customerName,\n id,\n}: {\n customerName: string\n id: string\n}) => {\n const { data, isLoading } = useSWR(\n ['/api/customers/log', { id: id as string }],\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n ([_, params]) => apiGetCustomerLog<Activities, { id: string }>(params),\n {\n revalidateOnFocus: false,\n revalidateIfStale: false,\n evalidateOnFocus: false,\n },\n )\n\n const [fetchData, setfetchData] = useState(false)\n const [showNoMoreData, setShowNoMoreData] = useState(false)\n\n const handleLoadMore = async () => {\n setfetchData(true)\n await sleep(500)\n setShowNoMoreData(true)\n setfetchData(false)\n }\n\n return (\n <Loading loading={isLoading}>\n {data &&\n data.map((log) => (\n <div key={log.id} className=\"mb-4\">\n <div className=\"mb-4 font-bold uppercase flex items-center gap-4\">\n <span className=\"w-[70px] heading-text\">\n {dayjs.unix(log.date).format('DD MMMM')}\n </span>\n <div className=\"border-b border-2 border-gray-200 dark:border-gray-600 border-dashed w-full\"></div>\n </div>\n <div className=\"flex flex-col gap-4\">\n {isEmpty(log.events) ? (\n <div>No Activities</div>\n ) : (\n log.events.map((event, index) => (\n <div\n key={event.type + index}\n className=\"flex items-center\"\n >\n <span className=\"font-semibold w-[100px]\">\n {dayjs\n .unix(event.dateTime)\n .format('h:mm A')}\n </span>\n <Card\n className=\"max-w-[600px] w-full\"\n bodyClass=\"py-3\"\n >\n <div className=\"flex items-center gap-4\">\n <div className=\"text-primary text-3xl\">\n <TimeLineMedia\n type={event.type}\n />\n </div>\n <TimeLineContent\n name={customerName}\n type={event.type}\n description={\n event?.description\n }\n />\n </div>\n </Card>\n </div>\n ))\n )}\n </div>\n </div>\n ))}\n <div className=\"text-center\">\n {showNoMoreData ? (\n <span className=\"font-semibold h-[40px] flex items-center justify-center\">\n No more activities\n </span>\n ) : (\n <Button loading={fetchData} onClick={handleLoadMore}>\n Load More\n </Button>\n )}\n </div>\n </Loading>\n )\n}\n\nexport default ActivitySection\n"],"names":["TimeLineMedia","props","type","PiEyeDuotone","PiCloudCheckDuotone","PiCreditCardDuotone","PiTicketDuotone","PiPhoneOutgoingDuotone","jsx","Fragment","TimeLineContent","description","name","jsxs","ActivitySection","customerName","id","data","isLoading","useSWR","_","params","apiGetCustomerLog","fetchData","setfetchData","useState","showNoMoreData","setShowNoMoreData","handleLoadMore","sleep","Loading","log","dayjs","isEmpty","event","index","Card","Button"],"mappings":"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"}
1	+ {"version":3,"file":"ActivitySection.js","sources":["../../../../../../lib/@ecme/views/concepts/customers/CustomerDetails/ActivitySection.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Card from '@/components/ui/Card'\nimport Button from '@/components/ui/Button'\nimport Loading from '@/components/shared/Loading'\nimport { apiGetCustomerLog } from '@/services/CustomersService'\nimport sleep from '@/utils/sleep'\nimport dayjs from 'dayjs'\nimport isEmpty from 'lodash/isEmpty'\nimport {\n PiEyeDuotone,\n PiCloudCheckDuotone,\n PiCreditCardDuotone,\n PiTicketDuotone,\n PiPhoneOutgoingDuotone,\n} from 'react-icons/pi'\nimport useSWR from 'swr'\n\ntype Activities = {\n id: string\n date: number\n events: {\n type: string\n dateTime: number\n description: string\n }[]\n}[]\n\nconst TimeLineMedia = (props: { type: string }) => {\n const { type } = props\n\n switch (type) {\n case 'PRODUCT-VIEW':\n return <PiEyeDuotone />\n case 'PRODUCT-UPDATE':\n return <PiCloudCheckDuotone />\n case 'PAYMENT':\n return <PiCreditCardDuotone />\n case 'SUPPORT-TICKET':\n return <PiTicketDuotone />\n case 'TICKET-IN-PROGRESS':\n return <PiPhoneOutgoingDuotone />\n default:\n return <></>\n }\n}\n\nconst TimeLineContent = (props: {\n type: string\n description: string\n name: string\n}) => {\n const { type, description, name } = props\n\n switch (type) {\n case 'PRODUCT-VIEW':\n return (\n <div>\n <h6 className=\"font-bold\">View Plan</h6>\n <p className=\"font-semibold\">\n {name} {description}\n </p>\n </div>\n )\n case 'PRODUCT-UPDATE':\n return (\n <div>\n <h6 className=\"font-bold\">Change Plan</h6>\n <p className=\"font-semibold\">\n {name} {description}\n </p>\n </div>\n )\n case 'PAYMENT':\n return (\n <div>\n <h6 className=\"font-bold\">Payment</h6>\n <p className=\"font-semibold\">\n {name} {description}\n </p>\n </div>\n )\n case 'SUPPORT-TICKET':\n return (\n <div>\n <h6 className=\"font-bold\">Support Ticket</h6>\n <p className=\"font-semibold\">\n {name} {description}\n </p>\n </div>\n )\n case 'TICKET-IN-PROGRESS':\n return (\n <div>\n <h6 className=\"font-bold\">Support Ticket Update</h6>\n <p className=\"font-semibold\">{description}</p>\n </div>\n )\n default:\n return <></>\n }\n}\n\nconst ActivitySection = ({\n customerName,\n id,\n}: {\n customerName: string\n id: string\n}) => {\n const { data, isLoading } = useSWR(\n ['/api/customers/log', { id: id as string }],\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n ([_, params]) => apiGetCustomerLog<Activities, { id: string }>(params),\n {\n revalidateOnFocus: false,\n revalidateIfStale: false,\n evalidateOnFocus: false,\n },\n )\n\n const [fetchData, setfetchData] = useState(false)\n const [showNoMoreData, setShowNoMoreData] = useState(false)\n\n const handleLoadMore = async () => {\n setfetchData(true)\n await sleep(500)\n setShowNoMoreData(true)\n setfetchData(false)\n }\n\n return (\n <Loading loading={isLoading}>\n {data &&\n data.map((log) => (\n <div key={log.id} className=\"mb-4\">\n <div className=\"mb-4 font-bold uppercase flex items-center gap-4\">\n <span className=\"w-[70px] heading-text\">\n {dayjs.unix(log.date).format('DD MMMM')}\n </span>\n <div className=\"border-b border-2 border-gray-200 dark:border-gray-600 border-dashed w-full\"></div>\n </div>\n <div className=\"flex flex-col gap-4\">\n {isEmpty(log.events) ? (\n <div>No Activities</div>\n ) : (\n log.events.map((event, index) => (\n <div\n key={event.type + index}\n className=\"flex items-center\"\n >\n <span className=\"font-semibold w-[100px]\">\n {dayjs\n .unix(event.dateTime)\n .format('h:mm A')}\n </span>\n <Card\n className=\"max-w-[600px] w-full\"\n bodyClass=\"py-3\"\n >\n <div className=\"flex items-center gap-4\">\n <div className=\"text-primary text-3xl\">\n <TimeLineMedia\n type={event.type}\n />\n </div>\n <TimeLineContent\n name={customerName}\n type={event.type}\n description={\n event?.description\n }\n />\n </div>\n </Card>\n </div>\n ))\n )}\n </div>\n </div>\n ))}\n <div className=\"text-center\">\n {showNoMoreData ? (\n <span className=\"font-semibold h-[40px] flex items-center justify-center\">\n No more activities\n </span>\n ) : (\n <Button loading={fetchData} onClick={handleLoadMore}>\n Load More\n </Button>\n )}\n </div>\n </Loading>\n )\n}\n\nexport default ActivitySection\n"],"names":["TimeLineMedia","props","type","PiEyeDuotone","PiCloudCheckDuotone","PiCreditCardDuotone","PiTicketDuotone","PiPhoneOutgoingDuotone","jsx","Fragment","TimeLineContent","description","name","jsxs","ActivitySection","customerName","id","data","isLoading","useSWR","_","params","apiGetCustomerLog","fetchData","setfetchData","useState","showNoMoreData","setShowNoMoreData","handleLoadMore","sleep","Loading","log","dayjs","isEmpty","event","index","Card","Button"],"mappings":"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"}