\n \n \n 
\n
\n
\n );\n};\n\nconst StyledColWrap = styled(Col)`\n background-color: ${colorPalette.$primary};\n .flybig-logo {\n position: absolute;\n top: 2rem;\n left: 2rem;\n }\n`;\n\nexport default AuthWrapper;\n","export const colorPalette = {\n $primary: \"#E53D74\",\n $primaryLight: \"#E53D74\",\n};\n","import { useSkin } from \"@hooks/useSkin\";\nimport LoginStepFinal from \"@components/Auth/Login/LoginStepFinal\";\nimport AuthWrapper from \"@components/Auth/common/AuthWrapper\";\n\nconst Login = () => {\n const [skin, setSkin] = useSkin();\n\n const illustration = skin === \"dark\" ? \"login-v2-dark.svg\" : \"login-v2.svg\";\n const source = require(`@src/assets/images/pages/${illustration}`).default;\n\n return (\n \n 
\n
\n \n {children}\n \n \n
\n Already have an account?\n \n Sign in instead\n \n
\n \n \n );\n};\n\nexport default SetPassword;\n","import React from \"react\";\nimport SetPassword from \"../../common/SetPassword\";\n\nconst ForgotPasswordStepTwo = () => {\n return\n 
\n
\n \n \n
\n
\n );\n}\n\nexport default RangeSelector;\n","import React from \"react\";\nimport ReactPaginate from \"react-paginate\";\nimport { CardBody } from \"reactstrap\";\n\nconst TablePagination = ({\n setPage,\n page,\n totalPage,\n}) => {\n return (\n \n {/* */}\n \n
\n | \n \n \n );\n }\n })}\n \n {item} \n {sortHeader &&\n sortHeader.map((header, index) => {\n if (item === header.headerText) {\n return (\n | \n );\n })}\n
|---|
\n setDisplay(false)}\n />\n {children}\n
\n \n {headerTitle}
\r\n\n
\n Email to send the Report
\n\n {displayRightSidebar && (\n \n \n \n \n \n\n handleChange(e.target.value)}\n />\n \n \n \n \n \n \n setShowCalendarTo(!showCalendarTo)}\n >\n
\n \n \n
\n {/* \n setShowCalendar(!showCalendar)}\n >\n
\n {moment(range.from).format(\"YYYY-MM-DD\")} -{\" \"}\n {moment(range.to).format(\"YYYY-MM-DD\")}\n \n {showCalendar && !showCalendarTo && (\n
*/}\n \n \n \n \n {displayRightSidebar && (\n \n \n \n \n \n\n handleChange(e.target.value)}\n />\n \n \n \n \n \n \n setShowCalendarTo(!showCalendarTo)}\n >\n
\n \n \n setShowCalendar(!showCalendar)}\n >\n
\n {moment(range.from).format(\"YYYY-MM-DD\")} -{\" \"}\n {moment(range.to).format(\"YYYY-MM-DD\")}\n \n {showCalendar && !showCalendarTo && (\n
\n \n \n \n \n \n \n \n
\n );\n};\n\nexport default SaveDiscardBtnGroup;\n","import { useState, useEffect } from \"react\";\nimport {\n Modal,\n ModalHeader,\n ModalBody,\n Row,\n Col,\n Label,\n Input,\n Button,\n} from \"reactstrap\";\nimport toaster from \"@components/common/Toaster\";\n\nconst UrlForm = ({ showModal, closeModal, imageLink, addImageLink }) => {\n const [link, setLink] = useState(\"\");\n\n //check valid url\n\n useEffect(() => {\n setLink(imageLink.link);\n }, [imageLink.link]);\n\n const handleClose = () => {\n closeModal();\n setLink(\"\");\n };\n\n const handleSubmit = (e) => {\n e.preventDefault();\n if (!link.includes(\"http\") || !link.includes(\".\"))\n return toaster(\"error\", \"Please add a valid link\");\n\n addImageLink(imageLink.index, link);\n handleClose();\n toaster(\"success\", \"⚠️ Link added, please save now\");\n };\n\n return (\n \n
\n Add Blog Link
\n\n
\n \n );\n })}\n {actions.new && (limit === -1 || imageList.length < limit) ? (\n \n handleRemoveImage(item.image)}\n className=\" imageSection_icon imageSection__removeImage\"\n >\n
\n )}\n Upload images
\n\n {imageList.map((item, index) => {\n return (\n {\n e.preventDefault();\n navigator.clipboard.writeText(item.image);\n toaster(\"success\", \"Link Copied\");\n }}\n className=\"imageSection_icon imageSection__copy\"\n >\n
\n )}\n {actions.change && item.id && (\n \n {item.title && {\n e.preventDefault();\n window.open(\n source === \"BannerImage\"\n ? item.bannerImage\n : item.image,\n \"_blank\"\n );\n }}\n className=\"imageSection_icon imageSection__link\"\n >\n
\n )}\n {actions.copy && (\n {item.title}
}\n\n {item.title ? (\n \"\"\n ) : (\n openModal(index, item.link)}\n className=\"imageSection_icon imageSection__link\"\n >\n \n
\n )}\n {actions.view && (\n \n {index + 1}\n
\n )}\n {isImageLink && (\n \n
\n )}\n {actions.delete && (\n \n
\n ) : null}\n \n {/* */}\n \n \n );\n};\n\nexport default ImageSection;\n","import { DashboardActionTypes } from \"./cms.actionTypes\";\n\nconst { TABLE_DATA } = DashboardActionTypes;\n\nexport const tableDataHandler = (data) => {\n return {\n type: TABLE_DATA,\n payload: data,\n };\n};\n","import React, { useState, useEffect } from \"react\";\nimport { Row } from \"reactstrap\";\nimport SaveDiscardBtnGroup from \"@components/common/save-discard-btn-group\";\nimport ImageSection from \"@components/common/ImageSection\";\nimport API from \"@api\";\nimport { useSelector, useDispatch } from \"react-redux\";\nimport toaster from \"@components/common/Toaster\";\nimport { tableDataHandler } from \"@store/Cms/cms.action\";\n\nimport \"uppy/dist/uppy.css\";\nimport \"@uppy/status-bar/dist/style.css\";\nimport \"@styles/react/libs/file-uploader/file-uploader.scss\";\n\nconst HeroImage = () => {\n const state = useSelector((state) => state?.cms);\n const [imageList, setImageList] = useState([]);\n const dispatch = useDispatch();\n\n const stored = state?.tableData;\n\n useEffect(() => {\n if (stored?.heroImages && stored?.heroImages.length > 0) {\n setImageList(\n stored?.heroImages.map((item) => ({ ...item, id: item._id }))\n );\n }\n }, [stored]);\n\n const handleSubmitHandler = async (e) => {\n e.preventDefault();\n let isValid = true;\n let imageListClone = imageList;\n\n imageListClone?.forEach((item) => {\n isValid &&\n (item?.image && item?.key ? (isValid = true) : (isValid = false));\n });\n\n if (isValid) {\n imageListClone.forEach((item) => {\n delete item.id;\n });\n\n dispatch(\n tableDataHandler({\n ...stored,\n heroImages: imageListClone,\n })\n );\n\n const updated = await API.updateHomeContent({\n id: stored?._id,\n heroImages: imageListClone,\n });\n\n updated?.data?.success && toaster(\"success\", \"Submitted successfully\");\n } else {\n toaster(\"error\", \"Please fill all the required details\");\n }\n };\n\n return (\n
\n \n
\n );\n};\n\nexport default HeroImage;\n","import React, { useState, useEffect } from \"react\";\nimport { Row } from \"reactstrap\";\nimport SaveDiscardBtnGroup from \"@components/common/save-discard-btn-group\";\nimport ImageSection from \"@components/common/ImageSection\";\nimport API from \"@api\";\nimport { useSelector, useDispatch } from \"react-redux\";\nimport toaster from \"@components/common/Toaster\";\nimport { tableDataHandler } from \"@store/Cms/cms.action\";\n\nimport \"uppy/dist/uppy.css\";\nimport \"@uppy/status-bar/dist/style.css\";\nimport \"@styles/react/libs/file-uploader/file-uploader.scss\";\n\nconst HeroImage = () => {\n const [saveDisabled, setSaveDisabled] = useState(true);\n const state = useSelector((state) => state?.cms);\n const [blogList, setBlogList] = useState([]);\n const dispatch = useDispatch();\n const stored = state?.tableData;\n\n useEffect(() => {\n if (stored?.blogs && stored?.blogs.length > 0) {\n setBlogList(stored?.blogs.map((item) => ({ ...item, id: item._id })));\n }\n }, [stored]);\n\n useEffect(() => {\n const oldBlogList = JSON.stringify(stored?.blogs.map((item) => ({ ...item, id: item._id })));\n if(oldBlogList !== JSON.stringify(blogList)) {\n setSaveDisabled(false);\n } else {\n setSaveDisabled(true);\n }\n }, [blogList]);\n\n const handleSubmitHandler = async (e) => {\n e.preventDefault();\n let isValid = true;\n let dataClone = blogList;\n\n dataClone?.forEach((item) => {\n isValid &&\n (item?.image && item?.key && item.link\n ? (isValid = true)\n : (isValid = false));\n });\n\n if (isValid) {\n dataClone.forEach((item) => {\n delete item.id;\n });\n\n dispatch(\n tableDataHandler({\n ...stored,\n blogs: dataClone,\n })\n );\n\n const updated = await API.updateHomeContent({\n id: stored?._id,\n blogs: dataClone,\n });\n\n updated?.data?.success && toaster(\"success\", \"Submitted successfully\");\n } else {\n toaster(\"error\", \"Please fill all the required details\");\n }\n };\n return (\n \n \n
\n );\n};\n\nexport default HeroImage;\n","import React, { useEffect, useState } from \"react\";\nimport { Col, FormGroup, Input, Label, Row, Button } from \"reactstrap\";\nimport SaveDiscardBtnGroup from \"@components/common/save-discard-btn-group\";\nimport Flatpickr from \"react-flatpickr\";\nimport { Trash } from \"react-feather\";\nimport { v4 as uuidv4 } from \"uuid\";\nimport { useDispatch, useSelector } from \"react-redux\";\nimport API from \"@api\";\nimport { tableDataHandler } from \"@store/Cms/cms.action\";\nimport toaster from \"@components/common/Toaster\";\n\nconst Media = () => {\n const [saveDisabled, setSaveDisabled] = useState(true);\n const state = useSelector((state) => state?.cms);\n const dispatch = useDispatch();\n\n const [media, setMedia] = useState([\n {\n id: uuidv4(),\n title: \"\",\n link: \"\",\n date: new Date(),\n },\n ]);\n const [dateObj, setDateObj] = useState({ id: null, value: new Date() });\n\n const stored = state?.tableData;\n\n useEffect(() => {\n if (stored?.media && stored?.media?.length > 0) {\n setMedia(\n stored?.media.map((item) => ({\n id: uuidv4(),\n title: item?.title,\n link: item?.link,\n date: item?.date,\n }))\n );\n }\n }, [stored?.media]);\n\n useEffect(() => {\n let updated = true;\n if (media && stored?.media && media.length === stored.media.length) {\n updated = false;\n stored?.media.forEach((item, index) => {\n if (\n !(\n item.title === media[index].title &&\n item.link === media[index].link &&\n item.date === media[index].date\n )\n ) {\n updated = true;\n return;\n }\n });\n }\n setSaveDisabled(!updated);\n }, [media]);\n\n useEffect(() => {\n dateObj.id && handleChange(dateObj.value, dateObj.id, \"date\");\n }, [dateObj]);\n\n const handleChange = (val, id, key) =>\n setMedia(\n media.map((item) => (item.id === id ? { ...item, [key]: val } : item))\n );\n\n const handleAddMedia = () =>\n setMedia([\n ...media,\n { id: uuidv4(), title: \"\", link: \"\", date: new Date() },\n ]);\n\n const handleRemoveMedia = (id) => {\n let newMediaData = media.filter((item) => {\n if (item.id !== id) {\n return true;\n }\n });\n setMedia(newMediaData);\n };\n\n const handleSubmitHandler = async () => {\n let isValid = true;\n let mediaClone = media;\n\n mediaClone?.forEach((item) => {\n isValid &&\n (item?.title && item?.link && item?.date\n ? (isValid = true)\n : (isValid = false));\n });\n\n if (isValid) {\n mediaClone.forEach((item) => {\n delete item.id;\n });\n\n dispatch(\n tableDataHandler({\n ...stored,\n media: mediaClone,\n })\n );\n\n const updated = await API.updateHomeContent({\n id: stored?._id,\n media: mediaClone,\n });\n\n updated?.data?.success && toaster(\"success\", \"Submitted successfully\");\n } else {\n toaster(\"error\", \"Please fill all the required details\");\n }\n };\n\n return (\n \n \n \n \n \n\n \n handleChange(e.target.value, id, e.target.name)\n }\n />\n \n\n \n \n\n \n handleChange(e.target.value, id, e.target.name)\n }\n />\n \n \n \n\n setDateObj({ id, value })}\n />\n \n \n \n\n handleRemoveMedia(id)}\n >\n
\n
\n ))}\n\n \n {tabOptions.map(({ title, id }) => (\n
\n );\n};\n\nexport default CmsTabs;\n","import React, { useEffect, useState } from \"react\";\nimport { Card, CardBody, CardHeader, CardTitle, Col, Row } from \"reactstrap\";\nimport HeroImage from \"./HeroImage\";\nimport Blogs from \"./Blogs\";\nimport Media from \"./Media\";\nimport CmsTabs from \"@components/Cms/CmsTabs\";\nimport { useDispatch } from \"react-redux\";\nimport API from \"@api\";\nimport { tableDataHandler } from \"@store/Cms/cms.action\";\n\nconst tabOptions = [\n {\n id: 0,\n title: \"Web Banner\",\n formComponent: \n handleSelectActiveTab(id)}\n outline={active !== id}\n >\n {title}\n \n
\n ))}\n \n \n \n \n \n Home Content -{\" \"}\n \n {\" \"}\n {tabOptions.find((item) => item.id === active).title}{\" \"}\n Section{\" \"}\n \n \n \n \n {tabOptions.find((item) => item.id === active).formComponent}\n \n \n \n
\n ) : (\n handleRenderChildFormComponent().map(({ title, formComponent, id }) => (\n \n \n \n {title} \n \n {formComponent} \n \n \n
\n ))\n )}\n
\n );\n};\n\nexport default HomeContentTabs;\n\n// \n setActive(val)}\n />\n
\n {!handleRenderChildFormComponent()?.length ? (\n \n
\n );\n};\n\nexport default PdfSection;\n","import React, { useState, useEffect } from \"react\";\nimport { Row } from \"reactstrap\";\nimport PdfSection from \"@components/common/PdfSection\";\nimport { useSelector, useDispatch } from \"react-redux\";\n\nimport \"uppy/dist/uppy.css\";\nimport \"@uppy/status-bar/dist/style.css\";\nimport \"@styles/react/libs/file-uploader/file-uploader.scss\";\n\nconst Pdf = ({getData}) => {\n const state = useSelector((state) => state?.cms);\n const [fileList, setFileList] = useState([]);\n\n const stored = state?.tableData;\n useEffect(() => {\n if (stored?.pdfFiles && stored?.pdfFiles.length > 0) {\n setFileList(\n stored?.pdfFiles.map((item) => ({ ...item, id: item._id }))\n );\n }\n }, [stored]);\n\n return (\n \n
\n
\n Upload pdfs
\nDrag and drop or upload new file
\n\n {pdfList.map((item, index) => {\n return (\n
\n \n
\n\n );\n })}\n \n {\n e.preventDefault();\n window.open(item.link, '_blank');\n }}\n >\n View\n : null}\n
\n {item.title}
\n\n
\n \n
\n );\n};\n\nexport default Pdf;\n","import React, { useEffect, useState } from \"react\";\nimport { Card, CardBody, CardHeader, CardTitle, Col, Row } from \"reactstrap\";\nimport Pdf from \"./Pdf\";\nimport { useDispatch } from \"react-redux\";\nimport API from \"@api\";\nimport { tableDataHandler } from \"@store/Cms/cms.action\";\n\n\nconst PdfUpload = () => {\n const dispatch = useDispatch();\n\n const getData = async () => {\n const { data } = await API.getHomeContent();\n const pdfFiles = await API.getAllPdfFile();\n data && dispatch(tableDataHandler({...data.data, pdfFiles: pdfFiles.data.data}));\n };\n\n useEffect(() => getData(), []);\n\n return (\n \n \n \n \n \n Home Content - PDF Upload\n \n \n \n \n \n \n \n
\n
\n );\n};\n\nexport default PdfUpload;\n\n","import React, { useState, useEffect } from \"react\";\nimport { Row } from \"reactstrap\";\n// import BannerImageSection from \"@components/common/BannerImageSection\";\nimport ImageSection from \"../../../@core/components/common/ImageSection\";\nimport \"uppy/dist/uppy.css\";\nimport \"@uppy/status-bar/dist/style.css\";\nimport \"@styles/react/libs/file-uploader/file-uploader.scss\";\nimport Uppy from \"@uppy/core\";\nimport { useSelector, useDispatch } from \"react-redux\";\n\nimport \"uppy/dist/uppy.css\";\nimport \"@uppy/status-bar/dist/style.css\";\nimport \"@styles/react/libs/file-uploader/file-uploader.scss\";\nimport toaster from \"@components/common/Toaster\";\nimport API from \"@api\";\n\nconst BannerImage = ({ getData }) => {\n const state = useSelector((state) => state?.cms);\n const [bannerList, setBannerList] = useState([]);\n const uppy = new Uppy({\n meta: { type: \"banner\" },\n autoProceed: true,\n restrictions: {\n maxNumberOfFiles: 1,\n allowedFileTypes: [\"image/*\", \".jpg\", \".jpeg\", \".png\"],\n maxFileSize: 1 * 1024 * 1024,\n },\n });\n uppy.on(\"complete\", async (result) => {\n const id = result.successful[0].source;\n const formData = new FormData();\n const file = bannerList.find((item) => item.id === id);\n formData.append(\"name\", file?.name);\n formData.append(\"image\", result.successful[0].data, `${file.title}`);\n const { data } = await API.uploadBannerImage(formData);\n if (data.success) {\n toaster(\"success\", \"Image file uploaded successfully\");\n }\n await getData();\n });\n const stored = state?.tableData;\n useEffect(() => {\n if (stored?.bannerImages && stored?.bannerImages.length > 0) {\n setBannerList(\n stored?.bannerImages.map((item) => ({ ...item, id: item._id }))\n );\n }\n }, [stored, state]);\n\n return (\n \n \n
\n );\n};\n\nexport default BannerImage;\n","import React, { useEffect, useState } from \"react\";\nimport { Card, CardBody, CardHeader, CardTitle, Col, Row } from \"reactstrap\";\nimport BannerImage from \"./BannerImage\";\nimport { useDispatch } from \"react-redux\";\nimport API from \"@api\";\nimport { tableDataHandler } from \"@store/Cms/cms.action\";\n\nconst HomeContentTabs = () => {\n const dispatch = useDispatch();\n\n const getData = async () => {\n const sectionData = await API.getAllUiSection();\n const data = sectionData?.data?.data;\n const bannerImages = data\n .filter((item) => item.bannerImage && item.bannerImage.length > 0)\n .map((item) => {\n return {\n bannerImage: item.bannerImage,\n title: item.title,\n _id: item._id,\n };\n });\n console.log(bannerImages);\n data && bannerImages && dispatch(tableDataHandler({ bannerImages }));\n };\n\n useEffect(() => getData(), []);\n\n return (\n \n \n \n \n Banner Images \n \n \n \n \n \n
\n
\n );\n};\n\nexport default HomeContentTabs;\n","import React, { useEffect, useState } from \"react\";\nimport { Col, FormGroup, Input, Label, Row, Button } from \"reactstrap\";\nimport SaveDiscardBtnGroup from \"@components/common/save-discard-btn-group\";\nimport { Trash } from \"react-feather\";\nimport { v4 as uuidv4 } from \"uuid\";\nimport { useDispatch, useSelector } from \"react-redux\";\nimport API from \"@api\";\nimport { tableDataHandler } from \"@store/Cms/cms.action\";\nimport toaster from \"@components/common/Toaster\";\n\nconst AlertConfig = () => {\n const [saveDisabled, setSaveDisabled] = useState(true);\n const state = useSelector((state) => state?.cms);\n const dispatch = useDispatch();\n\n const [media, setMedia] = useState([\n {\n id: uuidv4(),\n description: \"\",\n },\n ]);\n const stored = state?.tableData;\n\n useEffect(() => {\n if (stored?.flybigAlerts && stored?.flybigAlerts?.length > 0) {\n setMedia(\n stored?.flybigAlerts.map((item) => {\n return {\n id: uuidv4(),\n description: item?.description,\n };\n })\n );\n }\n }, [stored?.flybigAlerts]);\n\n useEffect(() => {\n let updated = true;\n if (\n media &&\n stored?.flybigAlerts &&\n media.length === stored?.flybigAlerts.length\n ) {\n updated = false;\n stored?.flybigAlerts.forEach((item, index) => {\n if (!(item.description === media[index].description)) {\n updated = true;\n return;\n }\n });\n }\n setSaveDisabled(!updated);\n }, [media]);\n\n const handleChange = (val, id, key) =>\n setMedia(\n media.map((item) => (item.id === id ? { ...item, [key]: val } : item))\n );\n\n const handleAddMedia = () =>\n setMedia([...media, { id: uuidv4(), description: \"\" }]);\n\n const handleRemoveMedia = (id) => {\n let newMediaData = media.filter((item) => {\n if (item.id !== id) {\n return true;\n }\n });\n setMedia(newMediaData);\n };\n\n const handleSubmitHandler = async () => {\n let isValid = true;\n let mediaClone = media;\n\n mediaClone?.forEach((item) => {\n isValid && (item?.description ? (isValid = true) : (isValid = false));\n });\n\n if (isValid) {\n mediaClone.forEach((item) => {\n delete item.id;\n });\n dispatch(\n tableDataHandler({\n ...stored,\n flybigAlerts: mediaClone,\n })\n );\n const res = [];\n mediaClone.forEach((item) => {\n res.push({\n title: item.description,\n });\n });\n const updated = await API.updateUiSectionById(stored?.flybigAlertsId, {\n details: res,\n });\n\n updated?.data?.success && toaster(\"success\", \"Submitted successfully\");\n } else {\n toaster(\"error\", \"Please fill all the required details\");\n }\n };\n\n return (\n \n \n \n \n \n\n \n handleChange(e.target.value, id, e.target.name)\n }\n />\n \n \n \n\n handleRemoveMedia(id)}\n >\n
\n
\n ))}\n\n \n \n \n \n Flybig Alerts \n \n \n \n \n \n
\n
\n );\n};\n\nexport default HomeContentTabs;\n","import React, { useEffect, useState } from \"react\";\nimport { Col, FormGroup, Input, Label, Row, Button } from \"reactstrap\";\nimport { useSelector, useDispatch } from \"react-redux\";\nimport \"uppy/dist/uppy.css\";\nimport \"@uppy/status-bar/dist/style.css\";\nimport \"@styles/react/libs/file-uploader/file-uploader.scss\";\nimport Uppy from \"@uppy/core\";\nimport { FileInput } from \"@uppy/react\";\nimport API from \"@api\";\nimport \"./index.scss\";\nimport toaster from \"../common/Toaster\";\nimport SaveDiscardBtnGroup from \"../common/save-discard-btn-group\";\nimport { v4 as uuidv4 } from \"uuid\";\nimport { tableDataHandler } from \"@store/Cms/cms.action\";\n\nconst SpecialOfferSection = ({ dataList, getData }) => {\n const stored = useSelector((state) => state?.cms?.tableData);\n const dispatch = useDispatch();\n\n const [offers, setOffers] = useState([\n {\n id: uuidv4(),\n title: \"\",\n description: \"\",\n image: \"\",\n extraDetails: {\n tooltip: \"\",\n color: \"\",\n },\n },\n ]);\n\n const uppy = new Uppy({\n meta: { type: \"image\" },\n autoProceed: true,\n restrictions: {\n maxNumberOfFiles: 1,\n allowedFileTypes: [\".svg\"],\n maxFileSize: 1 * 1024 * 1024,\n },\n });\n\n uppy.on(\"complete\", async (result) => {\n const id = result.successful[0].source;\n const formData = new FormData();\n const file = offers.find((item) => item.id === id);\n formData.append(\"name\", file?.name);\n formData.append(\"image\", result.successful[0].data, `${file.title}${file.id}`);\n const { data } = await API.uploadImage(formData);\n if (data.success) {\n toaster(\"success\", \"Image uploaded successfully\");\n }\n const { url } = data.data;\n setOffers(\n offers.map((item) => (item.id === id ? { ...item, image: url } : item))\n );\n });\n useEffect(() => {\n if (stored?.specialOffer && stored?.specialOffer?.length > 0) {\n setOffers(\n stored?.specialOffer.map((item) => {\n return {\n id: item._id || uuidv4(),\n title: item?.title,\n description: item?.description,\n image: item?.image.link,\n extraDetails: {\n tooltip: item?.extraDetails?.tooltip,\n color: item?.extraDetails?.color,\n },\n };\n })\n );\n }\n }, [stored]);\n\n const handleChange = (val, id, key) => {\n let value = val;\n if (key === 'extraDetails'){\n value = { ...offers.find((item) => item.id === id)[key], ...val };\n }\n setOffers(\n offers.map((item) => (item.id === id ? { ...item, [key]: value } : item))\n );\n }\n\n const handleAddMedia = () =>\n setOffers([\n ...offers,\n {\n id: uuidv4(),\n title: \"\",\n description: \"\",\n image: \"\",\n extraDetails: { tooltip: \"\", color: \"\" },\n },\n ]);\n\n const handleRemoveMedia = (id) => {\n let newMediaData = offers.filter((item) => {\n if (item.id !== id) {\n return true;\n }\n });\n setOffers(newMediaData);\n };\n\n const handleSubmitHandler = async (e) => {\n e.preventDefault();\n\n let isValid = true;\n let offersClone = offers;\n\n offersClone?.forEach((item) => {\n isValid &&\n (item?.description ? (isValid = true) : (isValid = false)) &&\n (item?.title ? (isValid = true) : (isValid = false));\n });\n\n if (isValid) {\n offersClone.forEach((item) => {\n delete item.id;\n });\n dispatch(\n tableDataHandler({\n ...stored,\n SpecialOffers: offersClone,\n })\n );\n toaster(\"success\", \"Data saved successfully\");\n const res = offersClone.map((item) => {\n return {\n ...item,\n description: {\n text: item.description,\n },\n image: {\n link: item.image,\n },\n };\n });\n const updated = await API.updateUiSectionById(stored?.specialOfferId, {\n details: res,\n });\n\n updated?.data?.success && toaster(\"success\", \"Submitted successfully\");\n getData();\n // reload\n window.location.reload();\n } else {\n toaster(\"error\", \"Please fill all the required details\");\n }\n };\n\n return (\n \n {\n e.preventDefault();\n handleSubmitHandler(e);\n }}\n >\n {offers.length &&\n offers.map(\n ({ id, title, description, image, extraDetails }, index) => {\n return (\n \n \n \n\n \n handleChange(e.target.value, id, e.target.name)\n }\n />\n \n \n \n\n \n handleChange(e.target.value, id, e.target.name)\n }\n />\n \n \n \n \n handleChange(\n { tooltip: e.target.value },\n id,\n \"extraDetails\"\n )\n }\n />\n \n \n \n \n handleChange(\n { color: e.target.value },\n id,\n \"extraDetails\"\n )\n }\n />\n \n \n
\n );\n }\n )}\n
\n );\n};\n\nexport default SpecialOfferSection;\n","import React, { useState, useEffect } from \"react\";\nimport { Row } from \"reactstrap\";\nimport SpecialOfferSection from \"@components/SpecialOfferSection\";\nimport { useSelector, useDispatch } from \"react-redux\";\n\nimport \"uppy/dist/uppy.css\";\nimport \"@uppy/status-bar/dist/style.css\";\nimport \"@styles/react/libs/file-uploader/file-uploader.scss\";\n\nconst Offers = ({getData}) => {\n const state = useSelector((state) => state?.cms);\n const [specialOfferList, setSpecialOffer] = useState([]);\n const stored = state?.tableData;\n useEffect(() => {\n if (stored?.specialOffer && stored?.specialOffer.length > 0) {\n setSpecialOffer(\n stored?.specialOffer.map((item) => ({ ...item, id: item._id }))\n );\n }\n }, [stored]);\n\n return (\n \n
\n \n {image ? (\n handleRemoveMedia(id)}\n > Remove\n \n \n ) : null}\n
\n No Image
\n )}\n\n \n
\n
\n );\n};\n\nexport default Offers;\n","import { DashboardActionTypes } from \"./routes.actionTypes\";\n\nconst { TABLE_DATA } = DashboardActionTypes;\n\nexport const tableDataHandler = (data) => {\n return {\n type: TABLE_DATA,\n payload: data,\n };\n};\n","import React, { useEffect, useState } from \"react\";\nimport { Card, CardBody, CardHeader, CardTitle, Col, Row } from \"reactstrap\";\nimport Offers from \"./Offers\";\nimport { useDispatch } from \"react-redux\";\nimport API from \"@api\";\nimport { tableDataHandler } from \"@store/routes/routes.action\";\n\nconst SpecialOffer = () => {\n const dispatch = useDispatch();\n\n const getData = async () => {\n const sectionData = await API.getAllUiSection();\n const data = sectionData?.data?.data;\n const specialOfferId = data.filter(\n (item) => item.title === \"Special Offers\"\n )[0]._id;\n const dataFiltered = data.filter(\n (item) => item.title === \"Special Offers\"\n )[0];\n const specialOffer =\n dataFiltered.details.map((item) => {\n return {\n _id: item.title,\n title: item.title,\n description: item?.description?.text || \"\",\n image: item.image || \"\",\n extraDetails: {\n tooltip: item.extraDetails.tooltip || \"\",\n color: item.extraDetails.color || \"\",\n },\n };\n }) || [];\n specialOfferId &&\n dispatch(tableDataHandler({ specialOfferId, specialOffer }));\n };\n\n useEffect(() => getData(), []);\n\n return (\n \n \n \n \n Special Offers \n \n \n \n \n \n
\n
\n );\n};\n\nexport default SpecialOffer;\n","import React, { useEffect, useState } from \"react\";\nimport { Col, FormGroup, Input, Label, Row, Button } from \"reactstrap\";\nimport SaveDiscardBtnGroup from \"@components/common/save-discard-btn-group\";\nimport { Trash } from \"react-feather\";\nimport { v4 as uuidv4 } from \"uuid\";\nimport { useDispatch, useSelector } from \"react-redux\";\nimport API from \"@api\";\nimport { tableDataHandler } from \"@store/Cms/cms.action\";\nimport toaster from \"@components/common/Toaster\";\n\nconst FaqCatagories = () => {\n const state = useSelector((state) => state?.cms);\n const dispatch = useDispatch();\n\n const [media, setMedia] = useState([\n {\n id: uuidv4(),\n description: \"\",\n },\n ]);\n const stored = state?.tableData;\n\n useEffect(() => {\n if (stored?.faqCatagories && stored?.faqCatagories?.length > 0) {\n setMedia(\n stored?.faqCatagories.map((item) => {\n return {\n id: uuidv4(),\n description: item?.description,\n };\n })\n );\n }\n }, [stored?.faqCatagories]);\n\n const handleChange = (val, id, key) => {\n if (key === 'description') {\n const valid = true;\n media.forEach((item) => {\n if(item.description === val) {\n valid = false;\n }\n });\n if(!valid){\n return;\n }\n }\n setMedia(\n media.map((item) => (item.id === id ? { ...item, [key]: val } : item))\n );\n }\n\n const handleAddMedia = () =>\n setMedia([\n ...media,\n { id: uuidv4(), description: \"\" },\n ]);\n\n const handleRemoveMedia = (id) => {\n let newMediaData = media.filter((item) => {\n if (item.id !== id) {\n return true;\n }\n });\n setMedia(newMediaData);\n };\n\n const handleSubmitHandler = async () => {\n let isValid = true;\n let mediaClone = media;\n\n mediaClone?.forEach((item) => {\n isValid &&\n (item?.description\n ? (isValid = true)\n : (isValid = false));\n });\n\n if (isValid) {\n mediaClone.forEach((item) => {\n delete item.id;\n });\n dispatch(\n tableDataHandler({\n ...stored,\n faqCatagories: mediaClone,\n })\n );\n const res = [];\n mediaClone.forEach((item) => {\n res.push({\n title: item.description,\n });\n });\n const updated = await API.updateUiSectionById(stored?.faqCatagoriesId, {details: res});\n\n updated?.data?.success && toaster(\"success\", \"Submitted successfully\");\n } else {\n toaster(\"error\", \"Please fill all the required details\");\n }\n };\n\n return (\n \n \n \n \n \n\n \n handleChange(e.target.value, id, e.target.name)\n }\n />\n \n \n \n\n handleRemoveMedia(id)}\n >\n
\n
\n ))}\n\n \n \n \n \n FAQ Catagories \n \n \n \n \n \n
\n
\n );\n};\n\nexport default HomeContentTabs;\n","const removeButtons = [\r\n \"Cut\",\r\n \"Copy\",\r\n \"Paste\",\r\n \"PasteText\",\r\n \"PasteFromWord\",\r\n \"-\",\r\n \"Undo\",\r\n \"Redo\",\r\n \"Source\",\r\n \"Find\",\r\n \"Replace\",\r\n \"-\",\r\n \"SelectAll\",\r\n \"-\",\r\n \"SpellChecker\",\r\n \"Scayt\",\r\n \"Anchor\",\r\n \"Table\",\r\n \"About\",\r\n \"Flash\",\r\n \"HorizontalRule\",\r\n \"Smiley\",\r\n \"SpecialChar\",\r\n \"PageBreak\",\r\n \"Iframe\",\r\n];\r\n\r\nexport default removeButtons;\r\n","import React, { useEffect, useState } from \"react\";\nimport { Col, FormGroup, Label, Row, Button, Input } from \"reactstrap\";\nimport { useSelector, useDispatch } from \"react-redux\";\nimport API from \"@api\";\nimport \"./index.scss\";\nimport toaster from \"../common/Toaster\";\nimport SaveDiscardBtnGroup from \"../common/save-discard-btn-group\";\nimport { v4 as uuidv4 } from \"uuid\";\nimport { tableDataHandler } from \"@store/Cms/cms.action\";\nimport { Plus } from \"react-feather\";\nimport { CKEditor } from \"ckeditor4-react\";\nimport removeButtons from \"../../../configs/ckeditor\";\n\nconst FaqSection = ({ dataList, getData }) => {\n const stored = useSelector((state) => state?.cms?.tableData);\n const dispatch = useDispatch();\n\n const [selectedCatagoryIndex, setSelecedCatagoryIndex] = useState(-1);\n const [renderer, setRenderer] = useState(false);\n const [faq, setFaq] = useState([]);\n useEffect(() => {\n if (stored?.faq && stored?.faq?.length > 0) {\n setFaq(\n stored?.faq.map((item) => {\n let extraDetails = {\n questionAndAnswers: [],\n };\n if (item.extraDetails && item.extraDetails.questionAndAnswers) {\n item.extraDetails.questionAndAnswers.forEach(\n (questionAndAnswer) => {\n extraDetails.questionAndAnswers.push({\n ...questionAndAnswer,\n id: uuidv4(),\n });\n }\n );\n }\n return {\n id: item._id || uuidv4(),\n title: item?.title,\n extraDetails,\n };\n })\n );\n setSelecedCatagoryIndex(0);\n }\n }, [stored]);\n\n const handleChange = (val, id, key) => {\n if (key === \"title\") {\n faq.forEach((item, index) => {\n if (item.title === val) {\n setSelecedCatagoryIndex(index);\n }\n });\n return;\n }\n const tempFaq = faq;\n if (\n tempFaq &&\n tempFaq[selectedCatagoryIndex] &&\n tempFaq[selectedCatagoryIndex]?.extraDetails &&\n tempFaq[selectedCatagoryIndex]?.extraDetails?.questionAndAnswers\n ) {\n tempFaq[selectedCatagoryIndex]?.extraDetails?.questionAndAnswers.forEach(\n (questionAndAnswer, index) => {\n if (questionAndAnswer.id === id) {\n tempFaq[selectedCatagoryIndex].extraDetails.questionAndAnswers[\n index\n ][key] = val;\n }\n }\n );\n }\n setFaq(tempFaq);\n setRenderer(!renderer);\n };\n\n const handleAddMedia = () => {\n const newFaq = [...faq];\n newFaq[selectedCatagoryIndex].extraDetails.questionAndAnswers = [\n ...newFaq[selectedCatagoryIndex].extraDetails.questionAndAnswers,\n {\n id: uuidv4(),\n question: \"\",\n answer: \"\",\n },\n ];\n setFaq(newFaq);\n setRenderer(!renderer);\n };\n\n const handleRemoveMedia = (id) => {\n const newData = [...faq];\n newData[selectedCatagoryIndex].extraDetails.questionAndAnswers = faq[\n selectedCatagoryIndex\n ].extraDetails.questionAndAnswers.filter((item) => {\n if (item.id !== id) {\n return true;\n }\n });\n setFaq(newData);\n setRenderer(!renderer);\n };\n\n const handleSubmitHandler = async (e) => {\n e.preventDefault();\n\n let isValid = true;\n let faqClone = faq;\n\n faqClone?.forEach((item) => {\n isValid && (item?.title ? (isValid = true) : (isValid = false));\n });\n\n if (isValid) {\n faqClone.forEach((item) => {\n delete item.id;\n if (item.extraDetails && item.extraDetails.questionAndAnswers) {\n item.extraDetails.questionAndAnswers.forEach((questionAndAnswer) => {\n delete questionAndAnswer.id;\n });\n }\n });\n dispatch(\n tableDataHandler({\n ...stored,\n faq: faqClone,\n })\n );\n toaster(\"success\", \"Data saved successfully\");\n const updated = await API.updateUiSectionById(stored?.faqId, {\n details: faqClone,\n });\n\n updated?.data?.success && toaster(\"success\", \"Submitted successfully\");\n getData();\n window.location.reload();\n } else {\n toaster(\"error\", \"Please fill all the required details\");\n }\n };\n\n return (\n \n \n {\n e.preventDefault();\n handleSubmitHandler(e);\n }}\n >\n \n \n {(renderer || !renderer) &&\n selectedCatagoryIndex !== -1 &&\n faq[selectedCatagoryIndex].extraDetails ? (\n \n \n \n
\n
\n );\n};\n\nexport default FaqSection;\n","import React, { useState, useEffect } from \"react\";\nimport { Row } from \"reactstrap\";\nimport FaqSection from \"@components/FaqSection\";\nimport { useSelector, useDispatch } from \"react-redux\";\n\nimport \"uppy/dist/uppy.css\";\nimport \"@uppy/status-bar/dist/style.css\";\nimport \"@styles/react/libs/file-uploader/file-uploader.scss\";\n\nconst Offers = ({getData}) => {\n const state = useSelector((state) => state?.cms);\n const [faqList, setFaq] = useState([]);\n const stored = state?.tableData;\n useEffect(() => {\n if (stored?.faq && stored?.faq.length > 0) {\n setFaq(\n stored?.faq.map((item) => ({ ...item, id: item._id }))\n );\n }\n }, [stored]);\n\n return (\n \n
\n ) : (\n \"\"\n )}\n Questions and Answers
\n {faq[\n selectedCatagoryIndex\n ].extraDetails?.questionAndAnswers?.map(\n ({ id, question, answer }) => {\n return (\n\n
\n );\n }\n )}\n \n \n \n \n handleChange(\n e.target.value,\n id,\n e.target.name\n )\n }\n />\n \n \n \n {\n handleChange(\n event.editor.getData(),\n id,\n \"answer\"\n );\n }}\n config={{\n removeButtons,\n }}\n id={id}\n />\n \n {faq[selectedCatagoryIndex].extraDetails\n ?.questionAndAnswers?.length > 1 ? (\n <>\n {\n handleRemoveMedia(id)}\n >\n {\" \"}\n Remove\n \n }\n \n ) : null}\n
\n \n \n
\n
\n );\n};\n\nexport default Offers;\n","import React, { useEffect, useState } from \"react\";\nimport { Card, CardBody, CardHeader, CardTitle, Col, Row } from \"reactstrap\";\nimport FAQ from \"./Faq\";\nimport { useDispatch } from \"react-redux\";\nimport API from \"@api\";\nimport { tableDataHandler } from \"@store/routes/routes.action\";\n\nconst FAQs = () => {\n const dispatch = useDispatch();\n\n const getData = async () => {\n const sectionData = await API.getAllUiSection();\n const data = sectionData?.data?.data;\n const faqId = data.filter((item) => item.title === \"FAQ\")[0]._id;\n const dataFiltered = data.filter((item) => item.title === \"FAQ\")[0];\n const faq =\n dataFiltered.details.map((item) => {\n return {\n _id: item.title,\n title: item?.title || \"\",\n extraDetails: {\n questionAndAnswers: item.extraDetails?.questionAndAnswers || [],\n },\n };\n }) || [];\n faqId && dispatch(tableDataHandler({ faqId, faq }));\n };\n\n useEffect(() => getData(), []);\n\n return (\n \n \n \n \n FAQs \n \n \n \n \n \n
\n
\n );\n};\n\nexport default FAQs;\n","import React, { useEffect, useState } from \"react\";\nimport { Col, FormGroup, Input, Label, Row, Button } from \"reactstrap\";\nimport { useSelector, useDispatch } from \"react-redux\";\nimport \"uppy/dist/uppy.css\";\nimport \"@uppy/status-bar/dist/style.css\";\nimport \"@styles/react/libs/file-uploader/file-uploader.scss\";\nimport API from \"@api\";\nimport \"./index.scss\";\nimport toaster from \"../Toaster\";\nimport SaveDiscardBtnGroup from \"../save-discard-btn-group\";\nimport { Trash } from \"react-feather\";\nimport { v4 as uuidv4 } from \"uuid\";\nimport { tableDataHandler } from \"@store/Cms/cms.action\";\nimport removeButtons from \"../../../../configs/ckeditor\";\nimport ReactQuill from \"react-quill\";\nimport \"react-quill/dist/quill.snow.css\";\n\nconst UiSection = ({ dataList, getData, sectionName, sectionId }) => {\n const state = useSelector((state) => state?.cms);\n\n const dispatch = useDispatch();\n const stored = state?.tableData;\n const sectionData = stored ? stored[sectionName] : [];\n\n const [data, setData] = useState([]);\n\n useEffect(() => {\n if (sectionData && sectionData?.length > 0) {\n setData(() =>\n sectionData.map((item, index) => {\n return {\n id: uuidv4(),\n title: item?.title,\n description: item?.description?.text || \"\",\n };\n })\n );\n }\n }, [sectionData?.length]);\n\n const handleChange = (val, id, key) => {\n const newData = data?.map((item) => {\n return item.id === id ? { ...item, [key]: val } : { ...item };\n });\n setData(() => newData);\n };\n\n const handleAdd = () =>\n setData(() => [\n ...data,\n {\n id: uuidv4(),\n title: \"\",\n description: \"\",\n },\n ]);\n\n const handleRemove = (id) => {\n let newData = data.filter((item) => item.id !== id);\n setData(newData);\n };\n\n const handleSubmitHandler = async (e) => {\n e.preventDefault();\n\n let isValid = true;\n let dataClone = JSON.parse(JSON.stringify(data));\n\n dataClone?.forEach((item) => {\n isValid &&\n (item?.description ? (isValid = true) : (isValid = false)) &&\n (item?.title ? (isValid = true) : (isValid = false));\n });\n\n if (isValid) {\n dataClone.forEach((item) => {\n delete item.id;\n });\n const dataForDispatch = stored;\n dataForDispatch[sectionName] = dataClone;\n dispatch(tableDataHandler(dataForDispatch));\n toaster(\"success\", \"Data saved successfully\");\n\n const res = dataClone.map((item) => {\n return {\n ...item,\n description: {\n text: item.description || \"\",\n },\n };\n });\n const updated = await API.updateUiSectionById(sectionId, {\n details: res,\n });\n\n updated?.data?.success && toaster(\"success\", \"Submitted successfully\");\n window.location.reload();\n } else {\n toaster(\"error\", \"Please fill all the required details\");\n }\n };\n\n return (\n \n {\n e.preventDefault();\n handleSubmitHandler(e);\n }}\n >\n {Boolean(data.length)\n ? data.map((item, index) => {\n return (\n \n \n \n\n {\n handleChange(e.target.value, item?.id, \"title\");\n }}\n />\n \n \n \n {\n handleChange(e, item?.id, \"description\");\n }}\n />\n \n \n\n handleRemove(item?.id)}\n >\n
\n );\n })\n : \"Press +Add button for adding new content \"}\n
\n );\n};\n\nexport default UiSection;\n\nconst modules = {\n toolbar: [\n [{ font: [] }],\n [{ header: [1, 2, 3, 4, 5, 6, false] }],\n [\"bold\", \"italic\", \"underline\", \"strike\"],\n [{ color: [] }, { background: [] }],\n [{ script: \"sub\" }, { script: \"super\" }],\n [\"blockquote\", \"code-block\"],\n [{ list: \"ordered\" }, { list: \"bullet\" }],\n [{ indent: \"-1\" }, { indent: \"+1\" }, { align: [] }],\n [\"link\", \"image\"],\n [\"clean\"],\n ],\n};\n","import React, { useState, useEffect } from \"react\";\nimport { Row } from \"reactstrap\";\nimport SpecialOfferSection from \"@components/SpecialOfferSection\";\nimport { useSelector, useDispatch } from \"react-redux\";\n\nimport \"uppy/dist/uppy.css\";\nimport \"@uppy/status-bar/dist/style.css\";\nimport \"@styles/react/libs/file-uploader/file-uploader.scss\";\nimport UiSection from \"@components/common/newUISection\";\n\nconst About = ({ getData, sectionId }) => {\n const state = useSelector((state) => state?.cms);\n const [about, setAbout] = useState([]);\n const stored = state?.tableData;\n useEffect(() => {\n if (stored?.about && stored?.about.length > 0) {\n setAbout(stored?.about.map((item) => ({ ...item, id: item._id })));\n }\n }, [stored]);\n\n return (\n \n \n
\n
\n );\n};\n\nexport default About;\n","import React, { useEffect, useState } from \"react\";\nimport { Card, CardBody, CardHeader, CardTitle, Col, Row } from \"reactstrap\";\nimport About from \"./About\";\nimport { useDispatch } from \"react-redux\";\nimport API from \"@api\";\nimport { tableDataHandler } from \"@store/routes/routes.action\";\n\nconst AboutUs = () => {\n const dispatch = useDispatch();\n const [sectionId, setSectionId] = useState(null);\n\n const getData = async () => {\n const sectionData = await API.getAllUiSection();\n const data = sectionData?.data?.data;\n const aboutId = data.filter((item) => item.title === \"About\")[0]._id;\n console.log(\"aboutId\", aboutId);\n const dataFiltered = data.filter((item) => item.title === \"About\")[0];\n const about =\n dataFiltered.details.map((item) => {\n return {\n _id: item.title,\n title: item.title,\n description: item?.description,\n image: item.image,\n position: item.position,\n };\n }) || [];\n aboutId && dispatch(tableDataHandler({ aboutId, about }));\n setSectionId(aboutId);\n };\n\n useEffect(() => getData(), []);\n\n return (\n \n \n \n \n About \n \n \n \n \n \n
\n
\n );\n};\n\nexport default AboutUs;\n","import React, { useState, useEffect } from \"react\";\nimport { Row } from \"reactstrap\";\nimport SpecialOfferSection from \"@components/SpecialOfferSection\";\nimport { useSelector, useDispatch } from \"react-redux\";\n\nimport \"uppy/dist/uppy.css\";\nimport \"@uppy/status-bar/dist/style.css\";\nimport \"@styles/react/libs/file-uploader/file-uploader.scss\";\nimport UiSection from \"@components/common/newUISection\";\n\nconst Contact = ({ getData, sectionId }) => {\n const state = useSelector((state) => state?.cms);\n const [contact, setContact] = useState([]);\n const stored = state?.tableData;\n useEffect(() => {\n if (stored?.contact && stored?.contact.length > 0) {\n setContact(stored?.contact.map((item) => ({ ...item, id: item._id })));\n }\n }, [stored]);\n\n return (\n \n \n
\n
\n );\n};\n\nexport default Contact;\n","import React, { useEffect, useState } from \"react\";\nimport { Card, CardBody, CardHeader, CardTitle, Col, Row } from \"reactstrap\";\nimport Contact from \"./Contact\";\nimport { useDispatch } from \"react-redux\";\nimport API from \"@api\";\nimport { tableDataHandler } from \"@store/routes/routes.action\";\n\nconst AboutUs = () => {\n const dispatch = useDispatch();\n const [sectionId, setSectionId] = useState(null);\n\n const getData = async () => {\n const sectionData = await API.getAllUiSection();\n const data = sectionData?.data?.data;\n const contactId = data.filter((item) => item.title === \"Contact\")[0]._id;\n const dataFiltered = data.filter((item) => item.title === \"Contact\")[0];\n const about =\n dataFiltered.details.map((item) => {\n return {\n _id: item.title,\n title: item.title,\n description: item?.description,\n image: item.image,\n position: item.position,\n };\n }) || [];\n contactId && dispatch(tableDataHandler({ contactId, about }));\n setSectionId(contactId);\n };\n\n useEffect(() => getData(), []);\n\n return (\n \n \n \n \n Contact \n \n \n \n \n \n
\n
\n );\n};\n\nexport default AboutUs;\n","import React, { useState, useEffect } from \"react\";\nimport { Row } from \"reactstrap\";\nimport { useSelector, useDispatch } from \"react-redux\";\n\nimport \"uppy/dist/uppy.css\";\nimport \"@uppy/status-bar/dist/style.css\";\nimport \"@styles/react/libs/file-uploader/file-uploader.scss\";\nimport UiSection from \"@components/common/newUISection\";\n\nconst Coc = ({getData, sectionId}) => {\n const state = useSelector((state) => state?.cms);\n const [coc, setCoc] = useState([]);\n const stored = state?.tableData;\n useEffect(() => {\n if (stored?.coc && stored?.coc.length > 0) {\n setCoc(\n stored?.coc.map((item) => ({ ...item, id: item._id }))\n );\n }\n }, [stored]);\n\n return (\n \n \n
\n
\n );\n};\n\nexport default Coc;\n","import React, { useEffect, useState } from \"react\";\nimport { Card, CardBody, CardHeader, CardTitle, Col, Row } from \"reactstrap\";\nimport CocSection from \"./COC\";\nimport { useDispatch } from \"react-redux\";\nimport API from \"@api\";\nimport { tableDataHandler } from \"@store/routes/routes.action\";\n\nconst COC = () => {\n const dispatch = useDispatch();\n const [sectionId, setSectionId] = useState(null);\n\n const getData = async () => {\n const sectionData = await API.getAllUiSection();\n const data = sectionData?.data?.data;\n const cocId = data.filter(\n (item) => item.title === \"Conditions of Carriage\"\n )[0]._id;\n console.log(\"cocId\", cocId);\n const dataFiltered = data.filter(\n (item) => item.title === \"Conditions of Carriage\"\n )[0];\n const coc =\n dataFiltered.details.map((item) => {\n return {\n _id: item.title,\n title: item.title,\n description: item?.description,\n // image: item.image,\n // position: item.position,\n };\n }) || [];\n cocId && dispatch(tableDataHandler({ cocId, coc }));\n setSectionId(cocId);\n };\n\n useEffect(() => getData(), []);\n\n return (\n \n \n \n \n Conditions of Carriage \n \n \n \n \n \n
\n
\n );\n};\n\nexport default COC;\n","import React, { useState, useEffect } from \"react\";\nimport { Row } from \"reactstrap\";\nimport { useSelector } from \"react-redux\";\n\nimport \"uppy/dist/uppy.css\";\nimport \"@uppy/status-bar/dist/style.css\";\nimport \"@styles/react/libs/file-uploader/file-uploader.scss\";\nimport UiSection from \"@components/common/newUISection\";\n\nconst TermsAndCondation = ({getData, sectionId}) => {\n const state = useSelector((state) => state?.cms);\n const [tac, setTac] = useState([]);\n const stored = state?.tableData;\n useEffect(() => {\n if (stored?.tac && stored?.tac.length > 0) {\n setTac(\n stored?.tac.map((item) => ({ ...item, id: item._id }))\n );\n }\n }, [stored]);\n\n return (\n \n \n
\n
\n );\n};\n\nexport default TermsAndCondation;\n","import React, { useEffect, useState } from \"react\";\nimport { Card, CardBody, CardHeader, CardTitle, Col, Row } from \"reactstrap\";\nimport TacSection from \"./TAC\";\nimport { useDispatch } from \"react-redux\";\nimport API from \"@api\";\nimport { tableDataHandler } from \"@store/routes/routes.action\";\n\nconst TAC = () => {\n const dispatch = useDispatch();\n const [sectionId, setSectionId] = useState(null);\n\n const getData = async () => {\n const sectionData = await API.getAllUiSection();\n const data = sectionData?.data?.data;\n const tacId = data.filter((item) => item.title === \"Terms & Conditions\")[0]\n ._id;\n const dataFiltered = data.filter(\n (item) => item.title === \"Terms & Conditions\"\n )[0];\n const tac =\n dataFiltered.details.map((item) => {\n return {\n _id: item.title,\n title: item.title,\n description: item?.description,\n };\n }) || [];\n tacId && dispatch(tableDataHandler({ tacId, tac }));\n setSectionId(tacId);\n };\n\n useEffect(() => getData(), []);\n\n return (\n \n \n \n \n Terms & Conditions \n \n \n \n \n \n
\n
\n );\n};\n\n\nexport default TAC;\n","import React, { useState, useEffect } from \"react\";\nimport { Row } from \"reactstrap\";\nimport { useSelector } from \"react-redux\";\n\nimport \"uppy/dist/uppy.css\";\nimport \"@uppy/status-bar/dist/style.css\";\nimport \"@styles/react/libs/file-uploader/file-uploader.scss\";\nimport UiSection from \"@components/common/newUISection\";\n\nconst SpecialAssistance = ({getData, sectionId}) => {\n const state = useSelector((state) => state?.cms);\n const [specialAssistance, setSpecialAssistance] = useState([]);\n const stored = state?.tableData;\n useEffect(() => {\n if (stored?.specialAssistance && stored?.specialAssistance.length > 0) {\n setSpecialAssistance(\n stored?.specialAssistance.map((item) => ({ ...item, id: item._id }))\n );\n }\n }, [stored]);\n\n return (\n \n \n
\n
\n );\n};\n\nexport default SpecialAssistance;\n","import React, { useEffect, useState } from \"react\";\nimport { Card, CardBody, CardHeader, CardTitle, Col, Row } from \"reactstrap\";\nimport SpecialAssistanceSection from \"./SpecialAssistance\";\nimport { useDispatch } from \"react-redux\";\nimport API from \"@api\";\nimport { tableDataHandler } from \"@store/routes/routes.action\";\n\nconst SpecialAssistance = () => {\n const dispatch = useDispatch();\n const [sectionId, setSectionId] = useState(null);\n\n const getData = async () => {\n const sectionData = await API.getAllUiSection();\n const data = sectionData?.data?.data;\n const specialAssistanceId = data.filter(\n (item) => item.title === \"Special Assistance\"\n )[0]._id;\n const dataFiltered = data.filter(\n (item) => item.title === \"Special Assistance\"\n )[0];\n const specialAssistance =\n dataFiltered.details.map((item) => {\n return {\n _id: item.title,\n title: item.title,\n description: item?.description,\n };\n }) || [];\n specialAssistanceId &&\n dispatch(tableDataHandler({ specialAssistanceId, specialAssistance }));\n setSectionId(specialAssistanceId);\n };\n\n useEffect(() => getData(), []);\n\n return (\n \n \n \n \n SpecialAssistance \n \n \n \n \n \n
\n
\n );\n};\n\nexport default SpecialAssistance;\n","import React, { useState, useEffect } from \"react\";\nimport { Row } from \"reactstrap\";\nimport { useSelector } from \"react-redux\";\n\nimport \"uppy/dist/uppy.css\";\nimport \"@uppy/status-bar/dist/style.css\";\nimport \"@styles/react/libs/file-uploader/file-uploader.scss\";\nimport UiSection from \"@components/common/newUISection\";\n\nconst WeatherAdvisory = ({getData, sectionId}) => {\n const state = useSelector((state) => state?.cms);\n const [WeatherAdvisory, setWeatherAdvisory] = useState([]);\n const stored = state?.tableData;\n useEffect(() => {\n if (stored?.WeatherAdvisory && stored?.WeatherAdvisory.length > 0) {\n setWeatherAdvisory(\n stored?.WeatherAdvisory.map((item) => ({ ...item, id: item._id }))\n );\n }\n }, [stored]);\n\n return (\n \n \n
\n
\n );\n};\n\nexport default WeatherAdvisory;\n","import React, { useEffect, useState } from \"react\";\nimport { Card, CardBody, CardHeader, CardTitle, Col, Row } from \"reactstrap\";\nimport WeatherAdvisorySection from \"./WeatherAdvisory\";\nimport { useDispatch } from \"react-redux\";\nimport API from \"@api\";\nimport { tableDataHandler } from \"@store/routes/routes.action\";\n\nconst WeatherAdvisory = () => {\n const dispatch = useDispatch();\n const [sectionId, setSectionId] = useState(null);\n\n const getData = async () => {\n const sectionData = await API.getAllUiSection();\n const data = sectionData?.data?.data;\n const WeatherAdvisoryId = data.filter(\n (item) => item.title === \"Weather Advisory\"\n )[0]._id;\n const dataFiltered = data.filter(\n (item) => item.title === \"Weather Advisory\"\n )[0];\n const WeatherAdvisory =\n dataFiltered.details.map((item) => {\n return {\n _id: item.title,\n title: item.title,\n description: item?.description,\n };\n }) || [];\n WeatherAdvisoryId &&\n dispatch(tableDataHandler({ WeatherAdvisoryId, WeatherAdvisory }));\n setSectionId(WeatherAdvisoryId);\n };\n\n useEffect(() => getData(), []);\n\n return (\n \n \n \n \n WeatherAdvisory \n \n \n \n \n \n
\n
\n );\n};\n\nexport default WeatherAdvisory;\n","import React, { useState, useEffect } from \"react\";\nimport { Row } from \"reactstrap\";\nimport { useSelector } from \"react-redux\";\n\nimport \"uppy/dist/uppy.css\";\nimport \"@uppy/status-bar/dist/style.css\";\nimport \"@styles/react/libs/file-uploader/file-uploader.scss\";\nimport UiSection from \"@components/common/newUISection\";\n\nconst Privacy = ({getData, sectionId}) => {\n const state = useSelector((state) => state?.cms);\n const [privacy, setPrivacy] = useState([]);\n const stored = state?.tableData;\n useEffect(() => {\n if (stored?.privacy && stored?.privacy.length > 0) {\n setPrivacy(\n stored?.privacy.map((item) => ({ ...item, id: item._id }))\n );\n }\n }, [stored]);\n\n return (\n \n \n
\n
\n );\n};\n\nexport default Privacy;\n","import React, { useEffect, useState } from \"react\";\nimport { Card, CardBody, CardHeader, CardTitle, Col, Row } from \"reactstrap\";\nimport PrivacySection from \"./Privacy\";\nimport { useDispatch } from \"react-redux\";\nimport API from \"@api\";\nimport { tableDataHandler } from \"@store/routes/routes.action\";\n\nconst Privacy = () => {\n const dispatch = useDispatch();\n const [sectionId, setSectionId] = useState(null);\n\n const getData = async () => {\n const sectionData = await API.getAllUiSection();\n const data = sectionData?.data?.data;\n const privacyId = data.filter((item) => item.title === \"Privacy\")[0]._id;\n const dataFiltered = data.filter((item) => item.title === \"Privacy\")[0];\n const privacy =\n dataFiltered.details.map((item) => {\n return {\n _id: item.title,\n title: item.title,\n description: item?.description,\n };\n }) || [];\n privacyId && dispatch(tableDataHandler({ privacyId, privacy }));\n setSectionId(privacyId);\n };\n\n useEffect(() => getData(), []);\n\n return (\n \n \n \n \n Privacy \n \n \n \n \n \n
\n
\n );\n};\n\nexport default Privacy;\n","import HomeContent from \"../../views/Cms/HomeContent\";\nimport PdfUpload from \"../../views/Cms/PDFUpload\";\nimport BannerImage from \"../../views/Cms/BannerImage\";\nimport AlertConfig from \"../../views/Cms/AlertConfig\";\nimport SpecialOffer from \"../../views/Cms/SpecialOffer\";\nimport FaqCatagories from \"../../views/Cms/FAQ/FaqCatagories\";\nimport Faqs from \"../../views/Cms/FAQ\";\nimport AboutUs from \"../../views/Cms/AboutUs\";\nimport ContactUs from \"../../views/Cms/ContactUs\";\nimport COC from \"../../views/Cms/COC\";\nimport TAC from \"../../views/Cms/TermsAndCondation\";\nimport SpecialAssistance from \"../../views/Cms/SpecialAssistance\";\nimport WeatherAdvisory from \"../../views/Cms/WeatherAdvisory\";\nimport Privacy from \"../../views/Cms/Privacy\";\n\nconst CmsRoutes = [\n {\n path: \"/cms/home-content\",\n exact: true,\n component: HomeContent,\n },\n {\n path: \"/cms/pdf-upload\",\n exact: true,\n component: PdfUpload,\n },\n {\n path: \"/cms/banner-image\",\n exact: true,\n component: BannerImage,\n },\n {\n path: \"/cms/alert-Config\",\n exact: true,\n component: AlertConfig,\n },\n {\n path: \"/cms/special-offers\",\n exact: true,\n component: SpecialOffer,\n },\n {\n path: \"/cms/faqCatagories\",\n exact: true,\n component: FaqCatagories,\n },\n {\n path: \"/cms/faqs\",\n exact: true,\n component: Faqs,\n },\n {\n path: \"/cms/about\",\n exact: true,\n component: AboutUs,\n },\n {\n path: \"/cms/contact\",\n exact: true,\n component: ContactUs,\n },\n {\n path: \"/cms/coc\",\n exact: true,\n component: COC,\n },\n {\n path: \"/cms/tac\",\n exact: true,\n component: TAC,\n },\n {\n path: \"/cms/specialAssistance\",\n exact: true,\n component: SpecialAssistance,\n },\n {\n path: \"/cms/WeatherAdvisory\",\n exact: true,\n component: WeatherAdvisory,\n },\n {\n path: \"/cms/privacy\",\n exact: true,\n component: Privacy,\n },\n];\n\nexport default CmsRoutes;\n","import React, { useEffect, useState } from \"react\";\nimport { Col, FormGroup, Label, Row, Button } from \"reactstrap\";\nimport \"uppy/dist/uppy.css\";\nimport \"@uppy/status-bar/dist/style.css\";\nimport \"@styles/react/libs/file-uploader/file-uploader.scss\";\nimport '@uppy/core/dist/style.css'\nimport '@uppy/file-input/dist/style.css'\nimport Uppy from \"@uppy/core\";\nimport { FileInput } from '@uppy/react';\nimport { Trash } from \"react-feather\";\nimport API from \"@api\";\nimport \"./index.scss\";\nimport toaster from \"../common/Toaster\";\nimport confirmDelete from \"../common/confirmDelete\";\n\nconst RoutesSection = ({ routesList, getData, isPopular = false, allRoutes = [] }) => {\n\n const [selectedRoute, setSelectedRoute] = useState(\n {\n origin: \"\",\n destination: \"\",\n }\n );\n const [destinations, setDestinations] = useState([]);\n\n const [addFormVisible, setAddFormVisible] = useState(false);\n\n const uppy = new Uppy({\n meta: { type: \"image\" },\n autoProceed: true,\n restrictions: {\n maxNumberOfFiles: 1,\n allowedFileTypes: [\"image/*\", \".jpg\", \".jpeg\", \".png\"],\n maxFileSize: 2 * 1024 * 1024,\n },\n });\n\n uppy.on(\"complete\", async (result) => {\n const id = result.successful[0].source;\n const formData = new FormData();\n const file = routesList.find((item) => item.id === id);\n formData.append(\"name\", file?.name);\n formData.append(\"image\", result.successful[0].data, file.id);\n const { data } = await API.uploadPopularImage(formData);\n if (data.success) {\n toaster(\"success\",\"Image uploaded successfully\");\n }\n getData();\n });\n const onConfirmDelete = async (id) => {\n const { data } = await API.deleteRoute(id);\n if (data.success) {\n toaster(\"success\",\"Route deleted successfully\");\n getData();\n }\n } \n const handleRemove = (id) => {\n confirmDelete(() => onConfirmDelete(id));\n };\n\n const handleChange = (value, name) => {\n setSelectedRoute((prev) => ({ ...prev, [name]: value }));\n if(name === \"origin\" && value !== \"\"){\n const destinations = allRoutes.filter((item) => item.code === value)[0].destinations;\n setDestinations(destinations);\n }\n setSelectedRoute((prev) => ({ ...prev, [name]: value }));\n }\n \n useEffect(() => {\n if (allRoutes.length > 0) {\n setSelectedRoute((prev) => ({ ...prev, origin: allRoutes[0].code }));\n setDestinations(allRoutes[0].destinations);\n setSelectedRoute((prev) => ({ ...prev, destination: allRoutes[0].destinations[0].code }));\n }\n }, [allRoutes]);\n\n const handleSubmitHandler = async () => {\n const { data } = await API.createRoute({...selectedRoute, type: isPopular ? \"popular\" : \"UDAAN\"});\n if (data.success) {\n toaster(\"success\",\"Route added successfully\");\n getData();\n }\n };\n\n return (\n \n
\n );\n};\n\nexport default RoutesSection;\n","import React, { useState, useEffect } from \"react\";\nimport { Row } from \"reactstrap\";\nimport RoutesSection from \"@components/Routes\";\nimport { useSelector, useDispatch } from \"react-redux\";\n\nimport \"uppy/dist/uppy.css\";\nimport \"@uppy/status-bar/dist/style.css\";\nimport \"@styles/react/libs/file-uploader/file-uploader.scss\";\n\nconst Popular = ({getData}) => {\n const state = useSelector((state) => state?.routes);\n const [routesList, setRoutesList] = useState([]);\n const [allRoutes, setAllRoutes] = useState([]);\n const stored = state?.tableData;\n useEffect(() => {\n if (stored?.popular && stored?.popular.length > 0) {\n setRoutesList(\n stored?.popular.map((item) => ({ ...item, id: item._id }))\n );\n }\n if(stored?.allRoutes && stored?.allRoutes.length > 0){\n setAllRoutes(stored?.allRoutes);\n }\n }, [stored]);\n\n return (\n \n \n \n \n \n \n handleChange(e.target.value, \"origin\")}\n className='form-control'\n >\n {allRoutes.map((item) => {\n return (\n \n )\n })}\n \n \n \n \n handleChange(e.target.value, \"destination\")}\n className='form-control'\n >\n {destinations.map((item) => {\n return (\n \n )\n })}\n \n \n \n \n {\n e.preventDefault();\n handleSubmitHandler();\n }\n }\n size='sm'\n >\n Add\n \n \n
\n ) : \n {\n e.preventDefault();\n setAddFormVisible(true);\n }\n }\n size='sm'\n >\n Add New Route\n }\n
\n \n {routesList.map((item, index) => {\n return (\n
\n \n {addFormVisible ? (\n
\n\n );\n })}\n \n 
\n ): null }\n
\n
\n \n handleRemove(item.id)}\n >\n
\n {isPopular ? (\n {item.origin} - {item.destination}
\n\n
\n {isPopular ? (\n
\n \n \n
\n );\n};\n\nexport default Popular;\n","import React, { useEffect, useState } from \"react\";\nimport { Card, CardBody, CardHeader, CardTitle, Col, Row } from \"reactstrap\";\nimport Popular from \"./popular\";\nimport { useDispatch } from \"react-redux\";\nimport API from \"@api\";\nimport { tableDataHandler } from \"@store/routes/routes.action\";\n\n\nconst PopularRoutes = () => {\n const dispatch = useDispatch();\n\n const getData = async () => {\n const { data } = await API.getRoutes({type: 'popular'});\n const getOriginAndDestination = await API.getOriginAndDestination();\n data && dispatch(tableDataHandler({popular:data.data, allRoutes: getOriginAndDestination.data.data}));\n };\n\n useEffect(() => getData(), []);\n\n return (\n \n \n \n \n \n Routes - Popular\n \n \n \n \n \n \n \n
\n
\n );\n};\n\nexport default PopularRoutes;\n\n","import React, { useState, useEffect } from \"react\";\nimport { Row } from \"reactstrap\";\nimport PdfSection from \"@components/Routes\";\nimport { useSelector, useDispatch } from \"react-redux\";\n\nimport \"uppy/dist/uppy.css\";\nimport \"@uppy/status-bar/dist/style.css\";\nimport \"@styles/react/libs/file-uploader/file-uploader.scss\";\nimport RoutesSection from \"@components/Routes\";\n\nconst UDAAN = ({getData}) => {\n const state = useSelector((state) => state?.routes);\n const [routesList, setRoutesList] = useState([]);\n const [allRoutes, setAllRoutes] = useState([]);\n\n const stored = state?.tableData;\n useEffect(() => {\n if (stored?.udaan && stored?.udaan.length > 0) {\n setRoutesList(\n stored?.udaan.map((item) => ({ ...item, id: item._id }))\n );\n }\n if(stored?.allRoutes && stored?.allRoutes.length > 0){\n setAllRoutes(stored?.allRoutes);\n }\n }, [stored]);\n\n return (\n \n \n
\n );\n};\n\nexport default UDAAN;\n","import React, { useEffect, useState } from \"react\";\nimport { Card, CardBody, CardHeader, CardTitle, Col, Row } from \"reactstrap\";\nimport Udaan from \"./udaan\";\nimport { useDispatch } from \"react-redux\";\nimport API from \"@api\";\nimport { tableDataHandler } from \"@store/Cms/cms.action\";\n\n\nconst HomeContentTabs = () => {\n const dispatch = useDispatch();\n\n const getData = async () => {\n const { data } = await API.getRoutes({type: 'UDAAN'});\n data && dispatch(tableDataHandler({udaan:data.data}));\n };\n\n useEffect(() => getData(), []);\n\n return (\n \n \n \n \n \n Routes - UDAAN\n \n \n \n \n \n \n \n
\n
\n );\n};\n\nexport default HomeContentTabs;\n\n","import Popular from \"../../views/Routes/popular\";\nimport UDAAN from \"../../views/Routes/uddan\";\n\nconst Routes = [\n {\n path: \"/routes/popular\",\n exact: true,\n component: Popular,\n },\n {\n path: \"/routes/udaan\",\n exact: true,\n component: UDAAN,\n }\n];\n\nexport default Routes;\n","import React, { useState, useEffect } from \"react\";\nimport { Card, CardBody, CardHeader, CardTitle, Col, Row } from \"reactstrap\";\nimport SaveDiscardBtnGroup from \"@components/common/save-discard-btn-group\";\nimport ImageSection from \"@components/common/ImageSection\";\nimport API from \"@api\";\nimport { useSelector, useDispatch } from \"react-redux\";\nimport toaster from \"@components/common/Toaster\";\nimport { tableDataHandler } from \"@store/Cms/cms.action\";\n\nimport \"uppy/dist/uppy.css\";\nimport \"@uppy/status-bar/dist/style.css\";\nimport \"@styles/react/libs/file-uploader/file-uploader.scss\";\n\nconst Images = () => {\n const dispatch = useDispatch();\n\n const getData = async () => {\n const { data } = await API.getHomeContent();\n data && dispatch(tableDataHandler({ ...data.data, id: data.data._id }));\n };\n\n useEffect(() => getData(), []);\n\n const state = useSelector((state) => state?.cms);\n const [imageList, setImageList] = useState([]);\n\n const [stored, setStored] = useState(state?.tableData);\n useEffect(() => {\n setStored(state?.tableData);\n }, [state]);\n\n useEffect(() => {\n if (stored?.images && stored?.images.length > 0) {\n setImageList(stored?.images.map((item) => ({ ...item, id: item._id })));\n }\n }, [stored]);\n\n const handleSubmitHandler = async (e) => {\n e.preventDefault();\n let isValid = true;\n let dataClone = imageList;\n\n dataClone?.forEach((item) => {\n isValid && (item?.image ? (isValid = true) : (isValid = false));\n });\n\n if (isValid) {\n dataClone.forEach((item) => {\n delete item.id;\n });\n dispatch(\n tableDataHandler({\n ...stored,\n images: dataClone,\n })\n );\n const updated = await API.updateHomeContent({\n id: stored?._id,\n images: dataClone,\n });\n\n updated?.data?.success && toaster(\"success\", \"Submitted successfully\");\n } else {\n toaster(\"error\", \"Please fill all the required details\");\n }\n };\n return (\n \n \n
\n \n
\n )\n}\n\nexport default BlankLayout\n","// ** React Imports\nimport { forwardRef } from \"react\";\n\n// ** Third Party Components\nimport Proptypes from \"prop-types\";\nimport { Badge } from \"reactstrap\";\nimport classnames from \"classnames\";\n\nconst Avatar = forwardRef((props, ref) => {\n // ** Props\n const {\n color,\n className,\n imgClassName,\n initials,\n size,\n badgeUp,\n content,\n icon,\n badgeColor,\n badgeText,\n img,\n imgHeight,\n imgWidth,\n status,\n tag: Tag,\n contentStyles,\n ...rest\n } = props;\n\n // ** Function to extract initials from content\n const getInitials = (str) => {\n const results = [];\n const wordArray = str.split(\" \");\n wordArray.forEach((e) => {\n results.push(e[0]);\n });\n return results.join(\"\");\n };\n\n return (\n \n
\n \n
\n {children}
\n \n \n {state?.user?.details?.userDetails?.fullName}\n \n \n {state?.user?.details?.userDetails?.role}\n \n
\n \n
\n - \n
- \n
\n
\n );\n};\n\nexport default VerticalMenuHeader;\n","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFkAAAAuCAYAAABDLLXWAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAALBSURBVHgB7ZvhcdswDIWhTpAN6k7QdAN3A3eCJBMknaDJBEkmUDdINqA2cDsBtUHcCV6BgrnGji1blEhRlL67dzr/sUkYAgGQLGjiADjjx4p1zvrMWji9smHVTr9ZVVEUFc00I4ZlXbMM/LCskrWgmW2ccX+wXtAfZja2gw2xdB4YinLSxubJ3yMOdnKGlgmz1ojPBU0BmSj6jb1tuaFcgS5uscLDMf55dEEZAY2Hhrbz3CGRHPvTB8oENvA1P9aUjoFr1jcuXDY0dqDh4QlpYaCV5PhB+NzXh3wWPGhZnBKWdU45AM19DdLiAXN4CIbk4ZfHxn1yCgdNj86chJq1ibV68u/f8yOleFexrnj+NfkC9Rp5DdZorpwsdHW/QIC6HcOVxk08kC/opxVo0FPtzt+zwrCl8S6WtSQfEKbPauFpbKRVGr8ib6vf4obw3lKiRRiBhgeLdBDbdFsLEKdasjjB0NDcN7Xw0D33hb6aFuF5OTRgN4YSadFv7gvNJGLwztDyGemFhxWFAPrPxZrEwv1maqWxQYA0tNgxtLQKY9TftdOS0uGOC4tbCsCukRekPdk86vDTqEkrt4oCsdW0dyXiHU2HZ9aX0CeC9vYu2KOfSI8u5Yr0WyQ8+JfHLThkZAkXKW3l9Mkv0m2hmiKxd4/PddauKD8eWV9jGlg4uJHq4tQj5YE4jXjvzRAbm0f7yZI7UlqpVlsq6tr37cgpRl7QeNO677EWtyaOnrsYaVpXk8bewQ3cCvbonxgHMs5xFlOI163zpXvfNxCtzsJBt14MpUf03Dco4i1Ii3zOPLwF8dqiTUh4WFLOYFhDG0zl2gBP9BbxyfcE+yF40peIk3VY5HKgzwfoNn7IPDrPxc0H6KaoQX+UmC8i7gf/PduiPQYa67Px3OAXc5wnSixdsj7S+0ZTzfpDWlA8Z3HHYoe/soDQg/gGZxUAAAAASUVORK5CYII=\"","// ** React Imports\nimport { useContext } from 'react';\nimport { AbilityContext } from '@src/utility/context/Can';\n\n/**\n * Return which component to render based on it's data/context\n * @param {Object} item nav menu item\n */\nexport const resolveVerticalNavMenuItemComponent = (item) => {\n if (item.header) return 'VerticalNavMenuSectionHeader';\n if (item.children) return 'VerticalNavMenuGroup';\n return 'VerticalNavMenuLink';\n};\n\n/**\n * Return which component to render based on it's data/context\n * @param {Object} item nav menu item\n */\nexport const resolveHorizontalNavMenuItemComponent = (item) => {\n if (item.children) return 'HorizontalNavMenuGroup';\n return 'HorizontalNavMenuLink';\n};\n\n/**\n * Check if nav-link is active\n * @param {Object} link nav-link object\n */\n// export const isNavLinkActive = (link, currentURL, match) => {\n// // return currentURL === link || (URLParams && Object.keys(URLParams).length && currentURLFilter === item.navLink)\n// const getFirstObjProp = obj => obj[Object.keys(obj)[0]]\n// return (\n// currentURL === link ||\n// (match !== null && match !== undefined && match.url === `${link}/${getFirstObjProp(match.params)}`)\n// )\n// }\n\nexport const isNavLinkActive = (link, currentURL, routerProps) => {\n return (\n currentURL === link ||\n (routerProps &&\n routerProps.meta &&\n routerProps.meta.navLink &&\n routerProps.meta.navLink === link)\n );\n // return currentURL === link\n};\n\n/**\n * Check if nav group is\n * @param {Array} children Group children\n */\n// export const isNavGroupActive = (children, currentURL, match) => {\n// return children.some(child => {\n// // If child have children => It's group => Go deeper(recursive)\n// if (child.children) {\n// return isNavGroupActive(child.children, currentURL, match)\n// }\n// // else it's link => Check for matched Route\n// return isNavLinkActive(child.navLink, currentURL, match)\n// })\n// }\nexport const isNavGroupActive = (children, currentURL, routerProps) => {\n return children.some((child) => {\n // If child have children => It's group => Go deeper(recursive)\n if (child.children) {\n return isNavGroupActive(child.children, currentURL, routerProps);\n }\n // else it's link => Check for matched Route\n return isNavLinkActive(child.navLink, currentURL, routerProps);\n });\n};\n\n/**\n * Search for parent object\n * @param {Array} navigation Group children\n * @param {string} currentURL current URL\n */\n// export const search = (navigation, currentURL, match) => {\n// let result\n// navigation.some(child => {\n// let children\n// // If child have children => It's group => Go deeper(recursive)\n// if (child.children && (children = search(child.children, currentURL, match))) {\n// return (result = {\n// id: child.id,\n// children\n// })\n// }\n\n// // else it's link => Check for matched Route\n// if (isNavLinkActive(child.navLink, currentURL, match)) {\n// return (result = {\n// id: child.id\n// })\n// }\n// })\n// return result\n// }\n\nexport const search = (navigation, currentURL, routerProps) => {\n let result;\n navigation.some((child) => {\n let children;\n // If child have children => It's group => Go deeper(recursive)\n if (\n child.children &&\n (children = search(child.children, currentURL, routerProps))\n ) {\n return (result = {\n id: child.id,\n children,\n });\n }\n\n // else it's link => Check for matched Route\n if (isNavLinkActive(child.navLink, currentURL, routerProps)) {\n return (result = {\n id: child.id,\n });\n }\n });\n return result;\n};\n\n/**\n * Loop through nested object\n * @param {object} obj nested object\n */\nexport const getAllParents = (obj, match) => {\n const res = [];\n const recurse = (obj, current) => {\n for (const key in obj) {\n const value = obj[key];\n if (value !== undefined) {\n if (value && typeof value === 'object') {\n recurse(value, key);\n } else {\n if (key === match) {\n res.push(value);\n }\n }\n }\n }\n };\n recurse(obj);\n return res;\n};\n\nexport const CanViewMenuGroup = (item) => {\n const ability = useContext(AbilityContext);\n\n // ! This same logic is used in canViewHorizontalNavMenuGroup and canViewHorizontalNavMenuHeaderGroup. So make sure to update logic in them as well\n const hasAnyVisibleChild =\n item.children &&\n item.children.some((i) => ability.can(i.action, i.resource));\n\n // ** If resource and action is defined in item => Return based on children visibility (Hide group if no child is visible)\n // ** Else check for ability using provided resource and action along with checking if has any visible child\n if (!(item.action && item.resource)) {\n return hasAnyVisibleChild;\n }\n return ability.can(item.action, item.resource) && hasAnyVisibleChild;\n};\n\nexport const CanViewMenuItem = (item) => {\n const ability = useContext(AbilityContext);\n return ability.can(item.action, item.resource);\n};\n","// ** React Imports\nimport { useEffect } from \"react\";\nimport { NavLink, useLocation, matchPath, useParams } from \"react-router-dom\";\n\n// ** Third Party Components\nimport { Badge } from \"reactstrap\";\nimport classnames from \"classnames\";\n// import { FormattedMessage } from \"react-intl\";\n\n// ** Vertical Menu Array Of Items\nimport navigation from \"@src/navigation/vertical\";\n\n// ** Utils\nimport { isNavLinkActive, search, getAllParents } from \"@layouts/utils\";\n\nconst VerticalNavMenuLink = ({\n item,\n groupActive,\n setGroupActive,\n activeItem,\n setActiveItem,\n groupOpen,\n setGroupOpen,\n toggleActiveGroup,\n parentItem,\n routerProps,\n currentActiveItem,\n}) => {\n // ** Conditional Link Tag, if item has newTab or externalLink props use tag else use NavLink\n const LinkTag = item.externalLink ? \"a\" : NavLink;\n\n // ** URL Vars\n const location = useLocation();\n const currentURL = location.pathname;\n\n // ** To match path\n const match = matchPath(currentURL, {\n path: `${item.navLink}/:param`,\n exact: true,\n strict: false,\n });\n\n // ** Search for current item parents\n const searchParents = (navigation, currentURL) => {\n const parents = search(navigation, currentURL, routerProps); // Search for parent object\n const allParents = getAllParents(parents, \"id\"); // Parents Object to Parents Array\n return allParents;\n };\n\n // ** URL Vars\n const resetActiveGroup = (navLink) => {\n const parents = search(navigation, navLink, match);\n toggleActiveGroup(item.id, parents);\n };\n\n // ** Reset Active & Open Group Arrays\n const resetActiveAndOpenGroups = () => {\n setGroupActive([]);\n setGroupOpen([]);\n };\n\n // ** Checks url & updates active item\n useEffect(() => {\n if (currentActiveItem !== null) {\n setActiveItem(currentActiveItem);\n const arr = searchParents(navigation, currentURL);\n setGroupActive([...arr]);\n }\n }, [location]);\n\n return (\n - \n
- \n
\n {!menuCollapsed && (\n \n \n\n \n )}\n {menuCollapsed && menuHover && (\n \n
\n - \n \n\n
\n \n
- \n
- \n
\n {navbar ? (\n navbar({ setMenuVisibility, skin, setSkin })\n ) : (\n
\n \n {children}\n\n {/* Vertical Nav Menu Overlay */}\n \n \n \n \n
\n ) : null}\n \n );\n};\n\nexport default VerticalLayout;\n","// !Do not remove the Layout import\nimport Layout from '@layouts/VerticalLayout';\n\nconst VerticalLayout = (props) => \n \n
\n )\n}\n\nexport default HorizontalMenu\n","// ** React Imports\nimport { useState, useEffect } from \"react\";\nimport { Link } from \"react-router-dom\";\n\n// ** Store & Actions\nimport { useSelector, useDispatch } from \"react-redux\";\nimport {\n handleMenuHidden,\n handleContentWidth,\n} from \"@store/layout/layout.action\";\n\n// ** Third Party Components\nimport classnames from \"classnames\";\nimport { ArrowUp } from \"react-feather\";\nimport ScrollToTop from \"react-scroll-up\";\nimport { Navbar, NavItem, Button } from \"reactstrap\";\n\n// ** Configs\nimport themeConfig from \"@configs/themeConfig\";\n\n// ** Custom Components\nimport NavbarComponent from \"./components/navbar\";\nimport MenuComponent from \"./components/menu/horizontal-menu\";\n\n// ** Custom Hooks\nimport { useSkin } from \"@hooks/useSkin\";\nimport { useNavbarType } from \"@hooks/useNavbarType\";\nimport { useNavbarColor } from \"@hooks/useNavbarColor\";\nimport { useFooterType } from \"@hooks/useFooterType\";\n\n// ** Styles\nimport \"@styles/base/core/menu/menu-types/horizontal-menu.scss\";\n\nconst HorizontalLayout = (props) => {\n // ** Props\n const { children, navbar, footer, menu, currentActiveItem, routerProps } =\n props;\n\n // ** Hooks\n const [skin, setSkin] = useSkin();\n const [navbarType, setNavbarType] = useNavbarType(\"sticky\");\n const [navbarColor, setNavbarColor] = useNavbarColor();\n const [footerType, setFooterType] = useFooterType();\n\n // ** States\n const [isMounted, setIsMounted] = useState(false);\n const [navbarScrolled, setNavbarScrolled] = useState(false);\n // ** Store Vars\n const dispatch = useDispatch();\n const layoutStore = useSelector((state) => state.layout);\n\n // ** Vars\n const contentWidth = layoutStore.contentWidth;\n const isHidden = layoutStore.menuHidden;\n\n // ** Handles Content Width\n const setContentWidth = (val) => dispatch(handleContentWidth(val));\n\n // ** Handles Content Width\n const setIsHidden = (val) => dispatch(handleMenuHidden(val));\n\n // ** UseEffect Cleanup\n const cleanup = () => {\n setIsMounted(false);\n setNavbarScrolled(false);\n };\n\n //** ComponentDidMount\n useEffect(() => {\n setIsMounted(true);\n window.addEventListener(\"scroll\", function () {\n if (window.pageYOffset > 65 && navbarScrolled === false) {\n setNavbarScrolled(true);\n }\n if (window.pageYOffset < 65) {\n setNavbarScrolled(false);\n }\n });\n return () => cleanup();\n }, []);\n\n // ** Vars\n const footerClasses = {\n static: \"footer-static\",\n sticky: \"footer-fixed\",\n hidden: \"footer-hidden\",\n };\n\n const navbarWrapperClasses = {\n floating: \"navbar-floating\",\n sticky: \"navbar-sticky\",\n static: \"navbar-static\",\n };\n\n const navbarClasses = {\n floating: \"floating-nav\",\n sticky: \"fixed-top\",\n };\n\n const bgColorCondition =\n navbarColor !== \"\" && navbarColor !== \"light\" && navbarColor !== \"white\";\n\n if (!isMounted) {\n return null;\n }\n\n return (\n \n
\n )}\n\n - \n
{themeConfig.app.appName}
\n \n\n {navbar ? (\n navbar({ skin, setSkin })\n ) : (\n
\n \n {!isHidden ? (\n \n \n {menu ? (\n menu({ routerProps, currentActiveItem })\n ) : (\n
\n ) : null}\n\n {children}\n\n {themeConfig.layout.scrollTop === true ? (\n \n \n \n \n
\n ) : null}\n \n );\n};\nexport default HorizontalLayout;\n","// !Do not remove the Layout import\nimport Layout from '@layouts/HorizontalLayout';\n\nconst HorizontalLayout = (props) => (\n \n \n
\n );\n};\n\nexport default AppLoader;\n","import Router from \"./router/Router\";\nimport AppLoader from \"@components/common/AppLoader\";\nimport { useSelector } from \"react-redux\";\n\nconst App = () => {\n const state = useSelector((state) => state.loader);\n\n return (\n