\r\n
*/}\r\n {label}
\r\n{renderInput()}
\r\n \r\n \r\n );\r\n}\r\n\r\nexport default FormInput;\r\n","export function handleErrors(ex,setErrors)\r\n{\r\n const { response } = ex;\r\n if (response) {\r\n const {\r\n response: {\r\n data: { errorMessage },\r\n },\r\n } = ex;\r\n if (errorMessage) {\r\n if (typeof errorMessage === \"string\") {\r\n setErrors([errorMessage]);\r\n } else {\r\n setErrors(errorMessage);\r\n }\r\n }\r\n }\r\n else {\r\n setErrors([ex]);\r\n }\r\n}","import React from \"react\";\r\nimport { useState } from \"react\";\r\nimport _ from \"lodash\";\r\nimport { formTypes } from \"../../config.json\";\r\nimport { handleErrors } from \"../../utilities/handleErrors\";\r\nimport Snackbar from \"@material-ui/core/Snackbar\";\r\nimport MuiAlert from \"@material-ui/lab/Alert\";\r\nimport { useEffect } from \"react\";\r\nimport { useNavigate } from \"react-router-dom\";\r\nimport { ArrowBack } from \"@material-ui/icons\";\r\nimport { green } from \"@material-ui/core/colors\";\r\nimport {\r\n Box,\r\n Button,\r\n CircularProgress,\r\n Container,\r\n Grid,\r\n IconButton,\r\n makeStyles,\r\n Paper,\r\n} from \"@material-ui/core\";\r\nconst Alert = React.forwardRef(function Alert(props, ref) {\r\n return \r\n \r\n Cancel\r\n \r\n
\r\n )}\r\n \r\n \r\n {formType === formTypes.view && (\r\n <>{edit ? \"Update\" : \"Edit\"}\r\n )}\r\n {formType === formTypes.add && addTextTitle}\r\n \r\n {loading && (\r\n
\r\n \r\n \r\n
\r\n - \r\n {errors.map((error, index) => (\r\n
- {error} \r\n ))}\r\n
\r\n
\r\n \r\n );\r\n}\r\n\r\nexport default SalesForm;\r\n","import React, { useState, useContext, useEffect } from \"react\";\r\nimport FormInput from \"../../components/common/formInput\";\r\nimport FormTemplate from \"../../components/common/formTemplate\";\r\nimport { FormInputHook } from \"../../utilities/formInputHook\";\r\nimport { updateAccount } from \"../../services/userAccountService\";\r\nimport { getUser } from \"../../services/userService\";\r\nimport { UserContext } from \"../../contexts/userContext\";\r\nimport { formTypes } from \"../../config.json\";\r\n\r\nfunction Profile() {\r\n const formType = formTypes.view;\r\n const defaultData = {};\r\n const {\r\n dataForm,\r\n setDataForm,\r\n disableInput,\r\n updateValue,\r\n handleDisableInput,\r\n } = FormInputHook({ defaultData, formType });\r\n const { authed } = useContext(UserContext);\r\n useEffect(() => {\r\n const Init = async () => {\r\n // get the user details!!\r\n if (authed.email === \"\") return;\r\n const { data } = await getUser(authed.email);\r\n setDataForm({\r\n ...dataForm,\r\n initialData: { ...data },\r\n details: { ...data },\r\n });\r\n };\r\n Init();\r\n }, [authed]);\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n );\r\n}\r\n\r\nexport default Profile;\r\n","import React, { useCallback, useRef, useState } from \"react\";\r\nimport { GoogleMap, useLoadScript, Marker } from \"@react-google-maps/api\";\r\nimport mapStyles from \"../../utilities/mapStyles\";\r\nimport { Box, makeStyles, Typography } from \"@material-ui/core\";\r\nimport config from \"../../config.json\";\r\n\r\nconst mapContainerStyle = {\r\n width: \"100%\",\r\n height: \"100%\",\r\n};\r\n\r\nconst options = {\r\n styles: mapStyles,\r\n disableDefaultUI: true,\r\n zoomControl: true,\r\n};\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n mapWrapper: {\r\n position: \"relative\",\r\n width: \"100%\",\r\n height: \"100%\",\r\n },\r\n mapHeader: {\r\n position: \"absolute\",\r\n top: \"1%\",\r\n left: \"1%\",\r\n zIndex: \"2\",\r\n },\r\n}));\r\n\r\nexport function GoogleMapContainer({ marker }) {\r\n const center = {\r\n lat: marker.lat,\r\n lng: marker.lng,\r\n };\r\n const { isLoaded, loadError } = useLoadScript({\r\n // googleMapsApiKey: process.env.REACT_APP_GOOGLE_MAPS_API_KEY,\r\n googleMapsApiKey: config.REACT_APP_GOOGLE_MAPS_API_KEY,\r\n libraries: [\"places\"],\r\n });\r\n const classes = useStyles();\r\n const [markers, setMarkers] = useState([]);\r\n // const onMapClick = useCallback((event) => {\r\n // setMarkers([\r\n // ...markers,\r\n // {\r\n // lat: event.latLng.lat(),\r\n // lng: event.latLng.lng(),\r\n // time: new Date(),\r\n // },\r\n // ]);\r\n // }, []);\r\n\r\n const mapRef = useRef();\r\n const onMapLoad = useCallback((map) => {\r\n mapRef.current = map;\r\n }, []);\r\n\r\n if (loadError) return \"Error loading maps\";\r\n if (!isLoaded) return \"Loading Maps\";\r\n return (\r\n <>\r\n \r\n
\r\n \r\n \r\n Λειβαδιά Loayalty \r\n \r\n \r\n
\r\n \r\n );\r\n}\r\n\r\nexport default GoogleMapContainer;\r\n","export default [\r\n {\r\n \"featureType\": \"water\",\r\n \"elementType\": \"geometry\",\r\n \"stylers\": [\r\n {\r\n \"color\": \"#e9e9e9\"\r\n },\r\n {\r\n \"lightness\": 17\r\n }\r\n ]\r\n },\r\n {\r\n \"featureType\": \"landscape\",\r\n \"elementType\": \"geometry\",\r\n \"stylers\": [\r\n {\r\n \"color\": \"#f5f5f5\"\r\n },\r\n {\r\n \"lightness\": 20\r\n }\r\n ]\r\n },\r\n {\r\n \"featureType\": \"road.highway\",\r\n \"elementType\": \"geometry.fill\",\r\n \"stylers\": [\r\n {\r\n \"color\": \"#ffffff\"\r\n },\r\n {\r\n \"lightness\": 17\r\n }\r\n ]\r\n },\r\n {\r\n \"featureType\": \"road.highway\",\r\n \"elementType\": \"geometry.stroke\",\r\n \"stylers\": [\r\n {\r\n \"color\": \"#ffffff\"\r\n },\r\n {\r\n \"lightness\": 29\r\n },\r\n {\r\n \"weight\": 0.2\r\n }\r\n ]\r\n },\r\n {\r\n \"featureType\": \"road.arterial\",\r\n \"elementType\": \"geometry\",\r\n \"stylers\": [\r\n {\r\n \"color\": \"#ffffff\"\r\n },\r\n {\r\n \"lightness\": 18\r\n }\r\n ]\r\n },\r\n {\r\n \"featureType\": \"road.local\",\r\n \"elementType\": \"geometry\",\r\n \"stylers\": [\r\n {\r\n \"color\": \"#ffffff\"\r\n },\r\n {\r\n \"lightness\": 16\r\n }\r\n ]\r\n },\r\n {\r\n \"featureType\": \"poi\",\r\n \"elementType\": \"geometry\",\r\n \"stylers\": [\r\n {\r\n \"color\": \"#f5f5f5\"\r\n },\r\n {\r\n \"lightness\": 21\r\n }\r\n ]\r\n },\r\n {\r\n \"featureType\": \"poi.park\",\r\n \"elementType\": \"geometry\",\r\n \"stylers\": [\r\n {\r\n \"color\": \"#dedede\"\r\n },\r\n {\r\n \"lightness\": 21\r\n }\r\n ]\r\n },\r\n {\r\n \"elementType\": \"labels.text.stroke\",\r\n \"stylers\": [\r\n {\r\n \"visibility\": \"on\"\r\n },\r\n {\r\n \"color\": \"#ffffff\"\r\n },\r\n {\r\n \"lightness\": 16\r\n }\r\n ]\r\n },\r\n {\r\n \"elementType\": \"labels.text.fill\",\r\n \"stylers\": [\r\n {\r\n \"saturation\": 36\r\n },\r\n {\r\n \"color\": \"#333333\"\r\n },\r\n {\r\n \"lightness\": 40\r\n }\r\n ]\r\n },\r\n {\r\n \"elementType\": \"labels.icon\",\r\n \"stylers\": [\r\n {\r\n \"visibility\": \"off\"\r\n }\r\n ]\r\n },\r\n {\r\n \"featureType\": \"transit\",\r\n \"elementType\": \"geometry\",\r\n \"stylers\": [\r\n {\r\n \"color\": \"#f2f2f2\"\r\n },\r\n {\r\n \"lightness\": 19\r\n }\r\n ]\r\n },\r\n {\r\n \"featureType\": \"administrative\",\r\n \"elementType\": \"geometry.fill\",\r\n \"stylers\": [\r\n {\r\n \"color\": \"#fefefe\"\r\n },\r\n {\r\n \"lightness\": 20\r\n }\r\n ]\r\n },\r\n {\r\n \"featureType\": \"administrative\",\r\n \"elementType\": \"geometry.stroke\",\r\n \"stylers\": [\r\n {\r\n \"color\": \"#fefefe\"\r\n },\r\n {\r\n \"lightness\": 17\r\n },\r\n {\r\n \"weight\": 1.2\r\n }\r\n ]\r\n }\r\n]","import React, { useEffect } from \"react\";\r\nimport FormInput from \"../../components/common/formInput\";\r\nimport { useLocation } from \"react-router-dom\";\r\nimport { useState } from \"react\";\r\nimport { formTypes } from \"../../config.json\";\r\nimport FormTemplate from \"../../components/common/formTemplate\";\r\nimport { addStore, updateStore } from \"../../services/storeService\";\r\nimport _ from \"lodash\";\r\nimport { FormInputHook } from \"../../utilities/formInputHook\";\r\nimport { useContext } from \"react\";\r\nimport { UserContext } from \"../../contexts/userContext\";\r\nimport config from \"../../config.json\";\r\nimport {\r\n Box,\r\n Button,\r\n Dialog,\r\n DialogActions,\r\n DialogContent,\r\n DialogContentText,\r\n DialogTitle,\r\n} from \"@material-ui/core\";\r\nimport Geocode from \"react-geocode\";\r\nimport { Typography } from \"@material-ui/core\";\r\nimport { GoogleMapContainer } from \"../../components/common/GoogleMap\";\r\n\r\nfunction StoresForm({ defaultData, formType }) {\r\n Geocode.setApiKey(process.env.REACT_APP_GOOGLE_MAPS_API_KEY);\r\n Geocode.setApiKey(config.REACT_APP_GOOGLE_MAPS_API_KEY);\r\n const { authed } = useContext(UserContext);\r\n const [open, setOpen] = useState(false);\r\n const location = useLocation();\r\n const [marker, setMarker] = useState({\r\n lat: 0,\r\n long: 0,\r\n });\r\n const {\r\n dataForm,\r\n setDataForm,\r\n disableInput,\r\n updateValue,\r\n handleDisableInput,\r\n } = FormInputHook({\r\n defaultData: { ...defaultData, ...location.state },\r\n formType,\r\n });\r\n\r\n // console.log(location.state);\r\n const [locationError, setLocationError] = useState(\"\");\r\n const validations = () => {\r\n const errors = [];\r\n const data = { ...dataForm.details };\r\n console.log(data);\r\n if (data.address === null || data.address.trim() === \"\") {\r\n errors.push(\"Address is required.\");\r\n }\r\n return errors;\r\n };\r\n\r\n const handleClickOpen = async (s) => {\r\n // edw to geocode na dw an einai legit to address !!!\r\n console.log(\"To address:\", dataForm.details.address);\r\n try {\r\n var response = await Geocode.fromAddress(dataForm.details.address);\r\n // take the lng and lat!!!\r\n const { lat, lng } = response.results[0].geometry.location;\r\n const sendModel = { ...dataForm.details, latitude: lat, longitude: lng };\r\n console.log(response);\r\n await addStore(sendModel);\r\n setDataForm({ ...dataForm, details: { ...sendModel } });\r\n console.log(response);\r\n } catch (ex) {\r\n console.log(ex);\r\n throw \"Address is not valid!\";\r\n }\r\n console.log(\"open\");\r\n //setOpen(true);\r\n };\r\n\r\n const handleUpdate = async () => {\r\n // edw to geocode na dw an einai legit to address !!!\r\n console.log(\"To address sto update:\", dataForm.details.address);\r\n try {\r\n var response = await Geocode.fromAddress(dataForm.details.address);\r\n // take the lng and lat!!!\r\n const { lat, lng } = response.results[0].geometry.location;\r\n const sendModel = { ...dataForm.details, latitude: lat, longitude: lng };\r\n console.log(response);\r\n await updateStore(sendModel);\r\n setDataForm({ ...dataForm, details: { ...sendModel } });\r\n console.log(response);\r\n } catch (ex) {\r\n console.log(ex);\r\n throw \"Address is not valid!\";\r\n }\r\n console.log(\"open\");\r\n };\r\n\r\n const handleClose = (s) => {\r\n setOpen(false);\r\n };\r\n\r\n const handleCheck = async () => {\r\n // check the validation first and then check if the address is valid!!\r\n // if it is valid then open the dialog with the map and pass the marker\r\n const data = { ...dataForm.details };\r\n console.log(\"sto edit:\", data);\r\n setLocationError(\"\");\r\n\r\n if (data.address === null || data.address.trim() === \"\") {\r\n setLocationError(\"Address field is required!\");\r\n return;\r\n }\r\n try {\r\n console.log(\"To details address\", dataForm.details.address);\r\n var response = await Geocode.fromAddress(dataForm.details.address);\r\n const { lat, lng } = response.results[0].geometry.location;\r\n setMarker({ lat, lng });\r\n setOpen(true);\r\n } catch (ex) {\r\n setLocationError(\"Address is not valid\");\r\n }\r\n };\r\n\r\n const handleCustomClick = (r) => {\r\n console.log(dataForm);\r\n //var resposne = await Geocode.fromAddress(dataForm.details.address);\r\n //setOpen(true);\r\n };\r\n\r\n const handleConfirm = () => {\r\n console.log(\"Confirm!!\");\r\n };\r\n\r\n return (\r\n <>\r\n \r\n \r\n \r\n For more accurate location please pass the postal code or location\r\n for example:\r\n Filonos 49-43, 321 00 or Filonos 49-43, Leivadia\r\n \r\n \r\n \r\n Check\r\n \r\n \r\n {locationError}\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 AssignUserToCompany;\r\n","import http from \"./httpService\";\r\nimport { apiUrl } from \"../config.json\";\r\n\r\n\r\nconst apiEndpoint = apiUrl + \"/categories/\";\r\n\r\nexport async function getCategories()\r\n{\r\n let categories = apiEndpoint + \"getCategories\";\r\n const { data } = await http.get(categories);\r\n return data;\r\n}\r\n\r\nexport async function getCategoryById(id)\r\n{\r\n let category = apiEndpoint + `getCategory?Id=${id}`;\r\n const { data } = await http.get(category);\r\n return data;\r\n}\r\n\r\nexport async function updateCategory(category)\r\n{\r\n let updateCategory = apiEndpoint + \"updateCategory\";\r\n const { data } = await http.put(updateCategory, category);\r\n return data;\r\n}\r\n\r\nexport async function addCategory(category)\r\n{\r\n let addCategory = apiEndpoint + \"addCategory\";\r\n const { data } = await http.post(addCategory,category);\r\n}\r\n\r\nexport async function deleteCategory(id)\r\n{\r\n let deleteCategory = apiEndpoint + `deleteCategory?id=${id}`;\r\n const { data } = await http.delete(deleteCategory);\r\n return data;\r\n}","import { DetailsOutlined, Forward } from \"@material-ui/icons\";\r\nimport React, { useEffect } from \"react\";\r\nimport FormInput from \"../../components/common/formInput\";\r\nimport FormTemplate from \"../../components/common/formTemplate\";\r\nimport { FormInputHook } from \"../../utilities/formInputHook\";\r\nimport { addCompany, updateCompany } from \"../../services/companyService\";\r\nimport { getCategories } from \"../../services/categoriesService\";\r\nimport {\r\n Box,\r\n Divider,\r\n Grid,\r\n Paper,\r\n TextField,\r\n Typography,\r\n} from \"@material-ui/core\";\r\nimport { useState } from \"react\";\r\n\r\nexport function CompanyForm({ defaultData, formType }) {\r\n // const handleUpdate =\r\n const {\r\n dataForm,\r\n setDataForm,\r\n disableInput,\r\n updateValue,\r\n handleDisableInput,\r\n } = FormInputHook({ defaultData, formType });\r\n const updateImage = (imageName, imageFile) => {\r\n setDataForm({\r\n ...dataForm,\r\n details: { ...dataForm.details, logo: imageName, logoFile: imageFile },\r\n });\r\n };\r\n\r\n const [redeemPoints, setRedeemPoints] = useState(1);\r\n const [categories, setCategories] = useState([]);\r\n const [redeemEuroResult, setRedeemEuroResult] = useState(\r\n dataForm.details[\"pointsToEuro\"] * redeemPoints\r\n );\r\n\r\n const [exchangeEuro, setExchangeEuro] = useState(1);\r\n const [earnPoints, setEarnPoints] = useState(\r\n dataForm.details[\"euroToPoints\"] * exchangeEuro\r\n );\r\n\r\n useEffect(() => {\r\n const Init = async () => {\r\n const { data } = await getCategories();\r\n setCategories(data);\r\n };\r\n Init();\r\n }, []);\r\n\r\n useEffect(() => {\r\n setRedeemEuroResult(redeemPoints / dataForm.details[\"pointsToEuro\"]);\r\n }, [redeemPoints]);\r\n\r\n useEffect(() => {\r\n setEarnPoints(dataForm.details[\"euroToPoints\"] * exchangeEuro);\r\n }, [exchangeEuro]);\r\n\r\n const validations = () => {\r\n const errors = [];\r\n const data = { ...dataForm.details };\r\n if (data.name === null || data.name.trim() === \"\") {\r\n errors.push(\"Company name is required\");\r\n }\r\n if (data.euroToPoints === null || data.euroToPoints <= 0) {\r\n errors.push(\"Euro to points ratio must be positive and greater than 0.\");\r\n }\r\n if (data.pointsToEuro === null || data.pointsToEuro <= 0) {\r\n errors.push(\"Points to euro ratio must be positive and greater than 0.\");\r\n }\r\n return errors;\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 CompanyForm;\r\n","import React, { useEffect, useContext, useState } from \"react\";\r\nimport { UserContext } from \"../../contexts/userContext\";\r\nimport {\r\n getCompanyByUserEmail,\r\n addCompany,\r\n updateCompany,\r\n} from \"../../services/companyService\";\r\nimport { formTypes } from \"../../config.json\";\r\nimport FormTemplate from \"../../components/common/formTemplate\";\r\nimport { FormInputHook } from \"../../utilities/formInputHook\";\r\nimport FormInput from \"../../components/common/formInput\";\r\nimport { getCategories } from \"../../services/categoriesService\";\r\n\r\nfunction MyComapny({}) {\r\n const { authed } = useContext(UserContext);\r\n const formType = formTypes.view;\r\n const [data, setData] = useState({});\r\n const [categories, setCategories] = useState([]);\r\n const {\r\n dataForm,\r\n setDataForm,\r\n disableInput,\r\n updateValue,\r\n handleDisableInput,\r\n } = FormInputHook({ defaultData: data, formType });\r\n useEffect(() => {\r\n const Init = async () => {\r\n if (authed.email === \"\") return;\r\n const { data } = await getCategories();\r\n setCategories(data);\r\n const dataResponse = await getCompanyByUserEmail(authed.email);\r\n console.log(\"To mycompany:\", dataResponse);\r\n dataResponse.ownerEmail = dataResponse.owner.email;\r\n dataResponse.pointsToEuro = dataResponse.pointsToEuroRatio;\r\n dataResponse.euroToPoints = dataResponse.euroToPointsRatio;\r\n setDataForm({\r\n ...dataForm,\r\n initialData: { ...dataResponse },\r\n details: { ...dataResponse },\r\n });\r\n };\r\n Init();\r\n }, [authed]);\r\n\r\n const updateImage = (imageName, imageFile) => {\r\n setDataForm({\r\n ...dataForm,\r\n details: { ...dataForm.details, logo: imageName, logoFile: imageFile },\r\n });\r\n };\r\n return (\r\n <>\r\n \r\n \r\n \r\n \r\n Loyalty points\r\n \r\n \r\n or you can test it below\r\n \r\n \r\n setRedeemPoints(e.target.value)}\r\n type=\"number\"\r\n variant=\"outlined\"\r\n />\r\n \r\n setExchangeEuro(e.target.value)}\r\n type=\"number\"\r\n variant=\"outlined\"\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 MyComapny;\r\n","import React, { useContext, useState } from \"react\";\r\nimport { useEffect } from \"react\";\r\nimport FormInput from \"../../components/common/formInput\";\r\nimport { formTypes } from \"../../config.json\";\r\nimport { checkUserRole } from \"../../services/userAccountService\";\r\nimport { FormInputHook } from \"../../utilities/formInputHook\";\r\nimport FormTemplate from \"../../components/common/formTemplate\";\r\nimport { register, updateAccount } from \"../../services/userAccountService\";\r\nimport { UserContext } from \"../../contexts/userContext\";\r\n\r\nfunction UserForm({ defaultData, formType }) {\r\n const {\r\n dataForm,\r\n setDataForm,\r\n disableInput,\r\n updateValue,\r\n handleDisableInput,\r\n } = FormInputHook({ defaultData, formType });\r\n const { authed, isAdmin } = useContext(UserContext);\r\n useEffect(() => {\r\n const init = async () => {\r\n if (formType === formTypes.view) {\r\n // get user role!!! check if his roles!!\r\n let result = await checkUserRole(dataForm.details[\"email\"]);\r\n setDataForm({\r\n initialData: { ...dataForm.initialData, owner: result },\r\n details: { ...dataForm.details, owner: result },\r\n });\r\n } else {\r\n // to formtype einai view!!! ara dwse to email tou company owner!!\r\n // alliws ama einai admin tote dwse to emfanise to checkbox ean 8elei o\r\n // xrhsths na valei enan companyowner user!!!\r\n if (isAdmin()) {\r\n // kane aplo register!!!\r\n } else {\r\n // einai company owner!!! passare to company owner email!!!\r\n setDataForm({\r\n initialData: {\r\n ...dataForm.initialData,\r\n companyOwnerEmail: authed.email,\r\n },\r\n details: {\r\n ...dataForm.details,\r\n companyOwnerEmail: authed.email,\r\n },\r\n });\r\n }\r\n }\r\n };\r\n init();\r\n }, []);\r\n\r\n const addUserValidation = () => {\r\n const errors = [];\r\n const data = { ...dataForm.details };\r\n if (data.userName === null || data.userName.trim() === \"\") {\r\n errors.push(\"Username is required.\");\r\n }\r\n if (data.email === null || data.email.trim() === \"\") {\r\n errors.push(\"Email is required.\");\r\n }\r\n return errors;\r\n };\r\n const updateUserValidation = () => {\r\n const errors = [];\r\n const data = { ...dataForm.details };\r\n if (data.userName === null || data.userName.trim() === \"\") {\r\n errors.push(\"Username is required.\");\r\n }\r\n if (data.email === null || data.email.trim() === \"\") {\r\n errors.push(\"Email is required.\");\r\n }\r\n return errors;\r\n };\r\n const validations = () => {\r\n if (formType === formTypes.add) {\r\n return addUserValidation();\r\n } else {\r\n return updateUserValidation();\r\n }\r\n };\r\n\r\n return (\r\n \r\n
\r\n
\r\n
\r\n
\r\n Πόντοι Loyalty ανά Ευρώ
\r\n\r\n
\r\n Για κάθε {dataForm.details[\"pointsToEuro\"]} πόντους εξαργυρώνεται\r\n 1 €\r\n
\r\n\r\n
\r\n Για κάθε 1 € ανατίθενται {dataForm.details[\"euroToPoints\"]} πόντοι\r\n
\r\n\r\n
\r\n
\r\n \r\n );\r\n}\r\n\r\nexport default UserForm;\r\n","import http from \"./httpService\";\r\nimport { apiUrl } from \"../config.json\";\r\n\r\nconst apiEndpoint = apiUrl + \"/points/\";\r\n\r\nexport async function updatePoints(user)\r\n{\r\n let updatePoints = apiEndpoint + `setPoints`;\r\n const { data } = await http.put(updatePoints, user);\r\n return data;\r\n}\r\n\r\nexport async function getUserPointsPerCompany(email,ownerEmail)\r\n{\r\n let userPoints = apiEndpoint + `getUserPointsPerCompany?email=${email}&ownerEmail=${ownerEmail}`;\r\n const { data } = await http.get(userPoints);\r\n return data;\r\n}\r\n\r\nexport async function getUserPointsAllCompanies(email)\r\n{\r\n let userPoints = apiEndpoint + `getUserPointsAllCompanies?email=${email}`;\r\n const { data } = await http.get(userPoints);\r\n return data;\r\n}\r\n\r\nexport async function assignUserToCompany()\r\n{\r\n \r\n}\r\n\r\nexport async function addPoints(model)\r\n{\r\n\r\n let points = model.euro * model.euroToPointsRatio;\r\n let addPoints = apiEndpoint + \"addPoints\";\r\n model.points = points;\r\n const { data } = await http.post(addPoints, model);\r\n return data;\r\n}\r\n\r\n\r\nexport async function redeemPoints(model)\r\n{\r\n let redeemPoints = apiEndpoint + \"addPoints\";\r\n model.points = model.redeem*-1;\r\n const { data } = await http.post(redeemPoints, model);\r\n console.log();\r\n return data;\r\n}","import React, { useEffect, useState } from \"react\";\r\nimport { useLocation, useNavigate } from \"react-router-dom\";\r\nimport {\r\n getUserPointsAllCompanies,\r\n getUserPointsPerCompany,\r\n} from \"../../services/pointsService\";\r\nimport {\r\n Box,\r\n Button,\r\n Container,\r\n IconButton,\r\n TableBody,\r\n TableCell,\r\n TableRow,\r\n Typography,\r\n} from \"@material-ui/core\";\r\nimport { Add, AttachMoney, ArrowBack } from \"@material-ui/icons\";\r\nimport useTable from \"../../components/common/useTable\";\r\nimport { useContext } from \"react\";\r\nimport { UserContext } from \"../../contexts/userContext\";\r\n\r\nfunction UserPoints() {\r\n const [userPoints, setUserPoints] = useState([]);\r\n const { authed, isAdmin } = useContext(UserContext);\r\n const location = useLocation();\r\n const navigate = useNavigate();\r\n const userPointsColumns = [\r\n { id: \"name\", label: \"Company Name\" },\r\n { id: \"total\", label: \"Points\" },\r\n { id: \"actions\", label: \"Actions\" },\r\n ];\r\n const {\r\n TableContainer,\r\n TableHeader,\r\n TablePaginationCustom,\r\n recordsAfterPaging,\r\n } = useTable(userPoints, userPointsColumns, [\"company.name\", \"total\"]);\r\n useEffect(async () => {\r\n // call the api to get the user's points!!\r\n try {\r\n if (isAdmin())\r\n var { data } = await getUserPointsAllCompanies(location.state.email);\r\n else\r\n var { data } = await getUserPointsPerCompany(\r\n location.state.email,\r\n authed.email\r\n );\r\n setUserPoints(data);\r\n } catch (ex) {}\r\n }, []);\r\n\r\n const handleViewCompany = (row) => {\r\n navigate(`${location.pathname}/${row.company.name}`, {\r\n state: {\r\n ...row,\r\n },\r\n });\r\n };\r\n\r\n const handleAddRemovePoints = (row) => {\r\n navigate(`${location.pathname}/setPoints`, {\r\n state: {\r\n companyId: row.company.id,\r\n userId: row.applicationUserId,\r\n euroToPointsRatio: row.company.euroToPointsRatio,\r\n },\r\n });\r\n };\r\n\r\n const handleRedeemPoints = (row) => {\r\n navigate(`${location.pathname}/redeemPoints`, {\r\n state: {\r\n companyId: row.company.id,\r\n userId: row.applicationUserId,\r\n pointsToEuroRatio: row.company.pointsToEuroRatio,\r\n points: row.total,\r\n },\r\n });\r\n };\r\n\r\n return (\r\n <>\r\n \r\n
\r\n \r\n Πόντοι Χρήστη \r\n ({location.state.email}) \r\n
\r\n Ο χρήστης {dataForm.details[\"username\"]} έχει {dataForm.details[\"points\"]} Loyalty πόντους
\r\n\r\n Για κάθε {dataForm.details[\"pointsToEuroRatio\"]} πόντοι αντιστοιχεί 1 €\r\n
\r\n\r\n Σε ευρώ:\r\n {dataForm.details[\"redeem\"] / dataForm.details[\"pointsToEuroRatio\"] } €\r\n
\r\n \r\n );\r\n } else {\r\n return (\r\n <>\r\n\r\n Για κάθε 1 € αντιστοιχεί {dataForm.details[\"euroToPointsRatio\"]} Loyalty πόντοι\r\n
\r\n\r\n Σε πόντους:\r\n {dataForm.details[\"euroToPointsRatio\"] * dataForm.details[\"euro\"]}\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\nexport default PointsForm;\r\n","import { Box, makeStyles } from \"@material-ui/core\";\r\n//import \"./LoginCustomInput.css\";\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n inputWrapper: {\r\n marginBottom: \"5px\",\r\n backgroundColor: \"lightgray\",\r\n borderRadius: \"5px\",\r\n padding: \"2px\",\r\n \"& input\": {\r\n border: \"0\",\r\n padding: \"10px\",\r\n fontSize: \"20px\",\r\n width: \"100%\",\r\n outline: \"none !important\",\r\n },\r\n },\r\n inputWrapperIcon: {\r\n padding: \"8px\",\r\n },\r\n}));\r\n\r\nexport default function LoginCustomInput({\r\n Icon,\r\n value,\r\n handleOnChange,\r\n type,\r\n placeHolder,\r\n}) {\r\n const classes = useStyles();\r\n const inputType = type != null ? type : \"text\";\r\n return (\r\n <>\r\n \r\n <>\r\n \r\n {pointsBodyRender()}\r\n \r\n \r\n
\r\n {Icon}
\r\n - \r\n {errors.map((error) => (\r\n
- {error} \r\n ))}\r\n
\r\n {/*
\r\n {!mobile && {item.title}
\r\n \r\n {items.map((item) => (\r\n
\r\n );\r\n}\r\n","import { Facebook } from \"@material-ui/icons\";\r\nimport React from \"react\";\r\nimport MenuComponent from \"./MenuComponent\";\r\nimport { makeStyles, Typography } from \"@material-ui/core\";\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n sidebar: {\r\n height: \"100vh\",\r\n backgroundColor: \"rgb(57,67,87)\",\r\n color: \"rgb(120,130,146)\",\r\n },\r\n sidebarTitle: {\r\n color: \"white\",\r\n padding: \"20px\",\r\n },\r\n divider: {\r\n border: \"1px solid rgb(120,130,146)\",\r\n },\r\n sidebarTitleWrapper: {\r\n display: \"flex\",\r\n alignItems: \"center\",\r\n marginLeft: \"0px\",\r\n height: \"60px\",\r\n },\r\n sidebarLogo: {\r\n color: \"rgb(45,197,139)\",\r\n },\r\n logo: {\r\n height: \"60px\",\r\n width: \"60px\",\r\n },\r\n}));\r\nexport default function Sidebar({ menu }) {\r\n const classes = useStyles();\r\n return (\r\n \r\n
\r\n
\r\n );\r\n}\r\n","import { useNavigate } from \"react-router-dom\";\r\nimport { useContext, useEffect } from \"react\";\r\nimport { UserContext } from \"../../contexts/userContext\";\r\nimport { useState } from \"react\";\r\nimport {\r\n Box,\r\n List,\r\n ListItem,\r\n ListItemIcon,\r\n ListItemText,\r\n makeStyles,\r\n} from \"@material-ui/core\";\r\nimport clsx from \"clsx\";\r\nimport { AccountBox, Business, PowerSettingsNew } from \"@material-ui/icons\";\r\nimport { logOut } from \"../../services/userService\";\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n topbarSectionWrapper: {\r\n position: \"fixed\",\r\n height: \"auto\",\r\n padding: \"0px\",\r\n width: \"200px\",\r\n top: \"60px\",\r\n backgroundColor: \"white\",\r\n borderRadius: \"0px 0px 5px 5px\",\r\n right: \"20px\",\r\n zIndex: \"999\",\r\n },\r\n hideTopbarSection: {\r\n display: \"none\",\r\n },\r\n}));\r\n\r\nexport default function TopbarSection({ hide, handleClick }) {\r\n const { authed, isAdmin } = useContext(UserContext);\r\n const [hideCompany, setHideCompany] = useState(false);\r\n const navigate = useNavigate();\r\n const classes = useStyles();\r\n useEffect(() => {\r\n if (authed.email === \"\") return;\r\n if (isAdmin()) {\r\n setHideCompany(true);\r\n } else {\r\n setHideCompany(false);\r\n }\r\n }, [authed]);\r\n const styles = clsx({\r\n [classes.topbarSectionWrapper]: true,\r\n [classes.hideTopbarSection]: hide,\r\n });\r\n const handleLogout = async () => {\r\n // clear local storage and then redirect to login page!!\r\n const result = await logOut();\r\n navigate(\"/login\");\r\n };\r\n return (\r\n <>\r\n \r\n {/* \r\n Loyalty Admin\r\n \r\n
\r\n \r\n
\r\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 MobileNavigation;\r\n","import React, { useState, useEffect, useContext } from \"react\";\r\nimport { TabContextProvider } from \"../contexts/tabContext\";\r\nimport { Grid, Box } from \"@material-ui/core\";\r\nimport { TabbarSectionContextProvider } from \"../contexts/tabbarSectionContext\";\r\nimport Sidebar from \"../components/sidebar/Sidebar\";\r\nimport Topbar from \"../components/topbar/Topbar\";\r\nimport { UserContext } from \"../contexts/userContext\";\r\nimport FormContextProvoder from \"../contexts/formContext\";\r\nimport { createRoutes } from \"../routes\";\r\nimport MobileNavigation from \"../components/mobileNavigation\";\r\nimport { authenticateUser } from \"../services/userService\";\r\nimport { useNavigate } from \"react-router-dom\";\r\n\r\nfunction MainPage() {\r\n const [hide, setHide] = useState(true);\r\n const routes = createRoutes();\r\n const navigate = useNavigate();\r\n const { userDetailObject, menu, authed, setAuthed } = useContext(UserContext);\r\n const [toggleTopbarSection, setToggleTopbarSection] = useState(true);\r\n const hideMenu = () => {\r\n setHide(!hide);\r\n };\r\n\r\n useEffect(() => {\r\n const Init = async () => {\r\n if (authed.email === \"\") {\r\n try {\r\n console.log(\"------------------> Check MainaPage\");\r\n const response = await authenticateUser();\r\n if (response.roles.length === 0) throw \"asdfasdf\";\r\n const obj = userDetailObject(response);\r\n setAuthed({ ...obj });\r\n return;\r\n } catch (ex) {\r\n navigate(\"/login\");\r\n }\r\n }\r\n };\r\n Init();\r\n }, []);\r\n\r\n const handleClick = () => {\r\n if (!toggleTopbarSection) {\r\n setToggleTopbarSection(!toggleTopbarSection);\r\n }\r\n };\r\n return (\r\n \r\n
\r\n \r\n
\r\n - \r\n {menu.map((item) => (\r\n
- hideMenu()}>\r\n
\r\n \r\n ))}\r\n
Redirecting please wait....
;\r\n}\r\n\r\nexport default ExternalLoginPage;\r\n","import React from \"react\";\r\nimport \"./WidgetLg.css\";\r\n\r\nexport default function WidgetLg({\r\n style,\r\n title,\r\n bodyNumber,\r\n Icon,\r\n footerNumber,\r\n footerTitle,\r\n}) {\r\n return (\r\n \r\n
\r\n );\r\n}\r\n","import http from \"./httpService\";\r\nimport { apiUrl } from \"../config.json\";\r\n\r\nconst apiEndpoint = apiUrl + \"/Statistics/\";\r\n\r\n\r\nexport async function getTotalUsers(email = null)\r\n{\r\n let totalUsers = apiEndpoint + \"getTotalUsers\";\r\n const { data } = await http.post(totalUsers, {\r\n companyOwnerEmail:email\r\n });\r\n return data;\r\n}\r\n\r\n\r\nexport async function getTotalStores(email = null)\r\n{\r\n let totalStores = apiEndpoint + \"getTotalStores\";\r\n const { data } = await http.post(totalStores, {\r\n companyOwnerEmail:email\r\n });\r\n return data;\r\n}\r\n\r\nexport async function getTotalActiveSales(email = null)\r\n{\r\n let totalActiveSales = apiEndpoint + \"getTotalActiveSales\";\r\n const { data } = await http.post(totalActiveSales, {\r\n companyOwnerEmail:email\r\n });\r\n return data;\r\n}\r\n\r\n\r\nexport async function getLast6Months(email = null)\r\n{\r\n let last6monthts = apiEndpoint + \"getLast6Months\";\r\n const { data } = await http.post(last6monthts, {\r\n companyOwnerEmail:email\r\n });\r\n return data;\r\n}\r\n\r\nexport async function getTotalRedeemEarnedPoints(email = null)\r\n{\r\n let totalRedeemEarnedPoints = apiEndpoint + \"getTotalEarnedAndRedeemPoint\";\r\n const { data } = await http.post(totalRedeemEarnedPoints, {\r\n companyOwnerEmail:email\r\n });\r\n return data;\r\n}\r\n\r\nexport async function getTop30Users(email = null)\r\n{\r\n let top30Users = apiEndpoint + \"getTop30Users\";\r\n const { data } = await http.post(top30Users, {\r\n companyOwnerEmail:email\r\n });\r\n return data;\r\n}\r\n\r\n","import { Typography } from \"@material-ui/core\";\r\nimport React from \"react\";\r\nimport {\r\n Bar,\r\n BarChart,\r\n CartesianGrid,\r\n Rectangle,\r\n ResponsiveContainer,\r\n Tooltip,\r\n XAxis,\r\n YAxis,\r\n} from \"recharts\";\r\n\r\nfunction HorizontalBarChart({ data }) {\r\n return (\r\n <>\r\n {title}
\r\n \r\n
\r\n {bodyNumber}
\r\n {Icon}\r\n\r\n
\r\n \r\n );\r\n}\r\n\r\nexport default CategoryForm;\r\n","import {\r\n BrowserRouter as Router,\r\n Routes,\r\n Route,\r\n Navigate,\r\n} from \"react-router-dom\";\r\nimport RequireAuth from \"./utilities/requireAuth\";\r\nimport Stores from \"./pages/stores/Stores\";\r\nimport Company from \"./pages/companies/Company\";\r\nimport Users from \"./pages/users/users\";\r\nimport Sales from \"./pages/sales/sales\";\r\nimport SalesForm from \"./pages/sales/salesForms\";\r\nimport { formTypes } from \"./config.json\";\r\nimport Profile from \"./pages/profile/Profile\";\r\nimport StoresForm from \"./pages/stores/storesForm\";\r\nimport AssignUserToCompany from \"./pages/companies/assignUserToCompany\";\r\nimport CompanyForm from \"./pages/companies/companyForm\";\r\nimport MyComapny from \"./pages/profile/myCompany\";\r\nimport UserForm from \"./pages/users/userForm\";\r\nimport UserPoints from \"./pages/users/userPoints\";\r\nimport PointsForm from \"./pages/users/pointsForm\";\r\nimport LoginPage from \"./pages/login/LoginPage\";\r\n\r\nimport MainPage from \"./pages/mainPage\";\r\nimport ExternalLoginPage from \"./pages/login/externalLoginPage\";\r\nimport Analytics from \"./pages/analytics/Analytics\";\r\nimport Categories from \"./pages/categories/Categories\";\r\nimport CategoryForm from \"./pages/categories/categoryForm\";\r\n\r\nexport const mainRoutes = () => (\r\n \r\n
\r\n