@orbe-agro/client-core 5.5.3 → 5.5.8

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

@@ -1 +1 @@
-{"version":3,"file":"ChatHistoryRenameDialog.js","sources":["../../../../../../../lib/@ecme/views/concepts/ai/Chat/components/ChatHistoryRenameDialog.tsx"],"sourcesContent":["import { useEffect } from 'react'\nimport Dialog from '@/components/ui/Dialog'\nimport { Form, FormItem } from '@/components/ui/Form'\nimport Input from '@/components/ui/Input'\nimport Button from '@/components/ui/Button'\nimport { usGenerativeChatStore } from '../store/generativeChatStore'\nimport { useForm, Controller } from 'react-hook-form'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport { z } from 'zod'\nimport type { ZodType } from 'zod'\n\ntype FormSchema = {\n    title: string\n}\n\nconst validationSchema: ZodType<FormSchema> = z.object({\n    title: z.string().min(1, 'Please do not leave chat title blank!'),\n})\n\nconst ChatHistoryRenameDialog = () => {\n    const { renameDialog, setRenameDialog, setChatHistoryName } =\n        usGenerativeChatStore()\n\n    const {\n        control,\n        formState: { errors },\n        handleSubmit,\n        reset,\n    } = useForm<FormSchema>({\n        defaultValues: {\n            title: renameDialog.title,\n        },\n        resolver: zodResolver(validationSchema),\n    })\n\n    useEffect(() => {\n        if (renameDialog.open) {\n            reset({\n                title: renameDialog.title,\n            })\n        }\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [renameDialog.title, renameDialog.open])\n\n    const handleDialogClose = () => {\n        setRenameDialog({\n            id: '',\n            title: '',\n            open: false,\n        })\n    }\n\n    const onFormSubmit = async ({ title }: FormSchema) => {\n        setChatHistoryName({\n            id: renameDialog.id,\n            title,\n        })\n        handleDialogClose()\n    }\n\n    return (\n        <Dialog\n            isOpen={renameDialog.open}\n            onClose={handleDialogClose}\n            onRequestClose={handleDialogClose}\n        >\n            <h5>Rename chat</h5>\n            <div className=\"mt-8\">\n                <Form onSubmit={handleSubmit(onFormSubmit)}>\n                    <FormItem\n                        label=\"Chat title\"\n                        invalid={Boolean(errors.title)}\n                        errorMessage={errors.title?.message}\n                    >\n                        <Controller\n                            name=\"title\"\n                            control={control}\n                            rules={{ required: true }}\n                            render={({ field }) => (\n                                <Input\n                                    placeholder=\"Rename chat\"\n                                    type=\"text\"\n                                    autoComplete=\"off\"\n                                    {...field}\n                                />\n                            )}\n                        />\n                    </FormItem>\n                    <div className=\"flex justify-end gap-2\">\n                        <Button type=\"button\" onClick={handleDialogClose}>\n                            Cancel\n                        </Button>\n                        <Button variant=\"solid\" type=\"submit\">\n                            Rename\n                        </Button>\n                    </div>\n                </Form>\n            </div>\n        </Dialog>\n    )\n}\n\nexport default ChatHistoryRenameDialog\n"],"names":[],"mappings":";;;;;;;;;;;;;;;AAeA,MAAM,mBAAwC,EAAE,OAAO;AAAA,EACnD,OAAO,EAAE,OAAS,EAAA,IAAI,GAAG,uCAAuC;AACpE,CAAC;AAED,MAAM,0BAA0B,MAAM;AAClC,QAAM,EAAE,cAAc,iBAAiB,mBAAA,IACnC,sBAAsB;AAEpB,QAAA;AAAA,IACF;AAAA,IACA,WAAW,EAAE,OAAO;AAAA,IACpB;AAAA,IACA;AAAA,MACA,QAAoB;AAAA,IACpB,eAAe;AAAA,MACX,OAAO,aAAa;AAAA,IACxB;AAAA,IACA,UAAU,YAAY,gBAAgB;AAAA,EAAA,CACzC;AAED,YAAU,MAAM;AACZ,QAAI,aAAa,MAAM;AACb,YAAA;AAAA,QACF,OAAO,aAAa;AAAA,MAAA,CACvB;AAAA,IAAA;AAAA,KAGN,CAAC,aAAa,OAAO,aAAa,IAAI,CAAC;AAE1C,QAAM,oBAAoB,MAAM;AACZ,oBAAA;AAAA,MACZ,IAAI;AAAA,MACJ,OAAO;AAAA,MACP,MAAM;AAAA,IAAA,CACT;AAAA,EACL;AAEA,QAAM,eAAe,OAAO,EAAE,YAAwB;AAC/B,uBAAA;AAAA,MACf,IAAI,aAAa;AAAA,MACjB;AAAA,IAAA,CACH;AACiB,sBAAA;AAAA,EACtB;AAGI,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,QAAQ,aAAa;AAAA,MACrB,SAAS;AAAA,MACT,gBAAgB;AAAA,MAEhB,UAAA;AAAA,QAAA,oBAAC,QAAG,UAAW,cAAA,CAAA;AAAA,QACf,oBAAC,SAAI,WAAU,QACX,+BAAC,MAAK,EAAA,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,KAAK;AAAA,kBACxB,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,UACJ;AAAA,UACA,qBAAC,OAAI,EAAA,WAAU,0BACX,UAAA;AAAA,YAAA,oBAAC,QAAO,EAAA,MAAK,UAAS,SAAS,mBAAmB,UAElD,UAAA;AAAA,gCACC,QAAO,EAAA,SAAQ,SAAQ,MAAK,UAAS,UAEtC,SAAA,CAAA;AAAA,UAAA,EACJ,CAAA;AAAA,QAAA,EAAA,CACJ,EACJ,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACJ;AAER;"}
+{"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'\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,oBAAmB,EAAA,WAAU,gBAAgB,CAAA;AAAA,EACpD,OAAO,oBAAC,kBAAiB,EAAA,WAAU,mBAAmB,CAAA;AAAA,EACtD,SAAS,oBAAC,uBAAsB,EAAA,WAAU,iBAAiB,CAAA;AAAA,EAC3D,QAAQ,oBAAC,eAAc,EAAA,WAAU,kBAAkB,CAAA;AACvD;AAEA,MAAM,mBAIA;AAAA,EACF;AAAA,IACI,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,MAAM;AAAA,EACV;AAAA,EACA;AAAA,IACI,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,MAAM;AAAA,EACV;AAAA,EACA;AAAA,IACI,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,MAAM;AAAA,EACV;AAAA,EACA;AAAA,IACI,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,MAAM;AAAA,EAAA;AAEd;AAEA,MAAM,kBAAkB,MAAM;AACpB,QAAA,EAAE,WAAW,IAAI,YAAY;AAEnC,SACK,oBAAA,OAAA,EAAI,WAAU,sCACX,+BAAC,OACG,EAAA,UAAA;AAAA,IAAC,qBAAA,OAAA,EAAI,WAAU,sCACX,UAAA;AAAA,MAAC,oBAAA,QAAA,EAAK,WAAU,oGAAmG,UAEnH,gBAAA;AAAA,0BACC,MAAG,EAAA;AAAA,MACJ,oBAAC,UAAK,UAAyB,4BAAA,CAAA;AAAA,IAAA,GACnC;AAAA,wBACC,OAAI,EAAA,WAAU,8CACV,UAAiB,iBAAA,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,MAAG,EAAA,WAAU,eAAe,UAAA,WAAW,OAAM;AAAA,UAC7C,oBAAA,OAAA,EACG,UAAC,oBAAA,OAAA,EAAI,WAAU,0DACX,UAAA,oBAAC,QAAK,EAAA,WAAU,YACX,UAAgB,gBAAA,WAAW,IAAI,GACpC,GACJ,EACJ,CAAA;AAAA,QAAA;AAAA,MAAA;AAAA,MAZK,WAAW;AAAA,IAAA,CAcvB,EACL,CAAA;AAAA,EAAA,EAAA,CACJ,EACJ,CAAA;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'\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;AAClB,QAAA,YAAY,OAAwB,IAAI;AAExC,QAAA,EAAE,QAAQ,IAAI,cAAc;AAG9B,SAAA,oBAAA,UAAA,EACK,UAAQ,QAAA,MACJ,oBAAA,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,kBAAkB;AAAA,IAAA;AAAA,KAE5D,EAER,CAAA;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'\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;AAEvC,QAAA,EAAE,wBAAwB,IAAI,sBAAsB;AAE1D,WAAS,iBAAiB,GAAkC;AACzC,mBAAA,EAAE,OAAO,KAAK;AAAA,EAAA;AAG3B,QAAA,aAAa,YAAY,kBAAkB,GAAG;AAE9C,QAAA,oBAAoB,CAAC,MAAqC;AAC5D,eAAW,CAAC;AAAA,EAChB;AAEA,QAAM,gBAAgB,MAAM;AACxB,4BAAwB,EAAE;AAChB,cAAA;AAAA,EACd;AAGI,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,QAAQ;AAAA,QACJ,SACI,qBAAC,OAAI,EAAA,WAAU,gDACX,UAAA;AAAA,UAAC,oBAAA,UAAA,EAAS,WAAU,UAAU,CAAA;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,MACf;AAAA,MACA,WAAW,WAAW,kCAAkC,SAAS;AAAA,MACjE,WAAW,WAAW,gCAAgC,SAAS;AAAA,MAE/D,UAAA;AAAA,QAAC,oBAAA,aAAA,EAAY,WAAsB,QAAkB,CAAA;AAAA,QACpD,oBAAA,OAAA,EAAI,WAAU,aACX,UAAC,oBAAA,QAAA,EAAO,OAAK,MAAC,SAAQ,SAAQ,SAAS,eAAe,sBAEtD,EACJ,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACJ;AAER;"}
+{"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'\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;AACb,QAAA,YAAY,OAAqB,IAAI;AAC3C,QAAM,EAAE,sBAAsB,aAAa,UAAU,kBAAA,IACjD,sBAAsB;AACpB,QAAA,EAAE,WAAW,IAAI,YAAY;AAEnC,QAAM,iBAAiB,MAAM;AACrB,QAAA,UAAU,SAAS,kBAAkB;AAC/B,YAAA,gBAAgB,UAAU,QAAQ,iBAAiB;AACzD,UAAI,eAAe;AACf,sBAAc,YAAY,cAAc;AAAA,MAAA;AAAA,IAC5C;AAAA,EAER;AAEA,YAAU,MAAM;AACG,mBAAA;AAAA,EAAA,GAChB,CAAC,sBAAsB,WAAW,CAAC;AAEhC,QAAA,cAAc,QAAQ,MAAM;AAC9B,UAAM,OAAO,YAAY;AAAA,MACrB,CAACA,UAASA,MAAK,OAAO;AAAA,IAC1B;AACO,WAAA,MAAM,gBAAgB,CAAC;AAAA,EAAA,GAC/B,CAAC,sBAAsB,WAAW,CAAC;AAEtC,QAAM,oBAAoB,OAAO;AAAA,IAC7B;AAAA,EAAA,MAIE;AACF,UAAM,WAAW,KAAK;AAAA,EAC1B;AAEM,QAAA,eAAe,CAAC,OAAe;AACjC,sBAAkB,EAAE;AACL,mBAAA;AAAA,EACnB;AAEA,SACK,qBAAA,MAAA,EAAK,WAAU,iBAAgB,WAAU,UACtC,UAAA;AAAA,IAAA,oBAAC,eAAc,EAAA;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;AACrB,cAAA,QAAQ,OAAO,OAAO,MAAM;AAExB,mBAAA;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,YAC3C;AAAA,UAAA;AAIR,iBAAO,QAAQ;AAAA,QACnB;AAAA,QACA,cAAc,CAAC,YAAY;AACnB,cAAA,QAAQ,OAAO,OAAO,MAAM;AAExB,mBAAA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACG,SAAS,QAAQ;AAAA,cAAA;AAAA,YACrB;AAAA,UAAA;AAID,iBAAA;AAAA,QACX;AAAA,QACA,eAAe;AAAA,QAEd,UAAA,CAAC,wBAAwB,oBAAC,iBAAgB,CAAA,CAAA;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'\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;AAChB,QAAA;AAAA,IACF;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MACA,sBAAsB;AAEpB,QAAA,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,MACpB;AAAA,MACA,SAAS;AAAA,MACT,WAAW,MAAM,EAAE,OAAO;AAAA,MAC1B,MAAM;AAAA,MACN,aAAa;AAAA,IAAA,CAChB;AAAA,EACL;AAEA,QAAM,cAAc,OAChB,IACA,QACA,gBACC;AACK,UAAA,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,MACpB;AAAA,MACA,SAAS,KAAK,QAAQ,CAAC,EAAE,QAAQ,WAAW;AAAA,MAC5C,WAAW,MAAM,EAAE,OAAO;AAAA,MAC1B,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;AACpB,UAAA,YAAY,IAAI,QAAQ,WAAW;AAAA,EAC7C;AAEM,QAAA,aAAa,OAAO,QAAgB,gBAAyB;AAC/D,gBAAY,IAAI;AAChB,QAAI,sBAAsB;AACtB,qBAAe,sBAAsB,MAAM;AACrC,YAAA,YAAY,sBAAsB,MAAM;AAAA,IAAA,OAC3C;AACG,YAAA,QAAQ,SAAS,UAAU;AACjB,sBAAA;AAAA,QACZ,IAAI;AAAA,QACJ,OAAO;AAAA,QACP,kBAAkB;AAAA,QAClB,aAAa,MAAM,EAAE,KAAK;AAAA,QAC1B,aAAa,MAAM,EAAE,KAAK;AAAA,QAC1B,QAAQ;AAAA,MAAA,CACX;AACD,qBAAe,OAAO,MAAM;AACtB,YAAA,mBAAmB,OAAO,QAAQ,WAAW;AAAA,IAAA;AAAA,EAE3D;AAEO,SAAA;AAAA,IACH;AAAA,EACJ;AACJ;"}
+{"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'\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,CAAC;AAAA,EAC7B,aAAa,CAAC;AAAA,EACd,cAAc;AAAA,IACV,IAAI;AAAA,IACJ,OAAO;AAAA,IACP,MAAM;AAAA,EACV;AAAA,EACA,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,IAAI,EAAE,YAAY,IAAI,CAAC,SAAS;AAC5C,UAAA,KAAK,OAAO,QAAQ,IAAI;AACxB,aAAK,QAAQ,QAAQ;AAAA,MAAA;AAElB,aAAA;AAAA,IAAA,CACV;AACD,WAAO,EAAE,YAAY;AAAA,EAAA,CACxB;AAAA,EACL,iBAAiB,CAAC,YAAY,IAAI,OAAO,EAAE,cAAc,UAAU;AAAA,EACnE,+BAA+B,CAAC,YAC5B,IAAI,MAAM;AACF,QAAA,SAAS,MAAM;AAEf,QAAA,OAAO,SAAS,OAAO,GAAG;AAC1B,eAAS,OAAO,OAAO,CAAC,SAAS,SAAS,OAAO;AAAA,IAAA,OAC9C;AACH,aAAO,KAAK,OAAO;AAAA,IAAA;AAGhB,WAAA,EAAE,4BAA4B,OAAO;AAAA,EAAA,CAC/C;AAAA,EACL,iBAAiB,CAAC,YACd,IAAI,OAAO,EAAE,aAAa,CAAC,GAAG,CAAC,OAAO,GAAG,GAAG,IAAM,EAAA,WAAW,EAAI,EAAA;AAAA,EACrE,kBAAkB,CAAC,IAAI,iBACnB,IAAI,MAAM;AACN,UAAM,cAAc,IAAI,EAAE,YAAY,IAAI,CAAC,SAAS;AAC5C,UAAA,KAAK,OAAO,IAAI;AACZ,YAAA,CAAC,KAAK,cAAc;AACpB,eAAK,eAAe,CAAC;AAAA,QAAA;AAEpB,aAAA,cAAc,KAAK,YAAY;AAAA,MAAA;AAEjC,aAAA;AAAA,IAAA,CACV;AACD,WAAO,EAAE,YAAY;AAAA,EAAA,CACxB;AAAA,EACL,aAAa,CAAC,YAAY,IAAI,OAAO,EAAE,UAAU,UAAU;AAAA,EAC3D,mBAAmB,MACf,IAAI,MAAM;AACN,UAAM,cAAc,IAAI,EAAE,YAAY,IAAI,CAAC,SAAS;AAChD,UAAI,KAAK,OAAO,IAAI,EAAE,sBAAsB;AACnC,aAAA,eAAe,KAAK,cAAc;AAAA,UACnC,CAAC,iBAAiB;AACd,gBAAI,aAAa,OAAO;AACpB,2BAAa,QAAQ;AAAA,YAAA;AAElB,mBAAA;AAAA,UAAA;AAAA,QAEf;AAAA,MAAA;AAEG,aAAA;AAAA,IAAA,CACV;AACD,WAAO,EAAE,YAAY;AAAA,EACxB,CAAA;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 = (\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;AAEa,MAAA,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,IAAA;AAGJ;AAEA,WAAO,IAAI,CAAC;AAAA,EAAA;AAGT,SAAA,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'\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,SAEQ,qBAAA,UAAA,EAAA,UAAA;AAAA,IAAA,oBAAC,WAAU,EAAA;AAAA,wBACV,OAAI,EAAA,WAAU,QACX,UAAA,oBAAC,UAAQ,CAAA,GACb;AAAA,wBACC,aAAY,CAAA,CAAA;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'\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":";;;;;;AAkBM,MAAA,iBAAiB,CAAC,UAA+B;AACnD,QAAM,EAAE,OAAO,CAAA,GAAI,UAAU,MAAU,IAAA;AAEjC,QAAA,kBAAkB,QAAQ,MAAM;AAClC,WAAO,KAAK,KAAK,CAAC,SAAS,KAAK,UAAU,KAAK;AAAA,EAAA,GAChD,CAAC,MAAM,KAAK,CAAC;AAGZ,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,aACK,oBAAA,QAAA,EAAO,MAAK,MAAK,WAAU,QACxB,UAAA,qBAAC,OAAI,EAAA,WAAU,2BACV,UAAA;AAAA,QAAA,iBAAiB,UACb,oBAAA,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,QACV;AAAA,QAEH,iBAAiB;AAAA,MAAA,EAAA,CACtB,EACJ,CAAA;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,UACD,oBAAA,QAAA,EAAK,WAAU,WAAW,eAAK,MAAK;AAAA,YAExC,CAAC,KAAK,UAAU,KAAK,SAClB,oBAAC,QAAO,EAAA,KAAK,KAAK,OAAO,MAAM,IAAI,OAAM,QAAQ,CAAA;AAAA,YAErD,oBAAC,QAAM,EAAA,UAAA,KAAK,MAAM,CAAA;AAAA,UAAA;AAAA,QAAA;AAAA,QAXb,KAAK;AAAA,MAajB,CAAA;AAAA,IAAA;AAAA,EACL;AAER;"}
+{"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'\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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"}
+{"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'\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":";AAOM,MAAA,eAAe,CAAC,UAA6B;AACzC,QAAA,EAAE,aAAa,aAAA,IAAiB;AAGlC,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MAEG,WAAU;AAAA,MACV,SAAS,MAAM,aAAa,WAAW;AAAA,MAEvC,8BAAC,OAAI,EAAA,WAAU,qBAAoB,KAAK,YAAY,MAAO,CAAA;AAAA,IAAA;AAAA,IAJtD,YAAY;AAAA,EAKrB;AAER;"}
+{"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'\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,SAEQ,qBAAA,UAAA,EAAA,UAAA;AAAA,IAAA,oBAAC,iBAAgB,EAAA;AAAA,wBAChB,OAAI,EAAA,WAAU,QACX,UAAA,oBAAC,mBAAgB,EACrB,CAAA;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 = () => {\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,SACK,oBAAA,OAAA,EAAI,WAAU,qCACX,+BAAC,OACG,EAAA,UAAA;AAAA,IAAC,oBAAA,MAAA,EAAG,WAAU,QAAO,UAAkB,sBAAA;AAAA,IACvC,oBAAC,OAAE,UAIH,mIAAA,CAAA;AAAA,EAAA,EAAA,CACJ,EACJ,CAAA;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'\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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"}
+{"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":";;;;;;;;;;;;;;;;;;;AAoBA,MAAM,kBAAkB,MAAM;AAC1B,QAAM,CAAC,eAAe,gBAAgB,IAAI,SAAiB,CAAA,CAAE;AAE7D,QAAM;AAAA,IACF;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,IACA,uBAAA;AAEJ,QAAM,YAAY,OAA4B,IAAI;AAElD,QAAM,cAAc,MAAM;AACtB,yBAAA;AAAA,EACJ;AAEA,QAAM,iBAAiB,YAAY;AAC/B,UAAM,SAAS,UAAU,SAAS;AAElC,QAAI,CAAC,QAAQ;AACT,YAAM;AAAA,QACF,oBAAC,cAAA,EAAa,OAAO,uBAAuB,MAAK,UAAS;AAAA,QAC1D;AAAA,UACI,WAAW;AAAA,QAAA;AAAA,MACf;AAEJ,gBAAU,SAAS,MAAA;AAEnB;AAAA,IACJ;AACA,oBAAA;AACA,UAAM,OAAO,MAAM;AAAA,MACf,EAAE,OAAA;AAAA,IAAO;AAEb,QAAI,MAAM;AACN,wBAAkB,IAAI;AAAA,IAC1B;AACA,4BAAA;AAAA,EACJ;AAEA,QAAM,2BAA2B,CAAC,KAAqB,UAAkB;AACrE,uBAAmB,EAAE,KAAK,OAAO;AAAA,EACrC;AAEA,QAAM,eAAe,CAAC,UAA2B;AAC7C,QAAI,QAA0B;AAE9B,UAAM,kBAAkB,CAAC,cAAc,aAAa,YAAY;AAEhE,QAAI,OAAO;AACP,iBAAW,KAAK,OAAO;AACnB,YAAI,CAAC,gBAAgB,SAAS,EAAE,IAAI,GAAG;AACnC,kBAAQ;AAAA,QACZ;AAAA,MACJ;AAAA,IACJ;AAEA,WAAO;AAAA,EACX;AAEA,SACI,qBAAC,OAAA,EAAI,WAAU,gEACX,UAAA;AAAA,IAAA,qBAAC,OAAA,EAAI,WAAU,mBACV,UAAA;AAAA,MAAA,cAAc,SAAS,KACpB,qBAAC,OAAA,EAAI,WAAU,+CAEP,UAAA;AAAA,QAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,WAAU;AAAA,YACV,KAAK,IAAI,gBAAgB,cAAc,CAAC,CAAC;AAAA,UAAA;AAAA,QAAA;AAAA,QAGjD,oBAAC,OAAA,EAAI,WAAU,+JACX,UAAA,oBAAC,aAAA,EAAY,SAAS,MAAM,iBAAiB,CAAA,CAAE,EAAA,CAAG,EAAA,CACtD;AAAA,MAAA,GACJ;AAAA,MAEJ,qBAAC,OAAA,EAAI,WAAU,UACX,UAAA;AAAA,QAAA,oBAAC,OAAA,EAAI,WAAU,wCAAuC,UAAA,UAEtD;AAAA,QACA;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,KAAK;AAAA,YACL,WAAU;AAAA,YACV,aAAY;AAAA,UAAA;AAAA,QAAA;AAAA,MAChB,EAAA,CACJ;AAAA,IAAA,GACJ;AAAA,IACA,qBAAC,OAAA,EAAI,WAAU,mDACX,UAAA;AAAA,MAAA,qBAAC,OAAA,EAAI,WAAU,+BACX,UAAA;AAAA,QAAA,oBAAC,SAAA,EAAQ,OAAM,aACX,UAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,UAAU;AAAA,YACV;AAAA,YACA,aAAa;AAAA,YACb,UAAU;AAAA,YAEV,8BAAC,QAAA,EAAO,MAAK,MAAK,MAAM,oBAAC,WAAQ,EAAA,CAAI;AAAA,UAAA;AAAA,QAAA,GAE7C;AAAA,QACA;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,MAAM;AAAA,YACN,OAAO,gBAAgB;AAAA,YACvB,UAAU,CAAC,UACP,yBAAyB,eAAe,KAAK;AAAA,UAAA;AAAA,QAAA;AAAA,QAGrD;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,MAAM;AAAA,YACN,OAAO,gBAAgB;AAAA,YACvB,UAAU,CAAC,UACP,yBAAyB,SAAS,KAAK;AAAA,UAAA;AAAA,QAAA;AAAA,QAG/C;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,MAAM;AAAA,YACN,OAAO,gBAAgB;AAAA,YACvB,UAAU,CAAC,UACP,yBAAyB,QAAQ,KAAK;AAAA,UAAA;AAAA,QAAA;AAAA,QAG9C;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,MAAM;AAAA,YACN,OAAO,gBAAgB;AAAA,YACvB,UAAU,CAAC,UACP,yBAAyB,YAAY,KAAK;AAAA,UAAA;AAAA,QAAA;AAAA,QAGlD;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,MAAM;AAAA,YACN,OAAO,gBAAgB;AAAA,YACvB,UAAU,CAAC,UACP,yBAAyB,UAAU,KAAK;AAAA,UAAA;AAAA,QAAA;AAAA,MAEhD,GACJ;AAAA,MACA,qBAAC,OAAA,EAAI,WAAU,kDACX,UAAA;AAAA,QAAA,oBAAC,UAAO,MAAK,MAAK,OAAM,UAAS,SAAS,aAAa,UAAA,QAAA,CAEvD;AAAA,QACA;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,MAAK;AAAA,YACL,SAAQ;AAAA,YACR,OAAM;AAAA,YACN,SAAS;AAAA,YACT,SAAS;AAAA,YACZ,UAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MAED,EAAA,CACJ;AAAA,IAAA,EAAA,CACJ;AAAA,EAAA,GACJ;AAER;"}

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

@@ -1 +1 @@
-{"version":3,"file":"ImageDialog.js","sources":["../../../../../../../lib/@ecme/views/concepts/ai/Image/components/ImageDialog.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Button from '@/components/ui/Button'\nimport Dialog from '@/components/ui/Dialog'\nimport Tooltip from '@/components/ui/Tooltip'\nimport Tag from '@/components/ui/Tag'\nimport sleep from '@/utils/sleep'\nimport { useImageGeneratorStore } from '../store/imageGeneratorStore'\nimport {\n    TbDownload,\n    TbHeart,\n    TbHeartFilled,\n    TbAlertTriangle,\n} from 'react-icons/tb'\n\nconst ImageDialog = () => {\n    const { imageDialog, setImageDialog } = useImageGeneratorStore()\n\n    const [liked, setLiked] = useState(false)\n\n    const handleDialogClose = async () => {\n        setImageDialog({\n            open: false,\n            props: imageDialog.props,\n        })\n        await sleep(200)\n        setImageDialog({\n            open: false,\n            props: {},\n        })\n        setLiked(false)\n    }\n\n    const downloadFile = () => {\n        const fileSegment = imageDialog.props.image?.split('/') as string[]\n        const fileName = fileSegment[fileSegment?.length - 1]\n        const link = document.createElement('a')\n        link.href = imageDialog.props.image || ''\n        link.setAttribute('download', fileName)\n        document.body.appendChild(link)\n        link.click()\n        link.parentNode?.removeChild(link)\n    }\n\n    return (\n        <Dialog\n            isOpen={imageDialog.open}\n            width={900}\n            onClose={handleDialogClose}\n            onRequestClose={handleDialogClose}\n        >\n            <div className=\"flex flex-col md:flex-row gap-4\">\n                <div className=\"md:max-w-[400px]\">\n                    <img\n                        className=\"rounded-xl\"\n                        src={imageDialog.props.image}\n                        alt={imageDialog.props.prompt}\n                    />\n                </div>\n                <div className=\"flex flex-col justify-between flex-1 gap-4\">\n                    <div className=\"mt-2\">\n                        <h5 className=\"font-bold\">Prompt</h5>\n                        <p className=\"mt-4\">{imageDialog.props.prompt}</p>\n                        <div className=\"inline-flex gap-2 mt-6\">\n                            <Tag>Size: {imageDialog.props.size}</Tag>\n                            <Tag>Ratio: {imageDialog.props.ratio}</Tag>\n                            {imageDialog.props.type === 'existing' && (\n                                <Tag>{imageDialog.props.like || 0} Likes</Tag>\n                            )}\n                        </div>\n                    </div>\n                    <div className=\"flex justify-end gap-2\">\n                        <Tooltip title=\"Download\">\n                            <Button\n                                icon={<TbDownload />}\n                                shape=\"circle\"\n                                size=\"sm\"\n                                onClick={downloadFile}\n                            />\n                        </Tooltip>\n                        {imageDialog.props.type === 'existing' && (\n                            <Tooltip\n                                title={\n                                    <div className=\"w-12 text-center\">\n                                        {liked ? 'Dislike' : 'Like'}\n                                    </div>\n                                }\n                            >\n                                <Button\n                                    icon={\n                                        liked ? (\n                                            <TbHeartFilled className=\"text-pink-500\" />\n                                        ) : (\n                                            <TbHeart />\n                                        )\n                                    }\n                                    shape=\"circle\"\n                                    size=\"sm\"\n                                    onClick={() => setLiked(!liked)}\n                                />\n                            </Tooltip>\n                        )}\n                        <Tooltip title=\"Report\">\n                            <Button\n                                icon={<TbAlertTriangle />}\n                                shape=\"circle\"\n                                size=\"sm\"\n                            />\n                        </Tooltip>\n                    </div>\n                </div>\n            </div>\n        </Dialog>\n    )\n}\n\nexport default ImageDialog\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ImageDialog.js","sources":["../../../../../../../lib/@ecme/views/concepts/ai/Image/components/ImageDialog.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Button from '@/components/ui/Button'\nimport Dialog from '@/components/ui/Dialog'\nimport Tooltip from '@/components/ui/Tooltip'\nimport Tag from '@/components/ui/Tag'\nimport sleep from '@/utils/sleep'\nimport { useImageGeneratorStore } from '../store/imageGeneratorStore'\nimport {\n    TbDownload,\n    TbHeart,\n    TbHeartFilled,\n    TbAlertTriangle,\n} from 'react-icons/tb'\n\nconst ImageDialog = () => {\n    const { imageDialog, setImageDialog } = useImageGeneratorStore()\n\n    const [liked, setLiked] = useState(false)\n\n    const handleDialogClose = async () => {\n        setImageDialog({\n            open: false,\n            props: imageDialog.props,\n        })\n        await sleep(200)\n        setImageDialog({\n            open: false,\n            props: {},\n        })\n        setLiked(false)\n    }\n\n    const downloadFile = () => {\n        const fileSegment = imageDialog.props.image?.split('/') as string[]\n        const fileName = fileSegment[fileSegment?.length - 1]\n        const link = document.createElement('a')\n        link.href = imageDialog.props.image || ''\n        link.setAttribute('download', fileName)\n        document.body.appendChild(link)\n        link.click()\n        link.parentNode?.removeChild(link)\n    }\n\n    return (\n        <Dialog\n            isOpen={imageDialog.open}\n            width={900}\n            onClose={handleDialogClose}\n            onRequestClose={handleDialogClose}\n        >\n            <div className=\"flex flex-col md:flex-row gap-4\">\n                <div className=\"md:max-w-[400px]\">\n                    <img\n                        className=\"rounded-xl\"\n                        src={imageDialog.props.image}\n                        alt={imageDialog.props.prompt}\n                    />\n                </div>\n                <div className=\"flex flex-col justify-between flex-1 gap-4\">\n                    <div className=\"mt-2\">\n                        <h5 className=\"font-bold\">Prompt</h5>\n                        <p className=\"mt-4\">{imageDialog.props.prompt}</p>\n                        <div className=\"inline-flex gap-2 mt-6\">\n                            <Tag>Size: {imageDialog.props.size}</Tag>\n                            <Tag>Ratio: {imageDialog.props.ratio}</Tag>\n                            {imageDialog.props.type === 'existing' && (\n                                <Tag>{imageDialog.props.like || 0} Likes</Tag>\n                            )}\n                        </div>\n                    </div>\n                    <div className=\"flex justify-end gap-2\">\n                        <Tooltip title=\"Download\">\n                            <Button\n                                icon={<TbDownload />}\n                                shape=\"circle\"\n                                size=\"sm\"\n                                onClick={downloadFile}\n                            />\n                        </Tooltip>\n                        {imageDialog.props.type === 'existing' && (\n                            <Tooltip\n                                title={\n                                    <div className=\"w-12 text-center\">\n                                        {liked ? 'Dislike' : 'Like'}\n                                    </div>\n                                }\n                            >\n                                <Button\n                                    icon={\n                                        liked ? (\n                                            <TbHeartFilled className=\"text-pink-500\" />\n                                        ) : (\n                                            <TbHeart />\n                                        )\n                                    }\n                                    shape=\"circle\"\n                                    size=\"sm\"\n                                    onClick={() => setLiked(!liked)}\n                                />\n                            </Tooltip>\n                        )}\n                        <Tooltip title=\"Report\">\n                            <Button\n                                icon={<TbAlertTriangle />}\n                                shape=\"circle\"\n                                size=\"sm\"\n                            />\n                        </Tooltip>\n                    </div>\n                </div>\n            </div>\n        </Dialog>\n    )\n}\n\nexport default ImageDialog\n"],"names":[],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"imageGeneratorStore.js","sources":["../../../../../../../lib/@ecme/views/concepts/ai/Image/store/imageGeneratorStore.ts"],"sourcesContent":["import { create } from 'zustand'\nimport { Gallery, GelleryItem, ConfigsVariant, GeneratorConfigs } from '../type'\n\ntype ImageDialog = {\n    open: boolean\n    props: Partial<GelleryItem> & {\n        type?: 'generated' | 'existing'\n    }\n}\n\ntype ImageGeneratorState = {\n    isGeneratedImagesView: boolean\n    isGeneratingImage: boolean\n    generatedImage: Gallery\n    generatorConfig: GeneratorConfigs\n    imageDialog: ImageDialog\n}\n\ntype ImageGeneratorAction = {\n    setGeneratorConfig: (payload: {\n        key: ConfigsVariant\n        value: string\n    }) => void\n    resetGeneratorConfig: () => void\n    setImageDialog: (payload: ImageDialog) => void\n    onGenerateImage: () => void\n    onGenerateImageComplete: () => void\n    setGeneratedImage: (payload: Gallery) => void\n}\n\nconst defaultGeneratoConfig = {\n    aspectRatio: 'lanscape',\n    style: 'noStyle',\n    tone: 'noTone',\n    lighting: 'noLighting',\n    camera: 'noCamera',\n}\n\nconst initialState: ImageGeneratorState = {\n    isGeneratedImagesView: false,\n    isGeneratingImage: false,\n    generatedImage: [],\n    generatorConfig: { ...defaultGeneratoConfig },\n    imageDialog: {\n        open: false,\n        props: {},\n    },\n}\n\nexport const useImageGeneratorStore = create<\n    ImageGeneratorState & ImageGeneratorAction\n>((set, get) => ({\n    ...initialState,\n    setGeneratorConfig: ({ key, value }) =>\n        set(() => {\n            const generatorConfig = get().generatorConfig\n            generatorConfig[key] = value\n            return { generatorConfig }\n        }),\n    resetGeneratorConfig: () =>\n        set(() => ({ generatorConfig: { ...defaultGeneratoConfig } })),\n    setImageDialog: (payload) => set(() => ({ imageDialog: payload })),\n    onGenerateImage: () =>\n        set(() => ({\n            isGeneratedImagesView: true,\n            isGeneratingImage: true,\n        })),\n    onGenerateImageComplete: () =>\n        set(() => ({\n            isGeneratingImage: false,\n        })),\n    setGeneratedImage: (payload) =>\n        set(() => ({\n            generatedImage: payload,\n        })),\n}))\n"],"names":[],"mappings":";AA8BA,MAAM,wBAAwB;AAAA,EAC1B,aAAa;AAAA,EACb,OAAO;AAAA,EACP,MAAM;AAAA,EACN,UAAU;AAAA,EACV,QAAQ;AACZ;AAEA,MAAM,eAAoC;AAAA,EACtC,uBAAuB;AAAA,EACvB,mBAAmB;AAAA,EACnB,gBAAgB,CAAC;AAAA,EACjB,iBAAiB,EAAE,GAAG,sBAAsB;AAAA,EAC5C,aAAa;AAAA,IACT,MAAM;AAAA,IACN,OAAO,CAAA;AAAA,EAAC;AAEhB;AAEO,MAAM,yBAAyB,OAEpC,CAAC,KAAK,SAAS;AAAA,EACb,GAAG;AAAA,EACH,oBAAoB,CAAC,EAAE,KAAK,MAAM,MAC9B,IAAI,MAAM;AACA,UAAA,kBAAkB,MAAM;AAC9B,oBAAgB,GAAG,IAAI;AACvB,WAAO,EAAE,gBAAgB;AAAA,EAAA,CAC5B;AAAA,EACL,sBAAsB,MAClB,IAAI,OAAO,EAAE,iBAAiB,EAAE,GAAG,sBAAsB,EAAA,EAAI;AAAA,EACjE,gBAAgB,CAAC,YAAY,IAAI,OAAO,EAAE,aAAa,UAAU;AAAA,EACjE,iBAAiB,MACb,IAAI,OAAO;AAAA,IACP,uBAAuB;AAAA,IACvB,mBAAmB;AAAA,EAAA,EACrB;AAAA,EACN,yBAAyB,MACrB,IAAI,OAAO;AAAA,IACP,mBAAmB;AAAA,EAAA,EACrB;AAAA,EACN,mBAAmB,CAAC,YAChB,IAAI,OAAO;AAAA,IACP,gBAAgB;AAAA,EAAA,EAClB;AACV,EAAE;"}
+{"version":3,"file":"imageGeneratorStore.js","sources":["../../../../../../../lib/@ecme/views/concepts/ai/Image/store/imageGeneratorStore.ts"],"sourcesContent":["import { create } from 'zustand'\nimport { Gallery, GelleryItem, ConfigsVariant, GeneratorConfigs } from '../type'\n\ntype ImageDialog = {\n    open: boolean\n    props: Partial<GelleryItem> & {\n        type?: 'generated' | 'existing'\n    }\n}\n\ntype ImageGeneratorState = {\n    isGeneratedImagesView: boolean\n    isGeneratingImage: boolean\n    generatedImage: Gallery\n    generatorConfig: GeneratorConfigs\n    imageDialog: ImageDialog\n}\n\ntype ImageGeneratorAction = {\n    setGeneratorConfig: (payload: {\n        key: ConfigsVariant\n        value: string\n    }) => void\n    resetGeneratorConfig: () => void\n    setImageDialog: (payload: ImageDialog) => void\n    onGenerateImage: () => void\n    onGenerateImageComplete: () => void\n    setGeneratedImage: (payload: Gallery) => void\n}\n\nconst defaultGeneratoConfig = {\n    aspectRatio: 'lanscape',\n    style: 'noStyle',\n    tone: 'noTone',\n    lighting: 'noLighting',\n    camera: 'noCamera',\n}\n\nconst initialState: ImageGeneratorState = {\n    isGeneratedImagesView: false,\n    isGeneratingImage: false,\n    generatedImage: [],\n    generatorConfig: { ...defaultGeneratoConfig },\n    imageDialog: {\n        open: false,\n        props: {},\n    },\n}\n\nexport const useImageGeneratorStore = create<\n    ImageGeneratorState & ImageGeneratorAction\n>((set, get) => ({\n    ...initialState,\n    setGeneratorConfig: ({ key, value }) =>\n        set(() => {\n            const generatorConfig = get().generatorConfig\n            generatorConfig[key] = value\n            return { generatorConfig }\n        }),\n    resetGeneratorConfig: () =>\n        set(() => ({ generatorConfig: { ...defaultGeneratoConfig } })),\n    setImageDialog: (payload) => set(() => ({ imageDialog: payload })),\n    onGenerateImage: () =>\n        set(() => ({\n            isGeneratedImagesView: true,\n            isGeneratingImage: true,\n        })),\n    onGenerateImageComplete: () =>\n        set(() => ({\n            isGeneratingImage: false,\n        })),\n    setGeneratedImage: (payload) =>\n        set(() => ({\n            generatedImage: payload,\n        })),\n}))\n"],"names":[],"mappings":";AA8BA,MAAM,wBAAwB;AAAA,EAC1B,aAAa;AAAA,EACb,OAAO;AAAA,EACP,MAAM;AAAA,EACN,UAAU;AAAA,EACV,QAAQ;AACZ;AAEA,MAAM,eAAoC;AAAA,EACtC,uBAAuB;AAAA,EACvB,mBAAmB;AAAA,EACnB,gBAAgB,CAAA;AAAA,EAChB,iBAAiB,EAAE,GAAG,sBAAA;AAAA,EACtB,aAAa;AAAA,IACT,MAAM;AAAA,IACN,OAAO,CAAA;AAAA,EAAC;AAEhB;AAEO,MAAM,yBAAyB,OAEpC,CAAC,KAAK,SAAS;AAAA,EACb,GAAG;AAAA,EACH,oBAAoB,CAAC,EAAE,KAAK,MAAA,MACxB,IAAI,MAAM;AACN,UAAM,kBAAkB,MAAM;AAC9B,oBAAgB,GAAG,IAAI;AACvB,WAAO,EAAE,gBAAA;AAAA,EACb,CAAC;AAAA,EACL,sBAAsB,MAClB,IAAI,OAAO,EAAE,iBAAiB,EAAE,GAAG,sBAAA,EAAsB,EAAI;AAAA,EACjE,gBAAgB,CAAC,YAAY,IAAI,OAAO,EAAE,aAAa,UAAU;AAAA,EACjE,iBAAiB,MACb,IAAI,OAAO;AAAA,IACP,uBAAuB;AAAA,IACvB,mBAAmB;AAAA,EAAA,EACrB;AAAA,EACN,yBAAyB,MACrB,IAAI,OAAO;AAAA,IACP,mBAAmB;AAAA,EAAA,EACrB;AAAA,EACN,mBAAmB,CAAC,YAChB,IAAI,OAAO;AAAA,IACP,gBAAgB;AAAA,EAAA,EAClB;AACV,EAAE;"}

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

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sources":["../../../../../../lib/@ecme/views/concepts/ai/Image/utils.tsx"],"sourcesContent":["import {\n    LuSquare,\n    LuRectangleHorizontal,\n    LuRectangleVertical,\n} from 'react-icons/lu'\nimport { TbRectangle, TbBan } from 'react-icons/tb'\n\nexport const aspectRatioOptions = [\n    {\n        label: 'Lanscape (4:3)',\n        value: 'lanscape',\n        icon: <TbRectangle />,\n        isIcon: true,\n    },\n    {\n        label: 'Portrait (9:16)',\n        value: 'portrait',\n        icon: <LuRectangleVertical />,\n        isIcon: true,\n    },\n    {\n        label: 'Square (1:1)',\n        value: 'square',\n        icon: <LuSquare />,\n        isIcon: true,\n    },\n    {\n        label: 'Widescreen (16:9)',\n        value: 'widescreen',\n        icon: <LuRectangleHorizontal />,\n        isIcon: true,\n    },\n]\n\nexport const styleOptions = [\n    { label: 'No style', value: 'noStyle', icon: <TbBan />, isIcon: true },\n    { label: '3D', value: 'd3', image: '/img/thumbs/styles/3d.jpg' },\n    { label: 'Anime', value: 'anime', image: '/img/thumbs/styles/anime.jpg' },\n    {\n        label: 'Digital Art',\n        value: 'digitalArt',\n        image: '/img/thumbs/styles/digital-art.jpg',\n    },\n    {\n        label: 'Fantasy',\n        value: 'fantasy',\n        image: '/img/thumbs/styles/fantasy.jpg',\n    },\n    {\n        label: 'Futuristic',\n        value: 'futuristic',\n        image: '/img/thumbs/styles/futuristic.jpg',\n    },\n    {\n        label: 'Geometric',\n        value: 'geometric',\n        image: '/img/thumbs/styles/geometric.jpg',\n    },\n    {\n        label: 'Minimalist',\n        value: 'minimalist',\n        image: '/img/thumbs/styles/minimalist.jpg',\n    },\n    {\n        label: 'Painting',\n        value: 'painting',\n        image: '/img/thumbs/styles/painting.jpg',\n    },\n    {\n        label: 'Pencil Drawing',\n        value: 'pencilDrawing',\n        image: '/img/thumbs/styles/pencil-drawing.jpg',\n    },\n    { label: 'Pixel', value: 'pixel', image: '/img/thumbs/styles/pixel.jpg' },\n]\n\nexport const toneOptions = [\n    { label: 'No tone', value: 'noTone', icon: <TbBan />, isIcon: true },\n    {\n        label: 'Black & White',\n        value: 'blackAndWhite',\n        image: '/img/thumbs/tone/black-and-white.jpg',\n    },\n    {\n        label: 'Cool Tone',\n        value: 'coolTone',\n        image: '/img/thumbs/tone/cool-tone.jpg',\n    },\n    { label: 'Golden', value: 'golden', image: '/img/thumbs/tone/golden.jpg' },\n    {\n        label: 'Muted Color',\n        value: 'mutedColor',\n        image: '/img/thumbs/tone/muted-color.jpg',\n    },\n    { label: 'Pastel', value: 'pastel', image: '/img/thumbs/tone/pastel.jpg' },\n    {\n        label: 'Warm Tone',\n        value: 'warmTone',\n        image: '/img/thumbs/tone/warm-tone.jpg',\n    },\n]\n\nexport const lightingOptions = [\n    {\n        label: 'No lighting',\n        value: 'noLighting',\n        icon: <TbBan />,\n        isIcon: true,\n    },\n    {\n        label: 'Back Lighting',\n        value: 'backLighting',\n        image: '/img/thumbs/lighting/back-lighting.jpg',\n    },\n    {\n        label: 'dramatic',\n        value: 'dramatic',\n        image: '/img/thumbs/lighting/dramatic.jpg',\n    },\n    {\n        label: 'Golden Hour',\n        value: 'goldenHour',\n        image: '/img/thumbs/lighting/golden-hour.jpg',\n    },\n    { label: 'Harsh', value: 'harsh', image: '/img/thumbs/lighting/harsh.jpg' },\n    {\n        label: 'Long Expose',\n        value: 'longExpose',\n        image: '/img/thumbs/lighting/long-expose.jpg',\n    },\n    {\n        label: 'Low Light',\n        value: 'lowLight',\n        image: '/img/thumbs/lighting/low-light.jpg',\n    },\n    {\n        label: 'Multi Expose',\n        value: 'multiExpose',\n        image: '/img/thumbs/lighting/multi-expose.jpg',\n    },\n    {\n        label: 'Studio',\n        value: 'studio',\n        image: '/img/thumbs/lighting/studio.jpg',\n    },\n    {\n        label: 'Sunreal',\n        value: 'sunreal',\n        image: '/img/thumbs/lighting/sunreal.jpg',\n    },\n]\n\nexport const cameraOptions = [\n    { label: 'No camera', value: 'noCamera', icon: <TbBan />, isIcon: true },\n    {\n        label: 'Close Up',\n        value: 'closeUp',\n        image: '/img/thumbs/camera/close-up.jpg',\n    },\n    {\n        label: 'Detailed',\n        value: 'detailed',\n        image: '/img/thumbs/camera/detailed.jpg',\n    },\n    {\n        label: 'Landscape',\n        value: 'landscape',\n        image: '/img/thumbs/camera/landscape.jpg',\n    },\n    {\n        label: 'Shot From Above',\n        value: 'shotFromAbove',\n        image: '/img/thumbs/camera/shot-from-above.jpg',\n    },\n    {\n        label: 'Shot From Below',\n        value: 'shotFromBelow',\n        image: '/img/thumbs/camera/shot-from-below.jpg',\n    },\n    {\n        label: 'Through Window',\n        value: 'throughWindow',\n        image: '/img/thumbs/camera/through-window.jpg',\n    },\n    {\n        label: 'Wide Angle',\n        value: 'wideAngle',\n        image: '/img/thumbs/camera/wide-angle.jpg',\n    },\n]\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"utils.js","sources":["../../../../../../lib/@ecme/views/concepts/ai/Image/utils.tsx"],"sourcesContent":["import {\n    LuSquare,\n    LuRectangleHorizontal,\n    LuRectangleVertical,\n} from 'react-icons/lu'\nimport { TbRectangle, TbBan } from 'react-icons/tb'\n\nexport const aspectRatioOptions = [\n    {\n        label: 'Lanscape (4:3)',\n        value: 'lanscape',\n        icon: <TbRectangle />,\n        isIcon: true,\n    },\n    {\n        label: 'Portrait (9:16)',\n        value: 'portrait',\n        icon: <LuRectangleVertical />,\n        isIcon: true,\n    },\n    {\n        label: 'Square (1:1)',\n        value: 'square',\n        icon: <LuSquare />,\n        isIcon: true,\n    },\n    {\n        label: 'Widescreen (16:9)',\n        value: 'widescreen',\n        icon: <LuRectangleHorizontal />,\n        isIcon: true,\n    },\n]\n\nexport const styleOptions = [\n    { label: 'No style', value: 'noStyle', icon: <TbBan />, isIcon: true },\n    { label: '3D', value: 'd3', image: '/img/thumbs/styles/3d.jpg' },\n    { label: 'Anime', value: 'anime', image: '/img/thumbs/styles/anime.jpg' },\n    {\n        label: 'Digital Art',\n        value: 'digitalArt',\n        image: '/img/thumbs/styles/digital-art.jpg',\n    },\n    {\n        label: 'Fantasy',\n        value: 'fantasy',\n        image: '/img/thumbs/styles/fantasy.jpg',\n    },\n    {\n        label: 'Futuristic',\n        value: 'futuristic',\n        image: '/img/thumbs/styles/futuristic.jpg',\n    },\n    {\n        label: 'Geometric',\n        value: 'geometric',\n        image: '/img/thumbs/styles/geometric.jpg',\n    },\n    {\n        label: 'Minimalist',\n        value: 'minimalist',\n        image: '/img/thumbs/styles/minimalist.jpg',\n    },\n    {\n        label: 'Painting',\n        value: 'painting',\n        image: '/img/thumbs/styles/painting.jpg',\n    },\n    {\n        label: 'Pencil Drawing',\n        value: 'pencilDrawing',\n        image: '/img/thumbs/styles/pencil-drawing.jpg',\n    },\n    { label: 'Pixel', value: 'pixel', image: '/img/thumbs/styles/pixel.jpg' },\n]\n\nexport const toneOptions = [\n    { label: 'No tone', value: 'noTone', icon: <TbBan />, isIcon: true },\n    {\n        label: 'Black & White',\n        value: 'blackAndWhite',\n        image: '/img/thumbs/tone/black-and-white.jpg',\n    },\n    {\n        label: 'Cool Tone',\n        value: 'coolTone',\n        image: '/img/thumbs/tone/cool-tone.jpg',\n    },\n    { label: 'Golden', value: 'golden', image: '/img/thumbs/tone/golden.jpg' },\n    {\n        label: 'Muted Color',\n        value: 'mutedColor',\n        image: '/img/thumbs/tone/muted-color.jpg',\n    },\n    { label: 'Pastel', value: 'pastel', image: '/img/thumbs/tone/pastel.jpg' },\n    {\n        label: 'Warm Tone',\n        value: 'warmTone',\n        image: '/img/thumbs/tone/warm-tone.jpg',\n    },\n]\n\nexport const lightingOptions = [\n    {\n        label: 'No lighting',\n        value: 'noLighting',\n        icon: <TbBan />,\n        isIcon: true,\n    },\n    {\n        label: 'Back Lighting',\n        value: 'backLighting',\n        image: '/img/thumbs/lighting/back-lighting.jpg',\n    },\n    {\n        label: 'dramatic',\n        value: 'dramatic',\n        image: '/img/thumbs/lighting/dramatic.jpg',\n    },\n    {\n        label: 'Golden Hour',\n        value: 'goldenHour',\n        image: '/img/thumbs/lighting/golden-hour.jpg',\n    },\n    { label: 'Harsh', value: 'harsh', image: '/img/thumbs/lighting/harsh.jpg' },\n    {\n        label: 'Long Expose',\n        value: 'longExpose',\n        image: '/img/thumbs/lighting/long-expose.jpg',\n    },\n    {\n        label: 'Low Light',\n        value: 'lowLight',\n        image: '/img/thumbs/lighting/low-light.jpg',\n    },\n    {\n        label: 'Multi Expose',\n        value: 'multiExpose',\n        image: '/img/thumbs/lighting/multi-expose.jpg',\n    },\n    {\n        label: 'Studio',\n        value: 'studio',\n        image: '/img/thumbs/lighting/studio.jpg',\n    },\n    {\n        label: 'Sunreal',\n        value: 'sunreal',\n        image: '/img/thumbs/lighting/sunreal.jpg',\n    },\n]\n\nexport const cameraOptions = [\n    { label: 'No camera', value: 'noCamera', icon: <TbBan />, isIcon: true },\n    {\n        label: 'Close Up',\n        value: 'closeUp',\n        image: '/img/thumbs/camera/close-up.jpg',\n    },\n    {\n        label: 'Detailed',\n        value: 'detailed',\n        image: '/img/thumbs/camera/detailed.jpg',\n    },\n    {\n        label: 'Landscape',\n        value: 'landscape',\n        image: '/img/thumbs/camera/landscape.jpg',\n    },\n    {\n        label: 'Shot From Above',\n        value: 'shotFromAbove',\n        image: '/img/thumbs/camera/shot-from-above.jpg',\n    },\n    {\n        label: 'Shot From Below',\n        value: 'shotFromBelow',\n        image: '/img/thumbs/camera/shot-from-below.jpg',\n    },\n    {\n        label: 'Through Window',\n        value: 'throughWindow',\n        image: '/img/thumbs/camera/through-window.jpg',\n    },\n    {\n        label: 'Wide Angle',\n        value: 'wideAngle',\n        image: '/img/thumbs/camera/wide-angle.jpg',\n    },\n]\n"],"names":[],"mappings":"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"}

package/dist/@ecme/views/concepts/calendar/Calendar/Calendar.js.map

@@ -1 +1 @@
-{"version":3,"file":"Calendar.js","sources":["../../../../../../lib/@ecme/views/concepts/calendar/Calendar/Calendar.tsx"],"sourcesContent":["import { useState } from 'react'\nimport CalendarView from '@/components/shared/CalendarView'\nimport Container from '@/components/shared/Container'\nimport EventDialog from './components/EventDialog'\nimport { apiGetCalendar } from '@/services/CalendarService'\nimport cloneDeep from 'lodash/cloneDeep'\nimport dayjs from 'dayjs'\nimport useSWR from 'swr'\nimport type {\n    GetCalendarResponse,\n    SelectedCell,\n    CalendarEventParam,\n} from './types'\nimport type {\n    EventDropArg,\n    EventClickArg,\n    DateSelectArg,\n} from '@fullcalendar/core'\n\nconst Calendar = () => {\n    const [dialogOpen, setDialogOpen] = useState(false)\n\n    const [selectedCell, setSelectedCell] = useState<SelectedCell>({\n        type: '',\n    })\n\n    const { data: events, mutate } = useSWR(\n        '/api/calendar',\n        () => apiGetCalendar<GetCalendarResponse>(),\n        {\n            revalidateOnFocus: false,\n            revalidateIfStale: false,\n            revalidateOnReconnect: false,\n        },\n    )\n\n    const handleCellSelect = (event: DateSelectArg) => {\n        const { start, end } = event\n        setSelectedCell({\n            type: 'NEW',\n            start: dayjs(start).format(),\n            end: dayjs(end).format(),\n        })\n        setDialogOpen(true)\n    }\n\n    const handleEventClick = (arg: EventClickArg) => {\n        const { start, end, id, title, extendedProps } = arg.event\n\n        setSelectedCell({\n            type: 'EDIT',\n            eventColor: extendedProps.eventColor,\n            title,\n            start: start ? dayjs(start).toISOString() : undefined,\n            end: end ? dayjs(end).toISOString() : undefined,\n            id,\n        })\n        setDialogOpen(true)\n    }\n\n    const handleEventChange = (arg: EventDropArg) => {\n        const newEvents = cloneDeep(events)?.map((event) => {\n            if (arg.event.id === event.id) {\n                const { id, extendedProps, start, end, title } = arg.event\n                event = {\n                    id,\n                    start: dayjs(start).format(),\n                    end: dayjs(end).format(),\n                    title,\n                    eventColor: extendedProps.eventColor,\n                }\n            }\n            return event\n        })\n        mutate(newEvents, false)\n    }\n\n    const handleSubmit = (data: CalendarEventParam, type: string) => {\n        let newEvents = cloneDeep(events)\n        if (type === 'NEW') {\n            newEvents?.push(data)\n        }\n\n        if (type === 'EDIT') {\n            newEvents = newEvents?.map((event) => {\n                if (data.id === event.id) {\n                    event = data\n                }\n                return event\n            })\n        }\n        mutate(newEvents, false)\n    }\n\n    return (\n        <Container className=\"h-full\">\n            <CalendarView\n                editable\n                selectable\n                events={events}\n                eventClick={handleEventClick}\n                select={handleCellSelect}\n                eventDrop={handleEventChange}\n            />\n            <EventDialog\n                open={dialogOpen}\n                selected={selectedCell}\n                submit={handleSubmit}\n                onDialogOpen={setDialogOpen}\n            />\n        </Container>\n    )\n}\n\nexport default Calendar\n"],"names":[],"mappings":";;;;;;;;;AAmBA,MAAM,WAAW,MAAM;AACnB,QAAM,CAAC,YAAY,aAAa,IAAI,SAAS,KAAK;AAElD,QAAM,CAAC,cAAc,eAAe,IAAI,SAAuB;AAAA,IAC3D,MAAM;AAAA,EAAA,CACT;AAED,QAAM,EAAE,MAAM,QAAQ,OAAW,IAAA;AAAA,IAC7B;AAAA,IACA,MAAM,eAAoC;AAAA,IAC1C;AAAA,MACI,mBAAmB;AAAA,MACnB,mBAAmB;AAAA,MACnB,uBAAuB;AAAA,IAAA;AAAA,EAE/B;AAEM,QAAA,mBAAmB,CAAC,UAAyB;AACzC,UAAA,EAAE,OAAO,IAAA,IAAQ;AACP,oBAAA;AAAA,MACZ,MAAM;AAAA,MACN,OAAO,MAAM,KAAK,EAAE,OAAO;AAAA,MAC3B,KAAK,MAAM,GAAG,EAAE,OAAO;AAAA,IAAA,CAC1B;AACD,kBAAc,IAAI;AAAA,EACtB;AAEM,QAAA,mBAAmB,CAAC,QAAuB;AAC7C,UAAM,EAAE,OAAO,KAAK,IAAI,OAAO,cAAA,IAAkB,IAAI;AAErC,oBAAA;AAAA,MACZ,MAAM;AAAA,MACN,YAAY,cAAc;AAAA,MAC1B;AAAA,MACA,OAAO,QAAQ,MAAM,KAAK,EAAE,YAAgB,IAAA;AAAA,MAC5C,KAAK,MAAM,MAAM,GAAG,EAAE,YAAgB,IAAA;AAAA,MACtC;AAAA,IAAA,CACH;AACD,kBAAc,IAAI;AAAA,EACtB;AAEM,QAAA,oBAAoB,CAAC,QAAsB;AAC7C,UAAM,YAAY,UAAU,MAAM,GAAG,IAAI,CAAC,UAAU;AAChD,UAAI,IAAI,MAAM,OAAO,MAAM,IAAI;AAC3B,cAAM,EAAE,IAAI,eAAe,OAAO,KAAK,MAAA,IAAU,IAAI;AAC7C,gBAAA;AAAA,UACJ;AAAA,UACA,OAAO,MAAM,KAAK,EAAE,OAAO;AAAA,UAC3B,KAAK,MAAM,GAAG,EAAE,OAAO;AAAA,UACvB;AAAA,UACA,YAAY,cAAc;AAAA,QAC9B;AAAA,MAAA;AAEG,aAAA;AAAA,IAAA,CACV;AACD,WAAO,WAAW,KAAK;AAAA,EAC3B;AAEM,QAAA,eAAe,CAAC,MAA0B,SAAiB;AACzD,QAAA,YAAY,UAAU,MAAM;AAChC,QAAI,SAAS,OAAO;AAChB,iBAAW,KAAK,IAAI;AAAA,IAAA;AAGxB,QAAI,SAAS,QAAQ;AACL,kBAAA,WAAW,IAAI,CAAC,UAAU;AAC9B,YAAA,KAAK,OAAO,MAAM,IAAI;AACd,kBAAA;AAAA,QAAA;AAEL,eAAA;AAAA,MAAA,CACV;AAAA,IAAA;AAEL,WAAO,WAAW,KAAK;AAAA,EAC3B;AAGI,SAAA,qBAAC,WAAU,EAAA,WAAU,UACjB,UAAA;AAAA,IAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,UAAQ;AAAA,QACR,YAAU;AAAA,QACV;AAAA,QACA,YAAY;AAAA,QACZ,QAAQ;AAAA,QACR,WAAW;AAAA,MAAA;AAAA,IACf;AAAA,IACA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,MAAM;AAAA,QACN,UAAU;AAAA,QACV,QAAQ;AAAA,QACR,cAAc;AAAA,MAAA;AAAA,IAAA;AAAA,EAClB,GACJ;AAER;"}
+{"version":3,"file":"Calendar.js","sources":["../../../../../../lib/@ecme/views/concepts/calendar/Calendar/Calendar.tsx"],"sourcesContent":["import { useState } from 'react'\nimport CalendarView from '@/components/shared/CalendarView'\nimport Container from '@/components/shared/Container'\nimport EventDialog from './components/EventDialog'\nimport { apiGetCalendar } from '@/services/CalendarService'\nimport cloneDeep from 'lodash/cloneDeep'\nimport dayjs from 'dayjs'\nimport useSWR from 'swr'\nimport type {\n    GetCalendarResponse,\n    SelectedCell,\n    CalendarEventParam,\n} from './types'\nimport type {\n    EventDropArg,\n    EventClickArg,\n    DateSelectArg,\n} from '@fullcalendar/core'\n\nconst Calendar = () => {\n    const [dialogOpen, setDialogOpen] = useState(false)\n\n    const [selectedCell, setSelectedCell] = useState<SelectedCell>({\n        type: '',\n    })\n\n    const { data: events, mutate } = useSWR(\n        '/api/calendar',\n        () => apiGetCalendar<GetCalendarResponse>(),\n        {\n            revalidateOnFocus: false,\n            revalidateIfStale: false,\n            revalidateOnReconnect: false,\n        },\n    )\n\n    const handleCellSelect = (event: DateSelectArg) => {\n        const { start, end } = event\n        setSelectedCell({\n            type: 'NEW',\n            start: dayjs(start).format(),\n            end: dayjs(end).format(),\n        })\n        setDialogOpen(true)\n    }\n\n    const handleEventClick = (arg: EventClickArg) => {\n        const { start, end, id, title, extendedProps } = arg.event\n\n        setSelectedCell({\n            type: 'EDIT',\n            eventColor: extendedProps.eventColor,\n            title,\n            start: start ? dayjs(start).toISOString() : undefined,\n            end: end ? dayjs(end).toISOString() : undefined,\n            id,\n        })\n        setDialogOpen(true)\n    }\n\n    const handleEventChange = (arg: EventDropArg) => {\n        const newEvents = cloneDeep(events)?.map((event) => {\n            if (arg.event.id === event.id) {\n                const { id, extendedProps, start, end, title } = arg.event\n                event = {\n                    id,\n                    start: dayjs(start).format(),\n                    end: dayjs(end).format(),\n                    title,\n                    eventColor: extendedProps.eventColor,\n                }\n            }\n            return event\n        })\n        mutate(newEvents, false)\n    }\n\n    const handleSubmit = (data: CalendarEventParam, type: string) => {\n        let newEvents = cloneDeep(events)\n        if (type === 'NEW') {\n            newEvents?.push(data)\n        }\n\n        if (type === 'EDIT') {\n            newEvents = newEvents?.map((event) => {\n                if (data.id === event.id) {\n                    event = data\n                }\n                return event\n            })\n        }\n        mutate(newEvents, false)\n    }\n\n    return (\n        <Container className=\"h-full\">\n            <CalendarView\n                editable\n                selectable\n                events={events}\n                eventClick={handleEventClick}\n                select={handleCellSelect}\n                eventDrop={handleEventChange}\n            />\n            <EventDialog\n                open={dialogOpen}\n                selected={selectedCell}\n                submit={handleSubmit}\n                onDialogOpen={setDialogOpen}\n            />\n        </Container>\n    )\n}\n\nexport default Calendar\n"],"names":[],"mappings":";;;;;;;;;AAmBA,MAAM,WAAW,MAAM;AACnB,QAAM,CAAC,YAAY,aAAa,IAAI,SAAS,KAAK;AAElD,QAAM,CAAC,cAAc,eAAe,IAAI,SAAuB;AAAA,IAC3D,MAAM;AAAA,EAAA,CACT;AAED,QAAM,EAAE,MAAM,QAAQ,OAAA,IAAW;AAAA,IAC7B;AAAA,IACA,MAAM,eAAA;AAAA,IACN;AAAA,MACI,mBAAmB;AAAA,MACnB,mBAAmB;AAAA,MACnB,uBAAuB;AAAA,IAAA;AAAA,EAC3B;AAGJ,QAAM,mBAAmB,CAAC,UAAyB;AAC/C,UAAM,EAAE,OAAO,IAAA,IAAQ;AACvB,oBAAgB;AAAA,MACZ,MAAM;AAAA,MACN,OAAO,MAAM,KAAK,EAAE,OAAA;AAAA,MACpB,KAAK,MAAM,GAAG,EAAE,OAAA;AAAA,IAAO,CAC1B;AACD,kBAAc,IAAI;AAAA,EACtB;AAEA,QAAM,mBAAmB,CAAC,QAAuB;AAC7C,UAAM,EAAE,OAAO,KAAK,IAAI,OAAO,cAAA,IAAkB,IAAI;AAErD,oBAAgB;AAAA,MACZ,MAAM;AAAA,MACN,YAAY,cAAc;AAAA,MAC1B;AAAA,MACA,OAAO,QAAQ,MAAM,KAAK,EAAE,gBAAgB;AAAA,MAC5C,KAAK,MAAM,MAAM,GAAG,EAAE,gBAAgB;AAAA,MACtC;AAAA,IAAA,CACH;AACD,kBAAc,IAAI;AAAA,EACtB;AAEA,QAAM,oBAAoB,CAAC,QAAsB;AAC7C,UAAM,YAAY,UAAU,MAAM,GAAG,IAAI,CAAC,UAAU;AAChD,UAAI,IAAI,MAAM,OAAO,MAAM,IAAI;AAC3B,cAAM,EAAE,IAAI,eAAe,OAAO,KAAK,MAAA,IAAU,IAAI;AACrD,gBAAQ;AAAA,UACJ;AAAA,UACA,OAAO,MAAM,KAAK,EAAE,OAAA;AAAA,UACpB,KAAK,MAAM,GAAG,EAAE,OAAA;AAAA,UAChB;AAAA,UACA,YAAY,cAAc;AAAA,QAAA;AAAA,MAElC;AACA,aAAO;AAAA,IACX,CAAC;AACD,WAAO,WAAW,KAAK;AAAA,EAC3B;AAEA,QAAM,eAAe,CAAC,MAA0B,SAAiB;AAC7D,QAAI,YAAY,UAAU,MAAM;AAChC,QAAI,SAAS,OAAO;AAChB,iBAAW,KAAK,IAAI;AAAA,IACxB;AAEA,QAAI,SAAS,QAAQ;AACjB,kBAAY,WAAW,IAAI,CAAC,UAAU;AAClC,YAAI,KAAK,OAAO,MAAM,IAAI;AACtB,kBAAQ;AAAA,QACZ;AACA,eAAO;AAAA,MACX,CAAC;AAAA,IACL;AACA,WAAO,WAAW,KAAK;AAAA,EAC3B;AAEA,SACI,qBAAC,WAAA,EAAU,WAAU,UACjB,UAAA;AAAA,IAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,UAAQ;AAAA,QACR,YAAU;AAAA,QACV;AAAA,QACA,YAAY;AAAA,QACZ,QAAQ;AAAA,QACR,WAAW;AAAA,MAAA;AAAA,IAAA;AAAA,IAEf;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,MAAM;AAAA,QACN,UAAU;AAAA,QACV,QAAQ;AAAA,QACR,cAAc;AAAA,MAAA;AAAA,IAAA;AAAA,EAClB,GACJ;AAER;"}