setSelectedOrder(order)}\r\n color=\"secondary\"\r\n variant=\"outlined\"\r\n >\r\n Demander\r\n \r\n );\r\n } else if (pv === \"A\") {\r\n return null;\r\n }\r\n };\r\n\r\n const updateClient = (order) => {\r\n if (!(order.PVMINES === \"A\")) {\r\n setSelectedClient(order);\r\n } else {\r\n enqueueSnackbar(\"Erreur: La commande est déjà affectée.\", {\r\n variant: \"error\",\r\n });\r\n }\r\n };\r\n\r\n const getWebCDEActions = (order) => {\r\n return (\r\n \r\n {order.NUMCDE && order.STATUT !== \"O\" && (\r\n \r\n \r\n navigate.push(\"OrderPage\", { numcde: String(order.NUMCDE) })\r\n }\r\n >\r\n \r\n updateClient(order)}>\r\n \r\n \r\n )}\r\n {order.CDE_EN_NEGO === \"O\" ? (\r\n \r\n \r\n \r\n \r\n ) : (\r\n order.STATUT === \"W\" && (\r\n \r\n \r\n window.confirm(\r\n \"La suppression est définitive. Souhaitez-vous poursuivre?\"\r\n ) && deleteOrder(order.NUMCDE)\r\n }\r\n >\r\n \r\n )\r\n )}\r\n {order.DESTINATION === \"C\" && (\r\n \r\n \r\n \r\n \r\n )}\r\n {order.DESTINATION === \"S\" && (\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 \r\n {orders.length > 0 &&\r\n `${orders.length} commandes`}\r\n \r\n \r\n \r\n \r\n \r\n \r\n {column.label}\r\n \r\n ))}\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {!onChangingCollection &&\r\n orders.map((order) => (\r\n \r\n \r\n {getWebCDEActions(order)} \r\n \r\n {columns\r\n .filter((c) => c.code || c.format)\r\n .map((column) => (\r\n \r\n {getPVMines(order)}\r\n \r\n \r\n ))}\r\n \r\n
\r\n \r\n setSelectedOrder(null)}\r\n selectedOrder={selectedOrder}\r\n putOrder={putOrder}\r\n />\r\n setSelectedClient(null)}\r\n selectedOrder={selectedClient}\r\n putOrder={putOrder}\r\n />\r\n \r\n );\r\n}\r\n\r\nconst usePVMinesStyles = makeStyles((theme) => ({\r\n head: {\r\n backgroundColor: \"#eee\",\r\n },\r\n}));\r\n\r\nconst PVMinesDialog = ({ selectedOrder, putOrder, ...props }) => {\r\n const classes = usePVMinesStyles();\r\n const today = moment(\r\n (selectedOrder?.PVMINES_DATE && selectedOrder?.PVMINES_DATE.cleanDate()) ||\r\n undefined\r\n ).format(\"YYYY-MM-DD\");\r\n const [pv, setPv] = useState({ PVMINES_DATE: today, ...selectedOrder });\r\n const [puting, isPuting] = useState(false);\r\n const { enqueueSnackbar } = useSnackbar();\r\n\r\n useEffect(() => {\r\n setPv({ PVMINES_DATE: today, ...selectedOrder })\r\n }, [selectedOrder, today])\r\n\r\n if (!selectedOrder) return null;\r\n\r\n const handleChange = (e) => {\r\n if (e.target.name === 'DTEVENTE') {\r\n setPv({ ...(pv || {}), [e.target.name]: e.target.value, salesDateUpdated: true });\r\n } else {\r\n setPv({ ...(pv || {}), [e.target.name]: e.target.value });\r\n }\r\n }\r\n\r\n\r\n const isFormValid = (formData) => \r\n formData.CLIFNOM && \r\n formData.CLIFAD1 && \r\n formData.CLIFVILLE && \r\n formData.CLIFCP && \r\n formData.CLIFTEL1;\r\n \r\n const put = () => {\r\n if (!isFormValid(pv)) {\r\n enqueueSnackbar(\"Erreur: Certains champs requis sont manquants.\", {\r\n variant: \"error\",\r\n });\r\n return;\r\n }\r\n\r\n const comparativeDate = selectedOrder.DTEVENTE.cleanDate() !== '' ? moment(selectedOrder.DTEVENTE) : moment().format('YYYY-MM-DD');\r\n const inputDate = pv.DTEVENTE !== '' ? pv.DTEVENTE : '1900-01-01';\r\n \r\n if (pv.DTEVENTE !== selectedOrder.DTEVENTE && moment(inputDate).isBefore(comparativeDate)) {\r\n enqueueSnackbar(\"Erreur: La date de vente doit être supérieure ou égale à la date du jour / la date de vente antérieurement saisie.\", {\r\n variant: \"error\",\r\n });\r\n return;\r\n }\r\n\r\n if (!moment(pv.PVMINES_DATE).isValid()) {\r\n return enqueueSnackbar(\"Erreur: La date saisie n'est pas valide\", {\r\n variant: \"error\",\r\n });\r\n }\r\n\r\n isPuting(true);\r\n putOrder(selectedOrder.NUMCDE, { ...pv, PVMINES: \"D\" }, (err, data) => {\r\n isPuting(false);\r\n if (err)\r\n return enqueueSnackbar(\"Erreur: Réessayez plus tard.\", {\r\n variant: \"error\",\r\n });\r\n setPv(null);\r\n props.onClose();\r\n });\r\n };\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n \r\n {selectedOrder.NUMCDE} \r\n \r\n {moment(selectedOrder.DTECDE).format(\"DD/MM/YYYY\")}\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n Demande de PV\r\n \r\n \r\n {(selectedOrder.article.LIBARTCON ||\r\n selectedOrder.article.ADRIA_name ||\r\n \"\") +\r\n \" \" +\r\n (selectedOrder.article.MO_LIBARTCON ||\r\n selectedOrder.article.ADRIA_MO_naziv ||\r\n \"\")}\r\n \r\n \r\n \r\n \r\n \r\n \r\n 0\r\n ? selectedOrder.PV_MINES_NUMFAC\r\n : \"\"\r\n }\r\n onChange={handleChange}\r\n />\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n (*) Les champs munis d'un astérisque sont obligatoires\r\n \r\n \r\n \r\n \r\n \r\n \r\n {puting && (\r\n \r\n \r\n );\r\n};\r\n\r\nconst UpdateClientDialog = ({ selectedOrder, putOrder, ...props }) => {\r\n const [pv, setPv] = useState(selectedOrder);\r\n const [puting, isPuting] = useState(false);\r\n const { enqueueSnackbar } = useSnackbar();\r\n \r\n useEffect(() => {\r\n setPv(selectedOrder)\r\n }, [selectedOrder])\r\n \r\n if (!selectedOrder) return null;\r\n\r\n const handleChange = (e) => {\r\n if (e.target.name === 'DTEVENTE') {\r\n setPv({ ...(pv || {}), [e.target.name]: e.target.value, salesDateUpdated: true });\r\n } else {\r\n setPv({ ...(pv || {}), [e.target.name]: e.target.value });\r\n }\r\n }\r\n\r\n const isFormValid = (formData) => \r\n formData.CLIFNOM && \r\n formData.CLIFAD1 && \r\n formData.CLIFVILLE && \r\n formData.CLIFCP && \r\n formData.CLIFTEL1;\r\n\r\n const put = () => {\r\n const comparativeDate = selectedOrder.DTEVENTE.cleanDate() !== '' ? moment(selectedOrder.DTEVENTE) : moment().format('YYYY-MM-DD');\r\n const inputDate = pv.DTEVENTE !== '' ? pv.DTEVENTE : '1900-01-01';\r\n \r\n if (pv.DTEVENTE !== selectedOrder.DTEVENTE && moment(inputDate).isBefore(comparativeDate)) {\r\n enqueueSnackbar(\"Erreur: La date de vente doit être supérieure ou égale à la date du jour / la date de vente antérieurement saisie.\", {\r\n variant: \"error\",\r\n });\r\n return;\r\n }\r\n \r\n if (!isFormValid(pv)) {\r\n enqueueSnackbar(\"Erreur: Certains champs requis sont manquants.\", {\r\n variant: \"error\",\r\n });\r\n return;\r\n }\r\n\r\n isPuting(true);\r\n putOrder(selectedOrder.NUMCDE, { ...pv }, (err, data) => {\r\n isPuting(false);\r\n if (err)\r\n return enqueueSnackbar(\"Erreur: Réessayez plus tard.\", {\r\n variant: \"error\",\r\n });\r\n setPv(null);\r\n props.onClose();\r\n });\r\n };\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n \r\n {selectedOrder.NUMCDE} \r\n \r\n {moment(selectedOrder.DTECDE).format(\"DD/MM/YYYY\")}\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n Informations Client\r\n \r\n \r\n {(selectedOrder.article.LIBARTCON ||\r\n selectedOrder.article.ADRIA_name ||\r\n \"\") +\r\n \" \" +\r\n (selectedOrder.article.MO_LIBARTCON ||\r\n selectedOrder.article.ADRIA_MO_naziv ||\r\n \"\")}\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n (*) Les champs munis d'un astérisque sont obligatoires\r\n \r\n \r\n \r\n \r\n \r\n \r\n {puting && (\r\n \r\n \r\n );\r\n};\r\n\r\nexport default OrdersList;\r\n","import React, { useEffect, useState } from 'react'\r\nimport { FormControl, InputLabel, Select, MenuItem, CircularProgress } from '@material-ui/core';\r\nimport moment from 'moment';\r\nimport { request } from '../../request';\r\nimport confs from '../../confs';\r\nimport { useSnackbar } from 'notistack';\r\n\r\nconst { URL_API } = confs;\r\n\r\n\r\nfunction Collections({ collection, changeCollection, disabled }) {\r\n\r\n const [collections, setCollections] = useState([]);\r\n const [fetching, isFetching] = useState(false);\r\n\r\n const { enqueueSnackbar } = useSnackbar();\r\n\r\n useEffect(() => {\r\n isFetching(true);\r\n request.get(`${URL_API}/collections?active=true`).then(data => {\r\n isFetching(false);\r\n if (!data.success) throw new Error('Erreur au chargement de la donnée. Réessayez plus tard');\r\n setCollections(data.payload);\r\n // Set default date\r\n const defaultCol = data.payload.find(c => {\r\n const now = moment();\r\n const startCol = moment(c.DTEDEB);\r\n const endCol = moment(c.DTEFIN);\r\n return (now.isAfter(startCol) && endCol.isAfter(now));\r\n });\r\n if (defaultCol && !collection) changeCollection(defaultCol.COLLECTION);\r\n }).catch(err => enqueueSnackbar(err, { variant: 'error' }));\r\n }, []);\r\n \r\n const handleChange = e => changeCollection(e.target.value);\r\n\r\n return (\r\n \r\n Collection \r\n \r\n {/* \r\n {fetching && */}\r\n {\r\n collections.map((col) => (\r\n {col.COLLECTION} \r\n ))\r\n }\r\n \r\n \r\n )\r\n}\r\n\r\nexport default Collections\r\n","import React from 'react'\r\nimport { Box, Checkbox, FormControlLabel, FormLabel } from '@material-ui/core'\r\nimport Collections from './Collections';\r\nimport Periods from './Periods';\r\n\r\nfunction Filters({ filters, changeCollection, disabled, changeWithDeliveredOrders }) {\r\n\r\n const { collection, withDeliveredOrders } = filters;\r\n \r\n return (\r\n \r\n \r\n \r\n \r\n \r\n changeWithDeliveredOrders(!withDeliveredOrders)} control={ \r\n {/* \r\n */}\r\n \r\n \r\n );\r\n}\r\n\r\nexport default Filters\r\n","import React from \"react\";\r\nimport { Container, Box } from \"@material-ui/core\";\r\nimport useOrders from \"./useOrders\";\r\nimport { useEffect } from \"react\";\r\nimport { useSnackbar } from \"notistack\";\r\nimport { useState } from \"react\";\r\nimport OrdersList from \"./OrdersList\";\r\nimport Filters from \"../Filters/Filters\";\r\nimport useFilters from \"../Filters/useFilters\";\r\n\r\nfunction Orders() {\r\n const [{ orders }, { getMyOrders, putOrder, deleteOrder }] = useOrders();\r\n const [fetching, isFetching] = useState(true);\r\n const [onChangingCollection, setOnChangingCollection] = useState(false);\r\n const { enqueueSnackbar } = useSnackbar();\r\n const [filters, { changeCollection, changePeriod, changeWithDeliveredOrders }] = useFilters();\r\n\r\n \r\n useEffect(() => {\r\n // Get orders\r\n isFetching(true);\r\n\r\n getMyOrders({ collection: filters.collection, withDeliveredOrders: filters.withDeliveredOrders }, (err) => {\r\n isFetching(false);\r\n setOnChangingCollection(false);\r\n // Error case\r\n if (err)\r\n return enqueueSnackbar(\"Erreur au chargement des commandes\", {\r\n variant: \"error\",\r\n autoHideDuration: 3000,\r\n });\r\n });\r\n // eslint-disable-next-line react-hooks/exhaustive-deps\r\n }, [filters.collection, filters.withDeliveredOrders]);\r\n\r\n const changeCol = (col) => {\r\n setOnChangingCollection(true);\r\n changeCollection(col);\r\n };\r\n\r\n \r\n return (\r\n \r\n \r\n \r\n \r\n \r\n {/* Orders list */}\r\n \r\n \r\n \r\n );\r\n}\r\n\r\nexport default Orders;\r\n","import React from \"react\";\r\nimport Header from \"../components/Header\";\r\nimport Orders from \"../components/Orders/Orders\";\r\n\r\nfunction OrdersPage({ currentUser }) {\r\n return (\r\n \r\n \r\n \r\n );\r\n}\r\n\r\nexport default OrdersPage;\r\n","import React from 'react'\r\nimport { Box, makeStyles, Typography, Container } from '@material-ui/core'\r\n\r\nconst useStyles = makeStyles(theme => ({\r\n root: {\r\n backgroundColor: '#eee',\r\n borderBottom: '.5rem solid #5D6F7A',\r\n },\r\n}));\r\n\r\nfunction SubHeader({ children }) {\r\n const classes = useStyles();\r\n \r\n return (\r\n \r\n \r\n \r\n {children}\r\n \r\n \r\n \r\n );\r\n}\r\n\r\nexport default SubHeader\r\n","import React from 'react'\r\nimport { Box, Typography, Button } from '@material-ui/core'\r\nimport { navigate } from '../../routes';\r\n\r\nfunction EmptyData({ button = { label: 'Précédent', action: () => alert('Ok') }, text = 'Aucune données à afficher'}) {\r\n return (\r\n \r\n \r\n \r\n {text}\r\n \r\n \r\n \r\n {button.label}\r\n \r\n \r\n \r\n \r\n )\r\n}\r\n\r\nexport default EmptyData;\r\n","import React, { useEffect, useState } from 'react'\r\nimport SubHeader from '../SubHeader'\r\nimport { Box, makeStyles, Grid, Container, Typography } from '@material-ui/core'\r\nimport { request } from '../../request';\r\nimport confs from '../../confs';\r\nimport { useSnackbar } from 'notistack';\r\nimport Loader from '../Loader';\r\nimport { frDate } from '../../utils';\r\nimport EmptyData from './EmptyData';\r\n\r\nconst { URL_API } = confs;\r\n\r\nfunction CollectionStep({ nextStep, selectCollection, value }) {\r\n\r\n const [isFetching, setIsFetching] = useState(false);\r\n const [collections, setCollections] = useState([]);\r\n const { enqueueSnackbar } = useSnackbar();\r\n \r\n useEffect(() => {\r\n const fail = () => {\r\n setIsFetching(false);\r\n enqueueSnackbar('Erreur au chargement de la donnée.', { variant: 'error' });\r\n };\r\n // Get collections\r\n setIsFetching(true);\r\n request.get(`${URL_API}/api/collections`).then(res => {\r\n if (res.success) {\r\n setCollections(res.payload);\r\n setIsFetching(false);\r\n } else {\r\n fail();\r\n }\r\n }).catch(err => fail());\r\n }, []);\r\n\r\n const onSelectCollection = (col) => {\r\n selectCollection(col);\r\n nextStep();\r\n };\r\n \r\n return (\r\n \r\n \r\n \r\n Séléctionner une collection\r\n \r\n \r\n \r\n\r\n {isFetching && (\r\n \r\n \r\n );\r\n}\r\n\r\nconst useCollectionStyles = makeStyles({\r\n root: {\r\n border: '3px solid #ccc',\r\n borderRadius: '.25rem',\r\n cursor: 'pointer',\r\n height: '100%',\r\n },\r\n date: {\r\n fontSize: '11px',\r\n }\r\n});\r\n\r\nconst Collections = ({ collections, onSelectCollection }) => {\r\n\r\n const classes = useCollectionStyles();\r\n console.log(collections);\r\n return (\r\n \r\n \r\n {collections.map(collection => (\r\n \r\n onSelectCollection(collection.COLLECTION)}\r\n >\r\n \r\n {collection.COLLECTION}\r\n \r\n \r\n {frDate(collection.DTEDEB)} - {frDate(collection.DTEFIN)}\r\n \r\n \r\n \r\n ))}\r\n \r\n \r\n );\r\n}\r\n\r\nexport default CollectionStep\r\n","import * as actions from \"./actions\";\r\nimport { useSelector, useDispatch } from \"react-redux\";\r\nimport { request } from \"../../request\";\r\nimport confs from \"../../confs\";\r\n\r\nconst { URL_API } = confs;\r\n\r\nfunction useOrderForm() {\r\n const orderForm = useSelector((state) => state.orderForm);\r\n const dispatch = useDispatch();\r\n\r\n const methods = {\r\n selectCollection: (collection) =>\r\n dispatch({ type: actions.SELECT_COLLECTION, payload: collection }),\r\n selectProduct: (product) =>\r\n dispatch({ type: actions.SELECT_PRODUCT, payload: product }),\r\n selectModel: (model) =>\r\n dispatch({ type: actions.SELECT_MODEL, payload: model }),\r\n selectStandardOptions: (options) =>\r\n dispatch({ type: actions.SELECT_STANDARD_OPTIONS, payload: options }),\r\n selectStandardOption: (option) =>\r\n dispatch({ type: actions.SELECT_STANDARD_OPTION, payload: option }),\r\n selectAdditionalOptions: (options) =>\r\n dispatch({ type: actions.SELECT_ADDITIONAL_OPTIONS, payload: options }),\r\n selectAdditionalOption: (option, options) =>\r\n dispatch({\r\n type: actions.SELECT_ADDITIONAL_OPTION,\r\n payload: { option, options },\r\n }),\r\n setArticle: (article) =>\r\n dispatch({ type: actions.SET_ARTICLE, payload: article }),\r\n prefillOrderInformation: (client) =>\r\n dispatch({ type: actions.PREFILL_ORDER_INFORMATION, payload: client }),\r\n changeDeliveryTab: (key, value) =>\r\n dispatch({ type: actions.CHANGE_DELIVERY_TAB, payload: { key, value } }),\r\n changeClientTab: (key, value) =>\r\n dispatch({ type: actions.CHANGE_CLIENT_TAB, payload: { key, value } }),\r\n changeCommentTab: (key, value) =>\r\n dispatch({ type: actions.CHANGE_COMMENT_TAB, payload: { key, value } }),\r\n changeDestination: (value) =>\r\n dispatch({ type: actions.CHANGE_DESTINATION, payload: value }),\r\n saveOrder: (order, cb) =>\r\n request\r\n .post(`${URL_API}/orders/generate`, order)\r\n .then((data) => {\r\n if (data.success && cb) return cb(null, data.payload);\r\n\r\n throw new Error(\"Request has failed\");\r\n })\r\n .catch((err) => cb && cb(err, null)),\r\n };\r\n\r\n return [orderForm, methods];\r\n}\r\n\r\nexport default useOrderForm;\r\n","import React from 'react'\r\nimport { makeStyles, Box, Button, Container } from '@material-ui/core'\r\nimport { ArrowBack as ArrowBackIcon } from '@material-ui/icons'\r\n\r\nconst useStyles = makeStyles(theme => ({\r\n root: {\r\n backgroundColor: '#f8f9fa',\r\n position: 'fixed',\r\n bottom: 0,\r\n left: 0,\r\n width: '100%',\r\n }, \r\n}));\r\n\r\nfunction FooterStep({ prevStep, children }) {\r\n const classes = useStyles();\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n \r\n );\r\n}\r\n\r\nexport default FooterStep\r\n","import React, { useState, useEffect } from 'react'\r\nimport SubHeader from '../SubHeader';\r\nimport { Box, Typography, Container, Grid, makeStyles } from '@material-ui/core';\r\nimport { useSnackbar } from 'notistack';\r\nimport confs from '../../confs';\r\nimport { request } from '../../request';\r\nimport Loader from '../Loader';\r\nimport FooterStep from './FooterStep';\r\nimport EmptyData from './EmptyData';\r\nimport { navigate } from '../../routes';\r\n\r\nconst { URL_API } = confs;\r\n\r\nfunction ProductStep({ orderForm, nextStep, selectProduct, prevStep }) {\r\n\r\n const [isFetching, setIsFetching] = useState(true);\r\n const [products, setProducts] = useState([]);\r\n const { enqueueSnackbar } = useSnackbar();\r\n\r\n useEffect(() => {\r\n\r\n setIsFetching(true);\r\n const fail = () => {\r\n setIsFetching(false);\r\n enqueueSnackbar('Erreur au chargement de la donnée', { variant: 'error' });\r\n };\r\n\r\n request.get(`${URL_API}/products`, { collection: orderForm.collection }).then(res => {\r\n if (res.success){\r\n setProducts(res.payload);\r\n setIsFetching(false);\r\n } else {\r\n throw new Error('');\r\n }\r\n }).catch(err => fail());\r\n \r\n }, []);\r\n\r\n const onSelectProduct = (product) => {\r\n selectProduct(product);\r\n nextStep();\r\n }\r\n \r\n return (\r\n \r\n \r\n \r\n Séléctionner un produit\r\n \r\n \r\n \r\n\r\n {isFetching && (\r\n \r\n\r\n \r\n )\r\n}\r\n\r\nconst useProductStyles = makeStyles({\r\n root: {\r\n border: '3px solid #ccc',\r\n borderRadius: '.25rem',\r\n cursor: 'pointer',\r\n height: '100%',\r\n },\r\n img: {\r\n width: '100%',\r\n height: 'auto',\r\n },\r\n});\r\n\r\nconst Products = ({ products, onSelectProduct }) => {\r\n\r\n const classes = useProductStyles();\r\n \r\n return (\r\n \r\n \r\n {products.map(product => (\r\n \r\n {product.LIBFAMART} \r\n \r\n {(product.products.map(prod => (\r\n \r\n onSelectProduct(prod.ADRIA_model_equipement)}\r\n >\r\n \r\n {prod.LIBSFA}\r\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 ProductStep\r\n","import React, { useState, useEffect } from \"react\";\r\nimport SubHeader from \"../SubHeader\";\r\nimport {\r\n Box,\r\n Typography,\r\n Container,\r\n Grid,\r\n makeStyles,\r\n Divider,\r\n} from \"@material-ui/core\";\r\nimport { useSnackbar } from \"notistack\";\r\nimport confs from \"../../confs\";\r\nimport { request } from \"../../request\";\r\nimport Loader from \"../Loader\";\r\nimport FooterStep from \"./FooterStep\";\r\nimport EmptyData from \"./EmptyData\";\r\n\r\nconst { URL_API } = confs;\r\n\r\nfunction ModelStep({ orderForm, nextStep, selectModel, prevStep }) {\r\n const [isFetching, setIsFetching] = useState(true);\r\n const [models, setModels] = useState([]);\r\n const { enqueueSnackbar } = useSnackbar();\r\n\r\n useEffect(() => {\r\n setIsFetching(true);\r\n const fail = () => {\r\n setIsFetching(false);\r\n enqueueSnackbar(\"Erreur au chargement de la donnée\", {\r\n variant: \"error\",\r\n });\r\n };\r\n\r\n request\r\n .get(`${URL_API}/models`, {\r\n collection: orderForm.collection,\r\n product: orderForm.product,\r\n })\r\n .then((res) => {\r\n if (res.success) {\r\n setModels(res.payload);\r\n setIsFetching(false);\r\n } else {\r\n throw new Error(\"\");\r\n }\r\n })\r\n .catch((err) => fail());\r\n }, []);\r\n\r\n const onSelectModel = (model) => {\r\n selectModel(model);\r\n nextStep();\r\n };\r\n\r\n return (\r\n \r\n \r\n Séléctionner un model \r\n \r\n \r\n {isFetching && \r\n \r\n );\r\n}\r\n\r\nconst useModelStyles = makeStyles({\r\n root: {\r\n border: \"3px solid #ccc\",\r\n borderRadius: \".25rem\",\r\n cursor: \"pointer\",\r\n height: \"100%\",\r\n },\r\n});\r\n\r\nconst Models = ({ models, onSelectModel }) => {\r\n const classes = useModelStyles();\r\n console.log(\"models\", models);\r\n\r\n return (\r\n \r\n \r\n {models.map((model) => (\r\n \r\n \r\n {Boolean(model.ADRIA_day_layout) && (\r\n \r\n {model.LIBARTCON}\r\n \r\n \r\n {model.packages.map((pack) => (\r\n \r\n \r\n onSelectModel({\r\n code: pack.ADRIA_code,\r\n variant: pack.ADRIA_packages_variant,\r\n name: pack.LIBARTADRIA,\r\n })\r\n }\r\n >\r\n \r\n {pack.ADRIA_packages_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 );\r\n};\r\n\r\nexport default ModelStep;\r\n","import React, { useState, useEffect } from \"react\";\r\nimport {\r\n Box,\r\n Grid,\r\n Container,\r\n Collapse,\r\n Typography,\r\n TableContainer,\r\n Table,\r\n TableHead,\r\n TableCell,\r\n TableRow,\r\n TableBody,\r\n Button,\r\n} from \"@material-ui/core\";\r\nimport SubHeader from \"../SubHeader\";\r\nimport confs from \"../../confs\";\r\nimport { request } from \"../../request\";\r\nimport { useSnackbar } from \"notistack\";\r\nimport { useTheme } from \"@material-ui/core/styles\";\r\nimport useMediaQuery from \"@material-ui/core/useMediaQuery\";\r\nimport Loader from \"../Loader\";\r\nimport { makeStyles } from \"@material-ui/styles\";\r\nimport FooterStep from \"./FooterStep\";\r\nimport { ArrowForward as ArrowForwardIcon } from \"@material-ui/icons\";\r\nimport { price } from \"../../utils\";\r\n\r\nconst { URL_API } = confs;\r\n\r\nconst useStyles = makeStyles({\r\n nextButton: {\r\n backgroundColor: \"#E2001A\",\r\n color: \"#fff\",\r\n \"&:hover\": {\r\n backgroundColor: \"#f5384e\",\r\n },\r\n },\r\n});\r\n\r\nfunction StandardOptionsStep({\r\n orderForm,\r\n nextStep,\r\n selectOptions,\r\n selectOption,\r\n prevStep,\r\n setArticle,\r\n}) {\r\n const [isFetching, setIsFetching] = useState(true);\r\n const [options, setOptions] = useState([]);\r\n const { enqueueSnackbar } = useSnackbar();\r\n\r\n const theme = useTheme();\r\n const upperMD = useMediaQuery(theme.breakpoints.up(\"md\"));\r\n\r\n const classes = useStyles();\r\n\r\n useEffect(() => {\r\n const fail = () => {\r\n enqueueSnackbar(\"Erreur au chargement de la donnée\", {\r\n variant: \"error\",\r\n });\r\n setIsFetching(false);\r\n };\r\n\r\n setIsFetching(true);\r\n request\r\n .post(`${URL_API}/options/standard`, {\r\n collection: orderForm.collection,\r\n product: orderForm.product,\r\n model: orderForm.model,\r\n })\r\n .then((res) => {\r\n if (!res.success) return fail();\r\n\r\n setArticle(res.payload.article);\r\n const optionsByCateg = getOptionsByCateg(res.payload.options);\r\n setOptions(optionsByCateg);\r\n if (!orderForm.standardOptions)\r\n setDefaultOptions(optionsByCateg, res.payload.standardConfig);\r\n setIsFetching(false);\r\n })\r\n .catch((err) => console.log(err));\r\n }, []);\r\n\r\n const getOptionsByCateg = (options) => {\r\n return options.reduce((acc, option) => {\r\n if (!(option.RENDERABLE === \"D\")) return acc;\r\n\r\n const index = acc.findIndex((it) => it.code === option.KATEG);\r\n if (index >= 0) {\r\n // We already have this KATEG\r\n acc[index].options.push(option);\r\n } else {\r\n acc.push({\r\n code: option.KATEG,\r\n name: option.KATE_NAZIV,\r\n options: [option],\r\n });\r\n }\r\n return acc;\r\n }, []);\r\n };\r\n\r\n const onSelectOption = (option) => {\r\n selectOption(option);\r\n };\r\n\r\n const setDefaultOptions = (optionsByCateg, standardConfig) => {\r\n const defaultOptions = optionsByCateg.map((categ) => {\r\n let defaultOption =\r\n standardConfig &&\r\n standardConfig[categ.code] &&\r\n categ.options.find(\r\n (o) => o.SIFRA === standardConfig[categ.code] && !(o.invalid === 1)\r\n );\r\n\r\n if (!defaultOption)\r\n defaultOption = categ.options.find(\r\n (option) => option.OBVEZNO === \"D\" && !(option.invalid === 1)\r\n );\r\n\r\n return {\r\n code: categ.code,\r\n name: categ.name,\r\n option: categ.options.length > 1 ? defaultOption : categ.options[0],\r\n };\r\n });\r\n selectOptions(defaultOptions);\r\n };\r\n\r\n return (\r\n \r\n \r\n Séléctionner les options standards \r\n \r\n \r\n {isFetching ? (\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n )}\r\n \r\n \r\n it.option === undefined)\r\n )\r\n }\r\n endIcon={ \r\n \r\n );\r\n}\r\n\r\nconst useArticleRecapStyles = makeStyles((theme) => ({\r\n root: {\r\n border: \"1px solid rgba(0,0,0,.125)\",\r\n borderRadius: \".3rem\",\r\n },\r\n ul: {\r\n padding: 0,\r\n margin: 0,\r\n width: \"100%\",\r\n listStyle: \"none\",\r\n fontSize: 12,\r\n },\r\n liHeader: {\r\n backgroundColor: \"#dddfe2\",\r\n color: \"#464a4e\",\r\n width: \"100%\",\r\n padding: theme.spacing(2),\r\n },\r\n li: {\r\n width: \"100%\",\r\n padding: theme.spacing(2),\r\n },\r\n}));\r\n\r\nexport const ArticleRecap = ({ article, selectedOptions, image }) => {\r\n const classes = useArticleRecapStyles();\r\n\r\n return (\r\n \r\n {Boolean(image) && (\r\n \r\n \r\n )}\r\n \r\n \r\n {article.ADRIA_code}\r\n \r\n \r\n {article.LIBARTCON}\r\n \r\n \r\n {article.ADRIA_packages_variant} - {article.ADRIA_packages_name}\r\n \r\n \r\n \r\n {selectedOptions.map((categ) => {\r\n if (categ.option) {\r\n return (\r\n \r\n {categ.name} \r\n \r\n {categ.option.SIFRA}{\" \"}\r\n {categ.option.LIBOPTCON || categ.option.NAZIV}\r\n \r\n \r\n );\r\n } else if (categ.options && categ.options.length > 0) {\r\n return (\r\n \r\n {categ.name} \r\n {categ.options.map((option) => (\r\n \r\n {option.SIFRA}{\" \"}\r\n {option.LIBOPTCON || option.NAZIV}\r\n \r\n ))}\r\n \r\n );\r\n }\r\n })}\r\n \r\n \r\n );\r\n};\r\n\r\nconst useOptionStyles = makeStyles({\r\n headerCell: {\r\n backgroundColor: \"#FDFDFE\",\r\n fontSize: 16,\r\n },\r\n optionRow: {\r\n \"&:hover\": {\r\n backgroundColor: \"rgba(0,0,0,.05)\",\r\n },\r\n cursor: \"pointer\",\r\n },\r\n optionRowSelected: {\r\n backgroundColor: \"rgba(0,0,0,.05)\",\r\n },\r\n});\r\n\r\nconst Options = ({ options, selectedOptions, onSelectOption }) => {\r\n const classes = useOptionStyles();\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n {options.map((categ) => (\r\n \r\n \r\n \r\n {categ.name}\r\n \r\n \r\n {categ.options.map((option) => {\r\n const isSelected =\r\n (\r\n selectedOptions.find((c) => c.code === categ.code)\r\n .option || {}\r\n ).SIFRA === option.SIFRA;\r\n\r\n const isInvalid = option.invalid === 1;\r\n\r\n if (isInvalid) return null;\r\n\r\n return (\r\n \r\n !isSelected && !isInvalid && onSelectOption(option)\r\n }\r\n >\r\n \r\n \r\n {option.SIFRA} \r\n {option.LIBOPTCON || option.NAZIV} \r\n \r\n {option.TARIFNETHT > 0 && price(option.TARIFNETHT || 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\nexport default StandardOptionsStep;\r\n","import React, { useState, useEffect } from 'react';\r\nimport { Box, Grid, Container, Collapse, Typography, TableContainer, Table, TableHead, TableCell, TableRow, TableBody, Button, Popover, MenuItem, Menu, Divider, IconButton, Chip } from '@material-ui/core'\r\nimport SubHeader from '../SubHeader'\r\nimport confs from '../../confs';\r\nimport { request } from '../../request';\r\nimport { useSnackbar } from 'notistack';\r\nimport { useTheme } from '@material-ui/core/styles';\r\nimport useMediaQuery from '@material-ui/core/useMediaQuery';\r\nimport Loader from '../Loader';\r\nimport { makeStyles } from '@material-ui/styles';\r\nimport FooterStep from './FooterStep';\r\nimport { ArrowForward as ArrowForwardIcon, Check, Visibility as VisibilityIcon, VisibilityOff as VisibilityOffIcon } from '@material-ui/icons';\r\nimport { ArticleRecap } from './StandardOptionsStep';\r\nimport qs from 'querystring';\r\nimport useAuth from '../Auth/useAuth';\r\nimport { price } from '../../utils';\r\nimport { useMemo } from 'react';\r\n\r\nconst { URL_API } = confs;\r\n\r\nconst useStyles = makeStyles({\r\n nextButton: {\r\n backgroundColor: '#E2001A',\r\n color: '#fff',\r\n '&:hover': {\r\n backgroundColor: '#f5384e',\r\n }\r\n }\r\n})\r\n\r\nconst getOptionsByCateg = (options) => {\r\n return options.reduce((acc, option) => {\r\n if (!(option.RENDERABLE === 'D')) return acc;\r\n\r\n const index = acc.findIndex(it => it.code === option.KATEG);\r\n if (index >= 0) { // We already have this KATEG\r\n acc[index].options.push(option);\r\n } else {\r\n acc.push({\r\n code: option.KATEG,\r\n name: option.KATE_NAZIV,\r\n options: [ option ],\r\n });\r\n }\r\n return acc;\r\n }, []);\r\n}\r\n\r\nfunction AdditionalOptionsStep({ orderForm, nextStep, selectOptions, selectOption, prevStep, setArticle, prefillOrderInformation }) {\r\n\r\n const [isFetching, setIsFetching] = useState(true);\r\n const [auth] = useAuth();\r\n const [options, setOptions] = useState([]);\r\n const [packs, setPacks] = useState([]);\r\n const [standardConfigOptions, setStandardConfigOptions] = useState([]);\r\n const [addOpts, setAddOpt] = useState([]);\r\n const { enqueueSnackbar } = useSnackbar();\r\n\r\n const theme = useTheme();\r\n const upperMD = useMediaQuery(theme.breakpoints.up('md'));\r\n\r\n const classes = useStyles();\r\n\r\n useEffect(() => {\r\n\r\n const fail = () => {\r\n enqueueSnackbar('Erreur au chargement de la donnée', { variant: 'error' });\r\n setIsFetching(false);\r\n }\r\n\r\n setIsFetching(true);\r\n request.post(`${URL_API}/options/additional`, {\r\n collection: orderForm.collection,\r\n product: orderForm.product,\r\n model: orderForm.model,\r\n options: orderForm.standardOptions.map(opt => opt.option),\r\n engine: (orderForm.standardOptions.find(opt => opt.code === 'MO').option||{}).SIFRA,\r\n })\r\n .then(res => {\r\n if (!res.success) return fail();\r\n\r\n setArticle(res.payload.article);\r\n const optionsByCateg = getOptionsByCateg(res.payload.options);\r\n setAddOpt(res.payload.options);\r\n let stdCfgOpts = getStandardConfigOptions(res.payload.options, res.payload.standardConfig);\r\n setStandardConfigOptions(stdCfgOpts);\r\n setOptions(optionsByCateg);\r\n setPacks(res.payload.pak_options);\r\n if (!(orderForm.additionalOptions.options) && !(stdCfgOpts.length > 0)) setDefaultAdditionalOptions(optionsByCateg, orderForm.standardOptions);\r\n setIsFetching(false);\r\n \r\n })\r\n .catch(err => console.log(err))\r\n\r\n }, []);\r\n\r\n useEffect(() => {\r\n\r\n if (addOpts && standardConfigOptions) {\r\n applyStandardConfig();\r\n }\r\n \r\n }, [ addOpts, standardConfigOptions ])\r\n\r\n const onSelectOption = (option, options) => {\r\n selectOption(option, options);\r\n }\r\n\r\n const getStandardConfigOptions = (options, standardConfig) => {\r\n return options.filter(o => standardConfig && standardConfig[o.KATEG] && String(standardConfig[o.KATEG]).split(',').includes(String(o.SIFRA)));\r\n }\r\n\r\n const setDefaultAdditionalOptions = (optionsByCateg, standardOptions) => {\r\n\r\n const flatStandardOptions = standardOptions.reduce((acc, item) => [...acc, item.option],[]);\r\n const flatConnections = flatStandardOptions.reduce((acc, item) => [...acc, ...item.CONNECTIONS], []);\r\n \r\n let defaultOptions = optionsByCateg.map(categ => {\r\n let options = [];\r\n\r\n categ.options.map(AO => {\r\n const connection = flatConnections.find(co => co.OPPO_OPCIJ === AO.SIFRA && co.OPPO_VRSTA === 'A');\r\n if (connection || AO.OBVEZNO === 'D') options.push({...AO, OBVEZNO: 'D', default: true });\r\n\r\n });\r\n \r\n return {...categ, options };\r\n \r\n });\r\n \r\n selectOptions(defaultOptions);\r\n };\r\n\r\n const applyStandardConfig = () => {\r\n\r\n const flatStandardOptions = orderForm.standardOptions.reduce((acc, item) => [...acc, item.option],[]);\r\n const flatConnections = flatStandardOptions.reduce((acc, item) => [...acc, ...item.CONNECTIONS], []);\r\n\r\n const defaultOptsFromParent = addOpts.filter(o => flatConnections.find(co => co.OPPO_OPCIJ === o.SIFRA && co.OPPO_VRSTA === 'A')).map(o => ({...o, default: true}));\r\n const configOpts = standardConfigOptions.map(o => (o.OBVEZNO === 'D' || !!flatConnections.find(co => co.OPPO_OPCIJ === o.SIFRA && co.OPPO_VRSTA === 'A')) ? {...o, default: true} : o);\r\n \r\n selectOptions(getOptionsByCateg([...configOpts, ...defaultOptsFromParent]));\r\n }\r\n\r\n const next = () => {\r\n prefillOrderInformation(auth.client);\r\n nextStep();\r\n }\r\n \r\n return (\r\n \r\n \r\n \r\n Séléctionner les options additionelles\r\n \r\n \r\n \r\n\r\n {isFetching ? (\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {standardConfigOptions.length > 0 && (\r\n \r\n Appliquer la configuration standard\r\n \r\n )}\r\n \r\n \r\n \r\n )}\r\n\r\n \r\n \r\n it.option === undefined))}\r\n color='secondary'\r\n variant='contained'\r\n endIcon={ \r\n \r\n \r\n );\r\n}\r\n\r\nconst useOptionStyles = makeStyles({\r\n headerCell: {\r\n backgroundColor: '#FDFDFE',\r\n fontSize: 16\r\n },\r\n optionRow: {\r\n '&:hover': {\r\n backgroundColor: 'rgba(0,0,0,.05)',\r\n },\r\n cursor: 'pointer',\r\n },\r\n optionRowSelected: {\r\n cursor: 'pointer',\r\n backgroundColor: 'rgba(0,0,0,.05)',\r\n }\r\n});\r\n\r\nconst Options = ({ options, selectedOptions, onSelectOption }) => {\r\n\r\n const classes = useOptionStyles();\r\n \r\n return (\r\n \r\n \r\n \r\n \r\n \r\n );\r\n}\r\n\r\n\r\nconst useStandardConfigStyle = makeStyles(theme => ({\r\n root: {\r\n border: '1px solid rgba(0,0,0,.125)',\r\n borderRadius: '.3rem',\r\n },\r\n ul: {\r\n padding: 0,\r\n margin: 0,\r\n width: '100%',\r\n listStyle: 'none',\r\n fontSize: 12,\r\n marginBottom: '10px',\r\n },\r\n liHeader: {\r\n backgroundColor: '#dddfe2',\r\n color: '#464a4e',\r\n width: '100%',\r\n padding: theme.spacing(2),\r\n },\r\n li: {\r\n width: '100%',\r\n padding: theme.spacing(2),\r\n }\r\n}));\r\n\r\nfunction ApplyStandardConfigButton({ applyStandardConfig, standardConfigOptions }) {\r\n\r\n const [open, setOpen] = React.useState(false);\r\n const classes = useStandardConfigStyle();\r\n return (\r\n \r\n
\r\n setOpen(true)}\r\n // onMouseLeave={() => setOpen(false)}\r\n color='secondary'\r\n fullWidth\r\n variant='contained'\r\n disableElevation\r\n onClick={applyStandardConfig}\r\n >\r\n Appliquer la configuration standard\r\n \r\n \r\n setOpen(!open)}>\r\n {open ? \r\n \r\n \r\n
\r\n \r\n {(getOptionsByCateg(standardConfigOptions).map(categ => {\r\n return (\r\n \r\n {categ.name} \r\n {categ.options.map(option => (\r\n \r\n {option.SIFRA} {option.NAZIV}\r\n \r\n ))}\r\n \r\n );\r\n }))}\r\n \r\n \r\n
\r\n \r\n {packs.map(({ CODPAK, CONFIG_PakOptions }) => {\r\n const packOptionsCode = CONFIG_PakOptions.split(',');\r\n const isPackSelected = packOptionsCode.every(option => flattenOptionsCode.includes(option));\r\n \r\n return \r\n \r\n );\r\n }\r\n\r\nexport default AdditionalOptionsStep;\r\n","import React from 'react'\r\nimport { Grid, TextField } from '@material-ui/core';\r\nimport { makeStyles } from '@material-ui/styles';\r\nimport moment from 'moment';\r\n\r\nconst useStyles = makeStyles(theme => ({\r\n row: {\r\n marginBottom: theme.spacing(2),\r\n }\r\n}));\r\n\r\nfunction DeliveryTab({ deliveryTab, changeDeliveryTab }) {\r\n\r\n const classes = useStyles();\r\n \r\n const handleChange = e => {\r\n changeDeliveryTab(e.target.name, e.target.value);\r\n }\r\n\r\n const validate = (_var) => !(!!_var && _var !== '') ? 'Ce champ est requis' : undefined;\r\n \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\nexport default DeliveryTab;\r\n","import React from \"react\";\r\nimport { Box, Grid, TextField, Typography } from \"@material-ui/core\";\r\nimport { makeStyles } from \"@material-ui/styles\";\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n row: {\r\n marginBottom: theme.spacing(2),\r\n },\r\n}));\r\n\r\nfunction ClientTab({ clientTab, changeClientTab }) {\r\n const classes = useStyles();\r\n\r\n const handleChange = (e) => {\r\n changeClientTab(e.target.name, e.target.value);\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\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n (*) Les champs munis d'un astérisque sont obligatoires\r\n \r\n \r\n
\r\n );\r\n}\r\n\r\nexport default ClientTab;\r\n","import React from 'react'\r\nimport { FormControl, InputLabel, Input, FormHelperText, Grid, TextField } from '@material-ui/core';\r\nimport { makeStyles } from '@material-ui/styles';\r\n\r\nconst useStyles = makeStyles(theme => ({\r\n row: {\r\n marginBottom: theme.spacing(2),\r\n }\r\n}));\r\n\r\nfunction CommentTab({ commentTab, changeCommentTab }) {\r\n\r\n const classes = useStyles();\r\n \r\n const handleChange = e => {\r\n changeCommentTab(e.target.name, e.target.value);\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 CommentTab;\r\n","import React, { useCallback, useEffect, useMemo, useState } from \"react\";\r\nimport {\r\n Box,\r\n Grid,\r\n Container,\r\n Collapse,\r\n Typography,\r\n Button,\r\n CircularProgress,\r\n Dialog,\r\n Divider,\r\n DialogActions,\r\n DialogTitle,\r\n} from \"@material-ui/core\";\r\nimport SubHeader from \"../SubHeader\";\r\nimport { useTheme } from \"@material-ui/core/styles\";\r\nimport useMediaQuery from \"@material-ui/core/useMediaQuery\";\r\nimport { makeStyles } from \"@material-ui/styles\";\r\nimport FooterStep from \"./FooterStep\";\r\nimport {\r\n ArrowForward as ArrowForwardIcon,\r\n Warning as WarningIcon,\r\n} from \"@material-ui/icons\";\r\nimport { ArticleRecap } from \"./StandardOptionsStep\";\r\nimport PropTypes from \"prop-types\";\r\nimport AppBar from \"@material-ui/core/AppBar\";\r\nimport Tabs from \"@material-ui/core/Tabs\";\r\nimport Tab from \"@material-ui/core/Tab\";\r\nimport DeliveryTab from \"./DeliveryTab\";\r\nimport useOrderForm from \"./useOrderForm\";\r\nimport ClientTab from \"./ClientTab\";\r\nimport CommentTab from \"./CommentTab\";\r\nimport useAuth from \"../Auth/useAuth\";\r\nimport qs from \"querystring\";\r\nimport { useSnackbar } from \"notistack\";\r\nimport { navigate } from \"../../routes\";\r\n\r\nconst useSwitchStyles = makeStyles((theme) => ({\r\n switchButtonActive: {\r\n backgroundColor: theme.palette.secondary.main,\r\n color: theme.palette.secondary.contrastText,\r\n boxShadow: \"0 0 10px 0 rgba(0, 0, 0, .125)\",\r\n borderRadius: \"3px\",\r\n cursor: \"pointer\",\r\n },\r\n switchButton: {\r\n backgroundColor: theme.palette.primary.main,\r\n border: `2px solid ${theme.palette.secondary.main}`,\r\n color: theme.palette.primary.contrastText,\r\n borderRadius: \"3px\",\r\n cursor: \"pointer\",\r\n },\r\n}));\r\n\r\nfunction OrderInformationStep({ orderForm, nextStep, prevStep }) {\r\n const theme = useTheme();\r\n const upperMD = useMediaQuery(theme.breakpoints.up(\"md\"));\r\n const [\r\n { DESTINATION },\r\n {\r\n changeDeliveryTab,\r\n changeClientTab,\r\n changeCommentTab,\r\n changeDestination,\r\n saveOrder,\r\n },\r\n ] = useOrderForm();\r\n const [{ client }] = useAuth();\r\n const [isGenerating, setIsGenerating] = useState(false);\r\n const { enqueueSnackbar } = useSnackbar();\r\n\r\n const [openDestinationModal, setOpenDestinationModal] = useState(false);\r\n const [destination, setDestination] = useState(false);\r\n\r\n const switchClasses = useSwitchStyles();\r\n\r\n const valid = (_var) => !!_var && _var !== \"\";\r\n\r\n const isFormValid = (formData) => \r\n formData.CLIFNOM && \r\n formData.CLIFAD1 && \r\n formData.CLIFVILLE && \r\n formData.CLIFCP && \r\n formData.CLIFTEL1;\r\n\r\n const isDeliveryTabValid = useCallback(() => {\r\n const { deliveryTab } = orderForm;\r\n return valid(deliveryTab.LIEULIVSOUHAIT); // &&\r\n // valid(deliveryTab.ADLIV1) &&\r\n // valid(deliveryTab.CPLIV) &&\r\n // valid(deliveryTab.VILLIV) &&\r\n // valid(deliveryTab.DTELIVSOUHAIT) && moment(deliveryTab.DTELIVSOUHAIT).isAfter(moment().subtract(1, 'day'))\r\n }, [orderForm]);\r\n\r\n const isClientTabValid = useCallback(() => {\r\n const { clientTab } = orderForm;\r\n return isFormValid(clientTab);\r\n }, [orderForm]);\r\n\r\n const generateOrder = () => {\r\n setIsGenerating(true);\r\n const commande = {\r\n COLLECTION: orderForm.collection,\r\n DESTINATION,\r\n DONNEUR_ORDRE: client.NOM_RESPONSABLE,\r\n CODCON: client.CODCON,\r\n product: {\r\n collection: orderForm.collection,\r\n name: orderForm.product,\r\n code: orderForm.model.code,\r\n variant: orderForm.model.variant,\r\n engine: orderForm.standardOptions.find((c) => c.code === \"MO\").option\r\n .SIFRA,\r\n },\r\n ...orderForm.deliveryTab,\r\n ...(DESTINATION === \"C\" ? orderForm.clientTab : {}),\r\n ...orderForm.commentTab,\r\n CONFIG_StandardOptions: qs.stringify(\r\n orderForm.standardOptions.reduce(\r\n (acc, item) => ({ ...acc, [item.code]: item.option.SIFRA }),\r\n {}\r\n )\r\n ),\r\n CONFIG_AdditionalOptions: qs.stringify(\r\n orderForm.additionalOptions.options.reduce(\r\n (acc, item) => ({\r\n ...acc,\r\n [item.code]: item.options\r\n .reduce((a, i) => [...a, i.SIFRA], [])\r\n .join(\",\"),\r\n }),\r\n {}\r\n )\r\n ),\r\n CONFIG_Prix: qs.stringify({\r\n ...orderForm.standardOptions.reduce(\r\n (acc, item) =>\r\n (item.option.TARIFNETHT || 0) > 0 && {\r\n ...acc,\r\n [item.code + \"¤\" + item.option.SIFRA]:\r\n item.option.TARIFNETHT || 0,\r\n },\r\n {}\r\n ),\r\n ...orderForm.additionalOptions.options.reduce(\r\n (acc, item) => ({\r\n ...acc,\r\n ...item.options.reduce(\r\n (acc1, item1) =>\r\n (item1.TARIFNETHT || 0) > 0\r\n ? {\r\n ...acc1,\r\n [item.code + \"¤\" + item1.SIFRA]: item1.TARIFNETHT || 0,\r\n }\r\n : acc1,\r\n {}\r\n ),\r\n }),\r\n {}\r\n ),\r\n }),\r\n TARIFOPTCDE:\r\n orderForm.standardOptions.reduce(\r\n (acc, item) => acc + (item.option.TARIFNETHT || 0),\r\n 0\r\n ) +\r\n orderForm.additionalOptions.options.reduce(\r\n (acc, item) =>\r\n acc + item.options.reduce((a, i) => a + (i.TARIFNETHT || 0), 0),\r\n 0\r\n ),\r\n };\r\n\r\n saveOrder(commande, (err, data) => {\r\n if (err) {\r\n return enqueueSnackbar(err.message, { variant: \"error\" });\r\n }\r\n setIsGenerating(false);\r\n navigate.replace(\"OrdersPage\");\r\n });\r\n };\r\n\r\n const tabs = useMemo(\r\n () => [\r\n {\r\n isValid: isDeliveryTabValid(),\r\n component: (\r\n \r\n \r\n Séléctionner les informations de commande \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n Cette commande est a destination de \r\n \r\n setDestination(\"C\")}\r\n className={\r\n destination === \"C\"\r\n ? switchClasses.switchButtonActive\r\n : switchClasses.switchButton\r\n }\r\n mx={1}\r\n p={2}\r\n flex={1}\r\n textAlign=\"center\"\r\n >\r\n Client\r\n \r\n setDestination(\"S\")}\r\n className={\r\n destination === \"S\"\r\n ? switchClasses.switchButtonActive\r\n : switchClasses.switchButton\r\n }\r\n mx={1}\r\n p={2}\r\n flex={1}\r\n textAlign=\"center\"\r\n >\r\n Stock\r\n \r\n \r\n \r\n \r\n Enregistrer\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n t.isValid) || isGenerating}\r\n endIcon={ \r\n \r\n );\r\n}\r\n\r\nfunction TabPanel(props) {\r\n const { children, value, index, ...other } = props;\r\n\r\n return (\r\n \r\n {value === index && (\r\n \r\n {children} \r\n \r\n )}\r\n \r\n );\r\n}\r\n\r\nTabPanel.propTypes = {\r\n children: PropTypes.node,\r\n index: PropTypes.any.isRequired,\r\n value: PropTypes.any.isRequired,\r\n};\r\n\r\nfunction a11yProps(index, isValid) {\r\n return {\r\n id: `simple-tab-${index}`,\r\n \"aria-controls\": `simple-tabpanel-${index}`,\r\n style: isValid\r\n ? undefined\r\n : {\r\n color: \"orange\",\r\n },\r\n };\r\n}\r\n\r\nconst useTabsStyles = makeStyles((theme) => ({\r\n root: {\r\n flexGrow: 1,\r\n // backgroundColor: theme.palette.background.paper,\r\n },\r\n}));\r\n\r\nexport function OrderInformationTabs({ tabs }) {\r\n const classes = useTabsStyles();\r\n const [value, setValue] = React.useState(0);\r\n\r\n const handleChange = (event, newValue) => {\r\n setValue(newValue);\r\n };\r\n\r\n return (\r\n \r\n
\r\n \r\n {tabs.map((tab, index) => (\r\n \r\n {!tab.isValid && (\r\n \r\n {tabs.map((tab, index) => (\r\n
\r\n {tab.component}\r\n \r\n ))}\r\n
\r\n \r\n {getStep()}\r\n \r\n )\r\n}\r\n\r\nexport default CreateOrderPage;\r\n","import React, { useEffect, useState, useRef, useMemo } from \"react\";\r\nimport { useParams } from \"react-router\";\r\nimport { request } from \"../request\";\r\nimport confs from \"../confs\";\r\nimport { useSnackbar } from \"notistack\";\r\nimport SubHeader from \"../components/SubHeader\";\r\nimport Header from \"../components/Header\";\r\nimport {\r\n Box,\r\n Container,\r\n Typography,\r\n Table,\r\n TableHead,\r\n TableContainer,\r\n TableRow,\r\n TableCell,\r\n TableBody,\r\n Button,\r\n Chip,\r\n} from \"@material-ui/core\";\r\nimport { Alert } from \"@material-ui/lab\";\r\nimport Loader from \"../components/Loader\";\r\nimport { makeStyles } from \"@material-ui/styles\";\r\nimport moment from \"moment\";\r\nimport qs from \"querystring\";\r\nimport {\r\n Print as PrintIcon,\r\n ArrowBack as ArrowBackIcon,\r\n HourglassEmpty as HourglassEmptyIcon,\r\n} from \"@material-ui/icons\";\r\nimport useAuth from \"../components/Auth/useAuth\";\r\nimport html2canvas from \"html2canvas\";\r\nimport { jsPDF } from \"jspdf\";\r\nimport { formatedText, price } from \"../utils\";\r\nimport { navigate } from \"../routes\";\r\nimport ReactToPrint from \"react-to-print\";\r\nimport { toFR } from \"../config/periods.config\";\r\nimport rtfToHTML from \"@iarna/rtf-to-html\";\r\n\r\nconst { URL_API, LOGO, TITLE } = confs;\r\n\r\nconst RTFTemplate = (docs, defaults, content) =>\r\n `${content.replace(/\\n/, \"\\n \")}`;\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n header: {\r\n backgroundColor: \"#ccc\",\r\n color: \"#fff\",\r\n fontWeight: \"bold\",\r\n borderRadius: theme.shape.borderRadius,\r\n },\r\n image: {\r\n height: 150,\r\n width: 150,\r\n },\r\n}));\r\n\r\nfunction OrderPage() {\r\n const classes = useStyles();\r\n const { numcde } = useParams();\r\n const [report, setReport] = useState({});\r\n const [{ user }] = useAuth();\r\n const [isFetching, setIsFetching] = useState(true);\r\n const [image, setImage] = useState([]);\r\n\r\n const { enqueueSnackbar } = useSnackbar();\r\n\r\n useEffect(() => {\r\n setIsFetching(true);\r\n request\r\n .get(`${URL_API}/orders/${numcde}`)\r\n .then((data) => {\r\n if (!data.success) throw new Error(\"Erreur: \" + data.status_msg);\r\n setReport(data.payload);\r\n setIsFetching(false);\r\n })\r\n .catch((err) => {\r\n enqueueSnackbar(err.message, { variant: \"error\" });\r\n navigate.push(\"NotFoundPage\");\r\n });\r\n }, []);\r\n\r\n const { order, standardOptions, additionalOptions, packs, print } = report;\r\n const selectedStdOpts = order && qs.parse(order.CONFIG_StandardOptions);\r\n const selectedAddOpts = order && qs.parse(order.CONFIG_AdditionalOptions);\r\n\r\n const printOrder = () => {\r\n window.scrollTo({ top: 0 });\r\n const toPrint = document.getElementById(\"order-to-print\");\r\n\r\n const A4Width = 585;\r\n const A4Height = 842;\r\n const A4Ratio = A4Width / A4Height;\r\n\r\n const cropWidth = toPrint.clientWidth;\r\n const cropHeight = toPrint.clientHeight;\r\n\r\n let nbPages = Math.ceil(((A4Width / cropWidth) * cropHeight) / A4Height);\r\n\r\n const pdf = new jsPDF(\"p\", \"px\", [cropWidth, cropWidth / A4Ratio]);\r\n pdf.setPage(1);\r\n\r\n let i = 1;\r\n html2canvas(toPrint).then((canvas) => {\r\n const _canvas = canvas;\r\n\r\n const croppedCanvas = document.createElement(\"canvas\");\r\n const croppedCanvasContext = croppedCanvas.getContext(\"2d\");\r\n\r\n croppedCanvas.width = cropWidth;\r\n croppedCanvas.height = cropHeight;\r\n\r\n for (let i = 1; i <= nbPages; i++) {\r\n pdf.addPage();\r\n }\r\n\r\n for (let i = 1; i <= nbPages; i++) {\r\n pdf.setPage(i + 1);\r\n // Clear the canvas\r\n croppedCanvasContext.clearRect(0, 0, cropWidth, cropHeight);\r\n croppedCanvasContext.drawImage(\r\n _canvas,\r\n 0,\r\n ((cropWidth * 2) / A4Ratio) * (i - 1),\r\n cropWidth * 2,\r\n (cropWidth * 2) / A4Ratio,\r\n 0,\r\n 0,\r\n cropWidth,\r\n cropHeight\r\n );\r\n pdf.addImage(\r\n croppedCanvas.toDataURL(),\r\n \"JPEG\",\r\n 0,\r\n 0,\r\n cropWidth,\r\n cropWidth / A4Ratio\r\n );\r\n }\r\n\r\n pdf.deletePage(1);\r\n\r\n pdf.save(`cde-${order.NUMCDE}.pdf`);\r\n });\r\n };\r\n\r\n const getPrice = (opt) => {\r\n const optionsPrices = qs.parse(order.CONFIG_Prix);\r\n\r\n const OptPrice = Object.keys(optionsPrices).find(\r\n (kateg) => kateg === opt.KATEG + \"¤\" + opt.SIFRA\r\n );\r\n\r\n const _price = optionsPrices[OptPrice];\r\n\r\n if (!(_price > 0)) return null;\r\n\r\n return price(_price);\r\n };\r\n\r\n const [cartoucheHaut, setCartoucheHaut] = useState(\"\");\r\n const [cartoucheBas, setCartoucheBas] = useState(\"\");\r\n useEffect(() => {\r\n if (print) {\r\n rtfToHTML.fromString(\r\n print.header,\r\n { template: RTFTemplate },\r\n (err, html) => setCartoucheHaut(html)\r\n );\r\n rtfToHTML.fromString(\r\n print.footer,\r\n { template: RTFTemplate },\r\n (err, html) => setCartoucheBas(html)\r\n );\r\n }\r\n }, [print]);\r\n\r\n const printableRef = useRef();\r\n\r\n const filteredStandardOptions = standardOptions?.options.filter(\r\n (stdOpt) => {\r\n return (\r\n !!selectedStdOpts[stdOpt.KATEG] &&\r\n String(stdOpt.SIFRA) ===\r\n String(selectedStdOpts[stdOpt.KATEG])\r\n );\r\n }).filter(opt => !order.article?.CONFIG_ListeOptions?.split(',')?.includes(String(opt.SIFRA)));\r\n \r\n\r\n const filteredSortedAdditionalOptions = additionalOptions?.options\r\n .filter((addOpt) => {\r\n return (\r\n !order?.CONFIG_PakListeOptions?.split(',')?.includes(addOpt.SIFRA) && \r\n selectedAddOpts[addOpt.KATEG] &&\r\n selectedAddOpts[addOpt.KATEG]\r\n .split(\",\")\r\n .includes(String(addOpt.SIFRA))\r\n );\r\n }).filter(opt => !order?.article?.CONFIG_ListeOptions?.split(',')?.includes(String(opt.SIFRA)))\r\n .sort((a, b) => {\r\n if (a.KATEG < b.KATEG) return -1;\r\n if (a.KATEG > b.KATEG) return 1;\r\n return 0;\r\n });\r\n \r\n return (\r\n \r\n \r\n \r\n Rapport \r\n {!isFetching && order && order.CDE_EN_NEGO === \"O\" && (\r\n \r\n \r\n )}\r\n \r\n \r\n \r\n {/* {image && image.map(im => {\r\n return \r\n \r\n \r\n {\r\n // NOTE: could just as easily return \r\n \r\n \r\n {cartoucheHaut && (\r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n )}\r\n \r\n \r\n \r\n {order.STATUT === \"W\"\r\n ? `Pré-commande n°${order.NUMCDE}`\r\n : `Confirmation de commande n°${order.NUMCDE}`}\r\n \r\n {order.DESTINATION === \"C\" && (\r\n \r\n \r\n )}\r\n {order.DESTINATION === \"S\" && (\r\n \r\n \r\n )}\r\n \r\n \r\n \r\n \r\n Date\r\n \r\n \r\n {order.DTECDE &&\r\n order.DTECDE.cleanDate() &&\r\n moment(order.DTECDE).format(\"DD/MM/YYYY\")}\r\n \r\n \r\n \r\n \r\n Concessionnaire\r\n \r\n \r\n {order.client.NOMCON}\r\n \r\n \r\n \r\n \r\n Responsable\r\n \r\n \r\n {order.DONNEUR_ORDRE}\r\n \r\n \r\n \r\n \r\n Adresse de livraison\r\n \r\n \r\n {order.LIEULIVSOUHAIT}\r\n \r\n \r\n Date de livraison souhaitée\r\n \r\n \r\n {order.DTELIVSOUHAIT.cleanDate() &&\r\n moment(order.DTELIVSOUHAIT).format(\"DD/MM/YYYY\")}\r\n \r\n {/* \r\n \r\n \r\n Véhicule H.T\r\n \r\n \r\n {price(order.TARIFARTCDE || 0)}\r\n \r\n \r\n \r\n \r\n Options H.T\r\n \r\n \r\n {price(order.TARIFOPTCDE || 0)}\r\n \r\n \r\n \r\n \r\n Frais de transport H.T\r\n \r\n \r\n {price(order.TARIFTRANSPORTCDE || 0)}\r\n \r\n \r\n \r\n \r\n Total H.T\r\n \r\n \r\n {price(\r\n (order.TARIFARTCDE || 0) +\r\n (order.TARIFOPTCDE || 0) +\r\n (order.TARIFTRANSPORTCDE || 0)\r\n )}\r\n \r\n \r\n */}\r\n {order.DESTINATION === \"C\" && (\r\n \r\n \r\n Nom du client\r\n \r\n \r\n {order.CLIFNOM}\r\n \r\n \r\n Adresse du client\r\n \r\n \r\n {order.CLIFAD1} {order.CLIFAD2} {order.CLIFCP}{\" \"}\r\n {order.CLIFVILLE}\r\n \r\n \r\n )}\r\n \r\n \r\n \r\n N° de châssis\r\n \r\n \r\n {order.NUMCHASSIS}\r\n \r\n \r\n {/* \r\n \r\n Période d'affectation\r\n \r\n \r\n {order.DTELIVAFFECTE &&\r\n order.DTELIVAFFECTE.cleanDate() &&\r\n `${toFR(\r\n moment(order.DTELIVAFFECTE).format(\"MMM\")\r\n )}. ${moment(order.DTELIVAFFECTE).format(\"YYYY\")}`}\r\n \r\n */}\r\n \r\n \r\n {order.COMMENTAIRE && order.COMMENTAIRE !== \"\" && (\r\n \r\n \r\n \r\n \r\n \r\n )}\r\n {/* \r\n
\r\n */}\r\n {/* Header */}\r\n \r\n \r\n \r\n {order.article.ADRIA_name}\r\n \r\n {/* {price(order.TARIFARTCDE||0)}€ */}\r\n \r\n \r\n \r\n \r\n \r\n Collection \r\n Code \r\n Model \r\n Motorisation \r\n \r\n \r\n \r\n \r\n {order.COLLECTION} \r\n {order.ADRIA_code} \r\n {`${order.ADRIA_model} ${order.ADRIA_packages_name}`} \r\n {order.article.MO_LIBARTCON} \r\n \r\n \r\n
\r\n \r\n \r\n {/* Packs */}\r\n {Boolean(packs.length) && \r\n \r\n \r\n Pack(s)\r\n \r\n {/* {price(order.TARIFARTCDE||0)}€ */}\r\n \r\n \r\n \r\n \r\n {packs.map(pack => \r\n \r\n {pack.LIBPAC} \r\n \r\n )}\r\n \r\n
\r\n \r\n }\r\n {/* StandardOptions */}\r\n {Boolean(filteredStandardOptions.length) && (\r\n \r\n \r\n Options standards \r\n {/* {price()}€ */}\r\n \r\n \r\n \r\n \r\n \r\n Catégorie \r\n Code \r\n Libellé \r\n \r\n \r\n \r\n {filteredStandardOptions.map((opt) => (\r\n \r\n {opt.KATE_NAZIV} \r\n {opt.SIFRA} \r\n \r\n {opt.LIBOPTCON || opt.NAZIV}\r\n \r\n {/* \r\n {getPrice(opt)}\r\n */}\r\n \r\n ))}\r\n \r\n
\r\n \r\n \r\n )}\r\n {/* Packs */}\r\n {Boolean(order.CONFIG_Pak) && (\r\n \r\n \r\n Packs \r\n \r\n \r\n \r\n \r\n \r\n Nom \r\n \r\n \r\n \r\n {order.CONFIG_Pak?.split(',').map((pack) => (\r\n \r\n {pack} \r\n \r\n ))}\r\n \r\n
\r\n \r\n \r\n )}\r\n {/* AdditionalOptions */}\r\n {Boolean(filteredSortedAdditionalOptions.length) && (\r\n \r\n \r\n Options additionnelles \r\n \r\n \r\n \r\n \r\n \r\n Catégorie \r\n Code \r\n Libellé \r\n {/* Prix */}\r\n \r\n \r\n \r\n {filteredSortedAdditionalOptions.map((opt) => (\r\n \r\n {opt.KATE_NAZIV} \r\n {opt.SIFRA} \r\n \r\n {opt.LIBOPTCON || opt.NAZIV}\r\n \r\n {/* \r\n {getPrice(opt)}\r\n */}\r\n \r\n ))}\r\n \r\n
\r\n \r\n \r\n )}\r\n {cartoucheBas && (\r\n \r\n \r\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 OrderPage;\r\n","import React from 'react';\r\nimport { Redirect } from 'react-router-dom';\r\n// import Pages\r\nimport Notfound from '../pages/Notfound';\r\nimport HomePage from '../pages/HomePage';\r\nimport LoginPage from '../pages/LoginPage';\r\nimport OrdersPage from '../pages/OrdersPage';\r\nimport CreateOrderPage from '../pages/CreateOrderPage';\r\nimport OrderPage from '../pages/OrderPage';\r\n\r\n// Routes\r\nexport default [\r\n // {\r\n // name: 'HomePage',\r\n // path: '/',\r\n // exact: true,\r\n // private: true,\r\n // component: HomePage,\r\n // },\r\n {\r\n name: 'OrdersPage',\r\n path: '/',\r\n exact: true,\r\n private: true,\r\n component: OrdersPage,\r\n },\r\n {\r\n name: 'CreateOrderPage',\r\n path: '/orders/new',\r\n exact: true,\r\n private: true,\r\n component: CreateOrderPage,\r\n },\r\n {\r\n name: 'OrderPage',\r\n path: '/orders/:numcde',\r\n exact: true,\r\n private: true,\r\n component: OrderPage,\r\n },\r\n {\r\n name: 'LoginPage',\r\n path: '/login',\r\n exact: true,\r\n private: false,\r\n component: LoginPage,\r\n },\r\n {\r\n name: 'NotFoundPage',\r\n path: '/404',\r\n exact: true,\r\n private: false,\r\n component: Notfound,\r\n },\r\n {\r\n name: 'Default',\r\n render: () => \r\n \r\n)\r\n\r\nexport default PrivateRoute\r\n","import React from 'react';\r\nimport { Router, Switch, Route } from 'react-router';\r\nimport history from './history';\r\nimport routes from './routes/routeConfigurations';\r\nimport PrivateRoute from './components/Auth/PrivateRoute';\r\n\r\nconst generateRoutes = () => routes.map((route, index) => route.private !== false ? \r\n \r\n \r\n {generateRoutes()}\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","// theme.js\r\n\r\nconst theme = {\r\n palette: {\r\n primary: {\r\n main: '#fff',\r\n contrastText: '#2A3942',\r\n },\r\n secondary: {\r\n main: '#2A3942',\r\n contrastText: '#fff',\r\n },\r\n // error: {\r\n // main: '#E2001A',\r\n // contrastText: '#fff'\r\n // },\r\n },\r\n typography: {\r\n fontFamily: [\r\n '\"Roboto Condensed\", sans serif',\r\n '-apple-system',\r\n 'BlinkMacSystemFont',\r\n '\"Segoe UI\"',\r\n 'Roboto',\r\n '\"Helvetica Neue\"',\r\n 'Arial',\r\n 'sans-serif',\r\n '\"Apple Color Emoji\"',\r\n '\"Segoe UI Emoji\"',\r\n '\"Segoe UI Symbol\"',\r\n ].join(','),\r\n },\r\n overrides: {\r\n MuiTableCell: {\r\n root: {\r\n borderRight: '1px solid rgba(0,0,0, .125)',\r\n fontSize: '.8rem',\r\n '&:last-child': {\r\n borderRight: 'none',\r\n }\r\n }\r\n },\r\n MuiTableContainer: {\r\n root: {\r\n border: '1px solid rgba(0,0,0, .125)',\r\n borderRadius: '.3rem',\r\n }\r\n },\r\n }\r\n};\r\n\r\nexport default theme;","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 { ThemeProvider, createMuiTheme } from '@material-ui/core/styles';\r\nimport { Provider } from 'react-redux';\r\nimport { initializeStore } from './store';\r\nimport customTheme from './theme';\r\nimport './helpers';\r\nimport { SnackbarProvider } from 'notistack';\r\n\r\nconst store = initializeStore();\r\n\r\nconst theme = createMuiTheme(customTheme);\r\n\r\nReactDOM.render(\r\n \r\n\r\n \r\n\r\n \r\n \r\n {/* Provider material ui theming */}\r\n \r\n\r\n {/* The entire application */}\r\n \r\n \r\n \r\n\r\n \r\n \r\n ,\r\n document.getElementById('root')\r\n);\r\n\r\nserviceWorker.unregister();\r\n"],"sourceRoot":""}