@orbe-agro/client-core 5.3.147 → 5.3.156

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":["Articles","query","topic","trigger","data","useSWRMutation","_","params","apiGetSupportHubArticles","setQueryText","useHelpCenterStore","state","setSelectedTopic","useEffect","handleBack","jsxs","jsx","NoDataFound","TbArrowNarrowLeft","categoryLabel","article","index","Article","isLastChild"],"mappings":";;;;;;;;;;AAgBA,MAAMA,IAAW,CAAC,EAAE,OAAAC,GAAO,OAAAC,QAA2B;AAClD,QAAM,EAAE,SAAAC,GAAS,MAAAC,EAAA,IAASC;AAAA,IACtB,CAAC,uBAAuB,EAAE,OAAAJ,GAAO,OAAAC,GAAO;AAAA;AAAA,IAExC,CAAC,CAACI,GAAGC,CAAM,MACPC,EAGED,CAAM;AAAA,EAAA,GAGVE,IAAeC,EAAmB,CAACC,MAAUA,EAAM,YAAY,GAC/DC,IAAmBF;AAAA,IACrB,CAACC,MAAUA,EAAM;AAAA,EAAA;AAGrB,EAAAE,EAAU,MAAM;AACZ,KAAIX,KAASD,MACTE,EAAA;AAAA,EAGR,GAAG,CAACD,GAAOD,CAAK,CAAC;AAEjB,QAAMa,IAAa,MAAM;AACrB,IAAAL,EAAa,EAAE,GACfG,EAAiB,EAAE;AAAA,EACvB;AAEA,2BACK,OAAA,EACI,UAAA;AAAA,IAAAX,KAASG,KAAQA,EAAK,SAAS,uBAC3B,OAAA,EAAI,WAAU,QACX,UAAA,gBAAAW,EAAC,MAAA,EACG,UAAA;AAAA,MAAA,gBAAAC,EAAC,QAAA,EAAK,WAAU,eAAc,UAAA,eAAW;AAAA,MACzC,gBAAAD,EAAC,QAAA,EAAK,WAAU,iBAAgB,UAAA;AAAA,QAAA;AAAA,QAAEd;AAAA,MAAA,EAAA,CAAM;AAAA,IAAA,EAAA,CAC5C,EAAA,CACJ;AAAA,IAEHA,KAASG,KAAQA,EAAK,WAAW,KAC9B,gBAAAW,EAAC,OAAA,EAAI,WAAU,qBACX,UAAA;AAAA,MAAA,gBAAAC,EAAC,OAAA,EAAI,WAAU,uBACX,UAAA,gBAAAA,EAACC,KAAY,QAAQ,KAAK,OAAO,IAAA,CAAK,EAAA,CAC1C;AAAA,MACA,gBAAAD,EAAC,MAAA,EAAG,WAAU,QAAO,UAAA,oBAAA,CAAiB;AAAA,IAAA,GAC1C;AAAA,IAEHd,KAASE,KACN,gBAAAY,EAAC,OAAA,EAAI,WAAU,QACX,UAAA,gBAAAD,EAAC,MAAA,EAAG,WAAU,2BACV,UAAA;AAAA,MAAA,gBAAAC;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,WAAU;AAAA,UACV,SAASF;AAAA,UAET,4BAACI,GAAA,CAAA,CAAkB;AAAA,QAAA;AAAA,MAAA;AAAA,MAEtBC,EAAcjB,CAAK;AAAA,IAAA,EAAA,CACxB,EAAA,CACJ;AAAA,IAEHE,KACGA,EAAK,IAAI,CAACgB,GAASC,MACf,gBAAAL;AAAA,MAACM;AAAA,MAAA;AAAA,QAEG,IAAIF,EAAQ;AAAA,QACZ,UAAUA,EAAQ;AAAA,QAClB,OAAOA,EAAQ;AAAA,QACf,YAAYA,EAAQ;AAAA,QACpB,WAAWA,EAAQ;AAAA,QACnB,cAAcA,EAAQ;AAAA,QACtB,aAAa,CAACG,EAAYnB,GAAMiB,CAAK;AAAA,MAAA;AAAA,MAPhCD,EAAQ;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'\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":["Articles","query","topic","trigger","data","useSWRMutation","_","params","apiGetSupportHubArticles","setQueryText","useHelpCenterStore","state","setSelectedTopic","useEffect","handleBack","jsxs","jsx","NoDataFound","TbArrowNarrowLeft","categoryLabel","article","index","Article","isLastChild"],"mappings":";;;;;;;;;;AAgBA,MAAMA,IAAW,CAAC,EAAE,OAAAC,GAAO,OAAAC,QAA2B;AAC5C,QAAA,EAAE,SAAAC,GAAS,MAAAC,EAAA,IAASC;AAAA,IACtB,CAAC,uBAAuB,EAAE,OAAAJ,GAAO,OAAAC,GAAO;AAAA;AAAA,IAExC,CAAC,CAACI,GAAGC,CAAM,MACPC,EAGED,CAAM;AAAA,EAChB,GAEME,IAAeC,EAAmB,CAACC,MAAUA,EAAM,YAAY,GAC/DC,IAAmBF;AAAA,IACrB,CAACC,MAAUA,EAAM;AAAA,EACrB;AAEA,EAAAE,EAAU,MAAM;AACZ,KAAIX,KAASD,MACDE,EAAA;AAAA,EACZ,GAED,CAACD,GAAOD,CAAK,CAAC;AAEjB,QAAMa,IAAa,MAAM;AACrB,IAAAL,EAAa,EAAE,GACfG,EAAiB,EAAE;AAAA,EACvB;AAEA,2BACK,OACI,EAAA,UAAA;AAAA,IAASX,KAAAG,KAAQA,EAAK,SAAS,uBAC3B,OAAI,EAAA,WAAU,QACX,UAAA,gBAAAW,EAAC,MACG,EAAA,UAAA;AAAA,MAAC,gBAAAC,EAAA,QAAA,EAAK,WAAU,eAAc,UAAW,eAAA;AAAA,MACzC,gBAAAD,EAAC,QAAK,EAAA,WAAU,iBAAgB,UAAA;AAAA,QAAA;AAAA,QAAEd;AAAA,MAAA,EAAM,CAAA;AAAA,IAAA,EAAA,CAC5C,EACJ,CAAA;AAAA,IAEHA,KAASG,KAAQA,EAAK,WAAW,KAC7B,gBAAAW,EAAA,OAAA,EAAI,WAAU,qBACX,UAAA;AAAA,MAAC,gBAAAC,EAAA,OAAA,EAAI,WAAU,uBACX,UAAA,gBAAAA,EAACC,KAAY,QAAQ,KAAK,OAAO,IAAA,CAAK,EAC1C,CAAA;AAAA,MACC,gBAAAD,EAAA,MAAA,EAAG,WAAU,QAAO,UAAiB,oBAAA,CAAA;AAAA,IAAA,GAC1C;AAAA,IAEHd,KAASE,KACL,gBAAAY,EAAA,OAAA,EAAI,WAAU,QACX,UAAA,gBAAAD,EAAC,MAAG,EAAA,WAAU,2BACV,UAAA;AAAA,MAAA,gBAAAC;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,WAAU;AAAA,UACV,SAASF;AAAA,UAET,4BAACI,GAAkB,CAAA,CAAA;AAAA,QAAA;AAAA,MACvB;AAAA,MACCC,EAAcjB,CAAK;AAAA,IAAA,EAAA,CACxB,EACJ,CAAA;AAAA,IAEHE,KACGA,EAAK,IAAI,CAACgB,GAASC,MACf,gBAAAL;AAAA,MAACM;AAAA,MAAA;AAAA,QAEG,IAAIF,EAAQ;AAAA,QACZ,UAAUA,EAAQ;AAAA,QAClB,OAAOA,EAAQ;AAAA,QACf,YAAYA,EAAQ;AAAA,QACpB,WAAWA,EAAQ;AAAA,QACnB,cAAcA,EAAQ;AAAA,QACtB,aAAa,CAACG,EAAYnB,GAAMiB,CAAK;AAAA,MAAA;AAAA,MAPhCD,EAAQ;AAAA,IASpB,CAAA;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":["BodySection","queryText","useHelpCenterStore","state","selectedTopic","jsx","Container","ArticleList","Categories"],"mappings":";;;;;AAKA,MAAMA,IAAc,MAAM;AACtB,QAAMC,IAAYC,EAAmB,CAACC,MAAUA,EAAM,SAAS,GACzDC,IAAgBF,EAAmB,CAACC,MAAUA,EAAM,aAAa;AAEvE,SACI,gBAAAE,EAAC,SAAI,WAAU,SACX,4BAACC,GAAA,EACG,UAAA,gBAAAD,EAAC,OAAA,EAAI,WAAU,+BACV,UAAAJ,KAAaG,IACV,gBAAAC,EAACE,GAAA,EAAY,OAAON,GAAW,OAAOG,EAAA,CAAe,IAErD,gBAAAC,EAACG,GAAA,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'\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":["BodySection","queryText","useHelpCenterStore","state","selectedTopic","jsx","Container","ArticleList","Categories"],"mappings":";;;;;AAKA,MAAMA,IAAc,MAAM;AACtB,QAAMC,IAAYC,EAAmB,CAACC,MAAUA,EAAM,SAAS,GACzDC,IAAgBF,EAAmB,CAACC,MAAUA,EAAM,aAAa;AAGnE,SAAA,gBAAAE,EAAC,SAAI,WAAU,SACX,4BAACC,GACG,EAAA,UAAA,gBAAAD,EAAC,OAAI,EAAA,WAAU,+BACV,UAAAJ,KAAaG,IACT,gBAAAC,EAAAE,GAAA,EAAY,OAAON,GAAW,OAAOG,EAAe,CAAA,IAEpD,gBAAAC,EAAAG,GAAA,CAAA,CAAW,EAEpB,CAAA,EAAA,CACJ,EACJ,CAAA;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":["Categories","data","useSWR","apiGetSupportHubCategories","setSelectedTopic","useHelpCenterStore","state","setQueryText","handleTopicClick","topic","jsxs","category","jsx","categoryIcon","article","index","Article","isLastChild"],"mappings":";;;;;;;AASA,MAAMA,IAAa,MAAM;AACrB,QAAM,EAAE,MAAAC,MAASC;AAAA,IACb,CAAC,mBAAmB;AAAA,IACpB,MAAMC,EAAA;AAAA,IACN;AAAA,MACI,mBAAmB;AAAA,MACnB,mBAAmB;AAAA,MACnB,uBAAuB;AAAA,IAAA;AAAA,EAC3B,GAGEC,IAAmBC;AAAA,IACrB,CAACC,MAAUA,EAAM;AAAA,EAAA,GAEfC,IAAeF,EAAmB,CAACC,MAAUA,EAAM,YAAY,GAE/DE,IAAmB,CAACC,MAAkB;AACxC,IAAAL,EAAiBK,CAAK,GACtBF,EAAa,EAAE;AAAA,EACnB;AAEA,SACI,gBAAAG,EAAC,OAAA,EAAI,WAAU,wBACV,UAAA;AAAA,IAAAT,KACGA,EAAK,WAAW,IAAI,CAACU,wBAChB,OAAA,EACG,UAAA;AAAA,MAAA,gBAAAC,EAAC,MAAA,EAAG,WAAU,QAAQ,UAAAD,EAAS,MAAK;AAAA,MACpC,gBAAAC,EAAC,SAAI,WAAU,yCACV,YAAS,OAAO,IAAI,CAACH,MAClB,gBAAAG;AAAA,QAAC;AAAA,QAAA;AAAA,UAEG,WAAU;AAAA,UACV,MAAK;AAAA,UACL,SAAS,MAAMJ,EAAiBC,EAAM,EAAE;AAAA,UAExC,UAAA,gBAAAC,EAAC,OAAA,EAAI,WAAU,oCACX,UAAA;AAAA,YAAA,gBAAAE,EAAC,OAAA,EAAI,WAAU,yEACX,UAAA,gBAAAA,EAAC,QAAA,EAAK,WAAU,oEACX,UAAAC,EAAaJ,EAAM,EAAE,EAAA,CAC1B,GACJ;AAAA,YACA,gBAAAG,EAAC,MAAA,EAAG,WAAU,6DACT,YAAM,MACX;AAAA,YACA,gBAAAA,EAAC,KAAA,EAAE,WAAU,qFACR,YAAM,aACX;AAAA,YACA,gBAAAF,EAAC,OAAA,EAAI,WAAU,qEACV,UAAA;AAAA,cAAAD,EAAM;AAAA,cAAc;AAAA,YAAA,EAAA,CACzB;AAAA,UAAA,EAAA,CACJ;AAAA,QAAA;AAAA,QApBKA,EAAM;AAAA,MAAA,CAsBlB,EAAA,CACL;AAAA,IAAA,KA5BME,EAAS,IA6BnB,CACH;AAAA,IACJV,uBACI,OAAA,EACG,UAAA;AAAA,MAAA,gBAAAW,EAAC,MAAA,EAAG,WAAU,QAAO,UAAA,oBAAgB;AAAA,wBACpC,OAAA,EACI,UAAAX,EAAK,gBAAgB,IAAI,CAACa,GAASC,MAChC,gBAAAH;AAAA,QAACI;AAAA,QAAA;AAAA,UAEG,IAAIF,EAAQ;AAAA,UACZ,UAAUA,EAAQ;AAAA,UAClB,OAAOA,EAAQ;AAAA,UACf,YAAYA,EAAQ;AAAA,UACpB,WAAWA,EAAQ;AAAA,UACnB,cAAcA,EAAQ;AAAA,UACtB,aACI,CAACG,EAAYhB,EAAK,iBAAiBc,CAAK;AAAA,QAAA;AAAA,QARvCD,EAAQ;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'\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":["Categories","data","useSWR","apiGetSupportHubCategories","setSelectedTopic","useHelpCenterStore","state","setQueryText","handleTopicClick","topic","jsxs","category","jsx","categoryIcon","article","index","Article","isLastChild"],"mappings":";;;;;;;AASA,MAAMA,IAAa,MAAM;AACf,QAAA,EAAE,MAAAC,MAASC;AAAA,IACb,CAAC,mBAAmB;AAAA,IACpB,MAAMC,EAA4D;AAAA,IAClE;AAAA,MACI,mBAAmB;AAAA,MACnB,mBAAmB;AAAA,MACnB,uBAAuB;AAAA,IAAA;AAAA,EAE/B,GAEMC,IAAmBC;AAAA,IACrB,CAACC,MAAUA,EAAM;AAAA,EACrB,GACMC,IAAeF,EAAmB,CAACC,MAAUA,EAAM,YAAY,GAE/DE,IAAmB,CAACC,MAAkB;AACxC,IAAAL,EAAiBK,CAAK,GACtBF,EAAa,EAAE;AAAA,EACnB;AAGI,SAAA,gBAAAG,EAAC,OAAI,EAAA,WAAU,wBACV,UAAA;AAAA,IAAAT,KACGA,EAAK,WAAW,IAAI,CAACU,wBAChB,OACG,EAAA,UAAA;AAAA,MAAA,gBAAAC,EAAC,MAAG,EAAA,WAAU,QAAQ,UAAAD,EAAS,MAAK;AAAA,MACpC,gBAAAC,EAAC,SAAI,WAAU,yCACV,YAAS,OAAO,IAAI,CAACH,MAClB,gBAAAG;AAAA,QAAC;AAAA,QAAA;AAAA,UAEG,WAAU;AAAA,UACV,MAAK;AAAA,UACL,SAAS,MAAMJ,EAAiBC,EAAM,EAAE;AAAA,UAExC,UAAA,gBAAAC,EAAC,OAAI,EAAA,WAAU,oCACX,UAAA;AAAA,YAAC,gBAAAE,EAAA,OAAA,EAAI,WAAU,yEACX,UAAC,gBAAAA,EAAA,QAAA,EAAK,WAAU,oEACX,UAAaC,EAAAJ,EAAM,EAAE,EAC1B,CAAA,GACJ;AAAA,YACC,gBAAAG,EAAA,MAAA,EAAG,WAAU,6DACT,YAAM,MACX;AAAA,YACC,gBAAAA,EAAA,KAAA,EAAE,WAAU,qFACR,YAAM,aACX;AAAA,YACA,gBAAAF,EAAC,OAAI,EAAA,WAAU,qEACV,UAAA;AAAA,cAAMD,EAAA;AAAA,cAAc;AAAA,YAAA,EACzB,CAAA;AAAA,UAAA,EACJ,CAAA;AAAA,QAAA;AAAA,QApBKA,EAAM;AAAA,MAAA,CAsBlB,EACL,CAAA;AAAA,IAAA,KA5BME,EAAS,IA6BnB,CACH;AAAA,IACJV,uBACI,OACG,EAAA,UAAA;AAAA,MAAC,gBAAAW,EAAA,MAAA,EAAG,WAAU,QAAO,UAAgB,oBAAA;AAAA,wBACpC,OACI,EAAA,UAAAX,EAAK,gBAAgB,IAAI,CAACa,GAASC,MAChC,gBAAAH;AAAA,QAACI;AAAA,QAAA;AAAA,UAEG,IAAIF,EAAQ;AAAA,UACZ,UAAUA,EAAQ;AAAA,UAClB,OAAOA,EAAQ;AAAA,UACf,YAAYA,EAAQ;AAAA,UACpB,WAAWA,EAAQ;AAAA,UACnB,cAAcA,EAAQ;AAAA,UACtB,aACI,CAACG,EAAYhB,EAAK,iBAAiBc,CAAK;AAAA,QAAA;AAAA,QARvCD,EAAQ;AAAA,MAAA,CAWpB,EACL,CAAA;AAAA,IAAA,EACJ,CAAA;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":["TopSection","inputRef","useRef","setQueryText","useHelpCenterStore","state","setSelectedTopic","handleSetQueryText","jsxs","Container","jsx","event","Button","TbSearch"],"mappings":";;;;;;;AAMA,MAAMA,IAAa,MAAM;AACrB,QAAMC,IAAWC,EAAyB,IAAI,GAExCC,IAAeC,EAAmB,CAACC,MAAUA,EAAM,YAAY,GAC/DC,IAAmBF;AAAA,IACrB,CAACC,MAAUA,EAAM;AAAA,EAAA,GAGfE,IAAqB,MAAM;AAG7B,IAFcN,EAAS,SAAS,UAG5BE,EAAaF,EAAS,SAAS,KAAe,GAC9CK,EAAiB,EAAE;AAAA,EAE3B;AAEA,2BACK,WAAA,EAAQ,WAAU,mKACf,UAAA,gBAAAE,EAACC,GAAA,EAAU,WAAU,mCACjB,UAAA;AAAA,IAAA,gBAAAD,EAAC,OAAA,EAAI,WAAU,mCACX,UAAA;AAAA,MAAA,gBAAAE,EAAC,MAAA,EAAG,WAAU,oBAAmB,UAAA,+BAEjC;AAAA,MACA,gBAAAA,EAAC,KAAA,EAAE,WAAU,gDAA+C,UAAA,sFAAA,CAG5D;AAAA,IAAA,GACJ;AAAA,sBACC,OAAA,EAAI,WAAU,wHACX,UAAA,gBAAAF,EAAC,OAAA,EAAI,WAAU,2CACX,UAAA;AAAA,MAAA,gBAAAE;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,KAAKT;AAAA,UACL,WAAU;AAAA,UACV,aAAY;AAAA,UACZ,WAAW,CAACU,MAAU;AAClB,YAAIA,EAAM,QAAQ,WACdJ,EAAA,GAIAI,EAAM,QAAQ,eACbA,EAAM,OAA4B,MAC9B,UAAU,KAEfR,EAAa,EAAE;AAAA,UAEvB;AAAA,QAAA;AAAA,MAAA;AAAA,MAEJ,gBAAAO;AAAA,QAACE;AAAA,QAAA;AAAA,UACG,MAAK;AAAA,UACL,OAAM;AAAA,UACN,SAAQ;AAAA,UACR,wBAAOC,GAAA,EAAS;AAAA,UAChB,SAASN;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'\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":["TopSection","inputRef","useRef","setQueryText","useHelpCenterStore","state","setSelectedTopic","handleSetQueryText","jsxs","Container","jsx","event","Button","TbSearch"],"mappings":";;;;;;;AAMA,MAAMA,IAAa,MAAM;AACf,QAAAC,IAAWC,EAAyB,IAAI,GAExCC,IAAeC,EAAmB,CAACC,MAAUA,EAAM,YAAY,GAC/DC,IAAmBF;AAAA,IACrB,CAACC,MAAUA,EAAM;AAAA,EACrB,GAEME,IAAqB,MAAM;AAG7B,IAFcN,EAAS,SAAS,UAGfE,EAAAF,EAAS,SAAS,KAAe,GAC9CK,EAAiB,EAAE;AAAA,EAE3B;AAEA,2BACK,WAAQ,EAAA,WAAU,mKACf,UAAC,gBAAAE,EAAAC,GAAA,EAAU,WAAU,mCACjB,UAAA;AAAA,IAAC,gBAAAD,EAAA,OAAA,EAAI,WAAU,mCACX,UAAA;AAAA,MAAC,gBAAAE,EAAA,MAAA,EAAG,WAAU,oBAAmB,UAEjC,+BAAA;AAAA,MACC,gBAAAA,EAAA,KAAA,EAAE,WAAU,gDAA+C,UAG5D,sFAAA,CAAA;AAAA,IAAA,GACJ;AAAA,sBACC,OAAI,EAAA,WAAU,wHACX,UAAC,gBAAAF,EAAA,OAAA,EAAI,WAAU,2CACX,UAAA;AAAA,MAAA,gBAAAE;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,KAAKT;AAAA,UACL,WAAU;AAAA,UACV,aAAY;AAAA,UACZ,WAAW,CAACU,MAAU;AACd,YAAAA,EAAM,QAAQ,WACKJ,EAAA,GAInBI,EAAM,QAAQ,eACbA,EAAM,OAA4B,MAC9B,UAAU,KAEfR,EAAa,EAAE;AAAA,UACnB;AAAA,QACJ;AAAA,MACJ;AAAA,MACA,gBAAAO;AAAA,QAACE;AAAA,QAAA;AAAA,UACG,MAAK;AAAA,UACL,OAAM;AAAA,UACN,SAAQ;AAAA,UACR,wBAAOC,GAAS,EAAA;AAAA,UAChB,SAASN;AAAA,QAAA;AAAA,MAAA;AAAA,IACb,EAAA,CACJ,EACJ,CAAA;AAAA,EAAA,EAAA,CACJ,EACJ,CAAA;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":["initialState","useHelpCenterStore","create","set","payload"],"mappings":";AAYA,MAAMA,IAAgC;AAAA,EAClC,WAAW;AAAA,EACX,eAAe;AACnB,GAEaC,IAAqBC;AAAA,EAC9B,CAACC,OAAS;AAAA,IACN,GAAGH;AAAA,IACH,cAAc,CAACI,MAAYD,EAAI,OAAO,EAAE,WAAWC,IAAU;AAAA,IAC7D,kBAAkB,CAACA,MAAYD,EAAI,OAAO,EAAE,eAAeC,IAAU;AAAA,EAAA;AAE7E;"}
+{"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":["initialState","useHelpCenterStore","create","set","payload"],"mappings":";AAYA,MAAMA,IAAgC;AAAA,EAClC,WAAW;AAAA,EACX,eAAe;AACnB,GAEaC,IAAqBC;AAAA,EAC9B,CAACC,OAAS;AAAA,IACN,GAAGH;AAAA,IACH,cAAc,CAACI,MAAYD,EAAI,OAAO,EAAE,WAAWC,IAAU;AAAA,IAC7D,kBAAkB,CAACA,MAAYD,EAAI,OAAO,EAAE,eAAeC,IAAU;AAAA,EACzE;AACJ;"}

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":["categoryIcon","TbPresentation","TbSettings","TbStar","TbLicense","TbChartHistogram","TbChartPie","TbRobotFace","TbLibraryPhoto","TbShieldCheck","TbRefreshDot","TbPalette","TbCoins","categoryLabel"],"mappings":";;AAgBO,MAAMA,IAA0C;AAAA,EACnD,gCAAeC,GAAA,EAAe;AAAA,EAC9B,8BAAaC,GAAA,EAAW;AAAA,EACxB,iCAAgBC,GAAA,EAAO;AAAA,EACvB,0BAASC,GAAA,EAAU;AAAA,EACnB,4BAAWC,GAAA,EAAiB;AAAA,EAC5B,qCAAoBC,GAAA,EAAW;AAAA,EAC/B,2BAAUC,GAAA,EAAY;AAAA,EACtB,yBAAQC,GAAA,EAAe;AAAA,EACvB,4BAAWC,GAAA,EAAc;AAAA,EACzB,+BAAcC,GAAA,EAAa;AAAA,EAC3B,0BAASC,GAAA,EAAU;AAAA,EACnB,8BAAaC,GAAA,CAAA,CAAQ;AACzB,GAEaC,IAAwC;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'\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":["categoryIcon","TbPresentation","TbSettings","TbStar","TbLicense","TbChartHistogram","TbChartPie","TbRobotFace","TbLibraryPhoto","TbShieldCheck","TbRefreshDot","TbPalette","TbCoins","categoryLabel"],"mappings":";;AAgBO,MAAMA,IAA0C;AAAA,EACnD,gCAAeC,GAAe,EAAA;AAAA,EAC9B,8BAAaC,GAAW,EAAA;AAAA,EACxB,iCAAgBC,GAAO,EAAA;AAAA,EACvB,0BAASC,GAAU,EAAA;AAAA,EACnB,4BAAWC,GAAiB,EAAA;AAAA,EAC5B,qCAAoBC,GAAW,EAAA;AAAA,EAC/B,2BAAUC,GAAY,EAAA;AAAA,EACtB,yBAAQC,GAAe,EAAA;AAAA,EACvB,4BAAWC,GAAc,EAAA;AAAA,EACzB,+BAAcC,GAAa,EAAA;AAAA,EAC3B,0BAASC,GAAU,EAAA;AAAA,EACnB,8BAAaC,GAAQ,CAAA,CAAA;AACzB,GAEaC,IAAwC;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/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":["Mail","jsxs","Fragment","jsx","MailBody","MailEditor"],"mappings":";;;AAGA,MAAMA,IAAO,MAEL,gBAAAC,EAAAC,GAAA,EACI,UAAA;AAAA,EAAA,gBAAAC,EAACC,GAAA,EAAS;AAAA,oBACTC,GAAA,CAAA,CAAW;AAAA,GAChB;"}
+{"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":["Mail","jsxs","Fragment","jsx","MailBody","MailEditor"],"mappings":";;;AAGA,MAAMA,IAAO,MAGD,gBAAAC,EAAAC,GAAA,EAAA,UAAA;AAAA,EAAA,gBAAAC,EAACC,GAAS,EAAA;AAAA,oBACTC,GAAW,CAAA,CAAA;AAAA,GAChB;"}

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":["ActionButton","children","rest","jsx"],"mappings":";AAEA,MAAMA,IAAe,CAAC;AAAA,EAClB,UAAAC;AAAA,EACA,GAAGC;AACP,MAEQ,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACG,WAAU;AAAA,IACT,GAAGD;AAAA,IAEH,UAAAD;AAAA,EAAA;AAAA;"}
+{"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":["ActionButton","children","rest","jsx"],"mappings":";AAEA,MAAMA,IAAe,CAAC;AAAA,EAClB,UAAAC;AAAA,EACA,GAAGC;AACP,MAEQ,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACG,WAAU;AAAA,IACT,GAAGD;AAAA,IAEH,UAAAD;AAAA,EAAA;AACL;"}

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":["MailBody","id","useQuery","fetchMail","useMail","mail","useMailStore","useEffect","isEmpty","jsx","AdaptiveCard","jsxs","MailSidebar","MailBodyTop","MailList","MailDetail"],"mappings":";;;;;;;;;;;AAWA,MAAMA,IAAW,MAAM;AAGnB,QAAMC,IAFQC,EAAA,EAEG,IAAI,MAAM,GAErB,EAAE,WAAAC,EAAA,IAAcC,EAAA,GAEhB,EAAE,MAAAC,EAAA,IAASC,EAAA;AAEjB,SAAAC,EAAU,MAAM;AACZ,IAAIN,KAAMO,EAAQH,CAAI,KAClBF,EAAUF,CAAE;AAAA,EAGpB,GAAG,CAACA,CAAE,CAAC,GAGH,gBAAAQ;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,WAAU;AAAA,MACV,WAAU;AAAA,MAEV,UAAA,gBAAAC,EAAC,OAAA,EAAI,WAAU,yBACX,UAAA;AAAA,QAAA,gBAAAF,EAACG,GAAA,EAAY;AAAA,QACb,gBAAAD,EAAC,OAAA,EAAI,WAAU,kCACX,UAAA;AAAA,UAAA,gBAAAF,EAACI,GAAA,EAAY;AAAA,UACb,gBAAAJ,EAAC,OAAA,EAAI,WAAU,gCACV,UAAAD,EAAQH,CAAI,IACT,gBAAAI,EAACK,GAAA,CAAA,CAAS,IAEV,gBAAAL,EAACM,GAAA,EAAW,MAAAV,GAAY,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'\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":["MailBody","id","useQuery","fetchMail","useMail","mail","useMailStore","useEffect","isEmpty","jsx","AdaptiveCard","jsxs","MailSidebar","MailBodyTop","MailList","MailDetail"],"mappings":";;;;;;;;;;;AAWA,MAAMA,IAAW,MAAM;AAGb,QAAAC,IAFQC,EAAS,EAEN,IAAI,MAAM,GAErB,EAAE,WAAAC,EAAU,IAAIC,EAAQ,GAExB,EAAE,MAAAC,EAAK,IAAIC,EAAa;AAE9B,SAAAC,EAAU,MAAM;AACR,IAAAN,KAAMO,EAAQH,CAAI,KAClBF,EAAUF,CAAE;AAAA,EAChB,GAED,CAACA,CAAE,CAAC,GAGH,gBAAAQ;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,WAAU;AAAA,MACV,WAAU;AAAA,MAEV,UAAA,gBAAAC,EAAC,OAAI,EAAA,WAAU,yBACX,UAAA;AAAA,QAAA,gBAAAF,EAACG,GAAY,EAAA;AAAA,QACb,gBAAAD,EAAC,OAAI,EAAA,WAAU,kCACX,UAAA;AAAA,UAAA,gBAAAF,EAACI,GAAY,EAAA;AAAA,UACZ,gBAAAJ,EAAA,OAAA,EAAI,WAAU,gCACV,UAAQD,EAAAH,CAAI,IACT,gBAAAI,EAACK,GAAS,CAAA,CAAA,IAET,gBAAAL,EAAAM,GAAA,EAAW,MAAAV,GAAY,EAEhC,CAAA;AAAA,QAAA,EACJ,CAAA;AAAA,MAAA,EACJ,CAAA;AAAA,IAAA;AAAA,EACJ;AAER;"}

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":["MailBodyTop","deleteConfirmationOpen","setDeleteConfirmationOpen","useState","selectedMailId","toggleMessageDialog","toggleMobileSidebar","useMailStore","onMailDelete","onBatchMoveMailClick","useMailAction","smaller","useResponsive","hasMailSelected","handleClose","handleConfirmDelete","handleMoveMailClick","destination","jsxs","Fragment","jsx","TbMenu2","Dropdown","Button","labelList","item","Badge","TbTrash","TbMail","MailDeleteConfimation"],"mappings":";;;;;;;;;;;;;AAWA,MAAMA,IAAc,MAAM;AACtB,QAAM,CAACC,GAAwBC,CAAyB,IAAIC,EAAS,EAAK,GAEpE,EAAE,gBAAAC,GAAgB,qBAAAC,GAAqB,qBAAAC,EAAA,IACzCC,EAAA,GAEE,EAAE,cAAAC,GAAc,sBAAAC,EAAA,IAAyBC,EAAA,GAEzC,EAAE,SAAAC,EAAA,IAAYC,EAAA,GAEdC,IAAkBT,EAAe,SAAS,GAE1CU,IAAc,MAAM;AACtB,IAAAZ,EAA0B,EAAK;AAAA,EACnC,GAEMa,IAAsB,MAAM;AAC9B,IAAAP,EAAaJ,CAAc,GAC3BU,EAAA;AAAA,EACJ,GAEME,IAAsB,CAACC,MAAwB;AACjD,IAAAR,EAAqBL,GAAgBa,CAAW;AAAA,EACpD;AAEA,SACI,gBAAAC,EAAAC,GAAA,EACI,UAAA;AAAA,IAAA,gBAAAD,EAAC,OAAA,EAAI,WAAU,0CACX,UAAA;AAAA,MAAA,gBAAAA,EAAC,OAAA,EAAI,WAAU,2BACV,UAAA;AAAA,QAAAP,EAAQ,MACL,gBAAAS;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,WAAU;AAAA,YACV,MAAK;AAAA,YACL,SAAS,MAAMd,EAAoB,EAAI;AAAA,YAEvC,4BAACe,GAAA,CAAA,CAAQ;AAAA,UAAA;AAAA,QAAA;AAAA,QAGhBR,uBACI,MAAA,EAAI,UAAA;AAAA,UAAAT,EAAe;AAAA,UAAO;AAAA,QAAA,EAAA,CAAe;AAAA,MAAA,GAElD;AAAA,MACA,gBAAAgB,EAAC,OAAA,EAAI,WAAU,kCACV,cACG,gBAAAF,EAAAC,GAAA,EACI,UAAA;AAAA,QAAA,gBAAAC;AAAA,UAACE;AAAA,UAAA;AAAA,YACG,aAAa,gBAAAF,EAACG,GAAA,EAAO,MAAK,MAAK,UAAA,WAAO;AAAA,YACtC,WAAU;AAAA,YAET,UAAAC,EAAU,IAAI,CAACC,MACZ,gBAAAP;AAAA,cAACI,EAAS;AAAA,cAAT;AAAA,gBAEG,SAAS,MACLN,EAAoBS,EAAK,KAAK;AAAA,gBAGlC,UAAA;AAAA,kBAAA,gBAAAL,EAACM,GAAA,EAAM,WAAWD,EAAK,SAAA,CAAU;AAAA,kBACjC,gBAAAL,EAAC,QAAA,EAAM,UAAAK,EAAK,MAAA,CAAM;AAAA,gBAAA;AAAA,cAAA;AAAA,cANbA,EAAK;AAAA,YAAA,CAQjB;AAAA,UAAA;AAAA,QAAA;AAAA,QAEL,gBAAAL;AAAA,UAACG;AAAA,UAAA;AAAA,YACG,MAAK;AAAA,YACL,MAAK;AAAA,YACL,kBAAkB,MACd;AAAA,YAEJ,wBAAOI,GAAA,EAAQ;AAAA,YACf,SAAS,MAAMzB,EAA0B,EAAI;AAAA,YAChD,UAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MAED,EAAA,CACJ,IAEA,gBAAAkB;AAAA,QAACG;AAAA,QAAA;AAAA,UACG,SAAQ;AAAA,UACR,wBAAOK,GAAA,EAAO;AAAA,UACd,MAAK;AAAA,UACL,SAAS,MACLvB,EAAoB;AAAA,YAChB,MAAM;AAAA,YACN,MAAM;AAAA,UAAA,CACT;AAAA,UAER,UAAA;AAAA,QAAA;AAAA,MAAA,EAED,CAER;AAAA,IAAA,GACJ;AAAA,IACA,gBAAAe;AAAA,MAACS;AAAA,MAAA;AAAA,QACG,QAAQ5B;AAAA,QACR,mBAAmBG,EAAe;AAAA,QAClC,SAASU;AAAA,QACT,iBAAiBC;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'\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":["MailBodyTop","deleteConfirmationOpen","setDeleteConfirmationOpen","useState","selectedMailId","toggleMessageDialog","toggleMobileSidebar","useMailStore","onMailDelete","onBatchMoveMailClick","useMailAction","smaller","useResponsive","hasMailSelected","handleClose","handleConfirmDelete","handleMoveMailClick","destination","jsxs","Fragment","jsx","TbMenu2","Dropdown","Button","labelList","item","Badge","TbTrash","TbMail","MailDeleteConfimation"],"mappings":";;;;;;;;;;;;;AAWA,MAAMA,IAAc,MAAM;AACtB,QAAM,CAACC,GAAwBC,CAAyB,IAAIC,EAAS,EAAK,GAEpE,EAAE,gBAAAC,GAAgB,qBAAAC,GAAqB,qBAAAC,EAAA,IACzCC,EAAa,GAEX,EAAE,cAAAC,GAAc,sBAAAC,EAAqB,IAAIC,EAAc,GAEvD,EAAE,SAAAC,EAAQ,IAAIC,EAAc,GAE5BC,IAAkBT,EAAe,SAAS,GAE1CU,IAAc,MAAM;AACtB,IAAAZ,EAA0B,EAAK;AAAA,EACnC,GAEMa,IAAsB,MAAM;AAC9B,IAAAP,EAAaJ,CAAc,GACfU,EAAA;AAAA,EAChB,GAEME,IAAsB,CAACC,MAAwB;AACjD,IAAAR,EAAqBL,GAAgBa,CAAW;AAAA,EACpD;AAEA,SAEQ,gBAAAC,EAAAC,GAAA,EAAA,UAAA;AAAA,IAAC,gBAAAD,EAAA,OAAA,EAAI,WAAU,0CACX,UAAA;AAAA,MAAC,gBAAAA,EAAA,OAAA,EAAI,WAAU,2BACV,UAAA;AAAA,QAAAP,EAAQ,MACL,gBAAAS;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,WAAU;AAAA,YACV,MAAK;AAAA,YACL,SAAS,MAAMd,EAAoB,EAAI;AAAA,YAEvC,4BAACe,GAAQ,CAAA,CAAA;AAAA,UAAA;AAAA,QACb;AAAA,QAEHR,uBACI,MAAI,EAAA,UAAA;AAAA,UAAeT,EAAA;AAAA,UAAO;AAAA,QAAA,EAAe,CAAA;AAAA,MAAA,GAElD;AAAA,MACC,gBAAAgB,EAAA,OAAA,EAAI,WAAU,kCACV,cAEO,gBAAAF,EAAAC,GAAA,EAAA,UAAA;AAAA,QAAA,gBAAAC;AAAA,UAACE;AAAA,UAAA;AAAA,YACG,aAAa,gBAAAF,EAACG,GAAO,EAAA,MAAK,MAAK,UAAO,WAAA;AAAA,YACtC,WAAU;AAAA,YAET,UAAAC,EAAU,IAAI,CAACC,MACZ,gBAAAP;AAAA,cAACI,EAAS;AAAA,cAAT;AAAA,gBAEG,SAAS,MACLN,EAAoBS,EAAK,KAAK;AAAA,gBAGlC,UAAA;AAAA,kBAAC,gBAAAL,EAAAM,GAAA,EAAM,WAAWD,EAAK,SAAU,CAAA;AAAA,kBACjC,gBAAAL,EAAC,QAAM,EAAA,UAAAK,EAAK,MAAM,CAAA;AAAA,gBAAA;AAAA,cAAA;AAAA,cANbA,EAAK;AAAA,YAQjB,CAAA;AAAA,UAAA;AAAA,QACL;AAAA,QACA,gBAAAL;AAAA,UAACG;AAAA,UAAA;AAAA,YACG,MAAK;AAAA,YACL,MAAK;AAAA,YACL,kBAAkB,MACd;AAAA,YAEJ,wBAAOI,GAAQ,EAAA;AAAA,YACf,SAAS,MAAMzB,EAA0B,EAAI;AAAA,YAChD,UAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MAED,EAAA,CACJ,IAEA,gBAAAkB;AAAA,QAACG;AAAA,QAAA;AAAA,UACG,SAAQ;AAAA,UACR,wBAAOK,GAAO,EAAA;AAAA,UACd,MAAK;AAAA,UACL,SAAS,MACLvB,EAAoB;AAAA,YAChB,MAAM;AAAA,YACN,MAAM;AAAA,UAAA,CACT;AAAA,UAER,UAAA;AAAA,QAAA;AAAA,MAAA,EAIT,CAAA;AAAA,IAAA,GACJ;AAAA,IACA,gBAAAe;AAAA,MAACS;AAAA,MAAA;AAAA,QACG,QAAQ5B;AAAA,QACR,mBAAmBG,EAAe;AAAA,QAClC,SAASU;AAAA,QACT,iBAAiBC;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":["MailDeleteConfimation","isOpen","onClose","onConfirmDelete","selectedMailCount","jsx","ConfirmDialog"],"mappings":";;AASA,MAAMA,IAAwB,CAAC;AAAA,EAC3B,QAAAC;AAAA,EACA,SAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,mBAAAC;AACJ,MAEQ,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACG,QAAAL;AAAA,IACA,MAAK;AAAA,IACL,OAAM;AAAA,IACN,SAAAC;AAAA,IACA,gBAAgBA;AAAA,IAChB,UAAUA;AAAA,IACV,WAAWC;AAAA,IAEX,4BAAC,KAAA,EAAE,UAAA;AAAA,MAAA;AAAA,MACiC;AAAA,MAC/BC,IAAoB,IACf,GAAGA,CAAiB,oBACpB;AAAA,MAAa;AAAA,MAAI;AAAA,MACW;AAAA,IAAA,EAAA,CACtC;AAAA,EAAA;AAAA;"}
+{"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":["MailDeleteConfimation","isOpen","onClose","onConfirmDelete","selectedMailCount","jsx","ConfirmDialog"],"mappings":";;AASA,MAAMA,IAAwB,CAAC;AAAA,EAC3B,QAAAC;AAAA,EACA,SAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,mBAAAC;AACJ,MAEQ,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACG,QAAAL;AAAA,IACA,MAAK;AAAA,IACL,OAAM;AAAA,IACN,SAAAC;AAAA,IACA,gBAAgBA;AAAA,IAChB,UAAUA;AAAA,IACV,WAAWC;AAAA,IAEX,4BAAC,KAAE,EAAA,UAAA;AAAA,MAAA;AAAA,MACiC;AAAA,MAC/BC,IAAoB,IACf,GAAGA,CAAiB,oBACpB;AAAA,MAAa;AAAA,MAAI;AAAA,MACW;AAAA,IAAA,EACtC,CAAA;AAAA,EAAA;AACJ;"}

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":["MailDetail","mail","scrollRef","useRef","cardHeaderProps","isEmpty","MailDetailTitle","MailDetailAction","jsx","Card","MailDetailContent"],"mappings":";;;;;;;;AAYA,MAAMA,IAAa,CAAC,EAAE,MAAAC,QAA4B;AAC9C,QAAMC,IAAYC,EAAO,IAAI,GAGvBC,IAAkB;AAAA,IACpB,GAFoB,CAACC,EAAQJ,CAAI,IAG3B;AAAA,MACI,QAAQ;AAAA,QACJ,2BAAUK,GAAA,EAAgB;AAAA,QAC1B,yBAAQC,GAAA,EAAiB;AAAA,QACzB,WAAW;AAAA,MAAA;AAAA,IACf,IAEJ,CAAA;AAAA,EAAC;AAGX,SACI,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,WAAU;AAAA,MACV,WAAU;AAAA,MACT,GAAGL;AAAA,MAEJ,UAAA,gBAAAI,EAACE,GAAA,EAAkB,KAAKR,GAAW,MAAAD,EAAA,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'\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":["MailDetail","mail","scrollRef","useRef","cardHeaderProps","isEmpty","MailDetailTitle","MailDetailAction","jsx","Card","MailDetailContent"],"mappings":";;;;;;;;AAYA,MAAMA,IAAa,CAAC,EAAE,MAAAC,QAA4B;AACxC,QAAAC,IAAYC,EAAO,IAAI,GAGvBC,IAAkB;AAAA,IACpB,GAFoB,CAACC,EAAQJ,CAAI,IAG3B;AAAA,MACI,QAAQ;AAAA,QACJ,2BAAUK,GAAgB,EAAA;AAAA,QAC1B,yBAAQC,GAAiB,EAAA;AAAA,QACzB,WAAW;AAAA,MAAA;AAAA,IACf,IAEJ,CAAA;AAAA,EACV;AAGI,SAAA,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,WAAU;AAAA,MACV,WAAU;AAAA,MACT,GAAGL;AAAA,MAEJ,UAAC,gBAAAI,EAAAE,GAAA,EAAkB,KAAKR,GAAW,MAAAD,EAAY,CAAA;AAAA,IAAA;AAAA,EACnD;AAER;"}

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":["MailDetailAction","dropdownRef","useRef","mail","toggleMessageDialog","useMailStore","onFlagToggle","onMoveMailClick","onStarToggle","useMailAction","handleMoveMailClick","destination","jsxs","jsx","Tooltip","ActionButton","TbArrowBackUp","Dropdown","TbDotsVertical","TbStarFilled","TbStar","TbFlag","classNames","Fragment","TbFolderSymlink","labelList","item","Badge"],"mappings":";;;;;;;;;;;;;AAwBA,MAAMA,IAAmB,MAAM;AAC3B,QAAMC,IAAcC,EAAoB,IAAI,GAEtC,EAAE,MAAAC,GAAM,qBAAAC,EAAA,IAAwBC,EAAA,GAEhC,EAAE,cAAAC,GAAc,iBAAAC,GAAiB,cAAAC,EAAA,IAAiBC,EAAA,GAElDC,IAAsB,CAACC,MAAwB;AACjD,IAAAJ,EAAgBJ,GAAcQ,CAAW,GACzCV,EAAY,SAAS,oBAAA;AAAA,EACzB;AASA,SACI,gBAAAW,EAAC,OAAA,EAAI,WAAU,2BACX,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAA,EAAQ,OAAM,SACX,UAAA,gBAAAD,EAACE,GAAA,EAAa,SAVD,MAAM;AAC3B,MAAAX,EAAoB;AAAA,QAChB,MAAM;AAAA,QACN,MAAM;AAAA,MAAA,CACT;AAAA,IACL,GAMgB,UAAA,gBAAAS,EAACG,GAAA,CAAA,CAAc,EAAA,CACnB,GACJ;AAAA,IACA,gBAAAJ;AAAA,MAACK;AAAA,MAAA;AAAA,QACG,KAAKhB;AAAA,QACL,WAAU;AAAA,QACV,aACI,gBAAAY,EAACE,GAAA,EACG,UAAA,gBAAAF,EAACK,KAAe,GACpB;AAAA,QAGJ,UAAA;AAAA,UAAA,gBAAAN;AAAA,YAACK,EAAS;AAAA,YAAT;AAAA,cACG,UAAS;AAAA,cACT,SAAS,MAAMT,EAAaL,CAAY;AAAA,cAExC,UAAA;AAAA,gBAAA,gBAAAU,EAAC,QAAA,EAAK,WAAU,WACX,UAAAV,EAAK,UACF,gBAAAU,EAACM,GAAA,EAAa,WAAU,iBAAA,CAAiB,IAEzC,gBAAAN,EAACO,GAAA,CAAA,CAAO,GAEhB;AAAA,gBACA,gBAAAP,EAAC,UAAK,UAAA,OAAA,CAAI;AAAA,cAAA;AAAA,YAAA;AAAA,UAAA;AAAA,UAEd,gBAAAD;AAAA,YAACK,EAAS;AAAA,YAAT;AAAA,cACG,UAAS;AAAA,cACT,SAAS,MAAMX,EAAaH,CAAY;AAAA,cAExC,UAAA;AAAA,gBAAA,gBAAAU;AAAA,kBAACQ;AAAA,kBAAA;AAAA,oBACG,WAAWC;AAAA,sBACP;AAAA,sBACAnB,EAAK,WAAW;AAAA,oBAAA;AAAA,kBACpB;AAAA,gBAAA;AAAA,gBAEJ,gBAAAU,EAAC,UAAK,UAAA,OAAA,CAAI;AAAA,cAAA;AAAA,YAAA;AAAA,UAAA;AAAA,UAEd,gBAAAA;AAAA,YAACI,EAAS;AAAA,YAAT;AAAA,cACG,aACI,gBAAAJ,EAAAU,GAAA,EACI,UAAA,gBAAAX,EAAC,QAAA,EAAK,WAAU,2BACZ,UAAA;AAAA,gBAAA,gBAAAC,EAACW,GAAA,EAAgB,WAAU,UAAA,CAAU;AAAA,gBACrC,gBAAAX,EAAC,UAAK,UAAA,UAAA,CAAO;AAAA,cAAA,EAAA,CACjB,EAAA,CACJ;AAAA,cAEJ,WAAU;AAAA,cAET,UAAAY,EAAU,IAAI,CAACC,MACZ,gBAAAd;AAAA,gBAACK,EAAS;AAAA,gBAAT;AAAA,kBAEG,SAAS,MAAMP,EAAoBgB,EAAK,KAAK;AAAA,kBAE7C,UAAA;AAAA,oBAAA,gBAAAb,EAACc,GAAA,EAAM,WAAWD,EAAK,SAAA,CAAU;AAAA,oBACjC,gBAAAb,EAAC,QAAA,EAAM,UAAAa,EAAK,MAAA,CAAM;AAAA,kBAAA;AAAA,gBAAA;AAAA,gBAJbA,EAAK;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'\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":["MailDetailAction","dropdownRef","useRef","mail","toggleMessageDialog","useMailStore","onFlagToggle","onMoveMailClick","onStarToggle","useMailAction","handleMoveMailClick","destination","jsxs","jsx","Tooltip","ActionButton","TbArrowBackUp","Dropdown","TbDotsVertical","TbStarFilled","TbStar","TbFlag","classNames","Fragment","TbFolderSymlink","labelList","item","Badge"],"mappings":";;;;;;;;;;;;;AAwBA,MAAMA,IAAmB,MAAM;AACrB,QAAAC,IAAcC,EAAoB,IAAI,GAEtC,EAAE,MAAAC,GAAM,qBAAAC,EAAoB,IAAIC,EAAa,GAE7C,EAAE,cAAAC,GAAc,iBAAAC,GAAiB,cAAAC,EAAA,IAAiBC,EAAc,GAEhEC,IAAsB,CAACC,MAAwB;AACjD,IAAAJ,EAAgBJ,GAAcQ,CAAW,GACzCV,EAAY,SAAS,oBAAoB;AAAA,EAC7C;AAUI,SAAA,gBAAAW,EAAC,OAAI,EAAA,WAAU,2BACX,UAAA;AAAA,IAAC,gBAAAC,EAAAC,GAAA,EAAQ,OAAM,SACX,UAAC,gBAAAD,EAAAE,GAAA,EAAa,SAVD,MAAM;AACP,MAAAX,EAAA;AAAA,QAChB,MAAM;AAAA,QACN,MAAM;AAAA,MAAA,CACT;AAAA,IACL,GAMgB,UAAA,gBAAAS,EAACG,GAAc,CAAA,CAAA,EACnB,CAAA,GACJ;AAAA,IACA,gBAAAJ;AAAA,MAACK;AAAA,MAAA;AAAA,QACG,KAAKhB;AAAA,QACL,WAAU;AAAA,QACV,aACI,gBAAAY,EAACE,GACG,EAAA,UAAA,gBAAAF,EAACK,IAAe,CAAA,GACpB;AAAA,QAGJ,UAAA;AAAA,UAAA,gBAAAN;AAAA,YAACK,EAAS;AAAA,YAAT;AAAA,cACG,UAAS;AAAA,cACT,SAAS,MAAMT,EAAaL,CAAY;AAAA,cAExC,UAAA;AAAA,gBAAA,gBAAAU,EAAC,QAAK,EAAA,WAAU,WACX,UAAAV,EAAK,UACF,gBAAAU,EAACM,GAAa,EAAA,WAAU,iBAAiB,CAAA,IAExC,gBAAAN,EAAAO,GAAA,CAAO,CAAA,GAEhB;AAAA,gBACA,gBAAAP,EAAC,UAAK,UAAI,OAAA,CAAA;AAAA,cAAA;AAAA,YAAA;AAAA,UACd;AAAA,UACA,gBAAAD;AAAA,YAACK,EAAS;AAAA,YAAT;AAAA,cACG,UAAS;AAAA,cACT,SAAS,MAAMX,EAAaH,CAAY;AAAA,cAExC,UAAA;AAAA,gBAAA,gBAAAU;AAAA,kBAACQ;AAAA,kBAAA;AAAA,oBACG,WAAWC;AAAA,sBACP;AAAA,sBACAnB,EAAK,WAAW;AAAA,oBAAA;AAAA,kBACpB;AAAA,gBACJ;AAAA,gBACA,gBAAAU,EAAC,UAAK,UAAI,OAAA,CAAA;AAAA,cAAA;AAAA,YAAA;AAAA,UACd;AAAA,UACA,gBAAAA;AAAA,YAACI,EAAS;AAAA,YAAT;AAAA,cACG,aACI,gBAAAJ,EAAAU,GAAA,EACI,UAAC,gBAAAX,EAAA,QAAA,EAAK,WAAU,2BACZ,UAAA;AAAA,gBAAC,gBAAAC,EAAAW,GAAA,EAAgB,WAAU,UAAU,CAAA;AAAA,gBACrC,gBAAAX,EAAC,UAAK,UAAO,UAAA,CAAA;AAAA,cAAA,EAAA,CACjB,EACJ,CAAA;AAAA,cAEJ,WAAU;AAAA,cAET,UAAAY,EAAU,IAAI,CAACC,MACZ,gBAAAd;AAAA,gBAACK,EAAS;AAAA,gBAAT;AAAA,kBAEG,SAAS,MAAMP,EAAoBgB,EAAK,KAAK;AAAA,kBAE7C,UAAA;AAAA,oBAAC,gBAAAb,EAAAc,GAAA,EAAM,WAAWD,EAAK,SAAU,CAAA;AAAA,oBACjC,gBAAAb,EAAC,QAAM,EAAA,UAAAa,EAAK,MAAM,CAAA;AAAA,kBAAA;AAAA,gBAAA;AAAA,gBAJbA,EAAK;AAAA,cAMjB,CAAA;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":["MailDetailContent","props","mail","ref","jsx","ScrollBar","msg","index","jsxs","classNames","isLastChild","Avatar","to","IconText","HiOutlineClock","ReactHtmlParser","item","FileIcon"],"mappings":";;;;;;;;;;;AAiBA,MAAMA,IAAoB,CAACC,MAAkC;AACzD,QAAM,EAAE,MAAAC,IAAO,IAAI,KAAAC,MAAQF;AAE3B,SACI,gBAAAG,EAAC,OAAA,EAAI,WAAU,wCACX,UAAA,gBAAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,KAAAF;AAAA,MACA,UAAQ;AAAA,MACR,WAAU;AAAA,MAEV,UAAA,gBAAAC,EAAC,OAAA,EAAI,WAAU,eACV,UAAAF,EAAK,SAAS,IAAI,CAACI,GAAKC,MACrB,gBAAAH,EAAC,OAAA,EACG,UAAA,gBAAAI;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,WAAWC;AAAA,YACP;AAAA,YACA,CAACC;AAAA,cACGR,EAAK;AAAA,cACLK;AAAA,YAAA,KAEA;AAAA,UAAA;AAAA,UAGR,UAAA;AAAA,YAAA,gBAAAC,EAAC,OAAA,EAAI,WAAU,2CACX,UAAA;AAAA,cAAA,gBAAAA,EAAC,OAAA,EAAI,WAAU,2BACX,UAAA;AAAA,gBAAA,gBAAAJ;AAAA,kBAACO;AAAA,kBAAA;AAAA,oBACG,OAAM;AAAA,oBACN,KAAKL,EAAI;AAAA,kBAAA;AAAA,gBAAA;AAAA,kCAEZ,OAAA,EACG,UAAA;AAAA,kBAAA,gBAAAF,EAAC,OAAA,EAAI,WAAU,mCACV,UAAAE,EAAI,MACT;AAAA,oCACC,OAAA,EAAI,UAAA;AAAA,oBAAA;AAAA,oBACG;AAAA,oBACHJ,EAAK,MAAM,IAAI,CAACU,GAAIL,MACjB,gBAAAH,EAAC,QAAA,EACI,UAAAQ,KADMA,IAAKL,CAEhB,CACH;AAAA,kBAAA,EAAA,CACL;AAAA,gBAAA,EAAA,CACJ;AAAA,cAAA,GACJ;AAAA,cACA,gBAAAH;AAAA,gBAACS;AAAA,gBAAA;AAAA,kBACG,MACI,gBAAAT,EAACU,GAAA,EAAe,WAAU,UAAA,CAAU;AAAA,kBAGxC,UAAA,gBAAAV,EAAC,QAAA,EAAK,WAAU,iBACX,YAAI,KAAA,CACT;AAAA,gBAAA;AAAA,cAAA;AAAA,YACJ,GACJ;AAAA,8BACC,OAAA,EAAI,WAAU,QACV,UAAAW,EAAgBT,EAAI,OAAO,GAChC;AAAA,YACCA,EAAI,YAAY,SAAS,KACtB,gBAAAF,EAAC,OAAA,EAAI,WAAU,oCACV,UAAAE,EAAI,WAAW,IAAI,CAACU,MACjB,gBAAAR;AAAA,cAAC;AAAA,cAAA;AAAA,gBAEG,WAAU;AAAA,gBAEV,UAAA;AAAA,kBAAA,gBAAAJ,EAACa,GAAA,EAAS,MAAMD,EAAK,KAAA,CAAM;AAAA,oCAC1B,OAAA,EACG,UAAA;AAAA,oBAAA,gBAAAZ,EAAC,OAAA,EAAI,WAAU,kDACV,UAAAY,EAAK,MACV;AAAA,oBACA,gBAAAZ,EAAC,QAAA,EAAK,WAAU,IACX,YAAK,KAAA,CACV;AAAA,kBAAA,EAAA,CACJ;AAAA,gBAAA;AAAA,cAAA;AAAA,cAXKY,EAAK;AAAA,YAAA,CAajB,EAAA,CACL;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA,KA9DFV,EAAI,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'\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":["MailDetailContent","props","mail","ref","jsx","ScrollBar","msg","index","jsxs","classNames","isLastChild","Avatar","to","IconText","HiOutlineClock","ReactHtmlParser","item","FileIcon"],"mappings":";;;;;;;;;;;AAiBM,MAAAA,IAAoB,CAACC,MAAkC;AACzD,QAAM,EAAE,MAAAC,IAAO,IAAI,KAAAC,EAAQ,IAAAF;AAGvB,SAAA,gBAAAG,EAAC,OAAI,EAAA,WAAU,wCACX,UAAA,gBAAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,KAAAF;AAAA,MACA,UAAQ;AAAA,MACR,WAAU;AAAA,MAEV,UAAA,gBAAAC,EAAC,OAAI,EAAA,WAAU,eACV,UAAAF,EAAK,SAAS,IAAI,CAACI,GAAKC,MACrB,gBAAAH,EAAC,OACG,EAAA,UAAA,gBAAAI;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,WAAWC;AAAA,YACP;AAAA,YACA,CAACC;AAAA,cACGR,EAAK;AAAA,cACLK;AAAA,YAAA,KAEA;AAAA,UACR;AAAA,UAEA,UAAA;AAAA,YAAC,gBAAAC,EAAA,OAAA,EAAI,WAAU,2CACX,UAAA;AAAA,cAAC,gBAAAA,EAAA,OAAA,EAAI,WAAU,2BACX,UAAA;AAAA,gBAAA,gBAAAJ;AAAA,kBAACO;AAAA,kBAAA;AAAA,oBACG,OAAM;AAAA,oBACN,KAAKL,EAAI;AAAA,kBAAA;AAAA,gBACb;AAAA,kCACC,OACG,EAAA,UAAA;AAAA,kBAAA,gBAAAF,EAAC,OAAI,EAAA,WAAU,mCACV,UAAAE,EAAI,MACT;AAAA,oCACC,OAAI,EAAA,UAAA;AAAA,oBAAA;AAAA,oBACG;AAAA,oBACHJ,EAAK,MAAM,IAAI,CAACU,GAAIL,MACjB,gBAAAH,EAAC,QACI,EAAA,UAAAQ,KADMA,IAAKL,CAEhB,CACH;AAAA,kBAAA,EACL,CAAA;AAAA,gBAAA,EACJ,CAAA;AAAA,cAAA,GACJ;AAAA,cACA,gBAAAH;AAAA,gBAACS;AAAA,gBAAA;AAAA,kBACG,MACI,gBAAAT,EAACU,GAAe,EAAA,WAAU,UAAU,CAAA;AAAA,kBAGxC,UAAC,gBAAAV,EAAA,QAAA,EAAK,WAAU,iBACX,YAAI,KACT,CAAA;AAAA,gBAAA;AAAA,cAAA;AAAA,YACJ,GACJ;AAAA,8BACC,OAAI,EAAA,WAAU,QACV,UAAgBW,EAAAT,EAAI,OAAO,GAChC;AAAA,YACCA,EAAI,YAAY,SAAS,KACrB,gBAAAF,EAAA,OAAA,EAAI,WAAU,oCACV,UAAIE,EAAA,WAAW,IAAI,CAACU,MACjB,gBAAAR;AAAA,cAAC;AAAA,cAAA;AAAA,gBAEG,WAAU;AAAA,gBAEV,UAAA;AAAA,kBAAC,gBAAAJ,EAAAa,GAAA,EAAS,MAAMD,EAAK,KAAM,CAAA;AAAA,oCAC1B,OACG,EAAA,UAAA;AAAA,oBAAA,gBAAAZ,EAAC,OAAI,EAAA,WAAU,kDACV,UAAAY,EAAK,MACV;AAAA,oBACC,gBAAAZ,EAAA,QAAA,EAAK,WAAU,IACX,YAAK,KACV,CAAA;AAAA,kBAAA,EACJ,CAAA;AAAA,gBAAA;AAAA,cAAA;AAAA,cAXKY,EAAK;AAAA,YAAA,CAajB,EACL,CAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA,KA9DFV,EAAI,EAiEd,CACH,EACL,CAAA;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":["MailDetailTitle","mail","setMail","useMailStore","searchParams","setSearchParams","useSearchParams","jsxs","jsx","ActionButton","TbArrowLeft"],"mappings":";;;;;AAKA,MAAMA,IAAkB,MAAM;AAC1B,QAAM,EAAE,MAAAC,GAAM,SAAAC,EAAA,IAAYC,EAAA,GAEpB,CAACC,GAAcC,CAAe,IAAIC,EAAA;AAUxC,SACI,gBAAAC,EAAC,OAAA,EAAI,WAAU,2BACX,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAA,EAAa,SAVQ,MAAM;AAChC,MAAIL,EAAa,IAAI,MAAM,MACvBA,EAAa,OAAO,MAAM,GAC1BC,EAAgBD,CAAY,IAEhCF,EAAQ,CAAA,CAAE;AAAA,IACd,GAKY,UAAA,gBAAAM,EAACE,KAAY,GACjB;AAAA,IACA,gBAAAF,EAAC,MAAA,EAAI,UAAAP,GAAM,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'\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":["MailDetailTitle","mail","setMail","useMailStore","searchParams","setSearchParams","useSearchParams","jsxs","jsx","ActionButton","TbArrowLeft"],"mappings":";;;;;AAKA,MAAMA,IAAkB,MAAM;AAC1B,QAAM,EAAE,MAAAC,GAAM,SAAAC,EAAQ,IAAIC,EAAa,GAEjC,CAACC,GAAcC,CAAe,IAAIC,EAAgB;AAWpD,SAAA,gBAAAC,EAAC,OAAI,EAAA,WAAU,2BACX,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAa,EAAA,SAVQ,MAAM;AAC5B,MAAAL,EAAa,IAAI,MAAM,MACvBA,EAAa,OAAO,MAAM,GAC1BC,EAAgBD,CAAY,IAEhCF,EAAQ,CAAA,CAAE;AAAA,IACd,GAKY,UAAA,gBAAAM,EAACE,IAAY,CAAA,GACjB;AAAA,IACA,gBAAAF,EAAC,MAAI,EAAA,UAAAP,GAAM,MAAM,CAAA;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":["validationSchema","z","MailEditor","mail","messageDialog","toggleMessageDialog","useMailStore","formSubmiting","setFormSubmiting","useState","handleSubmit","reset","errors","control","useForm","zodResolver","useEffect","handleDialogClose","onSubmit","value","sleep","toast","jsx","Notification","jsxs","Dialog","Form","FormItem","Controller","field","Input","RichTextEditor","html","Button"],"mappings":"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"}
+{"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":["validationSchema","z","MailEditor","mail","messageDialog","toggleMessageDialog","useMailStore","formSubmiting","setFormSubmiting","useState","handleSubmit","reset","errors","control","useForm","zodResolver","useEffect","handleDialogClose","onSubmit","value","sleep","toast","jsx","Notification","jsxs","Dialog","Form","FormItem","Controller","field","Input","RichTextEditor","html","Button"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"MailList.js","sources":["../../../../../../../lib/@ecme/views/concepts/mail/Mail/components/MailList.tsx"],"sourcesContent":["import { useEffect, useState } from 'react'\nimport Avatar from '@/components/ui/Avatar'\nimport ScrollBar from '@/components/ui/ScrollBar'\nimport Loading from '@/components/shared/Loading'\nimport Table from '@/components/ui/Table'\nimport Checkbox from '@/components/ui/Checkbox'\nimport Badge from '@/components/ui/Badge'\nimport MailDeleteConfimation from './MailDeleteConfimation'\nimport classNames from '@/utils/classNames'\nimport { useMailStore } from '../store/mailStore'\nimport useMail from '../hooks/useMail'\nimport useMailAction from '../hooks/useMailAction'\nimport { labelList } from '../constants'\nimport useQuery from '@/utils/hooks/useQuery'\nimport useResponsive from '@/utils/hooks/useResponsive'\nimport isLastChild from '@/utils/isLastChild'\nimport { useNavigate, useLocation } from 'react-router-dom'\nimport { TbStarFilled, TbTrash, TbStar, TbFlag } from 'react-icons/tb'\nimport type { MouseEvent } from 'react'\nimport { Mail } from '../types'\n\nconst htmlReg = /(<([^>]+)>)/gi\n\nconst { THead, Th, TBody, Tr, Td } = Table\n\nconst MailList = () => {\n    const [deleteConfirmationOpen, setDeleteConfirmationOpen] = useState<{\n        open: boolean\n        selected: string\n    }>({\n        open: false,\n        selected: '',\n    })\n\n    const {\n        selectedMailId,\n        mailList,\n        setMail,\n        setSelectedMail,\n        mailListFetched,\n    } = useMailStore()\n\n    const {\n        onFlagToggle,\n        onCheckboxToggle,\n        onStarToggle,\n        onResetChecked,\n        onMailDelete,\n    } = useMailAction()\n\n    const navigate = useNavigate()\n    const location = useLocation()\n    const query = useQuery()\n\n    const { larger } = useResponsive()\n\n    const { fetchMails, isMailsFetching } = useMail()\n\n    useEffect(() => {\n        const category = query.get('category')\n        const label = query.get('label')\n\n        if (!mailListFetched) {\n            fetchMails({ category: category || '', label: label || '' })\n        }\n\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [location.pathname, location.search])\n\n    const renderSubject = (title: string, content: string) => {\n        const text = content.replace(htmlReg, '')\n        const titleOffsetNumber = title.length\n\n        return (\n            <div className=\"flex items-center gap-3\">\n                <span className=\"font-semibold heading-text text-nowrap\">\n                    {title}\n                </span>\n                <span className=\"text-nowrap\">\n                    {text.length > 45 - titleOffsetNumber\n                        ? text.substring(0, 42 - titleOffsetNumber) + '...'\n                        : text}\n                </span>\n            </div>\n        )\n    }\n\n    const handleMailClick = (e: MouseEvent<HTMLElement>, mail: Mail) => {\n        e.stopPropagation()\n        setMail(mail)\n        onResetChecked()\n        navigate(`${location.pathname}?mail=${mail.id}`, { replace: true })\n    }\n\n    const handleCheckboxClick = (e: MouseEvent<HTMLDivElement>, mail: Mail) => {\n        e.stopPropagation()\n        onCheckboxToggle(mail)\n        if (!mail.checked) {\n            if (!selectedMailId.includes(mail.id)) {\n                setSelectedMail([...selectedMailId, mail.id])\n            }\n        } else {\n            setSelectedMail(selectedMailId.filter((id) => mail.id !== id))\n        }\n    }\n\n    const handleAction = (\n        e: MouseEvent<HTMLButtonElement>,\n        callback: (mail: Mail, setMail: boolean) => void,\n        mail: Mail,\n    ) => {\n        e.stopPropagation()\n        callback(mail, false)\n    }\n\n    const handleClose = () => {\n        setDeleteConfirmationOpen({\n            open: false,\n            selected: '',\n        })\n    }\n\n    const handleConfirmDelete = () => {\n        onMailDelete([deleteConfirmationOpen.selected])\n        handleClose()\n    }\n\n    return (\n        <>\n            <div className=\"lg:absolute top-0 left-0 h-full w-full\">\n                <ScrollBar\n                    autoHide\n                    className=\"overflow-y-auto lg:h-full lg:max-w-full\"\n                >\n                    <Loading\n                        type={mailList.length > 0 ? 'cover' : 'default'}\n                        spinnerClass={mailList.length > 0 ? 'hidden' : ''}\n                        loading={isMailsFetching}\n                    >\n                        {larger.lg ? (\n                            <Table compact overflow={false}>\n                                <THead>\n                                    <Tr>\n                                        <Th colSpan={2}>From</Th>\n                                        <Th></Th>\n                                        <Th>Subject</Th>\n                                        <Th>Received</Th>\n                                        <Th></Th>\n                                    </Tr>\n                                </THead>\n                                <TBody>\n                                    {mailList.map((mail) => (\n                                        <Tr\n                                            key={mail.id}\n                                            className=\"group\"\n                                            onClick={(e) =>\n                                                handleMailClick(e, mail)\n                                            }\n                                        >\n                                            <Td width=\"40\">\n                                                <div className=\"h-[32px] w-[32px] flex items-center justify-center\">\n                                                    <Avatar\n                                                        shape=\"circle\"\n                                                        src={mail.avatar}\n                                                        size=\"sm\"\n                                                        className={classNames(\n                                                            'group-hover:hidden',\n                                                            mail.checked &&\n                                                                'hidden',\n                                                        )}\n                                                    />\n                                                    <div\n                                                        className={classNames(\n                                                            'group-hover:block',\n                                                            mail.checked\n                                                                ? 'block'\n                                                                : 'hidden',\n                                                        )}\n                                                    >\n                                                        <div\n                                                            className=\"flex items-center\"\n                                                            onClick={(e) =>\n                                                                handleCheckboxClick(\n                                                                    e,\n                                                                    mail,\n                                                                )\n                                                            }\n                                                        >\n                                                            <Checkbox\n                                                                checked={\n                                                                    mail.checked\n                                                                }\n                                                            />\n                                                        </div>\n                                                    </div>\n                                                </div>\n                                            </Td>\n                                            <Td>\n                                                <span className=\"font-bold heading-text truncate\">\n                                                    {mail.name}\n                                                </span>\n                                            </Td>\n                                            <Td>\n                                                <div className=\"flex justify-end\">\n                                                    {labelList.some(\n                                                        (label) =>\n                                                            label.value ===\n                                                            mail.label,\n                                                    ) && (\n                                                        <Badge\n                                                            className={\n                                                                labelList.find(\n                                                                    (label) =>\n                                                                        label.value ===\n                                                                        mail.label,\n                                                                )?.dotClass\n                                                            }\n                                                        />\n                                                    )}\n                                                </div>\n                                            </Td>\n                                            <Td className=\"max-w-full overflow-hidden text-ellipsis whitespace-nowrap\">\n                                                {renderSubject(\n                                                    mail.title,\n                                                    mail.message[0].content,\n                                                )}\n                                            </Td>\n                                            <Td>{mail.message[0].date}</Td>\n                                            <Td>\n                                                <div className=\"flex items-center text-lg gap-2\">\n                                                    <button\n                                                        type=\"button\"\n                                                        title=\"Flag\"\n                                                        onClick={(e) =>\n                                                            handleAction(\n                                                                e,\n                                                                onFlagToggle,\n                                                                mail,\n                                                            )\n                                                        }\n                                                    >\n                                                        <TbFlag\n                                                            className={classNames(\n                                                                mail.flagged &&\n                                                                    'text-red-500',\n                                                            )}\n                                                        />\n                                                    </button>\n                                                    <button\n                                                        type=\"button\"\n                                                        title=\"Star\"\n                                                        onClick={(e) =>\n                                                            handleAction(\n                                                                e,\n                                                                onStarToggle,\n                                                                mail,\n                                                            )\n                                                        }\n                                                    >\n                                                        {mail.starred ? (\n                                                            <TbStarFilled className=\"text-amber-500\" />\n                                                        ) : (\n                                                            <TbStar />\n                                                        )}\n                                                    </button>\n                                                    <button\n                                                        type=\"button\"\n                                                        title=\"Delete\"\n                                                        onClick={(e) => {\n                                                            e.stopPropagation()\n                                                            setDeleteConfirmationOpen(\n                                                                {\n                                                                    open: true,\n                                                                    selected:\n                                                                        mail.id,\n                                                                },\n                                                            )\n                                                        }}\n                                                    >\n                                                        <TbTrash />\n                                                    </button>\n                                                </div>\n                                            </Td>\n                                        </Tr>\n                                    ))}\n                                </TBody>\n                            </Table>\n                        ) : (\n                            <>\n                                {mailList.map((mail, index) => (\n                                    <div\n                                        key={mail.id}\n                                        className={classNames(\n                                            'flex justify-between items-center gap-2 px-2 rounded-xl border-gray-200 dark:border-gray-700 py-4 cursor-pointer group',\n                                            !isLastChild(mailList, index) &&\n                                                'border-b',\n                                        )}\n                                        onClick={(e) =>\n                                            handleMailClick(e, mail)\n                                        }\n                                    >\n                                        <div className=\"flex gap-4 min-w-0\">\n                                            <div className=\"h-[32px] w-[32px] flex items-center justify-center\">\n                                                <Avatar\n                                                    shape=\"circle\"\n                                                    src={mail.avatar}\n                                                    size=\"sm\"\n                                                    className={classNames(\n                                                        'group-hover:hidden',\n                                                        mail.checked &&\n                                                            'hidden',\n                                                    )}\n                                                />\n                                                <div\n                                                    className={classNames(\n                                                        'group-hover:block',\n                                                        mail.checked\n                                                            ? 'block'\n                                                            : 'hidden',\n                                                    )}\n                                                >\n                                                    <div\n                                                        className=\"flex items-center\"\n                                                        onClick={(e) =>\n                                                            handleCheckboxClick(\n                                                                e,\n                                                                mail,\n                                                            )\n                                                        }\n                                                    >\n                                                        <Checkbox\n                                                            checked={\n                                                                mail.checked\n                                                            }\n                                                        />\n                                                    </div>\n                                                </div>\n                                            </div>\n                                            <div className=\"min-w-0 flex-1\">\n                                                <div className=\"font-bold heading-text truncate\">\n                                                    {mail.name}\n                                                </div>\n                                                <div className=\"min-w-0\">\n                                                    <div className=\"text-nowrap truncate\">\n                                                        {mail.message[0].content.replace(\n                                                            htmlReg,\n                                                            '',\n                                                        )}\n                                                    </div>\n                                                </div>\n                                                <div className=\"flex items-center text-lg gap-2 mt-2\">\n                                                    <button\n                                                        type=\"button\"\n                                                        title=\"Flag\"\n                                                        onClick={(e) =>\n                                                            handleAction(\n                                                                e,\n                                                                onFlagToggle,\n                                                                mail,\n                                                            )\n                                                        }\n                                                    >\n                                                        <TbFlag\n                                                            className={classNames(\n                                                                mail.flagged &&\n                                                                    'text-red-500',\n                                                            )}\n                                                        />\n                                                    </button>\n                                                    <button\n                                                        type=\"button\"\n                                                        title=\"Star\"\n                                                        onClick={(e) =>\n                                                            handleAction(\n                                                                e,\n                                                                onStarToggle,\n                                                                mail,\n                                                            )\n                                                        }\n                                                    >\n                                                        {mail.starred ? (\n                                                            <TbStarFilled className=\"text-amber-500\" />\n                                                        ) : (\n                                                            <TbStar />\n                                                        )}\n                                                    </button>\n                                                    <button\n                                                        type=\"button\"\n                                                        title=\"Delete\"\n                                                        onClick={(e) => {\n                                                            e.stopPropagation()\n                                                            setDeleteConfirmationOpen(\n                                                                {\n                                                                    open: true,\n                                                                    selected:\n                                                                        mail.id,\n                                                                },\n                                                            )\n                                                        }}\n                                                    >\n                                                        <TbTrash />\n                                                    </button>\n                                                </div>\n                                            </div>\n                                        </div>\n                                        <div className=\"\">\n                                            <span className=\"text-nowrap font-semibold\">\n                                                {mail.message[0].date}\n                                            </span>\n                                        </div>\n                                    </div>\n                                ))}\n                            </>\n                        )}\n                    </Loading>\n                </ScrollBar>\n            </div>\n            <MailDeleteConfimation\n                isOpen={deleteConfirmationOpen.open}\n                selectedMailCount={1}\n                onClose={handleClose}\n                onConfirmDelete={handleConfirmDelete}\n            />\n        </>\n    )\n}\n\nexport default MailList\n"],"names":["htmlReg","THead","Th","TBody","Tr","Td","Table","MailList","deleteConfirmationOpen","setDeleteConfirmationOpen","useState","selectedMailId","mailList","setMail","setSelectedMail","mailListFetched","useMailStore","onFlagToggle","onCheckboxToggle","onStarToggle","onResetChecked","onMailDelete","useMailAction","navigate","useNavigate","location","useLocation","query","useQuery","larger","useResponsive","fetchMails","isMailsFetching","useMail","useEffect","category","label","renderSubject","title","content","text","titleOffsetNumber","jsxs","jsx","handleMailClick","e","mail","handleCheckboxClick","id","handleAction","callback","handleClose","handleConfirmDelete","Fragment","ScrollBar","Loading","Avatar","classNames","Checkbox","labelList","Badge","TbFlag","TbStarFilled","TbStar","TbTrash","index","isLastChild","MailDeleteConfimation"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAqBA,MAAMA,IAAU,iBAEV,EAAE,OAAAC,IAAO,IAAAC,GAAI,OAAAC,IAAO,IAAAC,GAAI,IAAAC,MAAOC,GAE/BC,KAAW,MAAM;AACnB,QAAM,CAACC,GAAwBC,CAAyB,IAAIC,EAGzD;AAAA,IACC,MAAM;AAAA,IACN,UAAU;AAAA,EAAA,CACb,GAEK;AAAA,IACF,gBAAAC;AAAA,IACA,UAAAC;AAAA,IACA,SAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,iBAAAC;AAAA,EAAA,IACAC,EAAA,GAEE;AAAA,IACF,cAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,cAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,cAAAC;AAAA,EAAA,IACAC,EAAA,GAEEC,IAAWC,GAAA,GACXC,IAAWC,GAAA,GACXC,IAAQC,EAAA,GAER,EAAE,QAAAC,EAAA,IAAWC,EAAA,GAEb,EAAE,YAAAC,GAAY,iBAAAC,EAAA,IAAoBC,EAAA;AAExC,EAAAC,EAAU,MAAM;AACZ,UAAMC,IAAWR,EAAM,IAAI,UAAU,GAC/BS,IAAQT,EAAM,IAAI,OAAO;AAE/B,IAAKZ,KACDgB,EAAW,EAAE,UAAUI,KAAY,IAAI,OAAOC,KAAS,IAAI;AAAA,EAInE,GAAG,CAACX,EAAS,UAAUA,EAAS,MAAM,CAAC;AAEvC,QAAMY,IAAgB,CAACC,GAAeC,MAAoB;AACtD,UAAMC,IAAOD,EAAQ,QAAQvC,GAAS,EAAE,GAClCyC,IAAoBH,EAAM;AAEhC,WACI,gBAAAI,EAAC,OAAA,EAAI,WAAU,2BACX,UAAA;AAAA,MAAA,gBAAAC,EAAC,QAAA,EAAK,WAAU,0CACX,UAAAL,GACL;AAAA,MACA,gBAAAK,EAAC,QAAA,EAAK,WAAU,eACX,YAAK,SAAS,KAAKF,IACdD,EAAK,UAAU,GAAG,KAAKC,CAAiB,IAAI,QAC5CD,EAAA,CACV;AAAA,IAAA,GACJ;AAAA,EAER,GAEMI,IAAkB,CAACC,GAA4BC,MAAe;AAChE,IAAAD,EAAE,gBAAA,GACFhC,EAAQiC,CAAI,GACZ1B,EAAA,GACAG,EAAS,GAAGE,EAAS,QAAQ,SAASqB,EAAK,EAAE,IAAI,EAAE,SAAS,GAAA,CAAM;AAAA,EACtE,GAEMC,IAAsB,CAACF,GAA+BC,MAAe;AACvE,IAAAD,EAAE,gBAAA,GACF3B,EAAiB4B,CAAI,GAChBA,EAAK,UAKNhC,EAAgBH,EAAe,OAAO,CAACqC,MAAOF,EAAK,OAAOE,CAAE,CAAC,IAJxDrC,EAAe,SAASmC,EAAK,EAAE,KAChChC,EAAgB,CAAC,GAAGH,GAAgBmC,EAAK,EAAE,CAAC;AAAA,EAKxD,GAEMG,IAAe,CACjBJ,GACAK,GACAJ,MACC;AACD,IAAAD,EAAE,gBAAA,GACFK,EAASJ,GAAM,EAAK;AAAA,EACxB,GAEMK,IAAc,MAAM;AACtB,IAAA1C,EAA0B;AAAA,MACtB,MAAM;AAAA,MACN,UAAU;AAAA,IAAA,CACb;AAAA,EACL,GAEM2C,IAAsB,MAAM;AAC9B,IAAA/B,EAAa,CAACb,EAAuB,QAAQ,CAAC,GAC9C2C,EAAA;AAAA,EACJ;AAEA,SACI,gBAAAT,EAAAW,GAAA,EACI,UAAA;AAAA,IAAA,gBAAAV,EAAC,OAAA,EAAI,WAAU,0CACX,UAAA,gBAAAA;AAAA,MAACW;AAAA,MAAA;AAAA,QACG,UAAQ;AAAA,QACR,WAAU;AAAA,QAEV,UAAA,gBAAAX;AAAA,UAACY;AAAA,UAAA;AAAA,YACG,MAAM3C,EAAS,SAAS,IAAI,UAAU;AAAA,YACtC,cAAcA,EAAS,SAAS,IAAI,WAAW;AAAA,YAC/C,SAASoB;AAAA,YAER,YAAO,KACJ,gBAAAU,EAACpC,KAAM,SAAO,IAAC,UAAU,IACrB,UAAA;AAAA,cAAA,gBAAAqC,EAAC1C,IAAA,EACG,4BAACG,GAAA,EACG,UAAA;AAAA,gBAAA,gBAAAuC,EAACzC,GAAA,EAAG,SAAS,GAAG,UAAA,QAAI;AAAA,kCACnBA,GAAA,EAAG;AAAA,gBACJ,gBAAAyC,EAACzC,KAAG,UAAA,UAAA,CAAO;AAAA,gBACX,gBAAAyC,EAACzC,KAAG,UAAA,WAAA,CAAQ;AAAA,kCACXA,GAAA,CAAA,CAAG;AAAA,cAAA,EAAA,CACR,EAAA,CACJ;AAAA,cACA,gBAAAyC,EAACxC,IAAA,EACI,UAAAS,EAAS,IAAI,CAACkC,MACX,gBAAAJ;AAAA,gBAACtC;AAAA,gBAAA;AAAA,kBAEG,WAAU;AAAA,kBACV,SAAS,CAACyC,MACND,EAAgBC,GAAGC,CAAI;AAAA,kBAG3B,UAAA;AAAA,oBAAA,gBAAAH,EAACtC,KAAG,OAAM,MACN,UAAA,gBAAAqC,EAAC,OAAA,EAAI,WAAU,sDACX,UAAA;AAAA,sBAAA,gBAAAC;AAAA,wBAACa;AAAA,wBAAA;AAAA,0BACG,OAAM;AAAA,0BACN,KAAKV,EAAK;AAAA,0BACV,MAAK;AAAA,0BACL,WAAWW;AAAA,4BACP;AAAA,4BACAX,EAAK,WACD;AAAA,0BAAA;AAAA,wBACR;AAAA,sBAAA;AAAA,sBAEJ,gBAAAH;AAAA,wBAAC;AAAA,wBAAA;AAAA,0BACG,WAAWc;AAAA,4BACP;AAAA,4BACAX,EAAK,UACC,UACA;AAAA,0BAAA;AAAA,0BAGV,UAAA,gBAAAH;AAAA,4BAAC;AAAA,4BAAA;AAAA,8BACG,WAAU;AAAA,8BACV,SAAS,CAACE,MACNE;AAAA,gCACIF;AAAA,gCACAC;AAAA,8BAAA;AAAA,8BAIR,UAAA,gBAAAH;AAAA,gCAACe;AAAA,gCAAA;AAAA,kCACG,SACIZ,EAAK;AAAA,gCAAA;AAAA,8BAAA;AAAA,4BAEb;AAAA,0BAAA;AAAA,wBACJ;AAAA,sBAAA;AAAA,oBACJ,EAAA,CACJ,EAAA,CACJ;AAAA,oBACA,gBAAAH,EAACtC,KACG,UAAA,gBAAAsC,EAAC,QAAA,EAAK,WAAU,mCACX,UAAAG,EAAK,MACV,EAAA,CACJ;AAAA,sCACCzC,GAAA,EACG,UAAA,gBAAAsC,EAAC,OAAA,EAAI,WAAU,oBACV,UAAAgB,EAAU;AAAA,sBACP,CAACvB,MACGA,EAAM,UACNU,EAAK;AAAA,oBAAA,KAET,gBAAAH;AAAA,sBAACiB;AAAA,sBAAA;AAAA,wBACG,WACID,EAAU;AAAA,0BACN,CAACvB,MACGA,EAAM,UACNU,EAAK;AAAA,wBAAA,GACV;AAAA,sBAAA;AAAA,oBAAA,GAInB,EAAA,CACJ;AAAA,oBACA,gBAAAH,EAACtC,GAAA,EAAG,WAAU,8DACT,UAAAgC;AAAA,sBACGS,EAAK;AAAA,sBACLA,EAAK,QAAQ,CAAC,EAAE;AAAA,oBAAA,GAExB;AAAA,sCACCzC,GAAA,EAAI,UAAAyC,EAAK,QAAQ,CAAC,EAAE,MAAK;AAAA,oBAC1B,gBAAAH,EAACtC,GAAA,EACG,UAAA,gBAAAqC,EAAC,OAAA,EAAI,WAAU,mCACX,UAAA;AAAA,sBAAA,gBAAAC;AAAA,wBAAC;AAAA,wBAAA;AAAA,0BACG,MAAK;AAAA,0BACL,OAAM;AAAA,0BACN,SAAS,CAACE,MACNI;AAAA,4BACIJ;AAAA,4BACA5B;AAAA,4BACA6B;AAAA,0BAAA;AAAA,0BAIR,UAAA,gBAAAH;AAAA,4BAACkB;AAAA,4BAAA;AAAA,8BACG,WAAWJ;AAAA,gCACPX,EAAK,WACD;AAAA,8BAAA;AAAA,4BACR;AAAA,0BAAA;AAAA,wBACJ;AAAA,sBAAA;AAAA,sBAEJ,gBAAAH;AAAA,wBAAC;AAAA,wBAAA;AAAA,0BACG,MAAK;AAAA,0BACL,OAAM;AAAA,0BACN,SAAS,CAACE,MACNI;AAAA,4BACIJ;AAAA,4BACA1B;AAAA,4BACA2B;AAAA,0BAAA;AAAA,0BAIP,UAAAA,EAAK,UACF,gBAAAH,EAACmB,GAAA,EAAa,WAAU,iBAAA,CAAiB,sBAExCC,GAAA,CAAA,CAAO;AAAA,wBAAA;AAAA,sBAAA;AAAA,sBAGhB,gBAAApB;AAAA,wBAAC;AAAA,wBAAA;AAAA,0BACG,MAAK;AAAA,0BACL,OAAM;AAAA,0BACN,SAAS,CAACE,MAAM;AACZ,4BAAAA,EAAE,gBAAA,GACFpC;AAAA,8BACI;AAAA,gCACI,MAAM;AAAA,gCACN,UACIqC,EAAK;AAAA,8BAAA;AAAA,4BACb;AAAA,0BAER;AAAA,0BAEA,4BAACkB,GAAA,CAAA,CAAQ;AAAA,wBAAA;AAAA,sBAAA;AAAA,oBACb,EAAA,CACJ,EAAA,CACJ;AAAA,kBAAA;AAAA,gBAAA;AAAA,gBAjIKlB,EAAK;AAAA,cAAA,CAmIjB,EAAA,CACL;AAAA,YAAA,GACJ,IAEA,gBAAAH,EAAAU,GAAA,EACK,UAAAzC,EAAS,IAAI,CAACkC,GAAMmB,MACjB,gBAAAvB;AAAA,cAAC;AAAA,cAAA;AAAA,gBAEG,WAAWe;AAAA,kBACP;AAAA,kBACA,CAACS,EAAYtD,GAAUqD,CAAK,KACxB;AAAA,gBAAA;AAAA,gBAER,SAAS,CAACpB,MACND,EAAgBC,GAAGC,CAAI;AAAA,gBAG3B,UAAA;AAAA,kBAAA,gBAAAJ,EAAC,OAAA,EAAI,WAAU,sBACX,UAAA;AAAA,oBAAA,gBAAAA,EAAC,OAAA,EAAI,WAAU,sDACX,UAAA;AAAA,sBAAA,gBAAAC;AAAA,wBAACa;AAAA,wBAAA;AAAA,0BACG,OAAM;AAAA,0BACN,KAAKV,EAAK;AAAA,0BACV,MAAK;AAAA,0BACL,WAAWW;AAAA,4BACP;AAAA,4BACAX,EAAK,WACD;AAAA,0BAAA;AAAA,wBACR;AAAA,sBAAA;AAAA,sBAEJ,gBAAAH;AAAA,wBAAC;AAAA,wBAAA;AAAA,0BACG,WAAWc;AAAA,4BACP;AAAA,4BACAX,EAAK,UACC,UACA;AAAA,0BAAA;AAAA,0BAGV,UAAA,gBAAAH;AAAA,4BAAC;AAAA,4BAAA;AAAA,8BACG,WAAU;AAAA,8BACV,SAAS,CAACE,MACNE;AAAA,gCACIF;AAAA,gCACAC;AAAA,8BAAA;AAAA,8BAIR,UAAA,gBAAAH;AAAA,gCAACe;AAAA,gCAAA;AAAA,kCACG,SACIZ,EAAK;AAAA,gCAAA;AAAA,8BAAA;AAAA,4BAEb;AAAA,0BAAA;AAAA,wBACJ;AAAA,sBAAA;AAAA,oBACJ,GACJ;AAAA,oBACA,gBAAAJ,EAAC,OAAA,EAAI,WAAU,kBACX,UAAA;AAAA,sBAAA,gBAAAC,EAAC,OAAA,EAAI,WAAU,mCACV,UAAAG,EAAK,MACV;AAAA,sBACA,gBAAAH,EAAC,OAAA,EAAI,WAAU,WACX,UAAA,gBAAAA,EAAC,OAAA,EAAI,WAAU,wBACV,UAAAG,EAAK,QAAQ,CAAC,EAAE,QAAQ;AAAA,wBACrB9C;AAAA,wBACA;AAAA,sBAAA,GAER,EAAA,CACJ;AAAA,sBACA,gBAAA0C,EAAC,OAAA,EAAI,WAAU,wCACX,UAAA;AAAA,wBAAA,gBAAAC;AAAA,0BAAC;AAAA,0BAAA;AAAA,4BACG,MAAK;AAAA,4BACL,OAAM;AAAA,4BACN,SAAS,CAACE,MACNI;AAAA,8BACIJ;AAAA,8BACA5B;AAAA,8BACA6B;AAAA,4BAAA;AAAA,4BAIR,UAAA,gBAAAH;AAAA,8BAACkB;AAAA,8BAAA;AAAA,gCACG,WAAWJ;AAAA,kCACPX,EAAK,WACD;AAAA,gCAAA;AAAA,8BACR;AAAA,4BAAA;AAAA,0BACJ;AAAA,wBAAA;AAAA,wBAEJ,gBAAAH;AAAA,0BAAC;AAAA,0BAAA;AAAA,4BACG,MAAK;AAAA,4BACL,OAAM;AAAA,4BACN,SAAS,CAACE,MACNI;AAAA,8BACIJ;AAAA,8BACA1B;AAAA,8BACA2B;AAAA,4BAAA;AAAA,4BAIP,UAAAA,EAAK,UACF,gBAAAH,EAACmB,GAAA,EAAa,WAAU,iBAAA,CAAiB,sBAExCC,GAAA,CAAA,CAAO;AAAA,0BAAA;AAAA,wBAAA;AAAA,wBAGhB,gBAAApB;AAAA,0BAAC;AAAA,0BAAA;AAAA,4BACG,MAAK;AAAA,4BACL,OAAM;AAAA,4BACN,SAAS,CAACE,MAAM;AACZ,8BAAAA,EAAE,gBAAA,GACFpC;AAAA,gCACI;AAAA,kCACI,MAAM;AAAA,kCACN,UACIqC,EAAK;AAAA,gCAAA;AAAA,8BACb;AAAA,4BAER;AAAA,4BAEA,4BAACkB,GAAA,CAAA,CAAQ;AAAA,0BAAA;AAAA,wBAAA;AAAA,sBACb,EAAA,CACJ;AAAA,oBAAA,EAAA,CACJ;AAAA,kBAAA,GACJ;AAAA,kBACA,gBAAArB,EAAC,OAAA,EAAI,WAAU,IACX,UAAA,gBAAAA,EAAC,QAAA,EAAK,WAAU,6BACX,UAAAG,EAAK,QAAQ,CAAC,EAAE,MACrB,EAAA,CACJ;AAAA,gBAAA;AAAA,cAAA;AAAA,cAtHKA,EAAK;AAAA,YAAA,CAwHjB,EAAA,CACL;AAAA,UAAA;AAAA,QAAA;AAAA,MAER;AAAA,IAAA,GAER;AAAA,IACA,gBAAAH;AAAA,MAACwB;AAAA,MAAA;AAAA,QACG,QAAQ3D,EAAuB;AAAA,QAC/B,mBAAmB;AAAA,QACnB,SAAS2C;AAAA,QACT,iBAAiBC;AAAA,MAAA;AAAA,IAAA;AAAA,EACrB,GACJ;AAER;"}
+{"version":3,"file":"MailList.js","sources":["../../../../../../../lib/@ecme/views/concepts/mail/Mail/components/MailList.tsx"],"sourcesContent":["import { useEffect, useState } from 'react'\nimport Avatar from '@/components/ui/Avatar'\nimport ScrollBar from '@/components/ui/ScrollBar'\nimport Loading from '@/components/shared/Loading'\nimport Table from '@/components/ui/Table'\nimport Checkbox from '@/components/ui/Checkbox'\nimport Badge from '@/components/ui/Badge'\nimport MailDeleteConfimation from './MailDeleteConfimation'\nimport classNames from '@/utils/classNames'\nimport { useMailStore } from '../store/mailStore'\nimport useMail from '../hooks/useMail'\nimport useMailAction from '../hooks/useMailAction'\nimport { labelList } from '../constants'\nimport useQuery from '@/utils/hooks/useQuery'\nimport useResponsive from '@/utils/hooks/useResponsive'\nimport isLastChild from '@/utils/isLastChild'\nimport { useNavigate, useLocation } from 'react-router-dom'\nimport { TbStarFilled, TbTrash, TbStar, TbFlag } from 'react-icons/tb'\nimport type { MouseEvent } from 'react'\nimport { Mail } from '../types'\n\nconst htmlReg = /(<([^>]+)>)/gi\n\nconst { THead, Th, TBody, Tr, Td } = Table\n\nconst MailList = () => {\n    const [deleteConfirmationOpen, setDeleteConfirmationOpen] = useState<{\n        open: boolean\n        selected: string\n    }>({\n        open: false,\n        selected: '',\n    })\n\n    const {\n        selectedMailId,\n        mailList,\n        setMail,\n        setSelectedMail,\n        mailListFetched,\n    } = useMailStore()\n\n    const {\n        onFlagToggle,\n        onCheckboxToggle,\n        onStarToggle,\n        onResetChecked,\n        onMailDelete,\n    } = useMailAction()\n\n    const navigate = useNavigate()\n    const location = useLocation()\n    const query = useQuery()\n\n    const { larger } = useResponsive()\n\n    const { fetchMails, isMailsFetching } = useMail()\n\n    useEffect(() => {\n        const category = query.get('category')\n        const label = query.get('label')\n\n        if (!mailListFetched) {\n            fetchMails({ category: category || '', label: label || '' })\n        }\n\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [location.pathname, location.search])\n\n    const renderSubject = (title: string, content: string) => {\n        const text = content.replace(htmlReg, '')\n        const titleOffsetNumber = title.length\n\n        return (\n            <div className=\"flex items-center gap-3\">\n                <span className=\"font-semibold heading-text text-nowrap\">\n                    {title}\n                </span>\n                <span className=\"text-nowrap\">\n                    {text.length > 45 - titleOffsetNumber\n                        ? text.substring(0, 42 - titleOffsetNumber) + '...'\n                        : text}\n                </span>\n            </div>\n        )\n    }\n\n    const handleMailClick = (e: MouseEvent<HTMLElement>, mail: Mail) => {\n        e.stopPropagation()\n        setMail(mail)\n        onResetChecked()\n        navigate(`${location.pathname}?mail=${mail.id}`, { replace: true })\n    }\n\n    const handleCheckboxClick = (e: MouseEvent<HTMLDivElement>, mail: Mail) => {\n        e.stopPropagation()\n        onCheckboxToggle(mail)\n        if (!mail.checked) {\n            if (!selectedMailId.includes(mail.id)) {\n                setSelectedMail([...selectedMailId, mail.id])\n            }\n        } else {\n            setSelectedMail(selectedMailId.filter((id) => mail.id !== id))\n        }\n    }\n\n    const handleAction = (\n        e: MouseEvent<HTMLButtonElement>,\n        callback: (mail: Mail, setMail: boolean) => void,\n        mail: Mail,\n    ) => {\n        e.stopPropagation()\n        callback(mail, false)\n    }\n\n    const handleClose = () => {\n        setDeleteConfirmationOpen({\n            open: false,\n            selected: '',\n        })\n    }\n\n    const handleConfirmDelete = () => {\n        onMailDelete([deleteConfirmationOpen.selected])\n        handleClose()\n    }\n\n    return (\n        <>\n            <div className=\"lg:absolute top-0 left-0 h-full w-full\">\n                <ScrollBar\n                    autoHide\n                    className=\"overflow-y-auto lg:h-full lg:max-w-full\"\n                >\n                    <Loading\n                        type={mailList.length > 0 ? 'cover' : 'default'}\n                        spinnerClass={mailList.length > 0 ? 'hidden' : ''}\n                        loading={isMailsFetching}\n                    >\n                        {larger.lg ? (\n                            <Table compact overflow={false}>\n                                <THead>\n                                    <Tr>\n                                        <Th colSpan={2}>From</Th>\n                                        <Th></Th>\n                                        <Th>Subject</Th>\n                                        <Th>Received</Th>\n                                        <Th></Th>\n                                    </Tr>\n                                </THead>\n                                <TBody>\n                                    {mailList.map((mail) => (\n                                        <Tr\n                                            key={mail.id}\n                                            className=\"group\"\n                                            onClick={(e) =>\n                                                handleMailClick(e, mail)\n                                            }\n                                        >\n                                            <Td width=\"40\">\n                                                <div className=\"h-[32px] w-[32px] flex items-center justify-center\">\n                                                    <Avatar\n                                                        shape=\"circle\"\n                                                        src={mail.avatar}\n                                                        size=\"sm\"\n                                                        className={classNames(\n                                                            'group-hover:hidden',\n                                                            mail.checked &&\n                                                                'hidden',\n                                                        )}\n                                                    />\n                                                    <div\n                                                        className={classNames(\n                                                            'group-hover:block',\n                                                            mail.checked\n                                                                ? 'block'\n                                                                : 'hidden',\n                                                        )}\n                                                    >\n                                                        <div\n                                                            className=\"flex items-center\"\n                                                            onClick={(e) =>\n                                                                handleCheckboxClick(\n                                                                    e,\n                                                                    mail,\n                                                                )\n                                                            }\n                                                        >\n                                                            <Checkbox\n                                                                checked={\n                                                                    mail.checked\n                                                                }\n                                                            />\n                                                        </div>\n                                                    </div>\n                                                </div>\n                                            </Td>\n                                            <Td>\n                                                <span className=\"font-bold heading-text truncate\">\n                                                    {mail.name}\n                                                </span>\n                                            </Td>\n                                            <Td>\n                                                <div className=\"flex justify-end\">\n                                                    {labelList.some(\n                                                        (label) =>\n                                                            label.value ===\n                                                            mail.label,\n                                                    ) && (\n                                                        <Badge\n                                                            className={\n                                                                labelList.find(\n                                                                    (label) =>\n                                                                        label.value ===\n                                                                        mail.label,\n                                                                )?.dotClass\n                                                            }\n                                                        />\n                                                    )}\n                                                </div>\n                                            </Td>\n                                            <Td className=\"max-w-full overflow-hidden text-ellipsis whitespace-nowrap\">\n                                                {renderSubject(\n                                                    mail.title,\n                                                    mail.message[0].content,\n                                                )}\n                                            </Td>\n                                            <Td>{mail.message[0].date}</Td>\n                                            <Td>\n                                                <div className=\"flex items-center text-lg gap-2\">\n                                                    <button\n                                                        type=\"button\"\n                                                        title=\"Flag\"\n                                                        onClick={(e) =>\n                                                            handleAction(\n                                                                e,\n                                                                onFlagToggle,\n                                                                mail,\n                                                            )\n                                                        }\n                                                    >\n                                                        <TbFlag\n                                                            className={classNames(\n                                                                mail.flagged &&\n                                                                    'text-red-500',\n                                                            )}\n                                                        />\n                                                    </button>\n                                                    <button\n                                                        type=\"button\"\n                                                        title=\"Star\"\n                                                        onClick={(e) =>\n                                                            handleAction(\n                                                                e,\n                                                                onStarToggle,\n                                                                mail,\n                                                            )\n                                                        }\n                                                    >\n                                                        {mail.starred ? (\n                                                            <TbStarFilled className=\"text-amber-500\" />\n                                                        ) : (\n                                                            <TbStar />\n                                                        )}\n                                                    </button>\n                                                    <button\n                                                        type=\"button\"\n                                                        title=\"Delete\"\n                                                        onClick={(e) => {\n                                                            e.stopPropagation()\n                                                            setDeleteConfirmationOpen(\n                                                                {\n                                                                    open: true,\n                                                                    selected:\n                                                                        mail.id,\n                                                                },\n                                                            )\n                                                        }}\n                                                    >\n                                                        <TbTrash />\n                                                    </button>\n                                                </div>\n                                            </Td>\n                                        </Tr>\n                                    ))}\n                                </TBody>\n                            </Table>\n                        ) : (\n                            <>\n                                {mailList.map((mail, index) => (\n                                    <div\n                                        key={mail.id}\n                                        className={classNames(\n                                            'flex justify-between items-center gap-2 px-2 rounded-xl border-gray-200 dark:border-gray-700 py-4 cursor-pointer group',\n                                            !isLastChild(mailList, index) &&\n                                                'border-b',\n                                        )}\n                                        onClick={(e) =>\n                                            handleMailClick(e, mail)\n                                        }\n                                    >\n                                        <div className=\"flex gap-4 min-w-0\">\n                                            <div className=\"h-[32px] w-[32px] flex items-center justify-center\">\n                                                <Avatar\n                                                    shape=\"circle\"\n                                                    src={mail.avatar}\n                                                    size=\"sm\"\n                                                    className={classNames(\n                                                        'group-hover:hidden',\n                                                        mail.checked &&\n                                                            'hidden',\n                                                    )}\n                                                />\n                                                <div\n                                                    className={classNames(\n                                                        'group-hover:block',\n                                                        mail.checked\n                                                            ? 'block'\n                                                            : 'hidden',\n                                                    )}\n                                                >\n                                                    <div\n                                                        className=\"flex items-center\"\n                                                        onClick={(e) =>\n                                                            handleCheckboxClick(\n                                                                e,\n                                                                mail,\n                                                            )\n                                                        }\n                                                    >\n                                                        <Checkbox\n                                                            checked={\n                                                                mail.checked\n                                                            }\n                                                        />\n                                                    </div>\n                                                </div>\n                                            </div>\n                                            <div className=\"min-w-0 flex-1\">\n                                                <div className=\"font-bold heading-text truncate\">\n                                                    {mail.name}\n                                                </div>\n                                                <div className=\"min-w-0\">\n                                                    <div className=\"text-nowrap truncate\">\n                                                        {mail.message[0].content.replace(\n                                                            htmlReg,\n                                                            '',\n                                                        )}\n                                                    </div>\n                                                </div>\n                                                <div className=\"flex items-center text-lg gap-2 mt-2\">\n                                                    <button\n                                                        type=\"button\"\n                                                        title=\"Flag\"\n                                                        onClick={(e) =>\n                                                            handleAction(\n                                                                e,\n                                                                onFlagToggle,\n                                                                mail,\n                                                            )\n                                                        }\n                                                    >\n                                                        <TbFlag\n                                                            className={classNames(\n                                                                mail.flagged &&\n                                                                    'text-red-500',\n                                                            )}\n                                                        />\n                                                    </button>\n                                                    <button\n                                                        type=\"button\"\n                                                        title=\"Star\"\n                                                        onClick={(e) =>\n                                                            handleAction(\n                                                                e,\n                                                                onStarToggle,\n                                                                mail,\n                                                            )\n                                                        }\n                                                    >\n                                                        {mail.starred ? (\n                                                            <TbStarFilled className=\"text-amber-500\" />\n                                                        ) : (\n                                                            <TbStar />\n                                                        )}\n                                                    </button>\n                                                    <button\n                                                        type=\"button\"\n                                                        title=\"Delete\"\n                                                        onClick={(e) => {\n                                                            e.stopPropagation()\n                                                            setDeleteConfirmationOpen(\n                                                                {\n                                                                    open: true,\n                                                                    selected:\n                                                                        mail.id,\n                                                                },\n                                                            )\n                                                        }}\n                                                    >\n                                                        <TbTrash />\n                                                    </button>\n                                                </div>\n                                            </div>\n                                        </div>\n                                        <div className=\"\">\n                                            <span className=\"text-nowrap font-semibold\">\n                                                {mail.message[0].date}\n                                            </span>\n                                        </div>\n                                    </div>\n                                ))}\n                            </>\n                        )}\n                    </Loading>\n                </ScrollBar>\n            </div>\n            <MailDeleteConfimation\n                isOpen={deleteConfirmationOpen.open}\n                selectedMailCount={1}\n                onClose={handleClose}\n                onConfirmDelete={handleConfirmDelete}\n            />\n        </>\n    )\n}\n\nexport default MailList\n"],"names":["htmlReg","THead","Th","TBody","Tr","Td","Table","MailList","deleteConfirmationOpen","setDeleteConfirmationOpen","useState","selectedMailId","mailList","setMail","setSelectedMail","mailListFetched","useMailStore","onFlagToggle","onCheckboxToggle","onStarToggle","onResetChecked","onMailDelete","useMailAction","navigate","useNavigate","location","useLocation","query","useQuery","larger","useResponsive","fetchMails","isMailsFetching","useMail","useEffect","category","label","renderSubject","title","content","text","titleOffsetNumber","jsxs","jsx","handleMailClick","e","mail","handleCheckboxClick","id","handleAction","callback","handleClose","handleConfirmDelete","Fragment","ScrollBar","Loading","Avatar","classNames","Checkbox","labelList","Badge","TbFlag","TbStarFilled","TbStar","TbTrash","index","isLastChild","MailDeleteConfimation"],"mappings":"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"}