@orbe-agro/client-core 3.4.12 → 3.4.13

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

@@ -1 +1 @@
-{"version":3,"file":"Article.js","sources":["../../../../../../../../lib/@ecme/views/concepts/help-center/SupportHub/components/Article.tsx"],"sourcesContent":["import Avatar from '@/components/ui/Avatar'\nimport IconText from '@/components/shared/IconText'\nimport { categoryIcon } from '../utils'\nimport classNames from '@/utils/classNames'\nimport { useNavigate } from 'react-router-dom'\nimport { TbEye, TbMessage } from 'react-icons/tb'\n\ntype ArticleProps = {\n    id: string\n    isLastChild: boolean\n    category: string\n    title: string\n    timeToRead: number\n    viewCount: number\n    commentCount: number\n}\n\nconst Article = ({\n    id,\n    isLastChild,\n    category,\n    title,\n    timeToRead,\n    viewCount,\n    commentCount,\n}: ArticleProps) => {\n    const navigate = useNavigate()\n\n    const handleArticleClick = () => {\n        navigate(`/concepts/help-center/article/${id}`)\n    }\n\n    return (\n        <div\n            className={classNames(\n                'flex items-center justify-between py-6 border-gray-200 dark:border-gray-700 group cursor-pointer',\n                isLastChild && 'border-b',\n            )}\n            role=\"buttton\"\n            onClick={handleArticleClick}\n        >\n            <div className=\"flex items-center gap-4\">\n                <Avatar\n                    className=\"bg-gray-100 dark:bg-gray-700\"\n                    size={50}\n                    icon={\n                        <span className=\"heading-text\">\n                            {categoryIcon[category]}\n                        </span>\n                    }\n                    shape=\"round\"\n                />\n                <div>\n                    <h6 className=\"font-bold group-hover:text-primary\">\n                        {title}\n                    </h6>\n                    <div className=\"flex items-center gap-2\">\n                        <span>{timeToRead} min read</span>\n                        <span>•</span>\n                        <span>{category}</span>\n                    </div>\n                </div>\n            </div>\n            <div className=\"flex items-center gap-3\">\n                <IconText\n                    className=\"font-semibold\"\n                    icon={<TbEye className=\"text-xl\" />}\n                >\n                    {viewCount}\n                </IconText>\n                <IconText\n                    className=\"font-semibold\"\n                    icon={<TbMessage className=\"text-xl\" />}\n                >\n                    {commentCount}\n                </IconText>\n            </div>\n        </div>\n    )\n}\n\nexport default Article\n"],"names":["Article","id","isLastChild","category","title","timeToRead","viewCount","commentCount","navigate","useNavigate","handleArticleClick","jsxs","classNames","jsx","Avatar","categoryIcon","IconText","TbEye","TbMessage"],"mappings":";;;;;;;AAiBA,MAAMA,IAAU,CAAC;AAAA,EACb,IAAAC;AAAA,EACA,aAAAC;AAAA,EACA,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,YAAAC;AAAA,EACA,WAAAC;AAAA,EACA,cAAAC;AACJ,MAAoB;AAChB,QAAMC,IAAWC,EAAY,GAEvBC,IAAqB,MAAM;AACpB,IAAAF,EAAA,iCAAiCP,CAAE,EAAE;AAAA,EAClD;AAGI,SAAA,gBAAAU;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAWC;AAAA,QACP;AAAA,QACAV,KAAe;AAAA,MACnB;AAAA,MACA,MAAK;AAAA,MACL,SAASQ;AAAA,MAET,UAAA;AAAA,QAAC,gBAAAC,EAAA,OAAA,EAAI,WAAU,2BACX,UAAA;AAAA,UAAA,gBAAAE;AAAA,YAACC;AAAA,YAAA;AAAA,cACG,WAAU;AAAA,cACV,MAAM;AAAA,cACN,MACK,gBAAAD,EAAA,QAAA,EAAK,WAAU,gBACX,UAAAE,EAAaZ,CAAQ,GAC1B;AAAA,cAEJ,OAAM;AAAA,YAAA;AAAA,UACV;AAAA,4BACC,OACG,EAAA,UAAA;AAAA,YAAC,gBAAAU,EAAA,MAAA,EAAG,WAAU,sCACT,UACLT,GAAA;AAAA,YACA,gBAAAO,EAAC,OAAI,EAAA,WAAU,2BACX,UAAA;AAAA,cAAA,gBAAAA,EAAC,QAAM,EAAA,UAAA;AAAA,gBAAAN;AAAA,gBAAW;AAAA,cAAA,GAAS;AAAA,cAC3B,gBAAAQ,EAAC,UAAK,UAAC,IAAA,CAAA;AAAA,cACP,gBAAAA,EAAC,UAAM,UAASV,EAAA,CAAA;AAAA,YAAA,EACpB,CAAA;AAAA,UAAA,EACJ,CAAA;AAAA,QAAA,GACJ;AAAA,QACA,gBAAAQ,EAAC,OAAI,EAAA,WAAU,2BACX,UAAA;AAAA,UAAA,gBAAAE;AAAA,YAACG;AAAA,YAAA;AAAA,cACG,WAAU;AAAA,cACV,MAAM,gBAAAH,EAACI,GAAM,EAAA,WAAU,UAAU,CAAA;AAAA,cAEhC,UAAAX;AAAA,YAAA;AAAA,UACL;AAAA,UACA,gBAAAO;AAAA,YAACG;AAAA,YAAA;AAAA,cACG,WAAU;AAAA,cACV,MAAM,gBAAAH,EAACK,GAAU,EAAA,WAAU,UAAU,CAAA;AAAA,cAEpC,UAAAX;AAAA,YAAA;AAAA,UAAA;AAAA,QACL,EACJ,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACJ;AAER;"}
+{"version":3,"file":"Article.js","sources":["../../../../../../../../lib/@ecme/views/concepts/help-center/SupportHub/components/Article.tsx"],"sourcesContent":["import Avatar from '@/components/ui/Avatar'\nimport IconText from '@/components/shared/IconText'\nimport { categoryIcon } from '../utils'\nimport classNames from '@/utils/classNames'\nimport { useNavigate } from 'react-router-dom'\nimport { TbEye, TbMessage } from 'react-icons/tb'\n\ntype ArticleProps = {\n    id: string\n    isLastChild: boolean\n    category: string\n    title: string\n    timeToRead: number\n    viewCount: number\n    commentCount: number\n}\n\nconst Article = ({\n    id,\n    isLastChild,\n    category,\n    title,\n    timeToRead,\n    viewCount,\n    commentCount,\n}: ArticleProps) => {\n    const navigate = useNavigate()\n\n    const handleArticleClick = () => {\n        navigate(`/concepts/help-center/article/${id}`)\n    }\n\n    return (\n        <div\n            className={classNames(\n                'flex items-center justify-between py-6 border-gray-200 dark:border-gray-700 group cursor-pointer',\n                isLastChild && 'border-b',\n            )}\n            role=\"buttton\"\n            onClick={handleArticleClick}\n        >\n            <div className=\"flex items-center gap-4\">\n                <Avatar\n                    className=\"bg-gray-100 dark:bg-gray-700\"\n                    size={50}\n                    icon={\n                        <span className=\"heading-text\">\n                            {categoryIcon[category]}\n                        </span>\n                    }\n                    shape=\"round\"\n                />\n                <div>\n                    <h6 className=\"font-bold group-hover:text-primary\">\n                        {title}\n                    </h6>\n                    <div className=\"flex items-center gap-2\">\n                        <span>{timeToRead} min read</span>\n                        <span>•</span>\n                        <span>{category}</span>\n                    </div>\n                </div>\n            </div>\n            <div className=\"flex items-center gap-3\">\n                <IconText\n                    className=\"font-semibold\"\n                    icon={<TbEye className=\"text-xl\" />}\n                >\n                    {viewCount}\n                </IconText>\n                <IconText\n                    className=\"font-semibold\"\n                    icon={<TbMessage className=\"text-xl\" />}\n                >\n                    {commentCount}\n                </IconText>\n            </div>\n        </div>\n    )\n}\n\nexport default Article\n"],"names":["Article","id","isLastChild","category","title","timeToRead","viewCount","commentCount","navigate","useNavigate","handleArticleClick","jsxs","classNames","jsx","Avatar","categoryIcon","IconText","TbEye","TbMessage"],"mappings":";;;;;;;AAiBA,MAAMA,IAAU,CAAC;AAAA,EACb,IAAAC;AAAA,EACA,aAAAC;AAAA,EACA,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,YAAAC;AAAA,EACA,WAAAC;AAAA,EACA,cAAAC;AACJ,MAAoB;AAChB,QAAMC,IAAWC,EAAA,GAEXC,IAAqB,MAAM;AAC7B,IAAAF,EAAS,iCAAiCP,CAAE,EAAE;AAAA,EAAA;AAGlD,SACI,gBAAAU;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAWC;AAAA,QACP;AAAA,QACAV,KAAe;AAAA,MAAA;AAAA,MAEnB,MAAK;AAAA,MACL,SAASQ;AAAA,MAET,UAAA;AAAA,QAAA,gBAAAC,EAAC,OAAA,EAAI,WAAU,2BACX,UAAA;AAAA,UAAA,gBAAAE;AAAA,YAACC;AAAA,YAAA;AAAA,cACG,WAAU;AAAA,cACV,MAAM;AAAA,cACN,MACI,gBAAAD,EAAC,QAAA,EAAK,WAAU,gBACX,UAAAE,EAAaZ,CAAQ,GAC1B;AAAA,cAEJ,OAAM;AAAA,YAAA;AAAA,UAAA;AAAA,4BAET,OAAA,EACG,UAAA;AAAA,YAAA,gBAAAU,EAAC,MAAA,EAAG,WAAU,sCACT,UAAAT,GACL;AAAA,YACA,gBAAAO,EAAC,OAAA,EAAI,WAAU,2BACX,UAAA;AAAA,cAAA,gBAAAA,EAAC,QAAA,EAAM,UAAA;AAAA,gBAAAN;AAAA,gBAAW;AAAA,cAAA,GAAS;AAAA,cAC3B,gBAAAQ,EAAC,UAAK,UAAA,IAAA,CAAC;AAAA,cACP,gBAAAA,EAAC,UAAM,UAAAV,EAAA,CAAS;AAAA,YAAA,EAAA,CACpB;AAAA,UAAA,EAAA,CACJ;AAAA,QAAA,GACJ;AAAA,QACA,gBAAAQ,EAAC,OAAA,EAAI,WAAU,2BACX,UAAA;AAAA,UAAA,gBAAAE;AAAA,YAACG;AAAA,YAAA;AAAA,cACG,WAAU;AAAA,cACV,MAAM,gBAAAH,EAACI,GAAA,EAAM,WAAU,UAAA,CAAU;AAAA,cAEhC,UAAAX;AAAA,YAAA;AAAA,UAAA;AAAA,UAEL,gBAAAO;AAAA,YAACG;AAAA,YAAA;AAAA,cACG,WAAU;AAAA,cACV,MAAM,gBAAAH,EAACK,GAAA,EAAU,WAAU,UAAA,CAAU;AAAA,cAEpC,UAAAX;AAAA,YAAA;AAAA,UAAA;AAAA,QACL,EAAA,CACJ;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGZ;"}

package/dist/lib/@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;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;"}
+{"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,EACJ,GAED,CAACD,GAAOD,CAAK,CAAC;AAEjB,QAAMa,IAAa,MAAM;AACrB,IAAAL,EAAa,EAAE,GACfG,EAAiB,EAAE;AAAA,EAAA;AAGvB,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;"}

package/dist/lib/@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;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;"}
+{"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;"}

package/dist/lib/@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;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;"}
+{"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,EAAA;AAGnB,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;"}

package/dist/lib/@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","_a","_b","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,MAFcC,IAAAP,EAAS,YAAT,gBAAAO,EAAkB,WAGfL,GAAAM,IAAAR,EAAS,YAAT,gBAAAQ,EAAkB,KAAe,GAC9CH,EAAiB,EAAE;AAAA,EAE3B;AAEA,2BACK,WAAQ,EAAA,WAAU,mKACf,UAAC,gBAAAI,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,KAAKX;AAAA,UACL,WAAU;AAAA,UACV,aAAY;AAAA,UACZ,WAAW,CAACY,MAAU;AACd,YAAAA,EAAM,QAAQ,WACKN,EAAA,GAInBM,EAAM,QAAQ,eACbA,EAAM,OAA4B,MAC9B,UAAU,KAEfV,EAAa,EAAE;AAAA,UACnB;AAAA,QACJ;AAAA,MACJ;AAAA,MACA,gBAAAS;AAAA,QAACE;AAAA,QAAA;AAAA,UACG,MAAK;AAAA,UACL,OAAM;AAAA,UACN,SAAQ;AAAA,UACR,wBAAOC,GAAS,EAAA;AAAA,UAChB,SAASR;AAAA,QAAA;AAAA,MAAA;AAAA,IACb,EAAA,CACJ,EACJ,CAAA;AAAA,EAAA,EAAA,CACJ,EACJ,CAAA;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","_a","_b","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,MAFcC,IAAAP,EAAS,YAAT,gBAAAO,EAAkB,WAG5BL,GAAaM,IAAAR,EAAS,YAAT,gBAAAQ,EAAkB,KAAe,GAC9CH,EAAiB,EAAE;AAAA,EACvB;AAGJ,2BACK,WAAA,EAAQ,WAAU,mKACf,UAAA,gBAAAI,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,KAAKX;AAAA,UACL,WAAU;AAAA,UACV,aAAY;AAAA,UACZ,WAAW,CAACY,MAAU;AAClB,YAAIA,EAAM,QAAQ,WACdN,EAAA,GAIAM,EAAM,QAAQ,eACbA,EAAM,OAA4B,MAC9B,UAAU,KAEfV,EAAa,EAAE;AAAA,UACnB;AAAA,QACJ;AAAA,MAAA;AAAA,MAEJ,gBAAAS;AAAA,QAACE;AAAA,QAAA;AAAA,UACG,MAAK;AAAA,UACL,OAAM;AAAA,UACN,SAAQ;AAAA,UACR,wBAAOC,GAAA,EAAS;AAAA,UAChB,SAASR;AAAA,QAAA;AAAA,MAAA;AAAA,IACb,EAAA,CACJ,EAAA,CACJ;AAAA,EAAA,EAAA,CACJ,EAAA,CACJ;AAER;"}

package/dist/lib/@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,EACzE;AACJ;"}
+{"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;"}

package/dist/lib/@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,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;"}
+{"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;"}

package/dist/lib/@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,MAGD,gBAAAC,EAAAC,GAAA,EAAA,UAAA;AAAA,EAAA,gBAAAC,EAACC,GAAS,EAAA;AAAA,oBACTC,GAAW,CAAA,CAAA;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,MAEL,gBAAAC,EAAAC,GAAA,EACI,UAAA;AAAA,EAAA,gBAAAC,EAACC,GAAA,EAAS;AAAA,oBACTC,GAAA,CAAA,CAAW;AAAA,GAChB;"}

package/dist/lib/@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;AACL;"}
+{"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;"}

package/dist/lib/@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;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;"}
+{"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,EAChB,GAED,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;"}

package/dist/lib/@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,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;"}
+{"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,EAAA,GAG7Ba,IAAsB,MAAM;AAC9B,IAAAP,EAAaJ,CAAc,GAC3BU,EAAA;AAAA,EAAY,GAGVE,IAAsB,CAACC,MAAwB;AACjD,IAAAR,EAAqBL,GAAgBa,CAAW;AAAA,EAAA;AAGpD,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;"}

package/dist/lib/@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,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;"}
+{"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;"}

package/dist/lib/@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;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;"}
+{"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;"}

package/dist/lib/@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","_a","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,IACzCC,IAAAX,EAAY,YAAZ,QAAAW,EAAqB;AAAA,EACzB;AAUI,SAAA,gBAAAC,EAAC,OAAI,EAAA,WAAU,2BACX,UAAA;AAAA,IAAC,gBAAAC,EAAAC,GAAA,EAAQ,OAAM,SACX,UAAC,gBAAAD,EAAAE,GAAA,EAAa,SAVD,MAAM;AACP,MAAAZ,EAAA;AAAA,QAChB,MAAM;AAAA,QACN,MAAM;AAAA,MAAA,CACT;AAAA,IACL,GAMgB,UAAA,gBAAAU,EAACG,GAAc,CAAA,CAAA,EACnB,CAAA,GACJ;AAAA,IACA,gBAAAJ;AAAA,MAACK;AAAA,MAAA;AAAA,QACG,KAAKjB;AAAA,QACL,WAAU;AAAA,QACV,aACI,gBAAAa,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,MAAMV,EAAaL,CAAY;AAAA,cAExC,UAAA;AAAA,gBAAA,gBAAAW,EAAC,QAAK,EAAA,WAAU,WACX,UAAAX,EAAK,UACF,gBAAAW,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,MAAMZ,EAAaH,CAAY;AAAA,cAExC,UAAA;AAAA,gBAAA,gBAAAW;AAAA,kBAACQ;AAAA,kBAAA;AAAA,oBACG,WAAWC;AAAA,sBACP;AAAA,sBACApB,EAAK,WAAW;AAAA,oBAAA;AAAA,kBACpB;AAAA,gBACJ;AAAA,gBACA,gBAAAW,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,MAAMR,EAAoBiB,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;"}
+{"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","_a","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,IACzCC,IAAAX,EAAY,YAAZ,QAAAW,EAAqB;AAAA,EAAoB;AAU7C,SACI,gBAAAC,EAAC,OAAA,EAAI,WAAU,2BACX,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAA,EAAQ,OAAM,SACX,UAAA,gBAAAD,EAACE,GAAA,EAAa,SAVD,MAAM;AAC3B,MAAAZ,EAAoB;AAAA,QAChB,MAAM;AAAA,QACN,MAAM;AAAA,MAAA,CACT;AAAA,IAAA,GAOW,UAAA,gBAAAU,EAACG,GAAA,CAAA,CAAc,EAAA,CACnB,GACJ;AAAA,IACA,gBAAAJ;AAAA,MAACK;AAAA,MAAA;AAAA,QACG,KAAKjB;AAAA,QACL,WAAU;AAAA,QACV,aACI,gBAAAa,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,MAAMV,EAAaL,CAAY;AAAA,cAExC,UAAA;AAAA,gBAAA,gBAAAW,EAAC,QAAA,EAAK,WAAU,WACX,UAAAX,EAAK,UACF,gBAAAW,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,MAAMZ,EAAaH,CAAY;AAAA,cAExC,UAAA;AAAA,gBAAA,gBAAAW;AAAA,kBAACQ;AAAA,kBAAA;AAAA,oBACG,WAAWC;AAAA,sBACP;AAAA,sBACApB,EAAK,WAAW;AAAA,oBAAA;AAAA,kBACpB;AAAA,gBAAA;AAAA,gBAEJ,gBAAAW,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,MAAMR,EAAoBiB,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;"}

package/dist/lib/@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","_a","msg","index","jsxs","classNames","isLastChild","Avatar","to","IconText","HiOutlineClock","ReactHtmlParser","_b","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,WAAAE,IAAAJ,EAAK,YAAL,gBAAAI,EAAc,IAAI,CAACC,GAAKC,MACrB;;AAAA,+BAAAJ,EAAC,OACG,EAAA,UAAA,gBAAAK;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,WAAWC;AAAA,cACP;AAAA,cACA,CAACC;AAAA,gBACGT,EAAK;AAAA,gBACLM;AAAA,cAAA,KAEA;AAAA,YACR;AAAA,YAEA,UAAA;AAAA,cAAC,gBAAAC,EAAA,OAAA,EAAI,WAAU,2CACX,UAAA;AAAA,gBAAC,gBAAAA,EAAA,OAAA,EAAI,WAAU,2BACX,UAAA;AAAA,kBAAA,gBAAAL;AAAA,oBAACQ;AAAA,oBAAA;AAAA,sBACG,OAAM;AAAA,sBACN,KAAKL,EAAI;AAAA,oBAAA;AAAA,kBACb;AAAA,oCACC,OACG,EAAA,UAAA;AAAA,oBAAA,gBAAAH,EAAC,OAAI,EAAA,WAAU,mCACV,UAAAG,EAAI,MACT;AAAA,sCACC,OAAI,EAAA,UAAA;AAAA,sBAAA;AAAA,sBACG;AAAA,uBACHD,IAAAJ,EAAK,SAAL,gBAAAI,EAAW,IAAI,CAACO,GAAIL,MACjB,gBAAAJ,EAAC,QACI,EAAA,UAAAS,KADMA,IAAKL,CAEhB;AAAA,oBACH,EACL,CAAA;AAAA,kBAAA,EACJ,CAAA;AAAA,gBAAA,GACJ;AAAA,gBACA,gBAAAJ;AAAA,kBAACU;AAAA,kBAAA;AAAA,oBACG,MACI,gBAAAV,EAACW,GAAe,EAAA,WAAU,UAAU,CAAA;AAAA,oBAGxC,UAAC,gBAAAX,EAAA,QAAA,EAAK,WAAU,iBACX,YAAI,KACT,CAAA;AAAA,kBAAA;AAAA,gBAAA;AAAA,cACJ,GACJ;AAAA,gCACC,OAAI,EAAA,WAAU,QACV,UAAgBY,EAAAT,EAAI,OAAO,GAChC;AAAA,gBACCU,IAAAV,EAAI,eAAJ,gBAAAU,EAAgB,UAAS,KACrB,gBAAAb,EAAA,OAAA,EAAI,WAAU,oCACV,UAAIG,EAAA,WAAW,IAAI,CAACW,MACjB,gBAAAT;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBAEG,WAAU;AAAA,kBAEV,UAAA;AAAA,oBAAC,gBAAAL,EAAAe,GAAA,EAAS,MAAMD,EAAK,KAAM,CAAA;AAAA,sCAC1B,OACG,EAAA,UAAA;AAAA,sBAAA,gBAAAd,EAAC,OAAI,EAAA,WAAU,kDACV,UAAAc,EAAK,MACV;AAAA,sBACC,gBAAAd,EAAA,QAAA,EAAK,WAAU,IACX,YAAK,KACV,CAAA;AAAA,oBAAA,EACJ,CAAA;AAAA,kBAAA;AAAA,gBAAA;AAAA,gBAXKc,EAAK;AAAA,cAAA,CAajB,EACL,CAAA;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA,KA9DFX,EAAI,EAiEd;AAAA,SAER,CAAA;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","_a","msg","index","jsxs","classNames","isLastChild","Avatar","to","IconText","HiOutlineClock","ReactHtmlParser","_b","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,WAAAE,IAAAJ,EAAK,YAAL,gBAAAI,EAAc,IAAI,CAACC,GAAKC,MAAA;;AACrB,+BAAAJ,EAAC,OAAA,EACG,UAAA,gBAAAK;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,WAAWC;AAAA,cACP;AAAA,cACA,CAACC;AAAA,gBACGT,EAAK;AAAA,gBACLM;AAAA,cAAA,KAEA;AAAA,YAAA;AAAA,YAGR,UAAA;AAAA,cAAA,gBAAAC,EAAC,OAAA,EAAI,WAAU,2CACX,UAAA;AAAA,gBAAA,gBAAAA,EAAC,OAAA,EAAI,WAAU,2BACX,UAAA;AAAA,kBAAA,gBAAAL;AAAA,oBAACQ;AAAA,oBAAA;AAAA,sBACG,OAAM;AAAA,sBACN,KAAKL,EAAI;AAAA,oBAAA;AAAA,kBAAA;AAAA,oCAEZ,OAAA,EACG,UAAA;AAAA,oBAAA,gBAAAH,EAAC,OAAA,EAAI,WAAU,mCACV,UAAAG,EAAI,MACT;AAAA,sCACC,OAAA,EAAI,UAAA;AAAA,sBAAA;AAAA,sBACG;AAAA,uBACHD,IAAAJ,EAAK,SAAL,gBAAAI,EAAW,IAAI,CAACO,GAAIL,MACjB,gBAAAJ,EAAC,QAAA,EACI,UAAAS,KADMA,IAAKL,CAEhB;AAAA,oBACH,EAAA,CACL;AAAA,kBAAA,EAAA,CACJ;AAAA,gBAAA,GACJ;AAAA,gBACA,gBAAAJ;AAAA,kBAACU;AAAA,kBAAA;AAAA,oBACG,MACI,gBAAAV,EAACW,GAAA,EAAe,WAAU,UAAA,CAAU;AAAA,oBAGxC,UAAA,gBAAAX,EAAC,QAAA,EAAK,WAAU,iBACX,YAAI,KAAA,CACT;AAAA,kBAAA;AAAA,gBAAA;AAAA,cACJ,GACJ;AAAA,gCACC,OAAA,EAAI,WAAU,QACV,UAAAY,EAAgBT,EAAI,OAAO,GAChC;AAAA,gBACCU,IAAAV,EAAI,eAAJ,gBAAAU,EAAgB,UAAS,KACtB,gBAAAb,EAAC,OAAA,EAAI,WAAU,oCACV,UAAAG,EAAI,WAAW,IAAI,CAACW,MACjB,gBAAAT;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBAEG,WAAU;AAAA,kBAEV,UAAA;AAAA,oBAAA,gBAAAL,EAACe,GAAA,EAAS,MAAMD,EAAK,KAAA,CAAM;AAAA,sCAC1B,OAAA,EACG,UAAA;AAAA,sBAAA,gBAAAd,EAAC,OAAA,EAAI,WAAU,kDACV,UAAAc,EAAK,MACV;AAAA,sBACA,gBAAAd,EAAC,QAAA,EAAK,WAAU,IACX,YAAK,KAAA,CACV;AAAA,oBAAA,EAAA,CACJ;AAAA,kBAAA;AAAA,gBAAA;AAAA,gBAXKc,EAAK;AAAA,cAAA,CAajB,EAAA,CACL;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA,KA9DFX,EAAI,EAiEd;AAAA,SACH,CACL;AAAA,IAAA;AAAA,EAAA,GAER;AAER;"}

package/dist/lib/@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,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,KAAA,gBAAAA,EAAM,MAAM,CAAA;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,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,IAAA,GAMF,UAAA,gBAAAM,EAACE,KAAY,GACjB;AAAA,IACA,gBAAAF,EAAC,MAAA,EAAI,UAAAP,KAAA,gBAAAA,EAAM,MAAA,CAAM;AAAA,EAAA,GACrB;AAER;"}

package/dist/lib/@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","_a","Controller","field","Input","_b","_c","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","_a","Controller","field","Input","_b","_c","RichTextEditor","html","Button"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAqBA,MAAMA,IAAwCC,EAAE,OAAO;AAAA,EACnD,IAAIA,EAAE,SAAS,IAAI,GAAG,EAAE,SAAS,0BAA0B;AAAA,EAC3D,OAAOA,EAAE,OAAA;AAAA,EACT,SAASA,EAAE,OAAA,EAAS,IAAI,GAAG,EAAE,SAAS,uBAAA,CAAwB;AAClE,CAAC,GAEKC,KAAa,MAAM;;AACrB,QAAM,EAAE,MAAAC,GAAM,eAAAC,GAAe,qBAAAC,EAAA,IAAwBC,EAAA,GAE/C,CAACC,GAAeC,CAAgB,IAAIC,EAAS,EAAK,GAElD;AAAA,IACF,cAAAC;AAAA,IACA,OAAAC;AAAA,IACA,WAAW,EAAE,QAAAC,EAAA;AAAA,IACb,SAAAC;AAAA,EAAA,IACAC,EAAoB;AAAA,IACpB,UAAUC,EAAYf,CAAgB;AAAA,EAAA,CACzC;AAED,EAAAgB,EAAU,MAAM;AACZ,IAAIZ,EAAc,SAAS,WACvBO,EAAM;AAAA,MACF,IAAIR,EAAK;AAAA,MACT,OAAO,MAAMA,EAAK,KAAK;AAAA,IAAA,CAC1B;AAAA,EACL,GAED,CAACC,EAAc,IAAI,CAAC;AAEvB,QAAMa,IAAoB,MAAM;AAC5B,IAAAZ,EAAoB;AAAA,MAChB,MAAM;AAAA,MACN,MAAM;AAAA,IAAA,CACT,GACDM,EAAM;AAAA,MACF,IAAI;AAAA,MACJ,OAAO;AAAA,MACP,SAAS;AAAA,IAAA,CACZ;AAAA,EAAA,GAGCO,IAAW,OAAOC,MAAsB;AAC1C,YAAQ,IAAI,UAAUA,CAAK,GAC3BX,EAAiB,EAAI,GACrB,MAAMY,EAAM,GAAG,GACfC,EAAM,KAAK,gBAAAC,EAACC,GAAA,EAAa,MAAK,WAAU,wBAAU,GAAiB;AAAA,MAC/D,WAAW;AAAA,IAAA,CACd,GACDf,EAAiB,EAAK,GACtBS,EAAA;AAAA,EAAkB;AAGtB,SACI,gBAAAO;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,QAAQrB,EAAc;AAAA,MACtB,SAASa;AAAA,MACT,gBAAgBA;AAAA,MAEhB,UAAA;AAAA,QAAA,gBAAAO,EAAC,MAAA,EAAG,WAAU,QACT,UAAA;AAAA,UAAApB,EAAc,SAAS,SAAS;AAAA,UAChCA,EAAc,SAAS,WAAW;AAAA,QAAA,GACvC;AAAA,QACA,gBAAAoB,EAACE,GAAA,EAAK,UAAUhB,EAAaQ,CAAQ,GACjC,UAAA;AAAA,UAAA,gBAAAI;AAAA,YAACK;AAAA,YAAA;AAAA,cACG,OAAM;AAAA,cACN,SAAS,EAAQf,EAAO;AAAA,cACxB,eAAcgB,IAAAhB,EAAO,UAAP,gBAAAgB,EAAc;AAAA,cAE5B,UAAA,gBAAAN;AAAA,gBAACO;AAAA,gBAAA;AAAA,kBACG,MAAK;AAAA,kBACL,SAAAhB;AAAA,kBACA,QAAQ,CAAC,EAAE,OAAAiB,EAAA,MACP,gBAAAR;AAAA,oBAACS;AAAA,oBAAA;AAAA,sBACG,cAAa;AAAA,sBACb,aAAY;AAAA,sBACX,GAAGD;AAAA,oBAAA;AAAA,kBAAA;AAAA,gBACR;AAAA,cAAA;AAAA,YAER;AAAA,UAAA;AAAA,UAEJ,gBAAAR;AAAA,YAACK;AAAA,YAAA;AAAA,cACG,OAAM;AAAA,cACN,SAAS,EAAQf,EAAO;AAAA,cACxB,eAAcoB,IAAApB,EAAO,OAAP,gBAAAoB,EAAW;AAAA,cAEzB,UAAA,gBAAAV;AAAA,gBAACO;AAAA,gBAAA;AAAA,kBACG,MAAK;AAAA,kBACL,SAAAhB;AAAA,kBACA,QAAQ,CAAC,EAAE,OAAAiB,EAAA,wBACNC,GAAA,EAAM,cAAa,OAAO,GAAGD,EAAA,CAAO;AAAA,gBAAA;AAAA,cAAA;AAAA,YAE7C;AAAA,UAAA;AAAA,UAEJ,gBAAAR;AAAA,YAACK;AAAA,YAAA;AAAA,cACG,OAAM;AAAA,cACN,SAAS,EAAQf,EAAO;AAAA,cACxB,eAAcqB,IAAArB,EAAO,YAAP,gBAAAqB,EAAgB;AAAA,cAE9B,UAAA,gBAAAX;AAAA,gBAACO;AAAA,gBAAA;AAAA,kBACG,MAAK;AAAA,kBACL,SAAAhB;AAAA,kBACA,QAAQ,CAAC,EAAE,OAAAiB,EAAA,MACP,gBAAAR;AAAA,oBAACY;AAAA,oBAAA;AAAA,sBACG,SAASJ,EAAM;AAAA,sBACf,SAAS,EAAQlB,EAAO;AAAA,sBACxB,UAAU,CAAC,EAAE,MAAAuB,QAAW;AACpB,wBAAAL,EAAM,SAASK,CAAI;AAAA,sBAAA;AAAA,oBACvB;AAAA,kBAAA;AAAA,gBACJ;AAAA,cAAA;AAAA,YAER;AAAA,UAAA;AAAA,UAEJ,gBAAAX,EAAC,OAAA,EAAI,WAAU,mBACX,UAAA;AAAA,YAAA,gBAAAF;AAAA,cAACc;AAAA,cAAA;AAAA,gBACG,WAAU;AAAA,gBACV,SAAQ;AAAA,gBACR,MAAK;AAAA,gBACL,SAASnB;AAAA,gBACZ,UAAA;AAAA,cAAA;AAAA,YAAA;AAAA,YAGD,gBAAAK;AAAA,cAACc;AAAA,cAAA;AAAA,gBACG,SAAQ;AAAA,gBACR,SAAS7B;AAAA,gBACT,MAAK;AAAA,gBACR,UAAA;AAAA,cAAA;AAAA,YAAA;AAAA,UAED,EAAA,CACJ;AAAA,QAAA,EAAA,CACJ;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGZ;"}