@orbe-agro/client-core 5.6.0 → 5.6.6

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

@@ -1 +1 @@
-{"version":3,"file":"ChatCustomAction.js","sources":["../../../../../../../lib/@ecme/views/concepts/ai/Chat/components/ChatCustomAction.tsx"],"sourcesContent":["import { useRef, useState, useEffect } from 'react'\r\nimport Button from '@/components/ui/Button'\r\nimport Input from '@/components/ui/Input'\r\nimport Select from '@/components/ui/Select'\r\nimport Notification from '@/components/ui/Notification'\r\nimport toast from '@/components/ui/toast'\r\nimport { Form, FormItem } from '@/components/ui/Form'\r\nimport Dialog from '@/components/ui/Dialog'\r\nimport Tooltip from '@/components/ui/Tooltip'\r\nimport classNames from '@/utils/classNames'\r\nimport {\r\n    TbThumbUp,\r\n    TbThumbUpFilled,\r\n    TbThumbDown,\r\n    TbThumbDownFilled,\r\n    TbCopy,\r\n    TbCheck,\r\n} from 'react-icons/tb'\r\n\r\ntype ChatCustomActionProps = {\r\n    content: string\r\n}\r\n\r\nconst responseOption = [\r\n    { label: 'Not factually correct', value: 'notFactuallyCorrect' },\r\n    { label: 'Harmful content', value: 'harmfulContent' },\r\n    { label: 'Overeactive refusal', value: 'overeactiveRefusal' },\r\n    { label: 'Other', value: 'other' },\r\n]\r\n\r\nconst ChatCustomAction = ({ content }: ChatCustomActionProps) => {\r\n    const detailInput = useRef<HTMLTextAreaElement>(null)\r\n    const [copied, setCopied] = useState(false)\r\n    const [selected, setSelected] = useState('')\r\n    const [responseSend, setResponSend] = useState('')\r\n    const [responseDialog, setResponseDialog] = useState<{\r\n        type: string\r\n        open: boolean\r\n    }>({\r\n        type: '',\r\n        open: false,\r\n    })\r\n\r\n    const btnClass =\r\n        'p-2 rounded-full hover:bg-black  hover:bg-opacity-5 hover:text-gray-900 dark:hover:bg-black dark:hover:text-gray-100 dark:hover:bg-opacity-40 transition-colors duration-300 ease-in-out'\r\n\r\n    useEffect(() => {\r\n        if (copied && content) {\r\n            navigator.clipboard.writeText(content)\r\n            if (copied) {\r\n                const copyFeedbackInterval = setTimeout(\r\n                    () => setCopied(false),\r\n                    2000,\r\n                )\r\n\r\n                return () => {\r\n                    clearTimeout(copyFeedbackInterval)\r\n                }\r\n            }\r\n        }\r\n    }, [copied, content])\r\n\r\n    const handleDialogClose = () => {\r\n        setResponseDialog({\r\n            type: '',\r\n            open: false,\r\n        })\r\n    }\r\n\r\n    const handleSubmit = () => {\r\n        setResponSend(responseDialog.type)\r\n        handleDialogClose()\r\n        toast.push(\r\n            <Notification type=\"success\">\r\n                Thanks for your feedback!\r\n            </Notification>,\r\n            { placement: 'top-center' },\r\n        )\r\n    }\r\n\r\n    return (\r\n        <>\r\n            <div className=\"flex mt-0.5\">\r\n                <Tooltip title={copied ? 'Copied' : 'Copy'} placement=\"bottom\">\r\n                    <button\r\n                        className={classNames(btnClass, 'text-lg')}\r\n                        onClick={() => setCopied(true)}\r\n                    >\r\n                        {copied ? (\r\n                            <TbCheck className=\"text-emerald-500\" />\r\n                        ) : (\r\n                            <TbCopy />\r\n                        )}\r\n                    </button>\r\n                </Tooltip>\r\n                <Tooltip title=\"Good response\" placement=\"bottom\">\r\n                    <button\r\n                        className={classNames(btnClass, 'text-lg')}\r\n                        onClick={() =>\r\n                            setResponseDialog({ type: 'praise', open: true })\r\n                        }\r\n                    >\r\n                        {responseSend === 'praise' ? (\r\n                            <TbThumbUpFilled />\r\n                        ) : (\r\n                            <TbThumbUp />\r\n                        )}\r\n                    </button>\r\n                </Tooltip>\r\n                <Tooltip title=\"Bad response\" placement=\"bottom\">\r\n                    <button\r\n                        className={classNames(btnClass, 'text-lg')}\r\n                        onClick={() =>\r\n                            setResponseDialog({ type: 'blame', open: true })\r\n                        }\r\n                    >\r\n                        {responseSend === 'blame' ? (\r\n                            <TbThumbDownFilled />\r\n                        ) : (\r\n                            <TbThumbDown />\r\n                        )}\r\n                    </button>\r\n                </Tooltip>\r\n            </div>\r\n            <Dialog\r\n                isOpen={responseDialog.open}\r\n                onClose={handleDialogClose}\r\n                onRequestClose={handleDialogClose}\r\n            >\r\n                <h5 className=\"mb-4\">Feedback</h5>\r\n                <Form onSubmit={handleSubmit}>\r\n                    {responseDialog.type === 'praise' && (\r\n                        <FormItem label=\"Please provide details: (optional)\">\r\n                            <Input\r\n                                ref={detailInput}\r\n                                textArea\r\n                                placeholder=\"What was statifying about this response?\"\r\n                            />\r\n                        </FormItem>\r\n                    )}\r\n                    {responseDialog.type === 'blame' && (\r\n                        <>\r\n                            <FormItem label=\"What type of issue do you wish to report? (optional)\">\r\n                                <Select\r\n                                    options={responseOption}\r\n                                    value={responseOption.filter(\r\n                                        (response) =>\r\n                                            response.value === selected,\r\n                                    )}\r\n                                    onChange={(option) =>\r\n                                        setSelected(option?.value || '')\r\n                                    }\r\n                                />\r\n                            </FormItem>\r\n                            <FormItem label=\"Please provide details: (optional)\">\r\n                                <Input\r\n                                    ref={detailInput}\r\n                                    textArea\r\n                                    placeholder=\"What was unstatifying about this response?\"\r\n                                />\r\n                            </FormItem>\r\n                        </>\r\n                    )}\r\n                </Form>\r\n                <div className=\"flex justify-end gap-2\">\r\n                    <Button\r\n                        className=\"ltr:mr-2 rtl:ml-2\"\r\n                        variant=\"plain\"\r\n                        type=\"button\"\r\n                        onClick={handleDialogClose}\r\n                    >\r\n                        Cancel\r\n                    </Button>\r\n                    <Button\r\n                        variant=\"solid\"\r\n                        type=\"submit\"\r\n                        onClick={handleSubmit}\r\n                    >\r\n                        Submit\r\n                    </Button>\r\n                </div>\r\n            </Dialog>\r\n        </>\r\n    )\r\n}\r\n\r\nexport default ChatCustomAction\r\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ChatCustomAction.js","sources":["../../../../../../../lib/@ecme/views/concepts/ai/Chat/components/ChatCustomAction.tsx"],"sourcesContent":["import { useRef, useState, useEffect } from 'react'\nimport Button from '@/components/ui/Button'\nimport Input from '@/components/ui/Input'\nimport Select from '@/components/ui/Select'\nimport Notification from '@/components/ui/Notification'\nimport toast from '@/components/ui/toast'\nimport { Form, FormItem } from '@/components/ui/Form'\nimport Dialog from '@/components/ui/Dialog'\nimport Tooltip from '@/components/ui/Tooltip'\nimport classNames from '@/utils/classNames'\nimport {\n    TbThumbUp,\n    TbThumbUpFilled,\n    TbThumbDown,\n    TbThumbDownFilled,\n    TbCopy,\n    TbCheck,\n} from 'react-icons/tb'\n\ntype ChatCustomActionProps = {\n    content: string\n}\n\nconst responseOption = [\n    { label: 'Not factually correct', value: 'notFactuallyCorrect' },\n    { label: 'Harmful content', value: 'harmfulContent' },\n    { label: 'Overeactive refusal', value: 'overeactiveRefusal' },\n    { label: 'Other', value: 'other' },\n]\n\nconst ChatCustomAction = ({ content }: ChatCustomActionProps) => {\n    const detailInput = useRef<HTMLTextAreaElement>(null)\n    const [copied, setCopied] = useState(false)\n    const [selected, setSelected] = useState('')\n    const [responseSend, setResponSend] = useState('')\n    const [responseDialog, setResponseDialog] = useState<{\n        type: string\n        open: boolean\n    }>({\n        type: '',\n        open: false,\n    })\n\n    const btnClass =\n        'p-2 rounded-full hover:bg-black  hover:bg-opacity-5 hover:text-gray-900 dark:hover:bg-black dark:hover:text-gray-100 dark:hover:bg-opacity-40 transition-colors duration-300 ease-in-out'\n\n    useEffect(() => {\n        if (copied && content) {\n            navigator.clipboard.writeText(content)\n            if (copied) {\n                const copyFeedbackInterval = setTimeout(\n                    () => setCopied(false),\n                    2000,\n                )\n\n                return () => {\n                    clearTimeout(copyFeedbackInterval)\n                }\n            }\n        }\n    }, [copied, content])\n\n    const handleDialogClose = () => {\n        setResponseDialog({\n            type: '',\n            open: false,\n        })\n    }\n\n    const handleSubmit = () => {\n        setResponSend(responseDialog.type)\n        handleDialogClose()\n        toast.push(\n            <Notification type=\"success\">\n                Thanks for your feedback!\n            </Notification>,\n            { placement: 'top-center' },\n        )\n    }\n\n    return (\n        <>\n            <div className=\"flex mt-0.5\">\n                <Tooltip title={copied ? 'Copied' : 'Copy'} placement=\"bottom\">\n                    <button\n                        className={classNames(btnClass, 'text-lg')}\n                        onClick={() => setCopied(true)}\n                    >\n                        {copied ? (\n                            <TbCheck className=\"text-emerald-500\" />\n                        ) : (\n                            <TbCopy />\n                        )}\n                    </button>\n                </Tooltip>\n                <Tooltip title=\"Good response\" placement=\"bottom\">\n                    <button\n                        className={classNames(btnClass, 'text-lg')}\n                        onClick={() =>\n                            setResponseDialog({ type: 'praise', open: true })\n                        }\n                    >\n                        {responseSend === 'praise' ? (\n                            <TbThumbUpFilled />\n                        ) : (\n                            <TbThumbUp />\n                        )}\n                    </button>\n                </Tooltip>\n                <Tooltip title=\"Bad response\" placement=\"bottom\">\n                    <button\n                        className={classNames(btnClass, 'text-lg')}\n                        onClick={() =>\n                            setResponseDialog({ type: 'blame', open: true })\n                        }\n                    >\n                        {responseSend === 'blame' ? (\n                            <TbThumbDownFilled />\n                        ) : (\n                            <TbThumbDown />\n                        )}\n                    </button>\n                </Tooltip>\n            </div>\n            <Dialog\n                isOpen={responseDialog.open}\n                onClose={handleDialogClose}\n                onRequestClose={handleDialogClose}\n            >\n                <h5 className=\"mb-4\">Feedback</h5>\n                <Form onSubmit={handleSubmit}>\n                    {responseDialog.type === 'praise' && (\n                        <FormItem label=\"Please provide details: (optional)\">\n                            <Input\n                                ref={detailInput}\n                                textArea\n                                placeholder=\"What was statifying about this response?\"\n                            />\n                        </FormItem>\n                    )}\n                    {responseDialog.type === 'blame' && (\n                        <>\n                            <FormItem label=\"What type of issue do you wish to report? (optional)\">\n                                <Select\n                                    options={responseOption}\n                                    value={responseOption.filter(\n                                        (response) =>\n                                            response.value === selected,\n                                    )}\n                                    onChange={(option) =>\n                                        setSelected(option?.value || '')\n                                    }\n                                />\n                            </FormItem>\n                            <FormItem label=\"Please provide details: (optional)\">\n                                <Input\n                                    ref={detailInput}\n                                    textArea\n                                    placeholder=\"What was unstatifying about this response?\"\n                                />\n                            </FormItem>\n                        </>\n                    )}\n                </Form>\n                <div className=\"flex justify-end gap-2\">\n                    <Button\n                        className=\"ltr:mr-2 rtl:ml-2\"\n                        variant=\"plain\"\n                        type=\"button\"\n                        onClick={handleDialogClose}\n                    >\n                        Cancel\n                    </Button>\n                    <Button\n                        variant=\"solid\"\n                        type=\"submit\"\n                        onClick={handleSubmit}\n                    >\n                        Submit\n                    </Button>\n                </div>\n            </Dialog>\n        </>\n    )\n}\n\nexport default ChatCustomAction\n"],"names":[],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"ChatCustomContent.js","sources":["../../../../../../../lib/@ecme/views/concepts/ai/Chat/components/ChatCustomContent.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\r\nimport { useState, useMemo, createElement, useEffect, ReactNode } from 'react'\r\nimport useInterval from '@/utils/hooks/useInterval '\r\nimport { getCurrentNodeOverflow, getStringPosition } from '../utils'\r\nimport ReactHtmlParser from 'html-react-parser'\r\nimport { marked } from 'marked'\r\nimport type { CommonProps } from '@/@types/common'\r\n\r\ntype ChatCustomContentProps = {\r\n    content: string\r\n    triggerTyping: boolean\r\n    onFinish?: () => void\r\n}\r\n\r\nconst AIWriter = ({\r\n    children,\r\n    delay = 25,\r\n    onFinish = () => {},\r\n}: CommonProps & { delay?: number; onFinish?: () => void }) => {\r\n    const [pos, setPos] = useState(0)\r\n\r\n    const tokenLengths = useMemo(() => {\r\n        const arr: number[] = []\r\n\r\n        const traverseNodesAndCountTokens = (reactNode: any) => {\r\n            const nodeChildren = reactNode?.props?.children\r\n\r\n            if (Array.isArray(reactNode)) {\r\n                reactNode.forEach((node) => {\r\n                    if (typeof node === 'object') {\r\n                        traverseNodesAndCountTokens(node)\r\n                    } else if (typeof node === 'string') {\r\n                        arr.push(node.split(' ').length)\r\n                    }\r\n                })\r\n            }\r\n\r\n            if (nodeChildren === undefined) {\r\n                if (typeof reactNode === 'string') {\r\n                    arr.push(reactNode.split(' ').length)\r\n                }\r\n            }\r\n\r\n            // TODO mb try checking if it's a react element\r\n            if (typeof nodeChildren === 'object') {\r\n                traverseNodesAndCountTokens(nodeChildren)\r\n            }\r\n            if (typeof nodeChildren === 'string') {\r\n                arr.push(nodeChildren.split(' ').length)\r\n            }\r\n\r\n            return arr\r\n        }\r\n\r\n        return traverseNodesAndCountTokens(children)\r\n    }, [children])\r\n\r\n    const totalTokens = useMemo(\r\n        () => tokenLengths.reduce((acc, curr) => acc + curr, 0),\r\n        [tokenLengths],\r\n    )\r\n\r\n    const nodex = useMemo(() => {\r\n        let tmpCurrentLoopTokenPos = 0\r\n        let tmpCurrentLoopNodePos = 0\r\n\r\n        const traverseNodesAndInjectAIWriter: any = (reactNode: any) => {\r\n            if (tmpCurrentLoopTokenPos > pos) {\r\n                return null\r\n            }\r\n\r\n            const nodeChildren = reactNode?.props?.children\r\n\r\n            if (Array.isArray(reactNode)) {\r\n                const joinedNodes: ReactNode[] = []\r\n                reactNode.forEach((node) => {\r\n                    if (typeof node === 'object') {\r\n                        joinedNodes.push(traverseNodesAndInjectAIWriter(node))\r\n                    } else if (typeof node === 'string') {\r\n                        tmpCurrentLoopTokenPos += node.split(' ').length\r\n                        tmpCurrentLoopNodePos++\r\n                        const [nodeIndex, currentNodePos] =\r\n                            getCurrentNodeOverflow(tokenLengths, pos)\r\n\r\n                        if (nodeIndex < tmpCurrentLoopNodePos) {\r\n                            joinedNodes.push(\r\n                                node.slice(\r\n                                    0,\r\n                                    getStringPosition(\r\n                                        node,\r\n                                        ' ',\r\n                                        currentNodePos,\r\n                                    ),\r\n                                ),\r\n                            )\r\n                        }\r\n\r\n                        joinedNodes.push(node)\r\n                    }\r\n                })\r\n\r\n                return joinedNodes\r\n            }\r\n\r\n            if (nodeChildren === undefined) {\r\n                if (typeof reactNode === 'string') {\r\n                    tmpCurrentLoopTokenPos += reactNode.split(' ').length\r\n                    tmpCurrentLoopNodePos++\r\n\r\n                    const [nodeIndex, currentNodePos] = getCurrentNodeOverflow(\r\n                        tokenLengths,\r\n                        pos,\r\n                    )\r\n\r\n                    if (nodeIndex < tmpCurrentLoopNodePos) {\r\n                        return reactNode.slice(\r\n                            0,\r\n                            getStringPosition(reactNode, ' ', currentNodePos),\r\n                        )\r\n                    }\r\n\r\n                    return reactNode\r\n                }\r\n            }\r\n\r\n            if (typeof nodeChildren === 'object') {\r\n                return createElement(\r\n                    reactNode.type,\r\n                    reactNode?.props,\r\n                    traverseNodesAndInjectAIWriter(nodeChildren),\r\n                )\r\n            }\r\n\r\n            if (typeof nodeChildren === 'string') {\r\n                tmpCurrentLoopTokenPos += nodeChildren.split(' ').length\r\n                tmpCurrentLoopNodePos++\r\n                const [nodeIndex, currentNodePos] = getCurrentNodeOverflow(\r\n                    tokenLengths,\r\n                    pos,\r\n                )\r\n\r\n                if (nodeIndex < tmpCurrentLoopNodePos) {\r\n                    return createElement(\r\n                        reactNode.type,\r\n                        reactNode?.props,\r\n                        nodeChildren.slice(\r\n                            0,\r\n                            getStringPosition(\r\n                                nodeChildren,\r\n                                ' ',\r\n                                currentNodePos,\r\n                            ),\r\n                        ),\r\n                    )\r\n                }\r\n\r\n                return reactNode\r\n            }\r\n        }\r\n\r\n        return traverseNodesAndInjectAIWriter(children)\r\n    }, [children, pos, tokenLengths])\r\n\r\n    useInterval(\r\n        () => {\r\n            setPos((prevPos) => {\r\n                if (prevPos + 1 >= totalTokens) {\r\n                    onFinish()\r\n                }\r\n\r\n                return prevPos + 1\r\n            })\r\n        },\r\n        totalTokens > pos ? delay : null,\r\n    )\r\n\r\n    useEffect(() => {\r\n        setPos(0)\r\n    }, [children])\r\n\r\n    return nodex\r\n}\r\n\r\nconst ChatCustomContent = ({\r\n    content = '',\r\n    triggerTyping,\r\n    onFinish,\r\n}: ChatCustomContentProps) => {\r\n    const finalContent = ReactHtmlParser(marked(content) as string)\r\n\r\n    return (\r\n        <>\r\n            {triggerTyping ? (\r\n                <AIWriter onFinish={onFinish}>{finalContent}</AIWriter>\r\n            ) : (\r\n                finalContent\r\n            )}\r\n        </>\r\n    )\r\n}\r\n\r\nexport default ChatCustomContent\r\n"],"names":[],"mappings":";;;;;;AAcA,MAAM,WAAW,CAAC;AAAA,EACd;AAAA,EACA,QAAQ;AAAA,EACR,WAAW,MAAM;AAAA,EAAC;AACtB,MAA+D;AAC3D,QAAM,CAAC,KAAK,MAAM,IAAI,SAAS,CAAC;AAEhC,QAAM,eAAe,QAAQ,MAAM;AAC/B,UAAM,MAAgB,CAAA;AAEtB,UAAM,8BAA8B,CAAC,cAAmB;AACpD,YAAM,eAAe,WAAW,OAAO;AAEvC,UAAI,MAAM,QAAQ,SAAS,GAAG;AAC1B,kBAAU,QAAQ,CAAC,SAAS;AACxB,cAAI,OAAO,SAAS,UAAU;AAC1B,wCAA4B,IAAI;AAAA,UACpC,WAAW,OAAO,SAAS,UAAU;AACjC,gBAAI,KAAK,KAAK,MAAM,GAAG,EAAE,MAAM;AAAA,UACnC;AAAA,QACJ,CAAC;AAAA,MACL;AAEA,UAAI,iBAAiB,QAAW;AAC5B,YAAI,OAAO,cAAc,UAAU;AAC/B,cAAI,KAAK,UAAU,MAAM,GAAG,EAAE,MAAM;AAAA,QACxC;AAAA,MACJ;AAGA,UAAI,OAAO,iBAAiB,UAAU;AAClC,oCAA4B,YAAY;AAAA,MAC5C;AACA,UAAI,OAAO,iBAAiB,UAAU;AAClC,YAAI,KAAK,aAAa,MAAM,GAAG,EAAE,MAAM;AAAA,MAC3C;AAEA,aAAO;AAAA,IACX;AAEA,WAAO,4BAA4B,QAAQ;AAAA,EAC/C,GAAG,CAAC,QAAQ,CAAC;AAEb,QAAM,cAAc;AAAA,IAChB,MAAM,aAAa,OAAO,CAAC,KAAK,SAAS,MAAM,MAAM,CAAC;AAAA,IACtD,CAAC,YAAY;AAAA,EAAA;AAGjB,QAAM,QAAQ,QAAQ,MAAM;AACxB,QAAI,yBAAyB;AAC7B,QAAI,wBAAwB;AAE5B,UAAM,iCAAsC,CAAC,cAAmB;AAC5D,UAAI,yBAAyB,KAAK;AAC9B,eAAO;AAAA,MACX;AAEA,YAAM,eAAe,WAAW,OAAO;AAEvC,UAAI,MAAM,QAAQ,SAAS,GAAG;AAC1B,cAAM,cAA2B,CAAA;AACjC,kBAAU,QAAQ,CAAC,SAAS;AACxB,cAAI,OAAO,SAAS,UAAU;AAC1B,wBAAY,KAAK,+BAA+B,IAAI,CAAC;AAAA,UACzD,WAAW,OAAO,SAAS,UAAU;AACjC,sCAA0B,KAAK,MAAM,GAAG,EAAE;AAC1C;AACA,kBAAM,CAAC,WAAW,cAAc,IAC5B,uBAAuB,cAAc,GAAG;AAE5C,gBAAI,YAAY,uBAAuB;AACnC,0BAAY;AAAA,gBACR,KAAK;AAAA,kBACD;AAAA,kBACA;AAAA,oBACI;AAAA,oBACA;AAAA,oBACA;AAAA,kBAAA;AAAA,gBACJ;AAAA,cACJ;AAAA,YAER;AAEA,wBAAY,KAAK,IAAI;AAAA,UACzB;AAAA,QACJ,CAAC;AAED,eAAO;AAAA,MACX;AAEA,UAAI,iBAAiB,QAAW;AAC5B,YAAI,OAAO,cAAc,UAAU;AAC/B,oCAA0B,UAAU,MAAM,GAAG,EAAE;AAC/C;AAEA,gBAAM,CAAC,WAAW,cAAc,IAAI;AAAA,YAChC;AAAA,YACA;AAAA,UAAA;AAGJ,cAAI,YAAY,uBAAuB;AACnC,mBAAO,UAAU;AAAA,cACb;AAAA,cACA,kBAAkB,WAAW,KAAK,cAAc;AAAA,YAAA;AAAA,UAExD;AAEA,iBAAO;AAAA,QACX;AAAA,MACJ;AAEA,UAAI,OAAO,iBAAiB,UAAU;AAClC,eAAO;AAAA,UACH,UAAU;AAAA,UACV,WAAW;AAAA,UACX,+BAA+B,YAAY;AAAA,QAAA;AAAA,MAEnD;AAEA,UAAI,OAAO,iBAAiB,UAAU;AAClC,kCAA0B,aAAa,MAAM,GAAG,EAAE;AAClD;AACA,cAAM,CAAC,WAAW,cAAc,IAAI;AAAA,UAChC;AAAA,UACA;AAAA,QAAA;AAGJ,YAAI,YAAY,uBAAuB;AACnC,iBAAO;AAAA,YACH,UAAU;AAAA,YACV,WAAW;AAAA,YACX,aAAa;AAAA,cACT;AAAA,cACA;AAAA,gBACI;AAAA,gBACA;AAAA,gBACA;AAAA,cAAA;AAAA,YACJ;AAAA,UACJ;AAAA,QAER;AAEA,eAAO;AAAA,MACX;AAAA,IACJ;AAEA,WAAO,+BAA+B,QAAQ;AAAA,EAClD,GAAG,CAAC,UAAU,KAAK,YAAY,CAAC;AAEhC;AAAA,IACI,MAAM;AACF,aAAO,CAAC,YAAY;AAChB,YAAI,UAAU,KAAK,aAAa;AAC5B,mBAAA;AAAA,QACJ;AAEA,eAAO,UAAU;AAAA,MACrB,CAAC;AAAA,IACL;AAAA,IACA,cAAc,MAAM,QAAQ;AAAA,EAAA;AAGhC,YAAU,MAAM;AACZ,WAAO,CAAC;AAAA,EACZ,GAAG,CAAC,QAAQ,CAAC;AAEb,SAAO;AACX;AAEA,MAAM,oBAAoB,CAAC;AAAA,EACvB,UAAU;AAAA,EACV;AAAA,EACA;AACJ,MAA8B;AAC1B,QAAM,eAAe,gBAAgB,OAAO,OAAO,CAAW;AAE9D,yCAES,UAAA,gBACG,oBAAC,YAAS,UAAqB,UAAA,aAAA,CAAa,IAE5C,aAAA,CAER;AAER;"}
+{"version":3,"file":"ChatCustomContent.js","sources":["../../../../../../../lib/@ecme/views/concepts/ai/Chat/components/ChatCustomContent.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport { useState, useMemo, createElement, useEffect, ReactNode } from 'react'\nimport useInterval from '@/utils/hooks/useInterval '\nimport { getCurrentNodeOverflow, getStringPosition } from '../utils'\nimport ReactHtmlParser from 'html-react-parser'\nimport { marked } from 'marked'\nimport type { CommonProps } from '@/@types/common'\n\ntype ChatCustomContentProps = {\n    content: string\n    triggerTyping: boolean\n    onFinish?: () => void\n}\n\nconst AIWriter = ({\n    children,\n    delay = 25,\n    onFinish = () => {},\n}: CommonProps & { delay?: number; onFinish?: () => void }) => {\n    const [pos, setPos] = useState(0)\n\n    const tokenLengths = useMemo(() => {\n        const arr: number[] = []\n\n        const traverseNodesAndCountTokens = (reactNode: any) => {\n            const nodeChildren = reactNode?.props?.children\n\n            if (Array.isArray(reactNode)) {\n                reactNode.forEach((node) => {\n                    if (typeof node === 'object') {\n                        traverseNodesAndCountTokens(node)\n                    } else if (typeof node === 'string') {\n                        arr.push(node.split(' ').length)\n                    }\n                })\n            }\n\n            if (nodeChildren === undefined) {\n                if (typeof reactNode === 'string') {\n                    arr.push(reactNode.split(' ').length)\n                }\n            }\n\n            // TODO mb try checking if it's a react element\n            if (typeof nodeChildren === 'object') {\n                traverseNodesAndCountTokens(nodeChildren)\n            }\n            if (typeof nodeChildren === 'string') {\n                arr.push(nodeChildren.split(' ').length)\n            }\n\n            return arr\n        }\n\n        return traverseNodesAndCountTokens(children)\n    }, [children])\n\n    const totalTokens = useMemo(\n        () => tokenLengths.reduce((acc, curr) => acc + curr, 0),\n        [tokenLengths],\n    )\n\n    const nodex = useMemo(() => {\n        let tmpCurrentLoopTokenPos = 0\n        let tmpCurrentLoopNodePos = 0\n\n        const traverseNodesAndInjectAIWriter: any = (reactNode: any) => {\n            if (tmpCurrentLoopTokenPos > pos) {\n                return null\n            }\n\n            const nodeChildren = reactNode?.props?.children\n\n            if (Array.isArray(reactNode)) {\n                const joinedNodes: ReactNode[] = []\n                reactNode.forEach((node) => {\n                    if (typeof node === 'object') {\n                        joinedNodes.push(traverseNodesAndInjectAIWriter(node))\n                    } else if (typeof node === 'string') {\n                        tmpCurrentLoopTokenPos += node.split(' ').length\n                        tmpCurrentLoopNodePos++\n                        const [nodeIndex, currentNodePos] =\n                            getCurrentNodeOverflow(tokenLengths, pos)\n\n                        if (nodeIndex < tmpCurrentLoopNodePos) {\n                            joinedNodes.push(\n                                node.slice(\n                                    0,\n                                    getStringPosition(\n                                        node,\n                                        ' ',\n                                        currentNodePos,\n                                    ),\n                                ),\n                            )\n                        }\n\n                        joinedNodes.push(node)\n                    }\n                })\n\n                return joinedNodes\n            }\n\n            if (nodeChildren === undefined) {\n                if (typeof reactNode === 'string') {\n                    tmpCurrentLoopTokenPos += reactNode.split(' ').length\n                    tmpCurrentLoopNodePos++\n\n                    const [nodeIndex, currentNodePos] = getCurrentNodeOverflow(\n                        tokenLengths,\n                        pos,\n                    )\n\n                    if (nodeIndex < tmpCurrentLoopNodePos) {\n                        return reactNode.slice(\n                            0,\n                            getStringPosition(reactNode, ' ', currentNodePos),\n                        )\n                    }\n\n                    return reactNode\n                }\n            }\n\n            if (typeof nodeChildren === 'object') {\n                return createElement(\n                    reactNode.type,\n                    reactNode?.props,\n                    traverseNodesAndInjectAIWriter(nodeChildren),\n                )\n            }\n\n            if (typeof nodeChildren === 'string') {\n                tmpCurrentLoopTokenPos += nodeChildren.split(' ').length\n                tmpCurrentLoopNodePos++\n                const [nodeIndex, currentNodePos] = getCurrentNodeOverflow(\n                    tokenLengths,\n                    pos,\n                )\n\n                if (nodeIndex < tmpCurrentLoopNodePos) {\n                    return createElement(\n                        reactNode.type,\n                        reactNode?.props,\n                        nodeChildren.slice(\n                            0,\n                            getStringPosition(\n                                nodeChildren,\n                                ' ',\n                                currentNodePos,\n                            ),\n                        ),\n                    )\n                }\n\n                return reactNode\n            }\n        }\n\n        return traverseNodesAndInjectAIWriter(children)\n    }, [children, pos, tokenLengths])\n\n    useInterval(\n        () => {\n            setPos((prevPos) => {\n                if (prevPos + 1 >= totalTokens) {\n                    onFinish()\n                }\n\n                return prevPos + 1\n            })\n        },\n        totalTokens > pos ? delay : null,\n    )\n\n    useEffect(() => {\n        setPos(0)\n    }, [children])\n\n    return nodex\n}\n\nconst ChatCustomContent = ({\n    content = '',\n    triggerTyping,\n    onFinish,\n}: ChatCustomContentProps) => {\n    const finalContent = ReactHtmlParser(marked(content) as string)\n\n    return (\n        <>\n            {triggerTyping ? (\n                <AIWriter onFinish={onFinish}>{finalContent}</AIWriter>\n            ) : (\n                finalContent\n            )}\n        </>\n    )\n}\n\nexport default ChatCustomContent\n"],"names":[],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"ChatHistory.js","sources":["../../../../../../../lib/@ecme/views/concepts/ai/Chat/components/ChatHistory.tsx"],"sourcesContent":["import { Fragment } from 'react'\r\nimport ScrollBar from '@/components/ui/ScrollBar'\r\nimport ChatHistoryItem from './ChatHistoryItem'\r\nimport { usGenerativeChatStore } from '../store/generativeChatStore'\r\nimport { apiGetChatHistory } from '@/services/AiService'\r\n\r\nimport useSWR from 'swr'\r\nimport type { GetChatHistoryResponse } from '../types'\r\n\r\ntype ChatHistoryProps = {\r\n    queryText?: string\r\n    onClick?: () => void\r\n}\r\n\r\nconst ChatHistory = ({ queryText = '', onClick }: ChatHistoryProps) => {\r\n    const {\r\n        chatHistory,\r\n        setChatHistory,\r\n        setRenameDialog,\r\n        setSelectedConversation,\r\n        selectedConversation,\r\n    } = usGenerativeChatStore()\r\n\r\n    useSWR(\r\n        ['/api/ai/chat/history'],\r\n        () => apiGetChatHistory<GetChatHistoryResponse>(),\r\n        {\r\n            revalidateOnFocus: false,\r\n            revalidateIfStale: false,\r\n            revalidateOnReconnect: false,\r\n            onSuccess: (data) => {\r\n                setChatHistory(data)\r\n            },\r\n        },\r\n    )\r\n\r\n    const handleDelete = (id: string) => {\r\n        setChatHistory(chatHistory.filter((item) => item.id !== id))\r\n        setSelectedConversation('')\r\n    }\r\n\r\n    const handleArchive = (id: string) => {\r\n        setChatHistory(chatHistory.filter((item) => item.id !== id))\r\n        setSelectedConversation('')\r\n    }\r\n\r\n    const handleRename = (id: string, title: string) => {\r\n        setRenameDialog({\r\n            id,\r\n            title,\r\n            open: true,\r\n        })\r\n    }\r\n\r\n    const handleClick = (id: string) => {\r\n        setSelectedConversation(id)\r\n        onClick?.()\r\n    }\r\n\r\n    return (\r\n        <ScrollBar className=\"h-full\">\r\n            <div className=\"flex flex-col gap-2 py-2 px-3\">\r\n                {chatHistory\r\n                    .filter((item) =>\r\n                        item.title\r\n                            .toLowerCase()\r\n                            .includes(queryText.toLowerCase()),\r\n                    )\r\n                    .map((item) => {\r\n                        if (!item.enable) {\r\n                            return <Fragment key={item.id} />\r\n                        }\r\n                        return (\r\n                            <ChatHistoryItem\r\n                                key={item.id}\r\n                                data-testid={item.id}\r\n                                title={item.title}\r\n                                conversation={item.lastConversation}\r\n                                active={selectedConversation === item.id}\r\n                                onDelete={() => handleDelete(item.id)}\r\n                                onArchive={() => handleArchive(item.id)}\r\n                                onRename={() =>\r\n                                    handleRename(item.id, item.title)\r\n                                }\r\n                                onClick={() => handleClick(item.id)}\r\n                            />\r\n                        )\r\n                    })}\r\n            </div>\r\n        </ScrollBar>\r\n    )\r\n}\r\n\r\nexport default ChatHistory\r\n"],"names":[],"mappings":";;;;;;;;AAcA,MAAM,cAAc,CAAC,EAAE,YAAY,IAAI,cAAgC;AACnE,QAAM;AAAA,IACF;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,IACA,sBAAA;AAEJ;AAAA,IACI,CAAC,sBAAsB;AAAA,IACvB,MAAM,kBAAA;AAAA,IACN;AAAA,MACI,mBAAmB;AAAA,MACnB,mBAAmB;AAAA,MACnB,uBAAuB;AAAA,MACvB,WAAW,CAAC,SAAS;AACjB,uBAAe,IAAI;AAAA,MACvB;AAAA,IAAA;AAAA,EACJ;AAGJ,QAAM,eAAe,CAAC,OAAe;AACjC,mBAAe,YAAY,OAAO,CAAC,SAAS,KAAK,OAAO,EAAE,CAAC;AAC3D,4BAAwB,EAAE;AAAA,EAC9B;AAEA,QAAM,gBAAgB,CAAC,OAAe;AAClC,mBAAe,YAAY,OAAO,CAAC,SAAS,KAAK,OAAO,EAAE,CAAC;AAC3D,4BAAwB,EAAE;AAAA,EAC9B;AAEA,QAAM,eAAe,CAAC,IAAY,UAAkB;AAChD,oBAAgB;AAAA,MACZ;AAAA,MACA;AAAA,MACA,MAAM;AAAA,IAAA,CACT;AAAA,EACL;AAEA,QAAM,cAAc,CAAC,OAAe;AAChC,4BAAwB,EAAE;AAC1B,cAAA;AAAA,EACJ;AAEA,SACI,oBAAC,aAAU,WAAU,UACjB,8BAAC,OAAA,EAAI,WAAU,iCACV,UAAA,YACI;AAAA,IAAO,CAAC,SACL,KAAK,MACA,cACA,SAAS,UAAU,YAAA,CAAa;AAAA,EAAA,EAExC,IAAI,CAAC,SAAS;AACX,QAAI,CAAC,KAAK,QAAQ;AACd,aAAO,oBAAC,UAAA,IAAc,KAAK,EAAI;AAAA,IACnC;AACA,WACI;AAAA,MAAC;AAAA,MAAA;AAAA,QAEG,eAAa,KAAK;AAAA,QAClB,OAAO,KAAK;AAAA,QACZ,cAAc,KAAK;AAAA,QACnB,QAAQ,yBAAyB,KAAK;AAAA,QACtC,UAAU,MAAM,aAAa,KAAK,EAAE;AAAA,QACpC,WAAW,MAAM,cAAc,KAAK,EAAE;AAAA,QACtC,UAAU,MACN,aAAa,KAAK,IAAI,KAAK,KAAK;AAAA,QAEpC,SAAS,MAAM,YAAY,KAAK,EAAE;AAAA,MAAA;AAAA,MAV7B,KAAK;AAAA,IAAA;AAAA,EAatB,CAAC,GACT,GACJ;AAER;"}
+{"version":3,"file":"ChatHistory.js","sources":["../../../../../../../lib/@ecme/views/concepts/ai/Chat/components/ChatHistory.tsx"],"sourcesContent":["import { Fragment } from 'react'\nimport ScrollBar from '@/components/ui/ScrollBar'\nimport ChatHistoryItem from './ChatHistoryItem'\nimport { usGenerativeChatStore } from '../store/generativeChatStore'\nimport { apiGetChatHistory } from '@/services/AiService'\n\nimport useSWR from 'swr'\nimport type { GetChatHistoryResponse } from '../types'\n\ntype ChatHistoryProps = {\n    queryText?: string\n    onClick?: () => void\n}\n\nconst ChatHistory = ({ queryText = '', onClick }: ChatHistoryProps) => {\n    const {\n        chatHistory,\n        setChatHistory,\n        setRenameDialog,\n        setSelectedConversation,\n        selectedConversation,\n    } = usGenerativeChatStore()\n\n    useSWR(\n        ['/api/ai/chat/history'],\n        () => apiGetChatHistory<GetChatHistoryResponse>(),\n        {\n            revalidateOnFocus: false,\n            revalidateIfStale: false,\n            revalidateOnReconnect: false,\n            onSuccess: (data) => {\n                setChatHistory(data)\n            },\n        },\n    )\n\n    const handleDelete = (id: string) => {\n        setChatHistory(chatHistory.filter((item) => item.id !== id))\n        setSelectedConversation('')\n    }\n\n    const handleArchive = (id: string) => {\n        setChatHistory(chatHistory.filter((item) => item.id !== id))\n        setSelectedConversation('')\n    }\n\n    const handleRename = (id: string, title: string) => {\n        setRenameDialog({\n            id,\n            title,\n            open: true,\n        })\n    }\n\n    const handleClick = (id: string) => {\n        setSelectedConversation(id)\n        onClick?.()\n    }\n\n    return (\n        <ScrollBar className=\"h-full\">\n            <div className=\"flex flex-col gap-2 py-2 px-3\">\n                {chatHistory\n                    .filter((item) =>\n                        item.title\n                            .toLowerCase()\n                            .includes(queryText.toLowerCase()),\n                    )\n                    .map((item) => {\n                        if (!item.enable) {\n                            return <Fragment key={item.id} />\n                        }\n                        return (\n                            <ChatHistoryItem\n                                key={item.id}\n                                data-testid={item.id}\n                                title={item.title}\n                                conversation={item.lastConversation}\n                                active={selectedConversation === item.id}\n                                onDelete={() => handleDelete(item.id)}\n                                onArchive={() => handleArchive(item.id)}\n                                onRename={() =>\n                                    handleRename(item.id, item.title)\n                                }\n                                onClick={() => handleClick(item.id)}\n                            />\n                        )\n                    })}\n            </div>\n        </ScrollBar>\n    )\n}\n\nexport default ChatHistory\n"],"names":[],"mappings":";;;;;;;;AAcA,MAAM,cAAc,CAAC,EAAE,YAAY,IAAI,cAAgC;AACnE,QAAM;AAAA,IACF;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,IACA,sBAAA;AAEJ;AAAA,IACI,CAAC,sBAAsB;AAAA,IACvB,MAAM,kBAAA;AAAA,IACN;AAAA,MACI,mBAAmB;AAAA,MACnB,mBAAmB;AAAA,MACnB,uBAAuB;AAAA,MACvB,WAAW,CAAC,SAAS;AACjB,uBAAe,IAAI;AAAA,MACvB;AAAA,IAAA;AAAA,EACJ;AAGJ,QAAM,eAAe,CAAC,OAAe;AACjC,mBAAe,YAAY,OAAO,CAAC,SAAS,KAAK,OAAO,EAAE,CAAC;AAC3D,4BAAwB,EAAE;AAAA,EAC9B;AAEA,QAAM,gBAAgB,CAAC,OAAe;AAClC,mBAAe,YAAY,OAAO,CAAC,SAAS,KAAK,OAAO,EAAE,CAAC;AAC3D,4BAAwB,EAAE;AAAA,EAC9B;AAEA,QAAM,eAAe,CAAC,IAAY,UAAkB;AAChD,oBAAgB;AAAA,MACZ;AAAA,MACA;AAAA,MACA,MAAM;AAAA,IAAA,CACT;AAAA,EACL;AAEA,QAAM,cAAc,CAAC,OAAe;AAChC,4BAAwB,EAAE;AAC1B,cAAA;AAAA,EACJ;AAEA,SACI,oBAAC,aAAU,WAAU,UACjB,8BAAC,OAAA,EAAI,WAAU,iCACV,UAAA,YACI;AAAA,IAAO,CAAC,SACL,KAAK,MACA,cACA,SAAS,UAAU,YAAA,CAAa;AAAA,EAAA,EAExC,IAAI,CAAC,SAAS;AACX,QAAI,CAAC,KAAK,QAAQ;AACd,aAAO,oBAAC,UAAA,IAAc,KAAK,EAAI;AAAA,IACnC;AACA,WACI;AAAA,MAAC;AAAA,MAAA;AAAA,QAEG,eAAa,KAAK;AAAA,QAClB,OAAO,KAAK;AAAA,QACZ,cAAc,KAAK;AAAA,QACnB,QAAQ,yBAAyB,KAAK;AAAA,QACtC,UAAU,MAAM,aAAa,KAAK,EAAE;AAAA,QACpC,WAAW,MAAM,cAAc,KAAK,EAAE;AAAA,QACtC,UAAU,MACN,aAAa,KAAK,IAAI,KAAK,KAAK;AAAA,QAEpC,SAAS,MAAM,YAAY,KAAK,EAAE;AAAA,MAAA;AAAA,MAV7B,KAAK;AAAA,IAAA;AAAA,EAatB,CAAC,GACT,GACJ;AAER;"}

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

@@ -1 +1 @@
-{"version":3,"file":"ChatHistoryItem.js","sources":["../../../../../../../lib/@ecme/views/concepts/ai/Chat/components/ChatHistoryItem.tsx"],"sourcesContent":["import { useState, useRef } from 'react'\r\nimport Dropdown from '@/components/ui/Dropdown'\r\nimport classNames from 'classnames'\r\nimport { TbDots, TbArchive, TbPencil, TbTrash } from 'react-icons/tb'\r\nimport type { DropdownRef } from '@/components/ui/Dropdown'\r\n\r\nimport type { MouseEvent, SyntheticEvent } from 'react'\r\n\r\ntype ChatHistoryItemProps = {\r\n    title: string\r\n    conversation: string\r\n    active?: boolean\r\n    onDelete?: () => void\r\n    onArchive?: () => void\r\n    onRename?: () => void\r\n    onClick?: () => void\r\n}\r\n\r\nconst ChatHistoryItem = (props: ChatHistoryItemProps) => {\r\n    const [dropdownOpen, setDropdownOpen] = useState(false)\r\n\r\n    const dropdownRef = useRef<DropdownRef>(null)\r\n\r\n    const {\r\n        title,\r\n        conversation,\r\n        active,\r\n        onRename,\r\n        onArchive,\r\n        onDelete,\r\n        onClick,\r\n        ...rest\r\n    } = props\r\n\r\n    const handleCallback = (\r\n        e: SyntheticEvent<Element, Event>,\r\n        callback?: () => void,\r\n    ) => {\r\n        e.stopPropagation()\r\n        callback?.()\r\n    }\r\n\r\n    const handleDropdownToggleClick = (e: MouseEvent) => {\r\n        e.stopPropagation()\r\n        dropdownRef.current?.handleDropdownOpen()\r\n    }\r\n\r\n    return (\r\n        <div\r\n            className={classNames(\r\n                'rounded-xl p-3 px-5 hover:bg-gray-100 dark:hover:bg-gray-700 cursor-pointer group relative',\r\n                (dropdownOpen || active) && 'bg-gray-100 dark:bg-gray-700',\r\n            )}\r\n            onClick={onClick}\r\n            {...rest}\r\n        >\r\n            <div>\r\n                <div className=\"heading-text font-bold truncate\">{title}</div>\r\n                <div className=\"truncate\">{conversation}</div>\r\n            </div>\r\n            <div\r\n                className={classNames(\r\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',\r\n                    dropdownOpen &&\r\n                        'from-gray-100 dark:from-gray-700 w-20 from-60%',\r\n                )}\r\n            >\r\n                <Dropdown\r\n                    ref={dropdownRef}\r\n                    placement=\"bottom-end\"\r\n                    renderTitle={\r\n                        <div\r\n                            className={classNames(\r\n                                'p-2 opacity-0 group-hover:opacity-100',\r\n                                dropdownOpen && 'opacity-100',\r\n                            )}\r\n                        >\r\n                            <TbDots\r\n                                className=\"text-xl\"\r\n                                onClick={handleDropdownToggleClick}\r\n                            />\r\n                        </div>\r\n                    }\r\n                    onOpen={(bool) => setDropdownOpen(bool)}\r\n                >\r\n                    <Dropdown.Item\r\n                        eventKey=\"rename\"\r\n                        onClick={(e) => handleCallback(e, onRename)}\r\n                    >\r\n                        <TbPencil className=\"text-xl\" />\r\n                        <span>Rename</span>\r\n                    </Dropdown.Item>\r\n                    <Dropdown.Item\r\n                        eventKey=\"rename\"\r\n                        onClick={(e) => handleCallback(e, onArchive)}\r\n                    >\r\n                        <TbArchive className=\"text-xl\" />\r\n                        <span>Archive</span>\r\n                    </Dropdown.Item>\r\n                    <Dropdown.Item\r\n                        className=\"text-error\"\r\n                        eventKey=\"rename\"\r\n                        onClick={(e) => handleCallback(e, onDelete)}\r\n                    >\r\n                        <TbTrash className=\"text-xl text-error\" />\r\n                        <span className=\"text-error\">Deleted</span>\r\n                    </Dropdown.Item>\r\n                </Dropdown>\r\n            </div>\r\n        </div>\r\n    )\r\n}\r\n\r\nexport default ChatHistoryItem\r\n"],"names":[],"mappings":";;;;;AAkBA,MAAM,kBAAkB,CAAC,UAAgC;AACrD,QAAM,CAAC,cAAc,eAAe,IAAI,SAAS,KAAK;AAEtD,QAAM,cAAc,OAAoB,IAAI;AAE5C,QAAM;AAAA,IACF;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EAAA,IACH;AAEJ,QAAM,iBAAiB,CACnB,GACA,aACC;AACD,MAAE,gBAAA;AACF,eAAA;AAAA,EACJ;AAEA,QAAM,4BAA4B,CAAC,MAAkB;AACjD,MAAE,gBAAA;AACF,gBAAY,SAAS,mBAAA;AAAA,EACzB;AAEA,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAW;AAAA,QACP;AAAA,SACC,gBAAgB,WAAW;AAAA,MAAA;AAAA,MAEhC;AAAA,MACC,GAAG;AAAA,MAEJ,UAAA;AAAA,QAAA,qBAAC,OAAA,EACG,UAAA;AAAA,UAAA,oBAAC,OAAA,EAAI,WAAU,mCAAmC,UAAA,OAAM;AAAA,UACxD,oBAAC,OAAA,EAAI,WAAU,YAAY,UAAA,aAAA,CAAa;AAAA,QAAA,GAC5C;AAAA,QACA;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,WAAW;AAAA,cACP;AAAA,cACA,gBACI;AAAA,YAAA;AAAA,YAGR,UAAA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACG,KAAK;AAAA,gBACL,WAAU;AAAA,gBACV,aACI;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBACG,WAAW;AAAA,sBACP;AAAA,sBACA,gBAAgB;AAAA,oBAAA;AAAA,oBAGpB,UAAA;AAAA,sBAAC;AAAA,sBAAA;AAAA,wBACG,WAAU;AAAA,wBACV,SAAS;AAAA,sBAAA;AAAA,oBAAA;AAAA,kBACb;AAAA,gBAAA;AAAA,gBAGR,QAAQ,CAAC,SAAS,gBAAgB,IAAI;AAAA,gBAEtC,UAAA;AAAA,kBAAA;AAAA,oBAAC,SAAS;AAAA,oBAAT;AAAA,sBACG,UAAS;AAAA,sBACT,SAAS,CAAC,MAAM,eAAe,GAAG,QAAQ;AAAA,sBAE1C,UAAA;AAAA,wBAAA,oBAAC,UAAA,EAAS,WAAU,UAAA,CAAU;AAAA,wBAC9B,oBAAC,UAAK,UAAA,SAAA,CAAM;AAAA,sBAAA;AAAA,oBAAA;AAAA,kBAAA;AAAA,kBAEhB;AAAA,oBAAC,SAAS;AAAA,oBAAT;AAAA,sBACG,UAAS;AAAA,sBACT,SAAS,CAAC,MAAM,eAAe,GAAG,SAAS;AAAA,sBAE3C,UAAA;AAAA,wBAAA,oBAAC,WAAA,EAAU,WAAU,UAAA,CAAU;AAAA,wBAC/B,oBAAC,UAAK,UAAA,UAAA,CAAO;AAAA,sBAAA;AAAA,oBAAA;AAAA,kBAAA;AAAA,kBAEjB;AAAA,oBAAC,SAAS;AAAA,oBAAT;AAAA,sBACG,WAAU;AAAA,sBACV,UAAS;AAAA,sBACT,SAAS,CAAC,MAAM,eAAe,GAAG,QAAQ;AAAA,sBAE1C,UAAA;AAAA,wBAAA,oBAAC,SAAA,EAAQ,WAAU,qBAAA,CAAqB;AAAA,wBACxC,oBAAC,QAAA,EAAK,WAAU,cAAa,UAAA,UAAA,CAAO;AAAA,sBAAA;AAAA,oBAAA;AAAA,kBAAA;AAAA,gBACxC;AAAA,cAAA;AAAA,YAAA;AAAA,UACJ;AAAA,QAAA;AAAA,MACJ;AAAA,IAAA;AAAA,EAAA;AAGZ;"}
+{"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":[],"mappings":";;;;;AAkBA,MAAM,kBAAkB,CAAC,UAAgC;AACrD,QAAM,CAAC,cAAc,eAAe,IAAI,SAAS,KAAK;AAEtD,QAAM,cAAc,OAAoB,IAAI;AAE5C,QAAM;AAAA,IACF;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EAAA,IACH;AAEJ,QAAM,iBAAiB,CACnB,GACA,aACC;AACD,MAAE,gBAAA;AACF,eAAA;AAAA,EACJ;AAEA,QAAM,4BAA4B,CAAC,MAAkB;AACjD,MAAE,gBAAA;AACF,gBAAY,SAAS,mBAAA;AAAA,EACzB;AAEA,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAW;AAAA,QACP;AAAA,SACC,gBAAgB,WAAW;AAAA,MAAA;AAAA,MAEhC;AAAA,MACC,GAAG;AAAA,MAEJ,UAAA;AAAA,QAAA,qBAAC,OAAA,EACG,UAAA;AAAA,UAAA,oBAAC,OAAA,EAAI,WAAU,mCAAmC,UAAA,OAAM;AAAA,UACxD,oBAAC,OAAA,EAAI,WAAU,YAAY,UAAA,aAAA,CAAa;AAAA,QAAA,GAC5C;AAAA,QACA;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,WAAW;AAAA,cACP;AAAA,cACA,gBACI;AAAA,YAAA;AAAA,YAGR,UAAA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACG,KAAK;AAAA,gBACL,WAAU;AAAA,gBACV,aACI;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBACG,WAAW;AAAA,sBACP;AAAA,sBACA,gBAAgB;AAAA,oBAAA;AAAA,oBAGpB,UAAA;AAAA,sBAAC;AAAA,sBAAA;AAAA,wBACG,WAAU;AAAA,wBACV,SAAS;AAAA,sBAAA;AAAA,oBAAA;AAAA,kBACb;AAAA,gBAAA;AAAA,gBAGR,QAAQ,CAAC,SAAS,gBAAgB,IAAI;AAAA,gBAEtC,UAAA;AAAA,kBAAA;AAAA,oBAAC,SAAS;AAAA,oBAAT;AAAA,sBACG,UAAS;AAAA,sBACT,SAAS,CAAC,MAAM,eAAe,GAAG,QAAQ;AAAA,sBAE1C,UAAA;AAAA,wBAAA,oBAAC,UAAA,EAAS,WAAU,UAAA,CAAU;AAAA,wBAC9B,oBAAC,UAAK,UAAA,SAAA,CAAM;AAAA,sBAAA;AAAA,oBAAA;AAAA,kBAAA;AAAA,kBAEhB;AAAA,oBAAC,SAAS;AAAA,oBAAT;AAAA,sBACG,UAAS;AAAA,sBACT,SAAS,CAAC,MAAM,eAAe,GAAG,SAAS;AAAA,sBAE3C,UAAA;AAAA,wBAAA,oBAAC,WAAA,EAAU,WAAU,UAAA,CAAU;AAAA,wBAC/B,oBAAC,UAAK,UAAA,UAAA,CAAO;AAAA,sBAAA;AAAA,oBAAA;AAAA,kBAAA;AAAA,kBAEjB;AAAA,oBAAC,SAAS;AAAA,oBAAT;AAAA,sBACG,WAAU;AAAA,sBACV,UAAS;AAAA,sBACT,SAAS,CAAC,MAAM,eAAe,GAAG,QAAQ;AAAA,sBAE1C,UAAA;AAAA,wBAAA,oBAAC,SAAA,EAAQ,WAAU,qBAAA,CAAqB;AAAA,wBACxC,oBAAC,QAAA,EAAK,WAAU,cAAa,UAAA,UAAA,CAAO;AAAA,sBAAA;AAAA,oBAAA;AAAA,kBAAA;AAAA,gBACxC;AAAA,cAAA;AAAA,YAAA;AAAA,UACJ;AAAA,QAAA;AAAA,MACJ;AAAA,IAAA;AAAA,EAAA;AAGZ;"}

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

@@ -1 +1 @@
-{"version":3,"file":"ChatHistoryRenameDialog.js","sources":["../../../../../../../lib/@ecme/views/concepts/ai/Chat/components/ChatHistoryRenameDialog.tsx"],"sourcesContent":["import { useEffect } from 'react'\r\nimport Dialog from '@/components/ui/Dialog'\r\nimport { Form, FormItem } from '@/components/ui/Form'\r\nimport Input from '@/components/ui/Input'\r\nimport Button from '@/components/ui/Button'\r\nimport { usGenerativeChatStore } from '../store/generativeChatStore'\r\nimport { useForm, Controller } from 'react-hook-form'\r\nimport { zodResolver } from '@hookform/resolvers/zod'\r\nimport { z } from 'zod'\r\nimport type { ZodType } from 'zod'\r\n\r\ntype FormSchema = {\r\n    title: string\r\n}\r\n\r\nconst validationSchema: ZodType<FormSchema> = z.object({\r\n    title: z.string().min(1, 'Please do not leave chat title blank!'),\r\n})\r\n\r\nconst ChatHistoryRenameDialog = () => {\r\n    const { renameDialog, setRenameDialog, setChatHistoryName } =\r\n        usGenerativeChatStore()\r\n\r\n    const {\r\n        control,\r\n        formState: { errors },\r\n        handleSubmit,\r\n        reset,\r\n    } = useForm<FormSchema>({\r\n        defaultValues: {\r\n            title: renameDialog.title,\r\n        },\r\n        resolver: zodResolver(validationSchema),\r\n    })\r\n\r\n    useEffect(() => {\r\n        if (renameDialog.open) {\r\n            reset({\r\n                title: renameDialog.title,\r\n            })\r\n        }\r\n        // eslint-disable-next-line react-hooks/exhaustive-deps\r\n    }, [renameDialog.title, renameDialog.open])\r\n\r\n    const handleDialogClose = () => {\r\n        setRenameDialog({\r\n            id: '',\r\n            title: '',\r\n            open: false,\r\n        })\r\n    }\r\n\r\n    const onFormSubmit = async ({ title }: FormSchema) => {\r\n        setChatHistoryName({\r\n            id: renameDialog.id,\r\n            title,\r\n        })\r\n        handleDialogClose()\r\n    }\r\n\r\n    return (\r\n        <Dialog\r\n            isOpen={renameDialog.open}\r\n            onClose={handleDialogClose}\r\n            onRequestClose={handleDialogClose}\r\n        >\r\n            <h5>Rename chat</h5>\r\n            <div className=\"mt-8\">\r\n                <Form onSubmit={handleSubmit(onFormSubmit)}>\r\n                    <FormItem\r\n                        label=\"Chat title\"\r\n                        invalid={Boolean(errors.title)}\r\n                        errorMessage={errors.title?.message}\r\n                    >\r\n                        <Controller\r\n                            name=\"title\"\r\n                            control={control}\r\n                            rules={{ required: true }}\r\n                            render={({ field }) => (\r\n                                <Input\r\n                                    placeholder=\"Rename chat\"\r\n                                    type=\"text\"\r\n                                    autoComplete=\"off\"\r\n                                    {...field}\r\n                                />\r\n                            )}\r\n                        />\r\n                    </FormItem>\r\n                    <div className=\"flex justify-end gap-2\">\r\n                        <Button type=\"button\" onClick={handleDialogClose}>\r\n                            Cancel\r\n                        </Button>\r\n                        <Button variant=\"solid\" type=\"submit\">\r\n                            Rename\r\n                        </Button>\r\n                    </div>\r\n                </Form>\r\n            </div>\r\n        </Dialog>\r\n    )\r\n}\r\n\r\nexport default ChatHistoryRenameDialog\r\n"],"names":[],"mappings":";;;;;;;;;;;;;;;AAeA,MAAM,mBAAwC,EAAE,OAAO;AAAA,EACnD,OAAO,EAAE,OAAA,EAAS,IAAI,GAAG,uCAAuC;AACpE,CAAC;AAED,MAAM,0BAA0B,MAAM;AAClC,QAAM,EAAE,cAAc,iBAAiB,mBAAA,IACnC,sBAAA;AAEJ,QAAM;AAAA,IACF;AAAA,IACA,WAAW,EAAE,OAAA;AAAA,IACb;AAAA,IACA;AAAA,EAAA,IACA,QAAoB;AAAA,IACpB,eAAe;AAAA,MACX,OAAO,aAAa;AAAA,IAAA;AAAA,IAExB,UAAU,YAAY,gBAAgB;AAAA,EAAA,CACzC;AAED,YAAU,MAAM;AACZ,QAAI,aAAa,MAAM;AACnB,YAAM;AAAA,QACF,OAAO,aAAa;AAAA,MAAA,CACvB;AAAA,IACL;AAAA,EAEJ,GAAG,CAAC,aAAa,OAAO,aAAa,IAAI,CAAC;AAE1C,QAAM,oBAAoB,MAAM;AAC5B,oBAAgB;AAAA,MACZ,IAAI;AAAA,MACJ,OAAO;AAAA,MACP,MAAM;AAAA,IAAA,CACT;AAAA,EACL;AAEA,QAAM,eAAe,OAAO,EAAE,YAAwB;AAClD,uBAAmB;AAAA,MACf,IAAI,aAAa;AAAA,MACjB;AAAA,IAAA,CACH;AACD,sBAAA;AAAA,EACJ;AAEA,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,QAAQ,aAAa;AAAA,MACrB,SAAS;AAAA,MACT,gBAAgB;AAAA,MAEhB,UAAA;AAAA,QAAA,oBAAC,QAAG,UAAA,cAAA,CAAW;AAAA,QACf,oBAAC,SAAI,WAAU,QACX,+BAAC,MAAA,EAAK,UAAU,aAAa,YAAY,GACrC,UAAA;AAAA,UAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACG,OAAM;AAAA,cACN,SAAS,QAAQ,OAAO,KAAK;AAAA,cAC7B,cAAc,OAAO,OAAO;AAAA,cAE5B,UAAA;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACG,MAAK;AAAA,kBACL;AAAA,kBACA,OAAO,EAAE,UAAU,KAAA;AAAA,kBACnB,QAAQ,CAAC,EAAE,MAAA,MACP;AAAA,oBAAC;AAAA,oBAAA;AAAA,sBACG,aAAY;AAAA,sBACZ,MAAK;AAAA,sBACL,cAAa;AAAA,sBACZ,GAAG;AAAA,oBAAA;AAAA,kBAAA;AAAA,gBACR;AAAA,cAAA;AAAA,YAER;AAAA,UAAA;AAAA,UAEJ,qBAAC,OAAA,EAAI,WAAU,0BACX,UAAA;AAAA,YAAA,oBAAC,QAAA,EAAO,MAAK,UAAS,SAAS,mBAAmB,UAAA,UAElD;AAAA,gCACC,QAAA,EAAO,SAAQ,SAAQ,MAAK,UAAS,UAAA,SAAA,CAEtC;AAAA,UAAA,EAAA,CACJ;AAAA,QAAA,EAAA,CACJ,EAAA,CACJ;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGZ;"}
+{"version":3,"file":"ChatHistoryRenameDialog.js","sources":["../../../../../../../lib/@ecme/views/concepts/ai/Chat/components/ChatHistoryRenameDialog.tsx"],"sourcesContent":["import { useEffect } from 'react'\nimport Dialog from '@/components/ui/Dialog'\nimport { Form, FormItem } from '@/components/ui/Form'\nimport Input from '@/components/ui/Input'\nimport Button from '@/components/ui/Button'\nimport { usGenerativeChatStore } from '../store/generativeChatStore'\nimport { useForm, Controller } from 'react-hook-form'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport { z } from 'zod'\nimport type { ZodType } from 'zod'\n\ntype FormSchema = {\n    title: string\n}\n\nconst validationSchema: ZodType<FormSchema> = z.object({\n    title: z.string().min(1, 'Please do not leave chat title blank!'),\n})\n\nconst ChatHistoryRenameDialog = () => {\n    const { renameDialog, setRenameDialog, setChatHistoryName } =\n        usGenerativeChatStore()\n\n    const {\n        control,\n        formState: { errors },\n        handleSubmit,\n        reset,\n    } = useForm<FormSchema>({\n        defaultValues: {\n            title: renameDialog.title,\n        },\n        resolver: zodResolver(validationSchema),\n    })\n\n    useEffect(() => {\n        if (renameDialog.open) {\n            reset({\n                title: renameDialog.title,\n            })\n        }\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [renameDialog.title, renameDialog.open])\n\n    const handleDialogClose = () => {\n        setRenameDialog({\n            id: '',\n            title: '',\n            open: false,\n        })\n    }\n\n    const onFormSubmit = async ({ title }: FormSchema) => {\n        setChatHistoryName({\n            id: renameDialog.id,\n            title,\n        })\n        handleDialogClose()\n    }\n\n    return (\n        <Dialog\n            isOpen={renameDialog.open}\n            onClose={handleDialogClose}\n            onRequestClose={handleDialogClose}\n        >\n            <h5>Rename chat</h5>\n            <div className=\"mt-8\">\n                <Form onSubmit={handleSubmit(onFormSubmit)}>\n                    <FormItem\n                        label=\"Chat title\"\n                        invalid={Boolean(errors.title)}\n                        errorMessage={errors.title?.message}\n                    >\n                        <Controller\n                            name=\"title\"\n                            control={control}\n                            rules={{ required: true }}\n                            render={({ field }) => (\n                                <Input\n                                    placeholder=\"Rename chat\"\n                                    type=\"text\"\n                                    autoComplete=\"off\"\n                                    {...field}\n                                />\n                            )}\n                        />\n                    </FormItem>\n                    <div className=\"flex justify-end gap-2\">\n                        <Button type=\"button\" onClick={handleDialogClose}>\n                            Cancel\n                        </Button>\n                        <Button variant=\"solid\" type=\"submit\">\n                            Rename\n                        </Button>\n                    </div>\n                </Form>\n            </div>\n        </Dialog>\n    )\n}\n\nexport default ChatHistoryRenameDialog\n"],"names":[],"mappings":";;;;;;;;;;;;;;;AAeA,MAAM,mBAAwC,EAAE,OAAO;AAAA,EACnD,OAAO,EAAE,OAAA,EAAS,IAAI,GAAG,uCAAuC;AACpE,CAAC;AAED,MAAM,0BAA0B,MAAM;AAClC,QAAM,EAAE,cAAc,iBAAiB,mBAAA,IACnC,sBAAA;AAEJ,QAAM;AAAA,IACF;AAAA,IACA,WAAW,EAAE,OAAA;AAAA,IACb;AAAA,IACA;AAAA,EAAA,IACA,QAAoB;AAAA,IACpB,eAAe;AAAA,MACX,OAAO,aAAa;AAAA,IAAA;AAAA,IAExB,UAAU,YAAY,gBAAgB;AAAA,EAAA,CACzC;AAED,YAAU,MAAM;AACZ,QAAI,aAAa,MAAM;AACnB,YAAM;AAAA,QACF,OAAO,aAAa;AAAA,MAAA,CACvB;AAAA,IACL;AAAA,EAEJ,GAAG,CAAC,aAAa,OAAO,aAAa,IAAI,CAAC;AAE1C,QAAM,oBAAoB,MAAM;AAC5B,oBAAgB;AAAA,MACZ,IAAI;AAAA,MACJ,OAAO;AAAA,MACP,MAAM;AAAA,IAAA,CACT;AAAA,EACL;AAEA,QAAM,eAAe,OAAO,EAAE,YAAwB;AAClD,uBAAmB;AAAA,MACf,IAAI,aAAa;AAAA,MACjB;AAAA,IAAA,CACH;AACD,sBAAA;AAAA,EACJ;AAEA,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,QAAQ,aAAa;AAAA,MACrB,SAAS;AAAA,MACT,gBAAgB;AAAA,MAEhB,UAAA;AAAA,QAAA,oBAAC,QAAG,UAAA,cAAA,CAAW;AAAA,QACf,oBAAC,SAAI,WAAU,QACX,+BAAC,MAAA,EAAK,UAAU,aAAa,YAAY,GACrC,UAAA;AAAA,UAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACG,OAAM;AAAA,cACN,SAAS,QAAQ,OAAO,KAAK;AAAA,cAC7B,cAAc,OAAO,OAAO;AAAA,cAE5B,UAAA;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACG,MAAK;AAAA,kBACL;AAAA,kBACA,OAAO,EAAE,UAAU,KAAA;AAAA,kBACnB,QAAQ,CAAC,EAAE,MAAA,MACP;AAAA,oBAAC;AAAA,oBAAA;AAAA,sBACG,aAAY;AAAA,sBACZ,MAAK;AAAA,sBACL,cAAa;AAAA,sBACZ,GAAG;AAAA,oBAAA;AAAA,kBAAA;AAAA,gBACR;AAAA,cAAA;AAAA,YAER;AAAA,UAAA;AAAA,UAEJ,qBAAC,OAAA,EAAI,WAAU,0BACX,UAAA;AAAA,YAAA,oBAAC,QAAA,EAAO,MAAK,UAAS,SAAS,mBAAmB,UAAA,UAElD;AAAA,gCACC,QAAA,EAAO,SAAQ,SAAQ,MAAK,UAAS,UAAA,SAAA,CAEtC;AAAA,UAAA,EAAA,CACJ;AAAA,QAAA,EAAA,CACJ,EAAA,CACJ;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGZ;"}

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

@@ -1 +1 @@
-{"version":3,"file":"ChatLandingView.js","sources":["../../../../../../../lib/@ecme/views/concepts/ai/Chat/components/ChatLandingView.tsx"],"sourcesContent":["import useChatSend from '../hooks/useChatSend'\r\nimport {\r\n    PiLightbulbDuotone,\r\n    PiBookOpenTextDuotone,\r\n    PiCompassDuotone,\r\n    PiCodeDuotone,\r\n} from 'react-icons/pi'\r\nimport type { ReactNode } from 'react'\r\n\r\ntype PromptType = 'idea' | 'guide' | 'writing' | 'coding'\r\n\r\nconst suggeustionIcon: Record<PromptType, ReactNode> = {\r\n    idea: <PiLightbulbDuotone className=\"text-blue-500\" />,\r\n    guide: <PiCompassDuotone className=\"text-emerald-500\" />,\r\n    writing: <PiBookOpenTextDuotone className=\"text-amber-500\" />,\r\n    coding: <PiCodeDuotone className=\"text-indigo-500\" />,\r\n}\r\n\r\nconst promptSuggestion: {\r\n    title: string\r\n    prompt: string\r\n    type: PromptType\r\n}[] = [\r\n    {\r\n        title: 'Help me sound like an expert for an upcoming trip',\r\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.`,\r\n        type: 'guide',\r\n    },\r\n    {\r\n        title: 'Outline an logical sales pitch for a new product',\r\n        prompt: `Structure a sales pitch for a hair dryer that's also a microphone. Be concise and organize the sales pitch logically. `,\r\n        type: 'writing',\r\n    },\r\n    {\r\n        title: 'Help me get organized with a list of 10 tips',\r\n        prompt: `Give me 10 tips for room organization. `,\r\n        type: 'idea',\r\n    },\r\n    {\r\n        title: 'Write code for a specific task, including edge cases',\r\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.`,\r\n        type: 'coding',\r\n    },\r\n]\r\n\r\nconst ChatLandingView = () => {\r\n    const { handleSend } = useChatSend()\r\n\r\n    return (\r\n        <div className=\"max-w-[900px] w-full mx-auto mt-20\">\r\n            <div>\r\n                <div className=\"heading-text text-4xl leading-snug\">\r\n                    <span className=\"font-semibold bg-gradient-to-r from-indigo-500 to-red-400 bg-clip-text text-transparent text-5xl\">\r\n                        Hello, there\r\n                    </span>\r\n                    <br />\r\n                    <span>How can I help you today?</span>\r\n                </div>\r\n                <div className=\"mt-8 grid grid-cols-2 xl:grid-cols-4 gap-4\">\r\n                    {promptSuggestion.map((suggestion) => (\r\n                        <div\r\n                            key={suggestion.title}\r\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\"\r\n                            role=\"button\"\r\n                            onClick={() => handleSend(suggestion.title)}\r\n                        >\r\n                            <h6 className=\"font-normal\">{suggestion.title}</h6>\r\n                            <div>\r\n                                <div className=\"bg-white dark:bg-gray-800 rounded-full p-2 inline-flex\">\r\n                                    <span className=\"text-2xl\">\r\n                                        {suggeustionIcon[suggestion.type]}\r\n                                    </span>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                    ))}\r\n                </div>\r\n            </div>\r\n        </div>\r\n    )\r\n}\r\n\r\nexport default ChatLandingView\r\n"],"names":[],"mappings":";;;AAWA,MAAM,kBAAiD;AAAA,EACnD,MAAM,oBAAC,oBAAA,EAAmB,WAAU,gBAAA,CAAgB;AAAA,EACpD,OAAO,oBAAC,kBAAA,EAAiB,WAAU,mBAAA,CAAmB;AAAA,EACtD,SAAS,oBAAC,uBAAA,EAAsB,WAAU,iBAAA,CAAiB;AAAA,EAC3D,QAAQ,oBAAC,eAAA,EAAc,WAAU,kBAAA,CAAkB;AACvD;AAEA,MAAM,mBAIA;AAAA,EACF;AAAA,IACI,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,MAAM;AAAA,EAAA;AAAA,EAEV;AAAA,IACI,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,MAAM;AAAA,EAAA;AAAA,EAEV;AAAA,IACI,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,MAAM;AAAA,EAAA;AAAA,EAEV;AAAA,IACI,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,MAAM;AAAA,EAAA;AAEd;AAEA,MAAM,kBAAkB,MAAM;AAC1B,QAAM,EAAE,WAAA,IAAe,YAAA;AAEvB,SACI,oBAAC,OAAA,EAAI,WAAU,sCACX,+BAAC,OAAA,EACG,UAAA;AAAA,IAAA,qBAAC,OAAA,EAAI,WAAU,sCACX,UAAA;AAAA,MAAA,oBAAC,QAAA,EAAK,WAAU,oGAAmG,UAAA,gBAEnH;AAAA,0BACC,MAAA,EAAG;AAAA,MACJ,oBAAC,UAAK,UAAA,4BAAA,CAAyB;AAAA,IAAA,GACnC;AAAA,wBACC,OAAA,EAAI,WAAU,8CACV,UAAA,iBAAiB,IAAI,CAAC,eACnB;AAAA,MAAC;AAAA,MAAA;AAAA,QAEG,WAAU;AAAA,QACV,MAAK;AAAA,QACL,SAAS,MAAM,WAAW,WAAW,KAAK;AAAA,QAE1C,UAAA;AAAA,UAAA,oBAAC,MAAA,EAAG,WAAU,eAAe,UAAA,WAAW,OAAM;AAAA,UAC9C,oBAAC,OAAA,EACG,UAAA,oBAAC,OAAA,EAAI,WAAU,0DACX,UAAA,oBAAC,QAAA,EAAK,WAAU,YACX,UAAA,gBAAgB,WAAW,IAAI,GACpC,GACJ,EAAA,CACJ;AAAA,QAAA;AAAA,MAAA;AAAA,MAZK,WAAW;AAAA,IAAA,CAcvB,EAAA,CACL;AAAA,EAAA,EAAA,CACJ,EAAA,CACJ;AAER;"}
+{"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":[],"mappings":";;;AAWA,MAAM,kBAAiD;AAAA,EACnD,MAAM,oBAAC,oBAAA,EAAmB,WAAU,gBAAA,CAAgB;AAAA,EACpD,OAAO,oBAAC,kBAAA,EAAiB,WAAU,mBAAA,CAAmB;AAAA,EACtD,SAAS,oBAAC,uBAAA,EAAsB,WAAU,iBAAA,CAAiB;AAAA,EAC3D,QAAQ,oBAAC,eAAA,EAAc,WAAU,kBAAA,CAAkB;AACvD;AAEA,MAAM,mBAIA;AAAA,EACF;AAAA,IACI,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,MAAM;AAAA,EAAA;AAAA,EAEV;AAAA,IACI,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,MAAM;AAAA,EAAA;AAAA,EAEV;AAAA,IACI,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,MAAM;AAAA,EAAA;AAAA,EAEV;AAAA,IACI,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,MAAM;AAAA,EAAA;AAEd;AAEA,MAAM,kBAAkB,MAAM;AAC1B,QAAM,EAAE,WAAA,IAAe,YAAA;AAEvB,SACI,oBAAC,OAAA,EAAI,WAAU,sCACX,+BAAC,OAAA,EACG,UAAA;AAAA,IAAA,qBAAC,OAAA,EAAI,WAAU,sCACX,UAAA;AAAA,MAAA,oBAAC,QAAA,EAAK,WAAU,oGAAmG,UAAA,gBAEnH;AAAA,0BACC,MAAA,EAAG;AAAA,MACJ,oBAAC,UAAK,UAAA,4BAAA,CAAyB;AAAA,IAAA,GACnC;AAAA,wBACC,OAAA,EAAI,WAAU,8CACV,UAAA,iBAAiB,IAAI,CAAC,eACnB;AAAA,MAAC;AAAA,MAAA;AAAA,QAEG,WAAU;AAAA,QACV,MAAK;AAAA,QACL,SAAS,MAAM,WAAW,WAAW,KAAK;AAAA,QAE1C,UAAA;AAAA,UAAA,oBAAC,MAAA,EAAG,WAAU,eAAe,UAAA,WAAW,OAAM;AAAA,UAC9C,oBAAC,OAAA,EACG,UAAA,oBAAC,OAAA,EAAI,WAAU,0DACX,UAAA,oBAAC,QAAA,EAAK,WAAU,YACX,UAAA,gBAAgB,WAAW,IAAI,GACpC,GACJ,EAAA,CACJ;AAAA,QAAA;AAAA,MAAA;AAAA,MAZK,WAAW;AAAA,IAAA,CAcvB,EAAA,CACL;AAAA,EAAA,EAAA,CACJ,EAAA,CACJ;AAER;"}

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

@@ -1 +1 @@
-{"version":3,"file":"ChatMobileNav.js","sources":["../../../../../../../lib/@ecme/views/concepts/ai/Chat/components/ChatMobileNav.tsx"],"sourcesContent":["import { useRef } from 'react'\r\nimport ToggleDrawer from '@/components/shared/ToggleDrawer'\r\nimport ChatSideNav from './ChatSideNav'\r\nimport useResponsive from '@/utils/hooks/useResponsive'\r\nimport type { ToggleDrawerRef } from '@/components/shared/ToggleDrawer'\r\n\r\nconst ChatMobileNav = () => {\r\n    const drawerRef = useRef<ToggleDrawerRef>(null)\r\n\r\n    const { smaller } = useResponsive()\r\n\r\n    return (\r\n        <>\r\n            {smaller.xl && (\r\n                <ToggleDrawer ref={drawerRef} bodyClass=\"p-0\" closable={false}>\r\n                    <ChatSideNav\r\n                        className=\"border-0\"\r\n                        bodyClass=\"p-0\"\r\n                        onClick={() => drawerRef.current?.handleCloseDrawer()}\r\n                    />\r\n                </ToggleDrawer>\r\n            )}\r\n        </>\r\n    )\r\n}\r\n\r\nexport default ChatMobileNav\r\n"],"names":[],"mappings":";;;;;AAMA,MAAM,gBAAgB,MAAM;AACxB,QAAM,YAAY,OAAwB,IAAI;AAE9C,QAAM,EAAE,QAAA,IAAY,cAAA;AAEpB,SACI,oBAAA,UAAA,EACK,UAAA,QAAQ,MACL,oBAAC,cAAA,EAAa,KAAK,WAAW,WAAU,OAAM,UAAU,OACpD,UAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAU;AAAA,MACV,WAAU;AAAA,MACV,SAAS,MAAM,UAAU,SAAS,kBAAA;AAAA,IAAkB;AAAA,EAAA,GAE5D,EAAA,CAER;AAER;"}
+{"version":3,"file":"ChatMobileNav.js","sources":["../../../../../../../lib/@ecme/views/concepts/ai/Chat/components/ChatMobileNav.tsx"],"sourcesContent":["import { useRef } from 'react'\nimport ToggleDrawer from '@/components/shared/ToggleDrawer'\nimport ChatSideNav from './ChatSideNav'\nimport useResponsive from '@/utils/hooks/useResponsive'\nimport type { ToggleDrawerRef } from '@/components/shared/ToggleDrawer'\n\nconst ChatMobileNav = () => {\n    const drawerRef = useRef<ToggleDrawerRef>(null)\n\n    const { smaller } = useResponsive()\n\n    return (\n        <>\n            {smaller.xl && (\n                <ToggleDrawer ref={drawerRef} bodyClass=\"p-0\" closable={false}>\n                    <ChatSideNav\n                        className=\"border-0\"\n                        bodyClass=\"p-0\"\n                        onClick={() => drawerRef.current?.handleCloseDrawer()}\n                    />\n                </ToggleDrawer>\n            )}\n        </>\n    )\n}\n\nexport default ChatMobileNav\n"],"names":[],"mappings":";;;;;AAMA,MAAM,gBAAgB,MAAM;AACxB,QAAM,YAAY,OAAwB,IAAI;AAE9C,QAAM,EAAE,QAAA,IAAY,cAAA;AAEpB,SACI,oBAAA,UAAA,EACK,UAAA,QAAQ,MACL,oBAAC,cAAA,EAAa,KAAK,WAAW,WAAU,OAAM,UAAU,OACpD,UAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAU;AAAA,MACV,WAAU;AAAA,MACV,SAAS,MAAM,UAAU,SAAS,kBAAA;AAAA,IAAkB;AAAA,EAAA,GAE5D,EAAA,CAER;AAER;"}

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'\r\nimport Card from '@/components/ui/Card'\r\nimport Button from '@/components/ui/Button'\r\nimport ChatHistory from './ChatHistory'\r\nimport { usGenerativeChatStore } from '../store/generativeChatStore'\r\nimport useDebounce from '@/utils/hooks/useDebounce'\r\nimport classNames from '@/utils/classNames'\r\nimport { TbSearch } from 'react-icons/tb'\r\nimport type { ChangeEvent } from 'react'\r\nimport type { CardProps } from '@/components/ui/Card'\r\n\r\ntype ChatSideNavProps = Pick<CardProps, 'className' | 'bodyClass'> & {\r\n    onClick?: () => void\r\n}\r\n\r\nconst ChatSideNav = ({ className, bodyClass, onClick }: ChatSideNavProps) => {\r\n    const [queryText, setQueryText] = useState('')\r\n\r\n    const { setSelectedConversation } = usGenerativeChatStore()\r\n\r\n    function handleDebounceFn(e: ChangeEvent<HTMLInputElement>) {\r\n        setQueryText?.(e.target.value)\r\n    }\r\n\r\n    const debounceFn = useDebounce(handleDebounceFn, 500)\r\n\r\n    const handleInputChange = (e: ChangeEvent<HTMLInputElement>) => {\r\n        debounceFn(e)\r\n    }\r\n\r\n    const handleNewChat = () => {\r\n        setSelectedConversation('')\r\n        onClick?.()\r\n    }\r\n\r\n    return (\r\n        <Card\r\n            header={{\r\n                content: (\r\n                    <div className=\"flex items-center gap-2 px-5 w-full h-[60px]\">\r\n                        <TbSearch className=\"text-xl\" />\r\n                        <input\r\n                            className=\"flex-1 h-full placeholder:text-gray-400 placeholder:text-base bg-transparent focus:outline-none heading-text\"\r\n                            placeholder=\"Search chat\"\r\n                            onChange={handleInputChange}\r\n                        />\r\n                    </div>\r\n                ),\r\n                className: 'p-0',\r\n            }}\r\n            className={classNames('flex-1 xl:max-w-[320px] h-full', className)}\r\n            bodyClass={classNames('h-[calc(100%-60px-80px)] p-0', bodyClass)}\r\n        >\r\n            <ChatHistory queryText={queryText} onClick={onClick} />\r\n            <div className=\"px-5 py-2\">\r\n                <Button block variant=\"solid\" onClick={handleNewChat}>\r\n                    New chat\r\n                </Button>\r\n            </div>\r\n        </Card>\r\n    )\r\n}\r\n\r\nexport default ChatSideNav\r\n"],"names":[],"mappings":";;;;;;;;;;;AAeA,MAAM,cAAc,CAAC,EAAE,WAAW,WAAW,cAAgC;AACzE,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,EAAE;AAE7C,QAAM,EAAE,wBAAA,IAA4B,sBAAA;AAEpC,WAAS,iBAAiB,GAAkC;AACxD,mBAAe,EAAE,OAAO,KAAK;AAAA,EACjC;AAEA,QAAM,aAAa,YAAY,kBAAkB,GAAG;AAEpD,QAAM,oBAAoB,CAAC,MAAqC;AAC5D,eAAW,CAAC;AAAA,EAChB;AAEA,QAAM,gBAAgB,MAAM;AACxB,4BAAwB,EAAE;AAC1B,cAAA;AAAA,EACJ;AAEA,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,QAAQ;AAAA,QACJ,SACI,qBAAC,OAAA,EAAI,WAAU,gDACX,UAAA;AAAA,UAAA,oBAAC,UAAA,EAAS,WAAU,UAAA,CAAU;AAAA,UAC9B;AAAA,YAAC;AAAA,YAAA;AAAA,cACG,WAAU;AAAA,cACV,aAAY;AAAA,cACZ,UAAU;AAAA,YAAA;AAAA,UAAA;AAAA,QACd,GACJ;AAAA,QAEJ,WAAW;AAAA,MAAA;AAAA,MAEf,WAAW,WAAW,kCAAkC,SAAS;AAAA,MACjE,WAAW,WAAW,gCAAgC,SAAS;AAAA,MAE/D,UAAA;AAAA,QAAA,oBAAC,aAAA,EAAY,WAAsB,QAAA,CAAkB;AAAA,QACrD,oBAAC,OAAA,EAAI,WAAU,aACX,UAAA,oBAAC,QAAA,EAAO,OAAK,MAAC,SAAQ,SAAQ,SAAS,eAAe,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":[],"mappings":";;;;;;;;;;;AAeA,MAAM,cAAc,CAAC,EAAE,WAAW,WAAW,cAAgC;AACzE,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,EAAE;AAE7C,QAAM,EAAE,wBAAA,IAA4B,sBAAA;AAEpC,WAAS,iBAAiB,GAAkC;AACxD,mBAAe,EAAE,OAAO,KAAK;AAAA,EACjC;AAEA,QAAM,aAAa,YAAY,kBAAkB,GAAG;AAEpD,QAAM,oBAAoB,CAAC,MAAqC;AAC5D,eAAW,CAAC;AAAA,EAChB;AAEA,QAAM,gBAAgB,MAAM;AACxB,4BAAwB,EAAE;AAC1B,cAAA;AAAA,EACJ;AAEA,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,QAAQ;AAAA,QACJ,SACI,qBAAC,OAAA,EAAI,WAAU,gDACX,UAAA;AAAA,UAAA,oBAAC,UAAA,EAAS,WAAU,UAAA,CAAU;AAAA,UAC9B;AAAA,YAAC;AAAA,YAAA;AAAA,cACG,WAAU;AAAA,cACV,aAAY;AAAA,cACZ,UAAU;AAAA,YAAA;AAAA,UAAA;AAAA,QACd,GACJ;AAAA,QAEJ,WAAW;AAAA,MAAA;AAAA,MAEf,WAAW,WAAW,kCAAkC,SAAS;AAAA,MACjE,WAAW,WAAW,gCAAgC,SAAS;AAAA,MAE/D,UAAA;AAAA,QAAA,oBAAC,aAAA,EAAY,WAAsB,QAAA,CAAkB;AAAA,QACrD,oBAAC,OAAA,EAAI,WAAU,aACX,UAAA,oBAAC,QAAA,EAAO,OAAK,MAAC,SAAQ,SAAQ,SAAS,eAAe,sBAEtD,EAAA,CACJ;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGZ;"}

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'\r\nimport Card from '@/components/ui/Card'\r\nimport ChatBox from '@/components/view/ChatBox'\r\nimport ChatLandingView from './ChatLandingView'\r\nimport ChatMobileNav from './ChatMobileNav'\r\nimport ChatCustomContent from './ChatCustomContent'\r\nimport ChatCustomAction from './ChatCustomAction'\r\nimport { usGenerativeChatStore } from '../store/generativeChatStore'\r\nimport useChatSend from '../hooks/useChatSend'\r\nimport type { ScrollBarRef } from '@/components/ui/ScrollBar'\r\n\r\nconst ChatView = () => {\r\n    const scrollRef = useRef<ScrollBarRef>(null)\r\n    const { selectedConversation, chatHistory, isTyping, disabledChatFresh } =\r\n        usGenerativeChatStore()\r\n    const { handleSend } = useChatSend()\r\n\r\n    const scrollToBottom = () => {\r\n        if (scrollRef.current?.getScrollElement) {\r\n            const scrollElement = scrollRef.current.getScrollElement()\r\n            if (scrollElement) {\r\n                scrollElement.scrollTop = scrollElement.scrollHeight\r\n            }\r\n        }\r\n    }\r\n\r\n    useEffect(() => {\r\n        scrollToBottom()\r\n    }, [selectedConversation, chatHistory])\r\n\r\n    const messageList = useMemo(() => {\r\n        const chat = chatHistory.find(\r\n            (chat) => chat.id === selectedConversation,\r\n        )\r\n        return chat?.conversation || []\r\n    }, [selectedConversation, chatHistory])\r\n\r\n    const handleInputChange = async ({\r\n        value,\r\n    }: {\r\n        value: string\r\n        attachments?: File[]\r\n    }) => {\r\n        await handleSend(value)\r\n    }\r\n\r\n    const handleFinish = (id: string) => {\r\n        disabledChatFresh(id)\r\n        scrollToBottom()\r\n    }\r\n\r\n    return (\r\n        <Card className=\"flex-1 h-full\" bodyClass=\"h-full\">\r\n            <ChatMobileNav />\r\n            <ChatBox\r\n                ref={scrollRef}\r\n                messageList={messageList}\r\n                placeholder=\"Enter a prompt here\"\r\n                showMessageList={Boolean(selectedConversation)}\r\n                showAvatar={true}\r\n                avatarGap={true}\r\n                containerClass=\"h-[calc(100%-30px)] xl:h-full\"\r\n                messageListClass=\"h-[calc(100%-100px)] xl:h-[calc(100%-70px)]\"\r\n                typing={\r\n                    isTyping\r\n                        ? {\r\n                              id: 'ai',\r\n                              name: 'Chat AI',\r\n                              avatarImageUrl: '/img/thumbs/ai.jpg',\r\n                          }\r\n                        : false\r\n                }\r\n                customRenderer={(message) => {\r\n                    if (message.sender.id === 'ai') {\r\n                        return (\r\n                            <ChatCustomContent\r\n                                content={message.content as string}\r\n                                triggerTyping={\r\n                                    message.fresh ? message.fresh : false\r\n                                }\r\n                                onFinish={() => handleFinish(message.id)}\r\n                            />\r\n                        )\r\n                    }\r\n\r\n                    return message.content\r\n                }}\r\n                customAction={(message) => {\r\n                    if (message.sender.id === 'ai') {\r\n                        return (\r\n                            <ChatCustomAction\r\n                                content={message.content as string}\r\n                            />\r\n                        )\r\n                    }\r\n\r\n                    return null\r\n                }}\r\n                onInputChange={handleInputChange}\r\n            >\r\n                {!selectedConversation && <ChatLandingView />}\r\n            </ChatBox>\r\n        </Card>\r\n    )\r\n}\r\n\r\nexport default ChatView\r\n"],"names":["chat"],"mappings":";;;;;;;;;;;;AAWA,MAAM,WAAW,MAAM;AACnB,QAAM,YAAY,OAAqB,IAAI;AAC3C,QAAM,EAAE,sBAAsB,aAAa,UAAU,kBAAA,IACjD,sBAAA;AACJ,QAAM,EAAE,WAAA,IAAe,YAAA;AAEvB,QAAM,iBAAiB,MAAM;AACzB,QAAI,UAAU,SAAS,kBAAkB;AACrC,YAAM,gBAAgB,UAAU,QAAQ,iBAAA;AACxC,UAAI,eAAe;AACf,sBAAc,YAAY,cAAc;AAAA,MAC5C;AAAA,IACJ;AAAA,EACJ;AAEA,YAAU,MAAM;AACZ,mBAAA;AAAA,EACJ,GAAG,CAAC,sBAAsB,WAAW,CAAC;AAEtC,QAAM,cAAc,QAAQ,MAAM;AAC9B,UAAM,OAAO,YAAY;AAAA,MACrB,CAACA,UAASA,MAAK,OAAO;AAAA,IAAA;AAE1B,WAAO,MAAM,gBAAgB,CAAA;AAAA,EACjC,GAAG,CAAC,sBAAsB,WAAW,CAAC;AAEtC,QAAM,oBAAoB,OAAO;AAAA,IAC7B;AAAA,EAAA,MAIE;AACF,UAAM,WAAW,KAAK;AAAA,EAC1B;AAEA,QAAM,eAAe,CAAC,OAAe;AACjC,sBAAkB,EAAE;AACpB,mBAAA;AAAA,EACJ;AAEA,SACI,qBAAC,MAAA,EAAK,WAAU,iBAAgB,WAAU,UACtC,UAAA;AAAA,IAAA,oBAAC,eAAA,EAAc;AAAA,IACf;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,KAAK;AAAA,QACL;AAAA,QACA,aAAY;AAAA,QACZ,iBAAiB,QAAQ,oBAAoB;AAAA,QAC7C,YAAY;AAAA,QACZ,WAAW;AAAA,QACX,gBAAe;AAAA,QACf,kBAAiB;AAAA,QACjB,QACI,WACM;AAAA,UACI,IAAI;AAAA,UACJ,MAAM;AAAA,UACN,gBAAgB;AAAA,QAAA,IAEpB;AAAA,QAEV,gBAAgB,CAAC,YAAY;AACzB,cAAI,QAAQ,OAAO,OAAO,MAAM;AAC5B,mBACI;AAAA,cAAC;AAAA,cAAA;AAAA,gBACG,SAAS,QAAQ;AAAA,gBACjB,eACI,QAAQ,QAAQ,QAAQ,QAAQ;AAAA,gBAEpC,UAAU,MAAM,aAAa,QAAQ,EAAE;AAAA,cAAA;AAAA,YAAA;AAAA,UAGnD;AAEA,iBAAO,QAAQ;AAAA,QACnB;AAAA,QACA,cAAc,CAAC,YAAY;AACvB,cAAI,QAAQ,OAAO,OAAO,MAAM;AAC5B,mBACI;AAAA,cAAC;AAAA,cAAA;AAAA,gBACG,SAAS,QAAQ;AAAA,cAAA;AAAA,YAAA;AAAA,UAG7B;AAEA,iBAAO;AAAA,QACX;AAAA,QACA,eAAe;AAAA,QAEd,UAAA,CAAC,wBAAwB,oBAAC,iBAAA,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":["chat"],"mappings":";;;;;;;;;;;;AAWA,MAAM,WAAW,MAAM;AACnB,QAAM,YAAY,OAAqB,IAAI;AAC3C,QAAM,EAAE,sBAAsB,aAAa,UAAU,kBAAA,IACjD,sBAAA;AACJ,QAAM,EAAE,WAAA,IAAe,YAAA;AAEvB,QAAM,iBAAiB,MAAM;AACzB,QAAI,UAAU,SAAS,kBAAkB;AACrC,YAAM,gBAAgB,UAAU,QAAQ,iBAAA;AACxC,UAAI,eAAe;AACf,sBAAc,YAAY,cAAc;AAAA,MAC5C;AAAA,IACJ;AAAA,EACJ;AAEA,YAAU,MAAM;AACZ,mBAAA;AAAA,EACJ,GAAG,CAAC,sBAAsB,WAAW,CAAC;AAEtC,QAAM,cAAc,QAAQ,MAAM;AAC9B,UAAM,OAAO,YAAY;AAAA,MACrB,CAACA,UAASA,MAAK,OAAO;AAAA,IAAA;AAE1B,WAAO,MAAM,gBAAgB,CAAA;AAAA,EACjC,GAAG,CAAC,sBAAsB,WAAW,CAAC;AAEtC,QAAM,oBAAoB,OAAO;AAAA,IAC7B;AAAA,EAAA,MAIE;AACF,UAAM,WAAW,KAAK;AAAA,EAC1B;AAEA,QAAM,eAAe,CAAC,OAAe;AACjC,sBAAkB,EAAE;AACpB,mBAAA;AAAA,EACJ;AAEA,SACI,qBAAC,MAAA,EAAK,WAAU,iBAAgB,WAAU,UACtC,UAAA;AAAA,IAAA,oBAAC,eAAA,EAAc;AAAA,IACf;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,KAAK;AAAA,QACL;AAAA,QACA,aAAY;AAAA,QACZ,iBAAiB,QAAQ,oBAAoB;AAAA,QAC7C,YAAY;AAAA,QACZ,WAAW;AAAA,QACX,gBAAe;AAAA,QACf,kBAAiB;AAAA,QACjB,QACI,WACM;AAAA,UACI,IAAI;AAAA,UACJ,MAAM;AAAA,UACN,gBAAgB;AAAA,QAAA,IAEpB;AAAA,QAEV,gBAAgB,CAAC,YAAY;AACzB,cAAI,QAAQ,OAAO,OAAO,MAAM;AAC5B,mBACI;AAAA,cAAC;AAAA,cAAA;AAAA,gBACG,SAAS,QAAQ;AAAA,gBACjB,eACI,QAAQ,QAAQ,QAAQ,QAAQ;AAAA,gBAEpC,UAAU,MAAM,aAAa,QAAQ,EAAE;AAAA,cAAA;AAAA,YAAA;AAAA,UAGnD;AAEA,iBAAO,QAAQ;AAAA,QACnB;AAAA,QACA,cAAc,CAAC,YAAY;AACvB,cAAI,QAAQ,OAAO,OAAO,MAAM;AAC5B,mBACI;AAAA,cAAC;AAAA,cAAA;AAAA,gBACG,SAAS,QAAQ;AAAA,cAAA;AAAA,YAAA;AAAA,UAG7B;AAEA,iBAAO;AAAA,QACX;AAAA,QACA,eAAe;AAAA,QAEd,UAAA,CAAC,wBAAwB,oBAAC,iBAAA,CAAA,CAAgB;AAAA,MAAA;AAAA,IAAA;AAAA,EAC/C,GACJ;AAER;"}

package/dist/@ecme/views/concepts/ai/Chat/hooks/useChatSend.js.map

@@ -1 +1 @@
-{"version":3,"file":"useChatSend.js","sources":["../../../../../../../lib/@ecme/views/concepts/ai/Chat/hooks/useChatSend.ts"],"sourcesContent":["import { usGenerativeChatStore } from '../store/generativeChatStore'\r\nimport { apiPostChat } from '@/services/AiService'\r\nimport dayjs from 'dayjs'\r\nimport uniqueId from 'lodash/uniqueId'\r\nimport type { PostAiChatResponse } from '../types'\r\n\r\nconst useChatSend = () => {\r\n    const {\r\n        selectedConversation,\r\n        setSelectedConversation,\r\n        pushChatHistory,\r\n        pushConversation,\r\n        setIsTyping,\r\n    } = usGenerativeChatStore()\r\n\r\n    const creteMyMessage = (id: string, prompt: string) => {\r\n        pushConversation(id, {\r\n            id: uniqueId('ai-conversation-'),\r\n            sender: {\r\n                id: '1',\r\n                name: 'Angelina Gotelli',\r\n                avatarImageUrl: '/img/avatars/thumb-1.jpg',\r\n            },\r\n            content: prompt,\r\n            timestamp: dayjs().toDate(),\r\n            type: 'regular',\r\n            isMyMessage: true,\r\n        })\r\n    }\r\n\r\n    const sendMessage = async (\r\n        id: string,\r\n        prompt: string,\r\n        attachments?: File[],\r\n    ) => {\r\n        const resp = await apiPostChat<PostAiChatResponse>({\r\n            prompt,\r\n            attachments,\r\n        })\r\n        pushConversation(id, {\r\n            id: uniqueId('ai-conversation-'),\r\n            sender: {\r\n                id: 'ai',\r\n                name: 'Chat AI',\r\n                avatarImageUrl: '/img/thumbs/ai.jpg',\r\n            },\r\n            content: resp.choices[0].message.content || '',\r\n            timestamp: dayjs().toDate(),\r\n            type: 'regular',\r\n            isMyMessage: false,\r\n            fresh: true,\r\n        })\r\n        setIsTyping(false)\r\n    }\r\n\r\n    const createConversation = async (\r\n        id: string,\r\n        prompt: string,\r\n        attachments?: File[],\r\n    ) => {\r\n        setSelectedConversation(id)\r\n        await sendMessage(id, prompt, attachments)\r\n    }\r\n\r\n    const handleSend = async (prompt: string, attachments?: File[]) => {\r\n        setIsTyping(true)\r\n        if (selectedConversation) {\r\n            creteMyMessage(selectedConversation, prompt)\r\n            await sendMessage(selectedConversation, prompt)\r\n        } else {\r\n            const newId = uniqueId('ai-chat-')\r\n            pushChatHistory({\r\n                id: newId,\r\n                title: prompt,\r\n                lastConversation: '',\r\n                createdTime: dayjs().unix(),\r\n                updatedTime: dayjs().unix(),\r\n                enable: false,\r\n            })\r\n            creteMyMessage(newId, prompt)\r\n            await createConversation(newId, prompt, attachments)\r\n        }\r\n    }\r\n\r\n    return {\r\n        handleSend,\r\n    }\r\n}\r\n\r\nexport default useChatSend\r\n"],"names":[],"mappings":";;;;AAMA,MAAM,cAAc,MAAM;AACtB,QAAM;AAAA,IACF;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,IACA,sBAAA;AAEJ,QAAM,iBAAiB,CAAC,IAAY,WAAmB;AACnD,qBAAiB,IAAI;AAAA,MACjB,IAAI,SAAS,kBAAkB;AAAA,MAC/B,QAAQ;AAAA,QACJ,IAAI;AAAA,QACJ,MAAM;AAAA,QACN,gBAAgB;AAAA,MAAA;AAAA,MAEpB,SAAS;AAAA,MACT,WAAW,MAAA,EAAQ,OAAA;AAAA,MACnB,MAAM;AAAA,MACN,aAAa;AAAA,IAAA,CAChB;AAAA,EACL;AAEA,QAAM,cAAc,OAChB,IACA,QACA,gBACC;AACD,UAAM,OAAO,MAAM,YAAgC;AAAA,MAC/C;AAAA,MACA;AAAA,IAAA,CACH;AACD,qBAAiB,IAAI;AAAA,MACjB,IAAI,SAAS,kBAAkB;AAAA,MAC/B,QAAQ;AAAA,QACJ,IAAI;AAAA,QACJ,MAAM;AAAA,QACN,gBAAgB;AAAA,MAAA;AAAA,MAEpB,SAAS,KAAK,QAAQ,CAAC,EAAE,QAAQ,WAAW;AAAA,MAC5C,WAAW,MAAA,EAAQ,OAAA;AAAA,MACnB,MAAM;AAAA,MACN,aAAa;AAAA,MACb,OAAO;AAAA,IAAA,CACV;AACD,gBAAY,KAAK;AAAA,EACrB;AAEA,QAAM,qBAAqB,OACvB,IACA,QACA,gBACC;AACD,4BAAwB,EAAE;AAC1B,UAAM,YAAY,IAAI,QAAQ,WAAW;AAAA,EAC7C;AAEA,QAAM,aAAa,OAAO,QAAgB,gBAAyB;AAC/D,gBAAY,IAAI;AAChB,QAAI,sBAAsB;AACtB,qBAAe,sBAAsB,MAAM;AAC3C,YAAM,YAAY,sBAAsB,MAAM;AAAA,IAClD,OAAO;AACH,YAAM,QAAQ,SAAS,UAAU;AACjC,sBAAgB;AAAA,QACZ,IAAI;AAAA,QACJ,OAAO;AAAA,QACP,kBAAkB;AAAA,QAClB,aAAa,MAAA,EAAQ,KAAA;AAAA,QACrB,aAAa,MAAA,EAAQ,KAAA;AAAA,QACrB,QAAQ;AAAA,MAAA,CACX;AACD,qBAAe,OAAO,MAAM;AAC5B,YAAM,mBAAmB,OAAO,QAAQ,WAAW;AAAA,IACvD;AAAA,EACJ;AAEA,SAAO;AAAA,IACH;AAAA,EAAA;AAER;"}
+{"version":3,"file":"useChatSend.js","sources":["../../../../../../../lib/@ecme/views/concepts/ai/Chat/hooks/useChatSend.ts"],"sourcesContent":["import { usGenerativeChatStore } from '../store/generativeChatStore'\nimport { apiPostChat } from '@/services/AiService'\nimport dayjs from 'dayjs'\nimport uniqueId from 'lodash/uniqueId'\nimport type { PostAiChatResponse } from '../types'\n\nconst useChatSend = () => {\n    const {\n        selectedConversation,\n        setSelectedConversation,\n        pushChatHistory,\n        pushConversation,\n        setIsTyping,\n    } = usGenerativeChatStore()\n\n    const creteMyMessage = (id: string, prompt: string) => {\n        pushConversation(id, {\n            id: uniqueId('ai-conversation-'),\n            sender: {\n                id: '1',\n                name: 'Angelina Gotelli',\n                avatarImageUrl: '/img/avatars/thumb-1.jpg',\n            },\n            content: prompt,\n            timestamp: dayjs().toDate(),\n            type: 'regular',\n            isMyMessage: true,\n        })\n    }\n\n    const sendMessage = async (\n        id: string,\n        prompt: string,\n        attachments?: File[],\n    ) => {\n        const resp = await apiPostChat<PostAiChatResponse>({\n            prompt,\n            attachments,\n        })\n        pushConversation(id, {\n            id: uniqueId('ai-conversation-'),\n            sender: {\n                id: 'ai',\n                name: 'Chat AI',\n                avatarImageUrl: '/img/thumbs/ai.jpg',\n            },\n            content: resp.choices[0].message.content || '',\n            timestamp: dayjs().toDate(),\n            type: 'regular',\n            isMyMessage: false,\n            fresh: true,\n        })\n        setIsTyping(false)\n    }\n\n    const createConversation = async (\n        id: string,\n        prompt: string,\n        attachments?: File[],\n    ) => {\n        setSelectedConversation(id)\n        await sendMessage(id, prompt, attachments)\n    }\n\n    const handleSend = async (prompt: string, attachments?: File[]) => {\n        setIsTyping(true)\n        if (selectedConversation) {\n            creteMyMessage(selectedConversation, prompt)\n            await sendMessage(selectedConversation, prompt)\n        } else {\n            const newId = uniqueId('ai-chat-')\n            pushChatHistory({\n                id: newId,\n                title: prompt,\n                lastConversation: '',\n                createdTime: dayjs().unix(),\n                updatedTime: dayjs().unix(),\n                enable: false,\n            })\n            creteMyMessage(newId, prompt)\n            await createConversation(newId, prompt, attachments)\n        }\n    }\n\n    return {\n        handleSend,\n    }\n}\n\nexport default useChatSend\n"],"names":[],"mappings":";;;;AAMA,MAAM,cAAc,MAAM;AACtB,QAAM;AAAA,IACF;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,IACA,sBAAA;AAEJ,QAAM,iBAAiB,CAAC,IAAY,WAAmB;AACnD,qBAAiB,IAAI;AAAA,MACjB,IAAI,SAAS,kBAAkB;AAAA,MAC/B,QAAQ;AAAA,QACJ,IAAI;AAAA,QACJ,MAAM;AAAA,QACN,gBAAgB;AAAA,MAAA;AAAA,MAEpB,SAAS;AAAA,MACT,WAAW,MAAA,EAAQ,OAAA;AAAA,MACnB,MAAM;AAAA,MACN,aAAa;AAAA,IAAA,CAChB;AAAA,EACL;AAEA,QAAM,cAAc,OAChB,IACA,QACA,gBACC;AACD,UAAM,OAAO,MAAM,YAAgC;AAAA,MAC/C;AAAA,MACA;AAAA,IAAA,CACH;AACD,qBAAiB,IAAI;AAAA,MACjB,IAAI,SAAS,kBAAkB;AAAA,MAC/B,QAAQ;AAAA,QACJ,IAAI;AAAA,QACJ,MAAM;AAAA,QACN,gBAAgB;AAAA,MAAA;AAAA,MAEpB,SAAS,KAAK,QAAQ,CAAC,EAAE,QAAQ,WAAW;AAAA,MAC5C,WAAW,MAAA,EAAQ,OAAA;AAAA,MACnB,MAAM;AAAA,MACN,aAAa;AAAA,MACb,OAAO;AAAA,IAAA,CACV;AACD,gBAAY,KAAK;AAAA,EACrB;AAEA,QAAM,qBAAqB,OACvB,IACA,QACA,gBACC;AACD,4BAAwB,EAAE;AAC1B,UAAM,YAAY,IAAI,QAAQ,WAAW;AAAA,EAC7C;AAEA,QAAM,aAAa,OAAO,QAAgB,gBAAyB;AAC/D,gBAAY,IAAI;AAChB,QAAI,sBAAsB;AACtB,qBAAe,sBAAsB,MAAM;AAC3C,YAAM,YAAY,sBAAsB,MAAM;AAAA,IAClD,OAAO;AACH,YAAM,QAAQ,SAAS,UAAU;AACjC,sBAAgB;AAAA,QACZ,IAAI;AAAA,QACJ,OAAO;AAAA,QACP,kBAAkB;AAAA,QAClB,aAAa,MAAA,EAAQ,KAAA;AAAA,QACrB,aAAa,MAAA,EAAQ,KAAA;AAAA,QACrB,QAAQ;AAAA,MAAA,CACX;AACD,qBAAe,OAAO,MAAM;AAC5B,YAAM,mBAAmB,OAAO,QAAQ,WAAW;AAAA,IACvD;AAAA,EACJ;AAEA,SAAO;AAAA,IACH;AAAA,EAAA;AAER;"}

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'\r\nimport type { ChatHistories, ChatHistory, Conversation } from '../types'\r\n\r\ntype RenameDialog = {\r\n    id: string\r\n    title: string\r\n    open: boolean\r\n}\r\n\r\nexport type GenerativeChatState = {\r\n    selectedConversation: string\r\n    selectedConversationRecord: string[]\r\n    chatHistory: ChatHistories\r\n    renameDialog: RenameDialog\r\n    isTyping: boolean\r\n}\r\n\r\ntype GenerativeChatAction = {\r\n    setSelectedConversation: (payload: string) => void\r\n    setSelectedConversationRecord: (payload: string) => void\r\n    setChatHistory: (payload: ChatHistories) => void\r\n    setChatHistoryName: (payload: { id: string; title: string }) => void\r\n    setRenameDialog: (payload: RenameDialog) => void\r\n    setIsTyping: (payload: boolean) => void\r\n    pushChatHistory: (payload: ChatHistory) => void\r\n    pushConversation: (id: string, conversation: Conversation) => void\r\n    disabledChatFresh: (id: string) => void\r\n}\r\n\r\nconst initialState: GenerativeChatState = {\r\n    selectedConversation: '',\r\n    selectedConversationRecord: [],\r\n    chatHistory: [],\r\n    renameDialog: {\r\n        id: '',\r\n        title: '',\r\n        open: false,\r\n    },\r\n    isTyping: false,\r\n}\r\n\r\nexport const usGenerativeChatStore = create<\r\n    GenerativeChatState & GenerativeChatAction\r\n>((set, get) => ({\r\n    ...initialState,\r\n    setSelectedConversation: (payload) =>\r\n        set(() => ({ selectedConversation: payload })),\r\n    setChatHistory: (payload) => set(() => ({ chatHistory: payload })),\r\n    setChatHistoryName: (payload) =>\r\n        set(() => {\r\n            const chatHistory = get().chatHistory.map((chat) => {\r\n                if (chat.id === payload.id) {\r\n                    chat.title = payload.title\r\n                }\r\n                return chat\r\n            })\r\n            return { chatHistory }\r\n        }),\r\n    setRenameDialog: (payload) => set(() => ({ renameDialog: payload })),\r\n    setSelectedConversationRecord: (payload) =>\r\n        set(() => {\r\n            let record = get().selectedConversationRecord\r\n\r\n            if (record.includes(payload)) {\r\n                record = record.filter((item) => item !== payload)\r\n            } else {\r\n                record.push(payload)\r\n            }\r\n\r\n            return { selectedConversationRecord: record }\r\n        }),\r\n    pushChatHistory: (payload) =>\r\n        set(() => ({ chatHistory: [...[payload], ...get().chatHistory] })),\r\n    pushConversation: (id, conversation) =>\r\n        set(() => {\r\n            const chatHistory = get().chatHistory.map((chat) => {\r\n                if (chat.id === id) {\r\n                    if (!chat.conversation) {\r\n                        chat.conversation = []\r\n                    }\r\n                    chat.conversation?.push(conversation)\r\n                }\r\n                return chat\r\n            })\r\n            return { chatHistory }\r\n        }),\r\n    setIsTyping: (payload) => set(() => ({ isTyping: payload })),\r\n    disabledChatFresh: () =>\r\n        set(() => {\r\n            const chatHistory = get().chatHistory.map((chat) => {\r\n                if (chat.id === get().selectedConversation) {\r\n                    chat.conversation = chat.conversation?.map(\r\n                        (conversation) => {\r\n                            if (conversation.fresh) {\r\n                                conversation.fresh = false\r\n                            }\r\n                            return conversation\r\n                        },\r\n                    )\r\n                }\r\n                return chat\r\n            })\r\n            return { chatHistory }\r\n        }),\r\n}))\r\n"],"names":[],"mappings":";AA6BA,MAAM,eAAoC;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;AAEO,MAAM,wBAAwB,OAEnC,CAAC,KAAK,SAAS;AAAA,EACb,GAAG;AAAA,EACH,yBAAyB,CAAC,YACtB,IAAI,OAAO,EAAE,sBAAsB,UAAU;AAAA,EACjD,gBAAgB,CAAC,YAAY,IAAI,OAAO,EAAE,aAAa,UAAU;AAAA,EACjE,oBAAoB,CAAC,YACjB,IAAI,MAAM;AACN,UAAM,cAAc,IAAA,EAAM,YAAY,IAAI,CAAC,SAAS;AAChD,UAAI,KAAK,OAAO,QAAQ,IAAI;AACxB,aAAK,QAAQ,QAAQ;AAAA,MACzB;AACA,aAAO;AAAA,IACX,CAAC;AACD,WAAO,EAAE,YAAA;AAAA,EACb,CAAC;AAAA,EACL,iBAAiB,CAAC,YAAY,IAAI,OAAO,EAAE,cAAc,UAAU;AAAA,EACnE,+BAA+B,CAAC,YAC5B,IAAI,MAAM;AACN,QAAI,SAAS,MAAM;AAEnB,QAAI,OAAO,SAAS,OAAO,GAAG;AAC1B,eAAS,OAAO,OAAO,CAAC,SAAS,SAAS,OAAO;AAAA,IACrD,OAAO;AACH,aAAO,KAAK,OAAO;AAAA,IACvB;AAEA,WAAO,EAAE,4BAA4B,OAAA;AAAA,EACzC,CAAC;AAAA,EACL,iBAAiB,CAAC,YACd,IAAI,OAAO,EAAE,aAAa,CAAC,GAAG,CAAC,OAAO,GAAG,GAAG,MAAM,WAAW,IAAI;AAAA,EACrE,kBAAkB,CAAC,IAAI,iBACnB,IAAI,MAAM;AACN,UAAM,cAAc,IAAA,EAAM,YAAY,IAAI,CAAC,SAAS;AAChD,UAAI,KAAK,OAAO,IAAI;AAChB,YAAI,CAAC,KAAK,cAAc;AACpB,eAAK,eAAe,CAAA;AAAA,QACxB;AACA,aAAK,cAAc,KAAK,YAAY;AAAA,MACxC;AACA,aAAO;AAAA,IACX,CAAC;AACD,WAAO,EAAE,YAAA;AAAA,EACb,CAAC;AAAA,EACL,aAAa,CAAC,YAAY,IAAI,OAAO,EAAE,UAAU,UAAU;AAAA,EAC3D,mBAAmB,MACf,IAAI,MAAM;AACN,UAAM,cAAc,IAAA,EAAM,YAAY,IAAI,CAAC,SAAS;AAChD,UAAI,KAAK,OAAO,IAAA,EAAM,sBAAsB;AACxC,aAAK,eAAe,KAAK,cAAc;AAAA,UACnC,CAAC,iBAAiB;AACd,gBAAI,aAAa,OAAO;AACpB,2BAAa,QAAQ;AAAA,YACzB;AACA,mBAAO;AAAA,UACX;AAAA,QAAA;AAAA,MAER;AACA,aAAO;AAAA,IACX,CAAC;AACD,WAAO,EAAE,YAAA;AAAA,EACb,CAAC;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":[],"mappings":";AA6BA,MAAM,eAAoC;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;AAEO,MAAM,wBAAwB,OAEnC,CAAC,KAAK,SAAS;AAAA,EACb,GAAG;AAAA,EACH,yBAAyB,CAAC,YACtB,IAAI,OAAO,EAAE,sBAAsB,UAAU;AAAA,EACjD,gBAAgB,CAAC,YAAY,IAAI,OAAO,EAAE,aAAa,UAAU;AAAA,EACjE,oBAAoB,CAAC,YACjB,IAAI,MAAM;AACN,UAAM,cAAc,IAAA,EAAM,YAAY,IAAI,CAAC,SAAS;AAChD,UAAI,KAAK,OAAO,QAAQ,IAAI;AACxB,aAAK,QAAQ,QAAQ;AAAA,MACzB;AACA,aAAO;AAAA,IACX,CAAC;AACD,WAAO,EAAE,YAAA;AAAA,EACb,CAAC;AAAA,EACL,iBAAiB,CAAC,YAAY,IAAI,OAAO,EAAE,cAAc,UAAU;AAAA,EACnE,+BAA+B,CAAC,YAC5B,IAAI,MAAM;AACN,QAAI,SAAS,MAAM;AAEnB,QAAI,OAAO,SAAS,OAAO,GAAG;AAC1B,eAAS,OAAO,OAAO,CAAC,SAAS,SAAS,OAAO;AAAA,IACrD,OAAO;AACH,aAAO,KAAK,OAAO;AAAA,IACvB;AAEA,WAAO,EAAE,4BAA4B,OAAA;AAAA,EACzC,CAAC;AAAA,EACL,iBAAiB,CAAC,YACd,IAAI,OAAO,EAAE,aAAa,CAAC,GAAG,CAAC,OAAO,GAAG,GAAG,MAAM,WAAW,IAAI;AAAA,EACrE,kBAAkB,CAAC,IAAI,iBACnB,IAAI,MAAM;AACN,UAAM,cAAc,IAAA,EAAM,YAAY,IAAI,CAAC,SAAS;AAChD,UAAI,KAAK,OAAO,IAAI;AAChB,YAAI,CAAC,KAAK,cAAc;AACpB,eAAK,eAAe,CAAA;AAAA,QACxB;AACA,aAAK,cAAc,KAAK,YAAY;AAAA,MACxC;AACA,aAAO;AAAA,IACX,CAAC;AACD,WAAO,EAAE,YAAA;AAAA,EACb,CAAC;AAAA,EACL,aAAa,CAAC,YAAY,IAAI,OAAO,EAAE,UAAU,UAAU;AAAA,EAC3D,mBAAmB,MACf,IAAI,MAAM;AACN,UAAM,cAAc,IAAA,EAAM,YAAY,IAAI,CAAC,SAAS;AAChD,UAAI,KAAK,OAAO,IAAA,EAAM,sBAAsB;AACxC,aAAK,eAAe,KAAK,cAAc;AAAA,UACnC,CAAC,iBAAiB;AACd,gBAAI,aAAa,OAAO;AACpB,2BAAa,QAAQ;AAAA,YACzB;AACA,mBAAO;AAAA,UACX;AAAA,QAAA;AAAA,MAER;AACA,aAAO;AAAA,IACX,CAAC;AACD,WAAO,EAAE,YAAA;AAAA,EACb,CAAC;AACT,EAAE;"}

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

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sources":["../../../../../../lib/@ecme/views/concepts/ai/Chat/utils.ts"],"sourcesContent":["export const getStringPosition = (\r\n    string: string,\r\n    subString: string,\r\n    index: number,\r\n): number => {\r\n    return string.split(subString, index).join(' ').length\r\n}\r\n\r\nexport const getCurrentNodeOverflow = (\r\n    arr: number[],\r\n    pos: number,\r\n): [number, number] => {\r\n    let acc = 0\r\n    let index = 0\r\n    for (let i = 0; i < arr.length; i++) {\r\n        if (acc + arr[i] > pos) {\r\n            break\r\n        }\r\n\r\n        index++\r\n\r\n        acc += arr[i]\r\n    }\r\n\r\n    return [index, pos - acc]\r\n}\r\n"],"names":[],"mappings":"AAAO,MAAM,oBAAoB,CAC7B,QACA,WACA,UACS;AACT,SAAO,OAAO,MAAM,WAAW,KAAK,EAAE,KAAK,GAAG,EAAE;AACpD;AAEO,MAAM,yBAAyB,CAClC,KACA,QACmB;AACnB,MAAI,MAAM;AACV,MAAI,QAAQ;AACZ,WAAS,IAAI,GAAG,IAAI,IAAI,QAAQ,KAAK;AACjC,QAAI,MAAM,IAAI,CAAC,IAAI,KAAK;AACpB;AAAA,IACJ;AAEA;AAEA,WAAO,IAAI,CAAC;AAAA,EAChB;AAEA,SAAO,CAAC,OAAO,MAAM,GAAG;AAC5B;"}
+{"version":3,"file":"utils.js","sources":["../../../../../../lib/@ecme/views/concepts/ai/Chat/utils.ts"],"sourcesContent":["export const getStringPosition = (\n    string: string,\n    subString: string,\n    index: number,\n): number => {\n    return string.split(subString, index).join(' ').length\n}\n\nexport const getCurrentNodeOverflow = (\n    arr: number[],\n    pos: number,\n): [number, number] => {\n    let acc = 0\n    let index = 0\n    for (let i = 0; i < arr.length; i++) {\n        if (acc + arr[i] > pos) {\n            break\n        }\n\n        index++\n\n        acc += arr[i]\n    }\n\n    return [index, pos - acc]\n}\n"],"names":[],"mappings":"AAAO,MAAM,oBAAoB,CAC7B,QACA,WACA,UACS;AACT,SAAO,OAAO,MAAM,WAAW,KAAK,EAAE,KAAK,GAAG,EAAE;AACpD;AAEO,MAAM,yBAAyB,CAClC,KACA,QACmB;AACnB,MAAI,MAAM;AACV,MAAI,QAAQ;AACZ,WAAS,IAAI,GAAG,IAAI,IAAI,QAAQ,KAAK;AACjC,QAAI,MAAM,IAAI,CAAC,IAAI,KAAK;AACpB;AAAA,IACJ;AAEA;AAEA,WAAO,IAAI,CAAC;AAAA,EAChB;AAEA,SAAO,CAAC,OAAO,MAAM,GAAG;AAC5B;"}

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

@@ -1 +1 @@
-{"version":3,"file":"ImageGenerator.js","sources":["../../../../../../lib/@ecme/views/concepts/ai/Image/ImageGenerator.tsx"],"sourcesContent":["import Generator from './components/Generator'\r\nimport Gallery from './components/Gallery'\r\nimport ImageDialog from './components/ImageDialog'\r\n\r\nconst ImageGenerator = () => {\r\n    return (\r\n        <>\r\n            <Generator />\r\n            <div className=\"mt-6\">\r\n                <Gallery />\r\n            </div>\r\n            <ImageDialog />\r\n        </>\r\n    )\r\n}\r\n\r\nexport default ImageGenerator\r\n"],"names":[],"mappings":";;;;AAIA,MAAM,iBAAiB,MAAM;AACzB,SACI,qBAAA,UAAA,EACI,UAAA;AAAA,IAAA,oBAAC,WAAA,EAAU;AAAA,wBACV,OAAA,EAAI,WAAU,QACX,UAAA,oBAAC,WAAQ,GACb;AAAA,wBACC,aAAA,CAAA,CAAY;AAAA,EAAA,GACjB;AAER;"}
+{"version":3,"file":"ImageGenerator.js","sources":["../../../../../../lib/@ecme/views/concepts/ai/Image/ImageGenerator.tsx"],"sourcesContent":["import Generator from './components/Generator'\nimport Gallery from './components/Gallery'\nimport ImageDialog from './components/ImageDialog'\n\nconst ImageGenerator = () => {\n    return (\n        <>\n            <Generator />\n            <div className=\"mt-6\">\n                <Gallery />\n            </div>\n            <ImageDialog />\n        </>\n    )\n}\n\nexport default ImageGenerator\n"],"names":[],"mappings":";;;;AAIA,MAAM,iBAAiB,MAAM;AACzB,SACI,qBAAA,UAAA,EACI,UAAA;AAAA,IAAA,oBAAC,WAAA,EAAU;AAAA,wBACV,OAAA,EAAI,WAAU,QACX,UAAA,oBAAC,WAAQ,GACb;AAAA,wBACC,aAAA,CAAA,CAAY;AAAA,EAAA,GACjB;AAER;"}

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'\r\nimport Avatar from '@/components/ui/Avatar'\r\nimport Button from '@/components/ui/Button'\r\nimport Dropdown from '@/components/ui/Dropdown'\r\nimport type { ReactNode } from 'react'\r\n\r\ntype ConfigDropdownProps = {\r\n    list: {\r\n        label: string\r\n        value: string\r\n        image?: string\r\n        icon?: ReactNode\r\n        isIcon?: boolean\r\n    }[]\r\n    onSelect: (value: string) => void\r\n    value: string\r\n}\r\n\r\nconst ConfigDropdown = (props: ConfigDropdownProps) => {\r\n    const { list = [], onSelect, value } = props\r\n\r\n    const selectedSetting = useMemo(() => {\r\n        return list.find((item) => item.value === value)\r\n    }, [list, value])\r\n\r\n    return (\r\n        <Dropdown\r\n            renderTitle={\r\n                <Button size=\"sm\" className=\"py-1\">\r\n                    <div className=\"flex gap-2 items-center\">\r\n                        {selectedSetting?.isIcon && (\r\n                            <span className=\"text-xl\">\r\n                                {selectedSetting.icon}\r\n                            </span>\r\n                        )}\r\n                        {!selectedSetting?.isIcon && selectedSetting?.image && (\r\n                            <Avatar\r\n                                src={selectedSetting.image}\r\n                                size={28}\r\n                                shape=\"round\"\r\n                            />\r\n                        )}\r\n                        {selectedSetting?.label}\r\n                    </div>\r\n                </Button>\r\n            }\r\n        >\r\n            {list.map((item) => (\r\n                <Dropdown.Item\r\n                    key={item.value}\r\n                    eventKey={item.value}\r\n                    active={item.value === selectedSetting?.value}\r\n                    onSelect={onSelect}\r\n                >\r\n                    {item.isIcon && (\r\n                        <span className=\"text-xl\">{item.icon}</span>\r\n                    )}\r\n                    {!item.isIcon && item.image && (\r\n                        <Avatar src={item.image} size={28} shape=\"round\" />\r\n                    )}\r\n                    <span>{item.label}</span>\r\n                </Dropdown.Item>\r\n            ))}\r\n        </Dropdown>\r\n    )\r\n}\r\n\r\nexport default ConfigDropdown\r\n"],"names":[],"mappings":";;;;;;AAkBA,MAAM,iBAAiB,CAAC,UAA+B;AACnD,QAAM,EAAE,OAAO,CAAA,GAAI,UAAU,UAAU;AAEvC,QAAM,kBAAkB,QAAQ,MAAM;AAClC,WAAO,KAAK,KAAK,CAAC,SAAS,KAAK,UAAU,KAAK;AAAA,EACnD,GAAG,CAAC,MAAM,KAAK,CAAC;AAEhB,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,aACI,oBAAC,QAAA,EAAO,MAAK,MAAK,WAAU,QACxB,UAAA,qBAAC,OAAA,EAAI,WAAU,2BACV,UAAA;AAAA,QAAA,iBAAiB,UACd,oBAAC,QAAA,EAAK,WAAU,WACX,0BAAgB,MACrB;AAAA,QAEH,CAAC,iBAAiB,UAAU,iBAAiB,SAC1C;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,KAAK,gBAAgB;AAAA,YACrB,MAAM;AAAA,YACN,OAAM;AAAA,UAAA;AAAA,QAAA;AAAA,QAGb,iBAAiB;AAAA,MAAA,EAAA,CACtB,EAAA,CACJ;AAAA,MAGH,UAAA,KAAK,IAAI,CAAC,SACP;AAAA,QAAC,SAAS;AAAA,QAAT;AAAA,UAEG,UAAU,KAAK;AAAA,UACf,QAAQ,KAAK,UAAU,iBAAiB;AAAA,UACxC;AAAA,UAEC,UAAA;AAAA,YAAA,KAAK,UACF,oBAAC,QAAA,EAAK,WAAU,WAAW,eAAK,MAAK;AAAA,YAExC,CAAC,KAAK,UAAU,KAAK,SAClB,oBAAC,QAAA,EAAO,KAAK,KAAK,OAAO,MAAM,IAAI,OAAM,QAAA,CAAQ;AAAA,YAErD,oBAAC,QAAA,EAAM,UAAA,KAAK,MAAA,CAAM;AAAA,UAAA;AAAA,QAAA;AAAA,QAXb,KAAK;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":[],"mappings":";;;;;;AAkBA,MAAM,iBAAiB,CAAC,UAA+B;AACnD,QAAM,EAAE,OAAO,CAAA,GAAI,UAAU,UAAU;AAEvC,QAAM,kBAAkB,QAAQ,MAAM;AAClC,WAAO,KAAK,KAAK,CAAC,SAAS,KAAK,UAAU,KAAK;AAAA,EACnD,GAAG,CAAC,MAAM,KAAK,CAAC;AAEhB,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,aACI,oBAAC,QAAA,EAAO,MAAK,MAAK,WAAU,QACxB,UAAA,qBAAC,OAAA,EAAI,WAAU,2BACV,UAAA;AAAA,QAAA,iBAAiB,UACd,oBAAC,QAAA,EAAK,WAAU,WACX,0BAAgB,MACrB;AAAA,QAEH,CAAC,iBAAiB,UAAU,iBAAiB,SAC1C;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,KAAK,gBAAgB;AAAA,YACrB,MAAM;AAAA,YACN,OAAM;AAAA,UAAA;AAAA,QAAA;AAAA,QAGb,iBAAiB;AAAA,MAAA,EAAA,CACtB,EAAA,CACJ;AAAA,MAGH,UAAA,KAAK,IAAI,CAAC,SACP;AAAA,QAAC,SAAS;AAAA,QAAT;AAAA,UAEG,UAAU,KAAK;AAAA,UACf,QAAQ,KAAK,UAAU,iBAAiB;AAAA,UACxC;AAAA,UAEC,UAAA;AAAA,YAAA,KAAK,UACF,oBAAC,QAAA,EAAK,WAAU,WAAW,eAAK,MAAK;AAAA,YAExC,CAAC,KAAK,UAAU,KAAK,SAClB,oBAAC,QAAA,EAAO,KAAK,KAAK,OAAO,MAAM,IAAI,OAAM,QAAA,CAAQ;AAAA,YAErD,oBAAC,QAAA,EAAM,UAAA,KAAK,MAAA,CAAM;AAAA,UAAA;AAAA,QAAA;AAAA,QAXb,KAAK;AAAA,MAAA,CAajB;AAAA,IAAA;AAAA,EAAA;AAGb;"}

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

@@ -1 +1 @@
-{"version":3,"file":"Gallery.js","sources":["../../../../../../../lib/@ecme/views/concepts/ai/Image/components/Gallery.tsx"],"sourcesContent":["import { useEffect, useState } from 'react'\r\nimport Alert from '@/components/ui/Alert'\r\nimport Skeleton from '@/components/ui/Skeleton'\r\nimport GalleryImage from './GalleryImage'\r\nimport Masonry from '@/components/shared/Masonry'\r\nimport { useImageGeneratorStore } from '../store/imageGeneratorStore'\r\nimport useInfiniteScroll from '@/utils/hooks/useInfiniteScroll'\r\nimport { apiGetImages } from '@/services/AiService'\r\nimport type { GetImageResponse, Gallery, GelleryItem } from '../type'\r\n\r\nconst Gallery = () => {\r\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\r\n    const [_, setIsInitialLoading] = useState(false)\r\n    const [initialLoadComplete, setInitialLoadComplete] = useState(false)\r\n    const [loadable, setLoadable] = useState(true)\r\n    const [index, seIndex] = useState(1)\r\n\r\n    const {\r\n        setImageDialog,\r\n        isGeneratedImagesView,\r\n        isGeneratingImage,\r\n        generatedImage,\r\n    } = useImageGeneratorStore()\r\n\r\n    const [imageList, setImageList] = useState<Gallery>([])\r\n\r\n    const getImages = async (index: number) => {\r\n        setIsInitialLoading(true)\r\n        const resp = await apiGetImages<GetImageResponse, { index: number }>({\r\n            index,\r\n        })\r\n        setImageList((prevImages) => [...prevImages, ...resp.data])\r\n        setLoadable(resp.loadable)\r\n        setIsInitialLoading(false)\r\n        seIndex((prevIndex) => prevIndex + 1)\r\n        if (!resp.loadable) {\r\n            setLoadable(true)\r\n            seIndex(() => 1)\r\n        }\r\n    }\r\n\r\n    const { containerRef } = useInfiniteScroll({\r\n        offset: '100px',\r\n        async onLoadMore() {\r\n            if (initialLoadComplete && loadable) {\r\n                await getImages(index)\r\n            }\r\n        },\r\n    })\r\n\r\n    const initialLoad = async (index: number) => {\r\n        setIsInitialLoading(true)\r\n        const resp = await apiGetImages<\r\n            GetImageResponse,\r\n            { index: number; itemCount: number }\r\n        >({ index, itemCount: 8 })\r\n        setImageList(resp.data)\r\n        setLoadable(resp.loadable)\r\n        setIsInitialLoading(false)\r\n        seIndex(3)\r\n        setInitialLoadComplete(true)\r\n    }\r\n\r\n    const handleImageClick = (\r\n        image: GelleryItem,\r\n        type: 'generated' | 'existing',\r\n    ) => {\r\n        setImageDialog({\r\n            open: true,\r\n            props: { ...image, type },\r\n        })\r\n    }\r\n\r\n    useEffect(() => {\r\n        if (!initialLoadComplete) {\r\n            initialLoad(index)\r\n        }\r\n        // eslint-disable-next-line react-hooks/exhaustive-deps\r\n    }, [])\r\n\r\n    return (\r\n        <>\r\n            {isGeneratedImagesView && (\r\n                <div className=\"rounded-xl bg-gray-100 dark:bg-gray-700 p-5 mb-4\">\r\n                    <h4 className=\"mb-4\">\r\n                        {isGeneratingImage ? 'Generating' : 'Result'}\r\n                    </h4>\r\n                    {!isGeneratingImage && generatedImage.length > 0 && (\r\n                        <Alert showIcon className=\"mb-4\" type=\"info\">\r\n                            This is a mock response designed to simulate an\r\n                            AI-generated reply. Please note that these image is\r\n                            not generated by an actual AI model.\r\n                        </Alert>\r\n                    )}\r\n                    <div className=\"grid grid-cols-2 xl:grid-cols-4 gap-4\">\r\n                        {isGeneratingImage ? (\r\n                            <>\r\n                                {[...Array(4).keys()].map((item) => (\r\n                                    <Skeleton\r\n                                        key={`loading-${item}`}\r\n                                        className=\"rounded-xl bg-gray-300 dark:bg-gray-600\"\r\n                                        height={250}\r\n                                    />\r\n                                ))}\r\n                            </>\r\n                        ) : (\r\n                            <>\r\n                                {generatedImage.map((item) => {\r\n                                    return (\r\n                                        <GalleryImage\r\n                                            key={item.id}\r\n                                            galleryItem={item}\r\n                                            onImageClick={() =>\r\n                                                handleImageClick(\r\n                                                    item,\r\n                                                    'generated',\r\n                                                )\r\n                                            }\r\n                                        />\r\n                                    )\r\n                                })}\r\n                            </>\r\n                        )}\r\n                    </div>\r\n                </div>\r\n            )}\r\n            {initialLoadComplete && (\r\n                <div>\r\n                    <h4 className=\"mb-4\">Recent images</h4>\r\n                    <div ref={containerRef}>\r\n                        <Masonry columns={{ 768: 2, 1280: 4 }} gap={16}>\r\n                            {imageList.map((item) => {\r\n                                return (\r\n                                    <GalleryImage\r\n                                        key={item.id}\r\n                                        galleryItem={item}\r\n                                        onImageClick={() =>\r\n                                            handleImageClick(item, 'existing')\r\n                                        }\r\n                                    />\r\n                                )\r\n                            })}\r\n                        </Masonry>\r\n                    </div>\r\n                </div>\r\n            )}\r\n        </>\r\n    )\r\n}\r\n\r\nexport default Gallery\r\n"],"names":["index"],"mappings":"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"}
+{"version":3,"file":"Gallery.js","sources":["../../../../../../../lib/@ecme/views/concepts/ai/Image/components/Gallery.tsx"],"sourcesContent":["import { useEffect, useState } from 'react'\nimport Alert from '@/components/ui/Alert'\nimport Skeleton from '@/components/ui/Skeleton'\nimport GalleryImage from './GalleryImage'\nimport Masonry from '@/components/shared/Masonry'\nimport { useImageGeneratorStore } from '../store/imageGeneratorStore'\nimport useInfiniteScroll from '@/utils/hooks/useInfiniteScroll'\nimport { apiGetImages } from '@/services/AiService'\nimport type { GetImageResponse, Gallery, GelleryItem } from '../type'\n\nconst Gallery = () => {\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    const [_, setIsInitialLoading] = useState(false)\n    const [initialLoadComplete, setInitialLoadComplete] = useState(false)\n    const [loadable, setLoadable] = useState(true)\n    const [index, seIndex] = useState(1)\n\n    const {\n        setImageDialog,\n        isGeneratedImagesView,\n        isGeneratingImage,\n        generatedImage,\n    } = useImageGeneratorStore()\n\n    const [imageList, setImageList] = useState<Gallery>([])\n\n    const getImages = async (index: number) => {\n        setIsInitialLoading(true)\n        const resp = await apiGetImages<GetImageResponse, { index: number }>({\n            index,\n        })\n        setImageList((prevImages) => [...prevImages, ...resp.data])\n        setLoadable(resp.loadable)\n        setIsInitialLoading(false)\n        seIndex((prevIndex) => prevIndex + 1)\n        if (!resp.loadable) {\n            setLoadable(true)\n            seIndex(() => 1)\n        }\n    }\n\n    const { containerRef } = useInfiniteScroll({\n        offset: '100px',\n        async onLoadMore() {\n            if (initialLoadComplete && loadable) {\n                await getImages(index)\n            }\n        },\n    })\n\n    const initialLoad = async (index: number) => {\n        setIsInitialLoading(true)\n        const resp = await apiGetImages<\n            GetImageResponse,\n            { index: number; itemCount: number }\n        >({ index, itemCount: 8 })\n        setImageList(resp.data)\n        setLoadable(resp.loadable)\n        setIsInitialLoading(false)\n        seIndex(3)\n        setInitialLoadComplete(true)\n    }\n\n    const handleImageClick = (\n        image: GelleryItem,\n        type: 'generated' | 'existing',\n    ) => {\n        setImageDialog({\n            open: true,\n            props: { ...image, type },\n        })\n    }\n\n    useEffect(() => {\n        if (!initialLoadComplete) {\n            initialLoad(index)\n        }\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [])\n\n    return (\n        <>\n            {isGeneratedImagesView && (\n                <div className=\"rounded-xl bg-gray-100 dark:bg-gray-700 p-5 mb-4\">\n                    <h4 className=\"mb-4\">\n                        {isGeneratingImage ? 'Generating' : 'Result'}\n                    </h4>\n                    {!isGeneratingImage && generatedImage.length > 0 && (\n                        <Alert showIcon className=\"mb-4\" type=\"info\">\n                            This is a mock response designed to simulate an\n                            AI-generated reply. Please note that these image is\n                            not generated by an actual AI model.\n                        </Alert>\n                    )}\n                    <div className=\"grid grid-cols-2 xl:grid-cols-4 gap-4\">\n                        {isGeneratingImage ? (\n                            <>\n                                {[...Array(4).keys()].map((item) => (\n                                    <Skeleton\n                                        key={`loading-${item}`}\n                                        className=\"rounded-xl bg-gray-300 dark:bg-gray-600\"\n                                        height={250}\n                                    />\n                                ))}\n                            </>\n                        ) : (\n                            <>\n                                {generatedImage.map((item) => {\n                                    return (\n                                        <GalleryImage\n                                            key={item.id}\n                                            galleryItem={item}\n                                            onImageClick={() =>\n                                                handleImageClick(\n                                                    item,\n                                                    'generated',\n                                                )\n                                            }\n                                        />\n                                    )\n                                })}\n                            </>\n                        )}\n                    </div>\n                </div>\n            )}\n            {initialLoadComplete && (\n                <div>\n                    <h4 className=\"mb-4\">Recent images</h4>\n                    <div ref={containerRef}>\n                        <Masonry columns={{ 768: 2, 1280: 4 }} gap={16}>\n                            {imageList.map((item) => {\n                                return (\n                                    <GalleryImage\n                                        key={item.id}\n                                        galleryItem={item}\n                                        onImageClick={() =>\n                                            handleImageClick(item, 'existing')\n                                        }\n                                    />\n                                )\n                            })}\n                        </Masonry>\n                    </div>\n                </div>\n            )}\n        </>\n    )\n}\n\nexport default Gallery\n"],"names":["index"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"GalleryImage.js","sources":["../../../../../../../lib/@ecme/views/concepts/ai/Image/components/GalleryImage.tsx"],"sourcesContent":["import type { GelleryItem } from '../type'\r\n\r\ntype GalleryImageProps = {\r\n    galleryItem: GelleryItem\r\n    onImageClick: (galleryItem: GelleryItem) => void\r\n}\r\n\r\nconst GalleryImage = (props: GalleryImageProps) => {\r\n    const { galleryItem, onImageClick } = props\r\n\r\n    return (\r\n        <div\r\n            key={galleryItem.id}\r\n            className=\"rounded-lg cursor-pointer relative group\"\r\n            onClick={() => onImageClick(galleryItem)}\r\n        >\r\n            <img className=\"rounded-xl w-full\" src={galleryItem.image} />\r\n        </div>\r\n    )\r\n}\r\n\r\nexport default GalleryImage\r\n"],"names":[],"mappings":";AAOA,MAAM,eAAe,CAAC,UAA6B;AAC/C,QAAM,EAAE,aAAa,aAAA,IAAiB;AAEtC,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MAEG,WAAU;AAAA,MACV,SAAS,MAAM,aAAa,WAAW;AAAA,MAEvC,8BAAC,OAAA,EAAI,WAAU,qBAAoB,KAAK,YAAY,MAAA,CAAO;AAAA,IAAA;AAAA,IAJtD,YAAY;AAAA,EAAA;AAO7B;"}
+{"version":3,"file":"GalleryImage.js","sources":["../../../../../../../lib/@ecme/views/concepts/ai/Image/components/GalleryImage.tsx"],"sourcesContent":["import type { GelleryItem } from '../type'\n\ntype GalleryImageProps = {\n    galleryItem: GelleryItem\n    onImageClick: (galleryItem: GelleryItem) => void\n}\n\nconst GalleryImage = (props: GalleryImageProps) => {\n    const { galleryItem, onImageClick } = props\n\n    return (\n        <div\n            key={galleryItem.id}\n            className=\"rounded-lg cursor-pointer relative group\"\n            onClick={() => onImageClick(galleryItem)}\n        >\n            <img className=\"rounded-xl w-full\" src={galleryItem.image} />\n        </div>\n    )\n}\n\nexport default GalleryImage\n"],"names":[],"mappings":";AAOA,MAAM,eAAe,CAAC,UAA6B;AAC/C,QAAM,EAAE,aAAa,aAAA,IAAiB;AAEtC,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MAEG,WAAU;AAAA,MACV,SAAS,MAAM,aAAa,WAAW;AAAA,MAEvC,8BAAC,OAAA,EAAI,WAAU,qBAAoB,KAAK,YAAY,MAAA,CAAO;AAAA,IAAA;AAAA,IAJtD,YAAY;AAAA,EAAA;AAO7B;"}

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

@@ -1 +1 @@
-{"version":3,"file":"Generator.js","sources":["../../../../../../../lib/@ecme/views/concepts/ai/Image/components/Generator.tsx"],"sourcesContent":["import GeneratorHeader from './GeneratorHeader'\r\nimport GeneratorPrompt from './GeneratorPrompt'\r\n\r\nconst Generator = () => {\r\n    return (\r\n        <>\r\n            <GeneratorHeader />\r\n            <div className=\"mt-4\">\r\n                <GeneratorPrompt />\r\n            </div>\r\n        </>\r\n    )\r\n}\r\n\r\nexport default Generator\r\n"],"names":[],"mappings":";;;AAGA,MAAM,YAAY,MAAM;AACpB,SACI,qBAAA,UAAA,EACI,UAAA;AAAA,IAAA,oBAAC,iBAAA,EAAgB;AAAA,wBAChB,OAAA,EAAI,WAAU,QACX,UAAA,oBAAC,mBAAgB,EAAA,CACrB;AAAA,EAAA,GACJ;AAER;"}
+{"version":3,"file":"Generator.js","sources":["../../../../../../../lib/@ecme/views/concepts/ai/Image/components/Generator.tsx"],"sourcesContent":["import GeneratorHeader from './GeneratorHeader'\nimport GeneratorPrompt from './GeneratorPrompt'\n\nconst Generator = () => {\n    return (\n        <>\n            <GeneratorHeader />\n            <div className=\"mt-4\">\n                <GeneratorPrompt />\n            </div>\n        </>\n    )\n}\n\nexport default Generator\n"],"names":[],"mappings":";;;AAGA,MAAM,YAAY,MAAM;AACpB,SACI,qBAAA,UAAA,EACI,UAAA;AAAA,IAAA,oBAAC,iBAAA,EAAgB;AAAA,wBAChB,OAAA,EAAI,WAAU,QACX,UAAA,oBAAC,mBAAgB,EAAA,CACrB;AAAA,EAAA,GACJ;AAER;"}

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

@@ -1 +1 @@
-{"version":3,"file":"GeneratorHeader.js","sources":["../../../../../../../lib/@ecme/views/concepts/ai/Image/components/GeneratorHeader.tsx"],"sourcesContent":["const GeneratorHeader = () => {\r\n    return (\r\n        <div className=\"flex items-center justify-between\">\r\n            <div>\r\n                <h3 className=\"mb-1\">AI image generator</h3>\r\n                <p>\r\n                    Create an image with Generative AI by describing what\r\n                    you&apos;d like to see. Please note, all images are shared\r\n                    publicly by default.\r\n                </p>\r\n            </div>\r\n        </div>\r\n    )\r\n}\r\n\r\nexport default GeneratorHeader\r\n"],"names":[],"mappings":";AAAA,MAAM,kBAAkB,MAAM;AAC1B,SACI,oBAAC,OAAA,EAAI,WAAU,qCACX,+BAAC,OAAA,EACG,UAAA;AAAA,IAAA,oBAAC,MAAA,EAAG,WAAU,QAAO,UAAA,sBAAkB;AAAA,IACvC,oBAAC,OAAE,UAAA,mIAAA,CAIH;AAAA,EAAA,EAAA,CACJ,EAAA,CACJ;AAER;"}
+{"version":3,"file":"GeneratorHeader.js","sources":["../../../../../../../lib/@ecme/views/concepts/ai/Image/components/GeneratorHeader.tsx"],"sourcesContent":["const GeneratorHeader = () => {\n    return (\n        <div className=\"flex items-center justify-between\">\n            <div>\n                <h3 className=\"mb-1\">AI image generator</h3>\n                <p>\n                    Create an image with Generative AI by describing what\n                    you&apos;d like to see. Please note, all images are shared\n                    publicly by default.\n                </p>\n            </div>\n        </div>\n    )\n}\n\nexport default GeneratorHeader\n"],"names":[],"mappings":";AAAA,MAAM,kBAAkB,MAAM;AAC1B,SACI,oBAAC,OAAA,EAAI,WAAU,qCACX,+BAAC,OAAA,EACG,UAAA;AAAA,IAAA,oBAAC,MAAA,EAAG,WAAU,QAAO,UAAA,sBAAkB;AAAA,IACvC,oBAAC,OAAE,UAAA,mIAAA,CAIH;AAAA,EAAA,EAAA,CACJ,EAAA,CACJ;AAER;"}

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