{\n e.stopPropagation();\n e.preventDefault();\n handleLikeBtn(product)\n }}>\n\n \n\n\n
\n\n \n
\n {amount === 0 ?\n \n :\n {\n if (photo !== `${MAIN_URL}/get-file/${product.photos[0]}`) {\n setPhoto(`${MAIN_URL}/get-file/${product.photos[0]}`)\n }\n }}>\n {product.photos.length > 1 ?\n 
\n
\n 4 ? 4 : product.photos.length}, minMax(0, 1fr))`,\n }}>\n {product.photos.slice(0, 4).map((item, i) => (\n
\n : null}\n {product.photos.length > 1 ?\n {\n handlePhotoSlide(i)\n }}>\n {i === 0 ? 
: null}\n
\n ))}\n 4 ? 4 : product.photos.length}, minMax(0, 1fr))`,\n }}>\n {product.photos.slice(0, 4).map((item, i) => (\n \n ))}\n
: null}\n \n
\n {Number(priceValue) > 0 ? `${priceValue.toLocaleString('us')} ₽` : \"\"}
\n\n{product.name}
\n0 ? '' : 'product-card__amount_zero'}`}>{amount > 0 ? `На складе ${amount} шт.` : `Нет в наличии`}
\n {\n e.stopPropagation();\n e.preventDefault();\n addToCart()\n }}>\n {isInCart ?\n
\n }\n \n\n );\n}\n\nexport default ProductCard;\n","import React from 'react'\nimport { Link } from 'react-router-dom';\n\nimport './Сrumbs.css';\n\n\n\n\n\nfunction Сrumbs({links}) {\n\n return (\n\n \n \n \n
\n :\n <>\n В корзину
\n {CartIcon({ mainClassName: 'product-card__cart-btn-icon', strokeClassName: 'product-card__cart-btn-icon-stroke' })}\n }\n\n\n {links && links.map((link, i) => (\n
\n\n );\n}\n\nexport default Сrumbs;\n","import React, { createRef, useEffect, useRef, useState } from 'react'\nimport { Helmet } from 'react-helmet';\nimport { useParams, useRouteMatch } from 'react-router';\n// import { Route } from 'react-router-dom';\nimport mainApi from '../../assets/api/MainApi';\nimport { getCityId } from '../../assets/utils/constants';\nimport FiltersPopup from '../FiltersPopup/FiltersPopup';\nimport MiniPreloader from '../MiniPreloader/MiniPreloader';\n// import Preloader from '../Preloader/Preloader';\nimport ProductCard from '../ProductCard/ProductCard';\n// import ProductPage from '../ProductPage/ProductPage';\nimport SofaPreloader from '../SofaPreloader/SofaPreloader';\nimport Crumbs from '../Сrumbs/Сrumbs'\nimport Filters from './Filters/Filters';\nimport './SubCategory.css';\n\nconst product_limit = 12\n\n\n\n\nfunction SubCategory({\n\n setFiltersUpd,\n handleLikeBtn,\n favouritesProducts,\n setCartPopupOpen,\n cart,\n handleToCartBtn,\n handleColorPopupOpen,\n handleCallPopupOpen,\n}) {\n let divRef = createRef();\n const { url } = useRouteMatch();\n // const history = useHistory();\n const [isPreloaderVisible, setPreloaderVisible] = useState(true)\n let { sub_category, category } = useParams();\n const [selectedCategory, setSelectedCategory] = useState(undefined)\n const [isFilterPopupOpen, setFilterPopupOpen] = useState(false);\n\n function handleFilterPopupClose() {\n setFilterPopupOpen(false)\n }\n\n const listRef = useRef()\n // const [pageValue, setPageValue] = useState(0);\n // const [prevScrollPosition, setPrevScrollPosition] = useState(-1);\n // const [scrollPosition, setScrollPosition] = useState(0);\n\n // const [scrollTraking, setScrollTraking] = useState(true);\n\n const [subcategory, setSubcategory] = useState(undefined)\n const [items, setItems] = useState(undefined)\n const [itemsCount, setItemsCount] = useState(undefined)\n\n\n const [isItemPreloaderVisible, setItemPreloaderVisible] = useState(true)\n useEffect(() => {\n if (sub_category && category) {\n console.log('1mk')\n setItemPreloaderVisible(true)\n setPreloaderVisible(true)\n setItems(undefined)\n // setPageValue(0)\n // setPrevScrollPosition(0)\n // setScrollPosition(0)\n\n let data = {}\n data.category_translit_name = category\n data.city_id = localStorage.getItem('city') ? getCityId(localStorage.getItem('city')) : '63777e74c505252a8fc59c0b'\n data.sub_category_translit_name = sub_category\n data.price_sort = true\n data.filters = [\n {\n translit_name: 'ROOT.amount',\n type: 'slider_bool',\n translit_value: '0'\n }\n ]\n data.last_id = null\n data.last_price = null\n data.limit = product_limit\n console.log(data)\n\n\n mainApi.getSubcategory({\n translit_name: sub_category,\n category_translit_name: category\n })\n .then((res) => {\n console.log(res)\n\n setSubcategory(res)\n mainApi.getItemsBySubAndCategory({ data: JSON.stringify(data) })\n .then((res2) => {\n console.log(res2)\n setItemsCount(res2.count)\n setItems(res2.data)\n })\n .catch((err) => {\n console.log(err)\n })\n .finally(() => {\n\n setItemPreloaderVisible(false)\n setPreloaderVisible(false)\n })\n })\n .catch((err) => {\n console.log(err)\n setPreloaderVisible(false)\n })\n\n\n\n\n }\n }, [sub_category, category])\n\n const [priceSortByDecrease, setPriceSortByDecrease] = useState(true);\n\n function handleResetFilters() {\n console.log('2mk')\n\n setItemPreloaderVisible(true)\n setFilterPopupOpen(false)\n let data = {}\n data.category_translit_name = category\n data.sub_category_translit_name = sub_category\n data.price_sort = priceSortByDecrease\n data.filters = [\n {\n translit_name: 'ROOT.amount',\n type: 'slider_bool',\n translit_value: '0'\n }\n ]\n data.last_id = null\n data.last_price = null\n data.city_id = localStorage.getItem('city') ? getCityId(localStorage.getItem('city')) : '63777e74c505252a8fc59c0b'\n data.limit = product_limit\n console.log(data)\n\n setItems(undefined)\n // setPageValue(0)\n // setPrevScrollPosition(0)\n // setScrollPosition(0)\n\n mainApi.getItemsBySubAndCategory({ data: JSON.stringify(data) })\n .then((res) => {\n console.log(res)\n setItemsCount(res.count)\n setItems(res.data)\n })\n .catch((err) => {\n console.log(err)\n })\n .finally(() => {\n setItemPreloaderVisible(false)\n })\n }\n\n const [filters, setFilters] = useState([])\n function handleUpdateByFilters({ filters_from_func, inStock }) {\n\n console.log('3mk', filters_from_func, inStock)\n\n setItemPreloaderVisible(true)\n const defMaxValue = '999999999'\n const defMinValue = '0'\n let array = Object.values(filters_from_func)\n array = array.map((item) => {\n\n if (item.type === 'min_max') {\n return {\n translit_name: item.translit_name,\n type: item.type,\n translit_value: item.max ? item.min ? `${item.min}-${item.max}` : `${defMinValue}-${item.max}` : item.min ? `${item.min}-${defMaxValue}` : `${defMinValue}-${defMaxValue}`\n }\n }\n else if (item.type === 'array_choose' && item.criterions.length > 0) {\n return {\n translit_name: item.translit_name,\n type: item.type,\n translit_value: item.criterions.map((item) => item.translit_value).join(',')\n }\n }\n else return null\n\n })\n array = array.filter((item) => item !== null)\n array = [...array, {\n translit_name: 'ROOT.amount',\n type: 'slider_bool',\n translit_value: inStock ? '1' : '0'\n }]\n console.log(array)\n setFilters(array)\n let data = {}\n data.category_translit_name = category\n data.city_id = localStorage.getItem('city') ? getCityId(localStorage.getItem('city')) : '63777e74c505252a8fc59c0b'\n data.sub_category_translit_name = sub_category\n data.price_sort = priceSortByDecrease\n data.filters = array\n data.last_id = null\n data.last_price = null\n data.limit = product_limit\n\n setItems(undefined)\n // setPageValue(0)\n // setPrevScrollPosition(0)\n // setScrollPosition(0)\n\n mainApi.getItemsBySubAndCategory({ data: JSON.stringify(data) })\n .then((res) => {\n console.log(res)\n setItemsCount(res.count)\n setItems(res.data)\n })\n .catch((err) => {\n console.log(err)\n })\n .finally(() => {\n setItemPreloaderVisible(false)\n })\n\n\n }\n\n\n function handleSortChange(value) {\n console.log('4mk')\n\n setPriceSortByDecrease(value)\n setItemPreloaderVisible(true)\n let data = {}\n data.category_translit_name = category\n data.sub_category_translit_name = sub_category\n data.city_id = localStorage.getItem('city') ? getCityId(localStorage.getItem('city')) : '63777e74c505252a8fc59c0b'\n data.price_sort = value\n data.filters = filters.length > 0 ? filters : [\n {\n translit_name: 'ROOT.amount',\n type: 'slider_bool',\n translit_value: '0'\n }\n ]\n data.last_id = null\n data.last_price = null\n data.limit = product_limit\n\n setItems(undefined)\n // setPageValue(0)\n // setPrevScrollPosition(0)\n // setScrollPosition(0)\n\n mainApi.getItemsBySubAndCategory({ data: JSON.stringify(data) })\n .then((res) => {\n console.log(res)\n setItemsCount(res.count)\n setItems(res.data)\n })\n .catch((err) => {\n console.log(err)\n })\n .finally(() => {\n setItemPreloaderVisible(false)\n })\n }\n\n\n\n\n\n\n const [isMoreLoading, setMoreLoading] = useState(false)\n\n function handleLoadMore() {\n if (isMoreLoading) return\n setMoreLoading(true)\n let last_id = items[items.length - 1]._id\n\n const name = localStorage.getItem('city') ? localStorage.getItem('city') : 'Тобольск'\n let cityMap = {\n \"Новый Уренгой\": \"63777e52c505252a8fc59c09\",\n \"Надым\": \"63777e62c505252a8fc59c0a\",\n \"Тобольск\": \"63777e74c505252a8fc59c0b\",\n }\n let id = cityMap[name] ? cityMap[name] : \"63777e74c505252a8fc59c0b\"\n let last_price = items[items.length - 1].firstc_data.price[id]\n\n console.log({ filters })\n console.log('ss')\n\n let data = {}\n data.category_translit_name = category\n data.city_id = localStorage.getItem('city') ? getCityId(localStorage.getItem('city')) : '63777e74c505252a8fc59c0b'\n data.sub_category_translit_name = sub_category\n data.price_sort = priceSortByDecrease\n data.filters = filters.length > 0 ? filters : [\n {\n translit_name: 'ROOT.amount',\n type: 'slider_bool',\n translit_value: '0'\n }\n ]\n data.last_id = last_id\n data.last_price = last_price\n data.limit = product_limit\n console.log(data)\n mainApi.getItemsBySubAndCategory({ data: JSON.stringify(data) })\n .then((res) => {\n console.log(res)\n setItems(prevList => prevList.concat(res.data))\n })\n .catch((err) => {\n console.log(err)\n })\n .finally(() => {\n setMoreLoading(false)\n // setItemPreloaderVisible(false)\n })\n }\n\n return (\n \n {link.name}\n
\n ))}\n /
\n\n {subcategory ?\n \n Диванчик - {`${subcategory.category.name} / ${subcategory.name}`} \n \n : null}\n {\n isPreloaderVisible ?\n
\n );\n}\n\nexport default SubCategory;\n","\nimport { Link } from 'react-router-dom';\nimport { MAIN_URL } from '../../../assets/utils/constants';\nimport './CategoryCard.css';\n\n\n\n\n\nfunction CategoryCard({item, url, category}) {\n\n return (\n \n \n
\n :\n <>\n {subcategory ?\n <>\n {itemsCount} {itemsCount % 10 === 1 && 'модель'}{itemsCount % 10 >= 2 && itemsCount % 10 <= 4 && 'модели'}{((itemsCount % 10 >= 5 && itemsCount % 10 <= 9) || (itemsCount % 10 === 0)) && 'моделей'}
\n{subcategory.name}
\n\n\n
\n \n\n : <>}\n \n }\n\n\n\n\n\n \n
\n \n
\n \n
\n {isItemPreloaderVisible ?\n { setFilterPopupOpen(true) }}>\n \n
\n Фильтры
\n { handleSortChange(!priceSortByDecrease) }}>\n \n
\n {!priceSortByDecrease ? 'Убывание цены' : 'Увеличение цены'}
\n\n
\n : items && items.length > 0 ? <>\n \n {items.map((product, i) => (\n
\n {/* в масииве = {items?.length}/ колличество по данным с бека = {itemsCount} */}\n {items?.length !== itemsCount ?\n \n : null}\n : Товары по указанным фильтрам не найдены
}\n{item.name} ({item.item_count})
\n {/*{item.name}
\n \n\n
\n :\n \n {selectedCategory ?\n <>\n
\n }\n \n\n );\n}\n\nexport default Category;\n","export const products = [\n {\n name: 'Диван Монти 1599',\n link: 'divan_monti_1599',\n manufacturer: 'Студия диванов',\n category: {\n name: 'Мягкая мебель',\n link: 'myagkaya_mebel',\n },\n sub_category: {\n name: 'Диваны-кровати',\n link: 'divany-krovati',\n },\n key_words: ['Диван', 'Монти', '156'],\n description: 'Диван тыры-пыры',\n specifications: {\n weight: 1000,\n material: 'ЛДСП, дубовая доска, медная пружина, ЛДСП, дубовая доска, медная пружина',\n colour: 'Коричневый',\n width: 1000,\n height: 2000,\n depth: 500,\n },\n discount: 0,\n amount: 10,\n article: '0010000001',\n photos: ['https://i.ibb.co/TLjzF7B/image.png', 'https://i.ibb.co/WHC6kPx/image.png'],\n price: 1400,\n _id: '1',\n variations: [\n {\n product_id: {\n name: 'Диван Монти 156',\n link: 'divan_monti_156',\n manufacturer: 'Яна-фабрика',\n category: {\n name: 'Мягкая мебель',\n link: 'myagkaya_mebel',\n },\n sub_category: {\n name: 'Диваны-кровати',\n link: 'divany-krovati',\n },\n key_words: ['Диван', 'Монти', '156'],\n description: 'Диван тыры-пыры',\n specifications: {\n weight: 'Не указано',\n material: 'ЛДСП, дубовая доска, медная пружина',\n colour: 'Красный',\n width: 1000,\n height: 2000,\n depth: 500,\n },\n discount: 10,\n amount: 10,\n article: '0010000001',\n photos: ['https://i.ibb.co/TLjzF7B/image.png', 'https://i.ibb.co/WHC6kPx/image.png', 'https://i.ibb.co/WHC6kPx/image.png', 'https://i.ibb.co/WHC6kPx/image.png', 'https://i.ibb.co/WHC6kPx/image.png', 'https://i.ibb.co/WHC6kPx/image.png', 'https://i.ibb.co/WHC6kPx/image.png'],\n price: 1500,\n _id: '222',\n },\n },\n\n {\n product_id: {\n name: 'Диван Монти 156',\n link: 'divan_monti_156',\n manufacturer: 'Яна-фабрика',\n category: {\n name: 'Мягкая мебель',\n link: 'myagkaya_mebel',\n },\n sub_category: {\n name: 'Диваны-кровати',\n link: 'divany-krovati',\n },\n key_words: ['Диван', 'Монти', '156'],\n description: 'Диван тыры-пыры',\n specifications: {\n weight: 'Не указано',\n material: 'ЛДСП, дубовая доска, медная пружина',\n colour: 'Оранжевый',\n width: 1000,\n height: 2000,\n depth: 500,\n },\n discount: 10,\n amount: 10,\n article: '0010000001',\n photos: ['https://i.ibb.co/TLjzF7B/image.png', 'https://i.ibb.co/WHC6kPx/image.png', 'https://i.ibb.co/WHC6kPx/image.png', 'https://i.ibb.co/WHC6kPx/image.png', 'https://i.ibb.co/WHC6kPx/image.png', 'https://i.ibb.co/WHC6kPx/image.png', 'https://i.ibb.co/WHC6kPx/image.png'],\n price: 1500,\n _id: '2224',\n },\n },\n {\n product_id: {\n name: 'Диван Монти 156',\n link: 'divan_monti_156',\n manufacturer: 'Яна-фабрика',\n category: {\n name: 'Мягкая мебель',\n link: 'myagkaya_mebel',\n },\n sub_category: {\n name: 'Диваны-кровати',\n link: 'divany-krovati',\n },\n key_words: ['Диван', 'Монти', '156'],\n description: 'Диван тыры-пыры',\n specifications: {\n weight: 'Не указано',\n material: 'ЛДСП, дубовая доска, медная пружина',\n colour: 'Розовый',\n width: 1000,\n height: 2000,\n depth: 500,\n },\n discount: 10,\n amount: 10,\n article: '0010000001',\n photos: ['https://i.ibb.co/TLjzF7B/image.png', 'https://i.ibb.co/WHC6kPx/image.png', 'https://i.ibb.co/WHC6kPx/image.png', 'https://i.ibb.co/WHC6kPx/image.png', 'https://i.ibb.co/WHC6kPx/image.png', 'https://i.ibb.co/WHC6kPx/image.png', 'https://i.ibb.co/WHC6kPx/image.png'],\n price: 1500,\n _id: '2226',\n },\n }\n ]\n\n },\n {\n name: 'Диван Монти 156',\n link: 'divan_monti_156',\n manufacturer: 'Яна-фабрика',\n category: {\n name: 'Мягкая мебель',\n link: 'myagkaya_mebel',\n },\n sub_category: {\n name: 'Диваны-кровати',\n link: 'divany-krovati',\n },\n key_words: ['Диван', 'Монти', '156'],\n description: 'Диван тыры-пыры',\n specifications: {\n weight: 'Не указано',\n material: 'ЛДСП, дубовая доска, медная пружина',\n colour: 'Коричневый',\n width: 1000,\n height: 2000,\n depth: 500,\n },\n discount: 10,\n amount: 10,\n article: '0010000001',\n photos: ['https://i.ibb.co/TLjzF7B/image.png', 'https://i.ibb.co/WHC6kPx/image.png', 'https://i.ibb.co/WHC6kPx/image.png', 'https://i.ibb.co/WHC6kPx/image.png', 'https://i.ibb.co/WHC6kPx/image.png', 'https://i.ibb.co/WHC6kPx/image.png', 'https://i.ibb.co/WHC6kPx/image.png'],\n price: 1500,\n _id: '2',\n\n },\n {\n name: 'Диван Монти 158',\n link: 'divan_monti_158',\n manufacturer: 'Студия диванов',\n category: {\n name: 'Мягкая мебель',\n link: 'myagkaya_mebel',\n },\n sub_category: {\n name: 'Диваны-кровати',\n link: 'divany-krovati',\n },\n key_words: ['Диван', 'Монти', '156'],\n description: 'Диван тыры-пыры',\n specifications: {\n weight: 200,\n material: 'ЛДСП, дубовая доска, медная пружина',\n colour: 'Коричневый',\n width: 1000,\n height: 2000,\n depth: 500,\n },\n discount: 10,\n amount: 10,\n article: '0010000001',\n photos: ['https://i.ibb.co/TLjzF7B/image.png', 'https://i.ibb.co/WHC6kPx/image.png'],\n price: 100,\n _id: '3',\n\n },\n {\n name: 'Диван Монти 159',\n link: 'divan_monti_159',\n manufacturer: 'Студия диванов',\n category: {\n name: 'Мягкая мебель',\n link: 'myagkaya_mebel',\n },\n sub_category: {\n name: 'Диваны-кровати',\n link: 'divany-krovati',\n },\n key_words: ['Диван', 'Монти', '156'],\n description: 'Диван тыры-пыры',\n specifications: {\n weight: 'Не указано',\n material: 'ЛДСП, дубовая доска, медная пружина',\n colour: 'Коричневый',\n width: 100,\n height: 200,\n depth: 50,\n },\n discount: 10,\n amount: 0,\n article: '0010000001',\n photos: ['https://i.ibb.co/TLjzF7B/image.png', 'https://i.ibb.co/WHC6kPx/image.png'],\n price: 100,\n _id: '4',\n\n },\n {\n name: 'Диван Монти 1510',\n link: 'divan_monti_1510',\n manufacturer: 'Тобольск люкс',\n category: {\n name: 'Мягкая мебель',\n link: 'myagkaya_mebel',\n },\n sub_category: {\n name: 'Диваны-кровати',\n link: 'divany-krovati',\n },\n key_words: ['Диван', 'Монти', '156'],\n description: 'Диван тыры-пыры',\n specifications: {\n weight: 'Не указано',\n material: 'ЛДСП',\n colour: 'Коричневый',\n width: 1000,\n height: 2000,\n depth: 500,\n },\n discount: 24,\n amount: 10,\n article: '0010000001',\n photos: ['https://i.ibb.co/TLjzF7B/image.png', 'https://i.ibb.co/WHC6kPx/image.png'],\n price: 1500,\n _id: '5',\n\n },\n {\n name: 'Диван Монти',\n link: 'divan_monti',\n manufacturer: 'Копиван',\n category: {\n name: 'Мягкая мебель',\n link: 'myagkaya_mebel',\n },\n sub_category: {\n name: 'Диваны-кровати',\n link: 'divany-krovati',\n },\n key_words: ['Диван', 'Монти', '156'],\n description: 'Диван тыры-пыры',\n specifications: {\n weight: 'Не указано',\n material: 'ЛДСП, дубовая доска, медная пружина',\n colour: 'Коричневый',\n width: 1000,\n height: 2000,\n depth: 500,\n },\n discount: 0,\n amount: 0,\n article: '0010000001',\n photos: ['https://i.ibb.co/TLjzF7B/image.png', 'https://i.ibb.co/WHC6kPx/image.png'],\n price: 1500,\n _id: '6',\n\n },\n {\n name: 'Диван Монти 1532',\n link: 'divan_monti_1532',\n manufacturer: 'Копиван',\n category: {\n name: 'Мягкая мебель',\n link: 'myagkaya_mebel',\n },\n sub_category: {\n name: 'Диваны-кровати',\n link: 'divany-krovati',\n },\n key_words: ['Диван', 'Монти', '156'],\n description: 'Диван тыры-пыры',\n specifications: {\n weight: 'Не указано',\n material: 'ЛДСП, дубовая доска, медная пружина',\n colour: 'Коричневый',\n width: 1000,\n height: 2000,\n depth: 500,\n },\n discount: 0,\n amount: 0,\n article: '0010000001',\n photos: ['https://i.ibb.co/TLjzF7B/image.png', 'https://i.ibb.co/WHC6kPx/image.png'],\n price: 1500,\n _id: '7',\n\n },\n {\n name: 'Раскладушка типо дивана',\n link: 'divan_monti_156',\n manufacturer: 'Студия диванов',\n category: {\n name: 'Мягкая мебель',\n link: 'myagkaya_mebel',\n },\n sub_category: {\n name: 'Диваны-кровати2',\n link: 'divany-krovati2',\n },\n key_words: ['Диван', 'Монти', '156'],\n description: 'Диван тыры-пыры',\n specifications: {\n weight: 'Не указано',\n material: 'ЛДСП, дубовая доска, медная пружина',\n colour: 'Коричневый',\n width: 1000,\n height: 2000,\n depth: 500,\n },\n discount: 10,\n amount: 10,\n article: '0010000001',\n photos: ['https://i.ibb.co/TLjzF7B/image.png', 'https://i.ibb.co/WHC6kPx/image.png'],\n price: 1,\n _id: '8',\n\n },\n {\n name: 'Диван Монти 1500',\n link: 'divan_monti_1500',\n manufacturer: 'Дианчикус',\n category: {\n name: 'Мягкая мебель',\n link: 'myagkaya_mebel',\n },\n sub_category: {\n name: 'Диваны-кровати2',\n link: 'divany-krovati2',\n },\n key_words: ['Диван', 'Монти', '157'],\n description: 'Диван тыры-пыры',\n specifications: {\n weight: 'Не указано',\n material: 'ЛДСП, дубовая доска, медная пружина',\n colour: 'Коричневый',\n width: 10,\n height: 20,\n depth: 5,\n },\n discount: 0,\n amount: 0,\n article: '0010000002',\n photos: ['https://i.ibb.co/TLjzF7B/image.png', 'https://i.ibb.co/WHC6kPx/image.png'],\n price: 12500,\n _id: '9',\n\n },\n\n\n]\n\n\n\nexport const categories = [\n {\n name: 'Мягкая мебель',\n sub_catigories: [{\n sub_category_id: {\n name: 'Диваны-кровати',\n link: 'divany-krovati',\n photo: 'https://i.ibb.co/2dW4mhz/image.png'\n }\n\n },\n {\n sub_category_id: {\n name: 'Диваны-кровати2',\n link: 'divany-krovati2',\n photo: 'https://i.ibb.co/nmxWQpN/image.png'\n }\n\n },\n {\n sub_category_id: {\n name: 'Диваны-кровати3',\n link: 'divany-krovati3',\n photo: 'https://i.ibb.co/yQ97xZh/image.png'\n }\n\n },],\n link: 'myagkaya_mebel'\n },\n {\n name: 'Кухня',\n sub_catigories: [{\n sub_category_id: {\n name: 'Модульные кухни',\n link: 'kuhni-modulnie',\n photo: 'https://i.ibb.co/qRKqDpk/image.png'\n }\n\n },],\n link: 'kuhnya',\n\n },\n // {\n // name: 'Сантехника',\n // link: 'santekhnika'\n // },\n // {\n // name: 'Спальня',\n // link: 'spalnya'\n // },\n // {\n // name: 'Прихожая',\n // link: 'prihozhaya'\n // },\n // {\n // name: 'Детская',\n // link: 'detskaya'\n // },\n // {\n // name: 'Шкафы-купе',\n // link: 'shkafy-kupe'\n // },\n // {\n // name: 'Офис',\n // link: 'ofis'\n // },\n // {\n // name: 'Малая-форма',\n // link: 'malaya-forma'\n // },\n]\n\nexport const cities = [\n {\n name: 'Тобольск'\n },\n {\n name: 'Надым'\n },\n {\n name: 'Новый Уренгой'\n },\n]\n\nexport const deliveryMethods = [\n {\n name: 'Самовывоз',\n adresses: [\n {\n name: 'Магазин Диванчик по адресу: 7-й микрорайон, 2А, Тобольск, Тюменская область',\n workTime: {\n monday: '9:00 – 21:00',\n tuesday: '9:00 – 21:00',\n wednesday: '9:00 – 21:00',\n thursday: '9:00 – 21:00',\n friday: '9:00 – 21:00',\n saturday: '9:00 – 20:00',\n sunday: '9:00 – 20:00',\n }\n }\n ],\n price: 0,\n storageLife: '3 Дня',\n\n\n },\n\n {\n name: 'Доставка',\n price: 1500,\n\n }\n]\n\nexport const testOrders = [\n {\n order_number: '120802',\n full_price: 15000,\n isDelivery: false,\n address: 'Магазин Диванчик по адресу: 7-й микрорайон, 2А, Тобольск, Тюменская область',\n status: 'В работе',\n order_items: [\n {\n name: 'Диван Монти 156',\n link: 'divan_monti_156',\n manufacturer: 'Студия диванов',\n category: {\n name: 'Мягкая мебель',\n link: 'myagkaya_mebel',\n },\n sub_category: {\n name: 'Диваны-кровати',\n link: 'divany-krovati',\n },\n key_words: ['Диван', 'Монти', '156'],\n description: 'Диван тыры-пыры',\n specifications: {\n width: 1000,\n height: 2000,\n depth: 500,\n },\n discount: 0,\n amount: 10,\n article: '0010000001',\n photos: ['https://i.ibb.co/TLjzF7B/image.png', 'https://i.ibb.co/WHC6kPx/image.png'],\n price: 14000,\n _id: '1',\n count: 10,\n },\n {\n name: 'Диван-кровать SCANDICA Норман черный, 15.2 КГ',\n link: 'divan_monti_1599',\n manufacturer: 'Студия диванов',\n category: {\n name: 'Мягкая мебель',\n link: 'myagkaya_mebel',\n },\n sub_category: {\n name: 'Диваны-кровати',\n link: 'divany-krovati',\n },\n key_words: ['Диван', 'Монти', '156'],\n description: 'Диван тыры-пыры',\n specifications: {\n width: 1000,\n height: 2000,\n depth: 500,\n },\n discount: 0,\n amount: 10,\n article: '0010000001',\n photos: ['https://i.ibb.co/TLjzF7B/image.png', 'https://i.ibb.co/WHC6kPx/image.png'],\n price: 1400,\n _id: '2',\n count: 1,\n },\n ]\n },\n {\n order_number: '120803',\n full_price: 15000,\n isDelivery: false,\n address: 'Магазин Диванчик по адресу: 7-й микрорайон, 2А, Тобольск, Тюменская область',\n status: 'Доставлен',\n order_items: [\n {\n name: 'Диван Монти 156',\n link: 'divan_monti_156',\n manufacturer: 'Студия диванов',\n category: {\n name: 'Мягкая мебель',\n link: 'myagkaya_mebel',\n },\n sub_category: {\n name: 'Диваны-кровати',\n link: 'divany-krovati',\n },\n key_words: ['Диван', 'Монти', '156'],\n description: 'Диван тыры-пыры',\n specifications: {\n width: 1000,\n height: 2000,\n depth: 500,\n },\n discount: 0,\n amount: 10,\n article: '0010000001',\n photos: ['https://i.ibb.co/TLjzF7B/image.png', 'https://i.ibb.co/WHC6kPx/image.png'],\n price: 14000,\n _id: '1',\n count: 10,\n },\n {\n name: 'Диван-кровать SCANDICA Норман черный, 15.2 КГ',\n link: 'divan_monti_1599',\n manufacturer: 'Студия диванов',\n category: {\n name: 'Мягкая мебель',\n link: 'myagkaya_mebel',\n },\n sub_category: {\n name: 'Диваны-кровати',\n link: 'divany-krovati',\n },\n key_words: ['Диван', 'Монти', '156'],\n description: 'Диван тыры-пыры',\n specifications: {\n width: 1000,\n height: 2000,\n depth: 500,\n },\n discount: 0,\n amount: 10,\n article: '0010000001',\n photos: ['https://i.ibb.co/TLjzF7B/image.png', 'https://i.ibb.co/WHC6kPx/image.png'],\n price: 1400,\n _id: '2',\n count: 1,\n },\n ]\n },\n {\n order_number: '120805',\n full_price: 15000,\n isDelivery: false,\n address: 'Магазин Диванчик по адресу: 7-й микрорайон, 2А, Тобольск, Тюменская область',\n status: 'Отмененный',\n order_items: [\n {\n name: 'Диван Монти 156',\n link: 'divan_monti_156',\n manufacturer: 'Студия диванов',\n category: {\n name: 'Мягкая мебель',\n link: 'myagkaya_mebel',\n },\n sub_category: {\n name: 'Диваны-кровати',\n link: 'divany-krovati',\n },\n key_words: ['Диван', 'Монти', '156'],\n description: 'Диван тыры-пыры',\n specifications: {\n width: 1000,\n height: 2000,\n depth: 500,\n },\n discount: 0,\n amount: 10,\n article: '0010000001',\n photos: ['https://i.ibb.co/TLjzF7B/image.png', 'https://i.ibb.co/WHC6kPx/image.png'],\n price: 14000,\n _id: '1',\n count: 10,\n },\n {\n name: 'Диван Монти 156',\n link: 'divan_monti_156',\n manufacturer: 'Студия диванов',\n category: {\n name: 'Мягкая мебель',\n link: 'myagkaya_mebel',\n },\n sub_category: {\n name: 'Диваны-кровати',\n link: 'divany-krovati',\n },\n key_words: ['Диван', 'Монти', '156'],\n description: 'Диван тыры-пыры',\n specifications: {\n width: 1000,\n height: 2000,\n depth: 500,\n },\n discount: 0,\n amount: 10,\n article: '0010000001',\n photos: ['https://i.ibb.co/TLjzF7B/image.png', 'https://i.ibb.co/WHC6kPx/image.png'],\n price: 14000,\n _id: '1',\n count: 10,\n },\n {\n name: 'Диван Монти 156',\n link: 'divan_monti_156',\n manufacturer: 'Студия диванов',\n category: {\n name: 'Мягкая мебель',\n link: 'myagkaya_mebel',\n },\n sub_category: {\n name: 'Диваны-кровати',\n link: 'divany-krovati',\n },\n key_words: ['Диван', 'Монти', '156'],\n description: 'Диван тыры-пыры',\n specifications: {\n width: 1000,\n height: 2000,\n depth: 500,\n },\n discount: 0,\n amount: 10,\n article: '0010000001',\n photos: ['https://i.ibb.co/TLjzF7B/image.png', 'https://i.ibb.co/WHC6kPx/image.png'],\n price: 14000,\n _id: '1',\n count: 10,\n },\n {\n name: 'Диван Монти 156',\n link: 'divan_monti_156',\n manufacturer: 'Студия диванов',\n category: {\n name: 'Мягкая мебель',\n link: 'myagkaya_mebel',\n },\n sub_category: {\n name: 'Диваны-кровати',\n link: 'divany-krovati',\n },\n key_words: ['Диван', 'Монти', '156'],\n description: 'Диван тыры-пыры',\n specifications: {\n width: 1000,\n height: 2000,\n depth: 500,\n },\n discount: 0,\n amount: 10,\n article: '0010000001',\n photos: ['https://i.ibb.co/TLjzF7B/image.png', 'https://i.ibb.co/WHC6kPx/image.png'],\n price: 14000,\n _id: '1',\n count: 10,\n },\n {\n name: 'Диван Монти 156',\n link: 'divan_monti_156',\n manufacturer: 'Студия диванов',\n category: {\n name: 'Мягкая мебель',\n link: 'myagkaya_mebel',\n },\n sub_category: {\n name: 'Диваны-кровати',\n link: 'divany-krovati',\n },\n key_words: ['Диван', 'Монти', '156'],\n description: 'Диван тыры-пыры',\n specifications: {\n width: 1000,\n height: 2000,\n depth: 500,\n },\n discount: 0,\n amount: 10,\n article: '0010000001',\n photos: ['https://i.ibb.co/TLjzF7B/image.png', 'https://i.ibb.co/WHC6kPx/image.png'],\n price: 14000,\n _id: '1',\n count: 10,\n },\n {\n name: 'Диван Монти 156',\n link: 'divan_monti_156',\n manufacturer: 'Студия диванов',\n category: {\n name: 'Мягкая мебель',\n link: 'myagkaya_mebel',\n },\n sub_category: {\n name: 'Диваны-кровати',\n link: 'divany-krovati',\n },\n key_words: ['Диван', 'Монти', '156'],\n description: 'Диван тыры-пыры',\n specifications: {\n width: 1000,\n height: 2000,\n depth: 500,\n },\n discount: 0,\n amount: 10,\n article: '0010000001',\n photos: ['https://i.ibb.co/TLjzF7B/image.png', 'https://i.ibb.co/WHC6kPx/image.png'],\n price: 14000,\n _id: '1',\n count: 10,\n },\n {\n name: 'Диван Монти 156',\n link: 'divan_monti_156',\n manufacturer: 'Студия диванов',\n category: {\n name: 'Мягкая мебель',\n link: 'myagkaya_mebel',\n },\n sub_category: {\n name: 'Диваны-кровати',\n link: 'divany-krovati',\n },\n key_words: ['Диван', 'Монти', '156'],\n description: 'Диван тыры-пыры',\n specifications: {\n width: 1000,\n height: 2000,\n depth: 500,\n },\n discount: 0,\n amount: 10,\n article: '0010000001',\n photos: ['https://i.ibb.co/TLjzF7B/image.png', 'https://i.ibb.co/WHC6kPx/image.png'],\n price: 14000,\n _id: '1',\n count: 10,\n },\n {\n name: 'Диван Монти 156',\n link: 'divan_monti_156',\n manufacturer: 'Студия диванов',\n category: {\n name: 'Мягкая мебель',\n link: 'myagkaya_mebel',\n },\n sub_category: {\n name: 'Диваны-кровати',\n link: 'divany-krovati',\n },\n key_words: ['Диван', 'Монти', '156'],\n description: 'Диван тыры-пыры',\n specifications: {\n width: 1000,\n height: 2000,\n depth: 500,\n },\n discount: 0,\n amount: 10,\n article: '0010000001',\n photos: ['https://i.ibb.co/TLjzF7B/image.png', 'https://i.ibb.co/WHC6kPx/image.png'],\n price: 14000,\n _id: '1',\n count: 10,\n },\n {\n name: 'Диван-кровать SCANDICA Норман черный, 15.2 КГ',\n link: 'divan_monti_1599',\n manufacturer: 'Студия диванов',\n category: {\n name: 'Мягкая мебель',\n link: 'myagkaya_mebel',\n },\n sub_category: {\n name: 'Диваны-кровати',\n link: 'divany-krovati',\n },\n key_words: ['Диван', 'Монти', '156'],\n description: 'Диван тыры-пыры',\n specifications: {\n width: 1000,\n height: 2000,\n depth: 500,\n },\n discount: 0,\n amount: 10,\n article: '0010000001',\n photos: ['https://i.ibb.co/TLjzF7B/image.png', 'https://i.ibb.co/WHC6kPx/image.png'],\n price: 1400,\n _id: '2',\n count: 1,\n },\n ]\n }\n]","export default __webpack_public_path__ + \"static/media/more.8b250ec6.svg\";","import './CartPopup.css';\nimport React from \"react\";\n\n\nimport { Link } from 'react-router-dom';\nimport moreIcon from '../../assets/images/more.svg'\nimport { MAIN_URL } from '../../assets/utils/constants';\nimport { getCorrectWordForm, sendMetriс } from '../../assets/utils/utils';\n\n\n\nfunction CartPopup({\n isCartPopupOpen,\n cart,\n setCart,\n handleCartPopupClose,\n handleLikeBtn,\n favouritesProducts,\n allCartProductsCount,\n}) {\n\n\n\n React.useEffect(() => {\n if (isCartPopupOpen) {\n setTimeout(() => {\n var items = document.getElementById(\"cart-popup-items\");\n items.scrollTo({ top: items.scrollHeight, behavior: 'smooth' });\n }, 300);\n }\n\n\n }, [isCartPopupOpen]);\n\n function handleAddCounter(id) {\n const product = cart.filter((item, i) => item._id === id)[0]\n let new_cart = cart.map((item) => {\n if (item._id === id) {\n return {\n ...item,\n count: item.count + 1\n }\n }\n return item\n })\n setCart(new_cart)\n window.dataLayer.push({\n ecommerce: {\n currencyCode: \"RUB\",\n add: {\n products: [\n {\n id: product?._id,\n name: product?.name,\n category: product ? `${product.category.name}/${product.sub_category.name}` : '',\n price: getPrice(product),\n quantity: 1,\n },\n ],\n },\n }\n })\n localStorage.setItem(\"cart\", JSON.stringify(new_cart));\n }\n\n function handleMinusCounter(id) {\n const product = cart.filter((item, i) => item._id === id)[0]\n let new_cart = cart.map((item) => {\n if (item._id === id) {\n return {\n ...item,\n count: item.count - 1\n }\n }\n return item\n })\n setCart(new_cart)\n localStorage.setItem(\"cart\", JSON.stringify(new_cart));\n window.dataLayer.push({\n ecommerce: {\n currencyCode: \"RUB\",\n remove: {\n products: [\n {\n id: product?._id,\n name: product?.name,\n category: product ? `${product.category.name}/${product.sub_category.name}` : '',\n price: getPrice(product),\n quantity: 1,\n },\n ],\n },\n }\n })\n }\n\n function handleRemoveFromCart(id) {\n const product = cart.filter((item, i) => item._id === id)[0]\n if (cart.length > 1) {\n let new_cart = cart.filter((item) => {\n if (item._id === id) return false\n return true\n })\n setCart(new_cart)\n localStorage.setItem(\"cart\", JSON.stringify(new_cart));\n } else {\n setCart([])\n localStorage.setItem(\"cart\", JSON.stringify([]));\n handleCartPopupClose()\n }\n window.dataLayer.push({\n ecommerce: {\n currencyCode: \"RUB\",\n remove: {\n products: [\n {\n id: product?._id,\n name: product?.name,\n category: product ? `${product.category.name}/${product.sub_category.name}` : '',\n price: getPrice(product),\n quantity: product.count,\n },\n ],\n },\n }\n })\n\n }\n\n const getPrice = (item) => {\n\n const name = localStorage.getItem('city') ? localStorage.getItem('city') : 'Тобольск'\n let cityMap = {\n \"Новый Уренгой\": \"63777e52c505252a8fc59c09\",\n \"Надым\": \"63777e62c505252a8fc59c0a\",\n \"Тобольск\": \"63777e74c505252a8fc59c0b\",\n }\n let id = cityMap[name] ? cityMap[name] : \"63777e74c505252a8fc59c0b\"\n let value = item.firstc_data.price[id]\n return Number(value)\n }\n\n console.log(cart)\n\n return (\n {selectedCategory.name}
\n\n {subcategories ?\n subcategories.length > 0 ? subcategories.map((item, i) => (\n
\n \n : <>}\n\n\n Пусто
\n : <>}\n\n
\n );\n}\n\nexport default CartPopup;\n","import React from 'react'\n// import { Route, Link } from 'react-router-dom';\nimport { Link } from 'react-router-dom';\n\nimport './Cart.css';\n\nimport moreIcon from '../../../assets/images/more.svg'\nimport { MAIN_URL } from '../../../assets/utils/constants';\n\n\n\nfunction Cart(props) {\n\n\n\n function handleAddCounter(id) {\n const product = props.cart.filter((item, i) => item._id === id)[0]\n let cart = props.cart.map((item) => {\n if (item._id === id) {\n return {\n ...item,\n count: item.count + 1\n }\n }\n return item\n })\n props.setCart(cart)\n localStorage.setItem(\"cart\", JSON.stringify(cart));\n window.dataLayer.push({\n ecommerce: {\n currencyCode: \"RUB\",\n add: {\n products: [\n {\n id: product?._id,\n name: product?.name,\n category: product ? `${product.category.name}/${product.sub_category.name}` : '',\n price: getPrice(product),\n quantity: 1,\n },\n ],\n },\n }\n })\n }\n\n function handleMinusCounter(id) {\n const product = props.cart.filter((item, i) => item._id === id)[0]\n let cart = props.cart.map((item) => {\n if (item._id === id) {\n return {\n ...item,\n count: item.count - 1\n }\n }\n return item\n })\n props.setCart(cart)\n localStorage.setItem(\"cart\", JSON.stringify(cart));\n window.dataLayer.push({\n ecommerce: {\n currencyCode: \"RUB\",\n remove: {\n products: [\n {\n id: product?._id,\n name: product?.name,\n category: product ? `${product.category.name}/${product.sub_category.name}` : '',\n price: getPrice(product),\n quantity: 1,\n },\n ],\n },\n }\n })\n }\n\n function handleRemoveFromCart(id) {\n const product = props.cart.filter((item, i) => item._id === id)[0]\n\n if (props.cart.length > 1) {\n let cart = props.cart.filter((item) => {\n if (item._id === id) return false\n return true\n })\n props.setCart(cart)\n localStorage.setItem(\"cart\", JSON.stringify(cart));\n } else {\n props.setCart([])\n localStorage.setItem(\"cart\", JSON.stringify([]));\n }\n\n window.dataLayer.push({\n ecommerce: {\n currencyCode: \"RUB\",\n remove: {\n products: [\n {\n id: product?._id,\n name: product?.name,\n category: product ? `${product.category.name}/${product.sub_category.name}` : '',\n price: getPrice(product),\n quantity: product.count,\n },\n ],\n },\n }\n })\n }\n\n const getPrice = (item) => {\n\n const name = localStorage.getItem('city') ? localStorage.getItem('city') : 'Тобольск'\n let cityMap = {\n \"Новый Уренгой\": \"63777e52c505252a8fc59c09\",\n \"Надым\": \"63777e62c505252a8fc59c0a\",\n \"Тобольск\": \"63777e74c505252a8fc59c0b\",\n }\n let id = cityMap[name] ? cityMap[name] : \"63777e74c505252a8fc59c0b\"\n let value = item.firstc_data.price[id]\n return Number(value)\n }\n\n\n return (\n\n \n
\n \n
\n\n Корзина
\n\n \n
\n \n {cart && cart.length > 0 ?\n cart.map((item, i) => (\n <>\n
\n \n \n 
\n \n\n
\n\n\n\n\n {/* MOBILE */}\n \n
\n Артикул: {item.firstc_data.barcode}
\n\n
\n {item.name}
\n\n \n ![]()
handleAddCounter(item._id)} className=\"cart-popup__count-more\" src={moreIcon} alt=\"add\" />\n
\n {item.count}
\n{(item.count * getPrice(item)).toLocaleString('us')} ₽
\n\n\n\n
\n \n\n \n\n\n \n\n
\n \n
\n \n ))\n\n : <>}\n\n \n \n \n \n
\n \n
\n \n \n\n \n\n
\n Артикул: {item.firstc_data.barcode}
\n\n
\n {item.name}
\n\n\n\n
\n\n\n\n \n \n ![]()
handleAddCounter(item._id)} className=\"cart-popup__count-more\" src={moreIcon} alt=\"add\" />\n
\n {item.count}
\n{(item.count * getPrice(item)).toLocaleString('us')} ₽
\n\n
\n {allCartProductsCount.count} {getCorrectWordForm(allCartProductsCount.count)} на {allCartProductsCount.totalPrice.toLocaleString('us')} ₽
\n {\n sendMetriс('reachGoal', 'CART_POPUP_GO_CART')\n handleCartPopupClose()\n }}>\nОформить заказ
\n \n {\n sendMetriс('reachGoal', 'CART_POPUP_RETURN_TO_GOODS')\n handleCartPopupClose()\n }}>\n
\n Продолжить покупки
\n {\n sendMetriс('reachGoal', 'CART_POPUP_RETURN_TO_GOODS')\n handleCartPopupClose()\n }}>\n\n
\n \n {props.cart && props.cart.length > 0 ?\n props.cart.map((item, i) => (\n <>\n\n
\n \n \n \n \n\n
\n\n\n\n\n {/* MOBILE */}\n \n
\n Артикул: {item.firstc_data.barcode}
\n\n
\n {item.name}
\n\n \n ![]()
handleAddCounter(item._id)} className=\"cart__count-more\" src={moreIcon} alt=\"add\" />\n
\n {item.count}
\n{(item.count * getPrice(item)).toLocaleString('us')} ₽
\n\n\n\n
\n \n \n\n \n\n
\n \n
\n \n ))\n\n : <>}\n \n \n \n \n
\n \n
\n \n \n\n \n\n
\n Артикул: {item.barcode}
\n\n
\n\n {item.name}
\n\n\n\n
\n\n\n\n \n \n ![]()
handleAddCounter(item._id)} className=\"cart__count-more\" src={moreIcon} alt=\"add\" />\n
\n {item.count}
\n{(item.count * getPrice(item)).toLocaleString('us')} ₽
\n\n
\n { props.setPaymentMethod('Наличными или картой (переводом) при получении') }}>\n
\n \n \n
\n Наличными или картой (переводом) при получении
\n {\n return\n // props.setPaymentMethod('Картой онлайн')\n }}>\n
\n \n \n
\n Картой онлайн
\n {\n return\n // props.setPaymentMethod('Безналичный расчет для юр. лиц')\n }}>\n
\n\n \n \n
\n Безналичный расчет для юр. лиц
\n\n
\n \n
\n\n \n
\n \n \n
\n {!nameValidity.validState && nameValidity.errorMassage && Имя *
\n{nameValidity.errorMassage}
}\n\n
\n \n \n
\n {!surnameValidity.validState && surnameValidity.errorMassage && Фамилия *
\n{surnameValidity.errorMassage}
}\n\n
\n\n \n
\n \n handlePhoneDelite(e)} placeholder='+7 (___) ___ __ __' className=\"cart-user-data__input\" name=\"text\" type=\"phone\" value={personalValues.phone} onChange={handlePhoneChange} maxLength=\"250\">\n
\n {!phoneValidity.validState && phoneValidity.errorMassage && Контактный телефон *
\n{phoneValidity.errorMassage}
}\n\n
\n\n \n \n
\n {!emailValidity.validState && emailValidity.errorMassage && Электронная почта *
\n{emailValidity.errorMassage}
}\n\n
\n );\n}\n\nexport default SuccessPopup;\n","import React, { useState } from 'react'\n// import { Route, Link } from 'react-router-dom';\nimport Cart from './Cart/Cart';\nimport { useHistory } from 'react-router-dom';\n\n\nimport './CartPage.css';\nimport DeliveryMethod from './DeliveryMethod/DeliveryMethod';\n\nimport { deliveryMethods } from '../../utils/utils';\nimport PaymentMethod from './PaymentMethod/PaymentMethod';\nimport UserData from './UserData/UserData';\n\n\nimport emptyIcon from '../../assets/images/empry-cart.png'\nimport { getCorrectWordForm, getPrice, sendMetriс } from '../../assets/utils/utils';\nimport SuccessPopup from '../SuccessPopup/SuccessPopup';\nimport { getCityId } from '../../assets/utils/constants';\nimport mainApi from '../../assets/api/MainApi';\nimport MiniPreloader from '../MiniPreloader/MiniPreloader';\nimport { Helmet } from 'react-helmet';\n// import { copyText } from '../../assets/utils/utils';\n\n\n\nfunction CartPage({\n allCartProductsCount,\n setSubmitActionPopupOpen,\n handleLikeBtn,\n favouritesProducts,\n setCart,\n cart,\n currentUser,\n loggedIn,\n\n}) {\n\n const history = useHistory();\n const [userDataValid, setUserDataValid] = useState(false);\n\n\n\n const [personalValues, setPersonalValues] = useState({\n first_name: \"\",\n last_name: \"\",\n phone: \"\",\n email: \"\",\n });\n\n\n const [isSuccessPopupOpen, setSuccessPopupOpen] = useState(false)\n function handleCloseSuccessPopup() {\n setSuccessPopupOpen(false)\n history.goBack()\n }\n const [isPreloaderVisible, setPreloaderVisible] = useState(false)\n const [createdOrder, setCreatedOrder] = useState(undefined)\n function handleCreateOrder() {\n if (isPreloaderVisible) return\n let cartPrevArray = JSON.parse(localStorage.getItem(\"cart\"));\n setPreloaderVisible(true)\n let cart_to_api = cart.map((item) => {\n return {\n item_id: item._id,\n amount: item.count.toString(),\n }\n })\n let city_id = localStorage.getItem('city') ? getCityId(localStorage.getItem('city')) : '63777e74c505252a8fc59c0b'\n console.log(cart_to_api, city_id, personalValues)\n\n mainApi.createOrder({\n data: cart_to_api,\n city_id: city_id,\n first_name: personalValues.first_name,\n last_name: personalValues.last_name,\n phone: personalValues.phone.replace(/\\D/g, ''),\n email: personalValues.email,\n })\n .then((res) => {\n console.log(res)\n setCreatedOrder(res)\n setSuccessPopupOpen(true)\n let cartArray = []\n setCart(cartArray)\n localStorage.setItem(\"cart\", JSON.stringify(cartArray));\n sendMetriс('reachGoal', 'CREATE_ORDER_2')\n window.dataLayer.push({\n ecommerce: {\n currencyCode: \"RUB\",\n purchase: {\n products: cartPrevArray.map((product, i) => {\n return {\n id: product?._id,\n name: product?.name,\n category: product ? `${product.category.name}/${product.sub_category.name}` : '',\n price: getPrice(product),\n quantity: product.count,\n }\n }),\n actionField: {\n id: `№${('00000000' + res.ai_id).slice(-8)}`,\n goal_id: 291857837,\n }\n },\n }\n })\n })\n .catch((err) => {\n console.log(err)\n })\n .finally(() => {\n setPreloaderVisible(false)\n })\n\n }\n\n const [step, setStep] = useState(0)\n\n return (\n \n
\n \n \n
\n Вы успешно оформили заказ {ai_id ? ai_id : ''}!
\nВ ближайшее время с вами свяжется менеджер для уточнения деталей заказа
\n\n
\n\n \n
\n Вернуться к покупкам
\n\n\n
\n \n \n Диванчик - Корзина \n \n
\n );\n}\n\nexport default CartPage;\n","import './SubmitActionPopup.css';\nimport React from \"react\";\n\n\n\n\n\n\n\nfunction SubmitActionPopup(props) {\n \n return (\n \n
\n {\n if (step === 0) {\n history.goBack()\n\n sendMetriс('reachGoal', 'CREATE_ORDER_GO_BACK_TO_GOODS')\n\n } else {\n sendMetriс('reachGoal', 'CREATE_ORDER_RETURN_TO_1')\n setStep(0)\n }\n }}>\n \n
\n {step === 0 ?\n <>\n {step === 0 ? 'Вернуться к покупкам' : 'Вернуться к товарам'}
\n\n\n
\n Корзина
\n { setSubmitActionPopupOpen(true) }}>\n
\n\n Очистить корзину
\n\n
\n 2 Способ и дата получения
\n\n
\n 3 Способ Оплаты
\n\n
\n Контакты
\n\n\n
\n \n :\n \n
\n {/* */}\n В корзине
\n{allCartProductsCount.count} {getCorrectWordForm(allCartProductsCount.count)}
\n{allCartProductsCount.totalPrice.toLocaleString('us')} ₽
\n {/*{deliveryMethod[0].toUpperCase() + deliveryMethod.slice(1)}:
*/}\n {/*{deliveryMethod === 'Самовывоз'.toLowerCase() ? 'Магазин Диванчик по адресу: 7-й микрорайон, 2А, Тобольск, Тюменская область' : fullAdressValue ? fullAdressValue : 'Укажите адрес'}
*/}\n {/*Дата: {deliveryMethod === 'Самовывоз'.toLowerCase() ? 'Завтра после 17:00' : '2 Октября - 16 Ноября'}
*/}\n {/*Оплата: {paymentMethod}
*/}\n \n\n {/* 
*/}\n \n\n
}\n\n В вашей корзине пусто
\nВам надо выбрать товар, который Вас интересует, чтобы оформить покупку.
\n history.goBack()}>\n \n
\n Вернуться к покупкам
\n\n
\n );\n}\n\nexport default SubmitActionPopup;\n","import React from 'react'\nimport { Helmet } from 'react-helmet';\nimport './Requisites.css';\n\nconst requisites = [\n {\n title: 'ИП Халиуллина Наталья Владимировна',\n ogrn: '304720628800023',\n inn: '720603954640',\n legal_address: '629303, ЯНАО, г. Новый Уренгой, мкр. Мирный, д. 2, корпус 4, кв. 139',\n postal_address: '626157, Тюменская область, г.Тобольск, 7 микрорайон, строение 2А',\n actual_address: '626157, Тюменская область, г.Тобольск, 7 микрорайон, строение 2А (м/с «Диванчик»)',\n phone: '8 (3456) 24-06-30',\n fax: '34-40-42',\n email: 'Ola.0802@mail.ru - бухгалтерия',\n work_time: 'Пн.- Сб. 9:30 - 20:00/ Вс. 9.30 -19.00'\n },\n // {\n // title: 'ИП Пенкина Ольга Николаевна',\n // ogrn: '312890324200015',\n // inn: '661200610507',\n // legal_address: '629730, ЯНАО, г. Надым, ул.Ямальская, дом 7, кв.11',\n // postal_address: '626157, Тюменская область, г.Тобольск, 7 микрорайон, строение 2А',\n // actual_address: '626157, Тюменская область, г.Тобольск, 7 микрорайон, строение 2А (м/с «Диванчик»)',\n // phone: '8 (3456) 24-06-30',\n // fax: '34-40-42',\n // email: 'Ola.0802@mail.ru - бухгалтерия',\n // work_time: 'Пн.- Сб. 9:30 - 20:00/ Вс. 9.30 -19.00'\n // },\n // {\n // title: 'ИП Мазарак Юлия Борисовна',\n // ogrn: '313890311600018',\n // inn: '450206494229',\n // legal_address: '629730, ЯНАО, г. Надым, пр. Ленинградский, дом 20, кв.24',\n // postal_address: '626157, Тюменская область, г.Тобольск, 7 микрорайон, строение 2А',\n // actual_address: '626157, Тюменская область, г.Тобольск, 7 микрорайон, строение 2А (м/с «Диванчик»)',\n // phone: '8 (3456) 24-06-30',\n // fax: '34-40-42',\n // email: 'Ola.0802@mail.ru - бухгалтерия',\n // work_time: 'Пн.- Сб. 9:30 - 20:00/ Вс. 9.30 -19.00'\n // },\n]\n\n\n\nfunction Requisites(props) {\n\n\n return (\n \n
\n \n \n
\n Вы уверены что хотите очистить корзину?
\n\n
\n\n \n
\n Очистить корзину
\n\n
\n Вернуться в корзину
\n\n\n
\n \n \n Диванчик - Реквизиты \n \n {requisites.map((item, i) => (\n
\n );\n}\n\nexport default Requisites;\n","import React from 'react'\nimport './Account.css';\n\nimport validator from 'validator'\nimport { useHistory } from 'react-router-dom';\n\n\n\n\nfunction Account(props) {\n const history = useHistory();\n\n const [nameValue, setNameValue] = React.useState('');\n const [nameValidity, setNameValidity] = React.useState({\n errorMassage: '',\n validState: false\n });\n\n const [surnameValue, setSurnameValue] = React.useState('');\n const [surnameValidity, setSurnameValidity] = React.useState({\n errorMassage: '',\n validState: false\n });\n\n const [phoneValue, setPhoneValue] = React.useState('');\n const [phoneValidity, setPhoneValidity] = React.useState({\n errorMassage: '',\n validState: false\n });\n\n const [emailValue, setEmailValue] = React.useState('');\n const [emailValidity, setEmailValidity] = React.useState({\n errorMassage: '',\n validState: false\n });\n\n React.useEffect(() => {\n if (props.currentUser) {\n console.log(props.currentUser)\n setNameValue(props.currentUser.firstname)\n setNameValidity({\n errorMassage: (''),\n validState: true\n })\n setSurnameValue(props.currentUser.surname)\n setSurnameValidity({\n errorMassage: (''),\n validState: true\n })\n setPhoneValue(props.currentUser.formatedPhoneNumber)\n setPhoneValidity({\n errorMassage: '',\n validState: true\n });\n setEmailValue(props.currentUser.email)\n setEmailValidity({\n errorMassage: '',\n validState: true\n })\n }\n\n }, [props.currentUser])\n\n\n function handleNameChange(e) {\n let inputValue = e.target.value.replace(/[^a-zA-Zа-яА-ЯёЁ]/g, '')\n\n setNameValue(inputValue)\n if (inputValue.length < 1) {\n setNameValidity({\n errorMassage: 'Заполните поле',\n validState: false\n })\n } else {\n setNameValidity({\n errorMassage: (''),\n validState: true\n })\n }\n }\n\n function handleSurnameChange(e) {\n let inputValue = e.target.value.replace(/[^a-zA-Zа-яА-ЯёЁ]/g, '')\n setSurnameValue(inputValue)\n if (inputValue.length < 1) {\n setSurnameValidity({\n errorMassage: 'Заполните поле',\n validState: false\n })\n } else {\n setSurnameValidity({\n errorMassage: (''),\n validState: true\n })\n }\n }\n\n function handlePhoneChange(e) {\n\n let inputValue = e.target.value.replace(/\\D/g, '')\n let formattedInputValue = '';\n if (!inputValue) {\n setPhoneValue('')\n setPhoneValidity({\n errorMassage: 'Можно вводить только цифры',\n validState: false\n })\n }\n else {\n if (['7', '8', '9'].indexOf(inputValue[0]) > -1) {\n setPhoneValidity({\n errorMassage: '',\n validState: false\n })\n if (inputValue[0] === '9') inputValue = '7' + inputValue;\n\n let firstSimbols = (inputValue[0] === '8') ? '8' : '+7';\n formattedInputValue = firstSimbols + ' '\n\n if (inputValue.length > 1) {\n formattedInputValue += '(' + inputValue.substring(1, 4)\n }\n if (inputValue.length >= 5) {\n formattedInputValue += ') ' + inputValue.substring(4, 7)\n }\n if (inputValue.length >= 8) {\n formattedInputValue += '-' + inputValue.substring(7, 9)\n }\n if (inputValue.length >= 10) {\n formattedInputValue += '-' + inputValue.substring(9, 11)\n }\n if (inputValue.length >= 11) {\n setPhoneValidity({\n errorMassage: '',\n validState: true\n });\n } else {\n setPhoneValidity({\n errorMassage: '',\n validState: false\n });\n }\n } else {\n formattedInputValue = '+' + inputValue.substring(0, 16)\n if (inputValue.length >= 11) {\n setPhoneValidity({\n errorMassage: 'Только номера РФ',\n validState: false\n });\n } else {\n setPhoneValidity({\n errorMassage: 'Только номера РФ',\n validState: false\n });\n }\n }\n\n setPhoneValue(formattedInputValue)\n }\n\n }\n\n function handlePhoneDelite(e) {\n if (e.keyCode === 8 && e.target.value.replace(/\\D/g, '').length === 1) {\n setPhoneValue('')\n }\n if (e.keyCode === 8 && e.target.value.replace(/\\D/g, '').length < 11) {\n setPhoneValidity({\n errorMassage: '',\n validState: false\n });\n }\n\n }\n\n\n\n\n function handleEmailChange(e) {\n let inputValue = e.target.value\n setEmailValue(inputValue);\n if (!inputValue) {\n setEmailValidity({\n errorMassage: '',\n validState: false\n })\n }\n if (inputValue.length >= 2) {\n if (validator.isEmail(inputValue)) {\n setEmailValidity({\n errorMassage: '',\n validState: true\n })\n } else {\n setEmailValidity({\n errorMassage: (!e.target.validity.valid ? e.target.validationMessage : 'Введите валидный email'),\n validState: false\n })\n }\n }\n }\n\n function handleExit() {\n props.setLoggedIn(false)\n props.setCurrentUser(undefined)\n localStorage.removeItem('jwt');\n // localStorage.removeItem('_id');\n // localStorage.removeItem('email');\n history.push('/login');\n }\n\n return (\n \n
\n ))}\n\n {item.title}
\n\n
\n\n ОГРН/ИНН {item.ogrn}/{item.inn}
\nЮридический адрес: {item.legal_address}
\nПочтовый адрес: {item.postal_address}
\nФактический адрес: {item.actual_address}
\nТелефон/факс {item.phone}/{item.fax}
\nЭлектронная почта: {item.email}
\nРежим работы: {item.work_time}
\n\n
\n \n
\n\n \n
\n \n \n
\n {!nameValidity.validState && nameValidity.errorMassage && Имя *
\n{nameValidity.errorMassage}
}\n\n
\n \n \n
\n {!surnameValidity.validState && surnameValidity.errorMassage && Фамилия *
\n{surnameValidity.errorMassage}
}\n\n
\n\n \n
\n \n handlePhoneDelite(e)} placeholder='+7 (___) ___ __ __' className=\"account__input\" name=\"text\" type=\"phone\" value={phoneValue} onChange={handlePhoneChange} maxLength=\"250\">\n
\n {!phoneValidity.validState && phoneValidity.errorMassage && Контактный телефон *
\n{phoneValidity.errorMassage}
}\n\n
\n\n \n \n
\n {!emailValidity.validState && emailValidity.errorMassage && Электронная почта *
\n{emailValidity.errorMassage}
}\n\n
\n\n {\n if (props.currentUser && ((phoneValue !== props.currentUser.formatedPhoneNumber || emailValue !== props.currentUser.email || surnameValue !== props.currentUser.surname || nameValue !== props.currentUser.firstname) && phoneValidity.validState && emailValidity.validState && nameValidity.validState && surnameValidity.validState)) {\n console.log('change')\n }\n }} className={`account__btn account__btn_submit ${props.currentUser && ((phoneValue !== props.currentUser.formatedPhoneNumber || emailValue !== props.currentUser.email || surnameValue !== props.currentUser.surname || nameValue !== props.currentUser.firstname) && phoneValidity.validState && emailValidity.validState && nameValidity.validState && surnameValidity.validState) ? 'account__btn_submit-active' : 'account__btn_submit-inactive'}`}>\n
\n {/* {props.currentUser && ((phoneValue !== props.currentUser.formatedPhoneNumber || emailValue !== props.currentUser.email || surnameValue !== props.currentUser.surname || nameValue !== props.currentUser.firstname)) ? <> :\n Сохранить изменения
\n {\n handleExit()\n }} className={`account__btn account__btn_exit`}>\n
\n } */}\n Выйти из аккаунта
\n {\n handleExit()\n }} className={`account__btn account__btn_exit`}>\n
\n Выйти из аккаунта
\n\n
\n ))}\n\n {addAddressOpen ?\n {item.formated_address}
\n {idChangeOpen === item._id ? <> :\n\n\n
}\n\n {idChangeOpen === item._id ?\n { handleChangeOpen(item) }} className=\"addresses__item-controls-change\">Изменить
\nУдалить
\n\n
\n\n :\n <>}\n\n setPrivateHouseSelected(!privateHouseSelected)}>\n
\n \n \n
\n Частный дом
\n\n \n
\n {\n privateHouseSelected ? <>\n :\n Город, улица, дом *
\n\n
\n }\n \n \n
\n Квартира *
\n\n \n
\n Подъезд
\n\n \n
\n Этаж
\n\n
\n { setIdChangeOpen('') }}>\n
\n Отмена
\n\n
\n { handleChangeAddress(item) }}>Сохранить
\n\n
\n\n :\n <>}\n {\n addAddressOpen ? <> :\n setPrivateHouseSelected(!privateHouseSelected)}>\n
\n \n \n
\n Частный дом
\n\n \n
\n {\n privateHouseSelected ? <>\n :\n Город, улица, дом *
\n\n
\n }\n \n \n
\n Квартира *
\n\n \n
\n Подъезд
\n\n \n
\n Этаж
\n\n
\n { setAddAddressOpen(false) }}>\n
\n Отмена
\n\n
\n Сохранить
\n { handleAddAdressOpen() }}>\n
\n }\n\n\n { handleAddAddress() }}>Добавить адрес
\nОтслеживание
и управление заказом
\n
\n { setSelectorOpen(!isSelectorOpen) }}>\n {selectedStatus.toLowerCase() === 'все' ?
\n {\n isSelectorOpen ?\n Все
: <>}\n {selectedStatus.toLowerCase() === 'в работе' ?В работе
: <>}\n {selectedStatus.toLowerCase() === 'доставлен' ?Доставлен
: <>}\n {selectedStatus.toLowerCase() === 'отмененный' ?Отмененный
: <>}\n \n\n {selectedStatus.toLowerCase() === 'все' ? <> :
\n : <>\n }\n {\n setSelectedStatus('все')\n setSelectorOpen(!isSelectorOpen)\n }} className=\"order__select-dropdown-item\">Все
}\n {selectedStatus.toLowerCase() === 'в работе' ? <> :{\n setSelectedStatus('в работе')\n setSelectorOpen(!isSelectorOpen)\n }} className=\"order__select-dropdown-item\">В работе
}\n {selectedStatus.toLowerCase() === 'доставлен' ? <> :{\n setSelectedStatus('доставлен')\n setSelectorOpen(!isSelectorOpen)\n }} className=\"order__select-dropdown-item\">Доставлен
}\n {selectedStatus.toLowerCase() === 'отмененный' ? <> :{\n setSelectedStatus('отмененный')\n setSelectorOpen(!isSelectorOpen)\n }} className=\"order__select-dropdown-item\">Отмененный
}\n\n\n\n\n\n {testOrders.filter((item) => {\n if (selectedStatus.toLowerCase() === 'все') return true\n else {\n if (selectedStatus.toLowerCase() === item.status.toLowerCase()) return true\n else return false\n }\n }).map((item, i) => (\n
\n \n
\n ))}\n \n
\n Заказ №{item.order_number}
\n\n
\n {item.status.toLowerCase()[0].toUpperCase()}{item.status.toLowerCase().slice(1)}
\nСтоимость заказа: {item.full_price.toLocaleString('us')} руб.
\n{item.isDelivery ? `Адрес доставки: ${item.address}` : `Самовывоз: ${item.address}`}
\n {orderNumberOpen === item.order_number ? <> :{ setOrderNumberOpen(item.order_number) }}>Посмотреть состав заказа
}\n {orderNumberOpen === item.order_number ?\n\n {item.order_items.map((product, product_i) => (\n
\n :\n <>}\n\n\n \n \n 
\n \n\n
\n ))}\n \n
\n Артикул: {product.article}
\n{product.name}
\n\n
\n {product.count} шт.
\n{product.discount && product.discount > 0 ? ((product.price - (product.price / 100 * product.discount)) * product.count).toLocaleString('us') : (product.count * product.price).toLocaleString('us')} ₽
\n{ setOrderNumberOpen('') }}>Скрыть
\n\n
\n );\n}\n\nexport default Profile;\n","import React from 'react'\nimport { Helmet } from 'react-helmet';\nimport { useHistory } from 'react-router-dom';\n\nimport ProductCard from '../ProductCard/ProductCard';\n\nimport './Favourites.css';\n\n\n\n\n\nfunction Favourites({\n favouritesProducts,\n handleLikeBtn,\n setCartPopupOpen,\n cart,\n handleToCartBtn,\n handleCallPopupOpen,\n}) {\n\n const history = useHistory();\n return (\n Личный кабинет
\n\n Профиль\n Адреса\n Заказы\n
\n \n \n {page && page.toLowerCase() === 'account' ?
\n \n \n Диванчик - Избранное \n \n
\n );\n}\n\nexport default Favourites;\n","import React from 'react'\nimport { Helmet } from 'react-helmet';\nimport './Refund.css';\n\n\nconst list = [\n 'Потребитель вправе отказаться от товара в любое время до его передачи, а после передачи товара - в течение семи дней;',\n 'Возврат товара надлежащего качества возможен в случае, если сохранены его товарный вид, потребительские свойства, а также документ, подтверждающий факт и условия покупки указанного товара;',\n 'Потребитель не вправе отказаться от товара надлежащего качества, имеющего индивидуально-определенные свойства, если указанный товар может быть использован исключительно приобретающим его человеком;',\n 'При отказе потребителя от товара продавец должен возвратить ему денежную сумму, уплаченную потребителем по договору, за исключением расходов продавца на доставку от потребителя возвращенного товара, не позднее чем через десять дней со дня предъявления потребителем соответствующего требования;',\n]\n\nfunction Refund(props) {\n\n\n\n return (\n Избранное
\n {favouritesProducts && favouritesProducts.length > 0 ?\n\n {\n favouritesProducts.map((product, i) => (\n
\n :\n \n \n
}\n В избранном пусто
\nВам надо выбрать интересующий Вас товар
\n history.goBack()}>\n \n
\n Вернуться к покупкам
\n\n \n Диванчик - Политика обмена и возврата \n \n
\n );\n}\n\nexport default Refund;\n","\nclass MainApi {\n constructor({ baseUrl }) {\n this._BASE_URL = baseUrl\n }\n register({ email, password, firstname, surname, phone_number }) {\n return fetch(`${this._BASE_URL}/users/signup`, {\n method: 'POST',\n credentials: 'include',\n headers: {\n 'Accept': 'application/json',\n 'Content-Type': 'application/json'\n },\n body: JSON.stringify({\n \"email\": email,\n \"password\": password,\n \"firstname\": firstname,\n \"surname\": surname,\n \"phone_number\": phone_number,\n }\n )\n }).then(this._checkResponse)\n };\n\n registerCheckCode({ token, code }) {\n return fetch(`${this._BASE_URL}/users/signup-code`, {\n method: 'POST',\n credentials: 'include',\n headers: {\n 'Accept': 'application/json',\n 'Content-Type': 'application/json',\n 'Authorization': `Bearer ${token}`\n },\n body: JSON.stringify({\n \"code\": code\n }\n )\n }).then(this._checkResponse)\n };\n\n registerGetNewCode({ token }) {\n return fetch(`${this._BASE_URL}/users/signup-new-code`, {\n method: 'GET',\n credentials: 'include',\n headers: {\n 'Accept': 'application/json',\n 'Content-Type': 'application/json',\n 'Authorization': `Bearer ${token}`\n },\n }).then(this._checkResponse)\n };\n\n\n checkJwt({ token }) {\n return fetch(`${this._BASE_URL}/users/check-jwt`, {\n method: 'GET',\n credentials: 'include',\n headers: {\n 'Accept': 'application/json',\n 'Content-Type': 'application/json',\n 'Authorization': `Bearer ${token}`\n },\n }).then(this._checkResponse)\n };\n\n login({ password, phone_number }) {\n return fetch(`${this._BASE_URL}/users/signin`, {\n method: 'POST',\n credentials: 'include',\n headers: {\n 'Accept': 'application/json',\n 'Content-Type': 'application/json'\n },\n body: JSON.stringify({\n \"password\": password,\n \"phone_number\": phone_number,\n }\n )\n }).then(this._checkResponse)\n };\n\n recoveryStep1({ phone_number }) {\n return fetch(`${this._BASE_URL}/users/recovery-pass-stage-1`, {\n method: 'POST',\n credentials: 'include',\n headers: {\n 'Accept': 'application/json',\n 'Content-Type': 'application/json'\n },\n body: JSON.stringify({\n \"phone_number\": phone_number,\n }\n )\n }).then(this._checkResponse)\n };\n\n recoveryCheckCode({ code, token }) {\n return fetch(`${this._BASE_URL}/users/recovery-code`, {\n method: 'POST',\n credentials: 'include',\n headers: {\n 'Accept': 'application/json',\n 'Content-Type': 'application/json',\n 'Authorization': `Bearer ${token}`\n },\n body: JSON.stringify({\n \"code\": code,\n }\n )\n }).then(this._checkResponse)\n };\n\n recoverySendCodeAgian({ token }) {\n return fetch(`${this._BASE_URL}/users/recovery-new-code`, {\n method: 'GET',\n credentials: 'include',\n headers: {\n 'Accept': 'application/json',\n 'Content-Type': 'application/json',\n 'Authorization': `Bearer ${token}`\n },\n }).then(this._checkResponse)\n };\n\n\n recoverySetPass({ password, token }) {\n return fetch(`${this._BASE_URL}/users/recovery-set-password`, {\n method: 'POST',\n credentials: 'include',\n headers: {\n 'Accept': 'application/json',\n 'Content-Type': 'application/json',\n 'Authorization': `Bearer ${token}`\n },\n body: JSON.stringify({\n \"password\": password,\n }\n )\n }).then(this._checkResponse)\n };\n\n // getBarcode(product_id) {\n // return fetch(`${this._BASE_URL}/products/get-barcode`, {\n // method: 'POST',\n // credentials: 'include',\n // headers: {\n // 'Accept': 'application/json',\n // 'Content-Type': 'application/json'\n // },\n // body: JSON.stringify({\n // \"product_id\": product_id\n // }\n // )\n // }).then(this._checkResponse)\n // };\n\n // getProducts() {\n // return fetch(`${this._BASE_URL}/products/all`, {\n // method: 'GET',\n // credentials: 'include',\n // headers: {\n // 'Accept': 'application/json',\n // 'Content-Type': 'application/json'\n // },\n\n // }).then(this._checkResponse)\n // };\n // getCategories() {\n // return fetch(`${this._BASE_URL}/categories`, {\n // method: 'GET',\n // credentials: 'include',\n // headers: {\n // 'Accept': 'application/json',\n // 'Content-Type': 'application/json'\n // },\n\n // }).then(this._checkResponse)\n // };\n\n\n _checkResponse(res) {\n if (res.ok) {\n return res.json();\n }\n else {\n var statusCode = res.status\n return res.json().then((res) => {\n return Promise.reject({\n statusCode: statusCode,\n message: res.message\n })\n })\n }\n ;\n }\n\n}\n\nconst mainApi = new MainApi({\n baseUrl: 'https://shop-divanchik.ru/api'\n // baseUrl: 'http://localhost:3003'\n});\nexport default mainApi\n","import React from 'react'\nimport { Link, useParams } from 'react-router-dom/cjs/react-router-dom.min';\nimport './Login.css';\nimport mainApi from '../../utils/MainApi';\nimport { useHistory } from 'react-router-dom';\n\n\n\n\nfunction Login(props) {\n let { from } = useParams();\n\n const history = useHistory()\n const [phoneValue, setPhoneValue] = React.useState('');\n const [phoneValidity, setPhoneValidity] = React.useState({\n errorMassage: '',\n validState: false\n });\n\n const [passValue, setPassValue] = React.useState('');\n const [passValidity, setPassValidity] = React.useState({\n errorMassage: '',\n validState: false\n });\n\n function handlePassChange(e) {\n let inputValue = e.target.value\n if (!inputValue) {\n setPassValue('')\n setPassValidity({\n errorMassage: '',\n validState: false\n })\n }\n else {\n setPassValue(inputValue)\n if (inputValue.length >= 8) {\n setPassValidity({\n errorMassage: '',\n validState: true\n })\n }\n }\n }\n\n\n function handlePhoneChange(e) {\n\n let inputValue = e.target.value.replace(/\\D/g, '')\n let formattedInputValue = '';\n if (!inputValue) {\n setPhoneValue('')\n setPhoneValidity({\n errorMassage: 'Можно вводить только цифры',\n validState: false\n })\n }\n else {\n if (['7', '8', '9'].indexOf(inputValue[0]) > -1) {\n setPhoneValidity({\n errorMassage: '',\n validState: false\n })\n if (inputValue[0] === '9') inputValue = '7' + inputValue;\n\n let firstSimbols = (inputValue[0] === '8') ? '8' : '+7';\n formattedInputValue = firstSimbols + ' '\n\n if (inputValue.length > 1) {\n formattedInputValue += '(' + inputValue.substring(1, 4)\n }\n if (inputValue.length >= 5) {\n formattedInputValue += ') ' + inputValue.substring(4, 7)\n }\n if (inputValue.length >= 8) {\n formattedInputValue += '-' + inputValue.substring(7, 9)\n }\n if (inputValue.length >= 10) {\n formattedInputValue += '-' + inputValue.substring(9, 11)\n }\n if (inputValue.length >= 11) {\n setPhoneValidity({\n errorMassage: '',\n validState: true\n });\n } else {\n setPhoneValidity({\n errorMassage: '',\n validState: false\n });\n }\n } else {\n formattedInputValue = '+' + inputValue.substring(0, 16)\n if (inputValue.length >= 11) {\n setPhoneValidity({\n errorMassage: 'Только номера РФ',\n validState: false\n });\n } else {\n setPhoneValidity({\n errorMassage: 'Только номера РФ',\n validState: false\n });\n }\n }\n\n setPhoneValue(formattedInputValue)\n }\n\n }\n\n function handlePhoneDelite(e) {\n if (e.keyCode === 8 && e.target.value.replace(/\\D/g, '').length === 1) {\n setPhoneValue('')\n }\n if (e.keyCode === 8 && e.target.value.replace(/\\D/g, '').length < 11) {\n setPhoneValidity({\n errorMassage: '',\n validState: false\n });\n }\n\n }\n\n const [submitError, setSubmitError] = React.useState('');\n\n function handleSubmit() {\n setSubmitError('')\n if (phoneValidity.validState && passValidity.validState) {\n mainApi.login({ phone_number: phoneValue, password: passValue })\n .then((res) => {\n localStorage.setItem('jwt', res.token);\n mainApi.checkJwt({ token: res.token })\n .then((data) => {\n console.log(data)\n props.setLoggedIn(true)\n props.setCurrentUser(data.user)\n if (from ) {\n if(from === 'cart'){\n history.push('/cart')\n }\n \n } else {\n history.push('/')\n }\n\n })\n .catch((err) => {\n console.log(err)\n })\n })\n .catch((err) => {\n setSubmitError(err.message)\n setTimeout(() => {\n setSubmitError('')\n }, 6000);\n })\n }\n }\n\n\n\n return (\n Как вернуть товар?
\nПроцедура возврата товара регламентируется статьей 26.1 федерального закона «О защите прав потребителей».
\n\n {list.map((item, i) => (\n
\n \n \n
\n ))}\n\n {item}
\n\n
\n );\n}\n\nexport default Login;\n","import React from 'react'\n// import { Link } from 'react-router-dom/cjs/react-router-dom.min';\nimport { useHistory } from 'react-router-dom';\n\nimport './Recovery.css';\n\nimport mainApi from '../../utils/MainApi';\n\n\nfunction Recovery(props) {\n const history = useHistory()\n\n const [phoneValue, setPhoneValue] = React.useState('');\n const [phoneValidity, setPhoneValidity] = React.useState({\n errorMassage: '',\n validState: false\n });\n const [codeValue, setCodeValue] = React.useState('');\n const [codeValidity, setCodeValidity] = React.useState({\n errorMassage: '',\n validState: false\n });\n\n const [passValue, setPassValue] = React.useState('');\n const [passValidity, setPassValidity] = React.useState({\n errorMassage: '',\n validState: false\n });\n\n\n const [passCheckValue, setPassCheckValue] = React.useState('');\n const [passCheckValidity, setPassCheckValidity] = React.useState({\n errorMassage: '',\n validState: false\n });\n\n\n function handlePhoneChange(e) {\n\n let inputValue = e.target.value.replace(/\\D/g, '')\n let formattedInputValue = '';\n if (!inputValue) {\n setPhoneValue('')\n setPhoneValidity({\n errorMassage: 'Можно вводить только цифры',\n validState: false\n })\n }\n else {\n if (['7', '8', '9'].indexOf(inputValue[0]) > -1) {\n setPhoneValidity({\n errorMassage: '',\n validState: false\n })\n if (inputValue[0] === '9') inputValue = '7' + inputValue;\n\n let firstSimbols = (inputValue[0] === '8') ? '8' : '+7';\n formattedInputValue = firstSimbols + ' '\n\n if (inputValue.length > 1) {\n formattedInputValue += '(' + inputValue.substring(1, 4)\n }\n if (inputValue.length >= 5) {\n formattedInputValue += ') ' + inputValue.substring(4, 7)\n }\n if (inputValue.length >= 8) {\n formattedInputValue += '-' + inputValue.substring(7, 9)\n }\n if (inputValue.length >= 10) {\n formattedInputValue += '-' + inputValue.substring(9, 11)\n }\n if (inputValue.length >= 11) {\n setPhoneValidity({\n errorMassage: '',\n validState: true\n });\n } else {\n setPhoneValidity({\n errorMassage: '',\n validState: false\n });\n }\n } else {\n formattedInputValue = '+' + inputValue.substring(0, 16)\n if (inputValue.length >= 11) {\n setPhoneValidity({\n errorMassage: 'Только номера РФ',\n validState: false\n });\n } else {\n setPhoneValidity({\n errorMassage: 'Только номера РФ',\n validState: false\n });\n }\n }\n\n setPhoneValue(formattedInputValue)\n }\n\n }\n\n function handlePhoneDelite(e) {\n if (e.keyCode === 8 && e.target.value.replace(/\\D/g, '').length === 1) {\n setPhoneValue('')\n }\n if (e.keyCode === 8 && e.target.value.replace(/\\D/g, '').length < 11) {\n setPhoneValidity({\n errorMassage: '',\n validState: false\n });\n }\n\n }\n\n\n\n const [step, setStep] = React.useState(0);\n // function handleNextStep() {\n // setStep(step + 1)\n // }\n\n\n\n function handlePassChange(e) {\n let inputValue = e.target.value\n if (!inputValue) {\n setPassValue('')\n setPassValidity({\n errorMassage: '',\n validState: false\n })\n }\n else {\n setPassValue(inputValue)\n if (inputValue.length >= 8) {\n setPassValidity({\n errorMassage: '',\n validState: true\n })\n }\n }\n }\n function handlePassCheckChange(e) {\n let inputValue = e.target.value\n if (!inputValue) {\n setPassCheckValue('')\n setPassCheckValidity({\n errorMassage: '',\n validState: false\n })\n }\n else {\n setPassCheckValue(inputValue)\n if (inputValue.length >= 8) {\n // setPassCheckValidity({\n // errorMassage: '',\n // validState: true\n // })\n }\n }\n }\n\n // React.useEffect(() => {\n // if (codeValidity.validState) {\n // setTimeout(() => {\n // setStep(2)\n // }, 300);\n // }\n\n // }, [codeValidity.validState])\n\n React.useEffect(() => {\n if (passValue && passValue.length >= 8 && passCheckValue.length >= 8) {\n if (passCheckValue === passValue) {\n setPassCheckValidity({\n errorMassage: '',\n validState: true\n })\n setPassValidity({\n errorMassage: '',\n validState: true\n })\n } else {\n setPassCheckValidity({\n errorMassage: 'Пароли не совпадают',\n validState: false\n })\n }\n }\n\n }, [passValue, passCheckValue])\n\n\n\n\n const timerDefValue = 60\n const [timerValue, setTimerValue] = React.useState(timerDefValue);\n const [sendCounter, setSendCounter] = React.useState(0);\n const [sendAgainAvailible, setSendAgainAvailible] = React.useState(false);\n\n\n React.useEffect(() => {\n\n if (step === 1) {\n if (!sendAgainAvailible) {\n if (timerValue === 0) {\n setSendAgainAvailible(true)\n setTimerValue(timerDefValue)\n } else {\n const timer = setInterval(() => {\n setTimerValue(timerValue - 1)\n clearInterval(timer)\n }, 1000);\n }\n\n }\n\n }\n\n }, [step, timerValue, sendAgainAvailible])\n\n \n const [firstStepToken, setFirstStepToken] = React.useState('');\n const [secondStepToken, setSecondStepToken] = React.useState('');\n const [firstStepError, setFirstStepError] = React.useState('');\n const [secondStepError, setSecondStepError] = React.useState('');\n\n function handleFirstStep() {\n if (phoneValidity.validState) {\n mainApi.recoveryStep1({ phone_number: phoneValue })\n .then((res) => {\n setFirstStepToken(res.token)\n setStep(1)\n })\n .catch((err) => {\n setFirstStepError(err.message)\n setTimeout(() => {\n setFirstStepError('')\n }, 10000);\n })\n }\n\n\n }\n\n function handleCodeChange(e) {\n let inputValue = e.target.value.replace(/\\D/g, '')\n if (!inputValue) {\n setCodeValue('')\n setCodeValidity({\n errorMassage: '',\n validState: false\n })\n }\n else {\n setCodeValue(inputValue.slice(0, 4))\n setCodeValidity({\n errorMassage: '',\n validState: false\n })\n if (inputValue.length >= 4) {\n\n mainApi.recoveryCheckCode({\n token: firstStepToken,\n code: inputValue.slice(0, 4)\n })\n .then((res) => {\n setCodeValidity({\n errorMassage: '',\n validState: true\n })\n setSecondStepToken(res.token)\n setTimeout(() => {\n setStep(2)\n }, 1000);\n })\n .catch((err) => {\n console.log(err)\n setCodeValidity({\n errorMassage: err.message,\n validState: false,\n })\n })\n }\n }\n }\n function handleSendCodeAgain() {\n if (sendCounter < 2) {\n mainApi.recoverySendCodeAgian({ token: firstStepToken })\n .then(() => {\n setSendCounter(sendCounter + 1)\n })\n .catch((err) => {\n console.log(err)\n })\n }\n\n\n }\n\n function handleSubmit() {\n mainApi.recoverySetPass({ password: passValue, token: secondStepToken })\n .then((res) => {\n localStorage.setItem('jwt', res.token);\n mainApi.checkJwt({ token: res.token })\n .then((data) => {\n console.log(data)\n props.setLoggedIn(true)\n props.setCurrentUser(data.user)\n history.push('/')\n })\n .catch((err) => {\n console.log(err)\n })\n })\n .catch((err) => {\n setSecondStepError(err.message)\n setTimeout(() => {\n setSecondStepError('')\n }, 10000);\n })\n }\n\n\n return (\n \n
\n \n
\n Войдите в свой аккаунт Диванчик
\nИспользуйте телефон для регистрации и входа в аккаунт
\n\n
\n Войти в кабинет
\n\n
\n Забыли пароль?\n \n
\n \n handlePhoneDelite(e)} placeholder='+7 (___) ___-__-__' className=\"login__input\" name=\"text\" type=\"phone\" value={phoneValue} onChange={handlePhoneChange} maxLength=\"250\">\n
\n {!phoneValidity.validState && phoneValidity.errorMassage && Телефон *
\n{phoneValidity.errorMassage}
}\n\n
\n \n \n
\n {!passValidity.validState && passValidity.errorMassage && Пароль *
\n{passValidity.errorMassage}
}\n {\n if (phoneValidity.validState && passValidity.validState) {\n handleSubmit()\n }\n }}>\n
\n {submitError ? Войти
\n{submitError}
: <>}\n\n \nРегистрация
\n \n\n\n
\n );\n}\n\nexport default Recovery;\n","import React, { useEffect, useState } from 'react'\nimport { Link } from 'react-router-dom/cjs/react-router-dom.min';\nimport { useHistory } from 'react-router-dom';\n\nimport validator from 'validator'\n\nimport mainApi from '../../assets/api/MainApi';\n\nimport './Register.css';\nimport moment from 'moment-timezone';\n\n\n\n\nfunction Register({ currentUser, setCurrentUser, setLoggedIn }) {\n const history = useHistory()\n\n\n const [nameValue, setNameValue] = React.useState('');\n const [nameValidity, setNameValidity] = React.useState({\n errorMassage: '',\n validState: false\n });\n\n const [surnameValue, setSurnameValue] = React.useState('');\n const [surnameValidity, setSurnameValidity] = React.useState({\n errorMassage: '',\n validState: false\n });\n\n const [emailValue, setEmailValue] = React.useState('');\n const [emailValidity, setEmailValidity] = React.useState({\n errorMassage: '',\n validState: false\n });\n\n\n const [phoneValue, setPhoneValue] = React.useState('');\n const [phoneValidity, setPhoneValidity] = React.useState({\n errorMassage: '',\n validState: false\n });\n const [codeValue, setCodeValue] = React.useState('');\n const [codeValidity, setCodeValidity] = React.useState({\n errorMassage: '',\n validState: false\n });\n\n const [passValue, setPassValue] = React.useState('');\n const [passValidity, setPassValidity] = React.useState({\n errorMassage: '',\n validState: false\n });\n\n\n const [passCheckValue, setPassCheckValue] = React.useState('');\n const [passCheckValidity, setPassCheckValidity] = React.useState({\n errorMassage: '',\n validState: false\n });\n\n function handleNameChange(e) {\n let inputValue = e.target.value.replace(/[^a-zA-Zа-яА-ЯёЁ]/g, '')\n\n setNameValue(inputValue)\n if (inputValue.length < 1) {\n setNameValidity({\n errorMassage: 'Заполните поле',\n validState: false\n })\n } else {\n setNameValidity({\n errorMassage: (''),\n validState: true\n })\n }\n }\n\n function handleSurnameChange(e) {\n let inputValue = e.target.value.replace(/[^a-zA-Zа-яА-ЯёЁ]/g, '')\n setSurnameValue(inputValue)\n if (inputValue.length < 1) {\n setSurnameValidity({\n errorMassage: 'Заполните поле',\n validState: false\n })\n } else {\n setSurnameValidity({\n errorMassage: (''),\n validState: true\n })\n }\n }\n\n function handleEmailChange(e) {\n let inputValue = e.target.value\n setEmailValue(inputValue);\n if (!inputValue) {\n setEmailValidity({\n errorMassage: '',\n validState: false\n })\n }\n if (inputValue.length >= 2) {\n if (validator.isEmail(inputValue)) {\n setEmailValidity({\n errorMassage: '',\n validState: true\n })\n } else {\n setEmailValidity({\n errorMassage: (!e.target.validity.valid ? e.target.validationMessage : 'Введите валидный email'),\n validState: false\n })\n }\n }\n }\n\n\n function handlePhoneChange(e) {\n\n let inputValue = e.target.value.replace(/\\D/g, '')\n let formattedInputValue = '';\n if (!inputValue) {\n setPhoneValue('')\n setPhoneValidity({\n errorMassage: 'Можно вводить только цифры',\n validState: false\n })\n }\n else {\n if (['7', '8', '9'].indexOf(inputValue[0]) > -1) {\n setPhoneValidity({\n errorMassage: '',\n validState: false\n })\n if (inputValue[0] === '9') inputValue = '7' + inputValue;\n\n let firstSimbols = (inputValue[0] === '8') ? '8' : '+7';\n formattedInputValue = firstSimbols + ' '\n\n if (inputValue.length > 1) {\n formattedInputValue += '(' + inputValue.substring(1, 4)\n }\n if (inputValue.length >= 5) {\n formattedInputValue += ') ' + inputValue.substring(4, 7)\n }\n if (inputValue.length >= 8) {\n formattedInputValue += '-' + inputValue.substring(7, 9)\n }\n if (inputValue.length >= 10) {\n formattedInputValue += '-' + inputValue.substring(9, 11)\n }\n if (inputValue.length >= 11) {\n setPhoneValidity({\n errorMassage: '',\n validState: true\n });\n } else {\n setPhoneValidity({\n errorMassage: '',\n validState: false\n });\n }\n } else {\n formattedInputValue = '+' + inputValue.substring(0, 16)\n if (inputValue.length >= 11) {\n setPhoneValidity({\n errorMassage: 'Только номера РФ',\n validState: false\n });\n } else {\n setPhoneValidity({\n errorMassage: 'Только номера РФ',\n validState: false\n });\n }\n }\n\n setPhoneValue(formattedInputValue)\n }\n\n }\n\n function handlePhoneDelite(e) {\n if (e.keyCode === 8 && e.target.value.replace(/\\D/g, '').length === 1) {\n setPhoneValue('')\n }\n if (e.keyCode === 8 && e.target.value.replace(/\\D/g, '').length < 11) {\n setPhoneValidity({\n errorMassage: '',\n validState: false\n });\n }\n\n }\n\n\n\n const [step, setStep] = React.useState(0);\n // function handleNextStep() {\n // setStep(step + 1)\n // }\n const [regToken, setRegToken] = React.useState('');\n\n function handleCodeChange(e) {\n let inputValue = e.target.value.replace(/\\D/g, '')\n if (!inputValue) {\n setCodeValue('')\n setCodeValidity({\n errorMassage: '',\n validState: false\n })\n }\n else {\n setCodeValue(inputValue.slice(0, 4))\n setCodeValidity({\n errorMassage: '',\n validState: false\n })\n if (inputValue.length >= 4) {\n\n mainApi.registerCheckCode({\n token: regToken,\n code: inputValue.slice(0, 4)\n })\n .then((res) => {\n setCodeValidity({\n errorMassage: '',\n validState: true\n })\n localStorage.setItem('jwt', res.token);\n mainApi.checkJwt({ token: res.token })\n .then((data) => {\n console.log(data)\n setLoggedIn(true)\n setCurrentUser(data.user)\n history.push('/')\n })\n .catch((err) => {\n console.log(err)\n })\n })\n .catch((err) => {\n console.log(err)\n setCodeValidity({\n errorMassage: err.message,\n validState: false,\n })\n })\n }\n }\n }\n\n function handlePassChange(e) {\n let inputValue = e.target.value\n if (!inputValue) {\n setPassValue('')\n setPassValidity({\n errorMassage: '',\n validState: false\n })\n }\n else {\n setPassValue(inputValue)\n if (inputValue.length >= 8) {\n setPassValidity({\n errorMassage: '',\n validState: true\n })\n }\n }\n }\n function handlePassCheckChange(e) {\n let inputValue = e.target.value\n if (!inputValue) {\n setPassCheckValue('')\n setPassCheckValidity({\n errorMassage: '',\n validState: false\n })\n }\n else {\n setPassCheckValue(inputValue)\n if (inputValue.length >= 8) {\n // setPassCheckValidity({\n // errorMassage: '',\n // validState: true\n // })\n }\n }\n }\n\n // React.useEffect(() => {\n // if (codeValidity.validState) {\n // setTimeout(() => {\n // handleSubmit()\n // }, 300);\n // }\n\n // }, [codeValidity.validState])\n\n React.useEffect(() => {\n if (passValue && passValue.length >= 8 && passCheckValue.length >= 8) {\n if (passCheckValue === passValue) {\n setPassCheckValidity({\n errorMassage: '',\n validState: true\n })\n setPassValidity({\n errorMassage: '',\n validState: true\n })\n } else {\n setPassCheckValidity({\n errorMassage: 'Пароли не совпадают',\n validState: false\n })\n }\n }\n\n }, [passValue, passCheckValue])\n\n\n\n function handleSubmit() {\n mainApi.register({\n email: emailValue.slice(),\n password: passValue,\n firstname: nameValue,\n surname: surnameValue,\n phone_number: phoneValue.replace(/\\D/g, '')\n })\n .then((res) => {\n setCurrentUser(res)\n setStep(1)\n })\n .catch((err) => {\n console.log(err)\n })\n }\n\n const [timeLeft, setTimeLeft] = useState(currentUser && currentUser.new_phone && currentUser.new_phone.generated_utc ? Number(moment().format('X')) - Number(moment(`${currentUser.new_phone.generated_utc}+00:00`).format('X')) : 61)\n\n\n\n\n useEffect(() => {\n if (currentUser) {\n const timer = setInterval(() => {\n\n setTimeLeft(Number(moment().format('X')) - Number(moment(`${currentUser.new_phone.generated_utc}+00:00`).format('X')))\n clearInterval(timer)\n }, 1000);\n\n } else {\n setTimeLeft(0)\n }\n\n }, [currentUser, timeLeft])\n\n function handleSendCodeAgain() {\n // if (sendCounter < 2) {\n // mainApi.registerGetNewCode({ token: regToken })\n // .then(() => {\n // // setSendCounter(sendCounter + 1)\n // })\n // .catch((err) => {\n // console.log(err)\n // })\n // }\n\n\n }\n\n useEffect(() => {\n if (currentUser) {\n if (!currentUser.phone) {\n setStep(1)\n }\n }\n }, [currentUser])\n\n return (\n \n
\n \n
\n Восстановление пароля
\nИспользуйте номер телефона, указанный при регистрации
\n\n {step === 0 ?
\n Номер телефона
: <>}\n {step === 1 ?Код из СМС
: <>}\n {step === 2 ?Новый пароль
: <>}\n\n {step === 0 ?Введите ваш номер телефона для восстановления пароля
: <>}\n {step === 1 ?Мы выслали код на номер
{phoneValue}
Введите ваш новый пароль
: <>}\n\n {step === 0 ?\n\n
: <>}\n {step === 1 ?\n \n
\n {/* \n handlePhoneDelite(e)} placeholder='+7 (___) ___-__-__' className=\"recovery__input\" name=\"text\" type=\"phone\" value={phoneValue} onChange={handlePhoneChange} maxLength=\"250\">\n
\n {!phoneValidity.validState && phoneValidity.errorMassage && Телефон *
\n{phoneValidity.errorMassage}
}\n\n
*/}\n \n \n
\n {!passValidity.validState && passValidity.errorMassage && Пароль *
\n{passValidity.errorMassage}
}\n\n
: <>}\n\n {step === 2 ?\n \n
\n \n \n
\n {!codeValidity.validState && codeValidity.errorMassage && Код подтверждения *
\n{codeValidity.errorMassage}
}\n\n\n
: <>}\n {step === 0 ?\n \n
\n \n \n
\n {!passValidity.validState && passValidity.errorMassage && Придумайте новый пароль *
\n{passValidity.errorMassage}
}\n\n
\n \n \n
\n {!passCheckValidity.validState && passCheckValidity.errorMassage && Повторите пароль *
\n{passCheckValidity.errorMassage}
}\n {\n if (step === 0 && phoneValidity.validState) {\n handleFirstStep()\n }\n\n }} className={`recovery__btn recovery__btn_login ${phoneValidity.validState ? '' : 'recovery__btn_inactive'}`}>\n
: <>}\n {firstStepError ? Восстановить
\n{firstStepError}
: <>}\n\n {step === 1 ?\n{\n if (sendAgainAvailible) {\n setSendAgainAvailible(false)\n handleSendCodeAgain()\n }\n }} className={`recovery__code-timeout ${sendAgainAvailible ? sendCounter === 2 ? '' : 'recovery__code-timeout_active' : ''}`}>\n {sendAgainAvailible ? sendCounter === 2 ? 'Если смс все еще не пришла, обратитесь в службу поддержки: +7 (919) 940-12-08' :\n 'Выслать код повторно' : sendCounter === 2 ? 'Если смс все еще не пришла, обратитесь в службу поддержки: +7 (919) 940-12-08' : `Выслать код повторно: ${timerValue}`\n }
\n\n : <>}\n {step === 2 ?\n {\n if (step === 2 && passValidity.validState && passCheckValidity.validState) {\n handleSubmit()\n }\n\n }} className={`recovery__btn recovery__btn_login ${passValidity.validState && passCheckValidity.validState ? '' : 'recovery__btn_inactive'}`}>\n
: <>}\n {secondStepError ? Сохранить пароль
\n{secondStepError}
: <>}\n\n\n
\n );\n}\n\nexport default Register;\n","import './ColorPopup.css';\nimport React from \"react\";\nimport { Link } from 'react-router-dom/cjs/react-router-dom.min';\n\n\n\n\nfunction ColorPopup(props) {\n\n\n\n\n\n return (\n \n
\n \n
\n Зарегестрируйте свой аккаунт Диванчик
\nИспользуйте телефон для регистрации и входа в аккаунт
\n\n\n {step === 1 ?
\n Код из СМС
: <>}\n\n\n {step === 1 ?Мы выслали код на номер
{currentUser.new_phone.phone}
Ваши имя и фамилия
\n\n
\n \n
\n \n \n
\n {!nameValidity.validState && nameValidity.errorMassage && Имя *
\n{nameValidity.errorMassage}
}\n\n
\n \n \n
\n {!surnameValidity.validState && surnameValidity.errorMassage && Фамилия *
\n{surnameValidity.errorMassage}
}\nВаши конактные данные
\n\n
\n \n
\n \n handlePhoneDelite(e)} placeholder='+7 (___) ___-__-__' className=\"register__input\" name=\"text\" type=\"phone\" value={phoneValue} onChange={handlePhoneChange} maxLength=\"250\">\n
\n {!phoneValidity.validState && phoneValidity.errorMassage && Телефон *
\n{phoneValidity.errorMassage}
}\n\n
\n \n \n
\n {!emailValidity.validState && emailValidity.errorMassage && Email *
\n{emailValidity.errorMassage}
}\nПароль (мин. 8 символов)
\n\n
\n Есть аккаунт? Войти\n \n : <>}\n {step === 1 ?\n \n
\n \n \n
\n {!passValidity.validState && passValidity.errorMassage && Пароль *
\n{passValidity.errorMassage}
}\n\n
\n \n \n
\n {!passCheckValidity.validState && passCheckValidity.errorMassage && Повторите пароль *
\n{passCheckValidity.errorMassage}
}\n\n
: <>}\n\n\n {step === 0 ?\n \n
\n \n \n
\n {!codeValidity.validState && codeValidity.errorMassage && Код подтверждения *
\n{codeValidity.errorMassage}
}\n {\n if (step === 0 && nameValidity.validState && surnameValidity.validState && emailValidity.validState && phoneValidity.validState && passValidity.validState && passCheckValidity.validState) {\n handleSubmit()\n }\n\n }} className={`register__btn register__btn_login ${nameValidity.validState && surnameValidity.validState && emailValidity.validState && phoneValidity.validState && passValidity.validState && passCheckValidity.validState ? '' : 'register__btn_inactive'}`}>\n
: <>}\n\n {step === 1 ?\n Зарегестрироваться
\n{\n if ((61 - Number(timeLeft) >= 0 && currentUser)) {\n \n handleSendCodeAgain()\n }\n }} className={`register__code-timeout ${(61 - Number(timeLeft) >= 0 && currentUser) ? \" \" : 'register__code-timeout_active'}`}>\n\n {61 - Number(timeLeft) >= 0 && currentUser ? `${('0' + (~~((61 - timeLeft) / 60))).slice(-2)}:${('0' + (61 - timeLeft) % 60).slice(-2)}` : `Выслать код повторно`}
\n\n : <>}\n\n\n\n
\n );\n}\n\nexport default ColorPopup;\n","\nimport React from 'react'\nimport './MainPreloader.css'\n\nconst MainPreloader = () => {\n return (\n \n
\n \n
\n\n Выберете цвет
\n\n \n
\n \n {/* {props.selectedColor && props.selectedColor} */}\n {props.availibleColors && props.availibleColors.map((item, i) => (\n \n
\n\n {item.name}
\n \n ))}\n\n\n
\n \n
\n )\n};\n\nexport default MainPreloader\n","\nimport React, { useEffect, useRef, useState } from 'react'\nimport { Link } from 'react-router-dom';\nimport mainApi from '../../../assets/api/MainApi';\nimport { MAIN_URL } from '../../../assets/utils/constants';\n\n\nimport './Banner.css';\n\n\n\n\nfunction Banner() {\n const [slides, setSlides] = useState(undefined)\n const timer = useRef(null)\n\n const [index, setIndex] = useState(0)\n\n\n useEffect(() => {\n mainApi.getBanners()\n .then((res) => {\n console.log(res.data)\n setSlides(res.data)\n })\n .catch((err) => {\n console.log(err)\n })\n }, [])\n\n useEffect(() => {\n if (!slides) return\n timer.current = setTimeout(() => {\n if (index < slides.length - 1) {\n setIndex(index + 1)\n\n } else {\n setIndex(0)\n\n }\n }, 6500);\n\n\n }, [index, slides])\n\n\n const getPrice = (item) => {\n\n const name = localStorage.getItem('city') ? localStorage.getItem('city') : 'Тобольск'\n let cityMap = {\n \"Новый Уренгой\": \"63777e52c505252a8fc59c09\",\n \"Надым\": \"63777e62c505252a8fc59c0a\",\n \"Тобольск\": \"63777e74c505252a8fc59c0b\",\n }\n let id = cityMap[name] ? cityMap[name] : \"63777e74c505252a8fc59c0b\"\n let value = item.firstc_data.price[id]\n return Number(value)\n }\n\n\n function handleSliderClick(i) {\n clearTimeout(timer.current)\n setIndex(i)\n }\n\n return (\n \n \n
\n \n {slides && slides.length > 0 ? slides.map((slide, i) => (\n \n 
\n\n \n )) : null}\n {slides && slides.length > 0 ?\n
\n );\n}\n\nexport default Banner;\n","import { useState, useEffect } from \"react\";\n\n\nexport default function useWindowSize() {\n // Initialize state with undefined width/height so server and client renders match\n // Learn more here: https://joshwcomeau.com/react/the-perils-of-rehydration/\n const [windowSize, setWindowSize] = useState({\n width: undefined,\n height: undefined,\n });\n useEffect(() => {\n // Handler to call on window resize\n function handleResize() {\n // Set window width/height to state\n setWindowSize({\n width: window.innerWidth,\n height: window.innerHeight,\n });\n }\n // Add event listener\n window.addEventListener(\"resize\", handleResize);\n // Call handler right away so state gets updated with initial window size\n handleResize();\n // Remove event listener on cleanup\n return () => window.removeEventListener(\"resize\", handleResize);\n }, []); // Empty array ensures that effect is only run on mount\n return windowSize;\n}","import React, { useEffect, useState } from 'react'\nimport mainApi from '../../../assets/api/MainApi';\nimport useWindowSize from '../../../assets/hooks/useWindowSize';\nimport MiniPreloader from '../../MiniPreloader/MiniPreloader';\nimport ProductCard from '../../ProductCard/ProductCard';\n\n\nimport './Products.css';\n\n\nfunction Products({\n type,\n handleLikeBtn,\n favouritesProducts,\n setCartPopupOpen,\n cart,\n handleToCartBtn,\n handleCallPopupOpen,\n}) {\n\n const windowSize = useWindowSize()\n const [products, setProducts] = useState(undefined)\n const [isPreloaderVisible, setPreloaderVisible] = useState(true)\n useEffect(() => {\n if (!type) return\n setPreloaderVisible(true)\n mainApi.getHitsOrNews({ type: type })\n .then((res) => {\n console.log(res.data)\n setProducts(res.data)\n })\n .catch((err) => {\n console.log(err)\n })\n .finally(() => {\n setPreloaderVisible(false)\n })\n }, [type])\n\n const productsByWindowSize = products && products.length > 0 ?\n windowSize.width <= 1300 ?\n windowSize.width <= 970 ?\n windowSize.width <= 550 ?\n products.slice(0, 4)\n :\n products.slice(0, 3)\n\n\n :\n products.slice(0, 4)\n :\n products\n\n : undefined\n return (\n \n {slide.titles && slide.titles.length > 0 ? slide.titles.map((title, i2) => (\n
\n {title}
\n )) : null}\n\n
\n {getPrice(slide.item_data.item) > 0 ? `${getPrice(slide.item_data.item).toLocaleString('us')}₽` : ''}
\n{slide.item_data.name}
\n\n {Array.from({ length: slides.length }).map((item, i) => (\n
\n : null}\n\n {\n handleSliderClick(i)\n }}>
\n ))}\n \n {type === 'hits' ?\n
\n );\n}\n\nexport default Products;\n","import React from 'react'\nimport { Link } from 'react-router-dom';\n\nimport './PromotedCard.css';\n\n\nfunction PromotedCard({ item }) {\n\n return (\n \n \n \n
\n :\n Хиты продаж
\nНовинки
\n }\n {isPreloaderVisible ?\n\n
\n :\n \n {productsByWindowSize && productsByWindowSize.length > 0 ? productsByWindowSize.map((item, i) => (\n
\n }\n\n\n \n
\n \n {item.title}\n
\n\n {item.items.map((link, i) => (\n {\n e.stopPropagation();\n }}>\n {link.name}\n \n ))}\n
\n \n
\n\n\n );\n}\n\nexport default PromotedCards;\n","import moment from 'moment-timezone';\nimport React from 'react'\n\n\nimport './ReviewCard.css';\n\nimport 'moment/locale/ru' // without this line it didn't work\nmoment.locale('ru')\n\n\nfunction ReviewCard({ item }) {\n\n return (\n Найдите
\n
\n\n \n
\n );\n}\n\nexport default ReviewCard;\n","import React from 'react'\nimport ReviewCard from './ReviewCard/ReviewCard';\n\n\nimport './Reviews.css';\n\nimport reviewAvatar1 from '../../../assets/images/main/reviews/1.png'\nimport reviewAvatar2 from '../../../assets/images/main/reviews/2.png'\nimport reviewAvatar3 from '../../../assets/images/main/reviews/3.png'\nimport reviewAvatar4 from '../../../assets/images/main/reviews/4.png'\n\n\nconst reviews = [\n {\n text: 'Добрый день! Обновили диван и решили оставить отзыв. Он смотрится великолепно, цвет - мятный, соответствует фото. Аккуратные швы, красивая форма, выглядит основательно. Как я хотел, жёсткий - спать на нём очень удобно, сидеть - тоже. Остаётся прямая спина. Лёгко разложили. Привезли в упаковке, в указанный срок.',\n user: {\n avatar: reviewAvatar1,\n name: 'Андрей',\n },\n date: '20.01.2023',\n stars: 5,\n },\n {\n text: 'Диван действительно очень хороший. Брали его опираясь только на отзывы, и не прогодали. Жёсткий, цвет насыщенный, в сборке проблем нет.',\n user: {\n avatar: reviewAvatar2,\n name: 'Ирина',\n },\n date: '16.12.2022',\n stars: 5,\n },\n {\n text: 'Мы переехали в дом, который строили 5 лет! И возникла необходимость в покупке нового дивана для гостей, потому что намечалось празднование новоселья. В наш интерьер отлично подошёл диван жёлтого цвета, яркий, стильный, модный! Рекомендую к покупке!',\n user: {\n avatar: reviewAvatar3,\n name: 'Анастасия',\n },\n date: '03.10.2022',\n stars: 5,\n },\n {\n text: 'Прекрасный диван во всех отношениях — цвет, размер, цена. Механизм раскладывания очень удобный, сам диван твёрдый не проседает когда садишься на него, ткань очень качественная и красивая, за такие деньги не диван — а мечта. Спасибо, магазин диванчик!',\n user: {\n avatar: reviewAvatar4,\n name: 'Евгений',\n },\n date: '21.09.2022',\n stars: 5,\n },\n]\n\nfunction Reviews() {\n\n\n\n return (\n\n {item.text}
\n\n
\n \n 
\n
\n \n
\n {item.user.name}
\n\n {Array.from({ length: item.stars }).map(() => (\n \n ))}\n
\n\n {moment(item.date, 'DD.MM.YYYY').format('DD MMMM YYYY')}
\n\n
\n );\n}\n\nexport default Reviews;\n","export default __webpack_public_path__ + \"static/media/1.8a62f580.png\";","export default __webpack_public_path__ + \"static/media/2.93a9280d.png\";","export default __webpack_public_path__ + \"static/media/3.0d8fc082.png\";","export default __webpack_public_path__ + \"static/media/4.955cde97.png\";","import React from 'react'\nimport { Helmet } from 'react-helmet';\nimport { Link } from 'react-router-dom';\nimport Banner from './Banner/Banner';\n\nimport './Main.css';\nimport Products from './Products/Products';\nimport PromotedCards from './PromotedCards/PromotedCards';\nimport Reviews from './Reviews/Reviews';\n\n\n\nfunction Main({\n handleLikeBtn,\n favouritesProducts,\n setCartPopupOpen,\n cart,\n handleToCartBtn,\n handleCallPopupOpen,\n}) {\n\n\n\n return (\n\n Отзывы наших покупателей
\n\n {reviews.map((item, i)=>(\n
\n \n
\n )\n}\n\nfunction ProductPage({\n handleToCartBtn,\n cart,\n handleColorPopupOpen,\n handleLikeBtn,\n favouritesProducts,\n handleCallPopupOpen,\n}) {\n const { url } = useRouteMatch();\n const history = useHistory();\n let { id, color, category, sub_category } = useParams();\n\n const [isPreloaderVisible, setPreloaderVisible] = useState(true)\n const [selectedProduct, setSelectedProduct] = useState(undefined);\n const [selectedByColorProduct, setSelectedByColorProduct] = useState(null);\n\n useEffect(() => {\n if (category && sub_category && id) {\n setPreloaderVisible(true)\n console.log(category, sub_category, id)\n mainApi.getExactItem({\n category_translit_name: category,\n sub_category_translit_name: sub_category,\n _id: id\n })\n .then((res) => {\n console.log(res)\n setSelectedProduct({\n ...res,\n amount: getAmountByCity(res.seller_cities)\n })\n window.dataLayer.push({\n ecommerce: {\n currencyCode: \"RUB\",\n detail: {\n products: [\n {\n id: res?._id,\n name: res?.name,\n category: res ? `${res.category.name}/${res.sub_category.name}` : '',\n price: getPrice(res),\n },\n ],\n },\n }\n })\n })\n .catch((err) => {\n console.log(err)\n })\n .finally(() => {\n setPreloaderVisible(false)\n })\n\n\n }\n }, [category, sub_category, id])\n\n const [selectedPhotoId, setSelectedPhotoId] = useState(1);\n\n function handleNextFotoClick() {\n var items = document.getElementById(\"mini-photos\");\n if (selectedByColorProduct) {\n if (selectedPhotoId + 1 > selectedByColorProduct.photos.slice(0, 5).length) {\n setSelectedPhotoId(1)\n\n items.scrollTo({ left: 0, behavior: 'smooth' });\n }\n else {\n setSelectedPhotoId(selectedPhotoId + 1)\n items.scrollTo({ left: ((items.scrollWidth / selectedByColorProduct.photos.slice(0, 5).length) * selectedPhotoId), behavior: 'smooth' });\n }\n\n\n } else {\n if (selectedPhotoId + 1 > selectedProduct.photos.slice(0, 5).length) {\n setSelectedPhotoId(1)\n\n items.scrollTo({ left: 0, behavior: 'smooth' });\n }\n else {\n setSelectedPhotoId(selectedPhotoId + 1)\n items.scrollTo({ left: ((items.scrollWidth / selectedProduct.photos.slice(0, 5).length) * selectedPhotoId), behavior: 'smooth' });\n }\n }\n\n }\n\n function handlePrevFotoClick() {\n var items = document.getElementById(\"mini-photos\");\n if (selectedPhotoId === 1) {\n\n setSelectedPhotoId(selectedProduct.photos.slice(0, 5).length)\n items.scrollTo({ left: items.scrollWidth, behavior: 'smooth' });\n }\n else {\n setSelectedPhotoId(selectedPhotoId - 1)\n items.scrollTo({ left: ((items.scrollWidth / selectedProduct.photos.slice(0, 5).length) * (selectedPhotoId - 2)), behavior: 'smooth' });\n }\n }\n\n\n\n function handleColorOpen() {\n console.log(color)\n if (!color) {\n handleColorPopupOpen({ product: selectedProduct, active_color: selectedProduct.specifications.colour })\n } else {\n handleColorPopupOpen({ product: selectedProduct, active_color: color })\n }\n\n }\n\n useEffect(() => {\n setSelectedPhotoId(1)\n }, [color])\n\n const price = () => {\n\n const name = localStorage.getItem('city') ? localStorage.getItem('city') : 'Тобольск'\n let cityMap = {\n \"Новый Уренгой\": \"63777e52c505252a8fc59c09\",\n \"Надым\": \"63777e62c505252a8fc59c0a\",\n \"Тобольск\": \"63777e74c505252a8fc59c0b\",\n }\n let id = cityMap[name] ? cityMap[name] : \"63777e74c505252a8fc59c0b\"\n let value = selectedProduct.firstc_data.price[id]\n return Number(value)\n }\n\n const isInFavorite = selectedProduct && favouritesProducts && favouritesProducts.filter((item) => {\n if (item && item._id === selectedProduct._id) return true\n else return false\n }).length > 0\n\n const isInCart = selectedProduct && cart && cart.filter((item) => {\n if (selectedProduct._id === item._id) return true\n else return false\n }).length > 0\n\n function addToCart() {\n handleToCartBtn(selectedProduct)\n if (isInCart) {\n // history.push('/cart')\n\n }\n\n }\n\n const priceValue = selectedProduct ? price() : 0\n\n return (\n \n
\n\n {\n if (selectedByColorProduct) {\n handleLikeBtn(selectedByColorProduct)\n }\n else {\n handleLikeBtn(selectedProduct)\n }\n }}>\n \n
\n\n {isInFavorite ? 'В избранном' : 'В избранное'}
\n\n {price > 0 ?
\n {selectedProduct.variations && selectedProduct.variations.length > 0 ?\n {price.toLocaleString('us')} ₽
: null}\n\n {selectedProduct.amount > 0 ?\n \n :\n \n }\n\n\n
\n : <>}\n\n\n \n
\n \n {selectedByColorProduct ? selectedByColorProduct.specifications.colour : selectedProduct && selectedProduct.specifications.colour}
\nЦвет
\n0 ? '' : 'product-page__amount_zero'}`}>{selectedProduct.amount > 0 ? `На складе ${selectedProduct.amount} шт.` : `Нет в наличии`}
\n\n {selectedProduct ?\n \n Диванчик - {selectedProduct.name} \n \n : null}\n\n {isPreloaderVisible ?\n
\n\n\n );\n}\n\nexport default ProductPage;\n","import React, { useEffect, useRef, useState, } from 'react'\nimport { Link } from 'react-router-dom';\nimport mainApi from '../../../assets/api/MainApi';\nimport { ArrowIcon } from '../../../assets/icons/icons';\nimport { getIconByType } from '../../../assets/utils/utils';\nimport MiniPreloader from '../../MiniPreloader/MiniPreloader';\n\n\n\n\n\n\nimport './CatalogDrop.css';\n\n\nfunction CatalogDrop({ isOpened, setOpened, categories, catalogBtnRef }) {\n const dorpRef = useRef()\n\n\n useEffect(() => {\n const checkIfClickedOutside = e => {\n // If the menu is open and the clicked target is not within the menu,\n // then close the menu\n\n if (isOpened && dorpRef.current && !dorpRef.current.contains(e.target)) {\n setOpened(false)\n }\n }\n\n document.addEventListener(\"mousedown\", checkIfClickedOutside)\n\n return () => {\n // Cleanup the event listener\n document.removeEventListener(\"mousedown\", checkIfClickedOutside)\n }\n }, [isOpened])\n\n useEffect(() => {\n // catalogBtnRef.current.onclick = null;\n if (isOpened) {\n catalogBtnRef.current.onclick = null;\n } else {\n setTimeout(() => {\n catalogBtnRef.current.onclick = () => {\n\n setOpened(true)\n };\n }, 300);\n\n }\n }, [isOpened])\n\n const [selectedCategory, setSelectCategory] = useState(undefined)\n const [isPreloaderVisible, setPreloaderVisible] = useState(false)\n const [subcategories, setSubcategories] = useState(undefined)\n\n function closeDropdown() {\n console.log('sas')\n setOpened(false)\n setTimeout(() => {\n setOpened(false)\n }, 1);\n }\n\n function handleSelectCategory(item) {\n if(selectedCategory === item) return\n console.log(item)\n setSelectCategory(item)\n setPreloaderVisible(true)\n mainApi.getSubcategoriesByCategory({\n category_translit_name: item.translit_name,\n limit: 25,\n })\n .then((res2) => {\n console.log(res2.data)\n setSubcategories(res2.data)\n // setSelectedCategory(res2.category)\n })\n .catch((err) => {\n console.log(err)\n })\n .finally(() => {\n setPreloaderVisible(false)\n })\n }\n\n\n\n\n const filteredCategories = categories ? categories.filter((item) => item.type) : undefined\n\n useEffect(() => {\n if (!categories) return\n const filteredCategories = categories ? categories.filter((item) => item.type) : undefined\n let item = filteredCategories[0]\n setSelectCategory(item)\n setPreloaderVisible(true)\n mainApi.getSubcategoriesByCategory({\n category_translit_name: item.translit_name,\n limit: 25,\n })\n .then((res2) => {\n console.log(res2.data)\n setSubcategories(res2.data)\n // setSelectedCategory(res2.category)\n })\n .catch((err) => {\n console.log(err)\n })\n .finally(() => {\n setPreloaderVisible(false)\n })\n }, [categories])\n\n return (\n <>\n {filteredCategories && filteredCategories.length > 0 ?\n \n
\n :\n <>\n {selectedProduct ?\n \n
\n }\n \n }\n\n \n
\n\n {selectedProduct.name}
\n\n
\n \n
\n\n \n {selectedProduct.photos && selectedProduct.photos.slice(0, 5).map((item, i) => (\n
\n\n { setSelectedPhotoId(i + 1) }}>\n 
\n
\n ))}\n \n\n 
\n
\n \n {selectedProduct.photos.length > 1 ?\n <>\n
\n\n\n \n \n
\n \n \n
\n \n : <>}\n\n \n {selectedProduct.description ?\n <>\n
\n\n Описание
\n{selectedProduct.description}
\n : <>}\n\n\n\n {selectedProduct && selectedProduct.firstc_data.brand_name ?\n
\n\n \n
\n : <>}\n\n Производитель
\n \n{selectedProduct.firstc_data.brand_name}
\n\n
\n\n\n {selectedProduct.features && selectedProduct.features.length > 0 ?\n selectedProduct.features.map((item) => (\n Артикул
\n \n{selectedProduct.firstc_data.barcode}
\n\n
\n ))\n : <>}\n\n \n {parseFeatureKey(item)}\n
\n \n{parseFeatureValue(item)}
\n\n
\n\n\n\n \n
\n : null}\n \n\n\n\n );\n}\n\nexport default CatalogDrop;\n","import React, { useEffect, useRef, useState, } from 'react'\nimport { Link } from 'react-router-dom';\n\nimport mainApi from '../../../assets/api/MainApi';\nimport { ArrowIcon, CatalogIcon, CloseIcon, RoomsIcon } from '../../../assets/icons/icons';\nimport { getIconByType } from '../../../assets/utils/utils';\nimport MiniPreloader from '../../MiniPreloader/MiniPreloader';\n\n\n\n\n\n\n\nimport './MenuPopup.css';\n\n\nfunction MenuPopup({ isOpened, setOpened, categories, rooms }) {\n\n\n const [selectedCategory, setSelectCategory] = useState(undefined)\n const [isPreloaderVisible, setPreloaderVisible] = useState(false)\n const [subcategories, setSubcategories] = useState(undefined)\n\n function close() {\n console.log('sas')\n setOpened(false)\n setTimeout(() => {\n setOpened(false)\n }, 1);\n }\n\n function handleSelectCategory(item) {\n if (item === selectedCategory) {\n setSelectCategory(undefined)\n setSubcategories(undefined)\n return\n }\n console.log(item)\n setSelectCategory(item)\n setPreloaderVisible(true)\n mainApi.getSubcategoriesByCategory({\n category_translit_name: item.translit_name,\n limit: 25,\n })\n .then((res2) => {\n console.log(res2.data)\n setSubcategories(res2.data)\n // setSelectedCategory(res2.category)\n })\n .catch((err) => {\n console.log(err)\n })\n .finally(() => {\n setPreloaderVisible(false)\n })\n }\n\n\n\n const filteredRooms = rooms ? rooms.filter((item) => item.type) : undefined\n\n const filteredCategories = categories ? categories.filter((item) => item.type) : undefined\n\n const [selectedType, setSelectedType] = useState('catalog')\n\n return (\n <>\n {filteredCategories && filteredCategories.length > 0 && filteredRooms && filteredRooms.length > 0 ?\n \n
\n \n\n \n {filteredCategories.map((item, i) => (\n
\n {isPreloaderVisible ?\n {\n handleSelectCategory(item)\n }}>\n
\n ))}\n \n {getIconByType({\n type: item.type,\n mainClassName: 'catalog-drop__card-icon',\n fillClassName: 'catalog-drop__card-icon-fill',\n strokeClassName: 'catalog-drop__card-icon-stroke'\n })}\n
\n {item.name}
\n\n
\n :\n \n {subcategories && subcategories.length > 0 ?\n subcategories.map((item, i) => (\n {item.name}\n ))\n : null}\n
\n }\n\n \n
\n : null}\n \n\n\n\n );\n}\n\nexport default MenuPopup;\n","\nimport React from 'react'\nimport { Link } from 'react-router-dom';\nimport useWindowSize from '../../../assets/hooks/useWindowSize';\nimport { getIconByType } from '../../../assets/utils/utils';\nimport './PopularCategory.css'\n\nconst PopularCategory = ({ topCategories }) => {\n const windowSize = useWindowSize()\n\n const categoriesByWindowSize = topCategories && topCategories.length > 0 ?\n windowSize.width <= 1300 ?\n windowSize.width <= 670 ?\n topCategories\n :\n topCategories.slice(0, 6)\n :\n topCategories\n\n : undefined\n\n return (\n \n \n
\n \n \n \n
\n {selectedType === 'catalog' ?\n \n {filteredCategories.map((item, i) => (\n
\n : null}\n\n {selectedType === 'rooms' ?\n \n
\n ))}\n {\n handleSelectCategory(item)\n }}>\n
\n {selectedCategory && selectedCategory._id === item._id ?\n isPreloaderVisible ?\n \n {getIconByType({\n type: item.type,\n mainClassName: 'menu-popup__card-icon',\n fillClassName: 'menu-popup__card-icon-fill',\n strokeClassName: 'menu-popup__card-icon-stroke'\n })}\n
\n {item.name}
\n\n
\n : subcategories && subcategories.length > 0 ?\n \n {subcategories.map((sub, i) => (\n \n {sub.name}\n {/*
\n : null\n : null}\n \n {filteredRooms.map((item, i) => (\n \n
\n : null}\n \n {getIconByType({\n type: item.type,\n mainClassName: 'menu-popup__card-icon',\n fillClassName: 'menu-popup__card-icon-fill',\n strokeClassName: 'menu-popup__card-icon-stroke'\n })}\n
\n {item.name}
\n\n
\n )\n};\n\nexport default PopularCategory\n","import React, { useEffect, useRef, } from 'react'\nimport { Link } from 'react-router-dom';\nimport { ArrowIcon } from '../../../assets/icons/icons';\nimport { getIconByType } from '../../../assets/utils/utils';\n\n\n\n\n\n\nimport './RoomsDrop.css';\n\n\nfunction RoomsDrop({ isOpened, setOpened, rooms, roomsBtnRef }) {\n const dorpRef = useRef()\n\n\n useEffect(() => {\n const checkIfClickedOutside = e => {\n // If the menu is open and the clicked target is not within the menu,\n // then close the menu\n if (isOpened && dorpRef.current && !dorpRef.current.contains(e.target)) {\n setOpened(false)\n }\n }\n\n document.addEventListener(\"mousedown\", checkIfClickedOutside)\n\n return () => {\n // Cleanup the event listener\n document.removeEventListener(\"mousedown\", checkIfClickedOutside)\n }\n }, [isOpened])\n\n useEffect(() => {\n // catalogBtnRef.current.onclick = null;\n if (isOpened) {\n roomsBtnRef.current.onclick = null;\n } else {\n setTimeout(() => {\n roomsBtnRef.current.onclick = () => {\n\n setOpened(true)\n };\n }, 300);\n\n }\n }, [isOpened])\n\n\n function closeDropdown() {\n console.log('sas')\n setOpened(false)\n setTimeout(() => {\n setOpened(false)\n }, 1);\n }\n\n const filteredRooms = rooms ? rooms.filter((item) => item.type) : undefined\n\n\n\n\n return (\n <>\n {filteredRooms && filteredRooms.length > 0 ?\n \n {categoriesByWindowSize && categoriesByWindowSize.length > 0 ?\n categoriesByWindowSize.map((item, i) => (\n \n
\n\n \n {getIconByType({\n type: item.type,\n mainClassName: 'popular-category__item-icon',\n fillClassName: 'popular-category__item-icon-fill',\n strokeClassName: 'popular-category__item-icon-stroke',\n })}\n
\n {item.name}
\n \n ))\n : null}\n\n
\n : null}\n \n\n );\n}\n\nexport default RoomsDrop;\n","import { useEffect, useRef, useState } from \"react\"\n\nconst useImageLoaded = () => {\n const [loaded, setLoaded] = useState(false)\n const ref = useRef()\n \n const onLoad = () => {\n setLoaded(true)\n }\n\n useEffect(() => {\n if (ref.current && ref.current.complete) {\n onLoad()\n }\n })\n\n return [ref, loaded, onLoad]\n}\n\nexport const ImageOnLoad = ({ src, className, alt, keyValue }) => {\n const [ref, loaded, onLoad] = useImageLoaded()\n\n return (\n <>\n {loaded ?\n \n {filteredRooms.map((item, i) => (\n \n
\n \n {getIconByType({\n type: item.type,\n mainClassName: 'rooms-drop__card-icon',\n fillClassName: 'rooms-drop__card-icon-fill',\n strokeClassName: 'rooms-drop__card-icon-stroke'\n })}\n
\n {item.name}
\n\n 
\n
\n\n }\n\n\n \n\n )\n}","\n\nimport { Link } from 'react-router-dom';\nimport { MAIN_URL } from '../../../../assets/utils/constants';\nimport { ImageOnLoad } from '../../../../assets/utils/ImageOnLoad';\nimport { getPrice } from '../../../../assets/utils/utils';\nimport './SearchCard.css'\n\nconst SearchCard = ({ item, closeDropdown }) => {\n console.log(item)\n const price = getPrice(item)\n return (\n \n \n
\n {item.name}
\n\n{item.category.name} / {item.sub_category.name}
\n{price > 0 ? `${price.toLocaleString('us')}₽` : ''}
\n \n )\n};\n\nexport default SearchCard\n","import React, { useEffect, useRef, } from 'react'\nimport MiniPreloader from '../../MiniPreloader/MiniPreloader';\nimport SearchCard from './SearchCard/SearchCard';\n\n\n\n\n\nimport './SearchDrop.css';\n\n\nfunction SearchDrop({ isSearchPreloaderVisible, isOpened, setOpened, searchItems }) {\n const dorpRef = useRef()\n\n\n useEffect(() => {\n const checkIfClickedOutside = e => {\n // If the menu is open and the clicked target is not within the menu,\n // then close the menu\n if (isOpened && dorpRef.current && !dorpRef.current.contains(e.target)) {\n setOpened(false)\n }\n }\n\n document.addEventListener(\"mousedown\", checkIfClickedOutside)\n\n return () => {\n // Cleanup the event listener\n document.removeEventListener(\"mousedown\", checkIfClickedOutside)\n }\n }, [isOpened])\n\n\n function closeDropdown() {\n console.log('sas')\n setOpened(false)\n setTimeout(() => {\n setOpened(false)\n }, 1);\n }\n\n\n\n\n\n\n return (\n\n {isSearchPreloaderVisible ?\n
\n );\n}\n\nexport default SearchDrop;\n","import React, { useEffect, useRef, useState } from 'react'\nimport { Link } from 'react-router-dom';\nimport mainApi from '../../assets/api/MainApi';\nimport { CartIcon, CatalogIcon, CatalogIconHeader, CloseIcon, FavoriteIcon, GeoIcon, LogoIcon, MenuIcon, RoomsIcon, SearchIcon } from '../../assets/icons/icons';\nimport CatalogDrop from './CatalogDrop/CatalogDrop';\nimport MenuPopup from './MenuPopup/MenuPopup';\n\n\n\n\nimport './NewHeader.css';\nimport PopularCategory from './PopularCategory/PopularCategory';\nimport RoomsDrop from './RoomsDrop/RoomsDrop';\nimport SearchDrop from './SearchDrop/SearchDrop';\nimport { useLocation } from 'react-router-dom/cjs/react-router-dom.min';\nimport { CONTACT_PHONE, FORMATED_PHONE, WORK_TIME } from '../../assets/utils/constants';\n\n\nfunction NewHeader({\n favouritesProducts,\n allCartProductsCount,\n}) {\n\n const location = useLocation()\n\n\n const [searchValue, setSearchValue] = useState('')\n const [isDropDownOpened, setDropDownOpened] = useState(false)\n const [isSearchPreloaderVisible, setSearchPreloaderVisible] = useState(false)\n const [searchItems, setSearchItems] = useState(undefined)\n\n\n function hendleSearchChange(e) {\n let inputValue = e.target.value\n setSearchValue(inputValue)\n if (e.target.value === '') {\n setDropDownOpened(false)\n }\n else {\n setDropDownOpened(true)\n\n setSearchPreloaderVisible(true)\n }\n }\n\n function handleDropDownOpen() {\n if (searchValue !== '') setDropDownOpened(true)\n }\n\n\n\n\n\n\n\n useEffect(() => {\n const delayDebounceFn = setTimeout(() => {\n console.log(searchValue)\n if (!searchValue) return\n mainApi.searchItems({\n text: searchValue.toLowerCase(),\n limit: 5,\n })\n .then((res) => {\n console.log(res.data)\n setSearchItems(res.data)\n })\n .catch((err) => {\n console.log(err)\n })\n .finally(() => {\n setSearchPreloaderVisible(false)\n })\n }, 500)\n\n return () => clearTimeout(delayDebounceFn)\n }, [searchValue])\n\n const [isMenuOpen, setMenuOpen] = useState(false)\n\n\n const [rooms, setRooms] = useState(undefined)\n const [isRoomsOpen, setRoomsOpen] = useState(false)\n\n const [isCatalogOpen, setCatalogOpen] = useState(false)\n const [categories, setCategories] = useState(undefined)\n const [topCategories, setTopCategories] = useState(undefined)\n useEffect(() => {\n mainApi.getRooms({ limit: 25 })\n .then((res) => {\n console.log(res.data)\n setRooms(res.data)\n })\n .catch((err) => {\n console.log(err)\n })\n mainApi.getAllCategories({ limit: 25 })\n .then((res) => {\n console.log(res.data)\n setCategories(res.data)\n })\n .catch((err) => {\n console.log(err)\n })\n\n mainApi.getTopCategories()\n .then((res) => {\n console.log(res.data)\n setTopCategories(res.data)\n })\n .catch((err) => {\n console.log(err)\n })\n }, [])\n\n const [scrollWindowPosition, setScrollWindowPosition] = useState(0);\n const [popupScrollPosition, setPopupScrollPosition] = useState(0);\n\n const handleScroll = () => {\n const position = window.pageYOffset;\n\n setScrollWindowPosition(position);\n };\n\n useEffect(() => {\n window.addEventListener('scroll', handleScroll, { passive: true });\n\n return () => {\n window.removeEventListener('scroll', handleScroll);\n };\n }, []);\n\n\n useEffect(() => {\n if (isMenuOpen) {\n document.body.style.overflow = 'hidden';\n document.body.style.top = `-${scrollWindowPosition}px`;\n setPopupScrollPosition(scrollWindowPosition)\n setTimeout(() => {\n document.body.style.position = 'fixed';\n document.body.style.width = '100%';\n document.body.style.height = '100%';\n }, 10);\n\n console.log(window.pageYOffset)\n\n } else {\n document.body.style.overflow = 'unset';\n document.body.style.position = 'unset';\n document.body.style.width = 'unset';\n document.body.style.height = 'unset';\n document.body.style.top = `unset`;\n console.log(popupScrollPosition)\n window.scrollTo(0, popupScrollPosition)\n setScrollWindowPosition(popupScrollPosition)\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [isMenuOpen]);\n\n const catalogBtnRef = useRef(null)\n const roomsBtnRef = useRef(null)\n return (\n \n
\n :\n \n {searchItems && searchItems.length > 0 ?\n searchItems.map((item, i) => (\n
\n }\n \n
\n }\n Ничего не найдено
\n\n
\n {location.pathname !== '/cart' ?\n \n \n
\n Тобольск
\n \n\n {CONTACT_PHONE}\n
\n \n
\n {WORK_TIME[0]}
\n{WORK_TIME[1]}
\n\n\n
\n \n \n
\n \n \n {favouritesProducts && favouritesProducts.length > 0 ?\n
\n {favouritesProducts.length}
\n : null}\nИзбранное
\n \n \n\n {allCartProductsCount && allCartProductsCount.count && allCartProductsCount.count > 0 ?\n
\n {allCartProductsCount.count}
\n : null}\nКорзина
\n \n\n \n
\n\n \n \n
\n \n \n
\n\n \n
\n \n \n
\n \n \n
\n \n {favouritesProducts && favouritesProducts.length > 0 ?\n
\n {favouritesProducts.length}
\n : null}\nИзбранное
\n \n \n\n {allCartProductsCount && allCartProductsCount.count && allCartProductsCount.count > 0 ?\n
\n {allCartProductsCount.count}
\n : null}\nКорзина
\n \n\n
\n :\n \n {selectedRoom ?\n <>\n
\n }\n \n\n );\n}\n\nexport default Room;\n","import { CONTACT_PHONE, FORMATED_PHONE } from '../../assets/utils/constants';\nimport './CallPopup.css';\nimport React from \"react\";\n\n\n\n\n\n\n\nfunction CallPopup({\n handleClose,\n isOpen,\n}) {\n\n return (\n {selectedRoom.name}
\n\n {subcategories ?\n subcategories.length > 0 ? subcategories.map((item, i) => (\n
\n \n : <>}\n\n\n Пусто
\n : <>}\n\n
\n );\n}\n\nexport default CallPopup;\n","import React, { useEffect, useState } from 'react'\nimport Header from '../Header/Header';\nimport './App.css';\nimport mainApi from '../../assets/api/MainApi';\nimport { Switch, Route, Redirect } from 'react-router-dom';\nimport CityPopup from '../CityPopup/CityPopup';\nimport Footer from '../Footer/Footer';\nimport Category from '../Category/Category';\n// import AdminProducts from '../AdminProducts/AdminProducts';\n\nimport { products, categories, cities } from '../../utils/utils';\nimport FiltersPopup from '../FiltersPopup/FiltersPopup';\nimport CartPopup from '../CartPopup/CartPopup';\nimport CartPage from '../CartPage/CartPage';\nimport SubmitActionPopup from '../SubmitActionPopup/SubmitActionPopup';\nimport Requisites from '../Requisites/Requisites';\nimport Profile from '../Profile/Profile';\nimport Favourites from '../Favourites/Favourites';\nimport Refund from '../Refund/Refund';\nimport Login from '../Login/Login';\nimport Recovery from '../Recovery/Recovery';\nimport Register from '../Register/Register';\nimport ColorPopup from '../ColorPopup/ColorPopup';\n// import Preloader from '../Preloader/Preloader';\nimport MainPreloader from '../MainPreloader/MainPreloader';\nimport Main from '../Main/Main';\nimport { useHistory } from 'react-router-dom/cjs/react-router-dom.min';\nimport SubCategory from '../SubCategory/SubCategory';\nimport ProductPage from '../ProductPage/ProductPage';\nimport NewHeader from '../NewHeader/NewHeader';\nimport Room from '../Room/Room';\nimport CallPopup from '../CallPopup/CallPopup';\nimport { sendMetriс } from '../../assets/utils/utils';\n\n// import useScrollPosition from '../../utils/useScrollPosition';\n\n\n\n\n\nfunction App() {\n // const scrollPosition = useScrollPosition();\n\n const [loggedIn, setLoggedIn] = useState(undefined);\n const [currentUser, setCurrentUser] = useState(undefined);\n\n const [screenWidth, setScreenWidth] = useState(window.innerWidth);\n const [isCityPopupOpen, setCityPopupOpen] = useState(false);\n\n const [isSubmitActionPopupOpen, setSubmitActionPopupOpen] = useState(false);\n const [isCartPopupOpen, setCartPopupOpen] = useState(false);\n const [isColorPopupOpen, setColorPopupOpen] = useState(false);\n\n const [allProducts,] = useState(products);\n const [allCategories,] = useState(categories);\n\n // const [allProducts, setAllProducts] = useState(products);\n // const [allCategories, setAllCategories] = useState(categories);\n\n const [cityValue, setCityValue] = useState('Тобольск');\n useEffect(() => {\n // mainApi.getBarcode(id)\n // mainApi.getCategories()\n // .then((res) => {\n // console.log(res.categories)\n // setAllCategories(res.categories)\n // mainApi.getProducts()\n // .then((response) => {\n // setAllProducts(response.products)\n\n // })\n // .catch((err) => {\n // console.log(err)\n // })\n // })\n // .catch((err) => {\n // console.log(err)\n // })\n\n }, [])\n\n const history = useHistory()\n\n useEffect(() => {\n setLoggedIn(false)\n // mainApi.getUser()\n // .then((res) => {\n // console.log(res)\n\n // setCurrentUser(res)\n // if (!res.phone) {\n // history.push(`/signup`)\n // setLoggedIn(false)\n // } else {\n // setLoggedIn(true)\n // }\n // })\n // .catch((err) => {\n // setLoggedIn(false)\n // })\n\n }, [])\n\n useEffect(() => {\n let city = localStorage.getItem('city')\n if (city) setCityValue(city)\n }, [isCityPopupOpen]);\n\n function handleResize() {\n setScreenWidth(window.innerWidth)\n window.removeEventListener('resize', handleResize);\n }\n useEffect(() => {\n window.addEventListener('resize', handleResize);\n return () => {\n window.removeEventListener('resize', handleResize);\n };\n });\n\n function handleCityPopupOpen() {\n setCityPopupOpen(true)\n }\n function handleCityPopupClose() {\n setCityPopupOpen(false)\n }\n\n // function handleFilterPopupClose() {\n // setFilterPopupOpen(false)\n // }\n\n function handleColorPopupClose() {\n setColorPopupOpen(false)\n }\n\n function handleSubmitActionPopupClose() {\n setSubmitActionPopupOpen(false)\n }\n\n function handleSubmitActionPopupSubmit() {\n let cartPrevArray = JSON.parse(localStorage.getItem(\"cart\"));\n let cartArray = []\n setCart(cartArray)\n localStorage.setItem(\"cart\", JSON.stringify(cartArray));\n setSubmitActionPopupOpen(false)\n window.dataLayer.push({\n ecommerce: {\n currencyCode: \"RUB\",\n remove: {\n products: cartPrevArray.map((product, i) => {\n return {\n id: product?._id,\n name: product?.name,\n category: product ? `${product.category.name}/${product.sub_category.name}` : '',\n price: getPrice(product),\n quantity: product.count,\n }\n }),\n },\n }\n })\n }\n\n\n function handleCartPopupClose() {\n setCartPopupOpen(false)\n }\n\n const [filterProducts, setFilterProducts] = useState([]);\n const [subcategoryPreloaderVisible, setSubcategoryPreloaderVisible] = useState(false);\n function handlePreloaderVisible() {\n setSubcategoryPreloaderVisible(true)\n setTimeout(() => {\n setSubcategoryPreloaderVisible(false)\n // window.scrollTo({ top: 0, behavior: 'smooth' })\n }, 1000);\n }\n\n const [filters, setFilters] = useState({});\n const [filtersUpd, setFiltersUpd] = useState({});\n\n useEffect(() => {\n if (Object.keys(filtersUpd).length !== 0 && filterProducts.length > 0) {\n handlePreloaderVisible()\n }\n\n\n }, [filtersUpd, filterProducts]);\n\n useEffect(() => {\n\n if (filterProducts && filterProducts.length > 0) {\n let filters = {\n inStock: true,\n price: {\n min: '',\n max: '',\n },\n width: {\n min: '',\n max: '',\n },\n height: {\n min: '',\n max: '',\n },\n depth: {\n min: '',\n max: '',\n },\n brands: [],\n }\n filterProducts.forEach((item, i) => {\n if (i === 0) {\n filters.price.max = item.price\n filters.price.min = item.price\n filters.width.max = item.specifications.width\n filters.width.min = item.specifications.width\n filters.height.max = item.specifications.height\n filters.height.min = item.specifications.height\n filters.depth.max = item.specifications.depth\n filters.depth.min = item.specifications.depth\n filters.brands = [item.manufacturer]\n }\n if (filters.brands.filter((brand) => {\n if (brand.toLowerCase() === item.manufacturer.toLowerCase()) return true\n else return false\n }).length === 0) filters.brands = [...filters.brands, item.manufacturer]\n if (item.price > filters.price.max) filters.price.max = Math.floor(item.price)\n if (item.price < filters.price.min) filters.price.min = Math.floor(item.price)\n if (item.discount > 0 && item.price - (item.price / 100 * item.discount) < filters.price.min) filters.price.min = Math.floor(item.price - (item.price / 100 * item.discount))\n if (item.discount > 0 && item.price - (item.price / 100 * item.discount) > filters.price.max) filters.price.max = Math.floor(item.price - (item.price / 100 * item.discount))\n if (item.specifications.width > filters.width.max) filters.width.max = Math.floor(item.specifications.width)\n if (item.specifications.width < filters.width.min) filters.width.min = Math.floor(item.specifications.width)\n if (item.specifications.height > filters.height.max) filters.height.max = Math.floor(item.specifications.height)\n if (item.specifications.height < filters.height.min) filters.height.min = Math.floor(item.specifications.height)\n if (item.specifications.depth > filters.depth.max) filters.depth.max = Math.floor(item.specifications.depth)\n if (item.specifications.depth < filters.depth.min) filters.depth.min = Math.floor(item.specifications.depth)\n })\n setFilters(filters)\n\n } else setFilters({})\n\n }, [filterProducts]);\n\n const [cart, setCart] = useState([]);\n\n useEffect(() => {\n let cartArray = JSON.parse(localStorage.getItem(\"cart\"));\n if (!cartArray || cartArray === []) {\n cartArray = []\n setCart(cartArray)\n localStorage.setItem(\"cart\", JSON.stringify(cartArray));\n } else {\n setCart(cartArray)\n }\n\n }, []);\n\n const [allCartProductsCount, setCartAllProductsCount] = useState({\n count: 0,\n totalPrice: 0\n });\n\n const getPrice = (item) => {\n\n const name = localStorage.getItem('city') ? localStorage.getItem('city') : 'Тобольск'\n let cityMap = {\n \"Новый Уренгой\": \"63777e52c505252a8fc59c09\",\n \"Надым\": \"63777e62c505252a8fc59c0a\",\n \"Тобольск\": \"63777e74c505252a8fc59c0b\",\n }\n let id = cityMap[name] ? cityMap[name] : \"63777e74c505252a8fc59c0b\"\n let value = item.firstc_data.price[id]\n return Number(value)\n }\n\n\n useEffect(() => {\n let counter = {\n count: 0,\n totalPrice: 0\n }\n if (cart) {\n cart.forEach(item => {\n counter.count = counter.count + Number(item.count)\n if (item.discount && item.discount > 0) {\n counter.totalPrice = counter.totalPrice + ((getPrice(item) - (item.price / 100 * item.discount)) * item.count)\n } else {\n counter.totalPrice = Number(counter.totalPrice) + (getPrice(item) * Number(item.count))\n }\n\n\n });\n }\n setCartAllProductsCount(counter)\n\n }, [cart]);\n\n // useEffect(() => {\n // console.log(cart)\n\n // }, [cart]);\n\n function handleToCartBtn(item) {\n\n let cartArray = JSON.parse(localStorage.getItem(\"cart\"));\n const product_from_cart = cartArray.filter((item2, i) => item2._id === item._id)[0]\n console.log(product_from_cart)\n if (product_from_cart) {\n item.count = product_from_cart.count\n } else {\n item.count = 1\n }\n\n if (!cartArray || cartArray === []) {\n sendMetriс('reachGoal', 'ADD_TO_CART_BTN')\n cartArray = [item]\n setCart(cartArray)\n localStorage.setItem(\"cart\", JSON.stringify(cartArray));\n window.dataLayer.push({\n ecommerce: {\n currencyCode: \"RUB\",\n add: {\n products: [\n {\n id: item?._id,\n name: item?.name,\n category: item ? `${item.category.name}/${item.sub_category.name}` : '',\n price: getPrice(item),\n quantity: item.count,\n },\n ],\n },\n }\n })\n }\n else if (cartArray && cartArray.filter((cart_item) => {\n if (cart_item._id === item._id) return true\n else return false\n }).length > 0) {\n cartArray = cartArray.filter((cart_item) => {\n if (cart_item._id === item._id) return false\n else return true\n })\n setCart(cartArray)\n localStorage.setItem(\"cart\", JSON.stringify(cartArray));\n sendMetriс('reachGoal', 'REMOVE_FROM_CART_BTN')\n window.dataLayer.push({\n ecommerce: {\n currencyCode: \"RUB\",\n remove: {\n products: [\n {\n id: item?._id,\n name: item?.name,\n category: item ? `${item.category.name}/${item.sub_category.name}` : '',\n price: getPrice(item),\n quantity: item.count,\n },\n ],\n },\n }\n })\n } else {\n sendMetriс('reachGoal', 'ADD_TO_CART_BTN')\n cartArray = [...cartArray, item]\n setCart(cartArray)\n localStorage.setItem(\"cart\", JSON.stringify(cartArray));\n window.dataLayer.push({\n ecommerce: {\n currencyCode: \"RUB\",\n add: {\n products: [\n {\n id: item?._id,\n name: item?.name,\n category: item ? `${item.category.name}/${item.sub_category.name}` : '',\n price: getPrice(item),\n quantity: item.count,\n },\n ],\n },\n }\n })\n }\n\n }\n\n\n const [favouritesProducts, setFavouritesProducts] = useState([]);\n\n useEffect(() => {\n let liked = JSON.parse(localStorage.getItem(\"favourites\"));\n if (!liked || liked === []) {\n liked = []\n setFavouritesProducts(liked)\n localStorage.setItem(\"favourites\", JSON.stringify(liked));\n } else {\n setFavouritesProducts(liked)\n }\n\n }, []);\n\n function handleLikeBtn(item) {\n\n let liked = JSON.parse(localStorage.getItem(\"favourites\"));\n if (!liked || liked === []) {\n liked = [item]\n sendMetriс('reachGoal', 'ADD_TO_FAVORITES')\n\n // let cartJson = JSON.stringify(cartArray)\n // console.log(cartJson)\n setFavouritesProducts(liked)\n localStorage.setItem(\"favourites\", JSON.stringify(liked));\n }\n else if (liked && liked.filter((liked_item) => {\n if (liked_item._id === item._id) return true\n else return false\n }).length > 0) {\n sendMetriс('reachGoal', 'REMOVE_FROM_FAVORITES')\n\n liked = liked.filter((liked_item) => {\n if (liked_item._id === item._id) return false\n else return true\n })\n setFavouritesProducts(liked)\n localStorage.setItem(\"favourites\", JSON.stringify(liked));\n } else {\n liked = [...liked, item]\n sendMetriс('reachGoal', 'ADD_TO_FAVORITES')\n setFavouritesProducts(liked)\n localStorage.setItem(\"favourites\", JSON.stringify(liked));\n }\n\n }\n\n\n const [selectedColor, setSelectedColor] = useState('');\n const [availibleColors, setAvailibleColors] = useState([]);\n\n function handleColorPopupOpen({ product, active_color }) {\n console.log(product, active_color)\n let colors = [{ name: product.specifications.colour, link: `/categories/${product.category.link}/${product.sub_category.link}/${product.link}` }]\n if (product.variations) {\n product.variations.forEach((item) => {\n colors = [...colors, { name: item.product_id.specifications.colour, link: `/categories/${product.category.link}/${product.sub_category.link}/${product.link}/${item.product_id.specifications.colour}` }]\n })\n }\n console.log(colors)\n\n\n setSelectedColor(active_color)\n setAvailibleColors(colors)\n setColorPopupOpen(true)\n }\n\n const [isCallPopupOpen, setCallPopupOpen] = useState(false)\n\n function handleCallPopupOpen() {\n setCallPopupOpen(true)\n }\n\n // console.log(scrollPosition)\n return (\n // ${isCartPopupOpen ? 'app-stop-scrol' : ''}\n \n
\n \n \n
\n Товар временно недоступен
\nУважаемый клиент, к сожалению, выбранный Вами товар в настоящее время отсутствует на складе. Для получения дополнительной информации о возможности заказа данного товара, пожалуйста, свяжитесь с нашим менеджером по указанному номеру телефона:
\n {CONTACT_PHONE}\n\n\n
\n\n \n
\n Вернуться к покупкам
\n\n\n
\n \n {loggedIn !== undefined ?\n <>\n { setCallPopupOpen(false) }} />\n \n \n \n \n \n \n \n \n \n\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n {loggedIn ?\n \n \n \n {/* \n */}\n \n \n \n :
\n );\n}\n\nexport default App;\n","const reportWebVitals = onPerfEntry => {\n if (onPerfEntry && onPerfEntry instanceof Function) {\n import('web-vitals').then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => {\n getCLS(onPerfEntry);\n getFID(onPerfEntry);\n getFCP(onPerfEntry);\n getLCP(onPerfEntry);\n getTTFB(onPerfEntry);\n });\n }\n};\n\nexport default reportWebVitals;\n","import React from \"react\";\nimport { withRouter } from \"react-router-dom\";\n\nclass ScrollToTop extends React.Component {\n componentDidUpdate(prevProps) {\n if (\n this.props.location.pathname !== prevProps.location.pathname\n ) {\n window.scrollTo(0, 0);\n }\n }\n\n render() {\n return null;\n }\n}\n\n\nexport default withRouter(ScrollToTop);","import React from 'react';\nimport ReactDOM from 'react-dom';\nimport { BrowserRouter } from 'react-router-dom'\n\nimport './index.css';\nimport App from './components/App/App';\nimport reportWebVitals from './reportWebVitals';\nimport ScrollToTop from './ScrollToTop';\n\nReactDOM.render(\n\n