@orbe-agro/client-core 3.4.10 → 3.4.11

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

@@ -0,0 +1,111 @@
+import { jsx as I, Fragment as b } from "react/jsx-runtime";
+import { useState as E, useMemo as g, createElement as P, useEffect as L } from "react";
+import T from "../../../../../utils/hooks/useInterval .js";
+import { getCurrentNodeOverflow as y, getStringPosition as C } from "../utils.js";
+import S from "html-react-parser";
+import { marked as W } from "marked";
+const c = ({
+  children: u,
+  delay: m = 25,
+  onFinish: h = () => {
+  }
+}) => {
+  const [p, A] = E(0), l = g(() => {
+    const n = [], s = (r) => {
+      var o;
+      const t = (o = r == null ? void 0 : r.props) == null ? void 0 : o.children;
+      return Array.isArray(r) && r.forEach((e) => {
+        typeof e == "object" ? s(e) : typeof e == "string" && n.push(e.split(" ").length);
+      }), t === void 0 && typeof r == "string" && n.push(r.split(" ").length), typeof t == "object" && s(t), typeof t == "string" && n.push(t.split(" ").length), n;
+    };
+    return s(u);
+  }, [u]), j = g(
+    () => l.reduce((n, s) => n + s, 0),
+    [l]
+  ), x = g(() => {
+    let n = 0, s = 0;
+    const r = (t) => {
+      var e;
+      if (n > p)
+        return null;
+      const o = (e = t == null ? void 0 : t.props) == null ? void 0 : e.children;
+      if (Array.isArray(t)) {
+        const f = [];
+        return t.forEach((i) => {
+          if (typeof i == "object")
+            f.push(r(i));
+          else if (typeof i == "string") {
+            n += i.split(" ").length, s++;
+            const [k, v] = y(l, p);
+            k < s && f.push(
+              i.slice(
+                0,
+                C(
+                  i,
+                  " ",
+                  v
+                )
+              )
+            ), f.push(i);
+          }
+        }), f;
+      }
+      if (o === void 0 && typeof t == "string") {
+        n += t.split(" ").length, s++;
+        const [f, i] = y(
+          l,
+          p
+        );
+        return f < s ? t.slice(
+          0,
+          C(t, " ", i)
+        ) : t;
+      }
+      if (typeof o == "object")
+        return P(
+          t.type,
+          t == null ? void 0 : t.props,
+          r(o)
+        );
+      if (typeof o == "string") {
+        n += o.split(" ").length, s++;
+        const [f, i] = y(
+          l,
+          p
+        );
+        return f < s ? P(
+          t.type,
+          t == null ? void 0 : t.props,
+          o.slice(
+            0,
+            C(
+              o,
+              " ",
+              i
+            )
+          )
+        ) : t;
+      }
+    };
+    return r(u);
+  }, [u, p, l]);
+  return T(
+    () => {
+      A((n) => (n + 1 >= j && h(), n + 1));
+    },
+    j > p ? m : null
+  ), L(() => {
+    A(0);
+  }, [u]), x;
+}, q = ({
+  content: u = "",
+  triggerTyping: m,
+  onFinish: h
+}) => {
+  const p = S(W(u));
+  return /* @__PURE__ */ I(b, { children: m ? /* @__PURE__ */ I(c, { onFinish: h, children: p }) : p });
+};
+export {
+  q as default
+};
+//# sourceMappingURL=ChatCustomContent.js.map

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

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

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

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

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

@@ -0,0 +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;AAC7D,QAAA;AAAA,IACF,aAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,yBAAAC;AAAA,IACA,sBAAAC;AAAA,MACAC,EAAsB;AAE1B,EAAAC;AAAA,IACI,CAAC,sBAAsB;AAAA,IACvB,MAAMC,EAA0C;AAAA,IAChD;AAAA,MACI,mBAAmB;AAAA,MACnB,mBAAmB;AAAA,MACnB,uBAAuB;AAAA,MACvB,WAAW,CAACC,MAAS;AACjB,QAAAP,EAAeO,CAAI;AAAA,MAAA;AAAA,IACvB;AAAA,EAER;AAEM,QAAAC,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;AAChC,IAAAZ,EAAA;AAAA,MACZ,IAAAQ;AAAA,MACA,OAAAI;AAAA,MACA,MAAM;AAAA,IAAA,CACT;AAAA,EACL,GAEMC,IAAc,CAACL,MAAe;AAChC,IAAAP,EAAwBO,CAAE,GAChBX,KAAA,QAAAA;AAAA,EACd;AAGI,SAAA,gBAAAiB,EAACC,KAAU,WAAU,UACjB,4BAAC,OAAI,EAAA,WAAU,iCACV,UACIjB,EAAA;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,EAWd,IAfO,gBAAAK,EAACG,GAAc,IAAAR,EAAK,EAAI,CAiBtC,GACT,EACJ,CAAA;AAER;"}

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

@@ -0,0 +1,112 @@
+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();
+  };
+  return /* @__PURE__ */ t(
+    "div",
+    {
+      className: s(
+        "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"
+      ),
+      onClick: u,
+      ...x,
+      children: [
+        /* @__PURE__ */ t("div", { children: [
+          /* @__PURE__ */ r("div", { className: "heading-text font-bold truncate", children: m }),
+          /* @__PURE__ */ r("div", { className: "truncate", children: p })
+        ] }),
+        /* @__PURE__ */ r(
+          "div",
+          {
+            className: s(
+              "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%"
+            ),
+            children: /* @__PURE__ */ t(
+              n,
+              {
+                ref: i,
+                placement: "bottom-end",
+                renderTitle: /* @__PURE__ */ r(
+                  "div",
+                  {
+                    className: s(
+                      "p-2 opacity-0 group-hover:opacity-100",
+                      a && "opacity-100"
+                    ),
+                    children: /* @__PURE__ */ r(
+                      D,
+                      {
+                        className: "text-xl",
+                        onClick: y
+                      }
+                    )
+                  }
+                ),
+                onOpen: (e) => c(e),
+                children: [
+                  /* @__PURE__ */ t(
+                    n.Item,
+                    {
+                      eventKey: "rename",
+                      onClick: (e) => l(e, g),
+                      children: [
+                        /* @__PURE__ */ r(w, { className: "text-xl" }),
+                        /* @__PURE__ */ r("span", { children: "Rename" })
+                      ]
+                    }
+                  ),
+                  /* @__PURE__ */ t(
+                    n.Item,
+                    {
+                      eventKey: "rename",
+                      onClick: (e) => l(e, v),
+                      children: [
+                        /* @__PURE__ */ r(C, { className: "text-xl" }),
+                        /* @__PURE__ */ r("span", { children: "Archive" })
+                      ]
+                    }
+                  ),
+                  /* @__PURE__ */ t(
+                    n.Item,
+                    {
+                      className: "text-error",
+                      eventKey: "rename",
+                      onClick: (e) => l(e, f),
+                      children: [
+                        /* @__PURE__ */ r(k, { className: "text-xl text-error" }),
+                        /* @__PURE__ */ r("span", { className: "text-error", children: "Deleted" })
+                      ]
+                    }
+                  )
+                ]
+              }
+            )
+          }
+        )
+      ]
+    }
+  );
+};
+export {
+  A as default
+};
+//# sourceMappingURL=ChatHistoryItem.js.map

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

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

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

@@ -0,0 +1,94 @@
+import { jsxs as i, jsx as t } from "react/jsx-runtime";
+import { useEffect as u } 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,
+    formState: { errors: l },
+    handleSubmit: d,
+    reset: f
+  } = g({
+    defaultValues: {
+      title: e.title
+    },
+    resolver: b(D)
+  });
+  u(() => {
+    e.open && f({
+      title: e.title
+    });
+  }, [e.title, e.open]);
+  const o = () => {
+    s({
+      id: "",
+      title: "",
+      open: !1
+    });
+  }, h = async ({ title: r }) => {
+    p({
+      id: e.id,
+      title: r
+    }), o();
+  };
+  return /* @__PURE__ */ i(
+    y,
+    {
+      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(
+            S,
+            {
+              label: "Chat title",
+              invalid: !!l.title,
+              errorMessage: (n = l.title) == null ? void 0 : n.message,
+              children: /* @__PURE__ */ t(
+                v,
+                {
+                  name: "title",
+                  control: c,
+                  rules: { required: !0 },
+                  render: ({ field: r }) => /* @__PURE__ */ t(
+                    x,
+                    {
+                      placeholder: "Rename chat",
+                      type: "text",
+                      autoComplete: "off",
+                      ...r
+                    }
+                  )
+                }
+              )
+            }
+          ),
+          /* @__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" })
+          ] })
+        ] }) })
+      ]
+    }
+  );
+};
+export {
+  w as default
+};
+//# sourceMappingURL=ChatHistoryRenameDialog.js.map

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

@@ -0,0 +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,OAAS,EAAA,IAAI,GAAG,uCAAuC;AACpE,CAAC,GAEKC,IAA0B,MAAM;;AAClC,QAAM,EAAE,cAAAC,GAAc,iBAAAC,GAAiB,oBAAAC,EAAA,IACnCC,EAAsB,GAEpB;AAAA,IACF,SAAAC;AAAA,IACA,WAAW,EAAE,QAAAC,EAAO;AAAA,IACpB,cAAAC;AAAA,IACA,OAAAC;AAAA,MACAC,EAAoB;AAAA,IACpB,eAAe;AAAA,MACX,OAAOR,EAAa;AAAA,IACxB;AAAA,IACA,UAAUS,EAAYZ,CAAgB;AAAA,EAAA,CACzC;AAED,EAAAa,EAAU,MAAM;AACZ,IAAIV,EAAa,QACPO,EAAA;AAAA,MACF,OAAOP,EAAa;AAAA,IAAA,CACvB;AAAA,KAGN,CAACA,EAAa,OAAOA,EAAa,IAAI,CAAC;AAE1C,QAAMW,IAAoB,MAAM;AACZ,IAAAV,EAAA;AAAA,MACZ,IAAI;AAAA,MACJ,OAAO;AAAA,MACP,MAAM;AAAA,IAAA,CACT;AAAA,EACL,GAEMW,IAAe,OAAO,EAAE,OAAAC,QAAwB;AAC/B,IAAAX,EAAA;AAAA,MACf,IAAIF,EAAa;AAAA,MACjB,OAAAa;AAAA,IAAA,CACH,GACiBF,EAAA;AAAA,EACtB;AAGI,SAAA,gBAAAG;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,QAAQf,EAAa;AAAA,MACrB,SAASW;AAAA,MACT,gBAAgBA;AAAA,MAEhB,UAAA;AAAA,QAAA,gBAAAK,EAAC,QAAG,UAAW,cAAA,CAAA;AAAA,QACf,gBAAAA,EAAC,SAAI,WAAU,QACX,4BAACC,GAAK,EAAA,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,GAAK;AAAA,kBACxB,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,UACJ;AAAA,UACA,gBAAAP,EAAC,OAAI,EAAA,WAAU,0BACX,UAAA;AAAA,YAAA,gBAAAE,EAACO,GAAO,EAAA,MAAK,UAAS,SAASZ,GAAmB,UAElD,UAAA;AAAA,8BACCY,GAAO,EAAA,SAAQ,SAAQ,MAAK,UAAS,UAEtC,SAAA,CAAA;AAAA,UAAA,EACJ,CAAA;AAAA,QAAA,EAAA,CACJ,EACJ,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACJ;AAER;"}

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

@@ -0,0 +1,56 @@
+import { jsx as e, jsxs as a } from "react/jsx-runtime";
+import n from "../hooks/useChatSend.js";
+import { PiCodeDuotone as r, PiBookOpenTextDuotone as l, PiCompassDuotone as o, PiLightbulbDuotone as s } from "react-icons/pi";
+const d = {
+  idea: /* @__PURE__ */ e(s, { className: "text-blue-500" }),
+  guide: /* @__PURE__ */ e(o, { className: "text-emerald-500" }),
+  writing: /* @__PURE__ */ e(l, { className: "text-amber-500" }),
+  coding: /* @__PURE__ */ e(r, { className: "text-indigo-500" })
+}, c = [
+  {
+    title: "Help me sound like an expert for an upcoming trip",
+    prompt: "I'm going whale watching this weekend and want to appear knowledgeable about killer whales. Tell me a few unique and interesting facts I can share.",
+    type: "guide"
+  },
+  {
+    title: "Outline an logical sales pitch for a new product",
+    prompt: "Structure a sales pitch for a hair dryer that's also a microphone. Be concise and organize the sales pitch logically. ",
+    type: "writing"
+  },
+  {
+    title: "Help me get organized with a list of 10 tips",
+    prompt: "Give me 10 tips for room organization. ",
+    type: "idea"
+  },
+  {
+    title: "Write code for a specific task, including edge cases",
+    prompt: "Write a Java function that takes a path as an input and creates a file storing the current system date. Consider edge cases.",
+    type: "coding"
+  }
+], h = () => {
+  const { handleSend: i } = n();
+  return /* @__PURE__ */ e("div", { className: "max-w-[900px] w-full mx-auto mt-20", children: /* @__PURE__ */ a("div", { children: [
+    /* @__PURE__ */ a("div", { className: "heading-text text-4xl leading-snug", children: [
+      /* @__PURE__ */ e("span", { className: "font-semibold bg-gradient-to-r from-indigo-500 to-red-400 bg-clip-text text-transparent text-5xl", children: "Hello, there" }),
+      /* @__PURE__ */ e("br", {}),
+      /* @__PURE__ */ e("span", { children: "How can I help you today?" })
+    ] }),
+    /* @__PURE__ */ e("div", { className: "mt-8 grid grid-cols-2 xl:grid-cols-4 gap-4", children: c.map((t) => /* @__PURE__ */ a(
+      "div",
+      {
+        className: "flex flex-col gap-4 justify-between rounded-xl bg-gray-100 dark:bg-gray-700 hover:bg-gray-200 dark:hover:bg-gray-600 p-5 min-h-40 2xl:min-h-60 cursor-pointer",
+        role: "button",
+        onClick: () => i(t.title),
+        children: [
+          /* @__PURE__ */ e("h6", { className: "font-normal", children: t.title }),
+          /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e("div", { className: "bg-white dark:bg-gray-800 rounded-full p-2 inline-flex", children: /* @__PURE__ */ e("span", { className: "text-2xl", children: d[t.type] }) }) })
+        ]
+      },
+      t.title
+    )) })
+  ] }) });
+};
+export {
+  h as default
+};
+//# sourceMappingURL=ChatLandingView.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ChatLandingView.js","sources":["../../../../../../../../lib/@ecme/views/concepts/ai/Chat/components/ChatLandingView.tsx"],"sourcesContent":["import useChatSend from '../hooks/useChatSend'\nimport {\n    PiLightbulbDuotone,\n    PiBookOpenTextDuotone,\n    PiCompassDuotone,\n    PiCodeDuotone,\n} from 'react-icons/pi'\nimport type { ReactNode } from 'react'\n\ntype PromptType = 'idea' | 'guide' | 'writing' | 'coding'\n\nconst suggeustionIcon: Record<PromptType, ReactNode> = {\n    idea: <PiLightbulbDuotone className=\"text-blue-500\" />,\n    guide: <PiCompassDuotone className=\"text-emerald-500\" />,\n    writing: <PiBookOpenTextDuotone className=\"text-amber-500\" />,\n    coding: <PiCodeDuotone className=\"text-indigo-500\" />,\n}\n\nconst promptSuggestion: {\n    title: string\n    prompt: string\n    type: PromptType\n}[] = [\n    {\n        title: 'Help me sound like an expert for an upcoming trip',\n        prompt: `I'm going whale watching this weekend and want to appear knowledgeable about killer whales. Tell me a few unique and interesting facts I can share.`,\n        type: 'guide',\n    },\n    {\n        title: 'Outline an logical sales pitch for a new product',\n        prompt: `Structure a sales pitch for a hair dryer that's also a microphone. Be concise and organize the sales pitch logically. `,\n        type: 'writing',\n    },\n    {\n        title: 'Help me get organized with a list of 10 tips',\n        prompt: `Give me 10 tips for room organization. `,\n        type: 'idea',\n    },\n    {\n        title: 'Write code for a specific task, including edge cases',\n        prompt: `Write a Java function that takes a path as an input and creates a file storing the current system date. Consider edge cases.`,\n        type: 'coding',\n    },\n]\n\nconst ChatLandingView = () => {\n    const { handleSend } = useChatSend()\n\n    return (\n        <div className=\"max-w-[900px] w-full mx-auto mt-20\">\n            <div>\n                <div className=\"heading-text text-4xl leading-snug\">\n                    <span className=\"font-semibold bg-gradient-to-r from-indigo-500 to-red-400 bg-clip-text text-transparent text-5xl\">\n                        Hello, there\n                    </span>\n                    <br />\n                    <span>How can I help you today?</span>\n                </div>\n                <div className=\"mt-8 grid grid-cols-2 xl:grid-cols-4 gap-4\">\n                    {promptSuggestion.map((suggestion) => (\n                        <div\n                            key={suggestion.title}\n                            className=\"flex flex-col gap-4 justify-between rounded-xl bg-gray-100 dark:bg-gray-700 hover:bg-gray-200 dark:hover:bg-gray-600 p-5 min-h-40 2xl:min-h-60 cursor-pointer\"\n                            role=\"button\"\n                            onClick={() => handleSend(suggestion.title)}\n                        >\n                            <h6 className=\"font-normal\">{suggestion.title}</h6>\n                            <div>\n                                <div className=\"bg-white dark:bg-gray-800 rounded-full p-2 inline-flex\">\n                                    <span className=\"text-2xl\">\n                                        {suggeustionIcon[suggestion.type]}\n                                    </span>\n                                </div>\n                            </div>\n                        </div>\n                    ))}\n                </div>\n            </div>\n        </div>\n    )\n}\n\nexport default ChatLandingView\n"],"names":["suggeustionIcon","jsx","PiLightbulbDuotone","PiCompassDuotone","PiBookOpenTextDuotone","PiCodeDuotone","promptSuggestion","ChatLandingView","handleSend","useChatSend","jsxs","suggestion"],"mappings":";;;AAWA,MAAMA,IAAiD;AAAA,EACnD,MAAM,gBAAAC,EAACC,GAAmB,EAAA,WAAU,gBAAgB,CAAA;AAAA,EACpD,OAAO,gBAAAD,EAACE,GAAiB,EAAA,WAAU,mBAAmB,CAAA;AAAA,EACtD,SAAS,gBAAAF,EAACG,GAAsB,EAAA,WAAU,iBAAiB,CAAA;AAAA,EAC3D,QAAQ,gBAAAH,EAACI,GAAc,EAAA,WAAU,kBAAkB,CAAA;AACvD,GAEMC,IAIA;AAAA,EACF;AAAA,IACI,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,MAAM;AAAA,EACV;AAAA,EACA;AAAA,IACI,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,MAAM;AAAA,EACV;AAAA,EACA;AAAA,IACI,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,MAAM;AAAA,EACV;AAAA,EACA;AAAA,IACI,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,MAAM;AAAA,EAAA;AAEd,GAEMC,IAAkB,MAAM;AACpB,QAAA,EAAE,YAAAC,EAAW,IAAIC,EAAY;AAEnC,SACK,gBAAAR,EAAA,OAAA,EAAI,WAAU,sCACX,4BAAC,OACG,EAAA,UAAA;AAAA,IAAC,gBAAAS,EAAA,OAAA,EAAI,WAAU,sCACX,UAAA;AAAA,MAAC,gBAAAT,EAAA,QAAA,EAAK,WAAU,oGAAmG,UAEnH,gBAAA;AAAA,wBACC,MAAG,EAAA;AAAA,MACJ,gBAAAA,EAAC,UAAK,UAAyB,4BAAA,CAAA;AAAA,IAAA,GACnC;AAAA,sBACC,OAAI,EAAA,WAAU,8CACV,UAAiBK,EAAA,IAAI,CAACK,MACnB,gBAAAD;AAAA,MAAC;AAAA,MAAA;AAAA,QAEG,WAAU;AAAA,QACV,MAAK;AAAA,QACL,SAAS,MAAMF,EAAWG,EAAW,KAAK;AAAA,QAE1C,UAAA;AAAA,UAAA,gBAAAV,EAAC,MAAG,EAAA,WAAU,eAAe,UAAAU,EAAW,OAAM;AAAA,UAC7C,gBAAAV,EAAA,OAAA,EACG,UAAC,gBAAAA,EAAA,OAAA,EAAI,WAAU,0DACX,UAAA,gBAAAA,EAAC,QAAK,EAAA,WAAU,YACX,UAAgBD,EAAAW,EAAW,IAAI,GACpC,GACJ,EACJ,CAAA;AAAA,QAAA;AAAA,MAAA;AAAA,MAZKA,EAAW;AAAA,IAAA,CAcvB,EACL,CAAA;AAAA,EAAA,EAAA,CACJ,EACJ,CAAA;AAER;"}

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

@@ -0,0 +1,23 @@
+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,
+    {
+      className: "border-0",
+      bodyClass: "p-0",
+      onClick: () => {
+        var o;
+        return (o = e.current) == null ? void 0 : o.handleCloseDrawer();
+      }
+    }
+  ) }) });
+};
+export {
+  u as default
+};
+//# sourceMappingURL=ChatMobileNav.js.map

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

@@ -0,0 +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;AAClB,QAAAC,IAAYC,EAAwB,IAAI,GAExC,EAAE,SAAAC,EAAQ,IAAIC,EAAc;AAG9B,SAAA,gBAAAC,EAAAC,GAAA,EACK,UAAQH,EAAA,MACJ,gBAAAE,EAAAE,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,KAE5D,EAER,CAAA;AAER;"}

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

@@ -0,0 +1,51 @@
+import { jsxs as o, jsx as e } from "react/jsx-runtime";
+import { useState as u } from "react";
+import "../../../../../components/ui/Card/index.js";
+import "../../../../../components/ui/Button/index.js";
+import x from "./ChatHistory.js";
+import { usGenerativeChatStore as f } from "../store/generativeChatStore.js";
+import N from "../../../../../utils/hooks/useDebounce.js";
+import s from "../../../../../utils/classNames.js";
+import { TbSearch as b } from "react-icons/tb";
+import g from "../../../../../components/ui/Card/Card.js";
+import v from "../../../../../components/ui/Button/Button.js";
+const I = ({ className: n, bodyClass: l, onClick: t }) => {
+  const [c, a] = u(""), { setSelectedConversation: m } = f();
+  function p(r) {
+    a == null || a(r.target.value);
+  }
+  const h = N(p, 500), i = (r) => {
+    h(r);
+  }, d = () => {
+    m(""), t == null || t();
+  };
+  return /* @__PURE__ */ o(
+    g,
+    {
+      header: {
+        content: /* @__PURE__ */ o("div", { className: "flex items-center gap-2 px-5 w-full h-[60px]", children: [
+          /* @__PURE__ */ e(b, { className: "text-xl" }),
+          /* @__PURE__ */ e(
+            "input",
+            {
+              className: "flex-1 h-full placeholder:text-gray-400 placeholder:text-base bg-transparent focus:outline-none heading-text",
+              placeholder: "Search chat",
+              onChange: i
+            }
+          )
+        ] }),
+        className: "p-0"
+      },
+      className: s("flex-1 xl:max-w-[320px] h-full", n),
+      bodyClass: s("h-[calc(100%-60px-80px)] p-0", l),
+      children: [
+        /* @__PURE__ */ e(x, { queryText: c, onClick: t }),
+        /* @__PURE__ */ e("div", { className: "px-5 py-2", children: /* @__PURE__ */ e(v, { block: !0, variant: "solid", onClick: d, children: "New chat" }) })
+      ]
+    }
+  );
+};
+export {
+  I as default
+};
+//# sourceMappingURL=ChatSideNav.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ChatSideNav.js","sources":["../../../../../../../../lib/@ecme/views/concepts/ai/Chat/components/ChatSideNav.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Card from '@/components/ui/Card'\nimport Button from '@/components/ui/Button'\nimport ChatHistory from './ChatHistory'\nimport { usGenerativeChatStore } from '../store/generativeChatStore'\nimport useDebounce from '@/utils/hooks/useDebounce'\nimport classNames from '@/utils/classNames'\nimport { TbSearch } from 'react-icons/tb'\nimport type { ChangeEvent } from 'react'\nimport type { CardProps } from '@/components/ui/Card'\n\ntype ChatSideNavProps = Pick<CardProps, 'className' | 'bodyClass'> & {\n    onClick?: () => void\n}\n\nconst ChatSideNav = ({ className, bodyClass, onClick }: ChatSideNavProps) => {\n    const [queryText, setQueryText] = useState('')\n\n    const { setSelectedConversation } = usGenerativeChatStore()\n\n    function handleDebounceFn(e: ChangeEvent<HTMLInputElement>) {\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 handleNewChat = () => {\n        setSelectedConversation('')\n        onClick?.()\n    }\n\n    return (\n        <Card\n            header={{\n                content: (\n                    <div className=\"flex items-center gap-2 px-5 w-full h-[60px]\">\n                        <TbSearch className=\"text-xl\" />\n                        <input\n                            className=\"flex-1 h-full placeholder:text-gray-400 placeholder:text-base bg-transparent focus:outline-none heading-text\"\n                            placeholder=\"Search chat\"\n                            onChange={handleInputChange}\n                        />\n                    </div>\n                ),\n                className: 'p-0',\n            }}\n            className={classNames('flex-1 xl:max-w-[320px] h-full', className)}\n            bodyClass={classNames('h-[calc(100%-60px-80px)] p-0', bodyClass)}\n        >\n            <ChatHistory queryText={queryText} onClick={onClick} />\n            <div className=\"px-5 py-2\">\n                <Button block variant=\"solid\" onClick={handleNewChat}>\n                    New chat\n                </Button>\n            </div>\n        </Card>\n    )\n}\n\nexport default ChatSideNav\n"],"names":["ChatSideNav","className","bodyClass","onClick","queryText","setQueryText","useState","setSelectedConversation","usGenerativeChatStore","handleDebounceFn","e","debounceFn","useDebounce","handleInputChange","handleNewChat","jsxs","Card","jsx","TbSearch","classNames","ChatHistory","Button"],"mappings":";;;;;;;;;;;AAeA,MAAMA,IAAc,CAAC,EAAE,WAAAC,GAAW,WAAAC,GAAW,SAAAC,QAAgC;AACzE,QAAM,CAACC,GAAWC,CAAY,IAAIC,EAAS,EAAE,GAEvC,EAAE,yBAAAC,EAAwB,IAAIC,EAAsB;AAE1D,WAASC,EAAiBC,GAAkC;AACzC,IAAAL,KAAA,QAAAA,EAAAK,EAAE,OAAO;AAAA,EAAK;AAG3B,QAAAC,IAAaC,EAAYH,GAAkB,GAAG,GAE9CI,IAAoB,CAACH,MAAqC;AAC5D,IAAAC,EAAWD,CAAC;AAAA,EAChB,GAEMI,IAAgB,MAAM;AACxB,IAAAP,EAAwB,EAAE,GAChBJ,KAAA,QAAAA;AAAA,EACd;AAGI,SAAA,gBAAAY;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,QAAQ;AAAA,QACJ,SACI,gBAAAD,EAAC,OAAI,EAAA,WAAU,gDACX,UAAA;AAAA,UAAC,gBAAAE,EAAAC,GAAA,EAAS,WAAU,UAAU,CAAA;AAAA,UAC9B,gBAAAD;AAAA,YAAC;AAAA,YAAA;AAAA,cACG,WAAU;AAAA,cACV,aAAY;AAAA,cACZ,UAAUJ;AAAA,YAAA;AAAA,UAAA;AAAA,QACd,GACJ;AAAA,QAEJ,WAAW;AAAA,MACf;AAAA,MACA,WAAWM,EAAW,kCAAkClB,CAAS;AAAA,MACjE,WAAWkB,EAAW,gCAAgCjB,CAAS;AAAA,MAE/D,UAAA;AAAA,QAAC,gBAAAe,EAAAG,GAAA,EAAY,WAAAhB,GAAsB,SAAAD,EAAkB,CAAA;AAAA,QACpD,gBAAAc,EAAA,OAAA,EAAI,WAAU,aACX,UAAC,gBAAAA,EAAAI,GAAA,EAAO,OAAK,IAAC,SAAQ,SAAQ,SAASP,GAAe,sBAEtD,EACJ,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACJ;AAER;"}