@orbe-agro/client-core 5.6.186 → 5.6.188-prod.0

package/dist/@ecme/views/dashboards/ProjectDashboard/components/UpcomingSchedule.js.map

@@ -1 +1 @@
-{"version":3,"file":"UpcomingSchedule.js","sources":["../../../../../../lib/@ecme/views/dashboards/ProjectDashboard/components/UpcomingSchedule.tsx"],"sourcesContent":["import { useState, useMemo } from 'react'\nimport Avatar from '@/components/ui/Avatar'\nimport Card from '@/components/ui/Card'\nimport Calendar from '@/components/ui/Calendar'\nimport ScrollBar from '@/components/ui/ScrollBar'\nimport CreateEventDialog, { eventTypes } from './CreateEventDialog'\nimport { eventGenerator, isToday } from '../utils'\nimport classNames from '@/utils/classNames'\n\nimport dayjs from 'dayjs'\nimport type { FormSchema as CreateEventPayload } from './CreateEventDialog'\nimport type { Event } from '../types'\n\ntype ScheduledEvent = {\n    id: string\n    type: Event\n    label: string\n    time?: Date\n}\n\ntype ScheduledEventProps = ScheduledEvent\n\nconst ScheduledEvent = (props: ScheduledEventProps) => {\n    const { type, label, time } = props\n\n    const event = eventTypes[type]\n\n    return (\n        <div className=\"flex items-center justify-between gap-4 py-1\">\n            <div className=\"flex items-center gap-3\">\n                <div>\n                    <Avatar\n                        className={classNames('text-gray-900', event?.color)}\n                        icon={event?.icon}\n                        shape=\"round\"\n                    />\n                </div>\n                <div>\n                    <div className=\"font-bold heading-text\">{label}</div>\n                    <div className=\"font-normal\">{event?.label}</div>\n                </div>\n            </div>\n            <div>\n                <span className=\"font-semibold heading-text\">\n                    {time && dayjs(time).format('hh:mm')}{' '}\n                </span>\n                <small>{time && dayjs(time).format('A')}</small>\n            </div>\n        </div>\n    )\n}\n\nconst UpcomingSchedule = () => {\n    const [selectedDate, setSelectedDate] = useState<Date | null>(\n        dayjs().toDate(),\n    )\n    const [createdEventCache, setCreatedEventCache] = useState<\n        Record<string, ScheduledEvent[]>\n    >({})\n\n    const eventList = useMemo(() => {\n        const date = selectedDate\n        const previousCreatedEvent =\n            createdEventCache[dayjs(date).toISOString()] || []\n        const eventList = [\n            ...eventGenerator(date as Date),\n            ...previousCreatedEvent,\n        ]\n\n        return eventList.sort((a, b) => {\n            if (!a.time && !b.time) {\n                return 0\n            }\n            if (!a.time) {\n                return 1\n            }\n            if (!b.time) {\n                return -1\n            }\n            return a.time.getTime() - b.time.getTime()\n        })\n    }, [selectedDate, createdEventCache])\n\n    const handleCreateEvent = (value: CreateEventPayload & { id: string }) => {\n        const payload = {\n            id: value.id,\n            label: value.label,\n            type: value.type,\n            time: dayjs(selectedDate)\n                .set('hour', value.time)\n                .set('minute', 0)\n                .toDate(),\n        }\n        setCreatedEventCache((prevRecord) => {\n            if (prevRecord[dayjs(selectedDate).toISOString()]) {\n                prevRecord[dayjs(selectedDate).toISOString()].push(payload)\n            } else {\n                prevRecord[dayjs(selectedDate).toISOString()] = [payload]\n            }\n\n            return structuredClone(prevRecord)\n        })\n    }\n\n    return (\n        <Card>\n            <div className=\"flex flex-col md:flex-row xl:flex-col md:gap-10 xl:gap-0\">\n                <div className=\"flex items-center mx-auto w-[280px]\">\n                    <Calendar\n                        value={selectedDate}\n                        onChange={(val) => {\n                            setSelectedDate(val)\n                        }}\n                    />\n                </div>\n                <div className=\"w-full\">\n                    <div className=\"my-6\">\n                        <h5>\n                            Scehdule{' '}\n                            {isToday(selectedDate as Date)\n                                ? 'today'\n                                : dayjs(selectedDate).format('DD MMM')}\n                        </h5>\n                    </div>\n                    <div className=\"w-full\">\n                        <ScrollBar className=\"overflow-y-auto h-[280px] xl:max-w-[280px]\">\n                            <div className=\"flex flex-col gap-4\">\n                                {eventList.map((event) => (\n                                    <ScheduledEvent key={event.id} {...event} />\n                                ))}\n                            </div>\n                        </ScrollBar>\n                    </div>\n                </div>\n            </div>\n            <div className=\"mt-4\">\n                <CreateEventDialog onCreateEvent={handleCreateEvent} />\n            </div>\n        </Card>\n    )\n}\n\nexport default UpcomingSchedule\n"],"names":["eventList"],"mappings":"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"}
+{"version":3,"file":"UpcomingSchedule.js","sources":["../../../../../../lib/@ecme/views/dashboards/ProjectDashboard/components/UpcomingSchedule.tsx"],"sourcesContent":["import { useState, useMemo } from 'react'\r\nimport Avatar from '@/components/ui/Avatar'\r\nimport Card from '@/components/ui/Card'\r\nimport Calendar from '@/components/ui/Calendar'\r\nimport ScrollBar from '@/components/ui/ScrollBar'\r\nimport CreateEventDialog, { eventTypes } from './CreateEventDialog'\r\nimport { eventGenerator, isToday } from '../utils'\r\nimport classNames from '@/utils/classNames'\r\n\r\nimport dayjs from 'dayjs'\r\nimport type { FormSchema as CreateEventPayload } from './CreateEventDialog'\r\nimport type { Event } from '../types'\r\n\r\ntype ScheduledEvent = {\r\n    id: string\r\n    type: Event\r\n    label: string\r\n    time?: Date\r\n}\r\n\r\ntype ScheduledEventProps = ScheduledEvent\r\n\r\nconst ScheduledEvent = (props: ScheduledEventProps) => {\r\n    const { type, label, time } = props\r\n\r\n    const event = eventTypes[type]\r\n\r\n    return (\r\n        <div className=\"flex items-center justify-between gap-4 py-1\">\r\n            <div className=\"flex items-center gap-3\">\r\n                <div>\r\n                    <Avatar\r\n                        className={classNames('text-gray-900', event?.color)}\r\n                        icon={event?.icon}\r\n                        shape=\"round\"\r\n                    />\r\n                </div>\r\n                <div>\r\n                    <div className=\"font-bold heading-text\">{label}</div>\r\n                    <div className=\"font-normal\">{event?.label}</div>\r\n                </div>\r\n            </div>\r\n            <div>\r\n                <span className=\"font-semibold heading-text\">\r\n                    {time && dayjs(time).format('hh:mm')}{' '}\r\n                </span>\r\n                <small>{time && dayjs(time).format('A')}</small>\r\n            </div>\r\n        </div>\r\n    )\r\n}\r\n\r\nconst UpcomingSchedule = () => {\r\n    const [selectedDate, setSelectedDate] = useState<Date | null>(\r\n        dayjs().toDate(),\r\n    )\r\n    const [createdEventCache, setCreatedEventCache] = useState<\r\n        Record<string, ScheduledEvent[]>\r\n    >({})\r\n\r\n    const eventList = useMemo(() => {\r\n        const date = selectedDate\r\n        const previousCreatedEvent =\r\n            createdEventCache[dayjs(date).toISOString()] || []\r\n        const eventList = [\r\n            ...eventGenerator(date as Date),\r\n            ...previousCreatedEvent,\r\n        ]\r\n\r\n        return eventList.sort((a, b) => {\r\n            if (!a.time && !b.time) {\r\n                return 0\r\n            }\r\n            if (!a.time) {\r\n                return 1\r\n            }\r\n            if (!b.time) {\r\n                return -1\r\n            }\r\n            return a.time.getTime() - b.time.getTime()\r\n        })\r\n    }, [selectedDate, createdEventCache])\r\n\r\n    const handleCreateEvent = (value: CreateEventPayload & { id: string }) => {\r\n        const payload = {\r\n            id: value.id,\r\n            label: value.label,\r\n            type: value.type,\r\n            time: dayjs(selectedDate)\r\n                .set('hour', value.time)\r\n                .set('minute', 0)\r\n                .toDate(),\r\n        }\r\n        setCreatedEventCache((prevRecord) => {\r\n            if (prevRecord[dayjs(selectedDate).toISOString()]) {\r\n                prevRecord[dayjs(selectedDate).toISOString()].push(payload)\r\n            } else {\r\n                prevRecord[dayjs(selectedDate).toISOString()] = [payload]\r\n            }\r\n\r\n            return structuredClone(prevRecord)\r\n        })\r\n    }\r\n\r\n    return (\r\n        <Card>\r\n            <div className=\"flex flex-col md:flex-row xl:flex-col md:gap-10 xl:gap-0\">\r\n                <div className=\"flex items-center mx-auto w-[280px]\">\r\n                    <Calendar\r\n                        value={selectedDate}\r\n                        onChange={(val) => {\r\n                            setSelectedDate(val)\r\n                        }}\r\n                    />\r\n                </div>\r\n                <div className=\"w-full\">\r\n                    <div className=\"my-6\">\r\n                        <h5>\r\n                            Scehdule{' '}\r\n                            {isToday(selectedDate as Date)\r\n                                ? 'today'\r\n                                : dayjs(selectedDate).format('DD MMM')}\r\n                        </h5>\r\n                    </div>\r\n                    <div className=\"w-full\">\r\n                        <ScrollBar className=\"overflow-y-auto h-[280px] xl:max-w-[280px]\">\r\n                            <div className=\"flex flex-col gap-4\">\r\n                                {eventList.map((event) => (\r\n                                    <ScheduledEvent key={event.id} {...event} />\r\n                                ))}\r\n                            </div>\r\n                        </ScrollBar>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n            <div className=\"mt-4\">\r\n                <CreateEventDialog onCreateEvent={handleCreateEvent} />\r\n            </div>\r\n        </Card>\r\n    )\r\n}\r\n\r\nexport default UpcomingSchedule\r\n"],"names":["eventList"],"mappings":"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"}

package/dist/@ecme/views/dashboards/ProjectDashboard/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sources":["../../../../../lib/@ecme/views/dashboards/ProjectDashboard/utils.ts"],"sourcesContent":["import dayjs from 'dayjs'\nimport type { Event } from './types'\n\ntype EventSet = 'today' | 'daily' | 'weekends' | 'occasionA' | 'occasionB'\n\nconst getEvents = (date: Date, eventsSet: EventSet) => {\n    const events: Record<\n        EventSet,\n        {\n            id: string\n            type: Event\n            label: string\n            time?: Date\n        }[]\n    > = {\n        today: [\n            {\n                id: '519bd1ca-c604-4985-a25b-b17f6bb829a7',\n                type: 'meeting',\n                label: 'Daily standup',\n                time: dayjs(date).set('hour', 10).set('minute', 0).toDate(),\n            },\n            {\n                id: '65af2b08-eb8c-4a6a-aa49-44ad7f7d30af',\n                type: 'task',\n                label: 'Write daily report',\n                time: dayjs(date).set('hour', 17).set('minute', 0).toDate(),\n            },\n            {\n                id: '3f3ee64a-f639-44b8-9a64-1ff586b467e1',\n                type: 'event',\n                label: 'Townhall',\n                time: dayjs(date).set('hour', 15).set('minute', 0).toDate(),\n            },\n            {\n                id: 'c6cb8f7a-b726-4749-a3ae-7125202786b5',\n                type: 'breaks',\n                label: 'Lunch break',\n                time: dayjs(date).set('hour', 12).set('minute', 0).toDate(),\n            },\n        ],\n        daily: [\n            {\n                id: '519bd1ca-c604-4985-a25b-b17f6bb829a7',\n                type: 'meeting',\n                label: 'Stand up',\n                time: dayjs(date).set('hour', 10).set('minute', 0).toDate(),\n            },\n            {\n                id: 'c6cb8f7a-b726-4749-a3ae-7125202786b5',\n                type: 'breaks',\n                label: 'Lunch break',\n                time: dayjs(date).set('hour', 12).set('minute', 0).toDate(),\n            },\n            {\n                id: '65af2b08-eb8c-4a6a-aa49-44ad7f7d30af',\n                type: 'task',\n                label: 'Write daily report',\n                time: dayjs(date).set('hour', 17).set('minute', 0).toDate(),\n            },\n        ],\n        weekends: [\n            {\n                id: '65af2b08-eb8c-4a6a-aa49-44ad7f7d30af',\n                type: 'holiday',\n                label: 'Holiday',\n            },\n        ],\n        occasionA: [\n            {\n                id: 'c6cb8f7a-b726-4749-a3ae-7125202786b5',\n                type: 'breaks',\n                label: 'Lunch break',\n                time: dayjs(date).set('hour', 12).set('minute', 0).toDate(),\n            },\n            {\n                id: '13404e47-2e68-44e4-a60a-588d6e62fe49',\n                type: 'workshops',\n                label: 'Training sessions',\n                time: dayjs(date).set('hour', 14).set('minute', 0).toDate(),\n            },\n            {\n                id: '65af2b08-eb8c-4a6a-aa49-44ad7f7d30af',\n                type: 'task',\n                label: 'Write daily report',\n                time: dayjs(date).set('hour', 17).set('minute', 0).toDate(),\n            },\n        ],\n        occasionB: [\n            {\n                id: 'c6cb8f7a-b726-4749-a3ae-7125202786b5',\n                type: 'breaks',\n                label: 'Lunch break',\n                time: dayjs(date).set('hour', 12).set('minute', 0).toDate(),\n            },\n            {\n                id: '13404e47-2e68-44e4-a60a-588d6e62fe49',\n                type: 'workshops',\n                label: 'Training sessions',\n                time: dayjs(date).set('hour', 14).set('minute', 0).toDate(),\n            },\n            {\n                id: '519bd1ca-c604-4985-a25b-b17f6bb829a7',\n                type: 'meeting',\n                label: 'Stand up',\n                time: dayjs(date).set('hour', 13).set('minute', 0).toDate(),\n            },\n            {\n                id: '54199930-814a-4a90-9738-c50e3d5ab20f',\n                type: 'reminders',\n                label: 'Team follow ups',\n                time: dayjs(date).set('hour', 15).set('minute', 0).toDate(),\n            },\n        ],\n    }\n    return events[eventsSet] || []\n}\n\nexport const isToday = (someDate: Date) => {\n    const today = new Date()\n    return (\n        someDate.getDate() === today.getDate() &&\n        someDate.getMonth() === today.getMonth() &&\n        someDate.getFullYear() === today.getFullYear()\n    )\n}\n\nconst isWeekend = (someDate: Date) => {\n    const dayOfWeek = someDate.getDay()\n    return dayOfWeek === 6 || dayOfWeek === 0\n}\n\nexport const eventGenerator = (date: Date) => {\n    if (isToday(date)) {\n        return getEvents(date, 'today')\n    }\n\n    if (isWeekend(date)) {\n        return getEvents(date, 'weekends')\n    }\n\n    if ([2, 5, 11, 14, 16, 23, 27].includes(date.getDate())) {\n        return getEvents(date, 'occasionA')\n    }\n\n    if ([3, 6, 7, 12, 15, 21, 25, 28].includes(date.getDate())) {\n        return getEvents(date, 'occasionB')\n    }\n\n    return getEvents(date, 'daily')\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"utils.js","sources":["../../../../../lib/@ecme/views/dashboards/ProjectDashboard/utils.ts"],"sourcesContent":["import dayjs from 'dayjs'\r\nimport type { Event } from './types'\r\n\r\ntype EventSet = 'today' | 'daily' | 'weekends' | 'occasionA' | 'occasionB'\r\n\r\nconst getEvents = (date: Date, eventsSet: EventSet) => {\r\n    const events: Record<\r\n        EventSet,\r\n        {\r\n            id: string\r\n            type: Event\r\n            label: string\r\n            time?: Date\r\n        }[]\r\n    > = {\r\n        today: [\r\n            {\r\n                id: '519bd1ca-c604-4985-a25b-b17f6bb829a7',\r\n                type: 'meeting',\r\n                label: 'Daily standup',\r\n                time: dayjs(date).set('hour', 10).set('minute', 0).toDate(),\r\n            },\r\n            {\r\n                id: '65af2b08-eb8c-4a6a-aa49-44ad7f7d30af',\r\n                type: 'task',\r\n                label: 'Write daily report',\r\n                time: dayjs(date).set('hour', 17).set('minute', 0).toDate(),\r\n            },\r\n            {\r\n                id: '3f3ee64a-f639-44b8-9a64-1ff586b467e1',\r\n                type: 'event',\r\n                label: 'Townhall',\r\n                time: dayjs(date).set('hour', 15).set('minute', 0).toDate(),\r\n            },\r\n            {\r\n                id: 'c6cb8f7a-b726-4749-a3ae-7125202786b5',\r\n                type: 'breaks',\r\n                label: 'Lunch break',\r\n                time: dayjs(date).set('hour', 12).set('minute', 0).toDate(),\r\n            },\r\n        ],\r\n        daily: [\r\n            {\r\n                id: '519bd1ca-c604-4985-a25b-b17f6bb829a7',\r\n                type: 'meeting',\r\n                label: 'Stand up',\r\n                time: dayjs(date).set('hour', 10).set('minute', 0).toDate(),\r\n            },\r\n            {\r\n                id: 'c6cb8f7a-b726-4749-a3ae-7125202786b5',\r\n                type: 'breaks',\r\n                label: 'Lunch break',\r\n                time: dayjs(date).set('hour', 12).set('minute', 0).toDate(),\r\n            },\r\n            {\r\n                id: '65af2b08-eb8c-4a6a-aa49-44ad7f7d30af',\r\n                type: 'task',\r\n                label: 'Write daily report',\r\n                time: dayjs(date).set('hour', 17).set('minute', 0).toDate(),\r\n            },\r\n        ],\r\n        weekends: [\r\n            {\r\n                id: '65af2b08-eb8c-4a6a-aa49-44ad7f7d30af',\r\n                type: 'holiday',\r\n                label: 'Holiday',\r\n            },\r\n        ],\r\n        occasionA: [\r\n            {\r\n                id: 'c6cb8f7a-b726-4749-a3ae-7125202786b5',\r\n                type: 'breaks',\r\n                label: 'Lunch break',\r\n                time: dayjs(date).set('hour', 12).set('minute', 0).toDate(),\r\n            },\r\n            {\r\n                id: '13404e47-2e68-44e4-a60a-588d6e62fe49',\r\n                type: 'workshops',\r\n                label: 'Training sessions',\r\n                time: dayjs(date).set('hour', 14).set('minute', 0).toDate(),\r\n            },\r\n            {\r\n                id: '65af2b08-eb8c-4a6a-aa49-44ad7f7d30af',\r\n                type: 'task',\r\n                label: 'Write daily report',\r\n                time: dayjs(date).set('hour', 17).set('minute', 0).toDate(),\r\n            },\r\n        ],\r\n        occasionB: [\r\n            {\r\n                id: 'c6cb8f7a-b726-4749-a3ae-7125202786b5',\r\n                type: 'breaks',\r\n                label: 'Lunch break',\r\n                time: dayjs(date).set('hour', 12).set('minute', 0).toDate(),\r\n            },\r\n            {\r\n                id: '13404e47-2e68-44e4-a60a-588d6e62fe49',\r\n                type: 'workshops',\r\n                label: 'Training sessions',\r\n                time: dayjs(date).set('hour', 14).set('minute', 0).toDate(),\r\n            },\r\n            {\r\n                id: '519bd1ca-c604-4985-a25b-b17f6bb829a7',\r\n                type: 'meeting',\r\n                label: 'Stand up',\r\n                time: dayjs(date).set('hour', 13).set('minute', 0).toDate(),\r\n            },\r\n            {\r\n                id: '54199930-814a-4a90-9738-c50e3d5ab20f',\r\n                type: 'reminders',\r\n                label: 'Team follow ups',\r\n                time: dayjs(date).set('hour', 15).set('minute', 0).toDate(),\r\n            },\r\n        ],\r\n    }\r\n    return events[eventsSet] || []\r\n}\r\n\r\nexport const isToday = (someDate: Date) => {\r\n    const today = new Date()\r\n    return (\r\n        someDate.getDate() === today.getDate() &&\r\n        someDate.getMonth() === today.getMonth() &&\r\n        someDate.getFullYear() === today.getFullYear()\r\n    )\r\n}\r\n\r\nconst isWeekend = (someDate: Date) => {\r\n    const dayOfWeek = someDate.getDay()\r\n    return dayOfWeek === 6 || dayOfWeek === 0\r\n}\r\n\r\nexport const eventGenerator = (date: Date) => {\r\n    if (isToday(date)) {\r\n        return getEvents(date, 'today')\r\n    }\r\n\r\n    if (isWeekend(date)) {\r\n        return getEvents(date, 'weekends')\r\n    }\r\n\r\n    if ([2, 5, 11, 14, 16, 23, 27].includes(date.getDate())) {\r\n        return getEvents(date, 'occasionA')\r\n    }\r\n\r\n    if ([3, 6, 7, 12, 15, 21, 25, 28].includes(date.getDate())) {\r\n        return getEvents(date, 'occasionB')\r\n    }\r\n\r\n    return getEvents(date, 'daily')\r\n}\r\n"],"names":[],"mappings":"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"}

package/dist/@ecme/views/dashboards/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../lib/@ecme/views/dashboards/index.ts"],"sourcesContent":["// Dashboard components exports\n// Add specific dashboard component exports as needed\nexport const dashboardsPlaceholder = 'Dashboard components';\n"],"names":[],"mappings":"AAEO,MAAM,wBAAwB;"}
+{"version":3,"file":"index.js","sources":["../../../../lib/@ecme/views/dashboards/index.ts"],"sourcesContent":["// Dashboard components exports\r\n// Add specific dashboard component exports as needed\r\nexport const dashboardsPlaceholder = 'Dashboard components';\r\n"],"names":[],"mappings":"AAEO,MAAM,wBAAwB;"}

package/dist/@ecme/views/guide/ChangeLog/ChangeLog.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChangeLog.js","sources":["../../../../../lib/@ecme/views/guide/ChangeLog/ChangeLog.tsx"],"sourcesContent":["import Container from '@/components/shared/Container'\nimport type { ReactNode } from 'react'\n\ntype Log = {\n    version: string\n    date: string\n    updateContent: string[]\n}\n\ntype LogProps = Omit<Log, 'updateContent'> & {\n    border?: boolean\n    children?: ReactNode\n}\n\nconst logData: Log[] = [\n    {\n        version: '1.1.1',\n        date: '08 Jan 2025',\n        updateContent: [\n            `[Fixed] SideNav menu item not highlighted in collapsed mode.`,\n        ],\n    },\n    {\n        version: '1.1.0',\n        date: '07 Jan 2025',\n        updateContent: [\n            `[Updated] React to version 19.`,\n            `[Updated] Various dependencies to their latest versions.`,\n            `[Fixed] Vertical menu collapsed issue in Mobile view`,\n            `[Fixed] Uncovered auth check in VeritcalMenuContent component`,\n            `[Fixed] Select option disabled appearance looks identical to the normal state`,\n            `[Fixed] Eslint no longer working after upgraded to v9`,\n        ],\n    },\n    {\n        version: '1.0.8',\n        date: '15 Dec 2024',\n        updateContent: [\n            `[Updated] Various dependencies to their latest versions.`,\n            `[Added] New field 'activeNavTranslation' to app config.tsx to control navigation translation activation.`,\n            `[Fixed] Translation key typo and missing translation in demo`,\n            `[Fixed] fullWidth prop warning from DatePicker component`,\n            `[Changes] Locales module no longer included in starter pack by default.`,\n            `[Changes] Rename hook 'useTheme' to 'useThemeSchema'`,\n        ],\n    },\n    {\n        version: '1.0.7',\n        date: '17 Nov 2024',\n        updateContent: [`[Fixed] Extra rerender in PostLoginLayout component`],\n    },\n    {\n        version: '1.0.6',\n        date: '08 Nov 2024',\n        updateContent: [\n            `[Fixed] Missing useDirection hook initialization in Theme component.`,\n        ],\n    },\n    {\n        version: '1.0.5',\n        date: '01 Nov 2024',\n        updateContent: [\n            `[Added] OtpInput component.`,\n            `[Added] Otp verification auth pages.`,\n            `[Fixed] Redundant classes in Button & Pagination components.`,\n            `[Fixed] Minor typing issues in DateTable componet.`,\n        ],\n    },\n    {\n        version: '1.0.4',\n        date: '18 Oct 2024',\n        updateContent: [\n            `[Fixed] missing .env file in both starter & demo version.`,\n            `[Fixed] error message overflows the border when the content is too long in all auth pages.`,\n        ],\n    },\n    {\n        version: '1.0.3',\n        date: '07 Oct 2024',\n        updateContent: [`[Fixed] chart not resize when parent element resize.`],\n    },\n    {\n        version: '1.0.2',\n        date: '01 Oct 2024',\n        updateContent: [\n            `[Fixed] invisible configuration panel in blank layout.`,\n        ],\n    },\n    {\n        version: '1.0.1',\n        date: '28 Sep 2024',\n        updateContent: [\n            `[Fixed] token retrieve from localStorage instead of sessionStorage when accessTokenPersistStrategy is 'sessionStorage'.`,\n        ],\n    },\n    {\n        version: '1.0.0',\n        date: '27 Sep 2024',\n        updateContent: ['[Release] Initial Release.'],\n    },\n]\n\nconst Log = (props: LogProps) => {\n    return (\n        <div className={`py-4 ${props.border && 'border-bottom'}`}>\n            <div className=\"flex items-center\">\n                <h5 className=\"font-weight-normal mb-0 mr-3\">\n                    {props.version}\n                </h5>\n                <code>{props.date}</code>\n            </div>\n            <div className=\"api-container p-0 border-0 mt-3\">\n                {props.children}\n            </div>\n        </div>\n    )\n}\n\nconst Changelog = () => {\n    return (\n        <Container>\n            <div>\n                <h4>Changelog</h4>\n                {logData.map((elm) => (\n                    <Log\n                        key={elm.version}\n                        version={`v${elm.version}`}\n                        date={elm.date}\n                    >\n                        {elm.updateContent.length > 0 ? (\n                            <ul>\n                                {elm.updateContent.map((item, i) => (\n                                    <li key={i}>- {item}</li>\n                                ))}\n                            </ul>\n                        ) : null}\n                    </Log>\n                ))}\n            </div>\n        </Container>\n    )\n}\n\nexport default Changelog\n"],"names":[],"mappings":";;AAcA,MAAM,UAAiB;AAAA,EACnB;AAAA,IACI,SAAS;AAAA,IACT,MAAM;AAAA,IACN,eAAe;AAAA,MACX;AAAA,IAAA;AAAA,EACJ;AAAA,EAEJ;AAAA,IACI,SAAS;AAAA,IACT,MAAM;AAAA,IACN,eAAe;AAAA,MACX;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA;AAAA,EACJ;AAAA,EAEJ;AAAA,IACI,SAAS;AAAA,IACT,MAAM;AAAA,IACN,eAAe;AAAA,MACX;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA;AAAA,EACJ;AAAA,EAEJ;AAAA,IACI,SAAS;AAAA,IACT,MAAM;AAAA,IACN,eAAe,CAAC,qDAAqD;AAAA,EAAA;AAAA,EAEzE;AAAA,IACI,SAAS;AAAA,IACT,MAAM;AAAA,IACN,eAAe;AAAA,MACX;AAAA,IAAA;AAAA,EACJ;AAAA,EAEJ;AAAA,IACI,SAAS;AAAA,IACT,MAAM;AAAA,IACN,eAAe;AAAA,MACX;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA;AAAA,EACJ;AAAA,EAEJ;AAAA,IACI,SAAS;AAAA,IACT,MAAM;AAAA,IACN,eAAe;AAAA,MACX;AAAA,MACA;AAAA,IAAA;AAAA,EACJ;AAAA,EAEJ;AAAA,IACI,SAAS;AAAA,IACT,MAAM;AAAA,IACN,eAAe,CAAC,sDAAsD;AAAA,EAAA;AAAA,EAE1E;AAAA,IACI,SAAS;AAAA,IACT,MAAM;AAAA,IACN,eAAe;AAAA,MACX;AAAA,IAAA;AAAA,EACJ;AAAA,EAEJ;AAAA,IACI,SAAS;AAAA,IACT,MAAM;AAAA,IACN,eAAe;AAAA,MACX;AAAA,IAAA;AAAA,EACJ;AAAA,EAEJ;AAAA,IACI,SAAS;AAAA,IACT,MAAM;AAAA,IACN,eAAe,CAAC,4BAA4B;AAAA,EAAA;AAEpD;AAEA,MAAM,MAAM,CAAC,UAAoB;AAC7B,8BACK,OAAA,EAAI,WAAW,QAAQ,MAAM,UAAU,eAAe,IACnD,UAAA;AAAA,IAAA,qBAAC,OAAA,EAAI,WAAU,qBACX,UAAA;AAAA,MAAA,oBAAC,MAAA,EAAG,WAAU,gCACT,UAAA,MAAM,SACX;AAAA,MACA,oBAAC,QAAA,EAAM,UAAA,MAAM,KAAA,CAAK;AAAA,IAAA,GACtB;AAAA,IACA,oBAAC,OAAA,EAAI,WAAU,mCACV,gBAAM,SAAA,CACX;AAAA,EAAA,GACJ;AAER;AAEA,MAAM,YAAY,MAAM;AACpB,SACI,oBAAC,WAAA,EACG,UAAA,qBAAC,OAAA,EACG,UAAA;AAAA,IAAA,oBAAC,QAAG,UAAA,YAAA,CAAS;AAAA,IACZ,QAAQ,IAAI,CAAC,QACV;AAAA,MAAC;AAAA,MAAA;AAAA,QAEG,SAAS,IAAI,IAAI,OAAO;AAAA,QACxB,MAAM,IAAI;AAAA,QAET,UAAA,IAAI,cAAc,SAAS,IACxB,oBAAC,MAAA,EACI,UAAA,IAAI,cAAc,IAAI,CAAC,MAAM,2BACzB,MAAA,EAAW,UAAA;AAAA,UAAA;AAAA,UAAG;AAAA,QAAA,KAAN,CAAW,CACvB,EAAA,CACL,IACA;AAAA,MAAA;AAAA,MAVC,IAAI;AAAA,IAAA,CAYhB;AAAA,EAAA,EAAA,CACL,EAAA,CACJ;AAER;"}
+{"version":3,"file":"ChangeLog.js","sources":["../../../../../lib/@ecme/views/guide/ChangeLog/ChangeLog.tsx"],"sourcesContent":["import Container from '@/components/shared/Container'\r\nimport type { ReactNode } from 'react'\r\n\r\ntype Log = {\r\n    version: string\r\n    date: string\r\n    updateContent: string[]\r\n}\r\n\r\ntype LogProps = Omit<Log, 'updateContent'> & {\r\n    border?: boolean\r\n    children?: ReactNode\r\n}\r\n\r\nconst logData: Log[] = [\r\n    {\r\n        version: '1.1.1',\r\n        date: '08 Jan 2025',\r\n        updateContent: [\r\n            `[Fixed] SideNav menu item not highlighted in collapsed mode.`,\r\n        ],\r\n    },\r\n    {\r\n        version: '1.1.0',\r\n        date: '07 Jan 2025',\r\n        updateContent: [\r\n            `[Updated] React to version 19.`,\r\n            `[Updated] Various dependencies to their latest versions.`,\r\n            `[Fixed] Vertical menu collapsed issue in Mobile view`,\r\n            `[Fixed] Uncovered auth check in VeritcalMenuContent component`,\r\n            `[Fixed] Select option disabled appearance looks identical to the normal state`,\r\n            `[Fixed] Eslint no longer working after upgraded to v9`,\r\n        ],\r\n    },\r\n    {\r\n        version: '1.0.8',\r\n        date: '15 Dec 2024',\r\n        updateContent: [\r\n            `[Updated] Various dependencies to their latest versions.`,\r\n            `[Added] New field 'activeNavTranslation' to app config.tsx to control navigation translation activation.`,\r\n            `[Fixed] Translation key typo and missing translation in demo`,\r\n            `[Fixed] fullWidth prop warning from DatePicker component`,\r\n            `[Changes] Locales module no longer included in starter pack by default.`,\r\n            `[Changes] Rename hook 'useTheme' to 'useThemeSchema'`,\r\n        ],\r\n    },\r\n    {\r\n        version: '1.0.7',\r\n        date: '17 Nov 2024',\r\n        updateContent: [`[Fixed] Extra rerender in PostLoginLayout component`],\r\n    },\r\n    {\r\n        version: '1.0.6',\r\n        date: '08 Nov 2024',\r\n        updateContent: [\r\n            `[Fixed] Missing useDirection hook initialization in Theme component.`,\r\n        ],\r\n    },\r\n    {\r\n        version: '1.0.5',\r\n        date: '01 Nov 2024',\r\n        updateContent: [\r\n            `[Added] OtpInput component.`,\r\n            `[Added] Otp verification auth pages.`,\r\n            `[Fixed] Redundant classes in Button & Pagination components.`,\r\n            `[Fixed] Minor typing issues in DateTable componet.`,\r\n        ],\r\n    },\r\n    {\r\n        version: '1.0.4',\r\n        date: '18 Oct 2024',\r\n        updateContent: [\r\n            `[Fixed] missing .env file in both starter & demo version.`,\r\n            `[Fixed] error message overflows the border when the content is too long in all auth pages.`,\r\n        ],\r\n    },\r\n    {\r\n        version: '1.0.3',\r\n        date: '07 Oct 2024',\r\n        updateContent: [`[Fixed] chart not resize when parent element resize.`],\r\n    },\r\n    {\r\n        version: '1.0.2',\r\n        date: '01 Oct 2024',\r\n        updateContent: [\r\n            `[Fixed] invisible configuration panel in blank layout.`,\r\n        ],\r\n    },\r\n    {\r\n        version: '1.0.1',\r\n        date: '28 Sep 2024',\r\n        updateContent: [\r\n            `[Fixed] token retrieve from localStorage instead of sessionStorage when accessTokenPersistStrategy is 'sessionStorage'.`,\r\n        ],\r\n    },\r\n    {\r\n        version: '1.0.0',\r\n        date: '27 Sep 2024',\r\n        updateContent: ['[Release] Initial Release.'],\r\n    },\r\n]\r\n\r\nconst Log = (props: LogProps) => {\r\n    return (\r\n        <div className={`py-4 ${props.border && 'border-bottom'}`}>\r\n            <div className=\"flex items-center\">\r\n                <h5 className=\"font-weight-normal mb-0 mr-3\">\r\n                    {props.version}\r\n                </h5>\r\n                <code>{props.date}</code>\r\n            </div>\r\n            <div className=\"api-container p-0 border-0 mt-3\">\r\n                {props.children}\r\n            </div>\r\n        </div>\r\n    )\r\n}\r\n\r\nconst Changelog = () => {\r\n    return (\r\n        <Container>\r\n            <div>\r\n                <h4>Changelog</h4>\r\n                {logData.map((elm) => (\r\n                    <Log\r\n                        key={elm.version}\r\n                        version={`v${elm.version}`}\r\n                        date={elm.date}\r\n                    >\r\n                        {elm.updateContent.length > 0 ? (\r\n                            <ul>\r\n                                {elm.updateContent.map((item, i) => (\r\n                                    <li key={i}>- {item}</li>\r\n                                ))}\r\n                            </ul>\r\n                        ) : null}\r\n                    </Log>\r\n                ))}\r\n            </div>\r\n        </Container>\r\n    )\r\n}\r\n\r\nexport default Changelog\r\n"],"names":[],"mappings":";;AAcA,MAAM,UAAiB;AAAA,EACnB;AAAA,IACI,SAAS;AAAA,IACT,MAAM;AAAA,IACN,eAAe;AAAA,MACX;AAAA,IAAA;AAAA,EAER;AAAA,EACA;AAAA,IACI,SAAS;AAAA,IACT,MAAM;AAAA,IACN,eAAe;AAAA,MACX;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA;AAAA,EAER;AAAA,EACA;AAAA,IACI,SAAS;AAAA,IACT,MAAM;AAAA,IACN,eAAe;AAAA,MACX;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA;AAAA,EAER;AAAA,EACA;AAAA,IACI,SAAS;AAAA,IACT,MAAM;AAAA,IACN,eAAe,CAAC,qDAAqD;AAAA,EACzE;AAAA,EACA;AAAA,IACI,SAAS;AAAA,IACT,MAAM;AAAA,IACN,eAAe;AAAA,MACX;AAAA,IAAA;AAAA,EAER;AAAA,EACA;AAAA,IACI,SAAS;AAAA,IACT,MAAM;AAAA,IACN,eAAe;AAAA,MACX;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA;AAAA,EAER;AAAA,EACA;AAAA,IACI,SAAS;AAAA,IACT,MAAM;AAAA,IACN,eAAe;AAAA,MACX;AAAA,MACA;AAAA,IAAA;AAAA,EAER;AAAA,EACA;AAAA,IACI,SAAS;AAAA,IACT,MAAM;AAAA,IACN,eAAe,CAAC,sDAAsD;AAAA,EAC1E;AAAA,EACA;AAAA,IACI,SAAS;AAAA,IACT,MAAM;AAAA,IACN,eAAe;AAAA,MACX;AAAA,IAAA;AAAA,EAER;AAAA,EACA;AAAA,IACI,SAAS;AAAA,IACT,MAAM;AAAA,IACN,eAAe;AAAA,MACX;AAAA,IAAA;AAAA,EAER;AAAA,EACA;AAAA,IACI,SAAS;AAAA,IACT,MAAM;AAAA,IACN,eAAe,CAAC,4BAA4B;AAAA,EAAA;AAEpD;AAEA,MAAM,MAAM,CAAC,UAAoB;AAC7B,8BACK,OAAI,EAAA,WAAW,QAAQ,MAAM,UAAU,eAAe,IACnD,UAAA;AAAA,IAAC,qBAAA,OAAA,EAAI,WAAU,qBACX,UAAA;AAAA,MAAA,oBAAC,MAAG,EAAA,WAAU,gCACT,UAAA,MAAM,SACX;AAAA,MACA,oBAAC,QAAM,EAAA,UAAA,MAAM,KAAK,CAAA;AAAA,IAAA,GACtB;AAAA,IACC,oBAAA,OAAA,EAAI,WAAU,mCACV,gBAAM,SACX,CAAA;AAAA,EAAA,GACJ;AAER;AAEA,MAAM,YAAY,MAAM;AAEhB,SAAA,oBAAC,WACG,EAAA,UAAA,qBAAC,OACG,EAAA,UAAA;AAAA,IAAA,oBAAC,QAAG,UAAS,YAAA,CAAA;AAAA,IACZ,QAAQ,IAAI,CAAC,QACV;AAAA,MAAC;AAAA,MAAA;AAAA,QAEG,SAAS,IAAI,IAAI,OAAO;AAAA,QACxB,MAAM,IAAI;AAAA,QAET,UAAI,IAAA,cAAc,SAAS,IACvB,oBAAA,MAAA,EACI,UAAI,IAAA,cAAc,IAAI,CAAC,MAAM,2BACzB,MAAW,EAAA,UAAA;AAAA,UAAA;AAAA,UAAG;AAAA,QAAA,KAAN,CAAW,CACvB,EAAA,CACL,IACA;AAAA,MAAA;AAAA,MAVC,IAAI;AAAA,IAYhB,CAAA;AAAA,EAAA,EAAA,CACL,EACJ,CAAA;AAER;"}

package/dist/@ecme/views/guide/Documentations/DocumentationView.js.map

@@ -1 +1 @@
-{"version":3,"file":"DocumentationView.js","sources":["../../../../../lib/@ecme/views/guide/Documentations/DocumentationView.tsx"],"sourcesContent":["import { Fragment, Suspense } from 'react'\nimport Spinner from '@/components/ui/Spinner'\nimport documentationRoutes from './documentationRoutes'\nimport DocumentationWrapper from './DocumentationWrapper'\nimport { Routes, Route, Navigate } from 'react-router-dom'\n\nconst DocumentationView = () => {\n    return (\n        <Routes>\n            {documentationRoutes.map((group) => (\n                <Fragment key={group.groupName}>\n                    {group.nav.map(({ path, component: Component, label }) => (\n                        <Route\n                            key={label}\n                            path={path}\n                            element={\n                                <Suspense\n                                    fallback={\n                                        <div className=\"h-full w-full flex items-center justify-center\">\n                                            <Spinner size={40} />\n                                        </div>\n                                    }\n                                >\n                                    <DocumentationWrapper title={label}>\n                                        <Component />\n                                    </DocumentationWrapper>\n                                </Suspense>\n                            }\n                        />\n                    ))}\n                </Fragment>\n            ))}\n            <Route path=\"*\" element={<Navigate replace to=\"/\" />} />\n        </Routes>\n    )\n}\n\nexport default DocumentationView\n"],"names":[],"mappings":";;;;;;;AAMA,MAAM,oBAAoB,MAAM;AAC5B,8BACK,QAAA,EACI,UAAA;AAAA,IAAA,oBAAoB,IAAI,CAAC,UACtB,oBAAC,YACI,UAAA,MAAM,IAAI,IAAI,CAAC,EAAE,MAAM,WAAW,WAAW,YAC1C;AAAA,MAAC;AAAA,MAAA;AAAA,QAEG;AAAA,QACA,SACI;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,8BACK,OAAA,EAAI,WAAU,kDACX,UAAA,oBAAC,SAAA,EAAQ,MAAM,GAAA,CAAI,EAAA,CACvB;AAAA,YAGJ,8BAAC,sBAAA,EAAqB,OAAO,OACzB,UAAA,oBAAC,aAAU,EAAA,CACf;AAAA,UAAA;AAAA,QAAA;AAAA,MACJ;AAAA,MAbC;AAAA,IAAA,CAgBZ,EAAA,GAnBU,MAAM,SAoBrB,CACH;AAAA,IACD,oBAAC,OAAA,EAAM,MAAK,KAAI,SAAS,oBAAC,UAAA,EAAS,SAAO,MAAC,IAAG,IAAA,CAAI,EAAA,CAAI;AAAA,EAAA,GAC1D;AAER;"}
+{"version":3,"file":"DocumentationView.js","sources":["../../../../../lib/@ecme/views/guide/Documentations/DocumentationView.tsx"],"sourcesContent":["import { Fragment, Suspense } from 'react'\r\nimport Spinner from '@/components/ui/Spinner'\r\nimport documentationRoutes from './documentationRoutes'\r\nimport DocumentationWrapper from './DocumentationWrapper'\r\nimport { Routes, Route, Navigate } from 'react-router-dom'\r\n\r\nconst DocumentationView = () => {\r\n    return (\r\n        <Routes>\r\n            {documentationRoutes.map((group) => (\r\n                <Fragment key={group.groupName}>\r\n                    {group.nav.map(({ path, component: Component, label }) => (\r\n                        <Route\r\n                            key={label}\r\n                            path={path}\r\n                            element={\r\n                                <Suspense\r\n                                    fallback={\r\n                                        <div className=\"h-full w-full flex items-center justify-center\">\r\n                                            <Spinner size={40} />\r\n                                        </div>\r\n                                    }\r\n                                >\r\n                                    <DocumentationWrapper title={label}>\r\n                                        <Component />\r\n                                    </DocumentationWrapper>\r\n                                </Suspense>\r\n                            }\r\n                        />\r\n                    ))}\r\n                </Fragment>\r\n            ))}\r\n            <Route path=\"*\" element={<Navigate replace to=\"/\" />} />\r\n        </Routes>\r\n    )\r\n}\r\n\r\nexport default DocumentationView\r\n"],"names":[],"mappings":";;;;;;;AAMA,MAAM,oBAAoB,MAAM;AAC5B,8BACK,QACI,EAAA,UAAA;AAAA,IAAA,oBAAoB,IAAI,CAAC,UACtB,oBAAC,YACI,UAAM,MAAA,IAAI,IAAI,CAAC,EAAE,MAAM,WAAW,WAAW,YAC1C;AAAA,MAAC;AAAA,MAAA;AAAA,QAEG;AAAA,QACA,SACI;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,8BACK,OAAI,EAAA,WAAU,kDACX,UAAC,oBAAA,SAAA,EAAQ,MAAM,GAAA,CAAI,EACvB,CAAA;AAAA,YAGJ,8BAAC,sBAAqB,EAAA,OAAO,OACzB,UAAA,oBAAC,aAAU,EACf,CAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MACJ;AAAA,MAbC;AAAA,IAAA,CAgBZ,EAAA,GAnBU,MAAM,SAoBrB,CACH;AAAA,IACD,oBAAC,OAAM,EAAA,MAAK,KAAI,SAAU,oBAAA,UAAA,EAAS,SAAO,MAAC,IAAG,IAAI,CAAA,EAAI,CAAA;AAAA,EAAA,GAC1D;AAER;"}

package/dist/@ecme/views/guide/Documentations/DocumentationWrapper.js.map

@@ -1 +1 @@
-{"version":3,"file":"DocumentationWrapper.js","sources":["../../../../../lib/@ecme/views/guide/Documentations/DocumentationWrapper.tsx"],"sourcesContent":["import type { ReactNode } from 'react'\n\ntype DocumentationWrapper = {\n    children: ReactNode\n    title: string\n}\n\nconst DocumentationWrapper = ({ children, title }: DocumentationWrapper) => {\n    return (\n        <div className=\"h-full w-full\">\n            <h3 className=\"mb-6\">{title}</h3>\n            <div className=\"prose dark:prose-invert max-w-[800px]\">\n                {children}\n            </div>\n        </div>\n    )\n}\n\nexport default DocumentationWrapper\n"],"names":[],"mappings":";AAOA,MAAM,uBAAuB,CAAC,EAAE,UAAU,YAAkC;AACxE,SACI,qBAAC,OAAA,EAAI,WAAU,iBACX,UAAA;AAAA,IAAA,oBAAC,MAAA,EAAG,WAAU,QAAQ,UAAA,OAAM;AAAA,IAC5B,oBAAC,OAAA,EAAI,WAAU,yCACV,SAAA,CACL;AAAA,EAAA,GACJ;AAER;"}
+{"version":3,"file":"DocumentationWrapper.js","sources":["../../../../../lib/@ecme/views/guide/Documentations/DocumentationWrapper.tsx"],"sourcesContent":["import type { ReactNode } from 'react'\r\n\r\ntype DocumentationWrapper = {\r\n    children: ReactNode\r\n    title: string\r\n}\r\n\r\nconst DocumentationWrapper = ({ children, title }: DocumentationWrapper) => {\r\n    return (\r\n        <div className=\"h-full w-full\">\r\n            <h3 className=\"mb-6\">{title}</h3>\r\n            <div className=\"prose dark:prose-invert max-w-[800px]\">\r\n                {children}\r\n            </div>\r\n        </div>\r\n    )\r\n}\r\n\r\nexport default DocumentationWrapper\r\n"],"names":[],"mappings":";AAOA,MAAM,uBAAuB,CAAC,EAAE,UAAU,YAAkC;AAEpE,SAAA,qBAAC,OAAI,EAAA,WAAU,iBACX,UAAA;AAAA,IAAC,oBAAA,MAAA,EAAG,WAAU,QAAQ,UAAM,OAAA;AAAA,IAC3B,oBAAA,OAAA,EAAI,WAAU,yCACV,SACL,CAAA;AAAA,EAAA,GACJ;AAER;"}

package/dist/@ecme/views/guide/Documentations/Documentations.js.map

@@ -1 +1 @@
-{"version":3,"file":"Documentations.js","sources":["../../../../../lib/@ecme/views/guide/Documentations/Documentations.tsx"],"sourcesContent":["import DocumentationNav from '@/components/docs/DocumentationNav'\nimport documentationRoutes from './documentationRoutes'\nimport DocumentationView from './DocumentationView'\n\nconst Documentations = () => {\n    return (\n        <div className=\"lg:flex h-full gap-8\">\n            <div className=\"lg:w-[280px] py-2 lg-py-0 px-4 mb-4 border border-gray-200 dark:border-gray-700 rounded-md lg:border-0\">\n                <DocumentationNav routes={documentationRoutes} />\n            </div>\n            <div className=\"w-full\">\n                <DocumentationView />\n            </div>\n        </div>\n    )\n}\n\nexport default Documentations\n"],"names":[],"mappings":";;;;AAIA,MAAM,iBAAiB,MAAM;AACzB,SACI,qBAAC,OAAA,EAAI,WAAU,wBACX,UAAA;AAAA,IAAA,oBAAC,SAAI,WAAU,0GACX,8BAAC,kBAAA,EAAiB,QAAQ,qBAAqB,EAAA,CACnD;AAAA,wBACC,OAAA,EAAI,WAAU,UACX,UAAA,oBAAC,qBAAkB,EAAA,CACvB;AAAA,EAAA,GACJ;AAER;"}
+{"version":3,"file":"Documentations.js","sources":["../../../../../lib/@ecme/views/guide/Documentations/Documentations.tsx"],"sourcesContent":["import DocumentationNav from '@/components/docs/DocumentationNav'\r\nimport documentationRoutes from './documentationRoutes'\r\nimport DocumentationView from './DocumentationView'\r\n\r\nconst Documentations = () => {\r\n    return (\r\n        <div className=\"lg:flex h-full gap-8\">\r\n            <div className=\"lg:w-[280px] py-2 lg-py-0 px-4 mb-4 border border-gray-200 dark:border-gray-700 rounded-md lg:border-0\">\r\n                <DocumentationNav routes={documentationRoutes} />\r\n            </div>\r\n            <div className=\"w-full\">\r\n                <DocumentationView />\r\n            </div>\r\n        </div>\r\n    )\r\n}\r\n\r\nexport default Documentations\r\n"],"names":[],"mappings":";;;;AAIA,MAAM,iBAAiB,MAAM;AAErB,SAAA,qBAAC,OAAI,EAAA,WAAU,wBACX,UAAA;AAAA,IAAA,oBAAC,SAAI,WAAU,0GACX,8BAAC,kBAAiB,EAAA,QAAQ,qBAAqB,EACnD,CAAA;AAAA,wBACC,OAAI,EAAA,WAAU,UACX,UAAA,oBAAC,qBAAkB,EACvB,CAAA;AAAA,EAAA,GACJ;AAER;"}

package/dist/@ecme/views/guide/Documentations/components/ApiIntegration.js.map

@@ -1 +1 @@
-{"version":3,"file":"ApiIntegration.js","sources":["../../../../../../lib/@ecme/views/guide/Documentations/components/ApiIntegration.tsx"],"sourcesContent":["import SyntaxHighlighter from '@/components/shared/SyntaxHighlighter'\nimport Alert from '@/components/ui/Alert'\n\nconst ApiIntegration = () => {\n    return (\n        <>\n            <p>\n                In this guide, you&apos;ll learn how to integrate your backend\n                API with the template. We&apos;ll cover everything from\n                configuring your environment to setting up a proxy, and creating\n                service files for seamless API communication.\n            </p>\n\n            <div className=\"mt-10\" id=\"turningOffMockApi\">\n                <h5 className=\"mb-4\">Turning off mock api</h5>\n                <Alert showIcon type=\"info\" title=\"Important:\">\n                    Before you begin, make sure to turn off the mock API by\n                    setting <code>enableMock</code> to <code>false</code> in{' '}\n                    <code>src/configs/app.config.ts</code>. The template\n                    defaults to mock API, so disabling this will allow your app\n                    to connect to your actual backend endpoints.\n                </Alert>\n            </div>\n            <div className=\"mt-10\" id=\"proxying\">\n                <h5>Setting Up a Proxy</h5>\n                <p className=\"mt-1\">\n                    If your backend API is hosted on a different server than\n                    your frontend, you&apos;ll need to set up a proxy to avoid\n                    issues with cross-origin requests. You can configure the\n                    proxy either through the <code>package.json</code> file or\n                    via <code>vite.config.ts</code> for more flexibility.\n                </p>\n                <ul>\n                    <li>\n                        <strong>Option 1: Manual Setup in Vite</strong>\n                        <p className=\"mt-1\">\n                            For a more customized setup, configure the proxy in{' '}\n                            <code>vite.config.ts</code>:\n                        </p>\n                        <SyntaxHighlighter language=\"ts\">{`export default defineConfig({\n    plugins: ...,\n    server: {\n        proxy: {\n            '/api': {\n                // Update the target URL with your backend server's URL\n                target: 'http://yourDevDomain.com',\n                changeOrigin: true,\n                secure: false,\n            }\n        }\n    }\n})`}</SyntaxHighlighter>\n                    </li>\n                    <li>\n                        <strong>Option 2: Using package.json</strong>\n                        <p className=\"mt-1\">\n                            Add the following line to your{' '}\n                            <code>package.json</code> file to quickly set up a\n                            proxy:\n                        </p>\n                        <SyntaxHighlighter language=\"json\">{`\"proxy\": \"http://yourDevDomain.com\"`}</SyntaxHighlighter>\n                    </li>\n                </ul>\n            </div>\n            <div className=\"mt-10\" id=\"configureApiPrefix\">\n                <h5>Configuring the API Prefix</h5>\n                <p>\n                    You can define a prefix for your API endpoints in{' '}\n                    <code>src/configs/app.config.ts</code> using the{' '}\n                    <code>apiPrefix</code> property. This prefix will be\n                    prepended to all API requests, allowing for a consistent and\n                    manageable API structure.\n                </p>\n                <SyntaxHighlighter language=\"ts\">{`const appConfig: AppConfig = {\n    apiPrefix: '/api',\n    // other configurations...\n}`}</SyntaxHighlighter>\n            </div>\n\n            <div className=\"mt-10\" id=\"integration\">\n                <h5>Step-by-Step integration</h5>\n            </div>\n\n            <p>Follow the steps below to make backend api linkage working.</p>\n            <ol>\n                <li>\n                    <p>\n                        Start by creating a new service file specific to your\n                        feature or module. For instance, if you&apos;re working\n                        on user management, create a file named{' '}\n                        <code>UserManagementService.ts</code> in the{' '}\n                        <code>services</code> directory.\n                    </p>\n                </li>\n                <li>\n                    <p>\n                        Inside the service file, declare an asynchronous\n                        function to handle the API request. This function should\n                        utilize <code>ApiService.fetchData</code>, accepting two\n                        generic types: <strong>Response</strong> and{' '}\n                        <strong>Request</strong>, along with the Axios\n                        configuration. Here&apos;s an example:\n                    </p>\n                    <SyntaxHighlighter language=\"ts\">{`type MyApiResponse = {\n    someResponseData: string\n    someResponseData2: boolean\n}\n\ntype MyApiRequest = {\n    someRequestData: string\n}\n\nexport async function myApi (data) {\n    return ApiService.fetchData<MyApiResponse,MyApiRequest>({\n        url: '/my-api-url',\n        method: 'post',\n        data\n    })\n}\n...`}</SyntaxHighlighter>\n                    <p>\n                        or forwarding the type to generic from comsumer level:\n                    </p>\n                    <SyntaxHighlighter language=\"ts\">{`import ApiService from \"./ApiService\"\n\nexport async function myApi<TResponse, TRequest>(data) {\n    return ApiService.fetchData<TResponse, TRequest>({\n        url: '/my-api-url',\n        method: 'post',\n        data\n    })\n}\n...`}</SyntaxHighlighter>\n                </li>\n                <li>\n                    <p>And now you can hook up this API in your component</p>\n                    <SyntaxHighlighter language=\"tsx\">{`\ntype MyApiResponse = {\n    someResponseData: string\n    someResponseData2: boolean\n}\n\ntype MyApiRequest = {\n    someRequestData: string\n}\n\nimport { myApi } from './MyService.ts'\n\nconst MyComponent = props => {\n\n    const fetchData = async () => {\n        const reqeustParam = { key: 'value'}\n        try {\n            const resp = await myApi<MyApiResponse, MyApiRequest>(reqeustParam)\n            if (resp.data) {\n                ...do something\n            }\n        } catch (errors) {\n            ...handle errors\n        }\n    }\n    \n    // You can\n    useEffect(() => {\n        fetchData()\n    }, [])\n\n    return (\n    ...\n)`}</SyntaxHighlighter>\n                    <p>\n                        <strong>Note</strong>: You can also use data-fetching\n                        libraries like{' '}\n                        <a\n                            href=\"https://swr.vercel.app/\"\n                            target=\"_blank\"\n                            rel=\"noreferrer\"\n                        >\n                            SWR\n                        </a>{' '}\n                        or{' '}\n                        <a\n                            href=\"https://tanstack.com/query/latest\"\n                            target=\"_blank\"\n                            rel=\"noreferrer\"\n                        >\n                            TanStack Query\n                        </a>{' '}\n                        for a more declarative approach to data fetching. The\n                        choice depends on your specific needs.\n                    </p>\n                </li>\n            </ol>\n        </>\n    )\n}\n\nexport default ApiIntegration\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ApiIntegration.js","sources":["../../../../../../lib/@ecme/views/guide/Documentations/components/ApiIntegration.tsx"],"sourcesContent":["import SyntaxHighlighter from '@/components/shared/SyntaxHighlighter'\r\nimport Alert from '@/components/ui/Alert'\r\n\r\nconst ApiIntegration = () => {\r\n    return (\r\n        <>\r\n            <p>\r\n                In this guide, you&apos;ll learn how to integrate your backend\r\n                API with the template. We&apos;ll cover everything from\r\n                configuring your environment to setting up a proxy, and creating\r\n                service files for seamless API communication.\r\n            </p>\r\n\r\n            <div className=\"mt-10\" id=\"turningOffMockApi\">\r\n                <h5 className=\"mb-4\">Turning off mock api</h5>\r\n                <Alert showIcon type=\"info\" title=\"Important:\">\r\n                    Before you begin, make sure to turn off the mock API by\r\n                    setting <code>enableMock</code> to <code>false</code> in{' '}\r\n                    <code>src/configs/app.config.ts</code>. The template\r\n                    defaults to mock API, so disabling this will allow your app\r\n                    to connect to your actual backend endpoints.\r\n                </Alert>\r\n            </div>\r\n            <div className=\"mt-10\" id=\"proxying\">\r\n                <h5>Setting Up a Proxy</h5>\r\n                <p className=\"mt-1\">\r\n                    If your backend API is hosted on a different server than\r\n                    your frontend, you&apos;ll need to set up a proxy to avoid\r\n                    issues with cross-origin requests. You can configure the\r\n                    proxy either through the <code>package.json</code> file or\r\n                    via <code>vite.config.ts</code> for more flexibility.\r\n                </p>\r\n                <ul>\r\n                    <li>\r\n                        <strong>Option 1: Manual Setup in Vite</strong>\r\n                        <p className=\"mt-1\">\r\n                            For a more customized setup, configure the proxy in{' '}\r\n                            <code>vite.config.ts</code>:\r\n                        </p>\r\n                        <SyntaxHighlighter language=\"ts\">{`export default defineConfig({\r\n    plugins: ...,\r\n    server: {\r\n        proxy: {\r\n            '/api': {\r\n                // Update the target URL with your backend server's URL\r\n                target: 'http://yourDevDomain.com',\r\n                changeOrigin: true,\r\n                secure: false,\r\n            }\r\n        }\r\n    }\r\n})`}</SyntaxHighlighter>\r\n                    </li>\r\n                    <li>\r\n                        <strong>Option 2: Using package.json</strong>\r\n                        <p className=\"mt-1\">\r\n                            Add the following line to your{' '}\r\n                            <code>package.json</code> file to quickly set up a\r\n                            proxy:\r\n                        </p>\r\n                        <SyntaxHighlighter language=\"json\">{`\"proxy\": \"http://yourDevDomain.com\"`}</SyntaxHighlighter>\r\n                    </li>\r\n                </ul>\r\n            </div>\r\n            <div className=\"mt-10\" id=\"configureApiPrefix\">\r\n                <h5>Configuring the API Prefix</h5>\r\n                <p>\r\n                    You can define a prefix for your API endpoints in{' '}\r\n                    <code>src/configs/app.config.ts</code> using the{' '}\r\n                    <code>apiPrefix</code> property. This prefix will be\r\n                    prepended to all API requests, allowing for a consistent and\r\n                    manageable API structure.\r\n                </p>\r\n                <SyntaxHighlighter language=\"ts\">{`const appConfig: AppConfig = {\r\n    apiPrefix: '/api',\r\n    // other configurations...\r\n}`}</SyntaxHighlighter>\r\n            </div>\r\n\r\n            <div className=\"mt-10\" id=\"integration\">\r\n                <h5>Step-by-Step integration</h5>\r\n            </div>\r\n\r\n            <p>Follow the steps below to make backend api linkage working.</p>\r\n            <ol>\r\n                <li>\r\n                    <p>\r\n                        Start by creating a new service file specific to your\r\n                        feature or module. For instance, if you&apos;re working\r\n                        on user management, create a file named{' '}\r\n                        <code>UserManagementService.ts</code> in the{' '}\r\n                        <code>services</code> directory.\r\n                    </p>\r\n                </li>\r\n                <li>\r\n                    <p>\r\n                        Inside the service file, declare an asynchronous\r\n                        function to handle the API request. This function should\r\n                        utilize <code>ApiService.fetchData</code>, accepting two\r\n                        generic types: <strong>Response</strong> and{' '}\r\n                        <strong>Request</strong>, along with the Axios\r\n                        configuration. Here&apos;s an example:\r\n                    </p>\r\n                    <SyntaxHighlighter language=\"ts\">{`type MyApiResponse = {\r\n    someResponseData: string\r\n    someResponseData2: boolean\r\n}\r\n\r\ntype MyApiRequest = {\r\n    someRequestData: string\r\n}\r\n\r\nexport async function myApi (data) {\r\n    return ApiService.fetchData<MyApiResponse,MyApiRequest>({\r\n        url: '/my-api-url',\r\n        method: 'post',\r\n        data\r\n    })\r\n}\r\n...`}</SyntaxHighlighter>\r\n                    <p>\r\n                        or forwarding the type to generic from comsumer level:\r\n                    </p>\r\n                    <SyntaxHighlighter language=\"ts\">{`import ApiService from \"./ApiService\"\r\n\r\nexport async function myApi<TResponse, TRequest>(data) {\r\n    return ApiService.fetchData<TResponse, TRequest>({\r\n        url: '/my-api-url',\r\n        method: 'post',\r\n        data\r\n    })\r\n}\r\n...`}</SyntaxHighlighter>\r\n                </li>\r\n                <li>\r\n                    <p>And now you can hook up this API in your component</p>\r\n                    <SyntaxHighlighter language=\"tsx\">{`\r\ntype MyApiResponse = {\r\n    someResponseData: string\r\n    someResponseData2: boolean\r\n}\r\n\r\ntype MyApiRequest = {\r\n    someRequestData: string\r\n}\r\n\r\nimport { myApi } from './MyService.ts'\r\n\r\nconst MyComponent = props => {\r\n\r\n    const fetchData = async () => {\r\n        const reqeustParam = { key: 'value'}\r\n        try {\r\n            const resp = await myApi<MyApiResponse, MyApiRequest>(reqeustParam)\r\n            if (resp.data) {\r\n                ...do something\r\n            }\r\n        } catch (errors) {\r\n            ...handle errors\r\n        }\r\n    }\r\n    \r\n    // You can\r\n    useEffect(() => {\r\n        fetchData()\r\n    }, [])\r\n\r\n    return (\r\n    ...\r\n)`}</SyntaxHighlighter>\r\n                    <p>\r\n                        <strong>Note</strong>: You can also use data-fetching\r\n                        libraries like{' '}\r\n                        <a\r\n                            href=\"https://swr.vercel.app/\"\r\n                            target=\"_blank\"\r\n                            rel=\"noreferrer\"\r\n                        >\r\n                            SWR\r\n                        </a>{' '}\r\n                        or{' '}\r\n                        <a\r\n                            href=\"https://tanstack.com/query/latest\"\r\n                            target=\"_blank\"\r\n                            rel=\"noreferrer\"\r\n                        >\r\n                            TanStack Query\r\n                        </a>{' '}\r\n                        for a more declarative approach to data fetching. The\r\n                        choice depends on your specific needs.\r\n                    </p>\r\n                </li>\r\n            </ol>\r\n        </>\r\n    )\r\n}\r\n\r\nexport default ApiIntegration\r\n"],"names":[],"mappings":"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"}

package/dist/@ecme/views/guide/Documentations/components/Application.js.map

@@ -1 +1 @@
-{"version":3,"file":"Application.js","sources":["../../../../../../lib/@ecme/views/guide/Documentations/components/Application.tsx"],"sourcesContent":["import SyntaxHighlighter from '@/components/shared/SyntaxHighlighter'\nimport ReactHtmlParser from 'html-react-parser'\nimport Table from '@/components/ui/Table'\n\nconst { Tr, Th, Td, THead, TBody } = Table\n\nconst metadata = {\n    api: [\n        {\n            propName: 'apiPrefix',\n            type: `<code>string</code>`,\n            defaultDemo: `<code>'/api'</code>`,\n            defaultStarter: `<code>'/api'</code>`,\n            desc: 'The base path for all API requests.',\n        },\n        {\n            propName: 'authenticatedEntryPath',\n            type: `<code>string</code>`,\n            defaultDemo: `<code>'/app/sales/dashboard'</code>`,\n            defaultStarter: `<code>'/home'</code>`,\n            desc: 'The path users are redirected to after successful authentication.',\n        },\n        {\n            propName: 'unAuthenticatedEntryPath',\n            type: `<code>string</code>`,\n            defaultDemo: `<code>'/sign-in'</code>`,\n            defaultStarter: `<code>'/sign-in'</code>`,\n            desc: 'The path users are redirected to if they are not authenticated.',\n        },\n        {\n            propName: 'locale',\n            type: `<code>string</code>`,\n            defaultDemo: `<code>'en'</code>`,\n            defaultStarter: `<code>'en'</code>`,\n            desc: 'The default language/locale for the app.',\n        },\n        {\n            propName: 'enableMock',\n            type: `<code>boolean</code>`,\n            defaultDemo: '<code>true</code>',\n            defaultStarter: '<code>true</code>',\n            desc: 'Enables or disables API requests being routed to a mock server.',\n        },\n        {\n            propName: 'accessTokenPersistStrategy',\n            type: `<code>'localStorage' | 'sessionStorage' | 'cookies' </code>`,\n            defaultDemo: `<code>'cookies'</code>`,\n            defaultStarter: `<code>'cookies'</code>`,\n            desc: 'The choice of storage where auth token store.',\n        },\n        {\n            propName: 'activeNavTranslation',\n            type: `<code>boolean</code>`,\n            defaultDemo: '<code>true</code>',\n            defaultStarter: '<code>false</code>',\n            desc: 'Enables or disables the tranlation fucntionality that implmented in navigation.',\n        },\n    ],\n}\n\nconst Application = () => {\n    return (\n        <>\n            <p>\n                You can configure various static app settings in{' '}\n                <code>src/configs/app.config.ts</code>. Below are the default\n                configurations for both the demo and starter versions.\n            </p>\n            <span>\n                <i>Demo Configuration</i>\n            </span>\n            <SyntaxHighlighter language=\"ts\">{`const appConfig: AppConfig = {\n    apiPrefix: '/api',\n    authenticatedEntryPath: '/dashboards/ecommerce',\n    unAuthenticatedEntryPath: '/sign-in',\n    locale: 'en',\n    accessTokenPersistStrategy: 'localStorage',\n    enableMock: true,\n    activeNavTranslation: true\n}`}</SyntaxHighlighter>\n            <span>\n                <i>Starter Configuration</i>\n            </span>\n            <SyntaxHighlighter language=\"ts\">{`const appConfig: AppConfig = {\n    apiPrefix: '/api',\n    authenticatedEntryPath: '/home',\n    unAuthenticatedEntryPath: '/sign-in',\n    locale: 'en',\n    accessTokenPersistStrategy: 'cookies',\n    enableMock: true,\n    activeNavTranslation: false\n}`}</SyntaxHighlighter>\n            <h5 className=\"-mb-2 mt-6\">Configuration Metadata</h5>\n            <Table className=\"demo-api-table\">\n                <THead>\n                    <Tr>\n                        <Th>Property</Th>\n                        <Th>Description</Th>\n                        <Th>Type</Th>\n                        <Th>Default (Demo)</Th>\n                        <Th>Default (Starter)</Th>\n                    </Tr>\n                </THead>\n                <TBody>\n                    {metadata.api.map((item) => (\n                        <Tr key={`row-${item.propName}`}>\n                            <Td className=\"font-semibold\">{item.propName}</Td>\n                            <Td>{ReactHtmlParser(item.desc)}</Td>\n                            <Td>{ReactHtmlParser(item.type)}</Td>\n                            <Td>{ReactHtmlParser(item.defaultDemo)}</Td>\n                            <Td>{ReactHtmlParser(item.defaultStarter)}</Td>\n                        </Tr>\n                    ))}\n                </TBody>\n            </Table>\n        </>\n    )\n}\n\nexport default Application\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"Application.js","sources":["../../../../../../lib/@ecme/views/guide/Documentations/components/Application.tsx"],"sourcesContent":["import SyntaxHighlighter from '@/components/shared/SyntaxHighlighter'\r\nimport ReactHtmlParser from 'html-react-parser'\r\nimport Table from '@/components/ui/Table'\r\n\r\nconst { Tr, Th, Td, THead, TBody } = Table\r\n\r\nconst metadata = {\r\n    api: [\r\n        {\r\n            propName: 'apiPrefix',\r\n            type: `<code>string</code>`,\r\n            defaultDemo: `<code>'/api'</code>`,\r\n            defaultStarter: `<code>'/api'</code>`,\r\n            desc: 'The base path for all API requests.',\r\n        },\r\n        {\r\n            propName: 'authenticatedEntryPath',\r\n            type: `<code>string</code>`,\r\n            defaultDemo: `<code>'/app/sales/dashboard'</code>`,\r\n            defaultStarter: `<code>'/home'</code>`,\r\n            desc: 'The path users are redirected to after successful authentication.',\r\n        },\r\n        {\r\n            propName: 'unAuthenticatedEntryPath',\r\n            type: `<code>string</code>`,\r\n            defaultDemo: `<code>'/sign-in'</code>`,\r\n            defaultStarter: `<code>'/sign-in'</code>`,\r\n            desc: 'The path users are redirected to if they are not authenticated.',\r\n        },\r\n        {\r\n            propName: 'locale',\r\n            type: `<code>string</code>`,\r\n            defaultDemo: `<code>'en'</code>`,\r\n            defaultStarter: `<code>'en'</code>`,\r\n            desc: 'The default language/locale for the app.',\r\n        },\r\n        {\r\n            propName: 'enableMock',\r\n            type: `<code>boolean</code>`,\r\n            defaultDemo: '<code>true</code>',\r\n            defaultStarter: '<code>true</code>',\r\n            desc: 'Enables or disables API requests being routed to a mock server.',\r\n        },\r\n        {\r\n            propName: 'accessTokenPersistStrategy',\r\n            type: `<code>'localStorage' | 'sessionStorage' | 'cookies' </code>`,\r\n            defaultDemo: `<code>'cookies'</code>`,\r\n            defaultStarter: `<code>'cookies'</code>`,\r\n            desc: 'The choice of storage where auth token store.',\r\n        },\r\n        {\r\n            propName: 'activeNavTranslation',\r\n            type: `<code>boolean</code>`,\r\n            defaultDemo: '<code>true</code>',\r\n            defaultStarter: '<code>false</code>',\r\n            desc: 'Enables or disables the tranlation fucntionality that implmented in navigation.',\r\n        },\r\n    ],\r\n}\r\n\r\nconst Application = () => {\r\n    return (\r\n        <>\r\n            <p>\r\n                You can configure various static app settings in{' '}\r\n                <code>src/configs/app.config.ts</code>. Below are the default\r\n                configurations for both the demo and starter versions.\r\n            </p>\r\n            <span>\r\n                <i>Demo Configuration</i>\r\n            </span>\r\n            <SyntaxHighlighter language=\"ts\">{`const appConfig: AppConfig = {\r\n    apiPrefix: '/api',\r\n    authenticatedEntryPath: '/dashboards/ecommerce',\r\n    unAuthenticatedEntryPath: '/sign-in',\r\n    locale: 'en',\r\n    accessTokenPersistStrategy: 'localStorage',\r\n    enableMock: true,\r\n    activeNavTranslation: true\r\n}`}</SyntaxHighlighter>\r\n            <span>\r\n                <i>Starter Configuration</i>\r\n            </span>\r\n            <SyntaxHighlighter language=\"ts\">{`const appConfig: AppConfig = {\r\n    apiPrefix: '/api',\r\n    authenticatedEntryPath: '/home',\r\n    unAuthenticatedEntryPath: '/sign-in',\r\n    locale: 'en',\r\n    accessTokenPersistStrategy: 'cookies',\r\n    enableMock: true,\r\n    activeNavTranslation: false\r\n}`}</SyntaxHighlighter>\r\n            <h5 className=\"-mb-2 mt-6\">Configuration Metadata</h5>\r\n            <Table className=\"demo-api-table\">\r\n                <THead>\r\n                    <Tr>\r\n                        <Th>Property</Th>\r\n                        <Th>Description</Th>\r\n                        <Th>Type</Th>\r\n                        <Th>Default (Demo)</Th>\r\n                        <Th>Default (Starter)</Th>\r\n                    </Tr>\r\n                </THead>\r\n                <TBody>\r\n                    {metadata.api.map((item) => (\r\n                        <Tr key={`row-${item.propName}`}>\r\n                            <Td className=\"font-semibold\">{item.propName}</Td>\r\n                            <Td>{ReactHtmlParser(item.desc)}</Td>\r\n                            <Td>{ReactHtmlParser(item.type)}</Td>\r\n                            <Td>{ReactHtmlParser(item.defaultDemo)}</Td>\r\n                            <Td>{ReactHtmlParser(item.defaultStarter)}</Td>\r\n                        </Tr>\r\n                    ))}\r\n                </TBody>\r\n            </Table>\r\n        </>\r\n    )\r\n}\r\n\r\nexport default Application\r\n"],"names":[],"mappings":"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"}

package/dist/@ecme/views/guide/Documentations/components/Authentication.js.map

@@ -1 +1 @@
-{"version":3,"file":"Authentication.js","sources":["../../../../../../lib/@ecme/views/guide/Documentations/components/Authentication.tsx"],"sourcesContent":["/* eslint-disable react/no-unescaped-entities */\nimport SyntaxHighlighter from '@/components/shared/SyntaxHighlighter'\nimport DemoComponentApi from '@/components/docs/DemoComponentApi'\n\nconst Authentication = () => {\n    return (\n        <>\n            <p>\n                This guide provides an overview of the authentication system\n                implemented in the template\n            </p>\n            <div className=\"mt-10\" id=\"useAuth\">\n                <h5>useAuth</h5>\n                <p className=\"mt-1\">\n                    The authentication system is managed through the{' '}\n                    <code>AuthProvider</code> component, which should wrap your\n                    application or relevant parts of it. It manages auth states\n                    and provides the following methods via the{' '}\n                    <code>useAuth</code> hook:\n                </p>\n                <DemoComponentApi\n                    hideApiTitle\n                    keyText=\"properties\"\n                    api={[\n                        {\n                            api: [\n                                {\n                                    propName: 'authenticated',\n                                    type: `<code>boolean</code>`,\n                                    default: `-`,\n                                    desc: 'A boolean indicating whether the user is currently authenticated.',\n                                },\n                                {\n                                    propName: 'user',\n                                    type: `<code>{\n        userId: string\n        userName: string\n        authority: string[]\n        avatar: string\n        email: string\n    }</code>`,\n                                    default: `-`,\n                                    desc: `An object containing the user's details, such as <code>userName</code>, <code>email</code>, and <code>authority</code>`,\n                                },\n                                {\n                                    propName: 'signIn',\n                                    type: `<code>(values: {email: string, password: string}) => Promise<{status: 'success' | 'failed', message: string}></code>`,\n                                    default: `-`,\n                                    desc: `A method to sign in a user with their credentials </p>`,\n                                },\n                                {\n                                    propName: 'signUp',\n                                    type: `<code>(values: {userName: string, email: string, password: string}) => Promise<{status: 'success' | 'failed', message: string}></code>`,\n                                    default: `-`,\n                                    desc: `A method to register a new user`,\n                                },\n                                {\n                                    propName: 'signOut',\n                                    type: `<code>() => void</code>`,\n                                    default: `-`,\n                                    desc: `A method to sign out the current user`,\n                                },\n                                {\n                                    propName: 'oAuthSignIn',\n                                    type: `<code>callback: (payload: {\n    onSignIn: (tokens: Token, user?: User) => void\n    redirect: () => void\n}) => void</code>`,\n                                    default: `-`,\n                                    desc: `A method to handle OAuth sign-in callbacks for third-party authentication providers.</p>`,\n                                },\n                            ],\n                        },\n                    ]}\n                />\n                <p>Here's how you can use the useAuth hook in components:</p>\n                <SyntaxHighlighter language=\"tsx\">{`import { useAuth } from '@/auth'\n\nconst YourComponent = () => {\n    const { signIn, signOut, user, authenticated } = useAuth();\n\n    const handleLogin = async () => {\n        const credentials = { email: 'user@example.com', password: 'password' };\n        const result = await signIn(credentials);\n        if (result?.status === 'success') {\n            console.log('Logged in successfully');\n        }\n        if (result?.status === 'failed') {\n            console.error('Failed to login')\n        }\n    };\n\n    const handleLogout = () => {\n        signOut();\n    };\n\n    return (\n        <div>\n            {authenticated ? <p>Welcome, {user.userName}</p> : <p>Please log in</p>}\n            <button onClick={handleLogin}>Login</button>\n            <button onClick={handleLogout}>Logout</button>\n        </div>\n    );\n};\n`}</SyntaxHighlighter>\n            </div>\n            <div className=\"mt-10\" id=\"OAuth\">\n                <h5>OAuth Sign-In</h5>\n                <p className=\"mt-1\">\n                    If you're implementing OAuth with third-party providers, the{' '}\n                    <code>oAuthSignIn</code> method will be essential. You can\n                    use it within your OAuth callback to complete the sign-in\n                    process and manage tokens.\n                </p>\n                <SyntaxHighlighter language=\"tsx\">{`import { useAuth } from '@/auth'\nimport SomeOauthSdkSignInMethod from 'SomeOauthSdk'\n\nconst YourComponent = () => {\n    const { oAuthSignIn } = useAuth();\n\n    const handleOAuthSignIn = () => {\n\n        oAuthSignIn(async ({redirect, onSignIn}) => {\n            try {\n                const resp = await SomeOauthSdkSignInMethod()\n                if (resp) {\n                    /** extract token & user information for the response */ \n                    const { token, user } = resp\n                    onSignIn({accessToken: token}, user)\n                    redirect()\n                }\n            } catch (error) {\n                console.error('Failed to login')\n            }\n        })\n    }\n\n    const handleLogout = () => {\n        signOut();\n    };\n\n    return (\n        <button onClick={handleOAuthSignIn}>Login with OAuth</button>\n    );\n};\n`}</SyntaxHighlighter>\n            </div>\n            <div className=\"mt-10\" id=\"customizing-data-model\">\n                <h5>Customizing the Data Models</h5>\n                <p className=\"mt-1\">\n                    Since not all applications having the same data model, you\n                    can customize the data structures in{' '}\n                    <code>@/types/auth.ts</code> and{' '}\n                    <code>@/auth/AuthProvider.ts</code> to suit your needs.\n                    Adjust the types and interfaces defined for{' '}\n                    <code>User</code>, <code>Token</code>, and other\n                    authentication-related entities according to your\n                    application's requirements.\n                </p>\n                <SyntaxHighlighter language=\"ts\">{`// Example: Modifying the User type\nexport type User = {\n    userId?: string | null\n    avatar?: string | null\n    userName?: string | null\n    email?: string | null\n    authority?: string[]\n    // Add your custom fields here\n    role?: string | null\n};\n`}</SyntaxHighlighter>\n                <div className=\"mt-10\" id=\"useAuth\">\n                    <h5>Diving into AuthProvider</h5>\n                    <p className=\"mt-1\">\n                        If the default authentication implementation doesn't\n                        meet your needs, feel free to dive into the{' '}\n                        <code>AuthProvider</code> to make any necessary\n                        modifications. This component handles the core logic for\n                        authentication, including token management, session\n                        handling, and more. Customizing this logic can help you\n                        better align the authentication system with your\n                        application's specific requirements.\n                    </p>\n                    <SyntaxHighlighter language=\"tsx\">{`...\nimport { apiSignIn, apiSignOut, apiSignUp } from '@/services/AuthService'\n\nfunction AuthProvider({ children }: AuthProviderProps) {\n    \n    ...\n\n    const handleSignIn = (...) => {\n        ... /** Your implementation here */\n    }\n\n    const handleSignOut = () => {\n        ... /** Your implementation here */\n    }\n\n    const signIn = async (values: SignInCredential): AuthResult => {\n        try {\n            const resp = await apiSignIn(values)\n            if (resp) {\n                handleSignIn(...)\n            }\n        } catch (errors: any) {\n            return {\n                status: 'failed',\n                message: errors?.response?.data?.message || errors.toString(),\n            }\n        }\n    }\n\n    const signOut = async () => {\n        try {\n            await apiSignOut()\n        } finally {\n            handleSignOut()\n            navigate(appConfig.unAuthenticatedEntryPath)\n        }\n    }\n    ...   \n    \n    return (\n        <AuthContext.Provider value={{\n            signIn,\n            signOut,\n            ...\n        }}>\n            {children}\n        </AuthContext.Provider>\n    )\n}\n`}</SyntaxHighlighter>\n                </div>\n            </div>\n        </>\n    )\n}\n\nexport default Authentication\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"Authentication.js","sources":["../../../../../../lib/@ecme/views/guide/Documentations/components/Authentication.tsx"],"sourcesContent":["/* eslint-disable react/no-unescaped-entities */\r\nimport SyntaxHighlighter from '@/components/shared/SyntaxHighlighter'\r\nimport DemoComponentApi from '@/components/docs/DemoComponentApi'\r\n\r\nconst Authentication = () => {\r\n    return (\r\n        <>\r\n            <p>\r\n                This guide provides an overview of the authentication system\r\n                implemented in the template\r\n            </p>\r\n            <div className=\"mt-10\" id=\"useAuth\">\r\n                <h5>useAuth</h5>\r\n                <p className=\"mt-1\">\r\n                    The authentication system is managed through the{' '}\r\n                    <code>AuthProvider</code> component, which should wrap your\r\n                    application or relevant parts of it. It manages auth states\r\n                    and provides the following methods via the{' '}\r\n                    <code>useAuth</code> hook:\r\n                </p>\r\n                <DemoComponentApi\r\n                    hideApiTitle\r\n                    keyText=\"properties\"\r\n                    api={[\r\n                        {\r\n                            api: [\r\n                                {\r\n                                    propName: 'authenticated',\r\n                                    type: `<code>boolean</code>`,\r\n                                    default: `-`,\r\n                                    desc: 'A boolean indicating whether the user is currently authenticated.',\r\n                                },\r\n                                {\r\n                                    propName: 'user',\r\n                                    type: `<code>{\r\n        userId: string\r\n        userName: string\r\n        authority: string[]\r\n        avatar: string\r\n        email: string\r\n    }</code>`,\r\n                                    default: `-`,\r\n                                    desc: `An object containing the user's details, such as <code>userName</code>, <code>email</code>, and <code>authority</code>`,\r\n                                },\r\n                                {\r\n                                    propName: 'signIn',\r\n                                    type: `<code>(values: {email: string, password: string}) => Promise<{status: 'success' | 'failed', message: string}></code>`,\r\n                                    default: `-`,\r\n                                    desc: `A method to sign in a user with their credentials </p>`,\r\n                                },\r\n                                {\r\n                                    propName: 'signUp',\r\n                                    type: `<code>(values: {userName: string, email: string, password: string}) => Promise<{status: 'success' | 'failed', message: string}></code>`,\r\n                                    default: `-`,\r\n                                    desc: `A method to register a new user`,\r\n                                },\r\n                                {\r\n                                    propName: 'signOut',\r\n                                    type: `<code>() => void</code>`,\r\n                                    default: `-`,\r\n                                    desc: `A method to sign out the current user`,\r\n                                },\r\n                                {\r\n                                    propName: 'oAuthSignIn',\r\n                                    type: `<code>callback: (payload: {\r\n    onSignIn: (tokens: Token, user?: User) => void\r\n    redirect: () => void\r\n}) => void</code>`,\r\n                                    default: `-`,\r\n                                    desc: `A method to handle OAuth sign-in callbacks for third-party authentication providers.</p>`,\r\n                                },\r\n                            ],\r\n                        },\r\n                    ]}\r\n                />\r\n                <p>Here's how you can use the useAuth hook in components:</p>\r\n                <SyntaxHighlighter language=\"tsx\">{`import { useAuth } from '@/auth'\r\n\r\nconst YourComponent = () => {\r\n    const { signIn, signOut, user, authenticated } = useAuth();\r\n\r\n    const handleLogin = async () => {\r\n        const credentials = { email: 'user@example.com', password: 'password' };\r\n        const result = await signIn(credentials);\r\n        if (result?.status === 'success') {\r\n            console.log('Logged in successfully');\r\n        }\r\n        if (result?.status === 'failed') {\r\n            console.error('Failed to login')\r\n        }\r\n    };\r\n\r\n    const handleLogout = () => {\r\n        signOut();\r\n    };\r\n\r\n    return (\r\n        <div>\r\n            {authenticated ? <p>Welcome, {user.userName}</p> : <p>Please log in</p>}\r\n            <button onClick={handleLogin}>Login</button>\r\n            <button onClick={handleLogout}>Logout</button>\r\n        </div>\r\n    );\r\n};\r\n`}</SyntaxHighlighter>\r\n            </div>\r\n            <div className=\"mt-10\" id=\"OAuth\">\r\n                <h5>OAuth Sign-In</h5>\r\n                <p className=\"mt-1\">\r\n                    If you're implementing OAuth with third-party providers, the{' '}\r\n                    <code>oAuthSignIn</code> method will be essential. You can\r\n                    use it within your OAuth callback to complete the sign-in\r\n                    process and manage tokens.\r\n                </p>\r\n                <SyntaxHighlighter language=\"tsx\">{`import { useAuth } from '@/auth'\r\nimport SomeOauthSdkSignInMethod from 'SomeOauthSdk'\r\n\r\nconst YourComponent = () => {\r\n    const { oAuthSignIn } = useAuth();\r\n\r\n    const handleOAuthSignIn = () => {\r\n\r\n        oAuthSignIn(async ({redirect, onSignIn}) => {\r\n            try {\r\n                const resp = await SomeOauthSdkSignInMethod()\r\n                if (resp) {\r\n                    /** extract token & user information for the response */ \r\n                    const { token, user } = resp\r\n                    onSignIn({accessToken: token}, user)\r\n                    redirect()\r\n                }\r\n            } catch (error) {\r\n                console.error('Failed to login')\r\n            }\r\n        })\r\n    }\r\n\r\n    const handleLogout = () => {\r\n        signOut();\r\n    };\r\n\r\n    return (\r\n        <button onClick={handleOAuthSignIn}>Login with OAuth</button>\r\n    );\r\n};\r\n`}</SyntaxHighlighter>\r\n            </div>\r\n            <div className=\"mt-10\" id=\"customizing-data-model\">\r\n                <h5>Customizing the Data Models</h5>\r\n                <p className=\"mt-1\">\r\n                    Since not all applications having the same data model, you\r\n                    can customize the data structures in{' '}\r\n                    <code>@/types/auth.ts</code> and{' '}\r\n                    <code>@/auth/AuthProvider.ts</code> to suit your needs.\r\n                    Adjust the types and interfaces defined for{' '}\r\n                    <code>User</code>, <code>Token</code>, and other\r\n                    authentication-related entities according to your\r\n                    application's requirements.\r\n                </p>\r\n                <SyntaxHighlighter language=\"ts\">{`// Example: Modifying the User type\r\nexport type User = {\r\n    userId?: string | null\r\n    avatar?: string | null\r\n    userName?: string | null\r\n    email?: string | null\r\n    authority?: string[]\r\n    // Add your custom fields here\r\n    role?: string | null\r\n};\r\n`}</SyntaxHighlighter>\r\n                <div className=\"mt-10\" id=\"useAuth\">\r\n                    <h5>Diving into AuthProvider</h5>\r\n                    <p className=\"mt-1\">\r\n                        If the default authentication implementation doesn't\r\n                        meet your needs, feel free to dive into the{' '}\r\n                        <code>AuthProvider</code> to make any necessary\r\n                        modifications. This component handles the core logic for\r\n                        authentication, including token management, session\r\n                        handling, and more. Customizing this logic can help you\r\n                        better align the authentication system with your\r\n                        application's specific requirements.\r\n                    </p>\r\n                    <SyntaxHighlighter language=\"tsx\">{`...\r\nimport { apiSignIn, apiSignOut, apiSignUp } from '@/services/AuthService'\r\n\r\nfunction AuthProvider({ children }: AuthProviderProps) {\r\n    \r\n    ...\r\n\r\n    const handleSignIn = (...) => {\r\n        ... /** Your implementation here */\r\n    }\r\n\r\n    const handleSignOut = () => {\r\n        ... /** Your implementation here */\r\n    }\r\n\r\n    const signIn = async (values: SignInCredential): AuthResult => {\r\n        try {\r\n            const resp = await apiSignIn(values)\r\n            if (resp) {\r\n                handleSignIn(...)\r\n            }\r\n        } catch (errors: any) {\r\n            return {\r\n                status: 'failed',\r\n                message: errors?.response?.data?.message || errors.toString(),\r\n            }\r\n        }\r\n    }\r\n\r\n    const signOut = async () => {\r\n        try {\r\n            await apiSignOut()\r\n        } finally {\r\n            handleSignOut()\r\n            navigate(appConfig.unAuthenticatedEntryPath)\r\n        }\r\n    }\r\n    ...   \r\n    \r\n    return (\r\n        <AuthContext.Provider value={{\r\n            signIn,\r\n            signOut,\r\n            ...\r\n        }}>\r\n            {children}\r\n        </AuthContext.Provider>\r\n    )\r\n}\r\n`}</SyntaxHighlighter>\r\n                </div>\r\n            </div>\r\n        </>\r\n    )\r\n}\r\n\r\nexport default Authentication\r\n"],"names":[],"mappings":"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"}

package/dist/@ecme/views/guide/Documentations/components/BuildProduction.js.map

@@ -1 +1 @@
-{"version":3,"file":"BuildProduction.js","sources":["../../../../../../lib/@ecme/views/guide/Documentations/components/BuildProduction.tsx"],"sourcesContent":["import SyntaxHighlighter from '@/components/shared/SyntaxHighlighter'\n\nconst BuildProduction = () => {\n    return (\n        <>\n            <p>\n                Run the following command to build the application into{' '}\n                <code>/build</code> directory\n            </p>\n            <SyntaxHighlighter language=\"js\">{`npm run build`}</SyntaxHighlighter>\n            <p>\n                If you having issue about deployment, try to checkout the guide\n                from vite official{' '}\n                <a\n                    rel=\"noopener noreferrer\"\n                    href=\"https://vitejs.dev/guide/build.html\"\n                    target=\"_blank\"\n                >\n                    doc\n                </a>\n                .\n            </p>\n        </>\n    )\n}\n\nexport default BuildProduction\n"],"names":[],"mappings":";;AAEA,MAAM,kBAAkB,MAAM;AAC1B,SACI,qBAAA,UAAA,EACI,UAAA;AAAA,IAAA,qBAAC,KAAA,EAAE,UAAA;AAAA,MAAA;AAAA,MACyD;AAAA,MACxD,oBAAC,UAAK,UAAA,SAAA,CAAM;AAAA,MAAO;AAAA,IAAA,GACvB;AAAA,IACA,oBAAC,mBAAA,EAAkB,UAAS,MAAM,UAAA,iBAAgB;AAAA,yBACjD,KAAA,EAAE,UAAA;AAAA,MAAA;AAAA,MAEoB;AAAA,MACnB;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,KAAI;AAAA,UACJ,MAAK;AAAA,UACL,QAAO;AAAA,UACV,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,MAEG;AAAA,IAAA,EAAA,CAER;AAAA,EAAA,GACJ;AAER;"}
+{"version":3,"file":"BuildProduction.js","sources":["../../../../../../lib/@ecme/views/guide/Documentations/components/BuildProduction.tsx"],"sourcesContent":["import SyntaxHighlighter from '@/components/shared/SyntaxHighlighter'\r\n\r\nconst BuildProduction = () => {\r\n    return (\r\n        <>\r\n            <p>\r\n                Run the following command to build the application into{' '}\r\n                <code>/build</code> directory\r\n            </p>\r\n            <SyntaxHighlighter language=\"js\">{`npm run build`}</SyntaxHighlighter>\r\n            <p>\r\n                If you having issue about deployment, try to checkout the guide\r\n                from vite official{' '}\r\n                <a\r\n                    rel=\"noopener noreferrer\"\r\n                    href=\"https://vitejs.dev/guide/build.html\"\r\n                    target=\"_blank\"\r\n                >\r\n                    doc\r\n                </a>\r\n                .\r\n            </p>\r\n        </>\r\n    )\r\n}\r\n\r\nexport default BuildProduction\r\n"],"names":[],"mappings":";;AAEA,MAAM,kBAAkB,MAAM;AAC1B,SAEQ,qBAAA,UAAA,EAAA,UAAA;AAAA,IAAA,qBAAC,KAAE,EAAA,UAAA;AAAA,MAAA;AAAA,MACyD;AAAA,MACxD,oBAAC,UAAK,UAAM,SAAA,CAAA;AAAA,MAAO;AAAA,IAAA,GACvB;AAAA,IACC,oBAAA,mBAAA,EAAkB,UAAS,MAAM,UAAgB,iBAAA;AAAA,yBACjD,KAAE,EAAA,UAAA;AAAA,MAAA;AAAA,MAEoB;AAAA,MACnB;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,KAAI;AAAA,UACJ,MAAK;AAAA,UACL,QAAO;AAAA,UACV,UAAA;AAAA,QAAA;AAAA,MAED;AAAA,MAAI;AAAA,IAAA,EAER,CAAA;AAAA,EAAA,GACJ;AAER;"}

package/dist/@ecme/views/guide/Documentations/components/Credit.js.map

@@ -1 +1 @@
-{"version":3,"file":"Credit.js","sources":["../../../../../../lib/@ecme/views/guide/Documentations/components/Credit.tsx"],"sourcesContent":["import Table from '@/components/ui/Table'\n\nconst { Tr, Th, Td, THead, TBody } = Table\n\nconst packages = [\n    {\n        name: '@floating-ui/react',\n        url: 'https://github.com/floating-ui/floating-ui',\n        license: 'MIT',\n    },\n    {\n        name: '@floating-ui/core',\n        url: 'https://github.com/fullcalendar/fullcalendar',\n        license: 'MIT',\n    },\n    {\n        name: '@fullcalendar/daygrid',\n        url: 'https://github.com/fullcalendar/fullcalendar',\n        license: 'MIT',\n    },\n    {\n        name: '@fullcalendar/interaction',\n        url: 'https://github.com/fullcalendar/fullcalendar',\n        license: 'MIT',\n    },\n    {\n        name: '@fullcalendar/react',\n        url: 'https://github.com/fullcalendar/fullcalendar',\n        license: 'MIT',\n    },\n    {\n        name: '@fullcalendar/timegrid',\n        url: 'https://github.com/fullcalendar/fullcalendar',\n        license: 'MIT',\n    },\n    {\n        name: '@hello-pangea/dnd',\n        url: 'https://github.com/hello-pangea/dnd',\n        license: 'Apache',\n    },\n    {\n        name: '@hookform/resolvers',\n        url: 'https://github.com/react-hook-form/resolvers',\n        license: 'MIT',\n    },\n    {\n        name: '@tailwindcss/typography',\n        url: 'https://github.com/tailwindlabs/tailwindcss-typography',\n        license: 'MIT',\n    },\n    {\n        name: '@tanstack/match-sorter-utils',\n        url: 'https://github.com/tanstack/table',\n        license: 'MIT',\n    },\n    {\n        name: '@tanstack/react-table',\n        url: 'https://github.com/tanstack/table',\n        license: 'MIT',\n    },\n    {\n        name: '@tanstack/react-virtual',\n        url: 'https://github.com/TanStack/virtual',\n        license: 'MIT',\n    },\n    {\n        name: '@testing-library/jest-dom',\n        url: 'https://github.com/testing-library/jest-dom',\n        license: 'MIT',\n    },\n    {\n        name: '@testing-library/react',\n        url: 'https://github.com/testing-library/react-testing-library',\n        license: 'MIT',\n    },\n    {\n        name: '@testing-library/user-event',\n        url: 'https://github.com/testing-library/user-event',\n        license: 'MIT',\n    },\n    {\n        name: '@tiptap/pm',\n        url: 'https://github.com/ueberdosis/tiptap',\n        license: 'MIT',\n    },\n    {\n        name: '@tiptap/react',\n        url: 'https://github.com/ueberdosis/tiptap',\n        license: 'MIT',\n    },\n    {\n        name: '@tiptap/starter-kit',\n        url: 'https://github.com/ueberdosis/tiptap',\n        license: 'MIT',\n    },\n    {\n        name: '@visx/pattern',\n        url: 'https://github.com/airbnb/visx',\n        license: 'MIT',\n    },\n    {\n        name: '@vitejs/plugin-react',\n        url: 'https://github.com/vitejs/vite-plugin-react',\n        license: 'MIT',\n    },\n    { name: 'axios', url: 'https://github.com/axios/axios', license: 'MIT' },\n    {\n        name: 'axios-mock-adapter',\n        url: 'https://github.com/ctimmerm/axios-mock-adapter',\n        license: 'MIT',\n    },\n    {\n        name: 'classnames',\n        url: 'https://github.com/JedWatson/classnames',\n        license: 'MIT',\n    },\n    { name: 'dayjs', url: 'https://github.com/iamkun/dayjs/', license: 'MIT' },\n    { name: 'd3-fetch', url: 'https://github.com/d3/d3-fetch', license: 'ISC' },\n    { name: 'd3-dsv', url: 'https://github.com/d3/d3-dsv', license: 'ISC' },\n    { name: 'd3-scale', url: 'https://github.com/d3/d3-scale', license: 'ISC' },\n    {\n        name: 'firebase',\n        url: 'https://github.com/firebase/firebase-js-sdk',\n        license: 'Apache',\n    },\n    {\n        name: 'framer-motion',\n        url: 'https://github.com/framer/motion',\n        license: 'MIT',\n    },\n    {\n        name: 'gantt-task-react',\n        url: 'https://github.com/MaTeMaTuK/gantt-task-react',\n        license: 'Apache',\n    },\n    {\n        name: 'html-react-parser',\n        url: 'https://github.com/remarkablemark/html-react-parser',\n        license: 'MIT',\n    },\n    {\n        name: 'js-cookies',\n        url: 'https://github.com/js-cookie/js-cookie',\n        license: 'MIT',\n    },\n    { name: 'lodash', url: 'https://github.com/lodash/lodash', license: 'MIT' },\n    {\n        name: 'marked',\n        url: 'https://github.com/markedjs/marked',\n        license: 'MIT',\n    },\n    {\n        name: 'postcss-import',\n        url: 'https://github.com/postcss/postcss-import',\n        license: 'MIT',\n    },\n    {\n        name: 'react',\n        url: 'https://github.com/facebook/react/',\n        license: 'MIT',\n    },\n    {\n        name: 'react-apexcharts',\n        url: 'https://github.com/apexcharts/react-apexcharts',\n        license: 'MIT',\n    },\n    {\n        name: 'react-dom',\n        url: 'https://github.com/facebook/react',\n        license: 'MIT',\n    },\n    {\n        name: 'react-highlight-words',\n        url: 'https://github.com/bvaughn/react-highlight-words',\n        license: 'MIT',\n    },\n    {\n        name: 'react-hook-form',\n        url: 'https://github.com/react-hook-form/react-hook-form',\n        license: 'MIT',\n    },\n    {\n        name: 'react-apexcharts',\n        url: 'https://github.com/apexcharts/react-apexcharts',\n        license: 'MIT',\n    },\n    {\n        name: 'react-i18next',\n        url: 'https://github.com/i18next/react-i18next',\n        license: 'MIT',\n    },\n    {\n        name: 'react-icons',\n        url: 'https://github.com/react-icons/react-icons',\n        license: 'MIT',\n    },\n    {\n        name: 'react-markdown',\n        url: 'https://github.com/remarkjs/react-markdown',\n        license: 'MIT',\n    },\n    {\n        name: 'react-modal',\n        url: 'https://github.com/reactjs/react-modal',\n        license: 'MIT',\n    },\n    {\n        name: 'react-number-format',\n        url: 'https://github.com/s-yadav/react-number-format',\n        license: 'MIT',\n    },\n    {\n        name: 'react-router-dom',\n        url: 'https://github.com/remix-run/react-router',\n        license: 'MIT',\n    },\n    {\n        name: 'react-scroll',\n        url: 'https://github.com/fisshy/react-scroll',\n        license: 'MIT',\n    },\n    {\n        name: 'react-select',\n        url: 'https://github.com/JedWatson/react-select',\n        license: 'MIT',\n    },\n    {\n        name: 'react-simple-maps',\n        url: 'https://github.com/zcreativelabs/react-simple-maps',\n        license: 'MIT',\n    },\n    {\n        name: 'react-syntax-highlighter',\n        url: 'https://github.com/react-syntax-highlighter/react-syntax-highlighter',\n        license: 'MIT',\n    },\n    {\n        name: 'react-tooltip',\n        url: 'https://github.com/wwayne/react-tooltip',\n        license: 'MIT',\n    },\n    {\n        name: 'react-window',\n        url: 'https://github.com/bvaughn/react-window',\n        license: 'MIT',\n    },\n    {\n        name: 'simplebar-react',\n        url: 'https://github.com/grsmto/simplebar',\n        license: 'MIT',\n    },\n    {\n        name: 'swr',\n        url: 'https://github.com/vercel/swr',\n        license: 'MIT',\n    },\n    {\n        name: 'autoprefixer',\n        url: 'https://github.com/postcss/autoprefixer',\n        license: 'MIT',\n    },\n    {\n        name: 'postcss',\n        url: 'https://github.com/postcss/postcss',\n        license: 'MIT',\n    },\n    {\n        name: 'postcss-preset-env',\n        url: 'https://github.com/csstools/postcss-plugins/tree/main/plugin-packs/postcss-preset-env',\n        license: 'MIT',\n    },\n    {\n        name: 'tailwindcss',\n        url: 'https://github.com/tailwindlabs/tailwindcss',\n        license: 'MIT',\n    },\n    {\n        name: 'tailwind-merge',\n        url: 'https://github.com/dcastil/tailwind-merge',\n        license: 'MIT',\n    },\n    {\n        name: 'typescript',\n        url: 'https://github.com/microsoft/TypeScript',\n        license: 'MIT',\n    },\n    {\n        name: 'vite',\n        url: 'https://github.com/vitejs/vite',\n        license: 'MIT',\n    },\n    {\n        name: 'vite-plugin-dynamic-import',\n        url: 'https://github.com/vite-plugin/vite-plugin-dynamic-import',\n        license: 'MIT',\n    },\n    {\n        name: 'yet-another-react-lightbox',\n        url: 'https://github.com/igordanchenko/yet-another-react-lightbox/tree/main',\n        license: 'MIT',\n    },\n    { name: 'zod', url: 'https://github.com/colinhacks/zod', license: 'MIT' },\n    {\n        name: 'zustand',\n        url: 'https://github.com/pmndrs/zustand',\n        license: 'MIT',\n    },\n]\n\nconst Credit = () => {\n    return (\n        <Table className=\"demo-api-table\">\n            <THead>\n                <Tr>\n                    <Th>Name</Th>\n                    <Th>URL</Th>\n                    <Th>License</Th>\n                </Tr>\n            </THead>\n            <TBody>\n                {packages.map((item) => (\n                    <Tr key={`row-${item.name}`}>\n                        <Td>{item.name}</Td>\n                        <Td>\n                            <a\n                                href={item.url}\n                                target=\"_blank\"\n                                rel=\"noopener noreferrer\"\n                            >\n                                {item.url}\n                            </a>\n                        </Td>\n                        <Td>{item.license}</Td>\n                    </Tr>\n                ))}\n            </TBody>\n        </Table>\n    )\n}\n\nexport default Credit\n"],"names":[],"mappings":"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;AAAA,IACL,SAAS;AAAA,EAAA;AAAA,EAEb;AAAA,IACI,MAAM;AAAA,IACN,KAAK;AAAA,IACL,SAAS;AAAA,EAAA;AAAA,EAEb;AAAA,IACI,MAAM;AAAA,IACN,KAAK;AAAA,IACL,SAAS;AAAA,EAAA;AAAA,EAEb;AAAA,IACI,MAAM;AAAA,IACN,KAAK;AAAA,IACL,SAAS;AAAA,EAAA;AAAA,EAEb;AAAA,IACI,MAAM;AAAA,IACN,KAAK;AAAA,IACL,SAAS;AAAA,EAAA;AAAA,EAEb;AAAA,IACI,MAAM;AAAA,IACN,KAAK;AAAA,IACL,SAAS;AAAA,EAAA;AAAA,EAEb;AAAA,IACI,MAAM;AAAA,IACN,KAAK;AAAA,IACL,SAAS;AAAA,EAAA;AAAA,EAEb;AAAA,IACI,MAAM;AAAA,IACN,KAAK;AAAA,IACL,SAAS;AAAA,EAAA;AAAA,EAEb;AAAA,IACI,MAAM;AAAA,IACN,KAAK;AAAA,IACL,SAAS;AAAA,EAAA;AAAA,EAEb;AAAA,IACI,MAAM;AAAA,IACN,KAAK;AAAA,IACL,SAAS;AAAA,EAAA;AAAA,EAEb;AAAA,IACI,MAAM;AAAA,IACN,KAAK;AAAA,IACL,SAAS;AAAA,EAAA;AAAA,EAEb;AAAA,IACI,MAAM;AAAA,IACN,KAAK;AAAA,IACL,SAAS;AAAA,EAAA;AAAA,EAEb;AAAA,IACI,MAAM;AAAA,IACN,KAAK;AAAA,IACL,SAAS;AAAA,EAAA;AAAA,EAEb;AAAA,IACI,MAAM;AAAA,IACN,KAAK;AAAA,IACL,SAAS;AAAA,EAAA;AAAA,EAEb;AAAA,IACI,MAAM;AAAA,IACN,KAAK;AAAA,IACL,SAAS;AAAA,EAAA;AAAA,EAEb;AAAA,IACI,MAAM;AAAA,IACN,KAAK;AAAA,IACL,SAAS;AAAA,EAAA;AAAA,EAEb;AAAA,IACI,MAAM;AAAA,IACN,KAAK;AAAA,IACL,SAAS;AAAA,EAAA;AAAA,EAEb;AAAA,IACI,MAAM;AAAA,IACN,KAAK;AAAA,IACL,SAAS;AAAA,EAAA;AAAA,EAEb;AAAA,IACI,MAAM;AAAA,IACN,KAAK;AAAA,IACL,SAAS;AAAA,EAAA;AAAA,EAEb;AAAA,IACI,MAAM;AAAA,IACN,KAAK;AAAA,IACL,SAAS;AAAA,EAAA;AAAA,EAEb;AAAA,IACI,MAAM;AAAA,IACN,KAAK;AAAA,IACL,SAAS;AAAA,EAAA;AAAA,EAEb;AAAA,IACI,MAAM;AAAA,IACN,KAAK;AAAA,IACL,SAAS;AAAA,EAAA;AAAA,EAEb;AAAA,IACI,MAAM;AAAA,IACN,KAAK;AAAA,IACL,SAAS;AAAA,EAAA;AAAA,EAEb;AAAA,IACI,MAAM;AAAA,IACN,KAAK;AAAA,IACL,SAAS;AAAA,EAAA;AAAA,EAEb;AAAA,IACI,MAAM;AAAA,IACN,KAAK;AAAA,IACL,SAAS;AAAA,EAAA;AAAA,EAEb;AAAA,IACI,MAAM;AAAA,IACN,KAAK;AAAA,IACL,SAAS;AAAA,EAAA;AAAA,EAEb;AAAA,IACI,MAAM;AAAA,IACN,KAAK;AAAA,IACL,SAAS;AAAA,EAAA;AAAA,EAEb,EAAE,MAAM,OAAO,KAAK,qCAAqC,SAAS,MAAA;AAAA,EAClE;AAAA,IACI,MAAM;AAAA,IACN,KAAK;AAAA,IACL,SAAS;AAAA,EAAA;AAEjB;AAEA,MAAM,SAAS,MAAM;AACjB,SACI,qBAAC,OAAA,EAAM,WAAU,kBACb,UAAA;AAAA,IAAA,oBAAC,OAAA,EACG,+BAAC,IAAA,EACG,UAAA;AAAA,MAAA,oBAAC,MAAG,UAAA,OAAA,CAAI;AAAA,MACR,oBAAC,MAAG,UAAA,MAAA,CAAG;AAAA,MACP,oBAAC,MAAG,UAAA,UAAA,CAAO;AAAA,IAAA,EAAA,CACf,EAAA,CACJ;AAAA,wBACC,OAAA,EACI,UAAA,SAAS,IAAI,CAAC,8BACV,IAAA,EACG,UAAA;AAAA,MAAA,oBAAC,IAAA,EAAI,eAAK,KAAA,CAAK;AAAA,0BACd,IAAA,EACG,UAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,MAAM,KAAK;AAAA,UACX,QAAO;AAAA,UACP,KAAI;AAAA,UAEH,UAAA,KAAK;AAAA,QAAA;AAAA,MAAA,GAEd;AAAA,MACA,oBAAC,IAAA,EAAI,UAAA,KAAK,QAAA,CAAQ;AAAA,IAAA,EAAA,GAXb,OAAO,KAAK,IAAI,EAYzB,CACH,EAAA,CACL;AAAA,EAAA,GACJ;AAER;"}
+{"version":3,"file":"Credit.js","sources":["../../../../../../lib/@ecme/views/guide/Documentations/components/Credit.tsx"],"sourcesContent":["import Table from '@/components/ui/Table'\r\n\r\nconst { Tr, Th, Td, THead, TBody } = Table\r\n\r\nconst packages = [\r\n    {\r\n        name: '@floating-ui/react',\r\n        url: 'https://github.com/floating-ui/floating-ui',\r\n        license: 'MIT',\r\n    },\r\n    {\r\n        name: '@floating-ui/core',\r\n        url: 'https://github.com/fullcalendar/fullcalendar',\r\n        license: 'MIT',\r\n    },\r\n    {\r\n        name: '@fullcalendar/daygrid',\r\n        url: 'https://github.com/fullcalendar/fullcalendar',\r\n        license: 'MIT',\r\n    },\r\n    {\r\n        name: '@fullcalendar/interaction',\r\n        url: 'https://github.com/fullcalendar/fullcalendar',\r\n        license: 'MIT',\r\n    },\r\n    {\r\n        name: '@fullcalendar/react',\r\n        url: 'https://github.com/fullcalendar/fullcalendar',\r\n        license: 'MIT',\r\n    },\r\n    {\r\n        name: '@fullcalendar/timegrid',\r\n        url: 'https://github.com/fullcalendar/fullcalendar',\r\n        license: 'MIT',\r\n    },\r\n    {\r\n        name: '@hello-pangea/dnd',\r\n        url: 'https://github.com/hello-pangea/dnd',\r\n        license: 'Apache',\r\n    },\r\n    {\r\n        name: '@hookform/resolvers',\r\n        url: 'https://github.com/react-hook-form/resolvers',\r\n        license: 'MIT',\r\n    },\r\n    {\r\n        name: '@tailwindcss/typography',\r\n        url: 'https://github.com/tailwindlabs/tailwindcss-typography',\r\n        license: 'MIT',\r\n    },\r\n    {\r\n        name: '@tanstack/match-sorter-utils',\r\n        url: 'https://github.com/tanstack/table',\r\n        license: 'MIT',\r\n    },\r\n    {\r\n        name: '@tanstack/react-table',\r\n        url: 'https://github.com/tanstack/table',\r\n        license: 'MIT',\r\n    },\r\n    {\r\n        name: '@tanstack/react-virtual',\r\n        url: 'https://github.com/TanStack/virtual',\r\n        license: 'MIT',\r\n    },\r\n    {\r\n        name: '@testing-library/jest-dom',\r\n        url: 'https://github.com/testing-library/jest-dom',\r\n        license: 'MIT',\r\n    },\r\n    {\r\n        name: '@testing-library/react',\r\n        url: 'https://github.com/testing-library/react-testing-library',\r\n        license: 'MIT',\r\n    },\r\n    {\r\n        name: '@testing-library/user-event',\r\n        url: 'https://github.com/testing-library/user-event',\r\n        license: 'MIT',\r\n    },\r\n    {\r\n        name: '@tiptap/pm',\r\n        url: 'https://github.com/ueberdosis/tiptap',\r\n        license: 'MIT',\r\n    },\r\n    {\r\n        name: '@tiptap/react',\r\n        url: 'https://github.com/ueberdosis/tiptap',\r\n        license: 'MIT',\r\n    },\r\n    {\r\n        name: '@tiptap/starter-kit',\r\n        url: 'https://github.com/ueberdosis/tiptap',\r\n        license: 'MIT',\r\n    },\r\n    {\r\n        name: '@visx/pattern',\r\n        url: 'https://github.com/airbnb/visx',\r\n        license: 'MIT',\r\n    },\r\n    {\r\n        name: '@vitejs/plugin-react',\r\n        url: 'https://github.com/vitejs/vite-plugin-react',\r\n        license: 'MIT',\r\n    },\r\n    { name: 'axios', url: 'https://github.com/axios/axios', license: 'MIT' },\r\n    {\r\n        name: 'axios-mock-adapter',\r\n        url: 'https://github.com/ctimmerm/axios-mock-adapter',\r\n        license: 'MIT',\r\n    },\r\n    {\r\n        name: 'classnames',\r\n        url: 'https://github.com/JedWatson/classnames',\r\n        license: 'MIT',\r\n    },\r\n    { name: 'dayjs', url: 'https://github.com/iamkun/dayjs/', license: 'MIT' },\r\n    { name: 'd3-fetch', url: 'https://github.com/d3/d3-fetch', license: 'ISC' },\r\n    { name: 'd3-dsv', url: 'https://github.com/d3/d3-dsv', license: 'ISC' },\r\n    { name: 'd3-scale', url: 'https://github.com/d3/d3-scale', license: 'ISC' },\r\n    {\r\n        name: 'firebase',\r\n        url: 'https://github.com/firebase/firebase-js-sdk',\r\n        license: 'Apache',\r\n    },\r\n    {\r\n        name: 'framer-motion',\r\n        url: 'https://github.com/framer/motion',\r\n        license: 'MIT',\r\n    },\r\n    {\r\n        name: 'gantt-task-react',\r\n        url: 'https://github.com/MaTeMaTuK/gantt-task-react',\r\n        license: 'Apache',\r\n    },\r\n    {\r\n        name: 'html-react-parser',\r\n        url: 'https://github.com/remarkablemark/html-react-parser',\r\n        license: 'MIT',\r\n    },\r\n    {\r\n        name: 'js-cookies',\r\n        url: 'https://github.com/js-cookie/js-cookie',\r\n        license: 'MIT',\r\n    },\r\n    { name: 'lodash', url: 'https://github.com/lodash/lodash', license: 'MIT' },\r\n    {\r\n        name: 'marked',\r\n        url: 'https://github.com/markedjs/marked',\r\n        license: 'MIT',\r\n    },\r\n    {\r\n        name: 'postcss-import',\r\n        url: 'https://github.com/postcss/postcss-import',\r\n        license: 'MIT',\r\n    },\r\n    {\r\n        name: 'react',\r\n        url: 'https://github.com/facebook/react/',\r\n        license: 'MIT',\r\n    },\r\n    {\r\n        name: 'react-apexcharts',\r\n        url: 'https://github.com/apexcharts/react-apexcharts',\r\n        license: 'MIT',\r\n    },\r\n    {\r\n        name: 'react-dom',\r\n        url: 'https://github.com/facebook/react',\r\n        license: 'MIT',\r\n    },\r\n    {\r\n        name: 'react-highlight-words',\r\n        url: 'https://github.com/bvaughn/react-highlight-words',\r\n        license: 'MIT',\r\n    },\r\n    {\r\n        name: 'react-hook-form',\r\n        url: 'https://github.com/react-hook-form/react-hook-form',\r\n        license: 'MIT',\r\n    },\r\n    {\r\n        name: 'react-apexcharts',\r\n        url: 'https://github.com/apexcharts/react-apexcharts',\r\n        license: 'MIT',\r\n    },\r\n    {\r\n        name: 'react-i18next',\r\n        url: 'https://github.com/i18next/react-i18next',\r\n        license: 'MIT',\r\n    },\r\n    {\r\n        name: 'react-icons',\r\n        url: 'https://github.com/react-icons/react-icons',\r\n        license: 'MIT',\r\n    },\r\n    {\r\n        name: 'react-markdown',\r\n        url: 'https://github.com/remarkjs/react-markdown',\r\n        license: 'MIT',\r\n    },\r\n    {\r\n        name: 'react-modal',\r\n        url: 'https://github.com/reactjs/react-modal',\r\n        license: 'MIT',\r\n    },\r\n    {\r\n        name: 'react-number-format',\r\n        url: 'https://github.com/s-yadav/react-number-format',\r\n        license: 'MIT',\r\n    },\r\n    {\r\n        name: 'react-router-dom',\r\n        url: 'https://github.com/remix-run/react-router',\r\n        license: 'MIT',\r\n    },\r\n    {\r\n        name: 'react-scroll',\r\n        url: 'https://github.com/fisshy/react-scroll',\r\n        license: 'MIT',\r\n    },\r\n    {\r\n        name: 'react-select',\r\n        url: 'https://github.com/JedWatson/react-select',\r\n        license: 'MIT',\r\n    },\r\n    {\r\n        name: 'react-simple-maps',\r\n        url: 'https://github.com/zcreativelabs/react-simple-maps',\r\n        license: 'MIT',\r\n    },\r\n    {\r\n        name: 'react-syntax-highlighter',\r\n        url: 'https://github.com/react-syntax-highlighter/react-syntax-highlighter',\r\n        license: 'MIT',\r\n    },\r\n    {\r\n        name: 'react-tooltip',\r\n        url: 'https://github.com/wwayne/react-tooltip',\r\n        license: 'MIT',\r\n    },\r\n    {\r\n        name: 'react-window',\r\n        url: 'https://github.com/bvaughn/react-window',\r\n        license: 'MIT',\r\n    },\r\n    {\r\n        name: 'simplebar-react',\r\n        url: 'https://github.com/grsmto/simplebar',\r\n        license: 'MIT',\r\n    },\r\n    {\r\n        name: 'swr',\r\n        url: 'https://github.com/vercel/swr',\r\n        license: 'MIT',\r\n    },\r\n    {\r\n        name: 'autoprefixer',\r\n        url: 'https://github.com/postcss/autoprefixer',\r\n        license: 'MIT',\r\n    },\r\n    {\r\n        name: 'postcss',\r\n        url: 'https://github.com/postcss/postcss',\r\n        license: 'MIT',\r\n    },\r\n    {\r\n        name: 'postcss-preset-env',\r\n        url: 'https://github.com/csstools/postcss-plugins/tree/main/plugin-packs/postcss-preset-env',\r\n        license: 'MIT',\r\n    },\r\n    {\r\n        name: 'tailwindcss',\r\n        url: 'https://github.com/tailwindlabs/tailwindcss',\r\n        license: 'MIT',\r\n    },\r\n    {\r\n        name: 'tailwind-merge',\r\n        url: 'https://github.com/dcastil/tailwind-merge',\r\n        license: 'MIT',\r\n    },\r\n    {\r\n        name: 'typescript',\r\n        url: 'https://github.com/microsoft/TypeScript',\r\n        license: 'MIT',\r\n    },\r\n    {\r\n        name: 'vite',\r\n        url: 'https://github.com/vitejs/vite',\r\n        license: 'MIT',\r\n    },\r\n    {\r\n        name: 'vite-plugin-dynamic-import',\r\n        url: 'https://github.com/vite-plugin/vite-plugin-dynamic-import',\r\n        license: 'MIT',\r\n    },\r\n    {\r\n        name: 'yet-another-react-lightbox',\r\n        url: 'https://github.com/igordanchenko/yet-another-react-lightbox/tree/main',\r\n        license: 'MIT',\r\n    },\r\n    { name: 'zod', url: 'https://github.com/colinhacks/zod', license: 'MIT' },\r\n    {\r\n        name: 'zustand',\r\n        url: 'https://github.com/pmndrs/zustand',\r\n        license: 'MIT',\r\n    },\r\n]\r\n\r\nconst Credit = () => {\r\n    return (\r\n        <Table className=\"demo-api-table\">\r\n            <THead>\r\n                <Tr>\r\n                    <Th>Name</Th>\r\n                    <Th>URL</Th>\r\n                    <Th>License</Th>\r\n                </Tr>\r\n            </THead>\r\n            <TBody>\r\n                {packages.map((item) => (\r\n                    <Tr key={`row-${item.name}`}>\r\n                        <Td>{item.name}</Td>\r\n                        <Td>\r\n                            <a\r\n                                href={item.url}\r\n                                target=\"_blank\"\r\n                                rel=\"noopener noreferrer\"\r\n                            >\r\n                                {item.url}\r\n                            </a>\r\n                        </Td>\r\n                        <Td>{item.license}</Td>\r\n                    </Tr>\r\n                ))}\r\n            </TBody>\r\n        </Table>\r\n    )\r\n}\r\n\r\nexport default Credit\r\n"],"names":[],"mappings":";;AAEA,MAAM,EAAE,IAAI,IAAI,IAAI,OAAO,MAAU,IAAA;AAErC,MAAM,WAAW;AAAA,EACb;AAAA,IACI,MAAM;AAAA,IACN,KAAK;AAAA,IACL,SAAS;AAAA,EACb;AAAA,EACA;AAAA,IACI,MAAM;AAAA,IACN,KAAK;AAAA,IACL,SAAS;AAAA,EACb;AAAA,EACA;AAAA,IACI,MAAM;AAAA,IACN,KAAK;AAAA,IACL,SAAS;AAAA,EACb;AAAA,EACA;AAAA,IACI,MAAM;AAAA,IACN,KAAK;AAAA,IACL,SAAS;AAAA,EACb;AAAA,EACA;AAAA,IACI,MAAM;AAAA,IACN,KAAK;AAAA,IACL,SAAS;AAAA,EACb;AAAA,EACA;AAAA,IACI,MAAM;AAAA,IACN,KAAK;AAAA,IACL,SAAS;AAAA,EACb;AAAA,EACA;AAAA,IACI,MAAM;AAAA,IACN,KAAK;AAAA,IACL,SAAS;AAAA,EACb;AAAA,EACA;AAAA,IACI,MAAM;AAAA,IACN,KAAK;AAAA,IACL,SAAS;AAAA,EACb;AAAA,EACA;AAAA,IACI,MAAM;AAAA,IACN,KAAK;AAAA,IACL,SAAS;AAAA,EACb;AAAA,EACA;AAAA,IACI,MAAM;AAAA,IACN,KAAK;AAAA,IACL,SAAS;AAAA,EACb;AAAA,EACA;AAAA,IACI,MAAM;AAAA,IACN,KAAK;AAAA,IACL,SAAS;AAAA,EACb;AAAA,EACA;AAAA,IACI,MAAM;AAAA,IACN,KAAK;AAAA,IACL,SAAS;AAAA,EACb;AAAA,EACA;AAAA,IACI,MAAM;AAAA,IACN,KAAK;AAAA,IACL,SAAS;AAAA,EACb;AAAA,EACA;AAAA,IACI,MAAM;AAAA,IACN,KAAK;AAAA,IACL,SAAS;AAAA,EACb;AAAA,EACA;AAAA,IACI,MAAM;AAAA,IACN,KAAK;AAAA,IACL,SAAS;AAAA,EACb;AAAA,EACA;AAAA,IACI,MAAM;AAAA,IACN,KAAK;AAAA,IACL,SAAS;AAAA,EACb;AAAA,EACA;AAAA,IACI,MAAM;AAAA,IACN,KAAK;AAAA,IACL,SAAS;AAAA,EACb;AAAA,EACA;AAAA,IACI,MAAM;AAAA,IACN,KAAK;AAAA,IACL,SAAS;AAAA,EACb;AAAA,EACA;AAAA,IACI,MAAM;AAAA,IACN,KAAK;AAAA,IACL,SAAS;AAAA,EACb;AAAA,EACA;AAAA,IACI,MAAM;AAAA,IACN,KAAK;AAAA,IACL,SAAS;AAAA,EACb;AAAA,EACA,EAAE,MAAM,SAAS,KAAK,kCAAkC,SAAS,MAAM;AAAA,EACvE;AAAA,IACI,MAAM;AAAA,IACN,KAAK;AAAA,IACL,SAAS;AAAA,EACb;AAAA,EACA;AAAA,IACI,MAAM;AAAA,IACN,KAAK;AAAA,IACL,SAAS;AAAA,EACb;AAAA,EACA,EAAE,MAAM,SAAS,KAAK,oCAAoC,SAAS,MAAM;AAAA,EACzE,EAAE,MAAM,YAAY,KAAK,kCAAkC,SAAS,MAAM;AAAA,EAC1E,EAAE,MAAM,UAAU,KAAK,gCAAgC,SAAS,MAAM;AAAA,EACtE,EAAE,MAAM,YAAY,KAAK,kCAAkC,SAAS,MAAM;AAAA,EAC1E;AAAA,IACI,MAAM;AAAA,IACN,KAAK;AAAA,IACL,SAAS;AAAA,EACb;AAAA,EACA;AAAA,IACI,MAAM;AAAA,IACN,KAAK;AAAA,IACL,SAAS;AAAA,EACb;AAAA,EACA;AAAA,IACI,MAAM;AAAA,IACN,KAAK;AAAA,IACL,SAAS;AAAA,EACb;AAAA,EACA;AAAA,IACI,MAAM;AAAA,IACN,KAAK;AAAA,IACL,SAAS;AAAA,EACb;AAAA,EACA;AAAA,IACI,MAAM;AAAA,IACN,KAAK;AAAA,IACL,SAAS;AAAA,EACb;AAAA,EACA,EAAE,MAAM,UAAU,KAAK,oCAAoC,SAAS,MAAM;AAAA,EAC1E;AAAA,IACI,MAAM;AAAA,IACN,KAAK;AAAA,IACL,SAAS;AAAA,EACb;AAAA,EACA;AAAA,IACI,MAAM;AAAA,IACN,KAAK;AAAA,IACL,SAAS;AAAA,EACb;AAAA,EACA;AAAA,IACI,MAAM;AAAA,IACN,KAAK;AAAA,IACL,SAAS;AAAA,EACb;AAAA,EACA;AAAA,IACI,MAAM;AAAA,IACN,KAAK;AAAA,IACL,SAAS;AAAA,EACb;AAAA,EACA;AAAA,IACI,MAAM;AAAA,IACN,KAAK;AAAA,IACL,SAAS;AAAA,EACb;AAAA,EACA;AAAA,IACI,MAAM;AAAA,IACN,KAAK;AAAA,IACL,SAAS;AAAA,EACb;AAAA,EACA;AAAA,IACI,MAAM;AAAA,IACN,KAAK;AAAA,IACL,SAAS;AAAA,EACb;AAAA,EACA;AAAA,IACI,MAAM;AAAA,IACN,KAAK;AAAA,IACL,SAAS;AAAA,EACb;AAAA,EACA;AAAA,IACI,MAAM;AAAA,IACN,KAAK;AAAA,IACL,SAAS;AAAA,EACb;AAAA,EACA;AAAA,IACI,MAAM;AAAA,IACN,KAAK;AAAA,IACL,SAAS;AAAA,EACb;AAAA,EACA;AAAA,IACI,MAAM;AAAA,IACN,KAAK;AAAA,IACL,SAAS;AAAA,EACb;AAAA,EACA;AAAA,IACI,MAAM;AAAA,IACN,KAAK;AAAA,IACL,SAAS;AAAA,EACb;AAAA,EACA;AAAA,IACI,MAAM;AAAA,IACN,KAAK;AAAA,IACL,SAAS;AAAA,EACb;AAAA,EACA;AAAA,IACI,MAAM;AAAA,IACN,KAAK;AAAA,IACL,SAAS;AAAA,EACb;AAAA,EACA;AAAA,IACI,MAAM;AAAA,IACN,KAAK;AAAA,IACL,SAAS;AAAA,EACb;AAAA,EACA;AAAA,IACI,MAAM;AAAA,IACN,KAAK;AAAA,IACL,SAAS;AAAA,EACb;AAAA,EACA;AAAA,IACI,MAAM;AAAA,IACN,KAAK;AAAA,IACL,SAAS;AAAA,EACb;AAAA,EACA;AAAA,IACI,MAAM;AAAA,IACN,KAAK;AAAA,IACL,SAAS;AAAA,EACb;AAAA,EACA;AAAA,IACI,MAAM;AAAA,IACN,KAAK;AAAA,IACL,SAAS;AAAA,EACb;AAAA,EACA;AAAA,IACI,MAAM;AAAA,IACN,KAAK;AAAA,IACL,SAAS;AAAA,EACb;AAAA,EACA;AAAA,IACI,MAAM;AAAA,IACN,KAAK;AAAA,IACL,SAAS;AAAA,EACb;AAAA,EACA;AAAA,IACI,MAAM;AAAA,IACN,KAAK;AAAA,IACL,SAAS;AAAA,EACb;AAAA,EACA;AAAA,IACI,MAAM;AAAA,IACN,KAAK;AAAA,IACL,SAAS;AAAA,EACb;AAAA,EACA;AAAA,IACI,MAAM;AAAA,IACN,KAAK;AAAA,IACL,SAAS;AAAA,EACb;AAAA,EACA;AAAA,IACI,MAAM;AAAA,IACN,KAAK;AAAA,IACL,SAAS;AAAA,EACb;AAAA,EACA;AAAA,IACI,MAAM;AAAA,IACN,KAAK;AAAA,IACL,SAAS;AAAA,EACb;AAAA,EACA;AAAA,IACI,MAAM;AAAA,IACN,KAAK;AAAA,IACL,SAAS;AAAA,EACb;AAAA,EACA;AAAA,IACI,MAAM;AAAA,IACN,KAAK;AAAA,IACL,SAAS;AAAA,EACb;AAAA,EACA;AAAA,IACI,MAAM;AAAA,IACN,KAAK;AAAA,IACL,SAAS;AAAA,EACb;AAAA,EACA;AAAA,IACI,MAAM;AAAA,IACN,KAAK;AAAA,IACL,SAAS;AAAA,EACb;AAAA,EACA;AAAA,IACI,MAAM;AAAA,IACN,KAAK;AAAA,IACL,SAAS;AAAA,EACb;AAAA,EACA,EAAE,MAAM,OAAO,KAAK,qCAAqC,SAAS,MAAM;AAAA,EACxE;AAAA,IACI,MAAM;AAAA,IACN,KAAK;AAAA,IACL,SAAS;AAAA,EAAA;AAEjB;AAEA,MAAM,SAAS,MAAM;AAEb,SAAA,qBAAC,OAAM,EAAA,WAAU,kBACb,UAAA;AAAA,IAAC,oBAAA,OAAA,EACG,+BAAC,IACG,EAAA,UAAA;AAAA,MAAA,oBAAC,MAAG,UAAI,OAAA,CAAA;AAAA,MACR,oBAAC,MAAG,UAAG,MAAA,CAAA;AAAA,MACP,oBAAC,MAAG,UAAO,UAAA,CAAA;AAAA,IAAA,EAAA,CACf,EACJ,CAAA;AAAA,wBACC,OACI,EAAA,UAAA,SAAS,IAAI,CAAC,8BACV,IACG,EAAA,UAAA;AAAA,MAAC,oBAAA,IAAA,EAAI,eAAK,KAAK,CAAA;AAAA,0BACd,IACG,EAAA,UAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,MAAM,KAAK;AAAA,UACX,QAAO;AAAA,UACP,KAAI;AAAA,UAEH,UAAK,KAAA;AAAA,QAAA;AAAA,MAAA,GAEd;AAAA,MACA,oBAAC,IAAI,EAAA,UAAA,KAAK,QAAQ,CAAA;AAAA,IAAA,EAAA,GAXb,OAAO,KAAK,IAAI,EAYzB,CACH,EACL,CAAA;AAAA,EAAA,GACJ;AAER;"}

package/dist/@ecme/views/guide/Documentations/components/Css.js.map

@@ -1 +1 @@
-{"version":3,"file":"Css.js","sources":["../../../../../../lib/@ecme/views/guide/Documentations/components/Css.tsx"],"sourcesContent":["/* eslint-disable react/no-unescaped-entities */\nimport SyntaxHighlighter from '@/components/shared/SyntaxHighlighter'\n\nconst Css = () => {\n    return (\n        <>\n            <p>\n                While we primarily use Tailwind CSS, we also have additional\n                custom styles written in standard CSS, located in the{' '}\n                <code>src/assets/styles/*</code> directory. Because Tailwind\n                depends on certain CSS processing features, we're using PostCSS\n                as our preprocessor.\n            </p>\n            <p>Here's an overview of our styles folder structure:</p>\n            <SyntaxHighlighter>\n                {`├── styles                     \n|   ├── components               # styles for base UI components\n|   ├── docs                     # styles for documentation components\n|   ├── tailwind                 # Tailwind entry & base styles\n|   ├── template                 # styles for template components\n|   ├── vendors                  # styles for third-party libraries\n|   └── index.css                # main entry CSS\n`}\n            </SyntaxHighlighter>\n            <p>\n                Each folder inside the <code>styles</code> directory contains an{' '}\n                <code>index.css</code> file that imports all other CSS files\n                within the same folder. Eventually, all these{' '}\n                <code>index.css</code> files are imported into the main entry\n                CSS.\n            </p>\n            <div className=\"mt-10\" id=\"writingCss\">\n                <h5>Custom CSS</h5>\n                <p className=\"mt-1\">\n                    If Tailwind doesn't cover all your styling needs, you can\n                    add custom CSS in this folder. We recommend using Tailwind's\n                    functions and directives when adding custom styles, such as{' '}\n                    <code>@apply</code>, <code>@layer</code>, and{' '}\n                    <code>theme()</code>.\n                </p>\n                <p>\n                    For more details on how to use these features, you can check\n                    the{' '}\n                    <a\n                        href=\"https://tailwindcss.com/docs/functions-and-directives\"\n                        target=\"_blank\"\n                        rel=\"noreferrer\"\n                    >\n                        official Tailwind documentation\n                    </a>\n                    .\n                </p>\n            </div>\n        </>\n    )\n}\n\nexport default Css\n"],"names":[],"mappings":";;AAGA,MAAM,MAAM,MAAM;AACd,SACI,qBAAA,UAAA,EACI,UAAA;AAAA,IAAA,qBAAC,KAAA,EAAE,UAAA;AAAA,MAAA;AAAA,MAEuD;AAAA,MACtD,oBAAC,UAAK,UAAA,sBAAA,CAAmB;AAAA,MAAO;AAAA,IAAA,GAGpC;AAAA,IACA,oBAAC,OAAE,UAAA,qDAAA,CAAkD;AAAA,wBACpD,mBAAA,EACI,UAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAQL;AAAA,yBACC,KAAA,EAAE,UAAA;AAAA,MAAA;AAAA,MACwB,oBAAC,UAAK,UAAA,SAAA,CAAM;AAAA,MAAO;AAAA,MAAuB;AAAA,MACjE,oBAAC,UAAK,UAAA,YAAA,CAAS;AAAA,MAAO;AAAA,MACwB;AAAA,MAC9C,oBAAC,UAAK,UAAA,YAAA,CAAS;AAAA,MAAO;AAAA,IAAA,GAE1B;AAAA,IACA,qBAAC,OAAA,EAAI,WAAU,SAAQ,IAAG,cACtB,UAAA;AAAA,MAAA,oBAAC,QAAG,UAAA,aAAA,CAAU;AAAA,MACd,qBAAC,KAAA,EAAE,WAAU,QAAO,UAAA;AAAA,QAAA;AAAA,QAG4C;AAAA,QAC5D,oBAAC,UAAK,UAAA,SAAA,CAAM;AAAA,QAAO;AAAA,QAAE,oBAAC,UAAK,UAAA,SAAA,CAAM;AAAA,QAAO;AAAA,QAAM;AAAA,QAC9C,oBAAC,UAAK,UAAA,UAAA,CAAO;AAAA,QAAO;AAAA,MAAA,GACxB;AAAA,2BACC,KAAA,EAAE,UAAA;AAAA,QAAA;AAAA,QAEK;AAAA,QACJ;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,MAAK;AAAA,YACL,QAAO;AAAA,YACP,KAAI;AAAA,YACP,UAAA;AAAA,UAAA;AAAA,QAAA;AAAA,QAEG;AAAA,MAAA,EAAA,CAER;AAAA,IAAA,EAAA,CACJ;AAAA,EAAA,GACJ;AAER;"}
+{"version":3,"file":"Css.js","sources":["../../../../../../lib/@ecme/views/guide/Documentations/components/Css.tsx"],"sourcesContent":["/* eslint-disable react/no-unescaped-entities */\r\nimport SyntaxHighlighter from '@/components/shared/SyntaxHighlighter'\r\n\r\nconst Css = () => {\r\n    return (\r\n        <>\r\n            <p>\r\n                While we primarily use Tailwind CSS, we also have additional\r\n                custom styles written in standard CSS, located in the{' '}\r\n                <code>src/assets/styles/*</code> directory. Because Tailwind\r\n                depends on certain CSS processing features, we're using PostCSS\r\n                as our preprocessor.\r\n            </p>\r\n            <p>Here's an overview of our styles folder structure:</p>\r\n            <SyntaxHighlighter>\r\n                {`├── styles                     \r\n|   ├── components               # styles for base UI components\r\n|   ├── docs                     # styles for documentation components\r\n|   ├── tailwind                 # Tailwind entry & base styles\r\n|   ├── template                 # styles for template components\r\n|   ├── vendors                  # styles for third-party libraries\r\n|   └── index.css                # main entry CSS\r\n`}\r\n            </SyntaxHighlighter>\r\n            <p>\r\n                Each folder inside the <code>styles</code> directory contains an{' '}\r\n                <code>index.css</code> file that imports all other CSS files\r\n                within the same folder. Eventually, all these{' '}\r\n                <code>index.css</code> files are imported into the main entry\r\n                CSS.\r\n            </p>\r\n            <div className=\"mt-10\" id=\"writingCss\">\r\n                <h5>Custom CSS</h5>\r\n                <p className=\"mt-1\">\r\n                    If Tailwind doesn't cover all your styling needs, you can\r\n                    add custom CSS in this folder. We recommend using Tailwind's\r\n                    functions and directives when adding custom styles, such as{' '}\r\n                    <code>@apply</code>, <code>@layer</code>, and{' '}\r\n                    <code>theme()</code>.\r\n                </p>\r\n                <p>\r\n                    For more details on how to use these features, you can check\r\n                    the{' '}\r\n                    <a\r\n                        href=\"https://tailwindcss.com/docs/functions-and-directives\"\r\n                        target=\"_blank\"\r\n                        rel=\"noreferrer\"\r\n                    >\r\n                        official Tailwind documentation\r\n                    </a>\r\n                    .\r\n                </p>\r\n            </div>\r\n        </>\r\n    )\r\n}\r\n\r\nexport default Css\r\n"],"names":[],"mappings":";;AAGA,MAAM,MAAM,MAAM;AACd,SAEQ,qBAAA,UAAA,EAAA,UAAA;AAAA,IAAA,qBAAC,KAAE,EAAA,UAAA;AAAA,MAAA;AAAA,MAEuD;AAAA,MACtD,oBAAC,UAAK,UAAmB,sBAAA,CAAA;AAAA,MAAO;AAAA,IAAA,GAGpC;AAAA,IACA,oBAAC,OAAE,UAAkD,qDAAA,CAAA;AAAA,wBACpD,mBACI,EAAA,UAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAQL;AAAA,yBACC,KAAE,EAAA,UAAA;AAAA,MAAA;AAAA,MACwB,oBAAC,UAAK,UAAM,SAAA,CAAA;AAAA,MAAO;AAAA,MAAuB;AAAA,MACjE,oBAAC,UAAK,UAAS,YAAA,CAAA;AAAA,MAAO;AAAA,MACwB;AAAA,MAC9C,oBAAC,UAAK,UAAS,YAAA,CAAA;AAAA,MAAO;AAAA,IAAA,GAE1B;AAAA,IACC,qBAAA,OAAA,EAAI,WAAU,SAAQ,IAAG,cACtB,UAAA;AAAA,MAAA,oBAAC,QAAG,UAAU,aAAA,CAAA;AAAA,MACd,qBAAC,KAAE,EAAA,WAAU,QAAO,UAAA;AAAA,QAAA;AAAA,QAG4C;AAAA,QAC5D,oBAAC,UAAK,UAAM,SAAA,CAAA;AAAA,QAAO;AAAA,QAAE,oBAAC,UAAK,UAAM,SAAA,CAAA;AAAA,QAAO;AAAA,QAAM;AAAA,QAC9C,oBAAC,UAAK,UAAO,UAAA,CAAA;AAAA,QAAO;AAAA,MAAA,GACxB;AAAA,2BACC,KAAE,EAAA,UAAA;AAAA,QAAA;AAAA,QAEK;AAAA,QACJ;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,MAAK;AAAA,YACL,QAAO;AAAA,YACP,KAAI;AAAA,YACP,UAAA;AAAA,UAAA;AAAA,QAED;AAAA,QAAI;AAAA,MAAA,EAER,CAAA;AAAA,IAAA,EACJ,CAAA;AAAA,EAAA,GACJ;AAER;"}

package/dist/@ecme/views/guide/Documentations/components/DarkLightMode.js.map

@@ -1 +1 @@
-{"version":3,"file":"DarkLightMode.js","sources":["../../../../../../lib/@ecme/views/guide/Documentations/components/DarkLightMode.tsx"],"sourcesContent":["import SyntaxHighlighter from '@/components/shared/SyntaxHighlighter'\n\nconst DarkLightMode = () => {\n    return (\n        <>\n            <p>\n                To initialize dark or light mode to the app, simply set{' '}\n                <code>mode</code> field as\n                <code>&apos;light&apos;</code> or <code>&apos;dark&apos;</code>{' '}\n                in <code>src/configs/theme.config.ts</code>. For example:\n            </p>\n            <SyntaxHighlighter language=\"ts\">{`export const themeConfig = {\n    ...\n    mode: 'dark'\n}`}</SyntaxHighlighter>\n            <div className=\"mt-10\" id=\"hook\">\n                <h5>Hook</h5>\n                <p className=\"mt-1\">\n                    You can access or update the mode in a component via our\n                    prepared hook.\n                </p>\n                <SyntaxHighlighter language=\"tsx\">{`import React from 'react'\nimport Switcher from '@/components/ui/Switcher'\nimport useDarkMode from '@/utils/hooks/useDarkMode'\n\nconst ModeSwitcher = () => {\n\n    const [isDark, setIsDark] = useDarkMode()\n\n    const onSwitchChange = (checked: boolean) => {\n        setIsDark(checked ? 'dark' : 'light')\n    }\n\n    return (\n        <div>\n            <Switcher \n                value={isDark}\n                onChange={checked => onSwitchChange(checked)}\n            />\n        </div>\n    )\n}\n\nexport default ModeSwitcher`}</SyntaxHighlighter>\n            </div>\n        </>\n    )\n}\n\nexport default DarkLightMode\n"],"names":[],"mappings":";;AAEA,MAAM,gBAAgB,MAAM;AACxB,SACI,qBAAA,UAAA,EACI,UAAA;AAAA,IAAA,qBAAC,KAAA,EAAE,UAAA;AAAA,MAAA;AAAA,MACyD;AAAA,MACxD,oBAAC,UAAK,UAAA,OAAA,CAAI;AAAA,MAAO;AAAA,MACjB,oBAAC,UAAK,UAAA,UAAA,CAAiB;AAAA,MAAO;AAAA,MAAI,oBAAC,UAAK,UAAA,SAAA,CAAgB;AAAA,MAAQ;AAAA,MAAI;AAAA,MACjE,oBAAC,UAAK,UAAA,8BAAA,CAA2B;AAAA,MAAO;AAAA,IAAA,GAC/C;AAAA,IACA,oBAAC,mBAAA,EAAkB,UAAS,MAAM,UAAA;AAAA;AAAA;AAAA,IAG3C;AAAA,IACS,qBAAC,OAAA,EAAI,WAAU,SAAQ,IAAG,QACtB,UAAA;AAAA,MAAA,oBAAC,QAAG,UAAA,OAAA,CAAI;AAAA,MACR,oBAAC,KAAA,EAAE,WAAU,QAAO,UAAA,2EAGpB;AAAA,MACA,oBAAC,mBAAA,EAAkB,UAAS,OAAO,UAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,6BAAA,CAsBtB;AAAA,IAAA,EAAA,CACjB;AAAA,EAAA,GACJ;AAER;"}
+{"version":3,"file":"DarkLightMode.js","sources":["../../../../../../lib/@ecme/views/guide/Documentations/components/DarkLightMode.tsx"],"sourcesContent":["import SyntaxHighlighter from '@/components/shared/SyntaxHighlighter'\r\n\r\nconst DarkLightMode = () => {\r\n    return (\r\n        <>\r\n            <p>\r\n                To initialize dark or light mode to the app, simply set{' '}\r\n                <code>mode</code> field as\r\n                <code>&apos;light&apos;</code> or <code>&apos;dark&apos;</code>{' '}\r\n                in <code>src/configs/theme.config.ts</code>. For example:\r\n            </p>\r\n            <SyntaxHighlighter language=\"ts\">{`export const themeConfig = {\r\n    ...\r\n    mode: 'dark'\r\n}`}</SyntaxHighlighter>\r\n            <div className=\"mt-10\" id=\"hook\">\r\n                <h5>Hook</h5>\r\n                <p className=\"mt-1\">\r\n                    You can access or update the mode in a component via our\r\n                    prepared hook.\r\n                </p>\r\n                <SyntaxHighlighter language=\"tsx\">{`import React from 'react'\r\nimport Switcher from '@/components/ui/Switcher'\r\nimport useDarkMode from '@/utils/hooks/useDarkMode'\r\n\r\nconst ModeSwitcher = () => {\r\n\r\n    const [isDark, setIsDark] = useDarkMode()\r\n\r\n    const onSwitchChange = (checked: boolean) => {\r\n        setIsDark(checked ? 'dark' : 'light')\r\n    }\r\n\r\n    return (\r\n        <div>\r\n            <Switcher \r\n                value={isDark}\r\n                onChange={checked => onSwitchChange(checked)}\r\n            />\r\n        </div>\r\n    )\r\n}\r\n\r\nexport default ModeSwitcher`}</SyntaxHighlighter>\r\n            </div>\r\n        </>\r\n    )\r\n}\r\n\r\nexport default DarkLightMode\r\n"],"names":[],"mappings":";;AAEA,MAAM,gBAAgB,MAAM;AACxB,SAEQ,qBAAA,UAAA,EAAA,UAAA;AAAA,IAAA,qBAAC,KAAE,EAAA,UAAA;AAAA,MAAA;AAAA,MACyD;AAAA,MACxD,oBAAC,UAAK,UAAI,OAAA,CAAA;AAAA,MAAO;AAAA,MACjB,oBAAC,UAAK,UAAiB,UAAA,CAAA;AAAA,MAAO;AAAA,MAAI,oBAAC,UAAK,UAAgB,SAAA,CAAA;AAAA,MAAQ;AAAA,MAAI;AAAA,MACjE,oBAAC,UAAK,UAA2B,8BAAA,CAAA;AAAA,MAAO;AAAA,IAAA,GAC/C;AAAA,IACA,oBAAC,mBAAkB,EAAA,UAAS,MAAM,UAAA;AAAA;AAAA;AAAA,IAG3C;AAAA,IACU,qBAAA,OAAA,EAAI,WAAU,SAAQ,IAAG,QACtB,UAAA;AAAA,MAAA,oBAAC,QAAG,UAAI,OAAA,CAAA;AAAA,MACP,oBAAA,KAAA,EAAE,WAAU,QAAO,UAGpB,2EAAA;AAAA,MACA,oBAAC,mBAAkB,EAAA,UAAS,OAAO,UAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,6BAsBtB,CAAA;AAAA,IAAA,EACjB,CAAA;AAAA,EAAA,GACJ;AAER;"}

package/dist/@ecme/views/guide/Documentations/components/DevelopmentServer.js.map

@@ -1 +1 @@
-{"version":3,"file":"DevelopmentServer.js","sources":["../../../../../../lib/@ecme/views/guide/Documentations/components/DevelopmentServer.tsx"],"sourcesContent":["import SyntaxHighlighter from '@/components/shared/SyntaxHighlighter'\n\nconst DevelopmentServer = () => {\n    return (\n        <>\n            <p>\n                Once you&apos;ve installed all the dependencies, you can start\n                the development server by running the following command in your\n                terminal:\n            </p>\n            <SyntaxHighlighter>npm run dev</SyntaxHighlighter>\n            <p>\n                Open your browser and go to{' '}\n                <a\n                    href=\"http://localhost:5173/\"\n                    target=\"_blank\"\n                    rel=\"noreferrer\"\n                >\n                    http://localhost:5173/\n                </a>\n                . The app will automatically reload whenever you make changes to\n                the source files.\n            </p>\n        </>\n    )\n}\n\nexport default DevelopmentServer\n"],"names":[],"mappings":";;AAEA,MAAM,oBAAoB,MAAM;AAC5B,SACI,qBAAA,UAAA,EACI,UAAA;AAAA,IAAA,oBAAC,OAAE,UAAA,sIAAA,CAIH;AAAA,IACA,oBAAC,qBAAkB,UAAA,cAAA,CAAW;AAAA,yBAC7B,KAAA,EAAE,UAAA;AAAA,MAAA;AAAA,MAC6B;AAAA,MAC5B;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,MAAK;AAAA,UACL,QAAO;AAAA,UACP,KAAI;AAAA,UACP,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,MAEG;AAAA,IAAA,EAAA,CAGR;AAAA,EAAA,GACJ;AAER;"}
+{"version":3,"file":"DevelopmentServer.js","sources":["../../../../../../lib/@ecme/views/guide/Documentations/components/DevelopmentServer.tsx"],"sourcesContent":["import SyntaxHighlighter from '@/components/shared/SyntaxHighlighter'\r\n\r\nconst DevelopmentServer = () => {\r\n    return (\r\n        <>\r\n            <p>\r\n                Once you&apos;ve installed all the dependencies, you can start\r\n                the development server by running the following command in your\r\n                terminal:\r\n            </p>\r\n            <SyntaxHighlighter>npm run dev</SyntaxHighlighter>\r\n            <p>\r\n                Open your browser and go to{' '}\r\n                <a\r\n                    href=\"http://localhost:5173/\"\r\n                    target=\"_blank\"\r\n                    rel=\"noreferrer\"\r\n                >\r\n                    http://localhost:5173/\r\n                </a>\r\n                . The app will automatically reload whenever you make changes to\r\n                the source files.\r\n            </p>\r\n        </>\r\n    )\r\n}\r\n\r\nexport default DevelopmentServer\r\n"],"names":[],"mappings":";;AAEA,MAAM,oBAAoB,MAAM;AAC5B,SAEQ,qBAAA,UAAA,EAAA,UAAA;AAAA,IAAA,oBAAC,OAAE,UAIH,sIAAA,CAAA;AAAA,IACA,oBAAC,qBAAkB,UAAW,cAAA,CAAA;AAAA,yBAC7B,KAAE,EAAA,UAAA;AAAA,MAAA;AAAA,MAC6B;AAAA,MAC5B;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,MAAK;AAAA,UACL,QAAO;AAAA,UACP,KAAI;AAAA,UACP,UAAA;AAAA,QAAA;AAAA,MAED;AAAA,MAAI;AAAA,IAAA,EAGR,CAAA;AAAA,EAAA,GACJ;AAER;"}

package/dist/@ecme/views/guide/Documentations/components/Direction.js.map

@@ -1 +1 @@
-{"version":3,"file":"Direction.js","sources":["../../../../../../lib/@ecme/views/guide/Documentations/components/Direction.tsx"],"sourcesContent":["import SyntaxHighlighter from '@/components/shared/SyntaxHighlighter'\n\nconst Direction = () => {\n    return (\n        <>\n            <p>\n                To initialize the app direction, simply set{' '}\n                <code>direction</code> field as\n                <code>&apos;ltr&apos;</code> or <code>&apos;rtl&apos;</code> in{' '}\n                <code>src/configs/theme.config.ts</code>. For example:\n            </p>\n            <SyntaxHighlighter language=\"ts\">{`export const themeConfig = {\n\t...\n\tdirection: 'rtl'\n}`}</SyntaxHighlighter>\n            <div className=\"mt-10\" id=\"hook\">\n                <h5>Hook</h5>\n                <p className=\"mt-1\">\n                    You can access or update the direction in a component via\n                    our prepared hook.\n                </p>\n                <SyntaxHighlighter language=\"tsx\">{`import React from 'react'\nimport Button from '@/components/ui/Button'\nimport InputGroup from '@/components/ui/InputGroup'\nimport useDirection from '@/utils/hooks/useDirection'\nimport type { Direction } from '@/@types/theme';\n\nconst dirList = [\n\t{ value: 'ltr', label: 'LTR' },\n\t{ value: 'rtl', label: 'RTL' }\n]\n\nconst DirectionSwitcher = () => {\n\n\tconst [direction, setDirection] = useDirection()\n\n\tconst onDirChange = (val: Direction) => {\n\t\tsetDirection(val)\n\t}\n\n\treturn (\n\t\t<InputGroup size=\"sm\">\n\t\t\t{\n\t\t\t\tdirList.map(dir => (\n\t\t\t\t\t<Button \n\t\t\t\t\t\tkey={dir.value}\n\t\t\t\t\t\tactive={direction === dir.value}\n\t\t\t\t\t\tonClick={() => onDirChange(dir.value)}\n\t\t\t\t\t>\n\t\t\t\t\t\t{dir.label}\n\t\t\t\t\t</Button>\n\t\t\t\t))\n\t\t\t}\n\t\t</InputGroup>\n\t)\n}\n\nexport default DirectionSwitcher\n`}</SyntaxHighlighter>\n            </div>\n        </>\n    )\n}\n\nexport default Direction\n"],"names":[],"mappings":";;AAEA,MAAM,YAAY,MAAM;AACpB,SACI,qBAAA,UAAA,EACI,UAAA;AAAA,IAAA,qBAAC,KAAA,EAAE,UAAA;AAAA,MAAA;AAAA,MAC6C;AAAA,MAC5C,oBAAC,UAAK,UAAA,YAAA,CAAS;AAAA,MAAO;AAAA,MACtB,oBAAC,UAAK,UAAA,QAAA,CAAe;AAAA,MAAO;AAAA,MAAI,oBAAC,UAAK,UAAA,QAAA,CAAe;AAAA,MAAO;AAAA,MAAI;AAAA,MAChE,oBAAC,UAAK,UAAA,8BAAA,CAA2B;AAAA,MAAO;AAAA,IAAA,GAC5C;AAAA,IACA,oBAAC,mBAAA,EAAkB,UAAS,MAAM,UAAA;AAAA;AAAA;AAAA,IAG3C;AAAA,IACS,qBAAC,OAAA,EAAI,WAAU,SAAQ,IAAG,QACtB,UAAA;AAAA,MAAA,oBAAC,QAAG,UAAA,OAAA,CAAI;AAAA,MACR,oBAAC,KAAA,EAAE,WAAU,QAAO,UAAA,gFAGpB;AAAA,MACA,oBAAC,mBAAA,EAAkB,UAAS,OAAO,UAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAA,CAqCjD;AAAA,IAAA,EAAA,CACU;AAAA,EAAA,GACJ;AAER;"}
+{"version":3,"file":"Direction.js","sources":["../../../../../../lib/@ecme/views/guide/Documentations/components/Direction.tsx"],"sourcesContent":["import SyntaxHighlighter from '@/components/shared/SyntaxHighlighter'\r\n\r\nconst Direction = () => {\r\n    return (\r\n        <>\r\n            <p>\r\n                To initialize the app direction, simply set{' '}\r\n                <code>direction</code> field as\r\n                <code>&apos;ltr&apos;</code> or <code>&apos;rtl&apos;</code> in{' '}\r\n                <code>src/configs/theme.config.ts</code>. For example:\r\n            </p>\r\n            <SyntaxHighlighter language=\"ts\">{`export const themeConfig = {\r\n\t...\r\n\tdirection: 'rtl'\r\n}`}</SyntaxHighlighter>\r\n            <div className=\"mt-10\" id=\"hook\">\r\n                <h5>Hook</h5>\r\n                <p className=\"mt-1\">\r\n                    You can access or update the direction in a component via\r\n                    our prepared hook.\r\n                </p>\r\n                <SyntaxHighlighter language=\"tsx\">{`import React from 'react'\r\nimport Button from '@/components/ui/Button'\r\nimport InputGroup from '@/components/ui/InputGroup'\r\nimport useDirection from '@/utils/hooks/useDirection'\r\nimport type { Direction } from '@/@types/theme';\r\n\r\nconst dirList = [\r\n\t{ value: 'ltr', label: 'LTR' },\r\n\t{ value: 'rtl', label: 'RTL' }\r\n]\r\n\r\nconst DirectionSwitcher = () => {\r\n\r\n\tconst [direction, setDirection] = useDirection()\r\n\r\n\tconst onDirChange = (val: Direction) => {\r\n\t\tsetDirection(val)\r\n\t}\r\n\r\n\treturn (\r\n\t\t<InputGroup size=\"sm\">\r\n\t\t\t{\r\n\t\t\t\tdirList.map(dir => (\r\n\t\t\t\t\t<Button \r\n\t\t\t\t\t\tkey={dir.value}\r\n\t\t\t\t\t\tactive={direction === dir.value}\r\n\t\t\t\t\t\tonClick={() => onDirChange(dir.value)}\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t{dir.label}\r\n\t\t\t\t\t</Button>\r\n\t\t\t\t))\r\n\t\t\t}\r\n\t\t</InputGroup>\r\n\t)\r\n}\r\n\r\nexport default DirectionSwitcher\r\n`}</SyntaxHighlighter>\r\n            </div>\r\n        </>\r\n    )\r\n}\r\n\r\nexport default Direction\r\n"],"names":[],"mappings":";;AAEA,MAAM,YAAY,MAAM;AACpB,SAEQ,qBAAA,UAAA,EAAA,UAAA;AAAA,IAAA,qBAAC,KAAE,EAAA,UAAA;AAAA,MAAA;AAAA,MAC6C;AAAA,MAC5C,oBAAC,UAAK,UAAS,YAAA,CAAA;AAAA,MAAO;AAAA,MACtB,oBAAC,UAAK,UAAe,QAAA,CAAA;AAAA,MAAO;AAAA,MAAI,oBAAC,UAAK,UAAe,QAAA,CAAA;AAAA,MAAO;AAAA,MAAI;AAAA,MAChE,oBAAC,UAAK,UAA2B,8BAAA,CAAA;AAAA,MAAO;AAAA,IAAA,GAC5C;AAAA,IACA,oBAAC,mBAAkB,EAAA,UAAS,MAAM,UAAA;AAAA;AAAA;AAAA,IAG3C;AAAA,IACU,qBAAA,OAAA,EAAI,WAAU,SAAQ,IAAG,QACtB,UAAA;AAAA,MAAA,oBAAC,QAAG,UAAI,OAAA,CAAA;AAAA,MACP,oBAAA,KAAA,EAAE,WAAU,QAAO,UAGpB,gFAAA;AAAA,MACA,oBAAC,mBAAkB,EAAA,UAAS,OAAO,UAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAqCjD,CAAA;AAAA,IAAA,EACU,CAAA;AAAA,EAAA,GACJ;AAER;"}