@orbe-agro/client-core 5.5.83 → 5.6.0

package/dist/@ecme/views/concepts/help-center/ManageArticle/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sources":["../../../../../../lib/@ecme/views/concepts/help-center/ManageArticle/utils.tsx"],"sourcesContent":["import type { ReactNode } from 'react'\nimport {\n    TbPresentation,\n    TbSettings,\n    TbStar,\n    TbLicense,\n    TbChartHistogram,\n    TbChartPie,\n    TbRobotFace,\n    TbLibraryPhoto,\n    TbShieldCheck,\n    TbRefreshDot,\n    TbPalette,\n    TbCoins,\n} from 'react-icons/tb'\n\nexport const categoryIcon: Record<string, ReactNode> = {\n    introduction: <TbPresentation />,\n    setupGuide: <TbSettings />,\n    basicFeatures: <TbStar />,\n    survey: <TbLicense />,\n    analytic: <TbChartHistogram />,\n    dataVisualization: <TbChartPie />,\n    chatbot: <TbRobotFace />,\n    media: <TbLibraryPhoto />,\n    security: <TbShieldCheck />,\n    integration: <TbRefreshDot />,\n    themes: <TbPalette />,\n    commission: <TbCoins />,\n}\n\nexport const categoryLabel: Record<string, string> = {\n    introduction: 'Introduction',\n    setupGuide: 'Setup Guide',\n    basicFeatures: 'Basic Features',\n    survey: 'Survey',\n    analytic: 'Analytic',\n    dataVisualization: 'Data Visualization',\n    chatbot: 'Chatbot',\n    media: 'Media',\n    security: 'Security',\n    integration: 'Integration',\n    themes: 'Themes',\n    commission: 'Commission',\n}\n\nexport const categoryClass: Record<string, string> = {\n    introduction: 'bg-sky-200 dark:bg-sky-200',\n    setupGuide: 'bg-red-200 dark:bg-red-200',\n    basicFeatures: 'bg-amber-200 dark:bg-amber-200',\n    survey: 'bg-orange-200 dark:bg-orange-200',\n    analytic: 'bg-teal-200 dark:bg-teal-200',\n    dataVisualization: 'bg-cyan-200 dark:bg-cyan-200',\n    chatbot: 'bg-yellow-200 dark:bg-yellow-200',\n    media: 'bg-rose-200 dark:bg-rose-200',\n    security: 'bg-emerald-200 dark:bg-emerald-200',\n    integration: ' bg-purple-200 dark:bg-purple-200',\n    themes: 'bg-sky-200 dark:bg-sky-200',\n    commission: 'bg-indigo-200 dark:bg-indigo-200',\n}\n\nexport const categoryOption = [\n    { label: 'Introduction', value: 'introduction' },\n    { label: 'Setup Guide', value: 'setupGuide' },\n    { label: 'Basic Features', value: 'basicFeatures' },\n    { label: 'Survey', value: 'survey' },\n    { label: 'Analytic', value: 'analytic' },\n    { label: 'Data Visualization', value: 'dataVisualization' },\n    { label: 'Chatbot', value: 'chatbot' },\n    { label: 'Media', value: 'media' },\n    { label: 'Security', value: 'security' },\n    { label: 'Integration', value: 'integration' },\n    { label: 'Themes', value: 'themes' },\n    { label: 'Commission', value: 'commission' },\n]\n"],"names":[],"mappings":";;AAgBO,MAAM,eAA0C;AAAA,EACnD,kCAAe,gBAAA,EAAe;AAAA,EAC9B,gCAAa,YAAA,EAAW;AAAA,EACxB,mCAAgB,QAAA,EAAO;AAAA,EACvB,4BAAS,WAAA,EAAU;AAAA,EACnB,8BAAW,kBAAA,EAAiB;AAAA,EAC5B,uCAAoB,YAAA,EAAW;AAAA,EAC/B,6BAAU,aAAA,EAAY;AAAA,EACtB,2BAAQ,gBAAA,EAAe;AAAA,EACvB,8BAAW,eAAA,EAAc;AAAA,EACzB,iCAAc,cAAA,EAAa;AAAA,EAC3B,4BAAS,WAAA,EAAU;AAAA,EACnB,gCAAa,SAAA,CAAA,CAAQ;AACzB;AAEO,MAAM,gBAAwC;AAAA,EACjD,cAAc;AAAA,EACd,YAAY;AAAA,EACZ,eAAe;AAAA,EACf,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,mBAAmB;AAAA,EACnB,SAAS;AAAA,EACT,OAAO;AAAA,EACP,UAAU;AAAA,EACV,aAAa;AAAA,EACb,QAAQ;AAAA,EACR,YAAY;AAChB;AAEO,MAAM,gBAAwC;AAAA,EACjD,cAAc;AAAA,EACd,YAAY;AAAA,EACZ,eAAe;AAAA,EACf,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,mBAAmB;AAAA,EACnB,SAAS;AAAA,EACT,OAAO;AAAA,EACP,UAAU;AAAA,EACV,aAAa;AAAA,EACb,QAAQ;AAAA,EACR,YAAY;AAChB;AAEO,MAAM,iBAAiB;AAAA,EAC1B,EAAE,OAAO,gBAAgB,OAAO,eAAA;AAAA,EAChC,EAAE,OAAO,eAAe,OAAO,aAAA;AAAA,EAC/B,EAAE,OAAO,kBAAkB,OAAO,gBAAA;AAAA,EAClC,EAAE,OAAO,UAAU,OAAO,SAAA;AAAA,EAC1B,EAAE,OAAO,YAAY,OAAO,WAAA;AAAA,EAC5B,EAAE,OAAO,sBAAsB,OAAO,oBAAA;AAAA,EACtC,EAAE,OAAO,WAAW,OAAO,UAAA;AAAA,EAC3B,EAAE,OAAO,SAAS,OAAO,QAAA;AAAA,EACzB,EAAE,OAAO,YAAY,OAAO,WAAA;AAAA,EAC5B,EAAE,OAAO,eAAe,OAAO,cAAA;AAAA,EAC/B,EAAE,OAAO,UAAU,OAAO,SAAA;AAAA,EAC1B,EAAE,OAAO,cAAc,OAAO,aAAA;AAClC;"}
+{"version":3,"file":"utils.js","sources":["../../../../../../lib/@ecme/views/concepts/help-center/ManageArticle/utils.tsx"],"sourcesContent":["import type { ReactNode } from 'react'\r\nimport {\r\n    TbPresentation,\r\n    TbSettings,\r\n    TbStar,\r\n    TbLicense,\r\n    TbChartHistogram,\r\n    TbChartPie,\r\n    TbRobotFace,\r\n    TbLibraryPhoto,\r\n    TbShieldCheck,\r\n    TbRefreshDot,\r\n    TbPalette,\r\n    TbCoins,\r\n} from 'react-icons/tb'\r\n\r\nexport const categoryIcon: Record<string, ReactNode> = {\r\n    introduction: <TbPresentation />,\r\n    setupGuide: <TbSettings />,\r\n    basicFeatures: <TbStar />,\r\n    survey: <TbLicense />,\r\n    analytic: <TbChartHistogram />,\r\n    dataVisualization: <TbChartPie />,\r\n    chatbot: <TbRobotFace />,\r\n    media: <TbLibraryPhoto />,\r\n    security: <TbShieldCheck />,\r\n    integration: <TbRefreshDot />,\r\n    themes: <TbPalette />,\r\n    commission: <TbCoins />,\r\n}\r\n\r\nexport const categoryLabel: Record<string, string> = {\r\n    introduction: 'Introduction',\r\n    setupGuide: 'Setup Guide',\r\n    basicFeatures: 'Basic Features',\r\n    survey: 'Survey',\r\n    analytic: 'Analytic',\r\n    dataVisualization: 'Data Visualization',\r\n    chatbot: 'Chatbot',\r\n    media: 'Media',\r\n    security: 'Security',\r\n    integration: 'Integration',\r\n    themes: 'Themes',\r\n    commission: 'Commission',\r\n}\r\n\r\nexport const categoryClass: Record<string, string> = {\r\n    introduction: 'bg-sky-200 dark:bg-sky-200',\r\n    setupGuide: 'bg-red-200 dark:bg-red-200',\r\n    basicFeatures: 'bg-amber-200 dark:bg-amber-200',\r\n    survey: 'bg-orange-200 dark:bg-orange-200',\r\n    analytic: 'bg-teal-200 dark:bg-teal-200',\r\n    dataVisualization: 'bg-cyan-200 dark:bg-cyan-200',\r\n    chatbot: 'bg-yellow-200 dark:bg-yellow-200',\r\n    media: 'bg-rose-200 dark:bg-rose-200',\r\n    security: 'bg-emerald-200 dark:bg-emerald-200',\r\n    integration: ' bg-purple-200 dark:bg-purple-200',\r\n    themes: 'bg-sky-200 dark:bg-sky-200',\r\n    commission: 'bg-indigo-200 dark:bg-indigo-200',\r\n}\r\n\r\nexport const categoryOption = [\r\n    { label: 'Introduction', value: 'introduction' },\r\n    { label: 'Setup Guide', value: 'setupGuide' },\r\n    { label: 'Basic Features', value: 'basicFeatures' },\r\n    { label: 'Survey', value: 'survey' },\r\n    { label: 'Analytic', value: 'analytic' },\r\n    { label: 'Data Visualization', value: 'dataVisualization' },\r\n    { label: 'Chatbot', value: 'chatbot' },\r\n    { label: 'Media', value: 'media' },\r\n    { label: 'Security', value: 'security' },\r\n    { label: 'Integration', value: 'integration' },\r\n    { label: 'Themes', value: 'themes' },\r\n    { label: 'Commission', value: 'commission' },\r\n]\r\n"],"names":[],"mappings":";;AAgBO,MAAM,eAA0C;AAAA,EACnD,kCAAe,gBAAA,EAAe;AAAA,EAC9B,gCAAa,YAAA,EAAW;AAAA,EACxB,mCAAgB,QAAA,EAAO;AAAA,EACvB,4BAAS,WAAA,EAAU;AAAA,EACnB,8BAAW,kBAAA,EAAiB;AAAA,EAC5B,uCAAoB,YAAA,EAAW;AAAA,EAC/B,6BAAU,aAAA,EAAY;AAAA,EACtB,2BAAQ,gBAAA,EAAe;AAAA,EACvB,8BAAW,eAAA,EAAc;AAAA,EACzB,iCAAc,cAAA,EAAa;AAAA,EAC3B,4BAAS,WAAA,EAAU;AAAA,EACnB,gCAAa,SAAA,CAAA,CAAQ;AACzB;AAEO,MAAM,gBAAwC;AAAA,EACjD,cAAc;AAAA,EACd,YAAY;AAAA,EACZ,eAAe;AAAA,EACf,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,mBAAmB;AAAA,EACnB,SAAS;AAAA,EACT,OAAO;AAAA,EACP,UAAU;AAAA,EACV,aAAa;AAAA,EACb,QAAQ;AAAA,EACR,YAAY;AAChB;AAEO,MAAM,gBAAwC;AAAA,EACjD,cAAc;AAAA,EACd,YAAY;AAAA,EACZ,eAAe;AAAA,EACf,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,mBAAmB;AAAA,EACnB,SAAS;AAAA,EACT,OAAO;AAAA,EACP,UAAU;AAAA,EACV,aAAa;AAAA,EACb,QAAQ;AAAA,EACR,YAAY;AAChB;AAEO,MAAM,iBAAiB;AAAA,EAC1B,EAAE,OAAO,gBAAgB,OAAO,eAAA;AAAA,EAChC,EAAE,OAAO,eAAe,OAAO,aAAA;AAAA,EAC/B,EAAE,OAAO,kBAAkB,OAAO,gBAAA;AAAA,EAClC,EAAE,OAAO,UAAU,OAAO,SAAA;AAAA,EAC1B,EAAE,OAAO,YAAY,OAAO,WAAA;AAAA,EAC5B,EAAE,OAAO,sBAAsB,OAAO,oBAAA;AAAA,EACtC,EAAE,OAAO,WAAW,OAAO,UAAA;AAAA,EAC3B,EAAE,OAAO,SAAS,OAAO,QAAA;AAAA,EACzB,EAAE,OAAO,YAAY,OAAO,WAAA;AAAA,EAC5B,EAAE,OAAO,eAAe,OAAO,cAAA;AAAA,EAC/B,EAAE,OAAO,UAAU,OAAO,SAAA;AAAA,EAC1B,EAAE,OAAO,cAAc,OAAO,aAAA;AAClC;"}

package/dist/@ecme/views/concepts/help-center/SupportHub/SupportHub.js.map

@@ -1 +1 @@
-{"version":3,"file":"SupportHub.js","sources":["../../../../../../lib/@ecme/views/concepts/help-center/SupportHub/SupportHub.tsx"],"sourcesContent":["import TopSection from './components/TopSection'\nimport BodySection from './components/BodySection'\n\nconst SupportHub = () => {\n    return (\n        <>\n            <TopSection />\n            <BodySection />\n        </>\n    )\n}\n\nexport default SupportHub\n"],"names":[],"mappings":";;;AAGA,MAAM,aAAa,MAAM;AACrB,SACI,qBAAA,UAAA,EACI,UAAA;AAAA,IAAA,oBAAC,YAAA,EAAW;AAAA,wBACX,aAAA,CAAA,CAAY;AAAA,EAAA,GACjB;AAER;"}
+{"version":3,"file":"SupportHub.js","sources":["../../../../../../lib/@ecme/views/concepts/help-center/SupportHub/SupportHub.tsx"],"sourcesContent":["import TopSection from './components/TopSection'\r\nimport BodySection from './components/BodySection'\r\n\r\nconst SupportHub = () => {\r\n    return (\r\n        <>\r\n            <TopSection />\r\n            <BodySection />\r\n        </>\r\n    )\r\n}\r\n\r\nexport default SupportHub\r\n"],"names":[],"mappings":";;;AAGA,MAAM,aAAa,MAAM;AACrB,SACI,qBAAA,UAAA,EACI,UAAA;AAAA,IAAA,oBAAC,YAAA,EAAW;AAAA,wBACX,aAAA,CAAA,CAAY;AAAA,EAAA,GACjB;AAER;"}

package/dist/@ecme/views/concepts/help-center/SupportHub/components/Article.js.map

@@ -1 +1 @@
-{"version":3,"file":"Article.js","sources":["../../../../../../../lib/@ecme/views/concepts/help-center/SupportHub/components/Article.tsx"],"sourcesContent":["import Avatar from '@/components/ui/Avatar'\nimport IconText from '@/components/shared/IconText'\nimport { categoryIcon } from '../utils'\nimport classNames from '@/utils/classNames'\nimport { useNavigate } from 'react-router-dom'\nimport { TbEye, TbMessage } from 'react-icons/tb'\n\ntype ArticleProps = {\n    id: string\n    isLastChild: boolean\n    category: string\n    title: string\n    timeToRead: number\n    viewCount: number\n    commentCount: number\n}\n\nconst Article = ({\n    id,\n    isLastChild,\n    category,\n    title,\n    timeToRead,\n    viewCount,\n    commentCount,\n}: ArticleProps) => {\n    const navigate = useNavigate()\n\n    const handleArticleClick = () => {\n        navigate(`/concepts/help-center/article/${id}`)\n    }\n\n    return (\n        <div\n            className={classNames(\n                'flex items-center justify-between py-6 border-gray-200 dark:border-gray-700 group cursor-pointer',\n                isLastChild && 'border-b',\n            )}\n            role=\"buttton\"\n            onClick={handleArticleClick}\n        >\n            <div className=\"flex items-center gap-4\">\n                <Avatar\n                    className=\"bg-gray-100 dark:bg-gray-700\"\n                    size={50}\n                    icon={\n                        <span className=\"heading-text\">\n                            {categoryIcon[category]}\n                        </span>\n                    }\n                    shape=\"round\"\n                />\n                <div>\n                    <h6 className=\"font-bold group-hover:text-primary\">\n                        {title}\n                    </h6>\n                    <div className=\"flex items-center gap-2\">\n                        <span>{timeToRead} min read</span>\n                        <span>•</span>\n                        <span>{category}</span>\n                    </div>\n                </div>\n            </div>\n            <div className=\"flex items-center gap-3\">\n                <IconText\n                    className=\"font-semibold\"\n                    icon={<TbEye className=\"text-xl\" />}\n                >\n                    {viewCount}\n                </IconText>\n                <IconText\n                    className=\"font-semibold\"\n                    icon={<TbMessage className=\"text-xl\" />}\n                >\n                    {commentCount}\n                </IconText>\n            </div>\n        </div>\n    )\n}\n\nexport default Article\n"],"names":[],"mappings":";;;;;;;AAiBA,MAAM,UAAU,CAAC;AAAA,EACb;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ,MAAoB;AAChB,QAAM,WAAW,YAAA;AAEjB,QAAM,qBAAqB,MAAM;AAC7B,aAAS,iCAAiC,EAAE,EAAE;AAAA,EAClD;AAEA,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAW;AAAA,QACP;AAAA,QACA,eAAe;AAAA,MAAA;AAAA,MAEnB,MAAK;AAAA,MACL,SAAS;AAAA,MAET,UAAA;AAAA,QAAA,qBAAC,OAAA,EAAI,WAAU,2BACX,UAAA;AAAA,UAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACG,WAAU;AAAA,cACV,MAAM;AAAA,cACN,MACI,oBAAC,QAAA,EAAK,WAAU,gBACX,UAAA,aAAa,QAAQ,GAC1B;AAAA,cAEJ,OAAM;AAAA,YAAA;AAAA,UAAA;AAAA,+BAET,OAAA,EACG,UAAA;AAAA,YAAA,oBAAC,MAAA,EAAG,WAAU,sCACT,UAAA,OACL;AAAA,YACA,qBAAC,OAAA,EAAI,WAAU,2BACX,UAAA;AAAA,cAAA,qBAAC,QAAA,EAAM,UAAA;AAAA,gBAAA;AAAA,gBAAW;AAAA,cAAA,GAAS;AAAA,cAC3B,oBAAC,UAAK,UAAA,IAAA,CAAC;AAAA,cACP,oBAAC,UAAM,UAAA,SAAA,CAAS;AAAA,YAAA,EAAA,CACpB;AAAA,UAAA,EAAA,CACJ;AAAA,QAAA,GACJ;AAAA,QACA,qBAAC,OAAA,EAAI,WAAU,2BACX,UAAA;AAAA,UAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACG,WAAU;AAAA,cACV,MAAM,oBAAC,OAAA,EAAM,WAAU,UAAA,CAAU;AAAA,cAEhC,UAAA;AAAA,YAAA;AAAA,UAAA;AAAA,UAEL;AAAA,YAAC;AAAA,YAAA;AAAA,cACG,WAAU;AAAA,cACV,MAAM,oBAAC,WAAA,EAAU,WAAU,UAAA,CAAU;AAAA,cAEpC,UAAA;AAAA,YAAA;AAAA,UAAA;AAAA,QACL,EAAA,CACJ;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGZ;"}
+{"version":3,"file":"Article.js","sources":["../../../../../../../lib/@ecme/views/concepts/help-center/SupportHub/components/Article.tsx"],"sourcesContent":["import Avatar from '@/components/ui/Avatar'\r\nimport IconText from '@/components/shared/IconText'\r\nimport { categoryIcon } from '../utils'\r\nimport classNames from '@/utils/classNames'\r\nimport { useNavigate } from 'react-router-dom'\r\nimport { TbEye, TbMessage } from 'react-icons/tb'\r\n\r\ntype ArticleProps = {\r\n    id: string\r\n    isLastChild: boolean\r\n    category: string\r\n    title: string\r\n    timeToRead: number\r\n    viewCount: number\r\n    commentCount: number\r\n}\r\n\r\nconst Article = ({\r\n    id,\r\n    isLastChild,\r\n    category,\r\n    title,\r\n    timeToRead,\r\n    viewCount,\r\n    commentCount,\r\n}: ArticleProps) => {\r\n    const navigate = useNavigate()\r\n\r\n    const handleArticleClick = () => {\r\n        navigate(`/concepts/help-center/article/${id}`)\r\n    }\r\n\r\n    return (\r\n        <div\r\n            className={classNames(\r\n                'flex items-center justify-between py-6 border-gray-200 dark:border-gray-700 group cursor-pointer',\r\n                isLastChild && 'border-b',\r\n            )}\r\n            role=\"buttton\"\r\n            onClick={handleArticleClick}\r\n        >\r\n            <div className=\"flex items-center gap-4\">\r\n                <Avatar\r\n                    className=\"bg-gray-100 dark:bg-gray-700\"\r\n                    size={50}\r\n                    icon={\r\n                        <span className=\"heading-text\">\r\n                            {categoryIcon[category]}\r\n                        </span>\r\n                    }\r\n                    shape=\"round\"\r\n                />\r\n                <div>\r\n                    <h6 className=\"font-bold group-hover:text-primary\">\r\n                        {title}\r\n                    </h6>\r\n                    <div className=\"flex items-center gap-2\">\r\n                        <span>{timeToRead} min read</span>\r\n                        <span>•</span>\r\n                        <span>{category}</span>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n            <div className=\"flex items-center gap-3\">\r\n                <IconText\r\n                    className=\"font-semibold\"\r\n                    icon={<TbEye className=\"text-xl\" />}\r\n                >\r\n                    {viewCount}\r\n                </IconText>\r\n                <IconText\r\n                    className=\"font-semibold\"\r\n                    icon={<TbMessage className=\"text-xl\" />}\r\n                >\r\n                    {commentCount}\r\n                </IconText>\r\n            </div>\r\n        </div>\r\n    )\r\n}\r\n\r\nexport default Article\r\n"],"names":[],"mappings":";;;;;;;AAiBA,MAAM,UAAU,CAAC;AAAA,EACb;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ,MAAoB;AAChB,QAAM,WAAW,YAAA;AAEjB,QAAM,qBAAqB,MAAM;AAC7B,aAAS,iCAAiC,EAAE,EAAE;AAAA,EAClD;AAEA,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAW;AAAA,QACP;AAAA,QACA,eAAe;AAAA,MAAA;AAAA,MAEnB,MAAK;AAAA,MACL,SAAS;AAAA,MAET,UAAA;AAAA,QAAA,qBAAC,OAAA,EAAI,WAAU,2BACX,UAAA;AAAA,UAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACG,WAAU;AAAA,cACV,MAAM;AAAA,cACN,MACI,oBAAC,QAAA,EAAK,WAAU,gBACX,UAAA,aAAa,QAAQ,GAC1B;AAAA,cAEJ,OAAM;AAAA,YAAA;AAAA,UAAA;AAAA,+BAET,OAAA,EACG,UAAA;AAAA,YAAA,oBAAC,MAAA,EAAG,WAAU,sCACT,UAAA,OACL;AAAA,YACA,qBAAC,OAAA,EAAI,WAAU,2BACX,UAAA;AAAA,cAAA,qBAAC,QAAA,EAAM,UAAA;AAAA,gBAAA;AAAA,gBAAW;AAAA,cAAA,GAAS;AAAA,cAC3B,oBAAC,UAAK,UAAA,IAAA,CAAC;AAAA,cACP,oBAAC,UAAM,UAAA,SAAA,CAAS;AAAA,YAAA,EAAA,CACpB;AAAA,UAAA,EAAA,CACJ;AAAA,QAAA,GACJ;AAAA,QACA,qBAAC,OAAA,EAAI,WAAU,2BACX,UAAA;AAAA,UAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACG,WAAU;AAAA,cACV,MAAM,oBAAC,OAAA,EAAM,WAAU,UAAA,CAAU;AAAA,cAEhC,UAAA;AAAA,YAAA;AAAA,UAAA;AAAA,UAEL;AAAA,YAAC;AAAA,YAAA;AAAA,cACG,WAAU;AAAA,cACV,MAAM,oBAAC,WAAA,EAAU,WAAU,UAAA,CAAU;AAAA,cAEpC,UAAA;AAAA,YAAA;AAAA,UAAA;AAAA,QACL,EAAA,CACJ;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGZ;"}

package/dist/@ecme/views/concepts/help-center/SupportHub/components/ArticleList.js.map

@@ -1 +1 @@
-{"version":3,"file":"ArticleList.js","sources":["../../../../../../../lib/@ecme/views/concepts/help-center/SupportHub/components/ArticleList.tsx"],"sourcesContent":["import { useEffect } from 'react'\nimport Article from './Article'\nimport { categoryLabel } from '../utils'\nimport { useHelpCenterStore } from '../store/helpCenterStore'\nimport { apiGetSupportHubArticles } from '@/services/HelpCenterService'\nimport isLastChild from '@/utils/isLastChild'\nimport NoDataFound from '@/assets/svg/NoDataFound'\nimport useSWRMutation from 'swr/mutation'\nimport { TbArrowNarrowLeft } from 'react-icons/tb'\nimport type { GetSupportHubArticlesResponse } from '../types'\n\ntype ArticlesProps = {\n    query: string\n    topic: string\n}\n\nconst Articles = ({ query, topic }: ArticlesProps) => {\n    const { trigger, data } = useSWRMutation(\n        [`/api/helps/articles`, { query, topic }],\n        // eslint-disable-next-line @typescript-eslint/no-unused-vars\n        ([_, params]) =>\n            apiGetSupportHubArticles<\n                GetSupportHubArticlesResponse,\n                { query: string; topic: string }\n            >(params),\n    )\n\n    const setQueryText = useHelpCenterStore((state) => state.setQueryText)\n    const setSelectedTopic = useHelpCenterStore(\n        (state) => state.setSelectedTopic,\n    )\n\n    useEffect(() => {\n        if (topic || query) {\n            trigger()\n        }\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [topic, query])\n\n    const handleBack = () => {\n        setQueryText('')\n        setSelectedTopic('')\n    }\n\n    return (\n        <div>\n            {query && data && data.length > 0 && (\n                <div className=\"mb-6\">\n                    <h3>\n                        <span className=\"font-normal\">Result of: </span>\n                        <span className=\"font-semibold\"> {query}</span>\n                    </h3>\n                </div>\n            )}\n            {query && data && data.length === 0 && (\n                <div className=\"text-center mt-20\">\n                    <div className=\"flex justify-center\">\n                        <NoDataFound height={280} width={280} />\n                    </div>\n                    <h3 className=\"mt-8\">No article found!</h3>\n                </div>\n            )}\n            {topic && data && (\n                <div className=\"mb-6\">\n                    <h4 className=\"flex items-center gap-4\">\n                        <button\n                            className=\"outline-none rounded-full p-2 text-xl bg-white hover:bg-gray-200 hover:text-gray-800 dark:hover:text-gray-100\"\n                            onClick={handleBack}\n                        >\n                            <TbArrowNarrowLeft />\n                        </button>\n                        {categoryLabel[topic]}\n                    </h4>\n                </div>\n            )}\n            {data &&\n                data.map((article, index) => (\n                    <Article\n                        key={article.id}\n                        id={article.id}\n                        category={article.category}\n                        title={article.title}\n                        timeToRead={article.timeToRead}\n                        viewCount={article.viewCount}\n                        commentCount={article.commentCount}\n                        isLastChild={!isLastChild(data, index)}\n                    />\n                ))}\n        </div>\n    )\n}\n\nexport default Articles\n"],"names":[],"mappings":";;;;;;;;;;AAgBA,MAAM,WAAW,CAAC,EAAE,OAAO,YAA2B;AAClD,QAAM,EAAE,SAAS,KAAA,IAAS;AAAA,IACtB,CAAC,uBAAuB,EAAE,OAAO,OAAO;AAAA;AAAA,IAExC,CAAC,CAAC,GAAG,MAAM,MACP,yBAGE,MAAM;AAAA,EAAA;AAGhB,QAAM,eAAe,mBAAmB,CAAC,UAAU,MAAM,YAAY;AACrE,QAAM,mBAAmB;AAAA,IACrB,CAAC,UAAU,MAAM;AAAA,EAAA;AAGrB,YAAU,MAAM;AACZ,QAAI,SAAS,OAAO;AAChB,cAAA;AAAA,IACJ;AAAA,EAEJ,GAAG,CAAC,OAAO,KAAK,CAAC;AAEjB,QAAM,aAAa,MAAM;AACrB,iBAAa,EAAE;AACf,qBAAiB,EAAE;AAAA,EACvB;AAEA,8BACK,OAAA,EACI,UAAA;AAAA,IAAA,SAAS,QAAQ,KAAK,SAAS,yBAC3B,OAAA,EAAI,WAAU,QACX,UAAA,qBAAC,MAAA,EACG,UAAA;AAAA,MAAA,oBAAC,QAAA,EAAK,WAAU,eAAc,UAAA,eAAW;AAAA,MACzC,qBAAC,QAAA,EAAK,WAAU,iBAAgB,UAAA;AAAA,QAAA;AAAA,QAAE;AAAA,MAAA,EAAA,CAAM;AAAA,IAAA,EAAA,CAC5C,EAAA,CACJ;AAAA,IAEH,SAAS,QAAQ,KAAK,WAAW,KAC9B,qBAAC,OAAA,EAAI,WAAU,qBACX,UAAA;AAAA,MAAA,oBAAC,OAAA,EAAI,WAAU,uBACX,UAAA,oBAAC,eAAY,QAAQ,KAAK,OAAO,IAAA,CAAK,EAAA,CAC1C;AAAA,MACA,oBAAC,MAAA,EAAG,WAAU,QAAO,UAAA,oBAAA,CAAiB;AAAA,IAAA,GAC1C;AAAA,IAEH,SAAS,QACN,oBAAC,OAAA,EAAI,WAAU,QACX,UAAA,qBAAC,MAAA,EAAG,WAAU,2BACV,UAAA;AAAA,MAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,WAAU;AAAA,UACV,SAAS;AAAA,UAET,8BAAC,mBAAA,CAAA,CAAkB;AAAA,QAAA;AAAA,MAAA;AAAA,MAEtB,cAAc,KAAK;AAAA,IAAA,EAAA,CACxB,EAAA,CACJ;AAAA,IAEH,QACG,KAAK,IAAI,CAAC,SAAS,UACf;AAAA,MAAC;AAAA,MAAA;AAAA,QAEG,IAAI,QAAQ;AAAA,QACZ,UAAU,QAAQ;AAAA,QAClB,OAAO,QAAQ;AAAA,QACf,YAAY,QAAQ;AAAA,QACpB,WAAW,QAAQ;AAAA,QACnB,cAAc,QAAQ;AAAA,QACtB,aAAa,CAAC,YAAY,MAAM,KAAK;AAAA,MAAA;AAAA,MAPhC,QAAQ;AAAA,IAAA,CASpB;AAAA,EAAA,GACT;AAER;"}
+{"version":3,"file":"ArticleList.js","sources":["../../../../../../../lib/@ecme/views/concepts/help-center/SupportHub/components/ArticleList.tsx"],"sourcesContent":["import { useEffect } from 'react'\r\nimport Article from './Article'\r\nimport { categoryLabel } from '../utils'\r\nimport { useHelpCenterStore } from '../store/helpCenterStore'\r\nimport { apiGetSupportHubArticles } from '@/services/HelpCenterService'\r\nimport isLastChild from '@/utils/isLastChild'\r\nimport NoDataFound from '@/assets/svg/NoDataFound'\r\nimport useSWRMutation from 'swr/mutation'\r\nimport { TbArrowNarrowLeft } from 'react-icons/tb'\r\nimport type { GetSupportHubArticlesResponse } from '../types'\r\n\r\ntype ArticlesProps = {\r\n    query: string\r\n    topic: string\r\n}\r\n\r\nconst Articles = ({ query, topic }: ArticlesProps) => {\r\n    const { trigger, data } = useSWRMutation(\r\n        [`/api/helps/articles`, { query, topic }],\r\n        // eslint-disable-next-line @typescript-eslint/no-unused-vars\r\n        ([_, params]) =>\r\n            apiGetSupportHubArticles<\r\n                GetSupportHubArticlesResponse,\r\n                { query: string; topic: string }\r\n            >(params),\r\n    )\r\n\r\n    const setQueryText = useHelpCenterStore((state) => state.setQueryText)\r\n    const setSelectedTopic = useHelpCenterStore(\r\n        (state) => state.setSelectedTopic,\r\n    )\r\n\r\n    useEffect(() => {\r\n        if (topic || query) {\r\n            trigger()\r\n        }\r\n        // eslint-disable-next-line react-hooks/exhaustive-deps\r\n    }, [topic, query])\r\n\r\n    const handleBack = () => {\r\n        setQueryText('')\r\n        setSelectedTopic('')\r\n    }\r\n\r\n    return (\r\n        <div>\r\n            {query && data && data.length > 0 && (\r\n                <div className=\"mb-6\">\r\n                    <h3>\r\n                        <span className=\"font-normal\">Result of: </span>\r\n                        <span className=\"font-semibold\"> {query}</span>\r\n                    </h3>\r\n                </div>\r\n            )}\r\n            {query && data && data.length === 0 && (\r\n                <div className=\"text-center mt-20\">\r\n                    <div className=\"flex justify-center\">\r\n                        <NoDataFound height={280} width={280} />\r\n                    </div>\r\n                    <h3 className=\"mt-8\">No article found!</h3>\r\n                </div>\r\n            )}\r\n            {topic && data && (\r\n                <div className=\"mb-6\">\r\n                    <h4 className=\"flex items-center gap-4\">\r\n                        <button\r\n                            className=\"outline-none rounded-full p-2 text-xl bg-white hover:bg-gray-200 hover:text-gray-800 dark:hover:text-gray-100\"\r\n                            onClick={handleBack}\r\n                        >\r\n                            <TbArrowNarrowLeft />\r\n                        </button>\r\n                        {categoryLabel[topic]}\r\n                    </h4>\r\n                </div>\r\n            )}\r\n            {data &&\r\n                data.map((article, index) => (\r\n                    <Article\r\n                        key={article.id}\r\n                        id={article.id}\r\n                        category={article.category}\r\n                        title={article.title}\r\n                        timeToRead={article.timeToRead}\r\n                        viewCount={article.viewCount}\r\n                        commentCount={article.commentCount}\r\n                        isLastChild={!isLastChild(data, index)}\r\n                    />\r\n                ))}\r\n        </div>\r\n    )\r\n}\r\n\r\nexport default Articles\r\n"],"names":[],"mappings":";;;;;;;;;;AAgBA,MAAM,WAAW,CAAC,EAAE,OAAO,YAA2B;AAClD,QAAM,EAAE,SAAS,KAAA,IAAS;AAAA,IACtB,CAAC,uBAAuB,EAAE,OAAO,OAAO;AAAA;AAAA,IAExC,CAAC,CAAC,GAAG,MAAM,MACP,yBAGE,MAAM;AAAA,EAAA;AAGhB,QAAM,eAAe,mBAAmB,CAAC,UAAU,MAAM,YAAY;AACrE,QAAM,mBAAmB;AAAA,IACrB,CAAC,UAAU,MAAM;AAAA,EAAA;AAGrB,YAAU,MAAM;AACZ,QAAI,SAAS,OAAO;AAChB,cAAA;AAAA,IACJ;AAAA,EAEJ,GAAG,CAAC,OAAO,KAAK,CAAC;AAEjB,QAAM,aAAa,MAAM;AACrB,iBAAa,EAAE;AACf,qBAAiB,EAAE;AAAA,EACvB;AAEA,8BACK,OAAA,EACI,UAAA;AAAA,IAAA,SAAS,QAAQ,KAAK,SAAS,yBAC3B,OAAA,EAAI,WAAU,QACX,UAAA,qBAAC,MAAA,EACG,UAAA;AAAA,MAAA,oBAAC,QAAA,EAAK,WAAU,eAAc,UAAA,eAAW;AAAA,MACzC,qBAAC,QAAA,EAAK,WAAU,iBAAgB,UAAA;AAAA,QAAA;AAAA,QAAE;AAAA,MAAA,EAAA,CAAM;AAAA,IAAA,EAAA,CAC5C,EAAA,CACJ;AAAA,IAEH,SAAS,QAAQ,KAAK,WAAW,KAC9B,qBAAC,OAAA,EAAI,WAAU,qBACX,UAAA;AAAA,MAAA,oBAAC,OAAA,EAAI,WAAU,uBACX,UAAA,oBAAC,eAAY,QAAQ,KAAK,OAAO,IAAA,CAAK,EAAA,CAC1C;AAAA,MACA,oBAAC,MAAA,EAAG,WAAU,QAAO,UAAA,oBAAA,CAAiB;AAAA,IAAA,GAC1C;AAAA,IAEH,SAAS,QACN,oBAAC,OAAA,EAAI,WAAU,QACX,UAAA,qBAAC,MAAA,EAAG,WAAU,2BACV,UAAA;AAAA,MAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,WAAU;AAAA,UACV,SAAS;AAAA,UAET,8BAAC,mBAAA,CAAA,CAAkB;AAAA,QAAA;AAAA,MAAA;AAAA,MAEtB,cAAc,KAAK;AAAA,IAAA,EAAA,CACxB,EAAA,CACJ;AAAA,IAEH,QACG,KAAK,IAAI,CAAC,SAAS,UACf;AAAA,MAAC;AAAA,MAAA;AAAA,QAEG,IAAI,QAAQ;AAAA,QACZ,UAAU,QAAQ;AAAA,QAClB,OAAO,QAAQ;AAAA,QACf,YAAY,QAAQ;AAAA,QACpB,WAAW,QAAQ;AAAA,QACnB,cAAc,QAAQ;AAAA,QACtB,aAAa,CAAC,YAAY,MAAM,KAAK;AAAA,MAAA;AAAA,MAPhC,QAAQ;AAAA,IAAA,CASpB;AAAA,EAAA,GACT;AAER;"}

package/dist/@ecme/views/concepts/help-center/SupportHub/components/BodySection.js.map

@@ -1 +1 @@
-{"version":3,"file":"BodySection.js","sources":["../../../../../../../lib/@ecme/views/concepts/help-center/SupportHub/components/BodySection.tsx"],"sourcesContent":["import Container from '@/components/shared/Container'\nimport Categories from './Categories'\nimport ArticleList from './ArticleList'\nimport { useHelpCenterStore } from '../store/helpCenterStore'\n\nconst BodySection = () => {\n    const queryText = useHelpCenterStore((state) => state.queryText)\n    const selectedTopic = useHelpCenterStore((state) => state.selectedTopic)\n\n    return (\n        <div className=\"my-12\">\n            <Container>\n                <div className=\"max-w-[1200px] mx-auto px-6\">\n                    {queryText || selectedTopic ? (\n                        <ArticleList query={queryText} topic={selectedTopic} />\n                    ) : (\n                        <Categories />\n                    )}\n                </div>\n            </Container>\n        </div>\n    )\n}\n\nexport default BodySection\n"],"names":["ArticleList"],"mappings":";;;;;AAKA,MAAM,cAAc,MAAM;AACtB,QAAM,YAAY,mBAAmB,CAAC,UAAU,MAAM,SAAS;AAC/D,QAAM,gBAAgB,mBAAmB,CAAC,UAAU,MAAM,aAAa;AAEvE,SACI,oBAAC,SAAI,WAAU,SACX,8BAAC,WAAA,EACG,UAAA,oBAAC,OAAA,EAAI,WAAU,+BACV,UAAA,aAAa,gBACV,oBAACA,UAAA,EAAY,OAAO,WAAW,OAAO,cAAA,CAAe,IAErD,oBAAC,YAAA,CAAA,CAAW,EAAA,CAEpB,EAAA,CACJ,EAAA,CACJ;AAER;"}
+{"version":3,"file":"BodySection.js","sources":["../../../../../../../lib/@ecme/views/concepts/help-center/SupportHub/components/BodySection.tsx"],"sourcesContent":["import Container from '@/components/shared/Container'\r\nimport Categories from './Categories'\r\nimport ArticleList from './ArticleList'\r\nimport { useHelpCenterStore } from '../store/helpCenterStore'\r\n\r\nconst BodySection = () => {\r\n    const queryText = useHelpCenterStore((state) => state.queryText)\r\n    const selectedTopic = useHelpCenterStore((state) => state.selectedTopic)\r\n\r\n    return (\r\n        <div className=\"my-12\">\r\n            <Container>\r\n                <div className=\"max-w-[1200px] mx-auto px-6\">\r\n                    {queryText || selectedTopic ? (\r\n                        <ArticleList query={queryText} topic={selectedTopic} />\r\n                    ) : (\r\n                        <Categories />\r\n                    )}\r\n                </div>\r\n            </Container>\r\n        </div>\r\n    )\r\n}\r\n\r\nexport default BodySection\r\n"],"names":["ArticleList"],"mappings":";;;;;AAKA,MAAM,cAAc,MAAM;AACtB,QAAM,YAAY,mBAAmB,CAAC,UAAU,MAAM,SAAS;AAC/D,QAAM,gBAAgB,mBAAmB,CAAC,UAAU,MAAM,aAAa;AAEvE,SACI,oBAAC,SAAI,WAAU,SACX,8BAAC,WAAA,EACG,UAAA,oBAAC,OAAA,EAAI,WAAU,+BACV,UAAA,aAAa,gBACV,oBAACA,UAAA,EAAY,OAAO,WAAW,OAAO,cAAA,CAAe,IAErD,oBAAC,YAAA,CAAA,CAAW,EAAA,CAEpB,EAAA,CACJ,EAAA,CACJ;AAER;"}

package/dist/@ecme/views/concepts/help-center/SupportHub/components/Categories.js.map

@@ -1 +1 @@
-{"version":3,"file":"Categories.js","sources":["../../../../../../../lib/@ecme/views/concepts/help-center/SupportHub/components/Categories.tsx"],"sourcesContent":["import Article from './Article'\nimport { useHelpCenterStore } from '../store/helpCenterStore'\nimport { categoryIcon } from '../utils'\nimport { apiGetSupportHubCategories } from '@/services/HelpCenterService'\nimport isLastChild from '@/utils/isLastChild'\nimport useSWR from 'swr'\n\nimport type { GetSupportHubCategoriesResponse } from '../types'\n\nconst Categories = () => {\n    const { data } = useSWR(\n        ['/helps/categories'],\n        () => apiGetSupportHubCategories<GetSupportHubCategoriesResponse>(),\n        {\n            revalidateOnFocus: false,\n            revalidateIfStale: false,\n            revalidateOnReconnect: false,\n        },\n    )\n\n    const setSelectedTopic = useHelpCenterStore(\n        (state) => state.setSelectedTopic,\n    )\n    const setQueryText = useHelpCenterStore((state) => state.setQueryText)\n\n    const handleTopicClick = (topic: string) => {\n        setSelectedTopic(topic)\n        setQueryText('')\n    }\n\n    return (\n        <div className=\"flex flex-col gap-16\">\n            {data &&\n                data.categories.map((category) => (\n                    <div key={category.name}>\n                        <h3 className=\"mb-6\">{category.name}</h3>\n                        <div className=\"grid grid-cols-1 lg:grid-cols-3 gap-4\">\n                            {category.topics.map((topic) => (\n                                <div\n                                    key={topic.id}\n                                    className=\"cursor-pointer rounded-xl bg-gray-100 dark:bg-gray-700 p-8 group hover:bg-primary transition-colors\"\n                                    role=\"button\"\n                                    onClick={() => handleTopicClick(topic.id)}\n                                >\n                                    <div className=\"flex flex-col items-center gap-3\">\n                                        <div className=\"rounded-full p-4 bg-neutral group-hover:bg-white/25 transition-colors\">\n                                            <span className=\"text-2xl text-primary group-hover:text-neutral transition-colors\">\n                                                {categoryIcon[topic.id]}\n                                            </span>\n                                        </div>\n                                        <h4 className=\"font-bold mt-3 group-hover:text-neutral transition-colors\">\n                                            {topic.name}\n                                        </h4>\n                                        <p className=\"text-center max-w-[250px] min-h-[50px] group-hover:text-neutral transition-colors\">\n                                            {topic.description}\n                                        </p>\n                                        <div className=\"font-bold text-primary group-hover:text-neutral transition-colors\">\n                                            {topic.articleCounts} Articles\n                                        </div>\n                                    </div>\n                                </div>\n                            ))}\n                        </div>\n                    </div>\n                ))}\n            {data && (\n                <div>\n                    <h3 className=\"mb-6\">Popular Articles</h3>\n                    <div>\n                        {data.popularArticles.map((article, index) => (\n                            <Article\n                                key={article.id}\n                                id={article.id}\n                                category={article.category}\n                                title={article.title}\n                                timeToRead={article.timeToRead}\n                                viewCount={article.viewCount}\n                                commentCount={article.commentCount}\n                                isLastChild={\n                                    !isLastChild(data.popularArticles, index)\n                                }\n                            />\n                        ))}\n                    </div>\n                </div>\n            )}\n        </div>\n    )\n}\n\nexport default Categories\n"],"names":[],"mappings":";;;;;;;AASA,MAAM,aAAa,MAAM;AACrB,QAAM,EAAE,SAAS;AAAA,IACb,CAAC,mBAAmB;AAAA,IACpB,MAAM,2BAAA;AAAA,IACN;AAAA,MACI,mBAAmB;AAAA,MACnB,mBAAmB;AAAA,MACnB,uBAAuB;AAAA,IAAA;AAAA,EAC3B;AAGJ,QAAM,mBAAmB;AAAA,IACrB,CAAC,UAAU,MAAM;AAAA,EAAA;AAErB,QAAM,eAAe,mBAAmB,CAAC,UAAU,MAAM,YAAY;AAErE,QAAM,mBAAmB,CAAC,UAAkB;AACxC,qBAAiB,KAAK;AACtB,iBAAa,EAAE;AAAA,EACnB;AAEA,SACI,qBAAC,OAAA,EAAI,WAAU,wBACV,UAAA;AAAA,IAAA,QACG,KAAK,WAAW,IAAI,CAAC,kCAChB,OAAA,EACG,UAAA;AAAA,MAAA,oBAAC,MAAA,EAAG,WAAU,QAAQ,UAAA,SAAS,MAAK;AAAA,MACpC,oBAAC,SAAI,WAAU,yCACV,mBAAS,OAAO,IAAI,CAAC,UAClB;AAAA,QAAC;AAAA,QAAA;AAAA,UAEG,WAAU;AAAA,UACV,MAAK;AAAA,UACL,SAAS,MAAM,iBAAiB,MAAM,EAAE;AAAA,UAExC,UAAA,qBAAC,OAAA,EAAI,WAAU,oCACX,UAAA;AAAA,YAAA,oBAAC,OAAA,EAAI,WAAU,yEACX,UAAA,oBAAC,QAAA,EAAK,WAAU,oEACX,UAAA,aAAa,MAAM,EAAE,EAAA,CAC1B,GACJ;AAAA,YACA,oBAAC,MAAA,EAAG,WAAU,6DACT,gBAAM,MACX;AAAA,YACA,oBAAC,KAAA,EAAE,WAAU,qFACR,gBAAM,aACX;AAAA,YACA,qBAAC,OAAA,EAAI,WAAU,qEACV,UAAA;AAAA,cAAA,MAAM;AAAA,cAAc;AAAA,YAAA,EAAA,CACzB;AAAA,UAAA,EAAA,CACJ;AAAA,QAAA;AAAA,QApBK,MAAM;AAAA,MAAA,CAsBlB,EAAA,CACL;AAAA,IAAA,KA5BM,SAAS,IA6BnB,CACH;AAAA,IACJ,6BACI,OAAA,EACG,UAAA;AAAA,MAAA,oBAAC,MAAA,EAAG,WAAU,QAAO,UAAA,oBAAgB;AAAA,0BACpC,OAAA,EACI,UAAA,KAAK,gBAAgB,IAAI,CAAC,SAAS,UAChC;AAAA,QAAC;AAAA,QAAA;AAAA,UAEG,IAAI,QAAQ;AAAA,UACZ,UAAU,QAAQ;AAAA,UAClB,OAAO,QAAQ;AAAA,UACf,YAAY,QAAQ;AAAA,UACpB,WAAW,QAAQ;AAAA,UACnB,cAAc,QAAQ;AAAA,UACtB,aACI,CAAC,YAAY,KAAK,iBAAiB,KAAK;AAAA,QAAA;AAAA,QARvC,QAAQ;AAAA,MAAA,CAWpB,EAAA,CACL;AAAA,IAAA,EAAA,CACJ;AAAA,EAAA,GAER;AAER;"}
+{"version":3,"file":"Categories.js","sources":["../../../../../../../lib/@ecme/views/concepts/help-center/SupportHub/components/Categories.tsx"],"sourcesContent":["import Article from './Article'\r\nimport { useHelpCenterStore } from '../store/helpCenterStore'\r\nimport { categoryIcon } from '../utils'\r\nimport { apiGetSupportHubCategories } from '@/services/HelpCenterService'\r\nimport isLastChild from '@/utils/isLastChild'\r\nimport useSWR from 'swr'\r\n\r\nimport type { GetSupportHubCategoriesResponse } from '../types'\r\n\r\nconst Categories = () => {\r\n    const { data } = useSWR(\r\n        ['/helps/categories'],\r\n        () => apiGetSupportHubCategories<GetSupportHubCategoriesResponse>(),\r\n        {\r\n            revalidateOnFocus: false,\r\n            revalidateIfStale: false,\r\n            revalidateOnReconnect: false,\r\n        },\r\n    )\r\n\r\n    const setSelectedTopic = useHelpCenterStore(\r\n        (state) => state.setSelectedTopic,\r\n    )\r\n    const setQueryText = useHelpCenterStore((state) => state.setQueryText)\r\n\r\n    const handleTopicClick = (topic: string) => {\r\n        setSelectedTopic(topic)\r\n        setQueryText('')\r\n    }\r\n\r\n    return (\r\n        <div className=\"flex flex-col gap-16\">\r\n            {data &&\r\n                data.categories.map((category) => (\r\n                    <div key={category.name}>\r\n                        <h3 className=\"mb-6\">{category.name}</h3>\r\n                        <div className=\"grid grid-cols-1 lg:grid-cols-3 gap-4\">\r\n                            {category.topics.map((topic) => (\r\n                                <div\r\n                                    key={topic.id}\r\n                                    className=\"cursor-pointer rounded-xl bg-gray-100 dark:bg-gray-700 p-8 group hover:bg-primary transition-colors\"\r\n                                    role=\"button\"\r\n                                    onClick={() => handleTopicClick(topic.id)}\r\n                                >\r\n                                    <div className=\"flex flex-col items-center gap-3\">\r\n                                        <div className=\"rounded-full p-4 bg-neutral group-hover:bg-white/25 transition-colors\">\r\n                                            <span className=\"text-2xl text-primary group-hover:text-neutral transition-colors\">\r\n                                                {categoryIcon[topic.id]}\r\n                                            </span>\r\n                                        </div>\r\n                                        <h4 className=\"font-bold mt-3 group-hover:text-neutral transition-colors\">\r\n                                            {topic.name}\r\n                                        </h4>\r\n                                        <p className=\"text-center max-w-[250px] min-h-[50px] group-hover:text-neutral transition-colors\">\r\n                                            {topic.description}\r\n                                        </p>\r\n                                        <div className=\"font-bold text-primary group-hover:text-neutral transition-colors\">\r\n                                            {topic.articleCounts} Articles\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n                            ))}\r\n                        </div>\r\n                    </div>\r\n                ))}\r\n            {data && (\r\n                <div>\r\n                    <h3 className=\"mb-6\">Popular Articles</h3>\r\n                    <div>\r\n                        {data.popularArticles.map((article, index) => (\r\n                            <Article\r\n                                key={article.id}\r\n                                id={article.id}\r\n                                category={article.category}\r\n                                title={article.title}\r\n                                timeToRead={article.timeToRead}\r\n                                viewCount={article.viewCount}\r\n                                commentCount={article.commentCount}\r\n                                isLastChild={\r\n                                    !isLastChild(data.popularArticles, index)\r\n                                }\r\n                            />\r\n                        ))}\r\n                    </div>\r\n                </div>\r\n            )}\r\n        </div>\r\n    )\r\n}\r\n\r\nexport default Categories\r\n"],"names":[],"mappings":";;;;;;;AASA,MAAM,aAAa,MAAM;AACrB,QAAM,EAAE,SAAS;AAAA,IACb,CAAC,mBAAmB;AAAA,IACpB,MAAM,2BAAA;AAAA,IACN;AAAA,MACI,mBAAmB;AAAA,MACnB,mBAAmB;AAAA,MACnB,uBAAuB;AAAA,IAAA;AAAA,EAC3B;AAGJ,QAAM,mBAAmB;AAAA,IACrB,CAAC,UAAU,MAAM;AAAA,EAAA;AAErB,QAAM,eAAe,mBAAmB,CAAC,UAAU,MAAM,YAAY;AAErE,QAAM,mBAAmB,CAAC,UAAkB;AACxC,qBAAiB,KAAK;AACtB,iBAAa,EAAE;AAAA,EACnB;AAEA,SACI,qBAAC,OAAA,EAAI,WAAU,wBACV,UAAA;AAAA,IAAA,QACG,KAAK,WAAW,IAAI,CAAC,kCAChB,OAAA,EACG,UAAA;AAAA,MAAA,oBAAC,MAAA,EAAG,WAAU,QAAQ,UAAA,SAAS,MAAK;AAAA,MACpC,oBAAC,SAAI,WAAU,yCACV,mBAAS,OAAO,IAAI,CAAC,UAClB;AAAA,QAAC;AAAA,QAAA;AAAA,UAEG,WAAU;AAAA,UACV,MAAK;AAAA,UACL,SAAS,MAAM,iBAAiB,MAAM,EAAE;AAAA,UAExC,UAAA,qBAAC,OAAA,EAAI,WAAU,oCACX,UAAA;AAAA,YAAA,oBAAC,OAAA,EAAI,WAAU,yEACX,UAAA,oBAAC,QAAA,EAAK,WAAU,oEACX,UAAA,aAAa,MAAM,EAAE,EAAA,CAC1B,GACJ;AAAA,YACA,oBAAC,MAAA,EAAG,WAAU,6DACT,gBAAM,MACX;AAAA,YACA,oBAAC,KAAA,EAAE,WAAU,qFACR,gBAAM,aACX;AAAA,YACA,qBAAC,OAAA,EAAI,WAAU,qEACV,UAAA;AAAA,cAAA,MAAM;AAAA,cAAc;AAAA,YAAA,EAAA,CACzB;AAAA,UAAA,EAAA,CACJ;AAAA,QAAA;AAAA,QApBK,MAAM;AAAA,MAAA,CAsBlB,EAAA,CACL;AAAA,IAAA,KA5BM,SAAS,IA6BnB,CACH;AAAA,IACJ,6BACI,OAAA,EACG,UAAA;AAAA,MAAA,oBAAC,MAAA,EAAG,WAAU,QAAO,UAAA,oBAAgB;AAAA,0BACpC,OAAA,EACI,UAAA,KAAK,gBAAgB,IAAI,CAAC,SAAS,UAChC;AAAA,QAAC;AAAA,QAAA;AAAA,UAEG,IAAI,QAAQ;AAAA,UACZ,UAAU,QAAQ;AAAA,UAClB,OAAO,QAAQ;AAAA,UACf,YAAY,QAAQ;AAAA,UACpB,WAAW,QAAQ;AAAA,UACnB,cAAc,QAAQ;AAAA,UACtB,aACI,CAAC,YAAY,KAAK,iBAAiB,KAAK;AAAA,QAAA;AAAA,QARvC,QAAQ;AAAA,MAAA,CAWpB,EAAA,CACL;AAAA,IAAA,EAAA,CACJ;AAAA,EAAA,GAER;AAER;"}

package/dist/@ecme/views/concepts/help-center/SupportHub/components/TopSection.js.map

@@ -1 +1 @@
-{"version":3,"file":"TopSection.js","sources":["../../../../../../../lib/@ecme/views/concepts/help-center/SupportHub/components/TopSection.tsx"],"sourcesContent":["import { useRef } from 'react'\nimport Button from '@/components/ui/Button'\nimport Container from '@/components/shared/Container'\nimport { useHelpCenterStore } from '../store/helpCenterStore'\nimport { TbSearch } from 'react-icons/tb'\n\nconst TopSection = () => {\n    const inputRef = useRef<HTMLInputElement>(null)\n\n    const setQueryText = useHelpCenterStore((state) => state.setQueryText)\n    const setSelectedTopic = useHelpCenterStore(\n        (state) => state.setSelectedTopic,\n    )\n\n    const handleSetQueryText = () => {\n        const value = inputRef.current?.value\n\n        if (value) {\n            setQueryText(inputRef.current?.value as string)\n            setSelectedTopic('')\n        }\n    }\n\n    return (\n        <section className=\"flex flex-col justify-center h-[300px] bg-gradient-to-tr from-cyan-100 via-violet-100 to-fuchsia-100 dark:from-cyan-500 dark:via-violet-500 dark:to-fuchsia-500\">\n            <Container className=\"flex flex-col items-center px-4\">\n                <div className=\"mb-6 flex flex-col items-center\">\n                    <h2 className=\"mb-4 text-center\">\n                        Assistance & Support Center\n                    </h2>\n                    <p className=\"max-w-[350px] dark:text-gray-200 text-center\">\n                        Search for answers, browse our FAQs, and access support\n                        resources all in one place.\n                    </p>\n                </div>\n                <div className=\"border border-gray-200 dark:border-gray-700 rounded-xl min-h-[50px] px-3 flex flex-col bg-white max-w-[800px] w-full\">\n                    <div className=\"flex items-center gap-2 w-full h-[56px]\">\n                        <input\n                            ref={inputRef}\n                            className=\"flex-1 h-full placeholder:text-gray-400 placeholder:font-semibold font-semibold bg-transparent focus:outline-none heading-text\"\n                            placeholder=\"Type to search an article\"\n                            onKeyDown={(event) => {\n                                if (event.key === 'Enter') {\n                                    handleSetQueryText()\n                                }\n\n                                if (\n                                    event.key === 'Backspace' &&\n                                    (event.target as HTMLInputElement).value\n                                        .length <= 1\n                                ) {\n                                    setQueryText('')\n                                }\n                            }}\n                        />\n                        <Button\n                            size=\"xs\"\n                            shape=\"circle\"\n                            variant=\"solid\"\n                            icon={<TbSearch />}\n                            onClick={handleSetQueryText}\n                        />\n                    </div>\n                </div>\n            </Container>\n        </section>\n    )\n}\n\nexport default TopSection\n"],"names":[],"mappings":";;;;;;;AAMA,MAAM,aAAa,MAAM;AACrB,QAAM,WAAW,OAAyB,IAAI;AAE9C,QAAM,eAAe,mBAAmB,CAAC,UAAU,MAAM,YAAY;AACrE,QAAM,mBAAmB;AAAA,IACrB,CAAC,UAAU,MAAM;AAAA,EAAA;AAGrB,QAAM,qBAAqB,MAAM;AAC7B,UAAM,QAAQ,SAAS,SAAS;AAEhC,QAAI,OAAO;AACP,mBAAa,SAAS,SAAS,KAAe;AAC9C,uBAAiB,EAAE;AAAA,IACvB;AAAA,EACJ;AAEA,6BACK,WAAA,EAAQ,WAAU,mKACf,UAAA,qBAAC,WAAA,EAAU,WAAU,mCACjB,UAAA;AAAA,IAAA,qBAAC,OAAA,EAAI,WAAU,mCACX,UAAA;AAAA,MAAA,oBAAC,MAAA,EAAG,WAAU,oBAAmB,UAAA,+BAEjC;AAAA,MACA,oBAAC,KAAA,EAAE,WAAU,gDAA+C,UAAA,sFAAA,CAG5D;AAAA,IAAA,GACJ;AAAA,wBACC,OAAA,EAAI,WAAU,wHACX,UAAA,qBAAC,OAAA,EAAI,WAAU,2CACX,UAAA;AAAA,MAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,KAAK;AAAA,UACL,WAAU;AAAA,UACV,aAAY;AAAA,UACZ,WAAW,CAAC,UAAU;AAClB,gBAAI,MAAM,QAAQ,SAAS;AACvB,iCAAA;AAAA,YACJ;AAEA,gBACI,MAAM,QAAQ,eACb,MAAM,OAA4B,MAC9B,UAAU,GACjB;AACE,2BAAa,EAAE;AAAA,YACnB;AAAA,UACJ;AAAA,QAAA;AAAA,MAAA;AAAA,MAEJ;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,MAAK;AAAA,UACL,OAAM;AAAA,UACN,SAAQ;AAAA,UACR,0BAAO,UAAA,EAAS;AAAA,UAChB,SAAS;AAAA,QAAA;AAAA,MAAA;AAAA,IACb,EAAA,CACJ,EAAA,CACJ;AAAA,EAAA,EAAA,CACJ,EAAA,CACJ;AAER;"}
+{"version":3,"file":"TopSection.js","sources":["../../../../../../../lib/@ecme/views/concepts/help-center/SupportHub/components/TopSection.tsx"],"sourcesContent":["import { useRef } from 'react'\r\nimport Button from '@/components/ui/Button'\r\nimport Container from '@/components/shared/Container'\r\nimport { useHelpCenterStore } from '../store/helpCenterStore'\r\nimport { TbSearch } from 'react-icons/tb'\r\n\r\nconst TopSection = () => {\r\n    const inputRef = useRef<HTMLInputElement>(null)\r\n\r\n    const setQueryText = useHelpCenterStore((state) => state.setQueryText)\r\n    const setSelectedTopic = useHelpCenterStore(\r\n        (state) => state.setSelectedTopic,\r\n    )\r\n\r\n    const handleSetQueryText = () => {\r\n        const value = inputRef.current?.value\r\n\r\n        if (value) {\r\n            setQueryText(inputRef.current?.value as string)\r\n            setSelectedTopic('')\r\n        }\r\n    }\r\n\r\n    return (\r\n        <section className=\"flex flex-col justify-center h-[300px] bg-gradient-to-tr from-cyan-100 via-violet-100 to-fuchsia-100 dark:from-cyan-500 dark:via-violet-500 dark:to-fuchsia-500\">\r\n            <Container className=\"flex flex-col items-center px-4\">\r\n                <div className=\"mb-6 flex flex-col items-center\">\r\n                    <h2 className=\"mb-4 text-center\">\r\n                        Assistance & Support Center\r\n                    </h2>\r\n                    <p className=\"max-w-[350px] dark:text-gray-200 text-center\">\r\n                        Search for answers, browse our FAQs, and access support\r\n                        resources all in one place.\r\n                    </p>\r\n                </div>\r\n                <div className=\"border border-gray-200 dark:border-gray-700 rounded-xl min-h-[50px] px-3 flex flex-col bg-white max-w-[800px] w-full\">\r\n                    <div className=\"flex items-center gap-2 w-full h-[56px]\">\r\n                        <input\r\n                            ref={inputRef}\r\n                            className=\"flex-1 h-full placeholder:text-gray-400 placeholder:font-semibold font-semibold bg-transparent focus:outline-none heading-text\"\r\n                            placeholder=\"Type to search an article\"\r\n                            onKeyDown={(event) => {\r\n                                if (event.key === 'Enter') {\r\n                                    handleSetQueryText()\r\n                                }\r\n\r\n                                if (\r\n                                    event.key === 'Backspace' &&\r\n                                    (event.target as HTMLInputElement).value\r\n                                        .length <= 1\r\n                                ) {\r\n                                    setQueryText('')\r\n                                }\r\n                            }}\r\n                        />\r\n                        <Button\r\n                            size=\"xs\"\r\n                            shape=\"circle\"\r\n                            variant=\"solid\"\r\n                            icon={<TbSearch />}\r\n                            onClick={handleSetQueryText}\r\n                        />\r\n                    </div>\r\n                </div>\r\n            </Container>\r\n        </section>\r\n    )\r\n}\r\n\r\nexport default TopSection\r\n"],"names":[],"mappings":";;;;;;;AAMA,MAAM,aAAa,MAAM;AACrB,QAAM,WAAW,OAAyB,IAAI;AAE9C,QAAM,eAAe,mBAAmB,CAAC,UAAU,MAAM,YAAY;AACrE,QAAM,mBAAmB;AAAA,IACrB,CAAC,UAAU,MAAM;AAAA,EAAA;AAGrB,QAAM,qBAAqB,MAAM;AAC7B,UAAM,QAAQ,SAAS,SAAS;AAEhC,QAAI,OAAO;AACP,mBAAa,SAAS,SAAS,KAAe;AAC9C,uBAAiB,EAAE;AAAA,IACvB;AAAA,EACJ;AAEA,6BACK,WAAA,EAAQ,WAAU,mKACf,UAAA,qBAAC,WAAA,EAAU,WAAU,mCACjB,UAAA;AAAA,IAAA,qBAAC,OAAA,EAAI,WAAU,mCACX,UAAA;AAAA,MAAA,oBAAC,MAAA,EAAG,WAAU,oBAAmB,UAAA,+BAEjC;AAAA,MACA,oBAAC,KAAA,EAAE,WAAU,gDAA+C,UAAA,sFAAA,CAG5D;AAAA,IAAA,GACJ;AAAA,wBACC,OAAA,EAAI,WAAU,wHACX,UAAA,qBAAC,OAAA,EAAI,WAAU,2CACX,UAAA;AAAA,MAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,KAAK;AAAA,UACL,WAAU;AAAA,UACV,aAAY;AAAA,UACZ,WAAW,CAAC,UAAU;AAClB,gBAAI,MAAM,QAAQ,SAAS;AACvB,iCAAA;AAAA,YACJ;AAEA,gBACI,MAAM,QAAQ,eACb,MAAM,OAA4B,MAC9B,UAAU,GACjB;AACE,2BAAa,EAAE;AAAA,YACnB;AAAA,UACJ;AAAA,QAAA;AAAA,MAAA;AAAA,MAEJ;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,MAAK;AAAA,UACL,OAAM;AAAA,UACN,SAAQ;AAAA,UACR,0BAAO,UAAA,EAAS;AAAA,UAChB,SAAS;AAAA,QAAA;AAAA,MAAA;AAAA,IACb,EAAA,CACJ,EAAA,CACJ;AAAA,EAAA,EAAA,CACJ,EAAA,CACJ;AAER;"}

package/dist/@ecme/views/concepts/help-center/SupportHub/store/helpCenterStore.js.map

@@ -1 +1 @@
-{"version":3,"file":"helpCenterStore.js","sources":["../../../../../../../lib/@ecme/views/concepts/help-center/SupportHub/store/helpCenterStore.ts"],"sourcesContent":["import { create } from 'zustand'\n\nexport type HelpCenterState = {\n    queryText: string\n    selectedTopic: string\n}\n\ntype HelpCenterAction = {\n    setQueryText: (payload: string) => void\n    setSelectedTopic: (payload: string) => void\n}\n\nconst initialState: HelpCenterState = {\n    queryText: '',\n    selectedTopic: '',\n}\n\nexport const useHelpCenterStore = create<HelpCenterState & HelpCenterAction>(\n    (set) => ({\n        ...initialState,\n        setQueryText: (payload) => set(() => ({ queryText: payload })),\n        setSelectedTopic: (payload) => set(() => ({ selectedTopic: payload })),\n    }),\n)\n"],"names":[],"mappings":";AAYA,MAAM,eAAgC;AAAA,EAClC,WAAW;AAAA,EACX,eAAe;AACnB;AAEO,MAAM,qBAAqB;AAAA,EAC9B,CAAC,SAAS;AAAA,IACN,GAAG;AAAA,IACH,cAAc,CAAC,YAAY,IAAI,OAAO,EAAE,WAAW,UAAU;AAAA,IAC7D,kBAAkB,CAAC,YAAY,IAAI,OAAO,EAAE,eAAe,UAAU;AAAA,EAAA;AAE7E;"}
+{"version":3,"file":"helpCenterStore.js","sources":["../../../../../../../lib/@ecme/views/concepts/help-center/SupportHub/store/helpCenterStore.ts"],"sourcesContent":["import { create } from 'zustand'\r\n\r\nexport type HelpCenterState = {\r\n    queryText: string\r\n    selectedTopic: string\r\n}\r\n\r\ntype HelpCenterAction = {\r\n    setQueryText: (payload: string) => void\r\n    setSelectedTopic: (payload: string) => void\r\n}\r\n\r\nconst initialState: HelpCenterState = {\r\n    queryText: '',\r\n    selectedTopic: '',\r\n}\r\n\r\nexport const useHelpCenterStore = create<HelpCenterState & HelpCenterAction>(\r\n    (set) => ({\r\n        ...initialState,\r\n        setQueryText: (payload) => set(() => ({ queryText: payload })),\r\n        setSelectedTopic: (payload) => set(() => ({ selectedTopic: payload })),\r\n    }),\r\n)\r\n"],"names":[],"mappings":";AAYA,MAAM,eAAgC;AAAA,EAClC,WAAW;AAAA,EACX,eAAe;AACnB;AAEO,MAAM,qBAAqB;AAAA,EAC9B,CAAC,SAAS;AAAA,IACN,GAAG;AAAA,IACH,cAAc,CAAC,YAAY,IAAI,OAAO,EAAE,WAAW,UAAU;AAAA,IAC7D,kBAAkB,CAAC,YAAY,IAAI,OAAO,EAAE,eAAe,UAAU;AAAA,EAAA;AAE7E;"}

package/dist/@ecme/views/concepts/help-center/SupportHub/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sources":["../../../../../../lib/@ecme/views/concepts/help-center/SupportHub/utils.tsx"],"sourcesContent":["import type { ReactNode } from 'react'\nimport {\n    TbPresentation,\n    TbSettings,\n    TbStar,\n    TbLicense,\n    TbChartHistogram,\n    TbChartPie,\n    TbRobotFace,\n    TbLibraryPhoto,\n    TbShieldCheck,\n    TbRefreshDot,\n    TbPalette,\n    TbCoins,\n} from 'react-icons/tb'\n\nexport const categoryIcon: Record<string, ReactNode> = {\n    introduction: <TbPresentation />,\n    setupGuide: <TbSettings />,\n    basicFeatures: <TbStar />,\n    survey: <TbLicense />,\n    analytic: <TbChartHistogram />,\n    dataVisualization: <TbChartPie />,\n    chatbot: <TbRobotFace />,\n    media: <TbLibraryPhoto />,\n    security: <TbShieldCheck />,\n    integration: <TbRefreshDot />,\n    themes: <TbPalette />,\n    commission: <TbCoins />,\n}\n\nexport const categoryLabel: Record<string, string> = {\n    introduction: 'Introduction',\n    setupGuide: 'Setup Guide',\n    basicFeatures: 'Basic Features',\n    survey: 'Survey',\n    analytic: 'Analytic',\n    dataVisualization: 'Data Visualization',\n    chatbot: 'Chatbot',\n    media: 'Media',\n    security: 'Security',\n    integration: 'Integration',\n    themes: 'Themes',\n    commission: 'Commission',\n}\n"],"names":[],"mappings":";;AAgBO,MAAM,eAA0C;AAAA,EACnD,kCAAe,gBAAA,EAAe;AAAA,EAC9B,gCAAa,YAAA,EAAW;AAAA,EACxB,mCAAgB,QAAA,EAAO;AAAA,EACvB,4BAAS,WAAA,EAAU;AAAA,EACnB,8BAAW,kBAAA,EAAiB;AAAA,EAC5B,uCAAoB,YAAA,EAAW;AAAA,EAC/B,6BAAU,aAAA,EAAY;AAAA,EACtB,2BAAQ,gBAAA,EAAe;AAAA,EACvB,8BAAW,eAAA,EAAc;AAAA,EACzB,iCAAc,cAAA,EAAa;AAAA,EAC3B,4BAAS,WAAA,EAAU;AAAA,EACnB,gCAAa,SAAA,CAAA,CAAQ;AACzB;AAEO,MAAM,gBAAwC;AAAA,EACjD,cAAc;AAAA,EACd,YAAY;AAAA,EACZ,eAAe;AAAA,EACf,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,mBAAmB;AAAA,EACnB,SAAS;AAAA,EACT,OAAO;AAAA,EACP,UAAU;AAAA,EACV,aAAa;AAAA,EACb,QAAQ;AAAA,EACR,YAAY;AAChB;"}
+{"version":3,"file":"utils.js","sources":["../../../../../../lib/@ecme/views/concepts/help-center/SupportHub/utils.tsx"],"sourcesContent":["import type { ReactNode } from 'react'\r\nimport {\r\n    TbPresentation,\r\n    TbSettings,\r\n    TbStar,\r\n    TbLicense,\r\n    TbChartHistogram,\r\n    TbChartPie,\r\n    TbRobotFace,\r\n    TbLibraryPhoto,\r\n    TbShieldCheck,\r\n    TbRefreshDot,\r\n    TbPalette,\r\n    TbCoins,\r\n} from 'react-icons/tb'\r\n\r\nexport const categoryIcon: Record<string, ReactNode> = {\r\n    introduction: <TbPresentation />,\r\n    setupGuide: <TbSettings />,\r\n    basicFeatures: <TbStar />,\r\n    survey: <TbLicense />,\r\n    analytic: <TbChartHistogram />,\r\n    dataVisualization: <TbChartPie />,\r\n    chatbot: <TbRobotFace />,\r\n    media: <TbLibraryPhoto />,\r\n    security: <TbShieldCheck />,\r\n    integration: <TbRefreshDot />,\r\n    themes: <TbPalette />,\r\n    commission: <TbCoins />,\r\n}\r\n\r\nexport const categoryLabel: Record<string, string> = {\r\n    introduction: 'Introduction',\r\n    setupGuide: 'Setup Guide',\r\n    basicFeatures: 'Basic Features',\r\n    survey: 'Survey',\r\n    analytic: 'Analytic',\r\n    dataVisualization: 'Data Visualization',\r\n    chatbot: 'Chatbot',\r\n    media: 'Media',\r\n    security: 'Security',\r\n    integration: 'Integration',\r\n    themes: 'Themes',\r\n    commission: 'Commission',\r\n}\r\n"],"names":[],"mappings":";;AAgBO,MAAM,eAA0C;AAAA,EACnD,kCAAe,gBAAA,EAAe;AAAA,EAC9B,gCAAa,YAAA,EAAW;AAAA,EACxB,mCAAgB,QAAA,EAAO;AAAA,EACvB,4BAAS,WAAA,EAAU;AAAA,EACnB,8BAAW,kBAAA,EAAiB;AAAA,EAC5B,uCAAoB,YAAA,EAAW;AAAA,EAC/B,6BAAU,aAAA,EAAY;AAAA,EACtB,2BAAQ,gBAAA,EAAe;AAAA,EACvB,8BAAW,eAAA,EAAc;AAAA,EACzB,iCAAc,cAAA,EAAa;AAAA,EAC3B,4BAAS,WAAA,EAAU;AAAA,EACnB,gCAAa,SAAA,CAAA,CAAQ;AACzB;AAEO,MAAM,gBAAwC;AAAA,EACjD,cAAc;AAAA,EACd,YAAY;AAAA,EACZ,eAAe;AAAA,EACf,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,mBAAmB;AAAA,EACnB,SAAS;AAAA,EACT,OAAO;AAAA,EACP,UAAU;AAAA,EACV,aAAa;AAAA,EACb,QAAQ;AAAA,EACR,YAAY;AAChB;"}

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

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

package/dist/@ecme/views/concepts/mail/Mail/Mail.js.map

@@ -1 +1 @@
-{"version":3,"file":"Mail.js","sources":["../../../../../../lib/@ecme/views/concepts/mail/Mail/Mail.tsx"],"sourcesContent":["import MailBody from './components/MailBody'\nimport MailEditor from './components/MailEditor'\n\nconst Mail = () => {\n    return (\n        <>\n            <MailBody />\n            <MailEditor />\n        </>\n    )\n}\n\nexport default Mail\n"],"names":[],"mappings":";;;AAGA,MAAM,OAAO,MAAM;AACf,SACI,qBAAA,UAAA,EACI,UAAA;AAAA,IAAA,oBAAC,UAAA,EAAS;AAAA,wBACT,YAAA,CAAA,CAAW;AAAA,EAAA,GAChB;AAER;"}
+{"version":3,"file":"Mail.js","sources":["../../../../../../lib/@ecme/views/concepts/mail/Mail/Mail.tsx"],"sourcesContent":["import MailBody from './components/MailBody'\r\nimport MailEditor from './components/MailEditor'\r\n\r\nconst Mail = () => {\r\n    return (\r\n        <>\r\n            <MailBody />\r\n            <MailEditor />\r\n        </>\r\n    )\r\n}\r\n\r\nexport default Mail\r\n"],"names":[],"mappings":";;;AAGA,MAAM,OAAO,MAAM;AACf,SACI,qBAAA,UAAA,EACI,UAAA;AAAA,IAAA,oBAAC,UAAA,EAAS;AAAA,wBACT,YAAA,CAAA,CAAW;AAAA,EAAA,GAChB;AAER;"}

package/dist/@ecme/views/concepts/mail/Mail/components/ActionButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"ActionButton.js","sources":["../../../../../../../lib/@ecme/views/concepts/mail/Mail/components/ActionButton.tsx"],"sourcesContent":["import type { ButtonHTMLAttributes } from 'react'\n\nconst ActionButton = ({\n    children,\n    ...rest\n}: ButtonHTMLAttributes<HTMLButtonElement>) => {\n    return (\n        <button\n            className=\"outline-none rounded-full p-2 text-xl bg-white dark:bg-gray-500 hover:bg-gray-200 dark:hover:bg-gray-400 hover:text-gray-800 dark:text-gray-200 dark:hover:text-gray-100\"\n            {...rest}\n        >\n            {children}\n        </button>\n    )\n}\n\nexport default ActionButton\n"],"names":[],"mappings":";AAEA,MAAM,eAAe,CAAC;AAAA,EAClB;AAAA,EACA,GAAG;AACP,MAA+C;AAC3C,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAU;AAAA,MACT,GAAG;AAAA,MAEH;AAAA,IAAA;AAAA,EAAA;AAGb;"}
+{"version":3,"file":"ActionButton.js","sources":["../../../../../../../lib/@ecme/views/concepts/mail/Mail/components/ActionButton.tsx"],"sourcesContent":["import type { ButtonHTMLAttributes } from 'react'\r\n\r\nconst ActionButton = ({\r\n    children,\r\n    ...rest\r\n}: ButtonHTMLAttributes<HTMLButtonElement>) => {\r\n    return (\r\n        <button\r\n            className=\"outline-none rounded-full p-2 text-xl bg-white dark:bg-gray-500 hover:bg-gray-200 dark:hover:bg-gray-400 hover:text-gray-800 dark:text-gray-200 dark:hover:text-gray-100\"\r\n            {...rest}\r\n        >\r\n            {children}\r\n        </button>\r\n    )\r\n}\r\n\r\nexport default ActionButton\r\n"],"names":[],"mappings":";AAEA,MAAM,eAAe,CAAC;AAAA,EAClB;AAAA,EACA,GAAG;AACP,MAA+C;AAC3C,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAU;AAAA,MACT,GAAG;AAAA,MAEH;AAAA,IAAA;AAAA,EAAA;AAGb;"}

package/dist/@ecme/views/concepts/mail/Mail/components/MailBody.js.map

@@ -1 +1 @@
-{"version":3,"file":"MailBody.js","sources":["../../../../../../../lib/@ecme/views/concepts/mail/Mail/components/MailBody.tsx"],"sourcesContent":["import { useEffect } from 'react'\nimport AdaptiveCard from '@/components/shared/AdaptiveCard'\nimport MailList from './MailList'\nimport MailSidebar from './MailSidebar'\nimport MailDetail from './MailDetail'\nimport MailBodyTop from './MailBodyTop'\nimport useMail from '../hooks/useMail'\nimport useQuery from '@/utils/hooks/useQuery'\nimport { useMailStore } from '../store/mailStore'\nimport isEmpty from 'lodash/isEmpty'\n\nconst MailBody = () => {\n    const query = useQuery()\n\n    const id = query.get('mail')\n\n    const { fetchMail } = useMail()\n\n    const { mail } = useMailStore()\n\n    useEffect(() => {\n        if (id && isEmpty(mail)) {\n            fetchMail(id)\n        }\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [id])\n\n    return (\n        <AdaptiveCard\n            className=\"h-full border-0\"\n            bodyClass=\"h-full flex flex-col\"\n        >\n            <div className=\"flex flex-auto h-full\">\n                <MailSidebar />\n                <div className=\"ltr:lg:pl-6 rtl:lg:pr-6 flex-1\">\n                    <MailBodyTop />\n                    <div className=\"relative h-[calc(100%-70px)]\">\n                        {isEmpty(mail) ? (\n                            <MailList />\n                        ) : (\n                            <MailDetail mail={mail} />\n                        )}\n                    </div>\n                </div>\n            </div>\n        </AdaptiveCard>\n    )\n}\n\nexport default MailBody\n"],"names":[],"mappings":";;;;;;;;;;;AAWA,MAAM,WAAW,MAAM;AACnB,QAAM,QAAQ,SAAA;AAEd,QAAM,KAAK,MAAM,IAAI,MAAM;AAE3B,QAAM,EAAE,UAAA,IAAc,QAAA;AAEtB,QAAM,EAAE,KAAA,IAAS,aAAA;AAEjB,YAAU,MAAM;AACZ,QAAI,MAAM,QAAQ,IAAI,GAAG;AACrB,gBAAU,EAAE;AAAA,IAChB;AAAA,EAEJ,GAAG,CAAC,EAAE,CAAC;AAEP,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAU;AAAA,MACV,WAAU;AAAA,MAEV,UAAA,qBAAC,OAAA,EAAI,WAAU,yBACX,UAAA;AAAA,QAAA,oBAAC,aAAA,EAAY;AAAA,QACb,qBAAC,OAAA,EAAI,WAAU,kCACX,UAAA;AAAA,UAAA,oBAAC,aAAA,EAAY;AAAA,UACb,oBAAC,OAAA,EAAI,WAAU,gCACV,UAAA,QAAQ,IAAI,IACT,oBAAC,UAAA,CAAA,CAAS,IAEV,oBAAC,YAAA,EAAW,MAAY,EAAA,CAEhC;AAAA,QAAA,EAAA,CACJ;AAAA,MAAA,EAAA,CACJ;AAAA,IAAA;AAAA,EAAA;AAGZ;"}
+{"version":3,"file":"MailBody.js","sources":["../../../../../../../lib/@ecme/views/concepts/mail/Mail/components/MailBody.tsx"],"sourcesContent":["import { useEffect } from 'react'\r\nimport AdaptiveCard from '@/components/shared/AdaptiveCard'\r\nimport MailList from './MailList'\r\nimport MailSidebar from './MailSidebar'\r\nimport MailDetail from './MailDetail'\r\nimport MailBodyTop from './MailBodyTop'\r\nimport useMail from '../hooks/useMail'\r\nimport useQuery from '@/utils/hooks/useQuery'\r\nimport { useMailStore } from '../store/mailStore'\r\nimport isEmpty from 'lodash/isEmpty'\r\n\r\nconst MailBody = () => {\r\n    const query = useQuery()\r\n\r\n    const id = query.get('mail')\r\n\r\n    const { fetchMail } = useMail()\r\n\r\n    const { mail } = useMailStore()\r\n\r\n    useEffect(() => {\r\n        if (id && isEmpty(mail)) {\r\n            fetchMail(id)\r\n        }\r\n        // eslint-disable-next-line react-hooks/exhaustive-deps\r\n    }, [id])\r\n\r\n    return (\r\n        <AdaptiveCard\r\n            className=\"h-full border-0\"\r\n            bodyClass=\"h-full flex flex-col\"\r\n        >\r\n            <div className=\"flex flex-auto h-full\">\r\n                <MailSidebar />\r\n                <div className=\"ltr:lg:pl-6 rtl:lg:pr-6 flex-1\">\r\n                    <MailBodyTop />\r\n                    <div className=\"relative h-[calc(100%-70px)]\">\r\n                        {isEmpty(mail) ? (\r\n                            <MailList />\r\n                        ) : (\r\n                            <MailDetail mail={mail} />\r\n                        )}\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </AdaptiveCard>\r\n    )\r\n}\r\n\r\nexport default MailBody\r\n"],"names":[],"mappings":";;;;;;;;;;;AAWA,MAAM,WAAW,MAAM;AACnB,QAAM,QAAQ,SAAA;AAEd,QAAM,KAAK,MAAM,IAAI,MAAM;AAE3B,QAAM,EAAE,UAAA,IAAc,QAAA;AAEtB,QAAM,EAAE,KAAA,IAAS,aAAA;AAEjB,YAAU,MAAM;AACZ,QAAI,MAAM,QAAQ,IAAI,GAAG;AACrB,gBAAU,EAAE;AAAA,IAChB;AAAA,EAEJ,GAAG,CAAC,EAAE,CAAC;AAEP,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAU;AAAA,MACV,WAAU;AAAA,MAEV,UAAA,qBAAC,OAAA,EAAI,WAAU,yBACX,UAAA;AAAA,QAAA,oBAAC,aAAA,EAAY;AAAA,QACb,qBAAC,OAAA,EAAI,WAAU,kCACX,UAAA;AAAA,UAAA,oBAAC,aAAA,EAAY;AAAA,UACb,oBAAC,OAAA,EAAI,WAAU,gCACV,UAAA,QAAQ,IAAI,IACT,oBAAC,UAAA,CAAA,CAAS,IAEV,oBAAC,YAAA,EAAW,MAAY,EAAA,CAEhC;AAAA,QAAA,EAAA,CACJ;AAAA,MAAA,EAAA,CACJ;AAAA,IAAA;AAAA,EAAA;AAGZ;"}

package/dist/@ecme/views/concepts/mail/Mail/components/MailBodyTop.js.map

@@ -1 +1 @@
-{"version":3,"file":"MailBodyTop.js","sources":["../../../../../../../lib/@ecme/views/concepts/mail/Mail/components/MailBodyTop.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Button from '@/components/ui/Button'\nimport Dropdown from '@/components/ui/Dropdown'\nimport Badge from '@/components/ui/Badge'\nimport MailDeleteConfimation from './MailDeleteConfimation'\nimport useResponsive from '@/utils/hooks/useResponsive'\nimport { useMailStore } from '../store/mailStore'\nimport useMailAction from '../hooks/useMailAction'\nimport { labelList } from '../constants'\nimport { TbMail, TbTrash, TbMenu2 } from 'react-icons/tb'\n\nconst MailBodyTop = () => {\n    const [deleteConfirmationOpen, setDeleteConfirmationOpen] = useState(false)\n\n    const { selectedMailId, toggleMessageDialog, toggleMobileSidebar } =\n        useMailStore()\n\n    const { onMailDelete, onBatchMoveMailClick } = useMailAction()\n\n    const { smaller } = useResponsive()\n\n    const hasMailSelected = selectedMailId.length > 0\n\n    const handleClose = () => {\n        setDeleteConfirmationOpen(false)\n    }\n\n    const handleConfirmDelete = () => {\n        onMailDelete(selectedMailId)\n        handleClose()\n    }\n\n    const handleMoveMailClick = (destination: string) => {\n        onBatchMoveMailClick(selectedMailId, destination)\n    }\n\n    return (\n        <>\n            <div className=\"flex items-center justify-between mb-6\">\n                <div className=\"flex items-center gap-2\">\n                    {smaller.xl && (\n                        <button\n                            className=\"close-button\"\n                            type=\"button\"\n                            onClick={() => toggleMobileSidebar(true)}\n                        >\n                            <TbMenu2 />\n                        </button>\n                    )}\n                    {hasMailSelected && (\n                        <h5>{selectedMailId.length} items selected</h5>\n                    )}\n                </div>\n                <div className=\"inline-flex items-center gap-2\">\n                    {hasMailSelected ? (\n                        <>\n                            <Dropdown\n                                renderTitle={<Button size=\"sm\">Move to</Button>}\n                                placement=\"bottom-end\"\n                            >\n                                {labelList.map((item) => (\n                                    <Dropdown.Item\n                                        key={item.value}\n                                        onClick={() =>\n                                            handleMoveMailClick(item.value)\n                                        }\n                                    >\n                                        <Badge className={item.dotClass} />\n                                        <span>{item.label}</span>\n                                    </Dropdown.Item>\n                                ))}\n                            </Dropdown>\n                            <Button\n                                size=\"sm\"\n                                type=\"button\"\n                                customColorClass={() =>\n                                    'border-error ring-0 ring-error text-error hover:border-error hover:ring-error hover:text-error bg-transparent'\n                                }\n                                icon={<TbTrash />}\n                                onClick={() => setDeleteConfirmationOpen(true)}\n                            >\n                                Delete\n                            </Button>\n                        </>\n                    ) : (\n                        <Button\n                            variant=\"solid\"\n                            icon={<TbMail />}\n                            size=\"sm\"\n                            onClick={() =>\n                                toggleMessageDialog({\n                                    open: true,\n                                    mode: 'new',\n                                })\n                            }\n                        >\n                            New email\n                        </Button>\n                    )}\n                </div>\n            </div>\n            <MailDeleteConfimation\n                isOpen={deleteConfirmationOpen}\n                selectedMailCount={selectedMailId.length}\n                onClose={handleClose}\n                onConfirmDelete={handleConfirmDelete}\n            />\n        </>\n    )\n}\n\nexport default MailBodyTop\n"],"names":[],"mappings":";;;;;;;;;;;;;AAWA,MAAM,cAAc,MAAM;AACtB,QAAM,CAAC,wBAAwB,yBAAyB,IAAI,SAAS,KAAK;AAE1E,QAAM,EAAE,gBAAgB,qBAAqB,oBAAA,IACzC,aAAA;AAEJ,QAAM,EAAE,cAAc,qBAAA,IAAyB,cAAA;AAE/C,QAAM,EAAE,QAAA,IAAY,cAAA;AAEpB,QAAM,kBAAkB,eAAe,SAAS;AAEhD,QAAM,cAAc,MAAM;AACtB,8BAA0B,KAAK;AAAA,EACnC;AAEA,QAAM,sBAAsB,MAAM;AAC9B,iBAAa,cAAc;AAC3B,gBAAA;AAAA,EACJ;AAEA,QAAM,sBAAsB,CAAC,gBAAwB;AACjD,yBAAqB,gBAAgB,WAAW;AAAA,EACpD;AAEA,SACI,qBAAA,UAAA,EACI,UAAA;AAAA,IAAA,qBAAC,OAAA,EAAI,WAAU,0CACX,UAAA;AAAA,MAAA,qBAAC,OAAA,EAAI,WAAU,2BACV,UAAA;AAAA,QAAA,QAAQ,MACL;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,WAAU;AAAA,YACV,MAAK;AAAA,YACL,SAAS,MAAM,oBAAoB,IAAI;AAAA,YAEvC,8BAAC,SAAA,CAAA,CAAQ;AAAA,UAAA;AAAA,QAAA;AAAA,QAGhB,wCACI,MAAA,EAAI,UAAA;AAAA,UAAA,eAAe;AAAA,UAAO;AAAA,QAAA,EAAA,CAAe;AAAA,MAAA,GAElD;AAAA,MACA,oBAAC,OAAA,EAAI,WAAU,kCACV,4BACG,qBAAA,UAAA,EACI,UAAA;AAAA,QAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,aAAa,oBAAC,QAAA,EAAO,MAAK,MAAK,UAAA,WAAO;AAAA,YACtC,WAAU;AAAA,YAET,UAAA,UAAU,IAAI,CAAC,SACZ;AAAA,cAAC,SAAS;AAAA,cAAT;AAAA,gBAEG,SAAS,MACL,oBAAoB,KAAK,KAAK;AAAA,gBAGlC,UAAA;AAAA,kBAAA,oBAAC,OAAA,EAAM,WAAW,KAAK,SAAA,CAAU;AAAA,kBACjC,oBAAC,QAAA,EAAM,UAAA,KAAK,MAAA,CAAM;AAAA,gBAAA;AAAA,cAAA;AAAA,cANb,KAAK;AAAA,YAAA,CAQjB;AAAA,UAAA;AAAA,QAAA;AAAA,QAEL;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,MAAK;AAAA,YACL,MAAK;AAAA,YACL,kBAAkB,MACd;AAAA,YAEJ,0BAAO,SAAA,EAAQ;AAAA,YACf,SAAS,MAAM,0BAA0B,IAAI;AAAA,YAChD,UAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MAED,EAAA,CACJ,IAEA;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,SAAQ;AAAA,UACR,0BAAO,QAAA,EAAO;AAAA,UACd,MAAK;AAAA,UACL,SAAS,MACL,oBAAoB;AAAA,YAChB,MAAM;AAAA,YACN,MAAM;AAAA,UAAA,CACT;AAAA,UAER,UAAA;AAAA,QAAA;AAAA,MAAA,EAED,CAER;AAAA,IAAA,GACJ;AAAA,IACA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,QAAQ;AAAA,QACR,mBAAmB,eAAe;AAAA,QAClC,SAAS;AAAA,QACT,iBAAiB;AAAA,MAAA;AAAA,IAAA;AAAA,EACrB,GACJ;AAER;"}
+{"version":3,"file":"MailBodyTop.js","sources":["../../../../../../../lib/@ecme/views/concepts/mail/Mail/components/MailBodyTop.tsx"],"sourcesContent":["import { useState } from 'react'\r\nimport Button from '@/components/ui/Button'\r\nimport Dropdown from '@/components/ui/Dropdown'\r\nimport Badge from '@/components/ui/Badge'\r\nimport MailDeleteConfimation from './MailDeleteConfimation'\r\nimport useResponsive from '@/utils/hooks/useResponsive'\r\nimport { useMailStore } from '../store/mailStore'\r\nimport useMailAction from '../hooks/useMailAction'\r\nimport { labelList } from '../constants'\r\nimport { TbMail, TbTrash, TbMenu2 } from 'react-icons/tb'\r\n\r\nconst MailBodyTop = () => {\r\n    const [deleteConfirmationOpen, setDeleteConfirmationOpen] = useState(false)\r\n\r\n    const { selectedMailId, toggleMessageDialog, toggleMobileSidebar } =\r\n        useMailStore()\r\n\r\n    const { onMailDelete, onBatchMoveMailClick } = useMailAction()\r\n\r\n    const { smaller } = useResponsive()\r\n\r\n    const hasMailSelected = selectedMailId.length > 0\r\n\r\n    const handleClose = () => {\r\n        setDeleteConfirmationOpen(false)\r\n    }\r\n\r\n    const handleConfirmDelete = () => {\r\n        onMailDelete(selectedMailId)\r\n        handleClose()\r\n    }\r\n\r\n    const handleMoveMailClick = (destination: string) => {\r\n        onBatchMoveMailClick(selectedMailId, destination)\r\n    }\r\n\r\n    return (\r\n        <>\r\n            <div className=\"flex items-center justify-between mb-6\">\r\n                <div className=\"flex items-center gap-2\">\r\n                    {smaller.xl && (\r\n                        <button\r\n                            className=\"close-button\"\r\n                            type=\"button\"\r\n                            onClick={() => toggleMobileSidebar(true)}\r\n                        >\r\n                            <TbMenu2 />\r\n                        </button>\r\n                    )}\r\n                    {hasMailSelected && (\r\n                        <h5>{selectedMailId.length} items selected</h5>\r\n                    )}\r\n                </div>\r\n                <div className=\"inline-flex items-center gap-2\">\r\n                    {hasMailSelected ? (\r\n                        <>\r\n                            <Dropdown\r\n                                renderTitle={<Button size=\"sm\">Move to</Button>}\r\n                                placement=\"bottom-end\"\r\n                            >\r\n                                {labelList.map((item) => (\r\n                                    <Dropdown.Item\r\n                                        key={item.value}\r\n                                        onClick={() =>\r\n                                            handleMoveMailClick(item.value)\r\n                                        }\r\n                                    >\r\n                                        <Badge className={item.dotClass} />\r\n                                        <span>{item.label}</span>\r\n                                    </Dropdown.Item>\r\n                                ))}\r\n                            </Dropdown>\r\n                            <Button\r\n                                size=\"sm\"\r\n                                type=\"button\"\r\n                                customColorClass={() =>\r\n                                    'border-error ring-0 ring-error text-error hover:border-error hover:ring-error hover:text-error bg-transparent'\r\n                                }\r\n                                icon={<TbTrash />}\r\n                                onClick={() => setDeleteConfirmationOpen(true)}\r\n                            >\r\n                                Delete\r\n                            </Button>\r\n                        </>\r\n                    ) : (\r\n                        <Button\r\n                            variant=\"solid\"\r\n                            icon={<TbMail />}\r\n                            size=\"sm\"\r\n                            onClick={() =>\r\n                                toggleMessageDialog({\r\n                                    open: true,\r\n                                    mode: 'new',\r\n                                })\r\n                            }\r\n                        >\r\n                            New email\r\n                        </Button>\r\n                    )}\r\n                </div>\r\n            </div>\r\n            <MailDeleteConfimation\r\n                isOpen={deleteConfirmationOpen}\r\n                selectedMailCount={selectedMailId.length}\r\n                onClose={handleClose}\r\n                onConfirmDelete={handleConfirmDelete}\r\n            />\r\n        </>\r\n    )\r\n}\r\n\r\nexport default MailBodyTop\r\n"],"names":[],"mappings":";;;;;;;;;;;;;AAWA,MAAM,cAAc,MAAM;AACtB,QAAM,CAAC,wBAAwB,yBAAyB,IAAI,SAAS,KAAK;AAE1E,QAAM,EAAE,gBAAgB,qBAAqB,oBAAA,IACzC,aAAA;AAEJ,QAAM,EAAE,cAAc,qBAAA,IAAyB,cAAA;AAE/C,QAAM,EAAE,QAAA,IAAY,cAAA;AAEpB,QAAM,kBAAkB,eAAe,SAAS;AAEhD,QAAM,cAAc,MAAM;AACtB,8BAA0B,KAAK;AAAA,EACnC;AAEA,QAAM,sBAAsB,MAAM;AAC9B,iBAAa,cAAc;AAC3B,gBAAA;AAAA,EACJ;AAEA,QAAM,sBAAsB,CAAC,gBAAwB;AACjD,yBAAqB,gBAAgB,WAAW;AAAA,EACpD;AAEA,SACI,qBAAA,UAAA,EACI,UAAA;AAAA,IAAA,qBAAC,OAAA,EAAI,WAAU,0CACX,UAAA;AAAA,MAAA,qBAAC,OAAA,EAAI,WAAU,2BACV,UAAA;AAAA,QAAA,QAAQ,MACL;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,WAAU;AAAA,YACV,MAAK;AAAA,YACL,SAAS,MAAM,oBAAoB,IAAI;AAAA,YAEvC,8BAAC,SAAA,CAAA,CAAQ;AAAA,UAAA;AAAA,QAAA;AAAA,QAGhB,wCACI,MAAA,EAAI,UAAA;AAAA,UAAA,eAAe;AAAA,UAAO;AAAA,QAAA,EAAA,CAAe;AAAA,MAAA,GAElD;AAAA,MACA,oBAAC,OAAA,EAAI,WAAU,kCACV,4BACG,qBAAA,UAAA,EACI,UAAA;AAAA,QAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,aAAa,oBAAC,QAAA,EAAO,MAAK,MAAK,UAAA,WAAO;AAAA,YACtC,WAAU;AAAA,YAET,UAAA,UAAU,IAAI,CAAC,SACZ;AAAA,cAAC,SAAS;AAAA,cAAT;AAAA,gBAEG,SAAS,MACL,oBAAoB,KAAK,KAAK;AAAA,gBAGlC,UAAA;AAAA,kBAAA,oBAAC,OAAA,EAAM,WAAW,KAAK,SAAA,CAAU;AAAA,kBACjC,oBAAC,QAAA,EAAM,UAAA,KAAK,MAAA,CAAM;AAAA,gBAAA;AAAA,cAAA;AAAA,cANb,KAAK;AAAA,YAAA,CAQjB;AAAA,UAAA;AAAA,QAAA;AAAA,QAEL;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,MAAK;AAAA,YACL,MAAK;AAAA,YACL,kBAAkB,MACd;AAAA,YAEJ,0BAAO,SAAA,EAAQ;AAAA,YACf,SAAS,MAAM,0BAA0B,IAAI;AAAA,YAChD,UAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MAED,EAAA,CACJ,IAEA;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,SAAQ;AAAA,UACR,0BAAO,QAAA,EAAO;AAAA,UACd,MAAK;AAAA,UACL,SAAS,MACL,oBAAoB;AAAA,YAChB,MAAM;AAAA,YACN,MAAM;AAAA,UAAA,CACT;AAAA,UAER,UAAA;AAAA,QAAA;AAAA,MAAA,EAED,CAER;AAAA,IAAA,GACJ;AAAA,IACA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,QAAQ;AAAA,QACR,mBAAmB,eAAe;AAAA,QAClC,SAAS;AAAA,QACT,iBAAiB;AAAA,MAAA;AAAA,IAAA;AAAA,EACrB,GACJ;AAER;"}

package/dist/@ecme/views/concepts/mail/Mail/components/MailDeleteConfimation.js.map

@@ -1 +1 @@
-{"version":3,"file":"MailDeleteConfimation.js","sources":["../../../../../../../lib/@ecme/views/concepts/mail/Mail/components/MailDeleteConfimation.tsx"],"sourcesContent":["import ConfirmDialog from '@/components/shared/ConfirmDialog'\n\ntype MailDeleteConfimationProps = {\n    isOpen: boolean\n    onClose: () => void\n    onConfirmDelete: () => void\n    selectedMailCount: number\n}\n\nconst MailDeleteConfimation = ({\n    isOpen,\n    onClose,\n    onConfirmDelete,\n    selectedMailCount,\n}: MailDeleteConfimationProps) => {\n    return (\n        <ConfirmDialog\n            isOpen={isOpen}\n            type=\"danger\"\n            title=\"Delete mail\"\n            onClose={onClose}\n            onRequestClose={onClose}\n            onCancel={onClose}\n            onConfirm={onConfirmDelete}\n        >\n            <p>\n                Are you sure you want to delete{' '}\n                {selectedMailCount > 1\n                    ? `${selectedMailCount} of these mails`\n                    : 'this mail'}{' '}\n                ? This action can&apos;t be undo.{' '}\n            </p>\n        </ConfirmDialog>\n    )\n}\n\nexport default MailDeleteConfimation\n"],"names":[],"mappings":";;AASA,MAAM,wBAAwB,CAAC;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ,MAAkC;AAC9B,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MACG;AAAA,MACA,MAAK;AAAA,MACL,OAAM;AAAA,MACN;AAAA,MACA,gBAAgB;AAAA,MAChB,UAAU;AAAA,MACV,WAAW;AAAA,MAEX,+BAAC,KAAA,EAAE,UAAA;AAAA,QAAA;AAAA,QACiC;AAAA,QAC/B,oBAAoB,IACf,GAAG,iBAAiB,oBACpB;AAAA,QAAa;AAAA,QAAI;AAAA,QACW;AAAA,MAAA,EAAA,CACtC;AAAA,IAAA;AAAA,EAAA;AAGZ;"}
+{"version":3,"file":"MailDeleteConfimation.js","sources":["../../../../../../../lib/@ecme/views/concepts/mail/Mail/components/MailDeleteConfimation.tsx"],"sourcesContent":["import ConfirmDialog from '@/components/shared/ConfirmDialog'\r\n\r\ntype MailDeleteConfimationProps = {\r\n    isOpen: boolean\r\n    onClose: () => void\r\n    onConfirmDelete: () => void\r\n    selectedMailCount: number\r\n}\r\n\r\nconst MailDeleteConfimation = ({\r\n    isOpen,\r\n    onClose,\r\n    onConfirmDelete,\r\n    selectedMailCount,\r\n}: MailDeleteConfimationProps) => {\r\n    return (\r\n        <ConfirmDialog\r\n            isOpen={isOpen}\r\n            type=\"danger\"\r\n            title=\"Delete mail\"\r\n            onClose={onClose}\r\n            onRequestClose={onClose}\r\n            onCancel={onClose}\r\n            onConfirm={onConfirmDelete}\r\n        >\r\n            <p>\r\n                Are you sure you want to delete{' '}\r\n                {selectedMailCount > 1\r\n                    ? `${selectedMailCount} of these mails`\r\n                    : 'this mail'}{' '}\r\n                ? This action can&apos;t be undo.{' '}\r\n            </p>\r\n        </ConfirmDialog>\r\n    )\r\n}\r\n\r\nexport default MailDeleteConfimation\r\n"],"names":[],"mappings":";;AASA,MAAM,wBAAwB,CAAC;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ,MAAkC;AAC9B,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MACG;AAAA,MACA,MAAK;AAAA,MACL,OAAM;AAAA,MACN;AAAA,MACA,gBAAgB;AAAA,MAChB,UAAU;AAAA,MACV,WAAW;AAAA,MAEX,+BAAC,KAAA,EAAE,UAAA;AAAA,QAAA;AAAA,QACiC;AAAA,QAC/B,oBAAoB,IACf,GAAG,iBAAiB,oBACpB;AAAA,QAAa;AAAA,QAAI;AAAA,QACW;AAAA,MAAA,EAAA,CACtC;AAAA,IAAA;AAAA,EAAA;AAGZ;"}

package/dist/@ecme/views/concepts/mail/Mail/components/MailDetail.js.map

@@ -1 +1 @@
-{"version":3,"file":"MailDetail.js","sources":["../../../../../../../lib/@ecme/views/concepts/mail/Mail/components/MailDetail.tsx"],"sourcesContent":["import { useRef } from 'react'\nimport Card from '@/components/ui/Card'\nimport MailDetailTitle from './MailDetailTitle'\nimport MailDetailContent from './MailDetailContent'\nimport MailDetailAction from './MailDetailAction'\nimport isEmpty from 'lodash/isEmpty'\nimport type { Mail } from '../types'\n\ntype MailDetailProps = {\n    mail?: Partial<Mail>\n}\n\nconst MailDetail = ({ mail }: MailDetailProps) => {\n    const scrollRef = useRef(null)\n\n    const hasMailSelected = !isEmpty(mail)\n    const cardHeaderProps = {\n        ...(hasMailSelected\n            ? {\n                  header: {\n                      content: <MailDetailTitle />,\n                      extra: <MailDetailAction />,\n                      className: 'bg-gray-100 dark:bg-gray-700 h-[100px]',\n                  },\n              }\n            : {}),\n    }\n\n    return (\n        <Card\n            className=\"flex-1 h-full max-h-full dark:border-gray-700\"\n            bodyClass=\"h-full relative\"\n            {...cardHeaderProps}\n        >\n            <MailDetailContent ref={scrollRef} mail={mail} />\n        </Card>\n    )\n}\n\nexport default MailDetail\n"],"names":[],"mappings":";;;;;;;;AAYA,MAAM,aAAa,CAAC,EAAE,WAA4B;AAC9C,QAAM,YAAY,OAAO,IAAI;AAE7B,QAAM,kBAAkB,CAAC,QAAQ,IAAI;AACrC,QAAM,kBAAkB;AAAA,IACpB,GAAI,kBACE;AAAA,MACI,QAAQ;AAAA,QACJ,6BAAU,iBAAA,EAAgB;AAAA,QAC1B,2BAAQ,kBAAA,EAAiB;AAAA,QACzB,WAAW;AAAA,MAAA;AAAA,IACf,IAEJ,CAAA;AAAA,EAAC;AAGX,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAU;AAAA,MACV,WAAU;AAAA,MACT,GAAG;AAAA,MAEJ,UAAA,oBAAC,mBAAA,EAAkB,KAAK,WAAW,KAAA,CAAY;AAAA,IAAA;AAAA,EAAA;AAG3D;"}
+{"version":3,"file":"MailDetail.js","sources":["../../../../../../../lib/@ecme/views/concepts/mail/Mail/components/MailDetail.tsx"],"sourcesContent":["import { useRef } from 'react'\r\nimport Card from '@/components/ui/Card'\r\nimport MailDetailTitle from './MailDetailTitle'\r\nimport MailDetailContent from './MailDetailContent'\r\nimport MailDetailAction from './MailDetailAction'\r\nimport isEmpty from 'lodash/isEmpty'\r\nimport type { Mail } from '../types'\r\n\r\ntype MailDetailProps = {\r\n    mail?: Partial<Mail>\r\n}\r\n\r\nconst MailDetail = ({ mail }: MailDetailProps) => {\r\n    const scrollRef = useRef(null)\r\n\r\n    const hasMailSelected = !isEmpty(mail)\r\n    const cardHeaderProps = {\r\n        ...(hasMailSelected\r\n            ? {\r\n                  header: {\r\n                      content: <MailDetailTitle />,\r\n                      extra: <MailDetailAction />,\r\n                      className: 'bg-gray-100 dark:bg-gray-700 h-[100px]',\r\n                  },\r\n              }\r\n            : {}),\r\n    }\r\n\r\n    return (\r\n        <Card\r\n            className=\"flex-1 h-full max-h-full dark:border-gray-700\"\r\n            bodyClass=\"h-full relative\"\r\n            {...cardHeaderProps}\r\n        >\r\n            <MailDetailContent ref={scrollRef} mail={mail} />\r\n        </Card>\r\n    )\r\n}\r\n\r\nexport default MailDetail\r\n"],"names":[],"mappings":";;;;;;;;AAYA,MAAM,aAAa,CAAC,EAAE,WAA4B;AAC9C,QAAM,YAAY,OAAO,IAAI;AAE7B,QAAM,kBAAkB,CAAC,QAAQ,IAAI;AACrC,QAAM,kBAAkB;AAAA,IACpB,GAAI,kBACE;AAAA,MACI,QAAQ;AAAA,QACJ,6BAAU,iBAAA,EAAgB;AAAA,QAC1B,2BAAQ,kBAAA,EAAiB;AAAA,QACzB,WAAW;AAAA,MAAA;AAAA,IACf,IAEJ,CAAA;AAAA,EAAC;AAGX,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAU;AAAA,MACV,WAAU;AAAA,MACT,GAAG;AAAA,MAEJ,UAAA,oBAAC,mBAAA,EAAkB,KAAK,WAAW,KAAA,CAAY;AAAA,IAAA;AAAA,EAAA;AAG3D;"}

package/dist/@ecme/views/concepts/mail/Mail/components/MailDetailAction.js.map

@@ -1 +1 @@
-{"version":3,"file":"MailDetailAction.js","sources":["../../../../../../../lib/@ecme/views/concepts/mail/Mail/components/MailDetailAction.tsx"],"sourcesContent":["import { useRef } from 'react'\nimport Dropdown from '@/components/ui/Dropdown'\nimport Tooltip from '@/components/ui/Tooltip'\nimport Badge from '@/components/ui/Badge'\nimport ActionButton from './ActionButton'\nimport { useMailStore } from '../store/mailStore'\nimport useMailAction from '../hooks/useMailAction'\nimport { labelList } from '../constants'\nimport classNames from '@/utils/classNames'\nimport {\n    TbDotsVertical,\n    TbArrowBackUp,\n    TbStarFilled,\n    TbFlag,\n    TbFolderSymlink,\n    TbStar,\n} from 'react-icons/tb'\nimport type { Mail } from '../types'\nimport type { DropdownRef } from '@/components/ui/Dropdown'\n\ntype MailDetailAction = {\n    onMailReplyClick: () => void\n}\n\nconst MailDetailAction = () => {\n    const dropdownRef = useRef<DropdownRef>(null)\n\n    const { mail, toggleMessageDialog } = useMailStore()\n\n    const { onFlagToggle, onMoveMailClick, onStarToggle } = useMailAction()\n\n    const handleMoveMailClick = (destination: string) => {\n        onMoveMailClick(mail as Mail, destination)\n        dropdownRef.current?.handleDropdownClose()\n    }\n\n    const handleReplyClick = () => {\n        toggleMessageDialog({\n            mode: 'reply',\n            open: true,\n        })\n    }\n\n    return (\n        <div className=\"flex items-center gap-2\">\n            <Tooltip title=\"Reply\">\n                <ActionButton onClick={handleReplyClick}>\n                    <TbArrowBackUp />\n                </ActionButton>\n            </Tooltip>\n            <Dropdown\n                ref={dropdownRef}\n                placement=\"bottom-end\"\n                renderTitle={\n                    <ActionButton>\n                        <TbDotsVertical />\n                    </ActionButton>\n                }\n            >\n                <Dropdown.Item\n                    eventKey=\"star\"\n                    onClick={() => onStarToggle(mail as Mail)}\n                >\n                    <span className=\"text-lg\">\n                        {mail.starred ? (\n                            <TbStarFilled className=\"text-amber-500\" />\n                        ) : (\n                            <TbStar />\n                        )}\n                    </span>\n                    <span>Star</span>\n                </Dropdown.Item>\n                <Dropdown.Item\n                    eventKey=\"flag\"\n                    onClick={() => onFlagToggle(mail as Mail)}\n                >\n                    <TbFlag\n                        className={classNames(\n                            'text-lg',\n                            mail.flagged && 'text-red-500',\n                        )}\n                    />\n                    <span>Flag</span>\n                </Dropdown.Item>\n                <Dropdown.Menu\n                    renderTitle={\n                        <>\n                            <span className=\"flex items-center gap-2\">\n                                <TbFolderSymlink className=\"text-lg\" />\n                                <span>Move to</span>\n                            </span>\n                        </>\n                    }\n                    placement=\"left-start\"\n                >\n                    {labelList.map((item) => (\n                        <Dropdown.Item\n                            key={item.value}\n                            onClick={() => handleMoveMailClick(item.value)}\n                        >\n                            <Badge className={item.dotClass} />\n                            <span>{item.label}</span>\n                        </Dropdown.Item>\n                    ))}\n                </Dropdown.Menu>\n            </Dropdown>\n        </div>\n    )\n}\n\nexport default MailDetailAction\n"],"names":[],"mappings":";;;;;;;;;;;;;AAwBA,MAAM,mBAAmB,MAAM;AAC3B,QAAM,cAAc,OAAoB,IAAI;AAE5C,QAAM,EAAE,MAAM,oBAAA,IAAwB,aAAA;AAEtC,QAAM,EAAE,cAAc,iBAAiB,aAAA,IAAiB,cAAA;AAExD,QAAM,sBAAsB,CAAC,gBAAwB;AACjD,oBAAgB,MAAc,WAAW;AACzC,gBAAY,SAAS,oBAAA;AAAA,EACzB;AAEA,QAAM,mBAAmB,MAAM;AAC3B,wBAAoB;AAAA,MAChB,MAAM;AAAA,MACN,MAAM;AAAA,IAAA,CACT;AAAA,EACL;AAEA,SACI,qBAAC,OAAA,EAAI,WAAU,2BACX,UAAA;AAAA,IAAA,oBAAC,SAAA,EAAQ,OAAM,SACX,UAAA,oBAAC,cAAA,EAAa,SAAS,kBACnB,UAAA,oBAAC,eAAA,CAAA,CAAc,EAAA,CACnB,GACJ;AAAA,IACA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,KAAK;AAAA,QACL,WAAU;AAAA,QACV,aACI,oBAAC,cAAA,EACG,UAAA,oBAAC,kBAAe,GACpB;AAAA,QAGJ,UAAA;AAAA,UAAA;AAAA,YAAC,SAAS;AAAA,YAAT;AAAA,cACG,UAAS;AAAA,cACT,SAAS,MAAM,aAAa,IAAY;AAAA,cAExC,UAAA;AAAA,gBAAA,oBAAC,QAAA,EAAK,WAAU,WACX,UAAA,KAAK,UACF,oBAAC,cAAA,EAAa,WAAU,iBAAA,CAAiB,IAEzC,oBAAC,QAAA,CAAA,CAAO,GAEhB;AAAA,gBACA,oBAAC,UAAK,UAAA,OAAA,CAAI;AAAA,cAAA;AAAA,YAAA;AAAA,UAAA;AAAA,UAEd;AAAA,YAAC,SAAS;AAAA,YAAT;AAAA,cACG,UAAS;AAAA,cACT,SAAS,MAAM,aAAa,IAAY;AAAA,cAExC,UAAA;AAAA,gBAAA;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBACG,WAAW;AAAA,sBACP;AAAA,sBACA,KAAK,WAAW;AAAA,oBAAA;AAAA,kBACpB;AAAA,gBAAA;AAAA,gBAEJ,oBAAC,UAAK,UAAA,OAAA,CAAI;AAAA,cAAA;AAAA,YAAA;AAAA,UAAA;AAAA,UAEd;AAAA,YAAC,SAAS;AAAA,YAAT;AAAA,cACG,aACI,oBAAA,UAAA,EACI,UAAA,qBAAC,QAAA,EAAK,WAAU,2BACZ,UAAA;AAAA,gBAAA,oBAAC,iBAAA,EAAgB,WAAU,UAAA,CAAU;AAAA,gBACrC,oBAAC,UAAK,UAAA,UAAA,CAAO;AAAA,cAAA,EAAA,CACjB,EAAA,CACJ;AAAA,cAEJ,WAAU;AAAA,cAET,UAAA,UAAU,IAAI,CAAC,SACZ;AAAA,gBAAC,SAAS;AAAA,gBAAT;AAAA,kBAEG,SAAS,MAAM,oBAAoB,KAAK,KAAK;AAAA,kBAE7C,UAAA;AAAA,oBAAA,oBAAC,OAAA,EAAM,WAAW,KAAK,SAAA,CAAU;AAAA,oBACjC,oBAAC,QAAA,EAAM,UAAA,KAAK,MAAA,CAAM;AAAA,kBAAA;AAAA,gBAAA;AAAA,gBAJb,KAAK;AAAA,cAAA,CAMjB;AAAA,YAAA;AAAA,UAAA;AAAA,QACL;AAAA,MAAA;AAAA,IAAA;AAAA,EACJ,GACJ;AAER;"}
+{"version":3,"file":"MailDetailAction.js","sources":["../../../../../../../lib/@ecme/views/concepts/mail/Mail/components/MailDetailAction.tsx"],"sourcesContent":["import { useRef } from 'react'\r\nimport Dropdown from '@/components/ui/Dropdown'\r\nimport Tooltip from '@/components/ui/Tooltip'\r\nimport Badge from '@/components/ui/Badge'\r\nimport ActionButton from './ActionButton'\r\nimport { useMailStore } from '../store/mailStore'\r\nimport useMailAction from '../hooks/useMailAction'\r\nimport { labelList } from '../constants'\r\nimport classNames from '@/utils/classNames'\r\nimport {\r\n    TbDotsVertical,\r\n    TbArrowBackUp,\r\n    TbStarFilled,\r\n    TbFlag,\r\n    TbFolderSymlink,\r\n    TbStar,\r\n} from 'react-icons/tb'\r\nimport type { Mail } from '../types'\r\nimport type { DropdownRef } from '@/components/ui/Dropdown'\r\n\r\ntype MailDetailAction = {\r\n    onMailReplyClick: () => void\r\n}\r\n\r\nconst MailDetailAction = () => {\r\n    const dropdownRef = useRef<DropdownRef>(null)\r\n\r\n    const { mail, toggleMessageDialog } = useMailStore()\r\n\r\n    const { onFlagToggle, onMoveMailClick, onStarToggle } = useMailAction()\r\n\r\n    const handleMoveMailClick = (destination: string) => {\r\n        onMoveMailClick(mail as Mail, destination)\r\n        dropdownRef.current?.handleDropdownClose()\r\n    }\r\n\r\n    const handleReplyClick = () => {\r\n        toggleMessageDialog({\r\n            mode: 'reply',\r\n            open: true,\r\n        })\r\n    }\r\n\r\n    return (\r\n        <div className=\"flex items-center gap-2\">\r\n            <Tooltip title=\"Reply\">\r\n                <ActionButton onClick={handleReplyClick}>\r\n                    <TbArrowBackUp />\r\n                </ActionButton>\r\n            </Tooltip>\r\n            <Dropdown\r\n                ref={dropdownRef}\r\n                placement=\"bottom-end\"\r\n                renderTitle={\r\n                    <ActionButton>\r\n                        <TbDotsVertical />\r\n                    </ActionButton>\r\n                }\r\n            >\r\n                <Dropdown.Item\r\n                    eventKey=\"star\"\r\n                    onClick={() => onStarToggle(mail as Mail)}\r\n                >\r\n                    <span className=\"text-lg\">\r\n                        {mail.starred ? (\r\n                            <TbStarFilled className=\"text-amber-500\" />\r\n                        ) : (\r\n                            <TbStar />\r\n                        )}\r\n                    </span>\r\n                    <span>Star</span>\r\n                </Dropdown.Item>\r\n                <Dropdown.Item\r\n                    eventKey=\"flag\"\r\n                    onClick={() => onFlagToggle(mail as Mail)}\r\n                >\r\n                    <TbFlag\r\n                        className={classNames(\r\n                            'text-lg',\r\n                            mail.flagged && 'text-red-500',\r\n                        )}\r\n                    />\r\n                    <span>Flag</span>\r\n                </Dropdown.Item>\r\n                <Dropdown.Menu\r\n                    renderTitle={\r\n                        <>\r\n                            <span className=\"flex items-center gap-2\">\r\n                                <TbFolderSymlink className=\"text-lg\" />\r\n                                <span>Move to</span>\r\n                            </span>\r\n                        </>\r\n                    }\r\n                    placement=\"left-start\"\r\n                >\r\n                    {labelList.map((item) => (\r\n                        <Dropdown.Item\r\n                            key={item.value}\r\n                            onClick={() => handleMoveMailClick(item.value)}\r\n                        >\r\n                            <Badge className={item.dotClass} />\r\n                            <span>{item.label}</span>\r\n                        </Dropdown.Item>\r\n                    ))}\r\n                </Dropdown.Menu>\r\n            </Dropdown>\r\n        </div>\r\n    )\r\n}\r\n\r\nexport default MailDetailAction\r\n"],"names":[],"mappings":";;;;;;;;;;;;;AAwBA,MAAM,mBAAmB,MAAM;AAC3B,QAAM,cAAc,OAAoB,IAAI;AAE5C,QAAM,EAAE,MAAM,oBAAA,IAAwB,aAAA;AAEtC,QAAM,EAAE,cAAc,iBAAiB,aAAA,IAAiB,cAAA;AAExD,QAAM,sBAAsB,CAAC,gBAAwB;AACjD,oBAAgB,MAAc,WAAW;AACzC,gBAAY,SAAS,oBAAA;AAAA,EACzB;AAEA,QAAM,mBAAmB,MAAM;AAC3B,wBAAoB;AAAA,MAChB,MAAM;AAAA,MACN,MAAM;AAAA,IAAA,CACT;AAAA,EACL;AAEA,SACI,qBAAC,OAAA,EAAI,WAAU,2BACX,UAAA;AAAA,IAAA,oBAAC,SAAA,EAAQ,OAAM,SACX,UAAA,oBAAC,cAAA,EAAa,SAAS,kBACnB,UAAA,oBAAC,eAAA,CAAA,CAAc,EAAA,CACnB,GACJ;AAAA,IACA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,KAAK;AAAA,QACL,WAAU;AAAA,QACV,aACI,oBAAC,cAAA,EACG,UAAA,oBAAC,kBAAe,GACpB;AAAA,QAGJ,UAAA;AAAA,UAAA;AAAA,YAAC,SAAS;AAAA,YAAT;AAAA,cACG,UAAS;AAAA,cACT,SAAS,MAAM,aAAa,IAAY;AAAA,cAExC,UAAA;AAAA,gBAAA,oBAAC,QAAA,EAAK,WAAU,WACX,UAAA,KAAK,UACF,oBAAC,cAAA,EAAa,WAAU,iBAAA,CAAiB,IAEzC,oBAAC,QAAA,CAAA,CAAO,GAEhB;AAAA,gBACA,oBAAC,UAAK,UAAA,OAAA,CAAI;AAAA,cAAA;AAAA,YAAA;AAAA,UAAA;AAAA,UAEd;AAAA,YAAC,SAAS;AAAA,YAAT;AAAA,cACG,UAAS;AAAA,cACT,SAAS,MAAM,aAAa,IAAY;AAAA,cAExC,UAAA;AAAA,gBAAA;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBACG,WAAW;AAAA,sBACP;AAAA,sBACA,KAAK,WAAW;AAAA,oBAAA;AAAA,kBACpB;AAAA,gBAAA;AAAA,gBAEJ,oBAAC,UAAK,UAAA,OAAA,CAAI;AAAA,cAAA;AAAA,YAAA;AAAA,UAAA;AAAA,UAEd;AAAA,YAAC,SAAS;AAAA,YAAT;AAAA,cACG,aACI,oBAAA,UAAA,EACI,UAAA,qBAAC,QAAA,EAAK,WAAU,2BACZ,UAAA;AAAA,gBAAA,oBAAC,iBAAA,EAAgB,WAAU,UAAA,CAAU;AAAA,gBACrC,oBAAC,UAAK,UAAA,UAAA,CAAO;AAAA,cAAA,EAAA,CACjB,EAAA,CACJ;AAAA,cAEJ,WAAU;AAAA,cAET,UAAA,UAAU,IAAI,CAAC,SACZ;AAAA,gBAAC,SAAS;AAAA,gBAAT;AAAA,kBAEG,SAAS,MAAM,oBAAoB,KAAK,KAAK;AAAA,kBAE7C,UAAA;AAAA,oBAAA,oBAAC,OAAA,EAAM,WAAW,KAAK,SAAA,CAAU;AAAA,oBACjC,oBAAC,QAAA,EAAM,UAAA,KAAK,MAAA,CAAM;AAAA,kBAAA;AAAA,gBAAA;AAAA,gBAJb,KAAK;AAAA,cAAA,CAMjB;AAAA,YAAA;AAAA,UAAA;AAAA,QACL;AAAA,MAAA;AAAA,IAAA;AAAA,EACJ,GACJ;AAER;"}

package/dist/@ecme/views/concepts/mail/Mail/components/MailDetailContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"MailDetailContent.js","sources":["../../../../../../../lib/@ecme/views/concepts/mail/Mail/components/MailDetailContent.tsx"],"sourcesContent":["import IconText from '@/components/shared/IconText'\nimport Avatar from '@/components/ui/Avatar'\nimport ScrollBar from '@/components/ui/ScrollBar'\nimport FileIcon from '@/components/view/FileIcon'\nimport classNames from '@/utils/classNames'\nimport isLastChild from '@/utils/isLastChild'\nimport ReactHtmlParser from 'html-react-parser'\nimport { HiOutlineClock } from 'react-icons/hi'\nimport type { Mail, Message } from '../types'\nimport type { ScrollBarRef } from '@/components/ui/ScrollBar'\nimport type { PropsWithChildren, Ref } from 'react'\n\ntype MailDetailContentProps = PropsWithChildren<{\n    mail?: Partial<Mail>\n    ref?: Ref<ScrollBarRef>\n}>\n\nconst MailDetailContent = (props: MailDetailContentProps) => {\n    const { mail = {}, ref } = props\n\n    return (\n        <div className=\"absolute top-0 left-0 h-full w-full \">\n            <ScrollBar\n                ref={ref}\n                autoHide\n                className=\"overflow-y-auto h-[calc(100%-100px)]\"\n            >\n                <div className=\"h-full px-6\">\n                    {mail.message?.map((msg, index) => (\n                        <div key={msg.id}>\n                            <div\n                                className={classNames(\n                                    'py-8 ltr:pr-4 rtl:pl-4',\n                                    !isLastChild(\n                                        mail.message as Message[],\n                                        index,\n                                    ) &&\n                                        'border-b border-gray-200 dark:border-gray-700',\n                                )}\n                            >\n                                <div className=\"flex items-center justify-between gap-2\">\n                                    <div className=\"flex items-center gap-2\">\n                                        <Avatar\n                                            shape=\"circle\"\n                                            src={msg.avatar}\n                                        />\n                                        <div>\n                                            <div className=\"font-bold truncate heading-text\">\n                                                {msg.name}\n                                            </div>\n                                            <div>\n                                                To:{' '}\n                                                {mail.mail?.map((to, index) => (\n                                                    <span key={to + index}>\n                                                        {to}\n                                                    </span>\n                                                ))}\n                                            </div>\n                                        </div>\n                                    </div>\n                                    <IconText\n                                        icon={\n                                            <HiOutlineClock className=\"text-lg\" />\n                                        }\n                                    >\n                                        <span className=\"font-semibold\">\n                                            {msg.date}\n                                        </span>\n                                    </IconText>\n                                </div>\n                                <div className=\"mt-8\">\n                                    {ReactHtmlParser(msg.content)}\n                                </div>\n                                {msg.attachment?.length > 0 && (\n                                    <div className=\"mt-6 inline-flex flex-wrap gap-4\">\n                                        {msg.attachment.map((item) => (\n                                            <div\n                                                key={item.file}\n                                                className=\"min-w-full md:min-w-[230px] rounded-2xl dark:bg-gray-800 border border-gray-200 hover:bg-gray-100 dark:hover:bg-gray-600 dark:border-gray-700 py-4 px-3.5 inline-flex items-center gap-2 transition-all cursor-pointer\"\n                                            >\n                                                <FileIcon type={item.type} />\n                                                <div>\n                                                    <div className=\"font-semibold text-gray-900 dark:text-gray-100\">\n                                                        {item.file}\n                                                    </div>\n                                                    <span className=\"\">\n                                                        {item.size}\n                                                    </span>\n                                                </div>\n                                            </div>\n                                        ))}\n                                    </div>\n                                )}\n                            </div>\n                        </div>\n                    ))}\n                </div>\n            </ScrollBar>\n        </div>\n    )\n}\n\nexport default MailDetailContent\n"],"names":["index"],"mappings":";;;;;;;;;;;AAiBA,MAAM,oBAAoB,CAAC,UAAkC;AACzD,QAAM,EAAE,OAAO,IAAI,QAAQ;AAE3B,SACI,oBAAC,OAAA,EAAI,WAAU,wCACX,UAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG;AAAA,MACA,UAAQ;AAAA,MACR,WAAU;AAAA,MAEV,UAAA,oBAAC,OAAA,EAAI,WAAU,eACV,UAAA,KAAK,SAAS,IAAI,CAAC,KAAK,UACrB,oBAAC,OAAA,EACG,UAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,WAAW;AAAA,YACP;AAAA,YACA,CAAC;AAAA,cACG,KAAK;AAAA,cACL;AAAA,YAAA,KAEA;AAAA,UAAA;AAAA,UAGR,UAAA;AAAA,YAAA,qBAAC,OAAA,EAAI,WAAU,2CACX,UAAA;AAAA,cAAA,qBAAC,OAAA,EAAI,WAAU,2BACX,UAAA;AAAA,gBAAA;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBACG,OAAM;AAAA,oBACN,KAAK,IAAI;AAAA,kBAAA;AAAA,gBAAA;AAAA,qCAEZ,OAAA,EACG,UAAA;AAAA,kBAAA,oBAAC,OAAA,EAAI,WAAU,mCACV,UAAA,IAAI,MACT;AAAA,uCACC,OAAA,EAAI,UAAA;AAAA,oBAAA;AAAA,oBACG;AAAA,oBACH,KAAK,MAAM,IAAI,CAAC,IAAIA,WACjB,oBAAC,QAAA,EACI,UAAA,MADM,KAAKA,MAEhB,CACH;AAAA,kBAAA,EAAA,CACL;AAAA,gBAAA,EAAA,CACJ;AAAA,cAAA,GACJ;AAAA,cACA;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACG,MACI,oBAAC,gBAAA,EAAe,WAAU,UAAA,CAAU;AAAA,kBAGxC,UAAA,oBAAC,QAAA,EAAK,WAAU,iBACX,cAAI,KAAA,CACT;AAAA,gBAAA;AAAA,cAAA;AAAA,YACJ,GACJ;AAAA,gCACC,OAAA,EAAI,WAAU,QACV,UAAA,gBAAgB,IAAI,OAAO,GAChC;AAAA,YACC,IAAI,YAAY,SAAS,KACtB,oBAAC,OAAA,EAAI,WAAU,oCACV,UAAA,IAAI,WAAW,IAAI,CAAC,SACjB;AAAA,cAAC;AAAA,cAAA;AAAA,gBAEG,WAAU;AAAA,gBAEV,UAAA;AAAA,kBAAA,oBAAC,UAAA,EAAS,MAAM,KAAK,KAAA,CAAM;AAAA,uCAC1B,OAAA,EACG,UAAA;AAAA,oBAAA,oBAAC,OAAA,EAAI,WAAU,kDACV,UAAA,KAAK,MACV;AAAA,oBACA,oBAAC,QAAA,EAAK,WAAU,IACX,eAAK,KAAA,CACV;AAAA,kBAAA,EAAA,CACJ;AAAA,gBAAA;AAAA,cAAA;AAAA,cAXK,KAAK;AAAA,YAAA,CAajB,EAAA,CACL;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA,KA9DF,IAAI,EAiEd,CACH,EAAA,CACL;AAAA,IAAA;AAAA,EAAA,GAER;AAER;"}
+{"version":3,"file":"MailDetailContent.js","sources":["../../../../../../../lib/@ecme/views/concepts/mail/Mail/components/MailDetailContent.tsx"],"sourcesContent":["import IconText from '@/components/shared/IconText'\r\nimport Avatar from '@/components/ui/Avatar'\r\nimport ScrollBar from '@/components/ui/ScrollBar'\r\nimport FileIcon from '@/components/view/FileIcon'\r\nimport classNames from '@/utils/classNames'\r\nimport isLastChild from '@/utils/isLastChild'\r\nimport ReactHtmlParser from 'html-react-parser'\r\nimport { HiOutlineClock } from 'react-icons/hi'\r\nimport type { Mail, Message } from '../types'\r\nimport type { ScrollBarRef } from '@/components/ui/ScrollBar'\r\nimport type { PropsWithChildren, Ref } from 'react'\r\n\r\ntype MailDetailContentProps = PropsWithChildren<{\r\n    mail?: Partial<Mail>\r\n    ref?: Ref<ScrollBarRef>\r\n}>\r\n\r\nconst MailDetailContent = (props: MailDetailContentProps) => {\r\n    const { mail = {}, ref } = props\r\n\r\n    return (\r\n        <div className=\"absolute top-0 left-0 h-full w-full \">\r\n            <ScrollBar\r\n                ref={ref}\r\n                autoHide\r\n                className=\"overflow-y-auto h-[calc(100%-100px)]\"\r\n            >\r\n                <div className=\"h-full px-6\">\r\n                    {mail.message?.map((msg, index) => (\r\n                        <div key={msg.id}>\r\n                            <div\r\n                                className={classNames(\r\n                                    'py-8 ltr:pr-4 rtl:pl-4',\r\n                                    !isLastChild(\r\n                                        mail.message as Message[],\r\n                                        index,\r\n                                    ) &&\r\n                                        'border-b border-gray-200 dark:border-gray-700',\r\n                                )}\r\n                            >\r\n                                <div className=\"flex items-center justify-between gap-2\">\r\n                                    <div className=\"flex items-center gap-2\">\r\n                                        <Avatar\r\n                                            shape=\"circle\"\r\n                                            src={msg.avatar}\r\n                                        />\r\n                                        <div>\r\n                                            <div className=\"font-bold truncate heading-text\">\r\n                                                {msg.name}\r\n                                            </div>\r\n                                            <div>\r\n                                                To:{' '}\r\n                                                {mail.mail?.map((to, index) => (\r\n                                                    <span key={to + index}>\r\n                                                        {to}\r\n                                                    </span>\r\n                                                ))}\r\n                                            </div>\r\n                                        </div>\r\n                                    </div>\r\n                                    <IconText\r\n                                        icon={\r\n                                            <HiOutlineClock className=\"text-lg\" />\r\n                                        }\r\n                                    >\r\n                                        <span className=\"font-semibold\">\r\n                                            {msg.date}\r\n                                        </span>\r\n                                    </IconText>\r\n                                </div>\r\n                                <div className=\"mt-8\">\r\n                                    {ReactHtmlParser(msg.content)}\r\n                                </div>\r\n                                {msg.attachment?.length > 0 && (\r\n                                    <div className=\"mt-6 inline-flex flex-wrap gap-4\">\r\n                                        {msg.attachment.map((item) => (\r\n                                            <div\r\n                                                key={item.file}\r\n                                                className=\"min-w-full md:min-w-[230px] rounded-2xl dark:bg-gray-800 border border-gray-200 hover:bg-gray-100 dark:hover:bg-gray-600 dark:border-gray-700 py-4 px-3.5 inline-flex items-center gap-2 transition-all cursor-pointer\"\r\n                                            >\r\n                                                <FileIcon type={item.type} />\r\n                                                <div>\r\n                                                    <div className=\"font-semibold text-gray-900 dark:text-gray-100\">\r\n                                                        {item.file}\r\n                                                    </div>\r\n                                                    <span className=\"\">\r\n                                                        {item.size}\r\n                                                    </span>\r\n                                                </div>\r\n                                            </div>\r\n                                        ))}\r\n                                    </div>\r\n                                )}\r\n                            </div>\r\n                        </div>\r\n                    ))}\r\n                </div>\r\n            </ScrollBar>\r\n        </div>\r\n    )\r\n}\r\n\r\nexport default MailDetailContent\r\n"],"names":["index"],"mappings":";;;;;;;;;;;AAiBA,MAAM,oBAAoB,CAAC,UAAkC;AACzD,QAAM,EAAE,OAAO,IAAI,QAAQ;AAE3B,SACI,oBAAC,OAAA,EAAI,WAAU,wCACX,UAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG;AAAA,MACA,UAAQ;AAAA,MACR,WAAU;AAAA,MAEV,UAAA,oBAAC,OAAA,EAAI,WAAU,eACV,UAAA,KAAK,SAAS,IAAI,CAAC,KAAK,UACrB,oBAAC,OAAA,EACG,UAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,WAAW;AAAA,YACP;AAAA,YACA,CAAC;AAAA,cACG,KAAK;AAAA,cACL;AAAA,YAAA,KAEA;AAAA,UAAA;AAAA,UAGR,UAAA;AAAA,YAAA,qBAAC,OAAA,EAAI,WAAU,2CACX,UAAA;AAAA,cAAA,qBAAC,OAAA,EAAI,WAAU,2BACX,UAAA;AAAA,gBAAA;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBACG,OAAM;AAAA,oBACN,KAAK,IAAI;AAAA,kBAAA;AAAA,gBAAA;AAAA,qCAEZ,OAAA,EACG,UAAA;AAAA,kBAAA,oBAAC,OAAA,EAAI,WAAU,mCACV,UAAA,IAAI,MACT;AAAA,uCACC,OAAA,EAAI,UAAA;AAAA,oBAAA;AAAA,oBACG;AAAA,oBACH,KAAK,MAAM,IAAI,CAAC,IAAIA,WACjB,oBAAC,QAAA,EACI,UAAA,MADM,KAAKA,MAEhB,CACH;AAAA,kBAAA,EAAA,CACL;AAAA,gBAAA,EAAA,CACJ;AAAA,cAAA,GACJ;AAAA,cACA;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACG,MACI,oBAAC,gBAAA,EAAe,WAAU,UAAA,CAAU;AAAA,kBAGxC,UAAA,oBAAC,QAAA,EAAK,WAAU,iBACX,cAAI,KAAA,CACT;AAAA,gBAAA;AAAA,cAAA;AAAA,YACJ,GACJ;AAAA,gCACC,OAAA,EAAI,WAAU,QACV,UAAA,gBAAgB,IAAI,OAAO,GAChC;AAAA,YACC,IAAI,YAAY,SAAS,KACtB,oBAAC,OAAA,EAAI,WAAU,oCACV,UAAA,IAAI,WAAW,IAAI,CAAC,SACjB;AAAA,cAAC;AAAA,cAAA;AAAA,gBAEG,WAAU;AAAA,gBAEV,UAAA;AAAA,kBAAA,oBAAC,UAAA,EAAS,MAAM,KAAK,KAAA,CAAM;AAAA,uCAC1B,OAAA,EACG,UAAA;AAAA,oBAAA,oBAAC,OAAA,EAAI,WAAU,kDACV,UAAA,KAAK,MACV;AAAA,oBACA,oBAAC,QAAA,EAAK,WAAU,IACX,eAAK,KAAA,CACV;AAAA,kBAAA,EAAA,CACJ;AAAA,gBAAA;AAAA,cAAA;AAAA,cAXK,KAAK;AAAA,YAAA,CAajB,EAAA,CACL;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA,KA9DF,IAAI,EAiEd,CACH,EAAA,CACL;AAAA,IAAA;AAAA,EAAA,GAER;AAER;"}

package/dist/@ecme/views/concepts/mail/Mail/components/MailDetailTitle.js.map

@@ -1 +1 @@
-{"version":3,"file":"MailDetailTitle.js","sources":["../../../../../../../lib/@ecme/views/concepts/mail/Mail/components/MailDetailTitle.tsx"],"sourcesContent":["import ActionButton from './ActionButton'\nimport { useMailStore } from '../store/mailStore'\nimport { TbArrowLeft } from 'react-icons/tb'\nimport { useSearchParams } from 'react-router-dom'\n\nconst MailDetailTitle = () => {\n    const { mail, setMail } = useMailStore()\n\n    const [searchParams, setSearchParams] = useSearchParams()\n\n    const handleBackButtonClick = () => {\n        if (searchParams.has('mail')) {\n            searchParams.delete('mail')\n            setSearchParams(searchParams)\n        }\n        setMail({})\n    }\n\n    return (\n        <div className=\"flex items-center gap-2\">\n            <ActionButton onClick={handleBackButtonClick}>\n                <TbArrowLeft />\n            </ActionButton>\n            <h4>{mail?.title}</h4>\n        </div>\n    )\n}\n\nexport default MailDetailTitle\n"],"names":[],"mappings":";;;;;AAKA,MAAM,kBAAkB,MAAM;AAC1B,QAAM,EAAE,MAAM,QAAA,IAAY,aAAA;AAE1B,QAAM,CAAC,cAAc,eAAe,IAAI,gBAAA;AAExC,QAAM,wBAAwB,MAAM;AAChC,QAAI,aAAa,IAAI,MAAM,GAAG;AAC1B,mBAAa,OAAO,MAAM;AAC1B,sBAAgB,YAAY;AAAA,IAChC;AACA,YAAQ,CAAA,CAAE;AAAA,EACd;AAEA,SACI,qBAAC,OAAA,EAAI,WAAU,2BACX,UAAA;AAAA,IAAA,oBAAC,cAAA,EAAa,SAAS,uBACnB,UAAA,oBAAC,eAAY,GACjB;AAAA,IACA,oBAAC,MAAA,EAAI,UAAA,MAAM,MAAA,CAAM;AAAA,EAAA,GACrB;AAER;"}
+{"version":3,"file":"MailDetailTitle.js","sources":["../../../../../../../lib/@ecme/views/concepts/mail/Mail/components/MailDetailTitle.tsx"],"sourcesContent":["import ActionButton from './ActionButton'\r\nimport { useMailStore } from '../store/mailStore'\r\nimport { TbArrowLeft } from 'react-icons/tb'\r\nimport { useSearchParams } from 'react-router-dom'\r\n\r\nconst MailDetailTitle = () => {\r\n    const { mail, setMail } = useMailStore()\r\n\r\n    const [searchParams, setSearchParams] = useSearchParams()\r\n\r\n    const handleBackButtonClick = () => {\r\n        if (searchParams.has('mail')) {\r\n            searchParams.delete('mail')\r\n            setSearchParams(searchParams)\r\n        }\r\n        setMail({})\r\n    }\r\n\r\n    return (\r\n        <div className=\"flex items-center gap-2\">\r\n            <ActionButton onClick={handleBackButtonClick}>\r\n                <TbArrowLeft />\r\n            </ActionButton>\r\n            <h4>{mail?.title}</h4>\r\n        </div>\r\n    )\r\n}\r\n\r\nexport default MailDetailTitle\r\n"],"names":[],"mappings":";;;;;AAKA,MAAM,kBAAkB,MAAM;AAC1B,QAAM,EAAE,MAAM,QAAA,IAAY,aAAA;AAE1B,QAAM,CAAC,cAAc,eAAe,IAAI,gBAAA;AAExC,QAAM,wBAAwB,MAAM;AAChC,QAAI,aAAa,IAAI,MAAM,GAAG;AAC1B,mBAAa,OAAO,MAAM;AAC1B,sBAAgB,YAAY;AAAA,IAChC;AACA,YAAQ,CAAA,CAAE;AAAA,EACd;AAEA,SACI,qBAAC,OAAA,EAAI,WAAU,2BACX,UAAA;AAAA,IAAA,oBAAC,cAAA,EAAa,SAAS,uBACnB,UAAA,oBAAC,eAAY,GACjB;AAAA,IACA,oBAAC,MAAA,EAAI,UAAA,MAAM,MAAA,CAAM;AAAA,EAAA,GACrB;AAER;"}

package/dist/@ecme/views/concepts/mail/Mail/components/MailEditor.js.map

@@ -1 +1 @@
-{"version":3,"file":"MailEditor.js","sources":["../../../../../../../lib/@ecme/views/concepts/mail/Mail/components/MailEditor.tsx"],"sourcesContent":["import { useEffect, useState } from 'react'\nimport Button from '@/components/ui/Button'\nimport Dialog from '@/components/ui/Dialog'\nimport Input from '@/components/ui/Input'\nimport Notification from '@/components/ui/Notification'\nimport toast from '@/components/ui/toast'\nimport RichTextEditor from '@/components/shared/RichTextEditor'\nimport { useMailStore } from '../store/mailStore'\nimport { FormItem, Form } from '@/components/ui/Form'\nimport sleep from '@/utils/sleep'\nimport { useForm, Controller } from 'react-hook-form'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport { z } from 'zod'\nimport type { ZodType } from 'zod'\n\ntype FormSchema = {\n    to: string\n    content?: string\n    title?: string\n}\n\nconst validationSchema: ZodType<FormSchema> = z.object({\n    to: z.string().min(1, { message: 'Please enter recipient' }),\n    title: z.string(),\n    content: z.string().min(1, { message: 'Please enter message' }),\n})\n\nconst MailEditor = () => {\n    const { mail, messageDialog, toggleMessageDialog } = useMailStore()\n\n    const [formSubmiting, setFormSubmiting] = useState(false)\n\n    const {\n        handleSubmit,\n        reset,\n        formState: { errors },\n        control,\n    } = useForm<FormSchema>({\n        resolver: zodResolver(validationSchema),\n    })\n\n    useEffect(() => {\n        if (messageDialog.mode === 'reply') {\n            reset({\n                to: mail.from,\n                title: `Re:${mail.title}`,\n            })\n        }\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [messageDialog.mode])\n\n    const handleDialogClose = () => {\n        toggleMessageDialog({\n            mode: '',\n            open: false,\n        })\n        reset({\n            to: '',\n            title: '',\n            content: '',\n        })\n    }\n\n    const onSubmit = async (value: FormSchema) => {\n        console.log('values', value)\n        setFormSubmiting(true)\n        await sleep(500)\n        toast.push(<Notification type=\"success\">Mail send!</Notification>, {\n            placement: 'top-center',\n        })\n        setFormSubmiting(false)\n        handleDialogClose()\n    }\n\n    return (\n        <Dialog\n            isOpen={messageDialog.open}\n            onClose={handleDialogClose}\n            onRequestClose={handleDialogClose}\n        >\n            <h4 className=\"mb-4\">\n                {messageDialog.mode === 'new' && 'New Message'}\n                {messageDialog.mode === 'reply' && 'Reply'}\n            </h4>\n            <Form onSubmit={handleSubmit(onSubmit)}>\n                <FormItem\n                    label=\"Title:\"\n                    invalid={Boolean(errors.title)}\n                    errorMessage={errors.title?.message}\n                >\n                    <Controller\n                        name=\"title\"\n                        control={control}\n                        render={({ field }) => (\n                            <Input\n                                autoComplete=\"off\"\n                                placeholder=\"Add a subject\"\n                                {...field}\n                            />\n                        )}\n                    />\n                </FormItem>\n                <FormItem\n                    label=\"To:\"\n                    invalid={Boolean(errors.to)}\n                    errorMessage={errors.to?.message}\n                >\n                    <Controller\n                        name=\"to\"\n                        control={control}\n                        render={({ field }) => (\n                            <Input autoComplete=\"off\" {...field} />\n                        )}\n                    />\n                </FormItem>\n                <FormItem\n                    label=\"Message\"\n                    invalid={Boolean(errors.content)}\n                    errorMessage={errors.content?.message}\n                >\n                    <Controller\n                        name=\"content\"\n                        control={control}\n                        render={({ field }) => (\n                            <RichTextEditor\n                                content={field.value}\n                                invalid={Boolean(errors.content)}\n                                onChange={({ html }) => {\n                                    field.onChange(html)\n                                }}\n                            />\n                        )}\n                    />\n                </FormItem>\n                <div className=\"text-right mt-4\">\n                    <Button\n                        className=\"ltr:mr-2 rtl:ml-2\"\n                        variant=\"plain\"\n                        type=\"button\"\n                        onClick={handleDialogClose}\n                    >\n                        Discard\n                    </Button>\n                    <Button\n                        variant=\"solid\"\n                        loading={formSubmiting}\n                        type=\"submit\"\n                    >\n                        Send\n                    </Button>\n                </div>\n            </Form>\n        </Dialog>\n    )\n}\n\nexport default MailEditor\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAqBA,MAAM,mBAAwC,EAAE,OAAO;AAAA,EACnD,IAAI,EAAE,SAAS,IAAI,GAAG,EAAE,SAAS,0BAA0B;AAAA,EAC3D,OAAO,EAAE,OAAA;AAAA,EACT,SAAS,EAAE,OAAA,EAAS,IAAI,GAAG,EAAE,SAAS,uBAAA,CAAwB;AAClE,CAAC;AAED,MAAM,aAAa,MAAM;AACrB,QAAM,EAAE,MAAM,eAAe,oBAAA,IAAwB,aAAA;AAErD,QAAM,CAAC,eAAe,gBAAgB,IAAI,SAAS,KAAK;AAExD,QAAM;AAAA,IACF;AAAA,IACA;AAAA,IACA,WAAW,EAAE,OAAA;AAAA,IACb;AAAA,EAAA,IACA,QAAoB;AAAA,IACpB,UAAU,YAAY,gBAAgB;AAAA,EAAA,CACzC;AAED,YAAU,MAAM;AACZ,QAAI,cAAc,SAAS,SAAS;AAChC,YAAM;AAAA,QACF,IAAI,KAAK;AAAA,QACT,OAAO,MAAM,KAAK,KAAK;AAAA,MAAA,CAC1B;AAAA,IACL;AAAA,EAEJ,GAAG,CAAC,cAAc,IAAI,CAAC;AAEvB,QAAM,oBAAoB,MAAM;AAC5B,wBAAoB;AAAA,MAChB,MAAM;AAAA,MACN,MAAM;AAAA,IAAA,CACT;AACD,UAAM;AAAA,MACF,IAAI;AAAA,MACJ,OAAO;AAAA,MACP,SAAS;AAAA,IAAA,CACZ;AAAA,EACL;AAEA,QAAM,WAAW,OAAO,UAAsB;AAC1C,YAAQ,IAAI,UAAU,KAAK;AAC3B,qBAAiB,IAAI;AACrB,UAAM,MAAM,GAAG;AACf,UAAM,KAAK,oBAAC,cAAA,EAAa,MAAK,WAAU,wBAAU,GAAiB;AAAA,MAC/D,WAAW;AAAA,IAAA,CACd;AACD,qBAAiB,KAAK;AACtB,sBAAA;AAAA,EACJ;AAEA,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,QAAQ,cAAc;AAAA,MACtB,SAAS;AAAA,MACT,gBAAgB;AAAA,MAEhB,UAAA;AAAA,QAAA,qBAAC,MAAA,EAAG,WAAU,QACT,UAAA;AAAA,UAAA,cAAc,SAAS,SAAS;AAAA,UAChC,cAAc,SAAS,WAAW;AAAA,QAAA,GACvC;AAAA,QACA,qBAAC,MAAA,EAAK,UAAU,aAAa,QAAQ,GACjC,UAAA;AAAA,UAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACG,OAAM;AAAA,cACN,SAAS,QAAQ,OAAO,KAAK;AAAA,cAC7B,cAAc,OAAO,OAAO;AAAA,cAE5B,UAAA;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACG,MAAK;AAAA,kBACL;AAAA,kBACA,QAAQ,CAAC,EAAE,MAAA,MACP;AAAA,oBAAC;AAAA,oBAAA;AAAA,sBACG,cAAa;AAAA,sBACb,aAAY;AAAA,sBACX,GAAG;AAAA,oBAAA;AAAA,kBAAA;AAAA,gBACR;AAAA,cAAA;AAAA,YAER;AAAA,UAAA;AAAA,UAEJ;AAAA,YAAC;AAAA,YAAA;AAAA,cACG,OAAM;AAAA,cACN,SAAS,QAAQ,OAAO,EAAE;AAAA,cAC1B,cAAc,OAAO,IAAI;AAAA,cAEzB,UAAA;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACG,MAAK;AAAA,kBACL;AAAA,kBACA,QAAQ,CAAC,EAAE,MAAA,0BACN,OAAA,EAAM,cAAa,OAAO,GAAG,MAAA,CAAO;AAAA,gBAAA;AAAA,cAAA;AAAA,YAE7C;AAAA,UAAA;AAAA,UAEJ;AAAA,YAAC;AAAA,YAAA;AAAA,cACG,OAAM;AAAA,cACN,SAAS,QAAQ,OAAO,OAAO;AAAA,cAC/B,cAAc,OAAO,SAAS;AAAA,cAE9B,UAAA;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACG,MAAK;AAAA,kBACL;AAAA,kBACA,QAAQ,CAAC,EAAE,MAAA,MACP;AAAA,oBAAC;AAAA,oBAAA;AAAA,sBACG,SAAS,MAAM;AAAA,sBACf,SAAS,QAAQ,OAAO,OAAO;AAAA,sBAC/B,UAAU,CAAC,EAAE,WAAW;AACpB,8BAAM,SAAS,IAAI;AAAA,sBACvB;AAAA,oBAAA;AAAA,kBAAA;AAAA,gBACJ;AAAA,cAAA;AAAA,YAER;AAAA,UAAA;AAAA,UAEJ,qBAAC,OAAA,EAAI,WAAU,mBACX,UAAA;AAAA,YAAA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACG,WAAU;AAAA,gBACV,SAAQ;AAAA,gBACR,MAAK;AAAA,gBACL,SAAS;AAAA,gBACZ,UAAA;AAAA,cAAA;AAAA,YAAA;AAAA,YAGD;AAAA,cAAC;AAAA,cAAA;AAAA,gBACG,SAAQ;AAAA,gBACR,SAAS;AAAA,gBACT,MAAK;AAAA,gBACR,UAAA;AAAA,cAAA;AAAA,YAAA;AAAA,UAED,EAAA,CACJ;AAAA,QAAA,EAAA,CACJ;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGZ;"}
+{"version":3,"file":"MailEditor.js","sources":["../../../../../../../lib/@ecme/views/concepts/mail/Mail/components/MailEditor.tsx"],"sourcesContent":["import { useEffect, useState } from 'react'\r\nimport Button from '@/components/ui/Button'\r\nimport Dialog from '@/components/ui/Dialog'\r\nimport Input from '@/components/ui/Input'\r\nimport Notification from '@/components/ui/Notification'\r\nimport toast from '@/components/ui/toast'\r\nimport RichTextEditor from '@/components/shared/RichTextEditor'\r\nimport { useMailStore } from '../store/mailStore'\r\nimport { FormItem, Form } from '@/components/ui/Form'\r\nimport sleep from '@/utils/sleep'\r\nimport { useForm, Controller } from 'react-hook-form'\r\nimport { zodResolver } from '@hookform/resolvers/zod'\r\nimport { z } from 'zod'\r\nimport type { ZodType } from 'zod'\r\n\r\ntype FormSchema = {\r\n    to: string\r\n    content?: string\r\n    title?: string\r\n}\r\n\r\nconst validationSchema: ZodType<FormSchema> = z.object({\r\n    to: z.string().min(1, { message: 'Please enter recipient' }),\r\n    title: z.string(),\r\n    content: z.string().min(1, { message: 'Please enter message' }),\r\n})\r\n\r\nconst MailEditor = () => {\r\n    const { mail, messageDialog, toggleMessageDialog } = useMailStore()\r\n\r\n    const [formSubmiting, setFormSubmiting] = useState(false)\r\n\r\n    const {\r\n        handleSubmit,\r\n        reset,\r\n        formState: { errors },\r\n        control,\r\n    } = useForm<FormSchema>({\r\n        resolver: zodResolver(validationSchema),\r\n    })\r\n\r\n    useEffect(() => {\r\n        if (messageDialog.mode === 'reply') {\r\n            reset({\r\n                to: mail.from,\r\n                title: `Re:${mail.title}`,\r\n            })\r\n        }\r\n        // eslint-disable-next-line react-hooks/exhaustive-deps\r\n    }, [messageDialog.mode])\r\n\r\n    const handleDialogClose = () => {\r\n        toggleMessageDialog({\r\n            mode: '',\r\n            open: false,\r\n        })\r\n        reset({\r\n            to: '',\r\n            title: '',\r\n            content: '',\r\n        })\r\n    }\r\n\r\n    const onSubmit = async (value: FormSchema) => {\r\n        console.log('values', value)\r\n        setFormSubmiting(true)\r\n        await sleep(500)\r\n        toast.push(<Notification type=\"success\">Mail send!</Notification>, {\r\n            placement: 'top-center',\r\n        })\r\n        setFormSubmiting(false)\r\n        handleDialogClose()\r\n    }\r\n\r\n    return (\r\n        <Dialog\r\n            isOpen={messageDialog.open}\r\n            onClose={handleDialogClose}\r\n            onRequestClose={handleDialogClose}\r\n        >\r\n            <h4 className=\"mb-4\">\r\n                {messageDialog.mode === 'new' && 'New Message'}\r\n                {messageDialog.mode === 'reply' && 'Reply'}\r\n            </h4>\r\n            <Form onSubmit={handleSubmit(onSubmit)}>\r\n                <FormItem\r\n                    label=\"Title:\"\r\n                    invalid={Boolean(errors.title)}\r\n                    errorMessage={errors.title?.message}\r\n                >\r\n                    <Controller\r\n                        name=\"title\"\r\n                        control={control}\r\n                        render={({ field }) => (\r\n                            <Input\r\n                                autoComplete=\"off\"\r\n                                placeholder=\"Add a subject\"\r\n                                {...field}\r\n                            />\r\n                        )}\r\n                    />\r\n                </FormItem>\r\n                <FormItem\r\n                    label=\"To:\"\r\n                    invalid={Boolean(errors.to)}\r\n                    errorMessage={errors.to?.message}\r\n                >\r\n                    <Controller\r\n                        name=\"to\"\r\n                        control={control}\r\n                        render={({ field }) => (\r\n                            <Input autoComplete=\"off\" {...field} />\r\n                        )}\r\n                    />\r\n                </FormItem>\r\n                <FormItem\r\n                    label=\"Message\"\r\n                    invalid={Boolean(errors.content)}\r\n                    errorMessage={errors.content?.message}\r\n                >\r\n                    <Controller\r\n                        name=\"content\"\r\n                        control={control}\r\n                        render={({ field }) => (\r\n                            <RichTextEditor\r\n                                content={field.value}\r\n                                invalid={Boolean(errors.content)}\r\n                                onChange={({ html }) => {\r\n                                    field.onChange(html)\r\n                                }}\r\n                            />\r\n                        )}\r\n                    />\r\n                </FormItem>\r\n                <div className=\"text-right mt-4\">\r\n                    <Button\r\n                        className=\"ltr:mr-2 rtl:ml-2\"\r\n                        variant=\"plain\"\r\n                        type=\"button\"\r\n                        onClick={handleDialogClose}\r\n                    >\r\n                        Discard\r\n                    </Button>\r\n                    <Button\r\n                        variant=\"solid\"\r\n                        loading={formSubmiting}\r\n                        type=\"submit\"\r\n                    >\r\n                        Send\r\n                    </Button>\r\n                </div>\r\n            </Form>\r\n        </Dialog>\r\n    )\r\n}\r\n\r\nexport default MailEditor\r\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAqBA,MAAM,mBAAwC,EAAE,OAAO;AAAA,EACnD,IAAI,EAAE,SAAS,IAAI,GAAG,EAAE,SAAS,0BAA0B;AAAA,EAC3D,OAAO,EAAE,OAAA;AAAA,EACT,SAAS,EAAE,OAAA,EAAS,IAAI,GAAG,EAAE,SAAS,uBAAA,CAAwB;AAClE,CAAC;AAED,MAAM,aAAa,MAAM;AACrB,QAAM,EAAE,MAAM,eAAe,oBAAA,IAAwB,aAAA;AAErD,QAAM,CAAC,eAAe,gBAAgB,IAAI,SAAS,KAAK;AAExD,QAAM;AAAA,IACF;AAAA,IACA;AAAA,IACA,WAAW,EAAE,OAAA;AAAA,IACb;AAAA,EAAA,IACA,QAAoB;AAAA,IACpB,UAAU,YAAY,gBAAgB;AAAA,EAAA,CACzC;AAED,YAAU,MAAM;AACZ,QAAI,cAAc,SAAS,SAAS;AAChC,YAAM;AAAA,QACF,IAAI,KAAK;AAAA,QACT,OAAO,MAAM,KAAK,KAAK;AAAA,MAAA,CAC1B;AAAA,IACL;AAAA,EAEJ,GAAG,CAAC,cAAc,IAAI,CAAC;AAEvB,QAAM,oBAAoB,MAAM;AAC5B,wBAAoB;AAAA,MAChB,MAAM;AAAA,MACN,MAAM;AAAA,IAAA,CACT;AACD,UAAM;AAAA,MACF,IAAI;AAAA,MACJ,OAAO;AAAA,MACP,SAAS;AAAA,IAAA,CACZ;AAAA,EACL;AAEA,QAAM,WAAW,OAAO,UAAsB;AAC1C,YAAQ,IAAI,UAAU,KAAK;AAC3B,qBAAiB,IAAI;AACrB,UAAM,MAAM,GAAG;AACf,UAAM,KAAK,oBAAC,cAAA,EAAa,MAAK,WAAU,wBAAU,GAAiB;AAAA,MAC/D,WAAW;AAAA,IAAA,CACd;AACD,qBAAiB,KAAK;AACtB,sBAAA;AAAA,EACJ;AAEA,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,QAAQ,cAAc;AAAA,MACtB,SAAS;AAAA,MACT,gBAAgB;AAAA,MAEhB,UAAA;AAAA,QAAA,qBAAC,MAAA,EAAG,WAAU,QACT,UAAA;AAAA,UAAA,cAAc,SAAS,SAAS;AAAA,UAChC,cAAc,SAAS,WAAW;AAAA,QAAA,GACvC;AAAA,QACA,qBAAC,MAAA,EAAK,UAAU,aAAa,QAAQ,GACjC,UAAA;AAAA,UAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACG,OAAM;AAAA,cACN,SAAS,QAAQ,OAAO,KAAK;AAAA,cAC7B,cAAc,OAAO,OAAO;AAAA,cAE5B,UAAA;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACG,MAAK;AAAA,kBACL;AAAA,kBACA,QAAQ,CAAC,EAAE,MAAA,MACP;AAAA,oBAAC;AAAA,oBAAA;AAAA,sBACG,cAAa;AAAA,sBACb,aAAY;AAAA,sBACX,GAAG;AAAA,oBAAA;AAAA,kBAAA;AAAA,gBACR;AAAA,cAAA;AAAA,YAER;AAAA,UAAA;AAAA,UAEJ;AAAA,YAAC;AAAA,YAAA;AAAA,cACG,OAAM;AAAA,cACN,SAAS,QAAQ,OAAO,EAAE;AAAA,cAC1B,cAAc,OAAO,IAAI;AAAA,cAEzB,UAAA;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACG,MAAK;AAAA,kBACL;AAAA,kBACA,QAAQ,CAAC,EAAE,MAAA,0BACN,OAAA,EAAM,cAAa,OAAO,GAAG,MAAA,CAAO;AAAA,gBAAA;AAAA,cAAA;AAAA,YAE7C;AAAA,UAAA;AAAA,UAEJ;AAAA,YAAC;AAAA,YAAA;AAAA,cACG,OAAM;AAAA,cACN,SAAS,QAAQ,OAAO,OAAO;AAAA,cAC/B,cAAc,OAAO,SAAS;AAAA,cAE9B,UAAA;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACG,MAAK;AAAA,kBACL;AAAA,kBACA,QAAQ,CAAC,EAAE,MAAA,MACP;AAAA,oBAAC;AAAA,oBAAA;AAAA,sBACG,SAAS,MAAM;AAAA,sBACf,SAAS,QAAQ,OAAO,OAAO;AAAA,sBAC/B,UAAU,CAAC,EAAE,WAAW;AACpB,8BAAM,SAAS,IAAI;AAAA,sBACvB;AAAA,oBAAA;AAAA,kBAAA;AAAA,gBACJ;AAAA,cAAA;AAAA,YAER;AAAA,UAAA;AAAA,UAEJ,qBAAC,OAAA,EAAI,WAAU,mBACX,UAAA;AAAA,YAAA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACG,WAAU;AAAA,gBACV,SAAQ;AAAA,gBACR,MAAK;AAAA,gBACL,SAAS;AAAA,gBACZ,UAAA;AAAA,cAAA;AAAA,YAAA;AAAA,YAGD;AAAA,cAAC;AAAA,cAAA;AAAA,gBACG,SAAQ;AAAA,gBACR,SAAS;AAAA,gBACT,MAAK;AAAA,gBACR,UAAA;AAAA,cAAA;AAAA,YAAA;AAAA,UAED,EAAA,CACJ;AAAA,QAAA,EAAA,CACJ;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGZ;"}