@orbe-agro/client-core 3.4.12 → 5.0.0

package/dist/lib/@ecme/components/view/Activity/ActivityAvatar.js.map

@@ -1 +1 @@
-{"version":3,"file":"ActivityAvatar.js","sources":["../../../../../../lib/@ecme/components/view/Activity/ActivityAvatar.tsx"],"sourcesContent":["import { useMemo } from 'react'\nimport Avatar from '@/components/ui/Avatar'\nimport acronym from '@/utils/acronym'\nimport classNames from '@/utils/classNames'\nimport useRandomBgColor from '@/utils/hooks/useRandomBgColor'\nimport { TbUser, TbTag, TbFileText, TbTicket, TbRefresh } from 'react-icons/tb'\nimport {\n    ADD_TAGS_TO_TICKET,\n    ADD_FILES_TO_TICKET,\n    UPDATE_TICKET,\n    CREATE_TICKET,\n    avatarType,\n    iconType,\n} from './constants'\nimport type { AvatarProps } from '@/components/ui/Avatar'\n\ntype ActivityAvatar = {\n    data?: {\n        type: string\n        userImg?: string\n        userName: string\n    }\n}\n\nconst Icon = ({ type }: { type: string }) => {\n    switch (type) {\n        case ADD_TAGS_TO_TICKET:\n            return <TbTag />\n        case ADD_FILES_TO_TICKET:\n            return <TbFileText />\n        case UPDATE_TICKET:\n            return <TbRefresh />\n        case CREATE_TICKET:\n            return <TbTicket />\n        default:\n            return <TbUser />\n    }\n}\n\nconst ActivityAvatar = ({ data }: ActivityAvatar) => {\n    const color = useRandomBgColor()\n\n    const defaultAvatarProps: AvatarProps = useMemo(\n        () => ({ size: 35, shape: 'circle' }),\n        [],\n    )\n\n    if (data && avatarType.includes(data.type)) {\n        const avatarProps = data.userImg\n            ? { src: data.userImg }\n            : { className: classNames(color(data.userName || '')) }\n\n        return (\n            <Avatar {...avatarProps} {...defaultAvatarProps}>\n                <span className=\"text-gray-900 font-bold\">\n                    {acronym(data.userName || '')}\n                </span>\n            </Avatar>\n        )\n    }\n\n    if (data && iconType.includes(data.type)) {\n        return (\n            <Avatar\n                className=\"text-gray-900 bg-gray-100 dark:text-white dark:bg-gray-700\"\n                icon={<Icon type={data.type} />}\n                {...defaultAvatarProps}\n            />\n        )\n    }\n\n    return null\n}\n\nexport default ActivityAvatar\n"],"names":["Icon","type","ADD_TAGS_TO_TICKET","TbTag","ADD_FILES_TO_TICKET","TbFileText","UPDATE_TICKET","TbRefresh","CREATE_TICKET","TbTicket","TbUser","ActivityAvatar","data","color","useRandomBgColor","defaultAvatarProps","useMemo","avatarType","avatarProps","classNames","jsx","Avatar","acronym","iconType"],"mappings":";;;;;;;;AAwBA,MAAMA,IAAO,CAAC,EAAE,MAAAC,QAA6B;AACzC,UAAQA,GAAM;AAAA,IACV,KAAKC;AACD,+BAAQC,GAAM,EAAA;AAAA,IAClB,KAAKC;AACD,+BAAQC,GAAW,EAAA;AAAA,IACvB,KAAKC;AACD,+BAAQC,GAAU,EAAA;AAAA,IACtB,KAAKC;AACD,+BAAQC,GAAS,EAAA;AAAA,IACrB;AACI,+BAAQC,GAAO,EAAA;AAAA,EAAA;AAE3B,GAEMC,IAAiB,CAAC,EAAE,MAAAC,QAA2B;AACjD,QAAMC,IAAQC,EAAiB,GAEzBC,IAAkCC;AAAA,IACpC,OAAO,EAAE,MAAM,IAAI,OAAO,SAAS;AAAA,IACnC,CAAA;AAAA,EACJ;AAEA,MAAIJ,KAAQK,EAAW,SAASL,EAAK,IAAI,GAAG;AACxC,UAAMM,IAAcN,EAAK,UACnB,EAAE,KAAKA,EAAK,QAAQ,IACpB,EAAE,WAAWO,EAAWN,EAAMD,EAAK,YAAY,EAAE,CAAC,EAAE;AAE1D,WACK,gBAAAQ,EAAAC,GAAA,EAAQ,GAAGH,GAAc,GAAGH,GACzB,UAAA,gBAAAK,EAAC,QAAK,EAAA,WAAU,2BACX,UAAQE,EAAAV,EAAK,YAAY,EAAE,EAChC,CAAA,GACJ;AAAA,EAAA;AAIR,SAAIA,KAAQW,EAAS,SAASX,EAAK,IAAI,IAE/B,gBAAAQ;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,WAAU;AAAA,MACV,MAAM,gBAAAD,EAACpB,GAAK,EAAA,MAAMY,EAAK,MAAM;AAAA,MAC5B,GAAGG;AAAA,IAAA;AAAA,EACR,IAID;AACX;"}
+{"version":3,"file":"ActivityAvatar.js","sources":["../../../../../../lib/@ecme/components/view/Activity/ActivityAvatar.tsx"],"sourcesContent":["import { useMemo } from 'react'\nimport Avatar from '@/components/ui/Avatar'\nimport acronym from '@/utils/acronym'\nimport classNames from '@/utils/classNames'\nimport useRandomBgColor from '@/utils/hooks/useRandomBgColor'\nimport { TbUser, TbTag, TbFileText, TbTicket, TbRefresh } from 'react-icons/tb'\nimport {\n    ADD_TAGS_TO_TICKET,\n    ADD_FILES_TO_TICKET,\n    UPDATE_TICKET,\n    CREATE_TICKET,\n    avatarType,\n    iconType,\n} from './constants'\nimport type { AvatarProps } from '@/components/ui/Avatar'\n\ntype ActivityAvatar = {\n    data?: {\n        type: string\n        userImg?: string\n        userName: string\n    }\n}\n\nconst Icon = ({ type }: { type: string }) => {\n    switch (type) {\n        case ADD_TAGS_TO_TICKET:\n            return <TbTag />\n        case ADD_FILES_TO_TICKET:\n            return <TbFileText />\n        case UPDATE_TICKET:\n            return <TbRefresh />\n        case CREATE_TICKET:\n            return <TbTicket />\n        default:\n            return <TbUser />\n    }\n}\n\nconst ActivityAvatar = ({ data }: ActivityAvatar) => {\n    const color = useRandomBgColor()\n\n    const defaultAvatarProps: AvatarProps = useMemo(\n        () => ({ size: 35, shape: 'circle' }),\n        [],\n    )\n\n    if (data && avatarType.includes(data.type)) {\n        const avatarProps = data.userImg\n            ? { src: data.userImg }\n            : { className: classNames(color(data.userName || '')) }\n\n        return (\n            <Avatar {...avatarProps} {...defaultAvatarProps}>\n                <span className=\"text-gray-900 font-bold\">\n                    {acronym(data.userName || '')}\n                </span>\n            </Avatar>\n        )\n    }\n\n    if (data && iconType.includes(data.type)) {\n        return (\n            <Avatar\n                className=\"text-gray-900 bg-gray-100 dark:text-white dark:bg-gray-700\"\n                icon={<Icon type={data.type} />}\n                {...defaultAvatarProps}\n            />\n        )\n    }\n\n    return null\n}\n\nexport default ActivityAvatar\n"],"names":["Icon","type","ADD_TAGS_TO_TICKET","TbTag","ADD_FILES_TO_TICKET","TbFileText","UPDATE_TICKET","TbRefresh","CREATE_TICKET","TbTicket","TbUser","ActivityAvatar","data","color","useRandomBgColor","defaultAvatarProps","useMemo","avatarType","avatarProps","classNames","jsx","Avatar","acronym","iconType"],"mappings":";;;;;;;;AAwBA,MAAMA,IAAO,CAAC,EAAE,MAAAC,QAA6B;AACzC,UAAQA,GAAA;AAAA,IACJ,KAAKC;AACD,+BAAQC,GAAA,EAAM;AAAA,IAClB,KAAKC;AACD,+BAAQC,GAAA,EAAW;AAAA,IACvB,KAAKC;AACD,+BAAQC,GAAA,EAAU;AAAA,IACtB,KAAKC;AACD,+BAAQC,GAAA,EAAS;AAAA,IACrB;AACI,+BAAQC,GAAA,EAAO;AAAA,EAAA;AAE3B,GAEMC,IAAiB,CAAC,EAAE,MAAAC,QAA2B;AACjD,QAAMC,IAAQC,EAAA,GAERC,IAAkCC;AAAA,IACpC,OAAO,EAAE,MAAM,IAAI,OAAO,SAAA;AAAA,IAC1B,CAAA;AAAA,EAAC;AAGL,MAAIJ,KAAQK,EAAW,SAASL,EAAK,IAAI,GAAG;AACxC,UAAMM,IAAcN,EAAK,UACnB,EAAE,KAAKA,EAAK,QAAA,IACZ,EAAE,WAAWO,EAAWN,EAAMD,EAAK,YAAY,EAAE,CAAC,EAAA;AAExD,WACI,gBAAAQ,EAACC,GAAA,EAAQ,GAAGH,GAAc,GAAGH,GACzB,UAAA,gBAAAK,EAAC,QAAA,EAAK,WAAU,2BACX,UAAAE,EAAQV,EAAK,YAAY,EAAE,GAChC,GACJ;AAAA,EAAA;AAIR,SAAIA,KAAQW,EAAS,SAASX,EAAK,IAAI,IAE/B,gBAAAQ;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,WAAU;AAAA,MACV,MAAM,gBAAAD,EAACpB,GAAA,EAAK,MAAMY,EAAK,MAAM;AAAA,MAC5B,GAAGG;AAAA,IAAA;AAAA,EAAA,IAKT;AACX;"}

package/dist/lib/@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'\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":["ticketStatus","taskLabelColors","UnixDateTime","value","dayjs","HighlightedText","children","className","classNames","ActivityEvent","data","compact","options","node","jsx","_a","_b","UPDATE_TICKET","jsxs","Fragment","Badge","COMMENT","Card","ReactHtmlParser","COMMENT_MENTION","ADD_TAGS_TO_TICKET","label","index","Tag","ADD_FILES_TO_TICKET","_c","file","isLastChild","_d","ASSIGN_TICKET","CREATE_TICKET"],"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":["ticketStatus","taskLabelColors","UnixDateTime","value","dayjs","HighlightedText","children","className","classNames","ActivityEvent","data","compact","options","node","jsx","_a","_b","UPDATE_TICKET","jsxs","Fragment","Badge","COMMENT","Card","ReactHtmlParser","COMMENT_MENTION","ADD_TAGS_TO_TICKET","label","index","Tag","ADD_FILES_TO_TICKET","_c","file","isLastChild","_d","ASSIGN_TICKET","CREATE_TICKET"],"mappings":"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"}

package/dist/lib/@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'\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":["BaseView","moduleRoutes","ModuleWrapper","Wrapper","children","Routes","group","jsx","Fragment","path","Component","label","Route","Suspense","Spinner","Navigate"],"mappings":";;;;;AAiBA,MAAMA,IAAW,CAAC;AAAA,EACd,cAAAC;AAAA,EACA,eAAAC;AACJ,MASM;AACF,QAAMC,IAAUD,MAAkB,CAAC,EAAE,UAAAE,EAAS,6BAAS,UAAAA,EAAS,CAAA;AAEhE,2BACKC,GACI,EAAA,UAAA;AAAA,IAAAJ,EAAa,IAAI,CAACK,MACf,gBAAAC,EAACC,GAAA,EACI,UAAAF,EAAM,IAAI,IAAI,CAAC,EAAE,MAAAG,GAAM,WAAWC,GAAW,OAAAC,QAC1C,gBAAAJ;AAAA,MAACK;AAAA,MAAA;AAAA,QAEG,MAAAH;AAAA,QACA,SACI,gBAAAF;AAAA,UAACM;AAAA,UAAA;AAAA,YACG,4BACK,OAAI,EAAA,WAAU,kDACX,UAAC,gBAAAN,EAAAO,GAAA,EAAQ,MAAM,GAAA,CAAI,EACvB,CAAA;AAAA,YAGJ,4BAACX,GAAQ,EAAA,OAAOQ,GACZ,UAAA,gBAAAJ,EAACG,KAAU,EACf,CAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MACJ;AAAA,MAbCC;AAAA,IAAA,CAgBZ,EAAA,GAnBUL,EAAM,SAoBrB,CACH;AAAA,IACD,gBAAAC,EAACK,GAAM,EAAA,MAAK,KAAI,SAAU,gBAAAL,EAAAQ,GAAA,EAAS,SAAO,IAAC,IAAG,IAAI,CAAA,EAAI,CAAA;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":["BaseView","moduleRoutes","ModuleWrapper","Wrapper","children","Routes","group","jsx","Fragment","path","Component","label","Route","Suspense","Spinner","Navigate"],"mappings":";;;;;AAiBA,MAAMA,IAAW,CAAC;AAAA,EACd,cAAAC;AAAA,EACA,eAAAC;AACJ,MASM;AACF,QAAMC,IAAUD,MAAkB,CAAC,EAAE,UAAAE,EAAA,6BAAkB,UAAAA,EAAA,CAAS;AAEhE,2BACKC,GAAA,EACI,UAAA;AAAA,IAAAJ,EAAa,IAAI,CAACK,MACf,gBAAAC,EAACC,GAAA,EACI,UAAAF,EAAM,IAAI,IAAI,CAAC,EAAE,MAAAG,GAAM,WAAWC,GAAW,OAAAC,QAC1C,gBAAAJ;AAAA,MAACK;AAAA,MAAA;AAAA,QAEG,MAAAH;AAAA,QACA,SACI,gBAAAF;AAAA,UAACM;AAAA,UAAA;AAAA,YACG,4BACK,OAAA,EAAI,WAAU,kDACX,UAAA,gBAAAN,EAACO,GAAA,EAAQ,MAAM,GAAA,CAAI,EAAA,CACvB;AAAA,YAGJ,4BAACX,GAAA,EAAQ,OAAOQ,GACZ,UAAA,gBAAAJ,EAACG,KAAU,EAAA,CACf;AAAA,UAAA;AAAA,QAAA;AAAA,MACJ;AAAA,MAbCC;AAAA,IAAA,CAgBZ,EAAA,GAnBUL,EAAM,SAoBrB,CACH;AAAA,IACD,gBAAAC,EAACK,GAAA,EAAM,MAAK,KAAI,SAAS,gBAAAL,EAACQ,GAAA,EAAS,SAAO,IAAC,IAAG,IAAA,CAAI,EAAA,CAAI;AAAA,EAAA,GAC1D;AAER;"}

package/dist/lib/@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'\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":["ChatBox","forwardRef","props","ref","messageList","showMessageList","children","header","placeholder","onInputChange","showAvatar","avatarGap","customRenderer","customAction","bubbleClass","typing","messageListClass","containerClass","jsxs","ChatContainer","jsx","ChatInput","MessageList"],"mappings":";;;;;AAqBA,MAAMA,IAAUC,EAAuC,CAACC,GAAOC,MAAQ;AAC7D,QAAA;AAAA,IACF,aAAAC;AAAA,IACA,iBAAAC,IAAkB;AAAA,IAClB,UAAAC;AAAA,IACA,QAAAC;AAAA,IACA,aAAAC;AAAA,IACA,eAAAC;AAAA,IACA,YAAAC;AAAA,IACA,WAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,cAAAC;AAAA,IACA,aAAAC;AAAA,IACA,QAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,gBAAAC;AAAA,EAAA,IACAf;AAGA,SAAA,gBAAAgB;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,WAAWF;AAAA,MACX,QAAAV;AAAA,MACA,OACI,gBAAAa;AAAA,QAACC;AAAA,QAAA;AAAA,UACG,aAAAb;AAAA,UACA,eAAAC;AAAA,QAAA;AAAA,MACJ;AAAA,MAGH,UAAA;AAAA,QACGJ,KAAA,gBAAAe;AAAA,UAACE;AAAA,UAAA;AAAA,YACG,KAAAnB;AAAA,YACA,MAAMC;AAAA,YACN,YAAAM;AAAA,YACA,WAAAC;AAAA,YACA,gBAAAC;AAAA,YACA,cAAAC;AAAA,YACA,QAAAE;AAAA,YACA,kBAAAC;AAAA,YACA,aAAAF;AAAA,UAAA;AAAA,QACJ;AAAA,QACHR;AAAA,MAAA;AAAA,IAAA;AAAA,EACL;AAER,CAAC;AAEDN,EAAQ,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":["ChatBox","forwardRef","props","ref","messageList","showMessageList","children","header","placeholder","onInputChange","showAvatar","avatarGap","customRenderer","customAction","bubbleClass","typing","messageListClass","containerClass","jsxs","ChatContainer","jsx","ChatInput","MessageList"],"mappings":";;;;;AAqBA,MAAMA,IAAUC,EAAuC,CAACC,GAAOC,MAAQ;AACnE,QAAM;AAAA,IACF,aAAAC;AAAA,IACA,iBAAAC,IAAkB;AAAA,IAClB,UAAAC;AAAA,IACA,QAAAC;AAAA,IACA,aAAAC;AAAA,IACA,eAAAC;AAAA,IACA,YAAAC;AAAA,IACA,WAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,cAAAC;AAAA,IACA,aAAAC;AAAA,IACA,QAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,gBAAAC;AAAA,EAAA,IACAf;AAEJ,SACI,gBAAAgB;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,WAAWF;AAAA,MACX,QAAAV;AAAA,MACA,OACI,gBAAAa;AAAA,QAACC;AAAA,QAAA;AAAA,UACG,aAAAb;AAAA,UACA,eAAAC;AAAA,QAAA;AAAA,MAAA;AAAA,MAIP,UAAA;AAAA,QAAAJ,KACG,gBAAAe;AAAA,UAACE;AAAA,UAAA;AAAA,YACG,KAAAnB;AAAA,YACA,MAAMC;AAAA,YACN,YAAAM;AAAA,YACA,WAAAC;AAAA,YACA,gBAAAC;AAAA,YACA,cAAAC;AAAA,YACA,QAAAE;AAAA,YACA,kBAAAC;AAAA,YACA,aAAAF;AAAA,UAAA;AAAA,QAAA;AAAA,QAEPR;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGb,CAAC;AAEDN,EAAQ,cAAc;"}

package/dist/lib/@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'\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":["Attachment","attachments","jsx","attachment","index","key","jsxs","TbFile","_a","_b"],"mappings":";;;AAWA,MAAMA,IAAa,CAAC,EAAE,aAAAC,QAEd,gBAAAC,EAAC,SAAI,WAAU,iBACV,eACGD,EAAY,IAAI,CAACE,GAAYC,MAAU;;AAC7B,QAAAC,IAAMF,EAAW,WAAWC;AAE9B,SAAAD,EAAW,SAAS,4BAEf,OACG,EAAA,UAAA,gBAAAD;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAU;AAAA,MACV,KAAKC,EAAW;AAAA,MAChB,KAAI;AAAA,IAAA;AAAA,OAJFE,CAMV,IAIJF,EAAW,SAAS,4BAEf,OACG,EAAA,UAAA,gBAAAD;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,MAAMC,EAAW;AAAA,MACjB,QAAO;AAAA,MACP,KAAI;AAAA,MAEJ,UAAA,gBAAAD;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,WAAU;AAAA,UACV,KAAKC,EAAW;AAAA,QAAA;AAAA,MAAA;AAAA,IACpB;AAAA,OATEE,CAWV,IAIJF,EAAW,SAAS,UAEf,gBAAAD,EAAA,OAAA,EACG,UAAC,gBAAAI,EAAA,SAAA,EAAM,UAAQ,IACX,UAAA;AAAA,IAAC,gBAAAJ,EAAA,UAAA,EAAO,KAAKC,EAAW,SAAU,CAAA;AAAA,IAAE;AAAA,EAAA,EAGxC,CAAA,KALME,CAMV,IAKJ,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MAEG,UAAQ;AAAA,MACR,WAAU;AAAA,MACV,MAAMH,EAAW;AAAA,MAEjB,UAAA;AAAA,QAAC,gBAAAD,EAAAK,GAAA,EAAO,WAAU,wBAAwB,CAAA;AAAA,0BACzC,OACG,EAAA,UAAA;AAAA,UAAA,gBAAAL,EAAC,OAAI,EAAA,WAAU,0BACV,WAAAM,IAAAL,EAAW,WAAX,gBAAAK,EAAmB,MACxB;AAAA,UACA,gBAAAN,EAAC,SAAI,WAAU,gBACV,aAAaO,IAAAN,EAAW,WAAX,gBAAAM,EAAmB,IAAI,EACzC,CAAA;AAAA,QAAA,EACJ,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IAbKJ;AAAA,EAcT;AAEP,CAAA,GACT;"}
+{"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":["Attachment","attachments","jsx","attachment","index","key","jsxs","TbFile","_a","_b"],"mappings":";;;AAWA,MAAMA,IAAa,CAAC,EAAE,aAAAC,QAEd,gBAAAC,EAAC,SAAI,WAAU,iBACV,eACGD,EAAY,IAAI,CAACE,GAAYC,MAAU;;AACnC,QAAMC,IAAMF,EAAW,WAAWC;AAElC,SAAID,EAAW,SAAS,4BAEf,OAAA,EACG,UAAA,gBAAAD;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAU;AAAA,MACV,KAAKC,EAAW;AAAA,MAChB,KAAI;AAAA,IAAA;AAAA,EAAA,KAJFE,CAMV,IAIJF,EAAW,SAAS,4BAEf,OAAA,EACG,UAAA,gBAAAD;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,MAAMC,EAAW;AAAA,MACjB,QAAO;AAAA,MACP,KAAI;AAAA,MAEJ,UAAA,gBAAAD;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,WAAU;AAAA,UACV,KAAKC,EAAW;AAAA,QAAA;AAAA,MAAA;AAAA,IACpB;AAAA,EAAA,KATEE,CAWV,IAIJF,EAAW,SAAS,UAEhB,gBAAAD,EAAC,OAAA,EACG,UAAA,gBAAAI,EAAC,SAAA,EAAM,UAAQ,IACX,UAAA;AAAA,IAAA,gBAAAJ,EAAC,UAAA,EAAO,KAAKC,EAAW,SAAA,CAAU;AAAA,IAAE;AAAA,EAAA,EAAA,CAGxC,KALME,CAMV,IAKJ,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MAEG,UAAQ;AAAA,MACR,WAAU;AAAA,MACV,MAAMH,EAAW;AAAA,MAEjB,UAAA;AAAA,QAAA,gBAAAD,EAACK,GAAA,EAAO,WAAU,wBAAA,CAAwB;AAAA,0BACzC,OAAA,EACG,UAAA;AAAA,UAAA,gBAAAL,EAAC,OAAA,EAAI,WAAU,0BACV,WAAAM,IAAAL,EAAW,WAAX,gBAAAK,EAAmB,MACxB;AAAA,UACA,gBAAAN,EAAC,SAAI,WAAU,gBACV,aAAaO,IAAAN,EAAW,WAAX,gBAAAM,EAAmB,IAAI,EAAA,CACzC;AAAA,QAAA,EAAA,CACJ;AAAA,MAAA;AAAA,IAAA;AAAA,IAbKJ;AAAA,EAAA;AAcT,CAEP,GACT;"}

package/dist/lib/@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'\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":["ChatContainer","props","header","children","className","input","jsxs","classNames"],"mappings":";;AASM,MAAAA,IAAgB,CAACC,MAA8B;AACjD,QAAM,EAAE,QAAAC,GAAQ,UAAAC,GAAU,WAAAC,GAAW,OAAAC,EAAU,IAAAJ;AAG3C,SAAA,gBAAAK;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAWC;AAAA,QACP;AAAA,QACAH;AAAA,MACJ;AAAA,MAEC,UAAA;AAAA,QAAAF;AAAA,QACAC;AAAA,QACAE;AAAA,MAAA;AAAA,IAAA;AAAA,EACL;AAER;"}
+{"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":["ChatContainer","props","header","children","className","input","jsxs","classNames"],"mappings":";;AASA,MAAMA,IAAgB,CAACC,MAA8B;AACjD,QAAM,EAAE,QAAAC,GAAQ,UAAAC,GAAU,WAAAC,GAAW,OAAAC,MAAUJ;AAE/C,SACI,gBAAAK;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAWC;AAAA,QACP;AAAA,QACAH;AAAA,MAAA;AAAA,MAGH,UAAA;AAAA,QAAAF;AAAA,QACAC;AAAA,QACAE;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGb;"}

package/dist/lib/@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'\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":["useMergeRef","hooks","ChatInput","props","attachments","setAttachments","useState","placeholder","onInputChange","ref","inputRef","useRef","handleInputClear","handleChange","_a","_b","handleKeyDown","event","jsxs","jsx","Upload","Fragment","TbPhotoPlus","Button","TbArrowRight"],"mappings":";;;;;;;;AAaA,MAAM,EAAE,aAAAA,EAAgB,IAAAC,GAElBC,IAAY,CAACC,MAA0B;AACzC,QAAM,CAACC,GAAaC,CAAc,IAAIC,EAAiB,CAAA,CAAE,GAEnD,EAAE,aAAAC,GAAa,eAAAC,GAAe,KAAAC,IAAM,KAAS,IAAAN,GAE7CO,IAAWC,EAAyB,IAAI,GAExCC,IAAmB,MAAM;AAC3B,IAAIF,EAAS,YACTA,EAAS,QAAQ,QAAQ,KAE7BL,EAAe,CAAA,CAAE;AAAA,EACrB,GAEMQ,IAAe,MAAM;;AACnB,KAAAC,IAAAJ,EAAS,YAAT,QAAAI,EAAkB,UACFN,KAAA,QAAAA,EAAA;AAAA,MACZ,SAAOO,IAAAL,EAAS,YAAT,gBAAAK,EAAkB,UAAS;AAAA,MAClC,aAAAX;AAAA,IAAA,IAEaQ,EAAA;AAAA,EAEzB,GAEMI,IAAgB,CAACC,MAA2C;;AAC1D,IAAAA,EAAM,QAAQ,YACET,KAAA,QAAAA,EAAA;AAAA,MACZ,SAAOM,IAAAJ,EAAS,YAAT,gBAAAI,EAAkB,UAAS;AAAA,MAClC,aAAAV;AAAA,IAAA,IAEaQ,EAAA;AAAA,EAEzB;AAGI,SAAA,gBAAAM,EAAC,OAAI,EAAA,WAAU,4FACV,UAAA;AAAA,IAAAd,EAAY,SAAS,KAClB,gBAAAe;AAAA,MAACC;AAAA,MAAA;AAAA,QACG,UAAUhB;AAAA,QACV,eAAc;AAAA,QACd,eAAc;AAAA,QACd,cAAcC;AAAA,QAEd,UAAE,gBAAAc,EAAAE,GAAA,CAAA,CAAA;AAAA,MAAA;AAAA,IACN;AAAA,IAEJ,gBAAAH,EAAC,OAAI,EAAA,WAAU,2CACX,UAAA;AAAA,MAAA,gBAAAC;AAAA,QAACC;AAAA,QAAA;AAAA,UACG,UAAUhB;AAAA,UACV,UAAU;AAAA,UACV,UAAUC;AAAA,UAEV,UAAA,gBAAAc;AAAA,YAAC;AAAA,YAAA;AAAA,cACG,WAAU;AAAA,cACV,MAAK;AAAA,cAEL,4BAACG,GAAY,CAAA,CAAA;AAAA,YAAA;AAAA,UAAA;AAAA,QACjB;AAAA,MACJ;AAAA,MACA,gBAAAH;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,KAAKnB,EAAYU,GAAUD,CAAG;AAAA,UAC9B,WAAU;AAAA,UACV,aAAAF;AAAA,UACA,WAAWS;AAAA,QAAA;AAAA,MACf;AAAA,MACA,gBAAAG;AAAA,QAACI;AAAA,QAAA;AAAA,UACG,MAAK;AAAA,UACL,OAAM;AAAA,UACN,SAAQ;AAAA,UACR,wBAAOC,GAAa,EAAA;AAAA,UACpB,SAASX;AAAA,QAAA;AAAA,MAAA;AAAA,IACb,EACJ,CAAA;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":["useMergeRef","hooks","ChatInput","props","attachments","setAttachments","useState","placeholder","onInputChange","ref","inputRef","useRef","handleInputClear","handleChange","_a","_b","handleKeyDown","event","jsxs","jsx","Upload","Fragment","TbPhotoPlus","Button","TbArrowRight"],"mappings":";;;;;;;;AAaA,MAAM,EAAE,aAAAA,MAAgBC,GAElBC,IAAY,CAACC,MAA0B;AACzC,QAAM,CAACC,GAAaC,CAAc,IAAIC,EAAiB,CAAA,CAAE,GAEnD,EAAE,aAAAC,GAAa,eAAAC,GAAe,KAAAC,IAAM,SAASN,GAE7CO,IAAWC,EAAyB,IAAI,GAExCC,IAAmB,MAAM;AAC3B,IAAIF,EAAS,YACTA,EAAS,QAAQ,QAAQ,KAE7BL,EAAe,CAAA,CAAE;AAAA,EAAA,GAGfQ,IAAe,MAAM;;AACvB,KAAIC,IAAAJ,EAAS,YAAT,QAAAI,EAAkB,UAClBN,KAAA,QAAAA,EAAgB;AAAA,MACZ,SAAOO,IAAAL,EAAS,YAAT,gBAAAK,EAAkB,UAAS;AAAA,MAClC,aAAAX;AAAA,IAAA,IAEJQ,EAAA;AAAA,EACJ,GAGEI,IAAgB,CAACC,MAA2C;;AAC9D,IAAIA,EAAM,QAAQ,YACdT,KAAA,QAAAA,EAAgB;AAAA,MACZ,SAAOM,IAAAJ,EAAS,YAAT,gBAAAI,EAAkB,UAAS;AAAA,MAClC,aAAAV;AAAA,IAAA,IAEJQ,EAAA;AAAA,EACJ;AAGJ,SACI,gBAAAM,EAAC,OAAA,EAAI,WAAU,4FACV,UAAA;AAAA,IAAAd,EAAY,SAAS,KAClB,gBAAAe;AAAA,MAACC;AAAA,MAAA;AAAA,QACG,UAAUhB;AAAA,QACV,eAAc;AAAA,QACd,eAAc;AAAA,QACd,cAAcC;AAAA,QAEd,UAAA,gBAAAc,EAAAE,GAAA,CAAA,CAAE;AAAA,MAAA;AAAA,IAAA;AAAA,IAGV,gBAAAH,EAAC,OAAA,EAAI,WAAU,2CACX,UAAA;AAAA,MAAA,gBAAAC;AAAA,QAACC;AAAA,QAAA;AAAA,UACG,UAAUhB;AAAA,UACV,UAAU;AAAA,UACV,UAAUC;AAAA,UAEV,UAAA,gBAAAc;AAAA,YAAC;AAAA,YAAA;AAAA,cACG,WAAU;AAAA,cACV,MAAK;AAAA,cAEL,4BAACG,GAAA,CAAA,CAAY;AAAA,YAAA;AAAA,UAAA;AAAA,QACjB;AAAA,MAAA;AAAA,MAEJ,gBAAAH;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,KAAKnB,EAAYU,GAAUD,CAAG;AAAA,UAC9B,WAAU;AAAA,UACV,aAAAF;AAAA,UACA,WAAWS;AAAA,QAAA;AAAA,MAAA;AAAA,MAEf,gBAAAG;AAAA,QAACI;AAAA,QAAA;AAAA,UACG,MAAK;AAAA,UACL,OAAM;AAAA,UACN,SAAQ;AAAA,UACR,wBAAOC,GAAA,EAAa;AAAA,UACpB,SAASX;AAAA,QAAA;AAAA,MAAA;AAAA,IACb,EAAA,CACJ;AAAA,EAAA,GACJ;AAER;"}

package/dist/lib/@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'\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":["Message","props","attachments","content","showAvatar","avatarGap","isMyMessage","sender","type","customRenderer","customAction","bubbleClass","jsx","Fragment","classNames","jsxs","Avatar","Attachment"],"mappings":";;;;AA4BM,MAAAA,IAAU,CAACC,MAAwB;AAC/B,QAAA;AAAA,IACF,aAAAC;AAAA,IACA,SAAAC;AAAA,IACA,YAAAC,IAAa;AAAA,IACb,WAAAC;AAAA,IACA,aAAAC;AAAA,IACA,QAAAC;AAAA,IACA,MAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,cAAAC;AAAA,IACA,aAAAC;AAAA,EAAA,IACAV;AAEJ,SAES,gBAAAW,EAAAC,GAAA,EAAA,UAAAL,MAAS,YACN,gBAAAI,EAAAC,GAAA,CAAE,CAAA,IAEF,gBAAAD;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAWE,EAAW,QAAQR,KAAe,aAAa;AAAA,MAE1D,UAAA,gBAAAS,EAAC,OAAI,EAAA,WAAU,iBACX,UAAA;AAAA,QAAA,gBAAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,WAAWD;AAAA,cACP;AAAA,cACAR,KAAe;AAAA,YACnB;AAAA,YAEC,UAAA;AAAA,cAAAF,uBACI,OAAI,EAAA,WAAWU,EAAW,UAAU,GAChC,UACGT,KAAA,gBAAAO;AAAA,gBAACI;AAAA,gBAAA;AAAA,kBACG,KAAKT,EAAO;AAAA,kBACZ,MAAM;AAAA,gBAAA;AAAA,cAAA,GAGlB;AAAA,cAEJ,gBAAAK;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACG,WAAWE;AAAA,oBACP;AAAA,oBACAH;AAAA,kBACJ;AAAA,kBAEC,UAAAF,IACGA,EAAe,IAGV,gBAAAM,EAAAF,GAAA,EAAA,UAAA;AAAA,oBACGX,MAAAA,KAAA,gBAAAA,EAAa,UAAS,KAClB,gBAAAU;AAAA,sBAACK;AAAA,sBAAA;AAAA,wBACG,aAAAf;AAAA,sBAAA;AAAA,oBACJ;AAAA,oBAEPC;AAAA,kBAAA,EACL,CAAA;AAAA,gBAAA;AAAA,cAAA;AAAA,YAER;AAAA,UAAA;AAAA,QACJ;AAAA,QACCO,uBACI,OACG,EAAA,UAAA,gBAAAK;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,WAAWD;AAAA,cACP;AAAA,cACAR,KAAe;AAAA,YACnB;AAAA,YAEC,UAAA;AAAA,cAAAF,KAAcC,KACX,gBAAAO;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACG,WAAWE,EAAW,UAAU;AAAA,gBAAA;AAAA,cACnC;AAAA,cAEJJ,EAAa;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA,EAEtB,CAAA;AAAA,MAAA,EAER,CAAA;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":["Message","props","attachments","content","showAvatar","avatarGap","isMyMessage","sender","type","customRenderer","customAction","bubbleClass","jsx","Fragment","classNames","jsxs","Avatar","Attachment"],"mappings":";;;;AA4BA,MAAMA,IAAU,CAACC,MAAwB;AACrC,QAAM;AAAA,IACF,aAAAC;AAAA,IACA,SAAAC;AAAA,IACA,YAAAC,IAAa;AAAA,IACb,WAAAC;AAAA,IACA,aAAAC;AAAA,IACA,QAAAC;AAAA,IACA,MAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,cAAAC;AAAA,IACA,aAAAC;AAAA,EAAA,IACAV;AAEJ,SACI,gBAAAW,EAAAC,GAAA,EACK,UAAAL,MAAS,YACN,gBAAAI,EAAAC,GAAA,CAAA,CAAE,IAEF,gBAAAD;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAWE,EAAW,QAAQR,KAAe,aAAa;AAAA,MAE1D,UAAA,gBAAAS,EAAC,OAAA,EAAI,WAAU,iBACX,UAAA;AAAA,QAAA,gBAAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,WAAWD;AAAA,cACP;AAAA,cACAR,KAAe;AAAA,YAAA;AAAA,YAGlB,UAAA;AAAA,cAAAF,uBACI,OAAA,EAAI,WAAWU,EAAW,UAAU,GAChC,UAAAT,KACG,gBAAAO;AAAA,gBAACI;AAAA,gBAAA;AAAA,kBACG,KAAKT,EAAO;AAAA,kBACZ,MAAM;AAAA,gBAAA;AAAA,cAAA,GAGlB;AAAA,cAEJ,gBAAAK;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACG,WAAWE;AAAA,oBACP;AAAA,oBACAH;AAAA,kBAAA;AAAA,kBAGH,UAAAF,IACGA,EAAA,IAEA,gBAAAM,EAAAF,GAAA,EACK,UAAA;AAAA,oBAAAX,MACGA,KAAA,gBAAAA,EAAa,UAAS,KAClB,gBAAAU;AAAA,sBAACK;AAAA,sBAAA;AAAA,wBACG,aAAAf;AAAA,sBAAA;AAAA,oBAAA;AAAA,oBAGXC;AAAA,kBAAA,EAAA,CACL;AAAA,gBAAA;AAAA,cAAA;AAAA,YAER;AAAA,UAAA;AAAA,QAAA;AAAA,QAEHO,uBACI,OAAA,EACG,UAAA,gBAAAK;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,WAAWD;AAAA,cACP;AAAA,cACAR,KAAe;AAAA,YAAA;AAAA,YAGlB,UAAA;AAAA,cAAAF,KAAcC,KACX,gBAAAO;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACG,WAAWE,EAAW,UAAU;AAAA,gBAAA;AAAA,cAAA;AAAA,cAGvCJ,EAAA;AAAA,YAAa;AAAA,UAAA;AAAA,QAAA,EAClB,CACJ;AAAA,MAAA,EAAA,CAER;AAAA,IAAA;AAAA,EAAA,GAGZ;AAER;"}

package/dist/lib/@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'\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":["MessageList","forwardRef","props","ref","list","showAvatar","typing","avatarGap","customRenderer","customAction","messageListClass","bubbleClass","jsx","classNames","jsxs","ScrollBar","message","index","Message"],"mappings":";;;;;;AA2BA,MAAMA,IAAcC,EAA2C,CAACC,GAAOC,MAAQ;AAAW,QAAA;AAAA,IAClF,MAAAC,IAAO,CAAC;AAAA,IACR,YAAAC,IAAa;AAAA,IACb,QAAAC,IAAS;AAAA,IACT,WAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,cAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,aAAAC;AAAA,EAAA,IACAT;AAGA,SAAA,gBAAAU,EAAC,OAAI,EAAA,WAAWC,EAAW,YAAYH,CAAgB,GACnD,UAAA,gBAAAI,EAAC,OAAI,EAAA,WAAU,4CAA2C,UAAA;AAAA,IAAA;AAAA,IAAgB,gBAAAA;AAAA,MAACC;AAAA,MAAA;AAAA,QACnE,KAAAZ;AAAA,QACA,UAAQ;AAAA,QACR,WAAU;AAAA,QAEV,UAAA;AAAA,UAAC,gBAAAW,EAAA,OAAA,EAAI,WAAU,4BACV,UAAA;AAAA,YAAKV,EAAA,IAAI,CAACY,GAASC,MAChB,gBAAAL;AAAA,cAACM;AAAA,cAAA;AAAA,gBAEG,YAAAb;AAAA,gBACA,WAAAE;AAAA,gBACA,aAAAI;AAAA,gBACC,GAAGK;AAAA,gBACH,GAAIR,IACC;AAAA,kBACI,gBAAgB,MACZA,EAAeQ,GAASC,CAAK;AAAA,gBAAA,IAErC,CAAC;AAAA,gBACN,GAAIR,IACC;AAAA,kBACI,cAAc,MACVA,EAAaO,GAASC,CAAK;AAAA,gBAAA,IAEnC,CAAA;AAAA,cAAC;AAAA,cAhBFD,EAAQ;AAAA,YAAA,CAkBpB;AAAA,YACAV,KACG,gBAAAM;AAAA,cAACM;AAAA,cAAA;AAAA,gBACG,IAAIZ,EAAO,OAAO;AAAA,gBAClB,QAAQA;AAAA,gBACR,MAAK;AAAA,gBACL,YAAAD;AAAA,gBACA,aAAAM;AAAA,gBACA,WAAAJ;AAAA,gBACA,SACI,gBAAAO,EAAC,QAAK,EAAA,WAAU,2BACZ,UAAA;AAAA,kBAAC,gBAAAF,EAAA,QAAA,EAAK,WAAU,0GAA0G,CAAA;AAAA,kBAC1H,gBAAAA,EAAC,QAAK,EAAA,WAAU,4GAA4G,CAAA;AAAA,kBAC5H,gBAAAA,EAAC,QAAK,EAAA,WAAU,0GAA0G,CAAA;AAAA,gBAAA,EAC9H,CAAA;AAAA,cAAA;AAAA,YAAA;AAAA,UAER,GAER;AAAA,UAAM;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAAgB,EAAA,CAC9B,EACJ,CAAA;AAER,CAAC;AAEDZ,EAAY,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":["MessageList","forwardRef","props","ref","list","showAvatar","typing","avatarGap","customRenderer","customAction","messageListClass","bubbleClass","jsx","classNames","jsxs","ScrollBar","message","index","Message"],"mappings":";;;;;;AA2BA,MAAMA,IAAcC,EAA2C,CAACC,GAAOC,MAAQ;AAAK,QAAM;AAAA,IAClF,MAAAC,IAAO,CAAA;AAAA,IACP,YAAAC,IAAa;AAAA,IACb,QAAAC,IAAS;AAAA,IACT,WAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,cAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,aAAAC;AAAA,EAAA,IACAT;AAEJ,SACI,gBAAAU,EAAC,OAAA,EAAI,WAAWC,EAAW,YAAYH,CAAgB,GACnD,UAAA,gBAAAI,EAAC,OAAA,EAAI,WAAU,4CAA2C,UAAA;AAAA,IAAA;AAAA,IAAgB,gBAAAA;AAAA,MAACC;AAAA,MAAA;AAAA,QACnE,KAAAZ;AAAA,QACA,UAAQ;AAAA,QACR,WAAU;AAAA,QAEV,UAAA;AAAA,UAAA,gBAAAW,EAAC,OAAA,EAAI,WAAU,4BACV,UAAA;AAAA,YAAAV,EAAK,IAAI,CAACY,GAASC,MAChB,gBAAAL;AAAA,cAACM;AAAA,cAAA;AAAA,gBAEG,YAAAb;AAAA,gBACA,WAAAE;AAAA,gBACA,aAAAI;AAAA,gBACC,GAAGK;AAAA,gBACH,GAAIR,IACC;AAAA,kBACI,gBAAgB,MACZA,EAAeQ,GAASC,CAAK;AAAA,gBAAA,IAErC,CAAA;AAAA,gBACL,GAAIR,IACC;AAAA,kBACI,cAAc,MACVA,EAAaO,GAASC,CAAK;AAAA,gBAAA,IAEnC,CAAA;AAAA,cAAC;AAAA,cAhBFD,EAAQ;AAAA,YAAA,CAkBpB;AAAA,YACAV,KACG,gBAAAM;AAAA,cAACM;AAAA,cAAA;AAAA,gBACG,IAAIZ,EAAO,OAAO;AAAA,gBAClB,QAAQA;AAAA,gBACR,MAAK;AAAA,gBACL,YAAAD;AAAA,gBACA,aAAAM;AAAA,gBACA,WAAAJ;AAAA,gBACA,SACI,gBAAAO,EAAC,QAAA,EAAK,WAAU,2BACZ,UAAA;AAAA,kBAAA,gBAAAF,EAAC,QAAA,EAAK,WAAU,0GAAA,CAA0G;AAAA,kBAC1H,gBAAAA,EAAC,QAAA,EAAK,WAAU,4GAAA,CAA4G;AAAA,kBAC5H,gBAAAA,EAAC,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;AAEDZ,EAAY,cAAc;"}

package/dist/lib/@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'\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":["limit","val","max","cardExpiryFormat","month","date","validationSchema","z","value","CreditCardDialog","title","dialogOpen","onDialogClose","defaultValues","onSubmit","handleSubmit","errors","isSubmitting","reset","control","useForm","zodResolver","useEffect","jsxs","Dialog","jsx","Form","FormItem","_a","Controller","field","Input","_b","FormPatternInput","e","_c","FormCustomFormatInput","_d","Button"],"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":["limit","val","max","cardExpiryFormat","month","date","validationSchema","z","value","CreditCardDialog","title","dialogOpen","onDialogClose","defaultValues","onSubmit","handleSubmit","errors","isSubmitting","reset","control","useForm","zodResolver","useEffect","jsxs","Dialog","jsx","Form","FormItem","_a","Controller","field","Input","_b","FormPatternInput","e","_c","FormCustomFormatInput","_d","Button"],"mappings":"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"}

package/dist/lib/@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'\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":["FileIcon","type","size","jsx","FilePdf","FileXls","FileDoc","FilePpt","FileFigma","FileImage","Folder","Fragment"],"mappings":";;;;;;;;AAQA,MAAMA,IAAW,CAAC,EAAE,MAAAC,GAAM,MAAAC,IAAO,SAA0C;AACvE,UAAQD,GAAM;AAAA,IACV,KAAK;AACD,aAAQ,gBAAAE,EAAAC,GAAA,EAAQ,QAAQF,GAAM,OAAOA,GAAM;AAAA,IAC/C,KAAK;AACD,aAAQ,gBAAAC,EAAAE,GAAA,EAAQ,QAAQH,GAAM,OAAOA,GAAM;AAAA,IAC/C,KAAK;AACD,aAAQ,gBAAAC,EAAAG,GAAA,EAAQ,QAAQJ,GAAM,OAAOA,GAAM;AAAA,IAC/C,KAAK;AACD,aAAQ,gBAAAC,EAAAI,GAAA,EAAQ,QAAQL,GAAM,OAAOA,GAAM;AAAA,IAC/C,KAAK;AACD,aAAQ,gBAAAC,EAAAK,GAAA,EAAU,QAAQN,GAAM,OAAOA,GAAM;AAAA,IACjD,KAAK;AACD,aAAQ,gBAAAC,EAAAM,GAAA,EAAU,QAAQP,GAAM,OAAOA,GAAM;AAAA,IACjD,KAAK;AACD,aAAQ,gBAAAC,EAAAM,GAAA,EAAU,QAAQP,GAAM,OAAOA,GAAM;AAAA,IACjD,KAAK;AACD,aAAQ,gBAAAC,EAAAM,GAAA,EAAU,QAAQP,GAAM,OAAOA,GAAM;AAAA,IACjD,KAAK;AACD,aAAQ,gBAAAC,EAAAO,GAAA,EAAO,QAAQR,GAAM,OAAOA,GAAM;AAAA,IAC9C;AACI,aAAS,gBAAAC,EAAAQ,GAAA,EAAA;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":["FileIcon","type","size","jsx","FilePdf","FileXls","FileDoc","FilePpt","FileFigma","FileImage","Folder","Fragment"],"mappings":";;;;;;;;AAQA,MAAMA,IAAW,CAAC,EAAE,MAAAC,GAAM,MAAAC,IAAO,SAA0C;AACvE,UAAQD,GAAA;AAAA,IACJ,KAAK;AACD,aAAO,gBAAAE,EAACC,GAAA,EAAQ,QAAQF,GAAM,OAAOA,GAAM;AAAA,IAC/C,KAAK;AACD,aAAO,gBAAAC,EAACE,GAAA,EAAQ,QAAQH,GAAM,OAAOA,GAAM;AAAA,IAC/C,KAAK;AACD,aAAO,gBAAAC,EAACG,GAAA,EAAQ,QAAQJ,GAAM,OAAOA,GAAM;AAAA,IAC/C,KAAK;AACD,aAAO,gBAAAC,EAACI,GAAA,EAAQ,QAAQL,GAAM,OAAOA,GAAM;AAAA,IAC/C,KAAK;AACD,aAAO,gBAAAC,EAACK,GAAA,EAAU,QAAQN,GAAM,OAAOA,GAAM;AAAA,IACjD,KAAK;AACD,aAAO,gBAAAC,EAACM,GAAA,EAAU,QAAQP,GAAM,OAAOA,GAAM;AAAA,IACjD,KAAK;AACD,aAAO,gBAAAC,EAACM,GAAA,EAAU,QAAQP,GAAM,OAAOA,GAAM;AAAA,IACjD,KAAK;AACD,aAAO,gBAAAC,EAACM,GAAA,EAAU,QAAQP,GAAM,OAAOA,GAAM;AAAA,IACjD,KAAK;AACD,aAAO,gBAAAC,EAACO,GAAA,EAAO,QAAQR,GAAM,OAAOA,GAAM;AAAA,IAC9C;AACI,aAAO,gBAAAC,EAAAQ,GAAA,EAAE;AAAA,EAAA;AAErB;"}

package/dist/lib/@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'\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":["Td","Tr","Table","TaskItem","props","taskId","progress","checked","name","dueDate","onChange","assignee","dragger","priority","labelClass","showDragger","showAssignee","ref","rest","jsxs","jsx","TbCircleCheckFilled","TbCircleCheck","classNames","Tag","dayjs","Avatar"],"mappings":";;;;;;;;AA4BA,MAAM,EAAE,IAAAA,GAAI,IAAAC,EAAA,IAAOC,GAEbC,IAAW,CAACC,MAAyB;AACjC,QAAA;AAAA,IACF,QAAAC;AAAA,IACA,UAAAC;AAAA,IACA,SAAAC;AAAA,IACA,MAAAC;AAAA,IACA,SAAAC;AAAA,IACA,UAAAC;AAAA,IACA,UAAAC;AAAA,IACA,SAAAC;AAAA,IACA,UAAAC;AAAA,IACA,YAAAC,IAAa,CAAC;AAAA,IACd,aAAAC,IAAc;AAAA,IACd,cAAAC,IAAe;AAAA,IACf,KAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACHd;AAEJ,SACK,gBAAAe,EAAAlB,GAAA,EAAG,KAAAgB,GAAW,GAAGC,GACb,UAAA;AAAA,IAAAH,KAAgB,gBAAAK,EAAApB,GAAA,EAAG,WAAU,oBAAoB,UAAQY,GAAA;AAAA,IAC1D,gBAAAQ,EAACpB,GAAG,EAAA,WAAU,YACV,UAAA,gBAAAoB;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAU;AAAA,QACV,MAAK;AAAA,QACL,SAAS,MAAMV,EAASL,CAAM;AAAA,QAE7B,UAAAE,sBACIc,GAAoB,EAAA,WAAU,eAAe,CAAA,IAE9C,gBAAAD,EAACE,GAAc,EAAA,WAAU,qBAAqB,CAAA;AAAA,MAAA;AAAA,IAAA,GAG1D;AAAA,IACA,gBAAAF,EAACpB,GAAG,EAAA,WAAU,aACV,UAAA,gBAAAoB;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAWG;AAAA,UACP;AAAA,UACAhB,KAAW;AAAA,QACf;AAAA,QAEC,UAAAC;AAAA,MAAA;AAAA,IAAA,GAET;AAAA,IACA,gBAAAY,EAACpB,GAAG,EAAA,WAAU,aACV,UAAA,gBAAAoB;AAAA,MAACI;AAAA,MAAA;AAAA,QACG,WAAW,sBACPlB,IAAWQ,EAAWR,CAAQ,IAAI,EACtC;AAAA,QAEC,UAAAA;AAAA,MAAA;AAAA,IAAA,GAET;AAAA,IACA,gBAAAc,EAACpB,GAAG,EAAA,WAAU,aACV,UAAA,gBAAAoB;AAAA,MAACI;AAAA,MAAA;AAAA,QACG,WAAW,sBACPX,IAAWC,EAAWD,CAAQ,IAAI,EACtC;AAAA,QAEC,UAAAA;AAAA,MAAA;AAAA,IAAA,GAET;AAAA,sBACCb,GAAG,EAAA,WAAU,aACV,UAAA,gBAAAoB,EAAC,UAAK,WAAU,iBACX,UAAUX,IAAAgB,EAAMhB,CAAO,EAAE,OAAO,SAAS,IAAI,IAClD,CAAA,GACJ;AAAA,IACCO,KACG,gBAAAI,EAACpB,GACI,EAAA,UAAA,EAACW,KAAA,QAAAA,EAAU,QAAOA,KAAA,QAAAA,EAAU,OACzB,MAEA,gBAAAQ,EAAC,OAAI,EAAA,WAAU,2BACX,UAAA;AAAA,MAAA,gBAAAC,EAACM,KAAO,KAAKf,KAAA,gBAAAA,EAAU,KAAK,MAAK,MAAK,KAAI,IAAG;AAAA,MAC5C,gBAAAS,EAAA,QAAA,EAAK,WAAU,0BACX,iCAAU,KACf,CAAA;AAAA,IAAA,EAAA,CACJ,EAER,CAAA;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":["Td","Tr","Table","TaskItem","props","taskId","progress","checked","name","dueDate","onChange","assignee","dragger","priority","labelClass","showDragger","showAssignee","ref","rest","jsxs","jsx","TbCircleCheckFilled","TbCircleCheck","classNames","Tag","dayjs","Avatar"],"mappings":";;;;;;;;AA4BA,MAAM,EAAE,IAAAA,GAAI,IAAAC,EAAA,IAAOC,GAEbC,IAAW,CAACC,MAAyB;AACvC,QAAM;AAAA,IACF,QAAAC;AAAA,IACA,UAAAC;AAAA,IACA,SAAAC;AAAA,IACA,MAAAC;AAAA,IACA,SAAAC;AAAA,IACA,UAAAC;AAAA,IACA,UAAAC;AAAA,IACA,SAAAC;AAAA,IACA,UAAAC;AAAA,IACA,YAAAC,IAAa,CAAA;AAAA,IACb,aAAAC,IAAc;AAAA,IACd,cAAAC,IAAe;AAAA,IACf,KAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACHd;AAEJ,SACI,gBAAAe,EAAClB,GAAA,EAAG,KAAAgB,GAAW,GAAGC,GACb,UAAA;AAAA,IAAAH,KAAe,gBAAAK,EAACpB,GAAA,EAAG,WAAU,oBAAoB,UAAAY,GAAQ;AAAA,IAC1D,gBAAAQ,EAACpB,GAAA,EAAG,WAAU,YACV,UAAA,gBAAAoB;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAU;AAAA,QACV,MAAK;AAAA,QACL,SAAS,MAAMV,EAASL,CAAM;AAAA,QAE7B,UAAAE,sBACIc,GAAA,EAAoB,WAAU,gBAAe,IAE9C,gBAAAD,EAACE,GAAA,EAAc,WAAU,qBAAA,CAAqB;AAAA,MAAA;AAAA,IAAA,GAG1D;AAAA,IACA,gBAAAF,EAACpB,GAAA,EAAG,WAAU,aACV,UAAA,gBAAAoB;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAWG;AAAA,UACP;AAAA,UACAhB,KAAW;AAAA,QAAA;AAAA,QAGd,UAAAC;AAAA,MAAA;AAAA,IAAA,GAET;AAAA,IACA,gBAAAY,EAACpB,GAAA,EAAG,WAAU,aACV,UAAA,gBAAAoB;AAAA,MAACI;AAAA,MAAA;AAAA,QACG,WAAW,sBACPlB,IAAWQ,EAAWR,CAAQ,IAAI,EACtC;AAAA,QAEC,UAAAA;AAAA,MAAA;AAAA,IAAA,GAET;AAAA,IACA,gBAAAc,EAACpB,GAAA,EAAG,WAAU,aACV,UAAA,gBAAAoB;AAAA,MAACI;AAAA,MAAA;AAAA,QACG,WAAW,sBACPX,IAAWC,EAAWD,CAAQ,IAAI,EACtC;AAAA,QAEC,UAAAA;AAAA,MAAA;AAAA,IAAA,GAET;AAAA,sBACCb,GAAA,EAAG,WAAU,aACV,UAAA,gBAAAoB,EAAC,UAAK,WAAU,iBACX,UAAAX,IAAUgB,EAAMhB,CAAO,EAAE,OAAO,SAAS,IAAI,KAClD,GACJ;AAAA,IACCO,KACG,gBAAAI,EAACpB,GAAA,EACI,UAAA,EAACW,KAAA,QAAAA,EAAU,QAAOA,KAAA,QAAAA,EAAU,OACzB,MAEA,gBAAAQ,EAAC,OAAA,EAAI,WAAU,2BACX,UAAA;AAAA,MAAA,gBAAAC,EAACM,KAAO,KAAKf,KAAA,gBAAAA,EAAU,KAAK,MAAK,MAAK,KAAI,IAAG;AAAA,MAC7C,gBAAAS,EAAC,QAAA,EAAK,WAAU,0BACX,iCAAU,KAAA,CACf;AAAA,IAAA,EAAA,CACJ,EAAA,CAER;AAAA,EAAA,GAER;AAER;"}

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

@@ -52,7 +52,8 @@ const a = {
     bar: {
       horizontal: !1,
       columnWidth: "35px",
-      borderRadius: 4
+      borderRadius: 4,
+      borderRadiusApplication: "end"
     }
   },
   colors: [...o],
@@ -163,7 +164,7 @@ const a = {
       formatter: (t) => `${t}`
     }
   }
-}, p = {
+}, d = {
   colors: [...o],
   plotOptions: {
     pie: {
@@ -196,7 +197,7 @@ const a = {
   legend: {
     show: !1
   }
-}, d = {
+}, p = {
   chart: {
     type: "line",
     sparkline: {
@@ -243,20 +244,20 @@ const a = {
   apexColumnChartDefaultOption: n,
   apexMixedChartDefaultOption: i,
   apexPieChartDefaultOption: c,
-  apexDonutChartDefaultOption: p,
-  apexSparklineChartDefultOption: d,
+  apexDonutChartDefaultOption: d,
+  apexSparklineChartDefultOption: p,
   apexRadarChartDefultOption: f
 };
 export {
   l as apexAreaChartDefaultOption,
   s as apexBarChartDefaultOption,
   n as apexColumnChartDefaultOption,
-  p as apexDonutChartDefaultOption,
+  d as apexDonutChartDefaultOption,
   a as apexLineChartDefaultOption,
   i as apexMixedChartDefaultOption,
   c as apexPieChartDefaultOption,
   f as apexRadarChartDefultOption,
-  d as apexSparklineChartDefultOption,
+  p as apexSparklineChartDefultOption,
   u as default
 };
 //# sourceMappingURL=chart.config.js.map

package/dist/lib/@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'\nimport type { ApexOptions } from 'apexcharts'\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            return (\n                val +\n                ' - ' +\n                opts.w.globals.series[opts.seriesIndex][opts.dataPointIndex] +\n                ''\n            )\n        },\n    },\n    xaxis: {\n        categories: [],\n    },\n}\n\nexport const apexAreaChartDefaultOption = {\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            \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            return (\n                val +\n                ' - ' +\n                opts.w.globals.series[opts.seriesIndex][opts.dataPointIndex] +\n                ''\n            )\n        },\n    },\n    xaxis: {\n        categories: [],\n    },\n    fill: {\n        opacity: 1,\n    },\n    tooltip: {\n        y: {\n            formatter: (val) => `${val}`,\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) => `${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) => `${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) => `${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                            return w.globals.seriesTotals.reduce(\n                                (a: string, b: string) => {\n                                    return a + b\n                                },\n                                0,\n                            )\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":["apexLineChartDefaultOption","COLORS","val","opts","apexAreaChartDefaultOption","apexBarChartDefaultOption","apexColumnChartDefaultOption","apexMixedChartDefaultOption","apexPieChartDefaultOption","apexDonutChartDefaultOption","w","a","b","apexSparklineChartDefultOption","apexRadarChartDefultOption","chartConfig"],"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\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            return (\n                val +\n                ' - ' +\n                opts.w.globals.series[opts.seriesIndex][opts.dataPointIndex] +\n                ''\n            )\n        },\n    },\n    xaxis: {\n        categories: [],\n    },\n}\n\nexport const apexAreaChartDefaultOption = {\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            return (\n                val +\n                ' - ' +\n                opts.w.globals.series[opts.seriesIndex][opts.dataPointIndex] +\n                ''\n            )\n        },\n    },\n    xaxis: {\n        categories: [],\n    },\n    fill: {\n        opacity: 1,\n    },\n    tooltip: {\n        y: {\n            formatter: (val) => `${val}`,\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) => `${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) => `${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) => `${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                            return w.globals.seriesTotals.reduce(\n                                (a: string, b: string) => {\n                                    return a + b\n                                },\n                                0,\n                            )\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":["apexLineChartDefaultOption","COLORS","val","opts","apexAreaChartDefaultOption","apexBarChartDefaultOption","apexColumnChartDefaultOption","apexMixedChartDefaultOption","apexPieChartDefaultOption","apexDonutChartDefaultOption","w","a","b","apexSparklineChartDefultOption","apexRadarChartDefultOption","chartConfig"],"mappings":"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"}