@orbe-agro/client-core 5.3.13 → 5.3.25

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

@@ -1 +1 @@
-{"version":3,"file":"useChatSend.js","sources":["../../../../../../../lib/@ecme/views/concepts/ai/Chat/hooks/useChatSend.ts"],"sourcesContent":["import { usGenerativeChatStore } from '../store/generativeChatStore'\r\nimport { apiPostChat } from '@/services/AiService'\r\nimport dayjs from 'dayjs'\r\nimport uniqueId from 'lodash/uniqueId'\r\nimport type { PostAiChatResponse } from '../types'\r\n\r\nconst useChatSend = () => {\r\n    const {\r\n        selectedConversation,\r\n        setSelectedConversation,\r\n        pushChatHistory,\r\n        pushConversation,\r\n        setIsTyping,\r\n    } = usGenerativeChatStore()\r\n\r\n    const creteMyMessage = (id: string, prompt: string) => {\r\n        pushConversation(id, {\r\n            id: uniqueId('ai-conversation-'),\r\n            sender: {\r\n                id: '1',\r\n                name: 'Angelina Gotelli',\r\n                avatarImageUrl: '/img/avatars/thumb-1.jpg',\r\n            },\r\n            content: prompt,\r\n            timestamp: dayjs().toDate(),\r\n            type: 'regular',\r\n            isMyMessage: true,\r\n        })\r\n    }\r\n\r\n    const sendMessage = async (\r\n        id: string,\r\n        prompt: string,\r\n        attachments?: File[],\r\n    ) => {\r\n        const resp = await apiPostChat<PostAiChatResponse>({\r\n            prompt,\r\n            attachments,\r\n        })\r\n        pushConversation(id, {\r\n            id: uniqueId('ai-conversation-'),\r\n            sender: {\r\n                id: 'ai',\r\n                name: 'Chat AI',\r\n                avatarImageUrl: '/img/thumbs/ai.jpg',\r\n            },\r\n            content: resp.choices[0].message.content || '',\r\n            timestamp: dayjs().toDate(),\r\n            type: 'regular',\r\n            isMyMessage: false,\r\n            fresh: true,\r\n        })\r\n        setIsTyping(false)\r\n    }\r\n\r\n    const createConversation = async (\r\n        id: string,\r\n        prompt: string,\r\n        attachments?: File[],\r\n    ) => {\r\n        setSelectedConversation(id)\r\n        await sendMessage(id, prompt, attachments)\r\n    }\r\n\r\n    const handleSend = async (prompt: string, attachments?: File[]) => {\r\n        setIsTyping(true)\r\n        if (selectedConversation) {\r\n            creteMyMessage(selectedConversation, prompt)\r\n            await sendMessage(selectedConversation, prompt)\r\n        } else {\r\n            const newId = uniqueId('ai-chat-')\r\n            pushChatHistory({\r\n                id: newId,\r\n                title: prompt,\r\n                lastConversation: '',\r\n                createdTime: dayjs().unix(),\r\n                updatedTime: dayjs().unix(),\r\n                enable: false,\r\n            })\r\n            creteMyMessage(newId, prompt)\r\n            await createConversation(newId, prompt, attachments)\r\n        }\r\n    }\r\n\r\n    return {\r\n        handleSend,\r\n    }\r\n}\r\n\r\nexport default useChatSend\r\n"],"names":["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,EAAA,GAGCC,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,EAAA,GAGfW,IAAqB,OACvBR,GACAC,GACAI,MACC;AACD,IAAAX,EAAwBM,CAAE,GAC1B,MAAMI,EAAYJ,GAAIC,GAAQI,CAAW;AAAA,EAAA;AAuB7C,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,MAAA;AAAA,IACvD;AAAA,EAIA;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;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;"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sources":["../../../../../../lib/@ecme/views/concepts/ai/Chat/utils.ts"],"sourcesContent":["export const getStringPosition = (\r\n    string: string,\r\n    subString: string,\r\n    index: number,\r\n): number => {\r\n    return string.split(subString, index).join(' ').length\r\n}\r\n\r\nexport const getCurrentNodeOverflow = (\r\n    arr: number[],\r\n    pos: number,\r\n): [number, number] => {\r\n    let acc = 0\r\n    let index = 0\r\n    for (let i = 0; i < arr.length; i++) {\r\n        if (acc + arr[i] > pos) {\r\n            break\r\n        }\r\n\r\n        index++\r\n\r\n        acc += arr[i]\r\n    }\r\n\r\n    return [index, pos - acc]\r\n}\r\n"],"names":["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;AAGhB,SAAO,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'\r\nimport Gallery from './components/Gallery'\r\nimport ImageDialog from './components/ImageDialog'\r\n\r\nconst ImageGenerator = () => {\r\n    return (\r\n        <>\r\n            <Generator />\r\n            <div className=\"mt-6\">\r\n                <Gallery />\r\n            </div>\r\n            <ImageDialog />\r\n        </>\r\n    )\r\n}\r\n\r\nexport default ImageGenerator\r\n"],"names":["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,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;"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"Gallery.js","sources":["../../../../../../../lib/@ecme/views/concepts/ai/Image/components/Gallery.tsx"],"sourcesContent":["import { useEffect, useState } from 'react'\r\nimport Alert from '@/components/ui/Alert'\r\nimport Skeleton from '@/components/ui/Skeleton'\r\nimport GalleryImage from './GalleryImage'\r\nimport Masonry from '@/components/shared/Masonry'\r\nimport { useImageGeneratorStore } from '../store/imageGeneratorStore'\r\nimport useInfiniteScroll from '@/utils/hooks/useInfiniteScroll'\r\nimport { apiGetImages } from '@/services/AiService'\r\nimport type { GetImageResponse, Gallery, GelleryItem } from '../type'\r\n\r\nconst Gallery = () => {\r\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\r\n    const [_, setIsInitialLoading] = useState(false)\r\n    const [initialLoadComplete, setInitialLoadComplete] = useState(false)\r\n    const [loadable, setLoadable] = useState(true)\r\n    const [index, seIndex] = useState(1)\r\n\r\n    const {\r\n        setImageDialog,\r\n        isGeneratedImagesView,\r\n        isGeneratingImage,\r\n        generatedImage,\r\n    } = useImageGeneratorStore()\r\n\r\n    const [imageList, setImageList] = useState<Gallery>([])\r\n\r\n    const getImages = async (index: number) => {\r\n        setIsInitialLoading(true)\r\n        const resp = await apiGetImages<GetImageResponse, { index: number }>({\r\n            index,\r\n        })\r\n        setImageList((prevImages) => [...prevImages, ...resp.data])\r\n        setLoadable(resp.loadable)\r\n        setIsInitialLoading(false)\r\n        seIndex((prevIndex) => prevIndex + 1)\r\n        if (!resp.loadable) {\r\n            setLoadable(true)\r\n            seIndex(() => 1)\r\n        }\r\n    }\r\n\r\n    const { containerRef } = useInfiniteScroll({\r\n        offset: '100px',\r\n        async onLoadMore() {\r\n            if (initialLoadComplete && loadable) {\r\n                await getImages(index)\r\n            }\r\n        },\r\n    })\r\n\r\n    const initialLoad = async (index: number) => {\r\n        setIsInitialLoading(true)\r\n        const resp = await apiGetImages<\r\n            GetImageResponse,\r\n            { index: number; itemCount: number }\r\n        >({ index, itemCount: 8 })\r\n        setImageList(resp.data)\r\n        setLoadable(resp.loadable)\r\n        setIsInitialLoading(false)\r\n        seIndex(3)\r\n        setInitialLoadComplete(true)\r\n    }\r\n\r\n    const handleImageClick = (\r\n        image: GelleryItem,\r\n        type: 'generated' | 'existing',\r\n    ) => {\r\n        setImageDialog({\r\n            open: true,\r\n            props: { ...image, type },\r\n        })\r\n    }\r\n\r\n    useEffect(() => {\r\n        if (!initialLoadComplete) {\r\n            initialLoad(index)\r\n        }\r\n        // eslint-disable-next-line react-hooks/exhaustive-deps\r\n    }, [])\r\n\r\n    return (\r\n        <>\r\n            {isGeneratedImagesView && (\r\n                <div className=\"rounded-xl bg-gray-100 dark:bg-gray-700 p-5 mb-4\">\r\n                    <h4 className=\"mb-4\">\r\n                        {isGeneratingImage ? 'Generating' : 'Result'}\r\n                    </h4>\r\n                    {!isGeneratingImage && generatedImage.length > 0 && (\r\n                        <Alert showIcon className=\"mb-4\" type=\"info\">\r\n                            This is a mock response designed to simulate an\r\n                            AI-generated reply. Please note that these image is\r\n                            not generated by an actual AI model.\r\n                        </Alert>\r\n                    )}\r\n                    <div className=\"grid grid-cols-2 xl:grid-cols-4 gap-4\">\r\n                        {isGeneratingImage ? (\r\n                            <>\r\n                                {[...Array(4).keys()].map((item) => (\r\n                                    <Skeleton\r\n                                        key={`loading-${item}`}\r\n                                        className=\"rounded-xl bg-gray-300 dark:bg-gray-600\"\r\n                                        height={250}\r\n                                    />\r\n                                ))}\r\n                            </>\r\n                        ) : (\r\n                            <>\r\n                                {generatedImage.map((item) => {\r\n                                    return (\r\n                                        <GalleryImage\r\n                                            key={item.id}\r\n                                            galleryItem={item}\r\n                                            onImageClick={() =>\r\n                                                handleImageClick(\r\n                                                    item,\r\n                                                    'generated',\r\n                                                )\r\n                                            }\r\n                                        />\r\n                                    )\r\n                                })}\r\n                            </>\r\n                        )}\r\n                    </div>\r\n                </div>\r\n            )}\r\n            {initialLoadComplete && (\r\n                <div>\r\n                    <h4 className=\"mb-4\">Recent images</h4>\r\n                    <div ref={containerRef}>\r\n                        <Masonry columns={{ 768: 2, 1280: 4 }} gap={16}>\r\n                            {imageList.map((item) => {\r\n                                return (\r\n                                    <GalleryImage\r\n                                        key={item.id}\r\n                                        galleryItem={item}\r\n                                        onImageClick={() =>\r\n                                            handleImageClick(item, 'existing')\r\n                                        }\r\n                                    />\r\n                                )\r\n                            })}\r\n                        </Masonry>\r\n                    </div>\r\n                </div>\r\n            )}\r\n        </>\r\n    )\r\n}\r\n\r\nexport default Gallery\r\n"],"names":["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":";;;;;;;;;;;;AAUA,MAAMA,IAAU,MAAM;AAElB,QAAM,CAACC,GAAGC,CAAmB,IAAIC,EAAS,EAAK,GACzC,CAACC,GAAqBC,CAAsB,IAAIF,EAAS,EAAK,GAC9D,CAACG,GAAUC,CAAW,IAAIJ,EAAS,EAAI,GACvC,CAACK,GAAOC,CAAO,IAAIN,EAAS,CAAC,GAE7B;AAAA,IACF,gBAAAO;AAAA,IACA,uBAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,gBAAAC;AAAA,EAAA,IACAC,EAAA,GAEE,CAACC,GAAWC,CAAY,IAAIb,EAAkB,CAAA,CAAE,GAEhDc,IAAY,OAAOT,MAAkB;AACvC,IAAAN,EAAoB,EAAI;AACxB,UAAMgB,IAAO,MAAMC,EAAkD;AAAA,MACjE,OAAAX;AAAAA,IAAA,CACH;AACD,IAAAQ,EAAa,CAACI,MAAe,CAAC,GAAGA,GAAY,GAAGF,EAAK,IAAI,CAAC,GAC1DX,EAAYW,EAAK,QAAQ,GACzBhB,EAAoB,EAAK,GACzBO,EAAQ,CAACY,MAAcA,IAAY,CAAC,GAC/BH,EAAK,aACNX,EAAY,EAAI,GAChBE,EAAQ,MAAM,CAAC;AAAA,EACnB,GAGE,EAAE,cAAAa,EAAA,IAAiBC,EAAkB;AAAA,IACvC,QAAQ;AAAA,IACR,MAAM,aAAa;AACf,MAAInB,KAAuBE,KACvB,MAAMW,EAAUT,CAAK;AAAA,IACzB;AAAA,EACJ,CACH,GAEKgB,IAAc,OAAOhB,MAAkB;AACzC,IAAAN,EAAoB,EAAI;AACxB,UAAMgB,IAAO,MAAMC,EAGjB,EAAE,OAAAX,GAAO,WAAW,GAAG;AACzB,IAAAQ,EAAaE,EAAK,IAAI,GACtBX,EAAYW,EAAK,QAAQ,GACzBhB,EAAoB,EAAK,GACzBO,EAAQ,CAAC,GACTJ,EAAuB,EAAI;AAAA,EAAA,GAGzBoB,IAAmB,CACrBC,GACAC,MACC;AACD,IAAAjB,EAAe;AAAA,MACX,MAAM;AAAA,MACN,OAAO,EAAE,GAAGgB,GAAO,MAAAC,EAAA;AAAA,IAAK,CAC3B;AAAA,EAAA;AAGL,SAAAC,EAAU,MAAM;AACZ,IAAKxB,KACDoB,EAAYhB,CAAK;AAAA,EACrB,GAED,EAAE,GAGD,gBAAAqB,EAAAC,GAAA,EACK,UAAA;AAAA,IAAAnB,KACG,gBAAAkB,EAAC,OAAA,EAAI,WAAU,oDACX,UAAA;AAAA,MAAA,gBAAAE,EAAC,MAAA,EAAG,WAAU,QACT,UAAAnB,IAAoB,eAAe,UACxC;AAAA,MACC,CAACA,KAAqBC,EAAe,SAAS,KAC3C,gBAAAkB,EAACC,GAAA,EAAM,UAAQ,IAAC,WAAU,QAAO,MAAK,QAAO,UAAA,4IAI7C;AAAA,wBAEH,OAAA,EAAI,WAAU,yCACV,UAAApB,2BAEQ,UAAA,CAAC,GAAG,MAAM,CAAC,EAAE,KAAA,CAAM,EAAE,IAAI,CAACqB,MACvB,gBAAAF;AAAA,QAACG;AAAA,QAAA;AAAA,UAEG,WAAU;AAAA,UACV,QAAQ;AAAA,QAAA;AAAA,QAFH,WAAWD,CAAI;AAAA,MAAA,CAI3B,EAAA,CACL,2BAGK,UAAApB,EAAe,IAAI,CAACoB,MAEb,gBAAAF;AAAA,QAACI;AAAA,QAAA;AAAA,UAEG,aAAaF;AAAA,UACb,cAAc,MACVR;AAAA,YACIQ;AAAA,YACA;AAAA,UAAA;AAAA,QACJ;AAAA,QANCA,EAAK;AAAA,MAAA,CAUrB,GACL,EAAA,CAER;AAAA,IAAA,GACJ;AAAA,IAEH7B,uBACI,OAAA,EACG,UAAA;AAAA,MAAA,gBAAA2B,EAAC,MAAA,EAAG,WAAU,QAAO,UAAA,iBAAa;AAAA,wBACjC,OAAA,EAAI,KAAKT,GACN,UAAA,gBAAAS,EAACK,GAAA,EAAQ,SAAS,EAAE,KAAK,GAAG,MAAM,KAAK,KAAK,IACvC,UAAArB,EAAU,IAAI,CAACkB,MAER,gBAAAF;AAAA,QAACI;AAAA,QAAA;AAAA,UAEG,aAAaF;AAAA,UACb,cAAc,MACVR,EAAiBQ,GAAM,UAAU;AAAA,QAAA;AAAA,QAHhCA,EAAK;AAAA,MAAA,CAOrB,GACL,EAAA,CACJ;AAAA,IAAA,EAAA,CACJ;AAAA,EAAA,GAER;AAER;"}
+{"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'\r\n\r\ntype GalleryImageProps = {\r\n    galleryItem: GelleryItem\r\n    onImageClick: (galleryItem: GelleryItem) => void\r\n}\r\n\r\nconst GalleryImage = (props: GalleryImageProps) => {\r\n    const { galleryItem, onImageClick } = props\r\n\r\n    return (\r\n        <div\r\n            key={galleryItem.id}\r\n            className=\"rounded-lg cursor-pointer relative group\"\r\n            onClick={() => onImageClick(galleryItem)}\r\n        >\r\n            <img className=\"rounded-xl w-full\" src={galleryItem.image} />\r\n        </div>\r\n    )\r\n}\r\n\r\nexport default GalleryImage\r\n"],"names":["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":";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;"}

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

@@ -1 +1 @@
-{"version":3,"file":"Generator.js","sources":["../../../../../../../lib/@ecme/views/concepts/ai/Image/components/Generator.tsx"],"sourcesContent":["import GeneratorHeader from './GeneratorHeader'\r\nimport GeneratorPrompt from './GeneratorPrompt'\r\n\r\nconst Generator = () => {\r\n    return (\r\n        <>\r\n            <GeneratorHeader />\r\n            <div className=\"mt-4\">\r\n                <GeneratorPrompt />\r\n            </div>\r\n        </>\r\n    )\r\n}\r\n\r\nexport default Generator\r\n"],"names":["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,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;"}

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

@@ -1 +1 @@
-{"version":3,"file":"GeneratorHeader.js","sources":["../../../../../../../lib/@ecme/views/concepts/ai/Image/components/GeneratorHeader.tsx"],"sourcesContent":["const GeneratorHeader = () => {\r\n    return (\r\n        <div className=\"flex items-center justify-between\">\r\n            <div>\r\n                <h3 className=\"mb-1\">AI image generator</h3>\r\n                <p>\r\n                    Create an image with Generative AI by describing what\r\n                    you&apos;d like to see. Please note, all images are shared\r\n                    publicly by default.\r\n                </p>\r\n            </div>\r\n        </div>\r\n    )\r\n}\r\n\r\nexport default GeneratorHeader\r\n"],"names":["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,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;"}

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

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

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'\r\nimport Button from '@/components/ui/Button'\r\nimport Dialog from '@/components/ui/Dialog'\r\nimport Tooltip from '@/components/ui/Tooltip'\r\nimport Tag from '@/components/ui/Tag'\r\nimport sleep from '@/utils/sleep'\r\nimport { useImageGeneratorStore } from '../store/imageGeneratorStore'\r\nimport {\r\n    TbDownload,\r\n    TbHeart,\r\n    TbHeartFilled,\r\n    TbAlertTriangle,\r\n} from 'react-icons/tb'\r\n\r\nconst ImageDialog = () => {\r\n    const { imageDialog, setImageDialog } = useImageGeneratorStore()\r\n\r\n    const [liked, setLiked] = useState(false)\r\n\r\n    const handleDialogClose = async () => {\r\n        setImageDialog({\r\n            open: false,\r\n            props: imageDialog.props,\r\n        })\r\n        await sleep(200)\r\n        setImageDialog({\r\n            open: false,\r\n            props: {},\r\n        })\r\n        setLiked(false)\r\n    }\r\n\r\n    const downloadFile = () => {\r\n        const fileSegment = imageDialog.props.image?.split('/') as string[]\r\n        const fileName = fileSegment[fileSegment?.length - 1]\r\n        const link = document.createElement('a')\r\n        link.href = imageDialog.props.image || ''\r\n        link.setAttribute('download', fileName)\r\n        document.body.appendChild(link)\r\n        link.click()\r\n        link.parentNode?.removeChild(link)\r\n    }\r\n\r\n    return (\r\n        <Dialog\r\n            isOpen={imageDialog.open}\r\n            width={900}\r\n            onClose={handleDialogClose}\r\n            onRequestClose={handleDialogClose}\r\n        >\r\n            <div className=\"flex flex-col md:flex-row gap-4\">\r\n                <div className=\"md:max-w-[400px]\">\r\n                    <img\r\n                        className=\"rounded-xl\"\r\n                        src={imageDialog.props.image}\r\n                        alt={imageDialog.props.prompt}\r\n                    />\r\n                </div>\r\n                <div className=\"flex flex-col justify-between flex-1 gap-4\">\r\n                    <div className=\"mt-2\">\r\n                        <h5 className=\"font-bold\">Prompt</h5>\r\n                        <p className=\"mt-4\">{imageDialog.props.prompt}</p>\r\n                        <div className=\"inline-flex gap-2 mt-6\">\r\n                            <Tag>Size: {imageDialog.props.size}</Tag>\r\n                            <Tag>Ratio: {imageDialog.props.ratio}</Tag>\r\n                            {imageDialog.props.type === 'existing' && (\r\n                                <Tag>{imageDialog.props.like || 0} Likes</Tag>\r\n                            )}\r\n                        </div>\r\n                    </div>\r\n                    <div className=\"flex justify-end gap-2\">\r\n                        <Tooltip title=\"Download\">\r\n                            <Button\r\n                                icon={<TbDownload />}\r\n                                shape=\"circle\"\r\n                                size=\"sm\"\r\n                                onClick={downloadFile}\r\n                            />\r\n                        </Tooltip>\r\n                        {imageDialog.props.type === 'existing' && (\r\n                            <Tooltip\r\n                                title={\r\n                                    <div className=\"w-12 text-center\">\r\n                                        {liked ? 'Dislike' : 'Like'}\r\n                                    </div>\r\n                                }\r\n                            >\r\n                                <Button\r\n                                    icon={\r\n                                        liked ? (\r\n                                            <TbHeartFilled className=\"text-pink-500\" />\r\n                                        ) : (\r\n                                            <TbHeart />\r\n                                        )\r\n                                    }\r\n                                    shape=\"circle\"\r\n                                    size=\"sm\"\r\n                                    onClick={() => setLiked(!liked)}\r\n                                />\r\n                            </Tooltip>\r\n                        )}\r\n                        <Tooltip title=\"Report\">\r\n                            <Button\r\n                                icon={<TbAlertTriangle />}\r\n                                shape=\"circle\"\r\n                                size=\"sm\"\r\n                            />\r\n                        </Tooltip>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </Dialog>\r\n    )\r\n}\r\n\r\nexport default ImageDialog\r\n"],"names":["ImageDialog","imageDialog","setImageDialog","useImageGeneratorStore","liked","setLiked","useState","handleDialogClose","sleep","downloadFile","fileSegment","_a","fileName","link","_b","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","_a","fileName","link","_b","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'\r\nimport { Gallery, GelleryItem, ConfigsVariant, GeneratorConfigs } from '../type'\r\n\r\ntype ImageDialog = {\r\n    open: boolean\r\n    props: Partial<GelleryItem> & {\r\n        type?: 'generated' | 'existing'\r\n    }\r\n}\r\n\r\ntype ImageGeneratorState = {\r\n    isGeneratedImagesView: boolean\r\n    isGeneratingImage: boolean\r\n    generatedImage: Gallery\r\n    generatorConfig: GeneratorConfigs\r\n    imageDialog: ImageDialog\r\n}\r\n\r\ntype ImageGeneratorAction = {\r\n    setGeneratorConfig: (payload: {\r\n        key: ConfigsVariant\r\n        value: string\r\n    }) => void\r\n    resetGeneratorConfig: () => void\r\n    setImageDialog: (payload: ImageDialog) => void\r\n    onGenerateImage: () => void\r\n    onGenerateImageComplete: () => void\r\n    setGeneratedImage: (payload: Gallery) => void\r\n}\r\n\r\nconst defaultGeneratoConfig = {\r\n    aspectRatio: 'lanscape',\r\n    style: 'noStyle',\r\n    tone: 'noTone',\r\n    lighting: 'noLighting',\r\n    camera: 'noCamera',\r\n}\r\n\r\nconst initialState: ImageGeneratorState = {\r\n    isGeneratedImagesView: false,\r\n    isGeneratingImage: false,\r\n    generatedImage: [],\r\n    generatorConfig: { ...defaultGeneratoConfig },\r\n    imageDialog: {\r\n        open: false,\r\n        props: {},\r\n    },\r\n}\r\n\r\nexport const useImageGeneratorStore = create<\r\n    ImageGeneratorState & ImageGeneratorAction\r\n>((set, get) => ({\r\n    ...initialState,\r\n    setGeneratorConfig: ({ key, value }) =>\r\n        set(() => {\r\n            const generatorConfig = get().generatorConfig\r\n            generatorConfig[key] = value\r\n            return { generatorConfig }\r\n        }),\r\n    resetGeneratorConfig: () =>\r\n        set(() => ({ generatorConfig: { ...defaultGeneratoConfig } })),\r\n    setImageDialog: (payload) => set(() => ({ imageDialog: payload })),\r\n    onGenerateImage: () =>\r\n        set(() => ({\r\n            isGeneratedImagesView: true,\r\n            isGeneratingImage: true,\r\n        })),\r\n    onGenerateImageComplete: () =>\r\n        set(() => ({\r\n            isGeneratingImage: false,\r\n        })),\r\n    setGeneratedImage: (payload) =>\r\n        set(() => ({\r\n            generatedImage: payload,\r\n        })),\r\n}))\r\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,EAAgB,CAC5B;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,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;"}

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

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

@@ -1 +1 @@
-{"version":3,"file":"Calendar.js","sources":["../../../../../../lib/@ecme/views/concepts/calendar/Calendar/Calendar.tsx"],"sourcesContent":["import { useState } from 'react'\r\nimport CalendarView from '@/components/shared/CalendarView'\r\nimport Container from '@/components/shared/Container'\r\nimport EventDialog from './components/EventDialog'\r\nimport { apiGetCalendar } from '@/services/CalendarService'\r\nimport cloneDeep from 'lodash/cloneDeep'\r\nimport dayjs from 'dayjs'\r\nimport useSWR from 'swr'\r\nimport type {\r\n    GetCalendarResponse,\r\n    SelectedCell,\r\n    CalendarEventParam,\r\n} from './types'\r\nimport type {\r\n    EventDropArg,\r\n    EventClickArg,\r\n    DateSelectArg,\r\n} from '@fullcalendar/core'\r\n\r\nconst Calendar = () => {\r\n    const [dialogOpen, setDialogOpen] = useState(false)\r\n\r\n    const [selectedCell, setSelectedCell] = useState<SelectedCell>({\r\n        type: '',\r\n    })\r\n\r\n    const { data: events, mutate } = useSWR(\r\n        '/api/calendar',\r\n        () => apiGetCalendar<GetCalendarResponse>(),\r\n        {\r\n            revalidateOnFocus: false,\r\n            revalidateIfStale: false,\r\n            revalidateOnReconnect: false,\r\n        },\r\n    )\r\n\r\n    const handleCellSelect = (event: DateSelectArg) => {\r\n        const { start, end } = event\r\n        setSelectedCell({\r\n            type: 'NEW',\r\n            start: dayjs(start).format(),\r\n            end: dayjs(end).format(),\r\n        })\r\n        setDialogOpen(true)\r\n    }\r\n\r\n    const handleEventClick = (arg: EventClickArg) => {\r\n        const { start, end, id, title, extendedProps } = arg.event\r\n\r\n        setSelectedCell({\r\n            type: 'EDIT',\r\n            eventColor: extendedProps.eventColor,\r\n            title,\r\n            start: start ? dayjs(start).toISOString() : undefined,\r\n            end: end ? dayjs(end).toISOString() : undefined,\r\n            id,\r\n        })\r\n        setDialogOpen(true)\r\n    }\r\n\r\n    const handleEventChange = (arg: EventDropArg) => {\r\n        const newEvents = cloneDeep(events)?.map((event) => {\r\n            if (arg.event.id === event.id) {\r\n                const { id, extendedProps, start, end, title } = arg.event\r\n                event = {\r\n                    id,\r\n                    start: dayjs(start).format(),\r\n                    end: dayjs(end).format(),\r\n                    title,\r\n                    eventColor: extendedProps.eventColor,\r\n                }\r\n            }\r\n            return event\r\n        })\r\n        mutate(newEvents, false)\r\n    }\r\n\r\n    const handleSubmit = (data: CalendarEventParam, type: string) => {\r\n        let newEvents = cloneDeep(events)\r\n        if (type === 'NEW') {\r\n            newEvents?.push(data)\r\n        }\r\n\r\n        if (type === 'EDIT') {\r\n            newEvents = newEvents?.map((event) => {\r\n                if (data.id === event.id) {\r\n                    event = data\r\n                }\r\n                return event\r\n            })\r\n        }\r\n        mutate(newEvents, false)\r\n    }\r\n\r\n    return (\r\n        <Container className=\"h-full\">\r\n            <CalendarView\r\n                editable\r\n                selectable\r\n                events={events}\r\n                eventClick={handleEventClick}\r\n                select={handleCellSelect}\r\n                eventDrop={handleEventChange}\r\n            />\r\n            <EventDialog\r\n                open={dialogOpen}\r\n                selected={selectedCell}\r\n                submit={handleSubmit}\r\n                onDialogOpen={setDialogOpen}\r\n            />\r\n        </Container>\r\n    )\r\n}\r\n\r\nexport default Calendar\r\n"],"names":["Calendar","dialogOpen","setDialogOpen","useState","selectedCell","setSelectedCell","events","mutate","useSWR","apiGetCalendar","jsxs","Container","jsx","CalendarView","arg","start","end","id","title","extendedProps","dayjs","event","newEvents","_a","cloneDeep","EventDialog","data","type"],"mappings":";;;;;;;;;AAmBA,MAAMA,IAAW,MAAM;AACnB,QAAM,CAACC,GAAYC,CAAa,IAAIC,EAAS,EAAK,GAE5C,CAACC,GAAcC,CAAe,IAAIF,EAAuB;AAAA,IAC3D,MAAM;AAAA,EAAA,CACT,GAEK,EAAE,MAAMG,GAAQ,QAAAC,EAAA,IAAWC;AAAA,IAC7B;AAAA,IACA,MAAMC,EAAA;AAAA,IACN;AAAA,MACI,mBAAmB;AAAA,MACnB,mBAAmB;AAAA,MACnB,uBAAuB;AAAA,IAAA;AAAA,EAC3B;AA6DJ,SACI,gBAAAC,EAACC,GAAA,EAAU,WAAU,UACjB,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACG,UAAQ;AAAA,QACR,YAAU;AAAA,QACV,QAAAP;AAAA,QACA,YAtDa,CAACQ,MAAuB;AAC7C,gBAAM,EAAE,OAAAC,GAAO,KAAAC,GAAK,IAAAC,GAAI,OAAAC,GAAO,eAAAC,EAAA,IAAkBL,EAAI;AAErD,UAAAT,EAAgB;AAAA,YACZ,MAAM;AAAA,YACN,YAAYc,EAAc;AAAA,YAC1B,OAAAD;AAAA,YACA,OAAOH,IAAQK,EAAML,CAAK,EAAE,gBAAgB;AAAA,YAC5C,KAAKC,IAAMI,EAAMJ,CAAG,EAAE,gBAAgB;AAAA,YACtC,IAAAC;AAAA,UAAA,CACH,GACDf,EAAc,EAAI;AAAA,QAAA;AAAA,QA4CV,QAjEa,CAACmB,MAAyB;AAC/C,gBAAM,EAAE,OAAAN,GAAO,KAAAC,EAAA,IAAQK;AACvB,UAAAhB,EAAgB;AAAA,YACZ,MAAM;AAAA,YACN,OAAOe,EAAML,CAAK,EAAE,OAAA;AAAA,YACpB,KAAKK,EAAMJ,CAAG,EAAE,OAAA;AAAA,UAAO,CAC1B,GACDd,EAAc,EAAI;AAAA,QAAA;AAAA,QA2DV,WA1Cc,CAACY,MAAsB;;AAC7C,gBAAMQ,KAAYC,IAAAC,EAAUlB,CAAM,MAAhB,gBAAAiB,EAAmB,IAAI,CAACF,MAAU;AAChD,gBAAIP,EAAI,MAAM,OAAOO,EAAM,IAAI;AAC3B,oBAAM,EAAE,IAAAJ,GAAI,eAAAE,GAAe,OAAAJ,GAAO,KAAAC,GAAK,OAAAE,EAAA,IAAUJ,EAAI;AACrD,cAAAO,IAAQ;AAAA,gBACJ,IAAAJ;AAAA,gBACA,OAAOG,EAAML,CAAK,EAAE,OAAA;AAAA,gBACpB,KAAKK,EAAMJ,CAAG,EAAE,OAAA;AAAA,gBAChB,OAAAE;AAAA,gBACA,YAAYC,EAAc;AAAA,cAAA;AAAA,YAC9B;AAEJ,mBAAOE;AAAA,UAAA;AAEX,UAAAd,EAAOe,GAAW,EAAK;AAAA,QAAA;AAAA,MA4BJ;AAAA,IAAA;AAAA,IAEf,gBAAAV;AAAA,MAACa;AAAA,MAAA;AAAA,QACG,MAAMxB;AAAA,QACN,UAAUG;AAAA,QACV,QA9BS,CAACsB,GAA0BC,MAAiB;AAC7D,cAAIL,IAAYE,EAAUlB,CAAM;AAChC,UAAIqB,MAAS,UACTL,KAAA,QAAAA,EAAW,KAAKI,KAGhBC,MAAS,WACTL,IAAYA,KAAA,gBAAAA,EAAW,IAAI,CAACD,OACpBK,EAAK,OAAOL,EAAM,OAClBA,IAAQK,IAELL,MAGfd,EAAOe,GAAW,EAAK;AAAA,QAAA;AAAA,QAiBf,cAAcpB;AAAA,MAAA;AAAA,IAAA;AAAA,EAClB,GACJ;AAER;"}
+{"version":3,"file":"Calendar.js","sources":["../../../../../../lib/@ecme/views/concepts/calendar/Calendar/Calendar.tsx"],"sourcesContent":["import { useState } from 'react'\nimport CalendarView from '@/components/shared/CalendarView'\nimport Container from '@/components/shared/Container'\nimport EventDialog from './components/EventDialog'\nimport { apiGetCalendar } from '@/services/CalendarService'\nimport cloneDeep from 'lodash/cloneDeep'\nimport dayjs from 'dayjs'\nimport useSWR from 'swr'\nimport type {\n    GetCalendarResponse,\n    SelectedCell,\n    CalendarEventParam,\n} from './types'\nimport type {\n    EventDropArg,\n    EventClickArg,\n    DateSelectArg,\n} from '@fullcalendar/core'\n\nconst Calendar = () => {\n    const [dialogOpen, setDialogOpen] = useState(false)\n\n    const [selectedCell, setSelectedCell] = useState<SelectedCell>({\n        type: '',\n    })\n\n    const { data: events, mutate } = useSWR(\n        '/api/calendar',\n        () => apiGetCalendar<GetCalendarResponse>(),\n        {\n            revalidateOnFocus: false,\n            revalidateIfStale: false,\n            revalidateOnReconnect: false,\n        },\n    )\n\n    const handleCellSelect = (event: DateSelectArg) => {\n        const { start, end } = event\n        setSelectedCell({\n            type: 'NEW',\n            start: dayjs(start).format(),\n            end: dayjs(end).format(),\n        })\n        setDialogOpen(true)\n    }\n\n    const handleEventClick = (arg: EventClickArg) => {\n        const { start, end, id, title, extendedProps } = arg.event\n\n        setSelectedCell({\n            type: 'EDIT',\n            eventColor: extendedProps.eventColor,\n            title,\n            start: start ? dayjs(start).toISOString() : undefined,\n            end: end ? dayjs(end).toISOString() : undefined,\n            id,\n        })\n        setDialogOpen(true)\n    }\n\n    const handleEventChange = (arg: EventDropArg) => {\n        const newEvents = cloneDeep(events)?.map((event) => {\n            if (arg.event.id === event.id) {\n                const { id, extendedProps, start, end, title } = arg.event\n                event = {\n                    id,\n                    start: dayjs(start).format(),\n                    end: dayjs(end).format(),\n                    title,\n                    eventColor: extendedProps.eventColor,\n                }\n            }\n            return event\n        })\n        mutate(newEvents, false)\n    }\n\n    const handleSubmit = (data: CalendarEventParam, type: string) => {\n        let newEvents = cloneDeep(events)\n        if (type === 'NEW') {\n            newEvents?.push(data)\n        }\n\n        if (type === 'EDIT') {\n            newEvents = newEvents?.map((event) => {\n                if (data.id === event.id) {\n                    event = data\n                }\n                return event\n            })\n        }\n        mutate(newEvents, false)\n    }\n\n    return (\n        <Container className=\"h-full\">\n            <CalendarView\n                editable\n                selectable\n                events={events}\n                eventClick={handleEventClick}\n                select={handleCellSelect}\n                eventDrop={handleEventChange}\n            />\n            <EventDialog\n                open={dialogOpen}\n                selected={selectedCell}\n                submit={handleSubmit}\n                onDialogOpen={setDialogOpen}\n            />\n        </Container>\n    )\n}\n\nexport default Calendar\n"],"names":["Calendar","dialogOpen","setDialogOpen","useState","selectedCell","setSelectedCell","events","mutate","useSWR","apiGetCalendar","jsxs","Container","jsx","CalendarView","arg","start","end","id","title","extendedProps","dayjs","event","newEvents","_a","cloneDeep","EventDialog","data","type"],"mappings":";;;;;;;;;AAmBA,MAAMA,IAAW,MAAM;AACnB,QAAM,CAACC,GAAYC,CAAa,IAAIC,EAAS,EAAK,GAE5C,CAACC,GAAcC,CAAe,IAAIF,EAAuB;AAAA,IAC3D,MAAM;AAAA,EAAA,CACT,GAEK,EAAE,MAAMG,GAAQ,QAAAC,EAAA,IAAWC;AAAA,IAC7B;AAAA,IACA,MAAMC,EAAA;AAAA,IACN;AAAA,MACI,mBAAmB;AAAA,MACnB,mBAAmB;AAAA,MACnB,uBAAuB;AAAA,IAAA;AAAA,EAC3B;AA6DJ,SACI,gBAAAC,EAACC,GAAA,EAAU,WAAU,UACjB,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACG,UAAQ;AAAA,QACR,YAAU;AAAA,QACV,QAAAP;AAAA,QACA,YAtDa,CAACQ,MAAuB;AAC7C,gBAAM,EAAE,OAAAC,GAAO,KAAAC,GAAK,IAAAC,GAAI,OAAAC,GAAO,eAAAC,EAAA,IAAkBL,EAAI;AAErD,UAAAT,EAAgB;AAAA,YACZ,MAAM;AAAA,YACN,YAAYc,EAAc;AAAA,YAC1B,OAAAD;AAAA,YACA,OAAOH,IAAQK,EAAML,CAAK,EAAE,gBAAgB;AAAA,YAC5C,KAAKC,IAAMI,EAAMJ,CAAG,EAAE,gBAAgB;AAAA,YACtC,IAAAC;AAAA,UAAA,CACH,GACDf,EAAc,EAAI;AAAA,QACtB;AAAA,QA2CY,QAjEa,CAACmB,MAAyB;AAC/C,gBAAM,EAAE,OAAAN,GAAO,KAAAC,EAAA,IAAQK;AACvB,UAAAhB,EAAgB;AAAA,YACZ,MAAM;AAAA,YACN,OAAOe,EAAML,CAAK,EAAE,OAAA;AAAA,YACpB,KAAKK,EAAMJ,CAAG,EAAE,OAAA;AAAA,UAAO,CAC1B,GACDd,EAAc,EAAI;AAAA,QACtB;AAAA,QA0DY,WA1Cc,CAACY,MAAsB;;AAC7C,gBAAMQ,KAAYC,IAAAC,EAAUlB,CAAM,MAAhB,gBAAAiB,EAAmB,IAAI,CAACF,MAAU;AAChD,gBAAIP,EAAI,MAAM,OAAOO,EAAM,IAAI;AAC3B,oBAAM,EAAE,IAAAJ,GAAI,eAAAE,GAAe,OAAAJ,GAAO,KAAAC,GAAK,OAAAE,EAAA,IAAUJ,EAAI;AACrD,cAAAO,IAAQ;AAAA,gBACJ,IAAAJ;AAAA,gBACA,OAAOG,EAAML,CAAK,EAAE,OAAA;AAAA,gBACpB,KAAKK,EAAMJ,CAAG,EAAE,OAAA;AAAA,gBAChB,OAAAE;AAAA,gBACA,YAAYC,EAAc;AAAA,cAAA;AAAA,YAElC;AACA,mBAAOE;AAAA,UACX;AACA,UAAAd,EAAOe,GAAW,EAAK;AAAA,QAC3B;AAAA,MA2BuB;AAAA,IAAA;AAAA,IAEf,gBAAAV;AAAA,MAACa;AAAA,MAAA;AAAA,QACG,MAAMxB;AAAA,QACN,UAAUG;AAAA,QACV,QA9BS,CAACsB,GAA0BC,MAAiB;AAC7D,cAAIL,IAAYE,EAAUlB,CAAM;AAChC,UAAIqB,MAAS,UACTL,KAAA,QAAAA,EAAW,KAAKI,KAGhBC,MAAS,WACTL,IAAYA,KAAA,gBAAAA,EAAW,IAAI,CAACD,OACpBK,EAAK,OAAOL,EAAM,OAClBA,IAAQK,IAELL,MAGfd,EAAOe,GAAW,EAAK;AAAA,QAC3B;AAAA,QAgBY,cAAcpB;AAAA,MAAA;AAAA,IAAA;AAAA,EAClB,GACJ;AAER;"}

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

@@ -1 +1 @@
-{"version":3,"file":"EventDialog.js","sources":["../../../../../../../lib/@ecme/views/concepts/calendar/Calendar/components/EventDialog.tsx"],"sourcesContent":["import { useEffect } from 'react'\r\nimport Input from '@/components/ui/Input'\r\nimport Button from '@/components/ui/Button'\r\nimport Select from '@/components/ui/Select'\r\nimport DatePicker from '@/components/ui/DatePicker'\r\nimport Dialog from '@/components/ui/Dialog'\r\nimport { Form, FormItem } from '@/components/ui/Form'\r\nimport Badge from '@/components/ui/Badge'\r\nimport hooks from '@/components/ui/hooks'\r\nimport { Controller, useForm } from 'react-hook-form'\r\nimport { zodResolver } from '@hookform/resolvers/zod'\r\nimport { z } from 'zod'\r\nimport { TbChecks } from 'react-icons/tb'\r\nimport { components } from 'react-select'\r\nimport dayjs from 'dayjs'\r\nimport type { SelectedCell } from '../types'\r\nimport type { ControlProps, OptionProps } from 'react-select'\r\n\r\ntype FormModel = {\r\n    title: string\r\n    startDate: Date\r\n    endDate: Date\r\n    color: string\r\n}\r\n\r\nexport type EventParam = {\r\n    id: string\r\n    title: string\r\n    start: string\r\n    eventColor: string\r\n    end?: string\r\n}\r\n\r\ntype ColorOption = {\r\n    value: string\r\n    label: string\r\n    color: string\r\n}\r\n\r\ntype EventDialogProps = {\r\n    open: boolean\r\n    selected: SelectedCell\r\n    onDialogOpen: (open: boolean) => void\r\n    submit: (eventData: EventParam, type: string) => void\r\n}\r\n\r\nconst { Control } = components\r\n\r\nconst { useUniqueId } = hooks\r\n\r\nconst colorOptions = [\r\n    {\r\n        value: 'red',\r\n        label: 'red',\r\n        color: 'bg-red-400',\r\n    },\r\n    {\r\n        value: 'orange',\r\n        label: 'orange',\r\n        color: 'bg-orange-400',\r\n    },\r\n    {\r\n        value: 'yellow',\r\n        label: 'yellow',\r\n        color: 'bg-yellow-400',\r\n    },\r\n    {\r\n        value: 'green',\r\n        label: 'green',\r\n        color: 'bg-green-400',\r\n    },\r\n    {\r\n        value: 'blue',\r\n        label: 'blue',\r\n        color: 'bg-blue-400',\r\n    },\r\n    {\r\n        value: 'purple',\r\n        label: 'purple',\r\n        color: 'bg-purple-400',\r\n    },\r\n]\r\n\r\nconst CustomSelectOption = ({\r\n    innerProps,\r\n    label,\r\n    data,\r\n    isSelected,\r\n}: OptionProps<ColorOption>) => {\r\n    return (\r\n        <div\r\n            className={`flex items-center justify-between rounded-lg p-2 ${\r\n                isSelected\r\n                    ? 'bg-gray-100 dark:bg-gray-500'\r\n                    : 'hover:bg-gray-50 dark:hover:bg-gray-600'\r\n            }`}\r\n            {...innerProps}\r\n        >\r\n            <div className=\"flex items-center\">\r\n                <Badge className={data.color} />\r\n                <span className=\"ml-2 rtl:mr-2 capitalize\">{label}</span>\r\n            </div>\r\n            {isSelected && <TbChecks className=\"text-emerald-500 text-xl\" />}\r\n        </div>\r\n    )\r\n}\r\n\r\nconst CustomControl = ({ children, ...props }: ControlProps<ColorOption>) => {\r\n    const selected = props.getValue()[0]\r\n\r\n    return (\r\n        <Control className=\"capitalize\" {...props}>\r\n            {selected && (\r\n                <Badge className={`${selected.color} ltr:ml-4 rtl:mr-4`} />\r\n            )}\r\n            {children}\r\n        </Control>\r\n    )\r\n}\r\n\r\nconst validationSchema = z.object({\r\n    title: z.string().min(1, { message: 'Event title required' }),\r\n    startDate: z.date({\r\n        required_error: 'Please select a date',\r\n        invalid_type_error: \"That's not a date!\",\r\n    }),\r\n    endDate: z.date({\r\n        required_error: 'Please select a date',\r\n        invalid_type_error: \"That's not a date!\",\r\n    }),\r\n    color: z.string().min(1, { message: 'Color required' }),\r\n})\r\n\r\nconst EventDialog = (props: EventDialogProps) => {\r\n    const { submit, open, selected, onDialogOpen } = props\r\n\r\n    const newId = useUniqueId('event-')\r\n\r\n    const handleDialogClose = () => {\r\n        onDialogOpen(false)\r\n    }\r\n\r\n    const onSubmit = (values: FormModel) => {\r\n        const eventData: EventParam = {\r\n            id: selected.id || newId,\r\n            title: values.title,\r\n            start: dayjs(values.startDate).format(),\r\n            eventColor: values.color,\r\n        }\r\n        if (values.endDate) {\r\n            eventData.end = dayjs(values.endDate).format()\r\n        }\r\n        console.log('eventData', eventData)\r\n        submit?.(eventData, selected.type)\r\n        handleDialogClose()\r\n    }\r\n\r\n    const {\r\n        handleSubmit,\r\n        reset,\r\n        formState: { errors },\r\n        control,\r\n    } = useForm<FormModel>({\r\n        resolver: zodResolver(validationSchema),\r\n    })\r\n\r\n    useEffect(() => {\r\n        if (selected) {\r\n            reset({\r\n                title: selected.title || '',\r\n                startDate: (selected.start &&\r\n                    dayjs(selected.start).toDate()) as Date,\r\n                endDate: (selected.end && dayjs(selected.end).toDate()) as Date,\r\n                color: selected.eventColor || colorOptions[0].value,\r\n            })\r\n        }\r\n        // eslint-disable-next-line react-hooks/exhaustive-deps\r\n    }, [selected])\r\n\r\n    return (\r\n        <Dialog\r\n            isOpen={open}\r\n            onClose={handleDialogClose}\r\n            onRequestClose={handleDialogClose}\r\n        >\r\n            <h5 className=\"mb-4\">\r\n                {selected.type === 'NEW' ? 'Add New Event' : 'Edit Event'}\r\n            </h5>\r\n            <Form\r\n                className=\"flex-1 flex flex-col\"\r\n                onSubmit={handleSubmit(onSubmit)}\r\n            >\r\n                <FormItem\r\n                    label=\"Event title\"\r\n                    invalid={Boolean(errors.title)}\r\n                    errorMessage={errors.title?.message}\r\n                >\r\n                    <Controller\r\n                        name=\"title\"\r\n                        control={control}\r\n                        render={({ field }) => (\r\n                            <Input\r\n                                type=\"text\"\r\n                                autoComplete=\"off\"\r\n                                placeholder=\"Event title\"\r\n                                {...field}\r\n                            />\r\n                        )}\r\n                    />\r\n                </FormItem>\r\n                <FormItem\r\n                    label=\"Start date\"\r\n                    invalid={Boolean(errors.startDate)}\r\n                    errorMessage={errors.startDate?.message}\r\n                >\r\n                    <Controller\r\n                        name=\"startDate\"\r\n                        control={control}\r\n                        render={({ field }) => (\r\n                            <DatePicker\r\n                                value={field.value}\r\n                                onChange={field.onChange}\r\n                            />\r\n                        )}\r\n                    />\r\n                </FormItem>\r\n                <FormItem\r\n                    label=\"End date\"\r\n                    invalid={Boolean(errors.endDate)}\r\n                    errorMessage={errors.endDate?.message}\r\n                >\r\n                    <Controller\r\n                        name=\"endDate\"\r\n                        control={control}\r\n                        render={({ field }) => (\r\n                            <DatePicker\r\n                                value={field.value}\r\n                                onChange={field.onChange}\r\n                            />\r\n                        )}\r\n                    />\r\n                </FormItem>\r\n                <FormItem\r\n                    label=\"Event color\"\r\n                    asterisk={true}\r\n                    invalid={Boolean(errors.color)}\r\n                    errorMessage={errors.color?.message}\r\n                >\r\n                    <Controller\r\n                        name=\"color\"\r\n                        control={control}\r\n                        render={({ field }) => (\r\n                            <Select<ColorOption>\r\n                                options={colorOptions}\r\n                                value={colorOptions.filter(\r\n                                    (option) => option.value === field.value,\r\n                                )}\r\n                                components={{\r\n                                    Option: CustomSelectOption,\r\n                                    Control: CustomControl,\r\n                                }}\r\n                                onChange={(selected) => {\r\n                                    field.onChange(selected?.value)\r\n                                }}\r\n                            />\r\n                        )}\r\n                    />\r\n                </FormItem>\r\n                <FormItem className=\"mb-0 text-right rtl:text-left\">\r\n                    <Button block variant=\"solid\" type=\"submit\">\r\n                        {selected.type === 'NEW' ? 'Create' : 'Update'}\r\n                    </Button>\r\n                </FormItem>\r\n            </Form>\r\n        </Dialog>\r\n    )\r\n}\r\n\r\nexport default EventDialog\r\n"],"names":["Control","components","useUniqueId","hooks","colorOptions","CustomSelectOption","innerProps","label","data","isSelected","jsxs","jsx","Badge","TbChecks","CustomControl","children","props","selected","validationSchema","z","EventDialog","submit","open","onDialogOpen","newId","handleDialogClose","onSubmit","values","eventData","dayjs","handleSubmit","reset","errors","control","useForm","zodResolver","useEffect","Dialog","Form","FormItem","_a","Controller","field","Input","_b","DatePicker","_c","_d","Select","option","Button"],"mappings":"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"}
+{"version":3,"file":"EventDialog.js","sources":["../../../../../../../lib/@ecme/views/concepts/calendar/Calendar/components/EventDialog.tsx"],"sourcesContent":["import { useEffect } from 'react'\nimport Input from '@/components/ui/Input'\nimport Button from '@/components/ui/Button'\nimport Select from '@/components/ui/Select'\nimport DatePicker from '@/components/ui/DatePicker'\nimport Dialog from '@/components/ui/Dialog'\nimport { Form, FormItem } from '@/components/ui/Form'\nimport Badge from '@/components/ui/Badge'\nimport hooks from '@/components/ui/hooks'\nimport { Controller, useForm } from 'react-hook-form'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport { z } from 'zod'\nimport { TbChecks } from 'react-icons/tb'\nimport { components } from 'react-select'\nimport dayjs from 'dayjs'\nimport type { SelectedCell } from '../types'\nimport type { ControlProps, OptionProps } from 'react-select'\n\ntype FormModel = {\n    title: string\n    startDate: Date\n    endDate: Date\n    color: string\n}\n\nexport type EventParam = {\n    id: string\n    title: string\n    start: string\n    eventColor: string\n    end?: string\n}\n\ntype ColorOption = {\n    value: string\n    label: string\n    color: string\n}\n\ntype EventDialogProps = {\n    open: boolean\n    selected: SelectedCell\n    onDialogOpen: (open: boolean) => void\n    submit: (eventData: EventParam, type: string) => void\n}\n\nconst { Control } = components\n\nconst { useUniqueId } = hooks\n\nconst colorOptions = [\n    {\n        value: 'red',\n        label: 'red',\n        color: 'bg-red-400',\n    },\n    {\n        value: 'orange',\n        label: 'orange',\n        color: 'bg-orange-400',\n    },\n    {\n        value: 'yellow',\n        label: 'yellow',\n        color: 'bg-yellow-400',\n    },\n    {\n        value: 'green',\n        label: 'green',\n        color: 'bg-green-400',\n    },\n    {\n        value: 'blue',\n        label: 'blue',\n        color: 'bg-blue-400',\n    },\n    {\n        value: 'purple',\n        label: 'purple',\n        color: 'bg-purple-400',\n    },\n]\n\nconst CustomSelectOption = ({\n    innerProps,\n    label,\n    data,\n    isSelected,\n}: OptionProps<ColorOption>) => {\n    return (\n        <div\n            className={`flex items-center justify-between rounded-lg p-2 ${\n                isSelected\n                    ? 'bg-gray-100 dark:bg-gray-500'\n                    : 'hover:bg-gray-50 dark:hover:bg-gray-600'\n            }`}\n            {...innerProps}\n        >\n            <div className=\"flex items-center\">\n                <Badge className={data.color} />\n                <span className=\"ml-2 rtl:mr-2 capitalize\">{label}</span>\n            </div>\n            {isSelected && <TbChecks className=\"text-emerald-500 text-xl\" />}\n        </div>\n    )\n}\n\nconst CustomControl = ({ children, ...props }: ControlProps<ColorOption>) => {\n    const selected = props.getValue()[0]\n\n    return (\n        <Control className=\"capitalize\" {...props}>\n            {selected && (\n                <Badge className={`${selected.color} ltr:ml-4 rtl:mr-4`} />\n            )}\n            {children}\n        </Control>\n    )\n}\n\nconst validationSchema = z.object({\n    title: z.string().min(1, { message: 'Event title required' }),\n    startDate: z.date({\n        required_error: 'Please select a date',\n        invalid_type_error: \"That's not a date!\",\n    }),\n    endDate: z.date({\n        required_error: 'Please select a date',\n        invalid_type_error: \"That's not a date!\",\n    }),\n    color: z.string().min(1, { message: 'Color required' }),\n})\n\nconst EventDialog = (props: EventDialogProps) => {\n    const { submit, open, selected, onDialogOpen } = props\n\n    const newId = useUniqueId('event-')\n\n    const handleDialogClose = () => {\n        onDialogOpen(false)\n    }\n\n    const onSubmit = (values: FormModel) => {\n        const eventData: EventParam = {\n            id: selected.id || newId,\n            title: values.title,\n            start: dayjs(values.startDate).format(),\n            eventColor: values.color,\n        }\n        if (values.endDate) {\n            eventData.end = dayjs(values.endDate).format()\n        }\n        console.log('eventData', eventData)\n        submit?.(eventData, selected.type)\n        handleDialogClose()\n    }\n\n    const {\n        handleSubmit,\n        reset,\n        formState: { errors },\n        control,\n    } = useForm<FormModel>({\n        resolver: zodResolver(validationSchema),\n    })\n\n    useEffect(() => {\n        if (selected) {\n            reset({\n                title: selected.title || '',\n                startDate: (selected.start &&\n                    dayjs(selected.start).toDate()) as Date,\n                endDate: (selected.end && dayjs(selected.end).toDate()) as Date,\n                color: selected.eventColor || colorOptions[0].value,\n            })\n        }\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [selected])\n\n    return (\n        <Dialog\n            isOpen={open}\n            onClose={handleDialogClose}\n            onRequestClose={handleDialogClose}\n        >\n            <h5 className=\"mb-4\">\n                {selected.type === 'NEW' ? 'Add New Event' : 'Edit Event'}\n            </h5>\n            <Form\n                className=\"flex-1 flex flex-col\"\n                onSubmit={handleSubmit(onSubmit)}\n            >\n                <FormItem\n                    label=\"Event title\"\n                    invalid={Boolean(errors.title)}\n                    errorMessage={errors.title?.message}\n                >\n                    <Controller\n                        name=\"title\"\n                        control={control}\n                        render={({ field }) => (\n                            <Input\n                                type=\"text\"\n                                autoComplete=\"off\"\n                                placeholder=\"Event title\"\n                                {...field}\n                            />\n                        )}\n                    />\n                </FormItem>\n                <FormItem\n                    label=\"Start date\"\n                    invalid={Boolean(errors.startDate)}\n                    errorMessage={errors.startDate?.message}\n                >\n                    <Controller\n                        name=\"startDate\"\n                        control={control}\n                        render={({ field }) => (\n                            <DatePicker\n                                value={field.value}\n                                onChange={field.onChange}\n                            />\n                        )}\n                    />\n                </FormItem>\n                <FormItem\n                    label=\"End date\"\n                    invalid={Boolean(errors.endDate)}\n                    errorMessage={errors.endDate?.message}\n                >\n                    <Controller\n                        name=\"endDate\"\n                        control={control}\n                        render={({ field }) => (\n                            <DatePicker\n                                value={field.value}\n                                onChange={field.onChange}\n                            />\n                        )}\n                    />\n                </FormItem>\n                <FormItem\n                    label=\"Event color\"\n                    asterisk={true}\n                    invalid={Boolean(errors.color)}\n                    errorMessage={errors.color?.message}\n                >\n                    <Controller\n                        name=\"color\"\n                        control={control}\n                        render={({ field }) => (\n                            <Select<ColorOption>\n                                options={colorOptions}\n                                value={colorOptions.filter(\n                                    (option) => option.value === field.value,\n                                )}\n                                components={{\n                                    Option: CustomSelectOption,\n                                    Control: CustomControl,\n                                }}\n                                onChange={(selected) => {\n                                    field.onChange(selected?.value)\n                                }}\n                            />\n                        )}\n                    />\n                </FormItem>\n                <FormItem className=\"mb-0 text-right rtl:text-left\">\n                    <Button block variant=\"solid\" type=\"submit\">\n                        {selected.type === 'NEW' ? 'Create' : 'Update'}\n                    </Button>\n                </FormItem>\n            </Form>\n        </Dialog>\n    )\n}\n\nexport default EventDialog\n"],"names":["Control","components","useUniqueId","hooks","colorOptions","CustomSelectOption","innerProps","label","data","isSelected","jsxs","jsx","Badge","TbChecks","CustomControl","children","props","selected","validationSchema","z","EventDialog","submit","open","onDialogOpen","newId","handleDialogClose","onSubmit","values","eventData","dayjs","handleSubmit","reset","errors","control","useForm","zodResolver","useEffect","Dialog","Form","FormItem","_a","Controller","field","Input","_b","DatePicker","_c","_d","Select","option","Button"],"mappings":"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"}

package/dist/@ecme/views/concepts/chat/Chat/Chat.js.map

@@ -1 +1 @@
-{"version":3,"file":"Chat.js","sources":["../../../../../../lib/@ecme/views/concepts/chat/Chat/Chat.tsx"],"sourcesContent":["import Card from '@/components/ui/Card'\r\nimport ChatSidebar from './components/ChatSidebar'\r\nimport ChatBody from './components/ChatBody'\r\nimport ContactInfoDrawer from './components/ContactInfoDrawer'\r\n\r\nconst Chat = () => {\r\n    return (\r\n        <>\r\n            <Card className=\"h-full border-0\" bodyClass=\"h-full flex flex-col\">\r\n                <div className=\"flex flex-auto h-full gap-8\">\r\n                    <ChatSidebar />\r\n                    <ChatBody />\r\n                </div>\r\n            </Card>\r\n            <ContactInfoDrawer />\r\n        </>\r\n    )\r\n}\r\n\r\nexport default Chat\r\n"],"names":["Chat","jsxs","Fragment","jsx","Card","ChatSidebar","ChatBody","ContactInfoDrawer"],"mappings":";;;;;;AAKA,MAAMA,IAAO,MAEL,gBAAAC,EAAAC,GAAA,EACI,UAAA;AAAA,EAAA,gBAAAC,EAACC,GAAA,EAAK,WAAU,mBAAkB,WAAU,wBACxC,UAAA,gBAAAH,EAAC,OAAA,EAAI,WAAU,+BACX,UAAA;AAAA,IAAA,gBAAAE,EAACE,GAAA,EAAY;AAAA,sBACZC,GAAA,CAAA,CAAS;AAAA,EAAA,EAAA,CACd,EAAA,CACJ;AAAA,oBACCC,GAAA,CAAA,CAAkB;AAAA,GACvB;"}
+{"version":3,"file":"Chat.js","sources":["../../../../../../lib/@ecme/views/concepts/chat/Chat/Chat.tsx"],"sourcesContent":["import Card from '@/components/ui/Card'\nimport ChatSidebar from './components/ChatSidebar'\nimport ChatBody from './components/ChatBody'\nimport ContactInfoDrawer from './components/ContactInfoDrawer'\n\nconst Chat = () => {\n    return (\n        <>\n            <Card className=\"h-full border-0\" bodyClass=\"h-full flex flex-col\">\n                <div className=\"flex flex-auto h-full gap-8\">\n                    <ChatSidebar />\n                    <ChatBody />\n                </div>\n            </Card>\n            <ContactInfoDrawer />\n        </>\n    )\n}\n\nexport default Chat\n"],"names":["Chat","jsxs","Fragment","jsx","Card","ChatSidebar","ChatBody","ContactInfoDrawer"],"mappings":";;;;;;AAKA,MAAMA,IAAO,MAEL,gBAAAC,EAAAC,GAAA,EACI,UAAA;AAAA,EAAA,gBAAAC,EAACC,GAAA,EAAK,WAAU,mBAAkB,WAAU,wBACxC,UAAA,gBAAAH,EAAC,OAAA,EAAI,WAAU,+BACX,UAAA;AAAA,IAAA,gBAAAE,EAACE,GAAA,EAAY;AAAA,sBACZC,GAAA,CAAA,CAAS;AAAA,EAAA,EAAA,CACd,EAAA,CACJ;AAAA,oBACCC,GAAA,CAAA,CAAkB;AAAA,GACvB;"}

package/dist/@ecme/views/concepts/chat/Chat/components/ChatAction.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChatAction.js","sources":["../../../../../../../lib/@ecme/views/concepts/chat/Chat/components/ChatAction.tsx"],"sourcesContent":["import { useRef } from 'react'\r\nimport Dropdown from '@/components/ui/Dropdown'\r\nimport { useChatStore } from '../store/chatStore'\r\nimport {\r\n    TbDotsVertical,\r\n    TbBell,\r\n    TbBellOff,\r\n    TbShare3,\r\n    TbTrash,\r\n    TbUserPlus,\r\n} from 'react-icons/tb'\r\nimport type { DropdownRef } from '@/components/ui/Dropdown'\r\n\r\ntype ChatActionProps = {\r\n    muted?: boolean\r\n}\r\n\r\nconst ChatAction = ({ muted }: ChatActionProps) => {\r\n    const dropdownRef = useRef<DropdownRef>(null)\r\n    const selectedChat = useChatStore((state) => state.selectedChat)\r\n    const setSelectedChat = useChatStore((state) => state.setSelectedChat)\r\n    const deleteConversationRecord = useChatStore(\r\n        (state) => state.deleteConversationRecord,\r\n    )\r\n    const setChatMute = useChatStore((state) => state.setChatMute)\r\n\r\n    const handleMute = () => {\r\n        const nextMuted = !selectedChat.muted\r\n        setSelectedChat({ ...selectedChat, muted: nextMuted })\r\n        setChatMute({ id: selectedChat.id as string, muted: nextMuted })\r\n    }\r\n\r\n    const handleDelete = () => {\r\n        deleteConversationRecord(selectedChat.id as string)\r\n        setSelectedChat({})\r\n    }\r\n\r\n    return (\r\n        <div className=\"flex items-center gap-2\">\r\n            <Dropdown\r\n                ref={dropdownRef}\r\n                placement=\"bottom-end\"\r\n                renderTitle={\r\n                    <button className=\"outline-none rounded-full p-2 text-xl bg-white dark:bg-gray-500 hover:bg-gray-200 dark:hover:bg-gray-400 hover:text-gray-800 dark:text-gray-200 dark:hover:text-gray-100\">\r\n                        <TbDotsVertical />\r\n                    </button>\r\n                }\r\n            >\r\n                <Dropdown.Item eventKey=\"mute\" onClick={handleMute}>\r\n                    <span className=\"text-lg\">\r\n                        {muted ? <TbBellOff /> : <TbBell />}\r\n                    </span>\r\n                    <span>{muted ? 'Unmute' : 'Mute'}</span>\r\n                </Dropdown.Item>\r\n                {selectedChat.chatType === 'groups' ? (\r\n                    <Dropdown.Item eventKey=\"inviteMember\">\r\n                        <span className=\"text-lg\">\r\n                            <TbUserPlus />\r\n                        </span>\r\n                        <span>Invite member</span>\r\n                    </Dropdown.Item>\r\n                ) : (\r\n                    <Dropdown.Item eventKey=\"shareContact\">\r\n                        <span className=\"text-lg\">\r\n                            <TbShare3 />\r\n                        </span>\r\n                        <span>Share contact</span>\r\n                    </Dropdown.Item>\r\n                )}\r\n                <Dropdown.Item eventKey=\"delete\" onClick={handleDelete}>\r\n                    <span className=\"text-lg text-error\">\r\n                        <TbTrash />\r\n                    </span>\r\n                    <span className=\"text-error\">Delete</span>\r\n                </Dropdown.Item>\r\n            </Dropdown>\r\n        </div>\r\n    )\r\n}\r\n\r\nexport default ChatAction\r\n"],"names":["ChatAction","muted","dropdownRef","useRef","selectedChat","useChatStore","state","setSelectedChat","deleteConversationRecord","setChatMute","handleMute","nextMuted","handleDelete","jsx","jsxs","Dropdown","TbDotsVertical","TbBellOff","TbBell","TbUserPlus","TbShare3","TbTrash"],"mappings":";;;;;AAiBA,MAAMA,IAAa,CAAC,EAAE,OAAAC,QAA6B;AAC/C,QAAMC,IAAcC,EAAoB,IAAI,GACtCC,IAAeC,EAAa,CAACC,MAAUA,EAAM,YAAY,GACzDC,IAAkBF,EAAa,CAACC,MAAUA,EAAM,eAAe,GAC/DE,IAA2BH;AAAA,IAC7B,CAACC,MAAUA,EAAM;AAAA,EAAA,GAEfG,IAAcJ,EAAa,CAACC,MAAUA,EAAM,WAAW,GAEvDI,IAAa,MAAM;AACrB,UAAMC,IAAY,CAACP,EAAa;AAChC,IAAAG,EAAgB,EAAE,GAAGH,GAAc,OAAOO,GAAW,GACrDF,EAAY,EAAE,IAAIL,EAAa,IAAc,OAAOO,GAAW;AAAA,EAAA,GAG7DC,IAAe,MAAM;AACvB,IAAAJ,EAAyBJ,EAAa,EAAY,GAClDG,EAAgB,CAAA,CAAE;AAAA,EAAA;AAGtB,SACI,gBAAAM,EAAC,OAAA,EAAI,WAAU,2BACX,UAAA,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,KAAKb;AAAA,MACL,WAAU;AAAA,MACV,aACI,gBAAAW,EAAC,UAAA,EAAO,WAAU,4KACd,UAAA,gBAAAA,EAACG,KAAe,GACpB;AAAA,MAGJ,UAAA;AAAA,QAAA,gBAAAF,EAACC,EAAS,MAAT,EAAc,UAAS,QAAO,SAASL,GACpC,UAAA;AAAA,UAAA,gBAAAG,EAAC,QAAA,EAAK,WAAU,WACX,UAAAZ,sBAASgB,GAAA,CAAA,CAAU,IAAK,gBAAAJ,EAACK,GAAA,CAAA,CAAO,EAAA,CACrC;AAAA,UACA,gBAAAL,EAAC,QAAA,EAAM,UAAAZ,IAAQ,WAAW,OAAA,CAAO;AAAA,QAAA,GACrC;AAAA,QACCG,EAAa,aAAa,WACvB,gBAAAU,EAACC,EAAS,MAAT,EAAc,UAAS,gBACpB,UAAA;AAAA,UAAA,gBAAAF,EAAC,QAAA,EAAK,WAAU,WACZ,UAAA,gBAAAA,EAACM,KAAW,GAChB;AAAA,UACA,gBAAAN,EAAC,UAAK,UAAA,gBAAA,CAAa;AAAA,QAAA,EAAA,CACvB,IAEA,gBAAAC,EAACC,EAAS,MAAT,EAAc,UAAS,gBACpB,UAAA;AAAA,UAAA,gBAAAF,EAAC,QAAA,EAAK,WAAU,WACZ,UAAA,gBAAAA,EAACO,KAAS,GACd;AAAA,UACA,gBAAAP,EAAC,UAAK,UAAA,gBAAA,CAAa;AAAA,QAAA,GACvB;AAAA,0BAEHE,EAAS,MAAT,EAAc,UAAS,UAAS,SAASH,GACtC,UAAA;AAAA,UAAA,gBAAAC,EAAC,QAAA,EAAK,WAAU,sBACZ,UAAA,gBAAAA,EAACQ,KAAQ,GACb;AAAA,UACA,gBAAAR,EAAC,QAAA,EAAK,WAAU,cAAa,UAAA,SAAA,CAAM;AAAA,QAAA,EAAA,CACvC;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,GAER;AAER;"}
+{"version":3,"file":"ChatAction.js","sources":["../../../../../../../lib/@ecme/views/concepts/chat/Chat/components/ChatAction.tsx"],"sourcesContent":["import { useRef } from 'react'\nimport Dropdown from '@/components/ui/Dropdown'\nimport { useChatStore } from '../store/chatStore'\nimport {\n    TbDotsVertical,\n    TbBell,\n    TbBellOff,\n    TbShare3,\n    TbTrash,\n    TbUserPlus,\n} from 'react-icons/tb'\nimport type { DropdownRef } from '@/components/ui/Dropdown'\n\ntype ChatActionProps = {\n    muted?: boolean\n}\n\nconst ChatAction = ({ muted }: ChatActionProps) => {\n    const dropdownRef = useRef<DropdownRef>(null)\n    const selectedChat = useChatStore((state) => state.selectedChat)\n    const setSelectedChat = useChatStore((state) => state.setSelectedChat)\n    const deleteConversationRecord = useChatStore(\n        (state) => state.deleteConversationRecord,\n    )\n    const setChatMute = useChatStore((state) => state.setChatMute)\n\n    const handleMute = () => {\n        const nextMuted = !selectedChat.muted\n        setSelectedChat({ ...selectedChat, muted: nextMuted })\n        setChatMute({ id: selectedChat.id as string, muted: nextMuted })\n    }\n\n    const handleDelete = () => {\n        deleteConversationRecord(selectedChat.id as string)\n        setSelectedChat({})\n    }\n\n    return (\n        <div className=\"flex items-center gap-2\">\n            <Dropdown\n                ref={dropdownRef}\n                placement=\"bottom-end\"\n                renderTitle={\n                    <button className=\"outline-none rounded-full p-2 text-xl bg-white dark:bg-gray-500 hover:bg-gray-200 dark:hover:bg-gray-400 hover:text-gray-800 dark:text-gray-200 dark:hover:text-gray-100\">\n                        <TbDotsVertical />\n                    </button>\n                }\n            >\n                <Dropdown.Item eventKey=\"mute\" onClick={handleMute}>\n                    <span className=\"text-lg\">\n                        {muted ? <TbBellOff /> : <TbBell />}\n                    </span>\n                    <span>{muted ? 'Unmute' : 'Mute'}</span>\n                </Dropdown.Item>\n                {selectedChat.chatType === 'groups' ? (\n                    <Dropdown.Item eventKey=\"inviteMember\">\n                        <span className=\"text-lg\">\n                            <TbUserPlus />\n                        </span>\n                        <span>Invite member</span>\n                    </Dropdown.Item>\n                ) : (\n                    <Dropdown.Item eventKey=\"shareContact\">\n                        <span className=\"text-lg\">\n                            <TbShare3 />\n                        </span>\n                        <span>Share contact</span>\n                    </Dropdown.Item>\n                )}\n                <Dropdown.Item eventKey=\"delete\" onClick={handleDelete}>\n                    <span className=\"text-lg text-error\">\n                        <TbTrash />\n                    </span>\n                    <span className=\"text-error\">Delete</span>\n                </Dropdown.Item>\n            </Dropdown>\n        </div>\n    )\n}\n\nexport default ChatAction\n"],"names":["ChatAction","muted","dropdownRef","useRef","selectedChat","useChatStore","state","setSelectedChat","deleteConversationRecord","setChatMute","handleMute","nextMuted","handleDelete","jsx","jsxs","Dropdown","TbDotsVertical","TbBellOff","TbBell","TbUserPlus","TbShare3","TbTrash"],"mappings":";;;;;AAiBA,MAAMA,IAAa,CAAC,EAAE,OAAAC,QAA6B;AAC/C,QAAMC,IAAcC,EAAoB,IAAI,GACtCC,IAAeC,EAAa,CAACC,MAAUA,EAAM,YAAY,GACzDC,IAAkBF,EAAa,CAACC,MAAUA,EAAM,eAAe,GAC/DE,IAA2BH;AAAA,IAC7B,CAACC,MAAUA,EAAM;AAAA,EAAA,GAEfG,IAAcJ,EAAa,CAACC,MAAUA,EAAM,WAAW,GAEvDI,IAAa,MAAM;AACrB,UAAMC,IAAY,CAACP,EAAa;AAChC,IAAAG,EAAgB,EAAE,GAAGH,GAAc,OAAOO,GAAW,GACrDF,EAAY,EAAE,IAAIL,EAAa,IAAc,OAAOO,GAAW;AAAA,EACnE,GAEMC,IAAe,MAAM;AACvB,IAAAJ,EAAyBJ,EAAa,EAAY,GAClDG,EAAgB,CAAA,CAAE;AAAA,EACtB;AAEA,SACI,gBAAAM,EAAC,OAAA,EAAI,WAAU,2BACX,UAAA,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,KAAKb;AAAA,MACL,WAAU;AAAA,MACV,aACI,gBAAAW,EAAC,UAAA,EAAO,WAAU,4KACd,UAAA,gBAAAA,EAACG,KAAe,GACpB;AAAA,MAGJ,UAAA;AAAA,QAAA,gBAAAF,EAACC,EAAS,MAAT,EAAc,UAAS,QAAO,SAASL,GACpC,UAAA;AAAA,UAAA,gBAAAG,EAAC,QAAA,EAAK,WAAU,WACX,UAAAZ,sBAASgB,GAAA,CAAA,CAAU,IAAK,gBAAAJ,EAACK,GAAA,CAAA,CAAO,EAAA,CACrC;AAAA,UACA,gBAAAL,EAAC,QAAA,EAAM,UAAAZ,IAAQ,WAAW,OAAA,CAAO;AAAA,QAAA,GACrC;AAAA,QACCG,EAAa,aAAa,WACvB,gBAAAU,EAACC,EAAS,MAAT,EAAc,UAAS,gBACpB,UAAA;AAAA,UAAA,gBAAAF,EAAC,QAAA,EAAK,WAAU,WACZ,UAAA,gBAAAA,EAACM,KAAW,GAChB;AAAA,UACA,gBAAAN,EAAC,UAAK,UAAA,gBAAA,CAAa;AAAA,QAAA,EAAA,CACvB,IAEA,gBAAAC,EAACC,EAAS,MAAT,EAAc,UAAS,gBACpB,UAAA;AAAA,UAAA,gBAAAF,EAAC,QAAA,EAAK,WAAU,WACZ,UAAA,gBAAAA,EAACO,KAAS,GACd;AAAA,UACA,gBAAAP,EAAC,UAAK,UAAA,gBAAA,CAAa;AAAA,QAAA,GACvB;AAAA,0BAEHE,EAAS,MAAT,EAAc,UAAS,UAAS,SAASH,GACtC,UAAA;AAAA,UAAA,gBAAAC,EAAC,QAAA,EAAK,WAAU,sBACZ,UAAA,gBAAAA,EAACQ,KAAQ,GACb;AAAA,UACA,gBAAAR,EAAC,QAAA,EAAK,WAAU,cAAa,UAAA,SAAA,CAAM;AAAA,QAAA,EAAA,CACvC;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,GAER;AAER;"}