npm - @orbe-agro/client-core - Versions diffs - 5.3.13 → 5.3.25 - Mend

@orbe-agro/client-core 5.3.13 → 5.3.25

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1869) hide show

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Categories.js","sources":["../../../../../../../lib/@ecme/views/concepts/help-center/SupportHub/components/Categories.tsx"],"sourcesContent":["import Article from './Article'\r\nimport { useHelpCenterStore } from '../store/helpCenterStore'\r\nimport { categoryIcon } from '../utils'\r\nimport { apiGetSupportHubCategories } from '@/services/HelpCenterService'\r\nimport isLastChild from '@/utils/isLastChild'\r\nimport useSWR from 'swr'\r\n\r\nimport type { GetSupportHubCategoriesResponse } from '../types'\r\n\r\nconst Categories = () => {\r\n const { data } = useSWR(\r\n ['/helps/categories'],\r\n () => apiGetSupportHubCategories<GetSupportHubCategoriesResponse>(),\r\n {\r\n revalidateOnFocus: false,\r\n revalidateIfStale: false,\r\n revalidateOnReconnect: false,\r\n },\r\n )\r\n\r\n const setSelectedTopic = useHelpCenterStore(\r\n (state) => state.setSelectedTopic,\r\n )\r\n const setQueryText = useHelpCenterStore((state) => state.setQueryText)\r\n\r\n const handleTopicClick = (topic: string) => {\r\n setSelectedTopic(topic)\r\n setQueryText('')\r\n }\r\n\r\n return (\r\n <div className=\"flex flex-col gap-16\">\r\n {data &&\r\n data.categories.map((category) => (\r\n <div key={category.name}>\r\n <h3 className=\"mb-6\">{category.name}</h3>\r\n <div className=\"grid grid-cols-1 lg:grid-cols-3 gap-4\">\r\n {category.topics.map((topic) => (\r\n <div\r\n key={topic.id}\r\n className=\"cursor-pointer rounded-xl bg-gray-100 dark:bg-gray-700 p-8 group hover:bg-primary transition-colors\"\r\n role=\"button\"\r\n onClick={() => handleTopicClick(topic.id)}\r\n >\r\n <div className=\"flex flex-col items-center gap-3\">\r\n <div className=\"rounded-full p-4 bg-neutral group-hover:bg-white/25 transition-colors\">\r\n <span className=\"text-2xl text-primary group-hover:text-neutral transition-colors\">\r\n {categoryIcon[topic.id]}\r\n </span>\r\n </div>\r\n <h4 className=\"font-bold mt-3 group-hover:text-neutral transition-colors\">\r\n {topic.name}\r\n </h4>\r\n <p className=\"text-center max-w-[250px] min-h-[50px] group-hover:text-neutral transition-colors\">\r\n {topic.description}\r\n </p>\r\n <div className=\"font-bold text-primary group-hover:text-neutral transition-colors\">\r\n {topic.articleCounts} Articles\r\n </div>\r\n </div>\r\n </div>\r\n ))}\r\n </div>\r\n </div>\r\n ))}\r\n {data && (\r\n <div>\r\n <h3 className=\"mb-6\">Popular Articles</h3>\r\n <div>\r\n {data.popularArticles.map((article, index) => (\r\n <Article\r\n key={article.id}\r\n id={article.id}\r\n category={article.category}\r\n title={article.title}\r\n timeToRead={article.timeToRead}\r\n viewCount={article.viewCount}\r\n commentCount={article.commentCount}\r\n isLastChild={\r\n !isLastChild(data.popularArticles, index)\r\n }\r\n />\r\n ))}\r\n </div>\r\n </div>\r\n )}\r\n </div>\r\n )\r\n}\r\n\r\nexport default Categories\r\n"],"names":["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;"}
1	+ {"version":3,"file":"Categories.js","sources":["../../../../../../../lib/@ecme/views/concepts/help-center/SupportHub/components/Categories.tsx"],"sourcesContent":["import Article from './Article'\nimport { useHelpCenterStore } from '../store/helpCenterStore'\nimport { categoryIcon } from '../utils'\nimport { apiGetSupportHubCategories } from '@/services/HelpCenterService'\nimport isLastChild from '@/utils/isLastChild'\nimport useSWR from 'swr'\n\nimport type { GetSupportHubCategoriesResponse } from '../types'\n\nconst Categories = () => {\n const { data } = useSWR(\n ['/helps/categories'],\n () => apiGetSupportHubCategories<GetSupportHubCategoriesResponse>(),\n {\n revalidateOnFocus: false,\n revalidateIfStale: false,\n revalidateOnReconnect: false,\n },\n )\n\n const setSelectedTopic = useHelpCenterStore(\n (state) => state.setSelectedTopic,\n )\n const setQueryText = useHelpCenterStore((state) => state.setQueryText)\n\n const handleTopicClick = (topic: string) => {\n setSelectedTopic(topic)\n setQueryText('')\n }\n\n return (\n <div className=\"flex flex-col gap-16\">\n {data &&\n data.categories.map((category) => (\n <div key={category.name}>\n <h3 className=\"mb-6\">{category.name}</h3>\n <div className=\"grid grid-cols-1 lg:grid-cols-3 gap-4\">\n {category.topics.map((topic) => (\n <div\n key={topic.id}\n className=\"cursor-pointer rounded-xl bg-gray-100 dark:bg-gray-700 p-8 group hover:bg-primary transition-colors\"\n role=\"button\"\n onClick={() => handleTopicClick(topic.id)}\n >\n <div className=\"flex flex-col items-center gap-3\">\n <div className=\"rounded-full p-4 bg-neutral group-hover:bg-white/25 transition-colors\">\n <span className=\"text-2xl text-primary group-hover:text-neutral transition-colors\">\n {categoryIcon[topic.id]}\n </span>\n </div>\n <h4 className=\"font-bold mt-3 group-hover:text-neutral transition-colors\">\n {topic.name}\n </h4>\n <p className=\"text-center max-w-[250px] min-h-[50px] group-hover:text-neutral transition-colors\">\n {topic.description}\n </p>\n <div className=\"font-bold text-primary group-hover:text-neutral transition-colors\">\n {topic.articleCounts} Articles\n </div>\n </div>\n </div>\n ))}\n </div>\n </div>\n ))}\n {data && (\n <div>\n <h3 className=\"mb-6\">Popular Articles</h3>\n <div>\n {data.popularArticles.map((article, index) => (\n <Article\n key={article.id}\n id={article.id}\n category={article.category}\n title={article.title}\n timeToRead={article.timeToRead}\n viewCount={article.viewCount}\n commentCount={article.commentCount}\n isLastChild={\n !isLastChild(data.popularArticles, index)\n }\n />\n ))}\n </div>\n </div>\n )}\n </div>\n )\n}\n\nexport default Categories\n"],"names":["Categories","data","useSWR","apiGetSupportHubCategories","setSelectedTopic","useHelpCenterStore","state","setQueryText","handleTopicClick","topic","jsxs","category","jsx","categoryIcon","article","index","Article","isLastChild"],"mappings":";;;;;;;AASA,MAAMA,IAAa,MAAM;AACrB,QAAM,EAAE,MAAAC,MAASC;AAAA,IACb,CAAC,mBAAmB;AAAA,IACpB,MAAMC,EAAA;AAAA,IACN;AAAA,MACI,mBAAmB;AAAA,MACnB,mBAAmB;AAAA,MACnB,uBAAuB;AAAA,IAAA;AAAA,EAC3B,GAGEC,IAAmBC;AAAA,IACrB,CAACC,MAAUA,EAAM;AAAA,EAAA,GAEfC,IAAeF,EAAmB,CAACC,MAAUA,EAAM,YAAY,GAE/DE,IAAmB,CAACC,MAAkB;AACxC,IAAAL,EAAiBK,CAAK,GACtBF,EAAa,EAAE;AAAA,EACnB;AAEA,SACI,gBAAAG,EAAC,OAAA,EAAI,WAAU,wBACV,UAAA;AAAA,IAAAT,KACGA,EAAK,WAAW,IAAI,CAACU,wBAChB,OAAA,EACG,UAAA;AAAA,MAAA,gBAAAC,EAAC,MAAA,EAAG,WAAU,QAAQ,UAAAD,EAAS,MAAK;AAAA,MACpC,gBAAAC,EAAC,SAAI,WAAU,yCACV,YAAS,OAAO,IAAI,CAACH,MAClB,gBAAAG;AAAA,QAAC;AAAA,QAAA;AAAA,UAEG,WAAU;AAAA,UACV,MAAK;AAAA,UACL,SAAS,MAAMJ,EAAiBC,EAAM,EAAE;AAAA,UAExC,UAAA,gBAAAC,EAAC,OAAA,EAAI,WAAU,oCACX,UAAA;AAAA,YAAA,gBAAAE,EAAC,OAAA,EAAI,WAAU,yEACX,UAAA,gBAAAA,EAAC,QAAA,EAAK,WAAU,oEACX,UAAAC,EAAaJ,EAAM,EAAE,EAAA,CAC1B,GACJ;AAAA,YACA,gBAAAG,EAAC,MAAA,EAAG,WAAU,6DACT,YAAM,MACX;AAAA,YACA,gBAAAA,EAAC,KAAA,EAAE,WAAU,qFACR,YAAM,aACX;AAAA,YACA,gBAAAF,EAAC,OAAA,EAAI,WAAU,qEACV,UAAA;AAAA,cAAAD,EAAM;AAAA,cAAc;AAAA,YAAA,EAAA,CACzB;AAAA,UAAA,EAAA,CACJ;AAAA,QAAA;AAAA,QApBKA,EAAM;AAAA,MAAA,CAsBlB,EAAA,CACL;AAAA,IAAA,KA5BME,EAAS,IA6BnB,CACH;AAAA,IACJV,uBACI,OAAA,EACG,UAAA;AAAA,MAAA,gBAAAW,EAAC,MAAA,EAAG,WAAU,QAAO,UAAA,oBAAgB;AAAA,wBACpC,OAAA,EACI,UAAAX,EAAK,gBAAgB,IAAI,CAACa,GAASC,MAChC,gBAAAH;AAAA,QAACI;AAAA,QAAA;AAAA,UAEG,IAAIF,EAAQ;AAAA,UACZ,UAAUA,EAAQ;AAAA,UAClB,OAAOA,EAAQ;AAAA,UACf,YAAYA,EAAQ;AAAA,UACpB,WAAWA,EAAQ;AAAA,UACnB,cAAcA,EAAQ;AAAA,UACtB,aACI,CAACG,EAAYhB,EAAK,iBAAiBc,CAAK;AAAA,QAAA;AAAA,QARvCD,EAAQ;AAAA,MAAA,CAWpB,EAAA,CACL;AAAA,IAAA,EAAA,CACJ;AAAA,EAAA,GAER;AAER;"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"TopSection.js","sources":["../../../../../../../lib/@ecme/views/concepts/help-center/SupportHub/components/TopSection.tsx"],"sourcesContent":["import { useRef } from 'react'\r\nimport Button from '@/components/ui/Button'\r\nimport Container from '@/components/shared/Container'\r\nimport { useHelpCenterStore } from '../store/helpCenterStore'\r\nimport { TbSearch } from 'react-icons/tb'\r\n\r\nconst TopSection = () => {\r\n const inputRef = useRef<HTMLInputElement>(null)\r\n\r\n const setQueryText = useHelpCenterStore((state) => state.setQueryText)\r\n const setSelectedTopic = useHelpCenterStore(\r\n (state) => state.setSelectedTopic,\r\n )\r\n\r\n const handleSetQueryText = () => {\r\n const value = inputRef.current?.value\r\n\r\n if (value) {\r\n setQueryText(inputRef.current?.value as string)\r\n setSelectedTopic('')\r\n }\r\n }\r\n\r\n return (\r\n <section className=\"flex flex-col justify-center h-[300px] bg-gradient-to-tr from-cyan-100 via-violet-100 to-fuchsia-100 dark:from-cyan-500 dark:via-violet-500 dark:to-fuchsia-500\">\r\n <Container className=\"flex flex-col items-center px-4\">\r\n <div className=\"mb-6 flex flex-col items-center\">\r\n <h2 className=\"mb-4 text-center\">\r\n Assistance & Support Center\r\n </h2>\r\n <p className=\"max-w-[350px] dark:text-gray-200 text-center\">\r\n Search for answers, browse our FAQs, and access support\r\n resources all in one place.\r\n </p>\r\n </div>\r\n <div className=\"border border-gray-200 dark:border-gray-700 rounded-xl min-h-[50px] px-3 flex flex-col bg-white max-w-[800px] w-full\">\r\n <div className=\"flex items-center gap-2 w-full h-[56px]\">\r\n <input\r\n ref={inputRef}\r\n className=\"flex-1 h-full placeholder:text-gray-400 placeholder:font-semibold font-semibold bg-transparent focus:outline-none heading-text\"\r\n placeholder=\"Type to search an article\"\r\n onKeyDown={(event) => {\r\n if (event.key === 'Enter') {\r\n handleSetQueryText()\r\n }\r\n\r\n if (\r\n event.key === 'Backspace' &&\r\n (event.target as HTMLInputElement).value\r\n .length <= 1\r\n ) {\r\n setQueryText('')\r\n }\r\n }}\r\n />\r\n <Button\r\n size=\"xs\"\r\n shape=\"circle\"\r\n variant=\"solid\"\r\n icon={<TbSearch />}\r\n onClick={handleSetQueryText}\r\n />\r\n </div>\r\n </div>\r\n </Container>\r\n </section>\r\n )\r\n}\r\n\r\nexport default TopSection\r\n"],"names":["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;"}
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;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,EAE3B;AAEA,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,UAEvB;AAAA,QAAA;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/@ecme/views/concepts/help-center/SupportHub/store/helpCenterStore.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"helpCenterStore.js","sources":["../../../../../../../lib/@ecme/views/concepts/help-center/SupportHub/store/helpCenterStore.ts"],"sourcesContent":["import { create } from 'zustand'\r\n\r\nexport type HelpCenterState = {\r\n queryText: string\r\n selectedTopic: string\r\n}\r\n\r\ntype HelpCenterAction = {\r\n setQueryText: (payload: string) => void\r\n setSelectedTopic: (payload: string) => void\r\n}\r\n\r\nconst initialState: HelpCenterState = {\r\n queryText: '',\r\n selectedTopic: '',\r\n}\r\n\r\nexport const useHelpCenterStore = create<HelpCenterState & HelpCenterAction>(\r\n (set) => ({\r\n ...initialState,\r\n setQueryText: (payload) => set(() => ({ queryText: payload })),\r\n setSelectedTopic: (payload) => set(() => ({ selectedTopic: payload })),\r\n }),\r\n)\r\n"],"names":["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;"}
1	+ {"version":3,"file":"helpCenterStore.js","sources":["../../../../../../../lib/@ecme/views/concepts/help-center/SupportHub/store/helpCenterStore.ts"],"sourcesContent":["import { create } from 'zustand'\n\nexport type HelpCenterState = {\n queryText: string\n selectedTopic: string\n}\n\ntype HelpCenterAction = {\n setQueryText: (payload: string) => void\n setSelectedTopic: (payload: string) => void\n}\n\nconst initialState: HelpCenterState = {\n queryText: '',\n selectedTopic: '',\n}\n\nexport const useHelpCenterStore = create<HelpCenterState & HelpCenterAction>(\n (set) => ({\n ...initialState,\n setQueryText: (payload) => set(() => ({ queryText: payload })),\n setSelectedTopic: (payload) => set(() => ({ selectedTopic: payload })),\n }),\n)\n"],"names":["initialState","useHelpCenterStore","create","set","payload"],"mappings":";AAYA,MAAMA,IAAgC;AAAA,EAClC,WAAW;AAAA,EACX,eAAe;AACnB,GAEaC,IAAqBC;AAAA,EAC9B,CAACC,OAAS;AAAA,IACN,GAAGH;AAAA,IACH,cAAc,CAACI,MAAYD,EAAI,OAAO,EAAE,WAAWC,IAAU;AAAA,IAC7D,kBAAkB,CAACA,MAAYD,EAAI,OAAO,EAAE,eAAeC,IAAU;AAAA,EAAA;AAE7E;"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"utils.js","sources":["../../../../../../lib/@ecme/views/concepts/help-center/SupportHub/utils.tsx"],"sourcesContent":["import type { ReactNode } from 'react'\r\nimport {\r\n TbPresentation,\r\n TbSettings,\r\n TbStar,\r\n TbLicense,\r\n TbChartHistogram,\r\n TbChartPie,\r\n TbRobotFace,\r\n TbLibraryPhoto,\r\n TbShieldCheck,\r\n TbRefreshDot,\r\n TbPalette,\r\n TbCoins,\r\n} from 'react-icons/tb'\r\n\r\nexport const categoryIcon: Record<string, ReactNode> = {\r\n introduction: <TbPresentation />,\r\n setupGuide: <TbSettings />,\r\n basicFeatures: <TbStar />,\r\n survey: <TbLicense />,\r\n analytic: <TbChartHistogram />,\r\n dataVisualization: <TbChartPie />,\r\n chatbot: <TbRobotFace />,\r\n media: <TbLibraryPhoto />,\r\n security: <TbShieldCheck />,\r\n integration: <TbRefreshDot />,\r\n themes: <TbPalette />,\r\n commission: <TbCoins />,\r\n}\r\n\r\nexport const categoryLabel: Record<string, string> = {\r\n introduction: 'Introduction',\r\n setupGuide: 'Setup Guide',\r\n basicFeatures: 'Basic Features',\r\n survey: 'Survey',\r\n analytic: 'Analytic',\r\n dataVisualization: 'Data Visualization',\r\n chatbot: 'Chatbot',\r\n media: 'Media',\r\n security: 'Security',\r\n integration: 'Integration',\r\n themes: 'Themes',\r\n commission: 'Commission',\r\n}\r\n"],"names":["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;"}
1	+ {"version":3,"file":"utils.js","sources":["../../../../../../lib/@ecme/views/concepts/help-center/SupportHub/utils.tsx"],"sourcesContent":["import type { ReactNode } from 'react'\nimport {\n TbPresentation,\n TbSettings,\n TbStar,\n TbLicense,\n TbChartHistogram,\n TbChartPie,\n TbRobotFace,\n TbLibraryPhoto,\n TbShieldCheck,\n TbRefreshDot,\n TbPalette,\n TbCoins,\n} from 'react-icons/tb'\n\nexport const categoryIcon: Record<string, ReactNode> = {\n introduction: <TbPresentation />,\n setupGuide: <TbSettings />,\n basicFeatures: <TbStar />,\n survey: <TbLicense />,\n analytic: <TbChartHistogram />,\n dataVisualization: <TbChartPie />,\n chatbot: <TbRobotFace />,\n media: <TbLibraryPhoto />,\n security: <TbShieldCheck />,\n integration: <TbRefreshDot />,\n themes: <TbPalette />,\n commission: <TbCoins />,\n}\n\nexport const categoryLabel: Record<string, string> = {\n introduction: 'Introduction',\n setupGuide: 'Setup Guide',\n basicFeatures: 'Basic Features',\n survey: 'Survey',\n analytic: 'Analytic',\n dataVisualization: 'Data Visualization',\n chatbot: 'Chatbot',\n media: 'Media',\n security: 'Security',\n integration: 'Integration',\n themes: 'Themes',\n commission: 'Commission',\n}\n"],"names":["categoryIcon","TbPresentation","TbSettings","TbStar","TbLicense","TbChartHistogram","TbChartPie","TbRobotFace","TbLibraryPhoto","TbShieldCheck","TbRefreshDot","TbPalette","TbCoins","categoryLabel"],"mappings":";;AAgBO,MAAMA,IAA0C;AAAA,EACnD,gCAAeC,GAAA,EAAe;AAAA,EAC9B,8BAAaC,GAAA,EAAW;AAAA,EACxB,iCAAgBC,GAAA,EAAO;AAAA,EACvB,0BAASC,GAAA,EAAU;AAAA,EACnB,4BAAWC,GAAA,EAAiB;AAAA,EAC5B,qCAAoBC,GAAA,EAAW;AAAA,EAC/B,2BAAUC,GAAA,EAAY;AAAA,EACtB,yBAAQC,GAAA,EAAe;AAAA,EACvB,4BAAWC,GAAA,EAAc;AAAA,EACzB,+BAAcC,GAAA,EAAa;AAAA,EAC3B,0BAASC,GAAA,EAAU;AAAA,EACnB,8BAAaC,GAAA,CAAA,CAAQ;AACzB,GAEaC,IAAwC;AAAA,EACjD,cAAc;AAAA,EACd,YAAY;AAAA,EACZ,eAAe;AAAA,EACf,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,mBAAmB;AAAA,EACnB,SAAS;AAAA,EACT,OAAO;AAAA,EACP,UAAU;AAAA,EACV,aAAa;AAAA,EACb,QAAQ;AAAA,EACR,YAAY;AAChB;"}

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

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

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Mail.js","sources":["../../../../../../lib/@ecme/views/concepts/mail/Mail/Mail.tsx"],"sourcesContent":["import MailBody from './components/MailBody'\r\nimport MailEditor from './components/MailEditor'\r\n\r\nconst Mail = () => {\r\n return (\r\n <>\r\n <MailBody />\r\n <MailEditor />\r\n </>\r\n )\r\n}\r\n\r\nexport default Mail\r\n"],"names":["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;"}
1	+ {"version":3,"file":"Mail.js","sources":["../../../../../../lib/@ecme/views/concepts/mail/Mail/Mail.tsx"],"sourcesContent":["import MailBody from './components/MailBody'\nimport MailEditor from './components/MailEditor'\n\nconst Mail = () => {\n return (\n <>\n <MailBody />\n <MailEditor />\n </>\n )\n}\n\nexport default Mail\n"],"names":["Mail","jsxs","Fragment","jsx","MailBody","MailEditor"],"mappings":";;;AAGA,MAAMA,IAAO,MAEL,gBAAAC,EAAAC,GAAA,EACI,UAAA;AAAA,EAAA,gBAAAC,EAACC,GAAA,EAAS;AAAA,oBACTC,GAAA,CAAA,CAAW;AAAA,GAChB;"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"ActionButton.js","sources":["../../../../../../../lib/@ecme/views/concepts/mail/Mail/components/ActionButton.tsx"],"sourcesContent":["import type { ButtonHTMLAttributes } from 'react'\r\n\r\nconst ActionButton = ({\r\n children,\r\n ...rest\r\n}: ButtonHTMLAttributes<HTMLButtonElement>) => {\r\n return (\r\n <button\r\n className=\"outline-none rounded-full p-2 text-xl bg-white dark:bg-gray-500 hover:bg-gray-200 dark:hover:bg-gray-400 hover:text-gray-800 dark:text-gray-200 dark:hover:text-gray-100\"\r\n {...rest}\r\n >\r\n {children}\r\n </button>\r\n )\r\n}\r\n\r\nexport default ActionButton\r\n"],"names":["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;"}
1	+ {"version":3,"file":"ActionButton.js","sources":["../../../../../../../lib/@ecme/views/concepts/mail/Mail/components/ActionButton.tsx"],"sourcesContent":["import type { ButtonHTMLAttributes } from 'react'\n\nconst ActionButton = ({\n children,\n ...rest\n}: ButtonHTMLAttributes<HTMLButtonElement>) => {\n return (\n <button\n className=\"outline-none rounded-full p-2 text-xl bg-white dark:bg-gray-500 hover:bg-gray-200 dark:hover:bg-gray-400 hover:text-gray-800 dark:text-gray-200 dark:hover:text-gray-100\"\n {...rest}\n >\n {children}\n </button>\n )\n}\n\nexport default ActionButton\n"],"names":["ActionButton","children","rest","jsx"],"mappings":";AAEA,MAAMA,IAAe,CAAC;AAAA,EAClB,UAAAC;AAAA,EACA,GAAGC;AACP,MAEQ,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACG,WAAU;AAAA,IACT,GAAGD;AAAA,IAEH,UAAAD;AAAA,EAAA;AAAA;"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"MailBody.js","sources":["../../../../../../../lib/@ecme/views/concepts/mail/Mail/components/MailBody.tsx"],"sourcesContent":["import { useEffect } from 'react'\r\nimport AdaptiveCard from '@/components/shared/AdaptiveCard'\r\nimport MailList from './MailList'\r\nimport MailSidebar from './MailSidebar'\r\nimport MailDetail from './MailDetail'\r\nimport MailBodyTop from './MailBodyTop'\r\nimport useMail from '../hooks/useMail'\r\nimport useQuery from '@/utils/hooks/useQuery'\r\nimport { useMailStore } from '../store/mailStore'\r\nimport isEmpty from 'lodash/isEmpty'\r\n\r\nconst MailBody = () => {\r\n const query = useQuery()\r\n\r\n const id = query.get('mail')\r\n\r\n const { fetchMail } = useMail()\r\n\r\n const { mail } = useMailStore()\r\n\r\n useEffect(() => {\r\n if (id && isEmpty(mail)) {\r\n fetchMail(id)\r\n }\r\n // eslint-disable-next-line react-hooks/exhaustive-deps\r\n }, [id])\r\n\r\n return (\r\n <AdaptiveCard\r\n className=\"h-full border-0\"\r\n bodyClass=\"h-full flex flex-col\"\r\n >\r\n <div className=\"flex flex-auto h-full\">\r\n <MailSidebar />\r\n <div className=\"ltr:lg:pl-6 rtl:lg:pr-6 flex-1\">\r\n <MailBodyTop />\r\n <div className=\"relative h-[calc(100%-70px)]\">\r\n {isEmpty(mail) ? (\r\n <MailList />\r\n ) : (\r\n <MailDetail mail={mail} />\r\n )}\r\n </div>\r\n </div>\r\n </div>\r\n </AdaptiveCard>\r\n )\r\n}\r\n\r\nexport default MailBody\r\n"],"names":["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;"}
1	+ {"version":3,"file":"MailBody.js","sources":["../../../../../../../lib/@ecme/views/concepts/mail/Mail/components/MailBody.tsx"],"sourcesContent":["import { useEffect } from 'react'\nimport AdaptiveCard from '@/components/shared/AdaptiveCard'\nimport MailList from './MailList'\nimport MailSidebar from './MailSidebar'\nimport MailDetail from './MailDetail'\nimport MailBodyTop from './MailBodyTop'\nimport useMail from '../hooks/useMail'\nimport useQuery from '@/utils/hooks/useQuery'\nimport { useMailStore } from '../store/mailStore'\nimport isEmpty from 'lodash/isEmpty'\n\nconst MailBody = () => {\n const query = useQuery()\n\n const id = query.get('mail')\n\n const { fetchMail } = useMail()\n\n const { mail } = useMailStore()\n\n useEffect(() => {\n if (id && isEmpty(mail)) {\n fetchMail(id)\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [id])\n\n return (\n <AdaptiveCard\n className=\"h-full border-0\"\n bodyClass=\"h-full flex flex-col\"\n >\n <div className=\"flex flex-auto h-full\">\n <MailSidebar />\n <div className=\"ltr:lg:pl-6 rtl:lg:pr-6 flex-1\">\n <MailBodyTop />\n <div className=\"relative h-[calc(100%-70px)]\">\n {isEmpty(mail) ? (\n <MailList />\n ) : (\n <MailDetail mail={mail} />\n )}\n </div>\n </div>\n </div>\n </AdaptiveCard>\n )\n}\n\nexport default MailBody\n"],"names":["MailBody","id","useQuery","fetchMail","useMail","mail","useMailStore","useEffect","isEmpty","jsx","AdaptiveCard","jsxs","MailSidebar","MailBodyTop","MailList","MailDetail"],"mappings":";;;;;;;;;;;AAWA,MAAMA,IAAW,MAAM;AAGnB,QAAMC,IAFQC,EAAA,EAEG,IAAI,MAAM,GAErB,EAAE,WAAAC,EAAA,IAAcC,EAAA,GAEhB,EAAE,MAAAC,EAAA,IAASC,EAAA;AAEjB,SAAAC,EAAU,MAAM;AACZ,IAAIN,KAAMO,EAAQH,CAAI,KAClBF,EAAUF,CAAE;AAAA,EAGpB,GAAG,CAACA,CAAE,CAAC,GAGH,gBAAAQ;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,WAAU;AAAA,MACV,WAAU;AAAA,MAEV,UAAA,gBAAAC,EAAC,OAAA,EAAI,WAAU,yBACX,UAAA;AAAA,QAAA,gBAAAF,EAACG,GAAA,EAAY;AAAA,QACb,gBAAAD,EAAC,OAAA,EAAI,WAAU,kCACX,UAAA;AAAA,UAAA,gBAAAF,EAACI,GAAA,EAAY;AAAA,UACb,gBAAAJ,EAAC,OAAA,EAAI,WAAU,gCACV,UAAAD,EAAQH,CAAI,IACT,gBAAAI,EAACK,GAAA,CAAA,CAAS,IAEV,gBAAAL,EAACM,GAAA,EAAW,MAAAV,GAAY,EAAA,CAEhC;AAAA,QAAA,EAAA,CACJ;AAAA,MAAA,EAAA,CACJ;AAAA,IAAA;AAAA,EAAA;AAGZ;"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"MailBodyTop.js","sources":["../../../../../../../lib/@ecme/views/concepts/mail/Mail/components/MailBodyTop.tsx"],"sourcesContent":["import { useState } from 'react'\r\nimport Button from '@/components/ui/Button'\r\nimport Dropdown from '@/components/ui/Dropdown'\r\nimport Badge from '@/components/ui/Badge'\r\nimport MailDeleteConfimation from './MailDeleteConfimation'\r\nimport useResponsive from '@/utils/hooks/useResponsive'\r\nimport { useMailStore } from '../store/mailStore'\r\nimport useMailAction from '../hooks/useMailAction'\r\nimport { labelList } from '../constants'\r\nimport { TbMail, TbTrash, TbMenu2 } from 'react-icons/tb'\r\n\r\nconst MailBodyTop = () => {\r\n const [deleteConfirmationOpen, setDeleteConfirmationOpen] = useState(false)\r\n\r\n const { selectedMailId, toggleMessageDialog, toggleMobileSidebar } =\r\n useMailStore()\r\n\r\n const { onMailDelete, onBatchMoveMailClick } = useMailAction()\r\n\r\n const { smaller } = useResponsive()\r\n\r\n const hasMailSelected = selectedMailId.length > 0\r\n\r\n const handleClose = () => {\r\n setDeleteConfirmationOpen(false)\r\n }\r\n\r\n const handleConfirmDelete = () => {\r\n onMailDelete(selectedMailId)\r\n handleClose()\r\n }\r\n\r\n const handleMoveMailClick = (destination: string) => {\r\n onBatchMoveMailClick(selectedMailId, destination)\r\n }\r\n\r\n return (\r\n <>\r\n <div className=\"flex items-center justify-between mb-6\">\r\n <div className=\"flex items-center gap-2\">\r\n {smaller.xl && (\r\n <button\r\n className=\"close-button\"\r\n type=\"button\"\r\n onClick={() => toggleMobileSidebar(true)}\r\n >\r\n <TbMenu2 />\r\n </button>\r\n )}\r\n {hasMailSelected && (\r\n <h5>{selectedMailId.length} items selected</h5>\r\n )}\r\n </div>\r\n <div className=\"inline-flex items-center gap-2\">\r\n {hasMailSelected ? (\r\n <>\r\n <Dropdown\r\n renderTitle={<Button size=\"sm\">Move to</Button>}\r\n placement=\"bottom-end\"\r\n >\r\n {labelList.map((item) => (\r\n <Dropdown.Item\r\n key={item.value}\r\n onClick={() =>\r\n handleMoveMailClick(item.value)\r\n }\r\n >\r\n <Badge className={item.dotClass} />\r\n <span>{item.label}</span>\r\n </Dropdown.Item>\r\n ))}\r\n </Dropdown>\r\n <Button\r\n size=\"sm\"\r\n type=\"button\"\r\n customColorClass={() =>\r\n 'border-error ring-0 ring-error text-error hover:border-error hover:ring-error hover:text-error bg-transparent'\r\n }\r\n icon={<TbTrash />}\r\n onClick={() => setDeleteConfirmationOpen(true)}\r\n >\r\n Delete\r\n </Button>\r\n </>\r\n ) : (\r\n <Button\r\n variant=\"solid\"\r\n icon={<TbMail />}\r\n size=\"sm\"\r\n onClick={() =>\r\n toggleMessageDialog({\r\n open: true,\r\n mode: 'new',\r\n })\r\n }\r\n >\r\n New email\r\n </Button>\r\n )}\r\n </div>\r\n </div>\r\n <MailDeleteConfimation\r\n isOpen={deleteConfirmationOpen}\r\n selectedMailCount={selectedMailId.length}\r\n onClose={handleClose}\r\n onConfirmDelete={handleConfirmDelete}\r\n />\r\n </>\r\n )\r\n}\r\n\r\nexport default MailBodyTop\r\n"],"names":["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;"}
1	+ {"version":3,"file":"MailBodyTop.js","sources":["../../../../../../../lib/@ecme/views/concepts/mail/Mail/components/MailBodyTop.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Button from '@/components/ui/Button'\nimport Dropdown from '@/components/ui/Dropdown'\nimport Badge from '@/components/ui/Badge'\nimport MailDeleteConfimation from './MailDeleteConfimation'\nimport useResponsive from '@/utils/hooks/useResponsive'\nimport { useMailStore } from '../store/mailStore'\nimport useMailAction from '../hooks/useMailAction'\nimport { labelList } from '../constants'\nimport { TbMail, TbTrash, TbMenu2 } from 'react-icons/tb'\n\nconst MailBodyTop = () => {\n const [deleteConfirmationOpen, setDeleteConfirmationOpen] = useState(false)\n\n const { selectedMailId, toggleMessageDialog, toggleMobileSidebar } =\n useMailStore()\n\n const { onMailDelete, onBatchMoveMailClick } = useMailAction()\n\n const { smaller } = useResponsive()\n\n const hasMailSelected = selectedMailId.length > 0\n\n const handleClose = () => {\n setDeleteConfirmationOpen(false)\n }\n\n const handleConfirmDelete = () => {\n onMailDelete(selectedMailId)\n handleClose()\n }\n\n const handleMoveMailClick = (destination: string) => {\n onBatchMoveMailClick(selectedMailId, destination)\n }\n\n return (\n <>\n <div className=\"flex items-center justify-between mb-6\">\n <div className=\"flex items-center gap-2\">\n {smaller.xl && (\n <button\n className=\"close-button\"\n type=\"button\"\n onClick={() => toggleMobileSidebar(true)}\n >\n <TbMenu2 />\n </button>\n )}\n {hasMailSelected && (\n <h5>{selectedMailId.length} items selected</h5>\n )}\n </div>\n <div className=\"inline-flex items-center gap-2\">\n {hasMailSelected ? (\n <>\n <Dropdown\n renderTitle={<Button size=\"sm\">Move to</Button>}\n placement=\"bottom-end\"\n >\n {labelList.map((item) => (\n <Dropdown.Item\n key={item.value}\n onClick={() =>\n handleMoveMailClick(item.value)\n }\n >\n <Badge className={item.dotClass} />\n <span>{item.label}</span>\n </Dropdown.Item>\n ))}\n </Dropdown>\n <Button\n size=\"sm\"\n type=\"button\"\n customColorClass={() =>\n 'border-error ring-0 ring-error text-error hover:border-error hover:ring-error hover:text-error bg-transparent'\n }\n icon={<TbTrash />}\n onClick={() => setDeleteConfirmationOpen(true)}\n >\n Delete\n </Button>\n </>\n ) : (\n <Button\n variant=\"solid\"\n icon={<TbMail />}\n size=\"sm\"\n onClick={() =>\n toggleMessageDialog({\n open: true,\n mode: 'new',\n })\n }\n >\n New email\n </Button>\n )}\n </div>\n </div>\n <MailDeleteConfimation\n isOpen={deleteConfirmationOpen}\n selectedMailCount={selectedMailId.length}\n onClose={handleClose}\n onConfirmDelete={handleConfirmDelete}\n />\n </>\n )\n}\n\nexport default MailBodyTop\n"],"names":["MailBodyTop","deleteConfirmationOpen","setDeleteConfirmationOpen","useState","selectedMailId","toggleMessageDialog","toggleMobileSidebar","useMailStore","onMailDelete","onBatchMoveMailClick","useMailAction","smaller","useResponsive","hasMailSelected","handleClose","handleConfirmDelete","handleMoveMailClick","destination","jsxs","Fragment","jsx","TbMenu2","Dropdown","Button","labelList","item","Badge","TbTrash","TbMail","MailDeleteConfimation"],"mappings":";;;;;;;;;;;;;AAWA,MAAMA,IAAc,MAAM;AACtB,QAAM,CAACC,GAAwBC,CAAyB,IAAIC,EAAS,EAAK,GAEpE,EAAE,gBAAAC,GAAgB,qBAAAC,GAAqB,qBAAAC,EAAA,IACzCC,EAAA,GAEE,EAAE,cAAAC,GAAc,sBAAAC,EAAA,IAAyBC,EAAA,GAEzC,EAAE,SAAAC,EAAA,IAAYC,EAAA,GAEdC,IAAkBT,EAAe,SAAS,GAE1CU,IAAc,MAAM;AACtB,IAAAZ,EAA0B,EAAK;AAAA,EACnC,GAEMa,IAAsB,MAAM;AAC9B,IAAAP,EAAaJ,CAAc,GAC3BU,EAAA;AAAA,EACJ,GAEME,IAAsB,CAACC,MAAwB;AACjD,IAAAR,EAAqBL,GAAgBa,CAAW;AAAA,EACpD;AAEA,SACI,gBAAAC,EAAAC,GAAA,EACI,UAAA;AAAA,IAAA,gBAAAD,EAAC,OAAA,EAAI,WAAU,0CACX,UAAA;AAAA,MAAA,gBAAAA,EAAC,OAAA,EAAI,WAAU,2BACV,UAAA;AAAA,QAAAP,EAAQ,MACL,gBAAAS;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,WAAU;AAAA,YACV,MAAK;AAAA,YACL,SAAS,MAAMd,EAAoB,EAAI;AAAA,YAEvC,4BAACe,GAAA,CAAA,CAAQ;AAAA,UAAA;AAAA,QAAA;AAAA,QAGhBR,uBACI,MAAA,EAAI,UAAA;AAAA,UAAAT,EAAe;AAAA,UAAO;AAAA,QAAA,EAAA,CAAe;AAAA,MAAA,GAElD;AAAA,MACA,gBAAAgB,EAAC,OAAA,EAAI,WAAU,kCACV,cACG,gBAAAF,EAAAC,GAAA,EACI,UAAA;AAAA,QAAA,gBAAAC;AAAA,UAACE;AAAA,UAAA;AAAA,YACG,aAAa,gBAAAF,EAACG,GAAA,EAAO,MAAK,MAAK,UAAA,WAAO;AAAA,YACtC,WAAU;AAAA,YAET,UAAAC,EAAU,IAAI,CAACC,MACZ,gBAAAP;AAAA,cAACI,EAAS;AAAA,cAAT;AAAA,gBAEG,SAAS,MACLN,EAAoBS,EAAK,KAAK;AAAA,gBAGlC,UAAA;AAAA,kBAAA,gBAAAL,EAACM,GAAA,EAAM,WAAWD,EAAK,SAAA,CAAU;AAAA,kBACjC,gBAAAL,EAAC,QAAA,EAAM,UAAAK,EAAK,MAAA,CAAM;AAAA,gBAAA;AAAA,cAAA;AAAA,cANbA,EAAK;AAAA,YAAA,CAQjB;AAAA,UAAA;AAAA,QAAA;AAAA,QAEL,gBAAAL;AAAA,UAACG;AAAA,UAAA;AAAA,YACG,MAAK;AAAA,YACL,MAAK;AAAA,YACL,kBAAkB,MACd;AAAA,YAEJ,wBAAOI,GAAA,EAAQ;AAAA,YACf,SAAS,MAAMzB,EAA0B,EAAI;AAAA,YAChD,UAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MAED,EAAA,CACJ,IAEA,gBAAAkB;AAAA,QAACG;AAAA,QAAA;AAAA,UACG,SAAQ;AAAA,UACR,wBAAOK,GAAA,EAAO;AAAA,UACd,MAAK;AAAA,UACL,SAAS,MACLvB,EAAoB;AAAA,YAChB,MAAM;AAAA,YACN,MAAM;AAAA,UAAA,CACT;AAAA,UAER,UAAA;AAAA,QAAA;AAAA,MAAA,EAED,CAER;AAAA,IAAA,GACJ;AAAA,IACA,gBAAAe;AAAA,MAACS;AAAA,MAAA;AAAA,QACG,QAAQ5B;AAAA,QACR,mBAAmBG,EAAe;AAAA,QAClC,SAASU;AAAA,QACT,iBAAiBC;AAAA,MAAA;AAAA,IAAA;AAAA,EACrB,GACJ;AAER;"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"MailDeleteConfimation.js","sources":["../../../../../../../lib/@ecme/views/concepts/mail/Mail/components/MailDeleteConfimation.tsx"],"sourcesContent":["import ConfirmDialog from '@/components/shared/ConfirmDialog'\r\n\r\ntype MailDeleteConfimationProps = {\r\n isOpen: boolean\r\n onClose: () => void\r\n onConfirmDelete: () => void\r\n selectedMailCount: number\r\n}\r\n\r\nconst MailDeleteConfimation = ({\r\n isOpen,\r\n onClose,\r\n onConfirmDelete,\r\n selectedMailCount,\r\n}: MailDeleteConfimationProps) => {\r\n return (\r\n <ConfirmDialog\r\n isOpen={isOpen}\r\n type=\"danger\"\r\n title=\"Delete mail\"\r\n onClose={onClose}\r\n onRequestClose={onClose}\r\n onCancel={onClose}\r\n onConfirm={onConfirmDelete}\r\n >\r\n <p>\r\n Are you sure you want to delete{' '}\r\n {selectedMailCount > 1\r\n ? `${selectedMailCount} of these mails`\r\n : 'this mail'}{' '}\r\n ? This action can't be undo.{' '}\r\n </p>\r\n </ConfirmDialog>\r\n )\r\n}\r\n\r\nexport default MailDeleteConfimation\r\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;"}
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'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/@ecme/views/concepts/mail/Mail/components/MailDetail.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"MailDetail.js","sources":["../../../../../../../lib/@ecme/views/concepts/mail/Mail/components/MailDetail.tsx"],"sourcesContent":["import { useRef } from 'react'\r\nimport Card from '@/components/ui/Card'\r\nimport MailDetailTitle from './MailDetailTitle'\r\nimport MailDetailContent from './MailDetailContent'\r\nimport MailDetailAction from './MailDetailAction'\r\nimport isEmpty from 'lodash/isEmpty'\r\nimport type { Mail } from '../types'\r\n\r\ntype MailDetailProps = {\r\n mail?: Partial<Mail>\r\n}\r\n\r\nconst MailDetail = ({ mail }: MailDetailProps) => {\r\n const scrollRef = useRef(null)\r\n\r\n const hasMailSelected = !isEmpty(mail)\r\n const cardHeaderProps = {\r\n ...(hasMailSelected\r\n ? {\r\n header: {\r\n content: <MailDetailTitle />,\r\n extra: <MailDetailAction />,\r\n className: 'bg-gray-100 dark:bg-gray-700 h-[100px]',\r\n },\r\n }\r\n : {}),\r\n }\r\n\r\n return (\r\n <Card\r\n className=\"flex-1 h-full max-h-full dark:border-gray-700\"\r\n bodyClass=\"h-full relative\"\r\n {...cardHeaderProps}\r\n >\r\n <MailDetailContent ref={scrollRef} mail={mail} />\r\n </Card>\r\n )\r\n}\r\n\r\nexport default MailDetail\r\n"],"names":["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;"}
1	+ {"version":3,"file":"MailDetail.js","sources":["../../../../../../../lib/@ecme/views/concepts/mail/Mail/components/MailDetail.tsx"],"sourcesContent":["import { useRef } from 'react'\nimport Card from '@/components/ui/Card'\nimport MailDetailTitle from './MailDetailTitle'\nimport MailDetailContent from './MailDetailContent'\nimport MailDetailAction from './MailDetailAction'\nimport isEmpty from 'lodash/isEmpty'\nimport type { Mail } from '../types'\n\ntype MailDetailProps = {\n mail?: Partial<Mail>\n}\n\nconst MailDetail = ({ mail }: MailDetailProps) => {\n const scrollRef = useRef(null)\n\n const hasMailSelected = !isEmpty(mail)\n const cardHeaderProps = {\n ...(hasMailSelected\n ? {\n header: {\n content: <MailDetailTitle />,\n extra: <MailDetailAction />,\n className: 'bg-gray-100 dark:bg-gray-700 h-[100px]',\n },\n }\n : {}),\n }\n\n return (\n <Card\n className=\"flex-1 h-full max-h-full dark:border-gray-700\"\n bodyClass=\"h-full relative\"\n {...cardHeaderProps}\n >\n <MailDetailContent ref={scrollRef} mail={mail} />\n </Card>\n )\n}\n\nexport default MailDetail\n"],"names":["MailDetail","mail","scrollRef","useRef","cardHeaderProps","isEmpty","MailDetailTitle","MailDetailAction","jsx","Card","MailDetailContent"],"mappings":";;;;;;;;AAYA,MAAMA,IAAa,CAAC,EAAE,MAAAC,QAA4B;AAC9C,QAAMC,IAAYC,EAAO,IAAI,GAGvBC,IAAkB;AAAA,IACpB,GAFoB,CAACC,EAAQJ,CAAI,IAG3B;AAAA,MACI,QAAQ;AAAA,QACJ,2BAAUK,GAAA,EAAgB;AAAA,QAC1B,yBAAQC,GAAA,EAAiB;AAAA,QACzB,WAAW;AAAA,MAAA;AAAA,IACf,IAEJ,CAAA;AAAA,EAAC;AAGX,SACI,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,WAAU;AAAA,MACV,WAAU;AAAA,MACT,GAAGL;AAAA,MAEJ,UAAA,gBAAAI,EAACE,GAAA,EAAkB,KAAKR,GAAW,MAAAD,EAAA,CAAY;AAAA,IAAA;AAAA,EAAA;AAG3D;"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"MailDetailAction.js","sources":["../../../../../../../lib/@ecme/views/concepts/mail/Mail/components/MailDetailAction.tsx"],"sourcesContent":["import { useRef } from 'react'\r\nimport Dropdown from '@/components/ui/Dropdown'\r\nimport Tooltip from '@/components/ui/Tooltip'\r\nimport Badge from '@/components/ui/Badge'\r\nimport ActionButton from './ActionButton'\r\nimport { useMailStore } from '../store/mailStore'\r\nimport useMailAction from '../hooks/useMailAction'\r\nimport { labelList } from '../constants'\r\nimport classNames from '@/utils/classNames'\r\nimport {\r\n TbDotsVertical,\r\n TbArrowBackUp,\r\n TbStarFilled,\r\n TbFlag,\r\n TbFolderSymlink,\r\n TbStar,\r\n} from 'react-icons/tb'\r\nimport type { Mail } from '../types'\r\nimport type { DropdownRef } from '@/components/ui/Dropdown'\r\n\r\ntype MailDetailAction = {\r\n onMailReplyClick: () => void\r\n}\r\n\r\nconst MailDetailAction = () => {\r\n const dropdownRef = useRef<DropdownRef>(null)\r\n\r\n const { mail, toggleMessageDialog } = useMailStore()\r\n\r\n const { onFlagToggle, onMoveMailClick, onStarToggle } = useMailAction()\r\n\r\n const handleMoveMailClick = (destination: string) => {\r\n onMoveMailClick(mail as Mail, destination)\r\n dropdownRef.current?.handleDropdownClose()\r\n }\r\n\r\n const handleReplyClick = () => {\r\n toggleMessageDialog({\r\n mode: 'reply',\r\n open: true,\r\n })\r\n }\r\n\r\n return (\r\n <div className=\"flex items-center gap-2\">\r\n <Tooltip title=\"Reply\">\r\n <ActionButton onClick={handleReplyClick}>\r\n <TbArrowBackUp />\r\n </ActionButton>\r\n </Tooltip>\r\n <Dropdown\r\n ref={dropdownRef}\r\n placement=\"bottom-end\"\r\n renderTitle={\r\n <ActionButton>\r\n <TbDotsVertical />\r\n </ActionButton>\r\n }\r\n >\r\n <Dropdown.Item\r\n eventKey=\"star\"\r\n onClick={() => onStarToggle(mail as Mail)}\r\n >\r\n <span className=\"text-lg\">\r\n {mail.starred ? (\r\n <TbStarFilled className=\"text-amber-500\" />\r\n ) : (\r\n <TbStar />\r\n )}\r\n </span>\r\n <span>Star</span>\r\n </Dropdown.Item>\r\n <Dropdown.Item\r\n eventKey=\"flag\"\r\n onClick={() => onFlagToggle(mail as Mail)}\r\n >\r\n <TbFlag\r\n className={classNames(\r\n 'text-lg',\r\n mail.flagged && 'text-red-500',\r\n )}\r\n />\r\n <span>Flag</span>\r\n </Dropdown.Item>\r\n <Dropdown.Menu\r\n renderTitle={\r\n <>\r\n <span className=\"flex items-center gap-2\">\r\n <TbFolderSymlink className=\"text-lg\" />\r\n <span>Move to</span>\r\n </span>\r\n </>\r\n }\r\n placement=\"left-start\"\r\n >\r\n {labelList.map((item) => (\r\n <Dropdown.Item\r\n key={item.value}\r\n onClick={() => handleMoveMailClick(item.value)}\r\n >\r\n <Badge className={item.dotClass} />\r\n <span>{item.label}</span>\r\n </Dropdown.Item>\r\n ))}\r\n </Dropdown.Menu>\r\n </Dropdown>\r\n </div>\r\n )\r\n}\r\n\r\nexport default MailDetailAction\r\n"],"names":["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;"}
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;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,EACzB;AASA,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,IACL,GAMgB,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/@ecme/views/concepts/mail/Mail/components/MailDetailContent.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"MailDetailContent.js","sources":["../../../../../../../lib/@ecme/views/concepts/mail/Mail/components/MailDetailContent.tsx"],"sourcesContent":["import IconText from '@/components/shared/IconText'\r\nimport Avatar from '@/components/ui/Avatar'\r\nimport ScrollBar from '@/components/ui/ScrollBar'\r\nimport FileIcon from '@/components/view/FileIcon'\r\nimport classNames from '@/utils/classNames'\r\nimport isLastChild from '@/utils/isLastChild'\r\nimport ReactHtmlParser from 'html-react-parser'\r\nimport { HiOutlineClock } from 'react-icons/hi'\r\nimport type { Mail, Message } from '../types'\r\nimport type { ScrollBarRef } from '@/components/ui/ScrollBar'\r\nimport type { PropsWithChildren, Ref } from 'react'\r\n\r\ntype MailDetailContentProps = PropsWithChildren<{\r\n mail?: Partial<Mail>\r\n ref?: Ref<ScrollBarRef>\r\n}>\r\n\r\nconst MailDetailContent = (props: MailDetailContentProps) => {\r\n const { mail = {}, ref } = props\r\n\r\n return (\r\n <div className=\"absolute top-0 left-0 h-full w-full \">\r\n <ScrollBar\r\n ref={ref}\r\n autoHide\r\n className=\"overflow-y-auto h-[calc(100%-100px)]\"\r\n >\r\n <div className=\"h-full px-6\">\r\n {mail.message?.map((msg, index) => (\r\n <div key={msg.id}>\r\n <div\r\n className={classNames(\r\n 'py-8 ltr:pr-4 rtl:pl-4',\r\n !isLastChild(\r\n mail.message as Message[],\r\n index,\r\n ) &&\r\n 'border-b border-gray-200 dark:border-gray-700',\r\n )}\r\n >\r\n <div className=\"flex items-center justify-between gap-2\">\r\n <div className=\"flex items-center gap-2\">\r\n <Avatar\r\n shape=\"circle\"\r\n src={msg.avatar}\r\n />\r\n <div>\r\n <div className=\"font-bold truncate heading-text\">\r\n {msg.name}\r\n </div>\r\n <div>\r\n To:{' '}\r\n {mail.mail?.map((to, index) => (\r\n <span key={to + index}>\r\n {to}\r\n </span>\r\n ))}\r\n </div>\r\n </div>\r\n </div>\r\n <IconText\r\n icon={\r\n <HiOutlineClock className=\"text-lg\" />\r\n }\r\n >\r\n <span className=\"font-semibold\">\r\n {msg.date}\r\n </span>\r\n </IconText>\r\n </div>\r\n <div className=\"mt-8\">\r\n {ReactHtmlParser(msg.content)}\r\n </div>\r\n {msg.attachment?.length > 0 && (\r\n <div className=\"mt-6 inline-flex flex-wrap gap-4\">\r\n {msg.attachment.map((item) => (\r\n <div\r\n key={item.file}\r\n className=\"min-w-full md:min-w-[230px] rounded-2xl dark:bg-gray-800 border border-gray-200 hover:bg-gray-100 dark:hover:bg-gray-600 dark:border-gray-700 py-4 px-3.5 inline-flex items-center gap-2 transition-all cursor-pointer\"\r\n >\r\n <FileIcon type={item.type} />\r\n <div>\r\n <div className=\"font-semibold text-gray-900 dark:text-gray-100\">\r\n {item.file}\r\n </div>\r\n <span className=\"\">\r\n {item.size}\r\n </span>\r\n </div>\r\n </div>\r\n ))}\r\n </div>\r\n )}\r\n </div>\r\n </div>\r\n ))}\r\n </div>\r\n </ScrollBar>\r\n </div>\r\n )\r\n}\r\n\r\nexport default MailDetailContent\r\n"],"names":["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;"}
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":";;;;;;;;;;;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/@ecme/views/concepts/mail/Mail/components/MailDetailTitle.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"MailDetailTitle.js","sources":["../../../../../../../lib/@ecme/views/concepts/mail/Mail/components/MailDetailTitle.tsx"],"sourcesContent":["import ActionButton from './ActionButton'\r\nimport { useMailStore } from '../store/mailStore'\r\nimport { TbArrowLeft } from 'react-icons/tb'\r\nimport { useSearchParams } from 'react-router-dom'\r\n\r\nconst MailDetailTitle = () => {\r\n const { mail, setMail } = useMailStore()\r\n\r\n const [searchParams, setSearchParams] = useSearchParams()\r\n\r\n const handleBackButtonClick = () => {\r\n if (searchParams.has('mail')) {\r\n searchParams.delete('mail')\r\n setSearchParams(searchParams)\r\n }\r\n setMail({})\r\n }\r\n\r\n return (\r\n <div className=\"flex items-center gap-2\">\r\n <ActionButton onClick={handleBackButtonClick}>\r\n <TbArrowLeft />\r\n </ActionButton>\r\n <h4>{mail?.title}</h4>\r\n </div>\r\n )\r\n}\r\n\r\nexport default MailDetailTitle\r\n"],"names":["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;"}
1	+ {"version":3,"file":"MailDetailTitle.js","sources":["../../../../../../../lib/@ecme/views/concepts/mail/Mail/components/MailDetailTitle.tsx"],"sourcesContent":["import ActionButton from './ActionButton'\nimport { useMailStore } from '../store/mailStore'\nimport { TbArrowLeft } from 'react-icons/tb'\nimport { useSearchParams } from 'react-router-dom'\n\nconst MailDetailTitle = () => {\n const { mail, setMail } = useMailStore()\n\n const [searchParams, setSearchParams] = useSearchParams()\n\n const handleBackButtonClick = () => {\n if (searchParams.has('mail')) {\n searchParams.delete('mail')\n setSearchParams(searchParams)\n }\n setMail({})\n }\n\n return (\n <div className=\"flex items-center gap-2\">\n <ActionButton onClick={handleBackButtonClick}>\n <TbArrowLeft />\n </ActionButton>\n <h4>{mail?.title}</h4>\n </div>\n )\n}\n\nexport default MailDetailTitle\n"],"names":["MailDetailTitle","mail","setMail","useMailStore","searchParams","setSearchParams","useSearchParams","jsxs","jsx","ActionButton","TbArrowLeft"],"mappings":";;;;;AAKA,MAAMA,IAAkB,MAAM;AAC1B,QAAM,EAAE,MAAAC,GAAM,SAAAC,EAAA,IAAYC,EAAA,GAEpB,CAACC,GAAcC,CAAe,IAAIC,EAAA;AAUxC,SACI,gBAAAC,EAAC,OAAA,EAAI,WAAU,2BACX,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAA,EAAa,SAVQ,MAAM;AAChC,MAAIL,EAAa,IAAI,MAAM,MACvBA,EAAa,OAAO,MAAM,GAC1BC,EAAgBD,CAAY,IAEhCF,EAAQ,CAAA,CAAE;AAAA,IACd,GAKY,UAAA,gBAAAM,EAACE,KAAY,GACjB;AAAA,IACA,gBAAAF,EAAC,MAAA,EAAI,UAAAP,KAAA,gBAAAA,EAAM,MAAA,CAAM;AAAA,EAAA,GACrB;AAER;"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"MailEditor.js","sources":["../../../../../../../lib/@ecme/views/concepts/mail/Mail/components/MailEditor.tsx"],"sourcesContent":["import { useEffect, useState } from 'react'\r\nimport Button from '@/components/ui/Button'\r\nimport Dialog from '@/components/ui/Dialog'\r\nimport Input from '@/components/ui/Input'\r\nimport Notification from '@/components/ui/Notification'\r\nimport toast from '@/components/ui/toast'\r\nimport RichTextEditor from '@/components/shared/RichTextEditor'\r\nimport { useMailStore } from '../store/mailStore'\r\nimport { FormItem, Form } from '@/components/ui/Form'\r\nimport sleep from '@/utils/sleep'\r\nimport { useForm, Controller } from 'react-hook-form'\r\nimport { zodResolver } from '@hookform/resolvers/zod'\r\nimport { z } from 'zod'\r\nimport type { ZodType } from 'zod'\r\n\r\ntype FormSchema = {\r\n to: string\r\n content?: string\r\n title?: string\r\n}\r\n\r\nconst validationSchema: ZodType<FormSchema> = z.object({\r\n to: z.string().min(1, { message: 'Please enter recipient' }),\r\n title: z.string(),\r\n content: z.string().min(1, { message: 'Please enter message' }),\r\n})\r\n\r\nconst MailEditor = () => {\r\n const { mail, messageDialog, toggleMessageDialog } = useMailStore()\r\n\r\n const [formSubmiting, setFormSubmiting] = useState(false)\r\n\r\n const {\r\n handleSubmit,\r\n reset,\r\n formState: { errors },\r\n control,\r\n } = useForm<FormSchema>({\r\n resolver: zodResolver(validationSchema),\r\n })\r\n\r\n useEffect(() => {\r\n if (messageDialog.mode === 'reply') {\r\n reset({\r\n to: mail.from,\r\n title: `Re:${mail.title}`,\r\n })\r\n }\r\n // eslint-disable-next-line react-hooks/exhaustive-deps\r\n }, [messageDialog.mode])\r\n\r\n const handleDialogClose = () => {\r\n toggleMessageDialog({\r\n mode: '',\r\n open: false,\r\n })\r\n reset({\r\n to: '',\r\n title: '',\r\n content: '',\r\n })\r\n }\r\n\r\n const onSubmit = async (value: FormSchema) => {\r\n console.log('values', value)\r\n setFormSubmiting(true)\r\n await sleep(500)\r\n toast.push(<Notification type=\"success\">Mail send!</Notification>, {\r\n placement: 'top-center',\r\n })\r\n setFormSubmiting(false)\r\n handleDialogClose()\r\n }\r\n\r\n return (\r\n <Dialog\r\n isOpen={messageDialog.open}\r\n onClose={handleDialogClose}\r\n onRequestClose={handleDialogClose}\r\n >\r\n <h4 className=\"mb-4\">\r\n {messageDialog.mode === 'new' && 'New Message'}\r\n {messageDialog.mode === 'reply' && 'Reply'}\r\n </h4>\r\n <Form onSubmit={handleSubmit(onSubmit)}>\r\n <FormItem\r\n label=\"Title:\"\r\n invalid={Boolean(errors.title)}\r\n errorMessage={errors.title?.message}\r\n >\r\n <Controller\r\n name=\"title\"\r\n control={control}\r\n render={({ field }) => (\r\n <Input\r\n autoComplete=\"off\"\r\n placeholder=\"Add a subject\"\r\n {...field}\r\n />\r\n )}\r\n />\r\n </FormItem>\r\n <FormItem\r\n label=\"To:\"\r\n invalid={Boolean(errors.to)}\r\n errorMessage={errors.to?.message}\r\n >\r\n <Controller\r\n name=\"to\"\r\n control={control}\r\n render={({ field }) => (\r\n <Input autoComplete=\"off\" {...field} />\r\n )}\r\n />\r\n </FormItem>\r\n <FormItem\r\n label=\"Message\"\r\n invalid={Boolean(errors.content)}\r\n errorMessage={errors.content?.message}\r\n >\r\n <Controller\r\n name=\"content\"\r\n control={control}\r\n render={({ field }) => (\r\n <RichTextEditor\r\n content={field.value}\r\n invalid={Boolean(errors.content)}\r\n onChange={({ html }) => {\r\n field.onChange(html)\r\n }}\r\n />\r\n )}\r\n />\r\n </FormItem>\r\n <div className=\"text-right mt-4\">\r\n <Button\r\n className=\"ltr:mr-2 rtl:ml-2\"\r\n variant=\"plain\"\r\n type=\"button\"\r\n onClick={handleDialogClose}\r\n >\r\n Discard\r\n </Button>\r\n <Button\r\n variant=\"solid\"\r\n loading={formSubmiting}\r\n type=\"submit\"\r\n >\r\n Send\r\n </Button>\r\n </div>\r\n </Form>\r\n </Dialog>\r\n )\r\n}\r\n\r\nexport default MailEditor\r\n"],"names":["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;"}
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":";;;;;;;;;;;;;;;;;;;;;;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,EAGT,GAAG,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,EACL,GAEMO,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,EACJ;AAEA,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,sBACvB;AAAA,oBAAA;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;"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"MailList.js","sources":["../../../../../../../lib/@ecme/views/concepts/mail/Mail/components/MailList.tsx"],"sourcesContent":["import { useEffect, useState } from 'react'\r\nimport Avatar from '@/components/ui/Avatar'\r\nimport ScrollBar from '@/components/ui/ScrollBar'\r\nimport Loading from '@/components/shared/Loading'\r\nimport Table from '@/components/ui/Table'\r\nimport Checkbox from '@/components/ui/Checkbox'\r\nimport Badge from '@/components/ui/Badge'\r\nimport MailDeleteConfimation from './MailDeleteConfimation'\r\nimport classNames from '@/utils/classNames'\r\nimport { useMailStore } from '../store/mailStore'\r\nimport useMail from '../hooks/useMail'\r\nimport useMailAction from '../hooks/useMailAction'\r\nimport { labelList } from '../constants'\r\nimport useQuery from '@/utils/hooks/useQuery'\r\nimport useResponsive from '@/utils/hooks/useResponsive'\r\nimport isLastChild from '@/utils/isLastChild'\r\nimport { useNavigate, useLocation } from 'react-router-dom'\r\nimport { TbStarFilled, TbTrash, TbStar, TbFlag } from 'react-icons/tb'\r\nimport type { MouseEvent } from 'react'\r\nimport { Mail } from '../types'\r\n\r\nconst htmlReg = /(<([^>]+)>)/gi\r\n\r\nconst { THead, Th, TBody, Tr, Td } = Table\r\n\r\nconst MailList = () => {\r\n const [deleteConfirmationOpen, setDeleteConfirmationOpen] = useState<{\r\n open: boolean\r\n selected: string\r\n }>({\r\n open: false,\r\n selected: '',\r\n })\r\n\r\n const {\r\n selectedMailId,\r\n mailList,\r\n setMail,\r\n setSelectedMail,\r\n mailListFetched,\r\n } = useMailStore()\r\n\r\n const {\r\n onFlagToggle,\r\n onCheckboxToggle,\r\n onStarToggle,\r\n onResetChecked,\r\n onMailDelete,\r\n } = useMailAction()\r\n\r\n const navigate = useNavigate()\r\n const location = useLocation()\r\n const query = useQuery()\r\n\r\n const { larger } = useResponsive()\r\n\r\n const { fetchMails, isMailsFetching } = useMail()\r\n\r\n useEffect(() => {\r\n const category = query.get('category')\r\n const label = query.get('label')\r\n\r\n if (!mailListFetched) {\r\n fetchMails({ category: category \|\| '', label: label \|\| '' })\r\n }\r\n\r\n // eslint-disable-next-line react-hooks/exhaustive-deps\r\n }, [location.pathname, location.search])\r\n\r\n const renderSubject = (title: string, content: string) => {\r\n const text = content.replace(htmlReg, '')\r\n const titleOffsetNumber = title.length\r\n\r\n return (\r\n <div className=\"flex items-center gap-3\">\r\n <span className=\"font-semibold heading-text text-nowrap\">\r\n {title}\r\n </span>\r\n <span className=\"text-nowrap\">\r\n {text.length > 45 - titleOffsetNumber\r\n ? text.substring(0, 42 - titleOffsetNumber) + '...'\r\n : text}\r\n </span>\r\n </div>\r\n )\r\n }\r\n\r\n const handleMailClick = (e: MouseEvent<HTMLElement>, mail: Mail) => {\r\n e.stopPropagation()\r\n setMail(mail)\r\n onResetChecked()\r\n navigate(`${location.pathname}?mail=${mail.id}`, { replace: true })\r\n }\r\n\r\n const handleCheckboxClick = (e: MouseEvent<HTMLDivElement>, mail: Mail) => {\r\n e.stopPropagation()\r\n onCheckboxToggle(mail)\r\n if (!mail.checked) {\r\n if (!selectedMailId.includes(mail.id)) {\r\n setSelectedMail([...selectedMailId, mail.id])\r\n }\r\n } else {\r\n setSelectedMail(selectedMailId.filter((id) => mail.id !== id))\r\n }\r\n }\r\n\r\n const handleAction = (\r\n e: MouseEvent<HTMLButtonElement>,\r\n callback: (mail: Mail, setMail: boolean) => void,\r\n mail: Mail,\r\n ) => {\r\n e.stopPropagation()\r\n callback(mail, false)\r\n }\r\n\r\n const handleClose = () => {\r\n setDeleteConfirmationOpen({\r\n open: false,\r\n selected: '',\r\n })\r\n }\r\n\r\n const handleConfirmDelete = () => {\r\n onMailDelete([deleteConfirmationOpen.selected])\r\n handleClose()\r\n }\r\n\r\n return (\r\n <>\r\n <div className=\"lg:absolute top-0 left-0 h-full w-full\">\r\n <ScrollBar\r\n autoHide\r\n className=\"overflow-y-auto lg:h-full lg:max-w-full\"\r\n >\r\n <Loading\r\n type={mailList.length > 0 ? 'cover' : 'default'}\r\n spinnerClass={mailList.length > 0 ? 'hidden' : ''}\r\n loading={isMailsFetching}\r\n >\r\n {larger.lg ? (\r\n <Table compact overflow={false}>\r\n <THead>\r\n <Tr>\r\n <Th colSpan={2}>From</Th>\r\n <Th></Th>\r\n <Th>Subject</Th>\r\n <Th>Received</Th>\r\n <Th></Th>\r\n </Tr>\r\n </THead>\r\n <TBody>\r\n {mailList.map((mail) => (\r\n <Tr\r\n key={mail.id}\r\n className=\"group\"\r\n onClick={(e) =>\r\n handleMailClick(e, mail)\r\n }\r\n >\r\n <Td width=\"40\">\r\n <div className=\"h-[32px] w-[32px] flex items-center justify-center\">\r\n <Avatar\r\n shape=\"circle\"\r\n src={mail.avatar}\r\n size=\"sm\"\r\n className={classNames(\r\n 'group-hover:hidden',\r\n mail.checked &&\r\n 'hidden',\r\n )}\r\n />\r\n <div\r\n className={classNames(\r\n 'group-hover:block',\r\n mail.checked\r\n ? 'block'\r\n : 'hidden',\r\n )}\r\n >\r\n <div\r\n className=\"flex items-center\"\r\n onClick={(e) =>\r\n handleCheckboxClick(\r\n e,\r\n mail,\r\n )\r\n }\r\n >\r\n <Checkbox\r\n checked={\r\n mail.checked\r\n }\r\n />\r\n </div>\r\n </div>\r\n </div>\r\n </Td>\r\n <Td>\r\n <span className=\"font-bold heading-text truncate\">\r\n {mail.name}\r\n </span>\r\n </Td>\r\n <Td>\r\n <div className=\"flex justify-end\">\r\n {labelList.some(\r\n (label) =>\r\n label.value ===\r\n mail.label,\r\n ) && (\r\n <Badge\r\n className={\r\n labelList.find(\r\n (label) =>\r\n label.value ===\r\n mail.label,\r\n )?.dotClass\r\n }\r\n />\r\n )}\r\n </div>\r\n </Td>\r\n <Td className=\"max-w-full overflow-hidden text-ellipsis whitespace-nowrap\">\r\n {renderSubject(\r\n mail.title,\r\n mail.message[0].content,\r\n )}\r\n </Td>\r\n <Td>{mail.message[0].date}</Td>\r\n <Td>\r\n <div className=\"flex items-center text-lg gap-2\">\r\n <button\r\n type=\"button\"\r\n title=\"Flag\"\r\n onClick={(e) =>\r\n handleAction(\r\n e,\r\n onFlagToggle,\r\n mail,\r\n )\r\n }\r\n >\r\n <TbFlag\r\n className={classNames(\r\n mail.flagged &&\r\n 'text-red-500',\r\n )}\r\n />\r\n </button>\r\n <button\r\n type=\"button\"\r\n title=\"Star\"\r\n onClick={(e) =>\r\n handleAction(\r\n e,\r\n onStarToggle,\r\n mail,\r\n )\r\n }\r\n >\r\n {mail.starred ? (\r\n <TbStarFilled className=\"text-amber-500\" />\r\n ) : (\r\n <TbStar />\r\n )}\r\n </button>\r\n <button\r\n type=\"button\"\r\n title=\"Delete\"\r\n onClick={(e) => {\r\n e.stopPropagation()\r\n setDeleteConfirmationOpen(\r\n {\r\n open: true,\r\n selected:\r\n mail.id,\r\n },\r\n )\r\n }}\r\n >\r\n <TbTrash />\r\n </button>\r\n </div>\r\n </Td>\r\n </Tr>\r\n ))}\r\n </TBody>\r\n </Table>\r\n ) : (\r\n <>\r\n {mailList.map((mail, index) => (\r\n <div\r\n key={mail.id}\r\n className={classNames(\r\n 'flex justify-between items-center gap-2 px-2 rounded-xl border-gray-200 dark:border-gray-700 py-4 cursor-pointer group',\r\n !isLastChild(mailList, index) &&\r\n 'border-b',\r\n )}\r\n onClick={(e) =>\r\n handleMailClick(e, mail)\r\n }\r\n >\r\n <div className=\"flex gap-4 min-w-0\">\r\n <div className=\"h-[32px] w-[32px] flex items-center justify-center\">\r\n <Avatar\r\n shape=\"circle\"\r\n src={mail.avatar}\r\n size=\"sm\"\r\n className={classNames(\r\n 'group-hover:hidden',\r\n mail.checked &&\r\n 'hidden',\r\n )}\r\n />\r\n <div\r\n className={classNames(\r\n 'group-hover:block',\r\n mail.checked\r\n ? 'block'\r\n : 'hidden',\r\n )}\r\n >\r\n <div\r\n className=\"flex items-center\"\r\n onClick={(e) =>\r\n handleCheckboxClick(\r\n e,\r\n mail,\r\n )\r\n }\r\n >\r\n <Checkbox\r\n checked={\r\n mail.checked\r\n }\r\n />\r\n </div>\r\n </div>\r\n </div>\r\n <div className=\"min-w-0 flex-1\">\r\n <div className=\"font-bold heading-text truncate\">\r\n {mail.name}\r\n </div>\r\n <div className=\"min-w-0\">\r\n <div className=\"text-nowrap truncate\">\r\n {mail.message[0].content.replace(\r\n htmlReg,\r\n '',\r\n )}\r\n </div>\r\n </div>\r\n <div className=\"flex items-center text-lg gap-2 mt-2\">\r\n <button\r\n type=\"button\"\r\n title=\"Flag\"\r\n onClick={(e) =>\r\n handleAction(\r\n e,\r\n onFlagToggle,\r\n mail,\r\n )\r\n }\r\n >\r\n <TbFlag\r\n className={classNames(\r\n mail.flagged &&\r\n 'text-red-500',\r\n )}\r\n />\r\n </button>\r\n <button\r\n type=\"button\"\r\n title=\"Star\"\r\n onClick={(e) =>\r\n handleAction(\r\n e,\r\n onStarToggle,\r\n mail,\r\n )\r\n }\r\n >\r\n {mail.starred ? (\r\n <TbStarFilled className=\"text-amber-500\" />\r\n ) : (\r\n <TbStar />\r\n )}\r\n </button>\r\n <button\r\n type=\"button\"\r\n title=\"Delete\"\r\n onClick={(e) => {\r\n e.stopPropagation()\r\n setDeleteConfirmationOpen(\r\n {\r\n open: true,\r\n selected:\r\n mail.id,\r\n },\r\n )\r\n }}\r\n >\r\n <TbTrash />\r\n </button>\r\n </div>\r\n </div>\r\n </div>\r\n <div className=\"\">\r\n <span className=\"text-nowrap font-semibold\">\r\n {mail.message[0].date}\r\n </span>\r\n </div>\r\n </div>\r\n ))}\r\n </>\r\n )}\r\n </Loading>\r\n </ScrollBar>\r\n </div>\r\n <MailDeleteConfimation\r\n isOpen={deleteConfirmationOpen.open}\r\n selectedMailCount={1}\r\n onClose={handleClose}\r\n onConfirmDelete={handleConfirmDelete}\r\n />\r\n </>\r\n )\r\n}\r\n\r\nexport default MailList\r\n"],"names":["htmlReg","THead","Th","TBody","Tr","Td","Table","MailList","deleteConfirmationOpen","setDeleteConfirmationOpen","useState","selectedMailId","mailList","setMail","setSelectedMail","mailListFetched","useMailStore","onFlagToggle","onCheckboxToggle","onStarToggle","onResetChecked","onMailDelete","useMailAction","navigate","useNavigate","location","useLocation","query","useQuery","larger","useResponsive","fetchMails","isMailsFetching","useMail","useEffect","category","label","renderSubject","title","content","text","titleOffsetNumber","jsxs","jsx","handleMailClick","e","mail","handleCheckboxClick","id","handleAction","callback","handleClose","handleConfirmDelete","Fragment","ScrollBar","Loading","Avatar","classNames","Checkbox","labelList","Badge","_a","TbFlag","TbStarFilled","TbStar","TbTrash","index","isLastChild","MailDeleteConfimation"],"mappings":"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"}
1	+ {"version":3,"file":"MailList.js","sources":["../../../../../../../lib/@ecme/views/concepts/mail/Mail/components/MailList.tsx"],"sourcesContent":["import { useEffect, useState } from 'react'\nimport Avatar from '@/components/ui/Avatar'\nimport ScrollBar from '@/components/ui/ScrollBar'\nimport Loading from '@/components/shared/Loading'\nimport Table from '@/components/ui/Table'\nimport Checkbox from '@/components/ui/Checkbox'\nimport Badge from '@/components/ui/Badge'\nimport MailDeleteConfimation from './MailDeleteConfimation'\nimport classNames from '@/utils/classNames'\nimport { useMailStore } from '../store/mailStore'\nimport useMail from '../hooks/useMail'\nimport useMailAction from '../hooks/useMailAction'\nimport { labelList } from '../constants'\nimport useQuery from '@/utils/hooks/useQuery'\nimport useResponsive from '@/utils/hooks/useResponsive'\nimport isLastChild from '@/utils/isLastChild'\nimport { useNavigate, useLocation } from 'react-router-dom'\nimport { TbStarFilled, TbTrash, TbStar, TbFlag } from 'react-icons/tb'\nimport type { MouseEvent } from 'react'\nimport { Mail } from '../types'\n\nconst htmlReg = /(<([^>]+)>)/gi\n\nconst { THead, Th, TBody, Tr, Td } = Table\n\nconst MailList = () => {\n const [deleteConfirmationOpen, setDeleteConfirmationOpen] = useState<{\n open: boolean\n selected: string\n }>({\n open: false,\n selected: '',\n })\n\n const {\n selectedMailId,\n mailList,\n setMail,\n setSelectedMail,\n mailListFetched,\n } = useMailStore()\n\n const {\n onFlagToggle,\n onCheckboxToggle,\n onStarToggle,\n onResetChecked,\n onMailDelete,\n } = useMailAction()\n\n const navigate = useNavigate()\n const location = useLocation()\n const query = useQuery()\n\n const { larger } = useResponsive()\n\n const { fetchMails, isMailsFetching } = useMail()\n\n useEffect(() => {\n const category = query.get('category')\n const label = query.get('label')\n\n if (!mailListFetched) {\n fetchMails({ category: category \|\| '', label: label \|\| '' })\n }\n\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [location.pathname, location.search])\n\n const renderSubject = (title: string, content: string) => {\n const text = content.replace(htmlReg, '')\n const titleOffsetNumber = title.length\n\n return (\n <div className=\"flex items-center gap-3\">\n <span className=\"font-semibold heading-text text-nowrap\">\n {title}\n </span>\n <span className=\"text-nowrap\">\n {text.length > 45 - titleOffsetNumber\n ? text.substring(0, 42 - titleOffsetNumber) + '...'\n : text}\n </span>\n </div>\n )\n }\n\n const handleMailClick = (e: MouseEvent<HTMLElement>, mail: Mail) => {\n e.stopPropagation()\n setMail(mail)\n onResetChecked()\n navigate(`${location.pathname}?mail=${mail.id}`, { replace: true })\n }\n\n const handleCheckboxClick = (e: MouseEvent<HTMLDivElement>, mail: Mail) => {\n e.stopPropagation()\n onCheckboxToggle(mail)\n if (!mail.checked) {\n if (!selectedMailId.includes(mail.id)) {\n setSelectedMail([...selectedMailId, mail.id])\n }\n } else {\n setSelectedMail(selectedMailId.filter((id) => mail.id !== id))\n }\n }\n\n const handleAction = (\n e: MouseEvent<HTMLButtonElement>,\n callback: (mail: Mail, setMail: boolean) => void,\n mail: Mail,\n ) => {\n e.stopPropagation()\n callback(mail, false)\n }\n\n const handleClose = () => {\n setDeleteConfirmationOpen({\n open: false,\n selected: '',\n })\n }\n\n const handleConfirmDelete = () => {\n onMailDelete([deleteConfirmationOpen.selected])\n handleClose()\n }\n\n return (\n <>\n <div className=\"lg:absolute top-0 left-0 h-full w-full\">\n <ScrollBar\n autoHide\n className=\"overflow-y-auto lg:h-full lg:max-w-full\"\n >\n <Loading\n type={mailList.length > 0 ? 'cover' : 'default'}\n spinnerClass={mailList.length > 0 ? 'hidden' : ''}\n loading={isMailsFetching}\n >\n {larger.lg ? (\n <Table compact overflow={false}>\n <THead>\n <Tr>\n <Th colSpan={2}>From</Th>\n <Th></Th>\n <Th>Subject</Th>\n <Th>Received</Th>\n <Th></Th>\n </Tr>\n </THead>\n <TBody>\n {mailList.map((mail) => (\n <Tr\n key={mail.id}\n className=\"group\"\n onClick={(e) =>\n handleMailClick(e, mail)\n }\n >\n <Td width=\"40\">\n <div className=\"h-[32px] w-[32px] flex items-center justify-center\">\n <Avatar\n shape=\"circle\"\n src={mail.avatar}\n size=\"sm\"\n className={classNames(\n 'group-hover:hidden',\n mail.checked &&\n 'hidden',\n )}\n />\n <div\n className={classNames(\n 'group-hover:block',\n mail.checked\n ? 'block'\n : 'hidden',\n )}\n >\n <div\n className=\"flex items-center\"\n onClick={(e) =>\n handleCheckboxClick(\n e,\n mail,\n )\n }\n >\n <Checkbox\n checked={\n mail.checked\n }\n />\n </div>\n </div>\n </div>\n </Td>\n <Td>\n <span className=\"font-bold heading-text truncate\">\n {mail.name}\n </span>\n </Td>\n <Td>\n <div className=\"flex justify-end\">\n {labelList.some(\n (label) =>\n label.value ===\n mail.label,\n ) && (\n <Badge\n className={\n labelList.find(\n (label) =>\n label.value ===\n mail.label,\n )?.dotClass\n }\n />\n )}\n </div>\n </Td>\n <Td className=\"max-w-full overflow-hidden text-ellipsis whitespace-nowrap\">\n {renderSubject(\n mail.title,\n mail.message[0].content,\n )}\n </Td>\n <Td>{mail.message[0].date}</Td>\n <Td>\n <div className=\"flex items-center text-lg gap-2\">\n <button\n type=\"button\"\n title=\"Flag\"\n onClick={(e) =>\n handleAction(\n e,\n onFlagToggle,\n mail,\n )\n }\n >\n <TbFlag\n className={classNames(\n mail.flagged &&\n 'text-red-500',\n )}\n />\n </button>\n <button\n type=\"button\"\n title=\"Star\"\n onClick={(e) =>\n handleAction(\n e,\n onStarToggle,\n mail,\n )\n }\n >\n {mail.starred ? (\n <TbStarFilled className=\"text-amber-500\" />\n ) : (\n <TbStar />\n )}\n </button>\n <button\n type=\"button\"\n title=\"Delete\"\n onClick={(e) => {\n e.stopPropagation()\n setDeleteConfirmationOpen(\n {\n open: true,\n selected:\n mail.id,\n },\n )\n }}\n >\n <TbTrash />\n </button>\n </div>\n </Td>\n </Tr>\n ))}\n </TBody>\n </Table>\n ) : (\n <>\n {mailList.map((mail, index) => (\n <div\n key={mail.id}\n className={classNames(\n 'flex justify-between items-center gap-2 px-2 rounded-xl border-gray-200 dark:border-gray-700 py-4 cursor-pointer group',\n !isLastChild(mailList, index) &&\n 'border-b',\n )}\n onClick={(e) =>\n handleMailClick(e, mail)\n }\n >\n <div className=\"flex gap-4 min-w-0\">\n <div className=\"h-[32px] w-[32px] flex items-center justify-center\">\n <Avatar\n shape=\"circle\"\n src={mail.avatar}\n size=\"sm\"\n className={classNames(\n 'group-hover:hidden',\n mail.checked &&\n 'hidden',\n )}\n />\n <div\n className={classNames(\n 'group-hover:block',\n mail.checked\n ? 'block'\n : 'hidden',\n )}\n >\n <div\n className=\"flex items-center\"\n onClick={(e) =>\n handleCheckboxClick(\n e,\n mail,\n )\n }\n >\n <Checkbox\n checked={\n mail.checked\n }\n />\n </div>\n </div>\n </div>\n <div className=\"min-w-0 flex-1\">\n <div className=\"font-bold heading-text truncate\">\n {mail.name}\n </div>\n <div className=\"min-w-0\">\n <div className=\"text-nowrap truncate\">\n {mail.message[0].content.replace(\n htmlReg,\n '',\n )}\n </div>\n </div>\n <div className=\"flex items-center text-lg gap-2 mt-2\">\n <button\n type=\"button\"\n title=\"Flag\"\n onClick={(e) =>\n handleAction(\n e,\n onFlagToggle,\n mail,\n )\n }\n >\n <TbFlag\n className={classNames(\n mail.flagged &&\n 'text-red-500',\n )}\n />\n </button>\n <button\n type=\"button\"\n title=\"Star\"\n onClick={(e) =>\n handleAction(\n e,\n onStarToggle,\n mail,\n )\n }\n >\n {mail.starred ? (\n <TbStarFilled className=\"text-amber-500\" />\n ) : (\n <TbStar />\n )}\n </button>\n <button\n type=\"button\"\n title=\"Delete\"\n onClick={(e) => {\n e.stopPropagation()\n setDeleteConfirmationOpen(\n {\n open: true,\n selected:\n mail.id,\n },\n )\n }}\n >\n <TbTrash />\n </button>\n </div>\n </div>\n </div>\n <div className=\"\">\n <span className=\"text-nowrap font-semibold\">\n {mail.message[0].date}\n </span>\n </div>\n </div>\n ))}\n </>\n )}\n </Loading>\n </ScrollBar>\n </div>\n <MailDeleteConfimation\n isOpen={deleteConfirmationOpen.open}\n selectedMailCount={1}\n onClose={handleClose}\n onConfirmDelete={handleConfirmDelete}\n />\n </>\n )\n}\n\nexport default MailList\n"],"names":["htmlReg","THead","Th","TBody","Tr","Td","Table","MailList","deleteConfirmationOpen","setDeleteConfirmationOpen","useState","selectedMailId","mailList","setMail","setSelectedMail","mailListFetched","useMailStore","onFlagToggle","onCheckboxToggle","onStarToggle","onResetChecked","onMailDelete","useMailAction","navigate","useNavigate","location","useLocation","query","useQuery","larger","useResponsive","fetchMails","isMailsFetching","useMail","useEffect","category","label","renderSubject","title","content","text","titleOffsetNumber","jsxs","jsx","handleMailClick","e","mail","handleCheckboxClick","id","handleAction","callback","handleClose","handleConfirmDelete","Fragment","ScrollBar","Loading","Avatar","classNames","Checkbox","labelList","Badge","_a","TbFlag","TbStarFilled","TbStar","TbTrash","index","isLastChild","MailDeleteConfimation"],"mappings":"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"}

package/dist/@ecme/views/concepts/mail/Mail/components/MailSidebar.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"MailSidebar.js","sources":["../../../../../../../lib/@ecme/views/concepts/mail/Mail/components/MailSidebar.tsx"],"sourcesContent":["import Menu from '@/components/ui/Menu'\r\nimport Badge from '@/components/ui/Badge'\r\nimport ScrollBar from '@/components/ui/ScrollBar'\r\nimport Drawer from '@/components/ui/Drawer'\r\nimport { useMailStore } from '../store/mailStore'\r\nimport { groupList, labelList } from '../constants'\r\nimport useResponsive from '@/utils/hooks/useResponsive'\r\nimport classNames from '@/utils/classNames'\r\nimport useQuery from '@/utils/hooks/useQuery'\r\nimport { useNavigate, createSearchParams } from 'react-router-dom'\r\n\r\nconst { MenuItem, MenuGroup } = Menu\r\n\r\nconst MailSideBarContent = ({ title }: { title?: string }) => {\r\n const navigate = useNavigate()\r\n\r\n const { selectedCategory, setMail, setMailListFetched } = useMailStore()\r\n\r\n const query = useQuery()\r\n\r\n const currentPath = query.get('category') \|\| query.get('label') \|\| 'inbox'\r\n\r\n const onMenuClick = ({\r\n category,\r\n label,\r\n }: {\r\n category: string\r\n label: string\r\n }) => {\r\n setMail({})\r\n setMailListFetched(false)\r\n\r\n const params: {\r\n category?: string\r\n label?: string\r\n } = {}\r\n\r\n if (category) {\r\n params.category = category\r\n }\r\n\r\n if (label) {\r\n params.label = label\r\n }\r\n\r\n navigate(\r\n {\r\n pathname: '/concepts/mail',\r\n search: createSearchParams(params).toString(),\r\n },\r\n { replace: true },\r\n )\r\n }\r\n return (\r\n <div className=\"flex flex-col justify-between h-full\">\r\n <ScrollBar className=\"h-full overflow-y-auto\">\r\n {title && (\r\n <div className=\"mb-6 mx-2\">\r\n <h3>{title}</h3>\r\n </div>\r\n )}\r\n <Menu className=\"mx-2 mb-10\">\r\n {groupList.map((menu) => (\r\n <MenuItem\r\n key={menu.value}\r\n eventKey={menu.value}\r\n className={`mb-2 ${\r\n selectedCategory.value === menu.value\r\n ? 'bg-gray-100 dark:bg-gray-700'\r\n : ''\r\n }`}\r\n isActive={currentPath === menu.value}\r\n onSelect={() =>\r\n onMenuClick({ category: menu.value, label: '' })\r\n }\r\n >\r\n <span className=\"text-2xl ltr:mr-2 rtl:ml-2\">\r\n {menu.icon}\r\n </span>\r\n <span>{menu.label}</span>\r\n </MenuItem>\r\n ))}\r\n </Menu>\r\n <Menu className=\"mx-2 mb-6\">\r\n <MenuGroup label=\"Labels\">\r\n {labelList.map((label) => (\r\n <MenuItem\r\n key={label.value}\r\n eventKey={label.value}\r\n className={`mb-2 ${\r\n selectedCategory.value === label.value\r\n ? 'bg-gray-100 dark:bg-gray-700'\r\n : ''\r\n }`}\r\n isActive={currentPath === label.value}\r\n onSelect={() =>\r\n onMenuClick({\r\n category: '',\r\n label: label.value,\r\n })\r\n }\r\n >\r\n <Badge\r\n className=\"ltr:mr-2 rtl:ml-2\"\r\n innerClass={label.dotClass}\r\n />\r\n <span>{label.label}</span>\r\n </MenuItem>\r\n ))}\r\n </MenuGroup>\r\n </Menu>\r\n </ScrollBar>\r\n </div>\r\n )\r\n}\r\n\r\nconst MailSidebar = () => {\r\n const { mobileSideBarExpand, toggleMobileSidebar } = useMailStore()\r\n\r\n const { smaller } = useResponsive()\r\n\r\n const onMobileSideBarClose = () => {\r\n toggleMobileSidebar(false)\r\n }\r\n\r\n return smaller.xl ? (\r\n <Drawer\r\n bodyClass=\"p-0\"\r\n title=\"Mailbox\"\r\n isOpen={mobileSideBarExpand}\r\n placement=\"left\"\r\n width={280}\r\n onClose={onMobileSideBarClose}\r\n onRequestClose={onMobileSideBarClose}\r\n >\r\n <div className=\"py-4 h-full\">\r\n <MailSideBarContent />\r\n </div>\r\n </Drawer>\r\n ) : (\r\n <div className={classNames('w-[240px]')}>\r\n <MailSideBarContent title=\"Mailbox\" />\r\n </div>\r\n )\r\n}\r\n\r\nexport default MailSidebar\r\n"],"names":["MenuItem","MenuGroup","Menu","MailSideBarContent","title","navigate","useNavigate","selectedCategory","setMail","setMailListFetched","useMailStore","query","useQuery","currentPath","onMenuClick","category","label","params","createSearchParams","jsxs","ScrollBar","jsx","groupList","menu","labelList","Badge","MailSidebar","mobileSideBarExpand","toggleMobileSidebar","smaller","useResponsive","onMobileSideBarClose","Drawer","classNames"],"mappings":";;;;;;;;;;;;;;AAWA,MAAM,EAAE,UAAAA,GAAU,WAAAC,EAAA,IAAcC,GAE1BC,IAAqB,CAAC,EAAE,OAAAC,QAAgC;AAC1D,QAAMC,IAAWC,EAAA,GAEX,EAAE,kBAAAC,GAAkB,SAAAC,GAAS,oBAAAC,EAAA,IAAuBC,EAAA,GAEpDC,IAAQC,EAAA,GAERC,IAAcF,EAAM,IAAI,UAAU,KAAKA,EAAM,IAAI,OAAO,KAAK,SAE7DG,IAAc,CAAC;AAAA,IACjB,UAAAC;AAAA,IACA,OAAAC;AAAA,EAAA,MAIE;AACF,IAAAR,EAAQ,CAAA,CAAE,GACVC,EAAmB,EAAK;AAExB,UAAMQ,IAGF,CAAA;AAEJ,IAAIF,MACAE,EAAO,WAAWF,IAGlBC,MACAC,EAAO,QAAQD,IAGnBX;AAAA,MACI;AAAA,QACI,UAAU;AAAA,QACV,QAAQa,EAAmBD,CAAM,EAAE,SAAA;AAAA,MAAS;AAAA,MAEhD,EAAE,SAAS,GAAA;AAAA,IAAK;AAAA,~~EACpB~~;~~AAEJ~~,2BACK,OAAA,EAAI,WAAU,wCACX,UAAA,gBAAAE,EAACC,GAAA,EAAU,WAAU,0BAChB,UAAA;AAAA,IAAAhB,uBACI,OAAA,EAAI,WAAU,aACX,UAAA,gBAAAiB,EAAC,MAAA,EAAI,aAAM,EAAA,CACf;AAAA,sBAEHnB,GAAA,EAAK,WAAU,cACX,UAAAoB,EAAU,IAAI,CAACC,MACZ,gBAAAJ;AAAA,MAACnB;AAAA,MAAA;AAAA,QAEG,UAAUuB,EAAK;AAAA,QACf,WAAW,QACPhB,EAAiB,UAAUgB,EAAK,QAC1B,iCACA,EACV;AAAA,QACA,UAAUV,MAAgBU,EAAK;AAAA,QAC/B,UAAU,MACNT,EAAY,EAAE,UAAUS,EAAK,OAAO,OAAO,IAAI;AAAA,QAGnD,UAAA;AAAA,UAAA,gBAAAF,EAAC,QAAA,EAAK,WAAU,8BACX,UAAAE,EAAK,MACV;AAAA,UACA,gBAAAF,EAAC,QAAA,EAAM,UAAAE,EAAK,MAAA,CAAM;AAAA,QAAA;AAAA,MAAA;AAAA,MAfbA,EAAK;AAAA,IAAA,CAiBjB,GACL;AAAA,IACA,gBAAAF,EAACnB,GAAA,EAAK,WAAU,aACZ,UAAA,gBAAAmB,EAACpB,GAAA,EAAU,OAAM,UACZ,UAAAuB,EAAU,IAAI,CAACR,MACZ,gBAAAG;AAAA,MAACnB;AAAA,MAAA;AAAA,QAEG,UAAUgB,EAAM;AAAA,QAChB,WAAW,QACPT,EAAiB,UAAUS,EAAM,QAC3B,iCACA,EACV;AAAA,QACA,UAAUH,MAAgBG,EAAM;AAAA,QAChC,UAAU,MACNF,EAAY;AAAA,UACR,UAAU;AAAA,UACV,OAAOE,EAAM;AAAA,QAAA,CAChB;AAAA,QAGL,UAAA;AAAA,UAAA,gBAAAK;AAAA,YAACI;AAAA,YAAA;AAAA,cACG,WAAU;AAAA,cACV,YAAYT,EAAM;AAAA,YAAA;AAAA,UAAA;AAAA,UAEtB,gBAAAK,EAAC,QAAA,EAAM,UAAAL,EAAM,MAAA,CAAM;AAAA,QAAA;AAAA,MAAA;AAAA,MAnBdA,EAAM;AAAA,IAAA,CAqBlB,GACL,EAAA,CACJ;AAAA,EAAA,EAAA,CACJ,EAAA,CACJ;AAER,GAEMU,IAAc,MAAM;AACtB,QAAM,EAAE,qBAAAC,GAAqB,qBAAAC,EAAA,IAAwBlB,EAAA,GAE/C,EAAE,SAAAmB,EAAA,IAAYC,EAAA,GAEdC,IAAuB,MAAM;AAC/B,IAAAH,EAAoB,EAAK;AAAA,~~EAAA~~;~~AAG7B~~,SAAOC,EAAQ,KACX,gBAAAR;AAAA,IAACW;AAAA,IAAA;AAAA,MACG,WAAU;AAAA,MACV,OAAM;AAAA,MACN,QAAQL;AAAA,MACR,WAAU;AAAA,MACV,OAAO;AAAA,MACP,SAASI;AAAA,MACT,gBAAgBA;AAAA,MAEhB,4BAAC,OAAA,EAAI,WAAU,eACX,UAAA,gBAAAV,EAAClB,KAAmB,EAAA,CACxB;AAAA,IAAA;AAAA,EAAA,IAGJ,gBAAAkB,EAAC,OAAA,EAAI,WAAWY,EAAW,WAAW,GAClC,UAAA,gBAAAZ,EAAClB,GAAA,EAAmB,OAAM,UAAA,CAAU,EAAA,CACxC;AAER;"}
1	+ {"version":3,"file":"MailSidebar.js","sources":["../../../../../../../lib/@ecme/views/concepts/mail/Mail/components/MailSidebar.tsx"],"sourcesContent":["import Menu from '@/components/ui/Menu'\nimport Badge from '@/components/ui/Badge'\nimport ScrollBar from '@/components/ui/ScrollBar'\nimport Drawer from '@/components/ui/Drawer'\nimport { useMailStore } from '../store/mailStore'\nimport { groupList, labelList } from '../constants'\nimport useResponsive from '@/utils/hooks/useResponsive'\nimport classNames from '@/utils/classNames'\nimport useQuery from '@/utils/hooks/useQuery'\nimport { useNavigate, createSearchParams } from 'react-router-dom'\n\nconst { MenuItem, MenuGroup } = Menu\n\nconst MailSideBarContent = ({ title }: { title?: string }) => {\n const navigate = useNavigate()\n\n const { selectedCategory, setMail, setMailListFetched } = useMailStore()\n\n const query = useQuery()\n\n const currentPath = query.get('category') \|\| query.get('label') \|\| 'inbox'\n\n const onMenuClick = ({\n category,\n label,\n }: {\n category: string\n label: string\n }) => {\n setMail({})\n setMailListFetched(false)\n\n const params: {\n category?: string\n label?: string\n } = {}\n\n if (category) {\n params.category = category\n }\n\n if (label) {\n params.label = label\n }\n\n navigate(\n {\n pathname: '/concepts/mail',\n search: createSearchParams(params).toString(),\n },\n { replace: true },\n )\n }\n return (\n <div className=\"flex flex-col justify-between h-full\">\n <ScrollBar className=\"h-full overflow-y-auto\">\n {title && (\n <div className=\"mb-6 mx-2\">\n <h3>{title}</h3>\n </div>\n )}\n <Menu className=\"mx-2 mb-10\">\n {groupList.map((menu) => (\n <MenuItem\n key={menu.value}\n eventKey={menu.value}\n className={`mb-2 ${\n selectedCategory.value === menu.value\n ? 'bg-gray-100 dark:bg-gray-700'\n : ''\n }`}\n isActive={currentPath === menu.value}\n onSelect={() =>\n onMenuClick({ category: menu.value, label: '' })\n }\n >\n <span className=\"text-2xl ltr:mr-2 rtl:ml-2\">\n {menu.icon}\n </span>\n <span>{menu.label}</span>\n </MenuItem>\n ))}\n </Menu>\n <Menu className=\"mx-2 mb-6\">\n <MenuGroup label=\"Labels\">\n {labelList.map((label) => (\n <MenuItem\n key={label.value}\n eventKey={label.value}\n className={`mb-2 ${\n selectedCategory.value === label.value\n ? 'bg-gray-100 dark:bg-gray-700'\n : ''\n }`}\n isActive={currentPath === label.value}\n onSelect={() =>\n onMenuClick({\n category: '',\n label: label.value,\n })\n }\n >\n <Badge\n className=\"ltr:mr-2 rtl:ml-2\"\n innerClass={label.dotClass}\n />\n <span>{label.label}</span>\n </MenuItem>\n ))}\n </MenuGroup>\n </Menu>\n </ScrollBar>\n </div>\n )\n}\n\nconst MailSidebar = () => {\n const { mobileSideBarExpand, toggleMobileSidebar } = useMailStore()\n\n const { smaller } = useResponsive()\n\n const onMobileSideBarClose = () => {\n toggleMobileSidebar(false)\n }\n\n return smaller.xl ? (\n <Drawer\n bodyClass=\"p-0\"\n title=\"Mailbox\"\n isOpen={mobileSideBarExpand}\n placement=\"left\"\n width={280}\n onClose={onMobileSideBarClose}\n onRequestClose={onMobileSideBarClose}\n >\n <div className=\"py-4 h-full\">\n <MailSideBarContent />\n </div>\n </Drawer>\n ) : (\n <div className={classNames('w-[240px]')}>\n <MailSideBarContent title=\"Mailbox\" />\n </div>\n )\n}\n\nexport default MailSidebar\n"],"names":["MenuItem","MenuGroup","Menu","MailSideBarContent","title","navigate","useNavigate","selectedCategory","setMail","setMailListFetched","useMailStore","query","useQuery","currentPath","onMenuClick","category","label","params","createSearchParams","jsxs","ScrollBar","jsx","groupList","menu","labelList","Badge","MailSidebar","mobileSideBarExpand","toggleMobileSidebar","smaller","useResponsive","onMobileSideBarClose","Drawer","classNames"],"mappings":"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"}