@orbe-agro/client-core 5.3.147 → 5.3.157

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

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

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

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"ChatMobileNav.js","sources":["../../../../../../../lib/@ecme/views/concepts/ai/Chat/components/ChatMobileNav.tsx"],"sourcesContent":["import { useRef } from 'react'\nimport ToggleDrawer from '@/components/shared/ToggleDrawer'\nimport ChatSideNav from './ChatSideNav'\nimport useResponsive from '@/utils/hooks/useResponsive'\nimport type { ToggleDrawerRef } from '@/components/shared/ToggleDrawer'\n\nconst ChatMobileNav = () => {\n    const drawerRef = useRef<ToggleDrawerRef>(null)\n\n    const { smaller } = useResponsive()\n\n    return (\n        <>\n            {smaller.xl && (\n                <ToggleDrawer ref={drawerRef} bodyClass=\"p-0\" closable={false}>\n                    <ChatSideNav\n                        className=\"border-0\"\n                        bodyClass=\"p-0\"\n                        onClick={() => drawerRef.current?.handleCloseDrawer()}\n                    />\n                </ToggleDrawer>\n            )}\n        </>\n    )\n}\n\nexport default ChatMobileNav\n"],"names":["ChatMobileNav","drawerRef","useRef","smaller","useResponsive","jsx","Fragment","ToggleDrawer","ChatSideNav"],"mappings":";;;;;AAMA,MAAMA,IAAgB,MAAM;AACxB,QAAMC,IAAYC,EAAwB,IAAI,GAExC,EAAE,SAAAC,EAAA,IAAYC,EAAA;AAEpB,SACI,gBAAAC,EAAAC,GAAA,EACK,UAAAH,EAAQ,MACL,gBAAAE,EAACE,GAAA,EAAa,KAAKN,GAAW,WAAU,OAAM,UAAU,IACpD,UAAA,gBAAAI;AAAA,IAACG;AAAA,IAAA;AAAA,MACG,WAAU;AAAA,MACV,WAAU;AAAA,MACV,SAAS,MAAMP,EAAU,SAAS,kBAAA;AAAA,IAAkB;AAAA,EAAA,GAE5D,EAAA,CAER;AAER;"}
+{"version":3,"file":"ChatMobileNav.js","sources":["../../../../../../../lib/@ecme/views/concepts/ai/Chat/components/ChatMobileNav.tsx"],"sourcesContent":["import { useRef } from 'react'\nimport ToggleDrawer from '@/components/shared/ToggleDrawer'\nimport ChatSideNav from './ChatSideNav'\nimport useResponsive from '@/utils/hooks/useResponsive'\nimport type { ToggleDrawerRef } from '@/components/shared/ToggleDrawer'\n\nconst ChatMobileNav = () => {\n    const drawerRef = useRef<ToggleDrawerRef>(null)\n\n    const { smaller } = useResponsive()\n\n    return (\n        <>\n            {smaller.xl && (\n                <ToggleDrawer ref={drawerRef} bodyClass=\"p-0\" closable={false}>\n                    <ChatSideNav\n                        className=\"border-0\"\n                        bodyClass=\"p-0\"\n                        onClick={() => drawerRef.current?.handleCloseDrawer()}\n                    />\n                </ToggleDrawer>\n            )}\n        </>\n    )\n}\n\nexport default ChatMobileNav\n"],"names":["ChatMobileNav","drawerRef","useRef","smaller","useResponsive","jsx","Fragment","ToggleDrawer","ChatSideNav"],"mappings":";;;;;AAMA,MAAMA,IAAgB,MAAM;AAClB,QAAAC,IAAYC,EAAwB,IAAI,GAExC,EAAE,SAAAC,EAAQ,IAAIC,EAAc;AAG9B,SAAA,gBAAAC,EAAAC,GAAA,EACK,UAAQH,EAAA,MACJ,gBAAAE,EAAAE,GAAA,EAAa,KAAKN,GAAW,WAAU,OAAM,UAAU,IACpD,UAAA,gBAAAI;AAAA,IAACG;AAAA,IAAA;AAAA,MACG,WAAU;AAAA,MACV,WAAU;AAAA,MACV,SAAS,MAAMP,EAAU,SAAS,kBAAkB;AAAA,IAAA;AAAA,KAE5D,EAER,CAAA;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":["ChatSideNav","className","bodyClass","onClick","queryText","setQueryText","useState","setSelectedConversation","usGenerativeChatStore","handleDebounceFn","e","debounceFn","useDebounce","handleInputChange","handleNewChat","jsxs","Card","jsx","TbSearch","classNames","ChatHistory","Button"],"mappings":";;;;;;;;;;;AAeA,MAAMA,IAAc,CAAC,EAAE,WAAAC,GAAW,WAAAC,GAAW,SAAAC,QAAgC;AACzE,QAAM,CAACC,GAAWC,CAAY,IAAIC,EAAS,EAAE,GAEvC,EAAE,yBAAAC,EAAA,IAA4BC,EAAA;AAEpC,WAASC,EAAiBC,GAAkC;AACxD,IAAAL,IAAeK,EAAE,OAAO,KAAK;AAAA,EACjC;AAEA,QAAMC,IAAaC,EAAYH,GAAkB,GAAG,GAE9CI,IAAoB,CAACH,MAAqC;AAC5D,IAAAC,EAAWD,CAAC;AAAA,EAChB,GAEMI,IAAgB,MAAM;AACxB,IAAAP,EAAwB,EAAE,GAC1BJ,IAAA;AAAA,EACJ;AAEA,SACI,gBAAAY;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,QAAQ;AAAA,QACJ,SACI,gBAAAD,EAAC,OAAA,EAAI,WAAU,gDACX,UAAA;AAAA,UAAA,gBAAAE,EAACC,GAAA,EAAS,WAAU,UAAA,CAAU;AAAA,UAC9B,gBAAAD;AAAA,YAAC;AAAA,YAAA;AAAA,cACG,WAAU;AAAA,cACV,aAAY;AAAA,cACZ,UAAUJ;AAAA,YAAA;AAAA,UAAA;AAAA,QACd,GACJ;AAAA,QAEJ,WAAW;AAAA,MAAA;AAAA,MAEf,WAAWM,EAAW,kCAAkClB,CAAS;AAAA,MACjE,WAAWkB,EAAW,gCAAgCjB,CAAS;AAAA,MAE/D,UAAA;AAAA,QAAA,gBAAAe,EAACG,GAAA,EAAY,WAAAhB,GAAsB,SAAAD,EAAA,CAAkB;AAAA,QACrD,gBAAAc,EAAC,OAAA,EAAI,WAAU,aACX,UAAA,gBAAAA,EAACI,GAAA,EAAO,OAAK,IAAC,SAAQ,SAAQ,SAASP,GAAe,sBAEtD,EAAA,CACJ;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGZ;"}
+{"version":3,"file":"ChatSideNav.js","sources":["../../../../../../../lib/@ecme/views/concepts/ai/Chat/components/ChatSideNav.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Card from '@/components/ui/Card'\nimport Button from '@/components/ui/Button'\nimport ChatHistory from './ChatHistory'\nimport { usGenerativeChatStore } from '../store/generativeChatStore'\nimport useDebounce from '@/utils/hooks/useDebounce'\nimport classNames from '@/utils/classNames'\nimport { TbSearch } from 'react-icons/tb'\nimport type { ChangeEvent } from 'react'\nimport type { CardProps } from '@/components/ui/Card'\n\ntype ChatSideNavProps = Pick<CardProps, 'className' | 'bodyClass'> & {\n    onClick?: () => void\n}\n\nconst ChatSideNav = ({ className, bodyClass, onClick }: ChatSideNavProps) => {\n    const [queryText, setQueryText] = useState('')\n\n    const { setSelectedConversation } = usGenerativeChatStore()\n\n    function handleDebounceFn(e: ChangeEvent<HTMLInputElement>) {\n        setQueryText?.(e.target.value)\n    }\n\n    const debounceFn = useDebounce(handleDebounceFn, 500)\n\n    const handleInputChange = (e: ChangeEvent<HTMLInputElement>) => {\n        debounceFn(e)\n    }\n\n    const handleNewChat = () => {\n        setSelectedConversation('')\n        onClick?.()\n    }\n\n    return (\n        <Card\n            header={{\n                content: (\n                    <div className=\"flex items-center gap-2 px-5 w-full h-[60px]\">\n                        <TbSearch className=\"text-xl\" />\n                        <input\n                            className=\"flex-1 h-full placeholder:text-gray-400 placeholder:text-base bg-transparent focus:outline-none heading-text\"\n                            placeholder=\"Search chat\"\n                            onChange={handleInputChange}\n                        />\n                    </div>\n                ),\n                className: 'p-0',\n            }}\n            className={classNames('flex-1 xl:max-w-[320px] h-full', className)}\n            bodyClass={classNames('h-[calc(100%-60px-80px)] p-0', bodyClass)}\n        >\n            <ChatHistory queryText={queryText} onClick={onClick} />\n            <div className=\"px-5 py-2\">\n                <Button block variant=\"solid\" onClick={handleNewChat}>\n                    New chat\n                </Button>\n            </div>\n        </Card>\n    )\n}\n\nexport default ChatSideNav\n"],"names":["ChatSideNav","className","bodyClass","onClick","queryText","setQueryText","useState","setSelectedConversation","usGenerativeChatStore","handleDebounceFn","e","debounceFn","useDebounce","handleInputChange","handleNewChat","jsxs","Card","jsx","TbSearch","classNames","ChatHistory","Button"],"mappings":";;;;;;;;;;;AAeA,MAAMA,IAAc,CAAC,EAAE,WAAAC,GAAW,WAAAC,GAAW,SAAAC,QAAgC;AACzE,QAAM,CAACC,GAAWC,CAAY,IAAIC,EAAS,EAAE,GAEvC,EAAE,yBAAAC,EAAwB,IAAIC,EAAsB;AAE1D,WAASC,EAAiBC,GAAkC;AACzC,IAAAL,IAAAK,EAAE,OAAO,KAAK;AAAA,EAAA;AAG3B,QAAAC,IAAaC,EAAYH,GAAkB,GAAG,GAE9CI,IAAoB,CAACH,MAAqC;AAC5D,IAAAC,EAAWD,CAAC;AAAA,EAChB,GAEMI,IAAgB,MAAM;AACxB,IAAAP,EAAwB,EAAE,GAChBJ,IAAA;AAAA,EACd;AAGI,SAAA,gBAAAY;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,QAAQ;AAAA,QACJ,SACI,gBAAAD,EAAC,OAAI,EAAA,WAAU,gDACX,UAAA;AAAA,UAAC,gBAAAE,EAAAC,GAAA,EAAS,WAAU,UAAU,CAAA;AAAA,UAC9B,gBAAAD;AAAA,YAAC;AAAA,YAAA;AAAA,cACG,WAAU;AAAA,cACV,aAAY;AAAA,cACZ,UAAUJ;AAAA,YAAA;AAAA,UAAA;AAAA,QACd,GACJ;AAAA,QAEJ,WAAW;AAAA,MACf;AAAA,MACA,WAAWM,EAAW,kCAAkClB,CAAS;AAAA,MACjE,WAAWkB,EAAW,gCAAgCjB,CAAS;AAAA,MAE/D,UAAA;AAAA,QAAC,gBAAAe,EAAAG,GAAA,EAAY,WAAAhB,GAAsB,SAAAD,EAAkB,CAAA;AAAA,QACpD,gBAAAc,EAAA,OAAA,EAAI,WAAU,aACX,UAAC,gBAAAA,EAAAI,GAAA,EAAO,OAAK,IAAC,SAAQ,SAAQ,SAASP,GAAe,sBAEtD,EACJ,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACJ;AAER;"}

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

@@ -1 +1 @@
-{"version":3,"file":"ChatView.js","sources":["../../../../../../../lib/@ecme/views/concepts/ai/Chat/components/ChatView.tsx"],"sourcesContent":["import { useRef, useEffect, useMemo } from 'react'\nimport Card from '@/components/ui/Card'\nimport ChatBox from '@/components/view/ChatBox'\nimport ChatLandingView from './ChatLandingView'\nimport ChatMobileNav from './ChatMobileNav'\nimport ChatCustomContent from './ChatCustomContent'\nimport ChatCustomAction from './ChatCustomAction'\nimport { usGenerativeChatStore } from '../store/generativeChatStore'\nimport useChatSend from '../hooks/useChatSend'\nimport type { ScrollBarRef } from '@/components/ui/ScrollBar'\n\nconst ChatView = () => {\n    const scrollRef = useRef<ScrollBarRef>(null)\n    const { selectedConversation, chatHistory, isTyping, disabledChatFresh } =\n        usGenerativeChatStore()\n    const { handleSend } = useChatSend()\n\n    const scrollToBottom = () => {\n        if (scrollRef.current?.getScrollElement) {\n            const scrollElement = scrollRef.current.getScrollElement()\n            if (scrollElement) {\n                scrollElement.scrollTop = scrollElement.scrollHeight\n            }\n        }\n    }\n\n    useEffect(() => {\n        scrollToBottom()\n    }, [selectedConversation, chatHistory])\n\n    const messageList = useMemo(() => {\n        const chat = chatHistory.find(\n            (chat) => chat.id === selectedConversation,\n        )\n        return chat?.conversation || []\n    }, [selectedConversation, chatHistory])\n\n    const handleInputChange = async ({\n        value,\n    }: {\n        value: string\n        attachments?: File[]\n    }) => {\n        await handleSend(value)\n    }\n\n    const handleFinish = (id: string) => {\n        disabledChatFresh(id)\n        scrollToBottom()\n    }\n\n    return (\n        <Card className=\"flex-1 h-full\" bodyClass=\"h-full\">\n            <ChatMobileNav />\n            <ChatBox\n                ref={scrollRef}\n                messageList={messageList}\n                placeholder=\"Enter a prompt here\"\n                showMessageList={Boolean(selectedConversation)}\n                showAvatar={true}\n                avatarGap={true}\n                containerClass=\"h-[calc(100%-30px)] xl:h-full\"\n                messageListClass=\"h-[calc(100%-100px)] xl:h-[calc(100%-70px)]\"\n                typing={\n                    isTyping\n                        ? {\n                              id: 'ai',\n                              name: 'Chat AI',\n                              avatarImageUrl: '/img/thumbs/ai.jpg',\n                          }\n                        : false\n                }\n                customRenderer={(message) => {\n                    if (message.sender.id === 'ai') {\n                        return (\n                            <ChatCustomContent\n                                content={message.content as string}\n                                triggerTyping={\n                                    message.fresh ? message.fresh : false\n                                }\n                                onFinish={() => handleFinish(message.id)}\n                            />\n                        )\n                    }\n\n                    return message.content\n                }}\n                customAction={(message) => {\n                    if (message.sender.id === 'ai') {\n                        return (\n                            <ChatCustomAction\n                                content={message.content as string}\n                            />\n                        )\n                    }\n\n                    return null\n                }}\n                onInputChange={handleInputChange}\n            >\n                {!selectedConversation && <ChatLandingView />}\n            </ChatBox>\n        </Card>\n    )\n}\n\nexport default ChatView\n"],"names":["ChatView","scrollRef","useRef","selectedConversation","chatHistory","isTyping","disabledChatFresh","usGenerativeChatStore","handleSend","useChatSend","scrollToBottom","scrollElement","useEffect","messageList","useMemo","chat","handleInputChange","value","handleFinish","id","jsxs","Card","jsx","ChatMobileNav","ChatBox","message","ChatCustomContent","ChatCustomAction","ChatLandingView"],"mappings":";;;;;;;;;;;;AAWA,MAAMA,IAAW,MAAM;AACnB,QAAMC,IAAYC,EAAqB,IAAI,GACrC,EAAE,sBAAAC,GAAsB,aAAAC,GAAa,UAAAC,GAAU,mBAAAC,EAAA,IACjDC,EAAA,GACE,EAAE,YAAAC,EAAA,IAAeC,EAAA,GAEjBC,IAAiB,MAAM;AACzB,QAAIT,EAAU,SAAS,kBAAkB;AACrC,YAAMU,IAAgBV,EAAU,QAAQ,iBAAA;AACxC,MAAIU,MACAA,EAAc,YAAYA,EAAc;AAAA,IAEhD;AAAA,EACJ;AAEA,EAAAC,EAAU,MAAM;AACZ,IAAAF,EAAA;AAAA,EACJ,GAAG,CAACP,GAAsBC,CAAW,CAAC;AAEtC,QAAMS,IAAcC,EAAQ,MACXV,EAAY;AAAA,IACrB,CAACW,MAASA,EAAK,OAAOZ;AAAA,EAAA,GAEb,gBAAgB,CAAA,GAC9B,CAACA,GAAsBC,CAAW,CAAC,GAEhCY,IAAoB,OAAO;AAAA,IAC7B,OAAAC;AAAA,EAAA,MAIE;AACF,UAAMT,EAAWS,CAAK;AAAA,EAC1B,GAEMC,IAAe,CAACC,MAAe;AACjC,IAAAb,EAAkBa,CAAE,GACpBT,EAAA;AAAA,EACJ;AAEA,SACI,gBAAAU,EAACC,GAAA,EAAK,WAAU,iBAAgB,WAAU,UACtC,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAA,EAAc;AAAA,IACf,gBAAAD;AAAA,MAACE;AAAA,MAAA;AAAA,QACG,KAAKvB;AAAA,QACL,aAAAY;AAAA,QACA,aAAY;AAAA,QACZ,iBAAiB,EAAQV;AAAA,QACzB,YAAY;AAAA,QACZ,WAAW;AAAA,QACX,gBAAe;AAAA,QACf,kBAAiB;AAAA,QACjB,QACIE,IACM;AAAA,UACI,IAAI;AAAA,UACJ,MAAM;AAAA,UACN,gBAAgB;AAAA,QAAA,IAEpB;AAAA,QAEV,gBAAgB,CAACoB,MACTA,EAAQ,OAAO,OAAO,OAElB,gBAAAH;AAAA,UAACI;AAAA,UAAA;AAAA,YACG,SAASD,EAAQ;AAAA,YACjB,eACIA,EAAQ,QAAQA,EAAQ,QAAQ;AAAA,YAEpC,UAAU,MAAMP,EAAaO,EAAQ,EAAE;AAAA,UAAA;AAAA,QAAA,IAK5CA,EAAQ;AAAA,QAEnB,cAAc,CAACA,MACPA,EAAQ,OAAO,OAAO,OAElB,gBAAAH;AAAA,UAACK;AAAA,UAAA;AAAA,YACG,SAASF,EAAQ;AAAA,UAAA;AAAA,QAAA,IAKtB;AAAA,QAEX,eAAeT;AAAA,QAEd,UAAA,CAACb,KAAwB,gBAAAmB,EAACM,GAAA,CAAA,CAAgB;AAAA,MAAA;AAAA,IAAA;AAAA,EAC/C,GACJ;AAER;"}
+{"version":3,"file":"ChatView.js","sources":["../../../../../../../lib/@ecme/views/concepts/ai/Chat/components/ChatView.tsx"],"sourcesContent":["import { useRef, useEffect, useMemo } from 'react'\nimport Card from '@/components/ui/Card'\nimport ChatBox from '@/components/view/ChatBox'\nimport ChatLandingView from './ChatLandingView'\nimport ChatMobileNav from './ChatMobileNav'\nimport ChatCustomContent from './ChatCustomContent'\nimport ChatCustomAction from './ChatCustomAction'\nimport { usGenerativeChatStore } from '../store/generativeChatStore'\nimport useChatSend from '../hooks/useChatSend'\nimport type { ScrollBarRef } from '@/components/ui/ScrollBar'\n\nconst ChatView = () => {\n    const scrollRef = useRef<ScrollBarRef>(null)\n    const { selectedConversation, chatHistory, isTyping, disabledChatFresh } =\n        usGenerativeChatStore()\n    const { handleSend } = useChatSend()\n\n    const scrollToBottom = () => {\n        if (scrollRef.current?.getScrollElement) {\n            const scrollElement = scrollRef.current.getScrollElement()\n            if (scrollElement) {\n                scrollElement.scrollTop = scrollElement.scrollHeight\n            }\n        }\n    }\n\n    useEffect(() => {\n        scrollToBottom()\n    }, [selectedConversation, chatHistory])\n\n    const messageList = useMemo(() => {\n        const chat = chatHistory.find(\n            (chat) => chat.id === selectedConversation,\n        )\n        return chat?.conversation || []\n    }, [selectedConversation, chatHistory])\n\n    const handleInputChange = async ({\n        value,\n    }: {\n        value: string\n        attachments?: File[]\n    }) => {\n        await handleSend(value)\n    }\n\n    const handleFinish = (id: string) => {\n        disabledChatFresh(id)\n        scrollToBottom()\n    }\n\n    return (\n        <Card className=\"flex-1 h-full\" bodyClass=\"h-full\">\n            <ChatMobileNav />\n            <ChatBox\n                ref={scrollRef}\n                messageList={messageList}\n                placeholder=\"Enter a prompt here\"\n                showMessageList={Boolean(selectedConversation)}\n                showAvatar={true}\n                avatarGap={true}\n                containerClass=\"h-[calc(100%-30px)] xl:h-full\"\n                messageListClass=\"h-[calc(100%-100px)] xl:h-[calc(100%-70px)]\"\n                typing={\n                    isTyping\n                        ? {\n                              id: 'ai',\n                              name: 'Chat AI',\n                              avatarImageUrl: '/img/thumbs/ai.jpg',\n                          }\n                        : false\n                }\n                customRenderer={(message) => {\n                    if (message.sender.id === 'ai') {\n                        return (\n                            <ChatCustomContent\n                                content={message.content as string}\n                                triggerTyping={\n                                    message.fresh ? message.fresh : false\n                                }\n                                onFinish={() => handleFinish(message.id)}\n                            />\n                        )\n                    }\n\n                    return message.content\n                }}\n                customAction={(message) => {\n                    if (message.sender.id === 'ai') {\n                        return (\n                            <ChatCustomAction\n                                content={message.content as string}\n                            />\n                        )\n                    }\n\n                    return null\n                }}\n                onInputChange={handleInputChange}\n            >\n                {!selectedConversation && <ChatLandingView />}\n            </ChatBox>\n        </Card>\n    )\n}\n\nexport default ChatView\n"],"names":["ChatView","scrollRef","useRef","selectedConversation","chatHistory","isTyping","disabledChatFresh","usGenerativeChatStore","handleSend","useChatSend","scrollToBottom","scrollElement","useEffect","messageList","useMemo","chat","handleInputChange","value","handleFinish","id","jsxs","Card","jsx","ChatMobileNav","ChatBox","message","ChatCustomContent","ChatCustomAction","ChatLandingView"],"mappings":";;;;;;;;;;;;AAWA,MAAMA,IAAW,MAAM;AACb,QAAAC,IAAYC,EAAqB,IAAI,GACrC,EAAE,sBAAAC,GAAsB,aAAAC,GAAa,UAAAC,GAAU,mBAAAC,EAAA,IACjDC,EAAsB,GACpB,EAAE,YAAAC,EAAW,IAAIC,EAAY,GAE7BC,IAAiB,MAAM;AACrB,QAAAT,EAAU,SAAS,kBAAkB;AAC/B,YAAAU,IAAgBV,EAAU,QAAQ,iBAAiB;AACzD,MAAIU,MACAA,EAAc,YAAYA,EAAc;AAAA,IAC5C;AAAA,EAER;AAEA,EAAAC,EAAU,MAAM;AACG,IAAAF,EAAA;AAAA,EAAA,GAChB,CAACP,GAAsBC,CAAW,CAAC;AAEhC,QAAAS,IAAcC,EAAQ,MACXV,EAAY;AAAA,IACrB,CAACW,MAASA,EAAK,OAAOZ;AAAA,EAC1B,GACa,gBAAgB,CAAC,GAC/B,CAACA,GAAsBC,CAAW,CAAC,GAEhCY,IAAoB,OAAO;AAAA,IAC7B,OAAAC;AAAA,EAAA,MAIE;AACF,UAAMT,EAAWS,CAAK;AAAA,EAC1B,GAEMC,IAAe,CAACC,MAAe;AACjC,IAAAb,EAAkBa,CAAE,GACLT,EAAA;AAAA,EACnB;AAEA,SACK,gBAAAU,EAAAC,GAAA,EAAK,WAAU,iBAAgB,WAAU,UACtC,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAc,EAAA;AAAA,IACf,gBAAAD;AAAA,MAACE;AAAA,MAAA;AAAA,QACG,KAAKvB;AAAA,QACL,aAAAY;AAAA,QACA,aAAY;AAAA,QACZ,iBAAiB,EAAQV;AAAA,QACzB,YAAY;AAAA,QACZ,WAAW;AAAA,QACX,gBAAe;AAAA,QACf,kBAAiB;AAAA,QACjB,QACIE,IACM;AAAA,UACI,IAAI;AAAA,UACJ,MAAM;AAAA,UACN,gBAAgB;AAAA,QAAA,IAEpB;AAAA,QAEV,gBAAgB,CAACoB,MACTA,EAAQ,OAAO,OAAO,OAElB,gBAAAH;AAAA,UAACI;AAAA,UAAA;AAAA,YACG,SAASD,EAAQ;AAAA,YACjB,eACIA,EAAQ,QAAQA,EAAQ,QAAQ;AAAA,YAEpC,UAAU,MAAMP,EAAaO,EAAQ,EAAE;AAAA,UAAA;AAAA,QAC3C,IAIDA,EAAQ;AAAA,QAEnB,cAAc,CAACA,MACPA,EAAQ,OAAO,OAAO,OAElB,gBAAAH;AAAA,UAACK;AAAA,UAAA;AAAA,YACG,SAASF,EAAQ;AAAA,UAAA;AAAA,QACrB,IAID;AAAA,QAEX,eAAeT;AAAA,QAEd,UAAA,CAACb,KAAwB,gBAAAmB,EAACM,GAAgB,CAAA,CAAA;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":["useChatSend","selectedConversation","setSelectedConversation","pushChatHistory","pushConversation","setIsTyping","usGenerativeChatStore","creteMyMessage","id","prompt","uniqueId","dayjs","sendMessage","attachments","resp","apiPostChat","createConversation","newId"],"mappings":";;;;AAMA,MAAMA,IAAc,MAAM;AACtB,QAAM;AAAA,IACF,sBAAAC;AAAA,IACA,yBAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,aAAAC;AAAA,EAAA,IACAC,EAAA,GAEEC,IAAiB,CAACC,GAAYC,MAAmB;AACnD,IAAAL,EAAiBI,GAAI;AAAA,MACjB,IAAIE,EAAS,kBAAkB;AAAA,MAC/B,QAAQ;AAAA,QACJ,IAAI;AAAA,QACJ,MAAM;AAAA,QACN,gBAAgB;AAAA,MAAA;AAAA,MAEpB,SAASD;AAAA,MACT,WAAWE,EAAA,EAAQ,OAAA;AAAA,MACnB,MAAM;AAAA,MACN,aAAa;AAAA,IAAA,CAChB;AAAA,EACL,GAEMC,IAAc,OAChBJ,GACAC,GACAI,MACC;AACD,UAAMC,IAAO,MAAMC,EAAgC;AAAA,MAC/C,QAAAN;AAAA,MACA,aAAAI;AAAA,IAAA,CACH;AACD,IAAAT,EAAiBI,GAAI;AAAA,MACjB,IAAIE,EAAS,kBAAkB;AAAA,MAC/B,QAAQ;AAAA,QACJ,IAAI;AAAA,QACJ,MAAM;AAAA,QACN,gBAAgB;AAAA,MAAA;AAAA,MAEpB,SAASI,EAAK,QAAQ,CAAC,EAAE,QAAQ,WAAW;AAAA,MAC5C,WAAWH,EAAA,EAAQ,OAAA;AAAA,MACnB,MAAM;AAAA,MACN,aAAa;AAAA,MACb,OAAO;AAAA,IAAA,CACV,GACDN,EAAY,EAAK;AAAA,EACrB,GAEMW,IAAqB,OACvBR,GACAC,GACAI,MACC;AACD,IAAAX,EAAwBM,CAAE,GAC1B,MAAMI,EAAYJ,GAAIC,GAAQI,CAAW;AAAA,EAC7C;AAsBA,SAAO;AAAA,IACH,YArBe,OAAOJ,GAAgBI,MAAyB;AAE/D,UADAR,EAAY,EAAI,GACZJ;AACA,QAAAM,EAAeN,GAAsBQ,CAAM,GAC3C,MAAMG,EAAYX,GAAsBQ,CAAM;AAAA,WAC3C;AACH,cAAMQ,IAAQP,EAAS,UAAU;AACjC,QAAAP,EAAgB;AAAA,UACZ,IAAIc;AAAA,UACJ,OAAOR;AAAA,UACP,kBAAkB;AAAA,UAClB,aAAaE,EAAA,EAAQ,KAAA;AAAA,UACrB,aAAaA,EAAA,EAAQ,KAAA;AAAA,UACrB,QAAQ;AAAA,QAAA,CACX,GACDJ,EAAeU,GAAOR,CAAM,GAC5B,MAAMO,EAAmBC,GAAOR,GAAQI,CAAW;AAAA,MACvD;AAAA,IACJ;AAAA,EAGI;AAER;"}
+{"version":3,"file":"useChatSend.js","sources":["../../../../../../../lib/@ecme/views/concepts/ai/Chat/hooks/useChatSend.ts"],"sourcesContent":["import { usGenerativeChatStore } from '../store/generativeChatStore'\nimport { apiPostChat } from '@/services/AiService'\nimport dayjs from 'dayjs'\nimport uniqueId from 'lodash/uniqueId'\nimport type { PostAiChatResponse } from '../types'\n\nconst useChatSend = () => {\n    const {\n        selectedConversation,\n        setSelectedConversation,\n        pushChatHistory,\n        pushConversation,\n        setIsTyping,\n    } = usGenerativeChatStore()\n\n    const creteMyMessage = (id: string, prompt: string) => {\n        pushConversation(id, {\n            id: uniqueId('ai-conversation-'),\n            sender: {\n                id: '1',\n                name: 'Angelina Gotelli',\n                avatarImageUrl: '/img/avatars/thumb-1.jpg',\n            },\n            content: prompt,\n            timestamp: dayjs().toDate(),\n            type: 'regular',\n            isMyMessage: true,\n        })\n    }\n\n    const sendMessage = async (\n        id: string,\n        prompt: string,\n        attachments?: File[],\n    ) => {\n        const resp = await apiPostChat<PostAiChatResponse>({\n            prompt,\n            attachments,\n        })\n        pushConversation(id, {\n            id: uniqueId('ai-conversation-'),\n            sender: {\n                id: 'ai',\n                name: 'Chat AI',\n                avatarImageUrl: '/img/thumbs/ai.jpg',\n            },\n            content: resp.choices[0].message.content || '',\n            timestamp: dayjs().toDate(),\n            type: 'regular',\n            isMyMessage: false,\n            fresh: true,\n        })\n        setIsTyping(false)\n    }\n\n    const createConversation = async (\n        id: string,\n        prompt: string,\n        attachments?: File[],\n    ) => {\n        setSelectedConversation(id)\n        await sendMessage(id, prompt, attachments)\n    }\n\n    const handleSend = async (prompt: string, attachments?: File[]) => {\n        setIsTyping(true)\n        if (selectedConversation) {\n            creteMyMessage(selectedConversation, prompt)\n            await sendMessage(selectedConversation, prompt)\n        } else {\n            const newId = uniqueId('ai-chat-')\n            pushChatHistory({\n                id: newId,\n                title: prompt,\n                lastConversation: '',\n                createdTime: dayjs().unix(),\n                updatedTime: dayjs().unix(),\n                enable: false,\n            })\n            creteMyMessage(newId, prompt)\n            await createConversation(newId, prompt, attachments)\n        }\n    }\n\n    return {\n        handleSend,\n    }\n}\n\nexport default useChatSend\n"],"names":["useChatSend","selectedConversation","setSelectedConversation","pushChatHistory","pushConversation","setIsTyping","usGenerativeChatStore","creteMyMessage","id","prompt","uniqueId","dayjs","sendMessage","attachments","resp","apiPostChat","createConversation","newId"],"mappings":";;;;AAMA,MAAMA,IAAc,MAAM;AAChB,QAAA;AAAA,IACF,sBAAAC;AAAA,IACA,yBAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,aAAAC;AAAA,MACAC,EAAsB,GAEpBC,IAAiB,CAACC,GAAYC,MAAmB;AACnD,IAAAL,EAAiBI,GAAI;AAAA,MACjB,IAAIE,EAAS,kBAAkB;AAAA,MAC/B,QAAQ;AAAA,QACJ,IAAI;AAAA,QACJ,MAAM;AAAA,QACN,gBAAgB;AAAA,MACpB;AAAA,MACA,SAASD;AAAA,MACT,WAAWE,EAAM,EAAE,OAAO;AAAA,MAC1B,MAAM;AAAA,MACN,aAAa;AAAA,IAAA,CAChB;AAAA,EACL,GAEMC,IAAc,OAChBJ,GACAC,GACAI,MACC;AACK,UAAAC,IAAO,MAAMC,EAAgC;AAAA,MAC/C,QAAAN;AAAA,MACA,aAAAI;AAAA,IAAA,CACH;AACD,IAAAT,EAAiBI,GAAI;AAAA,MACjB,IAAIE,EAAS,kBAAkB;AAAA,MAC/B,QAAQ;AAAA,QACJ,IAAI;AAAA,QACJ,MAAM;AAAA,QACN,gBAAgB;AAAA,MACpB;AAAA,MACA,SAASI,EAAK,QAAQ,CAAC,EAAE,QAAQ,WAAW;AAAA,MAC5C,WAAWH,EAAM,EAAE,OAAO;AAAA,MAC1B,MAAM;AAAA,MACN,aAAa;AAAA,MACb,OAAO;AAAA,IAAA,CACV,GACDN,EAAY,EAAK;AAAA,EACrB,GAEMW,IAAqB,OACvBR,GACAC,GACAI,MACC;AACD,IAAAX,EAAwBM,CAAE,GACpB,MAAAI,EAAYJ,GAAIC,GAAQI,CAAW;AAAA,EAC7C;AAsBO,SAAA;AAAA,IACH,YArBe,OAAOJ,GAAgBI,MAAyB;AAE/D,UADAR,EAAY,EAAI,GACZJ;AACA,QAAAM,EAAeN,GAAsBQ,CAAM,GACrC,MAAAG,EAAYX,GAAsBQ,CAAM;AAAA,WAC3C;AACG,cAAAQ,IAAQP,EAAS,UAAU;AACjB,QAAAP,EAAA;AAAA,UACZ,IAAIc;AAAA,UACJ,OAAOR;AAAA,UACP,kBAAkB;AAAA,UAClB,aAAaE,EAAM,EAAE,KAAK;AAAA,UAC1B,aAAaA,EAAM,EAAE,KAAK;AAAA,UAC1B,QAAQ;AAAA,QAAA,CACX,GACDJ,EAAeU,GAAOR,CAAM,GACtB,MAAAO,EAAmBC,GAAOR,GAAQI,CAAW;AAAA,MAAA;AAAA,IAE3D;AAAA,EAIA;AACJ;"}

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

@@ -1 +1 @@
-{"version":3,"file":"generativeChatStore.js","sources":["../../../../../../../lib/@ecme/views/concepts/ai/Chat/store/generativeChatStore.ts"],"sourcesContent":["import { create } from 'zustand'\nimport type { ChatHistories, ChatHistory, Conversation } from '../types'\n\ntype RenameDialog = {\n    id: string\n    title: string\n    open: boolean\n}\n\nexport type GenerativeChatState = {\n    selectedConversation: string\n    selectedConversationRecord: string[]\n    chatHistory: ChatHistories\n    renameDialog: RenameDialog\n    isTyping: boolean\n}\n\ntype GenerativeChatAction = {\n    setSelectedConversation: (payload: string) => void\n    setSelectedConversationRecord: (payload: string) => void\n    setChatHistory: (payload: ChatHistories) => void\n    setChatHistoryName: (payload: { id: string; title: string }) => void\n    setRenameDialog: (payload: RenameDialog) => void\n    setIsTyping: (payload: boolean) => void\n    pushChatHistory: (payload: ChatHistory) => void\n    pushConversation: (id: string, conversation: Conversation) => void\n    disabledChatFresh: (id: string) => void\n}\n\nconst initialState: GenerativeChatState = {\n    selectedConversation: '',\n    selectedConversationRecord: [],\n    chatHistory: [],\n    renameDialog: {\n        id: '',\n        title: '',\n        open: false,\n    },\n    isTyping: false,\n}\n\nexport const usGenerativeChatStore = create<\n    GenerativeChatState & GenerativeChatAction\n>((set, get) => ({\n    ...initialState,\n    setSelectedConversation: (payload) =>\n        set(() => ({ selectedConversation: payload })),\n    setChatHistory: (payload) => set(() => ({ chatHistory: payload })),\n    setChatHistoryName: (payload) =>\n        set(() => {\n            const chatHistory = get().chatHistory.map((chat) => {\n                if (chat.id === payload.id) {\n                    chat.title = payload.title\n                }\n                return chat\n            })\n            return { chatHistory }\n        }),\n    setRenameDialog: (payload) => set(() => ({ renameDialog: payload })),\n    setSelectedConversationRecord: (payload) =>\n        set(() => {\n            let record = get().selectedConversationRecord\n\n            if (record.includes(payload)) {\n                record = record.filter((item) => item !== payload)\n            } else {\n                record.push(payload)\n            }\n\n            return { selectedConversationRecord: record }\n        }),\n    pushChatHistory: (payload) =>\n        set(() => ({ chatHistory: [...[payload], ...get().chatHistory] })),\n    pushConversation: (id, conversation) =>\n        set(() => {\n            const chatHistory = get().chatHistory.map((chat) => {\n                if (chat.id === id) {\n                    if (!chat.conversation) {\n                        chat.conversation = []\n                    }\n                    chat.conversation?.push(conversation)\n                }\n                return chat\n            })\n            return { chatHistory }\n        }),\n    setIsTyping: (payload) => set(() => ({ isTyping: payload })),\n    disabledChatFresh: () =>\n        set(() => {\n            const chatHistory = get().chatHistory.map((chat) => {\n                if (chat.id === get().selectedConversation) {\n                    chat.conversation = chat.conversation?.map(\n                        (conversation) => {\n                            if (conversation.fresh) {\n                                conversation.fresh = false\n                            }\n                            return conversation\n                        },\n                    )\n                }\n                return chat\n            })\n            return { chatHistory }\n        }),\n}))\n"],"names":["initialState","usGenerativeChatStore","create","set","get","payload","chat","record","item","id","conversation"],"mappings":";AA6BA,MAAMA,IAAoC;AAAA,EACtC,sBAAsB;AAAA,EACtB,4BAA4B,CAAA;AAAA,EAC5B,aAAa,CAAA;AAAA,EACb,cAAc;AAAA,IACV,IAAI;AAAA,IACJ,OAAO;AAAA,IACP,MAAM;AAAA,EAAA;AAAA,EAEV,UAAU;AACd,GAEaC,IAAwBC,EAEnC,CAACC,GAAKC,OAAS;AAAA,EACb,GAAGJ;AAAA,EACH,yBAAyB,CAACK,MACtBF,EAAI,OAAO,EAAE,sBAAsBE,IAAU;AAAA,EACjD,gBAAgB,CAACA,MAAYF,EAAI,OAAO,EAAE,aAAaE,IAAU;AAAA,EACjE,oBAAoB,CAACA,MACjBF,EAAI,OAOO,EAAE,aANWC,EAAA,EAAM,YAAY,IAAI,CAACE,OACnCA,EAAK,OAAOD,EAAQ,OACpBC,EAAK,QAAQD,EAAQ,QAElBC,EACV,EACQ,EACZ;AAAA,EACL,iBAAiB,CAACD,MAAYF,EAAI,OAAO,EAAE,cAAcE,IAAU;AAAA,EACnE,+BAA+B,CAACA,MAC5BF,EAAI,MAAM;AACN,QAAII,IAASH,IAAM;AAEnB,WAAIG,EAAO,SAASF,CAAO,IACvBE,IAASA,EAAO,OAAO,CAACC,MAASA,MAASH,CAAO,IAEjDE,EAAO,KAAKF,CAAO,GAGhB,EAAE,4BAA4BE,EAAA;AAAA,EACzC,CAAC;AAAA,EACL,iBAAiB,CAACF,MACdF,EAAI,OAAO,EAAE,aAAa,CAAKE,GAAU,GAAGD,IAAM,WAAW,IAAI;AAAA,EACrE,kBAAkB,CAACK,GAAIC,MACnBP,EAAI,OAUO,EAAE,aATWC,EAAA,EAAM,YAAY,IAAI,CAACE,OACnCA,EAAK,OAAOG,MACPH,EAAK,iBACNA,EAAK,eAAe,CAAA,IAExBA,EAAK,cAAc,KAAKI,CAAY,IAEjCJ,EACV,EACQ,EACZ;AAAA,EACL,aAAa,CAACD,MAAYF,EAAI,OAAO,EAAE,UAAUE,IAAU;AAAA,EAC3D,mBAAmB,MACfF,EAAI,OAcO,EAAE,aAbWC,EAAA,EAAM,YAAY,IAAI,CAACE,OACnCA,EAAK,OAAOF,EAAA,EAAM,yBAClBE,EAAK,eAAeA,EAAK,cAAc;AAAA,IACnC,CAACI,OACOA,EAAa,UACbA,EAAa,QAAQ,KAElBA;AAAA,EACX,IAGDJ,EACV,EACQ,EACZ;AACT,EAAE;"}
+{"version":3,"file":"generativeChatStore.js","sources":["../../../../../../../lib/@ecme/views/concepts/ai/Chat/store/generativeChatStore.ts"],"sourcesContent":["import { create } from 'zustand'\nimport type { ChatHistories, ChatHistory, Conversation } from '../types'\n\ntype RenameDialog = {\n    id: string\n    title: string\n    open: boolean\n}\n\nexport type GenerativeChatState = {\n    selectedConversation: string\n    selectedConversationRecord: string[]\n    chatHistory: ChatHistories\n    renameDialog: RenameDialog\n    isTyping: boolean\n}\n\ntype GenerativeChatAction = {\n    setSelectedConversation: (payload: string) => void\n    setSelectedConversationRecord: (payload: string) => void\n    setChatHistory: (payload: ChatHistories) => void\n    setChatHistoryName: (payload: { id: string; title: string }) => void\n    setRenameDialog: (payload: RenameDialog) => void\n    setIsTyping: (payload: boolean) => void\n    pushChatHistory: (payload: ChatHistory) => void\n    pushConversation: (id: string, conversation: Conversation) => void\n    disabledChatFresh: (id: string) => void\n}\n\nconst initialState: GenerativeChatState = {\n    selectedConversation: '',\n    selectedConversationRecord: [],\n    chatHistory: [],\n    renameDialog: {\n        id: '',\n        title: '',\n        open: false,\n    },\n    isTyping: false,\n}\n\nexport const usGenerativeChatStore = create<\n    GenerativeChatState & GenerativeChatAction\n>((set, get) => ({\n    ...initialState,\n    setSelectedConversation: (payload) =>\n        set(() => ({ selectedConversation: payload })),\n    setChatHistory: (payload) => set(() => ({ chatHistory: payload })),\n    setChatHistoryName: (payload) =>\n        set(() => {\n            const chatHistory = get().chatHistory.map((chat) => {\n                if (chat.id === payload.id) {\n                    chat.title = payload.title\n                }\n                return chat\n            })\n            return { chatHistory }\n        }),\n    setRenameDialog: (payload) => set(() => ({ renameDialog: payload })),\n    setSelectedConversationRecord: (payload) =>\n        set(() => {\n            let record = get().selectedConversationRecord\n\n            if (record.includes(payload)) {\n                record = record.filter((item) => item !== payload)\n            } else {\n                record.push(payload)\n            }\n\n            return { selectedConversationRecord: record }\n        }),\n    pushChatHistory: (payload) =>\n        set(() => ({ chatHistory: [...[payload], ...get().chatHistory] })),\n    pushConversation: (id, conversation) =>\n        set(() => {\n            const chatHistory = get().chatHistory.map((chat) => {\n                if (chat.id === id) {\n                    if (!chat.conversation) {\n                        chat.conversation = []\n                    }\n                    chat.conversation?.push(conversation)\n                }\n                return chat\n            })\n            return { chatHistory }\n        }),\n    setIsTyping: (payload) => set(() => ({ isTyping: payload })),\n    disabledChatFresh: () =>\n        set(() => {\n            const chatHistory = get().chatHistory.map((chat) => {\n                if (chat.id === get().selectedConversation) {\n                    chat.conversation = chat.conversation?.map(\n                        (conversation) => {\n                            if (conversation.fresh) {\n                                conversation.fresh = false\n                            }\n                            return conversation\n                        },\n                    )\n                }\n                return chat\n            })\n            return { chatHistory }\n        }),\n}))\n"],"names":["initialState","usGenerativeChatStore","create","set","get","payload","chat","record","item","id","conversation"],"mappings":";AA6BA,MAAMA,IAAoC;AAAA,EACtC,sBAAsB;AAAA,EACtB,4BAA4B,CAAC;AAAA,EAC7B,aAAa,CAAC;AAAA,EACd,cAAc;AAAA,IACV,IAAI;AAAA,IACJ,OAAO;AAAA,IACP,MAAM;AAAA,EACV;AAAA,EACA,UAAU;AACd,GAEaC,IAAwBC,EAEnC,CAACC,GAAKC,OAAS;AAAA,EACb,GAAGJ;AAAA,EACH,yBAAyB,CAACK,MACtBF,EAAI,OAAO,EAAE,sBAAsBE,IAAU;AAAA,EACjD,gBAAgB,CAACA,MAAYF,EAAI,OAAO,EAAE,aAAaE,IAAU;AAAA,EACjE,oBAAoB,CAACA,MACjBF,EAAI,OAOO,EAAE,aANWC,EAAI,EAAE,YAAY,IAAI,CAACE,OACnCA,EAAK,OAAOD,EAAQ,OACpBC,EAAK,QAAQD,EAAQ,QAElBC,EACV,EACoB,EACxB;AAAA,EACL,iBAAiB,CAACD,MAAYF,EAAI,OAAO,EAAE,cAAcE,IAAU;AAAA,EACnE,+BAA+B,CAACA,MAC5BF,EAAI,MAAM;AACF,QAAAI,IAASH,IAAM;AAEf,WAAAG,EAAO,SAASF,CAAO,IACvBE,IAASA,EAAO,OAAO,CAACC,MAASA,MAASH,CAAO,IAEjDE,EAAO,KAAKF,CAAO,GAGhB,EAAE,4BAA4BE,EAAO;AAAA,EAAA,CAC/C;AAAA,EACL,iBAAiB,CAACF,MACdF,EAAI,OAAO,EAAE,aAAa,CAAKE,GAAU,GAAGD,EAAM,EAAA,WAAW,EAAI,EAAA;AAAA,EACrE,kBAAkB,CAACK,GAAIC,MACnBP,EAAI,OAUO,EAAE,aATWC,EAAI,EAAE,YAAY,IAAI,CAACE,OACnCA,EAAK,OAAOG,MACPH,EAAK,iBACNA,EAAK,eAAe,CAAC,IAEpBA,EAAA,cAAc,KAAKI,CAAY,IAEjCJ,EACV,EACoB,EACxB;AAAA,EACL,aAAa,CAACD,MAAYF,EAAI,OAAO,EAAE,UAAUE,IAAU;AAAA,EAC3D,mBAAmB,MACfF,EAAI,OAcO,EAAE,aAbWC,EAAI,EAAE,YAAY,IAAI,CAACE,OACnCA,EAAK,OAAOF,EAAI,EAAE,yBACbE,EAAA,eAAeA,EAAK,cAAc;AAAA,IACnC,CAACI,OACOA,EAAa,UACbA,EAAa,QAAQ,KAElBA;AAAA,EAEf,IAEGJ,EACV,EACoB,EACxB;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":["getStringPosition","string","subString","index","getCurrentNodeOverflow","arr","pos","acc"],"mappings":"AAAO,MAAMA,IAAoB,CAC7BC,GACAC,GACAC,MAEOF,EAAO,MAAMC,GAAWC,CAAK,EAAE,KAAK,GAAG,EAAE,QAGvCC,IAAyB,CAClCC,GACAC,MACmB;AACnB,MAAIC,IAAM,GACNJ,IAAQ;AACZ,WAAS,IAAI,GAAG,IAAIE,EAAI,UAChB,EAAAE,IAAMF,EAAI,CAAC,IAAIC,IADS;AAK5B,IAAAH,KAEAI,KAAOF,EAAI,CAAC;AAGhB,SAAO,CAACF,GAAOG,IAAMC,CAAG;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":["getStringPosition","string","subString","index","getCurrentNodeOverflow","arr","pos","acc"],"mappings":"AAAO,MAAMA,IAAoB,CAC7BC,GACAC,GACAC,MAEOF,EAAO,MAAMC,GAAWC,CAAK,EAAE,KAAK,GAAG,EAAE,QAGvCC,IAAyB,CAClCC,GACAC,MACmB;AACnB,MAAIC,IAAM,GACNJ,IAAQ;AACZ,WAAS,IAAI,GAAG,IAAIE,EAAI,UAChB,EAAAE,IAAMF,EAAI,CAAC,IAAIC,IADS;AAK5B,IAAAH,KAEAI,KAAOF,EAAI,CAAC;AAGT,SAAA,CAACF,GAAOG,IAAMC,CAAG;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":["ImageGenerator","jsxs","Fragment","jsx","Generator","Gallery","ImageDialog"],"mappings":";;;;AAIA,MAAMA,IAAiB,MAEf,gBAAAC,EAAAC,GAAA,EACI,UAAA;AAAA,EAAA,gBAAAC,EAACC,GAAA,EAAU;AAAA,oBACV,OAAA,EAAI,WAAU,QACX,UAAA,gBAAAD,EAACE,KAAQ,GACb;AAAA,oBACCC,GAAA,CAAA,CAAY;AAAA,GACjB;"}
+{"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":["ImageGenerator","jsxs","Fragment","jsx","Generator","Gallery","ImageDialog"],"mappings":";;;;AAIA,MAAMA,IAAiB,MAGX,gBAAAC,EAAAC,GAAA,EAAA,UAAA;AAAA,EAAA,gBAAAC,EAACC,GAAU,EAAA;AAAA,oBACV,OAAI,EAAA,WAAU,QACX,UAAA,gBAAAD,EAACE,IAAQ,CAAA,GACb;AAAA,oBACCC,GAAY,CAAA,CAAA;AAAA,GACjB;"}

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

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

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":["Gallery","_","setIsInitialLoading","useState","initialLoadComplete","setInitialLoadComplete","loadable","setLoadable","index","seIndex","setImageDialog","isGeneratedImagesView","isGeneratingImage","generatedImage","useImageGeneratorStore","imageList","setImageList","getImages","resp","apiGetImages","prevImages","prevIndex","containerRef","useInfiniteScroll","initialLoad","handleImageClick","image","type","useEffect","jsxs","Fragment","jsx","Alert","item","Skeleton","GalleryImage","Masonry"],"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":["Gallery","_","setIsInitialLoading","useState","initialLoadComplete","setInitialLoadComplete","loadable","setLoadable","index","seIndex","setImageDialog","isGeneratedImagesView","isGeneratingImage","generatedImage","useImageGeneratorStore","imageList","setImageList","getImages","resp","apiGetImages","prevImages","prevIndex","containerRef","useInfiniteScroll","initialLoad","handleImageClick","image","type","useEffect","jsxs","Fragment","jsx","Alert","item","Skeleton","GalleryImage","Masonry"],"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":["GalleryImage","props","galleryItem","onImageClick","jsx"],"mappings":";AAOA,MAAMA,IAAe,CAACC,MAA6B;AAC/C,QAAM,EAAE,aAAAC,GAAa,cAAAC,EAAA,IAAiBF;AAEtC,SACI,gBAAAG;AAAA,IAAC;AAAA,IAAA;AAAA,MAEG,WAAU;AAAA,MACV,SAAS,MAAMD,EAAaD,CAAW;AAAA,MAEvC,4BAAC,OAAA,EAAI,WAAU,qBAAoB,KAAKA,EAAY,MAAA,CAAO;AAAA,IAAA;AAAA,IAJtDA,EAAY;AAAA,EAAA;AAO7B;"}
+{"version":3,"file":"GalleryImage.js","sources":["../../../../../../../lib/@ecme/views/concepts/ai/Image/components/GalleryImage.tsx"],"sourcesContent":["import type { GelleryItem } from '../type'\n\ntype GalleryImageProps = {\n    galleryItem: GelleryItem\n    onImageClick: (galleryItem: GelleryItem) => void\n}\n\nconst GalleryImage = (props: GalleryImageProps) => {\n    const { galleryItem, onImageClick } = props\n\n    return (\n        <div\n            key={galleryItem.id}\n            className=\"rounded-lg cursor-pointer relative group\"\n            onClick={() => onImageClick(galleryItem)}\n        >\n            <img className=\"rounded-xl w-full\" src={galleryItem.image} />\n        </div>\n    )\n}\n\nexport default GalleryImage\n"],"names":["GalleryImage","props","galleryItem","onImageClick","jsx"],"mappings":";AAOM,MAAAA,IAAe,CAACC,MAA6B;AACzC,QAAA,EAAE,aAAAC,GAAa,cAAAC,EAAA,IAAiBF;AAGlC,SAAA,gBAAAG;AAAA,IAAC;AAAA,IAAA;AAAA,MAEG,WAAU;AAAA,MACV,SAAS,MAAMD,EAAaD,CAAW;AAAA,MAEvC,4BAAC,OAAI,EAAA,WAAU,qBAAoB,KAAKA,EAAY,MAAO,CAAA;AAAA,IAAA;AAAA,IAJtDA,EAAY;AAAA,EAKrB;AAER;"}

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":["Generator","jsxs","Fragment","jsx","GeneratorHeader","GeneratorPrompt"],"mappings":";;;AAGA,MAAMA,IAAY,MAEV,gBAAAC,EAAAC,GAAA,EACI,UAAA;AAAA,EAAA,gBAAAC,EAACC,GAAA,EAAgB;AAAA,oBAChB,OAAA,EAAI,WAAU,QACX,UAAA,gBAAAD,EAACE,KAAgB,EAAA,CACrB;AAAA,GACJ;"}
+{"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":["Generator","jsxs","Fragment","jsx","GeneratorHeader","GeneratorPrompt"],"mappings":";;;AAGA,MAAMA,IAAY,MAGN,gBAAAC,EAAAC,GAAA,EAAA,UAAA;AAAA,EAAA,gBAAAC,EAACC,GAAgB,EAAA;AAAA,oBAChB,OAAI,EAAA,WAAU,QACX,UAAA,gBAAAD,EAACE,KAAgB,EACrB,CAAA;AAAA,GACJ;"}

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":["GeneratorHeader","jsx"],"mappings":";AAAA,MAAMA,IAAkB,MAEhB,gBAAAC,EAAC,OAAA,EAAI,WAAU,qCACX,4BAAC,OAAA,EACG,UAAA;AAAA,EAAA,gBAAAA,EAAC,MAAA,EAAG,WAAU,QAAO,UAAA,sBAAkB;AAAA,EACvC,gBAAAA,EAAC,OAAE,UAAA,mIAAA,CAIH;AAAA,EAAA,CACJ,EAAA,CACJ;"}
+{"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":["GeneratorHeader","jsx"],"mappings":";AAAA,MAAMA,IAAkB,MAEf,gBAAAC,EAAA,OAAA,EAAI,WAAU,qCACX,4BAAC,OACG,EAAA,UAAA;AAAA,EAAC,gBAAAA,EAAA,MAAA,EAAG,WAAU,QAAO,UAAkB,sBAAA;AAAA,EACvC,gBAAAA,EAAC,OAAE,UAIH,mIAAA,CAAA;AAAA,EAAA,CACJ,EACJ,CAAA;"}

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

@@ -1 +1 @@
-{"version":3,"file":"GeneratorPrompt.js","sources":["../../../../../../../lib/@ecme/views/concepts/ai/Image/components/GeneratorPrompt.tsx"],"sourcesContent":["import { useState, useRef } from 'react'\nimport Button from '@/components/ui/Button'\nimport Tooltip from '@/components/ui/Tooltip'\nimport Upload from '@/components/ui/Upload'\nimport toast from '@/components/ui/toast'\nimport Notification from '@/components/ui/Notification'\nimport CloseButton from '@/components/ui/CloseButton'\nimport ConfigDropdown from './ConfigDropdown'\nimport { useImageGeneratorStore } from '../store/imageGeneratorStore'\nimport {\n    aspectRatioOptions,\n    styleOptions,\n    toneOptions,\n    lightingOptions,\n    cameraOptions,\n} from '../utils'\nimport { apiPostImages } from '@/services/AiService'\nimport { LuImage } from 'react-icons/lu'\nimport { ConfigsVariant, PostImageResponse } from '../type'\n\nconst GeneratorPrompt = () => {\n    const [uploadedImage, setUploadedImage] = useState<File[]>([])\n\n    const {\n        generatorConfig,\n        setGeneratorConfig,\n        resetGeneratorConfig,\n        onGenerateImage,\n        onGenerateImageComplete,\n        setGeneratedImage,\n        isGeneratingImage,\n    } = useImageGeneratorStore()\n\n    const promptRef = useRef<HTMLTextAreaElement>(null)\n\n    const handleClear = () => {\n        resetGeneratorConfig()\n    }\n\n    const handleGenerate = async () => {\n        const prompt = promptRef.current?.value\n\n        if (!prompt) {\n            toast.push(\n                <Notification title={'Please enter prompt'} type=\"danger\" />,\n                {\n                    placement: 'top-center',\n                },\n            )\n            promptRef.current?.focus()\n\n            return\n        }\n        onGenerateImage()\n        const resp = await apiPostImages<PostImageResponse, { prompt: string }>(\n            { prompt },\n        )\n        if (resp) {\n            setGeneratedImage(resp)\n        }\n        onGenerateImageComplete()\n    }\n\n    const handleSetGeneratorConfig = (key: ConfigsVariant, value: string) => {\n        setGeneratorConfig({ key, value })\n    }\n\n    const beforeUpload = (files: FileList | null) => {\n        let valid: string | boolean = true\n\n        const allowedFileType = ['image/jpeg', 'image/png', 'image/webp']\n\n        if (files) {\n            for (const f of files) {\n                if (!allowedFileType.includes(f.type)) {\n                    valid = 'Please upload a .jpeg or .png file!'\n                }\n            }\n        }\n\n        return valid\n    }\n\n    return (\n        <div className=\"rounded-lg p-4 border-2 border-gray-100 dark:border-gray-700\">\n            <div className=\"flex gap-4 mb-4\">\n                {uploadedImage.length > 0 && (\n                    <div className=\"max-w-[150px] relative cursor-pointer group\">\n                        {\n                            <img\n                                className=\"rounded-xl\"\n                                src={URL.createObjectURL(uploadedImage[0])}\n                            />\n                        }\n                        <div className=\"opacity-0 group-hover:opacity-100 bg-black/75 group-hover:flex items-center justify-center rounded-xl absolute top-0 left-0 w-full h-full transition-colors\">\n                            <CloseButton onClick={() => setUploadedImage([])} />\n                        </div>\n                    </div>\n                )}\n                <div className=\"flex-1\">\n                    <div className=\"heading-text text-base font-semibold\">\n                        Prompt\n                    </div>\n                    <textarea\n                        ref={promptRef}\n                        className=\"w-full resize-none mt-1 placeholder:text-gray-400 bg-transparent focus:outline-none heading-text\"\n                        placeholder=\"Decribe the image you want to generate\"\n                    />\n                </div>\n            </div>\n            <div className=\"flex flex-col lg:flex-row gap-6 justify-between\">\n                <div className=\"inline-flex flex-wrap gap-2\">\n                    <Tooltip title=\"Add image\">\n                        <Upload\n                            showList={false}\n                            beforeUpload={beforeUpload}\n                            uploadLimit={1}\n                            onChange={setUploadedImage}\n                        >\n                            <Button size=\"sm\" icon={<LuImage />} />\n                        </Upload>\n                    </Tooltip>\n                    <ConfigDropdown\n                        list={aspectRatioOptions}\n                        value={generatorConfig.aspectRatio}\n                        onSelect={(value) =>\n                            handleSetGeneratorConfig('aspectRatio', value)\n                        }\n                    />\n                    <ConfigDropdown\n                        list={styleOptions}\n                        value={generatorConfig.style}\n                        onSelect={(value) =>\n                            handleSetGeneratorConfig('style', value)\n                        }\n                    />\n                    <ConfigDropdown\n                        list={toneOptions}\n                        value={generatorConfig.tone}\n                        onSelect={(value) =>\n                            handleSetGeneratorConfig('tone', value)\n                        }\n                    />\n                    <ConfigDropdown\n                        list={lightingOptions}\n                        value={generatorConfig.lighting}\n                        onSelect={(value) =>\n                            handleSetGeneratorConfig('lighting', value)\n                        }\n                    />\n                    <ConfigDropdown\n                        list={cameraOptions}\n                        value={generatorConfig.camera}\n                        onSelect={(value) =>\n                            handleSetGeneratorConfig('camera', value)\n                        }\n                    />\n                </div>\n                <div className=\"flex flex-col sm:flex-row sm:justify-end gap-4\">\n                    <Button size=\"sm\" shape=\"circle\" onClick={handleClear}>\n                        Clear\n                    </Button>\n                    <Button\n                        size=\"sm\"\n                        variant=\"solid\"\n                        shape=\"circle\"\n                        loading={isGeneratingImage}\n                        onClick={handleGenerate}\n                    >\n                        Generate\n                    </Button>\n                </div>\n            </div>\n        </div>\n    )\n}\n\nexport default GeneratorPrompt\n"],"names":["GeneratorPrompt","uploadedImage","setUploadedImage","useState","generatorConfig","setGeneratorConfig","resetGeneratorConfig","onGenerateImage","onGenerateImageComplete","setGeneratedImage","isGeneratingImage","useImageGeneratorStore","promptRef","useRef","handleClear","handleGenerate","prompt","toast","jsx","Notification","resp","apiPostImages","handleSetGeneratorConfig","key","value","beforeUpload","files","valid","allowedFileType","f","jsxs","CloseButton","Tooltip","Upload","Button","LuImage","ConfigDropdown","aspectRatioOptions","styleOptions","toneOptions","lightingOptions","cameraOptions"],"mappings":"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"}
+{"version":3,"file":"GeneratorPrompt.js","sources":["../../../../../../../lib/@ecme/views/concepts/ai/Image/components/GeneratorPrompt.tsx"],"sourcesContent":["import { useState, useRef } from 'react'\nimport Button from '@/components/ui/Button'\nimport Tooltip from '@/components/ui/Tooltip'\nimport Upload from '@/components/ui/Upload'\nimport toast from '@/components/ui/toast'\nimport Notification from '@/components/ui/Notification'\nimport CloseButton from '@/components/ui/CloseButton'\nimport ConfigDropdown from './ConfigDropdown'\nimport { useImageGeneratorStore } from '../store/imageGeneratorStore'\nimport {\n    aspectRatioOptions,\n    styleOptions,\n    toneOptions,\n    lightingOptions,\n    cameraOptions,\n} from '../utils'\nimport { apiPostImages } from '@/services/AiService'\nimport { LuImage } from 'react-icons/lu'\nimport { ConfigsVariant, PostImageResponse } from '../type'\n\nconst GeneratorPrompt = () => {\n    const [uploadedImage, setUploadedImage] = useState<File[]>([])\n\n    const {\n        generatorConfig,\n        setGeneratorConfig,\n        resetGeneratorConfig,\n        onGenerateImage,\n        onGenerateImageComplete,\n        setGeneratedImage,\n        isGeneratingImage,\n    } = useImageGeneratorStore()\n\n    const promptRef = useRef<HTMLTextAreaElement>(null)\n\n    const handleClear = () => {\n        resetGeneratorConfig()\n    }\n\n    const handleGenerate = async () => {\n        const prompt = promptRef.current?.value\n\n        if (!prompt) {\n            toast.push(\n                <Notification title={'Please enter prompt'} type=\"danger\" />,\n                {\n                    placement: 'top-center',\n                },\n            )\n            promptRef.current?.focus()\n\n            return\n        }\n        onGenerateImage()\n        const resp = await apiPostImages<PostImageResponse, { prompt: string }>(\n            { prompt },\n        )\n        if (resp) {\n            setGeneratedImage(resp)\n        }\n        onGenerateImageComplete()\n    }\n\n    const handleSetGeneratorConfig = (key: ConfigsVariant, value: string) => {\n        setGeneratorConfig({ key, value })\n    }\n\n    const beforeUpload = (files: FileList | null) => {\n        let valid: string | boolean = true\n\n        const allowedFileType = ['image/jpeg', 'image/png', 'image/webp']\n\n        if (files) {\n            for (const f of files) {\n                if (!allowedFileType.includes(f.type)) {\n                    valid = 'Please upload a .jpeg or .png file!'\n                }\n            }\n        }\n\n        return valid\n    }\n\n    return (\n        <div className=\"rounded-lg p-4 border-2 border-gray-100 dark:border-gray-700\">\n            <div className=\"flex gap-4 mb-4\">\n                {uploadedImage.length > 0 && (\n                    <div className=\"max-w-[150px] relative cursor-pointer group\">\n                        {\n                            <img\n                                className=\"rounded-xl\"\n                                src={URL.createObjectURL(uploadedImage[0])}\n                            />\n                        }\n                        <div className=\"opacity-0 group-hover:opacity-100 bg-black/75 group-hover:flex items-center justify-center rounded-xl absolute top-0 left-0 w-full h-full transition-colors\">\n                            <CloseButton onClick={() => setUploadedImage([])} />\n                        </div>\n                    </div>\n                )}\n                <div className=\"flex-1\">\n                    <div className=\"heading-text text-base font-semibold\">\n                        Prompt\n                    </div>\n                    <textarea\n                        ref={promptRef}\n                        className=\"w-full resize-none mt-1 placeholder:text-gray-400 bg-transparent focus:outline-none heading-text\"\n                        placeholder=\"Decribe the image you want to generate\"\n                    />\n                </div>\n            </div>\n            <div className=\"flex flex-col lg:flex-row gap-6 justify-between\">\n                <div className=\"inline-flex flex-wrap gap-2\">\n                    <Tooltip title=\"Add image\">\n                        <Upload\n                            showList={false}\n                            beforeUpload={beforeUpload}\n                            uploadLimit={1}\n                            onChange={setUploadedImage}\n                        >\n                            <Button size=\"sm\" icon={<LuImage />} />\n                        </Upload>\n                    </Tooltip>\n                    <ConfigDropdown\n                        list={aspectRatioOptions}\n                        value={generatorConfig.aspectRatio}\n                        onSelect={(value) =>\n                            handleSetGeneratorConfig('aspectRatio', value)\n                        }\n                    />\n                    <ConfigDropdown\n                        list={styleOptions}\n                        value={generatorConfig.style}\n                        onSelect={(value) =>\n                            handleSetGeneratorConfig('style', value)\n                        }\n                    />\n                    <ConfigDropdown\n                        list={toneOptions}\n                        value={generatorConfig.tone}\n                        onSelect={(value) =>\n                            handleSetGeneratorConfig('tone', value)\n                        }\n                    />\n                    <ConfigDropdown\n                        list={lightingOptions}\n                        value={generatorConfig.lighting}\n                        onSelect={(value) =>\n                            handleSetGeneratorConfig('lighting', value)\n                        }\n                    />\n                    <ConfigDropdown\n                        list={cameraOptions}\n                        value={generatorConfig.camera}\n                        onSelect={(value) =>\n                            handleSetGeneratorConfig('camera', value)\n                        }\n                    />\n                </div>\n                <div className=\"flex flex-col sm:flex-row sm:justify-end gap-4\">\n                    <Button size=\"sm\" shape=\"circle\" onClick={handleClear}>\n                        Clear\n                    </Button>\n                    <Button\n                        size=\"sm\"\n                        variant=\"solid\"\n                        shape=\"circle\"\n                        loading={isGeneratingImage}\n                        onClick={handleGenerate}\n                    >\n                        Generate\n                    </Button>\n                </div>\n            </div>\n        </div>\n    )\n}\n\nexport default GeneratorPrompt\n"],"names":["GeneratorPrompt","uploadedImage","setUploadedImage","useState","generatorConfig","setGeneratorConfig","resetGeneratorConfig","onGenerateImage","onGenerateImageComplete","setGeneratedImage","isGeneratingImage","useImageGeneratorStore","promptRef","useRef","handleClear","handleGenerate","prompt","toast","jsx","Notification","resp","apiPostImages","handleSetGeneratorConfig","key","value","beforeUpload","files","valid","allowedFileType","f","jsxs","CloseButton","Tooltip","Upload","Button","LuImage","ConfigDropdown","aspectRatioOptions","styleOptions","toneOptions","lightingOptions","cameraOptions"],"mappings":";;;;;;;;;;;;;;;;;;;AAoBA,MAAMA,KAAkB,MAAM;AAC1B,QAAM,CAACC,GAAeC,CAAgB,IAAIC,EAAiB,CAAA,CAAE,GAEvD;AAAA,IACF,iBAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,sBAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,yBAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,mBAAAC;AAAA,MACAC,EAAuB,GAErBC,IAAYC,EAA4B,IAAI,GAE5CC,IAAc,MAAM;AACD,IAAAR,EAAA;AAAA,EACzB,GAEMS,IAAiB,YAAY;AACzB,UAAAC,IAASJ,EAAU,SAAS;AAElC,QAAI,CAACI,GAAQ;AACH,MAAAC,EAAA;AAAA,QACD,gBAAAC,EAAAC,GAAA,EAAa,OAAO,uBAAuB,MAAK,UAAS;AAAA,QAC1D;AAAA,UACI,WAAW;AAAA,QAAA;AAAA,MAEnB,GACAP,EAAU,SAAS,MAAM;AAEzB;AAAA,IAAA;AAEY,IAAAL,EAAA;AAChB,UAAMa,IAAO,MAAMC;AAAA,MACf,EAAE,QAAAL,EAAO;AAAA,IACb;AACA,IAAII,KACAX,EAAkBW,CAAI,GAEFZ,EAAA;AAAA,EAC5B,GAEMc,IAA2B,CAACC,GAAqBC,MAAkB;AAClD,IAAAnB,EAAA,EAAE,KAAAkB,GAAK,OAAAC,GAAO;AAAA,EACrC,GAEMC,IAAe,CAACC,MAA2B;AAC7C,QAAIC,IAA0B;AAE9B,UAAMC,IAAkB,CAAC,cAAc,aAAa,YAAY;AAEhE,QAAIF;AACA,iBAAWG,KAAKH;AACZ,QAAKE,EAAgB,SAASC,EAAE,IAAI,MACxBF,IAAA;AAKb,WAAAA;AAAA,EACX;AAGI,SAAA,gBAAAG,EAAC,OAAI,EAAA,WAAU,gEACX,UAAA;AAAA,IAAC,gBAAAA,EAAA,OAAA,EAAI,WAAU,mBACV,UAAA;AAAA,MAAA7B,EAAc,SAAS,KACnB,gBAAA6B,EAAA,OAAA,EAAI,WAAU,+CAEP,UAAA;AAAA,QAAA,gBAAAZ;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,WAAU;AAAA,YACV,KAAK,IAAI,gBAAgBjB,EAAc,CAAC,CAAC;AAAA,UAAA;AAAA,QAC7C;AAAA,QAEH,gBAAAiB,EAAA,OAAA,EAAI,WAAU,+JACX,UAAC,gBAAAA,EAAAa,GAAA,EAAY,SAAS,MAAM7B,EAAiB,CAAE,CAAA,EAAG,CAAA,EACtD,CAAA;AAAA,MAAA,GACJ;AAAA,MAEJ,gBAAA4B,EAAC,OAAI,EAAA,WAAU,UACX,UAAA;AAAA,QAAC,gBAAAZ,EAAA,OAAA,EAAI,WAAU,wCAAuC,UAEtD,UAAA;AAAA,QACA,gBAAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,KAAKN;AAAA,YACL,WAAU;AAAA,YACV,aAAY;AAAA,UAAA;AAAA,QAAA;AAAA,MAChB,EACJ,CAAA;AAAA,IAAA,GACJ;AAAA,IACA,gBAAAkB,EAAC,OAAI,EAAA,WAAU,mDACX,UAAA;AAAA,MAAC,gBAAAA,EAAA,OAAA,EAAI,WAAU,+BACX,UAAA;AAAA,QAAC,gBAAAZ,EAAAc,GAAA,EAAQ,OAAM,aACX,UAAA,gBAAAd;AAAA,UAACe;AAAA,UAAA;AAAA,YACG,UAAU;AAAA,YACV,cAAAR;AAAA,YACA,aAAa;AAAA,YACb,UAAUvB;AAAA,YAEV,4BAACgC,GAAO,EAAA,MAAK,MAAK,MAAM,gBAAAhB,EAACiB,KAAQ,EAAI,CAAA;AAAA,UAAA;AAAA,QAAA,GAE7C;AAAA,QACA,gBAAAjB;AAAA,UAACkB;AAAA,UAAA;AAAA,YACG,MAAMC;AAAA,YACN,OAAOjC,EAAgB;AAAA,YACvB,UAAU,CAACoB,MACPF,EAAyB,eAAeE,CAAK;AAAA,UAAA;AAAA,QAErD;AAAA,QACA,gBAAAN;AAAA,UAACkB;AAAA,UAAA;AAAA,YACG,MAAME;AAAA,YACN,OAAOlC,EAAgB;AAAA,YACvB,UAAU,CAACoB,MACPF,EAAyB,SAASE,CAAK;AAAA,UAAA;AAAA,QAE/C;AAAA,QACA,gBAAAN;AAAA,UAACkB;AAAA,UAAA;AAAA,YACG,MAAMG;AAAA,YACN,OAAOnC,EAAgB;AAAA,YACvB,UAAU,CAACoB,MACPF,EAAyB,QAAQE,CAAK;AAAA,UAAA;AAAA,QAE9C;AAAA,QACA,gBAAAN;AAAA,UAACkB;AAAA,UAAA;AAAA,YACG,MAAMI;AAAA,YACN,OAAOpC,EAAgB;AAAA,YACvB,UAAU,CAACoB,MACPF,EAAyB,YAAYE,CAAK;AAAA,UAAA;AAAA,QAElD;AAAA,QACA,gBAAAN;AAAA,UAACkB;AAAA,UAAA;AAAA,YACG,MAAMK;AAAA,YACN,OAAOrC,EAAgB;AAAA,YACvB,UAAU,CAACoB,MACPF,EAAyB,UAAUE,CAAK;AAAA,UAAA;AAAA,QAAA;AAAA,MAEhD,GACJ;AAAA,MACA,gBAAAM,EAAC,OAAI,EAAA,WAAU,kDACX,UAAA;AAAA,QAAA,gBAAAZ,EAACgB,KAAO,MAAK,MAAK,OAAM,UAAS,SAASpB,GAAa,UAEvD,QAAA,CAAA;AAAA,QACA,gBAAAI;AAAA,UAACgB;AAAA,UAAA;AAAA,YACG,MAAK;AAAA,YACL,SAAQ;AAAA,YACR,OAAM;AAAA,YACN,SAASxB;AAAA,YACT,SAASK;AAAA,YACZ,UAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MAED,EACJ,CAAA;AAAA,IAAA,EACJ,CAAA;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":["ImageDialog","imageDialog","setImageDialog","useImageGeneratorStore","liked","setLiked","useState","handleDialogClose","sleep","downloadFile","fileSegment","fileName","link","jsx","Dialog","jsxs","Tag","Tooltip","Button","TbDownload","TbHeartFilled","TbHeart","TbAlertTriangle"],"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":["ImageDialog","imageDialog","setImageDialog","useImageGeneratorStore","liked","setLiked","useState","handleDialogClose","sleep","downloadFile","fileSegment","fileName","link","jsx","Dialog","jsxs","Tag","Tooltip","Button","TbDownload","TbHeartFilled","TbHeart","TbAlertTriangle"],"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":["defaultGeneratoConfig","initialState","useImageGeneratorStore","create","set","get","key","value","generatorConfig","payload"],"mappings":";AA8BA,MAAMA,IAAwB;AAAA,EAC1B,aAAa;AAAA,EACb,OAAO;AAAA,EACP,MAAM;AAAA,EACN,UAAU;AAAA,EACV,QAAQ;AACZ,GAEMC,IAAoC;AAAA,EACtC,uBAAuB;AAAA,EACvB,mBAAmB;AAAA,EACnB,gBAAgB,CAAA;AAAA,EAChB,iBAAiB,EAAE,GAAGD,EAAA;AAAA,EACtB,aAAa;AAAA,IACT,MAAM;AAAA,IACN,OAAO,CAAA;AAAA,EAAC;AAEhB,GAEaE,IAAyBC,EAEpC,CAACC,GAAKC,OAAS;AAAA,EACb,GAAGJ;AAAA,EACH,oBAAoB,CAAC,EAAE,KAAAK,GAAK,OAAAC,EAAA,MACxBH,EAAI,MAAM;AACN,UAAMI,IAAkBH,IAAM;AAC9B,WAAAG,EAAgBF,CAAG,IAAIC,GAChB,EAAE,iBAAAC,EAAA;AAAA,EACb,CAAC;AAAA,EACL,sBAAsB,MAClBJ,EAAI,OAAO,EAAE,iBAAiB,EAAE,GAAGJ,EAAA,EAAsB,EAAI;AAAA,EACjE,gBAAgB,CAACS,MAAYL,EAAI,OAAO,EAAE,aAAaK,IAAU;AAAA,EACjE,iBAAiB,MACbL,EAAI,OAAO;AAAA,IACP,uBAAuB;AAAA,IACvB,mBAAmB;AAAA,EAAA,EACrB;AAAA,EACN,yBAAyB,MACrBA,EAAI,OAAO;AAAA,IACP,mBAAmB;AAAA,EAAA,EACrB;AAAA,EACN,mBAAmB,CAACK,MAChBL,EAAI,OAAO;AAAA,IACP,gBAAgBK;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":["defaultGeneratoConfig","initialState","useImageGeneratorStore","create","set","get","key","value","generatorConfig","payload"],"mappings":";AA8BA,MAAMA,IAAwB;AAAA,EAC1B,aAAa;AAAA,EACb,OAAO;AAAA,EACP,MAAM;AAAA,EACN,UAAU;AAAA,EACV,QAAQ;AACZ,GAEMC,IAAoC;AAAA,EACtC,uBAAuB;AAAA,EACvB,mBAAmB;AAAA,EACnB,gBAAgB,CAAC;AAAA,EACjB,iBAAiB,EAAE,GAAGD,EAAsB;AAAA,EAC5C,aAAa;AAAA,IACT,MAAM;AAAA,IACN,OAAO,CAAA;AAAA,EAAC;AAEhB,GAEaE,IAAyBC,EAEpC,CAACC,GAAKC,OAAS;AAAA,EACb,GAAGJ;AAAA,EACH,oBAAoB,CAAC,EAAE,KAAAK,GAAK,OAAAC,EAAM,MAC9BH,EAAI,MAAM;AACA,UAAAI,IAAkBH,IAAM;AAC9B,WAAAG,EAAgBF,CAAG,IAAIC,GAChB,EAAE,iBAAAC,EAAgB;AAAA,EAAA,CAC5B;AAAA,EACL,sBAAsB,MAClBJ,EAAI,OAAO,EAAE,iBAAiB,EAAE,GAAGJ,EAAsB,EAAA,EAAI;AAAA,EACjE,gBAAgB,CAACS,MAAYL,EAAI,OAAO,EAAE,aAAaK,IAAU;AAAA,EACjE,iBAAiB,MACbL,EAAI,OAAO;AAAA,IACP,uBAAuB;AAAA,IACvB,mBAAmB;AAAA,EAAA,EACrB;AAAA,EACN,yBAAyB,MACrBA,EAAI,OAAO;AAAA,IACP,mBAAmB;AAAA,EAAA,EACrB;AAAA,EACN,mBAAmB,CAACK,MAChBL,EAAI,OAAO;AAAA,IACP,gBAAgBK;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":["aspectRatioOptions","TbRectangle","LuRectangleVertical","LuSquare","LuRectangleHorizontal","styleOptions","jsx","TbBan","toneOptions","lightingOptions","cameraOptions"],"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":["aspectRatioOptions","TbRectangle","LuRectangleVertical","LuSquare","LuRectangleHorizontal","styleOptions","jsx","TbBan","toneOptions","lightingOptions","cameraOptions"],"mappings":"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"}