@orbe-agro/client-core 5.5.82 → 5.6.0

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'\r\nimport Avatar from '@/components/ui/Avatar'\r\nimport Button from '@/components/ui/Button'\r\nimport Dialog from '@/components/ui/Dialog'\r\nimport ScrollBar from '@/components/ui/ScrollBar'\r\nimport DebounceInput from '@/components/shared/DebounceInput'\r\nimport classNames from '@/utils/classNames'\r\nimport { apiGetContacts } from '@/services/ChatService'\r\nimport { TbSearch, TbCheck } from 'react-icons/tb'\r\nimport useSWRMutation from 'swr/mutation'\r\nimport type { GetContactsResponse, UserDetails } from '../types'\r\n\r\nasync function getContacts() {\r\n    const data = await apiGetContacts<GetContactsResponse>()\r\n    return data\r\n}\r\n\r\nconst NewChat = () => {\r\n    const [contactListDialog, setContactListDialog] = useState(false)\r\n    const [selectedContact, setSelectedContact] = useState<UserDetails[]>([])\r\n    const [query, setQuery] = useState('')\r\n\r\n    const { data, trigger: fetchContacts } = useSWRMutation(\r\n        `/api/contacts/`,\r\n        getContacts,\r\n    )\r\n\r\n    useEffect(() => {\r\n        if (contactListDialog) {\r\n            fetchContacts()\r\n        }\r\n        // eslint-disable-next-line react-hooks/exhaustive-deps\r\n    }, [contactListDialog])\r\n\r\n    const contacts = useMemo(() => {\r\n        if (data) {\r\n            return data.filter((contact) => {\r\n                if (!query) {\r\n                    return true\r\n                }\r\n\r\n                if (contact.name.toLocaleLowerCase().includes(query)) {\r\n                    return true\r\n                }\r\n\r\n                return false\r\n            })\r\n        }\r\n    }, [data, query])\r\n\r\n    const handleDialogClose = () => {\r\n        setContactListDialog(false)\r\n        setSelectedContact([])\r\n    }\r\n\r\n    const handleStartNewChat = () => {\r\n        handleDialogClose()\r\n    }\r\n\r\n    const handleInputChange = (value: string) => {\r\n        setQuery(value)\r\n    }\r\n\r\n    const handleSetSelectedContact = (contact: UserDetails) => {\r\n        setSelectedContact((prevSelectedContacts) => {\r\n            const contactExists = prevSelectedContacts.some(\r\n                (c) => c.id === contact.id,\r\n            )\r\n\r\n            if (contactExists) {\r\n                return prevSelectedContacts.filter((c) => c.id !== contact.id)\r\n            } else {\r\n                return [...prevSelectedContacts, contact]\r\n            }\r\n        })\r\n    }\r\n\r\n    return (\r\n        <>\r\n            <Button\r\n                block\r\n                variant=\"solid\"\r\n                onClick={() => setContactListDialog(true)}\r\n            >\r\n                New chat\r\n            </Button>\r\n            <Dialog\r\n                isOpen={contactListDialog}\r\n                onClose={handleDialogClose}\r\n                onRequestClose={handleDialogClose}\r\n            >\r\n                {contacts && (\r\n                    <div>\r\n                        <div className=\"text-center mb-6\">\r\n                            <h4 className=\"mb-1\">Contact List</h4>\r\n                            <p>\r\n                                Browse and select contacts to start a\r\n                                conversation\r\n                            </p>\r\n                        </div>\r\n                        <DebounceInput\r\n                            placeholder=\"Search...\"\r\n                            type=\"text\"\r\n                            size=\"sm\"\r\n                            prefix={<TbSearch className=\"text-lg\" />}\r\n                            onChange={(e) => handleInputChange(e.target.value)}\r\n                        />\r\n                        <div className=\"mt-4\">\r\n                            <p className=\"font-semibold uppercase text-xs mb-4\">\r\n                                {contacts.length} person available\r\n                            </p>\r\n                            <div className=\"mb-6\">\r\n                                <ScrollBar\r\n                                    className={classNames(\r\n                                        'overflow-y-auto h-80',\r\n                                    )}\r\n                                >\r\n                                    <div className=\"h-full pr-3 flex flex-col gap-2\">\r\n                                        {contacts.map((contact) => (\r\n                                            <div\r\n                                                key={contact.id}\r\n                                                className={classNames(\r\n                                                    'py-3 px-3 rounded-lg flex items-center justify-between cursor-pointer hover:bg-gray-100 dark:hover:bg-gray-700',\r\n                                                    selectedContact.some(\r\n                                                        (item) =>\r\n                                                            item.id ===\r\n                                                            contact.id,\r\n                                                    ) &&\r\n                                                        'bg-gray-100 dark:bg-gray-700',\r\n                                                )}\r\n                                                role=\"button\"\r\n                                                onClick={() =>\r\n                                                    handleSetSelectedContact(\r\n                                                        contact,\r\n                                                    )\r\n                                                }\r\n                                            >\r\n                                                <div className=\"flex items-center gap-2\">\r\n                                                    <Avatar\r\n                                                        shape=\"circle\"\r\n                                                        src={contact.img}\r\n                                                    />\r\n                                                    <div>\r\n                                                        <p className=\"heading-text font-bold\">\r\n                                                            {contact.name}\r\n                                                        </p>\r\n                                                        <p>{contact.email}</p>\r\n                                                    </div>\r\n                                                </div>\r\n                                                {selectedContact.some(\r\n                                                    (item) =>\r\n                                                        item.id === contact.id,\r\n                                                ) && (\r\n                                                    <TbCheck className=\"text-2xl text-primary\" />\r\n                                                )}\r\n                                            </div>\r\n                                        ))}\r\n                                    </div>\r\n                                </ScrollBar>\r\n                            </div>\r\n                            <Button\r\n                                block\r\n                                variant=\"solid\"\r\n                                onClick={handleStartNewChat}\r\n                            >\r\n                                {selectedContact.length > 1\r\n                                    ? 'Group Message'\r\n                                    : 'Message'}\r\n                            </Button>\r\n                        </div>\r\n                    </div>\r\n                )}\r\n            </Dialog>\r\n        </>\r\n    )\r\n}\r\n\r\nexport default NewChat\r\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;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;"}
+{"version":3,"file":"useChat.js","sources":["../../../../../../../lib/@ecme/views/concepts/chat/Chat/hooks/useChat.ts"],"sourcesContent":["import { useChatStore } from '../store/chatStore'\r\nimport { apiGetChats } from '@/services/ChatService'\r\nimport useSWRMutation from 'swr/mutation'\r\nimport type { GetChatsResponse } from '../types'\r\n\r\nasync function getChats() {\r\n    const data = await apiGetChats<GetChatsResponse>()\r\n    return data\r\n}\r\n\r\nconst useChat = () => {\r\n    const setChats = useChatStore((state) => state.setChats)\r\n    const setChatsFetched = useChatStore((state) => state.setChatsFetched)\r\n\r\n    const { trigger: fetchChats, isMutating: isChatsFetching } = useSWRMutation(\r\n        `/api/chats/`,\r\n        getChats,\r\n        {\r\n            onSuccess: (list) => {\r\n                setChats(list)\r\n                setChatsFetched(true)\r\n            },\r\n        },\r\n    )\r\n\r\n    return {\r\n        fetchChats,\r\n        isChatsFetching,\r\n    }\r\n}\r\n\r\nexport default useChat\r\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,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;"}
+{"version":3,"file":"chatStore.js","sources":["../../../../../../../lib/@ecme/views/concepts/chat/Chat/store/chatStore.ts"],"sourcesContent":["import { create } from 'zustand'\r\nimport type {\r\n    Chats,\r\n    ChatType,\r\n    Conversation,\r\n    Conversations,\r\n    Message,\r\n    SelectedChat,\r\n} from '../types'\r\n\r\ntype ContactInfoDrawer = {\r\n    userId: string\r\n    chatId: string\r\n    chatType: ChatType | ''\r\n    open: boolean\r\n}\r\n\r\nexport type ChatState = {\r\n    conversationRecord: Conversations\r\n    selectedChat: SelectedChat\r\n    selectedChatType: ChatType | ''\r\n    mobileSideBarExpand: boolean\r\n    chats: Chats\r\n    chatsFetched: boolean\r\n    contactListDialog: boolean\r\n    contactInfoDrawer: ContactInfoDrawer\r\n}\r\n\r\ntype ChatAction = {\r\n    setChats: (payload: Chats) => void\r\n    setChatsFetched: (payload: boolean) => void\r\n    setSelectedChat: (payload: SelectedChat) => void\r\n    setContactInfoDrawer: (payload: ContactInfoDrawer) => void\r\n    setChatMute: (payload: { id: string; muted: boolean }) => void\r\n    setSelectedChatType: (payload: ChatType | '') => void\r\n    setChatRead: (payload: string) => void\r\n    setContactListDialog: (payload: boolean) => void\r\n    setMobileSidebar: (payload: boolean) => void\r\n    pushConversationRecord: (payload: Conversation) => void\r\n    pushConversationMessage: (id: string, conversation: Message) => void\r\n    deleteConversationRecord: (payload: string) => void\r\n}\r\n\r\nconst initialState: ChatState = {\r\n    conversationRecord: [],\r\n    selectedChat: {},\r\n    mobileSideBarExpand: false,\r\n    chats: [],\r\n    selectedChatType: 'personal',\r\n    chatsFetched: false,\r\n    contactListDialog: false,\r\n    contactInfoDrawer: {\r\n        userId: '',\r\n        chatId: '',\r\n        chatType: '',\r\n        open: false,\r\n    },\r\n}\r\n\r\nexport const useChatStore = create<ChatState & ChatAction>((set, get) => ({\r\n    ...initialState,\r\n    setChats: (payload) => set(() => ({ chats: payload })),\r\n    setChatsFetched: (payload) => set(() => ({ chatsFetched: payload })),\r\n    setSelectedChat: (payload) => set(() => ({ selectedChat: payload })),\r\n    setContactInfoDrawer: (payload) =>\r\n        set(() => ({ contactInfoDrawer: payload })),\r\n    setChatMute: ({ id, muted }) =>\r\n        set(() => {\r\n            const chats = get().chats.map((chat) => {\r\n                if (chat.id === id) {\r\n                    chat.muted = muted\r\n                }\r\n                return chat\r\n            })\r\n            return { chats }\r\n        }),\r\n    setSelectedChatType: (payload) =>\r\n        set(() => ({ selectedChatType: payload })),\r\n    setChatRead: (id) =>\r\n        set(() => {\r\n            const chats = get().chats.map((chat) => {\r\n                if (chat.id === id) {\r\n                    chat.unread = 0\r\n                }\r\n                return chat\r\n            })\r\n            return { chats }\r\n        }),\r\n    setContactListDialog: (payload) =>\r\n        set(() => ({ contactListDialog: payload })),\r\n    setMobileSidebar: (payload) =>\r\n        set(() => ({ mobileSideBarExpand: payload })),\r\n    pushConversationRecord: (payload) =>\r\n        set(() => {\r\n            const previousConversationRecord = get().conversationRecord\r\n            return {\r\n                conversationRecord: [\r\n                    ...previousConversationRecord,\r\n                    ...[payload],\r\n                ],\r\n            }\r\n        }),\r\n    pushConversationMessage: (id, message) =>\r\n        set(() => {\r\n            const previousConversationRecord = get().conversationRecord\r\n            const conversationRecord = structuredClone(\r\n                previousConversationRecord,\r\n            ).map((record) => {\r\n                if (id === record.id) {\r\n                    record.conversation.push(message)\r\n                }\r\n                return record\r\n            })\r\n            return {\r\n                conversationRecord,\r\n            }\r\n        }),\r\n    deleteConversationRecord: (payload) =>\r\n        set(() => {\r\n            const previousConversationRecord = get().conversationRecord\r\n            const previousChats = get().chats\r\n            return {\r\n                conversationRecord: previousConversationRecord.filter(\r\n                    (record) => record.id !== payload,\r\n                ),\r\n                chats: previousChats.filter((chat) => chat.id !== payload),\r\n            }\r\n        }),\r\n}))\r\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,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;"}
+{"version":3,"file":"CustomerCreate.js","sources":["../../../../../../lib/@ecme/views/concepts/customers/CustomerCreate/CustomerCreate.tsx"],"sourcesContent":["import { useState } from 'react'\r\nimport Container from '@/components/shared/Container'\r\nimport Button from '@/components/ui/Button'\r\nimport Notification from '@/components/ui/Notification'\r\nimport toast from '@/components/ui/toast'\r\nimport CustomerForm from '../CustomerForm'\r\nimport ConfirmDialog from '@/components/shared/ConfirmDialog'\r\nimport sleep from '@/utils/sleep'\r\nimport { TbTrash } from 'react-icons/tb'\r\nimport { useNavigate } from 'react-router-dom'\r\nimport type { CustomerFormSchema } from '../CustomerForm'\r\n\r\nconst CustomerEdit = () => {\r\n    const navigate = useNavigate()\r\n\r\n    const [discardConfirmationOpen, setDiscardConfirmationOpen] =\r\n        useState(false)\r\n    const [isSubmiting, setIsSubmiting] = useState(false)\r\n\r\n    const handleFormSubmit = async (values: CustomerFormSchema) => {\r\n        console.log('Submitted values', values)\r\n        setIsSubmiting(true)\r\n        await sleep(800)\r\n        setIsSubmiting(false)\r\n        toast.push(\r\n            <Notification type=\"success\">Customer created!</Notification>,\r\n            { placement: 'top-center' },\r\n        )\r\n        navigate('/concepts/customers/customer-list')\r\n    }\r\n\r\n    const handleConfirmDiscard = () => {\r\n        setDiscardConfirmationOpen(true)\r\n        toast.push(\r\n            <Notification type=\"success\">Customer discardd!</Notification>,\r\n            { placement: 'top-center' },\r\n        )\r\n        navigate('/concepts/customers/customer-list')\r\n    }\r\n\r\n    const handleDiscard = () => {\r\n        setDiscardConfirmationOpen(true)\r\n    }\r\n\r\n    const handleCancel = () => {\r\n        setDiscardConfirmationOpen(false)\r\n    }\r\n\r\n    return (\r\n        <>\r\n            <CustomerForm\r\n                newCustomer\r\n                defaultValues={{\r\n                    firstName: '',\r\n                    lastName: '',\r\n                    email: '',\r\n                    img: '',\r\n                    phoneNumber: '',\r\n                    dialCode: '',\r\n                    country: '',\r\n                    address: '',\r\n                    city: '',\r\n                    postcode: '',\r\n                    tags: [],\r\n                }}\r\n                onFormSubmit={handleFormSubmit}\r\n            >\r\n                <Container>\r\n                    <div className=\"flex items-center justify-between px-8\">\r\n                        <span></span>\r\n                        <div className=\"flex items-center\">\r\n                            <Button\r\n                                className=\"ltr:mr-3 rtl:ml-3\"\r\n                                type=\"button\"\r\n                                customColorClass={() =>\r\n                                    'border-error ring-1 ring-error text-error hover:border-error hover:ring-error hover:text-error bg-transparent'\r\n                                }\r\n                                icon={<TbTrash />}\r\n                                onClick={handleDiscard}\r\n                            >\r\n                                Discard\r\n                            </Button>\r\n                            <Button\r\n                                variant=\"solid\"\r\n                                type=\"submit\"\r\n                                loading={isSubmiting}\r\n                            >\r\n                                Create\r\n                            </Button>\r\n                        </div>\r\n                    </div>\r\n                </Container>\r\n            </CustomerForm>\r\n            <ConfirmDialog\r\n                isOpen={discardConfirmationOpen}\r\n                type=\"danger\"\r\n                title=\"Discard changes\"\r\n                onClose={handleCancel}\r\n                onRequestClose={handleCancel}\r\n                onCancel={handleCancel}\r\n                onConfirm={handleConfirmDiscard}\r\n            >\r\n                <p>\r\n                    Are you sure you want discard this? This action can&apos;t\r\n                    be undo.{' '}\r\n                </p>\r\n            </ConfirmDialog>\r\n        </>\r\n    )\r\n}\r\n\r\nexport default CustomerEdit\r\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'\r\nimport Card from '@/components/ui/Card'\r\nimport Button from '@/components/ui/Button'\r\nimport Loading from '@/components/shared/Loading'\r\nimport { apiGetCustomerLog } from '@/services/CustomersService'\r\nimport sleep from '@/utils/sleep'\r\nimport dayjs from 'dayjs'\r\nimport isEmpty from 'lodash/isEmpty'\r\nimport {\r\n    PiEyeDuotone,\r\n    PiCloudCheckDuotone,\r\n    PiCreditCardDuotone,\r\n    PiTicketDuotone,\r\n    PiPhoneOutgoingDuotone,\r\n} from 'react-icons/pi'\r\nimport useSWR from 'swr'\r\n\r\ntype Activities = {\r\n    id: string\r\n    date: number\r\n    events: {\r\n        type: string\r\n        dateTime: number\r\n        description: string\r\n    }[]\r\n}[]\r\n\r\nconst TimeLineMedia = (props: { type: string }) => {\r\n    const { type } = props\r\n\r\n    switch (type) {\r\n        case 'PRODUCT-VIEW':\r\n            return <PiEyeDuotone />\r\n        case 'PRODUCT-UPDATE':\r\n            return <PiCloudCheckDuotone />\r\n        case 'PAYMENT':\r\n            return <PiCreditCardDuotone />\r\n        case 'SUPPORT-TICKET':\r\n            return <PiTicketDuotone />\r\n        case 'TICKET-IN-PROGRESS':\r\n            return <PiPhoneOutgoingDuotone />\r\n        default:\r\n            return <></>\r\n    }\r\n}\r\n\r\nconst TimeLineContent = (props: {\r\n    type: string\r\n    description: string\r\n    name: string\r\n}) => {\r\n    const { type, description, name } = props\r\n\r\n    switch (type) {\r\n        case 'PRODUCT-VIEW':\r\n            return (\r\n                <div>\r\n                    <h6 className=\"font-bold\">View Plan</h6>\r\n                    <p className=\"font-semibold\">\r\n                        {name} {description}\r\n                    </p>\r\n                </div>\r\n            )\r\n        case 'PRODUCT-UPDATE':\r\n            return (\r\n                <div>\r\n                    <h6 className=\"font-bold\">Change Plan</h6>\r\n                    <p className=\"font-semibold\">\r\n                        {name} {description}\r\n                    </p>\r\n                </div>\r\n            )\r\n        case 'PAYMENT':\r\n            return (\r\n                <div>\r\n                    <h6 className=\"font-bold\">Payment</h6>\r\n                    <p className=\"font-semibold\">\r\n                        {name} {description}\r\n                    </p>\r\n                </div>\r\n            )\r\n        case 'SUPPORT-TICKET':\r\n            return (\r\n                <div>\r\n                    <h6 className=\"font-bold\">Support Ticket</h6>\r\n                    <p className=\"font-semibold\">\r\n                        {name} {description}\r\n                    </p>\r\n                </div>\r\n            )\r\n        case 'TICKET-IN-PROGRESS':\r\n            return (\r\n                <div>\r\n                    <h6 className=\"font-bold\">Support Ticket Update</h6>\r\n                    <p className=\"font-semibold\">{description}</p>\r\n                </div>\r\n            )\r\n        default:\r\n            return <></>\r\n    }\r\n}\r\n\r\nconst ActivitySection = ({\r\n    customerName,\r\n    id,\r\n}: {\r\n    customerName: string\r\n    id: string\r\n}) => {\r\n    const { data, isLoading } = useSWR(\r\n        ['/api/customers/log', { id: id as string }],\r\n        // eslint-disable-next-line @typescript-eslint/no-unused-vars\r\n        ([_, params]) => apiGetCustomerLog<Activities, { id: string }>(params),\r\n        {\r\n            revalidateOnFocus: false,\r\n            revalidateIfStale: false,\r\n            evalidateOnFocus: false,\r\n        },\r\n    )\r\n\r\n    const [fetchData, setfetchData] = useState(false)\r\n    const [showNoMoreData, setShowNoMoreData] = useState(false)\r\n\r\n    const handleLoadMore = async () => {\r\n        setfetchData(true)\r\n        await sleep(500)\r\n        setShowNoMoreData(true)\r\n        setfetchData(false)\r\n    }\r\n\r\n    return (\r\n        <Loading loading={isLoading}>\r\n            {data &&\r\n                data.map((log) => (\r\n                    <div key={log.id} className=\"mb-4\">\r\n                        <div className=\"mb-4 font-bold uppercase flex items-center gap-4\">\r\n                            <span className=\"w-[70px] heading-text\">\r\n                                {dayjs.unix(log.date).format('DD MMMM')}\r\n                            </span>\r\n                            <div className=\"border-b border-2 border-gray-200 dark:border-gray-600 border-dashed w-full\"></div>\r\n                        </div>\r\n                        <div className=\"flex flex-col gap-4\">\r\n                            {isEmpty(log.events) ? (\r\n                                <div>No Activities</div>\r\n                            ) : (\r\n                                log.events.map((event, index) => (\r\n                                    <div\r\n                                        key={event.type + index}\r\n                                        className=\"flex items-center\"\r\n                                    >\r\n                                        <span className=\"font-semibold w-[100px]\">\r\n                                            {dayjs\r\n                                                .unix(event.dateTime)\r\n                                                .format('h:mm A')}\r\n                                        </span>\r\n                                        <Card\r\n                                            className=\"max-w-[600px] w-full\"\r\n                                            bodyClass=\"py-3\"\r\n                                        >\r\n                                            <div className=\"flex items-center gap-4\">\r\n                                                <div className=\"text-primary text-3xl\">\r\n                                                    <TimeLineMedia\r\n                                                        type={event.type}\r\n                                                    />\r\n                                                </div>\r\n                                                <TimeLineContent\r\n                                                    name={customerName}\r\n                                                    type={event.type}\r\n                                                    description={\r\n                                                        event?.description\r\n                                                    }\r\n                                                />\r\n                                            </div>\r\n                                        </Card>\r\n                                    </div>\r\n                                ))\r\n                            )}\r\n                        </div>\r\n                    </div>\r\n                ))}\r\n            <div className=\"text-center\">\r\n                {showNoMoreData ? (\r\n                    <span className=\"font-semibold h-[40px] flex items-center justify-center\">\r\n                        No more activities\r\n                    </span>\r\n                ) : (\r\n                    <Button loading={fetchData} onClick={handleLoadMore}>\r\n                        Load More\r\n                    </Button>\r\n                )}\r\n            </div>\r\n        </Loading>\r\n    )\r\n}\r\n\r\nexport default ActivitySection\r\n"],"names":[],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"BillingSection.js","sources":["../../../../../../lib/@ecme/views/concepts/customers/CustomerDetails/BillingSection.tsx"],"sourcesContent":["import { useState, useMemo } from 'react'\nimport Card from '@/components/ui/Card'\nimport Table from '@/components/ui/Table'\nimport Badge from '@/components/ui/Badge'\nimport Tag from '@/components/ui/Tag'\nimport toast from '@/components/ui/toast'\nimport Button from '@/components/ui/Button'\nimport Notification from '@/components/ui/Notification'\nimport classNames from '@/utils/classNames'\nimport isLastChild from '@/utils/isLastChild'\nimport CreditCardDialog from '@/components/view/CreditCardDialog'\nimport {\n    flexRender,\n    getCoreRowModel,\n    getSortedRowModel,\n    useReactTable,\n    createColumnHelper,\n} from '@tanstack/react-table'\nimport { NumericFormat } from 'react-number-format'\nimport { countryList } from '@/constants/countries.constant'\nimport dayjs from 'dayjs'\n\ntype OrderHistory = {\n    id: string\n    item: string\n    status: string\n    amount: number\n    date: number\n}\n\ntype PaymentMethod = {\n    cardHolderName: string\n    cardType: string\n    expMonth: string\n    expYear: string\n    last4Number: string\n    primary: boolean\n}\n\ntype BillingSectionProps = {\n    data: Partial<{\n        orderHistory: OrderHistory[]\n        personalInfo: {\n            address: string\n            postcode: string\n            city: string\n            country: string\n        }\n        paymentMethod: PaymentMethod[]\n    }>\n}\n\nconst { Tr, Td, TBody } = Table\n\nconst months = [\n    'Jan',\n    'Feb',\n    'Mar',\n    'Apr',\n    'May',\n    'Jun',\n    'Jul',\n    'Aug',\n    'Sep',\n    'Oct',\n    'Nov',\n    'Dec',\n]\n\nconst statusColor: Record<string, string> = {\n    paid: 'bg-emerald-500',\n    pending: 'bg-amber-400',\n}\n\nconst columnHelper = createColumnHelper<OrderHistory>()\n\nconst columns = [\n    columnHelper.accessor('item', {\n        header: 'Product',\n        cell: (props) => {\n            const row = props.row.original\n            return (\n                <div className=\"flex items-center gap-2\">\n                    <span className=\"font-semibold\">{row.item}</span>\n                </div>\n            )\n        },\n    }),\n    columnHelper.accessor('status', {\n        header: 'Status',\n        cell: (props) => {\n            const row = props.row.original\n            return (\n                <div className=\"flex items-center gap-2\">\n                    <Badge className={statusColor[row.status]} />\n                    <span className=\"heading-text font-bold capitalize\">\n                        {row.status}\n                    </span>\n                </div>\n            )\n        },\n    }),\n    columnHelper.accessor('date', {\n        header: 'Date',\n        cell: (props) => {\n            const row = props.row.original\n            return (\n                <div className=\"flex items-center\">\n                    {dayjs.unix(row.date).format('MM/DD/YYYY')}\n                </div>\n            )\n        },\n    }),\n    columnHelper.accessor('amount', {\n        header: 'Amount',\n        cell: (props) => {\n            const row = props.row.original\n            return (\n                <div className=\"flex items-center\">\n                    <NumericFormat\n                        displayType=\"text\"\n                        value={(Math.round(row.amount * 100) / 100).toFixed(2)}\n                        prefix={'$'}\n                        thousandSeparator={true}\n                    />\n                </div>\n            )\n        },\n    }),\n]\n\nconst initialSelectedCard = {\n    cardHolderName: '',\n    ccNumber: '',\n    cardExpiry: '',\n    code: '',\n}\n\nconst BillingSection = ({ data }: BillingSectionProps) => {\n    const [selectedCard, setSelectedCard] = useState<{\n        cardHolderName: string\n        ccNumber: string\n        cardExpiry: string\n        code: string\n    }>(initialSelectedCard)\n\n    const [dialogOpen, setDialogOpen] = useState(false)\n\n    const table = useReactTable({\n        data: data.orderHistory || [],\n        columns,\n        getCoreRowModel: getCoreRowModel(),\n        getSortedRowModel: getSortedRowModel(),\n    })\n\n    const countryName = useMemo(() => {\n        return countryList.find(\n            (country) => country.value === data.personalInfo?.country,\n        )?.label\n    }, [data.personalInfo?.country])\n\n    const handleEdit = (cardHolderName: string, cardExpiry: string) => {\n        setSelectedCard({\n            ...initialSelectedCard,\n            cardHolderName,\n            cardExpiry,\n        })\n        setDialogOpen(true)\n    }\n\n    const handleEditClose = () => {\n        setSelectedCard(initialSelectedCard)\n        setDialogOpen(false)\n    }\n\n    const handleSubmit = () => {\n        handleEditClose()\n        toast.push(\n            <Notification title={'Successfully updated!'} type=\"success\" />,\n            {\n                placement: 'top-center',\n            },\n        )\n    }\n\n    return (\n        <>\n            <h6 className=\"mb-4\">Purchase history</h6>\n            <Table>\n                <TBody>\n                    {table\n                        .getRowModel()\n                        .rows.slice(0, 10)\n                        .map((row) => {\n                            return (\n                                <Tr key={row.id}>\n                                    {row.getVisibleCells().map((cell) => {\n                                        return (\n                                            <Td key={cell.id}>\n                                                {flexRender(\n                                                    cell.column.columnDef.cell,\n                                                    cell.getContext(),\n                                                )}\n                                            </Td>\n                                        )\n                                    })}\n                                </Tr>\n                            )\n                        })}\n                </TBody>\n            </Table>\n            <h6 className=\"mt-8\">Addresses</h6>\n            <div className=\"grid grid-cols-1 sm:grid-cols-2 gap-4 mt-4\">\n                <Card>\n                    <div className=\"font-bold heading-text\">\n                        Billing Address\n                    </div>\n                    <div className=\"mt-4 flex flex-col gap-1 font-semibold\">\n                        <span>{data.personalInfo?.address}</span>\n                        <span>{data.personalInfo?.city}</span>\n                        <span>{data.personalInfo?.postcode}</span>\n                        <span>{countryName}</span>\n                    </div>\n                </Card>\n                <Card>\n                    <div className=\"font-bold heading-text\">\n                        Delivery Address\n                    </div>\n                    <div className=\"mt-4 flex flex-col gap-1 font-semibold\">\n                        <span>{data.personalInfo?.address}</span>\n                        <span>{data.personalInfo?.city}</span>\n                        <span>{data.personalInfo?.postcode}</span>\n                        <span>{countryName}</span>\n                    </div>\n                </Card>\n            </div>\n            <h6 className=\"mt-8\">Payment Methods</h6>\n            <Card className=\"mt-4\" bodyClass=\"py-0\">\n                {data.paymentMethod?.map((card, index) => (\n                    <div\n                        key={card.last4Number}\n                        className={classNames(\n                            'flex flex-col lg:flex-row lg:items-center justify-between gap-3 p-4',\n                            !isLastChild(data.paymentMethod || [], index) &&\n                                'border-b border-gray-200 dark:border-gray-600',\n                        )}\n                    >\n                        <div className=\"flex items-center gap-3\">\n                            {card.cardType === 'VISA' && (\n                                <img src=\"/img/others/img-8.png\" alt=\"visa\" />\n                            )}\n                            {card.cardType === 'MASTER' && (\n                                <img src=\"/img/others/img-9.png\" alt=\"master\" />\n                            )}\n                            <div>\n                                <div className=\"flex items-center\">\n                                    <div className=\"text-gray-900 dark:text-gray-100 font-semibold\">\n                                        {card.cardHolderName} ••••{' '}\n                                        {card.last4Number}\n                                    </div>\n                                    {card.primary && (\n                                        <Tag className=\"bg-sky-100 text-primary dark:bg-primary/20 dark:text-primary rounded-md border-0 mx-2\">\n                                            <span className=\"capitalize\">\n                                                {' '}\n                                                Primary{' '}\n                                            </span>\n                                        </Tag>\n                                    )}\n                                </div>\n                                <span>\n                                    Expired{' '}\n                                    {months[parseInt(card.expMonth) - 1]} 20\n                                    {card.expYear}\n                                </span>\n                            </div>\n                        </div>\n                        <div className=\"flex justify-end\">\n                            <Button\n                                size=\"sm\"\n                                onClick={() =>\n                                    handleEdit(\n                                        card.cardHolderName,\n                                        `${card.expMonth}${card.expYear}`,\n                                    )\n                                }\n                            >\n                                Edit\n                            </Button>\n                        </div>\n                    </div>\n                ))}\n                <CreditCardDialog\n                    title=\"Edit credit card\"\n                    defaultValues={selectedCard}\n                    dialogOpen={dialogOpen}\n                    onDialogClose={handleEditClose}\n                    onSubmit={handleSubmit}\n                />\n            </Card>\n        </>\n    )\n}\n\nexport default BillingSection\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"BillingSection.js","sources":["../../../../../../lib/@ecme/views/concepts/customers/CustomerDetails/BillingSection.tsx"],"sourcesContent":["import { useState, useMemo } from 'react'\r\nimport Card from '@/components/ui/Card'\r\nimport Table from '@/components/ui/Table'\r\nimport Badge from '@/components/ui/Badge'\r\nimport Tag from '@/components/ui/Tag'\r\nimport toast from '@/components/ui/toast'\r\nimport Button from '@/components/ui/Button'\r\nimport Notification from '@/components/ui/Notification'\r\nimport classNames from '@/utils/classNames'\r\nimport isLastChild from '@/utils/isLastChild'\r\nimport CreditCardDialog from '@/components/view/CreditCardDialog'\r\nimport {\r\n    flexRender,\r\n    getCoreRowModel,\r\n    getSortedRowModel,\r\n    useReactTable,\r\n    createColumnHelper,\r\n} from '@tanstack/react-table'\r\nimport { NumericFormat } from 'react-number-format'\r\nimport { countryList } from '@/constants/countries.constant'\r\nimport dayjs from 'dayjs'\r\n\r\ntype OrderHistory = {\r\n    id: string\r\n    item: string\r\n    status: string\r\n    amount: number\r\n    date: number\r\n}\r\n\r\ntype PaymentMethod = {\r\n    cardHolderName: string\r\n    cardType: string\r\n    expMonth: string\r\n    expYear: string\r\n    last4Number: string\r\n    primary: boolean\r\n}\r\n\r\ntype BillingSectionProps = {\r\n    data: Partial<{\r\n        orderHistory: OrderHistory[]\r\n        personalInfo: {\r\n            address: string\r\n            postcode: string\r\n            city: string\r\n            country: string\r\n        }\r\n        paymentMethod: PaymentMethod[]\r\n    }>\r\n}\r\n\r\nconst { Tr, Td, TBody } = Table\r\n\r\nconst months = [\r\n    'Jan',\r\n    'Feb',\r\n    'Mar',\r\n    'Apr',\r\n    'May',\r\n    'Jun',\r\n    'Jul',\r\n    'Aug',\r\n    'Sep',\r\n    'Oct',\r\n    'Nov',\r\n    'Dec',\r\n]\r\n\r\nconst statusColor: Record<string, string> = {\r\n    paid: 'bg-emerald-500',\r\n    pending: 'bg-amber-400',\r\n}\r\n\r\nconst columnHelper = createColumnHelper<OrderHistory>()\r\n\r\nconst columns = [\r\n    columnHelper.accessor('item', {\r\n        header: 'Product',\r\n        cell: (props) => {\r\n            const row = props.row.original\r\n            return (\r\n                <div className=\"flex items-center gap-2\">\r\n                    <span className=\"font-semibold\">{row.item}</span>\r\n                </div>\r\n            )\r\n        },\r\n    }),\r\n    columnHelper.accessor('status', {\r\n        header: 'Status',\r\n        cell: (props) => {\r\n            const row = props.row.original\r\n            return (\r\n                <div className=\"flex items-center gap-2\">\r\n                    <Badge className={statusColor[row.status]} />\r\n                    <span className=\"heading-text font-bold capitalize\">\r\n                        {row.status}\r\n                    </span>\r\n                </div>\r\n            )\r\n        },\r\n    }),\r\n    columnHelper.accessor('date', {\r\n        header: 'Date',\r\n        cell: (props) => {\r\n            const row = props.row.original\r\n            return (\r\n                <div className=\"flex items-center\">\r\n                    {dayjs.unix(row.date).format('MM/DD/YYYY')}\r\n                </div>\r\n            )\r\n        },\r\n    }),\r\n    columnHelper.accessor('amount', {\r\n        header: 'Amount',\r\n        cell: (props) => {\r\n            const row = props.row.original\r\n            return (\r\n                <div className=\"flex items-center\">\r\n                    <NumericFormat\r\n                        displayType=\"text\"\r\n                        value={(Math.round(row.amount * 100) / 100).toFixed(2)}\r\n                        prefix={'$'}\r\n                        thousandSeparator={true}\r\n                    />\r\n                </div>\r\n            )\r\n        },\r\n    }),\r\n]\r\n\r\nconst initialSelectedCard = {\r\n    cardHolderName: '',\r\n    ccNumber: '',\r\n    cardExpiry: '',\r\n    code: '',\r\n}\r\n\r\nconst BillingSection = ({ data }: BillingSectionProps) => {\r\n    const [selectedCard, setSelectedCard] = useState<{\r\n        cardHolderName: string\r\n        ccNumber: string\r\n        cardExpiry: string\r\n        code: string\r\n    }>(initialSelectedCard)\r\n\r\n    const [dialogOpen, setDialogOpen] = useState(false)\r\n\r\n    const table = useReactTable({\r\n        data: data.orderHistory || [],\r\n        columns,\r\n        getCoreRowModel: getCoreRowModel(),\r\n        getSortedRowModel: getSortedRowModel(),\r\n    })\r\n\r\n    const countryName = useMemo(() => {\r\n        return countryList.find(\r\n            (country) => country.value === data.personalInfo?.country,\r\n        )?.label\r\n    }, [data.personalInfo?.country])\r\n\r\n    const handleEdit = (cardHolderName: string, cardExpiry: string) => {\r\n        setSelectedCard({\r\n            ...initialSelectedCard,\r\n            cardHolderName,\r\n            cardExpiry,\r\n        })\r\n        setDialogOpen(true)\r\n    }\r\n\r\n    const handleEditClose = () => {\r\n        setSelectedCard(initialSelectedCard)\r\n        setDialogOpen(false)\r\n    }\r\n\r\n    const handleSubmit = () => {\r\n        handleEditClose()\r\n        toast.push(\r\n            <Notification title={'Successfully updated!'} type=\"success\" />,\r\n            {\r\n                placement: 'top-center',\r\n            },\r\n        )\r\n    }\r\n\r\n    return (\r\n        <>\r\n            <h6 className=\"mb-4\">Purchase history</h6>\r\n            <Table>\r\n                <TBody>\r\n                    {table\r\n                        .getRowModel()\r\n                        .rows.slice(0, 10)\r\n                        .map((row) => {\r\n                            return (\r\n                                <Tr key={row.id}>\r\n                                    {row.getVisibleCells().map((cell) => {\r\n                                        return (\r\n                                            <Td key={cell.id}>\r\n                                                {flexRender(\r\n                                                    cell.column.columnDef.cell,\r\n                                                    cell.getContext(),\r\n                                                )}\r\n                                            </Td>\r\n                                        )\r\n                                    })}\r\n                                </Tr>\r\n                            )\r\n                        })}\r\n                </TBody>\r\n            </Table>\r\n            <h6 className=\"mt-8\">Addresses</h6>\r\n            <div className=\"grid grid-cols-1 sm:grid-cols-2 gap-4 mt-4\">\r\n                <Card>\r\n                    <div className=\"font-bold heading-text\">\r\n                        Billing Address\r\n                    </div>\r\n                    <div className=\"mt-4 flex flex-col gap-1 font-semibold\">\r\n                        <span>{data.personalInfo?.address}</span>\r\n                        <span>{data.personalInfo?.city}</span>\r\n                        <span>{data.personalInfo?.postcode}</span>\r\n                        <span>{countryName}</span>\r\n                    </div>\r\n                </Card>\r\n                <Card>\r\n                    <div className=\"font-bold heading-text\">\r\n                        Delivery Address\r\n                    </div>\r\n                    <div className=\"mt-4 flex flex-col gap-1 font-semibold\">\r\n                        <span>{data.personalInfo?.address}</span>\r\n                        <span>{data.personalInfo?.city}</span>\r\n                        <span>{data.personalInfo?.postcode}</span>\r\n                        <span>{countryName}</span>\r\n                    </div>\r\n                </Card>\r\n            </div>\r\n            <h6 className=\"mt-8\">Payment Methods</h6>\r\n            <Card className=\"mt-4\" bodyClass=\"py-0\">\r\n                {data.paymentMethod?.map((card, index) => (\r\n                    <div\r\n                        key={card.last4Number}\r\n                        className={classNames(\r\n                            'flex flex-col lg:flex-row lg:items-center justify-between gap-3 p-4',\r\n                            !isLastChild(data.paymentMethod || [], index) &&\r\n                                'border-b border-gray-200 dark:border-gray-600',\r\n                        )}\r\n                    >\r\n                        <div className=\"flex items-center gap-3\">\r\n                            {card.cardType === 'VISA' && (\r\n                                <img src=\"/img/others/img-8.png\" alt=\"visa\" />\r\n                            )}\r\n                            {card.cardType === 'MASTER' && (\r\n                                <img src=\"/img/others/img-9.png\" alt=\"master\" />\r\n                            )}\r\n                            <div>\r\n                                <div className=\"flex items-center\">\r\n                                    <div className=\"text-gray-900 dark:text-gray-100 font-semibold\">\r\n                                        {card.cardHolderName} ••••{' '}\r\n                                        {card.last4Number}\r\n                                    </div>\r\n                                    {card.primary && (\r\n                                        <Tag className=\"bg-sky-100 text-primary dark:bg-primary/20 dark:text-primary rounded-md border-0 mx-2\">\r\n                                            <span className=\"capitalize\">\r\n                                                {' '}\r\n                                                Primary{' '}\r\n                                            </span>\r\n                                        </Tag>\r\n                                    )}\r\n                                </div>\r\n                                <span>\r\n                                    Expired{' '}\r\n                                    {months[parseInt(card.expMonth) - 1]} 20\r\n                                    {card.expYear}\r\n                                </span>\r\n                            </div>\r\n                        </div>\r\n                        <div className=\"flex justify-end\">\r\n                            <Button\r\n                                size=\"sm\"\r\n                                onClick={() =>\r\n                                    handleEdit(\r\n                                        card.cardHolderName,\r\n                                        `${card.expMonth}${card.expYear}`,\r\n                                    )\r\n                                }\r\n                            >\r\n                                Edit\r\n                            </Button>\r\n                        </div>\r\n                    </div>\r\n                ))}\r\n                <CreditCardDialog\r\n                    title=\"Edit credit card\"\r\n                    defaultValues={selectedCard}\r\n                    dialogOpen={dialogOpen}\r\n                    onDialogClose={handleEditClose}\r\n                    onSubmit={handleSubmit}\r\n                />\r\n            </Card>\r\n        </>\r\n    )\r\n}\r\n\r\nexport default BillingSection\r\n"],"names":[],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"CustomerDetails.js","sources":["../../../../../../lib/@ecme/views/concepts/customers/CustomerDetails/CustomerDetails.tsx"],"sourcesContent":["import Card from '@/components/ui/Card'\nimport Tabs from '@/components/ui/Tabs'\nimport Loading from '@/components/shared/Loading'\nimport ProfileSection from './ProfileSection'\nimport BillingSection from './BillingSection'\nimport ActivitySection from './ActivitySection'\nimport { apiGetCustomer } from '@/services/CustomersService'\nimport useSWR from 'swr'\nimport { useParams } from 'react-router-dom'\nimport isEmpty from 'lodash/isEmpty'\nimport type { Customer } from '../CustomerList/types'\n\nconst { TabNav, TabList, TabContent } = Tabs\n\nconst CustomerDetails = () => {\n    const { id } = useParams()\n\n    const { data, isLoading } = useSWR(\n        ['/api/customers', { id: id as string }],\n        // eslint-disable-next-line @typescript-eslint/no-unused-vars\n        ([_, params]) => apiGetCustomer<Customer, { id: string }>(params),\n        {\n            revalidateOnFocus: false,\n            revalidateIfStale: false,\n            evalidateOnFocus: false,\n        },\n    )\n\n    return (\n        <Loading loading={isLoading}>\n            {!isEmpty(data) && (\n                <div className=\"flex flex-col xl:flex-row gap-4\">\n                    <div className=\"min-w-[330px] 2xl:min-w-[400px]\">\n                        <ProfileSection data={data} />\n                    </div>\n                    <Card className=\"w-full\">\n                        <Tabs defaultValue=\"billing\">\n                            <TabList>\n                                <TabNav value=\"billing\">Billing</TabNav>\n                                <TabNav value=\"activity\">Activity</TabNav>\n                            </TabList>\n                            <div className=\"p-4\">\n                                <TabContent value=\"billing\">\n                                    <BillingSection data={data} />\n                                </TabContent>\n                                <TabContent value=\"activity\">\n                                    <ActivitySection\n                                        customerName={data.name}\n                                        id={id as string}\n                                    />\n                                </TabContent>\n                            </div>\n                        </Tabs>\n                    </Card>\n                </div>\n            )}\n        </Loading>\n    )\n}\n\nexport default CustomerDetails\n"],"names":[],"mappings":";;;;;;;;;;;;AAYA,MAAM,EAAE,QAAQ,SAAS,WAAA,IAAe;AAExC,MAAM,kBAAkB,MAAM;AAC1B,QAAM,EAAE,GAAA,IAAO,UAAA;AAEf,QAAM,EAAE,MAAM,UAAA,IAAc;AAAA,IACxB,CAAC,kBAAkB,EAAE,IAAkB;AAAA;AAAA,IAEvC,CAAC,CAAC,GAAG,MAAM,MAAM,eAAyC,MAAM;AAAA,IAChE;AAAA,MACI,mBAAmB;AAAA,MACnB,mBAAmB;AAAA,MACnB,kBAAkB;AAAA,IAAA;AAAA,EACtB;AAGJ,SACI,oBAAC,SAAA,EAAQ,SAAS,WACb,UAAA,CAAC,QAAQ,IAAI,KACV,qBAAC,OAAA,EAAI,WAAU,mCACX,UAAA;AAAA,IAAA,oBAAC,SAAI,WAAU,mCACX,UAAA,oBAAC,gBAAA,EAAe,MAAY,GAChC;AAAA,wBACC,MAAA,EAAK,WAAU,UACZ,UAAA,qBAAC,MAAA,EAAK,cAAa,WACf,UAAA;AAAA,MAAA,qBAAC,SAAA,EACG,UAAA;AAAA,QAAA,oBAAC,QAAA,EAAO,OAAM,WAAU,UAAA,WAAO;AAAA,QAC/B,oBAAC,QAAA,EAAO,OAAM,YAAW,UAAA,WAAA,CAAQ;AAAA,MAAA,GACrC;AAAA,MACA,qBAAC,OAAA,EAAI,WAAU,OACX,UAAA;AAAA,QAAA,oBAAC,cAAW,OAAM,WACd,UAAA,oBAAC,gBAAA,EAAe,MAAY,GAChC;AAAA,QACA,oBAAC,YAAA,EAAW,OAAM,YACd,UAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,cAAc,KAAK;AAAA,YACnB;AAAA,UAAA;AAAA,QAAA,EACJ,CACJ;AAAA,MAAA,EAAA,CACJ;AAAA,IAAA,EAAA,CACJ,EAAA,CACJ;AAAA,EAAA,EAAA,CACJ,EAAA,CAER;AAER;"}
+{"version":3,"file":"CustomerDetails.js","sources":["../../../../../../lib/@ecme/views/concepts/customers/CustomerDetails/CustomerDetails.tsx"],"sourcesContent":["import Card from '@/components/ui/Card'\r\nimport Tabs from '@/components/ui/Tabs'\r\nimport Loading from '@/components/shared/Loading'\r\nimport ProfileSection from './ProfileSection'\r\nimport BillingSection from './BillingSection'\r\nimport ActivitySection from './ActivitySection'\r\nimport { apiGetCustomer } from '@/services/CustomersService'\r\nimport useSWR from 'swr'\r\nimport { useParams } from 'react-router-dom'\r\nimport isEmpty from 'lodash/isEmpty'\r\nimport type { Customer } from '../CustomerList/types'\r\n\r\nconst { TabNav, TabList, TabContent } = Tabs\r\n\r\nconst CustomerDetails = () => {\r\n    const { id } = useParams()\r\n\r\n    const { data, isLoading } = useSWR(\r\n        ['/api/customers', { id: id as string }],\r\n        // eslint-disable-next-line @typescript-eslint/no-unused-vars\r\n        ([_, params]) => apiGetCustomer<Customer, { id: string }>(params),\r\n        {\r\n            revalidateOnFocus: false,\r\n            revalidateIfStale: false,\r\n            evalidateOnFocus: false,\r\n        },\r\n    )\r\n\r\n    return (\r\n        <Loading loading={isLoading}>\r\n            {!isEmpty(data) && (\r\n                <div className=\"flex flex-col xl:flex-row gap-4\">\r\n                    <div className=\"min-w-[330px] 2xl:min-w-[400px]\">\r\n                        <ProfileSection data={data} />\r\n                    </div>\r\n                    <Card className=\"w-full\">\r\n                        <Tabs defaultValue=\"billing\">\r\n                            <TabList>\r\n                                <TabNav value=\"billing\">Billing</TabNav>\r\n                                <TabNav value=\"activity\">Activity</TabNav>\r\n                            </TabList>\r\n                            <div className=\"p-4\">\r\n                                <TabContent value=\"billing\">\r\n                                    <BillingSection data={data} />\r\n                                </TabContent>\r\n                                <TabContent value=\"activity\">\r\n                                    <ActivitySection\r\n                                        customerName={data.name}\r\n                                        id={id as string}\r\n                                    />\r\n                                </TabContent>\r\n                            </div>\r\n                        </Tabs>\r\n                    </Card>\r\n                </div>\r\n            )}\r\n        </Loading>\r\n    )\r\n}\r\n\r\nexport default CustomerDetails\r\n"],"names":[],"mappings":";;;;;;;;;;;;AAYA,MAAM,EAAE,QAAQ,SAAS,WAAA,IAAe;AAExC,MAAM,kBAAkB,MAAM;AAC1B,QAAM,EAAE,GAAA,IAAO,UAAA;AAEf,QAAM,EAAE,MAAM,UAAA,IAAc;AAAA,IACxB,CAAC,kBAAkB,EAAE,IAAkB;AAAA;AAAA,IAEvC,CAAC,CAAC,GAAG,MAAM,MAAM,eAAyC,MAAM;AAAA,IAChE;AAAA,MACI,mBAAmB;AAAA,MACnB,mBAAmB;AAAA,MACnB,kBAAkB;AAAA,IAAA;AAAA,EACtB;AAGJ,SACI,oBAAC,SAAA,EAAQ,SAAS,WACb,UAAA,CAAC,QAAQ,IAAI,KACV,qBAAC,OAAA,EAAI,WAAU,mCACX,UAAA;AAAA,IAAA,oBAAC,SAAI,WAAU,mCACX,UAAA,oBAAC,gBAAA,EAAe,MAAY,GAChC;AAAA,wBACC,MAAA,EAAK,WAAU,UACZ,UAAA,qBAAC,MAAA,EAAK,cAAa,WACf,UAAA;AAAA,MAAA,qBAAC,SAAA,EACG,UAAA;AAAA,QAAA,oBAAC,QAAA,EAAO,OAAM,WAAU,UAAA,WAAO;AAAA,QAC/B,oBAAC,QAAA,EAAO,OAAM,YAAW,UAAA,WAAA,CAAQ;AAAA,MAAA,GACrC;AAAA,MACA,qBAAC,OAAA,EAAI,WAAU,OACX,UAAA;AAAA,QAAA,oBAAC,cAAW,OAAM,WACd,UAAA,oBAAC,gBAAA,EAAe,MAAY,GAChC;AAAA,QACA,oBAAC,YAAA,EAAW,OAAM,YACd,UAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,cAAc,KAAK;AAAA,YACnB;AAAA,UAAA;AAAA,QAAA,EACJ,CACJ;AAAA,MAAA,EAAA,CACJ;AAAA,IAAA,EAAA,CACJ,EAAA,CACJ;AAAA,EAAA,EAAA,CACJ,EAAA,CAER;AAER;"}

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

@@ -1 +1 @@
-{"version":3,"file":"ProfileSection.js","sources":["../../../../../../lib/@ecme/views/concepts/customers/CustomerDetails/ProfileSection.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Card from '@/components/ui/Card'\nimport Button from '@/components/ui/Button'\nimport Avatar from '@/components/ui/Avatar/Avatar'\nimport Notification from '@/components/ui/Notification'\nimport Tooltip from '@/components/ui/Tooltip'\nimport toast from '@/components/ui/toast'\nimport ConfirmDialog from '@/components/shared/ConfirmDialog'\nimport dayjs from 'dayjs'\nimport { HiPencil, HiOutlineTrash } from 'react-icons/hi'\nimport {\n    FaXTwitter,\n    FaFacebookF,\n    FaLinkedinIn,\n    FaPinterestP,\n} from 'react-icons/fa6'\nimport { useNavigate } from 'react-router-dom'\n\ntype CustomerInfoFieldProps = {\n    title?: string\n    value?: string\n}\n\ntype ProfileSectionProps = {\n    data: Partial<{\n        id: string\n        img: string\n        name: string\n        email: string\n        lastOnline: number\n        personalInfo: {\n            location: string\n            title: string\n            birthday: string\n            phoneNumber: string\n            facebook: string\n            twitter: string\n            pinterest: string\n            linkedIn: string\n        }\n    }>\n}\n\nconst CustomerInfoField = ({ title, value }: CustomerInfoFieldProps) => {\n    return (\n        <div>\n            <span className=\"font-semibold\">{title}</span>\n            <p className=\"heading-text font-bold\">{value}</p>\n        </div>\n    )\n}\n\nconst ProfileSection = ({ data = {} }: ProfileSectionProps) => {\n    const navigate = useNavigate()\n\n    const [dialogOpen, setDialogOpen] = useState(false)\n\n    const handleSocialNavigate = (link: string = '') => {\n        window.open(`https://${link}`, '_blank', 'rel=noopener noreferrer')\n    }\n\n    const handleDialogClose = () => {\n        setDialogOpen(false)\n    }\n\n    const handleDialogOpen = () => {\n        setDialogOpen(true)\n    }\n\n    const handleDelete = () => {\n        setDialogOpen(false)\n        navigate('/concepts/customers/customer-list')\n        toast.push(\n            <Notification title={'Successfully Deleted'} type=\"success\">\n                Customer successfuly deleted\n            </Notification>,\n        )\n    }\n\n    const handleSendMessage = () => {\n        navigate('/concepts/chat')\n    }\n\n    const handleEdit = () => {\n        navigate(`/concepts/customers/customer-edit/${data.id}`)\n    }\n\n    return (\n        <Card className=\"w-full\">\n            <div className=\"flex justify-end\">\n                <Tooltip title=\"Edit customer\">\n                    <button\n                        className=\"close-button button-press-feedback\"\n                        type=\"button\"\n                        onClick={handleEdit}\n                    >\n                        <HiPencil />\n                    </button>\n                </Tooltip>\n            </div>\n            <div className=\"flex flex-col xl:justify-between h-full 2xl:min-w-[360px] mx-auto\">\n                <div className=\"flex xl:flex-col items-center gap-4 mt-6\">\n                    <Avatar size={90} shape=\"circle\" src={data.img} />\n                    <h4 className=\"font-bold\">{data.name}</h4>\n                </div>\n                <div className=\"grid grid-cols-1 sm:grid-cols-2 xl:grid-cols-1 gap-y-7 gap-x-4 mt-10\">\n                    <CustomerInfoField title=\"Email\" value={data.email} />\n                    <CustomerInfoField\n                        title=\"Phone\"\n                        value={data.personalInfo?.phoneNumber}\n                    />\n                    <CustomerInfoField\n                        title=\"Date of birth\"\n                        value={data.personalInfo?.birthday}\n                    />\n                    <CustomerInfoField\n                        title=\"Last Online\"\n                        value={dayjs\n                            .unix(data.lastOnline as number)\n                            .format('DD MMM YYYY hh:mm A')}\n                    />\n                    <div className=\"mb-7\">\n                        <span>Social</span>\n                        <div className=\"flex mt-4 gap-2\">\n                            <Button\n                                size=\"sm\"\n                                icon={\n                                    <FaFacebookF className=\"text-[#2259f2]\" />\n                                }\n                                onClick={() =>\n                                    handleSocialNavigate(\n                                        data.personalInfo?.facebook,\n                                    )\n                                }\n                            />\n                            <Button\n                                size=\"sm\"\n                                icon={\n                                    <FaXTwitter className=\"text-black dark:text-white\" />\n                                }\n                                onClick={() =>\n                                    handleSocialNavigate(\n                                        data.personalInfo?.twitter,\n                                    )\n                                }\n                            />\n                            <Button\n                                size=\"sm\"\n                                icon={\n                                    <FaLinkedinIn className=\"text-[#155fb8]\" />\n                                }\n                                onClick={() =>\n                                    handleSocialNavigate(\n                                        data.personalInfo?.linkedIn,\n                                    )\n                                }\n                            />\n                            <Button\n                                size=\"sm\"\n                                icon={\n                                    <FaPinterestP className=\"text-[#df0018]\" />\n                                }\n                                onClick={() =>\n                                    handleSocialNavigate(\n                                        data.personalInfo?.pinterest,\n                                    )\n                                }\n                            />\n                        </div>\n                    </div>\n                </div>\n                <div className=\"flex flex-col gap-4\">\n                    <Button block variant=\"solid\" onClick={handleSendMessage}>\n                        Send Messsage\n                    </Button>\n                    <Button\n                        block\n                        customColorClass={() =>\n                            'text-error hover:border-error hover:ring-1 ring-error hover:text-error'\n                        }\n                        icon={<HiOutlineTrash />}\n                        onClick={handleDialogOpen}\n                    >\n                        Delete\n                    </Button>\n                </div>\n                <ConfirmDialog\n                    isOpen={dialogOpen}\n                    type=\"danger\"\n                    title=\"Delete customer\"\n                    onClose={handleDialogClose}\n                    onRequestClose={handleDialogClose}\n                    onCancel={handleDialogClose}\n                    onConfirm={handleDelete}\n                >\n                    <p>\n                        Are you sure you want to delete this customer? All\n                        record related to this customer will be deleted as well.\n                        This action cannot be undone.\n                    </p>\n                </ConfirmDialog>\n            </div>\n        </Card>\n    )\n}\n\nexport default ProfileSection\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AA2CA,MAAM,oBAAoB,CAAC,EAAE,OAAO,YAAoC;AACpE,8BACK,OAAA,EACG,UAAA;AAAA,IAAA,oBAAC,QAAA,EAAK,WAAU,iBAAiB,UAAA,OAAM;AAAA,IACvC,oBAAC,KAAA,EAAE,WAAU,0BAA0B,UAAA,MAAA,CAAM;AAAA,EAAA,GACjD;AAER;AAEA,MAAM,iBAAiB,CAAC,EAAE,OAAO,CAAA,QAA8B;AAC3D,QAAM,WAAW,YAAA;AAEjB,QAAM,CAAC,YAAY,aAAa,IAAI,SAAS,KAAK;AAElD,QAAM,uBAAuB,CAAC,OAAe,OAAO;AAChD,WAAO,KAAK,WAAW,IAAI,IAAI,UAAU,yBAAyB;AAAA,EACtE;AAEA,QAAM,oBAAoB,MAAM;AAC5B,kBAAc,KAAK;AAAA,EACvB;AAEA,QAAM,mBAAmB,MAAM;AAC3B,kBAAc,IAAI;AAAA,EACtB;AAEA,QAAM,eAAe,MAAM;AACvB,kBAAc,KAAK;AACnB,aAAS,mCAAmC;AAC5C,UAAM;AAAA,0BACD,cAAA,EAAa,OAAO,wBAAwB,MAAK,WAAU,UAAA,+BAAA,CAE5D;AAAA,IAAA;AAAA,EAER;AAEA,QAAM,oBAAoB,MAAM;AAC5B,aAAS,gBAAgB;AAAA,EAC7B;AAEA,QAAM,aAAa,MAAM;AACrB,aAAS,qCAAqC,KAAK,EAAE,EAAE;AAAA,EAC3D;AAEA,SACI,qBAAC,MAAA,EAAK,WAAU,UACZ,UAAA;AAAA,IAAA,oBAAC,SAAI,WAAU,oBACX,UAAA,oBAAC,SAAA,EAAQ,OAAM,iBACX,UAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAU;AAAA,QACV,MAAK;AAAA,QACL,SAAS;AAAA,QAET,8BAAC,UAAA,CAAA,CAAS;AAAA,MAAA;AAAA,IAAA,GAElB,EAAA,CACJ;AAAA,IACA,qBAAC,OAAA,EAAI,WAAU,qEACX,UAAA;AAAA,MAAA,qBAAC,OAAA,EAAI,WAAU,4CACX,UAAA;AAAA,QAAA,oBAAC,UAAO,MAAM,IAAI,OAAM,UAAS,KAAK,KAAK,KAAK;AAAA,QAChD,oBAAC,MAAA,EAAG,WAAU,aAAa,eAAK,KAAA,CAAK;AAAA,MAAA,GACzC;AAAA,MACA,qBAAC,OAAA,EAAI,WAAU,wEACX,UAAA;AAAA,QAAA,oBAAC,mBAAA,EAAkB,OAAM,SAAQ,OAAO,KAAK,OAAO;AAAA,QACpD;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,OAAM;AAAA,YACN,OAAO,KAAK,cAAc;AAAA,UAAA;AAAA,QAAA;AAAA,QAE9B;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,OAAM;AAAA,YACN,OAAO,KAAK,cAAc;AAAA,UAAA;AAAA,QAAA;AAAA,QAE9B;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,OAAM;AAAA,YACN,OAAO,MACF,KAAK,KAAK,UAAoB,EAC9B,OAAO,qBAAqB;AAAA,UAAA;AAAA,QAAA;AAAA,QAErC,qBAAC,OAAA,EAAI,WAAU,QACX,UAAA;AAAA,UAAA,oBAAC,UAAK,UAAA,SAAA,CAAM;AAAA,UACZ,qBAAC,OAAA,EAAI,WAAU,mBACX,UAAA;AAAA,YAAA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACG,MAAK;AAAA,gBACL,MACI,oBAAC,aAAA,EAAY,WAAU,iBAAA,CAAiB;AAAA,gBAE5C,SAAS,MACL;AAAA,kBACI,KAAK,cAAc;AAAA,gBAAA;AAAA,cACvB;AAAA,YAAA;AAAA,YAGR;AAAA,cAAC;AAAA,cAAA;AAAA,gBACG,MAAK;AAAA,gBACL,MACI,oBAAC,YAAA,EAAW,WAAU,6BAAA,CAA6B;AAAA,gBAEvD,SAAS,MACL;AAAA,kBACI,KAAK,cAAc;AAAA,gBAAA;AAAA,cACvB;AAAA,YAAA;AAAA,YAGR;AAAA,cAAC;AAAA,cAAA;AAAA,gBACG,MAAK;AAAA,gBACL,MACI,oBAAC,cAAA,EAAa,WAAU,iBAAA,CAAiB;AAAA,gBAE7C,SAAS,MACL;AAAA,kBACI,KAAK,cAAc;AAAA,gBAAA;AAAA,cACvB;AAAA,YAAA;AAAA,YAGR;AAAA,cAAC;AAAA,cAAA;AAAA,gBACG,MAAK;AAAA,gBACL,MACI,oBAAC,cAAA,EAAa,WAAU,iBAAA,CAAiB;AAAA,gBAE7C,SAAS,MACL;AAAA,kBACI,KAAK,cAAc;AAAA,gBAAA;AAAA,cACvB;AAAA,YAAA;AAAA,UAER,EAAA,CACJ;AAAA,QAAA,EAAA,CACJ;AAAA,MAAA,GACJ;AAAA,MACA,qBAAC,OAAA,EAAI,WAAU,uBACX,UAAA;AAAA,QAAA,oBAAC,UAAO,OAAK,MAAC,SAAQ,SAAQ,SAAS,mBAAmB,UAAA,gBAAA,CAE1D;AAAA,QACA;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,OAAK;AAAA,YACL,kBAAkB,MACd;AAAA,YAEJ,0BAAO,gBAAA,EAAe;AAAA,YACtB,SAAS;AAAA,YACZ,UAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MAED,GACJ;AAAA,MACA;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,QAAQ;AAAA,UACR,MAAK;AAAA,UACL,OAAM;AAAA,UACN,SAAS;AAAA,UACT,gBAAgB;AAAA,UAChB,UAAU;AAAA,UACV,WAAW;AAAA,UAEX,UAAA,oBAAC,OAAE,UAAA,4IAAA,CAIH;AAAA,QAAA;AAAA,MAAA;AAAA,IACJ,EAAA,CACJ;AAAA,EAAA,GACJ;AAER;"}
+{"version":3,"file":"ProfileSection.js","sources":["../../../../../../lib/@ecme/views/concepts/customers/CustomerDetails/ProfileSection.tsx"],"sourcesContent":["import { useState } from 'react'\r\nimport Card from '@/components/ui/Card'\r\nimport Button from '@/components/ui/Button'\r\nimport Avatar from '@/components/ui/Avatar/Avatar'\r\nimport Notification from '@/components/ui/Notification'\r\nimport Tooltip from '@/components/ui/Tooltip'\r\nimport toast from '@/components/ui/toast'\r\nimport ConfirmDialog from '@/components/shared/ConfirmDialog'\r\nimport dayjs from 'dayjs'\r\nimport { HiPencil, HiOutlineTrash } from 'react-icons/hi'\r\nimport {\r\n    FaXTwitter,\r\n    FaFacebookF,\r\n    FaLinkedinIn,\r\n    FaPinterestP,\r\n} from 'react-icons/fa6'\r\nimport { useNavigate } from 'react-router-dom'\r\n\r\ntype CustomerInfoFieldProps = {\r\n    title?: string\r\n    value?: string\r\n}\r\n\r\ntype ProfileSectionProps = {\r\n    data: Partial<{\r\n        id: string\r\n        img: string\r\n        name: string\r\n        email: string\r\n        lastOnline: number\r\n        personalInfo: {\r\n            location: string\r\n            title: string\r\n            birthday: string\r\n            phoneNumber: string\r\n            facebook: string\r\n            twitter: string\r\n            pinterest: string\r\n            linkedIn: string\r\n        }\r\n    }>\r\n}\r\n\r\nconst CustomerInfoField = ({ title, value }: CustomerInfoFieldProps) => {\r\n    return (\r\n        <div>\r\n            <span className=\"font-semibold\">{title}</span>\r\n            <p className=\"heading-text font-bold\">{value}</p>\r\n        </div>\r\n    )\r\n}\r\n\r\nconst ProfileSection = ({ data = {} }: ProfileSectionProps) => {\r\n    const navigate = useNavigate()\r\n\r\n    const [dialogOpen, setDialogOpen] = useState(false)\r\n\r\n    const handleSocialNavigate = (link: string = '') => {\r\n        window.open(`https://${link}`, '_blank', 'rel=noopener noreferrer')\r\n    }\r\n\r\n    const handleDialogClose = () => {\r\n        setDialogOpen(false)\r\n    }\r\n\r\n    const handleDialogOpen = () => {\r\n        setDialogOpen(true)\r\n    }\r\n\r\n    const handleDelete = () => {\r\n        setDialogOpen(false)\r\n        navigate('/concepts/customers/customer-list')\r\n        toast.push(\r\n            <Notification title={'Successfully Deleted'} type=\"success\">\r\n                Customer successfuly deleted\r\n            </Notification>,\r\n        )\r\n    }\r\n\r\n    const handleSendMessage = () => {\r\n        navigate('/concepts/chat')\r\n    }\r\n\r\n    const handleEdit = () => {\r\n        navigate(`/concepts/customers/customer-edit/${data.id}`)\r\n    }\r\n\r\n    return (\r\n        <Card className=\"w-full\">\r\n            <div className=\"flex justify-end\">\r\n                <Tooltip title=\"Edit customer\">\r\n                    <button\r\n                        className=\"close-button button-press-feedback\"\r\n                        type=\"button\"\r\n                        onClick={handleEdit}\r\n                    >\r\n                        <HiPencil />\r\n                    </button>\r\n                </Tooltip>\r\n            </div>\r\n            <div className=\"flex flex-col xl:justify-between h-full 2xl:min-w-[360px] mx-auto\">\r\n                <div className=\"flex xl:flex-col items-center gap-4 mt-6\">\r\n                    <Avatar size={90} shape=\"circle\" src={data.img} />\r\n                    <h4 className=\"font-bold\">{data.name}</h4>\r\n                </div>\r\n                <div className=\"grid grid-cols-1 sm:grid-cols-2 xl:grid-cols-1 gap-y-7 gap-x-4 mt-10\">\r\n                    <CustomerInfoField title=\"Email\" value={data.email} />\r\n                    <CustomerInfoField\r\n                        title=\"Phone\"\r\n                        value={data.personalInfo?.phoneNumber}\r\n                    />\r\n                    <CustomerInfoField\r\n                        title=\"Date of birth\"\r\n                        value={data.personalInfo?.birthday}\r\n                    />\r\n                    <CustomerInfoField\r\n                        title=\"Last Online\"\r\n                        value={dayjs\r\n                            .unix(data.lastOnline as number)\r\n                            .format('DD MMM YYYY hh:mm A')}\r\n                    />\r\n                    <div className=\"mb-7\">\r\n                        <span>Social</span>\r\n                        <div className=\"flex mt-4 gap-2\">\r\n                            <Button\r\n                                size=\"sm\"\r\n                                icon={\r\n                                    <FaFacebookF className=\"text-[#2259f2]\" />\r\n                                }\r\n                                onClick={() =>\r\n                                    handleSocialNavigate(\r\n                                        data.personalInfo?.facebook,\r\n                                    )\r\n                                }\r\n                            />\r\n                            <Button\r\n                                size=\"sm\"\r\n                                icon={\r\n                                    <FaXTwitter className=\"text-black dark:text-white\" />\r\n                                }\r\n                                onClick={() =>\r\n                                    handleSocialNavigate(\r\n                                        data.personalInfo?.twitter,\r\n                                    )\r\n                                }\r\n                            />\r\n                            <Button\r\n                                size=\"sm\"\r\n                                icon={\r\n                                    <FaLinkedinIn className=\"text-[#155fb8]\" />\r\n                                }\r\n                                onClick={() =>\r\n                                    handleSocialNavigate(\r\n                                        data.personalInfo?.linkedIn,\r\n                                    )\r\n                                }\r\n                            />\r\n                            <Button\r\n                                size=\"sm\"\r\n                                icon={\r\n                                    <FaPinterestP className=\"text-[#df0018]\" />\r\n                                }\r\n                                onClick={() =>\r\n                                    handleSocialNavigate(\r\n                                        data.personalInfo?.pinterest,\r\n                                    )\r\n                                }\r\n                            />\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n                <div className=\"flex flex-col gap-4\">\r\n                    <Button block variant=\"solid\" onClick={handleSendMessage}>\r\n                        Send Messsage\r\n                    </Button>\r\n                    <Button\r\n                        block\r\n                        customColorClass={() =>\r\n                            'text-error hover:border-error hover:ring-1 ring-error hover:text-error'\r\n                        }\r\n                        icon={<HiOutlineTrash />}\r\n                        onClick={handleDialogOpen}\r\n                    >\r\n                        Delete\r\n                    </Button>\r\n                </div>\r\n                <ConfirmDialog\r\n                    isOpen={dialogOpen}\r\n                    type=\"danger\"\r\n                    title=\"Delete customer\"\r\n                    onClose={handleDialogClose}\r\n                    onRequestClose={handleDialogClose}\r\n                    onCancel={handleDialogClose}\r\n                    onConfirm={handleDelete}\r\n                >\r\n                    <p>\r\n                        Are you sure you want to delete this customer? All\r\n                        record related to this customer will be deleted as well.\r\n                        This action cannot be undone.\r\n                    </p>\r\n                </ConfirmDialog>\r\n            </div>\r\n        </Card>\r\n    )\r\n}\r\n\r\nexport default ProfileSection\r\n"],"names":[],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"CustomerEdit.js","sources":["../../../../../../lib/@ecme/views/concepts/customers/CustomerEdit/CustomerEdit.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 ConfirmDialog from '@/components/shared/ConfirmDialog'\nimport { apiGetCustomer } from '@/services/CustomersService'\nimport CustomerForm from '../CustomerForm'\nimport sleep from '@/utils/sleep'\nimport NoUserFound from '@/assets/svg/NoUserFound'\nimport { TbTrash, TbArrowNarrowLeft } from 'react-icons/tb'\nimport { useParams, useNavigate } from 'react-router-dom'\nimport useSWR from 'swr'\nimport type { CustomerFormSchema } from '../CustomerForm'\nimport type { Customer } from '../CustomerList/types'\n\nconst CustomerEdit = () => {\n    const { id } = useParams()\n\n    const navigate = useNavigate()\n\n    const { data, isLoading } = useSWR(\n        [`/api/customers${id}`, { id: id as string }],\n        // eslint-disable-next-line @typescript-eslint/no-unused-vars\n        ([_, params]) => apiGetCustomer<Customer, { id: string }>(params),\n        {\n            revalidateOnFocus: false,\n            revalidateIfStale: false,\n        },\n    )\n\n    const [deleteConfirmationOpen, setDeleteConfirmationOpen] = 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(<Notification type=\"success\">Changes Saved!</Notification>, {\n            placement: 'top-center',\n        })\n        navigate('/concepts/customers/customer-list')\n    }\n\n    const getDefaultValues = () => {\n        if (data) {\n            const { firstName, lastName, email, personalInfo, img } = data\n\n            return {\n                firstName,\n                lastName,\n                email,\n                img,\n                phoneNumber: personalInfo.phoneNumber,\n                dialCode: personalInfo.dialCode,\n                country: personalInfo.country,\n                address: personalInfo.address,\n                city: personalInfo.city,\n                postcode: personalInfo.postcode,\n                tags: [],\n            }\n        }\n\n        return {}\n    }\n\n    const handleConfirmDelete = () => {\n        setDeleteConfirmationOpen(true)\n        toast.push(\n            <Notification type=\"success\">Customer deleted!</Notification>,\n            { placement: 'top-center' },\n        )\n        navigate('/concepts/customers/customer-list')\n    }\n\n    const handleDelete = () => {\n        setDeleteConfirmationOpen(true)\n    }\n\n    const handleCancel = () => {\n        setDeleteConfirmationOpen(false)\n    }\n\n    const handleBack = () => {\n        history.back()\n    }\n\n    return (\n        <>\n            {!isLoading && !data && (\n                <div className=\"h-full flex flex-col items-center justify-center\">\n                    <NoUserFound height={280} width={280} />\n                    <h3 className=\"mt-8\">No user found!</h3>\n                </div>\n            )}\n            {!isLoading && data && (\n                <>\n                    <CustomerForm\n                        defaultValues={getDefaultValues() as CustomerFormSchema}\n                        newCustomer={false}\n                        onFormSubmit={handleFormSubmit}\n                    >\n                        <Container>\n                            <div className=\"flex items-center justify-between px-8\">\n                                <Button\n                                    className=\"ltr:mr-3 rtl:ml-3\"\n                                    type=\"button\"\n                                    variant=\"plain\"\n                                    icon={<TbArrowNarrowLeft />}\n                                    onClick={handleBack}\n                                >\n                                    Back\n                                </Button>\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={handleDelete}\n                                    >\n                                        Delete\n                                    </Button>\n                                    <Button\n                                        variant=\"solid\"\n                                        type=\"submit\"\n                                        loading={isSubmiting}\n                                    >\n                                        Save\n                                    </Button>\n                                </div>\n                            </div>\n                        </Container>\n                    </CustomerForm>\n                    <ConfirmDialog\n                        isOpen={deleteConfirmationOpen}\n                        type=\"danger\"\n                        title=\"Remove customers\"\n                        onClose={handleCancel}\n                        onRequestClose={handleCancel}\n                        onCancel={handleCancel}\n                        onConfirm={handleConfirmDelete}\n                    >\n                        <p>\n                            Are you sure you want to remove this customer? This\n                            action can&apos;t be undo.{' '}\n                        </p>\n                    </ConfirmDialog>\n                </>\n            )}\n        </>\n    )\n}\n\nexport default CustomerEdit\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"CustomerEdit.js","sources":["../../../../../../lib/@ecme/views/concepts/customers/CustomerEdit/CustomerEdit.tsx"],"sourcesContent":["import { useState } from 'react'\r\nimport Container from '@/components/shared/Container'\r\nimport Button from '@/components/ui/Button'\r\nimport Notification from '@/components/ui/Notification'\r\nimport toast from '@/components/ui/toast'\r\nimport ConfirmDialog from '@/components/shared/ConfirmDialog'\r\nimport { apiGetCustomer } from '@/services/CustomersService'\r\nimport CustomerForm from '../CustomerForm'\r\nimport sleep from '@/utils/sleep'\r\nimport NoUserFound from '@/assets/svg/NoUserFound'\r\nimport { TbTrash, TbArrowNarrowLeft } from 'react-icons/tb'\r\nimport { useParams, useNavigate } from 'react-router-dom'\r\nimport useSWR from 'swr'\r\nimport type { CustomerFormSchema } from '../CustomerForm'\r\nimport type { Customer } from '../CustomerList/types'\r\n\r\nconst CustomerEdit = () => {\r\n    const { id } = useParams()\r\n\r\n    const navigate = useNavigate()\r\n\r\n    const { data, isLoading } = useSWR(\r\n        [`/api/customers${id}`, { id: id as string }],\r\n        // eslint-disable-next-line @typescript-eslint/no-unused-vars\r\n        ([_, params]) => apiGetCustomer<Customer, { id: string }>(params),\r\n        {\r\n            revalidateOnFocus: false,\r\n            revalidateIfStale: false,\r\n        },\r\n    )\r\n\r\n    const [deleteConfirmationOpen, setDeleteConfirmationOpen] = useState(false)\r\n    const [isSubmiting, setIsSubmiting] = useState(false)\r\n\r\n    const handleFormSubmit = async (values: CustomerFormSchema) => {\r\n        console.log('Submitted values', values)\r\n        setIsSubmiting(true)\r\n        await sleep(800)\r\n        setIsSubmiting(false)\r\n        toast.push(<Notification type=\"success\">Changes Saved!</Notification>, {\r\n            placement: 'top-center',\r\n        })\r\n        navigate('/concepts/customers/customer-list')\r\n    }\r\n\r\n    const getDefaultValues = () => {\r\n        if (data) {\r\n            const { firstName, lastName, email, personalInfo, img } = data\r\n\r\n            return {\r\n                firstName,\r\n                lastName,\r\n                email,\r\n                img,\r\n                phoneNumber: personalInfo.phoneNumber,\r\n                dialCode: personalInfo.dialCode,\r\n                country: personalInfo.country,\r\n                address: personalInfo.address,\r\n                city: personalInfo.city,\r\n                postcode: personalInfo.postcode,\r\n                tags: [],\r\n            }\r\n        }\r\n\r\n        return {}\r\n    }\r\n\r\n    const handleConfirmDelete = () => {\r\n        setDeleteConfirmationOpen(true)\r\n        toast.push(\r\n            <Notification type=\"success\">Customer deleted!</Notification>,\r\n            { placement: 'top-center' },\r\n        )\r\n        navigate('/concepts/customers/customer-list')\r\n    }\r\n\r\n    const handleDelete = () => {\r\n        setDeleteConfirmationOpen(true)\r\n    }\r\n\r\n    const handleCancel = () => {\r\n        setDeleteConfirmationOpen(false)\r\n    }\r\n\r\n    const handleBack = () => {\r\n        history.back()\r\n    }\r\n\r\n    return (\r\n        <>\r\n            {!isLoading && !data && (\r\n                <div className=\"h-full flex flex-col items-center justify-center\">\r\n                    <NoUserFound height={280} width={280} />\r\n                    <h3 className=\"mt-8\">No user found!</h3>\r\n                </div>\r\n            )}\r\n            {!isLoading && data && (\r\n                <>\r\n                    <CustomerForm\r\n                        defaultValues={getDefaultValues() as CustomerFormSchema}\r\n                        newCustomer={false}\r\n                        onFormSubmit={handleFormSubmit}\r\n                    >\r\n                        <Container>\r\n                            <div className=\"flex items-center justify-between px-8\">\r\n                                <Button\r\n                                    className=\"ltr:mr-3 rtl:ml-3\"\r\n                                    type=\"button\"\r\n                                    variant=\"plain\"\r\n                                    icon={<TbArrowNarrowLeft />}\r\n                                    onClick={handleBack}\r\n                                >\r\n                                    Back\r\n                                </Button>\r\n                                <div className=\"flex items-center\">\r\n                                    <Button\r\n                                        className=\"ltr:mr-3 rtl:ml-3\"\r\n                                        type=\"button\"\r\n                                        customColorClass={() =>\r\n                                            'border-error ring-1 ring-error text-error hover:border-error hover:ring-error hover:text-error bg-transparent'\r\n                                        }\r\n                                        icon={<TbTrash />}\r\n                                        onClick={handleDelete}\r\n                                    >\r\n                                        Delete\r\n                                    </Button>\r\n                                    <Button\r\n                                        variant=\"solid\"\r\n                                        type=\"submit\"\r\n                                        loading={isSubmiting}\r\n                                    >\r\n                                        Save\r\n                                    </Button>\r\n                                </div>\r\n                            </div>\r\n                        </Container>\r\n                    </CustomerForm>\r\n                    <ConfirmDialog\r\n                        isOpen={deleteConfirmationOpen}\r\n                        type=\"danger\"\r\n                        title=\"Remove customers\"\r\n                        onClose={handleCancel}\r\n                        onRequestClose={handleCancel}\r\n                        onCancel={handleCancel}\r\n                        onConfirm={handleConfirmDelete}\r\n                    >\r\n                        <p>\r\n                            Are you sure you want to remove this customer? This\r\n                            action can&apos;t be undo.{' '}\r\n                        </p>\r\n                    </ConfirmDialog>\r\n                </>\r\n            )}\r\n        </>\r\n    )\r\n}\r\n\r\nexport default CustomerEdit\r\n"],"names":[],"mappings":"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"}

package/dist/@ecme/views/concepts/customers/CustomerForm/AccountSection.js.map

@@ -1 +1 @@
-{"version":3,"file":"AccountSection.js","sources":["../../../../../../lib/@ecme/views/concepts/customers/CustomerForm/AccountSection.tsx"],"sourcesContent":["import Card from '@/components/ui/Card'\nimport Switcher from '@/components/ui/Switcher'\nimport { FormItem } from '@/components/ui/Form'\nimport { Controller } from 'react-hook-form'\nimport type { FormSectionBaseProps } from './types'\n\ntype AccountSectionProps = FormSectionBaseProps\n\nconst AccountSection = ({ control }: AccountSectionProps) => {\n    return (\n        <Card>\n            <h4>Account</h4>\n            <div className=\"mt-6\">\n                <FormItem>\n                    <Controller\n                        name=\"banAccount\"\n                        control={control}\n                        render={({ field }) => (\n                            <div className=\"flex items-center justify-between gap-8\">\n                                <div>\n                                    <h6>Banned</h6>\n                                    <p>Disable this account</p>\n                                </div>\n                                <Switcher\n                                    checked={field.value}\n                                    onChange={(checked) => {\n                                        field.onChange(checked)\n                                    }}\n                                />\n                            </div>\n                        )}\n                    />\n                </FormItem>\n                <FormItem className=\"mb-0\">\n                    <Controller\n                        name=\"accountVerified\"\n                        control={control}\n                        render={({ field }) => (\n                            <div className=\"flex items-center justify-between gap-8\">\n                                <div>\n                                    <h6>Account Verified</h6>\n                                    <p>\n                                        Disabling sends a verification request\n                                        to the customer.\n                                    </p>\n                                </div>\n                                <Switcher\n                                    checked={field.value}\n                                    onChange={(checked) => {\n                                        field.onChange(checked)\n                                    }}\n                                />\n                            </div>\n                        )}\n                    />\n                </FormItem>\n            </div>\n        </Card>\n    )\n}\n\nexport default AccountSection\n"],"names":[],"mappings":";;;;;;;;AAQA,MAAM,iBAAiB,CAAC,EAAE,cAAmC;AACzD,8BACK,MAAA,EACG,UAAA;AAAA,IAAA,oBAAC,QAAG,UAAA,UAAA,CAAO;AAAA,IACX,qBAAC,OAAA,EAAI,WAAU,QACX,UAAA;AAAA,MAAA,oBAAC,UAAA,EACG,UAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,MAAK;AAAA,UACL;AAAA,UACA,QAAQ,CAAC,EAAE,YACP,qBAAC,OAAA,EAAI,WAAU,2CACX,UAAA;AAAA,YAAA,qBAAC,OAAA,EACG,UAAA;AAAA,cAAA,oBAAC,QAAG,UAAA,SAAA,CAAM;AAAA,cACV,oBAAC,OAAE,UAAA,uBAAA,CAAoB;AAAA,YAAA,GAC3B;AAAA,YACA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACG,SAAS,MAAM;AAAA,gBACf,UAAU,CAAC,YAAY;AACnB,wBAAM,SAAS,OAAO;AAAA,gBAC1B;AAAA,cAAA;AAAA,YAAA;AAAA,UACJ,EAAA,CACJ;AAAA,QAAA;AAAA,MAAA,GAGZ;AAAA,MACA,oBAAC,UAAA,EAAS,WAAU,QAChB,UAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,MAAK;AAAA,UACL;AAAA,UACA,QAAQ,CAAC,EAAE,YACP,qBAAC,OAAA,EAAI,WAAU,2CACX,UAAA;AAAA,YAAA,qBAAC,OAAA,EACG,UAAA;AAAA,cAAA,oBAAC,QAAG,UAAA,mBAAA,CAAgB;AAAA,cACpB,oBAAC,OAAE,UAAA,0DAAA,CAGH;AAAA,YAAA,GACJ;AAAA,YACA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACG,SAAS,MAAM;AAAA,gBACf,UAAU,CAAC,YAAY;AACnB,wBAAM,SAAS,OAAO;AAAA,gBAC1B;AAAA,cAAA;AAAA,YAAA;AAAA,UACJ,EAAA,CACJ;AAAA,QAAA;AAAA,MAAA,EAER,CACJ;AAAA,IAAA,EAAA,CACJ;AAAA,EAAA,GACJ;AAER;"}
+{"version":3,"file":"AccountSection.js","sources":["../../../../../../lib/@ecme/views/concepts/customers/CustomerForm/AccountSection.tsx"],"sourcesContent":["import Card from '@/components/ui/Card'\r\nimport Switcher from '@/components/ui/Switcher'\r\nimport { FormItem } from '@/components/ui/Form'\r\nimport { Controller } from 'react-hook-form'\r\nimport type { FormSectionBaseProps } from './types'\r\n\r\ntype AccountSectionProps = FormSectionBaseProps\r\n\r\nconst AccountSection = ({ control }: AccountSectionProps) => {\r\n    return (\r\n        <Card>\r\n            <h4>Account</h4>\r\n            <div className=\"mt-6\">\r\n                <FormItem>\r\n                    <Controller\r\n                        name=\"banAccount\"\r\n                        control={control}\r\n                        render={({ field }) => (\r\n                            <div className=\"flex items-center justify-between gap-8\">\r\n                                <div>\r\n                                    <h6>Banned</h6>\r\n                                    <p>Disable this account</p>\r\n                                </div>\r\n                                <Switcher\r\n                                    checked={field.value}\r\n                                    onChange={(checked) => {\r\n                                        field.onChange(checked)\r\n                                    }}\r\n                                />\r\n                            </div>\r\n                        )}\r\n                    />\r\n                </FormItem>\r\n                <FormItem className=\"mb-0\">\r\n                    <Controller\r\n                        name=\"accountVerified\"\r\n                        control={control}\r\n                        render={({ field }) => (\r\n                            <div className=\"flex items-center justify-between gap-8\">\r\n                                <div>\r\n                                    <h6>Account Verified</h6>\r\n                                    <p>\r\n                                        Disabling sends a verification request\r\n                                        to the customer.\r\n                                    </p>\r\n                                </div>\r\n                                <Switcher\r\n                                    checked={field.value}\r\n                                    onChange={(checked) => {\r\n                                        field.onChange(checked)\r\n                                    }}\r\n                                />\r\n                            </div>\r\n                        )}\r\n                    />\r\n                </FormItem>\r\n            </div>\r\n        </Card>\r\n    )\r\n}\r\n\r\nexport default AccountSection\r\n"],"names":[],"mappings":";;;;;;;;AAQA,MAAM,iBAAiB,CAAC,EAAE,cAAmC;AACzD,8BACK,MAAA,EACG,UAAA;AAAA,IAAA,oBAAC,QAAG,UAAA,UAAA,CAAO;AAAA,IACX,qBAAC,OAAA,EAAI,WAAU,QACX,UAAA;AAAA,MAAA,oBAAC,UAAA,EACG,UAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,MAAK;AAAA,UACL;AAAA,UACA,QAAQ,CAAC,EAAE,YACP,qBAAC,OAAA,EAAI,WAAU,2CACX,UAAA;AAAA,YAAA,qBAAC,OAAA,EACG,UAAA;AAAA,cAAA,oBAAC,QAAG,UAAA,SAAA,CAAM;AAAA,cACV,oBAAC,OAAE,UAAA,uBAAA,CAAoB;AAAA,YAAA,GAC3B;AAAA,YACA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACG,SAAS,MAAM;AAAA,gBACf,UAAU,CAAC,YAAY;AACnB,wBAAM,SAAS,OAAO;AAAA,gBAC1B;AAAA,cAAA;AAAA,YAAA;AAAA,UACJ,EAAA,CACJ;AAAA,QAAA;AAAA,MAAA,GAGZ;AAAA,MACA,oBAAC,UAAA,EAAS,WAAU,QAChB,UAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,MAAK;AAAA,UACL;AAAA,UACA,QAAQ,CAAC,EAAE,YACP,qBAAC,OAAA,EAAI,WAAU,2CACX,UAAA;AAAA,YAAA,qBAAC,OAAA,EACG,UAAA;AAAA,cAAA,oBAAC,QAAG,UAAA,mBAAA,CAAgB;AAAA,cACpB,oBAAC,OAAE,UAAA,0DAAA,CAGH;AAAA,YAAA,GACJ;AAAA,YACA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACG,SAAS,MAAM;AAAA,gBACf,UAAU,CAAC,YAAY;AACnB,wBAAM,SAAS,OAAO;AAAA,gBAC1B;AAAA,cAAA;AAAA,YAAA;AAAA,UACJ,EAAA,CACJ;AAAA,QAAA;AAAA,MAAA,EAER,CACJ;AAAA,IAAA,EAAA,CACJ;AAAA,EAAA,GACJ;AAER;"}

package/dist/@ecme/views/concepts/customers/CustomerForm/AddressSection.js.map

@@ -1 +1 @@
-{"version":3,"file":"AddressSection.js","sources":["../../../../../../lib/@ecme/views/concepts/customers/CustomerForm/AddressSection.tsx"],"sourcesContent":["import Card from '@/components/ui/Card'\nimport Input from '@/components/ui/Input'\nimport Select, { Option as DefaultOption } from '@/components/ui/Select'\nimport Avatar from '@/components/ui/Avatar'\nimport { FormItem } from '@/components/ui/Form'\nimport { countryList } from '@/constants/countries.constant'\nimport { Controller } from 'react-hook-form'\nimport { components } from 'react-select'\nimport type { FormSectionBaseProps } from './types'\nimport type { ControlProps, OptionProps } from 'react-select'\n\ntype AddressSectionProps = FormSectionBaseProps\n\ntype CountryOption = {\n    label: string\n    dialCode: string\n    value: string\n}\n\nconst { Control } = components\n\nconst CustomSelectOption = (props: OptionProps<CountryOption>) => {\n    return (\n        <DefaultOption<CountryOption>\n            {...props}\n            customLabel={(data, label) => (\n                <span className=\"flex items-center gap-2\">\n                    <Avatar\n                        shape=\"circle\"\n                        size={20}\n                        src={`/img/countries/${data.value}.png`}\n                    />\n                    <span>{label}</span>\n                </span>\n            )}\n        />\n    )\n}\n\nconst CustomControl = ({ children, ...props }: ControlProps<CountryOption>) => {\n    const selected = props.getValue()[0]\n    return (\n        <Control {...props}>\n            {selected && (\n                <Avatar\n                    className=\"ltr:ml-4 rtl:mr-4\"\n                    shape=\"circle\"\n                    size={20}\n                    src={`/img/countries/${selected.value}.png`}\n                />\n            )}\n            {children}\n        </Control>\n    )\n}\n\nconst AddressSection = ({ control, errors }: AddressSectionProps) => {\n    return (\n        <Card>\n            <h4 className=\"mb-6\">Address Information</h4>\n            <FormItem\n                label=\"Country\"\n                invalid={Boolean(errors.country)}\n                errorMessage={errors.country?.message}\n            >\n                <Controller\n                    name=\"country\"\n                    control={control}\n                    render={({ field }) => (\n                        <Select<CountryOption>\n                            options={countryList}\n                            {...field}\n                            components={{\n                                Option: CustomSelectOption,\n                                Control: CustomControl,\n                            }}\n                            placeholder=\"\"\n                            value={countryList.filter(\n                                (option) => option.value === field.value,\n                            )}\n                            onChange={(option) => field.onChange(option?.value)}\n                        />\n                    )}\n                />\n            </FormItem>\n            <FormItem\n                label=\"Address\"\n                invalid={Boolean(errors.address)}\n                errorMessage={errors.address?.message}\n            >\n                <Controller\n                    name=\"address\"\n                    control={control}\n                    render={({ field }) => (\n                        <Input\n                            type=\"text\"\n                            autoComplete=\"off\"\n                            placeholder=\"Address\"\n                            {...field}\n                        />\n                    )}\n                />\n            </FormItem>\n            <div className=\"grid grid-cols-1 md:grid-cols-2 gap-4\">\n                <FormItem\n                    label=\"City\"\n                    invalid={Boolean(errors.city)}\n                    errorMessage={errors.city?.message}\n                >\n                    <Controller\n                        name=\"city\"\n                        control={control}\n                        render={({ field }) => (\n                            <Input\n                                type=\"text\"\n                                autoComplete=\"off\"\n                                placeholder=\"City\"\n                                {...field}\n                            />\n                        )}\n                    />\n                </FormItem>\n                <FormItem\n                    label=\"Postal Code\"\n                    invalid={Boolean(errors.postcode)}\n                    errorMessage={errors.postcode?.message}\n                >\n                    <Controller\n                        name=\"postcode\"\n                        control={control}\n                        render={({ field }) => (\n                            <Input\n                                type=\"text\"\n                                autoComplete=\"off\"\n                                placeholder=\"Postal Code\"\n                                {...field}\n                            />\n                        )}\n                    />\n                </FormItem>\n            </div>\n        </Card>\n    )\n}\n\nexport default AddressSection\n"],"names":["DefaultOption"],"mappings":"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"}
+{"version":3,"file":"AddressSection.js","sources":["../../../../../../lib/@ecme/views/concepts/customers/CustomerForm/AddressSection.tsx"],"sourcesContent":["import Card from '@/components/ui/Card'\r\nimport Input from '@/components/ui/Input'\r\nimport Select, { Option as DefaultOption } from '@/components/ui/Select'\r\nimport Avatar from '@/components/ui/Avatar'\r\nimport { FormItem } from '@/components/ui/Form'\r\nimport { countryList } from '@/constants/countries.constant'\r\nimport { Controller } from 'react-hook-form'\r\nimport { components } from 'react-select'\r\nimport type { FormSectionBaseProps } from './types'\r\nimport type { ControlProps, OptionProps } from 'react-select'\r\n\r\ntype AddressSectionProps = FormSectionBaseProps\r\n\r\ntype CountryOption = {\r\n    label: string\r\n    dialCode: string\r\n    value: string\r\n}\r\n\r\nconst { Control } = components\r\n\r\nconst CustomSelectOption = (props: OptionProps<CountryOption>) => {\r\n    return (\r\n        <DefaultOption<CountryOption>\r\n            {...props}\r\n            customLabel={(data, label) => (\r\n                <span className=\"flex items-center gap-2\">\r\n                    <Avatar\r\n                        shape=\"circle\"\r\n                        size={20}\r\n                        src={`/img/countries/${data.value}.png`}\r\n                    />\r\n                    <span>{label}</span>\r\n                </span>\r\n            )}\r\n        />\r\n    )\r\n}\r\n\r\nconst CustomControl = ({ children, ...props }: ControlProps<CountryOption>) => {\r\n    const selected = props.getValue()[0]\r\n    return (\r\n        <Control {...props}>\r\n            {selected && (\r\n                <Avatar\r\n                    className=\"ltr:ml-4 rtl:mr-4\"\r\n                    shape=\"circle\"\r\n                    size={20}\r\n                    src={`/img/countries/${selected.value}.png`}\r\n                />\r\n            )}\r\n            {children}\r\n        </Control>\r\n    )\r\n}\r\n\r\nconst AddressSection = ({ control, errors }: AddressSectionProps) => {\r\n    return (\r\n        <Card>\r\n            <h4 className=\"mb-6\">Address Information</h4>\r\n            <FormItem\r\n                label=\"Country\"\r\n                invalid={Boolean(errors.country)}\r\n                errorMessage={errors.country?.message}\r\n            >\r\n                <Controller\r\n                    name=\"country\"\r\n                    control={control}\r\n                    render={({ field }) => (\r\n                        <Select<CountryOption>\r\n                            options={countryList}\r\n                            {...field}\r\n                            components={{\r\n                                Option: CustomSelectOption,\r\n                                Control: CustomControl,\r\n                            }}\r\n                            placeholder=\"\"\r\n                            value={countryList.filter(\r\n                                (option) => option.value === field.value,\r\n                            )}\r\n                            onChange={(option) => field.onChange(option?.value)}\r\n                        />\r\n                    )}\r\n                />\r\n            </FormItem>\r\n            <FormItem\r\n                label=\"Address\"\r\n                invalid={Boolean(errors.address)}\r\n                errorMessage={errors.address?.message}\r\n            >\r\n                <Controller\r\n                    name=\"address\"\r\n                    control={control}\r\n                    render={({ field }) => (\r\n                        <Input\r\n                            type=\"text\"\r\n                            autoComplete=\"off\"\r\n                            placeholder=\"Address\"\r\n                            {...field}\r\n                        />\r\n                    )}\r\n                />\r\n            </FormItem>\r\n            <div className=\"grid grid-cols-1 md:grid-cols-2 gap-4\">\r\n                <FormItem\r\n                    label=\"City\"\r\n                    invalid={Boolean(errors.city)}\r\n                    errorMessage={errors.city?.message}\r\n                >\r\n                    <Controller\r\n                        name=\"city\"\r\n                        control={control}\r\n                        render={({ field }) => (\r\n                            <Input\r\n                                type=\"text\"\r\n                                autoComplete=\"off\"\r\n                                placeholder=\"City\"\r\n                                {...field}\r\n                            />\r\n                        )}\r\n                    />\r\n                </FormItem>\r\n                <FormItem\r\n                    label=\"Postal Code\"\r\n                    invalid={Boolean(errors.postcode)}\r\n                    errorMessage={errors.postcode?.message}\r\n                >\r\n                    <Controller\r\n                        name=\"postcode\"\r\n                        control={control}\r\n                        render={({ field }) => (\r\n                            <Input\r\n                                type=\"text\"\r\n                                autoComplete=\"off\"\r\n                                placeholder=\"Postal Code\"\r\n                                {...field}\r\n                            />\r\n                        )}\r\n                    />\r\n                </FormItem>\r\n            </div>\r\n        </Card>\r\n    )\r\n}\r\n\r\nexport default AddressSection\r\n"],"names":["DefaultOption"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"CustomerForm.js","sources":["../../../../../../lib/@ecme/views/concepts/customers/CustomerForm/CustomerForm.tsx"],"sourcesContent":["import { useEffect } from 'react'\nimport { Form } from '@/components/ui/Form'\nimport Container from '@/components/shared/Container'\nimport BottomStickyBar from '@/components/template/BottomStickyBar'\nimport OverviewSection from './OverviewSection'\nimport AddressSection from './AddressSection'\nimport TagsSection from './TagsSection'\nimport ProfileImageSection from './ProfileImageSection'\nimport AccountSection from './AccountSection'\nimport isEmpty from 'lodash/isEmpty'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport { useForm } from 'react-hook-form'\nimport { z } from 'zod'\nimport type { ZodType } from 'zod'\nimport type { CommonProps } from '@/@types/common'\nimport type { CustomerFormSchema } from './types'\n\ntype CustomerFormProps = {\n    onFormSubmit: (values: CustomerFormSchema) => void\n    defaultValues?: CustomerFormSchema\n    newCustomer?: boolean\n} & CommonProps\n\nconst validationSchema: ZodType<CustomerFormSchema> = z.object({\n    firstName: z.string().min(1, { message: 'First name required' }),\n    lastName: z.string().min(1, { message: 'Last name required' }),\n    email: z\n        .string()\n        .min(1, { message: 'Email required' })\n        .email({ message: 'Invalid email' }),\n    dialCode: z.string().min(1, { message: 'Please select your country code' }),\n    phoneNumber: z\n        .string()\n        .min(1, { message: 'Please input your mobile number' }),\n    country: z.string().min(1, { message: 'Please select a country' }),\n    address: z.string().min(1, { message: 'Addrress required' }),\n    postcode: z.string().min(1, { message: 'Postcode required' }),\n    city: z.string().min(1, { message: 'City required' }),\n    img: z.string(),\n    tags: z.array(z.object({ value: z.string(), label: z.string() })),\n})\n\nconst CustomerForm = (props: CustomerFormProps) => {\n    const {\n        onFormSubmit,\n        defaultValues = {},\n        newCustomer = false,\n        children,\n    } = props\n\n    const {\n        handleSubmit,\n        reset,\n        formState: { errors },\n        control,\n    } = useForm<CustomerFormSchema>({\n        defaultValues: {\n            ...{\n                banAccount: false,\n                accountVerified: true,\n            },\n            ...defaultValues,\n        },\n        resolver: zodResolver(validationSchema),\n    })\n\n    useEffect(() => {\n        if (!isEmpty(defaultValues)) {\n            reset(defaultValues)\n        }\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [JSON.stringify(defaultValues)])\n\n    const onSubmit = (values: CustomerFormSchema) => {\n        onFormSubmit?.(values)\n    }\n\n    return (\n        <Form\n            className=\"flex w-full h-full\"\n            containerClassName=\"flex flex-col w-full justify-between\"\n            onSubmit={handleSubmit(onSubmit)}\n        >\n            <Container>\n                <div className=\"flex flex-col md:flex-row gap-4\">\n                    <div className=\"gap-4 flex flex-col flex-auto\">\n                        <OverviewSection control={control} errors={errors} />\n                        <AddressSection control={control} errors={errors} />\n                    </div>\n                    <div className=\"md:w-[370px] gap-4 flex flex-col\">\n                        <ProfileImageSection\n                            control={control}\n                            errors={errors}\n                        />\n                        <TagsSection control={control} errors={errors} />\n                        {!newCustomer && (\n                            <AccountSection control={control} errors={errors} />\n                        )}\n                    </div>\n                </div>\n            </Container>\n            <BottomStickyBar>{children}</BottomStickyBar>\n        </Form>\n    )\n}\n\nexport default CustomerForm\n"],"names":["ProfileImageSection"],"mappings":";;;;;;;;;;;;;;;AAuBA,MAAM,mBAAgD,EAAE,OAAO;AAAA,EAC3D,WAAW,EAAE,SAAS,IAAI,GAAG,EAAE,SAAS,uBAAuB;AAAA,EAC/D,UAAU,EAAE,SAAS,IAAI,GAAG,EAAE,SAAS,sBAAsB;AAAA,EAC7D,OAAO,EACF,SACA,IAAI,GAAG,EAAE,SAAS,iBAAA,CAAkB,EACpC,MAAM,EAAE,SAAS,iBAAiB;AAAA,EACvC,UAAU,EAAE,SAAS,IAAI,GAAG,EAAE,SAAS,mCAAmC;AAAA,EAC1E,aAAa,EACR,SACA,IAAI,GAAG,EAAE,SAAS,mCAAmC;AAAA,EAC1D,SAAS,EAAE,SAAS,IAAI,GAAG,EAAE,SAAS,2BAA2B;AAAA,EACjE,SAAS,EAAE,SAAS,IAAI,GAAG,EAAE,SAAS,qBAAqB;AAAA,EAC3D,UAAU,EAAE,SAAS,IAAI,GAAG,EAAE,SAAS,qBAAqB;AAAA,EAC5D,MAAM,EAAE,SAAS,IAAI,GAAG,EAAE,SAAS,iBAAiB;AAAA,EACpD,KAAK,EAAE,OAAA;AAAA,EACP,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,OAAA,GAAU,OAAO,EAAE,OAAA,EAAO,CAAG,CAAC;AACpE,CAAC;AAED,MAAM,eAAe,CAAC,UAA6B;AAC/C,QAAM;AAAA,IACF;AAAA,IACA,gBAAgB,CAAA;AAAA,IAChB,cAAc;AAAA,IACd;AAAA,EAAA,IACA;AAEJ,QAAM;AAAA,IACF;AAAA,IACA;AAAA,IACA,WAAW,EAAE,OAAA;AAAA,IACb;AAAA,EAAA,IACA,QAA4B;AAAA,IAC5B,eAAe;AAAA,MACX,GAAG;AAAA,QACC,YAAY;AAAA,QACZ,iBAAiB;AAAA,MAAA;AAAA,MAErB,GAAG;AAAA,IAAA;AAAA,IAEP,UAAU,YAAY,gBAAgB;AAAA,EAAA,CACzC;AAED,YAAU,MAAM;AACZ,QAAI,CAAC,QAAQ,aAAa,GAAG;AACzB,YAAM,aAAa;AAAA,IACvB;AAAA,EAEJ,GAAG,CAAC,KAAK,UAAU,aAAa,CAAC,CAAC;AAElC,QAAM,WAAW,CAAC,WAA+B;AAC7C,mBAAe,MAAM;AAAA,EACzB;AAEA,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAU;AAAA,MACV,oBAAmB;AAAA,MACnB,UAAU,aAAa,QAAQ;AAAA,MAE/B,UAAA;AAAA,QAAA,oBAAC,WAAA,EACG,UAAA,qBAAC,OAAA,EAAI,WAAU,mCACX,UAAA;AAAA,UAAA,qBAAC,OAAA,EAAI,WAAU,iCACX,UAAA;AAAA,YAAA,oBAAC,iBAAA,EAAgB,SAAkB,OAAA,CAAgB;AAAA,YACnD,oBAAC,gBAAA,EAAe,SAAkB,OAAA,CAAgB;AAAA,UAAA,GACtD;AAAA,UACA,qBAAC,OAAA,EAAI,WAAU,oCACX,UAAA;AAAA,YAAA;AAAA,cAACA;AAAAA,cAAA;AAAA,gBACG;AAAA,gBACA;AAAA,cAAA;AAAA,YAAA;AAAA,YAEJ,oBAAC,aAAA,EAAY,SAAkB,OAAA,CAAgB;AAAA,YAC9C,CAAC,eACE,oBAAC,gBAAA,EAAe,SAAkB,OAAA,CAAgB;AAAA,UAAA,EAAA,CAE1D;AAAA,QAAA,EAAA,CACJ,EAAA,CACJ;AAAA,QACA,oBAAC,mBAAiB,SAAA,CAAS;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGvC;"}
+{"version":3,"file":"CustomerForm.js","sources":["../../../../../../lib/@ecme/views/concepts/customers/CustomerForm/CustomerForm.tsx"],"sourcesContent":["import { useEffect } from 'react'\r\nimport { Form } from '@/components/ui/Form'\r\nimport Container from '@/components/shared/Container'\r\nimport BottomStickyBar from '@/components/template/BottomStickyBar'\r\nimport OverviewSection from './OverviewSection'\r\nimport AddressSection from './AddressSection'\r\nimport TagsSection from './TagsSection'\r\nimport ProfileImageSection from './ProfileImageSection'\r\nimport AccountSection from './AccountSection'\r\nimport isEmpty from 'lodash/isEmpty'\r\nimport { zodResolver } from '@hookform/resolvers/zod'\r\nimport { useForm } from 'react-hook-form'\r\nimport { z } from 'zod'\r\nimport type { ZodType } from 'zod'\r\nimport type { CommonProps } from '@/@types/common'\r\nimport type { CustomerFormSchema } from './types'\r\n\r\ntype CustomerFormProps = {\r\n    onFormSubmit: (values: CustomerFormSchema) => void\r\n    defaultValues?: CustomerFormSchema\r\n    newCustomer?: boolean\r\n} & CommonProps\r\n\r\nconst validationSchema: ZodType<CustomerFormSchema> = z.object({\r\n    firstName: z.string().min(1, { message: 'First name required' }),\r\n    lastName: z.string().min(1, { message: 'Last name required' }),\r\n    email: z\r\n        .string()\r\n        .min(1, { message: 'Email required' })\r\n        .email({ message: 'Invalid email' }),\r\n    dialCode: z.string().min(1, { message: 'Please select your country code' }),\r\n    phoneNumber: z\r\n        .string()\r\n        .min(1, { message: 'Please input your mobile number' }),\r\n    country: z.string().min(1, { message: 'Please select a country' }),\r\n    address: z.string().min(1, { message: 'Addrress required' }),\r\n    postcode: z.string().min(1, { message: 'Postcode required' }),\r\n    city: z.string().min(1, { message: 'City required' }),\r\n    img: z.string(),\r\n    tags: z.array(z.object({ value: z.string(), label: z.string() })),\r\n})\r\n\r\nconst CustomerForm = (props: CustomerFormProps) => {\r\n    const {\r\n        onFormSubmit,\r\n        defaultValues = {},\r\n        newCustomer = false,\r\n        children,\r\n    } = props\r\n\r\n    const {\r\n        handleSubmit,\r\n        reset,\r\n        formState: { errors },\r\n        control,\r\n    } = useForm<CustomerFormSchema>({\r\n        defaultValues: {\r\n            ...{\r\n                banAccount: false,\r\n                accountVerified: true,\r\n            },\r\n            ...defaultValues,\r\n        },\r\n        resolver: zodResolver(validationSchema),\r\n    })\r\n\r\n    useEffect(() => {\r\n        if (!isEmpty(defaultValues)) {\r\n            reset(defaultValues)\r\n        }\r\n        // eslint-disable-next-line react-hooks/exhaustive-deps\r\n    }, [JSON.stringify(defaultValues)])\r\n\r\n    const onSubmit = (values: CustomerFormSchema) => {\r\n        onFormSubmit?.(values)\r\n    }\r\n\r\n    return (\r\n        <Form\r\n            className=\"flex w-full h-full\"\r\n            containerClassName=\"flex flex-col w-full justify-between\"\r\n            onSubmit={handleSubmit(onSubmit)}\r\n        >\r\n            <Container>\r\n                <div className=\"flex flex-col md:flex-row gap-4\">\r\n                    <div className=\"gap-4 flex flex-col flex-auto\">\r\n                        <OverviewSection control={control} errors={errors} />\r\n                        <AddressSection control={control} errors={errors} />\r\n                    </div>\r\n                    <div className=\"md:w-[370px] gap-4 flex flex-col\">\r\n                        <ProfileImageSection\r\n                            control={control}\r\n                            errors={errors}\r\n                        />\r\n                        <TagsSection control={control} errors={errors} />\r\n                        {!newCustomer && (\r\n                            <AccountSection control={control} errors={errors} />\r\n                        )}\r\n                    </div>\r\n                </div>\r\n            </Container>\r\n            <BottomStickyBar>{children}</BottomStickyBar>\r\n        </Form>\r\n    )\r\n}\r\n\r\nexport default CustomerForm\r\n"],"names":["ProfileImageSection"],"mappings":";;;;;;;;;;;;;;;AAuBA,MAAM,mBAAgD,EAAE,OAAO;AAAA,EAC3D,WAAW,EAAE,SAAS,IAAI,GAAG,EAAE,SAAS,uBAAuB;AAAA,EAC/D,UAAU,EAAE,SAAS,IAAI,GAAG,EAAE,SAAS,sBAAsB;AAAA,EAC7D,OAAO,EACF,SACA,IAAI,GAAG,EAAE,SAAS,iBAAA,CAAkB,EACpC,MAAM,EAAE,SAAS,iBAAiB;AAAA,EACvC,UAAU,EAAE,SAAS,IAAI,GAAG,EAAE,SAAS,mCAAmC;AAAA,EAC1E,aAAa,EACR,SACA,IAAI,GAAG,EAAE,SAAS,mCAAmC;AAAA,EAC1D,SAAS,EAAE,SAAS,IAAI,GAAG,EAAE,SAAS,2BAA2B;AAAA,EACjE,SAAS,EAAE,SAAS,IAAI,GAAG,EAAE,SAAS,qBAAqB;AAAA,EAC3D,UAAU,EAAE,SAAS,IAAI,GAAG,EAAE,SAAS,qBAAqB;AAAA,EAC5D,MAAM,EAAE,SAAS,IAAI,GAAG,EAAE,SAAS,iBAAiB;AAAA,EACpD,KAAK,EAAE,OAAA;AAAA,EACP,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,OAAA,GAAU,OAAO,EAAE,OAAA,EAAO,CAAG,CAAC;AACpE,CAAC;AAED,MAAM,eAAe,CAAC,UAA6B;AAC/C,QAAM;AAAA,IACF;AAAA,IACA,gBAAgB,CAAA;AAAA,IAChB,cAAc;AAAA,IACd;AAAA,EAAA,IACA;AAEJ,QAAM;AAAA,IACF;AAAA,IACA;AAAA,IACA,WAAW,EAAE,OAAA;AAAA,IACb;AAAA,EAAA,IACA,QAA4B;AAAA,IAC5B,eAAe;AAAA,MACX,GAAG;AAAA,QACC,YAAY;AAAA,QACZ,iBAAiB;AAAA,MAAA;AAAA,MAErB,GAAG;AAAA,IAAA;AAAA,IAEP,UAAU,YAAY,gBAAgB;AAAA,EAAA,CACzC;AAED,YAAU,MAAM;AACZ,QAAI,CAAC,QAAQ,aAAa,GAAG;AACzB,YAAM,aAAa;AAAA,IACvB;AAAA,EAEJ,GAAG,CAAC,KAAK,UAAU,aAAa,CAAC,CAAC;AAElC,QAAM,WAAW,CAAC,WAA+B;AAC7C,mBAAe,MAAM;AAAA,EACzB;AAEA,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAU;AAAA,MACV,oBAAmB;AAAA,MACnB,UAAU,aAAa,QAAQ;AAAA,MAE/B,UAAA;AAAA,QAAA,oBAAC,WAAA,EACG,UAAA,qBAAC,OAAA,EAAI,WAAU,mCACX,UAAA;AAAA,UAAA,qBAAC,OAAA,EAAI,WAAU,iCACX,UAAA;AAAA,YAAA,oBAAC,iBAAA,EAAgB,SAAkB,OAAA,CAAgB;AAAA,YACnD,oBAAC,gBAAA,EAAe,SAAkB,OAAA,CAAgB;AAAA,UAAA,GACtD;AAAA,UACA,qBAAC,OAAA,EAAI,WAAU,oCACX,UAAA;AAAA,YAAA;AAAA,cAACA;AAAAA,cAAA;AAAA,gBACG;AAAA,gBACA;AAAA,cAAA;AAAA,YAAA;AAAA,YAEJ,oBAAC,aAAA,EAAY,SAAkB,OAAA,CAAgB;AAAA,YAC9C,CAAC,eACE,oBAAC,gBAAA,EAAe,SAAkB,OAAA,CAAgB;AAAA,UAAA,EAAA,CAE1D;AAAA,QAAA,EAAA,CACJ,EAAA,CACJ;AAAA,QACA,oBAAC,mBAAiB,SAAA,CAAS;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGvC;"}