\r\n \r\n \r\n _goTo(\"/\")}\r\n width=\"2\"\r\n >\r\n \r\n \r\n \r\n\r\n {user && (\r\n _goTo(\"past-orders\")}\r\n >\r\n _goTo(\"past-orders\")}\r\n >\r\n Past Orders\r\n \r\n \r\n )}\r\n\r\n \r\n {user ? (\r\n\r\n \r\n \r\n \r\n \r\n ) : (\r\n props.history.push(\"/login\")}\r\n >\r\n Login\r\n \r\n )}\r\n \r\n \r\n \r\n {/* _goTo(\"cart\")}\r\n verticalAlign=\"middle\"\r\n >\r\n \r\n \r\n \r\n \r\n {/* mobile screen */}\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n
\r\n\r\n );\r\n};\r\n\r\nexport default Layout;\r\n","import React, { useState } from \"react\";\r\nimport {\r\n Form,\r\n Icon,\r\n Header,\r\n Image,\r\n Button,\r\n Grid,\r\n Segment,\r\n Dimmer,\r\n Loader,\r\n Message,\r\n Card,\r\n Divider,\r\n Label,\r\n} from \"semantic-ui-react\";\r\nimport numeral from \"numeral\";\r\nimport DataService from \"../../services/DataService\";\r\nimport { pickColor, resizeImage, optimizeImage } from \"../../utils/util\";\r\n\r\nimport Big from \"big.js\";\r\nimport { Formik, Field } from \"formik\";\r\nimport * as Yup from \"yup\";\r\nimport { Link } from \"react-router-dom\";\r\nimport { toast } from \"react-toastify\";\r\nimport { FrontendContext } from \"../auth/HomeContainer\";\r\nimport { CartContext } from \"../auth/HomeContainer\";\r\n\r\nconst thumbsContainer = {\r\n display: \"flex\",\r\n flexDirection: \"row\",\r\n flexWrap: \"wrap\",\r\n marginTop: 16,\r\n};\r\n\r\nconst thumb = {\r\n display: \"inline-flex\",\r\n borderRadius: 2,\r\n border: \"1px solid #eaeaea\",\r\n marginBottom: 8,\r\n marginRight: 8,\r\n width: 60,\r\n height: 60,\r\n padding: 4,\r\n boxSizing: \"border-box\",\r\n};\r\n\r\nconst thumbInner = {\r\n display: \"flex\",\r\n minWidth: 0,\r\n overflow: \"hidden\",\r\n};\r\n\r\nconst img = {\r\n display: \"block\",\r\n width: \"auto\",\r\n height: \"100%\",\r\n};\r\n\r\nconst ProductDetail = (props) => {\r\n // console.log('props', props)\r\n const [user] = React.useState(DataService.fetchUser());\r\n const frontendContext = React.useContext(FrontendContext);\r\n const [cartCount,setCartCount] = React.useContext(CartContext)\r\n\r\n const [loading, setLoading] = React.useState(false);\r\n const [item, setProduct] = React.useState();\r\n const [displayIndex, setIndex] = React.useState(0); //firt gallery image\r\n const [cartFlag, setCartFlag] = React.useState(false);\r\n const [minimumQuantity, setMinimumQuantity] = useState(1);\r\n\r\n const schema = Yup.object().shape({\r\n quantity: Yup.number().min(minimumQuantity).required(\"Required\"),\r\n total: Yup.number(),\r\n });\r\n\r\n React.useEffect(() => {\r\n let isSubscribed = true;\r\n\r\n fetchData();\r\n return () => (isSubscribed = false);\r\n }, []);\r\n\r\n const fetchData = async () => {\r\n try {\r\n setLoading(true);\r\n let result = await DataService.getData(\"/product/getProduct\", {\r\n productId: props.match.params.id,\r\n });\r\n\r\n // console.log(\"result\", result);\r\n\r\n setProduct(result);\r\n if (result.minimumQuantity) {\r\n setMinimumQuantity(result.minimumQuantity);\r\n }\r\n setLoading(false);\r\n } catch (error) {\r\n setLoading(false);\r\n }\r\n };\r\n let count = 0\r\n const addToCart = async (values) => {\r\n try {\r\n // console.log('item', item)\r\n setLoading(true);\r\n\r\n let payload = {\r\n quantity: values.quantity,\r\n ProductId: item.id,\r\n mode: \"ADD\",\r\n productTypeId: frontendContext.frontendState.productType.id,\r\n };\r\n\r\n let result = await DataService.postData(\"/checkout/addToCart\", payload);\r\n\r\n\r\n setCartCount(result.ProductOrders.length)\r\n\r\n toast.success(`Added To Cart`, { position: \"bottom-right\" });\r\n setLoading(false);\r\n } catch (error) {\r\n console.log(\"error\", error);\r\n setLoading(false);\r\n }\r\n };\r\n\r\n return (\r\n \r\n
\r\n ) : (\r\n \r\n
\r\n )}\r\n \r\n ₦{numeral(item?.listPrice).format(\"0,0\")}\r\n
\r\n )}\r\n \r\n
\r\n\r\n \r\n\r\n {item.description}\r\n\r\n {/* \r\n\r\n \r\n ₦{numeral(item?.price).format(\"0,0\")}\r\n
\r\n \r\n
\r\n ));\r\n\r\n const previews = props.files?.map((file) => (\r\n \r\n
\r\n\r\n \r\n {\r\n _deleteImage(file.id);\r\n }}\r\n />\r\n
\r\n \r\n {\r\n _deletePreview(file.name);\r\n }}\r\n />\r\n
\r\n ));\r\n\r\n return (\r\n \r\n })
\r\n
\r\n \r\n Drag and drop an image file here, or click to select the file\r\n (10MB max)\r\n
\r\n \r\n \r\n\r\n \r\n {(props) => {\r\n const { values, touched, errors, handleChange, handleSubmit } = props;\r\n return (\r\n \r\n );\r\n }}\r\n \r\n
\r\n );\r\n};\r\n\r\nexport default Vendor;\r\n","import React, { useEffect, useState } from \"react\";\r\nimport { useDropzone } from \"react-dropzone\";\r\nimport { Label, Image, Icon } from \"semantic-ui-react\";\r\nimport { toast } from \"react-toastify\";\r\n\r\nimport DataService from \"../../services/DataService\";\r\n//https://react-dropzone.netlify.app/#!/Previews/1\r\n\r\nconst thumbsContainer = {\r\n display: \"flex\",\r\n flexDirection: \"row\",\r\n flexWrap: \"wrap\",\r\n marginTop: 16,\r\n};\r\n\r\nconst thumb = {\r\n display: \"inline-flex\",\r\n borderRadius: 2,\r\n border: \"1px solid #eaeaea\",\r\n marginBottom: 8,\r\n marginRight: 8,\r\n width: 100,\r\n height: 100,\r\n padding: 4,\r\n boxSizing: \"border-box\",\r\n};\r\n\r\nconst thumbInner = {\r\n display: \"flex\",\r\n minWidth: 0,\r\n overflow: \"hidden\",\r\n};\r\n\r\nconst img = {\r\n display: \"block\",\r\n width: \"auto\",\r\n height: \"100%\",\r\n};\r\n\r\nconst FileUpload = (props) => {\r\n // let galleryItems = props.product.ProductGalleries;\r\n const [galleryItems, setGalleryItems] = useState(\r\n props?.product?.ProductGalleries\r\n );\r\n\r\n const [previewItems, setPreviewItems] = useState([]);\r\n\r\n const { getRootProps, getInputProps } = useDropzone({\r\n accept: \"image/*\",\r\n onDrop: (acceptedFiles) => {\r\n // console.log(\"acceptedFiles\", acceptedFiles);\r\n // setFiles([...files, ...acceptedFiles]);\r\n props.setFiles([...props.files, ...acceptedFiles]);\r\n // setPreviewItems([...previewItems, ...acceptedFiles]);\r\n },\r\n });\r\n\r\n // useEffect(() => {\r\n // // Make sure to revoke the data uris to avoid memory leaks\r\n // files.forEach((file) => URL.revokeObjectURL(file.preview));\r\n // }, [files]);\r\n\r\n // useEffect(() => {\r\n // _deletePreview()\r\n // }, [files]);\r\n\r\n const _deleteImage = async (pictureGalleryId) => {\r\n try {\r\n let response = await DataService.postData(\r\n `/product/deleteProductGallery`,\r\n {\r\n id: pictureGalleryId,\r\n }\r\n );\r\n\r\n if (response.success) {\r\n setGalleryItems(\r\n galleryItems.filter((item) => item.id !== pictureGalleryId)\r\n );\r\n toast.success(`Item deleted`);\r\n } else {\r\n toast.warn(`Failed to delete item`);\r\n }\r\n } catch (error) {\r\n console.log(\"error\", error);\r\n // setLoading(false);\r\n toast.warn(`An error occurred`);\r\n }\r\n };\r\n\r\n const _deletePreview = async (filename) => {\r\n props.setFiles(props.files.filter((item) => item.name !== filename));\r\n };\r\n\r\n const gallery = galleryItems?.map((file) => (\r\n \r\n
\r\n ));\r\n\r\n const previews = props.files?.map((file) => (\r\n \r\n
\r\n\r\n \r\n {\r\n _deleteImage(file.id);\r\n }}\r\n />\r\n
\r\n \r\n {\r\n _deletePreview(file.name);\r\n }}\r\n />\r\n
\r\n ));\r\n\r\n return (\r\n \r\n \r\n
\r\n \r\n Drag and drop up to 10 image files here, or click to select the files\r\n (10MB max)\r\n
\r\n \r\n \r\n\r\n {loading && (\r\n \r\n \r\n )}\r\n \r\n {(props) => {\r\n const { values, touched, errors, handleChange, handleSubmit } = props;\r\n return (\r\n \r\n );\r\n }}\r\n \r\n
\r\n );\r\n};\r\n\r\nexport default Product;\r\n","import React, {useState,useEffect} from \"react\";\r\nimport { Formik, Field } from \"formik\";\r\nimport * as Yup from \"yup\";\r\nimport {\r\n Form,\r\n Button,\r\n TextArea,\r\n Loader,\r\n Dimmer,\r\n Icon,\r\n} from \"semantic-ui-react\";\r\nimport DataService from \"../../services/DataService\";\r\nimport { useDropzone } from \"react-dropzone\";\r\nimport { toast } from \"react-toastify\";\r\n\r\nconst ProductUpload = (props) => {\r\n // console.log('props', props)\r\n const [user] = React.useState(DataService.fetchUser());\r\n\r\n const [loading, setLoading] = React.useState(false);\r\n const [files, setFiles] = React.useState([]);\r\n const [category, setCategory] = useState(null);\r\n const [subCategories, setSubCategories] = React.useState(null);\r\n\r\n\r\n const onDrop = React.useCallback((acceptedFiles) => {\r\n // Do something with the files\r\n console.log(\"acceptedFiles\", acceptedFiles);\r\n setFiles([...files, ...acceptedFiles]);\r\n }, []);\r\n\r\n const { getRootProps, getInputProps, isDragActive } = useDropzone({\r\n accept:\r\n \"text/csv,application/vnd.ms-excel,application/vnd.openxmlformats-officedocument.spreadsheetml.sheet\",\r\n onDrop,\r\n });\r\n\r\n const schema = Yup.object().shape({\r\n subCategory: Yup.number().required(\"Required\"),\r\n });\r\n\r\n const newItem = {\r\n location: \"\",\r\n CategoryId : category?.CategoryId\r\n };\r\n\r\n useEffect(() => {\r\n let isSubscribed = true;\r\n\r\n fetchCategories();\r\n return () => (isSubscribed = false);\r\n }, []);\r\n\r\n useEffect(() => {\r\n let isSubscribed = true;\r\n\r\n if (category?.CategoryId) {\r\n fetchSubCategories();\r\n }\r\n\r\n return () => (isSubscribed = false);\r\n }, [category]);\r\n\r\n const fetchCategories = async () => {\r\n try {\r\n setLoading(true);\r\n\r\n let result = await DataService.getData(\"/category/getVendorCategory\");\r\n\r\n setCategory(result);\r\n \r\n setLoading(false);\r\n } catch (error) {\r\n setLoading(false);\r\n }\r\n };\r\n\r\n const fetchSubCategories = async () => {\r\n try {\r\n setLoading(true);\r\n\r\n let result = await DataService.getData(\"/category/getSubCategories\", {\r\n categoryId: category?.CategoryId,\r\n });\r\n setSubCategories(result);\r\n\r\n setLoading(false);\r\n } catch (error) {\r\n setLoading(false);\r\n }\r\n };\r\n\r\n const uploadProducts = async (values) => {\r\n try {\r\n setLoading(true);\r\n\r\n // console.log(\"values\", values);\r\n\r\n values.SubCategoryId = values.subCategory;\r\n values.vendorId = props.vendorId;\r\n\r\n let formData = new FormData();\r\n\r\n files.forEach((file, index) => {\r\n formData.append(`file`, file);\r\n });\r\n\r\n //Stringify this or experience pain\r\n formData.append(\"values\", JSON.stringify(values));\r\n\r\n await DataService.postFormData(\"/product/excelUploadProducts\", formData);\r\n\r\n setLoading(false);\r\n\r\n props.toggleModal(false);\r\n toast.success(`Upload successful`);\r\n\r\n // fetchData();\r\n } catch (error) {\r\n console.log(\"error\", error);\r\n setLoading(false);\r\n }\r\n };\r\n\r\n return (\r\n \r\n \r\n {(props) => {\r\n const { values, touched, errors, handleChange, handleSubmit } = props;\r\n return (\r\n
\r\n {files.length != 0 && (\r\n \r\n
\r\n )}\r\n {/* {JSON.stringify(files,null,2)} */}\r\n \r\n\r\n \r\n\r\n Category
{item.SubCategory?.Category?.name} \r\n SubCategory
{item.SubCategory?.name} \r\n Price
₦{numeral(item.price).format(\"0,0\")}\r\n
\r\n\r\n {item.SubCategory?.Category?.name} \r\n SubCategory
{item.SubCategory?.name} \r\n Price
₦{numeral(item.price).format(\"0,0\")}\r\n
\r\n\r\n {user.group.includes(\"ADMIN\") ? (\r\n toggleAdminEnabled(item)}\r\n checked={item.enabledByAdmin || false}\r\n />\r\n ) : (\r\n \r\n )}\r\n\r\n {user?.group?.includes(\"ADMIN\") && (\r\n {item.Vendor?.name}\r\n )}\r\n\r\n {user.group.includes(\"VENDOR\") ? (\r\n toggleVendorEnabled(item)}\r\n checked={item.enabledByVendor || false}\r\n />\r\n ) : (\r\n \r\n )}\r\n\r\n \r\n \r\n \r\n _openProductModal(item)}\r\n\r\n />\r\n _deleteItem(item)}\r\n />\r\n\r\n \r\n \r\n \r\n
\r\n \r\n {loading && (\r\n \r\n fetching Products ..... \r\n \r\n )}\r\n\r\n \r\n\r\n {data && (\r\n \r\n \r\n
\r\n\r\n \r\n setOffset(1 + (activePage - 1) * limit)\r\n }\r\n />\r\n \r\n )}\r\n\r\n {data && (\r\n \r\n {mobileViewProductItems}\r\n\r\n \r\n setOffset(1 + (activePage - 1) * limit)\r\n }\r\n />\r\n \r\n )}\r\n\r\n toggleProductModal(false)}\r\n closeIcon\r\n >\r\n Product \r\n \r\n \r\n \r\n\r\n toggleUploadModal(false)}\r\n closeIcon\r\n >\r\n Batch Upload Product \r\n \r\n \r\n \r\n\r\n toggleBatchModal(false)}\r\n closeIcon\r\n >\r\n Batch Upload Product \r\n \r\n {/* Error Table starts */}\r\n\r\n
\r\n \r\n
\r\n
\r\n\r\n {errors.length > 0 && (\r\n \r\n \r\n \r\n {file ?
\r\n File selected: {file.name}
:Drag & drop or click to upload an Excel file
}\r\n\r\n
\r\n
\r\n )}\r\n Errors
\r\n- \r\n {errors.map((err, index) => (\r\n
- Row {err.row}: {err.error} \r\n ))}\r\n
\r\n {errors.length > 0 && }\r\n
\r\n \r\n \r\n\r\n Total Products : 0
\r\n\r\n Select Product Availability Locations: \r\n \r\n {presenceList?.map((state) => (\r\n
\r\n );\r\n};\r\n\r\nexport default VendorPresence;\r\n","import React from \"react\";\r\nimport DataService from \"../../services/DataService\";\r\nimport {\r\n Table,\r\n Dimmer,\r\n Loader,\r\n Button,\r\n Dropdown,\r\n Menu,\r\n Form,\r\n Modal,\r\n Label,\r\n Icon,\r\n} from \"semantic-ui-react\";\r\nimport dayjs from \"dayjs\";\r\nimport Vendor from \"./Vendor\";\r\nimport ProductList from \"../products/ProductList\";\r\nimport { sortReducer } from \"../../components/SortReducer\";\r\nimport VendorPresence from \"./VendorPresence\";\r\nimport ImageUpload from './ImageUpload'\r\nimport { BackendContext } from \"../auth/LandingContainer\";\r\nimport { toast } from \"react-toastify\";\r\n\r\n\r\nconst VendorList = () => {\r\n const backendContext = React.useContext(BackendContext);\r\n\r\n const [vendors, setVendors] = React.useState([]);\r\n const [files, setFiles] = React.useState([]);\r\n const [loading, setLoading] = React.useState(false);\r\n const [searchPhrase, setSearchPhrase] = React.useState(null);\r\n const [vendorModalState, toggleVendorModal] = React.useState(false);\r\n const [advertModalState, toggleAdvertModal] = React.useState(false);\r\n const [vendorPresenceModalState, toggleVendorPresenceModal] = React.useState(\r\n false\r\n );\r\n const [promoProduct, setPromoProduct] = React.useState(null);\r\n const [productsModalState, toggleProductsModal] = React.useState(false);\r\n\r\n const [selectedVendor, setSelectedVendor] = React.useState(null);\r\n\r\n const [state, dispatch] = React.useReducer(sortReducer, {\r\n column: null,\r\n data: null,\r\n direction: null,\r\n });\r\n const { column, data, direction } = state;\r\n\r\n React.useEffect(() => {\r\n let isSubscribed = true;\r\n\r\n fetchData();\r\n return () => (isSubscribed = false);\r\n }, [vendorModalState, backendContext.backendState]);\r\n\r\n const fetchData = async () => {\r\n try {\r\n setLoading(true);\r\n let result = await DataService.getData(\"/vendor/getVendors\", {\r\n productTypeId: backendContext.backendState.productType.id,\r\n });\r\n\r\n let promoProduct = await DataService.getData(\"/product/getPromoProducts\", {\r\n productTypeId: backendContext.backendState.productType.id,\r\n });\r\nsetPromoProduct(promoProduct)\r\n\r\n // setVendors(result);\r\n\r\n dispatch({\r\n type: \"\",\r\n column: \"\",\r\n payload: result,\r\n });\r\n\r\n setLoading(false);\r\n } catch (error) {\r\n setLoading(false);\r\n }\r\n };\r\n\r\n const sort = (columnName) => {\r\n dispatch({\r\n type: \"CHANGE_SORT\",\r\n column: columnName,\r\n payload: data,\r\n });\r\n };\r\n\r\n const _searchChanged = (e) => {\r\n setSearchPhrase(e.target.value);\r\n };\r\n\r\n const _openVendorModal = async (vendor) => {\r\n try {\r\n setSelectedVendor(vendor);\r\n toggleVendorModal(true);\r\n } catch (error) {\r\n console.log(\"error\", error);\r\n }\r\n };\r\n\r\n const _openAdvertModal = async () => {\r\n try {\r\n \r\n toggleAdvertModal(true);\r\n } catch (error) {\r\n console.log(\"error\", error);\r\n }\r\n };\r\n\r\n const uploadAdvert = async() => {\r\n try {\r\n\r\n setLoading(true)\r\n let formData = new FormData()\r\n files.forEach((file, index) => {\r\n formData.append(`photos`, file);\r\n });\r\n if(promoProduct !== null){\r\n formData.append('values',JSON.stringify(promoProduct.id));\r\n }\r\n \r\n await DataService.postFormData(\"/product/uploadAdvert\", formData);\r\n toggleAdvertModal(false)\r\n toast.success('Upload Successful')\r\n setLoading(false)\r\n } catch (error) {\r\n console.log(error);\r\n\r\n setLoading(false)\r\n }\r\n }\r\n const _openVendorPresenceModal = async (vendor) => {\r\n try {\r\n setSelectedVendor(vendor);\r\n toggleVendorPresenceModal(true);\r\n } catch (error) {\r\n console.log(\"error\", error);\r\n }\r\n };\r\n\r\n const _openProductsModal = async (vendor) => {\r\n try {\r\n setSelectedVendor(vendor);\r\n toggleProductsModal(true);\r\n } catch (error) {\r\n console.log(\"error\", error);\r\n }\r\n };\r\n\r\n const _search = async () => {\r\n setLoading(true);\r\n try {\r\n let result = [];\r\n if (searchPhrase) {\r\n let searchPhrases = searchPhrase.trimStart()\r\n result = await DataService.getData(`/vendor/search`,{\r\n searchPhrase : searchPhrases\r\n });\r\n } else {\r\n result = await DataService.getData(\"/vendor\");\r\n }\r\n setLoading(false);\r\n //setVendors(result);\r\n dispatch({\r\n type: \"\",\r\n column: \"\",\r\n payload: result,\r\n });\r\n } catch (error) {\r\n console.log(\"error\", error);\r\n setLoading(false);\r\n }\r\n };\r\n\r\n const _deleteItem = async (item) => {\r\n try {\r\n setLoading(true);\r\n\r\n await DataService.postData(`/vendor/deleteVendor`, {\r\n id: item.id,\r\n });\r\n\r\n fetchData();\r\n\r\n setLoading(false);\r\n } catch (error) {\r\n console.log(\"error\", error);\r\n setLoading(false);\r\n }\r\n };\r\n\r\n const resetPassword = async (item) => {\r\n try {\r\n setLoading(true);\r\n\r\n await DataService.postData(`/vendor/resetVendorPassword`, {\r\n vendorId: item.id,\r\n });\r\n\r\n fetchData();\r\n\r\n setLoading(false);\r\n } catch (error) {\r\n console.log(\"error\", error);\r\n setLoading(false);\r\n }\r\n };\r\n\r\n const toggleFeatured = async (item) => {\r\n try {\r\n setLoading(true);\r\n\r\n await DataService.postData(`/vendor/toggleFeaturedVendor`, {\r\n vendorId: item.id,\r\n featured: !item.featured\r\n });\r\n\r\n fetchData();\r\n toast.success('Vendor activated successfully')\r\n\r\n setLoading(false);\r\n } catch (error) {\r\n console.log(\"error\", error);\r\n setLoading(false);\r\n }\r\n };\r\n\r\n\r\n\r\n \r\n const toggleActive = async (item) => {\r\n try {\r\n setLoading(true);\r\n\r\n await DataService.postData(`/vendor/toggleStatus`, {\r\n vendorId: item.id,\r\n status : !item.active\r\n });\r\n\r\n fetchData();\r\n toast.success('Success')\r\n\r\n setLoading(false);\r\n } catch (error) {\r\n console.log(\"error\", error);\r\n setLoading(false);\r\n }\r\n };\r\n\r\n\r\n const vendorItems = data?.map((item) => (\r\n \r\n {\r\n _setPresence(checked, state.id);\r\n }}\r\n />\r\n
\r\n ))}\r\n\r\n \r\n \r\n {loading && (\r\n \r\n fetching vendors ....... \r\n \r\n )}\r\n\r\n \r\n\r\n {vendors && (\r\n \r\n
\r\n )}\r\n\r\n toggleVendorModal(false)}\r\n closeIcon\r\n >\r\n {selectedVendor?.name} \r\n \r\n \r\n \r\n\r\n toggleAdvertModal(false)}\r\n closeIcon\r\n >\r\n \r\n \r\n \r\n \r\n\r\n\r\n toggleVendorPresenceModal(false)}\r\n closeIcon\r\n >\r\n {selectedVendor?.name} \r\n \r\n \r\n \r\n\r\n toggleProductsModal(false)}\r\n closeIcon\r\n >\r\n PRODUCTS OF {selectedVendor?.name} \r\n \r\n \r\n \r\n \r\n
\r\n );\r\n};\r\n\r\nexport default VendorList;\r\n","import React, { useState } from \"react\";\r\nimport {\r\n Card,\r\n Image,\r\n List,\r\n Grid,\r\n Segment,\r\n Dimmer,\r\n Loader,\r\n Pagination,\r\n Divider,\r\n Label\r\n} from \"semantic-ui-react\";\r\nimport numeral from \"numeral\";\r\nimport DataService from \"../../services/DataService\";\r\nimport { pickColor, resizeImage } from \"../../utils/util\";\r\nimport { Link } from \"react-router-dom\";\r\n\r\nconst Products = (props) => {\r\n // console.log(\"props\", props);\r\n const [loading, setLoading] = React.useState(false);\r\n const [offset, setOffset] = useState(0);\r\n const [limit] = useState(32);\r\n const [rowCount, setRowCount] = useState(0);\r\n const [products, setProducts] = React.useState();\r\n const [subCategories, setSubCategories] = React.useState();\r\n const [catId] = useState(props.match.params.catId);\r\n\r\n const exhibitionPath = \"/home/commerce\";\r\n\r\n // let page = new URLSearchParams(props.resizeLocation.search).get('p')\r\n\r\n React.useEffect(() => {\r\n let isSubscribed = true;\r\n window.scrollTo(0, 0);\r\n fetchData();\r\n return () => (isSubscribed = false);\r\n }, [offset, catId, props.match.params.subCatId]);\r\n\r\n const fetchData = async () => {\r\n try {\r\n setLoading(true);\r\n\r\n let query = {\r\n offset: offset,\r\n limit: limit,\r\n };\r\n\r\n let result = null;\r\n\r\n if (props.match.params.subCatId) {\r\n result = await DataService.getData(\r\n \"/product/getProductsBySubCategory\",\r\n {\r\n subCategoryId: props.match.params.subCatId,\r\n categoryId: catId,\r\n }\r\n );\r\n } else {\r\n result = await DataService.getData(\"/product/getProductsByCategory\", {\r\n ...query,\r\n categoryId: catId,\r\n });\r\n }\r\n\r\n // console.log(\"result.count\", result.count);\r\n\r\n setRowCount(result.count);\r\n setProducts(result.products);\r\n setSubCategories(result.subCategories);\r\n\r\n setLoading(false);\r\n } catch (error) {\r\n setLoading(false);\r\n }\r\n };\r\n\r\n return (\r\n \r\n {loading && (\r\n \r\n please wait .. \r\n \r\n )}\r\n \r\n \r\n {/* TODO: Note that there are two columns interchanging based on device type */}\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {products?.length != 0 && (\r\n \r\n\r\n {/* mobile */}\r\n \r\n {products?.length != 0 && (\r\n \r\n \r\n \r\n
\r\n );\r\n};\r\n\r\nexport default Products;\r\n","import React, { useState } from \"react\";\r\nimport {\r\n Card,\r\n Image,\r\n List,\r\n Grid,\r\n Segment,\r\n Dimmer,\r\n Loader,\r\n Pagination,\r\n Divider,\r\n Label,\r\n} from \"semantic-ui-react\";\r\nimport numeral from \"numeral\";\r\nimport DataService from \"../../services/DataService\";\r\nimport { pickColor, resizeImage } from \"../../utils/util\";\r\nimport { Link } from \"react-router-dom\";\r\n\r\nconst VendorProducts = (props) => {\r\n // console.log(\"props\", props);\r\n const [loading, setLoading] = React.useState(false);\r\n const [offset, setOffset] = useState(0);\r\n const [limit] = useState(30);\r\n const [rowCount, setRowCount] = useState(0);\r\n const [products, setProducts] = React.useState();\r\n const [vendorId] = useState(props.match.params.vendorId);\r\n\r\n const exhibitionPath = \"/home/commerce\";\r\n\r\n // let page = new URLSearchParams(props.resizeLocation.search).get('p')\r\n\r\n React.useEffect(() => {\r\n let isSubscribed = true;\r\n window.scrollTo(0, 0);\r\n fetchData();\r\n return () => (isSubscribed = false);\r\n }, [offset, vendorId]);\r\n\r\n const fetchData = async () => {\r\n try {\r\n setLoading(true);\r\n\r\n let query = {\r\n offset: offset,\r\n limit: limit,\r\n };\r\n\r\n let result = await DataService.getData(\"/product/getProductsByVendor\", {\r\n ...query,\r\n vendorId: vendorId,\r\n });\r\n\r\n\r\n setRowCount(result.count);\r\n setProducts(result.products);\r\n\r\n setLoading(false);\r\n } catch (error) {\r\n setLoading(false);\r\n }\r\n };\r\n\r\n return (\r\n - \r\n {subCategories && (\r\n
- \r\n {subCategories && (\r\n
\r\n \r\n {products?.map((item) => (\r\n \r\n {item.ProductGalleries[0] && (\r\n \r\n \r\n )}\r\n\r\n \r\n {item.name} \r\n\r\n {/* \r\n \r\n ₦{numeral(item?.price).format(\"0,0\")}\r\n \r\n */}\r\n\r\n {item?.listPrice != null && item?.listPrice !== 0 && (\r\n \r\n ₦{numeral(item?.listPrice).format(\"0,0\")}\r\n \r\n )}\r\n \r\n Provided By: \r\n \r\n \r\n \r\n ))}\r\n \r\n\r\n {/* Next */}\r\n \r\n setOffset(1 + (activePage - 1) * limit)\r\n }\r\n />\r\n
\r\n )}\r\n \r\n \r\n ₦{numeral(item?.price).format(\"0,0\")}\r\n \r\n
\r\n\r\n \r\n \r\n {products?.map((item) => (\r\n \r\n {item.ProductGalleries[0] && (\r\n \r\n \r\n )}\r\n\r\n \r\n {item.name} \r\n\r\n {/* \r\n \r\n ₦{numeral(item?.price).format(\"0,0\")}\r\n \r\n */}\r\n\r\n {item?.listPrice != null && item?.listPrice !== 0 && (\r\n \r\n ₦{numeral(item?.listPrice).format(\"0,0\")}\r\n \r\n )}\r\n \r\n Provided By: \r\n \r\n \r\n \r\n ))}\r\n \r\n\r\n {/* Next */}\r\n \r\n setOffset(1 + (activePage - 1) * limit)\r\n }\r\n />\r\n
\r\n )}\r\n \r\n \r\n ₦{numeral(item?.price).format(\"0,0\")}\r\n \r\n
\r\n\r\n \r\n {loading && (\r\n \r\n please wait .... \r\n \r\n )}\r\n \r\n \r\n {/* TODO: Note that there are two columns interchanging based on device type */}\r\n \r\n {products?.length !== 0 && (\r\n \r\n \r\n \r\n
\r\n );\r\n};\r\n\r\nexport default VendorProducts;\r\n","import React from \"react\";\r\nimport { Grid, Card, Icon, Header, Image, Divider, GridColumn, Label, Segment } from \"semantic-ui-react\";\r\nimport DataService from \"../../services/DataService\";\r\nimport { pickColor, resizeImage } from \"../../utils/util\";\r\nimport { Link } from \"react-router-dom\";\r\nimport \"react-responsive-carousel/lib/styles/carousel.min.css\";\r\nimport { Carousel } from 'react-responsive-carousel';\r\nimport ProductTypes from \"../../data/ProductTypes\";\r\nimport numeral from \"numeral\";\r\nimport styled, { keyframes } from 'styled-components'\r\n\r\nconst Categories = (props) => {\r\n const [loading, setLoading] = React.useState(false);\r\n const [categories, setCategories] = React.useState();\r\n const [vendors, setVendors] = React.useState();\r\n const [products, setProducts] = React.useState([]);\r\n\r\n React.useEffect(() => {\r\n let isSubscribed = true;\r\n\r\n fetchData();\r\n return () => (isSubscribed = false);\r\n }, []);\r\n\r\n const fetchData = async () => {\r\n try {\r\n setLoading(true);\r\n let result = await DataService.getData(\"/category/getCategories\");\r\n setCategories(result);\r\n\r\n //get Vendors\r\n let vendorResult = await DataService.getData(\"/vendor/getFeaturedVendors\", {\r\n productTypeId: ProductTypes.COMMERCE.id,\r\n });\r\n setVendors(vendorResult);\r\n\r\n let productResult = await DataService.getData(\"/product/getPromoProducts\", {\r\n productTypeId: ProductTypes.COMMERCE.id,\r\n });\r\n setProducts(productResult?.ProductGalleries);\r\n\r\n setLoading(false);\r\n } catch (error) {\r\n setLoading(false);\r\n }\r\n };\r\n\r\n const goTo = (categoryId) => {\r\n props.history.push(`${props.match?.path}/products`, {\r\n categoryId: categoryId,\r\n });\r\n };\r\n\r\n const spin = keyframes`\r\n 0% { transform: translateX(0); }\r\n 100% { transform: translateX(-${20 + (products?.length > 4 ? (products?.length - 4) * 115 : 0)}%); }\r\n`\r\n\r\n const mobileSpin = keyframes`\r\n0% { transform: translateX(0); }\r\n100% { transform: translateX(-${250 + (products?.length > 4 ? (products?.length - 4) * 130 : 0)}%); }\r\n`\r\n\r\n const tabletSpin = keyframes`\r\n0% { transform: translateX(0); }\r\n100% { transform: translateX(-${240 + (products?.length > 4 ? (products?.length - 4) * 150 : 0)}%); }\r\n`\r\n\r\n\r\n const Slider = styled.div`\r\n display: inline-block;\r\n margin: 1.1em;\r\n animation: ${spin} 60s linear infinite;\r\n animationDelay: 2s;\r\n \r\n @media screen and (max-width: 768px) {\r\n animation: ${tabletSpin} 60s linear infinite;\r\n \r\n }\r\n \r\n @media screen and (max-width: 600px) {\r\n animation: ${mobileSpin} 60s linear infinite;\r\n \r\n }\r\n \r\n \r\n `\r\n\r\n\r\n\r\n let src = 'https://coop-shop-gallery.s3.amazonaws.com/exhibition/categories/Real+Estate.jpg'\r\n return (\r\n \r\n \r\n {products?.map((item) => (\r\n \r\n {item.ProductGalleries[0] && (\r\n \r\n \r\n )}\r\n\r\n \r\n {item.name} \r\n\r\n {/* \r\n \r\n ₦{numeral(item?.price).format(\"0,0\")}\r\n \r\n */}\r\n\r\n {item?.listPrice != null && item?.listPrice !== 0 && (\r\n \r\n ₦{numeral(item?.listPrice).format(\"0,0\")}\r\n \r\n )}\r\n \r\n Provided By: \r\n \r\n \r\n \r\n ))}\r\n \r\n\r\n {/* Next */}\r\n \r\n setOffset(1 + (activePage - 1) * limit)\r\n }\r\n />\r\n
\r\n )}\r\n \r\n \r\n ₦{numeral(item?.price).format(\"0,0\")}\r\n \r\n
\r\n\r\n \r\n {!categories && !vendors && !loading && (\r\n \r\n\r\n {vendors?.map((item) => (\r\n\r\n \r\n\r\n\r\n \r\n\r\n {categories?.map((item) => (\r\n \r\n \r\n \r\n \r\n {item.name} \r\n \r\n \r\n ))}\r\n\r\n {categories && \r\n\r\n \r\n \r\n \r\n Cooperative Real Estate \r\n \r\n }\r\n\r\n\r\n \r\n
\r\n );\r\n};\r\n\r\nexport default Categories;\r\n","import axios from \"axios\";\r\n\r\nexport default {\r\n getServerUrl() {\r\n try {\r\n return process.env.REACT_APP_COOP_AUTH_API;\r\n } catch (error) {\r\n this.handleError(error);\r\n }\r\n },\r\n\r\n getCoopToken() {\r\n try {\r\n let coopToken = sessionStorage.getItem(\"coopToken\");\r\n\r\n return coopToken;\r\n } catch (error) {\r\n this.handleError(error);\r\n }\r\n },\r\n\r\n storeCoopToken(token) {\r\n try {\r\n sessionStorage.setItem(\"coopToken\", token);\r\n } catch (error) {\r\n this.handleError(error);\r\n }\r\n },\r\n\r\n async login(credentials) {\r\n try {\r\n let SERVER_URL = await this.getServerUrl();\r\n\r\n let response = await axios.post(`${SERVER_URL}/auth/login`, credentials);\r\n\r\n this.storeCoopToken(response.data.token)\r\n\r\n\r\n return response.data;\r\n } catch (error) {\r\n throw error;\r\n }\r\n },\r\n\r\n async verifyCode(data, token) {\r\n try {\r\n let SERVER_URL = await this.getServerUrl();\r\n\r\n const config = {\r\n headers: {\r\n Authorization: token,\r\n },\r\n };\r\n let response = await axios.post(\r\n `${SERVER_URL}/auth/verifyCode`,\r\n data,\r\n config\r\n );\r\n\r\n let updatedToken = response.data;\r\n\r\n this.storeCoopToken(response.data.token)\r\n\r\n return updatedToken;\r\n } catch (error) {\r\n throw error;\r\n }\r\n },\r\n\r\n async withdrawalRequest(data) {\r\n try {\r\n let SERVER_URL = await this.getServerUrl();\r\n\r\n const config = {\r\n headers: {\r\n Authorization: this.getCoopToken(),\r\n },\r\n };\r\n let response = await axios.post(\r\n `${SERVER_URL}/finance/bizDevPayment`,\r\n data,\r\n config\r\n );\r\n\r\n return response.data;\r\n } catch (error) {\r\n throw error;\r\n }\r\n },\r\n\r\n async handleError(error) {\r\n console.log('error', error)\r\n },\r\n};\r\n","import React from \"react\";\r\n\r\nimport DataService from \"../../services/DataService\";\r\nimport {\r\n Form,\r\n Input,\r\n Button,\r\n Card,\r\n Grid,\r\n Dimmer,\r\n Loader,\r\n Message,\r\n} from \"semantic-ui-react\";\r\nimport numeral from \"numeral\";\r\nimport { toast } from \"react-toastify\";\r\nimport CoopAuthService from \"../../services/CoopAuthService\";\r\n\r\nconst SavingsWithdrawal = (props) => {\r\n const [user] = React.useState(DataService.fetchUser());\r\n const [loading, setLoading] = React.useState(false);\r\n const [withdrawalRequest] = React.useState({\r\n amount: props.total,\r\n bizUnit: props.bizUnit,\r\n reference: props.reference\r\n });\r\n\r\n const _makeWithdrawal = async () => {\r\n try {\r\n setLoading(true);\r\n\r\n let response = await CoopAuthService.withdrawalRequest(withdrawalRequest);\r\n\r\n // console.log('response', response)\r\n\r\n setLoading(false);\r\n\r\n if (response.success) {\r\n props.onSuccess({ reference: response.objectID });\r\n\r\n toast.success(\"Transaction successful\");\r\n\r\n props.toggleModal(false);\r\n } else {\r\n toast.warn(\"Transaction failed\");\r\n }\r\n } catch (error) {\r\n setLoading(false);\r\n toast.warn(\"Transaction failed\");\r\n\r\n console.log(\"error\", error);\r\n }\r\n };\r\n\r\n return (\r\n \r\n props.history.push(`${props.match.path}/category`)}\r\n />\r\n
\r\n )}\r\n\r\n\r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n\r\n {item.name} \r\n \r\n\r\n \r\n\r\n \r\n {/* second column */}\r\n \r\n \r\n \r\n\r\n \r\n\r\n \r\n \r\n\r\n \r\n \r\n {/* */}\r\n\r\n \r\n
\r\n ))}\r\n\r\n\r\n \r\n\r\n {products?.map((item) => (\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n ))}\r\n\r\n
\r\n\r\n \r\n {loading && (\r\n \r\n \r\n )}\r\n\r\n \r\n \r\n \r\n \r\n Payment for the items will be submitted to the Cooperative for\r\n approval\r\n \r\n \r\n \r\n \r\n \r\n Amount to Debit \r\n \r\n ₦{numeral(withdrawalRequest.amount).format(\"0,0\")}\r\n \r\n \r\n \r\n \r\n \r\n \r\n Confirm Transfer\r\n \r\n \r\n \r\n \r\n
\r\n );\r\n};\r\n\r\nexport default SavingsWithdrawal;\r\n","import React from \"react\";\r\n\r\nimport DataService from \"../../services/DataService\";\r\nimport {\r\n Form,\r\n Input,\r\n Button,\r\n Card,\r\n Grid,\r\n Dimmer,\r\n Loader,\r\n Message,\r\n} from \"semantic-ui-react\";\r\nimport numeral from \"numeral\";\r\n\r\nconst WalletPayment = (props) => {\r\n // console.log('props', props)\r\n const [user] = React.useState(DataService.fetchUser());\r\n const [loading, setLoading] = React.useState(false);\r\n const [alert, setAlert] = React.useState({ show: false, message: \"\" });\r\n const [loanRequest] = React.useState({\r\n amount: props.total,\r\n remarks: \"CoopShop Purchase\",\r\n });\r\n\r\n const _makeRequest = async () => {\r\n try {\r\n setLoading(true);\r\n setAlert({ show: false, message: \"\" });\r\n setLoading(false);\r\n\r\n props.onSuccess({ reference: \"loanTxRef\" });\r\n\r\n props.toggleModal(false);\r\n } catch (error) {\r\n setLoading(false);\r\n setAlert({ show: true, message: \"Transaction failed\" });\r\n\r\n console.log(\"error\", error);\r\n }\r\n };\r\n\r\n return (\r\n \r\n {loading && (\r\n \r\n \r\n )}\r\n\r\n \r\n \r\n \r\n Confirm purchase through Wallet \r\n \r\n \r\n \r\n \r\n Request Amount \r\n \r\n \r\n ₦{numeral(loanRequest.amount).format(\"0,0\")}\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n );\r\n};\r\n\r\nexport default WalletPayment;\r\n","import React from \"react\";\r\nimport { Formik, Field } from \"formik\";\r\nimport * as Yup from \"yup\";\r\nimport {\r\n Form,\r\n Button,\r\n TextArea,\r\n Loader,\r\n Dimmer,\r\n Icon,\r\n Card,\r\n Grid,\r\n} from \"semantic-ui-react\";\r\nimport DataService from \"../../services/DataService\";\r\nimport { useDropzone } from \"react-dropzone\";\r\nimport { toast } from \"react-toastify\";\r\nimport numeral from \"numeral\";\r\n\r\nconst DirectTransfer = (props) => {\r\n // console.log('props', props)\r\n const [user] = React.useState(DataService.fetchUser());\r\n\r\n const [loading, setLoading] = React.useState(false);\r\n const [files, setFiles] = React.useState([]);\r\n\r\n const onDrop = React.useCallback((acceptedFiles) => {\r\n // Do something with the files\r\n console.log(\"acceptedFiles\", acceptedFiles);\r\n setFiles([...files, ...acceptedFiles]);\r\n }, []);\r\n\r\n const { getRootProps, getInputProps, isDragActive } = useDropzone({\r\n // accept:\r\n // \"text/csv,application/vnd.ms-excel,application/vnd.openxmlformats-officedocument.spreadsheetml.sheet\",\r\n onDrop,\r\n multiple: false,\r\n });\r\n\r\n const uploadReceipt = async () => {\r\n try {\r\n setLoading(true);\r\n\r\n let formData = new FormData();\r\n\r\n formData.append(`file`, files[0]);\r\n\r\n // files.forEach((file, index) => {\r\n // formData.append(`file`, file);\r\n // });\r\n\r\n //Stringify this or experience pain\r\n formData.append(\r\n \"values\",\r\n JSON.stringify({ reference: props.reference, filename: files[0].name })\r\n );\r\n\r\n let response = await DataService.postFormData(\r\n \"/checkout/uploadPaymentReceipt\",\r\n formData\r\n );\r\n\r\n setLoading(false);\r\n\r\n // console.log(\"response\", response);\r\n\r\n if (response.success) {\r\n props.onSuccess({ reference: response.id });\r\n\r\n toast.success(`Upload successful`);\r\n\r\n props.toggleModal(false);\r\n } else {\r\n toast.warn(\"Upload failed\");\r\n }\r\n } catch (error) {\r\n console.log(\"error\", error);\r\n setLoading(false);\r\n }\r\n };\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n Upload your payment receipt \r\n \r\n \r\n \r\n \r\n Amount \r\n \r\n ₦{numeral(props?.total).format(\"0,0\")}\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {isDragActive ? (\r\n
\r\n {files.length != 0 && (\r\n Drop the file here ...
\r\n ) : (\r\n\r\n Drag and drop the payment receipt here, or click to select\r\n file (10MB max)\r\n
\r\n )}\r\n\r\n
\r\n )}\r\n \r\n \r\n {loading && (\r\n \r\n \r\n )}\r\n\r\n \r\n \r\n \r\n Confirm Book On Hold \r\n \r\n \r\n \r\n \r\n Request Amount \r\n \r\n \r\n ₦{numeral(booking.amount).format(\"0,0\")}\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n );\r\n};\r\n\r\nexport default BookingConfirm;\r\n","import React from \"react\";\r\n\r\nimport DataService from \"../../services/DataService\";\r\nimport {\r\n Form,\r\n Input,\r\n Button,\r\n Card,\r\n Grid,\r\n Dimmer,\r\n Loader,\r\n Message,\r\n} from \"semantic-ui-react\";\r\nimport numeral from \"numeral\";\r\nimport { toast } from \"react-toastify\";\r\nimport CoopAuthService from \"../../services/CoopAuthService\";\r\n\r\nconst CashPayment = (props) => {\r\n const [user] = React.useState(DataService.fetchUser());\r\n const [loading, setLoading] = React.useState(false);\r\n const [withdrawalRequest] = React.useState({\r\n amount: props.total,\r\n bizUnit: props.bizUnit,\r\n reference: props.reference,\r\n });\r\n\r\n const _makeRequest = async () => {\r\n try {\r\n setLoading(true);\r\n\r\n props.onSuccess({ reference: \"cashTxRef\" });\r\n\r\n toast.success(\"Transaction successful\");\r\n\r\n props.toggleModal(false);\r\n } catch (error) {\r\n setLoading(false);\r\n toast.warn(\"Transaction failed\");\r\n\r\n console.log(\"error\", error);\r\n }\r\n };\r\n\r\n return (\r\n \r\n {loading && (\r\n \r\n \r\n )}\r\n\r\n \r\n \r\n \r\n Confirm Cash Payment \r\n \r\n \r\n \r\n \r\n Request Amount \r\n \r\n ₦{numeral(withdrawalRequest.amount).format(\"0,0\")}\r\n \r\n \r\n \r\n \r\n \r\n \r\n Confirm Payment\r\n \r\n \r\n \r\n \r\n
\r\n );\r\n};\r\n\r\nexport default CashPayment;\r\n","import React, { useState } from \"react\";\r\nimport DataService from \"../../services/DataService\";\r\nimport {\r\n Form,\r\n Grid,\r\n Segment,\r\n Divider,\r\n Header,\r\n Dimmer,\r\n Loader,\r\n Radio,\r\n Modal,\r\n} from \"semantic-ui-react\";\r\nimport Big from \"big.js\";\r\n\r\nimport numeral from \"numeral\";\r\nimport SavingsWithdrawal from \"./SavingsWithdrawal\";\r\nimport WalletPayment from \"./WalletPayment\";\r\nimport DirectTransfer from \"./DirectTransfer\";\r\nimport BookingConfirm from \"./BookingConfirm\";\r\nimport CashPayment from \"./CashPayment\";\r\nimport ProductTypes from \"../../data/ProductTypes\";\r\n\r\nconst Payment = (props) => {\r\n // console.log(\"props\", props);\r\n const [user] = useState(DataService.fetchUser());\r\n\r\n const productType = ProductTypes[props?.productType?.name?.toUpperCase()];\r\n // const productType = props?.productType;\r\n\r\n const [loading, setLoading] = useState(false);\r\n const [payRef, setPayRef] = useState(null);\r\n const [paymentMode, setPaymentMode] = useState(null);\r\n const [iggModalState, toggleIggModal] = useState(false);\r\n const [loanModalState, toggleLoanModal] = useState(false);\r\n const [cashModalState, toggleCashModal] = useState(false);\r\n\r\n const [bookingModalState, toggleBookingModal] = useState(false);\r\n\r\n const [wallet, setWallet] = useState(null);\r\n\r\n const [directTransferModalState, toggleDirectTransferModal] = useState(false);\r\n\r\n const [paystackCharge, setPaystackCharge] = useState(null);\r\n\r\n React.useEffect(() => {\r\n _computePayStackTxCharge(props.amountDue);\r\n\r\n fetchData();\r\n }, [props.amountDue]);\r\n\r\n const fetchData = async () => {\r\n try {\r\n setLoading(true);\r\n let result = await DataService.getData(\"/wallet/getWallet\");\r\n\r\n // console.log(\"result\", result);\r\n\r\n setWallet(result);\r\n\r\n setLoading(false);\r\n } catch (error) {\r\n setLoading(false);\r\n }\r\n };\r\n\r\n // charge = P *0.015 *1.015\r\n // if amount is less than N2.5k, N100 is waived\r\n // maximum charge is N2k\r\n\r\n const _computePayStackTxCharge = (total) => {\r\n let flatCharge = Big(100);\r\n\r\n if (total < 2500) {\r\n flatCharge = 0;\r\n }\r\n\r\n let txCharge = Big(total).times(0.015).times(1.015).plus(flatCharge);\r\n\r\n if (txCharge.gt(2000)) {\r\n setPaystackCharge(2000);\r\n } else {\r\n setPaystackCharge(txCharge);\r\n }\r\n };\r\n\r\n React.useEffect(() => {\r\n if (payRef) {\r\n props.completeBooking(payRef, paymentMode, props.amountDue);\r\n }\r\n }, [payRef]);\r\n\r\n const payWithPaystack = () => {\r\n\r\n //console.log(user);\r\n var handler = window.PaystackPop.setup({\r\n key: process.env.REACT_APP_PAYSTACK_KEY,\r\n \r\n \r\n email: user.email,\r\n amount: Big(props.amountDue).plus(paystackCharge).times(100).round(),\r\n first_name : user.firstname,\r\n last_name : user.lastname,\r\n phone : user.phone,\r\n // ref: props.reference,\r\n metadata: {\r\n custom_fields: [\r\n {\r\n display_name: user.name,\r\n variable_name: \"mobile_number\",\r\n value: user.phoneNumber,\r\n },\r\n ],\r\n },\r\n callback: (response) => {\r\n // setPaymentMode(\"PAYSTACK\");\r\n setPayRef(response);\r\n },\r\n onClose: () => {\r\n setPaymentMode(null);\r\n },\r\n });\r\n handler.openIframe();\r\n };\r\n\r\n return (\r\n \r\n {loading && (\r\n \r\n \r\n )}\r\n\r\n \r\n \r\n\r\n {\r\n toggleIggModal(false);\r\n setPaymentMode(null);\r\n }}\r\n closeIcon\r\n >\r\n \r\n \r\n \r\n\r\n {\r\n toggleLoanModal(false);\r\n setPaymentMode(null);\r\n }}\r\n closeIcon\r\n >\r\n \r\n \r\n \r\n\r\n {\r\n toggleBookingModal(false);\r\n setPaymentMode(null);\r\n }}\r\n closeIcon\r\n >\r\n \r\n \r\n \r\n\r\n {\r\n toggleDirectTransferModal(false);\r\n setPaymentMode(null);\r\n }}\r\n closeIcon\r\n >\r\n \r\n \r\n \r\n\r\n {\r\n toggleCashModal(false);\r\n setPaymentMode(null);\r\n }}\r\n closeIcon\r\n >\r\n \r\n \r\n \r\n
\r\n );\r\n};\r\n\r\nexport default Payment;\r\n","import React, { useState } from \"react\";\r\nimport DataService from \"../../services/DataService\";\r\nimport {\r\n Grid,\r\n Segment,\r\n Divider,\r\n Dimmer,\r\n Loader,\r\n} from \"semantic-ui-react\";\r\n\r\nimport numeral from \"numeral\";\r\n\r\nconst PaymentSummary = (props) => {\r\n // console.log(\"props\", props);\r\n const [user] = useState(DataService.fetchUser());\r\n\r\n const [loading, setLoading] = useState(false);\r\n\r\n return (\r\n Amount Due: ₦{numeral(props.amountDue).format(\"0,0.00\")}
\r\n\r\n {loading && (\r\n \r\n \r\n )}\r\n\r\n \r\n \r\n \r\n Subtotal \r\n\r\n ₦ {numeral(props.subtotal).format(\"0,0\")} \r\n \r\n\r\n \r\n Logistics Charge \r\n \r\n ₦ {numeral(props.logisticsCharge).format(\"0,0\")}\r\n \r\n \r\n\r\n \r\n Total \r\n\r\n ₦ {numeral(props.total).format(\"0,0\")} \r\n \r\n\r\n {props.totalPaid && \r\n <>\r\n \r\n Total Paid \r\n\r\n ₦ {numeral(props.totalPaid).format(\"0,0\")} \r\n \r\n \r\n }\r\n\r\n \r\n\r\n {props.balanceDue && \r\n Balance Due \r\n\r\n ₦ {numeral(props.balanceDue).format(\"0,0\")} \r\n }\r\n\r\n \r\n \r\n\r\n \r\n
\r\n );\r\n};\r\n\r\nexport default PaymentSummary;\r\n","import React from \"react\";\r\nimport { Formik, Field } from \"formik\";\r\nimport * as Yup from \"yup\";\r\nimport { Form, Button, Segment } from \"semantic-ui-react\";\r\nimport numeral from \"numeral\";\r\n\r\nconst InstalmentPayment = (mainProps) => {\r\n const setInstalmentAmount = async (values) => {\r\n try {\r\n mainProps.setInstalmentAmount(values.amount);\r\n } catch (error) {\r\n console.log(\"error\", error);\r\n }\r\n };\r\n\r\n return (\r\n Payment Summary
\r\n \r\n \r\n \r\n {(props) => {\r\n const { values, touched, errors, handleChange, handleSubmit } =\r\n props;\r\n return (\r\n \r\n );\r\n }}\r\n \r\n \r\n
\r\n );\r\n};\r\n\r\nexport default InstalmentPayment;\r\n","import React, { useContext, useState } from \"react\";\r\nimport DataService from \"../../services/DataService\";\r\nimport {\r\n Form,\r\n Grid,\r\n Button,\r\n Card,\r\n Image,\r\n Segment,\r\n Header,\r\n Dimmer,\r\n Loader,\r\n Radio,\r\n Modal,\r\n Divider,\r\n} from \"semantic-ui-react\";\r\n\r\nimport ProductsCart from \"./ProductsCart\";\r\nimport Logistics from \"./Logistics\";\r\nimport Payment from \"./Payment\";\r\nimport { toast } from \"react-toastify\";\r\nimport { FrontendContext } from \"../auth/HomeContainer\";\r\nimport PaymentSummary from \"./PaymentSummary\";\r\nimport InstalmentPayment from \"./InstalmentPayment\";\r\nimport ProductTypes from \"../../data/ProductTypes\";\r\nimport { CartContext } from \"../auth/HomeContainer\";\r\n\r\nconst Cart = (props) => {\r\n const [user] = React.useState(DataService.fetchUser());\r\n\r\n const [itemsChanged, setItemsChanged] = useState(false); //used by child component (PorductsCart) to trigger changes to this parent component\r\n\r\n const frontendContext = React.useContext(FrontendContext);\r\n\r\n const [cartCount,setCartCount] = useContext(CartContext)\r\n const productType =\r\n frontendContext?.frontendState?.productType || props?.productType;\r\n\r\n const [loading, setLoading] = React.useState(false);\r\n const [cart, setCart] = React.useState();\r\n\r\n const [instalmentVisible, showInstalment] = useState(false);\r\n const [instalmentAmount, setInstalmentAmount] = useState(null);\r\n const [minimumInstalment] = useState(10);\r\n const [maximumInstalment, setMaximumInstalment] = useState(null);\r\n\r\n\r\n\r\n React.useEffect(() => {\r\n let isSubscribed = true;\r\n\r\n fetchData();\r\n return () => (isSubscribed = false);\r\n }, [itemsChanged, props?.cartUpdated]);\r\n\r\n const fetchData = async () => {\r\n try {\r\n setLoading(true);\r\n let result = null;\r\n if (props?.customer) {\r\n result = await DataService.getData(\"/checkout/getCartDetails\", {\r\n productTypeId: productType.id,\r\n customerId: props.customer.id,\r\n });\r\n } else {\r\n result = await DataService.getData(\"/checkout/getCartDetails\", {\r\n productTypeId: productType.id,\r\n });\r\n }\r\n\r\n setCart(result);\r\n setCartCount(result.productItems.length)\r\n \r\n\r\n setMaximumInstalment(result?.summary?.balanceDue || result?.summary?.total);\r\n\r\n setLoading(false);\r\n } catch (error) {\r\n setLoading(false);\r\n }\r\n };\r\n\r\n const reserveNow = async () => {\r\n try {\r\n setLoading(true);\r\n\r\n let response = await DataService.postData(\"/checkout/reservePurchase\", {\r\n ...cart.summary,\r\n });\r\n\r\n // console.log(\"response\", response);\r\n\r\n if (response.success) {\r\n toast.success(\"Reservation has been placed\");\r\n } else {\r\n toast.warning(response.message);\r\n }\r\n\r\n fetchData();\r\n } catch (error) {\r\n console.log(\"error\", error);\r\n setLoading(false);\r\n }\r\n };\r\n\r\n const _completeBooking = async (paymentResponse, paymentMode, amountPaid) => {\r\n try {\r\n // console.log('paymentResponse', paymentResponse)\r\n // console.log('paymentMode', paymentMode)\r\n\r\n if (paymentResponse) {\r\n setLoading(true);\r\n\r\n let response = await DataService.postData(\"/checkout/bookAndPay\", {\r\n ...cart.summary,\r\n reference: paymentResponse.reference,\r\n paymentMode: paymentMode,\r\n customerId: props?.customer?.id,\r\n amountPaid: amountPaid,\r\n });\r\n\r\n // console.log(\"response\", response);\r\n\r\n if (response.success) {\r\n toast.success(\"Order has been placed\");\r\n } else {\r\n toast.warning(response.message);\r\n }\r\n\r\n fetchData();\r\n }\r\n } catch (error) {\r\n console.log(\"error\", error);\r\n setLoading(false);\r\n }\r\n };\r\n\r\n\r\n return (\r\n \r\n {loading && (\r\n \r\n \r\n )}\r\n \r\n {cart && cart?.summary && cart?.productItems?.length != 0 ? (\r\n \r\n \r\n \r\n {cart?.productItems && cart?.productItems?.length != 0 && (\r\n setItemsChanged(!itemsChanged)}\r\n />\r\n )}\r\n \r\n\r\n \r\n \r\n \r\n setItemsChanged(!itemsChanged)} //output\r\n />\r\n \r\n \r\n\r\n {cart?.summary?.logisticsMode && cart?.summary?.total !== 0 && (\r\n \r\n \r\n \r\n \r\n )}\r\n\r\n {cart?.summary?.paymentStatus !== \"INVOICED\" &&\r\n cart?.summary?.logisticsMode &&\r\n !cart?.summary?.editLocked && (\r\n \r\n \r\n reserveNow()}\r\n />\r\n \r\n \r\n )}\r\n\r\n {!cart?.summary?.preventPayment &&\r\n cart?.summary?.logisticsMode &&\r\n cart?.summary?.total != 0 &&\r\n (cart?.summary?.paymentStatus === \"INVOICED\" ||\r\n cart?.summary?.paymentStatus === \"PART_PAYMENT\") && (\r\n <>\r\n\r\n {productType.id === ProductTypes.LUBEBAY.id && \r\n \r\n \r\n }\r\n \r\n\r\n {instalmentVisible &&\r\n maximumInstalment &&\r\n productType.id ===\r\n ProductTypes.LUBEBAY.id && (\r\n \r\n \r\n \r\n \r\n )}\r\n\r\n \r\n \r\n \r\n \r\n \r\n )}\r\n \r\n \r\n \r\n ) : (\r\n \r\n There are no items in your cart \r\n \r\n )}\r\n\r\n \r\n
\r\n );\r\n};\r\n\r\nexport default Cart;\r\n","import React, { useState, useEffect } from \"react\";\r\nimport DataService from \"../../services/DataService\";\r\nimport {\r\n Grid,\r\n Button,\r\n Card,\r\n Image,\r\n Segment,\r\n Dimmer,\r\n Loader,\r\n Label,\r\n} from \"semantic-ui-react\";\r\n\r\nimport numeral from \"numeral\";\r\nimport { pickColor } from \"../../utils/util\";\r\nimport dayjs from \"dayjs\";\r\nimport { toast } from \"react-toastify\";\r\n\r\nconst PastOrders = (props) => {\r\n\r\n const [user] = useState(DataService.fetchUser());\r\n\r\n const [loading, setLoading] = useState(false);\r\n const [orders, setOrders] = useState(null);\r\n\r\n const [reload, setReload] = useState(false);\r\n\r\n useEffect(() => {\r\n let isSubscribed = true;\r\n\r\n fetchData();\r\n return () => (isSubscribed = false);\r\n }, [reload]);\r\n\r\n const fetchData = async () => {\r\n try {\r\n setLoading(true);\r\n\r\n \r\n\r\n let result = await DataService.getData(\"/checkout/getPastOrders\", {\r\n userId: props?.customer?.id,\r\n productTypeId: props?.productType.id,\r\n \r\n });\r\n\r\n console.log(\"result\", result);\r\n\r\n setOrders(result);\r\n setLoading(false);\r\n } catch (error) {\r\n console.log(error);\r\n setLoading(false);\r\n }\r\n };\r\n\r\n const receiveOrder = async (item) => {\r\n try {\r\n setLoading(true);\r\n await DataService.postData(`/checkout/receiveOrder`, item);\r\n toast.success(\"Action completed\");\r\n setReload(!reload);\r\n } catch (error) {\r\n console.log(\"error\", error);\r\n setLoading(false);\r\n }\r\n };\r\n\r\n return (\r\n \r\n {loading && (\r\n \r\n fetching orders ...... \r\n \r\n )}\r\n\r\n {orders?.map((order, index) => (\r\n \r\n \r\n \r\n \r\n \r\n Order Placed:{\" \"}\r\n {dayjs(order.summary.paidOn).format(\"MMM DD, YYYY\")}\r\n \r\n \r\n Total: ₦{numeral(order.summary.total).format(\"0,0\")}\r\n \r\n Purchase Number #: {order.summary.id} \r\n \r\n \r\n \r\n\r\n {order.productItems?.length > 0 &&\r\n order?.productItems.map((item) => (\r\n \r\n \r\n \r\n \r\n {/* {JSON.stringify(item, null, 2)} */}\r\n \r\n \r\n \r\n \r\n Order Number # : {item?.id}\r\n \r\n Name : {item?.Product?.name} \r\n \r\n Description : {item?.Product?.description}\r\n \r\n \r\n Amount : ₦{numeral(item?.amount).format(\"0,0\")}\r\n \r\n {item.checkin && (\r\n \r\n Check In :{\" \"}\r\n {dayjs(item?.checkin).format(\"DD-MMM-YYYY\")}\r\n \r\n )}\r\n {item.checkout && (\r\n \r\n Check Out :{\" \"}\r\n {dayjs(item?.checkout).format(\"DD-MMM-YYYY\")}\r\n \r\n )}\r\n \r\n Quantity : {item?.quantity}\r\n \r\n \r\n Total : ₦{numeral(item?.total).format(\"0,0\")}\r\n \r\n \r\n Status :{\" \"}\r\n \r\n {item.taskStatus}\r\n \r\n \r\n \r\n Payment Mode : {item?.Purchase?.paymentMode}\r\n \r\n \r\n \r\n \r\n {item.taskStatus === \"DELIVERED\" && (\r\n \r\n \r\n \r\n \r\n ))}\r\n \r\n ))}\r\n
\r\n );\r\n};\r\n\r\nexport default PastOrders;\r\n","import React, { useState } from \"react\";\r\nimport {\r\n Card,\r\n Image,\r\n List,\r\n Grid,\r\n Segment,\r\n Dimmer,\r\n Loader,\r\n Pagination,\r\n Divider,\r\n Label,\r\n Dropdown,\r\n Checkbox\r\n} from \"semantic-ui-react\";\r\nimport numeral from \"numeral\";\r\nimport DataService from \"../../services/DataService\";\r\nimport { pickColor, resizeImage } from \"../../utils/util\";\r\nimport { Link } from \"react-router-dom\";\r\nimport { FrontendContext } from \"../auth/HomeContainer\";\r\nconst SearchResult = (props) => {\r\n // console.log('props', props)\r\n const searchPhrase = new URLSearchParams(props.location.search).get(\"q\");\r\n\r\n const productTypeId = new URLSearchParams(props.location.search).get(\"t\");\r\n\r\n const location = new URLSearchParams(props.location.search).get(\"l\");\r\n\r\n const [loading, setLoading] = useState(false);\r\n const [offset, setOffset] = useState(0);\r\n const [limit] = useState(30);\r\n const [rowCount, setRowCount] = useState(0);\r\n const [products, setProducts] = useState(null);\r\n\r\n const [catId] = useState(props.match.params.catId);\r\n const frontendContext = React.useContext(FrontendContext);\r\n\r\n React.useEffect(() => {\r\n let isSubscribed = true;\r\n window.scrollTo(0, 0);\r\n fetchData();\r\n return () => (isSubscribed = false);\r\n }, [offset, searchPhrase,location]);\r\n\r\n const fetchData = async () => {\r\n setLoading(true);\r\n try {\r\n let result = [];\r\n\r\n if (searchPhrase) {\r\n result = await DataService.getData(`/product/search`, {\r\n searchPhrase: searchPhrase,\r\n productTypeId: productTypeId,\r\n location : location,\r\n \r\n });\r\n }\r\n // console.log(\"result\", result);\r\n setLoading(false);\r\n setProducts(result);\r\n } catch (error) {\r\n console.log(\"error\", error);\r\n setLoading(false);\r\n }\r\n };\r\n\r\n const options = [\r\n { key: 'PH', text: 'PortHarcourt', value: 'PH' },\r\n { key: 'LG', text: 'Lagos', value: 'LG' },\r\n { key: 'AB', text: 'Abuja', value: 'AB' },\r\n\r\n ]\r\n\r\n const handleSearchChange = (e,{value}) => {\r\n props.history.push(\r\n `${props.match?.path}?q=${searchPhrase}&t=${frontendContext.frontendState.productType.id}&l=${value}`\r\n );\r\n fetchData()\r\n }\r\n return (\r\n \r\n Have your received this order yet?\r\n
\r\n )}\r\n \r\n \r\n
\r\n \r\n {loading && (\r\n \r\n Searching Please wait ... \r\n \r\n )}\r\n \r\n \r\n Search results for \"{searchPhrase}\" \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {products?.length != 0 && (\r\n \r\n\r\n \r\n {products?.length != 0 && (\r\n \r\n \r\n \r\n
\r\n );\r\n};\r\n\r\nexport default SearchResult;\r\n","import React, { useContext } from \"react\";\r\nimport { Menu } from \"semantic-ui-react\";\r\nimport { Switch, Route, Link, Redirect } from \"react-router-dom\";\r\nimport VendorList from \"../vendors/VendorList\";\r\nimport Products from \"./Products\";\r\nimport VendorProducts from \"./VendorProducts\";\r\nimport ProductDetail from \"../common/ProductDetail\";\r\nimport Categories from \"./Categories\";\r\nimport { FrontendContext } from \"../auth/HomeContainer\";\r\nimport Cart from \"../checkout/Cart\";\r\nimport ProductTypes from \"../../data/ProductTypes\";\r\nimport PastOrders from \"../checkout/PastOrders\";\r\nimport SearchResult from \"../common/SearchResult\";\r\n\r\nconst ExhibitionFrontend = (props) => {\r\n const frontendContext = useContext(FrontendContext);\r\n // console.log(\"props\", props);\r\n\r\n React.useEffect(() => {\r\n frontendContext.setFrontendState({\r\n ...frontendContext.frontendState,\r\n productType: ProductTypes.COMMERCE,\r\n });\r\n }, []);\r\n\r\n return (\r\n \r\n \r\n {products?.map((item) => (\r\n \r\n \r\n {item.ProductGalleries[0] ? (\r\n \r\n\r\n \r\n {item.name} \r\n\r\n {item?.listPrice != null && item?.listPrice !== 0 && (\r\n \r\n ₦{numeral(item?.listPrice).format(\"0,0\")}\r\n \r\n )}\r\n \r\n Provided By: \r\n \r\n \r\n \r\n ))}\r\n \r\n\r\n {/* Next */}\r\n {/* \r\n setOffset(1 + (activePage - 1) * limit)\r\n }\r\n /> */}\r\n
\r\n )}\r\n \r\n \r\n ₦{numeral(item?.price).format(\"0,0\")}\r\n \r\n
\r\n\r\n \r\n \r\n {products?.map((item) => (\r\n \r\n \r\n {item.ProductGalleries[0] ? (\r\n \r\n\r\n \r\n {item.name} \r\n\r\n {item?.listPrice != null && item?.listPrice !== 0 && (\r\n \r\n ₦{numeral(item?.listPrice).format(\"0,0\")}\r\n \r\n )}\r\n \r\n Provided By: \r\n \r\n \r\n \r\n ))}\r\n \r\n\r\n {/* Next */}\r\n {/* \r\n setOffset(1 + (activePage - 1) * limit)\r\n }\r\n /> */}\r\n
\r\n )}\r\n \r\n \r\n ₦{numeral(item?.price).format(\"0,0\")}\r\n \r\n
\r\n\r\n \r\n {frontendContext.frontendState?.productType?.id ===\r\n ProductTypes.COMMERCE.id && (\r\n \r\n (\r\n \r\n )}\r\n
\r\n );\r\n};\r\n\r\nexport default ExhibitionFrontend;\r\n","import React, { useContext, useState } from \"react\";\r\nimport {\r\n Form,\r\n Icon,\r\n Header,\r\n Image,\r\n Button,\r\n Grid,\r\n Segment,\r\n Dimmer,\r\n Loader,\r\n Message,\r\n Card,\r\n Divider,\r\n Label,\r\n} from \"semantic-ui-react\";\r\nimport numeral from \"numeral\";\r\nimport DataService from \"../../services/DataService\";\r\nimport { pickColor, resizeImage, optimizeImage } from \"../../utils/util\";\r\n\r\nimport Big from \"big.js\";\r\nimport { Formik, Field } from \"formik\";\r\nimport * as Yup from \"yup\";\r\nimport { Link } from \"react-router-dom\";\r\nimport { toast } from \"react-toastify\";\r\nimport { FrontendContext } from \"../auth/HomeContainer\";\r\nimport { CartContext } from \"../auth/HomeContainer\";\r\n\r\nconst thumbsContainer = {\r\n display: \"flex\",\r\n flexDirection: \"row\",\r\n flexWrap: \"wrap\",\r\n marginTop: 16,\r\n};\r\n\r\nconst thumb = {\r\n display: \"inline-flex\",\r\n borderRadius: 2,\r\n border: \"1px solid #eaeaea\",\r\n marginBottom: 8,\r\n marginRight: 8,\r\n width: 60,\r\n height: 60,\r\n padding: 4,\r\n boxSizing: \"border-box\",\r\n};\r\n\r\nconst thumbInner = {\r\n display: \"flex\",\r\n minWidth: 0,\r\n overflow: \"hidden\",\r\n};\r\n\r\nconst img = {\r\n display: \"block\",\r\n width: \"auto\",\r\n height: \"100%\",\r\n};\r\n\r\nconst ProductPurchase = (props) => {\r\n // console.log('props', props)\r\n const [user] = React.useState(DataService.fetchUser());\r\n const frontendContext = React.useContext(FrontendContext);\r\n const [cartCount,setCartCount] = useContext(CartContext)\r\n\r\n const [loading, setLoading] = React.useState(false);\r\n // const [item, setProduct] = React.useState(props.product);\r\n let item = props.product;\r\n let addToCartLabel = props.addToCartLabel;\r\n const [displayIndex, setIndex] = React.useState(0); //firt gallery image\r\n const [cartFlag, setCartFlag] = React.useState(false);\r\n const [minimumQuantity, setMinimumQuantity] = useState(\r\n props?.product?.minimumQuantity\r\n );\r\n\r\n const schema = Yup.object().shape({\r\n quantity: Yup.number().min(minimumQuantity).required(\"Required\"),\r\n total: Yup.number(),\r\n });\r\n\r\n\r\n \r\n const addToCart = async (values) => {\r\n try {\r\n // console.log('item', item)\r\n setLoading(true);\r\n\r\n let payload = {\r\n customerId : props?.customer?.id,\r\n quantity: values.quantity,\r\n ProductId: item.id,\r\n mode: \"ADD\",\r\n productTypeId:\r\n props?.productType?.id || frontendContext.frontendState.productType.id,\r\n };\r\n \r\n let result = await DataService.postData(\"/checkout/addToCart\", payload);\r\n\r\n if(props.productType){\r\n props.setCartUpdated(); //Called from POS screen\r\n }\r\n setCartCount(result.ProductOrders.length)\r\n toast.success(`Added To Cart`, { position: \"bottom-right\" });\r\n setLoading(false);\r\n } catch (error) {\r\n console.log(\"error\", error);\r\n setLoading(false);\r\n }\r\n };\r\n\r\n return (\r\n \r\n
\r\n ) : (\r\n \r\n
\r\n )}\r\n \r\n ₦{numeral(item?.listPrice).format(\"0,0\")}\r\n
\r\n )}\r\n \r\n
\r\n\r\n \r\n\r\n {item.description}\r\n\r\n {/* \r\n\r\n \r\n ₦{numeral(item?.price).format(\"0,0\")}\r\n
\r\n \r\n {loading && (\r\n \r\n \r\n )}\r\n\r\n {/* \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n */}\r\n\r\n \r\n {products?.map( product =>\r\n \r\n \r\n \r\n \r\n )}\r\n \r\n\r\n
\r\n );\r\n};\r\n\r\nexport default DieselRequest;\r\n","import React, { useContext } from \"react\";\r\nimport { Menu } from \"semantic-ui-react\";\r\nimport { Switch, Route, Link, Redirect } from \"react-router-dom\";\r\nimport ProductDetail from \"../common/ProductDetail\";\r\nimport { FrontendContext } from \"../auth/HomeContainer\";\r\nimport Cart from \"../checkout/Cart\";\r\nimport ProductTypes from \"../../data/ProductTypes\";\r\nimport PastOrders from \"../checkout/PastOrders\";\r\nimport DieselRequest from \"./DieselRequest\";\r\nimport SearchResult from \"../common/SearchResult\";\r\n\r\nconst DieselFrontend = (props) => {\r\n const frontendContext = useContext(FrontendContext);\r\n // console.log(\"props\", props);\r\n\r\n React.useEffect(() => {\r\n frontendContext.setFrontendState({\r\n ...frontendContext.frontendState,\r\n productType: ProductTypes.DIESEL,\r\n });\r\n }, []);\r\n\r\n return (\r\n \r\n {frontendContext.frontendState?.productType?.id ===\r\n ProductTypes.DIESEL.id && (\r\n \r\n (\r\n \r\n )}\r\n
\r\n );\r\n};\r\n\r\nexport default DieselFrontend;\r\n","import React from \"react\";\r\nimport { Link } from \"react-router-dom\";\r\nimport { Card, Dimmer, Image } from \"semantic-ui-react\";\r\nimport States from \"../../data/States\";\r\nimport { pickColor } from \"../../utils/util\";\r\n\r\nconst Locations = (props) => {\r\n // console.log('props', props)\r\n return (\r\n \r\n \r\n {States.map((state) => (\r\n \r\n \r\n {state.name.toLocaleLowerCase() === \"lagos\" && (\r\n \r\n \r\n )}\r\n {state.name} \r\n \r\n \r\n ))}\r\n \r\n
\r\n );\r\n};\r\n\r\nexport default Locations;\r\n","import React, { useState } from \"react\";\r\nimport {\r\n Card,\r\n Image,\r\n List,\r\n Grid,\r\n Segment,\r\n Dimmer,\r\n Loader,\r\n Pagination,\r\n Divider,\r\n} from \"semantic-ui-react\";\r\nimport numeral from \"numeral\";\r\nimport DataService from \"../../services/DataService\";\r\nimport { pickColor, resizeImage } from \"../../utils/util\";\r\nimport { Link } from \"react-router-dom\";\r\nimport ProductTypes from \"../../data/ProductTypes\";\r\nimport States from \"../../data/States\";\r\nimport { FrontendContext } from \"../auth/HomeContainer\";\r\nimport Groups from \"../../data/Groups\";\r\n\r\nconst ProductsGallery = (props) => {\r\n // console.log(\"props\", props);\r\n const [loading, setLoading] = React.useState(false);\r\n const [offset, setOffset] = useState(0);\r\n const [limit] = useState(30);\r\n const [rowCount, setRowCount] = useState(0);\r\n const [products, setProducts] = React.useState();\r\n const [subCategories, setSubCategories] = React.useState();\r\n const [group, setGroup] = useState(null);\r\n\r\n let state = States.find((item) => item.code === props.match.params.location);\r\n\r\n const exhibitionPath = \"/home/commerce\";\r\n\r\n // let page = new URLSearchParams(props.resizeLocation.search).get('p')\r\n\r\n const frontendContext = React.useContext(FrontendContext);\r\n\r\n React.useEffect(() => {\r\n let isSubscribed = true;\r\n window.scrollTo(0, 0);\r\n fetchData();\r\n return () => (isSubscribed = false);\r\n }, [offset, group]);\r\n\r\n const fetchData = async () => {\r\n try {\r\n setLoading(true);\r\n\r\n let query = {\r\n offset: offset,\r\n limit: limit,\r\n };\r\n\r\n // console.log('state', state)\r\n\r\n let result = await DataService.getData(\"/product/getProductsByType\", {\r\n productTypeId: frontendContext.frontendState.productType.id,\r\n stateId: state.id,\r\n group: group,\r\n });\r\n\r\n\r\n // setRowCount(result.count);\r\n setProducts(result);\r\n // setSubCategories(result.subCategories);\r\n\r\n setLoading(false);\r\n } catch (error) {\r\n setLoading(false);\r\n }\r\n };\r\n\r\n return (\r\n Lagos Mart Coming Soon
\r\n\r\n {state.name.toLocaleLowerCase() !== 'lagos' && loading && (\r\n \r\n \r\n )}\r\n\r\n {state.name.toLocaleLowerCase() === 'lagos' && (\r\n \r\n \r\n )}\r\n\r\n \r\n \r\n {/* TODO: Note that there are two columns interchanging based on device type */}\r\n {frontendContext.frontendState.productType.id ===\r\n ProductTypes.MART.id && state.name.toLocaleLowerCase() !== 'lagos' && (\r\n \r\n \r\n \r\n \r\n )}\r\n\r\n {/* \r\n \r\n \r\n */}\r\n \r\n {products?.length != 0 && (\r\n \r\n \r\n \r\n
\r\n );\r\n};\r\n\r\nexport default ProductsGallery;\r\n","import React, { useState } from \"react\";\r\nimport { Form, Header, Button } from \"semantic-ui-react\";\r\nimport DataService from \"../../services/DataService\";\r\n\r\nimport { Formik, Field } from \"formik\";\r\nimport * as Yup from \"yup\";\r\nimport { Link } from \"react-router-dom\";\r\nimport { toast } from \"react-toastify\";\r\nimport numeral from \"numeral\";\r\n import { CartContext } from \"../auth/HomeContainer\";\r\nconst AddToCart = (props) => {\r\n \r\nconst [cartCount,setCartCount] = React.useContext(CartContext)\r\n let addToCartLabel = props.addToCartLabel;\r\n const [user] = useState(DataService.fetchUser());\r\n const [loading, setLoading] = useState(false);\r\n const [minimumQuantity, setMinimumQuantity] = useState(\r\n props?.product?.minimumQuantity\r\n );\r\n\r\n const schema = Yup.object().shape({\r\n quantity: Yup.number().min(minimumQuantity).required(\"Required\"),\r\n total: Yup.number(),\r\n });\r\n\r\n const addToCart = async (values) => {\r\n try {\r\n // console.log('item', item)\r\n setLoading(true);\r\n\r\n let payload = {\r\n customerId: props.customerId,\r\n quantity: values.quantity,\r\n ProductId: props.product?.id,\r\n mode: \"ADD\",\r\n productTypeId: props?.productTypeId,\r\n };\r\n\r\n let result = await DataService.postData(\"/checkout/addToCart\", payload);\r\n \r\n if (props.productType) {\r\n props.setCartUpdated(); //Called from POS screen\r\n }\r\n \r\n setCartCount(result.ProductOrders.length)\r\n toast.success(`Added To Cart`, { position: \"bottom-right\" });\r\n setLoading(false);\r\n } catch (error) {\r\n console.log(\"error\", error);\r\n setLoading(false);\r\n }\r\n };\r\n\r\n return (\r\n Lagos Mart Coming Soon
\r\n- \r\n
- \r\n {subCategories && (\r\n
\r\n \r\n {products?.map((item) => (\r\n \r\n {item.ProductGalleries[0] ? (\r\n \r\n \r\n ) : (\r\n \r\n \r\n )}\r\n\r\n \r\n {item.name} \r\n\r\n {item?.listPrice != null && item?.listPrice !== 0 && (\r\n \r\n ₦{numeral(item?.listPrice).format(\"0,0\")}\r\n \r\n )}\r\n \r\n \r\n ))}\r\n \r\n\r\n {/* \r\n setOffset(1 + (activePage - 1) * limit)\r\n }\r\n /> */}\r\n
\r\n )}\r\n \r\n \r\n ₦{numeral(item?.price).format(\"0,0\")}\r\n \r\n
\r\n \r\n {\r\n addToCart(values);\r\n resetForm();\r\n }}\r\n >\r\n {(props) => {\r\n const { values, touched, errors, handleChange, handleSubmit } = props;\r\n return (\r\n \r\n );\r\n }}\r\n \r\n
\r\n );\r\n};\r\n\r\nexport default AddToCart;\r\n","import React, { useState } from \"react\";\r\nimport {\r\n Card,\r\n Image,\r\n List,\r\n Grid,\r\n Segment,\r\n Dimmer,\r\n Loader,\r\n Pagination,\r\n Divider,\r\n Button,\r\n} from \"semantic-ui-react\";\r\nimport numeral from \"numeral\";\r\nimport DataService from \"../../services/DataService\";\r\nimport { pickColor, resizeImage } from \"../../utils/util\";\r\nimport { Link } from \"react-router-dom\";\r\nimport ProductTypes from \"../../data/ProductTypes\";\r\nimport States from \"../../data/States\";\r\nimport { FrontendContext } from \"../auth/HomeContainer\";\r\nimport Groups from \"../../data/Groups\";\r\nimport AddToCart from \"../molecules/AddToCart\";\r\n\r\nconst MartPurchase = (props) => {\r\n // console.log(\"props\", props);\r\n const [loading, setLoading] = React.useState(false);\r\n const [offset, setOffset] = useState(0);\r\n const [limit] = useState(30);\r\n const [rowCount, setRowCount] = useState(0);\r\n const [products, setProducts] = React.useState();\r\n const [subCategories, setSubCategories] = React.useState();\r\n const [group, setGroup] = useState(null);\r\n\r\n let state = States.find((item) => item.code === props.match.params.location);\r\n\r\n const exhibitionPath = \"/home/commerce\";\r\n\r\n // let page = new URLSearchParams(props.resizeLocation.search).get('p')\r\n\r\n const frontendContext = React.useContext(FrontendContext);\r\n\r\n React.useEffect(() => {\r\n let isSubscribed = true;\r\n window.scrollTo(0, 0);\r\n fetchData();\r\n return () => (isSubscribed = false);\r\n }, [offset, group]);\r\n\r\n const fetchData = async () => {\r\n try {\r\n setLoading(true);\r\n\r\n let query = {\r\n offset: offset,\r\n limit: limit,\r\n };\r\n\r\n // console.log('state', state)\r\n\r\n let result = await DataService.getData(\"/product/getProductsByType\", {\r\n productTypeId: frontendContext.frontendState.productType.id,\r\n stateId: state.id,\r\n group: group,\r\n });\r\n\r\n console.log(\"result.count\", result.count);\r\n\r\n // setRowCount(result.count);\r\n setProducts(result);\r\n // setSubCategories(result.subCategories);\r\n\r\n setLoading(false);\r\n } catch (error) {\r\n setLoading(false);\r\n }\r\n };\r\n\r\n return (\r\n \r\n {state.name.toLocaleLowerCase() !== \"lagos\" && loading && (\r\n \r\n Please wait ... \r\n \r\n )}\r\n\r\n {state.name.toLocaleLowerCase() === \"lagos\" && (\r\n \r\n \r\n )}\r\n\r\n {/* TODO: Note that there are two columns interchanging based on device type */}\r\n {frontendContext.frontendState.productType.id === ProductTypes.MART.id &&\r\n state.name.toLocaleLowerCase() !== \"lagos\" && (\r\n <>\r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n {products?.length != 0 && (\r\n \r\n \r\n \r\n\r\n\r\n\r\n \r\n\r\n \r\n {products?.length != 0 && (\r\n \r\n \r\n \r\n )}\r\n
\r\n );\r\n};\r\n\r\nexport default MartPurchase;\r\n","import React, { useContext } from \"react\";\r\nimport { Menu } from \"semantic-ui-react\";\r\nimport { Switch, Route, Link, Redirect } from \"react-router-dom\";\r\nimport ProductDetail from \"../common/ProductDetail\";\r\nimport { FrontendContext } from \"../auth/HomeContainer\";\r\nimport Cart from \"../checkout/Cart\";\r\nimport ProductTypes from \"../../data/ProductTypes\";\r\nimport PastOrders from \"../checkout/PastOrders\";\r\nimport Locations from \"./Locations\";\r\nimport ProductsGallery from \"../common/ProductsGallery\";\r\nimport SearchResult from \"../common/SearchResult\";\r\nimport QuickPurchase from \"./MartPurchase\";\r\nimport MartPurchase from \"./MartPurchase\";\r\n\r\nconst MartFrontend = (props) => {\r\n const frontendContext = useContext(FrontendContext);\r\n // console.log(\"props\", props);\r\n\r\n React.useEffect(() => {\r\n frontendContext.setFrontendState({\r\n ...frontendContext.frontendState,\r\n productType: ProductTypes.MART,\r\n });\r\n }, []);\r\n\r\n return (\r\n Lagos Mart Coming Soon
\r\n- \r\n
\r\n \r\n {products?.map((item) => (\r\n \r\n \r\n {item.ProductGalleries[0] ? (\r\n \r\n \r\n \r\n ))}\r\n \r\n \r\n
\r\n )}\r\n \r\n {item.name} \r\n\r\n {item?.listPrice != null &&\r\n item?.listPrice !== 0 && item?.listPrice !== item?.price && (\r\n \r\n ₦{numeral(item?.listPrice).format(\"0,0\")}\r\n \r\n )}\r\n
\r\n \r\n\r\n \r\n \r\n ₦{numeral(item?.price).format(\"0,0\")}\r\n \r\n
\r\n \r\n \r\n {products?.map((item) => (\r\n \r\n \r\n {item.ProductGalleries[0] ? (\r\n \r\n \r\n \r\n ))}\r\n \r\n \r\n
\r\n )}\r\n \r\n {item.name} \r\n\r\n {item?.listPrice != null &&\r\n item?.listPrice !== 0 && item?.listPrice !== item?.price&& (\r\n \r\n ₦{numeral(item?.listPrice).format(\"0,0\")}\r\n \r\n )}\r\n
\r\n \r\n\r\n \r\n \r\n ₦{numeral(item?.price).format(\"0,0\")}\r\n \r\n
\r\n \r\n {frontendContext.frontendState?.productType?.id ===\r\n ProductTypes.MART.id && (\r\n \r\n (\r\n \r\n )}\r\n
\r\n );\r\n};\r\n\r\nexport default MartFrontend;\r\n","import React, { useState } from \"react\";\r\nimport { Dimmer, Divider, Grid, Loader, Menu } from \"semantic-ui-react\";\r\nimport DataService from \"../../services/DataService\";\r\nimport States from \"../../data/States\";\r\nimport ProductPurchase from \"../common/ProductPurchase\";\r\nimport { FrontendContext } from \"../auth/HomeContainer\";\r\nimport { Link } from \"react-router-dom\";\r\n\r\nconst LaundryRequest = (props) => {\r\n // console.log('props >>>>', props)\r\n const [user] = React.useState(DataService.fetchUser());\r\n const [loading, setLoading] = React.useState(false);\r\n const [products, setProducts] = useState(null);\r\n\r\n const frontendContext = React.useContext(FrontendContext);\r\n\r\n React.useEffect(() => {\r\n let isSubscribed = true;\r\n\r\n fetchData();\r\n return () => (isSubscribed = false);\r\n }, [props.match?.params?.location]);\r\n\r\n const fetchData = async () => {\r\n try {\r\n setLoading(true);\r\n let state = States.find(\r\n (item) => item.code === props.match.params.location\r\n );\r\n\r\n // console.log('state', state)\r\n\r\n // let state = States.find((item) => item.code === \"lg\");\r\n\r\n // let result = await DataService.getData(\"/product/getEnabledProducts\", {\r\n // productTypeId: ProductTypes.LAUNDRY.id,\r\n // stateId: state.id,\r\n // });\r\n\r\n let result = await DataService.getData(\"/product/getProductsByType\", {\r\n productTypeId: frontendContext.frontendState.productType.id,\r\n stateId: state.id,\r\n });\r\n\r\n setLoading(false);\r\n\r\n setProducts(result);\r\n } catch (error) {\r\n setLoading(false);\r\n }\r\n };\r\n\r\n return (\r\n \r\n {loading && (\r\n \r\n please wait ... \r\n \r\n )}\r\n\r\n {/* \r\n {products?.map((product) => (\r\n \r\n \r\n \r\n \r\n ))}\r\n \r\n \r\n
\r\n );\r\n};\r\n\r\nexport default LaundryRequest;\r\n","import React, { useContext } from \"react\";\r\nimport { Menu } from \"semantic-ui-react\";\r\nimport { Switch, Route, Link, Redirect } from \"react-router-dom\";\r\nimport ProductDetail from \"../common/ProductDetail\";\r\nimport { FrontendContext } from \"../auth/HomeContainer\";\r\nimport Cart from \"../checkout/Cart\";\r\nimport ProductTypes from \"../../data/ProductTypes\";\r\nimport PastOrders from \"../checkout/PastOrders\";\r\nimport LaundryRequest from \"./LaundryRequest\";\r\nimport States from \"../../data/States\";\r\nimport SearchResult from \"../common/SearchResult\";\r\n\r\nconst LaundryFrontend = (props) => {\r\n const frontendContext = useContext(FrontendContext);\r\n // console.log(\"props\", props);\r\n\r\n React.useEffect(() => {\r\n frontendContext.setFrontendState({\r\n ...frontendContext.frontendState,\r\n productType: ProductTypes.LAUNDRY,\r\n });\r\n }, []);\r\n\r\n return (\r\n \r\n {/* Don't show header when in Cart view or Past Orders View */}\r\n {props.location.pathname !== `${props.match?.path}/cart` &&\r\n props.location.pathname !== `${props.match?.path}/past-orders` && (\r\n \r\n \r\n {States.map((state) => (\r\n
\r\n );\r\n};\r\n\r\nexport default LaundryFrontend;\r\n","import React from \"react\";\r\nimport { Link as RouterLink } from \"react-router-dom\";\r\nimport { Breadcrumb, Label } from \"semantic-ui-react\";\r\n\r\nconst sections = [\r\n { key: \"Home\", content: \"Home\", link: true },\r\n { key: \"Store\", content: \"Store\", link: true },\r\n { key: \"Shirt\", content: \"T-Shirt\", active: true },\r\n];\r\n\r\nconst Topbreadcrumb = (props) => {\r\n const pathnames = props.navProps?.location.pathname\r\n .split(\"/\")\r\n .filter((x) => x);\r\n\r\n return (\r\n \r\n \r\n (\r\n \r\n
\r\n )}\r\n \r\n {/* {loading && (\r\n \r\n \r\n )} */}\r\n\r\n \r\n \r\n {products?.map( product =>\r\n \r\n \r\n \r\n \r\n )}\r\n \r\n\r\n
\r\n );\r\n};\r\n\r\nexport default LubricantRequest;\r\n","import React, { useContext } from \"react\";\r\nimport { Menu } from \"semantic-ui-react\";\r\nimport { Switch, Route, Link, Redirect } from \"react-router-dom\";\r\nimport ProductDetail from \"../common/ProductDetail\";\r\nimport { FrontendContext } from \"../auth/HomeContainer\";\r\nimport Cart from \"../checkout/Cart\";\r\nimport ProductTypes from \"../../data/ProductTypes\";\r\nimport PastOrders from \"../checkout/PastOrders\";\r\nimport Locations from \"../mart/Locations\";\r\nimport ProductsGallery from \"../common/ProductsGallery\";\r\nimport LubricantRequest from \"./LubricantRequest\";\r\nimport SearchResult from \"../common/SearchResult\";\r\n\r\nconst LubricantFrontend = (props) => {\r\n const frontendContext = useContext(FrontendContext);\r\n // console.log(\"props\", props);\r\n\r\n React.useEffect(() => {\r\n frontendContext.setFrontendState({\r\n ...frontendContext.frontendState,\r\n productType: ProductTypes.LUBRICANT,\r\n });\r\n }, []);\r\n\r\n return (\r\n \r\n {frontendContext.frontendState?.productType?.id ===\r\n ProductTypes.LUBRICANT.id && (\r\n \r\n (\r\n \r\n )}\r\n
\r\n );\r\n};\r\n\r\nexport default LubricantFrontend;\r\n","import React, { useEffect, useState } from \"react\";\r\n\r\nimport DataService from \"../../services/DataService\";\r\nimport {\r\n Table,\r\n Dimmer,\r\n Loader,\r\n Button,\r\n Dropdown,\r\n Menu,\r\n Form,\r\n Modal,\r\n Image,\r\n Label,\r\n Checkbox,\r\n Tab,\r\n} from \"semantic-ui-react\";\r\nimport dayjs from \"dayjs\";\r\nimport numeral from \"numeral\";\r\nimport Payment from \"../checkout/Payment\";\r\nimport { toast } from \"react-toastify\";\r\n\r\nconst RepairBookings = (props) => {\r\n const [user] = useState(DataService.fetchUser());\r\n const [data, setData] = useState(null);\r\n const [loading, setLoading] = useState(false);\r\n const [paymentModalState, togglePaymentModal] = useState(false);\r\n const [selectedBooking, setSelectedBooking] = useState(null);\r\n\r\n useEffect(() => {\r\n let isSubscribed = true;\r\n\r\n if (user) fetchData();\r\n\r\n return () => (isSubscribed = false);\r\n }, [props.refresh]);\r\n\r\n const fetchData = async () => {\r\n try {\r\n setLoading(true);\r\n\r\n let result = await DataService.getData(\"/lube-bay/getBookings\");\r\n\r\n // console.log(\"result.count\", result);\r\n setData(result);\r\n\r\n setLoading(false);\r\n } catch (error) {\r\n setLoading(false);\r\n }\r\n };\r\n\r\n const _completeBooking = async (paymentResponse, paymentMode) => {\r\n try {\r\n if (paymentResponse) {\r\n setLoading(true);\r\n\r\n let response = await DataService.postData(\"/lube-bay/doBooking\", {\r\n bookingId: selectedBooking.id,\r\n reference: paymentResponse.reference,\r\n paymentMode: paymentMode,\r\n });\r\n\r\n // console.log(\"response\", response);\r\n\r\n fetchData();\r\n\r\n toast.success(`Payment successful`);\r\n }\r\n } catch (error) {\r\n console.log(\"error\", error);\r\n setLoading(false);\r\n }\r\n };\r\n\r\n const items = data?.map((item) => (\r\n \r\n {loading && (\r\n \r\n \r\n )}\r\n\r\n {data && (\r\n {\r\n togglePaymentModal(false);\r\n }}\r\n closeIcon\r\n >\r\n \r\n \r\n \r\n
\r\n );\r\n};\r\n\r\nexport default RepairBookings;\r\n","import React, { useState } from \"react\";\r\n\r\nimport { Formik, Field } from \"formik\";\r\nimport * as Yup from \"yup\";\r\nimport {\r\n Form,\r\n Button,\r\n TextArea,\r\n Segment,\r\n Grid,\r\n Image,\r\n Dimmer,\r\n Loader,\r\n Divider,\r\n} from \"semantic-ui-react\";\r\nimport DataService from \"../../services/DataService\";\r\nimport ReactDatePicker from \"react-datepicker\";\r\nimport Big from \"big.js\";\r\n\r\nimport dayjs from \"dayjs\";\r\nimport Logistics from \"../checkout/Logistics\";\r\nimport RepairBookings from \"./RepairBookings\";\r\nimport { toast } from \"react-toastify\";\r\nimport States from \"../../data/States\";\r\n\r\nimport { FrontendContext } from \"../auth/HomeContainer\";\r\nimport Payment from \"../checkout/Payment\";\r\nimport PaymentSummary from \"../checkout/PaymentSummary\";\r\nimport VehicleType from \"../../data/VehicleType\";\r\n\r\nconst RepairRequest = (props) => {\r\n const [user] = React.useState(DataService.fetchUser());\r\n const [loading, setLoading] = React.useState(false);\r\n const [products, setProducts] = useState(null);\r\n const [selectedState, setSelectedState] = useState(null)\r\n\r\n const vehicleTypes = VehicleType;\r\n\r\n const frontendContext = React.useContext(FrontendContext);\r\n\r\n const productType =\r\n frontendContext?.frontendState?.productType || props?.productType;\r\n\r\n const [itemsChanged, setItemsChanged] = useState(false);\r\n\r\n const [logisticsMode, setLogisticsMode] = useState(\"ON\");\r\n const [contact, setContact] = useState(null);\r\n const [refreshChild, setrefreshChild] = useState(false);\r\n\r\n const [cart, setCart] = React.useState();\r\n\r\n console.log(`cart`, cart);\r\n\r\n const schema = Yup.object().shape({\r\n productId: Yup.number().required(\"Required\"),\r\n notes: Yup.string(),\r\n });\r\n\r\n const newItem = {\r\n productId: null,\r\n notes: \"\",\r\n };\r\n\r\n const schema2 = Yup.object().shape({\r\n stateId: Yup.number().required(\"Required\"),\r\n });\r\n\r\n const newItem2 = {\r\n stateId: null,\r\n };\r\n\r\n React.useEffect(() => {\r\n let isSubscribed = true;\r\n\r\n fetchData();\r\n return () => (isSubscribed = false);\r\n }, [props.match?.params?.location, itemsChanged]);\r\n\r\n const fetchData = async () => {\r\n try {\r\n setLoading(true);\r\n let cart = await DataService.postData(\"/checkout/createCart\", {\r\n productTypeId: productType.id,\r\n });\r\n\r\n setCart(cart);\r\n\r\n let state = States.find(\r\n (item) => item.code === props.match.params.location\r\n );\r\n\r\n // console.log(`States`, States)\r\n\r\n let result = await DataService.getData(\"/product/getProductsByType\", {\r\n productTypeId: productType.id,\r\n // stateId: 1,\r\n stateId: selectedState,\r\n });\r\n\r\n // console.log(`result`, result);\r\n\r\n setProducts(result);\r\n\r\n setLoading(false);\r\n } catch (error) {\r\n setLoading(false);\r\n }\r\n };\r\n\r\n \r\n const _saveBooking = async (values) => {\r\n console.log(\"logisticsMode\", logisticsMode);\r\n\r\n if (!logisticsMode) return;\r\n values.logisticsMode = logisticsMode;\r\n if (contact) {\r\n values.contactDetails = `${contact.name} \\n ${contact.phone} \\n ${contact.address} \\n ${contact.Area.name} \\n ${contact.Area.State.name}`;\r\n }\r\n\r\n // console.log(\"values\", values);\r\n\r\n try {\r\n setLoading(true);\r\n\r\n await DataService.postData(\"/lube-bay/saveBooking\", values);\r\n\r\n setLoading(false);\r\n toast.success(\"Order has been placed\");\r\n setrefreshChild(!refreshChild);\r\n } catch (error) {\r\n console.log(\"error\", error);\r\n setLoading(false);\r\n }\r\n };\r\n\r\n const addToCart = async (values) => {\r\n try {\r\n console.log(\"values\", values);\r\n\r\n setLoading(true);\r\n\r\n let payload = {\r\n quantity: 1,\r\n ProductId: values.productId,\r\n notes: `${values.vehicleType} \\n ${values.license} \\n ${values.notes}`,\r\n mode: \"ADD\",\r\n productTypeId: productType.id,\r\n };\r\n\r\n let cart = await DataService.postData(\"/checkout/addToCart\", payload);\r\n\r\n await DataService.postData(\"/checkout/reservePurchase\", {\r\n ...cart,\r\n editLocked: true,\r\n });\r\n\r\n toast.success(`Request has been placed`, { position: \"bottom-right\" });\r\n setLoading(false);\r\n } catch (error) {\r\n console.log(\"error\", error);\r\n setLoading(false);\r\n }\r\n };\r\n\r\n return (\r\n \r\n \r\n
\r\n
\r\n )}\r\n\r\n \r\n \r\n {loading && (\r\n \r\n \r\n )}\r\n\r\n \r\n \r\n \r\n \r\n \r\n {\r\n resetForm();\r\n }}\r\n >\r\n {(props) => {\r\n const {\r\n values,\r\n touched,\r\n errors,\r\n handleChange,\r\n handleSubmit,\r\n } = props;\r\n return (\r\n \r\n );\r\n }}\r\n \r\n\r\n {cart && (\r\n setItemsChanged(!itemsChanged)} //output\r\n />\r\n )}\r\n\r\n {\r\n addToCart(values);\r\n resetForm();\r\n }}\r\n >\r\n {(props) => {\r\n const {\r\n values,\r\n touched,\r\n errors,\r\n handleChange,\r\n handleSubmit,\r\n } = props;\r\n return (\r\n \r\n );\r\n }}\r\n \r\n \r\n \r\n \r\n \r\n\r\n {/*
\r\n );\r\n};\r\n\r\nexport default RepairRequest;\r\n","import React, { useContext } from \"react\";\r\nimport { Menu } from \"semantic-ui-react\";\r\nimport { Switch, Route, Link, Redirect } from \"react-router-dom\";\r\nimport ProductDetail from \"../common/ProductDetail\";\r\nimport { FrontendContext } from \"../auth/HomeContainer\";\r\nimport Cart from \"../checkout/Cart\";\r\nimport ProductTypes from \"../../data/ProductTypes\";\r\nimport PastOrders from \"../checkout/PastOrders\";\r\nimport Locations from \"../mart/Locations\";\r\nimport ProductsGallery from \"../common/ProductsGallery\";\r\nimport SearchResult from \"../common/SearchResult\";\r\nimport RepairRequest from \"./RepairRequest\";\r\n\r\nconst LubeBayFrontend = (props) => {\r\n const frontendContext = useContext(FrontendContext);\r\n\r\n React.useEffect(() => {\r\n frontendContext.setFrontendState({\r\n ...frontendContext.frontendState,\r\n productType: ProductTypes.LUBEBAY,\r\n });\r\n }, []);\r\n\r\n return (\r\n \r\n {frontendContext.frontendState?.productType?.id ===\r\n ProductTypes.LUBEBAY.id && (\r\n \r\n (\r\n \r\n )}\r\n
\r\n );\r\n};\r\n\r\nexport default LubeBayFrontend;\r\n","import React, { useState } from \"react\";\r\nimport { Grid, Dropdown, Header, Menu } from \"semantic-ui-react\";\r\nimport { Route, Switch, Redirect, Link } from \"react-router-dom\";\r\n\r\nimport DataService from \"../../services/DataService\";\r\nimport Layout from \"./Layout\";\r\nimport ProductDetail from \"../common/ProductDetail\";\r\nimport GsmContainer from \"../gsm/GsmContainer\";\r\nimport EducationContainer from \"../education/EducationContainer\";\r\nimport ExhibitionFrontend from \"../exhibition/ExhibitionFrontend\";\r\n//import { FrontendContext } from \"./HomeContainer\";\r\nimport DieselFrontend from \"../diesel/DieselFrontend\";\r\nimport MartFrontend from \"../mart/MartFrontend\";\r\nimport LaundryFrontend from \"../laundry/LaundryFrontend\";\r\nimport Topbreadcrumb from \"../../components/Topbreadcrumb\";\r\nimport Search from \"../common/Search\";\r\nimport LubricantFrontend from \"../lubricant/LubricantFrontend\";\r\nimport LubeBayFrontend from \"../lubebay/LubeBayFrontend\";\r\nimport GuestHouseFrontend from \"../guest-house/GuestHouseFrontend\";\r\n\r\n\r\nexport const FrontendContext = React.createContext({\r\n frontendState: null,\r\n setFrontendState: () => {},\r\n});\r\nexport const CartContext = React.createContext()\r\nconst HomeContainer = (props) => {\r\n // console.log('props', props)\r\n const [user] = React.useState(DataService.fetchUser());\r\n const [frontendState, setFrontendState] = useState({ productType: null });\r\n const [cartCount,setCartCount] = useState([])\r\n const [currentPath, setCurrentPath] = React.useState(\r\n props.location?.pathname\r\n );\r\n\r\n React.useEffect(() => {\r\n setCurrentPath(props.location?.pathname);\r\n }, [props.location]);\r\n\r\n const _goTo = (path) => {\r\n props.history.push(`${props.match.path}/${path}`);\r\n };\r\n\r\n return (\r\n \r\n {logisticsLabel?.logistics_title}\r\n
\r\n )}\r\n {activeAddress?.name}
\r\n {activeAddress?.phone}
\r\n {activeAddress?.address}
\r\n {activeAddress?.Area.name}
\r\n {activeAddress?.Area.State.name}
\r\n \r\n {loading && (\r\n \r\n \r\n )}\r\n\r\n \r\n\r\n {orders && (\r\n \r\n
\r\n )}\r\n\r\n
\r\n );\r\n};\r\n\r\nexport default GuestHouseBookings;\r\n","import React from \"react\";\r\nimport { Formik } from \"formik\";\r\nimport * as Yup from \"yup\";\r\nimport { Form, Button, TextArea } from \"semantic-ui-react\";\r\nimport DataService from \"../../services/DataService\";\r\nimport { useDropzone } from \"react-dropzone\";\r\n\r\nconst GuestHouseProduct = (props) => {\r\n const [loading, setLoading] = React.useState(false);\r\n const [files, setFiles] = React.useState([]);\r\n\r\n const onDrop = React.useCallback((acceptedFiles) => {\r\n // Do something with the files\r\n console.log(\"acceptedFiles\", acceptedFiles);\r\n setFiles([...files, ...acceptedFiles]);\r\n }, []);\r\n\r\n const { getRootProps, getInputProps, isDragActive } = useDropzone({ onDrop });\r\n\r\n const schema = Yup.object().shape({\r\n name: Yup.string().required(\"Required\"),\r\n price: Yup.number().required(\"Required\"),\r\n description: Yup.string(),\r\n });\r\n\r\n const newItem = {\r\n name: \"\",\r\n price: \"\",\r\n description: \"\",\r\n };\r\n\r\n const _saveData = async (values) => {\r\n console.log(\"values\", values);\r\n\r\n try {\r\n setLoading(true);\r\n\r\n let formData = new FormData();\r\n\r\n files.forEach((file, index) => {\r\n formData.append(`photo`, file);\r\n });\r\n\r\n //Stringify this or experience pain\r\n formData.append(\"values\", JSON.stringify(values));\r\n\r\n if (values.id) {\r\n await DataService.putData(`/guest-house/${values.id}`, values);\r\n } else {\r\n await DataService.postFormData(\"/guest-house/savePackage\", formData);\r\n }\r\n\r\n props.toggleOrderModal(false)\r\n\r\n // fetchData();\r\n } catch (error) {\r\n console.log(\"error\", error);\r\n setLoading(false);\r\n }\r\n };\r\n\r\n return (\r\n \r\n \r\n {(props) => {\r\n const { values, touched, errors, handleChange, handleSubmit } = props;\r\n return (\r\n
\r\n \r\n\r\n \r\n {loading && (\r\n \r\n \r\n )}\r\n\r\n \r\n\r\n {data && (\r\n \r\n
\r\n )}\r\n\r\n toggleOrderModal(false)}\r\n closeIcon\r\n >\r\n {\"\"} \r\n \r\n \r\n \r\n \r\n\r\n\r\n
\r\n );\r\n};\r\n\r\nexport default GuestHousePackages;\r\n","import React, { useContext } from \"react\";\r\nimport { Menu } from \"semantic-ui-react\";\r\nimport { Switch, Route, Link, Redirect } from \"react-router-dom\";\r\nimport { BackendContext } from \"../auth/LandingContainer\";\r\n\r\nimport GuestHouseBookings from \"./GuestHouseBookings\";\r\nimport GuestHousePackages from \"./GuestHousePackages.old\";\r\nimport ProductTypes from \"../../data/ProductTypes\";\r\n\r\n\r\nconst GuestHouseBackend = (props) => {\r\n const backendContext = useContext(BackendContext);\r\n\r\n React.useEffect(() => {\r\n backendContext.setBackendState({\r\n ...backendContext.backendState,\r\n productType: ProductTypes.GUESTHOUSE,\r\n });\r\n }, []);\r\n\r\n return (\r\n \r\n {backendContext.backendState?.productType?.id ===\r\n ProductTypes.GUESTHOUSE.id && (\r\n
\r\n );\r\n};\r\n\r\nexport default GuestHouseBackend;\r\n","import React, { useState } from \"react\";\r\nimport { Item, Image, Table, Label } from \"semantic-ui-react\";\r\nimport dayjs from \"dayjs\";\r\nimport numeral from \"numeral\";\r\n\r\nconst OrderDetails = (props) => {\r\n const [item] = useState(props?.order);\r\n return (\r\n \r\n \r\n \r\n \r\n
\r\n )}\r\n \r\n \r\n
\r\n
\r\n );\r\n};\r\n\r\nexport default OrderDetails;\r\n","import React, { useRef, useState } from \"react\";\r\nimport {\r\n Form,\r\n Button,\r\n TextArea,\r\n Loader,\r\n Dimmer,\r\n Icon,\r\n Segment,\r\n Divider,\r\n Radio,\r\n Modal,\r\n Grid,\r\n} from \"semantic-ui-react\";\r\nimport dayjs from \"dayjs\";\r\nimport numeral from \"numeral\";\r\nimport { toast } from \"react-toastify\";\r\n\r\nimport { Formik, Field } from \"formik\";\r\nimport * as Yup from \"yup\";\r\nimport DataService from \"../../services/DataService\";\r\n\r\nconst Invoicing = (mainProps) => {\r\n const [purchase] = useState(mainProps?.purchase);\r\n // console.log(`purchase`, purchase)\r\n\r\n const [loading, setLoading] = React.useState(false);\r\n const [invoiceItems, setInvoiceItems] = useState([]);\r\n const formRef = useRef();\r\n\r\n // const schema = Yup.object().shape({\r\n // description: Yup.string().required(\"Required\"),\r\n // quantity: Yup.number().required(\"Required\"),\r\n // amount: Yup.number().required(\"Required\"),\r\n // total: Yup.number().required(\"Required\"),\r\n // });\r\n\r\n const schema = Yup.array().of(\r\n Yup.object().shape({\r\n description: Yup.string().required(\"Required\"),\r\n quantity: Yup.number().required(\"Required\"),\r\n amount: Yup.number().required(\"Required\"),\r\n // total: Yup.number().required(\"Required\"),\r\n })\r\n );\r\n\r\n React.useEffect(() => {\r\n fetchData();\r\n }, []);\r\n\r\n const fetchData = async () => {\r\n try {\r\n \r\n setLoading(true);\r\n\r\n let { result } = await DataService.getData(\"/checkout/getInvoiceItems\", {\r\n PurchaseId: purchase.id,\r\n });\r\n\r\n // console.log(`result`, result);\r\n\r\n setInvoiceItems(result);\r\n\r\n setLoading(false);\r\n } catch (error) {\r\n setLoading(false);\r\n }\r\n };\r\n\r\n const addInvoiceItem = async () => {\r\n try {\r\n let newItem = {\r\n description: '',\r\n quantity: null,\r\n amount: null,\r\n total: null,\r\n PurchaseId: purchase.id\r\n }\r\n\r\n // console.log(`formRef`, formRef.current.values)\r\n\r\n setInvoiceItems([...formRef.current.values, newItem])\r\n \r\n } catch (error) {\r\n console.log(\"error\", error);\r\n setLoading(false);\r\n }\r\n };\r\n\r\n const sendInvoice = async () => {\r\n try {\r\n setLoading(true);\r\n await DataService.postData(`/checkout/invoiceNow`, {\r\n PurchaseId: purchase.id,\r\n });\r\n toast.success(\"Action completed\");\r\n // fetchData();\r\n } catch (error) {\r\n console.log(\"error\", error);\r\n setLoading(false);\r\n }\r\n };\r\n\r\n const updateInvoice = async (values) => {\r\n console.log(\"values\", values);\r\n\r\n try {\r\n setLoading(true);\r\n await DataService.postData(`/checkout/bulkUpdateInvoiceItems`, values);\r\n setLoading(false);\r\n toast.success(\"Action completed\");\r\n } catch (error) {\r\n console.log(\"error\", error);\r\n setLoading(false);\r\n }\r\n };\r\n\r\n const deleteInvoiceItem = async (item) => {\r\n try {\r\n setLoading(true);\r\n await DataService.postData(`/checkout/deleteInvoiceItem`, {\r\n invoiceItemId: item.id,\r\n });\r\n toast.success(\"Action completed\");\r\n fetchData();\r\n } catch (error) {\r\n console.log(\"error\", error);\r\n setLoading(false);\r\n }\r\n };\r\n\r\n return (\r\n \r\n\r\n \r\n {(props) => {\r\n const { values, touched, errors, handleChange, handleSubmit } = props;\r\n return (\r\n \r\n );\r\n }}\r\n \r\n
\r\n );\r\n};\r\n\r\nexport default Invoicing;\r\n","import React, { useEffect } from \"react\";\r\nimport { useState } from \"react\";\r\nimport { Dimmer, Divider, Grid, Loader, Segment } from \"semantic-ui-react\";\r\nimport DataService from \"../../services/DataService\";\r\nimport ProductPurchase from \"../common/ProductPurchase\";\r\nimport Cart from \"./Cart\";\r\n\r\nconst Pos = (props) => {\r\n // console.log(`props`, props);\r\n const [loading, setLoading] = useState(false);\r\n const [customer] = useState(props?.customer);\r\n // console.log(`customer`, customer)\r\n\r\n const [offset, setOffset] = useState(0);\r\n const [limit] = useState(80);\r\n const [rowCount, setRowCount] = useState(0);\r\n const [products, setProducts] = useState(null);\r\n const [cartUpdated, setCartUpdated] = useState(false);\r\n\r\n // let customer = props?.customer\r\n\r\n // const [state, dispatch] = useReducer(sortReducer, {\r\n // column: null,\r\n // data: null,\r\n // direction: null,\r\n // });\r\n // const { column, data, direction } = state;\r\n\r\n useEffect(\r\n () => {\r\n let isSubscribed = true;\r\n\r\n fetchData();\r\n\r\n return () => (isSubscribed = false);\r\n },\r\n [\r\n // productModalState,\r\n // uploadModalState,\r\n // offset,\r\n // backendContext.backendState,\r\n ]\r\n );\r\n\r\n const fetchData = async () => {\r\n try {\r\n setLoading(true);\r\n\r\n // let user = await DataService.getData(\"/customer/getCustomer\");\r\n\r\n // setCustomer(user);\r\n\r\n let result = null;\r\n\r\n let query = {\r\n offset: offset,\r\n limit: limit,\r\n };\r\n\r\n result = await DataService.getData(\"/product/getVendorProducts\", {\r\n ...query,\r\n vendorId: props.vendor?.id, //only required for admin view\r\n });\r\n\r\n // console.log(\"result.count\", result);\r\n\r\n setRowCount(result.count);\r\n setProducts(result.products);\r\n\r\n // dispatch({\r\n // type: \"\",\r\n // column: \"\",\r\n // payload: result.products,\r\n // });\r\n\r\n setLoading(false);\r\n } catch (error) {\r\n setLoading(false);\r\n }\r\n };\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n {loading && (\r\n \r\n \r\n )}\r\n {products?.map((product) => (\r\n \r\n \r\n {customer && props?.productType && (\r\n setCartUpdated(!cartUpdated)}\r\n />\r\n )}\r\n \r\n \r\n ))}\r\n \r\n \r\n \r\n {customer && props.productType && (\r\n \r\n \r\n \r\n
\r\n );\r\n};\r\n\r\nexport default Pos;\r\n","import React, { useState } from \"react\";\r\nimport { Item, Image, Table, Label, Divider } from \"semantic-ui-react\";\r\nimport dayjs from \"dayjs\";\r\nimport numeral from \"numeral\";\r\n\r\nconst PurchaseSummary = (props) => {\r\n const [item] = useState(props?.purchase);\r\n return (\r\n \r\n \r\n
\r\n
\r\n );\r\n};\r\n\r\nexport default PurchaseSummary;\r\n","import React, { useEffect, useState } from \"react\";\r\nimport { Formik, Field } from \"formik\";\r\nimport * as Yup from \"yup\";\r\nimport { Form, Button, TextArea } from \"semantic-ui-react\";\r\nimport DataService from \"../../services/DataService\";\r\nimport { toast } from \"react-toastify\";\r\n\r\n\r\nconst Customer = (props) => {\r\n const [loading, setLoading] = useState(false);\r\n\r\n const [organization, setOrganization] = useState([])\r\n\r\n\r\n useEffect(() => {\r\n fetchData()\r\n }, [])\r\n\r\n const fetchData = async () => {\r\n try {\r\n\r\n setLoading(true)\r\n\r\n let response = await DataService.getData('/customer/getOrganizations')\r\n\r\n setOrganization(response)\r\n\r\n setLoading(false)\r\n\r\n\r\n } catch (error) {\r\n console.log(error);\r\n setLoading(false)\r\n toast.error('error fetching organizations')\r\n }\r\n }\r\n\r\n const schema = Yup.object().shape({\r\n firstname: Yup.string().required(\"Required\"),\r\n lastname: Yup.string().required(\"Required\"),\r\n email: Yup.string().email(\"Invalid Email\").required(\"Required\"),\r\n phoneNumber: Yup.string().required(\"Required\"),\r\n igg: Yup.string().required(\"Required\"),\r\n OrganizationId: Yup.number().required(\"Required\"),\r\n });\r\n\r\n const newItem = {\r\n firstname: \"\",\r\n lastname: \"\",\r\n email: \"\",\r\n phoneNumber: \"\",\r\n igg: \"\",\r\n OrganizationId: 0\r\n };\r\n\r\n const _saveCustomer = async (customer) => {\r\n try {\r\n setLoading(true);\r\n let response = await DataService.postData(\r\n \"/customer/saveCustomer\",\r\n customer\r\n );\r\n\r\n // console.log(`response`, response)\r\n if (response.status) {\r\n props.toggleModal(false);\r\n } else {\r\n toast.error(response.message);\r\n }\r\n\r\n setLoading(false);\r\n } catch (error) {\r\n console.log(\"error\", error);\r\n setLoading(false);\r\n }\r\n };\r\n\r\n return (\r\n \r\n {\r\n _saveCustomer(values);\r\n resetForm();\r\n }}\r\n >\r\n {(props) => {\r\n const {\r\n values,\r\n touched,\r\n errors,\r\n handleChange,\r\n handleSubmit,\r\n resetForm,\r\n } = props;\r\n return (\r\n \r\n );\r\n }}\r\n \r\n
\r\n );\r\n};\r\n\r\nexport default Customer;\r\n","import React from \"react\";\r\nimport { Formik, Field } from \"formik\";\r\nimport * as Yup from \"yup\";\r\nimport { Form, Button, TextArea } from \"semantic-ui-react\";\r\nimport DataService from \"../../services/DataService\";\r\nimport { toast } from \"react-toastify\";\r\n\r\nconst Organization = (props) => {\r\n const [loading, setLoading] = React.useState(false);\r\n\r\n const schema = Yup.object().shape({\r\n name: Yup.string().required(\"Required\"),\r\n loanPercentage : Yup.number().required(\"Required\"),\r\n email: Yup.string().email(\"Invalid Email\").required(\"Required\"),\r\n phone: Yup.string(),\r\n });\r\n\r\n const newItem = {\r\n name: \"\",\r\n email: \"\",\r\n phone: \"\",\r\n loanPercentage : 0\r\n };\r\n\r\n const _saveOrganization = async (organization) => {\r\n try {\r\n setLoading(true);\r\n await DataService.postData(\"/customer/saveOrganization\", organization);\r\n\r\n props.toggleModal(false);\r\n\r\n toast.success('Action completed')\r\n\r\n setLoading(false);\r\n } catch (error) {\r\n console.log(\"error\", error);\r\n setLoading(false);\r\n }\r\n };\r\n\r\n return (\r\n \r\n {\r\n _saveOrganization(values);\r\n resetForm();\r\n }}\r\n >\r\n {(props) => {\r\n const {\r\n values,\r\n touched,\r\n errors,\r\n handleChange,\r\n handleSubmit,\r\n resetForm,\r\n } = props;\r\n return (\r\n \r\n );\r\n }}\r\n \r\n
\r\n );\r\n};\r\n\r\nexport default Organization;\r\n","import React, { useState } from \"react\";\r\nimport { Formik, Field } from \"formik\";\r\nimport * as Yup from \"yup\";\r\nimport {\r\n Form,\r\n Button,\r\n TextArea,\r\n Loader,\r\n Dimmer,\r\n Icon,\r\n} from \"semantic-ui-react\";\r\nimport DataService from \"../../services/DataService\";\r\nimport { useDropzone } from \"react-dropzone\";\r\nimport { toast } from \"react-toastify\";\r\n\r\nconst MemberUpload = (props) => {\r\n // console.log('props', props)\r\n const [user] = React.useState(DataService.fetchUser());\r\n\r\n const [loading, setLoading] = React.useState(false);\r\n const [files, setFiles] = React.useState([]);\r\n\r\n const onDrop = React.useCallback((acceptedFiles) => {\r\n setFiles([...files, ...acceptedFiles]);\r\n }, []);\r\n\r\n const { getRootProps, getInputProps, isDragActive } = useDropzone({\r\n accept:\r\n \"text/csv,application/vnd.ms-excel,application/vnd.openxmlformats-officedocument.spreadsheetml.sheet\",\r\n onDrop,\r\n });\r\n\r\n const schema = Yup.object().shape({\r\n subCategory: Yup.number(),\r\n });\r\n\r\n const newItem = {\r\n location: \"\",\r\n };\r\n\r\n const uploadProducts = async (values) => {\r\n try {\r\n setLoading(true);\r\n\r\n // console.log(\"values\", values);\r\n\r\n let values = { OrganizationId: props.organization?.id };\r\n\r\n let formData = new FormData();\r\n\r\n files.forEach((file, index) => {\r\n formData.append(`file`, file);\r\n });\r\n\r\n //Stringify this or experience pain\r\n formData.append(\"values\", JSON.stringify(values));\r\n\r\n\r\n if (props.generator == true) {\r\n\r\n await DataService.postFormData(\"/generator/excelUploadBeneficiaries\", formData);\r\n setLoading(false);\r\n\r\n props.toggleGeneratorUploadModal(false);\r\n toast.success(`Upload successful`);\r\n } else {\r\n\r\n const { message } = await DataService.postFormData(\"/wallet/excelUploadWallets\", formData);\r\n setLoading(false);\r\n if (message.length > 0) {\r\n props.seterrorList(message)\r\n toast.warn('Some Rows failed')\r\n } else {\r\n props.toggleModal(false);\r\n toast.success(`Upload successful`);\r\n }\r\n }\r\n\r\n\r\n\r\n // fetchData();\r\n } catch (error) {\r\n console.log(\"error\", error);\r\n setLoading(false);\r\n }\r\n };\r\n\r\n return (\r\n \r\n \r\n {(props) => {\r\n const { values, touched, errors, handleChange, handleSubmit } = props;\r\n return (\r\n
\r\n {files.length != 0 && (\r\n \r\n
\r\n )}\r\n {/* {JSON.stringify(files,null,2)} */}\r\n \r\n\r\n \r\n {loading && (\r\n \r\n \r\n )}\r\n\r\n {entries && (\r\n \r\n
\r\n )}\r\n
\r\n );\r\n};\r\n\r\nexport default WalletEntries;\r\n","import React from \"react\";\r\nimport { Formik, Field } from \"formik\";\r\nimport * as Yup from \"yup\";\r\nimport {\r\n Form,\r\n Button,\r\n TextArea,\r\n Loader,\r\n Dimmer,\r\n Icon,\r\n} from \"semantic-ui-react\";\r\nimport DataService from \"../../services/DataService\";\r\nimport { useDropzone } from \"react-dropzone\";\r\nimport { toast } from \"react-toastify\";\r\n\r\nconst WalletUpload = (props) => {\r\n \r\n\r\n const [loading, setLoading] = React.useState(false);\r\n const [files, setFiles] = React.useState([]);\r\n\r\n const onDrop = React.useCallback((acceptedFiles) => {\r\n // Do something with the files\r\n console.log(\"acceptedFiles\", acceptedFiles);\r\n setFiles([...files, ...acceptedFiles]);\r\n }, []);\r\n\r\n const { getRootProps, getInputProps, isDragActive } = useDropzone({\r\n accept:\r\n \"text/csv,application/vnd.ms-excel,application/vnd.openxmlformats-officedocument.spreadsheetml.sheet\",\r\n onDrop,\r\n });\r\n \r\n const uploadWallet = async () => {\r\n try {\r\n setLoading(true)\r\n let formData = new FormData();\r\n \r\n files.forEach((file, index) => {\r\n formData.append(`file`, file);\r\n });\r\n\r\n //Stringify this or experience pain\r\n // formData.append(\"values\", JSON.stringify(values));\r\n\r\n const { message } = await DataService.postFormData(\"/wallet/excelMemberUploadWallets\", formData);\r\n setLoading(false);\r\n if (message.length > 0) {\r\n props.seterrorList(message)\r\n toast.warn('Some Rows failed')\r\n } else {\r\n props.toggleModal(false);\r\n toast.success(`Upload successful`);\r\n }\r\n \r\n } catch (error) {\r\n console.log(\"error\", error);\r\n setLoading(false)\r\n }\r\n };\r\n\r\n return (\r\n \r\n\r\n \r\n \r\n {(props) => {\r\n const { handleSubmit} = props;\r\n return (\r\n
\r\n {files.length != 0 && (\r\n \r\n
\r\n )}\r\n {/* {JSON.stringify(files,null,2)} */}\r\n \r\n\r\n \r\n {\r\n _fundWallet(values);\r\n resetForm();\r\n }}\r\n >\r\n {(props) => {\r\n const {\r\n values,\r\n touched,\r\n errors,\r\n handleChange,\r\n handleSubmit,\r\n resetForm,\r\n } = props;\r\n return (\r\n \r\n );\r\n }}\r\n \r\n
\r\n );\r\n};\r\n\r\nexport default Wallet;\r\n","import React, { useEffect, useState } from \"react\";\r\nimport DataService from \"../../services/DataService\";\r\nimport {\r\n Table,\r\n Dimmer,\r\n Loader,\r\n Button,\r\n Dropdown,\r\n Menu,\r\n Form,\r\n Modal,\r\n Divider,\r\n Label,\r\n Pagination\r\n} from \"semantic-ui-react\";\r\nimport dayjs from \"dayjs\";\r\nimport Customer from \"./Customer\";\r\nimport PastOrders from \"../checkout/PastOrders\";\r\nimport WalletEntries from \"../organizations/WalletEntries\";\r\nimport numeral from \"numeral\";\r\nimport { toast } from \"react-toastify\";\r\nimport WalletUpload from \"./WalletUpload\";\r\nimport Wallet from \"./Wallet\";\r\n\r\nconst CustomerList = (props) => {\r\n const [customers, setCustomers] = React.useState([]);\r\n const [loading, setLoading] = React.useState(false);\r\n const [searchPhrase, setSearchPhrase] = React.useState(null);\r\n const [customerModalState, toggleCustomerModal] = React.useState(false);\r\n const [ordersModalState, toggleOrdersModal] = React.useState(false);\r\n const [txModalState, toggleTxModal] = useState(false);\r\n const [walletModalState, toggleWalletModal] = useState(false);\r\n const [addToWalletState, setAddToWalletModal] = useState(false)\r\n const [errorList, seterrorList] = useState([]);\r\n const [selectedCustomer, setSelectedCustomer] = React.useState(null);\r\n const [offset, setOffset] = useState(0);\r\n const [limit] = useState(50);\r\n const [rowCount, setRowCount] = useState(0);\r\n\r\n\r\n\r\n useEffect(() => {\r\n let isSubscribed = true;\r\n\r\n fetchData();\r\n\r\n return () => (isSubscribed = false);\r\n }, [customerModalState, addToWalletState, offset]);\r\n\r\n const fetchData = async () => {\r\n try {\r\n setLoading(true)\r\n\r\n if (props.members) {\r\n\r\n //organization members\r\n setCustomers(props.members?.response);\r\n setRowCount(props.members?.count)\r\n } else {\r\n // all customers\r\n await loadCustomerList();\r\n }\r\n\r\n setLoading(false);\r\n } catch (error) {\r\n setLoading(false);\r\n }\r\n };\r\n\r\n const loadCustomerList = async () => {\r\n try {\r\n let query = {\r\n offset: offset,\r\n limit: limit,\r\n };\r\n setLoading(true);\r\n let { response, count } = await DataService.getData(\r\n \"/customer/getOrganizationCustomers\",\r\n { ...query }\r\n\r\n );\r\n setCustomers(response);\r\n setRowCount(count)\r\n setLoading(false)\r\n } catch (error) {\r\n setLoading(false);\r\n }\r\n };\r\n\r\n const _searchChanged = (e) => {\r\n setSearchPhrase(e.target.value);\r\n };\r\n\r\n const _search = async () => {\r\n setLoading(true);\r\n try {\r\n\r\n if (searchPhrase) {\r\n let query = {\r\n offset: offset,\r\n limit: limit,\r\n };\r\n let searchPhrases = searchPhrase.trimStart()\r\n let { response, count } = await DataService.getData(`/customer/search/`, {\r\n searchPhrase: searchPhrases,\r\n ...query\r\n });\r\n setLoading(false);\r\n setCustomers(response);\r\n setRowCount(count)\r\n } else {\r\n // result = await DataService.getData(\"/customer\");\r\n }\r\n\r\n } catch (error) {\r\n console.log(\"error\", error);\r\n setLoading(false);\r\n }\r\n };\r\n\r\n const _deleteItem = async (item) => {\r\n try {\r\n setLoading(true);\r\n\r\n await DataService.postData(`/customer/deleteCustomer`, {\r\n id: item.id,\r\n });\r\n\r\n toast.success(\"Action completed\");\r\n\r\n fetchData();\r\n\r\n setLoading(false);\r\n } catch (error) {\r\n console.log(\"error\", error);\r\n toast.error(\"Error completing action\");\r\n setLoading(false);\r\n }\r\n };\r\n\r\n const _lockWallet = async (item) => {\r\n try {\r\n setLoading(true);\r\n\r\n // console.log(`item.walletLocked`, item.walletLocked);\r\n\r\n if (item.walletLocked) {\r\n await DataService.postData(`/wallet/unLockWallet`, {\r\n appUserId: item.id,\r\n });\r\n } else {\r\n await DataService.postData(`/wallet/lockWallet`, {\r\n appUserId: item.id,\r\n });\r\n }\r\n\r\n toast.success(\"Action completed\");\r\n\r\n await loadCustomerList();\r\n\r\n setLoading(false);\r\n } catch (error) {\r\n console.log(\"error\", error);\r\n toast.error(\"Error completing action\");\r\n setLoading(false);\r\n }\r\n };\r\n\r\n\r\n\r\n const createWallet = async (item) => {\r\n try {\r\n setLoading(true);\r\n\r\n if (!item.walletId) {\r\n await DataService.postData(`/wallet/createWallet`, {\r\n AppUserId: item.id,\r\n });\r\n }\r\n toast.success(\"Action completed\");\r\n\r\n await loadCustomerList();\r\n\r\n setLoading(false);\r\n } catch (error) {\r\n\r\n toast.error(\"Error completing action\");\r\n setLoading(false);\r\n }\r\n };\r\n\r\n\r\n const resetPassword = async (item) => {\r\n try {\r\n setLoading(true);\r\n\r\n await DataService.postData(`/customer/resetPassword`, {\r\n id: item.id,\r\n });\r\n\r\n fetchData();\r\n\r\n setLoading(false);\r\n } catch (error) {\r\n console.log(\"error\", error);\r\n setLoading(false);\r\n }\r\n };\r\n\r\n const customerItems = customers?.map((item, index) => (\r\n \r\n {loading && (\r\n \r\n Fetching customers ..... \r\n \r\n )}\r\n\r\n {/* don't show create button if view members of an organization - yet */}\r\n {!props.members && (\r\n \r\n )}\r\n\r\n {customers && (\r\n \r\n
\r\n )}\r\n \r\n setOffset(1 + (activePage - 1) * limit)\r\n }\r\n />\r\n toggleWalletModal(false)}\r\n closeIcon\r\n >\r\n Bulk Wallet Upload \r\n \r\n {errorList.length == 0 && ( \r\n \r\n toggleCustomerModal(false)}\r\n closeIcon\r\n >\r\n Customer \r\n \r\n \r\n \r\n\r\n toggleOrdersModal(false)}\r\n closeIcon\r\n >\r\n {/* Exhibition Orders */}\r\n \r\n \r\n \r\n\r\n toggleTxModal(false)}\r\n closeIcon\r\n >\r\n {selectedCustomer?.name} \r\n \r\n \r\n \r\n\r\n setAddToWalletModal(false)}\r\n closeIcon\r\n >\r\n Add Funds To Wallet \r\n \r\n \r\n \r\n\r\n
\r\n );\r\n};\r\n\r\nexport default CustomerList;\r\n","import React , {useState} from \"react\";\r\nimport { Formik, Field } from \"formik\";\r\nimport * as Yup from \"yup\";\r\nimport { Form, Button, TextArea } from \"semantic-ui-react\";\r\nimport DataService from \"../../services/DataService\";\r\n\r\nconst Category = (props) => {\r\n const [loading, setLoading] = useState(false);\r\n const schema = Yup.object().shape({\r\n name: Yup.string().required(\"Required\"),\r\n pictureUrl: Yup.string().required(\"Required\"),\r\n commissionPercentage: Yup.number().nullable(),\r\n commissionAmount: Yup.number().nullable(),\r\n enabled : Yup.boolean().required('Required')\r\n });\r\n\r\n const newItem = {\r\n name: \"\",\r\n pictureUrl: \"\",\r\n commissionPercentage: 0,\r\n commissionAmount: 0,\r\n enabled : false\r\n };\r\n\r\n const _saveCategory = async (category) => {\r\n try {\r\n setLoading(true);\r\n await DataService.postData(\"/category/saveCategory\", category);\r\n props.toggleModal(false);\r\n // fetchData();\r\n } catch (error) {\r\n console.log(\"error\", error);\r\n setLoading(false);\r\n }\r\n };\r\n\r\n return (\r\n \r\n seterrorList([])}\r\n />\r\n
\r\n\r\n )}\r\n Errors
\r\n- \r\n {errorList.map((err, index) => (\r\n
- \r\n Row {err.row}: {err.error}\r\n \r\n ))}\r\n
\r\n \r\n {(props) => {\r\n const { values, touched, errors, handleChange, handleSubmit } = props;\r\n return (\r\n \r\n );\r\n }}\r\n \r\n
\r\n );\r\n};\r\n\r\nexport default Category;\r\n","import React from \"react\";\r\nimport { Formik, Field } from \"formik\";\r\nimport * as Yup from \"yup\";\r\nimport { Form, Button, TextArea } from \"semantic-ui-react\";\r\nimport DataService from \"../../services/DataService\";\r\n\r\nconst SubCategory = (props) => {\r\n const [loading, setLoading] = React.useState(false);\r\n\r\n const schema = Yup.object().shape({\r\n name: Yup.string().required(\"Required\"),\r\n });\r\n\r\n const newItem = {\r\n name: \"\",\r\n };\r\n\r\n const _saveCategory = async (values) => {\r\n\r\n try {\r\n setLoading(true);\r\n await DataService.postData(\"/category/saveSubCategory\", {\r\n CategoryId: props.category?.id,\r\n ...values,\r\n });\r\n\r\n props.toggleModal(false);\r\n \r\n } catch (error) {\r\n console.log(\"error\", error);\r\n setLoading(false);\r\n }\r\n };\r\n\r\n return (\r\n \r\n \r\n {(props) => {\r\n const { values, touched, errors, handleChange, handleSubmit } = props;\r\n return (\r\n \r\n );\r\n }}\r\n \r\n
\r\n );\r\n};\r\n\r\nexport default SubCategory;\r\n","import React, { useState, useEffect } from \"react\";\r\nimport DataService from \"../../services/DataService\";\r\nimport {\r\n Grid,\r\n Dropdown,\r\n Segment,\r\n Button,\r\n Modal,\r\n Dimmer,\r\n Accordion,\r\n Menu,\r\n Loader,\r\n Divider,\r\n} from \"semantic-ui-react\";\r\nimport Category from \"./Category\";\r\nimport SubCategory from \"./SubCategory\";\r\n\r\nconst CategoryAdmin = (props) => {\r\n const [loading, setLoading] = useState(false);\r\n const [categories, setCategories] = useState([]);\r\n const [category, setCategory] = useState(null);\r\n const [subCategory, setSubCategory] = useState(null);\r\n const [activeIndex, setActiveIndex] = useState(null);\r\n\r\n const [categoryModalState, toggleCategoryModal] = useState(false);\r\n const [subCategoryModalState, toggleSubCategoryModal] = useState(false);\r\n\r\n useEffect(() => {\r\n let isSubscribed = true;\r\n\r\n fetchData();\r\n return () => (isSubscribed = false);\r\n }, [categoryModalState, subCategoryModalState]);\r\n\r\n const fetchData = async () => {\r\n try {\r\n setLoading(true);\r\n let result = await DataService.getData(\"/category/getAllCategories\");\r\n\r\n // console.log(\"result\", result);\r\n\r\n setCategories(result);\r\n\r\n setLoading(false);\r\n } catch (error) {\r\n setLoading(false);\r\n }\r\n };\r\n\r\n const openCategoryModal = async (item) => {\r\n try {\r\n // console.log('item', item)\r\n setCategory(item);\r\n toggleCategoryModal(true);\r\n } catch (error) {\r\n console.log(\"error\", error);\r\n }\r\n };\r\n\r\n const openSubCategoryModal = async (sub, cat) => {\r\n try {\r\n // console.log('item', item)\r\n setSubCategory(sub);\r\n setCategory(cat);\r\n toggleSubCategoryModal(true);\r\n } catch (error) {\r\n console.log(\"error\", error);\r\n }\r\n };\r\n\r\n const deleteCategory = async (item) => {\r\n try {\r\n setLoading(true);\r\n\r\n await DataService.postData(`/category/deleteCategory`, {\r\n id: item.id,\r\n });\r\n\r\n fetchData();\r\n\r\n setLoading(false);\r\n } catch (error) {\r\n console.log(\"error\", error);\r\n setLoading(false);\r\n }\r\n };\r\n\r\n const deleteSubCategory = async (item) => {\r\n try {\r\n setLoading(true);\r\n\r\n await DataService.postData(`/category/deleteSubCategory`, {\r\n id: item.id,\r\n });\r\n\r\n fetchData();\r\n\r\n setLoading(false);\r\n } catch (error) {\r\n console.log(\"error\", error);\r\n setLoading(false);\r\n }\r\n };\r\n\r\n\r\n\r\n const handleClick = (index) => {\r\n const newIndex = activeIndex === index ? -1 : index\r\n setActiveIndex(newIndex)\r\n }\r\n\r\n\r\n\r\n return (\r\n \r\n {loading && (\r\n \r\n \r\n )}\r\n \r\n {categories?.map((item, index) =>\r\n\r\n {subcategories.name}
} />\r\n \r\n )}\r\n \r\n \r\n \r\n\r\n )}\r\n\r\n\r\n \r\n \r\n \r\n {item.name}\r\n\r\n \r\n \r\n\r\n
}\r\n index={index}\r\n onClick={() => handleClick(index)}\r\n />\r\n\r\n {item.SubCategories?.map((subcategories) =>\r\n <>\r\n {activeIndex === index && Percentage(%) {item.commissionPercentage}
\r\n Amount {item.commissionAmount}
\r\n\r\n \r\n {loading && (\r\n \r\n fetching organisations ..... \r\n \r\n )}\r\n\r\n \r\n\r\n {organizations && (\r\n \r\n
\r\n )}\r\n\r\n toggleOrganizationModal(false)}\r\n closeIcon\r\n >\r\n Organization \r\n \r\n \r\n \r\n\r\n toggleMembersModal(false)}\r\n closeIcon\r\n >\r\n \r\n \r\n \r\n\r\n {/* toggleMembersModal(false)}\r\n closeIcon\r\n >\r\n \r\n \r\n
\r\n \r\n */}\r\n\r\n toggleUploadModal(false)}\r\n closeIcon\r\n >\r\n Batch Upload \r\n \r\n {errorList.length == 0 && ( \r\n \r\n\r\n toggleMemberModal(false)}\r\n closeIcon\r\n >\r\n {selectedOrganization?.name} \r\n \r\n {/* {\r\n toggleMemberModal(false);\r\n toggleMembersModal(false);\r\n toast.success(\"Action completed\");\r\n }}\r\n customer={selectedMember}\r\n />\r\n \r\n \r\n\r\n toggleTxModal(false)}\r\n closeIcon\r\n >\r\n {selectedMember?.name} \r\n \r\n \r\n \r\n
\r\n );\r\n};\r\n\r\nexport default OrganizationList;\r\n","import React, { useState } from \"react\";\r\n\r\nimport Chart from \"chart.js\";\r\nimport DataService from \"../../services/DataService\";\r\nimport { randomColor } from \"../../utils/util\";\r\nimport numeral from \"numeral\";\r\nimport moment from \"moment\";\r\nimport { ReportContext } from \"./Dashboard\";\r\nconst SalesbyStatus = (props) => {\r\n\r\n const reportCtx = React.useContext(ReportContext)\r\n const [loading, setLoading] = useState(false);\r\n const canvasRef = React.useRef(null);\r\n\r\n\r\n let labels = [];\r\n let dataSet = [];\r\n let colors = [];\r\n\r\n React.useEffect(() => {\r\n let isMounted = true;\r\n\r\n const fetchData = async () => {\r\n try {\r\n setLoading(true);\r\n let response = await DataService.getData(\"/analytics/salesByStatus\", {\r\n productTypeId: props?.productTypeId,\r\n startDate : reportCtx.startDate,\r\n endDate : reportCtx.endDate\r\n });\r\n\r\n // console.log('response', response)\r\n\r\n for (const item of response) {\r\n labels.push(\r\n `${item.taskStatus}: ₦${numeral(item.group_sum).format(\"0,0\")}`\r\n );\r\n dataSet.push(item.count);\r\n colors.push(randomColor());\r\n }\r\n\r\n if (isMounted) {\r\n createChart();\r\n }\r\n\r\n setLoading(false);\r\n } catch (error) {\r\n setLoading(false);\r\n }\r\n };\r\n createChart().destroy()\r\n fetchData();\r\n\r\n return () => (isMounted = false);\r\n }, [props?.productTypeId,reportCtx.endDate]);\r\n\r\n const createChart = () => {\r\n var myChart = new Chart(canvasRef.current, {\r\n type: \"doughnut\",\r\n data: {\r\n labels: labels,\r\n datasets: [\r\n {\r\n label: \"Order Status\",\r\n data: dataSet,\r\n backgroundColor: colors,\r\n borderWidth: 1,\r\n },\r\n ],\r\n },\r\n options: {\r\n legend: {\r\n position: \"right\",\r\n },\r\n },\r\n });\r\n \r\n return myChart\r\n };\r\n\r\n return (\r\n \r\n seterrorList([])}\r\n />\r\n
\r\n\r\n )}\r\n Errors
\r\n- \r\n {errorList.map((err, index) => (\r\n
- \r\n Row {err.row}: {err.error}\r\n \r\n ))}\r\n
\r\n {\" \"}\r\n
\r\n );\r\n};\r\n\r\nexport default SalesbyStatus;\r\n","import React, { useState,useContext,useEffect ,useRef} from \"react\";\r\n\r\nimport Chart from \"chart.js\";\r\nimport DataService from \"../../services/DataService\";\r\nimport { randomColor } from \"../../utils/util\";\r\nimport numeral from \"numeral\";\r\nimport moment from 'moment'\r\nimport { ReportContext } from \"./Dashboard\";\r\nconst SalesByPaymentMode = (props) => {\r\n\r\n const reportCtx = useContext(ReportContext)\r\n\r\n const [loading, setLoading] = useState(false);\r\n const canvasRef = useRef(null);\r\n const [total, setTotal] = useState(0)\r\n\r\n\r\n\r\n let labels = [];\r\n let dataSet = [];\r\n let colors = [];\r\n\r\n useEffect(() => {\r\n let isMounted = true;\r\n\r\n const fetchData = async () => {\r\n try {\r\n setLoading(true);\r\n let response = await DataService.getData(\r\n \"/analytics/salesByPaymentMode\",\r\n {\r\n productTypeId: props?.productTypeId,\r\n startDate: reportCtx.startDate,\r\n endDate: reportCtx.endDate\r\n }\r\n );\r\n\r\n\r\n for (const item of response) {\r\n labels.push(`${item.mode}: ₦${numeral(item.sum).format(\"0,0\")}`);\r\n dataSet.push(item.count);\r\n colors.push(randomColor());\r\n }\r\n\r\n if (isMounted) {\r\n createChart();\r\n }\r\n \r\n setTotal(response.reduce((a,b) => a + Number(b.sum), 0))\r\n setLoading(false);\r\n } catch (error) {\r\n setLoading(false);\r\n }\r\n };\r\n //createChart().destroy()\r\n fetchData();\r\n\r\n return () => (isMounted = false);\r\n }, [props?.productTypeId, reportCtx.endDate]);\r\n\r\n const createChart = () => {\r\n var myChart = new Chart(canvasRef.current, {\r\n type: \"doughnut\",\r\n data: {\r\n labels: labels,\r\n datasets: [\r\n {\r\n label: \"Order Status\",\r\n data: dataSet,\r\n backgroundColor: colors,\r\n borderWidth: 1,\r\n },\r\n ],\r\n },\r\n options: {\r\n legend: {\r\n position: \"right\",\r\n },\r\n },\r\n });\r\n };\r\n\r\n return (\r\n \r\n \r\n
\r\n \r\n {\" \"}\r\n
\r\n );\r\n};\r\n\r\nexport default SalesByPaymentMode;\r\n","import React, { useState } from \"react\";\r\n\r\nimport Chart from \"chart.js\";\r\nimport DataService from \"../../services/DataService\";\r\nimport { randomColor } from \"../../utils/util\";\r\nimport numeral from \"numeral\";\r\nimport moment from \"moment\";\r\nimport { ReportContext } from \"./Dashboard\";\r\n\r\nconst WeeklySales = (props) => {\r\n const reportCtx = React.useContext(ReportContext)\r\n const [loading, setLoading] = useState(false);\r\n const canvasRef = React.useRef(null);\r\n\r\n let labels = [];\r\n let dataSet = [];\r\n let colors = [];\r\n\r\n React.useEffect(() => {\r\n let isMounted = true;\r\n\r\n const fetchData = async () => {\r\n try {\r\n setLoading(true);\r\n let response = await DataService.getData(\"/analytics/weeklySales\",{\r\n productTypeId: props?.productTypeId,\r\n startDate : reportCtx.startDate,\r\n endDate : reportCtx.endDate\r\n\r\n });\r\n\r\n //console.log('response', response)\r\n\r\n for (const item of response) {\r\n labels.push(\r\n `${item.taskStatus}: ₦${numeral(item.group_sum).format(\"0,0\")}`\r\n );\r\n dataSet.push(item.count);\r\n colors.push(randomColor());\r\n }\r\n\r\n if (isMounted) {\r\n createChart();\r\n }\r\n\r\n setLoading(false);\r\n } catch (error) {\r\n setLoading(false);\r\n }\r\n };\r\n //createChart().destroy()\r\n fetchData();\r\n\r\n return () => (isMounted = false);\r\n }, [props?.productTypeId,reportCtx.endDate]);\r\n\r\n const createChart = () => {\r\n var myChart = new Chart(canvasRef.current, {\r\n type: \"bar\",\r\n data: {\r\n // labels: [\r\n // \"Week 1\",\r\n // \"Week 2\",\r\n // \"Week 3\",\r\n // \"Week 4\",\r\n // \"Week 5\",\r\n // \"Week 6\",\r\n // ],\r\n labels : labels,\r\n datasets: [\r\n {\r\n // label: \"Weekly Sales\",\r\n label : \"Sales Count\",\r\n // data: [12, 19, 3, 5, 2, 3],\r\n data : dataSet,\r\n backgroundColor: [\r\n \"rgba(255, 99, 132, 0.2)\",\r\n \"rgba(54, 162, 235, 0.2)\",\r\n \"rgba(255, 206, 86, 0.2)\",\r\n \"rgba(75, 192, 192, 0.2)\",\r\n \"rgba(153, 102, 255, 0.2)\",\r\n \"rgba(255, 159, 64, 0.2)\",\r\n ],\r\n borderColor: [\r\n \"rgba(255, 99, 132, 1)\",\r\n \"rgba(54, 162, 235, 1)\",\r\n \"rgba(255, 206, 86, 1)\",\r\n \"rgba(75, 192, 192, 1)\",\r\n \"rgba(153, 102, 255, 1)\",\r\n \"rgba(255, 159, 64, 1)\",\r\n ],\r\n borderWidth: 1,\r\n },\r\n ],\r\n },\r\n options: {\r\n scales: {\r\n yAxes: [\r\n {\r\n ticks: {\r\n beginAtZero: true,\r\n },\r\n },\r\n ],\r\n },\r\n },\r\n });\r\n };\r\n\r\n return (\r\n \r\n \r\n Total Sales {`₦${numeral(total).format(\"0,0\")}`} from {reportCtx.startDate} to {reportCtx.endDate}\r\n \r\n
\r\n \r\n {\" \"}\r\n
\r\n );\r\n};\r\n\r\nexport default WeeklySales;\r\n","import React, { useState, useEffect, createContext, useContext } from \"react\";\r\nimport SalesbyStatus from \"./SalesByStatus\";\r\nimport SalesByPaymentMode from \"./SalesByPaymentMode\";\r\nimport { Button, Card, Dimmer, Loader, Input, Label, Select, Dropdown } from \"semantic-ui-react\";\r\nimport DataService from \"../../services/DataService\";\r\nimport { BackendContext } from \"../auth/LandingContainer\";\r\nimport moment from 'moment'\r\nimport WeeklySales from \"./WeeklySales\";\r\nimport { toast } from \"react-toastify\";\r\n\r\n\r\nexport const ReportContext = createContext({\r\n startDate: '',\r\n endDate: ''\r\n})\r\n\r\nconst Dashboard = () => {\r\n const backendContext = useContext(BackendContext);\r\n\r\n let productType = backendContext.backendState?.productType?.id\r\n\r\n const [productTypeId, setProductType] = useState(1);\r\n let date = new Date()\r\n\r\n const [loading, setLoading] = useState(false);\r\n const [igg, setIgg] = useState(null);\r\n const [startDate, handleStartDate] = useState({\r\n customersPurchase: moment(`${date.getFullYear()}-${date.getMonth() + 1}-1`).format('YYYY-MM-DD'),\r\n cooperatorPurchase: moment(`${date.getFullYear()}-${date.getMonth() + 1}-1`).format('YYYY-MM-DD'),\r\n contractorPurchae: moment(`${date.getFullYear()}-${date.getMonth() + 1}-1`).format('YYYY-MM-DD'),\r\n vendorSalesReport: moment(`${date.getFullYear()}-${date.getMonth() + 1}-1`).format('YYYY-MM-DD'),\r\n summaryReport: moment(`${date.getFullYear()}-${date.getMonth() + 1}-1`).format('YYYY-MM-DD'),\r\n viewReport: moment(`${date.getFullYear()}-${date.getMonth() + 1}-1`).format('YYYY-MM-DD'),\r\n customerReport: moment(`${date.getFullYear()}-${date.getMonth() + 1}-1`).format('YYYY-MM-DD')\r\n\r\n })\r\n const [endDate, handleEndDate] = useState({\r\n customersPurchase: moment().format('YYYY-MM-DD'),\r\n cooperatorPurchase: moment().format('YYYY-MM-DD'),\r\n contractorPurchae: moment().format('YYYY-MM-DD'),\r\n vendorSalesReport: moment().format('YYYY-MM-DD'),\r\n summaryReport: moment().format('YYYY-MM-DD'),\r\n viewReport: moment().format('YYYY-MM-DD'),\r\n customerReport: moment().format('YYYY-MM-DD')\r\n\r\n })\r\n\r\n\r\n\r\n\r\n const handleExcel = async (url,start, end) => {\r\n try {\r\n await DataService.downloadfile(url, {\r\n startDate: start,\r\n endDate: end,\r\n productTypeId: productTypeId\r\n }\r\n\r\n )\r\n toast.success('completed')\r\n\r\n } catch (error) {\r\n console.log(error);\r\n toast.warn(error)\r\n }\r\n }\r\n\r\n\r\n const handlePdf = async (igg) => {\r\n try {\r\n setLoading(true)\r\n await DataService.downloadfile('/analytics/customerPdfReport', {\r\n startDate: startDate.customerReport,\r\n endDate: endDate.customerReport,\r\n igg: igg\r\n }\r\n\r\n )\r\n\r\n toast.success('Download Completed')\r\n setLoading(false)\r\n\r\n } catch (error) {\r\n setLoading(false)\r\n toast.warn(error)\r\n\r\n }\r\n }\r\n\r\n const Ids = [\r\n { value: 5, text: 'Mart' },\r\n { value: 1, text: 'Commerce' },\r\n { value: 2, text: 'Diesel' },\r\n { value: 3, text: 'Lubricant' },\r\n { value: 4, text: 'Laundry' },\r\n // { value: 6, text: 'Lube Bay' },\r\n // { value: 7, text: 'Guest House' },\r\n\r\n ]\r\n\r\n const handle = (productId) => {\r\n if (productId) {\r\n setProductType(productId)\r\n } else {\r\n setProductType(backendContext.backendState?.productType?.id)\r\n }\r\n }\r\n let value = {\r\n startDate: startDate.viewReport,\r\n endDate: endDate.viewReport\r\n\r\n }\r\n\r\n return (\r\n \r\n \r\n
\r\n \r\n {loading && (\r\n \r\n please wait ... \r\n \r\n )}\r\n \r\n \r\n \r\n \r\n Total Sales by Status \r\n \r\n \r\n \r\n \r\n Total Sales by Payment Mode \r\n \r\n \r\n \r\n \r\n {/* Total Sales by Week */}\r\n Report Count \r\n \r\n \r\n \r\n \r\n \r\n \r\n {/* */}\r\n */}\r\n \r\n {/* space */}\r\n \r\n \r\n handleStartDate({ ...startDate, summaryReport: e.target.value })}\r\n value={startDate.summaryReport}\r\n min='2020-01-01'\r\n max='2050-12-31'\r\n />\r\n \r\n handleEndDate({ ...endDate, summaryReport: e.target.value })}\r\n value={endDate.summaryReport}\r\n\r\n min='2020-01-01'\r\n max='2050-12-31'\r\n />\r\n\r\n \r\n\r\n\r\n\r\n \r\n\r\n {/* space */}\r\n \r\n \r\n handleStartDate({ ...startDate, customersPurchase: e.target.value })}\r\n value={startDate.customersPurchase}\r\n min='2020-01-01'\r\n max='2050-12-31'\r\n />\r\n \r\n handleEndDate({ ...endDate, customersPurchase: e.target.value })}\r\n value={endDate.customersPurchase}\r\n\r\n min='2020-01-01'\r\n max='2050-12-31'\r\n />\r\n \r\n\r\n\r\n \r\n\r\n \r\n \r\n handleStartDate({ ...startDate, customerReport: e.target.value })}\r\n value={startDate.customerReport}\r\n min='2020-01-01'\r\n max='2050-12-31'\r\n />\r\n \r\n handleEndDate({ ...endDate, customerReport: e.target.value })}\r\n value={endDate.customerReport}\r\n min='2020-01-01'\r\n max='2050-12-31'\r\n />\r\n\r\n setIgg(e.target.value)} />\r\n \r\n\r\n\r\n \r\n \r\n\r\n \r\n \r\n \r\n handleStartDate({ ...startDate, cooperatorPurchase: e.target.value })}\r\n value={startDate.cooperatorPurchase}\r\n min='2020-01-01'\r\n max='2050-12-31'\r\n />\r\n \r\n handleEndDate({ ...endDate, cooperatorPurchase: e.target.value })}\r\n value={endDate.cooperatorPurchase}\r\n\r\n min='2020-01-01'\r\n max='2050-12-31'\r\n />\r\n \r\n\r\n \r\n \r\n \r\n handleStartDate({ ...startDate, contractorPurchae: e.target.value })}\r\n value={startDate.contractorPurchae}\r\n min='2020-01-01'\r\n max='2050-12-31'\r\n />\r\n \r\n handleEndDate({ ...endDate, contractorPurchae: e.target.value })}\r\n value={endDate.contractorPurchae}\r\n\r\n min='2020-01-01'\r\n max='2050-12-31'\r\n />\r\n \r\n \r\n\r\n \r\n \r\n handleStartDate({ ...startDate, vendorSalesReport: e.target.value })}\r\n value={startDate.vendorSalesReport}\r\n min='2020-01-01'\r\n max='2050-12-31'\r\n />\r\n \r\n handleEndDate({ ...endDate, vendorSalesReport: e.target.value })}\r\n value={endDate.vendorSalesReport}\r\n\r\n min='2020-01-01'\r\n max='2050-12-31'\r\n />\r\n \r\n \r\n \r\n
\r\n );\r\n};\r\n\r\nexport default Dashboard;\r\n","import React, { useState } from \"react\";\r\nimport { Item, Image, Table, Label } from \"semantic-ui-react\";\r\nimport dayjs from \"dayjs\";\r\nimport numeral from \"numeral\";\r\n\r\n// amount: 1025225\r\n// authorization: {authorization_code: 'AUTH_eh16ejwyls', bin: '408408', last4: '4081', exp_month: '12', exp_year: '2030', …}\r\n// channel: \"card\"\r\n// createdAt: \"2022-06-22T15:11:42.000Z\"\r\n// created_at: \"2022-06-22T15:11:42.000Z\"\r\n// currency: \"NGN\"\r\n// customer: {id: 84399932, first_name: '', last_name: '', email: 'emmanuel.okon@totalupstreamng.coop', customer_code: 'CUS_hq0svf05fygksq4', …}\r\n// domain: \"test\"\r\n// fees: 25379\r\n// fees_breakdown: null\r\n// fees_split: null\r\n// gateway_response: \"Successful\"\r\n// id: 1903450284\r\n// ip_address: \"102.89.46.5\"\r\n// log: {start_time: 1655910703, time_spent: 16, attempts: 1, errors: 0, success: true, …}\r\n// message: null\r\n// metadata: {custom_fields: Array(1), referrer: 'http://localhost:3000/home/commerce/cart'}\r\n// order_id: null\r\n// paidAt: \"2022-06-22T15:11:58.000Z\"\r\n// paid_at: \"2022-06-22T15:11:58.000Z\"\r\n// plan: null\r\n// plan_object: {}\r\n// pos_transaction_data: null\r\n// reference: \"T972029550440711\"\r\n// requested_amount: 1025225\r\n// source: null\r\n// split: {}\r\n// status: \"success\"\r\n// subaccount: {}\r\n// transaction_date: \"2022-06-22T15:11:42.000Z\"\r\nconst PaystackDetails = (props) => {\r\n const [item] = useState(props?.receipt);\r\n return (\r\n \r\n \r\n
\r\n
\r\n );\r\n};\r\n\r\nexport default PaystackDetails;\r\n","import React, { useState, useReducer } from \"react\";\r\n\r\nimport DataService from \"../../services/DataService\";\r\nimport {\r\n Table,\r\n Dimmer,\r\n Loader,\r\n Button,\r\n Dropdown,\r\n Menu,\r\n Form,\r\n Modal,\r\n Image,\r\n Label,\r\n Checkbox,\r\n Pagination,\r\n} from \"semantic-ui-react\";\r\nimport dayjs from \"dayjs\";\r\nimport Product from \"../products/Product\";\r\nimport numeral from \"numeral\";\r\nimport { sortReducer } from \"../../components/SortReducer\";\r\nimport { toast } from \"react-toastify\";\r\nimport OrderDetails from \"./OrderDetails\";\r\nimport PaystackDetails from './Paystack'\r\nimport PastOrders from \"../checkout/PastOrders\";\r\nimport { Link } from \"react-router-dom\";\r\nimport { BackendContext } from \"../auth/LandingContainer\";\r\n\r\n//TODO: DEPRECATE\r\nconst VendorOrdersAdmin = (props) => {\r\n const [user] = React.useState(DataService.fetchUser());\r\n\r\n \r\n const backendContext = React.useContext(BackendContext);\r\n\r\n let productType = backendContext.backendState?.productType\r\n\r\n\r\n const [orderModalState, toggleOrderModal] = React.useState(false);\r\n const [paystackModalState, togglePaystackModal] = React.useState(false);\r\n const [selectedOrder, setSelectedOrder] = React.useState(null);\r\n\r\n const [products, setProducts] = React.useState([]);\r\n const [loading, setLoading] = React.useState(false);\r\n const [searchPhrase, setSearchPhrase] = React.useState(null);\r\n const [productModalState, toggleProductModal] = React.useState(false);\r\n\r\n const [selectedProduct, setSelectedProduct] = React.useState(null);\r\n\r\n const [ordersModalState, toggleOrdersModal] = React.useState(false);\r\n const [selectedCustomer, setSelectedCustomer] = React.useState(null);\r\n const [response,setResponse] = React.useState(null)\r\n\r\n const [offset, setOffset] = useState(0);\r\n const [limit] = useState(50);\r\n const [rowCount, setRowCount] = useState(0);\r\n\r\n const [state, dispatch] = useReducer(sortReducer, {\r\n column: null,\r\n data: null,\r\n direction: null,\r\n });\r\n const { column, data, direction } = state;\r\n\r\n React.useEffect(() => {\r\n let isSubscribed = true;\r\n\r\n fetchData();\r\n\r\n //clear the selected product if modal is closed\r\n if (!productModalState) {\r\n setSelectedProduct(null);\r\n }\r\n\r\n //clear the selected order if modal is closed\r\n if (!orderModalState) {\r\n setSelectedOrder(null);\r\n }\r\n if(!paystackModalState){\r\n setResponse(null)\r\n }\r\n return () => (isSubscribed = false);\r\n }, [productModalState, offset, backendContext.backendState]);\r\n\r\n const fetchData = async () => {\r\n try {\r\n setLoading(true);\r\n\r\n let result = null;\r\n\r\n let query = {\r\n offset: offset,\r\n limit: limit,\r\n };\r\n\r\n if (user?.group?.includes(\"VENDOR\") || props.vendor) {\r\n result = await DataService.getData(\"/checkout/getOrdersForVendor\", {\r\n ...query,\r\n vendorId: props.vendor?.id,\r\n });\r\n } else {\r\n if (productType) {\r\n result = await DataService.getData(\"/order/getAllOrders\", {\r\n ...query,\r\n productTypeId: productType.id,\r\n });\r\n }\r\n }\r\n\r\n // setProducts(result);\r\n\r\n setRowCount(result.count);\r\n\r\n dispatch({\r\n type: \"\",\r\n column: \"\",\r\n payload: result.orders,\r\n });\r\n\r\n setLoading(false);\r\n } catch (error) {\r\n setLoading(false);\r\n }\r\n };\r\n\r\n const _searchChanged = (e) => {\r\n setSearchPhrase(e.target.value);\r\n };\r\n\r\n const _search = async () => {\r\n setLoading(true);\r\n try {\r\n let result = [];\r\n if (searchPhrase) {\r\n let searchPhrases = searchPhrase.trimStart()\r\n result = await DataService.getData(`/order/searchOrders`,{\r\n searchPhrase : searchPhrases,\r\n productTypeId: productType.id,\r\n\r\n });\r\n } else {\r\n result = await DataService.getData(\"/product\");\r\n }\r\n setLoading(false);\r\n //setProducts(result);\r\n setRowCount(result.count);\r\n dispatch({\r\n type: \"\",\r\n column: \"\",\r\n payload: result.orders,\r\n });\r\n\r\n } catch (error) {\r\n console.log(\"error\", error);\r\n setLoading(false);\r\n }\r\n };\r\n\r\n const checkPayment = async (item) => {\r\n try {\r\n if (item.Purchase?.paymentMode === \"DIRECT_TRANSFER\") {\r\n setLoading(true);\r\n let response = await DataService.postData(\r\n `/checkout/checkPayment`,\r\n item\r\n );\r\n\r\n // console.log(\"reponse\", response);\r\n\r\n var win = window.open(response?.location, \"_blank\");\r\n win.focus();\r\n\r\n setLoading(false);\r\n }else if (item.Purchase?.paymentMode === \"PAYSTACK\"){\r\n try {\r\n setLoading(true);\r\n let response = await DataService.getData(\r\n `/checkout/verifyPaystackPayment/`,\r\n {reference : item.Purchase?.payReference}\r\n );\r\n console.log(response);\r\n setResponse(response)\r\n togglePaystackModal(true)\r\n setLoading(false);\r\n \r\n } catch (error) {\r\n toast.error(\"Error completing action\");\r\n setLoading(false);\r\n }\r\n \r\n }\r\n } catch (error) {\r\n console.log(\"error\", error);\r\n setLoading(false);\r\n }\r\n };\r\n\r\n const deliverOrder = async (item) => {\r\n try {\r\n setLoading(true);\r\n await DataService.postData(`/checkout/deliverOrder`, item);\r\n toast.success(\"Action completed\");\r\n fetchData();\r\n } catch (error) {\r\n console.log(\"error\", error);\r\n setLoading(false);\r\n }\r\n };\r\n\r\n const approveOrder = async (item) => {\r\n try {\r\n setLoading(true);\r\n await DataService.postData(`/checkout/approveOrder`, item);\r\n toast.success(\"Action completed\");\r\n fetchData();\r\n } catch (error) {\r\n console.log(\"error\", error);\r\n setLoading(false);\r\n }\r\n };\r\n\r\n const disapproveOrder = async (item) => {\r\n try {\r\n setLoading(true);\r\n let response = await DataService.postData(\r\n `/checkout/disapproveOrder`,\r\n item\r\n );\r\n console.log(\"response\", response);\r\n toast.success(\"Action completed\");\r\n fetchData();\r\n } catch (error) {\r\n console.log(\"error\", error);\r\n setLoading(false);\r\n }\r\n };\r\n\r\n const cancelOrder = async (item) => {\r\n try {\r\n if (window.confirm(\"Are you sure you want to cancel this order?\")) {\r\n setLoading(true);\r\n let response = await DataService.postData(\r\n `/checkout/cancelOrder`,\r\n {\r\n productOrderId: item.id,\r\n }\r\n );\r\n console.log(\"response\", response);\r\n toast.success(\"Action completed\");\r\n fetchData();\r\n }\r\n } catch (error) {\r\n console.log(\"error\", error);\r\n setLoading(false);\r\n }\r\n };\r\n\r\n const viewOrderDetails = async (item) => {\r\n if (item.taskStatus !== \"CART\") {\r\n setSelectedOrder(item);\r\n toggleOrderModal(true);\r\n }\r\n };\r\n\r\n\r\n const _viewCustomerOrders = async (item) => {\r\n try {\r\n setSelectedCustomer(item);\r\n toggleOrdersModal(true);\r\n } catch (error) {\r\n console.log(\"error\", error);\r\n setLoading(false);\r\n }\r\n };\r\n\r\n const orders = data?.map((item) => (\r\n \r\n {loading && (\r\n \r\n fetching orders ........ \r\n \r\n )}\r\n\r\n \r\n\r\n {data && (\r\n toggleOrderModal(false)}\r\n closeIcon\r\n >\r\n Order Details \r\n \r\n \r\n \r\n \r\n\r\n toggleOrdersModal(false)}\r\n closeIcon\r\n >\r\n {/* Exhibition Orders */}\r\n \r\n \r\n \r\n \r\n\r\n togglePaystackModal(false)}\r\n closeIcon\r\n >\r\n Paystack Details \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n );\r\n};\r\n\r\nexport default VendorOrdersAdmin;\r\n","import React, { useContext } from \"react\";\r\nimport { Menu } from \"semantic-ui-react\";\r\nimport { Switch, Route, Link, Redirect } from \"react-router-dom\";\r\nimport { BackendContext } from \"../auth/LandingContainer\";\r\nimport VendorList from \"../vendors/VendorList\";\r\nimport VendorOrdersAdmin from \"../orders/VendorOrdersAdmin\";\r\nimport ProductTypes from \"../../data/ProductTypes\";\r\n\r\nconst DieselBackend = (props) => {\r\n const backendContext = useContext(BackendContext);\r\n\r\n React.useEffect(() => {\r\n backendContext.setBackendState({\r\n ...backendContext.backendState,\r\n productType: ProductTypes.DIESEL,\r\n });\r\n }, []);\r\n\r\n return (\r\n \r\n \r\n
\r\n\r\n \r\n setOffset(1 + (activePage - 1) * limit)\r\n }\r\n />\r\n
\r\n )}\r\n\r\n \r\n {backendContext.backendState.productType && (\r\n
\r\n );\r\n};\r\n\r\nexport default DieselBackend;\r\n","import React, { useContext } from \"react\";\r\nimport { Menu } from \"semantic-ui-react\";\r\nimport { Switch, Route, Link, Redirect } from \"react-router-dom\";\r\nimport { BackendContext } from \"../auth/LandingContainer\";\r\nimport VendorList from \"../vendors/VendorList\";\r\nimport VendorOrdersAdmin from \"../orders/VendorOrdersAdmin\";\r\nimport ProductTypes from \"../../data/ProductTypes\";\r\n\r\nconst ExhibitionBackend = (props) => {\r\n const backendContext = useContext(BackendContext);\r\n\r\n React.useEffect(() => {\r\n backendContext.setBackendState({\r\n ...backendContext.backendState,\r\n productType: ProductTypes.COMMERCE,\r\n });\r\n }, []);\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n
\r\n )}\r\n \r\n {backendContext.backendState?.productType?.id ===\r\n ProductTypes.COMMERCE.id && (\r\n
\r\n );\r\n};\r\n\r\nexport default ExhibitionBackend;\r\n","import React, { useContext } from \"react\";\r\nimport { Menu } from \"semantic-ui-react\";\r\nimport { Switch, Route, Link, Redirect } from \"react-router-dom\";\r\nimport { BackendContext } from \"../auth/LandingContainer\";\r\nimport VendorList from \"../vendors/VendorList\";\r\nimport VendorOrdersAdmin from \"../orders/VendorOrdersAdmin\";\r\nimport ProductTypes from \"../../data/ProductTypes\";\r\n\r\nconst LubricantBackend = (props) => {\r\n const backendContext = useContext(BackendContext);\r\n\r\n React.useEffect(() => {\r\n backendContext.setBackendState({\r\n ...backendContext.backendState,\r\n productType: ProductTypes.LUBRICANT,\r\n });\r\n }, []);\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n
\r\n )}\r\n \r\n {backendContext.backendState.productType && (\r\n
\r\n );\r\n};\r\n\r\nexport default LubricantBackend;\r\n","import React, { useState, useReducer } from \"react\";\r\n\r\nimport DataService from \"../../services/DataService\";\r\nimport {\r\n Table,\r\n Dimmer,\r\n Loader,\r\n Dropdown,\r\n Modal,\r\n Image,\r\n Label,\r\n} from \"semantic-ui-react\";\r\nimport dayjs from \"dayjs\";\r\nimport numeral from \"numeral\";\r\nimport { toast } from \"react-toastify\";\r\nimport OrderDetails from \"./OrderDetails\";\r\nimport ProductTypes from \"../../data/ProductTypes\";\r\n\r\nconst CustomerOrders = (props) => {\r\n // console.log(`props`, props)\r\n const [user] = React.useState(DataService.fetchUser());\r\n\r\n const [orderModalState, toggleOrderModal] = React.useState(false);\r\n const [selectedOrder, setSelectedOrder] = React.useState(null);\r\n\r\n const [loading, setLoading] = React.useState(false);\r\n\r\n const [data, setData] = useState(null);\r\n\r\n React.useEffect(() => {\r\n let isSubscribed = true;\r\n\r\n fetchData();\r\n\r\n //clear the selected order if modal is closed\r\n if (!orderModalState) {\r\n setSelectedOrder(null);\r\n }\r\n return () => (isSubscribed = false);\r\n }, [props.purchase]);\r\n\r\n const fetchData = async () => {\r\n try {\r\n setLoading(true);\r\n\r\n let { data } = await DataService.getData(\"/order/getOrdersOfPurchase\", {\r\n purchaseId: props.purchase?.id,\r\n });\r\n\r\n // console.log(`data`, data)\r\n\r\n setData(data);\r\n\r\n setLoading(false);\r\n } catch (error) {\r\n setLoading(false);\r\n }\r\n };\r\n\r\n const deliverOrder = async (item) => {\r\n try {\r\n setLoading(true);\r\n await DataService.postData(`/checkout/deliverOrder`, item);\r\n toast.success(\"Action completed\");\r\n fetchData();\r\n } catch (error) {\r\n console.log(\"error\", error);\r\n setLoading(false);\r\n }\r\n };\r\n\r\n const approveOrder = async (item) => {\r\n try {\r\n setLoading(true);\r\n await DataService.postData(`/checkout/approveOrder`, item);\r\n toast.success(\"Action completed\");\r\n fetchData();\r\n } catch (error) {\r\n console.log(\"error\", error);\r\n setLoading(false);\r\n }\r\n };\r\n\r\n const disapproveOrder = async (item) => {\r\n try {\r\n setLoading(true);\r\n let response = await DataService.postData(\r\n `/checkout/disapproveOrder`,\r\n item\r\n );\r\n console.log(\"response\", response);\r\n toast.success(\"Action completed\");\r\n fetchData();\r\n } catch (error) {\r\n console.log(\"error\", error);\r\n setLoading(false);\r\n }\r\n };\r\n\r\n const cancelOrder = async (item) => {\r\n try {\r\n if (window.confirm(\"Are you sure you want to cancel this order?\")) {\r\n setLoading(true);\r\n let response = await DataService.postData(`/checkout/cancelOrder`, {\r\n productOrderId: item.id,\r\n });\r\n console.log(\"response\", response);\r\n toast.success(\"Action completed\");\r\n fetchData();\r\n }\r\n } catch (error) {\r\n console.log(\"error\", error);\r\n setLoading(false);\r\n }\r\n };\r\n\r\n const viewOrderDetails = async (item) => {\r\n console.log(`item`, item);\r\n if (item.taskStatus !== \"CART\") {\r\n setSelectedOrder(item);\r\n toggleOrderModal(true);\r\n }\r\n };\r\n\r\n \r\n\r\n const orders = data?.map((item) => (\r\n \r\n \r\n \r\n \r\n
\r\n )}\r\n \r\n {loading && (\r\n \r\n fetching Orders ....... \r\n \r\n )}\r\n\r\n {data?.length > 0 && (\r\n toggleOrderModal(false)}\r\n closeIcon\r\n >\r\n Order Details \r\n \r\n \r\n \r\n\r\n \r\n \r\n
\r\n );\r\n};\r\n\r\nexport default CustomerOrders;\r\n","import React, { useState, useReducer } from \"react\";\r\n\r\nimport DataService from \"../../services/DataService\";\r\nimport {\r\n Table,\r\n Dimmer,\r\n Loader,\r\n Button,\r\n Dropdown,\r\n Menu,\r\n Form,\r\n Modal,\r\n Image,\r\n Label,\r\n Checkbox,\r\n Pagination,\r\n} from \"semantic-ui-react\";\r\nimport dayjs from \"dayjs\";\r\nimport numeral from \"numeral\";\r\nimport { sortReducer } from \"../../components/SortReducer\";\r\nimport { toast } from \"react-toastify\";\r\nimport OrderDetails from \"./OrderDetails\";\r\nimport PastOrders from \"../checkout/PastOrders\";\r\nimport { Link } from \"react-router-dom\";\r\nimport { BackendContext } from \"../auth/LandingContainer\";\r\nimport VendorOrdersAdmin from \"./VendorOrdersAdmin\";\r\nimport CustomerOrders from \"./CustomerOrders\";\r\nimport PurchaseSummary from \"./PurchaseSummary\";\r\n\r\nconst CustomerPurchases = (props) => {\r\n const [user] = React.useState(DataService.fetchUser());\r\n\r\n const backendContext = React.useContext(BackendContext);\r\n\r\n let productType = backendContext.backendState?.productType;\r\n\r\n const [selectedPurchase, setSelectedPurchase] = useState(null);\r\n\r\n const [loading, setLoading] = React.useState(false);\r\n const [searchPhrase, setSearchPhrase] = React.useState(null);\r\n\r\n const [purchaseModalState, togglePurchaseModal] = React.useState(false);\r\n const [ordersModalState, toggleOrdersModal] = React.useState(false);\r\n const [pastOrdersModalState, togglePastOrdersModal] = React.useState(false);\r\n\r\n const [selectedCustomer, setSelectedCustomer] = React.useState(null);\r\n\r\n const [offset, setOffset] = useState(0);\r\n const [limit] = useState(10);\r\n const [rowCount, setRowCount] = useState(0);\r\n\r\n const [state, dispatch] = useReducer(sortReducer, {\r\n column: null,\r\n data: null,\r\n direction: null,\r\n });\r\n const { column, data, direction } = state;\r\n\r\n React.useEffect(() => {\r\n let isSubscribed = true;\r\n\r\n fetchData();\r\n\r\n //clear the selected order if modal is closed\r\n if (!purchaseModalState) {\r\n setSelectedPurchase(null);\r\n }\r\n return () => (isSubscribed = false);\r\n }, [offset, backendContext.backendState]);\r\n\r\n const fetchData = async () => {\r\n try {\r\n setLoading(true);\r\n\r\n let result = null;\r\n\r\n let query = {\r\n offset: offset,\r\n limit: limit,\r\n };\r\n\r\n if (productType) {\r\n result = await DataService.getData(\"/order/getAllPurchases\", {\r\n ...query,\r\n productTypeId: productType.id,\r\n });\r\n\r\n // console.log(`result`, result);\r\n\r\n setRowCount(result.count);\r\n\r\n dispatch({\r\n type: \"\",\r\n column: \"\",\r\n payload: result.purchases,\r\n });\r\n }\r\n\r\n // setProducts(result);\r\n\r\n setLoading(false);\r\n } catch (error) {\r\n setLoading(false);\r\n }\r\n };\r\n\r\n const _searchChanged = (e) => {\r\n setSearchPhrase(e.target.value);\r\n };\r\n\r\n const _search = async () => {\r\n setLoading(true);\r\n try {\r\n let result = [];\r\n if (searchPhrase) {\r\n result = await DataService.getData(`/product/search/${searchPhrase}`);\r\n } else {\r\n result = await DataService.getData(\"/product\");\r\n }\r\n setLoading(false);\r\n // setProducts(result);\r\n } catch (error) {\r\n console.log(\"error\", error);\r\n setLoading(false);\r\n }\r\n };\r\n\r\n const checkPayment = async (item) => {\r\n try {\r\n if (item.paymentMode === \"DIRECT_TRANSFER\") {\r\n setLoading(true);\r\n let response = await DataService.postData(`/checkout/checkPayment`, {\r\n purchaseId: item.id,\r\n });\r\n\r\n // console.log(\"reponse\", response);\r\n\r\n var win = window.open(response?.location, \"_blank\");\r\n win.focus();\r\n\r\n setLoading(false);\r\n }\r\n } catch (error) {\r\n console.log(\"error\", error);\r\n setLoading(false);\r\n }\r\n };\r\n\r\n const approveAllOrders = async (item) => {\r\n try {\r\n setLoading(true);\r\n await DataService.postData(`/oroder/approveAllOrders`, item);\r\n toast.success(\"Action completed\");\r\n fetchData();\r\n } catch (error) {\r\n console.log(\"error\", error);\r\n setLoading(false);\r\n }\r\n };\r\n\r\n\r\n const viewPurchaseDetails = async (item) => {\r\n setSelectedPurchase(item);\r\n togglePurchaseModal(true);\r\n };\r\n\r\n const _viewPastOrders = async (item) => {\r\n try {\r\n setSelectedCustomer(item);\r\n togglePastOrdersModal(true);\r\n } catch (error) {\r\n console.log(\"error\", error);\r\n setLoading(false);\r\n }\r\n };\r\n\r\n const _viewPurchaseItems = async (item) => {\r\n try {\r\n setSelectedPurchase(item);\r\n toggleOrdersModal(true);\r\n } catch (error) {\r\n console.log(\"error\", error);\r\n setLoading(false);\r\n }\r\n };\r\n\r\n const purchases = data?.map((item) => (\r\n \r\n \r\n
\r\n
\r\n )}\r\n\r\n \r\n {loading && (\r\n \r\n \r\n )}\r\n\r\n \r\n\r\n {data?.length > 0 && (\r\n togglePurchaseModal(false)}\r\n closeIcon\r\n >\r\n Purchase Details \r\n \r\n \r\n \r\n\r\n togglePastOrdersModal(false)}\r\n closeIcon\r\n >\r\n Past Orders \r\n \r\n \r\n \r\n\r\n toggleOrdersModal(false)}\r\n closeIcon\r\n >\r\n {`Items for Order #${selectedPurchase?.id}`} \r\n \r\n \r\n \r\n
\r\n );\r\n};\r\n\r\nexport default CustomerPurchases;\r\n","import React, { useState } from \"react\";\r\nimport { Segment, Form, Button, Divider, Modal } from \"semantic-ui-react\";\r\nimport { Formik, Field } from \"formik\";\r\nimport * as Yup from \"yup\";\r\nimport DataService from \"../../services/DataService\";\r\nimport { BackendContext } from \"../auth/LandingContainer\";\r\nimport { toast } from \"react-toastify\";\r\n\r\nconst DeliveryRates = () => {\r\n const backendContext = React.useContext(BackendContext);\r\n\r\n const [loading, setLoading] = useState(false);\r\n const [states, setStates] = useState(null);\r\n const [areaRates, setAreaRates] = useState(null);\r\n const [selectedState, setSelectedState] = useState(null);\r\n const [newAreaModalState, toggleNewAreaModal] = useState(false);\r\n\r\n React.useEffect(() => {\r\n let isSubscribed = true;\r\n\r\n fetchStates();\r\n return () => (isSubscribed = false);\r\n }, []);\r\n\r\n React.useEffect(() => {\r\n let isSubscribed = true;\r\n\r\n if (selectedState) {\r\n fetchAreaRates();\r\n }\r\n\r\n return () => (isSubscribed = false);\r\n }, [selectedState?.id]);\r\n\r\n const fetchStates = async () => {\r\n try {\r\n setLoading(true);\r\n\r\n let result = await DataService.getData(\"/delivery/getStates\");\r\n setStates(result);\r\n\r\n setLoading(false);\r\n } catch (error) {\r\n setLoading(false);\r\n }\r\n };\r\n\r\n const fetchAreaRates = async () => {\r\n try {\r\n setLoading(true);\r\n\r\n let result = await DataService.getData(\"/delivery/getAreaRates\", {\r\n stateId: selectedState.id,\r\n productTypeId: backendContext.backendState.productType.id,\r\n });\r\n\r\n let filtered = result.map((area) => {\r\n return {\r\n areaId: area.id,\r\n name: area.name,\r\n // rateId: area.Rates.length > 0 ? area.Rates[0]?.id : null,\r\n // amount: area.Rates.length > 0 ? area.Rates[0]?.deliveryCharge : null,\r\n ...(area.Rates.length > 0 && {\r\n rateId: area.Rates[0].id,\r\n amount: area.Rates[0].deliveryCharge,\r\n }),\r\n };\r\n });\r\n\r\n // console.log(`filtered`, filtered);\r\n // console.log(\"result\", result);\r\n\r\n setAreaRates(filtered);\r\n\r\n setLoading(false);\r\n } catch (error) {\r\n setLoading(false);\r\n }\r\n };\r\n\r\n const saveRates = async (values) => {\r\n try {\r\n let payload = {\r\n productTypeId: backendContext.backendState.productType.id,\r\n values: values,\r\n };\r\n\r\n // console.log(`payload`, payload);\r\n setLoading(true);\r\n\r\n let result = await DataService.postData(\"/delivery/saveRates\", payload);\r\n\r\n toast.success(\"Action completed\");\r\n\r\n setLoading(false);\r\n } catch (error) {\r\n setLoading(false);\r\n }\r\n };\r\n\r\n \r\n const saveArea = async (values) => {\r\n try {\r\n\r\n console.log(`values`, values);\r\n values.StateId = selectedState.id\r\n setLoading(true);\r\n\r\n let result = await DataService.postData(\"/delivery/saveArea\", values);\r\n\r\n toast.success(\"Action completed\");\r\n toggleNewAreaModal(false);\r\n fetchAreaRates();\r\n\r\n setLoading(false);\r\n } catch (error) {\r\n setLoading(false);\r\n }\r\n };\r\n\r\n return (\r\n \r\n \r\n
\r\n\r\n \r\n setOffset(1 + (activePage - 1) * limit)\r\n }\r\n />\r\n
\r\n )}\r\n\r\n \r\n \r\n {(props) => {\r\n const { values, touched, errors, handleChange, handleSubmit } = props;\r\n return (\r\n \r\n );\r\n }}\r\n \r\n\r\n {areaRates && (\r\n \r\n \r\n {(props) => {\r\n const {\r\n values,\r\n touched,\r\n errors,\r\n handleChange,\r\n handleSubmit,\r\n } = props;\r\n return (\r\n \r\n );\r\n }}\r\n \r\n \r\n )}\r\n\r\n {\r\n toggleNewAreaModal(false);\r\n }}\r\n closeIcon\r\n >\r\n Add an area to {selectedState?.name} \r\n \r\n \r\n {(props) => {\r\n const {\r\n values,\r\n touched,\r\n errors,\r\n handleChange,\r\n handleSubmit,\r\n } = props;\r\n return (\r\n \r\n );\r\n }}\r\n \r\n \r\n \r\n
\r\n );\r\n};\r\n\r\nexport default DeliveryRates;\r\n","import React, { useContext } from \"react\";\r\nimport { Menu } from \"semantic-ui-react\";\r\nimport { Switch, Route, Link, Redirect } from \"react-router-dom\";\r\nimport { BackendContext } from \"../auth/LandingContainer\";\r\nimport VendorList from \"../vendors/VendorList\";\r\nimport VendorOrdersAdmin from \"../orders/VendorOrdersAdmin\";\r\nimport ProductTypes from \"../../data/ProductTypes\";\r\nimport CustomerPurchases from \"../orders/CustomerPurchases\";\r\nimport DeliveryRates from \"../delivery/DeliveryRates\";\r\n\r\nconst LaundryBackend = (props) => {\r\n const backendContext = useContext(BackendContext);\r\n\r\n React.useEffect(() => {\r\n backendContext.setBackendState({\r\n ...backendContext.backendState,\r\n productType: ProductTypes.LAUNDRY,\r\n });\r\n }, []);\r\n\r\n return (\r\n \r\n {backendContext.backendState.productType && (\r\n
\r\n );\r\n};\r\n\r\nexport default LaundryBackend;\r\n","import React, { useContext } from \"react\";\r\nimport { Menu } from \"semantic-ui-react\";\r\nimport { Switch, Route, Link, Redirect } from \"react-router-dom\";\r\nimport { BackendContext } from \"../auth/LandingContainer\";\r\nimport VendorList from \"../vendors/VendorList\";\r\nimport VendorOrdersAdmin from \"../orders/VendorOrdersAdmin\";\r\nimport ProductTypes from \"../../data/ProductTypes\";\r\nimport DeliveryRates from \"../delivery/DeliveryRates\";\r\nimport CustomerPurchases from \"../orders/CustomerPurchases\";\r\nimport Dashboard from \"../dashboard/Dashboard\";\r\n\r\nconst MartBackend = (props) => {\r\n const backendContext = useContext(BackendContext);\r\n\r\n React.useEffect(() => {\r\n backendContext.setBackendState({\r\n ...backendContext.backendState,\r\n productType: ProductTypes.MART,\r\n });\r\n }, []);\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n
\r\n )}\r\n \r\n {backendContext.backendState.productType && (\r\n
\r\n );\r\n};\r\n\r\nexport default MartBackend;\r\n","import React, { useContext } from \"react\";\r\nimport { Menu } from \"semantic-ui-react\";\r\nimport { Switch, Route, Link, Redirect } from \"react-router-dom\";\r\nimport { BackendContext } from \"../auth/LandingContainer\";\r\nimport VendorList from \"../vendors/VendorList\";\r\nimport VendorOrdersAdmin from \"../orders/VendorOrdersAdmin\";\r\nimport ProductTypes from \"../../data/ProductTypes\";\r\n\r\nconst LubeBayBackend = (props) => {\r\n const backendContext = useContext(BackendContext);\r\n\r\n React.useEffect(() => {\r\n backendContext.setBackendState({\r\n ...backendContext.backendState,\r\n productType: ProductTypes.LUBEBAY,\r\n });\r\n }, []);\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n
\r\n )}\r\n \r\n {backendContext.backendState.productType && (\r\n
\r\n );\r\n};\r\n\r\nexport default LubeBayBackend;\r\n","import React from \"react\";\r\nimport DataService from \"../../services/DataService\";\r\nimport {\r\n Table,\r\n Dimmer,\r\n Loader,\r\n Button,\r\n Dropdown,\r\n Menu,\r\n Form,\r\n Modal,\r\n Divider,\r\n Label,\r\n} from \"semantic-ui-react\";\r\nimport dayjs from \"dayjs\";\r\nimport Customer from \"./Customer\";\r\nimport PastOrders from \"../checkout/PastOrders\";\r\nimport WalletEntries from \"../organizations/WalletEntries\";\r\nimport { useState } from \"react\";\r\n\r\nimport numeral from \"numeral\";\r\nimport { toast } from \"react-toastify\";\r\nimport Pos from \"../checkout/Pos\";\r\n\r\nconst PosCustomerList = (props) => {\r\n const [user] = React.useState(DataService.fetchUser());\r\n const [customers, setCustomers] = React.useState([]);\r\n const [loading, setLoading] = React.useState(false);\r\n const [searchPhrase, setSearchPhrase] = React.useState(null);\r\n const [customerModalState, toggleCustomerModal] = React.useState(false);\r\n const [txModalState, toggleTxModal] = useState(false);\r\n\r\n const [selectedCustomer, setSelectedCustomer] = React.useState(null);\r\n const [posModalState, togglePosModal] = React.useState(false);\r\n\r\n const [productType, setProductType] = useState(null);\r\n const [vendor, setVendor] = useState(null);\r\n\r\n // React.useEffect(() => {\r\n // let isSubscribed = true;\r\n\r\n // fetchData();\r\n // return () => (isSubscribed = false);\r\n // }, [customerModalState]);\r\n\r\n // const fetchData = async () => {\r\n // try {\r\n // setLoading(true);\r\n\r\n // let result = null;\r\n\r\n // if (props.members) {\r\n // //organization members\r\n // result = props.members;\r\n // } else {\r\n // // all customers\r\n // // result = await DataService.getData(\"/customer/getCustomers\");\r\n // result = await DataService.getData(\r\n // \"/customer/getOrganizationCustomers\"\r\n // );\r\n // }\r\n\r\n // // console.log('result', result)\r\n\r\n // setCustomers(result);\r\n\r\n // setLoading(false);\r\n // } catch (error) {\r\n // setLoading(false);\r\n // }\r\n // };\r\n\r\n React.useEffect(() => {\r\n fetchVendorDetails();\r\n }, []);\r\n\r\n const fetchVendorDetails = async () => {\r\n try {\r\n if (user?.group?.includes(\"VENDOR\")) {\r\n let { Vendor } = await DataService.getData(\"/vendor/getVendorDetails\");\r\n\r\n // console.log(`Vendor`, Vendor);\r\n\r\n setProductType(Vendor.ProductType);\r\n setVendor(Vendor);\r\n }\r\n } catch (error) {\r\n console.log(`error`, error);\r\n }\r\n };\r\n\r\n const _searchChanged = (e) => {\r\n setSearchPhrase(e.target.value);\r\n };\r\n\r\n const _search = async () => {\r\n setLoading(true);\r\n try {\r\n let result = [];\r\n if (searchPhrase) {\r\n result = await DataService.getData(`/customer/search`, {\r\n searchPhrase: searchPhrase,\r\n });\r\n } else {\r\n result = await DataService.getData(\"/customer\");\r\n }\r\n setLoading(false);\r\n setCustomers(result);\r\n } catch (error) {\r\n console.log(\"error\", error);\r\n setLoading(false);\r\n }\r\n };\r\n\r\n const launchPos = async (item) => {\r\n try {\r\n setSelectedCustomer(item);\r\n togglePosModal(true);\r\n } catch (error) {\r\n console.log(\"error\", error);\r\n setLoading(false);\r\n }\r\n };\r\n\r\n const customerItems = customers?.map((item, index) => (\r\n \r\n \r\n \r\n \r\n
\r\n )}\r\n \r\n {productType?.name !== \"EXHIBITION\" && (\r\n
\r\n );\r\n};\r\n\r\nexport default PosCustomerList;\r\n","import React, { useState, useReducer } from \"react\";\r\n\r\nimport DataService from \"../../services/DataService\";\r\nimport {\r\n Table,\r\n Dimmer,\r\n Loader,\r\n Button,\r\n Dropdown,\r\n Menu,\r\n Form,\r\n Modal,\r\n Image,\r\n Label,\r\n Checkbox,\r\n Pagination,\r\n GridColumn,\r\n Grid,\r\n Card\r\n} from \"semantic-ui-react\";\r\nimport dayjs from \"dayjs\";\r\nimport numeral from \"numeral\";\r\nimport { sortReducer } from \"../../components/SortReducer\";\r\nimport { toast } from \"react-toastify\";\r\nimport OrderDetails from \"./OrderDetails\";\r\nimport PastOrders from \"../checkout/PastOrders\";\r\nimport { Link } from \"react-router-dom\";\r\nimport { BackendContext } from \"../auth/LandingContainer\";\r\nimport VendorOrdersAdmin from \"./VendorOrdersAdmin\";\r\nimport CustomerOrders from \"./CustomerOrders\";\r\nimport PurchaseSummary from \"./PurchaseSummary\";\r\nimport Invoicing from \"./Invoicing\";\r\nimport ProductTypes from \"../../data/ProductTypes\";\r\n\r\nconst CustomerVendorPurchases = (props) => {\r\n const [user] = React.useState(DataService.fetchUser());\r\n\r\n const backendContext = React.useContext(BackendContext);\r\n\r\n let productType = backendContext.backendState?.productType;\r\n\r\n const [selectedPurchase, setSelectedPurchase] = useState(null);\r\n\r\n const [loading, setLoading] = React.useState(false);\r\n const [searchPhrase, setSearchPhrase] = React.useState(null);\r\n\r\n const [purchaseModalState, togglePurchaseModal] = React.useState(false);\r\n const [ordersModalState, toggleOrdersModal] = React.useState(false);\r\n const [pastOrdersModalState, togglePastOrdersModal] = React.useState(false);\r\n const [invoicingModalState, toggleInvoiceModal] = React.useState(false);\r\n\r\n const [selectedCustomer, setSelectedCustomer] = React.useState(null);\r\n\r\n const [offset, setOffset] = useState(0);\r\n const [limit] = useState(20);\r\n const [rowCount, setRowCount] = useState(0);\r\n\r\n const [state, dispatch] = useReducer(sortReducer, {\r\n column: null,\r\n data: null,\r\n direction: null,\r\n });\r\n const { column, data, direction } = state;\r\n\r\n React.useEffect(() => {\r\n let isSubscribed = true;\r\n\r\n fetchData();\r\n\r\n //clear the selected order if modal is closed\r\n if (!purchaseModalState) {\r\n setSelectedPurchase(null);\r\n }\r\n return () => (isSubscribed = false);\r\n }, [offset, backendContext.backendState]);\r\n\r\n\r\n const setOrders = async (result) => {\r\n setRowCount(result.count);\r\n\r\n dispatch({\r\n type: \"\",\r\n column: \"\",\r\n payload: result.purchases,\r\n });\r\n };\r\n const fetchData = async () => {\r\n try {\r\n setLoading(true);\r\n\r\n let result = null;\r\n\r\n let query = {\r\n offset: offset,\r\n limit: limit,\r\n };\r\n\r\n result = await DataService.getData(\"/order/getPurchasesForVendor\", {\r\n ...query,\r\n });\r\n\r\n\r\n setOrders(result);\r\n\r\n setLoading(false);\r\n } catch (error) {\r\n setLoading(false);\r\n }\r\n };\r\n\r\n\r\n const _searchChanged = (e) => {\r\n setSearchPhrase(e.target.value);\r\n };\r\n\r\n const _search = async () => {\r\n setLoading(true);\r\n try {\r\n let result = [];\r\n if (searchPhrase) {\r\n let searchPhrases = searchPhrase.trimStart()\r\n result = await DataService.getData(`/order/searchPurchasesForVendor`, {\r\n searchPhrase: searchPhrases\r\n });\r\n } else {\r\n fetchData()\r\n }\r\n\r\n setOrders(result);\r\n setLoading(false);\r\n\r\n\r\n } catch (error) {\r\n console.log(\"error\", error);\r\n setLoading(false);\r\n }\r\n };\r\n\r\n const checkPayment = async (item) => {\r\n try {\r\n if (item.paymentMode === \"DIRECT_TRANSFER\") {\r\n setLoading(true);\r\n let response = await DataService.postData(`/checkout/checkPayment`, {\r\n purchaseId: item.id,\r\n });\r\n\r\n // console.log(\"reponse\", response);\r\n\r\n var win = window.open(response?.location, \"_blank\");\r\n win.focus();\r\n\r\n setLoading(false);\r\n }\r\n } catch (error) {\r\n console.log(\"error\", error);\r\n setLoading(false);\r\n }\r\n };\r\n\r\n const approveAllOrders = async (item) => {\r\n try {\r\n setLoading(true);\r\n await DataService.postData(`/oroder/approveAllOrders`, item);\r\n toast.success(\"Action completed\");\r\n fetchData();\r\n } catch (error) {\r\n console.log(\"error\", error);\r\n setLoading(false);\r\n }\r\n };\r\n\r\n const viewPurchaseDetails = async (item) => {\r\n setSelectedPurchase(item);\r\n togglePurchaseModal(true);\r\n };\r\n\r\n const _viewPastOrders = async (item) => {\r\n try {\r\n setSelectedCustomer(item);\r\n togglePastOrdersModal(true);\r\n } catch (error) {\r\n console.log(\"error\", error);\r\n setLoading(false);\r\n }\r\n };\r\n\r\n const _viewPurchaseItems = async (item) => {\r\n try {\r\n setSelectedPurchase(item);\r\n toggleOrdersModal(true);\r\n } catch (error) {\r\n console.log(\"error\", error);\r\n setLoading(false);\r\n }\r\n };\r\n\r\n const editInvoice = async (item) => {\r\n try {\r\n setSelectedPurchase(item);\r\n toggleInvoiceModal(true);\r\n } catch (error) {\r\n console.log(\"error\", error);\r\n setLoading(false);\r\n }\r\n };\r\n const sort = (columnName) => {\r\n dispatch({\r\n type: \"CHANGE_SORT\",\r\n column: columnName,\r\n payload: data,\r\n });\r\n };\r\n\r\n const purchases = data?.map((item) => (\r\n \r\n {loading && (\r\n \r\n \r\n )}\r\n\r\n {/* don't show create button if view members of an organization - yet */}\r\n {!props.members && (\r\n \r\n )}\r\n\r\n {customers && (\r\n \r\n
\r\n )}\r\n\r\n toggleCustomerModal(false)}\r\n closeIcon\r\n >\r\n Customer \r\n \r\n \r\n \r\n\r\n toggleTxModal(false)}\r\n closeIcon\r\n >\r\n {selectedCustomer?.name} \r\n \r\n \r\n \r\n\r\n {\r\n togglePosModal(false);\r\n // fetchData();\r\n }}\r\n closeIcon\r\n >\r\n \r\n Point Of Sales: {selectedCustomer?.firstname}{\" \"}\r\n {selectedCustomer?.lastname}\r\n \r\n \r\n \r\n \r\n
\r\n )}\r\n \r\n {dayjs(item.ProductOrders[0].bookedOn).format(\"DD-MMM-YYYY\")}\r\n \r\n \r\n {item.status === \"RESERVED\" &&\r\n item.paymentStatus !== \"PART_PAYMENT\" &&\r\n item.ProductTypeId == ProductTypes.LUBEBAY.id && (\r\n editInvoice(item)}\r\n />\r\n )}\r\n \r\n \r\n\r\n
\r\n\r\n \r\n Subtotal
₦{numeral(item.subtotal).format(\"0,0\")} \r\n DeliveryCharge
₦{numeral(item.deliveryCharge).format(\"0,0\")} \r\n Total
₦{numeral(item.total).format(\"0,0\")} \r\n
\r\n\r\n ₦{numeral(item.subtotal).format(\"0,0\")} \r\n DeliveryCharge
₦{numeral(item.deliveryCharge).format(\"0,0\")} \r\n Total
₦{numeral(item.total).format(\"0,0\")} \r\n
\r\n Delivery Required \r\n
\r\n\r\n \r\n {loading && (\r\n \r\n fetching orders ...... \r\n \r\n )}\r\n\r\n \r\n\r\n \r\n\r\n \r\n\r\n \r\n\r\n \r\n\r\n {data && (\r\n \r\n\r\n \r\n
\r\n\r\n \r\n setOffset(1 + (activePage - 1) * limit)\r\n }\r\n />\r\n\r\n \r\n )}\r\n\r\n\r\n {data && (\r\n \r\n {mobileViewPurchases}\r\n\r\n \r\n setOffset(1 + (activePage - 1) * limit)\r\n }\r\n />\r\n\r\n \r\n )}\r\n\r\n togglePurchaseModal(false)}\r\n closeIcon\r\n >\r\n Purchase Details \r\n \r\n \r\n \r\n\r\n togglePastOrdersModal(false)}\r\n closeIcon\r\n >\r\n Past Orders \r\n \r\n {/* \r\n \r\n\r\n toggleOrdersModal(false)}\r\n closeIcon\r\n >\r\n {`Items for Order #${selectedPurchase?.id}`} \r\n \r\n \r\n \r\n\r\n {\r\n toggleInvoiceModal(false);\r\n fetchData();\r\n }}\r\n closeIcon\r\n >\r\n Invoice Details \r\n \r\n \r\n \r\n
\r\n );\r\n};\r\n\r\nexport default CustomerVendorPurchases;\r\n","import React from \"react\";\r\nimport { Formik, Field } from \"formik\";\r\nimport * as Yup from \"yup\";\r\nimport { Form, Button, TextArea } from \"semantic-ui-react\";\r\nimport DataService from \"../../services/DataService\";\r\nimport { toast } from \"react-toastify\";\r\n\r\nconst Admin = (props) => {\r\n const [loading, setLoading] = React.useState(false);\r\n\r\n const schema = Yup.object().shape({\r\n email: Yup.string().email(\"Invalid Email\").required(\"Required\"),\r\n });\r\n\r\n const newItem = {\r\n email: \"\",\r\n };\r\n\r\n const _saveAdmin = async (admin) => {\r\n try {\r\n setLoading(true);\r\n let response = await DataService.postData(\r\n \"/add-admin/saveAdmin\",\r\n admin\r\n );\r\n\r\n if (response.msg) {\r\n props.toggleModal(false);\r\n } else {\r\n toast.error(response.message);\r\n }\r\n\r\n setLoading(false);\r\n } catch (error) {\r\n console.log(error);\r\n setLoading(false);\r\n toast.error('Email already exist')\r\n }\r\n };\r\n\r\n return (\r\n \r\n {\r\n _saveAdmin(values);\r\n resetForm();\r\n }}\r\n >\r\n {(props) => {\r\n const {\r\n values,\r\n touched,\r\n errors,\r\n handleChange,\r\n handleSubmit,\r\n resetForm,\r\n } = props;\r\n return (\r\n \r\n );\r\n }}\r\n \r\n
\r\n );\r\n};\r\n\r\nexport default Admin;\r\n","import React from \"react\";\r\nimport DataService from \"../../services/DataService\";\r\nimport {\r\n Table,\r\n Dimmer,\r\n Loader,\r\n Button,\r\n Dropdown,\r\n Menu,\r\n Form,\r\n Modal,\r\n Divider,\r\n Label,\r\n} from \"semantic-ui-react\";\r\nimport dayjs from \"dayjs\";\r\nimport Admin from \"./Admin\";\r\nimport { useState } from \"react\";\r\n\r\nimport numeral from \"numeral\";\r\nimport { toast } from \"react-toastify\";\r\n\r\nconst AdminList = (props) => {\r\n const [admins, setAdmins] = React.useState([]);\r\n const [loading, setLoading] = React.useState(false);\r\n const [adminModalState, toggleAdminModal] = React.useState(false);\r\n const [selectedAdmin, setSelectedAdmin] = React.useState(null);\r\n\r\n React.useEffect(() => {\r\n let isSubscribed = true;\r\n\r\n fetchData();\r\n return () => (isSubscribed = false);\r\n }, [adminModalState]);\r\n\r\n const fetchData = async () => {\r\n try {\r\n setLoading(true);\r\n\r\n if (props.members) {\r\n //admin members\r\n setAdmins(props.members);\r\n } else {\r\n // all admins\r\n await loadAdminList();\r\n }\r\n\r\n setLoading(false);\r\n } catch (error) {\r\n setLoading(false);\r\n }\r\n };\r\n\r\n const loadAdminList = async () => {\r\n try {\r\n let response = await DataService.getData(\r\n \"/add-admin/getAllAdmins\"\r\n );\r\n\r\n setAdmins(response);\r\n } catch (error) {\r\n setLoading(false);\r\n }\r\n };\r\n\r\n\r\n const _deleteItem = async (item) => {\r\n try {\r\n setLoading(true);\r\n\r\n await DataService.postData(`/add-admin/deleteAdmin`, {\r\n email: item.email,\r\n });\r\n\r\n toast.success(\"Action completed\");\r\n\r\n fetchData();\r\n\r\n setLoading(false);\r\n } catch (error) {\r\n console.log(\"error\", error);\r\n toast.error(\"Error completing action\");\r\n setLoading(false);\r\n }\r\n };\r\n\r\n\r\n const adminItems = admins?.map((item, index) => (\r\n \r\n {loading && (\r\n \r\n please wait .. \r\n \r\n )}\r\n\r\n \r\n {!props.members && (\r\n \r\n )}\r\n\r\n {admins && (\r\n \r\n
\r\n )}\r\n\r\n toggleAdminModal(false)}\r\n closeIcon\r\n >\r\n Admins Email \r\n \r\n \r\n \r\n\r\n \r\n
\r\n );\r\n};\r\n\r\nexport default AdminList;\r\n","import React, { useContext } from \"react\";\r\nimport { Menu } from \"semantic-ui-react\";\r\nimport { Switch, Route, Link, Redirect } from \"react-router-dom\";\r\nimport { BackendContext } from \"../auth/LandingContainer\";\r\nimport ProductTypes from \"../../data/ProductTypes\";\r\nimport CustomerList from \"./CustomerList\";\r\nimport OrganizationList from \"../organizations/OrganizationList\";\r\nimport AdminList from \"../admin/Adminlist\";\r\n\r\nconst CustomerBackend = (props) => {\r\n const backendContext = useContext(BackendContext);\r\n\r\n React.useEffect(() => {\r\n backendContext.setBackendState({\r\n ...backendContext.backendState,\r\n productType: ProductTypes.MART,\r\n });\r\n }, []);\r\n\r\n return (\r\n \r\n {backendContext.backendState.productType && (\r\n
\r\n );\r\n};\r\n\r\nexport default CustomerBackend;\r\n","import React ,{useState,useEffect} from 'react'\r\nimport {\r\n Icon,\r\n Menu,\r\n \r\n } from \"semantic-ui-react\";\r\n import DataService from '../../services/DataService';\r\n\r\nconst BottomNavigation = ({props}) => {\r\n\r\n const [user] = React.useState(DataService.fetchUser());\r\n \r\n const [currentPath, setCurrentPath] = useState(\r\n props.location?.pathname\r\n );\r\n useEffect(() => {\r\n setCurrentPath(props.location?.pathname);\r\n }, [props.location]);\r\n\r\n\r\n const _goTo = (path) => {\r\n \r\n \r\n props.history.push(`${props.match?.path}/${path}`);\r\n };\r\n return (\r\n <>\r\n {user?.group?.includes(\"VENDOR\") && (\r\n \r\n \r\n \r\n \r\n
\r\n )}\r\n \r\n \r\n
)}\r\n\r\n \r\n )\r\n}\r\n\r\nexport default BottomNavigation","import React, { useState, useEffect } from \"react\";\r\nimport { Formik, Field, FieldArray, ErrorMessage } from \"formik\";\r\nimport { NumericFormat } from 'react-number-format';\r\nimport * as Yup from \"yup\";\r\nimport { Form, Button, TextArea, Loader, Dimmer, Checkbox, FormField, Search, Icon, Menu } from \"semantic-ui-react\";\r\nimport DataService from \"../../services/DataService\";\r\nimport { toast } from \"react-toastify\";\r\nimport _ from 'lodash'\r\nimport numeral from \"numeral\";\r\nimport ProductTypes from \"../../data/ProductTypes\";\r\nimport Roles from \"../../data/Roles\";\r\n\r\n\r\nconst ExhibtionOrder = (mainProps) => {\r\n\r\n const [user] = useState(DataService.fetchUser());\r\n const [searchState, setSearchState] = useState({\r\n isLoading: false, results: [], value: ''\r\n })\r\n const [loading, setLoading] = useState(false);\r\n const [product, setProduct] = useState(false);\r\n const [productReload, setProductReload] = useState(false);\r\n const [orderTotal, setOrderTotal] = useState([]);\r\n const [cashCheckBox, setCashCheckBox] = useState(false)\r\n const [cooperativeCheckBox, setCooperativeCheckBox] = useState(false)\r\n const [savingsCheckBox, setSavingsCheckBox] = useState(false)\r\n\r\n const schema = Yup.object().shape({\r\n\r\n\r\n name: Yup.array().of(Yup.string().required('Required')).min(1),\r\n price: Yup.array().of(Yup.number().required('Required')).min(1),\r\n quantity: Yup.array().of(Yup.number().required('Required')).min(1),\r\n cash: Yup.number().nullable(),\r\n coopfacility: Yup.number().max(mainProps?.customer.walletBalance).nullable(),\r\n savings: Yup.number().nullable(),\r\n discount: Yup.array().of(Yup.number()).min(0),\r\n\r\n });\r\n\r\n\r\n const [newItem, setItem] = useState({\r\n name: [],\r\n price: [],\r\n discount: [],\r\n quantity: [],\r\n productId: [],\r\n cash: '',\r\n savings: '',\r\n coopfacility: '',\r\n })\r\n\r\n useEffect(() => {\r\n (async () => {\r\n\r\n let isSubscribed = true;\r\n fetchProducts()\r\n getTotal()\r\n\r\n return () => (isSubscribed = false);\r\n\r\n })()\r\n }, [productReload]);\r\n\r\n const cartItem = JSON.parse(window.localStorage.getItem('cartItems'))\r\n\r\n const fetchProducts = async () => {\r\n try {\r\n setLoading(true);\r\n let { products } = await DataService.getData(\"/product/getVendorProductsForm\", {});\r\n setProduct(products);\r\n setProductReload(false)\r\n setLoading(false);\r\n } catch (error) {\r\n setLoading(false);\r\n }\r\n };\r\n\r\n const _saveProduct = async (values) => {\r\n try {\r\n setLoading(true);\r\n\r\n const sumOrder = orderTotal?.reduce((total, num) => { return total + Number(num) }, 0)\r\n\r\n if ((Number(values.cash) + Number(values.coopfacility) + Number(values.savings)) !== sumOrder) {\r\n\r\n setLoading(false)\r\n return toast.warn('Amount must be equal to total')\r\n }\r\n values.email = mainProps.customer.email\r\n values.igg = mainProps.customer.igg\r\n values.productTypeId = ProductTypes.COMMERCE.id;\r\n\r\n await DataService.postData(\"/checkout/vendorCart\", values);\r\n\r\n setLoading(false);\r\n\r\n toast.success(`Created Successfully`);\r\n mainProps.setCustomer();\r\n window.localStorage.removeItem('customerDetails')\r\n window.localStorage.removeItem('cartItems')\r\n mainProps.result(null)\r\n\r\n } catch (error) {\r\n console.log(\"error\", error);\r\n setLoading(false);\r\n toast.warn(error)\r\n }\r\n };\r\n\r\n const handleResultSelect = (e, { result }) => {\r\n\r\n e.preventDefault()\r\n\r\n let newPrice = 0\r\n\r\n try {\r\n newPrice = result.price.slice(1).replaceAll(',', '')\r\n } catch (error) {\r\n function replaceAll(str, find, replace) {\r\n return str.replace(new RegExp(find, 'g'), replace);\r\n }\r\n newPrice = replaceAll(result.price.slice(1), ',', '')\r\n }\r\n\r\n\r\n if (newItem?.productId?.includes(result.id) || cartItem?.productId?.includes(result.id) ) {\r\n getTotal()\r\n setSearchState({ value: '' })\r\n return toast.warn('Item already exist change quantity')\r\n }\r\n if (newPrice == 0) {\r\n return window.alert('Please update your browser or price of'+result.title)\r\n }\r\n\r\n if (!cartItem) {\r\n\r\n setItem({\r\n ...newItem,\r\n ...newItem.name.push(result.title),\r\n ...newItem.price.push(Number(newPrice)),\r\n ...newItem.discount.push(0),\r\n ...newItem.quantity.push(1),\r\n ...newItem.productId.push(result.id)\r\n })\r\n window.localStorage.setItem('cartItems', JSON.stringify(newItem))\r\n\r\n } else {\r\n\r\n const newCartItem = JSON.stringify({\r\n ...cartItem,\r\n ...cartItem.name.push(result.title),\r\n ...cartItem.price.push(Number(newPrice)),\r\n ...cartItem.discount.push(0),\r\n ...cartItem.quantity.push(1),\r\n ...cartItem.productId.push(result.id)\r\n })\r\n window.localStorage.setItem('cartItems', newCartItem)\r\n }\r\n\r\n getTotal()\r\n setSearchState({ value: '' })\r\n\r\n }\r\n\r\n\r\n const removeItem = (index, remove) => {\r\n\r\n\r\n if (!cartItem) {\r\n\r\n\r\n setItem({\r\n ...newItem,\r\n ...newItem.name.splice(index, 1),\r\n ...newItem.price.splice(index, 1),\r\n ...newItem.discount.splice(index, 1),\r\n ...newItem.quantity.splice(index, 1),\r\n ...newItem.productId.splice(index, 1)\r\n })\r\n\r\n } else {\r\n\r\n const newCartItem = JSON.stringify({\r\n ...cartItem,\r\n ...cartItem.name.splice(index, 1),\r\n ...cartItem.price.splice(index, 1),\r\n ...cartItem.discount.splice(index, 1),\r\n ...cartItem.quantity.splice(index, 1),\r\n ...cartItem.productId.splice(index, 1)\r\n })\r\n\r\n window.localStorage.setItem('cartItems', newCartItem)\r\n\r\n }\r\n\r\n remove(index)\r\n getTotal()\r\n\r\n\r\n }\r\n const addItem = (push) => {\r\n\r\n // e.preventDefault()\r\n setItem({\r\n ...newItem,\r\n ...newItem.name.push(''),\r\n ...newItem.price.push(0),\r\n ...newItem.quantity.push(1),\r\n ...newItem.productId.push('')\r\n })\r\n\r\n //push('')\r\n getTotal()\r\n\r\n }\r\n const getTotal = () => {\r\n\r\n let total = 0\r\n if (!cartItem) {\r\n\r\n total = newItem.price.map((e, index) => (Number(e) * Number(newItem.quantity[index])) - Number(newItem.discount[index]))\r\n\r\n } else {\r\n\r\n total = cartItem.price.map((e, index) => (Number(e) * Number(cartItem.quantity[index])) - Number(cartItem.discount[index]))\r\n\r\n }\r\n setOrderTotal(total)\r\n }\r\n const handleSearchChange = (e, { value }) => {\r\n\r\n setSearchState({ isLoading: true, value })\r\n\r\n setTimeout(() => {\r\n if (value.length < 1) return setSearchState(searchState)\r\n const re = new RegExp(_.escapeRegExp(value), 'i')\r\n const isMatch = (result) => re.test(result.title)\r\n setSearchState({\r\n isLoading: false,\r\n results: _.filter(product, isMatch),\r\n\r\n })\r\n }, 300)\r\n getTotal()\r\n }\r\n\r\n const updateValue = ({ value }, index) => {\r\n\r\n\r\n if (!cartItem) {\r\n\r\n setItem({\r\n ...newItem,\r\n ...newItem.quantity[index] = value\r\n\r\n })\r\n } else {\r\n const newCartItem = JSON.stringify({\r\n ...cartItem,\r\n ...cartItem.quantity[index] = value\r\n })\r\n\r\n window.localStorage.setItem('cartItems', newCartItem)\r\n\r\n }\r\n\r\n getTotal()\r\n\r\n }\r\n\r\n const updateDiscount = (value, index) => {\r\n\r\n\r\n if (!cartItem) {\r\n\r\n setItem({\r\n ...newItem,\r\n ...newItem.discount[index] = value\r\n\r\n })\r\n } else {\r\n\r\n const newCartItem = JSON.stringify({\r\n ...cartItem,\r\n ...cartItem.discount[index] = value\r\n })\r\n window.localStorage.setItem('cartItems', newCartItem)\r\n }\r\n\r\n\r\n getTotal()\r\n\r\n }\r\n\r\n const clearCustomerDetails = () => {\r\n window.localStorage.removeItem('customerDetails')\r\n window.localStorage.removeItem('cartItems')\r\n window.location.reload()\r\n }\r\n\r\n const reloadProducts = () => {\r\n setProductReload(true)\r\n }\r\n\r\n return (\r\n - \r\n\r\n
\r\n {loading && (\r\n \r\n Please wait ... \r\n \r\n )}\r\n \r\n \r\n {(props) => {\r\n const { values, touched, errors, handleChange, handleSubmit } = props;\r\n return (\r\n \r\n );\r\n }}\r\n \r\n
\r\n );\r\n};\r\n\r\nexport default ExhibtionOrder;\r\n","import React, { useState } from \"react\";\r\nimport { Image, Table, Label } from \"semantic-ui-react\";\r\nimport numeral from \"numeral\";\r\n\r\nconst PhysicalOrderDetails = (props) => {\r\n const orderDetail = props?.order\r\n\r\n\r\n const orderDetails = orderDetail.map((item, index) =>\r\n\r\n \r\n \r\n
\r\n
\r\n );\r\n};\r\n\r\nexport default PhysicalOrderDetails;\r\n","import React, { useState, useReducer, useContext, useEffect } from \"react\";\r\n\r\nimport DataService from \"../../services/DataService\";\r\nimport {\r\n Table,\r\n Dimmer,\r\n Loader,\r\n Button,\r\n Dropdown,\r\n Menu,\r\n Form,\r\n Modal,\r\n Image,\r\n Label,\r\n Checkbox,\r\n Pagination,\r\n GridColumn,\r\n Grid,\r\n Card\r\n} from \"semantic-ui-react\";\r\nimport dayjs from \"dayjs\";\r\nimport numeral from \"numeral\";\r\nimport { sortReducer } from \"../../components/SortReducer\";\r\nimport { toast } from \"react-toastify\";\r\nimport { Link } from \"react-router-dom\";\r\nimport { BackendContext } from \"../auth/LandingContainer\";\r\n\r\nimport ProductTypes from \"../../data/ProductTypes\";\r\nimport PhysicalOrderDetails from \"./PhysicalOrderDetails\";\r\n\r\nconst ExhibitionOrderList = (props) => {\r\n const [user] = useState(DataService.fetchUser());\r\n const [orderModalState, toggleOrderModal] = useState(false);\r\n\r\n\r\n const [selectedOrder, setSelectedOrder] = useState(null);\r\n\r\n const [loading, setLoading] = useState(false);\r\n\r\n const [offset, setOffset] = useState(0);\r\n const [limit] = useState(20);\r\n const [rowCount, setRowCount] = useState(0);\r\n\r\n const [state, dispatch] = useReducer(sortReducer, {\r\n column: null,\r\n data: null,\r\n direction: null,\r\n });\r\n const { column, data, direction } = state;\r\n\r\n useEffect(() => {\r\n let isSubscribed = true;\r\n\r\n fetchData();\r\n\r\n return () => (isSubscribed = false);\r\n }, [offset]);\r\n\r\n\r\n const setOrders = async (result) => {\r\n\r\n dispatch({\r\n type: \"\",\r\n column: \"\",\r\n payload: result,\r\n });\r\n };\r\n const fetchData = async () => {\r\n try {\r\n setLoading(true);\r\n\r\n let result = null;\r\n result = await DataService.getData(\"/checkout/vendorCartDetails\", {\r\n productTypeId: ProductTypes.COMMERCE.id\r\n });\r\n setOrders(result);\r\n setRowCount(result.count)\r\n setLoading(false);\r\n } catch (error) {\r\n setLoading(false);\r\n }\r\n };\r\n\r\n const viewOrderDetails = async (item) => {\r\n\r\n setSelectedOrder(item);\r\n toggleOrderModal(true);\r\n\r\n };\r\n\r\n const purchases = data?.summary?.map((item, index) =>\r\n\r\n\r\n \r\n {dayjs(item.createdAt).format(\"DD-MMM-YYYY\")}\r\n \r\n \r\n {/* {item.status === \"RESERVED\" &&\r\n\r\n (\r\n editInvoice(item)}\r\n />\r\n )} */}\r\n \r\n \r\n\r\n
\r\n\r\n \r\n \r\n S/N
{data?.productItems?.filter((e, v) => e.PurchaseId == item?.id).map((i,f) => \r\n
{data?.productItems?.filter((e, v) => e.PurchaseId == item?.id).map((i) => \r\n
{data?.productItems?.filter((e, v) => e.PurchaseId == item?.id).map((i) => \r\n
{data?.productItems?.filter((e, v) => e.PurchaseId == item?.id).map((i) => \r\n
{data?.productItems?.filter((e, v) => e.PurchaseId == item?.id).map((i) => \r\n
\r\n\r\n\r\n {data?.productItems?.filter((e, v) => e.PurchaseId == item?.id).map((i,f) => \r\n
{f + 1}
)}\r\n\r\n \r\n \r\n Product Name {data?.productItems?.filter((e, v) => e.PurchaseId == item?.id).map((i) => \r\n
{i.name.length > 25 ? i.name.slice(0,25)+'...' : i.name}
) }\r\n\r\n \r\n \r\n Price {data?.productItems?.filter((e, v) => e.PurchaseId == item?.id).map((i) => \r\n
₦{ numeral(i.price).format(\"0,0\")}
) }\r\n\r\n \r\n \r\n Qty {data?.productItems?.filter((e, v) => e.PurchaseId == item?.id).map((i) => \r\n
{ i.quantity}
) }\r\n\r\n \r\n \r\n Total {data?.productItems?.filter((e, v) => e.PurchaseId == item?.id).map((i) => \r\n
₦{numeral(i.total).format(\"0,0\")}
) }\r\n\r\n \r\n \r\n \r\n \r\n\r\n CASH
₦{numeral(item.cash).format(\"0,0\")} \r\n COOPERATIVE
₦{numeral(item.cooperative).format(\"0,0\")} \r\n SAVINGS
₦{numeral(item.savings).format(\"0,0\")} \r\n GRAND TOTAL
₦{numeral(item.total).format(\"0,0\")} \r\n
\r\n\r\n\r\n\r\n ₦{numeral(item.cash).format(\"0,0\")} \r\n COOPERATIVE
₦{numeral(item.cooperative).format(\"0,0\")} \r\n SAVINGS
₦{numeral(item.savings).format(\"0,0\")} \r\n GRAND TOTAL
₦{numeral(item.total).format(\"0,0\")} \r\n
\r\n {loading && (\r\n \r\n fetching orders ...... \r\n \r\n )}\r\n\r\n\r\n\r\n\r\n {data && (\r\n \r\n\r\n \r\n
\r\n\r\n\r\n\r\n \r\n setOffset(1 + (activePage - 1) * limit)\r\n }\r\n />\r\n \r\n )}\r\n\r\n\r\n {data && (\r\n \r\n {mobileViewPurchases}\r\n\r\n\r\n \r\n )}\r\n\r\n toggleOrderModal(false)}\r\n closeIcon\r\n >\r\n Order Details \r\n \r\n \r\n \r\n
\r\n );\r\n};\r\n\r\nexport default ExhibitionOrderList;\r\n","import React, { useState, useReducer, useEffect, useContext } from \"react\";\r\n\r\nimport DataService from \"../../services/DataService\";\r\nimport {\r\n Table,\r\n Dimmer,\r\n Loader,\r\n Button,\r\n Dropdown,\r\n Menu,\r\n Form,\r\n Modal,\r\n Image,\r\n Label,\r\n Checkbox,\r\n Pagination,\r\n Responsive,\r\n Card,\r\n Grid\r\n} from \"semantic-ui-react\";\r\n// import dayjs from \"dayjs\";\r\n\r\nimport numeral from \"numeral\";\r\nimport { sortReducer } from \"../../components/SortReducer\";\r\nimport { toast } from \"react-toastify\";\r\nimport { BackendContext } from \"../auth/LandingContainer\";\r\nimport ExhibtionOrder from \"../orders/ExhibitionOrder\";\r\nimport ExhibitionOrderList from \"../orders/ExhibitionOrderList\";\r\n\r\n\r\nconst PhysicalExhition = (props) => {\r\n\r\n const [user] = useState(DataService.fetchUser());\r\n\r\n const backendContext = useContext(BackendContext);\r\n\r\n const [loading, setLoading] = useState(false);\r\n const [searchPhrase, setSearchPhrase] = useState(null);\r\n const [offset, setOffset] = useState(0);\r\n const [limit] = useState(15);\r\n const [customer, setCustomer] = useState(null)\r\n const [sumOrder, setSumOrder] = useState([])\r\n\r\n const [state, dispatch] = useReducer(sortReducer, {\r\n column: null,\r\n data: null,\r\n direction: null,\r\n });\r\n const { column, data, direction } = state;\r\n\r\n\r\n useEffect(() => {\r\n fetchData()\r\n }, [])\r\n\r\n\r\n const storeCustomer = (customerDetails) => {\r\n\r\n setCustomer(customerDetails)\r\n window.localStorage.setItem(\"customerDetails\", JSON.stringify(customerDetails))\r\n\r\n }\r\n\r\n const fetchData = async () => {\r\n try {\r\n setLoading(true);\r\n\r\n const { response } = await DataService.getData(\"/order/sumOrders\", {\r\n productTypeId: 1\r\n });\r\n setSumOrder(response)\r\n setLoading(false);\r\n } catch (error) {\r\n setLoading(false);\r\n }\r\n };\r\n\r\n const setResults = async (result) => {\r\n //setRowCount(result.count);\r\n\r\n dispatch({\r\n type: \"\",\r\n column: \"\",\r\n payload: result,\r\n });\r\n };\r\n\r\n const _searchChanged = (e) => {\r\n setSearchPhrase(e.target.value);\r\n };\r\n\r\n const _search = async () => {\r\n setLoading(true);\r\n try {\r\n let result = [];\r\n if (searchPhrase) {\r\n\r\n let searchPhrases = searchPhrase.trimStart()\r\n result = await DataService.getData(`/customer/searchCustomer`, {\r\n searchPhrase: searchPhrases,\r\n });\r\n\r\n if (result.length === 0) {\r\n toast.warn('Customer not found')\r\n }\r\n }\r\n\r\n setResults(result);\r\n setLoading(false)\r\n\r\n } catch (error) {\r\n console.log(\"error\", error);\r\n setLoading(false);\r\n }\r\n };\r\n\r\n\r\n const customerDetails = window.localStorage.getItem(\"customerDetails\")\r\n\r\n if (customer || customerDetails) return \r\n {loading && (\r\n \r\n fetching customer details ..... \r\n \r\n )}\r\n\r\n\r\n \r\n \r\n\r\n \r\n\r\n \r\n\r\n \r\n \r\n DAILY SALES CASH\r\n \r\n \r\n ₦{numeral(sumOrder[0]?.cash).format(\"0,0\")}\r\n \r\n\r\n\r\n \r\n \r\n \r\n DAILY SALES COOPERATIVE\r\n \r\n \r\n ₦{numeral(sumOrder[0]?.cooperative + sumOrder[0]?.savings).format(\"0,0\")}\r\n \r\n\r\n\r\n \r\n \r\n \r\n DAILY SALES TOTAL\r\n \r\n \r\n ₦{numeral(sumOrder[0]?.cooperative + sumOrder[0]?.savings + sumOrder[0]?.cash).format(\"0,0\")}\r\n \r\n\r\n\r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n\r\n\r\n );\r\n};\r\n\r\nexport default PhysicalExhition;\r\n","import React ,{useState} from \"react\";\r\nimport { Formik, Field } from \"formik\";\r\nimport * as Yup from \"yup\";\r\nimport { Form, Button, TextArea } from \"semantic-ui-react\";\r\nimport DataService from \"../../services/DataService\";\r\nimport { toast } from \"react-toastify\";\r\n\r\nconst Adhoc = (props) => {\r\n const [loading, setLoading] = useState(false);\r\n\r\n const schema = Yup.object().shape({\r\n firstname: Yup.string().required(\"Required\"),\r\n lastname: Yup.string().required(\"Required\"),\r\n location: Yup.string().required(\"Required\"),\r\n email: Yup.string().email(\"Invalid Email\").required(\"Required\"),\r\n phoneNumber: Yup.string().required(\"Required\"),\r\n });\r\n\r\n const newItem = {\r\n firstname: \"\",\r\n lastname: \"\",\r\n email: \"\",\r\n phoneNumber: \"\",\r\n location : \"\"\r\n };\r\n\r\n const _saveAdhoc = async (adhoc) => {\r\n try {\r\n setLoading(true);\r\n let response = await DataService.postData(\r\n \"/adhoc/saveAdhoc\",\r\n adhoc\r\n );\r\n\r\n if (response.status) {\r\n props.toggleModal(false);\r\n toast.success('Created successfully')\r\n } else {\r\n toast.error(response.message);\r\n }\r\n\r\n setLoading(false);\r\n } catch (error) {\r\n console.log(\"error\", error);\r\n setLoading(false);\r\n }\r\n };\r\n\r\n return (\r\n \r\n {data ? (\r\n <>\r\n\r\n {!customer && (\r\n {/* first row */}\r\n \r\n\r\n \r\n \r\n \r\n Organisation \r\n {data?.organization || data?.group} \r\n \r\n\r\n \r\n\r\n \r\n \r\n \r\n \r\n IGG \r\n {data?.igg} \r\n \r\n\r\n \r\n\r\n \r\n \r\n {/* second row */}\r\n \r\n \r\n \r\n \r\n First Name \r\n {data?.firstname} \r\n \r\n \r\n\r\n \r\n \r\n \r\n\r\n\r\n \r\n Last Name \r\n {data?.lastname} \r\n \r\n\r\n \r\n\r\n \r\n\r\n \r\n\r\n {/* third row */}\r\n \r\n \r\n\r\n \r\n\r\n \r\n\r\n\r\n \r\n )}\r\n\r\n \r\n\r\n ) : (\r\n <>\r\n
\r\n\r\n\r\n PENDING ORDERS
\r\n\r\n {\r\n _saveAdhoc(values);\r\n resetForm();\r\n }}\r\n >\r\n {(props) => {\r\n const {\r\n values,\r\n touched,\r\n errors,\r\n handleChange,\r\n handleSubmit,\r\n resetForm,\r\n } = props;\r\n return (\r\n \r\n );\r\n }}\r\n \r\n
\r\n );\r\n};\r\n\r\nexport default Adhoc;\r\n","import React from \"react\";\r\nimport DataService from \"../../services/DataService\";\r\nimport {\r\n Table,\r\n Dimmer,\r\n Loader,\r\n Button,\r\n Dropdown,\r\n Menu,\r\n Form,\r\n Modal,\r\n Divider,\r\n Label,\r\n Pagination,\r\n Icon\r\n} from \"semantic-ui-react\";\r\nimport dayjs from \"dayjs\";\r\nimport { useState, useEffect } from \"react\";\r\n\r\nimport numeral from \"numeral\";\r\nimport { toast } from \"react-toastify\";\r\nimport Adhoc from \"./Adhoc\";\r\n\r\n\r\nconst AdhocList = (props) => {\r\n const [adhoc, setAdhoc] = useState([]);\r\n const [loading, setLoading] = useState(false);\r\n const [searchPhrase, setSearchPhrase] = useState(null);\r\n const [adhocModalState, toggleAdhocModal] = useState(false);\r\n const [ordersModalState, toggleOrdersModal] = useState(false);\r\n const [selectedAdhoc, setSelectedAdhoc] = useState(null);\r\n const [offset, setOffset] = useState(0);\r\n const [limit] = useState(50);\r\n const [rowCount, setRowCount] = useState(0);\r\n\r\n\r\n\r\n useEffect(() => {\r\n let isSubscribed = true;\r\n\r\n fetchData();\r\n\r\n return () => (isSubscribed = false);\r\n }, [adhocModalState, offset]);\r\n\r\n const fetchData = async () => {\r\n try {\r\n setLoading(true)\r\n await loadAdhocList();\r\n setLoading(false);\r\n } catch (error) {\r\n setLoading(false);\r\n }\r\n };\r\n\r\n const loadAdhocList = async () => {\r\n try {\r\n let query = {\r\n offset: offset,\r\n limit: limit,\r\n };\r\n setLoading(true);\r\n let { response, count } = await DataService.getData(\r\n \"/adhoc/getAdhoc\",\r\n { ...query }\r\n\r\n );\r\n setAdhoc(response);\r\n setRowCount(count)\r\n setLoading(false)\r\n } catch (error) {\r\n setLoading(false);\r\n }\r\n };\r\n\r\n const _searchChanged = (e) => {\r\n setSearchPhrase(e.target.value);\r\n };\r\n\r\n const _search = async () => {\r\n setLoading(true);\r\n try {\r\n\r\n if (searchPhrase) {\r\n let query = {\r\n offset: offset,\r\n limit: limit,\r\n };\r\n let searchPhrases = searchPhrase.trimStart()\r\n let { response, count } = await DataService.getData(`/adhoc/search/`, {\r\n searchPhrase: searchPhrases,\r\n ...query\r\n });\r\n setLoading(false);\r\n setAdhoc(response);\r\n setRowCount(count)\r\n } else {\r\n\r\n }\r\n\r\n } catch (error) {\r\n console.log(\"error\", error);\r\n setLoading(false);\r\n }\r\n };\r\n\r\n\r\n\r\n\r\n\r\n const resetPassword = async (item) => {\r\n try {\r\n setLoading(true);\r\n\r\n await DataService.postData(`/adhoc/resetPassword`, {\r\n id: item.id,\r\n });\r\n\r\n fetchData();\r\n\r\n setLoading(false,);\r\n } catch (error) {\r\n console.log(\"error\", error);\r\n setLoading(false);\r\n }\r\n };\r\n\r\n const toggleActive = async (item) => {\r\n try {\r\n setLoading(true);\r\n\r\n await DataService.postData(`/adhoc/toggleStatus`, {\r\n adhocId: item.id,\r\n status : !item.active\r\n });\r\n\r\n fetchData();\r\n toast.success('Success')\r\n\r\n setLoading(false);\r\n } catch (error) {\r\n console.log(\"error\", error);\r\n setLoading(false);\r\n }\r\n };\r\n\r\n const adhocItems = adhoc?.map((item, index) => (\r\n \r\n {loading && (\r\n \r\n Fetching customers ..... \r\n \r\n )}\r\n\r\n\r\n \r\n \r\n \r\n\r\n {adhoc && (\r\n \r\n
\r\n )}\r\n \r\n setOffset(1 + (activePage - 1) * limit)\r\n }\r\n />\r\n\r\n toggleAdhocModal(false)}\r\n closeIcon\r\n >\r\n Create Adhoc \r\n \r\n \r\n \r\n\r\n {/* toggleOrdersModal(false)}\r\n closeIcon\r\n >\r\n Exhibition Orders \r\n \r\n \r\n */}\r\n\r\n\r\n\r\n
\r\n );\r\n};\r\n\r\nexport default AdhocList;\r\n","import React, { useState } from \"react\";\r\nimport { Item, Image, Table, Label } from \"semantic-ui-react\";\r\nimport dayjs from \"dayjs\";\r\nimport numeral from \"numeral\";\r\n\r\nconst CustomerDetails = (props) => {\r\n const [item] = useState(props?.customer);\r\n return (\r\n \r\n \r\n
\r\n
\r\n );\r\n};\r\n\r\nexport default CustomerDetails;\r\n","import React, { useState, useReducer, useContext, useEffect } from \"react\";\r\n\r\nimport DataService from \"../../services/DataService\";\r\nimport {\r\n Table,\r\n Dimmer,\r\n Loader,\r\n Button,\r\n Dropdown,\r\n Menu,\r\n Form,\r\n Modal,\r\n Image,\r\n Label,\r\n Checkbox,\r\n Pagination,\r\n GridColumn,\r\n Grid,\r\n Card\r\n} from \"semantic-ui-react\";\r\nimport dayjs from \"dayjs\";\r\nimport numeral from \"numeral\";\r\nimport { sortReducer } from \"../../components/SortReducer\";\r\nimport { toast } from \"react-toastify\";\r\nimport { Link } from \"react-router-dom\";\r\nimport { BackendContext } from \"../auth/LandingContainer\";\r\n\r\nimport ProductTypes from \"../../data/ProductTypes\";\r\nimport PhysicalOrderDetails from \"../orders/PhysicalOrderDetails\";\r\nimport CustomerDetails from \"../customers/CustomerDetails\";\r\nimport { extendWith } from \"lodash\";\r\n\r\nconst PhysicalOrder = (props) => {\r\n const [user] = useState(DataService.fetchUser());\r\n const [orderModalState, toggleOrderModal] = useState(false);\r\n const [selectedOrder, setSelectedOrder] = useState(null);\r\n const [customerModalState, toggleCustomerModal] = useState(false);\r\n const [receiptModalState, toggleReceiptModal] = useState(false);\r\n const [iggModalState, toggleIggModal] = useState(false);\r\n const [selectedCustomer, setSelectedCustomer] = useState(null);\r\n const [searchPhrase, setSearchPhrase] = useState(null);\r\n const [searchIggPhrase, setSearchIggPhrase] = useState(null);\r\n const [result, setResult] = useState(null);\r\n const [loading, setLoading] = useState(false);\r\n const [receiptNo, setReceiptNo] = useState(null);\r\n\r\n const [offset, setOffset] = useState(0);\r\n const [limit] = useState(20);\r\n const [rowCount, setRowCount] = useState(0);\r\n\r\n const [state, dispatch] = useReducer(sortReducer, {\r\n column: null,\r\n data: null,\r\n direction: null,\r\n });\r\n const { column, data, direction } = state;\r\n\r\n useEffect(() => {\r\n let isSubscribed = true;\r\n\r\n fetchData();\r\n\r\n return () => (isSubscribed = false);\r\n }, [offset]);\r\n\r\n\r\n\r\n\r\n const setOrders = async (result) => {\r\n\r\n dispatch({\r\n type: \"\",\r\n column: \"\",\r\n payload: result,\r\n });\r\n };\r\n const fetchData = async () => {\r\n try {\r\n setLoading(true);\r\n\r\n let result = null;\r\n result = await DataService.getData(\"/order/getAllPhysicalOrders\", {\r\n productTypeId: ProductTypes.COMMERCE.id\r\n });\r\n setOrders(result);\r\n setRowCount(result?.count)\r\n setLoading(false);\r\n } catch (error) {\r\n setLoading(false);\r\n }\r\n };\r\n\r\n const viewOrderDetails = async (item) => {\r\n\r\n setSelectedOrder(item);\r\n toggleOrderModal(true);\r\n\r\n };\r\n\r\n const viewIggModalState = async () => {\r\n\r\n toggleIggModal(true);\r\n\r\n };\r\n const viewCustomerDetails = async (item) => {\r\n\r\n setSelectedCustomer(item);\r\n toggleCustomerModal(true);\r\n\r\n };\r\n\r\n const _searchChanged = (e) => {\r\n setSearchPhrase(e.target.value);\r\n };\r\n\r\n const approveOrder = async (item, order) => {\r\n try {\r\n\r\n setLoading(true);\r\n\r\n const selection = window.prompt(\"Enter customer otp:\")\r\n\r\n if (/^[0-9.,]+$/.test(selection) && selection.toString().length === 6) {\r\n const { receipt_no } = await DataService.postData(`/checkout/approvePhysicalOrder`, {\r\n item: item,\r\n order: order,\r\n otp: selection\r\n });\r\n\r\n toast.success(\"Action completed\");\r\n toggleReceiptModal(true)\r\n setReceiptNo(receipt_no)\r\n return fetchData();\r\n\r\n } else if (selection === 0) {\r\n //to display cancelled error\r\n } else {\r\n toast.warn('Enter only numbers or length is greatet than 6');\r\n }\r\n setLoading(false);\r\n return\r\n\r\n\r\n\r\n } catch (error) {\r\n toast.warn(error)\r\n setLoading(false);\r\n }\r\n };\r\n const dropOrder = async (item, order) => {\r\n try {\r\n\r\n setLoading(true);\r\n\r\n const confirm = window.confirm('Do you want to drop order?')\r\n\r\n if (confirm) {\r\n await DataService.postData(`/checkout/dropPhysicalOrder`, {\r\n item: item,\r\n order: order\r\n });\r\n toast.success(\"Action completed\");\r\n fetchData();\r\n }\r\n return setLoading(false);\r\n\r\n } catch (error) {\r\n setLoading(false);\r\n toast.warn(error)\r\n }\r\n };\r\n const resendOtp = async (item) => {\r\n try {\r\n\r\n setLoading(true);\r\n await DataService.postData(`/auth/resendOtp`, {\r\n item: item,\r\n vendor: data.productItems.find((e) => e.PurchaseId === item.id)?.vendor\r\n });\r\n toast.success(\"Otp sent\");\r\n fetchData();\r\n\r\n setLoading(false)\r\n } catch (error) {\r\n toast.warn(error)\r\n setLoading(false);\r\n }\r\n };\r\n\r\n const _searchIggChanged = (e) => {\r\n setSearchIggPhrase(e.target.value);\r\n };\r\n\r\n\r\n const searchIgg = async () => {\r\n setLoading(true);\r\n try {\r\n let result = [];\r\n if (searchIggPhrase) {\r\n\r\n const searchIggPhrases = searchIggPhrase.trimStart()\r\n result = await DataService.getData(`/customer/searchCustomer`, {\r\n searchPhrase: searchIggPhrases,\r\n });\r\n\r\n if (result.length === 0) {\r\n\r\n toast.warn('Customer not found')\r\n }\r\n }\r\n\r\n setResult(result);\r\n setLoading(false)\r\n\r\n } catch (error) {\r\n console.log(\"error\", error);\r\n setLoading(false);\r\n }\r\n };\r\n\r\n\r\n const _search = async () => {\r\n setLoading(true);\r\n try {\r\n let result = [];\r\n if (searchPhrase) {\r\n let searchPhrases = searchPhrase.trimStart()\r\n result = await DataService.getData(`/order/searchPhysicalOrders`, {\r\n searchPhrase: searchPhrases,\r\n productTypeId: ProductTypes.COMMERCE.id,\r\n });\r\n }\r\n setLoading(false);\r\n\r\n dispatch({\r\n type: \"\",\r\n column: \"\",\r\n payload: result,\r\n });\r\n } catch (error) {\r\n console.log(\"error\", error);\r\n setLoading(false);\r\n }\r\n };\r\n\r\n\r\n\r\n const purchases = data?.summary?.map((item, index) =>\r\n\r\n\r\n \r\n
\r\n \r\n {item.firstname}{' '}\r\n {item.lastname}\r\n\r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n {dayjs(item.bookedOn).format(\"DD-MMM-YYYY\")}\r\n {data.productItems.find((e) => e.PurchaseId === item.id)?.vendor}\r\n \r\n \r\n {item?.walletLocked ? \"Locked\" : \"unlocked\"}\r\n \r\n \r\n \r\n \r\n {!item?.walletLocked && item?.cooperative === (item?.walletPayment || 0) && item?.savings == 0 &&\r\n (item?.total === (parseInt(item?.cooperative) + parseInt(item?.savings) + parseInt(item?.cash))) &&\r\n (\r\n approveOrder(item, data?.productItems.filter((e) => item.id === e.PurchaseId))}\r\n\r\n />\r\n )}\r\n {item?.walletLocked && item?.cooperative == 0 && item?.savings == 0 &&\r\n (item?.total === (parseInt(item?.cooperative) + parseInt(item?.savings) + parseInt(item?.cash))) &&\r\n (\r\n approveOrder(item, data?.productItems.filter((e) => item.id === e.PurchaseId))}\r\n />\r\n )}\r\n\r\n {user.group[0] === 'ADMIN' && item?.savings > 0 && (\r\n approveOrder(item, data?.productItems.filter((e) => item.id === e.PurchaseId))}\r\n />\r\n )}\r\n\r\n dropOrder(item, data?.productItems.filter((e) => item.id === e.PurchaseId))}\r\n />\r\n resendOtp(item)}\r\n />\r\n\r\n \r\n \r\n\r\n
\r\n\r\n \r\n {/* \r\n\r\n \r\n \r\n\r\n )\r\n return (\r\n \r\n {/* {index + 1} */}\r\n {item.id} \r\n {dayjs(item.createdAt).format(\"DD-MMM-YYYY\")} \r\n {item.firstname} {item.lastname} \r\n {item.email} \r\n {item.phoneNumber} \r\n {item.Rating} \r\n \r\n\r\n \r\n { item.cooperator\r\n ? \"YES\"\r\n : \"NO\"}\r\n \r\n\r\n \r\n \r\n\r\n ₦ {numeral(item.Budget).format(\"0,0\")}\r\n\r\n \r\n \r\n\r\n \r\n {item.completed}\r\n \r\n\r\n \r\n\r\n \r\n \r\n \r\n {/* {\r\n setSelectedbeneficairy(item);\r\n //toggleModal(true);\r\n\r\n }}\r\n /> */}\r\n\r\n resendLink(item)}\r\n />\r\n\r\n \r\n \r\n \r\n \r\n ));\r\n\r\n\r\n return (\r\n \r\n {index + 1} \r\n {capitalize(item.firstname)} \r\n {item.lastname.toUpperCase()} \r\n {1} \r\n {item.flat} \r\n ))\r\n\r\n\r\n\r\n const saveBallotVariables = () => {\r\n try {\r\n const ballotVariablesJSON = JSON.stringify(ballotVariables);\r\n localStorage.setItem('ballotVariables', ballotVariablesJSON);\r\n } catch (error) {\r\n console.error('Error saving ballot variables to local storage:', error);\r\n }\r\n }\r\n\r\n\r\n useEffect(() => {\r\n fetchData()\r\n }, [])\r\n\r\n\r\n const handleClick = (index) => {\r\n setSelectedApplicant(index);\r\n setAnimationClass('purple-background');\r\n\r\n };\r\n\r\n\r\n const postWinner = async (currentBallotItem, currentBallotWinner) => {\r\n\r\n try {\r\n let payload = {\r\n ballotWinner: currentBallotWinner,\r\n item: currentBallotItem\r\n }\r\n const { message } = await DataService.postData('/ballot/saveWinner', payload)\r\n return message\r\n\r\n } catch (error) {\r\n console.log(error);\r\n }\r\n }\r\n\r\n\r\n const handleTimeout = async (\r\n currentBallotWinner,\r\n currentBallotItem\r\n ) => {\r\n counterTimer.textContent = 'Time Up!'\r\n try {\r\n saveBallotVariables()\r\n let message = await postWinner(currentBallotItem, currentBallotWinner)\r\n if (!message) return toast.error('Network Error')\r\n toggleWinnerModal(true)\r\n counterTimer.style.display = 'none'\r\n ballotButton.style.display = 'inline-block'\r\n\r\n } catch (error) {\r\n return toast.error(error)\r\n }\r\n\r\n\r\n }\r\n\r\n\r\n const handleBallot = async () => {\r\n\r\n if (ballotVariables.ballotCompleted) return toast.success(\"Ballot Completed\")\r\n\r\n if (ballotVariables.currentIndex >= applicants[0]?.rounds) {\r\n ballotVariables.ballotCompleted = true\r\n toast.success(\"Ballot Completed\")\r\n\r\n const payload = {\r\n ballotname: applicants[0]?.ballotname\r\n }\r\n const { message } = await DataService.postData('/ballot/ballotCompleted', payload)\r\n if (!message) return toast.error('Network error')\r\n localStorage.clear('ballotVariables')\r\n return window.location.reload()\r\n\r\n }\r\n\r\n if (winnerIndex) {\r\n const a = capitalize(applicants[winnerIndex].firstname) + ' ' + applicants[winnerIndex].lastname.toUpperCase()\r\n counterTimer.style.display = 'inline-block'\r\n window.alert(`${a} has been removed`)\r\n applicants.splice(winnerIndex, 1)\r\n flats.splice(flatIndex, 1)\r\n\r\n }\r\n\r\n ballotButton.style.display = 'none'\r\n ballotVariables.currentIndex++\r\n\r\n const intervalId = setInterval(async () => {\r\n\r\n ballotVariables.secondsLeft--\r\n const randomIndex = Math.floor(Math.random() * applicants.length);\r\n const randomFlat = Math.floor(Math.random() * flats.length);\r\n handleClick(randomIndex)\r\n\r\n if (ballotVariables.secondsLeft <= 0) {\r\n\r\n clearInterval(intervalId);\r\n const currentBallotWinner = applicants[randomIndex]\r\n currentBallotWinner.flat = flats[randomFlat]\r\n setAnimationClass('blink-animation');\r\n ballotVariables.allBallotWinners.push(currentBallotWinner)\r\n ballotVariables.secondsLeft = 300\r\n setWinnerIndex(randomIndex)\r\n setFlatIndex(randomFlat)\r\n\r\n return await handleTimeout(currentBallotWinner, ballotVariables.currentIndex)\r\n\r\n } else {\r\n\r\n counterTimer.textContent = `Time Left: ${Math.round(ballotVariables.secondsLeft / 5)} seconds`\r\n }\r\n }, 200);\r\n }\r\n\r\n\r\n return (\r\n \r\n \r\n {index + 1} \r\n {item?.voucherCode} \r\n {item?.Voucher?.firstname} {item?.Voucher?.lastname} \r\n {item?.Voucher?.email} \r\n {item?.Voucher?.igg} \r\n \r\n \r\n ₦{numeral(item?.Voucher?.amount).format(\"0,0\")}\r\n \r\n \r\n \r\n \r\n {item?.RedeemedDate ? (\r\n dayjs(item?.RedeemedDate).format(\"DD-MMM-YYYY\")\r\n ) : (\r\n <>\r\n )}\r\n \r\n \r\n\r\n {item?.AgmGift?.giftName} \r\n \r\n ));\r\n return (\r\n \r\n Save\r\n \r\n \r\n );\r\n }}\r\n \r\n
\r\n );\r\n};\r\n\r\nexport default VoucherUpload;\r\n","import React, { useEffect, useState, useReducer } from \"react\";\r\nimport DataService from \"../../services/DataService\";\r\nimport {\r\n Table,\r\n Dimmer,\r\n Loader,\r\n Label,\r\n Pagination,\r\n Menu,\r\n Form,\r\n Checkbox,\r\n Button\r\n} from \"semantic-ui-react\";\r\nimport { toast } from \"react-toastify\";\r\nimport dayjs from \"dayjs\";\r\nimport { sortReducer } from \"../../components/SortReducer\";\r\nimport numeral from \"numeral\";\r\n\r\nconst AdminCouponList = (props) => {\r\n\r\n const [loading, setLoading] = useState(false);\r\n const [offset, setOffset] = useState(0);\r\n const [limit] = useState(15);\r\n const [rowCount, setRowCount] = useState(0);\r\n const [user] = useState(DataService.fetchUser());\r\n const [searchPhrase, setSearchPhrase] = useState(null);\r\n const [checked, setChecked] = useState({ check: false, data: '' })\r\n\r\n useEffect(() => {\r\n fetchData();\r\n\r\n }, [offset]);\r\n\r\n const fetchData = async () => {\r\n try {\r\n setLoading(true);\r\n\r\n if (props.vouchers) {\r\n console.log(props.vouchers);\r\n setResults(props.vouchers);\r\n } else {\r\n\r\n await fetchVoucherList();\r\n }\r\n\r\n setLoading(false);\r\n } catch (error) {\r\n setLoading(false);\r\n }\r\n };\r\n const [state, dispatch] = useReducer(sortReducer, {\r\n column: null,\r\n data: null,\r\n direction: null,\r\n });\r\n const { column, data, direction } = state;\r\n const fetchVoucherList = async () => {\r\n try {\r\n let { count, rows } = await DataService.getData(\r\n \"/voucher/getAllVoucher\", {\r\n offset: offset,\r\n limit: limit,\r\n }\r\n );\r\n\r\n setResults(rows);\r\n setRowCount(count)\r\n } catch (error) {\r\n setLoading(false);\r\n }\r\n };\r\n\r\n const setResults = async (result) => {\r\n dispatch({\r\n type: \"\",\r\n column: \"\",\r\n payload: result,\r\n });\r\n };\r\n\r\n\r\n const _searchChanged = (e) => {\r\n setSearchPhrase(e.target.value);\r\n };\r\n\r\n const _search = async () => {\r\n setLoading(true);\r\n try {\r\n let result = [];\r\n if (searchPhrase) {\r\n\r\n let searchPhrases = searchPhrase.trimStart()\r\n result = await DataService.getData(`/voucher/voucherListSearch`, {\r\n searchPhrase: searchPhrases,\r\n });\r\n } else {\r\n fetchData();\r\n }\r\n\r\n setResults(result);\r\n setLoading(false)\r\n\r\n } catch (error) {\r\n console.log(\"error\", error);\r\n setLoading(false);\r\n }\r\n };\r\n\r\n\r\n\r\n const _sendReminder = async (values) => {\r\n setLoading(true)\r\n try {\r\n\r\n let count = await DataService.postData(\r\n \"/voucher/sendReminder\", {\r\n id: checked.data.id,\r\n type: checked.data.type\r\n }\r\n );\r\n\r\n setLoading(false);\r\n setChecked({ check: false, data: '' })\r\n if (count) {\r\n toast.success(`Email sent successfully to ${count}`);\r\n }\r\n\r\n } catch (error) {\r\n setLoading(false);\r\n }\r\n };\r\n\r\n const voucherItems = data?.map((item, index) => (\r\n */}\r\n Product Name
{data?.productItems?.map((e, v) =>\r\n\r\n\r\n
{data?.productItems?.map((e, v) =>\r\n\r\n\r\n
{data?.productItems?.map((e, v) =>\r\n\r\n\r\n
{data?.productItems?.map((e, v) =>\r\n\r\n\r\n
\r\n\r\n\r\n \r\n \r\n {data?.productItems?.map((e, v) =>\r\n\r\n\r\n
{e.PurchaseId == item?.id && e.name}
\r\n )}\r\n \r\n\r\n Price {data?.productItems?.map((e, v) =>\r\n\r\n\r\n
{e.PurchaseId == item?.id && '₦' + numeral(e.price).format(\"0,0\")}
\r\n )}\r\n \r\n Quantity {data?.productItems?.map((e, v) =>\r\n\r\n\r\n
{e.PurchaseId == item?.id && e.quantity}
\r\n )}\r\n \r\n Total {data?.productItems?.map((e, v) =>\r\n\r\n\r\n
{e.PurchaseId == item?.id && '₦' + numeral(e.total).format(\"0,0\")}
\r\n )}\r\n \r\n\r\n\r\n\r\n\r\n \r\n\r\n \r\n \r\n \r\n\r\n\r\n
\r\n \r\n\r\n \r\n \r\n \r\n\r\n
\r\n\r\n\r\n\r\n \r\n {loading && (\r\n \r\n fetching orders ...... \r\n \r\n )}\r\n\r\n \r\n\r\n\r\n {data && (\r\n \r\n\r\n \r\n
\r\n\r\n\r\n\r\n \r\n setOffset(1 + (activePage - 1) * limit)\r\n }\r\n />\r\n \r\n )}\r\n\r\n\r\n {data && (\r\n \r\n {mobileViewPurchases}\r\n\r\n\r\n \r\n )}\r\n\r\n toggleOrderModal(false)}\r\n closeIcon\r\n >\r\n Order Details \r\n \r\n\r\n \r\n \r\n toggleCustomerModal(false)}\r\n closeIcon\r\n >\r\n Customer Details \r\n \r\n\r\n \r\n \r\n\r\n toggleReceiptModal(false)}\r\n closeIcon\r\n >\r\n Receipt Number \r\n \r\n \r\n\r\n Receipt Number is {receiptNo}\r\n \r\n \r\n \r\n\r\n toggleIggModal(false)}\r\n closeIcon\r\n >\r\n Customer Details \r\n \r\n\r\n {loading && (\r\n \r\n Searching ..... \r\n \r\n )}\r\n \r\n\r\n\r\n {result && (\r\n {/* first row */}\r\n \r\n\r\n \r\n \r\n \r\n Organisation \r\n {result?.organization || result?.group} \r\n \r\n\r\n \r\n\r\n \r\n \r\n \r\n \r\n IGG \r\n {result?.igg} \r\n \r\n\r\n \r\n\r\n \r\n \r\n {/* second row */}\r\n \r\n \r\n \r\n \r\n First Name \r\n {result?.firstname} \r\n \r\n \r\n\r\n \r\n \r\n \r\n\r\n\r\n \r\n Last Name \r\n {result?.lastname} \r\n \r\n\r\n \r\n\r\n\r\n \r\n \r\n \r\n )}\r\n\r\n \r\n \r\n
\r\n );\r\n};\r\n\r\nexport default PhysicalOrder;\r\n","import React, { useContext ,useEffect} from \"react\";\r\nimport { Menu } from \"semantic-ui-react\";\r\nimport { Switch, Route, Link, Redirect } from \"react-router-dom\";\r\nimport { BackendContext } from \"../auth/LandingContainer\";\r\nimport ProductTypes from \"../../data/ProductTypes\";\r\nimport AdhocList from \"../Adhoc/AdhocList\";\r\nimport PhysicalOrder from \"../Adhoc/PhysicalOrder\";\r\n\r\n\r\nconst AdhocStaffBackend = (props) => {\r\n const backendContext = useContext(BackendContext);\r\n\r\n useEffect(() => {\r\n backendContext.setBackendState({\r\n ...backendContext.backendState,\r\n productType: ProductTypes.MART,\r\n });\r\n }, []);\r\n\r\n return (\r\n \r\n {backendContext.backendState.productType && (\r\n
\r\n );\r\n};\r\n\r\nexport default AdhocStaffBackend;\r\n","import React, { useEffect, useState } from \"react\";\r\nimport DataService from \"../../services/DataService\";\r\nimport {\r\n Table,\r\n Dimmer,\r\n Loader,\r\n Button,\r\n Dropdown,\r\n Menu,\r\n Form,\r\n Modal,\r\n Divider,\r\n Label,\r\n Pagination\r\n} from \"semantic-ui-react\";\r\nimport dayjs from \"dayjs\";\r\nimport numeral from \"numeral\";\r\nimport { toast } from \"react-toastify\";\r\nimport MemberUpload from \"../organizations/MemberUpload\";\r\n\r\n\r\n\r\n\r\nconst GeneratorAdmin = (props) => {\r\n const [beneficairyList, setBeneficairytList] = React.useState([]);\r\n const [loading, setLoading] = React.useState(false);\r\n const [searchPhrase, setSearchPhrase] = React.useState(null);\r\n const [generatorUploadModalState, toggleGeneratorUploadModal] = React.useState(false);\r\n // const [customerModalState, toggleCustomerModal] = React.useState(false);\r\n const [selectedbeneficiary, setSelectedbeneficairy] = React.useState(null);\r\n const [offset, setOffset] = useState(0);\r\n const [limit] = useState(50);\r\n const [rowCount, setRowCount] = useState(0);\r\n\r\n\r\n\r\n useEffect(() => {\r\n let isSubscribed = true;\r\n\r\n loadList()\r\n return () => (isSubscribed = false);\r\n }, [offset]);\r\n\r\n\r\n\r\n const loadList = async () => {\r\n try {\r\n let query = {\r\n offset: offset,\r\n limit: limit,\r\n };\r\n setLoading(true);\r\n let { response, count } = await DataService.getData(\r\n \"/generator/getBeneficiaryList\",\r\n { ...query }\r\n\r\n );\r\n\r\n setBeneficairytList(response);\r\n setRowCount(count)\r\n setLoading(false)\r\n } catch (error) {\r\n setLoading(false);\r\n }\r\n };\r\n\r\n const _searchChanged = (e) => {\r\n setSearchPhrase(e.target.value);\r\n };\r\n\r\n const _search = async () => {\r\n setLoading(true);\r\n try {\r\n\r\n if (searchPhrase) {\r\n let query = {\r\n offset: offset,\r\n limit: limit,\r\n };\r\n let searchPhrases = searchPhrase.trimStart()\r\n let { response, count } = await DataService.getData(`/generator/search/`, {\r\n searchPhrase: searchPhrases,\r\n ...query\r\n });\r\n setLoading(false);\r\n setBeneficairytList(response);\r\n setRowCount(count)\r\n }\r\n } catch (error) {\r\n console.log(\"error\", error);\r\n setLoading(false);\r\n }\r\n };\r\n\r\n\r\n\r\n\r\n const resendLink = async (item) => {\r\n try {\r\n setLoading(true);\r\n\r\n const { success } = await DataService.postData(`/generator/resendLink`, {\r\n id: item.id,\r\n });\r\n\r\n loadList();\r\n\r\n setLoading(false);\r\n if (success) {\r\n\r\n toast.success('success')\r\n }\r\n } catch (error) {\r\n console.log(\"error\", error);\r\n setLoading(false);\r\n toast.warn('failed')\r\n }\r\n };\r\n\r\n const beneficairyItems = beneficairyList?.map((item, index) => (\r\n \r\n \r\n \r\n \r\n
\r\n )}\r\n \r\n {loading && (\r\n \r\n Fetching beneficiary ..... \r\n \r\n )}\r\n\r\n\r\n\r\n \r\n\r\n\r\n\r\n {beneficairyItems && (\r\n \r\n
\r\n )}\r\n \r\n setOffset(1 + (activePage - 1) * limit)\r\n }\r\n />\r\n\r\n toggleGeneratorUploadModal(false)}\r\n closeIcon\r\n >\r\n Generator \r\n \r\n \r\n \r\n\r\n\r\n\r\n
\r\n );\r\n}\r\n\r\nexport default GeneratorAdmin","import React,{useEffect} from 'react'\r\nimport { Menu } from \"semantic-ui-react\";\r\nimport { Switch, Route, Link, Redirect } from \"react-router-dom\";\r\nimport GeneratorAdmin from './GeneratorAdmin';\r\n\r\n\r\n\r\nconst GeneratorBackend = (props) => {\r\n\r\n useEffect(() => {\r\n \r\n }, []);\r\n\r\n return (\r\n \r\n \r\n
\r\n );\r\n};\r\n\r\n\r\n\r\nexport default GeneratorBackend","import React, { useEffect, useState } from 'react'\r\nimport './Ballot.css'\r\nimport { Container, Header, Grid, Segment, Button, Dimmer, Image, Table, Modal } from 'semantic-ui-react';\r\nimport { toast } from \"react-toastify\";\r\nimport DataService from '../../services/DataService';\r\n\r\n\r\nconst Ballot = () => {\r\n\r\n const [selectedApplicant, setSelectedApplicant] = useState(null);\r\n const [applicants, setApplicants] = useState([]);\r\n const [winnerIndex, setWinnerIndex] = useState(null);\r\n const [flatIndex, setFlatIndex] = useState(null);\r\n const [flats, setFlat] = useState(['Akpo 22B','Akpo 22C','Amenam close 1C']);\r\n const [animationClass, setAnimationClass] = useState('');\r\n const [loading, setLoading] = useState(false);\r\n const [winnerModalState, toggleWinnerModal] = useState(false);\r\n\r\n const counterTimer = document.getElementById('counterTimer')\r\n const ballotButton = document.getElementById('ballot-button')\r\n\r\n const retrieveBallotVariables = () => {\r\n try {\r\n const storedBallotVariables = localStorage.getItem('ballotVariables');\r\n return storedBallotVariables ? JSON.parse(storedBallotVariables) : null;\r\n } catch (error) {\r\n console.error('Error retrieving ballot variables from local storage:', error);\r\n return null;\r\n }\r\n }\r\n const ballotVariables = retrieveBallotVariables() || {\r\n allBallotWinners: [],\r\n currentIndex: 0,\r\n secondsLeft: 300,\r\n ballotCompleted: false\r\n\r\n };\r\n\r\n const shuffleArray = (array) => {\r\n\r\n const shuffledArray = array.slice();\r\n for (let i = shuffledArray.length - 1; i > 0; i--) {\r\n const j = Math.floor(Math.random() * (i + 1));\r\n [shuffledArray[i], shuffledArray[j]] = [shuffledArray[j], shuffledArray[i]];\r\n }\r\n\r\n return shuffledArray;\r\n }\r\n\r\n\r\n const fetchData = async () => {\r\n setLoading(true)\r\n try {\r\n const result = await DataService.getData('/ballot/ballotApplicants')\r\n setApplicants(shuffleArray(result))\r\n setLoading(false)\r\n\r\n } catch (error) {\r\n setLoading(false)\r\n toast.warn(error)\r\n }\r\n }\r\n\r\n\r\n const capitalize = (word) => word.charAt(0).toUpperCase() + word.slice(1).toLowerCase()\r\n\r\n const winnerItems = ballotVariables.allBallotWinners?.map((item, index) => (\r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n {loading && (\r\n \r\n \r\n )}\r\n\r\n {applicants.length > 0 ? applicants[0]?.ballotname : 'No'} Ballot and\r\n Current Subscribers {applicants.length} \r\n \r\n {applicants?.map((applicant, index) => (\r\n \r\n \r\n {`${capitalize(applicant.firstname.split(' ')[0])} ${applicant.lastname.toUpperCase()}`}\r\n \r\n \r\n ))}\r\n\r\n \r\n \r\n \r\n \r\n \r\n )}\r\n\r\n {applicants.length === 0 && (\r\n toggleWinnerModal(false)}\r\n closeIcon\r\n >\r\n {applicants[0]?.ballotname} Ballot Winners \r\n \r\n\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n )\r\n}\r\n\r\nexport default Ballot","import React, { useState, useEffect } from \"react\";\r\n\r\nimport {\r\n Icon,\r\n Menu,\r\n Grid,\r\n Image,\r\n Sidebar,\r\n Segment,\r\n Dropdown,\r\n Modal,\r\n Card,\r\n Label,\r\n Button,\r\n Input,\r\n Loader,\r\n Dimmer\r\n} from \"semantic-ui-react\";\r\nimport DataService from \"../../services/DataService\";\r\nimport { Switch, Route, Redirect } from \"react-router-dom\";\r\nimport GuestHouseBackend from \"../guest-house/GuestHouseBackend\";\r\nimport Topbreadcrumb from \"../../components/Topbreadcrumb\";\r\nimport ProductList from \"../products/ProductList\";\r\nimport VendorOrders from \"../orders/VendorOrders\";\r\nimport CustomerList from \"../customers/CustomerList\";\r\nimport CategoryAdmin from \"../category/CategoryAdmin\";\r\nimport OrganizationList from \"../organizations/OrganizationList\";\r\nimport Dashboard from \"../dashboard/Dashboard\";\r\nimport DieselBackend from \"../diesel/DieselBackend\";\r\nimport ExhibitionBackend from \"../exhibition/ExhibitionBackend\";\r\nimport styled, { keyframes } from 'styled-components'\r\nimport LubricantBackend from \"../lubricant/LubricantBackend\";\r\nimport LaundryBackend from \"../laundry/LaundryBackend\";\r\nimport MartBackend from \"../mart/MartBackend\";\r\nimport LubeBayBackend from \"../lubebay/LubeBayBackend\";\r\nimport PosCustomerList from \"../customers/PosCustomerList\";\r\nimport CustomerPurchases from \"../orders/CustomerPurchases\";\r\nimport CustomerVendorPurchases from \"../orders/CustomerVendorPurchases\";\r\nimport CustomerBackend from \"../customers/CustomerBackend\";\r\nimport moment from \"moment\";\r\nimport BottomNavigation from \"./BottomNavigation\";\r\nimport PhysicalExhition from \"../exhibition/PhysicalExhibition\";\r\nimport AdhocStaffBackend from \"../exhibition/AdhocStaffBackend\";\r\nimport PhysicalOrder from \"../Adhoc/PhysicalOrder\";\r\nimport GeneratorBackend from \"../Generator/GeneratorBackend\";\r\nimport Ballot from \"../ballot/Ballot\";\r\nvar crypto = require('crypto');\r\n\r\nexport const BackendContext = React.createContext({\r\n backendState: null,\r\n setBackendState: () => { },\r\n});\r\n\r\nconst LandingContainer = (props) => {\r\n const [user] = React.useState(DataService.fetchUser());\r\n const [currentPath, setCurrentPath] = React.useState(\r\n props.location?.pathname\r\n );\r\n\r\n const [sideBarVisible, setSidebarVisible] = React.useState(true);\r\n const [salesModalState, setSalesModal] = React.useState(false)\r\n const [backendState, setBackendState] = useState({ productType: null });\r\n const [loadingDownload, setLoadingDownload] = useState(false)\r\n \r\n const [notifications, setNotifications] = useState(null)\r\n const [productId, setProductId] = useState([])\r\n\r\n useEffect(() => {\r\n setCurrentPath(props.location?.pathname);\r\n\r\n if(user?.group?.includes(\"ADMIN\")) {\r\n\r\n fetchData()\r\n }\r\n }, [props.location]);\r\n\r\n\r\n\r\n const fetchData = async () => {\r\n\r\n try {\r\n let result = await DataService.getData('/product/getProductStatusRealtime')\r\n setNotifications(result.count)\r\n setProductId(result.response)\r\n } catch (error) {\r\n console.log(error);\r\n }\r\n }\r\n\r\n const _logout = async () => {\r\n try {\r\n await DataService.signOut();\r\n props.history.push(\"/home\");\r\n } catch (error) {\r\n console.log(\"error \", error);\r\n }\r\n };\r\n\r\n const _profile = async () => {\r\n try {\r\n\r\n if (user.group.includes(\"Staff\") || user.group.includes(\"ADMIN\")) {\r\n\r\n // props.history.push(`/staff/profile`, { staff: user });\r\n } else if (user.group.includes(\"VENDOR\")) {\r\n\r\n //props.history.push(`/customers/new`, { user: user });\r\n }\r\n } catch (error) {\r\n\r\n console.log(\"error\", error);\r\n }\r\n };\r\n\r\n const _goTo = (path) => {\r\n // setCurrentPath(`${props.match?.path}/${path}`);\r\n props.history.push(`${props.match?.path}/${path}`);\r\n };\r\n const [startDate, handleStartDate] = React.useState({\r\n customersPurchase: moment().format('YYYY-MM-DD')\r\n })\r\n const [endDate, handleEndDate] = React.useState({\r\n customersPurchase: moment().format('YYYY-MM-DD')\r\n\r\n })\r\n const handleExcel = () => {\r\n try {\r\n DataService.downloadfile('/analytics/excelReport', {\r\n startDate: startDate.customersPurchase,\r\n endDate: endDate.customersPurchase\r\n }\r\n\r\n )\r\n\r\n setSalesModal(false)\r\n\r\n } catch (error) {\r\n console.log(error);\r\n }\r\n }\r\n\r\n const handlePdf = async () => {\r\n try {\r\n setLoadingDownload(true)\r\n const response = await DataService.downloadfile('/analytics/pdfReport', {\r\n startDate: startDate.customersPurchase,\r\n endDate: endDate.customersPurchase\r\n }\r\n\r\n )\r\n\r\n if (response) {\r\n setLoadingDownload(false)\r\n setSalesModal(false)\r\n }\r\n \r\n setLoadingDownload(false)\r\n\r\n } catch (error) {\r\n setLoadingDownload(false)\r\n console.log(error);\r\n\r\n }\r\n }\r\n\r\n\r\n\r\n\r\n return (\r\n \r\n
\r\n\r\n )}\r\n\r\n No Active Ballot Found
\r\n\r\n\r\n \r\n setVisible(false)}\r\n vertical\r\n visible={sideBarVisible}\r\n width=\"thin\"\r\n\r\n\r\n >\r\n \r\n \r\n\r\n {user?.group?.includes(\"VENDOR\") && (\r\n <>\r\n\r\n _goTo(\"physical-exhibition\")}\r\n >\r\n _goTo(\"products\")}\r\n >\r\n _goTo(\"orders\")}\r\n >\r\n _goTo(\"pos\")}\r\n >\r\n DataService.downloadfile('/product/getProductTemplate')}\r\n >\r\n\r\n \r\n setSalesModal(true)}\r\n >\r\n setSalesModal(false)}\r\n closeIcon\r\n >\r\n Sales Reports \r\n \r\n {loadingDownload && (\r\n \r\n Downloading ..... \r\n \r\n )}\r\n\r\n \r\n \r\n handleStartDate({ ...startDate, customersPurchase: e.target.value })}\r\n value={startDate.customersPurchase}\r\n min='2020-01-01'\r\n max='2050-12-31'\r\n />\r\n \r\n handleEndDate({ ...endDate, customersPurchase: e.target.value })}\r\n value={endDate.customersPurchase}\r\n\r\n min='2020-01-01'\r\n max='2050-12-31'\r\n />\r\n \r\n \r\n \r\n\r\n \r\n\r\n \r\n\r\n\r\n \r\n \r\n\r\n\r\n \r\n )}\r\n\r\n\r\n\r\n {user?.group?.includes(\"ADHOC\") && (\r\n <>\r\n\r\n\r\n _goTo(\"physical-orders\")}\r\n >\r\n _goTo(\"customers\")}\r\n >\r\n _goTo(\"dashboard\")}\r\n >\r\n _goTo(\"organizations\")}\r\n >\r\n _goTo(\"customers\")}\r\n >\r\n _goTo(\"commerce\")}\r\n >\r\n _goTo(\"physical\")}\r\n >\r\n _goTo(\"diesel\")}\r\n >\r\n _goTo(\"lubricant\")}\r\n >\r\n _goTo(\"laundry\")}\r\n >\r\n _goTo(\"mart\")}\r\n >\r\n _goTo(\"lubebay\")}\r\n >\r\n _goTo(\"guest-house\")}\r\n >\r\n _goTo(\"categories\")}\r\n >\r\n _goTo(\"generatorlist\")}\r\n \r\n >\r\n \r\n Generator\r\n \r\n\r\n\r\n _goTo(\"ballot\")}\r\n \r\n >\r\n _goTo(\"shipping\")}\r\n disabled\r\n >\r\n _goTo(\"dashboard\")}\r\n disabled\r\n >\r\n _goTo(\"dashboard\")}\r\n disabled\r\n >\r\n _goTo(\"dashboard\")}\r\n disabled\r\n >\r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n\r\n {user?.group?.includes(\"ADMIN\") && (<>\r\n\r\n \r\n\r\n\r\n \r\n\r\n {productId && productId.map((item) => (\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n
\r\n \r\n {loading && (\r\n \r\n Fetching vouchers ..... \r\n \r\n )}\r\n \r\n {posvoucherList && (\r\n \r\n
\r\n )}\r\n\r\n\r\n\r\n setOffset(1 + (activePage - 1) * limit)\r\n }\r\n />\r\n\r\n
\r\n );\r\n};\r\n\r\nexport default PosCouponList;\r\n","import React, { useState,useEffect } from \"react\";\r\n\r\nimport DataService from \"../../services/DataService\";\r\nimport moment from \"moment\";\r\nimport {\r\n\r\n Dimmer,\r\n Loader,\r\n Button,\r\n Form,\r\n Label,\r\n Card,\r\n Grid,\r\n Advertisement,\r\n Dropdown,\r\n Input,\r\n Modal,\r\n Icon\r\n} from \"semantic-ui-react\";\r\nimport numeral from \"numeral\";\r\nimport { toast } from \"react-toastify\";\r\nimport PosCouponList from \"./posCouponList\";\r\nvar crypto = require('crypto');\r\n\r\nconst PosDashboard = () => {\r\n const [loading, setLoading] = useState(false);\r\n const [loadingDownload, setLoadingDownload] = useState(false);\r\n const [searchPhrase, setSearchPhrase] = useState(null);\r\n const [result, setResults] = useState(null)\r\n const [voucherType, setVoucherType] = useState([])\r\n const [type, setType] = useState({ type: '' })\r\n const [salesCount, setSalesCount] = useState(0)\r\n const [amount, setAmount] = useState(0)\r\n const [reportType, setReportType] = useState(1);\r\n const [agmGift, setAgmGift] = useState([])\r\n const [giftId, setGiftId] = useState(null)\r\n\r\n useEffect(() => {\r\n getVoucherTypes()\r\n getAgmGift()\r\n //fetchVoucherList()\r\n }, [])\r\n const _searchChanged = (e) => {\r\n setSearchPhrase(e.target.value);\r\n };\r\n\r\n const _search = async () => {\r\n setLoading(true);\r\n try {\r\n if (searchPhrase) {\r\n let searchPhrases = searchPhrase.trimStart()\r\n let result = await DataService.getData(`/voucher/searchVoucher`, {\r\n searchPhrase: searchPhrases,\r\n });\r\n setResults(result);\r\n setLoading(false)\r\n } else {\r\n setLoading(false)\r\n }\r\n\r\n } catch (error) {\r\n console.log(\"error\", error);\r\n setLoading(false);\r\n }\r\n };\r\n\r\n\r\n\r\n const _approveVoucher = async (item) => {\r\n try {\r\n\r\n setLoading(true);\r\n const response = await DataService.postData(`/voucher/redeemVoucher`, {\r\n id: item.VoucherUserId,\r\n code: item.voucherCode,\r\n giftId : giftId\r\n });\r\n _search(searchPhrase);\r\n setLoading(false);\r\n if (response == 'success') { toast.success(`Voucher Redeemed successfully`) }\r\n\r\n\r\n else {\r\n toast.error('Voucher Expired');\r\n }\r\n getAgmGift()\r\n } catch (error) {\r\n console.log(\"error\", error);\r\n setLoading(false);\r\n toast.warn(`Request not completed`);\r\n }\r\n };\r\n\r\n const fetchVoucherList = async () => {\r\n try {\r\n\r\n let response = await DataService.getData(\r\n \"/voucher/getPosVoucher\", {\r\n type: type.type\r\n }\r\n\r\n );\r\n \r\n\r\n if (!response.count) return\r\n\r\n setSalesCount(response.count);\r\n\r\n setAmount(response.amount)\r\n\r\n } catch (error) {\r\n setLoading(false);\r\n }\r\n };\r\n\r\n\r\n const getVoucherTypes = async () => {\r\n try {\r\n // setLoading(true);\r\n\r\n let result = await DataService.getData(\"/voucher/getVoucherType\");\r\n\r\n setVoucherType(result);\r\n\r\n setLoading(false);\r\n } catch (error) {\r\n setLoading(false);\r\n }\r\n };\r\n\r\n\r\n const getAgmGift = async () => {\r\n try {\r\n // setLoading(true);\r\n let result = await DataService.getData(\"/voucher/getAgmGift\");\r\n setAgmGift(result)\r\n setLoading(false);\r\n } catch (error) {\r\n setLoading(false);\r\n }\r\n };\r\n const [reportModalState, setReportModal] = useState(false)\r\n const [startDate, handleStartDate] = useState({\r\n customersPurchase: moment().format('YYYY-MM-DD')\r\n })\r\n const [endDate, handleEndDate] = useState({\r\n customersPurchase: moment().format('YYYY-MM-DD')\r\n\r\n })\r\n\r\n let Options = voucherType.map((item, index) => ({ key: index, text: item.type, value: item }))\r\n\r\n const handleOnChange = (e, data) => {\r\n\r\n setType(data.value)\r\n\r\n }\r\n const handleDownload = async () => {\r\n try {\r\n setLoadingDownload(true)\r\n const response = await DataService.downloadfile('/voucher/getPosReport', {\r\n fileName: 'Report_' + crypto.randomBytes(4).readUInt32BE(0, true) + '.pdf',\r\n reportType: reportType,\r\n startDate: startDate.customersPurchase,\r\n endDate: endDate.customersPurchase\r\n }\r\n\r\n )\r\n if (response) {\r\n\r\n setLoadingDownload(false)\r\n setReportModal(false)\r\n\r\n }\r\n } catch (error) {\r\n setLoadingDownload(false)\r\n\r\n console.log(error);\r\n }\r\n }\r\n\r\n const handleOnChangeReport = (e, data) => {\r\n setReportType(data.value.id)\r\n }\r\n\r\n const handleOnChangeGiftItem = (e, data) => {\r\n setGiftId(data.value.id)\r\n }\r\n\r\n\r\n return (\r\n \r\n {loading && (\r\n \r\n fetching Vouchers ..... \r\n \r\n )}\r\n\r\n\r\n \r\n \r\n \r\n\r\n \r\n setReportModal(true)}\r\n color='purple'\r\n >\r\n \r\n \r\n\r\n \r\n \r\n TOTAL SALES {type.type}\r\n \r\n \r\n ₦{numeral(salesCount * amount).format(\"0,0\")}\r\n \r\n\r\n\r\n \r\n\r\n\r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n );\r\n};\r\n\r\nexport default PosDashboard;\r\n","import React from \"react\";\r\nimport { Formik, Field } from \"formik\";\r\nimport * as Yup from \"yup\";\r\nimport { Form, Button, TextArea, Loader, Dimmer } from \"semantic-ui-react\";\r\nimport DataService from \"../../services/DataService\";\r\nimport { toast } from \"react-toastify\";\r\n\r\nconst Pos = (mainProps) => {\r\n const [user] = React.useState(DataService.fetchUser());\r\n\r\n\r\n const [loading, setLoading] = React.useState(false);\r\n const [location, setLocation] = React.useState(null);\r\n const [selectedLocation, setSelectedLocation] = React.useState(\r\n );\r\n\r\n const schema = Yup.object().shape({\r\n firstname: Yup.string().required(\"Required\"),\r\n lastname: Yup.string().required(\"Required\"),\r\n email: Yup.string().required('Required'),\r\n location: Yup.string().required('Required'),\r\n });\r\n\r\n const newItem = {\r\n firstname: \"\",\r\n lastname: \"\",\r\n email: \"\",\r\n location: \"\",\r\n };\r\n\r\n React.useEffect(() => {\r\n \r\n getLocation();\r\n \r\n }, []);\r\n\r\n\r\n\r\n const getLocation = async () => {\r\n try {\r\n setLoading(true);\r\n\r\n let result = await DataService.getData(\"/voucher/getAllLocation\");\r\n\r\n setLocation(result);\r\n\r\n setLoading(false);\r\n } catch (error) {\r\n setLoading(false);\r\n }\r\n };\r\n\r\n\r\n const _savePos = async (values) => {\r\n try {\r\n setLoading(true);\r\n\r\n const response = await DataService.postData(\"/voucher/savePos\", values);\r\n\r\n setLoading(false);\r\n\r\n mainProps.toggleModal(false);\r\n if (response) {\r\n toast.success(`Saved successful`);\r\n }\r\n \r\n\r\n \r\n } catch (error) {\r\n console.log(\"error\", error);\r\n setLoading(false);\r\n }\r\n };\r\n\r\n return (\r\n \r\n {result ? (\r\n\r\n \r\n {/* first row */}\r\n \r\n \r\n \r\n \r\n Voucher Code \r\n {result?.voucherCode} \r\n \r\n \r\n {result.status ? \"Redeemed\" : \"Unclaimed\"}\r\n \r\n \r\n\r\n \r\n\r\n \r\n \r\n \r\n \r\n Email Address \r\n {result?.email} \r\n \r\n\r\n \r\n\r\n \r\n \r\n \r\n \r\n IGG \r\n {result?.igg} \r\n \r\n\r\n \r\n\r\n \r\n \r\n {/* second row */}\r\n \r\n \r\n \r\n \r\n First Name \r\n {result?.firstname} \r\n \r\n \r\n\r\n \r\n \r\n \r\n\r\n\r\n \r\n Last Name \r\n {result?.lastname} \r\n \r\n\r\n \r\n\r\n \r\n \r\n \r\n \r\n {result.VoucherTypeId === 3 ? 'Gift Name' : 'Amount'} \r\n {result.VoucherTypeId === 3 ?\r\n ({ key: index, text: item.giftName, value: item }))}\r\n onChange={handleOnChangeGiftItem}\r\n />:\r\n `₦${numeral(result?.amount).format(\"0,0\")}`} \r\n \r\n \r\n\r\n \r\n \r\n\r\n {/* third row */}\r\n \r\n \r\n\r\n \r\n\r\n \r\n\r\n\r\n \r\n \r\n\r\n\r\n\r\n ) : (\r\n\r\n \r\n \r\n REDEEMED VOUCHER LIST BY YOU \r\n \r\n setReportModal(false)}\r\n closeIcon\r\n >\r\n Voucher Reports \r\n \r\n \r\n ({ key: index, text: item.type, value: item }))}\r\n onChange={handleOnChangeReport}\r\n />\r\n {loadingDownload && (\r\n \r\n Downloading ..... \r\n \r\n )}\r\n\r\n\r\n {/* \r\n \r\n \r\n handleStartDate({...startDate,customersPurchase : e.target.value})}\r\n value={startDate.customersPurchase}\r\n min= '2020-01-01'\r\n max='2050-12-31'\r\n />\r\n \r\n handleEndDate({...endDate, customersPurchase : e.target.value})}\r\n value={endDate.customersPurchase}\r\n \r\n min= '2020-01-01'\r\n max='2050-12-31'\r\n /> */}\r\n \r\n \r\n\r\n \r\n \r\n\r\n \r\n\r\n )}\r\n\r\n
\r\n\r\n\r\n \r\n {loading && (\r\n \r\n \r\n )}\r\n \r\n {(props) => {\r\n const { values, touched, errors, handleChange, handleSubmit } = props;\r\n return (\r\n \r\n );\r\n }}\r\n \r\n
\r\n );\r\n};\r\n\r\nexport default Pos;\r\n","import React from \"react\";\r\nimport { Formik, Field } from \"formik\";\r\nimport * as Yup from \"yup\";\r\nimport { Form, Button, Loader, Dimmer } from \"semantic-ui-react\";\r\nimport DataService from \"../../services/DataService\";\r\nimport { toast } from \"react-toastify\";\r\n\r\nconst Excos = (mainProps) => {\r\n const [user] = React.useState(DataService.fetchUser());\r\n\r\n const [loading, setLoading] = React.useState(false);\r\n const [voucherType, setVoucherType] = React.useState(null);\r\n const [selectedVoucherType, setSelectedVoucherType] = React.useState(\r\n );\r\n \r\n\r\n\r\n const schema = Yup.object().shape({\r\n firstname: Yup.string().required(\"Required\"),\r\n lastname: Yup.string().required(\"Required\"),\r\n email: Yup.string().required('Required'),\r\n igg : Yup.string().required('Required'),\r\n type : Yup.string().required(\"Required\")\r\n\r\n });\r\n\r\n const newItem = {\r\n firstname: \"\",\r\n lastname: \"\",\r\n email: \"\",\r\n igg: \"\",\r\n type : \"\"\r\n\r\n };\r\n\r\n\r\n const _saveExcos = async (values) => {\r\n try {\r\n setLoading(true);\r\n\r\n const response = await DataService.postData(\"/voucher/saveExcos\", values);\r\n\r\n setLoading(false);\r\n\r\n mainProps.toggleModal(false);\r\n if(response){\r\n toast.success(`Saved successful`);\r\n }\r\n \r\n } catch (error) {\r\n console.log(\"error\", error);\r\n setLoading(false);\r\n }\r\n };\r\n\r\n\r\n\r\n React.useEffect(() => {\r\n \r\n getVoucherTypes();\r\n \r\n }, []);\r\n\r\n\r\n\r\n const getVoucherTypes = async () => {\r\n try {\r\n setLoading(true);\r\n\r\n let result = await DataService.getData(\"/voucher/getVoucherType\");\r\n\r\n setVoucherType(result);\r\n\r\n setLoading(false);\r\n } catch (error) {\r\n setLoading(false);\r\n }\r\n };\r\n\r\n return (\r\n \r\n {loading && (\r\n \r\n \r\n )}\r\n \r\n {(props) => {\r\n const { values, touched, errors, handleChange, handleSubmit } = props;\r\n return (\r\n \r\n );\r\n }}\r\n \r\n
\r\n );\r\n};\r\n\r\nexport default Excos;\r\n","import React from \"react\";\r\nimport { Formik, Field } from \"formik\";\r\nimport * as Yup from \"yup\";\r\nimport {\r\n Form,\r\n Button,\r\n Icon,\r\n} from \"semantic-ui-react\";\r\nimport DataService from \"../../services/DataService\";\r\nimport { useDropzone } from \"react-dropzone\";\r\nimport { toast } from \"react-toastify\";\r\n\r\nconst VoucherUpload = (props) => {\r\n\r\n const [loading, setLoading] = React.useState(false);\r\n const [files, setFiles] = React.useState([]);\r\n const [selectedVoucherType, setSelectedVoucherType] = React.useState( );\r\n const [voucherType, setVoucherType] = React.useState(null);\r\n \r\n\r\n const onDrop = React.useCallback((acceptedFiles) => {\r\n setFiles([...files, ...acceptedFiles]);\r\n }, []);\r\n\r\n const { getRootProps, getInputProps, isDragActive } = useDropzone({\r\n accept:\r\n \"text/csv,application/vnd.ms-excel,application/vnd.openxmlformats-officedocument.spreadsheetml.sheet\",\r\n onDrop,\r\n });\r\n\r\n const schema = Yup.object().shape({\r\n type : Yup.string().required(\"Required\")\r\n });\r\n\r\n const newItem = {\r\n type: \"\",\r\n };\r\n\r\n\r\n const uploadVoucher = async (values) => {\r\n try {\r\n setLoading(true);\r\n let formData = new FormData();\r\n\r\n files.forEach((file, index) => {\r\n formData.append(`file`, file);\r\n });\r\n\r\n formData.append(\"values\", JSON.stringify(values));\r\n\r\n\r\n\r\n await DataService.postFormData(\"/voucher/excelUploadVoucher\", formData);\r\n\r\n setLoading(false);\r\n\r\n props.toggleModal(false);\r\n toast.success(`Upload successful`);\r\n\r\n } catch (error) {\r\n console.log(\"error\", error);\r\n setLoading(false);\r\n }\r\n };\r\n\r\n \r\n React.useEffect(() => {\r\n \r\n getVoucherTypes();\r\n \r\n }, []);\r\n\r\n\r\n\r\n const getVoucherTypes = async () => {\r\n try {\r\n setLoading(true);\r\n\r\n let result = await DataService.getData(\"/voucher/getVoucherType\");\r\n\r\n setVoucherType(result);\r\n\r\n setLoading(false);\r\n } catch (error) {\r\n setLoading(false);\r\n }\r\n };\r\n\r\n return (\r\n \r\n \r\n {(props) => {\r\n const { values, touched, errors, handleChange, handleSubmit } = props;\r\n return (\r\n
\r\n {files.length != 0 && (\r\n \r\n
\r\n )}\r\n \r\n \r\n\r\n \r\n {loading && (\r\n \r\n Fetching vouchers ..... \r\n \r\n )}\r\n\r\n \r\n\r\n\r\n {data && (\r\n \r\n
\r\n )}\r\n\r\n \r\n setOffset(1 + (activePage - 1) * limit)\r\n }\r\n />\r\n\r\n\r\n\r\n
\r\n );\r\n};\r\n\r\nexport default AdminCouponList;\r\n","import React ,{useState,useEffect} from \"react\";\r\nimport { Button, Card, Dimmer, Loader, Input, Label, Select, Dropdown, Modal, Form, Icon } from \"semantic-ui-react\";\r\nimport DataService from \"../../services/DataService\";\r\nimport moment from 'moment'\r\nimport { toast } from \"react-toastify\";\r\nimport Pos from \"./pos\";\r\nimport Excos from \"./excos\";\r\nimport VoucherUpload from \"./voucherUpload\";\r\nimport * as Yup from \"yup\";\r\nimport { Formik, Field } from \"formik\";\r\nimport AdminCouponList from \"./adminCouponList\";\r\nvar crypto = require('crypto');\r\n\r\n\r\nconst AdminDashboard = () => {\r\n\r\n const [loading, setLoading] = useState(false);\r\n const [loadingDownload, setLoadingDownload] = useState(false);\r\n const [totalRedeemed, setTotalRedeemed] = useState(0)\r\n\r\n const [totalVoucher, setTotalVoucher] = useState(0)\r\n const [posModalState, togglePosModal] = useState(false);\r\n const [excosModalState, toggleExcosModal] = useState(false);\r\n const [uploadModalState, toggleUploadModal] = useState(false);\r\n const [voucherTypeModalState, toggleVoucherTypeModal] = useState(false);\r\n const [reminderModalState, toggleReminderModal] = useState(false);\r\n const [voucherType, setVoucherType] = useState([]);\r\n const [selectedVoucherType, setSelectedVoucherType] = useState(\r\n );\r\n const [reportType, setReportType] = useState(1);\r\n const [unClaimed,setUnClaimed] = useState(0)\r\n\r\n\r\n const fetchVoucherList = async () => {\r\n try {\r\n const {redeemed,unRedeemed} = await DataService.getData(\r\n \"/voucher/getVoucherStatus\"\r\n );\r\n setTotalVoucher(redeemed.count + unRedeemed.count);\r\n setTotalRedeemed(redeemed.count)\r\n setUnClaimed(unRedeemed.count)\r\n\r\n\r\n } catch (error) {\r\n setLoading(false);\r\n }\r\n };\r\n\r\n\r\n const _sendReminder = async (values) => {\r\n try {\r\n let count = await DataService.postData(\r\n \"/voucher/reminder\", values\r\n );\r\n\r\n toggleReminderModal(false)\r\n setLoading(false);\r\n\r\n if (count) {\r\n toast.success(`Email sent successfully to ${count}`);\r\n }\r\n\r\n } catch (error) {\r\n setLoading(false);\r\n }\r\n };\r\n\r\n const _createVoucherType = async (values) => {\r\n try {\r\n\r\n setLoading(true);\r\n\r\n const response = await DataService.postData(\"/voucher/createVoucherType\", values);\r\n\r\n toggleVoucherTypeModal(false)\r\n setLoading(false);\r\n\r\n if (response) {\r\n toast.success(`Created successfully`);\r\n }\r\n } catch (error) {\r\n setLoading(false);\r\n }\r\n };\r\n useEffect(() => {\r\n fetchVoucherList()\r\n getVoucherTypes()\r\n }, []);\r\n\r\n const _openPosModal = async () => {\r\n try {\r\n\r\n\r\n togglePosModal(true);\r\n } catch (error) {\r\n console.log(\"error\", error);\r\n }\r\n };\r\n\r\n\r\n const _openExcosModal = async () => {\r\n try {\r\n\r\n\r\n toggleExcosModal(true);\r\n } catch (error) {\r\n console.log(\"error\", error);\r\n }\r\n };\r\n\r\n\r\n\r\n const _openVoucherTypeModal = async () => {\r\n try {\r\n\r\n\r\n toggleVoucherTypeModal(true);\r\n } catch (error) {\r\n console.log(\"error\", error);\r\n }\r\n };\r\n\r\n\r\n const _openReminderModal = async () => {\r\n try {\r\n\r\n toggleReminderModal(true);\r\n } catch (error) {\r\n console.log(\"error\", error);\r\n }\r\n };\r\n\r\n const _openUploadModal = async () => {\r\n try {\r\n\r\n\r\n toggleUploadModal(true);\r\n } catch (error) {\r\n console.log(\"error\", error);\r\n }\r\n };\r\n\r\n const getVoucherTypes = async () => {\r\n try {\r\n\r\n\r\n let result = await DataService.getData(\"/voucher/getVoucherType\");\r\n setVoucherType(result);\r\n setLoading(false);\r\n } catch (error) {\r\n setLoading(false);\r\n }\r\n };\r\n\r\n\r\n const schema = Yup.object().shape({\r\n type: Yup.string().required('Required')\r\n });\r\n\r\n const newItem = {\r\n\r\n type: \"\",\r\n\r\n };\r\n const [reportModalState, setReportModal] = useState(false)\r\n const [startDate, handleStartDate] = useState({\r\n customersPurchase: moment().format('YYYY-MM-DD')\r\n })\r\n const [endDate, handleEndDate] = useState({\r\n customersPurchase: moment().format('YYYY-MM-DD')\r\n\r\n })\r\n const handleDownload = async () => {\r\n try {\r\n setLoadingDownload(true)\r\n const response = await DataService.downloadfile('/voucher/getReport', {\r\n fileName: 'Report_' + crypto.randomBytes(4).readUInt32BE(0, true) + '.pdf',\r\n reportType: reportType,\r\n startDate: startDate.customersPurchase,\r\n endDate: endDate.customersPurchase\r\n }\r\n\r\n )\r\n\r\n if (response) {\r\n\r\n setLoadingDownload(false)\r\n setReportModal(false)\r\n\r\n }\r\n\r\n\r\n\r\n } catch (error) {\r\n setLoadingDownload(false)\r\n console.log(error);\r\n }\r\n }\r\n\r\n\r\n const handleOnChange = (e, data) => {\r\n\r\n setReportType(data.value.id)\r\n }\r\n\r\n return (\r\n \r\n {loading && (\r\n \r\n fetching Vouchers ... \r\n \r\n )}\r\n\r\n\r\n \r\n \r\n \r\n Total Vouchers \r\n \r\n {totalVoucher}\r\n \r\n \r\n \r\n \r\n \r\n \r\n Total Vouchers Redeemed \r\n \r\n {totalRedeemed}\r\n \r\n\r\n \r\n\r\n \r\n \r\n \r\n \r\n Total Vouchers UnClaimed \r\n \r\n {unClaimed}\r\n \r\n\r\n \r\n\r\n \r\n \r\n \r\n \r\n Send Reminder \r\n\r\n \r\n \r\n\r\n \r\n \r\n setReportModal(true)}\r\n color='purple'\r\n >\r\n \r\n \r\n\r\n \r\n \r\n\r\n\r\n \r\n \r\n \r\n \r\n \r\n\r\n setReportModal(false)}\r\n closeIcon\r\n >\r\n Voucher Reports \r\n \r\n \r\n ({ key: index, text: item.type, value: item }))}\r\n onChange={handleOnChange}\r\n\r\n />\r\n\r\n {loadingDownload && (\r\n \r\n Downloading ..... \r\n \r\n )}\r\n\r\n {/* \r\n \r\n handleStartDate({...startDate,customersPurchase : e.target.value})}\r\n value={startDate.customersPurchase}\r\n min= '2020-01-01'\r\n max='2050-12-31'\r\n />\r\n \r\n handleEndDate({...endDate, customersPurchase : e.target.value})}\r\n value={endDate.customersPurchase}\r\n \r\n min= '2020-01-01'\r\n max='2050-12-31'\r\n /> */}\r\n \r\n \r\n\r\n \r\n \r\n\r\n\r\n\r\n togglePosModal(false)}\r\n closeIcon\r\n >\r\n Pos Agents \r\n \r\n \r\n \r\n\r\n toggleReminderModal(false)}\r\n closeIcon\r\n >\r\n Voucher Type \r\n \r\n \r\n {(props) => {\r\n const { values, touched, errors, handleSubmit } = props;\r\n return (\r\n \r\n );\r\n }}\r\n \r\n\r\n \r\n \r\n\r\n\r\n\r\n toggleExcosModal(false)}\r\n closeIcon\r\n >\r\n EXCOS \r\n \r\n \r\n \r\n\r\n\r\n toggleVoucherTypeModal(false)}\r\n closeIcon\r\n >\r\n VOUCHER TYPE \r\n \r\n \r\n {(props) => {\r\n const { values, touched, errors, handleChange, handleSubmit } = props;\r\n return (\r\n \r\n );\r\n }}\r\n \r\n\r\n \r\n \r\n\r\n toggleUploadModal(false)}\r\n closeIcon\r\n >\r\n Batch Upload \r\n \r\n\r\n \r\n \r\n
\r\n );\r\n};\r\n\r\nexport default AdminDashboard;\r\n","import React , {useEffect,useState } from \"react\";\r\nimport DataService from \"../../services/DataService\";\r\nimport {\r\n Table,\r\n Dimmer,\r\n Loader,\r\n Label,\r\n Pagination\r\n} from \"semantic-ui-react\";\r\nimport dayjs from \"dayjs\";\r\n\r\nimport numeral from \"numeral\";\r\n\r\nconst ExcosCouponList = (props) => {\r\n const [excoscouponList, setexcosCouponList] = useState([]);\r\n const [loading, setLoading] = useState(false);\r\n const [offset, setOffset] = useState(0);\r\n const [limit] = useState(15);\r\n const [rowCount, setRowCount] = useState(0);\r\n const [user] = useState(DataService.fetchUser());\r\n\r\n useEffect(() => {\r\n fetchData();\r\n \r\n }, [offset]);\r\n\r\n const fetchData = async () => {\r\n try {\r\n setLoading(true);\r\n\r\n if (props.vouchers) {\r\n \r\n setexcosCouponList(props.vouchers);\r\n } else {\r\n \r\n await fetchVoucherList();\r\n }\r\n\r\n setLoading(false);\r\n } catch (error) {\r\n setLoading(false);\r\n }\r\n };\r\n\r\n const fetchVoucherList = async () => {\r\n try {\r\n let {count,rows} = await DataService.getData(\r\n \"/voucher/getAllVoucher\",{\r\n offset: offset,\r\n limit: limit,\r\n }\r\n );\r\n setexcosCouponList(rows);\r\n setRowCount(count)\r\n } catch (error) {\r\n setLoading(false);\r\n }\r\n };\r\n\r\n\r\n\r\n const voucherItems = excoscouponList?.map((item, index) => (\r\n \r\n {loading && (\r\n \r\n Fetching vouchers ..... \r\n \r\n )}\r\n \r\n \r\n\r\n {excoscouponList && (\r\n \r\n
\r\n )}\r\n\r\n \r\n\r\n\r\n setOffset(1 + (activePage - 1) * limit)\r\n }\r\n />\r\n\r\n\r\n
\r\n );\r\n};\r\n\r\nexport default ExcosCouponList;\r\n","import React, { useState, useEffect } from \"react\";\r\nimport { Button, Card, Dimmer, Loader, Grid, Input, Modal, Icon, Label, Divider } from \"semantic-ui-react\";\r\nimport DataService from \"../../services/DataService\";\r\nimport ExcosCouponList from \"./excosCouponLis\";\r\nimport numeral from \"numeral\";\r\nimport { Bar } from 'react-chartjs-2'\r\nconst moment = require('moment')\r\nvar crypto = require('crypto');\r\nconst ExcosDashboard = () => {\r\n const [user] = useState(DataService.fetchUser());\r\n const [loading, setLoading] = useState(false);\r\n const [loadingDownload, setLoadingDownload] = useState(false);\r\n const [redeemed, setRedemeed] = useState(0)\r\n const [agmGift, setAgmQuantity] = useState([])\r\n const [totalVoucher, setTotalVoucher] = useState(0)\r\n const [amount, setAmount] = useState(0)\r\n const [reportModalState, setReportModal] = useState(false)\r\n const [unClaimed,setUnClaimed] = useState(0)\r\n\r\n var labels = [\"Total Voucher\", \"Redeemed Voucher\", \"Voucher Unclaimed\"];\r\n var yValues = [totalVoucher, redeemed, unClaimed]\r\n\r\n const fetchVoucherList = async () => {\r\n try {\r\n\r\n const reminder = await DataService.getData(\r\n \"/voucher/getAgmGiftQuantity\"\r\n );\r\n\r\n setAgmQuantity(reminder)\r\n const {redeemed,unRedeemed} = await DataService.getData(\r\n \"/voucher/getVoucherStatus\"\r\n );\r\n\r\n setAmount(redeemed.amount);\r\n setTotalVoucher(redeemed.count + unRedeemed.count);\r\n setRedemeed(redeemed.count)\r\n setUnClaimed(unRedeemed.count)\r\n\r\n } catch (error) {\r\n setLoading(false);\r\n }\r\n };\r\n\r\n const [startDate, handleStartDate] = useState({\r\n customersPurchase: moment().format('YYYY-MM-DD')\r\n })\r\n const [endDate, handleEndDate] = useState({\r\n customersPurchase: moment().format('YYYY-MM-DD')\r\n\r\n })\r\n const handleDownload = async () => {\r\n try {\r\n setLoadingDownload(true)\r\n const response = await DataService.downloadfile('/voucher/getReport', {\r\n fileName: 'Report_' + crypto.randomBytes(4).readUInt32BE(0, true) + '.pdf',\r\n startDate: startDate.customersPurchase,\r\n endDate: endDate.customersPurchase\r\n }\r\n\r\n )\r\n\r\n if (response) {\r\n\r\n setLoadingDownload(false)\r\n setReportModal(false)\r\n\r\n }\r\n\r\n\r\n\r\n } catch (error) {\r\n setLoadingDownload(false)\r\n console.log(error);\r\n\r\n }\r\n }\r\n\r\n\r\n\r\n\r\n const data = {\r\n\r\n labels: labels,\r\n datasets: [{\r\n label: \"VOUCHER CHART\",\r\n backgroundColor: ['orange', 'black', 'purple'],\r\n data: yValues,\r\n barThickness: 70,\r\n barPercentage: 0.5,\r\n minBarLength: 6\r\n\r\n }]\r\n\r\n\r\n }\r\n\r\n\r\n const options = {\r\n\r\n\r\n legend: { display: false },\r\n scales: {\r\n yAxes: [{\r\n display: true,\r\n ticks: {\r\n beginAtZero: true\r\n }\r\n }]\r\n }\r\n\r\n\r\n\r\n }\r\n\r\n useEffect(() => {\r\n fetchVoucherList()\r\n\r\n }, []);\r\n\r\n return (\r\n \r\n {loading && (\r\n \r\n Fetching Voucher ....... \r\n \r\n )}\r\n\r\n\r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n\r\n \r\n\r\n\r\n \r\n \r\n \r\n Total Vouchers \r\n \r\n {totalVoucher}\r\n \r\n\r\n \r\n \r\n \r\n \r\n Total Vouchers Redeemed \r\n \r\n {redeemed}\r\n \r\n\r\n \r\n \r\n \r\n \r\n Total Vouchers UnClaimed \r\n \r\n {unClaimed}\r\n \r\n\r\n \r\n \r\n \r\n \r\n {user.type == 3 ? 'Remaining' : 'Sum of Redeemed Voucher'} \r\n \r\n \r\n {user?.type == 3 ?\r\n \r\n agmGift.map((e) => {\r\n return <> {e.place}--{e.giftName}--{e.remainder} \r\n setReportModal(true)}\r\n color='purple'\r\n >\r\n \r\n \r\n\r\n \r\n\r\n \r\n \r\n\r\n\r\n {/* mobile only */}\r\n\r\n \r\n\r\n \r\n\r\n\r\n \r\n \r\n \r\n Total Vouchers \r\n \r\n {totalVoucher}\r\n \r\n\r\n \r\n \r\n \r\n \r\n Total Vouchers Redeemed \r\n \r\n {redeemed}\r\n \r\n\r\n \r\n \r\n \r\n \r\n Total Vouchers UnClaimed \r\n \r\n {unClaimed}\r\n \r\n\r\n \r\n \r\n \r\n \r\n {user.type == 3 ? 'Reminaing' : 'Sum of Redeemed Voucher'} \r\n \r\n \r\n\r\n {user?.type == 3 ?\r\n \r\n agmGift.map((e) => {\r\n return <> \r\n \r\n\r\n \r\n \r\n\r\n \r\n\r\n \r\n \r\n\r\n\r\n \r\n\r\n setReportModal(false)}\r\n closeIcon\r\n >\r\n Voucher Reports \r\n \r\n \r\n {loadingDownload && (\r\n \r\n Downloading ..... \r\n \r\n )}\r\n\r\n {/* \r\n handleStartDate({...startDate,customersPurchase : e.target.value})}\r\n value={startDate.customersPurchase}\r\n min= '2020-01-01'\r\n max='2050-12-31'\r\n />\r\n \r\n handleEndDate({...endDate, customersPurchase : e.target.value})}\r\n value={endDate.customersPurchase}\r\n \r\n min= '2020-01-01'\r\n max='2050-12-31'\r\n /> */}\r\n \r\n \r\n\r\n \r\n \r\n\r\n\r\n\r\n \r\n \r\n\r\n\r\n
\r\n );\r\n};\r\n\r\nexport default ExcosDashboard;\r\n","import React, { useState,useEffect } from \"react\";\r\n\r\nimport {\r\n\r\n Menu,\r\n Grid,\r\n Image,\r\n Segment,\r\n Dropdown,\r\n Button\r\n\r\n} from \"semantic-ui-react\";\r\nimport DataService from \"../../services/DataService\";\r\nimport { Switch, Route} from \"react-router-dom\";\r\n\r\nimport PosDashboard from \"./posDashboard\";\r\nimport AdminDashboard from \"./admin\";\r\nimport back from '../../assets/back.jpg'\r\nimport ExcosDashboard from \"./excosDashboard\";\r\n\r\n\r\nexport const BackendContext = React.createContext({\r\n backendState: null,\r\n setBackendState: () => {},\r\n});\r\n\r\nconst VoucherContainer = (props) => {\r\n\r\n\r\n const [user] = useState(DataService.fetchUser());\r\n const [currentPath, setCurrentPath] = useState(\r\n props.location?.pathname\r\n );\r\n \r\n const [backendState, setBackendState] = useState({});\r\n\r\n useEffect(() => {\r\n setCurrentPath(props.location?.pathname);\r\n }, [props.location]);\r\n\r\n const _logout = async () => {\r\n try {\r\n await DataService.signOut('voucher');\r\n props.history.push(\"/voucher\");\r\n } catch (error) {\r\n console.log(\"error \", error);\r\n }\r\n };\r\n\r\n\r\n\r\n return (\r\n {e.place}--{e.giftName}--{e.remainder}
\r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n );\r\n};\r\n\r\nexport default VoucherContainer ;\r\n","import React from \"react\";\r\nimport { Route, Redirect, Switch } from \"react-router-dom\";\r\n\r\nimport DataService from \"../../services/DataService\";\r\nimport { Dimmer, Loader, Button } from \"semantic-ui-react\";\r\nimport LandingContainer from \"./LandingContainer\";\r\nimport HomeContainer from \"./HomeContainer\";\r\nimport VoucherContainer from \"../voucher/mainroute\";\r\n\r\nconst PrivateRoute = (props) => {\r\n // console.log(\"props >> \", props);\r\n\r\n const [loading, setLoading] = React.useState(true);\r\n\r\n React.useEffect(() => {\r\n \r\n _checkAuthenicated();\r\n }, []);\r\n\r\n const _checkAuthenicated = async () => {\r\n try {\r\n setLoading(true);\r\n\r\n let from = props.location?.pathname;\r\n // let fromSate = props.location?.state;\r\n\r\n let authResponse,\r\n group = null;\r\n\r\n authResponse = await DataService.checkAuth();\r\n // console.log(\"authResponse\", authResponse);\r\n\r\n if (authResponse) {\r\n DataService.storeUser(authResponse.user);\r\n\r\n group = authResponse?.user?.group[0];\r\n }\r\n \r\n switch (group) {\r\n case \"ADMIN\":\r\n if (from?.startsWith(\"/landing\")) {\r\n // props.history.replace(from, fromSate);\r\n props.history.replace(props.location);\r\n } else {\r\n props.history.push(`${props.match.url}landing/dashboard`);\r\n }\r\n\r\n break;\r\n\r\n case \"VENDOR\":\r\n if (from?.startsWith(\"/landing\")) {\r\n props.history.replace(props.location);\r\n } else {\r\n props.history.push(`${props.match.url}landing/orders`);\r\n }\r\n break;\r\n case \"ADHOC\":\r\n if (from?.startsWith(\"/landing\")) {\r\n props.history.replace(props.location);\r\n } else {\r\n props.history.push(`${props.match.url}landing/physical-orders`);\r\n }\r\n break;\r\n\r\n case \"COOPERATOR\":\r\n if (from?.startsWith(\"/home\")) {\r\n props.history.replace(props.location);\r\n } else {\r\n props.history.push(`${props.match.url}home`);\r\n }\r\n break;\r\n\r\n case \"NON-COOPERATOR\":\r\n if (from?.startsWith(\"/home\")) {\r\n props.history.replace(props.location);\r\n } else {\r\n props.history.push(`${props.match.url}home`);\r\n }\r\n break;\r\n case \"POS\":\r\n \r\n if (from?.startsWith(\"/e-voucher/pos\")) {\r\n \r\n props.history.replace(props.location);\r\n } else {\r\n props.history.push(`${props.match.url}e-voucher/pos`);\r\n }\r\n break;\r\n case \"EXCOS\":\r\n \r\n if (from?.startsWith(\"/e-voucher/excos\")) {\r\n \r\n props.history.replace(props.location);\r\n } else {\r\n props.history.push(`${props.match.url}e-voucher/excos`);\r\n }\r\n break;\r\n case \"VOUCHERADMIN\":\r\n \r\n if (from?.startsWith(\"/e-voucher/admin\")) {\r\n \r\n props.history.replace(props.location);\r\n } else {\r\n props.history.push(`${props.match.url}e-voucher/admin`);\r\n }\r\n break;\r\n default:\r\n \r\n if (from?.startsWith(\"/home\")) {\r\n props.history.replace(props.location);\r\n } else {\r\n props.history.push(`${props.match.url}home`);\r\n }\r\n\r\n break;\r\n }\r\n\r\n setLoading(false);\r\n } catch (error) {\r\n // console.log(\"error\", error);\r\n await DataService.signOut()\r\n setLoading(false);\r\n props.history.push(`${props.match.url}home`);\r\n }\r\n };\r\n\r\n\r\n return (\r\n \r\n {loading ? (\r\n \r\n \r\n ) : (\r\n \r\n \r\n )}\r\n
\r\n );\r\n};\r\n\r\nexport default PrivateRoute;\r\n","import React, { useState } from \"react\";\r\n\r\nimport { Redirect, Link } from \"react-router-dom\";\r\nimport { Formik } from \"formik\";\r\nimport * as Yup from \"yup\";\r\nimport DataService from \"../../services/DataService\";\r\nimport {\r\n Form,\r\n Input,\r\n Button,\r\n Card,\r\n Grid,\r\n Dimmer,\r\n Loader,\r\n Message,\r\n Container,\r\n Divider,\r\n Segment,\r\n Image,\r\n Icon,\r\n Popup,\r\n Menu\r\n} from \"semantic-ui-react\";\r\nimport CoopAuthService from \"../../services/CoopAuthService\";\r\n\r\nconst Login = (props) => {\r\n const [redirectToReferrer, setRedirectToReferrer] = useState(false);\r\n const [loading, setLoading] = useState(false);\r\n const [alert, setAlert] = useState({ show: false, message: \"\" });\r\n const [token, setToken] = useState(null);\r\n const [view, setView] = useState(\"LOGIN\");\r\n\r\n\r\n const schema = Yup.object().shape({\r\n username: Yup.string().required(\"Required\"),\r\n password: Yup.string().required(\"Required\"),\r\n });\r\n\r\n const schema2 = Yup.object().shape({\r\n code: Yup.string().required(\"Required\"),\r\n });\r\n\r\n let { from } = props.location.state || { from: { pathname: \"/\" } };\r\n\r\n var is_valid_email = function (email) {\r\n return /^.+@.+\\..+$/.test(email);\r\n };\r\n\r\n const _login = async (credentials) => {\r\n try {\r\n setLoading(true);\r\n setAlert({ show: false, message: \"\" });\r\n\r\n let response = null;\r\n\r\n if (is_valid_email(credentials.username)) {\r\n response = await DataService.postDataNoAuth(\"/auth/login\", credentials);\r\n } else {\r\n response = await CoopAuthService.login(credentials);\r\n setLoading(false);\r\n\r\n // console.log('response', response)\r\n\r\n if (response.user.secondFactorEnabled) {\r\n setToken(response.token);\r\n setLoading(false);\r\n setView(\"2FA\");\r\n return;\r\n } else {\r\n response = await DataService.postDataNoAuth(\"/auth/coop\", response);\r\n }\r\n }\r\n\r\n // console.log(\"response\", response);\r\n\r\n setLoading(false);\r\n\r\n afterLogin(response);\r\n } catch (error) {\r\n console.log(\"error\", error);\r\n setAlert({ show: true, message: \"Login failed\" });\r\n setLoading(false);\r\n }\r\n };\r\n\r\n const _verifyCode = async (payload) => {\r\n try {\r\n setLoading(true);\r\n setAlert({ show: false, message: \"\" });\r\n\r\n let response = await CoopAuthService.verifyCode(payload, token);\r\n\r\n setLoading(false);\r\n\r\n if (response) {\r\n response = await DataService.postDataNoAuth(\"/auth/coop\", response);\r\n afterLogin(response);\r\n } else {\r\n setAlert({ show: true, message: \"Incorrect code\" });\r\n }\r\n } catch (error) {\r\n setLoading(false);\r\n setAlert({ show: true, message: \"Incorrect code\" });\r\n console.log(\"error\", error);\r\n }\r\n };\r\n\r\n const afterLogin = async (loginResponse) => {\r\n // console.log(\"loginResponse\", loginResponse);\r\n if (!loginResponse) {\r\n setAlert({ show: true, message: \"Login failed\" });\r\n return;\r\n }\r\n\r\n DataService.storeToken(loginResponse.token);\r\n\r\n setRedirectToReferrer(true);\r\n };\r\n\r\n if (redirectToReferrer) return \r\n {loading && (\r\n \r\n Authenticating User... \r\n \r\n )}\r\n\r\n\r\n\r\n \r\n \r\n \r\n\r\n {alert?.show && (\r\n \r\n \r\n \r\n \r\n \r\n )}\r\n\r\n \r\n \r\n \r\n \r\n {view === \"LOGIN\" && (\r\n \r\n \r\n \r\n Fill in the information below to log in to your account\r\n \r\n \r\n \r\n _login(values)}\r\n >\r\n {(props) => {\r\n const {\r\n values,\r\n handleChange,\r\n handleSubmit,\r\n errors,\r\n touched,\r\n } = props;\r\n return (\r\n \r\n );\r\n }}\r\n {\" \"}\r\n \r\n \r\n )}\r\n\r\n {view === \"2FA\" && (\r\n \r\n \r\n \r\n Fill in the 6 digit code sent to you\r\n \r\n \r\n \r\n _verifyCode(values)}\r\n >\r\n {(props) => {\r\n const {\r\n values,\r\n handleChange,\r\n handleSubmit,\r\n errors,\r\n touched,\r\n } = props;\r\n return (\r\n \r\n );\r\n }}\r\n \r\n \r\n \r\n \r\n \r\n )}\r\n \r\n \r\n \r\n \r\n \r\n
\r\n );\r\n};\r\n\r\nexport default Login;\r\n","import React from \"react\";\r\n\r\nimport { Redirect, Link } from \"react-router-dom\";\r\nimport { Formik } from \"formik\";\r\nimport * as Yup from \"yup\";\r\nimport DataService from \"../../services/DataService\";\r\nimport {\r\n Form,\r\n Input,\r\n Button,\r\n Card,\r\n Grid,\r\n Dimmer,\r\n Loader,\r\n Message,\r\n Container,\r\n Divider,\r\n Image,\r\n Menu\r\n} from \"semantic-ui-react\";\r\n\r\nconst ForgotPassword = (props) => {\r\n const [loading, setLoading] = React.useState(false);\r\n const [alert, setAlert] = React.useState({ show: false, message: \"\" });\r\n\r\n const schema = Yup.object().shape({\r\n email: Yup.string().email(\"Invalid Email\").required(\"Required\"),\r\n });\r\n\r\n const _resetPassword = async (credentials) => {\r\n try {\r\n // console.log('credentials', credentials)\r\n setLoading(true);\r\n await DataService.postData(\"/auth/forgotPasswordToken\", credentials);\r\n\r\n setAlert({\r\n show: true,\r\n message: \"Password reset instructions have been sent to your mailbox\",\r\n });\r\n setLoading(false);\r\n // props.history.push(\"/login\");\r\n } catch (error) {\r\n console.log(\"error\", error);\r\n setLoading(false);\r\n }\r\n };\r\n\r\n return (\r\n props.history.push(\"/\")}>\r\n
\r\n {alert.message}
\r\n setView(\"LOGIN\")}> Retry Login
\r\n props.history.push(\"/\")}>\r\n
\r\n {alert.message}
\r\n{alert.message}
\r\n\r\n {loading && (\r\n \r\n \r\n )}\r\n\r\n \r\n \r\n \r\n\r\n {alert?.show && (\r\n \r\n \r\n {/* Error */}\r\n \r\n \r\n )}\r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n );\r\n};\r\n\r\nexport default StaffLogin;\r\n","import React, { useState } from \"react\";\r\n\r\nimport { Redirect, Link } from \"react-router-dom\";\r\nimport { Formik } from \"formik\";\r\nimport * as Yup from \"yup\";\r\nimport DataService from \"../../services/DataService\";\r\nimport {\r\n Form,\r\n Input,\r\n Button,\r\n Card,\r\n Grid,\r\n Dimmer,\r\n Loader,\r\n Message,\r\n Container,\r\n Divider,\r\n Segment,\r\n Image,\r\n Icon,\r\n Popup,\r\n Menu\r\n} from \"semantic-ui-react\";\r\n\r\nimport login from '../../assets/login.jpg'\r\n\r\n\r\nconst VoucherLogin = (props) => {\r\n\r\n const [redirectToReferrer, setRedirectToReferrer] = useState(false);\r\n const [loading, setLoading] = useState(false);\r\n const [alert, setAlert] = useState({ show: false, message: \"\" });\r\n const [token, setToken] = useState(null);\r\n const [view, setView] = useState(\"LOGIN\");\r\n\r\n\r\n const schema = Yup.object().shape({\r\n username: Yup.string().required(\"Required\"),\r\n password: Yup.string().required(\"Required\"),\r\n });\r\n\r\n const schema2 = Yup.object().shape({\r\n code: Yup.string().required(\"Required\"),\r\n });\r\n\r\n\r\n var is_valid_email = function (email) {\r\n return /^.+@.+\\..+$/.test(email);\r\n };\r\n\r\n let { from } = props.location.state || { from: { pathname: \"/\" } };\r\n const _login = async (credentials) => {\r\n try {\r\n setLoading(true);\r\n setAlert({ show: false, message: \"\" });\r\n\r\n let response = null;\r\n\r\n if (is_valid_email(credentials.username)) {\r\n response = await DataService.postDataNoAuth(\"/auth/voucherLogin\", credentials);\r\n } else {\r\n \r\n setLoading(false);\r\n }\r\n\r\n\r\n setLoading(false);\r\n\r\n afterLogin(response);\r\n } catch (error) {\r\n console.log(\"error\", error);\r\n setAlert({ show: true, message: \"Login failed\" });\r\n setLoading(false);\r\n }\r\n };\r\n\r\n\r\n\r\n const afterLogin = async (loginResponse) => {\r\n \r\n if (!loginResponse) {\r\n setAlert({ show: true, message: \"Login failed\" });\r\n return;\r\n }\r\n \r\n DataService.storeToken(loginResponse.token);\r\n\r\n setRedirectToReferrer(true);\r\n };\r\n\r\n if (redirectToReferrer) return props.history.push(\"/\")}>\r\n
\r\n {alert.message}
\r\n props.history.push(\"/voucher\")}>\r\n {/* pengasson logo */}\r\n
\r\n {alert.message}
\r\n props.history.push(\"/voucher\")}>\r\n
\r\n {alert.message}
\r\n props.history.push(\"/voucher\")}>\r\n
\r\n {alert.message}
\r\n props.history.push(\"/voucher\")}>\r\n
\r\n {alert.message}
\r\nToo lale...
;\r\n }\r\n \r\n return (\r\n \r\n
\r\n );\r\n };\r\n \r\n\r\n\r\n return (\r\n Remaining
\r\n {remainingTime}
\r\n seconds
\r\n \r\n setShown(false)} size={'large'} style={{ height: '50vh' }}>\r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n {remainingUnit} \r\n \r\n \r\n \r\n\r\n The Lodge Images \r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n FAQ \r\n\r\n\r\n\r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n\r\n\r\n Subscribe Here \r\n {alert?.show && (\r\n \r\n\r\n \r\n \r\n \r\n )}\r\n\r\n\r\n \r\n {loading && (\r\n \r\n Subscribing Please wait... \r\n \r\n )}\r\n\r\n \r\n {\r\n handleSubscribe(values);\r\n resetForm();\r\n }}\r\n\r\n >\r\n {(props) => {\r\n const { values, touched, errors, handleChange, handleSubmit } = props;\r\n return (\r\n \r\n );\r\n }}\r\n \r\n\r\n \r\n \r\n\r\n\r\n\r\n \r\n \r\n \r\n \r\n\r\n\r\n\r\n\r\n
\r\n )\r\n}\r\n\r\nexport default Subscription","import React, { useState, useEffect } from 'react';\r\nimport { Form, Button, Segment, Step, Grid, Dimmer, Card, Loader, Image, Modal, Icon, CardGroup, Divider, Select, Container } from 'semantic-ui-react';\r\nimport { useParams } from 'react-router-dom/cjs/react-router-dom.min';\r\nimport DataService from \"../../services/DataService\";\r\nimport './Generator.css'\r\nimport { Formik, Field } from 'formik'\r\nimport * as Yup from 'yup'\r\nimport Generator_Contants from '../../data/Generator_Contants';\r\nimport numeral from \"numeral\";\r\n\r\n\r\n\r\n\r\nconst GeneratorFrontEnd = () => {\r\n const params = useParams()\r\n\r\n useEffect(() => {\r\n fetchData()\r\n }, [])\r\n const [currentStep, setCurrentStep] = useState(1);\r\n const [optionList, setOptionList] = useState([]);\r\n const [bankList, setBankList] = useState([]);\r\n const [generatorList, setGeneratorList] = useState([]);\r\n const [generatorFilteredList, setGeneratorFilteredList] = useState([]);\r\n const [vendorList, setVendorList] = useState([]);\r\n const [loading, setLoading] = useState(false);\r\n const [successModalState, toggleSucessModal] = useState(false);\r\n const [beneficairyDetails, setBeneficiaryDetails] = useState({\r\n firstname: '',\r\n lastname: '',\r\n email: '',\r\n igg: '',\r\n beneficairyOption: '',\r\n bankName: '',\r\n accountName: '',\r\n accountNumber: '',\r\n phoneNumber: '',\r\n deliveryAddress: '',\r\n contactPhoneNumber: '',\r\n signature: '',\r\n generatorVendor: '',\r\n generatorName: '',\r\n Rating: '',\r\n selectedRating: '',\r\n cooperator: '',\r\n GeneratorBeneficiaryId: 0,\r\n GeneratorCategoryId: 0\r\n\r\n\r\n });\r\n const [paymentOptions, setpaymentOptions] = useState();\r\n const phoneRegExp = /^((\\\\+[1-9]{1,4}[ \\\\-]*)|(\\\\([0-9]{2,3}\\\\)[ \\\\-]*)|([0-9]{2,4})[ \\\\-]*)*?[0-9]{3,4}?[ \\\\-]*[0-9]{3,4}?$/\r\n\r\n const schema = Yup.object().shape({\r\n firstname: Yup.string().required(\"Required\"),\r\n lastname: Yup.string().required(\"Required\"),\r\n email: Yup.string().required(\"Required\").email('Invalid Email'),\r\n igg: Yup.string(),\r\n beneficairyOption: Yup.string().required(\"Required\"),\r\n bankName: Yup.string(),\r\n accountName: Yup.string(),\r\n accountNumber: Yup.string(),\r\n phoneNumber: Yup.string().required('Required').matches(phoneRegExp, 'Phone number is not valid').test('len', 'Must be between 11 to 13 characters',\r\n val => !val || (val && val.toString().length >= 11 && val.toString().length < 14)),\r\n deliveryAddress: '',\r\n contactPhoneNumber: Yup.string().required('Required').matches(phoneRegExp, 'Phone number is not valid').test('len', 'Must be between 11 to 13 characters',\r\n val => !val || (val && val.toString().length >= 11 && val.toString().length < 14)),\r\n //signature: '',\r\n generatorVendor: Yup.string(),\r\n generatorName: Yup.string(),\r\n Rating: Yup.string(),\r\n selectedRating: Yup.string(),\r\n cooperator: Yup.boolean(),\r\n\r\n\r\n\r\n\r\n });\r\n\r\n\r\n const fetchData = async () => {\r\n try {\r\n setLoading(true)\r\n\r\n const response = await DataService.getDataNoAuth('/generator/verify', {\r\n url: params.code\r\n })\r\n setBeneficiaryDetails(response)\r\n await getPaymentOption(response.cooperator)\r\n setLoading(false)\r\n\r\n } catch (error) {\r\n console.log(error);\r\n window.location.replace('/not-found')\r\n setLoading(false)\r\n }\r\n }\r\n\r\n useEffect(() => {\r\n\r\n getBankList()\r\n getGeneratorList()\r\n }, [])\r\n\r\n const getPaymentOption = async (cooperator) => {\r\n try {\r\n setLoading(true)\r\n const generatorBeneficiaryOptions = await DataService.getDataNoAuth('/generator/getGeneratorBeneficiaryOptions',\r\n { cooperator: cooperator ? 'YES' : 'NO' })\r\n setOptionList(generatorBeneficiaryOptions)\r\n setLoading(false)\r\n } catch (error) {\r\n setLoading(false)\r\n console.log(error);\r\n }\r\n\r\n }\r\n const getGeneratorList = async () => {\r\n try {\r\n setLoading(true)\r\n const {generator,vendorList} = await DataService.getDataNoAuth('/generator/getGenerators')\r\n setGeneratorList(generator)\r\n setVendorList(vendorList)\r\n setLoading(false)\r\n } catch (error) {\r\n setLoading(false)\r\n console.log(error);\r\n }\r\n\r\n }\r\n const getBankList = async () => {\r\n try {\r\n setLoading(true)\r\n const { data } = await DataService.getAPIData(`https://api.paystack.co/bank`, {\r\n country: 'nigeria',\r\n\r\n })\r\n data.map((i) => {\r\n i.key = i.id\r\n i.text = i.name\r\n i.value = i.code\r\n })\r\n setBankList(data)\r\n setLoading(false)\r\n } catch (error) {\r\n setLoading(false)\r\n console.log(error);\r\n }\r\n\r\n }\r\n\r\n\r\n const getBankDetails = async (code, accountNumber) => {\r\n try {\r\n const { account_name, account_number } = await DataService.postDataNoAuth('/generator/banks', {\r\n code: code,\r\n account_number: accountNumber\r\n\r\n })\r\n setBeneficiaryDetails({ ...beneficairyDetails, accountName: account_name, accountNumber: account_number, bankName: bankList.find(x => x.code == code).name })\r\n\r\n } catch (error) {\r\n setLoading(false)\r\n console.log(error);\r\n }\r\n }\r\n const handleFormSubmit = async (value) => {\r\n\r\n try {\r\n setLoading(true)\r\n const { success } = await DataService.postDataNoAuth('/generator/beneficairyRequest', value)\r\n if (success) {\r\n toggleSucessModal(true)\r\n }\r\n setLoading(false)\r\n\r\n } catch (error) {\r\n setLoading(false)\r\n console.log(error);\r\n }\r\n };\r\n\r\n const nextStep = async () => {\r\n if (currentStep === 1) {\r\n if (!beneficairyDetails.phoneNumber) {\r\n alert('Please enter your phone number')\r\n } else if (!beneficairyDetails.beneficairyOption) {\r\n alert('Please select generator option')\r\n }\r\n else if (beneficairyDetails.beneficairyOption === Generator_Contants.COOPSAVING) {\r\n setCurrentStep(currentStep + 2)\r\n } else {\r\n setCurrentStep(currentStep + 1)\r\n\r\n }\r\n }\r\n\r\n\r\n if (currentStep === 2) {\r\n if (!beneficairyDetails.accountNumber && beneficairyDetails.beneficairyOption === Generator_Contants.CASH) {\r\n alert('Please enter account number')\r\n } else if ((!beneficairyDetails.bankName || !beneficairyDetails.accountName) && beneficairyDetails.beneficairyOption === Generator_Contants.CASH) {\r\n alert('Please select correct bank name or enter correct account number')\r\n } else if ((!beneficairyDetails.deliveryAddress || !beneficairyDetails.contactPhoneNumber) && beneficairyDetails.beneficairyOption === Generator_Contants.GENERATOR) {\r\n alert('Please enter delivery address and contach phone number')\r\n\r\n } else if (beneficairyDetails.beneficairyOption === Generator_Contants.GENERATOR) {\r\n if (!beneficairyDetails.generatorName) {\r\n alert('Please select your generator')\r\n } else {\r\n\r\n setCurrentStep(currentStep + 1)\r\n }\r\n } else {\r\n setCurrentStep(currentStep + 1)\r\n }\r\n }\r\n };\r\n\r\n const prevStep = () => {\r\n if (beneficairyDetails.beneficairyOption === Generator_Contants.COOPSAVING) {\r\n setCurrentStep(currentStep - 2)\r\n } else {\r\n setCurrentStep(currentStep - 1);\r\n\r\n }\r\n };\r\n\r\n return (\r\n \r\n Welcome to an incredible Real Estate Opportunity you don't want to miss!
\r\n\r\nThe Cooperative Society has done a comprehensive due diligence for your benefit. \r\n
\r\n\r\nFind below all you need to know about this rare rental opportunity. Don’t forget to join the highly informative session scheduled for Thursday, 2nd March, 2023 at 11am. \r\n\r\n
\r\n\r\nOr you want to subscribe already? Great! Fill out the subscription form below.
\r\n\r\nLet’s focus on other things while our money works for us!\r\n
\r\n \r\n\r\n\r\n\r\n\r\n The Lodge by Isimi Lagos is an innovative, eco-friendly fully serviced facility to accommodate the increasing number of habitants of the Tech Valley Eco-System of Isimi Lagos.\r\n
\r\n\r\n Isimi Lagos is the first wellness and sustainable, eco-friendly city in Epe Lagos. As the name connotes, Isimi Lagos is the perfect meeting point of nature, architecture and technology with a focus on conservativeness, sustainability and future forward technology.\r\n
\r\n Click here for more details:\r\n \r\n \r\n
\r\n Sitting on over 305 acres, Isimi is located in the cultural city of Epe, offering a broad array of quality leisure facilities such as a Polo field, golf course, Olympic size swimming pool, Spa facilities and so much more.\r\n \r\n
\r\n \r\n\r\n\r\n Each block of The Lodge contains 150 key-card enabled ensuite rooms to ensure privacy and tranquillity. Each room has access to a shared living room, dining and kitchenette area.\r\n Please click here to see sample: \r\n
\r\n \r\n\r\n The project is valued at N25million per unit/room but has been offered to members of Total Coop at a discounted price of N21million (exclusive of N1million documentation cost).\r\n
\r\n\r\n Subscribers can opt to pay full in cash or through Cooperative loan. Terms and conditions apply.\r\n
\r\n\r\n Subscribers are free to purchase as many units of The Lodge as possible.\r\n
\r\n\r\n The Lodge will be managed by LandWey investment Limited or any reputable hospitality management company that the LandWey appoints to manage same. Management of The Lodge will involve the facility management of The Lodge to ensure the facility maintains the status of excellence, occupancy management, collection of rental fees and related expenses as well as remittance of proceeds to the unit owners.\r\n
\r\n\r\n Construction of each block of The Lodge will take a timeline of 2 years. The first block is scheduled to start by Q1 of 2023 and will be completed by Q4 of 2024.\r\n
\r\n\r\n The delivery timeline for the entire infrastructure development on Isimi Lagos is 2030, however the infrastructure to support living at The Lodge will be completed by Q4 2024.\r\n
\r\n\r\n The construction of The Lodge will commence in Q1 2023\r\n
\r\n\r\n Returns from rental income from The Lodge will be payable annually from the delivery of the project. The first annual payment is scheduled to be paid 1 year after delivery (by Q4 2025 based on the delivery timeline of Q4 2024 for the first block).\r\n
\r\n\r\n Rental income is guaranteed by contract, and shall remain in force and effect for a period of 5 years in the initial term and subsequently may be extended by agreement of parties for subsequent years after.\r\n
\r\n\r\n The project kick off is already scheduled for March 1st 2023, irrespective of subscription levels to ensure LandWey meet up with the completion timelines according to our program of works. They are developing a robust activity schedule for the next 5 years, as well as initiatives to drive these activities, such as the MIT Senseable Lab research partnerships and the Gravity labs etc located within Isimi Lagos.\r\n
\r\n\r\n This will ensure high occupancy of The Lodge and in turn guarantee payment of returns for subscribers.\r\n
\r\n\r\n In addition, as a comfort note, LandWey is offering all subscribers the equivalent SQM of land based on the transaction value within Isimi Lagos at the time of purchase. Subscribers will receive a deed of assignment and have the right to claim use of such land.\r\n
\r\n\r\n LandWey will give each subscriber 200sqm of land per unit, within Isimi Lagos as security for their transaction. 200sqm being the equivalent value of land based on prevailing market rate at the time of the transaction. \r\n
\r\n\r\n The Cooperative is acting as a financier for members who are interested in the project.\r\n
\r\n\r\n Whilst LandWey has not done any project of this magnitude in the commercial scope, LandWey has recorded tremendous successes on other projects of cumulative sizes similar to Isimi Lagos, such as the Urban Prime projects series, which started out with the same vision in 2019 and has transformed the entire Abraham Adesanya and Ogombo community (a cumulative of over 50 hectares of swampy land) into habitable estates with state of the art infrastructure within a short time. Urban Prime 1 estate was awarded the 2021 Residential Development Award for Nigeria by the International Property Awards, UK Awards; a daunting feat to attain. \r\n
\r\n\r\n Specifically, on the Isimi project, they have been able to engage reputable contractors and consultants such as MZ Architects (designers and architects of the Eko Atlantic Project) and Key Civil Contractors (a Lebanese Construction Company with expertise in similar projects as the Lodge).\r\n \r\n
\r\n\r\n Rental Income is calculated based on a guaranteed occupancy rate of 75% (273 days of a 365 days in a year) at N30,000 rate per night.\r\n
\r\nThe documents which make up the project documentations are:
\r\n- \r\n
- Offer letter \r\n
- Terms and conditions \r\n
- Contract of sale (issued upon payment) \r\n
- Temporary allocation letter \r\n
- Deed of sub lease for equivalent land size (to be retrieved upon delivery of the unit) \r\n
- Unit Owners Agreement \r\n
- Deed of sublease and survey plan (issued at handover) \r\n
\r\n The purchase price for a unit are as detailed in the offer letter given for the purpose. The purchase price is exclusive of documentation fees (deed and survey) at a cost of N1,000,000 per unit. \r\n
\r\n\r\n Isimi Lagos is currently in development stages, as infrastructure development is well underway. The project has a timeline of full completion by 2030, however the first phase of development will be completed by 2024 and will be open to residents and visitors by 2024.\r\n
\r\n\r\n Yes, the site is open for inspection and visitation, however the first phase of development will be complete by 2024. \r\n
\r\n\r\n Isimi Lagos is accessible by road, air and by water ways. It is 40mins by boat from Ikoyi Lagos, 20mins by air and about 120mins by road.\r\n
\r\n\r\n LandWey Investment Limited, a company that offers end-to-end residential and commercial real estate services is the project developer of Isimi Lagos and The Lodge. LandWey was incorporated in 2016 and has successfully delivered over 27 residential estates along the Lekki-Epe express way between the 2nd toll gate and Bogije axis of Lagos. \r\n
\r\nClick here for more information: \r\n
\r\n\r\n Ownership of The Lodge is open to all interested parties, including existing citizens of Isimi Lagos.\r\n
\r\n\r\n Facilities available within Isimi Lagos include but are not limited to: golf course, Renewable energy, Farm to table experience, Gym, Horse stables, Polo field, Hiking paths, Tech Valley, recreational centres, Strip malls, campus labs, swimming pool etc\r\n
\r\n\r\n The unit owner shall be entitled free usage of the unit for not more than 3 days annually. In this case, the unit owner will give the company a 15 days’ notice to that effect prior to the date elected by the unit owner.\r\nFor subsequent use after the 3 free days allowable, the unit owner will be required to pay the rental rate or remove same from annual proceeds for the period\r\n\r\n
\r\n\r\n Owners and residents of The lodge will have access to the facilities with Isimi Lagos.\r\n
\r\n\r\n Subscribers can decide at any point before handover of The Lodge to take the Land option. Taking the land option will mean relinquishing rights/ownership of The Lodge.\r\n
\r\n\r\n To keep both the Land and The Lodge, the subscriber will have to make payment for the other at the prevailing market rate at the time the decision to have both (Land and Room) is made.\r\n
\r\n\r\n Yes, subscribers have the right to sell their unit of the lodge at any time, provided that the right of first refusal will be granted to the company. At the expiration of the Right of first refusal offer to the company, the subscriber can sell directly to the public upon settlement of any financial obligations to the company (if any). \r\n
\r\n\r\n\r\n The entire property is covered by a Certificate of Occupancy in the name of the predecessors in title. The predecessors have transferred title to LandWey vide a Deed of Assignment for the expanse and LandWey is in the process of perfecting title to the expanse. \r\n
\r\n{alert.message}
\r\n\r\n\r\n TotalEnergies Cooperative ©2023\r\n
\r\n\r\n\r\n\r\n \r\n {loading && (\r\n \r\n \r\n )}\r\n\r\n \r\n \r\n \r\n\r\n\r\n \r\n\r\n \r\n\r\n\r\n\r\n \r\n\r\n\r\n {\r\n handleFormSubmit(values);\r\n resetForm();\r\n }}\r\n \r\n \r\n \r\n\r\n >\r\n {(props) => {\r\n const { values, touched, errors, handleChange, handleSubmit } = props;\r\n return (\r\n \r\n )\r\n }}\r\n \r\n {currentStep > 1 && (\r\n \r\n )}\r\n {currentStep < 3 && (\r\n \r\n )}\r\n\r\n\r\n\r\n \r\n\r\n\r\n window.location.replace('/')}\r\n closeIcon\r\n id='thank-you-modal'\r\n >\r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n
\r\n );\r\n}\r\n\r\nexport default GeneratorFrontEnd;\r\n","import React, { useEffect } from 'react';\r\nimport { Container, Header, Icon, Segment } from 'semantic-ui-react';\r\nimport 'semantic-ui-css/semantic.min.css';\r\n\r\n\r\nfunction NotFound() {\r\n\r\n useEffect(() => {\r\n setTimeout(() => {\r\n window.location.replace('/')\r\n },5000)\r\n },[])\r\n return (\r\n Your submission was successful.
\r\n\r\n \r\n \r\n \r\n */}\r\n \r\n \r\n \r\n
\r\n\r\n );\r\n}\r\n\r\nexport default App;\r\n","// This optional code is used to register a service worker.\r\n// register() is not called by default.\r\n\r\n// This lets the app load faster on subsequent visits in production, and gives\r\n// it offline capabilities. However, it also means that developers (and users)\r\n// will only see deployed updates on subsequent visits to a page, after all the\r\n// existing tabs open on the page have been closed, since previously cached\r\n// resources are updated in the background.\r\n\r\n// To learn more about the benefits of this model and instructions on how to\r\n// opt-in, read https://bit.ly/CRA-PWA\r\n\r\nconst isLocalhost = Boolean(\r\n window.location.hostname === 'localhost' ||\r\n // [::1] is the IPv6 localhost address.\r\n window.location.hostname === '[::1]' ||\r\n // 127.0.0.0/8 are considered localhost for IPv4.\r\n window.location.hostname.match(\r\n /^127(?:\\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/\r\n )\r\n);\r\n\r\nexport function register(config) {\r\n if (process.env.NODE_ENV === 'production' && 'serviceWorker' in navigator) {\r\n // The URL constructor is available in all browsers that support SW.\r\n const publicUrl = new URL(process.env.PUBLIC_URL, window.location.href);\r\n if (publicUrl.origin !== window.location.origin) {\r\n // Our service worker won't work if PUBLIC_URL is on a different origin\r\n // from what our page is served on. This might happen if a CDN is used to\r\n // serve assets; see https://github.com/facebook/create-react-app/issues/2374\r\n return;\r\n }\r\n\r\n window.addEventListener('load', () => {\r\n const swUrl = `${process.env.PUBLIC_URL}/service-worker.js`;\r\n\r\n if (isLocalhost) {\r\n // This is running on localhost. Let's check if a service worker still exists or not.\r\n checkValidServiceWorker(swUrl, config);\r\n\r\n // Add some additional logging to localhost, pointing developers to the\r\n // service worker/PWA documentation.\r\n navigator.serviceWorker.ready.then(() => {\r\n console.log(\r\n 'This web app is being served cache-first by a service ' +\r\n 'worker. To learn more, visit https://bit.ly/CRA-PWA'\r\n );\r\n });\r\n } else {\r\n // Is not localhost. Just register service worker\r\n registerValidSW(swUrl, config);\r\n }\r\n });\r\n }\r\n}\r\n\r\nfunction registerValidSW(swUrl, config) {\r\n navigator.serviceWorker\r\n .register(swUrl)\r\n .then(registration => {\r\n registration.onupdatefound = () => {\r\n const installingWorker = registration.installing;\r\n if (installingWorker == null) {\r\n return;\r\n }\r\n installingWorker.onstatechange = () => {\r\n if (installingWorker.state === 'installed') {\r\n if (navigator.serviceWorker.controller) {\r\n // At this point, the updated precached content has been fetched,\r\n // but the previous service worker will still serve the older\r\n // content until all client tabs are closed.\r\n console.log(\r\n 'New content is available and will be used when all ' +\r\n 'tabs for this page are closed. See https://bit.ly/CRA-PWA.'\r\n );\r\n\r\n // Execute callback\r\n if (config && config.onUpdate) {\r\n config.onUpdate(registration);\r\n }\r\n } else {\r\n // At this point, everything has been precached.\r\n // It's the perfect time to display a\r\n // \"Content is cached for offline use.\" message.\r\n console.log('Content is cached for offline use.');\r\n\r\n // Execute callback\r\n if (config && config.onSuccess) {\r\n config.onSuccess(registration);\r\n }\r\n }\r\n }\r\n };\r\n };\r\n })\r\n .catch(error => {\r\n console.error('Error during service worker registration:', error);\r\n });\r\n}\r\n\r\nfunction checkValidServiceWorker(swUrl, config) {\r\n // Check if the service worker can be found. If it can't reload the page.\r\n fetch(swUrl, {\r\n headers: { 'Service-Worker': 'script' },\r\n })\r\n .then(response => {\r\n // Ensure service worker exists, and that we really are getting a JS file.\r\n const contentType = response.headers.get('content-type');\r\n if (\r\n response.status === 404 ||\r\n (contentType != null && contentType.indexOf('javascript') === -1)\r\n ) {\r\n // No service worker found. Probably a different app. Reload the page.\r\n navigator.serviceWorker.ready.then(registration => {\r\n registration.unregister().then(() => {\r\n window.location.reload();\r\n });\r\n });\r\n } else {\r\n // Service worker found. Proceed as normal.\r\n registerValidSW(swUrl, config);\r\n }\r\n })\r\n .catch(() => {\r\n console.log(\r\n 'No internet connection found. App is running in offline mode.'\r\n );\r\n });\r\n}\r\n\r\nexport function unregister() {\r\n if ('serviceWorker' in navigator) {\r\n navigator.serviceWorker.ready\r\n .then(registration => {\r\n registration.unregister();\r\n })\r\n .catch(error => {\r\n console.error(error.message);\r\n });\r\n }\r\n}\r\n","import React from 'react';\r\nimport ReactDOM from 'react-dom';\r\nimport './index.css';\r\nimport App from './App';\r\nimport * as serviceWorker from './serviceWorker';\r\nimport 'semantic-ui-css/semantic.min.css'\r\n\r\nReactDOM.render(\r\n