\r\n {open && (\r\n \r\n {title} \r\n \r\n \r\n {description}\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n )}\r\n {alertOpen && (\r\n \r\n {title} \r\n \r\n \r\n {description}\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n )}\r\n
\r\n );\r\n}","import { makeStyles } from '@material-ui/core/styles'\r\n\r\nconst drawerWidth = 240;\r\n\r\nexport default makeStyles(theme => ({\r\n drawer: {\r\n width: drawerWidth,\r\n flexShrink: 0,\r\n '& .MuiDrawer-paperAnchorDockedLeft': {\r\n border: 'none',\r\n },\r\n [theme.breakpoints.down(\"sm\")]: {\r\n '& .MuiBackdrop-root': {\r\n background: 'transparent',\r\n }\r\n },\r\n },\r\n drawerPaper: {\r\n marginTop: 64,\r\n width: drawerWidth,\r\n background: '#F1F3F4',\r\n height: 'calc(100% - 64px)',\r\n '& hr': {\r\n display: 'none',\r\n },\r\n [theme.breakpoints.down(\"sm\")]: {\r\n width: '100%',\r\n boxShadow: 'none',\r\n },\r\n },\r\n drawerHeader: {\r\n display: 'flex',\r\n alignItems: 'center',\r\n padding: theme.spacing(0, 1),\r\n ...theme.mixins.toolbar,\r\n justifyContent: 'space-between',\r\n background: 'white',\r\n boxShadow: '0px 14px 23px rgba(232, 228, 228, 0.5)',\r\n },\r\n headerLogo: {\r\n fontSize: 18,\r\n fontWeight: 600,\r\n color: '#326dff',\r\n paddingLeft: 10,\r\n },\r\n listWrapper: {\r\n marginTop: 16,\r\n [theme.breakpoints.down(\"sm\")]: {\r\n marginTop: 0,\r\n width: '100%',\r\n height: '100vh',\r\n background: 'white',\r\n borderRadius: 0,\r\n },\r\n '& .MuiListItem-button': {\r\n padding: '8px 8px 8px 24px', \r\n [theme.breakpoints.down(\"sm\")]: {\r\n borderRadius: 0,\r\n },\r\n },\r\n '& div': {\r\n borderBottomRightRadius: '24px', \r\n borderTopRightRadius: '24px',\r\n [theme.breakpoints.down(\"sm\")]: {\r\n borderRadius: 0,\r\n },\r\n },\r\n '& div:hover': {\r\n borderBottomRightRadius: '24px', \r\n borderTopRightRadius: '24px',\r\n [theme.breakpoints.down(\"sm\")]: {\r\n borderRadius: 0,\r\n },\r\n }\r\n },\r\n nested: {\r\n paddingLeft: theme.spacing(3),\r\n },\r\n iconMenu: {\r\n minWidth: 34,\r\n '& svg': {\r\n fill: '#476282;',\r\n },\r\n },\r\n link: {\r\n textDecoration: 'none',\r\n color: '#476282;',\r\n display: 'flex',\r\n width: '225px',\r\n height: 'auto',\r\n borderBottomRightRadius: '24px', \r\n borderTopRightRadius: '24px',\r\n boxSizing: 'border-box',\r\n [theme.breakpoints.down(\"sm\")]: {\r\n width: '100%',\r\n borderRadius: 0,\r\n },\r\n },\r\n // nestedLink: {\r\n // fontSize: 14,\r\n // },\r\n active: {\r\n color: '#326dff',\r\n background: 'rgba(50, 109, 255, 0.1)',\r\n '& .MuiListItemIcon-root': {\r\n color: '#326dff',\r\n },\r\n },\r\n nestedLink: {\r\n '& .MuiTypography-body1': {\r\n fontSize: 14,\r\n },\r\n // '& .MuiListItemIcon-root svg': {\r\n // width: 18,\r\n // height: 18,\r\n // fill: 'red',\r\n // },\r\n '& .MuiListItemIcon-root': {\r\n minWidth: 28,\r\n },\r\n '& .MuiList-padding': {\r\n padding: 0,\r\n },\r\n padding: 0,\r\n },\r\n collapse: {\r\n '& .MuiList-padding': {\r\n padding: 0,\r\n },\r\n },\r\n load: {\r\n width: '100%',\r\n padding: 15,\r\n alignItems: 'center',\r\n justifyContent: 'center',\r\n display: 'flex',\r\n },\r\n listText: {\r\n color: '#476282;'\r\n },\r\n loader: {\r\n textAlign: 'center',\r\n },\r\n settingsListItem: {\r\n '& + div': {\r\n background: '#f5f5f5',\r\n }\r\n }\r\n}));\r\n","import React from \"react\";\r\nimport * as ROUTES from \"../../../constants/routes\";\r\nimport { PromotionIcon } from \"./icons\";\r\nimport { NavLink } from \"react-router-dom\";\r\n\r\nimport { addShops } from \"../../../reducers/shops\";\r\nimport { useDispatch, useSelector } from \"react-redux\";\r\n\r\nimport ExpandLess from \"@material-ui/icons/ExpandLess\";\r\nimport ExpandMore from \"@material-ui/icons/ExpandMore\";\r\nimport Collapse from \"@material-ui/core/Collapse\";\r\nimport SettingsIcon from \"@material-ui/icons/Settings\";\r\nimport MobileOffIcon from \"@material-ui/icons/MobileOff\";\r\nimport ListItem from \"@material-ui/core/ListItem\";\r\nimport ListItemIcon from \"@material-ui/core/ListItemIcon\";\r\nimport ListItemText from \"@material-ui/core/ListItemText\";\r\nimport Notifications from \"@material-ui/icons/Notifications\";\r\nimport CommentIcon from \"@material-ui/icons/Comment\";\r\nimport PaymentIcon from \"@material-ui/icons/Payment\";\r\nimport AccessTime from \"@material-ui/icons/AccessTime\";\r\nimport DepartureBoardIcon from \"@material-ui/icons/DepartureBoard\";\r\nimport AlarmIcon from \"@material-ui/icons/Alarm\";\r\nimport List from \"@material-ui/core/List\";\r\nimport Drawer from \"@material-ui/core/Drawer\";\r\nimport Loading from \"../../../components/Loading\";\r\nimport AssignmentIcon from \"@material-ui/icons/Assignment\";\r\nimport NotesIcon from \"@material-ui/icons/Notes\";\r\nimport AddShoppingCartIcon from \"@material-ui/icons/AddShoppingCart\";\r\nimport LoyaltyIcon from \"@material-ui/icons/Loyalty\";\r\nimport FolderIcon from \"@material-ui/icons/Folder\";\r\nimport ListAltIcon from \"@material-ui/icons/ListAlt\";\r\nimport RemoveShoppingCartIcon from \"@material-ui/icons/RemoveShoppingCart\";\r\n\r\n// import IconButton from '@material-ui/core/IconButton';\r\n// import Divider from '@material-ui/core/Divider';\r\n// import ChevronLeftIcon from '@material-ui/icons/ChevronLeft';\r\n// import ChevronRightIcon from '@material-ui/icons/ChevronRight';\r\n\r\nimport ModalAlert from \"../../../components/ModalComponent\";\r\n\r\nimport useStyles from \"./styles\";\r\n\r\nconst Navigation = (props) => {\r\n\tconst classes = useStyles();\r\n\tconst {\r\n\t\topen,\r\n\t\tmodalOpen,\r\n\t\twidth,\r\n\t\tisMenu,\r\n\t\tisPush,\r\n\t\tisReviews,\r\n\t\tisClientList,\r\n\t\tisPromotion,\r\n\t\tisLoadControl,\r\n\t\tisValidPayCard,\r\n\t\tvalidPromocodesUrl,\r\n\t\thandleClose,\r\n\t\thandleClickSubmit,\r\n\t\thandlePushClick,\r\n\t\thandleMenuClick,\r\n\t\thandleReviewsClick,\r\n\t\thandleLabelsClick,\r\n\t\thandleClientListClick,\r\n\t\thandlePromotionClick,\r\n\t\thandleLoadControlClick,\r\n\t\thandleSettingsClick,\r\n\t\thandleProductsClick,\r\n\t\tmainSettings,\r\n\t} = props;\r\n\r\n\tconst admin = JSON.parse(localStorage.getItem(\"adminPermission\"));\r\n\r\n\tconst changeCity = (key) => {\r\n\t\tlocalStorage.setItem(\"chosenCity\", JSON.stringify(Number(key)));\r\n\t\tprops.chooseCity(key);\r\n\t};\r\n\r\n\tconst dispatch = useDispatch();\r\n\r\n\tconst changeBrand = (item, key) => {\r\n\t\tlocalStorage.setItem(\"chosenBrand\", JSON.stringify(key));\r\n\t\tlocalStorage.setItem(\"currentBrand\", JSON.stringify(item));\r\n\t\tprops.chooseBrand(item.id);\r\n\t\tlet data = {\r\n\t\t\tshops: props.listCity,\r\n\t\t\tappSettings:\r\n\t\t\t\tprops.listCity[Number(localStorage.getItem(\"chosenCity\"))].brands[key]\r\n\t\t\t\t\t.appSettings,\r\n\t\t\tcategory:\r\n\t\t\t\tprops.listCity[Number(localStorage.getItem(\"chosenCity\"))].brands[key]\r\n\t\t\t\t\t.category,\r\n\t\t\tmainSettings: props.mainSettings,\r\n\t\t};\r\n\r\n\t\t// console.log('update shops', data);\r\n\t\taddShops(dispatch, data);\r\n\t};\r\n\r\n\t// const shop = useSelector(\r\n\t// (state) =>\r\n\t// state.shops.shops[Number(localStorage.getItem(\"chosenCity\"))]\r\n\t// );\r\n\t// // const brand = shop.adress\r\n\t// console.log('in state', shop);\r\n\r\n\treturn (\r\n\t\t- \r\n\t\t\t\t{/*
- \r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t) : (\r\n\t\t\t\t\t\t\t\t- \r\n\t\t\t\t\t\t\t\t\t{props.listCity.map((cityItem) => {\r\n\t\t\t\t\t\t\t\t\t\treturn (\r\n\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t changeCity(cityItem.key)}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tclassName={classes.nested}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tstyle={{\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tcolor:\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tprops.city === cityItem.key ? \"#326dff\" : \"#000\",\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t{cityItem.brands.map((item, index) => {\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\treturn (\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{props.adminPermission &&\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tprops.adminPermission.workingHours && (\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t changeBrand(item, index)}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tclassName={classes.nested}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tstyle={{\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tcolor:\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tprops.brand === item.id\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t? \"#326dff\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t: \"#000\",\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{props.adminPermission &&\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t!!props.adminPermission.delivery && (\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{/* my reviws */}\r\n\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{props.adminPermission?.orderReviews && (\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\r\n\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{props.adminPermission &&\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t(props.adminPermission.disableApp ||\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tprops.adminPermission.disableApp ===\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tundefined) && (\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{/* */}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{props.adminPermission &&\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tprops.adminPermission.menu && (\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{props.adminPermission &&\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tprops.adminPermission\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t.controlDeliveryInterval && (\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t) : (\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t- \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{/*
\r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t) : (\r\n\t\t\t\t\t\t\t\t- \r\n\t\t\t\t\t\t\t\t\t{props.listCity.map((item) => {\r\n\t\t\t\t\t\t\t\t\t\treturn (\r\n\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t props.chooseCity(item.key)}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tclassName={classes.nested}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tstyle={{\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tcolor: props.city === item.key ? \"#326dff\" : \"#000\",\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t);\r\n\t\t\t\t\t\t\t\t\t})}\r\n\t\t\t\t\t\t\t\t- \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{props.adminPermission &&\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t!!props.adminPermission.delivery && (\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
- \r\n
\n\t\t\t\n\t\t\t\t setOpen(!open)}\n\t\t\t\t>\n\t\t\t\t\t{formatStr}
\n\t\t\t\t{open && (\n\t\t\t\t\tВыбрать период:
\n\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\tПрименить\n\t\t\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\t)}\n\t\t\t\n\t\t\n\t);\n};\n\nconst useStyles = makeStyles((theme) => ({\n\tcalendarField: {\n\t\tdisplay: \"flex\",\n\t\talignItems: \"center\",\n\t\tmarginBottom: \"10px\",\n\t\t[theme.breakpoints.down(\"600\")]: {\n\t\t\tflexWrap: \"wrap\",\n\t\t},\n\t},\n\tcalendarTitle: {\n\t\tmarginRight: 15,\n\t\tfontSize: 16,\n\t\tlineHeight: \"19px\",\n\t\tcolor: \"black\",\n\t},\n\tcalendarContent: {\n\t\tposition: \"relative\",\n\t\tfontSize: 13,\n\t\tcolor: \"black\",\n\t\tfontWeight: 500,\n\t\tlineHeight: 1,\n\n\t\tborder: \"1px solid #ccc\",\n\t\tborderRadius: 5,\n\t\tpadding: \"6px 10px 12px 10px\",\n\t\tpaddingRight: 18,\n\t\tbackground: \"white\",\n\t\t[theme.breakpoints.down(\"940\")]: {\n\t\t\tmaxWidth: 220,\n\t\t\twidth: \"100%\",\n\t\t},\n\t\t[theme.breakpoints.down(\"441\")]: {\n\t\t\tmarginTop: 10,\n\t\t},\n\t},\n\tcalendarIcon: {\n\t\twidth: 18,\n\t\theight: 18,\n\t\tposition: \"relative\",\n\t\ttop: 3,\n\t\tleft: 10,\n\t\tcolor: \"#476282\",\n\t},\n\tcalendarContentHeader: {\n\t\tcursor: \"pointer\",\n\t},\n\tcalendarContentItems: {\n\t\twidth: 555,\n\t\tposition: \"absolute\",\n\t\ttop: 0,\n\t\tleft: \"-1px\",\n\t\tmarginTop: 38,\n\t\tborder: \"1px solid #ccc\",\n\t\tborderRadius: 5,\n\t\tpadding: \"10px 10px 12px 10px\",\n\t\tpaddingRight: 18,\n\t\tlineHeight: 1,\n\t\tbackground: \"white\",\n\n\t\tborderTopLeftRadius: 0,\n\t\tzIndex: 999999,\n\t\t[theme.breakpoints.down(\"940\")]: {\n\t\t\tdisplay: \"flex\",\n\t\t\tflexDirection: \"column\",\n\t\t\twidth: \"250px\",\n\t\t\tborderRadius: 0,\n\t\t\tpadding: \"10px 0\",\n\t\t\tboxSizing: \"border-box\",\n\t\t\t\"& #first\": {\n\t\t\t\tmargin: \"0 auto\",\n\t\t\t\tmarginBottom: 10,\n\t\t\t},\n\t\t\t\"& #second\": {\n\t\t\t\tmargin: \"0 auto\",\n\t\t\t\tmarginBottom: 10,\n\t\t\t},\n\t\t\t\"& button\": {\n\t\t\t\tmargin: \"0 auto\",\n\t\t\t},\n\t\t},\n\t\t[theme.breakpoints.down(\"460\")]: {\n\t\t\tpadding: \"16px 8px\",\n\t\t},\n\t},\n\tInputFirst: {\n\t\t\"& > .MuiInput-underline .MuiInputBase-input\": {\n\t\t\tdisplay: \"flex\",\n\t\t\tjustifyContent: \"center\",\n\t\t\talignItems: \"center\",\n\t\t\talignContent: \"center\",\n\t\t\ttextAlign: \"center\",\n\t\t\tverticalAlign: \"middle\",\n\t\t\theight: 35,\n\t\t\tlineHeight: \"35px\",\n\t\t\tmarginRight: \"10px\",\n\t\t\twidth: 210,\n\t\t\tpadding: \"16px\",\n\t\t\tfontSize: 13,\n\t\t\tfontWeight: 500,\n\t\t\tbackground: \"white\",\n\t\t\tborder: \"0.5px solid rgba(71, 98, 130, 0.5)\",\n\t\t\tborderRadius: 5,\n\t\t\tboxSizing: \"border-box\",\n\t\t\tzIndex: 10,\n\t\t},\n\t\t\"& > .MuiInput-underline::before\": {\n\t\t\tcontent: \"none\",\n\t\t},\n\t\t\"& > .MuiInput-underline::after\": {\n\t\t\tcontent: \"none\",\n\t\t},\n\t},\n\tbutton: {\n\t\twidth: 84,\n\t\theight: 35,\n\t\tfontSize: 12,\n\t\tfontWeight: 500,\n\t\tlineHeight: \"14px\",\n\t\ttextTransform: \"capitalize\",\n\t\tcolor: \"white\",\n\t\tbackground: \"#326DFF\",\n\t},\n}));\n\nexport default Calendar;\n","import React from 'react';\r\n\r\nexport const EyeIcon = ({ style }) => (\r\n \r\n);\r\n\r\nexport const EyeOffIcon = ({ style }) => (\r\n \r\n\r\n);","import React from \"react\";\r\nimport { makeStyles } from \"@material-ui/core/styles\";\r\n\r\nimport MenuItem from \"@material-ui/core/MenuItem\";\r\nimport FormControl from \"@material-ui/core/FormControl\";\r\nimport Select from \"@material-ui/core/Select\";\r\nimport Typography from \"@material-ui/core/Typography\";\r\n\r\nconst TapApp = ({ sortType, sortReviews }) => {\r\n\tconst classes = useStyle();\r\n\treturn (\r\n\t\t\r\n\t\t\t
\r\n\t);\r\n};\r\n\r\nconst useStyle = makeStyles((theme) => ({\r\n\tcontainer: {\r\n\t\tmargin: \"16px 0 24px 0\",\r\n\t\theight: 40,\r\n\t\tbackgroundColor: \"rgba(241,243,244, .5)\",\r\n\t\tborder: \"1px solid #F1F3F4\",\r\n\t\tboxSizing: \"border-box\",\r\n\t\tborderRadius: 5,\r\n\t\t[theme.breakpoints.down(\"600\")]: {\r\n\t\t\theight: 50,\r\n\t\t\tdisplay: \"flex\",\r\n\t\t\talignItems: \"center\",\r\n\t\t\tjustifyContent: \"space-between\",\r\n\t\t},\r\n\t},\r\n\ttypography: {\r\n\t\tfontSize: 14,\r\n\t\tlineHeight: \"16px\",\r\n\t\tcolor: \"#476282\",\r\n\t},\r\n\tcheckBoxContainer: {\r\n\t\tmargin: \"0 16px\",\r\n\t\tdisplay: \"flex\",\r\n\t\tjustifyContent: \"space-between\",\r\n\t\talignItems: \"center\",\r\n\t\tlineHeight: 40,\r\n\t\theight: 40,\r\n\t\t[theme.breakpoints.down(\"600\")]: {\r\n\t\t\twidth: \"100%\",\r\n\t\t\theight: \"auto\",\r\n\t\t\tlineHeight: \"inherit\",\r\n\t\t\tflexDirection: \"column\",\r\n\t\t\tjustifyContent: \"space-between\",\r\n\t\t},\r\n\t},\r\n\tswitchContainer: {\r\n\t\tdisplay: \"flex\",\r\n\t\talignItems: \"center\",\r\n\t\t[theme.breakpoints.down(\"600\")]: {\r\n\t\t\twidth: \"100%\",\r\n\t\t\theight: \"auto\",\r\n\t\t\tdisplay: \"flex\",\r\n\t\t\tjustifyContent: \"space-between\",\r\n\t\t},\r\n\t},\r\n\tselectContainer: {\r\n\t\tmaxwWidth: 150,\r\n\t\tmarginLeft: 5,\r\n\t\t\"& .MuiInput-underline:before\": {\r\n\t\t\tdisplay: \"none\",\r\n\t\t},\r\n\t\t\"& .MuiInput-underline:after\": {\r\n\t\t\tdisplay: \"none\",\r\n\t\t},\r\n\t\t\"& .MuiSelect-select\": {\r\n\t\t\tpaddingTop: 0,\r\n\t\t\tpaddingBottom: 0,\r\n\t\t},\r\n\t\t\"& .MuiSelect-select:focus\": {\r\n\t\t\tbackgroundColor: \"#fafafa\",\r\n\t\t},\r\n\t},\r\n\tselect: {\r\n\t\tfontSize: 14,\r\n\t\tpadding: 0,\r\n\t},\r\n}));\r\n\r\nexport default TapApp;\r\n","import React, { useEffect, useState } from \"react\";\r\nimport useMediaQuery from \"@material-ui/core/useMediaQuery\";\r\nimport { withStyles } from \"@material-ui/core/styles\";\r\n\r\nimport Grid from \"@material-ui/core/Grid\";\r\nimport Typography from \"@material-ui/core/Typography\";\r\nimport ModalComponent from \"../../components/ModalComponent\";\r\nimport CssBaseline from \"@material-ui/core/CssBaseline\";\r\nimport ButtonMore from \"../../components/Button\";\r\nimport DatePicker from \"../../components/DatePicker\";\r\n\r\nimport {\r\n\tEyeIcon,\r\n\tEyeOffIcon,\r\n} from \"../products/categories/listCategories/icons\";\r\n\r\n// import Tabs from \"./Tab\";\r\n// import TabApp from \"./TabApp\";\r\n// import TabProduct from \"./TabProduct\";\r\n// import TabOrderReviews from \"./TabOrderReviews\";\r\nimport FilterPanel from \"./FilterPanel\";\r\n\r\nconst Reviews = (props) => {\r\n\tconst {\r\n\t\tclasses,\r\n\t\treviews,\r\n\t\thandleHideReview,\r\n\t\tstartDate,\r\n\t\tsetStartDate,\r\n\t\tendDate,\r\n\t\tsetEndDate,\r\n\t} = props;\r\n\r\n\tconst isMin600 = useMediaQuery(\"(max-width: 599px)\");\r\n\tconst isMax600 = useMediaQuery(\"(min-width: 600px)\");\r\n\r\n\tconst [visibleReviews, setVisibleReviews] = useState(8);\r\n\tconst [sortType, setSortType] = useState(\"newest\");\r\n\r\n\tconst handleShowMore = () => {\r\n\t\tsetVisibleReviews((prevVisibleReviews) => prevVisibleReviews + 8);\r\n\t};\r\n\r\n\tconst sortReviews = (type) => {\r\n\t\tsetSortType(type);\r\n\t};\r\n\r\n\tconst sortedReviews = (data, type) => {\r\n\t\tconst result = [...data].sort((a, b) => {\r\n\t\t\tif (type === \"newest\") {\r\n\t\t\t\treturn new Date(b.createdAt) - new Date(a.createdAt);\r\n\t\t\t} else if (type === \"lowest\") {\r\n\t\t\t\treturn new Date(a.createdAt) - new Date(b.createdAt);\r\n\t\t\t} else if (type === \"highGrade\") {\r\n\t\t\t\treturn (\r\n\t\t\t\t\tb.impression.grade - a.impression.grade ||\r\n\t\t\t\t\tnew Date(b.createdAt) - new Date(a.createdAt)\r\n\t\t\t\t);\r\n\t\t\t} else if (type === \"lowGrade\") {\r\n\t\t\t\treturn (\r\n\t\t\t\t\ta.impression.grade - b.impression.grade ||\r\n\t\t\t\t\tnew Date(b.createdAt) - new Date(a.createdAt)\r\n\t\t\t\t);\r\n\t\t\t} else {\r\n\t\t\t\treturn 0;\r\n\t\t\t}\r\n\t\t});\r\n\r\n\t\treturn result;\r\n\t};\r\n\r\n\tconst reviewsSort = sortedReviews(reviews, sortType);\r\n\r\n\treturn (\r\n\t\t<>\r\n\t\t\t{isMin600 && (\r\n\t\t\t\t\r\n\t\t\t\t
\r\n\t\t\r\n\t\t\t\t\tСортировать \r\n\t\t\t\t\t\r\n\t\t\t\t\t\t sortReviews(e.target.value)}\r\n\t\t\t\t\t\t\tclassName={classes.select}\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t \r\n\t\t\t\t
\r\n\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t handleHideReview(item.id, !item.hidden)}\r\n\t\t\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\t\t\t{item.hidden ? (\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\r\n\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\tДата: {item.date}\r\n\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\tНомер телефона: {item.phone}\r\n\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\tОбщее впечатление: {item.impression.title}\r\n\t\t\t\t\t\t\t\t\t\t\t
\r\n\r\n\t\t\t\t\t\t\t\t\t\t\t{item.marks.map((mark, index) => {\r\n\t\t\t\t\t\t\t\t\t\t\t\treturn (\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{mark.title}: {mark.value}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t);\r\n\t\t\t\t\t\t\t\t\t\t\t})}\r\n\r\n\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\tКомментарий: \r\n\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\");\n\n\t\tswitch (review.impression) {\n\t\t\tcase 1:\n\t\t\t\timpression = {\n\t\t\t\t\tgrade: review.impression,\n\t\t\t\t\ttitle: \"негативное 🤬\",\n\t\t\t\t};\n\t\t\t\tbreak;\n\t\t\tcase 2:\n\t\t\t\timpression = {\n\t\t\t\t\tgrade: review.impression,\n\t\t\t\t\ttitle: \"нейтральное 😐\",\n\t\t\t\t};\n\t\t\t\tbreak;\n\t\t\tcase 3:\n\t\t\t\timpression = {\n\t\t\t\t\tgrade: review.impression,\n\t\t\t\t\ttitle: \"позитивное 😍\",\n\t\t\t\t};\n\t\t\t\tbreak;\n\n\t\t\tdefault:\n\t\t\t\timpression = {};\n\t\t}\n\n\t\treturn {\n\t\t\t...review,\n\t\t\tcomment: formattedReviewText,\n\t\t\tmarks: newMarks,\n\t\t\tdate: formattedDate,\n\t\t\timpression: impression,\n\t\t};\n\t});\n\n\treturn mergedReviews;\n};\n\nconst ReviewsContainer = () => {\n\tconst [isLoading, setIsLoading] = useState(true);\n\tconst { brandId } = useParams();\n\tconst shops = useSelector((state) => state.shops.shops);\n\tconst [reviews, setReviews] = useState([]);\n\tconst [newReviews, setNewReviews] = useState([]);\n\n\tconst today = moment().format(\"YYYY-MM-DD\");\n\tconst thirtyDaysLater = moment().subtract(30, \"days\").format(\"YYYY-MM-DD\");\n\n\tconst [startDate, setStartDate] = useState(thirtyDaysLater);\n\tconst [endDate, setEndDate] = useState(today);\n\n\tconst mainSettings = useSelector((state) => state.shops.mainSettings);\n\n\tconst activeBrand = shops\n\t\t?.flatMap((shop) => shop.brands)\n\t\t.find((brand) => brand.id === brandId && brand.isActive);\n\n\tconst reviewSettings = activeBrand?.appSettings?.reviewSettings;\n\n\tconst getReviews = () => {\n\t\taxios\n\t\t\t.get(`${mainSettings.ordersServerUrl}api/review`, {\n\t\t\t\tparams: {\n\t\t\t\t\tapp: mainSettings.bundleId,\n\t\t\t\t\tstartDate: startDate,\n\t\t\t\t\tendDate: moment(endDate).add(1, \"days\").format(\"YYYY-MMM-DD\"),\n\t\t\t\t},\n\t\t\t})\n\t\t\t.then((response) => {\n\t\t\t\tconst result = prepareReviews(response.data, reviewSettings.marksTitle);\n\n\t\t\t\tsetReviews(response.data);\n\t\t\t\tsetNewReviews(result);\n\t\t\t\tsetIsLoading(false);\n\t\t\t})\n\t\t\t.catch((error) => {\n\t\t\t\tconsole.error(\"Failed to fetch review:\", error);\n\t\t\t});\n\t};\n\n\tconst updateReview = (review) => {\n\t\taxios\n\t\t\t.post(`${mainSettings.ordersServerUrl}api/review/${review.id}`, {\n\t\t\t\t...review,\n\t\t\t})\n\t\t\t.then((response) => {\n\t\t\t\tgetReviews();\n\t\t\t})\n\t\t\t.catch((error) => {\n\t\t\t\tconsole.error(\"Failed to fetch review:\", error);\n\t\t\t});\n\t};\n\n\tconst handleHideReview = (id, hidden) => {\n\t\tconst review = reviews.find((item) => item.id === id);\n\n\t\tconst body = {\n\t\t\t...review,\n\t\t\thidden: hidden,\n\t\t};\n\n\t\tupdateReview(body);\n\t};\n\n\tuseEffect(() => {\n\t\tif (mainSettings?.bundleId && reviewSettings) {\n\t\t\tgetReviews();\n\t\t}\n\t}, [mainSettings, reviewSettings, startDate, endDate]);\n\n\tconsole.log(newReviews);\n\n\treturn (\n\t\t
\n\t\t\t{!isLoading && (\n\t\t\t\t
\n\t);\n};\n\nexport default withFirebase(withRouter(ReviewsContainer));\n","import React from \"react\";\r\nimport TextField from \"@material-ui/core/TextField\";\r\nimport { makeStyles } from \"@material-ui/core/styles\";\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n\tinputStyle: {\r\n\t\twidth: \"100%\",\r\n\t\tmarginBottom: 10,\r\n\t\t\"& input\": {\r\n\t\t\tfontSize: 16,\r\n\t\t\tpaddingLeft: 10,\r\n\t\t\tpaddingRight: 10,\r\n\t\t},\r\n\t\t\"& label\": {\r\n\t\t\tfontSize: 14,\r\n\t\t},\r\n\t\t\"&input:invalid\": {\r\n\t\t\tcolor: \"#F44336\",\r\n\t\t},\r\n\t\t\"& ::placeholder\": {\r\n\t\t\tfontSize: 14,\r\n\t\t},\r\n\t\t\"& label.Mui-focused\": {\r\n\t\t\tcolor: \"#326dff\",\r\n\t\t},\r\n\t\t\"& .MuiInput-underline:after\": {\r\n\t\t\tborderBottomColor: \"#326dff\",\r\n\t\t},\r\n\t\t\"& .MuiInput-underline.Mui-error:after\": {\r\n\t\t\tborderBottomColor: \"#F44336\",\r\n\t\t},\r\n\t},\r\n}));\r\n\r\nexport default function CustomizedInputs({ input, meta, ...props }) {\r\n\tconst classes = useStyles();\r\n\r\n\treturn (\r\n\t\t\r\n \r\n
\r\n )\r\n};","import React from 'react'\r\n// import { makeStyles } from '@material-ui/core/styles';\r\n\r\nimport Select from '@material-ui/core/Select';\r\nimport FormControl from '@material-ui/core/FormControl';\r\nimport FormHelperText from '@material-ui/core/FormHelperText'\r\n\r\n// const useStyles = makeStyles(theme => ({\r\n// disabledMessage: {\r\n// marginTop: 6,\r\n// fontFamily: 'Roboto, sans-serif',\r\n// fontSize: 14,\r\n// color: 'red',\r\n// }\r\n// }));\r\n\r\nconst renderFromHelper = ({ touched, error }) => {\r\n if (!(touched && error)) {\r\n return\r\n } else {\r\n return \r\n \r\n \r\n {children}\r\n \r\n {renderFromHelper({ touched, error })}\r\n {/* {custom.disabled && (\r\n \r\n
\r\n )\r\n}","import React from 'react';\r\nimport {read, utils} from 'xlsx';\r\nimport { makeStyles } from '@material-ui/core/styles';\r\nimport { Field } from 'redux-form';\r\nimport CustomizedInputsPhone from '../../components/UIform/inputPhone';\r\nimport CustomizedInputsSelect from '../../components/UIform/inputSelect';\r\nimport {required} from 'redux-form-validators';\r\nimport FormControl from '@material-ui/core/FormControl';\r\nimport Typography from '@material-ui/core/Typography';\r\nimport Popover from '@material-ui/core/Popover';\r\n\r\nconst InfoIcon = ({ classes, className, onClick, ariaOwns, ariaHaspopup, onMouseEnter, onMouseLeave }) => (\r\n \r\n
\r\n )} */}\r\n Обратитесь к разработчикам для обновления приложения
\r\n \r\n \r\n
\r\n);\r\n\r\nconst IconComponent = ({ classes,isPhoneInfo, isFileInfo }) => {\r\n const [anchorEl, setAnchorEl] = React.useState(null);\r\n\r\n const handlePopoverOpen = (event) => {\r\n setAnchorEl(event.currentTarget);\r\n };\r\n const handlePopoverClose = () => {\r\n setAnchorEl(null);\r\n };\r\n const open = Boolean(anchorEl);\r\n\r\n return (\r\n \r\n \r\n {isPhoneInfo && \r\n <>\r\n Номер в формате: \r\n Украина: 380501234567 \r\n Россия: 79201234567 \r\n }\r\n {isFileInfo && \r\n <> \r\n Поддерживаемые форматы файлов: .xls, .xlsx \r\n } \r\n \r\n
\r\n )\r\n}\r\n\r\n\r\nconst RadioButtons = ({ audience, cityPush, brandPush, multiUserPush, updatePhonesList, ...props }) => {\r\n const classes = useStyles();\r\n const isOneCityNumber = props.city.length > 1;\r\n\r\n const brandsList = props.city.map(item => item.brands).reduce((acc, cur) => {\r\n return acc.concat(cur);\r\n }, []);\r\n\r\n const handleFileChange = (event) => {\r\n const file = event.target.files[0];\r\n if (file) {\r\n const reader = new FileReader();\r\n\r\n reader.onload = (e) => {\r\n const data = new Uint8Array(e.target.result);\r\n\r\n try {\r\n const workbook = read(data, { type: 'array' });\r\n const worksheet = workbook.Sheets[workbook.SheetNames[0]];\r\n const jsonData = utils.sheet_to_json(worksheet, { header: 1 });\r\n \r\n const phoneNumbers = jsonData.flat()\r\n updatePhonesList(phoneNumbers)\r\n\r\n console.log('phoneNumbers in file, ', phoneNumbers)\r\n } catch {\r\n alert(\"При обработке файла произошла ошибка!!\")\r\n }\r\n }\r\n reader.readAsArrayBuffer(file);\r\n }\r\n };\r\n \r\n \r\n\r\n return (\r\n \r\n
\r\n )\r\n}\r\n\r\nconst useStyles = makeStyles(theme => ({\r\n phoneNumber: {\r\n display: 'block',\r\n marginTop: 14,\r\n '& .MuiInput-formControl': {\r\n width: 328,\r\n height: 45,\r\n padding: '13px 14px',\r\n boxSizing: 'border-box',\r\n borderRadius: 5,\r\n border: '1px solid #326DFF',\r\n [theme.breakpoints.down(\"376\")]: {\r\n width: '280px',\r\n }\r\n },\r\n '& div.Mui-error': {\r\n border: '1px solid red',\r\n },\r\n '& .MuiInput-underline:after': {\r\n content: 'none',\r\n },\r\n '& .MuiInput-underline.Mui-error:after': {\r\n content: 'none',\r\n },\r\n '& .MuiInput-underline:hover:not(.Mui-disabled):before': {\r\n content: 'none',\r\n },\r\n '& .MuiInput-underline:before': {\r\n content: 'none',\r\n },\r\n '& .MuiSelect-icon': {\r\n right: 8,\r\n }\r\n },\r\n select: {\r\n marginBottom: 12,\r\n width: 328,\r\n borderRadius: 5,\r\n border: 'none',\r\n [theme.breakpoints.down(\"376\")]: {\r\n width: '280px',\r\n },\r\n '& .MuiInput-formControl': {\r\n border: '1px solid #326DFF',\r\n borderRadius: 5,\r\n },\r\n '&:hover': {\r\n border: 'none',\r\n },\r\n '& .MuiSelect-select.MuiSelect-select': {\r\n height: 45,\r\n boxSizing: 'border-box',\r\n padding: 12,\r\n },\r\n '& .MuiOutlinedInput-input': {\r\n height: 45,\r\n padding: 12,\r\n boxSizing: 'border-box'\r\n },\r\n '& .MuiInputBase-root::before': {\r\n content: 'none',\r\n },\r\n '& .MuiInputBase-root::after': {\r\n content: 'none',\r\n }\r\n },\r\n selectCity: {\r\n marginTop: 14,\r\n width: 165,\r\n },\r\n selectBrand: {\r\n marginTop: 14,\r\n width: 200,\r\n },\r\n wrapper: {\r\n display: 'flex',\r\n flexDirection: 'column',\r\n },\r\n controlLabel: {\r\n marginBottom: 16,\r\n '& > div': {\r\n [theme.breakpoints.down(\"376\")]: {\r\n width: '280px',\r\n }\r\n }\r\n },\r\n inputCheckbox: {\r\n display: 'flex',\r\n },\r\n info: {\r\n marginLeft: 8,\r\n cursor: 'pointer',\r\n },\r\n checkbox: {\r\n width: 18,\r\n height: 18,\r\n color: '#476282',\r\n margin: 0,\r\n padding: 0,\r\n cursor: 'pointer'\r\n },\r\n textCheckbox: {\r\n marginLeft: 8,\r\n fontFamily: 'Roboto',\r\n fontSize: 15,\r\n lineheight: '18px',\r\n color: '#476282',\r\n cursor: 'pointer',\r\n },\r\n disabledMessage: {\r\n marginLeft: 8,\r\n fontSize: 12,\r\n color: 'red',\r\n },\r\n popover: {\r\n pointerEvents: 'none',\r\n },\r\n paper: {\r\n padding: theme.spacing(1),\r\n },\r\n file: {\r\n marginTop: 10,\r\n },\r\n}))\r\n\r\nexport default RadioButtons;","import React, { useState, useEffect } from 'react';\r\nimport 'emoji-mart/css/emoji-mart.css'\r\n\r\nimport { makeStyles } from '@material-ui/core/styles';\r\nimport useMediaQuery from '@material-ui/core/useMediaQuery';\r\nimport {connect} from 'react-redux';\r\nimport { withFirebase } from '../../firebase'\r\nimport { withRouter } from 'react-router-dom'\r\nimport { Field, reduxForm, reset, formValueSelector } from 'redux-form';\r\n\r\nimport CustomizedInputs from '../../components/UIform';\r\nimport {required} from 'redux-form-validators';\r\nimport Button from '../../components/Button';\r\nimport Paper from '@material-ui/core/Paper';\r\nimport Grid from '@material-ui/core/Grid';\r\n\r\nimport Typography from '@material-ui/core/Typography';\r\nimport FormLabel from '@material-ui/core/FormLabel';\r\nimport FormControl from '@material-ui/core/FormControl';\r\n\r\nimport RadioButtons from './radioButtons';\r\nimport ModalComponent from '../../components/ModalComponent';\r\nimport FormControlLabel from '@material-ui/core/FormControlLabel';\r\nimport Checkbox from '@material-ui/core/Checkbox';\r\nimport CustomizedInputsPhone from '../../components/UIform/index';\r\n\r\nconst validate = values => {\r\n const errors = {}\r\n if (values.phone) {\r\n const phone = values.phone.replace(/-/g, '');\r\n\r\n if (Number.isInteger(+phone)) {\r\n if (phone.length > 14) {\r\n errors.phone = `Максимальная длинна нормера - 14 цифр, текущий - ${phone.length} цифр`;\r\n }\r\n\r\n if (phone.length < 11) {\r\n errors.phone = `Минимальная длинна нормера - 11 цифр, текущий - ${phone.length} цифр`;\r\n }\r\n } else {\r\n errors.phone = 'Не валидный номер телефона';\r\n }\r\n }\r\n\r\n return errors\r\n}\r\n\r\nconst Paragraph = ({ classes, title }) => (\r\n \r\n \r\n \r\n \r\n \r\n {multiUserPush && \r\n \r\n \r\n \r\n }\r\n \r\n }\r\n\r\n {(isOneCityNumber && cityPush) && \r\n \r\n \r\n \r\n \r\n {props.city.map(({ id, address }, key) => \r\n \r\n )}\r\n \r\n \r\n }\r\n \r\n }\r\n {(brandsList.length > 0 && brandPush) && \r\n \r\n \r\n \r\n \r\n {brandsList.map(({ id, name }, key) => \r\n \r\n )}\r\n \r\n \r\n }\r\n \r\n }\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n {audience === 'favorite' && \r\n \r\n
\r\n\r\n {audience === 'multiUser' &&\r\n \r\n
\r\n\r\n {audience === 'city' &&\r\n \r\n
\r\n\r\n {audience === 'brand' &&\r\n \r\n\t\t\t\t\r\n\t\t\t\t\t this.props.hideAlert()}\r\n\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t \r\n\t\t\t
\r\n\t\t);\r\n\t}\r\n}\r\n\r\nexport default withStyles(styles, { withTheme: true })(AlertComponent);\r\n","import React, { Component } from \"react\";\r\nimport { updatePushNotifications, updateShops } from \"../../reducers/shops\";\r\n\r\nimport Push from \"./push\";\r\nimport { withFirebase } from \"../../firebase\";\r\nimport AlertComponent from \"../../components/AlertComponent\";\r\nimport { connect } from \"react-redux\";\r\n\r\nclass PushContainer extends Component {\r\n\tconstructor() {\r\n\t\tsuper();\r\n\t\tthis.state = {\r\n\t\t\tloadStatus: false,\r\n\t\t\tphone: [],\r\n\t\t\tkey: null,\r\n\t\t\talertText: \"tres\",\r\n\t\t\talertShow: false,\r\n\t\t\talertType: \"error\",\r\n\t\t\tproductPush: false,\r\n\t\t\tphonesList: [],\r\n\t\t};\r\n\t}\r\n\r\n\tcomponentDidMount() {\r\n\t\tthis.getProductPushKey();\r\n\t}\r\n\r\n\tgetProductPushKey = () => {\r\n\t\tthis.setState({ loadStatus: true });\r\n\t\tthis.props.firebase.bd\r\n\t\t\t.ref(\r\n\t\t\t\t`${\r\n\t\t\t\t\tJSON.parse(localStorage.getItem(\"isDebug\")) ? \"debug\" : \"\"\r\n\t\t\t\t}/adminPermission/productPush`\r\n\t\t\t)\r\n\t\t\t.on(\"value\", (snapshot) => {\r\n\t\t\t\tlet productPush = snapshot.val();\r\n\r\n\t\t\t\tthis.setState({ productPush, loadStatus: false });\r\n\t\t\t});\r\n\t};\r\n\r\n\tupdatePhonesList = (data) => {\r\n\t\tthis.setState((prevState) => ({\r\n\t\t\tphonesList: data,\r\n\t\t}));\r\n\t};\r\n\r\n\tsendPush = (data) => {\r\n\t\tconst { brandId, cityId, phone, audience, text, product, file } = data;\r\n\t\tconst isDebug = JSON.parse(localStorage.getItem(\"isDebug\"));\r\n\r\n\t\tlet topic = \"/topics/\";\r\n\t\tlet self = this;\r\n\r\n\t\tlet keyPush = this.props.notificationKey;\r\n\r\n\t\tlet notification = {\r\n\t\t\tbody: text,\r\n\t\t\t// title: \"\"\r\n\t\t\t// если будет нужен тайтл для пушей то передавать его здесь\r\n\t\t};\r\n\r\n\t\tthis.setState({\r\n\t\t\tloadStatus: true,\r\n\t\t});\r\n\r\n\t\tif (audience == \"favorite\") {\r\n\t\t\ttopic += phone.replace(/-/g, \"\");\r\n\t\t} else if (audience === \"city\") {\r\n\t\t\ttopic += `city_${cityId}`;\r\n\t\t} else if (audience === \"brand\") {\r\n\t\t\ttopic += `brand_${brandId}`;\r\n\t\t} else if (audience === \"all\") {\r\n\t\t\ttopic += \"all\";\r\n\t\t} else {\r\n\t\t\ttopic += \"all\";\r\n\t\t}\r\n\r\n\t\tconsole.log(\"phones list ----- > \", this.state.phonesList);\r\n\r\n\t\tconst phonesString = this.state.phonesList\r\n\t\t\t.map((item) => \"'\" + item + \"' in topics\")\r\n\t\t\t.join(\" || \");\r\n\r\n\t\tlet body =\r\n\t\t\taudience !== \"multiUser\"\r\n\t\t\t\t? {\r\n\t\t\t\t\t\ttopic: topic,\r\n\t\t\t\t\t\tnotification,\r\n\t\t\t\t }\r\n\t\t\t\t: {\r\n\t\t\t\t\t\tnotification,\r\n\t\t\t\t\t\tcondition: phonesString,\r\n\t\t\t\t };\r\n\r\n\t\tif (product) {\r\n\t\t\t// body = {\r\n\t\t\t// \t...body,\r\n\t\t\t// \tnotification: {\r\n\t\t\t// \t\t...notification,\r\n\t\t\t// \t\tclick_action: `${this.props.bundleId}.FIREBASE_DATA`,\r\n\t\t\t// \t\ttitle: \"\",\r\n\t\t\t// \t},\r\n\t\t\t// \tdata: {\r\n\t\t\t// \t\tproduct_id: product,\r\n\t\t\t// \t\tbody: \"\",\r\n\t\t\t// \t\ttitle: \"\",\r\n\t\t\t// \t},\r\n\t\t\t// };\r\n\t\t\tbody = {\r\n\t\t\t\t...body,\r\n\t\t\t\tnotification: {\r\n\t\t\t\t\t...notification,\r\n\t\t\t\t},\r\n\t\t\t\tdata: {\r\n\t\t\t\t\tproduct_id: product,\r\n\t\t\t\t},\r\n\t\t\t\tandroid: {\r\n\t\t\t\t\tnotification: {\r\n\t\t\t\t\t\tclick_action: `${this.props.bundleId}.FIREBASE_DATA`,\r\n\t\t\t\t\t},\r\n\t\t\t\t},\r\n\t\t\t};\r\n\t\t}\r\n\r\n\t\tconsole.log(\"body --- >>>\", body);\r\n\r\n\t\tconsole.log(\"body JSON =>\", JSON.stringify(body));\r\n\t\tconsole.log(\"Authorization\", \"key=\" + keyPush);\r\n\t\tconsole.log(\"audience -->>>\", audience);\r\n\r\n\t\t// fetch(\"https://fcm.googleapis.com/fcm/send\", {\r\n\t\t// \tmethod: \"POST\",\r\n\t\t// \theaders: {\r\n\t\t// \t\tAuthorization: \"key=\" + keyPush,\r\n\t\t// \t\t\"Content-Type\": \"application/json\",\r\n\t\t// \t},\r\n\t\t// \tbody: JSON.stringify(body),\r\n\t\t// })\r\n\t\tfetch(\r\n\t\t\t`https://epayment.com.ua/api/notifications/new/${this.props.bundleId}`,\r\n\t\t\t{\r\n\t\t\t\tmethod: \"POST\",\r\n\t\t\t\theaders: {\r\n\t\t\t\t\t\"Content-Type\": \"application/json\",\r\n\t\t\t\t},\r\n\t\t\t\tbody: JSON.stringify(body),\r\n\t\t\t}\r\n\t\t)\r\n\t\t\t.then(function (response) {\r\n\t\t\t\tconst dateTime = new Date().getTime();\r\n\t\t\t\tconst timestamp = Math.floor(dateTime / 1000);\r\n\t\t\t\tvar key = parseInt(timestamp / 86400);\r\n\r\n\t\t\t\tif (audience == \"favorite\") {\r\n\t\t\t\t\tself.setState({\r\n\t\t\t\t\t\talertText: \"Ваше уведомление успешно отправлено!\",\r\n\t\t\t\t\t\talertShow: true,\r\n\t\t\t\t\t\talertType: \"success\",\r\n\t\t\t\t\t\tloadStatus: false,\r\n\t\t\t\t\t});\r\n\t\t\t\t}\r\n\r\n\t\t\t\tif (audience == \"multiUser\") {\r\n\t\t\t\t\tself.setState({\r\n\t\t\t\t\t\talertText: \"Ваше уведомление успешно отправлено!\",\r\n\t\t\t\t\t\talertShow: true,\r\n\t\t\t\t\t\talertType: \"success\",\r\n\t\t\t\t\t\tloadStatus: false,\r\n\t\t\t\t\t});\r\n\t\t\t\t}\r\n\r\n\t\t\t\tif (audience == \"city\") {\r\n\t\t\t\t\t// const city = self.props.cities.find((t) => t.spot_id === cityId);\r\n\t\t\t\t\tconst city = self.props.cities.find((t) => t.id === cityId);\r\n\t\t\t\t\tconsole.log(\"city ---> \", city);\r\n\t\t\t\t\tconst cityKeyShop = city.key;\r\n\r\n\t\t\t\t\t// let keyData =\r\n\t\t\t\t\t// \tcity.pushNotifications && city.pushNotifications[key]\r\n\t\t\t\t\t// \t\t? city.pushNotifications[key]\r\n\t\t\t\t\t// \t\t: [];\r\n\t\t\t\t\t// keyData = [...keyData, text];\r\n\r\n\t\t\t\t\t// console.log('url', `settings/City/${cityKeyShop}/pushNotifications/${key}`);\r\n\t\t\t\t\t// console.log('city', city);\r\n\t\t\t\t\t// console.log('keyData', keyData);\r\n\r\n\t\t\t\t\t// self.props.firebase.bd\r\n\t\t\t\t\t// \t.ref(\r\n\t\t\t\t\t// \t\t`settings/сity/${cityKeyShop}/brands/${cityKeyShop}/pushNotifications/${key}`\r\n\t\t\t\t\t// \t)\r\n\t\t\t\t\t// \t.update(keyData)\r\n\t\t\t\t\t// \t.then((response) => {\r\n\t\t\t\t\t// \t\tlet pushNotificationsData = { ...city.pushNotifications };\r\n\t\t\t\t\t// \t\tpushNotificationsData[key] = keyData;\r\n\r\n\t\t\t\t\t// \t\tself.props.updatePushNotifications(\r\n\t\t\t\t\t// \t\t\tcityKeyShop,\r\n\t\t\t\t\t// \t\t\tpushNotificationsData\r\n\t\t\t\t\t// \t\t);\r\n\t\t\t\t\t// \t\tself.setState({\r\n\t\t\t\t\t// \t\t\talertText: \"Ваше уведомление успешно отправлено!\",\r\n\t\t\t\t\t// \t\t\talertShow: true,\r\n\t\t\t\t\t// \t\t\talertType: \"success\",\r\n\t\t\t\t\t// \t\t\tloadStatus: false,\r\n\t\t\t\t\t// \t\t});\r\n\t\t\t\t\t// \t})\r\n\t\t\t\t\t// \t.catch((error) => {\r\n\t\t\t\t\t// \t\tconsole.log(error);\r\n\t\t\t\t\t// \t});\r\n\r\n\t\t\t\t\tcity.brands.forEach((brand, brandIndex) => {\r\n\t\t\t\t\t\tlet keyData =\r\n\t\t\t\t\t\t\tbrand.pushNotifications && brand.pushNotifications[key]\r\n\t\t\t\t\t\t\t\t? brand.pushNotifications[key]\r\n\t\t\t\t\t\t\t\t: [];\r\n\r\n\t\t\t\t\t\tkeyData = [...keyData, text];\r\n\r\n\t\t\t\t\t\tself.props.firebase.bd\r\n\t\t\t\t\t\t\t.ref(\r\n\t\t\t\t\t\t\t\t`${\r\n\t\t\t\t\t\t\t\t\tisDebug ? \"debug\" : \"\"\r\n\t\t\t\t\t\t\t\t}/settings/city/${+cityKeyShop}/brands/${brandIndex}/pushNotifications/${key}`\r\n\t\t\t\t\t\t\t)\r\n\t\t\t\t\t\t\t.update(keyData)\r\n\t\t\t\t\t\t\t.then((response) => {\r\n\t\t\t\t\t\t\t\tself.setState({\r\n\t\t\t\t\t\t\t\t\talertText: \"Ваше уведомление успешно отправлено!\",\r\n\t\t\t\t\t\t\t\t\talertShow: true,\r\n\t\t\t\t\t\t\t\t\talertType: \"success\",\r\n\t\t\t\t\t\t\t\t\tloadStatus: false,\r\n\t\t\t\t\t\t\t\t});\r\n\t\t\t\t\t\t\t\tself.props.firebase.bd\r\n\t\t\t\t\t\t\t\t\t.ref(`${isDebug ? \"debug\" : \"\"}/settings/city`)\r\n\t\t\t\t\t\t\t\t\t.on(\"value\", (snapshot) => {\r\n\t\t\t\t\t\t\t\t\t\tlet city = snapshot.val();\r\n\t\t\t\t\t\t\t\t\t\tlet updatedCity = city.map((item, index) => {\r\n\t\t\t\t\t\t\t\t\t\t\treturn {\r\n\t\t\t\t\t\t\t\t\t\t\t\t...item,\r\n\t\t\t\t\t\t\t\t\t\t\t\tkey: index,\r\n\t\t\t\t\t\t\t\t\t\t\t};\r\n\t\t\t\t\t\t\t\t\t\t});\r\n\t\t\t\t\t\t\t\t\t\tself.props.updateShops(updatedCity);\r\n\t\t\t\t\t\t\t\t\t});\r\n\t\t\t\t\t\t\t})\r\n\t\t\t\t\t\t\t.catch((error) => {\r\n\t\t\t\t\t\t\t\tconsole.log(error);\r\n\t\t\t\t\t\t\t});\r\n\t\t\t\t\t});\r\n\t\t\t\t}\r\n\r\n\t\t\t\tif (audience == \"brand\") {\r\n\t\t\t\t\tconst citiesList = self.props.cities;\r\n\t\t\t\t\tlet brandIndex = -1;\r\n\t\t\t\t\tlet cityIndex = -1;\r\n\t\t\t\t\tlet brand;\r\n\r\n\t\t\t\t\tfor (let index = 0; index < citiesList.length; index++) {\r\n\t\t\t\t\t\tconst obj = citiesList[index];\r\n\r\n\t\t\t\t\t\tbrand = obj.brands.find((b) => +b.id === +brandId);\r\n\r\n\t\t\t\t\t\tif (brand) {\r\n\t\t\t\t\t\t\tbrandIndex = obj.brands.indexOf(brand);\r\n\t\t\t\t\t\t\tcityIndex = index;\r\n\t\t\t\t\t\t\tbreak;\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\tlet keyData =\r\n\t\t\t\t\t\tbrand.pushNotifications && brand.pushNotifications[key]\r\n\t\t\t\t\t\t\t? brand.pushNotifications[key]\r\n\t\t\t\t\t\t\t: [];\r\n\t\t\t\t\tkeyData = [...keyData, text];\r\n\r\n\t\t\t\t\tself.props.firebase.bd\r\n\t\t\t\t\t\t.ref(\r\n\t\t\t\t\t\t\t`${\r\n\t\t\t\t\t\t\t\tisDebug ? \"debug\" : \"\"\r\n\t\t\t\t\t\t\t}/settings/city/${cityIndex}/brands/${brandIndex}/pushNotifications/${key}`\r\n\t\t\t\t\t\t)\r\n\t\t\t\t\t\t.update(keyData)\r\n\t\t\t\t\t\t.then((response) => {\r\n\t\t\t\t\t\t\tself.setState({\r\n\t\t\t\t\t\t\t\talertText: \"Ваше уведомление успешно отправлено!\",\r\n\t\t\t\t\t\t\t\talertShow: true,\r\n\t\t\t\t\t\t\t\talertType: \"success\",\r\n\t\t\t\t\t\t\t\tloadStatus: false,\r\n\t\t\t\t\t\t\t});\r\n\t\t\t\t\t\t\tself.props.firebase.bd\r\n\t\t\t\t\t\t\t\t.ref(`${isDebug ? \"debug\" : \"\"}/settings/city`)\r\n\t\t\t\t\t\t\t\t.on(\"value\", (snapshot) => {\r\n\t\t\t\t\t\t\t\t\tlet city = snapshot.val();\r\n\t\t\t\t\t\t\t\t\tlet updatedCity = city.map((item, index) => {\r\n\t\t\t\t\t\t\t\t\t\treturn {\r\n\t\t\t\t\t\t\t\t\t\t\t...item,\r\n\t\t\t\t\t\t\t\t\t\t\tkey: index,\r\n\t\t\t\t\t\t\t\t\t\t};\r\n\t\t\t\t\t\t\t\t\t});\r\n\t\t\t\t\t\t\t\t\tself.props.updateShops(updatedCity);\r\n\t\t\t\t\t\t\t\t});\r\n\t\t\t\t\t\t})\r\n\t\t\t\t\t\t.catch((error) => {\r\n\t\t\t\t\t\t\tconsole.log(error);\r\n\t\t\t\t\t\t});\r\n\t\t\t\t}\r\n\r\n\t\t\t\tif (audience == \"all\" || audience == undefined) {\r\n\t\t\t\t\tconst cities = self.props.cities;\r\n\r\n\t\t\t\t\t// let citiesData = [ ...cities ];\r\n\r\n\t\t\t\t\tcities.forEach((city, index) => {\r\n\t\t\t\t\t\t// const notificatonKey = city.pushNotifications && city.pushNotifications[key] ? city.pushNotifications[key] : [];\r\n\t\t\t\t\t\t// let pushNotifications = city.pushNotifications ? city.pushNotifications : {};\r\n\t\t\t\t\t\t// pushNotifications = { ...pushNotifications, [key]: [ ...notificatonKey, text ] };\r\n\r\n\t\t\t\t\t\t// let keyData =\r\n\t\t\t\t\t\t// \tcity.pushNotifications && city.pushNotifications[key]\r\n\t\t\t\t\t\t// \t\t? city.pushNotifications[key]\r\n\t\t\t\t\t\t// \t\t: [];\r\n\t\t\t\t\t\t// keyData = [...keyData, text];\r\n\r\n\t\t\t\t\t\t// citiesData[index] = {\r\n\t\t\t\t\t\t// ...citiesData[index],\r\n\t\t\t\t\t\t// pushNotifications: {\r\n\t\t\t\t\t\t// ...pushNotifications,\r\n\t\t\t\t\t\t// [key]: [ ...notificatonKey, text ]\r\n\t\t\t\t\t\t// }\r\n\t\t\t\t\t\t// }\r\n\r\n\t\t\t\t\t\t// self.props.firebase.bd\r\n\t\t\t\t\t\t// \t.ref(`settings/City/${index}/pushNotifications/${key}`)\r\n\t\t\t\t\t\t// \t.update(keyData)\r\n\t\t\t\t\t\t// \t.then((response) => {\r\n\t\t\t\t\t\t// \t\tself.setState({\r\n\t\t\t\t\t\t// \t\t\talertText: \"Ваше уведомление успешно отправлено!\",\r\n\t\t\t\t\t\t// \t\t\talertShow: true,\r\n\t\t\t\t\t\t// \t\t\talertType: \"success\",\r\n\t\t\t\t\t\t// \t\t\tloadStatus: false,\r\n\t\t\t\t\t\t// \t\t});\r\n\t\t\t\t\t\t// \t})\r\n\t\t\t\t\t\t// \t.catch((error) => {\r\n\t\t\t\t\t\t// \t\tconsole.log(error);\r\n\t\t\t\t\t\t// \t});\r\n\r\n\t\t\t\t\t\tcity.brands.forEach((brand, brandIndex) => {\r\n\t\t\t\t\t\t\tlet keyData =\r\n\t\t\t\t\t\t\t\tbrand.pushNotifications && brand.pushNotifications[key]\r\n\t\t\t\t\t\t\t\t\t? brand.pushNotifications[key]\r\n\t\t\t\t\t\t\t\t\t: [];\r\n\t\t\t\t\t\t\tkeyData = [...keyData, text];\r\n\r\n\t\t\t\t\t\t\tself.props.firebase.bd\r\n\t\t\t\t\t\t\t\t.ref(\r\n\t\t\t\t\t\t\t\t\t`${\r\n\t\t\t\t\t\t\t\t\t\tisDebug ? \"debug\" : \"\"\r\n\t\t\t\t\t\t\t\t\t}/settings/city/${index}/brands/${brandIndex}/pushNotifications/${key}`\r\n\t\t\t\t\t\t\t\t)\r\n\t\t\t\t\t\t\t\t.update(keyData)\r\n\t\t\t\t\t\t\t\t.then((response) => {\r\n\t\t\t\t\t\t\t\t\tself.setState({\r\n\t\t\t\t\t\t\t\t\t\talertText: \"Ваше уведомление успешно отправлено!\",\r\n\t\t\t\t\t\t\t\t\t\talertShow: true,\r\n\t\t\t\t\t\t\t\t\t\talertType: \"success\",\r\n\t\t\t\t\t\t\t\t\t\tloadStatus: false,\r\n\t\t\t\t\t\t\t\t\t});\r\n\t\t\t\t\t\t\t\t\tself.props.firebase.bd\r\n\t\t\t\t\t\t\t\t\t\t.ref(`${isDebug ? \"debug\" : \"\"}/settings/city`)\r\n\t\t\t\t\t\t\t\t\t\t.on(\"value\", (snapshot) => {\r\n\t\t\t\t\t\t\t\t\t\t\tlet city = snapshot.val();\r\n\t\t\t\t\t\t\t\t\t\t\tlet updatedCity = city.map((item, index) => {\r\n\t\t\t\t\t\t\t\t\t\t\t\treturn {\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t...item,\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tkey: index,\r\n\t\t\t\t\t\t\t\t\t\t\t\t};\r\n\t\t\t\t\t\t\t\t\t\t\t});\r\n\t\t\t\t\t\t\t\t\t\t\tself.props.updateShops(updatedCity);\r\n\t\t\t\t\t\t\t\t\t\t});\r\n\t\t\t\t\t\t\t\t})\r\n\t\t\t\t\t\t\t\t.catch((error) => {\r\n\t\t\t\t\t\t\t\t\tconsole.log(error);\r\n\t\t\t\t\t\t\t\t});\r\n\t\t\t\t\t\t});\r\n\t\t\t\t\t});\r\n\r\n\t\t\t\t\t// console.log('citiesData Data ==>>>>', citiesData);\r\n\t\t\t\t\t// self.props.firebase.bd.ref(`settings/City/${cityKeyShop}/pushNotifications/${key}`).update(keyData)\r\n\t\t\t\t\t// .then(response => {\r\n\t\t\t\t\t// self.setState({\r\n\t\t\t\t\t// alertText: 'Ваше уведомление успешно отправлено!',\r\n\t\t\t\t\t// alertShow: true,\r\n\t\t\t\t\t// alertType: 'success',\r\n\t\t\t\t\t// loadStatus: false\r\n\t\t\t\t\t// })\r\n\t\t\t\t\t// })\r\n\t\t\t\t\t// .catch(error => {\r\n\t\t\t\t\t// console.log(error);\r\n\t\t\t\t\t// });\r\n\t\t\t\t}\r\n\t\t\t})\r\n\t\t\t.catch(function (error) {\r\n\t\t\t\tconsole.log(\"error --->>> \", error);\r\n\t\t\t\tself.setState({\r\n\t\t\t\t\talertText: \"При отправке произошла ошибка, попробуйте еще раз!\",\r\n\t\t\t\t\talertShow: true,\r\n\t\t\t\t\talertType: \"error\",\r\n\t\t\t\t\tloadStatus: false,\r\n\t\t\t\t});\r\n\t\t\t});\r\n\t};\r\n\r\n\taddPhone = (data) => {\r\n\t\tlet phoneList = this.state.phone;\r\n\t\tphoneList.push(data.phone);\r\n\t\tthis.setState({\r\n\t\t\tphone: phoneList,\r\n\t\t});\r\n\t};\r\n\r\n\tdeletePhone = (key) => {\r\n\t\tlet phoneList = this.state.phone;\r\n\t\tphoneList.splice(key, 1);\r\n\t\tthis.setState({\r\n\t\t\tphone: phoneList,\r\n\t\t});\r\n\t};\r\n\r\n\thideAlert = () => {\r\n\t\tthis.setState({\r\n\t\t\talertShow: false,\r\n\t\t});\r\n\t};\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t<>\r\n\t\t\t\t\n \n \n \n Контроль точек самовывоза\n \n {terminals?.map((terminal, index) => (\n\t\t\t\t \n \n
\n )\n} \nconst useStyles = makeStyles(theme => ({\n wrapper: {\n padding: '24px 16px 24px 16px',\n background: '#FFF',\n border:' 0.5px solid #DADCE0',\n boxSizing: 'border-box',\n borderRadius: '5px 5px 0px 0px',\n },\n terminalContainer: {\n width: '100%',\n height: 'auto',\n display: 'flex',\n alignItems: 'center'\n },\n title: {\n marginBottom: 10,\n fontSize: 20\n },\n buttonContainer: {\n margin: 16\n },\n button: {\n textTransform: 'none',\n },\n}))\n\nexport default PickupControl;","import React, { useEffect, useState } from \"react\";\nimport { withFirebase } from \"../../firebase\";\nimport { withRouter } from \"react-router-dom\";\nimport { useSelector } from \"react-redux\";\n\nimport PickupControl from \"./pickupControl\";\n\nconst PickupControlContainer = (props) => {\n\tconst cities = useSelector((state) => state.shops.shops);\n\n\tconst currentCity = JSON.parse(localStorage.getItem(\"chosenCity\"));\n\tconst currentBrand = JSON.parse(localStorage.getItem(\"chosenBrand\"));\n\tconst isDebug = JSON.parse(localStorage.getItem(\"isDebug\"));\n\n\tconst deliveryTerminals =\n\t\tcities && cities[currentCity]?.brands[currentBrand]?.deliveryTerminals;\n\n\tconst [terminals, setTerminals] = useState(deliveryTerminals);\n\n\tconst onSubmit = () => {\n\t\tconst isValidTerminals = !!terminals.find((item) => item.isActive === true);\n\t\tif (isValidTerminals) {\n\t\t\tprops.firebase.bd\n\t\t\t\t.ref(\n\t\t\t\t\t`${\n\t\t\t\t\t\tisDebug ? \"debug\" : \"\"\n\t\t\t\t\t}/settings/city/${currentCity}/brands/${currentBrand}/deliveryTerminals`\n\t\t\t\t)\n\t\t\t\t.update(terminals)\n\t\t\t\t.then(() => {\n\t\t\t\t\talert(\"Готово\");\n\t\t\t\t})\n\t\t\t\t.catch((error) => {\n\t\t\t\t\tconsole.error(\"Error updating terminals:\", error);\n\t\t\t\t\talert(\"Ошибка при обновлении данных\");\n\t\t\t\t});\n\t\t} else {\n\t\t\talert(\"Мінімум один термінал повинен бути активний\");\n\t\t}\n\t};\n\n\tuseEffect(() => {\n\t\tdeliveryTerminals && setTerminals(deliveryTerminals);\n\t}, [deliveryTerminals]);\n\n\treturn (\n\t\t\n\t\t\t\t\t{/* handleTerminalClick(index)}\n\t\t\t\t\t/> */}\n handleTerminalClick(index)}\n />\n\t\t\t\t\t
\n\t\t\t))}\n Включить самовывоз на {terminal.name}
\n\t\t\t\t\n \n
\n \n\t\t\t{terminals && (\n\t\t\t\t
\n\t);\n};\n\nexport default withRouter(withFirebase(PickupControlContainer));\n","import React, {Component} from 'react';\r\nimport { Field, reduxForm } from 'redux-form';\r\nimport Button from '../../components/Button';\r\nimport CustomizedInputs from '../../components/UIform';\r\nimport Loading from '../../components/Loading';\r\nimport {required} from 'redux-form-validators';\r\nimport { withStyles } from \"@material-ui/core/styles\";\r\nimport Typography from '@material-ui/core/Typography';\r\n\r\nclass AlertForm extends Component {\r\n \r\n componentDidMount(){\r\n this.props.initialize({text: this.props.alert});\r\n }\r\n\r\n render(){\r\n const { handleSubmit, classes } = this.props;\r\n return(\r\n <>\r\n \r\n 
\r\n
\r\n props.handleTabs(e)}>\r\n {props.name}\r\n
;\r\n\r\n return (\r\n \r\n {data && data.map((item, key) => \r\n
\r\n )\r\n}\r\n\r\nconst useStyles = makeStyles({\r\n menu: {\r\n display: 'flex',\r\n justifyContent: 'space-between',\r\n alignItems: 'center',\r\n width: '100%',\r\n height: '47px',\r\n padding: '0 4px',\r\n background: '#f2f2f2',\r\n border: '1px solid #D6D6D6',\r\n boxSizing: 'border-box',\r\n boxShadow: '0px 2px 20px rgba(0, 0, 0, 0.04)',\r\n borderRadius: '47px',\r\n },\r\n tab: {\r\n fontSize: 16,\r\n fontWeight: 500,\r\n width: '50%',\r\n height: 39,\r\n textAlign: 'center',\r\n lineHeight: '39px',\r\n borderRadius: '39px',\r\n color: '#6C6C6C',\r\n }\r\n});\r\n\r\nexport default TabMobile;","import React, { useState } from 'react';\r\nimport { makeStyles } from '@material-ui/core/styles'\r\n\r\nimport Popover from '@material-ui/core/Popover';\r\nimport { Typography } from '@material-ui/core';\r\n\r\nexport const InfoIcon = ({ ariaOwns, ariaHaspopup, onMouseEnter, onMouseLeave, className }) => (\r\n \r\n \r\n
\r\n);\r\n\r\nconst PopoverComponent = ({ title, hiddenTitle, className, ...props }) => {\r\n const classes = useStyles();\r\n const [anchorEl, setAnchorEl] = useState(null);\r\n\r\n const handlePopoverOpen = (event) => {\r\n setAnchorEl(event.currentTarget);\r\n };\r\n\r\n const handlePopoverClose = (props) => {\r\n setAnchorEl(null);\r\n };\r\n\r\n const open = Boolean(anchorEl);\r\n\r\n return (\r\n \r\n {title} \r\n \r\n {hiddenTitle} \r\n \r\n
\r\n )\r\n}\r\n\r\nconst useStyles = makeStyles(theme => ({\r\n totalTimeFooter: {\r\n position: 'relative',\r\n top: 0,\r\n color: '#000000',\r\n fontSize: 14,\r\n textAlign: 'center',\r\n fontWeight: 500,\r\n lineHeight: '16px',\r\n letterSpacing: '0.003em',\r\n }, \r\n footerLastTimeWorkLabelIcon: {\r\n marginLeft: 0,\r\n position: 'absolute',\r\n top: 'calc(50% - 8px)',\r\n right: -8,\r\n },\r\n popover: {\r\n pointerEvents: 'none',\r\n },\r\n paper: {\r\n padding: 3,\r\n },\r\n lastTimeWork: {\r\n marginTop: 10,\r\n marginBottom: 25,\r\n display: 'flex',\r\n },\r\n lastTimeWorkLabelWrap: {\r\n position: 'absolute',\r\n top: 0,\r\n right: 0,\r\n [theme.breakpoints.down('375')]: {\r\n top: 4,\r\n },\r\n },\r\n lastTimeWorkLabel: {\r\n },\r\n lastTimeWorkLabelIcon: {\r\n width: 20,\r\n height: 20,\r\n marginLeft: 10,\r\n },\r\n }));\r\n\r\nexport default PopoverComponent;","import React from 'react';\r\nimport useMediaQuery from '@material-ui/core/useMediaQuery';\r\nimport { Field, reduxForm, reset } from 'redux-form';\r\nimport Button from '../../../components/Button';\r\nimport CustomizedInputs from '../../../components/UIform';\r\nimport Popover from '../../../components/Popover';\r\nimport Loading from '../../../components/Loading';\r\nimport {required} from 'redux-form-validators';\r\nimport { makeStyles } from '@material-ui/core/styles';\r\nimport Typography from '@material-ui/core/Typography';\r\nimport Chip from '@material-ui/core/Chip';\r\nimport SnackbarContent from '@material-ui/core/SnackbarContent';\r\n\r\nlet CategoriesForm = (props) => {\r\n const { handleSubmit } = props;\r\n const classes = useStyles();\r\n const isMin600 = useMediaQuery('(max-width: 599px)');\r\n\r\n let hiddenCategories = [];\r\n\r\n if (props.hiddenCategories) {\r\n hiddenCategories = [...props.hiddenCategories];\r\n }\r\n\r\n const handleDelete = (chipToDelete) => () => {\r\n let list = props.hiddenCategories.filter((chip) => chip !== chipToDelete);\r\n props.updateVisibility(list, 'hiddenCategories');\r\n };\r\n\r\n const addChip = (data) => {\r\n let status = hiddenCategories.find((chip) => chip === data.id);\r\n if(status === undefined){\r\n let list = [...props.hiddenCategories, data.id];\r\n props.updateVisibility(list, 'hiddenCategories');\r\n props.reset();\r\n } else {\r\n alert('Данный ID уже есть в списке')\r\n }\r\n };\r\n\r\n const saveData = () => {\r\n props.saveData('hiddenCategories')\r\n }\r\n\r\n return(\r\n \r\n
\r\n )\r\n}\r\n\r\nconst useStyles = makeStyles(theme => ({\r\n categoriesWrapper: {\r\n marginTop: '16px',\r\n padding: '24px 24px 16px 16px',\r\n border: '0.5px solid #DADCE0',\r\n boxSizing: 'border-box',\r\n borderRadius: '5px',\r\n [theme.breakpoints.down(\"600\")]: {\r\n padding: '16px',\r\n }\r\n },\r\n snackbar: {\r\n marginTop: 16,\r\n '&.MuiSnackbarContent-root': {\r\n background: 'rgba(50, 109, 255, .05)',\r\n boxShadow: 'none',\r\n color: 'black',\r\n width: '100%',\r\n [theme.breakpoints.down(\"600\")]: {\r\n textAlign: 'center',\r\n marginTop: 15,\r\n }\r\n },\r\n '& > .MuiSnackbarContent-message': {\r\n padding: '4px 0',\r\n [theme.breakpoints.down(\"600\")]: {\r\n width: '100%',\r\n }\r\n }\r\n },\r\n title: {\r\n marginBottom: 10,\r\n fontSize: 22,\r\n lineHeight: '29px',\r\n fontWeight: 'bold',\r\n [theme.breakpoints.down(\"600\")]: {\r\n display: 'none'\r\n }\r\n },\r\n container: {\r\n position: 'relative',\r\n display: 'flex',\r\n flexWrap: 'wrap',\r\n width: '100%',\r\n },\r\n row: {\r\n display: 'flex',\r\n // margin: 15,\r\n flexWrap: 'wrap',\r\n width: '100%',\r\n [theme.breakpoints.down(\"600\")]: {\r\n margin: 0,\r\n }\r\n },\r\n chip: {\r\n margin: theme.spacing(0.5),\r\n backgroundColor: '#326dff',\r\n padding: '18px 4px',\r\n color: '#fff',\r\n\r\n },\r\n tagContainer: {\r\n width: '100%',\r\n display: 'flex',\r\n flexWrap: 'wrap',\r\n maxHeight: 200,\r\n overflowY: 'auto',\r\n listStyle: 'none',\r\n '& > li': {\r\n position: 'relative',\r\n },\r\n '& > li > div > svg': {\r\n fill: 'rgba(255, 255, 255, .5)',\r\n },\r\n '& > li > hr': {\r\n top: '13px',\r\n right: '-20px',\r\n position: 'absolute',\r\n width: '20px',\r\n height: '1px',\r\n transform: 'rotate(90deg)',\r\n },\r\n '& > li > div': {\r\n margin: '4px 10px',\r\n },\r\n '& > li:last-child > hr': {\r\n display: 'none'\r\n },\r\n '&.MuiSvgIcon-root': {\r\n color: 'rgba(255, 255, 255, 0.75)'\r\n },\r\n [theme.breakpoints.down(\"600\")]: {\r\n padding: '15px 10px',\r\n flexDirection: 'column',\r\n '& > li > hr': {\r\n display: 'none'\r\n },\r\n '& > li:last-child': {\r\n '& > div': {\r\n marginBottom: 0,\r\n },\r\n '& > hr': {\r\n display: 'none',\r\n },\r\n },\r\n '& > li > div': {\r\n position: 'relative',\r\n width: '100%',\r\n display: 'flex',\r\n justifyContent: 'space-between',\r\n background: '#E0E9FF',\r\n borderRadius: '30px',\r\n color: '#326DFF',\r\n margin: 0,\r\n marginBottom: 10,\r\n '& > svg': {\r\n fill: 'white',\r\n },\r\n '& .MuiChip-label': {\r\n fontSize: 12,\r\n fontWeight: 500,\r\n paddingLeft: '15px', \r\n },\r\n '&:hover': {\r\n background: '#326DFF',\r\n color: 'white',\r\n }\r\n }\r\n }\r\n },\r\n formContainer: {\r\n width: '100%',\r\n display: 'flex',\r\n flexWrap: 'wrap',\r\n },\r\n bt: {\r\n paddingLeft: 10,\r\n [theme.breakpoints.down(\"600\")]: {\r\n paddingLeft: 0,\r\n marginTop: 80,\r\n width: '100%',\r\n textAlign: 'center',\r\n }\r\n },\r\n addToList: {\r\n marginTop: 16,\r\n marginLeft: 16,\r\n textTransform: 'initial',\r\n [theme.breakpoints.down(\"600\")]: {\r\n margin: '0 auto',\r\n marginTop: 16,\r\n }\r\n },\r\n saveButton: {\r\n position: 'absolute',\r\n top: -48,\r\n right: 0,\r\n textTransform: 'initial',\r\n background: '#E9F1FC',\r\n color: '#326DFF',\r\n minWidth: 125,\r\n height: 36,\r\n margin: 0,\r\n [theme.breakpoints.down(\"600\")]: {\r\n position: 'static',\r\n },\r\n '&:hover': {\r\n color: 'white',\r\n background: '#326DFF',\r\n }\r\n },\r\n hr: {\r\n border: '1px dashed rgba(71, 98, 130, .25)',\r\n boxSizing: 'border-box',\r\n marginLeft: '10px',\r\n marginRight: '10px',\r\n },\r\n input: {\r\n // [theme.breakpoints.down(\"600\")]: {\r\n width: '328px',\r\n [theme.breakpoints.down(\"700\")]: {\r\n width: '290px',\r\n },\r\n [theme.breakpoints.down(\"600\")]: {\r\n width: '100%',\r\n },\r\n '& > .MuiInput-underline.Mui-error:after': {\r\n content: 'none',\r\n },\r\n '& .MuiInput-underline:before': {\r\n content: 'none',\r\n },\r\n '& .MuiInput-underline:after': {\r\n content: 'none',\r\n },\r\n '& > div.MuiInput-root': {\r\n height: 45,\r\n border: '1px solid #D6D6D6',\r\n padding: '10px 52px 10px 16px',\r\n borderRadius: 5,\r\n '& > input': {\r\n padding: 0,\r\n fontSize: 16,\r\n lineHeight: '24px',\r\n color: '#476282',\r\n },\r\n },\r\n '& > label.MuiInputLabel-root': {\r\n padding: '5px 52px 10px 16px',\r\n },\r\n '& > label.MuiInputLabel-shrink': {\r\n transform: 'translate(0, -3px) scale(0.75)',\r\n },\r\n '& > div.Mui-error': {\r\n border: '1px solid red',\r\n }\r\n },\r\n headerWrap: {\r\n display: 'flex',\r\n position: 'relative',\r\n width: 130,\r\n },\r\n popover: {\r\n position: 'relative',\r\n top: 6,\r\n }\r\n // }\r\n}));\r\n\r\nconst afterSubmit = (result, dispatch) => \r\n dispatch(reset('CategoriesForm'));\r\n \r\nCategoriesForm = reduxForm({\r\n form: 'CategoriesForm', \r\n onSubmitSuccess: afterSubmit,\r\n })(CategoriesForm);\r\n\r\n export default CategoriesForm;","import useMediaQuery from '@material-ui/core/useMediaQuery';\r\nimport { makeStyles } from '@material-ui/core/styles';\r\n\r\nexport default makeStyles(theme => ({\r\n productsWrapper: {\r\n marginTop: 16,\r\n padding: '24px 24px 16px 16px',\r\n border: '0.5px solid #DADCE0',\r\n boxSizing: 'border-box',\r\n borderRadius: '5px',\r\n },\r\n snackbar: {\r\n marginTop: 16,\r\n '&.MuiSnackbarContent-root': {\r\n background: 'rgba(50, 109, 255, .05)',\r\n boxShadow: 'none',\r\n color: 'black',\r\n width: '100%',\r\n [theme.breakpoints.down(\"600\")]: {\r\n textAlign: 'center',\r\n marginTop: 15,\r\n }\r\n },\r\n '& > .MuiSnackbarContent-message': {\r\n padding: '4px 0',\r\n [theme.breakpoints.down(\"600\")]: {\r\n width: '100%',\r\n }\r\n }\r\n },\r\n title: {\r\n marginBottom: 10,\r\n fontSize: 22,\r\n lineHeight: '29px',\r\n fontWeight: 'bold',\r\n [theme.breakpoints.down(\"600\")]: {\r\n display: 'none'\r\n }\r\n },\r\n container: {\r\n position: 'relative',\r\n display: 'flex',\r\n flexWrap: 'wrap',\r\n width: '100%',\r\n },\r\n row: {\r\n display: 'flex',\r\n // margin: 15,\r\n flexWrap: 'wrap',\r\n width: '100%',\r\n [theme.breakpoints.down(\"600\")]: {\r\n margin: 0,\r\n }\r\n },\r\n chip: {\r\n margin: theme.spacing(0.5),\r\n backgroundColor: '#326dff',\r\n padding: '18px 4px',\r\n color: '#fff',\r\n \r\n },\r\n tagContainer: {\r\n width: '100%',\r\n display: 'flex',\r\n flexWrap: 'wrap',\r\n maxHeight: 200,\r\n overflowY: 'auto',\r\n listStyle: 'none',\r\n '& > li': {\r\n position: 'relative',\r\n },\r\n '& > li > div > svg': {\r\n fill: 'rgba(255, 255, 255, .5)',\r\n },\r\n '& > li > hr': {\r\n top: '13px',\r\n right: '-20px',\r\n position: 'absolute',\r\n width: '20px',\r\n height: '1px',\r\n transform: 'rotate(90deg)',\r\n },\r\n '& > li > div.MuiChip-root': {\r\n margin: '4px 10px',\r\n },\r\n '& > li:last-child > hr': {\r\n display: 'none'\r\n },\r\n '&.MuiSvgIcon-root': {\r\n color: 'rgba(255, 255, 255, 0.75)'\r\n },\r\n [theme.breakpoints.down(\"600\")]: {\r\n padding: '15px 10px',\r\n flexDirection: 'column',\r\n '& > li > hr': {\r\n display: 'none'\r\n },\r\n '& > li:last-child': {\r\n '& > div': {\r\n marginBottom: 0,\r\n },\r\n '& > hr': {\r\n display: 'none',\r\n },\r\n },\r\n '& > li > div': {\r\n position: 'relative',\r\n width: '100%',\r\n display: 'flex',\r\n justifyContent: 'space-between',\r\n background: '#E0E9FF',\r\n borderRadius: '30px',\r\n color: '#326DFF',\r\n margin: 0,\r\n marginBottom: 10,\r\n '& > svg': {\r\n fill: 'white',\r\n },\r\n '& .MuiChip-label': {\r\n fontSize: 12,\r\n fontWeight: 500,\r\n paddingLeft: '15px', \r\n },\r\n '&:hover': {\r\n background: '#326DFF',\r\n color: 'white',\r\n }\r\n }\r\n }\r\n },\r\n formContainer: {\r\n width: '100%',\r\n display: 'flex',\r\n flexWrap: 'wrap',\r\n },\r\n bt: {\r\n paddingLeft: 10,\r\n [theme.breakpoints.down(\"600\")]: {\r\n paddingLeft: 0,\r\n marginTop: 80,\r\n width: '100%',\r\n textAlign: 'center',\r\n }\r\n },\r\n addToList: {\r\n marginTop: 16,\r\n marginLeft: 16,\r\n textTransform: 'initial',\r\n [theme.breakpoints.down(\"600\")]: {\r\n margin: '0 auto',\r\n marginTop: 16,\r\n }\r\n },\r\n saveButton: {\r\n position: 'absolute',\r\n top: -48,\r\n right: 0,\r\n textTransform: 'initial',\r\n background: '#E9F1FC',\r\n color: '#326DFF',\r\n minWidth: 125,\r\n height: 36,\r\n margin: 0,\r\n [theme.breakpoints.down(\"600\")]: {\r\n position: 'static',\r\n },\r\n '&:hover': {\r\n color: 'white',\r\n background: '#326DFF',\r\n }\r\n },\r\n hr: {\r\n border: '1px dashed rgba(71, 98, 130, .25)',\r\n boxSizing: 'border-box',\r\n marginLeft: '10px',\r\n marginRight: '10px',\r\n },\r\n input: {\r\n // [theme.breakpoints.down(\"600\")]: {\r\n width: '328px',\r\n [theme.breakpoints.down(\"700\")]: {\r\n width: '290px',\r\n },\r\n [theme.breakpoints.down(\"600\")]: {\r\n width: '100%',\r\n },\r\n '& > .MuiInput-underline.Mui-error:after': {\r\n content: 'none',\r\n },\r\n '& .MuiInput-underline:before': {\r\n content: 'none',\r\n },\r\n '& .MuiInput-underline:after': {\r\n content: 'none',\r\n },\r\n '& > div.MuiInput-root': {\r\n height: 45,\r\n border: '1px solid #D6D6D6',\r\n padding: '10px 52px 10px 16px',\r\n borderRadius: 5,\r\n '& > input': {\r\n padding: 0,\r\n fontSize: 16,\r\n lineHeight: '24px',\r\n color: '#476282',\r\n },\r\n },\r\n '& > label.MuiInputLabel-root': {\r\n padding: '5px 52px 10px 16px',\r\n },\r\n '& > label.MuiInputLabel-shrink': {\r\n transform: 'translate(0, -3px) scale(0.75)',\r\n },\r\n '& > div.Mui-error': {\r\n border: '1px solid red',\r\n }\r\n },\r\n headerWrap: {\r\n display: 'flex',\r\n position: 'relative',\r\n width: 105,\r\n },\r\n popover: {\r\n position: 'relative',\r\n top: 7,\r\n }\r\n // }\r\n }));","import React, { useState } from 'react';\r\nimport useMediaQuery from '@material-ui/core/useMediaQuery';\r\nimport {required} from 'redux-form-validators';\r\nimport { Field, reduxForm } from 'redux-form';\r\n\r\nimport Button from '../../../../components/Button';\r\nimport Popover from '../../../../components/Popover'\r\nimport Loading from '../../../../components/Loading';\r\nimport Typography from '@material-ui/core/Typography';\r\nimport Chip from '@material-ui/core/Chip';\r\nimport SnackbarContent from '@material-ui/core/SnackbarContent';\r\n\r\nimport CustomizedInputs from '../../../../components/UIform';\r\nimport useStyles from './styles';\r\n\r\nconst ProductsForm = (props) => {\r\n const { handleSubmit } = props;\r\n const classes = useStyles();\r\n const [isDelete, setIsDelete] = useState(null);\r\n const [products, setProducts] = useState(props.products);\r\n const isMin600 = useMediaQuery('(max-width: 599px)');\r\n const isMax600 = useMediaQuery('(min-width: 600px)');\r\n\r\n let hiddenProducts = [];\r\n\r\n if (props.hiddenProducts) {\r\n hiddenProducts = [...props.hiddenProducts];\r\n }\r\n \r\n const handleDelete = (chipToDelete) => () => {\r\n let list = hiddenProducts.filter((chip) => chip !== chipToDelete);\r\n let product = props.products[chipToDelete];\r\n // if (product && product.spots) {\r\n // product.spots[0].visible = \"1\";\r\n // } \r\n\r\n setIsDelete(true);\r\n setProducts({\r\n ...products,\r\n [chipToDelete]: {\r\n ...product\r\n }\r\n });\r\n\r\n props.updateVisibility(list, 'hiddenProducts');\r\n };\r\n\r\n const addChip = (data) => {\r\n // console.log('props', props)\r\n let status = hiddenProducts.find((chip) => chip === data.id);\r\n let product = props.products[data.id];\r\n if (product && product.spots) {\r\n product.spots[0].visible = \"0\";\r\n } \r\n \r\n setIsDelete(false);\r\n setProducts({\r\n ...products,\r\n [data.id]: {\r\n ...product\r\n }\r\n });\r\n\r\n if(status === undefined){\r\n let list = [...hiddenProducts, data.id];\r\n props.updateVisibility(list, 'hiddenProducts');\r\n props.reset();\r\n } else {\r\n alert('Данный ID уже есть в списке')\r\n }\r\n };\r\n\r\n const saveData = () => {\r\n props.saveData('hiddenProducts');\r\n\r\n if (products && isDelete) {\r\n props.changeVisibleProduct(products);\r\n }\r\n\r\n if (products && !isDelete) {\r\n props.changeVisibleProduct(products);\r\n }\r\n }\r\n\r\n return(\r\n \r\n Категории \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n {hiddenCategories.map((data, index) => {\r\n return (\r\n \r\n
}\r\n
\r\n \r\n );\r\n })}\r\n
\r\n \r\n {props.isActiveCategoriesSnackbar && \r\n }\r\n
\r\n
\r\n
\r\n )\r\n}\r\n\r\nexport default reduxForm({\r\n form: 'ProductsForm', \r\n })(ProductsForm);","import React, { useState } from 'react';\nimport useMediaQuery from '@material-ui/core/useMediaQuery';\nimport {required} from 'redux-form-validators';\nimport { Field, reduxForm } from 'redux-form';\n\nimport Button from '../../../../components/Button';\nimport Popover from '../../../../components/Popover'\nimport Loading from '../../../../components/Loading';\nimport Typography from '@material-ui/core/Typography';\nimport Chip from '@material-ui/core/Chip';\nimport SnackbarContent from '@material-ui/core/SnackbarContent';\n\nimport CustomizedInputs from '../../../../components/UIform';\nimport useStyles from '../productsForm/styles';\n\nconst ModifierGroupsForm = (props) => {\n const { handleSubmit } = props;\n const classes = useStyles();\n const isMin600 = useMediaQuery('(max-width: 599px)');\n\n let hiddenModifierGroups = [];\n\n if (props.hiddenModifierGroups) {\n hiddenModifierGroups = [...props.hiddenModifierGroups];\n }\n\n const handleDelete = (chipToDelete) => () => {\n let list = props.hiddenModifierGroups.filter((chip) => chip !== chipToDelete);\n props.updateVisibility(list, 'hiddenModifierGroups');\n };\n \n const addChip = (data) => {\n let status = hiddenModifierGroups.find((chip) => chip === data.id);\n if(status === undefined){\n let list = [...props.hiddenModifierGroups, data.id];\n props.updateVisibility(list, 'hiddenModifierGroups');\n props.reset();\n \n } else {\n alert('Данный ID уже есть в списке')\n }\n };\n \n const saveData = () => {\n props.saveData('hiddenModifierGroups')\n }\n\n return(\n \r\n Товары \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n {hiddenProducts.map((data, index) => {\r\n return (\r\n \r\n
}\r\n
\r\n \r\n );\r\n })}\r\n
\r\n \r\n {props.isActiveMenusSnackbar && \r\n }\r\n
\r\n
\n
\n )\n}\n\nexport default reduxForm({\n form: 'ModifierGroupsForm', \n })(ModifierGroupsForm);","import React, { useState } from 'react';\nimport useMediaQuery from '@material-ui/core/useMediaQuery';\nimport {required} from 'redux-form-validators';\nimport { Field, reduxForm } from 'redux-form';\n\nimport Button from '../../../../components/Button';\nimport Popover from '../../../../components/Popover'\nimport Loading from '../../../../components/Loading';\nimport Typography from '@material-ui/core/Typography';\nimport Chip from '@material-ui/core/Chip';\nimport SnackbarContent from '@material-ui/core/SnackbarContent';\n\nimport CustomizedInputs from '../../../../components/UIform';\nimport useStyles from '../productsForm/styles';\n\nconst ProductModificationForm = (props) => {\n const { handleSubmit } = props;\n const classes = useStyles();\n const isMin600 = useMediaQuery('(max-width: 599px)');\n\n let hiddenProductModification = [];\n\n if (props.hiddenProductModification) {\n hiddenProductModification = [...props.hiddenProductModification];\n }\n\n const handleDelete = (chipToDelete) => () => {\n let list = props.hiddenProductModification.filter((chip) => chip !== chipToDelete);\n props.updateVisibility(list, 'hiddenProductModification');\n };\n \n const addChip = (data) => {\n let status = hiddenProductModification.find((chip) => chip === data.id);\n if(status === undefined){\n let list = [...props.hiddenProductModification, data.id];\n props.updateVisibility(list, 'hiddenProductModification');\n props.reset();\n \n } else {\n alert('Данный ID уже есть в списке')\n }\n };\n \n const saveData = () => {\n props.saveData('hiddenProductModification')\n }\n\n return(\n \n Группа модификаторов \n
\n \n
\n \n
\n \n {hiddenModifierGroups.map((data, index) => {\n return (\n \n
}\n
\n \n );\n })}\n
\n \n {props.isActiveModifierGroupSnackbar && \n }\n
\n
\n
\n )\n}\n\nexport default reduxForm({\n form: 'ProductModificationForm', \n })(ProductModificationForm);","import useMediaQuery from '@material-ui/core/useMediaQuery';\r\nimport { makeStyles } from '@material-ui/core/styles';\r\n\r\nexport default makeStyles(theme => ({\r\n productsWrapper: {\r\n marginTop: 16,\r\n padding: '24px 24px 16px 16px',\r\n border: '0.5px solid #DADCE0',\r\n boxSizing: 'border-box',\r\n borderRadius: '5px',\r\n },\r\n snackbar: {\r\n marginTop: 16,\r\n '&.MuiSnackbarContent-root': {\r\n background: 'rgba(50, 109, 255, .05)',\r\n boxShadow: 'none',\r\n color: 'black',\r\n width: '100%',\r\n [theme.breakpoints.down(\"600\")]: {\r\n textAlign: 'center',\r\n marginTop: 15,\r\n }\r\n },\r\n '& > .MuiSnackbarContent-message': {\r\n padding: '4px 0',\r\n [theme.breakpoints.down(\"600\")]: {\r\n width: '100%',\r\n }\r\n }\r\n },\r\n title: {\r\n marginBottom: 10,\r\n fontSize: 22,\r\n lineHeight: '29px',\r\n fontWeight: 'bold',\r\n [theme.breakpoints.down(\"600\")]: {\r\n display: 'none'\r\n }\r\n },\r\n container: {\r\n position: 'relative',\r\n display: 'flex',\r\n flexWrap: 'wrap',\r\n width: '100%',\r\n },\r\n row: {\r\n display: 'flex',\r\n // margin: 15,\r\n flexWrap: 'wrap',\r\n width: '100%',\r\n [theme.breakpoints.down(\"600\")]: {\r\n margin: 0,\r\n }\r\n },\r\n chip: {\r\n margin: theme.spacing(0.5),\r\n backgroundColor: '#326dff',\r\n padding: '18px 4px',\r\n color: '#fff',\r\n \r\n },\r\n tagContainer: {\r\n width: '100%',\r\n display: 'flex',\r\n flexWrap: 'wrap',\r\n maxHeight: 200,\r\n overflowY: 'auto',\r\n listStyle: 'none',\r\n '& > li': {\r\n position: 'relative',\r\n },\r\n '& > li > div > svg': {\r\n fill: 'rgba(255, 255, 255, .5)',\r\n },\r\n '& > li > hr': {\r\n top: '13px',\r\n right: '-20px',\r\n position: 'absolute',\r\n width: '20px',\r\n height: '1px',\r\n transform: 'rotate(90deg)',\r\n },\r\n '& > li > div.MuiChip-root': {\r\n margin: '4px 10px',\r\n },\r\n '& > li:last-child > hr': {\r\n display: 'none'\r\n },\r\n '&.MuiSvgIcon-root': {\r\n color: 'rgba(255, 255, 255, 0.75)'\r\n },\r\n [theme.breakpoints.down(\"600\")]: {\r\n padding: '15px 10px',\r\n flexDirection: 'column',\r\n '& > li > hr': {\r\n display: 'none'\r\n },\r\n '& > li:last-child': {\r\n '& > div': {\r\n marginBottom: 0,\r\n },\r\n '& > hr': {\r\n display: 'none',\r\n },\r\n },\r\n '& > li > div': {\r\n position: 'relative',\r\n width: '100%',\r\n display: 'flex',\r\n justifyContent: 'space-between',\r\n background: '#E0E9FF',\r\n borderRadius: '30px',\r\n color: '#326DFF',\r\n margin: 0,\r\n marginBottom: 10,\r\n '& > svg': {\r\n fill: 'white',\r\n },\r\n '& .MuiChip-label': {\r\n fontSize: 12,\r\n fontWeight: 500,\r\n paddingLeft: '15px', \r\n },\r\n '&:hover': {\r\n background: '#326DFF',\r\n color: 'white',\r\n }\r\n }\r\n }\r\n },\r\n formContainer: {\r\n width: '100%',\r\n display: 'flex',\r\n flexWrap: 'wrap',\r\n },\r\n bt: {\r\n paddingLeft: 10,\r\n [theme.breakpoints.down(\"600\")]: {\r\n paddingLeft: 0,\r\n marginTop: 80,\r\n width: '100%',\r\n textAlign: 'center',\r\n }\r\n },\r\n addToList: {\r\n marginTop: 16,\r\n marginLeft: 16,\r\n textTransform: 'initial',\r\n [theme.breakpoints.down(\"600\")]: {\r\n margin: '0 auto',\r\n marginTop: 16,\r\n }\r\n },\r\n saveButton: {\r\n position: 'absolute',\r\n top: -48,\r\n right: 0,\r\n textTransform: 'initial',\r\n background: '#E9F1FC',\r\n color: '#326DFF',\r\n minWidth: 125,\r\n height: 36,\r\n margin: 0,\r\n [theme.breakpoints.down(\"600\")]: {\r\n position: 'static',\r\n },\r\n '&:hover': {\r\n color: 'white',\r\n background: '#326DFF',\r\n }\r\n },\r\n hr: {\r\n border: '1px dashed rgba(71, 98, 130, .25)',\r\n boxSizing: 'border-box',\r\n marginLeft: '10px',\r\n marginRight: '10px',\r\n },\r\n input: {\r\n // [theme.breakpoints.down(\"600\")]: {\r\n width: '328px',\r\n [theme.breakpoints.down(\"700\")]: {\r\n width: '290px',\r\n },\r\n [theme.breakpoints.down(\"600\")]: {\r\n width: '100%',\r\n },\r\n '& > .MuiInput-underline.Mui-error:after': {\r\n content: 'none',\r\n },\r\n '& .MuiInput-underline:before': {\r\n content: 'none',\r\n },\r\n '& .MuiInput-underline:after': {\r\n content: 'none',\r\n },\r\n '& > div.MuiInput-root': {\r\n height: 45,\r\n border: '1px solid #D6D6D6',\r\n padding: '10px 52px 10px 16px',\r\n borderRadius: 5,\r\n '& > input': {\r\n padding: 0,\r\n fontSize: 16,\r\n lineHeight: '24px',\r\n color: '#476282',\r\n },\r\n },\r\n '& > label.MuiInputLabel-root': {\r\n padding: '5px 52px 10px 16px',\r\n },\r\n '& > label.MuiInputLabel-shrink': {\r\n transform: 'translate(0, -3px) scale(0.75)',\r\n },\r\n '& > div.Mui-error': {\r\n border: '1px solid red',\r\n }\r\n }\r\n // }\r\n }));","import React, { useState } from 'react';\r\nimport useMediaQuery from '@material-ui/core/useMediaQuery';\r\nimport { required } from 'redux-form-validators';\r\nimport { Field, reduxForm } from 'redux-form';\r\n\r\nimport Button from '../../../../components/Button';\r\nimport Loading from '../../../../components/Loading';\r\nimport Typography from '@material-ui/core/Typography';\r\nimport Chip from '@material-ui/core/Chip';\r\nimport SnackbarContent from '@material-ui/core/SnackbarContent';\r\n\r\nimport CustomizedInputs from '../../../../components/UIform';\r\nimport useStyles from './styles';\r\n\r\nconst ProductsForm = (props) => {\r\n const { handleSubmit } = props;\r\n const classes = useStyles();\r\n const [isDelete, setIsDelete] = useState(null);\r\n const [stopListData, setStopListData] = useState(props.stopList);\r\n const isMin600 = useMediaQuery('(max-width: 599px)');\r\n const isMax600 = useMediaQuery('(min-width: 600px)');\r\n\r\n console.log('stopListData -->>', stopListData);\r\n\r\n \r\n let stopList = [];\r\n \r\n if (props.stopList) {\r\n stopList = [...props.stopList];\r\n }\r\n\r\n console.log('props stopList -->>>', stopList);\r\n \r\n const handleDelete = (chipToDelete) => () => {\r\n let list = stopList.filter((chip) => chip !== chipToDelete);\r\n const newListData = { ...stopListData };\r\n delete newListData[chipToDelete];\r\n // let product = props.products[chipToDelete];\r\n // if (product && product.spots) {\r\n // product.spots[0].visible = \"1\";\r\n // } \r\n\r\n console.log('chipToDelete, products -->>>', chipToDelete, props.products);\r\n\r\n setIsDelete(true);\r\n setStopListData({\r\n ...newListData\r\n });\r\n\r\n props.updateVisibility(list, 'stopList');\r\n };\r\n\r\n const addChip = (data) => {\r\n // console.log('addChip', data)\r\n let status = stopList.find((chip) => chip === data.id);\r\n\r\n const newData = [];\r\n\r\n for (let key in stopListData) {\r\n newData.push(stopListData[key]);\r\n }\r\n newData.push(data.id);\r\n \r\n console.log('newData', newData);\r\n console.log('status', status);\r\n \r\n setIsDelete(false);\r\n setStopListData(newData);\r\n\r\n if(status === undefined){\r\n let list = [...stopList, data.id];\r\n props.updateVisibility(list, 'stopList');\r\n props.reset();\r\n } else {\r\n alert('Данный ID уже есть в списке')\r\n }\r\n };\r\n\r\n const saveData = () => {\r\n props.saveData('stopList');\r\n\r\n // if (stopList && isDelete) {\r\n // props.changeVisibleStopList(stopList);\r\n // }\r\n\r\n // if (stopList && !isDelete) {\r\n // props.changeVisibleStopList(stopList);\r\n // }\r\n }\r\n\r\n return(\r\n \n Товар модификатор \n
\n \n
\n \n
\n \n {hiddenProductModification.map((data, index) => {\n return (\n \n
}\n
\n \n );\n })}\n
\n \n {props.isActiveModifierGroupSnackbar && \n }\n
\n
\r\n Стоп лист \r\n
\r\n )\r\n}\r\n\r\nexport default reduxForm({\r\n form: 'StopListForm', \r\n })(ProductsForm);","import React, { useState } from \"react\";\r\nimport useMediaQuery from \"@material-ui/core/useMediaQuery\";\r\nimport { makeStyles } from \"@material-ui/core/styles\";\r\n\r\nimport TabMobile from \"../../../components/TabMobile\";\r\nimport CategoriesForm from \"./categoriesForm\";\r\nimport ProductsForm from \"./productsForm\";\r\nimport ModifierGroupsForm from \"./modifierGroupsForm\";\r\nimport ProductModifcationForm from \"./productModifcationForm\";\r\nimport StopListForm from \"./stopListForm\";\r\nimport Typography from \"@material-ui/core/Typography\";\r\n\r\nconst PopoverComponent = (props) => {\r\n\tconst classes = useStyles();\r\n\tconst [active, setActive] = useState(0);\r\n\tconst {\r\n\t\tisActiveCategoriesSnackbar,\r\n\t\tisActiveStopListSnackbar,\r\n\t\tisActiveModifierGroupSnackbar,\r\n\t\tisActiveProductModificationSnackbar,\r\n\t\tisActiveMenusSnackbar,\r\n\t\tupdateVisibility,\r\n\t\thiddenCategories,\r\n\t\thiddenProducts,\r\n\t\thiddenModifierGroups,\r\n\t\thiddenProductModification,\r\n\t\tloadStatus,\r\n\t\tsaveData,\r\n\t\tstopList,\r\n\t\tadminPermission,\r\n\t} = props;\r\n\t// console.log(\"props ---> \", props);\r\n\tconst isMin600 = useMediaQuery(\"(max-width: 599px)\");\r\n\tconst isMax600 = useMediaQuery(\"(min-width: 600px)\");\r\n\r\n\tconst handleTabs = (el) => {\r\n\t\tconst id = el.target.id;\r\n\t\tsetActive(Number(id));\r\n\t};\r\n\r\n\treturn (\r\n\t\t\r\n
\r\n \r\n
\r\n \r\n {stopList.map((data, index) => {\r\n return (\r\n \r\n
}\r\n
\r\n \r\n );\r\n })}\r\n
\r\n \r\n {props.isActiveStopListSnackbar && \r\n }\r\n
\r\n
\r\n\t\t\t
\r\n\t);\r\n};\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n\ttabWrapper: {},\r\n\tdesctopWrapper: {\r\n\t\tpadding: \"24px 16px 24px 16px\",\r\n\t\tbackground: \"white\",\r\n\t\tborder: \" 0.5px solid #DADCE0\",\r\n\t\tboxSizing: \"border-box\",\r\n\t\tborderRadius: \"5px 5px 0px 0px\",\r\n\t},\r\n\ttabContent: {\r\n\t\t[theme.breakpoints.down(\"600\")]: {\r\n\t\t\tpadding: \"16px 8px\",\r\n\t\t\tbackground: \"white\",\r\n\t\t\tborder: \"1px solid #E5E5E5\",\r\n\t\t\tborderRadius: 10,\r\n\t\t},\r\n\t},\r\n\ttitle: {\r\n\t\tmarginBottom: 16,\r\n\t\tfontSize: 22,\r\n\t\tfontWeight: \"bold\",\r\n\t\tlineHeight: \"29px\",\r\n\t},\r\n\ttitleMobile: {\r\n\t\tmarginTop: 16,\r\n\t\tmarginBottom: 8,\r\n\t\tfontSize: 22,\r\n\t\tfontWeight: \"bold\",\r\n\t\tlineHeight: \"29px\",\r\n\t},\r\n}));\r\n\r\nexport default PopoverComponent;\r\n","import React, { Component } from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport { withFirebase } from \"../../../firebase\";\r\n\r\nimport Categories from \"./categories\";\r\n\r\nimport { updateVisibility } from \"../../../reducers/shops\";\r\n\r\nclass CategoriesContainer extends Component {\r\n\tconstructor() {\r\n\t\tsuper();\r\n\r\n\t\tthis.state = {\r\n\t\t\tadminPermission: {},\r\n\t\t\tproducts: [],\r\n\t\t\thiddenProducts: [],\r\n\t\t\thiddenCategories: [],\r\n\t\t\thiddenModifierGroups: [],\r\n\t\t\thiddenProductModification: [],\r\n\t\t\tstopList: [],\r\n\t\t\tpreloader: false,\r\n\t\t\tisActiveCategoriesSnackbar: false,\r\n\t\t\tisActiveMenusSnackbar: false,\r\n\t\t\tisActiveModifierGroupSnackbar: false,\r\n\t\t\tisActiveProductModificationSnackbar: false,\r\n\t\t\tisActiveStopListSnackbar: false,\r\n\t\t};\r\n\t}\r\n\r\n\tcomponentDidMount() {\r\n\t\tthis.getAdminPermission();\r\n\t\tthis.getProducts();\r\n\t}\r\n\r\n\tgetAdminPermission = () => {\r\n\t\tthis.setState({ preloader: true });\r\n\t\tthis.props.firebase.bd\r\n\t\t\t.ref(\r\n\t\t\t\t`${\r\n\t\t\t\t\tJSON.parse(localStorage.getItem(\"isDebug\")) ? \"debug\" : \"\"\r\n\t\t\t\t}/adminPermission`\r\n\t\t\t)\r\n\t\t\t.once(\"value\", (snapshot) => {\r\n\t\t\t\tlet adminPermission = snapshot.val();\r\n\r\n\t\t\t\tif (adminPermission) {\r\n\t\t\t\t\tthis.setState({ adminPermission, preloader: false });\r\n\t\t\t\t}\r\n\r\n\t\t\t\tthis.setState({ preloader: false });\r\n\t\t\t});\r\n\t};\r\n\r\n\tgetProducts = () => {\r\n\t\tthis.setState({ preloader: true });\r\n\t\tthis.props.firebase.bd\r\n\t\t\t.ref(\r\n\t\t\t\t`${JSON.parse(localStorage.getItem(\"isDebug\")) ? \"debug\" : \"\"}/products`\r\n\t\t\t)\r\n\t\t\t.once(\"value\", (snapshot) => {\r\n\t\t\t\tlet products = snapshot.val();\r\n\r\n\t\t\t\tif (products) {\r\n\t\t\t\t\tthis.setState({ products, preloader: false });\r\n\t\t\t\t}\r\n\r\n\t\t\t\tthis.setState({ preloader: false });\r\n\t\t\t});\r\n\t};\r\n\r\n\thandleCategoriesSnackbar() {\r\n\t\tthis.setState({ isActiveCategoriesSnackbar: true });\r\n\r\n\t\tsetTimeout(() => {\r\n\t\t\tthis.setState({ isActiveCategoriesSnackbar: false });\r\n\t\t}, 3000);\r\n\t}\r\n\r\n\thandleMenusSnackbar() {\r\n\t\tthis.setState({ isActiveMenusSnackbar: true });\r\n\r\n\t\tsetTimeout(() => {\r\n\t\t\tthis.setState({ isActiveMenusSnackbar: false });\r\n\t\t}, 3000);\r\n\t}\r\n\r\n\thandleModifiersGroupSnackbar() {\r\n\t\tthis.setState({ isActiveModifierGroupSnackbar: true });\r\n\r\n\t\tsetTimeout(() => {\r\n\t\t\tthis.setState({ isActiveModifierGroupSnackbar: false });\r\n\t\t}, 3000);\r\n\t}\r\n\r\n\thandleProductModifiersSnackbar() {\r\n\t\tthis.setState({ isActiveProductModificationSnackbar: true });\r\n\r\n\t\tsetTimeout(() => {\r\n\t\t\tthis.setState({ isActiveProductModificationSnackbar: false });\r\n\t\t}, 3000);\r\n\t}\r\n\r\n\thandleStopListSnackbar() {\r\n\t\tthis.setState({ isActiveStopListSnackbar: true });\r\n\r\n\t\tsetTimeout(() => {\r\n\t\t\tthis.setState({ isActiveStopListSnackbar: false });\r\n\t\t}, 3000);\r\n\t}\r\n\r\n\tupdateVisibility = (list, params) => {\r\n\t\tconsole.log(\"updateVisibility\", list, params);\r\n\r\n\t\tif (params === \"hiddenCategories\") {\r\n\t\t\tthis.props.handleCategoriesMenu(true);\r\n\t\t} else if (params === \"hiddenModifierGroups\") {\r\n\t\t\tthis.props.handleModifierGroupsMenu(true);\r\n\t\t} else if (params === \"isActiveProductModificationSnackbar\") {\r\n\t\t\tthis.props.handleProductModificationMenu(true);\r\n\t\t} else {\r\n\t\t\tthis.props.handleProductsMenu(true);\r\n\t\t}\r\n\r\n\t\tconsole.log(\"list, params === >>>\", list, params);\r\n\r\n\t\tthis.props.updateVisibility({ list, params });\r\n\t};\r\n\r\n\tchangeVisibleProduct = (products) => {\r\n\t\tthis.setState({ preloader: true });\r\n\t\tthis.props.firebase.bd\r\n\t\t\t.ref(\r\n\t\t\t\t`${JSON.parse(localStorage.getItem(\"isDebug\")) ? \"debug\" : \"\"}/products`\r\n\t\t\t)\r\n\t\t\t.update(products)\r\n\t\t\t.then((res) => {\r\n\t\t\t\tthis.setState({\r\n\t\t\t\t\tpreloader: false,\r\n\t\t\t\t});\r\n\t\t\t});\r\n\t};\r\n\r\n\tsaveData = (type) => {\r\n\t\tconst isCategories = type === \"hiddenCategories\" ? true : false;\r\n\t\tconst isProducts = type === \"hiddenProducts\" ? true : false;\r\n\t\tconst isModifierGroups = type === \"hiddenModifierGroups\" ? true : false;\r\n\t\tconst isProductModification =\r\n\t\t\ttype === \"hiddenProductModification\" ? true : false;\r\n\r\n\t\tconst adminPermission = JSON.parse(localStorage.getItem(\"adminPermission\"));\r\n\r\n\t\tconst currentCity = JSON.parse(localStorage.getItem(\"chosenCity\"));\r\n\t\tconst currentBrand = JSON.parse(localStorage.getItem(\"chosenBrand\"));\r\n\t\tconst isDebug = JSON.parse(localStorage.getItem(\"isDebug\"));\r\n\r\n\t\tif (adminPermission && adminPermission.newAdmin === true) {\r\n\t\t\tconsole.log(\"new\");\r\n\t\t\tthis.props.firebase.bd\r\n\t\t\t\t.ref(\r\n\t\t\t\t\t`${\r\n\t\t\t\t\t\tisDebug ? \"debug\" : \"\"\r\n\t\t\t\t\t}/settings/city/${currentCity}/brands/${currentBrand}/category/${type}`\r\n\t\t\t\t)\r\n\t\t\t\t.set(this.props[type])\r\n\t\t\t\t.then((res) => {\r\n\t\t\t\t\tthis.setState({ preloader: false });\r\n\t\t\t\t\tif (isCategories) {\r\n\t\t\t\t\t\tthis.props.updateVisibility({\r\n\t\t\t\t\t\t\tlist: this.props.hiddenCategories,\r\n\t\t\t\t\t\t\tparams: \"hiddenCategories\",\r\n\t\t\t\t\t\t});\r\n\t\t\t\t\t\tthis.handleCategoriesSnackbar();\r\n\t\t\t\t\t\tthis.props.handleCategoriesMenu(false);\r\n\t\t\t\t\t\tthis.props.getDefaultHiddenCategories();\r\n\t\t\t\t\t} else if (isProducts) {\r\n\t\t\t\t\t\tthis.props.updateVisibility({\r\n\t\t\t\t\t\t\tlist: this.props.hiddenProducts,\r\n\t\t\t\t\t\t\tparams: \"hiddenProducts\",\r\n\t\t\t\t\t\t});\r\n\t\t\t\t\t\tthis.handleMenusSnackbar();\r\n\t\t\t\t\t\tthis.props.handleProductsMenu(false);\r\n\t\t\t\t\t\tthis.props.getDefaultHiddenProducts();\r\n\t\t\t\t\t} else if (isModifierGroups) {\r\n\t\t\t\t\t\tthis.props.updateVisibility({\r\n\t\t\t\t\t\t\tlist: this.props.hiddenModifierGroups,\r\n\t\t\t\t\t\t\tparams: \"hiddenModifierGroups\",\r\n\t\t\t\t\t\t});\r\n\t\t\t\t\t\tthis.handleModifiersGroupSnackbar();\r\n\t\t\t\t\t\tthis.props.handleModifierGroupsMenu(false);\r\n\t\t\t\t\t\tthis.props.getDefaulHiddenModifierGroups();\r\n\t\t\t\t\t} else if (isProductModification) {\r\n\t\t\t\t\t\tthis.props.updateVisibility({\r\n\t\t\t\t\t\t\tlist: this.props.hiddenProductModification,\r\n\t\t\t\t\t\t\tparams: \"hiddenProductModification\",\r\n\t\t\t\t\t\t});\r\n\t\t\t\t\t\tthis.handleProductModifiersSnackbar();\r\n\t\t\t\t\t\tthis.props.handleProductModificationMenu(false);\r\n\t\t\t\t\t\tthis.props.getDefaultHiddenProductModification();\r\n\t\t\t\t\t} else {\r\n\t\t\t\t\t\t// this.props.updateVisibility({list: this.props.stopList, params: 'stopList'});\r\n\t\t\t\t\t\tthis.handleStopListSnackbar();\r\n\t\t\t\t\t}\r\n\t\t\t\t});\r\n\t\t} else {\r\n\t\t\tthis.props.firebase.bd\r\n\t\t\t\t.ref(\r\n\t\t\t\t\t`${\r\n\t\t\t\t\t\tisDebug ? \"debug\" : \"\"\r\n\t\t\t\t\t}/settings/city/${currentCity}/brands/${currentBrand}/category/${type}`\r\n\t\t\t\t)\r\n\t\t\t\t.set(this.props[type])\r\n\t\t\t\t.then((res) => {\r\n\t\t\t\t\tthis.setState({ preloader: false });\r\n\t\t\t\t\tif (isCategories) {\r\n\t\t\t\t\t\tthis.props.updateVisibility({\r\n\t\t\t\t\t\t\tlist: this.props.hiddenCategories,\r\n\t\t\t\t\t\t\tparams: \"hiddenCategories\",\r\n\t\t\t\t\t\t});\r\n\t\t\t\t\t\tthis.handleCategoriesSnackbar();\r\n\t\t\t\t\t\tthis.props.handleCategoriesMenu(false);\r\n\t\t\t\t\t\tthis.props.getDefaultHiddenCategories();\r\n\t\t\t\t\t} else if (isProducts) {\r\n\t\t\t\t\t\tthis.props.updateVisibility({\r\n\t\t\t\t\t\t\tlist: this.props.hiddenProducts,\r\n\t\t\t\t\t\t\tparams: \"hiddenProducts\",\r\n\t\t\t\t\t\t});\r\n\t\t\t\t\t\tthis.handleMenusSnackbar();\r\n\t\t\t\t\t\tthis.props.handleProductsMenu(false);\r\n\t\t\t\t\t\tthis.props.getDefaultHiddenProducts();\r\n\t\t\t\t\t} else if (isModifierGroups) {\r\n\t\t\t\t\t\tthis.props.updateVisibility({\r\n\t\t\t\t\t\t\tlist: this.props.hiddenModifierGroups,\r\n\t\t\t\t\t\t\tparams: \"hiddenModifierGroups\",\r\n\t\t\t\t\t\t});\r\n\t\t\t\t\t\tthis.handleModifiersGroupSnackbar();\r\n\t\t\t\t\t\tthis.props.handleModifierGroupsMenu(false);\r\n\t\t\t\t\t\tthis.props.getDefaulHiddenModifierGroups();\r\n\t\t\t\t\t} else if (isProductModification) {\r\n\t\t\t\t\t\tthis.props.updateVisibility({\r\n\t\t\t\t\t\t\tlist: this.props.hiddenProductModification,\r\n\t\t\t\t\t\t\tparams: \"hiddenProductModification\",\r\n\t\t\t\t\t\t});\r\n\t\t\t\t\t\tthis.handleProductModifiersSnackbar();\r\n\t\t\t\t\t\tthis.props.handleProductModificationMenu(false);\r\n\t\t\t\t\t\tthis.props.getDefaultHiddenProductModification();\r\n\t\t\t\t\t} else {\r\n\t\t\t\t\t\t// this.props.updateVisibility({list: this.props.stopList, params: 'stopList'});\r\n\t\t\t\t\t\tthis.handleStopListSnackbar();\r\n\t\t\t\t\t}\r\n\t\t\t\t});\r\n\t\t}\r\n\t};\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t<>\r\n\t\t\t\t\r\n\t\t\t\t{isMin600 && (\r\n\t\t\t\t\t\r\n\t\t\t\t\t\tСтоп-лист\r\n\t\t\t\t\t \r\n\t\t\t\t)}\r\n\t\t\t\t
\r\n\t\t\r\n\t\t\t\t\t{isMin600 && (\r\n\t\t\t\t\t\t<>\r\n\t\t\t\t\t\t\t\r\n\r\n\t\t\t\t\t\t\t{active === 0 && (\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\tГруппа модификаторов\r\n\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\tТовар модификатор\r\n\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\tСтоп-лист\r\n\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t)}\r\n\t\t\t\t\r\n
\r\n \r\n
\r\n )\r\n}\r\n\r\nconst InputInfoWorkingTime = ({ data, name }) => {\r\n const classes = useStyles();\r\n const dispatch = useDispatch();\r\n const dataForm = useSelector(state => state.workingHours.dataForm);\r\n const isDisabled = data.checkbox ? true : false;\r\n const myCustomMaskDefinitions = {\r\n 2: {\r\n regExp: /[0-2]/,\r\n },\r\n 4: {\r\n regExp: /[0-4]/,\r\n },\r\n 5: {\r\n regExp: /[0-5]/,\r\n },\r\n 9: {\r\n regExp: /[0-9]/,\r\n },\r\n };\r\n const phoneMask = createTextMask({ \r\n pattern: '29:59-29:59',\r\n maskDefinitions: myCustomMaskDefinitions, \r\n });\r\n return (\r\n {meta.error}
}\r\n \r\n
\r\n )\r\n}\r\n\r\nconst myCustomMaskDefinitions = {\r\n 5: {\r\n regExp: /[0-5]/,\r\n },\r\n 9: {\r\n regExp: /[0-9]/,\r\n },\r\n };\r\n\r\nconst InputDeliveryEndWorkingTime = ({ \r\n data, \r\n // dataForm, \r\n // setDataForm, \r\n name,\r\n orderTimeIntervalDelivery,\r\n}) => {\r\n const dispatch = useDispatch();\r\n const classes = useStyles();\r\n const dataForm = useSelector(state => state.workingHours.dataForm);\r\n const isWeekendTime = data.checkNumber === 3;\r\n const phoneMask = createTextMask({ \r\n pattern: '59:59',\r\n maskDefinitions: myCustomMaskDefinitions, \r\n });\r\n if (!isWeekendTime) {\r\n // console.log('dataForm -->>>', dataForm);\r\n return (\r\n {meta.error}
}\r\n \r\n
\r\n )\r\n } else {\r\n return null;\r\n }\r\n}\r\n\r\nconst useStyles = makeStyles({\r\n calendarWrapper: {\r\n\r\n },\r\n calendarField: {\r\n width: 140,\r\n textAlign: 'center',\r\n height: 30,\r\n fontSize: 16,\r\n lineHeight: '30px',\r\n border: '1px solid #DADCE0',\r\n boxSizing: 'border-box',\r\n borderRadius: 5,\r\n overflow: 'hidden',\r\n '& .MuiInput-input': {\r\n textAlign: 'center',\r\n padding: '5px 0 7px',\r\n color: '#476282',\r\n },\r\n '& .MuiInput-input:disabled': {\r\n background: '#f5f5f5',\r\n border: '1px solid transparent',\r\n },\r\n '& .MuiInput-underline:after': {\r\n content: 'none'\r\n },\r\n '& .MuiInput-underline:before': {\r\n content: 'none'\r\n },\r\n '& .MuiInput-underline:hover:not(.Mui-disabled):before': {\r\n content: 'none'\r\n },\r\n },\r\n});\r\n\r\nexport default InputDeliveryEndWorkingTime;","import React from 'react';\r\nimport { makeStyles } from '@material-ui/core/styles'\r\n\r\n// import Popover from '@material-ui/core/Popover';\r\nimport { Typography } from '@material-ui/core';\r\n\r\n// import {\r\n// InfoIcon\r\n// } from './TableComponents';\r\n\r\nconst PopoverComponent = () => {\r\n const classes = useStyles();\r\n // const [anchorEl, setAnchorEl] = useState(null);\r\n\r\n // const handlePopoverOpen = (event) => {\r\n // setAnchorEl(event.currentTarget);\r\n // };\r\n\r\n // const handlePopoverClose = (props) => {\r\n // setAnchorEl(null);\r\n // };\r\n\r\n // const open = Boolean(anchorEl);\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 useStyles = makeStyles({\r\n totalTimeFooter: {\r\n position: 'relative',\r\n top: 0,\r\n color: '#000000',\r\n fontSize: 14,\r\n textAlign: 'left',\r\n fontWeight: 500,\r\n lineHeight: '16px',\r\n letterSpacing: '0.003em',\r\n }, \r\n footerLastTimeWorkLabelIcon: {\r\n marginLeft: 0,\r\n position: 'absolute',\r\n top: 'calc(50% - 8px)',\r\n right: -8,\r\n },\r\n popover: {\r\n pointerEvents: 'none',\r\n },\r\n paper: {\r\n padding: 3,\r\n },\r\n lastTimeWork: {\r\n marginTop: 10,\r\n marginBottom: 25,\r\n display: 'flex',\r\n },\r\n lastTimeWorkLabelWrap: {\r\n position: 'relative',\r\n display: 'flex',\r\n alignItems: 'center',\r\n justifyContent: 'flex-start',\r\n },\r\n lastTimeWorkLabel: {\r\n\r\n },\r\n lastTimeWorkLabelIcon: {\r\n width: 20,\r\n height: 20,\r\n marginLeft: 10,\r\n },\r\n });\r\n\r\nexport default PopoverComponent;","import React from 'react';\r\nimport TableCell from '@material-ui/core/TableCell';\r\nimport { withStyles } from '@material-ui/core/styles'\r\n\r\nexport const InfoIcon = ({ ariaOwns, ariaHaspopup, onMouseEnter, onMouseLeave, className }) => (\r\n \r\n \r\n
\r\n);\r\n\r\nexport const HeadTableCell = withStyles((theme) => ({\r\n head: {\r\n minWidth: 156,\r\n height: 48,\r\n\r\n fontSize: 14,\r\n fontWeight: 'normal',\r\n lineHeight: '16px',\r\n letterSpacing: '0.003em',\r\n color: '#000000',\r\n textAlign: 'center',\r\n\r\n borderRight: '1px solid #F1F3F4',\r\n borderLeft: '1px solid #F1F3F4',\r\n\r\n // '&:nth-child(2n)': {\r\n // background: '#F1F3F4',\r\n // },\r\n\r\n borderBottom: '1px solid #DADCE0',\r\n '&:first-child': {\r\n borderLeft: '1px solid transparent',\r\n },\r\n '&:last-child': {\r\n borderRight: '1px solid transparent',\r\n }\r\n },\r\n}))(TableCell);\r\n\r\nexport const BodyTableCell = withStyles((theme) => ({\r\n body: {\r\n minWidth: 156,\r\n height: 120,\r\n padding: '16px 8px',\r\n paddingTop: 60,\r\n\r\n fontSize: 14,\r\n lineHeight: '16px',\r\n letterSpacing: '0.003em',\r\n color: '#000000',\r\n textAlign: 'center',\r\n\r\n // '&:nth-child(2n)': {\r\n // background: '#F1F3F4',\r\n // },\r\n\r\n borderRight: '1px solid #F1F3F4',\r\n borderLeft: '1px solid #F1F3F4',\r\n\r\n '&:first-child': {\r\n borderLeft: '1px solid transparent',\r\n },\r\n '&:last-child': {\r\n borderRight: '1px solid transparent',\r\n }\r\n },\r\n}))(TableCell);\r\n\r\nexport const FooterTableCell = withStyles((theme) => ({\r\n body: {\r\n minWidth: 156,\r\n height: 70,\r\n padding: '16px 8px',\r\n\r\n fontSize: 14,\r\n lineHeight: '16px',\r\n letterSpacing: '0.003em',\r\n color: '#000000',\r\n textAlign: 'center',\r\n\r\n // '&:nth-child(2n)': {\r\n // background: '#F1F3F4',\r\n // },\r\n\r\n borderRight: '1px solid #F1F3F4',\r\n borderLeft: '1px solid #F1F3F4',\r\n\r\n '&:first-child': {\r\n // borderLeft: '1px solid transparent',\r\n // minWidth: 180,\r\n },\r\n '&:last-child': {\r\n borderRight: '1px solid transparent',\r\n }\r\n },\r\n}))(TableCell);","export const daysArr = ['Понедельник', 'Вторник', 'Среда', 'Четверг', 'Пятница', 'Суббота', 'Воскресенье'];\r\nexport const daysObj = {\r\n 1: 'Понедельник',\r\n 2: 'Вторник',\r\n 3: 'Среда',\r\n 4: 'Четверг',\r\n 5: 'Пятница',\r\n 6: 'Суббота',\r\n 7: 'Воскресенье',\r\n}","import { makeStyles } from '@material-ui/core/styles';\r\n\r\nexport default makeStyles(theme => ({\r\n buttonWrapper: {\r\n display: 'flex',\r\n justifyContent: 'center',\r\n },\r\n button: {\r\n marginTop: 16,\r\n color: 'white',\r\n textTransform: 'capitalize',\r\n },\r\n tableContainer: {\r\n marginTop: 30,\r\n marginBottom: 5,\r\n border: '1px solid #DADCE0',\r\n boxSizing: 'border-box',\r\n borderRadius: 5,\r\n // '&::-webkit-scrollbar': {\r\n // webkitAppearance: 'none',\r\n // },\r\n // '&::-webkit-scrollbar:vertical': {\r\n // webkitAppearance: 'none',\r\n // },\r\n // '&::-webkit-scrollbar:horizontal': {\r\n // webkitAppearance: 'none',\r\n // },\r\n // '&::-webkit-scrollbar-thumb': {\r\n // backgroundColor: 'rgba(0, 0, 0, .5)',\r\n // borderRadius: 10,\r\n // border: '2px solid #ffffff',\r\n // },\r\n // '&::-webkit-scrollbar-track': {\r\n // borderRadius: 10, \r\n // backgroundColor: '#ffffff',\r\n // },\r\n [theme.breakpoints.down('960')]: {\r\n width: '100%',\r\n }\r\n },\r\n table: {\r\n display: 'block',\r\n maxWidth: 'calc(100vw - 67px)',\r\n width: '100%',\r\n [theme.breakpoints.down('1024px')]: {\r\n display: 'block',\r\n maxWidth: '100%',\r\n }\r\n },\r\n tablerow: {\r\n verticalAlign: 'top',\r\n },\r\n paper: {\r\n padding: 3,\r\n },\r\n lastTimeWork: {\r\n marginTop: 10,\r\n marginBottom: 25,\r\n display: 'flex',\r\n },\r\n lastTimeWorkLabelIcon: {\r\n width: 20,\r\n height: 20,\r\n marginLeft: 10,\r\n },\r\n timeOfReceiptWrap: {\r\n position: 'relative',\r\n marginLeft: 45,\r\n '& input#timeOfReceipt': {\r\n width: 328,\r\n height: 44,\r\n fontSize: 14,\r\n lineHeight: '20px',\r\n color: '#000',\r\n border: '1px solid #476282',\r\n borderRadius: 5,\r\n padding: '0px 60px 0 6px',\r\n boxSizing: 'border-box',\r\n },\r\n },\r\n timeOfReceiptTextField: {\r\n height: 44,\r\n '& .MuiInput-input:disabled': {\r\n background: '#f5f5f5',\r\n border: '1px solid transparent',\r\n },\r\n '& .MuiInput-underline:after': {\r\n content: 'none'\r\n },\r\n '& .MuiInput-underline:before': {\r\n content: 'none'\r\n },\r\n '& .MuiInput-underline:hover:not(.Mui-disabled):before': {\r\n content: 'none'\r\n },\r\n },\r\n timeOfReceipt: {\r\n \r\n },\r\n clockIcon: {\r\n position: 'absolute',\r\n top: 12,\r\n right: 15,\r\n },\r\n loadingWrap: {\r\n width: '100%',\r\n display: 'flex',\r\n justifyContent: 'center'\r\n },\r\n loading: {\r\n margin: '16px auto',\r\n }\r\n}));","import React from 'react';\r\nimport { reduxForm, reset } from 'redux-form';\r\nimport {connect, useSelector} from 'react-redux';\r\n\r\nimport Table from '@material-ui/core/Table';\r\nimport TableBody from '@material-ui/core/TableBody';\r\nimport TableContainer from '@material-ui/core/TableContainer';\r\nimport TableHead from '@material-ui/core/TableHead';\r\nimport TableRow from '@material-ui/core/TableRow';\r\nimport Paper from '@material-ui/core/Paper';\r\n\r\nimport ModalComponent from '../../../components/ModalComponent';\r\nimport FormControlGroup from '../FormControlGroup';\r\nimport InputInfoWorkingTime from '../InputInfoWorkingTime';\r\nimport InputDeliveryEndWorkingTime from '../InputDeliveryEndWorkingTime';\r\nimport PopoverComponent from '../Popover';\r\nimport Button from '../../../components/Button';\r\n\r\nimport {\r\n BodyTableCell,\r\n FooterTableCell,\r\n HeadTableCell\r\n} from '../TableComponents';\r\n\r\nimport { daysArr } from './other';\r\nimport useStyles from './styles';\r\nimport { TableCell } from '@material-ui/core';\r\n\r\nlet TableForm = (props) => {\r\n\r\n const { \r\n open,\r\n handleSubmit,\r\n handleClose,\r\n handleClickSubmit,\r\n handleClickOpen,\r\n setSendData,\r\n } = props;\r\n\r\n const classes = useStyles();\r\n const dataForm = useSelector(state => state.workingHours.dataForm);\r\n return (\r\n \r\n \r\n
\r\n )\r\n}\r\n\r\nconst afterSubmit = (_, dispatch) => dispatch(reset('TableForm'));\r\n\r\nconst mapStateToProps = (state) => {\r\n const {dataForm} = state.workingHours;\r\n\r\n let days = {};\r\n let endTime = {};\r\n let initialValues = {};\r\n\r\n // console.log('dataForm', dataForm);\r\n\r\n if (dataForm) {\r\n for (let key in dataForm) {\r\n days[key] = dataForm[key].begin.replace(':', '') + dataForm[key].end.replace(':', '');\r\n endTime[key] = dataForm[key].deliveryEnd.replace(':', '') === '0000' ? '2400': dataForm[key].deliveryEnd.replace(':', '');\r\n }\r\n }\r\n\r\n initialValues = {\r\n days,\r\n endTime\r\n }\r\n\r\n // console.log('initialValues *** .>>', initialValues);\r\n\r\n return { initialValues };\r\n}\r\n\r\nTableForm = connect(mapStateToProps, null)(reduxForm({\r\n form: 'TableForm',\r\n onSubmitSuccess: afterSubmit,\r\n enableReinitialize: true\r\n})(TableForm));\r\n\r\nexport default TableForm;","import React, { useState, useEffect } from 'react';\r\nimport moment from 'moment';\r\nimport TableForm from './TableForm';\r\n\r\nlet TableFormContainer = (props) => {\r\n const [open, setOpen] = useState(false);\r\n const [isSubmit, setIsSubmit] = useState(false);\r\n const [isLoading, setIsLoading] = useState(false);\r\n const [sendData, setSendData] = useState(null);\r\n // const [isDirty, setIsDirty] = useState(false);\r\n\r\n const handleClickOpen = () => {\r\n setOpen(true);\r\n setIsLoading(true);\r\n };\r\n\r\n const handleClose = () => {\r\n setOpen(false);\r\n setIsSubmit(false);\r\n };\r\n\r\n const handleClickSubmit = () => {\r\n setOpen(false);\r\n setIsSubmit(true);\r\n };\r\n\r\n useEffect(() => {\r\n if (isLoading && isSubmit && !open) {\r\n let workingHours = {};\r\n let count = 0;\r\n\r\n for (let day in sendData.days) {\r\n const time = sendData.days[day];\r\n const time1 = String(time).slice(0, 4);\r\n const time2 = String(time).slice(4, 8);\r\n let endTime = sendData.endTime[day].split(':');\r\n \r\n let firstTime = time1 !== '0000' ? moment(time1, 'kkmm').format('kk:mm'): '00:00';\r\n let secondTime = time2 !== '0000' ? moment(time2, 'kkmm').format('kk:mm'): '00:00';\r\n let deliveryEnd = moment(sendData.endTime[day], 'kkmm').format('kk:mm');\r\n let dayNumber = count + 1;\r\n\r\n // console.log('endTimeFormat *** === >>>', endTimeFormat);\r\n\r\n workingHours[count] = {\r\n begin: firstTime,\r\n end: secondTime,\r\n deliveryEnd,\r\n dayNumber,\r\n }\r\n count += 1;\r\n }\r\n\r\n props.onSubmit(workingHours);\r\n console.log('Вы подтвердили');\r\n }\r\n \r\n if (isLoading && !isSubmit && !open) {\r\n console.log('Вы отменили');\r\n }\r\n \r\n }, [isSubmit, open, isLoading]);\r\n\r\n return (\r\n \r\n =': 0, msg: validMsg })]} />\r\n
\r\n )\r\n};\r\n\r\nconst errorMessage = (error) => {\r\n console.log('error', error);\r\n\r\n return true;\r\n}\r\n\r\nexport const CustomInputField = ({ \r\n title, \r\n popover,\r\n checkBox,\r\n checkboxTitle,\r\n popoverHiddenText,\r\n freeShipping, \r\n paidShipping, \r\n initialDefaultValue,\r\n name, \r\n placeholder, \r\n validMsg, \r\n checked,\r\n type,\r\n handleCheckedChange \r\n}) => {\r\n const classes = useStyles();\r\n console.log('freeShipping', freeShipping);\r\n return (\r\n {title}
\r\n \r\n
\r\n )\r\n};\r\n\r\nconst useStyles = makeStyles(theme => ({\r\n fieldText: {\r\n position: 'relative',\r\n fontSize: 16,\r\n color: 'black',\r\n },\r\n popever: {\r\n position: 'absolute',\r\n top: 0,\r\n right: 0,\r\n }, \r\n fieldWrapper: {\r\n marginTop: 16,\r\n marginRight: 16,\r\n [theme.breakpoints.down('1050')]: {\r\n width: '100%',\r\n marginRight: 0,\r\n },\r\n '& > div': {\r\n [theme.breakpoints.down('1050')]: {\r\n width: '100%',\r\n },\r\n } \r\n },\r\n fieldCity: {\r\n marginTop: 8,\r\n [theme.breakpoints.down('1050')]: {\r\n width: '100%',\r\n },\r\n '& input': {\r\n width: 328,\r\n height: 45,\r\n border: '1px solid #DADCE0',\r\n borderRadius: '5px',\r\n padding: '11px 50px 11px 16px',\r\n boxSizing: 'border-box',\r\n [theme.breakpoints.down('1050')]: {\r\n width: '100%',\r\n },\r\n },\r\n '& .MuiInput-underline:hover:not(.Mui-disabled):before': {\r\n content: 'none',\r\n },\r\n '& .MuiInput-underline:after': {\r\n content: 'none',\r\n },\r\n '& .MuiInput-underline:before': {\r\n content: 'none',\r\n },\r\n '& .Mui-error input': {\r\n border: '1px solid red',\r\n }\r\n },\r\n freeDelivery: {\r\n display: 'flex',\r\n alignItems: 'center',\r\n alignContent: 'center',\r\n },\r\n freeCheckBox: {\r\n padding: '5px 5px 5px 0',\r\n '& .MuiSvgIcon-root': {\r\n width: 25,\r\n height: 25,\r\n color: '#326DFF',\r\n }\r\n },\r\n freeText: {\r\n cursor: 'pointer',\r\n fontSize: 14,\r\n lineHeight: '16px',\r\n color: '#476282',\r\n },\r\n fieldLabelText: {\r\n fontSize: 16,\r\n }\r\n}));","import React, { useState, useEffect } from 'react';\r\nimport { InputField, CustomInputField } from './inputFields';\r\n\r\nconst CityFields = (props) => {\r\n // const {initialValues} = props;\r\n const {initialValues, freeShipping, setFreeShipping, paidShipping, setPaidShipping } = props;\r\n const [count, setCount] = useState(0);\r\n\r\n console.log('initialValues zone --->>>', initialValues);\r\n // console.log('freeShipping', freeShipping);\r\n // console.log('paidShipping', paidShipping);\r\n \r\n useEffect(() => {\r\n if (count === 0 && initialValues) {\r\n const { deliveryFreeLimit, deliveryLimit, delivery } = initialValues;\r\n if (delivery === 0 && deliveryFreeLimit > 0) {\r\n setFreeShipping(true);\r\n setPaidShipping(false);\r\n setCount(count + 1);\r\n } else if (delivery > 0 && deliveryFreeLimit === 0) {\r\n setFreeShipping(false);\r\n setPaidShipping(true);\r\n setCount(count + 1);\r\n } else {\r\n setFreeShipping(false);\r\n setPaidShipping(false);\r\n setCount(count + 1);\r\n }\r\n }\r\n\r\n if (count === 0 && !initialValues) {\r\n setFreeShipping(true);\r\n setPaidShipping(false);\r\n setCount(count + 1);\r\n }\r\n\r\n }, [initialValues]);\r\n\r\n const handleFreeShipping = (event) => {\r\n const checked = event.target.checked;\r\n\r\n setPaidShipping(!checked);\r\n setFreeShipping(checked);\r\n };\r\n\r\n const handlePaidShipping = (event) => {\r\n const checked = event.target.checked;\r\n\r\n setPaidShipping(checked);\r\n setFreeShipping(!checked);\r\n };\r\n\r\n return (\r\n \r\n {title}\r\n {popover &&
\r\n \r\n \r\n
\r\n )}\r\n \r\n
\r\n )\r\n}\r\n\r\nexport default CityFields;","import React, { useState, useEffect } from 'react';\r\nimport { makeStyles } from '@material-ui/core/styles';\r\nimport { reduxForm } from 'redux-form';\r\n\r\nimport Button from '../../components/Button';\r\nimport CityFields from './CityFields';\r\nimport ModalComponent from '../../components/ModalComponent';\r\n\r\nlet CityForm = ({ initialValues, saveCity, handleSubmit }) => {\r\n const classes = useStyles();\r\n const [openModal, setOpenModal] = useState(false);\r\n const [isSubmit, setIsSubmit] = useState(false);\r\n const [dataCityForm, setDataCityForm] = useState(null);\r\n const [freeShipping, setFreeShipping] = useState(false);\r\n const [paidShipping, setPaidShipping] = useState(false);\r\n\r\n const handleClose = () => {\r\n setOpenModal(false);\r\n setIsSubmit(false);\r\n };\r\n\r\n const handleClickSubmit = () => {\r\n setOpenModal(false);\r\n setIsSubmit(true);\r\n };\r\n\r\n const handleCityForm = (data) => {\r\n setOpenModal(true); \r\n if (data) {\r\n setDataCityForm(data);\r\n }\r\n }\r\n\r\n useEffect(() => {\r\n if (isSubmit && !openModal) {\r\n console.log('Вы подтвердили');\r\n console.log('dataCityForm', dataCityForm);\r\n\r\n saveCity(dataCityForm);\r\n }\r\n \r\n }, [isSubmit, openModal]);\r\n\r\n return (\r\n \r\n )\r\n}\r\n\r\nconst useStyles = makeStyles(theme => ({\r\n cityFields: {\r\n display: 'flex',\r\n flexWrap: 'wrap',\r\n marginTop: 8,\r\n padding: '8px 16px 24px 16px',\r\n border: '1px solid #DADCE0',\r\n borderRadius: 5,\r\n },\r\n buttonWrapper: {\r\n textAlign: 'center',\r\n },\r\n button: {\r\n marginTop: 30,\r\n textTransform: 'none',\r\n }\r\n}));\r\n\r\nCityForm = reduxForm({ form: 'CityForm', enableReinitialize : true})(CityForm);\r\n\r\nexport default CityForm;","import React, {useState, useEffect} from 'react';\r\nimport { makeStyles } from '@material-ui/core/styles';\r\nimport { reduxForm, reset} from 'redux-form';\r\n\r\nimport Button from '../../components/Button';\r\nimport Dialog from '@material-ui/core/Dialog';\r\nimport DialogContent from '@material-ui/core/DialogContent';\r\nimport DialogTitle from '@material-ui/core/DialogTitle';\r\nimport ModalComponent from '../../components/ModalComponent';\r\n\r\nimport CloseIcon from '@material-ui/icons/Close';\r\nimport CityFields from './CityFields';\r\n\r\nimport { InputField, CustomInputField } from './inputFields';\r\n\r\nconst DialogComponent = ({ \r\n children, \r\n open, \r\n setOpen, \r\n}) => {\r\n const classes = useStyles();\r\n\r\n const handleClose = () => {\r\n setOpen(false);\r\n };\r\n return (\r\n \r\n )\r\n};\r\n\r\n\r\nlet FormDialog = (props) => {\r\n const classes = useStyles();\r\n\r\n // Modal Form\r\n const [openModal, setOpenModal] = useState(false);\r\n const [isSubmit, setIsSubmit] = useState(false);\r\n const [isLoading, setIsLoading] = useState(false);\r\n const [sendData, setSendData] = useState(null);\r\n\r\n const [paidShipping, setPaidShipping] = useState(false);\r\n const [freeShipping, setFreeShipping] = useState(false);\r\n\r\n const handleClose = () => {\r\n setOpenModal(false);\r\n setIsSubmit(false);\r\n };\r\n\r\n const handleClickSubmit = () => {\r\n setOpenModal(false);\r\n setIsSubmit(true);\r\n };\r\n\r\n const {\r\n setOpen, \r\n handleSubmit, \r\n dispatch, \r\n } = props;\r\n\r\n const handleButtonClick = (data) => {\r\n setSendData(data);\r\n setOpenModal(true);\r\n setIsLoading(true);\r\n }\r\n\r\n useEffect(() => {\r\n if(isLoading && isSubmit && !openModal) {\r\n console.log('Вы подтверждаете');\r\n\r\n props.onSubmit(sendData);\r\n\r\n if (props.valid) {\r\n dispatch(reset('ModalCreatingForm'));\r\n setOpen(false)\r\n }\r\n }\r\n // eslint-disable-next-line react-hooks/exhaustive-deps\r\n }, [isLoading, isSubmit, openModal]);\r\n\r\n return (\r\n \r\n {title} \r\n createNewZonaItem()}>Создать \r\n
\r\n\r\n const NoZone = ({ title }) => \r\n \r\n {title} \r\n
;\r\n\r\n const ZoneContent = ({ dataParams }) => (\r\n \r\n {dataParams.map((item, index) => {\r\n return (\r\n
\r\n )\r\n\r\n return (\r\n \r\n
\r\n )\r\n })}\r\n {item.name}
\r\n \r\n editZonaItem(index)} className={classes.zonaEditIcon} />\r\n deleteZonaItem(index)} className={classes.zonaTrashIcon} />\r\n
\r\n \r\n {!!String(itemId) && (\r\n
\r\n )\r\n}\r\n\r\nconst useStyles = makeStyles(theme => ({\r\n zonaButtonCreate: {\r\n width: 109,\r\n height: 36,\r\n fontSize: 14,\r\n lineHeight: '14px',\r\n background: '#E9F1FC',\r\n color: '#326DFF',\r\n boxShadow: 'none',\r\n textTransform: 'capitalize',\r\n '&:hover': {\r\n boxShadow: 'none',\r\n background: '#326DFF',\r\n color: '#E9F1FC',\r\n }\r\n },\r\n\r\n zonaHeader: {\r\n display: 'flex',\r\n justifyContent: 'space-between',\r\n width: '100%',\r\n height: 40,\r\n },\r\n zonaWrapper: {\r\n position: 'relative',\r\n marginTop: 16,\r\n display: 'flex',\r\n flexWrap: 'wrap',\r\n flexDirection: 'column',\r\n padding: '24px 16px',\r\n border: '1px solid #DADCE0',\r\n borderRadius: 5,\r\n minHeight: 240,\r\n },\r\n zonaTitle: {\r\n fontSize: 18,\r\n fontWeight: 'bold',\r\n lineHeight: '21px',\r\n color: 'black',\r\n },\r\n zonaFields: {\r\n width: '100%',\r\n },\r\n zonaFieldsTitleWrapper: {\r\n width: 328,\r\n height: 18,\r\n position: 'absolute',\r\n top: 'calc(50% - 9px)',\r\n left: 'calc(50% - 150px)',\r\n textAlign: 'center',\r\n }, \r\n zonaFieldsTitle: {\r\n fontSize: 15,\r\n lineHeight: '18px',\r\n color: '#476282',\r\n },\r\n\r\n zonaItemWrapper: {\r\n display: 'flex',\r\n height: 57,\r\n width: '100%',\r\n padding: '0 16px',\r\n marginBottom: 16,\r\n boxSizing: 'border-box',\r\n\r\n boxShadow: '0px 14px 23px rgba(232, 228, 228, 0.5)',\r\n background: 'white',\r\n borderRadius: 5,\r\n \r\n },\r\n zonaContent: {\r\n marginTop: 14,\r\n },\r\n zonaItemTitle: {\r\n width: '50%',\r\n fontSize: 16,\r\n fontWeight: 500,\r\n lineHeight: '57px',\r\n color: 'black',\r\n },\r\n zonaItemIcons: {\r\n display: 'flex',\r\n alignItems: 'center',\r\n justifyContent: 'flex-end',\r\n width: '50%',\r\n lineHeight: '57px',\r\n }, \r\n zonaEditIcon: {\r\n marginRight: 16,\r\n color: '#476282',\r\n '&:hover': {\r\n color: 'rgb(50, 109, 255)',\r\n }\r\n },\r\n zonaTrashIcon: {\r\n color: '#476282',\r\n '&:hover': {\r\n color: 'rgb(50, 109, 255)',\r\n }\r\n },\r\n}));\r\n\r\nexport default ZonesForms;","import React from 'react';\r\nimport { makeStyles } from '@material-ui/core/styles';\r\n\r\nimport s from './delivery.module.css';\r\n\r\nimport CityForm from './cityForm';\r\nimport ZonesForms from './zonesForms';\r\n\r\nlet DeliveryForm = (props) => {\r\n const classes = useStyles();\r\n const { saveZones, editZone, deleteZone, saveCity, delivery, deliveryZone, initialValues } = props;\r\n\r\n return(\r\n \r\n {!isZonas &&
\r\n \r\n
\r\n )\r\n}\r\nconst useStyles = makeStyles(theme => ({\r\n formWrap: {\r\n width: '100%',\r\n },\r\n inputCheckbox: {\r\n marginBottom: 16,\r\n '&:last-child': {\r\n marginBottom: 0,\r\n }\r\n },\r\n inputCheckboxWrap: {\r\n \r\n },\r\n controlLabel: {\r\n width: '100%',\r\n cursor: 'pointer',\r\n '& .MuiRadio-colorPrimary.Mui-checked': {\r\n color: '#326DFF'\r\n },\r\n },\r\n checkbox: {\r\n color: '#476282',\r\n padding: 0,\r\n marginRight: 8,\r\n '& svg.MuiSvgIcon-root': {\r\n width: 24,\r\n height: 24,\r\n }\r\n },\r\n textCheckbox: {\r\n color: '#476282',\r\n fontSize: 14,\r\n lineHeight: '24px',\r\n cursor: 'pointer',\r\n },\r\n fieldsWrapper: {\r\n display: 'flex',\r\n justifyContent: 'center',\r\n }, \r\n buttonWrapper: {\r\n margin: '0 auto',\r\n marginTop: 30,\r\n },\r\n button: {\r\n '& disabled': {\r\n color: '#476282',\r\n background: '#F1F3F4',\r\n textTransform: 'capitalize',\r\n }\r\n },\r\n cityFields: {\r\n display: 'flex',\r\n flexWrap: 'wrap',\r\n marginTop: 8,\r\n padding: '8px 16px 24px 16px',\r\n border: '1px solid #DADCE0',\r\n borderRadius: 5,\r\n },\r\n cityCheckbox: {\r\n marginBottom: '28px',\r\n }\r\n}));\r\n\r\nexport default DeliveryForm;\r\n","import React from 'react';\r\nimport { makeStyles } from '@material-ui/core/styles';\r\nimport { withFirebase } from '../../firebase';\r\nimport DeliveryForm from './deliveryForms';\r\n\r\nimport Paper from '@material-ui/core/Paper';\r\nimport Grid from '@material-ui/core/Grid';\r\n\r\nimport Typography from '@material-ui/core/Typography';\r\nimport FormLabel from '@material-ui/core/FormLabel';\r\nimport Loading from '../../components/Loading';\r\n\r\nimport {getInitialValues} from './other';\r\n\r\nconst Title = ({ classes }) => \r\n \r\n
\r\n \r\n
\r\n \r\n {delivery === 1 && (\r\n
\r\n \r\n
\r\n );\r\n}\r\n\r\nconst useStyles = makeStyles(theme => ({\r\n switch: {\r\n // color: 'red'\r\n }\r\n}));\r\n\r\nexport default Switches;","import React from \"react\";\r\nimport { makeStyles } from \"@material-ui/core/styles\";\r\n\r\nimport { Field } from \"redux-form\";\r\nimport { required } from \"redux-form-validators\";\r\n\r\nimport Checkbox from \"@material-ui/core/Checkbox\";\r\nimport Popover from \"../Popover\";\r\nimport CustomizedInputPhone from \"./inputPhone\";\r\n\r\nexport const InputField = ({\r\n\ttitle,\r\n\ttype,\r\n\tname,\r\n\tplaceholder,\r\n\tcomponent,\r\n\tvalidMsg,\r\n\tvalidate,\r\n\tonChange,\r\n\tvalue,\r\n\tclassName,\r\n}) => {\r\n\tconst classes = useStyles();\r\n\treturn (\r\n\t\t\r\n\t\t\t
\r\n\t);\r\n};\r\n\r\nexport const CustomInputField = ({\r\n\ttitle,\r\n\tcheckboxTitle,\r\n\tpopoverHiddenText,\r\n\tname,\r\n\tplaceholder,\r\n\tvalidMsg,\r\n\tchecked,\r\n\thandleCheckedChange,\r\n}) => {\r\n\tconst classes = useStyles();\r\n\treturn (\r\n\t\t{title}
\r\n\t\t\t\r\n\t\t\t\r\n\t\t\t\t{title}\r\n\t\t\t\t
\r\n\t\t\t\r\n\t\t\t\t
\r\n\t\t\r\n\t);\r\n};\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n\tfieldText: {\r\n\t\tposition: \"relative\",\r\n\t},\r\n\tpopever: {\r\n\t\tposition: \"absolute\",\r\n\t\ttop: 0,\r\n\t\tright: 0,\r\n\t},\r\n\tfieldWrapper: {\r\n\t\tmarginTop: 16,\r\n\t\tmarginRight: 16,\r\n\t\t[theme.breakpoints.down(\"600\")]: {\r\n\t\t\twidth: \"100%\",\r\n\t\t\tmarginRight: 0,\r\n\t\t\t\"& > div\": {\r\n\t\t\t\twidth: \"100%\",\r\n\t\t\t},\r\n\t\t},\r\n\t},\r\n\tfieldCity: {\r\n\t\tmarginTop: 8,\r\n\t\t[theme.breakpoints.down(\"600\")]: {\r\n\t\t\twidth: \"100%\",\r\n\t\t},\r\n\t\t\"& input\": {\r\n\t\t\twidth: 328,\r\n\t\t\theight: 45,\r\n\t\t\tborder: \"1px solid #DADCE0\",\r\n\t\t\tborderRadius: \"5px\",\r\n\t\t\tpadding: \"11px 50px 11px 16px\",\r\n\t\t\tboxSizing: \"border-box\",\r\n\t\t\t[theme.breakpoints.down(\"600\")]: {\r\n\t\t\t\twidth: \"100%\",\r\n\t\t\t},\r\n\t\t},\r\n\t\t\"& .MuiInput-underline:hover:not(.Mui-disabled):before\": {\r\n\t\t\tcontent: \"none\",\r\n\t\t},\r\n\t\t\"& .MuiInput-underline:after\": {\r\n\t\t\tcontent: \"none\",\r\n\t\t},\r\n\t\t\"& .MuiInput-underline:before\": {\r\n\t\t\tcontent: \"none\",\r\n\t\t},\r\n\t\t\"& .Mui-error input\": {\r\n\t\t\tborder: \"1px solid red\",\r\n\t\t},\r\n\t},\r\n\tfreeDelivery: {\r\n\t\tdisplay: \"flex\",\r\n\t\talignItems: \"center\",\r\n\t\talignContent: \"center\",\r\n\t},\r\n\tfreeCheckBox: {\r\n\t\tpadding: \"5px 5px 5px 0\",\r\n\t\t\"& .MuiSvgIcon-root\": {\r\n\t\t\twidth: 25,\r\n\t\t\theight: 25,\r\n\t\t\tcolor: \"#326DFF\",\r\n\t\t},\r\n\t},\r\n\tfreeText: {\r\n\t\tcursor: \"pointer\",\r\n\t\tfontSize: 14,\r\n\t\tlineHeight: \"16px\",\r\n\t\tcolor: \"#476282\",\r\n\t},\r\n\tfieldLabelText: {\r\n\t\tfontSize: 16,\r\n\t},\r\n}));\r\n","import React from 'react';\r\nimport { makeStyles } from '@material-ui/core/styles';\r\n\r\nimport Dialog from '@material-ui/core/Dialog';\r\nimport DialogContent from '@material-ui/core/DialogContent';\r\nimport DialogTitle from '@material-ui/core/DialogTitle';\r\n\r\nimport CloseIcon from '@material-ui/icons/Close';\r\n\r\nconst DialogComponent = ({ \r\n children, \r\n open,\r\n title,\r\n handleClose, \r\n}) => {\r\n const classes = useStyles();\r\n\r\n return (\r\n \r\n )\r\n};\r\n\r\nconst useStyles = makeStyles(theme => ({\r\n dialogPaper: {\r\n width: '80%',\r\n maxWidth: 1057,\r\n padding: 24,\r\n [theme.breakpoints.down('600')]: {\r\n width: '100%',\r\n margin: '0 10px',\r\n padding: '24px 16px 16px',\r\n },\r\n },\r\n dialogContent: {\r\n [theme.breakpoints.down('600')]: {\r\n padding: 0,\r\n },\r\n },\r\n dialogTitle: {\r\n padding: 0,\r\n '& h2': {\r\n fontSize: 16,\r\n fontWeight: 'normal',\r\n lineHeight: '25px',\r\n }\r\n },\r\n iconsWrapper: {\r\n display: 'flex',\r\n },\r\n closeIcon: {\r\n marginRight: 16,\r\n color: '#476282',\r\n '&:hover': {\r\n color: 'black',\r\n cursor: 'pointer',\r\n }\r\n },\r\n}));\r\n\r\nexport default DialogComponent;","/* eslint-disable eqeqeq */\r\nimport React, {useState, useEffect} from 'react';\r\nimport { makeStyles } from '@material-ui/core/styles';\r\nimport { Field, reduxForm} from 'redux-form';\r\nimport { connect } from 'react-redux';\r\nimport {required, numericality} from 'redux-form-validators';\r\n\r\nimport Button from '../../../../components/Button';\r\nimport Typography from '@material-ui/core/Typography';\r\nimport {InputField} from '../../../../components/UIform/inputField';\r\nimport CustomizedInputs from '../../../../components/UIform';\r\nimport ModalComponent from '../../../../components/ModalComponent';\r\nimport Loading from '../../../../components/Loading';\r\nimport DialogComponent from '../../DialogComponent';\r\n\r\n\r\nlet FormDialog = (props) => {\r\n const classes = useStyles();\r\n\r\n const [openModal, setOpenModal] = useState(false);\r\n const [isSubmit, setIsSubmit] = useState(false);\r\n const [isLoading, setIsLoading] = useState(false);\r\n const [data, setData] = useState(null);\r\n \r\n const {handleSubmit, count, setCount, getInitialValues} = props;\r\n\r\n const isPresent = count === 1;\r\n const isDiscount = count === 2;\r\n const isAmount = count === 3;\r\n\r\n\r\n const handleChange = (e) => {\r\n const name = e.target.name;\r\n\r\n console.log('name -->>', name)\r\n\r\n if (name == 'radioPresent' && count !== 1) setCount(1);\r\n if (name == 'radioDiscount' && count !== 2) setCount(2);\r\n if (name == 'radioAmount' && count !== 3) setCount(3);\r\n }\r\n\r\n const handleInputChange = (e) => {\r\n console.log('e --->>>', e);\r\n const val = e.target.value;\r\n const data = {};\r\n \r\n data['type'] = count;\r\n data['parametr'] = val;\r\n\r\n setData(data);\r\n }\r\n\r\n useEffect(() => {\r\n if (isLoading && isSubmit && !openModal) {\r\n props.onSubmit(data);\r\n }\r\n \r\n // eslint-disable-next-line react-hooks/exhaustive-deps\r\n }, [isSubmit, isLoading, openModal]);\r\n\r\n\r\n const handleClose = () => {\r\n setOpenModal(false);\r\n setIsSubmit(false);\r\n };\r\n\r\n const handleClickSubmit = () => {\r\n setOpenModal(false);\r\n setIsSubmit(true);\r\n };\r\n\r\n const submitForm = (data) => {\r\n const {valid} = props;\r\n\r\n if (valid) {\r\n setOpenModal(true);\r\n setIsLoading(true);\r\n }\r\n }\r\n\r\n const {initialValues} = getInitialValues(props);\r\n\r\n const handleInputChange1 = (e) => {\r\n console.log('e1', e)\r\n }\r\n\r\n return (\r\n \r\n
\r\n )\r\n}\r\n\r\nconst useStyles = makeStyles(theme => ({\r\n discounts: {\r\n marginTop: 30,\r\n padding: 16,\r\n border: '1px solid #DADCE0',\r\n boxSizing: 'border-box',\r\n borderRadius: 5,\r\n [theme.breakpoints.down('600')]: {\r\n marginTop: 0,\r\n background: 'white',\r\n },\r\n },\r\n typography: {\r\n fontWeight: 500,\r\n fontSize: 18,\r\n lineHeight: '21px',\r\n },\r\n title: {\r\n fontWeight: '500',\r\n fontSize: 16,\r\n lineHeight: '19px',\r\n },\r\n order: {\r\n marginTop: 20,\r\n display: 'flex',\r\n height: 57,\r\n width: '100%',\r\n padding: '0 16px',\r\n marginBottom: 16,\r\n boxSizing: 'border-box',\r\n\r\n boxShadow: '0px 14px 23px rgba(232, 228, 228, 0.5)',\r\n background: 'white',\r\n borderRadius: 5,\r\n },\r\n orderContent: {\r\n display: 'flex',\r\n justifyContent: 'space-between',\r\n alignItems: 'center',\r\n width: '100%',\r\n },\r\n orderChange: {\r\n display: 'flex',\r\n justifyContent: 'center',\r\n alignItems: 'center',\r\n },\r\n editIcon: {\r\n width: 22,\r\n height: 22,\r\n color: '#476282',\r\n '&:hover': {\r\n color: '#326dff',\r\n cursor: 'pointer',\r\n }\r\n }\r\n}))\r\n\r\nexport default FirstOrder;","import { makeStyles } from '@material-ui/core/styles';\r\n\r\nexport const useStyles = makeStyles(theme => ({\r\n discounts: {\r\n marginTop: 30,\r\n padding: 16,\r\n border: '1px solid #DADCE0',\r\n boxSizing: 'border-box',\r\n borderRadius: 5,\r\n [theme.breakpoints.down('600')]: {\r\n marginTop: 0,\r\n background: 'white',\r\n },\r\n },\r\n typography: {\r\n fontWeight: 500,\r\n fontSize: 18,\r\n lineHeight: '21px',\r\n },\r\n title: {\r\n fontWeight: '500',\r\n fontSize: 16,\r\n lineHeight: '19px',\r\n },\r\n order: {\r\n marginTop: 20,\r\n display: 'flex',\r\n height: 57,\r\n width: '100%',\r\n padding: '0 16px',\r\n marginBottom: 16,\r\n boxSizing: 'border-box',\r\n\r\n boxShadow: '0px 14px 23px rgba(232, 228, 228, 0.5)',\r\n background: 'white',\r\n borderRadius: 5,\r\n },\r\n orderContent: {\r\n display: 'flex',\r\n justifyContent: 'space-between',\r\n alignItems: 'center',\r\n width: '100%',\r\n },\r\n orderChange: {\r\n display: 'flex',\r\n justifyContent: 'center',\r\n alignItems: 'center',\r\n },\r\n editIcon: {\r\n width: 22,\r\n height: 22,\r\n color: '#476282',\r\n '&:hover': {\r\n color: '#326dff',\r\n cursor: 'pointer',\r\n }\r\n }\r\n}));\r\n\r\nexport const useFormStyles = makeStyles(theme => ({\r\n dialogPaper: {\r\n [theme.breakpoints.down('600')]: {\r\n background: 'red',\r\n },\r\n },\r\n buttonWrapper: {\r\n margin: '0 auto',\r\n marginTop: 30,\r\n textAlign: 'center',\r\n },\r\n button: {\r\n textTransform: 'none',\r\n },\r\n discountRadios: {\r\n marginTop: 30,\r\n [theme.breakpoints.down('600')]: {\r\n marginTop: 0,\r\n },\r\n },\r\n discountInput: {\r\n display: 'flex',\r\n flexDirection: 'column',\r\n height: 57,\r\n width: '100%',\r\n padding: '0 16px 16px 16px',\r\n marginBottom: 16,\r\n boxSizing: 'border-box',\r\n\r\n boxShadow: '0px 14px 23px rgba(232, 228, 228, 0.5)',\r\n background: 'white',\r\n borderRadius: 5,\r\n [theme.breakpoints.down('375')]: {\r\n padding: '0 8px 8px 8px',\r\n },\r\n },\r\n discountTitle: {\r\n fontSize: 16,\r\n fontWeight: 500,\r\n lineHeight: '57px',\r\n color: 'black'\r\n },\r\n discountInputWrap: {\r\n width: '100%',\r\n display: 'flex',\r\n justifyContent: 'space-between',\r\n alignItems: 'center',\r\n cursor: 'pointer',\r\n },\r\n discountRadio: {\r\n margin: 0,\r\n cursor: 'pointer',\r\n },\r\n discountHidden: {\r\n width: 328,\r\n [theme.breakpoints.down('375')]: {\r\n width: '100%',\r\n },\r\n },\r\n inputField: {\r\n marginTop: 8,\r\n [theme.breakpoints.down('600')]: {\r\n width: '90%',\r\n },\r\n '& input': {\r\n width: 328,\r\n height: 45,\r\n border: '1px solid #DADCE0',\r\n borderRadius: '5px',\r\n padding: '11px 50px 11px 16px',\r\n boxSizing: 'border-box',\r\n [theme.breakpoints.down('600')]: {\r\n width: '100%',\r\n padding: '11px 16px 11px 16px',\r\n },\r\n },\r\n '& .MuiInput-underline:hover:not(.Mui-disabled):before': {\r\n content: 'none',\r\n },\r\n '& .MuiInput-underline:after': {\r\n content: 'none',\r\n },\r\n '& .MuiInput-underline:before': {\r\n content: 'none',\r\n },\r\n '& .Mui-error input': {\r\n border: '1px solid red',\r\n }\r\n },\r\n}));","/* eslint-disable eqeqeq */\r\nimport React, {useState, useEffect} from 'react';\r\nimport { reduxForm} from 'redux-form';\r\nimport {required, numericality} from 'redux-form-validators';\r\n\r\nimport Button from '../../../../components/Button';\r\nimport Typography from '@material-ui/core/Typography';\r\nimport {InputField} from '../../../../components/UIform/inputField';\r\nimport ModalComponent from '../../../../components/ModalComponent';\r\nimport DialogComponent from '../../DialogComponent';\r\n\r\nimport { useFormStyles } from './styles';\r\n\r\nlet FormDialog = (props) => {\r\n const classes = useFormStyles();\r\n const [openModal, setOpenModal] = useState(false);\r\n const [isSubmit, setIsSubmit] = useState(false);\r\n const [data, setData] = useState(null);\r\n \r\n const {handleSubmit, initialValues} = props;\r\n\r\n useEffect(() => {\r\n props.initialize(initialValues);\r\n }, []);\r\n\r\n useEffect(() => {\r\n if (isSubmit && !openModal) {\r\n\r\n props.onSubmit(data);\r\n props.handleClose();\r\n }\r\n \r\n // eslint-disable-next-line react-hooks/exhaustive-deps\r\n }, [isSubmit, openModal]);\r\n\r\n\r\n const handleClose = () => {\r\n setOpenModal(false);\r\n setIsSubmit(false);\r\n };\r\n\r\n const handleClickSubmit = () => {\r\n setOpenModal(false);\r\n setIsSubmit(true);\r\n };\r\n\r\n const submitForm = (data) => {\r\n const {valid} = props;\r\n setData(data);\r\n \r\n if (valid) {\r\n setOpenModal(true);\r\n }\r\n }\r\n\r\n return (\r\n \r\n Первый заказ \r\n
\r\n \r\n handleClick()} />\r\n
\r\n \r\n
\r\n )\r\n}\r\n\r\nexport default withFirebase(PickupOrder);","import { makeStyles } from '@material-ui/core/styles';\r\n\r\nexport const useStyles = makeStyles(theme => ({\r\n discounts: {\r\n marginTop: 30,\r\n padding: 16,\r\n border: '1px solid #DADCE0',\r\n boxSizing: 'border-box',\r\n borderRadius: 5,\r\n [theme.breakpoints.down('600')]: {\r\n marginTop: 0,\r\n background: 'white',\r\n },\r\n },\r\n typography: {\r\n fontWeight: 500,\r\n fontSize: 18,\r\n lineHeight: '21px',\r\n },\r\n title: {\r\n fontWeight: '500',\r\n fontSize: 16,\r\n lineHeight: '19px',\r\n },\r\n order: {\r\n marginTop: 20,\r\n display: 'flex',\r\n height: 57,\r\n width: '100%',\r\n padding: '0 16px',\r\n marginBottom: 16,\r\n boxSizing: 'border-box',\r\n\r\n boxShadow: '0px 14px 23px rgba(232, 228, 228, 0.5)',\r\n background: 'white',\r\n borderRadius: 5,\r\n },\r\n orderContent: {\r\n display: 'flex',\r\n justifyContent: 'space-between',\r\n alignItems: 'center',\r\n width: '100%',\r\n },\r\n orderChange: {\r\n display: 'flex',\r\n justifyContent: 'center',\r\n alignItems: 'center',\r\n },\r\n editIcon: {\r\n width: 22,\r\n height: 22,\r\n color: '#476282',\r\n '&:hover': {\r\n color: '#326dff',\r\n cursor: 'pointer',\r\n }\r\n }\r\n}));\r\n\r\nexport const useFormStyles = makeStyles(theme => ({\r\n dialogPaper: {\r\n [theme.breakpoints.down('600')]: {\r\n background: 'red',\r\n },\r\n },\r\n buttonWrapper: {\r\n margin: '0 auto',\r\n marginTop: 30,\r\n textAlign: 'center',\r\n },\r\n button: {\r\n textTransform: 'none',\r\n },\r\n discountRadios: {\r\n marginTop: 30,\r\n [theme.breakpoints.down('600')]: {\r\n marginTop: 0,\r\n },\r\n },\r\n discountInput: {\r\n display: 'flex',\r\n flexDirection: 'column',\r\n height: 57,\r\n width: '100%',\r\n padding: '0 16px 16px 16px',\r\n marginBottom: 16,\r\n boxSizing: 'border-box',\r\n\r\n boxShadow: '0px 14px 23px rgba(232, 228, 228, 0.5)',\r\n background: 'white',\r\n borderRadius: 5,\r\n [theme.breakpoints.down('375')]: {\r\n padding: '0 8px 8px 8px',\r\n },\r\n },\r\n discountTitle: {\r\n fontSize: 16,\r\n fontWeight: 500,\r\n lineHeight: '57px',\r\n color: 'black'\r\n },\r\n discountInputWrap: {\r\n width: '100%',\r\n display: 'flex',\r\n justifyContent: 'space-between',\r\n alignItems: 'center',\r\n cursor: 'pointer',\r\n },\r\n discountRadio: {\r\n margin: 0,\r\n cursor: 'pointer',\r\n },\r\n discountHidden: {\r\n width: 328,\r\n [theme.breakpoints.down('375')]: {\r\n width: '100%',\r\n },\r\n },\r\n inputField: {\r\n marginTop: 8,\r\n [theme.breakpoints.down('600')]: {\r\n width: '90%',\r\n },\r\n '& input': {\r\n width: 328,\r\n height: 45,\r\n border: '1px solid #DADCE0',\r\n borderRadius: '5px',\r\n padding: '11px 50px 11px 16px',\r\n boxSizing: 'border-box',\r\n [theme.breakpoints.down('600')]: {\r\n width: '100%',\r\n padding: '11px 16px 11px 16px',\r\n },\r\n },\r\n '& .MuiInput-underline:hover:not(.Mui-disabled):before': {\r\n content: 'none',\r\n },\r\n '& .MuiInput-underline:after': {\r\n content: 'none',\r\n },\r\n '& .MuiInput-underline:before': {\r\n content: 'none',\r\n },\r\n '& .Mui-error input': {\r\n border: '1px solid red',\r\n }\r\n },\r\n}));","/* eslint-disable eqeqeq */\r\nimport React, {useState, useEffect} from 'react';\r\nimport { reduxForm} from 'redux-form';\r\nimport {required, numericality} from 'redux-form-validators';\r\n\r\nimport Button from '../../../../components/Button';\r\nimport Typography from '@material-ui/core/Typography';\r\nimport {InputField} from '../../../../components/UIform/inputField';\r\nimport ModalComponent from '../../../../components/ModalComponent';\r\nimport DialogComponent from '../../DialogComponent';\r\n\r\nimport { useFormStyles } from './styles';\r\n\r\nlet FormDialog = (props) => {\r\n const classes = useFormStyles();\r\n const [openModal, setOpenModal] = useState(false);\r\n const [isSubmit, setIsSubmit] = useState(false);\r\n const [data, setData] = useState(null);\r\n \r\n const {handleSubmit, initialValues} = props;\r\n\r\n useEffect(() => {\r\n props.initialize(initialValues);\r\n }, []);\r\n\r\n useEffect(() => {\r\n if (isSubmit && !openModal) {\r\n\r\n props.onSubmit(data);\r\n props.handleClose();\r\n }\r\n \r\n // eslint-disable-next-line react-hooks/exhaustive-deps\r\n }, [isSubmit, openModal]);\r\n\r\n\r\n const handleClose = () => {\r\n setOpenModal(false);\r\n setIsSubmit(false);\r\n };\r\n\r\n const handleClickSubmit = () => {\r\n setOpenModal(false);\r\n setIsSubmit(true);\r\n };\r\n\r\n const submitForm = (data) => {\r\n const {valid} = props;\r\n setData(data);\r\n \r\n if (valid) {\r\n setOpenModal(true);\r\n }\r\n }\r\n\r\n return (\r\n \r\n На самовывоз \r\n
\r\n \r\n handleClick()} />\r\n
\r\n \r\n
\r\n )\r\n}\r\n\r\nexport default withFirebase(DeliveryOrder);","import React from 'react';\r\nimport { makeStyles } from '@material-ui/core/styles';\r\n\r\nimport Typography from '@material-ui/core/Typography';\r\nimport FirstOrder from './discounts/firstOrder';\r\nimport Pickup from './discounts/pickupOrder';\r\nimport Delivery from './discounts/deliveryOrder';\r\n\r\nconst Discounts = ({ saleFirstOrders, changeChecker, onSubmitFirstOrder, pickupAndDeliveryDiscounts }) => {\r\n const classes = useStyles();\r\n\r\n return (\r\n \r\n На доставку \r\n
\r\n \r\n handleClick()} />\r\n
\r\n \r\n Скидки \r\n
\r\n )\r\n}\r\n\r\nconst useStyles = makeStyles(theme => ({\r\n discounts: {\r\n marginTop: 30,\r\n padding: 16,\r\n border: '1px solid #DADCE0',\r\n boxSizing: 'border-box',\r\n borderRadius: 5,\r\n [theme.breakpoints.down('600')]: {\r\n marginTop: 0,\r\n background: 'white',\r\n },\r\n },\r\n typography: {\r\n fontWeight: 500,\r\n fontSize: 18,\r\n lineHeight: '21px',\r\n }\r\n}))\r\n\r\nexport default Discounts;","import React from 'react'\r\nimport TextField from '@material-ui/core/TextField';\r\n\r\nimport { makeStyles } from '@material-ui/core/styles';\r\n\r\nconst useStyles = makeStyles(theme => ({\r\n inputStyle: {\r\n [theme.breakpoints.down('600')]: {\r\n width: '100%',\r\n }\r\n },\r\n error: {\r\n color: '#f44336',\r\n fontSize: '0.75rem',\r\n marginTop: 3,\r\n textAlign: 'left',\r\n fontFamily: '\"Roboto\", \"Helvetica\", \"Arial\", sans-serif',\r\n fontWeight: 400,\r\n lineHeight: '1.66',\r\n letterSpacing: '0.03333em',\r\n }\r\n}));\r\n\r\nexport default function CustomizedInputs({input, meta, ...props}) {\r\n const classes = useStyles();\r\n\r\n return (\r\n \r\n
\r\n )\r\n};\r\n\r\n","/* eslint-disable eqeqeq */\r\nimport React, { useState, useEffect } from \"react\";\r\nimport { makeStyles } from \"@material-ui/core/styles\";\r\n\r\nimport { Field } from \"redux-form\";\r\nimport moment from \"moment\";\r\n\r\nimport TextField from \"@material-ui/core/TextField\";\r\nimport CalendarTodayIcon from \"@material-ui/icons/CalendarToday\";\r\nimport Button from \"@material-ui/core/Button\";\r\n\r\nconst Calendar = ({ data, setData }) => {\r\n\tconst classes = useStyles();\r\n\tconst [open, setOpen] = useState(false);\r\n\tconst [valid, setValid] = useState(false);\r\n\tconst [firstInput, setFirstInput] = useState(null);\r\n\tconst [secondInput, setSecondInput] = useState(null);\r\n\r\n\tconst mounts = [\r\n\t\t\"Января\",\r\n\t\t\"Февраля\",\r\n\t\t\"Марта\",\r\n\t\t\"Апреля\",\r\n\t\t\"Майя\",\r\n\t\t\"Июня\",\r\n\t\t\"Июля\",\r\n\t\t\"Августа\",\r\n\t\t\"Сентября\",\r\n\t\t\"Октября\",\r\n\t\t\"Ноября\",\r\n\t\t\"Декабря\",\r\n\t];\r\n\tlet defaultTime = moment().add(2, \"minute\").format(\"YYYY-MM-DDTHH:mm\");\r\n\tconst timeFirebaseFormat = (time) => moment(time).format(\"DD/MM/YYYY/HH:mm\");\r\n\tconst timeCalendarFormat = (time) => moment(time).format(\"YYYY-MM-DDTHH:mm\");\r\n\r\n\tuseEffect(() => {\r\n\t\tif (data) {\r\n\t\t\tif (!firstInput && !secondInput) {\r\n\t\t\t\tif (!data.begin || !data.end) {\r\n\t\t\t\t\tsetFirstInput(defaultTime);\r\n\t\t\t\t\tsetSecondInput(defaultTime);\r\n\r\n\t\t\t\t\tsetData({\r\n\t\t\t\t\t\t...data,\r\n\t\t\t\t\t\tbegin: timeFirebaseFormat(defaultTime),\r\n\t\t\t\t\t\tend: timeFirebaseFormat(defaultTime),\r\n\t\t\t\t\t});\r\n\t\t\t\t} else {\r\n\t\t\t\t\tlet begin = moment(data.begin, \"DD/MM/YYYY/HH:mm\").format(\r\n\t\t\t\t\t\t\"YYYY-MM-DDTHH:mm\"\r\n\t\t\t\t\t);\r\n\t\t\t\t\tlet end = moment(data.end, \"DD/MM/YYYY/HH:mm\").format(\r\n\t\t\t\t\t\t\"YYYY-MM-DDTHH:mm\"\r\n\t\t\t\t\t);\r\n\t\t\t\t\tsetFirstInput(timeCalendarFormat(begin));\r\n\t\t\t\t\tsetSecondInput(timeCalendarFormat(end));\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\r\n\t}, []);\r\n\r\n\tconst handleChange = (e) => {\r\n\t\tconst { value, name } = e.target;\r\n\r\n\t\tif (name == \"first\") {\r\n\t\t\tsetFirstInput(value);\r\n\t\t}\r\n\r\n\t\tif (name == \"second\") {\r\n\t\t\tsetSecondInput(value);\r\n\t\t}\r\n\t};\r\n\r\n\t// useEffect(() => {\r\n\t// if (firstInput && secondInput) {\r\n\t// let first = moment(firstInput).unix();\r\n\t// let second = moment(secondInput).unix();\r\n\r\n\t// if (first > second) {\r\n\t// setSecondInput(firstInput);\r\n\t// }\r\n\r\n\t// // console.log('first, second',first, second);\r\n\t// }\r\n\t// }, [firstInput, secondInput]);\r\n\r\n\tconst handleClick = () => {\r\n\t\tsetData({\r\n\t\t\t...data,\r\n\t\t\tbegin: timeFirebaseFormat(firstInput),\r\n\t\t\tend: timeFirebaseFormat(secondInput),\r\n\t\t});\r\n\r\n\t\tsetOpen(false);\r\n\t};\r\n\r\n\tlet formatStr = `${moment(firstInput).get(\"date\")} ${\r\n\t\tmounts[moment(firstInput).get(\"month\")]\r\n\t} - ${moment(secondInput).get(\"date\")} ${\r\n\t\tmounts[moment(secondInput).get(\"month\")]\r\n\t} ${moment(secondInput).get(\"year\")}`;\r\n\r\n\t// console.log('firstInput', firstInput);\r\n\t// console.log('SecondInput', secondInput);\r\n\r\n\tlet defaultTimestamp = moment(defaultTime).unix();\r\n\tlet firstTimestamp = moment(firstInput).unix();\r\n\tvar secondTimestamp = moment(secondInput).unix();\r\n\r\n\tuseEffect(() => {\r\n\t\t// if (defaultTimestamp <= firstTimestamp && secondTimestamp >= firstTimestamp) {\r\n\t\t// setValid(true);\r\n\t\t// } else {\r\n\t\t// setValid(false);\r\n\t\t// }\r\n\r\n\t\tif (firstTimestamp <= secondTimestamp) {\r\n\t\t\tsetValid(true);\r\n\t\t} else {\r\n\t\t\tsetValid(false);\r\n\t\t}\r\n\t}, [firstTimestamp, secondTimestamp]);\r\n\r\n\t// console.log('data', data);\r\n\r\n\treturn (\r\n\t\t{meta.error}
}\r\n \r\n\t\t\t\r\n\t\t\t\t setOpen(!open)}\r\n\t\t\t\t>\r\n\t\t\t\t\t{formatStr}
\r\n\t\t\t\t{open && (\r\n\t\t\t\t\tВыбрать период:
\r\n\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t handleClick() : null}\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\tПрименить\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\t)}\r\n\t\t\t\r\n\t\t\r\n\t);\r\n};\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n\tcalendarField: {\r\n\t\tdisplay: \"flex\",\r\n\t\talignItems: \"center\",\r\n\t\t[theme.breakpoints.down(\"600\")]: {\r\n\t\t\tflexWrap: \"wrap\",\r\n\t\t},\r\n\t},\r\n\tcalendarTitle: {\r\n\t\tmarginRight: 15,\r\n\t\tfontSize: 16,\r\n\t\tlineHeight: \"19px\",\r\n\t\tcolor: \"black\",\r\n\t},\r\n\tcalendarContent: {\r\n\t\tposition: \"relative\",\r\n\t\tfontSize: 13,\r\n\t\tcolor: \"black\",\r\n\t\tfontWeight: 500,\r\n\t\tlineHeight: 1,\r\n\r\n\t\tborder: \"1px solid #ccc\",\r\n\t\tborderRadius: 5,\r\n\t\tpadding: \"6px 10px 12px 10px\",\r\n\t\tpaddingRight: 18,\r\n\t\tbackground: \"white\",\r\n\t\t[theme.breakpoints.down(\"940\")]: {\r\n\t\t\tmaxWidth: 220,\r\n\t\t\twidth: \"100%\",\r\n\t\t},\r\n\t\t[theme.breakpoints.down(\"441\")]: {\r\n\t\t\tmarginTop: 10,\r\n\t\t},\r\n\t},\r\n\tcalendarIcon: {\r\n\t\twidth: 18,\r\n\t\theight: 18,\r\n\t\tposition: \"relative\",\r\n\t\ttop: 3,\r\n\t\tleft: 10,\r\n\t\tcolor: \"#476282\",\r\n\t},\r\n\tcalendarContentHeader: {\r\n\t\tcursor: \"pointer\",\r\n\t},\r\n\tcalendarContentItems: {\r\n\t\twidth: 555,\r\n\t\tposition: \"absolute\",\r\n\t\ttop: 0,\r\n\t\tleft: \"-1px\",\r\n\t\tmarginTop: 38,\r\n\t\tborder: \"1px solid #ccc\",\r\n\t\tborderRadius: 5,\r\n\t\tpadding: \"10px 10px 12px 10px\",\r\n\t\tpaddingRight: 18,\r\n\t\tlineHeight: 1,\r\n\t\tbackground: \"white\",\r\n\r\n\t\tborderTopLeftRadius: 0,\r\n\t\tzIndex: 999999,\r\n\t\t[theme.breakpoints.down(\"940\")]: {\r\n\t\t\tdisplay: \"flex\",\r\n\t\t\tflexDirection: \"column\",\r\n\t\t\twidth: \"250px\",\r\n\t\t\tborderRadius: 0,\r\n\t\t\tpadding: \"10px 0\",\r\n\t\t\tboxSizing: \"border-box\",\r\n\t\t\t\"& #first\": {\r\n\t\t\t\tmargin: \"0 auto\",\r\n\t\t\t\tmarginBottom: 10,\r\n\t\t\t},\r\n\t\t\t\"& #second\": {\r\n\t\t\t\tmargin: \"0 auto\",\r\n\t\t\t\tmarginBottom: 10,\r\n\t\t\t},\r\n\t\t\t\"& button\": {\r\n\t\t\t\tmargin: \"0 auto\",\r\n\t\t\t},\r\n\t\t},\r\n\t\t[theme.breakpoints.down(\"460\")]: {\r\n\t\t\tpadding: \"16px 8px\",\r\n\t\t},\r\n\t},\r\n\tInputFirst: {\r\n\t\t\"& > .MuiInput-underline .MuiInputBase-input\": {\r\n\t\t\tdisplay: \"flex\",\r\n\t\t\tjustifyContent: \"center\",\r\n\t\t\talignItems: \"center\",\r\n\t\t\talignContent: \"center\",\r\n\t\t\ttextAlign: \"center\",\r\n\t\t\tverticalAlign: \"middle\",\r\n\t\t\theight: 35,\r\n\t\t\tlineHeight: \"35px\",\r\n\t\t\tmarginRight: \"10px\",\r\n\t\t\twidth: 210,\r\n\t\t\tpadding: \"16px\",\r\n\t\t\tfontSize: 13,\r\n\t\t\tfontWeight: 500,\r\n\t\t\tbackground: \"white\",\r\n\t\t\tborder: \"0.5px solid rgba(71, 98, 130, 0.5)\",\r\n\t\t\tborderRadius: 5,\r\n\t\t\tboxSizing: \"border-box\",\r\n\t\t\tzIndex: 10,\r\n\t\t},\r\n\t\t\"& > .MuiInput-underline::before\": {\r\n\t\t\tcontent: \"none\",\r\n\t\t},\r\n\t\t\"& > .MuiInput-underline::after\": {\r\n\t\t\tcontent: \"none\",\r\n\t\t},\r\n\t},\r\n\tbutton: {\r\n\t\twidth: 84,\r\n\t\theight: 35,\r\n\t\tfontSize: 12,\r\n\t\tfontWeight: 500,\r\n\t\tlineHeight: \"14px\",\r\n\t\ttextTransform: \"capitalize\",\r\n\t\tcolor: \"white\",\r\n\t\tbackground: \"#326DFF\",\r\n\t},\r\n}));\r\n\r\nexport default Calendar;\r\n","/* eslint-disable eqeqeq */\r\nimport React, { useState, useEffect } from \"react\";\r\nimport { makeStyles } from \"@material-ui/core/styles\";\r\nimport { Field, reduxForm } from \"redux-form\";\r\nimport {\r\n\trequired,\r\n\tnumericality,\r\n\taddValidator,\r\n\tformat,\r\n} from \"redux-form-validators\";\r\n\r\nimport Button from \"../../../components/Button\";\r\nimport Typography from \"@material-ui/core/Typography\";\r\nimport useMediaQuery from \"@material-ui/core/useMediaQuery\";\r\nimport { InputField } from \"../../../components/UIform/inputField\";\r\nimport Checkbox from \"@material-ui/core/Checkbox\";\r\nimport FormControlLabel from \"@material-ui/core/FormControlLabel\";\r\nimport ModalComponent from \"../../../components/ModalComponent\";\r\nimport CustomizedInputs from \"../../../components/UIform\";\r\nimport Loading from \"../../../components/Loading\";\r\nimport Chip from \"@material-ui/core/Chip\";\r\nimport Popover from \"../../../components/Popover\";\r\n\r\nimport CustomInputTextarea from \"../../../components/UIform/inputTextarea\";\r\n\r\nimport CalendarPeriod from \"./CalendarPeriod\";\r\n\r\nconst promocodesValidator = addValidator({\r\n\tdefaultMessage: \"Ошибка валидации\",\r\n\tvalidator: function (options, value, allValues) {\r\n\t\treturn (options.lowerCase ? /^[a-z0-9A-Z]+$/ : /^[a-z]+$/i).test(value);\r\n\t},\r\n});\r\n\r\nlet CreateModalPromocodesForm = (props) => {\r\n\tconst { handleSubmit } = props;\r\n\tconst classes = useStyles();\r\n\tconst isMin600 = useMediaQuery(\"(max-width: 599px)\");\r\n\r\n\tconst [openModal, setOpenModal] = useState(false);\r\n\tconst [isSubmit, setIsSubmit] = useState(false);\r\n\tconst [isLoading, setIsLoading] = useState(false);\r\n\r\n\tconst [data, setData] = useState(null);\r\n\tconst [checked, setChecked] = useState(null);\r\n\r\n\tconst [noPromocodeForProductsIds, setNoPromocodeForProductsIds] = useState(\r\n\t\t[]\r\n\t);\r\n\tconst [noPromocodeForCategoriesIds, setNoPromocodeForCategoriesIds] =\r\n\t\tuseState([]);\r\n\tconst [idProducts, setIdProducts] = useState(\"\");\r\n\tconst [idCategories, setIdCategories] = useState(\"\");\r\n\r\n\tconst [count, setCount] = useState(1);\r\n\r\n\tconst isPresent = count === 1;\r\n\tconst isDiscount = count === 2;\r\n\tconst isAmount = count === 3;\r\n\r\n\t// console.log('isPresent, isDiscount, isAmount', isPresent, isDiscount, isAmount);\r\n\t// console.log('count', count);\r\n\t// console.log('dataForm', props.dataForm);\r\n\r\n\tconst handleChange = (e) => {\r\n\t\tconst name = e.target.name;\r\n\r\n\t\tconsole.log(\"target\", e.target);\r\n\r\n\t\tif (name == \"radioPresent\" && count !== 1) {\r\n\t\t\tsetCount(1);\r\n\t\t}\r\n\r\n\t\tif (name == \"radioDiscount\" && count !== 2) {\r\n\t\t\tsetCount(2);\r\n\t\t}\r\n\r\n\t\tif (name == \"radioAmount\" && count !== 3) {\r\n\t\t\tsetCount(3);\r\n\t\t}\r\n\t};\r\n\r\n\tconst handleInputChange = (e) => {\r\n\t\t// const {value} = e.target;\r\n\t\tconst { name, value } = e.target;\r\n\r\n\t\tif (name === \"orderLimit\" && !/^\\d*$/.test(value)) {\r\n\t\t\treturn; // Игнорируем ввод, если значение не является числом\r\n\t\t}\r\n\r\n\t\tif (name === \"idProducts\") {\r\n\t\t\tsetIdProducts(value); // Обновляем локальное состояние при изменении\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\tif (name === \"idCategories\") {\r\n\t\t\tsetIdCategories(value);\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\tsetData({\r\n\t\t\t...data,\r\n\t\t\tparametr: value,\r\n\t\t});\r\n\t};\r\n\r\n\tconst handleAddProduct = () => {\r\n\t\tconst status = noPromocodeForProductsIds.find(\r\n\t\t\t(chip) => chip === idProducts\r\n\t\t);\r\n\t\tconst isValue = idProducts.length > 0 ? true : false;\r\n\r\n\t\tif (status === undefined && isValue) {\r\n\t\t\tsetNoPromocodeForProductsIds([\r\n\t\t\t\t\"\",\r\n\t\t\t\t...noPromocodeForProductsIds,\r\n\t\t\t\tidProducts,\r\n\t\t\t]);\r\n\t\t\tsetIdProducts(\"\");\r\n\t\t\tprops.change(\"idProducts\", \"\");\r\n\t\t} else if (!isValue) {\r\n\t\t\talert(\"Пустое поле\");\r\n\t\t} else {\r\n\t\t\talert(\"Данный ID уже есть в списке\");\r\n\t\t}\r\n\t};\r\n\r\n\tconst handleDeleteProduct = (chipToDelete) => () => {\r\n\t\tconst list = noPromocodeForProductsIds.filter(\r\n\t\t\t(chip) => chip !== chipToDelete\r\n\t\t);\r\n\t\tsetNoPromocodeForProductsIds(list);\r\n\t};\r\n\r\n\tconst handleAddCategory = () => {\r\n\t\tconst status = noPromocodeForCategoriesIds.find(\r\n\t\t\t(chip) => chip === idCategories\r\n\t\t);\r\n\t\tconst isValue = idCategories.length > 0 ? true : false;\r\n\r\n\t\tif (status === undefined && isValue) {\r\n\t\t\tsetNoPromocodeForCategoriesIds([\r\n\t\t\t\t\"\",\r\n\t\t\t\t...noPromocodeForCategoriesIds,\r\n\t\t\t\tidCategories,\r\n\t\t\t]);\r\n\t\t\tsetIdCategories(\"\");\r\n\t\t\tprops.change(\"idCategories\", \"\");\r\n\t\t} else if (!isValue) {\r\n\t\t\talert(\"Пустое поле\");\r\n\t\t} else {\r\n\t\t\talert(\"Данный ID уже есть в списке\");\r\n\t\t}\r\n\t};\r\n\r\n\tconst handleDeleteCategory = (chipToDelete) => () => {\r\n\t\tconst list = noPromocodeForCategoriesIds.filter(\r\n\t\t\t(chip) => chip !== chipToDelete\r\n\t\t);\r\n\t\tsetNoPromocodeForCategoriesIds(list);\r\n\t};\r\n\r\n\tuseEffect(() => {\r\n\t\tif (!checked) {\r\n\t\t\tif (data) {\r\n\t\t\t\tsetChecked(data.isUseDiscountIdsAllowed);\r\n\t\t\t}\r\n\t\t}\r\n\t}, [checked, data]);\r\n\r\n\tuseEffect(() => {\r\n\t\tif (isLoading && isSubmit && !openModal) {\r\n\t\t\tconst { onSubmit, handleClose, dataForm } = props;\r\n\t\t\tlet arr = [];\r\n\r\n\t\t\tfor (let key in dataForm) {\r\n\t\t\t\tarr.push(key);\r\n\t\t\t}\r\n\r\n\t\t\t// let newId = arr.length !== 0 ? +arr[arr.length - 1] + 1 : 0;\r\n\t\t\tlet newId = data.id.replace(/ /g, \"\");\r\n\r\n\t\t\tconsole.log(\"newId\", newId);\r\n\r\n\t\t\tonSubmit({\r\n\t\t\t\t...dataForm,\r\n\t\t\t\t[newId]: {\r\n\t\t\t\t\t...data,\r\n\t\t\t\t\tdiscountId: \"\",\r\n\t\t\t\t\tisUseDiscountIdsAllowed: checked ? checked : false,\r\n\t\t\t\t\tnoPromocodeForCategoriesIds:\r\n\t\t\t\t\t\tnoPromocodeForCategoriesIds?.length > 0\r\n\t\t\t\t\t\t\t? noPromocodeForCategoriesIds\r\n\t\t\t\t\t\t\t: [\"\"],\r\n\t\t\t\t\tnoPromocodeForProductsIds:\r\n\t\t\t\t\t\tnoPromocodeForProductsIds?.length > 0\r\n\t\t\t\t\t\t\t? noPromocodeForProductsIds\r\n\t\t\t\t\t\t\t: [\"\"],\r\n\t\t\t\t},\r\n\t\t\t});\r\n\r\n\t\t\thandleClose();\r\n\t\t}\r\n\r\n\t\tif (isLoading && !isSubmit && !openModal) {\r\n\t\t\tconsole.log(\"Вы отменили\");\r\n\t\t}\r\n\r\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\r\n\t}, [isSubmit, isLoading, openModal]);\r\n\r\n\tconst handleCloseModal = () => {\r\n\t\tsetOpenModal(false);\r\n\t\tsetIsSubmit(false);\r\n\t};\r\n\r\n\tconst handleClickSubmit = () => {\r\n\t\tsetOpenModal(false);\r\n\t\tsetIsSubmit(true);\r\n\t};\r\n\r\n\tconst submitForm = () => {\r\n\t\tconst { valid } = props;\r\n\r\n\t\tif (valid) {\r\n\t\t\tsetOpenModal(true);\r\n\t\t\tsetIsLoading(true);\r\n\t\t}\r\n\t};\r\n\r\n\tconst handleCheckboxChange = (e) => {\r\n\t\tconst value = e.target.checked;\r\n\r\n\t\tif (checked !== value) {\r\n\t\t\tsetChecked(value);\r\n\t\t}\r\n\t};\r\n\r\n\tconst handleInputFieldChange = (e) => {\r\n\t\tconst { name, value } = e.target;\r\n\r\n\t\tconsole.log(\"name\", name, \"value\", value);\r\n\r\n\t\tsetData({\r\n\t\t\t...data,\r\n\t\t\t[name]: name === \"orderLimit\" ? +value : value,\r\n\t\t\ttype: count,\r\n\t\t});\r\n\t};\r\n\r\n\tif (!data) {\r\n\t\tsetData({\r\n\t\t\t...data,\r\n\t\t\tisAvailable: true,\r\n\t\t\ttype: count,\r\n\t\t\torderLimit: 0,\r\n\t\t});\r\n\t}\r\n\r\n\t// console.log('dataForm', props.dataForm);\r\n\t// console.log(\"data\", data);\r\n\r\n\treturn (\r\n\t\t<>\r\n\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t{isPresent && (\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t)}\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t)}\r\n\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t)}\r\n\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t\t\t=\": 0,\r\n\t\t\t\t\t\t\t\t\t\tmsg: {\r\n\t\t\t\t\t\t\t\t\t\t\t\">=\": \"Значение должно быть больше или равно {count}\",\r\n\t\t\t\t\t\t\t\t\t\t\tint: \"Необходимо целое число\",\r\n\t\t\t\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\t\t\t}),\r\n\t\t\t\t\t\t\t\t]}\r\n\t\t\t\t\t\t\t/>\r\n\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\tКатегории, на которые не применяются скидки\r\n\t\t\t\t\t\t \r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t- \r\n\t\t\t\t\t\t\t{noPromocodeForCategoriesIds?.slice(1).map((data, index) => {\r\n\t\t\t\t\t\t\t\treturn (\r\n\t\t\t\t\t\t\t\t\t
- \r\n\t\t\t\t\t\t\t\t\t\t
}\r\n\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t);\r\n\t\t\t\t\t\t\t})}\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\tПродукты, на которые не применяются скидки\r\n\t\t\t\t\t\t \r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t- \r\n\t\t\t\t\t\t\t{noPromocodeForProductsIds?.slice(1).map((data, index) => {\r\n\t\t\t\t\t\t\t\treturn (\r\n\t\t\t\t\t\t\t\t\t
- \r\n\t\t\t\t\t\t\t\t\t\t
}\r\n\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t);\r\n\t\t\t\t\t\t\t})}\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t submitForm(handleSubmit)}\r\n\t\t\t\t\t/>\r\n\t\t\t\t
\r\n\t\t\t\r\n\t\t\r\n\t);\r\n};\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n\tdialogPaper: {\r\n\t\twidth: \"80%\",\r\n\t\tmaxWidth: 1057,\r\n\t\tpadding: 24,\r\n\t},\r\n\tdialogTitle: {\r\n\t\tpadding: 0,\r\n\t\t\"& h2\": {\r\n\t\t\tfontSize: 16,\r\n\t\t\tfontWeight: \"normal\",\r\n\t\t\tlineHeight: \"25px\",\r\n\t\t},\r\n\t},\r\n\ticonsWrapper: {\r\n\t\tdisplay: \"flex\",\r\n\t},\r\n\tcloseIcon: {\r\n\t\tmarginRight: 16,\r\n\t\tcolor: \"#476282\",\r\n\t\t\"&:hover\": {\r\n\t\t\tcolor: \"black\",\r\n\t\t\tcursor: \"pointer\",\r\n\t\t},\r\n\t},\r\n\tbuttonWrapper: {\r\n\t\tmargin: \"0 auto\",\r\n\t\tmarginTop: 30,\r\n\t\ttextAlign: \"center\",\r\n\t},\r\n\tdiscountRadios: {\r\n\t\tmarginTop: 30,\r\n\t\t[theme.breakpoints.down(\"600\")]: {\r\n\t\t\tmarginTop: 16,\r\n\t\t},\r\n\t},\r\n\tdiscountInput: {\r\n\t\tdisplay: \"flex\",\r\n\t\tflexDirection: \"column\",\r\n\t\theight: 57,\r\n\t\twidth: \"100%\",\r\n\t\tpadding: \"0 16px 16px 16px\",\r\n\t\tmarginBottom: 16,\r\n\t\tboxSizing: \"border-box\",\r\n\r\n\t\tboxShadow: \"0px 14px 23px rgba(232, 228, 228, 0.5)\",\r\n\t\tbackground: \"white\",\r\n\t\tborderRadius: 5,\r\n\t},\r\n\tdiscountTitle: {\r\n\t\tfontSize: 16,\r\n\t\tfontWeight: 500,\r\n\t\tlineHeight: \"57px\",\r\n\t\tcolor: \"black\",\r\n\t},\r\n\tdiscountInputWrap: {\r\n\t\twidth: \"100%\",\r\n\t\tdisplay: \"flex\",\r\n\t\tjustifyContent: \"space-between\",\r\n\t\talignItems: \"center\",\r\n\t\tcursor: \"pointer\",\r\n\t},\r\n\tdiscountRadio: {\r\n\t\tmargin: 0,\r\n\t\tcursor: \"pointer\",\r\n\t},\r\n\tdiscountHidden: {\r\n\t\twidth: 328,\r\n\t\t[theme.breakpoints.down(\"600\")]: {\r\n\t\t\twidth: \"100%\",\r\n\t\t},\r\n\t},\r\n\totherFields: {},\r\n\tcode: {},\r\n\ttextarea: {\r\n\t\tmaxWidth: \"327px\",\r\n\t\twidth: \"100%\",\r\n\t\t[theme.breakpoints.down(\"600\")]: {\r\n\t\t\tmaxWidth: \"100%\",\r\n\t\t},\r\n\t\t\"& > div:before\": {\r\n\t\t\tdisplay: \"none\",\r\n\t\t},\r\n\t\t\"& > div\": {\r\n\t\t\t// width: '327px',\r\n\t\t\tmarginTop: 8,\r\n\t\t\tresize: \"none\",\r\n\t\t\t// height: 103,\r\n\t\t\tborder: \"1px solid #DADCE0\",\r\n\t\t\tborderRadius: \"5px\",\r\n\t\t\tpadding: \"11px 16px 11px 16px\",\r\n\t\t\tboxSizing: \"border-box\",\r\n\t\t\tfontSize: 16,\r\n\t\t\tfontFamily: \"Roboto, Helvetica, Arial, sans-serif\",\r\n\t\t\tlineHeight: \"24px\",\r\n\t\t\t[theme.breakpoints.down(\"600\")]: {\r\n\t\t\t\twidth: \"100%\",\r\n\t\t\t},\r\n\t\t},\r\n\t\t\"& > div:after\": {\r\n\t\t\tdisplay: \"none\",\r\n\t\t},\r\n\t\t\"& > div.Mui-error\": {\r\n\t\t\tborder: \"1px solid red;\",\r\n\t\t},\r\n\t\t\"&::-webkit-input-placeholder\": {\r\n\t\t\tcolor: \"#DADCE0\",\r\n\t\t\tfontWeight: 400,\r\n\t\t},\r\n\t\t\"&::textarea:-moz-placeholder\": {\r\n\t\t\tcolor: \"#DADCE0\",\r\n\t\t\tfontWeight: 400,\r\n\t\t},\r\n\t\t\"&::textarea::-moz-placeholder\": {\r\n\t\t\tcolor: \"#DADCE0\",\r\n\t\t\tfontWeight: 400,\r\n\t\t},\r\n\t\t\"&::textarea:-ms-input-placeholder\": {\r\n\t\t\tcolor: \"#DADCE0\",\r\n\t\t\tfontWeight: 400,\r\n\t\t},\r\n\t\t\"&::textarea::placeholder\": {\r\n\t\t\tcolor: \"#DADCE0\",\r\n\t\t\tfontWeight: 400,\r\n\t\t},\r\n\t},\r\n\totherInput: {\r\n\t\twidth: \"100%\",\r\n\t\tmarginTop: 8,\r\n\t\t\"& input\": {\r\n\t\t\twidth: \"100%\",\r\n\t\t\theight: 45,\r\n\t\t\tborder: \"1px solid #DADCE0\",\r\n\t\t\tborderRadius: \"5px\",\r\n\t\t\tpadding: \"11px 50px 11px 16px\",\r\n\t\t\tboxSizing: \"border-box\",\r\n\t\t},\r\n\t\t\"& .MuiInput-underline:hover:not(.Mui-disabled):before\": {\r\n\t\t\tcontent: \"none\",\r\n\t\t},\r\n\t\t\"& .MuiInput-underline:after\": {\r\n\t\t\tcontent: \"none\",\r\n\t\t},\r\n\t\t\"& .MuiInput-underline:before\": {\r\n\t\t\tcontent: \"none\",\r\n\t\t},\r\n\t\t\"& .Mui-error input\": {\r\n\t\t\tborder: \"1px solid red\",\r\n\t\t},\r\n\t},\r\n\totherInputDescription: {\r\n\t\twidth: \"100%\",\r\n\t\tmarginTop: 8,\r\n\t\t\"& input\": {\r\n\t\t\twidth: \"100%\",\r\n\t\t\theight: 103,\r\n\t\t\tborder: \"1px solid #DADCE0\",\r\n\t\t\tborderRadius: \"5px\",\r\n\t\t\tpadding: \"11px 50px 11px 16px\",\r\n\t\t\tboxSizing: \"border-box\",\r\n\t\t},\r\n\t\t\"& .MuiInput-underline:hover:not(.Mui-disabled):before\": {\r\n\t\t\tcontent: \"none\",\r\n\t\t},\r\n\t\t\"& .MuiInput-underline:after\": {\r\n\t\t\tcontent: \"none\",\r\n\t\t},\r\n\t\t\"& .MuiInput-underline:before\": {\r\n\t\t\tcontent: \"none\",\r\n\t\t},\r\n\t\t\"& .Mui-error input\": {\r\n\t\t\tborder: \"1px solid red\",\r\n\t\t},\r\n\t},\r\n\tcheckbox: {\r\n\t\t\"&.MuiCheckbox-colorPrimary.Mui-checked\": {\r\n\t\t\tcolor: \"#326dff\",\r\n\t\t},\r\n\t\t\"&.MuiCheckbox-colorPrimary\": {\r\n\t\t\tpadding: 10,\r\n\t\t},\r\n\t},\r\n\theaderWrapper: {\r\n\t\tdisplay: \"flex\",\r\n\t\tposition: \"relative\",\r\n\t\tmaxWidth: 438,\r\n\t},\r\n\tpopover: {\r\n\t\ttop: 2,\r\n\t},\r\n\tcategoriesWrap: {\r\n\t\tmarginTop: 24,\r\n\t\tpadding: 16,\r\n\t\tminHeight: 132,\r\n\r\n\t\tborder: \"1px solid #DADCE0\",\r\n\t\tboxSizing: \"border-box\",\r\n\t\tborderRadius: 5,\r\n\t\tbackground: \"white\",\r\n\t},\r\n\ttypography: {\r\n\t\tfontSize: 18,\r\n\t\tfontWeight: 500,\r\n\t\tlineHeight: \"21px\",\r\n\t\tpaddingRight: 20,\r\n\t},\r\n\twrapper: {\r\n\t\tdisplay: \"flex\",\r\n\t\talignItems: \"end\",\r\n\t\t[theme.breakpoints.down(\"600\")]: {\r\n\t\t\tdisplay: \"flex\",\r\n\t\t\tflexDirection: \"column\",\r\n\t\t\tjustifyContent: \"center\",\r\n\t\t\talignItems: \"center\",\r\n\t\t},\r\n\t},\r\n\tcategoriesContent: {\r\n\t\tdisplay: \"flex\",\r\n\t\t[theme.breakpoints.down(\"600\")]: {\r\n\t\t\tdisplay: \"flex\",\r\n\t\t\tjustifyContent: \"center\",\r\n\t\t\talignItems: \"center\",\r\n\t\t},\r\n\t},\r\n\tinputField: {\r\n\t\t\"& input\": {\r\n\t\t\twidth: 328,\r\n\t\t\theight: 45,\r\n\t\t\tborder: \"1px solid #DADCE0\",\r\n\t\t\tborderRadius: \"5px\",\r\n\t\t\tpadding: \"11px 50px 11px 16px\",\r\n\t\t\tboxSizing: \"border-box\",\r\n\t\t},\r\n\t\t\"& .MuiInput-underline:hover:not(.Mui-disabled):before\": {\r\n\t\t\tcontent: \"none\",\r\n\t\t},\r\n\t\t\"& .MuiInput-underline:after\": {\r\n\t\t\tcontent: \"none\",\r\n\t\t},\r\n\t\t\"& .MuiInput-underline:before\": {\r\n\t\t\tcontent: \"none\",\r\n\t\t},\r\n\t\t\"& .Mui-error input\": {\r\n\t\t\tborder: \"1px solid red\",\r\n\t\t},\r\n\t\t[theme.breakpoints.down(\"375\")]: {\r\n\t\t\t\"& > div > input\": {\r\n\t\t\t\twidth: \"100%\",\r\n\t\t\t},\r\n\t\t},\r\n\t},\r\n\tbutton: {\r\n\t\tmarginTop: 0,\r\n\t\tmarginLeft: 15,\r\n\t\tfontSize: 14,\r\n\t\ttextTransform: \"inherit\",\r\n\t\t[theme.breakpoints.down(\"600\")]: {\r\n\t\t\tmarginTop: 16,\r\n\t\t\tmarginLeft: 0,\r\n\t\t},\r\n\t},\r\n\r\n\tchipsList: {\r\n\t\tpaddingLeft: 0,\r\n\t\tdisplay: \"flex\",\r\n\t\tflexWrap: \"wrap\",\r\n\t\t[theme.breakpoints.down(\"600\")]: {\r\n\t\t\twidth: \"100%\",\r\n\t\t\tdisplay: \"flex\",\r\n\t\t\tflexDirection: \"column\",\r\n\t\t\t\"& > li > div\": {\r\n\t\t\t\twidth: \"100%\",\r\n\t\t\t},\r\n\t\t\t\"& > li:last-child > hr\": {\r\n\t\t\t\tdisplay: \"none\",\r\n\t\t\t},\r\n\t\t},\r\n\t},\r\n\tchipsListLi: {\r\n\t\tlistStyleType: \"none\",\r\n\t\tmarginRight: 5,\r\n\t\tmarginBottom: 5,\r\n\t\t[theme.breakpoints.down(\"600\")]: {\r\n\t\t\tmarginRight: 5,\r\n\t\t},\r\n\t},\r\n\tchip: {\r\n\t\tfontSize: 12,\r\n\t\tlineHeight: 1,\r\n\t\tcolor: \"white\",\r\n\t\tbackgroundColor: \"#326DFF\",\r\n\t\t[theme.breakpoints.down(\"600\")]: {\r\n\t\t\tdisplay: \"flex\",\r\n\t\t\tjustifyContent: \"space-between\",\r\n\t\t\tbackground: \"#E0E9FF\",\r\n\t\t\tcolor: \"#326DFF\",\r\n\t\t\tpadding: \"0 6px\",\r\n\t\t},\r\n\r\n\t\t\"&.MuiChip-deletable > .MuiChip-deleteIcon\": {\r\n\t\t\tcolor: \"rgba(255, 255, 255, .26)\",\r\n\t\t\t[theme.breakpoints.down(\"600\")]: {\r\n\t\t\t\tcolor: \"rgba(255, 255, 255, 1)\",\r\n\t\t\t},\r\n\t\t},\r\n\t},\r\n\thr: {\r\n\t\tborder: \"1px dashed rgba(71, 98, 130, .25)\",\r\n\t\tboxSizing: \"border-box\",\r\n\t\tmarginLeft: \"10px\",\r\n\t\tmarginRight: \"10px\",\r\n\t},\r\n}));\r\n\r\nconst mapStateToProps = (state, props) => {\r\n\tlet initialValues = {};\r\n\r\n\tconst { id, count, dataForm } = props;\r\n\r\n\tconst product = dataForm[id];\r\n\r\n\tif (product) {\r\n\t\tconst {\r\n\t\t\ttype,\r\n\t\t\tparametr,\r\n\t\t\torderLimit,\r\n\t\t\ttitle,\r\n\t\t\tdescription,\r\n\t\t\tbegin,\r\n\t\t\tend,\r\n\t\t\tdiscountId,\r\n\t\t\tnoPromocodeForCategoriesIds,\r\n\t\t\tnoPromocodeForProductsIds,\r\n\t\t} = product;\r\n\r\n\t\tif (type === 1 && count === 1) initialValues[\"present\"] = parametr;\r\n\t\tif (type === 2 && count === 2) initialValues[\"discount\"] = parametr;\r\n\t\tif (type === 3 && count === 3) initialValues[\"amount\"] = parametr;\r\n\r\n\t\tinitialValues[\"id\"] = product.id;\r\n\t\tinitialValues[\"discountId\"] = discountId;\r\n\t\tinitialValues[\"orderLimit\"] = +orderLimit || +0;\r\n\t\tinitialValues[\"title\"] = title;\r\n\t\tinitialValues[\"description\"] = description;\r\n\t\tinitialValues[\"begin\"] = begin;\r\n\t\tinitialValues[\"end\"] = end;\r\n\t\tinitialValues[\"noPromocodeForCategoriesIds\"] = noPromocodeForCategoriesIds\r\n\t\t\t? noPromocodeForCategoriesIds\r\n\t\t\t: [];\r\n\t\tinitialValues[\"noPromocodeForProductsIds\"] = noPromocodeForProductsIds\r\n\t\t\t? noPromocodeForProductsIds\r\n\t\t\t: [];\r\n\t}\r\n\r\n\treturn { initialValues };\r\n};\r\n\r\nEditModalPromocodesForm = connect(\r\n\tmapStateToProps,\r\n\tnull\r\n)(\r\n\treduxForm({\r\n\t\tform: \"EditModalForm\",\r\n\t\tenableReinitialize: true,\r\n\t})(EditModalPromocodesForm)\r\n);\r\n\r\nexport default EditModalPromocodesForm;\r\n","import React from 'react';\r\nimport { makeStyles } from '@material-ui/core/styles';\r\n\r\nimport Dialog from '@material-ui/core/Dialog';\r\nimport DialogContent from '@material-ui/core/DialogContent';\r\nimport DialogTitle from '@material-ui/core/DialogTitle';\r\n\r\nimport CloseIcon from '@material-ui/icons/Close';\r\nimport CreateModalPromocodesForm from './CreateModalPromocodesForm';\r\nimport EditModalPromocodesForm from './EditModalPromocodesForm';\r\n\r\nconst DialogComponent = ({ \r\n open,\r\n count,\r\n setCount, \r\n handleClose,\r\n editPromocode, \r\n onSubmit,\r\n dataForm,\r\n createPromocodeSubmit\r\n}) => {\r\n const classes = useStyles();\r\n\r\n return (\r\n \r\n )\r\n};\r\n\r\nconst useStyles = makeStyles(theme => ({\r\n dialogPaper: {\r\n width: '80%',\r\n maxWidth: 1057,\r\n padding: 24,\r\n [theme.breakpoints.down('600')]: {\r\n padding: 16,\r\n width: '100%',\r\n margin: '0 10px',\r\n },\r\n },\r\n dialogContent: {\r\n padding: 0,\r\n },\r\n dialogTitle: {\r\n padding: 0,\r\n '& h2': {\r\n fontSize: 16,\r\n fontWeight: 'normal',\r\n lineHeight: '25px',\r\n }\r\n },\r\n iconsWrapper: {\r\n display: 'flex',\r\n },\r\n closeIcon: {\r\n marginRight: 16,\r\n color: '#476282',\r\n '&:hover': {\r\n color: 'black',\r\n cursor: 'pointer',\r\n }\r\n },\r\n}));\r\n\r\nexport default DialogComponent;","import React, { useState, useEffect } from 'react';\r\nimport { makeStyles } from '@material-ui/core/styles';\r\n\r\nimport Typography from '@material-ui/core/Typography';\r\n\r\nimport EditIcon from '@material-ui/icons/Edit';\r\nimport DeleteOutlineIcon from '@material-ui/icons/DeleteOutline';\r\nimport Switch from '../../../components/Switch';\r\nimport ModalComponent from '../../../components/ModalComponent';\r\n\r\nconst ItemComponent = ({\r\n id,\r\n count,\r\n isAvailable,\r\n discountId,\r\n indexKey,\r\n changeChecker,\r\n deletePromocode,\r\n setEditPromocode,\r\n setOpenModal,\r\n ...props\r\n}) => {\r\n const classes = useStyles();\r\n\r\n const [open, setOpen] = useState(false);\r\n const [isSubmit, setIsSubmit] = useState(false);\r\n\r\n const handleClose = () => {\r\n setOpen(false);\r\n setIsSubmit(false);\r\n };\r\n\r\n const handleClickSubmit = () => {\r\n setOpen(false);\r\n setIsSubmit(true);\r\n };\r\n\r\n useEffect(() => {\r\n if (isSubmit && !open) {\r\n deletePromocode(indexKey);\r\n }\r\n \r\n // eslint-disable-next-line react-hooks/exhaustive-deps\r\n }, [isSubmit, open]);\r\n\r\n const editPromocode = (id) => {\r\n setEditPromocode(id);\r\n setOpenModal(true);\r\n }\r\n\r\n // const name = Object.keys(props.promocodes)[count];\r\n \r\n return (\r\n \r\n
\r\n )\r\n}\r\n\r\nconst useStyles = makeStyles(theme => ({\r\n title: {\r\n fontWeight: '500',\r\n fontSize: 16,\r\n lineHeight: '19px',\r\n },\r\n order: {\r\n marginTop: 20,\r\n display: 'flex',\r\n height: 57,\r\n width: '100%',\r\n padding: '0 16px',\r\n marginBottom: 16,\r\n boxSizing: 'border-box',\r\n\r\n boxShadow: '0px 14px 23px rgba(232, 228, 228, 0.5)',\r\n background: 'white',\r\n borderRadius: 5,\r\n },\r\n orderContent: {\r\n display: 'flex',\r\n justifyContent: 'space-between',\r\n alignItems: 'center',\r\n width: '100%',\r\n },\r\n orderChange: {\r\n display: 'flex',\r\n justifyContent: 'center',\r\n alignItems: 'center',\r\n },\r\n editIcon: {\r\n width: 22,\r\n height: 22,\r\n marginRight: 15,\r\n color: '#476282',\r\n '&:hover': {\r\n color: '#326dff',\r\n cursor: 'pointer',\r\n }\r\n },\r\n trashIcon: {\r\n width: 22,\r\n height: 22,\r\n color: '#476282',\r\n '&:hover': {\r\n color: '#326dff',\r\n cursor: 'pointer',\r\n }\r\n }\r\n}))\r\nexport default ItemComponent;","import React, { useState, useEffect } from 'react';\r\nimport { makeStyles } from '@material-ui/core/styles';\r\n\r\nimport Typography from '@material-ui/core/Typography';\r\nimport Button from '@material-ui/core/Button';\r\nimport DialogComponent from './DialogComponent';\r\nimport ItemComponent from './ItemComponent';\r\n\r\nconst Promocodes = (props) => {\r\n const classes = useStyles();\r\n const [openModal, setOpenModal] = useState(false);\r\n\r\n const [editPromocode, setEditPromocode] = useState(null);\r\n const [dataForm, setDataForm] = useState(null);\r\n const [count, setCount] = useState(null);\r\n\r\n const isPromocodes = props.promocodes && props.promocodes.length !== 0 ? props.promocodes : null;\r\n\r\n const handleClose = () => {\r\n setOpenModal(false);\r\n };\r\n\r\n const createPromocode = () => {\r\n setOpenModal(true);\r\n setEditPromocode(null);\r\n }\r\n\r\n useEffect(() => {\r\n // eslint-disable-next-line no-mixed-operators\r\n if (props && props.promocodes) {\r\n if (!dataForm || Object.keys(props.promocodes).length !== dataForm.length) {\r\n setDataForm(props.promocodes);\r\n }\r\n }\r\n }, [dataForm, props.promocodes]);\r\n\r\n useEffect(() => {\r\n if (!count) {\r\n if (editPromocode) {\r\n setCount(dataForm[editPromocode].type);\r\n }\r\n }\r\n // eslint-disable-next-line react-hooks/exhaustive-deps\r\n }, [count, editPromocode]);\r\n\r\n const items = [];\r\n const keys = [];\r\n\r\n for (let key in dataForm) {\r\n const item = dataForm[key];\r\n\r\n items.push(item);\r\n keys.push(key);\r\n }\r\n\r\n\r\n return (\r\n \r\n {id} \r\n
\r\n \r\n editPromocode(indexKey)} />\r\n setOpen(true)} />\r\n
\r\n \r\n
\r\n )\r\n}\r\n\r\nconst useStyles = makeStyles(theme => ({\r\n promocodes: {\r\n minHeight: 148,\r\n marginTop: 30,\r\n padding: 16,\r\n border: '1px solid #DADCE0',\r\n boxSizing: 'border-box',\r\n borderRadius: 5,\r\n [theme.breakpoints.down('600')]: {\r\n backgroundColor: 'white',\r\n },\r\n },\r\n promocodesHeaderWrap: {\r\n display: 'flex',\r\n justifyContent: 'space-between',\r\n alignItems: 'center',\r\n },\r\n button: {\r\n width: 109,\r\n height: 36,\r\n backgroundColor: '#E9F1FC',\r\n color: '#326DFF',\r\n boxShadow: 'none',\r\n textTransform: 'capitalize',\r\n '&:hover': {\r\n backgroundColor: '#326DFF',\r\n color: 'white',\r\n boxShadow: 'none',\r\n }\r\n\r\n },\r\n promocodesContainer: {\r\n display: 'flex',\r\n justifyContent: 'center',\r\n alignItems: 'center',\r\n height: '80px',\r\n \r\n fontWeight: 500,\r\n fontSize: 16,\r\n lineHeight: 19,\r\n color: '#476282',\r\n },\r\n typography: {\r\n fontWeight: 500,\r\n fontSize: 18,\r\n lineHeight: '21px',\r\n },\r\n}))\r\n\r\nexport default Promocodes;","import React, { Component } from \"react\";\r\n\r\nimport { connect } from \"react-redux\";\r\nimport { withRouter } from \"react-router\";\r\nimport { withFirebase } from \"../../../firebase\";\r\n\r\nimport Promocodes from \"./index\";\r\n\r\nclass PromocodesContainer extends Component {\r\n\tconstructor() {\r\n\t\tsuper();\r\n\r\n\t\tthis.state = {\r\n\t\t\tpreloader: false,\r\n\t\t\tpromocodes: null,\r\n\t\t\tkeyShop: null,\r\n\t\t\tcurrentCity: null,\r\n\t\t\tcurrentBrand: null,\r\n\t\t};\r\n\t}\r\n\r\n\tcomponentDidMount() {\r\n\t\tthis.setState({\r\n\t\t\tkeyShop: this.props.match.url,\r\n\t\t});\r\n\r\n\t\tthis.getFieldsPromoCodes();\r\n\t}\r\n\r\n\tgetFieldsPromoCodes = () => {\r\n\t\tlet url = this.props.match.url.split(\"/\");\r\n\t\turl = url.find((item) => item === \"0\" || parseInt(item));\r\n\r\n\t\tconst currentCity = JSON.parse(localStorage.getItem(\"chosenCity\"));\r\n\t\tconst currentBrand = JSON.parse(localStorage.getItem(\"chosenBrand\"));\r\n\t\tconst isDebug = JSON.parse(localStorage.getItem(\"isDebug\"));\r\n\r\n\t\tthis.props.firebase.bd\r\n\t\t\t.ref(\r\n\t\t\t\t`${\r\n\t\t\t\t\tisDebug ? \"debug\" : \"\"\r\n\t\t\t\t}/settings/city/${currentCity}/brands/${currentBrand}/loyaltySettings/promocodes`\r\n\t\t\t)\r\n\t\t\t.on(\"value\", (snapshot) => {\r\n\t\t\t\tlet promocodes = snapshot.val();\r\n\r\n\t\t\t\tthis.setState({ promocodes, keyShop: url, currentCity, currentBrand });\r\n\t\t\t});\r\n\t};\r\n\r\n\tchangeChecker = (value, id) => {\r\n\t\tconsole.log(\"id (changeChecker) --- >\", id);\r\n\t\tconst isDebug = JSON.parse(localStorage.getItem(\"isDebug\"));\r\n\t\tthis.setState({ preloader: true });\r\n\t\tthis.props.firebase.bd\r\n\t\t\t.ref(\r\n\t\t\t\t`${isDebug ? \"debug\" : \"\"}/settings/city/${\r\n\t\t\t\t\tthis.state.currentCity\r\n\t\t\t\t}/brands/${this.state.currentBrand}/loyaltySettings/promocodes/${id}`\r\n\t\t\t)\r\n\t\t\t.update({ isAvailable: value })\r\n\t\t\t.then((res) => {\r\n\t\t\t\tthis.setState({ preloader: false });\r\n\t\t\t});\r\n\t};\r\n\r\n\tdeletePromocode = (id) => {\r\n\t\tconsole.log(\"=== Delete promocode ===\", id);\r\n\t\tconst isDebug = JSON.parse(localStorage.getItem(\"isDebug\"));\r\n\t\tthis.setState({ preloader: true });\r\n\t\tthis.props.firebase.bd\r\n\t\t\t.ref(\r\n\t\t\t\t`${isDebug ? \"debug\" : \"\"}/settings/city/${\r\n\t\t\t\t\tthis.state.currentCity\r\n\t\t\t\t}/brands/${this.state.currentBrand}/loyaltySettings/promocodes`\r\n\t\t\t)\r\n\t\t\t.child(id)\r\n\t\t\t.remove()\r\n\t\t\t.then((res) => {\r\n\t\t\t\tthis.setState({ preloader: false });\r\n\t\t\t});\r\n\t};\r\n\r\n\tcreatePromocode = (data) => {\r\n\t\tconsole.log(\"=== Create promocode data ===\", data);\r\n\t\tconst isDebug = JSON.parse(localStorage.getItem(\"isDebug\"));\r\n\t\tconst key = Object.keys(data)[0];\r\n\t\tconst prmocodeData = data[key];\r\n\r\n\t\tthis.setState({ preloader: true });\r\n\t\tthis.props.firebase.bd\r\n\t\t\t.ref(\r\n\t\t\t\t`${isDebug ? \"debug\" : \"\"}/settings/city/${\r\n\t\t\t\t\tthis.state.currentCity\r\n\t\t\t\t}/brands/${this.state.currentBrand}/loyaltySettings/promocodes/${key}`\r\n\t\t\t)\r\n\t\t\t.set(prmocodeData)\r\n\t\t\t.then((res) => {\r\n\t\t\t\tthis.setState({ preloader: false });\r\n\t\t\t\tthis.getFieldsPromoCodes();\r\n\t\t\t});\r\n\t};\r\n\r\n\tupdatePromocode = (data) => {\r\n\t\tconsole.log(\"=== Submit data (promocodes) ===\", data);\r\n\t\tconst isDebug = JSON.parse(localStorage.getItem(\"isDebug\"));\r\n\t\tthis.setState({ preloader: true });\r\n\t\tthis.props.firebase.bd\r\n\t\t\t.ref(\r\n\t\t\t\t`${isDebug ? \"debug\" : \"\"}/settings/city/${\r\n\t\t\t\t\tthis.state.currentCity\r\n\t\t\t\t}/brands/${this.state.currentBrand}/loyaltySettings/promocodes`\r\n\t\t\t)\r\n\t\t\t.set(data)\r\n\t\t\t.then((res) => {\r\n\t\t\t\tthis.setState({ preloader: false });\r\n\t\t\t\tthis.getFieldsPromoCodes();\r\n\t\t\t});\r\n\t};\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t<>\r\n\t\t\t\t\r\n Промокоды \r\n \r\n
\r\n\r\n Пока нет промокодов
\r\n )}\r\n\r\n {isPromocodes && items.map((item, index) => \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 useStyles = makeStyles(theme => ({\r\n headerWrapper: {\r\n display: 'flex',\r\n position: 'relative',\r\n maxWidth: 440,\r\n },\r\n popover: {\r\n top: 2,\r\n },\r\n categoriesWrap: {\r\n marginTop: 24,\r\n padding: 16,\r\n minHeight: 132,\r\n\r\n border: '1px solid #DADCE0',\r\n boxSizing: 'border-box',\r\n borderRadius: 5,\r\n [theme.breakpoints.down('600')]: {\r\n backgroundColor: 'white',\r\n },\r\n },\r\n typography: {\r\n fontSize: 18,\r\n fontWeight: 500,\r\n lineHeight: '21px',\r\n paddingRight: 20,\r\n },\r\n wrapper: {\r\n display: 'flex',\r\n alignItems: 'end',\r\n [theme.breakpoints.down('600')]: {\r\n display: 'flex',\r\n flexDirection: 'column',\r\n justifyContent: 'center',\r\n alignItems: 'center',\r\n },\r\n },\r\n categoriesContent: {\r\n display: 'flex',\r\n [theme.breakpoints.down('600')]: {\r\n display: 'flex',\r\n justifyContent: 'center',\r\n alignItems: 'center',\r\n },\r\n },\r\n inputField: {\r\n '& input': {\r\n width: 328,\r\n height: 45,\r\n border: '1px solid #DADCE0',\r\n borderRadius: '5px',\r\n padding: '11px 50px 11px 16px',\r\n boxSizing: 'border-box',\r\n },\r\n '& .MuiInput-underline:hover:not(.Mui-disabled):before': {\r\n content: 'none',\r\n },\r\n '& .MuiInput-underline:after': {\r\n content: 'none',\r\n },\r\n '& .MuiInput-underline:before': {\r\n content: 'none',\r\n },\r\n '& .Mui-error input': {\r\n border: '1px solid red',\r\n },\r\n [theme.breakpoints.down('375')]: {\r\n '& > div > input': {\r\n width: '100%',\r\n }\r\n },\r\n },\r\n button: {\r\n marginTop: 0,\r\n marginLeft: 15,\r\n fontSize: 14,\r\n textTransform: 'inherit',\r\n [theme.breakpoints.down('600')]: {\r\n marginTop: 16,\r\n marginLeft: 0,\r\n },\r\n },\r\n\r\n chipsList: {\r\n paddingLeft: 0,\r\n display: 'flex',\r\n flexWrap: 'wrap',\r\n [theme.breakpoints.down('600')]: {\r\n width: '100%',\r\n flexDirection: 'column',\r\n '& > li > div': {\r\n width: '100%',\r\n },\r\n '& > li:last-child > hr': {\r\n display: 'none',\r\n }\r\n }\r\n\r\n },\r\n chipsListLi: {\r\n listStyleType: 'none',\r\n marginRight: 5,\r\n marginBottom: 5,\r\n [theme.breakpoints.down('600')]: {\r\n marginRight: 5,\r\n }\r\n \r\n },\r\n chips: {\r\n \r\n },\r\n chip: {\r\n fontSize: 12,\r\n lineHeight: 1,\r\n color: 'white',\r\n backgroundColor: '#326DFF',\r\n [theme.breakpoints.down('600')]: {\r\n display: 'flex',\r\n justifyContent: 'space-between',\r\n background: '#E0E9FF',\r\n color: '#326DFF',\r\n padding: '0 6px',\r\n },\r\n \r\n '&.MuiChip-deletable > .MuiChip-deleteIcon': {\r\n color: 'rgba(255, 255, 255, .26)',\r\n [theme.breakpoints.down('600')]: {\r\n color: 'rgba(255, 255, 255, 1)',\r\n },\r\n }\r\n },\r\n hr: {\r\n border: '1px dashed rgba(71, 98, 130, .25)',\r\n boxSizing: 'border-box',\r\n marginLeft: '10px',\r\n marginRight: '10px',\r\n },\r\n}))\r\n\r\n\r\nCategories = reduxForm({\r\n form: 'AddCategories', \r\n enableReinitialize : true\r\n})(Categories);\r\n\r\nexport default Categories;","import React from 'react';\r\nimport useMediaQuery from '@material-ui/core/useMediaQuery';\r\nimport { makeStyles } from '@material-ui/core/styles';\r\nimport { Field, reduxForm} from 'redux-form';\r\n\r\nimport {required} from 'redux-form-validators';\r\n\r\nimport CustomizedInputs from '../../../components/UIform';\r\nimport Button from '../../../components/Button';\r\nimport Loading from '../../../components/Loading';\r\nimport Chip from '@material-ui/core/Chip';\r\nimport Popover from '../../../components/Popover';\r\n\r\nimport { Typography } from '@material-ui/core';\r\n\r\nlet Categories = (props) => {\r\n const classes = useStyles();\r\n const isMin600 = useMediaQuery('(max-width: 599px)');\r\n const isMax600 = useMediaQuery('(min-width: 600px)');\r\n let { handleSubmit, noDiscountForProductIds, editShops } = props;\r\n\r\n if (!noDiscountForProductIds || !noDiscountForProductIds[0]) noDiscountForProductIds = [];\r\n\r\n const handleDelete = (chipToDelete) => () => {\r\n let list = props.noDiscountForProductIds.filter((chip) => chip !== chipToDelete);\r\n props.editShops(list, 'noDiscountForProductIds');\r\n };\r\n\r\n const addChip = (data) => {\r\n let status = noDiscountForProductIds.find((chip) => chip === data.idProducts);\r\n let isValue;\r\n\r\n if (Object.keys(data).length == 0) {\r\n isValue = false;\r\n } else {\r\n isValue = true;\r\n }\r\n\r\n if(status === undefined && isValue){\r\n let list = [...noDiscountForProductIds, data.idProducts];\r\n editShops(list, 'noDiscountForProductIds');\r\n props.reset();\r\n } else if (!isValue) {\r\n console.log('Пустое поле');\r\n } else {\r\n alert('Данный ID уже есть в списке');\r\n }\r\n };\r\n\r\n return (\r\n \r\n Категории, на которые не применяются скидки \r\n
\r\n \r\n
\r\n \r\n - \r\n {noDiscountForCategorieIds.map((data, index) => {\r\n return (\r\n
- \r\n
}\r\n \r\n );\r\n })}\r\n
\r\n
\r\n )\r\n}\r\n\r\nconst useStyles = makeStyles(theme => ({\r\n headerWrapper: {\r\n display: 'flex',\r\n position: 'relative',\r\n maxWidth: 438,\r\n },\r\n popover: {\r\n top: 2,\r\n },\r\n categoriesWrap: {\r\n marginTop: 24,\r\n padding: 16,\r\n minHeight: 132,\r\n\r\n border: '1px solid #DADCE0',\r\n boxSizing: 'border-box',\r\n borderRadius: 5,\r\n background: 'white',\r\n },\r\n typography: {\r\n fontSize: 18,\r\n fontWeight: 500,\r\n lineHeight: '21px',\r\n paddingRight: 20,\r\n },\r\n wrapper: {\r\n display: 'flex',\r\n alignItems: 'end',\r\n [theme.breakpoints.down('600')]: {\r\n display: 'flex',\r\n flexDirection: 'column',\r\n justifyContent: 'center',\r\n alignItems: 'center',\r\n },\r\n },\r\n categoriesContent: {\r\n display: 'flex',\r\n [theme.breakpoints.down('600')]: {\r\n display: 'flex',\r\n justifyContent: 'center',\r\n alignItems: 'center',\r\n },\r\n },\r\n inputField: {\r\n '& input': {\r\n width: 328,\r\n height: 45,\r\n border: '1px solid #DADCE0',\r\n borderRadius: '5px',\r\n padding: '11px 50px 11px 16px',\r\n boxSizing: 'border-box',\r\n },\r\n '& .MuiInput-underline:hover:not(.Mui-disabled):before': {\r\n content: 'none',\r\n },\r\n '& .MuiInput-underline:after': {\r\n content: 'none',\r\n },\r\n '& .MuiInput-underline:before': {\r\n content: 'none',\r\n },\r\n '& .Mui-error input': {\r\n border: '1px solid red',\r\n },\r\n [theme.breakpoints.down('375')]: {\r\n '& > div > input': {\r\n width: '100%',\r\n }\r\n },\r\n },\r\n button: {\r\n marginTop: 0,\r\n marginLeft: 15,\r\n fontSize: 14,\r\n textTransform: 'inherit',\r\n [theme.breakpoints.down('600')]: {\r\n marginTop: 16,\r\n marginLeft: 0,\r\n },\r\n },\r\n\r\n chipsList: {\r\n paddingLeft: 0,\r\n display: 'flex',\r\n flexWrap: 'wrap',\r\n [theme.breakpoints.down('600')]: {\r\n width: '100%',\r\n display: 'flex',\r\n flexDirection: 'column',\r\n '& > li > div': {\r\n width: '100%',\r\n },\r\n '& > li:last-child > hr': {\r\n display: 'none',\r\n }\r\n }\r\n\r\n },\r\n chipsListLi: {\r\n listStyleType: 'none',\r\n marginRight: 5,\r\n marginBottom: 5,\r\n [theme.breakpoints.down('600')]: {\r\n marginRight: 5,\r\n }\r\n \r\n },\r\n chip: {\r\n fontSize: 12,\r\n lineHeight: 1,\r\n color: 'white',\r\n backgroundColor: '#326DFF',\r\n [theme.breakpoints.down('600')]: {\r\n display: 'flex',\r\n justifyContent: 'space-between',\r\n background: '#E0E9FF',\r\n color: '#326DFF',\r\n padding: '0 6px',\r\n },\r\n \r\n '&.MuiChip-deletable > .MuiChip-deleteIcon': {\r\n color: 'rgba(255, 255, 255, .26)',\r\n [theme.breakpoints.down('600')]: {\r\n color: 'rgba(255, 255, 255, 1)',\r\n },\r\n }\r\n },\r\n hr: {\r\n border: '1px dashed rgba(71, 98, 130, .25)',\r\n boxSizing: 'border-box',\r\n marginLeft: '10px',\r\n marginRight: '10px',\r\n },\r\n}))\r\n\r\n\r\nCategories = reduxForm({\r\n form: 'AddProducts', \r\n enableReinitialize : true\r\n})(Categories);\r\n\r\nexport default Categories;","import React, {useState, useEffect} from 'react';\r\nimport { makeStyles } from '@material-ui/core/styles';\r\nimport {reduxForm} from 'redux-form';\r\n\r\nimport AddCategories from './AddCategories';\r\nimport AddProducts from './AddProducts';\r\nimport Button from '../../../components/Button';\r\nimport Loading from '../../../components/Loading';\r\n\r\nimport ModalComponent from '../../../components/ModalComponent';\r\n\r\nconst Products = ({ \r\n loadStatus, \r\n editShops, \r\n noDiscountForCategorieIds, \r\n noDiscountForProductIds, \r\n // handleSubmit,\r\n saveData,\r\n ...props \r\n}) => {\r\n const classes = useStyles();\r\n\r\n const [openModal, setOpenModal] = useState(false);\r\n const [isSubmit, setIsSubmit] = useState(false);\r\n const [isLoading, setIsLoading] = useState(false);\r\n\r\n const handleCloseModal = () => {\r\n setOpenModal(false);\r\n setIsSubmit(false);\r\n };\r\n\r\n const handleClickSubmit = () => {\r\n setOpenModal(false);\r\n setIsSubmit(true);\r\n };\r\n\r\n const submitForm = () => {\r\n setOpenModal(true);\r\n setIsLoading(true);\r\n }\r\n\r\n useEffect(() => {\r\n if (isLoading && isSubmit && !openModal) {\r\n saveData()\r\n\r\n console.log('Вы подтвердили');\r\n handleCloseModal()\r\n }\r\n \r\n // eslint-disable-next-line react-hooks/exhaustive-deps\r\n }, [isSubmit, isLoading, openModal]);\r\n\r\n\r\n return (\r\n \r\n Продукты, на которые не применяются скидки \r\n
\r\n \r\n
\r\n \r\n - \r\n {noDiscountForProductIds.map((data, index) => {\r\n return (\r\n
- \r\n
}\r\n \r\n );\r\n })}\r\n
\r\n
\r\n )\r\n}\r\n\r\nconst useStyles = makeStyles(theme => ({\r\n discountWrapper: {\r\n \r\n },\r\n buttonWrapper: {\r\n marginTop: 20,\r\n width: '100%',\r\n display: 'flex',\r\n justifyContent: 'center',\r\n },\r\n button: {\r\n textTransform: 'capitalize'\r\n }\r\n}))\r\n\r\nexport default reduxForm({\r\n form: 'Promcodes', \r\n })(Products);\r\n","import React, { Component } from \"react\";\r\n\r\nimport { connect } from \"react-redux\";\r\nimport { withRouter } from \"react-router\";\r\nimport { withFirebase } from \"../../../firebase\";\r\n\r\nimport { editShops } from \"../../../reducers/shops\";\r\nimport Products from \"./index\";\r\n\r\nclass ProductsContainer extends Component {\r\n\tconstructor() {\r\n\t\tsuper();\r\n\r\n\t\tthis.state = {\r\n\t\t\tpreloader: false,\r\n\t\t\tkeyShop: null,\r\n\t\t\tsaleFirstOrders: null,\r\n\t\t\tnoDiscountForCategorieIds: null,\r\n\t\t\tnoDiscountForProductIds: null,\r\n\t\t};\r\n\t}\r\n\r\n\tcomponentDidMount() {\r\n\t\tthis.getKeyShop();\r\n\t\tthis.getSalesFirstOrder();\r\n\t}\r\n\r\n\tgetKeyShop = () => {\r\n\t\tlet id = this.props.match.path.split(\"/\");\r\n\t\tid = id[id.length - 1];\r\n\r\n\t\tthis.setState({ keyShop: id });\r\n\t};\r\n\r\n\tgetSalesFirstOrder = () => {\r\n\t\tconst currentCity = JSON.parse(localStorage.getItem(\"chosenCity\"));\r\n\t\tconst currentBrand = JSON.parse(localStorage.getItem(\"chosenBrand\"));\r\n\t\tconst isDebug = JSON.parse(localStorage.getItem(\"isDebug\"));\r\n\r\n\t\tthis.props.firebase.bd\r\n\t\t\t.ref(\r\n\t\t\t\t`${\r\n\t\t\t\t\tisDebug ? \"debug\" : \"\"\r\n\t\t\t\t}/settings/city/${currentCity}/brands/${currentBrand}/loyaltySettings/saleFirstOrder`\r\n\t\t\t)\r\n\t\t\t.on(\"value\", (snapshot) => {\r\n\t\t\t\tlet saleFirstOrders = snapshot.val();\r\n\r\n\t\t\t\tsaleFirstOrders = saleFirstOrders ? saleFirstOrders : [];\r\n\r\n\t\t\t\tthis.setState({\r\n\t\t\t\t\tnoDiscountForCategorieIds: saleFirstOrders.noDiscountForCategoriesIds\r\n\t\t\t\t\t\t? saleFirstOrders.noDiscountForCategoriesIds\r\n\t\t\t\t\t\t: [],\r\n\t\t\t\t\tnoDiscountForProductIds: saleFirstOrders.noDiscountForProductsIds\r\n\t\t\t\t\t\t? saleFirstOrders.noDiscountForProductsIds\r\n\t\t\t\t\t\t: [],\r\n\t\t\t\t});\r\n\t\t\t});\r\n\t};\r\n\r\n\teditShops = (value, params) => {\r\n\t\t// let data = {\r\n\t\t// \tkey: this.state.keyShop,\r\n\t\t// \tvalue,\r\n\t\t// \tparams,\r\n\t\t// };\r\n\t\t// console.log(\"editShops\", data);\r\n\r\n\t\tif (params === \"noDiscountForCategorieIds\") {\r\n\t\t\t// this.props.handleCategoriesPromocode(true);\r\n\t\t\tthis.setState({ noDiscountForCategorieIds: value });\r\n\t\t} else {\r\n\t\t\t// this.props.handleProductsPromocode(true);\r\n\t\t\tthis.setState({ noDiscountForProductIds: value });\r\n\t\t}\r\n\r\n\t\t// this.props.editShops(data);\r\n\t};\r\n\r\n\tsaveData = () => {\r\n\t\tconst shops = this.props.shops[this.state.keyShop];\r\n\t\tconst currentCity = JSON.parse(localStorage.getItem(\"chosenCity\"));\r\n\t\tconst currentBrand = JSON.parse(localStorage.getItem(\"chosenBrand\"));\r\n\t\tconst isDebug = JSON.parse(localStorage.getItem(\"isDebug\"));\r\n\r\n\t\tlet noDiscountForCategorieIds;\r\n\t\tlet noDiscountForProductIds;\r\n\r\n\t\t// if (shops) {\r\n\t\t// noDiscountForCategorieIds = shops.noDiscountForCategorieIds;\r\n\t\t// noDiscountForProductIds = shops.noDiscountForProductIds;\r\n\t\tnoDiscountForCategorieIds = this.state.noDiscountForCategorieIds;\r\n\t\tnoDiscountForProductIds = this.state.noDiscountForProductIds;\r\n\r\n\t\tlet noDiscountForCategorieIdsIsValid =\r\n\t\t\tnoDiscountForCategorieIds === undefined ? [] : noDiscountForCategorieIds;\r\n\t\tlet noDiscountForProductIdsIsValid =\r\n\t\t\tnoDiscountForProductIds === undefined ? [] : noDiscountForProductIds;\r\n\r\n\t\tthis.setState({ preloader: true });\r\n\t\tthis.props.firebase.bd\r\n\t\t\t.ref(\r\n\t\t\t\t`${\r\n\t\t\t\t\tisDebug ? \"debug\" : \"\"\r\n\t\t\t\t}/settings/city/${currentCity}/brands/${currentBrand}/loyaltySettings/saleFirstOrder`\r\n\t\t\t)\r\n\t\t\t.update({\r\n\t\t\t\tnoDiscountForCategoriesIds: noDiscountForCategorieIdsIsValid,\r\n\t\t\t\tnoDiscountForProductsIds: noDiscountForProductIdsIsValid,\r\n\t\t\t})\r\n\t\t\t.then((res) => {\r\n\t\t\t\tthis.setState({ preloader: false });\r\n\t\t\t\tthis.props.handleCategoriesPromocode(false);\r\n\t\t\t\tthis.props.handleProductsPromocode(false);\r\n\t\t\t});\r\n\t\t// }\r\n\t};\r\n\r\n\trender() {\r\n\t\t// const shop = this.props.shops[this.state.keyShop];\r\n\t\treturn (\r\n\t\t\t<>\r\n\t\t\t\t\r\n
\r\n \r\n
\r\n \r\n setIsOpen(false)}\r\n />\r\n
\r\n )}\r\n \r\n \r\n \r\n \r\n {/* \r\n Рекомендуемый размер фото для баннера 650x900 (расширение файла jpg, jpeg, png)\r\n */}\r\n {images.length === 0 && \r\n \r\n {(provided, snapshot) => (\r\n \r\n {images.map((item, index) => { \r\n return (\r\n \r\n {(provided, snapshot) => (\r\n
\r\n )}\r\n \r\n )\r\n })}\r\n {provided.placeholder}\r\n Пока нет баннеров
}\r\n \r\n
\r\n \r\n
\r\n \r\n ![]()
{ imageViewClick(index) } }\r\n className={classes.image} \r\n src={item.data_url ? item.data_url : item.photo} \r\n alt={`Баннер - ${index}`} /> */}\r\n
\r\n \r\n { imageViewClick(index) } }>
\r\n {/* \r\n {/*
\r\n \r\n
*/}\r\n handleChangeAvailable(index)}>\r\n {item.isAvailable && (\r\n
\r\n handleEditBanner(index)}>\r\n
\r\n deleteBanner(index)}>\r\n
\r\n \r\n 
\r\n
\r\n \r\n
\r\n \r\n )\r\n}\r\n\r\nexport default Banners;","import React, { Component } from \"react\";\r\nimport axios from \"axios\";\r\n\r\nimport { connect } from \"react-redux\";\r\nimport { withRouter } from \"react-router\";\r\nimport { withFirebase } from \"../../../firebase\";\r\n\r\nimport Banners from \"./index\";\r\n\r\nclass BannersContainer extends Component {\r\n\tconstructor() {\r\n\t\tsuper();\r\n\r\n\t\tthis.state = {\r\n\t\t\tpreloader: false,\r\n\t\t\tspotId: null,\r\n\t\t\tallBanners: [],\r\n\t\t\tbanners: [],\r\n\t\t\timages: [],\r\n\t\t};\r\n\t}\r\n\r\n\tcomponentDidMount() {\r\n\t\tthis.getImages();\r\n\t\tthis.getSpotId();\r\n\t}\r\n\r\n\tcomponentWillUnmount() {\r\n\t\tconst keyCity = JSON.parse(localStorage.getItem(\"chosenCity\"));\r\n\t\tconst keyBrand = JSON.parse(localStorage.getItem(\"chosenBrand\"));\r\n\t\tconst isDebug = JSON.parse(localStorage.getItem(\"isDebug\"));\r\n\t\tconst bannersUrl = `${\r\n\t\t\tisDebug ? \"debug\" : \"\"\r\n\t\t}/settings/city/${keyCity}/brands/${keyBrand}/banners`;\r\n\r\n\t\tthis.props.firebase.bd.ref(bannersUrl).off(\"value\");\r\n\t}\r\n\r\n\tsetImages = (images) => this.setState({ images });\r\n\tsetBanners = (banners) => this.setState({ banners });\r\n\r\n\tgetSpotId = () => {\r\n\t\tlet key = this.props.location.pathname.split(\"/\");\r\n\t\t// .find((el) => parseInt(el) >= 0);\r\n\r\n\t\t// const spotId = this.props.cities.find((city) => city.key === key).spot_id;\r\n\t\tconst spotId = key[key.length - 1];\r\n\r\n\t\tthis.setState({ spotId });\r\n\t};\r\n\r\n\tgetImages = () => {\r\n\t\tthis.setState({ preloader: true });\r\n\r\n\t\tconst keyCity = JSON.parse(localStorage.getItem(\"chosenCity\"));\r\n\t\tconst keyBrand = JSON.parse(localStorage.getItem(\"chosenBrand\"));\r\n\t\tconst isDebug = JSON.parse(localStorage.getItem(\"isDebug\"));\r\n\r\n\t\tconst bannersUrl = `${\r\n\t\t\tisDebug ? \"debug\" : \"\"\r\n\t\t}/settings/city/${keyCity}/brands/${keyBrand}/banners`;\r\n\r\n\t\tthis.props.firebase.bd.ref(bannersUrl).on(\"value\", (snapshot) => {\r\n\t\t\tlet banners = snapshot.val();\r\n\t\t\tbanners = banners ? banners : [];\r\n\r\n\t\t\t// if (this.props.cities.length === 1) {\r\n\t\t\t// \tbanners.map((banner, index) => {\r\n\t\t\t// \t\tbanners[index] = { ...banner, spotId: keyBrand };\r\n\t\t\t// \t});\r\n\t\t\t// }\r\n\r\n\t\t\tthis.setState({\r\n\t\t\t\tbanners,\r\n\t\t\t\tallBanners: banners,\r\n\t\t\t\timages: banners,\r\n\t\t\t\tpreloader: false,\r\n\t\t\t});\r\n\t\t});\r\n\t};\r\n\r\n\tdeleteBanner = ({ id, data, name }) => {\r\n\t\tconsole.log(\"delete banners!\", data, id, name);\r\n\t\tconst keyCity = JSON.parse(localStorage.getItem(\"chosenCity\"));\r\n\t\tconst keyBrand = JSON.parse(localStorage.getItem(\"chosenBrand\"));\r\n\t\tconst isDebug = JSON.parse(localStorage.getItem(\"isDebug\"));\r\n\r\n\t\tconst bannersUrl = `${\r\n\t\t\tisDebug ? \"debug\" : \"\"\r\n\t\t}/settings/city/${keyCity}/brands/${keyBrand}/banners`;\r\n\r\n\t\tlet base_url =\r\n\t\t\twindow.location.hostname == \"localhost:3000\"\r\n\t\t\t\t? \"localhost\"\r\n\t\t\t\t: window.location.hostname;\r\n\r\n\t\t// let filtredAllBanners = this.state.allBanners.filter(\r\n\t\t// \t(banner) => banner.spotId !== this.state.spotId\r\n\t\t// );\r\n\r\n\t\tlet filtredAllBanners = this.state.allBanners;\r\n\t\tlet sendData = [...filtredAllBanners, ...data];\r\n\r\n\t\tconsole.log(\"delete sendData\", sendData);\r\n\r\n\t\tconsole.log(id, name, this.props.login);\r\n\r\n\t\tfetch(`https://e-admin.com.ua/photo/deleteBanner.php`, {\r\n\t\t\tmethod: \"POST\",\r\n\t\t\tbody: JSON.stringify({\r\n\t\t\t\tid,\r\n\t\t\t\tname,\r\n\t\t\t\tlogin: this.props.login,\r\n\t\t\t\tfolder: \"loyalty-system\",\r\n\t\t\t}),\r\n\t\t})\r\n\t\t\t.then((response) => {\r\n\t\t\t\tconsole.log(\"response delete\", response);\r\n\t\t\t\tif (!response.ok && response.status !== 200) {\r\n\t\t\t\t\tthrow new Error(\"Ошибка запроса!\");\r\n\t\t\t\t} else {\r\n\t\t\t\t\tthis.props.firebase.bd\r\n\t\t\t\t\t\t.ref(bannersUrl)\r\n\t\t\t\t\t\t.set(sendData)\r\n\t\t\t\t\t\t.then((res) => {\r\n\t\t\t\t\t\t\tthis.setImages([]);\r\n\t\t\t\t\t\t\tthis.getImages();\r\n\t\t\t\t\t\t\tsetTimeout(() => alert(`Фото ${name} - было удалено!`), 100);\r\n\t\t\t\t\t\t})\r\n\t\t\t\t\t\t.catch((error) => {\r\n\t\t\t\t\t\t\tconsole.error(error);\r\n\t\t\t\t\t\t});\r\n\t\t\t\t}\r\n\t\t\t})\r\n\t\t\t.catch((error) => {\r\n\t\t\t\tconsole.log(\"error\", error);\r\n\t\t\t});\r\n\t};\r\n\r\n\tsaveText = (text, id) => {\r\n\t\tconst isDebug = JSON.parse(localStorage.getItem(\"isDebug\"));\r\n\t\tconsole.log(\"--- saveText --- text id\", text, id); // text, id\r\n\t\ttry {\r\n\t\t\tthis.props.firebase.bd\r\n\t\t\t\t.ref(`${isDebug ? \"debug\" : \"\"}/banners/${id}/text`)\r\n\t\t\t\t.set(text);\r\n\t\t} catch (err) {\r\n\t\t\tconsole.log(\"Ошибка записи текста!\", err);\r\n\t\t}\r\n\t};\r\n\r\n\taddBannerSubmit = (data) => {\r\n\t\tlet self = this;\r\n\r\n\t\tconst keyCity = JSON.parse(localStorage.getItem(\"chosenCity\"));\r\n\t\tconst keyBrand = JSON.parse(localStorage.getItem(\"chosenBrand\"));\r\n\t\tconst isDebug = JSON.parse(localStorage.getItem(\"isDebug\"));\r\n\r\n\t\tconst bannersUrl = `${\r\n\t\t\tisDebug ? \"debug\" : \"\"\r\n\t\t}/settings/city/${keyCity}/brands/${keyBrand}/banners`;\r\n\r\n\t\tconst sendBanners = [\r\n\t\t\t...this.state.allBanners,\r\n\t\t\t{ ...data, order: `${this.state.allBanners.length + 1}` },\r\n\t\t];\r\n\r\n\t\tconsole.log(\"data to add banner --->>>***\", data);\r\n\r\n\t\tself.props.firebase.bd\r\n\t\t\t.ref(bannersUrl)\r\n\t\t\t.set(sendBanners)\r\n\t\t\t.then((res) => {\r\n\t\t\t\tconsole.log(\"success set data\", sendBanners);\r\n\t\t\t})\r\n\t\t\t.catch((error) => {\r\n\t\t\t\tconsole.error(error);\r\n\t\t\t});\r\n\t};\r\n\r\n\t// editBannerSubmit = (data, bannerIndex) => {\r\n\t// \tlet self = this;\r\n\r\n\t// \tconst keyCity = JSON.parse(localStorage.getItem(\"chosenCity\"));\r\n\t// \tconst keyBrand = JSON.parse(localStorage.getItem(\"chosenBrand\"));\r\n\r\n\t// \tconst bannersUrl = `/settings/city/${keyCity}/brands/${keyBrand}/banners/${bannerIndex}`;\r\n\t// \tconsole.log(\"data in edit banner submit *** \", data);\r\n\t// \tconst sendData = {\r\n\t// \t\tdescription: data.description,\r\n\t// \t\tisAvailable: data.isAvailable,\r\n\t// \t\tlargePhoto: data.largePhoto,\r\n\t// \t\torder: data.order,\r\n\t// \t\tproductsId: data.productsId,\r\n\t// \t\tsmallPhoto: data.smallPhoto,\r\n\t// \t\ttitle: data.title,\r\n\t// \t};\r\n\r\n\t// \tself.props.firebase.bd\r\n\t// \t\t.ref(bannersUrl)\r\n\t// \t\t.set(sendData)\r\n\t// \t\t.then((res) => {\r\n\t// \t\t\tconsole.log(\"success set data\", sendData);\r\n\t// \t\t})\r\n\t// \t\t.catch((error) => {\r\n\t// \t\t\tconsole.error(error);\r\n\t// \t\t});\r\n\t// };\r\n\r\n\tsendData = (data) => {\r\n\t\tconst keyCity = JSON.parse(localStorage.getItem(\"chosenCity\"));\r\n\t\tconst keyBrand = JSON.parse(localStorage.getItem(\"chosenBrand\"));\r\n\t\tconst isDebug = JSON.parse(localStorage.getItem(\"isDebug\"));\r\n\r\n\t\tconst bannersUrl = `${\r\n\t\t\tisDebug ? \"debug\" : \"\"\r\n\t\t}/settings/city/${keyCity}/brands/${keyBrand}/banners`;\r\n\r\n\t\tlet self = this;\r\n\t\tlet sendData = [];\r\n\r\n\t\tconsole.log(\"data ---->>\", data);\r\n\r\n\t\tfor (let key in data) {\r\n\t\t\tlet {\r\n\t\t\t\tdescription,\r\n\t\t\t\tisAvailable,\r\n\t\t\t\tlargePhoto,\r\n\t\t\t\torder,\r\n\t\t\t\tproductsId,\r\n\t\t\t\tsmallPhoto,\r\n\t\t\t\ttitle,\r\n\t\t\t} = data[key];\r\n\r\n\t\t\tif (data[key]) {\r\n\t\t\t\tsendData.push({\r\n\t\t\t\t\tdescription,\r\n\t\t\t\t\tisAvailable,\r\n\t\t\t\t\tlargePhoto,\r\n\t\t\t\t\torder,\r\n\t\t\t\t\tproductsId,\r\n\t\t\t\t\tsmallPhoto,\r\n\t\t\t\t\ttitle,\r\n\t\t\t\t});\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\tself.props.firebase.bd\r\n\t\t\t.ref(bannersUrl)\r\n\t\t\t.set(sendData)\r\n\t\t\t.then((res) => {\r\n\t\t\t\tconsole.log(\"success set dnd data\", sendData);\r\n\t\t\t})\r\n\t\t\t.catch((error) => {\r\n\t\t\t\tconsole.error(error);\r\n\t\t\t});\r\n\t};\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t<>\r\n\t\t\t\t\r\n addBanner()}\r\n load={false}\r\n text={'Добавить баннер'}\r\n />\r\n
\r\n \r\n \r\n \r\n
\r\n )\r\n}\r\n\r\nconst useStyles = makeStyles(theme => ({\r\n tabsComponent: {\r\n\r\n },\r\n tabs: {\r\n marginTop: 20,\r\n minHeight: 'auto',\r\n },\r\n tab: {\r\n minWidth: 'auto',\r\n minHeight: 'auto',\r\n padding: 0,\r\n paddingRight: 30,\r\n fontFamily: 'Poppins, sans-serif',\r\n fontWeight: 600,\r\n fontSize: 16,\r\n lineHeight: '28px',\r\n textTransform: 'inherit',\r\n color: '#476282',\r\n '&:last-child': {\r\n // background: 'red'\r\n },\r\n '&.MuiTouchRipple-root': {\r\n\r\n }\r\n },\r\n tabHeader: {\r\n margin: '16px 0 26px 10px',\r\n },\r\n discountsAndPromotions: {\r\n \r\n },\r\n tabLinks: {\r\n display: 'flex',\r\n },\r\n tabLink: {\r\n position: 'relative',\r\n fontFamily: 'Poppins, sans-serif',\r\n fontSize: 16,\r\n fontWeight: 600,\r\n lineHeight: '28px',\r\n marginRight: 26,\r\n textDecoration: 'none',\r\n color: '#476282',\r\n '&.active': {\r\n color: '#326DFF',\r\n '&::before': {\r\n content: '\"\"',\r\n position: 'absolute',\r\n bottom: 0,\r\n left: 0,\r\n width: '50%',\r\n height: 2,\r\n background: '#326DFF',\r\n }\r\n }\r\n }\r\n}))\r\n\r\nexport default withRouter(TabsComponent);","import React from 'react';\r\nimport useMediaQuery from '@material-ui/core/useMediaQuery';\r\nimport { makeStyles } from '@material-ui/core/styles';\r\n\r\nimport Paper from '@material-ui/core/Paper';\r\nimport Grid from '@material-ui/core/Grid';\r\nimport Typography from '@material-ui/core/Typography';\r\nimport FormLabel from '@material-ui/core/FormLabel';\r\n\r\nimport Tabs from './tabs';\r\n\r\nconst Discount = (props) => {\r\n const classes = useStyles();\r\n const {saleFirstOrder, promoCodes} = props;\r\n const isMin600 = useMediaQuery('(max-width: 599px)');\r\n const isMax600 = useMediaQuery('(min-width: 600px)');\r\n\r\n const Title = ({ title }) => \r\n \r\n
\r\n\r\n \r\n {adminPermission.saleFirstOrder && Скидки }\r\n {adminPermission.promoCodes && Промокоды }\r\n {adminPermission.bannerControl && Баннеры }\r\n
\r\n \r\n \r\n {adminPermission.promoCodes && \r\n \r\n )}\r\n \r\n
\r\n \r\n {isMin600 && Система лояльности }\r\n \r\n {isMax600 && \r\n
\r\n )\r\n}\r\n\r\nconst useStyles = makeStyles(theme => ({\r\n defaultWrapper: {\r\n [theme.breakpoints.down('599')]: {\r\n marginTop: 16,\r\n }\r\n },\r\n paper: {\r\n minHeight: 'calc(100vh - 150px)',\r\n padding: theme.spacing(2),\r\n paddingTop: 24,\r\n paddingBottom: 16,\r\n [theme.breakpoints.down('600')]: {\r\n padding: 0,\r\n background: 'transparent',\r\n border: 'none',\r\n boxShadow: 'none',\r\n },\r\n },\r\n title: {\r\n fontFamily: 'Roboto',\r\n fontSize: 22,\r\n lineHeight: '26px',\r\n fontWeight: 'bold',\r\n letterSpacing: '0.003em',\r\n color: 'black'\r\n },\r\n titleMobile: {\r\n // marginTop: 12,\r\n marginBottom: 8,\r\n fontFamily: 'Roboto',\r\n fontSize: 22,\r\n lineHeight: '26px',\r\n fontWeight: 'bold',\r\n letterSpacing: '0.003em',\r\n color: 'black'\r\n },\r\n arrowIcon: {\r\n width: 24,\r\n height: 24,\r\n display: 'flex',\r\n justifyContent: 'center',\r\n alignItems: 'center',\r\n },\r\n formLegend: {\r\n display: 'flex',\r\n },\r\n}))\r\n\r\nexport default Discount;","import React, { Component } from \"react\";\r\n\r\nimport { connect } from \"react-redux\";\r\nimport { withRouter } from \"react-router\";\r\nimport { withFirebase } from \"../../firebase\";\r\n\r\nimport Discount from \"./index\";\r\n\r\nclass PayCardContainer extends Component {\r\n\tconstructor() {\r\n\t\tsuper();\r\n\r\n\t\tthis.state = {\r\n\t\t\tpreloader: false,\r\n\t\t\tsaleFirstOrders: null,\r\n\t\t\tsaleFirstOrder: null,\r\n\t\t\tpromoCodes: null,\r\n\t\t\tkeyShop: null,\r\n\t\t\tadminPermission: {},\r\n\t\t};\r\n\t}\r\n\r\n\tcomponentDidMount() {\r\n\t\tthis.setState({\r\n\t\t\tkeyShop: this.props.match.params.city,\r\n\t\t});\r\n\r\n\t\tthis.getFieldsSaleFirstOrder();\r\n\t\tthis.getFieldSaleFirstOrder();\r\n\t\tthis.getFieldsPromoCodes();\r\n\t\tthis.getAdminPermission();\r\n\t}\r\n\r\n\tcomponentDidUpdate(prevProps, prevState) {\r\n\t\tlet cityId = window.location.pathname.split(\"/\");\r\n\t\tcityId = cityId[cityId.length - 1];\r\n\r\n\t\tif (this.state.keyShop !== cityId) {\r\n\t\t\t// console.log('prevProps, prevState', this.state.keyShop, cityId);\r\n\t\t\tthis.setState({ keyShop: cityId });\r\n\t\t\tthis.getFieldsSaleFirstOrder();\r\n\t\t}\r\n\t}\r\n\r\n\tgetAdminPermission = () => {\r\n\t\tconst isDebug = JSON.parse(localStorage.getItem(\"isDebug\"));\r\n\r\n\t\tthis.props.firebase.bd\r\n\t\t\t.ref(`${isDebug ? \"debug\" : \"\"}/adminPermission`)\r\n\t\t\t.on(\"value\", (snapshot) => {\r\n\t\t\t\tlet adminPermission = snapshot.val();\r\n\r\n\t\t\t\tif (adminPermission) this.setState({ adminPermission });\r\n\t\t\t});\r\n\t};\r\n\r\n\tgetFieldsSaleFirstOrder = () => {\r\n\t\tconst currentCity = JSON.parse(localStorage.getItem(\"chosenCity\"));\r\n\t\tconst currentBrand = JSON.parse(localStorage.getItem(\"chosenBrand\"));\r\n\t\tconst isDebug = JSON.parse(localStorage.getItem(\"isDebug\"));\r\n\r\n\t\tthis.props.firebase.bd\r\n\t\t\t.ref(\r\n\t\t\t\t`${\r\n\t\t\t\t\tisDebug ? \"debug\" : \"\"\r\n\t\t\t\t}/settings/city/${currentCity}/brands/${currentBrand}/loyaltySettings/saleFirstOrder`\r\n\t\t\t)\r\n\t\t\t.on(\"value\", (snapshot) => {\r\n\t\t\t\tlet saleFirstOrders = snapshot.val();\r\n\r\n\t\t\t\tsaleFirstOrders = saleFirstOrders ? saleFirstOrders : [];\r\n\r\n\t\t\t\tthis.setState({ saleFirstOrders });\r\n\t\t\t});\r\n\t};\r\n\r\n\tgetFieldSaleFirstOrder = () => {\r\n\t\tconst isDebug = JSON.parse(localStorage.getItem(\"isDebug\"));\r\n\t\tthis.props.firebase.bd\r\n\t\t\t.ref(`${isDebug ? \"debug\" : \"\"}/adminPermission/saleFirstOrder`)\r\n\t\t\t.on(\"value\", (snapshot) => {\r\n\t\t\t\tlet saleFirstOrder = snapshot.val();\r\n\r\n\t\t\t\tthis.setState({ saleFirstOrder });\r\n\t\t\t});\r\n\t};\r\n\r\n\tgetFieldsPromoCodes = () => {\r\n\t\tconst isDebug = JSON.parse(localStorage.getItem(\"isDebug\"));\r\n\r\n\t\tthis.props.firebase.bd\r\n\t\t\t.ref(`${isDebug ? \"debug\" : \"\"}/adminPermission/promoCodes`)\r\n\t\t\t.on(\"value\", (snapshot) => {\r\n\t\t\t\tlet promoCodes = snapshot.val();\r\n\r\n\t\t\t\tthis.setState({ promoCodes });\r\n\t\t\t});\r\n\t};\r\n\r\n\tchangeChecker = (value) => {\r\n\t\tconst currentCity = JSON.parse(localStorage.getItem(\"chosenCity\"));\r\n\t\tconst currentBrand = JSON.parse(localStorage.getItem(\"chosenBrand\"));\r\n\t\tconst isDebug = JSON.parse(localStorage.getItem(\"isDebug\"));\r\n\r\n\t\tthis.setState({ preloader: true });\r\n\t\tthis.props.firebase.bd\r\n\t\t\t.ref(\r\n\t\t\t\t`${\r\n\t\t\t\t\tisDebug ? \"debug\" : \"\"\r\n\t\t\t\t}/settings/city/${currentCity}/brands/${currentBrand}/loyaltySettings/saleFirstOrder`\r\n\t\t\t)\r\n\t\t\t.update({ isAvailable: value })\r\n\t\t\t.then((res) => {\r\n\t\t\t\tthis.setState({ preloader: false });\r\n\t\t\t});\r\n\t};\r\n\r\n\tsendData = (data) => {\r\n\t\tconst currentCity = JSON.parse(localStorage.getItem(\"chosenCity\"));\r\n\t\tconst currentBrand = JSON.parse(localStorage.getItem(\"chosenBrand\"));\r\n\t\tconst isDebug = JSON.parse(localStorage.getItem(\"isDebug\"));\r\n\t\tconsole.log(\"=== Submit data ===\", data);\r\n\r\n\t\tlet result = {\r\n\t\t\tisAvailable: true,\r\n\t\t\tdiscountId: \"\",\r\n\t\t\tid: \"\",\r\n\t\t};\r\n\r\n\t\tif (data) {\r\n\t\t\tresult = { ...result, ...data };\r\n\t\t}\r\n\r\n\t\tconsole.log(\"result -->>>\", result);\r\n\r\n\t\tthis.setState({ preloader: true });\r\n\t\tthis.props.firebase.bd\r\n\t\t\t.ref(\r\n\t\t\t\t`${\r\n\t\t\t\t\tisDebug ? \"debug\" : \"\"\r\n\t\t\t\t}/settings/city/${currentCity}/brands/${currentBrand}/loyaltySettings/saleFirstOrder`\r\n\t\t\t)\r\n\t\t\t.update(result)\r\n\t\t\t.then((res) => {\r\n\t\t\t\tthis.setState({ preloader: false });\r\n\t\t\t});\r\n\t\tthis.getFieldsSaleFirstOrder();\r\n\t\tthis.props.getDefaultCity();\r\n\t};\r\n\r\n\trender() {\r\n\t\t// console.log('state, saleFirstOrder', this.state);\r\n\t\treturn (\r\n\t\t\t<>\r\n\t\t\t\t\r\n {children}\r\n
\r\n \r\n {isMin600 && Продвижение }\r\n \r\n \r\n {isMax600 && Продвижение }\r\n {!!webcode && (\r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n
\r\n )\r\n}\r\n\r\nconst styles = theme => ({\r\n container: {\r\n padding: 16,\r\n borderRadius: 5,\r\n background: 'white',\r\n border: '0.5px solid #DADCE0', \r\n },\r\n title: {\r\n fontSize: 22,\r\n fontWeight: 'bold',\r\n lineHeight: '26px',\r\n },\r\n titleMobile: {\r\n marginTop: 16,\r\n marginBottom: 8,\r\n fontSize: 22,\r\n fontWeight: 'bold',\r\n lineHeight: '26px',\r\n },\r\n typographyWrapper: {\r\n display: 'flex',\r\n justifyContent: 'space-between',\r\n alignItems: 'center',\r\n },\r\n h6: {\r\n marginTop: 20,\r\n fontSize: 16,\r\n lineHeight: '19px',\r\n fontWeight: 500,\r\n [theme.breakpoints.down(\"600\")]: {\r\n marginTop: 0,\r\n }\r\n },\r\n textarea: {\r\n marginTop: 13,\r\n marginBottom: 5,\r\n width: '100%',\r\n height: '86px !important',\r\n padding: '10px 16px',\r\n fontSize: 16,\r\n lineHeight: '24px', \r\n letterSpacing: '0.15px',\r\n color: '#476282',\r\n border: '0.5px solid #DADCE0',\r\n boxSizing: 'border-box',\r\n borderRadius: '5px',\r\n resize: 'none',\r\n overflowY: 'auto !important',\r\n\r\n },\r\n textareaContent: {\r\n display: 'flex',\r\n justifyContent: 'space-between',\r\n alignItems: 'center'\r\n },\r\n textareaParagraph: {\r\n margin: 0,\r\n lineHeight: '24px',\r\n },\r\n button: {\r\n width: 109,\r\n height: 36,\r\n background: '#E9F1FC',\r\n borderRadius: '5px',\r\n fontSize: 14,\r\n textTransform: 'none',\r\n fontWeight: 500,\r\n boxShadow: 'none',\r\n border: 'none',\r\n color: '#326DFF',\r\n '&:hover': {\r\n background: 'rgb(50, 109, 255);',\r\n color: 'white',\r\n boxShadow: 'none',\r\n border: 'none',\r\n }\r\n },\r\n qrCodeWrapper: {\r\n marginTop: 16,\r\n display: 'flex',\r\n border: '0.5px solid #DADCE0',\r\n boxSizing: 'border-box',\r\n borderRadius: 5,\r\n padding: '24px 16px',\r\n [theme.breakpoints.down(\"600\")]: {\r\n flexDirection: 'column',\r\n border: 'none',\r\n padding: 0,\r\n marginTop: 24,\r\n }\r\n },\r\n qrCode: {\r\n width: 215,\r\n [theme.breakpoints.down(\"600\")]: {\r\n width: '100%',\r\n }\r\n },\r\n qrCodeData: {\r\n marginTop: 15,\r\n marginBottom: 15,\r\n width: 147,\r\n height: 'auto',\r\n padding: 16,\r\n border: '0.5px solid #DADCE0',\r\n boxSizing: 'border-box',\r\n borderRadius: 5,\r\n [theme.breakpoints.down(\"600\")]: {\r\n flexDirection: 'column',\r\n margin: '16px auto',\r\n }\r\n },\r\n qrTitle: {\r\n fontSize: 16,\r\n lineHeight: '19px',\r\n margin: 0,\r\n\r\n },\r\n text: {\r\n marginLeft: 100,\r\n maxWidth: 418,\r\n [theme.breakpoints.down(\"600\")]: {\r\n marginLeft: 0,\r\n maxWidth: '100%',\r\n },\r\n '& > p:first-child': {\r\n marginTop: 0,\r\n }\r\n },\r\n qrCodeInfo: {\r\n display: 'flex',\r\n [theme.breakpoints.down(\"600\")]: {\r\n width: 230,\r\n margin: '0 auto',\r\n }\r\n },\r\n qrCodeWebsite: {\r\n marginTop: 15,\r\n [theme.breakpoints.down(\"600\")]: {\r\n marginTop: 24,\r\n marginBottom: 16,\r\n textAlign: 'center',\r\n }\r\n },\r\n qrcodeText: {\r\n width: 160,\r\n [theme.breakpoints.down(\"600\")]: {\r\n width: 180,\r\n }\r\n },\r\n qrImage: {\r\n width: '100%',\r\n },\r\n advertising: {\r\n marginTop: 16,\r\n padding: '24px 16px',\r\n border: '0.5px solid #DADCE0',\r\n boxSizing: 'border-box',\r\n borderRadius: 5,\r\n [theme.breakpoints.down(\"600\")]: {\r\n marginTop: 24,\r\n padding: 0,\r\n border: 'none',\r\n '& > h2': {\r\n fontSize: 20,\r\n marginBottom: 12,\r\n },\r\n }\r\n },\r\n alert: {\r\n marginTop: 10,\r\n },\r\n textList: {\r\n margin: 0,\r\n listStyleType: 'none',\r\n padding: 0,\r\n },\r\n qrDownloadFile: {\r\n color: '#326dff',\r\n cursor: 'pointer',\r\n },\r\n arrowUp: {\r\n background: '#326dff',\r\n }\r\n });\r\n\r\nexport default withStyles(styles, { withTheme: true })(Promotion);","/* eslint-disable array-callback-return */\r\nimport React, { Component } from \"react\";\r\n\r\nimport Promotion from \"./promotion\";\r\nimport { connect } from \"react-redux\";\r\nimport { withRouter } from \"react-router\";\r\nimport { withFirebase } from \"../../firebase\";\r\nimport axios from \"axios\";\r\n\r\nclass PayCardContainer extends Component {\r\n\tconstructor() {\r\n\t\tsuper();\r\n\r\n\t\tthis.state = {\r\n\t\t\tloadStatus: false,\r\n\t\t\twebcode: \"\",\r\n\t\t\tuniversalLink: \"\",\r\n\t\t};\r\n\t}\r\n\r\n\tcomponentDidMount() {\r\n\t\tthis.getPromotion();\r\n\t\t// this.getQRCode();\r\n\t}\r\n\r\n\tgetPromotion = () => {\r\n\t\tconst isDebug = JSON.parse(localStorage.getItem(\"isDebug\"));\r\n\t\tthis.props.firebase.bd\r\n\t\t\t.ref(`${isDebug ? \"debug\" : \"\"}/adminPermission`)\r\n\t\t\t.on(\"value\", (snapshot) => {\r\n\t\t\t\tlet val = snapshot.val();\r\n\r\n\t\t\t\tif (val) {\r\n\t\t\t\t\tif (!this.state.webcode) {\r\n\t\t\t\t\t\tthis.setState({\r\n\t\t\t\t\t\t\twebcode: val.promotion.webcode,\r\n\t\t\t\t\t\t\tuniversalLink: val.promotion.universalLink,\r\n\t\t\t\t\t\t});\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t});\r\n\t};\r\n\r\n\t// getQRCode = () => {\r\n\t// axios.get(`http://qrcodes.com.ua/api/?u=${this.props.appSettings.branchLink}`, {headers: {\r\n\t// 'Access-Control-Allow-Origin': '*',\r\n\t// }})\r\n\t// .then((res) => console.log('res', res))\r\n\t// .catch((err) => console.log('err', err));\r\n\t// }\r\n\r\n\tsendData = (data) => {\r\n\t\t// console.log('data');\r\n\t};\r\n\r\n\trender() {\r\n\t\t// let branchLink = this.props.appSettings.branchLink;\r\n\t\treturn (\r\n\t\t\t<>\r\n\t\t\t\t\r\n Код для вставки сайта \r\n {isMin600 && (\r\n
\r\n )}\r\n\r\n {!!webcode && (\r\n \r\n \r\n
\r\n )}\r\n \r\n Текст был успешно скопирован! }\r\n
\r\n )}\r\n \r\n
\r\n {isActiveAlert && \r\n
\r\n {isMax600 && (\r\n Этот скрипт нужно вставить на сайт между тегов {``}.
\r\nВсе посетители сайта увидят, что у вас появилось мобильное приложение.
\r\n\r\n \r\n
\r\n )}\r\n \r\n
\r\n \r\n
\r\n QR-код для наклейки
\r\n\r\n \r\n 
\r\n {/* {isActiveStores &&
\r\n {/* \r\n
*/}\r\n Включить значки AppStore & Google Play
\r\n \r\n
\r\n \r\n
\r\n downloadFile(baseUrl + `qr_code/get_qr.php?url=${universalLink}`)}>\r\n Скачать QR код\r\n
\r\n \r\n
\r\n Если навести включённую камеру телефона на QR-код, система предложит вам перейти по ссылке и скачать мобильное приложение — это самый быстрый способ найти приложение в AppStore или Google Play.
\r\nНаклейку можно разместить на входе в заведение, на обложке меню, на стойках столов или в любом другом видном месте. Наклейка выглядит современно и значительно повышает количество скачиваний приложения.
\r\nФормат, который мы предлагаем для скачивания, подойдёт для любой типографии или студии печати. Просто передайте ссылку типографии и закажите нужный объём наклеек.
\r\n Рекомендуемые размеры:\r\n- \r\n
- Входная дверь — 20 см по длинной стороне. \r\n
- Обложка меню — 5 см по длинной стороне. \r\n
\r\n
\r\n Как ещё прорекламировать приложение?
\r\nКроме рекламы приложения на собственном сайте, вы можете дать прямые ссылки на приложение в ваших группах в социальных сетях: instagram, telegram, facebook.
\r\n\r\n\t\t\t\r\n\t\t\t
\r\n\t);\r\n};\r\n\r\nexport const Checkbox = ({ input, meta, ...props }) => {\r\n\treturn (\r\n\t\t\r\n\t\t\t\r\n\t\t\t\r\n\t\t
\r\n\t);\r\n};\r\n\r\nexport const Textarea = ({ input, meta, ...props }) => {\r\n\t// console.log(\"props textarea\", props);\r\n\tvar value = input.value;\r\n\tif (props.val !== undefined && value.length === 0 && meta.visited === false) {\r\n\t\tvalue = props.val;\r\n\t}\r\n\treturn (\r\n\t\t\r\n\t\t\t\r\n\t\t\t
\r\n\t);\r\n};\r\n\r\nexport const File = ({ input, type, meta, ...props }) => {\r\n\tdelete input.value;\r\n\treturn (\r\n\t\t\r\n\t\t\t\r\n\t\t\t\r\n\t\t\t{meta.touched && meta.error && {meta.error}}\r\n\t\t
\r\n\t);\r\n};\r\n\r\nexport const Select = ({ input, meta, ...props }) => {\r\n\tlet option = {};\r\n\tlet foundKey = null;\r\n\r\n\tfor (let key in props.option) {\r\n\t\tlet item = props.option[key];\r\n\t\toption[key] = item;\r\n\t}\r\n\r\n\tlet optionKeys = Object.keys(option);\r\n\tlet optionValues = Object.values(option);\r\n\r\n\tif (props.trigger === \"addProduct\") {\r\n\t\t// if (!input.value && props.selectedCategory) {\r\n\t\t// input.value = props.selectedCategory;\r\n\t\t// }\r\n\t\t// console.log('input.value', input.value);\r\n\t\t// if (input.value !== props.selectedCategory) {\r\n\t\t// props.setSelectedCategory(input.value);\r\n\t\t// }\r\n\t}\r\n\r\n\t// console.log(\"input.value\", input.value);\r\n\t// console.log(\"optionKeys\", optionKeys);\r\n\t// console.log(\"optionValues\", optionValues);\r\n\r\n\treturn (\r\n\t\t\r\n\t\t\t\r\n\t\t\t\r\n\t\t\t{meta.touched && meta.error && {meta.error}}\r\n\t\t\t{meta.touched ||\r\n\t\t\t\t(meta.submitFailed && meta.error && {meta.error})}\r\n\t\t
\r\n\t);\r\n};\r\n","import { makeStyles } from '@material-ui/core/styles';\r\n\r\nexport default makeStyles(theme => ({\r\n root: {\r\n },\r\n modal: {\r\n \r\n },\r\n formContainer: {\r\n width: '100%',\r\n height: 'auto',\r\n boxShadow: '0px 4px 4px rgba(0, 0, 0, 0.25)',\r\n margin: 15,\r\n padding: '25px 30px',\r\n borderRadius: 5,\r\n position: 'relative',\r\n boxSizing: 'border-box',\r\n background: '#fff',\r\n '& label': {\r\n fontSize: 14,\r\n }\r\n },\r\n // formLabel: {\r\n // backgroundColor: '#0053ff2b',\r\n // },\r\n close: {\r\n display: 'flex',\r\n justifyContent: 'center',\r\n alignItems: 'center',\r\n\r\n width: 35,\r\n height: 35,\r\n position: 'absolute',\r\n right: 15,\r\n top: 21,\r\n cursor: 'pointer',\r\n color: 'black',\r\n [theme.breakpoints.down('sm')]: {\r\n top: 17,\r\n },\r\n '&:hover': {\r\n opacity: .75,\r\n }\r\n },\r\n title: {\r\n fontSize: 22,\r\n fontWeight: 600,\r\n paddingTop: 0,\r\n paddingBottom: 25,\r\n justifyContent: 'flex-start',\r\n display: 'flex',\r\n width: '100%',\r\n [theme.breakpoints.down('sm')]: {\r\n fontSize: 18,\r\n },\r\n },\r\n adresses: {\r\n width: '100%',\r\n '& > fieldset': {\r\n width: '100%',\r\n }\r\n },\r\n button: {\r\n width: '100%',\r\n maxWidth: 240,\r\n minWidth: 180,\r\n height: 45,\r\n background: '#326dff',\r\n display: 'flex',\r\n alignItems: 'center',\r\n justifyContent: 'center',\r\n margin: 'auto',\r\n marginTop: 25,\r\n borderRadius: 3,\r\n fontSize: 14,\r\n color: '#fff',\r\n fontWeight: 500,\r\n cursor: 'pointer',\r\n border: 'none',\r\n textTransform: 'none',\r\n boxShadow: 'none',\r\n '&:hover': {\r\n background: '#326dff',\r\n color: 'white', \r\n opacity: .9, \r\n boxShadow: 'none',\r\n }\r\n },\r\n formControlLabel: {\r\n marginTop: 12,\r\n // minWidth: '500px',\r\n flexWrap: 'nowrap',\r\n // overflowY: 'scroll', \r\n },\r\n checkTerminals: {\r\n marginTop: 6,\r\n marginBottom: 13,\r\n }\r\n}));","import React, { useState } from 'react';\r\nimport { useSelector } from 'react-redux';\r\nimport clsx from 'clsx';\r\nimport { makeStyles, useTheme } from '@material-ui/core/styles';\r\nimport Input from '@material-ui/core/Input';\r\nimport InputLabel from '@material-ui/core/InputLabel';\r\nimport MenuItem from '@material-ui/core/MenuItem';\r\nimport FormControl from '@material-ui/core/FormControl';\r\nimport ListItemText from '@material-ui/core/ListItemText';\r\nimport Select from '@material-ui/core/Select';\r\nimport Checkbox from '@material-ui/core/Checkbox';\r\nimport Chip from '@material-ui/core/Chip';\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n formControl: {\r\n marginTop: 16,\r\n width: '100%',\r\n },\r\n chips: {\r\n display: 'flex',\r\n flexWrap: 'wrap',\r\n },\r\n chip: {\r\n margin: 2,\r\n },\r\n noLabel: {\r\n marginTop: theme.spacing(3),\r\n },\r\n select: {\r\n '& .MuiSelect-selectMenu': {\r\n whiteSpace: 'pre-wrap',\r\n },\r\n zIndex: '9999',\r\n }\r\n}));\r\n\r\nconst ITEM_HEIGHT = 48;\r\nconst ITEM_PADDING_TOP = 8;\r\nconst MenuProps = {\r\n PaperProps: {\r\n style: {\r\n maxHeight: ITEM_HEIGHT * 4.5 + ITEM_PADDING_TOP,\r\n width: 250,\r\n },\r\n },\r\n};\r\n\r\nconst MultipleSelect = (props) => {\r\n const classes = useStyles();\r\n const cities = useSelector(state => state.shops.shops);\r\n const { selectedCities, setSelectedCities, changeCity } = props;\r\n const trim = (str, size) => str.length > size ? str.slice(0, size - 3) + '…' : str;\r\n\r\n const handleChange = (event) => {\r\n changeCity(event.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\nexport default MultipleSelect;","import React from 'react';\r\nimport {reduxForm, reset, Field} from 'redux-form';\r\nimport { Link } from 'react-router-dom';\r\nimport {Input} from '../../ui/Input';\r\nimport {required} from 'redux-form-validators';\r\nimport Button from '../../../../components/Button';\r\nimport ArrowBackIcon from '@material-ui/icons/ArrowBack';\r\n\r\nimport FormLabel from '@material-ui/core/FormLabel';\r\nimport FormControl from '@material-ui/core/FormControl';\r\nimport FormGroup from '@material-ui/core/FormGroup';\r\nimport FormControlLabel from '@material-ui/core/FormControlLabel';\r\nimport Checkbox from '@material-ui/core/Checkbox';\r\nimport Select from '../ui/Select';\r\n\r\nimport useStyles from './styles';\r\n\r\nlet AddCategoryForm = (props) => {\r\n const {\r\n load,\r\n language,\r\n languages,\r\n selectedTerminals,\r\n handleSubmit,\r\n handleChange,\r\n changeSelectOpen,\r\n changeSelectClose,\r\n selectedCities,\r\n changeCity, \r\n cities,\r\n } = props;\r\n\r\n const classes = useStyles();\r\n const isOneCity = cities.length === 1;\r\n const isOneTerminal = selectedTerminals.length === 1;\r\n\r\n const brand = JSON.parse(localStorage.getItem(\"currentBrand\"));\r\n\r\n return (\r\n \r\n )\r\n}\r\n\r\nconst afterSubmit = (_, dispatch) =>\r\n dispatch(reset('addCategory'));\r\n\r\nAddCategoryForm = reduxForm({form: 'addCategory', onSubmitSuccess: afterSubmit})(AddCategoryForm);\r\n\r\nexport default AddCategoryForm;","import React, { useState, useEffect } from 'react';\r\nimport { withRouter } from 'react-router-dom';\r\nimport { withFirebase } from '../../../../firebase';\r\nimport { useSelector, useDispatch } from 'react-redux';\r\nimport { v4 as uuidv4 } from 'uuid';\r\n\r\nimport { addCategory, updateCategoriesOrder } from '../../../../reducers/shops';\r\n\r\nimport AddCategoryForm from './form';\r\nimport useStyles from './styles';\r\n\r\nlet Categories = (props) => {\r\n const classes = useStyles();\r\n const dispatch = useDispatch();\r\n const categories = useSelector(state => state.shops.categories);\r\n const cities = useSelector(state => state.shops.shops);\r\n const language = useSelector(state => state.shops.defaultLanguage);\r\n const languages = useSelector(state => state.shops.languages);\r\n\r\n const [isSelectOpen, setIsSelectOpen] = useState(null);\r\n const [preloder, setPreloader] = useState(false);\r\n const [selectedCities, setSelectedCities] = useState([]);\r\n const [selectedTerminals, setSelectedTerminals] = useState([]);\r\n const brand = JSON.parse(localStorage.getItem(\"currentBrand\"));\r\n const isDebug = JSON.parse(localStorage.getItem('isDebug'))\r\n\r\n console.log('cities *** ', cities)\r\n\r\n useEffect(() => {\r\n if (cities.length === 1) setSelectedCities([cities[0].address]);\r\n }, [cities]);\r\n\r\n // useEffect(() => {\r\n // if (cities.length === 1 && selectedCities.length > 0) {\r\n // let terminals = getTerminals();\r\n \r\n // setSelectedTerminals(terminals);\r\n // }\r\n // }, [selectedCities, cities]);\r\n\r\n useEffect(() => {\r\n // if (cities.length === 1 && selectedCities.length > 0) {\r\n let terminals = getTerminals();\r\n \r\n setSelectedTerminals(terminals);\r\n // }\r\n }, []);\r\n\r\n const changeSelectClose = () => setIsSelectOpen(false);\r\n const changeSelectOpen = () => setIsSelectOpen(true);\r\n\r\n const handleChange = (event) => {\r\n const data = [...selectedTerminals];\r\n const index = data.findIndex(t => t.id === event.target.name);\r\n data[index] = { ...data[index], visible: data[index].visible === \"1\" ? \"0\" : \"1\" };\r\n\r\n setSelectedTerminals(data)\r\n };\r\n\r\n const getTerminals = () => {\r\n let terminals = [];\r\n\r\n const deliveryTerminals = brand.deliveryTerminals\r\n \r\n deliveryTerminals.map((elem, index) => { \r\n deliveryTerminals[index] = { ...elem, visible: \"1\" };\r\n });\r\n\r\n terminals.push(...deliveryTerminals);\r\n\r\n\r\n return terminals;\r\n }\r\n\r\n const changeCity = (data) => {\r\n let terminals = [];\r\n\r\n data.map(address => {\r\n let { spot_id, deliveryTerminals } = cities.find(city => city.address === address);\r\n\r\n deliveryTerminals.map((elem, index) => { \r\n deliveryTerminals[index] = { ...elem, visible: \"1\" };\r\n\r\n selectedTerminals.map(terminal => {\r\n if (elem.id === terminal.id) {\r\n let isVisible = false;\r\n\r\n for (let key in terminal) {\r\n if (key == 'visible') {\r\n isVisible = true;\r\n }\r\n }\r\n\r\n deliveryTerminals[index] = { ...terminal, visible: terminal.visible };\r\n }\r\n })\r\n });\r\n\r\n terminals.push(...deliveryTerminals);\r\n });\r\n\r\n setSelectedTerminals(terminals);\r\n setSelectedCities(data);\r\n }\r\n\r\n const createNewCategory = (data) => {\r\n let name = {};\r\n // let allTerminals = [];\r\n const categoryId = uuidv4();\r\n\r\n for (let key in data) {\r\n name[key] = data[key];\r\n }\r\n\r\n const spots = selectedTerminals.map(selectTerminal => \r\n ({\r\n spotId: selectTerminal.id,\r\n visible: selectTerminal.visible,\r\n })\r\n )\r\n\r\n return {\r\n categoryId,\r\n name,\r\n spots,\r\n };\r\n }\r\n\r\n const onSubmit = (data) => {\r\n const category = createNewCategory(data);\r\n\r\n\r\n setPreloader(true);\r\n props.firebase.bd.ref(`${isDebug ? \"debug\" : \"\"}/EAppCRM/${brand.id}/nomenclature/categories`)\r\n .once('value') \r\n .then(snapshot => {\r\n const categories = snapshot.val() || []; \r\n\r\n categories.push(category);\r\n\r\n props.firebase.bd.ref(`${isDebug ? \"debug\" : \"\"}/EAppCRM/${brand.id}/nomenclature/categories`)\r\n .set(categories)\r\n .then(() => {\r\n const keyCity = Number(JSON.parse(localStorage.getItem(\"chosenCity\")));\r\n const keyBrand = Number(JSON.parse(localStorage.getItem(\"chosenBrand\")));\r\n \r\n const categoriesOrderData = categories.map(item => item.categoryId)\r\n \r\n props.firebase.bd\r\n .ref(`${isDebug ? \"debug\" : \"\"}/settings/city/${keyCity}/brands/${keyBrand}/category/categoriesOrder`)\r\n .set(categoriesOrderData)\r\n .then(() => {\r\n\r\n addCategory(dispatch, category);\r\n setPreloader(false);\r\n updateCategoriesOrder(categoriesOrderData);\r\n \r\n props.history.push(`/page/menu/products/${brand.id}`);\r\n })\r\n .catch(error => {\r\n console.error('Error adding сategories order:', error);\r\n });\r\n })\r\n .catch(error => {\r\n console.error('Error adding category:', error);\r\n });\r\n })\r\n .catch(error => {\r\n console.error('Error retrieving categories:', error);\r\n setPreloader(false);\r\n });\r\n }\r\n\r\n return(\r\n \r\n
\r\n )\r\n}\r\n\r\nexport default withFirebase(withRouter(Categories));","import { makeStyles } from '@material-ui/core/styles';\r\n\r\nexport default makeStyles(theme => ({\r\n listContainer: {\r\n width: '100%',\r\n height: 'auto',\r\n display: 'flex',\r\n flexWrap: 'wrap',\r\n },\r\n item: {\r\n width: '100%',\r\n height: 57,\r\n display: 'flex',\r\n padding: '0 16px',\r\n background: 'white',\r\n boxShadow: '0px 14px 23px rgba(232, 228, 228, 0.5)',\r\n boxSizing: 'border-box',\r\n borderRadius: 5,\r\n marginBottom: 16,\r\n justifyContent: 'space-between',\r\n alignItems: 'center',\r\n '& span': {\r\n fontSize: 18,\r\n fontWeight: 600,\r\n display: 'flex',\r\n justifyContent: 'center',\r\n alignItems: 'center',\r\n [theme.breakpoints.down('sm')]: {\r\n fontSize: 14,\r\n maxWidth: 110,\r\n overflow: 'hidden',\r\n }\r\n }\r\n },\r\n itemWrap: {\r\n },\r\n wrapper: {\r\n paddingRight: 30,\r\n display: 'flex',\r\n position: 'relative',\r\n top: 3,\r\n [theme.breakpoints.down('sm')]: {\r\n paddingRight: 0,\r\n }\r\n },\r\n eye: {\r\n\r\n },\r\n edit: {\r\n '& span' : {\r\n marginLeft: 10,\r\n },\r\n '& img': {\r\n width: 'auto',\r\n height: 20,\r\n cursor: 'pointer',\r\n }\r\n },\r\n editIcon: {\r\n cursor: 'pointer',\r\n },\r\n editLink: {\r\n marginLeft: 10,\r\n display: 'block',\r\n color: 'black',\r\n '&:hover': {\r\n opacity: .75,\r\n }\r\n },\r\n copyCategoryWrapper: {\r\n position: 'relative',\r\n },\r\n copyCategory: {\r\n display: 'flex',\r\n position: 'relative',\r\n top: 5,\r\n right: '12px',\r\n cursor: 'pointer',\r\n '&:hover > div': {\r\n color: 'gray',\r\n },\r\n '&:hover > div > svg': {\r\n background: '#326dff',\r\n }\r\n },\r\n copyLinkIcon: {\r\n position: 'relative',\r\n top: '-6px',\r\n left: '-7px',\r\n transform: 'rotate(45deg)',\r\n '& > svg': {\r\n fontSize: 18,\r\n padding: 4,\r\n fill: 'white',\r\n background: '#ccc',\r\n borderRadius: '50%',\r\n }\r\n },\r\n copyLinkText: {\r\n fontSize: 12,\r\n fontWeight: 400,\r\n color: '#ccc',\r\n textDecoration: 'underline',\r\n },\r\n alertWrapper: {\r\n position: 'absolute',\r\n top: '0',\r\n left: '0',\r\n },\r\n copyLinkIconActive: {\r\n '& > svg': {\r\n background: '#326dff',\r\n }\r\n },\r\n copyLinkTextActive: {\r\n color: '#326dff',\r\n }\r\n}));","import React, { useState, useEffect } from 'react';\r\nimport { withRouter, Link } from 'react-router-dom';\r\n\r\nimport DeleteIcon from '@material-ui/icons/Delete';\r\nimport EditIcon from '@material-ui/icons/Edit';\r\n// import FormEditCategorie from '../editCategory';\r\nimport useMediaQuery from '@material-ui/core/useMediaQuery';\r\nimport { useTheme } from '@material-ui/core/styles';\r\n\r\nimport { EyeIcon, EyeOffIcon } from './icons';\r\nimport InfoOutlinedIcon from '@material-ui/icons/InfoOutlined';\r\nimport LinkIcon from '@material-ui/icons/Link';\r\nimport Button from '@material-ui/core/Button';\r\nimport Alert from '@material-ui/lab/Alert';\r\nimport * as clipboard from \"clipboard-polyfill/text\";\r\nimport Popover from '../../../../components/Popover';\r\nimport useStyles from './styles';\r\n\r\nconst ListCategory = (props) => {\r\n const classes = useStyles();\r\n const theme = useTheme();\r\n const [active, setActive] = useState(false);\r\n const [names, setNames] = useState('');\r\n const [id, setId] = useState('');\r\n const [activeCategorie, setActiveCategorie] = useState(null);\r\n const [isActiveAlert, setIsActiveAlert] = useState(false);\r\n const [categoriesState, setCategoriesState] = useState([]);\r\n const [boxState, setBoxState] = useState(null);\r\n\r\n const [categoriesDone, setCategoriesDone] = useState(null);\r\n const [hiddenCategoriesDone, setHiddenCategoriesDone] = useState(null);\r\n const matches = useMediaQuery(theme.breakpoints.up('sm'));\r\n\r\n const handleOpen = () => {\r\n setActive(!active);\r\n }\r\n\r\n const handleClose = () => {\r\n console.log('--- close ---');\r\n setActive(false);\r\n setBoxState(null);\r\n }\r\n\r\n const copyText = (id) => {\r\n console.log('id', id)\r\n clipboard.writeText(id)\r\n .then(() => setIsActiveAlert(id))\r\n .catch(() => console.log('Error write text!'));\r\n setTimeout(() => setIsActiveAlert(false), 2000);\r\n }\r\n\r\n const handleClickOpen = (names, id) => {\r\n console.log(' --- edit ---');\r\n setBoxState(null);\r\n handleOpen();\r\n setNames(names);\r\n setId(id);\r\n setActiveCategorie(props.languages);\r\n } \r\n\r\n const handleOffCategorie = (id) => {\r\n let clickItem = categoriesState.find((item) => item.id === id);\r\n\r\n if (!clickItem.open) {\r\n clickItem.open = true;\r\n } else {\r\n clickItem.open = false;\r\n }\r\n\r\n setCategoriesState([\r\n ...categoriesState,\r\n ]);\r\n\r\n // let data = props.defaultHiddenCategories ? props.defaultHiddenCategories : [];\r\n let data = props.hiddenCategories ? props.hiddenCategories : [];\r\n \r\n\r\n if (!data.includes(id)) {\r\n // console.log(' --- 1 ----');\r\n data.push(id);\r\n } else {\r\n // console.log(' --- 2 ----');\r\n data = data.filter(item => item !== id); \r\n }\r\n\r\n // console.log('1 --- >>> ', data, id);\r\n\r\n props.hiddenCategory(data, clickItem.open);\r\n }\r\n \r\n useEffect(() => {\r\n const {categories, hiddenCategories} = props;\r\n\r\n if (categories) setCategoriesDone(categories);\r\n if (hiddenCategories) setHiddenCategoriesDone(hiddenCategories);\r\n }, [props.categories, props.hiddenCategories])\r\n\r\n let filtredCategories = [];\r\n\r\n if (categoriesDone || hiddenCategoriesDone) {\r\n filtredCategories = [...categoriesDone];\r\n\r\n if (props.categories && props.hiddenCategories) {\r\n for (let key = 0; key < categoriesDone.length; key++) {\r\n let item = categoriesDone[key];\r\n \r\n for (let catId in hiddenCategoriesDone) {\r\n let hiddenItem = hiddenCategoriesDone[catId];\r\n \r\n if (item.id === hiddenItem) {\r\n filtredCategories[key] = {\r\n ...filtredCategories[key],\r\n open: true,\r\n }\r\n }\r\n }\r\n }\r\n }\r\n\r\n if (categoriesState.length !== filtredCategories.length) {\r\n setCategoriesState(filtredCategories);\r\n }\r\n\r\n categoriesState.map((item, index) => {\r\n if (filtredCategories && filtredCategories[index]) {\r\n let filtredName = filtredCategories[index].name;\r\n for (let key in item.name) {\r\n let name = item.name;\r\n\r\n if (filtredName[key] !== name[key]) {\r\n setCategoriesState(filtredCategories);\r\n }\r\n }\r\n }\r\n })\r\n }\r\n\r\n\r\n return(\r\n \r\n
\r\n \r\n \r\n {categoriesState.map((item, index) => {\r\n let language = props.language;\r\n\r\n return(\r\n
\r\n )\r\n}\r\n\r\nexport default withRouter(ListCategory);","import React from 'react';\r\nimport { Link, withRouter } from \"react-router-dom\";\r\nimport { makeStyles } from '@material-ui/core/styles';\r\nimport AddForm from './addCategory';\r\nimport ListCategory from './listCategories';\r\nimport AddIcon from '@material-ui/icons/Add';\r\n// import Language from './language';\r\n\r\nconst Categories = (props) => {\r\n const classes = useStyles();\r\n const path = props.match.url;\r\n\r\n\r\n return(\r\n \r\n \r\n {item.name[language] ? item.name[language] : item.name[props.defaultLanguage]}\r\n \r\n
\r\n )\r\n })}\r\n \r\n
\r\n \r\n
\r\n copyText(item.id)} \r\n >\r\n
\r\n {isActiveAlert === item.id ? 'Скопировано': 'Копировать'}
}\r\n \r\n handleOffCategorie(item.id, index)}>\r\n {!item.open && (\r\n
\r\n \r\n \r\n
\r\n \r\n props.deleteCategory(item.id, item.name[props.defaultLanguage])}>
\r\n \r\n {/* {props.modal ? \r\n */}\r\n
\r\n )\r\n}\r\n\r\nconst useStyles = makeStyles({\r\n container: {\r\n width: '100%',\r\n height: 'auto',\r\n display: 'flex',\r\n flexWrap: 'wrap',\r\n padding: '20px 0px',\r\n },\r\n icon: {\r\n width: 35,\r\n height: 35,\r\n padding: 5,\r\n background: '#326dff',\r\n color: 'white',\r\n borderRadius: '50%',\r\n position: 'fixed',\r\n bottom: 15,\r\n right: 15,\r\n backgroundImage: 'url(../../assets/img/plus.svg)',\r\n backgroundPosition: 'center',\r\n backgroundSize: 20,\r\n backgroundRepeat: 'no-repeat',\r\n opacity: 0.7,\r\n transition: 'all 0.5s',\r\n cursor: 'pointer',\r\n '&:hover': {\r\n opacity: 1,\r\n }\r\n }\r\n});\r\n\r\nexport default withRouter(Categories);","import React from 'react';\r\nimport load from '../img/load.gif';\r\nimport s from './preloader.module.css';\r\n\r\nconst Prelodaer = (props) => {\r\n return(\r\n \r\n 
\r\n
\r\n )\r\n}\r\n\r\nexport default Prelodaer;","import React, { Component } from \"react\";\r\nimport Categories from \"./categories\";\r\nimport { withFirebase } from \"../../firebase\";\r\nimport Preloader from \"./preloader/preloader\";\r\nimport { connect } from \"react-redux\";\r\nimport { withRouter } from \"react-router-dom\";\r\nimport {\r\n\tupdateCategories,\r\n\tupdateProducts,\r\n\tupdateVisibility,\r\n\tupdateCategoriesOrder,\r\n} from \"../../reducers/shops\";\r\n\r\nclass CategoriesContainer extends Component {\r\n\tconstructor() {\r\n\t\tsuper();\r\n\t\tthis.state = {\r\n\t\t\tcategories: [],\r\n\t\t\tlanguages: [],\r\n\t\t\thiddenCategories: [],\r\n\t\t\tdefaultHiddenCategories: null,\r\n\t\t\tdeliveryTerminals: null,\r\n\t\t\tdeliveryTerminalsCheckBox: null,\r\n\t\t\tlanguage: \"\",\r\n\t\t\tdefaultLanguage: \"\",\r\n\t\t\tmodal: false,\r\n\t\t\tpreloader: false,\r\n\t\t\tactiveCategory: null,\r\n\t\t\tlanguageModal: false,\r\n\t\t};\r\n\t}\r\n\r\n\tcomponentDidMount() {\r\n\t\tthis.getLanguages();\r\n\t\tthis.getCategories(this.props.match.params.brandId);\r\n\t\tthis.getDefaultHiddenCategories();\r\n\t\tthis.getDeliveryTerminalsByCity();\r\n\t}\r\n\r\n\tcomponentDidUpdate(prevProps) {\r\n\t\t// Проверяем, изменился ли параметр id в URL\r\n\t\tif (this.props.match.params.brandId !== prevProps.match.params.brandId) {\r\n\t\t\t// Выполняем необходимые действия при изменении id\r\n\t\t\tconst newId = this.props.match.params.brandId;\r\n\t\t\tthis.getCategories(newId);\r\n\t\t}\r\n\t}\r\n\r\n\tgetDeliveryTerminalsByCity = () => {\r\n\t\tconst cityId = \"0\";\r\n\r\n\t\tthis.setState({ preloader: true });\r\n\t\tthis.props.firebase.bd\r\n\t\t\t.ref(\r\n\t\t\t\t`${\r\n\t\t\t\t\tJSON.parse(localStorage.getItem(\"isDebug\")) ? \"debug\" : \"\"\r\n\t\t\t\t}/settings/City/0/deliveryTerminals`\r\n\t\t\t)\r\n\t\t\t.once(\"value\", (snapshot) => {\r\n\t\t\t\tlet deliveryTerminals = snapshot.val();\r\n\r\n\t\t\t\tthis.setState({ deliveryTerminals, preloader: false });\r\n\t\t\t});\r\n\t};\r\n\r\n\thandleDeliveryTerminalsCheckBox = (data) => {\r\n\t\tthis.setState({ deliveryTerminalsCheckBox: data });\r\n\t};\r\n\r\n\tgetDefaultHiddenCategories = () => {\r\n\t\tconst currentCity = JSON.parse(localStorage.getItem(\"chosenCity\"));\r\n\t\tconst currentBrand = JSON.parse(localStorage.getItem(\"chosenBrand\"));\r\n\t\tconst isDebug = JSON.parse(localStorage.getItem(\"isDebug\"));\r\n\r\n\t\tthis.setState({ preloader: true });\r\n\r\n\t\tthis.props.firebase.bd\r\n\t\t\t.ref(\r\n\t\t\t\t`${\r\n\t\t\t\t\tisDebug ? \"debug\" : \"\"\r\n\t\t\t\t}/settings/city/${currentCity}/brands/${currentBrand}/category/hiddenCategories`\r\n\t\t\t)\r\n\t\t\t.once(\"value\", (snapshot) => {\r\n\t\t\t\tlet defaultHiddenCategories = snapshot.val();\r\n\r\n\t\t\t\tthis.setState({ defaultHiddenCategories, preloader: false });\r\n\t\t\t});\r\n\t};\r\n\r\n\tgetLanguages = () => {\r\n\t\tlet defaultLanguage = this.props.defaultLanguage;\r\n\r\n\t\tif (!defaultLanguage || defaultLanguage.length === 0) {\r\n\t\t\tthis.setState({ preloader: true });\r\n\t\t\tthis.props.firebase.bd\r\n\t\t\t\t.ref(\r\n\t\t\t\t\t`${\r\n\t\t\t\t\t\tJSON.parse(localStorage.getItem(\"isDebug\")) ? \"debug\" : \"\"\r\n\t\t\t\t\t}/adminPermission/defaultLanguage`\r\n\t\t\t\t)\r\n\t\t\t\t.once(\"value\", (snapshot) => {\r\n\t\t\t\t\tlet val = snapshot.val();\r\n\r\n\t\t\t\t\tdefaultLanguage = val;\r\n\r\n\t\t\t\t\tthis.setState({ defaultLanguage, preloader: false });\r\n\t\t\t\t});\r\n\t\t}\r\n\r\n\t\t// let languages = this.props.languages;\r\n\t\tlet languages = [];\r\n\t\tif (!languages || languages.length === 0) {\r\n\t\t\tthis.setState({ preloader: true });\r\n\t\t\tthis.props.firebase.bd\r\n\t\t\t\t.ref(\r\n\t\t\t\t\t`${\r\n\t\t\t\t\t\tJSON.parse(localStorage.getItem(\"isDebug\")) ? \"debug\" : \"\"\r\n\t\t\t\t\t}/adminPermission/languages`\r\n\t\t\t\t)\r\n\t\t\t\t.once(\"value\", (snapshot) => {\r\n\t\t\t\t\tlet val = snapshot.val();\r\n\r\n\t\t\t\t\tlanguages = val.sort(function (a, b) {\r\n\t\t\t\t\t\tif (defaultLanguage) {\r\n\t\t\t\t\t\t\tif (a.key !== defaultLanguage) {\r\n\t\t\t\t\t\t\t\treturn 1;\r\n\t\t\t\t\t\t\t} else {\r\n\t\t\t\t\t\t\t\treturn -1;\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t});\r\n\r\n\t\t\t\t\tthis.setState({ languages, preloader: false });\r\n\t\t\t\t});\r\n\t\t} else {\r\n\t\t\tlanguages = languages.sort(function (a, b) {\r\n\t\t\t\tif (defaultLanguage) {\r\n\t\t\t\t\tif (a.key !== defaultLanguage) {\r\n\t\t\t\t\t\treturn 1;\r\n\t\t\t\t\t} else {\r\n\t\t\t\t\t\treturn -1;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t});\r\n\t\t\tthis.setState({ languages });\r\n\t\t}\r\n\t};\r\n\r\n\tgetCategories = (brandId) => {\r\n\t\tlet languages = this.props.languages;\r\n\t\tthis.setState({ preloader: true });\r\n\r\n\t\tthis.props.firebase.bd\r\n\t\t\t.ref(\r\n\t\t\t\t`${\r\n\t\t\t\t\tJSON.parse(localStorage.getItem(\"isDebug\")) ? \"debug\" : \"\"\r\n\t\t\t\t}/EAppCRM/${brandId}/nomenclature/categories`\r\n\t\t\t)\r\n\t\t\t.once(\"value\", (snapshot) => {\r\n\t\t\t\tlet categoriesData = snapshot.val();\r\n\r\n\t\t\t\tconst categories = categoriesData\r\n\t\t\t\t\t? categoriesData.map((item) => ({\r\n\t\t\t\t\t\t\t...item,\r\n\t\t\t\t\t\t\tid: item.categoryId,\r\n\t\t\t\t\t }))\r\n\t\t\t\t\t: [];\r\n\r\n\t\t\t\tlet categoryList = categories;\r\n\t\t\t\tlet list = categories;\r\n\t\t\t\tlet languageList = [];\r\n\r\n\t\t\t\tthis.setState({ categories: list, preloader: false });\r\n\r\n\t\t\t\tthis.props.updateCategories(categoryList);\r\n\t\t\t});\r\n\t};\r\n\r\n\thiddenCategory = (data, open) => {\r\n\t\t// console.log(\"data\", data, open);\r\n\t\tconst adminPermission = JSON.parse(localStorage.getItem(\"adminPermission\"));\r\n\t\tconst currentCity = JSON.parse(localStorage.getItem(\"chosenCity\"));\r\n\t\tconst currentBrand = JSON.parse(localStorage.getItem(\"chosenBrand\"));\r\n\t\tconst isDebug = JSON.parse(localStorage.getItem(\"isDebug\"));\r\n\r\n\t\tif (adminPermission && adminPermission.newAdmin === true) {\r\n\t\t\tif (open) {\r\n\t\t\t\tthis.setState({ preloader: true, defaultHiddenCategories: data });\r\n\t\t\t\tthis.props.updateVisibility({ list: data, params: \"hiddenCategories\" });\r\n\t\t\t\tthis.props.firebase.bd\r\n\t\t\t\t\t.ref(\r\n\t\t\t\t\t\t`${\r\n\t\t\t\t\t\t\tisDebug ? \"debug\" : \"\"\r\n\t\t\t\t\t\t}/settings/city/${currentCity}/brands/${currentBrand}/category/hiddenCategories`\r\n\t\t\t\t\t)\r\n\t\t\t\t\t.update(data)\r\n\t\t\t\t\t.then((res) => {\r\n\t\t\t\t\t\tthis.setState({\r\n\t\t\t\t\t\t\tpreloader: false,\r\n\t\t\t\t\t\t});\r\n\t\t\t\t\t});\r\n\t\t\t}\r\n\r\n\t\t\tif (!open) {\r\n\t\t\t\tthis.setState({ preloader: true, defaultHiddenCategories: data });\r\n\t\t\t\tthis.props.updateVisibility({ list: data, params: \"hiddenCategories\" });\r\n\t\t\t\tthis.props.firebase.bd\r\n\t\t\t\t\t.ref(\r\n\t\t\t\t\t\t`${\r\n\t\t\t\t\t\t\tisDebug ? \"debug\" : \"\"\r\n\t\t\t\t\t\t}/settings/city/${currentCity}/brands/${currentBrand}/category/hiddenCategories`\r\n\t\t\t\t\t)\r\n\t\t\t\t\t.set(data)\r\n\t\t\t\t\t.then((res) => {\r\n\t\t\t\t\t\tthis.setState({\r\n\t\t\t\t\t\t\tpreloader: false,\r\n\t\t\t\t\t\t});\r\n\t\t\t\t\t});\r\n\t\t\t}\r\n\t\t} else {\r\n\t\t\tif (open) {\r\n\t\t\t\tthis.setState({ preloader: true, defaultHiddenCategories: data });\r\n\t\t\t\tthis.props.updateVisibility({ list: data, params: \"hiddenCategories\" });\r\n\t\t\t\tthis.props.firebase.bd\r\n\t\t\t\t\t.ref(\r\n\t\t\t\t\t\t`${\r\n\t\t\t\t\t\t\tisDebug ? \"debug\" : \"\"\r\n\t\t\t\t\t\t}/settings/city/${currentCity}/brands/${currentBrand}/category/hiddenCategories`\r\n\t\t\t\t\t)\r\n\t\t\t\t\t.update(data)\r\n\t\t\t\t\t.then((res) => {\r\n\t\t\t\t\t\tthis.setState({\r\n\t\t\t\t\t\t\tpreloader: false,\r\n\t\t\t\t\t\t});\r\n\t\t\t\t\t});\r\n\t\t\t}\r\n\r\n\t\t\tif (!open) {\r\n\t\t\t\tthis.setState({ preloader: true, defaultHiddenCategories: data });\r\n\t\t\t\tthis.props.updateVisibility({ list: data, params: \"hiddenCategories\" });\r\n\t\t\t\tthis.props.firebase.bd\r\n\t\t\t\t\t.ref(\r\n\t\t\t\t\t\t`${\r\n\t\t\t\t\t\t\tisDebug ? \"debug\" : \"\"\r\n\t\t\t\t\t\t}/settings/city/${currentCity}/brands/${currentBrand}/category/hiddenCategories`\r\n\t\t\t\t\t)\r\n\r\n\t\t\t\t\t.set(data)\r\n\t\t\t\t\t.then((res) => {\r\n\t\t\t\t\t\tthis.setState({\r\n\t\t\t\t\t\t\tpreloader: false,\r\n\t\t\t\t\t\t});\r\n\t\t\t\t\t});\r\n\t\t\t}\r\n\t\t}\r\n\t};\r\n\r\n\tonSubmit = (data) => {\r\n\t\tconsole.log(\"data onSubmit\", data);\r\n\r\n\t\tconst { deliveryTerminalsCheckBox, deliveryTerminals } = this.state;\r\n\t\tconst isDebug = JSON.parse(localStorage.getItem(\"isDebug\"));\r\n\t\tlet spots = {};\r\n\r\n\t\tdeliveryTerminals.map((item, index) => {\r\n\t\t\tif (!deliveryTerminalsCheckBox) {\r\n\t\t\t\tspots[item.id] = { visible: \"1\" };\r\n\t\t\t} else {\r\n\t\t\t\tspots[item.id] = {\r\n\t\t\t\t\tvisible: !!deliveryTerminalsCheckBox[item.id] ? \"1\" : \"0\",\r\n\t\t\t\t};\r\n\t\t\t}\r\n\t\t});\r\n\r\n\t\t// console.log('spots', spots);\r\n\r\n\t\tlet category = {\r\n\t\t\ticon: \"default\",\r\n\t\t\tspots,\r\n\t\t\tname: {\r\n\t\t\t\tru: data.ru ? data.ru : null,\r\n\t\t\t\tuk: data.uk ? data.uk : null,\r\n\t\t\t\ten: data.en ? data.en : null,\r\n\t\t\t\tpl: data.pl ? data.pl : null,\r\n\t\t\t},\r\n\t\t};\r\n\r\n\t\tthis.setState({ preloader: true });\r\n\t\tthis.props.firebase.bd\r\n\t\t\t.ref(`${isDebug ? \"debug\" : \"\"}/categories`)\r\n\t\t\t.push(category)\r\n\t\t\t.then((res) => {\r\n\t\t\t\tlet categories = {};\r\n\r\n\t\t\t\tfor (let key in this.state.categories) {\r\n\t\t\t\t\tlet item = this.state.categories[key];\r\n\r\n\t\t\t\t\tcategories[item.id] = item;\r\n\t\t\t\t}\r\n\r\n\t\t\t\tlet data = {\r\n\t\t\t\t\t...categories,\r\n\t\t\t\t\t[res.key]: {\r\n\t\t\t\t\t\t...category,\r\n\t\t\t\t\t\tid: res.key,\r\n\t\t\t\t\t},\r\n\t\t\t\t};\r\n\r\n\t\t\t\tconsole.log(\"data Submit productsContainer --->>>\", data);\r\n\r\n\t\t\t\tthis.props.updateCategories(data);\r\n\t\t\t\tthis.getCategories();\r\n\t\t\t\tthis.setState({ preloader: false });\r\n\t\t\t})\r\n\t\t\t.catch((error) => {\r\n\t\t\t\tconsole.error(error);\r\n\t\t\t});\r\n\t\tthis.statusModal();\r\n\t};\r\n\r\n\tdeleteCategory = (id, name) => {\r\n\t\tconsole.log(\"id, name\", id, name);\r\n\t\tconst brand = JSON.parse(localStorage.getItem(\"currentBrand\"));\r\n\t\tconst isDebug = JSON.parse(localStorage.getItem(\"isDebug\"));\r\n\t\tif (window.confirm(`Вы хотите удалить категорию ${name}?`)) {\r\n\t\t\tif (\r\n\t\t\t\twindow.confirm(\r\n\t\t\t\t\t`При удалении категории будут удалены все товары! Удалить?`\r\n\t\t\t\t)\r\n\t\t\t) {\r\n\t\t\t\tthis.props.firebase.bd\r\n\t\t\t\t\t.ref(\r\n\t\t\t\t\t\t`${isDebug ? \"debug\" : \"\"}/EAppCRM/${\r\n\t\t\t\t\t\t\tbrand.id\r\n\t\t\t\t\t\t}/nomenclature/categories`\r\n\t\t\t\t\t)\r\n\t\t\t\t\t.once(\"value\")\r\n\t\t\t\t\t.then((snapshot) => {\r\n\t\t\t\t\t\tconst categories = snapshot.val() || [];\r\n\r\n\t\t\t\t\t\tconst updatedCategories = categories.filter(\r\n\t\t\t\t\t\t\t(item) => item.categoryId !== id\r\n\t\t\t\t\t\t);\r\n\r\n\t\t\t\t\t\tthis.props.firebase.bd\r\n\t\t\t\t\t\t\t.ref(\r\n\t\t\t\t\t\t\t\t`${isDebug ? \"debug\" : \"\"}/EAppCRM/${\r\n\t\t\t\t\t\t\t\t\tbrand.id\r\n\t\t\t\t\t\t\t\t}/nomenclature/products`\r\n\t\t\t\t\t\t\t)\r\n\t\t\t\t\t\t\t.once(\"value\")\r\n\t\t\t\t\t\t\t.then((snapshot) => {\r\n\t\t\t\t\t\t\t\tconst productList = snapshot.val() || [];\r\n\r\n\t\t\t\t\t\t\t\tconst updatedProducts = productList.filter(\r\n\t\t\t\t\t\t\t\t\t(item) => item.categoryId !== id\r\n\t\t\t\t\t\t\t\t);\r\n\r\n\t\t\t\t\t\t\t\tconsole.log(\"productList **** \", productList);\r\n\t\t\t\t\t\t\t\tconsole.log(\"updatedProducts **** \", updatedProducts);\r\n\r\n\t\t\t\t\t\t\t\tthis.props.firebase.bd\r\n\t\t\t\t\t\t\t\t\t.ref(\r\n\t\t\t\t\t\t\t\t\t\t`${isDebug ? \"debug\" : \"\"}/EAppCRM/${\r\n\t\t\t\t\t\t\t\t\t\t\tbrand.id\r\n\t\t\t\t\t\t\t\t\t\t}/nomenclature/categories`\r\n\t\t\t\t\t\t\t\t\t)\r\n\t\t\t\t\t\t\t\t\t.set(updatedCategories)\r\n\t\t\t\t\t\t\t\t\t.then(() => {\r\n\t\t\t\t\t\t\t\t\t\tthis.props.firebase.bd\r\n\t\t\t\t\t\t\t\t\t\t\t.ref(\r\n\t\t\t\t\t\t\t\t\t\t\t\t`${isDebug ? \"debug\" : \"\"}/EAppCRM/${\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tbrand.id\r\n\t\t\t\t\t\t\t\t\t\t\t\t}/nomenclature/products`\r\n\t\t\t\t\t\t\t\t\t\t\t)\r\n\t\t\t\t\t\t\t\t\t\t\t.set(updatedProducts)\r\n\t\t\t\t\t\t\t\t\t\t\t.then(() => {\r\n\t\t\t\t\t\t\t\t\t\t\t\tif (this.props.categories) {\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tlet categories = {};\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tlet products = {};\r\n\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tfor (let key in this.props.categories) {\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tlet item = this.props.categories[key];\r\n\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tif (key !== id) {\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tcategories[key] = { ...item, id: key };\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tfor (let key in this.props.products) {\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tconst product = this.props.products[key];\r\n\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tif (product.menuCategoryId !== id) {\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tproducts[key] = product;\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tconst categoriesOrderData = updatedCategories.map(\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t(item) => item.categoryId\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t);\r\n\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tconst updHiddenCategories =\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tcategoriesOrderData.filter((item) =>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tthis.props.hiddenCategories.includes(item)\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t);\r\n\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tconst adminPermission = JSON.parse(\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tlocalStorage.getItem(\"adminPermission\")\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t);\r\n\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tconst currentCity = JSON.parse(\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tlocalStorage.getItem(\"chosenCity\")\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t);\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tconst currentBrand = JSON.parse(\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tlocalStorage.getItem(\"chosenBrand\")\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t);\r\n\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tif (\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tadminPermission &&\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tadminPermission.newAdmin === true\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t) {\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tthis.props.firebase.bd\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t.ref(\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t`${\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tisDebug ? \"debug\" : \"\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}/settings/city/${currentCity}/brands/${currentBrand}/category/categoriesOrder`\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t.set(categoriesOrderData)\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t.then((res) => {\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tthis.props.firebase.bd\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t.ref(\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t`${\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tisDebug ? \"debug\" : \"\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}/settings/city/${currentCity}/brands/${currentBrand}/category/hiddenCategories`\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t.set(updHiddenCategories)\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t.then((res) => {\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tthis.props.updateCategoriesOrder(\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tcategoriesOrderData\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t);\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tthis.props.updateCategories(categories);\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tthis.props.updateProducts(products);\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tthis.getCategories(brand.id);\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tthis.setState({ preloader: false });\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t})\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t.catch((err) => {});\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t})\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t.catch((error) => {\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tconsole.error(error);\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t});\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t} else {\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tthis.props.firebase.bd\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t.ref(\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t`${\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tisDebug ? \"debug\" : \"\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}/settings/city/${currentCity}/brands/${currentBrand}/category/categoriesOrder`\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t.set(categoriesOrderData)\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t.then((res) => {\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tthis.props.firebase.bd\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t.ref(\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t`${\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tisDebug ? \"debug\" : \"\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}/settings/city/${currentCity}/brands/${currentBrand}/category/hiddenCategories`\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t.set(updHiddenCategories)\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t.then((res) => {\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tthis.props.updateCategoriesOrder(\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tcategoriesOrderData\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t);\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tthis.props.updateCategories(categories);\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tthis.props.updateProducts(products);\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tthis.getCategories(brand.id);\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tthis.setState({ preloader: false });\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t})\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t.catch((err) => {});\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t})\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t.catch((error) => {\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tconsole.error(error);\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t});\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t\t\t});\r\n\t\t\t\t\t\t\t\t\t\talert(\"Готово\");\r\n\t\t\t\t\t\t\t\t\t});\r\n\t\t\t\t\t\t\t});\r\n\t\t\t\t\t})\r\n\t\t\t\t\t.catch((res) => {\r\n\t\t\t\t\t\tconsole.log(\"res\", res);\r\n\t\t\t\t\t\talert(\"Перезагрузите страницу и попробуйте еще раз!\");\r\n\t\t\t\t\t});\r\n\r\n\t\t\t\tconst ref = this.props.firebase.bd.ref(\r\n\t\t\t\t\t`${isDebug ? \"debug\" : \"\"}/products`\r\n\t\t\t\t);\r\n\t\t\t\tvar deleteAfterDate = ref.orderByChild(\"menuCategoryId\").equalTo(id);\r\n\t\t\t\tdeleteAfterDate\r\n\t\t\t\t\t.once(\"value\")\r\n\t\t\t\t\t.then(function (snapshot) {\r\n\t\t\t\t\t\tvar updates = {};\r\n\t\t\t\t\t\tsnapshot.forEach(function (child) {\r\n\t\t\t\t\t\t\tupdates[child.key] = null;\r\n\t\t\t\t\t\t});\r\n\t\t\t\t\t\tref.update(updates);\r\n\t\t\t\t\t})\r\n\t\t\t\t\t.then((res) => {})\r\n\t\t\t\t\t.catch((res) => {});\r\n\t\t\t}\r\n\t\t}\r\n\t};\r\n\r\n\teditCategory = (data) => {\r\n\t\tconsole.log(\"editCategory\", data);\r\n\r\n\t\tconst { deliveryTerminalsCheckBox, deliveryTerminals } = this.state;\r\n\t\tconst isDebug = JSON.parse(localStorage.getItem(\"isDebug\"));\r\n\r\n\t\tlet spots = [];\r\n\r\n\t\tdeliveryTerminals.map((item, index) => {\r\n\t\t\tif (!deliveryTerminalsCheckBox) {\r\n\t\t\t\tspots[item.id] = { visible: \"1\" };\r\n\t\t\t} else {\r\n\t\t\t\tspots[item.id] = {\r\n\t\t\t\t\tvisible: !!deliveryTerminalsCheckBox[item.id] ? \"1\" : \"0\",\r\n\t\t\t\t};\r\n\t\t\t}\r\n\t\t});\r\n\r\n\t\t// console.log('spots', spots);\r\n\r\n\t\tlet categoryNew = {};\r\n\r\n\t\tfor (let key in this.props.languages) {\r\n\t\t\tlet languagesKey = this.props.languages[key].key;\r\n\t\t\tif (data[languagesKey]) {\r\n\t\t\t\tcategoryNew[languagesKey] = data[languagesKey];\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\tlet category = { name: categoryNew, spots, icon: \"default\" };\r\n\r\n\t\tthis.setState({ preloader: true });\r\n\t\tthis.props.firebase.bd\r\n\t\t\t.ref(`${isDebug ? \"debug\" : \"\"}/categories/${data.id}`)\r\n\t\t\t.update(category)\r\n\t\t\t.then((res) => {\r\n\t\t\t\tthis.setState({ preloader: false });\r\n\t\t\t\tlet categories = {};\r\n\r\n\t\t\t\tfor (let key in this.props.categories) {\r\n\t\t\t\t\tlet item = this.props.categories[key];\r\n\r\n\t\t\t\t\tif (key === data.id) {\r\n\t\t\t\t\t\tcategories[key] = category;\r\n\t\t\t\t\t} else {\r\n\t\t\t\t\t\tcategories[key] = item;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\r\n\t\t\t\tthis.props.updateCategories(categories);\r\n\t\t\t\tthis.getCategories();\r\n\t\t\t\tthis.setState({ preloader: false });\r\n\t\t\t})\r\n\t\t\t.catch((error) => {\r\n\t\t\t\tconsole.error(error);\r\n\t\t\t});\r\n\t};\r\n\r\n\tstatusModal = () => {\r\n\t\tthis.setState({\r\n\t\t\tmodal: this.state.modal ? false : true,\r\n\t\t});\r\n\t};\r\n\r\n\tstatusLanguageModal = () => {\r\n\t\tthis.setState({\r\n\t\t\tlanguageModal: this.state.languageModal ? false : true,\r\n\t\t});\r\n\t};\r\n\r\n\trender() {\r\n\t\t// console.log(\"state (products) ->\", this.state);\r\n\t\t// console.log('props (products) ->', this.props);\r\n\t\treturn (\r\n\t\t\t<>\r\n\t\t\t\t\r\n
\r\n )\r\n}\r\n\r\nexport default withFirebase(withRouter(Categories));","import { makeStyles } from '@material-ui/core/styles';\r\n\r\nexport default makeStyles(theme => ({\r\n tabs: {\r\n display: 'flex',\r\n marginBottom: '10px',\r\n },\r\n tab: {\r\n fontSize: 13,\r\n margin: '0 3px',\r\n padding: '7px 12px',\r\n background: '#7ca0f7',\r\n borderRadius: '5px',\r\n cursor: 'pointer',\r\n color: 'white',\r\n '&:hover': {\r\n background: 'rgba(50, 109, 255, .5)',\r\n }\r\n },\r\n tabsContent: {\r\n marginTop: 20,\r\n },\r\n cities: {\r\n display: 'flex',\r\n flexWrap: 'wrap',\r\n maxHeight: 75,\r\n overflow: 'hidden',\r\n '& > div> label': {\r\n marginRight: 0,\r\n },\r\n '& > div> label > .MuiCheckbox-colorSecondary.Mui-checked': {\r\n color: 'rgba(50, 109, 255, 1)',\r\n },\r\n '& > div > label > .MuiCheckbox-colorSecondary.Mui-checked:hover': {\r\n backgroundColor: 'rgba(50, 109, 255, .04)',\r\n }\r\n },\r\n openCitiesCheckbox: {\r\n '& > label': {\r\n marginRight: 0,\r\n },\r\n '& > label > .MuiCheckbox-colorSecondary.Mui-checked': {\r\n color: 'rgba(50, 109, 255, 1)',\r\n },\r\n '& > label > .MuiCheckbox-colorSecondary.Mui-checked:hover': {\r\n backgroundColor: 'rgba(50, 109, 255, .04)',\r\n }\r\n },\r\n citiesWrapper: {\r\n position: 'relative',\r\n maxWidth: 110,\r\n marginRight: 24,\r\n '& > label .MuiFormControlLabel-label': {\r\n whiteSpace: 'nowrap',\r\n }\r\n },\r\n citiesMoreIcon: {\r\n position: 'absolute',\r\n top: 11,\r\n right: -11,\r\n width: 10,\r\n height: 20,\r\n },\r\n button: {\r\n width: '100%',\r\n maxWidth: '250px',\r\n height: '40px',\r\n display: 'flex',\r\n alignItems: 'center',\r\n textTransform: 'none',\r\n justifyContent: 'center',\r\n background: '#326dff',\r\n margin: '16px auto',\r\n borderRadius: '5px',\r\n fontSize: '16px',\r\n color: '#fff',\r\n cursor: 'pointer',\r\n border: 'none',\r\n '&:hover': {\r\n background: 'rgba(50, 109, 255, .75)',\r\n }\r\n },\r\n citiesPrice: {\r\n display: 'flex',\r\n justifyContent: 'space-between',\r\n alignItems: 'center',\r\n [theme.breakpoints.down('650')]: {\r\n flexWrap: 'wrap',\r\n }\r\n },\r\n leftPanel: {\r\n display: 'flex',\r\n width: '30%',\r\n [theme.breakpoints.down('760')]: {\r\n // display: 'block',\r\n width: '100%',\r\n }\r\n },\r\n citiesName: {\r\n display: 'flex',\r\n maxWidth: 400,\r\n width: '100%',\r\n lineHeight: '62px',\r\n whiteSpace: 'nowrap',\r\n [theme.breakpoints.down('650')]: {\r\n // width: '50%',\r\n maxHeight: 63,\r\n // overflow: 'hidden',\r\n // order: 1,\r\n fontSize: 13,\r\n }\r\n },\r\n nameLine: {\r\n paddingRight: 18,\r\n },\r\n citiesFields: {\r\n // height: 62,\r\n maxWidth: 500,\r\n width: '100%',\r\n marginRight: 30,\r\n [theme.breakpoints.down('650')]: {\r\n // order: 3,\r\n // margin: 0,\r\n '& > div > label': {\r\n fontSize: 13,\r\n }\r\n },\r\n '& > div': {\r\n position: 'relative',\r\n marginBottom: 0,\r\n },\r\n '& > div > label': {\r\n position: 'absolute',\r\n top: 13,\r\n left: -60,\r\n zIndex: 0,\r\n [theme.breakpoints.down('650')]: {\r\n position: 'static',\r\n },\r\n },\r\n '& > div > input': {\r\n zIndex: 1,\r\n }\r\n },\r\n citiesField: {\r\n // background: 'red',\r\n },\r\n isOpenCities: {\r\n marginTop: 16,\r\n },\r\n citiesCheckbox: {\r\n // height: 62,\r\n [theme.breakpoints.down('650')]: {\r\n // width: '50%',\r\n // order: 2,\r\n '& > label > span': {\r\n fontSize: 13,\r\n }\r\n },\r\n '& > label': {\r\n marginRight: 0,\r\n },\r\n '& > label > .MuiCheckbox-colorSecondary.Mui-checked': {\r\n color: 'rgba(50, 109, 255, 1)',\r\n },\r\n '& > label > .MuiCheckbox-colorSecondary.Mui-checked:hover': {\r\n backgroundColor: 'rgba(50, 109, 255, .04)',\r\n }\r\n },\r\n popoverWrapper: {\r\n // display: 'flex',\r\n position: 'relative',\r\n },\r\n popover: {\r\n \r\n },\r\n shop: {\r\n lineHeight: 1,\r\n },\r\n headerWrapper: {\r\n marginBottom: 16,\r\n display: 'flex',\r\n justifyContent: 'space-between',\r\n fontSize: 18,\r\n fontWeight: 500,\r\n [theme.breakpoints.down('650')]: {\r\n display: 'none'\r\n },\r\n },\r\n shop: {\r\n maxWidth: 400,\r\n width: '100%',\r\n },\r\n price: {\r\n width: '30%',\r\n [theme.breakpoints.down('760')]: {\r\n width: '100%',\r\n },\r\n }\r\n }));","export const validateImage = imageFile => {\r\n console.log('imageFile', imageFile);\r\n if (imageFile && imageFile.length > 0) {\r\n const types = ['image/jpeg', 'image/png']\r\n const imageFileKb = imageFile[0].size / 1024 / 1024;\r\n const imageType = types.includes(imageFile[0].type);\r\n \r\n if (imageFileKb > 0.5) {\r\n return 'Размер фото не более 0.5 МБ';\r\n }\r\n \r\n if (!imageType) {\r\n return 'Данный формат изображения не поддержиаеться';\r\n }\r\n \r\n return undefined;\r\n } else {\r\n return 'Это поле обязательно для заполнения';\r\n }\r\n }\r\n\r\nexport const size = e => e ? e.length > 0 ? e[0].size/1024/1024 < 0.5 ? undefined : 'Размер фото не более 0.5 МБ' : undefined : undefined;\r\nexport const trim = (str, count) => str.length > count ? str.slice(0, count) + '…' : str;\r\n","import React, { useState, useRef, useEffect } from \"react\";\r\nimport { useSelector, connect } from \"react-redux\";\r\nimport { Input, File, Textarea, Select } from \"../ui/Input/\";\r\nimport s from \"./products.module.css\";\r\nimport {\r\n\treduxForm,\r\n\treset,\r\n\tField,\r\n\tisValid,\r\n\tisDirty,\r\n\tformValueSelector,\r\n} from \"redux-form\";\r\nimport { required, numericality } from \"redux-form-validators\";\r\nimport Grid from \"@material-ui/core/Grid\";\r\nimport Paper from \"@material-ui/core/Paper\";\r\nimport Button from \"@material-ui/core/Button\";\r\n\r\nimport FormControlLabel from \"@material-ui/core/FormControlLabel\";\r\nimport Checkbox from \"@material-ui/core/Checkbox\";\r\nimport Popover from \"../../../components/Popover\";\r\n\r\nimport useStyles from \"./styles\";\r\n\r\nimport { validateImage, trim } from \"./other\";\r\n\r\nlet ProductsForm = (props) => {\r\n\tconst { defaultLanguage, languages, categories } = props;\r\n\tconst classes = useStyles();\r\n\tconst inputEl = useRef(null);\r\n\r\n\tconst [tabActive, setTabActive] = useState(0);\r\n\tconst [selectedCategory, setSelectedCategory] = useState(null);\r\n\tconst isOneCity = props.cities.length === 1;\r\n\t// const isOneTerminals =\r\n\t// \tisOneCity && props.cities[0].deliveryTerminals.length === 1;\r\n\tconst isOneTerminals = isOneCity && props.terminals?.length === 1;\r\n\tconsole.log(\"props *** \", props);\r\n\tconst [filtredTerminals, setFiltredTerminals] = useState([]);\r\n\tconst [isValid, setIsValid] = useState(null);\r\n\tconst [defaultPrice, setDefaultPrice] = useState(0);\r\n\r\n\tconst isSalesPrice = useSelector(\r\n\t\t(state) => state.shops.adminPermission.salesProductsPrice\r\n\t);\r\n\r\n\tconst handleTabClick = (count) => {\r\n\t\tlet title = languages\r\n\t\t\t.find((item) => item.key === defaultLanguage)\r\n\t\t\t.label.split(\" \");\r\n\t\ttitle = title[title.length - 1];\r\n\t\tif (count === 0) {\r\n\t\t\tsetTabActive(count);\r\n\t\t}\r\n\r\n\t\tif (isValid) {\r\n\t\t\tsetTabActive(count);\r\n\t\t} else {\r\n\t\t\tif (count !== 0) {\r\n\t\t\t\talert(`Сначала добавьте товар на ${title} языке`);\r\n\t\t\t}\r\n\t\t}\r\n\t};\r\n\tconst { isOpenCities, handleIsOpenCities } = props;\r\n\r\n\tconst filterTerminals = () => {\r\n\t\tconst filtredTerminals = [];\r\n\t\tlet categorySpots = {};\r\n\t\tlet categorySpotsData = categories[selectedCategory].spots;\r\n\r\n\t\tfor (let key in categorySpotsData) {\r\n\t\t\tconst categorySpot = categorySpotsData[key];\r\n\r\n\t\t\tif (categorySpot.visible === \"1\") {\r\n\t\t\t\tcategorySpots[key] = categorySpot;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\tfor (let key in categorySpots) {\r\n\t\t\tconst categorySpot = categorySpots[key];\r\n\r\n\t\t\tprops.terminals.map((terminal) => {\r\n\t\t\t\tif (String(terminal.id) === String(categorySpot.spotId)) {\r\n\t\t\t\t\tfiltredTerminals.push({ ...terminal, visible: categorySpot.visible });\r\n\t\t\t\t\t// terminal = { ...terminal, visible: \"1\" };\r\n\t\t\t\t}\r\n\t\t\t});\r\n\t\t}\r\n\r\n\t\treturn filtredTerminals;\r\n\t};\r\n\r\n\tuseEffect(() => {\r\n\t\tif (selectedCategory) {\r\n\t\t\tlet isLoad = false;\r\n\t\t\tconst categorySpots = categories[selectedCategory].spots;\r\n\r\n\t\t\tif (filtredTerminals.length === 0) {\r\n\t\t\t\tsetFiltredTerminals(filterTerminals());\r\n\t\t\t}\r\n\r\n\t\t\tfiltredTerminals.map((filtredTerminal) => {\r\n\t\t\t\tfor (let key in categorySpots) {\r\n\t\t\t\t\tconst categorySpot = categorySpots[key];\r\n\r\n\t\t\t\t\tif (filtredTerminal.id !== categorySpot.spot_id) {\r\n\t\t\t\t\t\tisLoad = true;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t});\r\n\r\n\t\t\tif (isLoad) {\r\n\t\t\t\tconsole.log(\"--load--\");\r\n\t\t\t\tsetFiltredTerminals(filterTerminals());\r\n\t\t\t\tisLoad = false;\r\n\t\t\t}\r\n\t\t}\r\n\t}, [selectedCategory, props.terminals]);\r\n\r\n\tuseEffect(() => {\r\n\t\tsetIsValid(props.valid);\r\n\t}, [props.valid]);\r\n\r\n\tuseEffect(() => {\r\n\t\tif (\r\n\t\t\t!!props.selectedCategory &&\r\n\t\t\tselectedCategory !== props.selectedCategory\r\n\t\t) {\r\n\t\t\tsetSelectedCategory(props.selectedCategory);\r\n\t\t}\r\n\t}, [selectedCategory, props.selectedCategory]);\r\n\r\n\tconst handlePriceChange = (e) => {\r\n\t\tlet val = e.target.value;\r\n\r\n\t\tif (defaultPrice !== val) {\r\n\t\t\tsetDefaultPrice(val);\r\n\t\t}\r\n\t};\r\n\r\n\tconst handleCheckboxChange = (e) => {\r\n\t\tlet arr = [...filtredTerminals];\r\n\t\tlet id = e.target.id;\r\n\t\t// let index = citiesState.findIndex(item => item.spot_id === id);\r\n\t\tlet item = filtredTerminals[id];\r\n\r\n\t\titem = {\r\n\t\t\t...item,\r\n\t\t\tvisible: item.visible == \"0\" ? \"1\" : \"0\",\r\n\t\t};\r\n\r\n\t\tarr[id] = item;\r\n\r\n\t\tsetFiltredTerminals(arr);\r\n\t};\r\n\r\n\tconst handleSubmitForm = (handleSubmit) => {\r\n\t\tconst { handleChangeCitiesSpot } = props;\r\n\r\n\t\thandleChangeCitiesSpot(filtredTerminals);\r\n\t\tsetSelectedCategory(null);\r\n\t\tsetTabActive(0);\r\n\t\t// handleSubmit();\r\n\r\n\t\t// setDefaultPrice('');\r\n\t\t// reset('ProductsForm');\r\n\t\t// initCitiesState();\r\n\t};\r\n\r\n\treturn (\r\n\t\t\r\n
\r\n \r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\r\n\t\t\t\t\t\t\tДобавить товар
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t{languages.map((item, index) => {\r\n\t\t\t\t\t\t\t\t\tlet name = item.label.split(\" \");\r\n\t\t\t\t\t\t\t\t\tname = name[name.length - 1];\r\n\t\t\t\t\t\t\t\t\tname = name.replace(\"ом\", \"ий\");\r\n\t\t\t\t\t\t\t\t\treturn (\r\n\t\t\t\t\t\t\t\t\t\t handleTabClick(index)}\r\n\t\t\t\t\t\t\t\t\t\t\tclassName={classes.tab}\r\n\t\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\t\t{name}\r\n\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t);\r\n\t\t\t\t\t\t\t\t})}\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t{languages.map((item, index) => {\r\n\t\t\t\t\t\t\t\t\tlet name = \"name\" + \"_\" + item.key;\r\n\t\t\t\t\t\t\t\t\tlet description = \"description\" + \"_\" + item.key;\r\n\t\t\t\t\t\t\t\t\treturn (\r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t);\r\n\t\t\t\t\t\t\t\t})}\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t{filtredTerminals.map((item, index) => {\r\n\t\t\t\t\t\t\t\t\t\t\treturn (\r\n\t\t\t\t\t\t\t\t\t\t\t\tЗаведение:
\r\n\t\t\t\t\t\t\t\t\t\t\tЦена:
\r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t);\r\n\t\t\t\t\t\t\t\t\t\t})}\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{trim(item.name, 100)}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tlabel=\"Отображать\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tclassName={s.citiesLabel}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t handleSubmitForm(props.handleSubmit)}\r\n\t\t\t\t\t\t\t\t\ttype=\"submit\"\r\n\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\tДобавить\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\r\n \r\n
\r\n \r\n\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t{/* 
*/}\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\tНаименование\r\n\t\t\t\t\t\t\t\t\t\t this.copyText(item.id)}\r\n\t\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t this.props.handleOffProduct(item.id)}>\r\n\t\t\t\t\t\t\t\t\t\t\t{!isActive && (\r\n\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t{item && item.name && item.name[language]\r\n\t\t\t\t\t\t\t\t\t\t\t? item.name[language]\r\n\t\t\t\t\t\t\t\t\t\t\t: \"Описание отсутствует\"}\r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\tОписание\r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t{item.description && item.description[language]\r\n\t\t\t\t\t\t\t\t\t\t\t? trim(item.description[language])\r\n\t\t\t\t\t\t\t\t\t\t\t: \"Описание отсутствует\"}\r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\tЦена\r\n\t\t\t\t\t\t\t\t\t{price ? price : \"0\"}\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t this.props.statusEditModal(item.id)}\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\tРедактировать\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n
\r\n )\r\n}\r\n\r\nconst useStyles = makeStyles(theme => ({\r\n tabs: {\r\n display: 'flex',\r\n marginBottom: '10px',\r\n flexWrap: 'wrap',\r\n },\r\n tab: {\r\n fontSize: 13,\r\n margin: '0 3px 5px 3px',\r\n padding: '7px 12px',\r\n background: '#326dff',\r\n borderRadius: '5px',\r\n cursor: 'pointer',\r\n color: 'white',\r\n '&:hover': {\r\n background: 'rgba(50, 109, 255, .75)',\r\n }\r\n },\r\n tabsContent: {\r\n marginTop: 20,\r\n },\r\n textarea: {\r\n fontFamily: 'Roboto, sans-serif',\r\n },\r\n citys: {\r\n maxHeight: 75,\r\n overflow: 'hidden',\r\n },\r\n citysLabel: {\r\n position: 'relative',\r\n '&::before': {\r\n content: \"1\",\r\n position: 'absolute',\r\n top: 0,\r\n left: 0,\r\n width: 10,\r\n height: 20,\r\n background: 'red',\r\n }\r\n },\r\n button: {\r\n width: '100%',\r\n maxWidth: '250px',\r\n height: '40px',\r\n display: 'flex',\r\n alignItems: 'center',\r\n textTransform: 'none',\r\n justifyContent: 'center',\r\n background: '#326dff',\r\n margin: '16px auto',\r\n borderRadius: '5px',\r\n fontSize: '16px',\r\n color: '#fff',\r\n cursor: 'pointer',\r\n border: 'none',\r\n '&:hover': {\r\n background: 'rgba(50, 109, 255, .75)',\r\n }\r\n }\r\n }));\r\n \r\n\r\nconst afterSubmit = (result, dispatch) =>\r\n dispatch(reset('EditForm'));\r\n\r\n EditForm = reduxForm({\r\n form: 'EditForm', \r\n onSubmitSuccess: afterSubmit,\r\n })(EditForm);\r\n\r\n EditForm = connect(\r\n state => ({\r\n valid: isValid('ProductsForm')(state),\r\n })\r\n )(EditForm)\r\n\r\nexport default EditForm;","export const validateImage = imageFile => {\r\n if (imageFile && imageFile.length > 0) {\r\n const types = ['image/jpeg', 'image/png']\r\n const imageFileKb = imageFile[0].size / 1024 / 1024;\r\n const imageType = types.includes(imageFile[0].type);\r\n \r\n if (imageFileKb > 0.5) {\r\n return 'Размер фото не более 0.5 МБ';\r\n }\r\n \r\n if (!imageType) {\r\n return 'Данный формат изображения не поддержиаеться';\r\n }\r\n \r\n return undefined;\r\n }\r\n }\r\n\r\n export const size = e => e ? e.length > 0 ? e[0].size/1024/1024 < 0.5 ? undefined : 'Размер фото не более 0.5 МБ' : undefined : undefined;\r\n export const trim = (str, count) => str.length > count ? str.slice(0, count) + '…' : str;\r\n","import { makeStyles } from '@material-ui/core/styles';\r\n\r\nexport default makeStyles(theme => ({\r\n tabs: {\r\n display: 'flex',\r\n marginBottom: '10px',\r\n flexWrap: 'wrap',\r\n },\r\n tab: {\r\n fontSize: 13,\r\n margin: '0 3px 5px 3px',\r\n padding: '7px 12px',\r\n background: '#326dff',\r\n borderRadius: '5px',\r\n cursor: 'pointer',\r\n color: 'white',\r\n '&:hover': {\r\n background: 'rgba(50, 109, 255, .75)',\r\n }\r\n },\r\n tabsContent: {\r\n marginTop: 20,\r\n },\r\n textarea: {\r\n fontFamily: 'Roboto, sans-serif',\r\n height: '55px !important',\r\n overflowY: 'auto !important',\r\n },\r\n cities: {\r\n display: 'flex',\r\n flexWrap: 'wrap',\r\n maxHeight: 75,\r\n overflow: 'hidden',\r\n '& > div> label': {\r\n marginRight: 0,\r\n },\r\n '& > div> label > .MuiCheckbox-colorSecondary.Mui-checked': {\r\n color: 'rgba(50, 109, 255, 1)',\r\n },\r\n '& > div > label > .MuiCheckbox-colorSecondary.Mui-checked:hover': {\r\n backgroundColor: 'rgba(50, 109, 255, .04)',\r\n }\r\n },\r\n citiesWrapper: {\r\n position: 'relative',\r\n maxWidth: 110,\r\n marginRight: 24,\r\n },\r\n citiesMoreIcon: {\r\n position: 'absolute',\r\n top: 11,\r\n right: -11,\r\n width: 10,\r\n height: 20,\r\n },\r\n button: {\r\n width: '100%',\r\n maxWidth: '250px',\r\n height: '40px',\r\n display: 'flex',\r\n alignItems: 'center',\r\n textTransform: 'none',\r\n justifyContent: 'center',\r\n background: '#326dff',\r\n margin: '16px auto',\r\n borderRadius: '5px',\r\n fontSize: '16px',\r\n color: '#fff',\r\n cursor: 'pointer',\r\n border: 'none',\r\n '&:hover': {\r\n background: 'rgba(50, 109, 255, .75)',\r\n }\r\n },\r\n openCitiesCheckbox: {\r\n '& > label': {\r\n marginRight: 0,\r\n },\r\n '& > label > .MuiCheckbox-colorSecondary.Mui-checked': {\r\n color: 'rgba(50, 109, 255, 1)',\r\n },\r\n '& > label > .MuiCheckbox-colorSecondary.Mui-checked:hover': {\r\n backgroundColor: 'rgba(50, 109, 255, .04)',\r\n }\r\n },\r\n citiesPrice: {\r\n display: 'flex',\r\n justifyContent: 'space-between',\r\n alignItems: 'center',\r\n [theme.breakpoints.down('650')]: {\r\n flexWrap: 'wrap',\r\n }\r\n },\r\n leftPanel: {\r\n display: 'flex',\r\n width: '30%',\r\n [theme.breakpoints.down('760')]: {\r\n // display: 'block',\r\n width: '100%',\r\n }\r\n },\r\n citiesName: {\r\n display: 'flex',\r\n maxWidth: 400,\r\n width: '100%',\r\n lineHeight: '62px',\r\n whiteSpace: 'nowrap',\r\n [theme.breakpoints.down('650')]: {\r\n // width: '50%',\r\n maxHeight: 63,\r\n // overflow: 'hidden',\r\n // order: 1,\r\n fontSize: 13,\r\n }\r\n },\r\n citiesLabel: {\r\n position: 'relative',\r\n top: 5,\r\n },\r\n nameLine: {\r\n paddingRight: 18,\r\n fontWeight: 400,\r\n },\r\n citiesFields: {\r\n // height: 62,\r\n maxWidth: 500,\r\n width: '100%',\r\n marginRight: 30,\r\n [theme.breakpoints.down('650')]: {\r\n // order: 3,\r\n // margin: 0,\r\n '& > div > label': {\r\n fontSize: 13,\r\n }\r\n },\r\n '& > div': {\r\n position: 'relative',\r\n marginBottom: 0,\r\n },\r\n '& > div > label': {\r\n // position: 'absolute',\r\n top: 13,\r\n left: -60,\r\n zIndex: 0,\r\n [theme.breakpoints.down('650')]: {\r\n position: 'static',\r\n },\r\n },\r\n '& > div > input': {\r\n zIndex: 1,\r\n }\r\n },\r\n citiesField: {\r\n // background: 'red',\r\n },\r\n isOpenCities: {\r\n marginTop: 16,\r\n },\r\n citiesCheckbox: {\r\n // height: 62,\r\n [theme.breakpoints.down('650')]: {\r\n // width: '50%',\r\n // order: 2,\r\n '& > label > span': {\r\n fontSize: 13,\r\n }\r\n },\r\n '& > label': {\r\n marginRight: 0,\r\n },\r\n '& > label > .MuiCheckbox-colorSecondary.Mui-checked': {\r\n color: 'rgba(50, 109, 255, 1)',\r\n },\r\n '& > label > .MuiCheckbox-colorSecondary.Mui-checked:hover': {\r\n backgroundColor: 'rgba(50, 109, 255, .04)',\r\n }\r\n },\r\n popoverWrapper: {\r\n // display: 'flex',\r\n position: 'relative',\r\n },\r\n popover: {\r\n \r\n },\r\n shop: {\r\n lineHeight: 1,\r\n },\r\n headerWrapper: {\r\n marginBottom: 16,\r\n display: 'flex',\r\n justifyContent: 'space-between',\r\n fontSize: 18,\r\n fontWeight: 500,\r\n [theme.breakpoints.down('650')]: {\r\n display: 'none'\r\n },\r\n },\r\n shop: {\r\n maxWidth: 400,\r\n width: '100%',\r\n },\r\n price: {\r\n width: '30%',\r\n [theme.breakpoints.down('760')]: {\r\n width: '100%',\r\n },\r\n }\r\n }));","import React, {useEffect, useState} from 'react';\r\nimport {Input, File, Textarea, Select} from '../../ui/Input/';\r\nimport {reduxForm, reset, Field, isValid, formValueSelector} from 'redux-form';\r\nimport {required, numericality} from 'redux-form-validators';\r\nimport {connect, useSelector} from 'react-redux';\r\nimport { Link } from 'react-router-dom';\r\n\r\n\r\nimport FormControlLabel from '@material-ui/core/FormControlLabel';\r\nimport Checkbox from '@material-ui/core/Checkbox';\r\nimport ArrowBackIcon from '@material-ui/icons/ArrowBack'\r\nimport Popover from '../../../../components/Popover';\r\n\r\nimport { validateImage, trim } from './other';\r\nimport s from './products.module.css';\r\nimport useStyles from './styles';\r\n\r\nlet EditForm = (props) => {\r\n const classes = useStyles();\r\n const [isValid, setIsValid] = useState(null);\r\n const [citiesState, setCitiesState] = useState(null);\r\n const cities = useSelector(state => state.shops.shops);\r\n const isSalesPrice = useSelector(\r\n (state) => state.shops.adminPermission.salesProductsPrice\r\n );\r\n\r\n const brand = JSON.parse(localStorage.getItem(\"currentBrand\"));\r\n const isOneCity = cities ? cities.length === 1 : false;\r\n const isOneTerminals = brand && brand.deliveryTerminals?.length === 1;\r\n\r\n const [tabActive, setTabActive] = useState(0);\r\n const [selectedCategory, setSelectedCategory] = useState(null);\r\n const [filtredTerminals, setFiltredTerminals] = useState([]);\r\n\r\n let {isOpenCities, handleIsOpenCities, categories} = props;\r\n\r\n const handleTabClick = (count) => {\r\n const defaultLanguage = props.defaultLanguage;\r\n const languages = props.languages;\r\n let title = languages.find(item => item.key === defaultLanguage).label.split(' ');\r\n title = title[title.length - 1];\r\n if (count === 0) {\r\n setTabActive(count);\r\n }\r\n\r\n if (isValid) {\r\n setTabActive(count);\r\n } else {\r\n if (count !== 0) {\r\n alert(`Сначала добавьте товар на ${title} языке`)\r\n }\r\n }\r\n }\r\n\r\n const filterTerminals = () => {\r\n const filtredTerminals = [];\r\n let categorySpots = {};\r\n \r\n const category = categories?.find(item => item.categoryId === selectedCategory)\r\n let categorySpotsData = category.spots\r\n // let categorySpotsData = Object.keys(categories).length > 0 && categories[selectedCategory].spots;\r\n\r\n for (let key in categorySpotsData) {\r\n const categorySpot = categorySpotsData[key];\r\n\r\n if (categorySpot.visible === \"1\") {\r\n categorySpots[key] = categorySpot;\r\n }\r\n }\r\n\r\n for (let key in categorySpots) {\r\n const categorySpot = categorySpots[key];\r\n\r\n brand.deliveryTerminals.map((terminal) => {\r\n const productSpot = props.product.spots.find(spot => spot.spotId === terminal.id);\r\n\r\n if (String(terminal.id) === String(categorySpot.spotId)) {\r\n if (productSpot) {\r\n filtredTerminals.push({...terminal, visible: productSpot.visible});\r\n } else {\r\n filtredTerminals.push({ ...terminal, visible: categorySpot.visible });\r\n }\r\n }\r\n });\r\n }\r\n\r\n return filtredTerminals;\r\n }\r\n\r\n useEffect(() => {\r\n if (selectedCategory && categories.length > 0) {\r\n const category = categories.find(item => item.categoryId === selectedCategory)\r\n \r\n let isLoad = false;\r\n // const categorySpots = categories.length > 0 && categories[selectedCategory].spots;\r\n const categorySpots = category?.spots;\r\n\r\n if (filtredTerminals.length === 0) {\r\n setFiltredTerminals(filterTerminals())\r\n }\r\n\r\n filtredTerminals.map(filtredTerminal => {\r\n for (let key in categorySpots) {\r\n const categorySpot = categorySpots[key];\r\n \r\n if (filtredTerminal.id !== categorySpot.spot_id) {\r\n isLoad = true;\r\n }\r\n }\r\n });\r\n \r\n if (isLoad) {\r\n setFiltredTerminals(filterTerminals());\r\n isLoad = false;\r\n }\r\n }\r\n }, [selectedCategory, categories]);\r\n\r\n useEffect(() => {\r\n setIsValid(props.valid);\r\n }, [props.valid]);\r\n\r\n // useEffect(() => {\r\n // console.log('props in effect ***', props)\r\n // if (!!props.selectedCategory && selectedCategory !== props.selectedCategory) {\r\n // setSelectedCategory(props.selectedCategory);\r\n // }\r\n // }, [selectedCategory, props.selectedCategory]);\r\n\r\n useEffect(() => {\r\n categories.length > 0 && setSelectedCategory(selectedCategory ? selectedCategory : props.product.categoryId); \r\n }, [selectedCategory, categories]);\r\n\r\n // useEffect(() => {\r\n // if (isOneCity && isOneTerminals) handleIsOpenCities();\r\n // }, [isOneTerminals, isOneCity]);\r\n useEffect(() => {\r\n if (isOneTerminals) handleIsOpenCities();\r\n }, [isOneTerminals]);\r\n\r\n const handleCheckboxChange = (e) => {\r\n let arr = [...filtredTerminals];\r\n let id = e.target.id;\r\n // let index = citiesState.findIndex(item => item.spot_id === id);\r\n let item = filtredTerminals[id];\r\n\r\n if (!item.visible) {\r\n item = {\r\n ...filtredTerminals[id],\r\n visible: \"0\",\r\n name: item.name\r\n }\r\n }\r\n \r\n item = { \r\n ...item, \r\n visible: item.visible == \"0\" ? \"1\" : \"0\",\r\n };\r\n\r\n arr[id] = item;\r\n\r\n setFiltredTerminals(arr); \r\n }\r\n\r\n const handleSubmitForm = () => {\r\n const {handleChangeCitiesSpot} = props;\r\n\r\n let newCitiesState = [];\r\n\r\n filtredTerminals.map(item => {\r\n newCitiesState.push({\r\n ...item,\r\n // price: \"0\"\r\n });\r\n });\r\n\r\n handleChangeCitiesSpot(newCitiesState);\r\n setCitiesState(newCitiesState);\r\n setSelectedCategory(null);\r\n }\r\n\r\n // console.log('selectedCategory', selectedCategory);\r\n // console.log('categories', categories);\r\n // console.log('filtredTerminals', filtredTerminals);\r\n // console.log('initialValues', props.initialValues);\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 afterSubmit = (result, dispatch) =>\r\n dispatch(reset('EditForm'));\r\n\r\nconst selector = formValueSelector('EditForm');\r\nconst mapStateToProps = (state, props) => {\r\n const selectedCategory = selector(state, 'categories');\r\n let terminals = [];\r\n let initialValues = { terminals: {} };\r\n const cities = state.shops.shops;\r\n\r\n let names = props.product.name ? props.product.name : {[props.defaultLanguage]: ''};\r\n let descriptions = props.product.description ? props.product.description : {[props.defaultLanguage]: ''};\r\n let data = props.languages;\r\n let namesInitial = {};\r\n let descriptionsInitial = {};\r\n\r\n const keyCity = Number(JSON.parse(localStorage.getItem(\"chosenCity\")));\r\n\tconst keyBrand = Number(JSON.parse(localStorage.getItem(\"chosenBrand\")));\r\n\r\n data && data.map(item => {\r\n let name = 'name' + '_' + item.key;\r\n let description = 'description' + '_' + item.key;\r\n\r\n namesInitial = {\r\n ...namesInitial,\r\n [name]: names[item.key] ? names[item.key] : null,\r\n };\r\n\r\n descriptionsInitial = {\r\n ...descriptionsInitial,\r\n [description]: descriptions[item.key] ? descriptions[item.key] : null,\r\n };\r\n });\r\n\r\n const categoryIndex = `${props.categories.findIndex(item => item.categoryId === props.product.categoryId)}`;\r\n\r\n // console.log('props.product ======>> ', props.product)\r\n\r\n initialValues = { \r\n ...initialValues,\r\n ...namesInitial,\r\n ...descriptionsInitial,\r\n categories: categoryIndex,\r\n firstPrice: props.product.spots.filter(spot => spot.visible === \"1\").length > 0 ? Number(props.product.spots.filter(spot => spot.visible === \"1\")[0].price / 100) : \"0\",\r\n oldPrice: props.product.spots.filter(spot => spot.visible === \"1\").length > 0 ? \r\n props.product.spots.filter(spot => spot.visible === \"1\")[0].oldPrice ? \r\n Number(props.product.spots.filter(spot => spot.visible === \"1\")[0].oldPrice / 100) \r\n : \"\" \r\n : \"\",\r\n };\r\n\r\n // console.log('initialValues ----> ', initialValues)\r\n \r\n const brand = state.shops?.shops[keyCity]?.brands[keyBrand];\r\n\r\n\tterminals = brand?.deliveryTerminals.map((terminal) => ({\r\n\t\t...terminal,\r\n\t\tbrandId: brand.id,\r\n\t}));\r\n\r\n // cities.map(city => {\r\n // city.deliveryTerminals.map(terminal => {\r\n // terminals.push({ ...terminal, cityId: city.spot_id });\r\n // })\r\n // });\r\n\r\n props.product.spots.map((spot, index) => {\r\n initialValues.terminals[spot.spotId] = Number(spot.price / 100);\r\n terminals && terminals.map((terminal, index) => {\r\n \r\n if (terminal.id === spot.spotId) {\r\n terminals[index] = { ...terminal, visible: spot.visible };\r\n }\r\n });\r\n });\r\n\r\n // if (selectedCategory) {\r\n // const products = state.shops.products;\r\n // const category = props.categories[selectedCategory];\r\n // console.log('category !11', category)\r\n\r\n \r\n // // for (let key in products) {\r\n // // const product = products[key];\r\n \r\n // // if (product.categoryId === category.categoryId) {\r\n // // for (let productKey in products.spots) {\r\n // // const spot = products.spots[productKey];\r\n // // initialValues.terminals[spot.spot_id] = Number(spot.price / 100)\r\n // // }\r\n // // // product.spots.map((spot, index) => initialValues.terminals[spot.spot_id] = Number(spot.price / 100));\r\n // // }\r\n // // }\r\n // }\r\n\r\n return {\r\n terminals,\r\n initialValues,\r\n selectedCategory,\r\n valid: isValid('ProductsForm')(state),\r\n };\r\n}\r\n\r\nexport default connect(mapStateToProps, null)(reduxForm({\r\n form:'EditForm',\r\n onSubmitSuccess: afterSubmit,\r\n})(EditForm));","import React, { Component, useState, useEffect } from \"react\";\r\nimport { useSelector, useDispatch } from \"react-redux\";\r\nimport axios from \"axios\";\r\nimport { withFirebase } from \"../../../../firebase\";\r\nimport {\r\n\tupdateCategories,\r\n\tupdateProduct,\r\n\teditProduct,\r\n\tupdateLanguages,\r\n} from \"../../../../reducers/shops\";\r\nimport { withRouter } from \"react-router-dom\";\r\n\r\nimport EditProduct from \"./editProduct\";\r\nimport Loading from \"../../../../components/Loading\";\r\n\r\nconst EditProductContainer = (props) => {\r\n\tconst dispatch = useDispatch();\r\n\tconst login = useSelector((state) => state.auth.login);\r\n\tconst defaultLanguage = useSelector((state) => state.shops.defaultLanguage);\r\n\t// const languages = useSelector(state => state.shops.languages);\r\n\tconst cityId = props.match.params.id;\r\n\r\n\tconst [preload, setPreload] = useState(false);\r\n\tconst [products, setProducts] = useState(null);\r\n\tconst [cities, setCities] = useState(null);\r\n\tconst [languages, setLanguages] = useState(null);\r\n\tconst [product, setProduct] = useState(null);\r\n\tconst [categories, setCategories] = useState([]);\r\n\tconst [citiesSpot, setCitiesSpot] = useState([]);\r\n\tconst [sortLanguages, setSortLanguages] = useState(null);\r\n\tconst [deliveryTerminals, setDeliveryTerminals] = useState(null);\r\n\tconst [deliveryTerminalsCheckBox, setDeliveryTerminalsCheckBox] =\r\n\t\tuseState(null);\r\n\tconst [isOpenCities, setIsOpenCities] = useState(true);\r\n\r\n\tconst brand = JSON.parse(localStorage.getItem(\"currentBrand\"));\r\n\tconst isDebug = JSON.parse(localStorage.getItem(\"isDebug\"));\r\n\r\n\tuseEffect(() => {\r\n\t\tgetLanguages();\r\n\t\tgetCategories();\r\n\t\tgetIsOneCities();\r\n\t}, []);\r\n\r\n\tuseEffect(() => {\r\n\t\tif (languages) {\r\n\t\t\tsortedLanguages();\r\n\t\t}\r\n\t}, [languages]);\r\n\r\n\tuseEffect(() => {\r\n\t\tif (!product && products) {\r\n\t\t\tgetProduct();\r\n\t\t}\r\n\r\n\t\tif (!products) {\r\n\t\t\tgetProducts();\r\n\t\t}\r\n\t}, [products]);\r\n\r\n\tuseEffect(() => {\r\n\t\tif (!cities) {\r\n\t\t\tgetCities();\r\n\t\t}\r\n\t}, [cities]);\r\n\r\n\tconst getIsOneCities = () => {\r\n\t\t// brand.deliveryTerminals.length > 1\r\n\t\t// \t? setIsOpenCities(true)\r\n\t\t// \t: setIsOpenCities(false);\r\n\t};\r\n\r\n\tconst getCategories = () => {\r\n\t\tprops.firebase.bd\r\n\t\t\t.ref(\r\n\t\t\t\t`${isDebug ? \"debug\" : \"\"}/EAppCRM/${brand.id}/nomenclature/categories`\r\n\t\t\t)\r\n\t\t\t.once(\"value\", (snapshot) => {\r\n\t\t\t\tlet categories = snapshot.val();\r\n\t\t\t\tsetCategories(categories);\r\n\t\t\t});\r\n\t};\r\n\r\n\tconst getProducts = () => {\r\n\t\tprops.firebase.bd\r\n\t\t\t.ref(\r\n\t\t\t\t`${isDebug ? \"debug\" : \"\"}/EAppCRM/${brand.id}/nomenclature/products`\r\n\t\t\t)\r\n\t\t\t.once(\"value\", (snapshot) => {\r\n\t\t\t\tconst products = snapshot.val();\r\n\t\t\t\tif (products) setProducts(products);\r\n\t\t\t});\r\n\t};\r\n\r\n\tconst getProduct = () => {\r\n\t\tconst product = products.find((item) => item.productId === cityId);\r\n\t\tsetProduct(product);\r\n\r\n\t\t// for (let item in products) {\r\n\t\t// \tif (item.productId === cityId) {\r\n\t\t// \t\tsetProduct(products[cityId]);\r\n\t\t// \t}\r\n\t\t// }\r\n\t};\r\n\r\n\tconst getLanguages = () => {\r\n\t\tprops.firebase.bd\r\n\t\t\t.ref(`${isDebug ? \"debug\" : \"\"}/adminPermission/languages`)\r\n\t\t\t.once(\"value\", (snapshot) => {\r\n\t\t\t\tlet languages = snapshot.val();\r\n\r\n\t\t\t\tsetLanguages(languages);\r\n\t\t\t});\r\n\t};\r\n\r\n\tconst sortedLanguages = () => {\r\n\t\tlanguages.sort((a, b) => {\r\n\t\t\tif (a.key !== defaultLanguage) {\r\n\t\t\t\treturn 1;\r\n\t\t\t} else {\r\n\t\t\t\treturn -1;\r\n\t\t\t}\r\n\t\t});\r\n\r\n\t\tsetSortLanguages(languages);\r\n\t};\r\n\r\n\tconst getCities = () => {\r\n\t\tprops.firebase.bd\r\n\t\t\t.ref(`${isDebug ? \"debug\" : \"\"}/settings/City`)\r\n\t\t\t.once(\"value\", (snapshot) => {\r\n\t\t\t\tlet data = snapshot.val();\r\n\r\n\t\t\t\tif (data) setCities(data);\r\n\t\t\t});\r\n\t};\r\n\r\n\tconst handleDeliveryTerminalsCheckBox = (data) =>\r\n\t\tsetDeliveryTerminalsCheckBox(data);\r\n\tconst handleChangeCitiesSpot = (data) => setCitiesSpot(data);\r\n\tconst handleIsOpenCities = () => setIsOpenCities(!isOpenCities);\r\n\r\n\tconst createProduct = (data) => {\r\n\t\tlet languagesName = {};\r\n\t\tlet languagesDescription = {};\r\n\r\n\t\tfor (let index in languages) {\r\n\t\t\tlet key = languages[index].key;\r\n\t\t\tlet name = \"name_\" + key;\r\n\t\t\tlet description = \"description_\" + key;\r\n\r\n\t\t\tif (data[name]) {\r\n\t\t\t\tlanguagesName[key] = data[name];\r\n\t\t\t}\r\n\r\n\t\t\tif (data[description]) {\r\n\t\t\t\tlanguagesDescription[key] = data[description];\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\tlet spots = [];\r\n\r\n\t\tconst category = categories[+data.categories];\r\n\r\n\t\tfor (let key in data.terminals) {\r\n\t\t\tconst terminalId = key;\r\n\t\t\tcitiesSpot.map(({ id, visible }) => {\r\n\t\t\t\tif (String(terminalId) === String(id)) {\r\n\t\t\t\t\tlet spot = {\r\n\t\t\t\t\t\tprice:\r\n\t\t\t\t\t\t\tdata.firstPrice && !isOpenCities\r\n\t\t\t\t\t\t\t\t? String(Number(data.firstPrice * 100))\r\n\t\t\t\t\t\t\t\t: String(Math.round(+data.terminals[id] * 100)),\r\n\t\t\t\t\t\toldPrice: data.oldPrice\r\n\t\t\t\t\t\t\t? String(Math.round(data.oldPrice * 100))\r\n\t\t\t\t\t\t\t: \"\",\r\n\t\t\t\t\t\tspotId: id,\r\n\t\t\t\t\t\tvisible: data.firstPrice && !isOpenCities ? \"1\" : visible,\r\n\t\t\t\t\t};\r\n\t\t\t\t\tspots.push(spot);\r\n\t\t\t\t}\r\n\t\t\t});\r\n\t\t}\r\n\r\n\t\tsetPreload(true);\r\n\t\tconst updatedProduct = {\r\n\t\t\tcategoryId: category.categoryId,\r\n\t\t\tproductId: product.productId,\r\n\t\t\tname: languagesName,\r\n\t\t\tdescription: languagesDescription,\r\n\t\t\tspots,\r\n\t\t};\r\n\r\n\t\treturn updatedProduct;\r\n\t};\r\n\r\n\tconst onSubmit = (data) => {\r\n\t\tconsole.log(\"data --- ==>>> \", data);\r\n\t\tlet updatedProduct = createProduct(data);\r\n\t\tconsole.log(\"product\", updatedProduct);\r\n\r\n\t\tif (data.photo) {\r\n\t\t\tlet file = new FormData();\r\n\t\t\tfile.append(\"photo\", data.photo[0]);\r\n\t\t\tfile.append(\"login\", login);\r\n\t\t\taxios\r\n\t\t\t\t.post(`https://e-admin.com.ua/photo/index.php`, file)\r\n\t\t\t\t.then((res) => {\r\n\t\t\t\t\tconst namePhoto = res.data.image_name.split(\" \")[0];\r\n\t\t\t\t\tconst isSuccess = res.data.check_upload_image;\r\n\t\t\t\t\t// console.log('res ---- >>> ', res);\r\n\t\t\t\t\t// console.log('product ---- >>> ', product);\r\n\r\n\t\t\t\t\tupdatedProduct.photo = `https://e-admin.com.ua/photo/photo/uploads/${login}/${namePhoto}`;\r\n\r\n\t\t\t\t\tif (isSuccess) {\r\n\t\t\t\t\t\tprops.firebase.bd\r\n\t\t\t\t\t\t\t.ref(\r\n\t\t\t\t\t\t\t\t`${isDebug ? \"debug\" : \"\"}/EAppCRM/${\r\n\t\t\t\t\t\t\t\t\tbrand.id\r\n\t\t\t\t\t\t\t\t}/nomenclature/products`\r\n\t\t\t\t\t\t\t)\r\n\t\t\t\t\t\t\t.once(\"value\")\r\n\t\t\t\t\t\t\t.then((snapshot) => {\r\n\t\t\t\t\t\t\t\tconst products = snapshot.val() || [];\r\n\r\n\t\t\t\t\t\t\t\tconst updatedProducts = products.map((item) =>\r\n\t\t\t\t\t\t\t\t\titem.productId === updatedProduct.productId\r\n\t\t\t\t\t\t\t\t\t\t? { ...updatedProduct }\r\n\t\t\t\t\t\t\t\t\t\t: { ...item }\r\n\t\t\t\t\t\t\t\t);\r\n\r\n\t\t\t\t\t\t\t\tconsole.log(\"updatedProducts ------>\", updatedProducts);\r\n\r\n\t\t\t\t\t\t\t\tprops.firebase.bd\r\n\t\t\t\t\t\t\t\t\t.ref(\r\n\t\t\t\t\t\t\t\t\t\t`${isDebug ? \"debug\" : \"\"}/EAppCRM/${\r\n\t\t\t\t\t\t\t\t\t\t\tbrand.id\r\n\t\t\t\t\t\t\t\t\t\t}/nomenclature/products`\r\n\t\t\t\t\t\t\t\t\t)\r\n\t\t\t\t\t\t\t\t\t.set(updatedProducts)\r\n\t\t\t\t\t\t\t\t\t.then(() => {\r\n\t\t\t\t\t\t\t\t\t\t// updateProductsDispatch(dispatch, products);\r\n\t\t\t\t\t\t\t\t\t\tsetPreload(false);\r\n\t\t\t\t\t\t\t\t\t\tprops.history.push(\r\n\t\t\t\t\t\t\t\t\t\t\t`/page/menu/products/edit/category${updatedProduct.categoryId}`\r\n\t\t\t\t\t\t\t\t\t\t);\r\n\t\t\t\t\t\t\t\t\t})\r\n\t\t\t\t\t\t\t\t\t.catch((error) => {\r\n\t\t\t\t\t\t\t\t\t\tconsole.error(\"Error adding product:\", error);\r\n\t\t\t\t\t\t\t\t\t});\r\n\t\t\t\t\t\t\t})\r\n\t\t\t\t\t\t\t.catch((error) => {\r\n\t\t\t\t\t\t\t\tconsole.error(\"Error retrieving products:\", error);\r\n\t\t\t\t\t\t\t});\r\n\t\t\t\t\t} else {\r\n\t\t\t\t\t\talert(\"Ошибка, попробуйте ещё раз!\");\r\n\t\t\t\t\t\tsetPreload(false);\r\n\t\t\t\t\t}\r\n\t\t\t\t})\r\n\t\t\t\t.catch((res) => {\r\n\t\t\t\t\talert(\"Ошибка, попробуйте ещё раз!\");\r\n\t\t\t\t\tsetPreload(false);\r\n\t\t\t\t});\r\n\t\t} else {\r\n\t\t\t// console.log('product', product)\r\n\t\t\tupdatedProduct.photo = product.photo;\r\n\r\n\t\t\tprops.firebase.bd\r\n\t\t\t\t.ref(\r\n\t\t\t\t\t`${isDebug ? \"debug\" : \"\"}/EAppCRM/${brand.id}/nomenclature/products`\r\n\t\t\t\t)\r\n\t\t\t\t.once(\"value\")\r\n\t\t\t\t.then((snapshot) => {\r\n\t\t\t\t\tconst products = snapshot.val() || [];\r\n\r\n\t\t\t\t\tconst updatedProducts = products.map((item) =>\r\n\t\t\t\t\t\titem.productId === updatedProduct.productId\r\n\t\t\t\t\t\t\t? { ...updatedProduct }\r\n\t\t\t\t\t\t\t: { ...item }\r\n\t\t\t\t\t);\r\n\r\n\t\t\t\t\tprops.firebase.bd\r\n\t\t\t\t\t\t.ref(\r\n\t\t\t\t\t\t\t`${isDebug ? \"debug\" : \"\"}/EAppCRM/${\r\n\t\t\t\t\t\t\t\tbrand.id\r\n\t\t\t\t\t\t\t}/nomenclature/products`\r\n\t\t\t\t\t\t)\r\n\t\t\t\t\t\t.set(updatedProducts)\r\n\t\t\t\t\t\t.then(() => {\r\n\t\t\t\t\t\t\t// updateProductsDispatch(dispatch, products);\r\n\t\t\t\t\t\t\tsetPreload(false);\r\n\t\t\t\t\t\t\tprops.history.push(\r\n\t\t\t\t\t\t\t\t`/page/menu/products/${brand.id}/edit/category${updatedProduct.categoryId}`\r\n\t\t\t\t\t\t\t);\r\n\t\t\t\t\t\t})\r\n\t\t\t\t\t\t.catch((error) => {\r\n\t\t\t\t\t\t\tconsole.error(\"Error adding product:\", error);\r\n\t\t\t\t\t\t});\r\n\t\t\t\t})\r\n\t\t\t\t.catch((error) => {\r\n\t\t\t\t\tconsole.error(\"Error retrieving products:\", error);\r\n\t\t\t\t});\r\n\t\t}\r\n\t};\r\n\r\n\t// console.log('props', props);\r\n\tconsole.log(\"isOpenCities ---> \", isOpenCities);\r\n\r\n\treturn product ? (\r\n\t\t\r\n\t\t\t{props.categories ? (\r\n\t\t\t\t */}\r\n\r\n\t\t\t{/* {props.editModal ? x.id === props.editId)}\r\n onSubmit={props.onSubmit}\r\n /> : null} */}\r\n\t\t\t{/* \r\n
\r\n\t);\r\n};\r\n\r\nconst useStyles = makeStyles({\r\n\ticon: {\r\n\t\twidth: 35,\r\n\t\theight: 35,\r\n\t\tpadding: 5,\r\n\t\tbackground: \"#326dff\",\r\n\t\tcolor: \"white\",\r\n\t\tborderRadius: \"50%\",\r\n\t\tposition: \"fixed\",\r\n\t\tbottom: 15,\r\n\t\tright: 15,\r\n\t\tbackgroundImage: \"url(../../assets/img/plus.svg)\",\r\n\t\tbackgroundPosition: \"center\",\r\n\t\tbackgroundSize: 20,\r\n\t\tbackgroundRepeat: \"no-repeat\",\r\n\t\topacity: 0.7,\r\n\t\ttransition: \"all 0.5s\",\r\n\t\tcursor: \"pointer\",\r\n\t\t\"&:hover\": {\r\n\t\t\topacity: 1,\r\n\t\t},\r\n\t},\r\n});\r\n\r\nexport default withRouter(EditProducts);\r\n","import React, { Component } from \"react\";\r\nimport { withRouter } from \"react-router-dom\";\r\nimport { connect } from \"react-redux\";\r\nimport { withFirebase } from \"../../../firebase\";\r\nimport EditProducts from \"./editProducts\";\r\nimport Preloader from \"../preloader/preloader\";\r\nimport axios from \"axios\";\r\nimport {\r\n\tupdateVisibility,\r\n\tdeleteProduct,\r\n\tupdateCategories,\r\n} from \"../../../reducers/shops\";\r\n\r\nclass EditProductsContainer extends Component {\r\n\tconstructor() {\r\n\t\tsuper();\r\n\r\n\t\tthis.state = {\r\n\t\t\tcities: [],\r\n\t\t\tcategories: [],\r\n\t\t\tactiveCategory: null,\r\n\t\t\tproducts: [],\r\n\t\t\tdefaultHiddenProducts: null,\r\n\t\t\tlanguageModal: false,\r\n\t\t\tlanguages: [],\r\n\t\t\tlanguage: \"\",\r\n\t\t\tdefaultLanguage: \"\",\r\n\t\t\teditModal: false,\r\n\t\t\teditId: null,\r\n\t\t\tpreloader: false,\r\n\t\t};\r\n\t}\r\n\r\n\tcomponentDidMount() {\r\n\t\tthis.getLanguages();\r\n\r\n\t\tthis.getCategories(this.props.match.params.brandId);\r\n\t\tthis.getDefaultHiddenProducts();\r\n\t\t// this.updateCategory();\r\n\t}\r\n\r\n\tcomponentDidUpdate(prevProps) {\r\n\t\t// Проверяем, изменился ли параметр id в URL\r\n\t\tif (this.props.match.params.brandId !== prevProps.match.params.brandId) {\r\n\t\t\t// Выполняем необходимые действия при изменении id\r\n\t\t\tconst newId = this.props.match.params.brandId;\r\n\t\t\tthis.getCategories(newId);\r\n\t\t}\r\n\t}\r\n\r\n\tgetDefaultHiddenProducts = () => {\r\n\t\tconst currentCity = JSON.parse(localStorage.getItem(\"chosenCity\"));\r\n\t\tconst currentBrand = JSON.parse(localStorage.getItem(\"chosenBrand\"));\r\n\t\tthis.setState({ preloader: true });\r\n\r\n\t\tthis.props.firebase.bd\r\n\t\t\t.ref(\r\n\t\t\t\t`${\r\n\t\t\t\t\tJSON.parse(localStorage.getItem(\"isDebug\")) ? \"debug\" : \"\"\r\n\t\t\t\t}/settings/city/${currentCity}/brands/${currentBrand}/category/hiddenProducts`\r\n\t\t\t)\r\n\t\t\t.once(\"value\", (snapshot) => {\r\n\t\t\t\tlet defaultHiddenProducts = snapshot.val();\r\n\r\n\t\t\t\tthis.setState({ defaultHiddenProducts, preloader: false });\r\n\t\t\t});\r\n\t};\r\n\r\n\tgetDefaultLanguage = () => {\r\n\t\tthis.setState({ preloader: true });\r\n\t\tthis.props.firebase.bd\r\n\t\t\t.ref(\r\n\t\t\t\t`${\r\n\t\t\t\t\tJSON.parse(localStorage.getItem(\"isDebug\")) ? \"debug\" : \"\"\r\n\t\t\t\t}/adminPermission/defaultLanguage`\r\n\t\t\t)\r\n\t\t\t.once(\"value\", (snapshot) => {\r\n\t\t\t\tlet defaultLanguage = snapshot.val();\r\n\r\n\t\t\t\tconsole.log(\"defaultLanguage\", defaultLanguage);\r\n\r\n\t\t\t\tif (defaultLanguage) {\r\n\t\t\t\t\tthis.setState({\r\n\t\t\t\t\t\tdefaultLanguage,\r\n\t\t\t\t\t\tlanguage: defaultLanguage,\r\n\t\t\t\t\t\tpreloader: false,\r\n\t\t\t\t\t});\r\n\t\t\t\t}\r\n\r\n\t\t\t\tthis.setState({ preloader: false });\r\n\t\t\t});\r\n\t};\r\n\r\n\tgetLanguages = () => {\r\n\t\tlet defaultLanguage = this.state.defaultLanguage;\r\n\r\n\t\tif (!defaultLanguage || defaultLanguage.length === 0) {\r\n\t\t\tthis.setState({ preloader: true });\r\n\t\t\tthis.props.firebase.bd\r\n\t\t\t\t.ref(\r\n\t\t\t\t\t`${\r\n\t\t\t\t\t\tJSON.parse(localStorage.getItem(\"isDebug\")) ? \"debug\" : \"\"\r\n\t\t\t\t\t}/adminPermission/defaultLanguage`\r\n\t\t\t\t)\r\n\t\t\t\t.once(\"value\", (snapshot) => {\r\n\t\t\t\t\tlet val = snapshot.val();\r\n\r\n\t\t\t\t\tdefaultLanguage = val;\r\n\r\n\t\t\t\t\tthis.setState({ defaultLanguage, preloader: false });\r\n\t\t\t\t});\r\n\t\t}\r\n\r\n\t\t// let languages = this.props.languages;\r\n\t\tlet languages = [];\r\n\r\n\t\tif (!languages || languages.length === 0) {\r\n\t\t\tthis.setState({ preloader: true });\r\n\t\t\tthis.props.firebase.bd\r\n\t\t\t\t.ref(\r\n\t\t\t\t\t`${\r\n\t\t\t\t\t\tJSON.parse(localStorage.getItem(\"isDebug\")) ? \"debug\" : \"\"\r\n\t\t\t\t\t}/adminPermission/languages`\r\n\t\t\t\t)\r\n\t\t\t\t.once(\"value\", (snapshot) => {\r\n\t\t\t\t\tlet val = snapshot.val();\r\n\r\n\t\t\t\t\tlanguages = val.sort(function (a, b) {\r\n\t\t\t\t\t\tif (defaultLanguage) {\r\n\t\t\t\t\t\t\tif (a.key !== defaultLanguage) {\r\n\t\t\t\t\t\t\t\treturn 1;\r\n\t\t\t\t\t\t\t} else {\r\n\t\t\t\t\t\t\t\treturn -1;\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t});\r\n\r\n\t\t\t\t\tthis.setState({ languages, preloader: false });\r\n\t\t\t\t\t// this.getCategories();\r\n\t\t\t\t});\r\n\t\t} else {\r\n\t\t\tlanguages = languages.sort(function (a, b) {\r\n\t\t\t\tif (defaultLanguage) {\r\n\t\t\t\t\tif (a.key !== defaultLanguage) {\r\n\t\t\t\t\t\treturn 1;\r\n\t\t\t\t\t} else {\r\n\t\t\t\t\t\treturn -1;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t});\r\n\t\t\tthis.setState({ languages });\r\n\t\t\t// this.getCategories();\r\n\t\t}\r\n\t};\r\n\r\n\tgetCategories = (brandId) => {\r\n\t\tlet items = this.props.categories;\r\n\t\tlet defaultLanguage = this.props.defaultLanguage;\r\n\r\n\t\tif (defaultLanguage) {\r\n\t\t\t// if (items.length === 0) {\r\n\t\t\tthis.setState({ preloader: true });\r\n\r\n\t\t\tthis.props.firebase.bd\r\n\t\t\t\t.ref(\r\n\t\t\t\t\t`${\r\n\t\t\t\t\t\tJSON.parse(localStorage.getItem(\"isDebug\")) ? \"debug\" : \"\"\r\n\t\t\t\t\t}/EAppCRM/${brandId}/nomenclature/categories`\r\n\t\t\t\t)\r\n\t\t\t\t.once(\"value\", (snapshot) => {\r\n\t\t\t\t\tlet categories = snapshot.val();\r\n\r\n\t\t\t\t\tconst list = categories\r\n\t\t\t\t\t\t? categories.map((item) => ({\r\n\t\t\t\t\t\t\t\tname: item.name[defaultLanguage],\r\n\t\t\t\t\t\t\t\tid: item.categoryId,\r\n\t\t\t\t\t\t }))\r\n\t\t\t\t\t\t: [];\r\n\r\n\t\t\t\t\tthis.setState({ categories: list, preloader: false });\r\n\t\t\t\t\tthis.updateCategory(this.props.match.params.id);\r\n\t\t\t\t});\r\n\t\t}\r\n\t};\r\n\r\n\thiddenCategory = (data, open) => {\r\n\t\tconst currentCity = JSON.parse(localStorage.getItem(\"chosenCity\"));\r\n\t\tconst currentBrand = JSON.parse(localStorage.getItem(\"chosenBrand\"));\r\n\t\tconst isDebug = JSON.parse(localStorage.getItem(\"isDebug\"));\r\n\r\n\t\tif (open) {\r\n\t\t\tconsole.log(\"+\");\r\n\t\t\tthis.setState({ preloader: true });\r\n\t\t\tthis.props.firebase.bd\r\n\t\t\t\t.ref(\r\n\t\t\t\t\t`${\r\n\t\t\t\t\t\tisDebug ? \"debug\" : \"\"\r\n\t\t\t\t\t}/settings/city/${currentCity}/brands/${currentBrand}/category/hiddenCategories`\r\n\t\t\t\t)\r\n\t\t\t\t.update(data)\r\n\t\t\t\t.then((res) => {\r\n\t\t\t\t\tthis.setState({ preloader: false });\r\n\t\t\t\t});\r\n\t\t}\r\n\r\n\t\tif (!open) {\r\n\t\t\tconsole.log(\"-\");\r\n\t\t\tthis.setState({ preloader: true, hiddenProducts: data });\r\n\t\t\tthis.props.firebase.bd\r\n\t\t\t\t.ref(\r\n\t\t\t\t\t`${\r\n\t\t\t\t\t\tisDebug ? \"debug\" : \"\"\r\n\t\t\t\t\t}/settings/city/${currentCity}/brands/${currentBrand}/category/hiddenCategories`\r\n\t\t\t\t)\r\n\t\t\t\t.set(data)\r\n\t\t\t\t.then((res) => {\r\n\t\t\t\t\tthis.setState({\r\n\t\t\t\t\t\tpreloader: false,\r\n\t\t\t\t\t});\r\n\t\t\t\t});\r\n\t\t}\r\n\t};\r\n\r\n\tchangeVisibleProduct = (data, id) => {\r\n\t\tconsole.log(\"data, id\", data, id);\r\n\r\n\t\tthis.setState({ preloader: true });\r\n\t\tthis.props.firebase.bd\r\n\t\t\t.ref(\r\n\t\t\t\t`${\r\n\t\t\t\t\tJSON.parse(localStorage.getItem(\"isDebug\")) ? \"debug\" : \"\"\r\n\t\t\t\t}/products/${id}`\r\n\t\t\t)\r\n\t\t\t.update(data)\r\n\t\t\t.then((res) => {\r\n\t\t\t\tthis.setState({\r\n\t\t\t\t\tpreloader: false,\r\n\t\t\t\t});\r\n\t\t\t});\r\n\t};\r\n\r\n\thiddenProduct = (data) => {\r\n\t\tconsole.log(\"data to hidden products\", data);\r\n\r\n\t\tconst currentCity = JSON.parse(localStorage.getItem(\"chosenCity\"));\r\n\t\tconst currentBrand = JSON.parse(localStorage.getItem(\"chosenBrand\"));\r\n\t\tconst isDebug = JSON.parse(localStorage.getItem(\"isDebug\"));\r\n\r\n\t\tthis.setState({ preloader: true, defaultHiddenProducts: data });\r\n\t\tthis.props.updateVisibility({ list: data, params: \"hiddenProducts\" });\r\n\t\tthis.props.firebase.bd\r\n\t\t\t.ref(\r\n\t\t\t\t`${\r\n\t\t\t\t\tisDebug ? \"debug\" : \"\"\r\n\t\t\t\t}/settings/city/${currentCity}/brands/${currentBrand}/category/hiddenProducts`\r\n\t\t\t)\r\n\t\t\t.set(data)\r\n\t\t\t.then((res) => {\r\n\t\t\t\tthis.setState({\r\n\t\t\t\t\tpreloader: false,\r\n\t\t\t\t});\r\n\t\t\t});\r\n\t};\r\n\r\n\tupdateCategory = (id) => {\r\n\t\tconsole.log(\"-- upd category ---\");\r\n\t\t// let categoryId = Object.keys(this.props.categories)[0];\r\n\t\tlet categoryId = this.props.categories[0]?.categoryId;\r\n\t\tlet pathId = this.props.match.params.id;\r\n\t\tpathId = pathId ? pathId : null;\r\n\r\n\t\tcategoryId = categoryId ? categoryId : pathId;\r\n\t\tid = id ? id : categoryId;\r\n\r\n\t\tconst brand = JSON.parse(localStorage.getItem(\"currentBrand\"));\r\n\t\tconst isDebug = JSON.parse(localStorage.getItem(\"isDebug\"));\r\n\r\n\t\tlet self = this;\r\n\t\tif (categoryId) {\r\n\t\t\tself.setState({ preloader: false });\r\n\t\t\tself.props.firebase.bd\r\n\t\t\t\t.ref(\r\n\t\t\t\t\t`${isDebug ? \"debug\" : \"\"}//EAppCRM/${brand.id}/nomenclature/products`\r\n\t\t\t\t)\r\n\t\t\t\t.orderByChild(\"categoryId\")\r\n\t\t\t\t.equalTo(id)\r\n\t\t\t\t.once(\"value\", function (snapshot) {\r\n\t\t\t\t\tlet items = snapshot.val();\r\n\t\t\t\t\tlet list = [];\r\n\r\n\t\t\t\t\tfor (let item in items) {\r\n\t\t\t\t\t\titems[item].id = items[item].productId;\r\n\r\n\t\t\t\t\t\tlist.push(items[item]);\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\tself.setState({\r\n\t\t\t\t\t\tactiveCategory: id,\r\n\t\t\t\t\t\tproducts: list.reverse(),\r\n\t\t\t\t\t\tpreloader: false,\r\n\t\t\t\t\t});\r\n\t\t\t\t});\r\n\t\t}\r\n\t};\r\n\r\n\tstatusLanguageModal = () => {\r\n\t\tthis.setState({\r\n\t\t\tlanguageModal: this.state.languageModal ? false : true,\r\n\t\t});\r\n\t};\r\n\r\n\tdeleteProduct = (id, name) => {\r\n\t\tif (window.confirm(`Вы хотите удалить товар ${name}?`)) {\r\n\t\t\tlet index = this.state.products.findIndex((x) => x.id === id);\r\n\t\t\tconst updateProducts = this.state.products.filter((_, i) => i !== index);\r\n\r\n\t\t\tconsole.log(\"id -->>\", id);\r\n\r\n\t\t\tconst brand = JSON.parse(localStorage.getItem(\"currentBrand\"));\r\n\t\t\tconst isDebug = JSON.parse(localStorage.getItem(\"isDebug\"));\r\n\t\t\tthis.setState({\r\n\t\t\t\tproducts: updateProducts,\r\n\t\t\t});\r\n\r\n\t\t\tthis.props.firebase.bd\r\n\t\t\t\t.ref(\r\n\t\t\t\t\t`${isDebug ? \"debug\" : \"\"}//EAppCRM/${brand.id}/nomenclature/products`\r\n\t\t\t\t)\r\n\t\t\t\t.once(\"value\")\r\n\t\t\t\t.then((snapshot) => {\r\n\t\t\t\t\tconst products = snapshot.val() || [];\r\n\r\n\t\t\t\t\tconst updatedProducts = products.filter(\r\n\t\t\t\t\t\t(item) => item.productId !== id\r\n\t\t\t\t\t);\r\n\r\n\t\t\t\t\tthis.props.firebase.bd\r\n\t\t\t\t\t\t.ref(\r\n\t\t\t\t\t\t\t`${isDebug ? \"debug\" : \"\"}/EAppCRM/${\r\n\t\t\t\t\t\t\t\tbrand.id\r\n\t\t\t\t\t\t\t}/nomenclature/products`\r\n\t\t\t\t\t\t)\r\n\t\t\t\t\t\t.set(updatedProducts)\r\n\t\t\t\t\t\t.then(() => {\r\n\t\t\t\t\t\t\tthis.props.deleteProduct(id);\r\n\t\t\t\t\t\t\talert(\"Готово\");\r\n\t\t\t\t\t\t});\r\n\t\t\t\t})\r\n\t\t\t\t.catch((res) => {\r\n\t\t\t\t\talert(\"У вас нет доступа\");\r\n\t\t\t\t});\r\n\t\t}\r\n\t};\r\n\r\n\tstatusEditModal = (id) => {\r\n\t\tthis.setState({\r\n\t\t\teditModal: this.state.editModal ? false : true,\r\n\t\t\teditId: id,\r\n\t\t});\r\n\t};\r\n\r\n\tchangeActiveCategory = (activeCategory) => {\r\n\t\tthis.setState({\r\n\t\t\tactiveCategory,\r\n\t\t\tpreloader: false,\r\n\t\t});\r\n\t};\r\n\r\n\tonSubmit = (data) => {\r\n\t\tconsole.log(\"data --- >>> \", data);\r\n\r\n\t\tlet languagesName = {};\r\n\t\tlet languagesDescription = {};\r\n\t\tconst isDebug = JSON.parse(localStorage.getItem(\"isDebug\"));\r\n\r\n\t\tfor (let index in this.state.languages) {\r\n\t\t\tlet key = this.state.languages[index].key;\r\n\t\t\tlet name = \"name_\" + key;\r\n\t\t\tlet description = \"description_\" + key;\r\n\r\n\t\t\tif (data[name]) {\r\n\t\t\t\tlanguagesName[key] = data[name];\r\n\t\t\t}\r\n\r\n\t\t\tif (data[description]) {\r\n\t\t\t\tlanguagesDescription[key] = data[description];\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\tthis.setState({ preloader: true });\r\n\r\n\t\tlet self = this;\r\n\r\n\t\tlet product = this.state.products.find((x) => x.id === this.state.editId);\r\n\t\tlet index = this.state.products.findIndex(\r\n\t\t\t(x) => x.id === this.state.editId\r\n\t\t);\r\n\r\n\t\tlet id = product.id;\r\n\r\n\t\tproduct = {\r\n\t\t\t...product,\r\n\t\t\tname: languagesName,\r\n\t\t\tdescription: languagesDescription,\r\n\t\t\tmenuCategoryId: data.categories,\r\n\t\t\tspots: {\r\n\t\t\t\t...product.spots,\r\n\t\t\t\t0: {\r\n\t\t\t\t\t...product.spots[0],\r\n\t\t\t\t\tprice: String(Number(data.firstPrice) * 100),\r\n\t\t\t\t},\r\n\t\t\t},\r\n\t\t};\r\n\r\n\t\tproduct.id = null;\r\n\t\tproduct.open = null;\r\n\r\n\t\tif (data.photo) {\r\n\t\t\tlet file = new FormData();\r\n\t\t\tfile.append(\"photo\", data.photo[0]);\r\n\t\t\tfile.append(\"login\", this.props.login);\r\n\t\t\taxios\r\n\t\t\t\t.post(`https://e-admin.com.ua/photo/index.php`, file)\r\n\t\t\t\t.then((res) => {\r\n\t\t\t\t\tconst namePhoto = res.data.image_name.split(\" \")[0];\r\n\t\t\t\t\tconst isSuccess = res.data.check_upload_image;\r\n\r\n\t\t\t\t\tif (isSuccess) {\r\n\t\t\t\t\t\tproduct = {\r\n\t\t\t\t\t\t\t...product,\r\n\t\t\t\t\t\t\tnamePhoto: namePhoto,\r\n\t\t\t\t\t\t\tphoto: `https://e-admin.com.ua/photo/photo/uploads/${this.props.login}/${namePhoto}`,\r\n\t\t\t\t\t\t};\r\n\t\t\t\t\t\tself.props.firebase.bd\r\n\t\t\t\t\t\t\t.ref(`${isDebug ? \"debug\" : \"\"}/products/${id}`)\r\n\t\t\t\t\t\t\t.update(product)\r\n\t\t\t\t\t\t\t.then((res) => {\r\n\t\t\t\t\t\t\t\tproduct.id = id;\r\n\t\t\t\t\t\t\t\tself.state.products[index] = product;\r\n\t\t\t\t\t\t\t})\r\n\t\t\t\t\t\t\t.then((res) => {\r\n\t\t\t\t\t\t\t\tself.statusEditModal();\r\n\t\t\t\t\t\t\t\tself.setState({ preloader: false });\r\n\t\t\t\t\t\t\t\talert(\"Готово\");\r\n\t\t\t\t\t\t\t})\r\n\t\t\t\t\t\t\t.catch((res) => {\r\n\t\t\t\t\t\t\t\tconsole.log(\"error 1\", res);\r\n\t\t\t\t\t\t\t\tself.setState({ preloader: false });\r\n\t\t\t\t\t\t\t\talert(\"Произошла ошибка, попробуйте еще\");\r\n\t\t\t\t\t\t\t});\r\n\t\t\t\t\t} else {\r\n\t\t\t\t\t\tconsole.log(\"error 2\", res);\r\n\t\t\t\t\t\talert(\"Ошибка, попробуйте ещё раз!\");\r\n\t\t\t\t\t\tself.setState({ preloader: false });\r\n\t\t\t\t\t}\r\n\t\t\t\t})\r\n\t\t\t\t.catch((res) => {\r\n\t\t\t\t\tconsole.log(\"error 3\", res);\r\n\t\t\t\t\talert(\"Ошибка, попробуйте ещё раз!\");\r\n\t\t\t\t\tself.setState({ preloader: false });\r\n\t\t\t\t});\r\n\t\t} else {\r\n\t\t\tthis.props.firebase.bd\r\n\t\t\t\t.ref(`${isDebug ? \"debug\" : \"\"}/products/${id}`)\r\n\t\t\t\t.update(product)\r\n\t\t\t\t.then((res) => {\r\n\t\t\t\t\tproduct.id = id;\r\n\t\t\t\t\tself.state.products[index] = product;\r\n\t\t\t\t})\r\n\t\t\t\t.then((res) => {\r\n\t\t\t\t\tself.statusEditModal();\r\n\t\t\t\t\tself.setState({ preloader: false });\r\n\t\t\t\t\talert(\"Готово\");\r\n\t\t\t\t})\r\n\t\t\t\t.catch((res) => {\r\n\t\t\t\t\tself.setState({ preloader: false });\r\n\t\t\t\t\tconsole.log(\"error\", res);\r\n\t\t\t\t\talert(\"Произошла ошибка, попробуйте еще\");\r\n\t\t\t\t});\r\n\t\t}\r\n\t};\r\n\r\n\trender() {\r\n\t\t// console.log(\"state (editProducts) -- >>>\", this.state);\r\n\t\t// console.log('loader', this.state.loader);\r\n\t\t// console.log('props -->>', this.props);\r\n\r\n\t\treturn (\r\n\t\t\t<>\r\n\t\t\t\t{this.state.preloader ? (\r\n\t\t\t\t\t\r\n\t\t\t\t{props.products &&\r\n\t\t\t\t\tprops.products\r\n\t\t\t\t\t\t.sort((a, b) => (a.order < b.order ? -1 : 1))\r\n\t\t\t\t\t\t.map((item, index) => {\r\n\t\t\t\t\t\t\tif (item.categoryId === props.activeCategory) {\r\n\t\t\t\t\t\t\t\treturn (\r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t{/* \r\n \r\n
\r\n \r\n
\r\n \r\n {categoriesList ?
\r\n \r\n \r\n \r\n {(provided, snapshot) => (\r\n \r\n {activeProducts && activeProducts.map((item, index) => {\r\n return (\r\n \r\n {(provided, snapshot) => (\r\n \r\n )\r\n })}\r\n {provided.placeholder}\r\n
\r\n )}\r\n \r\n \r\n {!activeProducts && \r\n
\r\n )}\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n {item.name[language] && trim(item.name[language], 20)}
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n )\r\n}\r\n\r\nexport default SortProducts;","import React, { useState, useEffect } from 'react';\r\nimport { withRouter } from 'react-router-dom';\r\nimport { withFirebase } from '../../../../firebase';\r\nimport { useSelector } from 'react-redux';\r\n\r\nimport SortProducts from './sortProducts';\r\n\r\nimport { reorder } from '../other';\r\n\r\nconst SortModeProducts = (props) => {\r\n const categories = useSelector(state => state.shops.categories);\r\n const hiddenCategories = useSelector(state => state.shops.hiddenCategories);\r\n const language = useSelector(state => state.shops.defaultLanguage);\r\n\r\n const [openModal, setOpenModal] = useState(false);\r\n const [isSubmit, setIsSubmit] = useState(false);\r\n const [submitData, setSubmitData] = useState(false);\r\n const [products, setProducts] = useState(null);\r\n const [categoriesList, setCategoriesList] = useState(null);\r\n const [activeCategoryId, setActiveCategoryId] = useState(null);\r\n const [activeProducts, setActiveProducts] = useState(null);\r\n const [categoriesOrder, setCategoriesOrder] = useState(null)\r\n\r\n const brand = JSON.parse(localStorage.getItem(\"currentBrand\"));\r\n const isDebug = JSON.parse(localStorage.getItem(\"isDebug\"));\r\n\r\n const handleClose = () => {\r\n setOpenModal(false);\r\n setIsSubmit(false);\r\n };\r\n\r\n const handleClickSubmit = () => {\r\n setOpenModal(false);\r\n setIsSubmit(true);\r\n };\r\n\r\n const getProducts = () => {\r\n props.firebase.bd.ref(`${isDebug ? \"debug\" : \"\"}/EAppCRM/${brand.id}/nomenclature/products`).once('value', (snapshot) => {\r\n let data = snapshot.val();\r\n if (!products) setProducts(data);\r\n });\r\n }\r\n\r\n const getCategoriesOrder = () => {\r\n const keyCity = Number(JSON.parse(localStorage.getItem(\"chosenCity\")));\r\n\t\tconst keyBrand = Number(JSON.parse(localStorage.getItem(\"chosenBrand\")));\r\n\r\n props.firebase.bd.ref(`${isDebug ? \"debug\" : \"\"}/settings/city/${keyCity}/brands/${keyBrand}/category/categoriesOrder`).once('value', (snapshot) => {\r\n let data = snapshot.val();\r\n if (!categoriesOrder) setCategoriesOrder(data);\r\n });\r\n }\r\n\r\n const getActiveProducts = () => {\r\n let count = 0;\r\n let sendProducts = [];\r\n let activeProductsArr = [];\r\n // const categoryId = props.match.params.id;\r\n\r\n for (let key in products) {\r\n activeProductsArr.push({ ...products[key] });\r\n }\r\n\r\n activeProductsArr = activeProductsArr\r\n .filter(item => item.categoryId === activeCategoryId)\r\n .sort((a, b) => a.order > b.order ? 1 : -1);\r\n\r\n // activeProductsArr.map(item => {\r\n // console.log('item', item.menuCategoryId === activeCategoryId);\r\n // });\r\n\r\n activeProductsArr.map(item => {\r\n sendProducts.push({ ...item, order: item.order ? item.order : count });\r\n count += 1;\r\n });\r\n\r\n setActiveProducts(sendProducts);\r\n }\r\n\r\n const getCategoriesList = () => {\r\n let listData = [];\r\n\r\n for (let key in categories) {\r\n // let item = { id: key, name: categories[key].name[language] };\r\n let item = { id: categories[key].categoryId, name: categories[key].name[language] };\r\n \r\n listData.push(item);\r\n }\r\n\r\n // учитываем порядок категорий при отображении\r\n const sortedCategories = listData.sort((a, b) => categoriesOrder.indexOf(a.id) - categoriesOrder.indexOf(b.id));\r\n \r\n if (listData.length > 0) setCategoriesList(sortedCategories);\r\n // if (listData.length > 0) setCategoriesList(listData);\r\n }\r\n\r\n useEffect(() => {\r\n if (isSubmit) {\r\n handleSubmit(submitData);\r\n setOpenModal(false);\r\n setSubmitData(false)\r\n };\r\n }, [isSubmit]);\r\n\r\n useEffect(() => {\r\n let selectedCategoryId = props.location.pathname;\r\n selectedCategoryId = selectedCategoryId.split('/');\r\n selectedCategoryId = selectedCategoryId[selectedCategoryId.length - 1].replace('category', '');\r\n // const firstCategory = Object.keys(categories)[0];\r\n const firstCategory = categories[0]?.categoryId;\r\n\r\n if (activeCategoryId !== selectedCategoryId) {\r\n setActiveCategoryId(selectedCategoryId);\r\n setActiveProducts(null);\r\n }\r\n\r\n \r\n if (products && (firstCategory === selectedCategoryId || selectedCategoryId === ':id')) {\r\n setActiveCategoryId(firstCategory);\r\n getActiveProducts();\r\n }\r\n\r\n }, [activeCategoryId, props.location.pathname, products]);\r\n\r\n useEffect(() => {\r\n if (!products && activeCategoryId) getProducts();\r\n if (!activeProducts && activeCategoryId && products) getActiveProducts();\r\n }, [activeCategoryId, products]);\r\n\r\n useEffect(() => {\r\n if (!categoriesList && categories && categoriesOrder ) getCategoriesList();\r\n if (!categoriesOrder) getCategoriesOrder();\r\n }, [categoriesList, categories, getCategoriesList]);\r\n\r\n\r\n const onDragEnd = (result) => {\r\n if (!result.destination) {\r\n return;\r\n }\r\n\r\n let data = reorder(\r\n activeProducts,\r\n result.source.index,\r\n result.destination.index,\r\n );\r\n\r\n let sortData = {};\r\n\r\n data.map((item, index) => {\r\n sortData[item.productId] = { ...item, order: index }\r\n });\r\n\r\n setActiveProducts(data);\r\n setSubmitData(Object.values(sortData))\r\n // setSubmitData(sortData);\r\n }\r\n\r\n const clearStateByProducts = () => {\r\n setIsSubmit(false);\r\n setProducts(null);\r\n setActiveProducts(null);\r\n };\r\n\r\n const replaceProductsByProductId = (originalProducts, newProducts) => {\r\n const updatedProducts = [];\r\n \r\n for (const originalProduct of originalProducts) {\r\n const newProduct = newProducts.find(product => product.productId === originalProduct.productId);\r\n\r\n if (newProduct) {\r\n updatedProducts.push(newProduct);\r\n } else {\r\n updatedProducts.push(originalProduct);\r\n }\r\n }\r\n \r\n return updatedProducts;\r\n }\r\n\r\n const handleSubmit = (data) => {\r\n const updatedProducts = replaceProductsByProductId(products, data);\r\n\r\n console.log('updatedProducts ---> ', updatedProducts) \r\n\r\n if (!data) {\r\n clearStateByProducts();\r\n } else {\r\n props.firebase.bd.ref(`${isDebug ? \"debug\" : \"\"}/EAppCRM/${brand.id}/nomenclature/products`).update(updatedProducts)\r\n .then(res => {\r\n clearStateByProducts();\r\n })\r\n .catch(error => {\r\n console.log('error', error);\r\n });\r\n \r\n }\r\n }\r\n\r\n return (\r\n \r\n
\r\n \r\n \r\n \r\n {(provided, snapshot) => (\r\n \r\n {categoriesList && categoriesList.map((item, index) => {\r\n return (\r\n \r\n {(provided, snapshot) => (\r\n \r\n )\r\n })}\r\n {provided.placeholder}\r\n
\r\n )}\r\n \r\n \r\n {!categoriesList && \r\n
\r\n )}\r\n \r\n
\r\n \r\n {/*
\r\n \r\n \r\n
*/}\r\n \r\n
\r\n {trim(item.name, 20)}
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n )\r\n}\r\n\r\nexport default SortCategories;","import React, { useState, useEffect } from 'react';\r\nimport { useSelector, useDispatch, connect } from 'react-redux';\r\nimport { withFirebase } from '../../../../firebase';\r\nimport { withRouter } from 'react-router-dom';\r\n\r\nimport { reorder } from '../other';\r\nimport { updateCategories, updateCategoriesOrder, updateCategoriesDispatch } from '../../../../reducers/shops';\r\nimport SortCategories from './sortCategories';\r\n\r\nconst SortModeProducts = (props) => {\r\n // const shops = useSelector(state => state.shops.shops);\r\n // const categories = useSelector(state => state.shops.categories);\r\n const language = useSelector(state => state.shops.defaultLanguage);\r\n const languages = useSelector(state => state.shops.languages);\r\n // const categoriesOrder = useSelector(state => state.shops.categoriesOrder);\\\r\n\r\n const dispatch = useDispatch()\r\n\r\n const brand = JSON.parse(localStorage.getItem(\"currentBrand\"));\r\n const isDebug = JSON.parse(localStorage.getItem(\"isDebug\"));\r\n\r\n const [openModal, setOpenModal] = useState(false);\r\n const [isSubmit, setIsSubmit] = useState(false);\r\n const [submitData, setSubmitData] = useState(null);\r\n const [categoriesList, setCategoriesList] = useState(null);\r\n const [categories, setCategories] = useState(null);\r\n const [categoriesOrder, setCategoriesOrder] = useState(null);\r\n\r\n const handleClose = () => {\r\n setOpenModal(false);\r\n setIsSubmit(false);\r\n };\r\n\r\n const handleClickSubmit = () => {\r\n setOpenModal(false);\r\n setIsSubmit(true);\r\n };\r\n\r\n\r\n const getCategoriesData = () => {\r\n\r\n props.firebase.bd.ref(`${isDebug ? \"debug\" : \"\"}/EAppCRM/${brand.id}/nomenclature/categories`).once(\"value\", (snapshot) => {\r\n \r\n const categoriesData = snapshot.val();\r\n\r\n const categories = categoriesData ? categoriesData.map((item) => ({\r\n ...item,\r\n id: item.categoryId,\r\n })) : []\r\n\r\n setCategories(categories)\r\n updateCategoriesDispatch(dispatch, categories);\r\n });\r\n }\r\n\r\n const getCategoriesOrderData = () => {\r\n\r\n const keyBrand = JSON.parse(localStorage.getItem(\"chosenBrand\"));\r\n const keyCity = JSON.parse(localStorage.getItem(\"chosenCity\"));\r\n\r\n props.firebase.bd.ref(`${isDebug ? \"debug\" : \"\"}/settings/city/${keyCity}/brands/${keyBrand}/category/categoriesOrder`).once(\"value\", (snapshot) => {\r\n \r\n const categoriesOrderData = snapshot.val();\r\n setCategoriesOrder(categoriesOrderData)\r\n // console.log('categoriesOrderData', categoriesOrderData);\r\n updateCategoriesOrder(categoriesOrderData);\r\n \r\n });\r\n }\r\n\r\n useEffect(() => {\r\n getCategoriesData()\r\n getCategoriesOrderData()\r\n }, [])\r\n\r\n \r\n const getCategoriesList = () => {\r\n // let data = [];\r\n // let listData = {};\r\n // for (let id in categories) {\r\n \r\n // if (categoriesOrder && categoriesOrder.length > 0) {\r\n // for (let key in categoriesOrder) {\r\n // // console.log('categoriesOrder[key]', categoriesOrder[key]);\r\n // // console.log('id -->>>', id);\r\n // if (categoriesOrder[key] !== id) {\r\n // listData[id] = categories[id]\r\n // }\r\n // }\r\n // } else {\r\n // listData[id] = categories[id]\r\n // }\r\n // }\r\n\r\n // for (let key in listData) {\r\n // // let item = { id: key, name: categories[key].name[language] };\r\n // let item = { id: categories[key].id, name: categories[key].name[language] };\r\n // data.push(item);\r\n // }\r\n\r\n // if (data.length > 0) setCategoriesList(data);\r\n\r\n // console.log('data', data);\r\n // console.log('listData', listData);\r\n\r\n const sortedCategories = [];\r\n\r\n // Проходим по порядку из categoriesOrder и добавляем соответствующие категории\r\n for (const categoryId of categoriesOrder) {\r\n const category = categories.find(cat => cat.categoryId === categoryId);\r\n if (category) {\r\n sortedCategories.push({ id: category.categoryId, name: category.name.uk });\r\n }\r\n }\r\n\r\n if (sortedCategories.length > 0) setCategoriesList(sortedCategories);\r\n\r\n // console.log('sortedCategories', sortedCategories);\r\n\r\n }\r\n\r\n\r\n const sortCategories = (ids) => {\r\n const categoriesIds = [ ...ids ];\r\n let data = {};\r\n\r\n if (categoriesOrder) {\r\n let categoriesOrders = [];\r\n const categoriesOrderIds = Object.values(categoriesOrder);\r\n\r\n categoriesIds.map(id => {\r\n categoriesOrderIds.map(orderId => {\r\n if (orderId === id) {\r\n categoriesOrders.push(id);\r\n }\r\n });\r\n });\r\n\r\n for (let key in categoriesOrders) {\r\n if (categories[categoriesOrder[key]]) {\r\n data[categoriesOrder[key]] = categories[categoriesOrder[key]]\r\n }\r\n }\r\n }\r\n\r\n console.log('data --->>>', data);\r\n\r\n if (data) props.updateCategories(data);\r\n }\r\n\r\n\r\n useEffect(() => {\r\n if (isSubmit) {\r\n handleSubmit(submitData);\r\n setOpenModal(false);\r\n };\r\n }, [isSubmit]);\r\n\r\n useEffect(() => {\r\n if (!categoriesList && categories && categoriesOrder) getCategoriesList();\r\n if (!categoriesList && categories && !categoriesOrder) getCategoriesList();\r\n }, [categoriesList, categoriesOrder]);\r\n\r\n // useEffect(() => {\r\n // if (!categoriesList && categories && categoriesOrder) getCategoriesList();\r\n // if (!categoriesList && categories && !categoriesOrder) getCategoriesList();\r\n // }, [categoriesList, categories, categoriesOrder]);\r\n\r\n const onDragEnd = (result) => {\r\n if (!result.destination) {\r\n return;\r\n }\r\n\r\n let data = reorder(\r\n categoriesList,\r\n result.source.index,\r\n result.destination.index,\r\n );\r\n\r\n let sortData = [];\r\n data.map((item) => sortData.push(item.id));\r\n\r\n console.log('sortData --->>>', sortData);\r\n console.log('data --->>>', data);\r\n\r\n setCategoriesList(data);\r\n setSubmitData(sortData);\r\n\r\n // console.log('data', data);\r\n }\r\n\r\n const getCategories = (categoriesOrder) => {\r\n let list = [];\r\n let listCategories = {};\r\n\r\n let itemKeys = Object.keys(categories);\r\n let itemValues = Object.values(categories);\r\n\r\n for (let index in categoriesOrder) {\r\n if (itemKeys.includes(categoriesOrder[index])) {\r\n const itemIndex = itemKeys.findIndex(t => t === categoriesOrder[index]);\r\n const item = itemValues[itemIndex];\r\n\r\n let name = {};\r\n\r\n for (let key in languages) {\r\n console.log('key', languages[key]);\r\n if (languages[key].key == language) {\r\n name[language] = item.name[language];\r\n } \r\n }\r\n\r\n list.push({\r\n name,\r\n id: categoriesOrder[index],\r\n spots: item.spots\r\n });\r\n\r\n listCategories[categoriesOrder[index]] = {\r\n name,\r\n id: categoriesOrder[index],\r\n spots: item.spots\r\n }\r\n }\r\n }\r\n \r\n props.updateCategories(listCategories);\r\n }\r\n\r\n const clearStateByProducts = () => {\r\n setIsSubmit(false);\r\n setSubmitData(null);\r\n // setCategoriesOrder(null);\r\n // setCategoriesList(null);\r\n };\r\n\r\n const sendToUpdateFirebase = (data) => {\r\n const keyCity = JSON.parse(localStorage.getItem(\"chosenCity\"));\r\n const keyBrand = JSON.parse(localStorage.getItem(\"chosenBrand\"));\r\n\r\n console.log('keyCity ', keyCity , 'keyBrand', keyBrand)\r\n\r\n props.firebase.bd.ref(`${isDebug ? \"debug\" : \"\"}/settings/city/${keyCity}/brands/${keyBrand}/category/categoriesOrder`).set(data)\r\n .then(res => {\r\n console.log('updated categs')\r\n clearStateByProducts();\r\n updateCategoriesOrder(data);\r\n getCategories(data);\r\n getCategoriesData()\r\n })\r\n .catch(error => {\r\n console.error(error);\r\n });\r\n }\r\n\r\n\r\n const handleSubmit = (data) => {\r\n console.log('submit data', data);\r\n\r\n if (!data) {\r\n clearStateByProducts();\r\n } else {\r\n sendToUpdateFirebase(data);\r\n }\r\n }\r\n\r\n // console.log('state -->>>', state);\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
\r\n )\r\n}\r\n\r\nexport default DefaultPage;","import { makeStyles } from '@material-ui/core';\r\n\r\nexport default makeStyles({\r\n root: {\r\n marginTop: '24px',\r\n marginBottom: '0px',\r\n },\r\n workTimeWrap: {\r\n marginBottom: 24,\r\n },\r\n labelWrap: {\r\n display: 'block',\r\n marginBottom: '8px',\r\n '& > label': {\r\n fontSize: 13,\r\n lineHeight: 1,\r\n fontWeight: 400,\r\n color: '#333',\r\n }\r\n },\r\n calendarField: {\r\n width: 140,\r\n textAlign: 'center',\r\n height: 30,\r\n fontSize: 16,\r\n lineHeight: '30px',\r\n border: '1px solid #DADCE0',\r\n boxSizing: 'border-box',\r\n borderRadius: 5,\r\n overflow: 'hidden',\r\n '& .MuiInput-input': {\r\n textAlign: 'center',\r\n padding: '5px 0 7px',\r\n color: '#476282',\r\n },\r\n '& .MuiInput-input:disabled': {\r\n background: '#f5f5f5',\r\n border: '1px solid transparent',\r\n },\r\n '& .MuiInput-underline:after': {\r\n content: 'none'\r\n },\r\n '& .MuiInput-underline:before': {\r\n content: 'none'\r\n },\r\n '& .MuiInput-underline:hover:not(.Mui-disabled):before': {\r\n content: 'none'\r\n },\r\n '& + div': {\r\n fontSize: 12,\r\n lineHeight: 2,\r\n color: 'red',\r\n }\r\n },\r\n textAreaField: {\r\n width: '100%',\r\n '& > .MuiInputBase-multiline': {\r\n border: '1px solid #DADCE0',\r\n borderRadius: 5,\r\n padding: '12px 6px',\r\n '&:after': {\r\n display: 'none'\r\n },\r\n '&:before': {\r\n display: 'none'\r\n }\r\n }\r\n },\r\n button: {\r\n background: '#326dff',\r\n borderRadius: 3,\r\n border: 0,\r\n color: 'white',\r\n height: 45,\r\n minWidth: 180,\r\n width: 'auto',\r\n fontSize: 14,\r\n marginTop: 10,\r\n boxShadow: 'none',\r\n '&:hover': {\r\n background: '#326dffcf',\r\n boxShadow: 'none',\r\n }\r\n },\r\n textField: {\r\n fontSize: 14,\r\n lineHeight: 1.5,\r\n fontWeight: 400,\r\n color: '#326dff',\r\n }\r\n});","import React from 'react';\r\nimport { Field, reduxForm } from 'redux-form'\r\n\r\nimport Button from '@material-ui/core/Button'; \r\nimport Loading from '../../../components/Loading';\r\nimport useStyles from './styles';\r\n\r\nconst required = val => !val ? 'Обязательно для заполнения' : null;\r\nconst isNumber = val => val < 5 ? 'Введите число больше или равно 5' : null;\r\n\r\nconst renderField = ({ \r\n input, \r\n meta, \r\n ...rest \r\n }) => {\r\n return (\r\n \r\n
\r\n )\r\n}\r\n\r\nlet TableForm = (props) => {\r\n const classes = useStyles();\r\n const { handleSubmit } = props\r\n\r\n return ( \r\n {meta.error}
}\r\n \r\n \r\n
\r\n )\r\n}\r\n\r\nTableForm = reduxForm({\r\n form: 'WorkingHours', \r\n enableReinitialize : true\r\n})(TableForm);\r\n\r\nexport default TableForm;","import { makeStyles } from '@material-ui/core/styles';\r\n\r\nexport default makeStyles(theme => ({\r\n root: {\r\n // backgroundColor: 'red',\r\n },\r\n desctopWrapper: {\r\n padding: '24px 16px 24px 16px',\r\n background: 'white',\r\n border:' 0.5px solid #DADCE0',\r\n boxSizing: 'border-box',\r\n borderRadius: '5px 5px 0px 0px',\r\n },\r\n tabContent: {\r\n [theme.breakpoints.down(\"600\")]: {\r\n padding: '16px 8px',\r\n background: 'white',\r\n border: '1px solid #E5E5E5',\r\n borderRadius: 10,\r\n },\r\n },\r\n title: {\r\n marginBottom: 16,\r\n fontSize: 22,\r\n fontWeight: 'bold',\r\n lineHeight: '29px',\r\n },\r\n titleMobile: {\r\n marginTop: 16,\r\n marginBottom: 8,\r\n fontSize: 22,\r\n fontWeight: 'bold',\r\n lineHeight: '29px',\r\n }\r\n}));","import React, { useEffect, useState } from 'react';\r\nimport moment from 'moment';\r\nimport { withFirebase } from '../../firebase';\r\nimport { withRouter } from 'react-router-dom';\r\nimport { useSelector, useDispatch } from 'react-redux';\r\nimport { updateShops, updateLoadControl } from '../../reducers/shops';\r\nimport { addKeyShop } from '../../reducers/workingHours';\r\nimport useMediaQuery from '@material-ui/core/useMediaQuery';\r\nimport Typography from '@material-ui/core/Typography';\r\nimport ModalComponent from '../../components/ModalComponent';\r\n\r\nimport TableForm from './TableForm';\r\nimport useStyles from './styles';\r\n\r\nconst WorkTimeComponent = (props) => {\r\n const dispatch = useDispatch();\r\n const classes = useStyles();\r\n const cities = useSelector(state => state.shops.shops);\r\n const currentCity = JSON.parse(localStorage.getItem(\"chosenCity\"));\r\n\tconst currentBrand = JSON.parse(localStorage.getItem(\"chosenBrand\"));\r\n const isDebug = JSON.parse(localStorage.getItem('isDebug'))\r\n\r\n const checkoutScreen = cities && cities[currentCity]?.brands[currentBrand]?.checkoutScreen\r\n const deliveryTerminals = cities && cities[currentCity]?.brands[currentBrand]?.deliveryTerminals\r\n\r\n const [initialValues, setInitialValues] = useState(null);\r\n const isMin600 = useMediaQuery('(max-width: 599px)');\r\n const isMax600 = useMediaQuery('(min-width: 600px)');\r\n\r\n const [openModal, setOpenModal] = useState(false);\r\n const [isSubmit, setIsSubmit] = useState(false);\r\n const [dataTableForm, setDataTableForm] = useState(null);\r\n\r\n const handleClose = () => {\r\n setOpenModal(false);\r\n setIsSubmit(false);\r\n };\r\n\r\n const handleClickSubmit = () => {\r\n setOpenModal(false);\r\n setIsSubmit(true);\r\n };\r\n\r\n useEffect(() => {\r\n if (isSubmit && !openModal) {\r\n console.log('Вы подтвердили');\r\n\r\n saveLabelControl(dataTableForm);\r\n }\r\n \r\n // eslint-disable-next-line react-hooks/exhaustive-deps\r\n }, [isSubmit, openModal]);\r\n\r\n useEffect(() => {\r\n if (!initialValues && checkoutScreen) {\r\n if (Object.keys(checkoutScreen).length > 0) {\r\n const { orderTimeIntervalDelivery, orderTimeIntervalPickup } = checkoutScreen;\r\n\r\n setInitialValues({\r\n orderTimeIntervalDelivery,\r\n orderTimeIntervalPickup\r\n });\r\n }\r\n }\r\n }, [checkoutScreen]);\r\n\r\n\r\n const onSubmit = (data) => {\r\n console.log('--- onSubmit ---', data);\r\n\r\n setOpenModal(true);\r\n setDataTableForm(data);\r\n \r\n };\r\n\r\n const saveLabelControl = (data) => {\r\n let daliveryTerminalsData = [ ...deliveryTerminals]\r\n let sendData = {\r\n orderTimeIntervalDelivery: Number(data.orderTimeIntervalDelivery),\r\n orderTimeIntervalPickup: Number(data.orderTimeIntervalPickup)\r\n };\r\n \r\n deliveryTerminals.map((terminal, index) => {\r\n let workingHoursCity = [];\r\n console.log('terminal ***', terminal);\r\n terminal.workingHours.map((item, index) => {\r\n const { begin, end, deliveryEnd } = item;\r\n let newDeliveryEnd = moment(end, 'HH:mm');\r\n let changedDeliveryEnd = moment(deliveryEnd, 'HH:mm');\r\n let oldOrderTimeIntervalDelivery = moment(end, 'HH:mm');\r\n newDeliveryEnd = newDeliveryEnd.add(Number(data.orderTimeIntervalDelivery), 'minutes').format('HH:mm');\r\n oldOrderTimeIntervalDelivery = oldOrderTimeIntervalDelivery.add(Number(checkoutScreen.orderTimeIntervalDelivery), 'minutes').format('HH:mm');\r\n // changedDeliveryEnd = changedDeliveryEnd.add(checkoutScreen.orderTimeIntervalDelivery - data.orderTimeIntervalDelivery, 'minutes').format('HH:mm');\r\n\r\n if (begin === '00:00' && end === '00:00') {\r\n newDeliveryEnd = '24:00';\r\n }\r\n\r\n // let interval = Math.abs(checkoutScreen.orderTimeIntervalDelivery - data.orderTimeIntervalDelivery);\r\n \r\n // if (checkoutScreen.orderTimeIntervalDelivery > data.orderTimeIntervalDelivery) {\r\n // changedDeliveryEnd = changedDeliveryEnd.subtract(interval, 'minutes').format('HH:mm');\r\n // }\r\n\r\n // if (checkoutScreen.orderTimeIntervalDelivery < data.orderTimeIntervalDelivery) {\r\n // changedDeliveryEnd = changedDeliveryEnd.add(interval, 'minutes').format('HH:mm');\r\n // }\r\n\r\n console.log('deliveryEnd', deliveryEnd);\r\n console.log('newDeliveryEnd', newDeliveryEnd);\r\n console.log('changedDeliveryEnd', changedDeliveryEnd);\r\n console.log('=========');\r\n\r\n // if (deliveryEnd !== oldOrderTimeIntervalDelivery) {\r\n // newDeliveryEnd = changedDeliveryEnd;\r\n // }\r\n\r\n // newDeliveryEnd = changedDeliveryEnd;\r\n\r\n const workingHoursCityData = { begin, end, deliveryEnd: newDeliveryEnd };\r\n\r\n if (terminal.workingHours.length > 1) {\r\n workingHoursCityData['dayNumber'] = index + 1;\r\n }\r\n\r\n workingHoursCity.push(workingHoursCityData);\r\n });\r\n console.log('workingHoursCity', workingHoursCity);\r\n daliveryTerminalsData[index].workingHours = workingHoursCity;\r\n });\r\n\r\n \r\n if (data.orderTimeIntervalDelivery !== checkoutScreen.orderTimeIntervalDelivery) {\r\n props.firebase.bd.ref(`${isDebug ? 'debug' : ''}/settings/city/${currentCity}/brands/${currentBrand}/checkoutScreen`).update(sendData)\r\n .then(res => {\r\n dispatch(updateLoadControl(sendData));\r\n \r\n props.firebase.bd.ref(`${isDebug ? 'debug' : ''}/settings/city/${currentCity}/brands/${currentBrand}/deliveryTerminals`).update(daliveryTerminalsData)\r\n .then(res => {\r\n // dispatch(updateShops(dataCities));\r\n addKeyShop(dispatch, null);\r\n })\r\n .catch(error => console.error(error))\r\n })\r\n .catch(err => console.error(err));\r\n }\r\n }\r\n\r\n return ( \r\n \r\n Контроль нагрузки }\r\n {isMin600 && (\r\n
\r\n )\r\n}\r\n\r\nexport default withRouter(withFirebase(WorkTimeComponent));","const ADD_All_CLIENTS = 'ADD-All-CLIENTS';\r\nconst ADD_CLIENT_TABLE = 'ADD-CLIENT-TABLE';\r\nconst ADD_CLIENT_ROWS = 'ADD-CLIENT-ROWS';\r\nconst REMOVE_TABLE = 'REMOVE-TABLE';\r\nconst CHECKED_TABLE_INPUT = 'CHECKED_TABLE_INPUT';\r\nconst CHECKED_ALL_TABLE_INPUT = 'CHECKED_ALL_TABLE_INPUT';\r\n\r\nconst UPDATE_SELECT_TYPE_VALUE = 'UPDATE-SELECT-TYPE-VALUE';\r\nconst UPDATE_SEARCH_VALUE = 'UPDATE-SEARCH-VALUE';\r\nconst UPDATE_COLUMNS = 'UPDATE-COLUMNS';\r\n\r\nconst initialState = {\r\n allClients: [],\r\n table: [],\r\n rows: [],\r\n columns: ['Имя', 'Телефон', 'Город', 'Дата установки', 'Пол', 'Скидка', 'Платформа'],\r\n selectType: 1,\r\n searchValue: '',\r\n isAllChecked: false\r\n}\r\n\r\nconst ClientTable = (state = initialState, action) => {\r\n switch(action.type) {\r\n case ADD_All_CLIENTS: {\r\n return {\r\n ...state,\r\n allClients: action.data,\r\n }\r\n }\r\n case ADD_CLIENT_TABLE: {\r\n return {\r\n ...state,\r\n table: action.data\r\n }\r\n }\r\n case ADD_CLIENT_ROWS: {\r\n return {\r\n ...state,\r\n rows: action.rows\r\n }\r\n }\r\n case REMOVE_TABLE: {\r\n return {\r\n ...state,\r\n table: action.data\r\n }\r\n }\r\n case CHECKED_TABLE_INPUT: {\r\n const { phone, checked } = action.data;\r\n const allClients = [ ...state.allClients ];\r\n const rows = [ ...state.rows ];\r\n allClients.find(t => t.phone === phone).checked = checked;\r\n rows.find(t => t.phone === phone).checked = checked;\r\n\r\n return { ...state, allClients, rows };\r\n }\r\n case CHECKED_ALL_TABLE_INPUT: {\r\n const allClients = []; \r\n const rows = [];\r\n state.allClients.forEach(t => allClients.push({ ...t, checked: action.checked }));\r\n state.rows.forEach(t => rows.push({ ...t, checked: action.checked }));\r\n\r\n return { ...state, allClients, rows };\r\n }\r\n case UPDATE_SELECT_TYPE_VALUE: {\r\n return {\r\n ...state,\r\n selectType: action.data\r\n }\r\n }\r\n case UPDATE_SEARCH_VALUE: {\r\n return {\r\n ...state,\r\n searchValue: action.searchValue\r\n }\r\n }\r\n case UPDATE_COLUMNS: {\r\n return {\r\n ...state,\r\n columns: action.list\r\n }\r\n }\r\n default:\r\n return state;\r\n }\r\n}\r\n\r\nexport const addAllClients = (data) => ({type: ADD_All_CLIENTS, data});\r\n\r\nexport const removeTable = (data) => ({type: REMOVE_TABLE, data});\r\nexport const addClientTable = (data) => ({type: ADD_CLIENT_TABLE, data});\r\nexport const addClientRows = (rows) => ({type: ADD_CLIENT_ROWS, rows});\r\nexport const checkedTableInput = ({ phone, checked }) => ({type: CHECKED_TABLE_INPUT, data: { phone, checked }});\r\nexport const checkedAllTableInput = (checked) => ({type: CHECKED_ALL_TABLE_INPUT, checked});\r\n\r\nexport const updateSelectType = (data) => ({type: UPDATE_SELECT_TYPE_VALUE, data});\r\nexport const updateSearchValue = (searchValue) => ({type: UPDATE_SEARCH_VALUE, searchValue});\r\nexport const updateColumnsList = (list) => ({type: UPDATE_COLUMNS, list});\r\n\r\nexport default ClientTable;","import React from 'react';\r\nimport { makeStyles } from '@material-ui/core';\r\nimport Typography from '@material-ui/core/Typography';\r\n\r\nconst Header = ({ count }) => {\r\n const classes = useStyles();\r\n return (\r\n \r\n
\r\n )}\r\n {isMax600 && (\r\n \r\n Контроль нагрузки \r\n
\r\n )}\r\n \r\n Все клиенты ({count}) \r\n
\r\n
\r\n )\r\n}\r\n\r\nconst useStyles = makeStyles({\r\n root: {\r\n marginBottom: 16,\r\n },\r\n typography: {\r\n // marginBottom: 16,\r\n fontSize: 18,\r\n fontWeight: 'bold',\r\n lineHeight: '29px',\r\n color: '#333',\r\n marginBottom: 5,\r\n },\r\n line: {\r\n display: 'block',\r\n margin: 0,\r\n padding: 0,\r\n border: 0,\r\n height: 1,\r\n width: '100%',\r\n background: '#ebebeb'\r\n }\r\n});\r\n\r\nexport default Header;\r\n","import React from 'react';\r\nimport { makeStyles } from '@material-ui/core';\r\nimport MenuItem from '@material-ui/core/MenuItem';\r\nimport FormControl from '@material-ui/core/FormControl';\r\nimport Select from '@material-ui/core/Select';\r\n\r\nconst SelectComponent = ({ name, stateValue, handleChange, options, label, className }) => {\r\n const classes = useStyles();\r\n return (\r\n \r\n
\r\n 1 ? clickArrowBack : null} \r\n className={classes.iconLeft} \r\n style={{ fill: pagination > 1 ? 'inherit' : 'gray' }}\r\n />\r\n
\r\n )\r\n}\r\n\r\nconst useStyles = makeStyles(theme => ({\r\n root: {\r\n display: 'flex',\r\n alignItems: 'center',\r\n },\r\n iconLeft: {\r\n paddingRight: 5,\r\n cursor: 'pointer',\r\n '&:hover': {\r\n fill: theme.palette.primary.main,\r\n }\r\n },\r\n iconRight: {\r\n paddingLeft: 10,\r\n cursor: 'pointer',\r\n '&:hover': {\r\n fill: theme.palette.primary.main,\r\n }\r\n }\r\n}));\r\n\r\nexport default Pagination;","import React, { useState } from 'react';\r\nimport { useDispatch, useSelector } from 'react-redux';\r\nimport { makeStyles } from '@material-ui/core';\r\nimport { addClientRows } from '../../../reducers/clientTable';\r\nimport Select from './SelectPageView';\r\nimport Pagination from './Pagination';\r\n\r\nconst pageViewOptions = [\r\n {id: 25, name: '25 на странице'},\r\n {id: 50, name: '50 на странице'},\r\n {id: 100, name: '100 на странице'},\r\n];\r\n\r\nconst Footer = (props) => {\r\n const classes = useStyles();\r\n const dispatch = useDispatch();\r\n const allClients = useSelector(state => state.clientTable.allClients);\r\n const [pageView, setPageView] = useState(25);\r\n const [pagination, setPagination] = useState(1);\r\n const [disabledArrow, setDisabledArrow] = useState(false);\r\n\r\n const handlePageView = (e) => {\r\n console.log(' --- handlePageView --- ');\r\n const count = e.target.value;\r\n let rowsData = [...allClients];\r\n rowsData.length = count;\r\n \r\n setPageView(count);\r\n setPagination(1);\r\n\r\n if (rowsData.length > allClients.length) {\r\n setDisabledArrow(true);\r\n } else {\r\n setDisabledArrow(false);\r\n }\r\n\r\n dispatch(addClientRows(rowsData));\r\n }\r\n\r\n return (\r\n {pagination}
\r\n \r\n \r\n
\r\n )\r\n}\r\n\r\nconst useStyles = makeStyles(theme => ({\r\n root: {\r\n display: 'flex',\r\n justifyContent: 'space-between',\r\n marginBottom: 0,\r\n marginTop: 30,\r\n '& > .MuiSelect-select.MuiSelect-select > div > div': {\r\n borderRight: '1px solid #326dff',\r\n borderTopRightRadius: '5px',\r\n borderBottomRightRadius: '5px',\r\n borderColor: theme.palette.primary.main,\r\n color: theme.palette.primary.main,\r\n },\r\n '& > .MuiSelect-select.MuiSelect-select > div > svg': {\r\n color: theme.palette.primary.main\r\n }\r\n },\r\n}));\r\n\r\nexport default Footer;\r\n","import React from 'react';\r\nimport { makeStyles } from '@material-ui/core';\r\nimport MenuItem from '@material-ui/core/MenuItem';\r\nimport FormControl from '@material-ui/core/FormControl';\r\nimport Select from '@material-ui/core/Select';\r\n\r\nconst SelectComponent = ({ name, stateValue, handleChange, options, children, label }) => {\r\n const classes = useStyles();\r\n return (\r\n \r\n \r\n \r\n
\r\n )\r\n}\r\n\r\nexport default Search;","import React, { useState, useEffect } from 'react';\r\nimport { useSelector } from 'react-redux';\r\nimport { makeStyles } from '@material-ui/core';\r\nimport { useDispatch } from 'react-redux';\r\nimport { updateSearchValue, addClientTable, addClientRows, addAllClients } from '../../../reducers/clientTable';\r\n\r\nimport FormControl from '@material-ui/core/FormControl';\r\nimport OutlinedInput from '@material-ui/core/OutlinedInput';\r\nimport Tooltip from '@material-ui/core/Tooltip';\r\nimport CloseIcon from '@material-ui/icons/Close';\r\nimport SearchIcon from './assets/search';\r\n\r\nconst Search = (props) => {\r\n const classes = useStyles();\r\n const dispatch = useDispatch();\r\n const allClients = useSelector(state => state.clientTable.allClients);\r\n const [searchData, setSearchData] = useState('');\r\n\r\n useEffect(() => {\r\n if (searchData.length > 2) {\r\n let isNumber = function isNumber(value) {\r\n return typeof value === 'number' && isFinite(value);\r\n }\r\n let formatSearch = !isNumber(searchData) ? searchData.toLocaleLowerCase() : searchData;\r\n let searchResult = [];\r\n\r\n allClients.forEach(client => {\r\n for (let key in client) {\r\n const element = client[key];\r\n\r\n if (typeof element === 'string') {\r\n const elementFormat = element.toLowerCase();\r\n // const result = elementFormat.search(`/${formatSearch}/g`);\r\n // console.log('result -->>>', result);\r\n if (elementFormat.indexOf(formatSearch) !== -1) {\r\n searchResult.push(client);\r\n }\r\n }\r\n }\r\n });\r\n\r\n let rowsSearchResults = [...searchResult];\r\n\r\n if (rowsSearchResults.length > 25) {\r\n rowsSearchResults.length = 25;\r\n }\r\n\r\n\r\n dispatch(addAllClients(searchResult));\r\n dispatch(addClientRows(rowsSearchResults));\r\n }\r\n if (searchData.length === 0) {\r\n closeSubmit();\r\n }\r\n }, [searchData]);\r\n\r\n const handleSearchInput = (e) => {\r\n const value = e.target.value;\r\n\r\n setSearchData(value);\r\n }\r\n\r\n const searchSubmit = () => {\r\n if (searchData.length > 2) {\r\n dispatch(addClientTable([]));\r\n props.getFindToSearch(searchData);\r\n dispatch(updateSearchValue(searchData));\r\n }\r\n }\r\n\r\n const closeSubmit = () => {\r\n dispatch(updateSearchValue(''));\r\n props.getClientsToFirebase();\r\n setSearchData('');\r\n }\r\n\r\n return (\r\n \r\n Отправить Push уведомление \r\n
\r\n \r\n
\r\n {count > 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 Выбрано клиентов ({count}) из {allClients.length}. \r\n selectAllClients()} \r\n className={classes.link} href=\"#\">\r\n Выбрать всех клиентов\r\n \r\n clearSelectedClients()} \r\n className={classes.link} href=\"#\">\r\n Отменить выделение\r\n \r\n \r\n
\r\n )}\r\n \r\n )\r\n}\r\n\r\nexport default withFirebase(Navigation);\r\n","import React, { useEffect } from 'react';\r\nimport { useSelector, useDispatch } from 'react-redux';\r\nimport { addClientTable } from '../../../../reducers/clientTable';\r\nimport { DragDropContext, Droppable, Draggable } from 'react-beautiful-dnd';\r\nimport { makeStyles } from '@material-ui/core';\r\n\r\nimport dots from '../../../../assets/img/dots-table.jpg';\r\n\r\n// a little function to help us with reordering the result\r\nconst reorder = (list, startIndex, endIndex) => {\r\n const result = Array.from(list);\r\n const [removed] = result.splice(startIndex, 1);\r\n result.splice(endIndex, 0, removed);\r\n\r\n return result;\r\n};\r\n\r\nconst getItemStyle = (isDragging, draggableStyle) => ({\r\n userSelect: 'none',\r\n background: isDragging ? 'lightgreen' : 'grey',\r\n ...draggableStyle,\r\n});\r\n\r\nconst getListStyle = isDraggingOver => ({\r\n background: isDraggingOver ? 'lightblue' : 'white',\r\n display: 'flex',\r\n// overflow: 'auto',\r\n});\r\n\r\nconst getHeadlineStyle = (isDragging, draggableStyle) => ({\r\n background: isDragging ? 'red' : 'green',\r\n color: '#7f8690',\r\n ...draggableStyle\r\n});\r\n\r\nconst TableComponent = (props) => {\r\n const classes = useStyles();\r\n const dispatch = useDispatch();\r\n const rows = useSelector(state => state.clientTable.rows);\r\n const table = useSelector(state => state.clientTable.table);\r\n const columns = useSelector(state => state.clientTable.columns);\r\n\r\n useEffect(() => {\r\n const isName = columns.findIndex(el => el === 'Имя') !== -1;\r\n const isPhone = columns.findIndex(el => el === 'Телефон') !== -1;\r\n const isCity = columns.findIndex(el => el === 'Город') !== -1;\r\n const isDate = columns.findIndex(el => el === 'Дата установки') !== -1;\r\n const isGender = columns.findIndex(el => el === 'Пол') !== -1;\r\n const isDiscount = columns.findIndex(el => el === 'Скидка') !== -1;\r\n const isPlatform = columns.findIndex(el => el === 'Платформа') !== -1;\r\n\r\n let dataItems = [\r\n {id: 'ids', content: []},\r\n {id: 'name', content: []},\r\n {id: 'phone', content: []},\r\n {id: 'city', content: []},\r\n {id: 'birthday', content: []},\r\n {id: 'gender', content: []},\r\n {id: 'discount', content: []},\r\n {id: 'platform', content: []}\r\n ];\r\n\r\n rows.forEach((row, index) => {\r\n let ids = dataItems.find(t => t.id === 'ids');\r\n let name = dataItems.find(t => t.id === 'name');\r\n let phone = dataItems.find(t => t.id === 'phone');\r\n let city = dataItems.find(t => t.id === 'city');\r\n let birthday = dataItems.find(t => t.id === 'birthday');\r\n let gender = dataItems.find(t => t.id === 'gender');\r\n let discount = dataItems.find(t => t.id === 'discount');\r\n let platform = dataItems.find(t => t.id === 'platform');\r\n\r\n ids.content.push(index);\r\n isName && name.content.push(row.name);\r\n isPhone && phone.content.push(row.phone);\r\n isCity && city.content.push(row.city);\r\n isDate && birthday.content.push(row.birthday);\r\n isGender && gender.content.push('-');\r\n isDiscount && discount.content.push('-');\r\n isPlatform && platform.content.push('-');\r\n });\r\n\r\n dataItems = dataItems.filter(el => el.content.length !== 0);\r\n\r\n dispatch(addClientTable(dataItems));\r\n }, [columns, rows]);\r\n\r\n const onDragEnd = (result) => {\r\n if (!result.destination) {\r\n return;\r\n }\r\n\r\n const updateItems = reorder(\r\n table,\r\n result.source.index,\r\n result.destination.index\r\n );\r\n\r\n // console.log('updateItems', updateItems);\r\n\r\n dispatch(addClientTable(updateItems));\r\n }\r\n\r\n const getHeadLine = (id) => {\r\n switch(id) {\r\n case 'ids': \r\n return '№';\r\n case 'name':\r\n return 'ФИО';\r\n case 'phone':\r\n return 'НОМЕР ТЕЛЕФОНА';\r\n case 'city':\r\n return 'ГОРОД';\r\n case 'birthday':\r\n return 'ДАТА УСТАНОВКИ';\r\n case 'gender':\r\n return 'ПОЛ';\r\n case 'discount':\r\n return 'СКИДКА';\r\n case 'platform':\r\n return 'ПЛАТФОРМА';\r\n default:\r\n return '';\r\n }\r\n }\r\n\r\n return (\r\n \r\n
\r\n )}\r\n \r\n
\r\n \r\n 
\r\n {getHeadLine(item.id)}\r\n
\r\n \r\n\t\t\t{table.length === 0 &&
\r\n\t)\r\n}\r\n\r\nconst useStyles = makeStyles(theme => ({\r\n table: {\r\n\t\tdisplay: 'flex',\r\n\t\tmarginTop: 15,\r\n width: '100%',\r\n height: 350,\r\n overflowY: 'auto',\r\n\t\tbackground: '#f2f2f2;'\r\n\t},\r\n\tcolumn: {\r\n\t\t'&.ids > div': {\r\n\t\t\twidth: 75,\r\n\t\t},\r\n\r\n\t\t'&.gender > div': {\r\n\t\t\twidth: 75,\r\n\t\t},\r\n\r\n\t\t'&.discount > div': {\r\n\t\t\twidth: 100,\t\r\n\t\t},\r\n\r\n\t\t'&.platform > div': {\r\n\t\t\twidth: 140,\r\n\t\t},\r\n\t\t\r\n\t\t'& > div': {\r\n\t\t\twidth: 200,\r\n\t\t\tpaddingLeft: 30,\r\n\t\t\t// paddingRight: 15,\r\n\t\t\tlineHeight: '60px',\r\n\t\t\tbackgroundColor: '#f2f2f2',\r\n\t\t\tborderBottom: '1px solid #ccc',\t\r\n\t\t\tboxSizing: 'border-box',\r\n\t\t\twhiteSpace: 'nowrap',\r\n\t\t\toverflowX: 'hidden',\r\n\t\t\t'&:last-child': {\r\n\t\t\t\tborderBottom: 'none',\r\n\t\t\t}\r\n\t\t},\r\n\t},\r\n\ttableRow: {\r\n\t\t// color: 'red',\r\n\t},\r\n\tnoResults: {\r\n\t\ttextAlign: 'center',\r\n\t\tmargin: '0 auto',\r\n\t\tdisplay: 'flex',\r\n\t\tjustifyContent: 'center',\r\n\t\talignItems: 'center',\r\n\t}\r\n}));\r\n\r\nexport default TableList;","import React from 'react';\r\nimport { makeStyles } from '@material-ui/core';\r\nimport Loading from '../../../../components/Loading';\r\nimport TableHeaders from './TableHeaders';\r\nimport TableList from './TableList';\r\n\r\nconst Table = (props) => {\r\n const classes = useStyles();\r\n return (\r\n Нет результатов
}\r\n\t\t\t{table && allClients && table.map((column, index) => (\r\n\t\t\t\t\r\n\t\t\t\t\t{column.content.map((el, key) => {\r\n\t\t\t\t\t\tconst phone = table.find(t => t.id === 'phone').content[key];\r\n\t\t\t\t\t\tconst item = allClients.find(t => Number(t.phone) === Number(phone));\r\n\r\n\t\t\t\t\t\treturn (\r\n\t\t\t\t\t\t\t
\r\n\t\t\t))}\r\n\t\t\t\r\n\t\t\t\t\t\t\t\t{column.id === 'ids' ? \r\n\t\t\t\t\t\t\t\t\t handleChange(phone)}\r\n\t\t\t\t\t\t\t\t\t\t\tname={phone}\r\n\t\t\t\t\t\t\t\t\t\t\tcolor=\"primary\"\r\n\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t\tlabel=\"\"\r\n\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t : el}\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t)\r\n\t\t\t\t\t})}\r\n\t\t\t\t\r\n {props.preloader ?
\r\n )\r\n}\r\n\r\nconst useStyles = makeStyles(theme => ({\r\n root: {\r\n marginTop: 30,\r\n // width: '100%',\r\n // height: 350,\r\n // overflowY: 'auto',\r\n }\r\n}));\r\n\r\nexport default Table;","import React, { useState, useEffect } from 'react';\r\nimport { useDispatch, useSelector } from 'react-redux';\r\nimport { makeStyles } from '@material-ui/core';\r\nimport { withFirebase } from '../../../firebase';\r\nimport { addClientTable, addClientRows, addAllClients } from '../../../reducers/clientTable';\r\n\r\nimport Header from './header';\r\nimport Footer from './footer';\r\nimport Navigation from './Navigation';\r\nimport Table from './Table';\r\n\r\nconst TableClientList = (props) => {\r\n const classes = useStyles();\r\n const dispatch = useDispatch();\r\n const table = useSelector(state => state.clientTable.table);\r\n const allClients = useSelector(state => state.clientTable.allClients);\r\n const rows = useSelector(state => state.clientTable.rows);\r\n const selectType = useSelector(state => state.clientTable.selectType);\r\n const isAllChecked = useSelector(state => state.clientTable.isAllChecked);\r\n const state = useSelector(state => state);\r\n\r\n const isDebug = JSON.parse(localStorage.getItem('isDebug'))\r\n\r\n console.log('state -->>>>', state);\r\n\r\n const [allCheckBox, setAllCheckBox] = useState(false);\r\n const [preload, setPreload] = useState(false);\r\n\r\n const getTypeFormat = (type) => {\r\n switch (type) {\r\n case 2:\r\n return 'phone';\r\n case 3:\r\n return 'city';\r\n default:\r\n return 'name'\r\n }\r\n }\r\n\r\n const getFindToSearch = (searchValue) => {\r\n setPreload(true);\r\n const clientsRef = props.firebase.bd.ref(`${isDebug ? 'debug' : ''}/clients`);\r\n\r\n let searchQuery = selectType !== 2\r\n ? clientsRef.orderByChild(getTypeFormat(selectType)).startAt(searchValue).endAt(searchValue + \"\\uf8ff\")\r\n : clientsRef.child(searchValue);\r\n\r\n searchQuery.once('value', function (snapshot) {\r\n let value = snapshot.val();\r\n setPreload(false);\r\n\r\n let arrRows = [];\r\n\r\n if (selectType !== 2) {\r\n for (let key in value) {\r\n const itemRow = { ...value[key], phone: key, checked: false };\r\n arrRows.push(itemRow);\r\n }\r\n } else {\r\n arrRows.push({ ...value, phone: searchValue, checked: false });\r\n }\r\n\r\n if (arrRows.length > 0) {\r\n let firstKey = arrRows[0].phone;\r\n \r\n dispatch(addClientTable(arrRows));\r\n \r\n if (arrRows.length >= 25) {\r\n let newArrRows = [...arrRows];\r\n newArrRows.length = 25;\r\n let lastKey = arrRows[newArrRows.length - 1].phone;\r\n\r\n dispatch(addClientRows(newArrRows));\r\n // dispatch(updateFirstKey(firstKey));\r\n // dispatch(updateLastKey(lastKey));\r\n }\r\n\r\n if (arrRows.length < 25) {\r\n dispatch(addClientRows(arrRows));\r\n // dispatch(updateFirstKey(firstKey));\r\n // dispatch(updateLastKey(null));\r\n }\r\n\r\n setPreload(false);\r\n }\r\n\r\n if (arrRows.length === 0) {\r\n dispatch(addClientTable([]));\r\n setPreload(false);\r\n }\r\n\r\n });\r\n }\r\n\r\n const getClientsToFirebase = () => {\r\n setPreload(true);\r\n const clientsRef = props.firebase.bd.ref(`${isDebug ? 'debug' : ''}/clients`);\r\n let pageQuery = clientsRef.orderByKey();\r\n\r\n pageQuery.once('value', function (snapshot) {\r\n let allClients = [];\r\n\r\n snapshot.forEach(function (childSnapshot) {\r\n let phone = childSnapshot.key;\r\n let data = childSnapshot.val();\r\n\r\n let itemData = { phone, ...data, checked: false };\r\n\r\n allClients.push(itemData);\r\n });\r\n\r\n let rowsClients = [...allClients];\r\n rowsClients.length = 25;\r\n\r\n dispatch(addAllClients(allClients));\r\n dispatch(addClientRows(rowsClients));\r\n setPreload(false);\r\n });\r\n }\r\n\r\n // const getLimitClients = (count) => {\r\n // setPreload(true);\r\n // const clientsRef = props.firebase.bd.ref('clients');\r\n // let pageQuery = clientsRef.orderByKey().limitToFirst(count);\r\n\r\n // pageQuery.once('value', function (snapshot) {\r\n // let arrRows = [];\r\n\r\n // snapshot.forEach(function (childSnapshot) {\r\n // let phone = childSnapshot.key;\r\n // let data = childSnapshot.val();\r\n\r\n // let itemData = { phone, ...data, checked: false };\r\n\r\n // arrRows.push(itemData);\r\n // });\r\n\r\n\r\n // dispatch(addClientTable(arrRows));\r\n // dispatch(addClientRows(arrRows));\r\n // setPreload(false);\r\n // });\r\n // }\r\n\r\n const getNextClients = (count, key) => {\r\n console.log('--- getNextClients ---');\r\n setPreload(true);\r\n const clientsRef = props.firebase.bd.ref(`${isDebug ? 'debug' : ''}/clients`);\r\n let pageQuery = clientsRef.orderByKey().startAt(key).limitToFirst(count + 1);\r\n\r\n pageQuery.once('value', function (snapshot) {\r\n let arrRows = [];\r\n\r\n snapshot.forEach(function (childSnapshot) {\r\n let phone = childSnapshot.key;\r\n let data = childSnapshot.val();\r\n\r\n const isChecked = allClients.find(it => Number(it.phone) === Number(phone)).checked;\r\n // console.log('isChecked', isChecked)\r\n\r\n let itemData = { phone, ...data, checked: isChecked ? isChecked : isAllChecked };\r\n\r\n arrRows.push(itemData);\r\n\r\n });\r\n\r\n if (arrRows.length > 1) {\r\n let firstKey = key;\r\n let lastKey = arrRows[arrRows.length - 1].phone;\r\n arrRows = arrRows.filter(t => !!t);\r\n\r\n if (arrRows.length > 25 && count >= 25) {\r\n arrRows.pop(); // deleted last key\r\n let updateRows = [...table, ...arrRows];\r\n\r\n dispatch(addClientTable(updateRows));\r\n dispatch(addClientRows(arrRows));\r\n // dispatch(updateFirstKey(firstKey));\r\n // dispatch(updateLastKey(lastKey));\r\n setPreload(false)\r\n }\r\n\r\n if (arrRows.length < 25 || count > arrRows.length) {\r\n let updateRows = [...table, ...arrRows];\r\n\r\n dispatch(addClientTable(updateRows));\r\n dispatch(addClientRows(arrRows));\r\n // dispatch(updateFirstKey(firstKey));\r\n // dispatch(updateLastKey(null));\r\n setPreload(false)\r\n }\r\n }\r\n });\r\n }\r\n\r\n useEffect(() => {\r\n getClientsToFirebase();\r\n }, []);\r\n\r\n // console.log('rows', rows);\r\n // console.log('table', table);\r\n\r\n return (\r\n \r\n
\r\n )\r\n}\r\n\r\nconst useStyles = makeStyles({\r\n root: {\r\n marginTop: 16,\r\n padding: '24px 24px 16px 16px',\r\n border: '0.5px solid #DADCE0',\r\n borderRadius: 5,\r\n }\r\n})\r\n\r\nexport default withFirebase(TableClientList);","import React from 'react';\r\nimport useMediaQuery from '@material-ui/core/useMediaQuery';\r\nimport { makeStyles } from '@material-ui/core';\r\nimport Typography from '@material-ui/core/Typography';\r\n\r\nimport TableClientList from './TableClientList';\r\n\r\nconst ClientList = () => {\r\n const classes = useStyles();\r\n const isMin600 = useMediaQuery('(max-width: 759px)');\r\n const isMax600 = useMediaQuery('(min-width: 760px)');\r\n return (\r\n \r\n
\r\n )\r\n}\r\n\r\nconst useStyles = makeStyles(theme => ({\r\n tabWrapper: {\r\n \r\n },\r\n desctopWrapper: {\r\n padding: '24px 16px 24px 16px',\r\n background: 'white',\r\n border:' 0.5px solid #DADCE0',\r\n boxSizing: 'border-box',\r\n borderRadius: '5px 5px 0px 0px',\r\n },\r\n tabContent: {\r\n [theme.breakpoints.down(\"760\")]: {\r\n padding: '16px 8px',\r\n background: 'white',\r\n border: '1px solid #E5E5E5',\r\n borderRadius: 10,\r\n },\r\n },\r\n title: {\r\n marginBottom: 16,\r\n fontSize: 22,\r\n fontWeight: 'bold',\r\n lineHeight: '29px',\r\n },\r\n titleMobile: {\r\n marginTop: 16,\r\n marginBottom: 8,\r\n fontSize: 22,\r\n fontWeight: 'bold',\r\n lineHeight: '29px',\r\n }\r\n}));\r\n\r\nexport default ClientList;","export const trim = (str, size) => str.length > size ? str.slice(0, size) + '…' : str;\r\n\r\nexport const reorder = (list, startIndex, endIndex) => {\r\n const result = Array.from(list);\r\n const [removed] = result.splice(startIndex, 1);\r\n result.splice(endIndex, 0, removed);\r\n \r\n return result;\r\n};\r\n","import { makeStyles } from '@material-ui/core/styles';\r\n\r\nexport default makeStyles(theme => ({\r\n sortModeCategories: {\r\n marginBottom: 16,\r\n },\r\n sortModeProducts: {\r\n height: 'calc(100vh - 260px)',\r\n overflowY: 'scroll',\r\n },\r\n prodcutsContainer: {\r\n display: 'flex',\r\n flexDirection: 'column',\r\n alignItems: 'stretch',\r\n width: '100%;',\r\n maxWidth: '100vw',\r\n },\r\n banners: {\r\n position: 'relative',\r\n minHeight: '400px',\r\n display: 'flex',\r\n // justifyContent: 'center',\r\n // alignItems: 'center',\r\n [theme.breakpoints.down('sm')]: {\r\n flexDirection: 'column',\r\n }\r\n },\r\n bannersContent: {\r\n display: 'flex',\r\n flexDirection: 'column',\r\n width: '100%',\r\n maxHeight: 300,\r\n overflowY: 'auto',\r\n [theme.breakpoints.down('sm')]: {\r\n padding: '26px 5px',\r\n borderRadius: 5,\r\n border: '0.5px solid #DADCE0',\r\n background: 'white',\r\n boxSizing: 'border-box',\r\n }\r\n },\r\n bannerWrap: {\r\n display: 'flex',\r\n justifyContent: 'space-between',\r\n alignItems: 'center',\r\n },\r\n banner: {\r\n display: 'flex',\r\n justifyContent: 'space-between',\r\n alignItems: 'center',\r\n\r\n marginBottom: 16,\r\n padding: 16,\r\n\r\n width: '100%',\r\n minHeight: 60,\r\n background: 'white',\r\n boxShadow: '0px 14px 23px rgba(232, 228, 228, 0.5)',\r\n borderRadius: 5,\r\n boxSizing: 'border-box',\r\n },\r\n productCard: {\r\n\r\n display: 'flex',\r\n justifyContent: 'space-between',\r\n alignItems: 'center',\r\n\r\n marginBottom: 16,\r\n padding: 16,\r\n\r\n minHeight: 60,\r\n background: 'white',\r\n boxShadow: '0px 14px 23px rgba(232, 228, 228, 0.5)',\r\n borderRadius: 5,\r\n boxSizing: 'border-box',\r\n\r\n width: 'calc(100vw - 300px)',\r\n [theme.breakpoints.down('sm')]: {\r\n width: '100%',\r\n }\r\n },\r\n dnd: { \r\n width: 64,\r\n textAlign: 'center',\r\n position: 'relative',\r\n top: '-9px',\r\n cursor: 'pointer',\r\n },\r\n imageWrap: {\r\n width: 67,\r\n height: 56,\r\n borderRadius: 5,\r\n },\r\n image: {\r\n width: '100%',\r\n height: '100%',\r\n\r\n backgroundSize: 'cover',\r\n backgroundPosition: 'center',\r\n backgroundRepeat: 'no-repeat',\r\n\r\n // '&:hover': {\r\n // opacity: .75,\r\n // }\r\n },\r\n titleWrap: {\r\n marginLeft: 16,\r\n },\r\n title: {\r\n fontSize: 16,\r\n fontWeight: 500,\r\n color: 'black',\r\n },\r\n noBanners: {\r\n position: 'absolute',\r\n top: 0,\r\n left: 0,\r\n width: '100%',\r\n height: 'calc(100% - 90px)',\r\n\r\n display: 'flex',\r\n justifyContent: 'center',\r\n\r\n fontFamily: 'Roboto',\r\n fontWeight: 500,\r\n fontSize: 16,\r\n lineHeight: 1,\r\n alignItems: 'center',\r\n color: '#476282',\r\n [theme.breakpoints.down('sm')]: {\r\n height: 'auto',\r\n lineHeight: '54px',\r\n }\r\n },\r\n buttonsWrap: {\r\n position: 'absolute',\r\n bottom: 0,\r\n left: 'calc(50% - 190px)',\r\n [theme.breakpoints.down('sm')]: {\r\n position: 'static',\r\n width: '100%',\r\n }\r\n },\r\n buttons: {\r\n // position: 'absolute',\r\n bottom: 0,\r\n left: 0,\r\n display: 'flex',\r\n justifyContent: 'center',\r\n width: '100%',\r\n [theme.breakpoints.down('sm')]: {\r\n flexDirection: 'column',\r\n }\r\n },\r\n addBanner: {\r\n marginRight: 40,\r\n color: '#326DFF',\r\n backgroundColor: '#E9F1FC',\r\n [theme.breakpoints.down('sm')]: {\r\n marginRight: 0,\r\n },\r\n '&:hover': {\r\n color: 'white',\r\n }\r\n },\r\n controlWrap: {\r\n display: 'flex',\r\n justifyContent: 'center',\r\n alignItems: 'center',\r\n },\r\n bannerContentWrap: {\r\n display: 'flex',\r\n justifyContent: 'center',\r\n alignItems: 'center',\r\n },\r\n \r\n copyCategoryWrapper: {\r\n position: 'relative',\r\n },\r\n copyCategory: {\r\n display: 'flex',\r\n position: 'relative',\r\n top: 5,\r\n right: '12px',\r\n cursor: 'pointer',\r\n '&:hover > div': {\r\n color: 'gray',\r\n },\r\n '&:hover > div > svg': {\r\n background: '#326dff',\r\n }\r\n },\r\n copyLinkIcon: {\r\n position: 'relative',\r\n top: '-6px',\r\n left: '-7px',\r\n transform: 'rotate(45deg)',\r\n '& > svg': {\r\n fontSize: 18,\r\n padding: 4,\r\n fill: 'white',\r\n background: '#ccc',\r\n borderRadius: '50%',\r\n }\r\n },\r\n copyLinkText: {\r\n fontSize: 12,\r\n fontWeight: 400,\r\n color: '#ccc',\r\n textDecoration: 'underline',\r\n },\r\n alertWrapper: {\r\n position: 'absolute',\r\n top: '0',\r\n left: '0',\r\n },\r\n copyLinkIconActive: {\r\n '& > svg': {\r\n background: '#326dff',\r\n }\r\n },\r\n copyLinkTextActive: {\r\n color: '#326dff',\r\n },\r\n buttonWrap: {\r\n marginTop: 16,\r\n textAlign: 'center',\r\n },\r\n button: {\r\n width: 180,\r\n height: 45,\r\n // background: '#E9F1FC',\r\n background: 'rgb(50, 109, 255);',\r\n borderRadius: '5px',\r\n fontSize: 14,\r\n textTransform: 'none',\r\n fontWeight: 500,\r\n boxShadow: 'none',\r\n border: 'none',\r\n color: 'white',\r\n '&:hover': {\r\n background: 'rgb(84, 133, 255);',\r\n boxShadow: 'none',\r\n }\r\n },\r\n listCategories: {\r\n display: 'flex',\r\n alignItems: 'center',\r\n margin: 0,\r\n padding: '10px 0',\r\n overflowX: 'auto',\r\n\r\n width: 'calc(100vw - 300px)',\r\n [theme.breakpoints.down('sm')]: {\r\n width: '100%',\r\n }\r\n },\r\n category: {\r\n display: 'flex',\r\n marginRight: 10,\r\n padding: '10px 25px',\r\n boxShadow: '0px -1px 14px rgba(0, 0, 0, 0.09)',\r\n borderRadius: 8,\r\n cursor: 'pointer',\r\n margin: '0px 10px',\r\n fontWeight: 600,\r\n textDecoration: 'none',\r\n textAlign: 'center',\r\n whiteSpace: 'nowrap',\r\n '&.active': {\r\n backgroundColor: '#326DFF',\r\n color: 'white',\r\n }\r\n },\r\n activeCategory: {\r\n background: '#326dff',\r\n color: '#fff',\r\n }\r\n}));","import React, {useState} from 'react';\nimport { DragDropContext, Droppable, Draggable } from \"react-beautiful-dnd\";\n\nimport Loading from '../../../components/Loading';\nimport Button from '@material-ui/core/Button';\nimport ModalComponent from '../../../components/ModalComponent';\n\nimport { trim } from '../other';\n\nimport dndIcon from '../../../assets/img/dnd.svg';\nimport { EyeIcon, EyeOffIcon } from '../../products/categories/listCategories/icons';\n\nimport useStyles from './styles';\nimport LinkIcon from '@material-ui/icons/Link';\n\nconst CategoriesSort = (props) => {\n const {\n openModal,\n categoriesList,\n setOpenModal,\n handleClose,\n handleClickSubmit,\n onDragEnd,\n hiddenCategories,\n handleToggleHidden,\n submitData,\n } = props;\n\n const classes = useStyles();\n \n const [copiedId, setCopiedId] = useState(null);\n\n const copyText = async (id) => {\n try {\n await navigator.clipboard.writeText(id);\n setCopiedId(id); \n setTimeout(() => setCopiedId(null), 2000); \n } catch (err) {\n console.error('Failed to copy: ', err);\n }\n }\n\n return (\n \r\n {isMin600 && Список клиентов }\r\n
\r\n \r\n
\r\n \r\n {isMax600 && Список клиентов }\r\n
\r\n \n
\n \n \n \n {(provided, snapshot) => (\n \n {categoriesList && categoriesList.map((item, index) => {\n return (\n \n {(provided, snapshot) => (\n \n )\n })}\n {provided.placeholder}\n
\n )}\n \n \n {!categoriesList && \n
\n )}\n \n
\n \n {/*
\n \n \n
*/}\n \n
\n {trim(item.name, 20)}
\n \n
\n copyText(item.id)} \n >\n
\n {copiedId === item.id ? 'Скопировано': 'Копировать ID'}
\n \n handleToggleHidden(item.id)}>\n {hiddenCategories.includes(item.id) ? (\n
\n \n \n
\n \n \n
\n \n )\n}\n\nexport default CategoriesSort;","import React, { useState, useEffect, useMemo, useCallback } from \"react\";\nimport { useDispatch } from \"react-redux\";\nimport { withFirebase } from \"../../../firebase\";\nimport { withRouter } from \"react-router-dom\";\n\nimport { reorder } from \"../other\";\nimport {\n\tupdateCategoriesOrder,\n\tupdateBrandData,\n} from \"../../../reducers/shops\";\nimport CategoriesSort from \"./categoriesSort\";\n\nconst Categories = (props) => {\n\tconst { categories, categoriesOrder, hiddenCategories } = props;\n\tconst dispatch = useDispatch();\n\n\tconst [openModal, setOpenModal] = useState(false);\n\tconst [submitData, setSubmitData] = useState(null);\n\tconst [categoriesList, setCategoriesList] = useState([]);\n\n\tconst handleClose = useCallback(() => setOpenModal(false), []);\n\tconst handleClickSubmit = useCallback(() => {\n\t\tsetOpenModal(false);\n\t\thandleSubmit(submitData); // Подготовка к отправке данных при подтверждении\n\t}, [submitData]);\n\n\tconst sortedAndRemainingCategories = useMemo(() => {\n\t\tconst sortedCategories = categoriesOrder\n\t\t\t.map((orderId) => categories.find((cat) => cat.id === orderId))\n\t\t\t.filter((cat) => cat);\n\t\tconst remainingCategories = categories\n\t\t\t.filter((cat) => !categoriesOrder.includes(cat.id))\n\t\t\t.sort((a, b) => a.order - b.order);\n\t\treturn sortedCategories.concat(remainingCategories);\n\t}, [categories, categoriesOrder]);\n\n\tuseEffect(() => {\n\t\tsetCategoriesList(sortedAndRemainingCategories);\n\t}, [sortedAndRemainingCategories]);\n\n\tconst onDragEnd = (result) => {\n\t\tif (!result.destination) {\n\t\t\treturn;\n\t\t}\n\n\t\tlet data = reorder(\n\t\t\tcategoriesList,\n\t\t\tresult.source.index,\n\t\t\tresult.destination.index\n\t\t);\n\n\t\tlet sortData = [];\n\t\tdata.forEach((item) => sortData.push(item.id));\n\n\t\tsetCategoriesList(data);\n\t\tsetSubmitData(sortData);\n\t};\n\n\tconst handleToggleHidden = useCallback(\n\t\t(categoryId) => {\n\t\t\tconst newHiddenCategories = hiddenCategories.includes(categoryId)\n\t\t\t\t? hiddenCategories.filter((id) => id !== categoryId)\n\t\t\t\t: [...hiddenCategories, categoryId];\n\n\t\t\tconst keyCity = JSON.parse(localStorage.getItem(\"chosenCity\"));\n\t\t\tconst keyBrand = JSON.parse(localStorage.getItem(\"chosenBrand\"));\n\t\t\tconst isDebug = JSON.parse(localStorage.getItem(\"isDebug\"));\n\t\t\tconst path = `${\n\t\t\t\tisDebug ? \"debug\" : \"\"\n\t\t\t}/settings/city/${keyCity}/brands/${keyBrand}/category/hiddenCategories`;\n\n\t\t\tprops.firebase.bd\n\t\t\t\t.ref(path)\n\t\t\t\t.set(newHiddenCategories)\n\t\t\t\t.then(() => {\n\t\t\t\t\tconsole.log(\"Hidden categories updated successfully\");\n\t\t\t\t\tdispatch(\n\t\t\t\t\t\tupdateBrandData({\n\t\t\t\t\t\t\tshopKey: keyCity,\n\t\t\t\t\t\t\tbrandKey: keyBrand,\n\t\t\t\t\t\t\tpath: \"category.hiddenCategories\",\n\t\t\t\t\t\t\tvalue: newHiddenCategories,\n\t\t\t\t\t\t})\n\t\t\t\t\t);\n\t\t\t\t})\n\t\t\t\t.catch((error) => {\n\t\t\t\t\tconsole.error(\"Error updating hidden categories: \", error);\n\t\t\t\t});\n\t\t},\n\t\t[hiddenCategories, dispatch, props.firebase]\n\t);\n\n\tconst handleSubmit = useCallback(\n\t\t(data) => {\n\t\t\tif (!data || data.length === 0) {\n\t\t\t\tconsole.log(\"No data to submit\");\n\t\t\t\treturn;\n\t\t\t}\n\t\t\t// Обновление данных в Firebase и Redux\n\t\t\tconst keyCity = JSON.parse(localStorage.getItem(\"chosenCity\"));\n\t\t\tconst keyBrand = JSON.parse(localStorage.getItem(\"chosenBrand\"));\n\t\t\tconst isDebug = JSON.parse(localStorage.getItem(\"isDebug\"));\n\n\t\t\tconst path = `${\n\t\t\t\tisDebug ? \"debug\" : \"\"\n\t\t\t}/settings/city/${keyCity}/brands/${keyBrand}/category/categoriesOrder`;\n\n\t\t\tprops.firebase.bd\n\t\t\t\t.ref(path)\n\t\t\t\t.set(data)\n\t\t\t\t.then(() => {\n\t\t\t\t\tdispatch(\n\t\t\t\t\t\tupdateBrandData({\n\t\t\t\t\t\t\tshopKey: keyCity,\n\t\t\t\t\t\t\tbrandKey: keyBrand,\n\t\t\t\t\t\t\tpath: \"category.categoriesOrder\",\n\t\t\t\t\t\t\tvalue: data,\n\t\t\t\t\t\t})\n\t\t\t\t\t);\n\t\t\t\t\tdispatch(updateCategoriesOrder(data));\n\t\t\t\t\tsetSubmitData(null);\n\t\t\t\t\talert(\"Готово!\");\n\t\t\t\t})\n\t\t\t\t.catch((error) => {\n\t\t\t\t\tconsole.error(\"Error updating data: \", error);\n\t\t\t\t});\n\t\t},\n\t\t[dispatch, props.firebase]\n\t);\n\n\treturn (\n\t\t\n\t\t\t
\n\t\t\t\n\t\t\t\t{categories.map((category) => (\n\t\t\t\t\t selectCategory(category.id)}\n\t\t\t\t\t>\n\t\t\t\t\t\t{category.name}\n\t\t\t\t\t
\n\t\t\t\t))}\n\t\t\t\n\t\t\t\t{console.log(products)}\n\t\t\t\t{products &&\n\t\t\t\t\tproducts\n\t\t\t\t\t\t.filter((item) => {\n\t\t\t\t\t\t\tif (item.parentGroup) {\n\t\t\t\t\t\t\t\treturn item.parentGroup === activeCategory;\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\treturn !activeCategory || item.parentGroup === activeCategory;\n\t\t\t\t\t\t})\n\t\t\t\t\t\t.map((item) => {\n\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t{copiedId === item.id ? \"Скопировано\" : \"Копировать ID\"}\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t{trim(item.name, 20)}
\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t copyText(item.id)}\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t handleToggleHidden(item.id)}>\n\t\t\t\t\t\t\t\t\t\t\t\t{hiddenProducts.includes(item.id) ? (\n\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t})}\n\t\t\t\t{!products && \r\n \r\n \r\n {selectedTab === 0 && }\r\n {selectedTab === 1 &&
\r\n );\r\n}\r\n\r\nconst useStyles = makeStyles(theme => ({\r\n tabsComponent: {\r\n },\r\n tabs: {\r\n marginTop: 20,\r\n minHeight: 'auto',\r\n },\r\n tab: {\r\n minWidth: 'auto',\r\n minHeight: 'auto',\r\n padding: 0,\r\n paddingRight: 30,\r\n fontFamily: 'Poppins, sans-serif',\r\n fontWeight: 600,\r\n fontSize: 16,\r\n lineHeight: '28px',\r\n textTransform: 'inherit',\r\n color: '#476282',\r\n '&:last-child': {\r\n // background: 'red'\r\n },\r\n '&.MuiTouchRipple-root': {\r\n\r\n }\r\n },\r\n tabHeader: {\r\n margin: '16px 0 26px 10px',\r\n },\r\n discountsAndPromotions: {\r\n \r\n },\r\n tabLinks: {\r\n display: 'flex',\r\n },\r\n tabLink: {\r\n position: 'relative',\r\n fontFamily: 'Poppins, sans-serif',\r\n fontSize: 16,\r\n fontWeight: 600,\r\n lineHeight: '28px',\r\n marginRight: 26,\r\n textDecoration: 'none',\r\n color: '#476282',\r\n '&.active': {\r\n color: '#326DFF',\r\n '&::before': {\r\n content: '\"\"',\r\n position: 'absolute',\r\n bottom: 0,\r\n left: 0,\r\n width: '50%',\r\n height: 2,\r\n background: '#326DFF',\r\n }\r\n }\r\n }\r\n}))\r\n\r\nexport default withRouter(TabsComponent);","import React, { useState, useEffect } from \"react\";\nimport { useSelector } from \"react-redux\";\nimport { withRouter, useParams } from \"react-router-dom\";\nimport axios from \"axios\";\n\nimport { withFirebase } from \"../../firebase\";\nimport Loading from \"../../components/Loading\";\nimport { makeStyles } from \"@material-ui/core/styles\";\nimport Grid from \"@material-ui/core/Grid\";\nimport Paper from \"@material-ui/core/Paper\";\n\nimport Tabs from \"./tabs\";\n\nconst MenuSort = () => {\n\tconst classes = useStyles();\n\tconst { brandId } = useParams();\n\n\tconst [categories, setCategories] = useState(null);\n\tconst [products, setProducts] = useState(null);\n\tconst shops = useSelector((state) => state.shops.shops);\n\n\tconst activeBrand = shops\n\t\t.flatMap((shop) => shop.brands)\n\t\t.find((brand) => brand.id === brandId && brand.isActive);\n\n\tconst iikoAccount = activeBrand?.apiSettings.iikoTransport.account;\n\tconst categoriesOrder = activeBrand?.category.categoriesOrder || [];\n\tconst hiddenCategories = activeBrand?.category.hiddenCategories || [];\n\tconst hiddenProducts = activeBrand?.category.hiddenProducts || [];\n\n\tuseEffect(() => {\n\t\tlet isMounted = true;\n\t\tsetCategories(null);\n\t\tsetProducts(null);\n\n\t\tif (iikoAccount) {\n\t\t\taxios\n\t\t\t\t.get(`https://e-api.com.ua/api/v1/iikoTransport/${iikoAccount}/menu`)\n\t\t\t\t// axios.get(`https://e-api.ithinkers.fun/api/v1/iikoTransport/${iikoAccount}/menu`)\n\t\t\t\t.then((response) => {\n\t\t\t\t\tif (isMounted) {\n\t\t\t\t\t\tconst parentCategories =\n\t\t\t\t\t\t\tactiveBrand.category?.parentCategories?.filter(\n\t\t\t\t\t\t\t\t(item) => item && item.trim() !== \"\"\n\t\t\t\t\t\t\t);\n\n\t\t\t\t\t\tlet filteredCategories = response.data.categories;\n\t\t\t\t\t\tconsole.log(filteredCategories);\n\n\t\t\t\t\t\tif (parentCategories && parentCategories.length > 0) {\n\t\t\t\t\t\t\tfilteredCategories = filteredCategories.filter((category) =>\n\t\t\t\t\t\t\t\tparentCategories.includes(category.parentGroup)\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tconst categoryIds = filteredCategories.map(\n\t\t\t\t\t\t\t(category) => category.id\n\t\t\t\t\t\t);\n\n\t\t\t\t\t\tconst filteredProducts = response.data.products.filter((product) =>\n\t\t\t\t\t\t\tcategoryIds.includes(product.parentGroup)\n\t\t\t\t\t\t);\n\n\t\t\t\t\t\tsetCategories(filteredCategories);\n\t\t\t\t\t\tsetProducts(filteredProducts);\n\t\t\t\t\t}\n\t\t\t\t})\n\t\t\t\t.catch((error) => {\n\t\t\t\t\tconsole.error(\"Failed to fetch menu:\", error);\n\t\t\t\t});\n\n\t\t\treturn () => {\n\t\t\t\tisMounted = false; // Устанавливаем isMounted в false, когда компонент размонтируется\n\t\t\t};\n\t\t}\n\t}, [iikoAccount]);\n\n\treturn (\n\t\t\n\t\t\t\t\t\t
\n\t\t\t\tСортировка меню
\n\t\t\t\t\t\t\n\t\t\tЗагрузка баннера \n\n\t\t\t {\n\t\t\t\t\tsetImages(imageList);\n\t\t\t\t\thandleUpload(imageList); // Передаем выбранные изображения в родительский компонент\n\t\t\t\t}}\n\t\t\t\tmaxNumber={maxNumber}\n\t\t\t\tmaxFileSize={maxFileSize}\n\t\t\t\tacceptType={maxAcceptType}\n\t\t\t>\n\t\t\t\t{({\n\t\t\t\t\timageList,\n\t\t\t\t\tonImageUpload,\n\t\t\t\t\tonImageRemove,\n\t\t\t\t\tisDragging,\n\t\t\t\t\tdragProps,\n\t\t\t\t}) => (\n\t\t\t\t\t{errorMes} \n\t\t\t)}\n\n\t\t\t{images.length > 0 && (\n\t\t\t\t
\n\t);\n};\n\nexport default BannerUploader;\n","import React, { useState, useEffect } from \"react\";\nimport { makeStyles } from \"@material-ui/core/styles\";\nimport Modal from \"@material-ui/core/Modal\";\nimport Typography from \"@material-ui/core/Typography\";\nimport TextField from \"@material-ui/core/TextField\";\nimport Button from \"@material-ui/core/Button\";\nimport Box from \"@material-ui/core/Box\";\nimport Select from \"@material-ui/core/Select\";\nimport MenuItem from \"@material-ui/core/MenuItem\";\nimport InputLabel from \"@material-ui/core/InputLabel\";\nimport FormControl from \"@material-ui/core/FormControl\";\nimport BannerUploader from \"./BannerUploader\";\n\nconst useStyles = makeStyles((theme) => ({\n\tmodal: {\n\t\tposition: \"absolute\",\n\t\ttop: \"50%\",\n\t\tleft: \"50%\",\n\t\ttransform: \"translate(-50%, -50%)\",\n\t\twidth: 400,\n\t\tbackgroundColor: theme.palette.background.paper,\n\t\tboxShadow: theme.shadows[5],\n\t\tpadding: theme.spacing(4),\n\t\tdisplay: \"flex\",\n\t\tflexDirection: \"column\",\n\t\tgap: theme.spacing(2),\n\t},\n\tmodalButton: {\n\t\tmarginTop: theme.spacing(2),\n\t},\n\tformControl: {\n\t\twidth: \"100%\",\n\t},\n\tlabelList: {\n\t\tmarginBottom: theme.spacing(2),\n\t\tmaxHeight: \"300px\",\n\t\toverflow: \"auto\",\n\t},\n\tlabelItem: {\n\t\tdisplay: \"flex\",\n\t\tjustifyContent: \"space-between\",\n\t\tpadding: theme.spacing(1),\n\t\tbackgroundColor: theme.palette.grey[200],\n\t\tborderRadius: theme.shape.borderRadius,\n\t\tmarginBottom: \"1px\",\n\t},\n\tlabelRemoveButton: {\n\t\tcursor: \"pointer\",\n\t\tcolor: theme.palette.error.main,\n\t},\n}));\n\nconst LabelModal = ({\n\tid,\n\topen,\n\tonClose,\n\tonSave,\n\tinitialData,\n\tuploadImage,\n\thandleDeleteImg,\n}) => {\n\tconst classes = useStyles();\n\tconst [labelName, setLabelName] = useState(\"\");\n\tconst [position, setPosition] = useState(1);\n\tconst [productsIds, setProductsIds] = useState([]);\n\tconst [currentId, setCurrentId] = useState(\"\");\n\tconst [image, setImageURL] = useState();\n\tconst [pendingImage, setPendingImage] = useState(null);\n\tconst [errorMes, setErrorMes] = useState(\"\");\n\n\tuseEffect(() => {\n\t\tif (initialData) {\n\t\t\tsetLabelName(initialData.name);\n\t\t\tsetPosition(initialData.position || 1);\n\t\t\tsetImageURL(initialData.image || \"\");\n\t\t\tsetProductsIds(initialData.productsIds || []);\n\t\t} else {\n\t\t\tsetLabelName(\"\");\n\t\t\tsetPosition(1);\n\t\t\tsetImageURL(\"\");\n\t\t\tsetProductsIds([]);\n\t\t}\n\t}, [initialData]);\n\n\tconst handleAddLabel = () => {\n\t\tif (currentId.trim() === \"\") return; // Проверка на пустой ID\n\t\tsetProductsIds([...productsIds, currentId]);\n\t\tsetCurrentId(\"\"); // Очистка поля ввода после добавления\n\t};\n\n\tconst clearForm = () => {\n\t\tsetLabelName(\"\");\n\t\tsetPosition(1);\n\t\tsetImageURL(\"\");\n\t\tsetProductsIds([]);\n\t\tsetCurrentId(\"\");\n\t\tsetPendingImage(null);\n\t};\n\n\tconst handleRemoveLabel = (id) => {\n\t\tsetProductsIds(productsIds.filter((label) => label !== id));\n\t};\n\n\tconst handleImageUpload = (img) => {\n\t\tsetPendingImage(img);\n\t\tsetErrorMes(\"\"); // Сохраняем выбранное изображение, но не загружаем его\n\t};\n\n\tconst handleSave = async () => {\n\t\tif (!image && !pendingImage) {\n\t\t\tsetErrorMes(\"Изображение обязательно для сохранения\");\n\t\t\treturn;\n\t\t}\n\n\t\tlet finalImageURL = image;\n\n\t\t// Если изображение выбрано и еще не загружено\n\t\tif (pendingImage) {\n\t\t\tfinalImageURL = await uploadImage(pendingImage);\n\t\t}\n\n\t\tconst labelData = {\n\t\t\ttagName: \"\",\n\t\t\tisAvailable: initialData?.isAvailable || true,\n\t\t\tposition,\n\t\t\timage: finalImageURL,\n\t\t\tproductsIds,\n\t\t};\n\t\tonSave(labelData);\n\t\tclearForm();\n\t\tonClose();\n\t};\n\n\treturn (\n\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\tЗагрузить изображение\n\t\t\t\t\t\t\n\t\t\t\t\t\t{imageList.length > 0 && (\n\t\t\t\t\t\t\t
\n\t\t\t\t)}\n\t\t\t\n\n\t\t\t{errorMes && (\n\t\t\t\t\n\t\t\t\t\t\t\t\t{imageList.map((image, index) => (\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t)}\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t handleDelete(image.dataURL)}\n\t\t\t\t\t\t\t\t\t\t\tstyle={{ marginLeft: 10 }}\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\tУдалить\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t\n\t\t\t
\n\t);\n};\n\nconst useStyles = makeStyles((theme) => ({\n\tlabels: {\n\t\tminHeight: 148,\n\t\tmarginTop: 30,\n\t\tpadding: 16,\n\t\tborder: \"1px solid #DADCE0\",\n\t\tboxSizing: \"border-box\",\n\t\tborderRadius: 5,\n\t\t[theme.breakpoints.down(\"600\")]: {\n\t\t\tbackgroundColor: \"white\",\n\t\t},\n\t},\n\tlabelsHeaderWrap: {\n\t\tdisplay: \"flex\",\n\t\tjustifyContent: \"space-between\",\n\t\talignItems: \"center\",\n\t},\n\tbutton: {\n\t\twidth: 109,\n\t\theight: 36,\n\t\tbackgroundColor: \"#E9F1FC\",\n\t\tcolor: \"#326DFF\",\n\t\tboxShadow: \"none\",\n\t\ttextTransform: \"capitalize\",\n\t\t\"&:hover\": {\n\t\t\tbackgroundColor: \"#326DFF\",\n\t\t\tcolor: \"white\",\n\t\t\tboxShadow: \"none\",\n\t\t},\n\t},\n\tlabelsContainer: {\n\t\tmarginTop: 20,\n\t},\n\tlabelItem: {\n\t\tdisplay: \"flex\",\n\t\tjustifyContent: \"space-between\",\n\t\talignItems: \"center\",\n\t\tpadding: \"10px 0\",\n\t\tborderBottom: \"1px solid #DADCE0\",\n\t},\n\tlabelText: {\n\t\tfontWeight: 500,\n\t\tfontSize: 16,\n\t\tlineHeight: \"19px\",\n\t},\n\tlabelActions: {\n\t\tdisplay: \"flex\",\n\t\talignItems: \"center\",\n\t},\n\teditIcon: {\n\t\twidth: 22,\n\t\theight: 22,\n\t\tmarginRight: 15,\n\t\tcolor: \"#476282\",\n\t\t\"&:hover\": {\n\t\t\tcolor: \"#326dff\",\n\t\t\tcursor: \"pointer\",\n\t\t},\n\t},\n\ttrashIcon: {\n\t\twidth: 22,\n\t\theight: 22,\n\t\tcolor: \"#476282\",\n\t\t\"&:hover\": {\n\t\t\tcolor: \"#326dff\",\n\t\t\tcursor: \"pointer\",\n\t\t},\n\t},\n\tnoLabelsText: {\n\t\tfontWeight: 500,\n\t\tfontSize: 16,\n\t\tlineHeight: \"19px\",\n\t\tcolor: \"#476282\",\n\t\tmarginTop: 20,\n\t\ttextAlign: \"center\",\n\t},\n\tmodal: {\n\t\tposition: \"absolute\",\n\t\ttop: \"50%\",\n\t\tleft: \"50%\",\n\t\ttransform: \"translate(-50%, -50%)\",\n\t\twidth: 400,\n\t\tbackgroundColor: theme.palette.background.paper,\n\t\tboxShadow: theme.shadows[5],\n\t\tpadding: theme.spacing(4),\n\t\tdisplay: \"flex\",\n\t\tflexDirection: \"column\",\n\t\tgap: theme.spacing(2),\n\t},\n\tmodalButton: {\n\t\tmarginTop: theme.spacing(2),\n\t},\n}));\n\nexport default Labels;\n","import React, { useState, useEffect, useCallback } from \"react\";\nimport { useSelector } from \"react-redux\";\nimport { useLocation } from \"react-router-dom\";\nimport { withFirebase, storage } from \"../../firebase\";\nimport Labels from \".\";\nimport { v4 as uuidv4 } from \"uuid\";\nimport axios from \"axios\";\n\nimport { ref } from \"firebase/storage\";\n\nconst LabelsContainer = ({ firebase }) => {\n\tconst [preloader, setPreloader] = useState(false);\n\tconst [labels, setLabels] = useState(null);\n\tconst [keyShop, setKeyShop] = useState(null);\n\tconst [currentCity, setCurrentCity] = useState(null);\n\tconst [currentBrand, setCurrentBrand] = useState(null);\n\n\tconst [openSnackBar, setOpenSnackBar] = useState(false);\n\tconst [snackBarMessage, setSnackBarMessage] = useState(\"\");\n\n\tconst location = useLocation();\n\n\tuseEffect(() => {\n\t\tsetKeyShop(location.pathname);\n\t\tgetFieldsLabels();\n\t}, [location.pathname]); // Обновляем данные при изменении пути\n\n\tconst getFieldsLabels = () => {\n\t\tlet urlParts = location.pathname.split(\"/\");\n\t\tlet url = urlParts.find((item) => item === \"0\" || parseInt(item));\n\n\t\tconst currentCity = JSON.parse(localStorage.getItem(\"chosenCity\"));\n\t\tconst currentBrand = JSON.parse(localStorage.getItem(\"chosenBrand\"));\n\t\tconst isDebug = JSON.parse(localStorage.getItem(\"isDebug\"));\n\n\t\tconst refPath = `${\n\t\t\tisDebug ? \"debug\" : \"\"\n\t\t}/settings/city/${currentCity}/brands/${currentBrand}/category/productsTags`;\n\n\t\t// Проверяем, существует ли узел productTags и создаем его, если его нет\n\t\tfirebase.bd\n\t\t\t.ref(refPath)\n\t\t\t.once(\"value\")\n\t\t\t.then((snapshot) => {\n\t\t\t\tconst productTagsData = snapshot.val();\n\n\t\t\t\tif (!productTagsData) {\n\t\t\t\t\tconsole.log(\"product tags\");\n\t\t\t\t\t// Если productTags не существует, создаем его и добавляем пустой tags\n\t\t\t\t\tfirebase.bd.ref(refPath).set({ isTagsAvailable: true, tags: [\"\"] });\n\t\t\t\t} else if (!productTagsData.tags) {\n\t\t\t\t\t// Если productTags существует, но tags отсутствует, добавляем его\n\t\t\t\t\tfirebase.bd.ref(`${refPath}/tags`).set([\"\"]);\n\t\t\t\t}\n\n\t\t\t\t// Получаем обновленные данные\n\t\t\t\tfirebase.bd.ref(`${refPath}/tags`).on(\"value\", (snapshot) => {\n\t\t\t\t\tconst tagsData = snapshot.val();\n\t\t\t\t\tconsole.log(tagsData);\n\n\t\t\t\t\tsetLabels(tagsData || []); // Если данных нет, устанавливаем пустой массив\n\t\t\t\t\tsetKeyShop(url);\n\t\t\t\t\tsetCurrentCity(currentCity);\n\t\t\t\t\tsetCurrentBrand(currentBrand);\n\t\t\t\t});\n\t\t\t})\n\t\t\t.catch((error) => {\n\t\t\t\tconsole.error(\"Ошибка при получении данных:\", error);\n\t\t\t});\n\t};\n\n\tconst changeChecker = useCallback(\n\t\t(value, id) => {\n\t\t\tconsole.log(\"id (changeChecker) --- >\", id);\n\t\t\tconst isDebug = JSON.parse(localStorage.getItem(\"isDebug\"));\n\t\t\tsetPreloader(true);\n\t\t\tfirebase.bd\n\t\t\t\t.ref(\n\t\t\t\t\t`${\n\t\t\t\t\t\tisDebug ? \"debug\" : \"\"\n\t\t\t\t\t}/settings/city/${currentCity}/brands/${currentBrand}/category/productsTags/tags/${id}`\n\t\t\t\t)\n\t\t\t\t.update({ isAvailable: value })\n\t\t\t\t.then(() => {\n\t\t\t\t\tsetPreloader(false);\n\t\t\t\t});\n\t\t},\n\t\t[currentCity, currentBrand, firebase.bd]\n\t);\n\n\tconst deleteLabel = useCallback(\n\t\t(id) => {\n\t\t\tconsole.log(\"=== Delete label ===\", id);\n\t\t\tconst isDebug = JSON.parse(localStorage.getItem(\"isDebug\"));\n\t\t\tsetPreloader(true);\n\n\t\t\tlet img = labels.find((item, index) => {\n\t\t\t\treturn index === +id;\n\t\t\t});\n\n\t\t\tconst updatedLabels = labels.filter((_, index) => index !== +id);\n\n\t\t\tsetLabels(updatedLabels);\n\n\t\t\tfirebase.bd\n\t\t\t\t.ref(\n\t\t\t\t\t`${\n\t\t\t\t\t\tisDebug ? \"debug\" : \"\"\n\t\t\t\t\t}/settings/city/${currentCity}/brands/${currentBrand}/category/productsTags/tags`\n\t\t\t\t)\n\t\t\t\t.set(updatedLabels)\n\t\t\t\t.then(() => {\n\t\t\t\t\tif (img) {\n\t\t\t\t\t\tgetFieldsLabels();\n\t\t\t\t\t\thandleDeleteImg(img.image);\n\t\t\t\t\t}\n\t\t\t\t\tsetPreloader(false);\n\t\t\t\t\tgetFieldsLabels();\n\t\t\t\t})\n\t\t\t\t.catch((error) => {\n\t\t\t\t\tconsole.error(\"Error deleting label:\", error);\n\t\t\t\t\tsetPreloader(false);\n\t\t\t\t});\n\t\t},\n\n\t\t[currentCity, currentBrand, firebase.bd, getFieldsLabels]\n\t);\n\n\tconst createLabel = useCallback((data) => {\n\t\tconsole.log(\"=== Create label data ===\", data);\n\t\tconst isDebug = JSON.parse(localStorage.getItem(\"isDebug\"));\n\n\t\tsetPreloader(true);\n\t\tfirebase.bd\n\t\t\t.ref(\n\t\t\t\t`${\n\t\t\t\t\tisDebug ? \"debug\" : \"\"\n\t\t\t\t}/settings/city/${currentCity}/brands/${currentBrand}/category/productsTags/tags`\n\t\t\t)\n\t\t\t.once(\"value\")\n\t\t\t.then((snapshot) => {\n\t\t\t\tconst existingTags = snapshot.val() || [];\n\t\t\t\t// Убедитесь, что в массиве нет `undefined` элементов\n\t\t\t\tconst filteredTags = existingTags.filter((tag) => tag !== undefined);\n\t\t\t\t// Добавляем новый тег в конец массива\n\t\t\t\tconst updatedTags = [...filteredTags, data];\n\n\t\t\t\tfirebase.bd\n\t\t\t\t\t.ref(\n\t\t\t\t\t\t`${\n\t\t\t\t\t\t\tisDebug ? \"debug\" : \"\"\n\t\t\t\t\t\t}/settings/city/${currentCity}/brands/${currentBrand}/category/productsTags/tags`\n\t\t\t\t\t)\n\t\t\t\t\t.set(updatedTags)\n\t\t\t\t\t.then(() => {\n\t\t\t\t\t\tsetPreloader(false);\n\t\t\t\t\t\t// window.location.reload();\n\t\t\t\t\t\tgetFieldsLabels();\n\t\t\t\t\t})\n\t\t\t\t\t.catch((error) => {\n\t\t\t\t\t\tconsole.error(\"Error adding label:\", error);\n\t\t\t\t\t\tsetPreloader(false);\n\t\t\t\t\t});\n\t\t\t})\n\t\t\t.catch((error) => {\n\t\t\t\tconsole.error(\"Error fetching tags:\", error);\n\t\t\t\tsetPreloader(false);\n\t\t\t});\n\t});\n\n\tconst updateLabel = useCallback(\n\t\t(labelId, updatedData) => {\n\t\t\tconsole.log(\"=== Update label data ===\", labelId, updatedData);\n\t\t\tconst isDebug = JSON.parse(localStorage.getItem(\"isDebug\"));\n\t\t\tsetPreloader(true);\n\n\t\t\t// Обновляем данные для конкретного лейбла по ключу\n\t\t\tfirebase.bd\n\t\t\t\t.ref(\n\t\t\t\t\t`${\n\t\t\t\t\t\tisDebug ? \"debug\" : \"\"\n\t\t\t\t\t}/settings/city/${currentCity}/brands/${currentBrand}/category/productsTags/tags/${labelId}`\n\t\t\t\t)\n\t\t\t\t.update(updatedData)\n\t\t\t\t.then(() => {\n\t\t\t\t\tsetPreloader(false);\n\t\t\t\t\tgetFieldsLabels(); // Перезагружаем данные, чтобы отобразить изменения\n\t\t\t\t})\n\t\t\t\t.catch((error) => {\n\t\t\t\t\tconsole.error(\"Error updating label:\", error);\n\t\t\t\t\tsetPreloader(false);\n\t\t\t\t});\n\t\t},\n\t\t[currentCity, currentBrand, firebase.bd, getFieldsLabels]\n\t);\n\n\tconst uploadImage = (file) => {\n\t\treturn new Promise((resolve, reject) => {\n\t\t\tconst uniqueFileName = `${uuidv4()}_${file.name}`;\n\n\t\t\tconst uploadTask = firebase.storage.ref(`${uniqueFileName}`).put(file);\n\n\t\t\tuploadTask.on(\n\t\t\t\t\"state_changed\",\n\t\t\t\t(snapshot) => {\n\t\t\t\t\t// Опционально можно отслеживать процесс загрузки\n\t\t\t\t\tlet progress =\n\t\t\t\t\t\t(snapshot.bytesTransferred / snapshot.totalBytes) * 100;\n\t\t\t\t\tconsole.log(\"Upload is \" + progress + \"% done\");\n\t\t\t\t},\n\t\t\t\t(error) => {\n\t\t\t\t\t// Обработка ошибок\n\t\t\t\t\tconsole.error(\"Upload failed:\", error);\n\t\t\t\t\treject(error); // Отклонение промиса при ошибке\n\t\t\t\t},\n\t\t\t\t() => {\n\t\t\t\t\t// Обработка успешной загрузки\n\t\t\t\t\tuploadTask.snapshot.ref.getDownloadURL().then((downloadURL) => {\n\t\t\t\t\t\tconsole.log(\"File available at\", downloadURL);\n\t\t\t\t\t\tresolve(downloadURL); // Возвращение downloadURL через промис\n\t\t\t\t\t});\n\t\t\t\t}\n\t\t\t);\n\t\t});\n\t};\n\n\tconst handleDeleteImg = async (img) => {\n\t\tconst labelIndex = labels.findIndex((item) => item.image === img);\n\n\t\tlet data;\n\t\tif (labelIndex !== -1) {\n\t\t\tdata = {\n\t\t\t\t...labels[labelIndex],\n\t\t\t\timage: \"\",\n\t\t\t};\n\t\t}\n\n\t\tconst fileName = img.substring(img.lastIndexOf(\"/\") + 1, img.indexOf(\"?\"));\n\n\t\tlet desertRef = firebase.storage.ref(`${fileName}`);\n\n\t\tdesertRef\n\t\t\t.delete()\n\t\t\t.then(() => {})\n\t\t\t.catch((error) => {\n\t\t\t\tconsole.log(error);\n\t\t\t});\n\t};\n\n\tconst deleteBanner = () => {};\n\n\treturn (\n\t\t\n\t\t\t\t\n\t\t\t\t\tЛейблы\n\t\t\t\t \n\t\t\t\t handleOpenModal()}\n\t\t\t\t>\n\t\t\t\t\tСоздать лейбл\n\t\t\t\t\n\t\t\t
\n\t\t\t\n\t\t\t\t{labels?.length > 1 ? (\n\t\t\t\t\tObject.keys(labels)\n\t\t\t\t\t\t.slice(1)\n\t\t\t\t\t\t.map((key) => {\n\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\tНет доступных лейблов\n\t\t\t\t\t \n\t\t\t\t)}\n\t\t\t
\n\n\t\t\t{/* Модальное окно для создания/редактирования лейбла */}\n\t\t\t\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t})\n\t\t\t\t) : (\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t handleOpenModal({ key, ...labels[key] })}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t deleteLabel(key)}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t changeChecker(value, key)}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\n\t\t\t
\n\t);\n};\n\nexport default withFirebase(LabelsContainer);\n","import React from \"react\";\r\nimport withWidth from \"@material-ui/core/withWidth\";\r\nimport { withFirebase } from \"../../../firebase\";\r\nimport { withRouter } from \"react-router-dom\";\r\nimport * as ROUTES from \"../../../constants/routes\";\r\nimport { Switch, Route, Redirect } from \"react-router-dom\";\r\n\r\nimport clsx from \"clsx\";\r\nimport AppBar from \"@material-ui/core/AppBar\";\r\nimport Toolbar from \"@material-ui/core/Toolbar\";\r\nimport IconButton from \"@material-ui/core/IconButton\";\r\n\r\nimport Profile from \"../Profile\";\r\nimport Navigation from \"../Navigation\";\r\nimport Loading from \"../../../components/Loading\";\r\n\r\nimport Reviews from \"../../Reviews/Container\";\r\nimport Push from \"../../push/pushContainer\";\r\nimport PickupControl from \"../../pickupControl/pickupControlContainter\";\r\nimport DisableApp from \"../../disableApp/disableAppContainer\";\r\nimport PayCard from \"../../payCard/payCardContainer\";\r\nimport Categories from \"../../menu/categories/categoriesContainer\";\r\nimport WorkTime from \"../../workTime/workTimeContainer\";\r\nimport Delivery from \"../../delivery/deliveryContainer\";\r\nimport Discount from \"../../discounts/discountsContainer\";\r\nimport Promotion from \"../../promotion/promotionContainer\";\r\n\r\nimport Products from \"../../products/productsContainer\";\r\nimport AddCategory from \"../../products/categories/addCategory\";\r\nimport EditCategory from \"../../products/categories/editCategory\";\r\nimport AddProducts from \"../../products/addProducts/addProductsContainer\";\r\nimport EditProducts from \"../../products/editProducts/editProductsContainer\";\r\nimport SortMode from \"../../products/sortMode\";\r\nimport SortModeProducts from \"../../products/sortMode/products\";\r\nimport SortModeCategories from \"../../products/sortMode/categories\";\r\nimport EditProduct from \"../../products/editProducts/EditProduct/editProductContainer\";\r\nimport DefaultPage from \"../../defaultPage\";\r\nimport LoadControl from \"../../../scenes/loadControl\";\r\nimport ClientList from \"../../clientList\";\r\nimport MenuSort from \"../../menuSort\";\r\n\r\nimport { MenuBurger, MenuBurgerClose } from \"./icons\";\r\nimport useStyles from \"./styles\";\r\nimport Labels from \"../../labels/LabelsContainer\";\r\n\r\nconst DefaultScreen = (props) => {\r\n\tconst classes = useStyles();\r\n\tconst {\r\n\t\topen,\r\n\t\twidth,\r\n\t\tpreloader,\r\n\t\thandleDrawerClose,\r\n\t\topenSettings,\r\n\t\tchooseCity,\r\n\t\tchooseBrand,\r\n\t\tkeyShop,\r\n\t\tkeyBrand,\r\n\t\tloadCity,\r\n\t\tcity,\r\n\t\t// brands,\r\n\t\tdefaultCity,\r\n\t\tdefaultHiddenCategories,\r\n\t\tdefaultHiddenProducts,\r\n\t\tgetDefaultHiddenCategories,\r\n\t\tgetDefaultHiddenProducts,\r\n\t\tgetDefaulHiddenModifierGroups,\r\n\t\tgetDefaultHiddenProductModification,\r\n\t\topenCategory,\r\n\t\topenProducts,\r\n\t\thandleOpen,\r\n\t\thandleProductOpen,\r\n\t\tadminPermission,\r\n\t\tadminSettings,\r\n\t\tmainSettings,\r\n\t\tcategoriesMenu,\r\n\t\tproductsMenu,\r\n\t\tcategoriesPromocode,\r\n\t\tproductsPromocode,\r\n\t\tisDirtyWorkingHours,\r\n\t\thandleIsDirtyWorkingHours,\r\n\t\thandleDrawerOpen,\r\n\t\thandleProductsMenu,\r\n\t\tgetDefaultCity,\r\n\t\thandleCategoriesPromocode,\r\n\t\thandleProductsPromocode,\r\n\t\thandleCategoriesMenu,\r\n\t\thandleModifierGroupsMenu,\r\n\t\thandleProductModificationMenu,\r\n\t} = props;\r\n\r\n\treturn (\r\n\t\t\r\n\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t{!open && width !== \"sm\" && width !== \"xs\" && (\r\n\t\t\t\t\t\tE-APP\r\n\t\t\t\t\t)}\r\n\t\t\t\t\t{width !== \"md\" && width !== \"lg\" && width !== \"xl\" && (\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t{!open && (\r\n\t\t\t\t\t\t\t\t \r\n\t\t\t\r\n\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t{!loadCity ? (\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t{adminPermission &&\r\n\t\t\t\t\t\t\t(adminPermission.pushControl ||\r\n\t\t\t\t\t\t\t\tadminPermission.pushControl === undefined) && (\r\n\t\t\t\t\t\t\t\t \r\n (adminPermission ? (adminPermission.productReviews || adminPermission.appReviews || adminPermission.orderReviews !== undefined ? adminPermission.orderReviews : true) : true) \r\n ? \r\n\t\t\t\t\t\t\t\tadminPermission?.orderReviews ? (\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\tprops.adminPermission &&\r\n\t\t\t\t\t\t\t\t!props.adminPermission.controlDeliveryInterval ? (\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\tadminPermission && !adminPermission.clientsList ? (\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\tadminPermission && !adminPermission.promotion ? (\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\tadminPermission && !adminPermission.payCard ? (\r\n\t\t\t\t\t\t\t\t\t (\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\tadminPermission && !adminPermission.delivery ? (\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\tadminPermission && !adminPermission.iikoMenu ? (\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\tadminPermission && !adminPermission.menu ? (\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\tadminPermission &&\r\n\t\t\t\t\t\t\t\t!adminPermission.promoCodes &&\r\n\t\t\t\t\t\t\t\tadminPermission &&\r\n\t\t\t\t\t\t\t\t!adminPermission.saleFirstOrder &&\r\n\t\t\t\t\t\t\t\tadminPermission &&\r\n\t\t\t\t\t\t\t\t!adminPermission.bannerControl ? (\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t// !adminPermission.bannerControl\r\n\t\t\t\t\t\t\t\tfalse ? (\r\n\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\tadminPermission && adminPermission.ourAdmin ? (\r\n\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\tadminPermission && adminPermission.ourAdmin ? (\r\n\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\tadminPermission && adminPermission.ourAdmin ? (\r\n\t\t\t\t\t\t\t\t\t {\r\n\t\t\t\t\t\t\t\tlet urlMatch = props.location.pathname.match(\"page/uploads/\");\r\n\t\t\t\t\t\t\t\tif (urlMatch) return null;\r\n\r\n\t\t\t\t\t\t\t\treturn \r\n\t\t\t\t) : (\r\n\t\t\t\t\t
\r\n\t);\r\n};\r\n\r\nexport default withWidth()(withRouter(withFirebase(DefaultScreen)));\r\n","import React, { useState, useEffect } from \"react\";\r\nimport { useDispatch, useSelector } from \"react-redux\";\r\nimport { withRouter } from \"react-router-dom\";\r\nimport { withFirebase } from \"../../../firebase\";\r\n\r\nimport {\r\n\taddShops,\r\n\tupdateAdminSettings,\r\n\tupdateLanguages,\r\n\tupdateDefaultLanguage,\r\n\tupdateCategoriesDispatch,\r\n\tupdateProductsDispatch,\r\n\tupdateKeyShopDispatch,\r\n\tupdateKeyBrandDispatch,\r\n\taddAdminPermission,\r\n\tupdateCategoriesOrder,\r\n\tupdateCategoriesOrderDispatch,\r\n} from \"../../../reducers/shops\";\r\n\r\nimport DefaultScreen from \"./defaultScreen\";\r\n\r\nconst DefaultScreenContainer = (props) => {\r\n\tconst dispatch = useDispatch();\r\n\tconst city = useSelector((state) => state.shops.shops);\r\n\tconst keyShop = useSelector((state) => state.shops.keyShop);\r\n\tconst keyBrand = useSelector((state) => state.shops.keyBrand);\r\n\tconst categories = useSelector((state) => state.shops.categories);\r\n\tconst products = useSelector((state) => state.shops.products);\r\n\r\n\tconst [open, setOpen] = useState(false);\r\n\tconst [isDirtyWorkingHours, setIsDirtyWorkingHours] = useState(false);\r\n\tconst [openSettings, setOpenSettings] = useState(false);\r\n\tconst [listCity, setListCity] = useState([]);\r\n\tconst [defaultHiddenCategories, setDefaultHiddenCategories] = useState(null);\r\n\tconst [defaultHiddenProducts, setDefaultHiddenProducts] = useState(null);\r\n\tconst [defaultHiddenModifierGroups, setDefaultHiddenModifierGroups] =\r\n\t\tuseState(null);\r\n\tconst [\r\n\t\tdefaultHiddenProductModification,\r\n\t\tsetDefaultHiddenProductModification,\r\n\t] = useState(null);\r\n\tconst [defaultCity, setDefaultCity] = useState(null);\r\n\tconst [loadCity, setLoadCity] = useState(true);\r\n\tconst [openCategory, setOpenCategory] = useState(null);\r\n\tconst [openProducts, setOpenProducts] = useState(null);\r\n\tconst [category, setCategory] = useState(null);\r\n\tconst [adminPermission, setAdminPermission] = useState(null);\r\n\tconst [adminSettings, setAdminSettings] = useState(null);\r\n\tconst [mainSettings, setMainSettings] = useState(null);\r\n\tconst [categoriesMenu, setCategoriesMenu] = useState(false);\r\n\tconst [categoriesPromocode, setCategoriesPromocode] = useState(false);\r\n\tconst [productsMenu, setProductsMenu] = useState(false);\r\n\tconst [productsPromocode, setProductsPromocode] = useState(false);\r\n\tconst [modifierGroupsMenu, setModifierGroupsMenu] = useState(false);\r\n\tconst [productModificationMenu, setProductModificationMenu] = useState(false);\r\n\tconst [preloader, setPreloader] = useState(false);\r\n\r\n\tconst isDebug = props.isDebug;\r\n\r\n\tprops.firebase.bd\r\n\t\t.ref(`${isDebug ? \"debug\" : \"\"}/adminPermission`)\r\n\t\t.once(\"value\", (snapshot) => {\r\n\t\t\tconst admin = snapshot.val();\r\n\t\t\tlocalStorage.setItem(\"adminPermission\", JSON.stringify(admin));\r\n\t\t});\r\n\r\n\t// let brands = []\r\n\r\n\tuseEffect(() => {\r\n\t\t// getCities();\r\n\t\tgetDefaultCity();\r\n\t\tgetAdminPermission();\r\n\t\tgetAdminSettings();\r\n\t\tgetDefaultHiddenCategories();\r\n\t\tgetDefaultHiddenProducts();\r\n\t\tgetDefaulHiddenModifierGroups();\r\n\t\tgetDefaultHiddenProductModification();\r\n\t\t// getCategories();\r\n\t\tgetProductsState();\r\n\t\tsetTimeout(() => {\r\n\t\t\tgetCities();\r\n\t\t}, 1000);\r\n\t}, [isDebug]);\r\n\r\n\tconst getProductsState = () => {\r\n\t\tlet isProducts = props.location.pathname.match(\"/page/menu/products\");\r\n\r\n\t\tif (isProducts) {\r\n\t\t\tgetDefaultLanguage();\r\n\t\t\tgetLanguages();\r\n\t\t\t// getAdminPermission();\r\n\t\t\tgetCategories();\r\n\t\t\tgetProducts();\r\n\t\t}\r\n\t};\r\n\r\n\tconst getProducts = () => {\r\n\t\tconst brand = JSON.parse(localStorage.getItem(\"currentBrand\"));\r\n\r\n\t\tprops.firebase.bd\r\n\t\t\t.ref(\r\n\t\t\t\t`${isDebug ? \"debug\" : \"\"}/EAppCRM/${brand.id}/nomenclature/products`\r\n\t\t\t)\r\n\t\t\t.once(\"value\", (snapshot) => {\r\n\t\t\t\tconst products = snapshot.val();\r\n\t\t\t\tif (products) updateProductsDispatch(dispatch, products);\r\n\t\t\t});\r\n\t};\r\n\r\n\tconst getCategories = () => {\r\n\t\tconst brand = JSON.parse(localStorage.getItem(\"currentBrand\"));\r\n\r\n\t\tprops.firebase.bd\r\n\t\t\t.ref(\r\n\t\t\t\t`${isDebug ? \"debug\" : \"\"}/EAppCRM/${brand.id}/nomenclature/categories`\r\n\t\t\t)\r\n\t\t\t.once(\"value\", (snapshot) => {\r\n\t\t\t\tconst categoriesData = snapshot.val();\r\n\r\n\t\t\t\tconst categories = categoriesData\r\n\t\t\t\t\t? categoriesData.map((item) => ({\r\n\t\t\t\t\t\t\t...item,\r\n\t\t\t\t\t\t\tid: item.categoryId,\r\n\t\t\t\t\t }))\r\n\t\t\t\t\t: [];\r\n\r\n\t\t\t\tupdateCategoriesDispatch(dispatch, categories);\r\n\t\t\t});\r\n\t};\r\n\r\n\tconst getCities = () => {\r\n\t\tsetLoadCity(true);\r\n\r\n\t\tconst admin = JSON.parse(localStorage.getItem(\"adminPermission\"));\r\n\t\tconst chosenBrand = JSON.parse(localStorage.getItem(\"chosenBrand\"));\r\n\t\tconst chosenCity = JSON.parse(localStorage.getItem(\"chosenCity\"));\r\n\r\n\t\tprops.firebase.bd\r\n\t\t\t.ref(`${isDebug ? \"debug\" : \"\"}/settings`)\r\n\t\t\t.once(\"value\", (snapshot) => {\r\n\t\t\t\tlet items = snapshot.val();\r\n\r\n\t\t\t\tlet listCity = [];\r\n\r\n\t\t\t\tlet city = admin && admin.newAdmin === true ? items.city : items.City;\r\n\r\n\t\t\t\tfor (let item in city) {\r\n\t\t\t\t\tlistCity.push({\r\n\t\t\t\t\t\t...city[item],\r\n\t\t\t\t\t\tkey: item,\r\n\t\t\t\t\t});\r\n\t\t\t\t}\r\n\r\n\t\t\t\t// обновление магазина для каждого бренда прописано в файле навигации\r\n\t\t\t\tlet data =\r\n\t\t\t\t\tadmin && admin.newAdmin === true\r\n\t\t\t\t\t\t? {\r\n\t\t\t\t\t\t\t\tshops: listCity,\r\n\t\t\t\t\t\t\t\tappSettings: items.city[0].brands[0].appSettings,\r\n\t\t\t\t\t\t\t\tcategory: items.city[0].brands[0].category,\r\n\t\t\t\t\t\t\t\tmainSettings: items.mainSettings,\r\n\t\t\t\t\t\t }\r\n\t\t\t\t\t\t: {\r\n\t\t\t\t\t\t\t\tshops: listCity,\r\n\t\t\t\t\t\t\t\tappSettings: items.appSettings,\r\n\t\t\t\t\t\t\t\tcategory: items.Category,\r\n\t\t\t\t\t\t };\r\n\t\t\t\t// console.log('data to reducer', data);\r\n\t\t\t\taddShops(dispatch, data);\r\n\t\t\t\tsetLoadCity(false);\r\n\t\t\t\tsetListCity(listCity);\r\n\t\t\t\tsetMainSettings(items.mainSettings);\r\n\t\t\t});\r\n\t};\r\n\r\n\tconst getDefaultCity = () => {\r\n\t\tlet cityId = window.location.pathname.split(\"/\");\r\n\t\tcityId = cityId[cityId.length - 1];\r\n\r\n\t\tsetLoadCity(true);\r\n\t\tprops.firebase.bd\r\n\t\t\t.ref(`${isDebug ? \"debug\" : \"\"}/settings/City/${cityId}`)\r\n\t\t\t.on(\"value\", (snapshot) => {\r\n\t\t\t\tlet defaultCity = snapshot.val();\r\n\r\n\t\t\t\t// console.log('defaultCity', defaultCity);\r\n\r\n\t\t\t\tsetDefaultCity(defaultCity);\r\n\t\t\t\tsetLoadCity(false);\r\n\t\t\t});\r\n\t};\r\n\r\n\tconst getAdminPermission = () => {\r\n\t\tprops.firebase.bd\r\n\t\t\t.ref(`${isDebug ? \"debug\" : \"\"}/adminPermission`)\r\n\t\t\t.once(\"value\", (snapshot) => {\r\n\t\t\t\tlet adminPermission = snapshot.val();\r\n\r\n\t\t\t\tsetAdminPermission(adminPermission);\r\n\t\t\t\taddAdminPermission(dispatch, adminPermission);\r\n\t\t\t});\r\n\t};\r\n\r\n\tconst getAdminSettings = () => {\r\n\t\tprops.firebase.bd\r\n\t\t\t.ref(`${isDebug ? \"debug\" : \"\"}/adminSettings`)\r\n\t\t\t.once(\"value\", (snapshot) => {\r\n\t\t\t\tlet val = snapshot.val();\r\n\r\n\t\t\t\tif (!adminSettings) {\r\n\t\t\t\t\tupdateAdminSettings(dispatch, val);\r\n\t\t\t\t\tsetAdminSettings(val);\r\n\t\t\t\t}\r\n\t\t\t});\r\n\t};\r\n\r\n\tconst getDefaultHiddenCategories = () => {\r\n\t\tconst currentCity = JSON.parse(localStorage.getItem(\"chosenCity\"));\r\n\t\tconst currentBrand = JSON.parse(localStorage.getItem(\"chosenBrand\"));\r\n\t\tsetLoadCity(true);\r\n\t\tprops.firebase.bd\r\n\t\t\t.ref(\r\n\t\t\t\t`${\r\n\t\t\t\t\tisDebug ? \"debug\" : \"\"\r\n\t\t\t\t}/settings/city/${currentCity}/brands/${currentBrand}/category/hiddenCategories`\r\n\t\t\t)\r\n\t\t\t.once(\"value\", (snapshot) => {\r\n\t\t\t\tlet val = snapshot.val();\r\n\t\t\t\tsetDefaultHiddenCategories(val);\r\n\t\t\t\tsetLoadCity(false);\r\n\t\t\t});\r\n\t};\r\n\r\n\tconst getDefaultHiddenProducts = () => {\r\n\t\tconst currentCity = JSON.parse(localStorage.getItem(\"chosenCity\"));\r\n\t\tconst currentBrand = JSON.parse(localStorage.getItem(\"chosenBrand\"));\r\n\t\tsetLoadCity(true);\r\n\t\tprops.firebase.bd\r\n\t\t\t.ref(\r\n\t\t\t\t`${\r\n\t\t\t\t\tisDebug ? \"debug\" : \"\"\r\n\t\t\t\t}/settings/city/${currentCity}/brands/${currentBrand}/category/hiddenProducts`\r\n\t\t\t)\r\n\t\t\t.once(\"value\", (snapshot) => {\r\n\t\t\t\tlet val = snapshot.val();\r\n\r\n\t\t\t\tsetDefaultHiddenProducts(val);\r\n\t\t\t\tsetLoadCity(false);\r\n\t\t\t});\r\n\t};\r\n\r\n\tconst getDefaulHiddenModifierGroups = () => {\r\n\t\tconst currentCity = JSON.parse(localStorage.getItem(\"chosenCity\"));\r\n\t\tconst currentBrand = JSON.parse(localStorage.getItem(\"chosenBrand\"));\r\n\t\tsetLoadCity(true);\r\n\t\tprops.firebase.bd\r\n\t\t\t.ref(\r\n\t\t\t\t`${\r\n\t\t\t\t\tisDebug ? \"debug\" : \"\"\r\n\t\t\t\t}/settings/city/${currentCity}/brands/${currentBrand}/category/hiddenModifierGroups`\r\n\t\t\t)\r\n\t\t\t.once(\"value\", (snapshot) => {\r\n\t\t\t\tlet val = snapshot.val();\r\n\r\n\t\t\t\tsetDefaultHiddenModifierGroups(val);\r\n\t\t\t\tsetLoadCity(false);\r\n\t\t\t});\r\n\t};\r\n\r\n\tconst getDefaultHiddenProductModification = () => {\r\n\t\tconst currentCity = JSON.parse(localStorage.getItem(\"chosenCity\"));\r\n\t\tconst currentBrand = JSON.parse(localStorage.getItem(\"chosenBrand\"));\r\n\t\tsetLoadCity(true);\r\n\t\tprops.firebase.bd\r\n\t\t\t.ref(\r\n\t\t\t\t`${\r\n\t\t\t\t\tisDebug ? \"debug\" : \"\"\r\n\t\t\t\t}/settings/city/${currentCity}/brands/${currentBrand}/category/hiddenProductModification`\r\n\t\t\t)\r\n\t\t\t.once(\"value\", (snapshot) => {\r\n\t\t\t\tlet val = snapshot.val();\r\n\r\n\t\t\t\tsetDefaultHiddenProductModification(val);\r\n\t\t\t\tsetLoadCity(false);\r\n\t\t\t});\r\n\t};\r\n\r\n\tconst getDefaultLanguage = () => {\r\n\t\tprops.firebase.bd\r\n\t\t\t.ref(`${isDebug ? \"debug\" : \"\"}/adminPermission/defaultLanguage`)\r\n\t\t\t.once(\"value\", (snapshot) => {\r\n\t\t\t\tlet defaultLanguage = snapshot.val();\r\n\r\n\t\t\t\tif (defaultLanguage) updateDefaultLanguage(dispatch, defaultLanguage);\r\n\t\t\t});\r\n\t};\r\n\r\n\tconst getLanguages = () => {\r\n\t\t// props.firebase.bd.ref('languages').once(\"value\", (snapshot) => {\r\n\t\tprops.firebase.bd\r\n\t\t\t.ref(`${isDebug ? \"debug\" : \"\"}/adminPermission/languages`)\r\n\t\t\t.once(\"value\", (snapshot) => {\r\n\t\t\t\tlet languages = snapshot.val();\r\n\r\n\t\t\t\tif (languages) updateLanguages(dispatch, languages);\r\n\t\t\t});\r\n\t};\r\n\r\n\tconst handleDrawerOpen = () => setOpen(true);\r\n\tconst handleDrawerClose = () => setOpen(false);\r\n\tconst handleCategoriesMenu = (value) => setCategoriesMenu(value);\r\n\tconst handleProductsMenu = (value) => setProductsMenu(value);\r\n\tconst handleModifierGroupsMenu = (value) => setModifierGroupsMenu(value);\r\n\tconst handleProductModificationMenu = (value) =>\r\n\t\tsetProductModificationMenu(value);\r\n\tconst handleCategoriesPromocode = (value) => setCategoriesPromocode(value);\r\n\tconst handleProductsPromocode = (value) => setProductsPromocode(value);\r\n\tconst handleIsDirtyWorkingHours = (value) => setIsDirtyWorkingHours(value);\r\n\r\n\t// const openSettings = () => {\r\n\t// if(!openSettings && listCity.length === 0) getCities();\r\n\r\n\t// setOpenSettings(openSettings ? false : true);\r\n\t// setCity(city);\r\n\t// }\r\n\r\n\tconst chooseCity = (key) => {\r\n\t\tupdateKeyShopDispatch(dispatch, keyShop === key ? null : key);\r\n\t};\r\n\r\n\tconst chooseBrand = (key) => {\r\n\t\tupdateKeyBrandDispatch(dispatch, keyBrand === key ? null : key);\r\n\t};\r\n\r\n\tconst handleOpen = (category) => {\r\n\t\tsetOpenCategory(category === openCategory ? null : category);\r\n\t};\r\n\r\n\tconst handleProductOpen = (category) => {\r\n\t\tif (\r\n\t\t\topenProducts !== category &&\r\n\t\t\tproducts.length <= 0 &&\r\n\t\t\tcategories.length <= 0\r\n\t\t) {\r\n\t\t\tsetPreloader(true);\r\n\t\t\tgetCategories();\r\n\t\t\tgetProducts();\r\n\t\t\tgetLanguages();\r\n\t\t\tgetDefaultLanguage();\r\n\t\t\tsetTimeout(() => setPreloader(false), 200);\r\n\t\t}\r\n\r\n\t\tsetOpenProducts(category === openProducts ? null : category);\r\n\t};\r\n\r\n\treturn (\r\n\t\t\r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t{open && (\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t)}\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t)}\r\n\t\t\t\r\n\t\t\r\n \r\n \r\n )\r\n}\r\n\r\nexport default Login;","import React, {Component} from 'react';\r\nimport {connect} from 'react-redux';\r\nimport { withFirebase } from '../../firebase';\r\nimport {updateFirebaseConfig, updateLogin} from '../../reducers/auth';\r\nimport Auth from './auth';\r\nimport { withRouter } from 'react-router-dom';\r\nimport { compose } from 'recompose';\r\nimport * as ROUTES from '../../constants/routes';\r\nimport { AuthUserContext } from '../../sessions';\r\n\r\nclass AuthContainer extends Component{\r\n\r\n constructor(){\r\n super();\r\n this.state = {\r\n loadStatus: false\r\n }\r\n }\r\n signIn = (data) => {\r\n this.setState({\r\n loadStatus: this.state.loadStatus ? false : true\r\n })\r\n this.props.firebase\r\n .doSignInWithEmailAndPassword(data.email, data.password)\r\n .then((res) => {\r\n let login = localStorage.getItem('@login');\r\n\r\n if (login) {\r\n this.props.updateLogin(login);\r\n }\r\n\r\n // console.log( 'res signIn', res );\r\n this.props.history.push(ROUTES.DEFAULT);\r\n this.setState({loadStatus: false});\r\n })\r\n .catch(error => {\r\n alert('Ошибка! Попробуйте еще раз!');\r\n this.setState({loadStatus: false});\r\n });\r\n }\r\n\r\n signOut = () => {\r\n this.props.history.push(ROUTES.SIGN_IN);\r\n\r\n localStorage.clear('@login');\r\n this.props.updateFirebaseConfig(null);\r\n this.props.updateLogin(null);\r\n this.props.firebase.doSignOut();\r\n }\r\n\r\n render(){\r\n console.log('authUser', this.props);\r\n return (\r\n \r\n {authUser =>\r\n authUser ? this.props.history.push(ROUTES.DEFAULT) \r\n : \r\n \r\n )\r\n }\r\n}\r\n\r\nconst AuthNext = compose(\r\n withFirebase,\r\n withRouter,\r\n )(AuthContainer);\r\n\r\nexport default connect(null, { updateFirebaseConfig, updateLogin })(AuthNext);","import React from \"react\";\r\n\r\nimport { Switch, Route } from \"react-router-dom\";\r\nimport { withAuthentication } from \"./sessions\";\r\n\r\nimport * as ROUTES from \"./constants/routes\";\r\nimport DefaultTemplate from \"./scenes/defaultScreen/\";\r\nimport SignInPage from \"./scenes/auth/authContainer\";\r\n\r\nconst MainRouter = () => {\r\n\treturn (\r\n\t\t\r\n\t\t\t \r\n\t);\r\n};\r\n\r\nexport default withAuthentication(MainRouter);\r\n","import React from 'react';\r\nimport Firebase, { FirebaseContext } from './firebase';\r\n\r\nimport MainRouter from './MainRouter';\r\n\r\nconst RenderFirebase = (props) => {\r\n return(\r\n \r\n \r\n );\r\n}\r\n\r\nexport default RenderFirebase;","import React from 'react';\r\nimport { Field, reduxForm } from 'redux-form';\r\nimport s from './login.module.css';\r\nimport Button from '../../components/Button';\r\nimport CustomizedInputs from '../../components/UIform';\r\nimport Loading from '../../components/Loading';\r\nimport {required} from 'redux-form-validators';\r\n\r\n\r\nconst LoginForm = (props) => {\r\n const { handleSubmit } = props;\r\n \r\n return(\r\n \r\n )\r\n}\r\n\r\nexport default reduxForm({\r\n form: 'LoginForm', \r\n })(LoginForm);","import React from 'react';\r\nimport LoginSceen from '../../components/LoginSceen/login';\r\nimport LoginForm from './loginForm';\r\n\r\nconst Login = (props) => {\r\n return(\r\n \r\n \r\n \r\n )\r\n}\r\n\r\nexport default Login;","import * as axios from \"axios\";\r\n\r\nconst instance = axios.create({\r\n\tbaseURL: \"https://e-api.com.ua/api\",\r\n\t// baseURL: \"https://e-api.ithinkers.fun/api\",\r\n\t// baseURL: \"https://e-admin.com.ua/api/api.php\",\r\n});\r\n\r\n// export const firebaseAPI = {\r\n// getConfig(login){\r\n// // eslint-disable-next-line new-parens\r\n// var body = new FormData;\r\n// body.append('login', login);\r\n// return instance.post(``, body)\r\n// .then (response => {\r\n// return response.data;\r\n// })\r\n// },\r\n// };\r\n\r\nexport const firebaseAPI = {\r\n\tgetConfig(login) {\r\n\t\treturn instance\r\n\t\t\t.get(`/v1/client/firebaseConfig/${login}`)\r\n\t\t\t.then((response) => {\r\n\t\t\t\tconst config = response.data.config;\r\n\t\t\t\tconst isValidConfig = Object.keys(config).length === 0;\r\n\r\n\t\t\t\tif (isValidConfig) {\r\n\t\t\t\t\tthrow new Error(\"Файл конфигурации пустой.\");\r\n\t\t\t\t}\r\n\r\n\t\t\t\treturn response.data.config;\r\n\t\t\t});\r\n\t},\r\n};\r\n","/* eslint-disable react/no-direct-mutation-state */\r\nimport React, {Component} from 'react';\r\nimport { withFirebase } from '../../firebase';\r\nimport Login from './login';\r\nimport {firebaseAPI} from '../../api';\r\nimport AlertComponent from '../../components/AlertComponent';\r\n\r\nclass LoginContainer extends Component{\r\n\r\n constructor(){\r\n super();\r\n this.state = {\r\n loadStatus: false\r\n }\r\n }\r\n signIn = (data) => {\r\n this.state = {\r\n loadStatus: true\r\n }\r\n \r\n firebaseAPI.getConfig(data.login)\r\n .then(res => {\r\n if(res.error === true){\r\n this.setState({\r\n alertText: 'Произошла ошибка, попробуйте еще раз!',\r\n alertShow: true,\r\n alertType: 'error', \r\n loadStatus: false\r\n })\r\n } else {\r\n this.setState({\r\n alertShow: false,\r\n loadStatus: false\r\n });\r\n this.props.updateFirebaseConfig(res);\r\n localStorage.setItem('@login', data.login)\r\n }\r\n })\r\n .catch(res => {\r\n this.setState({\r\n alertText: 'Произошла ошибка, попробуйте еще раз!',\r\n alertShow: true,\r\n alertType: 'error', \r\n loadStatus: false\r\n })\r\n });\r\n }\r\n \r\n hideAlert = () => {\r\n this.setState({\r\n alertShow: false\r\n })\r\n }\r\n\r\n render(){\r\n return <>\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","// extracted by mini-css-extract-plugin\nmodule.exports = {\"modal\":\"products_modal__27UQZ\",\"wrapper\":\"products_wrapper__1HqCr\",\"formContainer\":\"products_formContainer__xAXDH\",\"title\":\"products_title__2taSI\",\"field\":\"products_field__1EUlG\",\"buttonWrapper\":\"products_buttonWrapper__1pv1q\"};"],"sourceRoot":""}
\r\n
\r\n )\r\n}\r\n\r\nexport default LoginSceen;","import React from 'react';\r\nimport { Field, reduxForm } from 'redux-form';\r\nimport s from './login.module.css';\r\nimport Button from '../../components/Button';\r\nimport CustomizedInputs from '../../components/UIform';\r\nimport Loading from '../../components/Loading';\r\nimport {required} from 'redux-form-validators';\r\n\r\nlet AuthForm = (props) => {\r\n const { handleSubmit, onReturn } = props;\r\n\r\n return(\r\n \r\n )\r\n}\r\n\r\nAuthForm = reduxForm({\r\n form: 'AuthForm', \r\n })(AuthForm);\r\n\r\nexport default AuthForm;","import React from 'react';\r\nimport LoginSceen from '../../components/LoginSceen/login';\r\nimport AuthForm from './authForm';\r\n\r\nconst Login = (props) => {\r\n return(\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n {props.children}\r\n
\r\n