@orbe-agro/client-core 5.6.0 → 5.6.6

package/dist/@ecme/components/view/Activity/ActivityEvent.js.map

@@ -1 +1 @@
-{"version":3,"file":"ActivityEvent.js","sources":["../../../../../lib/@ecme/components/view/Activity/ActivityEvent.tsx"],"sourcesContent":["import Badge from '@/components/ui/Badge'\r\nimport Card from '@/components/ui/Card'\r\nimport Tag from '@/components/ui/Tag'\r\nimport classNames from 'classnames'\r\nimport ReactHtmlParser from 'html-react-parser'\r\nimport isLastChild from '@/utils/isLastChild'\r\nimport dayjs from 'dayjs'\r\nimport {\r\n    UPDATE_TICKET,\r\n    COMMENT,\r\n    ADD_TAGS_TO_TICKET,\r\n    ADD_FILES_TO_TICKET,\r\n    CREATE_TICKET,\r\n    COMMENT_MENTION,\r\n    ASSIGN_TICKET,\r\n} from './constants'\r\nimport type { CommonProps } from '@/@types/common'\r\nimport type { HTMLReactParserOptions } from 'html-react-parser'\r\n\r\ntype ActivityEventProps = {\r\n    data: {\r\n        type: string\r\n        dateTime: number\r\n        ticket?: string\r\n        status?: number\r\n        userName: string\r\n        userImg?: string\r\n        comment?: string\r\n        tags?: string[]\r\n        files?: string[]\r\n        assignee?: string\r\n    }\r\n    compact?: boolean\r\n}\r\n\r\nconst ticketStatus: Record<\r\n    number,\r\n    {\r\n        label: string\r\n        bgClass: string\r\n        textClass: string\r\n    }\r\n> = {\r\n    0: {\r\n        label: 'Completed',\r\n        bgClass: 'bg-emerald-500',\r\n        textClass: 'text-emerald-500',\r\n    },\r\n    1: {\r\n        label: 'In progress',\r\n        bgClass: 'bg-blue-500',\r\n        textClass: 'text-blue-500',\r\n    },\r\n    2: {\r\n        label: 'Ready to test',\r\n        bgClass: 'bg-amber-500',\r\n        textClass: 'text-amber-500',\r\n    },\r\n}\r\n\r\nconst taskLabelColors: Record<string, string> = {\r\n    'Live Issue': 'bg-rose-500',\r\n    Backend: 'bg-blue-500',\r\n    Bug: 'bg-amber-400',\r\n    'Low priority': 'bg-indigo-500',\r\n}\r\n\r\nconst UnixDateTime = ({ value }: { value: number }) => {\r\n    return <>{dayjs.unix(value).format('hh:mm A')}</>\r\n}\r\n\r\nconst HighlightedText = ({ children, className }: CommonProps) => {\r\n    return (\r\n        <span className={classNames('font-bold heading-text', className)}>\r\n            {children}\r\n        </span>\r\n    )\r\n}\r\n\r\nconst ActivityEvent = ({ data, compact }: ActivityEventProps) => {\r\n    const options: HTMLReactParserOptions = {\r\n        // eslint-disable-next-line  @typescript-eslint/no-explicit-any\r\n        replace: (node: any) => {\r\n            if (node.type === 'tag' && node?.name === 'strong') {\r\n                return (\r\n                    <HighlightedText key={node?.children[0]?.data}>\r\n                        {node?.children[0]?.data}\r\n                    </HighlightedText>\r\n                )\r\n            }\r\n            return node.data\r\n        },\r\n    }\r\n\r\n    switch (data.type) {\r\n        case UPDATE_TICKET:\r\n            return compact ? (\r\n                <>\r\n                    <div className=\"flex flex-col gap-y-0.5\">\r\n                        <HighlightedText>{data.userName}</HighlightedText>\r\n                        <span className=\"text-xs font-semibold\">\r\n                            <UnixDateTime value={data.dateTime} />\r\n                        </span>\r\n                    </div>\r\n                    <div className=\"mt-2\">\r\n                        <span className=\"mx-1\">has change </span>\r\n                        <HighlightedText>{data.ticket}</HighlightedText>\r\n                        <span className=\"mx-1\"> status to </span>\r\n                        <span className=\"inline-flex items-center gap-1\">\r\n                            <Badge\r\n                                className={\r\n                                    ticketStatus[data.status || 0].bgClass\r\n                                }\r\n                            />\r\n                            <HighlightedText className=\"ml-1 rtl:mr-1\">\r\n                                {ticketStatus[data.status || 0].label}\r\n                            </HighlightedText>\r\n                        </span>\r\n                    </div>\r\n                </>\r\n            ) : (\r\n                <p className=\"my-1\">\r\n                    <HighlightedText>{data.userName}</HighlightedText>\r\n                    <span className=\"mx-1\">has change </span>\r\n                    <HighlightedText>{data.ticket}</HighlightedText>\r\n                    <span className=\"mx-1\"> status to </span>\r\n                    <span className=\"inline-flex items-center gap-1\">\r\n                        <Badge\r\n                            className={ticketStatus[data.status || 0].bgClass}\r\n                        />\r\n                        <HighlightedText>\r\n                            {ticketStatus[data.status || 0].label}\r\n                        </HighlightedText>\r\n                    </span>\r\n                    <span className=\"ml-1 rtl:mr-1 md;ml-3 rtl:md:mr-3 font-semibold\">\r\n                        <UnixDateTime value={data.dateTime} />\r\n                    </span>\r\n                </p>\r\n            )\r\n        case COMMENT:\r\n            return (\r\n                <>\r\n                    {compact ? (\r\n                        <>\r\n                            <div className=\"flex flex-col gap-y-0.5\">\r\n                                <HighlightedText>\r\n                                    {data.userName}\r\n                                </HighlightedText>\r\n                                <span className=\"text-xs font-semibold\">\r\n                                    <UnixDateTime value={data.dateTime} />\r\n                                </span>\r\n                            </div>\r\n                            <div className=\"mt-2\">\r\n                                <span className=\"mx-1\">comment on your</span>\r\n                                <HighlightedText>Post</HighlightedText>\r\n                            </div>\r\n                        </>\r\n                    ) : (\r\n                        <p className=\"gap-1 inline-flex items-center flex-wrap\">\r\n                            <HighlightedText>{data.userName}</HighlightedText>\r\n                            <span className=\"mx-1\">comment on your</span>\r\n                            <HighlightedText>Post</HighlightedText>\r\n                            <span className=\"ml-1 rtl:mr-1 md;ml-3 rtl:md:mr-3 font-semibold\">\r\n                                <UnixDateTime value={data.dateTime} />\r\n                            </span>\r\n                        </p>\r\n                    )}\r\n                    <Card\r\n                        bordered={false}\r\n                        className=\"mt-4 bg-gray-100 dark:bg-gray-700 shadow-none\"\r\n                    >\r\n                        {ReactHtmlParser(data.comment || '', options)}\r\n                    </Card>\r\n                </>\r\n            )\r\n        case COMMENT_MENTION:\r\n            return (\r\n                <>\r\n                    {compact ? (\r\n                        <>\r\n                            <div className=\"flex flex-col gap-y-0.5\">\r\n                                <HighlightedText>\r\n                                    {data.userName}\r\n                                </HighlightedText>\r\n                                <span className=\"text-xs font-semibold\">\r\n                                    <UnixDateTime value={data.dateTime} />\r\n                                </span>\r\n                            </div>\r\n                            <div className=\"mt-2\">\r\n                                <span className=\"mx-1\">\r\n                                    mentioned you in a comment\r\n                                </span>\r\n                                <HighlightedText>Post</HighlightedText>\r\n                            </div>\r\n                        </>\r\n                    ) : (\r\n                        <p className=\"my-1\">\r\n                            <HighlightedText>{data.userName}</HighlightedText>\r\n                            <span className=\"mx-1\">\r\n                                mentioned you in a comment\r\n                            </span>\r\n                            <HighlightedText>Post</HighlightedText>\r\n                            <span className=\"ml-1 rtl:mr-1 md;ml-3 rtl:md:mr-3 font-semibold\">\r\n                                <UnixDateTime value={data.dateTime} />\r\n                            </span>\r\n                        </p>\r\n                    )}\r\n                    <Card\r\n                        bordered={false}\r\n                        className=\"mt-4 bg-gray-100 dark:bg-gray-700 shadow-none\"\r\n                    >\r\n                        {ReactHtmlParser(data.comment || '', options)}\r\n                    </Card>\r\n                </>\r\n            )\r\n        case ADD_TAGS_TO_TICKET:\r\n            return compact ? (\r\n                <>\r\n                    <div className=\"flex flex-col gap-y-0.5\">\r\n                        <HighlightedText>{data.userName}</HighlightedText>\r\n                        <span className=\"text-xs font-semibold\">\r\n                            <UnixDateTime value={data.dateTime} />\r\n                        </span>\r\n                    </div>\r\n                    <div className=\"mt-2\">\r\n                        <span className=\"mx-1\">added tags </span>\r\n                        {data?.tags?.map((label, index) => (\r\n                            <Tag\r\n                                key={label + index}\r\n                                prefix\r\n                                className=\"mx-1\"\r\n                                prefixClass={`${taskLabelColors[label]}`}\r\n                            >\r\n                                {label}\r\n                            </Tag>\r\n                        ))}\r\n                    </div>\r\n                </>\r\n            ) : (\r\n                <div>\r\n                    <HighlightedText>{data.userName} </HighlightedText>\r\n                    <span className=\"mx-1\">added tags </span>\r\n                    <span className=\"inline-flex items-center gap-1\">\r\n                        {data?.tags?.map((label, index) => (\r\n                            <Tag\r\n                                key={label + index}\r\n                                prefix\r\n                                prefixClass={`${taskLabelColors[label]}`}\r\n                            >\r\n                                {label}\r\n                            </Tag>\r\n                        ))}\r\n                    </span>\r\n                    <span className=\"ml-1 rtl:mr-1 md;ml-3 rtl:md:mr-3 font-semibold\">\r\n                        <UnixDateTime value={data.dateTime} />\r\n                    </span>\r\n                </div>\r\n            )\r\n        case ADD_FILES_TO_TICKET:\r\n            return compact ? (\r\n                <>\r\n                    <div className=\"flex flex-col gap-y-0.5\">\r\n                        <HighlightedText>{data.userName}</HighlightedText>\r\n                        <span className=\"text-xs font-semibold\">\r\n                            <UnixDateTime value={data.dateTime} />\r\n                        </span>\r\n                    </div>\r\n                    <div className=\"mt-2\">\r\n                        <span className=\"mx-1\">added</span>\r\n                        {data?.files?.map((file, index) => (\r\n                            <HighlightedText key={file + index}>\r\n                                {file}\r\n                                {!isLastChild(data?.files || [], index) && (\r\n                                    <span className=\"ltr:mr-1 rtl:ml-1\">\r\n                                        ,{' '}\r\n                                    </span>\r\n                                )}\r\n                            </HighlightedText>\r\n                        ))}\r\n                    </div>\r\n                </>\r\n            ) : (\r\n                <div className=\"inline-flex items-center flex-wrap\">\r\n                    <HighlightedText>{data.userName} </HighlightedText>\r\n                    <span className=\"mx-1\">added</span>\r\n                    {data?.files?.map((file, index) => (\r\n                        <HighlightedText key={file + index}>\r\n                            {file}\r\n                            {!isLastChild(data?.files || [], index) && (\r\n                                <span className=\"ltr:mr-1 rtl:ml-1\">, </span>\r\n                            )}\r\n                        </HighlightedText>\r\n                    ))}\r\n                    <span className=\"mx-1\">to ticket</span>\r\n                    <HighlightedText>{data.ticket} </HighlightedText>\r\n                    <span className=\"ml-1 rtl:mr-1 md;ml-3 rtl:md:mr-3 font-semibold\">\r\n                        <UnixDateTime value={data.dateTime} />\r\n                    </span>\r\n                </div>\r\n            )\r\n        case ASSIGN_TICKET:\r\n            return compact ? (\r\n                <>\r\n                    <div className=\"flex flex-col gap-y-0.5\">\r\n                        <HighlightedText>{data.userName}</HighlightedText>\r\n                        <span className=\"text-xs font-semibold\">\r\n                            <UnixDateTime value={data.dateTime} />\r\n                        </span>\r\n                    </div>\r\n                    <div className=\"mt-2\">\r\n                        <span className=\"mx-1\">assigned ticket</span>\r\n                        <HighlightedText>{data.ticket}</HighlightedText>\r\n                        <span className=\"mx-1\">to</span>\r\n                        <HighlightedText>{data?.assignee} </HighlightedText>\r\n                    </div>\r\n                </>\r\n            ) : (\r\n                <div>\r\n                    <HighlightedText>{data.userName} </HighlightedText>\r\n                    <span className=\"mx-1\">assigned ticket</span>\r\n                    <HighlightedText>{data.ticket}</HighlightedText>\r\n                    <span className=\"mx-1\">to</span>\r\n                    <HighlightedText>{data.assignee} </HighlightedText>\r\n                    <span className=\"ml-1 rtl:mr-1 md;ml-3 rtl:md:mr-3 font-semibold\">\r\n                        <UnixDateTime value={data.dateTime} />\r\n                    </span>\r\n                </div>\r\n            )\r\n        case CREATE_TICKET:\r\n            return (\r\n                <div className=\"inline-flex items-center flex-wrap\">\r\n                    <HighlightedText>{data.userName} </HighlightedText>\r\n                    <span className=\"mx-1\">has created ticket</span>\r\n                    <HighlightedText>{data.ticket}</HighlightedText>\r\n                    <span className=\"ml-1 rtl:mr-1 md;ml-3 rtl:md:mr-3 font-semibold\">\r\n                        <UnixDateTime value={data.dateTime} />\r\n                    </span>\r\n                </div>\r\n            )\r\n        default:\r\n            return null\r\n    }\r\n}\r\n\r\nexport default ActivityEvent\r\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ActivityEvent.js","sources":["../../../../../lib/@ecme/components/view/Activity/ActivityEvent.tsx"],"sourcesContent":["import Badge from '@/components/ui/Badge'\nimport Card from '@/components/ui/Card'\nimport Tag from '@/components/ui/Tag'\nimport classNames from 'classnames'\nimport ReactHtmlParser from 'html-react-parser'\nimport isLastChild from '@/utils/isLastChild'\nimport dayjs from 'dayjs'\nimport {\n    UPDATE_TICKET,\n    COMMENT,\n    ADD_TAGS_TO_TICKET,\n    ADD_FILES_TO_TICKET,\n    CREATE_TICKET,\n    COMMENT_MENTION,\n    ASSIGN_TICKET,\n} from './constants'\nimport type { CommonProps } from '@/@types/common'\nimport type { HTMLReactParserOptions } from 'html-react-parser'\n\ntype ActivityEventProps = {\n    data: {\n        type: string\n        dateTime: number\n        ticket?: string\n        status?: number\n        userName: string\n        userImg?: string\n        comment?: string\n        tags?: string[]\n        files?: string[]\n        assignee?: string\n    }\n    compact?: boolean\n}\n\nconst ticketStatus: Record<\n    number,\n    {\n        label: string\n        bgClass: string\n        textClass: string\n    }\n> = {\n    0: {\n        label: 'Completed',\n        bgClass: 'bg-emerald-500',\n        textClass: 'text-emerald-500',\n    },\n    1: {\n        label: 'In progress',\n        bgClass: 'bg-blue-500',\n        textClass: 'text-blue-500',\n    },\n    2: {\n        label: 'Ready to test',\n        bgClass: 'bg-amber-500',\n        textClass: 'text-amber-500',\n    },\n}\n\nconst taskLabelColors: Record<string, string> = {\n    'Live Issue': 'bg-rose-500',\n    Backend: 'bg-blue-500',\n    Bug: 'bg-amber-400',\n    'Low priority': 'bg-indigo-500',\n}\n\nconst UnixDateTime = ({ value }: { value: number }) => {\n    return <>{dayjs.unix(value).format('hh:mm A')}</>\n}\n\nconst HighlightedText = ({ children, className }: CommonProps) => {\n    return (\n        <span className={classNames('font-bold heading-text', className)}>\n            {children}\n        </span>\n    )\n}\n\nconst ActivityEvent = ({ data, compact }: ActivityEventProps) => {\n    const options: HTMLReactParserOptions = {\n        // eslint-disable-next-line  @typescript-eslint/no-explicit-any\n        replace: (node: any) => {\n            if (node.type === 'tag' && node?.name === 'strong') {\n                return (\n                    <HighlightedText key={node?.children[0]?.data}>\n                        {node?.children[0]?.data}\n                    </HighlightedText>\n                )\n            }\n            return node.data\n        },\n    }\n\n    switch (data.type) {\n        case UPDATE_TICKET:\n            return compact ? (\n                <>\n                    <div className=\"flex flex-col gap-y-0.5\">\n                        <HighlightedText>{data.userName}</HighlightedText>\n                        <span className=\"text-xs font-semibold\">\n                            <UnixDateTime value={data.dateTime} />\n                        </span>\n                    </div>\n                    <div className=\"mt-2\">\n                        <span className=\"mx-1\">has change </span>\n                        <HighlightedText>{data.ticket}</HighlightedText>\n                        <span className=\"mx-1\"> status to </span>\n                        <span className=\"inline-flex items-center gap-1\">\n                            <Badge\n                                className={\n                                    ticketStatus[data.status || 0].bgClass\n                                }\n                            />\n                            <HighlightedText className=\"ml-1 rtl:mr-1\">\n                                {ticketStatus[data.status || 0].label}\n                            </HighlightedText>\n                        </span>\n                    </div>\n                </>\n            ) : (\n                <p className=\"my-1\">\n                    <HighlightedText>{data.userName}</HighlightedText>\n                    <span className=\"mx-1\">has change </span>\n                    <HighlightedText>{data.ticket}</HighlightedText>\n                    <span className=\"mx-1\"> status to </span>\n                    <span className=\"inline-flex items-center gap-1\">\n                        <Badge\n                            className={ticketStatus[data.status || 0].bgClass}\n                        />\n                        <HighlightedText>\n                            {ticketStatus[data.status || 0].label}\n                        </HighlightedText>\n                    </span>\n                    <span className=\"ml-1 rtl:mr-1 md;ml-3 rtl:md:mr-3 font-semibold\">\n                        <UnixDateTime value={data.dateTime} />\n                    </span>\n                </p>\n            )\n        case COMMENT:\n            return (\n                <>\n                    {compact ? (\n                        <>\n                            <div className=\"flex flex-col gap-y-0.5\">\n                                <HighlightedText>\n                                    {data.userName}\n                                </HighlightedText>\n                                <span className=\"text-xs font-semibold\">\n                                    <UnixDateTime value={data.dateTime} />\n                                </span>\n                            </div>\n                            <div className=\"mt-2\">\n                                <span className=\"mx-1\">comment on your</span>\n                                <HighlightedText>Post</HighlightedText>\n                            </div>\n                        </>\n                    ) : (\n                        <p className=\"gap-1 inline-flex items-center flex-wrap\">\n                            <HighlightedText>{data.userName}</HighlightedText>\n                            <span className=\"mx-1\">comment on your</span>\n                            <HighlightedText>Post</HighlightedText>\n                            <span className=\"ml-1 rtl:mr-1 md;ml-3 rtl:md:mr-3 font-semibold\">\n                                <UnixDateTime value={data.dateTime} />\n                            </span>\n                        </p>\n                    )}\n                    <Card\n                        bordered={false}\n                        className=\"mt-4 bg-gray-100 dark:bg-gray-700 shadow-none\"\n                    >\n                        {ReactHtmlParser(data.comment || '', options)}\n                    </Card>\n                </>\n            )\n        case COMMENT_MENTION:\n            return (\n                <>\n                    {compact ? (\n                        <>\n                            <div className=\"flex flex-col gap-y-0.5\">\n                                <HighlightedText>\n                                    {data.userName}\n                                </HighlightedText>\n                                <span className=\"text-xs font-semibold\">\n                                    <UnixDateTime value={data.dateTime} />\n                                </span>\n                            </div>\n                            <div className=\"mt-2\">\n                                <span className=\"mx-1\">\n                                    mentioned you in a comment\n                                </span>\n                                <HighlightedText>Post</HighlightedText>\n                            </div>\n                        </>\n                    ) : (\n                        <p className=\"my-1\">\n                            <HighlightedText>{data.userName}</HighlightedText>\n                            <span className=\"mx-1\">\n                                mentioned you in a comment\n                            </span>\n                            <HighlightedText>Post</HighlightedText>\n                            <span className=\"ml-1 rtl:mr-1 md;ml-3 rtl:md:mr-3 font-semibold\">\n                                <UnixDateTime value={data.dateTime} />\n                            </span>\n                        </p>\n                    )}\n                    <Card\n                        bordered={false}\n                        className=\"mt-4 bg-gray-100 dark:bg-gray-700 shadow-none\"\n                    >\n                        {ReactHtmlParser(data.comment || '', options)}\n                    </Card>\n                </>\n            )\n        case ADD_TAGS_TO_TICKET:\n            return compact ? (\n                <>\n                    <div className=\"flex flex-col gap-y-0.5\">\n                        <HighlightedText>{data.userName}</HighlightedText>\n                        <span className=\"text-xs font-semibold\">\n                            <UnixDateTime value={data.dateTime} />\n                        </span>\n                    </div>\n                    <div className=\"mt-2\">\n                        <span className=\"mx-1\">added tags </span>\n                        {data?.tags?.map((label, index) => (\n                            <Tag\n                                key={label + index}\n                                prefix\n                                className=\"mx-1\"\n                                prefixClass={`${taskLabelColors[label]}`}\n                            >\n                                {label}\n                            </Tag>\n                        ))}\n                    </div>\n                </>\n            ) : (\n                <div>\n                    <HighlightedText>{data.userName} </HighlightedText>\n                    <span className=\"mx-1\">added tags </span>\n                    <span className=\"inline-flex items-center gap-1\">\n                        {data?.tags?.map((label, index) => (\n                            <Tag\n                                key={label + index}\n                                prefix\n                                prefixClass={`${taskLabelColors[label]}`}\n                            >\n                                {label}\n                            </Tag>\n                        ))}\n                    </span>\n                    <span className=\"ml-1 rtl:mr-1 md;ml-3 rtl:md:mr-3 font-semibold\">\n                        <UnixDateTime value={data.dateTime} />\n                    </span>\n                </div>\n            )\n        case ADD_FILES_TO_TICKET:\n            return compact ? (\n                <>\n                    <div className=\"flex flex-col gap-y-0.5\">\n                        <HighlightedText>{data.userName}</HighlightedText>\n                        <span className=\"text-xs font-semibold\">\n                            <UnixDateTime value={data.dateTime} />\n                        </span>\n                    </div>\n                    <div className=\"mt-2\">\n                        <span className=\"mx-1\">added</span>\n                        {data?.files?.map((file, index) => (\n                            <HighlightedText key={file + index}>\n                                {file}\n                                {!isLastChild(data?.files || [], index) && (\n                                    <span className=\"ltr:mr-1 rtl:ml-1\">\n                                        ,{' '}\n                                    </span>\n                                )}\n                            </HighlightedText>\n                        ))}\n                    </div>\n                </>\n            ) : (\n                <div className=\"inline-flex items-center flex-wrap\">\n                    <HighlightedText>{data.userName} </HighlightedText>\n                    <span className=\"mx-1\">added</span>\n                    {data?.files?.map((file, index) => (\n                        <HighlightedText key={file + index}>\n                            {file}\n                            {!isLastChild(data?.files || [], index) && (\n                                <span className=\"ltr:mr-1 rtl:ml-1\">, </span>\n                            )}\n                        </HighlightedText>\n                    ))}\n                    <span className=\"mx-1\">to ticket</span>\n                    <HighlightedText>{data.ticket} </HighlightedText>\n                    <span className=\"ml-1 rtl:mr-1 md;ml-3 rtl:md:mr-3 font-semibold\">\n                        <UnixDateTime value={data.dateTime} />\n                    </span>\n                </div>\n            )\n        case ASSIGN_TICKET:\n            return compact ? (\n                <>\n                    <div className=\"flex flex-col gap-y-0.5\">\n                        <HighlightedText>{data.userName}</HighlightedText>\n                        <span className=\"text-xs font-semibold\">\n                            <UnixDateTime value={data.dateTime} />\n                        </span>\n                    </div>\n                    <div className=\"mt-2\">\n                        <span className=\"mx-1\">assigned ticket</span>\n                        <HighlightedText>{data.ticket}</HighlightedText>\n                        <span className=\"mx-1\">to</span>\n                        <HighlightedText>{data?.assignee} </HighlightedText>\n                    </div>\n                </>\n            ) : (\n                <div>\n                    <HighlightedText>{data.userName} </HighlightedText>\n                    <span className=\"mx-1\">assigned ticket</span>\n                    <HighlightedText>{data.ticket}</HighlightedText>\n                    <span className=\"mx-1\">to</span>\n                    <HighlightedText>{data.assignee} </HighlightedText>\n                    <span className=\"ml-1 rtl:mr-1 md;ml-3 rtl:md:mr-3 font-semibold\">\n                        <UnixDateTime value={data.dateTime} />\n                    </span>\n                </div>\n            )\n        case CREATE_TICKET:\n            return (\n                <div className=\"inline-flex items-center flex-wrap\">\n                    <HighlightedText>{data.userName} </HighlightedText>\n                    <span className=\"mx-1\">has created ticket</span>\n                    <HighlightedText>{data.ticket}</HighlightedText>\n                    <span className=\"ml-1 rtl:mr-1 md;ml-3 rtl:md:mr-3 font-semibold\">\n                        <UnixDateTime value={data.dateTime} />\n                    </span>\n                </div>\n            )\n        default:\n            return null\n    }\n}\n\nexport default ActivityEvent\n"],"names":[],"mappings":";;;;;;;;;;;;AAmCA,MAAM,eAOF;AAAA,EACA,GAAG;AAAA,IACC,OAAO;AAAA,IACP,SAAS;AAAA,IACT,WAAW;AAAA,EAAA;AAAA,EAEf,GAAG;AAAA,IACC,OAAO;AAAA,IACP,SAAS;AAAA,IACT,WAAW;AAAA,EAAA;AAAA,EAEf,GAAG;AAAA,IACC,OAAO;AAAA,IACP,SAAS;AAAA,IACT,WAAW;AAAA,EAAA;AAEnB;AAEA,MAAM,kBAA0C;AAAA,EAC5C,cAAc;AAAA,EACd,SAAS;AAAA,EACT,KAAK;AAAA,EACL,gBAAgB;AACpB;AAEA,MAAM,eAAe,CAAC,EAAE,YAA+B;AACnD,yCAAU,UAAA,MAAM,KAAK,KAAK,EAAE,OAAO,SAAS,GAAE;AAClD;AAEA,MAAM,kBAAkB,CAAC,EAAE,UAAU,gBAA6B;AAC9D,6BACK,QAAA,EAAK,WAAW,WAAW,0BAA0B,SAAS,GAC1D,UACL;AAER;AAEA,MAAM,gBAAgB,CAAC,EAAE,MAAM,cAAkC;AAC7D,QAAM,UAAkC;AAAA;AAAA,IAEpC,SAAS,CAAC,SAAc;AACpB,UAAI,KAAK,SAAS,SAAS,MAAM,SAAS,UAAU;AAChD,eACI,oBAAC,iBAAA,EACI,UAAA,MAAM,SAAS,CAAC,GAAG,KAAA,GADF,MAAM,SAAS,CAAC,GAAG,IAEzC;AAAA,MAER;AACA,aAAO,KAAK;AAAA,IAChB;AAAA,EAAA;AAGJ,UAAQ,KAAK,MAAA;AAAA,IACT,KAAK;AACD,aAAO,UACH,qBAAA,UAAA,EACI,UAAA;AAAA,QAAA,qBAAC,OAAA,EAAI,WAAU,2BACX,UAAA;AAAA,UAAA,oBAAC,iBAAA,EAAiB,eAAK,SAAA,CAAS;AAAA,UAChC,oBAAC,UAAK,WAAU,yBACZ,8BAAC,cAAA,EAAa,OAAO,KAAK,SAAA,CAAU,EAAA,CACxC;AAAA,QAAA,GACJ;AAAA,QACA,qBAAC,OAAA,EAAI,WAAU,QACX,UAAA;AAAA,UAAA,oBAAC,QAAA,EAAK,WAAU,QAAO,UAAA,eAAW;AAAA,UAClC,oBAAC,iBAAA,EAAiB,UAAA,KAAK,OAAA,CAAO;AAAA,UAC9B,oBAAC,QAAA,EAAK,WAAU,QAAO,UAAA,eAAW;AAAA,UAClC,qBAAC,QAAA,EAAK,WAAU,kCACZ,UAAA;AAAA,YAAA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACG,WACI,aAAa,KAAK,UAAU,CAAC,EAAE;AAAA,cAAA;AAAA,YAAA;AAAA,YAGvC,oBAAC,mBAAgB,WAAU,iBACtB,uBAAa,KAAK,UAAU,CAAC,EAAE,MAAA,CACpC;AAAA,UAAA,EAAA,CACJ;AAAA,QAAA,EAAA,CACJ;AAAA,MAAA,EAAA,CACJ,IAEA,qBAAC,KAAA,EAAE,WAAU,QACT,UAAA;AAAA,QAAA,oBAAC,iBAAA,EAAiB,eAAK,SAAA,CAAS;AAAA,QAChC,oBAAC,QAAA,EAAK,WAAU,QAAO,UAAA,eAAW;AAAA,QAClC,oBAAC,iBAAA,EAAiB,UAAA,KAAK,OAAA,CAAO;AAAA,QAC9B,oBAAC,QAAA,EAAK,WAAU,QAAO,UAAA,eAAW;AAAA,QAClC,qBAAC,QAAA,EAAK,WAAU,kCACZ,UAAA;AAAA,UAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACG,WAAW,aAAa,KAAK,UAAU,CAAC,EAAE;AAAA,YAAA;AAAA,UAAA;AAAA,8BAE7C,iBAAA,EACI,UAAA,aAAa,KAAK,UAAU,CAAC,EAAE,MAAA,CACpC;AAAA,QAAA,GACJ;AAAA,QACA,oBAAC,UAAK,WAAU,mDACZ,8BAAC,cAAA,EAAa,OAAO,KAAK,SAAA,CAAU,EAAA,CACxC;AAAA,MAAA,GACJ;AAAA,IAER,KAAK;AACD,aACI,qBAAA,UAAA,EACK,UAAA;AAAA,QAAA,UACG,qBAAA,UAAA,EACI,UAAA;AAAA,UAAA,qBAAC,OAAA,EAAI,WAAU,2BACX,UAAA;AAAA,YAAA,oBAAC,iBAAA,EACI,eAAK,SAAA,CACV;AAAA,YACA,oBAAC,UAAK,WAAU,yBACZ,8BAAC,cAAA,EAAa,OAAO,KAAK,SAAA,CAAU,EAAA,CACxC;AAAA,UAAA,GACJ;AAAA,UACA,qBAAC,OAAA,EAAI,WAAU,QACX,UAAA;AAAA,YAAA,oBAAC,QAAA,EAAK,WAAU,QAAO,UAAA,mBAAe;AAAA,YACtC,oBAAC,mBAAgB,UAAA,OAAA,CAAI;AAAA,UAAA,EAAA,CACzB;AAAA,QAAA,EAAA,CACJ,IAEA,qBAAC,KAAA,EAAE,WAAU,4CACT,UAAA;AAAA,UAAA,oBAAC,iBAAA,EAAiB,eAAK,SAAA,CAAS;AAAA,UAChC,oBAAC,QAAA,EAAK,WAAU,QAAO,UAAA,mBAAe;AAAA,UACtC,oBAAC,mBAAgB,UAAA,OAAA,CAAI;AAAA,UACrB,oBAAC,UAAK,WAAU,mDACZ,8BAAC,cAAA,EAAa,OAAO,KAAK,SAAA,CAAU,EAAA,CACxC;AAAA,QAAA,GACJ;AAAA,QAEJ;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,UAAU;AAAA,YACV,WAAU;AAAA,YAET,UAAA,gBAAgB,KAAK,WAAW,IAAI,OAAO;AAAA,UAAA;AAAA,QAAA;AAAA,MAChD,GACJ;AAAA,IAER,KAAK;AACD,aACI,qBAAA,UAAA,EACK,UAAA;AAAA,QAAA,UACG,qBAAA,UAAA,EACI,UAAA;AAAA,UAAA,qBAAC,OAAA,EAAI,WAAU,2BACX,UAAA;AAAA,YAAA,oBAAC,iBAAA,EACI,eAAK,SAAA,CACV;AAAA,YACA,oBAAC,UAAK,WAAU,yBACZ,8BAAC,cAAA,EAAa,OAAO,KAAK,SAAA,CAAU,EAAA,CACxC;AAAA,UAAA,GACJ;AAAA,UACA,qBAAC,OAAA,EAAI,WAAU,QACX,UAAA;AAAA,YAAA,oBAAC,QAAA,EAAK,WAAU,QAAO,UAAA,8BAEvB;AAAA,YACA,oBAAC,mBAAgB,UAAA,OAAA,CAAI;AAAA,UAAA,EAAA,CACzB;AAAA,QAAA,EAAA,CACJ,IAEA,qBAAC,KAAA,EAAE,WAAU,QACT,UAAA;AAAA,UAAA,oBAAC,iBAAA,EAAiB,eAAK,SAAA,CAAS;AAAA,UAChC,oBAAC,QAAA,EAAK,WAAU,QAAO,UAAA,8BAEvB;AAAA,UACA,oBAAC,mBAAgB,UAAA,OAAA,CAAI;AAAA,UACrB,oBAAC,UAAK,WAAU,mDACZ,8BAAC,cAAA,EAAa,OAAO,KAAK,SAAA,CAAU,EAAA,CACxC;AAAA,QAAA,GACJ;AAAA,QAEJ;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,UAAU;AAAA,YACV,WAAU;AAAA,YAET,UAAA,gBAAgB,KAAK,WAAW,IAAI,OAAO;AAAA,UAAA;AAAA,QAAA;AAAA,MAChD,GACJ;AAAA,IAER,KAAK;AACD,aAAO,UACH,qBAAA,UAAA,EACI,UAAA;AAAA,QAAA,qBAAC,OAAA,EAAI,WAAU,2BACX,UAAA;AAAA,UAAA,oBAAC,iBAAA,EAAiB,eAAK,SAAA,CAAS;AAAA,UAChC,oBAAC,UAAK,WAAU,yBACZ,8BAAC,cAAA,EAAa,OAAO,KAAK,SAAA,CAAU,EAAA,CACxC;AAAA,QAAA,GACJ;AAAA,QACA,qBAAC,OAAA,EAAI,WAAU,QACX,UAAA;AAAA,UAAA,oBAAC,QAAA,EAAK,WAAU,QAAO,UAAA,eAAW;AAAA,UACjC,MAAM,MAAM,IAAI,CAAC,OAAO,UACrB;AAAA,YAAC;AAAA,YAAA;AAAA,cAEG,QAAM;AAAA,cACN,WAAU;AAAA,cACV,aAAa,GAAG,gBAAgB,KAAK,CAAC;AAAA,cAErC,UAAA;AAAA,YAAA;AAAA,YALI,QAAQ;AAAA,UAAA,CAOpB;AAAA,QAAA,EAAA,CACL;AAAA,MAAA,EAAA,CACJ,yBAEC,OAAA,EACG,UAAA;AAAA,QAAA,qBAAC,iBAAA,EAAiB,UAAA;AAAA,UAAA,KAAK;AAAA,UAAS;AAAA,QAAA,GAAC;AAAA,QACjC,oBAAC,QAAA,EAAK,WAAU,QAAO,UAAA,eAAW;AAAA,QAClC,oBAAC,UAAK,WAAU,kCACX,gBAAM,MAAM,IAAI,CAAC,OAAO,UACrB;AAAA,UAAC;AAAA,UAAA;AAAA,YAEG,QAAM;AAAA,YACN,aAAa,GAAG,gBAAgB,KAAK,CAAC;AAAA,YAErC,UAAA;AAAA,UAAA;AAAA,UAJI,QAAQ;AAAA,QAAA,CAMpB,GACL;AAAA,QACA,oBAAC,UAAK,WAAU,mDACZ,8BAAC,cAAA,EAAa,OAAO,KAAK,SAAA,CAAU,EAAA,CACxC;AAAA,MAAA,GACJ;AAAA,IAER,KAAK;AACD,aAAO,UACH,qBAAA,UAAA,EACI,UAAA;AAAA,QAAA,qBAAC,OAAA,EAAI,WAAU,2BACX,UAAA;AAAA,UAAA,oBAAC,iBAAA,EAAiB,eAAK,SAAA,CAAS;AAAA,UAChC,oBAAC,UAAK,WAAU,yBACZ,8BAAC,cAAA,EAAa,OAAO,KAAK,SAAA,CAAU,EAAA,CACxC;AAAA,QAAA,GACJ;AAAA,QACA,qBAAC,OAAA,EAAI,WAAU,QACX,UAAA;AAAA,UAAA,oBAAC,QAAA,EAAK,WAAU,QAAO,UAAA,SAAK;AAAA,UAC3B,MAAM,OAAO,IAAI,CAAC,MAAM,+BACpB,iBAAA,EACI,UAAA;AAAA,YAAA;AAAA,YACA,CAAC,YAAY,MAAM,SAAS,CAAA,GAAI,KAAK,KAClC,qBAAC,QAAA,EAAK,WAAU,qBAAoB,UAAA;AAAA,cAAA;AAAA,cAC9B;AAAA,YAAA,EAAA,CACN;AAAA,UAAA,EAAA,GALc,OAAO,KAO7B,CACH;AAAA,QAAA,EAAA,CACL;AAAA,MAAA,EAAA,CACJ,IAEA,qBAAC,OAAA,EAAI,WAAU,sCACX,UAAA;AAAA,QAAA,qBAAC,iBAAA,EAAiB,UAAA;AAAA,UAAA,KAAK;AAAA,UAAS;AAAA,QAAA,GAAC;AAAA,QACjC,oBAAC,QAAA,EAAK,WAAU,QAAO,UAAA,SAAK;AAAA,QAC3B,MAAM,OAAO,IAAI,CAAC,MAAM,+BACpB,iBAAA,EACI,UAAA;AAAA,UAAA;AAAA,UACA,CAAC,YAAY,MAAM,SAAS,CAAA,GAAI,KAAK,KAClC,oBAAC,QAAA,EAAK,WAAU,qBAAoB,UAAA,KAAA,CAAE;AAAA,QAAA,KAHxB,OAAO,KAK7B,CACH;AAAA,QACD,oBAAC,QAAA,EAAK,WAAU,QAAO,UAAA,aAAS;AAAA,6BAC/B,iBAAA,EAAiB,UAAA;AAAA,UAAA,KAAK;AAAA,UAAO;AAAA,QAAA,GAAC;AAAA,QAC/B,oBAAC,UAAK,WAAU,mDACZ,8BAAC,cAAA,EAAa,OAAO,KAAK,SAAA,CAAU,EAAA,CACxC;AAAA,MAAA,GACJ;AAAA,IAER,KAAK;AACD,aAAO,UACH,qBAAA,UAAA,EACI,UAAA;AAAA,QAAA,qBAAC,OAAA,EAAI,WAAU,2BACX,UAAA;AAAA,UAAA,oBAAC,iBAAA,EAAiB,eAAK,SAAA,CAAS;AAAA,UAChC,oBAAC,UAAK,WAAU,yBACZ,8BAAC,cAAA,EAAa,OAAO,KAAK,SAAA,CAAU,EAAA,CACxC;AAAA,QAAA,GACJ;AAAA,QACA,qBAAC,OAAA,EAAI,WAAU,QACX,UAAA;AAAA,UAAA,oBAAC,QAAA,EAAK,WAAU,QAAO,UAAA,mBAAe;AAAA,UACtC,oBAAC,iBAAA,EAAiB,UAAA,KAAK,OAAA,CAAO;AAAA,UAC9B,oBAAC,QAAA,EAAK,WAAU,QAAO,UAAA,MAAE;AAAA,+BACxB,iBAAA,EAAiB,UAAA;AAAA,YAAA,MAAM;AAAA,YAAS;AAAA,UAAA,EAAA,CAAC;AAAA,QAAA,EAAA,CACtC;AAAA,MAAA,EAAA,CACJ,yBAEC,OAAA,EACG,UAAA;AAAA,QAAA,qBAAC,iBAAA,EAAiB,UAAA;AAAA,UAAA,KAAK;AAAA,UAAS;AAAA,QAAA,GAAC;AAAA,QACjC,oBAAC,QAAA,EAAK,WAAU,QAAO,UAAA,mBAAe;AAAA,QACtC,oBAAC,iBAAA,EAAiB,UAAA,KAAK,OAAA,CAAO;AAAA,QAC9B,oBAAC,QAAA,EAAK,WAAU,QAAO,UAAA,MAAE;AAAA,6BACxB,iBAAA,EAAiB,UAAA;AAAA,UAAA,KAAK;AAAA,UAAS;AAAA,QAAA,GAAC;AAAA,QACjC,oBAAC,UAAK,WAAU,mDACZ,8BAAC,cAAA,EAAa,OAAO,KAAK,SAAA,CAAU,EAAA,CACxC;AAAA,MAAA,GACJ;AAAA,IAER,KAAK;AACD,aACI,qBAAC,OAAA,EAAI,WAAU,sCACX,UAAA;AAAA,QAAA,qBAAC,iBAAA,EAAiB,UAAA;AAAA,UAAA,KAAK;AAAA,UAAS;AAAA,QAAA,GAAC;AAAA,QACjC,oBAAC,QAAA,EAAK,WAAU,QAAO,UAAA,sBAAkB;AAAA,QACzC,oBAAC,iBAAA,EAAiB,UAAA,KAAK,OAAA,CAAO;AAAA,QAC9B,oBAAC,UAAK,WAAU,mDACZ,8BAAC,cAAA,EAAa,OAAO,KAAK,SAAA,CAAU,EAAA,CACxC;AAAA,MAAA,GACJ;AAAA,IAER;AACI,aAAO;AAAA,EAAA;AAEnB;"}

package/dist/@ecme/components/view/Activity/constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"constants.js","sources":["../../../../../lib/@ecme/components/view/Activity/constants.ts"],"sourcesContent":["export const UPDATE_TICKET = 'UPDATE-TICKET'\r\nexport const COMMENT = 'COMMENT'\r\nexport const ADD_TAGS_TO_TICKET = 'ADD-TAGS-TO-TICKET'\r\nexport const ADD_FILES_TO_TICKET = 'ADD-FILES-TO-TICKET'\r\nexport const COMMENT_MENTION = 'COMMENT-MENTION'\r\nexport const ASSIGN_TICKET = 'ASSIGN-TICKET'\r\nexport const CREATE_TICKET = 'CREATE-TICKET'\r\n\r\nexport const avatarType = [\r\n    UPDATE_TICKET,\r\n    COMMENT,\r\n    COMMENT_MENTION,\r\n    ASSIGN_TICKET,\r\n]\r\nexport const iconType = [ADD_TAGS_TO_TICKET, ADD_FILES_TO_TICKET, CREATE_TICKET]\r\n"],"names":[],"mappings":"AAAO,MAAM,gBAAgB;AACtB,MAAM,UAAU;AAChB,MAAM,qBAAqB;AAC3B,MAAM,sBAAsB;AAC5B,MAAM,kBAAkB;AACxB,MAAM,gBAAgB;AACtB,MAAM,gBAAgB;AAEtB,MAAM,aAAa;AAAA,EACtB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ;AACO,MAAM,WAAW,CAAC,oBAAoB,qBAAqB,aAAa;"}
+{"version":3,"file":"constants.js","sources":["../../../../../lib/@ecme/components/view/Activity/constants.ts"],"sourcesContent":["export const UPDATE_TICKET = 'UPDATE-TICKET'\nexport const COMMENT = 'COMMENT'\nexport const ADD_TAGS_TO_TICKET = 'ADD-TAGS-TO-TICKET'\nexport const ADD_FILES_TO_TICKET = 'ADD-FILES-TO-TICKET'\nexport const COMMENT_MENTION = 'COMMENT-MENTION'\nexport const ASSIGN_TICKET = 'ASSIGN-TICKET'\nexport const CREATE_TICKET = 'CREATE-TICKET'\n\nexport const avatarType = [\n    UPDATE_TICKET,\n    COMMENT,\n    COMMENT_MENTION,\n    ASSIGN_TICKET,\n]\nexport const iconType = [ADD_TAGS_TO_TICKET, ADD_FILES_TO_TICKET, CREATE_TICKET]\n"],"names":[],"mappings":"AAAO,MAAM,gBAAgB;AACtB,MAAM,UAAU;AAChB,MAAM,qBAAqB;AAC3B,MAAM,sBAAsB;AAC5B,MAAM,kBAAkB;AACxB,MAAM,gBAAgB;AACtB,MAAM,gBAAgB;AAEtB,MAAM,aAAa;AAAA,EACtB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ;AACO,MAAM,WAAW,CAAC,oBAAoB,qBAAqB,aAAa;"}

package/dist/@ecme/components/view/BaseView.js.map

@@ -1 +1 @@
-{"version":3,"file":"BaseView.js","sources":["../../../../lib/@ecme/components/view/BaseView.tsx"],"sourcesContent":["import { Fragment, Suspense } from 'react'\r\nimport Spinner from '@/components/ui/Spinner'\r\nimport { Routes, Route, Navigate } from 'react-router-dom'\r\n\r\nimport type { LazyExoticComponent, JSX } from 'react'\r\n\r\nexport type ModuleRouteNav = {\r\n    path: string\r\n    label: string\r\n    component: LazyExoticComponent<() => JSX.Element>\r\n}\r\n\r\nexport type ModuleRoute = {\r\n    groupName: string\r\n    nav: ModuleRouteNav[]\r\n}\r\n\r\nconst BaseView = ({\r\n    moduleRoutes,\r\n    ModuleWrapper,\r\n}: {\r\n    moduleRoutes: ModuleRoute[]\r\n    ModuleWrapper?: ({\r\n        title,\r\n        children,\r\n    }: {\r\n        title: string\r\n        children: JSX.Element\r\n    }) => JSX.Element\r\n}) => {\r\n    const Wrapper = ModuleWrapper || (({ children }) => <>{children}</>)\r\n\r\n    return (\r\n        <Routes>\r\n            {moduleRoutes.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=\"flex h-full w-full items-center justify-center\">\r\n                                            <Spinner size={40} />\r\n                                        </div>\r\n                                    }\r\n                                >\r\n                                    <Wrapper title={label}>\r\n                                        <Component />\r\n                                    </Wrapper>\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 BaseView\r\n"],"names":["Fragment"],"mappings":";;;;;AAiBA,MAAM,WAAW,CAAC;AAAA,EACd;AAAA,EACA;AACJ,MASM;AACF,QAAM,UAAU,kBAAkB,CAAC,EAAE,SAAA,sCAAkB,SAAA,CAAS;AAEhE,8BACK,QAAA,EACI,UAAA;AAAA,IAAA,aAAa,IAAI,CAAC,UACf,oBAACA,YAAA,EACI,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,SAAA,EAAQ,OAAO,OACZ,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":"BaseView.js","sources":["../../../../lib/@ecme/components/view/BaseView.tsx"],"sourcesContent":["import { Fragment, Suspense } from 'react'\nimport Spinner from '@/components/ui/Spinner'\nimport { Routes, Route, Navigate } from 'react-router-dom'\n\nimport type { LazyExoticComponent, JSX } from 'react'\n\nexport type ModuleRouteNav = {\n    path: string\n    label: string\n    component: LazyExoticComponent<() => JSX.Element>\n}\n\nexport type ModuleRoute = {\n    groupName: string\n    nav: ModuleRouteNav[]\n}\n\nconst BaseView = ({\n    moduleRoutes,\n    ModuleWrapper,\n}: {\n    moduleRoutes: ModuleRoute[]\n    ModuleWrapper?: ({\n        title,\n        children,\n    }: {\n        title: string\n        children: JSX.Element\n    }) => JSX.Element\n}) => {\n    const Wrapper = ModuleWrapper || (({ children }) => <>{children}</>)\n\n    return (\n        <Routes>\n            {moduleRoutes.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=\"flex h-full w-full items-center justify-center\">\n                                            <Spinner size={40} />\n                                        </div>\n                                    }\n                                >\n                                    <Wrapper title={label}>\n                                        <Component />\n                                    </Wrapper>\n                                </Suspense>\n                            }\n                        />\n                    ))}\n                </Fragment>\n            ))}\n            <Route path=\"*\" element={<Navigate replace to=\"/\" />} />\n        </Routes>\n    )\n}\n\nexport default BaseView\n"],"names":["Fragment"],"mappings":";;;;;AAiBA,MAAM,WAAW,CAAC;AAAA,EACd;AAAA,EACA;AACJ,MASM;AACF,QAAM,UAAU,kBAAkB,CAAC,EAAE,SAAA,sCAAkB,SAAA,CAAS;AAEhE,8BACK,QAAA,EACI,UAAA;AAAA,IAAA,aAAa,IAAI,CAAC,UACf,oBAACA,YAAA,EACI,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,SAAA,EAAQ,OAAO,OACZ,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;"}

package/dist/@ecme/components/view/ChatBox/ChatBox.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChatBox.js","sources":["../../../../../lib/@ecme/components/view/ChatBox/ChatBox.tsx"],"sourcesContent":["import ChatContainer from './components/ChatContainer'\r\nimport MessageList from './components/MessageList'\r\nimport ChatInput from './components/ChatInput'\r\nimport type { MessageListProps } from './components/MessageList'\r\nimport type { ChatContainerProps } from './components/ChatContainer'\r\nimport type { ChatInputProps } from './components/ChatInput'\r\nimport type { ReactNode } from 'react'\r\nimport { forwardRef } from 'react'\r\nimport type { ScrollBarRef } from '@/components/ui/ScrollBar'\r\n\r\nexport type MessageList = MessageListProps['list']\r\n\r\nexport type ChatBoxProps = {\r\n    messageList: MessageList\r\n    header?: ChatContainerProps['header']\r\n    showMessageList?: boolean\r\n    children?: ReactNode\r\n    containerClass?: string\r\n} & Omit<MessageListProps, 'list'> &\r\n    ChatInputProps\r\n\r\nconst ChatBox = forwardRef<ScrollBarRef, ChatBoxProps>((props, ref) => {\r\n    const {\r\n        messageList,\r\n        showMessageList = true,\r\n        children,\r\n        header,\r\n        placeholder,\r\n        onInputChange,\r\n        showAvatar,\r\n        avatarGap,\r\n        customRenderer,\r\n        customAction,\r\n        bubbleClass,\r\n        typing,\r\n        messageListClass,\r\n        containerClass,\r\n    } = props\r\n\r\n    return (\r\n        <ChatContainer\r\n            className={containerClass}\r\n            header={header}\r\n            input={\r\n                <ChatInput\r\n                    placeholder={placeholder}\r\n                    onInputChange={onInputChange}\r\n                />\r\n            }\r\n        >\r\n            {showMessageList && (\r\n                <MessageList\r\n                    ref={ref}\r\n                    list={messageList}\r\n                    showAvatar={showAvatar}\r\n                    avatarGap={avatarGap}\r\n                    customRenderer={customRenderer}\r\n                    customAction={customAction}\r\n                    typing={typing}\r\n                    messageListClass={messageListClass}\r\n                    bubbleClass={bubbleClass}\r\n                />            )}\r\n            {children}\r\n        </ChatContainer>\r\n    )\r\n})\r\n\r\nChatBox.displayName = 'ChatBox'\r\n\r\nexport default ChatBox\r\n"],"names":[],"mappings":";;;;;AAqBA,MAAM,UAAU,WAAuC,CAAC,OAAO,QAAQ;AACnE,QAAM;AAAA,IACF;AAAA,IACA,kBAAkB;AAAA,IAClB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,IACA;AAEJ,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAW;AAAA,MACX;AAAA,MACA,OACI;AAAA,QAAC;AAAA,QAAA;AAAA,UACG;AAAA,UACA;AAAA,QAAA;AAAA,MAAA;AAAA,MAIP,UAAA;AAAA,QAAA,mBACG;AAAA,UAAC;AAAA,UAAA;AAAA,YACG;AAAA,YACA,MAAM;AAAA,YACN;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,UAAA;AAAA,QAAA;AAAA,QAEP;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGb,CAAC;AAED,QAAQ,cAAc;"}
+{"version":3,"file":"ChatBox.js","sources":["../../../../../lib/@ecme/components/view/ChatBox/ChatBox.tsx"],"sourcesContent":["import ChatContainer from './components/ChatContainer'\nimport MessageList from './components/MessageList'\nimport ChatInput from './components/ChatInput'\nimport type { MessageListProps } from './components/MessageList'\nimport type { ChatContainerProps } from './components/ChatContainer'\nimport type { ChatInputProps } from './components/ChatInput'\nimport type { ReactNode } from 'react'\nimport { forwardRef } from 'react'\nimport type { ScrollBarRef } from '@/components/ui/ScrollBar'\n\nexport type MessageList = MessageListProps['list']\n\nexport type ChatBoxProps = {\n    messageList: MessageList\n    header?: ChatContainerProps['header']\n    showMessageList?: boolean\n    children?: ReactNode\n    containerClass?: string\n} & Omit<MessageListProps, 'list'> &\n    ChatInputProps\n\nconst ChatBox = forwardRef<ScrollBarRef, ChatBoxProps>((props, ref) => {\n    const {\n        messageList,\n        showMessageList = true,\n        children,\n        header,\n        placeholder,\n        onInputChange,\n        showAvatar,\n        avatarGap,\n        customRenderer,\n        customAction,\n        bubbleClass,\n        typing,\n        messageListClass,\n        containerClass,\n    } = props\n\n    return (\n        <ChatContainer\n            className={containerClass}\n            header={header}\n            input={\n                <ChatInput\n                    placeholder={placeholder}\n                    onInputChange={onInputChange}\n                />\n            }\n        >\n            {showMessageList && (\n                <MessageList\n                    ref={ref}\n                    list={messageList}\n                    showAvatar={showAvatar}\n                    avatarGap={avatarGap}\n                    customRenderer={customRenderer}\n                    customAction={customAction}\n                    typing={typing}\n                    messageListClass={messageListClass}\n                    bubbleClass={bubbleClass}\n                />            )}\n            {children}\n        </ChatContainer>\n    )\n})\n\nChatBox.displayName = 'ChatBox'\n\nexport default ChatBox\n"],"names":[],"mappings":";;;;;AAqBA,MAAM,UAAU,WAAuC,CAAC,OAAO,QAAQ;AACnE,QAAM;AAAA,IACF;AAAA,IACA,kBAAkB;AAAA,IAClB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,IACA;AAEJ,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAW;AAAA,MACX;AAAA,MACA,OACI;AAAA,QAAC;AAAA,QAAA;AAAA,UACG;AAAA,UACA;AAAA,QAAA;AAAA,MAAA;AAAA,MAIP,UAAA;AAAA,QAAA,mBACG;AAAA,UAAC;AAAA,UAAA;AAAA,YACG;AAAA,YACA,MAAM;AAAA,YACN;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,UAAA;AAAA,QAAA;AAAA,QAEP;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGb,CAAC;AAED,QAAQ,cAAc;"}

package/dist/@ecme/components/view/ChatBox/components/Attachment.js.map

@@ -1 +1 @@
-{"version":3,"file":"Attachment.js","sources":["../../../../../../lib/@ecme/components/view/ChatBox/components/Attachment.tsx"],"sourcesContent":["import fileSizeUnit from '@/utils/fileSizeUnit'\r\nimport { TbFile } from 'react-icons/tb'\r\n\r\nexport type AttatchmentProps = {\r\n    attachments?: Array<{\r\n        type: 'image' | 'video' | 'audio' | 'misc'\r\n        source: File\r\n        mediaUrl: string\r\n    }>\r\n}\r\n\r\nconst Attachment = ({ attachments }: AttatchmentProps) => {\r\n    return (\r\n        <div className=\"flex flex-col\">\r\n            {attachments &&\r\n                attachments.map((attachment, index) => {\r\n                    const key = attachment.mediaUrl + index\r\n\r\n                    if (attachment.type === 'image') {\r\n                        return (\r\n                            <div key={key}>\r\n                                <img\r\n                                    className=\"rounded-xl my-2\"\r\n                                    src={attachment.mediaUrl}\r\n                                    alt=\"\"\r\n                                />\r\n                            </div>\r\n                        )\r\n                    }\r\n\r\n                    if (attachment.type === 'video') {\r\n                        return (\r\n                            <div key={key}>\r\n                                <a\r\n                                    href={attachment.mediaUrl}\r\n                                    target=\"_blank\"\r\n                                    rel=\"noreferrer\"\r\n                                >\r\n                                    <video\r\n                                        className=\"rounded-xl my-2\"\r\n                                        src={attachment.mediaUrl}\r\n                                    />\r\n                                </a>\r\n                            </div>\r\n                        )\r\n                    }\r\n\r\n                    if (attachment.type === 'audio') {\r\n                        return (\r\n                            <div key={key}>\r\n                                <audio controls>\r\n                                    <source src={attachment.mediaUrl} />\r\n                                    Your browser does not support the audio\r\n                                    element.\r\n                                </audio>\r\n                            </div>\r\n                        )\r\n                    }\r\n\r\n                    return (\r\n                        <a\r\n                            key={key}\r\n                            download\r\n                            className=\"flex items-center gap-2 p-2 rounded-xl border border-gray-300 dark:border-gray-600 min-w-[250px] bg-white dark:bg-gray-600 my-2 no-underline\"\r\n                            href={attachment.mediaUrl}\r\n                        >\r\n                            <TbFile className=\"text-3xl heading-text\" />\r\n                            <div>\r\n                                <div className=\"heading-text font-bold\">\r\n                                    {attachment.source?.name}\r\n                                </div>\r\n                                <div className=\"heading-text\">\r\n                                    {fileSizeUnit(attachment.source?.size)}\r\n                                </div>\r\n                            </div>\r\n                        </a>\r\n                    )\r\n                })}\r\n        </div>\r\n    )\r\n}\r\n\r\nexport default Attachment\r\n"],"names":[],"mappings":";;;AAWA,MAAM,aAAa,CAAC,EAAE,kBAAoC;AACtD,SACI,oBAAC,SAAI,WAAU,iBACV,yBACG,YAAY,IAAI,CAAC,YAAY,UAAU;AACnC,UAAM,MAAM,WAAW,WAAW;AAElC,QAAI,WAAW,SAAS,SAAS;AAC7B,iCACK,OAAA,EACG,UAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,WAAU;AAAA,UACV,KAAK,WAAW;AAAA,UAChB,KAAI;AAAA,QAAA;AAAA,MAAA,KAJF,GAMV;AAAA,IAER;AAEA,QAAI,WAAW,SAAS,SAAS;AAC7B,iCACK,OAAA,EACG,UAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,MAAM,WAAW;AAAA,UACjB,QAAO;AAAA,UACP,KAAI;AAAA,UAEJ,UAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACG,WAAU;AAAA,cACV,KAAK,WAAW;AAAA,YAAA;AAAA,UAAA;AAAA,QACpB;AAAA,MAAA,KATE,GAWV;AAAA,IAER;AAEA,QAAI,WAAW,SAAS,SAAS;AAC7B,aACI,oBAAC,OAAA,EACG,UAAA,qBAAC,SAAA,EAAM,UAAQ,MACX,UAAA;AAAA,QAAA,oBAAC,UAAA,EAAO,KAAK,WAAW,SAAA,CAAU;AAAA,QAAE;AAAA,MAAA,EAAA,CAGxC,KALM,GAMV;AAAA,IAER;AAEA,WACI;AAAA,MAAC;AAAA,MAAA;AAAA,QAEG,UAAQ;AAAA,QACR,WAAU;AAAA,QACV,MAAM,WAAW;AAAA,QAEjB,UAAA;AAAA,UAAA,oBAAC,QAAA,EAAO,WAAU,wBAAA,CAAwB;AAAA,+BACzC,OAAA,EACG,UAAA;AAAA,YAAA,oBAAC,OAAA,EAAI,WAAU,0BACV,UAAA,WAAW,QAAQ,MACxB;AAAA,YACA,oBAAC,SAAI,WAAU,gBACV,uBAAa,WAAW,QAAQ,IAAI,EAAA,CACzC;AAAA,UAAA,EAAA,CACJ;AAAA,QAAA;AAAA,MAAA;AAAA,MAbK;AAAA,IAAA;AAAA,EAgBjB,CAAC,EAAA,CACT;AAER;"}
+{"version":3,"file":"Attachment.js","sources":["../../../../../../lib/@ecme/components/view/ChatBox/components/Attachment.tsx"],"sourcesContent":["import fileSizeUnit from '@/utils/fileSizeUnit'\nimport { TbFile } from 'react-icons/tb'\n\nexport type AttatchmentProps = {\n    attachments?: Array<{\n        type: 'image' | 'video' | 'audio' | 'misc'\n        source: File\n        mediaUrl: string\n    }>\n}\n\nconst Attachment = ({ attachments }: AttatchmentProps) => {\n    return (\n        <div className=\"flex flex-col\">\n            {attachments &&\n                attachments.map((attachment, index) => {\n                    const key = attachment.mediaUrl + index\n\n                    if (attachment.type === 'image') {\n                        return (\n                            <div key={key}>\n                                <img\n                                    className=\"rounded-xl my-2\"\n                                    src={attachment.mediaUrl}\n                                    alt=\"\"\n                                />\n                            </div>\n                        )\n                    }\n\n                    if (attachment.type === 'video') {\n                        return (\n                            <div key={key}>\n                                <a\n                                    href={attachment.mediaUrl}\n                                    target=\"_blank\"\n                                    rel=\"noreferrer\"\n                                >\n                                    <video\n                                        className=\"rounded-xl my-2\"\n                                        src={attachment.mediaUrl}\n                                    />\n                                </a>\n                            </div>\n                        )\n                    }\n\n                    if (attachment.type === 'audio') {\n                        return (\n                            <div key={key}>\n                                <audio controls>\n                                    <source src={attachment.mediaUrl} />\n                                    Your browser does not support the audio\n                                    element.\n                                </audio>\n                            </div>\n                        )\n                    }\n\n                    return (\n                        <a\n                            key={key}\n                            download\n                            className=\"flex items-center gap-2 p-2 rounded-xl border border-gray-300 dark:border-gray-600 min-w-[250px] bg-white dark:bg-gray-600 my-2 no-underline\"\n                            href={attachment.mediaUrl}\n                        >\n                            <TbFile className=\"text-3xl heading-text\" />\n                            <div>\n                                <div className=\"heading-text font-bold\">\n                                    {attachment.source?.name}\n                                </div>\n                                <div className=\"heading-text\">\n                                    {fileSizeUnit(attachment.source?.size)}\n                                </div>\n                            </div>\n                        </a>\n                    )\n                })}\n        </div>\n    )\n}\n\nexport default Attachment\n"],"names":[],"mappings":";;;AAWA,MAAM,aAAa,CAAC,EAAE,kBAAoC;AACtD,SACI,oBAAC,SAAI,WAAU,iBACV,yBACG,YAAY,IAAI,CAAC,YAAY,UAAU;AACnC,UAAM,MAAM,WAAW,WAAW;AAElC,QAAI,WAAW,SAAS,SAAS;AAC7B,iCACK,OAAA,EACG,UAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,WAAU;AAAA,UACV,KAAK,WAAW;AAAA,UAChB,KAAI;AAAA,QAAA;AAAA,MAAA,KAJF,GAMV;AAAA,IAER;AAEA,QAAI,WAAW,SAAS,SAAS;AAC7B,iCACK,OAAA,EACG,UAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,MAAM,WAAW;AAAA,UACjB,QAAO;AAAA,UACP,KAAI;AAAA,UAEJ,UAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACG,WAAU;AAAA,cACV,KAAK,WAAW;AAAA,YAAA;AAAA,UAAA;AAAA,QACpB;AAAA,MAAA,KATE,GAWV;AAAA,IAER;AAEA,QAAI,WAAW,SAAS,SAAS;AAC7B,aACI,oBAAC,OAAA,EACG,UAAA,qBAAC,SAAA,EAAM,UAAQ,MACX,UAAA;AAAA,QAAA,oBAAC,UAAA,EAAO,KAAK,WAAW,SAAA,CAAU;AAAA,QAAE;AAAA,MAAA,EAAA,CAGxC,KALM,GAMV;AAAA,IAER;AAEA,WACI;AAAA,MAAC;AAAA,MAAA;AAAA,QAEG,UAAQ;AAAA,QACR,WAAU;AAAA,QACV,MAAM,WAAW;AAAA,QAEjB,UAAA;AAAA,UAAA,oBAAC,QAAA,EAAO,WAAU,wBAAA,CAAwB;AAAA,+BACzC,OAAA,EACG,UAAA;AAAA,YAAA,oBAAC,OAAA,EAAI,WAAU,0BACV,UAAA,WAAW,QAAQ,MACxB;AAAA,YACA,oBAAC,SAAI,WAAU,gBACV,uBAAa,WAAW,QAAQ,IAAI,EAAA,CACzC;AAAA,UAAA,EAAA,CACJ;AAAA,QAAA;AAAA,MAAA;AAAA,MAbK;AAAA,IAAA;AAAA,EAgBjB,CAAC,EAAA,CACT;AAER;"}

package/dist/@ecme/components/view/ChatBox/components/ChatContainer.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChatContainer.js","sources":["../../../../../../lib/@ecme/components/view/ChatBox/components/ChatContainer.tsx"],"sourcesContent":["import type { ReactNode } from 'react'\r\nimport type { CommonProps } from '@/@types/common'\r\nimport classNames from '@/utils/classNames'\r\n\r\nexport interface ChatContainerProps extends CommonProps {\r\n    header?: ReactNode\r\n    input?: ReactNode\r\n}\r\n\r\nconst ChatContainer = (props: ChatContainerProps) => {\r\n    const { header, children, className, input } = props\r\n\r\n    return (\r\n        <div\r\n            className={classNames(\r\n                'h-full flex flex-col justify-between',\r\n                className,\r\n            )}\r\n        >\r\n            {header}\r\n            {children}\r\n            {input}\r\n        </div>\r\n    )\r\n}\r\n\r\nexport default ChatContainer\r\n"],"names":[],"mappings":";;AASA,MAAM,gBAAgB,CAAC,UAA8B;AACjD,QAAM,EAAE,QAAQ,UAAU,WAAW,UAAU;AAE/C,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAW;AAAA,QACP;AAAA,QACA;AAAA,MAAA;AAAA,MAGH,UAAA;AAAA,QAAA;AAAA,QACA;AAAA,QACA;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGb;"}
+{"version":3,"file":"ChatContainer.js","sources":["../../../../../../lib/@ecme/components/view/ChatBox/components/ChatContainer.tsx"],"sourcesContent":["import type { ReactNode } from 'react'\nimport type { CommonProps } from '@/@types/common'\nimport classNames from '@/utils/classNames'\n\nexport interface ChatContainerProps extends CommonProps {\n    header?: ReactNode\n    input?: ReactNode\n}\n\nconst ChatContainer = (props: ChatContainerProps) => {\n    const { header, children, className, input } = props\n\n    return (\n        <div\n            className={classNames(\n                'h-full flex flex-col justify-between',\n                className,\n            )}\n        >\n            {header}\n            {children}\n            {input}\n        </div>\n    )\n}\n\nexport default ChatContainer\n"],"names":[],"mappings":";;AASA,MAAM,gBAAgB,CAAC,UAA8B;AACjD,QAAM,EAAE,QAAQ,UAAU,WAAW,UAAU;AAE/C,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAW;AAAA,QACP;AAAA,QACA;AAAA,MAAA;AAAA,MAGH,UAAA;AAAA,QAAA;AAAA,QACA;AAAA,QACA;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGb;"}

package/dist/@ecme/components/view/ChatBox/components/ChatInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChatInput.js","sources":["../../../../../../lib/@ecme/components/view/ChatBox/components/ChatInput.tsx"],"sourcesContent":["import { useState, useRef } from 'react'\r\nimport Button from '@/components/ui/Button'\r\nimport Upload from '@/components/ui/Upload'\r\nimport hooks from '@/components/ui/hooks'\r\nimport { TbPhotoPlus, TbArrowRight } from 'react-icons/tb'\r\nimport type { KeyboardEvent, Ref } from 'react'\r\n\r\nexport type ChatInputProps = {\r\n    placeholder?: string\r\n    onInputChange?: (payload: { value: string; attachments: File[] }) => void\r\n    ref?: Ref<HTMLInputElement>\r\n}\r\n\r\nconst { useMergeRef } = hooks\r\n\r\nconst ChatInput = (props: ChatInputProps) => {\r\n    const [attachments, setAttachments] = useState<File[]>([])\r\n\r\n    const { placeholder, onInputChange, ref = null } = props\r\n\r\n    const inputRef = useRef<HTMLInputElement>(null)\r\n\r\n    const handleInputClear = () => {\r\n        if (inputRef.current) {\r\n            inputRef.current.value = ''\r\n        }\r\n        setAttachments([])\r\n    }\r\n\r\n    const handleChange = () => {\r\n        if (inputRef.current?.value) {\r\n            onInputChange?.({\r\n                value: inputRef.current?.value || '',\r\n                attachments,\r\n            })\r\n            handleInputClear()\r\n        }\r\n    }\r\n\r\n    const handleKeyDown = (event: KeyboardEvent<HTMLInputElement>) => {\r\n        if (event.key === 'Enter') {\r\n            onInputChange?.({\r\n                value: inputRef.current?.value || '',\r\n                attachments,\r\n            })\r\n            handleInputClear()\r\n        }\r\n    }\r\n\r\n    return (\r\n        <div className=\"border-2 border-gray-200 dark:border-gray-700 rounded-xl min-h-[50px] px-3 flex flex-col\">\r\n            {attachments.length > 0 && (\r\n                <Upload\r\n                    fileList={attachments}\r\n                    fileListClass=\"flex gap-4\"\r\n                    fileItemClass=\"flex gap-8\"\r\n                    onFileRemove={setAttachments}\r\n                >\r\n                    <></>\r\n                </Upload>\r\n            )}\r\n            <div className=\"flex items-center gap-2 w-full h-[50px]\">\r\n                <Upload\r\n                    fileList={attachments}\r\n                    showList={false}\r\n                    onChange={setAttachments}\r\n                >\r\n                    <button\r\n                        className=\"text-xl heading-text hover:text-primary px-1 py-2\"\r\n                        type=\"button\"\r\n                    >\r\n                        <TbPhotoPlus />\r\n                    </button>\r\n                </Upload>\r\n                <input\r\n                    ref={useMergeRef(inputRef, ref)}\r\n                    className=\"flex-1 h-full placeholder:text-gray-400 bg-transparent focus:outline-none heading-text\"\r\n                    placeholder={placeholder}\r\n                    onKeyDown={handleKeyDown}\r\n                />\r\n                <Button\r\n                    size=\"xs\"\r\n                    shape=\"circle\"\r\n                    variant=\"solid\"\r\n                    icon={<TbArrowRight />}\r\n                    onClick={handleChange}\r\n                />\r\n            </div>\r\n        </div>\r\n    )\r\n}\r\n\r\nexport default ChatInput\r\n"],"names":[],"mappings":";;;;;;;;AAaA,MAAM,EAAE,gBAAgB;AAExB,MAAM,YAAY,CAAC,UAA0B;AACzC,QAAM,CAAC,aAAa,cAAc,IAAI,SAAiB,CAAA,CAAE;AAEzD,QAAM,EAAE,aAAa,eAAe,MAAM,SAAS;AAEnD,QAAM,WAAW,OAAyB,IAAI;AAE9C,QAAM,mBAAmB,MAAM;AAC3B,QAAI,SAAS,SAAS;AAClB,eAAS,QAAQ,QAAQ;AAAA,IAC7B;AACA,mBAAe,CAAA,CAAE;AAAA,EACrB;AAEA,QAAM,eAAe,MAAM;AACvB,QAAI,SAAS,SAAS,OAAO;AACzB,sBAAgB;AAAA,QACZ,OAAO,SAAS,SAAS,SAAS;AAAA,QAClC;AAAA,MAAA,CACH;AACD,uBAAA;AAAA,IACJ;AAAA,EACJ;AAEA,QAAM,gBAAgB,CAAC,UAA2C;AAC9D,QAAI,MAAM,QAAQ,SAAS;AACvB,sBAAgB;AAAA,QACZ,OAAO,SAAS,SAAS,SAAS;AAAA,QAClC;AAAA,MAAA,CACH;AACD,uBAAA;AAAA,IACJ;AAAA,EACJ;AAEA,SACI,qBAAC,OAAA,EAAI,WAAU,4FACV,UAAA;AAAA,IAAA,YAAY,SAAS,KAClB;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,UAAU;AAAA,QACV,eAAc;AAAA,QACd,eAAc;AAAA,QACd,cAAc;AAAA,QAEd,UAAA,oBAAA,UAAA,CAAA,CAAE;AAAA,MAAA;AAAA,IAAA;AAAA,IAGV,qBAAC,OAAA,EAAI,WAAU,2CACX,UAAA;AAAA,MAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,UAAU;AAAA,UACV,UAAU;AAAA,UACV,UAAU;AAAA,UAEV,UAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACG,WAAU;AAAA,cACV,MAAK;AAAA,cAEL,8BAAC,aAAA,CAAA,CAAY;AAAA,YAAA;AAAA,UAAA;AAAA,QACjB;AAAA,MAAA;AAAA,MAEJ;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,KAAK,YAAY,UAAU,GAAG;AAAA,UAC9B,WAAU;AAAA,UACV;AAAA,UACA,WAAW;AAAA,QAAA;AAAA,MAAA;AAAA,MAEf;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,MAAK;AAAA,UACL,OAAM;AAAA,UACN,SAAQ;AAAA,UACR,0BAAO,cAAA,EAAa;AAAA,UACpB,SAAS;AAAA,QAAA;AAAA,MAAA;AAAA,IACb,EAAA,CACJ;AAAA,EAAA,GACJ;AAER;"}
+{"version":3,"file":"ChatInput.js","sources":["../../../../../../lib/@ecme/components/view/ChatBox/components/ChatInput.tsx"],"sourcesContent":["import { useState, useRef } from 'react'\nimport Button from '@/components/ui/Button'\nimport Upload from '@/components/ui/Upload'\nimport hooks from '@/components/ui/hooks'\nimport { TbPhotoPlus, TbArrowRight } from 'react-icons/tb'\nimport type { KeyboardEvent, Ref } from 'react'\n\nexport type ChatInputProps = {\n    placeholder?: string\n    onInputChange?: (payload: { value: string; attachments: File[] }) => void\n    ref?: Ref<HTMLInputElement>\n}\n\nconst { useMergeRef } = hooks\n\nconst ChatInput = (props: ChatInputProps) => {\n    const [attachments, setAttachments] = useState<File[]>([])\n\n    const { placeholder, onInputChange, ref = null } = props\n\n    const inputRef = useRef<HTMLInputElement>(null)\n\n    const handleInputClear = () => {\n        if (inputRef.current) {\n            inputRef.current.value = ''\n        }\n        setAttachments([])\n    }\n\n    const handleChange = () => {\n        if (inputRef.current?.value) {\n            onInputChange?.({\n                value: inputRef.current?.value || '',\n                attachments,\n            })\n            handleInputClear()\n        }\n    }\n\n    const handleKeyDown = (event: KeyboardEvent<HTMLInputElement>) => {\n        if (event.key === 'Enter') {\n            onInputChange?.({\n                value: inputRef.current?.value || '',\n                attachments,\n            })\n            handleInputClear()\n        }\n    }\n\n    return (\n        <div className=\"border-2 border-gray-200 dark:border-gray-700 rounded-xl min-h-[50px] px-3 flex flex-col\">\n            {attachments.length > 0 && (\n                <Upload\n                    fileList={attachments}\n                    fileListClass=\"flex gap-4\"\n                    fileItemClass=\"flex gap-8\"\n                    onFileRemove={setAttachments}\n                >\n                    <></>\n                </Upload>\n            )}\n            <div className=\"flex items-center gap-2 w-full h-[50px]\">\n                <Upload\n                    fileList={attachments}\n                    showList={false}\n                    onChange={setAttachments}\n                >\n                    <button\n                        className=\"text-xl heading-text hover:text-primary px-1 py-2\"\n                        type=\"button\"\n                    >\n                        <TbPhotoPlus />\n                    </button>\n                </Upload>\n                <input\n                    ref={useMergeRef(inputRef, ref)}\n                    className=\"flex-1 h-full placeholder:text-gray-400 bg-transparent focus:outline-none heading-text\"\n                    placeholder={placeholder}\n                    onKeyDown={handleKeyDown}\n                />\n                <Button\n                    size=\"xs\"\n                    shape=\"circle\"\n                    variant=\"solid\"\n                    icon={<TbArrowRight />}\n                    onClick={handleChange}\n                />\n            </div>\n        </div>\n    )\n}\n\nexport default ChatInput\n"],"names":[],"mappings":";;;;;;;;AAaA,MAAM,EAAE,gBAAgB;AAExB,MAAM,YAAY,CAAC,UAA0B;AACzC,QAAM,CAAC,aAAa,cAAc,IAAI,SAAiB,CAAA,CAAE;AAEzD,QAAM,EAAE,aAAa,eAAe,MAAM,SAAS;AAEnD,QAAM,WAAW,OAAyB,IAAI;AAE9C,QAAM,mBAAmB,MAAM;AAC3B,QAAI,SAAS,SAAS;AAClB,eAAS,QAAQ,QAAQ;AAAA,IAC7B;AACA,mBAAe,CAAA,CAAE;AAAA,EACrB;AAEA,QAAM,eAAe,MAAM;AACvB,QAAI,SAAS,SAAS,OAAO;AACzB,sBAAgB;AAAA,QACZ,OAAO,SAAS,SAAS,SAAS;AAAA,QAClC;AAAA,MAAA,CACH;AACD,uBAAA;AAAA,IACJ;AAAA,EACJ;AAEA,QAAM,gBAAgB,CAAC,UAA2C;AAC9D,QAAI,MAAM,QAAQ,SAAS;AACvB,sBAAgB;AAAA,QACZ,OAAO,SAAS,SAAS,SAAS;AAAA,QAClC;AAAA,MAAA,CACH;AACD,uBAAA;AAAA,IACJ;AAAA,EACJ;AAEA,SACI,qBAAC,OAAA,EAAI,WAAU,4FACV,UAAA;AAAA,IAAA,YAAY,SAAS,KAClB;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,UAAU;AAAA,QACV,eAAc;AAAA,QACd,eAAc;AAAA,QACd,cAAc;AAAA,QAEd,UAAA,oBAAA,UAAA,CAAA,CAAE;AAAA,MAAA;AAAA,IAAA;AAAA,IAGV,qBAAC,OAAA,EAAI,WAAU,2CACX,UAAA;AAAA,MAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,UAAU;AAAA,UACV,UAAU;AAAA,UACV,UAAU;AAAA,UAEV,UAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACG,WAAU;AAAA,cACV,MAAK;AAAA,cAEL,8BAAC,aAAA,CAAA,CAAY;AAAA,YAAA;AAAA,UAAA;AAAA,QACjB;AAAA,MAAA;AAAA,MAEJ;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,KAAK,YAAY,UAAU,GAAG;AAAA,UAC9B,WAAU;AAAA,UACV;AAAA,UACA,WAAW;AAAA,QAAA;AAAA,MAAA;AAAA,MAEf;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,MAAK;AAAA,UACL,OAAM;AAAA,UACN,SAAQ;AAAA,UACR,0BAAO,cAAA,EAAa;AAAA,UACpB,SAAS;AAAA,QAAA;AAAA,MAAA;AAAA,IACb,EAAA,CACJ;AAAA,EAAA,GACJ;AAER;"}

package/dist/@ecme/components/view/ChatBox/components/Message.js.map

@@ -1 +1 @@
-{"version":3,"file":"Message.js","sources":["../../../../../../lib/@ecme/components/view/ChatBox/components/Message.tsx"],"sourcesContent":["import Avatar from '@/components/ui/Avatar'\r\nimport Attachment from './Attachment'\r\nimport classNames from '@/utils/classNames'\r\nimport type { ReactNode } from 'react'\r\n\r\nexport type MessageProps = {\r\n    id: string\r\n    sender: {\r\n        id: string\r\n        name: string\r\n        avatarImageUrl?: string\r\n    }\r\n    content?: string | ReactNode\r\n    timestamp?: Date | number\r\n    type: 'regular' | 'reply' | 'deleted' | 'divider'\r\n    attachments?: Array<{\r\n        type: 'image' | 'video' | 'audio' | 'misc'\r\n        source: File\r\n        mediaUrl: string\r\n    }>\r\n    showAvatar?: boolean\r\n    isMyMessage?: boolean\r\n    avatarGap?: boolean\r\n    bubbleClass?: string\r\n    customRenderer?: () => string | ReactNode\r\n    customAction?: () => string | ReactNode\r\n}\r\n\r\nconst Message = (props: MessageProps) => {\r\n    const {\r\n        attachments,\r\n        content,\r\n        showAvatar = true,\r\n        avatarGap,\r\n        isMyMessage,\r\n        sender,\r\n        type,\r\n        customRenderer,\r\n        customAction,\r\n        bubbleClass,\r\n    } = props\r\n\r\n    return (\r\n        <>\r\n            {type === 'divider' ? (\r\n                <></>\r\n            ) : (\r\n                <div\r\n                    className={classNames('flex', isMyMessage && 'justify-end')}\r\n                >\r\n                    <div className=\"flex flex-col\">\r\n                        <div\r\n                            className={classNames(\r\n                                'inline-flex items-end gap-2',\r\n                                isMyMessage && 'justify-end flex-row-reverse',\r\n                            )}\r\n                        >\r\n                            {showAvatar && (\r\n                                <div className={classNames('w-[35px]')}>\r\n                                    {avatarGap && (\r\n                                        <Avatar\r\n                                            src={sender.avatarImageUrl}\r\n                                            size={35}\r\n                                        />\r\n                                    )}\r\n                                </div>\r\n                            )}\r\n                            <div\r\n                                className={classNames(\r\n                                    'bubble flex flex-col justify-center h-full max-w-[750px] rounded-xl px-5 py-2.5 bg-gray-100 dark:bg-gray-700 prose text-sm text-gray-900 dark:text-gray-100',\r\n                                    bubbleClass,\r\n                                )}\r\n                            >\r\n                                {customRenderer ? (\r\n                                    customRenderer()\r\n                                ) : (\r\n                                    <>\r\n                                        {attachments &&\r\n                                            attachments?.length > 0 && (\r\n                                                <Attachment\r\n                                                    attachments={attachments}\r\n                                                />\r\n                                            )}\r\n                                        {content}\r\n                                    </>\r\n                                )}\r\n                            </div>\r\n                        </div>\r\n                        {customAction && (\r\n                            <div>\r\n                                <div\r\n                                    className={classNames(\r\n                                        'flex items-end gap-2',\r\n                                        isMyMessage && ' flex-row-reverse',\r\n                                    )}\r\n                                >\r\n                                    {showAvatar && avatarGap && (\r\n                                        <div\r\n                                            className={classNames('w-[35px]')}\r\n                                        ></div>\r\n                                    )}\r\n                                    {customAction()}\r\n                                </div>\r\n                            </div>\r\n                        )}\r\n                    </div>\r\n                </div>\r\n            )}\r\n        </>\r\n    )\r\n}\r\n\r\nexport default Message\r\n"],"names":[],"mappings":";;;;AA4BA,MAAM,UAAU,CAAC,UAAwB;AACrC,QAAM;AAAA,IACF;AAAA,IACA;AAAA,IACA,aAAa;AAAA,IACb;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,IACA;AAEJ,SACI,oBAAA,UAAA,EACK,UAAA,SAAS,YACN,oBAAA,UAAA,CAAA,CAAE,IAEF;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAW,WAAW,QAAQ,eAAe,aAAa;AAAA,MAE1D,UAAA,qBAAC,OAAA,EAAI,WAAU,iBACX,UAAA;AAAA,QAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,WAAW;AAAA,cACP;AAAA,cACA,eAAe;AAAA,YAAA;AAAA,YAGlB,UAAA;AAAA,cAAA,kCACI,OAAA,EAAI,WAAW,WAAW,UAAU,GAChC,UAAA,aACG;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACG,KAAK,OAAO;AAAA,kBACZ,MAAM;AAAA,gBAAA;AAAA,cAAA,GAGlB;AAAA,cAEJ;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACG,WAAW;AAAA,oBACP;AAAA,oBACA;AAAA,kBAAA;AAAA,kBAGH,UAAA,iBACG,eAAA,IAEA,qBAAA,UAAA,EACK,UAAA;AAAA,oBAAA,eACG,aAAa,SAAS,KAClB;AAAA,sBAAC;AAAA,sBAAA;AAAA,wBACG;AAAA,sBAAA;AAAA,oBAAA;AAAA,oBAGX;AAAA,kBAAA,EAAA,CACL;AAAA,gBAAA;AAAA,cAAA;AAAA,YAER;AAAA,UAAA;AAAA,QAAA;AAAA,QAEH,oCACI,OAAA,EACG,UAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,WAAW;AAAA,cACP;AAAA,cACA,eAAe;AAAA,YAAA;AAAA,YAGlB,UAAA;AAAA,cAAA,cAAc,aACX;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACG,WAAW,WAAW,UAAU;AAAA,gBAAA;AAAA,cAAA;AAAA,cAGvC,aAAA;AAAA,YAAa;AAAA,UAAA;AAAA,QAAA,EAClB,CACJ;AAAA,MAAA,EAAA,CAER;AAAA,IAAA;AAAA,EAAA,GAGZ;AAER;"}
+{"version":3,"file":"Message.js","sources":["../../../../../../lib/@ecme/components/view/ChatBox/components/Message.tsx"],"sourcesContent":["import Avatar from '@/components/ui/Avatar'\nimport Attachment from './Attachment'\nimport classNames from '@/utils/classNames'\nimport type { ReactNode } from 'react'\n\nexport type MessageProps = {\n    id: string\n    sender: {\n        id: string\n        name: string\n        avatarImageUrl?: string\n    }\n    content?: string | ReactNode\n    timestamp?: Date | number\n    type: 'regular' | 'reply' | 'deleted' | 'divider'\n    attachments?: Array<{\n        type: 'image' | 'video' | 'audio' | 'misc'\n        source: File\n        mediaUrl: string\n    }>\n    showAvatar?: boolean\n    isMyMessage?: boolean\n    avatarGap?: boolean\n    bubbleClass?: string\n    customRenderer?: () => string | ReactNode\n    customAction?: () => string | ReactNode\n}\n\nconst Message = (props: MessageProps) => {\n    const {\n        attachments,\n        content,\n        showAvatar = true,\n        avatarGap,\n        isMyMessage,\n        sender,\n        type,\n        customRenderer,\n        customAction,\n        bubbleClass,\n    } = props\n\n    return (\n        <>\n            {type === 'divider' ? (\n                <></>\n            ) : (\n                <div\n                    className={classNames('flex', isMyMessage && 'justify-end')}\n                >\n                    <div className=\"flex flex-col\">\n                        <div\n                            className={classNames(\n                                'inline-flex items-end gap-2',\n                                isMyMessage && 'justify-end flex-row-reverse',\n                            )}\n                        >\n                            {showAvatar && (\n                                <div className={classNames('w-[35px]')}>\n                                    {avatarGap && (\n                                        <Avatar\n                                            src={sender.avatarImageUrl}\n                                            size={35}\n                                        />\n                                    )}\n                                </div>\n                            )}\n                            <div\n                                className={classNames(\n                                    'bubble flex flex-col justify-center h-full max-w-[750px] rounded-xl px-5 py-2.5 bg-gray-100 dark:bg-gray-700 prose text-sm text-gray-900 dark:text-gray-100',\n                                    bubbleClass,\n                                )}\n                            >\n                                {customRenderer ? (\n                                    customRenderer()\n                                ) : (\n                                    <>\n                                        {attachments &&\n                                            attachments?.length > 0 && (\n                                                <Attachment\n                                                    attachments={attachments}\n                                                />\n                                            )}\n                                        {content}\n                                    </>\n                                )}\n                            </div>\n                        </div>\n                        {customAction && (\n                            <div>\n                                <div\n                                    className={classNames(\n                                        'flex items-end gap-2',\n                                        isMyMessage && ' flex-row-reverse',\n                                    )}\n                                >\n                                    {showAvatar && avatarGap && (\n                                        <div\n                                            className={classNames('w-[35px]')}\n                                        ></div>\n                                    )}\n                                    {customAction()}\n                                </div>\n                            </div>\n                        )}\n                    </div>\n                </div>\n            )}\n        </>\n    )\n}\n\nexport default Message\n"],"names":[],"mappings":";;;;AA4BA,MAAM,UAAU,CAAC,UAAwB;AACrC,QAAM;AAAA,IACF;AAAA,IACA;AAAA,IACA,aAAa;AAAA,IACb;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,IACA;AAEJ,SACI,oBAAA,UAAA,EACK,UAAA,SAAS,YACN,oBAAA,UAAA,CAAA,CAAE,IAEF;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAW,WAAW,QAAQ,eAAe,aAAa;AAAA,MAE1D,UAAA,qBAAC,OAAA,EAAI,WAAU,iBACX,UAAA;AAAA,QAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,WAAW;AAAA,cACP;AAAA,cACA,eAAe;AAAA,YAAA;AAAA,YAGlB,UAAA;AAAA,cAAA,kCACI,OAAA,EAAI,WAAW,WAAW,UAAU,GAChC,UAAA,aACG;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACG,KAAK,OAAO;AAAA,kBACZ,MAAM;AAAA,gBAAA;AAAA,cAAA,GAGlB;AAAA,cAEJ;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACG,WAAW;AAAA,oBACP;AAAA,oBACA;AAAA,kBAAA;AAAA,kBAGH,UAAA,iBACG,eAAA,IAEA,qBAAA,UAAA,EACK,UAAA;AAAA,oBAAA,eACG,aAAa,SAAS,KAClB;AAAA,sBAAC;AAAA,sBAAA;AAAA,wBACG;AAAA,sBAAA;AAAA,oBAAA;AAAA,oBAGX;AAAA,kBAAA,EAAA,CACL;AAAA,gBAAA;AAAA,cAAA;AAAA,YAER;AAAA,UAAA;AAAA,QAAA;AAAA,QAEH,oCACI,OAAA,EACG,UAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,WAAW;AAAA,cACP;AAAA,cACA,eAAe;AAAA,YAAA;AAAA,YAGlB,UAAA;AAAA,cAAA,cAAc,aACX;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACG,WAAW,WAAW,UAAU;AAAA,gBAAA;AAAA,cAAA;AAAA,cAGvC,aAAA;AAAA,YAAa;AAAA,UAAA;AAAA,QAAA,EAClB,CACJ;AAAA,MAAA,EAAA,CAER;AAAA,IAAA;AAAA,EAAA,GAGZ;AAER;"}

package/dist/@ecme/components/view/ChatBox/components/MessageList.js.map

@@ -1 +1 @@
-{"version":3,"file":"MessageList.js","sources":["../../../../../../lib/@ecme/components/view/ChatBox/components/MessageList.tsx"],"sourcesContent":["import ScrollBar from '@/components/ui/ScrollBar'\r\nimport Message from './Message'\r\nimport classNames from '@/utils/classNames'\r\nimport type { ReactNode } from 'react'\r\nimport { forwardRef } from 'react'\r\nimport type { ScrollBarRef } from '@/components/ui/ScrollBar'\r\nimport type { MessageProps } from './Message'\r\n\r\ntype List = MessageProps & { fresh?: boolean }\r\n\r\nexport type MessageListProps = {\r\n    list: List[]\r\n    showAvatar?: boolean\r\n    avatarGap?: boolean\r\n    typing?:\r\n        | {\r\n              id: string\r\n              name: string\r\n              avatarImageUrl?: string\r\n          }\r\n        | false\r\n    customRenderer?: (message: List, index: number) => string | ReactNode\r\n    customAction?: (message: List, index: number) => string | ReactNode\r\n    bubbleClass?: string\r\n    messageListClass?: string\r\n}\r\n\r\nconst MessageList = forwardRef<ScrollBarRef, MessageListProps>((props, ref) => {    const {\r\n        list = [],\r\n        showAvatar = true,\r\n        typing = false,\r\n        avatarGap,\r\n        customRenderer,\r\n        customAction,\r\n        messageListClass,\r\n        bubbleClass,\r\n    } = props\r\n\r\n    return (\r\n        <div className={classNames('relative', messageListClass)}>\r\n            <div className=\"absolute top-0 left-0 h-full w-full py-4\">                <ScrollBar\r\n                    ref={ref}\r\n                    autoHide\r\n                    className=\"overflow-y-auto h-full max-w-full\"\r\n                >\r\n                    <div className=\"flex flex-col gap-4 px-4\">\r\n                        {list.map((message, index) => (\r\n                            <Message\r\n                                key={message.id}\r\n                                showAvatar={showAvatar}\r\n                                avatarGap={avatarGap}\r\n                                bubbleClass={bubbleClass}\r\n                                {...message}\r\n                                {...(customRenderer\r\n                                    ? {\r\n                                          customRenderer: () =>\r\n                                              customRenderer(message, index),\r\n                                      }\r\n                                    : {})}\r\n                                {...(customAction\r\n                                    ? {\r\n                                          customAction: () =>\r\n                                              customAction(message, index),\r\n                                      }\r\n                                    : {})}\r\n                            />\r\n                        ))}\r\n                        {typing && (\r\n                            <Message\r\n                                id={typing.name + 'typing'}\r\n                                sender={typing}\r\n                                type=\"regular\"\r\n                                showAvatar={showAvatar}\r\n                                bubbleClass={bubbleClass}\r\n                                avatarGap={avatarGap}\r\n                                content={\r\n                                    <span className=\"flex items-center gap-2\">\r\n                                        <span className=\"size-1.5 rounded-full bg-gray-700 motion-safe:animate-[bounce_1s_ease-in-out_infinite] dark:bg-gray-300\"></span>\r\n                                        <span className=\"size-1.5 rounded-full bg-gray-700 motion-safe:animate-[bounce_0.5s_ease-in-out_infinite] dark:bg-gray-300\"></span>\r\n                                        <span className=\"size-1.5 rounded-full bg-gray-700 motion-safe:animate-[bounce_1s_ease-in-out_infinite] dark:bg-gray-300\"></span>\r\n                                    </span>\r\n                                }\r\n                            />\r\n                        )}\r\n                    </div>                </ScrollBar>\r\n            </div>\r\n        </div>\r\n    )\r\n})\r\n\r\nMessageList.displayName = 'MessageList'\r\n\r\nexport default MessageList\r\n"],"names":[],"mappings":";;;;;;AA2BA,MAAM,cAAc,WAA2C,CAAC,OAAO,QAAQ;AAAK,QAAM;AAAA,IAClF,OAAO,CAAA;AAAA,IACP,aAAa;AAAA,IACb,SAAS;AAAA,IACT;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,IACA;AAEJ,SACI,oBAAC,OAAA,EAAI,WAAW,WAAW,YAAY,gBAAgB,GACnD,UAAA,qBAAC,OAAA,EAAI,WAAU,4CAA2C,UAAA;AAAA,IAAA;AAAA,IAAgB;AAAA,MAAC;AAAA,MAAA;AAAA,QACnE;AAAA,QACA,UAAQ;AAAA,QACR,WAAU;AAAA,QAEV,UAAA;AAAA,UAAA,qBAAC,OAAA,EAAI,WAAU,4BACV,UAAA;AAAA,YAAA,KAAK,IAAI,CAAC,SAAS,UAChB;AAAA,cAAC;AAAA,cAAA;AAAA,gBAEG;AAAA,gBACA;AAAA,gBACA;AAAA,gBACC,GAAG;AAAA,gBACH,GAAI,iBACC;AAAA,kBACI,gBAAgB,MACZ,eAAe,SAAS,KAAK;AAAA,gBAAA,IAErC,CAAA;AAAA,gBACL,GAAI,eACC;AAAA,kBACI,cAAc,MACV,aAAa,SAAS,KAAK;AAAA,gBAAA,IAEnC,CAAA;AAAA,cAAC;AAAA,cAhBF,QAAQ;AAAA,YAAA,CAkBpB;AAAA,YACA,UACG;AAAA,cAAC;AAAA,cAAA;AAAA,gBACG,IAAI,OAAO,OAAO;AAAA,gBAClB,QAAQ;AAAA,gBACR,MAAK;AAAA,gBACL;AAAA,gBACA;AAAA,gBACA;AAAA,gBACA,SACI,qBAAC,QAAA,EAAK,WAAU,2BACZ,UAAA;AAAA,kBAAA,oBAAC,QAAA,EAAK,WAAU,0GAAA,CAA0G;AAAA,kBAC1H,oBAAC,QAAA,EAAK,WAAU,4GAAA,CAA4G;AAAA,kBAC5H,oBAAC,QAAA,EAAK,WAAU,0GAAA,CAA0G;AAAA,gBAAA,EAAA,CAC9H;AAAA,cAAA;AAAA,YAAA;AAAA,UAER,GAER;AAAA,UAAM;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAAgB,EAAA,CAC9B,EAAA,CACJ;AAER,CAAC;AAED,YAAY,cAAc;"}
+{"version":3,"file":"MessageList.js","sources":["../../../../../../lib/@ecme/components/view/ChatBox/components/MessageList.tsx"],"sourcesContent":["import ScrollBar from '@/components/ui/ScrollBar'\nimport Message from './Message'\nimport classNames from '@/utils/classNames'\nimport type { ReactNode } from 'react'\nimport { forwardRef } from 'react'\nimport type { ScrollBarRef } from '@/components/ui/ScrollBar'\nimport type { MessageProps } from './Message'\n\ntype List = MessageProps & { fresh?: boolean }\n\nexport type MessageListProps = {\n    list: List[]\n    showAvatar?: boolean\n    avatarGap?: boolean\n    typing?:\n        | {\n              id: string\n              name: string\n              avatarImageUrl?: string\n          }\n        | false\n    customRenderer?: (message: List, index: number) => string | ReactNode\n    customAction?: (message: List, index: number) => string | ReactNode\n    bubbleClass?: string\n    messageListClass?: string\n}\n\nconst MessageList = forwardRef<ScrollBarRef, MessageListProps>((props, ref) => {    const {\n        list = [],\n        showAvatar = true,\n        typing = false,\n        avatarGap,\n        customRenderer,\n        customAction,\n        messageListClass,\n        bubbleClass,\n    } = props\n\n    return (\n        <div className={classNames('relative', messageListClass)}>\n            <div className=\"absolute top-0 left-0 h-full w-full py-4\">                <ScrollBar\n                    ref={ref}\n                    autoHide\n                    className=\"overflow-y-auto h-full max-w-full\"\n                >\n                    <div className=\"flex flex-col gap-4 px-4\">\n                        {list.map((message, index) => (\n                            <Message\n                                key={message.id}\n                                showAvatar={showAvatar}\n                                avatarGap={avatarGap}\n                                bubbleClass={bubbleClass}\n                                {...message}\n                                {...(customRenderer\n                                    ? {\n                                          customRenderer: () =>\n                                              customRenderer(message, index),\n                                      }\n                                    : {})}\n                                {...(customAction\n                                    ? {\n                                          customAction: () =>\n                                              customAction(message, index),\n                                      }\n                                    : {})}\n                            />\n                        ))}\n                        {typing && (\n                            <Message\n                                id={typing.name + 'typing'}\n                                sender={typing}\n                                type=\"regular\"\n                                showAvatar={showAvatar}\n                                bubbleClass={bubbleClass}\n                                avatarGap={avatarGap}\n                                content={\n                                    <span className=\"flex items-center gap-2\">\n                                        <span className=\"size-1.5 rounded-full bg-gray-700 motion-safe:animate-[bounce_1s_ease-in-out_infinite] dark:bg-gray-300\"></span>\n                                        <span className=\"size-1.5 rounded-full bg-gray-700 motion-safe:animate-[bounce_0.5s_ease-in-out_infinite] dark:bg-gray-300\"></span>\n                                        <span className=\"size-1.5 rounded-full bg-gray-700 motion-safe:animate-[bounce_1s_ease-in-out_infinite] dark:bg-gray-300\"></span>\n                                    </span>\n                                }\n                            />\n                        )}\n                    </div>                </ScrollBar>\n            </div>\n        </div>\n    )\n})\n\nMessageList.displayName = 'MessageList'\n\nexport default MessageList\n"],"names":[],"mappings":";;;;;;AA2BA,MAAM,cAAc,WAA2C,CAAC,OAAO,QAAQ;AAAK,QAAM;AAAA,IAClF,OAAO,CAAA;AAAA,IACP,aAAa;AAAA,IACb,SAAS;AAAA,IACT;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,IACA;AAEJ,SACI,oBAAC,OAAA,EAAI,WAAW,WAAW,YAAY,gBAAgB,GACnD,UAAA,qBAAC,OAAA,EAAI,WAAU,4CAA2C,UAAA;AAAA,IAAA;AAAA,IAAgB;AAAA,MAAC;AAAA,MAAA;AAAA,QACnE;AAAA,QACA,UAAQ;AAAA,QACR,WAAU;AAAA,QAEV,UAAA;AAAA,UAAA,qBAAC,OAAA,EAAI,WAAU,4BACV,UAAA;AAAA,YAAA,KAAK,IAAI,CAAC,SAAS,UAChB;AAAA,cAAC;AAAA,cAAA;AAAA,gBAEG;AAAA,gBACA;AAAA,gBACA;AAAA,gBACC,GAAG;AAAA,gBACH,GAAI,iBACC;AAAA,kBACI,gBAAgB,MACZ,eAAe,SAAS,KAAK;AAAA,gBAAA,IAErC,CAAA;AAAA,gBACL,GAAI,eACC;AAAA,kBACI,cAAc,MACV,aAAa,SAAS,KAAK;AAAA,gBAAA,IAEnC,CAAA;AAAA,cAAC;AAAA,cAhBF,QAAQ;AAAA,YAAA,CAkBpB;AAAA,YACA,UACG;AAAA,cAAC;AAAA,cAAA;AAAA,gBACG,IAAI,OAAO,OAAO;AAAA,gBAClB,QAAQ;AAAA,gBACR,MAAK;AAAA,gBACL;AAAA,gBACA;AAAA,gBACA;AAAA,gBACA,SACI,qBAAC,QAAA,EAAK,WAAU,2BACZ,UAAA;AAAA,kBAAA,oBAAC,QAAA,EAAK,WAAU,0GAAA,CAA0G;AAAA,kBAC1H,oBAAC,QAAA,EAAK,WAAU,4GAAA,CAA4G;AAAA,kBAC5H,oBAAC,QAAA,EAAK,WAAU,0GAAA,CAA0G;AAAA,gBAAA,EAAA,CAC9H;AAAA,cAAA;AAAA,YAAA;AAAA,UAER,GAER;AAAA,UAAM;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAAgB,EAAA,CAC9B,EAAA,CACJ;AAER,CAAC;AAED,YAAY,cAAc;"}

package/dist/@ecme/components/view/CreditCardDialog/CreditCardDialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"CreditCardDialog.js","sources":["../../../../../lib/@ecme/components/view/CreditCardDialog/CreditCardDialog.tsx"],"sourcesContent":["import { useEffect } from 'react'\r\nimport Input from '@/components/ui/Input'\r\nimport Button from '@/components/ui/Button'\r\nimport Dialog from '@/components/ui/Dialog'\r\nimport { Form, FormItem } from '@/components/ui/Form'\r\nimport FormCustomFormatInput from '@/components/shared/CustomFormatInput'\r\nimport FormPatternInput from '@/components/shared/PatternInput'\r\nimport { useForm, Controller } from 'react-hook-form'\r\nimport { zodResolver } from '@hookform/resolvers/zod'\r\nimport { z } from 'zod'\r\nimport type { ZodType } from 'zod'\r\n\r\ntype CreditCard = {\r\n    cardHolderName: string\r\n    ccNumber?: string\r\n    cardExpiry?: string\r\n    code?: string\r\n}\r\n\r\ntype FormSchema = CreditCard\r\n\r\ntype CreditCardDialogProps = {\r\n    title: string\r\n    dialogOpen: boolean\r\n    onDialogClose: () => void\r\n    defaultValues: CreditCard\r\n    onSubmit: (value: FormSchema) => void\r\n}\r\n\r\nfunction limit(val: string, max: string) {\r\n    if (val.length === 1 && val[0] > max[0]) {\r\n        val = '0' + val\r\n    }\r\n\r\n    if (val.length === 2) {\r\n        if (Number(val) === 0) {\r\n            val = '01'\r\n        } else if (val > max) {\r\n            val = max\r\n        }\r\n    }\r\n\r\n    return val\r\n}\r\n\r\nfunction cardExpiryFormat(val: string) {\r\n    const month = limit(val.substring(0, 2), '12')\r\n    const date = limit(val.substring(2, 4), '31')\r\n\r\n    return month + (date.length ? '/' + date : '')\r\n}\r\n\r\nconst validationSchema: ZodType<FormSchema> = z.object({\r\n    cardHolderName: z.string().min(1, { message: 'Card holder name required' }),\r\n    ccNumber: z\r\n        .string()\r\n        .min(1, 'Credit card number required')\r\n        .refine(\r\n            (value) =>\r\n                /^(?:4[0-9]{12}(?:[0-9]{3})?|[25][1-7][0-9]{14}|6(?:011|5[0-9][0-9])[0-9]{12}|3[47][0-9]{13}|3(?:0[0-5]|[68][0-9])[0-9]{11}|(?:2131|1800|35\\d{3})\\d{11})$/.test(\r\n                    value,\r\n                ),\r\n            'Invalid credit card number',\r\n        ),\r\n    cardExpiry: z\r\n        .string()\r\n        .min(1, { message: 'Card holder name required' })\r\n        .refine(\r\n            (value) => /^(0[1-9]|1[0-2])\\/?([0-9]{4}|[0-9]{2})$/.test(value),\r\n            'Invalid Date',\r\n        ),\r\n    code: z\r\n        .string()\r\n        .min(1, { message: 'Code required' })\r\n        .refine((value) => /^[0-9]{3}$/.test(value), 'Invalid CVV'),\r\n})\r\n\r\nconst CreditCardDialog = ({\r\n    title,\r\n    dialogOpen,\r\n    onDialogClose,\r\n    defaultValues,\r\n    onSubmit,\r\n}: CreditCardDialogProps) => {\r\n    const {\r\n        handleSubmit,\r\n        formState: { errors, isSubmitting },\r\n        reset,\r\n        control,\r\n    } = useForm<FormSchema>({\r\n        defaultValues,\r\n        resolver: zodResolver(validationSchema),\r\n    })\r\n\r\n    useEffect(() => {\r\n        reset(defaultValues)\r\n        // eslint-disable-next-line react-hooks/exhaustive-deps\r\n    }, [defaultValues])\r\n\r\n    return (\r\n        <Dialog\r\n            isOpen={dialogOpen}\r\n            onClose={onDialogClose}\r\n            onRequestClose={onDialogClose}\r\n        >\r\n            <h4>{title}</h4>\r\n            <Form className=\"mt-6\" onSubmit={handleSubmit(onSubmit)}>\r\n                <FormItem\r\n                    label=\"User Name\"\r\n                    invalid={Boolean(errors.cardHolderName)}\r\n                    errorMessage={errors.cardHolderName?.message}\r\n                >\r\n                    <Controller\r\n                        name=\"cardHolderName\"\r\n                        control={control}\r\n                        render={({ field }) => (\r\n                            <Input\r\n                                type=\"text\"\r\n                                autoComplete=\"off\"\r\n                                placeholder=\"Card holder name\"\r\n                                {...field}\r\n                            />\r\n                        )}\r\n                    />\r\n                </FormItem>\r\n                <FormItem\r\n                    label=\"Credit card number\"\r\n                    invalid={Boolean(errors.ccNumber)}\r\n                    errorMessage={errors.ccNumber?.message}\r\n                >\r\n                    <Controller\r\n                        name=\"ccNumber\"\r\n                        control={control}\r\n                        render={({ field }) => (\r\n                            <FormPatternInput\r\n                                placeholder=\"•••• •••• •••• ••••\"\r\n                                format=\"#### #### #### ####\"\r\n                                value={field.value}\r\n                                onValueChange={(e) => {\r\n                                    field.onChange(e.value)\r\n                                }}\r\n                            />\r\n                        )}\r\n                    />\r\n                </FormItem>\r\n                <div className=\"grid grid-cols-2 gap-4\">\r\n                    <FormItem\r\n                        label=\"Expiration date\"\r\n                        invalid={Boolean(errors.cardExpiry)}\r\n                        errorMessage={errors.cardExpiry?.message}\r\n                    >\r\n                        <Controller\r\n                            name=\"cardExpiry\"\r\n                            control={control}\r\n                            render={({ field }) => (\r\n                                <FormCustomFormatInput\r\n                                    placeholder=\"••/••\"\r\n                                    format={cardExpiryFormat}\r\n                                    value={field.value}\r\n                                    onValueChange={(e) => {\r\n                                        field.onChange(e.value)\r\n                                    }}\r\n                                />\r\n                            )}\r\n                        />\r\n                    </FormItem>\r\n                    <FormItem\r\n                        label=\"CVV\"\r\n                        invalid={Boolean(errors.code)}\r\n                        errorMessage={errors.code?.message}\r\n                    >\r\n                        <Controller\r\n                            name=\"code\"\r\n                            control={control}\r\n                            render={({ field }) => (\r\n                                <FormPatternInput\r\n                                    placeholder=\"•••\"\r\n                                    format=\"###\"\r\n                                    value={field.value}\r\n                                    onValueChange={(e) => {\r\n                                        field.onChange(e.value)\r\n                                    }}\r\n                                />\r\n                            )}\r\n                        />\r\n                    </FormItem>\r\n                </div>\r\n                <Button\r\n                    block\r\n                    variant=\"solid\"\r\n                    type=\"submit\"\r\n                    loading={isSubmitting}\r\n                >\r\n                    Update\r\n                </Button>\r\n            </Form>\r\n        </Dialog>\r\n    )\r\n}\r\n\r\nexport default CreditCardDialog\r\n"],"names":["FormPatternInput"],"mappings":"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"}
+{"version":3,"file":"CreditCardDialog.js","sources":["../../../../../lib/@ecme/components/view/CreditCardDialog/CreditCardDialog.tsx"],"sourcesContent":["import { useEffect } from 'react'\nimport Input from '@/components/ui/Input'\nimport Button from '@/components/ui/Button'\nimport Dialog from '@/components/ui/Dialog'\nimport { Form, FormItem } from '@/components/ui/Form'\nimport FormCustomFormatInput from '@/components/shared/CustomFormatInput'\nimport FormPatternInput from '@/components/shared/PatternInput'\nimport { useForm, Controller } from 'react-hook-form'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport { z } from 'zod'\nimport type { ZodType } from 'zod'\n\ntype CreditCard = {\n    cardHolderName: string\n    ccNumber?: string\n    cardExpiry?: string\n    code?: string\n}\n\ntype FormSchema = CreditCard\n\ntype CreditCardDialogProps = {\n    title: string\n    dialogOpen: boolean\n    onDialogClose: () => void\n    defaultValues: CreditCard\n    onSubmit: (value: FormSchema) => void\n}\n\nfunction limit(val: string, max: string) {\n    if (val.length === 1 && val[0] > max[0]) {\n        val = '0' + val\n    }\n\n    if (val.length === 2) {\n        if (Number(val) === 0) {\n            val = '01'\n        } else if (val > max) {\n            val = max\n        }\n    }\n\n    return val\n}\n\nfunction cardExpiryFormat(val: string) {\n    const month = limit(val.substring(0, 2), '12')\n    const date = limit(val.substring(2, 4), '31')\n\n    return month + (date.length ? '/' + date : '')\n}\n\nconst validationSchema: ZodType<FormSchema> = z.object({\n    cardHolderName: z.string().min(1, { message: 'Card holder name required' }),\n    ccNumber: z\n        .string()\n        .min(1, 'Credit card number required')\n        .refine(\n            (value) =>\n                /^(?:4[0-9]{12}(?:[0-9]{3})?|[25][1-7][0-9]{14}|6(?:011|5[0-9][0-9])[0-9]{12}|3[47][0-9]{13}|3(?:0[0-5]|[68][0-9])[0-9]{11}|(?:2131|1800|35\\d{3})\\d{11})$/.test(\n                    value,\n                ),\n            'Invalid credit card number',\n        ),\n    cardExpiry: z\n        .string()\n        .min(1, { message: 'Card holder name required' })\n        .refine(\n            (value) => /^(0[1-9]|1[0-2])\\/?([0-9]{4}|[0-9]{2})$/.test(value),\n            'Invalid Date',\n        ),\n    code: z\n        .string()\n        .min(1, { message: 'Code required' })\n        .refine((value) => /^[0-9]{3}$/.test(value), 'Invalid CVV'),\n})\n\nconst CreditCardDialog = ({\n    title,\n    dialogOpen,\n    onDialogClose,\n    defaultValues,\n    onSubmit,\n}: CreditCardDialogProps) => {\n    const {\n        handleSubmit,\n        formState: { errors, isSubmitting },\n        reset,\n        control,\n    } = useForm<FormSchema>({\n        defaultValues,\n        resolver: zodResolver(validationSchema),\n    })\n\n    useEffect(() => {\n        reset(defaultValues)\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [defaultValues])\n\n    return (\n        <Dialog\n            isOpen={dialogOpen}\n            onClose={onDialogClose}\n            onRequestClose={onDialogClose}\n        >\n            <h4>{title}</h4>\n            <Form className=\"mt-6\" onSubmit={handleSubmit(onSubmit)}>\n                <FormItem\n                    label=\"User Name\"\n                    invalid={Boolean(errors.cardHolderName)}\n                    errorMessage={errors.cardHolderName?.message}\n                >\n                    <Controller\n                        name=\"cardHolderName\"\n                        control={control}\n                        render={({ field }) => (\n                            <Input\n                                type=\"text\"\n                                autoComplete=\"off\"\n                                placeholder=\"Card holder name\"\n                                {...field}\n                            />\n                        )}\n                    />\n                </FormItem>\n                <FormItem\n                    label=\"Credit card number\"\n                    invalid={Boolean(errors.ccNumber)}\n                    errorMessage={errors.ccNumber?.message}\n                >\n                    <Controller\n                        name=\"ccNumber\"\n                        control={control}\n                        render={({ field }) => (\n                            <FormPatternInput\n                                placeholder=\"•••• •••• •••• ••••\"\n                                format=\"#### #### #### ####\"\n                                value={field.value}\n                                onValueChange={(e) => {\n                                    field.onChange(e.value)\n                                }}\n                            />\n                        )}\n                    />\n                </FormItem>\n                <div className=\"grid grid-cols-2 gap-4\">\n                    <FormItem\n                        label=\"Expiration date\"\n                        invalid={Boolean(errors.cardExpiry)}\n                        errorMessage={errors.cardExpiry?.message}\n                    >\n                        <Controller\n                            name=\"cardExpiry\"\n                            control={control}\n                            render={({ field }) => (\n                                <FormCustomFormatInput\n                                    placeholder=\"••/••\"\n                                    format={cardExpiryFormat}\n                                    value={field.value}\n                                    onValueChange={(e) => {\n                                        field.onChange(e.value)\n                                    }}\n                                />\n                            )}\n                        />\n                    </FormItem>\n                    <FormItem\n                        label=\"CVV\"\n                        invalid={Boolean(errors.code)}\n                        errorMessage={errors.code?.message}\n                    >\n                        <Controller\n                            name=\"code\"\n                            control={control}\n                            render={({ field }) => (\n                                <FormPatternInput\n                                    placeholder=\"•••\"\n                                    format=\"###\"\n                                    value={field.value}\n                                    onValueChange={(e) => {\n                                        field.onChange(e.value)\n                                    }}\n                                />\n                            )}\n                        />\n                    </FormItem>\n                </div>\n                <Button\n                    block\n                    variant=\"solid\"\n                    type=\"submit\"\n                    loading={isSubmitting}\n                >\n                    Update\n                </Button>\n            </Form>\n        </Dialog>\n    )\n}\n\nexport default CreditCardDialog\n"],"names":["FormPatternInput"],"mappings":"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"}

package/dist/@ecme/components/view/FileIcon/FileIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"FileIcon.js","sources":["../../../../../lib/@ecme/components/view/FileIcon/FileIcon.tsx"],"sourcesContent":["import FileDoc from '@/assets/svg/files/FileDoc'\r\nimport FileXls from '@/assets/svg/files/FileXls'\r\nimport FilePdf from '@/assets/svg/files/FilePdf'\r\nimport FilePpt from '@/assets/svg/files/FilePpt'\r\nimport FileFigma from '@/assets/svg/files/FileFigma'\r\nimport FileImage from '@/assets/svg/files/FileImage'\r\nimport Folder from '@/assets/svg/files/Folder'\r\n\r\nconst FileIcon = ({ type, size = 40 }: { type: string; size?: number }) => {\r\n    switch (type) {\r\n        case 'pdf':\r\n            return <FilePdf height={size} width={size} />\r\n        case 'xls':\r\n            return <FileXls height={size} width={size} />\r\n        case 'doc':\r\n            return <FileDoc height={size} width={size} />\r\n        case 'ppt':\r\n            return <FilePpt height={size} width={size} />\r\n        case 'figma':\r\n            return <FileFigma height={size} width={size} />\r\n        case 'jpg':\r\n            return <FileImage height={size} width={size} />\r\n        case 'jpeg':\r\n            return <FileImage height={size} width={size} />\r\n        case 'png':\r\n            return <FileImage height={size} width={size} />\r\n        case 'directory':\r\n            return <Folder height={size} width={size} />\r\n        default:\r\n            return <></>\r\n    }\r\n}\r\n\r\nexport default FileIcon\r\n"],"names":[],"mappings":";;;;;;;;AAQA,MAAM,WAAW,CAAC,EAAE,MAAM,OAAO,SAA0C;AACvE,UAAQ,MAAA;AAAA,IACJ,KAAK;AACD,aAAO,oBAAC,SAAA,EAAQ,QAAQ,MAAM,OAAO,MAAM;AAAA,IAC/C,KAAK;AACD,aAAO,oBAAC,SAAA,EAAQ,QAAQ,MAAM,OAAO,MAAM;AAAA,IAC/C,KAAK;AACD,aAAO,oBAAC,SAAA,EAAQ,QAAQ,MAAM,OAAO,MAAM;AAAA,IAC/C,KAAK;AACD,aAAO,oBAAC,SAAA,EAAQ,QAAQ,MAAM,OAAO,MAAM;AAAA,IAC/C,KAAK;AACD,aAAO,oBAAC,WAAA,EAAU,QAAQ,MAAM,OAAO,MAAM;AAAA,IACjD,KAAK;AACD,aAAO,oBAAC,WAAA,EAAU,QAAQ,MAAM,OAAO,MAAM;AAAA,IACjD,KAAK;AACD,aAAO,oBAAC,WAAA,EAAU,QAAQ,MAAM,OAAO,MAAM;AAAA,IACjD,KAAK;AACD,aAAO,oBAAC,WAAA,EAAU,QAAQ,MAAM,OAAO,MAAM;AAAA,IACjD,KAAK;AACD,aAAO,oBAAC,QAAA,EAAO,QAAQ,MAAM,OAAO,MAAM;AAAA,IAC9C;AACI,aAAO,oBAAA,UAAA,EAAE;AAAA,EAAA;AAErB;"}
+{"version":3,"file":"FileIcon.js","sources":["../../../../../lib/@ecme/components/view/FileIcon/FileIcon.tsx"],"sourcesContent":["import FileDoc from '@/assets/svg/files/FileDoc'\nimport FileXls from '@/assets/svg/files/FileXls'\nimport FilePdf from '@/assets/svg/files/FilePdf'\nimport FilePpt from '@/assets/svg/files/FilePpt'\nimport FileFigma from '@/assets/svg/files/FileFigma'\nimport FileImage from '@/assets/svg/files/FileImage'\nimport Folder from '@/assets/svg/files/Folder'\n\nconst FileIcon = ({ type, size = 40 }: { type: string; size?: number }) => {\n    switch (type) {\n        case 'pdf':\n            return <FilePdf height={size} width={size} />\n        case 'xls':\n            return <FileXls height={size} width={size} />\n        case 'doc':\n            return <FileDoc height={size} width={size} />\n        case 'ppt':\n            return <FilePpt height={size} width={size} />\n        case 'figma':\n            return <FileFigma height={size} width={size} />\n        case 'jpg':\n            return <FileImage height={size} width={size} />\n        case 'jpeg':\n            return <FileImage height={size} width={size} />\n        case 'png':\n            return <FileImage height={size} width={size} />\n        case 'directory':\n            return <Folder height={size} width={size} />\n        default:\n            return <></>\n    }\n}\n\nexport default FileIcon\n"],"names":[],"mappings":";;;;;;;;AAQA,MAAM,WAAW,CAAC,EAAE,MAAM,OAAO,SAA0C;AACvE,UAAQ,MAAA;AAAA,IACJ,KAAK;AACD,aAAO,oBAAC,SAAA,EAAQ,QAAQ,MAAM,OAAO,MAAM;AAAA,IAC/C,KAAK;AACD,aAAO,oBAAC,SAAA,EAAQ,QAAQ,MAAM,OAAO,MAAM;AAAA,IAC/C,KAAK;AACD,aAAO,oBAAC,SAAA,EAAQ,QAAQ,MAAM,OAAO,MAAM;AAAA,IAC/C,KAAK;AACD,aAAO,oBAAC,SAAA,EAAQ,QAAQ,MAAM,OAAO,MAAM;AAAA,IAC/C,KAAK;AACD,aAAO,oBAAC,WAAA,EAAU,QAAQ,MAAM,OAAO,MAAM;AAAA,IACjD,KAAK;AACD,aAAO,oBAAC,WAAA,EAAU,QAAQ,MAAM,OAAO,MAAM;AAAA,IACjD,KAAK;AACD,aAAO,oBAAC,WAAA,EAAU,QAAQ,MAAM,OAAO,MAAM;AAAA,IACjD,KAAK;AACD,aAAO,oBAAC,WAAA,EAAU,QAAQ,MAAM,OAAO,MAAM;AAAA,IACjD,KAAK;AACD,aAAO,oBAAC,QAAA,EAAO,QAAQ,MAAM,OAAO,MAAM;AAAA,IAC9C;AACI,aAAO,oBAAA,UAAA,EAAE;AAAA,EAAA;AAErB;"}

package/dist/@ecme/components/view/TaskItem/TaskItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"TaskItem.js","sources":["../../../../../lib/@ecme/components/view/TaskItem/TaskItem.tsx"],"sourcesContent":["import classNames from '@/utils/classNames'\r\nimport Table from '@/components/ui/Table'\r\nimport Tag from '@/components/ui/Tag'\r\nimport Avatar from '@/components/ui/Avatar'\r\nimport { TbCircleCheck, TbCircleCheckFilled } from 'react-icons/tb'\r\nimport dayjs from 'dayjs'\r\nimport type { ReactNode, Ref } from 'react'\r\n\r\ntype TaskItemProps = Partial<{\r\n    progress: string\r\n    name: string\r\n    checked: boolean\r\n    dueDate: number\r\n    priority: string\r\n    assignee: {\r\n        name: string\r\n        img: string\r\n    }\r\n    labelClass: Record<string, string>\r\n    showDragger: boolean\r\n    dragger: ReactNode\r\n    showAssignee: boolean\r\n}> & {\r\n    taskId: string\r\n    onChange: (taskId: string) => void\r\n    ref?: Ref<HTMLTableRowElement>\r\n}\r\n\r\nconst { Td, Tr } = Table\r\n\r\nconst TaskItem = (props: TaskItemProps) => {\r\n    const {\r\n        taskId,\r\n        progress,\r\n        checked,\r\n        name,\r\n        dueDate,\r\n        onChange,\r\n        assignee,\r\n        dragger,\r\n        priority,\r\n        labelClass = {},\r\n        showDragger = true,\r\n        showAssignee = true,\r\n        ref,\r\n        ...rest\r\n    } = props\r\n\r\n    return (\r\n        <Tr ref={ref} {...rest}>\r\n            {showDragger && <Td className=\"w-[40px] text-lg\">{dragger}</Td>}\r\n            <Td className=\"w-[40px]\">\r\n                <button\r\n                    className=\"text-2xl cursor-pointer pt-1\"\r\n                    role=\"button\"\r\n                    onClick={() => onChange(taskId)}\r\n                >\r\n                    {checked ? (\r\n                        <TbCircleCheckFilled className=\"text-primary\" />\r\n                    ) : (\r\n                        <TbCircleCheck className=\"hover:text-primary\" />\r\n                    )}\r\n                </button>\r\n            </Td>\r\n            <Td className=\"w-[500px]\">\r\n                <span\r\n                    className={classNames(\r\n                        'heading-text font-bold',\r\n                        checked && 'line-through opacity-50',\r\n                    )}\r\n                >\r\n                    {name}\r\n                </span>\r\n            </Td>\r\n            <Td className=\"w-[150px]\">\r\n                <Tag\r\n                    className={`mr-2 rtl:ml-2 mb-2 ${\r\n                        progress ? labelClass[progress] : ''\r\n                    }`}\r\n                >\r\n                    {progress}\r\n                </Tag>\r\n            </Td>\r\n            <Td className=\"w-[150px]\">\r\n                <Tag\r\n                    className={`mr-2 rtl:ml-2 mb-2 ${\r\n                        priority ? labelClass[priority] : ''\r\n                    }`}\r\n                >\r\n                    {priority}\r\n                </Tag>\r\n            </Td>\r\n            <Td className=\"w-[150px]\">\r\n                <span className=\"font-semibold\">\r\n                    {dueDate ? dayjs(dueDate).format('MMMM DD') : '-'}\r\n                </span>\r\n            </Td>\r\n            {showAssignee && (\r\n                <Td>\r\n                    {!assignee?.img || assignee?.name ? (\r\n                        '-'\r\n                    ) : (\r\n                        <div className=\"flex items-center gap-2\">\r\n                            <Avatar src={assignee?.img} size=\"sm\" alt=\"\" />\r\n                            <span className=\"font-bold heading-text\">\r\n                                {assignee?.name}\r\n                            </span>\r\n                        </div>\r\n                    )}\r\n                </Td>\r\n            )}\r\n        </Tr>\r\n    )\r\n}\r\n\r\nexport default TaskItem\r\n"],"names":[],"mappings":";;;;;;;;AA4BA,MAAM,EAAE,IAAI,GAAA,IAAO;AAEnB,MAAM,WAAW,CAAC,UAAyB;AACvC,QAAM;AAAA,IACF;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,aAAa,CAAA;AAAA,IACb,cAAc;AAAA,IACd,eAAe;AAAA,IACf;AAAA,IACA,GAAG;AAAA,EAAA,IACH;AAEJ,SACI,qBAAC,IAAA,EAAG,KAAW,GAAG,MACb,UAAA;AAAA,IAAA,eAAe,oBAAC,IAAA,EAAG,WAAU,oBAAoB,UAAA,SAAQ;AAAA,IAC1D,oBAAC,IAAA,EAAG,WAAU,YACV,UAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAU;AAAA,QACV,MAAK;AAAA,QACL,SAAS,MAAM,SAAS,MAAM;AAAA,QAE7B,UAAA,8BACI,qBAAA,EAAoB,WAAU,gBAAe,IAE9C,oBAAC,eAAA,EAAc,WAAU,qBAAA,CAAqB;AAAA,MAAA;AAAA,IAAA,GAG1D;AAAA,IACA,oBAAC,IAAA,EAAG,WAAU,aACV,UAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAW;AAAA,UACP;AAAA,UACA,WAAW;AAAA,QAAA;AAAA,QAGd,UAAA;AAAA,MAAA;AAAA,IAAA,GAET;AAAA,IACA,oBAAC,IAAA,EAAG,WAAU,aACV,UAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAW,sBACP,WAAW,WAAW,QAAQ,IAAI,EACtC;AAAA,QAEC,UAAA;AAAA,MAAA;AAAA,IAAA,GAET;AAAA,IACA,oBAAC,IAAA,EAAG,WAAU,aACV,UAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAW,sBACP,WAAW,WAAW,QAAQ,IAAI,EACtC;AAAA,QAEC,UAAA;AAAA,MAAA;AAAA,IAAA,GAET;AAAA,wBACC,IAAA,EAAG,WAAU,aACV,UAAA,oBAAC,UAAK,WAAU,iBACX,UAAA,UAAU,MAAM,OAAO,EAAE,OAAO,SAAS,IAAI,KAClD,GACJ;AAAA,IACC,gBACG,oBAAC,IAAA,EACI,UAAA,CAAC,UAAU,OAAO,UAAU,OACzB,MAEA,qBAAC,OAAA,EAAI,WAAU,2BACX,UAAA;AAAA,MAAA,oBAAC,UAAO,KAAK,UAAU,KAAK,MAAK,MAAK,KAAI,IAAG;AAAA,MAC7C,oBAAC,QAAA,EAAK,WAAU,0BACX,oBAAU,KAAA,CACf;AAAA,IAAA,EAAA,CACJ,EAAA,CAER;AAAA,EAAA,GAER;AAER;"}
+{"version":3,"file":"TaskItem.js","sources":["../../../../../lib/@ecme/components/view/TaskItem/TaskItem.tsx"],"sourcesContent":["import classNames from '@/utils/classNames'\nimport Table from '@/components/ui/Table'\nimport Tag from '@/components/ui/Tag'\nimport Avatar from '@/components/ui/Avatar'\nimport { TbCircleCheck, TbCircleCheckFilled } from 'react-icons/tb'\nimport dayjs from 'dayjs'\nimport type { ReactNode, Ref } from 'react'\n\ntype TaskItemProps = Partial<{\n    progress: string\n    name: string\n    checked: boolean\n    dueDate: number\n    priority: string\n    assignee: {\n        name: string\n        img: string\n    }\n    labelClass: Record<string, string>\n    showDragger: boolean\n    dragger: ReactNode\n    showAssignee: boolean\n}> & {\n    taskId: string\n    onChange: (taskId: string) => void\n    ref?: Ref<HTMLTableRowElement>\n}\n\nconst { Td, Tr } = Table\n\nconst TaskItem = (props: TaskItemProps) => {\n    const {\n        taskId,\n        progress,\n        checked,\n        name,\n        dueDate,\n        onChange,\n        assignee,\n        dragger,\n        priority,\n        labelClass = {},\n        showDragger = true,\n        showAssignee = true,\n        ref,\n        ...rest\n    } = props\n\n    return (\n        <Tr ref={ref} {...rest}>\n            {showDragger && <Td className=\"w-[40px] text-lg\">{dragger}</Td>}\n            <Td className=\"w-[40px]\">\n                <button\n                    className=\"text-2xl cursor-pointer pt-1\"\n                    role=\"button\"\n                    onClick={() => onChange(taskId)}\n                >\n                    {checked ? (\n                        <TbCircleCheckFilled className=\"text-primary\" />\n                    ) : (\n                        <TbCircleCheck className=\"hover:text-primary\" />\n                    )}\n                </button>\n            </Td>\n            <Td className=\"w-[500px]\">\n                <span\n                    className={classNames(\n                        'heading-text font-bold',\n                        checked && 'line-through opacity-50',\n                    )}\n                >\n                    {name}\n                </span>\n            </Td>\n            <Td className=\"w-[150px]\">\n                <Tag\n                    className={`mr-2 rtl:ml-2 mb-2 ${\n                        progress ? labelClass[progress] : ''\n                    }`}\n                >\n                    {progress}\n                </Tag>\n            </Td>\n            <Td className=\"w-[150px]\">\n                <Tag\n                    className={`mr-2 rtl:ml-2 mb-2 ${\n                        priority ? labelClass[priority] : ''\n                    }`}\n                >\n                    {priority}\n                </Tag>\n            </Td>\n            <Td className=\"w-[150px]\">\n                <span className=\"font-semibold\">\n                    {dueDate ? dayjs(dueDate).format('MMMM DD') : '-'}\n                </span>\n            </Td>\n            {showAssignee && (\n                <Td>\n                    {!assignee?.img || assignee?.name ? (\n                        '-'\n                    ) : (\n                        <div className=\"flex items-center gap-2\">\n                            <Avatar src={assignee?.img} size=\"sm\" alt=\"\" />\n                            <span className=\"font-bold heading-text\">\n                                {assignee?.name}\n                            </span>\n                        </div>\n                    )}\n                </Td>\n            )}\n        </Tr>\n    )\n}\n\nexport default TaskItem\n"],"names":[],"mappings":";;;;;;;;AA4BA,MAAM,EAAE,IAAI,GAAA,IAAO;AAEnB,MAAM,WAAW,CAAC,UAAyB;AACvC,QAAM;AAAA,IACF;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,aAAa,CAAA;AAAA,IACb,cAAc;AAAA,IACd,eAAe;AAAA,IACf;AAAA,IACA,GAAG;AAAA,EAAA,IACH;AAEJ,SACI,qBAAC,IAAA,EAAG,KAAW,GAAG,MACb,UAAA;AAAA,IAAA,eAAe,oBAAC,IAAA,EAAG,WAAU,oBAAoB,UAAA,SAAQ;AAAA,IAC1D,oBAAC,IAAA,EAAG,WAAU,YACV,UAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAU;AAAA,QACV,MAAK;AAAA,QACL,SAAS,MAAM,SAAS,MAAM;AAAA,QAE7B,UAAA,8BACI,qBAAA,EAAoB,WAAU,gBAAe,IAE9C,oBAAC,eAAA,EAAc,WAAU,qBAAA,CAAqB;AAAA,MAAA;AAAA,IAAA,GAG1D;AAAA,IACA,oBAAC,IAAA,EAAG,WAAU,aACV,UAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAW;AAAA,UACP;AAAA,UACA,WAAW;AAAA,QAAA;AAAA,QAGd,UAAA;AAAA,MAAA;AAAA,IAAA,GAET;AAAA,IACA,oBAAC,IAAA,EAAG,WAAU,aACV,UAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAW,sBACP,WAAW,WAAW,QAAQ,IAAI,EACtC;AAAA,QAEC,UAAA;AAAA,MAAA;AAAA,IAAA,GAET;AAAA,IACA,oBAAC,IAAA,EAAG,WAAU,aACV,UAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAW,sBACP,WAAW,WAAW,QAAQ,IAAI,EACtC;AAAA,QAEC,UAAA;AAAA,MAAA;AAAA,IAAA,GAET;AAAA,wBACC,IAAA,EAAG,WAAU,aACV,UAAA,oBAAC,UAAK,WAAU,iBACX,UAAA,UAAU,MAAM,OAAO,EAAE,OAAO,SAAS,IAAI,KAClD,GACJ;AAAA,IACC,gBACG,oBAAC,IAAA,EACI,UAAA,CAAC,UAAU,OAAO,UAAU,OACzB,MAEA,qBAAC,OAAA,EAAI,WAAU,2BACX,UAAA;AAAA,MAAA,oBAAC,UAAO,KAAK,UAAU,KAAK,MAAK,MAAK,KAAI,IAAG;AAAA,MAC7C,oBAAC,QAAA,EAAK,WAAU,0BACX,oBAAU,KAAA,CACf;AAAA,IAAA,EAAA,CACJ,EAAA,CAER;AAAA,EAAA,GAER;AAER;"}

package/dist/@ecme/configs/AppConfigContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"AppConfigContext.js","sources":["../../../lib/@ecme/configs/AppConfigContext.tsx"],"sourcesContent":["import React, { createContext, useContext, ReactNode } from \"react\";\r\nimport type { AppConfig } from \"./app.config\"; \r\nimport appConfigDefault from \"./app.config\"; \r\n\r\nconst AppConfigContext = createContext<AppConfig>(appConfigDefault);\r\n\r\ninterface AppConfigProviderProps {\r\n  config: Partial<AppConfig>;\r\n  children: ReactNode;\r\n}\r\n\r\nexport const AppConfigProvider = ({\r\n  config,\r\n  children,\r\n}: AppConfigProviderProps) => {\r\n  const finalConfig = { ...appConfigDefault, ...config };\r\n\r\n  return (\r\n    <AppConfigContext.Provider value={finalConfig}>\r\n      {children}\r\n    </AppConfigContext.Provider>\r\n  );\r\n};\r\n\r\nexport const useAppConfig = () => {\r\n  const context = useContext(AppConfigContext);\r\n  if (!context) {\r\n    throw new Error(\"useAppConfig deve ser usado dentro de um AppConfigProvider\");\r\n  }\r\n  return context;\r\n};\r\n"],"names":["appConfigDefault"],"mappings":";;;AAIA,MAAM,mBAAmB,cAAyBA,SAAgB;AAO3D,MAAM,oBAAoB,CAAC;AAAA,EAChC;AAAA,EACA;AACF,MAA8B;AAC5B,QAAM,cAAc,EAAE,GAAGA,WAAkB,GAAG,OAAA;AAE9C,6BACG,iBAAiB,UAAjB,EAA0B,OAAO,aAC/B,UACH;AAEJ;AAEO,MAAM,eAAe,MAAM;AAChC,QAAM,UAAU,WAAW,gBAAgB;AAC3C,MAAI,CAAC,SAAS;AACZ,UAAM,IAAI,MAAM,4DAA4D;AAAA,EAC9E;AACA,SAAO;AACT;"}
+{"version":3,"file":"AppConfigContext.js","sources":["../../../lib/@ecme/configs/AppConfigContext.tsx"],"sourcesContent":["import React, { createContext, useContext, ReactNode } from \"react\";\nimport type { AppConfig } from \"./app.config\"; \nimport appConfigDefault from \"./app.config\"; \n\nconst AppConfigContext = createContext<AppConfig>(appConfigDefault);\n\ninterface AppConfigProviderProps {\n  config: Partial<AppConfig>;\n  children: ReactNode;\n}\n\nexport const AppConfigProvider = ({\n  config,\n  children,\n}: AppConfigProviderProps) => {\n  const finalConfig = { ...appConfigDefault, ...config };\n\n  return (\n    <AppConfigContext.Provider value={finalConfig}>\n      {children}\n    </AppConfigContext.Provider>\n  );\n};\n\nexport const useAppConfig = () => {\n  const context = useContext(AppConfigContext);\n  if (!context) {\n    throw new Error(\"useAppConfig deve ser usado dentro de um AppConfigProvider\");\n  }\n  return context;\n};\n"],"names":["appConfigDefault"],"mappings":";;;AAIA,MAAM,mBAAmB,cAAyBA,SAAgB;AAO3D,MAAM,oBAAoB,CAAC;AAAA,EAChC;AAAA,EACA;AACF,MAA8B;AAC5B,QAAM,cAAc,EAAE,GAAGA,WAAkB,GAAG,OAAA;AAE9C,6BACG,iBAAiB,UAAjB,EAA0B,OAAO,aAC/B,UACH;AAEJ;AAEO,MAAM,eAAe,MAAM;AAChC,QAAM,UAAU,WAAW,gBAAgB;AAC3C,MAAI,CAAC,SAAS;AACZ,UAAM,IAAI,MAAM,4DAA4D;AAAA,EAC9E;AACA,SAAO;AACT;"}

package/dist/@ecme/configs/app.config.js.map

@@ -1 +1 @@
-{"version":3,"file":"app.config.js","sources":["../../../lib/@ecme/configs/app.config.ts"],"sourcesContent":["export type AppConfig = {\r\n    apiPrefix: string\r\n    orgName: string\r\n    authenticatedEntryPath: string\r\n    unAuthenticatedEntryPath: string\r\n    locale: string\r\n    accessTokenPersistStrategy: 'localStorage' | 'sessionStorage' | 'cookies'\r\n    enableMock: boolean\r\n    activeNavTranslation: boolean\r\n    firstAccessPath: string\r\n    publicPath: string\r\n}\r\n\r\nconst appConfig: AppConfig = {\r\n    apiPrefix: '/api',\r\n    orgName: 'orbe-agro',\r\n    authenticatedEntryPath: '/',\r\n    unAuthenticatedEntryPath: '/sign-in',\r\n    locale: 'ptBR',\r\n    accessTokenPersistStrategy: 'localStorage',\r\n    enableMock: true,\r\n    activeNavTranslation: true,\r\n    firstAccessPath: '/primeiro-login',\r\n    publicPath: '',\r\n}\r\n\r\nexport default appConfig\r\n"],"names":[],"mappings":"AAaA,MAAM,YAAuB;AAAA,EACzB,WAAW;AAAA,EACX,SAAS;AAAA,EACT,wBAAwB;AAAA,EACxB,0BAA0B;AAAA,EAC1B,QAAQ;AAAA,EACR,4BAA4B;AAAA,EAC5B,YAAY;AAAA,EACZ,sBAAsB;AAAA,EACtB,iBAAiB;AAAA,EACjB,YAAY;AAChB;"}
+{"version":3,"file":"app.config.js","sources":["../../../lib/@ecme/configs/app.config.ts"],"sourcesContent":["export type AppConfig = {\n    apiPrefix: string\n    orgName: string\n    authenticatedEntryPath: string\n    unAuthenticatedEntryPath: string\n    locale: string\n    accessTokenPersistStrategy: 'localStorage' | 'sessionStorage' | 'cookies'\n    enableMock: boolean\n    activeNavTranslation: boolean\n    firstAccessPath: string\n    publicPath: string\n}\n\nconst appConfig: AppConfig = {\n    apiPrefix: '/api',\n    orgName: 'orbe-agro',\n    authenticatedEntryPath: '/',\n    unAuthenticatedEntryPath: '/sign-in',\n    locale: 'ptBR',\n    accessTokenPersistStrategy: 'localStorage',\n    enableMock: true,\n    activeNavTranslation: true,\n    firstAccessPath: '/primeiro-login',\n    publicPath: '',\n}\n\nexport default appConfig\n"],"names":[],"mappings":"AAaA,MAAM,YAAuB;AAAA,EACzB,WAAW;AAAA,EACX,SAAS;AAAA,EACT,wBAAwB;AAAA,EACxB,0BAA0B;AAAA,EAC1B,QAAQ;AAAA,EACR,4BAA4B;AAAA,EAC5B,YAAY;AAAA,EACZ,sBAAsB;AAAA,EACtB,iBAAiB;AAAA,EACjB,YAAY;AAChB;"}

package/dist/@ecme/configs/chart.config.js

@@ -1,4 +1,5 @@
 import { COLORS } from "../constants/chart.constant.js";
+const formatTooltipValue = (val) => `${val ?? ""}`;
 const apexLineChartDefaultOption = {
   chart: {
     zoom: {
@@ -22,7 +23,8 @@ const apexLineChartDefaultOption = {
       vertical: 10
     },
     tooltipHoverFormatter: function(val, opts) {
-      return val + " - " + opts.w.globals.series[opts.seriesIndex][opts.dataPointIndex];
+      const pointValue = opts?.w?.globals?.series?.[opts?.seriesIndex]?.[opts?.dataPointIndex];
+      return `${val} - ${pointValue ?? ""}`;
     }
   },
   xaxis: {
@@ -73,7 +75,8 @@ const apexBarChartDefaultOption = {
       vertical: 10
     },
     tooltipHoverFormatter: function(val, opts) {
-      return val + " - " + opts.w.globals.series[opts.seriesIndex][opts.dataPointIndex];
+      const pointValue = opts?.w?.globals?.series?.[opts?.seriesIndex]?.[opts?.dataPointIndex];
+      return `${val} - ${pointValue ?? ""}`;
     }
   },
   xaxis: {
@@ -84,7 +87,7 @@ const apexBarChartDefaultOption = {
   },
   tooltip: {
     y: {
-      formatter: (val) => `${val}`
+      formatter: (val) => formatTooltipValue(val)
     }
   }
 };
@@ -121,7 +124,7 @@ const apexColumnChartDefaultOption = {
   },
   tooltip: {
     y: {
-      formatter: (val) => `${val}`
+      formatter: (val) => formatTooltipValue(val)
     }
   }
 };
@@ -155,7 +158,7 @@ const apexMixedChartDefaultOption = {
   },
   tooltip: {
     y: {
-      formatter: (val) => `${val}`
+      formatter: (val) => formatTooltipValue(val)
     }
   }
 };
@@ -166,7 +169,7 @@ const apexPieChartDefaultOption = {
   },
   tooltip: {
     y: {
-      formatter: (val) => `${val}`
+      formatter: (val) => formatTooltipValue(val)
     }
   }
 };
@@ -182,12 +185,11 @@ const apexDonutChartDefaultOption = {
             showAlways: true,
             label: "",
             formatter: function(w) {
-              return w.globals.seriesTotals.reduce(
-                (a, b) => {
-                  return a + b;
-                },
+              const total = w.globals.seriesTotals.reduce(
+                (acc, value) => acc + value,
                 0
               );
+              return `${total}`;
             }
           }
         },

package/dist/@ecme/configs/chart.config.js.map

@@ -1 +1 @@
-{"version":3,"file":"chart.config.js","sources":["../../../lib/@ecme/configs/chart.config.ts"],"sourcesContent":["import { COLORS } from '@/constants/chart.constant'\r\nimport type { ApexOptions } from 'apexcharts'\r\n\r\nexport const apexLineChartDefaultOption: ApexOptions = {\r\n    chart: {\r\n        zoom: {\r\n            enabled: false,\r\n        },\r\n        toolbar: {\r\n            show: false,\r\n        },\r\n    },\r\n    colors: [...COLORS],\r\n    dataLabels: {\r\n        enabled: false,\r\n    },\r\n    stroke: {\r\n        width: 2.5,\r\n        curve: 'smooth',\r\n        lineCap: 'round',\r\n    },\r\n    legend: {\r\n        itemMargin: {\r\n            vertical: 10,\r\n        },\r\n        tooltipHoverFormatter: function (val, opts) {\r\n            return (\r\n                val +\r\n                ' - ' +\r\n                opts.w.globals.series[opts.seriesIndex][opts.dataPointIndex] +\r\n                ''\r\n            )\r\n        },\r\n    },\r\n    xaxis: {\r\n        categories: [],\r\n    },\r\n}\r\n\r\nexport const apexAreaChartDefaultOption = {\r\n    ...apexLineChartDefaultOption,\r\n    fill: {\r\n        type: 'gradient',\r\n        gradient: {\r\n            shadeIntensity: 1,\r\n            opacityFrom: 0.3,\r\n            opacityTo: 0.6,\r\n            stops: [0, 70, 100],\r\n        },\r\n    },\r\n}\r\n\r\nexport const apexBarChartDefaultOption: ApexOptions = {\r\n    chart: {\r\n        zoom: {\r\n            enabled: false,\r\n        },\r\n        toolbar: {\r\n            show: false,\r\n        },\r\n    },\r\n    plotOptions: {\r\n        bar: {\r\n            horizontal: false,\r\n            columnWidth: '35px',\r\n            borderRadius: 4,\r\n            borderRadiusApplication: 'end',\r\n        },\r\n    },\r\n    colors: [...COLORS],\r\n    dataLabels: {\r\n        enabled: false,\r\n    },\r\n    stroke: {\r\n        show: true,\r\n        width: 1,\r\n        curve: 'smooth',\r\n        colors: ['transparent'],\r\n    },\r\n    legend: {\r\n        itemMargin: {\r\n            vertical: 10,\r\n        },\r\n        tooltipHoverFormatter: function (val, opts) {\r\n            return (\r\n                val +\r\n                ' - ' +\r\n                opts.w.globals.series[opts.seriesIndex][opts.dataPointIndex] +\r\n                ''\r\n            )\r\n        },\r\n    },\r\n    xaxis: {\r\n        categories: [],\r\n    },\r\n    fill: {\r\n        opacity: 1,\r\n    },\r\n    tooltip: {\r\n        y: {\r\n            formatter: (val) => `${val}`,\r\n        },    },\r\n}\r\n\r\nexport const apexColumnChartDefaultOption: ApexOptions = {\r\n    chart: {\r\n        type: 'bar',\r\n        zoom: {\r\n            enabled: false,\r\n        },\r\n        toolbar: {\r\n            show: false,\r\n        },\r\n    },\r\n    colors: [...COLORS],\r\n    plotOptions: {\r\n        bar: {\r\n            horizontal: false,\r\n            columnWidth: '55%',\r\n        },\r\n    },\r\n    dataLabels: {\r\n        enabled: false,\r\n    },\r\n    stroke: {\r\n        show: true,\r\n        width: 2,\r\n        colors: ['transparent'],\r\n    },\r\n    xaxis: {\r\n        categories: [],\r\n    },\r\n    fill: {\r\n        opacity: 1,\r\n    },\r\n    tooltip: {\r\n        y: {\r\n            formatter: (val) => `${val}`,\r\n        },\r\n    },\r\n}\r\n\r\nexport const apexMixedChartDefaultOption: ApexOptions = {\r\n    chart: {\r\n        zoom: {\r\n            enabled: false,\r\n        },\r\n        toolbar: {\r\n            show: false,\r\n        },\r\n    },\r\n    colors: [...COLORS],\r\n    dataLabels: {\r\n        enabled: false,\r\n    },\r\n    stroke: {\r\n        width: [0, 4],\r\n        curve: 'smooth',\r\n    },\r\n    plotOptions: {\r\n        bar: {\r\n            columnWidth: '50%',\r\n        },\r\n    },\r\n    xaxis: {\r\n        categories: [],\r\n    },\r\n    fill: {\r\n        opacity: 1,\r\n    },\r\n    tooltip: {\r\n        y: {\r\n            formatter: (val) => `${val}`,\r\n        },\r\n    },\r\n}\r\n\r\nexport const apexPieChartDefaultOption: ApexOptions = {\r\n    colors: [...COLORS],\r\n    stroke: {\r\n        width: 0,\r\n    },\r\n    tooltip: {\r\n        y: {\r\n            formatter: (val) => `${val}`,\r\n        },\r\n    },\r\n}\r\n\r\nexport const apexDonutChartDefaultOption: ApexOptions = {\r\n    colors: [...COLORS],\r\n    plotOptions: {\r\n        pie: {\r\n            donut: {\r\n                labels: {\r\n                    show: true,\r\n                    total: {\r\n                        show: true,\r\n                        showAlways: true,\r\n                        label: '',\r\n                        formatter: function (w) {\r\n                            return w.globals.seriesTotals.reduce(\r\n                                (a: string, b: string) => {\r\n                                    return a + b\r\n                                },\r\n                                0,\r\n                            )\r\n                        },\r\n                    },\r\n                },\r\n                size: '85%',\r\n            },\r\n        },\r\n    },\r\n    stroke: {\r\n        colors: ['transparent'],\r\n    },\r\n    labels: [],\r\n    dataLabels: {\r\n        enabled: false,\r\n    },\r\n    legend: {\r\n        show: false,\r\n    },\r\n}\r\n\r\nexport const apexSparklineChartDefultOption: ApexOptions = {\r\n    chart: {\r\n        type: 'line',\r\n        sparkline: {\r\n            enabled: true,\r\n        },\r\n    },\r\n    stroke: {\r\n        width: 2,\r\n        curve: 'smooth',\r\n    },\r\n    tooltip: {\r\n        fixed: {\r\n            enabled: false,\r\n        },\r\n        x: {\r\n            show: false,\r\n        },\r\n        y: {\r\n            title: {\r\n                formatter: function () {\r\n                    return ''\r\n                },\r\n            },\r\n        },\r\n        marker: {\r\n            show: false,\r\n        },\r\n    },\r\n}\r\n\r\nexport const apexRadarChartDefultOption: ApexOptions = {\r\n    chart: {\r\n        type: 'radar',\r\n        zoom: {\r\n            enabled: false,\r\n        },\r\n        toolbar: {\r\n            show: false,\r\n        },\r\n    },\r\n    colors: [...COLORS],\r\n}\r\n\r\nconst chartConfig = {\r\n    apexLineChartDefaultOption,\r\n    apexAreaChartDefaultOption,\r\n    apexBarChartDefaultOption,\r\n    apexColumnChartDefaultOption,\r\n    apexMixedChartDefaultOption,\r\n    apexPieChartDefaultOption,\r\n    apexDonutChartDefaultOption,\r\n    apexSparklineChartDefultOption,\r\n    apexRadarChartDefultOption,\r\n}\r\n\r\nexport default chartConfig\r\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"chart.config.js","sources":["../../../lib/@ecme/configs/chart.config.ts"],"sourcesContent":["import { COLORS } from '@/constants/chart.constant'\nimport type { ApexOptions } from 'apexcharts'\n\nconst formatTooltipValue = (val: number | string | undefined): string =>\n    `${val ?? ''}`\n\nexport const apexLineChartDefaultOption: ApexOptions = {\n    chart: {\n        zoom: {\n            enabled: false,\n        },\n        toolbar: {\n            show: false,\n        },\n    },\n    colors: [...COLORS],\n    dataLabels: {\n        enabled: false,\n    },\n    stroke: {\n        width: 2.5,\n        curve: 'smooth',\n        lineCap: 'round',\n    },\n    legend: {\n        itemMargin: {\n            vertical: 10,\n        },\n        tooltipHoverFormatter: function (val, opts) {\n            const pointValue =\n                opts?.w?.globals?.series?.[opts?.seriesIndex]?.[opts?.dataPointIndex]\n\n            return `${val} - ${pointValue ?? ''}`\n        },\n    },\n    xaxis: {\n        categories: [],\n    },\n}\n\nexport const apexAreaChartDefaultOption: ApexOptions = {\n    ...apexLineChartDefaultOption,\n    fill: {\n        type: 'gradient',\n        gradient: {\n            shadeIntensity: 1,\n            opacityFrom: 0.3,\n            opacityTo: 0.6,\n            stops: [0, 70, 100],\n        },\n    },\n}\n\nexport const apexBarChartDefaultOption: ApexOptions = {\n    chart: {\n        zoom: {\n            enabled: false,\n        },\n        toolbar: {\n            show: false,\n        },\n    },\n    plotOptions: {\n        bar: {\n            horizontal: false,\n            columnWidth: '35px',\n            borderRadius: 4,\n            borderRadiusApplication: 'end',\n        },\n    },\n    colors: [...COLORS],\n    dataLabels: {\n        enabled: false,\n    },\n    stroke: {\n        show: true,\n        width: 1,\n        curve: 'smooth',\n        colors: ['transparent'],\n    },\n    legend: {\n        itemMargin: {\n            vertical: 10,\n        },\n        tooltipHoverFormatter: function (val, opts) {\n            const pointValue =\n                opts?.w?.globals?.series?.[opts?.seriesIndex]?.[opts?.dataPointIndex]\n\n            return `${val} - ${pointValue ?? ''}`\n        },\n    },\n    xaxis: {\n        categories: [],\n    },\n    fill: {\n        opacity: 1,\n    },\n    tooltip: {\n        y: {\n            formatter: (val) => formatTooltipValue(val),\n        },\n    },\n}\n\nexport const apexColumnChartDefaultOption: ApexOptions = {\n    chart: {\n        type: 'bar',\n        zoom: {\n            enabled: false,\n        },\n        toolbar: {\n            show: false,\n        },\n    },\n    colors: [...COLORS],\n    plotOptions: {\n        bar: {\n            horizontal: false,\n            columnWidth: '55%',\n        },\n    },\n    dataLabels: {\n        enabled: false,\n    },\n    stroke: {\n        show: true,\n        width: 2,\n        colors: ['transparent'],\n    },\n    xaxis: {\n        categories: [],\n    },\n    fill: {\n        opacity: 1,\n    },\n    tooltip: {\n        y: {\n            formatter: (val) => formatTooltipValue(val),\n        },\n    },\n}\n\nexport const apexMixedChartDefaultOption: ApexOptions = {\n    chart: {\n        zoom: {\n            enabled: false,\n        },\n        toolbar: {\n            show: false,\n        },\n    },\n    colors: [...COLORS],\n    dataLabels: {\n        enabled: false,\n    },\n    stroke: {\n        width: [0, 4],\n        curve: 'smooth',\n    },\n    plotOptions: {\n        bar: {\n            columnWidth: '50%',\n        },\n    },\n    xaxis: {\n        categories: [],\n    },\n    fill: {\n        opacity: 1,\n    },\n    tooltip: {\n        y: {\n            formatter: (val) => formatTooltipValue(val),\n        },\n    },\n}\n\nexport const apexPieChartDefaultOption: ApexOptions = {\n    colors: [...COLORS],\n    stroke: {\n        width: 0,\n    },\n    tooltip: {\n        y: {\n            formatter: (val) => formatTooltipValue(val),\n        },\n    },\n}\n\nexport const apexDonutChartDefaultOption: ApexOptions = {\n    colors: [...COLORS],\n    plotOptions: {\n        pie: {\n            donut: {\n                labels: {\n                    show: true,\n                    total: {\n                        show: true,\n                        showAlways: true,\n                        label: '',\n                        formatter: function (w) {\n                            const total = w.globals.seriesTotals.reduce(\n                                (acc, value) => acc + value,\n                                0,\n                            )\n\n                            return `${total}`\n                        },\n                    },\n                },\n                size: '85%',\n            },\n        },\n    },\n    stroke: {\n        colors: ['transparent'],\n    },\n    labels: [],\n    dataLabels: {\n        enabled: false,\n    },\n    legend: {\n        show: false,\n    },\n}\n\nexport const apexSparklineChartDefultOption: ApexOptions = {\n    chart: {\n        type: 'line',\n        sparkline: {\n            enabled: true,\n        },\n    },\n    stroke: {\n        width: 2,\n        curve: 'smooth',\n    },\n    tooltip: {\n        fixed: {\n            enabled: false,\n        },\n        x: {\n            show: false,\n        },\n        y: {\n            title: {\n                formatter: function () {\n                    return ''\n                },\n            },\n        },\n        marker: {\n            show: false,\n        },\n    },\n}\n\nexport const apexRadarChartDefultOption: ApexOptions = {\n    chart: {\n        type: 'radar',\n        zoom: {\n            enabled: false,\n        },\n        toolbar: {\n            show: false,\n        },\n    },\n    colors: [...COLORS],\n}\n\nconst chartConfig = {\n    apexLineChartDefaultOption,\n    apexAreaChartDefaultOption,\n    apexBarChartDefaultOption,\n    apexColumnChartDefaultOption,\n    apexMixedChartDefaultOption,\n    apexPieChartDefaultOption,\n    apexDonutChartDefaultOption,\n    apexSparklineChartDefultOption,\n    apexRadarChartDefultOption,\n}\n\nexport default chartConfig\n"],"names":[],"mappings":"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"}

package/dist/@ecme/configs/firebase.config.js.map

@@ -1 +1 @@
-{"version":3,"file":"firebase.config.js","sources":["../../../lib/@ecme/configs/firebase.config.ts"],"sourcesContent":["/**\r\n * Configuração vazia do Firebase\r\n * O Firebase foi removido da aplicação, mas mantemos este arquivo para compatibilidade\r\n * com código existente que possa fazer referência a ele.\r\n */\r\nconst FirebaseConfig = {\r\n    apiKey: '',\r\n    authDomain: '',\r\n    projectId: '',\r\n    storageBucket: '',\r\n    messagingSenderId: '',\r\n    appId: '',\r\n    removed: true // Indica que o Firebase foi removido intencionalmente\r\n}\r\n\r\nexport default FirebaseConfig\r\n"],"names":[],"mappings":"AAKA,MAAM,iBAAiB;AAAA,EACnB,QAAQ;AAAA,EACR,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,eAAe;AAAA,EACf,mBAAmB;AAAA,EACnB,OAAO;AAAA,EACP,SAAS;AAAA;AACb;"}
+{"version":3,"file":"firebase.config.js","sources":["../../../lib/@ecme/configs/firebase.config.ts"],"sourcesContent":["/**\n * Configuração vazia do Firebase\n * O Firebase foi removido da aplicação, mas mantemos este arquivo para compatibilidade\n * com código existente que possa fazer referência a ele.\n */\nconst FirebaseConfig = {\n    apiKey: '',\n    authDomain: '',\n    projectId: '',\n    storageBucket: '',\n    messagingSenderId: '',\n    appId: '',\n    removed: true // Indica que o Firebase foi removido intencionalmente\n}\n\nexport default FirebaseConfig\n"],"names":[],"mappings":"AAKA,MAAM,iBAAiB;AAAA,EACnB,QAAQ;AAAA,EACR,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,eAAe;AAAA,EACf,mBAAmB;AAAA,EACnB,OAAO;AAAA,EACP,SAAS;AAAA;AACb;"}