npm - @orbe-agro/client-core - Versions diffs - 5.3.13 → 5.3.25 - Mend

@orbe-agro/client-core 5.3.13 → 5.3.25

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 (1869) hide show

package/dist/@ecme/views/concepts/projects/Tasks/components/TaskList.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TaskList.js","sources":["../../../../../../../lib/@ecme/views/concepts/projects/Tasks/components/TaskList.tsx"],"sourcesContent":["import { useState } from 'react'\r\nimport Table from '@/components/ui/Table'\r\nimport TaskItem from '@/components/view/TaskItem'\r\nimport AddTask from './AddTask'\r\nimport { labelClass } from '../utils'\r\nimport reoderArray from '@/utils/reoderArray'\r\nimport reorderDragable from '@/utils/reorderDragable'\r\nimport { useTasksStore } from '../store/tasksStore'\r\nimport { Droppable, DragDropContext, Draggable } from '@hello-pangea/dnd'\r\nimport { MdDragIndicator } from 'react-icons/md'\r\nimport type { DropResult } from '@hello-pangea/dnd'\r\nimport type { Task } from '../types'\r\n\r\nconst { TBody } = Table\r\n\r\nconst TaskList = () => {\r\n const [selectedCreateTaskButton, setSelectedCreateTaskButton] = useState('')\r\n\r\n const { updateOrdered, updateGroups, ordered, groups } = useTasksStore()\r\n\r\n const onDragEnd = (result: DropResult) => {\r\n if (result.combine) {\r\n if (result.type === 'COLUMN') {\r\n const shallow = [...ordered]\r\n shallow.splice(result.source.index, 1)\r\n updateOrdered(shallow)\r\n return\r\n }\r\n\r\n const column = groups[result.source.droppableId]\r\n const withQuoteRemoved = [...column]\r\n withQuoteRemoved.splice(result.source.index, 1)\r\n const newColumns = {\r\n ...groups,\r\n [result.source.droppableId]: withQuoteRemoved,\r\n }\r\n updateGroups(newColumns)\r\n return\r\n }\r\n\r\n if (!result.destination) {\r\n return\r\n }\r\n\r\n const source = result.source\r\n const destination = result.destination\r\n\r\n if (\r\n source.droppableId === destination.droppableId &&\r\n source.index === destination.index\r\n ) {\r\n return\r\n }\r\n\r\n if (result.type === 'COLUMN') {\r\n const newOrdered = reoderArray(\r\n ordered,\r\n source.index,\r\n destination.index,\r\n )\r\n updateOrdered(newOrdered)\r\n return\r\n }\r\n\r\n const data = reorderDragable<Record<string, Task[]>>({\r\n quoteMap: groups,\r\n source,\r\n destination,\r\n })\r\n\r\n updateGroups(data.quoteMap)\r\n }\r\n\r\n const handleChange = (taskId: string, groupKey: string) => {\r\n const newData = { ...groups }\r\n\r\n newData[groupKey] = newData[groupKey].filter((task) => {\r\n if (task.id === taskId) {\r\n task.checked = !task.checked\r\n }\r\n return task\r\n })\r\n\r\n updateGroups(newData)\r\n }\r\n\r\n const handleCreatetask = (key: string, task: Task) => {\r\n const newData = { ...groups }\r\n newData[key].push(task)\r\n updateGroups(newData)\r\n setSelectedCreateTaskButton('')\r\n }\r\n\r\n return (\r\n <DragDropContext onDragEnd={(result) => onDragEnd(result)}>\r\n <Droppable droppableId=\"board\" type=\"COLUMN\" direction=\"vertical\">\r\n {(provided) => (\r\n <div ref={provided.innerRef} {...provided.droppableProps}>\r\n <div className=\"flex flex-col gap-10\">\r\n {ordered.map((key, index) => (\r\n <Draggable\r\n key={key}\r\n draggableId={key}\r\n index={index}\r\n >\r\n {(provided) => (\r\n <div\r\n ref={provided.innerRef}\r\n {...provided.draggableProps}\r\n >\r\n <div className=\"flex items-center gap-2 mb-4\">\r\n <span\r\n className=\"text-lg\"\r\n {...provided.dragHandleProps}\r\n >\r\n <MdDragIndicator />\r\n </span>\r\n <h4>{key}</h4>\r\n </div>\r\n <Table className=\"lg:overflow-hidden\">\r\n <Droppable\r\n droppableId={key}\r\n type=\"CONTENT\"\r\n >\r\n {(dropProvided) => (\r\n <TBody\r\n ref={\r\n dropProvided.innerRef\r\n }\r\n {...dropProvided.droppableProps}\r\n >\r\n {groups[key]?.map(\r\n (\r\n item,\r\n index,\r\n ) => (\r\n <Draggable\r\n key={\r\n item.id +\r\n index\r\n }\r\n draggableId={\r\n item.id +\r\n index\r\n }\r\n index={\r\n index\r\n }\r\n >\r\n {(\r\n provided,\r\n ) => (\r\n <TaskItem\r\n ref={\r\n provided.innerRef\r\n }\r\n taskId={\r\n item.id\r\n }\r\n progress={\r\n item.progress\r\n }\r\n checked={\r\n item.checked\r\n }\r\n name={\r\n item.name\r\n }\r\n dueDate={\r\n item.dueDate as number\r\n }\r\n assignee={\r\n item.assignee\r\n }\r\n priority={\r\n item.priority\r\n }\r\n dragger={\r\n <span\r\n {...provided.dragHandleProps}\r\n >\r\n <MdDragIndicator />\r\n </span>\r\n }\r\n labelClass={\r\n labelClass\r\n }\r\n onChange={(\r\n taskId,\r\n ) =>\r\n handleChange(\r\n taskId,\r\n key,\r\n )\r\n }\r\n {...provided.draggableProps}\r\n />\r\n )}\r\n </Draggable>\r\n ),\r\n )}\r\n {\r\n dropProvided.placeholder\r\n }\r\n </TBody>\r\n )}\r\n </Droppable>\r\n </Table>\r\n <div className=\"mt-4\">\r\n <AddTask\r\n isCreatingTask={\r\n key ===\r\n selectedCreateTaskButton\r\n }\r\n groupKey={key}\r\n onAddTaskClick={\r\n setSelectedCreateTaskButton\r\n }\r\n onCreateTask={(task) =>\r\n handleCreatetask(\r\n key,\r\n task,\r\n )\r\n }\r\n />\r\n </div>\r\n </div>\r\n )}\r\n </Draggable>\r\n ))}\r\n {provided.placeholder}\r\n </div>\r\n </div>\r\n )}\r\n </Droppable>\r\n </DragDropContext>\r\n )\r\n}\r\n\r\nexport default TaskList\r\n"],"names":["TBody","Table","TaskList","selectedCreateTaskButton","setSelectedCreateTaskButton","useState","updateOrdered","updateGroups","ordered","groups","useTasksStore","onDragEnd","result","shallow","withQuoteRemoved","newColumns","source","destination","newOrdered","reoderArray","data","reorderDragable","handleChange","taskId","groupKey","newData","task","handleCreatetask","key","jsx","DragDropContext","Droppable","provided","jsxs","index","Draggable","MdDragIndicator","dropProvided","_a","item","TaskItem","labelClass","AddTask"],"mappings":"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"}
1	+ {"version":3,"file":"TaskList.js","sources":["../../../../../../../lib/@ecme/views/concepts/projects/Tasks/components/TaskList.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Table from '@/components/ui/Table'\nimport TaskItem from '@/components/view/TaskItem'\nimport AddTask from './AddTask'\nimport { labelClass } from '../utils'\nimport reoderArray from '@/utils/reoderArray'\nimport reorderDragable from '@/utils/reorderDragable'\nimport { useTasksStore } from '../store/tasksStore'\nimport { Droppable, DragDropContext, Draggable } from '@hello-pangea/dnd'\nimport { MdDragIndicator } from 'react-icons/md'\nimport type { DropResult } from '@hello-pangea/dnd'\nimport type { Task } from '../types'\n\nconst { TBody } = Table\n\nconst TaskList = () => {\n const [selectedCreateTaskButton, setSelectedCreateTaskButton] = useState('')\n\n const { updateOrdered, updateGroups, ordered, groups } = useTasksStore()\n\n const onDragEnd = (result: DropResult) => {\n if (result.combine) {\n if (result.type === 'COLUMN') {\n const shallow = [...ordered]\n shallow.splice(result.source.index, 1)\n updateOrdered(shallow)\n return\n }\n\n const column = groups[result.source.droppableId]\n const withQuoteRemoved = [...column]\n withQuoteRemoved.splice(result.source.index, 1)\n const newColumns = {\n ...groups,\n [result.source.droppableId]: withQuoteRemoved,\n }\n updateGroups(newColumns)\n return\n }\n\n if (!result.destination) {\n return\n }\n\n const source = result.source\n const destination = result.destination\n\n if (\n source.droppableId === destination.droppableId &&\n source.index === destination.index\n ) {\n return\n }\n\n if (result.type === 'COLUMN') {\n const newOrdered = reoderArray(\n ordered,\n source.index,\n destination.index,\n )\n updateOrdered(newOrdered)\n return\n }\n\n const data = reorderDragable<Record<string, Task[]>>({\n quoteMap: groups,\n source,\n destination,\n })\n\n updateGroups(data.quoteMap)\n }\n\n const handleChange = (taskId: string, groupKey: string) => {\n const newData = { ...groups }\n\n newData[groupKey] = newData[groupKey].filter((task) => {\n if (task.id === taskId) {\n task.checked = !task.checked\n }\n return task\n })\n\n updateGroups(newData)\n }\n\n const handleCreatetask = (key: string, task: Task) => {\n const newData = { ...groups }\n newData[key].push(task)\n updateGroups(newData)\n setSelectedCreateTaskButton('')\n }\n\n return (\n <DragDropContext onDragEnd={(result) => onDragEnd(result)}>\n <Droppable droppableId=\"board\" type=\"COLUMN\" direction=\"vertical\">\n {(provided) => (\n <div ref={provided.innerRef} {...provided.droppableProps}>\n <div className=\"flex flex-col gap-10\">\n {ordered.map((key, index) => (\n <Draggable\n key={key}\n draggableId={key}\n index={index}\n >\n {(provided) => (\n <div\n ref={provided.innerRef}\n {...provided.draggableProps}\n >\n <div className=\"flex items-center gap-2 mb-4\">\n <span\n className=\"text-lg\"\n {...provided.dragHandleProps}\n >\n <MdDragIndicator />\n </span>\n <h4>{key}</h4>\n </div>\n <Table className=\"lg:overflow-hidden\">\n <Droppable\n droppableId={key}\n type=\"CONTENT\"\n >\n {(dropProvided) => (\n <TBody\n ref={\n dropProvided.innerRef\n }\n {...dropProvided.droppableProps}\n >\n {groups[key]?.map(\n (\n item,\n index,\n ) => (\n <Draggable\n key={\n item.id +\n index\n }\n draggableId={\n item.id +\n index\n }\n index={\n index\n }\n >\n {(\n provided,\n ) => (\n <TaskItem\n ref={\n provided.innerRef\n }\n taskId={\n item.id\n }\n progress={\n item.progress\n }\n checked={\n item.checked\n }\n name={\n item.name\n }\n dueDate={\n item.dueDate as number\n }\n assignee={\n item.assignee\n }\n priority={\n item.priority\n }\n dragger={\n <span\n {...provided.dragHandleProps}\n >\n <MdDragIndicator />\n </span>\n }\n labelClass={\n labelClass\n }\n onChange={(\n taskId,\n ) =>\n handleChange(\n taskId,\n key,\n )\n }\n {...provided.draggableProps}\n />\n )}\n </Draggable>\n ),\n )}\n {\n dropProvided.placeholder\n }\n </TBody>\n )}\n </Droppable>\n </Table>\n <div className=\"mt-4\">\n <AddTask\n isCreatingTask={\n key ===\n selectedCreateTaskButton\n }\n groupKey={key}\n onAddTaskClick={\n setSelectedCreateTaskButton\n }\n onCreateTask={(task) =>\n handleCreatetask(\n key,\n task,\n )\n }\n />\n </div>\n </div>\n )}\n </Draggable>\n ))}\n {provided.placeholder}\n </div>\n </div>\n )}\n </Droppable>\n </DragDropContext>\n )\n}\n\nexport default TaskList\n"],"names":["TBody","Table","TaskList","selectedCreateTaskButton","setSelectedCreateTaskButton","useState","updateOrdered","updateGroups","ordered","groups","useTasksStore","onDragEnd","result","shallow","withQuoteRemoved","newColumns","source","destination","newOrdered","reoderArray","data","reorderDragable","handleChange","taskId","groupKey","newData","task","handleCreatetask","key","jsx","DragDropContext","Droppable","provided","jsxs","index","Draggable","MdDragIndicator","dropProvided","_a","item","TaskItem","labelClass","AddTask"],"mappings":"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"}

package/dist/@ecme/views/concepts/projects/Tasks/components/TasksHeader.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TasksHeader.js","sources":["../../../../../../../lib/@ecme/views/concepts/projects/Tasks/components/TasksHeader.tsx"],"sourcesContent":["/* eslint-disable import/no-unresolved */\r\nimport { useState, useRef, useEffect } from 'react'\r\nimport Input from '@/components/ui/Input'\r\nimport Avatar from '@/components/ui/Avatar'\r\nimport ScrollBar from '@/components/ui/ScrollBar'\r\nimport Button from '@/components/ui/Button'\r\nimport Dialog from '@/components/ui/Dialog'\r\nimport wildCardSearch from '@/utils/wildCardSearch'\r\nimport UsersAvatarGroup from '@/components/shared/UsersAvatarGroup'\r\nimport { useTasksStore } from '../store/tasksStore'\r\nimport { TbSearch, TbPlus } from 'react-icons/tb'\r\nimport classNames from '@/utils/classNames'\r\nimport debounce from 'lodash/debounce'\r\nimport cloneDeep from 'lodash/cloneDeep'\r\nimport type { ChangeEvent } from 'react'\r\nimport type { Member } from '../types'\r\n\r\nconst TasksHeader = () => {\r\n const inputRef = useRef(null)\r\n\r\n const [dialogOpen, setDialogOpen] = useState(false)\r\n\r\n const { allMembers, boardMembers, updateBoardMembers } = useTasksStore()\r\n\r\n const [memberList, setMemberList] = useState<Member[]>([])\r\n\r\n useEffect(() => {\r\n if (allMembers.length > 1) {\r\n setMemberList(allMembers)\r\n }\r\n }, [allMembers])\r\n\r\n const debounceFn = debounce(handleDebounceFn, 500)\r\n\r\n function handleDebounceFn(query: string) {\r\n const data = wildCardSearch(allMembers, query, 'name')\r\n setMemberList(data as Member[])\r\n }\r\n\r\n const onSearch = (e: ChangeEvent<HTMLInputElement>) => {\r\n debounceFn(e.target.value)\r\n }\r\n\r\n const existingMember = (id: string) => {\r\n return boardMembers.some((member) => member.id === id)\r\n }\r\n\r\n const onAddMember = (member: Member) => {\r\n const data = cloneDeep(boardMembers)\r\n data.push(member)\r\n updateBoardMembers(data)\r\n }\r\n\r\n const onRemoveMember = (id: string) => {\r\n const data = cloneDeep(boardMembers).filter(\r\n (member) => member.id !== id,\r\n )\r\n updateBoardMembers(data)\r\n }\r\n\r\n const onDone = () => {\r\n setDialogOpen(false)\r\n }\r\n\r\n return (\r\n <>\r\n <div className=\"flex flex-col sm:flex-row sm:items-center justify-between gap-4\">\r\n <h3>Tasks</h3>\r\n <div className=\"flex items-center gap-2\">\r\n <UsersAvatarGroup\r\n className=\"flex items-center\"\r\n avatarProps={{ size: 'sm' }}\r\n users={boardMembers}\r\n />\r\n <Button\r\n size=\"sm\"\r\n icon={<TbPlus />}\r\n onClick={() => setDialogOpen(true)}\r\n >\r\n Add members\r\n </Button>\r\n </div>\r\n </div>\r\n <Dialog\r\n isOpen={dialogOpen}\r\n width={520}\r\n onClose={() => setDialogOpen(false)}\r\n onRequestClose={() => setDialogOpen(false)}\r\n >\r\n <div>\r\n <div className=\"text-center mb-6\">\r\n <h4 className=\"mb-1\">Add people</h4>\r\n <p>Invite existing team member to this project.</p>\r\n </div>\r\n <Input\r\n ref={inputRef}\r\n prefix={<TbSearch className=\"text-lg\" />}\r\n placeholder=\"Quick search member\"\r\n onChange={onSearch}\r\n />\r\n <div className=\"mt-4\">\r\n <p className=\"font-semibold uppercase text-xs mb-4\">\r\n {memberList.length} members available\r\n </p>\r\n <div className=\"mb-6\">\r\n <ScrollBar\r\n className={classNames('overflow-y-auto h-80')}\r\n >\r\n {memberList.map((member) => (\r\n <div\r\n key={member.id}\r\n className=\"py-3 pr-5 rounded-lg flex items-center justify-between\"\r\n >\r\n <div className=\"flex items-center gap-2\">\r\n <Avatar\r\n shape=\"circle\"\r\n src={member.img}\r\n />\r\n <div>\r\n <p className=\"heading-text font-bold\">\r\n {member.name}\r\n </p>\r\n </div>\r\n </div>\r\n {existingMember(member.id) ? (\r\n <Button\r\n size=\"xs\"\r\n customColorClass={() =>\r\n 'hover:border-red-500 hover:ring-red-500'\r\n }\r\n onClick={() =>\r\n onRemoveMember(member.id)\r\n }\r\n >\r\n <span className=\"text-red-500\">\r\n Remove\r\n </span>\r\n </Button>\r\n ) : (\r\n <Button\r\n size=\"xs\"\r\n onClick={() =>\r\n onAddMember(member)\r\n }\r\n >\r\n Add\r\n </Button>\r\n )}\r\n </div>\r\n ))}\r\n </ScrollBar>\r\n </div>\r\n <Button block variant=\"solid\" onClick={onDone}>\r\n Done\r\n </Button>\r\n </div>\r\n </div>\r\n </Dialog>\r\n </>\r\n )\r\n}\r\n\r\nexport default TasksHeader\r\n"],"names":["TasksHeader","inputRef","useRef","dialogOpen","setDialogOpen","useState","allMembers","boardMembers","updateBoardMembers","useTasksStore","memberList","setMemberList","useEffect","debounceFn","debounce","handleDebounceFn","query","data","wildCardSearch","onSearch","e","existingMember","id","member","onAddMember","cloneDeep","onRemoveMember","onDone","jsxs","Fragment","jsx","UsersAvatarGroup","Button","TbPlus","Dialog","Input","TbSearch","ScrollBar","classNames","Avatar"],"mappings":"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"}
1	+ {"version":3,"file":"TasksHeader.js","sources":["../../../../../../../lib/@ecme/views/concepts/projects/Tasks/components/TasksHeader.tsx"],"sourcesContent":["/* eslint-disable import/no-unresolved */\nimport { useState, useRef, useEffect } from 'react'\nimport Input from '@/components/ui/Input'\nimport Avatar from '@/components/ui/Avatar'\nimport ScrollBar from '@/components/ui/ScrollBar'\nimport Button from '@/components/ui/Button'\nimport Dialog from '@/components/ui/Dialog'\nimport wildCardSearch from '@/utils/wildCardSearch'\nimport UsersAvatarGroup from '@/components/shared/UsersAvatarGroup'\nimport { useTasksStore } from '../store/tasksStore'\nimport { TbSearch, TbPlus } from 'react-icons/tb'\nimport classNames from '@/utils/classNames'\nimport debounce from 'lodash/debounce'\nimport cloneDeep from 'lodash/cloneDeep'\nimport type { ChangeEvent } from 'react'\nimport type { Member } from '../types'\n\nconst TasksHeader = () => {\n const inputRef = useRef(null)\n\n const [dialogOpen, setDialogOpen] = useState(false)\n\n const { allMembers, boardMembers, updateBoardMembers } = useTasksStore()\n\n const [memberList, setMemberList] = useState<Member[]>([])\n\n useEffect(() => {\n if (allMembers.length > 1) {\n setMemberList(allMembers)\n }\n }, [allMembers])\n\n const debounceFn = debounce(handleDebounceFn, 500)\n\n function handleDebounceFn(query: string) {\n const data = wildCardSearch(allMembers, query, 'name')\n setMemberList(data as Member[])\n }\n\n const onSearch = (e: ChangeEvent<HTMLInputElement>) => {\n debounceFn(e.target.value)\n }\n\n const existingMember = (id: string) => {\n return boardMembers.some((member) => member.id === id)\n }\n\n const onAddMember = (member: Member) => {\n const data = cloneDeep(boardMembers)\n data.push(member)\n updateBoardMembers(data)\n }\n\n const onRemoveMember = (id: string) => {\n const data = cloneDeep(boardMembers).filter(\n (member) => member.id !== id,\n )\n updateBoardMembers(data)\n }\n\n const onDone = () => {\n setDialogOpen(false)\n }\n\n return (\n <>\n <div className=\"flex flex-col sm:flex-row sm:items-center justify-between gap-4\">\n <h3>Tasks</h3>\n <div className=\"flex items-center gap-2\">\n <UsersAvatarGroup\n className=\"flex items-center\"\n avatarProps={{ size: 'sm' }}\n users={boardMembers}\n />\n <Button\n size=\"sm\"\n icon={<TbPlus />}\n onClick={() => setDialogOpen(true)}\n >\n Add members\n </Button>\n </div>\n </div>\n <Dialog\n isOpen={dialogOpen}\n width={520}\n onClose={() => setDialogOpen(false)}\n onRequestClose={() => setDialogOpen(false)}\n >\n <div>\n <div className=\"text-center mb-6\">\n <h4 className=\"mb-1\">Add people</h4>\n <p>Invite existing team member to this project.</p>\n </div>\n <Input\n ref={inputRef}\n prefix={<TbSearch className=\"text-lg\" />}\n placeholder=\"Quick search member\"\n onChange={onSearch}\n />\n <div className=\"mt-4\">\n <p className=\"font-semibold uppercase text-xs mb-4\">\n {memberList.length} members available\n </p>\n <div className=\"mb-6\">\n <ScrollBar\n className={classNames('overflow-y-auto h-80')}\n >\n {memberList.map((member) => (\n <div\n key={member.id}\n className=\"py-3 pr-5 rounded-lg flex items-center justify-between\"\n >\n <div className=\"flex items-center gap-2\">\n <Avatar\n shape=\"circle\"\n src={member.img}\n />\n <div>\n <p className=\"heading-text font-bold\">\n {member.name}\n </p>\n </div>\n </div>\n {existingMember(member.id) ? (\n <Button\n size=\"xs\"\n customColorClass={() =>\n 'hover:border-red-500 hover:ring-red-500'\n }\n onClick={() =>\n onRemoveMember(member.id)\n }\n >\n <span className=\"text-red-500\">\n Remove\n </span>\n </Button>\n ) : (\n <Button\n size=\"xs\"\n onClick={() =>\n onAddMember(member)\n }\n >\n Add\n </Button>\n )}\n </div>\n ))}\n </ScrollBar>\n </div>\n <Button block variant=\"solid\" onClick={onDone}>\n Done\n </Button>\n </div>\n </div>\n </Dialog>\n </>\n )\n}\n\nexport default TasksHeader\n"],"names":["TasksHeader","inputRef","useRef","dialogOpen","setDialogOpen","useState","allMembers","boardMembers","updateBoardMembers","useTasksStore","memberList","setMemberList","useEffect","debounceFn","debounce","handleDebounceFn","query","data","wildCardSearch","onSearch","e","existingMember","id","member","onAddMember","cloneDeep","onRemoveMember","onDone","jsxs","Fragment","jsx","UsersAvatarGroup","Button","TbPlus","Dialog","Input","TbSearch","ScrollBar","classNames","Avatar"],"mappings":"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"}

package/dist/@ecme/views/concepts/projects/Tasks/store/tasksStore.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"tasksStore.js","sources":["../../../../../../../lib/@ecme/views/concepts/projects/Tasks/store/tasksStore.ts"],"sourcesContent":["import { create } from 'zustand'\r\nimport type { Groups, Members } from '../types'\r\n\r\nexport type ScrumBoardState = {\r\n groups: Groups\r\n ordered: string[]\r\n boardMembers: Members\r\n allMembers: Members\r\n}\r\n\r\ntype ScrumBoardAction = {\r\n updateOrdered: (payload: string[]) => void\r\n updateGroups: (payload: Groups) => void\r\n updateBoardMembers: (payload: Members) => void\r\n updateAllMembers: (payload: Members) => void\r\n}\r\n\r\nconst initialState: ScrumBoardState = {\r\n groups: {},\r\n ordered: [],\r\n boardMembers: [],\r\n allMembers: [],\r\n}\r\n\r\nexport const useTasksStore = create<ScrumBoardState & ScrumBoardAction>(\r\n (set) => ({\r\n ...initialState,\r\n updateOrdered: (payload) =>\r\n set(() => {\r\n return { ordered: payload }\r\n }),\r\n updateGroups: (payload) => set(() => ({ groups: payload })),\r\n updateBoardMembers: (payload) => set(() => ({ boardMembers: payload })),\r\n updateAllMembers: (payload) => set(() => ({ allMembers: payload })),\r\n }),\r\n)\r\n"],"names":["initialState","useTasksStore","create","set","payload"],"mappings":";AAiBA,MAAMA,IAAgC;AAAA,EAClC,QAAQ,CAAA;AAAA,EACR,SAAS,CAAA;AAAA,EACT,cAAc,CAAA;AAAA,EACd,YAAY,CAAA;AAChB,GAEaC,IAAgBC;AAAA,EACzB,CAACC,OAAS;AAAA,IACN,GAAGH;AAAA,IACH,eAAe,CAACI,MACZD,EAAI,OACO,EAAE,SAASC,EAAA,EACrB;AAAA,IACL,cAAc,CAACA,MAAYD,EAAI,OAAO,EAAE,QAAQC,IAAU;AAAA,IAC1D,oBAAoB,CAACA,MAAYD,EAAI,OAAO,EAAE,cAAcC,IAAU;AAAA,IACtE,kBAAkB,CAACA,MAAYD,EAAI,OAAO,EAAE,YAAYC,IAAU;AAAA,EAAA;AAE1E;"}
1	+ {"version":3,"file":"tasksStore.js","sources":["../../../../../../../lib/@ecme/views/concepts/projects/Tasks/store/tasksStore.ts"],"sourcesContent":["import { create } from 'zustand'\nimport type { Groups, Members } from '../types'\n\nexport type ScrumBoardState = {\n groups: Groups\n ordered: string[]\n boardMembers: Members\n allMembers: Members\n}\n\ntype ScrumBoardAction = {\n updateOrdered: (payload: string[]) => void\n updateGroups: (payload: Groups) => void\n updateBoardMembers: (payload: Members) => void\n updateAllMembers: (payload: Members) => void\n}\n\nconst initialState: ScrumBoardState = {\n groups: {},\n ordered: [],\n boardMembers: [],\n allMembers: [],\n}\n\nexport const useTasksStore = create<ScrumBoardState & ScrumBoardAction>(\n (set) => ({\n ...initialState,\n updateOrdered: (payload) =>\n set(() => {\n return { ordered: payload }\n }),\n updateGroups: (payload) => set(() => ({ groups: payload })),\n updateBoardMembers: (payload) => set(() => ({ boardMembers: payload })),\n updateAllMembers: (payload) => set(() => ({ allMembers: payload })),\n }),\n)\n"],"names":["initialState","useTasksStore","create","set","payload"],"mappings":";AAiBA,MAAMA,IAAgC;AAAA,EAClC,QAAQ,CAAA;AAAA,EACR,SAAS,CAAA;AAAA,EACT,cAAc,CAAA;AAAA,EACd,YAAY,CAAA;AAChB,GAEaC,IAAgBC;AAAA,EACzB,CAACC,OAAS;AAAA,IACN,GAAGH;AAAA,IACH,eAAe,CAACI,MACZD,EAAI,OACO,EAAE,SAASC,EAAA,EACrB;AAAA,IACL,cAAc,CAACA,MAAYD,EAAI,OAAO,EAAE,QAAQC,IAAU;AAAA,IAC1D,oBAAoB,CAACA,MAAYD,EAAI,OAAO,EAAE,cAAcC,IAAU;AAAA,IACtE,kBAAkB,CAACA,MAAYD,EAAI,OAAO,EAAE,YAAYC,IAAU;AAAA,EAAA;AAE1E;"}

package/dist/@ecme/views/concepts/projects/Tasks/utils.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"utils.js","sources":["../../../../../../lib/@ecme/views/concepts/projects/Tasks/utils.ts"],"sourcesContent":["export const labelClass: Record<string, string> = {\r\n 'In Progress': 'bg-sky-200 dark:bg-sky-200 dark:text-gray-900',\r\n Completed: 'bg-emerald-200 dark:bg-emerald-200 dark:text-gray-900',\r\n Pending: 'bg-amber-200 dark:bg-amber-200 dark:text-gray-900',\r\n High: 'bg-red-200 dark:bg-red-200 dark:text-gray-900',\r\n Medium: 'bg-orange-200 dark:bg-orange-200 dark:text-gray-900',\r\n Low: 'bg-purple-200 dark:bg-purple-200 dark:text-gray-900',\r\n}\r\n"],"names":["labelClass"],"mappings":"AAAO,MAAMA,IAAqC;AAAA,EAC9C,eAAe;AAAA,EACf,WAAW;AAAA,EACX,SAAS;AAAA,EACT,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,KAAK;AACT;"}
1	+ {"version":3,"file":"utils.js","sources":["../../../../../../lib/@ecme/views/concepts/projects/Tasks/utils.ts"],"sourcesContent":["export const labelClass: Record<string, string> = {\n 'In Progress': 'bg-sky-200 dark:bg-sky-200 dark:text-gray-900',\n Completed: 'bg-emerald-200 dark:bg-emerald-200 dark:text-gray-900',\n Pending: 'bg-amber-200 dark:bg-amber-200 dark:text-gray-900',\n High: 'bg-red-200 dark:bg-red-200 dark:text-gray-900',\n Medium: 'bg-orange-200 dark:bg-orange-200 dark:text-gray-900',\n Low: 'bg-purple-200 dark:bg-purple-200 dark:text-gray-900',\n}\n"],"names":["labelClass"],"mappings":"AAAO,MAAMA,IAAqC;AAAA,EAC9C,eAAe;AAAA,EACf,WAAW;AAAA,EACX,SAAS;AAAA,EACT,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,KAAK;AACT;"}

package/dist/@ecme/views/dashboards/AnalyticDashboard/AnalyticDashboard.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AnalyticDashboard.js","sources":["../../../../../lib/@ecme/views/dashboards/AnalyticDashboard/AnalyticDashboard.tsx"],"sourcesContent":["import { useState } from 'react'\r\nimport Loading from '@/components/shared/Loading'\r\nimport AnalyticHeader from './components/AnalyticHeader'\r\nimport Metrics from './components/Metrics'\r\nimport WebAnalytic from './components/AnalyticChart'\r\nimport Traffic from './components/Traffic'\r\nimport TopChannel from './components/TopChannel'\r\nimport DeviceSession from './components/DeviceSession'\r\nimport TopPerformingPages from './components/TopPerformingPages'\r\nimport { apiGetAnalyticDashboard } from '@/services/DashboardService'\r\nimport useSWR from 'swr'\r\nimport type { GetAnalyticDashboardResponse, Period } from './types'\r\n\r\nconst AnalyticDashboard = () => {\r\n const [selectedPeriod, setSelectedPeriod] = useState<Period>('thisMonth')\r\n\r\n const { data, isLoading } = useSWR(\r\n ['/api/dashboard/analytic'],\r\n () => apiGetAnalyticDashboard<GetAnalyticDashboardResponse>(),\r\n {\r\n revalidateOnFocus: false,\r\n revalidateIfStale: false,\r\n revalidateOnReconnect: false,\r\n },\r\n )\r\n\r\n return (\r\n <Loading loading={isLoading}>\r\n {data && (\r\n <div className=\"flex flex-col gap-4\">\r\n <AnalyticHeader\r\n selectedPeriod={selectedPeriod}\r\n onSelectedPeriodChange={setSelectedPeriod}\r\n />\r\n <div className=\"flex flex-col 2xl:grid grid-cols-4 gap-4\">\r\n <div className=\"col-span-4 2xl:col-span-3\">\r\n <WebAnalytic\r\n data={data[selectedPeriod].webAnalytic}\r\n />\r\n </div>\r\n <div className=\"2xl:col-span-1\">\r\n <Metrics\r\n data={data[selectedPeriod].metrics}\r\n selectedPeriod={selectedPeriod}\r\n />\r\n </div>\r\n </div>\r\n <div className=\"grid grid-cols-12 gap-4\">\r\n <div className=\"col-span-12 md:col-span-6 xl:col-span-4\">\r\n <TopPerformingPages\r\n data={data[selectedPeriod].topPages}\r\n />\r\n </div>\r\n <div className=\"col-span-12 md:col-span-6 xl:col-span-4\">\r\n <DeviceSession\r\n data={data[selectedPeriod].deviceSession}\r\n />\r\n </div>\r\n <div className=\"col-span-12 xl:col-span-4\">\r\n <TopChannel\r\n data={data[selectedPeriod].topChannel}\r\n />\r\n </div>\r\n <div className=\"col-span-12\">\r\n <Traffic data={data[selectedPeriod].traffic} />\r\n </div>\r\n </div>\r\n </div>\r\n )}\r\n </Loading>\r\n )\r\n}\r\n\r\nexport default AnalyticDashboard\r\n"],"names":["AnalyticDashboard","selectedPeriod","setSelectedPeriod","useState","data","isLoading","useSWR","apiGetAnalyticDashboard","jsx","Loading","jsxs","AnalyticHeader","WebAnalytic","Metrics","TopPerformingPages","DeviceSession","TopChannel","Traffic"],"mappings":";;;;;;;;;;;;AAaA,MAAMA,IAAoB,MAAM;AAC5B,QAAM,CAACC,GAAgBC,CAAiB,IAAIC,EAAiB,WAAW,GAElE,EAAE,MAAAC,GAAM,WAAAC,EAAA,IAAcC;AAAA,IACxB,CAAC,yBAAyB;AAAA,IAC1B,MAAMC,EAAA;AAAA,IACN;AAAA,MACI,mBAAmB;AAAA,MACnB,mBAAmB;AAAA,MACnB,uBAAuB;AAAA,IAAA;AAAA,EAC3B;AAGJ,SACI,gBAAAC,EAACC,KAAQ,SAASJ,GACb,eACG,gBAAAK,EAAC,OAAA,EAAI,WAAU,uBACX,UAAA;AAAA,IAAA,gBAAAF;AAAA,MAACG;AAAA,MAAA;AAAA,QACG,gBAAAV;AAAA,QACA,wBAAwBC;AAAA,MAAA;AAAA,IAAA;AAAA,IAE5B,gBAAAQ,EAAC,OAAA,EAAI,WAAU,4CACX,UAAA;AAAA,MAAA,gBAAAF,EAAC,OAAA,EAAI,WAAU,6BACX,UAAA,gBAAAA;AAAA,QAACI;AAAA,QAAA;AAAA,UACG,MAAMR,EAAKH,CAAc,EAAE;AAAA,QAAA;AAAA,MAAA,GAEnC;AAAA,MACA,gBAAAO,EAAC,OAAA,EAAI,WAAU,kBACX,UAAA,gBAAAA;AAAA,QAACK;AAAA,QAAA;AAAA,UACG,MAAMT,EAAKH,CAAc,EAAE;AAAA,UAC3B,gBAAAA;AAAA,QAAA;AAAA,MAAA,EACJ,CACJ;AAAA,IAAA,GACJ;AAAA,IACA,gBAAAS,EAAC,OAAA,EAAI,WAAU,2BACX,UAAA;AAAA,MAAA,gBAAAF,EAAC,OAAA,EAAI,WAAU,2CACX,UAAA,gBAAAA;AAAA,QAACM;AAAA,QAAA;AAAA,UACG,MAAMV,EAAKH,CAAc,EAAE;AAAA,QAAA;AAAA,MAAA,GAEnC;AAAA,MACA,gBAAAO,EAAC,OAAA,EAAI,WAAU,2CACX,UAAA,gBAAAA;AAAA,QAACO;AAAA,QAAA;AAAA,UACG,MAAMX,EAAKH,CAAc,EAAE;AAAA,QAAA;AAAA,MAAA,GAEnC;AAAA,MACA,gBAAAO,EAAC,OAAA,EAAI,WAAU,6BACX,UAAA,gBAAAA;AAAA,QAACQ;AAAA,QAAA;AAAA,UACG,MAAMZ,EAAKH,CAAc,EAAE;AAAA,QAAA;AAAA,MAAA,GAEnC;AAAA,MACA,gBAAAO,EAAC,OAAA,EAAI,WAAU,eACX,UAAA,gBAAAA,EAACS,GAAA,EAAQ,MAAMb,EAAKH,CAAc,EAAE,QAAA,CAAS,EAAA,CACjD;AAAA,IAAA,EAAA,CACJ;AAAA,EAAA,EAAA,CACJ,EAAA,CAER;AAER;"}
1	+ {"version":3,"file":"AnalyticDashboard.js","sources":["../../../../../lib/@ecme/views/dashboards/AnalyticDashboard/AnalyticDashboard.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Loading from '@/components/shared/Loading'\nimport AnalyticHeader from './components/AnalyticHeader'\nimport Metrics from './components/Metrics'\nimport WebAnalytic from './components/AnalyticChart'\nimport Traffic from './components/Traffic'\nimport TopChannel from './components/TopChannel'\nimport DeviceSession from './components/DeviceSession'\nimport TopPerformingPages from './components/TopPerformingPages'\nimport { apiGetAnalyticDashboard } from '@/services/DashboardService'\nimport useSWR from 'swr'\nimport type { GetAnalyticDashboardResponse, Period } from './types'\n\nconst AnalyticDashboard = () => {\n const [selectedPeriod, setSelectedPeriod] = useState<Period>('thisMonth')\n\n const { data, isLoading } = useSWR(\n ['/api/dashboard/analytic'],\n () => apiGetAnalyticDashboard<GetAnalyticDashboardResponse>(),\n {\n revalidateOnFocus: false,\n revalidateIfStale: false,\n revalidateOnReconnect: false,\n },\n )\n\n return (\n <Loading loading={isLoading}>\n {data && (\n <div className=\"flex flex-col gap-4\">\n <AnalyticHeader\n selectedPeriod={selectedPeriod}\n onSelectedPeriodChange={setSelectedPeriod}\n />\n <div className=\"flex flex-col 2xl:grid grid-cols-4 gap-4\">\n <div className=\"col-span-4 2xl:col-span-3\">\n <WebAnalytic\n data={data[selectedPeriod].webAnalytic}\n />\n </div>\n <div className=\"2xl:col-span-1\">\n <Metrics\n data={data[selectedPeriod].metrics}\n selectedPeriod={selectedPeriod}\n />\n </div>\n </div>\n <div className=\"grid grid-cols-12 gap-4\">\n <div className=\"col-span-12 md:col-span-6 xl:col-span-4\">\n <TopPerformingPages\n data={data[selectedPeriod].topPages}\n />\n </div>\n <div className=\"col-span-12 md:col-span-6 xl:col-span-4\">\n <DeviceSession\n data={data[selectedPeriod].deviceSession}\n />\n </div>\n <div className=\"col-span-12 xl:col-span-4\">\n <TopChannel\n data={data[selectedPeriod].topChannel}\n />\n </div>\n <div className=\"col-span-12\">\n <Traffic data={data[selectedPeriod].traffic} />\n </div>\n </div>\n </div>\n )}\n </Loading>\n )\n}\n\nexport default AnalyticDashboard\n"],"names":["AnalyticDashboard","selectedPeriod","setSelectedPeriod","useState","data","isLoading","useSWR","apiGetAnalyticDashboard","jsx","Loading","jsxs","AnalyticHeader","WebAnalytic","Metrics","TopPerformingPages","DeviceSession","TopChannel","Traffic"],"mappings":";;;;;;;;;;;;AAaA,MAAMA,IAAoB,MAAM;AAC5B,QAAM,CAACC,GAAgBC,CAAiB,IAAIC,EAAiB,WAAW,GAElE,EAAE,MAAAC,GAAM,WAAAC,EAAA,IAAcC;AAAA,IACxB,CAAC,yBAAyB;AAAA,IAC1B,MAAMC,EAAA;AAAA,IACN;AAAA,MACI,mBAAmB;AAAA,MACnB,mBAAmB;AAAA,MACnB,uBAAuB;AAAA,IAAA;AAAA,EAC3B;AAGJ,SACI,gBAAAC,EAACC,KAAQ,SAASJ,GACb,eACG,gBAAAK,EAAC,OAAA,EAAI,WAAU,uBACX,UAAA;AAAA,IAAA,gBAAAF;AAAA,MAACG;AAAA,MAAA;AAAA,QACG,gBAAAV;AAAA,QACA,wBAAwBC;AAAA,MAAA;AAAA,IAAA;AAAA,IAE5B,gBAAAQ,EAAC,OAAA,EAAI,WAAU,4CACX,UAAA;AAAA,MAAA,gBAAAF,EAAC,OAAA,EAAI,WAAU,6BACX,UAAA,gBAAAA;AAAA,QAACI;AAAA,QAAA;AAAA,UACG,MAAMR,EAAKH,CAAc,EAAE;AAAA,QAAA;AAAA,MAAA,GAEnC;AAAA,MACA,gBAAAO,EAAC,OAAA,EAAI,WAAU,kBACX,UAAA,gBAAAA;AAAA,QAACK;AAAA,QAAA;AAAA,UACG,MAAMT,EAAKH,CAAc,EAAE;AAAA,UAC3B,gBAAAA;AAAA,QAAA;AAAA,MAAA,EACJ,CACJ;AAAA,IAAA,GACJ;AAAA,IACA,gBAAAS,EAAC,OAAA,EAAI,WAAU,2BACX,UAAA;AAAA,MAAA,gBAAAF,EAAC,OAAA,EAAI,WAAU,2CACX,UAAA,gBAAAA;AAAA,QAACM;AAAA,QAAA;AAAA,UACG,MAAMV,EAAKH,CAAc,EAAE;AAAA,QAAA;AAAA,MAAA,GAEnC;AAAA,MACA,gBAAAO,EAAC,OAAA,EAAI,WAAU,2CACX,UAAA,gBAAAA;AAAA,QAACO;AAAA,QAAA;AAAA,UACG,MAAMX,EAAKH,CAAc,EAAE;AAAA,QAAA;AAAA,MAAA,GAEnC;AAAA,MACA,gBAAAO,EAAC,OAAA,EAAI,WAAU,6BACX,UAAA,gBAAAA;AAAA,QAACQ;AAAA,QAAA;AAAA,UACG,MAAMZ,EAAKH,CAAc,EAAE;AAAA,QAAA;AAAA,MAAA,GAEnC;AAAA,MACA,gBAAAO,EAAC,OAAA,EAAI,WAAU,eACX,UAAA,gBAAAA,EAACS,GAAA,EAAQ,MAAMb,EAAKH,CAAc,EAAE,QAAA,CAAS,EAAA,CACjD;AAAA,IAAA,EAAA,CACJ;AAAA,EAAA,EAAA,CACJ,EAAA,CAER;AAER;"}

package/dist/@ecme/views/dashboards/AnalyticDashboard/components/AnalyticChart.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AnalyticChart.js","sources":["../../../../../../lib/@ecme/views/dashboards/AnalyticDashboard/components/AnalyticChart.tsx"],"sourcesContent":["import { useEffect, useRef } from 'react'\r\nimport Card from '@/components/ui/Card'\r\nimport Chart from '@/components/shared/Chart'\r\nimport GrowShrinkValue from '@/components/shared/GrowShrinkValue'\r\nimport { COLORS } from '@/constants/chart.constant'\r\nimport { useThemeStore } from '@/store/themeStore'\r\nimport { NumericFormat } from 'react-number-format'\r\nimport type { WebAnalyticData } from '../types'\r\n\r\ntype WebAnalyticProps = {\r\n data: WebAnalyticData\r\n}\r\n\r\nconst WebAnalytic = ({ data }: WebAnalyticProps) => {\r\n const isFirstRender = useRef(true)\r\n\r\n const sideNavCollapse = useThemeStore(\r\n (state) => state.layout.sideNavCollapse,\r\n )\r\n\r\n useEffect(() => {\r\n if (!sideNavCollapse && isFirstRender.current) {\r\n isFirstRender.current = false\r\n return\r\n }\r\n\r\n if (!isFirstRender.current) {\r\n window.dispatchEvent(new Event('resize'))\r\n }\r\n }, [sideNavCollapse])\r\n\r\n return (\r\n <Card className=\"h-full\">\r\n <div className=\"flex flex-col md:flex-row md:items-center justify-between gap-4\">\r\n <h4>Web analytic</h4>\r\n <div className=\"inline-flex items-center gap-6\">\r\n <div className=\"flex items-center gap-1.5\">\r\n <div\r\n className=\"h-3.5 w-3.5 rounded\"\r\n style={{ backgroundColor: COLORS[0] }}\r\n />\r\n <div>Natural</div>\r\n </div>\r\n <div className=\"flex items-center gap-1.5\">\r\n <div\r\n className=\"h-3.5 w-3.5 rounded\"\r\n style={{ backgroundColor: COLORS[7] }}\r\n />\r\n <div>Referral</div>\r\n </div>\r\n <div className=\"flex items-center gap-1.5\">\r\n <div\r\n className=\"h-3.5 w-3.5 rounded\"\r\n style={{ backgroundColor: COLORS[8] }}\r\n />\r\n <div>Direct</div>\r\n </div>\r\n </div>\r\n </div>\r\n <div className=\"mt-8\">\r\n <div className=\"flex items-center gap-10\">\r\n <div>\r\n <div className=\"mb-2\">Page views</div>\r\n <div className=\"flex items-end gap-2\">\r\n <h3>\r\n <NumericFormat\r\n displayType=\"text\"\r\n value={data.pageView.value}\r\n prefix={'$'}\r\n thousandSeparator={true}\r\n />\r\n </h3>\r\n <GrowShrinkValue\r\n className=\"font-bold\"\r\n value={data.pageView.growShrink}\r\n suffix=\"%\"\r\n positiveIcon=\"+\"\r\n negativeIcon=\"\"\r\n />\r\n </div>\r\n </div>\r\n <div>\r\n <div className=\"mb-2\">Avg. Time on page</div>\r\n <div className=\"flex items-end gap-2\">\r\n <h3>{data.avgTimeOnPage.value}</h3>\r\n <GrowShrinkValue\r\n className=\"font-bold\"\r\n value={data.avgTimeOnPage.growShrink}\r\n suffix=\"%\"\r\n positiveIcon=\"+\"\r\n negativeIcon=\"\"\r\n />\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div className=\"mt-4\">\r\n <Chart\r\n type=\"line\"\r\n series={data.series}\r\n xAxis={data.date}\r\n height=\"330px\"\r\n customOptions={{\r\n legend: { show: false },\r\n colors: [COLORS[0], COLORS[7], COLORS[8]],\r\n }}\r\n />\r\n </div>\r\n </Card>\r\n )\r\n}\r\n\r\nexport default WebAnalytic\r\n"],"names":["WebAnalytic","data","isFirstRender","useRef","sideNavCollapse","useThemeStore","state","useEffect","jsxs","Card","jsx","COLORS","NumericFormat","GrowShrinkValue","Chart"],"mappings":";;;;;;;;;AAaA,MAAMA,IAAc,CAAC,EAAE,MAAAC,QAA6B;AAChD,QAAMC,IAAgBC,EAAO,EAAI,GAE3BC,IAAkBC;AAAA,IACpB,CAACC,MAAUA,EAAM,OAAO;AAAA,EAAA;AAG5B,SAAAC,EAAU,MAAM;AACZ,QAAI,CAACH,KAAmBF,EAAc,SAAS;AAC3C,MAAAA,EAAc,UAAU;AACxB;AAAA,~~IAAA~~;~~AAGJ~~,IAAKA,EAAc,WACf,OAAO,cAAc,IAAI,MAAM,QAAQ,CAAC;AAAA,~~EAC5C~~,~~GACD~~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"}
1	+ {"version":3,"file":"AnalyticChart.js","sources":["../../../../../../lib/@ecme/views/dashboards/AnalyticDashboard/components/AnalyticChart.tsx"],"sourcesContent":["import { useEffect, useRef } from 'react'\nimport Card from '@/components/ui/Card'\nimport Chart from '@/components/shared/Chart'\nimport GrowShrinkValue from '@/components/shared/GrowShrinkValue'\nimport { COLORS } from '@/constants/chart.constant'\nimport { useThemeStore } from '@/store/themeStore'\nimport { NumericFormat } from 'react-number-format'\nimport type { WebAnalyticData } from '../types'\n\ntype WebAnalyticProps = {\n data: WebAnalyticData\n}\n\nconst WebAnalytic = ({ data }: WebAnalyticProps) => {\n const isFirstRender = useRef(true)\n\n const sideNavCollapse = useThemeStore(\n (state) => state.layout.sideNavCollapse,\n )\n\n useEffect(() => {\n if (!sideNavCollapse && isFirstRender.current) {\n isFirstRender.current = false\n return\n }\n\n if (!isFirstRender.current) {\n window.dispatchEvent(new Event('resize'))\n }\n }, [sideNavCollapse])\n\n return (\n <Card className=\"h-full\">\n <div className=\"flex flex-col md:flex-row md:items-center justify-between gap-4\">\n <h4>Web analytic</h4>\n <div className=\"inline-flex items-center gap-6\">\n <div className=\"flex items-center gap-1.5\">\n <div\n className=\"h-3.5 w-3.5 rounded\"\n style={{ backgroundColor: COLORS[0] }}\n />\n <div>Natural</div>\n </div>\n <div className=\"flex items-center gap-1.5\">\n <div\n className=\"h-3.5 w-3.5 rounded\"\n style={{ backgroundColor: COLORS[7] }}\n />\n <div>Referral</div>\n </div>\n <div className=\"flex items-center gap-1.5\">\n <div\n className=\"h-3.5 w-3.5 rounded\"\n style={{ backgroundColor: COLORS[8] }}\n />\n <div>Direct</div>\n </div>\n </div>\n </div>\n <div className=\"mt-8\">\n <div className=\"flex items-center gap-10\">\n <div>\n <div className=\"mb-2\">Page views</div>\n <div className=\"flex items-end gap-2\">\n <h3>\n <NumericFormat\n displayType=\"text\"\n value={data.pageView.value}\n prefix={'$'}\n thousandSeparator={true}\n />\n </h3>\n <GrowShrinkValue\n className=\"font-bold\"\n value={data.pageView.growShrink}\n suffix=\"%\"\n positiveIcon=\"+\"\n negativeIcon=\"\"\n />\n </div>\n </div>\n <div>\n <div className=\"mb-2\">Avg. Time on page</div>\n <div className=\"flex items-end gap-2\">\n <h3>{data.avgTimeOnPage.value}</h3>\n <GrowShrinkValue\n className=\"font-bold\"\n value={data.avgTimeOnPage.growShrink}\n suffix=\"%\"\n positiveIcon=\"+\"\n negativeIcon=\"\"\n />\n </div>\n </div>\n </div>\n </div>\n <div className=\"mt-4\">\n <Chart\n type=\"line\"\n series={data.series}\n xAxis={data.date}\n height=\"330px\"\n customOptions={{\n legend: { show: false },\n colors: [COLORS[0], COLORS[7], COLORS[8]],\n }}\n />\n </div>\n </Card>\n )\n}\n\nexport default WebAnalytic\n"],"names":["WebAnalytic","data","isFirstRender","useRef","sideNavCollapse","useThemeStore","state","useEffect","jsxs","Card","jsx","COLORS","NumericFormat","GrowShrinkValue","Chart"],"mappings":";;;;;;;;;AAaA,MAAMA,IAAc,CAAC,EAAE,MAAAC,QAA6B;AAChD,QAAMC,IAAgBC,EAAO,EAAI,GAE3BC,IAAkBC;AAAA,IACpB,CAACC,MAAUA,EAAM,OAAO;AAAA,EAAA;AAG5B,SAAAC,EAAU,MAAM;AACZ,QAAI,CAACH,KAAmBF,EAAc,SAAS;AAC3C,MAAAA,EAAc,UAAU;AACxB;AAAA,IACJ;AAEA,IAAKA,EAAc,WACf,OAAO,cAAc,IAAI,MAAM,QAAQ,CAAC;AAAA,EAEhD,GAAG,CAACE,CAAe,CAAC,GAGhB,gBAAAI,EAACC,GAAA,EAAK,WAAU,UACZ,UAAA;AAAA,IAAA,gBAAAD,EAAC,OAAA,EAAI,WAAU,mEACX,UAAA;AAAA,MAAA,gBAAAE,EAAC,QAAG,UAAA,eAAA,CAAY;AAAA,MAChB,gBAAAF,EAAC,OAAA,EAAI,WAAU,kCACX,UAAA;AAAA,QAAA,gBAAAA,EAAC,OAAA,EAAI,WAAU,6BACX,UAAA;AAAA,UAAA,gBAAAE;AAAA,YAAC;AAAA,YAAA;AAAA,cACG,WAAU;AAAA,cACV,OAAO,EAAE,iBAAiBC,EAAO,CAAC,EAAA;AAAA,YAAE;AAAA,UAAA;AAAA,UAExC,gBAAAD,EAAC,SAAI,UAAA,UAAA,CAAO;AAAA,QAAA,GAChB;AAAA,QACA,gBAAAF,EAAC,OAAA,EAAI,WAAU,6BACX,UAAA;AAAA,UAAA,gBAAAE;AAAA,YAAC;AAAA,YAAA;AAAA,cACG,WAAU;AAAA,cACV,OAAO,EAAE,iBAAiBC,EAAO,CAAC,EAAA;AAAA,YAAE;AAAA,UAAA;AAAA,UAExC,gBAAAD,EAAC,SAAI,UAAA,WAAA,CAAQ;AAAA,QAAA,GACjB;AAAA,QACA,gBAAAF,EAAC,OAAA,EAAI,WAAU,6BACX,UAAA;AAAA,UAAA,gBAAAE;AAAA,YAAC;AAAA,YAAA;AAAA,cACG,WAAU;AAAA,cACV,OAAO,EAAE,iBAAiBC,EAAO,CAAC,EAAA;AAAA,YAAE;AAAA,UAAA;AAAA,UAExC,gBAAAD,EAAC,SAAI,UAAA,SAAA,CAAM;AAAA,QAAA,EAAA,CACf;AAAA,MAAA,EAAA,CACJ;AAAA,IAAA,GACJ;AAAA,sBACC,OAAA,EAAI,WAAU,QACX,UAAA,gBAAAF,EAAC,OAAA,EAAI,WAAU,4BACX,UAAA;AAAA,MAAA,gBAAAA,EAAC,OAAA,EACG,UAAA;AAAA,QAAA,gBAAAE,EAAC,OAAA,EAAI,WAAU,QAAO,UAAA,cAAU;AAAA,QAChC,gBAAAF,EAAC,OAAA,EAAI,WAAU,wBACX,UAAA;AAAA,UAAA,gBAAAE,EAAC,MAAA,EACG,UAAA,gBAAAA;AAAA,YAACE;AAAA,YAAA;AAAA,cACG,aAAY;AAAA,cACZ,OAAOX,EAAK,SAAS;AAAA,cACrB,QAAQ;AAAA,cACR,mBAAmB;AAAA,YAAA;AAAA,UAAA,GAE3B;AAAA,UACA,gBAAAS;AAAA,YAACG;AAAA,YAAA;AAAA,cACG,WAAU;AAAA,cACV,OAAOZ,EAAK,SAAS;AAAA,cACrB,QAAO;AAAA,cACP,cAAa;AAAA,cACb,cAAa;AAAA,YAAA;AAAA,UAAA;AAAA,QACjB,EAAA,CACJ;AAAA,MAAA,GACJ;AAAA,wBACC,OAAA,EACG,UAAA;AAAA,QAAA,gBAAAS,EAAC,OAAA,EAAI,WAAU,QAAO,UAAA,qBAAiB;AAAA,QACvC,gBAAAF,EAAC,OAAA,EAAI,WAAU,wBACX,UAAA;AAAA,UAAA,gBAAAE,EAAC,MAAA,EAAI,UAAAT,EAAK,cAAc,OAAM;AAAA,UAC9B,gBAAAS;AAAA,YAACG;AAAA,YAAA;AAAA,cACG,WAAU;AAAA,cACV,OAAOZ,EAAK,cAAc;AAAA,cAC1B,QAAO;AAAA,cACP,cAAa;AAAA,cACb,cAAa;AAAA,YAAA;AAAA,UAAA;AAAA,QACjB,EAAA,CACJ;AAAA,MAAA,EAAA,CACJ;AAAA,IAAA,EAAA,CACJ,EAAA,CACJ;AAAA,IACA,gBAAAS,EAAC,OAAA,EAAI,WAAU,QACX,UAAA,gBAAAA;AAAA,MAACI;AAAA,MAAA;AAAA,QACG,MAAK;AAAA,QACL,QAAQb,EAAK;AAAA,QACb,OAAOA,EAAK;AAAA,QACZ,QAAO;AAAA,QACP,eAAe;AAAA,UACX,QAAQ,EAAE,MAAM,GAAA;AAAA,UAChB,QAAQ,CAACU,EAAO,CAAC,GAAGA,EAAO,CAAC,GAAGA,EAAO,CAAC,CAAC;AAAA,QAAA;AAAA,MAC5C;AAAA,IAAA,EACJ,CACJ;AAAA,EAAA,GACJ;AAER;"}

package/dist/@ecme/views/dashboards/AnalyticDashboard/components/AnalyticHeader.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AnalyticHeader.js","sources":["../../../../../../lib/@ecme/views/dashboards/AnalyticDashboard/components/AnalyticHeader.tsx"],"sourcesContent":["/* eslint-disable react-refresh/only-export-components */\r\nimport Select from '@/components/ui/Select'\r\nimport type { Period } from '../types'\r\n\r\ntype AnalyticHeaderProps = {\r\n selectedPeriod: Period\r\n onSelectedPeriodChange: (value: Period) => void\r\n}\r\n\r\nexport const options: { value: Period; label: string }[] = [\r\n { value: 'thisMonth', label: 'Monthly' },\r\n { value: 'thisWeek', label: 'Weekly' },\r\n { value: 'thisYear', label: 'Annualy' },\r\n]\r\n\r\nconst AnalyticHeader = ({\r\n selectedPeriod,\r\n onSelectedPeriodChange,\r\n}: AnalyticHeaderProps) => {\r\n return (\r\n <div className=\"flex flex-col md:flex-row md:items-center justify-between mb-2 gap-4\">\r\n <div>\r\n <h4 className=\"mb-1\">Analytic overview</h4>\r\n <p>Explore the metrics to understand trends and drive.</p>\r\n </div>\r\n <div className=\"flex items-center gap-2\">\r\n <span>Show by:</span>\r\n <Select\r\n className=\"w-[150px]\"\r\n size=\"sm\"\r\n placeholder=\"Select period\"\r\n value={options.filter(\r\n (option) => option.value === selectedPeriod,\r\n )}\r\n options={options}\r\n isSearchable={false}\r\n onChange={(option) => {\r\n if (option?.value) {\r\n onSelectedPeriodChange(option?.value)\r\n }\r\n }}\r\n />\r\n </div>\r\n </div>\r\n )\r\n}\r\n\r\nexport default AnalyticHeader\r\n"],"names":["options","AnalyticHeader","selectedPeriod","onSelectedPeriodChange","jsxs","jsx","Select","option"],"mappings":";;;AASO,MAAMA,IAA8C;AAAA,EACvD,EAAE,OAAO,aAAa,OAAO,UAAA;AAAA,EAC7B,EAAE,OAAO,YAAY,OAAO,SAAA;AAAA,EAC5B,EAAE,OAAO,YAAY,OAAO,UAAA;AAChC,GAEMC,IAAiB,CAAC;AAAA,EACpB,gBAAAC;AAAA,EACA,wBAAAC;AACJ,MAEQ,gBAAAC,EAAC,OAAA,EAAI,WAAU,wEACX,UAAA;AAAA,EAAA,gBAAAA,EAAC,OAAA,EACG,UAAA;AAAA,IAAA,gBAAAC,EAAC,MAAA,EAAG,WAAU,QAAO,UAAA,qBAAiB;AAAA,IACtC,gBAAAA,EAAC,OAAE,UAAA,sDAAA,CAAmD;AAAA,EAAA,GAC1D;AAAA,EACA,gBAAAD,EAAC,OAAA,EAAI,WAAU,2BACX,UAAA;AAAA,IAAA,gBAAAC,EAAC,UAAK,UAAA,WAAA,CAAQ;AAAA,IACd,gBAAAA;AAAA,MAACC;AAAA,MAAA;AAAA,QACG,WAAU;AAAA,QACV,MAAK;AAAA,QACL,aAAY;AAAA,QACZ,OAAON,EAAQ;AAAA,UACX,CAACO,MAAWA,EAAO,UAAUL;AAAA,QAAA;AAAA,QAEjC,SAAAF;AAAA,QACA,cAAc;AAAA,QACd,UAAU,CAACO,MAAW;AAClB,UAAIA,KAAA,QAAAA,EAAQ,SACRJ,EAAuBI,KAAA,gBAAAA,EAAQ,KAAK;AAAA,~~QACxC~~;AAAA,~~MACJ~~;AAAA,IAAA;AAAA,EACJ,EAAA,CACJ;AAAA,GACJ;"}
1	+ {"version":3,"file":"AnalyticHeader.js","sources":["../../../../../../lib/@ecme/views/dashboards/AnalyticDashboard/components/AnalyticHeader.tsx"],"sourcesContent":["/* eslint-disable react-refresh/only-export-components */\nimport Select from '@/components/ui/Select'\nimport type { Period } from '../types'\n\ntype AnalyticHeaderProps = {\n selectedPeriod: Period\n onSelectedPeriodChange: (value: Period) => void\n}\n\nexport const options: { value: Period; label: string }[] = [\n { value: 'thisMonth', label: 'Monthly' },\n { value: 'thisWeek', label: 'Weekly' },\n { value: 'thisYear', label: 'Annualy' },\n]\n\nconst AnalyticHeader = ({\n selectedPeriod,\n onSelectedPeriodChange,\n}: AnalyticHeaderProps) => {\n return (\n <div className=\"flex flex-col md:flex-row md:items-center justify-between mb-2 gap-4\">\n <div>\n <h4 className=\"mb-1\">Analytic overview</h4>\n <p>Explore the metrics to understand trends and drive.</p>\n </div>\n <div className=\"flex items-center gap-2\">\n <span>Show by:</span>\n <Select\n className=\"w-[150px]\"\n size=\"sm\"\n placeholder=\"Select period\"\n value={options.filter(\n (option) => option.value === selectedPeriod,\n )}\n options={options}\n isSearchable={false}\n onChange={(option) => {\n if (option?.value) {\n onSelectedPeriodChange(option?.value)\n }\n }}\n />\n </div>\n </div>\n )\n}\n\nexport default AnalyticHeader\n"],"names":["options","AnalyticHeader","selectedPeriod","onSelectedPeriodChange","jsxs","jsx","Select","option"],"mappings":";;;AASO,MAAMA,IAA8C;AAAA,EACvD,EAAE,OAAO,aAAa,OAAO,UAAA;AAAA,EAC7B,EAAE,OAAO,YAAY,OAAO,SAAA;AAAA,EAC5B,EAAE,OAAO,YAAY,OAAO,UAAA;AAChC,GAEMC,IAAiB,CAAC;AAAA,EACpB,gBAAAC;AAAA,EACA,wBAAAC;AACJ,MAEQ,gBAAAC,EAAC,OAAA,EAAI,WAAU,wEACX,UAAA;AAAA,EAAA,gBAAAA,EAAC,OAAA,EACG,UAAA;AAAA,IAAA,gBAAAC,EAAC,MAAA,EAAG,WAAU,QAAO,UAAA,qBAAiB;AAAA,IACtC,gBAAAA,EAAC,OAAE,UAAA,sDAAA,CAAmD;AAAA,EAAA,GAC1D;AAAA,EACA,gBAAAD,EAAC,OAAA,EAAI,WAAU,2BACX,UAAA;AAAA,IAAA,gBAAAC,EAAC,UAAK,UAAA,WAAA,CAAQ;AAAA,IACd,gBAAAA;AAAA,MAACC;AAAA,MAAA;AAAA,QACG,WAAU;AAAA,QACV,MAAK;AAAA,QACL,aAAY;AAAA,QACZ,OAAON,EAAQ;AAAA,UACX,CAACO,MAAWA,EAAO,UAAUL;AAAA,QAAA;AAAA,QAEjC,SAAAF;AAAA,QACA,cAAc;AAAA,QACd,UAAU,CAACO,MAAW;AAClB,UAAIA,KAAA,QAAAA,EAAQ,SACRJ,EAAuBI,KAAA,gBAAAA,EAAQ,KAAK;AAAA,QAE5C;AAAA,MAAA;AAAA,IAAA;AAAA,EACJ,EAAA,CACJ;AAAA,GACJ;"}

package/dist/@ecme/views/dashboards/AnalyticDashboard/components/DeviceSession.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DeviceSession.js","sources":["../../../../../../lib/@ecme/views/dashboards/AnalyticDashboard/components/DeviceSession.tsx"],"sourcesContent":["import Card from '@/components/ui/Card'\r\nimport Chart from '@/components/shared/Chart'\r\nimport { COLORS } from '@/constants/chart.constant'\r\nimport { TbDeviceDesktop, TbDeviceMobile, TbDeviceTablet } from 'react-icons/tb'\r\nimport type { DeviceSessionData } from '../types'\r\n\r\ntype DeviceSessionProps = {\r\n data: DeviceSessionData\r\n}\r\n\r\nconst DeviceSession = ({ data }: DeviceSessionProps) => {\r\n return (\r\n <Card>\r\n <div className=\"flex items-center justify-between\">\r\n <h4>Session devices</h4>\r\n </div>\r\n <div className=\"mt-6\">\r\n <Chart\r\n height={280}\r\n series={data.series}\r\n customOptions={{\r\n colors: [COLORS[0], COLORS[7], COLORS[8]],\r\n labels: data.labels,\r\n plotOptions: {\r\n pie: {\r\n donut: {\r\n labels: {\r\n show: true,\r\n total: {\r\n show: true,\r\n showAlways: true,\r\n label: '',\r\n formatter: function () {\r\n return ''\r\n },\r\n },\r\n },\r\n size: '75%',\r\n },\r\n },\r\n },\r\n }}\r\n type=\"donut\"\r\n />\r\n </div>\r\n <div className=\"mt-8 flex justify-center gap-12 mx-auto\">\r\n <div className=\"flex flex-col items-center justify-center gap-2\">\r\n <div className=\"text-3xl\" style={{ color: COLORS[0] }}>\r\n <TbDeviceDesktop />\r\n </div>\r\n <div className=\"text-center\">\r\n <span>Desktop</span>\r\n <h5>{data.percentage[0]}%</h5>\r\n </div>\r\n </div>\r\n <div className=\"flex flex-col items-center justify-center gap-2\">\r\n <div className=\"text-3xl\" style={{ color: COLORS[7] }}>\r\n <TbDeviceMobile />\r\n </div>\r\n <div className=\"text-center\">\r\n <span>Mobile</span>\r\n <h5>{data.percentage[1]}%</h5>\r\n </div>\r\n </div>\r\n <div className=\"flex flex-col items-center justify-center gap-2\">\r\n <div className=\"text-3xl\" style={{ color: COLORS[8] }}>\r\n <TbDeviceTablet />\r\n </div>\r\n <div className=\"text-center\">\r\n <span>Tablet</span>\r\n <h5>{data.percentage[2]}%</h5>\r\n </div>\r\n </div>\r\n </div>\r\n </Card>\r\n )\r\n}\r\n\r\nexport default DeviceSession\r\n"],"names":["DeviceSession","data","Card","jsx","Chart","COLORS","jsxs","TbDeviceDesktop","TbDeviceMobile","TbDeviceTablet"],"mappings":";;;;;;AAUA,MAAMA,IAAgB,CAAC,EAAE,MAAAC,0BAEhBC,GAAA,EACG,UAAA;AAAA,EAAA,gBAAAC,EAAC,SAAI,WAAU,qCACX,UAAA,gBAAAA,EAAC,MAAA,EAAG,6BAAe,EAAA,CACvB;AAAA,EACA,gBAAAA,EAAC,OAAA,EAAI,WAAU,QACX,UAAA,gBAAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,QAAQ;AAAA,MACR,QAAQH,EAAK;AAAA,MACb,eAAe;AAAA,QACX,QAAQ,CAACI,EAAO,CAAC,GAAGA,EAAO,CAAC,GAAGA,EAAO,CAAC,CAAC;AAAA,QACxC,QAAQJ,EAAK;AAAA,QACb,aAAa;AAAA,UACT,KAAK;AAAA,YACD,OAAO;AAAA,cACH,QAAQ;AAAA,gBACJ,MAAM;AAAA,gBACN,OAAO;AAAA,kBACH,MAAM;AAAA,kBACN,YAAY;AAAA,kBACZ,OAAO;AAAA,kBACP,WAAW,WAAY;AACnB,2BAAO;AAAA,~~kBAAA~~;AAAA,~~gBACX~~;AAAA,cACJ;AAAA,cAEJ,MAAM;AAAA,YAAA;AAAA,UACV;AAAA,QACJ;AAAA,MACJ;AAAA,MAEJ,MAAK;AAAA,IAAA;AAAA,EAAA,GAEb;AAAA,EACA,gBAAAK,EAAC,OAAA,EAAI,WAAU,2CACX,UAAA;AAAA,IAAA,gBAAAA,EAAC,OAAA,EAAI,WAAU,mDACX,UAAA;AAAA,MAAA,gBAAAH,EAAC,OAAA,EAAI,WAAU,YAAW,OAAO,EAAE,OAAOE,EAAO,CAAC,EAAA,GAC9C,UAAA,gBAAAF,EAACI,GAAA,CAAA,CAAgB,GACrB;AAAA,MACA,gBAAAD,EAAC,OAAA,EAAI,WAAU,eACX,UAAA;AAAA,QAAA,gBAAAH,EAAC,UAAK,UAAA,UAAA,CAAO;AAAA,0BACZ,MAAA,EAAI,UAAA;AAAA,UAAAF,EAAK,WAAW,CAAC;AAAA,UAAE;AAAA,QAAA,EAAA,CAAC;AAAA,MAAA,EAAA,CAC7B;AAAA,IAAA,GACJ;AAAA,IACA,gBAAAK,EAAC,OAAA,EAAI,WAAU,mDACX,UAAA;AAAA,MAAA,gBAAAH,EAAC,OAAA,EAAI,WAAU,YAAW,OAAO,EAAE,OAAOE,EAAO,CAAC,EAAA,GAC9C,UAAA,gBAAAF,EAACK,GAAA,CAAA,CAAe,GACpB;AAAA,MACA,gBAAAF,EAAC,OAAA,EAAI,WAAU,eACX,UAAA;AAAA,QAAA,gBAAAH,EAAC,UAAK,UAAA,SAAA,CAAM;AAAA,0BACX,MAAA,EAAI,UAAA;AAAA,UAAAF,EAAK,WAAW,CAAC;AAAA,UAAE;AAAA,QAAA,EAAA,CAAC;AAAA,MAAA,EAAA,CAC7B;AAAA,IAAA,GACJ;AAAA,IACA,gBAAAK,EAAC,OAAA,EAAI,WAAU,mDACX,UAAA;AAAA,MAAA,gBAAAH,EAAC,OAAA,EAAI,WAAU,YAAW,OAAO,EAAE,OAAOE,EAAO,CAAC,EAAA,GAC9C,UAAA,gBAAAF,EAACM,GAAA,CAAA,CAAe,GACpB;AAAA,MACA,gBAAAH,EAAC,OAAA,EAAI,WAAU,eACX,UAAA;AAAA,QAAA,gBAAAH,EAAC,UAAK,UAAA,SAAA,CAAM;AAAA,0BACX,MAAA,EAAI,UAAA;AAAA,UAAAF,EAAK,WAAW,CAAC;AAAA,UAAE;AAAA,QAAA,EAAA,CAAC;AAAA,MAAA,EAAA,CAC7B;AAAA,IAAA,EAAA,CACJ;AAAA,EAAA,EAAA,CACJ;AAAA,GACJ;"}
1	+ {"version":3,"file":"DeviceSession.js","sources":["../../../../../../lib/@ecme/views/dashboards/AnalyticDashboard/components/DeviceSession.tsx"],"sourcesContent":["import Card from '@/components/ui/Card'\nimport Chart from '@/components/shared/Chart'\nimport { COLORS } from '@/constants/chart.constant'\nimport { TbDeviceDesktop, TbDeviceMobile, TbDeviceTablet } from 'react-icons/tb'\nimport type { DeviceSessionData } from '../types'\n\ntype DeviceSessionProps = {\n data: DeviceSessionData\n}\n\nconst DeviceSession = ({ data }: DeviceSessionProps) => {\n return (\n <Card>\n <div className=\"flex items-center justify-between\">\n <h4>Session devices</h4>\n </div>\n <div className=\"mt-6\">\n <Chart\n height={280}\n series={data.series}\n customOptions={{\n colors: [COLORS[0], COLORS[7], COLORS[8]],\n labels: data.labels,\n plotOptions: {\n pie: {\n donut: {\n labels: {\n show: true,\n total: {\n show: true,\n showAlways: true,\n label: '',\n formatter: function () {\n return ''\n },\n },\n },\n size: '75%',\n },\n },\n },\n }}\n type=\"donut\"\n />\n </div>\n <div className=\"mt-8 flex justify-center gap-12 mx-auto\">\n <div className=\"flex flex-col items-center justify-center gap-2\">\n <div className=\"text-3xl\" style={{ color: COLORS[0] }}>\n <TbDeviceDesktop />\n </div>\n <div className=\"text-center\">\n <span>Desktop</span>\n <h5>{data.percentage[0]}%</h5>\n </div>\n </div>\n <div className=\"flex flex-col items-center justify-center gap-2\">\n <div className=\"text-3xl\" style={{ color: COLORS[7] }}>\n <TbDeviceMobile />\n </div>\n <div className=\"text-center\">\n <span>Mobile</span>\n <h5>{data.percentage[1]}%</h5>\n </div>\n </div>\n <div className=\"flex flex-col items-center justify-center gap-2\">\n <div className=\"text-3xl\" style={{ color: COLORS[8] }}>\n <TbDeviceTablet />\n </div>\n <div className=\"text-center\">\n <span>Tablet</span>\n <h5>{data.percentage[2]}%</h5>\n </div>\n </div>\n </div>\n </Card>\n )\n}\n\nexport default DeviceSession\n"],"names":["DeviceSession","data","Card","jsx","Chart","COLORS","jsxs","TbDeviceDesktop","TbDeviceMobile","TbDeviceTablet"],"mappings":";;;;;;AAUA,MAAMA,IAAgB,CAAC,EAAE,MAAAC,0BAEhBC,GAAA,EACG,UAAA;AAAA,EAAA,gBAAAC,EAAC,SAAI,WAAU,qCACX,UAAA,gBAAAA,EAAC,MAAA,EAAG,6BAAe,EAAA,CACvB;AAAA,EACA,gBAAAA,EAAC,OAAA,EAAI,WAAU,QACX,UAAA,gBAAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,QAAQ;AAAA,MACR,QAAQH,EAAK;AAAA,MACb,eAAe;AAAA,QACX,QAAQ,CAACI,EAAO,CAAC,GAAGA,EAAO,CAAC,GAAGA,EAAO,CAAC,CAAC;AAAA,QACxC,QAAQJ,EAAK;AAAA,QACb,aAAa;AAAA,UACT,KAAK;AAAA,YACD,OAAO;AAAA,cACH,QAAQ;AAAA,gBACJ,MAAM;AAAA,gBACN,OAAO;AAAA,kBACH,MAAM;AAAA,kBACN,YAAY;AAAA,kBACZ,OAAO;AAAA,kBACP,WAAW,WAAY;AACnB,2BAAO;AAAA,kBACX;AAAA,gBAAA;AAAA,cACJ;AAAA,cAEJ,MAAM;AAAA,YAAA;AAAA,UACV;AAAA,QACJ;AAAA,MACJ;AAAA,MAEJ,MAAK;AAAA,IAAA;AAAA,EAAA,GAEb;AAAA,EACA,gBAAAK,EAAC,OAAA,EAAI,WAAU,2CACX,UAAA;AAAA,IAAA,gBAAAA,EAAC,OAAA,EAAI,WAAU,mDACX,UAAA;AAAA,MAAA,gBAAAH,EAAC,OAAA,EAAI,WAAU,YAAW,OAAO,EAAE,OAAOE,EAAO,CAAC,EAAA,GAC9C,UAAA,gBAAAF,EAACI,GAAA,CAAA,CAAgB,GACrB;AAAA,MACA,gBAAAD,EAAC,OAAA,EAAI,WAAU,eACX,UAAA;AAAA,QAAA,gBAAAH,EAAC,UAAK,UAAA,UAAA,CAAO;AAAA,0BACZ,MAAA,EAAI,UAAA;AAAA,UAAAF,EAAK,WAAW,CAAC;AAAA,UAAE;AAAA,QAAA,EAAA,CAAC;AAAA,MAAA,EAAA,CAC7B;AAAA,IAAA,GACJ;AAAA,IACA,gBAAAK,EAAC,OAAA,EAAI,WAAU,mDACX,UAAA;AAAA,MAAA,gBAAAH,EAAC,OAAA,EAAI,WAAU,YAAW,OAAO,EAAE,OAAOE,EAAO,CAAC,EAAA,GAC9C,UAAA,gBAAAF,EAACK,GAAA,CAAA,CAAe,GACpB;AAAA,MACA,gBAAAF,EAAC,OAAA,EAAI,WAAU,eACX,UAAA;AAAA,QAAA,gBAAAH,EAAC,UAAK,UAAA,SAAA,CAAM;AAAA,0BACX,MAAA,EAAI,UAAA;AAAA,UAAAF,EAAK,WAAW,CAAC;AAAA,UAAE;AAAA,QAAA,EAAA,CAAC;AAAA,MAAA,EAAA,CAC7B;AAAA,IAAA,GACJ;AAAA,IACA,gBAAAK,EAAC,OAAA,EAAI,WAAU,mDACX,UAAA;AAAA,MAAA,gBAAAH,EAAC,OAAA,EAAI,WAAU,YAAW,OAAO,EAAE,OAAOE,EAAO,CAAC,EAAA,GAC9C,UAAA,gBAAAF,EAACM,GAAA,CAAA,CAAe,GACpB;AAAA,MACA,gBAAAH,EAAC,OAAA,EAAI,WAAU,eACX,UAAA;AAAA,QAAA,gBAAAH,EAAC,UAAK,UAAA,SAAA,CAAM;AAAA,0BACX,MAAA,EAAI,UAAA;AAAA,UAAAF,EAAK,WAAW,CAAC;AAAA,UAAE;AAAA,QAAA,EAAA,CAAC;AAAA,MAAA,EAAA,CAC7B;AAAA,IAAA,EAAA,CACJ;AAAA,EAAA,EAAA,CACJ;AAAA,GACJ;"}

package/dist/@ecme/views/dashboards/AnalyticDashboard/components/Metrics.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Metrics.js","sources":["../../../../../../lib/@ecme/views/dashboards/AnalyticDashboard/components/Metrics.tsx"],"sourcesContent":["import Card from '@/components/ui/Card'\r\nimport GrowShrinkValue from '@/components/shared/GrowShrinkValue'\r\nimport classNames from '@/utils/classNames'\r\nimport { NumericFormat } from 'react-number-format'\r\nimport { TbUsers, TbCoins, TbClick } from 'react-icons/tb'\r\nimport { MetricsData, Period } from '../types'\r\nimport type { ReactNode } from 'react'\r\n\r\ntype WidgetProps = {\r\n title: string\r\n value: string \| number \| ReactNode\r\n growShrink: number\r\n compareFrom: string\r\n icon: ReactNode\r\n iconClass: string\r\n}\r\n\r\ntype MetricsProps = {\r\n data: MetricsData\r\n selectedPeriod: Period\r\n}\r\n\r\nconst vsPeriod: Record<Period, string> = {\r\n thisMonth: 'vs last month',\r\n thisWeek: 'vs last week',\r\n thisYear: 'vs last year',\r\n}\r\n\r\nconst Widget = ({\r\n title,\r\n growShrink,\r\n value,\r\n compareFrom,\r\n icon,\r\n iconClass,\r\n}: WidgetProps) => {\r\n return (\r\n <Card className=\"flex-1\">\r\n <div className=\"flex justify-between gap-2 relative\">\r\n <div>\r\n <div className=\"mb-10 text-base\">{title}</div>\r\n <h3 className=\"mb-1\">{value}</h3>\r\n <div className=\"inline-flex items-center flex-wrap gap-1\">\r\n <GrowShrinkValue\r\n className=\"font-bold\"\r\n value={growShrink}\r\n suffix=\"%\"\r\n positiveIcon=\"+\"\r\n negativeIcon=\"\"\r\n />\r\n <span>{compareFrom}</span>\r\n </div>\r\n </div>\r\n <div\r\n className={classNames(\r\n 'flex items-center justify-center min-h-12 min-w-12 max-h-12 max-w-12 text-gray-900 rounded-full text-2xl',\r\n iconClass,\r\n )}\r\n >\r\n {icon}\r\n </div>\r\n </div>\r\n </Card>\r\n )\r\n}\r\n\r\nconst Metrics = ({ data, selectedPeriod }: MetricsProps) => {\r\n return (\r\n <div className=\"flex flex-col 2xl:flex-col xl:flex-row gap-4\">\r\n <Widget\r\n title=\"Visitor\"\r\n value={\r\n <NumericFormat\r\n displayType=\"text\"\r\n value={data.visitors.value}\r\n thousandSeparator={true}\r\n />\r\n }\r\n growShrink={data.visitors.growShrink}\r\n compareFrom={vsPeriod[selectedPeriod]}\r\n icon={<TbUsers />}\r\n iconClass=\"bg-orange-200\"\r\n />\r\n <Widget\r\n title=\"Conversion rate\"\r\n value={`${data.conversionRate.value}%`}\r\n growShrink={data.conversionRate.growShrink}\r\n compareFrom={vsPeriod[selectedPeriod]}\r\n icon={<TbCoins />}\r\n iconClass=\"bg-emerald-200\"\r\n />\r\n <Widget\r\n title=\"Ad campaign clicks\"\r\n value={\r\n <NumericFormat\r\n displayType=\"text\"\r\n value={data.adCampaignClicks.value}\r\n thousandSeparator={true}\r\n />\r\n }\r\n growShrink={data.adCampaignClicks.growShrink}\r\n compareFrom={vsPeriod[selectedPeriod]}\r\n icon={<TbClick />}\r\n iconClass=\"bg-purple-200\"\r\n />\r\n </div>\r\n )\r\n}\r\n\r\nexport default Metrics\r\n"],"names":["vsPeriod","Widget","title","growShrink","value","compareFrom","icon","iconClass","Card","jsxs","jsx","GrowShrinkValue","classNames","Metrics","data","selectedPeriod","NumericFormat","TbUsers","TbCoins","TbClick"],"mappings":";;;;;;;AAsBA,MAAMA,IAAmC;AAAA,EACrC,WAAW;AAAA,EACX,UAAU;AAAA,EACV,UAAU;AACd,GAEMC,IAAS,CAAC;AAAA,EACZ,OAAAC;AAAA,EACA,YAAAC;AAAA,EACA,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,MAAAC;AAAA,EACA,WAAAC;AACJ,wBAESC,GAAA,EAAK,WAAU,UACZ,UAAA,gBAAAC,EAAC,OAAA,EAAI,WAAU,uCACX,UAAA;AAAA,EAAA,gBAAAA,EAAC,OAAA,EACG,UAAA;AAAA,IAAA,gBAAAC,EAAC,OAAA,EAAI,WAAU,mBAAmB,UAAAR,GAAM;AAAA,IACxC,gBAAAQ,EAAC,MAAA,EAAG,WAAU,QAAQ,UAAAN,GAAM;AAAA,IAC5B,gBAAAK,EAAC,OAAA,EAAI,WAAU,4CACX,UAAA;AAAA,MAAA,gBAAAC;AAAA,QAACC;AAAA,QAAA;AAAA,UACG,WAAU;AAAA,UACV,OAAOR;AAAA,UACP,QAAO;AAAA,UACP,cAAa;AAAA,UACb,cAAa;AAAA,QAAA;AAAA,MAAA;AAAA,MAEjB,gBAAAO,EAAC,UAAM,UAAAL,EAAA,CAAY;AAAA,IAAA,EAAA,CACvB;AAAA,EAAA,GACJ;AAAA,EACA,gBAAAK;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAWE;AAAA,QACP;AAAA,QACAL;AAAA,MAAA;AAAA,MAGH,UAAAD;AAAA,IAAA;AAAA,EAAA;AACL,EAAA,CACJ,EAAA,CACJ,GAIFO,IAAU,CAAC,EAAE,MAAAC,GAAM,gBAAAC,QAEjB,gBAAAN,EAAC,OAAA,EAAI,WAAU,gDACX,UAAA;AAAA,EAAA,gBAAAC;AAAA,IAACT;AAAA,IAAA;AAAA,MACG,OAAM;AAAA,MACN,OACI,gBAAAS;AAAA,QAACM;AAAA,QAAA;AAAA,UACG,aAAY;AAAA,UACZ,OAAOF,EAAK,SAAS;AAAA,UACrB,mBAAmB;AAAA,QAAA;AAAA,MAAA;AAAA,MAG3B,YAAYA,EAAK,SAAS;AAAA,MAC1B,aAAad,EAASe,CAAc;AAAA,MACpC,wBAAOE,GAAA,EAAQ;AAAA,MACf,WAAU;AAAA,IAAA;AAAA,EAAA;AAAA,EAEd,gBAAAP;AAAA,IAACT;AAAA,IAAA;AAAA,MACG,OAAM;AAAA,MACN,OAAO,GAAGa,EAAK,eAAe,KAAK;AAAA,MACnC,YAAYA,EAAK,eAAe;AAAA,MAChC,aAAad,EAASe,CAAc;AAAA,MACpC,wBAAOG,GAAA,EAAQ;AAAA,MACf,WAAU;AAAA,IAAA;AAAA,EAAA;AAAA,EAEd,gBAAAR;AAAA,IAACT;AAAA,IAAA;AAAA,MACG,OAAM;AAAA,MACN,OACI,gBAAAS;AAAA,QAACM;AAAA,QAAA;AAAA,UACG,aAAY;AAAA,UACZ,OAAOF,EAAK,iBAAiB;AAAA,UAC7B,mBAAmB;AAAA,QAAA;AAAA,MAAA;AAAA,MAG3B,YAAYA,EAAK,iBAAiB;AAAA,MAClC,aAAad,EAASe,CAAc;AAAA,MACpC,wBAAOI,GAAA,EAAQ;AAAA,MACf,WAAU;AAAA,IAAA;AAAA,EAAA;AACd,GACJ;"}
1	+ {"version":3,"file":"Metrics.js","sources":["../../../../../../lib/@ecme/views/dashboards/AnalyticDashboard/components/Metrics.tsx"],"sourcesContent":["import Card from '@/components/ui/Card'\nimport GrowShrinkValue from '@/components/shared/GrowShrinkValue'\nimport classNames from '@/utils/classNames'\nimport { NumericFormat } from 'react-number-format'\nimport { TbUsers, TbCoins, TbClick } from 'react-icons/tb'\nimport { MetricsData, Period } from '../types'\nimport type { ReactNode } from 'react'\n\ntype WidgetProps = {\n title: string\n value: string \| number \| ReactNode\n growShrink: number\n compareFrom: string\n icon: ReactNode\n iconClass: string\n}\n\ntype MetricsProps = {\n data: MetricsData\n selectedPeriod: Period\n}\n\nconst vsPeriod: Record<Period, string> = {\n thisMonth: 'vs last month',\n thisWeek: 'vs last week',\n thisYear: 'vs last year',\n}\n\nconst Widget = ({\n title,\n growShrink,\n value,\n compareFrom,\n icon,\n iconClass,\n}: WidgetProps) => {\n return (\n <Card className=\"flex-1\">\n <div className=\"flex justify-between gap-2 relative\">\n <div>\n <div className=\"mb-10 text-base\">{title}</div>\n <h3 className=\"mb-1\">{value}</h3>\n <div className=\"inline-flex items-center flex-wrap gap-1\">\n <GrowShrinkValue\n className=\"font-bold\"\n value={growShrink}\n suffix=\"%\"\n positiveIcon=\"+\"\n negativeIcon=\"\"\n />\n <span>{compareFrom}</span>\n </div>\n </div>\n <div\n className={classNames(\n 'flex items-center justify-center min-h-12 min-w-12 max-h-12 max-w-12 text-gray-900 rounded-full text-2xl',\n iconClass,\n )}\n >\n {icon}\n </div>\n </div>\n </Card>\n )\n}\n\nconst Metrics = ({ data, selectedPeriod }: MetricsProps) => {\n return (\n <div className=\"flex flex-col 2xl:flex-col xl:flex-row gap-4\">\n <Widget\n title=\"Visitor\"\n value={\n <NumericFormat\n displayType=\"text\"\n value={data.visitors.value}\n thousandSeparator={true}\n />\n }\n growShrink={data.visitors.growShrink}\n compareFrom={vsPeriod[selectedPeriod]}\n icon={<TbUsers />}\n iconClass=\"bg-orange-200\"\n />\n <Widget\n title=\"Conversion rate\"\n value={`${data.conversionRate.value}%`}\n growShrink={data.conversionRate.growShrink}\n compareFrom={vsPeriod[selectedPeriod]}\n icon={<TbCoins />}\n iconClass=\"bg-emerald-200\"\n />\n <Widget\n title=\"Ad campaign clicks\"\n value={\n <NumericFormat\n displayType=\"text\"\n value={data.adCampaignClicks.value}\n thousandSeparator={true}\n />\n }\n growShrink={data.adCampaignClicks.growShrink}\n compareFrom={vsPeriod[selectedPeriod]}\n icon={<TbClick />}\n iconClass=\"bg-purple-200\"\n />\n </div>\n )\n}\n\nexport default Metrics\n"],"names":["vsPeriod","Widget","title","growShrink","value","compareFrom","icon","iconClass","Card","jsxs","jsx","GrowShrinkValue","classNames","Metrics","data","selectedPeriod","NumericFormat","TbUsers","TbCoins","TbClick"],"mappings":";;;;;;;AAsBA,MAAMA,IAAmC;AAAA,EACrC,WAAW;AAAA,EACX,UAAU;AAAA,EACV,UAAU;AACd,GAEMC,IAAS,CAAC;AAAA,EACZ,OAAAC;AAAA,EACA,YAAAC;AAAA,EACA,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,MAAAC;AAAA,EACA,WAAAC;AACJ,wBAESC,GAAA,EAAK,WAAU,UACZ,UAAA,gBAAAC,EAAC,OAAA,EAAI,WAAU,uCACX,UAAA;AAAA,EAAA,gBAAAA,EAAC,OAAA,EACG,UAAA;AAAA,IAAA,gBAAAC,EAAC,OAAA,EAAI,WAAU,mBAAmB,UAAAR,GAAM;AAAA,IACxC,gBAAAQ,EAAC,MAAA,EAAG,WAAU,QAAQ,UAAAN,GAAM;AAAA,IAC5B,gBAAAK,EAAC,OAAA,EAAI,WAAU,4CACX,UAAA;AAAA,MAAA,gBAAAC;AAAA,QAACC;AAAA,QAAA;AAAA,UACG,WAAU;AAAA,UACV,OAAOR;AAAA,UACP,QAAO;AAAA,UACP,cAAa;AAAA,UACb,cAAa;AAAA,QAAA;AAAA,MAAA;AAAA,MAEjB,gBAAAO,EAAC,UAAM,UAAAL,EAAA,CAAY;AAAA,IAAA,EAAA,CACvB;AAAA,EAAA,GACJ;AAAA,EACA,gBAAAK;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAWE;AAAA,QACP;AAAA,QACAL;AAAA,MAAA;AAAA,MAGH,UAAAD;AAAA,IAAA;AAAA,EAAA;AACL,EAAA,CACJ,EAAA,CACJ,GAIFO,IAAU,CAAC,EAAE,MAAAC,GAAM,gBAAAC,QAEjB,gBAAAN,EAAC,OAAA,EAAI,WAAU,gDACX,UAAA;AAAA,EAAA,gBAAAC;AAAA,IAACT;AAAA,IAAA;AAAA,MACG,OAAM;AAAA,MACN,OACI,gBAAAS;AAAA,QAACM;AAAA,QAAA;AAAA,UACG,aAAY;AAAA,UACZ,OAAOF,EAAK,SAAS;AAAA,UACrB,mBAAmB;AAAA,QAAA;AAAA,MAAA;AAAA,MAG3B,YAAYA,EAAK,SAAS;AAAA,MAC1B,aAAad,EAASe,CAAc;AAAA,MACpC,wBAAOE,GAAA,EAAQ;AAAA,MACf,WAAU;AAAA,IAAA;AAAA,EAAA;AAAA,EAEd,gBAAAP;AAAA,IAACT;AAAA,IAAA;AAAA,MACG,OAAM;AAAA,MACN,OAAO,GAAGa,EAAK,eAAe,KAAK;AAAA,MACnC,YAAYA,EAAK,eAAe;AAAA,MAChC,aAAad,EAASe,CAAc;AAAA,MACpC,wBAAOG,GAAA,EAAQ;AAAA,MACf,WAAU;AAAA,IAAA;AAAA,EAAA;AAAA,EAEd,gBAAAR;AAAA,IAACT;AAAA,IAAA;AAAA,MACG,OAAM;AAAA,MACN,OACI,gBAAAS;AAAA,QAACM;AAAA,QAAA;AAAA,UACG,aAAY;AAAA,UACZ,OAAOF,EAAK,iBAAiB;AAAA,UAC7B,mBAAmB;AAAA,QAAA;AAAA,MAAA;AAAA,MAG3B,YAAYA,EAAK,iBAAiB;AAAA,MAClC,aAAad,EAASe,CAAc;AAAA,MACpC,wBAAOI,GAAA,EAAQ;AAAA,MACf,WAAU;AAAA,IAAA;AAAA,EAAA;AACd,GACJ;"}

package/dist/@ecme/views/dashboards/AnalyticDashboard/components/TopChannel.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TopChannel.js","sources":["../../../../../../lib/@ecme/views/dashboards/AnalyticDashboard/components/TopChannel.tsx"],"sourcesContent":["import Avatar from '@/components/ui/Avatar'\r\nimport Button from '@/components/ui/Button'\r\nimport Card from '@/components/ui/Card'\r\nimport Table from '@/components/ui/Table'\r\nimport GrowShrinkValue from '@/components/shared/GrowShrinkValue'\r\nimport { CSVLink } from 'react-csv'\r\nimport { NumericFormat } from 'react-number-format'\r\nimport type { TopChannelData } from '../types'\r\n\r\ntype TopChannelProps = {\r\n data: TopChannelData\r\n}\r\n\r\nconst { TBody, THead, Tr, Th, Td } = Table\r\n\r\nconst TopChannel = ({ data }: TopChannelProps) => {\r\n return (\r\n <Card>\r\n <div className=\"flex items-center justify-between\">\r\n <h4>Top channel</h4>\r\n <CSVLink\r\n filename=\"top-channel.csv\"\r\n data={data.channels.map((channel) => {\r\n return {\r\n Channel: channel.name,\r\n Percentage: `${channel.percentage}%`,\r\n Total: channel.total,\r\n }\r\n })}\r\n >\r\n <Button size=\"sm\">Export data</Button>\r\n </CSVLink>\r\n </div>\r\n <div className=\"mt-5\">\r\n <div className=\"mb-2\">Visitors</div>\r\n <div className=\"flex items-end gap-2 mb-1\">\r\n <h3>\r\n <NumericFormat\r\n displayType=\"text\"\r\n value={data.visitors}\r\n thousandSeparator={true}\r\n />\r\n </h3>\r\n <GrowShrinkValue\r\n className=\"font-bold\"\r\n value={2.6}\r\n suffix=\"%\"\r\n positiveIcon=\"+\"\r\n negativeIcon=\"\"\r\n />\r\n </div>\r\n <Table className=\"mt-6\" hoverable={false}>\r\n <THead>\r\n <Tr>\r\n <Th className=\"!px-0\">Channel</Th>\r\n <Th>Percentage</Th>\r\n <Th className=\"!px-0\">Total</Th>\r\n </Tr>\r\n </THead>\r\n <TBody>\r\n {data.channels.map((channel) => (\r\n <Tr key={channel.id}>\r\n <Td className=\"!px-0\">\r\n <div className=\"flex items-center gap-2\">\r\n <Avatar\r\n size={28}\r\n src={channel.img}\r\n className=\"bg-transparent\"\r\n />\r\n <div className=\"heading-text font-bold\">\r\n {channel.name}\r\n </div>\r\n </div>\r\n </Td>\r\n <Td>{channel.percentage}%</Td>\r\n <Td className=\"!px-0\">\r\n <NumericFormat\r\n displayType=\"text\"\r\n value={channel.total}\r\n thousandSeparator={true}\r\n />\r\n </Td>\r\n </Tr>\r\n ))}\r\n </TBody>\r\n </Table>\r\n </div>\r\n </Card>\r\n )\r\n}\r\n\r\nexport default TopChannel\r\n"],"names":["TBody","THead","Tr","Th","Td","Table","TopChannel","data","Card","jsxs","jsx","CSVLink","channel","Button","NumericFormat","GrowShrinkValue","Avatar"],"mappings":";;;;;;;;;;AAaA,MAAM,EAAE,OAAAA,GAAO,OAAAC,GAAO,IAAAC,GAAI,IAAAC,GAAI,IAAAC,MAAOC,GAE/BC,IAAa,CAAC,EAAE,MAAAC,0BAEbC,GAAA,EACG,UAAA;AAAA,EAAA,gBAAAC,EAAC,OAAA,EAAI,WAAU,qCACX,UAAA;AAAA,IAAA,gBAAAC,EAAC,QAAG,UAAA,cAAA,CAAW;AAAA,IACf,gBAAAA;AAAA,MAACC;AAAA,MAAA;AAAA,QACG,UAAS;AAAA,QACT,MAAMJ,EAAK,SAAS,IAAI,CAACK,OACd;AAAA,UACH,SAASA,EAAQ;AAAA,UACjB,YAAY,GAAGA,EAAQ,UAAU;AAAA,UACjC,OAAOA,EAAQ;AAAA,QAAA,EAEtB;AAAA,QAED,UAAA,gBAAAF,EAACG,GAAA,EAAO,MAAK,MAAK,UAAA,cAAA,CAAW;AAAA,MAAA;AAAA,IAAA;AAAA,EACjC,GACJ;AAAA,EACA,gBAAAJ,EAAC,OAAA,EAAI,WAAU,QACX,UAAA;AAAA,IAAA,gBAAAC,EAAC,OAAA,EAAI,WAAU,QAAO,UAAA,YAAQ;AAAA,IAC9B,gBAAAD,EAAC,OAAA,EAAI,WAAU,6BACX,UAAA;AAAA,MAAA,gBAAAC,EAAC,MAAA,EACG,UAAA,gBAAAA;AAAA,QAACI;AAAA,QAAA;AAAA,UACG,aAAY;AAAA,UACZ,OAAOP,EAAK;AAAA,UACZ,mBAAmB;AAAA,QAAA;AAAA,MAAA,GAE3B;AAAA,MACA,gBAAAG;AAAA,QAACK;AAAA,QAAA;AAAA,UACG,WAAU;AAAA,UACV,OAAO;AAAA,UACP,QAAO;AAAA,UACP,cAAa;AAAA,UACb,cAAa;AAAA,QAAA;AAAA,MAAA;AAAA,IACjB,GACJ;AAAA,IACA,gBAAAN,EAACJ,GAAA,EAAM,WAAU,QAAO,WAAW,IAC/B,UAAA;AAAA,MAAA,gBAAAK,EAACT,GAAA,EACG,4BAACC,GAAA,EACG,UAAA;AAAA,QAAA,gBAAAQ,EAACP,GAAA,EAAG,WAAU,SAAQ,UAAA,WAAO;AAAA,QAC7B,gBAAAO,EAACP,KAAG,UAAA,aAAA,CAAU;AAAA,QACd,gBAAAO,EAACP,GAAA,EAAG,WAAU,SAAQ,UAAA,QAAA,CAAK;AAAA,MAAA,EAAA,CAC/B,EAAA,CACJ;AAAA,MACA,gBAAAO,EAACV,KACI,UAAAO,EAAK,SAAS,IAAI,CAACK,wBACfV,GAAA,EACG,UAAA;AAAA,QAAA,gBAAAQ,EAACN,KAAG,WAAU,SACV,UAAA,gBAAAK,EAAC,OAAA,EAAI,WAAU,2BACX,UAAA;AAAA,UAAA,gBAAAC;AAAA,YAACM;AAAA,YAAA;AAAA,cACG,MAAM;AAAA,cACN,KAAKJ,EAAQ;AAAA,cACb,WAAU;AAAA,YAAA;AAAA,UAAA;AAAA,UAEd,gBAAAF,EAAC,OAAA,EAAI,WAAU,0BACV,YAAQ,KAAA,CACb;AAAA,QAAA,EAAA,CACJ,EAAA,CACJ;AAAA,0BACCN,GAAA,EAAI,UAAA;AAAA,UAAAQ,EAAQ;AAAA,UAAW;AAAA,QAAA,GAAC;AAAA,QACzB,gBAAAF,EAACN,GAAA,EAAG,WAAU,SACV,UAAA,gBAAAM;AAAA,UAACI;AAAA,UAAA;AAAA,YACG,aAAY;AAAA,YACZ,OAAOF,EAAQ;AAAA,YACf,mBAAmB;AAAA,UAAA;AAAA,QAAA,EACvB,CACJ;AAAA,MAAA,KApBKA,EAAQ,EAqBjB,CACH,EAAA,CACL;AAAA,IAAA,EAAA,CACJ;AAAA,EAAA,EAAA,CACJ;AAAA,GACJ;"}
1	+ {"version":3,"file":"TopChannel.js","sources":["../../../../../../lib/@ecme/views/dashboards/AnalyticDashboard/components/TopChannel.tsx"],"sourcesContent":["import Avatar from '@/components/ui/Avatar'\nimport Button from '@/components/ui/Button'\nimport Card from '@/components/ui/Card'\nimport Table from '@/components/ui/Table'\nimport GrowShrinkValue from '@/components/shared/GrowShrinkValue'\nimport { CSVLink } from 'react-csv'\nimport { NumericFormat } from 'react-number-format'\nimport type { TopChannelData } from '../types'\n\ntype TopChannelProps = {\n data: TopChannelData\n}\n\nconst { TBody, THead, Tr, Th, Td } = Table\n\nconst TopChannel = ({ data }: TopChannelProps) => {\n return (\n <Card>\n <div className=\"flex items-center justify-between\">\n <h4>Top channel</h4>\n <CSVLink\n filename=\"top-channel.csv\"\n data={data.channels.map((channel) => {\n return {\n Channel: channel.name,\n Percentage: `${channel.percentage}%`,\n Total: channel.total,\n }\n })}\n >\n <Button size=\"sm\">Export data</Button>\n </CSVLink>\n </div>\n <div className=\"mt-5\">\n <div className=\"mb-2\">Visitors</div>\n <div className=\"flex items-end gap-2 mb-1\">\n <h3>\n <NumericFormat\n displayType=\"text\"\n value={data.visitors}\n thousandSeparator={true}\n />\n </h3>\n <GrowShrinkValue\n className=\"font-bold\"\n value={2.6}\n suffix=\"%\"\n positiveIcon=\"+\"\n negativeIcon=\"\"\n />\n </div>\n <Table className=\"mt-6\" hoverable={false}>\n <THead>\n <Tr>\n <Th className=\"!px-0\">Channel</Th>\n <Th>Percentage</Th>\n <Th className=\"!px-0\">Total</Th>\n </Tr>\n </THead>\n <TBody>\n {data.channels.map((channel) => (\n <Tr key={channel.id}>\n <Td className=\"!px-0\">\n <div className=\"flex items-center gap-2\">\n <Avatar\n size={28}\n src={channel.img}\n className=\"bg-transparent\"\n />\n <div className=\"heading-text font-bold\">\n {channel.name}\n </div>\n </div>\n </Td>\n <Td>{channel.percentage}%</Td>\n <Td className=\"!px-0\">\n <NumericFormat\n displayType=\"text\"\n value={channel.total}\n thousandSeparator={true}\n />\n </Td>\n </Tr>\n ))}\n </TBody>\n </Table>\n </div>\n </Card>\n )\n}\n\nexport default TopChannel\n"],"names":["TBody","THead","Tr","Th","Td","Table","TopChannel","data","Card","jsxs","jsx","CSVLink","channel","Button","NumericFormat","GrowShrinkValue","Avatar"],"mappings":";;;;;;;;;;AAaA,MAAM,EAAE,OAAAA,GAAO,OAAAC,GAAO,IAAAC,GAAI,IAAAC,GAAI,IAAAC,MAAOC,GAE/BC,IAAa,CAAC,EAAE,MAAAC,0BAEbC,GAAA,EACG,UAAA;AAAA,EAAA,gBAAAC,EAAC,OAAA,EAAI,WAAU,qCACX,UAAA;AAAA,IAAA,gBAAAC,EAAC,QAAG,UAAA,cAAA,CAAW;AAAA,IACf,gBAAAA;AAAA,MAACC;AAAA,MAAA;AAAA,QACG,UAAS;AAAA,QACT,MAAMJ,EAAK,SAAS,IAAI,CAACK,OACd;AAAA,UACH,SAASA,EAAQ;AAAA,UACjB,YAAY,GAAGA,EAAQ,UAAU;AAAA,UACjC,OAAOA,EAAQ;AAAA,QAAA,EAEtB;AAAA,QAED,UAAA,gBAAAF,EAACG,GAAA,EAAO,MAAK,MAAK,UAAA,cAAA,CAAW;AAAA,MAAA;AAAA,IAAA;AAAA,EACjC,GACJ;AAAA,EACA,gBAAAJ,EAAC,OAAA,EAAI,WAAU,QACX,UAAA;AAAA,IAAA,gBAAAC,EAAC,OAAA,EAAI,WAAU,QAAO,UAAA,YAAQ;AAAA,IAC9B,gBAAAD,EAAC,OAAA,EAAI,WAAU,6BACX,UAAA;AAAA,MAAA,gBAAAC,EAAC,MAAA,EACG,UAAA,gBAAAA;AAAA,QAACI;AAAA,QAAA;AAAA,UACG,aAAY;AAAA,UACZ,OAAOP,EAAK;AAAA,UACZ,mBAAmB;AAAA,QAAA;AAAA,MAAA,GAE3B;AAAA,MACA,gBAAAG;AAAA,QAACK;AAAA,QAAA;AAAA,UACG,WAAU;AAAA,UACV,OAAO;AAAA,UACP,QAAO;AAAA,UACP,cAAa;AAAA,UACb,cAAa;AAAA,QAAA;AAAA,MAAA;AAAA,IACjB,GACJ;AAAA,IACA,gBAAAN,EAACJ,GAAA,EAAM,WAAU,QAAO,WAAW,IAC/B,UAAA;AAAA,MAAA,gBAAAK,EAACT,GAAA,EACG,4BAACC,GAAA,EACG,UAAA;AAAA,QAAA,gBAAAQ,EAACP,GAAA,EAAG,WAAU,SAAQ,UAAA,WAAO;AAAA,QAC7B,gBAAAO,EAACP,KAAG,UAAA,aAAA,CAAU;AAAA,QACd,gBAAAO,EAACP,GAAA,EAAG,WAAU,SAAQ,UAAA,QAAA,CAAK;AAAA,MAAA,EAAA,CAC/B,EAAA,CACJ;AAAA,MACA,gBAAAO,EAACV,KACI,UAAAO,EAAK,SAAS,IAAI,CAACK,wBACfV,GAAA,EACG,UAAA;AAAA,QAAA,gBAAAQ,EAACN,KAAG,WAAU,SACV,UAAA,gBAAAK,EAAC,OAAA,EAAI,WAAU,2BACX,UAAA;AAAA,UAAA,gBAAAC;AAAA,YAACM;AAAA,YAAA;AAAA,cACG,MAAM;AAAA,cACN,KAAKJ,EAAQ;AAAA,cACb,WAAU;AAAA,YAAA;AAAA,UAAA;AAAA,UAEd,gBAAAF,EAAC,OAAA,EAAI,WAAU,0BACV,YAAQ,KAAA,CACb;AAAA,QAAA,EAAA,CACJ,EAAA,CACJ;AAAA,0BACCN,GAAA,EAAI,UAAA;AAAA,UAAAQ,EAAQ;AAAA,UAAW;AAAA,QAAA,GAAC;AAAA,QACzB,gBAAAF,EAACN,GAAA,EAAG,WAAU,SACV,UAAA,gBAAAM;AAAA,UAACI;AAAA,UAAA;AAAA,YACG,aAAY;AAAA,YACZ,OAAOF,EAAQ;AAAA,YACf,mBAAmB;AAAA,UAAA;AAAA,QAAA,EACvB,CACJ;AAAA,MAAA,KApBKA,EAAQ,EAqBjB,CACH,EAAA,CACL;AAAA,IAAA,EAAA,CACJ;AAAA,EAAA,EAAA,CACJ;AAAA,GACJ;"}

package/dist/@ecme/views/dashboards/AnalyticDashboard/components/TopPerformingPages.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TopPerformingPages.js","sources":["../../../../../../lib/@ecme/views/dashboards/AnalyticDashboard/components/TopPerformingPages.tsx"],"sourcesContent":["import Button from '@/components/ui/Button'\r\nimport Card from '@/components/ui/Card'\r\nimport Table from '@/components/ui/Table'\r\nimport GrowShrinkValue from '@/components/shared/GrowShrinkValue'\r\nimport { CSVLink } from 'react-csv'\r\nimport type { TopPageData } from '../types'\r\n\r\ntype TopPerformingPagesProps = {\r\n data: TopPageData[]\r\n}\r\n\r\nconst { Tr, Td, TBody, THead, Th } = Table\r\n\r\nconst TopPerformingPages = ({ data }: TopPerformingPagesProps) => {\r\n return (\r\n <Card>\r\n <div className=\"flex items-center justify-between\">\r\n <h4>Top pages</h4>\r\n <CSVLink\r\n filename=\"top-page.csv\"\r\n data={data.map((row) => {\r\n return {\r\n pageUrl: row.pageUrl,\r\n views: row.views.amount,\r\n 'View growth': `${row.views.growth}%`,\r\n 'Unique visitors': row.uniqueVisitor.amount,\r\n 'Unique visitors growth': `${row.uniqueVisitor.growth}%`,\r\n }\r\n })}\r\n >\r\n <Button size=\"sm\">Export data</Button>\r\n </CSVLink>\r\n </div>\r\n <div className=\"mt-6\">\r\n <Table hoverable={false}>\r\n <THead>\r\n <Tr>\r\n <Th className=\"!px-0\">Page url</Th>\r\n <Th className=\"!text-right max-w-[100px]\">Views</Th>\r\n <Th className=\"!px-0 !text-right max-w-[100px]\">\r\n Unique visitors\r\n </Th>\r\n </Tr>\r\n </THead>\r\n <TBody>\r\n {data.map((row) => {\r\n return (\r\n <Tr key={row.pageUrl}>\r\n <Td className=\"!px-0\">\r\n <div className=\"heading-text font-bold\">\r\n {row.pageUrl}\r\n </div>\r\n </Td>\r\n <Td>\r\n <div className=\"flex items-center justify-end gap-2\">\r\n <span>{row.views.amount}</span>\r\n <GrowShrinkValue\r\n className=\"font-bold\"\r\n value={row.views.growth}\r\n suffix=\"%\"\r\n positiveIcon=\"+\"\r\n negativeIcon=\"\"\r\n />\r\n </div>\r\n </Td>\r\n <Td className=\"!px-0\">\r\n <div className=\"flex items-center justify-end gap-2\">\r\n {/* <ApexChart \r\n options={{...apexSparklineChartDefaultOption, ...{colors: row.growth > 0 ? [COLORS[1]] : [COLORS[2]]}}} \r\n series={[{\r\n data: row.activity\r\n }]} \r\n height={25} \r\n width={50}\r\n /> */}\r\n <span>\r\n {row.uniqueVisitor.amount}\r\n </span>\r\n <GrowShrinkValue\r\n className=\"font-bold\"\r\n value={row.uniqueVisitor.growth}\r\n suffix=\"%\"\r\n positiveIcon=\"+\"\r\n negativeIcon=\"\"\r\n />\r\n </div>\r\n </Td>\r\n </Tr>\r\n )\r\n })}\r\n </TBody>\r\n </Table>\r\n </div>\r\n </Card>\r\n )\r\n}\r\n\r\nexport default TopPerformingPages\r\n"],"names":["Tr","Td","TBody","THead","Th","Table","TopPerformingPages","data","Card","jsxs","jsx","CSVLink","row","Button","GrowShrinkValue"],"mappings":";;;;;;;;AAWA,MAAM,EAAE,IAAAA,GAAI,IAAAC,GAAI,OAAAC,GAAO,OAAAC,GAAO,IAAAC,MAAOC,GAE/BC,IAAqB,CAAC,EAAE,MAAAC,0BAErBC,GAAA,EACG,UAAA;AAAA,EAAA,gBAAAC,EAAC,OAAA,EAAI,WAAU,qCACX,UAAA;AAAA,IAAA,gBAAAC,EAAC,QAAG,UAAA,YAAA,CAAS;AAAA,IACb,gBAAAA;AAAA,MAACC;AAAA,MAAA;AAAA,QACG,UAAS;AAAA,QACT,MAAMJ,EAAK,IAAI,CAACK,OACL;AAAA,UACH,SAASA,EAAI;AAAA,UACb,OAAOA,EAAI,MAAM;AAAA,UACjB,eAAe,GAAGA,EAAI,MAAM,MAAM;AAAA,UAClC,mBAAmBA,EAAI,cAAc;AAAA,UACrC,0BAA0B,GAAGA,EAAI,cAAc,MAAM;AAAA,QAAA,EAE5D;AAAA,QAED,UAAA,gBAAAF,EAACG,GAAA,EAAO,MAAK,MAAK,UAAA,cAAA,CAAW;AAAA,MAAA;AAAA,IAAA;AAAA,EACjC,GACJ;AAAA,oBACC,OAAA,EAAI,WAAU,QACX,UAAA,gBAAAJ,EAACJ,GAAA,EAAM,WAAW,IACd,UAAA;AAAA,IAAA,gBAAAK,EAACP,GAAA,EACG,4BAACH,GAAA,EACG,UAAA;AAAA,MAAA,gBAAAU,EAACN,GAAA,EAAG,WAAU,SAAQ,UAAA,YAAQ;AAAA,MAC9B,gBAAAM,EAACN,GAAA,EAAG,WAAU,6BAA4B,UAAA,SAAK;AAAA,MAC/C,gBAAAM,EAACN,GAAA,EAAG,WAAU,mCAAkC,UAAA,kBAAA,CAEhD;AAAA,IAAA,EAAA,CACJ,EAAA,CACJ;AAAA,IACA,gBAAAM,EAACR,GAAA,EACI,UAAAK,EAAK,IAAI,CAACK,wBAEFZ,GAAA,EACG,UAAA;AAAA,MAAA,gBAAAU,EAACT,GAAA,EAAG,WAAU,SACV,UAAA,gBAAAS,EAAC,SAAI,WAAU,0BACV,UAAAE,EAAI,QAAA,CACT,EAAA,CACJ;AAAA,MACA,gBAAAF,EAACT,GAAA,EACG,UAAA,gBAAAQ,EAAC,OAAA,EAAI,WAAU,uCACX,UAAA;AAAA,QAAA,gBAAAC,EAAC,QAAA,EAAM,UAAAE,EAAI,MAAM,QAAO;AAAA,QACxB,gBAAAF;AAAA,UAACI;AAAA,UAAA;AAAA,YACG,WAAU;AAAA,YACV,OAAOF,EAAI,MAAM;AAAA,YACjB,QAAO;AAAA,YACP,cAAa;AAAA,YACb,cAAa;AAAA,UAAA;AAAA,QAAA;AAAA,MACjB,EAAA,CACJ,EAAA,CACJ;AAAA,wBACCX,GAAA,EAAG,WAAU,SACV,UAAA,gBAAAQ,EAAC,OAAA,EAAI,WAAU,uCASX,UAAA;AAAA,QAAA,gBAAAC,EAAC,QAAA,EACI,UAAAE,EAAI,cAAc,QACvB;AAAA,QACA,gBAAAF;AAAA,UAACI;AAAA,UAAA;AAAA,YACG,WAAU;AAAA,YACV,OAAOF,EAAI,cAAc;AAAA,YACzB,QAAO;AAAA,YACP,cAAa;AAAA,YACb,cAAa;AAAA,UAAA;AAAA,QAAA;AAAA,MACjB,EAAA,CACJ,EAAA,CACJ;AAAA,IAAA,EAAA,GAvCKA,EAAI,OAwCb,CAEP,EAAA,CACL;AAAA,EAAA,EAAA,CACJ,EAAA,CACJ;AAAA,GACJ;"}
1	+ {"version":3,"file":"TopPerformingPages.js","sources":["../../../../../../lib/@ecme/views/dashboards/AnalyticDashboard/components/TopPerformingPages.tsx"],"sourcesContent":["import Button from '@/components/ui/Button'\nimport Card from '@/components/ui/Card'\nimport Table from '@/components/ui/Table'\nimport GrowShrinkValue from '@/components/shared/GrowShrinkValue'\nimport { CSVLink } from 'react-csv'\nimport type { TopPageData } from '../types'\n\ntype TopPerformingPagesProps = {\n data: TopPageData[]\n}\n\nconst { Tr, Td, TBody, THead, Th } = Table\n\nconst TopPerformingPages = ({ data }: TopPerformingPagesProps) => {\n return (\n <Card>\n <div className=\"flex items-center justify-between\">\n <h4>Top pages</h4>\n <CSVLink\n filename=\"top-page.csv\"\n data={data.map((row) => {\n return {\n pageUrl: row.pageUrl,\n views: row.views.amount,\n 'View growth': `${row.views.growth}%`,\n 'Unique visitors': row.uniqueVisitor.amount,\n 'Unique visitors growth': `${row.uniqueVisitor.growth}%`,\n }\n })}\n >\n <Button size=\"sm\">Export data</Button>\n </CSVLink>\n </div>\n <div className=\"mt-6\">\n <Table hoverable={false}>\n <THead>\n <Tr>\n <Th className=\"!px-0\">Page url</Th>\n <Th className=\"!text-right max-w-[100px]\">Views</Th>\n <Th className=\"!px-0 !text-right max-w-[100px]\">\n Unique visitors\n </Th>\n </Tr>\n </THead>\n <TBody>\n {data.map((row) => {\n return (\n <Tr key={row.pageUrl}>\n <Td className=\"!px-0\">\n <div className=\"heading-text font-bold\">\n {row.pageUrl}\n </div>\n </Td>\n <Td>\n <div className=\"flex items-center justify-end gap-2\">\n <span>{row.views.amount}</span>\n <GrowShrinkValue\n className=\"font-bold\"\n value={row.views.growth}\n suffix=\"%\"\n positiveIcon=\"+\"\n negativeIcon=\"\"\n />\n </div>\n </Td>\n <Td className=\"!px-0\">\n <div className=\"flex items-center justify-end gap-2\">\n {/* <ApexChart \n options={{...apexSparklineChartDefaultOption, ...{colors: row.growth > 0 ? [COLORS[1]] : [COLORS[2]]}}} \n series={[{\n data: row.activity\n }]} \n height={25} \n width={50}\n /> */}\n <span>\n {row.uniqueVisitor.amount}\n </span>\n <GrowShrinkValue\n className=\"font-bold\"\n value={row.uniqueVisitor.growth}\n suffix=\"%\"\n positiveIcon=\"+\"\n negativeIcon=\"\"\n />\n </div>\n </Td>\n </Tr>\n )\n })}\n </TBody>\n </Table>\n </div>\n </Card>\n )\n}\n\nexport default TopPerformingPages\n"],"names":["Tr","Td","TBody","THead","Th","Table","TopPerformingPages","data","Card","jsxs","jsx","CSVLink","row","Button","GrowShrinkValue"],"mappings":";;;;;;;;AAWA,MAAM,EAAE,IAAAA,GAAI,IAAAC,GAAI,OAAAC,GAAO,OAAAC,GAAO,IAAAC,MAAOC,GAE/BC,IAAqB,CAAC,EAAE,MAAAC,0BAErBC,GAAA,EACG,UAAA;AAAA,EAAA,gBAAAC,EAAC,OAAA,EAAI,WAAU,qCACX,UAAA;AAAA,IAAA,gBAAAC,EAAC,QAAG,UAAA,YAAA,CAAS;AAAA,IACb,gBAAAA;AAAA,MAACC;AAAA,MAAA;AAAA,QACG,UAAS;AAAA,QACT,MAAMJ,EAAK,IAAI,CAACK,OACL;AAAA,UACH,SAASA,EAAI;AAAA,UACb,OAAOA,EAAI,MAAM;AAAA,UACjB,eAAe,GAAGA,EAAI,MAAM,MAAM;AAAA,UAClC,mBAAmBA,EAAI,cAAc;AAAA,UACrC,0BAA0B,GAAGA,EAAI,cAAc,MAAM;AAAA,QAAA,EAE5D;AAAA,QAED,UAAA,gBAAAF,EAACG,GAAA,EAAO,MAAK,MAAK,UAAA,cAAA,CAAW;AAAA,MAAA;AAAA,IAAA;AAAA,EACjC,GACJ;AAAA,oBACC,OAAA,EAAI,WAAU,QACX,UAAA,gBAAAJ,EAACJ,GAAA,EAAM,WAAW,IACd,UAAA;AAAA,IAAA,gBAAAK,EAACP,GAAA,EACG,4BAACH,GAAA,EACG,UAAA;AAAA,MAAA,gBAAAU,EAACN,GAAA,EAAG,WAAU,SAAQ,UAAA,YAAQ;AAAA,MAC9B,gBAAAM,EAACN,GAAA,EAAG,WAAU,6BAA4B,UAAA,SAAK;AAAA,MAC/C,gBAAAM,EAACN,GAAA,EAAG,WAAU,mCAAkC,UAAA,kBAAA,CAEhD;AAAA,IAAA,EAAA,CACJ,EAAA,CACJ;AAAA,IACA,gBAAAM,EAACR,GAAA,EACI,UAAAK,EAAK,IAAI,CAACK,wBAEFZ,GAAA,EACG,UAAA;AAAA,MAAA,gBAAAU,EAACT,GAAA,EAAG,WAAU,SACV,UAAA,gBAAAS,EAAC,SAAI,WAAU,0BACV,UAAAE,EAAI,QAAA,CACT,EAAA,CACJ;AAAA,MACA,gBAAAF,EAACT,GAAA,EACG,UAAA,gBAAAQ,EAAC,OAAA,EAAI,WAAU,uCACX,UAAA;AAAA,QAAA,gBAAAC,EAAC,QAAA,EAAM,UAAAE,EAAI,MAAM,QAAO;AAAA,QACxB,gBAAAF;AAAA,UAACI;AAAA,UAAA;AAAA,YACG,WAAU;AAAA,YACV,OAAOF,EAAI,MAAM;AAAA,YACjB,QAAO;AAAA,YACP,cAAa;AAAA,YACb,cAAa;AAAA,UAAA;AAAA,QAAA;AAAA,MACjB,EAAA,CACJ,EAAA,CACJ;AAAA,wBACCX,GAAA,EAAG,WAAU,SACV,UAAA,gBAAAQ,EAAC,OAAA,EAAI,WAAU,uCASX,UAAA;AAAA,QAAA,gBAAAC,EAAC,QAAA,EACI,UAAAE,EAAI,cAAc,QACvB;AAAA,QACA,gBAAAF;AAAA,UAACI;AAAA,UAAA;AAAA,YACG,WAAU;AAAA,YACV,OAAOF,EAAI,cAAc;AAAA,YACzB,QAAO;AAAA,YACP,cAAa;AAAA,YACb,cAAa;AAAA,UAAA;AAAA,QAAA;AAAA,MACjB,EAAA,CACJ,EAAA,CACJ;AAAA,IAAA,EAAA,GAvCKA,EAAI,OAwCb,CAEP,EAAA,CACL;AAAA,EAAA,EAAA,CACJ,EAAA,CACJ;AAAA,GACJ;"}

package/dist/@ecme/views/dashboards/AnalyticDashboard/components/Traffic.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Traffic.js","sources":["../../../../../../lib/@ecme/views/dashboards/AnalyticDashboard/components/Traffic.tsx"],"sourcesContent":["import Button from '@/components/ui/Button'\r\nimport Card from '@/components/ui/Card'\r\nimport Table from '@/components/ui/Table'\r\nimport Progress from '@/components/ui/Progress'\r\nimport classNames from '@/utils/classNames'\r\nimport {\r\n useReactTable,\r\n getCoreRowModel,\r\n flexRender,\r\n createColumnHelper,\r\n} from '@tanstack/react-table'\r\nimport { CSVLink } from 'react-csv'\r\nimport type { TrafficData } from '../types'\r\n\r\ntype TrafficTableProps = {\r\n data: TrafficData[]\r\n}\r\n\r\nconst { Tr, Td, TBody, THead, Th } = Table\r\n\r\nconst columnHelper = createColumnHelper<TrafficData>()\r\n\r\nconst columns = [\r\n columnHelper.accessor('source', {\r\n header: 'Source',\r\n cell: (props) => {\r\n const { source } = props.row.original\r\n return <div className=\"heading-text font-semibold\">{source}</div>\r\n },\r\n }),\r\n columnHelper.accessor('visits', {\r\n header: 'Visits',\r\n }),\r\n columnHelper.accessor('uniqueVisitors', {\r\n header: 'Unique Visitors',\r\n }),\r\n columnHelper.accessor('bounceRate', {\r\n header: 'Bounce Rate',\r\n }),\r\n columnHelper.accessor('avgSessionDuration', {\r\n header: 'Avg. Session Duration',\r\n }),\r\n columnHelper.accessor('progress', {\r\n header: 'Progress to Goal (%)',\r\n size: 150,\r\n cell: (props) => {\r\n const { progress } = props.row.original\r\n return (\r\n <Progress\r\n percent={progress}\r\n size=\"sm\"\r\n customColorClass={classNames(\r\n 'bg-error',\r\n progress > 40 && 'bg-warning',\r\n progress > 70 && 'bg-success',\r\n )}\r\n />\r\n )\r\n },\r\n }),\r\n]\r\n\r\nconst Traffic = ({ data = [] }: TrafficTableProps) => {\r\n const table = useReactTable({\r\n data,\r\n columns,\r\n getCoreRowModel: getCoreRowModel(),\r\n })\r\n\r\n return (\r\n <Card>\r\n <div className=\"flex items-center justify-between mb-6\">\r\n <h4>Traffic data</h4>\r\n <CSVLink\r\n filename=\"traffic-data.csv\"\r\n data={data.map((traffic) => {\r\n return {\r\n Source: traffic.source,\r\n Visits: traffic.visits,\r\n 'Unique visitors': traffic.uniqueVisitors,\r\n 'Bounce rate': traffic.bounceRate,\r\n 'Avg. session duration': traffic.avgSessionDuration,\r\n 'Progress to goal': `${traffic.progress}%`,\r\n }\r\n })}\r\n >\r\n <Button size=\"sm\">Export data</Button>\r\n </CSVLink>\r\n </div>\r\n <Table>\r\n <THead>\r\n {table.getHeaderGroups().map((headerGroup) => (\r\n <Tr key={headerGroup.id}>\r\n {headerGroup.headers.map((header) => {\r\n return (\r\n <Th\r\n key={header.id}\r\n colSpan={header.colSpan}\r\n style={{\r\n width: `${header.getSize()}px`,\r\n }}\r\n >\r\n {flexRender(\r\n header.column.columnDef.header,\r\n header.getContext(),\r\n )}\r\n </Th>\r\n )\r\n })}\r\n </Tr>\r\n ))}\r\n </THead>\r\n <TBody>\r\n {table.getRowModel().rows.map((row) => {\r\n return (\r\n <Tr key={row.id}>\r\n {row.getVisibleCells().map((cell) => {\r\n return (\r\n <Td key={cell.id}>\r\n {flexRender(\r\n cell.column.columnDef.cell,\r\n cell.getContext(),\r\n )}\r\n </Td>\r\n )\r\n })}\r\n </Tr>\r\n )\r\n })}\r\n </TBody>\r\n </Table>\r\n </Card>\r\n )\r\n}\r\n\r\nexport default Traffic\r\n"],"names":["Tr","Td","TBody","THead","Th","Table","columnHelper","createColumnHelper","columns","props","source","jsx","progress","Progress","classNames","Traffic","data","table","useReactTable","getCoreRowModel","Card","jsxs","CSVLink","traffic","Button","headerGroup","header","flexRender","row","cell"],"mappings":";;;;;;;;;;;AAkBA,MAAM,EAAE,IAAAA,GAAI,IAAAC,GAAI,OAAAC,GAAO,OAAAC,GAAO,IAAAC,MAAOC,GAE/BC,IAAeC,EAAA,GAEfC,IAAU;AAAA,EACZF,EAAa,SAAS,UAAU;AAAA,IAC5B,QAAQ;AAAA,IACR,MAAM,CAACG,MAAU;AACb,YAAM,EAAE,QAAAC,EAAA,IAAWD,EAAM,IAAI;AAC7B,aAAO,gBAAAE,EAAC,OAAA,EAAI,WAAU,8BAA8B,UAAAD,GAAO;AAAA,~~IAAA~~;AAAA,~~EAC/D~~,CACH;AAAA,EACDJ,EAAa,SAAS,UAAU;AAAA,IAC5B,QAAQ;AAAA,EAAA,CACX;AAAA,EACDA,EAAa,SAAS,kBAAkB;AAAA,IACpC,QAAQ;AAAA,EAAA,CACX;AAAA,EACDA,EAAa,SAAS,cAAc;AAAA,IAChC,QAAQ;AAAA,EAAA,CACX;AAAA,EACDA,EAAa,SAAS,sBAAsB;AAAA,IACxC,QAAQ;AAAA,EAAA,CACX;AAAA,EACDA,EAAa,SAAS,YAAY;AAAA,IAC9B,QAAQ;AAAA,IACR,MAAM;AAAA,IACN,MAAM,CAACG,MAAU;AACb,YAAM,EAAE,UAAAG,EAAA,IAAaH,EAAM,IAAI;AAC/B,aACI,gBAAAE;AAAA,QAACE;AAAA,QAAA;AAAA,UACG,SAASD;AAAA,UACT,MAAK;AAAA,UACL,kBAAkBE;AAAA,YACd;AAAA,YACAF,IAAW,MAAM;AAAA,YACjBA,IAAW,MAAM;AAAA,UAAA;AAAA,QACrB;AAAA,MAAA;AAAA,~~IACJ~~;AAAA,~~EAER~~,CACH;AACL,GAEMG,IAAU,CAAC,EAAE,MAAAC,IAAO,CAAA,QAA4B;AAClD,QAAMC,IAAQC,EAAc;AAAA,IACxB,MAAAF;AAAA,IACA,SAAAR;AAAA,IACA,iBAAiBW,EAAA;AAAA,EAAgB,CACpC;AAED,2BACKC,GAAA,EACG,UAAA;AAAA,IAAA,gBAAAC,EAAC,OAAA,EAAI,WAAU,0CACX,UAAA;AAAA,MAAA,gBAAAV,EAAC,QAAG,UAAA,eAAA,CAAY;AAAA,MAChB,gBAAAA;AAAA,QAACW;AAAA,QAAA;AAAA,UACG,UAAS;AAAA,UACT,MAAMN,EAAK,IAAI,CAACO,OACL;AAAA,YACH,QAAQA,EAAQ;AAAA,YAChB,QAAQA,EAAQ;AAAA,YAChB,mBAAmBA,EAAQ;AAAA,YAC3B,eAAeA,EAAQ;AAAA,YACvB,yBAAyBA,EAAQ;AAAA,YACjC,oBAAoB,GAAGA,EAAQ,QAAQ;AAAA,UAAA,EAE9C;AAAA,UAED,UAAA,gBAAAZ,EAACa,GAAA,EAAO,MAAK,MAAK,UAAA,cAAA,CAAW;AAAA,QAAA;AAAA,MAAA;AAAA,IACjC,GACJ;AAAA,sBACCnB,GAAA,EACG,UAAA;AAAA,MAAA,gBAAAM,EAACR,GAAA,EACI,UAAAc,EAAM,gBAAA,EAAkB,IAAI,CAACQ,MAC1B,gBAAAd,EAACX,GAAA,EACI,UAAAyB,EAAY,QAAQ,IAAI,CAACC,MAElB,gBAAAf;AAAA,QAACP;AAAA,QAAA;AAAA,UAEG,SAASsB,EAAO;AAAA,UAChB,OAAO;AAAA,YACH,OAAO,GAAGA,EAAO,QAAA,CAAS;AAAA,UAAA;AAAA,UAG7B,UAAAC;AAAA,YACGD,EAAO,OAAO,UAAU;AAAA,YACxBA,EAAO,WAAA;AAAA,UAAW;AAAA,QACtB;AAAA,QATKA,EAAO;AAAA,MAAA,CAYvB,~~KAhBID~~,EAAY,EAiBrB,CACH,EAAA,CACL;AAAA,MACA,gBAAAd,EAACT,KACI,UAAAe,EAAM,YAAA,EAAc,KAAK,IAAI,CAACW,wBAEtB5B,GAAA,EACI,UAAA4B,EAAI,kBAAkB,IAAI,CAACC,wBAEnB5B,GAAA,EACI,UAAA0B;AAAA,QACGE,EAAK,OAAO,UAAU;AAAA,QACtBA,EAAK,WAAA;AAAA,MAAW,EACpB,GAJKA,EAAK,EAKd,CAEP,EAAA,GAVID,EAAI,EAWb,CAEP,EAAA,CACL;AAAA,IAAA,EAAA,CACJ;AAAA,EAAA,GACJ;AAER;"}
1	+ {"version":3,"file":"Traffic.js","sources":["../../../../../../lib/@ecme/views/dashboards/AnalyticDashboard/components/Traffic.tsx"],"sourcesContent":["import Button from '@/components/ui/Button'\nimport Card from '@/components/ui/Card'\nimport Table from '@/components/ui/Table'\nimport Progress from '@/components/ui/Progress'\nimport classNames from '@/utils/classNames'\nimport {\n useReactTable,\n getCoreRowModel,\n flexRender,\n createColumnHelper,\n} from '@tanstack/react-table'\nimport { CSVLink } from 'react-csv'\nimport type { TrafficData } from '../types'\n\ntype TrafficTableProps = {\n data: TrafficData[]\n}\n\nconst { Tr, Td, TBody, THead, Th } = Table\n\nconst columnHelper = createColumnHelper<TrafficData>()\n\nconst columns = [\n columnHelper.accessor('source', {\n header: 'Source',\n cell: (props) => {\n const { source } = props.row.original\n return <div className=\"heading-text font-semibold\">{source}</div>\n },\n }),\n columnHelper.accessor('visits', {\n header: 'Visits',\n }),\n columnHelper.accessor('uniqueVisitors', {\n header: 'Unique Visitors',\n }),\n columnHelper.accessor('bounceRate', {\n header: 'Bounce Rate',\n }),\n columnHelper.accessor('avgSessionDuration', {\n header: 'Avg. Session Duration',\n }),\n columnHelper.accessor('progress', {\n header: 'Progress to Goal (%)',\n size: 150,\n cell: (props) => {\n const { progress } = props.row.original\n return (\n <Progress\n percent={progress}\n size=\"sm\"\n customColorClass={classNames(\n 'bg-error',\n progress > 40 && 'bg-warning',\n progress > 70 && 'bg-success',\n )}\n />\n )\n },\n }),\n]\n\nconst Traffic = ({ data = [] }: TrafficTableProps) => {\n const table = useReactTable({\n data,\n columns,\n getCoreRowModel: getCoreRowModel(),\n })\n\n return (\n <Card>\n <div className=\"flex items-center justify-between mb-6\">\n <h4>Traffic data</h4>\n <CSVLink\n filename=\"traffic-data.csv\"\n data={data.map((traffic) => {\n return {\n Source: traffic.source,\n Visits: traffic.visits,\n 'Unique visitors': traffic.uniqueVisitors,\n 'Bounce rate': traffic.bounceRate,\n 'Avg. session duration': traffic.avgSessionDuration,\n 'Progress to goal': `${traffic.progress}%`,\n }\n })}\n >\n <Button size=\"sm\">Export data</Button>\n </CSVLink>\n </div>\n <Table>\n <THead>\n {table.getHeaderGroups().map((headerGroup) => (\n <Tr key={headerGroup.id}>\n {headerGroup.headers.map((header) => {\n return (\n <Th\n key={header.id}\n colSpan={header.colSpan}\n style={{\n width: `${header.getSize()}px`,\n }}\n >\n {flexRender(\n header.column.columnDef.header,\n header.getContext(),\n )}\n </Th>\n )\n })}\n </Tr>\n ))}\n </THead>\n <TBody>\n {table.getRowModel().rows.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 </Card>\n )\n}\n\nexport default Traffic\n"],"names":["Tr","Td","TBody","THead","Th","Table","columnHelper","createColumnHelper","columns","props","source","jsx","progress","Progress","classNames","Traffic","data","table","useReactTable","getCoreRowModel","Card","jsxs","CSVLink","traffic","Button","headerGroup","header","flexRender","row","cell"],"mappings":"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"}

package/dist/@ecme/views/dashboards/EcommerceDashboard/EcommerceDashboard.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"EcommerceDashboard.js","sources":["../../../../../lib/@ecme/views/dashboards/EcommerceDashboard/EcommerceDashboard.tsx"],"sourcesContent":["import Loading from '@/components/shared/Loading'\r\nimport Overview from './components/Overview'\r\nimport CustomerDemographic from './components/CustomerDemographic'\r\nimport RecentOrder from './components/RecentOrder'\r\nimport SalesTarget from './components/SalesTarget'\r\nimport TopProduct from './components/TopProduct'\r\nimport RevenueByChannel from './components/RevenueByChannel'\r\nimport { apiGetEcommerceDashboard } from '@/services/DashboardService'\r\nimport useSWR from 'swr'\r\nimport type { GetEcommerceDashboardResponse } from './types'\r\n\r\nconst SalesDashboard = () => {\r\n const { data, isLoading } = useSWR(\r\n ['/api/dashboard/ecommerce'],\r\n () => apiGetEcommerceDashboard<GetEcommerceDashboardResponse>(),\r\n {\r\n revalidateOnFocus: false,\r\n revalidateIfStale: false,\r\n revalidateOnReconnect: false,\r\n },\r\n )\r\n\r\n return (\r\n <Loading loading={isLoading}>\r\n {data && (\r\n <div>\r\n <div className=\"flex flex-col gap-4 max-w-full overflow-x-hidden\">\r\n <div className=\"flex flex-col xl:flex-row gap-4\">\r\n <div className=\"flex flex-col gap-4 flex-1 xl:col-span-3\">\r\n <Overview data={data.statisticData} />\r\n <CustomerDemographic\r\n data={data.customerDemographic}\r\n />\r\n </div>\r\n <div className=\"flex flex-col gap-4 2xl:min-w-[360px]\">\r\n <SalesTarget data={data.salesTarget} />\r\n <TopProduct data={data.topProduct} />\r\n <RevenueByChannel\r\n data={data.revenueByChannel}\r\n />\r\n </div>\r\n </div>\r\n\r\n <RecentOrder data={data.recentOrders} />\r\n </div>\r\n </div>\r\n )}\r\n </Loading>\r\n )\r\n}\r\n\r\nexport default SalesDashboard\r\n"],"names":["SalesDashboard","data","isLoading","useSWR","apiGetEcommerceDashboard","jsx","Loading","jsxs","Overview","CustomerDemographic","SalesTarget","TopProduct","RevenueByChannel","RecentOrder"],"mappings":";;;;;;;;;;AAWA,MAAMA,IAAiB,MAAM;AACzB,QAAM,EAAE,MAAAC,GAAM,WAAAC,EAAA,IAAcC;AAAA,IACxB,CAAC,0BAA0B;AAAA,IAC3B,MAAMC,EAAA;AAAA,IACN;AAAA,MACI,mBAAmB;AAAA,MACnB,mBAAmB;AAAA,MACnB,uBAAuB;AAAA,IAAA;AAAA,EAC3B;AAGJ,SACI,gBAAAC,EAACC,GAAA,EAAQ,SAASJ,GACb,UAAAD,uBACI,OAAA,EACG,UAAA,gBAAAM,EAAC,OAAA,EAAI,WAAU,oDACX,UAAA;AAAA,IAAA,gBAAAA,EAAC,OAAA,EAAI,WAAU,mCACX,UAAA;AAAA,MAAA,gBAAAA,EAAC,OAAA,EAAI,WAAU,4CACX,UAAA;AAAA,QAAA,gBAAAF,EAACG,GAAA,EAAS,MAAMP,EAAK,cAAA,CAAe;AAAA,QACpC,gBAAAI;AAAA,UAACI;AAAA,UAAA;AAAA,YACG,MAAMR,EAAK;AAAA,UAAA;AAAA,QAAA;AAAA,MACf,GACJ;AAAA,MACA,gBAAAM,EAAC,OAAA,EAAI,WAAU,yCACX,UAAA;AAAA,QAAA,gBAAAF,EAACK,GAAA,EAAY,MAAMT,EAAK,YAAA,CAAa;AAAA,QACrC,gBAAAI,EAACM,GAAA,EAAW,MAAMV,EAAK,WAAA,CAAY;AAAA,QACnC,gBAAAI;AAAA,UAACO;AAAA,UAAA;AAAA,YACG,MAAMX,EAAK;AAAA,UAAA;AAAA,QAAA;AAAA,MACf,EAAA,CACJ;AAAA,IAAA,GACJ;AAAA,IAEA,gBAAAI,EAACQ,GAAA,EAAY,MAAMZ,EAAK,aAAA,CAAc;AAAA,EAAA,EAAA,CAC1C,GACJ,GAER;AAER;"}
1	+ {"version":3,"file":"EcommerceDashboard.js","sources":["../../../../../lib/@ecme/views/dashboards/EcommerceDashboard/EcommerceDashboard.tsx"],"sourcesContent":["import Loading from '@/components/shared/Loading'\nimport Overview from './components/Overview'\nimport CustomerDemographic from './components/CustomerDemographic'\nimport RecentOrder from './components/RecentOrder'\nimport SalesTarget from './components/SalesTarget'\nimport TopProduct from './components/TopProduct'\nimport RevenueByChannel from './components/RevenueByChannel'\nimport { apiGetEcommerceDashboard } from '@/services/DashboardService'\nimport useSWR from 'swr'\nimport type { GetEcommerceDashboardResponse } from './types'\n\nconst SalesDashboard = () => {\n const { data, isLoading } = useSWR(\n ['/api/dashboard/ecommerce'],\n () => apiGetEcommerceDashboard<GetEcommerceDashboardResponse>(),\n {\n revalidateOnFocus: false,\n revalidateIfStale: false,\n revalidateOnReconnect: false,\n },\n )\n\n return (\n <Loading loading={isLoading}>\n {data && (\n <div>\n <div className=\"flex flex-col gap-4 max-w-full overflow-x-hidden\">\n <div className=\"flex flex-col xl:flex-row gap-4\">\n <div className=\"flex flex-col gap-4 flex-1 xl:col-span-3\">\n <Overview data={data.statisticData} />\n <CustomerDemographic\n data={data.customerDemographic}\n />\n </div>\n <div className=\"flex flex-col gap-4 2xl:min-w-[360px]\">\n <SalesTarget data={data.salesTarget} />\n <TopProduct data={data.topProduct} />\n <RevenueByChannel\n data={data.revenueByChannel}\n />\n </div>\n </div>\n\n <RecentOrder data={data.recentOrders} />\n </div>\n </div>\n )}\n </Loading>\n )\n}\n\nexport default SalesDashboard\n"],"names":["SalesDashboard","data","isLoading","useSWR","apiGetEcommerceDashboard","jsx","Loading","jsxs","Overview","CustomerDemographic","SalesTarget","TopProduct","RevenueByChannel","RecentOrder"],"mappings":";;;;;;;;;;AAWA,MAAMA,IAAiB,MAAM;AACzB,QAAM,EAAE,MAAAC,GAAM,WAAAC,EAAA,IAAcC;AAAA,IACxB,CAAC,0BAA0B;AAAA,IAC3B,MAAMC,EAAA;AAAA,IACN;AAAA,MACI,mBAAmB;AAAA,MACnB,mBAAmB;AAAA,MACnB,uBAAuB;AAAA,IAAA;AAAA,EAC3B;AAGJ,SACI,gBAAAC,EAACC,GAAA,EAAQ,SAASJ,GACb,UAAAD,uBACI,OAAA,EACG,UAAA,gBAAAM,EAAC,OAAA,EAAI,WAAU,oDACX,UAAA;AAAA,IAAA,gBAAAA,EAAC,OAAA,EAAI,WAAU,mCACX,UAAA;AAAA,MAAA,gBAAAA,EAAC,OAAA,EAAI,WAAU,4CACX,UAAA;AAAA,QAAA,gBAAAF,EAACG,GAAA,EAAS,MAAMP,EAAK,cAAA,CAAe;AAAA,QACpC,gBAAAI;AAAA,UAACI;AAAA,UAAA;AAAA,YACG,MAAMR,EAAK;AAAA,UAAA;AAAA,QAAA;AAAA,MACf,GACJ;AAAA,MACA,gBAAAM,EAAC,OAAA,EAAI,WAAU,yCACX,UAAA;AAAA,QAAA,gBAAAF,EAACK,GAAA,EAAY,MAAMT,EAAK,YAAA,CAAa;AAAA,QACrC,gBAAAI,EAACM,GAAA,EAAW,MAAMV,EAAK,WAAA,CAAY;AAAA,QACnC,gBAAAI;AAAA,UAACO;AAAA,UAAA;AAAA,YACG,MAAMX,EAAK;AAAA,UAAA;AAAA,QAAA;AAAA,MACf,EAAA,CACJ;AAAA,IAAA,GACJ;AAAA,IAEA,gBAAAI,EAACQ,GAAA,EAAY,MAAMZ,EAAK,aAAA,CAAc;AAAA,EAAA,EAAA,CAC1C,GACJ,GAER;AAER;"}

package/dist/@ecme/views/dashboards/EcommerceDashboard/components/CustomerDemographic.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CustomerDemographic.js","sources":["../../../../../../lib/@ecme/views/dashboards/EcommerceDashboard/components/CustomerDemographic.tsx"],"sourcesContent":["import { useState } from 'react'\r\nimport Avatar from '@/components/ui/Avatar'\r\nimport Card from '@/components/ui/Card'\r\nimport Progress from '@/components/ui/Progress'\r\nimport RegionMap from '@/components/shared/RegionMap'\r\nimport classNames from '@/utils/classNames'\r\nimport type { CustomerDemographicData } from '../types'\r\n\r\ntype CustomerDemographicProps = {\r\n data: CustomerDemographicData[]\r\n}\r\n\r\nconst mapMeta: Record<string, { img: string }> = {\r\n us: { img: '/img/countries/US.png' },\r\n br: { img: '/img/countries/BR.png' },\r\n in: { img: '/img/countries/IN.png' },\r\n uk: { img: '/img/countries/UK.png' },\r\n tr: { img: '/img/countries/TR.png' },\r\n id: { img: '/img/countries/ID.png' },\r\n}\r\n\r\nconst getMapMeta = (data: CustomerDemographicData[] = []) => {\r\n return data.map((item) => ({\r\n ...item,\r\n ...(mapMeta[item.id as string] \|\| {}),\r\n }))\r\n}\r\n\r\nconst CustomerDemographic = ({ data }: CustomerDemographicProps) => {\r\n const [hovering, setHovering] = useState('')\r\n\r\n return (\r\n <Card>\r\n <h4>Top countries</h4>\r\n <div className=\"flex flex-col xl:flex-row items-center gap-4 mt-4\">\r\n <div className=\"px-4 flex flex-col justify-center flex-1 w-full\">\r\n <RegionMap\r\n data={data}\r\n valueSuffix=\"%\"\r\n hoverable={false}\r\n marker={(Marker) => (\r\n <>\r\n {data.map(\r\n ({ name, coordinates, value, id }) => (\r\n <Marker\r\n key={name}\r\n coordinates={coordinates}\r\n className=\"cursor-pointer group\"\r\n onMouseEnter={() => setHovering(id)}\r\n onMouseLeave={() => setHovering('')}\r\n >\r\n <g transform=\"translate(-12, -24)\">\r\n <circle\r\n cx=\"12\"\r\n cy=\"12\"\r\n r={value * 1.5}\r\n className=\"fill-gray-900 opacity-10\"\r\n />\r\n <circle\r\n cx=\"12\"\r\n cy=\"12\"\r\n r={(value * 1.5) / 2.5}\r\n className={classNames(\r\n 'fill-gray-400 opacity-80 group-hover:fill-primary transition-colors duration-150',\r\n hovering === id &&\r\n 'fill-primary',\r\n )}\r\n />\r\n </g>\r\n </Marker>\r\n ),\r\n )}\r\n </>\r\n )}\r\n />\r\n </div>\r\n <div className=\"flex flex-col justify-center px-4 2xl:min-w-[340px] xl:w-[300px] w-full\">\r\n {getMapMeta(data).map((item) => (\r\n <div\r\n key={item.name}\r\n className={classNames(\r\n 'flex items-center gap-4 p-3 rounded-xl transition-colors duration-150',\r\n hovering === item.id &&\r\n 'bg-gray-100 dark:bg-gray-700',\r\n )}\r\n onMouseEnter={() => setHovering(item.id)}\r\n onMouseLeave={() => setHovering('')}\r\n >\r\n <div className=\"flex gap-2\">\r\n <Avatar src={item.img} size={30} />\r\n </div>\r\n <div className=\"flex-1\">\r\n <div className=\"heading-text font-semibold\">\r\n {item.name}\r\n </div>\r\n <Progress\r\n percent={item.value}\r\n trailClass={classNames(\r\n 'transition-colors duration-150',\r\n hovering === item.id &&\r\n 'bg-gray-200 dark:bg-gray-600',\r\n )}\r\n />\r\n </div>\r\n </div>\r\n ))}\r\n </div>\r\n </div>\r\n </Card>\r\n )\r\n}\r\n\r\nexport default CustomerDemographic\r\n"],"names":["mapMeta","getMapMeta","data","item","CustomerDemographic","hovering","setHovering","useState","Card","jsx","jsxs","RegionMap","Marker","Fragment","name","coordinates","value","id","classNames","Avatar","Progress"],"mappings":"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"}
1	+ {"version":3,"file":"CustomerDemographic.js","sources":["../../../../../../lib/@ecme/views/dashboards/EcommerceDashboard/components/CustomerDemographic.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Avatar from '@/components/ui/Avatar'\nimport Card from '@/components/ui/Card'\nimport Progress from '@/components/ui/Progress'\nimport RegionMap from '@/components/shared/RegionMap'\nimport classNames from '@/utils/classNames'\nimport type { CustomerDemographicData } from '../types'\n\ntype CustomerDemographicProps = {\n data: CustomerDemographicData[]\n}\n\nconst mapMeta: Record<string, { img: string }> = {\n us: { img: '/img/countries/US.png' },\n br: { img: '/img/countries/BR.png' },\n in: { img: '/img/countries/IN.png' },\n uk: { img: '/img/countries/UK.png' },\n tr: { img: '/img/countries/TR.png' },\n id: { img: '/img/countries/ID.png' },\n}\n\nconst getMapMeta = (data: CustomerDemographicData[] = []) => {\n return data.map((item) => ({\n ...item,\n ...(mapMeta[item.id as string] \|\| {}),\n }))\n}\n\nconst CustomerDemographic = ({ data }: CustomerDemographicProps) => {\n const [hovering, setHovering] = useState('')\n\n return (\n <Card>\n <h4>Top countries</h4>\n <div className=\"flex flex-col xl:flex-row items-center gap-4 mt-4\">\n <div className=\"px-4 flex flex-col justify-center flex-1 w-full\">\n <RegionMap\n data={data}\n valueSuffix=\"%\"\n hoverable={false}\n marker={(Marker) => (\n <>\n {data.map(\n ({ name, coordinates, value, id }) => (\n <Marker\n key={name}\n coordinates={coordinates}\n className=\"cursor-pointer group\"\n onMouseEnter={() => setHovering(id)}\n onMouseLeave={() => setHovering('')}\n >\n <g transform=\"translate(-12, -24)\">\n <circle\n cx=\"12\"\n cy=\"12\"\n r={value * 1.5}\n className=\"fill-gray-900 opacity-10\"\n />\n <circle\n cx=\"12\"\n cy=\"12\"\n r={(value * 1.5) / 2.5}\n className={classNames(\n 'fill-gray-400 opacity-80 group-hover:fill-primary transition-colors duration-150',\n hovering === id &&\n 'fill-primary',\n )}\n />\n </g>\n </Marker>\n ),\n )}\n </>\n )}\n />\n </div>\n <div className=\"flex flex-col justify-center px-4 2xl:min-w-[340px] xl:w-[300px] w-full\">\n {getMapMeta(data).map((item) => (\n <div\n key={item.name}\n className={classNames(\n 'flex items-center gap-4 p-3 rounded-xl transition-colors duration-150',\n hovering === item.id &&\n 'bg-gray-100 dark:bg-gray-700',\n )}\n onMouseEnter={() => setHovering(item.id)}\n onMouseLeave={() => setHovering('')}\n >\n <div className=\"flex gap-2\">\n <Avatar src={item.img} size={30} />\n </div>\n <div className=\"flex-1\">\n <div className=\"heading-text font-semibold\">\n {item.name}\n </div>\n <Progress\n percent={item.value}\n trailClass={classNames(\n 'transition-colors duration-150',\n hovering === item.id &&\n 'bg-gray-200 dark:bg-gray-600',\n )}\n />\n </div>\n </div>\n ))}\n </div>\n </div>\n </Card>\n )\n}\n\nexport default CustomerDemographic\n"],"names":["mapMeta","getMapMeta","data","item","CustomerDemographic","hovering","setHovering","useState","Card","jsx","jsxs","RegionMap","Marker","Fragment","name","coordinates","value","id","classNames","Avatar","Progress"],"mappings":"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"}