@orbe-agro/client-core 5.3.85 → 5.3.89

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

@@ -5,47 +5,47 @@ 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);
+import r from "../../../../../utils/classNames.js";
+import { TbSearch as C } from "react-icons/tb";
+import b from "../../../../../components/ui/Card/Card.js";
+import g from "../../../../../components/ui/Button/Button.js";
+const G = ({ className: n, bodyClass: l, onClick: a }) => {
+  const [s, c] = u(""), { setSelectedConversation: m } = f();
+  function i(t) {
+    c?.(t.target.value);
   }
-  const h = N(p, 500), i = (r) => {
-    h(r);
+  const p = N(i, 500), h = (t) => {
+    p(t);
   }, d = () => {
-    m(""), t == null || t();
+    m(""), a?.();
   };
   return /* @__PURE__ */ o(
-    g,
+    b,
     {
       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(C, { 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
+              onChange: h
             }
           )
         ] }),
         className: "p-0"
       },
-      className: s("flex-1 xl:max-w-[320px] h-full", n),
-      bodyClass: s("h-[calc(100%-60px-80px)] p-0", l),
+      className: r("flex-1 xl:max-w-[320px] h-full", n),
+      bodyClass: r("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" }) })
+        /* @__PURE__ */ e(x, { queryText: s, onClick: a }),
+        /* @__PURE__ */ e("div", { className: "px-5 py-2", children: /* @__PURE__ */ e(g, { block: !0, variant: "solid", onClick: d, children: "New chat" }) })
       ]
     }
   );
 };
 export {
-  I as default
+  G as default
 };
 //# sourceMappingURL=ChatSideNav.js.map

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

@@ -1 +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,EAAA,IAA4BC,EAAA;AAEpC,WAASC,EAAiBC,GAAkC;AACxD,IAAAL,KAAA,QAAAA,EAAeK,EAAE,OAAO;AAAA,EAC5B;AAEA,QAAMC,IAAaC,EAAYH,GAAkB,GAAG,GAE9CI,IAAoB,CAACH,MAAqC;AAC5D,IAAAC,EAAWD,CAAC;AAAA,EAChB,GAEMI,IAAgB,MAAM;AACxB,IAAAP,EAAwB,EAAE,GAC1BJ,KAAA,QAAAA;AAAA,EACJ;AAEA,SACI,gBAAAY;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,QAAQ;AAAA,QACJ,SACI,gBAAAD,EAAC,OAAA,EAAI,WAAU,gDACX,UAAA;AAAA,UAAA,gBAAAE,EAACC,GAAA,EAAS,WAAU,UAAA,CAAU;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,MAAA;AAAA,MAEf,WAAWM,EAAW,kCAAkClB,CAAS;AAAA,MACjE,WAAWkB,EAAW,gCAAgCjB,CAAS;AAAA,MAE/D,UAAA;AAAA,QAAA,gBAAAe,EAACG,GAAA,EAAY,WAAAhB,GAAsB,SAAAD,EAAA,CAAkB;AAAA,QACrD,gBAAAc,EAAC,OAAA,EAAI,WAAU,aACX,UAAA,gBAAAA,EAACI,GAAA,EAAO,OAAK,IAAC,SAAQ,SAAQ,SAASP,GAAe,sBAEtD,EAAA,CACJ;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGZ;"}
+{"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,EAAA,IAA4BC,EAAA;AAEpC,WAASC,EAAiBC,GAAkC;AACxD,IAAAL,IAAeK,EAAE,OAAO,KAAK;AAAA,EACjC;AAEA,QAAMC,IAAaC,EAAYH,GAAkB,GAAG,GAE9CI,IAAoB,CAACH,MAAqC;AAC5D,IAAAC,EAAWD,CAAC;AAAA,EAChB,GAEMI,IAAgB,MAAM;AACxB,IAAAP,EAAwB,EAAE,GAC1BJ,IAAA;AAAA,EACJ;AAEA,SACI,gBAAAY;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,QAAQ;AAAA,QACJ,SACI,gBAAAD,EAAC,OAAA,EAAI,WAAU,gDACX,UAAA;AAAA,UAAA,gBAAAE,EAACC,GAAA,EAAS,WAAU,UAAA,CAAU;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,MAAA;AAAA,MAEf,WAAWM,EAAW,kCAAkClB,CAAS;AAAA,MACjE,WAAWkB,EAAW,gCAAgCjB,CAAS;AAAA,MAE/D,UAAA;AAAA,QAAA,gBAAAe,EAACG,GAAA,EAAY,WAAAhB,GAAsB,SAAAD,EAAA,CAAkB;AAAA,QACrD,gBAAAc,EAAC,OAAA,EAAI,WAAU,aACX,UAAA,gBAAAA,EAACI,GAAA,EAAO,OAAK,IAAC,SAAQ,SAAQ,SAASP,GAAe,sBAEtD,EAAA,CACJ;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGZ;"}

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

@@ -1,4 +1,4 @@
-import { jsxs as u, jsx as r } from "react/jsx-runtime";
+import { jsxs as u, jsx as o } from "react/jsx-runtime";
 import { useRef as p, useEffect as d, useMemo as C } from "react";
 import "../../../../../components/ui/Card/index.js";
 import "../../../../../components/view/ChatBox/index.js";
@@ -11,62 +11,58 @@ import E from "../hooks/useChatSend.js";
 import S from "../../../../../components/ui/Card/Card.js";
 import b from "../../../../../components/view/ChatBox/ChatBox.js";
 const V = () => {
-  const n = p(null), { selectedConversation: e, chatHistory: i, isTyping: l, disabledChatFresh: s } = w(), { handleSend: c } = E(), a = () => {
-    var t;
-    if ((t = n.current) != null && t.getScrollElement) {
-      const o = n.current.getScrollElement();
-      o && (o.scrollTop = o.scrollHeight);
+  const r = p(null), { selectedConversation: e, chatHistory: n, isTyping: i, disabledChatFresh: l } = w(), { handleSend: s } = E(), a = () => {
+    if (r.current?.getScrollElement) {
+      const t = r.current.getScrollElement();
+      t && (t.scrollTop = t.scrollHeight);
     }
   };
   d(() => {
     a();
-  }, [e, i]);
-  const h = C(() => {
-    const t = i.find(
-      (o) => o.id === e
-    );
-    return (t == null ? void 0 : t.conversation) || [];
-  }, [e, i]), m = async ({
+  }, [e, n]);
+  const c = C(() => n.find(
+    (f) => f.id === e
+  )?.conversation || [], [e, n]), h = async ({
     value: t
   }) => {
-    await c(t);
-  }, f = (t) => {
-    s(t), a();
+    await s(t);
+  }, m = (t) => {
+    l(t), a();
   };
   return /* @__PURE__ */ u(S, { className: "flex-1 h-full", bodyClass: "h-full", children: [
-    /* @__PURE__ */ r(x, {}),
-    /* @__PURE__ */ r(
+    /* @__PURE__ */ o(x, {}),
+    /* @__PURE__ */ o(
       b,
       {
-        ref: n,
-        messageList: h,
+        ref: r,
+        messageList: c,
         placeholder: "Enter a prompt here",
         showMessageList: !!e,
         showAvatar: !0,
         avatarGap: !0,
         containerClass: "h-[calc(100%-30px)] xl:h-full",
         messageListClass: "h-[calc(100%-100px)] xl:h-[calc(100%-70px)]",
-        typing: l ? {
+        typing: i ? {
           id: "ai",
           name: "Chat AI",
           avatarImageUrl: "/img/thumbs/ai.jpg"
         } : !1,
-        customRenderer: (t) => t.sender.id === "ai" ? /* @__PURE__ */ r(
+        customRenderer: (t) => t.sender.id === "ai" ? /* @__PURE__ */ o(
           v,
           {
             content: t.content,
             triggerTyping: t.fresh ? t.fresh : !1,
-            onFinish: () => f(t.id)
+            onFinish: () => m(t.id)
           }
         ) : t.content,
-        customAction: (t) => t.sender.id === "ai" ? /* @__PURE__ */ r(
+        customAction: (t) => t.sender.id === "ai" ? /* @__PURE__ */ o(
           y,
           {
             content: t.content
           }
         ) : null,
-        onInputChange: m,
-        children: !e && /* @__PURE__ */ r(g, {})
+        onInputChange: h,
+        children: !e && /* @__PURE__ */ o(g, {})
       }
     )
   ] });

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

@@ -1 +1 @@
-{"version":3,"file":"ChatView.js","sources":["../../../../../../../lib/@ecme/views/concepts/ai/Chat/components/ChatView.tsx"],"sourcesContent":["import { useRef, useEffect, useMemo } from 'react'\nimport Card from '@/components/ui/Card'\nimport ChatBox from '@/components/view/ChatBox'\nimport ChatLandingView from './ChatLandingView'\nimport ChatMobileNav from './ChatMobileNav'\nimport ChatCustomContent from './ChatCustomContent'\nimport ChatCustomAction from './ChatCustomAction'\nimport { usGenerativeChatStore } from '../store/generativeChatStore'\nimport useChatSend from '../hooks/useChatSend'\nimport type { ScrollBarRef } from '@/components/ui/ScrollBar'\n\nconst ChatView = () => {\n    const scrollRef = useRef<ScrollBarRef>(null)\n    const { selectedConversation, chatHistory, isTyping, disabledChatFresh } =\n        usGenerativeChatStore()\n    const { handleSend } = useChatSend()\n\n    const scrollToBottom = () => {\n        if (scrollRef.current?.getScrollElement) {\n            const scrollElement = scrollRef.current.getScrollElement()\n            if (scrollElement) {\n                scrollElement.scrollTop = scrollElement.scrollHeight\n            }\n        }\n    }\n\n    useEffect(() => {\n        scrollToBottom()\n    }, [selectedConversation, chatHistory])\n\n    const messageList = useMemo(() => {\n        const chat = chatHistory.find(\n            (chat) => chat.id === selectedConversation,\n        )\n        return chat?.conversation || []\n    }, [selectedConversation, chatHistory])\n\n    const handleInputChange = async ({\n        value,\n    }: {\n        value: string\n        attachments?: File[]\n    }) => {\n        await handleSend(value)\n    }\n\n    const handleFinish = (id: string) => {\n        disabledChatFresh(id)\n        scrollToBottom()\n    }\n\n    return (\n        <Card className=\"flex-1 h-full\" bodyClass=\"h-full\">\n            <ChatMobileNav />\n            <ChatBox\n                ref={scrollRef}\n                messageList={messageList}\n                placeholder=\"Enter a prompt here\"\n                showMessageList={Boolean(selectedConversation)}\n                showAvatar={true}\n                avatarGap={true}\n                containerClass=\"h-[calc(100%-30px)] xl:h-full\"\n                messageListClass=\"h-[calc(100%-100px)] xl:h-[calc(100%-70px)]\"\n                typing={\n                    isTyping\n                        ? {\n                              id: 'ai',\n                              name: 'Chat AI',\n                              avatarImageUrl: '/img/thumbs/ai.jpg',\n                          }\n                        : false\n                }\n                customRenderer={(message) => {\n                    if (message.sender.id === 'ai') {\n                        return (\n                            <ChatCustomContent\n                                content={message.content as string}\n                                triggerTyping={\n                                    message.fresh ? message.fresh : false\n                                }\n                                onFinish={() => handleFinish(message.id)}\n                            />\n                        )\n                    }\n\n                    return message.content\n                }}\n                customAction={(message) => {\n                    if (message.sender.id === 'ai') {\n                        return (\n                            <ChatCustomAction\n                                content={message.content as string}\n                            />\n                        )\n                    }\n\n                    return null\n                }}\n                onInputChange={handleInputChange}\n            >\n                {!selectedConversation && <ChatLandingView />}\n            </ChatBox>\n        </Card>\n    )\n}\n\nexport default ChatView\n"],"names":["ChatView","scrollRef","useRef","selectedConversation","chatHistory","isTyping","disabledChatFresh","usGenerativeChatStore","handleSend","useChatSend","scrollToBottom","_a","scrollElement","useEffect","messageList","useMemo","chat","handleInputChange","value","handleFinish","id","jsxs","Card","jsx","ChatMobileNav","ChatBox","message","ChatCustomContent","ChatCustomAction","ChatLandingView"],"mappings":";;;;;;;;;;;;AAWA,MAAMA,IAAW,MAAM;AACnB,QAAMC,IAAYC,EAAqB,IAAI,GACrC,EAAE,sBAAAC,GAAsB,aAAAC,GAAa,UAAAC,GAAU,mBAAAC,EAAA,IACjDC,EAAA,GACE,EAAE,YAAAC,EAAA,IAAeC,EAAA,GAEjBC,IAAiB,MAAM;;AACzB,SAAIC,IAAAV,EAAU,YAAV,QAAAU,EAAmB,kBAAkB;AACrC,YAAMC,IAAgBX,EAAU,QAAQ,iBAAA;AACxC,MAAIW,MACAA,EAAc,YAAYA,EAAc;AAAA,IAEhD;AAAA,EACJ;AAEA,EAAAC,EAAU,MAAM;AACZ,IAAAH,EAAA;AAAA,EACJ,GAAG,CAACP,GAAsBC,CAAW,CAAC;AAEtC,QAAMU,IAAcC,EAAQ,MAAM;AAC9B,UAAMC,IAAOZ,EAAY;AAAA,MACrB,CAACY,MAASA,EAAK,OAAOb;AAAA,IAAA;AAE1B,YAAOa,KAAA,gBAAAA,EAAM,iBAAgB,CAAA;AAAA,EACjC,GAAG,CAACb,GAAsBC,CAAW,CAAC,GAEhCa,IAAoB,OAAO;AAAA,IAC7B,OAAAC;AAAA,EAAA,MAIE;AACF,UAAMV,EAAWU,CAAK;AAAA,EAC1B,GAEMC,IAAe,CAACC,MAAe;AACjC,IAAAd,EAAkBc,CAAE,GACpBV,EAAA;AAAA,EACJ;AAEA,SACI,gBAAAW,EAACC,GAAA,EAAK,WAAU,iBAAgB,WAAU,UACtC,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAA,EAAc;AAAA,IACf,gBAAAD;AAAA,MAACE;AAAA,MAAA;AAAA,QACG,KAAKxB;AAAA,QACL,aAAAa;AAAA,QACA,aAAY;AAAA,QACZ,iBAAiB,EAAQX;AAAA,QACzB,YAAY;AAAA,QACZ,WAAW;AAAA,QACX,gBAAe;AAAA,QACf,kBAAiB;AAAA,QACjB,QACIE,IACM;AAAA,UACI,IAAI;AAAA,UACJ,MAAM;AAAA,UACN,gBAAgB;AAAA,QAAA,IAEpB;AAAA,QAEV,gBAAgB,CAACqB,MACTA,EAAQ,OAAO,OAAO,OAElB,gBAAAH;AAAA,UAACI;AAAA,UAAA;AAAA,YACG,SAASD,EAAQ;AAAA,YACjB,eACIA,EAAQ,QAAQA,EAAQ,QAAQ;AAAA,YAEpC,UAAU,MAAMP,EAAaO,EAAQ,EAAE;AAAA,UAAA;AAAA,QAAA,IAK5CA,EAAQ;AAAA,QAEnB,cAAc,CAACA,MACPA,EAAQ,OAAO,OAAO,OAElB,gBAAAH;AAAA,UAACK;AAAA,UAAA;AAAA,YACG,SAASF,EAAQ;AAAA,UAAA;AAAA,QAAA,IAKtB;AAAA,QAEX,eAAeT;AAAA,QAEd,UAAA,CAACd,KAAwB,gBAAAoB,EAACM,GAAA,CAAA,CAAgB;AAAA,MAAA;AAAA,IAAA;AAAA,EAC/C,GACJ;AAER;"}
+{"version":3,"file":"ChatView.js","sources":["../../../../../../../lib/@ecme/views/concepts/ai/Chat/components/ChatView.tsx"],"sourcesContent":["import { useRef, useEffect, useMemo } from 'react'\nimport Card from '@/components/ui/Card'\nimport ChatBox from '@/components/view/ChatBox'\nimport ChatLandingView from './ChatLandingView'\nimport ChatMobileNav from './ChatMobileNav'\nimport ChatCustomContent from './ChatCustomContent'\nimport ChatCustomAction from './ChatCustomAction'\nimport { usGenerativeChatStore } from '../store/generativeChatStore'\nimport useChatSend from '../hooks/useChatSend'\nimport type { ScrollBarRef } from '@/components/ui/ScrollBar'\n\nconst ChatView = () => {\n    const scrollRef = useRef<ScrollBarRef>(null)\n    const { selectedConversation, chatHistory, isTyping, disabledChatFresh } =\n        usGenerativeChatStore()\n    const { handleSend } = useChatSend()\n\n    const scrollToBottom = () => {\n        if (scrollRef.current?.getScrollElement) {\n            const scrollElement = scrollRef.current.getScrollElement()\n            if (scrollElement) {\n                scrollElement.scrollTop = scrollElement.scrollHeight\n            }\n        }\n    }\n\n    useEffect(() => {\n        scrollToBottom()\n    }, [selectedConversation, chatHistory])\n\n    const messageList = useMemo(() => {\n        const chat = chatHistory.find(\n            (chat) => chat.id === selectedConversation,\n        )\n        return chat?.conversation || []\n    }, [selectedConversation, chatHistory])\n\n    const handleInputChange = async ({\n        value,\n    }: {\n        value: string\n        attachments?: File[]\n    }) => {\n        await handleSend(value)\n    }\n\n    const handleFinish = (id: string) => {\n        disabledChatFresh(id)\n        scrollToBottom()\n    }\n\n    return (\n        <Card className=\"flex-1 h-full\" bodyClass=\"h-full\">\n            <ChatMobileNav />\n            <ChatBox\n                ref={scrollRef}\n                messageList={messageList}\n                placeholder=\"Enter a prompt here\"\n                showMessageList={Boolean(selectedConversation)}\n                showAvatar={true}\n                avatarGap={true}\n                containerClass=\"h-[calc(100%-30px)] xl:h-full\"\n                messageListClass=\"h-[calc(100%-100px)] xl:h-[calc(100%-70px)]\"\n                typing={\n                    isTyping\n                        ? {\n                              id: 'ai',\n                              name: 'Chat AI',\n                              avatarImageUrl: '/img/thumbs/ai.jpg',\n                          }\n                        : false\n                }\n                customRenderer={(message) => {\n                    if (message.sender.id === 'ai') {\n                        return (\n                            <ChatCustomContent\n                                content={message.content as string}\n                                triggerTyping={\n                                    message.fresh ? message.fresh : false\n                                }\n                                onFinish={() => handleFinish(message.id)}\n                            />\n                        )\n                    }\n\n                    return message.content\n                }}\n                customAction={(message) => {\n                    if (message.sender.id === 'ai') {\n                        return (\n                            <ChatCustomAction\n                                content={message.content as string}\n                            />\n                        )\n                    }\n\n                    return null\n                }}\n                onInputChange={handleInputChange}\n            >\n                {!selectedConversation && <ChatLandingView />}\n            </ChatBox>\n        </Card>\n    )\n}\n\nexport default ChatView\n"],"names":["ChatView","scrollRef","useRef","selectedConversation","chatHistory","isTyping","disabledChatFresh","usGenerativeChatStore","handleSend","useChatSend","scrollToBottom","scrollElement","useEffect","messageList","useMemo","chat","handleInputChange","value","handleFinish","id","jsxs","Card","jsx","ChatMobileNav","ChatBox","message","ChatCustomContent","ChatCustomAction","ChatLandingView"],"mappings":";;;;;;;;;;;;AAWA,MAAMA,IAAW,MAAM;AACnB,QAAMC,IAAYC,EAAqB,IAAI,GACrC,EAAE,sBAAAC,GAAsB,aAAAC,GAAa,UAAAC,GAAU,mBAAAC,EAAA,IACjDC,EAAA,GACE,EAAE,YAAAC,EAAA,IAAeC,EAAA,GAEjBC,IAAiB,MAAM;AACzB,QAAIT,EAAU,SAAS,kBAAkB;AACrC,YAAMU,IAAgBV,EAAU,QAAQ,iBAAA;AACxC,MAAIU,MACAA,EAAc,YAAYA,EAAc;AAAA,IAEhD;AAAA,EACJ;AAEA,EAAAC,EAAU,MAAM;AACZ,IAAAF,EAAA;AAAA,EACJ,GAAG,CAACP,GAAsBC,CAAW,CAAC;AAEtC,QAAMS,IAAcC,EAAQ,MACXV,EAAY;AAAA,IACrB,CAACW,MAASA,EAAK,OAAOZ;AAAA,EAAA,GAEb,gBAAgB,CAAA,GAC9B,CAACA,GAAsBC,CAAW,CAAC,GAEhCY,IAAoB,OAAO;AAAA,IAC7B,OAAAC;AAAA,EAAA,MAIE;AACF,UAAMT,EAAWS,CAAK;AAAA,EAC1B,GAEMC,IAAe,CAACC,MAAe;AACjC,IAAAb,EAAkBa,CAAE,GACpBT,EAAA;AAAA,EACJ;AAEA,SACI,gBAAAU,EAACC,GAAA,EAAK,WAAU,iBAAgB,WAAU,UACtC,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAA,EAAc;AAAA,IACf,gBAAAD;AAAA,MAACE;AAAA,MAAA;AAAA,QACG,KAAKvB;AAAA,QACL,aAAAY;AAAA,QACA,aAAY;AAAA,QACZ,iBAAiB,EAAQV;AAAA,QACzB,YAAY;AAAA,QACZ,WAAW;AAAA,QACX,gBAAe;AAAA,QACf,kBAAiB;AAAA,QACjB,QACIE,IACM;AAAA,UACI,IAAI;AAAA,UACJ,MAAM;AAAA,UACN,gBAAgB;AAAA,QAAA,IAEpB;AAAA,QAEV,gBAAgB,CAACoB,MACTA,EAAQ,OAAO,OAAO,OAElB,gBAAAH;AAAA,UAACI;AAAA,UAAA;AAAA,YACG,SAASD,EAAQ;AAAA,YACjB,eACIA,EAAQ,QAAQA,EAAQ,QAAQ;AAAA,YAEpC,UAAU,MAAMP,EAAaO,EAAQ,EAAE;AAAA,UAAA;AAAA,QAAA,IAK5CA,EAAQ;AAAA,QAEnB,cAAc,CAACA,MACPA,EAAQ,OAAO,OAAO,OAElB,gBAAAH;AAAA,UAACK;AAAA,UAAA;AAAA,YACG,SAASF,EAAQ;AAAA,UAAA;AAAA,QAAA,IAKtB;AAAA,QAEX,eAAeT;AAAA,QAEd,UAAA,CAACb,KAAwB,gBAAAmB,EAACM,GAAA,CAAA,CAAgB;AAAA,MAAA;AAAA,IAAA;AAAA,EAC/C,GACJ;AAER;"}

package/dist/@ecme/views/concepts/ai/Chat/store/generativeChatStore.js

@@ -1,5 +1,5 @@
-import { create as a } from "zustand";
-const c = {
+import { create as n } from "zustand";
+const a = {
   selectedConversation: "",
   selectedConversationRecord: [],
   chatHistory: [],
@@ -9,30 +9,24 @@ const c = {
     open: !1
   },
   isTyping: !1
-}, d = a((r, s) => ({
-  ...c,
-  setSelectedConversation: (e) => r(() => ({ selectedConversation: e })),
-  setChatHistory: (e) => r(() => ({ chatHistory: e })),
-  setChatHistoryName: (e) => r(() => ({ chatHistory: s().chatHistory.map((i) => (i.id === e.id && (i.title = e.title), i)) })),
-  setRenameDialog: (e) => r(() => ({ renameDialog: e })),
-  setSelectedConversationRecord: (e) => r(() => {
-    let t = s().selectedConversationRecord;
-    return t.includes(e) ? t = t.filter((i) => i !== e) : t.push(e), { selectedConversationRecord: t };
+}, l = n((i, o) => ({
+  ...a,
+  setSelectedConversation: (e) => i(() => ({ selectedConversation: e })),
+  setChatHistory: (e) => i(() => ({ chatHistory: e })),
+  setChatHistoryName: (e) => i(() => ({ chatHistory: o().chatHistory.map((r) => (r.id === e.id && (r.title = e.title), r)) })),
+  setRenameDialog: (e) => i(() => ({ renameDialog: e })),
+  setSelectedConversationRecord: (e) => i(() => {
+    let t = o().selectedConversationRecord;
+    return t.includes(e) ? t = t.filter((r) => r !== e) : t.push(e), { selectedConversationRecord: t };
   }),
-  pushChatHistory: (e) => r(() => ({ chatHistory: [e, ...s().chatHistory] })),
-  pushConversation: (e, t) => r(() => ({ chatHistory: s().chatHistory.map((o) => {
-    var n;
-    return o.id === e && (o.conversation || (o.conversation = []), (n = o.conversation) == null || n.push(t)), o;
-  }) })),
-  setIsTyping: (e) => r(() => ({ isTyping: e })),
-  disabledChatFresh: () => r(() => ({ chatHistory: s().chatHistory.map((t) => {
-    var i;
-    return t.id === s().selectedConversation && (t.conversation = (i = t.conversation) == null ? void 0 : i.map(
-      (o) => (o.fresh && (o.fresh = !1), o)
-    )), t;
-  }) }))
+  pushChatHistory: (e) => i(() => ({ chatHistory: [e, ...o().chatHistory] })),
+  pushConversation: (e, t) => i(() => ({ chatHistory: o().chatHistory.map((s) => (s.id === e && (s.conversation || (s.conversation = []), s.conversation?.push(t)), s)) })),
+  setIsTyping: (e) => i(() => ({ isTyping: e })),
+  disabledChatFresh: () => i(() => ({ chatHistory: o().chatHistory.map((t) => (t.id === o().selectedConversation && (t.conversation = t.conversation?.map(
+    (r) => (r.fresh && (r.fresh = !1), r)
+  )), t)) }))
 }));
 export {
-  d as usGenerativeChatStore
+  l as usGenerativeChatStore
 };
 //# sourceMappingURL=generativeChatStore.js.map

package/dist/@ecme/views/concepts/ai/Chat/store/generativeChatStore.js.map

@@ -1 +1 @@
-{"version":3,"file":"generativeChatStore.js","sources":["../../../../../../../lib/@ecme/views/concepts/ai/Chat/store/generativeChatStore.ts"],"sourcesContent":["import { create } from 'zustand'\nimport type { ChatHistories, ChatHistory, Conversation } from '../types'\n\ntype RenameDialog = {\n    id: string\n    title: string\n    open: boolean\n}\n\nexport type GenerativeChatState = {\n    selectedConversation: string\n    selectedConversationRecord: string[]\n    chatHistory: ChatHistories\n    renameDialog: RenameDialog\n    isTyping: boolean\n}\n\ntype GenerativeChatAction = {\n    setSelectedConversation: (payload: string) => void\n    setSelectedConversationRecord: (payload: string) => void\n    setChatHistory: (payload: ChatHistories) => void\n    setChatHistoryName: (payload: { id: string; title: string }) => void\n    setRenameDialog: (payload: RenameDialog) => void\n    setIsTyping: (payload: boolean) => void\n    pushChatHistory: (payload: ChatHistory) => void\n    pushConversation: (id: string, conversation: Conversation) => void\n    disabledChatFresh: (id: string) => void\n}\n\nconst initialState: GenerativeChatState = {\n    selectedConversation: '',\n    selectedConversationRecord: [],\n    chatHistory: [],\n    renameDialog: {\n        id: '',\n        title: '',\n        open: false,\n    },\n    isTyping: false,\n}\n\nexport const usGenerativeChatStore = create<\n    GenerativeChatState & GenerativeChatAction\n>((set, get) => ({\n    ...initialState,\n    setSelectedConversation: (payload) =>\n        set(() => ({ selectedConversation: payload })),\n    setChatHistory: (payload) => set(() => ({ chatHistory: payload })),\n    setChatHistoryName: (payload) =>\n        set(() => {\n            const chatHistory = get().chatHistory.map((chat) => {\n                if (chat.id === payload.id) {\n                    chat.title = payload.title\n                }\n                return chat\n            })\n            return { chatHistory }\n        }),\n    setRenameDialog: (payload) => set(() => ({ renameDialog: payload })),\n    setSelectedConversationRecord: (payload) =>\n        set(() => {\n            let record = get().selectedConversationRecord\n\n            if (record.includes(payload)) {\n                record = record.filter((item) => item !== payload)\n            } else {\n                record.push(payload)\n            }\n\n            return { selectedConversationRecord: record }\n        }),\n    pushChatHistory: (payload) =>\n        set(() => ({ chatHistory: [...[payload], ...get().chatHistory] })),\n    pushConversation: (id, conversation) =>\n        set(() => {\n            const chatHistory = get().chatHistory.map((chat) => {\n                if (chat.id === id) {\n                    if (!chat.conversation) {\n                        chat.conversation = []\n                    }\n                    chat.conversation?.push(conversation)\n                }\n                return chat\n            })\n            return { chatHistory }\n        }),\n    setIsTyping: (payload) => set(() => ({ isTyping: payload })),\n    disabledChatFresh: () =>\n        set(() => {\n            const chatHistory = get().chatHistory.map((chat) => {\n                if (chat.id === get().selectedConversation) {\n                    chat.conversation = chat.conversation?.map(\n                        (conversation) => {\n                            if (conversation.fresh) {\n                                conversation.fresh = false\n                            }\n                            return conversation\n                        },\n                    )\n                }\n                return chat\n            })\n            return { chatHistory }\n        }),\n}))\n"],"names":["initialState","usGenerativeChatStore","create","set","get","payload","chat","record","item","id","conversation","_a"],"mappings":";AA6BA,MAAMA,IAAoC;AAAA,EACtC,sBAAsB;AAAA,EACtB,4BAA4B,CAAA;AAAA,EAC5B,aAAa,CAAA;AAAA,EACb,cAAc;AAAA,IACV,IAAI;AAAA,IACJ,OAAO;AAAA,IACP,MAAM;AAAA,EAAA;AAAA,EAEV,UAAU;AACd,GAEaC,IAAwBC,EAEnC,CAACC,GAAKC,OAAS;AAAA,EACb,GAAGJ;AAAA,EACH,yBAAyB,CAACK,MACtBF,EAAI,OAAO,EAAE,sBAAsBE,IAAU;AAAA,EACjD,gBAAgB,CAACA,MAAYF,EAAI,OAAO,EAAE,aAAaE,IAAU;AAAA,EACjE,oBAAoB,CAACA,MACjBF,EAAI,OAOO,EAAE,aANWC,EAAA,EAAM,YAAY,IAAI,CAACE,OACnCA,EAAK,OAAOD,EAAQ,OACpBC,EAAK,QAAQD,EAAQ,QAElBC,EACV,EACQ,EACZ;AAAA,EACL,iBAAiB,CAACD,MAAYF,EAAI,OAAO,EAAE,cAAcE,IAAU;AAAA,EACnE,+BAA+B,CAACA,MAC5BF,EAAI,MAAM;AACN,QAAII,IAASH,IAAM;AAEnB,WAAIG,EAAO,SAASF,CAAO,IACvBE,IAASA,EAAO,OAAO,CAACC,MAASA,MAASH,CAAO,IAEjDE,EAAO,KAAKF,CAAO,GAGhB,EAAE,4BAA4BE,EAAA;AAAA,EACzC,CAAC;AAAA,EACL,iBAAiB,CAACF,MACdF,EAAI,OAAO,EAAE,aAAa,CAAKE,GAAU,GAAGD,IAAM,WAAW,IAAI;AAAA,EACrE,kBAAkB,CAACK,GAAIC,MACnBP,EAAI,OAUO,EAAE,aATWC,EAAA,EAAM,YAAY,IAAI,CAACE,MAAS;;AAChD,WAAIA,EAAK,OAAOG,MACPH,EAAK,iBACNA,EAAK,eAAe,CAAA,KAExBK,IAAAL,EAAK,iBAAL,QAAAK,EAAmB,KAAKD,KAErBJ;AAAA,EACX,CAAC,EACQ,EACZ;AAAA,EACL,aAAa,CAACD,MAAYF,EAAI,OAAO,EAAE,UAAUE,IAAU;AAAA,EAC3D,mBAAmB,MACfF,EAAI,OAcO,EAAE,aAbWC,EAAA,EAAM,YAAY,IAAI,CAACE,MAAS;;AAChD,WAAIA,EAAK,OAAOF,EAAA,EAAM,yBAClBE,EAAK,gBAAeK,IAAAL,EAAK,iBAAL,gBAAAK,EAAmB;AAAA,MACnC,CAACD,OACOA,EAAa,UACbA,EAAa,QAAQ,KAElBA;AAAA,QAIZJ;AAAA,EACX,CAAC,EACQ,EACZ;AACT,EAAE;"}
+{"version":3,"file":"generativeChatStore.js","sources":["../../../../../../../lib/@ecme/views/concepts/ai/Chat/store/generativeChatStore.ts"],"sourcesContent":["import { create } from 'zustand'\nimport type { ChatHistories, ChatHistory, Conversation } from '../types'\n\ntype RenameDialog = {\n    id: string\n    title: string\n    open: boolean\n}\n\nexport type GenerativeChatState = {\n    selectedConversation: string\n    selectedConversationRecord: string[]\n    chatHistory: ChatHistories\n    renameDialog: RenameDialog\n    isTyping: boolean\n}\n\ntype GenerativeChatAction = {\n    setSelectedConversation: (payload: string) => void\n    setSelectedConversationRecord: (payload: string) => void\n    setChatHistory: (payload: ChatHistories) => void\n    setChatHistoryName: (payload: { id: string; title: string }) => void\n    setRenameDialog: (payload: RenameDialog) => void\n    setIsTyping: (payload: boolean) => void\n    pushChatHistory: (payload: ChatHistory) => void\n    pushConversation: (id: string, conversation: Conversation) => void\n    disabledChatFresh: (id: string) => void\n}\n\nconst initialState: GenerativeChatState = {\n    selectedConversation: '',\n    selectedConversationRecord: [],\n    chatHistory: [],\n    renameDialog: {\n        id: '',\n        title: '',\n        open: false,\n    },\n    isTyping: false,\n}\n\nexport const usGenerativeChatStore = create<\n    GenerativeChatState & GenerativeChatAction\n>((set, get) => ({\n    ...initialState,\n    setSelectedConversation: (payload) =>\n        set(() => ({ selectedConversation: payload })),\n    setChatHistory: (payload) => set(() => ({ chatHistory: payload })),\n    setChatHistoryName: (payload) =>\n        set(() => {\n            const chatHistory = get().chatHistory.map((chat) => {\n                if (chat.id === payload.id) {\n                    chat.title = payload.title\n                }\n                return chat\n            })\n            return { chatHistory }\n        }),\n    setRenameDialog: (payload) => set(() => ({ renameDialog: payload })),\n    setSelectedConversationRecord: (payload) =>\n        set(() => {\n            let record = get().selectedConversationRecord\n\n            if (record.includes(payload)) {\n                record = record.filter((item) => item !== payload)\n            } else {\n                record.push(payload)\n            }\n\n            return { selectedConversationRecord: record }\n        }),\n    pushChatHistory: (payload) =>\n        set(() => ({ chatHistory: [...[payload], ...get().chatHistory] })),\n    pushConversation: (id, conversation) =>\n        set(() => {\n            const chatHistory = get().chatHistory.map((chat) => {\n                if (chat.id === id) {\n                    if (!chat.conversation) {\n                        chat.conversation = []\n                    }\n                    chat.conversation?.push(conversation)\n                }\n                return chat\n            })\n            return { chatHistory }\n        }),\n    setIsTyping: (payload) => set(() => ({ isTyping: payload })),\n    disabledChatFresh: () =>\n        set(() => {\n            const chatHistory = get().chatHistory.map((chat) => {\n                if (chat.id === get().selectedConversation) {\n                    chat.conversation = chat.conversation?.map(\n                        (conversation) => {\n                            if (conversation.fresh) {\n                                conversation.fresh = false\n                            }\n                            return conversation\n                        },\n                    )\n                }\n                return chat\n            })\n            return { chatHistory }\n        }),\n}))\n"],"names":["initialState","usGenerativeChatStore","create","set","get","payload","chat","record","item","id","conversation"],"mappings":";AA6BA,MAAMA,IAAoC;AAAA,EACtC,sBAAsB;AAAA,EACtB,4BAA4B,CAAA;AAAA,EAC5B,aAAa,CAAA;AAAA,EACb,cAAc;AAAA,IACV,IAAI;AAAA,IACJ,OAAO;AAAA,IACP,MAAM;AAAA,EAAA;AAAA,EAEV,UAAU;AACd,GAEaC,IAAwBC,EAEnC,CAACC,GAAKC,OAAS;AAAA,EACb,GAAGJ;AAAA,EACH,yBAAyB,CAACK,MACtBF,EAAI,OAAO,EAAE,sBAAsBE,IAAU;AAAA,EACjD,gBAAgB,CAACA,MAAYF,EAAI,OAAO,EAAE,aAAaE,IAAU;AAAA,EACjE,oBAAoB,CAACA,MACjBF,EAAI,OAOO,EAAE,aANWC,EAAA,EAAM,YAAY,IAAI,CAACE,OACnCA,EAAK,OAAOD,EAAQ,OACpBC,EAAK,QAAQD,EAAQ,QAElBC,EACV,EACQ,EACZ;AAAA,EACL,iBAAiB,CAACD,MAAYF,EAAI,OAAO,EAAE,cAAcE,IAAU;AAAA,EACnE,+BAA+B,CAACA,MAC5BF,EAAI,MAAM;AACN,QAAII,IAASH,IAAM;AAEnB,WAAIG,EAAO,SAASF,CAAO,IACvBE,IAASA,EAAO,OAAO,CAACC,MAASA,MAASH,CAAO,IAEjDE,EAAO,KAAKF,CAAO,GAGhB,EAAE,4BAA4BE,EAAA;AAAA,EACzC,CAAC;AAAA,EACL,iBAAiB,CAACF,MACdF,EAAI,OAAO,EAAE,aAAa,CAAKE,GAAU,GAAGD,IAAM,WAAW,IAAI;AAAA,EACrE,kBAAkB,CAACK,GAAIC,MACnBP,EAAI,OAUO,EAAE,aATWC,EAAA,EAAM,YAAY,IAAI,CAACE,OACnCA,EAAK,OAAOG,MACPH,EAAK,iBACNA,EAAK,eAAe,CAAA,IAExBA,EAAK,cAAc,KAAKI,CAAY,IAEjCJ,EACV,EACQ,EACZ;AAAA,EACL,aAAa,CAACD,MAAYF,EAAI,OAAO,EAAE,UAAUE,IAAU;AAAA,EAC3D,mBAAmB,MACfF,EAAI,OAcO,EAAE,aAbWC,EAAA,EAAM,YAAY,IAAI,CAACE,OACnCA,EAAK,OAAOF,EAAA,EAAM,yBAClBE,EAAK,eAAeA,EAAK,cAAc;AAAA,IACnC,CAACI,OACOA,EAAa,UACbA,EAAa,QAAQ,KAElBA;AAAA,EACX,IAGDJ,EACV,EACQ,EACZ;AACT,EAAE;"}

package/dist/@ecme/views/concepts/ai/Image/components/ConfigDropdown.js

@@ -1,44 +1,44 @@
-import { jsx as o, jsxs as l } from "react/jsx-runtime";
-import { useMemo as u } from "react";
-import { Avatar as p } from "../../../../../components/ui/Avatar/index.js";
+import { jsx as n, jsxs as o } from "react/jsx-runtime";
+import { useMemo as p } from "react";
+import { Avatar as l } from "../../../../../components/ui/Avatar/index.js";
 import "../../../../../components/ui/Button/index.js";
 import { Dropdown as c } from "../../../../../components/ui/Dropdown/index.js";
-import v from "../../../../../components/ui/Button/Button.js";
-const N = (i) => {
-  const { list: s = [], onSelect: m, value: n } = i, r = u(() => s.find((a) => a.value === n), [s, n]);
-  return /* @__PURE__ */ o(
+import d from "../../../../../components/ui/Button/Button.js";
+const g = (i) => {
+  const { list: r = [], onSelect: t, value: a } = i, s = p(() => r.find((e) => e.value === a), [r, a]);
+  return /* @__PURE__ */ n(
     c,
     {
-      renderTitle: /* @__PURE__ */ o(v, { size: "sm", className: "py-1", children: /* @__PURE__ */ l("div", { className: "flex gap-2 items-center", children: [
-        (r == null ? void 0 : r.isIcon) && /* @__PURE__ */ o("span", { className: "text-xl", children: r.icon }),
-        !(r != null && r.isIcon) && (r == null ? void 0 : r.image) && /* @__PURE__ */ o(
-          p,
+      renderTitle: /* @__PURE__ */ n(d, { size: "sm", className: "py-1", children: /* @__PURE__ */ o("div", { className: "flex gap-2 items-center", children: [
+        s?.isIcon && /* @__PURE__ */ n("span", { className: "text-xl", children: s.icon }),
+        !s?.isIcon && s?.image && /* @__PURE__ */ n(
+          l,
           {
-            src: r.image,
+            src: s.image,
             size: 28,
             shape: "round"
           }
         ),
-        r == null ? void 0 : r.label
+        s?.label
       ] }) }),
-      children: s.map((a) => /* @__PURE__ */ l(
+      children: r.map((e) => /* @__PURE__ */ o(
         c.Item,
         {
-          eventKey: a.value,
-          active: a.value === (r == null ? void 0 : r.value),
-          onSelect: m,
+          eventKey: e.value,
+          active: e.value === s?.value,
+          onSelect: t,
           children: [
-            a.isIcon && /* @__PURE__ */ o("span", { className: "text-xl", children: a.icon }),
-            !a.isIcon && a.image && /* @__PURE__ */ o(p, { src: a.image, size: 28, shape: "round" }),
-            /* @__PURE__ */ o("span", { children: a.label })
+            e.isIcon && /* @__PURE__ */ n("span", { className: "text-xl", children: e.icon }),
+            !e.isIcon && e.image && /* @__PURE__ */ n(l, { src: e.image, size: 28, shape: "round" }),
+            /* @__PURE__ */ n("span", { children: e.label })
           ]
         },
-        a.value
+        e.value
       ))
     }
   );
 };
 export {
-  N as default
+  g as default
 };
 //# sourceMappingURL=ConfigDropdown.js.map

package/dist/@ecme/views/concepts/ai/Image/components/ConfigDropdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"ConfigDropdown.js","sources":["../../../../../../../lib/@ecme/views/concepts/ai/Image/components/ConfigDropdown.tsx"],"sourcesContent":["import { useMemo } from 'react'\nimport Avatar from '@/components/ui/Avatar'\nimport Button from '@/components/ui/Button'\nimport Dropdown from '@/components/ui/Dropdown'\nimport type { ReactNode } from 'react'\n\ntype ConfigDropdownProps = {\n    list: {\n        label: string\n        value: string\n        image?: string\n        icon?: ReactNode\n        isIcon?: boolean\n    }[]\n    onSelect: (value: string) => void\n    value: string\n}\n\nconst ConfigDropdown = (props: ConfigDropdownProps) => {\n    const { list = [], onSelect, value } = props\n\n    const selectedSetting = useMemo(() => {\n        return list.find((item) => item.value === value)\n    }, [list, value])\n\n    return (\n        <Dropdown\n            renderTitle={\n                <Button size=\"sm\" className=\"py-1\">\n                    <div className=\"flex gap-2 items-center\">\n                        {selectedSetting?.isIcon && (\n                            <span className=\"text-xl\">\n                                {selectedSetting.icon}\n                            </span>\n                        )}\n                        {!selectedSetting?.isIcon && selectedSetting?.image && (\n                            <Avatar\n                                src={selectedSetting.image}\n                                size={28}\n                                shape=\"round\"\n                            />\n                        )}\n                        {selectedSetting?.label}\n                    </div>\n                </Button>\n            }\n        >\n            {list.map((item) => (\n                <Dropdown.Item\n                    key={item.value}\n                    eventKey={item.value}\n                    active={item.value === selectedSetting?.value}\n                    onSelect={onSelect}\n                >\n                    {item.isIcon && (\n                        <span className=\"text-xl\">{item.icon}</span>\n                    )}\n                    {!item.isIcon && item.image && (\n                        <Avatar src={item.image} size={28} shape=\"round\" />\n                    )}\n                    <span>{item.label}</span>\n                </Dropdown.Item>\n            ))}\n        </Dropdown>\n    )\n}\n\nexport default ConfigDropdown\n"],"names":["ConfigDropdown","props","list","onSelect","value","selectedSetting","useMemo","item","jsx","Dropdown","Button","jsxs","Avatar"],"mappings":";;;;;;AAkBA,MAAMA,IAAiB,CAACC,MAA+B;AACnD,QAAM,EAAE,MAAAC,IAAO,CAAA,GAAI,UAAAC,GAAU,OAAAC,MAAUH,GAEjCI,IAAkBC,EAAQ,MACrBJ,EAAK,KAAK,CAACK,MAASA,EAAK,UAAUH,CAAK,GAChD,CAACF,GAAME,CAAK,CAAC;AAEhB,SACI,gBAAAI;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,aACI,gBAAAD,EAACE,GAAA,EAAO,MAAK,MAAK,WAAU,QACxB,UAAA,gBAAAC,EAAC,OAAA,EAAI,WAAU,2BACV,UAAA;AAAA,SAAAN,KAAA,gBAAAA,EAAiB,WACd,gBAAAG,EAAC,QAAA,EAAK,WAAU,WACX,YAAgB,MACrB;AAAA,QAEH,EAACH,KAAA,QAAAA,EAAiB,YAAUA,KAAA,gBAAAA,EAAiB,UAC1C,gBAAAG;AAAA,UAACI;AAAA,UAAA;AAAA,YACG,KAAKP,EAAgB;AAAA,YACrB,MAAM;AAAA,YACN,OAAM;AAAA,UAAA;AAAA,QAAA;AAAA,QAGbA,KAAA,gBAAAA,EAAiB;AAAA,MAAA,EAAA,CACtB,EAAA,CACJ;AAAA,MAGH,UAAAH,EAAK,IAAI,CAACK,MACP,gBAAAI;AAAA,QAACF,EAAS;AAAA,QAAT;AAAA,UAEG,UAAUF,EAAK;AAAA,UACf,QAAQA,EAAK,WAAUF,KAAA,gBAAAA,EAAiB;AAAA,UACxC,UAAAF;AAAA,UAEC,UAAA;AAAA,YAAAI,EAAK,UACF,gBAAAC,EAAC,QAAA,EAAK,WAAU,WAAW,YAAK,MAAK;AAAA,YAExC,CAACD,EAAK,UAAUA,EAAK,SAClB,gBAAAC,EAACI,GAAA,EAAO,KAAKL,EAAK,OAAO,MAAM,IAAI,OAAM,QAAA,CAAQ;AAAA,YAErD,gBAAAC,EAAC,QAAA,EAAM,UAAAD,EAAK,MAAA,CAAM;AAAA,UAAA;AAAA,QAAA;AAAA,QAXbA,EAAK;AAAA,MAAA,CAajB;AAAA,IAAA;AAAA,EAAA;AAGb;"}
+{"version":3,"file":"ConfigDropdown.js","sources":["../../../../../../../lib/@ecme/views/concepts/ai/Image/components/ConfigDropdown.tsx"],"sourcesContent":["import { useMemo } from 'react'\nimport Avatar from '@/components/ui/Avatar'\nimport Button from '@/components/ui/Button'\nimport Dropdown from '@/components/ui/Dropdown'\nimport type { ReactNode } from 'react'\n\ntype ConfigDropdownProps = {\n    list: {\n        label: string\n        value: string\n        image?: string\n        icon?: ReactNode\n        isIcon?: boolean\n    }[]\n    onSelect: (value: string) => void\n    value: string\n}\n\nconst ConfigDropdown = (props: ConfigDropdownProps) => {\n    const { list = [], onSelect, value } = props\n\n    const selectedSetting = useMemo(() => {\n        return list.find((item) => item.value === value)\n    }, [list, value])\n\n    return (\n        <Dropdown\n            renderTitle={\n                <Button size=\"sm\" className=\"py-1\">\n                    <div className=\"flex gap-2 items-center\">\n                        {selectedSetting?.isIcon && (\n                            <span className=\"text-xl\">\n                                {selectedSetting.icon}\n                            </span>\n                        )}\n                        {!selectedSetting?.isIcon && selectedSetting?.image && (\n                            <Avatar\n                                src={selectedSetting.image}\n                                size={28}\n                                shape=\"round\"\n                            />\n                        )}\n                        {selectedSetting?.label}\n                    </div>\n                </Button>\n            }\n        >\n            {list.map((item) => (\n                <Dropdown.Item\n                    key={item.value}\n                    eventKey={item.value}\n                    active={item.value === selectedSetting?.value}\n                    onSelect={onSelect}\n                >\n                    {item.isIcon && (\n                        <span className=\"text-xl\">{item.icon}</span>\n                    )}\n                    {!item.isIcon && item.image && (\n                        <Avatar src={item.image} size={28} shape=\"round\" />\n                    )}\n                    <span>{item.label}</span>\n                </Dropdown.Item>\n            ))}\n        </Dropdown>\n    )\n}\n\nexport default ConfigDropdown\n"],"names":["ConfigDropdown","props","list","onSelect","value","selectedSetting","useMemo","item","jsx","Dropdown","Button","jsxs","Avatar"],"mappings":";;;;;;AAkBA,MAAMA,IAAiB,CAACC,MAA+B;AACnD,QAAM,EAAE,MAAAC,IAAO,CAAA,GAAI,UAAAC,GAAU,OAAAC,MAAUH,GAEjCI,IAAkBC,EAAQ,MACrBJ,EAAK,KAAK,CAACK,MAASA,EAAK,UAAUH,CAAK,GAChD,CAACF,GAAME,CAAK,CAAC;AAEhB,SACI,gBAAAI;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,aACI,gBAAAD,EAACE,GAAA,EAAO,MAAK,MAAK,WAAU,QACxB,UAAA,gBAAAC,EAAC,OAAA,EAAI,WAAU,2BACV,UAAA;AAAA,QAAAN,GAAiB,UACd,gBAAAG,EAAC,QAAA,EAAK,WAAU,WACX,YAAgB,MACrB;AAAA,QAEH,CAACH,GAAiB,UAAUA,GAAiB,SAC1C,gBAAAG;AAAA,UAACI;AAAA,UAAA;AAAA,YACG,KAAKP,EAAgB;AAAA,YACrB,MAAM;AAAA,YACN,OAAM;AAAA,UAAA;AAAA,QAAA;AAAA,QAGbA,GAAiB;AAAA,MAAA,EAAA,CACtB,EAAA,CACJ;AAAA,MAGH,UAAAH,EAAK,IAAI,CAACK,MACP,gBAAAI;AAAA,QAACF,EAAS;AAAA,QAAT;AAAA,UAEG,UAAUF,EAAK;AAAA,UACf,QAAQA,EAAK,UAAUF,GAAiB;AAAA,UACxC,UAAAF;AAAA,UAEC,UAAA;AAAA,YAAAI,EAAK,UACF,gBAAAC,EAAC,QAAA,EAAK,WAAU,WAAW,YAAK,MAAK;AAAA,YAExC,CAACD,EAAK,UAAUA,EAAK,SAClB,gBAAAC,EAACI,GAAA,EAAO,KAAKL,EAAK,OAAO,MAAM,IAAI,OAAM,QAAA,CAAQ;AAAA,YAErD,gBAAAC,EAAC,QAAA,EAAM,UAAAD,EAAK,MAAA,CAAM;AAAA,UAAA;AAAA,QAAA;AAAA,QAXbA,EAAK;AAAA,MAAA,CAajB;AAAA,IAAA;AAAA,EAAA;AAGb;"}

package/dist/@ecme/views/concepts/ai/Image/components/GeneratorPrompt.js

@@ -16,63 +16,62 @@ import U from "../../../../../components/ui/Notification/Notification.js";
 import z from "../../../../../components/ui/CloseButton/CloseButton.js";
 import B from "../../../../../components/ui/Tooltip/Tooltip.js";
 import D from "../../../../../components/ui/Upload/Upload.js";
-import m from "../../../../../components/ui/Button/Button.js";
+import s from "../../../../../components/ui/Button/Button.js";
 const oe = () => {
-  const [p, d] = C([]), {
+  const [c, m] = C([]), {
     generatorConfig: a,
-    setGeneratorConfig: f,
-    resetGeneratorConfig: g,
-    onGenerateImage: u,
-    onGenerateImageComplete: h,
-    setGeneratedImage: x,
-    isGeneratingImage: v
-  } = G(), c = N(null), y = () => {
-    g();
-  }, b = async () => {
-    var n, s;
-    const e = (n = c.current) == null ? void 0 : n.value;
+    setGeneratorConfig: p,
+    resetGeneratorConfig: d,
+    onGenerateImage: f,
+    onGenerateImageComplete: g,
+    setGeneratedImage: u,
+    isGeneratingImage: h
+  } = G(), n = N(null), x = () => {
+    d();
+  }, v = async () => {
+    const e = n.current?.value;
     if (!e) {
       P.push(
         /* @__PURE__ */ t(U, { title: "Please enter prompt", type: "danger" }),
         {
           placement: "top-center"
         }
-      ), (s = c.current) == null || s.focus();
+      ), n.current?.focus();
       return;
     }
-    u();
+    f();
     const o = await k(
       { prompt: e }
     );
-    o && x(o), h();
+    o && u(o), g();
   }, i = (e, o) => {
-    f({ key: e, value: o });
-  }, w = (e) => {
+    p({ key: e, value: o });
+  }, y = (e) => {
     let o = !0;
-    const n = ["image/jpeg", "image/png", "image/webp"];
+    const b = ["image/jpeg", "image/png", "image/webp"];
     if (e)
-      for (const s of e)
-        n.includes(s.type) || (o = "Please upload a .jpeg or .png file!");
+      for (const w of e)
+        b.includes(w.type) || (o = "Please upload a .jpeg or .png file!");
     return o;
   };
   return /* @__PURE__ */ r("div", { className: "rounded-lg p-4 border-2 border-gray-100 dark:border-gray-700", children: [
     /* @__PURE__ */ r("div", { className: "flex gap-4 mb-4", children: [
-      p.length > 0 && /* @__PURE__ */ r("div", { className: "max-w-[150px] relative cursor-pointer group", children: [
+      c.length > 0 && /* @__PURE__ */ r("div", { className: "max-w-[150px] relative cursor-pointer group", children: [
         /* @__PURE__ */ t(
           "img",
           {
             className: "rounded-xl",
-            src: URL.createObjectURL(p[0])
+            src: URL.createObjectURL(c[0])
           }
         ),
-        /* @__PURE__ */ t("div", { className: "opacity-0 group-hover:opacity-100 bg-black/75 group-hover:flex items-center justify-center rounded-xl absolute top-0 left-0 w-full h-full transition-colors", children: /* @__PURE__ */ t(z, { onClick: () => d([]) }) })
+        /* @__PURE__ */ t("div", { className: "opacity-0 group-hover:opacity-100 bg-black/75 group-hover:flex items-center justify-center rounded-xl absolute top-0 left-0 w-full h-full transition-colors", children: /* @__PURE__ */ t(z, { onClick: () => m([]) }) })
       ] }),
       /* @__PURE__ */ r("div", { className: "flex-1", children: [
         /* @__PURE__ */ t("div", { className: "heading-text text-base font-semibold", children: "Prompt" }),
         /* @__PURE__ */ t(
           "textarea",
           {
-            ref: c,
+            ref: n,
             className: "w-full resize-none mt-1 placeholder:text-gray-400 bg-transparent focus:outline-none heading-text",
             placeholder: "Decribe the image you want to generate"
           }
@@ -85,10 +84,10 @@ const oe = () => {
           D,
           {
             showList: !1,
-            beforeUpload: w,
+            beforeUpload: y,
             uploadLimit: 1,
-            onChange: d,
-            children: /* @__PURE__ */ t(m, { size: "sm", icon: /* @__PURE__ */ t(L, {}) })
+            onChange: m,
+            children: /* @__PURE__ */ t(s, { size: "sm", icon: /* @__PURE__ */ t(L, {}) })
           }
         ) }),
         /* @__PURE__ */ t(
@@ -133,15 +132,15 @@ const oe = () => {
         )
       ] }),
       /* @__PURE__ */ r("div", { className: "flex flex-col sm:flex-row sm:justify-end gap-4", children: [
-        /* @__PURE__ */ t(m, { size: "sm", shape: "circle", onClick: y, children: "Clear" }),
+        /* @__PURE__ */ t(s, { size: "sm", shape: "circle", onClick: x, children: "Clear" }),
         /* @__PURE__ */ t(
-          m,
+          s,
           {
             size: "sm",
             variant: "solid",
             shape: "circle",
-            loading: v,
-            onClick: b,
+            loading: h,
+            onClick: v,
             children: "Generate"
           }
         )

package/dist/@ecme/views/concepts/ai/Image/components/GeneratorPrompt.js.map

@@ -1 +1 @@
-{"version":3,"file":"GeneratorPrompt.js","sources":["../../../../../../../lib/@ecme/views/concepts/ai/Image/components/GeneratorPrompt.tsx"],"sourcesContent":["import { useState, useRef } from 'react'\nimport Button from '@/components/ui/Button'\nimport Tooltip from '@/components/ui/Tooltip'\nimport Upload from '@/components/ui/Upload'\nimport toast from '@/components/ui/toast'\nimport Notification from '@/components/ui/Notification'\nimport CloseButton from '@/components/ui/CloseButton'\nimport ConfigDropdown from './ConfigDropdown'\nimport { useImageGeneratorStore } from '../store/imageGeneratorStore'\nimport {\n    aspectRatioOptions,\n    styleOptions,\n    toneOptions,\n    lightingOptions,\n    cameraOptions,\n} from '../utils'\nimport { apiPostImages } from '@/services/AiService'\nimport { LuImage } from 'react-icons/lu'\nimport { ConfigsVariant, PostImageResponse } from '../type'\n\nconst GeneratorPrompt = () => {\n    const [uploadedImage, setUploadedImage] = useState<File[]>([])\n\n    const {\n        generatorConfig,\n        setGeneratorConfig,\n        resetGeneratorConfig,\n        onGenerateImage,\n        onGenerateImageComplete,\n        setGeneratedImage,\n        isGeneratingImage,\n    } = useImageGeneratorStore()\n\n    const promptRef = useRef<HTMLTextAreaElement>(null)\n\n    const handleClear = () => {\n        resetGeneratorConfig()\n    }\n\n    const handleGenerate = async () => {\n        const prompt = promptRef.current?.value\n\n        if (!prompt) {\n            toast.push(\n                <Notification title={'Please enter prompt'} type=\"danger\" />,\n                {\n                    placement: 'top-center',\n                },\n            )\n            promptRef.current?.focus()\n\n            return\n        }\n        onGenerateImage()\n        const resp = await apiPostImages<PostImageResponse, { prompt: string }>(\n            { prompt },\n        )\n        if (resp) {\n            setGeneratedImage(resp)\n        }\n        onGenerateImageComplete()\n    }\n\n    const handleSetGeneratorConfig = (key: ConfigsVariant, value: string) => {\n        setGeneratorConfig({ key, value })\n    }\n\n    const beforeUpload = (files: FileList | null) => {\n        let valid: string | boolean = true\n\n        const allowedFileType = ['image/jpeg', 'image/png', 'image/webp']\n\n        if (files) {\n            for (const f of files) {\n                if (!allowedFileType.includes(f.type)) {\n                    valid = 'Please upload a .jpeg or .png file!'\n                }\n            }\n        }\n\n        return valid\n    }\n\n    return (\n        <div className=\"rounded-lg p-4 border-2 border-gray-100 dark:border-gray-700\">\n            <div className=\"flex gap-4 mb-4\">\n                {uploadedImage.length > 0 && (\n                    <div className=\"max-w-[150px] relative cursor-pointer group\">\n                        {\n                            <img\n                                className=\"rounded-xl\"\n                                src={URL.createObjectURL(uploadedImage[0])}\n                            />\n                        }\n                        <div className=\"opacity-0 group-hover:opacity-100 bg-black/75 group-hover:flex items-center justify-center rounded-xl absolute top-0 left-0 w-full h-full transition-colors\">\n                            <CloseButton onClick={() => setUploadedImage([])} />\n                        </div>\n                    </div>\n                )}\n                <div className=\"flex-1\">\n                    <div className=\"heading-text text-base font-semibold\">\n                        Prompt\n                    </div>\n                    <textarea\n                        ref={promptRef}\n                        className=\"w-full resize-none mt-1 placeholder:text-gray-400 bg-transparent focus:outline-none heading-text\"\n                        placeholder=\"Decribe the image you want to generate\"\n                    />\n                </div>\n            </div>\n            <div className=\"flex flex-col lg:flex-row gap-6 justify-between\">\n                <div className=\"inline-flex flex-wrap gap-2\">\n                    <Tooltip title=\"Add image\">\n                        <Upload\n                            showList={false}\n                            beforeUpload={beforeUpload}\n                            uploadLimit={1}\n                            onChange={setUploadedImage}\n                        >\n                            <Button size=\"sm\" icon={<LuImage />} />\n                        </Upload>\n                    </Tooltip>\n                    <ConfigDropdown\n                        list={aspectRatioOptions}\n                        value={generatorConfig.aspectRatio}\n                        onSelect={(value) =>\n                            handleSetGeneratorConfig('aspectRatio', value)\n                        }\n                    />\n                    <ConfigDropdown\n                        list={styleOptions}\n                        value={generatorConfig.style}\n                        onSelect={(value) =>\n                            handleSetGeneratorConfig('style', value)\n                        }\n                    />\n                    <ConfigDropdown\n                        list={toneOptions}\n                        value={generatorConfig.tone}\n                        onSelect={(value) =>\n                            handleSetGeneratorConfig('tone', value)\n                        }\n                    />\n                    <ConfigDropdown\n                        list={lightingOptions}\n                        value={generatorConfig.lighting}\n                        onSelect={(value) =>\n                            handleSetGeneratorConfig('lighting', value)\n                        }\n                    />\n                    <ConfigDropdown\n                        list={cameraOptions}\n                        value={generatorConfig.camera}\n                        onSelect={(value) =>\n                            handleSetGeneratorConfig('camera', value)\n                        }\n                    />\n                </div>\n                <div className=\"flex flex-col sm:flex-row sm:justify-end gap-4\">\n                    <Button size=\"sm\" shape=\"circle\" onClick={handleClear}>\n                        Clear\n                    </Button>\n                    <Button\n                        size=\"sm\"\n                        variant=\"solid\"\n                        shape=\"circle\"\n                        loading={isGeneratingImage}\n                        onClick={handleGenerate}\n                    >\n                        Generate\n                    </Button>\n                </div>\n            </div>\n        </div>\n    )\n}\n\nexport default GeneratorPrompt\n"],"names":["GeneratorPrompt","uploadedImage","setUploadedImage","useState","generatorConfig","setGeneratorConfig","resetGeneratorConfig","onGenerateImage","onGenerateImageComplete","setGeneratedImage","isGeneratingImage","useImageGeneratorStore","promptRef","useRef","handleClear","handleGenerate","prompt","_a","toast","jsx","Notification","_b","resp","apiPostImages","handleSetGeneratorConfig","key","value","beforeUpload","files","valid","allowedFileType","f","jsxs","CloseButton","Tooltip","Upload","Button","LuImage","ConfigDropdown","aspectRatioOptions","styleOptions","toneOptions","lightingOptions","cameraOptions"],"mappings":"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"}
+{"version":3,"file":"GeneratorPrompt.js","sources":["../../../../../../../lib/@ecme/views/concepts/ai/Image/components/GeneratorPrompt.tsx"],"sourcesContent":["import { useState, useRef } from 'react'\nimport Button from '@/components/ui/Button'\nimport Tooltip from '@/components/ui/Tooltip'\nimport Upload from '@/components/ui/Upload'\nimport toast from '@/components/ui/toast'\nimport Notification from '@/components/ui/Notification'\nimport CloseButton from '@/components/ui/CloseButton'\nimport ConfigDropdown from './ConfigDropdown'\nimport { useImageGeneratorStore } from '../store/imageGeneratorStore'\nimport {\n    aspectRatioOptions,\n    styleOptions,\n    toneOptions,\n    lightingOptions,\n    cameraOptions,\n} from '../utils'\nimport { apiPostImages } from '@/services/AiService'\nimport { LuImage } from 'react-icons/lu'\nimport { ConfigsVariant, PostImageResponse } from '../type'\n\nconst GeneratorPrompt = () => {\n    const [uploadedImage, setUploadedImage] = useState<File[]>([])\n\n    const {\n        generatorConfig,\n        setGeneratorConfig,\n        resetGeneratorConfig,\n        onGenerateImage,\n        onGenerateImageComplete,\n        setGeneratedImage,\n        isGeneratingImage,\n    } = useImageGeneratorStore()\n\n    const promptRef = useRef<HTMLTextAreaElement>(null)\n\n    const handleClear = () => {\n        resetGeneratorConfig()\n    }\n\n    const handleGenerate = async () => {\n        const prompt = promptRef.current?.value\n\n        if (!prompt) {\n            toast.push(\n                <Notification title={'Please enter prompt'} type=\"danger\" />,\n                {\n                    placement: 'top-center',\n                },\n            )\n            promptRef.current?.focus()\n\n            return\n        }\n        onGenerateImage()\n        const resp = await apiPostImages<PostImageResponse, { prompt: string }>(\n            { prompt },\n        )\n        if (resp) {\n            setGeneratedImage(resp)\n        }\n        onGenerateImageComplete()\n    }\n\n    const handleSetGeneratorConfig = (key: ConfigsVariant, value: string) => {\n        setGeneratorConfig({ key, value })\n    }\n\n    const beforeUpload = (files: FileList | null) => {\n        let valid: string | boolean = true\n\n        const allowedFileType = ['image/jpeg', 'image/png', 'image/webp']\n\n        if (files) {\n            for (const f of files) {\n                if (!allowedFileType.includes(f.type)) {\n                    valid = 'Please upload a .jpeg or .png file!'\n                }\n            }\n        }\n\n        return valid\n    }\n\n    return (\n        <div className=\"rounded-lg p-4 border-2 border-gray-100 dark:border-gray-700\">\n            <div className=\"flex gap-4 mb-4\">\n                {uploadedImage.length > 0 && (\n                    <div className=\"max-w-[150px] relative cursor-pointer group\">\n                        {\n                            <img\n                                className=\"rounded-xl\"\n                                src={URL.createObjectURL(uploadedImage[0])}\n                            />\n                        }\n                        <div className=\"opacity-0 group-hover:opacity-100 bg-black/75 group-hover:flex items-center justify-center rounded-xl absolute top-0 left-0 w-full h-full transition-colors\">\n                            <CloseButton onClick={() => setUploadedImage([])} />\n                        </div>\n                    </div>\n                )}\n                <div className=\"flex-1\">\n                    <div className=\"heading-text text-base font-semibold\">\n                        Prompt\n                    </div>\n                    <textarea\n                        ref={promptRef}\n                        className=\"w-full resize-none mt-1 placeholder:text-gray-400 bg-transparent focus:outline-none heading-text\"\n                        placeholder=\"Decribe the image you want to generate\"\n                    />\n                </div>\n            </div>\n            <div className=\"flex flex-col lg:flex-row gap-6 justify-between\">\n                <div className=\"inline-flex flex-wrap gap-2\">\n                    <Tooltip title=\"Add image\">\n                        <Upload\n                            showList={false}\n                            beforeUpload={beforeUpload}\n                            uploadLimit={1}\n                            onChange={setUploadedImage}\n                        >\n                            <Button size=\"sm\" icon={<LuImage />} />\n                        </Upload>\n                    </Tooltip>\n                    <ConfigDropdown\n                        list={aspectRatioOptions}\n                        value={generatorConfig.aspectRatio}\n                        onSelect={(value) =>\n                            handleSetGeneratorConfig('aspectRatio', value)\n                        }\n                    />\n                    <ConfigDropdown\n                        list={styleOptions}\n                        value={generatorConfig.style}\n                        onSelect={(value) =>\n                            handleSetGeneratorConfig('style', value)\n                        }\n                    />\n                    <ConfigDropdown\n                        list={toneOptions}\n                        value={generatorConfig.tone}\n                        onSelect={(value) =>\n                            handleSetGeneratorConfig('tone', value)\n                        }\n                    />\n                    <ConfigDropdown\n                        list={lightingOptions}\n                        value={generatorConfig.lighting}\n                        onSelect={(value) =>\n                            handleSetGeneratorConfig('lighting', value)\n                        }\n                    />\n                    <ConfigDropdown\n                        list={cameraOptions}\n                        value={generatorConfig.camera}\n                        onSelect={(value) =>\n                            handleSetGeneratorConfig('camera', value)\n                        }\n                    />\n                </div>\n                <div className=\"flex flex-col sm:flex-row sm:justify-end gap-4\">\n                    <Button size=\"sm\" shape=\"circle\" onClick={handleClear}>\n                        Clear\n                    </Button>\n                    <Button\n                        size=\"sm\"\n                        variant=\"solid\"\n                        shape=\"circle\"\n                        loading={isGeneratingImage}\n                        onClick={handleGenerate}\n                    >\n                        Generate\n                    </Button>\n                </div>\n            </div>\n        </div>\n    )\n}\n\nexport default GeneratorPrompt\n"],"names":["GeneratorPrompt","uploadedImage","setUploadedImage","useState","generatorConfig","setGeneratorConfig","resetGeneratorConfig","onGenerateImage","onGenerateImageComplete","setGeneratedImage","isGeneratingImage","useImageGeneratorStore","promptRef","useRef","handleClear","handleGenerate","prompt","toast","jsx","Notification","resp","apiPostImages","handleSetGeneratorConfig","key","value","beforeUpload","files","valid","allowedFileType","f","jsxs","CloseButton","Tooltip","Upload","Button","LuImage","ConfigDropdown","aspectRatioOptions","styleOptions","toneOptions","lightingOptions","cameraOptions"],"mappings":"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"}