@orbe-agro/client-core 3.4.3 → 3.4.4

package/dist/lib/@ecme/views/concepts/chat/Chat/components/ChatBody.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ChatBody.js","sources":["../../../../../../../../lib/@ecme/views/concepts/chat/Chat/components/ChatBody.tsx"],"sourcesContent":["import { useState, useEffect, useRef, useMemo } from 'react'\nimport Avatar from '@/components/ui/Avatar'\nimport Card from '@/components/ui/Card'\nimport ChatBox from '@/components/view/ChatBox'\nimport ChatAction from './ChatAction'\nimport StartConverstation from '@/assets/svg/StartConverstation'\nimport { useChatStore } from '../store/chatStore'\nimport { apiGetConversation } from '@/services/ChatService'\nimport classNames from '@/utils/classNames'\nimport useResponsive from '@/utils/hooks/useResponsive'\nimport dayjs from 'dayjs'\nimport uniqueId from 'lodash/uniqueId'\nimport { TbChevronLeft } from 'react-icons/tb'\nimport type { GetConversationResponse, Message, ChatType } from '../types'\nimport type { ScrollBarRef } from '@/components/ui/ScrollBar'\n\nconst getFileType = (file: File) => {\n    console.log('file.type', file.type)\n    switch (file.type) {\n        case 'image/jpg':\n        case 'image/jpeg':\n        case 'image/png':\n        case 'image/webp':\n            return 'image'\n        case 'video/mp4':\n        case 'video/avi':\n            return 'video'\n        case 'audio/mp3':\n        case 'audio/wav':\n            return 'audio'\n        default:\n            return 'misc'\n    }\n}\n\nconst ChatBody = () => {\n    const scrollRef = useRef<ScrollBarRef>(null)\n    const selectedChat = useChatStore((state) => state.selectedChat)\n    const conversationRecord = useChatStore((state) => state.conversationRecord)\n    const pushConversationRecord = useChatStore(\n        (state) => state.pushConversationRecord,\n    )\n    const setSelectedChat = useChatStore((state) => state.setSelectedChat)\n    const pushConversationMessage = useChatStore(\n        (state) => state.pushConversationMessage,\n    )\n    const setContactInfoDrawer = useChatStore(\n        (state) => state.setContactInfoDrawer,\n    )\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    const [_, setIsFetchingConversation] = useState(false)\n    const [conversation, setConversation] = useState<Message[]>([])\n\n    const { smaller } = useResponsive()\n\n    const scrollToBottom = () => {\n        if (scrollRef.current?.getScrollElement) {\n            const scrollElement = scrollRef.current.getScrollElement()\n            if (scrollElement) {\n                scrollElement.scrollTop = scrollElement.scrollHeight\n            }\n        }\n    }\n\n    const handleProfileClick = () => {\n        setContactInfoDrawer({\n            userId: selectedChat.user?.id as string,\n            chatId: selectedChat.id as string,\n            chatType: selectedChat.chatType as ChatType,\n            open: true,\n        })\n    }\n\n    const handlePushMessage = (message: Message) => {\n        pushConversationMessage(selectedChat.id as string, message)\n        setConversation((prevConversation) => {\n            prevConversation.push(message)\n            return structuredClone(prevConversation)\n        })\n    }\n\n    const handleInputChange = async ({\n        value,\n        attachments,\n    }: {\n        value: string\n        attachments?: File[]\n    }) => {\n        const newMessage: Message = {\n            id: uniqueId('chat-conversation-'),\n            sender: {\n                id: '1',\n                name: 'Angelina Gotelli',\n                avatarImageUrl: '/img/avatars/thumb-1.jpg',\n            },\n            content: value,\n            attachments: attachments?.map((attachment) => {\n                return {\n                    type: getFileType(attachment),\n                    source: attachment,\n                    mediaUrl: URL.createObjectURL(attachment),\n                }\n            }),\n            timestamp: dayjs().toDate(),\n            type: 'regular',\n            isMyMessage: true,\n        }\n        handlePushMessage(newMessage)\n    }\n\n    const cardHeaderProps = {\n        header: {\n            content: (\n                <div className=\"flex items-center gap-2\">\n                    {smaller.md && (\n                        <button\n                            className=\"text-xl hover:text-primary\"\n                            onClick={() => setSelectedChat({})}\n                        >\n                            <TbChevronLeft />\n                        </button>\n                    )}\n                    <button\n                        className=\"flex items-center gap-2\"\n                        role=\"button\"\n                        onClick={handleProfileClick}\n                    >\n                        <div>\n                            <Avatar src={selectedChat.user?.avatarImageUrl} />\n                        </div>\n                        <div className=\"min-w-0 flex-1\">\n                            <div className=\"flex justify-between\">\n                                <div className=\"font-bold heading-text truncate\">\n                                    {selectedChat.user?.name}\n                                </div>\n                            </div>\n                            <div>\n                                {selectedChat?.chatType === 'groups'\n                                    ? 'click here for group info'\n                                    : 'last seen recently'}\n                            </div>\n                        </div>\n                    </button>\n                </div>\n            ),\n            extra: <ChatAction muted={selectedChat.muted} />,\n            className: 'bg-gray-100 dark:bg-gray-600 h-[100px]',\n        },\n    }\n\n    useEffect(() => {\n        const fetchConvesation = async () => {\n            setIsFetchingConversation(true)\n\n            const record = conversationRecord.find(\n                (item) => item.id === selectedChat.id,\n            )\n\n            if (record) {\n                setConversation(record.conversation)\n            } else {\n                const resp = await apiGetConversation<GetConversationResponse>({\n                    id: selectedChat.id as string,\n                })\n                setConversation(resp.conversation)\n                pushConversationRecord(resp)\n            }\n\n            setIsFetchingConversation(false)\n            scrollToBottom()\n        }\n\n        if (selectedChat.id) {\n            setConversation([])\n            fetchConvesation()\n        }\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [selectedChat.id, conversation])\n\n    const messageList = useMemo(() => {\n        return conversation.map((item) => {\n            item.timestamp = dayjs\n                .unix(item.timestamp as number)\n                .toDate() as Date\n            if (item.isMyMessage) {\n                item.showAvatar = false\n            }\n            return item\n        })\n    }, [conversation])\n\n    return (\n        <div\n            className={classNames(\n                'w-full md:block',\n                !selectedChat.id && 'hidden',\n            )}\n        >\n            {selectedChat.id ? (\n                <Card\n                    className=\"flex-1 h-full max-h-full dark:border-gray-700\"\n                    bodyClass=\"h-[calc(100%-100px)] relative\"\n                    {...cardHeaderProps}\n                >\n                    <ChatBox\n                        ref={scrollRef}\n                        messageList={messageList}\n                        placeholder=\"Enter a prompt here\"\n                        showAvatar={true}\n                        avatarGap={true}\n                        messageListClass=\"h-[calc(100%-100px)]\"\n                        bubbleClass=\"max-w-[300px]\"\n                        onInputChange={handleInputChange}\n                    />\n                </Card>\n            ) : (\n                <div className=\"flex-1 h-full max-h-full flex flex-col items-center justify-center rounded-2xl border border-gray-200 dark:border-gray-800\">\n                    <StartConverstation height={250} width={250} />\n                    <div className=\"mt-10 text-center\">\n                        <h3>Start Chatting!</h3>\n                        <p className=\"mt-2 text-base\">\n                            Pick a Conversation or Begin a New One\n                        </p>\n                    </div>\n                </div>\n            )}\n        </div>\n    )\n}\n\nexport default ChatBody\n"],"names":["getFileType","file","ChatBody","scrollRef","useRef","selectedChat","useChatStore","state","conversationRecord","pushConversationRecord","setSelectedChat","pushConversationMessage","setContactInfoDrawer","_","setIsFetchingConversation","useState","conversation","setConversation","smaller","useResponsive","scrollToBottom","_a","scrollElement","handleProfileClick","handlePushMessage","message","prevConversation","handleInputChange","value","attachments","newMessage","uniqueId","attachment","dayjs","cardHeaderProps","jsxs","jsx","TbChevronLeft","Avatar","_b","ChatAction","useEffect","fetchConvesation","record","item","resp","apiGetConversation","messageList","useMemo","classNames","Card","ChatBox","StartConverstation"],"mappings":"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"}

package/dist/lib/@ecme/views/concepts/chat/Chat/components/ChatList.js

@@ -1,116 +0,0 @@
-import { jsxs as a, jsx as t } from "react/jsx-runtime";
-import { useRef as k, useState as d, useEffect as h } from "react";
-import { Avatar as I } from "../../../../../components/ui/Avatar/index.js";
-import "../../../../../components/ui/Badge/index.js";
-import "../../../../../components/ui/ScrollBar/index.js";
-import B from "./ChatSegment.js";
-import F from "./NewChat.js";
-import { useChatStore as r } from "../store/chatStore.js";
-import R from "../hooks/useChat.js";
-import A from "../../../../../utils/classNames.js";
-import D from "../../../../../utils/hooks/useDebounce.js";
-import { TbX as L, TbSearch as M, TbVolumeOff as q } from "react-icons/tb";
-import E from "dayjs";
-import O from "../../../../../components/ui/ScrollBar/ScrollBar.js";
-import Q from "../../../../../components/ui/Badge/Badge.js";
-const re = () => {
-  const i = r((e) => e.chats), f = r((e) => e.chatsFetched), m = r((e) => e.selectedChat), u = r((e) => e.setSelectedChat), p = r((e) => e.setMobileSidebar), g = r((e) => e.selectedChatType), n = r(
-    (e) => e.setSelectedChatType
-  ), b = r((e) => e.setChatRead), c = k(null), [l, C] = d(!1), [o, x] = d(""), { fetchChats: v } = R();
-  h(() => {
-    f || v();
-  }, []), h(() => {
-    var e, s;
-    l ? (e = c.current) == null || e.focus() : (s = c.current) == null || s.blur();
-  }, [l]);
-  const y = ({
-    id: e,
-    user: s,
-    muted: T,
-    chatType: w,
-    unread: j
-  }) => {
-    j > 0 && b(e), u({
-      id: e,
-      user: s,
-      muted: T,
-      chatType: w
-    }), p(!1);
-  };
-  function N(e) {
-    e.target.value.length > 0 && n(""), e.target.value.length === 0 && n("personal"), x(e.target.value);
-  }
-  const S = D(N, 500);
-  return /* @__PURE__ */ a("div", { className: "flex flex-col justify-between h-full", children: [
-    /* @__PURE__ */ a("div", { className: "mb-4", children: [
-      /* @__PURE__ */ a("div", { className: "flex items-center justify-between mb-4", children: [
-        l ? /* @__PURE__ */ t(
-          "input",
-          {
-            ref: c,
-            className: "flex-1 h-full placeholder:text-gray-400 placeholder:text-base placeholder:font-normal bg-transparent focus:outline-none heading-text font-bold",
-            placeholder: "Search chat",
-            onChange: (e) => {
-              S(e);
-            }
-          }
-        ) : /* @__PURE__ */ t("h4", { children: "Chat" }),
-        /* @__PURE__ */ t(
-          "button",
-          {
-            className: "close-button text-lg",
-            type: "button",
-            onClick: () => {
-              C(!l);
-            },
-            children: l ? /* @__PURE__ */ t(L, {}) : /* @__PURE__ */ t(M, {})
-          }
-        )
-      ] }),
-      /* @__PURE__ */ t(B, {})
-    ] }),
-    /* @__PURE__ */ t(O, { className: "h-[calc(100%-150px)] overflow-y-auto", children: /* @__PURE__ */ t("div", { className: "flex flex-col gap-2 h-full", children: i.filter((e) => o ? e.name.toLowerCase().includes(o) : g === e.chatType).map((e) => /* @__PURE__ */ a(
-      "div",
-      {
-        className: A(
-          "py-3 px-2 flex items-center gap-2 justify-between rounded-xl hover:bg-gray-100 dark:hover:bg-gray-700 relative cursor-pointer select-none",
-          m.id === e.id && "bg-gray-100 dark:bg-gray-700"
-        ),
-        role: "button",
-        onClick: () => y({
-          id: e.id,
-          user: {
-            id: e.userId || e.groupId,
-            avatarImageUrl: e.avatar,
-            name: e.name
-          },
-          muted: e.muted,
-          chatType: e.chatType,
-          unread: e.unread
-        }),
-        children: [
-          /* @__PURE__ */ a("div", { className: "flex items-center gap-2 min-w-0 flex-1", children: [
-            /* @__PURE__ */ t("div", { children: /* @__PURE__ */ t(I, { src: e.avatar }) }),
-            /* @__PURE__ */ a("div", { className: "min-w-0 flex-1", children: [
-              /* @__PURE__ */ t("div", { className: "flex justify-between", children: /* @__PURE__ */ a("div", { className: "font-bold heading-text truncate flex gap-2 items-center", children: [
-                /* @__PURE__ */ t("span", { children: e.name }),
-                e.muted && /* @__PURE__ */ t(q, { className: "opacity-60" })
-              ] }) }),
-              /* @__PURE__ */ t("div", { className: "truncate", children: e.lastConversation })
-            ] })
-          ] }),
-          /* @__PURE__ */ a("div", { className: "flex gap-1 items-center", children: [
-            /* @__PURE__ */ t("small", { className: "font-semibold", children: E.unix(e.time).format("hh:mm A") }),
-            e.unread > 0 && /* @__PURE__ */ t(Q, { className: "bg-primary" })
-          ] })
-        ]
-      },
-      e.id
-    )) }) }),
-    /* @__PURE__ */ t(F, {})
-  ] });
-};
-export {
-  re as default
-};
-//# sourceMappingURL=ChatList.js.map

package/dist/lib/@ecme/views/concepts/chat/Chat/components/ChatList.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ChatList.js","sources":["../../../../../../../../lib/@ecme/views/concepts/chat/Chat/components/ChatList.tsx"],"sourcesContent":["import { useRef, useState, useEffect } from 'react'\nimport Avatar from '@/components/ui/Avatar'\nimport Badge from '@/components/ui/Badge'\nimport ScrollBar from '@/components/ui/ScrollBar'\nimport ChatSegment from './ChatSegment'\nimport NewChat from './NewChat'\nimport { useChatStore } from '../store/chatStore'\nimport useChat from '../hooks/useChat'\nimport classNames from '@/utils/classNames'\nimport useDebounce from '@/utils/hooks/useDebounce'\nimport { TbVolumeOff, TbSearch, TbX } from 'react-icons/tb'\nimport dayjs from 'dayjs'\nimport type { ChatType } from '../types'\nimport type { ChangeEvent } from 'react'\n\nconst ChatList = () => {\n    const chats = useChatStore((state) => state.chats)\n    const chatsFetched = useChatStore((state) => state.chatsFetched)\n    const selectedChat = useChatStore((state) => state.selectedChat)\n    const setSelectedChat = useChatStore((state) => state.setSelectedChat)\n    const setMobileSidebar = useChatStore((state) => state.setMobileSidebar)\n    const selectedChatType = useChatStore((state) => state.selectedChatType)\n    const setSelectedChatType = useChatStore(\n        (state) => state.setSelectedChatType,\n    )\n    const setChatRead = useChatStore((state) => state.setChatRead)\n\n    const inputRef = useRef<HTMLInputElement>(null)\n\n    const [showSearchBar, setShowSearchBar] = useState(false)\n    const [queryText, setQueryText] = useState('')\n\n    const { fetchChats } = useChat()\n\n    useEffect(() => {\n        if (!chatsFetched) {\n            fetchChats()\n        }\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [])\n\n    useEffect(() => {\n        if (showSearchBar) {\n            inputRef.current?.focus()\n        } else {\n            inputRef.current?.blur()\n        }\n    }, [showSearchBar])\n\n    const handleChatClick = ({\n        id,\n        user,\n        muted,\n        chatType,\n        unread,\n    }: {\n        id: string\n        user: { id: string; avatarImageUrl: string; name: string }\n        muted: boolean\n        chatType: ChatType\n        unread: number\n    }) => {\n        if (unread > 0) {\n            setChatRead(id)\n        }\n\n        setSelectedChat({\n            id,\n            user,\n            muted,\n            chatType,\n        })\n        setMobileSidebar(false)\n    }\n\n    function handleDebounceFn(e: ChangeEvent<HTMLInputElement>) {\n        if (e.target.value.length > 0) {\n            setSelectedChatType('')\n        }\n\n        if (e.target.value.length === 0) {\n            setSelectedChatType('personal')\n        }\n\n        setQueryText(e.target.value)\n    }\n\n    const debounceFn = useDebounce(handleDebounceFn, 500)\n\n    const handleInputChange = (e: ChangeEvent<HTMLInputElement>) => {\n        debounceFn(e)\n    }\n\n    const handleSearchToggleClick = () => {\n        setShowSearchBar(!showSearchBar)\n    }\n\n    return (\n        <div className=\"flex flex-col justify-between h-full\">\n            <div className=\"mb-4\">\n                <div className=\"flex items-center justify-between mb-4\">\n                    {showSearchBar ? (\n                        <input\n                            ref={inputRef}\n                            className=\"flex-1 h-full placeholder:text-gray-400 placeholder:text-base placeholder:font-normal bg-transparent focus:outline-none heading-text font-bold\"\n                            placeholder=\"Search chat\"\n                            onChange={handleInputChange}\n                        />\n                    ) : (\n                        <h4>Chat</h4>\n                    )}\n                    <button\n                        className=\"close-button text-lg\"\n                        type=\"button\"\n                        onClick={handleSearchToggleClick}\n                    >\n                        {showSearchBar ? <TbX /> : <TbSearch />}\n                    </button>\n                </div>\n                <ChatSegment />\n            </div>\n            <ScrollBar className=\"h-[calc(100%-150px)] overflow-y-auto\">\n                <div className=\"flex flex-col gap-2 h-full\">\n                    {chats\n                        .filter((item) => {\n                            if (queryText) {\n                                return item.name\n                                    .toLowerCase()\n                                    .includes(queryText)\n                            }\n\n                            return selectedChatType === item.chatType\n                        })\n                        .map((item) => (\n                            <div\n                                key={item.id}\n                                className={classNames(\n                                    'py-3 px-2 flex items-center gap-2 justify-between rounded-xl hover:bg-gray-100 dark:hover:bg-gray-700 relative cursor-pointer select-none',\n                                    selectedChat.id === item.id &&\n                                        'bg-gray-100 dark:bg-gray-700',\n                                )}\n                                role=\"button\"\n                                onClick={() =>\n                                    handleChatClick({\n                                        id: item.id,\n                                        user: {\n                                            id: item.userId || item.groupId,\n                                            avatarImageUrl: item.avatar,\n                                            name: item.name,\n                                        },\n                                        muted: item.muted,\n                                        chatType: item.chatType,\n                                        unread: item.unread,\n                                    })\n                                }\n                            >\n                                <div className=\"flex items-center gap-2 min-w-0 flex-1\">\n                                    <div>\n                                        <Avatar src={item.avatar} />\n                                    </div>\n                                    <div className=\"min-w-0 flex-1\">\n                                        <div className=\"flex justify-between\">\n                                            <div className=\"font-bold heading-text truncate flex gap-2 items-center\">\n                                                <span>{item.name}</span>\n                                                {item.muted && (\n                                                    <TbVolumeOff className=\"opacity-60\" />\n                                                )}\n                                            </div>\n                                        </div>\n                                        <div className=\"truncate\">\n                                            {item.lastConversation}\n                                        </div>\n                                    </div>\n                                </div>\n                                <div className=\"flex gap-1 items-center\">\n                                    <small className=\"font-semibold\">\n                                        {dayjs\n                                            .unix(item.time)\n                                            .format('hh:mm A')}\n                                    </small>\n                                    {item.unread > 0 && (\n                                        <Badge className=\"bg-primary\" />\n                                    )}\n                                </div>\n                            </div>\n                        ))}\n                </div>\n            </ScrollBar>\n            <NewChat />\n        </div>\n    )\n}\n\nexport default ChatList\n"],"names":["ChatList","chats","useChatStore","state","chatsFetched","selectedChat","setSelectedChat","setMobileSidebar","selectedChatType","setSelectedChatType","setChatRead","inputRef","useRef","showSearchBar","setShowSearchBar","useState","queryText","setQueryText","fetchChats","useChat","useEffect","_a","_b","handleChatClick","id","user","muted","chatType","unread","handleDebounceFn","debounceFn","useDebounce","jsxs","jsx","TbX","TbSearch","ChatSegment","ScrollBar","item","classNames","Avatar","TbVolumeOff","dayjs","Badge","NewChat"],"mappings":"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"}

package/dist/lib/@ecme/views/concepts/chat/Chat/components/ChatSegment.js

@@ -1,31 +0,0 @@
-import { jsxs as t, jsx as e } from "react/jsx-runtime";
-import { Segment as l } from "../../../../../components/ui/Segment/index.js";
-import { TbUserCircle as n, TbUsers as m } from "react-icons/tb";
-import { useChatStore as a } from "../store/chatStore.js";
-const h = () => {
-  const r = a((s) => s.selectedChatType), c = a(
-    (s) => s.setSelectedChatType
-  );
-  return /* @__PURE__ */ t(
-    l,
-    {
-      className: "w-full",
-      value: r,
-      onChange: (s) => c(s),
-      children: [
-        /* @__PURE__ */ e(l.Item, { className: "flex-1", value: "personal", children: /* @__PURE__ */ t("div", { className: "flex items-center justify-center gap-2", children: [
-          /* @__PURE__ */ e(n, { className: "text-xl" }),
-          /* @__PURE__ */ e("span", { children: "Personal" })
-        ] }) }),
-        /* @__PURE__ */ e(l.Item, { className: "flex-1", value: "groups", children: /* @__PURE__ */ t("div", { className: "flex items-center justify-center gap-2", children: [
-          /* @__PURE__ */ e(m, { className: "text-xl" }),
-          /* @__PURE__ */ e("span", { children: "Groups" })
-        ] }) })
-      ]
-    }
-  );
-};
-export {
-  h as default
-};
-//# sourceMappingURL=ChatSegment.js.map

package/dist/lib/@ecme/views/concepts/chat/Chat/components/ChatSegment.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ChatSegment.js","sources":["../../../../../../../../lib/@ecme/views/concepts/chat/Chat/components/ChatSegment.tsx"],"sourcesContent":["import Segment from '@/components/ui/Segment'\nimport { TbUserCircle, TbUsers } from 'react-icons/tb'\nimport { useChatStore } from '../store/chatStore'\nimport type { ChatType } from '../types'\n\nconst ChatSegment = () => {\n    const selectedChatType = useChatStore((state) => state.selectedChatType)\n    const setSelectedChatType = useChatStore(\n        (state) => state.setSelectedChatType,\n    )\n\n    return (\n        <Segment\n            className=\"w-full\"\n            value={selectedChatType}\n            onChange={(value) => setSelectedChatType(value as ChatType)}\n        >\n            <Segment.Item className=\"flex-1\" value=\"personal\">\n                <div className=\"flex items-center justify-center gap-2\">\n                    <TbUserCircle className=\"text-xl\" />\n                    <span>Personal</span>\n                </div>\n            </Segment.Item>\n            <Segment.Item className=\"flex-1\" value=\"groups\">\n                <div className=\"flex items-center justify-center gap-2\">\n                    <TbUsers className=\"text-xl\" />\n                    <span>Groups</span>\n                </div>\n            </Segment.Item>\n        </Segment>\n    )\n}\n\nexport default ChatSegment\n"],"names":["ChatSegment","selectedChatType","useChatStore","state","setSelectedChatType","jsxs","Segment","value","jsx","TbUserCircle","TbUsers"],"mappings":";;;;AAKA,MAAMA,IAAc,MAAM;AACtB,QAAMC,IAAmBC,EAAa,CAACC,MAAUA,EAAM,gBAAgB,GACjEC,IAAsBF;AAAA,IACxB,CAACC,MAAUA,EAAM;AAAA,EACrB;AAGI,SAAA,gBAAAE;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,WAAU;AAAA,MACV,OAAOL;AAAA,MACP,UAAU,CAACM,MAAUH,EAAoBG,CAAiB;AAAA,MAE1D,UAAA;AAAA,QAAC,gBAAAC,EAAAF,EAAQ,MAAR,EAAa,WAAU,UAAS,OAAM,YACnC,UAAA,gBAAAD,EAAC,OAAI,EAAA,WAAU,0CACX,UAAA;AAAA,UAAC,gBAAAG,EAAAC,GAAA,EAAa,WAAU,UAAU,CAAA;AAAA,UAClC,gBAAAD,EAAC,UAAK,UAAQ,WAAA,CAAA;AAAA,QAAA,EAAA,CAClB,EACJ,CAAA;AAAA,QACA,gBAAAA,EAACF,EAAQ,MAAR,EAAa,WAAU,UAAS,OAAM,UACnC,UAAA,gBAAAD,EAAC,OAAI,EAAA,WAAU,0CACX,UAAA;AAAA,UAAC,gBAAAG,EAAAE,GAAA,EAAQ,WAAU,UAAU,CAAA;AAAA,UAC7B,gBAAAF,EAAC,UAAK,UAAM,SAAA,CAAA;AAAA,QAAA,EAAA,CAChB,EACJ,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACJ;AAER;"}

package/dist/lib/@ecme/views/concepts/chat/Chat/components/ChatSidebar.js

@@ -1,21 +0,0 @@
-import { jsx as t } from "react/jsx-runtime";
-import o from "./ChatList.js";
-import { useChatStore as s } from "../store/chatStore.js";
-import a from "../../../../../utils/classNames.js";
-const c = () => {
-  const e = s((r) => r.selectedChat);
-  return /* @__PURE__ */ t(
-    "div",
-    {
-      className: a(
-        "w-full md:w-[300px] md:block",
-        e.id && "hidden"
-      ),
-      children: /* @__PURE__ */ t(o, {})
-    }
-  );
-};
-export {
-  c as default
-};
-//# sourceMappingURL=ChatSidebar.js.map

package/dist/lib/@ecme/views/concepts/chat/Chat/components/ChatSidebar.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ChatSidebar.js","sources":["../../../../../../../../lib/@ecme/views/concepts/chat/Chat/components/ChatSidebar.tsx"],"sourcesContent":["import ChatList from './ChatList'\nimport { useChatStore } from '../store/chatStore'\nimport classNames from '@/utils/classNames'\n\nconst ChatSidebar = () => {\n    const selectedChat = useChatStore((state) => state.selectedChat)\n\n    return (\n        <div\n            className={classNames(\n                'w-full md:w-[300px] md:block',\n                selectedChat.id && 'hidden',\n            )}\n        >\n            <ChatList />\n        </div>\n    )\n}\n\nexport default ChatSidebar\n"],"names":["ChatSidebar","selectedChat","useChatStore","state","jsx","classNames","ChatList"],"mappings":";;;;AAIA,MAAMA,IAAc,MAAM;AACtB,QAAMC,IAAeC,EAAa,CAACC,MAAUA,EAAM,YAAY;AAG3D,SAAA,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAWC;AAAA,QACP;AAAA,QACAJ,EAAa,MAAM;AAAA,MACvB;AAAA,MAEA,4BAACK,GAAS,CAAA,CAAA;AAAA,IAAA;AAAA,EACd;AAER;"}

package/dist/lib/@ecme/views/concepts/chat/Chat/components/ContactInfoDrawer.js

@@ -1,231 +0,0 @@
-import { jsxs as a, jsx as e, Fragment as y } from "react/jsx-runtime";
-import { useState as T, useEffect as k } 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 "../../../../../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: [
-  /* @__PURE__ */ e("div", { className: "text-2xl", children: n }),
-  /* @__PURE__ */ a("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(
-    [`/api/chats/contact/${s.userId}`, s],
-    // eslint-disable-next-line @typescript-eslint/no-unused-vars
-    ([t, i]) => M({
-      id: i.userId
-    })
-  ), o = () => {
-    r({
-      userId: "",
-      chatId: "",
-      chatType: "",
-      open: !1
-    });
-  }, I = () => {
-    const t = 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);
-  };
-  return k(() => {
-    s.userId && C();
-  }, [s.userId]), /* @__PURE__ */ a(
-    Y,
-    {
-      title: null,
-      closable: !1,
-      isOpen: s.open,
-      showBackdrop: !1,
-      width: 400,
-      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 flex-col gap-y-7 mt-8", children: s.chatType === "personal" ? /* @__PURE__ */ a(y, { children: [
-            /* @__PURE__ */ e(
-              h,
-              {
-                title: "Email",
-                value: l.userDetails.email,
-                icon: /* @__PURE__ */ e(S, {})
-              }
-            ),
-            /* @__PURE__ */ e(
-              h,
-              {
-                title: "Phone",
-                value: (x = l.userDetails) == null ? void 0 : x.personalInfo.phoneNumber,
-                icon: /* @__PURE__ */ e(U, {})
-              }
-            ),
-            /* @__PURE__ */ e(
-              h,
-              {
-                title: "Last Online",
-                value: O.unix(
-                  l.userDetails.lastOnline
-                ).format("DD MMM YYYY hh:mm A"),
-                icon: /* @__PURE__ */ e(B, {})
-              }
-            )
-          ] }) : /* @__PURE__ */ e(y, { children: /* @__PURE__ */ a("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(
-                "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 })
-                      ] })
-                    ] }),
-                    t.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" })
-                      }
-                    )
-                  ]
-                },
-                t.id
-              )
-            )
-          ] }) }) }),
-          /* @__PURE__ */ e("div", { className: "mt-8", children: /* @__PURE__ */ a(D, { defaultValue: "media", children: [
-            /* @__PURE__ */ a(_, { 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__ */ e(m, { value: "media", children: /* @__PURE__ */ e(
-                j,
-                {
-                  index: n,
-                  slides: ((N = l.media.images) == null ? void 0 : N.map((t) => ({
-                    src: t.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(
-                      "div",
-                      {
-                        "data-src": t.url,
-                        className: "cursor-pointer",
-                        role: "button",
-                        onClick: () => p(
-                          i
-                        ),
-                        children: /* @__PURE__ */ e(
-                          "img",
-                          {
-                            className: "rounded-xl",
-                            src: t.url
-                          }
-                        )
-                      },
-                      t.id
-                    )
-                  ) })
-                }
-              ) }),
-              /* @__PURE__ */ e(m, { value: "files", children: l.media.files.map((t) => /* @__PURE__ */ a(
-                "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("div", { className: "text-3xl", children: /* @__PURE__ */ e(
-                        P,
-                        {
-                          type: t.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__ */ e(
-                      "button",
-                      {
-                        type: "button",
-                        className: "close-button button-press-feedback opacity-0 group-hover:opacity-100",
-                        onClick: I,
-                        children: /* @__PURE__ */ e(F, { className: "text-xl" })
-                      }
-                    )
-                  ]
-                },
-                t.id
-              )) }),
-              /* @__PURE__ */ e(m, { value: "tab3", children: l.media.links.map((t) => /* @__PURE__ */ e(
-                "a",
-                {
-                  href: t.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: [
-                    /* @__PURE__ */ e("div", { className: "flex items-center", children: /* @__PURE__ */ e(
-                      c,
-                      {
-                        src: t.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 })
-                    ] })
-                  ] })
-                },
-                t.id
-              )) })
-            ] })
-          ] }) })
-        ] })
-      ]
-    }
-  );
-};
-export {
-  de as default
-};
-//# sourceMappingURL=ContactInfoDrawer.js.map

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

@@ -1 +0,0 @@
-{"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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"}