@orbe-agro/client-core 3.4.12 → 5.0.0

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

@@ -1 +1 @@
-{"version":3,"file":"imageGeneratorStore.js","sources":["../../../../../../../../lib/@ecme/views/concepts/ai/Image/store/imageGeneratorStore.ts"],"sourcesContent":["import { create } from 'zustand'\nimport { Gallery, GelleryItem, ConfigsVariant, GeneratorConfigs } from '../type'\n\ntype ImageDialog = {\n    open: boolean\n    props: Partial<GelleryItem> & {\n        type?: 'generated' | 'existing'\n    }\n}\n\ntype ImageGeneratorState = {\n    isGeneratedImagesView: boolean\n    isGeneratingImage: boolean\n    generatedImage: Gallery\n    generatorConfig: GeneratorConfigs\n    imageDialog: ImageDialog\n}\n\ntype ImageGeneratorAction = {\n    setGeneratorConfig: (payload: {\n        key: ConfigsVariant\n        value: string\n    }) => void\n    resetGeneratorConfig: () => void\n    setImageDialog: (payload: ImageDialog) => void\n    onGenerateImage: () => void\n    onGenerateImageComplete: () => void\n    setGeneratedImage: (payload: Gallery) => void\n}\n\nconst defaultGeneratoConfig = {\n    aspectRatio: 'lanscape',\n    style: 'noStyle',\n    tone: 'noTone',\n    lighting: 'noLighting',\n    camera: 'noCamera',\n}\n\nconst initialState: ImageGeneratorState = {\n    isGeneratedImagesView: false,\n    isGeneratingImage: false,\n    generatedImage: [],\n    generatorConfig: { ...defaultGeneratoConfig },\n    imageDialog: {\n        open: false,\n        props: {},\n    },\n}\n\nexport const useImageGeneratorStore = create<\n    ImageGeneratorState & ImageGeneratorAction\n>((set, get) => ({\n    ...initialState,\n    setGeneratorConfig: ({ key, value }) =>\n        set(() => {\n            const generatorConfig = get().generatorConfig\n            generatorConfig[key] = value\n            return { generatorConfig }\n        }),\n    resetGeneratorConfig: () =>\n        set(() => ({ generatorConfig: { ...defaultGeneratoConfig } })),\n    setImageDialog: (payload) => set(() => ({ imageDialog: payload })),\n    onGenerateImage: () =>\n        set(() => ({\n            isGeneratedImagesView: true,\n            isGeneratingImage: true,\n        })),\n    onGenerateImageComplete: () =>\n        set(() => ({\n            isGeneratingImage: false,\n        })),\n    setGeneratedImage: (payload) =>\n        set(() => ({\n            generatedImage: payload,\n        })),\n}))\n"],"names":["defaultGeneratoConfig","initialState","useImageGeneratorStore","create","set","get","key","value","generatorConfig","payload"],"mappings":";AA8BA,MAAMA,IAAwB;AAAA,EAC1B,aAAa;AAAA,EACb,OAAO;AAAA,EACP,MAAM;AAAA,EACN,UAAU;AAAA,EACV,QAAQ;AACZ,GAEMC,IAAoC;AAAA,EACtC,uBAAuB;AAAA,EACvB,mBAAmB;AAAA,EACnB,gBAAgB,CAAC;AAAA,EACjB,iBAAiB,EAAE,GAAGD,EAAsB;AAAA,EAC5C,aAAa;AAAA,IACT,MAAM;AAAA,IACN,OAAO,CAAA;AAAA,EAAC;AAEhB,GAEaE,IAAyBC,EAEpC,CAACC,GAAKC,OAAS;AAAA,EACb,GAAGJ;AAAA,EACH,oBAAoB,CAAC,EAAE,KAAAK,GAAK,OAAAC,EAAM,MAC9BH,EAAI,MAAM;AACA,UAAAI,IAAkBH,IAAM;AAC9B,WAAAG,EAAgBF,CAAG,IAAIC,GAChB,EAAE,iBAAAC,EAAgB;AAAA,EAAA,CAC5B;AAAA,EACL,sBAAsB,MAClBJ,EAAI,OAAO,EAAE,iBAAiB,EAAE,GAAGJ,EAAsB,EAAA,EAAI;AAAA,EACjE,gBAAgB,CAACS,MAAYL,EAAI,OAAO,EAAE,aAAaK,IAAU;AAAA,EACjE,iBAAiB,MACbL,EAAI,OAAO;AAAA,IACP,uBAAuB;AAAA,IACvB,mBAAmB;AAAA,EAAA,EACrB;AAAA,EACN,yBAAyB,MACrBA,EAAI,OAAO;AAAA,IACP,mBAAmB;AAAA,EAAA,EACrB;AAAA,EACN,mBAAmB,CAACK,MAChBL,EAAI,OAAO;AAAA,IACP,gBAAgBK;AAAA,EAAA,EAClB;AACV,EAAE;"}
+{"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,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;"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"Calendar.js","sources":["../../../../../../../lib/@ecme/views/concepts/calendar/Calendar/Calendar.tsx"],"sourcesContent":["import { useState } from 'react'\nimport CalendarView from '@/components/shared/CalendarView'\nimport Container from '@/components/shared/Container'\nimport EventDialog from './components/EventDialog'\nimport { apiGetCalendar } from '@/services/CalendarService'\nimport cloneDeep from 'lodash/cloneDeep'\nimport dayjs from 'dayjs'\nimport useSWR from 'swr'\nimport type {\n    GetCalendarResponse,\n    SelectedCell,\n    CalendarEventParam,\n} from './types'\nimport type {\n    EventDropArg,\n    EventClickArg,\n    DateSelectArg,\n} from '@fullcalendar/core'\n\nconst Calendar = () => {\n    const [dialogOpen, setDialogOpen] = useState(false)\n\n    const [selectedCell, setSelectedCell] = useState<SelectedCell>({\n        type: '',\n    })\n\n    const { data: events, mutate } = useSWR(\n        '/api/calendar',\n        () => apiGetCalendar<GetCalendarResponse>(),\n        {\n            revalidateOnFocus: false,\n            revalidateIfStale: false,\n            revalidateOnReconnect: false,\n        },\n    )\n\n    const handleCellSelect = (event: DateSelectArg) => {\n        const { start, end } = event\n        setSelectedCell({\n            type: 'NEW',\n            start: dayjs(start).format(),\n            end: dayjs(end).format(),\n        })\n        setDialogOpen(true)\n    }\n\n    const handleEventClick = (arg: EventClickArg) => {\n        const { start, end, id, title, extendedProps } = arg.event\n\n        setSelectedCell({\n            type: 'EDIT',\n            eventColor: extendedProps.eventColor,\n            title,\n            start: start ? dayjs(start).toISOString() : undefined,\n            end: end ? dayjs(end).toISOString() : undefined,\n            id,\n        })\n        setDialogOpen(true)\n    }\n\n    const handleEventChange = (arg: EventDropArg) => {\n        const newEvents = cloneDeep(events)?.map((event) => {\n            if (arg.event.id === event.id) {\n                const { id, extendedProps, start, end, title } = arg.event\n                event = {\n                    id,\n                    start: dayjs(start).format(),\n                    end: dayjs(end).format(),\n                    title,\n                    eventColor: extendedProps.eventColor,\n                }\n            }\n            return event\n        })\n        mutate(newEvents, false)\n    }\n\n    const handleSubmit = (data: CalendarEventParam, type: string) => {\n        let newEvents = cloneDeep(events)\n        if (type === 'NEW') {\n            newEvents?.push(data)\n        }\n\n        if (type === 'EDIT') {\n            newEvents = newEvents?.map((event) => {\n                if (data.id === event.id) {\n                    event = data\n                }\n                return event\n            })\n        }\n        mutate(newEvents, false)\n    }\n\n    return (\n        <Container className=\"h-full\">\n            <CalendarView\n                editable\n                selectable\n                events={events}\n                eventClick={handleEventClick}\n                select={handleCellSelect}\n                eventDrop={handleEventChange}\n            />\n            <EventDialog\n                open={dialogOpen}\n                selected={selectedCell}\n                submit={handleSubmit}\n                onDialogOpen={setDialogOpen}\n            />\n        </Container>\n    )\n}\n\nexport default Calendar\n"],"names":["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,EAAW,IAAAC;AAAA,IAC7B;AAAA,IACA,MAAMC,EAAoC;AAAA,IAC1C;AAAA,MACI,mBAAmB;AAAA,MACnB,mBAAmB;AAAA,MACnB,uBAAuB;AAAA,IAAA;AAAA,EAE/B;AA6DI,SAAA,gBAAAC,EAACC,GAAU,EAAA,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;AAErC,UAAAT,EAAA;AAAA,YACZ,MAAM;AAAA,YACN,YAAYc,EAAc;AAAA,YAC1B,OAAAD;AAAA,YACA,OAAOH,IAAQK,EAAML,CAAK,EAAE,YAAgB,IAAA;AAAA,YAC5C,KAAKC,IAAMI,EAAMJ,CAAG,EAAE,YAAgB,IAAA;AAAA,YACtC,IAAAC;AAAA,UAAA,CACH,GACDf,EAAc,EAAI;AAAA,QACtB;AAAA,QA2CY,QAjEa,CAACmB,MAAyB;AACzC,gBAAA,EAAE,OAAAN,GAAO,KAAAC,EAAA,IAAQK;AACP,UAAAhB,EAAA;AAAA,YACZ,MAAM;AAAA,YACN,OAAOe,EAAML,CAAK,EAAE,OAAO;AAAA,YAC3B,KAAKK,EAAMJ,CAAG,EAAE,OAAO;AAAA,UAAA,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;AAC7C,cAAAO,IAAA;AAAA,gBACJ,IAAAJ;AAAA,gBACA,OAAOG,EAAML,CAAK,EAAE,OAAO;AAAA,gBAC3B,KAAKK,EAAMJ,CAAG,EAAE,OAAO;AAAA,gBACvB,OAAAE;AAAA,gBACA,YAAYC,EAAc;AAAA,cAC9B;AAAA,YAAA;AAEG,mBAAAE;AAAA,UAAA;AAEX,UAAAd,EAAOe,GAAW,EAAK;AAAA,QAC3B;AAAA,MA2BuB;AAAA,IACf;AAAA,IACA,gBAAAV;AAAA,MAACa;AAAA,MAAA;AAAA,QACG,MAAMxB;AAAA,QACN,UAAUG;AAAA,QACV,QA9BS,CAACsB,GAA0BC,MAAiB;AACzD,cAAAL,IAAYE,EAAUlB,CAAM;AAChC,UAAIqB,MAAS,UACTL,KAAA,QAAAA,EAAW,KAAKI,KAGhBC,MAAS,WACGL,IAAAA,KAAA,gBAAAA,EAAW,IAAI,CAACD,OACpBK,EAAK,OAAOL,EAAM,OACVA,IAAAK,IAELL,MAGfd,EAAOe,GAAW,EAAK;AAAA,QAC3B;AAAA,QAgBY,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,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;"}

package/dist/lib/@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'\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":";;;;;;;;;;;;;;;;;;;;;;;AA8CA,MAAM,EAAE,SAAAA,EAAY,IAAAC,GAEd,EAAE,aAAAC,EAAgB,IAAAC,GAElBC,IAAe;AAAA,EACjB;AAAA,IACI,OAAO;AAAA,IACP,OAAO;AAAA,IACP,OAAO;AAAA,EACX;AAAA,EACA;AAAA,IACI,OAAO;AAAA,IACP,OAAO;AAAA,IACP,OAAO;AAAA,EACX;AAAA,EACA;AAAA,IACI,OAAO;AAAA,IACP,OAAO;AAAA,IACP,OAAO;AAAA,EACX;AAAA,EACA;AAAA,IACI,OAAO;AAAA,IACP,OAAO;AAAA,IACP,OAAO;AAAA,EACX;AAAA,EACA;AAAA,IACI,OAAO;AAAA,IACP,OAAO;AAAA,IACP,OAAO;AAAA,EACX;AAAA,EACA;AAAA,IACI,OAAO;AAAA,IACP,OAAO;AAAA,IACP,OAAO;AAAA,EAAA;AAEf,GAEMC,IAAqB,CAAC;AAAA,EACxB,YAAAC;AAAA,EACA,OAAAC;AAAA,EACA,MAAAC;AAAA,EACA,YAAAC;AACJ,MAEQ,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACG,WAAW,oDACPD,IACM,iCACA,yCACV;AAAA,IACC,GAAGH;AAAA,IAEJ,UAAA;AAAA,MAAC,gBAAAI,EAAA,OAAA,EAAI,WAAU,qBACX,UAAA;AAAA,QAAC,gBAAAC,EAAAC,GAAA,EAAM,WAAWJ,EAAK,MAAO,CAAA;AAAA,QAC7B,gBAAAG,EAAA,QAAA,EAAK,WAAU,4BAA4B,UAAMJ,EAAA,CAAA;AAAA,MAAA,GACtD;AAAA,MACCE,KAAc,gBAAAE,EAACE,GAAS,EAAA,WAAU,2BAA2B,CAAA;AAAA,IAAA;AAAA,EAAA;AAClE,GAIFC,IAAgB,CAAC,EAAE,UAAAC,GAAU,GAAGC,QAAuC;AACzE,QAAMC,IAAWD,EAAM,SAAS,EAAE,CAAC;AAEnC,SACK,gBAAAN,EAAAV,GAAA,EAAQ,WAAU,cAAc,GAAGgB,GAC/B,UAAA;AAAA,IAAAC,uBACIL,GAAM,EAAA,WAAW,GAAGK,EAAS,KAAK,sBAAsB;AAAA,IAE5DF;AAAA,EAAA,GACL;AAER,GAEMG,IAAmBC,EAAE,OAAO;AAAA,EAC9B,OAAOA,EAAE,SAAS,IAAI,GAAG,EAAE,SAAS,wBAAwB;AAAA,EAC5D,WAAWA,EAAE,KAAK;AAAA,IACd,gBAAgB;AAAA,IAChB,oBAAoB;AAAA,EAAA,CACvB;AAAA,EACD,SAASA,EAAE,KAAK;AAAA,IACZ,gBAAgB;AAAA,IAChB,oBAAoB;AAAA,EAAA,CACvB;AAAA,EACD,OAAOA,EAAE,OAAO,EAAE,IAAI,GAAG,EAAE,SAAS,iBAAkB,CAAA;AAC1D,CAAC,GAEKC,KAAc,CAACJ,MAA4B;;AAC7C,QAAM,EAAE,QAAAK,GAAQ,MAAAC,GAAM,UAAAL,GAAU,cAAAM,EAAiB,IAAAP,GAE3CQ,IAAQtB,EAAY,QAAQ,GAE5BuB,IAAoB,MAAM;AAC5B,IAAAF,EAAa,EAAK;AAAA,EACtB,GAEMG,IAAW,CAACC,MAAsB;AACpC,UAAMC,IAAwB;AAAA,MAC1B,IAAIX,EAAS,MAAMO;AAAA,MACnB,OAAOG,EAAO;AAAA,MACd,OAAOE,EAAMF,EAAO,SAAS,EAAE,OAAO;AAAA,MACtC,YAAYA,EAAO;AAAA,IACvB;AACA,IAAIA,EAAO,YACPC,EAAU,MAAMC,EAAMF,EAAO,OAAO,EAAE,OAAO,IAEzC,QAAA,IAAI,aAAaC,CAAS,GACzBP,KAAA,QAAAA,EAAAO,GAAWX,EAAS,OACXQ,EAAA;AAAA,EACtB,GAEM;AAAA,IACF,cAAAK;AAAA,IACA,OAAAC;AAAA,IACA,WAAW,EAAE,QAAAC,EAAO;AAAA,IACpB,SAAAC;AAAA,MACAC,EAAmB;AAAA,IACnB,UAAUC,EAAYjB,CAAgB;AAAA,EAAA,CACzC;AAED,SAAAkB,EAAU,MAAM;AACZ,IAAInB,KACMc,EAAA;AAAA,MACF,OAAOd,EAAS,SAAS;AAAA,MACzB,WAAYA,EAAS,SACjBY,EAAMZ,EAAS,KAAK,EAAE,OAAO;AAAA,MACjC,SAAUA,EAAS,OAAOY,EAAMZ,EAAS,GAAG,EAAE,OAAO;AAAA,MACrD,OAAOA,EAAS,cAAcb,EAAa,CAAC,EAAE;AAAA,IAAA,CACjD;AAAA,EACL,GAED,CAACa,CAAQ,CAAC,GAGT,gBAAAP;AAAA,IAAC2B;AAAA,IAAA;AAAA,MACG,QAAQf;AAAA,MACR,SAASG;AAAA,MACT,gBAAgBA;AAAA,MAEhB,UAAA;AAAA,QAAA,gBAAAd,EAAC,QAAG,WAAU,QACT,YAAS,SAAS,QAAQ,kBAAkB,aACjD,CAAA;AAAA,QACA,gBAAAD;AAAA,UAAC4B;AAAA,UAAA;AAAA,YACG,WAAU;AAAA,YACV,UAAUR,EAAaJ,CAAQ;AAAA,YAE/B,UAAA;AAAA,cAAA,gBAAAf;AAAA,gBAAC4B;AAAA,gBAAA;AAAA,kBACG,OAAM;AAAA,kBACN,SAAS,EAAQP,EAAO;AAAA,kBACxB,eAAcQ,IAAAR,EAAO,UAAP,gBAAAQ,EAAc;AAAA,kBAE5B,UAAA,gBAAA7B;AAAA,oBAAC8B;AAAA,oBAAA;AAAA,sBACG,MAAK;AAAA,sBACL,SAAAR;AAAA,sBACA,QAAQ,CAAC,EAAE,OAAAS,EAAA,MACP,gBAAA/B;AAAA,wBAACgC;AAAA,wBAAA;AAAA,0BACG,MAAK;AAAA,0BACL,cAAa;AAAA,0BACb,aAAY;AAAA,0BACX,GAAGD;AAAA,wBAAA;AAAA,sBAAA;AAAA,oBACR;AAAA,kBAAA;AAAA,gBAER;AAAA,cACJ;AAAA,cACA,gBAAA/B;AAAA,gBAAC4B;AAAA,gBAAA;AAAA,kBACG,OAAM;AAAA,kBACN,SAAS,EAAQP,EAAO;AAAA,kBACxB,eAAcY,IAAAZ,EAAO,cAAP,gBAAAY,EAAkB;AAAA,kBAEhC,UAAA,gBAAAjC;AAAA,oBAAC8B;AAAA,oBAAA;AAAA,sBACG,MAAK;AAAA,sBACL,SAAAR;AAAA,sBACA,QAAQ,CAAC,EAAE,OAAAS,EAAA,MACP,gBAAA/B;AAAA,wBAACkC;AAAA,wBAAA;AAAA,0BACG,OAAOH,EAAM;AAAA,0BACb,UAAUA,EAAM;AAAA,wBAAA;AAAA,sBAAA;AAAA,oBACpB;AAAA,kBAAA;AAAA,gBAER;AAAA,cACJ;AAAA,cACA,gBAAA/B;AAAA,gBAAC4B;AAAA,gBAAA;AAAA,kBACG,OAAM;AAAA,kBACN,SAAS,EAAQP,EAAO;AAAA,kBACxB,eAAcc,IAAAd,EAAO,YAAP,gBAAAc,EAAgB;AAAA,kBAE9B,UAAA,gBAAAnC;AAAA,oBAAC8B;AAAA,oBAAA;AAAA,sBACG,MAAK;AAAA,sBACL,SAAAR;AAAA,sBACA,QAAQ,CAAC,EAAE,OAAAS,EAAA,MACP,gBAAA/B;AAAA,wBAACkC;AAAA,wBAAA;AAAA,0BACG,OAAOH,EAAM;AAAA,0BACb,UAAUA,EAAM;AAAA,wBAAA;AAAA,sBAAA;AAAA,oBACpB;AAAA,kBAAA;AAAA,gBAER;AAAA,cACJ;AAAA,cACA,gBAAA/B;AAAA,gBAAC4B;AAAA,gBAAA;AAAA,kBACG,OAAM;AAAA,kBACN,UAAU;AAAA,kBACV,SAAS,EAAQP,EAAO;AAAA,kBACxB,eAAce,IAAAf,EAAO,UAAP,gBAAAe,EAAc;AAAA,kBAE5B,UAAA,gBAAApC;AAAA,oBAAC8B;AAAA,oBAAA;AAAA,sBACG,MAAK;AAAA,sBACL,SAAAR;AAAA,sBACA,QAAQ,CAAC,EAAE,OAAAS,EAAA,MACP,gBAAA/B;AAAA,wBAACqC;AAAA,wBAAA;AAAA,0BACG,SAAS5C;AAAA,0BACT,OAAOA,EAAa;AAAA,4BAChB,CAAC6C,MAAWA,EAAO,UAAUP,EAAM;AAAA,0BACvC;AAAA,0BACA,YAAY;AAAA,4BACR,QAAQrC;AAAA,4BACR,SAASS;AAAA,0BACb;AAAA,0BACA,UAAU,CAACG,MAAa;AACd,4BAAAyB,EAAA,SAASzB,KAAAA,gBAAAA,EAAU,KAAK;AAAA,0BAAA;AAAA,wBAClC;AAAA,sBAAA;AAAA,oBACJ;AAAA,kBAAA;AAAA,gBAER;AAAA,cACJ;AAAA,gCACCsB,GAAS,EAAA,WAAU,iCAChB,UAAA,gBAAA5B,EAACuC,KAAO,OAAK,IAAC,SAAQ,SAAQ,MAAK,UAC9B,UAAAjC,EAAS,SAAS,QAAQ,WAAW,UAC1C,EACJ,CAAA;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MACJ;AAAA,IAAA;AAAA,EACJ;AAER;"}
+{"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/lib/@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'\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,MAGD,gBAAAC,EAAAC,GAAA,EAAA,UAAA;AAAA,EAAC,gBAAAC,EAAAC,GAAA,EAAK,WAAU,mBAAkB,WAAU,wBACxC,UAAC,gBAAAH,EAAA,OAAA,EAAI,WAAU,+BACX,UAAA;AAAA,IAAA,gBAAAE,EAACE,GAAY,EAAA;AAAA,sBACZC,GAAS,CAAA,CAAA;AAAA,EAAA,EAAA,CACd,EACJ,CAAA;AAAA,oBACCC,GAAkB,CAAA,CAAA;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/lib/@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'\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;AACzC,QAAAC,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,EACrB,GACMG,IAAcJ,EAAa,CAACC,MAAUA,EAAM,WAAW,GAEvDI,IAAa,MAAM;AACf,UAAAC,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;AAGI,SAAA,gBAAAM,EAAC,OAAI,EAAA,WAAU,2BACX,UAAA,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,KAAKb;AAAA,MACL,WAAU;AAAA,MACV,aACK,gBAAAW,EAAA,UAAA,EAAO,WAAU,4KACd,UAAA,gBAAAA,EAACG,IAAe,CAAA,GACpB;AAAA,MAGJ,UAAA;AAAA,QAAA,gBAAAF,EAACC,EAAS,MAAT,EAAc,UAAS,QAAO,SAASL,GACpC,UAAA;AAAA,UAAC,gBAAAG,EAAA,QAAA,EAAK,WAAU,WACX,UAAAZ,sBAASgB,GAAU,CAAA,CAAA,IAAM,gBAAAJ,EAAAK,GAAA,CAAA,CAAO,EACrC,CAAA;AAAA,UACC,gBAAAL,EAAA,QAAA,EAAM,UAAQZ,IAAA,WAAW,OAAO,CAAA;AAAA,QAAA,GACrC;AAAA,QACCG,EAAa,aAAa,WACvB,gBAAAU,EAACC,EAAS,MAAT,EAAc,UAAS,gBACpB,UAAA;AAAA,UAAA,gBAAAF,EAAC,QAAK,EAAA,WAAU,WACZ,UAAA,gBAAAA,EAACM,IAAW,CAAA,GAChB;AAAA,UACA,gBAAAN,EAAC,UAAK,UAAa,gBAAA,CAAA;AAAA,QAAA,EACvB,CAAA,IAEC,gBAAAC,EAAAC,EAAS,MAAT,EAAc,UAAS,gBACpB,UAAA;AAAA,UAAA,gBAAAF,EAAC,QAAK,EAAA,WAAU,WACZ,UAAA,gBAAAA,EAACO,IAAS,CAAA,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,QAAK,EAAA,WAAU,sBACZ,UAAA,gBAAAA,EAACQ,IAAQ,CAAA,GACb;AAAA,UACC,gBAAAR,EAAA,QAAA,EAAK,WAAU,cAAa,UAAM,SAAA,CAAA;AAAA,QAAA,EACvC,CAAA;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,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;"}

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

@@ -1 +1 @@
-{"version":3,"file":"ChatBody.js","sources":["../../../../../../../../lib/@ecme/views/concepts/chat/Chat/components/ChatBody.tsx"],"sourcesContent":["import { useState, useEffect, useRef, useMemo } from 'react'\nimport Avatar from '@/components/ui/Avatar'\nimport Card from '@/components/ui/Card'\nimport ChatBox from '@/components/view/ChatBox'\nimport ChatAction from './ChatAction'\nimport StartConverstation from '@/assets/svg/StartConverstation'\nimport { useChatStore } from '../store/chatStore'\nimport { apiGetConversation } from '@/services/ChatService'\nimport classNames from '@/utils/classNames'\nimport useResponsive from '@/utils/hooks/useResponsive'\nimport dayjs from 'dayjs'\nimport uniqueId from 'lodash/uniqueId'\nimport { TbChevronLeft } from 'react-icons/tb'\nimport type { GetConversationResponse, Message, ChatType } from '../types'\nimport type { ScrollBarRef } from '@/components/ui/ScrollBar'\n\nconst getFileType = (file: File) => {\n    console.log('file.type', file.type)\n    switch (file.type) {\n        case 'image/jpg':\n        case 'image/jpeg':\n        case 'image/png':\n        case 'image/webp':\n            return 'image'\n        case 'video/mp4':\n        case 'video/avi':\n            return 'video'\n        case 'audio/mp3':\n        case 'audio/wav':\n            return 'audio'\n        default:\n            return 'misc'\n    }\n}\n\nconst ChatBody = () => {\n    const scrollRef = useRef<ScrollBarRef>(null)\n    const selectedChat = useChatStore((state) => state.selectedChat)\n    const conversationRecord = useChatStore((state) => state.conversationRecord)\n    const pushConversationRecord = useChatStore(\n        (state) => state.pushConversationRecord,\n    )\n    const setSelectedChat = useChatStore((state) => state.setSelectedChat)\n    const pushConversationMessage = useChatStore(\n        (state) => state.pushConversationMessage,\n    )\n    const setContactInfoDrawer = useChatStore(\n        (state) => state.setContactInfoDrawer,\n    )\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    const [_, setIsFetchingConversation] = useState(false)\n    const [conversation, setConversation] = useState<Message[]>([])\n\n    const { smaller } = useResponsive()\n\n    const scrollToBottom = () => {\n        if (scrollRef.current?.getScrollElement) {\n            const scrollElement = scrollRef.current.getScrollElement()\n            if (scrollElement) {\n                scrollElement.scrollTop = scrollElement.scrollHeight\n            }\n        }\n    }\n\n    const handleProfileClick = () => {\n        setContactInfoDrawer({\n            userId: selectedChat.user?.id as string,\n            chatId: selectedChat.id as string,\n            chatType: selectedChat.chatType as ChatType,\n            open: true,\n        })\n    }\n\n    const handlePushMessage = (message: Message) => {\n        pushConversationMessage(selectedChat.id as string, message)\n        setConversation((prevConversation) => {\n            prevConversation.push(message)\n            return structuredClone(prevConversation)\n        })\n    }\n\n    const handleInputChange = async ({\n        value,\n        attachments,\n    }: {\n        value: string\n        attachments?: File[]\n    }) => {\n        const newMessage: Message = {\n            id: uniqueId('chat-conversation-'),\n            sender: {\n                id: '1',\n                name: 'Angelina Gotelli',\n                avatarImageUrl: '/img/avatars/thumb-1.jpg',\n            },\n            content: value,\n            attachments: attachments?.map((attachment) => {\n                return {\n                    type: getFileType(attachment),\n                    source: attachment,\n                    mediaUrl: URL.createObjectURL(attachment),\n                }\n            }),\n            timestamp: dayjs().toDate(),\n            type: 'regular',\n            isMyMessage: true,\n        }\n        handlePushMessage(newMessage)\n    }\n\n    const cardHeaderProps = {\n        header: {\n            content: (\n                <div className=\"flex items-center gap-2\">\n                    {smaller.md && (\n                        <button\n                            className=\"text-xl hover:text-primary\"\n                            onClick={() => setSelectedChat({})}\n                        >\n                            <TbChevronLeft />\n                        </button>\n                    )}\n                    <button\n                        className=\"flex items-center gap-2\"\n                        role=\"button\"\n                        onClick={handleProfileClick}\n                    >\n                        <div>\n                            <Avatar src={selectedChat.user?.avatarImageUrl} />\n                        </div>\n                        <div className=\"min-w-0 flex-1\">\n                            <div className=\"flex justify-between\">\n                                <div className=\"font-bold heading-text truncate\">\n                                    {selectedChat.user?.name}\n                                </div>\n                            </div>\n                            <div>\n                                {selectedChat?.chatType === 'groups'\n                                    ? 'click here for group info'\n                                    : 'last seen recently'}\n                            </div>\n                        </div>\n                    </button>\n                </div>\n            ),\n            extra: <ChatAction muted={selectedChat.muted} />,\n            className: 'bg-gray-100 dark:bg-gray-600 h-[100px]',\n        },\n    }\n\n    useEffect(() => {\n        const fetchConvesation = async () => {\n            setIsFetchingConversation(true)\n\n            const record = conversationRecord.find(\n                (item) => item.id === selectedChat.id,\n            )\n\n            if (record) {\n                setConversation(record.conversation)\n            } else {\n                const resp = await apiGetConversation<GetConversationResponse>({\n                    id: selectedChat.id as string,\n                })\n                setConversation(resp.conversation)\n                pushConversationRecord(resp)\n            }\n\n            setIsFetchingConversation(false)\n            scrollToBottom()\n        }\n\n        if (selectedChat.id) {\n            setConversation([])\n            fetchConvesation()\n        }\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [selectedChat.id, conversation])\n\n    const messageList = useMemo(() => {\n        return conversation.map((item) => {\n            item.timestamp = dayjs\n                .unix(item.timestamp as number)\n                .toDate() as Date\n            if (item.isMyMessage) {\n                item.showAvatar = false\n            }\n            return item\n        })\n    }, [conversation])\n\n    return (\n        <div\n            className={classNames(\n                'w-full md:block',\n                !selectedChat.id && 'hidden',\n            )}\n        >\n            {selectedChat.id ? (\n                <Card\n                    className=\"flex-1 h-full max-h-full dark:border-gray-700\"\n                    bodyClass=\"h-[calc(100%-100px)] relative\"\n                    {...cardHeaderProps}\n                >\n                    <ChatBox\n                        ref={scrollRef}\n                        messageList={messageList}\n                        placeholder=\"Enter a prompt here\"\n                        showAvatar={true}\n                        avatarGap={true}\n                        messageListClass=\"h-[calc(100%-100px)]\"\n                        bubbleClass=\"max-w-[300px]\"\n                        onInputChange={handleInputChange}\n                    />\n                </Card>\n            ) : (\n                <div className=\"flex-1 h-full max-h-full flex flex-col items-center justify-center rounded-2xl border border-gray-200 dark:border-gray-800\">\n                    <StartConverstation height={250} width={250} />\n                    <div className=\"mt-10 text-center\">\n                        <h3>Start Chatting!</h3>\n                        <p className=\"mt-2 text-base\">\n                            Pick a Conversation or Begin a New One\n                        </p>\n                    </div>\n                </div>\n            )}\n        </div>\n    )\n}\n\nexport default ChatBody\n"],"names":["getFileType","file","ChatBody","scrollRef","useRef","selectedChat","useChatStore","state","conversationRecord","pushConversationRecord","setSelectedChat","pushConversationMessage","setContactInfoDrawer","_","setIsFetchingConversation","useState","conversation","setConversation","smaller","useResponsive","scrollToBottom","_a","scrollElement","handleProfileClick","handlePushMessage","message","prevConversation","handleInputChange","value","attachments","newMessage","uniqueId","attachment","dayjs","cardHeaderProps","jsxs","jsx","TbChevronLeft","Avatar","_b","ChatAction","useEffect","fetchConvesation","record","item","resp","apiGetConversation","messageList","useMemo","classNames","Card","ChatBox","StartConverstation"],"mappings":"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"}
+{"version":3,"file":"ChatBody.js","sources":["../../../../../../../../lib/@ecme/views/concepts/chat/Chat/components/ChatBody.tsx"],"sourcesContent":["import { useState, useEffect, useRef, useMemo } from 'react'\nimport Avatar from '@/components/ui/Avatar'\nimport Card from '@/components/ui/Card'\nimport ChatBox from '@/components/view/ChatBox'\nimport ChatAction from './ChatAction'\nimport StartConverstation from '@/assets/svg/StartConverstation'\nimport { useChatStore } from '../store/chatStore'\nimport { apiGetConversation } from '@/services/ChatService'\nimport classNames from '@/utils/classNames'\nimport useResponsive from '@/utils/hooks/useResponsive'\nimport dayjs from 'dayjs'\nimport uniqueId from 'lodash/uniqueId'\nimport { TbChevronLeft } from 'react-icons/tb'\nimport type { GetConversationResponse, Message, ChatType } from '../types'\nimport type { ScrollBarRef } from '@/components/ui/ScrollBar'\n\nconst getFileType = (file: File) => {\n    console.log('file.type', file.type)\n    switch (file.type) {\n        case 'image/jpg':\n        case 'image/jpeg':\n        case 'image/png':\n        case 'image/webp':\n            return 'image'\n        case 'video/mp4':\n        case 'video/avi':\n            return 'video'\n        case 'audio/mp3':\n        case 'audio/wav':\n            return 'audio'\n        default:\n            return 'misc'\n    }\n}\n\nconst ChatBody = () => {\n    const scrollRef = useRef<ScrollBarRef>(null)\n    const selectedChat = useChatStore((state) => state.selectedChat)\n    const conversationRecord = useChatStore((state) => state.conversationRecord)\n    const pushConversationRecord = useChatStore(\n        (state) => state.pushConversationRecord,\n    )\n    const setSelectedChat = useChatStore((state) => state.setSelectedChat)\n    const pushConversationMessage = useChatStore(\n        (state) => state.pushConversationMessage,\n    )\n    const setContactInfoDrawer = useChatStore(\n        (state) => state.setContactInfoDrawer,\n    )\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    const [_, setIsFetchingConversation] = useState(false)\n    const [conversation, setConversation] = useState<Message[]>([])\n\n    const { smaller } = useResponsive()\n\n    const scrollToBottom = () => {\n        if (scrollRef.current?.getScrollElement) {\n            const scrollElement = scrollRef.current.getScrollElement()\n            if (scrollElement) {\n                scrollElement.scrollTop = scrollElement.scrollHeight\n            }\n        }\n    }\n\n    const handleProfileClick = () => {\n        setContactInfoDrawer({\n            userId: selectedChat.user?.id as string,\n            chatId: selectedChat.id as string,\n            chatType: selectedChat.chatType as ChatType,\n            open: true,\n        })\n    }\n\n    const handlePushMessage = (message: Message) => {\n        pushConversationMessage(selectedChat.id as string, message)\n        setConversation((prevConversation) => {\n            prevConversation.push(message)\n            return structuredClone(prevConversation)\n        })\n    }\n\n    const handleInputChange = async ({\n        value,\n        attachments,\n    }: {\n        value: string\n        attachments?: File[]\n    }) => {\n        const newMessage: Message = {\n            id: uniqueId('chat-conversation-'),\n            sender: {\n                id: '1',\n                name: 'Angelina Gotelli',\n                avatarImageUrl: '/img/avatars/thumb-1.jpg',\n            },\n            content: value,\n            attachments: attachments?.map((attachment) => {\n                return {\n                    type: getFileType(attachment),\n                    source: attachment,\n                    mediaUrl: URL.createObjectURL(attachment),\n                }\n            }),\n            timestamp: dayjs().toDate(),\n            type: 'regular',\n            isMyMessage: true,\n        }\n        handlePushMessage(newMessage)\n    }\n\n    const cardHeaderProps = {\n        header: {\n            content: (\n                <div className=\"flex items-center gap-2\">\n                    {smaller.md && (\n                        <button\n                            className=\"text-xl hover:text-primary\"\n                            onClick={() => setSelectedChat({})}\n                        >\n                            <TbChevronLeft />\n                        </button>\n                    )}\n                    <button\n                        className=\"flex items-center gap-2\"\n                        role=\"button\"\n                        onClick={handleProfileClick}\n                    >\n                        <div>\n                            <Avatar src={selectedChat.user?.avatarImageUrl} />\n                        </div>\n                        <div className=\"min-w-0 flex-1\">\n                            <div className=\"flex justify-between\">\n                                <div className=\"font-bold heading-text truncate\">\n                                    {selectedChat.user?.name}\n                                </div>\n                            </div>\n                            <div>\n                                {selectedChat?.chatType === 'groups'\n                                    ? 'click here for group info'\n                                    : 'last seen recently'}\n                            </div>\n                        </div>\n                    </button>\n                </div>\n            ),\n            extra: <ChatAction muted={selectedChat.muted} />,\n            className: 'bg-gray-100 dark:bg-gray-600 h-[100px]',\n        },\n    }\n\n    useEffect(() => {\n        const fetchConvesation = async () => {\n            setIsFetchingConversation(true)\n\n            const record = conversationRecord.find(\n                (item) => item.id === selectedChat.id,\n            )\n\n            if (record) {\n                setConversation(record.conversation)\n            } else {\n                const resp = await apiGetConversation<GetConversationResponse>({\n                    id: selectedChat.id as string,\n                })\n                setConversation(resp.conversation)\n                pushConversationRecord(resp)\n            }\n\n            setIsFetchingConversation(false)\n            scrollToBottom()\n        }\n\n        if (selectedChat.id) {\n            setConversation([])\n            fetchConvesation()\n        }\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [selectedChat.id, conversation])\n\n    const messageList = useMemo(() => {\n        return conversation.map((item) => {\n            item.timestamp = dayjs\n                .unix(item.timestamp as number)\n                .toDate() as Date\n            if (item.isMyMessage) {\n                item.showAvatar = false\n            }\n            return item\n        })\n    }, [conversation])\n\n    return (\n        <div\n            className={classNames(\n                'w-full md:block',\n                !selectedChat.id && 'hidden',\n            )}\n        >\n            {selectedChat.id ? (\n                <Card\n                    className=\"flex-1 h-full max-h-full dark:border-gray-700\"\n                    bodyClass=\"h-[calc(100%-100px)] relative\"\n                    {...cardHeaderProps}\n                >\n                    <ChatBox\n                        ref={scrollRef}\n                        messageList={messageList}\n                        placeholder=\"Enter a prompt here\"\n                        showAvatar={true}\n                        avatarGap={true}\n                        messageListClass=\"h-[calc(100%-100px)]\"\n                        bubbleClass=\"max-w-[300px]\"\n                        onInputChange={handleInputChange}\n                    />\n                </Card>\n            ) : (\n                <div className=\"flex-1 h-full max-h-full flex flex-col items-center justify-center rounded-2xl border border-gray-200 dark:border-gray-800\">\n                    <StartConverstation height={250} width={250} />\n                    <div className=\"mt-10 text-center\">\n                        <h3>Start Chatting!</h3>\n                        <p className=\"mt-2 text-base\">\n                            Pick a Conversation or Begin a New One\n                        </p>\n                    </div>\n                </div>\n            )}\n        </div>\n    )\n}\n\nexport default ChatBody\n"],"names":["getFileType","file","ChatBody","scrollRef","useRef","selectedChat","useChatStore","state","conversationRecord","pushConversationRecord","setSelectedChat","pushConversationMessage","setContactInfoDrawer","_","setIsFetchingConversation","useState","conversation","setConversation","smaller","useResponsive","scrollToBottom","_a","scrollElement","handleProfileClick","handlePushMessage","message","prevConversation","handleInputChange","value","attachments","newMessage","uniqueId","attachment","dayjs","cardHeaderProps","jsxs","jsx","TbChevronLeft","Avatar","_b","ChatAction","useEffect","fetchConvesation","record","item","resp","apiGetConversation","messageList","useMemo","classNames","Card","ChatBox","StartConverstation"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"ChatList.js","sources":["../../../../../../../../lib/@ecme/views/concepts/chat/Chat/components/ChatList.tsx"],"sourcesContent":["import { useRef, useState, useEffect } from 'react'\nimport Avatar from '@/components/ui/Avatar'\nimport Badge from '@/components/ui/Badge'\nimport ScrollBar from '@/components/ui/ScrollBar'\nimport ChatSegment from './ChatSegment'\nimport NewChat from './NewChat'\nimport { useChatStore } from '../store/chatStore'\nimport useChat from '../hooks/useChat'\nimport classNames from '@/utils/classNames'\nimport useDebounce from '@/utils/hooks/useDebounce'\nimport { TbVolumeOff, TbSearch, TbX } from 'react-icons/tb'\nimport dayjs from 'dayjs'\nimport type { ChatType } from '../types'\nimport type { ChangeEvent } from 'react'\n\nconst ChatList = () => {\n    const chats = useChatStore((state) => state.chats)\n    const chatsFetched = useChatStore((state) => state.chatsFetched)\n    const selectedChat = useChatStore((state) => state.selectedChat)\n    const setSelectedChat = useChatStore((state) => state.setSelectedChat)\n    const setMobileSidebar = useChatStore((state) => state.setMobileSidebar)\n    const selectedChatType = useChatStore((state) => state.selectedChatType)\n    const setSelectedChatType = useChatStore(\n        (state) => state.setSelectedChatType,\n    )\n    const setChatRead = useChatStore((state) => state.setChatRead)\n\n    const inputRef = useRef<HTMLInputElement>(null)\n\n    const [showSearchBar, setShowSearchBar] = useState(false)\n    const [queryText, setQueryText] = useState('')\n\n    const { fetchChats } = useChat()\n\n    useEffect(() => {\n        if (!chatsFetched) {\n            fetchChats()\n        }\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [])\n\n    useEffect(() => {\n        if (showSearchBar) {\n            inputRef.current?.focus()\n        } else {\n            inputRef.current?.blur()\n        }\n    }, [showSearchBar])\n\n    const handleChatClick = ({\n        id,\n        user,\n        muted,\n        chatType,\n        unread,\n    }: {\n        id: string\n        user: { id: string; avatarImageUrl: string; name: string }\n        muted: boolean\n        chatType: ChatType\n        unread: number\n    }) => {\n        if (unread > 0) {\n            setChatRead(id)\n        }\n\n        setSelectedChat({\n            id,\n            user,\n            muted,\n            chatType,\n        })\n        setMobileSidebar(false)\n    }\n\n    function handleDebounceFn(e: ChangeEvent<HTMLInputElement>) {\n        if (e.target.value.length > 0) {\n            setSelectedChatType('')\n        }\n\n        if (e.target.value.length === 0) {\n            setSelectedChatType('personal')\n        }\n\n        setQueryText(e.target.value)\n    }\n\n    const debounceFn = useDebounce(handleDebounceFn, 500)\n\n    const handleInputChange = (e: ChangeEvent<HTMLInputElement>) => {\n        debounceFn(e)\n    }\n\n    const handleSearchToggleClick = () => {\n        setShowSearchBar(!showSearchBar)\n    }\n\n    return (\n        <div className=\"flex flex-col justify-between h-full\">\n            <div className=\"mb-4\">\n                <div className=\"flex items-center justify-between mb-4\">\n                    {showSearchBar ? (\n                        <input\n                            ref={inputRef}\n                            className=\"flex-1 h-full placeholder:text-gray-400 placeholder:text-base placeholder:font-normal bg-transparent focus:outline-none heading-text font-bold\"\n                            placeholder=\"Search chat\"\n                            onChange={handleInputChange}\n                        />\n                    ) : (\n                        <h4>Chat</h4>\n                    )}\n                    <button\n                        className=\"close-button text-lg\"\n                        type=\"button\"\n                        onClick={handleSearchToggleClick}\n                    >\n                        {showSearchBar ? <TbX /> : <TbSearch />}\n                    </button>\n                </div>\n                <ChatSegment />\n            </div>\n            <ScrollBar className=\"h-[calc(100%-150px)] overflow-y-auto\">\n                <div className=\"flex flex-col gap-2 h-full\">\n                    {chats\n                        .filter((item) => {\n                            if (queryText) {\n                                return item.name\n                                    .toLowerCase()\n                                    .includes(queryText)\n                            }\n\n                            return selectedChatType === item.chatType\n                        })\n                        .map((item) => (\n                            <div\n                                key={item.id}\n                                className={classNames(\n                                    'py-3 px-2 flex items-center gap-2 justify-between rounded-xl hover:bg-gray-100 dark:hover:bg-gray-700 relative cursor-pointer select-none',\n                                    selectedChat.id === item.id &&\n                                        'bg-gray-100 dark:bg-gray-700',\n                                )}\n                                role=\"button\"\n                                onClick={() =>\n                                    handleChatClick({\n                                        id: item.id,\n                                        user: {\n                                            id: item.userId || item.groupId,\n                                            avatarImageUrl: item.avatar,\n                                            name: item.name,\n                                        },\n                                        muted: item.muted,\n                                        chatType: item.chatType,\n                                        unread: item.unread,\n                                    })\n                                }\n                            >\n                                <div className=\"flex items-center gap-2 min-w-0 flex-1\">\n                                    <div>\n                                        <Avatar src={item.avatar} />\n                                    </div>\n                                    <div className=\"min-w-0 flex-1\">\n                                        <div className=\"flex justify-between\">\n                                            <div className=\"font-bold heading-text truncate flex gap-2 items-center\">\n                                                <span>{item.name}</span>\n                                                {item.muted && (\n                                                    <TbVolumeOff className=\"opacity-60\" />\n                                                )}\n                                            </div>\n                                        </div>\n                                        <div className=\"truncate\">\n                                            {item.lastConversation}\n                                        </div>\n                                    </div>\n                                </div>\n                                <div className=\"flex gap-1 items-center\">\n                                    <small className=\"font-semibold\">\n                                        {dayjs\n                                            .unix(item.time)\n                                            .format('hh:mm A')}\n                                    </small>\n                                    {item.unread > 0 && (\n                                        <Badge className=\"bg-primary\" />\n                                    )}\n                                </div>\n                            </div>\n                        ))}\n                </div>\n            </ScrollBar>\n            <NewChat />\n        </div>\n    )\n}\n\nexport default ChatList\n"],"names":["ChatList","chats","useChatStore","state","chatsFetched","selectedChat","setSelectedChat","setMobileSidebar","selectedChatType","setSelectedChatType","setChatRead","inputRef","useRef","showSearchBar","setShowSearchBar","useState","queryText","setQueryText","fetchChats","useChat","useEffect","_a","_b","handleChatClick","id","user","muted","chatType","unread","handleDebounceFn","debounceFn","useDebounce","jsxs","jsx","TbX","TbSearch","ChatSegment","ScrollBar","item","classNames","Avatar","TbVolumeOff","dayjs","Badge","NewChat"],"mappings":"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"}
+{"version":3,"file":"ChatList.js","sources":["../../../../../../../../lib/@ecme/views/concepts/chat/Chat/components/ChatList.tsx"],"sourcesContent":["import { useRef, useState, useEffect } from 'react'\nimport Avatar from '@/components/ui/Avatar'\nimport Badge from '@/components/ui/Badge'\nimport ScrollBar from '@/components/ui/ScrollBar'\nimport ChatSegment from './ChatSegment'\nimport NewChat from './NewChat'\nimport { useChatStore } from '../store/chatStore'\nimport useChat from '../hooks/useChat'\nimport classNames from '@/utils/classNames'\nimport useDebounce from '@/utils/hooks/useDebounce'\nimport { TbVolumeOff, TbSearch, TbX } from 'react-icons/tb'\nimport dayjs from 'dayjs'\nimport type { ChatType } from '../types'\nimport type { ChangeEvent } from 'react'\n\nconst ChatList = () => {\n    const chats = useChatStore((state) => state.chats)\n    const chatsFetched = useChatStore((state) => state.chatsFetched)\n    const selectedChat = useChatStore((state) => state.selectedChat)\n    const setSelectedChat = useChatStore((state) => state.setSelectedChat)\n    const setMobileSidebar = useChatStore((state) => state.setMobileSidebar)\n    const selectedChatType = useChatStore((state) => state.selectedChatType)\n    const setSelectedChatType = useChatStore(\n        (state) => state.setSelectedChatType,\n    )\n    const setChatRead = useChatStore((state) => state.setChatRead)\n\n    const inputRef = useRef<HTMLInputElement>(null)\n\n    const [showSearchBar, setShowSearchBar] = useState(false)\n    const [queryText, setQueryText] = useState('')\n\n    const { fetchChats } = useChat()\n\n    useEffect(() => {\n        if (!chatsFetched) {\n            fetchChats()\n        }\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [])\n\n    useEffect(() => {\n        if (showSearchBar) {\n            inputRef.current?.focus()\n        } else {\n            inputRef.current?.blur()\n        }\n    }, [showSearchBar])\n\n    const handleChatClick = ({\n        id,\n        user,\n        muted,\n        chatType,\n        unread,\n    }: {\n        id: string\n        user: { id: string; avatarImageUrl: string; name: string }\n        muted: boolean\n        chatType: ChatType\n        unread: number\n    }) => {\n        if (unread > 0) {\n            setChatRead(id)\n        }\n\n        setSelectedChat({\n            id,\n            user,\n            muted,\n            chatType,\n        })\n        setMobileSidebar(false)\n    }\n\n    function handleDebounceFn(e: ChangeEvent<HTMLInputElement>) {\n        if (e.target.value.length > 0) {\n            setSelectedChatType('')\n        }\n\n        if (e.target.value.length === 0) {\n            setSelectedChatType('personal')\n        }\n\n        setQueryText(e.target.value)\n    }\n\n    const debounceFn = useDebounce(handleDebounceFn, 500)\n\n    const handleInputChange = (e: ChangeEvent<HTMLInputElement>) => {\n        debounceFn(e)\n    }\n\n    const handleSearchToggleClick = () => {\n        setShowSearchBar(!showSearchBar)\n    }\n\n    return (\n        <div className=\"flex flex-col justify-between h-full\">\n            <div className=\"mb-4\">\n                <div className=\"flex items-center justify-between mb-4\">\n                    {showSearchBar ? (\n                        <input\n                            ref={inputRef}\n                            className=\"flex-1 h-full placeholder:text-gray-400 placeholder:text-base placeholder:font-normal bg-transparent focus:outline-none heading-text font-bold\"\n                            placeholder=\"Search chat\"\n                            onChange={handleInputChange}\n                        />\n                    ) : (\n                        <h4>Chat</h4>\n                    )}\n                    <button\n                        className=\"close-button text-lg\"\n                        type=\"button\"\n                        onClick={handleSearchToggleClick}\n                    >\n                        {showSearchBar ? <TbX /> : <TbSearch />}\n                    </button>\n                </div>\n                <ChatSegment />\n            </div>\n            <ScrollBar className=\"h-[calc(100%-150px)] overflow-y-auto\">\n                <div className=\"flex flex-col gap-2 h-full\">\n                    {chats\n                        .filter((item) => {\n                            if (queryText) {\n                                return item.name\n                                    .toLowerCase()\n                                    .includes(queryText)\n                            }\n\n                            return selectedChatType === item.chatType\n                        })\n                        .map((item) => (\n                            <div\n                                key={item.id}\n                                className={classNames(\n                                    'py-3 px-2 flex items-center gap-2 justify-between rounded-xl hover:bg-gray-100 dark:hover:bg-gray-700 relative cursor-pointer select-none',\n                                    selectedChat.id === item.id &&\n                                        'bg-gray-100 dark:bg-gray-700',\n                                )}\n                                role=\"button\"\n                                onClick={() =>\n                                    handleChatClick({\n                                        id: item.id,\n                                        user: {\n                                            id: item.userId || item.groupId,\n                                            avatarImageUrl: item.avatar,\n                                            name: item.name,\n                                        },\n                                        muted: item.muted,\n                                        chatType: item.chatType,\n                                        unread: item.unread,\n                                    })\n                                }\n                            >\n                                <div className=\"flex items-center gap-2 min-w-0 flex-1\">\n                                    <div>\n                                        <Avatar src={item.avatar} />\n                                    </div>\n                                    <div className=\"min-w-0 flex-1\">\n                                        <div className=\"flex justify-between\">\n                                            <div className=\"font-bold heading-text truncate flex gap-2 items-center\">\n                                                <span>{item.name}</span>\n                                                {item.muted && (\n                                                    <TbVolumeOff className=\"opacity-60\" />\n                                                )}\n                                            </div>\n                                        </div>\n                                        <div className=\"truncate\">\n                                            {item.lastConversation}\n                                        </div>\n                                    </div>\n                                </div>\n                                <div className=\"flex gap-1 items-center\">\n                                    <small className=\"font-semibold\">\n                                        {dayjs\n                                            .unix(item.time)\n                                            .format('hh:mm A')}\n                                    </small>\n                                    {item.unread > 0 && (\n                                        <Badge className=\"bg-primary\" />\n                                    )}\n                                </div>\n                            </div>\n                        ))}\n                </div>\n            </ScrollBar>\n            <NewChat />\n        </div>\n    )\n}\n\nexport default ChatList\n"],"names":["ChatList","chats","useChatStore","state","chatsFetched","selectedChat","setSelectedChat","setMobileSidebar","selectedChatType","setSelectedChatType","setChatRead","inputRef","useRef","showSearchBar","setShowSearchBar","useState","queryText","setQueryText","fetchChats","useChat","useEffect","_a","_b","handleChatClick","id","user","muted","chatType","unread","handleDebounceFn","debounceFn","useDebounce","jsxs","jsx","TbX","TbSearch","ChatSegment","ScrollBar","item","classNames","Avatar","TbVolumeOff","dayjs","Badge","NewChat"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"ChatSegment.js","sources":["../../../../../../../../lib/@ecme/views/concepts/chat/Chat/components/ChatSegment.tsx"],"sourcesContent":["import Segment from '@/components/ui/Segment'\nimport { TbUserCircle, TbUsers } from 'react-icons/tb'\nimport { useChatStore } from '../store/chatStore'\nimport type { ChatType } from '../types'\n\nconst ChatSegment = () => {\n    const selectedChatType = useChatStore((state) => state.selectedChatType)\n    const setSelectedChatType = useChatStore(\n        (state) => state.setSelectedChatType,\n    )\n\n    return (\n        <Segment\n            className=\"w-full\"\n            value={selectedChatType}\n            onChange={(value) => setSelectedChatType(value as ChatType)}\n        >\n            <Segment.Item className=\"flex-1\" value=\"personal\">\n                <div className=\"flex items-center justify-center gap-2\">\n                    <TbUserCircle className=\"text-xl\" />\n                    <span>Personal</span>\n                </div>\n            </Segment.Item>\n            <Segment.Item className=\"flex-1\" value=\"groups\">\n                <div className=\"flex items-center justify-center gap-2\">\n                    <TbUsers className=\"text-xl\" />\n                    <span>Groups</span>\n                </div>\n            </Segment.Item>\n        </Segment>\n    )\n}\n\nexport default ChatSegment\n"],"names":["ChatSegment","selectedChatType","useChatStore","state","setSelectedChatType","jsxs","Segment","value","jsx","TbUserCircle","TbUsers"],"mappings":";;;;AAKA,MAAMA,IAAc,MAAM;AACtB,QAAMC,IAAmBC,EAAa,CAACC,MAAUA,EAAM,gBAAgB,GACjEC,IAAsBF;AAAA,IACxB,CAACC,MAAUA,EAAM;AAAA,EACrB;AAGI,SAAA,gBAAAE;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,WAAU;AAAA,MACV,OAAOL;AAAA,MACP,UAAU,CAACM,MAAUH,EAAoBG,CAAiB;AAAA,MAE1D,UAAA;AAAA,QAAC,gBAAAC,EAAAF,EAAQ,MAAR,EAAa,WAAU,UAAS,OAAM,YACnC,UAAA,gBAAAD,EAAC,OAAI,EAAA,WAAU,0CACX,UAAA;AAAA,UAAC,gBAAAG,EAAAC,GAAA,EAAa,WAAU,UAAU,CAAA;AAAA,UAClC,gBAAAD,EAAC,UAAK,UAAQ,WAAA,CAAA;AAAA,QAAA,EAAA,CAClB,EACJ,CAAA;AAAA,QACA,gBAAAA,EAACF,EAAQ,MAAR,EAAa,WAAU,UAAS,OAAM,UACnC,UAAA,gBAAAD,EAAC,OAAI,EAAA,WAAU,0CACX,UAAA;AAAA,UAAC,gBAAAG,EAAAE,GAAA,EAAQ,WAAU,UAAU,CAAA;AAAA,UAC7B,gBAAAF,EAAC,UAAK,UAAM,SAAA,CAAA;AAAA,QAAA,EAAA,CAChB,EACJ,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACJ;AAER;"}
+{"version":3,"file":"ChatSegment.js","sources":["../../../../../../../../lib/@ecme/views/concepts/chat/Chat/components/ChatSegment.tsx"],"sourcesContent":["import Segment from '@/components/ui/Segment'\nimport { TbUserCircle, TbUsers } from 'react-icons/tb'\nimport { useChatStore } from '../store/chatStore'\nimport type { ChatType } from '../types'\n\nconst ChatSegment = () => {\n    const selectedChatType = useChatStore((state) => state.selectedChatType)\n    const setSelectedChatType = useChatStore(\n        (state) => state.setSelectedChatType,\n    )\n\n    return (\n        <Segment\n            className=\"w-full\"\n            value={selectedChatType}\n            onChange={(value) => setSelectedChatType(value as ChatType)}\n        >\n            <Segment.Item className=\"flex-1\" value=\"personal\">\n                <div className=\"flex items-center justify-center gap-2\">\n                    <TbUserCircle className=\"text-xl\" />\n                    <span>Personal</span>\n                </div>\n            </Segment.Item>\n            <Segment.Item className=\"flex-1\" value=\"groups\">\n                <div className=\"flex items-center justify-center gap-2\">\n                    <TbUsers className=\"text-xl\" />\n                    <span>Groups</span>\n                </div>\n            </Segment.Item>\n        </Segment>\n    )\n}\n\nexport default ChatSegment\n"],"names":["ChatSegment","selectedChatType","useChatStore","state","setSelectedChatType","jsxs","Segment","value","jsx","TbUserCircle","TbUsers"],"mappings":";;;;AAKA,MAAMA,IAAc,MAAM;AACtB,QAAMC,IAAmBC,EAAa,CAACC,MAAUA,EAAM,gBAAgB,GACjEC,IAAsBF;AAAA,IACxB,CAACC,MAAUA,EAAM;AAAA,EAAA;AAGrB,SACI,gBAAAE;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,WAAU;AAAA,MACV,OAAOL;AAAA,MACP,UAAU,CAACM,MAAUH,EAAoBG,CAAiB;AAAA,MAE1D,UAAA;AAAA,QAAA,gBAAAC,EAACF,EAAQ,MAAR,EAAa,WAAU,UAAS,OAAM,YACnC,UAAA,gBAAAD,EAAC,OAAA,EAAI,WAAU,0CACX,UAAA;AAAA,UAAA,gBAAAG,EAACC,GAAA,EAAa,WAAU,UAAA,CAAU;AAAA,UAClC,gBAAAD,EAAC,UAAK,UAAA,WAAA,CAAQ;AAAA,QAAA,EAAA,CAClB,EAAA,CACJ;AAAA,QACA,gBAAAA,EAACF,EAAQ,MAAR,EAAa,WAAU,UAAS,OAAM,UACnC,UAAA,gBAAAD,EAAC,OAAA,EAAI,WAAU,0CACX,UAAA;AAAA,UAAA,gBAAAG,EAACE,GAAA,EAAQ,WAAU,UAAA,CAAU;AAAA,UAC7B,gBAAAF,EAAC,UAAK,UAAA,SAAA,CAAM;AAAA,QAAA,EAAA,CAChB,EAAA,CACJ;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGZ;"}

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

@@ -1 +1 @@
-{"version":3,"file":"ChatSidebar.js","sources":["../../../../../../../../lib/@ecme/views/concepts/chat/Chat/components/ChatSidebar.tsx"],"sourcesContent":["import ChatList from './ChatList'\nimport { useChatStore } from '../store/chatStore'\nimport classNames from '@/utils/classNames'\n\nconst ChatSidebar = () => {\n    const selectedChat = useChatStore((state) => state.selectedChat)\n\n    return (\n        <div\n            className={classNames(\n                'w-full md:w-[300px] md:block',\n                selectedChat.id && 'hidden',\n            )}\n        >\n            <ChatList />\n        </div>\n    )\n}\n\nexport default ChatSidebar\n"],"names":["ChatSidebar","selectedChat","useChatStore","state","jsx","classNames","ChatList"],"mappings":";;;;AAIA,MAAMA,IAAc,MAAM;AACtB,QAAMC,IAAeC,EAAa,CAACC,MAAUA,EAAM,YAAY;AAG3D,SAAA,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAWC;AAAA,QACP;AAAA,QACAJ,EAAa,MAAM;AAAA,MACvB;AAAA,MAEA,4BAACK,GAAS,CAAA,CAAA;AAAA,IAAA;AAAA,EACd;AAER;"}
+{"version":3,"file":"ChatSidebar.js","sources":["../../../../../../../../lib/@ecme/views/concepts/chat/Chat/components/ChatSidebar.tsx"],"sourcesContent":["import ChatList from './ChatList'\nimport { useChatStore } from '../store/chatStore'\nimport classNames from '@/utils/classNames'\n\nconst ChatSidebar = () => {\n    const selectedChat = useChatStore((state) => state.selectedChat)\n\n    return (\n        <div\n            className={classNames(\n                'w-full md:w-[300px] md:block',\n                selectedChat.id && 'hidden',\n            )}\n        >\n            <ChatList />\n        </div>\n    )\n}\n\nexport default ChatSidebar\n"],"names":["ChatSidebar","selectedChat","useChatStore","state","jsx","classNames","ChatList"],"mappings":";;;;AAIA,MAAMA,IAAc,MAAM;AACtB,QAAMC,IAAeC,EAAa,CAACC,MAAUA,EAAM,YAAY;AAE/D,SACI,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAWC;AAAA,QACP;AAAA,QACAJ,EAAa,MAAM;AAAA,MAAA;AAAA,MAGvB,4BAACK,GAAA,CAAA,CAAS;AAAA,IAAA;AAAA,EAAA;AAGtB;"}

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

@@ -1 +1 @@
-{"version":3,"file":"ContactInfoDrawer.js","sources":["../../../../../../../../lib/@ecme/views/concepts/chat/Chat/components/ContactInfoDrawer.tsx"],"sourcesContent":["import { useEffect, useState } from 'react'\nimport Avatar from '@/components/ui/Avatar'\nimport CloseButton from '@/components/ui/CloseButton'\nimport Drawer from '@/components/ui/Drawer'\nimport ScrollBar from '@/components/ui/ScrollBar'\nimport Tabs from '@/components/ui/Tabs'\nimport ImageGallery from '@/components/shared/ImageGallery'\nimport FileIcon from '@/components/view/FileIcon'\nimport fileSizeUnit from '@/utils/fileSizeUnit'\nimport { useChatStore } from '../store/chatStore'\nimport { apiGetContactDetails } from '@/services/ChatService'\nimport useSWRMutation from 'swr/mutation'\nimport isEmpty from 'lodash/isEmpty'\nimport dayjs from 'dayjs'\nimport {\n    TbMail,\n    TbPhone,\n    TbClock,\n    TbArrowDown,\n    TbChevronRight,\n} from 'react-icons/tb'\nimport type { ReactNode } from 'react'\nimport type { GetContactDetailResponse } from '../types'\n\ntype ContactInfoFieldProps = {\n    title?: string\n    value?: string\n    icon?: ReactNode\n}\n\nconst { TabNav, TabList, TabContent } = Tabs\n\nconst ContactInfoField = ({ title, value, icon }: ContactInfoFieldProps) => {\n    return (\n        <div className=\"flex items-center gap-4\">\n            <div className=\"text-2xl\">{icon}</div>\n            <div>\n                <small className=\"font-semibold\">{title}</small>\n                <p className=\"heading-text font-semibold\">{value}</p>\n            </div>\n        </div>\n    )\n}\n\nconst ContactInfoDrawer = () => {\n    const contactInfoDrawer = useChatStore((state) => state.contactInfoDrawer)\n    const setContactInfoDrawer = useChatStore(\n        (state) => state.setContactInfoDrawer,\n    )\n\n    const [imageGalleryIndex, setImageGalleryIndex] = useState(-1)\n\n    const { trigger, data } = useSWRMutation(\n        [`/api/chats/contact/${contactInfoDrawer.userId}`, contactInfoDrawer],\n        // eslint-disable-next-line @typescript-eslint/no-unused-vars\n        ([_, params]) =>\n            apiGetContactDetails<GetContactDetailResponse>({\n                id: params.userId,\n            }),\n    )\n\n    const handleDrawerClose = () => {\n        setContactInfoDrawer({\n            userId: '',\n            chatId: '',\n            chatType: '',\n            open: false,\n        })\n    }\n\n    const handleDownload = () => {\n        const blob = new Blob(\n            [\n                'This text file is created to demonstrate how file downloading works in our template demo.',\n            ],\n            { type: 'text/plain;charset=utf-8' },\n        )\n\n        const link = document.createElement('a')\n        link.href = window.URL.createObjectURL(blob)\n        link.download = 'sample-dowoad-file'\n        document.body.appendChild(link)\n\n        link.click()\n\n        document.body.removeChild(link)\n        window.URL.revokeObjectURL(link.href)\n    }\n\n    useEffect(() => {\n        if (contactInfoDrawer.userId) {\n            trigger()\n        }\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [contactInfoDrawer.userId])\n\n    return (\n        <Drawer\n            title={null}\n            closable={false}\n            isOpen={contactInfoDrawer.open}\n            showBackdrop={false}\n            width={400}\n            onClose={handleDrawerClose}\n            onRequestClose={handleDrawerClose}\n        >\n            <div className=\"flex justify-end\">\n                <CloseButton onClick={handleDrawerClose} />\n            </div>\n            {!isEmpty(data?.userDetails) && (\n                <ScrollBar className=\"h-[calc(100%-30px)]\">\n                    <div className=\"mt-10 flex justify-center\">\n                        <Avatar src={data?.userDetails.img} size={90} />\n                    </div>\n                    <div className=\"mt-4 text-center\">\n                        <h5 className=\"font-bold\">{data?.userDetails.name}</h5>\n                        <span className=\"mt-1\">\n                            {contactInfoDrawer.chatType === 'personal'\n                                ? data?.userDetails.title\n                                : `Groups • ${data?.userDetails?.members?.length} members`}\n                        </span>\n                    </div>\n                    <div className=\"flex flex-col gap-y-7 mt-8\">\n                        {contactInfoDrawer.chatType === 'personal' ? (\n                            <>\n                                <ContactInfoField\n                                    title=\"Email\"\n                                    value={data.userDetails.email}\n                                    icon={<TbMail />}\n                                />\n                                <ContactInfoField\n                                    title=\"Phone\"\n                                    value={\n                                        data.userDetails?.personalInfo\n                                            .phoneNumber\n                                    }\n                                    icon={<TbPhone />}\n                                />\n                                <ContactInfoField\n                                    title=\"Last Online\"\n                                    value={dayjs\n                                        .unix(\n                                            data.userDetails\n                                                .lastOnline as number,\n                                        )\n                                        .format('DD MMM YYYY hh:mm A')}\n                                    icon={<TbClock />}\n                                />\n                            </>\n                        ) : (\n                            <>\n                                <div>\n                                    <div className=\"heading-text font-semibold\">\n                                        Members\n                                    </div>\n                                    {data?.userDetails?.members?.map(\n                                        (member) => (\n                                            <div\n                                                key={member.id}\n                                                className=\"rounded-xl py-4 flex items-center justify-between gap-2 group\"\n                                            >\n                                                <div className=\"flex items-center gap-2\">\n                                                    <Avatar src={member.img} />\n                                                    <div>\n                                                        <div className=\"font-bold heading-text\">\n                                                            {member.name}\n                                                        </div>\n                                                        <span>\n                                                            {member.email}\n                                                        </span>\n                                                    </div>\n                                                </div>\n                                                {member.id !== '1' && (\n                                                    <button\n                                                        type=\"button\"\n                                                        className=\"close-button button-press-feedback opacity-0 group-hover:opacity-100\"\n                                                    >\n                                                        <TbChevronRight className=\"text-xl\" />\n                                                    </button>\n                                                )}\n                                            </div>\n                                        ),\n                                    )}\n                                </div>\n                            </>\n                        )}\n                    </div>\n                    <div className=\"mt-8\">\n                        <Tabs defaultValue=\"media\">\n                            <TabList>\n                                <TabNav value=\"media\" className=\"flex-1\">\n                                    Media\n                                </TabNav>\n                                <TabNav value=\"files\" className=\"flex-1\">\n                                    Files\n                                </TabNav>\n                                <TabNav value=\"tab3\" className=\"flex-1\">\n                                    Links\n                                </TabNav>\n                            </TabList>\n                            <div className=\"py-4\">\n                                <TabContent value=\"media\">\n                                    <ImageGallery\n                                        index={imageGalleryIndex}\n                                        slides={\n                                            data.media.images?.map((img) => {\n                                                return {\n                                                    src: img.url,\n                                                }\n                                            }) || []\n                                        }\n                                        onClose={() => setImageGalleryIndex(-1)}\n                                    >\n                                        <div className=\"grid grid-cols-3 gap-2\">\n                                            {data.media.images?.map(\n                                                (img, index) => (\n                                                    <div\n                                                        key={img.id}\n                                                        data-src={img.url}\n                                                        className=\"cursor-pointer\"\n                                                        role=\"button\"\n                                                        onClick={() =>\n                                                            setImageGalleryIndex(\n                                                                index,\n                                                            )\n                                                        }\n                                                    >\n                                                        <img\n                                                            className=\"rounded-xl\"\n                                                            src={img.url}\n                                                        />\n                                                    </div>\n                                                ),\n                                            )}\n                                        </div>\n                                    </ImageGallery>\n                                </TabContent>\n                                <TabContent value=\"files\">\n                                    {data.media.files.map((file) => (\n                                        <div\n                                            key={file.id}\n                                            className=\"rounded-xl py-4 flex items-center justify-between gap-2 group\"\n                                        >\n                                            <div className=\"flex items-center gap-2\">\n                                                <div className=\"text-3xl\">\n                                                    <FileIcon\n                                                        type={file.fileType}\n                                                    />\n                                                </div>\n                                                <div>\n                                                    <div className=\"font-bold heading-text\">\n                                                        {file.name}\n                                                    </div>\n                                                    <span className=\"text-xs\">\n                                                        {fileSizeUnit(\n                                                            file.size || 0,\n                                                        )}\n                                                    </span>\n                                                </div>\n                                            </div>\n                                            <button\n                                                type=\"button\"\n                                                className=\"close-button button-press-feedback opacity-0 group-hover:opacity-100\"\n                                                onClick={handleDownload}\n                                            >\n                                                <TbArrowDown className=\"text-xl\" />\n                                            </button>\n                                        </div>\n                                    ))}\n                                </TabContent>\n                                <TabContent value=\"tab3\">\n                                    {data.media.links.map((link) => (\n                                        <a\n                                            key={link.id}\n                                            href={link.url}\n                                            className=\"rounded-xl py-4 px-2 flex items-center justify-between gap-2 hover:bg-gray-100 dark:hover:bg-gray-700\"\n                                            target='\"_blank'\n                                        >\n                                            <div className=\"flex items-center gap-2 min-w-0\">\n                                                <div className=\"flex items-center\">\n                                                    <Avatar\n                                                        src={link.favicon}\n                                                        className=\"bg-transparent\"\n                                                    />\n                                                </div>\n                                                <div className=\"min-w-0\">\n                                                    <div className=\"font-bold heading-text truncate\">\n                                                        {link.title}\n                                                    </div>\n                                                    <div className=\"text-xs truncate\">\n                                                        {link.description}\n                                                    </div>\n                                                </div>\n                                            </div>\n                                        </a>\n                                    ))}\n                                </TabContent>\n                            </div>\n                        </Tabs>\n                    </div>\n                </ScrollBar>\n            )}\n        </Drawer>\n    )\n}\n\nexport default ContactInfoDrawer\n"],"names":["TabNav","TabList","TabContent","Tabs","ContactInfoField","title","value","icon","jsxs","jsx","ContactInfoDrawer","contactInfoDrawer","useChatStore","state","setContactInfoDrawer","imageGalleryIndex","setImageGalleryIndex","useState","trigger","data","useSWRMutation","_","params","apiGetContactDetails","handleDrawerClose","handleDownload","blob","link","useEffect","Drawer","CloseButton","isEmpty","ScrollBar","Avatar","_b","_a","Fragment","TbMail","_c","TbPhone","dayjs","TbClock","_e","_d","member","TbChevronRight","ImageGallery","_f","img","_g","index","file","FileIcon","fileSizeUnit","TbArrowDown"],"mappings":";;;;;;;;;;;;;;;;;;;;AA8BA,MAAM,EAAE,QAAAA,GAAQ,SAAAC,GAAS,YAAAC,EAAA,IAAeC,GAElCC,IAAmB,CAAC,EAAE,OAAAC,GAAO,OAAAC,GAAO,MAAAC,QAElC,gBAAAC,EAAC,OAAI,EAAA,WAAU,2BACX,UAAA;AAAA,EAAC,gBAAAC,EAAA,OAAA,EAAI,WAAU,YAAY,UAAKF,GAAA;AAAA,oBAC/B,OACG,EAAA,UAAA;AAAA,IAAC,gBAAAE,EAAA,SAAA,EAAM,WAAU,iBAAiB,UAAMJ,GAAA;AAAA,IACvC,gBAAAI,EAAA,KAAA,EAAE,WAAU,8BAA8B,UAAMH,EAAA,CAAA;AAAA,EAAA,EACrD,CAAA;AAAA,GACJ,GAIFI,KAAoB,MAAM;;AAC5B,QAAMC,IAAoBC,EAAa,CAACC,MAAUA,EAAM,iBAAiB,GACnEC,IAAuBF;AAAA,IACzB,CAACC,MAAUA,EAAM;AAAA,EACrB,GAEM,CAACE,GAAmBC,CAAoB,IAAIC,EAAS,EAAE,GAEvD,EAAE,SAAAC,GAAS,MAAAC,EAAA,IAASC;AAAA,IACtB,CAAC,sBAAsBT,EAAkB,MAAM,IAAIA,CAAiB;AAAA;AAAA,IAEpE,CAAC,CAACU,GAAGC,CAAM,MACPC,EAA+C;AAAA,MAC3C,IAAID,EAAO;AAAA,IACd,CAAA;AAAA,EACT,GAEME,IAAoB,MAAM;AACP,IAAAV,EAAA;AAAA,MACjB,QAAQ;AAAA,MACR,QAAQ;AAAA,MACR,UAAU;AAAA,MACV,MAAM;AAAA,IAAA,CACT;AAAA,EACL,GAEMW,IAAiB,MAAM;AACzB,UAAMC,IAAO,IAAI;AAAA,MACb;AAAA,QACI;AAAA,MACJ;AAAA,MACA,EAAE,MAAM,2BAA2B;AAAA,IACvC,GAEMC,IAAO,SAAS,cAAc,GAAG;AACvC,IAAAA,EAAK,OAAO,OAAO,IAAI,gBAAgBD,CAAI,GAC3CC,EAAK,WAAW,sBACP,SAAA,KAAK,YAAYA,CAAI,GAE9BA,EAAK,MAAM,GAEF,SAAA,KAAK,YAAYA,CAAI,GACvB,OAAA,IAAI,gBAAgBA,EAAK,IAAI;AAAA,EACxC;AAEA,SAAAC,EAAU,MAAM;AACZ,IAAIjB,EAAkB,UACVO,EAAA;AAAA,EACZ,GAED,CAACP,EAAkB,MAAM,CAAC,GAGzB,gBAAAH;AAAA,IAACqB;AAAA,IAAA;AAAA,MACG,OAAO;AAAA,MACP,UAAU;AAAA,MACV,QAAQlB,EAAkB;AAAA,MAC1B,cAAc;AAAA,MACd,OAAO;AAAA,MACP,SAASa;AAAA,MACT,gBAAgBA;AAAA,MAEhB,UAAA;AAAA,QAAA,gBAAAf,EAAC,SAAI,WAAU,oBACX,4BAACqB,GAAY,EAAA,SAASN,GAAmB,EAC7C,CAAA;AAAA,QACC,CAACO,EAAQZ,KAAA,gBAAAA,EAAM,WAAW,KACtB,gBAAAX,EAAAwB,GAAA,EAAU,WAAU,uBACjB,UAAA;AAAA,UAAC,gBAAAvB,EAAA,OAAA,EAAI,WAAU,6BACX,UAAC,gBAAAA,EAAAwB,GAAA,EAAO,KAAKd,KAAA,gBAAAA,EAAM,YAAY,KAAK,MAAM,GAAI,CAAA,GAClD;AAAA,UACA,gBAAAX,EAAC,OAAI,EAAA,WAAU,oBACX,UAAA;AAAA,YAAA,gBAAAC,EAAC,MAAG,EAAA,WAAU,aAAa,UAAAU,KAAA,gBAAAA,EAAM,YAAY,MAAK;AAAA,YACjD,gBAAAV,EAAA,QAAA,EAAK,WAAU,QACX,YAAkB,aAAa,aAC1BU,KAAA,gBAAAA,EAAM,YAAY,QAClB,aAAYe,KAAAC,IAAAhB,KAAA,gBAAAA,EAAM,gBAAN,gBAAAgB,EAAmB,YAAnB,gBAAAD,EAA4B,MAAM,WACxD,CAAA;AAAA,UAAA,GACJ;AAAA,4BACC,OAAI,EAAA,WAAU,8BACV,UAAkBvB,EAAA,aAAa,aAExB,gBAAAH,EAAA4B,GAAA,EAAA,UAAA;AAAA,YAAA,gBAAA3B;AAAA,cAACL;AAAA,cAAA;AAAA,gBACG,OAAM;AAAA,gBACN,OAAOe,EAAK,YAAY;AAAA,gBACxB,wBAAOkB,GAAO,CAAA,CAAA;AAAA,cAAA;AAAA,YAClB;AAAA,YACA,gBAAA5B;AAAA,cAACL;AAAA,cAAA;AAAA,gBACG,OAAM;AAAA,gBACN,QACIkC,IAAAnB,EAAK,gBAAL,gBAAAmB,EAAkB,aACb;AAAA,gBAET,wBAAOC,GAAQ,CAAA,CAAA;AAAA,cAAA;AAAA,YACnB;AAAA,YACA,gBAAA9B;AAAA,cAACL;AAAA,cAAA;AAAA,gBACG,OAAM;AAAA,gBACN,OAAOoC,EACF;AAAA,kBACGrB,EAAK,YACA;AAAA,gBAAA,EAER,OAAO,qBAAqB;AAAA,gBACjC,wBAAOsB,GAAQ,CAAA,CAAA;AAAA,cAAA;AAAA,YAAA;AAAA,UACnB,GACJ,IAGI,gBAAAhC,EAAA2B,GAAA,EAAA,UAAA,gBAAA5B,EAAC,OACG,EAAA,UAAA;AAAA,YAAC,gBAAAC,EAAA,OAAA,EAAI,WAAU,8BAA6B,UAE5C,WAAA;AAAA,aACCiC,KAAAC,IAAAxB,KAAA,gBAAAA,EAAM,gBAAN,gBAAAwB,EAAmB,YAAnB,gBAAAD,EAA4B;AAAA,cACzB,CAACE,MACG,gBAAApC;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBAEG,WAAU;AAAA,kBAEV,UAAA;AAAA,oBAAC,gBAAAA,EAAA,OAAA,EAAI,WAAU,2BACX,UAAA;AAAA,sBAAC,gBAAAC,EAAAwB,GAAA,EAAO,KAAKW,EAAO,IAAK,CAAA;AAAA,wCACxB,OACG,EAAA,UAAA;AAAA,wBAAA,gBAAAnC,EAAC,OAAI,EAAA,WAAU,0BACV,UAAAmC,EAAO,MACZ;AAAA,wBACA,gBAAAnC,EAAC,QACI,EAAA,UAAAmC,EAAO,MACZ,CAAA;AAAA,sBAAA,EACJ,CAAA;AAAA,oBAAA,GACJ;AAAA,oBACCA,EAAO,OAAO,OACX,gBAAAnC;AAAA,sBAAC;AAAA,sBAAA;AAAA,wBACG,MAAK;AAAA,wBACL,WAAU;AAAA,wBAEV,UAAA,gBAAAA,EAACoC,GAAe,EAAA,WAAU,UAAU,CAAA;AAAA,sBAAA;AAAA,oBAAA;AAAA,kBACxC;AAAA,gBAAA;AAAA,gBApBCD,EAAO;AAAA,cAAA;AAAA;AAAA,UAwBxB,EACJ,CAAA,EACJ,CAAA,GAER;AAAA,4BACC,OAAI,EAAA,WAAU,QACX,UAAC,gBAAApC,EAAAL,GAAA,EAAK,cAAa,SACf,UAAA;AAAA,YAAA,gBAAAK,EAACP,GACG,EAAA,UAAA;AAAA,cAAA,gBAAAQ,EAACT,GAAO,EAAA,OAAM,SAAQ,WAAU,UAAS,UAEzC,SAAA;AAAA,gCACCA,GAAO,EAAA,OAAM,SAAQ,WAAU,UAAS,UAEzC,SAAA;AAAA,gCACCA,GAAO,EAAA,OAAM,QAAO,WAAU,UAAS,UAExC,QAAA,CAAA;AAAA,YAAA,GACJ;AAAA,YACA,gBAAAQ,EAAC,OAAI,EAAA,WAAU,QACX,UAAA;AAAA,cAAC,gBAAAC,EAAAP,GAAA,EAAW,OAAM,SACd,UAAA,gBAAAO;AAAA,gBAACqC;AAAA,gBAAA;AAAA,kBACG,OAAO/B;AAAA,kBACP,UACIgC,IAAA5B,EAAK,MAAM,WAAX,gBAAA4B,EAAmB,IAAI,CAACC,OACb;AAAA,oBACH,KAAKA,EAAI;AAAA,kBACb,QACE,CAAC;AAAA,kBAEX,SAAS,MAAMhC,EAAqB,EAAE;AAAA,kBAEtC,4BAAC,OAAI,EAAA,WAAU,0BACV,WAAAiC,IAAA9B,EAAK,MAAM,WAAX,gBAAA8B,EAAmB;AAAA,oBAChB,CAACD,GAAKE,MACF,gBAAAzC;AAAA,sBAAC;AAAA,sBAAA;AAAA,wBAEG,YAAUuC,EAAI;AAAA,wBACd,WAAU;AAAA,wBACV,MAAK;AAAA,wBACL,SAAS,MACLhC;AAAA,0BACIkC;AAAA,wBACJ;AAAA,wBAGJ,UAAA,gBAAAzC;AAAA,0BAAC;AAAA,0BAAA;AAAA,4BACG,WAAU;AAAA,4BACV,KAAKuC,EAAI;AAAA,0BAAA;AAAA,wBAAA;AAAA,sBACb;AAAA,sBAbKA,EAAI;AAAA,oBAAA;AAAA,oBAiBzB,CAAA;AAAA,gBAAA;AAAA,cAAA,GAER;AAAA,cACA,gBAAAvC,EAACP,KAAW,OAAM,SACb,YAAK,MAAM,MAAM,IAAI,CAACiD,MACnB,gBAAA3C;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBAEG,WAAU;AAAA,kBAEV,UAAA;AAAA,oBAAC,gBAAAA,EAAA,OAAA,EAAI,WAAU,2BACX,UAAA;AAAA,sBAAC,gBAAAC,EAAA,OAAA,EAAI,WAAU,YACX,UAAA,gBAAAA;AAAA,wBAAC2C;AAAA,wBAAA;AAAA,0BACG,MAAMD,EAAK;AAAA,wBAAA;AAAA,sBAAA,GAEnB;AAAA,wCACC,OACG,EAAA,UAAA;AAAA,wBAAA,gBAAA1C,EAAC,OAAI,EAAA,WAAU,0BACV,UAAA0C,EAAK,MACV;AAAA,wBACA,gBAAA1C,EAAC,QAAK,EAAA,WAAU,WACX,UAAA4C;AAAA,0BACGF,EAAK,QAAQ;AAAA,wBAAA,EAErB,CAAA;AAAA,sBAAA,EACJ,CAAA;AAAA,oBAAA,GACJ;AAAA,oBACA,gBAAA1C;AAAA,sBAAC;AAAA,sBAAA;AAAA,wBACG,MAAK;AAAA,wBACL,WAAU;AAAA,wBACV,SAASgB;AAAA,wBAET,UAAA,gBAAAhB,EAAC6C,GAAY,EAAA,WAAU,UAAU,CAAA;AAAA,sBAAA;AAAA,oBAAA;AAAA,kBACrC;AAAA,gBAAA;AAAA,gBA1BKH,EAAK;AAAA,cA4BjB,CAAA,GACL;AAAA,cACA,gBAAA1C,EAACP,KAAW,OAAM,QACb,YAAK,MAAM,MAAM,IAAI,CAACyB,MACnB,gBAAAlB;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBAEG,MAAMkB,EAAK;AAAA,kBACX,WAAU;AAAA,kBACV,QAAO;AAAA,kBAEP,UAAA,gBAAAnB,EAAC,OAAI,EAAA,WAAU,mCACX,UAAA;AAAA,oBAAC,gBAAAC,EAAA,OAAA,EAAI,WAAU,qBACX,UAAA,gBAAAA;AAAA,sBAACwB;AAAA,sBAAA;AAAA,wBACG,KAAKN,EAAK;AAAA,wBACV,WAAU;AAAA,sBAAA;AAAA,oBAAA,GAElB;AAAA,oBACA,gBAAAnB,EAAC,OAAI,EAAA,WAAU,WACX,UAAA;AAAA,sBAAA,gBAAAC,EAAC,OAAI,EAAA,WAAU,mCACV,UAAAkB,EAAK,OACV;AAAA,sBACC,gBAAAlB,EAAA,OAAA,EAAI,WAAU,oBACV,YAAK,YACV,CAAA;AAAA,oBAAA,EACJ,CAAA;AAAA,kBAAA,EACJ,CAAA;AAAA,gBAAA;AAAA,gBApBKkB,EAAK;AAAA,cAAA,CAsBjB,EACL,CAAA;AAAA,YAAA,EACJ,CAAA;AAAA,UAAA,EAAA,CACJ,EACJ,CAAA;AAAA,QAAA,EACJ,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAER;AAER;"}
+{"version":3,"file":"ContactInfoDrawer.js","sources":["../../../../../../../../lib/@ecme/views/concepts/chat/Chat/components/ContactInfoDrawer.tsx"],"sourcesContent":["import { useEffect, useState } from 'react'\nimport Avatar from '@/components/ui/Avatar'\nimport CloseButton from '@/components/ui/CloseButton'\nimport Drawer from '@/components/ui/Drawer'\nimport ScrollBar from '@/components/ui/ScrollBar'\nimport Tabs from '@/components/ui/Tabs'\nimport ImageGallery from '@/components/shared/ImageGallery'\nimport FileIcon from '@/components/view/FileIcon'\nimport fileSizeUnit from '@/utils/fileSizeUnit'\nimport { useChatStore } from '../store/chatStore'\nimport { apiGetContactDetails } from '@/services/ChatService'\nimport useSWRMutation from 'swr/mutation'\nimport isEmpty from 'lodash/isEmpty'\nimport dayjs from 'dayjs'\nimport {\n    TbMail,\n    TbPhone,\n    TbClock,\n    TbArrowDown,\n    TbChevronRight,\n} from 'react-icons/tb'\nimport type { ReactNode } from 'react'\nimport type { GetContactDetailResponse } from '../types'\n\ntype ContactInfoFieldProps = {\n    title?: string\n    value?: string\n    icon?: ReactNode\n}\n\nconst { TabNav, TabList, TabContent } = Tabs\n\nconst ContactInfoField = ({ title, value, icon }: ContactInfoFieldProps) => {\n    return (\n        <div className=\"flex items-center gap-4\">\n            <div className=\"text-2xl\">{icon}</div>\n            <div>\n                <small className=\"font-semibold\">{title}</small>\n                <p className=\"heading-text font-semibold\">{value}</p>\n            </div>\n        </div>\n    )\n}\n\nconst ContactInfoDrawer = () => {\n    const contactInfoDrawer = useChatStore((state) => state.contactInfoDrawer)\n    const setContactInfoDrawer = useChatStore(\n        (state) => state.setContactInfoDrawer,\n    )\n\n    const [imageGalleryIndex, setImageGalleryIndex] = useState(-1)\n\n    const { trigger, data } = useSWRMutation(\n        [`/api/chats/contact/${contactInfoDrawer.userId}`, contactInfoDrawer],\n        // eslint-disable-next-line @typescript-eslint/no-unused-vars\n        ([_, params]) =>\n            apiGetContactDetails<GetContactDetailResponse>({\n                id: params.userId,\n            }),\n    )\n\n    const handleDrawerClose = () => {\n        setContactInfoDrawer({\n            userId: '',\n            chatId: '',\n            chatType: '',\n            open: false,\n        })\n    }\n\n    const handleDownload = () => {\n        const blob = new Blob(\n            [\n                'This text file is created to demonstrate how file downloading works in our template demo.',\n            ],\n            { type: 'text/plain;charset=utf-8' },\n        )\n\n        const link = document.createElement('a')\n        link.href = window.URL.createObjectURL(blob)\n        link.download = 'sample-dowoad-file'\n        document.body.appendChild(link)\n\n        link.click()\n\n        document.body.removeChild(link)\n        window.URL.revokeObjectURL(link.href)\n    }\n\n    useEffect(() => {\n        if (contactInfoDrawer.userId) {\n            trigger()\n        }\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [contactInfoDrawer.userId])\n\n    return (\n        <Drawer\n            title={null}\n            closable={false}\n            isOpen={contactInfoDrawer.open}\n            showBackdrop={false}\n            width={400}\n            onClose={handleDrawerClose}\n            onRequestClose={handleDrawerClose}\n        >\n            <div className=\"flex justify-end\">\n                <CloseButton onClick={handleDrawerClose} />\n            </div>\n            {!isEmpty(data?.userDetails) && (\n                <ScrollBar className=\"h-[calc(100%-30px)]\">\n                    <div className=\"mt-10 flex justify-center\">\n                        <Avatar src={data?.userDetails.img} size={90} />\n                    </div>\n                    <div className=\"mt-4 text-center\">\n                        <h5 className=\"font-bold\">{data?.userDetails.name}</h5>\n                        <span className=\"mt-1\">\n                            {contactInfoDrawer.chatType === 'personal'\n                                ? data?.userDetails.title\n                                : `Groups • ${data?.userDetails?.members?.length} members`}\n                        </span>\n                    </div>\n                    <div className=\"flex flex-col gap-y-7 mt-8\">\n                        {contactInfoDrawer.chatType === 'personal' ? (\n                            <>\n                                <ContactInfoField\n                                    title=\"Email\"\n                                    value={data.userDetails.email}\n                                    icon={<TbMail />}\n                                />\n                                <ContactInfoField\n                                    title=\"Phone\"\n                                    value={\n                                        data.userDetails?.personalInfo\n                                            .phoneNumber\n                                    }\n                                    icon={<TbPhone />}\n                                />\n                                <ContactInfoField\n                                    title=\"Last Online\"\n                                    value={dayjs\n                                        .unix(\n                                            data.userDetails\n                                                .lastOnline as number,\n                                        )\n                                        .format('DD MMM YYYY hh:mm A')}\n                                    icon={<TbClock />}\n                                />\n                            </>\n                        ) : (\n                            <>\n                                <div>\n                                    <div className=\"heading-text font-semibold\">\n                                        Members\n                                    </div>\n                                    {data?.userDetails?.members?.map(\n                                        (member) => (\n                                            <div\n                                                key={member.id}\n                                                className=\"rounded-xl py-4 flex items-center justify-between gap-2 group\"\n                                            >\n                                                <div className=\"flex items-center gap-2\">\n                                                    <Avatar src={member.img} />\n                                                    <div>\n                                                        <div className=\"font-bold heading-text\">\n                                                            {member.name}\n                                                        </div>\n                                                        <span>\n                                                            {member.email}\n                                                        </span>\n                                                    </div>\n                                                </div>\n                                                {member.id !== '1' && (\n                                                    <button\n                                                        type=\"button\"\n                                                        className=\"close-button button-press-feedback opacity-0 group-hover:opacity-100\"\n                                                    >\n                                                        <TbChevronRight className=\"text-xl\" />\n                                                    </button>\n                                                )}\n                                            </div>\n                                        ),\n                                    )}\n                                </div>\n                            </>\n                        )}\n                    </div>\n                    <div className=\"mt-8\">\n                        <Tabs defaultValue=\"media\">\n                            <TabList>\n                                <TabNav value=\"media\" className=\"flex-1\">\n                                    Media\n                                </TabNav>\n                                <TabNav value=\"files\" className=\"flex-1\">\n                                    Files\n                                </TabNav>\n                                <TabNav value=\"tab3\" className=\"flex-1\">\n                                    Links\n                                </TabNav>\n                            </TabList>\n                            <div className=\"py-4\">\n                                <TabContent value=\"media\">\n                                    <ImageGallery\n                                        index={imageGalleryIndex}\n                                        slides={\n                                            data.media.images?.map((img) => {\n                                                return {\n                                                    src: img.url,\n                                                }\n                                            }) || []\n                                        }\n                                        onClose={() => setImageGalleryIndex(-1)}\n                                    >\n                                        <div className=\"grid grid-cols-3 gap-2\">\n                                            {data.media.images?.map(\n                                                (img, index) => (\n                                                    <div\n                                                        key={img.id}\n                                                        data-src={img.url}\n                                                        className=\"cursor-pointer\"\n                                                        role=\"button\"\n                                                        onClick={() =>\n                                                            setImageGalleryIndex(\n                                                                index,\n                                                            )\n                                                        }\n                                                    >\n                                                        <img\n                                                            className=\"rounded-xl\"\n                                                            src={img.url}\n                                                        />\n                                                    </div>\n                                                ),\n                                            )}\n                                        </div>\n                                    </ImageGallery>\n                                </TabContent>\n                                <TabContent value=\"files\">\n                                    {data.media.files.map((file) => (\n                                        <div\n                                            key={file.id}\n                                            className=\"rounded-xl py-4 flex items-center justify-between gap-2 group\"\n                                        >\n                                            <div className=\"flex items-center gap-2\">\n                                                <div className=\"text-3xl\">\n                                                    <FileIcon\n                                                        type={file.fileType}\n                                                    />\n                                                </div>\n                                                <div>\n                                                    <div className=\"font-bold heading-text\">\n                                                        {file.name}\n                                                    </div>\n                                                    <span className=\"text-xs\">\n                                                        {fileSizeUnit(\n                                                            file.size || 0,\n                                                        )}\n                                                    </span>\n                                                </div>\n                                            </div>\n                                            <button\n                                                type=\"button\"\n                                                className=\"close-button button-press-feedback opacity-0 group-hover:opacity-100\"\n                                                onClick={handleDownload}\n                                            >\n                                                <TbArrowDown className=\"text-xl\" />\n                                            </button>\n                                        </div>\n                                    ))}\n                                </TabContent>\n                                <TabContent value=\"tab3\">\n                                    {data.media.links.map((link) => (\n                                        <a\n                                            key={link.id}\n                                            href={link.url}\n                                            className=\"rounded-xl py-4 px-2 flex items-center justify-between gap-2 hover:bg-gray-100 dark:hover:bg-gray-700\"\n                                            target='\"_blank'\n                                        >\n                                            <div className=\"flex items-center gap-2 min-w-0\">\n                                                <div className=\"flex items-center\">\n                                                    <Avatar\n                                                        src={link.favicon}\n                                                        className=\"bg-transparent\"\n                                                    />\n                                                </div>\n                                                <div className=\"min-w-0\">\n                                                    <div className=\"font-bold heading-text truncate\">\n                                                        {link.title}\n                                                    </div>\n                                                    <div className=\"text-xs truncate\">\n                                                        {link.description}\n                                                    </div>\n                                                </div>\n                                            </div>\n                                        </a>\n                                    ))}\n                                </TabContent>\n                            </div>\n                        </Tabs>\n                    </div>\n                </ScrollBar>\n            )}\n        </Drawer>\n    )\n}\n\nexport default ContactInfoDrawer\n"],"names":["TabNav","TabList","TabContent","Tabs","ContactInfoField","title","value","icon","jsxs","jsx","ContactInfoDrawer","contactInfoDrawer","useChatStore","state","setContactInfoDrawer","imageGalleryIndex","setImageGalleryIndex","useState","trigger","data","useSWRMutation","_","params","apiGetContactDetails","handleDrawerClose","handleDownload","blob","link","useEffect","Drawer","CloseButton","isEmpty","ScrollBar","Avatar","_b","_a","Fragment","TbMail","_c","TbPhone","dayjs","TbClock","_e","_d","member","TbChevronRight","ImageGallery","_f","img","_g","index","file","FileIcon","fileSizeUnit","TbArrowDown"],"mappings":";;;;;;;;;;;;;;;;;;;;AA8BA,MAAM,EAAE,QAAAA,GAAQ,SAAAC,GAAS,YAAAC,EAAA,IAAeC,GAElCC,IAAmB,CAAC,EAAE,OAAAC,GAAO,OAAAC,GAAO,MAAAC,QAElC,gBAAAC,EAAC,OAAA,EAAI,WAAU,2BACX,UAAA;AAAA,EAAA,gBAAAC,EAAC,OAAA,EAAI,WAAU,YAAY,UAAAF,GAAK;AAAA,oBAC/B,OAAA,EACG,UAAA;AAAA,IAAA,gBAAAE,EAAC,SAAA,EAAM,WAAU,iBAAiB,UAAAJ,GAAM;AAAA,IACxC,gBAAAI,EAAC,KAAA,EAAE,WAAU,8BAA8B,UAAAH,EAAA,CAAM;AAAA,EAAA,EAAA,CACrD;AAAA,GACJ,GAIFI,KAAoB,MAAM;;AAC5B,QAAMC,IAAoBC,EAAa,CAACC,MAAUA,EAAM,iBAAiB,GACnEC,IAAuBF;AAAA,IACzB,CAACC,MAAUA,EAAM;AAAA,EAAA,GAGf,CAACE,GAAmBC,CAAoB,IAAIC,EAAS,EAAE,GAEvD,EAAE,SAAAC,GAAS,MAAAC,EAAA,IAASC;AAAA,IACtB,CAAC,sBAAsBT,EAAkB,MAAM,IAAIA,CAAiB;AAAA;AAAA,IAEpE,CAAC,CAACU,GAAGC,CAAM,MACPC,EAA+C;AAAA,MAC3C,IAAID,EAAO;AAAA,IAAA,CACd;AAAA,EAAA,GAGHE,IAAoB,MAAM;AAC5B,IAAAV,EAAqB;AAAA,MACjB,QAAQ;AAAA,MACR,QAAQ;AAAA,MACR,UAAU;AAAA,MACV,MAAM;AAAA,IAAA,CACT;AAAA,EAAA,GAGCW,IAAiB,MAAM;AACzB,UAAMC,IAAO,IAAI;AAAA,MACb;AAAA,QACI;AAAA,MAAA;AAAA,MAEJ,EAAE,MAAM,2BAAA;AAAA,IAA2B,GAGjCC,IAAO,SAAS,cAAc,GAAG;AACvC,IAAAA,EAAK,OAAO,OAAO,IAAI,gBAAgBD,CAAI,GAC3CC,EAAK,WAAW,sBAChB,SAAS,KAAK,YAAYA,CAAI,GAE9BA,EAAK,MAAA,GAEL,SAAS,KAAK,YAAYA,CAAI,GAC9B,OAAO,IAAI,gBAAgBA,EAAK,IAAI;AAAA,EAAA;AAGxC,SAAAC,EAAU,MAAM;AACZ,IAAIjB,EAAkB,UAClBO,EAAA;AAAA,EACJ,GAED,CAACP,EAAkB,MAAM,CAAC,GAGzB,gBAAAH;AAAA,IAACqB;AAAA,IAAA;AAAA,MACG,OAAO;AAAA,MACP,UAAU;AAAA,MACV,QAAQlB,EAAkB;AAAA,MAC1B,cAAc;AAAA,MACd,OAAO;AAAA,MACP,SAASa;AAAA,MACT,gBAAgBA;AAAA,MAEhB,UAAA;AAAA,QAAA,gBAAAf,EAAC,SAAI,WAAU,oBACX,4BAACqB,GAAA,EAAY,SAASN,GAAmB,EAAA,CAC7C;AAAA,QACC,CAACO,EAAQZ,KAAA,gBAAAA,EAAM,WAAW,KACvB,gBAAAX,EAACwB,GAAA,EAAU,WAAU,uBACjB,UAAA;AAAA,UAAA,gBAAAvB,EAAC,OAAA,EAAI,WAAU,6BACX,UAAA,gBAAAA,EAACwB,GAAA,EAAO,KAAKd,KAAA,gBAAAA,EAAM,YAAY,KAAK,MAAM,GAAA,CAAI,GAClD;AAAA,UACA,gBAAAX,EAAC,OAAA,EAAI,WAAU,oBACX,UAAA;AAAA,YAAA,gBAAAC,EAAC,MAAA,EAAG,WAAU,aAAa,UAAAU,KAAA,gBAAAA,EAAM,YAAY,MAAK;AAAA,YAClD,gBAAAV,EAAC,QAAA,EAAK,WAAU,QACX,YAAkB,aAAa,aAC1BU,KAAA,gBAAAA,EAAM,YAAY,QAClB,aAAYe,KAAAC,IAAAhB,KAAA,gBAAAA,EAAM,gBAAN,gBAAAgB,EAAmB,YAAnB,gBAAAD,EAA4B,MAAM,WAAA,CACxD;AAAA,UAAA,GACJ;AAAA,4BACC,OAAA,EAAI,WAAU,8BACV,UAAAvB,EAAkB,aAAa,aAC5B,gBAAAH,EAAA4B,GAAA,EACI,UAAA;AAAA,YAAA,gBAAA3B;AAAA,cAACL;AAAA,cAAA;AAAA,gBACG,OAAM;AAAA,gBACN,OAAOe,EAAK,YAAY;AAAA,gBACxB,wBAAOkB,GAAA,CAAA,CAAO;AAAA,cAAA;AAAA,YAAA;AAAA,YAElB,gBAAA5B;AAAA,cAACL;AAAA,cAAA;AAAA,gBACG,OAAM;AAAA,gBACN,QACIkC,IAAAnB,EAAK,gBAAL,gBAAAmB,EAAkB,aACb;AAAA,gBAET,wBAAOC,GAAA,CAAA,CAAQ;AAAA,cAAA;AAAA,YAAA;AAAA,YAEnB,gBAAA9B;AAAA,cAACL;AAAA,cAAA;AAAA,gBACG,OAAM;AAAA,gBACN,OAAOoC,EACF;AAAA,kBACGrB,EAAK,YACA;AAAA,gBAAA,EAER,OAAO,qBAAqB;AAAA,gBACjC,wBAAOsB,GAAA,CAAA,CAAQ;AAAA,cAAA;AAAA,YAAA;AAAA,UACnB,GACJ,IAEA,gBAAAhC,EAAA2B,GAAA,EACI,UAAA,gBAAA5B,EAAC,OAAA,EACG,UAAA;AAAA,YAAA,gBAAAC,EAAC,OAAA,EAAI,WAAU,8BAA6B,UAAA,WAE5C;AAAA,aACCiC,KAAAC,IAAAxB,KAAA,gBAAAA,EAAM,gBAAN,gBAAAwB,EAAmB,YAAnB,gBAAAD,EAA4B;AAAA,cACzB,CAACE,MACG,gBAAApC;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBAEG,WAAU;AAAA,kBAEV,UAAA;AAAA,oBAAA,gBAAAA,EAAC,OAAA,EAAI,WAAU,2BACX,UAAA;AAAA,sBAAA,gBAAAC,EAACwB,GAAA,EAAO,KAAKW,EAAO,IAAA,CAAK;AAAA,wCACxB,OAAA,EACG,UAAA;AAAA,wBAAA,gBAAAnC,EAAC,OAAA,EAAI,WAAU,0BACV,UAAAmC,EAAO,MACZ;AAAA,wBACA,gBAAAnC,EAAC,QAAA,EACI,UAAAmC,EAAO,MAAA,CACZ;AAAA,sBAAA,EAAA,CACJ;AAAA,oBAAA,GACJ;AAAA,oBACCA,EAAO,OAAO,OACX,gBAAAnC;AAAA,sBAAC;AAAA,sBAAA;AAAA,wBACG,MAAK;AAAA,wBACL,WAAU;AAAA,wBAEV,UAAA,gBAAAA,EAACoC,GAAA,EAAe,WAAU,UAAA,CAAU;AAAA,sBAAA;AAAA,oBAAA;AAAA,kBACxC;AAAA,gBAAA;AAAA,gBApBCD,EAAO;AAAA,cAAA;AAAA;AAAA,UAwBxB,EAAA,CACJ,GACJ,GAER;AAAA,4BACC,OAAA,EAAI,WAAU,QACX,UAAA,gBAAApC,EAACL,GAAA,EAAK,cAAa,SACf,UAAA;AAAA,YAAA,gBAAAK,EAACP,GAAA,EACG,UAAA;AAAA,cAAA,gBAAAQ,EAACT,GAAA,EAAO,OAAM,SAAQ,WAAU,UAAS,UAAA,SAEzC;AAAA,gCACCA,GAAA,EAAO,OAAM,SAAQ,WAAU,UAAS,UAAA,SAEzC;AAAA,gCACCA,GAAA,EAAO,OAAM,QAAO,WAAU,UAAS,UAAA,QAAA,CAExC;AAAA,YAAA,GACJ;AAAA,YACA,gBAAAQ,EAAC,OAAA,EAAI,WAAU,QACX,UAAA;AAAA,cAAA,gBAAAC,EAACP,GAAA,EAAW,OAAM,SACd,UAAA,gBAAAO;AAAA,gBAACqC;AAAA,gBAAA;AAAA,kBACG,OAAO/B;AAAA,kBACP,UACIgC,IAAA5B,EAAK,MAAM,WAAX,gBAAA4B,EAAmB,IAAI,CAACC,OACb;AAAA,oBACH,KAAKA,EAAI;AAAA,kBAAA,QAEX,CAAA;AAAA,kBAEV,SAAS,MAAMhC,EAAqB,EAAE;AAAA,kBAEtC,4BAAC,OAAA,EAAI,WAAU,0BACV,WAAAiC,IAAA9B,EAAK,MAAM,WAAX,gBAAA8B,EAAmB;AAAA,oBAChB,CAACD,GAAKE,MACF,gBAAAzC;AAAA,sBAAC;AAAA,sBAAA;AAAA,wBAEG,YAAUuC,EAAI;AAAA,wBACd,WAAU;AAAA,wBACV,MAAK;AAAA,wBACL,SAAS,MACLhC;AAAA,0BACIkC;AAAA,wBAAA;AAAA,wBAIR,UAAA,gBAAAzC;AAAA,0BAAC;AAAA,0BAAA;AAAA,4BACG,WAAU;AAAA,4BACV,KAAKuC,EAAI;AAAA,0BAAA;AAAA,wBAAA;AAAA,sBACb;AAAA,sBAbKA,EAAI;AAAA,oBAAA;AAAA,oBAgBrB,CACJ;AAAA,gBAAA;AAAA,cAAA,GAER;AAAA,cACA,gBAAAvC,EAACP,KAAW,OAAM,SACb,YAAK,MAAM,MAAM,IAAI,CAACiD,MACnB,gBAAA3C;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBAEG,WAAU;AAAA,kBAEV,UAAA;AAAA,oBAAA,gBAAAA,EAAC,OAAA,EAAI,WAAU,2BACX,UAAA;AAAA,sBAAA,gBAAAC,EAAC,OAAA,EAAI,WAAU,YACX,UAAA,gBAAAA;AAAA,wBAAC2C;AAAA,wBAAA;AAAA,0BACG,MAAMD,EAAK;AAAA,wBAAA;AAAA,sBAAA,GAEnB;AAAA,wCACC,OAAA,EACG,UAAA;AAAA,wBAAA,gBAAA1C,EAAC,OAAA,EAAI,WAAU,0BACV,UAAA0C,EAAK,MACV;AAAA,wBACA,gBAAA1C,EAAC,QAAA,EAAK,WAAU,WACX,UAAA4C;AAAA,0BACGF,EAAK,QAAQ;AAAA,wBAAA,EACjB,CACJ;AAAA,sBAAA,EAAA,CACJ;AAAA,oBAAA,GACJ;AAAA,oBACA,gBAAA1C;AAAA,sBAAC;AAAA,sBAAA;AAAA,wBACG,MAAK;AAAA,wBACL,WAAU;AAAA,wBACV,SAASgB;AAAA,wBAET,UAAA,gBAAAhB,EAAC6C,GAAA,EAAY,WAAU,UAAA,CAAU;AAAA,sBAAA;AAAA,oBAAA;AAAA,kBACrC;AAAA,gBAAA;AAAA,gBA1BKH,EAAK;AAAA,cAAA,CA4BjB,GACL;AAAA,cACA,gBAAA1C,EAACP,KAAW,OAAM,QACb,YAAK,MAAM,MAAM,IAAI,CAACyB,MACnB,gBAAAlB;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBAEG,MAAMkB,EAAK;AAAA,kBACX,WAAU;AAAA,kBACV,QAAO;AAAA,kBAEP,UAAA,gBAAAnB,EAAC,OAAA,EAAI,WAAU,mCACX,UAAA;AAAA,oBAAA,gBAAAC,EAAC,OAAA,EAAI,WAAU,qBACX,UAAA,gBAAAA;AAAA,sBAACwB;AAAA,sBAAA;AAAA,wBACG,KAAKN,EAAK;AAAA,wBACV,WAAU;AAAA,sBAAA;AAAA,oBAAA,GAElB;AAAA,oBACA,gBAAAnB,EAAC,OAAA,EAAI,WAAU,WACX,UAAA;AAAA,sBAAA,gBAAAC,EAAC,OAAA,EAAI,WAAU,mCACV,UAAAkB,EAAK,OACV;AAAA,sBACA,gBAAAlB,EAAC,OAAA,EAAI,WAAU,oBACV,YAAK,YAAA,CACV;AAAA,oBAAA,EAAA,CACJ;AAAA,kBAAA,EAAA,CACJ;AAAA,gBAAA;AAAA,gBApBKkB,EAAK;AAAA,cAAA,CAsBjB,EAAA,CACL;AAAA,YAAA,EAAA,CACJ;AAAA,UAAA,EAAA,CACJ,EAAA,CACJ;AAAA,QAAA,EAAA,CACJ;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAIhB;"}

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

@@ -1 +1 @@
-{"version":3,"file":"NewChat.js","sources":["../../../../../../../../lib/@ecme/views/concepts/chat/Chat/components/NewChat.tsx"],"sourcesContent":["import { useEffect, useState, useMemo } from 'react'\nimport Avatar from '@/components/ui/Avatar'\nimport Button from '@/components/ui/Button'\nimport Dialog from '@/components/ui/Dialog'\nimport ScrollBar from '@/components/ui/ScrollBar'\nimport DebounceInput from '@/components/shared/DebounceInput'\nimport classNames from '@/utils/classNames'\nimport { apiGetContacts } from '@/services/ChatService'\nimport { TbSearch, TbCheck } from 'react-icons/tb'\nimport useSWRMutation from 'swr/mutation'\nimport type { GetContactsResponse, UserDetails } from '../types'\n\nasync function getContacts() {\n    const data = await apiGetContacts<GetContactsResponse>()\n    return data\n}\n\nconst NewChat = () => {\n    const [contactListDialog, setContactListDialog] = useState(false)\n    const [selectedContact, setSelectedContact] = useState<UserDetails[]>([])\n    const [query, setQuery] = useState('')\n\n    const { data, trigger: fetchContacts } = useSWRMutation(\n        `/api/contacts/`,\n        getContacts,\n    )\n\n    useEffect(() => {\n        if (contactListDialog) {\n            fetchContacts()\n        }\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [contactListDialog])\n\n    const contacts = useMemo(() => {\n        if (data) {\n            return data.filter((contact) => {\n                if (!query) {\n                    return true\n                }\n\n                if (contact.name.toLocaleLowerCase().includes(query)) {\n                    return true\n                }\n\n                return false\n            })\n        }\n    }, [data, query])\n\n    const handleDialogClose = () => {\n        setContactListDialog(false)\n        setSelectedContact([])\n    }\n\n    const handleStartNewChat = () => {\n        handleDialogClose()\n    }\n\n    const handleInputChange = (value: string) => {\n        setQuery(value)\n    }\n\n    const handleSetSelectedContact = (contact: UserDetails) => {\n        setSelectedContact((prevSelectedContacts) => {\n            const contactExists = prevSelectedContacts.some(\n                (c) => c.id === contact.id,\n            )\n\n            if (contactExists) {\n                return prevSelectedContacts.filter((c) => c.id !== contact.id)\n            } else {\n                return [...prevSelectedContacts, contact]\n            }\n        })\n    }\n\n    return (\n        <>\n            <Button\n                block\n                variant=\"solid\"\n                onClick={() => setContactListDialog(true)}\n            >\n                New chat\n            </Button>\n            <Dialog\n                isOpen={contactListDialog}\n                onClose={handleDialogClose}\n                onRequestClose={handleDialogClose}\n            >\n                {contacts && (\n                    <div>\n                        <div className=\"text-center mb-6\">\n                            <h4 className=\"mb-1\">Contact List</h4>\n                            <p>\n                                Browse and select contacts to start a\n                                conversation\n                            </p>\n                        </div>\n                        <DebounceInput\n                            placeholder=\"Search...\"\n                            type=\"text\"\n                            size=\"sm\"\n                            prefix={<TbSearch className=\"text-lg\" />}\n                            onChange={(e) => handleInputChange(e.target.value)}\n                        />\n                        <div className=\"mt-4\">\n                            <p className=\"font-semibold uppercase text-xs mb-4\">\n                                {contacts.length} person available\n                            </p>\n                            <div className=\"mb-6\">\n                                <ScrollBar\n                                    className={classNames(\n                                        'overflow-y-auto h-80',\n                                    )}\n                                >\n                                    <div className=\"h-full pr-3 flex flex-col gap-2\">\n                                        {contacts.map((contact) => (\n                                            <div\n                                                key={contact.id}\n                                                className={classNames(\n                                                    'py-3 px-3 rounded-lg flex items-center justify-between cursor-pointer hover:bg-gray-100 dark:hover:bg-gray-700',\n                                                    selectedContact.some(\n                                                        (item) =>\n                                                            item.id ===\n                                                            contact.id,\n                                                    ) &&\n                                                        'bg-gray-100 dark:bg-gray-700',\n                                                )}\n                                                role=\"button\"\n                                                onClick={() =>\n                                                    handleSetSelectedContact(\n                                                        contact,\n                                                    )\n                                                }\n                                            >\n                                                <div className=\"flex items-center gap-2\">\n                                                    <Avatar\n                                                        shape=\"circle\"\n                                                        src={contact.img}\n                                                    />\n                                                    <div>\n                                                        <p className=\"heading-text font-bold\">\n                                                            {contact.name}\n                                                        </p>\n                                                        <p>{contact.email}</p>\n                                                    </div>\n                                                </div>\n                                                {selectedContact.some(\n                                                    (item) =>\n                                                        item.id === contact.id,\n                                                ) && (\n                                                    <TbCheck className=\"text-2xl text-primary\" />\n                                                )}\n                                            </div>\n                                        ))}\n                                    </div>\n                                </ScrollBar>\n                            </div>\n                            <Button\n                                block\n                                variant=\"solid\"\n                                onClick={handleStartNewChat}\n                            >\n                                {selectedContact.length > 1\n                                    ? 'Group Message'\n                                    : 'Message'}\n                            </Button>\n                        </div>\n                    </div>\n                )}\n            </Dialog>\n        </>\n    )\n}\n\nexport default NewChat\n"],"names":["getContacts","apiGetContacts","NewChat","contactListDialog","setContactListDialog","useState","selectedContact","setSelectedContact","query","setQuery","data","fetchContacts","useSWRMutation","useEffect","contacts","useMemo","contact","handleDialogClose","handleStartNewChat","handleInputChange","value","handleSetSelectedContact","prevSelectedContacts","c","jsxs","Fragment","jsx","Button","Dialog","DebounceInput","TbSearch","ScrollBar","classNames","item","Avatar","TbCheck"],"mappings":"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"}
+{"version":3,"file":"NewChat.js","sources":["../../../../../../../../lib/@ecme/views/concepts/chat/Chat/components/NewChat.tsx"],"sourcesContent":["import { useEffect, useState, useMemo } from 'react'\nimport Avatar from '@/components/ui/Avatar'\nimport Button from '@/components/ui/Button'\nimport Dialog from '@/components/ui/Dialog'\nimport ScrollBar from '@/components/ui/ScrollBar'\nimport DebounceInput from '@/components/shared/DebounceInput'\nimport classNames from '@/utils/classNames'\nimport { apiGetContacts } from '@/services/ChatService'\nimport { TbSearch, TbCheck } from 'react-icons/tb'\nimport useSWRMutation from 'swr/mutation'\nimport type { GetContactsResponse, UserDetails } from '../types'\n\nasync function getContacts() {\n    const data = await apiGetContacts<GetContactsResponse>()\n    return data\n}\n\nconst NewChat = () => {\n    const [contactListDialog, setContactListDialog] = useState(false)\n    const [selectedContact, setSelectedContact] = useState<UserDetails[]>([])\n    const [query, setQuery] = useState('')\n\n    const { data, trigger: fetchContacts } = useSWRMutation(\n        `/api/contacts/`,\n        getContacts,\n    )\n\n    useEffect(() => {\n        if (contactListDialog) {\n            fetchContacts()\n        }\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [contactListDialog])\n\n    const contacts = useMemo(() => {\n        if (data) {\n            return data.filter((contact) => {\n                if (!query) {\n                    return true\n                }\n\n                if (contact.name.toLocaleLowerCase().includes(query)) {\n                    return true\n                }\n\n                return false\n            })\n        }\n    }, [data, query])\n\n    const handleDialogClose = () => {\n        setContactListDialog(false)\n        setSelectedContact([])\n    }\n\n    const handleStartNewChat = () => {\n        handleDialogClose()\n    }\n\n    const handleInputChange = (value: string) => {\n        setQuery(value)\n    }\n\n    const handleSetSelectedContact = (contact: UserDetails) => {\n        setSelectedContact((prevSelectedContacts) => {\n            const contactExists = prevSelectedContacts.some(\n                (c) => c.id === contact.id,\n            )\n\n            if (contactExists) {\n                return prevSelectedContacts.filter((c) => c.id !== contact.id)\n            } else {\n                return [...prevSelectedContacts, contact]\n            }\n        })\n    }\n\n    return (\n        <>\n            <Button\n                block\n                variant=\"solid\"\n                onClick={() => setContactListDialog(true)}\n            >\n                New chat\n            </Button>\n            <Dialog\n                isOpen={contactListDialog}\n                onClose={handleDialogClose}\n                onRequestClose={handleDialogClose}\n            >\n                {contacts && (\n                    <div>\n                        <div className=\"text-center mb-6\">\n                            <h4 className=\"mb-1\">Contact List</h4>\n                            <p>\n                                Browse and select contacts to start a\n                                conversation\n                            </p>\n                        </div>\n                        <DebounceInput\n                            placeholder=\"Search...\"\n                            type=\"text\"\n                            size=\"sm\"\n                            prefix={<TbSearch className=\"text-lg\" />}\n                            onChange={(e) => handleInputChange(e.target.value)}\n                        />\n                        <div className=\"mt-4\">\n                            <p className=\"font-semibold uppercase text-xs mb-4\">\n                                {contacts.length} person available\n                            </p>\n                            <div className=\"mb-6\">\n                                <ScrollBar\n                                    className={classNames(\n                                        'overflow-y-auto h-80',\n                                    )}\n                                >\n                                    <div className=\"h-full pr-3 flex flex-col gap-2\">\n                                        {contacts.map((contact) => (\n                                            <div\n                                                key={contact.id}\n                                                className={classNames(\n                                                    'py-3 px-3 rounded-lg flex items-center justify-between cursor-pointer hover:bg-gray-100 dark:hover:bg-gray-700',\n                                                    selectedContact.some(\n                                                        (item) =>\n                                                            item.id ===\n                                                            contact.id,\n                                                    ) &&\n                                                        'bg-gray-100 dark:bg-gray-700',\n                                                )}\n                                                role=\"button\"\n                                                onClick={() =>\n                                                    handleSetSelectedContact(\n                                                        contact,\n                                                    )\n                                                }\n                                            >\n                                                <div className=\"flex items-center gap-2\">\n                                                    <Avatar\n                                                        shape=\"circle\"\n                                                        src={contact.img}\n                                                    />\n                                                    <div>\n                                                        <p className=\"heading-text font-bold\">\n                                                            {contact.name}\n                                                        </p>\n                                                        <p>{contact.email}</p>\n                                                    </div>\n                                                </div>\n                                                {selectedContact.some(\n                                                    (item) =>\n                                                        item.id === contact.id,\n                                                ) && (\n                                                    <TbCheck className=\"text-2xl text-primary\" />\n                                                )}\n                                            </div>\n                                        ))}\n                                    </div>\n                                </ScrollBar>\n                            </div>\n                            <Button\n                                block\n                                variant=\"solid\"\n                                onClick={handleStartNewChat}\n                            >\n                                {selectedContact.length > 1\n                                    ? 'Group Message'\n                                    : 'Message'}\n                            </Button>\n                        </div>\n                    </div>\n                )}\n            </Dialog>\n        </>\n    )\n}\n\nexport default NewChat\n"],"names":["getContacts","apiGetContacts","NewChat","contactListDialog","setContactListDialog","useState","selectedContact","setSelectedContact","query","setQuery","data","fetchContacts","useSWRMutation","useEffect","contacts","useMemo","contact","handleDialogClose","handleStartNewChat","handleInputChange","value","handleSetSelectedContact","prevSelectedContacts","c","jsxs","Fragment","jsx","Button","Dialog","DebounceInput","TbSearch","ScrollBar","classNames","item","Avatar","TbCheck"],"mappings":"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"}