@orbe-agro/client-core 5.3.85 → 5.3.89

package/dist/@ecme/views/concepts/ai/Chat/components/ChatCustomContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChatCustomContent.js","sources":["../../../../../../../lib/@ecme/views/concepts/ai/Chat/components/ChatCustomContent.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport { useState, useMemo, createElement, useEffect, ReactNode } from 'react'\nimport useInterval from '@/utils/hooks/useInterval '\nimport { getCurrentNodeOverflow, getStringPosition } from '../utils'\nimport ReactHtmlParser from 'html-react-parser'\nimport { marked } from 'marked'\nimport type { CommonProps } from '@/@types/common'\n\ntype ChatCustomContentProps = {\n    content: string\n    triggerTyping: boolean\n    onFinish?: () => void\n}\n\nconst AIWriter = ({\n    children,\n    delay = 25,\n    onFinish = () => {},\n}: CommonProps & { delay?: number; onFinish?: () => void }) => {\n    const [pos, setPos] = useState(0)\n\n    const tokenLengths = useMemo(() => {\n        const arr: number[] = []\n\n        const traverseNodesAndCountTokens = (reactNode: any) => {\n            const nodeChildren = reactNode?.props?.children\n\n            if (Array.isArray(reactNode)) {\n                reactNode.forEach((node) => {\n                    if (typeof node === 'object') {\n                        traverseNodesAndCountTokens(node)\n                    } else if (typeof node === 'string') {\n                        arr.push(node.split(' ').length)\n                    }\n                })\n            }\n\n            if (nodeChildren === undefined) {\n                if (typeof reactNode === 'string') {\n                    arr.push(reactNode.split(' ').length)\n                }\n            }\n\n            // TODO mb try checking if it's a react element\n            if (typeof nodeChildren === 'object') {\n                traverseNodesAndCountTokens(nodeChildren)\n            }\n            if (typeof nodeChildren === 'string') {\n                arr.push(nodeChildren.split(' ').length)\n            }\n\n            return arr\n        }\n\n        return traverseNodesAndCountTokens(children)\n    }, [children])\n\n    const totalTokens = useMemo(\n        () => tokenLengths.reduce((acc, curr) => acc + curr, 0),\n        [tokenLengths],\n    )\n\n    const nodex = useMemo(() => {\n        let tmpCurrentLoopTokenPos = 0\n        let tmpCurrentLoopNodePos = 0\n\n        const traverseNodesAndInjectAIWriter: any = (reactNode: any) => {\n            if (tmpCurrentLoopTokenPos > pos) {\n                return null\n            }\n\n            const nodeChildren = reactNode?.props?.children\n\n            if (Array.isArray(reactNode)) {\n                const joinedNodes: ReactNode[] = []\n                reactNode.forEach((node) => {\n                    if (typeof node === 'object') {\n                        joinedNodes.push(traverseNodesAndInjectAIWriter(node))\n                    } else if (typeof node === 'string') {\n                        tmpCurrentLoopTokenPos += node.split(' ').length\n                        tmpCurrentLoopNodePos++\n                        const [nodeIndex, currentNodePos] =\n                            getCurrentNodeOverflow(tokenLengths, pos)\n\n                        if (nodeIndex < tmpCurrentLoopNodePos) {\n                            joinedNodes.push(\n                                node.slice(\n                                    0,\n                                    getStringPosition(\n                                        node,\n                                        ' ',\n                                        currentNodePos,\n                                    ),\n                                ),\n                            )\n                        }\n\n                        joinedNodes.push(node)\n                    }\n                })\n\n                return joinedNodes\n            }\n\n            if (nodeChildren === undefined) {\n                if (typeof reactNode === 'string') {\n                    tmpCurrentLoopTokenPos += reactNode.split(' ').length\n                    tmpCurrentLoopNodePos++\n\n                    const [nodeIndex, currentNodePos] = getCurrentNodeOverflow(\n                        tokenLengths,\n                        pos,\n                    )\n\n                    if (nodeIndex < tmpCurrentLoopNodePos) {\n                        return reactNode.slice(\n                            0,\n                            getStringPosition(reactNode, ' ', currentNodePos),\n                        )\n                    }\n\n                    return reactNode\n                }\n            }\n\n            if (typeof nodeChildren === 'object') {\n                return createElement(\n                    reactNode.type,\n                    reactNode?.props,\n                    traverseNodesAndInjectAIWriter(nodeChildren),\n                )\n            }\n\n            if (typeof nodeChildren === 'string') {\n                tmpCurrentLoopTokenPos += nodeChildren.split(' ').length\n                tmpCurrentLoopNodePos++\n                const [nodeIndex, currentNodePos] = getCurrentNodeOverflow(\n                    tokenLengths,\n                    pos,\n                )\n\n                if (nodeIndex < tmpCurrentLoopNodePos) {\n                    return createElement(\n                        reactNode.type,\n                        reactNode?.props,\n                        nodeChildren.slice(\n                            0,\n                            getStringPosition(\n                                nodeChildren,\n                                ' ',\n                                currentNodePos,\n                            ),\n                        ),\n                    )\n                }\n\n                return reactNode\n            }\n        }\n\n        return traverseNodesAndInjectAIWriter(children)\n    }, [children, pos, tokenLengths])\n\n    useInterval(\n        () => {\n            setPos((prevPos) => {\n                if (prevPos + 1 >= totalTokens) {\n                    onFinish()\n                }\n\n                return prevPos + 1\n            })\n        },\n        totalTokens > pos ? delay : null,\n    )\n\n    useEffect(() => {\n        setPos(0)\n    }, [children])\n\n    return nodex\n}\n\nconst ChatCustomContent = ({\n    content = '',\n    triggerTyping,\n    onFinish,\n}: ChatCustomContentProps) => {\n    const finalContent = ReactHtmlParser(marked(content) as string)\n\n    return (\n        <>\n            {triggerTyping ? (\n                <AIWriter onFinish={onFinish}>{finalContent}</AIWriter>\n            ) : (\n                finalContent\n            )}\n        </>\n    )\n}\n\nexport default ChatCustomContent\n"],"names":["AIWriter","children","delay","onFinish","pos","setPos","useState","tokenLengths","useMemo","arr","traverseNodesAndCountTokens","reactNode","nodeChildren","_a","node","totalTokens","acc","curr","nodex","tmpCurrentLoopTokenPos","tmpCurrentLoopNodePos","traverseNodesAndInjectAIWriter","joinedNodes","nodeIndex","currentNodePos","getCurrentNodeOverflow","getStringPosition","createElement","useInterval","prevPos","useEffect","ChatCustomContent","content","triggerTyping","finalContent","ReactHtmlParser","marked","jsx"],"mappings":";;;;;;AAcA,MAAMA,IAAW,CAAC;AAAA,EACd,UAAAC;AAAA,EACA,OAAAC,IAAQ;AAAA,EACR,UAAAC,IAAW,MAAM;AAAA,EAAC;AACtB,MAA+D;AAC3D,QAAM,CAACC,GAAKC,CAAM,IAAIC,EAAS,CAAC,GAE1BC,IAAeC,EAAQ,MAAM;AAC/B,UAAMC,IAAgB,CAAA,GAEhBC,IAA8B,CAACC,MAAmB;;AACpD,YAAMC,KAAeC,IAAAF,KAAA,gBAAAA,EAAW,UAAX,gBAAAE,EAAkB;AAEvC,aAAI,MAAM,QAAQF,CAAS,KACvBA,EAAU,QAAQ,CAACG,MAAS;AACxB,QAAI,OAAOA,KAAS,WAChBJ,EAA4BI,CAAI,IACzB,OAAOA,KAAS,YACvBL,EAAI,KAAKK,EAAK,MAAM,GAAG,EAAE,MAAM;AAAA,MAEvC,CAAC,GAGDF,MAAiB,UACb,OAAOD,KAAc,YACrBF,EAAI,KAAKE,EAAU,MAAM,GAAG,EAAE,MAAM,GAKxC,OAAOC,KAAiB,YACxBF,EAA4BE,CAAY,GAExC,OAAOA,KAAiB,YACxBH,EAAI,KAAKG,EAAa,MAAM,GAAG,EAAE,MAAM,GAGpCH;AAAA,IACX;AAEA,WAAOC,EAA4BT,CAAQ;AAAA,EAC/C,GAAG,CAACA,CAAQ,CAAC,GAEPc,IAAcP;AAAA,IAChB,MAAMD,EAAa,OAAO,CAACS,GAAKC,MAASD,IAAMC,GAAM,CAAC;AAAA,IACtD,CAACV,CAAY;AAAA,EAAA,GAGXW,IAAQV,EAAQ,MAAM;AACxB,QAAIW,IAAyB,GACzBC,IAAwB;AAE5B,UAAMC,IAAsC,CAACV,MAAmB;;AAC5D,UAAIQ,IAAyBf;AACzB,eAAO;AAGX,YAAMQ,KAAeC,IAAAF,KAAA,gBAAAA,EAAW,UAAX,gBAAAE,EAAkB;AAEvC,UAAI,MAAM,QAAQF,CAAS,GAAG;AAC1B,cAAMW,IAA2B,CAAA;AACjC,eAAAX,EAAU,QAAQ,CAACG,MAAS;AACxB,cAAI,OAAOA,KAAS;AAChB,YAAAQ,EAAY,KAAKD,EAA+BP,CAAI,CAAC;AAAA,mBAC9C,OAAOA,KAAS,UAAU;AACjC,YAAAK,KAA0BL,EAAK,MAAM,GAAG,EAAE,QAC1CM;AACA,kBAAM,CAACG,GAAWC,CAAc,IAC5BC,EAAuBlB,GAAcH,CAAG;AAE5C,YAAImB,IAAYH,KACZE,EAAY;AAAA,cACRR,EAAK;AAAA,gBACD;AAAA,gBACAY;AAAA,kBACIZ;AAAA,kBACA;AAAA,kBACAU;AAAA,gBAAA;AAAA,cACJ;AAAA,YACJ,GAIRF,EAAY,KAAKR,CAAI;AAAA,UACzB;AAAA,QACJ,CAAC,GAEMQ;AAAA,MACX;AAEA,UAAIV,MAAiB,UACb,OAAOD,KAAc,UAAU;AAC/B,QAAAQ,KAA0BR,EAAU,MAAM,GAAG,EAAE,QAC/CS;AAEA,cAAM,CAACG,GAAWC,CAAc,IAAIC;AAAA,UAChClB;AAAA,UACAH;AAAA,QAAA;AAGJ,eAAImB,IAAYH,IACLT,EAAU;AAAA,UACb;AAAA,UACAe,EAAkBf,GAAW,KAAKa,CAAc;AAAA,QAAA,IAIjDb;AAAA,MACX;AAGJ,UAAI,OAAOC,KAAiB;AACxB,eAAOe;AAAA,UACHhB,EAAU;AAAA,UACVA,KAAA,gBAAAA,EAAW;AAAA,UACXU,EAA+BT,CAAY;AAAA,QAAA;AAInD,UAAI,OAAOA,KAAiB,UAAU;AAClC,QAAAO,KAA0BP,EAAa,MAAM,GAAG,EAAE,QAClDQ;AACA,cAAM,CAACG,GAAWC,CAAc,IAAIC;AAAA,UAChClB;AAAA,UACAH;AAAA,QAAA;AAGJ,eAAImB,IAAYH,IACLO;AAAA,UACHhB,EAAU;AAAA,UACVA,KAAA,gBAAAA,EAAW;AAAA,UACXC,EAAa;AAAA,YACT;AAAA,YACAc;AAAA,cACId;AAAA,cACA;AAAA,cACAY;AAAA,YAAA;AAAA,UACJ;AAAA,QACJ,IAIDb;AAAA,MACX;AAAA,IACJ;AAEA,WAAOU,EAA+BpB,CAAQ;AAAA,EAClD,GAAG,CAACA,GAAUG,GAAKG,CAAY,CAAC;AAEhC,SAAAqB;AAAA,IACI,MAAM;AACF,MAAAvB,EAAO,CAACwB,OACAA,IAAU,KAAKd,KACfZ,EAAA,GAGG0B,IAAU,EACpB;AAAA,IACL;AAAA,IACAd,IAAcX,IAAMF,IAAQ;AAAA,EAAA,GAGhC4B,EAAU,MAAM;AACZ,IAAAzB,EAAO,CAAC;AAAA,EACZ,GAAG,CAACJ,CAAQ,CAAC,GAENiB;AACX,GAEMa,IAAoB,CAAC;AAAA,EACvB,SAAAC,IAAU;AAAA,EACV,eAAAC;AAAA,EACA,UAAA9B;AACJ,MAA8B;AAC1B,QAAM+B,IAAeC,EAAgBC,EAAOJ,CAAO,CAAW;AAE9D,gCAES,UAAAC,IACG,gBAAAI,EAACrC,KAAS,UAAAG,GAAqB,UAAA+B,EAAA,CAAa,IAE5CA,EAAA,CAER;AAER;"}
+{"version":3,"file":"ChatCustomContent.js","sources":["../../../../../../../lib/@ecme/views/concepts/ai/Chat/components/ChatCustomContent.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport { useState, useMemo, createElement, useEffect, ReactNode } from 'react'\nimport useInterval from '@/utils/hooks/useInterval '\nimport { getCurrentNodeOverflow, getStringPosition } from '../utils'\nimport ReactHtmlParser from 'html-react-parser'\nimport { marked } from 'marked'\nimport type { CommonProps } from '@/@types/common'\n\ntype ChatCustomContentProps = {\n    content: string\n    triggerTyping: boolean\n    onFinish?: () => void\n}\n\nconst AIWriter = ({\n    children,\n    delay = 25,\n    onFinish = () => {},\n}: CommonProps & { delay?: number; onFinish?: () => void }) => {\n    const [pos, setPos] = useState(0)\n\n    const tokenLengths = useMemo(() => {\n        const arr: number[] = []\n\n        const traverseNodesAndCountTokens = (reactNode: any) => {\n            const nodeChildren = reactNode?.props?.children\n\n            if (Array.isArray(reactNode)) {\n                reactNode.forEach((node) => {\n                    if (typeof node === 'object') {\n                        traverseNodesAndCountTokens(node)\n                    } else if (typeof node === 'string') {\n                        arr.push(node.split(' ').length)\n                    }\n                })\n            }\n\n            if (nodeChildren === undefined) {\n                if (typeof reactNode === 'string') {\n                    arr.push(reactNode.split(' ').length)\n                }\n            }\n\n            // TODO mb try checking if it's a react element\n            if (typeof nodeChildren === 'object') {\n                traverseNodesAndCountTokens(nodeChildren)\n            }\n            if (typeof nodeChildren === 'string') {\n                arr.push(nodeChildren.split(' ').length)\n            }\n\n            return arr\n        }\n\n        return traverseNodesAndCountTokens(children)\n    }, [children])\n\n    const totalTokens = useMemo(\n        () => tokenLengths.reduce((acc, curr) => acc + curr, 0),\n        [tokenLengths],\n    )\n\n    const nodex = useMemo(() => {\n        let tmpCurrentLoopTokenPos = 0\n        let tmpCurrentLoopNodePos = 0\n\n        const traverseNodesAndInjectAIWriter: any = (reactNode: any) => {\n            if (tmpCurrentLoopTokenPos > pos) {\n                return null\n            }\n\n            const nodeChildren = reactNode?.props?.children\n\n            if (Array.isArray(reactNode)) {\n                const joinedNodes: ReactNode[] = []\n                reactNode.forEach((node) => {\n                    if (typeof node === 'object') {\n                        joinedNodes.push(traverseNodesAndInjectAIWriter(node))\n                    } else if (typeof node === 'string') {\n                        tmpCurrentLoopTokenPos += node.split(' ').length\n                        tmpCurrentLoopNodePos++\n                        const [nodeIndex, currentNodePos] =\n                            getCurrentNodeOverflow(tokenLengths, pos)\n\n                        if (nodeIndex < tmpCurrentLoopNodePos) {\n                            joinedNodes.push(\n                                node.slice(\n                                    0,\n                                    getStringPosition(\n                                        node,\n                                        ' ',\n                                        currentNodePos,\n                                    ),\n                                ),\n                            )\n                        }\n\n                        joinedNodes.push(node)\n                    }\n                })\n\n                return joinedNodes\n            }\n\n            if (nodeChildren === undefined) {\n                if (typeof reactNode === 'string') {\n                    tmpCurrentLoopTokenPos += reactNode.split(' ').length\n                    tmpCurrentLoopNodePos++\n\n                    const [nodeIndex, currentNodePos] = getCurrentNodeOverflow(\n                        tokenLengths,\n                        pos,\n                    )\n\n                    if (nodeIndex < tmpCurrentLoopNodePos) {\n                        return reactNode.slice(\n                            0,\n                            getStringPosition(reactNode, ' ', currentNodePos),\n                        )\n                    }\n\n                    return reactNode\n                }\n            }\n\n            if (typeof nodeChildren === 'object') {\n                return createElement(\n                    reactNode.type,\n                    reactNode?.props,\n                    traverseNodesAndInjectAIWriter(nodeChildren),\n                )\n            }\n\n            if (typeof nodeChildren === 'string') {\n                tmpCurrentLoopTokenPos += nodeChildren.split(' ').length\n                tmpCurrentLoopNodePos++\n                const [nodeIndex, currentNodePos] = getCurrentNodeOverflow(\n                    tokenLengths,\n                    pos,\n                )\n\n                if (nodeIndex < tmpCurrentLoopNodePos) {\n                    return createElement(\n                        reactNode.type,\n                        reactNode?.props,\n                        nodeChildren.slice(\n                            0,\n                            getStringPosition(\n                                nodeChildren,\n                                ' ',\n                                currentNodePos,\n                            ),\n                        ),\n                    )\n                }\n\n                return reactNode\n            }\n        }\n\n        return traverseNodesAndInjectAIWriter(children)\n    }, [children, pos, tokenLengths])\n\n    useInterval(\n        () => {\n            setPos((prevPos) => {\n                if (prevPos + 1 >= totalTokens) {\n                    onFinish()\n                }\n\n                return prevPos + 1\n            })\n        },\n        totalTokens > pos ? delay : null,\n    )\n\n    useEffect(() => {\n        setPos(0)\n    }, [children])\n\n    return nodex\n}\n\nconst ChatCustomContent = ({\n    content = '',\n    triggerTyping,\n    onFinish,\n}: ChatCustomContentProps) => {\n    const finalContent = ReactHtmlParser(marked(content) as string)\n\n    return (\n        <>\n            {triggerTyping ? (\n                <AIWriter onFinish={onFinish}>{finalContent}</AIWriter>\n            ) : (\n                finalContent\n            )}\n        </>\n    )\n}\n\nexport default ChatCustomContent\n"],"names":["AIWriter","children","delay","onFinish","pos","setPos","useState","tokenLengths","useMemo","arr","traverseNodesAndCountTokens","reactNode","nodeChildren","node","totalTokens","acc","curr","nodex","tmpCurrentLoopTokenPos","tmpCurrentLoopNodePos","traverseNodesAndInjectAIWriter","joinedNodes","nodeIndex","currentNodePos","getCurrentNodeOverflow","getStringPosition","createElement","useInterval","prevPos","useEffect","ChatCustomContent","content","triggerTyping","finalContent","ReactHtmlParser","marked","jsx"],"mappings":"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"}

package/dist/@ecme/views/concepts/ai/Chat/components/ChatHistory.js

@@ -1,62 +1,62 @@
-import { jsx as a } from "react/jsx-runtime";
+import { jsx as o } from "react/jsx-runtime";
 import { Fragment as m } from "react";
 import "../../../../../components/ui/ScrollBar/index.js";
 import v from "./ChatHistoryItem.js";
-import { usGenerativeChatStore as u } from "../store/generativeChatStore.js";
-import { apiGetChatHistory as C } from "../../../../../services/AiService.js";
+import { usGenerativeChatStore as C } from "../store/generativeChatStore.js";
+import { apiGetChatHistory as u } from "../../../../../services/AiService.js";
 import y from "swr";
 import S from "../../../../../components/ui/ScrollBar/ScrollBar.js";
-const G = ({ queryText: l = "", onClick: r }) => {
+const F = ({ queryText: l = "", onClick: n }) => {
   const {
-    chatHistory: o,
-    setChatHistory: i,
-    setRenameDialog: n,
-    setSelectedConversation: s,
-    selectedConversation: d
-  } = u();
+    chatHistory: a,
+    setChatHistory: r,
+    setRenameDialog: s,
+    setSelectedConversation: i,
+    selectedConversation: c
+  } = C();
   y(
     ["/api/ai/chat/history"],
-    () => C(),
+    () => u(),
     {
       revalidateOnFocus: !1,
       revalidateIfStale: !1,
       revalidateOnReconnect: !1,
       onSuccess: (e) => {
-        i(e);
+        r(e);
       }
     }
   );
-  const c = (e) => {
-    i(o.filter((t) => t.id !== e)), s("");
+  const d = (e) => {
+    r(a.filter((t) => t.id !== e)), i("");
   }, f = (e) => {
-    i(o.filter((t) => t.id !== e)), s("");
+    r(a.filter((t) => t.id !== e)), i("");
   }, h = (e, t) => {
-    n({
+    s({
       id: e,
       title: t,
       open: !0
     });
   }, p = (e) => {
-    s(e), r == null || r();
+    i(e), n?.();
   };
-  return /* @__PURE__ */ a(S, { className: "h-full", children: /* @__PURE__ */ a("div", { className: "flex flex-col gap-2 py-2 px-3", children: o.filter(
+  return /* @__PURE__ */ o(S, { className: "h-full", children: /* @__PURE__ */ o("div", { className: "flex flex-col gap-2 py-2 px-3", children: a.filter(
     (e) => e.title.toLowerCase().includes(l.toLowerCase())
-  ).map((e) => e.enable ? /* @__PURE__ */ a(
+  ).map((e) => e.enable ? /* @__PURE__ */ o(
     v,
     {
       "data-testid": e.id,
       title: e.title,
       conversation: e.lastConversation,
-      active: d === e.id,
-      onDelete: () => c(e.id),
+      active: c === e.id,
+      onDelete: () => d(e.id),
       onArchive: () => f(e.id),
       onRename: () => h(e.id, e.title),
       onClick: () => p(e.id)
     },
     e.id
-  ) : /* @__PURE__ */ a(m, {}, e.id)) }) });
+  ) : /* @__PURE__ */ o(m, {}, e.id)) }) });
 };
 export {
-  G as default
+  F as default
 };
 //# sourceMappingURL=ChatHistory.js.map

package/dist/@ecme/views/concepts/ai/Chat/components/ChatHistory.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChatHistory.js","sources":["../../../../../../../lib/@ecme/views/concepts/ai/Chat/components/ChatHistory.tsx"],"sourcesContent":["import { Fragment } from 'react'\nimport ScrollBar from '@/components/ui/ScrollBar'\nimport ChatHistoryItem from './ChatHistoryItem'\nimport { usGenerativeChatStore } from '../store/generativeChatStore'\nimport { apiGetChatHistory } from '@/services/AiService'\n\nimport useSWR from 'swr'\nimport type { GetChatHistoryResponse } from '../types'\n\ntype ChatHistoryProps = {\n    queryText?: string\n    onClick?: () => void\n}\n\nconst ChatHistory = ({ queryText = '', onClick }: ChatHistoryProps) => {\n    const {\n        chatHistory,\n        setChatHistory,\n        setRenameDialog,\n        setSelectedConversation,\n        selectedConversation,\n    } = usGenerativeChatStore()\n\n    useSWR(\n        ['/api/ai/chat/history'],\n        () => apiGetChatHistory<GetChatHistoryResponse>(),\n        {\n            revalidateOnFocus: false,\n            revalidateIfStale: false,\n            revalidateOnReconnect: false,\n            onSuccess: (data) => {\n                setChatHistory(data)\n            },\n        },\n    )\n\n    const handleDelete = (id: string) => {\n        setChatHistory(chatHistory.filter((item) => item.id !== id))\n        setSelectedConversation('')\n    }\n\n    const handleArchive = (id: string) => {\n        setChatHistory(chatHistory.filter((item) => item.id !== id))\n        setSelectedConversation('')\n    }\n\n    const handleRename = (id: string, title: string) => {\n        setRenameDialog({\n            id,\n            title,\n            open: true,\n        })\n    }\n\n    const handleClick = (id: string) => {\n        setSelectedConversation(id)\n        onClick?.()\n    }\n\n    return (\n        <ScrollBar className=\"h-full\">\n            <div className=\"flex flex-col gap-2 py-2 px-3\">\n                {chatHistory\n                    .filter((item) =>\n                        item.title\n                            .toLowerCase()\n                            .includes(queryText.toLowerCase()),\n                    )\n                    .map((item) => {\n                        if (!item.enable) {\n                            return <Fragment key={item.id} />\n                        }\n                        return (\n                            <ChatHistoryItem\n                                key={item.id}\n                                data-testid={item.id}\n                                title={item.title}\n                                conversation={item.lastConversation}\n                                active={selectedConversation === item.id}\n                                onDelete={() => handleDelete(item.id)}\n                                onArchive={() => handleArchive(item.id)}\n                                onRename={() =>\n                                    handleRename(item.id, item.title)\n                                }\n                                onClick={() => handleClick(item.id)}\n                            />\n                        )\n                    })}\n            </div>\n        </ScrollBar>\n    )\n}\n\nexport default ChatHistory\n"],"names":["ChatHistory","queryText","onClick","chatHistory","setChatHistory","setRenameDialog","setSelectedConversation","selectedConversation","usGenerativeChatStore","useSWR","apiGetChatHistory","data","handleDelete","id","item","handleArchive","handleRename","title","handleClick","jsx","ScrollBar","ChatHistoryItem","Fragment"],"mappings":";;;;;;;;AAcA,MAAMA,IAAc,CAAC,EAAE,WAAAC,IAAY,IAAI,SAAAC,QAAgC;AACnE,QAAM;AAAA,IACF,aAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,yBAAAC;AAAA,IACA,sBAAAC;AAAA,EAAA,IACAC,EAAA;AAEJ,EAAAC;AAAA,IACI,CAAC,sBAAsB;AAAA,IACvB,MAAMC,EAAA;AAAA,IACN;AAAA,MACI,mBAAmB;AAAA,MACnB,mBAAmB;AAAA,MACnB,uBAAuB;AAAA,MACvB,WAAW,CAACC,MAAS;AACjB,QAAAP,EAAeO,CAAI;AAAA,MACvB;AAAA,IAAA;AAAA,EACJ;AAGJ,QAAMC,IAAe,CAACC,MAAe;AACjC,IAAAT,EAAeD,EAAY,OAAO,CAACW,MAASA,EAAK,OAAOD,CAAE,CAAC,GAC3DP,EAAwB,EAAE;AAAA,EAC9B,GAEMS,IAAgB,CAACF,MAAe;AAClC,IAAAT,EAAeD,EAAY,OAAO,CAACW,MAASA,EAAK,OAAOD,CAAE,CAAC,GAC3DP,EAAwB,EAAE;AAAA,EAC9B,GAEMU,IAAe,CAACH,GAAYI,MAAkB;AAChD,IAAAZ,EAAgB;AAAA,MACZ,IAAAQ;AAAA,MACA,OAAAI;AAAA,MACA,MAAM;AAAA,IAAA,CACT;AAAA,EACL,GAEMC,IAAc,CAACL,MAAe;AAChC,IAAAP,EAAwBO,CAAE,GAC1BX,KAAA,QAAAA;AAAA,EACJ;AAEA,SACI,gBAAAiB,EAACC,KAAU,WAAU,UACjB,4BAAC,OAAA,EAAI,WAAU,iCACV,UAAAjB,EACI;AAAA,IAAO,CAACW,MACLA,EAAK,MACA,cACA,SAASb,EAAU,YAAA,CAAa;AAAA,EAAA,EAExC,IAAI,CAACa,MACGA,EAAK,SAIN,gBAAAK;AAAA,IAACE;AAAA,IAAA;AAAA,MAEG,eAAaP,EAAK;AAAA,MAClB,OAAOA,EAAK;AAAA,MACZ,cAAcA,EAAK;AAAA,MACnB,QAAQP,MAAyBO,EAAK;AAAA,MACtC,UAAU,MAAMF,EAAaE,EAAK,EAAE;AAAA,MACpC,WAAW,MAAMC,EAAcD,EAAK,EAAE;AAAA,MACtC,UAAU,MACNE,EAAaF,EAAK,IAAIA,EAAK,KAAK;AAAA,MAEpC,SAAS,MAAMI,EAAYJ,EAAK,EAAE;AAAA,IAAA;AAAA,IAV7BA,EAAK;AAAA,EAAA,IAJP,gBAAAK,EAACG,GAAA,IAAcR,EAAK,EAAI,CAiBtC,GACT,GACJ;AAER;"}
+{"version":3,"file":"ChatHistory.js","sources":["../../../../../../../lib/@ecme/views/concepts/ai/Chat/components/ChatHistory.tsx"],"sourcesContent":["import { Fragment } from 'react'\nimport ScrollBar from '@/components/ui/ScrollBar'\nimport ChatHistoryItem from './ChatHistoryItem'\nimport { usGenerativeChatStore } from '../store/generativeChatStore'\nimport { apiGetChatHistory } from '@/services/AiService'\n\nimport useSWR from 'swr'\nimport type { GetChatHistoryResponse } from '../types'\n\ntype ChatHistoryProps = {\n    queryText?: string\n    onClick?: () => void\n}\n\nconst ChatHistory = ({ queryText = '', onClick }: ChatHistoryProps) => {\n    const {\n        chatHistory,\n        setChatHistory,\n        setRenameDialog,\n        setSelectedConversation,\n        selectedConversation,\n    } = usGenerativeChatStore()\n\n    useSWR(\n        ['/api/ai/chat/history'],\n        () => apiGetChatHistory<GetChatHistoryResponse>(),\n        {\n            revalidateOnFocus: false,\n            revalidateIfStale: false,\n            revalidateOnReconnect: false,\n            onSuccess: (data) => {\n                setChatHistory(data)\n            },\n        },\n    )\n\n    const handleDelete = (id: string) => {\n        setChatHistory(chatHistory.filter((item) => item.id !== id))\n        setSelectedConversation('')\n    }\n\n    const handleArchive = (id: string) => {\n        setChatHistory(chatHistory.filter((item) => item.id !== id))\n        setSelectedConversation('')\n    }\n\n    const handleRename = (id: string, title: string) => {\n        setRenameDialog({\n            id,\n            title,\n            open: true,\n        })\n    }\n\n    const handleClick = (id: string) => {\n        setSelectedConversation(id)\n        onClick?.()\n    }\n\n    return (\n        <ScrollBar className=\"h-full\">\n            <div className=\"flex flex-col gap-2 py-2 px-3\">\n                {chatHistory\n                    .filter((item) =>\n                        item.title\n                            .toLowerCase()\n                            .includes(queryText.toLowerCase()),\n                    )\n                    .map((item) => {\n                        if (!item.enable) {\n                            return <Fragment key={item.id} />\n                        }\n                        return (\n                            <ChatHistoryItem\n                                key={item.id}\n                                data-testid={item.id}\n                                title={item.title}\n                                conversation={item.lastConversation}\n                                active={selectedConversation === item.id}\n                                onDelete={() => handleDelete(item.id)}\n                                onArchive={() => handleArchive(item.id)}\n                                onRename={() =>\n                                    handleRename(item.id, item.title)\n                                }\n                                onClick={() => handleClick(item.id)}\n                            />\n                        )\n                    })}\n            </div>\n        </ScrollBar>\n    )\n}\n\nexport default ChatHistory\n"],"names":["ChatHistory","queryText","onClick","chatHistory","setChatHistory","setRenameDialog","setSelectedConversation","selectedConversation","usGenerativeChatStore","useSWR","apiGetChatHistory","data","handleDelete","id","item","handleArchive","handleRename","title","handleClick","jsx","ScrollBar","ChatHistoryItem","Fragment"],"mappings":";;;;;;;;AAcA,MAAMA,IAAc,CAAC,EAAE,WAAAC,IAAY,IAAI,SAAAC,QAAgC;AACnE,QAAM;AAAA,IACF,aAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,yBAAAC;AAAA,IACA,sBAAAC;AAAA,EAAA,IACAC,EAAA;AAEJ,EAAAC;AAAA,IACI,CAAC,sBAAsB;AAAA,IACvB,MAAMC,EAAA;AAAA,IACN;AAAA,MACI,mBAAmB;AAAA,MACnB,mBAAmB;AAAA,MACnB,uBAAuB;AAAA,MACvB,WAAW,CAACC,MAAS;AACjB,QAAAP,EAAeO,CAAI;AAAA,MACvB;AAAA,IAAA;AAAA,EACJ;AAGJ,QAAMC,IAAe,CAACC,MAAe;AACjC,IAAAT,EAAeD,EAAY,OAAO,CAACW,MAASA,EAAK,OAAOD,CAAE,CAAC,GAC3DP,EAAwB,EAAE;AAAA,EAC9B,GAEMS,IAAgB,CAACF,MAAe;AAClC,IAAAT,EAAeD,EAAY,OAAO,CAACW,MAASA,EAAK,OAAOD,CAAE,CAAC,GAC3DP,EAAwB,EAAE;AAAA,EAC9B,GAEMU,IAAe,CAACH,GAAYI,MAAkB;AAChD,IAAAZ,EAAgB;AAAA,MACZ,IAAAQ;AAAA,MACA,OAAAI;AAAA,MACA,MAAM;AAAA,IAAA,CACT;AAAA,EACL,GAEMC,IAAc,CAACL,MAAe;AAChC,IAAAP,EAAwBO,CAAE,GAC1BX,IAAA;AAAA,EACJ;AAEA,SACI,gBAAAiB,EAACC,KAAU,WAAU,UACjB,4BAAC,OAAA,EAAI,WAAU,iCACV,UAAAjB,EACI;AAAA,IAAO,CAACW,MACLA,EAAK,MACA,cACA,SAASb,EAAU,YAAA,CAAa;AAAA,EAAA,EAExC,IAAI,CAACa,MACGA,EAAK,SAIN,gBAAAK;AAAA,IAACE;AAAA,IAAA;AAAA,MAEG,eAAaP,EAAK;AAAA,MAClB,OAAOA,EAAK;AAAA,MACZ,cAAcA,EAAK;AAAA,MACnB,QAAQP,MAAyBO,EAAK;AAAA,MACtC,UAAU,MAAMF,EAAaE,EAAK,EAAE;AAAA,MACpC,WAAW,MAAMC,EAAcD,EAAK,EAAE;AAAA,MACtC,UAAU,MACNE,EAAaF,EAAK,IAAIA,EAAK,KAAK;AAAA,MAEpC,SAAS,MAAMI,EAAYJ,EAAK,EAAE;AAAA,IAAA;AAAA,IAV7BA,EAAK;AAAA,EAAA,IAJP,gBAAAK,EAACG,GAAA,IAAcR,EAAK,EAAI,CAiBtC,GACT,GACJ;AAER;"}

package/dist/@ecme/views/concepts/ai/Chat/components/ChatHistoryItem.js

@@ -1,98 +1,97 @@
-import { jsxs as t, jsx as r } from "react/jsx-runtime";
-import { useState as N, useRef as b } from "react";
-import { Dropdown as n } from "../../../../../components/ui/Dropdown/index.js";
-import s from "classnames";
-import { TbPencil as w, TbArchive as C, TbTrash as k, TbDots as D } from "react-icons/tb";
-const A = (d) => {
-  const [a, c] = N(!1), i = b(null), {
-    title: m,
-    conversation: p,
-    active: h,
-    onRename: g,
-    onArchive: v,
-    onDelete: f,
-    onClick: u,
-    ...x
-  } = d, l = (e, o) => {
-    e.stopPropagation(), o == null || o();
-  }, y = (e) => {
-    var o;
-    e.stopPropagation(), (o = i.current) == null || o.handleDropdownOpen();
+import { jsxs as o, jsx as r } from "react/jsx-runtime";
+import { useState as b, useRef as N } from "react";
+import { Dropdown as t } from "../../../../../components/ui/Dropdown/index.js";
+import l from "classnames";
+import { TbPencil as k, TbArchive as w, TbTrash as C, TbDots as D } from "react-icons/tb";
+const A = (c) => {
+  const [n, i] = b(!1), s = N(null), {
+    title: d,
+    conversation: m,
+    active: p,
+    onRename: h,
+    onArchive: g,
+    onDelete: v,
+    onClick: f,
+    ...u
+  } = c, a = (e, y) => {
+    e.stopPropagation(), y?.();
+  }, x = (e) => {
+    e.stopPropagation(), s.current?.handleDropdownOpen();
   };
-  return /* @__PURE__ */ t(
+  return /* @__PURE__ */ o(
     "div",
     {
-      className: s(
+      className: l(
         "rounded-xl p-3 px-5 hover:bg-gray-100 dark:hover:bg-gray-700 cursor-pointer group relative",
-        (a || h) && "bg-gray-100 dark:bg-gray-700"
+        (n || p) && "bg-gray-100 dark:bg-gray-700"
       ),
-      onClick: u,
-      ...x,
+      onClick: f,
+      ...u,
       children: [
-        /* @__PURE__ */ t("div", { children: [
-          /* @__PURE__ */ r("div", { className: "heading-text font-bold truncate", children: m }),
-          /* @__PURE__ */ r("div", { className: "truncate", children: p })
+        /* @__PURE__ */ o("div", { children: [
+          /* @__PURE__ */ r("div", { className: "heading-text font-bold truncate", children: d }),
+          /* @__PURE__ */ r("div", { className: "truncate", children: m })
         ] }),
         /* @__PURE__ */ r(
           "div",
           {
-            className: s(
+            className: l(
               "rounded-xl absolute bottom-0 top-0 to-transparent ltr:right-0 ltr:bg-gradient-to-l rtl:left-0 rtl:bg-gradient-to-r group-hover:from-gray-100 dark:group-hover:from-gray-700 w-8 from-0% group-hover:w-20 group-hover:from-60% flex items-center justify-end",
-              a && "from-gray-100 dark:from-gray-700 w-20 from-60%"
+              n && "from-gray-100 dark:from-gray-700 w-20 from-60%"
             ),
-            children: /* @__PURE__ */ t(
-              n,
+            children: /* @__PURE__ */ o(
+              t,
               {
-                ref: i,
+                ref: s,
                 placement: "bottom-end",
                 renderTitle: /* @__PURE__ */ r(
                   "div",
                   {
-                    className: s(
+                    className: l(
                       "p-2 opacity-0 group-hover:opacity-100",
-                      a && "opacity-100"
+                      n && "opacity-100"
                     ),
                     children: /* @__PURE__ */ r(
                       D,
                       {
                         className: "text-xl",
-                        onClick: y
+                        onClick: x
                       }
                     )
                   }
                 ),
-                onOpen: (e) => c(e),
+                onOpen: (e) => i(e),
                 children: [
-                  /* @__PURE__ */ t(
-                    n.Item,
+                  /* @__PURE__ */ o(
+                    t.Item,
                     {
                       eventKey: "rename",
-                      onClick: (e) => l(e, g),
+                      onClick: (e) => a(e, h),
                       children: [
-                        /* @__PURE__ */ r(w, { className: "text-xl" }),
+                        /* @__PURE__ */ r(k, { className: "text-xl" }),
                         /* @__PURE__ */ r("span", { children: "Rename" })
                       ]
                     }
                   ),
-                  /* @__PURE__ */ t(
-                    n.Item,
+                  /* @__PURE__ */ o(
+                    t.Item,
                     {
                       eventKey: "rename",
-                      onClick: (e) => l(e, v),
+                      onClick: (e) => a(e, g),
                       children: [
-                        /* @__PURE__ */ r(C, { className: "text-xl" }),
+                        /* @__PURE__ */ r(w, { className: "text-xl" }),
                         /* @__PURE__ */ r("span", { children: "Archive" })
                       ]
                     }
                   ),
-                  /* @__PURE__ */ t(
-                    n.Item,
+                  /* @__PURE__ */ o(
+                    t.Item,
                     {
                       className: "text-error",
                       eventKey: "rename",
-                      onClick: (e) => l(e, f),
+                      onClick: (e) => a(e, v),
                       children: [
-                        /* @__PURE__ */ r(k, { className: "text-xl text-error" }),
+                        /* @__PURE__ */ r(C, { className: "text-xl text-error" }),
                         /* @__PURE__ */ r("span", { className: "text-error", children: "Deleted" })
                       ]
                     }

package/dist/@ecme/views/concepts/ai/Chat/components/ChatHistoryItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChatHistoryItem.js","sources":["../../../../../../../lib/@ecme/views/concepts/ai/Chat/components/ChatHistoryItem.tsx"],"sourcesContent":["import { useState, useRef } from 'react'\nimport Dropdown from '@/components/ui/Dropdown'\nimport classNames from 'classnames'\nimport { TbDots, TbArchive, TbPencil, TbTrash } from 'react-icons/tb'\nimport type { DropdownRef } from '@/components/ui/Dropdown'\n\nimport type { MouseEvent, SyntheticEvent } from 'react'\n\ntype ChatHistoryItemProps = {\n    title: string\n    conversation: string\n    active?: boolean\n    onDelete?: () => void\n    onArchive?: () => void\n    onRename?: () => void\n    onClick?: () => void\n}\n\nconst ChatHistoryItem = (props: ChatHistoryItemProps) => {\n    const [dropdownOpen, setDropdownOpen] = useState(false)\n\n    const dropdownRef = useRef<DropdownRef>(null)\n\n    const {\n        title,\n        conversation,\n        active,\n        onRename,\n        onArchive,\n        onDelete,\n        onClick,\n        ...rest\n    } = props\n\n    const handleCallback = (\n        e: SyntheticEvent<Element, Event>,\n        callback?: () => void,\n    ) => {\n        e.stopPropagation()\n        callback?.()\n    }\n\n    const handleDropdownToggleClick = (e: MouseEvent) => {\n        e.stopPropagation()\n        dropdownRef.current?.handleDropdownOpen()\n    }\n\n    return (\n        <div\n            className={classNames(\n                'rounded-xl p-3 px-5 hover:bg-gray-100 dark:hover:bg-gray-700 cursor-pointer group relative',\n                (dropdownOpen || active) && 'bg-gray-100 dark:bg-gray-700',\n            )}\n            onClick={onClick}\n            {...rest}\n        >\n            <div>\n                <div className=\"heading-text font-bold truncate\">{title}</div>\n                <div className=\"truncate\">{conversation}</div>\n            </div>\n            <div\n                className={classNames(\n                    'rounded-xl absolute bottom-0 top-0 to-transparent ltr:right-0 ltr:bg-gradient-to-l rtl:left-0 rtl:bg-gradient-to-r group-hover:from-gray-100 dark:group-hover:from-gray-700 w-8 from-0% group-hover:w-20 group-hover:from-60% flex items-center justify-end',\n                    dropdownOpen &&\n                        'from-gray-100 dark:from-gray-700 w-20 from-60%',\n                )}\n            >\n                <Dropdown\n                    ref={dropdownRef}\n                    placement=\"bottom-end\"\n                    renderTitle={\n                        <div\n                            className={classNames(\n                                'p-2 opacity-0 group-hover:opacity-100',\n                                dropdownOpen && 'opacity-100',\n                            )}\n                        >\n                            <TbDots\n                                className=\"text-xl\"\n                                onClick={handleDropdownToggleClick}\n                            />\n                        </div>\n                    }\n                    onOpen={(bool) => setDropdownOpen(bool)}\n                >\n                    <Dropdown.Item\n                        eventKey=\"rename\"\n                        onClick={(e) => handleCallback(e, onRename)}\n                    >\n                        <TbPencil className=\"text-xl\" />\n                        <span>Rename</span>\n                    </Dropdown.Item>\n                    <Dropdown.Item\n                        eventKey=\"rename\"\n                        onClick={(e) => handleCallback(e, onArchive)}\n                    >\n                        <TbArchive className=\"text-xl\" />\n                        <span>Archive</span>\n                    </Dropdown.Item>\n                    <Dropdown.Item\n                        className=\"text-error\"\n                        eventKey=\"rename\"\n                        onClick={(e) => handleCallback(e, onDelete)}\n                    >\n                        <TbTrash className=\"text-xl text-error\" />\n                        <span className=\"text-error\">Deleted</span>\n                    </Dropdown.Item>\n                </Dropdown>\n            </div>\n        </div>\n    )\n}\n\nexport default ChatHistoryItem\n"],"names":["ChatHistoryItem","props","dropdownOpen","setDropdownOpen","useState","dropdownRef","useRef","title","conversation","active","onRename","onArchive","onDelete","onClick","rest","handleCallback","callback","handleDropdownToggleClick","_a","jsxs","classNames","jsx","Dropdown","TbDots","bool","TbPencil","TbArchive","TbTrash"],"mappings":"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"}
+{"version":3,"file":"ChatHistoryItem.js","sources":["../../../../../../../lib/@ecme/views/concepts/ai/Chat/components/ChatHistoryItem.tsx"],"sourcesContent":["import { useState, useRef } from 'react'\nimport Dropdown from '@/components/ui/Dropdown'\nimport classNames from 'classnames'\nimport { TbDots, TbArchive, TbPencil, TbTrash } from 'react-icons/tb'\nimport type { DropdownRef } from '@/components/ui/Dropdown'\n\nimport type { MouseEvent, SyntheticEvent } from 'react'\n\ntype ChatHistoryItemProps = {\n    title: string\n    conversation: string\n    active?: boolean\n    onDelete?: () => void\n    onArchive?: () => void\n    onRename?: () => void\n    onClick?: () => void\n}\n\nconst ChatHistoryItem = (props: ChatHistoryItemProps) => {\n    const [dropdownOpen, setDropdownOpen] = useState(false)\n\n    const dropdownRef = useRef<DropdownRef>(null)\n\n    const {\n        title,\n        conversation,\n        active,\n        onRename,\n        onArchive,\n        onDelete,\n        onClick,\n        ...rest\n    } = props\n\n    const handleCallback = (\n        e: SyntheticEvent<Element, Event>,\n        callback?: () => void,\n    ) => {\n        e.stopPropagation()\n        callback?.()\n    }\n\n    const handleDropdownToggleClick = (e: MouseEvent) => {\n        e.stopPropagation()\n        dropdownRef.current?.handleDropdownOpen()\n    }\n\n    return (\n        <div\n            className={classNames(\n                'rounded-xl p-3 px-5 hover:bg-gray-100 dark:hover:bg-gray-700 cursor-pointer group relative',\n                (dropdownOpen || active) && 'bg-gray-100 dark:bg-gray-700',\n            )}\n            onClick={onClick}\n            {...rest}\n        >\n            <div>\n                <div className=\"heading-text font-bold truncate\">{title}</div>\n                <div className=\"truncate\">{conversation}</div>\n            </div>\n            <div\n                className={classNames(\n                    'rounded-xl absolute bottom-0 top-0 to-transparent ltr:right-0 ltr:bg-gradient-to-l rtl:left-0 rtl:bg-gradient-to-r group-hover:from-gray-100 dark:group-hover:from-gray-700 w-8 from-0% group-hover:w-20 group-hover:from-60% flex items-center justify-end',\n                    dropdownOpen &&\n                        'from-gray-100 dark:from-gray-700 w-20 from-60%',\n                )}\n            >\n                <Dropdown\n                    ref={dropdownRef}\n                    placement=\"bottom-end\"\n                    renderTitle={\n                        <div\n                            className={classNames(\n                                'p-2 opacity-0 group-hover:opacity-100',\n                                dropdownOpen && 'opacity-100',\n                            )}\n                        >\n                            <TbDots\n                                className=\"text-xl\"\n                                onClick={handleDropdownToggleClick}\n                            />\n                        </div>\n                    }\n                    onOpen={(bool) => setDropdownOpen(bool)}\n                >\n                    <Dropdown.Item\n                        eventKey=\"rename\"\n                        onClick={(e) => handleCallback(e, onRename)}\n                    >\n                        <TbPencil className=\"text-xl\" />\n                        <span>Rename</span>\n                    </Dropdown.Item>\n                    <Dropdown.Item\n                        eventKey=\"rename\"\n                        onClick={(e) => handleCallback(e, onArchive)}\n                    >\n                        <TbArchive className=\"text-xl\" />\n                        <span>Archive</span>\n                    </Dropdown.Item>\n                    <Dropdown.Item\n                        className=\"text-error\"\n                        eventKey=\"rename\"\n                        onClick={(e) => handleCallback(e, onDelete)}\n                    >\n                        <TbTrash className=\"text-xl text-error\" />\n                        <span className=\"text-error\">Deleted</span>\n                    </Dropdown.Item>\n                </Dropdown>\n            </div>\n        </div>\n    )\n}\n\nexport default ChatHistoryItem\n"],"names":["ChatHistoryItem","props","dropdownOpen","setDropdownOpen","useState","dropdownRef","useRef","title","conversation","active","onRename","onArchive","onDelete","onClick","rest","handleCallback","callback","handleDropdownToggleClick","jsxs","classNames","jsx","Dropdown","TbDots","bool","TbPencil","TbArchive","TbTrash"],"mappings":"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"}

package/dist/@ecme/views/concepts/ai/Chat/components/ChatHistoryRenameDialog.js

@@ -1,73 +1,72 @@
 import { jsxs as i, jsx as t } from "react/jsx-runtime";
-import { useEffect as u } from "react";
+import { useEffect as h } from "react";
 import "../../../../../components/ui/Dialog/index.js";
 import "../../../../../components/ui/Form/index.js";
 import "../../../../../components/ui/Input/index.js";
 import "../../../../../components/ui/Button/index.js";
-import { usGenerativeChatStore as C } from "../store/generativeChatStore.js";
-import { useForm as g, Controller as v } from "react-hook-form";
-import { zodResolver as b } from "@hookform/resolvers/zod";
-import { z as a } from "zod";
-import y from "../../../../../components/ui/Dialog/Dialog.js";
-import { Form as R } from "../../../../../components/ui/Form/Form.js";
-import S from "../../../../../components/ui/Form/FormItem.js";
-import x from "../../../../../components/ui/Input/Input.js";
-import m from "../../../../../components/ui/Button/Button.js";
-const D = a.object({
-  title: a.string().min(1, "Please do not leave chat title blank!")
-}), w = () => {
-  var n;
-  const { renameDialog: e, setRenameDialog: s, setChatHistoryName: p } = C(), {
-    control: c,
+import { usGenerativeChatStore as u } from "../store/generativeChatStore.js";
+import { useForm as C, Controller as g } from "react-hook-form";
+import { zodResolver as v } from "@hookform/resolvers/zod";
+import { z as n } from "zod";
+import b from "../../../../../components/ui/Dialog/Dialog.js";
+import { Form as y } from "../../../../../components/ui/Form/Form.js";
+import R from "../../../../../components/ui/Form/FormItem.js";
+import S from "../../../../../components/ui/Input/Input.js";
+import a from "../../../../../components/ui/Button/Button.js";
+const x = n.object({
+  title: n.string().min(1, "Please do not leave chat title blank!")
+}), V = () => {
+  const { renameDialog: e, setRenameDialog: m, setChatHistoryName: s } = u(), {
+    control: p,
     formState: { errors: l },
-    handleSubmit: d,
-    reset: f
-  } = g({
+    handleSubmit: c,
+    reset: d
+  } = C({
     defaultValues: {
       title: e.title
     },
-    resolver: b(D)
+    resolver: v(x)
   });
-  u(() => {
-    e.open && f({
+  h(() => {
+    e.open && d({
       title: e.title
     });
   }, [e.title, e.open]);
   const o = () => {
-    s({
+    m({
       id: "",
       title: "",
       open: !1
     });
-  }, h = async ({ title: r }) => {
-    p({
+  }, f = async ({ title: r }) => {
+    s({
       id: e.id,
       title: r
     }), o();
   };
   return /* @__PURE__ */ i(
-    y,
+    b,
     {
       isOpen: e.open,
       onClose: o,
       onRequestClose: o,
       children: [
         /* @__PURE__ */ t("h5", { children: "Rename chat" }),
-        /* @__PURE__ */ t("div", { className: "mt-8", children: /* @__PURE__ */ i(R, { onSubmit: d(h), children: [
+        /* @__PURE__ */ t("div", { className: "mt-8", children: /* @__PURE__ */ i(y, { onSubmit: c(f), children: [
           /* @__PURE__ */ t(
-            S,
+            R,
             {
               label: "Chat title",
               invalid: !!l.title,
-              errorMessage: (n = l.title) == null ? void 0 : n.message,
+              errorMessage: l.title?.message,
               children: /* @__PURE__ */ t(
-                v,
+                g,
                 {
                   name: "title",
-                  control: c,
+                  control: p,
                   rules: { required: !0 },
                   render: ({ field: r }) => /* @__PURE__ */ t(
-                    x,
+                    S,
                     {
                       placeholder: "Rename chat",
                       type: "text",
@@ -80,8 +79,8 @@ const D = a.object({
             }
           ),
           /* @__PURE__ */ i("div", { className: "flex justify-end gap-2", children: [
-            /* @__PURE__ */ t(m, { type: "button", onClick: o, children: "Cancel" }),
-            /* @__PURE__ */ t(m, { variant: "solid", type: "submit", children: "Rename" })
+            /* @__PURE__ */ t(a, { type: "button", onClick: o, children: "Cancel" }),
+            /* @__PURE__ */ t(a, { variant: "solid", type: "submit", children: "Rename" })
           ] })
         ] }) })
       ]
@@ -89,6 +88,6 @@ const D = a.object({
   );
 };
 export {
-  w as default
+  V as default
 };
 //# sourceMappingURL=ChatHistoryRenameDialog.js.map

package/dist/@ecme/views/concepts/ai/Chat/components/ChatHistoryRenameDialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChatHistoryRenameDialog.js","sources":["../../../../../../../lib/@ecme/views/concepts/ai/Chat/components/ChatHistoryRenameDialog.tsx"],"sourcesContent":["import { useEffect } from 'react'\nimport Dialog from '@/components/ui/Dialog'\nimport { Form, FormItem } from '@/components/ui/Form'\nimport Input from '@/components/ui/Input'\nimport Button from '@/components/ui/Button'\nimport { usGenerativeChatStore } from '../store/generativeChatStore'\nimport { useForm, Controller } from 'react-hook-form'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport { z } from 'zod'\nimport type { ZodType } from 'zod'\n\ntype FormSchema = {\n    title: string\n}\n\nconst validationSchema: ZodType<FormSchema> = z.object({\n    title: z.string().min(1, 'Please do not leave chat title blank!'),\n})\n\nconst ChatHistoryRenameDialog = () => {\n    const { renameDialog, setRenameDialog, setChatHistoryName } =\n        usGenerativeChatStore()\n\n    const {\n        control,\n        formState: { errors },\n        handleSubmit,\n        reset,\n    } = useForm<FormSchema>({\n        defaultValues: {\n            title: renameDialog.title,\n        },\n        resolver: zodResolver(validationSchema),\n    })\n\n    useEffect(() => {\n        if (renameDialog.open) {\n            reset({\n                title: renameDialog.title,\n            })\n        }\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [renameDialog.title, renameDialog.open])\n\n    const handleDialogClose = () => {\n        setRenameDialog({\n            id: '',\n            title: '',\n            open: false,\n        })\n    }\n\n    const onFormSubmit = async ({ title }: FormSchema) => {\n        setChatHistoryName({\n            id: renameDialog.id,\n            title,\n        })\n        handleDialogClose()\n    }\n\n    return (\n        <Dialog\n            isOpen={renameDialog.open}\n            onClose={handleDialogClose}\n            onRequestClose={handleDialogClose}\n        >\n            <h5>Rename chat</h5>\n            <div className=\"mt-8\">\n                <Form onSubmit={handleSubmit(onFormSubmit)}>\n                    <FormItem\n                        label=\"Chat title\"\n                        invalid={Boolean(errors.title)}\n                        errorMessage={errors.title?.message}\n                    >\n                        <Controller\n                            name=\"title\"\n                            control={control}\n                            rules={{ required: true }}\n                            render={({ field }) => (\n                                <Input\n                                    placeholder=\"Rename chat\"\n                                    type=\"text\"\n                                    autoComplete=\"off\"\n                                    {...field}\n                                />\n                            )}\n                        />\n                    </FormItem>\n                    <div className=\"flex justify-end gap-2\">\n                        <Button type=\"button\" onClick={handleDialogClose}>\n                            Cancel\n                        </Button>\n                        <Button variant=\"solid\" type=\"submit\">\n                            Rename\n                        </Button>\n                    </div>\n                </Form>\n            </div>\n        </Dialog>\n    )\n}\n\nexport default ChatHistoryRenameDialog\n"],"names":["validationSchema","z","ChatHistoryRenameDialog","renameDialog","setRenameDialog","setChatHistoryName","usGenerativeChatStore","control","errors","handleSubmit","reset","useForm","zodResolver","useEffect","handleDialogClose","onFormSubmit","title","jsxs","Dialog","jsx","Form","FormItem","_a","Controller","field","Input","Button"],"mappings":";;;;;;;;;;;;;;;AAeA,MAAMA,IAAwCC,EAAE,OAAO;AAAA,EACnD,OAAOA,EAAE,OAAA,EAAS,IAAI,GAAG,uCAAuC;AACpE,CAAC,GAEKC,IAA0B,MAAM;;AAClC,QAAM,EAAE,cAAAC,GAAc,iBAAAC,GAAiB,oBAAAC,EAAA,IACnCC,EAAA,GAEE;AAAA,IACF,SAAAC;AAAA,IACA,WAAW,EAAE,QAAAC,EAAA;AAAA,IACb,cAAAC;AAAA,IACA,OAAAC;AAAA,EAAA,IACAC,EAAoB;AAAA,IACpB,eAAe;AAAA,MACX,OAAOR,EAAa;AAAA,IAAA;AAAA,IAExB,UAAUS,EAAYZ,CAAgB;AAAA,EAAA,CACzC;AAED,EAAAa,EAAU,MAAM;AACZ,IAAIV,EAAa,QACbO,EAAM;AAAA,MACF,OAAOP,EAAa;AAAA,IAAA,CACvB;AAAA,EAGT,GAAG,CAACA,EAAa,OAAOA,EAAa,IAAI,CAAC;AAE1C,QAAMW,IAAoB,MAAM;AAC5B,IAAAV,EAAgB;AAAA,MACZ,IAAI;AAAA,MACJ,OAAO;AAAA,MACP,MAAM;AAAA,IAAA,CACT;AAAA,EACL,GAEMW,IAAe,OAAO,EAAE,OAAAC,QAAwB;AAClD,IAAAX,EAAmB;AAAA,MACf,IAAIF,EAAa;AAAA,MACjB,OAAAa;AAAA,IAAA,CACH,GACDF,EAAA;AAAA,EACJ;AAEA,SACI,gBAAAG;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,QAAQf,EAAa;AAAA,MACrB,SAASW;AAAA,MACT,gBAAgBA;AAAA,MAEhB,UAAA;AAAA,QAAA,gBAAAK,EAAC,QAAG,UAAA,cAAA,CAAW;AAAA,QACf,gBAAAA,EAAC,SAAI,WAAU,QACX,4BAACC,GAAA,EAAK,UAAUX,EAAaM,CAAY,GACrC,UAAA;AAAA,UAAA,gBAAAI;AAAA,YAACE;AAAA,YAAA;AAAA,cACG,OAAM;AAAA,cACN,SAAS,EAAQb,EAAO;AAAA,cACxB,eAAcc,IAAAd,EAAO,UAAP,gBAAAc,EAAc;AAAA,cAE5B,UAAA,gBAAAH;AAAA,gBAACI;AAAA,gBAAA;AAAA,kBACG,MAAK;AAAA,kBACL,SAAAhB;AAAA,kBACA,OAAO,EAAE,UAAU,GAAA;AAAA,kBACnB,QAAQ,CAAC,EAAE,OAAAiB,EAAA,MACP,gBAAAL;AAAA,oBAACM;AAAA,oBAAA;AAAA,sBACG,aAAY;AAAA,sBACZ,MAAK;AAAA,sBACL,cAAa;AAAA,sBACZ,GAAGD;AAAA,oBAAA;AAAA,kBAAA;AAAA,gBACR;AAAA,cAAA;AAAA,YAER;AAAA,UAAA;AAAA,UAEJ,gBAAAP,EAAC,OAAA,EAAI,WAAU,0BACX,UAAA;AAAA,YAAA,gBAAAE,EAACO,GAAA,EAAO,MAAK,UAAS,SAASZ,GAAmB,UAAA,UAElD;AAAA,8BACCY,GAAA,EAAO,SAAQ,SAAQ,MAAK,UAAS,UAAA,SAAA,CAEtC;AAAA,UAAA,EAAA,CACJ;AAAA,QAAA,EAAA,CACJ,EAAA,CACJ;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGZ;"}
+{"version":3,"file":"ChatHistoryRenameDialog.js","sources":["../../../../../../../lib/@ecme/views/concepts/ai/Chat/components/ChatHistoryRenameDialog.tsx"],"sourcesContent":["import { useEffect } from 'react'\nimport Dialog from '@/components/ui/Dialog'\nimport { Form, FormItem } from '@/components/ui/Form'\nimport Input from '@/components/ui/Input'\nimport Button from '@/components/ui/Button'\nimport { usGenerativeChatStore } from '../store/generativeChatStore'\nimport { useForm, Controller } from 'react-hook-form'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport { z } from 'zod'\nimport type { ZodType } from 'zod'\n\ntype FormSchema = {\n    title: string\n}\n\nconst validationSchema: ZodType<FormSchema> = z.object({\n    title: z.string().min(1, 'Please do not leave chat title blank!'),\n})\n\nconst ChatHistoryRenameDialog = () => {\n    const { renameDialog, setRenameDialog, setChatHistoryName } =\n        usGenerativeChatStore()\n\n    const {\n        control,\n        formState: { errors },\n        handleSubmit,\n        reset,\n    } = useForm<FormSchema>({\n        defaultValues: {\n            title: renameDialog.title,\n        },\n        resolver: zodResolver(validationSchema),\n    })\n\n    useEffect(() => {\n        if (renameDialog.open) {\n            reset({\n                title: renameDialog.title,\n            })\n        }\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [renameDialog.title, renameDialog.open])\n\n    const handleDialogClose = () => {\n        setRenameDialog({\n            id: '',\n            title: '',\n            open: false,\n        })\n    }\n\n    const onFormSubmit = async ({ title }: FormSchema) => {\n        setChatHistoryName({\n            id: renameDialog.id,\n            title,\n        })\n        handleDialogClose()\n    }\n\n    return (\n        <Dialog\n            isOpen={renameDialog.open}\n            onClose={handleDialogClose}\n            onRequestClose={handleDialogClose}\n        >\n            <h5>Rename chat</h5>\n            <div className=\"mt-8\">\n                <Form onSubmit={handleSubmit(onFormSubmit)}>\n                    <FormItem\n                        label=\"Chat title\"\n                        invalid={Boolean(errors.title)}\n                        errorMessage={errors.title?.message}\n                    >\n                        <Controller\n                            name=\"title\"\n                            control={control}\n                            rules={{ required: true }}\n                            render={({ field }) => (\n                                <Input\n                                    placeholder=\"Rename chat\"\n                                    type=\"text\"\n                                    autoComplete=\"off\"\n                                    {...field}\n                                />\n                            )}\n                        />\n                    </FormItem>\n                    <div className=\"flex justify-end gap-2\">\n                        <Button type=\"button\" onClick={handleDialogClose}>\n                            Cancel\n                        </Button>\n                        <Button variant=\"solid\" type=\"submit\">\n                            Rename\n                        </Button>\n                    </div>\n                </Form>\n            </div>\n        </Dialog>\n    )\n}\n\nexport default ChatHistoryRenameDialog\n"],"names":["validationSchema","z","ChatHistoryRenameDialog","renameDialog","setRenameDialog","setChatHistoryName","usGenerativeChatStore","control","errors","handleSubmit","reset","useForm","zodResolver","useEffect","handleDialogClose","onFormSubmit","title","jsxs","Dialog","jsx","Form","FormItem","Controller","field","Input","Button"],"mappings":";;;;;;;;;;;;;;;AAeA,MAAMA,IAAwCC,EAAE,OAAO;AAAA,EACnD,OAAOA,EAAE,OAAA,EAAS,IAAI,GAAG,uCAAuC;AACpE,CAAC,GAEKC,IAA0B,MAAM;AAClC,QAAM,EAAE,cAAAC,GAAc,iBAAAC,GAAiB,oBAAAC,EAAA,IACnCC,EAAA,GAEE;AAAA,IACF,SAAAC;AAAA,IACA,WAAW,EAAE,QAAAC,EAAA;AAAA,IACb,cAAAC;AAAA,IACA,OAAAC;AAAA,EAAA,IACAC,EAAoB;AAAA,IACpB,eAAe;AAAA,MACX,OAAOR,EAAa;AAAA,IAAA;AAAA,IAExB,UAAUS,EAAYZ,CAAgB;AAAA,EAAA,CACzC;AAED,EAAAa,EAAU,MAAM;AACZ,IAAIV,EAAa,QACbO,EAAM;AAAA,MACF,OAAOP,EAAa;AAAA,IAAA,CACvB;AAAA,EAGT,GAAG,CAACA,EAAa,OAAOA,EAAa,IAAI,CAAC;AAE1C,QAAMW,IAAoB,MAAM;AAC5B,IAAAV,EAAgB;AAAA,MACZ,IAAI;AAAA,MACJ,OAAO;AAAA,MACP,MAAM;AAAA,IAAA,CACT;AAAA,EACL,GAEMW,IAAe,OAAO,EAAE,OAAAC,QAAwB;AAClD,IAAAX,EAAmB;AAAA,MACf,IAAIF,EAAa;AAAA,MACjB,OAAAa;AAAA,IAAA,CACH,GACDF,EAAA;AAAA,EACJ;AAEA,SACI,gBAAAG;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,QAAQf,EAAa;AAAA,MACrB,SAASW;AAAA,MACT,gBAAgBA;AAAA,MAEhB,UAAA;AAAA,QAAA,gBAAAK,EAAC,QAAG,UAAA,cAAA,CAAW;AAAA,QACf,gBAAAA,EAAC,SAAI,WAAU,QACX,4BAACC,GAAA,EAAK,UAAUX,EAAaM,CAAY,GACrC,UAAA;AAAA,UAAA,gBAAAI;AAAA,YAACE;AAAA,YAAA;AAAA,cACG,OAAM;AAAA,cACN,SAAS,EAAQb,EAAO;AAAA,cACxB,cAAcA,EAAO,OAAO;AAAA,cAE5B,UAAA,gBAAAW;AAAA,gBAACG;AAAA,gBAAA;AAAA,kBACG,MAAK;AAAA,kBACL,SAAAf;AAAA,kBACA,OAAO,EAAE,UAAU,GAAA;AAAA,kBACnB,QAAQ,CAAC,EAAE,OAAAgB,EAAA,MACP,gBAAAJ;AAAA,oBAACK;AAAA,oBAAA;AAAA,sBACG,aAAY;AAAA,sBACZ,MAAK;AAAA,sBACL,cAAa;AAAA,sBACZ,GAAGD;AAAA,oBAAA;AAAA,kBAAA;AAAA,gBACR;AAAA,cAAA;AAAA,YAER;AAAA,UAAA;AAAA,UAEJ,gBAAAN,EAAC,OAAA,EAAI,WAAU,0BACX,UAAA;AAAA,YAAA,gBAAAE,EAACM,GAAA,EAAO,MAAK,UAAS,SAASX,GAAmB,UAAA,UAElD;AAAA,8BACCW,GAAA,EAAO,SAAQ,SAAQ,MAAK,UAAS,UAAA,SAAA,CAEtC;AAAA,UAAA,EAAA,CACJ;AAAA,QAAA,EAAA,CACJ,EAAA,CACJ;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGZ;"}

package/dist/@ecme/views/concepts/ai/Chat/components/ChatMobileNav.js

@@ -1,23 +1,20 @@
-import { jsx as r, Fragment as s } from "react/jsx-runtime";
-import { useRef as a } from "react";
-import t from "../../../../../components/shared/ToggleDrawer.js";
-import m from "./ChatSideNav.js";
-import n from "../../../../../utils/hooks/useResponsive.js";
-const u = () => {
-  const e = a(null), { smaller: l } = n();
-  return /* @__PURE__ */ r(s, { children: l.xl && /* @__PURE__ */ r(t, { ref: e, bodyClass: "p-0", closable: !1, children: /* @__PURE__ */ r(
-    m,
+import { jsx as r, Fragment as l } from "react/jsx-runtime";
+import { useRef as s } from "react";
+import a from "../../../../../components/shared/ToggleDrawer.js";
+import t from "./ChatSideNav.js";
+import m from "../../../../../utils/hooks/useResponsive.js";
+const p = () => {
+  const e = s(null), { smaller: o } = m();
+  return /* @__PURE__ */ r(l, { children: o.xl && /* @__PURE__ */ r(a, { ref: e, bodyClass: "p-0", closable: !1, children: /* @__PURE__ */ r(
+    t,
     {
       className: "border-0",
       bodyClass: "p-0",
-      onClick: () => {
-        var o;
-        return (o = e.current) == null ? void 0 : o.handleCloseDrawer();
-      }
+      onClick: () => e.current?.handleCloseDrawer()
     }
   ) }) });
 };
 export {
-  u as default
+  p as default
 };
 //# sourceMappingURL=ChatMobileNav.js.map

package/dist/@ecme/views/concepts/ai/Chat/components/ChatMobileNav.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChatMobileNav.js","sources":["../../../../../../../lib/@ecme/views/concepts/ai/Chat/components/ChatMobileNav.tsx"],"sourcesContent":["import { useRef } from 'react'\nimport ToggleDrawer from '@/components/shared/ToggleDrawer'\nimport ChatSideNav from './ChatSideNav'\nimport useResponsive from '@/utils/hooks/useResponsive'\nimport type { ToggleDrawerRef } from '@/components/shared/ToggleDrawer'\n\nconst ChatMobileNav = () => {\n    const drawerRef = useRef<ToggleDrawerRef>(null)\n\n    const { smaller } = useResponsive()\n\n    return (\n        <>\n            {smaller.xl && (\n                <ToggleDrawer ref={drawerRef} bodyClass=\"p-0\" closable={false}>\n                    <ChatSideNav\n                        className=\"border-0\"\n                        bodyClass=\"p-0\"\n                        onClick={() => drawerRef.current?.handleCloseDrawer()}\n                    />\n                </ToggleDrawer>\n            )}\n        </>\n    )\n}\n\nexport default ChatMobileNav\n"],"names":["ChatMobileNav","drawerRef","useRef","smaller","useResponsive","jsx","Fragment","ToggleDrawer","ChatSideNav","_a"],"mappings":";;;;;AAMA,MAAMA,IAAgB,MAAM;AACxB,QAAMC,IAAYC,EAAwB,IAAI,GAExC,EAAE,SAAAC,EAAA,IAAYC,EAAA;AAEpB,SACI,gBAAAC,EAAAC,GAAA,EACK,UAAAH,EAAQ,MACL,gBAAAE,EAACE,GAAA,EAAa,KAAKN,GAAW,WAAU,OAAM,UAAU,IACpD,UAAA,gBAAAI;AAAA,IAACG;AAAA,IAAA;AAAA,MACG,WAAU;AAAA,MACV,WAAU;AAAA,MACV,SAAS,MAAA;;AAAM,gBAAAC,IAAAR,EAAU,YAAV,gBAAAQ,EAAmB;AAAA;AAAA,IAAkB;AAAA,EAAA,GAE5D,EAAA,CAER;AAER;"}
+{"version":3,"file":"ChatMobileNav.js","sources":["../../../../../../../lib/@ecme/views/concepts/ai/Chat/components/ChatMobileNav.tsx"],"sourcesContent":["import { useRef } from 'react'\nimport ToggleDrawer from '@/components/shared/ToggleDrawer'\nimport ChatSideNav from './ChatSideNav'\nimport useResponsive from '@/utils/hooks/useResponsive'\nimport type { ToggleDrawerRef } from '@/components/shared/ToggleDrawer'\n\nconst ChatMobileNav = () => {\n    const drawerRef = useRef<ToggleDrawerRef>(null)\n\n    const { smaller } = useResponsive()\n\n    return (\n        <>\n            {smaller.xl && (\n                <ToggleDrawer ref={drawerRef} bodyClass=\"p-0\" closable={false}>\n                    <ChatSideNav\n                        className=\"border-0\"\n                        bodyClass=\"p-0\"\n                        onClick={() => drawerRef.current?.handleCloseDrawer()}\n                    />\n                </ToggleDrawer>\n            )}\n        </>\n    )\n}\n\nexport default ChatMobileNav\n"],"names":["ChatMobileNav","drawerRef","useRef","smaller","useResponsive","jsx","Fragment","ToggleDrawer","ChatSideNav"],"mappings":";;;;;AAMA,MAAMA,IAAgB,MAAM;AACxB,QAAMC,IAAYC,EAAwB,IAAI,GAExC,EAAE,SAAAC,EAAA,IAAYC,EAAA;AAEpB,SACI,gBAAAC,EAAAC,GAAA,EACK,UAAAH,EAAQ,MACL,gBAAAE,EAACE,GAAA,EAAa,KAAKN,GAAW,WAAU,OAAM,UAAU,IACpD,UAAA,gBAAAI;AAAA,IAACG;AAAA,IAAA;AAAA,MACG,WAAU;AAAA,MACV,WAAU;AAAA,MACV,SAAS,MAAMP,EAAU,SAAS,kBAAA;AAAA,IAAkB;AAAA,EAAA,GAE5D,EAAA,CAER;AAER;"}