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

@orbe-agro/client-core 5.3.9 → 5.3.11

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

Files changed (859) hide show

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

	@@ -1 +1 @@
1	- {"version":3,"file":"AddTask.js","sources":["../../../../../../../lib/@ecme/views/concepts/projects/Tasks/components/AddTask.tsx"],"sourcesContent":["import { useEffect, useState, useRef } from 'react'\nimport classNames from '@/utils/classNames'\nimport Tag from '@/components/ui/Tag'\nimport Avatar from '@/components/ui/Avatar'\nimport Table from '@/components/ui/Table'\nimport Button from '@/components/ui/Button'\nimport Dropdown from '@/components/ui/Dropdown'\nimport Badge from '@/components/ui/Badge'\nimport DatePicker from '@/components/ui/DatePicker'\nimport { labelClass } from '../utils'\nimport { useTasksStore } from '../store/tasksStore'\nimport {\n TbPlus,\n TbCircleCheck,\n TbChevronDown,\n TbCalendar,\n TbUser,\n} from 'react-icons/tb'\nimport dayjs from 'dayjs'\nimport uniqueId from 'lodash/uniqueId'\nimport type { Task } from '../types'\n\ntype AddTaskProps = {\n groupKey: string\n isCreatingTask: boolean\n onAddTaskClick: (key: string) => void\n onCreateTask: (task: Task) => void\n}\n\nconst { TBody, Tr, Td } = Table\n\nconst priorityList: string[] = ['Low', 'Medium', 'High']\n\nconst statusList: string[] = ['Pending', 'In Progress']\n\nconst AddTask = ({\n groupKey,\n isCreatingTask,\n onAddTaskClick,\n onCreateTask,\n}: AddTaskProps) => {\n const inputRef = useRef<HTMLInputElement>(null)\n\n const [focused, setFocused] = useState(false)\n\n const [status, setStatus] = useState('')\n const [priority, setPriority] = useState('')\n const [assignee, setAssignee] = useState('')\n const [dueDate, setDuedate] = useState<number \| null>(null)\n\n const { boardMembers } = useTasksStore()\n\n useEffect(() => {\n if (isCreatingTask) {\n inputRef.current?.focus()\n }\n }, [isCreatingTask])\n\n const handleCreateClick = () => {\n const task: Task = {\n id: uniqueId('task_'),\n name: inputRef.current?.value \|\| 'Untitled task',\n progress: status \|\| statusList[0],\n assignee: {\n id: assignee,\n name:\n boardMembers.find((member) => member.id === assignee)\n ?.name \|\| '',\n img:\n boardMembers.find((member) => member.id === assignee)\n ?.img \|\| '',\n },\n priority: priority \|\| priorityList[0],\n dueDate,\n checked: false,\n }\n\n onCreateTask(task)\n setStatus('')\n setPriority('')\n setAssignee('')\n setDuedate(null)\n }\n\n return (\n <>\n {isCreatingTask ? (\n <>\n <div\n className={classNames(\n 'rounded-lg transition-shadow duration-150',\n focused && 'shadow-xl',\n )}\n >\n <Table hoverable={false} overflow={false}>\n <TBody>\n <Tr>\n <Td className=\"w-[66px]\"></Td>\n <Td className=\"w-[40px] text-2xl\">\n <TbCircleCheck />\n </Td>\n <Td className=\"w-[500px]\">\n <input\n ref={inputRef}\n className=\"outline-0 font-semibold w-full heading-text bg-transparent\"\n placeholder=\"Enter task name\"\n onFocus={() => setFocused(true)}\n onBlur={() => setFocused(false)}\n />\n </Td>\n <Td className=\"w-[150px]\">\n <Dropdown\n renderTitle={\n <div className=\"flex items-center gap-1 cursor-pointer\">\n {status ? (\n <Tag\n className={`${\n status\n ? labelClass[\n status\n ]\n : ''\n }`}\n >\n {status}\n </Tag>\n ) : (\n <span className=\"font-semibold\">\n Status\n </span>\n )}\n <TbChevronDown className=\"text-lg\" />\n </div>\n }\n placement=\"bottom-end\"\n >\n {statusList.map((status) => (\n <Dropdown.Item\n key={status}\n eventKey={status}\n onSelect={setStatus}\n >\n <div className=\"flex items-center\">\n <Badge\n innerClass={`${labelClass[status]}`}\n />\n <span className=\"ml-2 rtl:mr-2\">\n {status}\n </span>\n </div>\n </Dropdown.Item>\n ))}\n </Dropdown>\n </Td>\n <Td className=\"w-[150px]\">\n <Dropdown\n renderTitle={\n <div className=\"flex items-center gap-1 cursor-pointer\">\n {priority ? (\n <Tag\n className={`${\n priority\n ? labelClass[\n priority\n ]\n : ''\n }`}\n >\n {priority}\n </Tag>\n ) : (\n <span className=\"font-semibold\">\n Priority\n </span>\n )}\n <TbChevronDown className=\"text-lg\" />\n </div>\n }\n placement=\"bottom-end\"\n >\n {priorityList.map((priority) => (\n <Dropdown.Item\n key={priority}\n eventKey={priority}\n onSelect={setPriority}\n >\n <div className=\"flex items-center\">\n <Badge\n innerClass={`${labelClass[priority]}`}\n />\n <span className=\"ml-2 rtl:mr-2\">\n {priority}\n </span>\n </div>\n </Dropdown.Item>\n ))}\n </Dropdown>\n </Td>\n <Td className=\"w-[150px]\">\n <div className=\"flex items-center gap-2 cursor-pointer relative max-w-[200px]\">\n <TbCalendar className=\"text-xl\" />\n <span className=\"font-semibold\">\n {dueDate\n ? dayjs\n .unix(dueDate)\n .format('DD MMM')\n : 'Due date'}\n </span>\n <DatePicker\n className=\"opacity-0 cursor-pointer absolute\"\n value={dayjs\n .unix(\n dueDate \|\|\n dayjs().unix(),\n )\n .toDate()}\n inputtable={false}\n inputPrefix={null}\n inputSuffix={null}\n clearable={false}\n onChange={(date) =>\n setDuedate(\n dayjs(\n date as Date,\n ).unix(),\n )\n }\n />\n </div>\n </Td>\n <Td className=\"py-1\">\n <div className=\"flex items-center justify-between\">\n <Dropdown\n placement=\"bottom\"\n renderTitle={\n <div className=\"flex items-center gap-2 cursor-pointer\">\n {assignee ? (\n <>\n <Avatar\n shape=\"circle\"\n size=\"sm\"\n src={\n boardMembers.find(\n (\n member,\n ) =>\n member.id ===\n assignee,\n )?.img\n }\n />\n <span className=\"font-bold heading-text\">\n {\n boardMembers.find(\n (\n member,\n ) =>\n member.id ===\n assignee,\n )?.name\n }\n </span>\n </>\n ) : (\n <>\n <TbUser className=\"text-xl\" />\n <span className=\"font-semibold\">\n Assignee\n </span>\n </>\n )}\n </div>\n }\n >\n {boardMembers.map((member) => (\n <Dropdown.Item\n key={member.name}\n eventKey={member.id}\n onSelect={() =>\n setAssignee(\n member.id,\n )\n }\n >\n <div className=\"flex items-center justify-between\">\n <div className=\"flex items-center\">\n <Avatar\n shape=\"circle\"\n size={22}\n src={\n member.img\n }\n />\n <span className=\"ml-2 rtl:mr-2\">\n {\n member.name\n }\n </span>\n </div>\n </div>\n </Dropdown.Item>\n ))}\n </Dropdown>\n\n <Button\n size=\"sm\"\n variant=\"solid\"\n onClick={handleCreateClick}\n >\n Create\n </Button>\n </div>\n </Td>\n </Tr>\n </TBody>\n </Table>\n </div>\n </>\n ) : (\n <Button\n block\n icon={<TbPlus />}\n customColorClass={() =>\n 'border-dashed border-2 hover:ring-transparent bg-gray-50'\n }\n onClick={() => onAddTaskClick(groupKey)}\n >\n Add task\n </Button>\n )}\n </>\n )\n}\n\nexport default AddTask\n"],"names":["TBody","Tr","Td","Table","priorityList","statusList","AddTask","groupKey","isCreatingTask","onAddTaskClick","onCreateTask","inputRef","useRef","focused","setFocused","useState","status","setStatus","priority","setPriority","assignee","setAssignee","dueDate","setDuedate","boardMembers","useTasksStore","useEffect","_a","handleCreateClick","task","uniqueId","_b","member","_c","jsx","Fragment","classNames","jsxs","TbCircleCheck","Dropdown","Tag","labelClass","TbChevronDown","Badge","TbCalendar","dayjs","DatePicker","date","Avatar","TbUser","Button","TbPlus"],"mappings":"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"}
1	+ {"version":3,"file":"AddTask.js","sources":["../../../../../../../lib/@ecme/views/concepts/projects/Tasks/components/AddTask.tsx"],"sourcesContent":["import { useEffect, useState, useRef } from 'react'\nimport classNames from '@/utils/classNames'\nimport Tag from '@/components/ui/Tag'\nimport Avatar from '@/components/ui/Avatar'\nimport Table from '@/components/ui/Table'\nimport Button from '@/components/ui/Button'\nimport Dropdown from '@/components/ui/Dropdown'\nimport Badge from '@/components/ui/Badge'\nimport DatePicker from '@/components/ui/DatePicker'\nimport { labelClass } from '../utils'\nimport { useTasksStore } from '../store/tasksStore'\nimport {\n TbPlus,\n TbCircleCheck,\n TbChevronDown,\n TbCalendar,\n TbUser,\n} from 'react-icons/tb'\nimport dayjs from 'dayjs'\nimport uniqueId from 'lodash/uniqueId'\nimport type { Task } from '../types'\n\ntype AddTaskProps = {\n groupKey: string\n isCreatingTask: boolean\n onAddTaskClick: (key: string) => void\n onCreateTask: (task: Task) => void\n}\n\nconst { TBody, Tr, Td } = Table\n\nconst priorityList: string[] = ['Low', 'Medium', 'High']\n\nconst statusList: string[] = ['Pending', 'In Progress']\n\nconst AddTask = ({\n groupKey,\n isCreatingTask,\n onAddTaskClick,\n onCreateTask,\n}: AddTaskProps) => {\n const inputRef = useRef<HTMLInputElement>(null)\n\n const [focused, setFocused] = useState(false)\n\n const [status, setStatus] = useState('')\n const [priority, setPriority] = useState('')\n const [assignee, setAssignee] = useState('')\n const [dueDate, setDuedate] = useState<number \| null>(null)\n\n const { boardMembers } = useTasksStore()\n\n useEffect(() => {\n if (isCreatingTask) {\n inputRef.current?.focus()\n }\n }, [isCreatingTask])\n\n const handleCreateClick = () => {\n const task: Task = {\n id: uniqueId('task_'),\n name: inputRef.current?.value \|\| 'Untitled task',\n progress: status \|\| statusList[0],\n assignee: {\n id: assignee,\n name:\n boardMembers.find((member) => member.id === assignee)\n ?.name \|\| '',\n img:\n boardMembers.find((member) => member.id === assignee)\n ?.img \|\| '',\n },\n priority: priority \|\| priorityList[0],\n dueDate,\n checked: false,\n }\n\n onCreateTask(task)\n setStatus('')\n setPriority('')\n setAssignee('')\n setDuedate(null)\n }\n\n return (\n <>\n {isCreatingTask ? (\n <>\n <div\n className={classNames(\n 'rounded-lg transition-shadow duration-150',\n focused && 'shadow-xl',\n )}\n >\n <Table hoverable={false} overflow={false}>\n <TBody>\n <Tr>\n <Td className=\"w-[66px]\"></Td>\n <Td className=\"w-[40px] text-2xl\">\n <TbCircleCheck />\n </Td>\n <Td className=\"w-[500px]\">\n <input\n ref={inputRef}\n className=\"outline-0 font-semibold w-full heading-text bg-transparent\"\n placeholder=\"Enter task name\"\n onFocus={() => setFocused(true)}\n onBlur={() => setFocused(false)}\n />\n </Td>\n <Td className=\"w-[150px]\">\n <Dropdown\n renderTitle={\n <div className=\"flex items-center gap-1 cursor-pointer\">\n {status ? (\n <Tag\n className={`${\n status\n ? labelClass[\n status\n ]\n : ''\n }`}\n >\n {status}\n </Tag>\n ) : (\n <span className=\"font-semibold\">\n Status\n </span>\n )}\n <TbChevronDown className=\"text-lg\" />\n </div>\n }\n placement=\"bottom-end\"\n >\n {statusList.map((status) => (\n <Dropdown.Item\n key={status}\n eventKey={status}\n onSelect={setStatus}\n >\n <div className=\"flex items-center\">\n <Badge\n innerClass={`${labelClass[status]}`}\n />\n <span className=\"ml-2 rtl:mr-2\">\n {status}\n </span>\n </div>\n </Dropdown.Item>\n ))}\n </Dropdown>\n </Td>\n <Td className=\"w-[150px]\">\n <Dropdown\n renderTitle={\n <div className=\"flex items-center gap-1 cursor-pointer\">\n {priority ? (\n <Tag\n className={`${\n priority\n ? labelClass[\n priority\n ]\n : ''\n }`}\n >\n {priority}\n </Tag>\n ) : (\n <span className=\"font-semibold\">\n Priority\n </span>\n )}\n <TbChevronDown className=\"text-lg\" />\n </div>\n }\n placement=\"bottom-end\"\n >\n {priorityList.map((priority) => (\n <Dropdown.Item\n key={priority}\n eventKey={priority}\n onSelect={setPriority}\n >\n <div className=\"flex items-center\">\n <Badge\n innerClass={`${labelClass[priority]}`}\n />\n <span className=\"ml-2 rtl:mr-2\">\n {priority}\n </span>\n </div>\n </Dropdown.Item>\n ))}\n </Dropdown>\n </Td>\n <Td className=\"w-[150px]\">\n <div className=\"flex items-center gap-2 cursor-pointer relative max-w-[200px]\">\n <TbCalendar className=\"text-xl\" />\n <span className=\"font-semibold\">\n {dueDate\n ? dayjs\n .unix(dueDate)\n .format('DD MMM')\n : 'Due date'}\n </span>\n <DatePicker\n className=\"opacity-0 cursor-pointer absolute\"\n value={dayjs\n .unix(\n dueDate \|\|\n dayjs().unix(),\n )\n .toDate()}\n inputtable={false}\n inputPrefix={null}\n inputSuffix={null}\n clearable={false}\n onChange={(date) =>\n setDuedate(\n dayjs(\n date as Date,\n ).unix(),\n )\n }\n />\n </div>\n </Td>\n <Td className=\"py-1\">\n <div className=\"flex items-center justify-between\">\n <Dropdown\n placement=\"bottom\"\n renderTitle={\n <div className=\"flex items-center gap-2 cursor-pointer\">\n {assignee ? (\n <>\n <Avatar\n shape=\"circle\"\n size=\"sm\"\n src={\n boardMembers.find(\n (\n member,\n ) =>\n member.id ===\n assignee,\n )?.img\n }\n />\n <span className=\"font-bold heading-text\">\n {\n boardMembers.find(\n (\n member,\n ) =>\n member.id ===\n assignee,\n )?.name\n }\n </span>\n </>\n ) : (\n <>\n <TbUser className=\"text-xl\" />\n <span className=\"font-semibold\">\n Assignee\n </span>\n </>\n )}\n </div>\n }\n >\n {boardMembers.map((member) => (\n <Dropdown.Item\n key={member.name}\n eventKey={member.id}\n onSelect={() =>\n setAssignee(\n member.id,\n )\n }\n >\n <div className=\"flex items-center justify-between\">\n <div className=\"flex items-center\">\n <Avatar\n shape=\"circle\"\n size={22}\n src={\n member.img\n }\n />\n <span className=\"ml-2 rtl:mr-2\">\n {\n member.name\n }\n </span>\n </div>\n </div>\n </Dropdown.Item>\n ))}\n </Dropdown>\n\n <Button\n size=\"sm\"\n variant=\"solid\"\n onClick={handleCreateClick}\n >\n Create\n </Button>\n </div>\n </Td>\n </Tr>\n </TBody>\n </Table>\n </div>\n </>\n ) : (\n <Button\n block\n icon={<TbPlus />}\n customColorClass={() =>\n 'border-dashed border-2 hover:ring-transparent bg-gray-50'\n }\n onClick={() => onAddTaskClick(groupKey)}\n >\n Add task\n </Button>\n )}\n </>\n )\n}\n\nexport default AddTask\n"],"names":["TBody","Tr","Td","Table","priorityList","statusList","AddTask","groupKey","isCreatingTask","onAddTaskClick","onCreateTask","inputRef","useRef","focused","setFocused","useState","status","setStatus","priority","setPriority","assignee","setAssignee","dueDate","setDuedate","boardMembers","useTasksStore","useEffect","_a","handleCreateClick","task","uniqueId","_b","member","_c","jsx","Fragment","classNames","jsxs","TbCircleCheck","Dropdown","Tag","labelClass","TbChevronDown","Badge","TbCalendar","dayjs","DatePicker","date","Avatar","TbUser","Button","TbPlus"],"mappings":"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"}

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'\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":";;;;;;;;;;;;AAaA,MAAM,EAAE,OAAAA,MAAUC,GAEZC,IAAW,MAAM;AACnB,QAAM,CAACC,GAA0BC,CAA2B,IAAIC,EAAS,EAAE,GAErE,EAAE,eAAAC,GAAe,cAAAC,GAAc,SAAAC,GAAS,QAAAC,EAAA,IAAWC,EAAA,GAEnDC,IAAY,CAACC,MAAuB;AACtC,QAAIA,EAAO,SAAS;AAChB,UAAIA,EAAO,SAAS,UAAU;AAC1B,cAAMC,IAAU,CAAC,GAAGL,CAAO;AAC3B,QAAAK,EAAQ,OAAOD,EAAO,OAAO,OAAO,CAAC,GACrCN,EAAcO,CAAO;AACrB;AAAA,MAAA;AAIJ,YAAMC,IAAmB,CAAC,GADXL,EAAOG,EAAO,OAAO,WAAW,CACZ;AACnC,MAAAE,EAAiB,OAAOF,EAAO,OAAO,OAAO,CAAC;AAC9C,YAAMG,IAAa;AAAA,QACf,GAAGN;AAAA,QACH,CAACG,EAAO,OAAO,WAAW,GAAGE;AAAA,MAAA;AAEjC,MAAAP,EAAaQ,CAAU;AACvB;AAAA,IAAA;AAGJ,QAAI,CAACH,EAAO;AACR;AAGJ,UAAMI,IAASJ,EAAO,QAChBK,IAAcL,EAAO;AAE3B,QACII,EAAO,gBAAgBC,EAAY,eACnCD,EAAO,UAAUC,EAAY;AAE7B;AAGJ,QAAIL,EAAO,SAAS,UAAU;AAC1B,YAAMM,IAAaC;AAAA,QACfX;AAAA,QACAQ,EAAO;AAAA,QACPC,EAAY;AAAA,MAAA;AAEhB,MAAAX,EAAcY,CAAU;AACxB;AAAA,IAAA;AAGJ,UAAME,IAAOC,EAAwC;AAAA,MACjD,UAAUZ;AAAA,MACV,QAAAO;AAAA,MACA,aAAAC;AAAA,IAAA,CACH;AAED,IAAAV,EAAaa,EAAK,QAAQ;AAAA,EAAA,GAGxBE,IAAe,CAACC,GAAgBC,MAAqB;AACvD,UAAMC,IAAU,EAAE,GAAGhB,EAAA;AAErB,IAAAgB,EAAQD,CAAQ,IAAIC,EAAQD,CAAQ,EAAE,OAAO,CAACE,OACtCA,EAAK,OAAOH,MACZG,EAAK,UAAU,CAACA,EAAK,UAElBA,EACV,GAEDnB,EAAakB,CAAO;AAAA,EAAA,GAGlBE,IAAmB,CAACC,GAAaF,MAAe;AAClD,UAAMD,IAAU,EAAE,GAAGhB,EAAA;AACrB,IAAAgB,EAAQG,CAAG,EAAE,KAAKF,CAAI,GACtBnB,EAAakB,CAAO,GACpBrB,EAA4B,EAAE;AAAA,EAAA;AAGlC,SACI,gBAAAyB,EAACC,GAAA,EAAgB,WAAW,CAAClB,MAAWD,EAAUC,CAAM,GACpD,UAAA,gBAAAiB,EAACE,GAAA,EAAU,aAAY,SAAQ,MAAK,UAAS,WAAU,YAClD,UAAA,CAACC,MACE,gBAAAH,EAAC,OAAA,EAAI,KAAKG,EAAS,UAAW,GAAGA,EAAS,gBACtC,UAAA,gBAAAC,EAAC,OAAA,EAAI,WAAU,wBACV,UAAA;AAAA,IAAAzB,EAAQ,IAAI,CAACoB,GAAKM,MACf,gBAAAL;AAAA,MAACM;AAAA,MAAA;AAAA,QAEG,aAAaP;AAAA,QACb,OAAAM;AAAA,QAEC,WAACF,MACE,gBAAAC;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,KAAKD,EAAS;AAAA,YACb,GAAGA,EAAS;AAAA,YAEb,UAAA;AAAA,cAAA,gBAAAC,EAAC,OAAA,EAAI,WAAU,gCACX,UAAA;AAAA,gBAAA,gBAAAJ;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBACG,WAAU;AAAA,oBACT,GAAGG,EAAS;AAAA,oBAEb,4BAACI,GAAA,CAAA,CAAgB;AAAA,kBAAA;AAAA,gBAAA;AAAA,gBAErB,gBAAAP,EAAC,QAAI,UAAAD,EAAA,CAAI;AAAA,cAAA,GACb;AAAA,cACA,gBAAAC,EAAC5B,GAAA,EAAM,WAAU,sBACb,UAAA,gBAAA4B;AAAA,gBAACE;AAAA,gBAAA;AAAA,kBACG,aAAaH;AAAA,kBACb,MAAK;AAAA,kBAEJ,WAACS;;AACE,2CAAAJ;AAAA,sBAACjC;AAAA,sBAAA;AAAA,wBACG,KACIqC,EAAa;AAAA,wBAEhB,GAAGA,EAAa;AAAA,wBAEhB,UAAA;AAAA,2BAAAC,IAAA7B,EAAOmB,CAAG,MAAV,gBAAAU,EAAa;AAAA,4BACV,CACIC,GACAL,MAEA,gBAAAL;AAAA,8BAACM;AAAA,8BAAA;AAAA,gCAKG,aACII,EAAK,KACLL;AAAAA,gCAEJ,OACIA;AAAAA,gCAGH,WACGF,MAEA,gBAAAH;AAAA,kCAACW;AAAA,kCAAA;AAAA,oCACG,KACIR,EAAS;AAAA,oCAEb,QACIO,EAAK;AAAA,oCAET,UACIA,EAAK;AAAA,oCAET,SACIA,EAAK;AAAA,oCAET,MACIA,EAAK;AAAA,oCAET,SACIA,EAAK;AAAA,oCAET,UACIA,EAAK;AAAA,oCAET,UACIA,EAAK;AAAA,oCAET,SACI,gBAAAV;AAAA,sCAAC;AAAA,sCAAA;AAAA,wCACI,GAAGG,EAAS;AAAA,wCAEb,4BAACI,GAAA,CAAA,CAAgB;AAAA,sCAAA;AAAA,oCAAA;AAAA,oCAGzB,YAAAK;AAAA,oCAGA,UAAU,CACNlB,MAEAD;AAAA,sCACIC;AAAA,sCACAK;AAAA,oCAAA;AAAA,oCAGP,GAAGI,EAAS;AAAA,kCAAA;AAAA,gCAAA;AAAA,8BACjB;AAAA,8BA1DAO,EAAK,KACLL;AAAAA,4BAAA;AAAA;AAAA,0BA+DZG,EAAa;AAAA,wBAAA;AAAA,sBAAA;AAAA,oBAAA;AAAA;AAAA,gBAErB;AAAA,cAAA,GAGZ;AAAA,cACA,gBAAAR,EAAC,OAAA,EAAI,WAAU,QACX,UAAA,gBAAAA;AAAA,gBAACa;AAAA,gBAAA;AAAA,kBACG,gBACId,MACAzB;AAAA,kBAEJ,UAAUyB;AAAA,kBACV,gBACIxB;AAAA,kBAEJ,cAAc,CAACsB,MACXC;AAAA,oBACIC;AAAA,oBACAF;AAAA,kBAAA;AAAA,gBACJ;AAAA,cAAA,EAER,CACJ;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MACJ;AAAA,MA7HCE;AAAA,IAAA,CAgIZ;AAAA,IACAI,EAAS;AAAA,EAAA,GACd,EAAA,CACJ,GAER,GACJ;AAER;"}
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 */\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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"}
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":";;;;;;;;;;;;;;;;;;AAiBA,MAAMA,KAAc,MAAM;AACtB,QAAMC,IAAWC,EAAO,IAAI,GAEtB,CAACC,GAAYC,CAAa,IAAIC,EAAS,EAAK,GAE5C,EAAE,YAAAC,GAAY,cAAAC,GAAc,oBAAAC,EAAA,IAAuBC,EAAA,GAEnD,CAACC,GAAYC,CAAa,IAAIN,EAAmB,CAAA,CAAE;AAEzD,EAAAO,EAAU,MAAM;AACZ,IAAIN,EAAW,SAAS,KACpBK,EAAcL,CAAU;AAAA,EAEhC,GAAG,CAACA,CAAU,CAAC;AAEf,QAAMO,IAAaC,EAASC,GAAkB,GAAG;AAEjD,WAASA,EAAiBC,GAAe;AACrC,UAAMC,IAAOC,EAAeZ,GAAYU,GAAO,MAAM;AACrD,IAAAL,EAAcM,CAAgB;AAAA,EAClC;AAEA,QAAME,IAAW,CAACC,MAAqC;AACnD,IAAAP,EAAWO,EAAE,OAAO,KAAK;AAAA,EAC7B,GAEMC,IAAiB,CAACC,MACbf,EAAa,KAAK,CAACgB,MAAWA,EAAO,OAAOD,CAAE,GAGnDE,IAAc,CAACD,MAAmB;AACpC,UAAMN,IAAOQ,EAAUlB,CAAY;AACnC,IAAAU,EAAK,KAAKM,CAAM,GAChBf,EAAmBS,CAAI;AAAA,EAC3B,GAEMS,IAAiB,CAACJ,MAAe;AACnC,UAAML,IAAOQ,EAAUlB,CAAY,EAAE;AAAA,MACjC,CAACgB,MAAWA,EAAO,OAAOD;AAAA,IAAA;AAE9B,IAAAd,EAAmBS,CAAI;AAAA,EAC3B,GAEMU,IAAS,MAAM;AACjB,IAAAvB,EAAc,EAAK;AAAA,EACvB;AAEA,SACI,gBAAAwB,EAAAC,GAAA,EACI,UAAA;AAAA,IAAA,gBAAAD,EAAC,OAAA,EAAI,WAAU,mEACX,UAAA;AAAA,MAAA,gBAAAE,EAAC,QAAG,UAAA,QAAA,CAAK;AAAA,MACT,gBAAAF,EAAC,OAAA,EAAI,WAAU,2BACX,UAAA;AAAA,QAAA,gBAAAE;AAAA,UAACC;AAAA,UAAA;AAAA,YACG,WAAU;AAAA,YACV,aAAa,EAAE,MAAM,KAAA;AAAA,YACrB,OAAOxB;AAAA,UAAA;AAAA,QAAA;AAAA,QAEX,gBAAAuB;AAAA,UAACE;AAAA,UAAA;AAAA,YACG,MAAK;AAAA,YACL,wBAAOC,GAAA,EAAO;AAAA,YACd,SAAS,MAAM7B,EAAc,EAAI;AAAA,YACpC,UAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MAED,EAAA,CACJ;AAAA,IAAA,GACJ;AAAA,IACA,gBAAA0B;AAAA,MAACI;AAAA,MAAA;AAAA,QACG,QAAQ/B;AAAA,QACR,OAAO;AAAA,QACP,SAAS,MAAMC,EAAc,EAAK;AAAA,QAClC,gBAAgB,MAAMA,EAAc,EAAK;AAAA,QAEzC,4BAAC,OAAA,EACG,UAAA;AAAA,UAAA,gBAAAwB,EAAC,OAAA,EAAI,WAAU,oBACX,UAAA;AAAA,YAAA,gBAAAE,EAAC,MAAA,EAAG,WAAU,QAAO,UAAA,cAAU;AAAA,YAC/B,gBAAAA,EAAC,OAAE,UAAA,+CAAA,CAA4C;AAAA,UAAA,GACnD;AAAA,UACA,gBAAAA;AAAA,YAACK;AAAA,YAAA;AAAA,cACG,KAAKlC;AAAA,cACL,QAAQ,gBAAA6B,EAACM,GAAA,EAAS,WAAU,UAAA,CAAU;AAAA,cACtC,aAAY;AAAA,cACZ,UAAUjB;AAAA,YAAA;AAAA,UAAA;AAAA,UAEd,gBAAAS,EAAC,OAAA,EAAI,WAAU,QACX,UAAA;AAAA,YAAA,gBAAAA,EAAC,KAAA,EAAE,WAAU,wCACR,UAAA;AAAA,cAAAlB,EAAW;AAAA,cAAO;AAAA,YAAA,GACvB;AAAA,YACA,gBAAAoB,EAAC,OAAA,EAAI,WAAU,QACX,UAAA,gBAAAA;AAAA,cAACO;AAAA,cAAA;AAAA,gBACG,WAAWC,EAAW,sBAAsB;AAAA,gBAE3C,UAAA5B,EAAW,IAAI,CAACa,MACb,gBAAAK;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBAEG,WAAU;AAAA,oBAEV,UAAA;AAAA,sBAAA,gBAAAA,EAAC,OAAA,EAAI,WAAU,2BACX,UAAA;AAAA,wBAAA,gBAAAE;AAAA,0BAACS;AAAA,0BAAA;AAAA,4BACG,OAAM;AAAA,4BACN,KAAKhB,EAAO;AAAA,0BAAA;AAAA,wBAAA;AAAA,wBAEhB,gBAAAO,EAAC,SACG,UAAA,gBAAAA,EAAC,KAAA,EAAE,WAAU,0BACR,UAAAP,EAAO,MACZ,EAAA,CACJ;AAAA,sBAAA,GACJ;AAAA,sBACCF,EAAeE,EAAO,EAAE,IACrB,gBAAAO;AAAA,wBAACE;AAAA,wBAAA;AAAA,0BACG,MAAK;AAAA,0BACL,kBAAkB,MACd;AAAA,0BAEJ,SAAS,MACLN,EAAeH,EAAO,EAAE;AAAA,0BAG5B,UAAA,gBAAAO,EAAC,QAAA,EAAK,WAAU,gBAAe,UAAA,SAAA,CAE/B;AAAA,wBAAA;AAAA,sBAAA,IAGJ,gBAAAA;AAAA,wBAACE;AAAA,wBAAA;AAAA,0BACG,MAAK;AAAA,0BACL,SAAS,MACLR,EAAYD,CAAM;AAAA,0BAEzB,UAAA;AAAA,wBAAA;AAAA,sBAAA;AAAA,oBAED;AAAA,kBAAA;AAAA,kBApCCA,EAAO;AAAA,gBAAA,CAuCnB;AAAA,cAAA;AAAA,YAAA,GAET;AAAA,YACA,gBAAAO,EAACE,KAAO,OAAK,IAAC,SAAQ,SAAQ,SAASL,GAAQ,UAAA,OAAA,CAE/C;AAAA,UAAA,EAAA,CACJ;AAAA,QAAA,EAAA,CACJ;AAAA,MAAA;AAAA,IAAA;AAAA,EACJ,GACJ;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'\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,~~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":"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"}

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 */\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,~~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'\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,~~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/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'\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":";;;;;;;;;;;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/components/Overview.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Overview.js","sources":["../../../../../../lib/@ecme/views/dashboards/EcommerceDashboard/components/Overview.tsx"],"sourcesContent":["import { useState, useEffect, useRef } from 'react'\nimport Card from '@/components/ui/Card'\nimport Select from '@/components/ui/Select'\nimport GrowShrinkValue from '@/components/shared/GrowShrinkValue'\nimport AbbreviateNumber from '@/components/shared/AbbreviateNumber'\nimport Chart from '@/components/shared/Chart'\nimport { useThemeStore } from '@/store/themeStore'\nimport classNames from '@/utils/classNames'\nimport { COLOR_1, COLOR_2, COLOR_4 } from '@/constants/chart.constant'\nimport { options } from '../constants'\nimport { NumericFormat } from 'react-number-format'\nimport { TbCoin, TbShoppingBagCheck, TbEye } from 'react-icons/tb'\nimport type { ReactNode } from 'react'\nimport type { StatisticData, Period, StatisticCategory } from '../types'\n\ntype StatisticCardProps = {\n title: string\n value: number \| ReactNode\n icon: ReactNode\n growShrink: number\n iconClass: string\n label: StatisticCategory\n compareFrom: string\n active: boolean\n onClick: (label: StatisticCategory) => void\n}\n\ntype StatisticGroupsProps = {\n data: StatisticData\n}\n\nconst chartColors: Record<StatisticCategory, string> = {\n totalProfit: COLOR_1,\n totalOrder: COLOR_2,\n totalImpression: COLOR_4,\n}\n\nconst StatisticCard = (props: StatisticCardProps) => {\n const {\n title,\n value,\n label,\n icon,\n growShrink,\n iconClass,\n active,\n compareFrom,\n onClick,\n } = props\n\n return (\n <button\n className={classNames(\n 'p-4 rounded-2xl cursor-pointer ltr:text-left rtl:text-right transition duration-150 outline-none',\n active && 'bg-white dark:bg-gray-900 shadow-md',\n )}\n onClick={() => onClick(label)}\n >\n <div className=\"flex md:flex-col-reverse gap-2 2xl:flex-row justify-between relative\">\n <div>\n <div className=\"mb-4 text-sm font-semibold\">{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 </button>\n )\n}\n\nconst Overview = ({ data }: StatisticGroupsProps) => {\n const [selectedCategory, setSelectedCategory] =\n useState<StatisticCategory>('totalProfit')\n\n const [selectedPeriod, setSelectedPeriod] = useState<Period>('thisMonth')\n\n const sideNavCollapse = useThemeStore(\n (state) => state.layout.sideNavCollapse,\n )\n\n const isFirstRender = useRef(true)\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>\n <div className=\"flex items-center justify-between\">\n <h4>Overview</h4>\n <Select\n className=\"w-[120px]\"\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 setSelectedPeriod(option?.value)\n }\n }}\n />\n </div>\n <div className=\"grid grid-cols-1 md:grid-cols-3 gap-4 rounded-2xl p-3 bg-gray-100 dark:bg-gray-700 mt-4\">\n <StatisticCard\n title=\"Total profit\"\n value={\n <NumericFormat\n displayType=\"text\"\n value={data.totalProfit[selectedPeriod].value}\n prefix={'$'}\n thousandSeparator={true}\n />\n }\n growShrink={data.totalProfit[selectedPeriod].growShrink}\n iconClass=\"bg-sky-200\"\n icon={<TbCoin />}\n label=\"totalProfit\"\n active={selectedCategory === 'totalProfit'}\n compareFrom={data.totalProfit[selectedPeriod].comparePeriod}\n onClick={setSelectedCategory}\n />\n <StatisticCard\n title=\"Total order\"\n value={\n <NumericFormat\n displayType=\"text\"\n value={data.totalOrder[selectedPeriod].value}\n thousandSeparator={true}\n />\n }\n growShrink={data.totalOrder[selectedPeriod].growShrink}\n iconClass=\"bg-emerald-200\"\n icon={<TbShoppingBagCheck />}\n label=\"totalOrder\"\n active={selectedCategory === 'totalOrder'}\n compareFrom={data.totalProfit[selectedPeriod].comparePeriod}\n onClick={setSelectedCategory}\n />\n <StatisticCard\n title=\"Impression\"\n value={\n <AbbreviateNumber\n value={data.totalImpression[selectedPeriod].value}\n />\n }\n growShrink={data.totalImpression[selectedPeriod].growShrink}\n iconClass=\"bg-purple-200\"\n icon={<TbEye />}\n label=\"totalImpression\"\n active={selectedCategory === 'totalImpression'}\n compareFrom={data.totalProfit[selectedPeriod].comparePeriod}\n onClick={setSelectedCategory}\n />\n </div>\n <Chart\n type=\"line\"\n series={data[selectedCategory][selectedPeriod].chartData.series}\n xAxis={data[selectedCategory][selectedPeriod].chartData.date}\n height=\"410px\"\n customOptions={{\n legend: { show: false },\n colors: [chartColors[selectedCategory]],\n }}\n />\n </Card>\n )\n}\n\nexport default Overview\n"],"names":["chartColors","COLOR_1","COLOR_2","COLOR_4","StatisticCard","props","title","value","label","icon","growShrink","iconClass","active","compareFrom","onClick","jsx","classNames","jsxs","GrowShrinkValue","Overview","data","selectedCategory","setSelectedCategory","useState","selectedPeriod","setSelectedPeriod","sideNavCollapse","useThemeStore","state","isFirstRender","useRef","useEffect","Card","Select","options","option","NumericFormat","TbCoin","TbShoppingBagCheck","AbbreviateNumber","TbEye","Chart"],"mappings":"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"}
1	+ {"version":3,"file":"Overview.js","sources":["../../../../../../lib/@ecme/views/dashboards/EcommerceDashboard/components/Overview.tsx"],"sourcesContent":["import { useState, useEffect, useRef } from 'react'\nimport Card from '@/components/ui/Card'\nimport Select from '@/components/ui/Select'\nimport GrowShrinkValue from '@/components/shared/GrowShrinkValue'\nimport AbbreviateNumber from '@/components/shared/AbbreviateNumber'\nimport Chart from '@/components/shared/Chart'\nimport { useThemeStore } from '@/store/themeStore'\nimport classNames from '@/utils/classNames'\nimport { COLOR_1, COLOR_2, COLOR_4 } from '@/constants/chart.constant'\nimport { options } from '../constants'\nimport { NumericFormat } from 'react-number-format'\nimport { TbCoin, TbShoppingBagCheck, TbEye } from 'react-icons/tb'\nimport type { ReactNode } from 'react'\nimport type { StatisticData, Period, StatisticCategory } from '../types'\n\ntype StatisticCardProps = {\n title: string\n value: number \| ReactNode\n icon: ReactNode\n growShrink: number\n iconClass: string\n label: StatisticCategory\n compareFrom: string\n active: boolean\n onClick: (label: StatisticCategory) => void\n}\n\ntype StatisticGroupsProps = {\n data: StatisticData\n}\n\nconst chartColors: Record<StatisticCategory, string> = {\n totalProfit: COLOR_1,\n totalOrder: COLOR_2,\n totalImpression: COLOR_4,\n}\n\nconst StatisticCard = (props: StatisticCardProps) => {\n const {\n title,\n value,\n label,\n icon,\n growShrink,\n iconClass,\n active,\n compareFrom,\n onClick,\n } = props\n\n return (\n <button\n className={classNames(\n 'p-4 rounded-2xl cursor-pointer ltr:text-left rtl:text-right transition duration-150 outline-none',\n active && 'bg-white dark:bg-gray-900 shadow-md',\n )}\n onClick={() => onClick(label)}\n >\n <div className=\"flex md:flex-col-reverse gap-2 2xl:flex-row justify-between relative\">\n <div>\n <div className=\"mb-4 text-sm font-semibold\">{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 </button>\n )\n}\n\nconst Overview = ({ data }: StatisticGroupsProps) => {\n const [selectedCategory, setSelectedCategory] =\n useState<StatisticCategory>('totalProfit')\n\n const [selectedPeriod, setSelectedPeriod] = useState<Period>('thisMonth')\n\n const sideNavCollapse = useThemeStore(\n (state) => state.layout.sideNavCollapse,\n )\n\n const isFirstRender = useRef(true)\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>\n <div className=\"flex items-center justify-between\">\n <h4>Overview</h4>\n <Select\n className=\"w-[120px]\"\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 setSelectedPeriod(option?.value)\n }\n }}\n />\n </div>\n <div className=\"grid grid-cols-1 md:grid-cols-3 gap-4 rounded-2xl p-3 bg-gray-100 dark:bg-gray-700 mt-4\">\n <StatisticCard\n title=\"Total profit\"\n value={\n <NumericFormat\n displayType=\"text\"\n value={data.totalProfit[selectedPeriod].value}\n prefix={'$'}\n thousandSeparator={true}\n />\n }\n growShrink={data.totalProfit[selectedPeriod].growShrink}\n iconClass=\"bg-sky-200\"\n icon={<TbCoin />}\n label=\"totalProfit\"\n active={selectedCategory === 'totalProfit'}\n compareFrom={data.totalProfit[selectedPeriod].comparePeriod}\n onClick={setSelectedCategory}\n />\n <StatisticCard\n title=\"Total order\"\n value={\n <NumericFormat\n displayType=\"text\"\n value={data.totalOrder[selectedPeriod].value}\n thousandSeparator={true}\n />\n }\n growShrink={data.totalOrder[selectedPeriod].growShrink}\n iconClass=\"bg-emerald-200\"\n icon={<TbShoppingBagCheck />}\n label=\"totalOrder\"\n active={selectedCategory === 'totalOrder'}\n compareFrom={data.totalProfit[selectedPeriod].comparePeriod}\n onClick={setSelectedCategory}\n />\n <StatisticCard\n title=\"Impression\"\n value={\n <AbbreviateNumber\n value={data.totalImpression[selectedPeriod].value}\n />\n }\n growShrink={data.totalImpression[selectedPeriod].growShrink}\n iconClass=\"bg-purple-200\"\n icon={<TbEye />}\n label=\"totalImpression\"\n active={selectedCategory === 'totalImpression'}\n compareFrom={data.totalProfit[selectedPeriod].comparePeriod}\n onClick={setSelectedCategory}\n />\n </div>\n <Chart\n type=\"line\"\n series={data[selectedCategory][selectedPeriod].chartData.series}\n xAxis={data[selectedCategory][selectedPeriod].chartData.date}\n height=\"410px\"\n customOptions={{\n legend: { show: false },\n colors: [chartColors[selectedCategory]],\n }}\n />\n </Card>\n )\n}\n\nexport default Overview\n"],"names":["chartColors","COLOR_1","COLOR_2","COLOR_4","StatisticCard","props","title","value","label","icon","growShrink","iconClass","active","compareFrom","onClick","jsx","classNames","jsxs","GrowShrinkValue","Overview","data","selectedCategory","setSelectedCategory","useState","selectedPeriod","setSelectedPeriod","sideNavCollapse","useThemeStore","state","isFirstRender","useRef","useEffect","Card","Select","options","option","NumericFormat","TbCoin","TbShoppingBagCheck","AbbreviateNumber","TbEye","Chart"],"mappings":"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"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"RecentOrder.js","sources":["../../../../../../lib/@ecme/views/dashboards/EcommerceDashboard/components/RecentOrder.tsx"],"sourcesContent":["import { useCallback } from 'react'\nimport Badge from '@/components/ui/Badge'\nimport Button from '@/components/ui/Button'\nimport Card from '@/components/ui/Card'\nimport Table from '@/components/ui/Table'\nimport {\n useReactTable,\n getCoreRowModel,\n flexRender,\n createColumnHelper,\n} from '@tanstack/react-table'\nimport { useNavigate } from 'react-router-dom'\nimport { NumericFormat } from 'react-number-format'\nimport dayjs from 'dayjs'\n\nimport type { Order } from '../types'\n\ntype RecentOrderProps = {\n data: Order[]\n}\nconst { Tr, Td, TBody, THead, Th } = Table\n\nconst orderStatusColor: Record<\n number,\n {\n label: string\n dotClass: string\n textClass: string\n }\n> = {\n 0: {\n label: 'Paid',\n dotClass: 'bg-emerald-500',\n textClass: 'text-emerald-500',\n },\n 1: {\n label: 'Pending',\n dotClass: 'bg-amber-500',\n textClass: 'text-amber-500',\n },\n 2: { label: 'Failed', dotClass: 'bg-red-500', textClass: 'text-red-500' },\n}\n\nconst OrderColumn = ({ row }: { row: Order }) => {\n const navigate = useNavigate()\n\n const handleView = useCallback(() => {\n navigate(`/concepts/orders/order-details/${row.id}`)\n }, [navigate, row])\n\n return (\n <span\n className={`cursor-pointer select-none font-semibold hover:text-primary`}\n onClick={handleView}\n >\n #{row.id}\n </span>\n )\n}\n\nconst columnHelper = createColumnHelper<Order>()\n\nconst columns = [\n columnHelper.accessor('id', {\n header: 'Order',\n cell: (props) => <OrderColumn row={props.row.original} />,\n }),\n columnHelper.accessor('status', {\n header: 'Status',\n cell: (props) => {\n const { status } = props.row.original\n return (\n <div className=\"flex items-center\">\n <Badge className={orderStatusColor[status].dotClass} />\n <span\n className={`ml-2 rtl:mr-2 capitalize font-semibold ${orderStatusColor[status].textClass}`}\n >\n {orderStatusColor[status].label}\n </span>\n </div>\n )\n },\n }),\n columnHelper.accessor('date', {\n header: 'Date',\n cell: (props) => {\n const row = props.row.original\n return <span>{dayjs.unix(row.date).format('DD/MM/YYYY')}</span>\n },\n }),\n columnHelper.accessor('customer', {\n header: 'Customer',\n }),\n columnHelper.accessor('totalAmount', {\n header: 'Amount spent',\n cell: (props) => {\n const { totalAmount } = props.row.original\n return (\n <NumericFormat\n className=\"heading-text font-bold\"\n displayType=\"text\"\n value={(Math.round(totalAmount * 100) / 100).toFixed(2)}\n prefix={'$'}\n thousandSeparator={true}\n />\n )\n },\n }),\n]\n\nconst RecentOrder = ({ data = [] }: RecentOrderProps) => {\n const navigate = useNavigate()\n\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>Recent Orders</h4>\n <Button\n size=\"sm\"\n onClick={() => navigate('/concepts/orders/order-list')}\n >\n View Orders\n </Button>\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 >\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 RecentOrder\n"],"names":["Tr","Td","TBody","THead","Th","Table","orderStatusColor","OrderColumn","row","navigate","useNavigate","handleView","useCallback","jsxs","columnHelper","createColumnHelper","columns","props","jsx","status","Badge","dayjs","totalAmount","NumericFormat","RecentOrder","data","table","useReactTable","getCoreRowModel","Card","Button","headerGroup","header","flexRender","cell"],"mappings":";;;;;;;;;;;;;AAoBA,MAAM,EAAE,IAAAA,GAAI,IAAAC,GAAI,OAAAC,GAAO,OAAAC,GAAO,IAAAC,MAAOC,GAE/BC,IAOF;AAAA,EACA,GAAG;AAAA,IACC,OAAO;AAAA,IACP,UAAU;AAAA,IACV,WAAW;AAAA,EAAA;AAAA,EAEf,GAAG;AAAA,IACC,OAAO;AAAA,IACP,UAAU;AAAA,IACV,WAAW;AAAA,EAAA;AAAA,EAEf,GAAG,EAAE,OAAO,UAAU,UAAU,cAAc,WAAW,eAAA;AAC7D,GAEMC,IAAc,CAAC,EAAE,KAAAC,QAA0B;AAC7C,QAAMC,IAAWC,EAAA,GAEXC,IAAaC,EAAY,MAAM;AACjC,IAAAH,EAAS,kCAAkCD,EAAI,EAAE,EAAE;AAAA,~~EAAA~~,~~GACpD~~,CAACC,GAAUD,CAAG,CAAC;AAElB,SACI,gBAAAK;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAW;AAAA,MACX,SAASF;AAAA,MACZ,UAAA;AAAA,QAAA;AAAA,QACKH,EAAI;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGlB,GAEMM,IAAeC,EAAA,GAEfC,IAAU;AAAA,EACZF,EAAa,SAAS,MAAM;AAAA,IACxB,QAAQ;AAAA,IACR,MAAM,CAACG,MAAU,gBAAAC,EAACX,KAAY,KAAKU,EAAM,IAAI,SAAA,CAAU;AAAA,EAAA,CAC1D;AAAA,EACDH,EAAa,SAAS,UAAU;AAAA,IAC5B,QAAQ;AAAA,IACR,MAAM,CAACG,MAAU;AACb,YAAM,EAAE,QAAAE,EAAA,IAAWF,EAAM,IAAI;AAC7B,aACI,gBAAAJ,EAAC,OAAA,EAAI,WAAU,qBACX,UAAA;AAAA,QAAA,gBAAAK,EAACE,GAAA,EAAM,WAAWd,EAAiBa,CAAM,EAAE,UAAU;AAAA,QACrD,gBAAAD;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,WAAW,0CAA0CZ,EAAiBa,CAAM,EAAE,SAAS;AAAA,YAEtF,UAAAb,EAAiBa,CAAM,EAAE;AAAA,UAAA;AAAA,QAAA;AAAA,MAC9B,GACJ;AAAA,~~IAAA~~;AAAA,~~EAER~~,CACH;AAAA,EACDL,EAAa,SAAS,QAAQ;AAAA,IAC1B,QAAQ;AAAA,IACR,MAAM,CAACG,MAAU;AACb,YAAMT,IAAMS,EAAM,IAAI;AACtB,aAAO,gBAAAC,EAAC,UAAM,UAAAG,EAAM,KAAKb,EAAI,IAAI,EAAE,OAAO,YAAY,EAAA,CAAE;AAAA,~~IAAA~~;AAAA,~~EAC5D~~,CACH;AAAA,EACDM,EAAa,SAAS,YAAY;AAAA,IAC9B,QAAQ;AAAA,EAAA,CACX;AAAA,EACDA,EAAa,SAAS,eAAe;AAAA,IACjC,QAAQ;AAAA,IACR,MAAM,CAACG,MAAU;AACb,YAAM,EAAE,aAAAK,EAAA,IAAgBL,EAAM,IAAI;AAClC,aACI,gBAAAC;AAAA,QAACK;AAAA,QAAA;AAAA,UACG,WAAU;AAAA,UACV,aAAY;AAAA,UACZ,QAAQ,KAAK,MAAMD,IAAc,GAAG,IAAI,KAAK,QAAQ,CAAC;AAAA,UACtD,QAAQ;AAAA,UACR,mBAAmB;AAAA,QAAA;AAAA,MAAA;AAAA,~~IACvB~~;AAAA,~~EAER~~,CACH;AACL,GAEME,IAAc,CAAC,EAAE,MAAAC,IAAO,CAAA,QAA2B;AACrD,QAAMhB,IAAWC,EAAA,GAEXgB,IAAQC,EAAc;AAAA,IACxB,MAAAF;AAAA,IACA,SAAAT;AAAA,IACA,iBAAiBY,EAAA;AAAA,EAAgB,CACpC;AAED,2BACKC,GAAA,EACG,UAAA;AAAA,IAAA,gBAAAhB,EAAC,OAAA,EAAI,WAAU,0CACX,UAAA;AAAA,MAAA,gBAAAK,EAAC,QAAG,UAAA,gBAAA,CAAa;AAAA,MACjB,gBAAAA;AAAA,QAACY;AAAA,QAAA;AAAA,UACG,MAAK;AAAA,UACL,SAAS,MAAMrB,EAAS,6BAA6B;AAAA,UACxD,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAED,GACJ;AAAA,sBACCJ,GAAA,EACG,UAAA;AAAA,MAAA,gBAAAa,EAACf,GAAA,EACI,UAAAuB,EAAM,gBAAA,EAAkB,IAAI,CAACK,MAC1B,gBAAAb,EAAClB,GAAA,EACI,UAAA+B,EAAY,QAAQ,IAAI,CAACC,MAElB,gBAAAd;AAAA,QAACd;AAAA,QAAA;AAAA,UAEG,SAAS4B,EAAO;AAAA,UAEf,UAAAC;AAAA,YACGD,EAAO,OAAO,UAAU;AAAA,YACxBA,EAAO,WAAA;AAAA,UAAW;AAAA,QACtB;AAAA,QANKA,EAAO;AAAA,MAAA,CASvB,~~KAbID~~,EAAY,EAcrB,CACH,EAAA,CACL;AAAA,MACA,gBAAAb,EAAChB,KACI,UAAAwB,EAAM,YAAA,EAAc,KAAK,IAAI,CAAClB,wBAEtBR,GAAA,EACI,UAAAQ,EAAI,kBAAkB,IAAI,CAAC0B,wBAEnBjC,GAAA,EACI,UAAAgC;AAAA,QACGC,EAAK,OAAO,UAAU;AAAA,QACtBA,EAAK,WAAA;AAAA,MAAW,EACpB,GAJKA,EAAK,EAKd,CAEP,EAAA,GAVI1B,EAAI,EAWb,CAEP,EAAA,CACL;AAAA,IAAA,EAAA,CACJ;AAAA,EAAA,GACJ;AAER;"}
1	+ {"version":3,"file":"RecentOrder.js","sources":["../../../../../../lib/@ecme/views/dashboards/EcommerceDashboard/components/RecentOrder.tsx"],"sourcesContent":["import { useCallback } from 'react'\nimport Badge from '@/components/ui/Badge'\nimport Button from '@/components/ui/Button'\nimport Card from '@/components/ui/Card'\nimport Table from '@/components/ui/Table'\nimport {\n useReactTable,\n getCoreRowModel,\n flexRender,\n createColumnHelper,\n} from '@tanstack/react-table'\nimport { useNavigate } from 'react-router-dom'\nimport { NumericFormat } from 'react-number-format'\nimport dayjs from 'dayjs'\n\nimport type { Order } from '../types'\n\ntype RecentOrderProps = {\n data: Order[]\n}\nconst { Tr, Td, TBody, THead, Th } = Table\n\nconst orderStatusColor: Record<\n number,\n {\n label: string\n dotClass: string\n textClass: string\n }\n> = {\n 0: {\n label: 'Paid',\n dotClass: 'bg-emerald-500',\n textClass: 'text-emerald-500',\n },\n 1: {\n label: 'Pending',\n dotClass: 'bg-amber-500',\n textClass: 'text-amber-500',\n },\n 2: { label: 'Failed', dotClass: 'bg-red-500', textClass: 'text-red-500' },\n}\n\nconst OrderColumn = ({ row }: { row: Order }) => {\n const navigate = useNavigate()\n\n const handleView = useCallback(() => {\n navigate(`/concepts/orders/order-details/${row.id}`)\n }, [navigate, row])\n\n return (\n <span\n className={`cursor-pointer select-none font-semibold hover:text-primary`}\n onClick={handleView}\n >\n #{row.id}\n </span>\n )\n}\n\nconst columnHelper = createColumnHelper<Order>()\n\nconst columns = [\n columnHelper.accessor('id', {\n header: 'Order',\n cell: (props) => <OrderColumn row={props.row.original} />,\n }),\n columnHelper.accessor('status', {\n header: 'Status',\n cell: (props) => {\n const { status } = props.row.original\n return (\n <div className=\"flex items-center\">\n <Badge className={orderStatusColor[status].dotClass} />\n <span\n className={`ml-2 rtl:mr-2 capitalize font-semibold ${orderStatusColor[status].textClass}`}\n >\n {orderStatusColor[status].label}\n </span>\n </div>\n )\n },\n }),\n columnHelper.accessor('date', {\n header: 'Date',\n cell: (props) => {\n const row = props.row.original\n return <span>{dayjs.unix(row.date).format('DD/MM/YYYY')}</span>\n },\n }),\n columnHelper.accessor('customer', {\n header: 'Customer',\n }),\n columnHelper.accessor('totalAmount', {\n header: 'Amount spent',\n cell: (props) => {\n const { totalAmount } = props.row.original\n return (\n <NumericFormat\n className=\"heading-text font-bold\"\n displayType=\"text\"\n value={(Math.round(totalAmount * 100) / 100).toFixed(2)}\n prefix={'$'}\n thousandSeparator={true}\n />\n )\n },\n }),\n]\n\nconst RecentOrder = ({ data = [] }: RecentOrderProps) => {\n const navigate = useNavigate()\n\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>Recent Orders</h4>\n <Button\n size=\"sm\"\n onClick={() => navigate('/concepts/orders/order-list')}\n >\n View Orders\n </Button>\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 >\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 RecentOrder\n"],"names":["Tr","Td","TBody","THead","Th","Table","orderStatusColor","OrderColumn","row","navigate","useNavigate","handleView","useCallback","jsxs","columnHelper","createColumnHelper","columns","props","jsx","status","Badge","dayjs","totalAmount","NumericFormat","RecentOrder","data","table","useReactTable","getCoreRowModel","Card","Button","headerGroup","header","flexRender","cell"],"mappings":"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"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"RevenueByChannel.js","sources":["../../../../../../lib/@ecme/views/dashboards/EcommerceDashboard/components/RevenueByChannel.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Card from '@/components/ui/Card'\nimport Select from '@/components/ui/Select'\nimport AbbreviateNumber from '@/components/shared/AbbreviateNumber'\nimport classNames from '@/utils/classNames'\nimport { options } from '../constants'\nimport {\n TbShoppingCart,\n TbBuildingStore,\n TbDeviceMobileMessage,\n} from 'react-icons/tb'\nimport type { ChannelRevenue, Period } from '../types'\nimport type { ReactNode } from 'react'\n\ntype RevenueByChannelProps = {\n data: ChannelRevenue\n}\n\nconst DisplayColumn = ({\n icon,\n label,\n value,\n iconClass,\n}: {\n icon: ReactNode\n label: string\n value: number\n iconClass: string\n}) => {\n return (\n <div className={classNames('flex flex-col items-center gap-5')}>\n <div\n className={classNames(\n 'rounded-full flex items-center justify-center h-12 w-12 text-xl text-gray-900',\n iconClass,\n )}\n >\n {icon}\n </div>\n <div className=\"text-center\">\n <h6 className=\"font-bold mb-1\">\n {'$'}\n <AbbreviateNumber value={value} />\n </h6>\n <div className=\"text-center text-xs\">{label}</div>\n </div>\n </div>\n )\n}\n\nconst Bar = ({\n percent,\n className,\n}: {\n percent: number\n className?: string\n}) => {\n return (\n <div className=\"flex-1\" style={{ width: `${percent}%` }}>\n <div className={classNames('h-1.5 rounded-full', className)} />\n <div className=\"font-bold heading-text mt-1\">{percent}%</div>\n </div>\n )\n}\n\nconst RevenueByChannel = ({ data }: RevenueByChannelProps) => {\n const [selectedPeriod, setSelectedPeriod] = useState<Period>('thisMonth')\n\n return (\n <Card>\n <div className=\"flex items-center justify-between mb-4\">\n <h4>Channel revenue</h4>\n <Select\n className=\"w-[120px]\"\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 setSelectedPeriod(option?.value)\n }\n }}\n />\n </div>\n <div className=\"mt-8\">\n <div className=\"flex items-center gap-3\">\n <h2>{data[selectedPeriod].growShrink}%</h2>\n <div className=\"font-nor leading-5\">\n <div>Growth</div>\n <div>Rate</div>\n </div>\n </div>\n </div>\n <div className=\"flex items-center gap-1 mt-6\">\n <Bar\n percent={data[selectedPeriod].percentage.onlineStore}\n className=\"bg-sky-200 dark:opacity-70\"\n />\n <Bar\n percent={data[selectedPeriod].percentage.physicalStore}\n className=\"bg-emerald-200 dark:opacity-70\"\n />\n <Bar\n percent={data[selectedPeriod].percentage.socialMedia}\n className=\"bg-orange-200 dark:opacity-70\"\n />\n </div>\n <div className=\"bg-gray-100 dark:bg-gray-900 rounded-xl p-4 mt-8\">\n <div className=\"grid grid-cols-3\">\n <DisplayColumn\n icon={<TbShoppingCart />}\n label=\"Online store\"\n value={\n data[selectedPeriod].value /\n data[selectedPeriod].percentage.onlineStore\n }\n iconClass=\"bg-sky-200 dark:opacity-70\"\n />\n <DisplayColumn\n icon={<TbBuildingStore />}\n label=\"Physical store\"\n value={\n data[selectedPeriod].value /\n data[selectedPeriod].percentage.physicalStore\n }\n iconClass=\"bg-emerald-200 dark:opacity-70\"\n />\n <DisplayColumn\n icon={<TbDeviceMobileMessage />}\n label=\"Social Media\"\n value={\n data[selectedPeriod].value /\n data[selectedPeriod].percentage.socialMedia\n }\n iconClass=\"bg-orange-200 dark:opacity-70\"\n />\n </div>\n </div>\n </Card>\n )\n}\n\nexport default RevenueByChannel\n"],"names":["DisplayColumn","icon","label","value","iconClass","jsxs","classNames","jsx","AbbreviateNumber","Bar","percent","className","RevenueByChannel","data","selectedPeriod","setSelectedPeriod","useState","Card","Select","options","option","TbShoppingCart","TbBuildingStore","TbDeviceMobileMessage"],"mappings":";;;;;;;;;;AAkBA,MAAMA,IAAgB,CAAC;AAAA,EACnB,MAAAC;AAAA,EACA,OAAAC;AAAA,EACA,OAAAC;AAAA,EACA,WAAAC;AACJ,MAOQ,gBAAAC,EAAC,OAAA,EAAI,WAAWC,EAAW,kCAAkC,GACzD,UAAA;AAAA,EAAA,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAWD;AAAA,QACP;AAAA,QACAF;AAAA,MAAA;AAAA,MAGH,UAAAH;AAAA,IAAA;AAAA,EAAA;AAAA,EAEL,gBAAAI,EAAC,OAAA,EAAI,WAAU,eACX,UAAA;AAAA,IAAA,gBAAAA,EAAC,MAAA,EAAG,WAAU,kBACT,UAAA;AAAA,MAAA;AAAA,MACD,gBAAAE,EAACC,KAAiB,OAAAL,EAAA,CAAc;AAAA,IAAA,GACpC;AAAA,IACA,gBAAAI,EAAC,OAAA,EAAI,WAAU,uBAAuB,UAAAL,EAAA,CAAM;AAAA,EAAA,EAAA,CAChD;AAAA,GACJ,GAIFO,IAAM,CAAC;AAAA,EACT,SAAAC;AAAA,EACA,WAAAC;AACJ,MAKQ,gBAAAN,EAAC,OAAA,EAAI,WAAU,UAAS,OAAO,EAAE,OAAO,GAAGK,CAAO,IAAA,GAC9C,UAAA;AAAA,EAAA,gBAAAH,EAAC,OAAA,EAAI,WAAWD,EAAW,sBAAsBK,CAAS,GAAG;AAAA,EAC7D,gBAAAN,EAAC,OAAA,EAAI,WAAU,+BAA+B,UAAA;AAAA,IAAAK;AAAA,IAAQ;AAAA,EAAA,EAAA,CAAC;AAAA,GAC3D,GAIFE,IAAmB,CAAC,EAAE,MAAAC,QAAkC;AAC1D,QAAM,CAACC,GAAgBC,CAAiB,IAAIC,EAAiB,WAAW;AAExE,2BACKC,GAAA,EACG,UAAA;AAAA,IAAA,gBAAAZ,EAAC,OAAA,EAAI,WAAU,0CACX,UAAA;AAAA,MAAA,gBAAAE,EAAC,QAAG,UAAA,kBAAA,CAAe;AAAA,MACnB,gBAAAA;AAAA,QAACW;AAAA,QAAA;AAAA,UACG,WAAU;AAAA,UACV,MAAK;AAAA,UACL,aAAY;AAAA,UACZ,OAAOC,EAAQ;AAAA,YACX,CAACC,MAAWA,EAAO,UAAUN;AAAA,UAAA;AAAA,UAEjC,SAAAK;AAAA,UACA,cAAc;AAAA,UACd,UAAU,CAACC,MAAW;AAClB,YAAIA,KAAA,QAAAA,EAAQ,SACRL,EAAkBK,KAAA,gBAAAA,EAAQ,KAAK;AAAA,~~UACnC~~;AAAA,~~QACJ~~;AAAA,MAAA;AAAA,IACJ,GACJ;AAAA,sBACC,OAAA,EAAI,WAAU,QACX,UAAA,gBAAAf,EAAC,OAAA,EAAI,WAAU,2BACX,UAAA;AAAA,MAAA,gBAAAA,EAAC,MAAA,EAAI,UAAA;AAAA,QAAAQ,EAAKC,CAAc,EAAE;AAAA,QAAW;AAAA,MAAA,GAAC;AAAA,MACtC,gBAAAT,EAAC,OAAA,EAAI,WAAU,sBACX,UAAA;AAAA,QAAA,gBAAAE,EAAC,SAAI,UAAA,SAAA,CAAM;AAAA,QACX,gBAAAA,EAAC,SAAI,UAAA,OAAA,CAAI;AAAA,MAAA,EAAA,CACb;AAAA,IAAA,EAAA,CACJ,EAAA,CACJ;AAAA,IACA,gBAAAF,EAAC,OAAA,EAAI,WAAU,gCACX,UAAA;AAAA,MAAA,gBAAAE;AAAA,QAACE;AAAA,QAAA;AAAA,UACG,SAASI,EAAKC,CAAc,EAAE,WAAW;AAAA,UACzC,WAAU;AAAA,QAAA;AAAA,MAAA;AAAA,MAEd,gBAAAP;AAAA,QAACE;AAAA,QAAA;AAAA,UACG,SAASI,EAAKC,CAAc,EAAE,WAAW;AAAA,UACzC,WAAU;AAAA,QAAA;AAAA,MAAA;AAAA,MAEd,gBAAAP;AAAA,QAACE;AAAA,QAAA;AAAA,UACG,SAASI,EAAKC,CAAc,EAAE,WAAW;AAAA,UACzC,WAAU;AAAA,QAAA;AAAA,MAAA;AAAA,IACd,GACJ;AAAA,sBACC,OAAA,EAAI,WAAU,oDACX,UAAA,gBAAAT,EAAC,OAAA,EAAI,WAAU,oBACX,UAAA;AAAA,MAAA,gBAAAE;AAAA,QAACP;AAAA,QAAA;AAAA,UACG,wBAAOqB,GAAA,EAAe;AAAA,UACtB,OAAM;AAAA,UACN,OACIR,EAAKC,CAAc,EAAE,QACrBD,EAAKC,CAAc,EAAE,WAAW;AAAA,UAEpC,WAAU;AAAA,QAAA;AAAA,MAAA;AAAA,MAEd,gBAAAP;AAAA,QAACP;AAAA,QAAA;AAAA,UACG,wBAAOsB,GAAA,EAAgB;AAAA,UACvB,OAAM;AAAA,UACN,OACIT,EAAKC,CAAc,EAAE,QACrBD,EAAKC,CAAc,EAAE,WAAW;AAAA,UAEpC,WAAU;AAAA,QAAA;AAAA,MAAA;AAAA,MAEd,gBAAAP;AAAA,QAACP;AAAA,QAAA;AAAA,UACG,wBAAOuB,GAAA,EAAsB;AAAA,UAC7B,OAAM;AAAA,UACN,OACIV,EAAKC,CAAc,EAAE,QACrBD,EAAKC,CAAc,EAAE,WAAW;AAAA,UAEpC,WAAU;AAAA,QAAA;AAAA,MAAA;AAAA,IACd,EAAA,CACJ,EAAA,CACJ;AAAA,EAAA,GACJ;AAER;"}
1	+ {"version":3,"file":"RevenueByChannel.js","sources":["../../../../../../lib/@ecme/views/dashboards/EcommerceDashboard/components/RevenueByChannel.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Card from '@/components/ui/Card'\nimport Select from '@/components/ui/Select'\nimport AbbreviateNumber from '@/components/shared/AbbreviateNumber'\nimport classNames from '@/utils/classNames'\nimport { options } from '../constants'\nimport {\n TbShoppingCart,\n TbBuildingStore,\n TbDeviceMobileMessage,\n} from 'react-icons/tb'\nimport type { ChannelRevenue, Period } from '../types'\nimport type { ReactNode } from 'react'\n\ntype RevenueByChannelProps = {\n data: ChannelRevenue\n}\n\nconst DisplayColumn = ({\n icon,\n label,\n value,\n iconClass,\n}: {\n icon: ReactNode\n label: string\n value: number\n iconClass: string\n}) => {\n return (\n <div className={classNames('flex flex-col items-center gap-5')}>\n <div\n className={classNames(\n 'rounded-full flex items-center justify-center h-12 w-12 text-xl text-gray-900',\n iconClass,\n )}\n >\n {icon}\n </div>\n <div className=\"text-center\">\n <h6 className=\"font-bold mb-1\">\n {'$'}\n <AbbreviateNumber value={value} />\n </h6>\n <div className=\"text-center text-xs\">{label}</div>\n </div>\n </div>\n )\n}\n\nconst Bar = ({\n percent,\n className,\n}: {\n percent: number\n className?: string\n}) => {\n return (\n <div className=\"flex-1\" style={{ width: `${percent}%` }}>\n <div className={classNames('h-1.5 rounded-full', className)} />\n <div className=\"font-bold heading-text mt-1\">{percent}%</div>\n </div>\n )\n}\n\nconst RevenueByChannel = ({ data }: RevenueByChannelProps) => {\n const [selectedPeriod, setSelectedPeriod] = useState<Period>('thisMonth')\n\n return (\n <Card>\n <div className=\"flex items-center justify-between mb-4\">\n <h4>Channel revenue</h4>\n <Select\n className=\"w-[120px]\"\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 setSelectedPeriod(option?.value)\n }\n }}\n />\n </div>\n <div className=\"mt-8\">\n <div className=\"flex items-center gap-3\">\n <h2>{data[selectedPeriod].growShrink}%</h2>\n <div className=\"font-nor leading-5\">\n <div>Growth</div>\n <div>Rate</div>\n </div>\n </div>\n </div>\n <div className=\"flex items-center gap-1 mt-6\">\n <Bar\n percent={data[selectedPeriod].percentage.onlineStore}\n className=\"bg-sky-200 dark:opacity-70\"\n />\n <Bar\n percent={data[selectedPeriod].percentage.physicalStore}\n className=\"bg-emerald-200 dark:opacity-70\"\n />\n <Bar\n percent={data[selectedPeriod].percentage.socialMedia}\n className=\"bg-orange-200 dark:opacity-70\"\n />\n </div>\n <div className=\"bg-gray-100 dark:bg-gray-900 rounded-xl p-4 mt-8\">\n <div className=\"grid grid-cols-3\">\n <DisplayColumn\n icon={<TbShoppingCart />}\n label=\"Online store\"\n value={\n data[selectedPeriod].value /\n data[selectedPeriod].percentage.onlineStore\n }\n iconClass=\"bg-sky-200 dark:opacity-70\"\n />\n <DisplayColumn\n icon={<TbBuildingStore />}\n label=\"Physical store\"\n value={\n data[selectedPeriod].value /\n data[selectedPeriod].percentage.physicalStore\n }\n iconClass=\"bg-emerald-200 dark:opacity-70\"\n />\n <DisplayColumn\n icon={<TbDeviceMobileMessage />}\n label=\"Social Media\"\n value={\n data[selectedPeriod].value /\n data[selectedPeriod].percentage.socialMedia\n }\n iconClass=\"bg-orange-200 dark:opacity-70\"\n />\n </div>\n </div>\n </Card>\n )\n}\n\nexport default RevenueByChannel\n"],"names":["DisplayColumn","icon","label","value","iconClass","jsxs","classNames","jsx","AbbreviateNumber","Bar","percent","className","RevenueByChannel","data","selectedPeriod","setSelectedPeriod","useState","Card","Select","options","option","TbShoppingCart","TbBuildingStore","TbDeviceMobileMessage"],"mappings":";;;;;;;;;;AAkBA,MAAMA,IAAgB,CAAC;AAAA,EACnB,MAAAC;AAAA,EACA,OAAAC;AAAA,EACA,OAAAC;AAAA,EACA,WAAAC;AACJ,MAOQ,gBAAAC,EAAC,OAAA,EAAI,WAAWC,EAAW,kCAAkC,GACzD,UAAA;AAAA,EAAA,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAWD;AAAA,QACP;AAAA,QACAF;AAAA,MAAA;AAAA,MAGH,UAAAH;AAAA,IAAA;AAAA,EAAA;AAAA,EAEL,gBAAAI,EAAC,OAAA,EAAI,WAAU,eACX,UAAA;AAAA,IAAA,gBAAAA,EAAC,MAAA,EAAG,WAAU,kBACT,UAAA;AAAA,MAAA;AAAA,MACD,gBAAAE,EAACC,KAAiB,OAAAL,EAAA,CAAc;AAAA,IAAA,GACpC;AAAA,IACA,gBAAAI,EAAC,OAAA,EAAI,WAAU,uBAAuB,UAAAL,EAAA,CAAM;AAAA,EAAA,EAAA,CAChD;AAAA,GACJ,GAIFO,IAAM,CAAC;AAAA,EACT,SAAAC;AAAA,EACA,WAAAC;AACJ,MAKQ,gBAAAN,EAAC,OAAA,EAAI,WAAU,UAAS,OAAO,EAAE,OAAO,GAAGK,CAAO,IAAA,GAC9C,UAAA;AAAA,EAAA,gBAAAH,EAAC,OAAA,EAAI,WAAWD,EAAW,sBAAsBK,CAAS,GAAG;AAAA,EAC7D,gBAAAN,EAAC,OAAA,EAAI,WAAU,+BAA+B,UAAA;AAAA,IAAAK;AAAA,IAAQ;AAAA,EAAA,EAAA,CAAC;AAAA,GAC3D,GAIFE,IAAmB,CAAC,EAAE,MAAAC,QAAkC;AAC1D,QAAM,CAACC,GAAgBC,CAAiB,IAAIC,EAAiB,WAAW;AAExE,2BACKC,GAAA,EACG,UAAA;AAAA,IAAA,gBAAAZ,EAAC,OAAA,EAAI,WAAU,0CACX,UAAA;AAAA,MAAA,gBAAAE,EAAC,QAAG,UAAA,kBAAA,CAAe;AAAA,MACnB,gBAAAA;AAAA,QAACW;AAAA,QAAA;AAAA,UACG,WAAU;AAAA,UACV,MAAK;AAAA,UACL,aAAY;AAAA,UACZ,OAAOC,EAAQ;AAAA,YACX,CAACC,MAAWA,EAAO,UAAUN;AAAA,UAAA;AAAA,UAEjC,SAAAK;AAAA,UACA,cAAc;AAAA,UACd,UAAU,CAACC,MAAW;AAClB,YAAIA,KAAA,QAAAA,EAAQ,SACRL,EAAkBK,KAAA,gBAAAA,EAAQ,KAAK;AAAA,UAEvC;AAAA,QAAA;AAAA,MAAA;AAAA,IACJ,GACJ;AAAA,sBACC,OAAA,EAAI,WAAU,QACX,UAAA,gBAAAf,EAAC,OAAA,EAAI,WAAU,2BACX,UAAA;AAAA,MAAA,gBAAAA,EAAC,MAAA,EAAI,UAAA;AAAA,QAAAQ,EAAKC,CAAc,EAAE;AAAA,QAAW;AAAA,MAAA,GAAC;AAAA,MACtC,gBAAAT,EAAC,OAAA,EAAI,WAAU,sBACX,UAAA;AAAA,QAAA,gBAAAE,EAAC,SAAI,UAAA,SAAA,CAAM;AAAA,QACX,gBAAAA,EAAC,SAAI,UAAA,OAAA,CAAI;AAAA,MAAA,EAAA,CACb;AAAA,IAAA,EAAA,CACJ,EAAA,CACJ;AAAA,IACA,gBAAAF,EAAC,OAAA,EAAI,WAAU,gCACX,UAAA;AAAA,MAAA,gBAAAE;AAAA,QAACE;AAAA,QAAA;AAAA,UACG,SAASI,EAAKC,CAAc,EAAE,WAAW;AAAA,UACzC,WAAU;AAAA,QAAA;AAAA,MAAA;AAAA,MAEd,gBAAAP;AAAA,QAACE;AAAA,QAAA;AAAA,UACG,SAASI,EAAKC,CAAc,EAAE,WAAW;AAAA,UACzC,WAAU;AAAA,QAAA;AAAA,MAAA;AAAA,MAEd,gBAAAP;AAAA,QAACE;AAAA,QAAA;AAAA,UACG,SAASI,EAAKC,CAAc,EAAE,WAAW;AAAA,UACzC,WAAU;AAAA,QAAA;AAAA,MAAA;AAAA,IACd,GACJ;AAAA,sBACC,OAAA,EAAI,WAAU,oDACX,UAAA,gBAAAT,EAAC,OAAA,EAAI,WAAU,oBACX,UAAA;AAAA,MAAA,gBAAAE;AAAA,QAACP;AAAA,QAAA;AAAA,UACG,wBAAOqB,GAAA,EAAe;AAAA,UACtB,OAAM;AAAA,UACN,OACIR,EAAKC,CAAc,EAAE,QACrBD,EAAKC,CAAc,EAAE,WAAW;AAAA,UAEpC,WAAU;AAAA,QAAA;AAAA,MAAA;AAAA,MAEd,gBAAAP;AAAA,QAACP;AAAA,QAAA;AAAA,UACG,wBAAOsB,GAAA,EAAgB;AAAA,UACvB,OAAM;AAAA,UACN,OACIT,EAAKC,CAAc,EAAE,QACrBD,EAAKC,CAAc,EAAE,WAAW;AAAA,UAEpC,WAAU;AAAA,QAAA;AAAA,MAAA;AAAA,MAEd,gBAAAP;AAAA,QAACP;AAAA,QAAA;AAAA,UACG,wBAAOuB,GAAA,EAAsB;AAAA,UAC7B,OAAM;AAAA,UACN,OACIV,EAAKC,CAAc,EAAE,QACrBD,EAAKC,CAAc,EAAE,WAAW;AAAA,UAEpC,WAAU;AAAA,QAAA;AAAA,MAAA;AAAA,IACd,EAAA,CACJ,EAAA,CACJ;AAAA,EAAA,GACJ;AAER;"}