\n navigator.navigate(\"detail/\" + value, {\n unitId: value,\n key: \"UnitDetail_\" + value,\n })\n }\n >\n Sửa\n \n );\n },\n },\n ];\n\n componentDidMount() {\n this.getData();\n }\n\n getData = () => {\n CommonService.getUnitOverViewAll(\"LOAI\")\n .then((res) =>\n this.setState({\n listUnits:\n res?.data?.response.Content.map((unit, index) => ({ ...unit, id: unit.idLoai, index })) || [],\n })\n )\n .catch((error) => console.warn(error));\n };\n\n setOpen = (open) => {\n this.setState({ open });\n };\n\n onNavigateToDetail = (id, name) => {\n const key = \"UnitDetail\" + \"_\" + id;\n navigator.navigate(\"detail/\" + id, {\n unitId: id,\n name,\n key,\n });\n };\n\n render() {\n const { classes } = this.props;\n const { open, listUnits } = this.state;\n return (\n \n {/* \n \n this.setOpen(false)}>\n {open ? \n
\n \n {[\"Danh sách loài\"].map((text, index) => (\n \n {index % 2 === 0 ? \n \n ))}\n
\n */}\n \n \n
\n \n \n );\n }\n}\n\nconst mapState = (state) => ({});\nexport default withStyles(styles)(connect(mapState)(AdminScreen));\n","import themes from \"../../../themes\";\n\nconst drawerWidth = 240;\n\nexport default () => ({\n container: {\n ...themes.Styles.screen.screenContainer,\n flexDirection: \"column\",\n marginTop: 20,\n },\n content: {\n flexGrow: 1,\n padding: 20,\n marginLeft: 50,\n },\n hide: {\n display: 'none',\n },\n drawer: {\n width: drawerWidth,\n flexShrink: 0,\n whiteSpace: 'nowrap',\n },\n drawerOpen: {\n width: drawerWidth,\n },\n drawerClose: {\n overflowX: 'hidden',\n width: 20,\n },\n btnStyle: {\n padding: 2,\n color: 'white'\n }\n});\n","import httpClient from \"./HttpClient\";\n\nexport default class DistributeService {\n static getAreas() {\n return httpClient.post(\"area/findByParentID\", {\n parentID: 2,\n });\n }\n static getAllSpeciesInArea(idKhuVuc) {\n return httpClient.post(\"cay/getAllSpeciesInArea\", {\n idKhuVuc,\n });\n }\n\n static getDistribute(idKhuVuc, idLoais) {\n return httpClient.post(\"cay/getByKhuVucAndNhieuLoai\", {\n idKhuVuc,\n idLoais,\n });\n }\n}\n","import DistributeService from \"../services/DistributeService\";\n\nexport const actionTypes = {\n GET_AREAS_REQUEST: 'GET_AREAS_REQUEST',\n GET_AREAS_SUCCESS: 'GET_AREAS_SUCCESS',\n GET_AREAS_FAIL: 'GET_AREAS_FAIL',\n};\n\nconst getAreasRequest = () => ({\n type: actionTypes.GET_AREAS_REQUEST,\n});\n\nconst getAreasFail = (error) => ({\n type: actionTypes.GET_AREAS_FAIL,\n error,\n});\n\nconst getAreasSuccess = (result) => ({\n type: actionTypes.GET_AREAS_SUCCESS,\n result,\n});\n\nexport const getAreas = () => async (dispatch) => {\n dispatch(getAreasRequest());\n return DistributeService.getAreas()\n .then((result) => {\n dispatch(getAreasSuccess(result));\n })\n .catch((error) => {\n console.warn(error);\n dispatch(getAreasFail(error));\n });\n};\n","export const COLORS = [\n \"#4c4f56\",\n \"#0048ba\",\n \"#1b1404\",\n \"#7cb0a1\",\n \"#b0bf1a\",\n \"#7cb9e8\",\n \"#c9ffe5\",\n \"#714693\",\n \"#b284be\",\n \"#00308f\",\n \"#72a0c1\",\n \"#d4c4a8\",\n \"#af002a\",\n \"#fafafa\",\n \"#f5e9d3\",\n \"#93dfb8\",\n \"#f0f8ff\",\n \"#84de02\",\n \"#e32636\",\n \"#c46210\",\n \"#0076a3\",\n \"#efdecd\",\n \"#907b71\",\n \"#af8f2c\",\n \"#dbdbdb\",\n \"#a9acb6\",\n \"#e52b50\",\n \"#f19cbb\",\n \"#ab274f\",\n \"#d3212d\",\n \"#3b7a57\",\n \"#ffbf00\",\n \"#ff033e\",\n \"#87756e\",\n \"#9966cc\",\n \"#a397b4\",\n \"#f9eaf3\",\n \"#7b9f80\",\n \"#9de5ff\",\n \"#a4c639\",\n \"#f2f3f4\",\n \"#cd9575\",\n \"#665d1e\",\n \"#915c83\",\n \"#841b2d\",\n \"#faebd7\",\n \"#e0b646\",\n \"#008000\",\n \"#dfbe6f\",\n \"#4fa83d\",\n \"#af4d43\",\n \"#8db600\",\n \"#fbceb1\",\n \"#fffeec\",\n \"#014b43\",\n \"#5fa777\",\n \"#edf5f5\",\n \"#a1dad7\",\n \"#eaf9f5\",\n \"#e8f5f2\",\n \"#7fffd4\",\n \"#71d9e2\",\n \"#110c6c\",\n \"#d0ff14\",\n \"#433e37\",\n \"#4b5320\",\n \"#948771\",\n \"#3b444b\",\n \"#8f9779\",\n \"#e9d66b\",\n \"#c6c3b5\",\n \"#b2beb5\",\n \"#87a96b\",\n \"#130a06\",\n \"#faeab9\",\n \"#327da0\",\n \"#283a77\",\n \"#013e62\",\n \"#eef0f3\",\n \"#ecebce\",\n \"#97cd2d\",\n \"#0a6f75\",\n \"#97605d\",\n \"#3b0910\",\n \"#a52a2a\",\n \"#fdee00\",\n \"#6e7f80\",\n \"#f5ffbe\",\n \"#568203\",\n \"#4e6649\",\n \"#f7c8da\",\n \"#0d1c19\",\n \"#c39953\",\n \"#007fff\",\n \"#f0ffff\",\n \"#dbe9f4\",\n \"#89cff0\",\n \"#a1caf1\",\n \"#fefefa\",\n \"#026395\",\n \"#a5cb0c\",\n \"#fff8d1\",\n \"#ff91af\",\n \"#859faf\",\n \"#21abcd\",\n \"#2a2630\",\n \"#da6304\",\n \"#fae7b5\",\n \"#ffe135\",\n \"#858470\",\n \"#ded717\",\n \"#e0218a\",\n \"#a68b5b\",\n \"#fff4ce\",\n \"#7c0a02\",\n \"#44012d\",\n \"#292130\",\n \"#828f72\",\n \"#7da98d\",\n \"#273a81\",\n \"#98777b\",\n \"#2e5894\",\n \"#bcd4e6\",\n \"#eec1be\",\n \"#9f8170\",\n \"#fef2c7\",\n \"#f5f5dc\",\n \"#add8ff\",\n \"#7dd8c6\",\n \"#6b8ba2\",\n \"#dee5c0\",\n \"#fcfbf3\",\n \"#9c2542\",\n \"#e88e5a\",\n \"#162a40\",\n \"#327c14\",\n \"#b2a1ea\",\n \"#373021\",\n \"#d4cd16\",\n \"#1b3162\",\n \"#497183\",\n \"#c1b7a4\",\n \"#ffe4c4\",\n \"#3d2b1f\",\n \"#868974\",\n \"#cae00d\",\n \"#fe6f5e\",\n \"#bf4f51\",\n \"#eededa\",\n \"#000000\",\n \"#3d0c02\",\n \"#54626f\",\n \"#0b1304\",\n \"#f6f7f7\",\n \"#253529\",\n \"#3e2c1c\",\n \"#3b3c36\",\n \"#041322\",\n \"#0d0332\",\n \"#67032d\",\n \"#0a001c\",\n \"#bfafb2\",\n \"#f2fafa\",\n \"#fffef6\",\n \"#4d0135\",\n \"#32293a\",\n \"#ffebcd\",\n \"#a57164\",\n \"#ff6700\",\n \"#fef3d8\",\n \"#2c2133\",\n \"#318ce7\",\n \"#a3e3ed\",\n \"#faf0be\",\n \"#dcb4bc\",\n \"#0000ff\",\n \"#496679\",\n \"#a2a2d0\",\n \"#f1e9ff\",\n \"#010d1a\",\n \"#0c8990\",\n \"#380474\",\n \"#204852\",\n \"#2c0e8c\",\n \"#6699cc\",\n \"#0d98ba\",\n \"#bfbed8\",\n \"#5dadec\",\n \"#ace5ee\",\n \"#553592\",\n \"#7666c6\",\n \"#0066ff\",\n \"#d2f6de\",\n \"#126180\",\n \"#748881\",\n \"#016162\",\n \"#8a2be2\",\n \"#042e4c\",\n \"#5072a7\",\n \"#13264d\",\n \"#4f86f7\",\n \"#1c1cf0\",\n \"#18587a\",\n \"#de5d83\",\n \"#79443b\",\n \"#afb1b8\",\n \"#e5e0e1\",\n \"#0095b6\",\n \"#e3dac9\",\n \"#dde26a\",\n \"#5c0120\",\n \"#4e2a5a\",\n \"#3b91b4\",\n \"#cc0000\",\n \"#c7dde5\",\n \"#006a4e\",\n \"#7a7a7a\",\n \"#ae809e\",\n \"#ba6f1e\",\n \"#873260\",\n \"#4a2a04\",\n \"#0070ff\",\n \"#dec196\",\n \"#cd8429\",\n \"#bb8983\",\n \"#b5a642\",\n \"#5da19f\",\n \"#cb4154\",\n \"#fffaf4\",\n \"#fef0ec\",\n \"#1dacd6\",\n \"#3c4151\",\n \"#66ff00\",\n \"#bf94e4\",\n \"#d891ef\",\n \"#c32148\",\n \"#1974d2\",\n \"#b10000\",\n \"#fed33c\",\n \"#08e8de\",\n \"#d19fe8\",\n \"#ffaa1d\",\n \"#3399ff\",\n \"#f4bbff\",\n \"#ff55a3\",\n \"#fb607f\",\n \"#004225\",\n \"#aba196\",\n \"#cd7f32\",\n \"#4e420c\",\n \"#737000\",\n \"#4d400f\",\n \"#ffec13\",\n \"#964b00\",\n \"#592804\",\n \"#492615\",\n \"#401801\",\n \"#af593e\",\n \"#af6e4d\",\n \"#37290e\",\n \"#cc9966\",\n \"#1b4d3e\",\n \"#ffc1cc\",\n \"#e7feff\",\n \"#622f30\",\n \"#a8ae9c\",\n \"#7bb661\",\n \"#c1a004\",\n \"#f0dc82\",\n \"#480607\",\n \"#864d1e\",\n \"#0d1117\",\n \"#151f4c\",\n \"#800020\",\n \"#deb887\",\n \"#002e20\",\n \"#ff7034\",\n \"#d99376\",\n \"#a17a74\",\n \"#420303\",\n \"#cc5500\",\n \"#e97451\",\n \"#8a3324\",\n \"#0d2e1c\",\n \"#f3ad16\",\n \"#a1750d\",\n \"#624e9a\",\n \"#fff1b5\",\n \"#fffcea\",\n \"#bd33a4\",\n \"#702963\",\n \"#007aa5\",\n \"#e03c31\",\n \"#4d0a18\",\n \"#d94972\",\n \"#3f4c3a\",\n \"#587156\",\n \"#536872\",\n \"#5f9ea0\",\n \"#91a3b0\",\n \"#b04c6a\",\n \"#006b3c\",\n \"#ed872d\",\n \"#e30022\",\n \"#fff600\",\n \"#4b3621\",\n \"#6f440c\",\n \"#1e4d2b\",\n \"#e0c095\",\n \"#fe9d04\",\n \"#31728d\",\n \"#00581a\",\n \"#a3c1ad\",\n \"#893456\",\n \"#d9b99b\",\n \"#efbbcc\",\n \"#3c3910\",\n \"#78866b\",\n \"#d591a4\",\n \"#f3fb62\",\n \"#ffef00\",\n \"#fcd917\",\n \"#ff0800\",\n \"#251706\",\n \"#894367\",\n \"#3c4443\",\n \"#fee5ac\",\n \"#a26645\",\n \"#dcedb4\",\n \"#00bfff\",\n \"#592720\",\n \"#ffddaf\",\n \"#eeeee8\",\n \"#01361c\",\n \"#c41e3a\",\n \"#8c055e\",\n \"#d29eaa\",\n \"#00cc99\",\n \"#ea88a8\",\n \"#f3ffd8\",\n \"#960018\",\n \"#eb4c42\",\n \"#ff0038\",\n \"#5c2e01\",\n \"#f95a61\",\n \"#ffa6c9\",\n \"#b31b1b\",\n \"#56a0d3\",\n \"#f9e0ed\",\n \"#ed9121\",\n \"#f8b853\",\n \"#2f6168\",\n \"#8ba9a5\",\n \"#e6bea5\",\n \"#adbed1\",\n \"#00563b\",\n \"#52001f\",\n \"#062a78\",\n \"#703642\",\n \"#eef6f7\",\n \"#e3bebe\",\n \"#3e1c14\",\n \"#c95a49\",\n \"#711a00\",\n \"#92a1cf\",\n \"#ace1af\",\n \"#2f847c\",\n \"#b8c25d\",\n \"#b2ffff\",\n \"#4997d0\",\n \"#1e385b\",\n \"#163222\",\n \"#8d7662\",\n \"#fcfff9\",\n \"#de3163\",\n \"#ec3b83\",\n \"#007ba7\",\n \"#2a52be\",\n \"#6d9bc3\",\n \"#fff4f3\",\n \"#516e3d\",\n \"#eed794\",\n \"#354e8c\",\n \"#eddcb1\",\n \"#a0785a\",\n \"#f7e7ce\",\n \"#f8c3df\",\n \"#292937\",\n \"#36454f\",\n \"#fff3f1\",\n \"#ffcd8c\",\n \"#232b2b\",\n \"#baeef9\",\n \"#d47494\",\n \"#e68fac\",\n \"#dfff00\",\n \"#40a860\",\n \"#bdb3c7\",\n \"#175579\",\n \"#83aa5d\",\n \"#9e5302\",\n \"#dfcd6f\",\n \"#fcda98\",\n \"#ffb7c5\",\n \"#2a0359\",\n \"#651a14\",\n \"#f8d9e9\",\n \"#954535\",\n \"#8581d9\",\n \"#5d5c58\",\n \"#f1ffc8\",\n \"#f77703\",\n \"#fffde6\",\n \"#fcffe7\",\n \"#a8516e\",\n \"#aa381e\",\n \"#856088\",\n \"#cec7a7\",\n \"#a8e3bd\",\n \"#4aff00\",\n \"#7b3f00\",\n \"#33036b\",\n \"#67a712\",\n \"#e7730a\",\n \"#e8f1d4\",\n \"#ffa700\",\n \"#0e0e18\",\n \"#fde1dc\",\n \"#98817b\",\n \"#e34234\",\n \"#cd607e\",\n \"#55280c\",\n \"#e4d00a\",\n \"#faf7d6\",\n \"#9fa91f\",\n \"#a1c50a\",\n \"#480656\",\n \"#d4b6af\",\n \"#7f1734\",\n \"#fbcce7\",\n \"#bdc8b3\",\n \"#8a8360\",\n \"#e9fffd\",\n \"#e96e00\",\n \"#371d09\",\n \"#c7c4bf\",\n \"#202e54\",\n \"#aca59f\",\n \"#384910\",\n \"#0047ab\",\n \"#481c1c\",\n \"#d2691e\",\n \"#965a3e\",\n \"#f8f7dc\",\n \"#0b0b0b\",\n \"#6f4e37\",\n \"#2a140e\",\n \"#9f381d\",\n \"#3f2500\",\n \"#aba0d9\",\n \"#cebaba\",\n \"#ffedbc\",\n \"#c4d8e2\",\n \"#5c5d75\",\n \"#517c66\",\n \"#c9d9d2\",\n \"#7c7b7a\",\n \"#f2f2f2\",\n \"#e9d75a\",\n \"#593737\",\n \"#f88379\",\n \"#02478e\",\n \"#acdd4d\",\n \"#c6726b\",\n \"#002e63\",\n \"#8c92ac\",\n \"#b87333\",\n \"#7e3a15\",\n \"#ad6f69\",\n \"#cb6d51\",\n \"#996666\",\n \"#944747\",\n \"#ff3800\",\n \"#ff7f50\",\n \"#ff4040\",\n \"#c7bca2\",\n \"#a86b6b\",\n \"#893f45\",\n \"#606e68\",\n \"#c4d0b0\",\n \"#40291d\",\n \"#e7bf05\",\n \"#f8facd\",\n \"#8b6b0b\",\n \"#6495ed\",\n \"#ffb0ac\",\n \"#fff8dc\",\n \"#fad3a2\",\n \"#76395d\",\n \"#2e2d88\",\n \"#fff8e7\",\n \"#ffd8d9\",\n \"#615d30\",\n \"#ffbcd9\",\n \"#c2bdb6\",\n \"#01371a\",\n \"#4d282d\",\n \"#81613e\",\n \"#b95140\",\n \"#db5079\",\n \"#462425\",\n \"#1f75fe\",\n \"#1cac78\",\n \"#ff7538\",\n \"#ee204d\",\n \"#fce883\",\n \"#fffdd0\",\n \"#ffe5a0\",\n \"#f5c85c\",\n \"#1e0f04\",\n \"#737829\",\n \"#dc143c\",\n \"#be0032\",\n \"#990000\",\n \"#736d58\",\n \"#771f1f\",\n \"#1c1208\",\n \"#b5ecdf\",\n \"#004816\",\n \"#fd7b33\",\n \"#924321\",\n \"#fdffd5\",\n \"#fbbeda\",\n \"#2596d1\",\n \"#507672\",\n \"#00ffff\",\n \"#4e82b4\",\n \"#4682bf\",\n \"#28589c\",\n \"#188bc2\",\n \"#58427c\",\n \"#ffd300\",\n \"#f56fa1\",\n \"#003e40\",\n \"#ffff31\",\n \"#012731\",\n \"#f9e4bc\",\n \"#4f2398\",\n \"#6e4b26\",\n \"#f0e130\",\n \"#6093d1\",\n \"#00008b\",\n \"#666699\",\n \"#654321\",\n \"#88654e\",\n \"#770f05\",\n \"#5d3954\",\n \"#a40000\",\n \"#08457e\",\n \"#986960\",\n \"#cd5b45\",\n \"#008b8b\",\n \"#3c2005\",\n \"#0a480d\",\n \"#b8860b\",\n \"#013220\",\n \"#1f262a\",\n \"#6e6ef9\",\n \"#1a2421\",\n \"#bdb76b\",\n \"#734f96\",\n \"#534b4f\",\n \"#8b008b\",\n \"#a9a9a9\",\n \"#003366\",\n \"#4a5d23\",\n \"#556b2f\",\n \"#ff8c00\",\n \"#9932cc\",\n \"#779ecb\",\n \"#03c03c\",\n \"#966fd6\",\n \"#c23b22\",\n \"#e75480\",\n \"#4f3a3c\",\n \"#301934\",\n \"#872657\",\n \"#8b0000\",\n \"#e9967a\",\n \"#560319\",\n \"#8fbc8f\",\n \"#3c1414\",\n \"#8cbed6\",\n \"#483d8b\",\n \"#2f4f4f\",\n \"#177245\",\n \"#918151\",\n \"#ffa812\",\n \"#cc4e5c\",\n \"#00ced1\",\n \"#d1bea8\",\n \"#9400d3\",\n \"#9b870c\",\n \"#00703c\",\n \"#555555\",\n \"#a6a29a\",\n \"#f3e9e5\",\n \"#7ac488\",\n \"#d70a53\",\n \"#d2da97\",\n \"#220878\",\n \"#e47698\",\n \"#4a3004\",\n \"#a9203e\",\n \"#ef3038\",\n \"#e9692c\",\n \"#da3287\",\n \"#b94e48\",\n \"#051040\",\n \"#002900\",\n \"#182d09\",\n \"#c154c1\",\n \"#056608\",\n \"#0e7c61\",\n \"#004b49\",\n \"#333366\",\n \"#f5c71a\",\n \"#9955bb\",\n \"#cc00cc\",\n \"#820000\",\n \"#412010\",\n \"#ff1493\",\n \"#a95c68\",\n \"#850101\",\n \"#843f5b\",\n \"#ff9933\",\n \"#082567\",\n \"#01826b\",\n \"#095859\",\n \"#4a646c\",\n \"#7e5e60\",\n \"#003532\",\n \"#66424d\",\n \"#330066\",\n \"#ba8759\",\n \"#b09a95\",\n \"#396413\",\n \"#a4a49d\",\n \"#7563a8\",\n \"#1560bd\",\n \"#2243b6\",\n \"#ffeed8\",\n \"#669999\",\n \"#ae6020\",\n \"#edc9af\",\n \"#f8f8f7\",\n \"#ea3c53\",\n \"#eafffe\",\n \"#db995e\",\n \"#b9f2ff\",\n \"#130000\",\n \"#696969\",\n \"#5d7747\",\n \"#c53151\",\n \"#9b7653\",\n \"#871550\",\n \"#e29418\",\n \"#1e90ff\",\n \"#b86d29\",\n \"#d71868\",\n \"#85bb65\",\n \"#f9ff8b\",\n \"#646077\",\n \"#8e775e\",\n \"#5d4c51\",\n \"#664c28\",\n \"#6b5755\",\n \"#eee3ad\",\n \"#fcf4d0\",\n \"#e6d7b9\",\n \"#6d6c6c\",\n \"#092256\",\n \"#6fd0c5\",\n \"#af8751\",\n \"#fdf7ad\",\n \"#00009c\",\n \"#a899e6\",\n \"#383533\",\n \"#e5ccc9\",\n \"#a8989b\",\n \"#efdfbb\",\n \"#b6baa4\",\n \"#004953\",\n \"#c9b93b\",\n \"#fff9e6\",\n \"#e1a95f\",\n \"#414c7d\",\n \"#ac91ce\",\n \"#1e9ab0\",\n \"#e9e3e3\",\n \"#555d50\",\n \"#26283b\",\n \"#311c17\",\n \"#c2b280\",\n \"#f5f3e5\",\n \"#fa7814\",\n \"#105852\",\n \"#c8e3d7\",\n \"#a2aeab\",\n \"#1b1b1b\",\n \"#fff4dd\",\n \"#ffefc1\",\n \"#614051\",\n \"#f0ead6\",\n \"#1034a6\",\n \"#1e1708\",\n \"#8f3e33\",\n \"#7df9ff\",\n \"#ff003f\",\n \"#6f00ff\",\n \"#ccff00\",\n \"#bf00ff\",\n \"#8b00ff\",\n \"#ffff33\",\n \"#123447\",\n \"#088370\",\n \"#1c7c7d\",\n \"#50c878\",\n \"#6c3082\",\n \"#514649\",\n \"#817377\",\n \"#0056a7\",\n \"#f8dd5c\",\n \"#ba160c\",\n \"#022d15\",\n \"#b48395\",\n \"#ab4b52\",\n \"#cc474b\",\n \"#3e2b23\",\n \"#8ba690\",\n \"#e1bc64\",\n \"#612718\",\n \"#211a0e\",\n \"#96c8a2\",\n \"#44d7a8\",\n \"#cfa39d\",\n \"#024e46\",\n \"#1c402e\",\n \"#010b13\",\n \"#010203\",\n \"#427977\",\n \"#ffefec\",\n \"#7f626d\",\n \"#c19a6b\",\n \"#801818\",\n \"#b53389\",\n \"#de5285\",\n \"#faf3f0\",\n \"#f400a1\",\n \"#e5aa70\",\n \"#796a78\",\n \"#9fdd8c\",\n \"#4d5d53\",\n \"#63b76c\",\n \"#657220\",\n \"#4f7942\",\n \"#704f50\",\n \"#ff2800\",\n \"#fbe96c\",\n \"#f0fcea\",\n \"#6c541e\",\n \"#b35213\",\n \"#ff5470\",\n \"#626649\",\n \"#556d56\",\n \"#692d54\",\n \"#405169\",\n \"#aa4203\",\n \"#e89928\",\n \"#ce2029\",\n \"#b22222\",\n \"#0e2a30\",\n \"#e25822\",\n \"#da5b38\",\n \"#ff7d07\",\n \"#f2552a\",\n \"#fc8eac\",\n \"#f7e98e\",\n \"#eedc82\",\n \"#7b8265\",\n \"#6f6a61\",\n \"#a2006d\",\n \"#fffaf0\",\n \"#ca3435\",\n \"#d8fcfa\",\n \"#d7d0ff\",\n \"#cbcab6\",\n \"#ff004f\",\n \"#228b22\",\n \"#fff1ee\",\n \"#56b4be\",\n \"#ffdeb3\",\n \"#856d4d\",\n \"#0072bb\",\n \"#fd3f92\",\n \"#bdbdc6\",\n \"#86608e\",\n \"#9efd38\",\n \"#d473d4\",\n \"#bdedfd\",\n \"#fd6c9e\",\n \"#811453\",\n \"#4e1609\",\n \"#c72c48\",\n \"#f64a8a\",\n \"#77b5fe\",\n \"#8806ce\",\n \"#ac1e44\",\n \"#a6e7ff\",\n \"#990066\",\n \"#807e79\",\n \"#b1e2c1\",\n \"#f57584\",\n \"#edf5dd\",\n \"#e936a7\",\n \"#dbfff8\",\n \"#e4f6e7\",\n \"#4f9d5d\",\n \"#ff00ff\",\n \"#7a58c1\",\n \"#ff77ff\",\n \"#cc397b\",\n \"#c74375\",\n \"#bede0d\",\n \"#eca927\",\n \"#e48400\",\n \"#1959a8\",\n \"#016d39\",\n \"#54534d\",\n \"#cc6666\",\n \"#c45655\",\n \"#00ab66\",\n \"#163531\",\n \"#dcdcdc\",\n \"#efefef\",\n \"#dcb20c\",\n \"#e49b0f\",\n \"#996600\",\n \"#ffdf46\",\n \"#d18f1b\",\n \"#007f66\",\n \"#15736b\",\n \"#fb8989\",\n \"#d4dfe2\",\n \"#c7c9d5\",\n \"#f8f8ff\",\n \"#b05c52\",\n \"#fe5a1d\",\n \"#523c94\",\n \"#b8b56a\",\n \"#e8f2eb\",\n \"#fff9e2\",\n \"#b06500\",\n \"#f8e4bf\",\n \"#80b3c4\",\n \"#61845f\",\n \"#6082b6\",\n \"#e6e8fa\",\n \"#ab92b3\",\n \"#726d4e\",\n \"#3d7d52\",\n \"#f18200\",\n \"#85754e\",\n \"#deba13\",\n \"#ffd700\",\n \"#e28913\",\n \"#996515\",\n \"#f0d52d\",\n \"#f5fb3d\",\n \"#c0362c\",\n \"#fde295\",\n \"#fcc200\",\n \"#f0db7d\",\n \"#ffcc5c\",\n \"#ffdf00\",\n \"#daa520\",\n \"#261414\",\n \"#0b1107\",\n \"#fff14f\",\n \"#069b81\",\n \"#d2f8b0\",\n \"#6d92a1\",\n \"#2f3cb3\",\n \"#e4d5b7\",\n \"#ffd38c\",\n \"#676767\",\n \"#8d8974\",\n \"#d5f6e3\",\n \"#84a0a0\",\n \"#a8e4a0\",\n \"#6f2da8\",\n \"#251607\",\n \"#4a444b\",\n \"#808080\",\n \"#465945\",\n \"#a2aab3\",\n \"#c3c3bd\",\n \"#e7ece6\",\n \"#a9a491\",\n \"#c1becd\",\n \"#00ff00\",\n \"#1164b4\",\n \"#009966\",\n \"#01a368\",\n \"#24500f\",\n \"#25311c\",\n \"#436a0d\",\n \"#a7f432\",\n \"#cbd3b0\",\n \"#1d6142\",\n \"#6eaea1\",\n \"#a4af6e\",\n \"#b8c1b1\",\n \"#032b52\",\n \"#101405\",\n \"#e8ebe0\",\n \"#adff2f\",\n \"#d54600\",\n \"#885818\",\n \"#a99a86\",\n \"#ba0101\",\n \"#051657\",\n \"#80b3ae\",\n \"#9dacb7\",\n \"#b6d3bf\",\n \"#7ca1a6\",\n \"#414257\",\n \"#2a3439\",\n \"#828685\",\n \"#9a9577\",\n \"#98811b\",\n \"#6b2a14\",\n \"#1b1035\",\n \"#663854\",\n \"#85c4cc\",\n \"#fdf6d3\",\n \"#fef7de\",\n \"#fef4db\",\n \"#fffee1\",\n \"#e5d8af\",\n \"#446ccf\",\n \"#5218fa\",\n \"#3fff00\",\n \"#46cb18\",\n \"#e6f2ea\",\n \"#c90016\",\n \"#da9100\",\n \"#5590d9\",\n \"#9d5616\",\n \"#d4e2fc\",\n \"#ff7a00\",\n \"#541012\",\n \"#b7c3d0\",\n \"#b6b095\",\n \"#2b3228\",\n \"#df73ff\",\n \"#aa98a9\",\n \"#aa00bb\",\n \"#5e5d3b\",\n \"#907874\",\n \"#b6316c\",\n \"#6f8e63\",\n \"#aca586\",\n \"#6a5d1b\",\n \"#e6ffe9\",\n \"#fbf9f9\",\n \"#fafde4\",\n \"#589aaf\",\n \"#53824b\",\n \"#ae4560\",\n \"#a1adb5\",\n \"#ffab81\",\n \"#c8a528\",\n \"#65869f\",\n \"#011d13\",\n \"#4f1c70\",\n \"#f0fff0\",\n \"#edfc84\",\n \"#006db0\",\n \"#49796b\",\n \"#d06da1\",\n \"#5a87a0\",\n \"#543d37\",\n \"#604913\",\n \"#ff1dce\",\n \"#ff69b4\",\n \"#b38007\",\n \"#cff9f3\",\n \"#355e3b\",\n \"#877c7b\",\n \"#b7a458\",\n \"#b1f4e7\",\n \"#71a6d2\",\n \"#fcf75e\",\n \"#319177\",\n \"#f6a4c9\",\n \"#602f6b\",\n \"#002395\",\n \"#ed2939\",\n \"#b0e313\",\n \"#b2ec5d\",\n \"#4c516d\",\n \"#138808\",\n \"#cd5c5c\",\n \"#4d1e01\",\n \"#e3a857\",\n \"#4b0082\",\n \"#091f92\",\n \"#c26b03\",\n \"#002fa7\",\n \"#ff4f00\",\n \"#5a4fcf\",\n \"#5f3d26\",\n \"#433120\",\n \"#d4d7d9\",\n \"#676662\",\n \"#86483c\",\n \"#b3446c\",\n \"#f4f0ec\",\n \"#009000\",\n \"#fffcee\",\n \"#fffff0\",\n \"#2e0329\",\n \"#3a2a6a\",\n \"#2e1905\",\n \"#20208d\",\n \"#00a86b\",\n \"#ef863f\",\n \"#c2e8e5\",\n \"#350e57\",\n \"#080110\",\n \"#5b3013\",\n \"#f4ebd3\",\n \"#9d2933\",\n \"#264348\",\n \"#0a6906\",\n \"#780109\",\n \"#5b3256\",\n \"#d87c63\",\n \"#f8de7e\",\n \"#d73b3e\",\n \"#1fc2c2\",\n \"#a50b5e\",\n \"#da614e\",\n \"#343434\",\n \"#b5d2ce\",\n \"#126b40\",\n \"#3b1f1f\",\n \"#f4ca16\",\n \"#8ab9f1\",\n \"#544333\",\n \"#7c7b82\",\n \"#bdda57\",\n \"#29ab87\",\n \"#b4cfd3\",\n \"#6d9292\",\n \"#eccdb9\",\n \"#e8000d\",\n \"#5e483e\",\n \"#004620\",\n \"#c6c8bd\",\n \"#1e1609\",\n \"#ffead4\",\n \"#507096\",\n \"#4cbb17\",\n \"#454936\",\n \"#7c1c05\",\n \"#3ab09e\",\n \"#e8f48c\",\n \"#bfc921\",\n \"#c3b091\",\n \"#e1ead4\",\n \"#240c02\",\n \"#3a6a47\",\n \"#736c9f\",\n \"#3e0480\",\n \"#e79fc4\",\n \"#6b4423\",\n \"#6e6d57\",\n \"#354230\",\n \"#8f4b0e\",\n \"#ffbd5f\",\n \"#ffe772\",\n \"#886221\",\n \"#368716\",\n \"#b3c110\",\n \"#087830\",\n \"#d6cadd\",\n \"#26619c\",\n \"#c6e610\",\n \"#c8b568\",\n \"#749378\",\n \"#a9ba9d\",\n \"#cf1020\",\n \"#b57edc\",\n \"#fff0f5\",\n \"#c4c3d0\",\n \"#9457eb\",\n \"#ee82ee\",\n \"#e6e6fa\",\n \"#fbaed2\",\n \"#967bb6\",\n \"#fba0e3\",\n \"#7cfc00\",\n \"#967059\",\n \"#fff700\",\n \"#fffacd\",\n \"#cca01d\",\n \"#ac9e22\",\n \"#fdff00\",\n \"#9b9e8f\",\n \"#e3ff00\",\n \"#f6eabe\",\n \"#fff44f\",\n \"#ba93d8\",\n \"#545aa7\",\n \"#1a1110\",\n \"#fdd5b1\",\n \"#add8e6\",\n \"#fe2e2e\",\n \"#b5651d\",\n \"#e66771\",\n \"#88ace0\",\n \"#f08080\",\n \"#93ccea\",\n \"#f56991\",\n \"#e0ffff\",\n \"#ff5ccd\",\n \"#c8ad7f\",\n \"#f984ef\",\n \"#fafad2\",\n \"#d3d3d3\",\n \"#cc99cc\",\n \"#90ee90\",\n \"#ffb3de\",\n \"#f0e68c\",\n \"#d39bcb\",\n \"#addfad\",\n \"#e6a8d7\",\n \"#b19cd9\",\n \"#ffb6c1\",\n \"#ffa07a\",\n \"#ff9999\",\n \"#20b2aa\",\n \"#87cefa\",\n \"#778899\",\n \"#b0c4de\",\n \"#b38b6d\",\n \"#afeeee\",\n \"#ffffe0\",\n \"#fcc01e\",\n \"#c8a2c8\",\n \"#9874d3\",\n \"#ae98aa\",\n \"#c8aabf\",\n \"#e7f8ff\",\n \"#76bd17\",\n \"#bfff00\",\n \"#32cd32\",\n \"#6f9d02\",\n \"#747d63\",\n \"#ac8a56\",\n \"#394851\",\n \"#9dc209\",\n \"#195905\",\n \"#faf0e6\",\n \"#d9e4f5\",\n \"#ab0563\",\n \"#423921\",\n \"#6ca0dc\",\n \"#674c47\",\n \"#987456\",\n \"#4d282e\",\n \"#eef4de\",\n \"#bdc9ce\",\n \"#2c8c84\",\n \"#007ec7\",\n \"#a8af8e\",\n \"#242a1d\",\n \"#aaa9cd\",\n \"#dfcfdb\",\n \"#bea6c3\",\n \"#6d0101\",\n \"#863c3c\",\n \"#460b41\",\n \"#af9f1c\",\n \"#1a1a68\",\n \"#ffe4cd\",\n \"#3c493a\",\n \"#e62020\",\n \"#a7882c\",\n \"#697e9a\",\n \"#18453b\",\n \"#d9f7ff\",\n \"#ffbd88\",\n \"#ffb97b\",\n \"#b7f0be\",\n \"#09255d\",\n \"#3f3002\",\n \"#ca1f7b\",\n \"#9f4576\",\n \"#cc338b\",\n \"#aaf0d1\",\n \"#ff4466\",\n \"#f8f4ff\",\n \"#c04000\",\n \"#b06608\",\n \"#fbec5d\",\n \"#6050dc\",\n \"#897d6d\",\n \"#444954\",\n \"#0bda51\",\n \"#7dc8f7\",\n \"#233418\",\n \"#bdb2a1\",\n \"#8e8190\",\n \"#979aaa\",\n \"#ad781b\",\n \"#f37a48\",\n \"#e25465\",\n \"#f2c3b2\",\n \"#ff8243\",\n \"#f5c999\",\n \"#74c365\",\n \"#8b9c90\",\n \"#eeef78\",\n \"#880085\",\n \"#eaa221\",\n \"#fbe870\",\n \"#286acd\",\n \"#800000\",\n \"#520c17\",\n \"#0b0f08\",\n \"#afa09e\",\n \"#363050\",\n \"#f8db9d\",\n \"#403b38\",\n \"#1b659d\",\n \"#b05d54\",\n \"#4e3b41\",\n \"#e0b0ff\",\n \"#915f6d\",\n \"#ef98aa\",\n \"#d8c2d5\",\n \"#47abcc\",\n \"#fafa37\",\n \"#4c9141\",\n \"#73c2fb\",\n \"#e5b73b\",\n \"#66ddaa\",\n \"#0000cd\",\n \"#e2062c\",\n \"#035096\",\n \"#1c352d\",\n \"#ba55d3\",\n \"#9370db\",\n \"#bb3385\",\n \"#aa4069\",\n \"#3cb371\",\n \"#80daeb\",\n \"#7b68ee\",\n \"#c9dc87\",\n \"#00fa9a\",\n \"#48d1cc\",\n \"#d9603b\",\n \"#e4c2d5\",\n \"#300529\",\n \"#f8b878\",\n \"#fdbcb4\",\n \"#c7c1ff\",\n \"#e5e5e5\",\n \"#f6f0e6\",\n \"#413c37\",\n \"#831923\",\n \"#ff00fd\",\n \"#49371b\",\n \"#71291d\",\n \"#d4af37\",\n \"#0a7e8c\",\n \"#9c7c38\",\n \"#d07d12\",\n \"#3c1f76\",\n \"#e4007c\",\n \"#a72525\",\n \"#5f5f6e\",\n \"#702670\",\n \"#191970\",\n \"#041004\",\n \"#2d2510\",\n \"#ffc40c\",\n \"#faffa4\",\n \"#b81104\",\n \"#fff6d4\",\n \"#594433\",\n \"#f8fdd3\",\n \"#e3f988\",\n \"#323232\",\n \"#3f5d53\",\n \"#36747d\",\n \"#f5e050\",\n \"#3f307f\",\n \"#3eb489\",\n \"#f5fffa\",\n \"#98ff98\",\n \"#f1eec1\",\n \"#c4f4eb\",\n \"#161928\",\n \"#d1d2dd\",\n \"#c4c4bc\",\n \"#bbb477\",\n \"#ffe4e1\",\n \"#7f7589\",\n \"#6e1d14\",\n \"#ffe4b5\",\n \"#782d19\",\n \"#c04737\",\n \"#ffa194\",\n \"#8b0723\",\n \"#4a3c30\",\n \"#b5a27f\",\n \"#8a8389\",\n \"#83d0c6\",\n \"#c7031e\",\n \"#7f76d3\",\n \"#fcfeda\",\n \"#dcddcc\",\n \"#d6cef6\",\n \"#73a9c2\",\n \"#ae0c00\",\n \"#9edee0\",\n \"#441d00\",\n \"#504351\",\n \"#036a6e\",\n \"#8a9a5b\",\n \"#30ba8f\",\n \"#959396\",\n \"#997a8d\",\n \"#b78e5c\",\n \"#aa8b5b\",\n \"#306030\",\n \"#c54b8c\",\n \"#5c0536\",\n \"#8c472f\",\n \"#4e4562\",\n \"#828e84\",\n \"#0093af\",\n \"#00a877\",\n \"#9f00c5\",\n \"#f2003c\",\n \"#efcc00\",\n \"#ffdb58\",\n \"#d69188\",\n \"#ffb31f\",\n \"#317873\",\n \"#d65282\",\n \"#ad4379\",\n \"#0087bd\",\n \"#009f6b\",\n \"#c40233\",\n \"#f6adc6\",\n \"#4b5d52\",\n \"#aca494\",\n \"#2a8000\",\n \"#fada5e\",\n \"#edf9f1\",\n \"#8b8680\",\n \"#ffdead\",\n \"#000080\",\n \"#cbdbd6\",\n \"#ffe2c5\",\n \"#ffa343\",\n \"#fe4164\",\n \"#39ff14\",\n \"#8eabc1\",\n \"#7cb7bb\",\n \"#140600\",\n \"#646e75\",\n \"#214fc6\",\n \"#f3d69d\",\n \"#d7837f\",\n \"#06a189\",\n \"#727472\",\n \"#1f120f\",\n \"#aa375a\",\n \"#193751\",\n \"#b7b1b1\",\n \"#bab1a2\",\n \"#a4dded\",\n \"#059033\",\n \"#a8bd9f\",\n \"#c59922\",\n \"#81422c\",\n \"#683600\",\n \"#e9ffdb\",\n \"#feefce\",\n \"#02866f\",\n \"#4f42b5\",\n \"#0077be\",\n \"#48bf91\",\n \"#cc7722\",\n \"#e6f8f3\",\n \"#fef9e3\",\n \"#fd5240\",\n \"#281e15\",\n \"#901e1e\",\n \"#43302e\",\n \"#724a2f\",\n \"#cfb53b\",\n \"#563c5c\",\n \"#fdf5e6\",\n \"#796878\",\n \"#867e36\",\n \"#c08081\",\n \"#848482\",\n \"#808000\",\n \"#6b8e23\",\n \"#3c341f\",\n \"#b5b35c\",\n \"#8b8470\",\n \"#716e10\",\n \"#9ab973\",\n \"#cdf4ff\",\n \"#2f270e\",\n \"#353839\",\n \"#a9c6c2\",\n \"#b784a7\",\n \"#8e6f70\",\n \"#377475\",\n \"#ff7f00\",\n \"#ff9f00\",\n \"#ff4500\",\n \"#c45719\",\n \"#fa5b3d\",\n \"#fefced\",\n \"#f8d568\",\n \"#da70d6\",\n \"#f2bdcd\",\n \"#fffdf3\",\n \"#9b4703\",\n \"#6c2e1f\",\n \"#015e85\",\n \"#c69191\",\n \"#f3fbd4\",\n \"#fb4f14\",\n \"#878d91\",\n \"#e9f8ed\",\n \"#414a4c\",\n \"#ff6e4a\",\n \"#002147\",\n \"#779e86\",\n \"#dafaff\",\n \"#e9cecd\",\n \"#a65529\",\n \"#776f61\",\n \"#1ca9c9\",\n \"#778120\",\n \"#411f10\",\n \"#ade6c4\",\n \"#006600\",\n \"#273be2\",\n \"#682860\",\n \"#987654\",\n \"#ffff99\",\n \"#af4035\",\n \"#9bc4e2\",\n \"#ddadaf\",\n \"#da8a67\",\n \"#abcdef\",\n \"#87d3f8\",\n \"#e6be8a\",\n \"#eee8aa\",\n \"#98fb98\",\n \"#dcd0ff\",\n \"#c0d3b9\",\n \"#f984e5\",\n \"#ff99cc\",\n \"#988d77\",\n \"#fadadd\",\n \"#dda0dd\",\n \"#fdfeb8\",\n \"#db7093\",\n \"#96ded1\",\n \"#ffe1f2\",\n \"#c9c0bb\",\n \"#6e7783\",\n \"#c3bfc1\",\n \"#ecebbd\",\n \"#bc987e\",\n \"#cc99ff\",\n \"#09230f\",\n \"#19330e\",\n \"#f4f2ee\",\n \"#eaf6ee\",\n \"#edcdab\",\n \"#78184a\",\n \"#0018a8\",\n \"#00ad43\",\n \"#d0417e\",\n \"#ff5800\",\n \"#d74894\",\n \"#fedf00\",\n \"#009b7d\",\n \"#ffefd5\",\n \"#8d0226\",\n \"#e63e62\",\n \"#317d82\",\n \"#f1e9d2\",\n \"#fff46e\",\n \"#26056a\",\n \"#cadcd4\",\n \"#134f19\",\n \"#aec6cf\",\n \"#836953\",\n \"#cfcfc4\",\n \"#77dd77\",\n \"#f49ac2\",\n \"#ffb347\",\n \"#dea5a4\",\n \"#b39eb5\",\n \"#ff6961\",\n \"#cb99c9\",\n \"#fdfd96\",\n \"#639a8f\",\n \"#def5ff\",\n \"#260368\",\n \"#d7c498\",\n \"#536878\",\n \"#ffcba4\",\n \"#fff0db\",\n \"#ffcc99\",\n \"#ffdab9\",\n \"#ffdcd6\",\n \"#fadfad\",\n \"#782f16\",\n \"#d1e231\",\n \"#eae0c8\",\n \"#88d8c0\",\n \"#e8e0d5\",\n \"#fcf4dc\",\n \"#32c6a6\",\n \"#b768a2\",\n \"#716b56\",\n \"#3eabbf\",\n \"#e3f5e1\",\n \"#a9bef2\",\n \"#d0bef8\",\n \"#e6e200\",\n \"#e1e6d6\",\n \"#ccccff\",\n \"#c3cde6\",\n \"#e12c2c\",\n \"#1c39bb\",\n \"#00a693\",\n \"#32127a\",\n \"#d99058\",\n \"#f77fbe\",\n \"#701c1c\",\n \"#cc3333\",\n \"#fe28a2\",\n \"#ec5800\",\n \"#cd853f\",\n \"#7f3a02\",\n \"#7c7631\",\n \"#db9690\",\n \"#96a8a1\",\n \"#8ba8b7\",\n \"#a3807b\",\n \"#000f89\",\n \"#123524\",\n \"#fff39d\",\n \"#6e4826\",\n \"#314459\",\n \"#45b1e8\",\n \"#c30b4e\",\n \"#fdd7e4\",\n \"#afbdd9\",\n \"#fddde6\",\n \"#333399\",\n \"#00a550\",\n \"#ed1c24\",\n \"#6d5e54\",\n \"#c7cd90\",\n \"#01796f\",\n \"#171f04\",\n \"#ffc0cb\",\n \"#fc74fd\",\n \"#e1c0c8\",\n \"#ffddf4\",\n \"#fff1d8\",\n \"#d8b2d1\",\n \"#ff9966\",\n \"#e7accf\",\n \"#980036\",\n \"#f78fa7\",\n \"#beb5b7\",\n \"#c96323\",\n \"#fef4cc\",\n \"#ffe1df\",\n \"#ba7f03\",\n \"#93c572\",\n \"#c0d8b6\",\n \"#391285\",\n \"#ff9000\",\n \"#c99415\",\n \"#27504b\",\n \"#e5e4e2\",\n \"#8e4585\",\n \"#5946b2\",\n \"#8f021c\",\n \"#e5f9f6\",\n \"#5da493\",\n \"#8da8cc\",\n \"#f34723\",\n \"#660045\",\n \"#be4f62\",\n \"#eff2f3\",\n \"#eaae69\",\n \"#251f4f\",\n \"#ffffb4\",\n \"#8b9fee\",\n \"#f9e663\",\n \"#ff5a36\",\n \"#f5e7e2\",\n \"#8c5738\",\n \"#bcc9c2\",\n \"#b0e0e6\",\n \"#9a3820\",\n \"#d0c0e5\",\n \"#f0e2ec\",\n \"#edea99\",\n \"#ff85cf\",\n \"#f58025\",\n \"#00b7eb\",\n \"#ff0090\",\n \"#fef5f1\",\n \"#003153\",\n \"#df00ff\",\n \"#cc8899\",\n \"#7d2c14\",\n \"#3fc1aa\",\n \"#644117\",\n \"#3b331c\",\n \"#c2cac4\",\n \"#ff7518\",\n \"#b1610b\",\n \"#dc4333\",\n \"#4d3d14\",\n \"#800080\",\n \"#69359c\",\n \"#9678b6\",\n \"#4e5180\",\n \"#fe4eda\",\n \"#9c51b6\",\n \"#50404d\",\n \"#9a4eae\",\n \"#e7cd8c\",\n \"#fffdf4\",\n \"#f7f2e1\",\n \"#51484f\",\n \"#436b95\",\n \"#e8ccd7\",\n \"#a6a6a6\",\n \"#bd978e\",\n \"#d6d6d1\",\n \"#8e3a59\",\n \"#623f2d\",\n \"#0247fe\",\n \"#66b032\",\n \"#fb9902\",\n \"#fe2712\",\n \"#8601af\",\n \"#fefe33\",\n \"#0c1911\",\n \"#ff355e\",\n \"#eadab8\",\n \"#b9c8ac\",\n \"#242124\",\n \"#fbab60\",\n \"#2e3222\",\n \"#1c1e13\",\n \"#e30b5d\",\n \"#e25098\",\n \"#727b89\",\n \"#d68a59\",\n \"#826644\",\n \"#ff33cc\",\n \"#e3256b\",\n \"#8d4e85\",\n \"#663399\",\n \"#3c1206\",\n \"#ff0000\",\n \"#7b3801\",\n \"#8e0000\",\n \"#da6a41\",\n \"#860111\",\n \"#ff5349\",\n \"#6e0902\",\n \"#e40078\",\n \"#ed0a3f\",\n \"#80341f\",\n \"#fd3a4a\",\n \"#d05f04\",\n \"#c71585\",\n \"#a45a52\",\n \"#c9ffa2\",\n \"#9f821c\",\n \"#013f6a\",\n \"#522d80\",\n \"#86949f\",\n \"#aad6e6\",\n \"#feebf3\",\n \"#a86515\",\n \"#002387\",\n \"#2c1632\",\n \"#2e3f62\",\n \"#777696\",\n \"#fffef0\",\n \"#eeffe2\",\n \"#004040\",\n \"#f1a7fe\",\n \"#d70040\",\n \"#0892d0\",\n \"#a85307\",\n \"#a76bcf\",\n \"#b666d2\",\n \"#b03060\",\n \"#444c38\",\n \"#bbd009\",\n \"#f4d81c\",\n \"#410056\",\n \"#8be6d8\",\n \"#434c59\",\n \"#704241\",\n \"#eac674\",\n \"#00cccc\",\n \"#4d3833\",\n \"#9eb1cd\",\n \"#ba450c\",\n \"#8a7f80\",\n \"#c9b29b\",\n \"#747d83\",\n \"#de6360\",\n \"#795d4c\",\n \"#838996\",\n \"#fffefd\",\n \"#ffd2b7\",\n \"#ecc54e\",\n \"#a62f20\",\n \"#8e4d1e\",\n \"#ff007f\",\n \"#f9429e\",\n \"#fbb2a3\",\n \"#800b47\",\n \"#9e5e6f\",\n \"#674846\",\n \"#e7bcb4\",\n \"#b76e79\",\n \"#ff66cc\",\n \"#c21e56\",\n \"#905d5d\",\n \"#ab4e52\",\n \"#fff6f5\",\n \"#bf5500\",\n \"#65000b\",\n \"#d40000\",\n \"#bc8f8f\",\n \"#c6a84b\",\n \"#a23b6c\",\n \"#5d8aa8\",\n \"#0038a8\",\n \"#4169e1\",\n \"#ca2c92\",\n \"#ab3472\",\n \"#7851a9\",\n \"#ce4676\",\n \"#d10056\",\n \"#e0115f\",\n \"#9b111e\",\n \"#ff0028\",\n \"#bb6528\",\n \"#e18e96\",\n \"#a81c07\",\n \"#796989\",\n \"#f9f8e4\",\n \"#80461b\",\n \"#755a57\",\n \"#679267\",\n \"#32174d\",\n \"#b7410e\",\n \"#480404\",\n \"#86560a\",\n \"#da2c43\",\n \"#ff7e00\",\n \"#043927\",\n \"#4c3024\",\n \"#8b4513\",\n \"#ff7800\",\n \"#eed202\",\n \"#f4c430\",\n \"#f9bf58\",\n \"#bcb88a\",\n \"#b7a214\",\n \"#f1e788\",\n \"#b8e0f9\",\n \"#097f4b\",\n \"#fa8072\",\n \"#ff91a4\",\n \"#fedb8d\",\n \"#685e6e\",\n \"#f1f7f2\",\n \"#3a2010\",\n \"#0b6207\",\n \"#304b6a\",\n \"#456cac\",\n \"#967117\",\n \"#aa8d6f\",\n \"#ab917a\",\n \"#796d62\",\n \"#ecd540\",\n \"#f5e7a2\",\n \"#ffeac8\",\n \"#f4a460\",\n \"#92000a\",\n \"#8d3d38\",\n \"#b16d52\",\n \"#9fa0b1\",\n \"#507d2a\",\n \"#ded4a4\",\n \"#0f52ba\",\n \"#0067a5\",\n \"#555b10\",\n \"#ff4681\",\n \"#e6e4d4\",\n \"#cba135\",\n \"#fff5f3\",\n \"#fff4e0\",\n \"#675fa6\",\n \"#cffaf4\",\n \"#ff2400\",\n \"#431560\",\n \"#950015\",\n \"#585562\",\n \"#a9b497\",\n \"#ffd800\",\n \"#8b847e\",\n \"#0066cc\",\n \"#2ebfd4\",\n \"#695f62\",\n \"#fffbdc\",\n \"#66ff66\",\n \"#006994\",\n \"#fba129\",\n \"#2e8b57\",\n \"#c5dbca\",\n \"#78a39c\",\n \"#ed989e\",\n \"#4bc7cf\",\n \"#80ccea\",\n \"#59260b\",\n \"#731e8f\",\n \"#fff5ee\",\n \"#1b2f11\",\n \"#f0eefd\",\n \"#ffba00\",\n \"#704214\",\n \"#2b0202\",\n \"#9e5b40\",\n \"#fff4e8\",\n \"#8a795d\",\n \"#778ba5\",\n \"#9ac2b8\",\n \"#aaa5a9\",\n \"#4eabd1\",\n \"#fbffba\",\n \"#ffcff1\",\n \"#33cc99\",\n \"#009e60\",\n \"#25272c\",\n \"#8fd400\",\n \"#004950\",\n \"#02402c\",\n \"#e8b9b3\",\n \"#d98695\",\n \"#6b4e31\",\n \"#5fa778\",\n \"#788bba\",\n \"#3e3a44\",\n \"#b20931\",\n \"#e292c0\",\n \"#fc0fc0\",\n \"#5f6672\",\n \"#646a54\",\n \"#f3e7bb\",\n \"#882d17\",\n \"#bdb1a8\",\n \"#c0c0c0\",\n \"#acacac\",\n \"#5d89ba\",\n \"#c4aead\",\n \"#bfc1c2\",\n \"#66b58f\",\n \"#9fd7d3\",\n \"#cb410b\",\n \"#7a013a\",\n \"#718080\",\n \"#d3cbba\",\n \"#ff3855\",\n \"#ffdb00\",\n \"#cae6da\",\n \"#007474\",\n \"#87ceeb\",\n \"#cf71af\",\n \"#6a5acd\",\n \"#708090\",\n \"#299617\",\n \"#003399\",\n \"#51808f\",\n \"#ff6d3a\",\n \"#c84186\",\n \"#738276\",\n \"#832a0d\",\n \"#605b73\",\n \"#100c08\",\n \"#933d41\",\n \"#fffafa\",\n \"#f7faf7\",\n \"#e4ffd1\",\n \"#d6ffdb\",\n \"#e2d8ed\",\n \"#cec8ef\",\n \"#fffbf9\",\n \"#d1c6b4\",\n \"#f5edef\",\n \"#893843\",\n \"#fef8e2\",\n \"#eaf6ff\",\n \"#757575\",\n \"#fd7c07\",\n \"#ceb98f\",\n \"#6a6051\",\n \"#1d2951\",\n \"#807532\",\n \"#0070b8\",\n \"#d10047\",\n \"#e51a4c\",\n \"#989898\",\n \"#009150\",\n \"#e86100\",\n \"#f7bfbe\",\n \"#e60026\",\n \"#00aae4\",\n \"#4c2882\",\n \"#007f5c\",\n \"#9e1316\",\n \"#2f5a57\",\n \"#6a442e\",\n \"#8b5f4d\",\n \"#74640d\",\n \"#816e71\",\n \"#b6d1ea\",\n \"#0fc0fc\",\n \"#79deec\",\n \"#a7fc00\",\n \"#87ff2a\",\n \"#00ff7f\",\n \"#578363\",\n \"#accbb1\",\n \"#f6ffdc\",\n \"#f8f6f1\",\n \"#c1d7b0\",\n \"#aaabb7\",\n \"#8f8176\",\n \"#23297a\",\n \"#2d569b\",\n \"#8a8f8a\",\n \"#007bb8\",\n \"#9f9f9c\",\n \"#e5d7bd\",\n \"#ecf245\",\n \"#4682b4\",\n \"#262335\",\n \"#cc33cc\",\n \"#5f8a8b\",\n \"#9c3336\",\n \"#928573\",\n \"#646463\",\n \"#717486\",\n \"#4f666a\",\n \"#000741\",\n \"#e4d96f\",\n \"#fc5a8d\",\n \"#956387\",\n \"#325d52\",\n \"#714ab2\",\n \"#bac7c9\",\n \"#f9fff6\",\n \"#914e75\",\n \"#c1f07c\",\n \"#96bbab\",\n \"#fbac13\",\n \"#ff404c\",\n \"#c9b35b\",\n \"#ffb1b3\",\n \"#e4d422\",\n \"#e16865\",\n \"#ffcc33\",\n \"#f2f27a\",\n \"#e3ab57\",\n \"#fad6a5\",\n \"#fd5e53\",\n \"#ff9e2c\",\n \"#cf6ba9\",\n \"#ffc901\",\n \"#bbd7c1\",\n \"#cfe5d2\",\n \"#0c7a79\",\n \"#87ab39\",\n \"#888387\",\n \"#001b1c\",\n \"#acb78e\",\n \"#dcf0ea\",\n \"#a83731\",\n \"#fbea8c\",\n \"#fd9fa2\",\n \"#d3cdc5\",\n \"#ddd6d5\",\n \"#908d39\",\n \"#a02712\",\n \"#edb381\",\n \"#d6c562\",\n \"#e97c07\",\n \"#eef0c8\",\n \"#b32d29\",\n \"#a8a589\",\n \"#991613\",\n \"#341515\",\n \"#d2b48c\",\n \"#fa9d5a\",\n \"#d9dcc1\",\n \"#03163c\",\n \"#f94d00\",\n \"#f28500\",\n \"#ffcc00\",\n \"#ed7a1c\",\n \"#e4717a\",\n \"#7b7874\",\n \"#b05e81\",\n \"#e1f6e8\",\n \"#073a50\",\n \"#fb4d46\",\n \"#cfdccf\",\n \"#483c32\",\n \"#8b8589\",\n \"#692545\",\n \"#1e433c\",\n \"#c1bab0\",\n \"#d0f0c0\",\n \"#f4c2c2\",\n \"#b19461\",\n \"#008080\",\n \"#367588\",\n \"#99e6b3\",\n \"#00827f\",\n \"#cf3476\",\n \"#3b000b\",\n \"#cd5700\",\n \"#ffe6c7\",\n \"#e2725b\",\n \"#f8f99c\",\n \"#ffb555\",\n \"#b69d98\",\n \"#403d19\",\n \"#d8bfd8\",\n \"#cccaa8\",\n \"#de6fa1\",\n \"#33292f\",\n \"#c02b18\",\n \"#c1440e\",\n \"#c3d1d1\",\n \"#063537\",\n \"#fc89ac\",\n \"#f1ffad\",\n \"#bfb8b0\",\n \"#0abab5\",\n \"#e08d3c\",\n \"#16322c\",\n \"#dbd7d2\",\n \"#f0eeff\",\n \"#eee600\",\n \"#9a6e61\",\n \"#715d47\",\n \"#3a0020\",\n \"#1b0245\",\n \"#3f583b\",\n \"#ff6347\",\n \"#e79f8c\",\n \"#746cc0\",\n \"#ffc87c\",\n \"#0f2d9e\",\n \"#1450aa\",\n \"#8d3f3f\",\n \"#991b07\",\n \"#a9bdbf\",\n \"#fd0e35\",\n \"#5fb3ac\",\n \"#e6ffff\",\n \"#fffde8\",\n \"#fc9c1d\",\n \"#3b2820\",\n \"#7c881a\",\n \"#8c6495\",\n \"#e64e03\",\n \"#c3ddf9\",\n \"#00755e\",\n \"#cda4de\",\n \"#4a4e5a\",\n \"#0073cf\",\n \"#8a73d6\",\n \"#363534\",\n \"#ffddcd\",\n \"#417dc1\",\n \"#ff878d\",\n \"#eab33b\",\n \"#deaa88\",\n \"#353542\",\n \"#4a4244\",\n \"#fae600\",\n \"#b57281\",\n \"#cabb48\",\n \"#40e0d0\",\n \"#00ffef\",\n \"#a0d6b4\",\n \"#2a380b\",\n \"#7c4848\",\n \"#a67b5b\",\n \"#c09999\",\n \"#eef3c3\",\n \"#c5994b\",\n \"#fff1f9\",\n \"#e4cfde\",\n \"#eefdff\",\n \"#8a496b\",\n \"#c2955d\",\n \"#66023c\",\n \"#0033aa\",\n \"#d9004c\",\n \"#536895\",\n \"#ffb300\",\n \"#3cd070\",\n \"#014421\",\n \"#7b1113\",\n \"#004f98\",\n \"#8878c3\",\n \"#ff6fff\",\n \"#3f00ff\",\n \"#4166f5\",\n \"#635147\",\n \"#ffddca\",\n \"#f9e6f4\",\n \"#5b92e5\",\n \"#b78727\",\n \"#f77f00\",\n \"#ffff66\",\n \"#ae2029\",\n \"#e1ad21\",\n \"#d3003f\",\n \"#d84437\",\n \"#350e42\",\n \"#2b194f\",\n \"#49170c\",\n \"#664228\",\n \"#f3e5ab\",\n \"#f38fa9\",\n \"#fff6df\",\n \"#c5b358\",\n \"#c80815\",\n \"#055989\",\n \"#928590\",\n \"#43b3ae\",\n \"#495400\",\n \"#d9381e\",\n \"#a020f0\",\n \"#74bbfb\",\n \"#6666ff\",\n \"#64e986\",\n \"#ffb077\",\n \"#ffdfbf\",\n \"#ffffbf\",\n \"#b14a0b\",\n \"#534491\",\n \"#549019\",\n \"#64ccdb\",\n \"#983d61\",\n \"#cb8fa9\",\n \"#290c5e\",\n \"#7f00ff\",\n \"#324ab2\",\n \"#991199\",\n \"#f75394\",\n \"#40826d\",\n \"#009698\",\n \"#ffefa1\",\n \"#7c9ed9\",\n \"#fcf8f7\",\n \"#cc9900\",\n \"#922724\",\n \"#9f1d35\",\n \"#da1d81\",\n \"#00aaee\",\n \"#cc0033\",\n \"#ff9900\",\n \"#a6d608\",\n \"#00cc33\",\n \"#b80ce3\",\n \"#ff5f00\",\n \"#ffa000\",\n \"#cc00ff\",\n \"#ff006c\",\n \"#f70d1a\",\n \"#df6124\",\n \"#00ccff\",\n \"#f07427\",\n \"#ffa089\",\n \"#e56024\",\n \"#9f00ff\",\n \"#ffe302\",\n \"#ceff00\",\n \"#533455\",\n \"#10121d\",\n \"#decbc6\",\n \"#5a6e9c\",\n \"#363c0d\",\n \"#773f1a\",\n \"#004242\",\n \"#788a25\",\n \"#a1e9de\",\n \"#056f57\",\n \"#7b7c94\",\n \"#a4f4f9\",\n \"#dcd747\",\n \"#ffddcf\",\n \"#ffc0a8\",\n \"#f7dbe6\",\n \"#7fff00\",\n \"#ffa500\",\n \"#4e7f9e\",\n \"#7c98ab\",\n \"#b43332\",\n \"#645452\",\n \"#625119\",\n \"#ff910f\",\n \"#dcd9d2\",\n \"#f19bab\",\n \"#f5deb3\",\n \"#f3edcf\",\n \"#d59a6f\",\n \"#f7f5fa\",\n \"#ffffff\",\n \"#ddf9f1\",\n \"#f8f7fc\",\n \"#f8f0e8\",\n \"#fef8ff\",\n \"#eae8d4\",\n \"#f5f5f5\",\n \"#a2add0\",\n \"#d470a2\",\n \"#ece090\",\n \"#f4f4f4\",\n \"#ff43a4\",\n \"#fc6c85\",\n \"#b9c46a\",\n \"#3a686c\",\n \"#dfecda\",\n \"#65745d\",\n \"#fd5800\",\n \"#3c0878\",\n \"#a75502\",\n \"#722f37\",\n \"#591d35\",\n \"#673147\",\n \"#d5d195\",\n \"#ff007c\",\n \"#a0e6ff\",\n \"#56887d\",\n \"#fef4f8\",\n \"#c9a0dc\",\n \"#a4a6d3\",\n \"#fffc99\",\n \"#261105\",\n \"#4d5328\",\n \"#302a0f\",\n \"#0c0d0f\",\n \"#483131\",\n \"#006400\",\n \"#bebebe\",\n \"#738678\",\n \"#0f4d92\",\n \"#1c2841\",\n \"#ffff00\",\n \"#9acd32\",\n \"#716338\",\n \"#ffae42\",\n \"#fff000\",\n \"#fea904\",\n \"#ffc3c0\",\n \"#7b6608\",\n \"#cec291\",\n \"#0014a8\",\n \"#685558\",\n \"#daecd6\",\n \"#e5841b\",\n \"#292319\",\n \"#bfdbe2\",\n \"#ebc2af\",\n \"#2c1608\",\n \"#f4f8ff\",\n \"#e4d69b\",\n \"#39a78e\",\n \"#a59b91\",\n \"#044022\",\n \"#edf6ff\",\n];\n","import { InputLabel, TextField, Checkbox } from \"@material-ui/core\";\nimport Autocomplete from \"@material-ui/lab/Autocomplete\";\nimport { CheckBox, CheckBoxOutlineBlank } from \"@material-ui/icons\";\nimport { withStyles } from \"@material-ui/core/styles\";\nimport React, { useState } from \"react\";\nimport themes from \"../../themes\";\nimport { View } from \"../Common\";\n\nconst icon = \n {label && (\n \n {label ?? placeholder}\n \n )}\n {\n option.label}\n onChange={handleChange}\n value={_value}\n classes={{\n endAdornment: classes.endAdornment,\n paper: classes.paper,\n listbox: classes.listbox,\n popper: classes.popper,\n }}\n renderOption={(option, { selected }) => (\n <>\n {multiple ? (\n <>\n \n );\n};\n\nconst styles = () => ({\n container: {\n flexDirection: \"column\",\n },\n\n label: {\n ...themes.Styles.defaultLabel,\n marginBottom: themes.Metrics.layout.medium,\n },\n\n labelFocus: {\n color: themes.Colors.primary,\n },\n\n labelError: {\n color: themes.Colors.primary,\n },\n\n inputCover: {\n // marginBottom: 24,\n },\n\n input: {\n ...themes.Styles.defaultTextInput,\n height: themes.Metrics.inputHeight,\n padding: \"6.5px 16px\",\n fontFamily: themes.Fonts.type.Regular,\n \"&:after\": {\n borderBottomWidth: \"0px!important\",\n },\n \"&:before\": {\n borderBottomWidth: \"0px!important\",\n },\n backgroundColor: themes.Colors.white,\n borderRadius: themes.Metrics.layout.medium,\n border: `solid 1px ${themes.Colors.gray2}`,\n },\n\n disabled: {\n backgroundColor: themes.Colors.gray5,\n borderColor: themes.Colors.gray5,\n },\n inputFocus: {\n borderColor: themes.Colors.primary,\n },\n\n inputError: {\n borderColor: themes.Colors.inputError,\n },\n\n popper: {\n padding: \"8px 0px\",\n },\n\n endAdornment: {\n right: \"10px\",\n },\n\n paper: {\n borderRadius: \"8px\",\n overflow: \"hidden\",\n },\n\n listbox: {\n \"& ul\": {\n padding: 0,\n },\n \"& li\": {\n borderTop: \"0.5px solid #939393\",\n padding: \"10px 0px\",\n margin: \"0px 16px\",\n },\n \"& li:first-child\": {\n borderTop: 0,\n },\n \"& li[aria-selected='true']\": {\n backgroundColor: themes.Colors.white,\n },\n \"& li[data-focus='true']\": {\n backgroundColor: \"rgba(0, 0, 0, 0.08)\",\n cursor: \"pointer\",\n },\n },\n});\n\nexport default withStyles(styles)(Select);\n","import CommonService from \"../services/CommonService\";\n\nexport const actionTypes = {\n GET_OVERVIEW_REQUEST: \"GET_OVERVIEW_REQUEST\",\n GET_OVERVIEW_SUCCESS: \"GET_OVERVIEW_SUCCESS\",\n GET_OVERVIEW_FAIL: \"GET_OVERVIEW_FAIL\",\n GET_TOP_SEARCH_REQUEST: \"GET_TOP_SEARCH_REQUEST\",\n GET_TOP_SEARCH_SUCCESS: \"GET_TOP_SEARCH_SUCCESS\",\n GET_TOP_SEARCH_FAIL: \"GET_TOP_SEARCH_FAIL\",\n};\n\nconst getOverviewRequest = () => ({\n type: actionTypes.GET_OVERVIEW_REQUEST,\n});\n\nconst getOverviewFail = (error) => ({\n type: actionTypes.GET_OVERVIEW_FAIL,\n error,\n});\n\nconst getOverviewSuccess = (result) => ({\n type: actionTypes.GET_OVERVIEW_SUCCESS,\n result,\n});\n\nexport const getOverview = (param) => async (dispatch) => {\n dispatch(getOverviewRequest());\n return CommonService.getOverView(param)\n .then((result) => {\n dispatch(getOverviewSuccess(result));\n })\n .catch((error) => {\n dispatch(getOverviewFail(error));\n });\n};\n\nconst getTopSearchRequest = () => ({\n type: actionTypes.GET_TOP_SEARCH_REQUEST,\n});\n\nconst getTopSearchFail = (error) => ({\n type: actionTypes.GET_TOP_SEARCH_FAIL,\n error,\n});\n\nconst getTopSearchSuccess = (result) => ({\n type: actionTypes.GET_TOP_SEARCH_SUCCESS,\n result,\n});\n\nexport const getTopSearch = (param) => async (dispatch) => {\n dispatch(getTopSearchRequest());\n return CommonService.getTopSearch(param)\n .then((result) => {\n dispatch(getTopSearchSuccess(result));\n })\n .catch((error) => {\n dispatch(getTopSearchFail(error));\n });\n};","import { withStyles } from \"@material-ui/core/styles\";\nimport React from \"react\";\nimport { getName } from \"../../helpers/common\";\nimport AppUtils from \"../../utils\";\nimport { View, Text, Image } from \"../Common\";\nimport styles from \"./styles\";\n\nconst TopSearchItem = ({ classes, data, handle, ...other }) => {\n return (\n \n handle(data?.id_loai, data?.ten_tv)}>\n {/* {data?.avatar && ( */}\n \n {getName(data.ten_tv)} \n {/* {getName(data.Ten_Ho)} */}\n {/* */}\n {data?.phan_bo?.slice(0, 60)}...
\n {/* */}\n \n \n \n );\n};\n\nexport default withStyles(styles)(TopSearchItem);\n","import themes from \"../../themes\";\n\nexport default () => ({\n container: {\n height: 260,\n width: '100%',\n borderRadius: 10,\n cursor: \"pointer\",\n },\n button: {\n height: 260,\n width: '100%',\n borderRadius: 10,\n borderWidth: 0,\n padding: 0,\n cursor: \"pointer\",\n },\n imgBgr: {\n height: 160,\n width: '100%',\n borderTopLeftRadius: 10,\n borderTopRightRadius: 10,\n },\n txtGr: {\n width: '100%',\n height: 100,\n flexDirection: \"column\",\n borderBottomLeftRadius: 10,\n borderBottomRightRadius: 10,\n backgroundColor: themes.Colors.secondary,\n },\n nameMain: {\n color: themes.Colors.primary,\n fontSize: themes.Fonts.size.s16,\n fontWeight: \"600\",\n // fontFamily: themes.Fonts.type.SemiBold,\n textAlign: \"left\",\n marginLeft: 16,\n marginTop: 10,\n },\n nameSub: {\n color: \"#16BA2F\",\n fontSize: themes.Fonts.size.s14,\n fontFamily: themes.Fonts.type.Medium,\n marginTop: 5,\n textAlign: \"left\",\n marginLeft: 16,\n },\n descrpt: {\n marginLeft: 16,\n textAlign: \"left\",\n marginTop: 5,\n fontSize: themes.Fonts.size.s14,\n },\n});\n","import themes from \"../../../themes\";\n\nexport default () => ({\n container: {\n ...themes.Styles.screen.screenContainer,\n flexDirection: \"column\",\n margin: \"50px 0px 0px 0px\",\n },\n body: {\n flexDirection: \"column\",\n flex: \"1 1 auto\",\n transition: \"all 0.3s\",\n },\n title: {\n ...themes.Styles.title,\n marginBottom: 24,\n marginTop: 33,\n color: themes.Colors.primary,\n },\n marginRight50: {\n marginRight: 50,\n },\n dataOverView: {\n flexDirection: \"column\",\n marginTop: 20,\n },\n marginVer10: {\n marginTop: 10,\n marginBottom: 10,\n },\n areaView: {\n paddingLeft: 42,\n },\n\n map: {\n width: \"100%\",\n height: 400,\n borderRadius: 10,\n },\n topSearchView: {\n // alignItems: \"center\",\n },\n topSearchItem: {\n alignItems: \"center\",\n justifyContent: \"center\",\n },\n listItem: {\n height: 60,\n width: \"100%\",\n backgroundColor: themes.Colors.secondary,\n justifyContent: \"space-between\",\n borderRadius: 10,\n color: themes.Colors.primary,\n marginBottom: 6,\n },\n button: {\n height: 60,\n width: \"100%\",\n backgroundColor: themes.Colors.secondary,\n justifyContent: \"space-between\",\n borderRadius: 10,\n color: themes.Colors.primary,\n borderColor: \"transparent\",\n marginBottom: 6,\n },\n overView: {\n width: \"100%\",\n maxHeight: 560,\n overflowY: \"scroll\",\n },\n marginL10: {\n marginLeft: 20,\n },\n subLen: {\n width: 43,\n height: 43,\n borderRadius: 10,\n color: themes.Colors.white,\n backgroundColor: themes.Colors.primary,\n justifyContent: \"center\",\n alignItems: \"center\",\n textAlign: \"center\",\n },\n areaHeader: {\n flexDirection: \"row\",\n justifyContent: \"space-between\",\n alignItems: \"center\",\n },\n overViewBtn: {\n width: \"50%\",\n marginLeft: \"25%\",\n },\n textButton: {\n cursor: \"pointer\",\n },\n});\n","import { ListItem, ListItemText, withStyles } from \"@material-ui/core\";\nimport React, { useState } from \"react\";\nimport { TextButton } from \"../../../components/Common\";\nimport styles from \"./styles\";\n\nconst ListItemOverView = ({ item, classes, index, onNavigateToDetail }) => {\n const subLen = 0;\n const [isOpen, setIsOpen] = useState(false);\n return (\n \n
\n \n onNavigateToDetail(item?.id_loai, item?.ten_tv)}\n />\n {subLen > 0 && (\n \n )}\n \"} onClick={() => setIsOpen(true)} />\n \n \n {isOpen && (\n
\n \n \n
\n )}\n
\n \n {list.map((item, index) => {\n return (\n
\n \n );\n };\n\n onNavigateToDetail = (id, name) => {\n const key = \"UnitDetail\" + \"_\" + id;\n navigator.navigate(\"detail/\" + id, {\n unitId: id,\n name,\n key,\n });\n };\n\n render() {\n const { classes, areas, overviewState, topSearchs } = this.props;\n const { center, areaSelected, areaMap } = this.state;\n return (\n \n \n \n {topSearchs.slice(0, 4).map((data) => {\n return (\n \n \n );\n })}\n \n \n \n \n \n Tổng quan \n {this.renderList(overviewState.data)}\n \n \n \n Khu vực phân bố \n \n \n \n {/* {!!areaMap && (\n \n {areaMap?.tenKhuVuc} */}\n {!!areaMap && \n )} */}\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n );\n }\n}\n\nconst mapStateToProps = (state) => ({\n areas: state.area.data,\n error: state.area.error,\n overviewState: state.overview,\n topSearchs: state.topSearch.data,\n});\n\nconst mapDispatchToProps = (dispatch) => ({\n dispatchGetAreas: () => dispatch(getAreas()),\n dispatchGetOverviews: (pageNum) => dispatch(getOverview(pageNum)),\n dispatchGetTopSearch: (top) => dispatch(getTopSearch({ top })),\n});\n\nexport default withStyles(styles)(connect(mapStateToProps, mapDispatchToProps)(HomeScreen));\n","import { Dialog, Grid, withStyles } from \"@material-ui/core\";\nimport L from \"leaflet\";\nimport icon from \"leaflet/dist/images/marker-icon.png\";\nimport iconShadow from \"leaflet/dist/images/marker-shadow.png\";\nimport \"leaflet/dist/leaflet.css\";\nimport React, { Component } from \"react\";\nimport { LayersControl, MapContainer, Polygon, Popup, TileLayer } from \"react-leaflet\";\nimport { connect } from \"react-redux\";\nimport { getAreas } from \"../../../actions/DistributeActions\";\nimport { Button, Image, Select, Text, TextButton, View } from \"../../../components/Common\";\nimport DistributeService from \"../../../services/DistributeService\";\nimport AppUtils from \"../../../utils\";\nimport styles from \"./styles\";\nimport Marker from \"react-leaflet-enhanced-marker\";\nimport { FaMapMarker } from \"react-icons/fa\";\nimport { COLORS } from \"./color\";\nimport CommonService from \"../../../services/CommonService\";\nimport { getName } from \"../../../helpers/common\";\nimport navigator from \"../../../navigator\";\nimport SelectCmp from \"../../../components/SelectComp\";\nimport { ChangeMapView } from \"../HomeScreen\";\nimport Backdrop from \"@material-ui/core/Backdrop\";\nimport CircularProgress from \"@material-ui/core/CircularProgress\";\n\n// let DefaultIcon = L.icon({\n// iconUrl: icon,\n// shadowUrl: iconShadow,\n// });\n\n// L.Marker.prototype.options.icon = DefaultIcon;\n\nfunction groupTree(trees) {\n let treesObject = {};\n trees.forEach((tree) => {\n const { idLoai, kinhDo, viDo } = tree;\n const key = [idLoai, parseFloat(kinhDo)?.toFixed(3), parseFloat(viDo)?.toFixed(3)].join(\"_\");\n if (!treesObject[key]) {\n treesObject[key] = {\n ...tree,\n count: 0,\n color: COLORS[Math.floor(Math.random() * COLORS.length)],\n };\n } else {\n treesObject[key].count += 1;\n }\n });\n return Object.keys(treesObject).map((key) => treesObject[key]);\n}\n\nclass CusMarker extends Component {\n render() {\n const { color, count } = this.props.data || {};\n return (\n \n
{this.props.tree?.label + `(${count})`}
\n
\n
\n Loài: {tree?.ten_tv}
\n );\n };\n\n renderTextItem = (title, content) => {\n const { classes } = this.props;\n return (\n \n \n \n {\"\"}\n {title}\n {\" :\"}\n \n {\" \"}\n {getName(content) || \"--\"}\n \n \n );\n };\n\n render() {\n const { classes, areas } = this.props;\n const {\n valueSearch,\n areaSelected,\n treesInArea,\n trees,\n areaMap,\n isOpenModal,\n treeSelected,\n center,\n isLoading,\n } = this.state;\n return (\n \n
\n \n \n \n \n \n {/* this.setSearchValue(newValue)}\n onCancelSearch={() => this.setSearchValue(\"\")}\n searchIcon={ \n\n \n \n \n \n \n
\n \n {!!areaMap && \n \n \n \n \n \n \n \n {trees.map((t) => {\n const tree = treesInArea.find((tr) => String(tr.id_loai) === String(t.idLoai));\n return (\n {this.renderPopUp(t?.idLoai)} \n \n );\n })}\n \n
\n \n\n
\n \n \n {this.renderTextItem(\"Tên tiếng Việt\", treeSelected?.tenTV || \"--\")}\n {this.renderTextItem(\"Tên khoa học\", treeSelected?.tenKH || \"--\")}\n {this.renderTextItem(\"Tên đồng nghĩa\", treeSelected?.tenDongNghia || \"--\")}\n {this.renderTextItem(\"Đặc điểm nhận dạng\", treeSelected?.dacDiemNhanDang || \"--\")}\n {this.renderTextItem(\"Phân bố\", treeSelected?.phanBo || \"--\")}\n \n \n {this.renderTextItem(\"Sinh thái\", treeSelected?.sinhHocSinhThai || \"--\")}\n {this.renderTextItem(\"Giá trị\", treeSelected?.giaTri || \"--\")}\n {this.renderTextItem(\"Mô tả\", treeSelected?.moTa || \"--\")}\n \n \n \n \n \n \n handle(item?.plantid || item?.id || \"\", item?.ten_latin || \"\")}\n >\n {isUnitType && !item?.imageUrls && (\n \n \n \n \n {getName(item?.ten_tv || item?.ten_kh || \"\")}\n \n {!!score && (\n \n {String((score * 100).toFixed(2))} %\n \n )}\n \n {(item?.sinhhocsinhthai || \"\").slice(0, 200)} \n \n {(item?.imageUrls || []).length > 0 && (\n \n {item?.imageUrls.map((img) => (\n \n )}\n \n \n \n );\n};\n\nexport default withStyles(styles)(SearchResultItem);\n","import themes from \"../../themes\";\n\nexport default () => ({\n container: {\n height: 160,\n width: \"100%\",\n borderRadius: 10,\n backgroundColor: themes.Colors.secondary,\n },\n button: {\n flexDirection: \"row\",\n justifyContent: \"space-between\",\n // height: 160,\n width: \"100%\",\n borderRadius: 10,\n borderWidth: 0,\n padding: 0,\n backgroundColor: themes.Colors.secondary,\n },\n imgBgr: {\n height: 160,\n width: 240,\n backgroundColor: \"gray\",\n },\n txtGr: {\n // height: 160,\n width: \"100%\",\n borderRadius: 10,\n flexDirection: \"column\",\n justifyContent: \"center\",\n },\n nameMain: {\n color: themes.Colors.primary,\n fontSize: themes.Fonts.size.s16,\n fontWeight: \"600\",\n // fontFamily: themes.Fonts.type.SemiBold,\n textAlign: \"left\",\n },\n nameSub: {\n color: themes.Colors.gray2,\n fontSize: themes.Fonts.size.s14,\n fontWeight: \"500\",\n // fontFamily: themes.Fonts.type.Medium,\n marginTop: 10,\n textAlign: \"justify\",\n },\n contentGr: {\n width: \"100%\",\n flex: 1,\n flexDirection: \"column\",\n // justifyContent: \"space-between\",\n marginLeft: 32,\n marginRight: 32,\n },\n txtHeader: {\n width: \"100%\",\n flexDirection: \"row\",\n justifyContent: \"space-between\",\n marginRight: 32,\n },\n height60: {\n height: 60,\n },\n ml_10: {\n marginLeft: 10,\n },\n imgsGroup: {\n flexDirection: \"row\",\n alignItems: \"center\",\n maxHeight: 60,\n },\n smallImg: {\n width: 60,\n height: 60,\n marginRight: 10\n },\n});\n","import React, { Component } from \"react\";\nimport { withStyles, Grid, Modal, Dialog } from \"@material-ui/core\";\nimport \"react-image-gallery/styles/css/image-gallery.css\";\nimport ImageGallery from \"react-image-gallery\";\n\nimport { View, Text, Button, Image, Icon } from \"../../../components/Common\";\nimport styles from \"./styles\";\nimport { connect } from \"react-redux\";\nimport themes from \"../../../themes\";\nimport UploadService from \"../../../services/UploadService\";\nimport { commonConstants } from \"../../../_constants/comon.constants\";\nimport SearchResultItem from \"../../../components/SearchResultItem\";\nimport AppUtils from \"../../../utils\";\nimport navigator from \"../../../navigator\";\nimport { getTopSearch } from \"../../../actions/OverviewAction\";\nclass PredictScreen extends Component {\n constructor(props) {\n super(props);\n this.state = {\n valueSearch: \"\",\n imgUpload: null,\n response: null,\n isOpenModal: false,\n indexResultSelect: -1,\n };\n }\n\n componentDidMount() {\n this.getData();\n }\n\n getData = () => {\n if (this.props.topSearchs.length === 0) {\n this.props.dispatchGetTopSearch(10);\n }\n };\n\n setSearchValue = (valueSearch) => {\n this.setState({ valueSearch });\n };\n\n handleUploadClick = (event) => {\n var file = event.target.files[0];\n if (!file) {\n this.setState({ fileAttack: null, imgUpload: null });\n return;\n }\n let reader = new FileReader();\n reader.readAsDataURL(file);\n reader.onload = () => {\n this.setState({\n imgUpload: reader.result,\n fileAttack: file,\n });\n reader.onerror = function (error) {\n alert(\"Lỗi tải ảnh lên. Hãy thử lại!\");\n };\n };\n };\n\n onSubmit = async () => {\n this.setState({ isLoading: true });\n let img = null;\n if (this.state.fileAttack) {\n console.log(\"his.state.fileAttack\", this.state.fileAttack);\n await UploadService.uploadForPredict(this.state.fileAttack)\n .then((result) => {\n console.log(\"upload success\", result);\n if ((result?.data || []).length > 0) {\n this.setState({ response: result?.data });\n } else {\n alert(\"Chưa có thông tin loài mà bạn đang tìm, thử lại với hình ảnh khác!\");\n this.setState({\n imgUpload: null,\n fileAttack: null,\n });\n }\n })\n .catch((error) => {\n alert(\"Thử lại\");\n });\n if (img == null) {\n return;\n }\n }\n };\n\n onShowDetail = (id, name, index) => {\n this.setState({ isOpenModal: true, indexResultSelect: index });\n };\n\n onCloseModal = () => {\n this.setState({ isOpenModal: false, indexResultSelect: -1 });\n };\n\n getImagesGallery = (images) => {\n return (images || []).map((img) => ({\n original: commonConstants.IMG_HOST + img,\n thumbnail: commonConstants.IMG_HOST + img,\n }));\n };\n\n renderTextItem = (title, content) => {\n const { classes } = this.props;\n return (\n \n {/* \n {\"\"}\n {title}\n {\" :\"}\n */}\n \n \n {\"\"}\n {title}\n {\" :\"}\n \n {\" \"}\n {content}\n \n \n );\n };\n\n onNavigateToDetail = (id, name) => {\n const key = \"UnitDetail\" + \"_\" + id;\n navigator.navigate(\"detail/\" + id, {\n unitId: id,\n name,\n key,\n });\n };\n\n render() {\n const { classes } = this.props;\n const { imgUpload, response, isOpenModal, indexResultSelect } = this.state;\n return (\n \n
\n \n \n
\n\n
\n \n \n {(response || []).length === 0 && (\n \n Tìm kiếm nhiều nhất \n \n )}\n {((response || []).length > 0 ? response : this.props.topSearchs).map((data, index) => {\n console.log(\"data\", data);\n // const avatar =\n // data.avatar ||\n // (data?.imageUrls && data?.imageUrls?.length > 0 ? data.imageUrls[0] : \"\");\n return (\n \n \n );\n })}\n \n \n {indexResultSelect !== -1 && response[indexResultSelect]?.content && (\n \n \n {response[indexResultSelect]?.name} \n \n {this.renderTextItem(\"Mô tả\", response[indexResultSelect]?.content)}\n \n \n \n \n \n )}\n \n \n PRIVACY POLICY “Da Nang Department of Science and Technology” built the PlanID app as community app. This is an application sponsored by the People's Committee of Danang City and no cost and is intended for use as is. This page is used to inform visitors regarding our policies with the collection, use, and disclosure of Personal Information if anyone decided to use our Service.
\n \n Commitment to keep research results confidential according to the secret protection regulations of the State of Vietnam Exercising other rights and obligations in accordance with the Law on Science and Technology and relevant documents \n
\n If you choose to use our Service, then you agree to the collection and use of information in relation to this policy. The Personal Information that we collect is used for providing and improving the Service. We will not use or share your information with anyone except as described in this Privacy Policy.
\n
\n The terms used in this Privacy Policy have the same meanings as in our Terms and Conditions, which are accessible at PlanID unless otherwise defined in this Privacy Policy.
\n INFORMATION COLLECTION AND US \n For a better experience, while using our Service, we may require you to provide us with certain personally identifiable information. The information that we request will be retained by us and used as described in this privacy policy.
\n LOG DATA \n We want to inform you that whenever you use our Service, in a case of an error in the app we collect data and information (through third-party products) on your phone called Log Data. This Log Data may include information such as your device Internet Protocol (“IP”) address, device name, operating system version, the configuration of the app when utilizing our Service, the time and date of your use of the Service, and other statistics.
\n ACCESS ADVANCED FUNCTIONS \n To access functions reserved for designated users, you must be authorized to access the interface screens authorized by the system admin.
\n SECURITY \n We value your trust in providing us your Personal Information, thus we are striving to use commercially acceptable means of protecting it. But remember that no method of transmission over the internet, or method of electronic storage is 100% secure and reliable, and we cannot guarantee its absolute security.
\n CHANGES TO THIS PRIVACY POLICY \n We may update our Privacy Policy from time to time. Thus, you are advised to review this page periodically for any changes. We will notify you of any changes by posting the new Privacy Policy on this page. This policy is effective as of 2022-07-12
\n CONTACT US If you have any questions or suggestions about our Privacy Policy, do not hesitate to contact us at plant.id .2022@gmail.com
`;\n\n return (\n \n \n \n {ReactHtmlParser(privacyPolicyHtml)} \n \n \n \n );\n }\n}\n\nexport default withStyles(styles)(PrivacyPolicyScreen);\n","/* eslint-disable no-unused-expressions */\nimport Autocomplete from \"@material-ui/lab/Autocomplete\";\nimport React, { Component } from \"react\";\nimport { connect } from \"react-redux\";\nimport { Button, Icon, Select, TextInput, View } from \"../../../components/Common\";\nimport SearchResultItem from \"../../../components/SearchResultItem\";\nimport navigator from \"../../../navigator\";\nimport CommonService from \"../../../services/CommonService\";\nimport themes from \"../../../themes\";\nimport styles from \"./styles\";\nimport { TextField, InputAdornment, Grid, withStyles, CircularProgress } from \"@material-ui/core\";\nimport AppUtils from \"../../../utils\";\n\nconst OPTIONS = [\n { value: \"loai\", label: \"Loài\" },\n { value: \"ho\", label: \"Họ\" },\n { value: \"nganh\", label: \"Ngành\" },\n];\n\nconst OPTIONS_OBJECT = {\n loai: \"loài\",\n ho: \"họ\",\n nganh: \"ngành\",\n};\n\nclass SearchScreen extends Component {\n constructor(props) {\n super(props);\n this.state = {\n valueSearch: \"\",\n data: [],\n typeSelected: \"loai\",\n typeSubmited: \"loai\",\n options: [],\n isLoading: false,\n extractData: [],\n };\n }\n setSearchValue = (valueSearch) => {\n this.setState({ valueSearch });\n };\n\n onNavigateToDetail = (isUnitType) => (id, name) => {\n const { typeSubmited } = this.state;\n if (isUnitType) {\n const key = \"UnitDetail\" + \"_\" + id;\n navigator.navigate(\"detail/\" + id, {\n unitId: id,\n name,\n key,\n });\n return;\n }\n if (typeSubmited === \"ho\") {\n CommonService.getByIdHo(id).then((res) => {\n this.setState({\n extractData: (res?.data?.data || []).map((d) =>\n AppUtils.convertParentSearch2ESearchData(d)\n ),\n });\n });\n }\n if (typeSubmited === \"nganh\") {\n CommonService.getByIdNganh(id).then((res) => {\n this.setState({\n extractData: (res?.data?.data || [])\n .slice(0, 30)\n .map((d) => AppUtils.convertParentSearch2ESearchData(d)),\n });\n });\n }\n };\n\n onSearch = () => {\n const text = this.state.valueSearch;\n if (!text) {\n return;\n }\n CommonService.searchByElastic({\n searchText: text?.split(\" - \")?.[0] || text,\n type: this.state.typeSelected,\n })\n .then((res) => {\n this.setState({\n data: res?.data?.data || [],\n typeSubmited: this.state.typeSelected,\n extractData: [],\n });\n })\n .catch((error) => console.warn(error));\n };\n\n onGetOptions = async (text) => {\n if (!text) {\n return;\n }\n this.setState({ isLoading: true });\n await CommonService.searchByElastic({\n searchText: text,\n type: this.state.typeSelected,\n })\n .then((res) => {\n const options = (res?.data?.data || []).map((o) => {\n const { ten_kh, ten_latin, ten_tv } = o._source || {};\n return [ten_tv || ten_latin || \"\", ten_kh || \"\"].join(\" - \");\n });\n this.setState({ options });\n })\n .catch((error) => console.warn(error));\n setTimeout(() => this.setState({ isLoading: false }), 500);\n };\n\n handleOptionChange = (_event, options, _reason) => {\n this.setState({ valueSearch: options });\n };\n\n handlePickChange = (value) => {\n this.setState({\n typeSelected: value,\n });\n };\n\n render() {\n const { classes } = this.props;\n const { valueSearch, data, typeSelected, typeSubmited, options, isLoading, extractData } =\n this.state;\n const _data = extractData.length > 0 ? extractData : data;\n const _isUnitType = extractData.length ? true : typeSubmited === \"loai\";\n return (\n \n \n \n \n {\n return (\n \n {isLoading ? (\n \n \n \n \n \n \n \n {_data.map((data) => {\n return (\n \n \n );\n })}\n \n \n );\n }\n}\n\nconst mapState = (state) => ({});\nexport default withStyles(styles)(connect(mapState)(SearchScreen));\n","import themes from \"../../../themes\";\n\nexport default () => ({\n container: {\n ...themes.Styles.screen.screenContainer,\n flexDirection: \"column\",\n marginTop: 20,\n },\n searchBar: {\n width: \"100%\",\n boxShadow: \"none\",\n backgroundColor: themes.Colors.gray5,\n height: themes.Metrics.inputHeight,\n ...themes.Styles.defaultTextInput,\n padding: \"6.5px 16px\",\n fontFamily: themes.Fonts.type.Regular,\n \"&:after\": {\n borderBottomWidth: \"0px!important\",\n },\n \"&:before\": {\n borderBottomWidth: \"0px!important\",\n },\n borderRadius: themes.Metrics.layout.medium,\n border: `solid 1px ${themes.Colors.white}`,\n \"& .MuiSelect-icon\": {\n right: 10,\n },\n \"& .MuiSelect-root\": {\n width: \"90%\",\n },\n \"& .MuiSelect-select.MuiSelect-select\": {\n paddingRight: 0,\n }\n\n },\n searchIcon: {\n padding: 12,\n },\n title: {\n ...themes.Styles.title,\n marginBottom: 30,\n marginTop: 30,\n fontStyle: \"italic\",\n textAlign: \"center\",\n fontSize: themes.Fonts.size.s16,\n },\n searchBtn: {\n width: \"80%\",\n margin: \"0px 0px 0px 20%\",\n },\n img: {\n width: \"60%\",\n aspectRatio: 1,\n margin: \"20px auto\",\n },\n resultView: {\n flexDirection: \"column\",\n },\n margintop10: {\n marginTop: 10,\n },\n});\n","export const InputMaxLength = {\n EMAIL: 100,\n DETAIL: 500,\n PASSWORD: 100,\n FIRST_NAME: 100,\n LAST_NAME: 100,\n PHONE_NUMBER: 30,\n ZIPCODE: 5,\n};\n\nexport const LocalStorageKeys = {\n ONBOARDED: \"ONBOARDED\",\n AGREED_CONSENT: \"AGREED_CONSENT\",\n DAILY_CHECKUP: \"DAILY_CHECKUP\",\n CAS_SERVICE_URL: \"CAS_SERVICE_URL\",\n ONBOARDING: \"ONBOARDING\",\n TOKEN: \"TOKEN\",\n REFRESH_TOKEN: \"REFRESH_TOKEN\",\n ACCESS_TOKEN: \"ACCESS_TOKEN\",\n COG_ID_TOKEN: \"COG_ID_TOKEN\",\n USERNAME: \"USERNAME\",\n LAST_CHECKIN: \"LAST_CHECKIN\",\n IS_IPA_ACCOUNT: \"IS_IPA_ACCOUNT\",\n IS_HAS_CHILDREN: \"IS_HAS_CHILDREN\",\n SELECTED_TENANT: \"SELECTED_TENANT\", // { tenantId: string; name: string; ... }\n SELECTED_TENANT_FROM: \"SELECTED_TENANT_FROM\",\n SELECTED_TENANT_PREVIOUS: \"SELECTED_TENANT_PREVIOUS\", // { tenantId: string; name: string; ... }\n SELECTED_TENANT_FROM_PREVIOUS: \"SELECTED_TENANT_FROM_PREVIOUS\",\n LOCAL_STORAGE_THEME: \"theme\",\n CACHED_USER_PROFILE: \"CACHED_USER_PROFILE\",\n};\n\nexport const SessionStorageKeys = {\n TENANT_TERM_AND_PRIVACY: \"TENANT_TERM_AND_PRIVACY\",\n TENANT_RESOURCES: \"TENANT_RESOURCES\",\n};\n\nexport const RiskLevel = {\n NotClear: \"Not clear\",\n Clear: \"Clear\",\n};\n\nexport const UserType = {\n STUDENT: \"STUDENT\",\n PARENT: \"PARENT\",\n EMPLOYEE: \"EMPLOYEE\",\n VISITOR: \"VISITOR\",\n};\n\nexport const UserTypeOptions = [\n { label: \"Student\", value: \"STUDENT\" },\n { label: \"Parent\", value: \"PARENT\" },\n { label: \"Employee\", value: \"EMPLOYEE\" },\n { label: \"Visitor\", value: \"VISITOR\" },\n];\n\nexport const FieldStatus = {\n DEFAULT: \"DEFAULT\",\n SUCCESS: \"SUCCESS\",\n};\n\nexport const QuestionTypes = {\n SINGLE_CHOICE: \"SINGLE_CHOICE\",\n MULTIPLE_CHOICE: \"MULTIPLE_CHOICE\",\n};\nexport const ErrorMessage = {\n PASSWORD_INVALID:\n 'Password contains at least:Purpose \n By using this app and tracking if you are well or have symptoms, you will be helping us keep a safe environment for other students, faculty, and staff.
\n Information Sharing\n This Privacy Policy governs our collection, use, and disclosure of your Personal Information when you use the Service. We will not use or share your Personal Information with anyone except as described in this Privacy Policy. By using the Service, you agree to the collection and use of your Personal Information in accordance with this policy.
\n No information you share will be used for commercial purposes.
\n Your Consent \n By checking the box below, you consent to our using the personal information we collect through your use of this app in the way we have described. For more information about how we use and share personal information about you, please see our Privacy Policy.
`,\n policyUrl: `https://go.lumisight.com/privacy-policy/`,\n policyHtml:\n 'I consent to the processing of my personal data (including without limitation data I provide relating to my health) as set forth in this consent and in the Privacy Policy .',\n termsOfServiceUrl: \"https://go.lumisight.com/terms-of-service/\",\n termsOfServiceHtml:\n 'I have read and accept the Terms of Service .',\n};\n\nexport const checkBoxValue = {\n TRUE: \"true\",\n FALSE: \"false\",\n};\n","import {name, version} from '../../package.json';\n\nimport axios from 'axios';\nimport { commonConstants } from '../_constants/comon.constants';\n\n// axios.defaults.baseURL = Config.API_URL;\naxios.defaults.timeout = 8000;\naxios.defaults.headers.common['Content-Type'] = 'application/json';\n\nconst authAxios = axios.create({\n baseURL: commonConstants.AUTH_HOST,\n});\n\nauthAxios.interceptors.request.use(\n config => {\n let userAgent = `${name}/${version}`;\n config.headers['User-Agent'] = userAgent;\n config.headers['ApiKey'] = commonConstants.API_KEY;\n\n return config;\n },\n error => Promise.reject(error),\n);\n\nauthAxios.interceptors.response.use(\n response => response,\n error => Promise.reject(error.response || error.request || error.message),\n);\n\nconst httpAuth = {\n setAuthorizationHeader(accessToken) {\n if (accessToken) {\n authAxios.defaults.headers['sessiontoken'] = `${accessToken}`;\n } else {\n delete authAxios.defaults.headers.Authorization;\n }\n },\n\n post(url, data = {}, config = {}) {\n const source = axios.CancelToken.source();\n const timeout = config.timeout || authAxios.defaults.timeout;\n const id = setTimeout(() => {\n source.cancel(`Timeout of ${timeout}ms.`);\n }, timeout);\n\n return authAxios\n .post(url, data, {...config, cancelToken: source.token})\n .then(response => {\n clearTimeout(id);\n return response;\n });\n },\n};\n\nexport default httpAuth;\n","import httpAuth from './HttpAuth';\n\nexport default class AuthService {\n /**\n *\n * @param {username: '', password: ''} body\n */\n static login(body) {\n return httpAuth.post('auth/redis/sign_in', body);\n }\n}\n","\nexport const alertConstants = {\n SUCCESS: 'ALERT_SUCCESS',\n ERROR: 'ALERT_ERROR',\n CLEAR: 'ALERT_CLEAR'\n};\nexport const alertActions = {\n success,\n error,\n clear\n};\n\nfunction success(message) {\n return { type: alertConstants.SUCCESS, message };\n}\n\nfunction error(message) {\n return { type: alertConstants.ERROR, message };\n}\n\nfunction clear() {\n return { type: alertConstants.CLEAR };\n}","import AuthService from '../services/AuthService';\nimport http from '../services/HttpClient';\nimport httpPredict from '../services/HttpPredict';\nimport {alertActions} from './AlertActions';\n\nexport const actionTypes = {\n LOGIN_REQUEST: 'LOGIN_REQUEST',\n LOGIN_SUCCESS: 'LOGIN_SUCCESS',\n LOGIN_FAIL: 'LOGIN_FAIL',\n DO_LOGOUT: 'DO_LOGOUT',\n EDIT_PROFILE_REQUEST: 'EDIT_PROFILE_REQUEST',\n EDIT_PROFILE_SUCCESS: 'EDIT_PROFILE_SUCCESS',\n EDIT_PROFILE_FAIL: 'EDIT_PROFILE_FAIL',\n};\n\nconst loginRequest = () => ({\n type: actionTypes.LOGIN_REQUEST,\n});\n\nconst loginFail = (error) => ({\n type: actionTypes.LOGIN_FAIL,\n error,\n});\n\nconst loginSuccess = (result) => ({\n type: actionTypes.LOGIN_SUCCESS,\n result,\n});\n\nexport const login = (data) => async (dispatch) => {\n dispatch(loginRequest());\n return AuthService.login(data)\n .then((result) => {\n http.setAuthorizationHeader(result.data?.result?.sessionID);\n httpPredict.setAuthorizationHeader(result.data?.result?.sessionID);\n dispatch(loginSuccess(result));\n dispatch(alertActions.success('Đăng nhập thành công'));\n // history.push('/admin');\n })\n .catch((error) => {\n console.log(error)\n dispatch(loginFail(error));\n dispatch(alertActions.error('Đăng nhập thất bại, Thử lại!'));\n });\n};\n\nexport const logoutAction = () => ({\n type: actionTypes.DO_LOGOUT,\n});\n\nconst editProfileRequest = () => ({\n type: actionTypes.EDIT_PROFILE_REQUEST,\n});\n\nconst editProfileFail = (error) => ({\n type: actionTypes.EDIT_PROFILE_FAIL,\n error,\n});\n\nconst editProfileSuccess = (result) => ({\n type: actionTypes.EDIT_PROFILE_SUCCESS,\n result,\n});\n\nexport const editProfile = (data) => async (dispatch) => {\n dispatch(editProfileRequest);\n return AuthService.editProfile(data)\n .then((result) => {\n dispatch(editProfileSuccess(result));\n })\n .catch((error) => {\n dispatch(editProfileFail(error));\n });\n};\n","const KEY_TOKEN_SAMPLE = 'access_token';\n\nexport const storageConstants = {\n USER: 'userDetail',\n};\n\nexport const saveTokenSample = (token) =>\n localStorage.setItem(KEY_TOKEN_SAMPLE, token);\n\nexport const getTokenSample = () => {\n return localStorage.getItem(KEY_TOKEN_SAMPLE);\n};\n\nexport const saveUserDetail = (user) =>\n localStorage.setItem(storageConstants.USER, JSON.stringify(user));\n\nexport const getUserDetail = () => {\n let user = localStorage.getItem(storageConstants.USER);\n return user ? JSON.parse(user) : null;\n};\n\nexport const removeUserDetail = () => {\n localStorage.removeItem(storageConstants.USER);\n};\n","import { FormGroup, withStyles } from \"@material-ui/core\";\nimport React, { Component } from \"react\";\nimport { connect } from \"react-redux\";\nimport {\n Button,\n Indicator,\n PasswordInput,\n Text,\n TextButton,\n TextInput,\n TextLink,\n View,\n Image,\n} from \"../../../components/Common\";\nimport { ErrorMessage } from \"../../../config/appConstant\";\nimport navigator from \"../../../navigator\";\nimport { isEmpty, isValidEmail, normalizeEmail } from \"../../../utils\";\nimport { login } from \"../../../actions/AuthenActions\";\n\nimport styles from \"./styles\";\nimport { Redirect } from \"react-router-dom\";\nimport { getUserDetail } from \"../../../services/storage\";\n\nclass SignInScreen extends Component {\n constructor(props) {\n super(props);\n this.state = {\n username: \"\",\n password: \"\",\n errors: {},\n errorMessage: \"\",\n };\n }\n\n componentDidMount() {\n // if (this.props.loggedIn && !this.isAddAccount) {\n // navigator.navigate(\"\");\n // }\n }\n\n componentDidUpdate() {\n // if (this.props.loggedIn && !this.isAddAccount) {\n // navigator.navigate(\"\");\n // }\n // if (this.props.isAccAdded && this.isAddAccount) {\n // navigator.goBack();\n // store.dispatch(setLoggedIn(true, false));\n // }\n }\n\n onTextChange = (field) => {\n const value = field.target.value;\n const name = field.target.name;\n const { errors } = this.state;\n const state = {};\n state[name] = value;\n errors[name] = \"\";\n state.errors = errors;\n state.errorMessage = \"\";\n this.setState(state);\n };\n\n onHandleLogin = () => {\n const isUsernameValid = this.validateUsername();\n const isPasswordValid = this.validatePassword();\n\n if (!isUsernameValid || !isPasswordValid) {\n return;\n }\n this.setState({\n loading: true,\n });\n\n const { username, password } = this.state;\n const payload = { username: normalizeEmail(username), password };\n this.props.dispatchLogin(payload);\n };\n\n validateUsername() {\n const { username, errors } = this.state;\n if (isEmpty(username)) {\n errors.username = ErrorMessage.BLANK_FIELD;\n this.setState({ errors });\n return false;\n }\n\n errors.username = \"\";\n this.setState({ errors });\n return true;\n }\n\n validatePassword() {\n const { password, errors } = this.state;\n if (!password) {\n errors.password = ErrorMessage.BLANK_FIELD;\n this.setState({ errors });\n return false;\n }\n\n return true;\n }\n\n render() {\n const { classes, loading, loggInErrorMessage, userDetail, isAuthenticated } = this.props;\n\n const { errors, username, password } = this.state;\n\n console.log(\"userDetail\", userDetail);\n //userDetail && getUserDetail() ? (\n \n \n \n {\"Đăng nhập\"} \n \n\n \n (this.usernameInput = ref)}\n width=\"100%\"\n name=\"username\"\n value={username}\n placeholder=\"Tên đăng nhập\"\n onChange={this.onTextChange}\n errorMessage={errors.username}\n onKeyPress={(event) => {\n if (event.key === \"Enter\") {\n this.passwordInput.focus();\n }\n }}\n />\n (this.passwordInput = ref)}\n width=\"100%\"\n name=\"password\"\n value={password}\n placeholder=\"Mật khẩu\"\n onChange={this.onTextChange}\n errorMessage={errors.password}\n onKeyPress={(event) => {\n if (event.key === \"Enter\") {\n this.onHandleLogin();\n }\n }}\n />\n {loggInErrorMessage && (\n {loggInErrorMessage} \n )}\n \n \n \n \n );\n }\n}\n\nconst mapState = (state) => ({\n loading: state.auth.isLoading,\n loggInErrorMessage: state.auth.error,\n userDetail: state.auth.userDetail,\n isAuthenticated: state.auth.isAuthenticated,\n});\n\nconst mapDispatchToProps = (dispatch) => ({\n dispatchLogin: (data) => dispatch(login(data)),\n});\n\nexport default withStyles(styles)(connect(mapState, mapDispatchToProps)(SignInScreen));\n","import themes from \"../../../themes\";\nimport { isMobile } from \"react-device-detect\";\n\nexport default () => ({\n screen: {\n // ...themes.Styles.screen.defaultBackgroundImage,\n // height: \"unset\",\n },\n body: {\n ...themes.Styles.screen.defaultBoxContainer,\n padding: 0,\n maxWidth: 486,\n justifyContent: \"center\",\n },\n container: {\n ...themes.Styles.screen.mobileSmallPaddingContainer,\n paddingTop: 32,\n flexDirection: \"column\",\n alignItems: \"initial\",\n },\n backButton: {\n paddingLeft: 0,\n },\n welcomeHeader: {\n flexDirection: \"column\",\n alignItems: \"center\",\n marginTop: 12,\n marginBottom: 24,\n },\n welcomeText: {\n ...themes.Styles.pageTitle,\n marginTop: 25,\n marginBottom: 8,\n color: themes.Colors.textBlackHeader,\n },\n termService: {\n flexDirection: \"column\",\n margin: \"0 42px 24px\",\n },\n termServiceText: {\n textAlign: \"center\",\n margin: \"2px 0\",\n },\n errorMessage: {\n ...themes.Styles.errorMessage,\n },\n textLinkContainer: {\n flexDirection: \"row\",\n justifyContent: \"space-between\",\n marginTop: 8,\n marginBottom: 24,\n },\n textLink: {\n color: themes.Colors.primary,\n fontFamily: themes.Fonts.type.SemiBold,\n },\n dontHaveAccountContainer: {\n flexDirection: isMobile ? \"column\" : \"row\",\n alignItems: \"center\",\n justifyContent: \"center\",\n marginTop: 40,\n },\n});\n","import React, { Component } from \"react\";\nimport { withStyles, Grid } from \"@material-ui/core\";\n\nimport { View, Button, Image } from \"../Common\";\nimport styles from \"./styles\";\nimport { connect } from \"react-redux\";\nimport themes from \"../../themes\";\nimport UploadService from \"../../services/UploadService\";\n\nclass UploadComponent extends Component {\n constructor(props) {\n super(props);\n this.state = {\n imgUpload: null,\n };\n }\n\n handleUploadClick = (event) => {\n var file = event.target.files[0];\n if (!file) {\n this.setState({ fileAttack: null, imgUpload: null });\n return;\n }\n let reader = new FileReader();\n reader.readAsDataURL(file);\n reader.onload = () => {\n this.setState({\n imgUpload: reader.result,\n fileAttack: file,\n });\n reader.onerror = function (error) {\n alert(\"Lỗi tải ảnh lên. Hãy thử lại!\");\n };\n };\n };\n\n onSubmit = async () => {\n this.setState({ isLoading: true });\n let img = null;\n if (this.state.fileAttack) {\n await UploadService.upload(this.state.fileAttack, this.props.unitId)\n .then((result) => {\n console.log(\"upload success\", result);\n if (this.props.onSubmit) {\n this.props.onSubmit({url: result?.data?.response?.URL});\n }\n })\n .catch((error) => {\n console.log(\"upload failed\", error);\n });\n if (img == null) {\n return;\n }\n }\n };\n\n render() {\n const { classes } = this.props;\n const { imgUpload } = this.state;\n return (\n // \n \n \n {/* */}\n \n \n {/* */}\n \n \n \n \n \n // \n );\n }\n}\n\nconst mapState = (state) => ({});\nexport default withStyles(styles)(connect(mapState)(UploadComponent));\n","import themes from \"../../themes\";\n\nexport default () => ({\n container: {\n // ...themes.Styles.screen.screenContainer,\n },\n searchBtn: {\n width: 200,\n margin: \"20px auto\",\n },\n img: {\n width: 200,\n aspectRatio: 1,\n margin: \"20px auto\",\n },\n input: {\n display: \"none\",\n },\n containerUpload: {\n flex: 1,\n },\n imgUpload: {\n // flex: 1,\n }\n});\n","import { Dialog, Grid, withStyles } from \"@material-ui/core\";\nimport React, { Component } from \"react\";\nimport ImageGallery from \"react-image-gallery\";\nimport \"react-image-gallery/styles/css/image-gallery.css\";\nimport { connect } from \"react-redux\";\nimport { Image, Text, View } from \"../../../components/Common\";\nimport UploadComponent from \"../../../components/UploadComponent\";\nimport { getName } from \"../../../helpers/common\";\nimport CommonService from \"../../../services/CommonService\";\nimport themes from \"../../../themes\";\nimport AppUtils from \"../../../utils\";\nimport styles from \"./styles\";\n\nclass UnitDetailScreen extends Component {\n name = this.props.location.state.name || \"\";\n unitId = this.props.location.state.unitId || null;\n\n state = {\n unit: null,\n parentDetails: null,\n images: [],\n isPopupOpen: false,\n imageModelList: [],\n partIndexSelected: null,\n };\n\n componentDidMount() {\n this.getData();\n }\n\n getData = () => {\n CommonService.getUnitDetail(this.unitId || \"15308\")\n .then((res) => {\n const imageModelList = res?.data?.data?.imageModelList || [];\n // const images = imageModelList.filter((i) => i.bophan === 0);\n this.setState({\n unit: res?.data?.data?.speciesModel || null,\n parentDetails: res?.data?.data?.plantParentInfoDTO,\n imageModelList,\n images: imageModelList,\n });\n })\n .catch((error) => console.warn(error));\n };\n\n tooglePopUp = () => {\n this.setState((prev) => ({ isPopupOpen: !prev.isPopupOpen }));\n };\n\n getImagesGallery = (images) => {\n return (images || []).map((img) => ({\n original: AppUtils.getStaticImgUrl(img.url),\n thumbnail: AppUtils.getStaticImgUrl(img.url),\n fullscreen: false,\n }));\n };\n\n changeImgPart = (index) => {\n const { imageModelList } = this.state;\n let images = imageModelList.filter((img) => img?.bophan === index);\n if (images.length === 0) {\n images = [\"\"];\n }\n this.setState({ images, partIndexSelected: index });\n };\n\n onSubmit = async ({ url }) => {\n url = AppUtils.getStaticImgUrl(url, this.unitId);\n this.setState((prev) => ({ images: [{ url }, ...prev.images] }));\n this.tooglePopUp();\n };\n\n renderTextItem = (title, content, isJustifyAlign = true) => {\n const { classes } = this.props;\n if (!content) return null;\n return (\n \n {/* \n {\"\"}\n {title}\n {\" :\"}\n */}\n \n \n {\"\"}\n {title}\n {\" :\"}\n \n {\" \"}\n {getName(content)}\n \n \n );\n };\n\n render() {\n const { classes } = this.props;\n const { unit, parentDetails, images, isPopupOpen, imageModelList, partIndexSelected } =\n this.state;\n return (\n \n {/* Tra cứu nhiều nhất: */}\n \n \n \n {unit?.tenTV} \n \n \n {this.renderTextItem(\"Ngành\", parentDetails?.divisionModel?.tenKH, false)}\n \n \n {this.renderTextItem(\"Họ\", parentDetails?.familyModel?.tenKH, false)}\n \n \n {this.renderTextItem(\"Tên khoa học\", unit?.tenKH)}\n {this.renderTextItem(\"Tên tiếng Việt\", unit?.tenTV)}\n {this.renderTextItem(\"Tên đồng nghĩa\", unit?.tenDongNghia)}\n {this.renderTextItem(\"Đặc điểm nhận dạng\", unit?.dacDiemNhanDang)}\n {this.renderTextItem(\"Sinh thái\", unit?.sinhHocSinhThai)}\n {this.renderTextItem(\"Giá trị\", unit?.giaTri)}\n {this.renderTextItem(\"Phân bố\", unit?.phanBo)}\n {this.renderTextItem(\"Mô tả\", unit?.moTa)}\n\n \n \n \n \n \n {imageModelList.length > 0 && (\n \n this.changeImgPart(0)}\n >\n this.changeImgPart(4)}\n >\n this.changeImgPart(1)}\n >\n this.changeImgPart(3)}\n >\n this.changeImgPart(2)}\n >\n \n )}\n \n \n \n \n );\n }\n}\n\nconst mapState = (state) => ({\n isAuthenticated: state.auth.isAuthenticated,\n});\nexport default withStyles(styles)(connect(mapState)(UnitDetailScreen));\n","import themes from \"../../../themes\";\n\nexport default () => ({\n container: {\n ...themes.Styles.screen.screenContainer,\n flexDirection: \"column\",\n },\n body: {\n flexDirection: \"column\",\n flex: \"1 1 auto\",\n transition: \"all 0.3s\",\n },\n bigTitle: {\n ...themes.Styles.title,\n marginBottom: 30,\n marginTop: 33,\n color: \"#035C14\",\n fontSize: 30,\n },\n title: {\n ...themes.Styles.title,\n marginBottom: 12,\n marginTop: 30,\n },\n marginRight50: {\n marginRight: 50,\n },\n dataOverView: {\n flexDirection: \"column\",\n marginTop: 20,\n },\n marginVer10: {\n marginTop: 10,\n marginBottom: 10,\n },\n map: {\n width: \"100%\",\n height: 400,\n padding: 20,\n },\n txtTitle: {\n color: themes.Colors.primary,\n fontWeight: \"bold\",\n marginBottom: 10,\n },\n txtContent: {\n textAlign: \"justify\",\n },\n imgPlant: {\n width: 160,\n height: 110,\n },\n marginTop50: {\n marginTop: 50,\n },\n marginTop20: {\n marginTop: 20,\n },\n addImgBtn: {\n width: 160,\n marginBottom: 20,\n },\n popupContainer: {\n borderRadius: \"32px\",\n backgroundColor: themes.Colors.gray6,\n height: \"50%\",\n top: \"5%\",\n position: \"relative\",\n alignItems: \"center\",\n },\n mt30: {\n marginTop: 30,\n },\n badge: {\n height: 36,\n backgroundColor: themes.Colors.primary,\n color: \"white\",\n justifyContent: \"center\",\n alignItems: \"center\",\n borderRadius: 10,\n marginRight: 20,\n textAlign: \"center\",\n },\n partItemView: {\n width: 70,\n height: 70,\n backgroundColor: \"#F6F6F6\",\n borderRadius: 10,\n marginTop: 28,\n marginLeft: 20,\n justifyContent: \"center\",\n alignItems: \"center\",\n borderColor: \"transparent\",\n },\n activePart: {\n backgroundColor: themes.Colors.secondary,\n },\n imgPart: {\n width: 33,\n height: 39,\n },\n partItemContainer: {\n marginTop: 92,\n },\n mr10: {\n marginRight: 10,\n },\n});\n","import React from \"react\";\nimport { connect } from \"react-redux\";\nimport { withStyles } from \"@material-ui/core/styles\";\nimport { AppBar, Toolbar, Drawer, Button, List, ListItem, ListItemText } from \"@material-ui/core\";\nimport { Spin as Hamburger } from \"hamburger-react\";\n\nimport styles from \"./styles\";\nimport { View, Image } from \"../../components/Common\";\nimport themes from \"../../themes\";\nimport navigator from \"../../navigator\";\n\nclass TopBar extends React.Component {\n static propsType = {};\n\n static defaultProps = {};\n\n constructor(props) {\n super(props);\n\n this.state = {\n isMobile: false,\n isMenuOpen: false,\n };\n }\n\n componentDidMount() {\n this.onResize();\n }\n\n onResize() {\n this.setState({\n isMobile: window.innerWidth < 768,\n });\n }\n\n setIsMenuOpen = (isMenuOpen) => this.setState({ isMenuOpen });\n\n isActive = (page) => {\n let pageName = navigator.getCurrentPageName();\n pageName = pageName || \"home\";\n return pageName === page;\n };\n\n navigateToHome = (path) => {\n this.setIsMenuOpen(false);\n navigator.navigate(path);\n };\n\n navigateTo = (path) => {\n this.setIsMenuOpen(false);\n navigator.navigate(path);\n };\n\n render() {\n const { classes, username, isActionDisabled, isAuthenticated } = this.props;\n const { isMobile, isMenuOpen } = this.state;\n return (\n \n \n \n {\n !isActionDisabled ?? navigator.navigate(\"home\");\n }}\n />\n {\"DN Plant - Đa dạng thực vật\"} \n \n {isMobile ? (\n \n {!isActionDisabled && (\n \n this.setIsMenuOpen(!isMenuOpen)}\n size={24}\n color={themes.Colors.black}\n label=\"Menu icon\"\n />\n this.setIsMenuOpen(false)}\n classes={{\n root: classes.menuDrawerRoot,\n paper: classes.menuDrawerPaper,\n }}\n BackdropProps={{ classes: { root: classes.menuDrawerBackdropRoot } }}\n >\n \n this.navigateTo(\"home\")}\n >\n this.navigateTo(\"search\")}\n >\n
\n \n \n )}\n
\n ) : (\n \n {!isActionDisabled && (\n \n this.navigateTo(\"home\")}>\n \n Trang chủ\n \n \n this.navigateTo(\"search\")}>\n \n Dữ liệu\n \n \n this.navigateTo(\"predict\")}>\n \n Nhận dạng\n \n \n this.navigateTo(\"plant_distribution\")}\n >\n \n Phân bố\n \n \n this.navigateTo(\"about\")}>\n \n Liên hệ\n \n \n \n )}\n
\n )}\n \n \n );\n }\n}\n\nconst mapState = (state) => ({\n isAuthenticated: state.auth.isAuthenticated,\n});\n\nexport default withStyles(styles)(connect(mapState)(TopBar));\n","import themes from \"../../themes\";\n\n// eslint-disable-next-line import/no-anonymous-default-export\nexport default () => ({\n logoContainer: {\n alignItems: \"center\",\n },\n imgLogo: {\n height: 32,\n },\n imageClickable: {\n cursor: \"pointer\",\n },\n logoSeparator: {\n borderLeft: \"1px solid #D3D3D3\",\n height: \"32px\",\n marginRight: \"16px\",\n },\n tenantName: {\n // fontFamily: themes.Fonts.type.SemiBold,\n fontSize: themes.Fonts.size.s20,\n color: themes.Colors.primary,\n fontWeight: 600,\n },\n\n topBar: {\n boxShadow: \"0px 4px 10px rgba(224, 224, 224, 0.5)\",\n zIndex: 1400,\n backgroundColor: themes.Colors.white,\n padding: \"0px 10%\",\n },\n topBarContent: {\n display: \"flex\",\n justifyContent: \"space-between\",\n },\n\n hamburgerContainer: {\n alignItems: \"center\",\n },\n menuDrawerRoot: {\n top: \"56px !important\",\n },\n menuDrawerPaper: {\n top: 56,\n },\n menuDrawerBackdropRoot: {\n top: 56,\n },\n menuList: {\n padding: 0,\n },\n menuListItem: {\n paddingTop: 15,\n paddingBottom: 15,\n cursor: \"pointer\",\n \"&:hover\": {\n backgroundColor: \"rgba(0, 0, 0, 0.04)\",\n },\n },\n menuListItemActive: {\n backgroundColor: themes.Colors.primary,\n color: themes.Colors.primary,\n paddingTop: 15,\n paddingBottom: 15,\n cursor: \"pointer\",\n },\n\n navItem: {\n marginBottom: 0,\n padding: \"18px 20px 0 20px\",\n \"&:hover\": {\n borderRadius: 0,\n },\n \"&:active\": {\n borderRadius: 0,\n },\n },\n navItemContent: {\n color: themes.Colors.gray1,\n paddingBottom: 18,\n textTransform: \"none\",\n fontSize: 20,\n },\n navItemContentActive: {\n color: themes.Colors.primary,\n paddingBottom: 18,\n textTransform: \"none\",\n fontWeight: \"bold\",\n fontSize: 20,\n },\n});\n","/* eslint-disable react-hooks/exhaustive-deps */\nimport { Grid } from \"@material-ui/core\";\nimport { withStyles } from \"@material-ui/core/styles\";\nimport React, { useEffect, useState } from \"react\";\nimport { connect } from \"react-redux\";\nimport { Route, Switch } from \"react-router-dom\";\n// import { ToastContainer } from \"react-toastify\";\nimport \"react-toastify/dist/ReactToastify.css\";\nimport { Indicator, View, Image } from \"../components/Common\";\nimport navigator from \"../navigator\";\nimport themes from \"../themes\";\nimport { NotFound } from \"./NotFound\";\nimport AboutScreen from \"./Screens/AboutScreen\";\nimport AdminScreen from \"./Screens/AdminScreen\";\nimport DistributeScreen from \"./Screens/DistributeScreen\";\nimport HomeScreen from \"./Screens/HomeScreen\";\nimport PredictScreen from \"./Screens/PredictScreen\";\nimport PrivacyScreen from \"./Screens/PrivacyScreen\";\nimport SearchScreen from \"./Screens/SearchScreen\";\nimport SignInScreen from \"./Screens/SignInScreen\";\nimport UnitDetailScreen from \"./Screens/UnitDetailScreen\";\nimport TopBar from \"./TopBar\";\n\nconst styles = () => ({\n pageContainer: {\n position: \"absolute\",\n left: 0,\n right: 0,\n top: 0,\n bottom: 0,\n },\n container: {\n width: \"100%\",\n flex: \"1 1 auto\",\n flexDirection: \"column\",\n justifyContent: \"center\",\n },\n navigationContainer: {\n marginLeft: \"auto\",\n marginRight: \"auto\",\n paddingTop: 16,\n paddingBottom: 32,\n width: \"calc(100% - 32px)\",\n },\n childPage: {\n flexDirection: \"column\",\n marginLeft: \"10%\",\n marginRight: \"10%\",\n },\n content: {\n position: \"absolute\",\n top: 60,\n left: 0,\n right: 0,\n bottom: 0,\n display: \"block\",\n overflowY: \"scroll\",\n },\n app_promo: {\n width: \"100%\",\n position: \"absolute\",\n left: 0,\n right: 0,\n bottom: 0,\n display: \"block\",\n paddingBottom: 20,\n },\n mainContainer: {\n ...themes.Styles.screen.mainContainer,\n },\n\n mobileContainer: {\n position: \"fixed\",\n borderRadius: 0,\n left: 0,\n right: 0,\n margin: 0,\n flexDirection: \"row\",\n padding: \"8px 16px 0\",\n justifyContent: \"space-between\",\n alignItems: \"flex-end\",\n bottom: 0,\n zIndex: 1,\n },\n});\n\nconst MainSwitchNavigator = ({ classes, className, history }) => {\n const [isLoading, setIsLoading] = useState(true);\n const [showAppStorePromo, setShowAppStorePromo] = React.useState(true);\n useEffect(() => {\n navigator.setTopHistory(history);\n setIsLoading(false);\n }, [history]);\n return isLoading ? (\n \n \n
\n \n \n \n \n \n \n \n \n \n \n {/* \n {showAppStorePromo && (\n \n \n \n \n
\n
\n
\n \n DN Plant - Đa dạng thực vật\n
\n \n We are available on mobile. Download now!\n
\n \n
\n \n \n \n setShowAppStorePromo(false)}\n />\n \n \n \n )}\n \n */}\n \n \n \n \n \n \n \n );\n};\n\nconst mapState = (state) => ({});\n\nexport default withStyles(styles)(connect(mapState)(MainSwitchNavigator));\n","import React, { Component } from \"react\";\nimport { connect } from \"react-redux\";\nimport { BrowserRouter as Router, Route } from \"react-router-dom\";\nimport MainSwitchNavigator from \"./app-navigation\";\n\nclass App extends Component {\n componentDidMount() {\n }\n\n blinkIndicator = (state) => {\n this.setState({\n isLoading: state,\n });\n };\n\n render() {\n\n // if (this.props.reload) {\n // window.location.reload();\n // }\n\n return (\n \n \n );\n }\n}\n\nconst mapDispatch = {};\n\nconst mapState = (state) => ({});\n\nexport default connect(mapState, mapDispatch)(App);\n","import { actionTypes } from \"../actions/AuthenActions\";\nimport { getUserDetail, saveUserDetail, removeUserDetail } from \"../services/storage\";\n\nlet userDetail = getUserDetail();\nconst initialState = {\n userDetail: userDetail || {},\n isLoading: false,\n error: null,\n isAuthenticated: false,\n};\nconst auth = (state = initialState, action) => {\n switch (action.type) {\n case actionTypes.LOGIN_REQUEST:\n return { ...state, userDetail: null, isLoading: true, error: null, isAuthenticated: false };\n case actionTypes.LOGIN_SUCCESS:\n saveUserDetail(action.result.data);\n return { ...state, userDetail: action.result.data, isLoading: false, isAuthenticated: true };\n case actionTypes.LOGIN_FAIL:\n return { ...state, isLoading: false, error: action.error.data?.error?.message, isAuthenticated: false };\n case actionTypes.EDIT_PROFILE_REQUEST:\n return { ...state, isLoading: true, error: null };\n case actionTypes.EDIT_PROFILE_SUCCESS:\n return { ...state, isLoading: false, userDetail: action.result.data };\n case actionTypes.EDIT_PROFILE_FAIL:\n return { ...state, isLoading: false, error: action.error.data };\n case actionTypes.DO_LOGOUT:\n saveUserDetail(null);\n return {\n userDetail: null,\n isLoading: false,\n error: null,\n isAuthenticated: false,\n };\n default:\n return state;\n }\n};\n\nexport default auth;\n","/* eslint-disable no-case-declarations */\nimport { actionTypes } from \"../actions/DistributeActions\";\n\nconst initialState = {\n data: [],\n isLoading: false,\n error: null,\n};\nconst areaReducer = (state = initialState, action) => {\n switch (action.type) {\n case actionTypes.GET_AREAS_REQUEST:\n return {\n ...state,\n isLoading: true,\n error: null,\n };\n case actionTypes.GET_AREAS_SUCCESS:\n return {\n ...state,\n data: (action.result?.data?.data || []).map((a) => ({\n ...a,\n value: a.idKhuVuc,\n label: a.tenKhuVuc,\n })),\n isLoading: false,\n error: null,\n };\n case actionTypes.GET_AREAS_FAIL:\n return {\n ...state,\n isLoading: false,\n error: action.error.data,\n };\n default:\n return state;\n }\n};\n\nexport default areaReducer;\n","/* eslint-disable no-case-declarations */\nimport { actionTypes } from \"../actions/OverviewAction\";\n\nconst initialState = {\n data: [],\n isLoading: false,\n error: null,\n totalPages: 1,\n number: 1,\n totalElements: 0,\n lastPage: true,\n};\nconst overviewReducer = (state = initialState, action) => {\n switch (action.type) {\n case actionTypes.GET_OVERVIEW_REQUEST:\n return {\n ...state,\n isLoading: true,\n error: null,\n };\n case actionTypes.GET_OVERVIEW_SUCCESS:\n const data = action.result?.data?.data?.content || [];\n return {\n ...state,\n data: [...state.data, ...data],\n isLoading: false,\n error: null,\n number: action?.result?.data?.data?.number,\n totalPages: action?.result?.data?.data?.totalPages,\n lastPage: action?.result?.data?.data?.lastPage,\n totalElements: action?.result?.data?.data?.totalElements,\n };\n case actionTypes.GET_OVERVIEW_FAIL:\n return {\n ...state,\n isLoading: false,\n error: action.error.data,\n lastPage: true,\n };\n default:\n return state;\n }\n};\n\nexport default overviewReducer;\n","/* eslint-disable no-case-declarations */ \nimport { actionTypes } from \"../actions/OverviewAction\";\n\nconst initialState = {\n data: [],\n isLoading: false,\n error: null,\n};\nconst topSearchReducer = (state = initialState, action) => {\n switch (action.type) {\n case actionTypes.GET_TOP_SEARCH_REQUEST:\n return {\n ...state,\n isLoading: true,\n error: null,\n };\n case actionTypes.GET_TOP_SEARCH_SUCCESS:\n return {\n ...state,\n data: action.result?.data?.data || [],\n isLoading: false,\n error: null,\n };\n case actionTypes.GET_TOP_SEARCH_FAIL:\n return {\n ...state,\n isLoading: false,\n error: action.error.data,\n };\n default:\n return state;\n }\n};\n\nexport default topSearchReducer;\n","export const alertConstants = {\n SUCCESS: 'ALERT_SUCCESS',\n ERROR: 'ALERT_ERROR',\n CLEAR: 'ALERT_CLEAR'\n};\n","import { combineReducers } from \"redux\";\n\nimport authReducer from \"./authen.reducer\";\nimport areaReducer from \"./area.reducer\";\nimport overviewReducer from \"./overview.reducer\";\nimport topSearchReducer from \"./topSearch.reducer\";\nimport { alert } from \"./alert.reducer\";\n\nconst rootReducer = combineReducers({\n auth: authReducer,\n alert,\n area: areaReducer,\n overview: overviewReducer,\n topSearch: topSearchReducer,\n});\n\nexport default rootReducer;\n","import { alertConstants } from '../_constants';\n\nexport function alert(state = {}, action) {\n switch (action.type) {\n case alertConstants.SUCCESS:\n return {\n type: 'alert-success',\n message: action.message\n };\n case alertConstants.ERROR:\n return {\n type: 'alert-danger',\n message: action.message\n };\n case alertConstants.CLEAR:\n return {};\n default:\n return state\n }\n}","import { createStore, applyMiddleware } from 'redux';\nimport thunkMiddleware from 'redux-thunk';\nimport { createLogger } from 'redux-logger';\nimport rootReducer from '../reducers';\n\nconst loggerMiddleware = createLogger();\n\nexport const store = createStore(\n rootReducer,\n applyMiddleware(\n thunkMiddleware,\n loggerMiddleware\n )\n);","import React from 'react';\nimport ReactDOM from 'react-dom';\nimport './index.css';\nimport App from './containers/App';\n\nimport { Provider } from 'react-redux'\nimport { store } from './helpers'\nimport { Workbox, messageSW } from \"workbox-window\";\n\nif (!(window.location.hostname === \"localhost\" || window.location.hostname === \"127.0.0.1\")) {\n if (\"serviceWorker\" in navigator) {\n const wb = new Workbox(\"/sw.js\");\n let registration;\n\n const showSkipWaitingPrompt = (event) => {\n // `event.wasWaitingBeforeRegister` will be false if this is\n // the first time the updated service worker is waiting.\n // When `event.wasWaitingBeforeRegister` is true, a previously\n // updated service worker is still waiting.\n // You may want to customize the UI prompt accordingly.\n wb.addEventListener(\"controlling\", (event) => {\n window.location.reload();\n });\n\n if (registration && registration.waiting) {\n // Send a message to the waiting service worker,\n // instructing it to activate.\n // Note: for this to work, you have to add a message\n // listener in your service worker. See below.\n messageSW(registration.waiting, { type: \"SKIP_WAITING\" });\n }\n };\n // Add an event listener to detect when the registered\n // service worker has installed but is waiting to activate.\n wb.addEventListener(\"waiting\", showSkipWaitingPrompt);\n wb.addEventListener(\"externalwaiting\", showSkipWaitingPrompt);\n\n wb.register().then((r) => (registration = r));\n }\n}\n\nReactDOM.render(\n \n , \n document.getElementById('root')\n);\n\n"],"sourceRoot":""}