npm - @orbe-agro/client-core - Versions diffs - 5.3.9 → 5.3.11 - Mend

@orbe-agro/client-core 5.3.9 → 5.3.11

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (859) hide show

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

	@@ -1 +1 @@
1	- {"version":3,"file":"ContactInfoDrawer.js","sources":["../../../../../../../lib/@ecme/views/concepts/chat/Chat/components/ContactInfoDrawer.tsx"],"sourcesContent":["import { useEffect, useState } from 'react'\nimport Avatar from '@/components/ui/Avatar'\nimport CloseButton from '@/components/ui/CloseButton'\nimport Drawer from '@/components/ui/Drawer'\nimport ScrollBar from '@/components/ui/ScrollBar'\nimport Tabs from '@/components/ui/Tabs'\nimport ImageGallery from '@/components/shared/ImageGallery'\nimport FileIcon from '@/components/view/FileIcon'\nimport fileSizeUnit from '@/utils/fileSizeUnit'\nimport { useChatStore } from '../store/chatStore'\nimport { apiGetContactDetails } from '@/services/ChatService'\nimport useSWRMutation from 'swr/mutation'\nimport isEmpty from 'lodash/isEmpty'\nimport dayjs from 'dayjs'\nimport {\n TbMail,\n TbPhone,\n TbClock,\n TbArrowDown,\n TbChevronRight,\n} from 'react-icons/tb'\nimport type { ReactNode } from 'react'\nimport type { GetContactDetailResponse } from '../types'\n\ntype ContactInfoFieldProps = {\n title?: string\n value?: string\n icon?: ReactNode\n}\n\nconst { TabNav, TabList, TabContent } = Tabs\n\nconst ContactInfoField = ({ title, value, icon }: ContactInfoFieldProps) => {\n return (\n <div className=\"flex items-center gap-4\">\n <div className=\"text-2xl\">{icon}</div>\n <div>\n <small className=\"font-semibold\">{title}</small>\n <p className=\"heading-text font-semibold\">{value}</p>\n </div>\n </div>\n )\n}\n\nconst ContactInfoDrawer = () => {\n const contactInfoDrawer = useChatStore((state) => state.contactInfoDrawer)\n const setContactInfoDrawer = useChatStore(\n (state) => state.setContactInfoDrawer,\n )\n\n const [imageGalleryIndex, setImageGalleryIndex] = useState(-1)\n\n const { trigger, data } = useSWRMutation(\n [`/api/chats/contact/${contactInfoDrawer.userId}`, contactInfoDrawer],\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n ([_, params]) =>\n apiGetContactDetails<GetContactDetailResponse>({\n id: params.userId,\n }),\n )\n\n const handleDrawerClose = () => {\n setContactInfoDrawer({\n userId: '',\n chatId: '',\n chatType: '',\n open: false,\n })\n }\n\n const handleDownload = () => {\n const blob = new Blob(\n [\n 'This text file is created to demonstrate how file downloading works in our template demo.',\n ],\n { type: 'text/plain;charset=utf-8' },\n )\n\n const link = document.createElement('a')\n link.href = window.URL.createObjectURL(blob)\n link.download = 'sample-dowoad-file'\n document.body.appendChild(link)\n\n link.click()\n\n document.body.removeChild(link)\n window.URL.revokeObjectURL(link.href)\n }\n\n useEffect(() => {\n if (contactInfoDrawer.userId) {\n trigger()\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [contactInfoDrawer.userId])\n\n return (\n <Drawer\n title={null}\n closable={false}\n isOpen={contactInfoDrawer.open}\n showBackdrop={false}\n width={400}\n onClose={handleDrawerClose}\n onRequestClose={handleDrawerClose}\n >\n <div className=\"flex justify-end\">\n <CloseButton onClick={handleDrawerClose} />\n </div>\n {!isEmpty(data?.userDetails) && (\n <ScrollBar className=\"h-[calc(100%-30px)]\">\n <div className=\"mt-10 flex justify-center\">\n <Avatar src={data?.userDetails.img} size={90} />\n </div>\n <div className=\"mt-4 text-center\">\n <h5 className=\"font-bold\">{data?.userDetails.name}</h5>\n <span className=\"mt-1\">\n {contactInfoDrawer.chatType === 'personal'\n ? data?.userDetails.title\n : `Groups • ${data?.userDetails?.members?.length} members`}\n </span>\n </div>\n <div className=\"flex flex-col gap-y-7 mt-8\">\n {contactInfoDrawer.chatType === 'personal' ? (\n <>\n <ContactInfoField\n title=\"Email\"\n value={data.userDetails.email}\n icon={<TbMail />}\n />\n <ContactInfoField\n title=\"Phone\"\n value={\n data.userDetails?.personalInfo\n .phoneNumber\n }\n icon={<TbPhone />}\n />\n <ContactInfoField\n title=\"Last Online\"\n value={dayjs\n .unix(\n data.userDetails\n .lastOnline as number,\n )\n .format('DD MMM YYYY hh:mm A')}\n icon={<TbClock />}\n />\n </>\n ) : (\n <>\n <div>\n <div className=\"heading-text font-semibold\">\n Members\n </div>\n {data?.userDetails?.members?.map(\n (member) => (\n <div\n key={member.id}\n className=\"rounded-xl py-4 flex items-center justify-between gap-2 group\"\n >\n <div className=\"flex items-center gap-2\">\n <Avatar src={member.img} />\n <div>\n <div className=\"font-bold heading-text\">\n {member.name}\n </div>\n <span>\n {member.email}\n </span>\n </div>\n </div>\n {member.id !== '1' && (\n <button\n type=\"button\"\n className=\"close-button button-press-feedback opacity-0 group-hover:opacity-100\"\n >\n <TbChevronRight className=\"text-xl\" />\n </button>\n )}\n </div>\n ),\n )}\n </div>\n </>\n )}\n </div>\n <div className=\"mt-8\">\n <Tabs defaultValue=\"media\">\n <TabList>\n <TabNav value=\"media\" className=\"flex-1\">\n Media\n </TabNav>\n <TabNav value=\"files\" className=\"flex-1\">\n Files\n </TabNav>\n <TabNav value=\"tab3\" className=\"flex-1\">\n Links\n </TabNav>\n </TabList>\n <div className=\"py-4\">\n <TabContent value=\"media\">\n <ImageGallery\n index={imageGalleryIndex}\n slides={\n data.media.images?.map((img) => {\n return {\n src: img.url,\n }\n }) \|\| []\n }\n onClose={() => setImageGalleryIndex(-1)}\n >\n <div className=\"grid grid-cols-3 gap-2\">\n {data.media.images?.map(\n (img, index) => (\n <div\n key={img.id}\n data-src={img.url}\n className=\"cursor-pointer\"\n role=\"button\"\n onClick={() =>\n setImageGalleryIndex(\n index,\n )\n }\n >\n <img\n className=\"rounded-xl\"\n src={img.url}\n />\n </div>\n ),\n )}\n </div>\n </ImageGallery>\n </TabContent>\n <TabContent value=\"files\">\n {data.media.files.map((file) => (\n <div\n key={file.id}\n className=\"rounded-xl py-4 flex items-center justify-between gap-2 group\"\n >\n <div className=\"flex items-center gap-2\">\n <div className=\"text-3xl\">\n <FileIcon\n type={file.fileType}\n />\n </div>\n <div>\n <div className=\"font-bold heading-text\">\n {file.name}\n </div>\n <span className=\"text-xs\">\n {fileSizeUnit(\n file.size \|\| 0,\n )}\n </span>\n </div>\n </div>\n <button\n type=\"button\"\n className=\"close-button button-press-feedback opacity-0 group-hover:opacity-100\"\n onClick={handleDownload}\n >\n <TbArrowDown className=\"text-xl\" />\n </button>\n </div>\n ))}\n </TabContent>\n <TabContent value=\"tab3\">\n {data.media.links.map((link) => (\n <a\n key={link.id}\n href={link.url}\n className=\"rounded-xl py-4 px-2 flex items-center justify-between gap-2 hover:bg-gray-100 dark:hover:bg-gray-700\"\n target='\"_blank'\n >\n <div className=\"flex items-center gap-2 min-w-0\">\n <div className=\"flex items-center\">\n <Avatar\n src={link.favicon}\n className=\"bg-transparent\"\n />\n </div>\n <div className=\"min-w-0\">\n <div className=\"font-bold heading-text truncate\">\n {link.title}\n </div>\n <div className=\"text-xs truncate\">\n {link.description}\n </div>\n </div>\n </div>\n </a>\n ))}\n </TabContent>\n </div>\n </Tabs>\n </div>\n </ScrollBar>\n )}\n </Drawer>\n )\n}\n\nexport default ContactInfoDrawer\n"],"names":["TabNav","TabList","TabContent","Tabs","ContactInfoField","title","value","icon","jsxs","jsx","ContactInfoDrawer","contactInfoDrawer","useChatStore","state","setContactInfoDrawer","imageGalleryIndex","setImageGalleryIndex","useState","trigger","data","useSWRMutation","_","params","apiGetContactDetails","handleDrawerClose","handleDownload","blob","link","useEffect","Drawer","CloseButton","isEmpty","ScrollBar","Avatar","_b","_a","Fragment","TbMail","_c","TbPhone","dayjs","TbClock","_e","_d","member","TbChevronRight","ImageGallery","_f","img","_g","index","file","FileIcon","fileSizeUnit","TbArrowDown"],"mappings":"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"}
1	+ {"version":3,"file":"ContactInfoDrawer.js","sources":["../../../../../../../lib/@ecme/views/concepts/chat/Chat/components/ContactInfoDrawer.tsx"],"sourcesContent":["import { useEffect, useState } from 'react'\nimport Avatar from '@/components/ui/Avatar'\nimport CloseButton from '@/components/ui/CloseButton'\nimport Drawer from '@/components/ui/Drawer'\nimport ScrollBar from '@/components/ui/ScrollBar'\nimport Tabs from '@/components/ui/Tabs'\nimport ImageGallery from '@/components/shared/ImageGallery'\nimport FileIcon from '@/components/view/FileIcon'\nimport fileSizeUnit from '@/utils/fileSizeUnit'\nimport { useChatStore } from '../store/chatStore'\nimport { apiGetContactDetails } from '@/services/ChatService'\nimport useSWRMutation from 'swr/mutation'\nimport isEmpty from 'lodash/isEmpty'\nimport dayjs from 'dayjs'\nimport {\n TbMail,\n TbPhone,\n TbClock,\n TbArrowDown,\n TbChevronRight,\n} from 'react-icons/tb'\nimport type { ReactNode } from 'react'\nimport type { GetContactDetailResponse } from '../types'\n\ntype ContactInfoFieldProps = {\n title?: string\n value?: string\n icon?: ReactNode\n}\n\nconst { TabNav, TabList, TabContent } = Tabs\n\nconst ContactInfoField = ({ title, value, icon }: ContactInfoFieldProps) => {\n return (\n <div className=\"flex items-center gap-4\">\n <div className=\"text-2xl\">{icon}</div>\n <div>\n <small className=\"font-semibold\">{title}</small>\n <p className=\"heading-text font-semibold\">{value}</p>\n </div>\n </div>\n )\n}\n\nconst ContactInfoDrawer = () => {\n const contactInfoDrawer = useChatStore((state) => state.contactInfoDrawer)\n const setContactInfoDrawer = useChatStore(\n (state) => state.setContactInfoDrawer,\n )\n\n const [imageGalleryIndex, setImageGalleryIndex] = useState(-1)\n\n const { trigger, data } = useSWRMutation(\n [`/api/chats/contact/${contactInfoDrawer.userId}`, contactInfoDrawer],\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n ([_, params]) =>\n apiGetContactDetails<GetContactDetailResponse>({\n id: params.userId,\n }),\n )\n\n const handleDrawerClose = () => {\n setContactInfoDrawer({\n userId: '',\n chatId: '',\n chatType: '',\n open: false,\n })\n }\n\n const handleDownload = () => {\n const blob = new Blob(\n [\n 'This text file is created to demonstrate how file downloading works in our template demo.',\n ],\n { type: 'text/plain;charset=utf-8' },\n )\n\n const link = document.createElement('a')\n link.href = window.URL.createObjectURL(blob)\n link.download = 'sample-dowoad-file'\n document.body.appendChild(link)\n\n link.click()\n\n document.body.removeChild(link)\n window.URL.revokeObjectURL(link.href)\n }\n\n useEffect(() => {\n if (contactInfoDrawer.userId) {\n trigger()\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [contactInfoDrawer.userId])\n\n return (\n <Drawer\n title={null}\n closable={false}\n isOpen={contactInfoDrawer.open}\n showBackdrop={false}\n width={400}\n onClose={handleDrawerClose}\n onRequestClose={handleDrawerClose}\n >\n <div className=\"flex justify-end\">\n <CloseButton onClick={handleDrawerClose} />\n </div>\n {!isEmpty(data?.userDetails) && (\n <ScrollBar className=\"h-[calc(100%-30px)]\">\n <div className=\"mt-10 flex justify-center\">\n <Avatar src={data?.userDetails.img} size={90} />\n </div>\n <div className=\"mt-4 text-center\">\n <h5 className=\"font-bold\">{data?.userDetails.name}</h5>\n <span className=\"mt-1\">\n {contactInfoDrawer.chatType === 'personal'\n ? data?.userDetails.title\n : `Groups • ${data?.userDetails?.members?.length} members`}\n </span>\n </div>\n <div className=\"flex flex-col gap-y-7 mt-8\">\n {contactInfoDrawer.chatType === 'personal' ? (\n <>\n <ContactInfoField\n title=\"Email\"\n value={data.userDetails.email}\n icon={<TbMail />}\n />\n <ContactInfoField\n title=\"Phone\"\n value={\n data.userDetails?.personalInfo\n .phoneNumber\n }\n icon={<TbPhone />}\n />\n <ContactInfoField\n title=\"Last Online\"\n value={dayjs\n .unix(\n data.userDetails\n .lastOnline as number,\n )\n .format('DD MMM YYYY hh:mm A')}\n icon={<TbClock />}\n />\n </>\n ) : (\n <>\n <div>\n <div className=\"heading-text font-semibold\">\n Members\n </div>\n {data?.userDetails?.members?.map(\n (member) => (\n <div\n key={member.id}\n className=\"rounded-xl py-4 flex items-center justify-between gap-2 group\"\n >\n <div className=\"flex items-center gap-2\">\n <Avatar src={member.img} />\n <div>\n <div className=\"font-bold heading-text\">\n {member.name}\n </div>\n <span>\n {member.email}\n </span>\n </div>\n </div>\n {member.id !== '1' && (\n <button\n type=\"button\"\n className=\"close-button button-press-feedback opacity-0 group-hover:opacity-100\"\n >\n <TbChevronRight className=\"text-xl\" />\n </button>\n )}\n </div>\n ),\n )}\n </div>\n </>\n )}\n </div>\n <div className=\"mt-8\">\n <Tabs defaultValue=\"media\">\n <TabList>\n <TabNav value=\"media\" className=\"flex-1\">\n Media\n </TabNav>\n <TabNav value=\"files\" className=\"flex-1\">\n Files\n </TabNav>\n <TabNav value=\"tab3\" className=\"flex-1\">\n Links\n </TabNav>\n </TabList>\n <div className=\"py-4\">\n <TabContent value=\"media\">\n <ImageGallery\n index={imageGalleryIndex}\n slides={\n data.media.images?.map((img) => {\n return {\n src: img.url,\n }\n }) \|\| []\n }\n onClose={() => setImageGalleryIndex(-1)}\n >\n <div className=\"grid grid-cols-3 gap-2\">\n {data.media.images?.map(\n (img, index) => (\n <div\n key={img.id}\n data-src={img.url}\n className=\"cursor-pointer\"\n role=\"button\"\n onClick={() =>\n setImageGalleryIndex(\n index,\n )\n }\n >\n <img\n className=\"rounded-xl\"\n src={img.url}\n />\n </div>\n ),\n )}\n </div>\n </ImageGallery>\n </TabContent>\n <TabContent value=\"files\">\n {data.media.files.map((file) => (\n <div\n key={file.id}\n className=\"rounded-xl py-4 flex items-center justify-between gap-2 group\"\n >\n <div className=\"flex items-center gap-2\">\n <div className=\"text-3xl\">\n <FileIcon\n type={file.fileType}\n />\n </div>\n <div>\n <div className=\"font-bold heading-text\">\n {file.name}\n </div>\n <span className=\"text-xs\">\n {fileSizeUnit(\n file.size \|\| 0,\n )}\n </span>\n </div>\n </div>\n <button\n type=\"button\"\n className=\"close-button button-press-feedback opacity-0 group-hover:opacity-100\"\n onClick={handleDownload}\n >\n <TbArrowDown className=\"text-xl\" />\n </button>\n </div>\n ))}\n </TabContent>\n <TabContent value=\"tab3\">\n {data.media.links.map((link) => (\n <a\n key={link.id}\n href={link.url}\n className=\"rounded-xl py-4 px-2 flex items-center justify-between gap-2 hover:bg-gray-100 dark:hover:bg-gray-700\"\n target='\"_blank'\n >\n <div className=\"flex items-center gap-2 min-w-0\">\n <div className=\"flex items-center\">\n <Avatar\n src={link.favicon}\n className=\"bg-transparent\"\n />\n </div>\n <div className=\"min-w-0\">\n <div className=\"font-bold heading-text truncate\">\n {link.title}\n </div>\n <div className=\"text-xs truncate\">\n {link.description}\n </div>\n </div>\n </div>\n </a>\n ))}\n </TabContent>\n </div>\n </Tabs>\n </div>\n </ScrollBar>\n )}\n </Drawer>\n )\n}\n\nexport default ContactInfoDrawer\n"],"names":["TabNav","TabList","TabContent","Tabs","ContactInfoField","title","value","icon","jsxs","jsx","ContactInfoDrawer","contactInfoDrawer","useChatStore","state","setContactInfoDrawer","imageGalleryIndex","setImageGalleryIndex","useState","trigger","data","useSWRMutation","_","params","apiGetContactDetails","handleDrawerClose","handleDownload","blob","link","useEffect","Drawer","CloseButton","isEmpty","ScrollBar","Avatar","_b","_a","Fragment","TbMail","_c","TbPhone","dayjs","TbClock","_e","_d","member","TbChevronRight","ImageGallery","_f","img","_g","index","file","FileIcon","fileSizeUnit","TbArrowDown"],"mappings":"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"}

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

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

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

	@@ -1 +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":["getChats","apiGetChats","useChat","setChats","useChatStore","state","setChatsFetched","fetchChats","isChatsFetching","useSWRMutation","list"],"mappings":";;;AAKA,eAAeA,IAAW;AAEtB,SADa,MAAMC,EAAA;AAEvB;AAEA,MAAMC,IAAU,MAAM;AAClB,QAAMC,IAAWC,EAAa,CAACC,MAAUA,EAAM,QAAQ,GACjDC,IAAkBF,EAAa,CAACC,MAAUA,EAAM,eAAe,GAE/D,EAAE,SAASE,GAAY,YAAYC,MAAoBC;AAAA,IACzD;AAAA,IACAT;AAAA,IACA;AAAA,MACI,WAAW,CAACU,MAAS;AACjB,QAAAP,EAASO,CAAI,GACbJ,EAAgB,EAAI;AAAA,~~MAAA~~;AAAA,~~IACxB~~;AAAA,EACJ;AAGJ,SAAO;AAAA,IACH,YAAAC;AAAA,IACA,iBAAAC;AAAA,EAAA;AAER;"}
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":["getChats","apiGetChats","useChat","setChats","useChatStore","state","setChatsFetched","fetchChats","isChatsFetching","useSWRMutation","list"],"mappings":";;;AAKA,eAAeA,IAAW;AAEtB,SADa,MAAMC,EAAA;AAEvB;AAEA,MAAMC,IAAU,MAAM;AAClB,QAAMC,IAAWC,EAAa,CAACC,MAAUA,EAAM,QAAQ,GACjDC,IAAkBF,EAAa,CAACC,MAAUA,EAAM,eAAe,GAE/D,EAAE,SAASE,GAAY,YAAYC,MAAoBC;AAAA,IACzD;AAAA,IACAT;AAAA,IACA;AAAA,MACI,WAAW,CAACU,MAAS;AACjB,QAAAP,EAASO,CAAI,GACbJ,EAAgB,EAAI;AAAA,MACxB;AAAA,IAAA;AAAA,EACJ;AAGJ,SAAO;AAAA,IACH,YAAAC;AAAA,IACA,iBAAAC;AAAA,EAAA;AAER;"}

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

	@@ -1 +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":["initialState","useChatStore","create","set","get","payload","id","muted","chat","message","previousConversationRecord","record","previousChats"],"mappings":";AA2CA,MAAMA,IAA0B;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,GAEaC,IAAeC,EAA+B,CAACC,GAAKC,OAAS;AAAA,EACtE,GAAGJ;AAAA,EACH,UAAU,CAACK,MAAYF,EAAI,OAAO,EAAE,OAAOE,IAAU;AAAA,EACrD,iBAAiB,CAACA,MAAYF,EAAI,OAAO,EAAE,cAAcE,IAAU;AAAA,EACnE,iBAAiB,CAACA,MAAYF,EAAI,OAAO,EAAE,cAAcE,IAAU;AAAA,EACnE,sBAAsB,CAACA,MACnBF,EAAI,OAAO,EAAE,mBAAmBE,IAAU;AAAA,EAC9C,aAAa,CAAC,EAAE,IAAAC,GAAI,OAAAC,EAAA,MAChBJ,EAAI,OAOO,EAAE,OANKC,EAAA,EAAM,MAAM,IAAI,CAACI,OACvBA,EAAK,OAAOF,MACZE,EAAK,QAAQD,IAEVC,EACV,EACQ,EACZ;AAAA,EACL,qBAAqB,CAACH,MAClBF,EAAI,OAAO,EAAE,kBAAkBE,IAAU;AAAA,EAC7C,aAAa,CAACC,MACVH,EAAI,OAOO,EAAE,OANKC,EAAA,EAAM,MAAM,IAAI,CAACI,OACvBA,EAAK,OAAOF,MACZE,EAAK,SAAS,IAEXA,EACV,EACQ,EACZ;AAAA,EACL,sBAAsB,CAACH,MACnBF,EAAI,OAAO,EAAE,mBAAmBE,IAAU;AAAA,EAC9C,kBAAkB,CAACA,MACfF,EAAI,OAAO,EAAE,qBAAqBE,IAAU;AAAA,EAChD,wBAAwB,CAACA,MACrBF,EAAI,OAEO;AAAA,IACH,oBAAoB;AAAA,MAChB,GAH2BC,IAAM;AAAA,MAI7BC;AAAA,IAAO;AAAA,EACf,EAEP;AAAA,EACL,yBAAyB,CAACC,GAAIG,MAC1BN,EAAI,MAAM;AACN,UAAMO,IAA6BN,IAAM;AASzC,WAAO;AAAA,MACH,oBATuB;AAAA,QACvBM;AAAA,MAAA,EACF,IAAI,CAACC,OACCL,MAAOK,EAAO,MACdA,EAAO,aAAa,KAAKF,CAAO,GAE7BE,EACV;AAAA,IAEG;AAAA,~~EACJ~~,~~CACH~~;AAAA,EACL,0BAA0B,CAACN,MACvBF,EAAI,MAAM;AACN,UAAMO,IAA6BN,IAAM,oBACnCQ,IAAgBR,IAAM;AAC5B,WAAO;AAAA,MACH,oBAAoBM,EAA2B;AAAA,QAC3C,CAACC,MAAWA,EAAO,OAAON;AAAA,MAAA;AAAA,MAE9B,OAAOO,EAAc,OAAO,CAACJ,MAASA,EAAK,OAAOH,CAAO;AAAA,IAAA;AAAA,~~EAC7D~~,~~CACH~~;AACT,EAAE;"}
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":["initialState","useChatStore","create","set","get","payload","id","muted","chat","message","previousConversationRecord","record","previousChats"],"mappings":";AA2CA,MAAMA,IAA0B;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,GAEaC,IAAeC,EAA+B,CAACC,GAAKC,OAAS;AAAA,EACtE,GAAGJ;AAAA,EACH,UAAU,CAACK,MAAYF,EAAI,OAAO,EAAE,OAAOE,IAAU;AAAA,EACrD,iBAAiB,CAACA,MAAYF,EAAI,OAAO,EAAE,cAAcE,IAAU;AAAA,EACnE,iBAAiB,CAACA,MAAYF,EAAI,OAAO,EAAE,cAAcE,IAAU;AAAA,EACnE,sBAAsB,CAACA,MACnBF,EAAI,OAAO,EAAE,mBAAmBE,IAAU;AAAA,EAC9C,aAAa,CAAC,EAAE,IAAAC,GAAI,OAAAC,EAAA,MAChBJ,EAAI,OAOO,EAAE,OANKC,EAAA,EAAM,MAAM,IAAI,CAACI,OACvBA,EAAK,OAAOF,MACZE,EAAK,QAAQD,IAEVC,EACV,EACQ,EACZ;AAAA,EACL,qBAAqB,CAACH,MAClBF,EAAI,OAAO,EAAE,kBAAkBE,IAAU;AAAA,EAC7C,aAAa,CAACC,MACVH,EAAI,OAOO,EAAE,OANKC,EAAA,EAAM,MAAM,IAAI,CAACI,OACvBA,EAAK,OAAOF,MACZE,EAAK,SAAS,IAEXA,EACV,EACQ,EACZ;AAAA,EACL,sBAAsB,CAACH,MACnBF,EAAI,OAAO,EAAE,mBAAmBE,IAAU;AAAA,EAC9C,kBAAkB,CAACA,MACfF,EAAI,OAAO,EAAE,qBAAqBE,IAAU;AAAA,EAChD,wBAAwB,CAACA,MACrBF,EAAI,OAEO;AAAA,IACH,oBAAoB;AAAA,MAChB,GAH2BC,IAAM;AAAA,MAI7BC;AAAA,IAAO;AAAA,EACf,EAEP;AAAA,EACL,yBAAyB,CAACC,GAAIG,MAC1BN,EAAI,MAAM;AACN,UAAMO,IAA6BN,IAAM;AASzC,WAAO;AAAA,MACH,oBATuB;AAAA,QACvBM;AAAA,MAAA,EACF,IAAI,CAACC,OACCL,MAAOK,EAAO,MACdA,EAAO,aAAa,KAAKF,CAAO,GAE7BE,EACV;AAAA,IAEG;AAAA,EAER,CAAC;AAAA,EACL,0BAA0B,CAACN,MACvBF,EAAI,MAAM;AACN,UAAMO,IAA6BN,IAAM,oBACnCQ,IAAgBR,IAAM;AAC5B,WAAO;AAAA,MACH,oBAAoBM,EAA2B;AAAA,QAC3C,CAACC,MAAWA,EAAO,OAAON;AAAA,MAAA;AAAA,MAE9B,OAAOO,EAAc,OAAO,CAACJ,MAASA,EAAK,OAAOH,CAAO;AAAA,IAAA;AAAA,EAEjE,CAAC;AACT,EAAE;"}

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

	@@ -1 +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't\n be undo.{' '}\n </p>\n </ConfirmDialog>\n </>\n )\n}\n\nexport default CustomerEdit\n"],"names":["CustomerEdit","navigate","useNavigate","discardConfirmationOpen","setDiscardConfirmationOpen","useState","isSubmiting","setIsSubmiting","handleFormSubmit","values","sleep","toast","jsx","Notification","handleConfirmDiscard","handleDiscard","handleCancel","jsxs","Fragment","CustomerForm","Container","Button","TbTrash","ConfirmDialog"],"mappings":";;;;;;;;;;;;;;;AAYA,MAAMA,IAAe,MAAM;AACvB,QAAMC,IAAWC,EAAA,GAEX,CAACC,GAAyBC,CAA0B,IACtDC,EAAS,EAAK,GACZ,CAACC,GAAaC,CAAc,IAAIF,EAAS,EAAK,GAE9CG,IAAmB,OAAOC,MAA+B;AAC3D,YAAQ,IAAI,oBAAoBA,CAAM,GACtCF,EAAe,EAAI,GACnB,MAAMG,EAAM,GAAG,GACfH,EAAe,EAAK,GACpBI,EAAM;AAAA,MACF,gBAAAC,EAACC,GAAA,EAAa,MAAK,WAAU,UAAA,qBAAiB;AAAA,MAC9C,EAAE,WAAW,aAAA;AAAA,IAAa,GAE9BZ,EAAS,mCAAmC;AAAA,~~EAAA~~,~~GAG1Ca~~,IAAuB,MAAM;AAC/B,IAAAV,EAA2B,EAAI,GAC/BO,EAAM;AAAA,MACF,gBAAAC,EAACC,GAAA,EAAa,MAAK,WAAU,UAAA,sBAAkB;AAAA,MAC/C,EAAE,WAAW,aAAA;AAAA,IAAa,GAE9BZ,EAAS,mCAAmC;AAAA,~~EAAA~~,~~GAG1Cc~~,IAAgB,MAAM;AACxB,IAAAX,EAA2B,EAAI;AAAA,~~EAAA~~,~~GAG7BY~~,IAAe,MAAM;AACvB,IAAAZ,EAA2B,EAAK;AAAA,~~EAAA~~;~~AAGpC~~,SACI,gBAAAa,EAAAC,GAAA,EACI,UAAA;AAAA,IAAA,gBAAAN;AAAA,MAACO;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,cAAcX;AAAA,QAEd,UAAA,gBAAAI,EAACQ,GAAA,EACG,UAAA,gBAAAH,EAAC,OAAA,EAAI,WAAU,0CACX,UAAA;AAAA,UAAA,gBAAAL,EAAC,QAAA,EAAK;AAAA,UACN,gBAAAK,EAAC,OAAA,EAAI,WAAU,qBACX,UAAA;AAAA,YAAA,gBAAAL;AAAA,cAACS;AAAA,cAAA;AAAA,gBACG,WAAU;AAAA,gBACV,MAAK;AAAA,gBACL,kBAAkB,MACd;AAAA,gBAEJ,wBAAOC,GAAA,EAAQ;AAAA,gBACf,SAASP;AAAA,gBACZ,UAAA;AAAA,cAAA;AAAA,YAAA;AAAA,YAGD,gBAAAH;AAAA,cAACS;AAAA,cAAA;AAAA,gBACG,SAAQ;AAAA,gBACR,MAAK;AAAA,gBACL,SAASf;AAAA,gBACZ,UAAA;AAAA,cAAA;AAAA,YAAA;AAAA,UAED,EAAA,CACJ;AAAA,QAAA,EAAA,CACJ,EAAA,CACJ;AAAA,MAAA;AAAA,IAAA;AAAA,IAEJ,gBAAAM;AAAA,MAACW;AAAA,MAAA;AAAA,QACG,QAAQpB;AAAA,QACR,MAAK;AAAA,QACL,OAAM;AAAA,QACN,SAASa;AAAA,QACT,gBAAgBA;AAAA,QAChB,UAAUA;AAAA,QACV,WAAWF;AAAA,QAEX,4BAAC,KAAA,EAAE,UAAA;AAAA,UAAA;AAAA,UAEU;AAAA,QAAA,EAAA,CACb;AAAA,MAAA;AAAA,IAAA;AAAA,EACJ,GACJ;AAER;"}
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't\n be undo.{' '}\n </p>\n </ConfirmDialog>\n </>\n )\n}\n\nexport default CustomerEdit\n"],"names":["CustomerEdit","navigate","useNavigate","discardConfirmationOpen","setDiscardConfirmationOpen","useState","isSubmiting","setIsSubmiting","handleFormSubmit","values","sleep","toast","jsx","Notification","handleConfirmDiscard","handleDiscard","handleCancel","jsxs","Fragment","CustomerForm","Container","Button","TbTrash","ConfirmDialog"],"mappings":";;;;;;;;;;;;;;;AAYA,MAAMA,IAAe,MAAM;AACvB,QAAMC,IAAWC,EAAA,GAEX,CAACC,GAAyBC,CAA0B,IACtDC,EAAS,EAAK,GACZ,CAACC,GAAaC,CAAc,IAAIF,EAAS,EAAK,GAE9CG,IAAmB,OAAOC,MAA+B;AAC3D,YAAQ,IAAI,oBAAoBA,CAAM,GACtCF,EAAe,EAAI,GACnB,MAAMG,EAAM,GAAG,GACfH,EAAe,EAAK,GACpBI,EAAM;AAAA,MACF,gBAAAC,EAACC,GAAA,EAAa,MAAK,WAAU,UAAA,qBAAiB;AAAA,MAC9C,EAAE,WAAW,aAAA;AAAA,IAAa,GAE9BZ,EAAS,mCAAmC;AAAA,EAChD,GAEMa,IAAuB,MAAM;AAC/B,IAAAV,EAA2B,EAAI,GAC/BO,EAAM;AAAA,MACF,gBAAAC,EAACC,GAAA,EAAa,MAAK,WAAU,UAAA,sBAAkB;AAAA,MAC/C,EAAE,WAAW,aAAA;AAAA,IAAa,GAE9BZ,EAAS,mCAAmC;AAAA,EAChD,GAEMc,IAAgB,MAAM;AACxB,IAAAX,EAA2B,EAAI;AAAA,EACnC,GAEMY,IAAe,MAAM;AACvB,IAAAZ,EAA2B,EAAK;AAAA,EACpC;AAEA,SACI,gBAAAa,EAAAC,GAAA,EACI,UAAA;AAAA,IAAA,gBAAAN;AAAA,MAACO;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,cAAcX;AAAA,QAEd,UAAA,gBAAAI,EAACQ,GAAA,EACG,UAAA,gBAAAH,EAAC,OAAA,EAAI,WAAU,0CACX,UAAA;AAAA,UAAA,gBAAAL,EAAC,QAAA,EAAK;AAAA,UACN,gBAAAK,EAAC,OAAA,EAAI,WAAU,qBACX,UAAA;AAAA,YAAA,gBAAAL;AAAA,cAACS;AAAA,cAAA;AAAA,gBACG,WAAU;AAAA,gBACV,MAAK;AAAA,gBACL,kBAAkB,MACd;AAAA,gBAEJ,wBAAOC,GAAA,EAAQ;AAAA,gBACf,SAASP;AAAA,gBACZ,UAAA;AAAA,cAAA;AAAA,YAAA;AAAA,YAGD,gBAAAH;AAAA,cAACS;AAAA,cAAA;AAAA,gBACG,SAAQ;AAAA,gBACR,MAAK;AAAA,gBACL,SAASf;AAAA,gBACZ,UAAA;AAAA,cAAA;AAAA,YAAA;AAAA,UAED,EAAA,CACJ;AAAA,QAAA,EAAA,CACJ,EAAA,CACJ;AAAA,MAAA;AAAA,IAAA;AAAA,IAEJ,gBAAAM;AAAA,MAACW;AAAA,MAAA;AAAA,QACG,QAAQpB;AAAA,QACR,MAAK;AAAA,QACL,OAAM;AAAA,QACN,SAASa;AAAA,QACT,gBAAgBA;AAAA,QAChB,UAAUA;AAAA,QACV,WAAWF;AAAA,QAEX,4BAAC,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 CHANGED Viewed

	@@ -1 +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":["TimeLineMedia","props","type","PiEyeDuotone","PiCloudCheckDuotone","PiCreditCardDuotone","PiTicketDuotone","PiPhoneOutgoingDuotone","jsx","Fragment","TimeLineContent","description","name","jsxs","ActivitySection","customerName","id","data","isLoading","useSWR","_","params","apiGetCustomerLog","fetchData","setfetchData","useState","showNoMoreData","setShowNoMoreData","handleLoadMore","sleep","Loading","log","dayjs","isEmpty","event","index","Card","Button"],"mappings":"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"}
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":["TimeLineMedia","props","type","PiEyeDuotone","PiCloudCheckDuotone","PiCreditCardDuotone","PiTicketDuotone","PiPhoneOutgoingDuotone","jsx","Fragment","TimeLineContent","description","name","jsxs","ActivitySection","customerName","id","data","isLoading","useSWR","_","params","apiGetCustomerLog","fetchData","setfetchData","useState","showNoMoreData","setShowNoMoreData","handleLoadMore","sleep","Loading","log","dayjs","isEmpty","event","index","Card","Button"],"mappings":"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"}

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

	@@ -1 +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":["Tr","Td","TBody","Table","months","statusColor","columnHelper","createColumnHelper","columns","props","row","jsx","jsxs","Badge","dayjs","NumericFormat","initialSelectedCard","BillingSection","data","selectedCard","setSelectedCard","useState","dialogOpen","setDialogOpen","table","useReactTable","getCoreRowModel","getSortedRowModel","countryName","useMemo","_a","countryList","country","handleEdit","cardHolderName","cardExpiry","handleEditClose","handleSubmit","toast","Notification","Fragment","cell","flexRender","Card","_b","_c","_d","_e","_f","_g","_h","card","index","classNames","isLastChild","Tag","Button","CreditCardDialog"],"mappings":"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"}
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":["Tr","Td","TBody","Table","months","statusColor","columnHelper","createColumnHelper","columns","props","row","jsx","jsxs","Badge","dayjs","NumericFormat","initialSelectedCard","BillingSection","data","selectedCard","setSelectedCard","useState","dialogOpen","setDialogOpen","table","useReactTable","getCoreRowModel","getSortedRowModel","countryName","useMemo","_a","countryList","country","handleEdit","cardHolderName","cardExpiry","handleEditClose","handleSubmit","toast","Notification","Fragment","cell","flexRender","Card","_b","_c","_d","_e","_f","_g","_h","card","index","classNames","isLastChild","Tag","Button","CreditCardDialog"],"mappings":"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"}

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

	@@ -1 +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":["CustomerInfoField","title","value","jsx","ProfileSection","data","navigate","useNavigate","dialogOpen","setDialogOpen","useState","handleSocialNavigate","link","handleDialogClose","handleDialogOpen","handleDelete","toast","Notification","handleSendMessage","jsxs","Card","Tooltip","HiPencil","Avatar","_a","_b","dayjs","Button","FaFacebookF","FaXTwitter","FaLinkedinIn","FaPinterestP","HiOutlineTrash","ConfirmDialog"],"mappings":"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"}
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":["CustomerInfoField","title","value","jsx","ProfileSection","data","navigate","useNavigate","dialogOpen","setDialogOpen","useState","handleSocialNavigate","link","handleDialogClose","handleDialogOpen","handleDelete","toast","Notification","handleSendMessage","jsxs","Card","Tooltip","HiPencil","Avatar","_a","_b","dayjs","Button","FaFacebookF","FaXTwitter","FaLinkedinIn","FaPinterestP","HiOutlineTrash","ConfirmDialog"],"mappings":"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"}

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

	@@ -1 +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't be undo.{' '}\n </p>\n </ConfirmDialog>\n </>\n )}\n </>\n )\n}\n\nexport default CustomerEdit\n"],"names":["CustomerEdit","id","useParams","navigate","useNavigate","data","isLoading","useSWR","_","params","apiGetCustomer","deleteConfirmationOpen","setDeleteConfirmationOpen","useState","isSubmiting","setIsSubmiting","handleFormSubmit","values","sleep","toast","jsx","Notification","getDefaultValues","firstName","lastName","email","personalInfo","img","handleConfirmDelete","handleDelete","handleCancel","handleBack","jsxs","Fragment","NoUserFound","CustomerForm","Container","Button","TbArrowNarrowLeft","TbTrash","ConfirmDialog"],"mappings":";;;;;;;;;;;;;;;;;;AAgBA,MAAMA,KAAe,MAAM;AACvB,QAAM,EAAE,IAAAC,EAAA,IAAOC,EAAA,GAETC,IAAWC,EAAA,GAEX,EAAE,MAAAC,GAAM,WAAAC,EAAA,IAAcC;AAAA,IACxB,CAAC,iBAAiBN,CAAE,IAAI,EAAE,IAAAA,GAAkB;AAAA;AAAA,IAE5C,CAAC,CAACO,GAAGC,CAAM,MAAMC,EAAyCD,CAAM;AAAA,IAChE;AAAA,MACI,mBAAmB;AAAA,MACnB,mBAAmB;AAAA,IAAA;AAAA,EACvB,GAGE,CAACE,GAAwBC,CAAyB,IAAIC,EAAS,EAAK,GACpE,CAACC,GAAaC,CAAc,IAAIF,EAAS,EAAK,GAE9CG,IAAmB,OAAOC,MAA+B;AAC3D,YAAQ,IAAI,oBAAoBA,CAAM,GACtCF,EAAe,EAAI,GACnB,MAAMG,EAAM,GAAG,GACfH,EAAe,EAAK,GACpBI,EAAM,KAAK,gBAAAC,EAACC,GAAA,EAAa,MAAK,WAAU,4BAAc,GAAiB;AAAA,MACnE,WAAW;AAAA,IAAA,CACd,GACDlB,EAAS,mCAAmC;AAAA,~~EAAA~~,~~GAG1CmB~~,IAAmB,MAAM;AAC3B,QAAIjB,GAAM;AACN,YAAM,EAAE,WAAAkB,GAAW,UAAAC,GAAU,OAAAC,GAAO,cAAAC,GAAc,KAAAC,MAAQtB;AAE1D,aAAO;AAAA,QACH,WAAAkB;AAAA,QACA,UAAAC;AAAA,QACA,OAAAC;AAAA,QACA,KAAAE;AAAA,QACA,aAAaD,EAAa;AAAA,QAC1B,UAAUA,EAAa;AAAA,QACvB,SAASA,EAAa;AAAA,QACtB,SAASA,EAAa;AAAA,QACtB,MAAMA,EAAa;AAAA,QACnB,UAAUA,EAAa;AAAA,QACvB,MAAM,CAAA;AAAA,MAAC;AAAA,~~IACX~~;~~AAGJ~~,WAAO,CAAA;AAAA,~~EAAC~~,~~GAGNE~~,IAAsB,MAAM;AAC9B,IAAAhB,EAA0B,EAAI,GAC9BO,EAAM;AAAA,MACF,gBAAAC,EAACC,GAAA,EAAa,MAAK,WAAU,UAAA,qBAAiB;AAAA,MAC9C,EAAE,WAAW,aAAA;AAAA,IAAa,GAE9BlB,EAAS,mCAAmC;AAAA,~~EAAA~~,~~GAG1C0B~~,IAAe,MAAM;AACvB,IAAAjB,EAA0B,EAAI;AAAA,~~EAAA~~,~~GAG5BkB~~,IAAe,MAAM;AACvB,IAAAlB,EAA0B,EAAK;AAAA,~~EAAA~~,~~GAG7BmB~~,IAAa,MAAM;AACrB,YAAQ,KAAA;AAAA,~~EAAK~~;~~AAGjB~~,SACI,gBAAAC,EAAAC,GAAA,EACK,UAAA;AAAA,IAAA,CAAC3B,KAAa,CAACD,KACZ,gBAAA2B,EAAC,OAAA,EAAI,WAAU,oDACX,UAAA;AAAA,MAAA,gBAAAZ,EAACc,GAAA,EAAY,QAAQ,KAAK,OAAO,KAAK;AAAA,MACtC,gBAAAd,EAAC,MAAA,EAAG,WAAU,QAAO,UAAA,iBAAA,CAAc;AAAA,IAAA,GACvC;AAAA,IAEH,CAACd,KAAaD,KACX,gBAAA2B,EAAAC,GAAA,EACI,UAAA;AAAA,MAAA,gBAAAb;AAAA,QAACe;AAAA,QAAA;AAAA,UACG,eAAeb,EAAA;AAAA,UACf,aAAa;AAAA,UACb,cAAcN;AAAA,UAEd,UAAA,gBAAAI,EAACgB,GAAA,EACG,UAAA,gBAAAJ,EAAC,OAAA,EAAI,WAAU,0CACX,UAAA;AAAA,YAAA,gBAAAZ;AAAA,cAACiB;AAAA,cAAA;AAAA,gBACG,WAAU;AAAA,gBACV,MAAK;AAAA,gBACL,SAAQ;AAAA,gBACR,wBAAOC,GAAA,EAAkB;AAAA,gBACzB,SAASP;AAAA,gBACZ,UAAA;AAAA,cAAA;AAAA,YAAA;AAAA,YAGD,gBAAAC,EAAC,OAAA,EAAI,WAAU,qBACX,UAAA;AAAA,cAAA,gBAAAZ;AAAA,gBAACiB;AAAA,gBAAA;AAAA,kBACG,WAAU;AAAA,kBACV,MAAK;AAAA,kBACL,kBAAkB,MACd;AAAA,kBAEJ,wBAAOE,GAAA,EAAQ;AAAA,kBACf,SAASV;AAAA,kBACZ,UAAA;AAAA,gBAAA;AAAA,cAAA;AAAA,cAGD,gBAAAT;AAAA,gBAACiB;AAAA,gBAAA;AAAA,kBACG,SAAQ;AAAA,kBACR,MAAK;AAAA,kBACL,SAASvB;AAAA,kBACZ,UAAA;AAAA,gBAAA;AAAA,cAAA;AAAA,YAED,EAAA,CACJ;AAAA,UAAA,EAAA,CACJ,EAAA,CACJ;AAAA,QAAA;AAAA,MAAA;AAAA,MAEJ,gBAAAM;AAAA,QAACoB;AAAA,QAAA;AAAA,UACG,QAAQ7B;AAAA,UACR,MAAK;AAAA,UACL,OAAM;AAAA,UACN,SAASmB;AAAA,UACT,gBAAgBA;AAAA,UAChB,UAAUA;AAAA,UACV,WAAWF;AAAA,UAEX,4BAAC,KAAA,EAAE,UAAA;AAAA,YAAA;AAAA,YAE4B;AAAA,UAAA,EAAA,CAC/B;AAAA,QAAA;AAAA,MAAA;AAAA,IACJ,EAAA,CACJ;AAAA,EAAA,GAER;AAER;"}
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't be undo.{' '}\n </p>\n </ConfirmDialog>\n </>\n )}\n </>\n )\n}\n\nexport default CustomerEdit\n"],"names":["CustomerEdit","id","useParams","navigate","useNavigate","data","isLoading","useSWR","_","params","apiGetCustomer","deleteConfirmationOpen","setDeleteConfirmationOpen","useState","isSubmiting","setIsSubmiting","handleFormSubmit","values","sleep","toast","jsx","Notification","getDefaultValues","firstName","lastName","email","personalInfo","img","handleConfirmDelete","handleDelete","handleCancel","handleBack","jsxs","Fragment","NoUserFound","CustomerForm","Container","Button","TbArrowNarrowLeft","TbTrash","ConfirmDialog"],"mappings":"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"}

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

	@@ -1 +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":["AccountSection","control","Card","jsx","jsxs","FormItem","Controller","field","Switcher","checked"],"mappings":";;;;;;;;AAQA,MAAMA,IAAiB,CAAC,EAAE,SAAAC,0BAEjBC,GAAA,EACG,UAAA;AAAA,EAAA,gBAAAC,EAAC,QAAG,UAAA,UAAA,CAAO;AAAA,EACX,gBAAAC,EAAC,OAAA,EAAI,WAAU,QACX,UAAA;AAAA,IAAA,gBAAAD,EAACE,GAAA,EACG,UAAA,gBAAAF;AAAA,MAACG;AAAA,MAAA;AAAA,QACG,MAAK;AAAA,QACL,SAAAL;AAAA,QACA,QAAQ,CAAC,EAAE,OAAAM,QACP,gBAAAH,EAAC,OAAA,EAAI,WAAU,2CACX,UAAA;AAAA,UAAA,gBAAAA,EAAC,OAAA,EACG,UAAA;AAAA,YAAA,gBAAAD,EAAC,QAAG,UAAA,SAAA,CAAM;AAAA,YACV,gBAAAA,EAAC,OAAE,UAAA,uBAAA,CAAoB;AAAA,UAAA,GAC3B;AAAA,UACA,gBAAAA;AAAA,YAACK;AAAA,YAAA;AAAA,cACG,SAASD,EAAM;AAAA,cACf,UAAU,CAACE,MAAY;AACnB,gBAAAF,EAAM,SAASE,CAAO;AAAA,~~cAAA~~;AAAA,~~YAC1B~~;AAAA,UAAA;AAAA,QACJ,EAAA,CACJ;AAAA,MAAA;AAAA,IAAA,GAGZ;AAAA,IACA,gBAAAN,EAACE,GAAA,EAAS,WAAU,QAChB,UAAA,gBAAAF;AAAA,MAACG;AAAA,MAAA;AAAA,QACG,MAAK;AAAA,QACL,SAAAL;AAAA,QACA,QAAQ,CAAC,EAAE,OAAAM,QACP,gBAAAH,EAAC,OAAA,EAAI,WAAU,2CACX,UAAA;AAAA,UAAA,gBAAAA,EAAC,OAAA,EACG,UAAA;AAAA,YAAA,gBAAAD,EAAC,QAAG,UAAA,mBAAA,CAAgB;AAAA,YACpB,gBAAAA,EAAC,OAAE,UAAA,0DAAA,CAGH;AAAA,UAAA,GACJ;AAAA,UACA,gBAAAA;AAAA,YAACK;AAAA,YAAA;AAAA,cACG,SAASD,EAAM;AAAA,cACf,UAAU,CAACE,MAAY;AACnB,gBAAAF,EAAM,SAASE,CAAO;AAAA,~~cAAA~~;AAAA,~~YAC1B~~;AAAA,UAAA;AAAA,QACJ,EAAA,CACJ;AAAA,MAAA;AAAA,IAAA,EAER,CACJ;AAAA,EAAA,EAAA,CACJ;AAAA,GACJ;"}
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":["AccountSection","control","Card","jsx","jsxs","FormItem","Controller","field","Switcher","checked"],"mappings":";;;;;;;;AAQA,MAAMA,IAAiB,CAAC,EAAE,SAAAC,0BAEjBC,GAAA,EACG,UAAA;AAAA,EAAA,gBAAAC,EAAC,QAAG,UAAA,UAAA,CAAO;AAAA,EACX,gBAAAC,EAAC,OAAA,EAAI,WAAU,QACX,UAAA;AAAA,IAAA,gBAAAD,EAACE,GAAA,EACG,UAAA,gBAAAF;AAAA,MAACG;AAAA,MAAA;AAAA,QACG,MAAK;AAAA,QACL,SAAAL;AAAA,QACA,QAAQ,CAAC,EAAE,OAAAM,QACP,gBAAAH,EAAC,OAAA,EAAI,WAAU,2CACX,UAAA;AAAA,UAAA,gBAAAA,EAAC,OAAA,EACG,UAAA;AAAA,YAAA,gBAAAD,EAAC,QAAG,UAAA,SAAA,CAAM;AAAA,YACV,gBAAAA,EAAC,OAAE,UAAA,uBAAA,CAAoB;AAAA,UAAA,GAC3B;AAAA,UACA,gBAAAA;AAAA,YAACK;AAAA,YAAA;AAAA,cACG,SAASD,EAAM;AAAA,cACf,UAAU,CAACE,MAAY;AACnB,gBAAAF,EAAM,SAASE,CAAO;AAAA,cAC1B;AAAA,YAAA;AAAA,UAAA;AAAA,QACJ,EAAA,CACJ;AAAA,MAAA;AAAA,IAAA,GAGZ;AAAA,IACA,gBAAAN,EAACE,GAAA,EAAS,WAAU,QAChB,UAAA,gBAAAF;AAAA,MAACG;AAAA,MAAA;AAAA,QACG,MAAK;AAAA,QACL,SAAAL;AAAA,QACA,QAAQ,CAAC,EAAE,OAAAM,QACP,gBAAAH,EAAC,OAAA,EAAI,WAAU,2CACX,UAAA;AAAA,UAAA,gBAAAA,EAAC,OAAA,EACG,UAAA;AAAA,YAAA,gBAAAD,EAAC,QAAG,UAAA,mBAAA,CAAgB;AAAA,YACpB,gBAAAA,EAAC,OAAE,UAAA,0DAAA,CAGH;AAAA,UAAA,GACJ;AAAA,UACA,gBAAAA;AAAA,YAACK;AAAA,YAAA;AAAA,cACG,SAASD,EAAM;AAAA,cACf,UAAU,CAACE,MAAY;AACnB,gBAAAF,EAAM,SAASE,CAAO;AAAA,cAC1B;AAAA,YAAA;AAAA,UAAA;AAAA,QACJ,EAAA,CACJ;AAAA,MAAA;AAAA,IAAA,EAER,CACJ;AAAA,EAAA,EAAA,CACJ;AAAA,GACJ;"}