\n\t\t\t{open && (\n\t\t\t\t\n\t\t\t\t\t{title} \n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{description}\n\t\t\t\t\t\t \n\t\t\t\t\t \n\n\t\t\t\t\t\n\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\t{alertOpen && (\n\t\t\t\t\n\t\t\t\t\t{title} \n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{description}\n\t\t\t\t\t\t \n\t\t\t\t\t \n\n\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","import { makeStyles } from '@material-ui/core/styles'\n\nconst drawerWidth = 240;\n\nexport default makeStyles(theme => ({\n drawer: {\n width: drawerWidth,\n flexShrink: 0,\n '& .MuiDrawer-paperAnchorDockedLeft': {\n border: 'none',\n },\n [theme.breakpoints.down(\"sm\")]: {\n '& .MuiBackdrop-root': {\n background: 'transparent',\n }\n },\n },\n drawerPaper: {\n marginTop: 64,\n width: drawerWidth,\n background: '#F1F3F4',\n height: 'calc(100% - 64px)',\n '& hr': {\n display: 'none',\n },\n [theme.breakpoints.down(\"sm\")]: {\n width: '100%',\n boxShadow: 'none',\n },\n },\n drawerHeader: {\n display: 'flex',\n alignItems: 'center',\n padding: theme.spacing(0, 1),\n ...theme.mixins.toolbar,\n justifyContent: 'space-between',\n background: 'white',\n boxShadow: '0px 14px 23px rgba(232, 228, 228, 0.5)',\n },\n headerLogo: {\n fontSize: 18,\n fontWeight: 600,\n color: '#326dff',\n paddingLeft: 10,\n },\n listWrapper: {\n marginTop: 16,\n [theme.breakpoints.down(\"sm\")]: {\n marginTop: 0,\n width: '100%',\n height: '100vh',\n background: 'white',\n borderRadius: 0,\n },\n '& .MuiListItem-button': {\n padding: '8px 8px 8px 24px', \n [theme.breakpoints.down(\"sm\")]: {\n borderRadius: 0,\n },\n },\n '& div': {\n borderBottomRightRadius: '24px', \n borderTopRightRadius: '24px',\n [theme.breakpoints.down(\"sm\")]: {\n borderRadius: 0,\n },\n },\n '& div:hover': {\n borderBottomRightRadius: '24px', \n borderTopRightRadius: '24px',\n [theme.breakpoints.down(\"sm\")]: {\n borderRadius: 0,\n },\n }\n },\n nested: {\n paddingLeft: theme.spacing(3),\n },\n iconMenu: {\n minWidth: 34,\n '& svg': {\n fill: '#476282;',\n },\n },\n link: {\n textDecoration: 'none',\n color: '#476282;',\n display: 'flex',\n width: '225px',\n height: 'auto',\n borderBottomRightRadius: '24px', \n borderTopRightRadius: '24px',\n boxSizing: 'border-box',\n [theme.breakpoints.down(\"sm\")]: {\n width: '100%',\n borderRadius: 0,\n },\n },\n // nestedLink: {\n // fontSize: 14,\n // },\n active: {\n color: '#326dff',\n background: 'rgba(50, 109, 255, 0.1)',\n '& .MuiListItemIcon-root': {\n color: '#326dff',\n },\n },\n nestedLink: {\n '& .MuiTypography-body1': {\n fontSize: 14,\n },\n // '& .MuiListItemIcon-root svg': {\n // width: 18,\n // height: 18,\n // fill: 'red',\n // },\n '& .MuiListItemIcon-root': {\n minWidth: 28,\n },\n '& .MuiList-padding': {\n padding: 0,\n },\n padding: 0,\n },\n collapse: {\n '& .MuiList-padding': {\n padding: 0,\n },\n },\n load: {\n width: '100%',\n padding: 15,\n alignItems: 'center',\n justifyContent: 'center',\n display: 'flex',\n },\n listText: {\n color: '#476282;'\n },\n loader: {\n textAlign: 'center',\n },\n settingsListItem: {\n '& + div': {\n background: '#f5f5f5',\n }\n }\n}));\n","import React from \"react\";\nimport * as ROUTES from \"../../../constants/routes\";\nimport { PromotionIcon } from \"./icons\";\nimport { NavLink } from \"react-router-dom\";\nimport { useDispatch } from \"react-redux\";\nimport { addShops } from \"../../../reducers/shops\";\n\nimport ExpandLess from \"@material-ui/icons/ExpandLess\";\nimport ExpandMore from \"@material-ui/icons/ExpandMore\";\nimport Collapse from \"@material-ui/core/Collapse\";\nimport SettingsIcon from \"@material-ui/icons/Settings\";\nimport MobileOffIcon from \"@material-ui/icons/MobileOff\";\nimport ListItem from \"@material-ui/core/ListItem\";\nimport ListItemIcon from \"@material-ui/core/ListItemIcon\";\nimport ListItemText from \"@material-ui/core/ListItemText\";\nimport Notifications from \"@material-ui/icons/Notifications\";\nimport AlarmIcon from \"@material-ui/icons/Alarm\";\nimport CommentIcon from \"@material-ui/icons/Comment\";\nimport PaymentIcon from \"@material-ui/icons/Payment\";\nimport AccessTime from \"@material-ui/icons/AccessTime\";\nimport DepartureBoardIcon from \"@material-ui/icons/DepartureBoard\";\nimport List from \"@material-ui/core/List\";\nimport Drawer from \"@material-ui/core/Drawer\";\nimport Loading from \"../../../components/Loading\";\nimport AssignmentIcon from \"@material-ui/icons/Assignment\";\nimport NotesIcon from \"@material-ui/icons/Notes\";\nimport AddShoppingCartIcon from \"@material-ui/icons/AddShoppingCart\";\nimport LoyaltyIcon from \"@material-ui/icons/Loyalty\";\nimport FolderIcon from \"@material-ui/icons/Folder\";\nimport RemoveShoppingCartIcon from \"@material-ui/icons/RemoveShoppingCart\";\n\n// import IconButton from '@material-ui/core/IconButton';\n// import Divider from '@material-ui/core/Divider';\n// import ChevronLeftIcon from '@material-ui/icons/ChevronLeft';\n// import ChevronRightIcon from '@material-ui/icons/ChevronRight';\n\nimport ModalAlert from \"../../../components/ModalComponent\";\n\nimport useStyles from \"./styles\";\n\nconst Navigation = (props) => {\n\tconst classes = useStyles();\n\tconst {\n\t\topen,\n\t\twidth,\n\t\tisMenu,\n\t\tisPush,\n\t\tisReviews,\n\t\tisBlackList,\n\t\tisPromotion,\n\t\tisValidPayCard,\n\t\tvalidPromocodesUrl,\n\t\thandleClose,\n\t\thandleClickSubmit,\n\t\thandlePushClick,\n\t\thandleMenuClick,\n\t\thandleReviewsClick,\n\t\thandlePromotionClick,\n\t\thandleSettingsClick,\n\t\thandleProductsClick,\n\t\thandleBlackListCheck,\n\t} = props;\n\n\tconst isNewAdmin = props.adminPermission?.newAdmin;\n\n\tconst changeCity = (key) => {\n\t\tlocalStorage.setItem(\"chosenCity\", JSON.stringify(Number(key)));\n\t\tprops.chooseCity(key);\n\t};\n\n\tconst dispatch = useDispatch();\n\n\tconst changeBrand = (item, key) => {\n\t\tlocalStorage.setItem(\"chosenBrand\", JSON.stringify(key));\n\t\tlocalStorage.setItem(\"currentBrand\", JSON.stringify(item));\n\t\tprops.chooseBrand(item.id);\n\t\tconsole.log(\"propsmin brand click\", props);\n\t\tlet data = {\n\t\t\tshops: props.listCity,\n\t\t\tappSettings:\n\t\t\t\tprops.listCity[Number(localStorage.getItem(\"chosenCity\"))].brands[key]\n\t\t\t\t\t.appSettings,\n\t\t\tcategory:\n\t\t\t\tprops.listCity[Number(localStorage.getItem(\"chosenCity\"))].brands[key]\n\t\t\t\t\t.category,\n\t\t\thiddenCategories:\n\t\t\t\tprops.listCity[Number(localStorage.getItem(\"chosenCity\"))].brands[key]\n\t\t\t\t\t.category.hiddenCategories,\n\t\t\thiddenProducts:\n\t\t\t\tprops.listCity[Number(localStorage.getItem(\"chosenCity\"))].brands[key]\n\t\t\t\t\t.category.hiddenProducts,\n\t\t\tmainSettings: props.mainSettings,\n\t\t};\n\n\t\t// console.log('update shops', data);\n\t\taddShops(dispatch, data);\n\t};\n\n\treturn (\n\t\t- \n\t\t\t\t{/*
- \n\t\t\t\t\t\t
\n \n \n
\n )} */}\n\t\t\t\t{props.adminPermission && props.adminPermission.pushControl && (\n\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\t\t- \n\t\t\t\t\t\t\t\t\t{props.listCity.map((cityItem) => {\n\t\t\t\t\t\t\t\t\t\tconst brandIds = cityItem?.brands?.map((item) => item.id);\n\t\t\t\t\t\t\t\t\t\treturn (\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 changeCity(cityItem.key)}\n\t\t\t\t\t\t\t\t\t\t\t\t\tclassName={classes.nested}\n\t\t\t\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tcolor:\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tprops.city === cityItem.key ? \"#326dff\" : \"#000\",\n\t\t\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\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\t\t{cityItem?.brands?.map((item, index) => {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{props.adminPermission &&\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t(props.adminPermission\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t? props.adminPermission\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t.productReviews ||\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t props.adminPermission.appReviews ||\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t props.adminPermission.orderReviews !==\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tundefined\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t? props.adminPermission.orderReviews\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t: true\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t: true) && (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{props.adminPermission &&\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t!!props.adminPermission.delivery && (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{isValidPayCard && (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t);\n\t\t\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);\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\t\t\t\t\t\t\t\t\t changeBrand(item, index)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tclassName={classes.nested}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tcolor:\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tprops.brand === item.id\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t? \"#326dff\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t: \"#000\",\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{props.adminPermission &&\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tprops.adminPermission.menu && (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{props.adminPermission &&\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tprops.adminPermission.blackList && (\n\t\t\t\t\t\t\t\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) : (\n\t\t\t\t\t\t\t\t- \n\t\t\t\t\t\t\t\t\t{props.listCity.map((item) => {\n\t\t\t\t\t\t\t\t\t\treturn (\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 props.chooseCity(item.key)}\n\t\t\t\t\t\t\t\t\t\t\t\t\tclassName={classes.nested}\n\t\t\t\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tcolor: props.city === item.key ? \"#326dff\" : \"#000\",\n\t\t\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\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{props.adminPermission &&\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t(props.adminPermission\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t? props.adminPermission.productReviews ||\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t props.adminPermission.appReviews ||\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t props.adminPermission.orderReviews !==\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tundefined\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t? props.adminPermission.orderReviews\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t: true\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t: true) && (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t- \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{props.adminPermission &&\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tprops.adminPermission.menu && (\n\t\t\t\t\t\t\t\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) : (\n\t\t\t\t\t\t\t- \n\t\t\t\t\t\t\t\t
\n\t\t\t
\n\t);\n}\n","import React, { useEffect, useState } from \"react\";\nimport useMediaQuery from \"@material-ui/core/useMediaQuery\";\nimport { Field, reduxForm, reset } from \"redux-form\";\nimport Button from \"../../components/Button\";\nimport CustomizedInputs from \"../../components/UIform\";\nimport Loading from \"../../components/Loading\";\nimport { makeStyles } from \"@material-ui/core/styles\";\nimport Typography from \"@material-ui/core/Typography\";\nimport Chip from \"@material-ui/core/Chip\";\nimport SnackbarContent from \"@material-ui/core/SnackbarContent\";\nimport CustomInputTextarea from \"../../components/UIform/inputTextarea\";\n\nlet CategoriesForm = (props) => {\n\tconst { handleSubmit, numbers, updateBlackList, text } = props;\n\tconst classes = useStyles();\n\tconst isMin600 = useMediaQuery(\"(max-width: 599px)\");\n\n\tconst [textValue, setTextValue] = useState();\n\tconst [snackbarVisible, setSnackbarVisible] = useState(false);\n\n\tlet [phoneNumbers, setPhoneNumbers] = useState([]);\n\n\tlet [number, setNumber] = useState(\"\");\n\n\tuseEffect(() => {\n\t\tsetTextValue(text);\n\t}, [text]);\n\n\tuseEffect(() => {\n\t\tconsole.log(numbers);\n\t\tsetPhoneNumbers(numbers);\n\t}, [numbers]);\n\n\tconst handleDelete = (chipToDelete) => {\n\t\tlet updatedList = phoneNumbers.filter((chip) => chip !== chipToDelete);\n\t\tsetPhoneNumbers(updatedList);\n\t\tupdateBlackList(updatedList, text);\n\t};\n\n\tconst addChip = () => {\n\t\tlet newCategory = number;\n\t\tif (newCategory && !phoneNumbers.includes(newCategory)) {\n\t\t\tsetPhoneNumbers((prev) => [...prev, newCategory]);\n\t\t\tsetNumber(\"\");\n\t\t\tprops.reset();\n\t\t} else if (number.length < 1) {\n\t\t\talert(\"Введите значение\");\n\t\t} else {\n\t\t\talert(\"такой номер есть\");\n\t\t}\n\t};\n\n\tconst saveText = () => {\n\t\tupdateBlackList(phoneNumbers, textValue);\n\t\tsetSnackbarVisible(true);\n\t\tsetTimeout(() => setSnackbarVisible(false), 3000);\n\t};\n\n\treturn (\n\t\t{meta.error}
\n\t\t\t)}\n\t\t\n\t\t\t
\n\t);\n};\n\nconst useStyles = makeStyles((theme) => ({\n\tdesctopWrapper: {\n\t\tpadding: \"24px 16px 24px 16px\",\n\t\tbackground: \"white\",\n\t\tborder: \" 0.5px solid #DADCE0\",\n\t\tboxSizing: \"border-box\",\n\t\tborderRadius: \"5px 5px 0px 0px\",\n\t},\n\tcategoriesWrapper: {\n\t\tmarginTop: \"16px\",\n\t\tpadding: \"24px 24px 16px 16px\",\n\t\tborder: \"0.5px solid #DADCE0\",\n\t\tboxSizing: \"border-box\",\n\t\tborderRadius: \"5px\",\n\t\t[theme.breakpoints.down(\"600\")]: {\n\t\t\tpadding: \"16px\",\n\t\t},\n\t},\n\tsnackbar: {\n\t\tmarginTop: 16,\n\t\t\"&.MuiSnackbarContent-root\": {\n\t\t\tbackground: \"rgba(50, 109, 255, .05)\",\n\t\t\tboxShadow: \"none\",\n\t\t\tcolor: \"black\",\n\t\t\twidth: \"100%\",\n\t\t\t[theme.breakpoints.down(\"600\")]: {\n\t\t\t\ttextAlign: \"center\",\n\t\t\t\tmarginTop: 15,\n\t\t\t},\n\t\t},\n\t\t\"& > .MuiSnackbarContent-message\": {\n\t\t\tpadding: \"4px 0\",\n\t\t\t[theme.breakpoints.down(\"600\")]: {\n\t\t\t\twidth: \"100%\",\n\t\t\t},\n\t\t},\n\t},\n\ttitle: {\n\t\tmarginBottom: 10,\n\t\tfontSize: 22,\n\t\tlineHeight: \"29px\",\n\t\tfontWeight: \"bold\",\n\t\t[theme.breakpoints.down(\"600\")]: {\n\t\t\tdisplay: \"none\",\n\t\t},\n\t},\n\tsubTitle: {\n\t\tmarginBottom: 10,\n\t\tfontSize: 20,\n\t\tlineHeight: \"29px\",\n\t\tfontWeight: \"bold\",\n\t\t[theme.breakpoints.down(\"600\")]: {\n\t\t\tdisplay: \"none\",\n\t\t},\n\t},\n\tcontainer: {\n\t\tposition: \"relative\",\n\t\tdisplay: \"flex\",\n\t\tflexWrap: \"wrap\",\n\t\twidth: \"100%\",\n\t},\n\trow: {\n\t\tdisplay: \"flex\",\n\t\t// margin: 15,\n\t\tflexWrap: \"wrap\",\n\t\twidth: \"100%\",\n\t\t[theme.breakpoints.down(\"600\")]: {\n\t\t\tmargin: 0,\n\t\t},\n\t},\n\tchip: {\n\t\tmargin: theme.spacing(0.5),\n\t\tbackgroundColor: \"#326dff\",\n\t\tpadding: \"18px 4px\",\n\t\tcolor: \"#fff\",\n\t},\n\ttagContainer: {\n\t\twidth: \"100%\",\n\t\tdisplay: \"flex\",\n\t\tflexWrap: \"wrap\",\n\t\tmaxHeight: 200,\n\t\toverflowY: \"auto\",\n\t\tlistStyle: \"none\",\n\t\t\"& > li\": {\n\t\t\tposition: \"relative\",\n\t\t},\n\t\t\"& > li > div > svg\": {\n\t\t\tfill: \"rgba(255, 255, 255, .5)\",\n\t\t},\n\t\t\"& > li > hr\": {\n\t\t\ttop: \"13px\",\n\t\t\tright: \"-20px\",\n\t\t\tposition: \"absolute\",\n\t\t\twidth: \"20px\",\n\t\t\theight: \"1px\",\n\t\t\ttransform: \"rotate(90deg)\",\n\t\t},\n\t\t\"& > li > div\": {\n\t\t\tmargin: \"4px 10px\",\n\t\t},\n\t\t\"& > li:last-child > hr\": {\n\t\t\tdisplay: \"none\",\n\t\t},\n\t\t\"&.MuiSvgIcon-root\": {\n\t\t\tcolor: \"rgba(255, 255, 255, 0.75)\",\n\t\t},\n\t\t[theme.breakpoints.down(\"600\")]: {\n\t\t\tpadding: \"15px 10px\",\n\t\t\tflexDirection: \"column\",\n\t\t\t\"& > li > hr\": {\n\t\t\t\tdisplay: \"none\",\n\t\t\t},\n\t\t\t\"& > li:last-child\": {\n\t\t\t\t\"& > div\": {\n\t\t\t\t\tmarginBottom: 0,\n\t\t\t\t},\n\t\t\t\t\"& > hr\": {\n\t\t\t\t\tdisplay: \"none\",\n\t\t\t\t},\n\t\t\t},\n\t\t\t\"& > li > div\": {\n\t\t\t\tposition: \"relative\",\n\t\t\t\twidth: \"100%\",\n\t\t\t\tdisplay: \"flex\",\n\t\t\t\tjustifyContent: \"space-between\",\n\t\t\t\tbackground: \"#E0E9FF\",\n\t\t\t\tborderRadius: \"30px\",\n\t\t\t\tcolor: \"#326DFF\",\n\t\t\t\tmargin: 0,\n\t\t\t\tmarginBottom: 10,\n\t\t\t\t\"& > svg\": {\n\t\t\t\t\tfill: \"white\",\n\t\t\t\t},\n\t\t\t\t\"& .MuiChip-label\": {\n\t\t\t\t\tfontSize: 12,\n\t\t\t\t\tfontWeight: 500,\n\t\t\t\t\tpaddingLeft: \"15px\",\n\t\t\t\t},\n\t\t\t\t\"&:hover\": {\n\t\t\t\t\tbackground: \"#326DFF\",\n\t\t\t\t\tcolor: \"white\",\n\t\t\t\t},\n\t\t\t},\n\t\t},\n\t},\n\tformContainer: {\n\t\twidth: \"100%\",\n\t\t// display: \"flex\",\n\t\tflexWrap: \"wrap\",\n\t},\n\tbt: {\n\t\tpaddingLeft: 10,\n\t\t[theme.breakpoints.down(\"600\")]: {\n\t\t\tpaddingLeft: 0,\n\t\t\tmarginTop: 80,\n\t\t\twidth: \"100%\",\n\t\t\ttextAlign: \"center\",\n\t\t},\n\t},\n\taddToList: {\n\t\tmarginTop: 16,\n\t\tmarginLeft: 16,\n\t\ttextTransform: \"initial\",\n\t\t[theme.breakpoints.down(\"600\")]: {\n\t\t\tmargin: \"0 auto 15px\",\n\t\t\tmarginTop: 16,\n\t\t},\n\t},\n\tsaveButton: {\n\t\tposition: \"absolute\",\n\t\ttop: -48,\n\t\tright: 0,\n\t\ttextTransform: \"initial\",\n\t\tbackground: \"#E9F1FC\",\n\t\tcolor: \"#326DFF\",\n\t\tminWidth: 125,\n\t\theight: 36,\n\t\tmargin: 0,\n\t\t[theme.breakpoints.down(\"600\")]: {\n\t\t\tposition: \"static\",\n\t\t},\n\t\t\"&:hover\": {\n\t\t\tcolor: \"white\",\n\t\t\tbackground: \"#326DFF\",\n\t\t},\n\t},\n\thr: {\n\t\tborder: \"1px dashed rgba(71, 98, 130, .25)\",\n\t\tboxSizing: \"border-box\",\n\t\tmarginLeft: \"10px\",\n\t\tmarginRight: \"10px\",\n\t},\n\tinput: {\n\t\t// [theme.breakpoints.down(\"600\")]: {\n\t\tmarginBottom: \"20px\",\n\t\twidth: \"328px\",\n\t\t[theme.breakpoints.down(\"700\")]: {\n\t\t\twidth: \"290px\",\n\t\t},\n\t\t[theme.breakpoints.down(\"600\")]: {\n\t\t\twidth: \"100%\",\n\t\t},\n\t\t\"& > .MuiInput-underline.Mui-error:after\": {\n\t\t\tcontent: \"none\",\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\t\"& > div.MuiInput-root\": {\n\t\t\tminHeight: 45,\n\t\t\tborder: \"1px solid #D6D6D6\",\n\t\t\tpadding: \"10px 52px 10px 16px\",\n\t\t\tborderRadius: 5,\n\t\t\t\"& > input\": {\n\t\t\t\tpadding: 0,\n\t\t\t\tfontSize: 16,\n\t\t\t\tlineHeight: \"24px\",\n\t\t\t\tcolor: \"#476282\",\n\t\t\t\t\"&::-webkit-outer-spin-button, &::-webkit-inner-spin-button\": {\n\t\t\t\t\t\"-webkit-appearance\": \"none\",\n\t\t\t\t\tmargin: 0,\n\t\t\t\t},\n\t\t\t\t\"&[type=number]\": {\n\t\t\t\t\t\"-moz-appearance\": \"textfield\",\n\t\t\t\t},\n\t\t\t},\n\t\t},\n\t\t\"& > label.MuiInputLabel-root\": {\n\t\t\tpadding: \"5px 52px 10px 16px\",\n\t\t},\n\t\t\"& > label.MuiInputLabel-shrink\": {\n\t\t\ttransform: \"translate(0, -3px) scale(0.75)\",\n\t\t},\n\t\t\"& > div.Mui-error\": {\n\t\t\tborder: \"1px solid red\",\n\t\t},\n\t},\n\t// }\n}));\n\nconst afterSubmit = (result, dispatch) => dispatch(reset(\"CategoriesForm\"));\n\nCategoriesForm = reduxForm({\n\tform: \"CategoriesForm\",\n\tonSubmitSuccess: afterSubmit,\n})(CategoriesForm);\n\nexport default CategoriesForm;\n","import React, { useEffect, useState } from \"react\";\nimport Blacklist from \"./index\";\nimport { withRouter } from \"react-router-dom\";\nimport { withFirebase } from \"../../firebase\";\n\nconst BlackListContainer = ({ firebase }) => {\n\tconst [blackList, setBlackList] = useState({ phoneNumbers: [], text: \"\" });\n\n\tuseEffect(() => {\n\t\tgetBlackList();\n\t}, []);\n\n\tconst getBlackList = () => {\n\t\tfirebase.bd.ref(`web/blackList`).on(\"value\", (snapshot) => {\n\t\t\tlet res = snapshot.val() || { phoneNumbers: [], text: \"\" };\n\n\t\t\tconst phoneNumbersArray = Object.keys(res?.phoneNumbers || []);\n\n\t\t\tsetBlackList({\n\t\t\t\t...res,\n\t\t\t\tphoneNumbers: phoneNumbersArray,\n\t\t\t});\n\t\t});\n\t};\n\n\tconst updateBlackList = (phoneNumbers, text) => {\n\t\tconst data = {\n\t\t\tphoneNumbers: phoneNumbers.reduce((acc, number) => {\n\t\t\t\tacc[number] = true;\n\t\t\t\treturn acc;\n\t\t\t}, {}),\n\t\t\ttext,\n\t\t};\n\n\t\tfirebase.bd\n\t\t\t.ref(`web/blackList`)\n\t\t\t.update(data) // Используем update, чтобы не затереть другие данные\n\t\t\t.then(() => {\n\t\t\t\tgetBlackList();\n\t\t\t})\n\t\t\t.catch((error) => {\n\t\t\t\tconsole.error(\"Failed to update blackList:\", error);\n\t\t\t});\n\t};\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
\n\t\t\n\t\t\t\t\t\n\t\t\t\t\t\tНомера\n\t\t\t\t\t \n\t\t\t\t\t
\n\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t {\n\t\t\t\t\t\t\t\t\t\tsetNumber(e.target.value);\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\t
\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t{phoneNumbers?.map((data, index) => (\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t handleDelete(data)}\n\t\t\t\t\t\t\t\t\t\t\tclassName={classes.chip}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t{isMin600 &&
}\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\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 \n\t\t\t\t\t\t\t\t\t setTextValue(e.target.value)}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t
\n\n\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\t{snackbarVisible && (\n\t\t\t\t\t\t\t\t\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';\n\nexport const EyeIcon = ({ style }) => (\n \n);\n\nexport const EyeOffIcon = ({ style }) => (\n \n\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 isNewAdmin = shops?.adminPermission?.newAdmin;\n\n\tconst activeBrand = isNewAdmin\n\t\t? shops\n\t\t\t\t.flatMap((shop) => shop.brands)\n\t\t\t\t.find((brand) => brand.id === brandId && brand.isActive)\n\t\t: shops[brandId];\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\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, { useEffect } from 'react';\nimport TextField from '@material-ui/core/TextField';\nimport { makeStyles } from '@material-ui/core/styles';\n\nconst useStyles = makeStyles(theme => ({\n root: {\n position: 'relative',\n width: 328,\n },\n hiddenNumber: {\n top: 15,\n right: 5,\n width: 70,\n height: 30,\n zIndex: 10,\n position: 'absolute',\n background: 'white',\n [theme.breakpoints.down(\"600\")]: {\n display: 'none',\n }\n },\n}));\n\nexport default function CustomizedInputs(\n { \n input, \n meta: { touched, error, warning, invalid }, \n ...props}\n ) {\n const classes = useStyles();\n const {defaultValue} = props;\n\n useEffect(() => {\n if (defaultValue) {\n input.onChange(\"0\");\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [defaultValue])\n\n return (\n \n \n
\n )\n};","import React from 'react'\n// import { makeStyles } from '@material-ui/core/styles';\n\nimport Select from '@material-ui/core/Select';\nimport FormControl from '@material-ui/core/FormControl';\nimport FormHelperText from '@material-ui/core/FormHelperText'\n\n// const useStyles = makeStyles(theme => ({\n// disabledMessage: {\n// marginTop: 6,\n// fontFamily: 'Roboto, sans-serif',\n// fontSize: 14,\n// color: 'red',\n// }\n// }));\n\nconst renderFromHelper = ({ touched, error }) => {\n if (!(touched && error)) {\n return\n } else {\n return \n \n \n {children}\n \n {renderFromHelper({ touched, error })}\n {/* {custom.disabled && (\n \n
\n )\n}","import React from 'react';\nimport { makeStyles } from '@material-ui/core/styles';\nimport { Field } from 'redux-form';\nimport CustomizedInputsPhone from '../../components/UIform/inputPhone';\nimport CustomizedInputsSelect from '../../components/UIform/inputSelect';\nimport {required} from 'redux-form-validators';\nimport FormControl from '@material-ui/core/FormControl';\nimport Typography from '@material-ui/core/Typography';\nimport Popover from '@material-ui/core/Popover';\n\nconst InfoIcon = ({ classes, className, onClick, ariaOwns, ariaHaspopup, onMouseEnter, onMouseLeave }) => (\n \n
\n )} */}\n Обратитесь к разработчикам для обновления приложения
\n \n \n
\n);\n\nconst IconComponent = ({ classes }) => {\n const [anchorEl, setAnchorEl] = React.useState(null);\n\n const handlePopoverOpen = (event) => {\n setAnchorEl(event.currentTarget);\n };\n const handlePopoverClose = () => {\n setAnchorEl(null);\n };\n const open = Boolean(anchorEl);\n\n return (\n \n \n Номер в формате: \n Украина: 380501234567 \n Россия: 79201234567 \n \n
\n )\n}\n\nconst RadioButtons = ({ audience, cityPush, ...props }) => {\n const classes = useStyles();\n const isOneCityNumber = props.city.length > 1;\n return (\n \n
\n )\n}\n\nconst useStyles = makeStyles(theme => ({\n phoneNumber: {\n display: 'block',\n marginTop: 14,\n '& .MuiInput-formControl': {\n width: 328,\n height: 45,\n padding: '13px 14px',\n boxSizing: 'border-box',\n borderRadius: 5,\n border: '1px solid #326DFF',\n [theme.breakpoints.down(\"376\")]: {\n width: '280px',\n }\n },\n '& div.Mui-error': {\n border: '1px solid red',\n },\n '& .MuiInput-underline:after': {\n content: 'none',\n },\n '& .MuiInput-underline.Mui-error:after': {\n content: 'none',\n },\n '& .MuiInput-underline:hover:not(.Mui-disabled):before': {\n content: 'none',\n },\n '& .MuiInput-underline:before': {\n content: 'none',\n },\n '& .MuiSelect-icon': {\n right: 8,\n }\n },\n select: {\n marginBottom: 12,\n width: 328,\n borderRadius: 5,\n border: 'none',\n [theme.breakpoints.down(\"376\")]: {\n width: '280px',\n },\n '& .MuiInput-formControl': {\n border: '1px solid #326DFF',\n borderRadius: 5,\n },\n '&:hover': {\n border: 'none',\n },\n '& .MuiSelect-select.MuiSelect-select': {\n height: 45,\n boxSizing: 'border-box',\n padding: 12,\n },\n '& .MuiOutlinedInput-input': {\n height: 45,\n padding: 12,\n boxSizing: 'border-box'\n },\n '& .MuiInputBase-root::before': {\n content: 'none',\n },\n '& .MuiInputBase-root::after': {\n content: 'none',\n }\n },\n selectCity: {\n marginTop: 14,\n },\n wrapper: {\n display: 'flex',\n flexDirection: 'column',\n },\n controlLabel: {\n marginBottom: 16,\n '& > div': {\n [theme.breakpoints.down(\"376\")]: {\n width: '280px',\n }\n }\n },\n inputCheckbox: {\n display: 'flex',\n },\n info: {\n marginLeft: 8,\n cursor: 'pointer',\n },\n checkbox: {\n width: 18,\n height: 18,\n color: '#476282',\n margin: 0,\n padding: 0,\n cursor: 'pointer'\n },\n textCheckbox: {\n marginLeft: 8,\n fontFamily: 'Roboto',\n fontSize: 15,\n lineheight: '18px',\n color: '#476282',\n cursor: 'pointer',\n },\n disabledMessage: {\n marginLeft: 8,\n fontSize: 12,\n color: 'red',\n },\n popover: {\n pointerEvents: 'none',\n },\n paper: {\n padding: theme.spacing(1),\n },\n}))\n\nexport default RadioButtons;","import React, { useState, useEffect } from 'react';\nimport 'emoji-mart/css/emoji-mart.css'\n\nimport { makeStyles } from '@material-ui/core/styles';\nimport useMediaQuery from '@material-ui/core/useMediaQuery';\nimport {connect} from 'react-redux';\nimport { withFirebase } from '../../firebase'\nimport { withRouter } from 'react-router-dom'\nimport { useSelector } from 'react-redux'\nimport { Field, reduxForm, reset, formValueSelector } from 'redux-form';\n\nimport CustomizedInputs from '../../components/UIform';\nimport {required} from 'redux-form-validators';\nimport Button from '../../components/Button';\nimport Paper from '@material-ui/core/Paper';\nimport Grid from '@material-ui/core/Grid';\n\nimport Typography from '@material-ui/core/Typography';\nimport FormLabel from '@material-ui/core/FormLabel';\nimport FormControl from '@material-ui/core/FormControl';\n\nimport RadioButtons from './radioButtons';\nimport ModalComponent from '../../components/ModalComponent';\nimport FormControlLabel from '@material-ui/core/FormControlLabel';\nimport Checkbox from '@material-ui/core/Checkbox';\nimport CustomizedInputsPhone from '../../components/UIform/index';\n\nconst validate = values => {\n const errors = {}\n if (values.phone) {\n const phone = values.phone.replace(/-/g, '');\n\n if (Number.isInteger(+phone)) {\n if (phone.length > 14) {\n errors.phone = `Максимальная длинна нормера - 14 цифр, текущий - ${phone.length} цифр`;\n }\n\n if (phone.length < 11) {\n errors.phone = `Минимальная длинна нормера - 11 цифр, текущий - ${phone.length} цифр`;\n }\n } else {\n errors.phone = 'Не валидный номер телефона';\n }\n }\n\n return errors\n}\n\nconst Paragraph = ({ classes, title }) => (\n \n \n \n \n \n {(isOneCityNumber && cityPush) && \n \n \n \n \n {props.city.map(({ spot_id, address }, key) => \n \n )}\n \n \n }\n \n }\n
\n \n
\n \n
\n {audience === 'favorite' && \n \n
\n\n {audience === 'city' &&\n \n \n this.props.hideAlert()}\n >\n \n
\n )\n }\n}\n\nexport default withStyles(styles, { withTheme: true })(AlertComponent);","import React, { Component } from 'react';\n\nimport Push from './push';\nimport { withFirebase } from '../../firebase';\nimport AlertComponent from '../../components/AlertComponent';\nimport {connect} from 'react-redux';\n\nclass PushContainer extends Component{\n\n constructor(){\n super();\n this.state = {\n loadStatus: false,\n phone: [],\n key: null,\n alertText: 'tres',\n alertShow: false,\n alertType: 'error',\n productPush: false, \n }\n }\n\n componentDidMount() {\n this.getProductPushKey();\n }\n\n getProductPushKey = () => {\n this.setState({ loadStatus: true });\n this.props.firebase.bd.ref(`${this.props.login}/adminPermission/productPush`).on(\"value\", (snapshot) => {\n let productPush = snapshot.val();\n\n this.setState({ productPush, loadStatus: false });\n });\n }\n\n sendPush = (data) => {\n const {cityId, phone, audience, text, product} = data;\n let topic = '/topics/';\n\n let self = this;\n\n let keyPush = this.props.notificationKey;\n\n let notification = {\n body: text,\n }\n\n this.setState({\n loadStatus: this.state.loadStatus ? false : true,\n })\n\n if (audience === 'favorite') {\n topic += phone.replace(/-/g, '');\n } else if (audience === 'city') {\n topic += cityId;\n } else if (audience === 'all') {\n topic += 'all';\n } else {\n topic += 'all';\n }\n \n let body = {\n to: topic,\n notification,\n }\n\n if (product) {\n body = {\n ...body,\n notification: {\n ...notification,\n click_action: `${this.props.bundleId}.FIREBASE_DATA`,\n title: '',\n },\n data: {\n product_id: product,\n body: '',\n title: '',\n }\n }\n }\n\n // console.log('body --- >>>', body);\n\n // console.log('body JSON =>', JSON.stringify(body));\n // console.log('Authorization', 'key=' + keyPush);\n\n fetch('https://fcm.googleapis.com/fcm/send', {\n 'method': 'POST',\n 'headers': {\n 'Authorization': 'key=' + keyPush,\n 'Content-Type': 'application/json'\n },\n 'body': JSON.stringify(body)\n }).then(function(response) {\n self.setState({\n alertText: 'Ваше уведомление успешно отправлено!',\n alertShow: true,\n alertType: 'success',\n loadStatus: false\n })\n }).catch(function(error) {\n self.setState({\n alertText: 'При отправке произошла ошибка, попробуйте еще раз!',\n alertShow: true,\n alertType: 'error', \n loadStatus: false\n })\n });\n \n }\n\n addPhone = (data) => {\n let phoneList = this.state.phone;\n phoneList.push(data.phone);\n this.setState({\n phone: phoneList,\n })\n }\n\n deletePhone = (key) => {\n let phoneList = this.state.phone;\n phoneList.splice(key, 1);\n this.setState({\n phone: phoneList\n })\n }\n\n hideAlert = () => {\n this.setState({\n alertShow: false\n })\n }\n\n render() {\n return(\n <>\n \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\tconst currentCity = JSON.parse(localStorage.getItem(\"chosenCity\"));\n\tconst deliveryTerminals = cities[currentCity]?.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(`/web/settings/city/${currentCity}/deliveryTerminals`)\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';\nimport { Field, reduxForm } from 'redux-form';\nimport Button from '../../components/Button';\nimport CustomizedInputs from '../../components/UIform';\nimport Loading from '../../components/Loading';\nimport {required} from 'redux-form-validators';\nimport { withStyles } from \"@material-ui/core/styles\";\nimport Typography from '@material-ui/core/Typography';\n\nclass AlertForm extends Component {\n \n componentDidMount(){\n this.props.initialize({text: this.props.alert});\n }\n\n componentDidUpdate(prevProps) {\n\t\t// Проверка изменения текста\n\t\tif (prevProps.alert!== this.props.alert) {\n\t\t\tthis.props.initialize({text: this.props.alert});\n\t\t}\n\t}\n\n render(){\n const { handleSubmit, classes } = this.props;\n return(\n <>\n \n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t props.handleTabs(e)}>\n {props.name}\n
;\n\n return (\n \n {data && data.map((item, key) => \n
\n )\n}\n\nconst useStyles = makeStyles({\n menu: {\n display: 'flex',\n justifyContent: 'space-between',\n alignItems: 'center',\n width: '100%',\n height: '47px',\n padding: '0 4px',\n background: '#f2f2f2',\n border: '1px solid #D6D6D6',\n boxSizing: 'border-box',\n boxShadow: '0px 2px 20px rgba(0, 0, 0, 0.04)',\n borderRadius: '47px',\n },\n tab: {\n fontSize: 16,\n fontWeight: 500,\n width: '50%',\n height: 39,\n textAlign: 'center',\n lineHeight: '39px',\n borderRadius: '39px',\n color: '#6C6C6C',\n }\n});\n\nexport default TabMobile;","import React from 'react';\nimport useMediaQuery from '@material-ui/core/useMediaQuery';\nimport { Field, reduxForm, reset } from 'redux-form';\nimport Button from '../../../components/Button';\nimport CustomizedInputs from '../../../components/UIform';\nimport Loading from '../../../components/Loading';\nimport {required} from 'redux-form-validators';\nimport { makeStyles } from '@material-ui/core/styles';\nimport Typography from '@material-ui/core/Typography';\nimport Chip from '@material-ui/core/Chip';\nimport SnackbarContent from '@material-ui/core/SnackbarContent';\n\nlet CategoriesForm = (props) => {\n const { handleSubmit } = props;\n const classes = useStyles();\n const isMin600 = useMediaQuery('(max-width: 599px)');\n\n let hiddenCategories = [];\n\n if (props.hiddenCategories) {\n hiddenCategories = [...props.hiddenCategories];\n }\n\n const handleDelete = (chipToDelete) => () => {\n let list = props.hiddenCategories.filter((chip) => chip !== chipToDelete);\n props.updateVisibility(list, 'hiddenCategories');\n };\n\n const addChip = (data) => {\n let status = hiddenCategories.find((chip) => chip === data.id);\n if(status === undefined){\n let list = [...props.hiddenCategories, data.id];\n console.log('list', list)\n props.updateVisibility(list, 'hiddenCategories');\n props.reset();\n } else {\n alert('Данный ID уже есть в списке')\n }\n };\n\n const saveData = () => {\n props.saveData('hiddenCategories')\n }\n\n return(\n \n Категорії \n
\n )\n}\n\nconst useStyles = makeStyles(theme => ({\n categoriesWrapper: {\n marginTop: '16px',\n padding: '24px 24px 16px 16px',\n border: '0.5px solid #DADCE0',\n boxSizing: 'border-box',\n borderRadius: '5px',\n [theme.breakpoints.down(\"600\")]: {\n padding: '16px',\n }\n },\n snackbar: {\n marginTop: 16,\n '&.MuiSnackbarContent-root': {\n background: 'rgba(50, 109, 255, .05)',\n boxShadow: 'none',\n color: 'black',\n width: '100%',\n [theme.breakpoints.down(\"600\")]: {\n textAlign: 'center',\n marginTop: 15,\n }\n },\n '& > .MuiSnackbarContent-message': {\n padding: '4px 0',\n [theme.breakpoints.down(\"600\")]: {\n width: '100%',\n }\n }\n },\n title: {\n marginBottom: 10,\n fontSize: 22,\n lineHeight: '29px',\n fontWeight: 'bold',\n [theme.breakpoints.down(\"600\")]: {\n display: 'none'\n }\n },\n container: {\n position: 'relative',\n display: 'flex',\n flexWrap: 'wrap',\n width: '100%',\n },\n row: {\n display: 'flex',\n // margin: 15,\n flexWrap: 'wrap',\n width: '100%',\n [theme.breakpoints.down(\"600\")]: {\n margin: 0,\n }\n },\n chip: {\n margin: theme.spacing(0.5),\n backgroundColor: '#326dff',\n padding: '18px 4px',\n color: '#fff',\n\n },\n tagContainer: {\n width: '100%',\n display: 'flex',\n flexWrap: 'wrap',\n maxHeight: 200,\n overflowY: 'auto',\n listStyle: 'none',\n '& > li': {\n position: 'relative',\n },\n '& > li > div > svg': {\n fill: 'rgba(255, 255, 255, .5)',\n },\n '& > li > hr': {\n top: '13px',\n right: '-20px',\n position: 'absolute',\n width: '20px',\n height: '1px',\n transform: 'rotate(90deg)',\n },\n '& > li > div': {\n margin: '4px 10px',\n },\n '& > li:last-child > hr': {\n display: 'none'\n },\n '&.MuiSvgIcon-root': {\n color: 'rgba(255, 255, 255, 0.75)'\n },\n [theme.breakpoints.down(\"600\")]: {\n padding: '15px 10px',\n flexDirection: 'column',\n '& > li > hr': {\n display: 'none'\n },\n '& > li:last-child': {\n '& > div': {\n marginBottom: 0,\n },\n '& > hr': {\n display: 'none',\n },\n },\n '& > li > div': {\n position: 'relative',\n width: '100%',\n display: 'flex',\n justifyContent: 'space-between',\n background: '#E0E9FF',\n borderRadius: '30px',\n color: '#326DFF',\n margin: 0,\n marginBottom: 10,\n '& > svg': {\n fill: 'white',\n },\n '& .MuiChip-label': {\n fontSize: 12,\n fontWeight: 500,\n paddingLeft: '15px', \n },\n '&:hover': {\n background: '#326DFF',\n color: 'white',\n }\n }\n }\n },\n formContainer: {\n width: '100%',\n display: 'flex',\n flexWrap: 'wrap',\n },\n bt: {\n paddingLeft: 10,\n [theme.breakpoints.down(\"600\")]: {\n paddingLeft: 0,\n marginTop: 80,\n width: '100%',\n textAlign: 'center',\n }\n },\n addToList: {\n marginTop: 16,\n marginLeft: 16,\n textTransform: 'initial',\n [theme.breakpoints.down(\"600\")]: {\n margin: '0 auto',\n marginTop: 16,\n }\n },\n saveButton: {\n position: 'absolute',\n top: -48,\n right: 0,\n textTransform: 'initial',\n background: '#E9F1FC',\n color: '#326DFF',\n minWidth: 125,\n height: 36,\n margin: 0,\n [theme.breakpoints.down(\"600\")]: {\n position: 'static',\n },\n '&:hover': {\n color: 'white',\n background: '#326DFF',\n }\n },\n hr: {\n border: '1px dashed rgba(71, 98, 130, .25)',\n boxSizing: 'border-box',\n marginLeft: '10px',\n marginRight: '10px',\n },\n input: {\n // [theme.breakpoints.down(\"600\")]: {\n width: '328px',\n [theme.breakpoints.down(\"700\")]: {\n width: '290px',\n },\n [theme.breakpoints.down(\"600\")]: {\n width: '100%',\n },\n '& > .MuiInput-underline.Mui-error:after': {\n content: 'none',\n },\n '& .MuiInput-underline:before': {\n content: 'none',\n },\n '& .MuiInput-underline:after': {\n content: 'none',\n },\n '& > div.MuiInput-root': {\n height: 45,\n border: '1px solid #D6D6D6',\n padding: '10px 52px 10px 16px',\n borderRadius: 5,\n '& > input': {\n padding: 0,\n fontSize: 16,\n lineHeight: '24px',\n color: '#476282',\n },\n },\n '& > label.MuiInputLabel-root': {\n padding: '5px 52px 10px 16px',\n },\n '& > label.MuiInputLabel-shrink': {\n transform: 'translate(0, -3px) scale(0.75)',\n },\n '& > div.Mui-error': {\n border: '1px solid red',\n }\n }\n // }\n}));\n\nconst afterSubmit = (result, dispatch) => \n dispatch(reset('CategoriesForm'));\n \nCategoriesForm = reduxForm({\n form: 'CategoriesForm', \n onSubmitSuccess: afterSubmit,\n })(CategoriesForm);\n\n export default CategoriesForm;","import useMediaQuery from '@material-ui/core/useMediaQuery';\nimport { makeStyles } from '@material-ui/core/styles';\n\nexport default makeStyles(theme => ({\n productsWrapper: {\n marginTop: 16,\n padding: '24px 24px 16px 16px',\n border: '0.5px solid #DADCE0',\n boxSizing: 'border-box',\n borderRadius: '5px',\n },\n snackbar: {\n marginTop: 16,\n '&.MuiSnackbarContent-root': {\n background: 'rgba(50, 109, 255, .05)',\n boxShadow: 'none',\n color: 'black',\n width: '100%',\n [theme.breakpoints.down(\"600\")]: {\n textAlign: 'center',\n marginTop: 15,\n }\n },\n '& > .MuiSnackbarContent-message': {\n padding: '4px 0',\n [theme.breakpoints.down(\"600\")]: {\n width: '100%',\n }\n }\n },\n title: {\n marginBottom: 10,\n fontSize: 22,\n lineHeight: '29px',\n fontWeight: 'bold',\n [theme.breakpoints.down(\"600\")]: {\n display: 'none'\n }\n },\n container: {\n position: 'relative',\n display: 'flex',\n flexWrap: 'wrap',\n width: '100%',\n },\n row: {\n display: 'flex',\n // margin: 15,\n flexWrap: 'wrap',\n width: '100%',\n [theme.breakpoints.down(\"600\")]: {\n margin: 0,\n }\n },\n chip: {\n margin: theme.spacing(0.5),\n backgroundColor: '#326dff',\n padding: '18px 4px',\n color: '#fff',\n \n },\n tagContainer: {\n width: '100%',\n display: 'flex',\n flexWrap: 'wrap',\n maxHeight: 200,\n overflowY: 'auto',\n listStyle: 'none',\n '& > li': {\n position: 'relative',\n },\n '& > li > div > svg': {\n fill: 'rgba(255, 255, 255, .5)',\n },\n '& > li > hr': {\n top: '13px',\n right: '-20px',\n position: 'absolute',\n width: '20px',\n height: '1px',\n transform: 'rotate(90deg)',\n },\n '& > li > div.MuiChip-root': {\n margin: '4px 10px',\n },\n '& > li:last-child > hr': {\n display: 'none'\n },\n '&.MuiSvgIcon-root': {\n color: 'rgba(255, 255, 255, 0.75)'\n },\n [theme.breakpoints.down(\"600\")]: {\n padding: '15px 10px',\n flexDirection: 'column',\n '& > li > hr': {\n display: 'none'\n },\n '& > li:last-child': {\n '& > div': {\n marginBottom: 0,\n },\n '& > hr': {\n display: 'none',\n },\n },\n '& > li > div': {\n position: 'relative',\n width: '100%',\n display: 'flex',\n justifyContent: 'space-between',\n background: '#E0E9FF',\n borderRadius: '30px',\n color: '#326DFF',\n margin: 0,\n marginBottom: 10,\n '& > svg': {\n fill: 'white',\n },\n '& .MuiChip-label': {\n fontSize: 12,\n fontWeight: 500,\n paddingLeft: '15px', \n },\n '&:hover': {\n background: '#326DFF',\n color: 'white',\n }\n }\n }\n },\n formContainer: {\n width: '100%',\n display: 'flex',\n flexWrap: 'wrap',\n },\n bt: {\n paddingLeft: 10,\n [theme.breakpoints.down(\"600\")]: {\n paddingLeft: 0,\n marginTop: 80,\n width: '100%',\n textAlign: 'center',\n }\n },\n addToList: {\n marginTop: 16,\n marginLeft: 16,\n textTransform: 'initial',\n [theme.breakpoints.down(\"600\")]: {\n margin: '0 auto',\n marginTop: 16,\n }\n },\n saveButton: {\n position: 'absolute',\n top: -48,\n right: 0,\n textTransform: 'initial',\n background: '#E9F1FC',\n color: '#326DFF',\n minWidth: 125,\n height: 36,\n margin: 0,\n [theme.breakpoints.down(\"600\")]: {\n position: 'static',\n },\n '&:hover': {\n color: 'white',\n background: '#326DFF',\n }\n },\n hr: {\n border: '1px dashed rgba(71, 98, 130, .25)',\n boxSizing: 'border-box',\n marginLeft: '10px',\n marginRight: '10px',\n },\n input: {\n // [theme.breakpoints.down(\"600\")]: {\n width: '328px',\n [theme.breakpoints.down(\"700\")]: {\n width: '290px',\n },\n [theme.breakpoints.down(\"600\")]: {\n width: '100%',\n },\n '& > .MuiInput-underline.Mui-error:after': {\n content: 'none',\n },\n '& .MuiInput-underline:before': {\n content: 'none',\n },\n '& .MuiInput-underline:after': {\n content: 'none',\n },\n '& > div.MuiInput-root': {\n height: 45,\n border: '1px solid #D6D6D6',\n padding: '10px 52px 10px 16px',\n borderRadius: 5,\n '& > input': {\n padding: 0,\n fontSize: 16,\n lineHeight: '24px',\n color: '#476282',\n },\n },\n '& > label.MuiInputLabel-root': {\n padding: '5px 52px 10px 16px',\n },\n '& > label.MuiInputLabel-shrink': {\n transform: 'translate(0, -3px) scale(0.75)',\n },\n '& > div.Mui-error': {\n border: '1px solid red',\n }\n }\n // }\n }));","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 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 './styles';\n\nconst ProductsForm = (props) => {\n const { handleSubmit } = props;\n const classes = useStyles();\n const [isDelete, setIsDelete] = useState(null);\n const [products, setProducts] = useState(props.products);\n const isMin600 = useMediaQuery('(max-width: 599px)');\n const isMax600 = useMediaQuery('(min-width: 600px)');\n\n let hiddenProducts = [];\n\n if (props.hiddenProducts) {\n hiddenProducts = [...props.hiddenProducts];\n }\n \n const handleDelete = (chipToDelete) => () => {\n let list = hiddenProducts.filter((chip) => chip !== chipToDelete);\n let product = props.products[chipToDelete];\n // if (product && product.spots) {\n // product.spots[0].visible = \"1\";\n // } \n\n setIsDelete(true);\n setProducts({\n ...products,\n [chipToDelete]: {\n ...product\n }\n });\n\n props.updateVisibility(list, 'hiddenProducts');\n };\n\n const addChip = (data) => {\n // console.log('props', props)\n let status = hiddenProducts.find((chip) => chip === data.id);\n let product = props.products[data.id];\n if (product && product.spots) {\n product.spots[0].visible = \"0\";\n } \n \n setIsDelete(false);\n setProducts({\n ...products,\n [data.id]: {\n ...product\n }\n });\n\n if(status === undefined){\n let list = [...hiddenProducts, data.id];\n props.updateVisibility(list, 'hiddenProducts');\n props.reset();\n } else {\n alert('Данный ID уже есть в списке')\n }\n };\n\n const saveData = () => {\n props.saveData('hiddenProducts');\n\n if (products && isDelete) {\n props.changeVisibleProduct(products);\n }\n\n if (products && !isDelete) {\n props.changeVisibleProduct(products);\n }\n }\n\n return(\n \n
\n \n
\n \n {hiddenCategories.map((data, index) => {\n return (\n \n
}\n
\n \n );\n })}\n
\n \n {props.isActiveCategoriesSnackbar && \n }\n
\n
\n Товари \n
\n )\n}\n\nexport default reduxForm({\n form: 'ProductsForm', \n })(ProductsForm);","import React, { useState } from \"react\";\nimport useMediaQuery from \"@material-ui/core/useMediaQuery\";\nimport { makeStyles } from \"@material-ui/core/styles\";\n\nimport TabMobile from \"../../../components/TabMobile\";\nimport CategoriesForm from \"./categoriesForm\";\nimport ProductsForm from \"./productsForm\";\nimport Typography from \"@material-ui/core/Typography\";\n\nconst PopoverComponent = (props) => {\n\tconst classes = useStyles();\n\tconst [active, setActive] = useState(0);\n\tconst {\n\t\thiddenCategories,\n\t\thiddenProducts,\n\t\tupdateVisibility,\n\t\tloadStatus,\n\t\tisActiveCategoriesSnackbar,\n\t\tisActiveMenusSnackbar,\n\t\tsaveData,\n\t} = props;\n\tconst isMin600 = useMediaQuery(\"(max-width: 599px)\");\n\tconst isMax600 = useMediaQuery(\"(min-width: 600px)\");\n\n\tconst handleTabs = (el) => {\n\t\tconst id = el.target.id;\n\t\tsetActive(Number(id));\n\t};\n\n\treturn (\n\t\t\n
\n \n
\n \n {hiddenProducts.map((data, index) => {\n return (\n \n
}\n
\n \n );\n })}\n
\n \n {props.isActiveMenusSnackbar && \n }\n
\n
\n\t\t\t
\n\t);\n};\n\nconst useStyles = makeStyles((theme) => ({\n\ttabWrapper: {},\n\tdesctopWrapper: {\n\t\tpadding: \"24px 16px 24px 16px\",\n\t\tbackground: \"white\",\n\t\tborder: \" 0.5px solid #DADCE0\",\n\t\tboxSizing: \"border-box\",\n\t\tborderRadius: \"5px 5px 0px 0px\",\n\t},\n\ttabContent: {\n\t\t[theme.breakpoints.down(\"600\")]: {\n\t\t\tpadding: \"16px 8px\",\n\t\t\tbackground: \"white\",\n\t\t\tborder: \"1px solid #E5E5E5\",\n\t\t\tborderRadius: 10,\n\t\t},\n\t},\n\ttitle: {\n\t\tmarginBottom: 16,\n\t\tfontSize: 22,\n\t\tfontWeight: \"bold\",\n\t\tlineHeight: \"29px\",\n\t},\n\ttitleMobile: {\n\t\tmarginTop: 16,\n\t\tmarginBottom: 8,\n\t\tfontSize: 22,\n\t\tfontWeight: \"bold\",\n\t\tlineHeight: \"29px\",\n\t},\n}));\n\nexport default PopoverComponent;\n","import React, { Component } from \"react\";\nimport { connect } from \"react-redux\";\nimport { withFirebase } from \"../../../firebase\";\n\nimport Categories from \"./categories\";\n\nimport { updateVisibility, updateBrandData } from \"../../../reducers/shops\";\n\nclass CategoriesContainer extends Component {\n\tconstructor() {\n\t\tsuper();\n\n\t\tthis.state = {\n\t\t\tadminPermission: {},\n\t\t\tproducts: [],\n\t\t\thiddenProducts: [],\n\t\t\thiddenCategories: [],\n\t\t\tpreloader: false,\n\t\t\tisActiveCategoriesSnackbar: false,\n\t\t\tisActiveMenusSnackbar: false,\n\t\t\tcityId: null,\n\t\t};\n\t}\n\n\tcomponentDidMount() {\n\t\tthis.getProducts();\n\t\tthis.getDefaultHiddenCategories();\n\t\tthis.getDefaultHiddenProducts();\n\t}\n\n\tcomponentDidUpdate(prevProps, prevState) {\n\t\t// Проверяем, изменился ли cityId\n\t\tlet cityPath = window.location.pathname.split(\"/\");\n\t\tcityPath = cityPath[cityPath.length - 1];\n\n\t\tif (cityPath !== (this.state.cityId || prevProps.cityId)) {\n\t\t\tthis.getCityId();\n\t\t\tthis.getDefaultHiddenCategories();\n\t\t\tthis.getDefaultHiddenProducts();\n\t\t}\n\t}\n\n\tgetProducts = () => {\n\t\tthis.setState({ preloader: true });\n\t\tthis.props.firebase.bd\n\t\t\t.ref(`${this.props.login}/products`)\n\t\t\t.once(\"value\", (snapshot) => {\n\t\t\t\tlet products = snapshot.val();\n\n\t\t\t\tif (products) {\n\t\t\t\t\tthis.setState({ products, preloader: false });\n\t\t\t\t}\n\n\t\t\t\tthis.setState({ preloader: false });\n\t\t\t});\n\t};\n\n\tgetCityId = () => {\n\t\tlet cityId = window.location.pathname.split(\"/\");\n\t\tcityId = cityId[cityId.length - 1];\n\n\t\tthis.setState({ cityId });\n\t};\n\n\tgetDefaultHiddenCategories = () => {\n\t\tthis.setState({ preloader: true });\n\n\t\tconst adminPermission = JSON.parse(localStorage.getItem(\"adminPermission\"));\n\t\tconst chosenBrand = JSON.parse(localStorage.getItem(\"chosenBrand\"));\n\t\tconst chosenCity = JSON.parse(localStorage.getItem(\"chosenCity\"));\n\n\t\tlet cityId = window.location.pathname.split(\"/\");\n\t\tcityId = cityId[cityId.length - 1];\n\n\t\tif (adminPermission?.newAdmin) {\n\t\t\tthis.props.firebase.bd\n\t\t\t\t.ref(\n\t\t\t\t\t`web/settings/city/${chosenCity}/brands/${chosenBrand}/category/hiddenCategories`\n\t\t\t\t)\n\t\t\t\t.once(\"value\", (snapshot) => {\n\t\t\t\t\tlet hiddenCategories = snapshot.val();\n\t\t\t\t\tthis.setState({ hiddenCategories, preloader: false });\n\t\t\t\t});\n\t\t} else {\n\t\t\tthis.props.firebase.bd\n\t\t\t\t.ref(`web/settings/city/${cityId}/category/hiddenCategories`)\n\t\t\t\t.once(\"value\", (snapshot) => {\n\t\t\t\t\tlet hiddenCategories = snapshot.val();\n\t\t\t\t\tthis.setState({ hiddenCategories, preloader: false });\n\t\t\t\t});\n\t\t}\n\t};\n\n\tgetDefaultHiddenProducts = () => {\n\t\tconst adminPermission = JSON.parse(localStorage.getItem(\"adminPermission\"));\n\t\tconst chosenBrand = JSON.parse(localStorage.getItem(\"chosenBrand\"));\n\t\tconst chosenCity = JSON.parse(localStorage.getItem(\"chosenCity\"));\n\n\t\tlet cityId = window.location.pathname.split(\"/\");\n\t\tcityId = cityId[cityId.length - 1];\n\n\t\tif (adminPermission?.newAdmin) {\n\t\t\tthis.props.firebase.bd\n\t\t\t\t.ref(\n\t\t\t\t\t`web/settings/city/${chosenCity}/brands/${chosenBrand}/category/hiddenProducts`\n\t\t\t\t)\n\t\t\t\t.once(\"value\", (snapshot) => {\n\t\t\t\t\tlet hiddenProducts = snapshot.val();\n\t\t\t\t\tthis.setState({ hiddenProducts, preloader: false });\n\t\t\t\t});\n\t\t} else {\n\t\t\tthis.props.firebase.bd\n\t\t\t\t.ref(`web/settings/city/${cityId}/category/hiddenProducts`)\n\t\t\t\t.once(\"value\", (snapshot) => {\n\t\t\t\t\tlet hiddenProducts = snapshot.val();\n\t\t\t\t\tthis.setState({ hiddenProducts, preloader: false });\n\t\t\t\t});\n\t\t}\n\t};\n\n\thandleCategoriesSnackbar() {\n\t\tthis.setState({ isActiveCategoriesSnackbar: true });\n\n\t\tsetTimeout(() => {\n\t\t\tthis.setState({ isActiveCategoriesSnackbar: false });\n\t\t}, 3000);\n\t}\n\n\thandleMenusSnackbar() {\n\t\tthis.setState({ isActiveMenusSnackbar: true });\n\n\t\tsetTimeout(() => {\n\t\t\tthis.setState({ isActiveMenusSnackbar: false });\n\t\t}, 3000);\n\t}\n\n\tupdateVisibility = (list, params) => {\n\t\tif (params === \"hiddenCategories\") {\n\t\t\tthis.props.handleCategoriesMenu(true);\n\t\t\tthis.setState({ hiddenCategories: list });\n\t\t} else if (params === \"hiddenProducts\") {\n\t\t\tthis.props.handleProductsMenu(true);\n\t\t\tthis.setState({ hiddenProducts: list });\n\t\t}\n\n\t\tthis.props.updateVisibility({ list, params });\n\n\t\t// if (params === \"hiddenCategories\") {\n\t\t// \tthis.props.handleCategoriesMenu(true);\n\t\t// } else {\n\t\t// \tthis.props.handleProductsMenu(true);\n\t\t// }\n\n\t\t// console.log(\"list, params === >>>\", list, params);\n\n\t\t// this.props.updateVisibility({ list, params });\n\t};\n\n\tchangeVisibleProduct = (products) => {\n\t\tthis.setState({ preloader: true });\n\t\tthis.props.firebase.bd\n\t\t\t.ref(`${this.props.login}/products`)\n\t\t\t.update(products)\n\t\t\t.then((res) => {\n\t\t\t\tthis.setState({\n\t\t\t\t\tpreloader: false,\n\t\t\t\t});\n\t\t\t});\n\t};\n\n\tsaveData = (type) => {\n\t\tconst isCategories = type === \"hiddenCategories\" ? true : false;\n\n\t\tlet cityId = window.location.pathname.split(\"/\");\n\t\tcityId = cityId[cityId.length - 1];\n\n\t\tconst adminPermission = JSON.parse(localStorage.getItem(\"adminPermission\"));\n\t\tconst currentCity = JSON.parse(localStorage.getItem(\"chosenCity\"));\n\t\tconst currentBrand = JSON.parse(localStorage.getItem(\"chosenBrand\"));\n\n\t\tadminPermission?.newAdmin\n\t\t\t? this.props.firebase.bd\n\t\t\t\t\t.ref(\n\t\t\t\t\t\t`web/settings/city/${currentCity}/brands/${currentBrand}/category/${type}`\n\t\t\t\t\t)\n\t\t\t\t\t.set(this.props[type])\n\t\t\t\t\t.then((res) => {\n\t\t\t\t\t\tthis.setState({ preloader: false });\n\t\t\t\t\t\tif (isCategories) {\n\t\t\t\t\t\t\tthis.props.updateVisibility({\n\t\t\t\t\t\t\t\t// list: this.props.hiddenCategories,\n\t\t\t\t\t\t\t\tlist: this.state.hiddenCategories,\n\t\t\t\t\t\t\t\tparams: \"hiddenCategories\",\n\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\tthis.handleCategoriesSnackbar();\n\t\t\t\t\t\t\tthis.props.handleCategoriesMenu(false);\n\t\t\t\t\t\t\tthis.props.getDefaultHiddenCategories();\n\t\t\t\t\t\t\tthis.props.updateBrandData({\n\t\t\t\t\t\t\t\tshopKey: currentCity,\n\t\t\t\t\t\t\t\tbrandKey: currentBrand,\n\t\t\t\t\t\t\t\tpath: \"category.hiddenCategories\",\n\t\t\t\t\t\t\t\tvalue: this.state.hiddenCategories,\n\t\t\t\t\t\t\t\t// value: this.props.hiddenCategories,\n\t\t\t\t\t\t\t});\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\tthis.props.updateVisibility({\n\t\t\t\t\t\t\t\t// list: this.props.hiddenProducts,\n\t\t\t\t\t\t\t\tlist: this.state.hiddenProducts,\n\t\t\t\t\t\t\t\tparams: \"hiddenProducts\",\n\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t// this.handleMenusSnackbar();\n\t\t\t\t\t\t\tthis.props.handleProductsMenu(false);\n\t\t\t\t\t\t\tthis.props.getDefaultHiddenProducts();\n\t\t\t\t\t\t\tthis.props.updateBrandData({\n\t\t\t\t\t\t\t\tshopKey: currentCity,\n\t\t\t\t\t\t\t\tbrandKey: currentBrand,\n\t\t\t\t\t\t\t\tpath: \"category.hiddenProducts\",\n\t\t\t\t\t\t\t\t// value: this.props.hiddenProducts,\n\t\t\t\t\t\t\t\tvalue: this.state.hiddenProducts,\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: this.props.firebase.bd\n\t\t\t\t\t.ref(`web/settings/city/${cityId}/category/${type}`)\n\t\t\t\t\t.set(this.props[type])\n\t\t\t\t\t.then((res) => {\n\t\t\t\t\t\tthis.setState({ preloader: false });\n\t\t\t\t\t\tif (isCategories) {\n\t\t\t\t\t\t\tthis.props.updateVisibility({\n\t\t\t\t\t\t\t\t// list: this.props.hiddenCategories,\n\t\t\t\t\t\t\t\tlist: this.state.hiddenCategories,\n\t\t\t\t\t\t\t\tparams: \"hiddenCategories\",\n\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\tthis.handleCategoriesSnackbar();\n\t\t\t\t\t\t\tthis.props.handleCategoriesMenu(false);\n\t\t\t\t\t\t\tthis.props.getDefaultHiddenCategories();\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\tthis.props.updateVisibility({\n\t\t\t\t\t\t\t\t// list: this.props.hiddenProducts,\n\t\t\t\t\t\t\t\tlist: this.state.hiddenProducts,\n\t\t\t\t\t\t\t\tparams: \"hiddenProducts\",\n\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t// this.handleMenusSnackbar();\n\t\t\t\t\t\t\tthis.props.handleProductsMenu(false);\n\t\t\t\t\t\t\tthis.props.getDefaultHiddenProducts();\n\t\t\t\t\t\t}\n\t\t\t\t\t});\n\t};\n\n\trender() {\n\t\treturn (\n\t\t\t<>\n\t\t\t\t\n\t\t\t\t{isMin600 && (\n\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\t
\n\t\t\n\t\t\t\t\t{isMin600 && (\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t{active === 0 && (\n\t\t\t\t\t\t\t\t
\n\t\t\t\n\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\t
\n\t\t\t\t\t)}\n\t\t\t\t\n
\n )\n}\n\nlet TableForm = (props) => {\n const classes = useStyles();\n const { handleSubmit, pristine, reset, submitting } = props\n\n const [openModal, setOpenModal] = useState(false);\n const [isSubmit, setIsSubmit] = useState(false);\n const [dataTableForm, setDataTableForm] = useState(null);\n\n const handleClose = () => {\n setOpenModal(false);\n setIsSubmit(false);\n };\n\n const handleClickSubmit = () => {\n setOpenModal(false);\n setIsSubmit(true);\n };\n\n const handleTableForm = (data) => {\n setOpenModal(true); \n if (data) {\n setDataTableForm(data);\n }\n }\n\n useEffect(() => {\n if (isSubmit && !openModal) {\n console.log('Вы подтвердили');\n\n props.saveWorkTime(dataTableForm);\n }\n \n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [isSubmit, openModal]);\n\n const myCustomMaskDefinitions = {\n 2: {\n regExp: /[0-2]/,\n },\n 5: {\n regExp: /[0-5]/,\n },\n 9: {\n regExp: /[0-9]/,\n },\n };\n const phoneMask = createTextMask({ \n pattern: '29:59',\n maskDefinitions: myCustomMaskDefinitions,\n });\n const minuteMask = createTextMask({ \n pattern: '999',\n maskDefinitions: myCustomMaskDefinitions,\n });\n return ( \n {meta.error}
}\n \n
\n )\n}\n\nconst useStyles = makeStyles(theme => ({\n root: {\n marginTop: '24px',\n marginBottom: '0px',\n },\n workTimeWrap: {\n marginBottom: 24,\n },\n labelWrap: {\n display: 'block',\n marginBottom: '8px',\n '& > label': {\n fontSize: 13,\n lineHeight: 1,\n fontWeight: 400,\n color: '#333',\n }\n },\n calendarField: {\n width: 140,\n textAlign: 'center',\n height: 30,\n fontSize: 16,\n lineHeight: '30px',\n border: '1px solid #DADCE0',\n boxSizing: 'border-box',\n borderRadius: 5,\n overflow: 'hidden',\n '& .MuiInput-input': {\n textAlign: 'center',\n padding: '5px 0 7px',\n color: '#476282',\n },\n '& .MuiInput-input:disabled': {\n background: '#f5f5f5',\n border: '1px solid transparent',\n },\n '& .MuiInput-underline:after': {\n content: 'none'\n },\n '& .MuiInput-underline:before': {\n content: 'none'\n },\n '& .MuiInput-underline:hover:not(.Mui-disabled):before': {\n content: 'none'\n },\n },\n textAreaField: {\n width: '100%',\n '& > .MuiInputBase-multiline': {\n border: '1px solid #DADCE0',\n borderRadius: 5,\n padding: '12px 6px',\n '&:after': {\n display: 'none'\n },\n '&:before': {\n display: 'none'\n }\n }\n },\n button: {\n background: '#326dff',\n borderRadius: 3,\n border: 0,\n color: 'white',\n height: 45,\n minWidth: 180,\n width: 'auto',\n fontSize: 14,\n marginTop: 10,\n boxShadow: 'none',\n '&:hover': {\n background: '#326dffcf',\n boxShadow: 'none',\n }\n }\n}));\n\n// const mapStateToProps = (state) => {\n// let initialValues = {};\n// let city = state.shops.shops[state.shops.keyShop];\n\n// // console.log('city', city);\n\n// if (city && city.workingHours) {\n// let time = city.workingHours[0];\n\n// initialValues.begin = time.begin.replace(':', '');\n// initialValues.end = time.end.replace(':', '');\n// // initialValues.orderTimeLimit = String(time.orderTimeLimit);\n// // initialValues.message = time.message ? time.message : '';\n// }\n\n// console.log('initialValues', initialValues);\n\n// // return { initialValues };\n// }\n\nTableForm = connect(null, null)(reduxForm({\n form: 'WorkingHours', \n enableReinitialize : true\n})(TableForm));\n\nexport default TableForm;","import React, { useEffect } from 'react';\nimport { withRouter } from 'react-router-dom';\nimport { useSelector } from 'react-redux';\nimport { makeStyles } from '@material-ui/core';\nimport useMediaQuery from '@material-ui/core/useMediaQuery';\nimport Typography from '@material-ui/core/Typography';\nimport TableForm from './TableForm';\n\nconst WorkTimeComponent = (props) => {\n const classes = useStyles();\n const workingHours = useSelector(state => state.shops.workingHours);\n const isMin600 = useMediaQuery('(max-width: 599px)');\n const isMax600 = useMediaQuery('(min-width: 600px)');\n\n useEffect(() => {\n const cityId = props.match.params.city;\n\n if (cityId !== props.keyShop) {\n // console.log('--- changed ---');\n props.getWorkingHours();\n }\n }, [props.match.params.city, props.keyShop]);\n\n return ( \n \n {isMin600 && Время работы }\n {isMin600 && (\n
\n )\n}\n\nconst useStyles = makeStyles(theme => ({\n root: {\n \n },\n desctopWrapper: {\n padding: '24px 16px 24px 16px',\n background: 'white',\n border:' 0.5px solid #DADCE0',\n boxSizing: 'border-box',\n borderRadius: '5px 5px 0px 0px',\n },\n tabContent: {\n [theme.breakpoints.down(\"600\")]: {\n padding: '16px 8px',\n background: 'white',\n border: '1px solid #E5E5E5',\n borderRadius: 10,\n },\n },\n title: {\n marginBottom: 16,\n fontSize: 22,\n fontWeight: 'bold',\n lineHeight: '29px',\n },\n titleMobile: {\n marginTop: 16,\n marginBottom: 8,\n fontSize: 22,\n fontWeight: 'bold',\n lineHeight: '29px',\n }\n}));\n\nexport default withRouter(WorkTimeComponent);","import React, {Component} from 'react';\nimport {connect} from 'react-redux';\nimport { withRouter } from \"react-router\";\nimport {updateKeyShop, updateSettings, updateWorktime, updateIsDirtyWorktime, updateWorkingHours} from '../../reducers/shops';\nimport { withFirebase } from '../../firebase'\n\nimport WorkTime from './WorkTimeComponent';\n\nclass WorkTimeContainer extends Component{\n\n constructor(){\n super();\n\n this.state = {\n checked: true,\n keyShop: null,\n preloader: false,\n orderTimeIntervalDelivery: null,\n }\n }\n\n componentDidMount(){\n this.props.updateKeyShop(this.props.match.params.city);\n this.setState({\n keyShop: this.props.match.params.city\n })\n this.setState({\n orderTimeIntervalDelivery: this.props.appSettings.orderTimeIntervalDelivery\n })\n this.getWorkingHours();\n }\n\n getWorkingHours = () => {\n this.props.firebase.bd.ref(`${this.props.login}/settings/City/${this.props.match.params.city}/workingHours`).once(\"value\", (snapshot) => {\n let workingHours = snapshot.val();\n let data = {};\n\n if (!workingHours) {\n data = {\n begin: '0000',\n end: '0000',\n message: '',\n orderTimeIntervalDelivery: 0,\n orderTimeIntervalPickup: 0,\n }\n }\n\n if (workingHours) {\n data = {\n begin: workingHours[0].begin.replace(':', ''),\n end: workingHours[0].end.replace(':', ''),\n message: workingHours[0].message,\n orderTimeIntervalDelivery: workingHours[0].orderTimeIntervalDelivery,\n orderTimeIntervalPickup: workingHours[0].orderTimeIntervalPickup,\n }\n }\n\n console.log('workingHours', workingHours);\n \n this.props.updateWorkingHours(data);\n this.setState({ keyShop: this.props.match.params.city });\n });\n }\n\n updateIsDirty = (data) => {\n const {shops} = this.props;\n const city = shops[this.props.match.params.city];\n\n if (!city.isDirtyWorktime) {\n this.props.updateIsDirtyWorktime(data);\n }\n }\n\n saveWorkTime = (formData) => {\n const begin = formData.begin.split('');\n const end = formData.end.split('');\n\n const data = {\n begin: `${begin[0]}${begin[1]}:${begin[2]}${begin[3]}`,\n end: `${end[0]}${end[1]}:${end[2]}${end[3]}`,\n message: !!formData.message ? formData.message : '',\n orderTimeIntervalDelivery: Number(formData.orderTimeIntervalDelivery),\n orderTimeIntervalPickup: Number(formData.orderTimeIntervalPickup),\n };\n console.log('formData', formData);\n console.log('data', data);\n\n this.setState({ preloader: true });\n this.props.firebase.bd.ref(`${this.props.login}/settings/City/${this.props.match.params.city}/workingHours/0`).update(data)\n .then(response => {\n this.setState({ preloader: false });\n this.props.updateWorkingHours(formData);\n console.log('response', response)\n })\n .catch(error => console.log('error', error));\n }\n\n render() {\n return(\n <>\n \n
\n )}\n {isMax600 && (\n \n Время работы \n
\n )}\n \n \n
\n);\n\nconst PopoverComponent = ({ title, hiddenTitle, className, ...props }) => {\n const classes = useStyles();\n const [anchorEl, setAnchorEl] = useState(null);\n\n const handlePopoverOpen = (event) => {\n setAnchorEl(event.currentTarget);\n };\n\n const handlePopoverClose = (props) => {\n setAnchorEl(null);\n };\n\n const open = Boolean(anchorEl);\n\n return (\n \n {title} \n \n {hiddenTitle} \n \n
\n )\n}\n\nconst useStyles = makeStyles(theme => ({\n totalTimeFooter: {\n position: 'relative',\n top: 0,\n color: '#000000',\n fontSize: 14,\n textAlign: 'center',\n fontWeight: 500,\n lineHeight: '16px',\n letterSpacing: '0.003em',\n }, \n footerLastTimeWorkLabelIcon: {\n marginLeft: 0,\n position: 'absolute',\n top: 'calc(50% - 8px)',\n right: -8,\n },\n popover: {\n pointerEvents: 'none',\n },\n paper: {\n padding: 3,\n },\n lastTimeWork: {\n marginTop: 10,\n marginBottom: 25,\n display: 'flex',\n },\n lastTimeWorkLabelWrap: {\n position: 'absolute',\n top: 0,\n right: 0,\n [theme.breakpoints.down('375')]: {\n top: 4,\n },\n },\n lastTimeWorkLabel: {\n },\n lastTimeWorkLabelIcon: {\n width: 20,\n height: 20,\n marginLeft: 10,\n },\n }));\n\nexport default PopoverComponent;","import React from 'react';\nimport { makeStyles } from '@material-ui/core/styles';\n\nimport { Field } from 'redux-form';\nimport { required } from 'redux-form-validators';\n\nimport Checkbox from '@material-ui/core/Checkbox';\nimport Popover from '../../components/Popover';\nimport CustomizedInputPhone from '../../components/UIform/inputPhone';\n\nexport const InputField = ({ title, type, name, placeholder, validMsg }) => {\n const classes = useStyles();\n return (\n \n
\n )\n};\n\nexport const CustomInputField = ({ \n title, \n popover,\n checkBox,\n checkboxTitle,\n popoverHiddenText, \n name, \n placeholder, \n validMsg, \n checked, \n handleCheckedChange \n}) => {\n const classes = useStyles();\n return (\n {title}
\n \n
\n )\n};\n\nconst useStyles = makeStyles(theme => ({\n fieldText: {\n position: 'relative',\n fontSize: 16,\n color: 'black',\n },\n popever: {\n position: 'absolute',\n top: 0,\n right: 0,\n }, \n fieldWrapper: {\n marginTop: 16,\n marginRight: 16,\n [theme.breakpoints.down('1050')]: {\n width: '100%',\n marginRight: 0,\n },\n '& > div': {\n [theme.breakpoints.down('1050')]: {\n width: '100%',\n },\n } \n },\n fieldCity: {\n marginTop: 8,\n [theme.breakpoints.down('1050')]: {\n width: '100%',\n },\n '& input': {\n width: 328,\n height: 45,\n border: '1px solid #DADCE0',\n borderRadius: '5px',\n padding: '11px 50px 11px 16px',\n boxSizing: 'border-box',\n [theme.breakpoints.down('1050')]: {\n width: '100%',\n },\n },\n '& .MuiInput-underline:hover:not(.Mui-disabled):before': {\n content: 'none',\n },\n '& .MuiInput-underline:after': {\n content: 'none',\n },\n '& .MuiInput-underline:before': {\n content: 'none',\n },\n '& .Mui-error input': {\n border: '1px solid red',\n }\n },\n freeDelivery: {\n display: 'flex',\n alignItems: 'center',\n alignContent: 'center',\n },\n freeCheckBox: {\n padding: '5px 5px 5px 0',\n '& .MuiSvgIcon-root': {\n width: 25,\n height: 25,\n color: '#326DFF',\n }\n },\n freeText: {\n cursor: 'pointer',\n fontSize: 14,\n lineHeight: '16px',\n color: '#476282',\n },\n fieldLabelText: {\n fontSize: 16,\n }\n}));","import React, { useState, useEffect } from 'react';\nimport { InputField, CustomInputField } from './inputFields';\n\nconst CityFields = (props) => {\n const [checked, setChecked] = useState(false);\n const [count, setCount] = useState(0);\n const {initialValues} = props;\n \n useEffect(() => {\n if (count === 0) {\n if (initialValues && !initialValues.delivery) {\n setChecked(true);\n setCount(count + 1);\n } \n }\n\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [initialValues]);\n\n const handleCheckedChange = (event) => {\n const checked = event.target.checked;\n setChecked(checked);\n };\n\n return (\n \n {title}\n {popover &&
\n \n \n
\n )}\n \n
\n )\n}\n\nexport default CityFields;","import React, { useState, useEffect } from 'react';\nimport useMediaQuery from '@material-ui/core/useMediaQuery';\nimport { makeStyles } from '@material-ui/core/styles';\nimport { reduxForm } from 'redux-form';\nimport { connect } from 'react-redux';\n\nimport Button from '../../components/Button';\nimport CityFields from './CityFields';\nimport ModalComponent from '../../components/ModalComponent';\n\nlet CityForm = ({ initialValues, saveCity, handleSubmit }) => {\n const classes = useStyles();\n\n const [openModal, setOpenModal] = useState(false);\n const [isSubmit, setIsSubmit] = useState(false);\n\n const [dataCityForm, setDataCityForm] = useState(null);\n const isMin600 = useMediaQuery('(max-width: 599px)');\n const isMax600 = useMediaQuery('(min-width: 600px)');\n\n const handleClose = () => {\n setOpenModal(false);\n setIsSubmit(false);\n };\n\n const handleClickSubmit = () => {\n setOpenModal(false);\n setIsSubmit(true);\n };\n\n const handleCityForm = (data) => {\n setOpenModal(true); \n if (data) {\n setDataCityForm(data);\n }\n }\n\n useEffect(() => {\n if (isSubmit && !openModal) {\n console.log('Вы подтвердили');\n\n saveCity(dataCityForm);\n }\n \n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [isSubmit, openModal]);\n\n console.log('isMin600', isMin600);\n console.log('isMax600', isMax600);\n\n return (\n \n )\n}\n\nconst useStyles = makeStyles(theme => ({\n cityFields: {\n display: 'flex',\n flexWrap: 'wrap',\n marginTop: 8,\n padding: '8px 16px 24px 16px',\n border: '1px solid #DADCE0',\n borderRadius: 5,\n },\n buttonWrapper: {\n textAlign: 'center',\n },\n button: {\n marginTop: 30,\n textTransform: 'none',\n }\n}));\n\nconst mapStateToProps = (state, props) => {\n const data = props.data;\n\n if (data) {\n const {deliveryLimit, deliveryFreeLimit, delivery} = data;\n\n let initialValues = {\n delivery,\n deliveryLimit,\n deliveryFreeLimit,\n };\n\n return { initialValues };\n }\n\n}\n\nCityForm = connect(mapStateToProps, null)(reduxForm({\n form: 'CityForm', \n enableReinitialize : true\n})(CityForm));\n\nexport default CityForm","import React, {useState, useEffect} from 'react';\nimport { makeStyles } from '@material-ui/core/styles';\nimport { reduxForm, reset} from 'redux-form';\n\nimport Button from '../../components/Button';\nimport Dialog from '@material-ui/core/Dialog';\nimport DialogContent from '@material-ui/core/DialogContent';\nimport DialogTitle from '@material-ui/core/DialogTitle';\nimport ModalComponent from '../../components/ModalComponent';\n\nimport CloseIcon from '@material-ui/icons/Close';\nimport CityFields from './CityFields';\n\nimport { InputField, CustomInputField } from './inputFields';\n\nconst DialogComponent = ({ \n children, \n open, \n setOpen, \n}) => {\n const classes = useStyles();\n\n const handleClose = () => {\n setOpen(false);\n };\n return (\n \n )\n};\n\n\nlet FormDialog = (props) => {\n const classes = useStyles();\n\n // Modal Form\n const [openModal, setOpenModal] = useState(false);\n const [isSubmit, setIsSubmit] = useState(false);\n const [isLoading, setIsLoading] = useState(false);\n\n const handleClose = () => {\n setOpenModal(false);\n setIsSubmit(false);\n };\n\n const handleClickSubmit = () => {\n setOpenModal(false);\n setIsSubmit(true);\n };\n\n const {\n setOpen, \n handleSubmit, \n dispatch, \n } = props;\n\n const handleButtonClick = () => {\n setOpenModal(true);\n setIsLoading(true);\n }\n\n useEffect(() => {\n if(isLoading && isSubmit && !openModal) {\n console.log('Вы подтверждаете');\n\n const {valid} = props;\n\n handleSubmit();\n \n if (valid) {\n dispatch(reset('ModalCreatingForm'));\n setOpen(false)\n }\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [isLoading, isSubmit, openModal]);\n\n return (\n \n {title} \n createNewZonaItem()}>Создать \n
\n\n const NoZone = ({ title }) => \n \n {title} \n
;\n\n const ZoneContent = ({ dataParams }) => (\n \n {dataParams.map((item, index) => {\n return (\n
\n )\n\n return (\n \n
\n )\n })}\n {item.name}
\n \n editZonaItem(index)} className={classes.zonaEditIcon} />\n deleteZonaItem(index)} className={classes.zonaTrashIcon} />\n
\n \n {!!String(itemId) && (\n
\n )\n}\n\nconst useStyles = makeStyles(theme => ({\n zonaButtonCreate: {\n width: 109,\n height: 36,\n fontSize: 14,\n lineHeight: '14px',\n background: '#E9F1FC',\n color: '#326DFF',\n boxShadow: 'none',\n textTransform: 'capitalize',\n '&:hover': {\n boxShadow: 'none',\n background: '#326DFF',\n color: '#E9F1FC',\n }\n },\n\n zonaHeader: {\n display: 'flex',\n justifyContent: 'space-between',\n width: '100%',\n height: 40,\n },\n zonaWrapper: {\n position: 'relative',\n marginTop: 16,\n display: 'flex',\n flexWrap: 'wrap',\n flexDirection: 'column',\n padding: '24px 16px',\n border: '1px solid #DADCE0',\n borderRadius: 5,\n minHeight: 240,\n },\n zonaTitle: {\n fontSize: 18,\n fontWeight: 'bold',\n lineHeight: '21px',\n color: 'black',\n },\n zonaFields: {\n width: '100%',\n },\n zonaFieldsTitleWrapper: {\n width: 328,\n height: 18,\n position: 'absolute',\n top: 'calc(50% - 9px)',\n left: 'calc(50% - 150px)',\n textAlign: 'center',\n }, \n zonaFieldsTitle: {\n fontSize: 15,\n lineHeight: '18px',\n color: '#476282',\n },\n\n zonaItemWrapper: {\n display: 'flex',\n height: 57,\n width: '100%',\n padding: '0 16px',\n marginBottom: 16,\n boxSizing: 'border-box',\n\n boxShadow: '0px 14px 23px rgba(232, 228, 228, 0.5)',\n background: 'white',\n borderRadius: 5,\n \n },\n zonaContent: {\n marginTop: 14,\n },\n zonaItemTitle: {\n width: '50%',\n fontSize: 16,\n fontWeight: 500,\n lineHeight: '57px',\n color: 'black',\n },\n zonaItemIcons: {\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'flex-end',\n width: '50%',\n lineHeight: '57px',\n }, \n zonaEditIcon: {\n marginRight: 16,\n color: '#476282',\n '&:hover': {\n color: 'rgb(50, 109, 255)',\n }\n },\n zonaTrashIcon: {\n color: '#476282',\n '&:hover': {\n color: 'rgb(50, 109, 255)',\n }\n },\n}));\n\nexport default ZonesForms;","import React from 'react';\nimport { makeStyles } from '@material-ui/core/styles';\n\nimport s from './delivery.module.css';\n\nimport CityForm from './cityForm';\nimport ZonesForms from './zonesForms';\n\nlet DeliveryForm = (props) => {\n const classes = useStyles();\n const { saveZones, editZone, deleteZone, saveCity, delivery, deliveryZone, initialValues } = props;\n\n return(\n \n {!isZonas &&
\n \n
\n )\n}\nconst useStyles = makeStyles(theme => ({\n formWrap: {\n width: '100%',\n },\n inputCheckbox: {\n marginBottom: 16,\n '&:last-child': {\n marginBottom: 0,\n }\n },\n inputCheckboxWrap: {\n \n },\n controlLabel: {\n width: '100%',\n cursor: 'pointer',\n '& .MuiRadio-colorPrimary.Mui-checked': {\n color: '#326DFF'\n },\n },\n checkbox: {\n color: '#476282',\n padding: 0,\n marginRight: 8,\n '& svg.MuiSvgIcon-root': {\n width: 24,\n height: 24,\n }\n },\n textCheckbox: {\n color: '#476282',\n fontSize: 14,\n lineHeight: '24px',\n cursor: 'pointer',\n },\n fieldsWrapper: {\n display: 'flex',\n justifyContent: 'center',\n }, \n buttonWrapper: {\n margin: '0 auto',\n marginTop: 30,\n },\n button: {\n '& disabled': {\n color: '#476282',\n background: '#F1F3F4',\n textTransform: 'capitalize',\n }\n },\n cityFields: {\n display: 'flex',\n flexWrap: 'wrap',\n marginTop: 8,\n padding: '8px 16px 24px 16px',\n border: '1px solid #DADCE0',\n borderRadius: 5,\n },\n cityCheckbox: {\n marginBottom: '28px',\n }\n}));\n\nexport default DeliveryForm;\n","import React from 'react';\nimport { makeStyles } from '@material-ui/core/styles';\nimport { withFirebase } from '../../firebase';\nimport DeliveryForm from './deliveryForms';\n\nimport Paper from '@material-ui/core/Paper';\nimport Grid from '@material-ui/core/Grid';\n\nimport Typography from '@material-ui/core/Typography';\nimport FormLabel from '@material-ui/core/FormLabel';\nimport Loading from '../../components/Loading';\n\nimport {getInitialValues} from './other';\n\nconst Title = ({ classes }) => \n \n
\n \n
\n \n {delivery === 1 && (\n
\n \n
\n );\n}\n\nconst useStyles = makeStyles(theme => ({\n switch: {\n // color: 'red'\n }\n}));\n\nexport default Switches;","import React from 'react';\nimport { makeStyles } from '@material-ui/core/styles';\n\nimport { Field } from 'redux-form';\nimport { required } from 'redux-form-validators';\n\nimport Checkbox from '@material-ui/core/Checkbox';\nimport Popover from '../Popover';\nimport CustomizedInputPhone from './inputPhone';\n\nexport const InputField = ({ title, type, name, placeholder, component, validMsg, validate, onChange, value, className }) => {\n const classes = useStyles();\n return (\n \n
\n )\n};\n\nexport const CustomInputField = ({ \n title, \n checkboxTitle,\n popoverHiddenText, \n name, \n placeholder, \n validMsg, \n checked, \n handleCheckedChange \n}) => {\n const classes = useStyles();\n return (\n {title}
\n \n
\n )\n};\n\nconst useStyles = makeStyles(theme => ({\n fieldText: {\n position: 'relative'\n },\n popever: {\n position: 'absolute',\n top: 0,\n right: 0,\n }, \n fieldWrapper: {\n marginTop: 16,\n marginRight: 16,\n [theme.breakpoints.down('600')]: {\n width: '100%',\n marginRight: 0,\n '& > div': {\n width: '100%',\n }\n }, \n },\n fieldCity: {\n marginTop: 8,\n [theme.breakpoints.down('600')]: {\n width: '100%',\n },\n '& input': {\n width: 328,\n height: 45,\n border: '1px solid #DADCE0',\n borderRadius: '5px',\n padding: '11px 50px 11px 16px',\n boxSizing: 'border-box',\n [theme.breakpoints.down('600')]: {\n width: '100%',\n },\n },\n '& .MuiInput-underline:hover:not(.Mui-disabled):before': {\n content: 'none',\n },\n '& .MuiInput-underline:after': {\n content: 'none',\n },\n '& .MuiInput-underline:before': {\n content: 'none',\n },\n '& .Mui-error input': {\n border: '1px solid red',\n }\n },\n freeDelivery: {\n display: 'flex',\n alignItems: 'center',\n alignContent: 'center',\n },\n freeCheckBox: {\n padding: '5px 5px 5px 0',\n '& .MuiSvgIcon-root': {\n width: 25,\n height: 25,\n color: '#326DFF',\n }\n },\n freeText: {\n cursor: 'pointer',\n fontSize: 14,\n lineHeight: '16px',\n color: '#476282',\n },\n fieldLabelText: {\n fontSize: 16,\n }\n}));","import React from 'react';\nimport { makeStyles } from '@material-ui/core/styles';\n\nimport Dialog from '@material-ui/core/Dialog';\nimport DialogContent from '@material-ui/core/DialogContent';\nimport DialogTitle from '@material-ui/core/DialogTitle';\n\nimport CloseIcon from '@material-ui/icons/Close';\n\nconst DialogComponent = ({ \n children, \n open,\n title,\n handleClose, \n}) => {\n const classes = useStyles();\n\n return (\n \n )\n};\n\nconst useStyles = makeStyles(theme => ({\n dialogPaper: {\n width: '80%',\n maxWidth: 1057,\n padding: 24,\n [theme.breakpoints.down('600')]: {\n width: '100%',\n margin: '0 10px',\n padding: '24px 16px 16px',\n },\n },\n dialogContent: {\n [theme.breakpoints.down('600')]: {\n padding: 0,\n },\n },\n dialogTitle: {\n padding: 0,\n '& h2': {\n fontSize: 16,\n fontWeight: 'normal',\n lineHeight: '25px',\n }\n },\n iconsWrapper: {\n display: 'flex',\n },\n closeIcon: {\n marginRight: 16,\n color: '#476282',\n '&:hover': {\n color: 'black',\n cursor: 'pointer',\n }\n },\n}));\n\nexport default DialogComponent;","/* eslint-disable eqeqeq */\nimport React, {useState, useEffect} from 'react';\nimport { makeStyles } from '@material-ui/core/styles';\nimport { Field, reduxForm} from 'redux-form';\nimport { connect } from 'react-redux';\nimport {required, numericality} from 'redux-form-validators';\n\nimport Button from '../../../../components/Button';\nimport Typography from '@material-ui/core/Typography';\nimport {InputField} from '../../../../components/UIform/inputField';\nimport ModalComponent from '../../../../components/ModalComponent';\nimport DialogComponent from '../../DialogComponent';\n\nlet FormDialog = (props) => {\n const classes = useStyles();\n\n const [openModal, setOpenModal] = useState(false);\n const [isSubmit, setIsSubmit] = useState(false);\n const [isLoading, setIsLoading] = useState(false);\n const [data, setData] = useState(null);\n \n const {handleSubmit, count, setCount, getInitialValues} = props;\n\n const isPresent = count === 1;\n const isDiscount = count === 2;\n const isAmount = count === 3;\n\n const handleChange = (e) => {\n const name = e.target.name;\n\n if (name == 'radioPresent' && count !== 1) setCount(1);\n if (name == 'radioDiscount' && count !== 2) setCount(2);\n if (name == 'radioAmount' && count !== 3) setCount(3);\n }\n\n const handleInputChange = (e) => {\n const val = e.target.value;\n const data = {};\n \n data['type'] = count;\n data['parametr'] = val;\n\n setData(data);\n }\n\n useEffect(() => {\n if (isLoading && isSubmit && !openModal) {\n props.onSubmit(data);\n }\n \n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [isSubmit, isLoading, openModal]);\n\n\n const handleClose = () => {\n setOpenModal(false);\n setIsSubmit(false);\n };\n\n const handleClickSubmit = () => {\n setOpenModal(false);\n setIsSubmit(true);\n };\n\n const submitForm = (data) => {\n const {valid} = props;\n\n if (valid) {\n setOpenModal(true);\n setIsLoading(true);\n }\n }\n\n const {initialValues} = getInitialValues(props);\n return (\n \n {title}\n
\n \n
\n \n
\n )\n}\n\nconst useStyles = makeStyles(theme => ({\n discounts: {\n marginTop: 30,\n padding: 16,\n border: '1px solid #DADCE0',\n boxSizing: 'border-box',\n borderRadius: 5,\n [theme.breakpoints.down('600')]: {\n marginTop: 0,\n background: 'white',\n },\n },\n typography: {\n fontWeight: 500,\n fontSize: 18,\n lineHeight: '21px',\n },\n title: {\n fontWeight: '500',\n fontSize: 16,\n lineHeight: '19px',\n },\n order: {\n marginTop: 20,\n display: 'flex',\n height: 57,\n width: '100%',\n padding: '0 16px',\n marginBottom: 16,\n boxSizing: 'border-box',\n\n boxShadow: '0px 14px 23px rgba(232, 228, 228, 0.5)',\n background: 'white',\n borderRadius: 5,\n },\n orderContent: {\n display: 'flex',\n justifyContent: 'space-between',\n alignItems: 'center',\n width: '100%',\n },\n orderChange: {\n display: 'flex',\n justifyContent: 'center',\n alignItems: 'center',\n },\n editIcon: {\n width: 22,\n height: 22,\n color: '#476282',\n '&:hover': {\n color: '#326dff',\n cursor: 'pointer',\n }\n }\n}))\n\nexport default FirstOrder;","import { makeStyles } from '@material-ui/core/styles';\n\nexport const useStyles = makeStyles(theme => ({\n discounts: {\n marginTop: 30,\n padding: 16,\n border: '1px solid #DADCE0',\n boxSizing: 'border-box',\n borderRadius: 5,\n [theme.breakpoints.down('600')]: {\n marginTop: 0,\n background: 'white',\n },\n },\n typography: {\n fontWeight: 500,\n fontSize: 18,\n lineHeight: '21px',\n },\n title: {\n fontWeight: '500',\n fontSize: 16,\n lineHeight: '19px',\n },\n order: {\n marginTop: 20,\n display: 'flex',\n height: 57,\n width: '100%',\n padding: '0 16px',\n marginBottom: 16,\n boxSizing: 'border-box',\n\n boxShadow: '0px 14px 23px rgba(232, 228, 228, 0.5)',\n background: 'white',\n borderRadius: 5,\n },\n orderContent: {\n display: 'flex',\n justifyContent: 'space-between',\n alignItems: 'center',\n width: '100%',\n },\n orderChange: {\n display: 'flex',\n justifyContent: 'center',\n alignItems: 'center',\n },\n editIcon: {\n width: 22,\n height: 22,\n color: '#476282',\n '&:hover': {\n color: '#326dff',\n cursor: 'pointer',\n }\n }\n}));\n\nexport const useFormStyles = makeStyles(theme => ({\n dialogPaper: {\n [theme.breakpoints.down('600')]: {\n background: 'red',\n },\n },\n buttonWrapper: {\n margin: '0 auto',\n marginTop: 30,\n textAlign: 'center',\n },\n button: {\n textTransform: 'none',\n },\n discountRadios: {\n marginTop: 30,\n [theme.breakpoints.down('600')]: {\n marginTop: 0,\n },\n },\n discountInput: {\n display: 'flex',\n flexDirection: 'column',\n height: 57,\n width: '100%',\n padding: '0 16px 16px 16px',\n marginBottom: 16,\n boxSizing: 'border-box',\n\n boxShadow: '0px 14px 23px rgba(232, 228, 228, 0.5)',\n background: 'white',\n borderRadius: 5,\n [theme.breakpoints.down('375')]: {\n padding: '0 8px 8px 8px',\n },\n },\n discountTitle: {\n fontSize: 16,\n fontWeight: 500,\n lineHeight: '57px',\n color: 'black'\n },\n discountInputWrap: {\n width: '100%',\n display: 'flex',\n justifyContent: 'space-between',\n alignItems: 'center',\n cursor: 'pointer',\n },\n discountRadio: {\n margin: 0,\n cursor: 'pointer',\n },\n discountHidden: {\n width: 328,\n [theme.breakpoints.down('375')]: {\n width: '100%',\n },\n },\n inputField: {\n marginTop: 8,\n [theme.breakpoints.down('600')]: {\n width: '90%',\n },\n '& input': {\n width: 328,\n height: 45,\n border: '1px solid #DADCE0',\n borderRadius: '5px',\n padding: '11px 50px 11px 16px',\n boxSizing: 'border-box',\n [theme.breakpoints.down('600')]: {\n width: '100%',\n padding: '11px 16px 11px 16px',\n },\n },\n '& .MuiInput-underline:hover:not(.Mui-disabled):before': {\n content: 'none',\n },\n '& .MuiInput-underline:after': {\n content: 'none',\n },\n '& .MuiInput-underline:before': {\n content: 'none',\n },\n '& .Mui-error input': {\n border: '1px solid red',\n }\n },\n}));","/* eslint-disable eqeqeq */\nimport React, {useState, useEffect} from 'react';\nimport { reduxForm} from 'redux-form';\nimport {required, numericality} from 'redux-form-validators';\n\nimport Button from '../../../../components/Button';\nimport Typography from '@material-ui/core/Typography';\nimport {InputField} from '../../../../components/UIform/inputField';\nimport ModalComponent from '../../../../components/ModalComponent';\nimport DialogComponent from '../../DialogComponent';\n\nimport { useFormStyles } from './styles';\n\nlet FormDialog = (props) => {\n const classes = useFormStyles();\n const [openModal, setOpenModal] = useState(false);\n const [isSubmit, setIsSubmit] = useState(false);\n const [data, setData] = useState(null);\n \n const {handleSubmit, initialValues} = props;\n\n useEffect(() => {\n props.initialize(initialValues);\n }, []);\n\n useEffect(() => {\n if (isSubmit && !openModal) {\n\n props.onSubmit(data);\n props.handleClose();\n }\n \n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [isSubmit, openModal]);\n\n\n const handleClose = () => {\n setOpenModal(false);\n setIsSubmit(false);\n };\n\n const handleClickSubmit = () => {\n setOpenModal(false);\n setIsSubmit(true);\n };\n\n const submitForm = (data) => {\n const {valid} = props;\n setData(data);\n \n if (valid) {\n setOpenModal(true);\n }\n }\n\n return (\n \n Первый заказ \n
\n \n handleClick()} />\n
\n \n
\n )\n}\n\nexport default withFirebase(PickupOrder);","import { makeStyles } from '@material-ui/core/styles';\n\nexport const useStyles = makeStyles(theme => ({\n discounts: {\n marginTop: 30,\n padding: 16,\n border: '1px solid #DADCE0',\n boxSizing: 'border-box',\n borderRadius: 5,\n [theme.breakpoints.down('600')]: {\n marginTop: 0,\n background: 'white',\n },\n },\n typography: {\n fontWeight: 500,\n fontSize: 18,\n lineHeight: '21px',\n },\n title: {\n fontWeight: '500',\n fontSize: 16,\n lineHeight: '19px',\n },\n order: {\n marginTop: 20,\n display: 'flex',\n height: 57,\n width: '100%',\n padding: '0 16px',\n marginBottom: 16,\n boxSizing: 'border-box',\n\n boxShadow: '0px 14px 23px rgba(232, 228, 228, 0.5)',\n background: 'white',\n borderRadius: 5,\n },\n orderContent: {\n display: 'flex',\n justifyContent: 'space-between',\n alignItems: 'center',\n width: '100%',\n },\n orderChange: {\n display: 'flex',\n justifyContent: 'center',\n alignItems: 'center',\n },\n editIcon: {\n width: 22,\n height: 22,\n color: '#476282',\n '&:hover': {\n color: '#326dff',\n cursor: 'pointer',\n }\n }\n}));\n\nexport const useFormStyles = makeStyles(theme => ({\n dialogPaper: {\n [theme.breakpoints.down('600')]: {\n background: 'red',\n },\n },\n buttonWrapper: {\n margin: '0 auto',\n marginTop: 30,\n textAlign: 'center',\n },\n button: {\n textTransform: 'none',\n },\n discountRadios: {\n marginTop: 30,\n [theme.breakpoints.down('600')]: {\n marginTop: 0,\n },\n },\n discountInput: {\n display: 'flex',\n flexDirection: 'column',\n height: 57,\n width: '100%',\n padding: '0 16px 16px 16px',\n marginBottom: 16,\n boxSizing: 'border-box',\n\n boxShadow: '0px 14px 23px rgba(232, 228, 228, 0.5)',\n background: 'white',\n borderRadius: 5,\n [theme.breakpoints.down('375')]: {\n padding: '0 8px 8px 8px',\n },\n },\n discountTitle: {\n fontSize: 16,\n fontWeight: 500,\n lineHeight: '57px',\n color: 'black'\n },\n discountInputWrap: {\n width: '100%',\n display: 'flex',\n justifyContent: 'space-between',\n alignItems: 'center',\n cursor: 'pointer',\n },\n discountRadio: {\n margin: 0,\n cursor: 'pointer',\n },\n discountHidden: {\n width: 328,\n [theme.breakpoints.down('375')]: {\n width: '100%',\n },\n },\n inputField: {\n marginTop: 8,\n [theme.breakpoints.down('600')]: {\n width: '90%',\n },\n '& input': {\n width: 328,\n height: 45,\n border: '1px solid #DADCE0',\n borderRadius: '5px',\n padding: '11px 50px 11px 16px',\n boxSizing: 'border-box',\n [theme.breakpoints.down('600')]: {\n width: '100%',\n padding: '11px 16px 11px 16px',\n },\n },\n '& .MuiInput-underline:hover:not(.Mui-disabled):before': {\n content: 'none',\n },\n '& .MuiInput-underline:after': {\n content: 'none',\n },\n '& .MuiInput-underline:before': {\n content: 'none',\n },\n '& .Mui-error input': {\n border: '1px solid red',\n }\n },\n}));","/* eslint-disable eqeqeq */\nimport React, {useState, useEffect} from 'react';\nimport { reduxForm} from 'redux-form';\nimport {required, numericality} from 'redux-form-validators';\n\nimport Button from '../../../../components/Button';\nimport Typography from '@material-ui/core/Typography';\nimport {InputField} from '../../../../components/UIform/inputField';\nimport ModalComponent from '../../../../components/ModalComponent';\nimport DialogComponent from '../../DialogComponent';\n\nimport { useFormStyles } from './styles';\n\nlet FormDialog = (props) => {\n const classes = useFormStyles();\n const [openModal, setOpenModal] = useState(false);\n const [isSubmit, setIsSubmit] = useState(false);\n const [data, setData] = useState(null);\n \n const {handleSubmit, initialValues} = props;\n\n useEffect(() => {\n props.initialize(initialValues);\n }, []);\n\n useEffect(() => {\n if (isSubmit && !openModal) {\n\n props.onSubmit(data);\n props.handleClose();\n }\n \n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [isSubmit, openModal]);\n\n\n const handleClose = () => {\n setOpenModal(false);\n setIsSubmit(false);\n };\n\n const handleClickSubmit = () => {\n setOpenModal(false);\n setIsSubmit(true);\n };\n\n const submitForm = (data) => {\n const {valid} = props;\n setData(data);\n \n if (valid) {\n setOpenModal(true);\n }\n }\n\n return (\n \n На самовывоз \n
\n \n handleClick()} />\n
\n \n
\n )\n}\n\nexport default withFirebase(DeliveryOrder);","import React from 'react';\nimport { makeStyles } from '@material-ui/core/styles';\n\nimport Typography from '@material-ui/core/Typography';\nimport FirstOrder from './discounts/firstOrder';\nimport Pickup from './discounts/pickupOrder';\nimport Delivery from './discounts/deliveryOrder';\n\nconst Discounts = ({ saleFirstOrders, changeChecker, onSubmitFirstOrder, pickupAndDeliveryDiscounts }) => {\n const classes = useStyles();\n\n return (\n \n На доставку \n
\n \n handleClick()} />\n
\n \n Скидки \n
\n )\n}\n\nconst useStyles = makeStyles(theme => ({\n discounts: {\n marginTop: 30,\n padding: 16,\n border: '1px solid #DADCE0',\n boxSizing: 'border-box',\n borderRadius: 5,\n [theme.breakpoints.down('600')]: {\n marginTop: 0,\n background: 'white',\n },\n },\n typography: {\n fontWeight: 500,\n fontSize: 18,\n lineHeight: '21px',\n }\n}))\n\nexport default Discounts;","/* eslint-disable eqeqeq */\nimport React, { useState, useEffect } from 'react';\nimport { makeStyles } from '@material-ui/core/styles';\n\nimport {Field} from 'redux-form';\nimport moment from 'moment';\n\nimport TextField from '@material-ui/core/TextField';\nimport CalendarTodayIcon from '@material-ui/icons/CalendarToday';\nimport Button from '@material-ui/core/Button';\n\nconst Calendar = ({ data, setData }) => {\n const classes = useStyles();\n const [open, setOpen] = useState(false);\n const [valid, setValid] = useState(false);\n const [firstInput, setFirstInput] = useState(null);\n const [secondInput, setSecondInput] = useState(null);\n\n const mounts = ['Січня', 'Лютого', 'Березня', 'Квітня', 'Травня', 'Червня', 'Липня', 'Серпня', 'Вересня', 'Жовтня', 'Листопада', 'Грудня'];\n let defaultTime = moment().add(2, 'minute').format(\"YYYY-MM-DDTHH:mm\");\n const timeFirebaseFormat = time => moment(time).format(\"DD/MM/YYYY/HH:mm\");\n const timeCalendarFormat = time => moment(time).format(\"YYYY-MM-DDTHH:mm\");\n\n useEffect(() => {\n if (data) {\n if (!firstInput && !secondInput) {\n if (!data.begin || !data.end) {\n setFirstInput(defaultTime);\n setSecondInput(defaultTime);\n \n setData({\n ...data,\n begin: timeFirebaseFormat(defaultTime),\n end: timeFirebaseFormat(defaultTime),\n });\n } else {\n let begin = moment(data.begin, 'DD/MM/YYYY/HH:mm').format('YYYY-MM-DDTHH:mm');\n let end = moment(data.end, 'DD/MM/YYYY/HH:mm').format('YYYY-MM-DDTHH:mm');\n setFirstInput(timeCalendarFormat(begin));\n setSecondInput(timeCalendarFormat(end));\n }\n }\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, []);\n\n const handleChange = (e) => {\n const {value, name} = e.target\n\n console.log('value, name', value, name);\n\n if (name == 'first') {\n setFirstInput(value);\n }\n\n if (name == 'second') {\n setSecondInput(value);\n }\n }\n\n useEffect(() => {\n if (firstInput && secondInput) {\n let first = moment(firstInput).unix();\n let second = moment(secondInput).unix();\n\n if (first > second) {\n setSecondInput(firstInput);\n }\n\n console.log('first, second',first, second);\n }\n }, [firstInput, secondInput]);\n\n const handleClick = () => {\n setData({\n ...data,\n begin: timeFirebaseFormat(firstInput),\n end: timeFirebaseFormat(secondInput),\n });\n\n setOpen(false);\n }\n\n let formatStr = `${moment(firstInput).get('date')} ${mounts[moment(firstInput).get('month')]} - ${moment(secondInput).get('date')} ${mounts[moment(secondInput).get('month')]} ${moment(secondInput).get('year')}`;\n\n console.log('firstInput', moment(firstInput).get('month'));\n console.log('formatStr', mounts.length);\n\n const FieldDataRender = ({\n input,\n meta: { valid, touched, error },\n ...props\n }) => {\n const {id, type, className, label, placeholder, defaultValue, handleChange} = props;\n return (\n \n
\n );\n}\n\nconst useStyles = makeStyles(theme => ({\n calendarField: {\n display: 'flex',\n alignItems: 'center',\n [theme.breakpoints.down('600')]: {\n flexWrap: 'wrap',\n }\n },\n calendarTitle: {\n marginRight: 15,\n fontSize: 16,\n lineHeight: '19px',\n color: 'black'\n },\n calendarContent: {\n position: 'relative',\n fontSize: 13,\n color: 'black',\n fontWeight: 500,\n lineHeight: 1,\n\n border: '1px solid #ccc',\n borderRadius: 5,\n padding: '6px 10px 12px 10px',\n paddingRight: 18,\n background: 'white',\n [theme.breakpoints.down('940')]: {\n maxWidth: 220,\n width: '100%',\n },\n [theme.breakpoints.down('441')]: {\n marginTop: 10,\n }\n },\n calendarIcon: {\n width: 18,\n height: 18,\n position: 'relative',\n top: 3,\n left: 10,\n color: '#476282',\n },\n calendarContentHeader: {\n cursor: 'pointer',\n },\n calendarContentItems: {\n width: 555,\n position: 'absolute',\n top: 0,\n left: '-1px',\n marginTop: 38,\n border: '1px solid #ccc',\n borderRadius: 5,\n padding: '10px 10px 12px 10px',\n paddingRight: 18,\n lineHeight: 1,\n background: 'white',\n\n borderTopLeftRadius: 0,\n zIndex: 999999,\n [theme.breakpoints.down('940')]: {\n display: 'flex',\n flexDirection: 'column',\n width: '250px',\n borderRadius: 0,\n padding: '10px 0',\n boxSizing: 'border-box',\n '& #first': {\n margin: '0 auto',\n marginBottom: 10,\n },\n '& #second': {\n margin: '0 auto',\n marginBottom: 10,\n },\n '& button': {\n margin: '0 auto',\n }\n },\n [theme.breakpoints.down('460')]: {\n padding: '16px 8px',\n }\n },\n InputFirst: {\n '& > .MuiInput-underline .MuiInputBase-input': {\n display: 'flex',\n justifyContent: 'center',\n alignItems: 'center',\n alignContent: 'center',\n textAlign: 'center',\n verticalAlign: 'middle',\n height: 35,\n lineHeight: '35px',\n marginRight: '10px',\n width: 210,\n padding: '16px',\n fontSize: 13,\n fontWeight: 500,\n background: 'white',\n border: '0.5px solid rgba(71, 98, 130, 0.5)',\n borderRadius: 5,\n boxSizing: 'border-box',\n zIndex: 10,\n },\n '& > .MuiInput-underline::before': {\n content: 'none'\n },\n '& > .MuiInput-underline::after': {\n content: 'none'\n }\n },\n button: {\n width: 84,\n height: 35,\n fontSize: 12,\n fontWeight: 500,\n lineHeight: '14px',\n textTransform: 'capitalize',\n color: 'white',\n background: '#326DFF',\n }\n}));\n\nexport default Calendar;","/* eslint-disable eqeqeq */\nimport React, { useState, useEffect } from \"react\";\nimport { makeStyles } from \"@material-ui/core/styles\";\nimport { Field, reduxForm } from \"redux-form\";\nimport {\n\trequired,\n\tnumericality,\n\taddValidator,\n\tformat,\n} from \"redux-form-validators\";\n\nimport Button from \"../../../components/Button\";\nimport Typography from \"@material-ui/core/Typography\";\nimport useMediaQuery from \"@material-ui/core/useMediaQuery\";\nimport { InputField } from \"../../../components/UIform/inputField\";\nimport Checkbox from \"@material-ui/core/Checkbox\";\nimport FormControlLabel from \"@material-ui/core/FormControlLabel\";\nimport ModalComponent from \"../../../components/ModalComponent\";\nimport CustomizedInputs from \"../../../components/UIform\";\nimport Loading from \"../../../components/Loading\";\nimport Chip from \"@material-ui/core/Chip\";\nimport Popover from \"../../../components/Popover\";\n\nimport CustomInputTextarea from \"../../../components/UIform/inputTextarea\";\n\nimport CalendarPeriod from \"./CalendarPeriod\";\n\nconst promocodesValidator = addValidator({\n\tdefaultMessage: \"Тільки латинські літери\",\n\tvalidator: function (options, value, allValues) {\n\t\treturn (options.lowerCase ? /^[a-z0-9A-Z]+$/ : /^[a-z]+$/i).test(value);\n\t},\n});\n\nlet CreateModalPromocodesForm = (props) => {\n\tconst classes = useStyles();\n\tconst isMin600 = useMediaQuery(\"(max-width: 599px)\");\n\n\tconst [openModal, setOpenModal] = useState(false);\n\tconst [isSubmit, setIsSubmit] = useState(false);\n\tconst [isLoading, setIsLoading] = useState(false);\n\n\tconst [data, setData] = useState(null);\n\tconst [checked, setChecked] = useState(null);\n\tconst { handleSubmit } = props;\n\n\tconst [noPromocodeForProductsIds, setNoPromocodeForProductsIds] = useState(\n\t\t[]\n\t);\n\tconst [noPromocodeForCategoriesIds, setNoPromocodeForCategoriesIds] =\n\t\tuseState([]);\n\tconst [idProducts, setIdProducts] = useState(\"\");\n\tconst [idCategories, setIdCategories] = useState(\"\");\n\n\tconst [count, setCount] = useState(1);\n\n\tconst isPresent = count === 1;\n\tconst isDiscount = count === 2;\n\tconst isAmount = count === 3;\n\n\t// console.log('isPresent, isDiscount, isAmount', isPresent, isDiscount, isAmount);\n\t// console.log('count', count);\n\t// console.log('dataForm', props.dataForm);\n\n\tconst handleChange = (e) => {\n\t\tconst name = e.target.name;\n\n\t\tconsole.log(\"target\", e.target);\n\n\t\tif (name == \"radioPresent\" && count !== 1) {\n\t\t\tsetCount(1);\n\t\t}\n\n\t\tif (name == \"radioDiscount\" && count !== 2) {\n\t\t\tsetCount(2);\n\t\t}\n\n\t\tif (name == \"radioAmount\" && count !== 3) {\n\t\t\tsetCount(3);\n\t\t}\n\t};\n\n\tconst handleInputChange = (e) => {\n\t\tconst { name, value } = e.target;\n\n\t\tif (name === \"idProducts\") {\n\t\t\tsetIdProducts(value); // Обновляем локальное состояние при изменении\n\t\t\treturn;\n\t\t}\n\n\t\tif (name === \"idCategories\") {\n\t\t\tsetIdCategories(value);\n\t\t\treturn;\n\t\t}\n\n\t\tsetData({\n\t\t\t...data,\n\t\t\tparametr: value,\n\t\t});\n\t};\n\n\tconst handleAddProduct = () => {\n\t\tconst status = noPromocodeForProductsIds.find(\n\t\t\t(chip) => chip === idProducts\n\t\t);\n\t\tconst isValue = idProducts.length > 0 ? true : false;\n\n\t\tif (status === undefined && isValue) {\n\t\t\tsetNoPromocodeForProductsIds([...noPromocodeForProductsIds, idProducts]);\n\t\t\tsetIdProducts(\"\");\n\t\t\tprops.change(\"idProducts\", \"\");\n\t\t} else if (!isValue) {\n\t\t\talert(\"Пустое поле\");\n\t\t} else {\n\t\t\talert(\"Данный ID уже есть в списке\");\n\t\t}\n\t};\n\n\tconst handleDeleteProduct = (chipToDelete) => () => {\n\t\tconst list = noPromocodeForProductsIds.filter(\n\t\t\t(chip) => chip !== chipToDelete\n\t\t);\n\t\tsetNoPromocodeForProductsIds(list);\n\t};\n\n\tconst handleAddCategory = () => {\n\t\tconst status = noPromocodeForCategoriesIds.find(\n\t\t\t(chip) => chip === idCategories\n\t\t);\n\t\tconst isValue = idCategories.length > 0 ? true : false;\n\n\t\tif (status === undefined && isValue) {\n\t\t\tsetNoPromocodeForCategoriesIds([\n\t\t\t\t...noPromocodeForCategoriesIds,\n\t\t\t\tidCategories,\n\t\t\t]);\n\t\t\tsetIdCategories(\"\");\n\t\t\tprops.change(\"idCategories\", \"\");\n\t\t} else if (!isValue) {\n\t\t\talert(\"Пустое поле\");\n\t\t} else {\n\t\t\talert(\"Данный ID уже есть в списке\");\n\t\t}\n\t};\n\n\tconst handleDeleteCategory = (chipToDelete) => () => {\n\t\tconst list = noPromocodeForCategoriesIds.filter(\n\t\t\t(chip) => chip !== chipToDelete\n\t\t);\n\t\tsetNoPromocodeForCategoriesIds(list);\n\t};\n\n\tuseEffect(() => {\n\t\tif (!checked) {\n\t\t\tif (data) {\n\t\t\t\tsetChecked(data.useDiscountIds);\n\t\t\t}\n\t\t}\n\t}, [checked, data]);\n\n\tuseEffect(() => {\n\t\tif (isLoading && isSubmit && !openModal) {\n\t\t\tconst { onSubmit, handleClose, dataForm } = props;\n\t\t\tlet arr = [];\n\n\t\t\tfor (let key in dataForm) {\n\t\t\t\tarr.push(key);\n\t\t\t}\n\n\t\t\t// let newId = arr.length !== 0 ? +arr[arr.length - 1] + 1 : 0;\n\t\t\tlet newId = data.id.replace(/ /g, \"\");\n\n\t\t\tconsole.log(\"newId\", newId);\n\n\t\t\tonSubmit({\n\t\t\t\t...dataForm,\n\t\t\t\t[newId]: {\n\t\t\t\t\t...data,\n\t\t\t\t\tdiscountId: \"\",\n\t\t\t\t\tuseDiscountIds: checked ? checked : false,\n\t\t\t\t\tnoPromocodeForCategoriesIds:\n\t\t\t\t\t\tnoPromocodeForCategoriesIds.length > 0\n\t\t\t\t\t\t\t? [\"\", ...noPromocodeForCategoriesIds]\n\t\t\t\t\t\t\t: [\"\"],\n\t\t\t\t\tnoPromocodeForProductsIds:\n\t\t\t\t\t\tnoPromocodeForProductsIds.length > 0\n\t\t\t\t\t\t\t? noPromocodeForProductsIds\n\t\t\t\t\t\t\t: [\"\", ...noPromocodeForProductsIds],\n\t\t\t\t},\n\t\t\t});\n\n\t\t\thandleClose();\n\t\t}\n\n\t\tif (isLoading && !isSubmit && !openModal) {\n\t\t\tconsole.log(\"Вы отменили\");\n\t\t}\n\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t}, [isSubmit, isLoading, openModal]);\n\n\tconst handleCloseModal = () => {\n\t\tsetOpenModal(false);\n\t\tsetIsSubmit(false);\n\t};\n\n\tconst handleClickSubmit = () => {\n\t\tsetOpenModal(false);\n\t\tsetIsSubmit(true);\n\t};\n\n\tconst submitForm = () => {\n\t\tconst { valid } = props;\n\n\t\tif (valid) {\n\t\t\tsetOpenModal(true);\n\t\t\tsetIsLoading(true);\n\t\t}\n\t};\n\n\tconst handleCheckboxChange = (e) => {\n\t\tconst value = e.target.checked;\n\n\t\tif (checked !== value) {\n\t\t\tsetChecked(value);\n\t\t}\n\t};\n\n\tconst handleInputFieldChange = (e) => {\n\t\tconst { name, value } = e.target;\n\n\t\tconst processedValue = name === \"orderLimit\" ? Number(value) : value;\n\n\t\tsetData({\n\t\t\t...data,\n\t\t\t[name]: processedValue,\n\t\t\ttype: count,\n\t\t});\n\t};\n\n\tif (!data) {\n\t\tsetData({\n\t\t\t...data,\n\t\t\tisAvailable: true,\n\t\t\ttype: count,\n\t\t});\n\t}\n\n\t// console.log('dataForm', props.dataForm);\n\t// console.log('data', data);\n\n\treturn (\n\t\t<>\n\t\t\tОбрати період:
\n \n
\n setOpen(!open)}>\n {formatStr}
\n {open && (\n \n handleClick() : null}>\n Застосувати\n \n
\n )}\n \n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t{isPresent && (\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\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\t\t\t\t
\n\t\t\t\t\t\t)}\n\t\t\t\t\t\n\t\t\t\t\t\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\t\n\t\t\t\t\t\t
\n\t\t\t\t\n\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\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t
\n\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\t
\n\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{noPromocodeForCategoriesIds?.slice(1).map((data, index) => {\n\t\t\t\t\t\t\t\treturn (\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 \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\t\t\n\n\t\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t
\n\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\t
\n\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{noPromocodeForProductsIds?.slice(1).map((data, index) => {\n\t\t\t\t\t\t\t\treturn (\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 \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\t\t\n\n\t\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t submitForm(handleSubmit)}\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\tdialogPaper: {\n\t\twidth: \"80%\",\n\t\tmaxWidth: 1057,\n\t\tpadding: 24,\n\t},\n\tdialogTitle: {\n\t\tpadding: 0,\n\t\t\"& h2\": {\n\t\t\tfontSize: 16,\n\t\t\tfontWeight: \"normal\",\n\t\t\tlineHeight: \"25px\",\n\t\t},\n\t},\n\ticonsWrapper: {\n\t\tdisplay: \"flex\",\n\t},\n\tcloseIcon: {\n\t\tmarginRight: 16,\n\t\tcolor: \"#476282\",\n\t\t\"&:hover\": {\n\t\t\tcolor: \"black\",\n\t\t\tcursor: \"pointer\",\n\t\t},\n\t},\n\tbuttonWrapper: {\n\t\tmargin: \"0 auto\",\n\t\tmarginTop: 30,\n\t\ttextAlign: \"center\",\n\t},\n\tdiscountRadios: {\n\t\tmarginTop: 30,\n\t\t[theme.breakpoints.down(\"600\")]: {\n\t\t\tmarginTop: 16,\n\t\t},\n\t},\n\tdiscountInput: {\n\t\tdisplay: \"flex\",\n\t\tflexDirection: \"column\",\n\t\theight: 57,\n\t\twidth: \"100%\",\n\t\tpadding: \"0 16px 16px 16px\",\n\t\tmarginBottom: 16,\n\t\tboxSizing: \"border-box\",\n\n\t\tboxShadow: \"0px 14px 23px rgba(232, 228, 228, 0.5)\",\n\t\tbackground: \"white\",\n\t\tborderRadius: 5,\n\t},\n\tdiscountTitle: {\n\t\tfontSize: 16,\n\t\tfontWeight: 500,\n\t\tlineHeight: \"57px\",\n\t\tcolor: \"black\",\n\t},\n\tdiscountInputWrap: {\n\t\twidth: \"100%\",\n\t\tdisplay: \"flex\",\n\t\tjustifyContent: \"space-between\",\n\t\talignItems: \"center\",\n\t\tcursor: \"pointer\",\n\t},\n\tdiscountRadio: {\n\t\tmargin: 0,\n\t\tcursor: \"pointer\",\n\t},\n\tdiscountHidden: {\n\t\twidth: 328,\n\t\t[theme.breakpoints.down(\"600\")]: {\n\t\t\twidth: \"100%\",\n\t\t},\n\t},\n\totherFields: {},\n\tcode: {},\n\ttextarea: {\n\t\tmaxWidth: \"327px\",\n\t\twidth: \"100%\",\n\t\t[theme.breakpoints.down(\"600\")]: {\n\t\t\tmaxWidth: \"100%\",\n\t\t},\n\t\t\"& > div:before\": {\n\t\t\tdisplay: \"none\",\n\t\t},\n\t\t\"& > div\": {\n\t\t\t// width: '327px',\n\t\t\tmarginTop: 8,\n\t\t\tresize: \"none\",\n\t\t\t// height: 103,\n\t\t\tborder: \"1px solid #DADCE0\",\n\t\t\tborderRadius: \"5px\",\n\t\t\tpadding: \"11px 16px 11px 16px\",\n\t\t\tboxSizing: \"border-box\",\n\t\t\tfontSize: 16,\n\t\t\tfontFamily: \"Roboto, Helvetica, Arial, sans-serif\",\n\t\t\tlineHeight: \"24px\",\n\t\t\t[theme.breakpoints.down(\"600\")]: {\n\t\t\t\twidth: \"100%\",\n\t\t\t},\n\t\t},\n\t\t\"& > div:after\": {\n\t\t\tdisplay: \"none\",\n\t\t},\n\t\t\"& > div.Mui-error\": {\n\t\t\tborder: \"1px solid red;\",\n\t\t},\n\t\t\"&::-webkit-input-placeholder\": {\n\t\t\tcolor: \"#DADCE0\",\n\t\t\tfontWeight: 400,\n\t\t},\n\t\t\"&::textarea:-moz-placeholder\": {\n\t\t\tcolor: \"#DADCE0\",\n\t\t\tfontWeight: 400,\n\t\t},\n\t\t\"&::textarea::-moz-placeholder\": {\n\t\t\tcolor: \"#DADCE0\",\n\t\t\tfontWeight: 400,\n\t\t},\n\t\t\"&::textarea:-ms-input-placeholder\": {\n\t\t\tcolor: \"#DADCE0\",\n\t\t\tfontWeight: 400,\n\t\t},\n\t\t\"&::textarea::placeholder\": {\n\t\t\tcolor: \"#DADCE0\",\n\t\t\tfontWeight: 400,\n\t\t},\n\t},\n\totherInput: {\n\t\twidth: \"100%\",\n\t\tmarginTop: 8,\n\t\t\"& input\": {\n\t\t\twidth: \"100%\",\n\t\t\theight: 45,\n\t\t\tborder: \"1px solid #DADCE0\",\n\t\t\tborderRadius: \"5px\",\n\t\t\tpadding: \"11px 50px 11px 16px\",\n\t\t\tboxSizing: \"border-box\",\n\t\t},\n\t\t\"& .MuiInput-underline:hover:not(.Mui-disabled):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\t\"& .MuiInput-underline:before\": {\n\t\t\tcontent: \"none\",\n\t\t},\n\t\t\"& .Mui-error input\": {\n\t\t\tborder: \"1px solid red\",\n\t\t},\n\t},\n\totherInputDescription: {\n\t\twidth: \"100%\",\n\t\tmarginTop: 8,\n\t\t\"& input\": {\n\t\t\twidth: \"100%\",\n\t\t\theight: 103,\n\t\t\tborder: \"1px solid #DADCE0\",\n\t\t\tborderRadius: \"5px\",\n\t\t\tpadding: \"11px 50px 11px 16px\",\n\t\t\tboxSizing: \"border-box\",\n\t\t},\n\t\t\"& .MuiInput-underline:hover:not(.Mui-disabled):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\t\"& .MuiInput-underline:before\": {\n\t\t\tcontent: \"none\",\n\t\t},\n\t\t\"& .Mui-error input\": {\n\t\t\tborder: \"1px solid red\",\n\t\t},\n\t},\n\tcheckbox: {\n\t\t\"&.MuiCheckbox-colorPrimary.Mui-checked\": {\n\t\t\tcolor: \"#326dff\",\n\t\t},\n\t\t\"&.MuiCheckbox-colorPrimary\": {\n\t\t\tpadding: 10,\n\t\t},\n\t},\n\theaderWrapper: {\n\t\tdisplay: \"flex\",\n\t\tposition: \"relative\",\n\t\tmaxWidth: 438,\n\t},\n\torderLimitWrapper: {\n\t\tdisplay: \"flex\",\n\t\tposition: \"relative\",\n\t\tmaxWidth: 320,\n\t\t[theme.breakpoints.down(\"600\")]: {\n\t\t\tmaxWidth: \"100%\",\n\t\t},\n\t},\n\torderLimitPopover: {\n\t\tmarginTop: 16,\n\t},\n\tpopover: {\n\t\ttop: 2,\n\t},\n\tcategoriesWrap: {\n\t\tmarginTop: 24,\n\t\tpadding: 16,\n\t\tminHeight: 132,\n\n\t\tborder: \"1px solid #DADCE0\",\n\t\tboxSizing: \"border-box\",\n\t\tborderRadius: 5,\n\t\tbackground: \"white\",\n\t},\n\ttypography: {\n\t\tfontSize: 18,\n\t\tfontWeight: 500,\n\t\tlineHeight: \"21px\",\n\t\tpaddingRight: 20,\n\t},\n\twrapper: {\n\t\tdisplay: \"flex\",\n\t\talignItems: \"end\",\n\t\t[theme.breakpoints.down(\"600\")]: {\n\t\t\tdisplay: \"flex\",\n\t\t\tflexDirection: \"column\",\n\t\t\tjustifyContent: \"center\",\n\t\t\talignItems: \"center\",\n\t\t},\n\t},\n\tcategoriesContent: {\n\t\tdisplay: \"flex\",\n\t\t[theme.breakpoints.down(\"600\")]: {\n\t\t\tdisplay: \"flex\",\n\t\t\tjustifyContent: \"center\",\n\t\t\talignItems: \"center\",\n\t\t},\n\t},\n\tinputField: {\n\t\t\"& input\": {\n\t\t\twidth: 328,\n\t\t\theight: 45,\n\t\t\tborder: \"1px solid #DADCE0\",\n\t\t\tborderRadius: \"5px\",\n\t\t\tpadding: \"11px 50px 11px 16px\",\n\t\t\tboxSizing: \"border-box\",\n\t\t},\n\t\t\"& .MuiInput-underline:hover:not(.Mui-disabled):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\t\"& .MuiInput-underline:before\": {\n\t\t\tcontent: \"none\",\n\t\t},\n\t\t\"& .Mui-error input\": {\n\t\t\tborder: \"1px solid red\",\n\t\t},\n\t\t[theme.breakpoints.down(\"375\")]: {\n\t\t\t\"& > div > input\": {\n\t\t\t\twidth: \"100%\",\n\t\t\t},\n\t\t},\n\t},\n\tbutton: {\n\t\tmarginTop: 0,\n\t\tmarginLeft: 15,\n\t\tfontSize: 14,\n\t\ttextTransform: \"inherit\",\n\t\t[theme.breakpoints.down(\"600\")]: {\n\t\t\tmarginTop: 16,\n\t\t\tmarginLeft: 0,\n\t\t},\n\t},\n\n\tchipsList: {\n\t\tpaddingLeft: 0,\n\t\tdisplay: \"flex\",\n\t\tflexWrap: \"wrap\",\n\t\t[theme.breakpoints.down(\"600\")]: {\n\t\t\twidth: \"100%\",\n\t\t\tdisplay: \"flex\",\n\t\t\tflexDirection: \"column\",\n\t\t\t\"& > li > div\": {\n\t\t\t\twidth: \"100%\",\n\t\t\t},\n\t\t\t\"& > li:last-child > hr\": {\n\t\t\t\tdisplay: \"none\",\n\t\t\t},\n\t\t},\n\t},\n\tchipsListLi: {\n\t\tlistStyleType: \"none\",\n\t\tmarginRight: 5,\n\t\tmarginBottom: 5,\n\t\t[theme.breakpoints.down(\"600\")]: {\n\t\t\tmarginRight: 5,\n\t\t},\n\t},\n\tchip: {\n\t\tfontSize: 12,\n\t\tlineHeight: 1,\n\t\tcolor: \"white\",\n\t\tbackgroundColor: \"#326DFF\",\n\t\t[theme.breakpoints.down(\"600\")]: {\n\t\t\tdisplay: \"flex\",\n\t\t\tjustifyContent: \"space-between\",\n\t\t\tbackground: \"#E0E9FF\",\n\t\t\tcolor: \"#326DFF\",\n\t\t\tpadding: \"0 6px\",\n\t\t},\n\n\t\t\"&.MuiChip-deletable > .MuiChip-deleteIcon\": {\n\t\t\tcolor: \"rgba(255, 255, 255, .26)\",\n\t\t\t[theme.breakpoints.down(\"600\")]: {\n\t\t\t\tcolor: \"rgba(255, 255, 255, 1)\",\n\t\t\t},\n\t\t},\n\t},\n\thr: {\n\t\tborder: \"1px dashed rgba(71, 98, 130, .25)\",\n\t\tboxSizing: \"border-box\",\n\t\tmarginLeft: \"10px\",\n\t\tmarginRight: \"10px\",\n\t},\n}));\n\nconst mapStateToProps = (state, props) => {\n\tlet initialValues = {};\n\n\tconst { id, count, dataForm } = props;\n\tconst product = dataForm[id];\n\n\tif (product) {\n\t\tconst {\n\t\t\ttype,\n\t\t\tparametr,\n\t\t\ttitle,\n\t\t\tdescription,\n\t\t\tbegin,\n\t\t\tend,\n\t\t\torderLimit,\n\t\t\tnoPromocodeForCategoriesIds,\n\t\t\tnoPromocodeForProductsIds,\n\t\t} = product;\n\n\t\tif (type === 1 && count === 1) initialValues[\"present\"] = parametr;\n\t\tif (type === 2 && count === 2) initialValues[\"discount\"] = parametr;\n\t\tif (type === 3 && count === 3) initialValues[\"amount\"] = parametr;\n\n\t\tinitialValues[\"id\"] = product.id;\n\t\tinitialValues[\"discountId\"] = \"\";\n\t\tinitialValues[\"title\"] = title;\n\t\tinitialValues[\"description\"] = description;\n\t\tinitialValues[\"begin\"] = begin;\n\t\tinitialValues[\"end\"] = end;\n\t\tinitialValues[\"orderLimit\"] = orderLimit;\n\t\tinitialValues[\"noPromocodeForCategoriesIds\"] = noPromocodeForCategoriesIds\n\t\t\t? noPromocodeForCategoriesIds\n\t\t\t: [];\n\t\tinitialValues[\"noPromocodeForProductsIds\"] = noPromocodeForProductsIds\n\t\t\t? noPromocodeForProductsIds\n\t\t\t: [];\n\t}\n\n\treturn { initialValues };\n};\n\nEditModalPromocodesForm = connect(\n\tmapStateToProps,\n\tnull\n)(\n\treduxForm({\n\t\tform: \"EditModalForm\",\n\t\tenableReinitialize: true,\n\t})(EditModalPromocodesForm)\n);\n\nexport default EditModalPromocodesForm;\n","import React from 'react';\nimport { makeStyles } from '@material-ui/core/styles';\n\nimport Dialog from '@material-ui/core/Dialog';\nimport DialogContent from '@material-ui/core/DialogContent';\nimport DialogTitle from '@material-ui/core/DialogTitle';\n\nimport CloseIcon from '@material-ui/icons/Close';\nimport CreateModalPromocodesForm from './CreateModalPromocodesForm';\nimport EditModalPromocodesForm from './EditModalPromocodesForm';\n\nconst DialogComponent = ({ \n open,\n count,\n setCount, \n handleClose,\n editPromocode, \n onSubmit,\n dataForm\n}) => {\n const classes = useStyles();\n\n return (\n \n )\n};\n\nconst useStyles = makeStyles(theme => ({\n dialogPaper: {\n width: '80%',\n maxWidth: 1057,\n padding: 24,\n [theme.breakpoints.down('600')]: {\n padding: 16,\n width: '100%',\n margin: '0 10px',\n },\n },\n dialogContent: {\n padding: 0,\n },\n dialogTitle: {\n padding: 0,\n '& h2': {\n fontSize: 16,\n fontWeight: 'normal',\n lineHeight: '25px',\n }\n },\n iconsWrapper: {\n display: 'flex',\n },\n closeIcon: {\n marginRight: 16,\n color: '#476282',\n '&:hover': {\n color: 'black',\n cursor: 'pointer',\n }\n },\n}));\n\nexport default DialogComponent;","import React, { useState, useEffect } from 'react';\nimport { makeStyles } from '@material-ui/core/styles';\n\nimport Typography from '@material-ui/core/Typography';\n\nimport EditIcon from '@material-ui/icons/Edit';\nimport DeleteOutlineIcon from '@material-ui/icons/DeleteOutline';\nimport Switch from '../../../components/Switch';\nimport ModalComponent from '../../../components/ModalComponent';\n\nconst ItemComponent = ({\n id,\n count,\n isAvailable,\n discountId,\n indexKey,\n changeChecker,\n deletePromocode,\n setEditPromocode,\n setOpenModal,\n ...props\n}) => {\n const classes = useStyles();\n\n const [open, setOpen] = useState(false);\n const [isSubmit, setIsSubmit] = useState(false);\n\n const handleClose = () => {\n setOpen(false);\n setIsSubmit(false);\n };\n\n const handleClickSubmit = () => {\n setOpen(false);\n setIsSubmit(true);\n };\n\n useEffect(() => {\n if (isSubmit && !open) {\n deletePromocode(indexKey);\n }\n \n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [isSubmit, open]);\n\n const editPromocode = (id) => {\n setEditPromocode(id);\n setOpenModal(true);\n }\n\n // const name = Object.keys(props.promocodes)[count];\n \n return (\n \n
\n )\n}\n\nconst useStyles = makeStyles(theme => ({\n title: {\n fontWeight: '500',\n fontSize: 16,\n lineHeight: '19px',\n },\n order: {\n marginTop: 20,\n display: 'flex',\n height: 57,\n width: '100%',\n padding: '0 16px',\n marginBottom: 16,\n boxSizing: 'border-box',\n\n boxShadow: '0px 14px 23px rgba(232, 228, 228, 0.5)',\n background: 'white',\n borderRadius: 5,\n },\n orderContent: {\n display: 'flex',\n justifyContent: 'space-between',\n alignItems: 'center',\n width: '100%',\n },\n orderChange: {\n display: 'flex',\n justifyContent: 'center',\n alignItems: 'center',\n },\n editIcon: {\n width: 22,\n height: 22,\n marginRight: 15,\n color: '#476282',\n '&:hover': {\n color: '#326dff',\n cursor: 'pointer',\n }\n },\n trashIcon: {\n width: 22,\n height: 22,\n color: '#476282',\n '&:hover': {\n color: '#326dff',\n cursor: 'pointer',\n }\n }\n}))\nexport default ItemComponent;","import React, { useState, useEffect } from \"react\";\nimport { makeStyles } from \"@material-ui/core/styles\";\n\nimport Typography from \"@material-ui/core/Typography\";\nimport Button from \"@material-ui/core/Button\";\nimport DialogComponent from \"./DialogComponent\";\nimport ItemComponent from \"./ItemComponent\";\n\nconst Promocodes = (props) => {\n\tconst classes = useStyles();\n\tconst [openModal, setOpenModal] = useState(false);\n\n\tconst [editPromocode, setEditPromocode] = useState(null);\n\tconst [dataForm, setDataForm] = useState(null);\n\tconst [count, setCount] = useState(null);\n\n\tconst isPromocodes =\n\t\tprops.promocodes && props.promocodes.length !== 0 ? props.promocodes : null;\n\n\tconst handleClose = () => {\n\t\tsetOpenModal(false);\n\t};\n\n\tconst createPromocode = () => {\n\t\tsetOpenModal(true);\n\t\tsetEditPromocode(null);\n\t};\n\n\tuseEffect(() => {\n\t\t// eslint-disable-next-line no-mixed-operators\n\t\tif (props && props.promocodes) {\n\t\t\tif (\n\t\t\t\t!dataForm ||\n\t\t\t\tObject.keys(props.promocodes).length !== dataForm.length\n\t\t\t) {\n\t\t\t\tsetDataForm(props.promocodes);\n\t\t\t}\n\t\t}\n\t}, [dataForm, props.promocodes]);\n\n\tuseEffect(() => {\n\t\tif (!count) {\n\t\t\tif (editPromocode) {\n\t\t\t\tsetCount(dataForm[editPromocode].type);\n\t\t\t}\n\t\t}\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t}, [count, editPromocode]);\n\n\tconst items = [];\n\tconst keys = [];\n\n\tfor (let key in dataForm) {\n\t\tconst item = dataForm[key];\n\n\t\titems.push(item);\n\t\tkeys.push(key);\n\t}\n\n\treturn (\n\t\t\n {id} \n
\n \n editPromocode(indexKey)} />\n setOpen(true)} />\n
\n \n\t\t\t
\n\t);\n};\n\nconst useStyles = makeStyles((theme) => ({\n\tpromocodes: {\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\tpromocodesHeaderWrap: {\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\tpromocodesContainer: {\n\t\tdisplay: \"flex\",\n\t\tjustifyContent: \"center\",\n\t\talignItems: \"center\",\n\t\theight: \"80px\",\n\n\t\tfontWeight: 500,\n\t\tfontSize: 16,\n\t\tlineHeight: 19,\n\t\tcolor: \"#476282\",\n\t},\n\ttypography: {\n\t\tfontWeight: 500,\n\t\tfontSize: 18,\n\t\tlineHeight: \"21px\",\n\t},\n}));\n\nexport default Promocodes;\n","import React, { Component } from \"react\";\n\nimport { connect } from \"react-redux\";\nimport { withRouter } from \"react-router\";\nimport { withFirebase } from \"../../../firebase\";\n\nimport Promocodes from \"./index\";\n\nclass PromocodesContainer extends Component {\n\tconstructor() {\n\t\tsuper();\n\n\t\tthis.state = {\n\t\t\tpreloader: false,\n\t\t\tpromocodes: null,\n\t\t\tkeyShop: null,\n\t\t\tcurrentCity: null,\n\t\t\tcurrentBrand: null,\n\t\t\tisNewAdmin: false,\n\t\t};\n\t}\n\n\tcomponentDidMount() {\n\t\tthis.setState({\n\t\t\tkeyShop: this.props.match.url,\n\t\t});\n\n\t\tthis.getPromocodes();\n\t\tconst adminPermission = JSON.parse(localStorage.getItem(\"adminPermission\"));\n\t\tconst isNewAdmin = adminPermission?.newAdmin;\n\n\t\tthis.setState({\n\t\t\tisNewAdmin: isNewAdmin,\n\t\t});\n\t}\n\n\tcomponentDidUpdate(prevProps, prevState) {\n\t\t// Проверяем, изменилось ли значение isNewAdmin\n\t\tif (prevState.isNewAdmin !== this.state.isNewAdmin) {\n\t\t\tthis.getPromocodes();\n\t\t}\n\t}\n\n\tgetPromocodes = () => {\n\t\tlet url = this.props.match.url.split(\"/\");\n\t\turl = url.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\n\t\tif (this.state.isNewAdmin) {\n\t\t\tthis.props.firebase.bd\n\t\t\t\t.ref(\n\t\t\t\t\t`web/settings/city/${currentCity}/brands/${currentBrand}/loyaltySettings/promocodes`\n\t\t\t\t)\n\t\t\t\t.on(\"value\", (snapshot) => {\n\t\t\t\t\tlet promocodes = snapshot.val();\n\n\t\t\t\t\tthis.setState({\n\t\t\t\t\t\tpromocodes,\n\t\t\t\t\t\tkeyShop: url,\n\t\t\t\t\t\tcurrentCity,\n\t\t\t\t\t\tcurrentBrand,\n\t\t\t\t\t});\n\t\t\t\t});\n\t\t} else {\n\t\t\tthis.props.firebase.bd\n\t\t\t\t.ref(`web/settings/city/${url}/loyaltySettings/promocodes`)\n\t\t\t\t.on(\"value\", (snapshot) => {\n\t\t\t\t\tlet promocodes = snapshot.val();\n\n\t\t\t\t\tthis.setState({\n\t\t\t\t\t\tpromocodes,\n\t\t\t\t\t\tkeyShop: url,\n\t\t\t\t\t\tcurrentCity,\n\t\t\t\t\t\tcurrentBrand,\n\t\t\t\t\t});\n\t\t\t\t});\n\t\t}\n\t};\n\n\tchangeChecker = (value, id) => {\n\t\tconsole.log(\"id (changeChecker) --- >\", id);\n\t\tthis.setState({ preloader: true });\n\n\t\tif (this.state.isNewAdmin) {\n\t\t\tthis.props.firebase.bd\n\t\t\t\t.ref(\n\t\t\t\t\t`web/settings/city/${this.state.currentCity}/brands/${this.state.currentBrand}/loyaltySettings/promocodes/${id}`\n\t\t\t\t)\n\t\t\t\t.update({ isAvailable: value })\n\t\t\t\t.then((res) => {\n\t\t\t\t\tthis.setState({ preloader: false });\n\t\t\t\t});\n\t\t} else {\n\t\t\tthis.props.firebase.bd\n\t\t\t\t.ref(\n\t\t\t\t\t`web/settings/city/${this.state.keyShop}/loyaltySettings/promocodes/${id}`\n\t\t\t\t)\n\t\t\t\t.update({ isAvailable: value })\n\t\t\t\t.then((res) => {\n\t\t\t\t\tthis.setState({ preloader: false });\n\t\t\t\t});\n\t\t}\n\t};\n\n\tdeletePromocode = (id) => {\n\t\tconsole.log(\"=== Delete promocode ===\", id);\n\t\tthis.setState({ preloader: true });\n\n\t\tif (this.state.isNewAdmin) {\n\t\t\tthis.props.firebase.bd\n\t\t\t\t.ref(\n\t\t\t\t\t`web/settings/city/${this.state.currentCity}/brands/${this.state.currentBrand}/loyaltySettings/promocodes/`\n\t\t\t\t)\n\t\t\t\t.child(id)\n\t\t\t\t.remove()\n\t\t\t\t.then((res) => {\n\t\t\t\t\tthis.setState({ preloader: false });\n\t\t\t\t});\n\t\t} else {\n\t\t\tthis.props.firebase.bd\n\t\t\t\t.ref(\n\t\t\t\t\t`web/settings/city/${this.state.keyShop}/loyaltySettings/promocodes/`\n\t\t\t\t)\n\t\t\t\t.child(id)\n\t\t\t\t.remove()\n\t\t\t\t.then((res) => {\n\t\t\t\t\tthis.setState({ preloader: false });\n\t\t\t\t});\n\t\t}\n\t};\n\n\tsendData = (data) => {\n\t\tconsole.log(\"=== Submit data (promocodes) ===\", data);\n\n\t\tthis.setState({ preloader: true });\n\t\tif (this.state.isNewAdmin) {\n\t\t\tthis.props.firebase.bd\n\t\t\t\t.ref(\n\t\t\t\t\t`web/settings/city/${this.state.currentCity}/brands/${this.state.currentBrand}/loyaltySettings/promocodes/`\n\t\t\t\t)\n\t\t\t\t.set(data)\n\t\t\t\t.then((res) => {\n\t\t\t\t\tthis.setState({ preloader: false });\n\t\t\t\t\tthis.getPromocodes();\n\t\t\t\t});\n\t\t} else {\n\t\t\tthis.props.firebase.bd\n\t\t\t\t.ref(\n\t\t\t\t\t`web/settings/city/${this.state.keyShop}/loyaltySettings/promocodes/`\n\t\t\t\t)\n\t\t\t\t.set(data)\n\t\t\t\t.then((res) => {\n\t\t\t\t\tthis.setState({ preloader: false });\n\t\t\t\t\tthis.getPromocodes();\n\t\t\t\t});\n\t\t}\n\t};\n\n\trender() {\n\t\treturn (\n\t\t\t<>\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\tПромокоди\n\t\t\t\t \n\t\t\t\t createPromocode()}\n\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\t\tПоки ще немає промокодів\n\t\t\t\t
\n\t\t\t)}\n\n\t\t\t{isPromocodes &&\n\t\t\t\titems.map((item, index) => {\n\t\t\t\t\treturn (\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t);\n\t\t\t\t})}\n\t\t\n
\n )\n}\n\nconst useStyles = makeStyles(theme => ({\n headerWrapper: {\n display: 'flex',\n position: 'relative',\n maxWidth: 440,\n },\n popover: {\n top: 2,\n },\n categoriesWrap: {\n marginTop: 24,\n padding: 16,\n minHeight: 132,\n\n border: '1px solid #DADCE0',\n boxSizing: 'border-box',\n borderRadius: 5,\n [theme.breakpoints.down('600')]: {\n backgroundColor: 'white',\n },\n },\n typography: {\n fontSize: 18,\n fontWeight: 500,\n lineHeight: '21px',\n paddingRight: 20,\n },\n wrapper: {\n display: 'flex',\n alignItems: 'end',\n [theme.breakpoints.down('600')]: {\n display: 'flex',\n flexDirection: 'column',\n justifyContent: 'center',\n alignItems: 'center',\n },\n },\n categoriesContent: {\n display: 'flex',\n [theme.breakpoints.down('600')]: {\n display: 'flex',\n justifyContent: 'center',\n alignItems: 'center',\n },\n },\n inputField: {\n '& input': {\n width: 328,\n height: 45,\n border: '1px solid #DADCE0',\n borderRadius: '5px',\n padding: '11px 50px 11px 16px',\n boxSizing: 'border-box',\n },\n '& .MuiInput-underline:hover:not(.Mui-disabled):before': {\n content: 'none',\n },\n '& .MuiInput-underline:after': {\n content: 'none',\n },\n '& .MuiInput-underline:before': {\n content: 'none',\n },\n '& .Mui-error input': {\n border: '1px solid red',\n },\n [theme.breakpoints.down('375')]: {\n '& > div > input': {\n width: '100%',\n }\n },\n },\n button: {\n marginTop: 0,\n marginLeft: 15,\n fontSize: 14,\n textTransform: 'inherit',\n [theme.breakpoints.down('600')]: {\n marginTop: 16,\n marginLeft: 0,\n },\n },\n\n chipsList: {\n paddingLeft: 0,\n display: 'flex',\n flexWrap: 'wrap',\n [theme.breakpoints.down('600')]: {\n width: '100%',\n flexDirection: 'column',\n '& > li > div': {\n width: '100%',\n },\n '& > li:last-child > hr': {\n display: 'none',\n }\n }\n\n },\n chipsListLi: {\n listStyleType: 'none',\n marginRight: 5,\n marginBottom: 5,\n [theme.breakpoints.down('600')]: {\n marginRight: 5,\n }\n \n },\n chips: {\n \n },\n chip: {\n fontSize: 12,\n lineHeight: 1,\n color: 'white',\n backgroundColor: '#326DFF',\n [theme.breakpoints.down('600')]: {\n display: 'flex',\n justifyContent: 'space-between',\n background: '#E0E9FF',\n color: '#326DFF',\n padding: '0 6px',\n },\n \n '&.MuiChip-deletable > .MuiChip-deleteIcon': {\n color: 'rgba(255, 255, 255, .26)',\n [theme.breakpoints.down('600')]: {\n color: 'rgba(255, 255, 255, 1)',\n },\n }\n },\n hr: {\n border: '1px dashed rgba(71, 98, 130, .25)',\n boxSizing: 'border-box',\n marginLeft: '10px',\n marginRight: '10px',\n },\n}))\n\n\nCategories = reduxForm({\n form: 'AddCategories', \n enableReinitialize : true\n})(Categories);\n\nexport default Categories;","import React from 'react';\nimport useMediaQuery from '@material-ui/core/useMediaQuery';\nimport { makeStyles } from '@material-ui/core/styles';\nimport { Field, reduxForm} from 'redux-form';\n\nimport {required} from 'redux-form-validators';\n\nimport CustomizedInputs from '../../../components/UIform';\nimport Button from '../../../components/Button';\nimport Loading from '../../../components/Loading';\nimport Chip from '@material-ui/core/Chip';\nimport Popover from '../../../components/Popover';\n\nimport { Typography } from '@material-ui/core';\n\nlet Categories = (props) => {\n const classes = useStyles();\n const isMin600 = useMediaQuery('(max-width: 599px)');\n const isMax600 = useMediaQuery('(min-width: 600px)');\n let { handleSubmit, noDiscountForProductIds, editShops } = props;\n\n if (!noDiscountForProductIds || !noDiscountForProductIds[0]) noDiscountForProductIds = [];\n\n const handleDelete = (chipToDelete) => () => {\n let list = props.noDiscountForProductIds.filter((chip) => chip !== chipToDelete);\n props.editShops(list, 'noDiscountForProductIds');\n };\n\n const addChip = (data) => {\n let status = noDiscountForProductIds.find((chip) => chip === data.idProducts);\n let isValue;\n\n if (Object.keys(data).length == 0) {\n isValue = false;\n } else {\n isValue = true;\n }\n\n if(status === undefined && isValue){\n let list = [...noDiscountForProductIds, data.idProducts];\n editShops(list, 'noDiscountForProductIds');\n props.reset();\n } else if (!isValue) {\n console.log('Пустое поле');\n } else {\n alert('Данный ID уже есть в списке');\n }\n };\n\n return (\n \n Категории, на которые не применяются скидки \n
\n \n
\n \n - \n {noDiscountForCategorieIds.map((data, index) => {\n return (\n
- \n
}\n \n );\n })}\n
\n
\n )\n}\n\nconst useStyles = makeStyles(theme => ({\n headerWrapper: {\n display: 'flex',\n position: 'relative',\n maxWidth: 438,\n },\n popover: {\n top: 2,\n },\n categoriesWrap: {\n marginTop: 24,\n padding: 16,\n minHeight: 132,\n\n border: '1px solid #DADCE0',\n boxSizing: 'border-box',\n borderRadius: 5,\n background: 'white',\n },\n typography: {\n fontSize: 18,\n fontWeight: 500,\n lineHeight: '21px',\n paddingRight: 20,\n },\n wrapper: {\n display: 'flex',\n alignItems: 'end',\n [theme.breakpoints.down('600')]: {\n display: 'flex',\n flexDirection: 'column',\n justifyContent: 'center',\n alignItems: 'center',\n },\n },\n categoriesContent: {\n display: 'flex',\n [theme.breakpoints.down('600')]: {\n display: 'flex',\n justifyContent: 'center',\n alignItems: 'center',\n },\n },\n inputField: {\n '& input': {\n width: 328,\n height: 45,\n border: '1px solid #DADCE0',\n borderRadius: '5px',\n padding: '11px 50px 11px 16px',\n boxSizing: 'border-box',\n },\n '& .MuiInput-underline:hover:not(.Mui-disabled):before': {\n content: 'none',\n },\n '& .MuiInput-underline:after': {\n content: 'none',\n },\n '& .MuiInput-underline:before': {\n content: 'none',\n },\n '& .Mui-error input': {\n border: '1px solid red',\n },\n [theme.breakpoints.down('375')]: {\n '& > div > input': {\n width: '100%',\n }\n },\n },\n button: {\n marginTop: 0,\n marginLeft: 15,\n fontSize: 14,\n textTransform: 'inherit',\n [theme.breakpoints.down('600')]: {\n marginTop: 16,\n marginLeft: 0,\n },\n },\n\n chipsList: {\n paddingLeft: 0,\n display: 'flex',\n flexWrap: 'wrap',\n [theme.breakpoints.down('600')]: {\n width: '100%',\n display: 'flex',\n flexDirection: 'column',\n '& > li > div': {\n width: '100%',\n },\n '& > li:last-child > hr': {\n display: 'none',\n }\n }\n\n },\n chipsListLi: {\n listStyleType: 'none',\n marginRight: 5,\n marginBottom: 5,\n [theme.breakpoints.down('600')]: {\n marginRight: 5,\n }\n \n },\n chip: {\n fontSize: 12,\n lineHeight: 1,\n color: 'white',\n backgroundColor: '#326DFF',\n [theme.breakpoints.down('600')]: {\n display: 'flex',\n justifyContent: 'space-between',\n background: '#E0E9FF',\n color: '#326DFF',\n padding: '0 6px',\n },\n \n '&.MuiChip-deletable > .MuiChip-deleteIcon': {\n color: 'rgba(255, 255, 255, .26)',\n [theme.breakpoints.down('600')]: {\n color: 'rgba(255, 255, 255, 1)',\n },\n }\n },\n hr: {\n border: '1px dashed rgba(71, 98, 130, .25)',\n boxSizing: 'border-box',\n marginLeft: '10px',\n marginRight: '10px',\n },\n}))\n\n\nCategories = reduxForm({\n form: 'AddProducts', \n enableReinitialize : true\n})(Categories);\n\nexport default Categories;","import React, {useState, useEffect} from 'react';\nimport { makeStyles } from '@material-ui/core/styles';\nimport {reduxForm} from 'redux-form';\n\nimport AddCategories from './AddCategories';\nimport AddProducts from './AddProducts';\nimport Button from '../../../components/Button';\nimport Loading from '../../../components/Loading';\n\nimport ModalComponent from '../../../components/ModalComponent';\n\nconst Products = ({ \n loadStatus, \n editShops, \n noDiscountForCategorieIds, \n noDiscountForProductIds, \n // handleSubmit,\n saveData,\n ...props \n}) => {\n const classes = useStyles();\n\n const [openModal, setOpenModal] = useState(false);\n const [isSubmit, setIsSubmit] = useState(false);\n const [isLoading, setIsLoading] = useState(false);\n\n const handleCloseModal = () => {\n setOpenModal(false);\n setIsSubmit(false);\n };\n\n const handleClickSubmit = () => {\n setOpenModal(false);\n setIsSubmit(true);\n };\n\n const submitForm = () => {\n setOpenModal(true);\n setIsLoading(true);\n }\n\n useEffect(() => {\n if (isLoading && isSubmit && !openModal) {\n saveData()\n\n console.log('Вы подтвердили');\n handleCloseModal()\n }\n \n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [isSubmit, isLoading, openModal]);\n\n\n return (\n \n Продукты, на которые не применяются скидки \n
\n \n
\n \n - \n {noDiscountForProductIds.map((data, index) => {\n return (\n
- \n
}\n \n );\n })}\n
\n
\n )\n}\n\nconst useStyles = makeStyles(theme => ({\n discountWrapper: {\n \n },\n buttonWrapper: {\n marginTop: 20,\n width: '100%',\n display: 'flex',\n justifyContent: 'center',\n },\n button: {\n textTransform: 'capitalize'\n }\n}))\n\nexport default reduxForm({\n form: 'Promcodes', \n })(Products);\n","import React, {Component} from 'react';\n\nimport {connect} from 'react-redux';\nimport { withRouter } from \"react-router\";\nimport { withFirebase } from '../../../firebase'\n\nimport {editShops} from '../../../reducers/shops';\nimport Products from './index';\n\nclass ProductsContainer extends Component {\n\n constructor(){\n super();\n\n this.state = {\n preloader: false,\n keyShop: null,\n }\n }\n\n componentDidMount(){\n this.getKeyShop();\n }\n\n getKeyShop = () => {\n let id = this.props.match.path.split('/');\n id = id[id.length - 1];\n\n this.setState({ keyShop: id });\n }\n\n editShops = (value, params) => {\n let data = {\n key: this.state.keyShop,\n value,\n params,\n }\n console.log('editShops', data);\n\n if (params === 'noDiscountForCategorieIds') {\n this.props.handleCategoriesPromocode(true);\n } else {\n this.props.handleProductsPromocode(true);\n }\n\n this.props.editShops(data);\n }\n\n saveData = () => {\n const shops = this.props.shops[this.state.keyShop];\n let noDiscountForCategorieIds;\n let noDiscountForProductIds;\n\n if (shops) {\n noDiscountForCategorieIds = shops.noDiscountForCategorieIds\n noDiscountForProductIds = shops.noDiscountForProductIds\n\n let noDiscountForCategorieIdsIsValid = noDiscountForCategorieIds === undefined ? [] : noDiscountForCategorieIds;\n let noDiscountForProductIdsIsValid = noDiscountForProductIds === undefined ? [] : noDiscountForProductIds;\n\n // console.log('noDiscountForCategorieIdsIsValid', noDiscountForCategorieIdsIsValid);\n // console.log('noDiscountForProductIdsIsValid', noDiscountForProductIdsIsValid);\n\n this.setState({preloader: true})\n this.props.firebase.bd\n .ref(`${this.props.login}/settings/City/${this.state.keyShop}/`)\n .update({\n noDiscountForCategorieIds: noDiscountForCategorieIdsIsValid,\n noDiscountForProductIds: noDiscountForProductIdsIsValid\n })\n .then(res => {\n this.setState({preloader: false})\n this.props.handleCategoriesPromocode(false);\n this.props.handleProductsPromocode(false);\n })\n }\n }\n\n render() {\n const shop = this.props.shops[this.state.keyShop];\n return (\n <>\n \n
\n \n
\n \n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t setIsOpen(false)}\n\t\t\t/>\n\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\tРекомендований розмір фото для банера 1600x600 (розширення файлу jpg,\n\t\t\t\t\tjpeg, png)\n\t\t\t\t\n\t\t\t\t{images.length === 0 && (\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t{(provided, snapshot) => (\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t{images.map((item, index) => {\n\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t\t\t\t{!isBannerDownload ? (\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\t\t{(provided, snapshot) => (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tПока нет баннеров
\n\t\t\t\t)}\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t![]()
{ imageViewClick(index) } }\n className={classes.image} \n src={item.data_url ? item.data_url : item.photo} \n alt={`Баннер - ${index}`} /> */}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{/* \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\timageViewClick(index);\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t>
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{/* \n handleInputChange(e, index)}\n onKeyPress={(e) => handleKeyPress(e, index)}\n placeholder={'Введите текст'}\n />\n onSubmitSaveText(index)}>\n Сохранить\n \n
*/}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{/* deleteBanner(index)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t handleSetActiveInput(index)}>\n
*/}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{/* \n
*/}\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\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\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{/* \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\timageViewClick(index);\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t>
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n
*/}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\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\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\t{provided.placeholder}\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\n\t\t\t deleteBanner(index)}>\n
\n \n\t\t\t\t\n\t\t\t\t\t{({ onImageUpload, isDragging, errors }) => (\n\t\t\t\t\t\t// write your building UI\n\t\t\t\t\t\t
\n\t\t\n\t);\n};\n\nexport default Banners;\n","import React, { Component } from \"react\";\nimport axios from \"axios\";\n\nimport { connect } from \"react-redux\";\nimport { withRouter } from \"react-router\";\nimport { withFirebase } from \"../../../firebase\";\n\nimport Banners from \"./index\";\n\nclass BannersContainer extends Component {\n\tconstructor() {\n\t\tsuper();\n\n\t\tthis.state = {\n\t\t\tpreloader: false,\n\t\t\tspotId: null,\n\t\t\tcityId: null,\n\t\t\tallBanners: [],\n\t\t\tbanners: [],\n\t\t\timages: [],\n\t\t\tcity: null,\n\t\t\tisNewAdmin: false,\n\t\t};\n\t}\n\n\tcomponentDidMount() {\n\t\tthis.getImages();\n\t\tthis.getSpotId();\n\n\t\tconst adminPermission = JSON.parse(localStorage.getItem(\"adminPermission\"));\n\t\tconst isNewAdmin = adminPermission?.newAdmin;\n\n\t\tthis.setState({\n\t\t\tisNewAdmin: isNewAdmin,\n\t\t});\n\t}\n\n\tcomponentDidUpdate(prevProps, prevState) {\n\t\t// Проверяем, изменилось ли значение isNewAdmin\n\t\tif (prevState.isNewAdmin !== this.state.isNewAdmin) {\n\t\t\tthis.getImages();\n\t\t\tthis.getSpotId();\n\t\t}\n\t}\n\n\tsetImages = (images) => this.setState({ images });\n\tsetBanners = (banners) => this.setState({ banners });\n\n\tgetSpotId = () => {\n\t\tlet key = this.props.location.pathname\n\t\t\t.split(\"/\")\n\t\t\t.find((el) => parseInt(el) >= 0);\n\n\t\tif (this.state.isNewAdmin) {\n\t\t\tconst activeBrand = JSON.parse(localStorage.getItem(\"currentBrand\"));\n\t\t\tconst spotId = activeBrand.id;\n\t\t\tthis.setState({ spotId });\n\t\t} else {\n\t\t\tconst spotId = this.props.cities.find((city) => city.key === key)?.id;\n\t\t\tconst cityId = this.props.match.path.slice(16, 17);\n\t\t\tthis.setState({ spotId, cityId });\n\t\t}\n\t};\n\n\tgetImages = () => {\n\t\tthis.setState({ preloader: true });\n\t\tconst currentCity = JSON.parse(localStorage.getItem(\"chosenCity\"));\n\t\tconst currentBrand = JSON.parse(localStorage.getItem(\"chosenBrand\"));\n\n\t\tif (this.state.isNewAdmin) {\n\t\t\tconst activeBrand = this.props.cities[currentCity].brands[currentBrand];\n\t\t\tthis.props.firebase.bd\n\t\t\t\t.ref(`web/settings/city/${currentCity}/brands/${currentBrand}/banners`)\n\t\t\t\t.on(\"value\", (snapshot) => {\n\t\t\t\t\tlet banners = snapshot.val();\n\t\t\t\t\tbanners = banners ? banners : [];\n\n\t\t\t\t\tif (activeBrand) {\n\t\t\t\t\t\tbanners = banners.map((banner, index) => {\n\t\t\t\t\t\t\treturn {\n\t\t\t\t\t\t\t\t...banner,\n\t\t\t\t\t\t\t\tspotId: activeBrand.id,\n\t\t\t\t\t\t\t\tbannerLink: banner.bannerLink || \"\",\n\t\t\t\t\t\t\t};\n\t\t\t\t\t\t});\n\t\t\t\t\t}\n\n\t\t\t\t\tthis.setState({ banners, allBanners: banners, preloader: false });\n\t\t\t\t});\n\t\t} else {\n\t\t\tthis.props.firebase.bd\n\t\t\t\t.ref(`web/settings/city/${currentCity}/banners`)\n\t\t\t\t.on(\"value\", (snapshot) => {\n\t\t\t\t\tlet banners = snapshot.val();\n\t\t\t\t\tconsole.log(\"bannes\", banners);\n\t\t\t\t\tbanners = banners ? banners : [];\n\n\t\t\t\t\tif (this.props.cities.length === 1) {\n\t\t\t\t\t\tbanners = banners.map((banner, index) => {\n\t\t\t\t\t\t\treturn {\n\t\t\t\t\t\t\t\t...banner,\n\t\t\t\t\t\t\t\tspotId: this.props.cities[0].id,\n\t\t\t\t\t\t\t\tbannerLink: banner.bannerLink || \"\",\n\t\t\t\t\t\t\t};\n\t\t\t\t\t\t});\n\t\t\t\t\t}\n\n\t\t\t\t\tthis.setState({ banners, allBanners: banners, preloader: false });\n\t\t\t\t});\n\t\t}\n\t};\n\n\tdeleteBanner = ({ id, data, name }) => {\n\t\tconsole.log(\"delete banners!\", data, id);\n\t\tlet base_url =\n\t\t\twindow.location.hostname == \"localhost:3000\"\n\t\t\t\t? \"localhost\"\n\t\t\t\t: window.location.hostname;\n\t\tconst currentCity = JSON.parse(localStorage.getItem(\"chosenCity\"));\n\t\tconst currentBrand = JSON.parse(localStorage.getItem(\"chosenBrand\"));\n\n\t\t// Фильтруем баннеры, чтобы исключить удаляемый баннер\n\t\tlet filtredAllBanners = this.state.allBanners.filter(\n\t\t\t(banner) => banner.spotId !== this.state.spotId\n\t\t);\n\n\t\tlet sendData = [...filtredAllBanners, ...data];\n\n\t\tconsole.log(\"delete sendData\", sendData);\n\n\t\tfetch(`https://e-admin.com.ua/photo/deleteBanner.php`, {\n\t\t\tmethod: \"POST\",\n\t\t\tbody: JSON.stringify({\n\t\t\t\tid,\n\t\t\t\tname,\n\t\t\t\tlogin: this.props.login,\n\t\t\t\tfolder: \"loyalty-system\",\n\t\t\t}),\n\t\t})\n\t\t\t.then((response) => {\n\t\t\t\tif (!response.ok && response.status !== 200) {\n\t\t\t\t\tthrow new Error(\"Ошибка запроса!\");\n\t\t\t\t} else {\n\t\t\t\t\tif (this.state.isNewAdmin) {\n\t\t\t\t\t\tthis.props.firebase.bd\n\t\t\t\t\t\t\t.ref(\n\t\t\t\t\t\t\t\t`web/settings/city/${currentCity}/brands/${currentBrand}/banners`\n\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t.set(sendData)\n\t\t\t\t\t\t\t.then((res) => {\n\t\t\t\t\t\t\t\tthis.setImages([]);\n\t\t\t\t\t\t\t\tthis.getImages();\n\t\t\t\t\t\t\t\tsetTimeout(() => alert(`Фото ${name} - було видалено!`), 100);\n\t\t\t\t\t\t\t})\n\t\t\t\t\t\t\t.catch((error) => {\n\t\t\t\t\t\t\t\tconsole.error(error);\n\t\t\t\t\t\t\t});\n\t\t\t\t\t} else {\n\t\t\t\t\t\tthis.props.firebase.bd\n\t\t\t\t\t\t\t.ref(`web/settings/city/${currentCity}/banners`)\n\t\t\t\t\t\t\t.set(sendData)\n\t\t\t\t\t\t\t.then((res) => {\n\t\t\t\t\t\t\t\tthis.setImages([]);\n\t\t\t\t\t\t\t\tthis.getImages();\n\t\t\t\t\t\t\t\tsetTimeout(() => alert(`Фото ${name} - було видалено!`), 100);\n\t\t\t\t\t\t\t})\n\t\t\t\t\t\t\t.catch((error) => {\n\t\t\t\t\t\t\t\tconsole.error(error);\n\t\t\t\t\t\t\t});\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t})\n\t\t\t.catch((error) => {\n\t\t\t\tconsole.log(\"error\", error);\n\t\t\t});\n\t};\n\n\tsaveText = (text, id) => {\n\t\tconsole.log(\"--- saveText --- text id\", text, id); // text, id\n\t\tconst currentCity = JSON.parse(localStorage.getItem(\"chosenCity\"));\n\t\ttry {\n\t\t\tthis.props.firebase.bd.ref(\n\t\t\t\t`web/settings/city/${currentCity}/banners/${id}/text`\n\t\t\t);\n\t\t} catch (err) {\n\t\t\tconsole.log(\"Ошибка записи текста!\", err);\n\t\t}\n\t};\n\n\tsendData = (data) => {\n\t\tconsole.log(\"onSubmit data\", data);\n\t\tconst currentCity = JSON.parse(localStorage.getItem(\"chosenCity\"));\n\t\tconst currentBrand = JSON.parse(localStorage.getItem(\"chosenBrand\"));\n\t\tlet self = this;\n\t\t// let sendData = {};\n\t\tlet isUpload = false;\n\t\tlet isUpdate = false;\n\t\tlet isDnD = false;\n\n\t\tfor (let key in data) {\n\t\t\tif (data[key].upload) isUpload = true;\n\t\t\tif (data[key].update) isUpdate = true;\n\t\t\tif (data[key].dnd) isDnD = true;\n\n\t\t\t// sendData[key] = {\n\t\t\t// available: data[key].available,\n\t\t\t// text: !!data[key].text ? data[key].text : ''\n\t\t\t// };\n\t\t}\n\n\t\tif (isUpload) {\n\t\t\tconsole.log(\"--- uploading ---\");\n\n\t\t\tlet uploadData = [];\n\n\t\t\tfor (let key in data) {\n\t\t\t\t// let { available, text, spotId, order } = data[key];\n\t\t\t\tlet { available, spotId, order } = data[key];\n\n\t\t\t\t// let existingBanner = this.state.banners[key] || {};\n\t\t\t\tlet bannerLink = \"\";\n\n\t\t\t\tif (data[key].upload) {\n\t\t\t\t\tuploadData.push({\n\t\t\t\t\t\tavailable,\n\t\t\t\t\t\torder,\n\t\t\t\t\t\tspotId,\n\t\t\t\t\t\tbannerLink,\n\t\t\t\t\t\t// text: !!text ? text : \"\",\n\t\t\t\t\t});\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tlet isFetchOK = false;\n\n\t\t\tfunction fetch(file, key) {\n\t\t\t\tlet base_url =\n\t\t\t\t\twindow.location.hostname == \"localhost:3000\"\n\t\t\t\t\t\t? \"localhost\"\n\t\t\t\t\t\t: window.location.hostname;\n\t\t\t\tconsole.log(\"file\", file);\n\t\t\t\treturn axios\n\t\t\t\t\t.post(`https://e-admin.com.ua/photo/index.php`, file)\n\t\t\t\t\t.then((res) => {\n\t\t\t\t\t\t// console.log('res', res);\n\t\t\t\t\t\tif (res && res.data && res.data.image_name) {\n\t\t\t\t\t\t\tconst namePhoto = res.data.image_name.split(\" \")[0];\n\t\t\t\t\t\t\tconsole.log(\"namePhoto\", namePhoto);\n\n\t\t\t\t\t\t\tif (namePhoto && self.props.login) {\n\t\t\t\t\t\t\t\tisFetchOK = true;\n\t\t\t\t\t\t\t\tuploadData[\n\t\t\t\t\t\t\t\t\tkey\n\t\t\t\t\t\t\t\t].photo = `https://e-admin.com.ua/photo/photo/uploads/${self.props.login}/loyalty-system/${namePhoto}`;\n\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\tisFetchOK = false;\n\t\t\t\t\t\t\t\tthrow new Error(\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\t})\n\t\t\t\t\t.catch((error) => {\n\t\t\t\t\t\tconsole.error(\"Ошибка загрузки изображения\", error);\n\t\t\t\t\t\tself.setState({ preloader: false });\n\t\t\t\t\t});\n\t\t\t}\n\n\t\t\tasync function asyncGeneratorWay(callback) {\n\t\t\t\tasync function* generateSequence() {\n\t\t\t\t\tfor (let key in uploadData) {\n\t\t\t\t\t\tlet item = data[key];\n\n\t\t\t\t\t\tconsole.log(\"item -->>> \", item);\n\t\t\t\t\t\tconsole.log(\"item.file -->>> \", item.file);\n\t\t\t\t\t\tconsole.log(\"login -->>> \", self.props.login);\n\n\t\t\t\t\t\tif (item.file && self.props.login) {\n\t\t\t\t\t\t\tlet file = new FormData();\n\t\t\t\t\t\t\tfile.append(\"photo\", item.file);\n\t\t\t\t\t\t\tfile.append(\"login\", self.props.login);\n\t\t\t\t\t\t\tfile.append(\"folder\", \"loyalty-system\");\n\n\t\t\t\t\t\t\tyield await fetch(file, key);\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\tlet generator = generateSequence();\n\t\t\t\tlet result;\n\t\t\t\twhile (!result || !result.done) {\n\t\t\t\t\tresult = await generator.next(result && result.done);\n\t\t\t\t}\n\t\t\t\t// callback(result.done);\n\t\t\t\treturn { status: true };\n\t\t\t}\n\n\t\t\tlet result = asyncGeneratorWay();\n\n\t\t\tresult\n\t\t\t\t.then((response) => {\n\t\t\t\t\tif (!response || !response.status) {\n\t\t\t\t\t\tthrow new Error(\"Ошибка загрузки баннера\");\n\t\t\t\t\t}\n\n\t\t\t\t\tif (response.status) {\n\t\t\t\t\t\ttry {\n\t\t\t\t\t\t\tuploadData = isFetchOK\n\t\t\t\t\t\t\t\t? [...this.state.banners, ...uploadData]\n\t\t\t\t\t\t\t\t: this.state.banners;\n\t\t\t\t\t\t\tconsole.log(\"uploadData --->>>\", uploadData);\n\n\t\t\t\t\t\t\tif (this.state.isNewAdmin) {\n\t\t\t\t\t\t\t\tself.props.firebase.bd\n\t\t\t\t\t\t\t\t\t.ref(\n\t\t\t\t\t\t\t\t\t\t`web/settings/city/${currentCity}/brands/${currentBrand}/banners`\n\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t.update(uploadData);\n\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\tself.props.firebase.bd\n\t\t\t\t\t\t\t\t\t.ref(`web/settings/city/${currentCity}/banners`)\n\t\t\t\t\t\t\t\t\t.update(uploadData);\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\tthis.setState({ images: [] });\n\t\t\t\t\t\t} catch (err) {\n\t\t\t\t\t\t\tconsole.error(\"Ошибка записи в firebase\", err);\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\talert(\"Ошибка при загрузке банеров\", error);\n\t\t\t\t});\n\t\t}\n\n\t\tif (isUpdate) {\n\t\t\tconsole.log(\"--- updating ---\");\n\n\t\t\tlet updateData = {};\n\n\t\t\tfor (let key in data) {\n\t\t\t\tlet { available, photo } = data[key];\n\n\t\t\t\tif (data[key].update) {\n\t\t\t\t\tupdateData[key] = {\n\t\t\t\t\t\tavailable,\n\t\t\t\t\t\tphoto,\n\t\t\t\t\t\t// text: !!text ? text : \"\",\n\t\t\t\t\t};\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tconsole.log(\"updateData -- >>\", updateData);\n\n\t\t\t// try {\n\t\t\t// self.props.firebase.bd.ref('/banners').update(updateData);\n\t\t\t// } catch (err) {\n\t\t\t// console.error('Ошибка записи в firebase', err);\n\t\t\t// }\n\t\t}\n\n\t\tif (isDnD) {\n\t\t\tconsole.log(\"--- Drag and Drop ---\");\n\n\t\t\tlet dndData = [];\n\t\t\tlet filtredAllBanners = [...this.state.allBanners].filter(\n\t\t\t\t(banner) => banner.spotId !== this.state.spotId\n\t\t\t);\n\n\t\t\tconsole.log(\"datadndd\", data);\n\n\t\t\tfor (let key in data) {\n\t\t\t\tlet { available, photo, order, spotId, bannerLink } = data[key];\n\n\t\t\t\tif (data[key].dnd) {\n\t\t\t\t\tdndData.push({\n\t\t\t\t\t\tavailable,\n\t\t\t\t\t\torder,\n\t\t\t\t\t\tspotId,\n\t\t\t\t\t\tphoto,\n\t\t\t\t\t\tbannerLink: bannerLink ? bannerLink : \"\",\n\t\t\t\t\t\t// text: !!text ? text : \"\",\n\t\t\t\t\t});\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tlet sendData = [...filtredAllBanners, ...dndData];\n\n\t\t\t// console.log('sendData -- >>', sendData);\n\n\t\t\tif (this.state.isNewAdmin) {\n\t\t\t\tself.props.firebase.bd\n\t\t\t\t\t.ref(\n\t\t\t\t\t\t`web/settings/city/${currentCity}/brands/${currentBrand}/banners`\n\t\t\t\t\t)\n\t\t\t\t\t.set(sendData)\n\t\t\t\t\t.then((res) => {\n\t\t\t\t\t\tconsole.log(\"success set dnd data\", sendData);\n\t\t\t\t\t})\n\t\t\t\t\t.catch((error) => {\n\t\t\t\t\t\tconsole.error(error);\n\t\t\t\t\t});\n\t\t\t} else {\n\t\t\t\tself.props.firebase.bd\n\t\t\t\t\t.ref(`web/settings/city/${currentCity}/banners`)\n\t\t\t\t\t.set(sendData)\n\t\t\t\t\t.then((res) => {\n\t\t\t\t\t\tconsole.log(\"success set dnd data\", sendData);\n\t\t\t\t\t})\n\t\t\t\t\t.catch((error) => {\n\t\t\t\t\t\tconsole.error(error);\n\t\t\t\t\t});\n\t\t\t}\n\t\t}\n\n\t\t// console.log('=== sendData ===', sendData);\n\t};\n\n\trender() {\n\t\treturn (\n\t\t\t<>\n\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t)}\n\t\t\t\t\n\t\t\t\n\t\t\t\t\t\t\t\t window.location.reload()}\n\t\t\t\t\t\t\t\t\t\tload={false}\n\t\t\t\t\t\t\t\t\t\ttext={\"Скасувати\"}\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\t setOpenDataModal(true)}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t{/* { console.log('errors', errors) } */}\n\t\t\t\t\t\t\t{errors && (\n\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{preloader ? (\n\t\t\t\t<>\n\t\t\t) : (\n\t\t\t\t
\n\t);\n};\n\nexport default withFirebase(SalesContainer);\n","import React from \"react\";\nimport { makeStyles, withStyles } from \"@material-ui/core/styles\";\n\nimport {\n\tBrowserRouter as Router,\n\tSwitch,\n\tRoute,\n\tLink,\n\tNavLink,\n\twithRouter,\n} from \"react-router-dom\";\n\nimport Paper from \"@material-ui/core/Paper\";\nimport Tabs from \"@material-ui/core/Tabs\";\nimport Tab from \"@material-ui/core/Tab\";\n\nimport Discounts from \"./discounts\";\nimport Promocodes from \"./promocodes/PromocodesContainer\";\nimport Products from \"./products/ProductsContainer\";\nimport Banners from \"./banners/BannersContainer\";\nimport Sales from \"./sales/SalesContainer\";\n\nconst AntTabs = withStyles({\n\troot: {\n\t\tminHeight: 32,\n\t\tborderBottom: \"1px solid inherit\",\n\t},\n\tindicator: {\n\t\tmaxWidth: 24,\n\t\theight: 2,\n\t\tbackgroundColor: \"#326DFF\",\n\t},\n})(Tabs);\n\nconst AntTab = withStyles((theme) => ({\n\troot: {\n\t\tcolor: \"#476282\",\n\t\tminWidth: 30,\n\t\tminHeight: 32,\n\t\tmarginRight: 30,\n\t\tfontFamily: \"Poppins, sans-serif\",\n\t\tfontSize: 16,\n\t\tfontWeight: 600,\n\t\ttextTransform: \"inherit\",\n\t\ttextAlign: \"left\",\n\t\tpadding: 0,\n\t\t\"&:last-child\": {\n\t\t\tmarginRight: 0,\n\t\t},\n\t\t\"&:hover\": {\n\t\t\tcolor: \"#326DFF\",\n\t\t\topacity: 1,\n\t\t},\n\t\t\"&$selected\": {\n\t\t\tcolor: \"#326DFF\",\n\t\t\tfontWeight: 600,\n\t\t\ttextAlign: \"left\",\n\t\t},\n\t\t\"&:focus\": {\n\t\t\tcolor: \"#326DFF\",\n\t\t},\n\t},\n\tselected: {},\n}))((props) => \n\t\t\t\n\t\t\t\t \n\t\t
\n\t);\n};\n\nconst useStyles = makeStyles((theme) => ({\n\ttabsComponent: {},\n\ttabs: {\n\t\tmarginTop: 20,\n\t\tminHeight: \"auto\",\n\t},\n\ttab: {\n\t\tminWidth: \"auto\",\n\t\tminHeight: \"auto\",\n\t\tpadding: 0,\n\t\tpaddingRight: 30,\n\t\tfontFamily: \"Poppins, sans-serif\",\n\t\tfontWeight: 600,\n\t\tfontSize: 16,\n\t\tlineHeight: \"28px\",\n\t\ttextTransform: \"inherit\",\n\t\tcolor: \"#476282\",\n\t\t\"&:last-child\": {\n\t\t\t// background: 'red'\n\t\t},\n\t\t\"&.MuiTouchRipple-root\": {},\n\t},\n\ttabHeader: {\n\t\tmargin: \"16px 0 26px 10px\",\n\t},\n\tdiscountsAndPromotions: {},\n\ttabLinks: {\n\t\tdisplay: \"flex\",\n\t},\n\ttabLink: {\n\t\tposition: \"relative\",\n\t\tfontFamily: \"Poppins, sans-serif\",\n\t\tfontSize: 16,\n\t\tfontWeight: 600,\n\t\tlineHeight: \"28px\",\n\t\tmarginRight: 26,\n\t\ttextDecoration: \"none\",\n\t\tcolor: \"#476282\",\n\t\t\"&.active\": {\n\t\t\tcolor: \"#326DFF\",\n\t\t\t\"&::before\": {\n\t\t\t\tcontent: '\"\"',\n\t\t\t\tposition: \"absolute\",\n\t\t\t\tbottom: 0,\n\t\t\t\tleft: 0,\n\t\t\t\twidth: \"50%\",\n\t\t\t\theight: 2,\n\t\t\t\tbackground: \"#326DFF\",\n\t\t\t},\n\t\t},\n\t},\n}));\n\nexport default withRouter(TabsComponent);\n","import React from \"react\";\nimport useMediaQuery from \"@material-ui/core/useMediaQuery\";\nimport { makeStyles } from \"@material-ui/core/styles\";\n\nimport Paper from \"@material-ui/core/Paper\";\nimport Grid from \"@material-ui/core/Grid\";\nimport Typography from \"@material-ui/core/Typography\";\nimport FormLabel from \"@material-ui/core/FormLabel\";\n\nimport Tabs from \"./tabs\";\n\nconst Discount = (props) => {\n\tconst classes = useStyles();\n\tconst { saleFirstOrder, promoCodes, isSaleSystem } = props;\n\tconst isMin600 = useMediaQuery(\"(max-width: 599px)\");\n\tconst isMax600 = useMediaQuery(\"(min-width: 600px)\");\n\n\tconst Title = ({ title }) => (\n\t\t\n\t\t\t\t\t
\n\n\t\t\t\t\n\t\t\t\t\t\t{adminPermission.saleFirstOrder && (\n\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\t\t{adminPermission.promoCodes && (\n\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\t\t{adminPermission.bannerControl && (\n\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\t\t{isSaleSystem && checkAdminPermissionSaleSystem && (\n\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\t
\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t{adminPermission.promoCodes && (\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t)}\n\t\t\t\t\t\t{adminPermission.bannerControl && (\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t)}\n\t\t\t\t\t\t{checkAdminPermissionSaleSystem && isSaleSystem && (\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t)}\n\t\t\t\t\t\t{adminPermission.saleFirstOrder && (\n\t\t\t\t\t\t\t\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\t\t\t{isMin600 && (\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{isMax600 && (\n\t\t\t\t\t \n\t\t
\n\t);\n};\n\nconst useStyles = makeStyles((theme) => ({\n\tdefaultWrapper: {\n\t\t[theme.breakpoints.down(\"599\")]: {\n\t\t\tmarginTop: 16,\n\t\t},\n\t},\n\tpaper: {\n\t\tminHeight: \"calc(100vh - 150px)\",\n\t\tpadding: theme.spacing(2),\n\t\tpaddingTop: 24,\n\t\tpaddingBottom: 16,\n\t\t[theme.breakpoints.down(\"600\")]: {\n\t\t\tpadding: 0,\n\t\t\tbackground: \"transparent\",\n\t\t\tborder: \"none\",\n\t\t\tboxShadow: \"none\",\n\t\t},\n\t},\n\ttitle: {\n\t\tfontFamily: \"Roboto\",\n\t\tfontSize: 22,\n\t\tlineHeight: \"26px\",\n\t\tfontWeight: \"bold\",\n\t\tletterSpacing: \"0.003em\",\n\t\tcolor: \"black\",\n\t},\n\ttitleMobile: {\n\t\t// marginTop: 12,\n\t\tmarginBottom: 8,\n\t\tfontFamily: \"Roboto\",\n\t\tfontSize: 22,\n\t\tlineHeight: \"26px\",\n\t\tfontWeight: \"bold\",\n\t\tletterSpacing: \"0.003em\",\n\t\tcolor: \"black\",\n\t},\n\tarrowIcon: {\n\t\twidth: 24,\n\t\theight: 24,\n\t\tdisplay: \"flex\",\n\t\tjustifyContent: \"center\",\n\t\talignItems: \"center\",\n\t},\n\tformLegend: {\n\t\tdisplay: \"flex\",\n\t},\n}));\n\nexport default Discount;\n","import React, { Component } from \"react\";\n\nimport { connect } from \"react-redux\";\nimport { withRouter } from \"react-router\";\nimport { withFirebase } from \"../../firebase\";\n\nimport Discount from \"./index\";\n\nclass PayCardContainer extends Component {\n\tconstructor() {\n\t\tsuper();\n\n\t\tthis.state = {\n\t\t\tpreloader: false,\n\t\t\tsaleFirstOrders: null,\n\t\t\tsaleFirstOrder: null,\n\t\t\tpromoCodes: null,\n\t\t\tkeyShop: null,\n\t\t\tadminPermission: {},\n\t\t\tisSaleSystem: false,\n\t\t};\n\t}\n\n\tcomponentDidMount() {\n\t\tthis.setState({\n\t\t\tkeyShop: this.props.match.params.city,\n\t\t});\n\t\tthis.checkLoyaltySettings();\n\n\t\tthis.getFieldsSaleFirstOrder();\n\t\tthis.getFieldSaleFirstOrder();\n\t\tthis.getFieldsPromoCodes();\n\t\tthis.getAdminPermission();\n\t}\n\n\tcomponentDidUpdate(prevProps, prevState) {\n\t\tlet cityId = window.location.pathname.split(\"/\");\n\t\tcityId = cityId[cityId.length - 1];\n\t\tif (this.state.keyShop !== cityId) {\n\t\t\t// console.log('prevProps, prevState', this.state.keyShop, cityId);\n\t\t\tthis.setState({ keyShop: cityId });\n\t\t\tthis.getFieldsSaleFirstOrder();\n\t\t\tthis.checkLoyaltySettings();\n\t\t}\n\t}\n\n\tgetAdminPermission = () => {\n\t\t// this.props.firebase.bd.ref(`${this.props.login}/adminPermission`).on(\"value\", (snapshot) => {\n\t\tthis.props.firebase.bd\n\t\t\t.ref(`web/adminPermission`)\n\t\t\t.on(\"value\", (snapshot) => {\n\t\t\t\tlet adminPermission = snapshot.val();\n\n\t\t\t\tif (adminPermission) this.setState({ adminPermission });\n\t\t\t});\n\t};\n\n\tcheckLoyaltySettings = () => {\n\t\tconst { isNewAdmin } = this.state.adminPermission;\n\t\tconst currentCity = this.props.match.params.city;\n\t\tconst refPath = isNewAdmin\n\t\t\t? `web/settings/city/${currentCity}/brands/${this.props.match.params.brand}/loyaltySettings/saleSystem`\n\t\t\t: `web/settings/city/${currentCity}/loyaltySettings/saleSystem`;\n\n\t\tthis.props.firebase.bd.ref(refPath).once(\"value\", (snapshot) => {\n\t\t\tif (snapshot.exists()) {\n\t\t\t\tthis.setState({ isSaleSystem: true });\n\t\t\t} else {\n\t\t\t\tthis.setState({ isSaleSystem: false });\n\t\t\t}\n\t\t});\n\t};\n\n\tgetFieldsSaleFirstOrder = () => {\n\t\tthis.props.firebase.bd\n\t\t\t// .ref(\n\t\t\t// \t`${this.props.login}/settings/City/${this.props.match.params.city}/saleFirstOrder`\n\t\t\t// )\n\t\t\t.ref(`web/settings/city/${this.props.match.params.city}/saleFirstOrder`)\n\t\t\t.on(\"value\", (snapshot) => {\n\t\t\t\tlet saleFirstOrders = snapshot.val();\n\n\t\t\t\tsaleFirstOrders = saleFirstOrders ? saleFirstOrders : [];\n\n\t\t\t\tthis.setState({ saleFirstOrders });\n\t\t\t});\n\t};\n\n\tgetFieldSaleFirstOrder = () => {\n\t\tthis.props.firebase.bd\n\t\t\t// .ref(`${this.props.login}/adminPermission/saleFirstOrder`)\n\t\t\t.ref(`web/adminPermission/saleFirstOrder`)\n\t\t\t.on(\"value\", (snapshot) => {\n\t\t\t\tlet saleFirstOrder = snapshot.val();\n\n\t\t\t\tthis.setState({ saleFirstOrder });\n\t\t\t});\n\t};\n\n\tgetFieldsPromoCodes = () => {\n\t\tthis.props.firebase.bd\n\t\t\t// .ref(`${this.props.login}/adminPermission/promoCodes`)\n\t\t\t.ref(`web/adminPermission/promoCodes`)\n\t\t\t.on(\"value\", (snapshot) => {\n\t\t\t\tlet promoCodes = snapshot.val();\n\n\t\t\t\tthis.setState({ promoCodes });\n\t\t\t});\n\t};\n\n\tchangeChecker = (value) => {\n\t\tthis.setState({ preloader: true });\n\t\tthis.props.firebase.bd\n\t\t\t// .ref(\n\t\t\t// \t`${this.props.login}/settings/City/${this.props.match.params.city}/saleFirstOrder`\n\t\t\t// )\n\t\t\t.ref(`web/settings/city/${this.props.match.params.city}/saleFirstOrder`)\n\t\t\t.update({ available: value })\n\t\t\t.then((res) => {\n\t\t\t\tthis.setState({ preloader: false });\n\t\t\t});\n\t};\n\n\tsendData = (data) => {\n\t\tconsole.log(\"=== Submit data ===\", data);\n\n\t\tlet result = {\n\t\t\tavailable: true,\n\t\t\tdiscountId: \"\",\n\t\t\tid: \"\",\n\t\t};\n\n\t\tif (data) {\n\t\t\tresult = { ...result, ...data };\n\t\t}\n\n\t\tthis.setState({ preloader: true });\n\t\tthis.props.firebase.bd\n\t\t\t// .ref(\n\t\t\t// \t`${this.props.login}/settings/City/${this.props.match.params.city}/saleFirstOrder`\n\t\t\t// )\n\t\t\t.ref(`web/settings/city/${this.props.match.params.city}/saleFirstOrder`)\n\t\t\t.update(result)\n\t\t\t.then((res) => {\n\t\t\t\tthis.setState({ preloader: false });\n\t\t\t});\n\t\tthis.getFieldsSaleFirstOrder();\n\t\tthis.props.getDefaultCity();\n\t};\n\n\trender() {\n\t\t// console.log('state, saleFirstOrder', this.state);\n\t\treturn (\n\t\t\t<>\n\t\t\t\t\n {children}\n
\n \n {isMin600 && Продвижение }\n \n \n {isMax600 && Продвижение }\n {!!webcode && (\n \n \n \n \n\n \n \n
\n )\n}\n\nconst styles = theme => ({\n container: {\n padding: 16,\n borderRadius: 5,\n background: 'white',\n border: '0.5px solid #DADCE0', \n },\n title: {\n fontSize: 22,\n fontWeight: 'bold',\n lineHeight: '26px',\n },\n titleMobile: {\n marginTop: 16,\n marginBottom: 8,\n fontSize: 22,\n fontWeight: 'bold',\n lineHeight: '26px',\n },\n typographyWrapper: {\n display: 'flex',\n justifyContent: 'space-between',\n alignItems: 'center',\n },\n h6: {\n marginTop: 20,\n fontSize: 16,\n lineHeight: '19px',\n fontWeight: 500,\n [theme.breakpoints.down(\"600\")]: {\n marginTop: 0,\n }\n },\n textarea: {\n marginTop: 13,\n marginBottom: 5,\n width: '100%',\n height: '86px !important',\n padding: '10px 16px',\n fontSize: 16,\n lineHeight: '24px', \n letterSpacing: '0.15px',\n color: '#476282',\n border: '0.5px solid #DADCE0',\n boxSizing: 'border-box',\n borderRadius: '5px',\n resize: 'none',\n overflowY: 'auto !important',\n\n },\n textareaContent: {\n display: 'flex',\n justifyContent: 'space-between',\n alignItems: 'center'\n },\n textareaParagraph: {\n margin: 0,\n lineHeight: '24px',\n },\n button: {\n width: 109,\n height: 36,\n background: '#E9F1FC',\n borderRadius: '5px',\n fontSize: 14,\n textTransform: 'none',\n fontWeight: 500,\n boxShadow: 'none',\n border: 'none',\n color: '#326DFF',\n '&:hover': {\n background: 'rgb(50, 109, 255);',\n color: 'white',\n boxShadow: 'none',\n border: 'none',\n }\n },\n qrCodeWrapper: {\n marginTop: 16,\n display: 'flex',\n border: '0.5px solid #DADCE0',\n boxSizing: 'border-box',\n borderRadius: 5,\n padding: '24px 16px',\n [theme.breakpoints.down(\"600\")]: {\n flexDirection: 'column',\n border: 'none',\n padding: 0,\n marginTop: 24,\n }\n },\n qrCode: {\n width: 215,\n [theme.breakpoints.down(\"600\")]: {\n width: '100%',\n }\n },\n qrCodeData: {\n marginTop: 15,\n marginBottom: 15,\n width: 147,\n height: 'auto',\n padding: 16,\n border: '0.5px solid #DADCE0',\n boxSizing: 'border-box',\n borderRadius: 5,\n [theme.breakpoints.down(\"600\")]: {\n flexDirection: 'column',\n margin: '16px auto',\n }\n },\n qrTitle: {\n fontSize: 16,\n lineHeight: '19px',\n margin: 0,\n\n },\n text: {\n marginLeft: 100,\n maxWidth: 418,\n [theme.breakpoints.down(\"600\")]: {\n marginLeft: 0,\n maxWidth: '100%',\n },\n '& > p:first-child': {\n marginTop: 0,\n }\n },\n qrCodeInfo: {\n display: 'flex',\n [theme.breakpoints.down(\"600\")]: {\n width: 230,\n margin: '0 auto',\n }\n },\n qrCodeWebsite: {\n marginTop: 15,\n [theme.breakpoints.down(\"600\")]: {\n marginTop: 24,\n marginBottom: 16,\n textAlign: 'center',\n }\n },\n qrcodeText: {\n width: 160,\n [theme.breakpoints.down(\"600\")]: {\n width: 180,\n }\n },\n qrImage: {\n width: '100%',\n },\n advertising: {\n marginTop: 16,\n padding: '24px 16px',\n border: '0.5px solid #DADCE0',\n boxSizing: 'border-box',\n borderRadius: 5,\n [theme.breakpoints.down(\"600\")]: {\n marginTop: 24,\n padding: 0,\n border: 'none',\n '& > h2': {\n fontSize: 20,\n marginBottom: 12,\n },\n }\n },\n alert: {\n marginTop: 10,\n },\n textList: {\n margin: 0,\n listStyleType: 'none',\n padding: 0,\n },\n qrDownloadFile: {\n color: '#326dff',\n cursor: 'pointer',\n },\n arrowUp: {\n background: '#326dff',\n }\n });\n\nexport default withStyles(styles, { withTheme: true })(Promotion);","/* eslint-disable array-callback-return */\nimport React, {Component} from 'react';\n\nimport Promotion from './promotion';\nimport {connect} from 'react-redux';\nimport { withRouter } from \"react-router\";\nimport { withFirebase } from '../../firebase'\nimport axios from 'axios';\n\nclass PayCardContainer extends Component{\n\n constructor(){\n super();\n\n this.state = {\n loadStatus: false,\n webcode: '',\n universalLink: '',\n }\n }\n\n componentDidMount(){\n this.getPromotion();\n // this.getQRCode();\n }\n\n getPromotion = () => {\n this.props.firebase.bd.ref(`${this.props.login}/adminPermission`).on(\"value\", (snapshot) => {\n let val = snapshot.val();\n\n if (val) {\n if (!this.state.webcode) {\n this.setState({\n webcode: val.promotion.webcode,\n universalLink: val.promotion.universalLink,\n });\n }\n }\n \n });\n }\n\n // getQRCode = () => {\n // axios.get(`http://qrcodes.com.ua/api/?u=${this.props.appSettings.branchLink}`, {headers: {\n // 'Access-Control-Allow-Origin': '*',\n // }})\n // .then((res) => console.log('res', res))\n // .catch((err) => console.log('err', err));\n // }\n \n sendData = (data) => {\n // console.log('data');\n }\n\n \n render() {\n let branchLink = this.props.appSettings.branchLink;\n return(\n <>\n \n Код для вставки сайта \n {isMin600 && (\n
\n )}\n\n {!!webcode && (\n \n \n
\n )}\n \n Текст был успешно скопирован! }\n
\n )}\n \n
\n {isActiveAlert && \n
\n {isMax600 && (\n Этот скрипт нужно вставить на сайт между тегов {``}.
\nВсе посетители сайта увидят, что у вас появилось мобильное приложение.
\n\n \n
\n )}\n \n
\n \n
\n QR-код для наклейки
\n\n 
\n {/* {isActiveStores &&
\n {/* \n
*/}\n Включить значки AppStore & Google Play
\n \n
\n \n
\n downloadFile(baseUrl + `qr_code/get_qr.php?url=${universalLink}`)}>\n Скачать QR код\n
\n \n
\n Если навести включённую камеру телефона на QR-код, система предложит вам перейти по ссылке и скачать мобильное приложение — это самый быстрый способ найти приложение в AppStore или Google Play.
\nНаклейку можно разместить на входе в заведение, на обложке меню, на стойках столов или в любом другом видном месте. Наклейка выглядит современно и значительно повышает количество скачиваний приложения.
\nФормат, который мы предлагаем для скачивания, подойдёт для любой типографии или студии печати. Просто передайте ссылку типографии и закажите нужный объём наклеек.
\n Рекомендуемые размеры:\n- \n
- Входная дверь — 20 см по длинной стороне. \n
- Обложка меню — 5 см по длинной стороне. \n
\n
\n Как ещё прорекламировать приложение?
\nКроме рекламы приложения на собственном сайте, вы можете дать прямые ссылки на приложение в ваших группах в социальных сетях: instagram, vk, facebook.
\n\r\n\t\t\t\r\n\t\t\t{meta.touched && meta.error &&
\r\n\t);\r\n};\r\n\r\nlet TableForm = (props) => {\r\n\tconst classes = useStyles();\r\n\tconst { handleSubmit } = props;\r\n\r\n\treturn (\r\n\t\t{meta.error}
}\r\n\t\t\r\n\t\t\t\r\n\t\t
\r\n\t);\r\n};\r\n\r\nTableForm = reduxForm({\r\n\tform: \"WorkingHours\",\r\n\tenableReinitialize: true,\r\n})(TableForm);\r\n\r\nexport default TableForm;\r\n","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 {\r\n\t// updateShops,\r\n\t// updateLoadControl,\r\n\tupdateBrandData,\r\n\tupdateCityData,\r\n} from \"../../reducers/shops\";\r\n// import { 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\tconst dispatch = useDispatch();\r\n\tconst classes = useStyles();\r\n\tconst cities = useSelector((state) => state.shops.shops);\r\n\r\n\tconst currentCity = JSON.parse(localStorage.getItem(\"chosenCity\"));\r\n\tconst currentBrand = JSON.parse(localStorage.getItem(\"chosenBrand\"));\r\n\r\n\tconst activeCity = cities && cities[currentCity];\r\n\tconst hasBrands = activeCity && activeCity.brands && currentBrand !== null;\r\n\r\n\tconst checkoutScreen = hasBrands\r\n\t\t? activeCity.brands[currentBrand]?.checkoutScreen\r\n\t\t: activeCity?.checkoutScreen;\r\n\r\n\tconst deliveryTerminals = hasBrands\r\n\t\t? activeCity.brands[currentBrand]?.deliveryTerminals\r\n\t\t: activeCity?.deliveryTerminals;\r\n\r\n\tconst checkoutScreenRefPath = hasBrands\r\n\t\t? `web/settings/city/${currentCity}/brands/${currentBrand}/checkoutScreen`\r\n\t\t: `web/settings/city/${currentCity}/checkoutScreen`;\r\n\r\n\tconst deliveryTerminalsRefPath = hasBrands\r\n\t\t? `web/settings/city/${currentCity}/brands/${currentBrand}/deliveryTerminals`\r\n\t\t: `web/settings/city/${currentCity}/deliveryTerminals`;\r\n\r\n\tconst [initialValues, setInitialValues] = useState(null);\r\n\tconst isMin600 = useMediaQuery(\"(max-width: 599px)\");\r\n\tconst isMax600 = useMediaQuery(\"(min-width: 600px)\");\r\n\r\n\tconst [openModal, setOpenModal] = useState(false);\r\n\tconst [isSubmit, setIsSubmit] = useState(false);\r\n\tconst [dataTableForm, setDataTableForm] = useState(null);\r\n\r\n\tconst handleClose = () => {\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\tuseEffect(() => {\r\n\t\tif (isSubmit && !openModal) {\r\n\t\t\tconsole.log(\"Вы подтвердили\");\r\n\r\n\t\t\tsaveLabelControl(dataTableForm);\r\n\t\t}\r\n\r\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\r\n\t}, [isSubmit, openModal]);\r\n\r\n\tuseEffect(() => {\r\n\t\tif (!initialValues && checkoutScreen) {\r\n\t\t\tif (Object.keys(checkoutScreen).length > 0) {\r\n\t\t\t\tconst { orderTimeIntervalDelivery, orderTimeIntervalPickup } =\r\n\t\t\t\t\tcheckoutScreen;\r\n\r\n\t\t\t\tsetInitialValues({\r\n\t\t\t\t\torderTimeIntervalDelivery,\r\n\t\t\t\t\torderTimeIntervalPickup,\r\n\t\t\t\t});\r\n\t\t\t}\r\n\t\t}\r\n\t}, [initialValues, checkoutScreen]);\r\n\r\n\tconst onSubmit = (data) => {\r\n\t\tconsole.log(\"--- onSubmit ---\", data);\r\n\r\n\t\tsetOpenModal(true);\r\n\t\tsetDataTableForm(data);\r\n\t};\r\n\r\n\tconst saveLabelControl = (data) => {\r\n\t\tlet daliveryTerminalsData = [...deliveryTerminals];\r\n\t\tlet sendData = {\r\n\t\t\torderTimeIntervalDelivery: Number(data.orderTimeIntervalDelivery),\r\n\t\t\torderTimeIntervalPickup: Number(data.orderTimeIntervalPickup),\r\n\t\t};\r\n\r\n\t\tdeliveryTerminals.map((terminal, index) => {\r\n\t\t\tlet workingHoursCity = [];\r\n\t\t\tconsole.log(\"terminal ***\", terminal);\r\n\t\t\tterminal.workingHours.map((item, index) => {\r\n\t\t\t\tconst { begin, end, deliveryEnd } = item;\r\n\t\t\t\tlet newDeliveryEnd = moment(end, \"HH:mm\");\r\n\t\t\t\tlet changedDeliveryEnd = moment(deliveryEnd, \"HH:mm\");\r\n\t\t\t\tlet oldOrderTimeIntervalDelivery = moment(end, \"HH:mm\");\r\n\t\t\t\tnewDeliveryEnd = newDeliveryEnd\r\n\t\t\t\t\t.add(Number(data.orderTimeIntervalDelivery), \"minutes\")\r\n\t\t\t\t\t.format(\"HH:mm\");\r\n\t\t\t\toldOrderTimeIntervalDelivery = oldOrderTimeIntervalDelivery\r\n\t\t\t\t\t.add(Number(checkoutScreen.orderTimeIntervalDelivery), \"minutes\")\r\n\t\t\t\t\t.format(\"HH:mm\");\r\n\t\t\t\t// changedDeliveryEnd = changedDeliveryEnd.add(checkoutScreen.orderTimeIntervalDelivery - data.orderTimeIntervalDelivery, 'minutes').format('HH:mm');\r\n\r\n\t\t\t\tif (begin === \"00:00\" && end === \"00:00\") {\r\n\t\t\t\t\tnewDeliveryEnd = \"24:00\";\r\n\t\t\t\t}\r\n\r\n\t\t\t\t// let interval = Math.abs(checkoutScreen.orderTimeIntervalDelivery - data.orderTimeIntervalDelivery);\r\n\r\n\t\t\t\t// if (checkoutScreen.orderTimeIntervalDelivery > data.orderTimeIntervalDelivery) {\r\n\t\t\t\t// changedDeliveryEnd = changedDeliveryEnd.subtract(interval, 'minutes').format('HH:mm');\r\n\t\t\t\t// }\r\n\r\n\t\t\t\t// if (checkoutScreen.orderTimeIntervalDelivery < data.orderTimeIntervalDelivery) {\r\n\t\t\t\t// changedDeliveryEnd = changedDeliveryEnd.add(interval, 'minutes').format('HH:mm');\r\n\t\t\t\t// }\r\n\r\n\t\t\t\tconsole.log(\"deliveryEnd\", deliveryEnd);\r\n\t\t\t\tconsole.log(\"newDeliveryEnd\", newDeliveryEnd);\r\n\t\t\t\tconsole.log(\"changedDeliveryEnd\", changedDeliveryEnd);\r\n\t\t\t\tconsole.log(\"=========\");\r\n\r\n\t\t\t\t// if (deliveryEnd !== oldOrderTimeIntervalDelivery) {\r\n\t\t\t\t// newDeliveryEnd = changedDeliveryEnd;\r\n\t\t\t\t// }\r\n\r\n\t\t\t\t// newDeliveryEnd = changedDeliveryEnd;\r\n\r\n\t\t\t\tconst workingHoursCityData = {\r\n\t\t\t\t\tbegin,\r\n\t\t\t\t\tend,\r\n\t\t\t\t\tdeliveryEnd: newDeliveryEnd,\r\n\t\t\t\t};\r\n\r\n\t\t\t\tif (terminal.workingHours.length > 1) {\r\n\t\t\t\t\tworkingHoursCityData[\"dayNumber\"] = index + 1;\r\n\t\t\t\t}\r\n\r\n\t\t\t\tworkingHoursCity.push(workingHoursCityData);\r\n\t\t\t});\r\n\t\t\tconsole.log(\"workingHoursCity\", workingHoursCity);\r\n\t\t\tdaliveryTerminalsData[index].workingHours = workingHoursCity;\r\n\t\t});\r\n\r\n\t\tif (\r\n\t\t\tdata.orderTimeIntervalDelivery !==\r\n\t\t\t\tcheckoutScreen.orderTimeIntervalDelivery ||\r\n\t\t\tdata.orderTimeIntervalPickup !== checkoutScreen.orderTimeIntervalPickup\r\n\t\t) {\r\n\t\t\tprops.firebase.bd\r\n\t\t\t\t.ref(checkoutScreenRefPath)\r\n\t\t\t\t.update(sendData)\r\n\t\t\t\t.then(() => {\r\n\t\t\t\t\tif (hasBrands) {\r\n\t\t\t\t\t\tdispatch(\r\n\t\t\t\t\t\t\tupdateBrandData({\r\n\t\t\t\t\t\t\t\tshopKey: currentCity,\r\n\t\t\t\t\t\t\t\tbrandKey: currentBrand,\r\n\t\t\t\t\t\t\t\tpath: \"checkoutScreen\",\r\n\t\t\t\t\t\t\t\tvalue: sendData,\r\n\t\t\t\t\t\t\t})\r\n\t\t\t\t\t\t);\r\n\t\t\t\t\t} else {\r\n\t\t\t\t\t\t// Обновление данных для случая, когда бренды отсутствуют\r\n\t\t\t\t\t\tdispatch(\r\n\t\t\t\t\t\t\tupdateCityData({\r\n\t\t\t\t\t\t\t\tshopKey: currentCity,\r\n\t\t\t\t\t\t\t\tpath: \"checkoutScreen\",\r\n\t\t\t\t\t\t\t\tvalue: sendData,\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\treturn props.firebase.bd\r\n\t\t\t\t\t\t.ref(deliveryTerminalsRefPath)\r\n\t\t\t\t\t\t.update(daliveryTerminalsData);\r\n\t\t\t\t})\r\n\t\t\t\t.then(() => {\r\n\t\t\t\t\tconsole.log(\"Data updated successfully\");\r\n\t\t\t\t})\r\n\t\t\t\t.catch((error) => console.error(error));\r\n\t\t}\r\n\t};\r\n\r\n\treturn (\r\n\t\t\r\n\t\t\t\r\n\t\t\t{/* {isMin600 && (\r\n\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{isMin600 && (\r\n\t\t\t\t
\r\n\t);\r\n};\r\n\r\nexport default withRouter(withFirebase(WorkTimeComponent));\r\n","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\t\t\t\t\t
\r\n\t\t\t)} */}\r\n\t\t\t{/* {isMax600 && ( */}\r\n\t\t\t\r\n\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\t{/* )} */}\r\n\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\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\teditShopsNewStructure,\n} from \"../../../reducers/shops\";\nimport CategoriesSort from \"./categoriesSort\";\n\nconst Categories = (props) => {\n\tconst { categories, categoriesOrder, hiddenCategories, isNewAdmin } = 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\n\t\t\tif (isNewAdmin) {\n\t\t\t\tconst path = `web/settings/city/${keyCity}/brands/${keyBrand}/category/hiddenCategories`;\n\n\t\t\t\tprops.firebase.bd\n\t\t\t\t\t.ref(path)\n\t\t\t\t\t.set(newHiddenCategories)\n\t\t\t\t\t.then(() => {\n\t\t\t\t\t\tconsole.log(\"Hidden categories updated successfully\");\n\t\t\t\t\t\tdispatch(\n\t\t\t\t\t\t\tupdateBrandData({\n\t\t\t\t\t\t\t\tshopKey: keyCity,\n\t\t\t\t\t\t\t\tbrandKey: keyBrand,\n\t\t\t\t\t\t\t\tpath: \"category.hiddenCategories\",\n\t\t\t\t\t\t\t\tvalue: newHiddenCategories,\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\t.catch((error) => {\n\t\t\t\t\t\tconsole.error(\"Error updating hidden categories: \", error);\n\t\t\t\t\t});\n\t\t\t} else {\n\t\t\t\tconst path = `web/settings/city/${keyCity}/category/hiddenCategories`;\n\n\t\t\t\tprops.firebase.bd\n\t\t\t\t\t.ref(path)\n\t\t\t\t\t.set(newHiddenCategories)\n\t\t\t\t\t.then(() => {\n\t\t\t\t\t\tconsole.log(\"Hidden categories updated successfully\");\n\t\t\t\t\t\tdispatch(\n\t\t\t\t\t\t\teditShopsNewStructure({\n\t\t\t\t\t\t\t\tkey: keyCity,\n\t\t\t\t\t\t\t\tparam1: \"category\",\n\t\t\t\t\t\t\t\tparam2: \"hiddenCategories\",\n\t\t\t\t\t\t\t\tvalue: newHiddenCategories,\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\t.catch((error) => {\n\t\t\t\t\t\tconsole.error(\"Error updating hidden categories: \", error);\n\t\t\t\t\t});\n\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\n\t\t\tif (isNewAdmin) {\n\t\t\t\tconst path = `web/settings/city/${keyCity}/brands/${keyBrand}/category/categoriesOrder`;\n\n\t\t\t\tprops.firebase.bd\n\t\t\t\t\t.ref(path)\n\t\t\t\t\t.set(data)\n\t\t\t\t\t.then(() => {\n\t\t\t\t\t\tdispatch(\n\t\t\t\t\t\t\tupdateBrandData({\n\t\t\t\t\t\t\t\tshopKey: keyCity,\n\t\t\t\t\t\t\t\tbrandKey: keyBrand,\n\t\t\t\t\t\t\t\tpath: \"category.categoriesOrder\",\n\t\t\t\t\t\t\t\tvalue: data,\n\t\t\t\t\t\t\t})\n\t\t\t\t\t\t);\n\t\t\t\t\t\tdispatch(updateCategoriesOrder(data));\n\t\t\t\t\t\tsetSubmitData(null);\n\t\t\t\t\t\talert(\"Готово!\");\n\t\t\t\t\t})\n\t\t\t\t\t.catch((error) => {\n\t\t\t\t\t\tconsole.error(\"Error updating data: \", error);\n\t\t\t\t\t});\n\t\t\t} else {\n\t\t\t\tconst path = `web/settings/city/${keyCity}/category/categoriesOrder`;\n\n\t\t\t\tprops.firebase.bd\n\t\t\t\t\t.ref(path)\n\t\t\t\t\t.set(data)\n\t\t\t\t\t.then(() => {\n\t\t\t\t\t\tdispatch(\n\t\t\t\t\t\t\teditShopsNewStructure({\n\t\t\t\t\t\t\t\tkey: keyCity,\n\t\t\t\t\t\t\t\tparam1: \"category\",\n\t\t\t\t\t\t\t\tparam2: \"categoriesOrder\",\n\t\t\t\t\t\t\t\tvalue: data,\n\t\t\t\t\t\t\t})\n\t\t\t\t\t\t);\n\t\t\t\t\t\tdispatch(updateCategoriesOrder(data));\n\t\t\t\t\t\tsetSubmitData(null);\n\t\t\t\t\t\talert(\"Готово!\");\n\t\t\t\t\t})\n\t\t\t\t\t.catch((error) => {\n\t\t\t\t\t\tconsole.error(\"Error updating data: \", error);\n\t\t\t\t\t});\n\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{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 { makeStyles } from \"@material-ui/core/styles\";\nimport Grid from \"@material-ui/core/Grid\";\nimport Paper from \"@material-ui/core/Paper\";\n\nimport { withFirebase } from \"../../firebase\";\nimport Loading from \"../../components/Loading\";\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\n\tconst shops = useSelector((state) => state.shops.shops);\n\tconst adminPermission = useSelector((state) => state.shops.adminPermission);\n\tconst isNewAdmin = adminPermission?.newAdmin;\n\n\tconst activeBrand = isNewAdmin\n\t\t? shops\n\t\t\t\t.flatMap((shop) => shop.brands)\n\t\t\t\t.find((brand) => brand.id === brandId && brand.isActive)\n\t\t: shops[brandId];\n\n\tconst iikoAccount = activeBrand?.apiSettings.iiko.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\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\tconsole.log(filteredCategories);\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\tif (!categories) return \n\t\t\t\t\t\t
\n\t\t\t\tСортировка меню
\n\t\t\t\t\t\t\n \n \n {meta.touched && (meta.error && {meta.error})}\n {meta.touched || meta.submitFailed && (meta.error && {meta.error})}\n
\n )\n}\n\nexport const Checkbox = ({input, meta, ...props}) => {\n return(\n \n \n \n
\n )\n}\n\nexport const Textarea = ({input, meta, ...props}) => {\n var value = input.value;\n if(props.val !== undefined && value.length === 0 && meta.visited === false){\n value = props.val;\n }\n return(\n \n \n