@orbe-agro/client-core 5.5.3 → 5.5.9

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"Chat.js","sources":["../../../../../../lib/@ecme/views/concepts/chat/Chat/Chat.tsx"],"sourcesContent":["import Card from '@/components/ui/Card'\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":[],"mappings":";;;;;;AAKA,MAAM,OAAO,MAAM;AACf,SAEQ,qBAAA,UAAA,EAAA,UAAA;AAAA,IAAC,oBAAA,MAAA,EAAK,WAAU,mBAAkB,WAAU,wBACxC,UAAC,qBAAA,OAAA,EAAI,WAAU,+BACX,UAAA;AAAA,MAAA,oBAAC,aAAY,EAAA;AAAA,0BACZ,UAAS,CAAA,CAAA;AAAA,IAAA,EAAA,CACd,EACJ,CAAA;AAAA,wBACC,mBAAkB,CAAA,CAAA;AAAA,EAAA,GACvB;AAER;"}
+{"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":[],"mappings":";;;;;;AAKA,MAAM,OAAO,MAAM;AACf,SACI,qBAAA,UAAA,EACI,UAAA;AAAA,IAAA,oBAAC,MAAA,EAAK,WAAU,mBAAkB,WAAU,wBACxC,UAAA,qBAAC,OAAA,EAAI,WAAU,+BACX,UAAA;AAAA,MAAA,oBAAC,aAAA,EAAY;AAAA,0BACZ,UAAA,CAAA,CAAS;AAAA,IAAA,EAAA,CACd,EAAA,CACJ;AAAA,wBACC,mBAAA,CAAA,CAAkB;AAAA,EAAA,GACvB;AAER;"}

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

@@ -1 +1 @@
-{"version":3,"file":"ChatAction.js","sources":["../../../../../../../lib/@ecme/views/concepts/chat/Chat/components/ChatAction.tsx"],"sourcesContent":["import { useRef } from 'react'\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":[],"mappings":";;;;;AAiBA,MAAM,aAAa,CAAC,EAAE,YAA6B;AACzC,QAAA,cAAc,OAAoB,IAAI;AAC5C,QAAM,eAAe,aAAa,CAAC,UAAU,MAAM,YAAY;AAC/D,QAAM,kBAAkB,aAAa,CAAC,UAAU,MAAM,eAAe;AACrE,QAAM,2BAA2B;AAAA,IAC7B,CAAC,UAAU,MAAM;AAAA,EACrB;AACA,QAAM,cAAc,aAAa,CAAC,UAAU,MAAM,WAAW;AAE7D,QAAM,aAAa,MAAM;AACf,UAAA,YAAY,CAAC,aAAa;AAChC,oBAAgB,EAAE,GAAG,cAAc,OAAO,WAAW;AACrD,gBAAY,EAAE,IAAI,aAAa,IAAc,OAAO,WAAW;AAAA,EACnE;AAEA,QAAM,eAAe,MAAM;AACvB,6BAAyB,aAAa,EAAY;AAClD,oBAAgB,CAAA,CAAE;AAAA,EACtB;AAGI,SAAA,oBAAC,OAAI,EAAA,WAAU,2BACX,UAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,KAAK;AAAA,MACL,WAAU;AAAA,MACV,aACK,oBAAA,UAAA,EAAO,WAAU,4KACd,UAAA,oBAAC,iBAAe,CAAA,GACpB;AAAA,MAGJ,UAAA;AAAA,QAAA,qBAAC,SAAS,MAAT,EAAc,UAAS,QAAO,SAAS,YACpC,UAAA;AAAA,UAAC,oBAAA,QAAA,EAAK,WAAU,WACX,UAAA,4BAAS,WAAU,CAAA,CAAA,IAAM,oBAAA,QAAA,CAAA,CAAO,EACrC,CAAA;AAAA,UACC,oBAAA,QAAA,EAAM,UAAQ,QAAA,WAAW,OAAO,CAAA;AAAA,QAAA,GACrC;AAAA,QACC,aAAa,aAAa,WACvB,qBAAC,SAAS,MAAT,EAAc,UAAS,gBACpB,UAAA;AAAA,UAAA,oBAAC,QAAK,EAAA,WAAU,WACZ,UAAA,oBAAC,aAAW,CAAA,GAChB;AAAA,UACA,oBAAC,UAAK,UAAa,gBAAA,CAAA;AAAA,QAAA,EACvB,CAAA,IAEC,qBAAA,SAAS,MAAT,EAAc,UAAS,gBACpB,UAAA;AAAA,UAAA,oBAAC,QAAK,EAAA,WAAU,WACZ,UAAA,oBAAC,WAAS,CAAA,GACd;AAAA,UACA,oBAAC,UAAK,UAAa,gBAAA,CAAA;AAAA,QAAA,GACvB;AAAA,6BAEH,SAAS,MAAT,EAAc,UAAS,UAAS,SAAS,cACtC,UAAA;AAAA,UAAA,oBAAC,QAAK,EAAA,WAAU,sBACZ,UAAA,oBAAC,UAAQ,CAAA,GACb;AAAA,UACC,oBAAA,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":[],"mappings":";;;;;AAiBA,MAAM,aAAa,CAAC,EAAE,YAA6B;AAC/C,QAAM,cAAc,OAAoB,IAAI;AAC5C,QAAM,eAAe,aAAa,CAAC,UAAU,MAAM,YAAY;AAC/D,QAAM,kBAAkB,aAAa,CAAC,UAAU,MAAM,eAAe;AACrE,QAAM,2BAA2B;AAAA,IAC7B,CAAC,UAAU,MAAM;AAAA,EAAA;AAErB,QAAM,cAAc,aAAa,CAAC,UAAU,MAAM,WAAW;AAE7D,QAAM,aAAa,MAAM;AACrB,UAAM,YAAY,CAAC,aAAa;AAChC,oBAAgB,EAAE,GAAG,cAAc,OAAO,WAAW;AACrD,gBAAY,EAAE,IAAI,aAAa,IAAc,OAAO,WAAW;AAAA,EACnE;AAEA,QAAM,eAAe,MAAM;AACvB,6BAAyB,aAAa,EAAY;AAClD,oBAAgB,CAAA,CAAE;AAAA,EACtB;AAEA,SACI,oBAAC,OAAA,EAAI,WAAU,2BACX,UAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,KAAK;AAAA,MACL,WAAU;AAAA,MACV,aACI,oBAAC,UAAA,EAAO,WAAU,4KACd,UAAA,oBAAC,kBAAe,GACpB;AAAA,MAGJ,UAAA;AAAA,QAAA,qBAAC,SAAS,MAAT,EAAc,UAAS,QAAO,SAAS,YACpC,UAAA;AAAA,UAAA,oBAAC,QAAA,EAAK,WAAU,WACX,UAAA,4BAAS,WAAA,CAAA,CAAU,IAAK,oBAAC,QAAA,CAAA,CAAO,EAAA,CACrC;AAAA,UACA,oBAAC,QAAA,EAAM,UAAA,QAAQ,WAAW,OAAA,CAAO;AAAA,QAAA,GACrC;AAAA,QACC,aAAa,aAAa,WACvB,qBAAC,SAAS,MAAT,EAAc,UAAS,gBACpB,UAAA;AAAA,UAAA,oBAAC,QAAA,EAAK,WAAU,WACZ,UAAA,oBAAC,cAAW,GAChB;AAAA,UACA,oBAAC,UAAK,UAAA,gBAAA,CAAa;AAAA,QAAA,EAAA,CACvB,IAEA,qBAAC,SAAS,MAAT,EAAc,UAAS,gBACpB,UAAA;AAAA,UAAA,oBAAC,QAAA,EAAK,WAAU,WACZ,UAAA,oBAAC,YAAS,GACd;AAAA,UACA,oBAAC,UAAK,UAAA,gBAAA,CAAa;AAAA,QAAA,GACvB;AAAA,6BAEH,SAAS,MAAT,EAAc,UAAS,UAAS,SAAS,cACtC,UAAA;AAAA,UAAA,oBAAC,QAAA,EAAK,WAAU,sBACZ,UAAA,oBAAC,WAAQ,GACb;AAAA,UACA,oBAAC,QAAA,EAAK,WAAU,cAAa,UAAA,SAAA,CAAM;AAAA,QAAA,EAAA,CACvC;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,GAER;AAER;"}

package/dist/@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":[],"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":[],"mappings":"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"}

package/dist/@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":[],"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":[],"mappings":"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"}

package/dist/@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":[],"mappings":";;;;AAKA,MAAM,cAAc,MAAM;AACtB,QAAM,mBAAmB,aAAa,CAAC,UAAU,MAAM,gBAAgB;AACvE,QAAM,sBAAsB;AAAA,IACxB,CAAC,UAAU,MAAM;AAAA,EACrB;AAGI,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAU;AAAA,MACV,OAAO;AAAA,MACP,UAAU,CAAC,UAAU,oBAAoB,KAAiB;AAAA,MAE1D,UAAA;AAAA,QAAC,oBAAA,QAAQ,MAAR,EAAa,WAAU,UAAS,OAAM,YACnC,UAAA,qBAAC,OAAI,EAAA,WAAU,0CACX,UAAA;AAAA,UAAC,oBAAA,cAAA,EAAa,WAAU,UAAU,CAAA;AAAA,UAClC,oBAAC,UAAK,UAAQ,WAAA,CAAA;AAAA,QAAA,EAAA,CAClB,EACJ,CAAA;AAAA,QACA,oBAAC,QAAQ,MAAR,EAAa,WAAU,UAAS,OAAM,UACnC,UAAA,qBAAC,OAAI,EAAA,WAAU,0CACX,UAAA;AAAA,UAAC,oBAAA,SAAA,EAAQ,WAAU,UAAU,CAAA;AAAA,UAC7B,oBAAC,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":[],"mappings":";;;;AAKA,MAAM,cAAc,MAAM;AACtB,QAAM,mBAAmB,aAAa,CAAC,UAAU,MAAM,gBAAgB;AACvE,QAAM,sBAAsB;AAAA,IACxB,CAAC,UAAU,MAAM;AAAA,EAAA;AAGrB,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAU;AAAA,MACV,OAAO;AAAA,MACP,UAAU,CAAC,UAAU,oBAAoB,KAAiB;AAAA,MAE1D,UAAA;AAAA,QAAA,oBAAC,QAAQ,MAAR,EAAa,WAAU,UAAS,OAAM,YACnC,UAAA,qBAAC,OAAA,EAAI,WAAU,0CACX,UAAA;AAAA,UAAA,oBAAC,cAAA,EAAa,WAAU,UAAA,CAAU;AAAA,UAClC,oBAAC,UAAK,UAAA,WAAA,CAAQ;AAAA,QAAA,EAAA,CAClB,EAAA,CACJ;AAAA,QACA,oBAAC,QAAQ,MAAR,EAAa,WAAU,UAAS,OAAM,UACnC,UAAA,qBAAC,OAAA,EAAI,WAAU,0CACX,UAAA;AAAA,UAAA,oBAAC,SAAA,EAAQ,WAAU,UAAA,CAAU;AAAA,UAC7B,oBAAC,UAAK,UAAA,SAAA,CAAM;AAAA,QAAA,EAAA,CAChB,EAAA,CACJ;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGZ;"}

package/dist/@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":[],"mappings":";;;;AAIA,MAAM,cAAc,MAAM;AACtB,QAAM,eAAe,aAAa,CAAC,UAAU,MAAM,YAAY;AAG3D,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAW;AAAA,QACP;AAAA,QACA,aAAa,MAAM;AAAA,MACvB;AAAA,MAEA,8BAAC,UAAS,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":[],"mappings":";;;;AAIA,MAAM,cAAc,MAAM;AACtB,QAAM,eAAe,aAAa,CAAC,UAAU,MAAM,YAAY;AAE/D,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAW;AAAA,QACP;AAAA,QACA,aAAa,MAAM;AAAA,MAAA;AAAA,MAGvB,8BAAC,UAAA,CAAA,CAAS;AAAA,IAAA;AAAA,EAAA;AAGtB;"}

package/dist/@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":[],"mappings":"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"}
+{"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":[],"mappings":"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"}

package/dist/@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":[],"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":[],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"useChat.js","sources":["../../../../../../../lib/@ecme/views/concepts/chat/Chat/hooks/useChat.ts"],"sourcesContent":["import { useChatStore } from '../store/chatStore'\nimport { apiGetChats } from '@/services/ChatService'\nimport useSWRMutation from 'swr/mutation'\nimport type { GetChatsResponse } from '../types'\n\nasync function getChats() {\n    const data = await apiGetChats<GetChatsResponse>()\n    return data\n}\n\nconst useChat = () => {\n    const setChats = useChatStore((state) => state.setChats)\n    const setChatsFetched = useChatStore((state) => state.setChatsFetched)\n\n    const { trigger: fetchChats, isMutating: isChatsFetching } = useSWRMutation(\n        `/api/chats/`,\n        getChats,\n        {\n            onSuccess: (list) => {\n                setChats(list)\n                setChatsFetched(true)\n            },\n        },\n    )\n\n    return {\n        fetchChats,\n        isChatsFetching,\n    }\n}\n\nexport default useChat\n"],"names":[],"mappings":";;;AAKA,eAAe,WAAW;AAChB,QAAA,OAAO,MAAM,YAA8B;AAC1C,SAAA;AACX;AAEA,MAAM,UAAU,MAAM;AAClB,QAAM,WAAW,aAAa,CAAC,UAAU,MAAM,QAAQ;AACvD,QAAM,kBAAkB,aAAa,CAAC,UAAU,MAAM,eAAe;AAErE,QAAM,EAAE,SAAS,YAAY,YAAY,gBAAoB,IAAA;AAAA,IACzD;AAAA,IACA;AAAA,IACA;AAAA,MACI,WAAW,CAAC,SAAS;AACjB,iBAAS,IAAI;AACb,wBAAgB,IAAI;AAAA,MAAA;AAAA,IACxB;AAAA,EAER;AAEO,SAAA;AAAA,IACH;AAAA,IACA;AAAA,EACJ;AACJ;"}
+{"version":3,"file":"useChat.js","sources":["../../../../../../../lib/@ecme/views/concepts/chat/Chat/hooks/useChat.ts"],"sourcesContent":["import { useChatStore } from '../store/chatStore'\nimport { apiGetChats } from '@/services/ChatService'\nimport useSWRMutation from 'swr/mutation'\nimport type { GetChatsResponse } from '../types'\n\nasync function getChats() {\n    const data = await apiGetChats<GetChatsResponse>()\n    return data\n}\n\nconst useChat = () => {\n    const setChats = useChatStore((state) => state.setChats)\n    const setChatsFetched = useChatStore((state) => state.setChatsFetched)\n\n    const { trigger: fetchChats, isMutating: isChatsFetching } = useSWRMutation(\n        `/api/chats/`,\n        getChats,\n        {\n            onSuccess: (list) => {\n                setChats(list)\n                setChatsFetched(true)\n            },\n        },\n    )\n\n    return {\n        fetchChats,\n        isChatsFetching,\n    }\n}\n\nexport default useChat\n"],"names":[],"mappings":";;;AAKA,eAAe,WAAW;AACtB,QAAM,OAAO,MAAM,YAAA;AACnB,SAAO;AACX;AAEA,MAAM,UAAU,MAAM;AAClB,QAAM,WAAW,aAAa,CAAC,UAAU,MAAM,QAAQ;AACvD,QAAM,kBAAkB,aAAa,CAAC,UAAU,MAAM,eAAe;AAErE,QAAM,EAAE,SAAS,YAAY,YAAY,oBAAoB;AAAA,IACzD;AAAA,IACA;AAAA,IACA;AAAA,MACI,WAAW,CAAC,SAAS;AACjB,iBAAS,IAAI;AACb,wBAAgB,IAAI;AAAA,MACxB;AAAA,IAAA;AAAA,EACJ;AAGJ,SAAO;AAAA,IACH;AAAA,IACA;AAAA,EAAA;AAER;"}

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

@@ -1 +1 @@
-{"version":3,"file":"chatStore.js","sources":["../../../../../../../lib/@ecme/views/concepts/chat/Chat/store/chatStore.ts"],"sourcesContent":["import { create } from 'zustand'\nimport type {\n    Chats,\n    ChatType,\n    Conversation,\n    Conversations,\n    Message,\n    SelectedChat,\n} from '../types'\n\ntype ContactInfoDrawer = {\n    userId: string\n    chatId: string\n    chatType: ChatType | ''\n    open: boolean\n}\n\nexport type ChatState = {\n    conversationRecord: Conversations\n    selectedChat: SelectedChat\n    selectedChatType: ChatType | ''\n    mobileSideBarExpand: boolean\n    chats: Chats\n    chatsFetched: boolean\n    contactListDialog: boolean\n    contactInfoDrawer: ContactInfoDrawer\n}\n\ntype ChatAction = {\n    setChats: (payload: Chats) => void\n    setChatsFetched: (payload: boolean) => void\n    setSelectedChat: (payload: SelectedChat) => void\n    setContactInfoDrawer: (payload: ContactInfoDrawer) => void\n    setChatMute: (payload: { id: string; muted: boolean }) => void\n    setSelectedChatType: (payload: ChatType | '') => void\n    setChatRead: (payload: string) => void\n    setContactListDialog: (payload: boolean) => void\n    setMobileSidebar: (payload: boolean) => void\n    pushConversationRecord: (payload: Conversation) => void\n    pushConversationMessage: (id: string, conversation: Message) => void\n    deleteConversationRecord: (payload: string) => void\n}\n\nconst initialState: ChatState = {\n    conversationRecord: [],\n    selectedChat: {},\n    mobileSideBarExpand: false,\n    chats: [],\n    selectedChatType: 'personal',\n    chatsFetched: false,\n    contactListDialog: false,\n    contactInfoDrawer: {\n        userId: '',\n        chatId: '',\n        chatType: '',\n        open: false,\n    },\n}\n\nexport const useChatStore = create<ChatState & ChatAction>((set, get) => ({\n    ...initialState,\n    setChats: (payload) => set(() => ({ chats: payload })),\n    setChatsFetched: (payload) => set(() => ({ chatsFetched: payload })),\n    setSelectedChat: (payload) => set(() => ({ selectedChat: payload })),\n    setContactInfoDrawer: (payload) =>\n        set(() => ({ contactInfoDrawer: payload })),\n    setChatMute: ({ id, muted }) =>\n        set(() => {\n            const chats = get().chats.map((chat) => {\n                if (chat.id === id) {\n                    chat.muted = muted\n                }\n                return chat\n            })\n            return { chats }\n        }),\n    setSelectedChatType: (payload) =>\n        set(() => ({ selectedChatType: payload })),\n    setChatRead: (id) =>\n        set(() => {\n            const chats = get().chats.map((chat) => {\n                if (chat.id === id) {\n                    chat.unread = 0\n                }\n                return chat\n            })\n            return { chats }\n        }),\n    setContactListDialog: (payload) =>\n        set(() => ({ contactListDialog: payload })),\n    setMobileSidebar: (payload) =>\n        set(() => ({ mobileSideBarExpand: payload })),\n    pushConversationRecord: (payload) =>\n        set(() => {\n            const previousConversationRecord = get().conversationRecord\n            return {\n                conversationRecord: [\n                    ...previousConversationRecord,\n                    ...[payload],\n                ],\n            }\n        }),\n    pushConversationMessage: (id, message) =>\n        set(() => {\n            const previousConversationRecord = get().conversationRecord\n            const conversationRecord = structuredClone(\n                previousConversationRecord,\n            ).map((record) => {\n                if (id === record.id) {\n                    record.conversation.push(message)\n                }\n                return record\n            })\n            return {\n                conversationRecord,\n            }\n        }),\n    deleteConversationRecord: (payload) =>\n        set(() => {\n            const previousConversationRecord = get().conversationRecord\n            const previousChats = get().chats\n            return {\n                conversationRecord: previousConversationRecord.filter(\n                    (record) => record.id !== payload,\n                ),\n                chats: previousChats.filter((chat) => chat.id !== payload),\n            }\n        }),\n}))\n"],"names":[],"mappings":";AA2CA,MAAM,eAA0B;AAAA,EAC5B,oBAAoB,CAAC;AAAA,EACrB,cAAc,CAAC;AAAA,EACf,qBAAqB;AAAA,EACrB,OAAO,CAAC;AAAA,EACR,kBAAkB;AAAA,EAClB,cAAc;AAAA,EACd,mBAAmB;AAAA,EACnB,mBAAmB;AAAA,IACf,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,UAAU;AAAA,IACV,MAAM;AAAA,EAAA;AAEd;AAEO,MAAM,eAAe,OAA+B,CAAC,KAAK,SAAS;AAAA,EACtE,GAAG;AAAA,EACH,UAAU,CAAC,YAAY,IAAI,OAAO,EAAE,OAAO,UAAU;AAAA,EACrD,iBAAiB,CAAC,YAAY,IAAI,OAAO,EAAE,cAAc,UAAU;AAAA,EACnE,iBAAiB,CAAC,YAAY,IAAI,OAAO,EAAE,cAAc,UAAU;AAAA,EACnE,sBAAsB,CAAC,YACnB,IAAI,OAAO,EAAE,mBAAmB,UAAU;AAAA,EAC9C,aAAa,CAAC,EAAE,IAAI,MAAM,MACtB,IAAI,MAAM;AACN,UAAM,QAAQ,IAAI,EAAE,MAAM,IAAI,CAAC,SAAS;AAChC,UAAA,KAAK,OAAO,IAAI;AAChB,aAAK,QAAQ;AAAA,MAAA;AAEV,aAAA;AAAA,IAAA,CACV;AACD,WAAO,EAAE,MAAM;AAAA,EAAA,CAClB;AAAA,EACL,qBAAqB,CAAC,YAClB,IAAI,OAAO,EAAE,kBAAkB,UAAU;AAAA,EAC7C,aAAa,CAAC,OACV,IAAI,MAAM;AACN,UAAM,QAAQ,IAAI,EAAE,MAAM,IAAI,CAAC,SAAS;AAChC,UAAA,KAAK,OAAO,IAAI;AAChB,aAAK,SAAS;AAAA,MAAA;AAEX,aAAA;AAAA,IAAA,CACV;AACD,WAAO,EAAE,MAAM;AAAA,EAAA,CAClB;AAAA,EACL,sBAAsB,CAAC,YACnB,IAAI,OAAO,EAAE,mBAAmB,UAAU;AAAA,EAC9C,kBAAkB,CAAC,YACf,IAAI,OAAO,EAAE,qBAAqB,UAAU;AAAA,EAChD,wBAAwB,CAAC,YACrB,IAAI,MAAM;AACA,UAAA,6BAA6B,MAAM;AAClC,WAAA;AAAA,MACH,oBAAoB;AAAA,QAChB,GAAG;AAAA,QACH,GAAG,CAAC,OAAO;AAAA,MAAA;AAAA,IAEnB;AAAA,EAAA,CACH;AAAA,EACL,yBAAyB,CAAC,IAAI,YAC1B,IAAI,MAAM;AACA,UAAA,6BAA6B,MAAM;AACzC,UAAM,qBAAqB;AAAA,MACvB;AAAA,IAAA,EACF,IAAI,CAAC,WAAW;AACV,UAAA,OAAO,OAAO,IAAI;AACX,eAAA,aAAa,KAAK,OAAO;AAAA,MAAA;AAE7B,aAAA;AAAA,IAAA,CACV;AACM,WAAA;AAAA,MACH;AAAA,IACJ;AAAA,EAAA,CACH;AAAA,EACL,0BAA0B,CAAC,YACvB,IAAI,MAAM;AACA,UAAA,6BAA6B,MAAM;AACnC,UAAA,gBAAgB,MAAM;AACrB,WAAA;AAAA,MACH,oBAAoB,2BAA2B;AAAA,QAC3C,CAAC,WAAW,OAAO,OAAO;AAAA,MAC9B;AAAA,MACA,OAAO,cAAc,OAAO,CAAC,SAAS,KAAK,OAAO,OAAO;AAAA,IAC7D;AAAA,EACH,CAAA;AACT,EAAE;"}
+{"version":3,"file":"chatStore.js","sources":["../../../../../../../lib/@ecme/views/concepts/chat/Chat/store/chatStore.ts"],"sourcesContent":["import { create } from 'zustand'\nimport type {\n    Chats,\n    ChatType,\n    Conversation,\n    Conversations,\n    Message,\n    SelectedChat,\n} from '../types'\n\ntype ContactInfoDrawer = {\n    userId: string\n    chatId: string\n    chatType: ChatType | ''\n    open: boolean\n}\n\nexport type ChatState = {\n    conversationRecord: Conversations\n    selectedChat: SelectedChat\n    selectedChatType: ChatType | ''\n    mobileSideBarExpand: boolean\n    chats: Chats\n    chatsFetched: boolean\n    contactListDialog: boolean\n    contactInfoDrawer: ContactInfoDrawer\n}\n\ntype ChatAction = {\n    setChats: (payload: Chats) => void\n    setChatsFetched: (payload: boolean) => void\n    setSelectedChat: (payload: SelectedChat) => void\n    setContactInfoDrawer: (payload: ContactInfoDrawer) => void\n    setChatMute: (payload: { id: string; muted: boolean }) => void\n    setSelectedChatType: (payload: ChatType | '') => void\n    setChatRead: (payload: string) => void\n    setContactListDialog: (payload: boolean) => void\n    setMobileSidebar: (payload: boolean) => void\n    pushConversationRecord: (payload: Conversation) => void\n    pushConversationMessage: (id: string, conversation: Message) => void\n    deleteConversationRecord: (payload: string) => void\n}\n\nconst initialState: ChatState = {\n    conversationRecord: [],\n    selectedChat: {},\n    mobileSideBarExpand: false,\n    chats: [],\n    selectedChatType: 'personal',\n    chatsFetched: false,\n    contactListDialog: false,\n    contactInfoDrawer: {\n        userId: '',\n        chatId: '',\n        chatType: '',\n        open: false,\n    },\n}\n\nexport const useChatStore = create<ChatState & ChatAction>((set, get) => ({\n    ...initialState,\n    setChats: (payload) => set(() => ({ chats: payload })),\n    setChatsFetched: (payload) => set(() => ({ chatsFetched: payload })),\n    setSelectedChat: (payload) => set(() => ({ selectedChat: payload })),\n    setContactInfoDrawer: (payload) =>\n        set(() => ({ contactInfoDrawer: payload })),\n    setChatMute: ({ id, muted }) =>\n        set(() => {\n            const chats = get().chats.map((chat) => {\n                if (chat.id === id) {\n                    chat.muted = muted\n                }\n                return chat\n            })\n            return { chats }\n        }),\n    setSelectedChatType: (payload) =>\n        set(() => ({ selectedChatType: payload })),\n    setChatRead: (id) =>\n        set(() => {\n            const chats = get().chats.map((chat) => {\n                if (chat.id === id) {\n                    chat.unread = 0\n                }\n                return chat\n            })\n            return { chats }\n        }),\n    setContactListDialog: (payload) =>\n        set(() => ({ contactListDialog: payload })),\n    setMobileSidebar: (payload) =>\n        set(() => ({ mobileSideBarExpand: payload })),\n    pushConversationRecord: (payload) =>\n        set(() => {\n            const previousConversationRecord = get().conversationRecord\n            return {\n                conversationRecord: [\n                    ...previousConversationRecord,\n                    ...[payload],\n                ],\n            }\n        }),\n    pushConversationMessage: (id, message) =>\n        set(() => {\n            const previousConversationRecord = get().conversationRecord\n            const conversationRecord = structuredClone(\n                previousConversationRecord,\n            ).map((record) => {\n                if (id === record.id) {\n                    record.conversation.push(message)\n                }\n                return record\n            })\n            return {\n                conversationRecord,\n            }\n        }),\n    deleteConversationRecord: (payload) =>\n        set(() => {\n            const previousConversationRecord = get().conversationRecord\n            const previousChats = get().chats\n            return {\n                conversationRecord: previousConversationRecord.filter(\n                    (record) => record.id !== payload,\n                ),\n                chats: previousChats.filter((chat) => chat.id !== payload),\n            }\n        }),\n}))\n"],"names":[],"mappings":";AA2CA,MAAM,eAA0B;AAAA,EAC5B,oBAAoB,CAAA;AAAA,EACpB,cAAc,CAAA;AAAA,EACd,qBAAqB;AAAA,EACrB,OAAO,CAAA;AAAA,EACP,kBAAkB;AAAA,EAClB,cAAc;AAAA,EACd,mBAAmB;AAAA,EACnB,mBAAmB;AAAA,IACf,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,UAAU;AAAA,IACV,MAAM;AAAA,EAAA;AAEd;AAEO,MAAM,eAAe,OAA+B,CAAC,KAAK,SAAS;AAAA,EACtE,GAAG;AAAA,EACH,UAAU,CAAC,YAAY,IAAI,OAAO,EAAE,OAAO,UAAU;AAAA,EACrD,iBAAiB,CAAC,YAAY,IAAI,OAAO,EAAE,cAAc,UAAU;AAAA,EACnE,iBAAiB,CAAC,YAAY,IAAI,OAAO,EAAE,cAAc,UAAU;AAAA,EACnE,sBAAsB,CAAC,YACnB,IAAI,OAAO,EAAE,mBAAmB,UAAU;AAAA,EAC9C,aAAa,CAAC,EAAE,IAAI,MAAA,MAChB,IAAI,MAAM;AACN,UAAM,QAAQ,IAAA,EAAM,MAAM,IAAI,CAAC,SAAS;AACpC,UAAI,KAAK,OAAO,IAAI;AAChB,aAAK,QAAQ;AAAA,MACjB;AACA,aAAO;AAAA,IACX,CAAC;AACD,WAAO,EAAE,MAAA;AAAA,EACb,CAAC;AAAA,EACL,qBAAqB,CAAC,YAClB,IAAI,OAAO,EAAE,kBAAkB,UAAU;AAAA,EAC7C,aAAa,CAAC,OACV,IAAI,MAAM;AACN,UAAM,QAAQ,IAAA,EAAM,MAAM,IAAI,CAAC,SAAS;AACpC,UAAI,KAAK,OAAO,IAAI;AAChB,aAAK,SAAS;AAAA,MAClB;AACA,aAAO;AAAA,IACX,CAAC;AACD,WAAO,EAAE,MAAA;AAAA,EACb,CAAC;AAAA,EACL,sBAAsB,CAAC,YACnB,IAAI,OAAO,EAAE,mBAAmB,UAAU;AAAA,EAC9C,kBAAkB,CAAC,YACf,IAAI,OAAO,EAAE,qBAAqB,UAAU;AAAA,EAChD,wBAAwB,CAAC,YACrB,IAAI,MAAM;AACN,UAAM,6BAA6B,MAAM;AACzC,WAAO;AAAA,MACH,oBAAoB;AAAA,QAChB,GAAG;AAAA,QACH,GAAG,CAAC,OAAO;AAAA,MAAA;AAAA,IACf;AAAA,EAER,CAAC;AAAA,EACL,yBAAyB,CAAC,IAAI,YAC1B,IAAI,MAAM;AACN,UAAM,6BAA6B,MAAM;AACzC,UAAM,qBAAqB;AAAA,MACvB;AAAA,IAAA,EACF,IAAI,CAAC,WAAW;AACd,UAAI,OAAO,OAAO,IAAI;AAClB,eAAO,aAAa,KAAK,OAAO;AAAA,MACpC;AACA,aAAO;AAAA,IACX,CAAC;AACD,WAAO;AAAA,MACH;AAAA,IAAA;AAAA,EAER,CAAC;AAAA,EACL,0BAA0B,CAAC,YACvB,IAAI,MAAM;AACN,UAAM,6BAA6B,MAAM;AACzC,UAAM,gBAAgB,MAAM;AAC5B,WAAO;AAAA,MACH,oBAAoB,2BAA2B;AAAA,QAC3C,CAAC,WAAW,OAAO,OAAO;AAAA,MAAA;AAAA,MAE9B,OAAO,cAAc,OAAO,CAAC,SAAS,KAAK,OAAO,OAAO;AAAA,IAAA;AAAA,EAEjE,CAAC;AACT,EAAE;"}

package/dist/@ecme/views/concepts/customers/CustomerCreate/CustomerCreate.js.map

@@ -1 +1 @@
-{"version":3,"file":"CustomerCreate.js","sources":["../../../../../../lib/@ecme/views/concepts/customers/CustomerCreate/CustomerCreate.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Container from '@/components/shared/Container'\nimport Button from '@/components/ui/Button'\nimport Notification from '@/components/ui/Notification'\nimport toast from '@/components/ui/toast'\nimport CustomerForm from '../CustomerForm'\nimport ConfirmDialog from '@/components/shared/ConfirmDialog'\nimport sleep from '@/utils/sleep'\nimport { TbTrash } from 'react-icons/tb'\nimport { useNavigate } from 'react-router-dom'\nimport type { CustomerFormSchema } from '../CustomerForm'\n\nconst CustomerEdit = () => {\n    const navigate = useNavigate()\n\n    const [discardConfirmationOpen, setDiscardConfirmationOpen] =\n        useState(false)\n    const [isSubmiting, setIsSubmiting] = useState(false)\n\n    const handleFormSubmit = async (values: CustomerFormSchema) => {\n        console.log('Submitted values', values)\n        setIsSubmiting(true)\n        await sleep(800)\n        setIsSubmiting(false)\n        toast.push(\n            <Notification type=\"success\">Customer created!</Notification>,\n            { placement: 'top-center' },\n        )\n        navigate('/concepts/customers/customer-list')\n    }\n\n    const handleConfirmDiscard = () => {\n        setDiscardConfirmationOpen(true)\n        toast.push(\n            <Notification type=\"success\">Customer discardd!</Notification>,\n            { placement: 'top-center' },\n        )\n        navigate('/concepts/customers/customer-list')\n    }\n\n    const handleDiscard = () => {\n        setDiscardConfirmationOpen(true)\n    }\n\n    const handleCancel = () => {\n        setDiscardConfirmationOpen(false)\n    }\n\n    return (\n        <>\n            <CustomerForm\n                newCustomer\n                defaultValues={{\n                    firstName: '',\n                    lastName: '',\n                    email: '',\n                    img: '',\n                    phoneNumber: '',\n                    dialCode: '',\n                    country: '',\n                    address: '',\n                    city: '',\n                    postcode: '',\n                    tags: [],\n                }}\n                onFormSubmit={handleFormSubmit}\n            >\n                <Container>\n                    <div className=\"flex items-center justify-between px-8\">\n                        <span></span>\n                        <div className=\"flex items-center\">\n                            <Button\n                                className=\"ltr:mr-3 rtl:ml-3\"\n                                type=\"button\"\n                                customColorClass={() =>\n                                    'border-error ring-1 ring-error text-error hover:border-error hover:ring-error hover:text-error bg-transparent'\n                                }\n                                icon={<TbTrash />}\n                                onClick={handleDiscard}\n                            >\n                                Discard\n                            </Button>\n                            <Button\n                                variant=\"solid\"\n                                type=\"submit\"\n                                loading={isSubmiting}\n                            >\n                                Create\n                            </Button>\n                        </div>\n                    </div>\n                </Container>\n            </CustomerForm>\n            <ConfirmDialog\n                isOpen={discardConfirmationOpen}\n                type=\"danger\"\n                title=\"Discard changes\"\n                onClose={handleCancel}\n                onRequestClose={handleCancel}\n                onCancel={handleCancel}\n                onConfirm={handleConfirmDiscard}\n            >\n                <p>\n                    Are you sure you want discard this? This action can&apos;t\n                    be undo.{' '}\n                </p>\n            </ConfirmDialog>\n        </>\n    )\n}\n\nexport default CustomerEdit\n"],"names":[],"mappings":";;;;;;;;;;;;;;;AAYA,MAAM,eAAe,MAAM;AACvB,QAAM,WAAW,YAAY;AAE7B,QAAM,CAAC,yBAAyB,0BAA0B,IACtD,SAAS,KAAK;AAClB,QAAM,CAAC,aAAa,cAAc,IAAI,SAAS,KAAK;AAE9C,QAAA,mBAAmB,OAAO,WAA+B;AACnD,YAAA,IAAI,oBAAoB,MAAM;AACtC,mBAAe,IAAI;AACnB,UAAM,MAAM,GAAG;AACf,mBAAe,KAAK;AACd,UAAA;AAAA,MACD,oBAAA,cAAA,EAAa,MAAK,WAAU,UAAiB,qBAAA;AAAA,MAC9C,EAAE,WAAW,aAAa;AAAA,IAC9B;AACA,aAAS,mCAAmC;AAAA,EAChD;AAEA,QAAM,uBAAuB,MAAM;AAC/B,+BAA2B,IAAI;AACzB,UAAA;AAAA,MACD,oBAAA,cAAA,EAAa,MAAK,WAAU,UAAkB,sBAAA;AAAA,MAC/C,EAAE,WAAW,aAAa;AAAA,IAC9B;AACA,aAAS,mCAAmC;AAAA,EAChD;AAEA,QAAM,gBAAgB,MAAM;AACxB,+BAA2B,IAAI;AAAA,EACnC;AAEA,QAAM,eAAe,MAAM;AACvB,+BAA2B,KAAK;AAAA,EACpC;AAEA,SAEQ,qBAAA,UAAA,EAAA,UAAA;AAAA,IAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,aAAW;AAAA,QACX,eAAe;AAAA,UACX,WAAW;AAAA,UACX,UAAU;AAAA,UACV,OAAO;AAAA,UACP,KAAK;AAAA,UACL,aAAa;AAAA,UACb,UAAU;AAAA,UACV,SAAS;AAAA,UACT,SAAS;AAAA,UACT,MAAM;AAAA,UACN,UAAU;AAAA,UACV,MAAM,CAAA;AAAA,QACV;AAAA,QACA,cAAc;AAAA,QAEd,UAAC,oBAAA,WAAA,EACG,UAAC,qBAAA,OAAA,EAAI,WAAU,0CACX,UAAA;AAAA,UAAA,oBAAC,QAAK,EAAA;AAAA,UACN,qBAAC,OAAI,EAAA,WAAU,qBACX,UAAA;AAAA,YAAA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACG,WAAU;AAAA,gBACV,MAAK;AAAA,gBACL,kBAAkB,MACd;AAAA,gBAEJ,0BAAO,SAAQ,EAAA;AAAA,gBACf,SAAS;AAAA,gBACZ,UAAA;AAAA,cAAA;AAAA,YAED;AAAA,YACA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACG,SAAQ;AAAA,gBACR,MAAK;AAAA,gBACL,SAAS;AAAA,gBACZ,UAAA;AAAA,cAAA;AAAA,YAAA;AAAA,UAED,EACJ,CAAA;AAAA,QAAA,EAAA,CACJ,EACJ,CAAA;AAAA,MAAA;AAAA,IACJ;AAAA,IACA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,QAAQ;AAAA,QACR,MAAK;AAAA,QACL,OAAM;AAAA,QACN,SAAS;AAAA,QACT,gBAAgB;AAAA,QAChB,UAAU;AAAA,QACV,WAAW;AAAA,QAEX,+BAAC,KAAE,EAAA,UAAA;AAAA,UAAA;AAAA,UAEU;AAAA,QAAA,EACb,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACJ,GACJ;AAER;"}
+{"version":3,"file":"CustomerCreate.js","sources":["../../../../../../lib/@ecme/views/concepts/customers/CustomerCreate/CustomerCreate.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Container from '@/components/shared/Container'\nimport Button from '@/components/ui/Button'\nimport Notification from '@/components/ui/Notification'\nimport toast from '@/components/ui/toast'\nimport CustomerForm from '../CustomerForm'\nimport ConfirmDialog from '@/components/shared/ConfirmDialog'\nimport sleep from '@/utils/sleep'\nimport { TbTrash } from 'react-icons/tb'\nimport { useNavigate } from 'react-router-dom'\nimport type { CustomerFormSchema } from '../CustomerForm'\n\nconst CustomerEdit = () => {\n    const navigate = useNavigate()\n\n    const [discardConfirmationOpen, setDiscardConfirmationOpen] =\n        useState(false)\n    const [isSubmiting, setIsSubmiting] = useState(false)\n\n    const handleFormSubmit = async (values: CustomerFormSchema) => {\n        console.log('Submitted values', values)\n        setIsSubmiting(true)\n        await sleep(800)\n        setIsSubmiting(false)\n        toast.push(\n            <Notification type=\"success\">Customer created!</Notification>,\n            { placement: 'top-center' },\n        )\n        navigate('/concepts/customers/customer-list')\n    }\n\n    const handleConfirmDiscard = () => {\n        setDiscardConfirmationOpen(true)\n        toast.push(\n            <Notification type=\"success\">Customer discardd!</Notification>,\n            { placement: 'top-center' },\n        )\n        navigate('/concepts/customers/customer-list')\n    }\n\n    const handleDiscard = () => {\n        setDiscardConfirmationOpen(true)\n    }\n\n    const handleCancel = () => {\n        setDiscardConfirmationOpen(false)\n    }\n\n    return (\n        <>\n            <CustomerForm\n                newCustomer\n                defaultValues={{\n                    firstName: '',\n                    lastName: '',\n                    email: '',\n                    img: '',\n                    phoneNumber: '',\n                    dialCode: '',\n                    country: '',\n                    address: '',\n                    city: '',\n                    postcode: '',\n                    tags: [],\n                }}\n                onFormSubmit={handleFormSubmit}\n            >\n                <Container>\n                    <div className=\"flex items-center justify-between px-8\">\n                        <span></span>\n                        <div className=\"flex items-center\">\n                            <Button\n                                className=\"ltr:mr-3 rtl:ml-3\"\n                                type=\"button\"\n                                customColorClass={() =>\n                                    'border-error ring-1 ring-error text-error hover:border-error hover:ring-error hover:text-error bg-transparent'\n                                }\n                                icon={<TbTrash />}\n                                onClick={handleDiscard}\n                            >\n                                Discard\n                            </Button>\n                            <Button\n                                variant=\"solid\"\n                                type=\"submit\"\n                                loading={isSubmiting}\n                            >\n                                Create\n                            </Button>\n                        </div>\n                    </div>\n                </Container>\n            </CustomerForm>\n            <ConfirmDialog\n                isOpen={discardConfirmationOpen}\n                type=\"danger\"\n                title=\"Discard changes\"\n                onClose={handleCancel}\n                onRequestClose={handleCancel}\n                onCancel={handleCancel}\n                onConfirm={handleConfirmDiscard}\n            >\n                <p>\n                    Are you sure you want discard this? This action can&apos;t\n                    be undo.{' '}\n                </p>\n            </ConfirmDialog>\n        </>\n    )\n}\n\nexport default CustomerEdit\n"],"names":[],"mappings":";;;;;;;;;;;;;;;AAYA,MAAM,eAAe,MAAM;AACvB,QAAM,WAAW,YAAA;AAEjB,QAAM,CAAC,yBAAyB,0BAA0B,IACtD,SAAS,KAAK;AAClB,QAAM,CAAC,aAAa,cAAc,IAAI,SAAS,KAAK;AAEpD,QAAM,mBAAmB,OAAO,WAA+B;AAC3D,YAAQ,IAAI,oBAAoB,MAAM;AACtC,mBAAe,IAAI;AACnB,UAAM,MAAM,GAAG;AACf,mBAAe,KAAK;AACpB,UAAM;AAAA,MACF,oBAAC,cAAA,EAAa,MAAK,WAAU,UAAA,qBAAiB;AAAA,MAC9C,EAAE,WAAW,aAAA;AAAA,IAAa;AAE9B,aAAS,mCAAmC;AAAA,EAChD;AAEA,QAAM,uBAAuB,MAAM;AAC/B,+BAA2B,IAAI;AAC/B,UAAM;AAAA,MACF,oBAAC,cAAA,EAAa,MAAK,WAAU,UAAA,sBAAkB;AAAA,MAC/C,EAAE,WAAW,aAAA;AAAA,IAAa;AAE9B,aAAS,mCAAmC;AAAA,EAChD;AAEA,QAAM,gBAAgB,MAAM;AACxB,+BAA2B,IAAI;AAAA,EACnC;AAEA,QAAM,eAAe,MAAM;AACvB,+BAA2B,KAAK;AAAA,EACpC;AAEA,SACI,qBAAA,UAAA,EACI,UAAA;AAAA,IAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,aAAW;AAAA,QACX,eAAe;AAAA,UACX,WAAW;AAAA,UACX,UAAU;AAAA,UACV,OAAO;AAAA,UACP,KAAK;AAAA,UACL,aAAa;AAAA,UACb,UAAU;AAAA,UACV,SAAS;AAAA,UACT,SAAS;AAAA,UACT,MAAM;AAAA,UACN,UAAU;AAAA,UACV,MAAM,CAAA;AAAA,QAAC;AAAA,QAEX,cAAc;AAAA,QAEd,UAAA,oBAAC,WAAA,EACG,UAAA,qBAAC,OAAA,EAAI,WAAU,0CACX,UAAA;AAAA,UAAA,oBAAC,QAAA,EAAK;AAAA,UACN,qBAAC,OAAA,EAAI,WAAU,qBACX,UAAA;AAAA,YAAA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACG,WAAU;AAAA,gBACV,MAAK;AAAA,gBACL,kBAAkB,MACd;AAAA,gBAEJ,0BAAO,SAAA,EAAQ;AAAA,gBACf,SAAS;AAAA,gBACZ,UAAA;AAAA,cAAA;AAAA,YAAA;AAAA,YAGD;AAAA,cAAC;AAAA,cAAA;AAAA,gBACG,SAAQ;AAAA,gBACR,MAAK;AAAA,gBACL,SAAS;AAAA,gBACZ,UAAA;AAAA,cAAA;AAAA,YAAA;AAAA,UAED,EAAA,CACJ;AAAA,QAAA,EAAA,CACJ,EAAA,CACJ;AAAA,MAAA;AAAA,IAAA;AAAA,IAEJ;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,QAAQ;AAAA,QACR,MAAK;AAAA,QACL,OAAM;AAAA,QACN,SAAS;AAAA,QACT,gBAAgB;AAAA,QAChB,UAAU;AAAA,QACV,WAAW;AAAA,QAEX,+BAAC,KAAA,EAAE,UAAA;AAAA,UAAA;AAAA,UAEU;AAAA,QAAA,EAAA,CACb;AAAA,MAAA;AAAA,IAAA;AAAA,EACJ,GACJ;AAER;"}

package/dist/@ecme/views/concepts/customers/CustomerDetails/ActivitySection.js.map

@@ -1 +1 @@
-{"version":3,"file":"ActivitySection.js","sources":["../../../../../../lib/@ecme/views/concepts/customers/CustomerDetails/ActivitySection.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Card from '@/components/ui/Card'\nimport Button from '@/components/ui/Button'\nimport Loading from '@/components/shared/Loading'\nimport { apiGetCustomerLog } from '@/services/CustomersService'\nimport sleep from '@/utils/sleep'\nimport dayjs from 'dayjs'\nimport isEmpty from 'lodash/isEmpty'\nimport {\n    PiEyeDuotone,\n    PiCloudCheckDuotone,\n    PiCreditCardDuotone,\n    PiTicketDuotone,\n    PiPhoneOutgoingDuotone,\n} from 'react-icons/pi'\nimport useSWR from 'swr'\n\ntype Activities = {\n    id: string\n    date: number\n    events: {\n        type: string\n        dateTime: number\n        description: string\n    }[]\n}[]\n\nconst TimeLineMedia = (props: { type: string }) => {\n    const { type } = props\n\n    switch (type) {\n        case 'PRODUCT-VIEW':\n            return <PiEyeDuotone />\n        case 'PRODUCT-UPDATE':\n            return <PiCloudCheckDuotone />\n        case 'PAYMENT':\n            return <PiCreditCardDuotone />\n        case 'SUPPORT-TICKET':\n            return <PiTicketDuotone />\n        case 'TICKET-IN-PROGRESS':\n            return <PiPhoneOutgoingDuotone />\n        default:\n            return <></>\n    }\n}\n\nconst TimeLineContent = (props: {\n    type: string\n    description: string\n    name: string\n}) => {\n    const { type, description, name } = props\n\n    switch (type) {\n        case 'PRODUCT-VIEW':\n            return (\n                <div>\n                    <h6 className=\"font-bold\">View Plan</h6>\n                    <p className=\"font-semibold\">\n                        {name} {description}\n                    </p>\n                </div>\n            )\n        case 'PRODUCT-UPDATE':\n            return (\n                <div>\n                    <h6 className=\"font-bold\">Change Plan</h6>\n                    <p className=\"font-semibold\">\n                        {name} {description}\n                    </p>\n                </div>\n            )\n        case 'PAYMENT':\n            return (\n                <div>\n                    <h6 className=\"font-bold\">Payment</h6>\n                    <p className=\"font-semibold\">\n                        {name} {description}\n                    </p>\n                </div>\n            )\n        case 'SUPPORT-TICKET':\n            return (\n                <div>\n                    <h6 className=\"font-bold\">Support Ticket</h6>\n                    <p className=\"font-semibold\">\n                        {name} {description}\n                    </p>\n                </div>\n            )\n        case 'TICKET-IN-PROGRESS':\n            return (\n                <div>\n                    <h6 className=\"font-bold\">Support Ticket Update</h6>\n                    <p className=\"font-semibold\">{description}</p>\n                </div>\n            )\n        default:\n            return <></>\n    }\n}\n\nconst ActivitySection = ({\n    customerName,\n    id,\n}: {\n    customerName: string\n    id: string\n}) => {\n    const { data, isLoading } = useSWR(\n        ['/api/customers/log', { id: id as string }],\n        // eslint-disable-next-line @typescript-eslint/no-unused-vars\n        ([_, params]) => apiGetCustomerLog<Activities, { id: string }>(params),\n        {\n            revalidateOnFocus: false,\n            revalidateIfStale: false,\n            evalidateOnFocus: false,\n        },\n    )\n\n    const [fetchData, setfetchData] = useState(false)\n    const [showNoMoreData, setShowNoMoreData] = useState(false)\n\n    const handleLoadMore = async () => {\n        setfetchData(true)\n        await sleep(500)\n        setShowNoMoreData(true)\n        setfetchData(false)\n    }\n\n    return (\n        <Loading loading={isLoading}>\n            {data &&\n                data.map((log) => (\n                    <div key={log.id} className=\"mb-4\">\n                        <div className=\"mb-4 font-bold uppercase flex items-center gap-4\">\n                            <span className=\"w-[70px] heading-text\">\n                                {dayjs.unix(log.date).format('DD MMMM')}\n                            </span>\n                            <div className=\"border-b border-2 border-gray-200 dark:border-gray-600 border-dashed w-full\"></div>\n                        </div>\n                        <div className=\"flex flex-col gap-4\">\n                            {isEmpty(log.events) ? (\n                                <div>No Activities</div>\n                            ) : (\n                                log.events.map((event, index) => (\n                                    <div\n                                        key={event.type + index}\n                                        className=\"flex items-center\"\n                                    >\n                                        <span className=\"font-semibold w-[100px]\">\n                                            {dayjs\n                                                .unix(event.dateTime)\n                                                .format('h:mm A')}\n                                        </span>\n                                        <Card\n                                            className=\"max-w-[600px] w-full\"\n                                            bodyClass=\"py-3\"\n                                        >\n                                            <div className=\"flex items-center gap-4\">\n                                                <div className=\"text-primary text-3xl\">\n                                                    <TimeLineMedia\n                                                        type={event.type}\n                                                    />\n                                                </div>\n                                                <TimeLineContent\n                                                    name={customerName}\n                                                    type={event.type}\n                                                    description={\n                                                        event?.description\n                                                    }\n                                                />\n                                            </div>\n                                        </Card>\n                                    </div>\n                                ))\n                            )}\n                        </div>\n                    </div>\n                ))}\n            <div className=\"text-center\">\n                {showNoMoreData ? (\n                    <span className=\"font-semibold h-[40px] flex items-center justify-center\">\n                        No more activities\n                    </span>\n                ) : (\n                    <Button loading={fetchData} onClick={handleLoadMore}>\n                        Load More\n                    </Button>\n                )}\n            </div>\n        </Loading>\n    )\n}\n\nexport default ActivitySection\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ActivitySection.js","sources":["../../../../../../lib/@ecme/views/concepts/customers/CustomerDetails/ActivitySection.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Card from '@/components/ui/Card'\nimport Button from '@/components/ui/Button'\nimport Loading from '@/components/shared/Loading'\nimport { apiGetCustomerLog } from '@/services/CustomersService'\nimport sleep from '@/utils/sleep'\nimport dayjs from 'dayjs'\nimport isEmpty from 'lodash/isEmpty'\nimport {\n    PiEyeDuotone,\n    PiCloudCheckDuotone,\n    PiCreditCardDuotone,\n    PiTicketDuotone,\n    PiPhoneOutgoingDuotone,\n} from 'react-icons/pi'\nimport useSWR from 'swr'\n\ntype Activities = {\n    id: string\n    date: number\n    events: {\n        type: string\n        dateTime: number\n        description: string\n    }[]\n}[]\n\nconst TimeLineMedia = (props: { type: string }) => {\n    const { type } = props\n\n    switch (type) {\n        case 'PRODUCT-VIEW':\n            return <PiEyeDuotone />\n        case 'PRODUCT-UPDATE':\n            return <PiCloudCheckDuotone />\n        case 'PAYMENT':\n            return <PiCreditCardDuotone />\n        case 'SUPPORT-TICKET':\n            return <PiTicketDuotone />\n        case 'TICKET-IN-PROGRESS':\n            return <PiPhoneOutgoingDuotone />\n        default:\n            return <></>\n    }\n}\n\nconst TimeLineContent = (props: {\n    type: string\n    description: string\n    name: string\n}) => {\n    const { type, description, name } = props\n\n    switch (type) {\n        case 'PRODUCT-VIEW':\n            return (\n                <div>\n                    <h6 className=\"font-bold\">View Plan</h6>\n                    <p className=\"font-semibold\">\n                        {name} {description}\n                    </p>\n                </div>\n            )\n        case 'PRODUCT-UPDATE':\n            return (\n                <div>\n                    <h6 className=\"font-bold\">Change Plan</h6>\n                    <p className=\"font-semibold\">\n                        {name} {description}\n                    </p>\n                </div>\n            )\n        case 'PAYMENT':\n            return (\n                <div>\n                    <h6 className=\"font-bold\">Payment</h6>\n                    <p className=\"font-semibold\">\n                        {name} {description}\n                    </p>\n                </div>\n            )\n        case 'SUPPORT-TICKET':\n            return (\n                <div>\n                    <h6 className=\"font-bold\">Support Ticket</h6>\n                    <p className=\"font-semibold\">\n                        {name} {description}\n                    </p>\n                </div>\n            )\n        case 'TICKET-IN-PROGRESS':\n            return (\n                <div>\n                    <h6 className=\"font-bold\">Support Ticket Update</h6>\n                    <p className=\"font-semibold\">{description}</p>\n                </div>\n            )\n        default:\n            return <></>\n    }\n}\n\nconst ActivitySection = ({\n    customerName,\n    id,\n}: {\n    customerName: string\n    id: string\n}) => {\n    const { data, isLoading } = useSWR(\n        ['/api/customers/log', { id: id as string }],\n        // eslint-disable-next-line @typescript-eslint/no-unused-vars\n        ([_, params]) => apiGetCustomerLog<Activities, { id: string }>(params),\n        {\n            revalidateOnFocus: false,\n            revalidateIfStale: false,\n            evalidateOnFocus: false,\n        },\n    )\n\n    const [fetchData, setfetchData] = useState(false)\n    const [showNoMoreData, setShowNoMoreData] = useState(false)\n\n    const handleLoadMore = async () => {\n        setfetchData(true)\n        await sleep(500)\n        setShowNoMoreData(true)\n        setfetchData(false)\n    }\n\n    return (\n        <Loading loading={isLoading}>\n            {data &&\n                data.map((log) => (\n                    <div key={log.id} className=\"mb-4\">\n                        <div className=\"mb-4 font-bold uppercase flex items-center gap-4\">\n                            <span className=\"w-[70px] heading-text\">\n                                {dayjs.unix(log.date).format('DD MMMM')}\n                            </span>\n                            <div className=\"border-b border-2 border-gray-200 dark:border-gray-600 border-dashed w-full\"></div>\n                        </div>\n                        <div className=\"flex flex-col gap-4\">\n                            {isEmpty(log.events) ? (\n                                <div>No Activities</div>\n                            ) : (\n                                log.events.map((event, index) => (\n                                    <div\n                                        key={event.type + index}\n                                        className=\"flex items-center\"\n                                    >\n                                        <span className=\"font-semibold w-[100px]\">\n                                            {dayjs\n                                                .unix(event.dateTime)\n                                                .format('h:mm A')}\n                                        </span>\n                                        <Card\n                                            className=\"max-w-[600px] w-full\"\n                                            bodyClass=\"py-3\"\n                                        >\n                                            <div className=\"flex items-center gap-4\">\n                                                <div className=\"text-primary text-3xl\">\n                                                    <TimeLineMedia\n                                                        type={event.type}\n                                                    />\n                                                </div>\n                                                <TimeLineContent\n                                                    name={customerName}\n                                                    type={event.type}\n                                                    description={\n                                                        event?.description\n                                                    }\n                                                />\n                                            </div>\n                                        </Card>\n                                    </div>\n                                ))\n                            )}\n                        </div>\n                    </div>\n                ))}\n            <div className=\"text-center\">\n                {showNoMoreData ? (\n                    <span className=\"font-semibold h-[40px] flex items-center justify-center\">\n                        No more activities\n                    </span>\n                ) : (\n                    <Button loading={fetchData} onClick={handleLoadMore}>\n                        Load More\n                    </Button>\n                )}\n            </div>\n        </Loading>\n    )\n}\n\nexport default ActivitySection\n"],"names":[],"mappings":"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"}