e.stopPropagation()}>\n {/*
\n \n )}\n \n setOpen(false)}>\n
*/}\n \n Dehasoft\n
\n \n \n \n );\n}\n","import React from 'react'\nimport { MobileSearchContainer } from '../../styles/Header'\nimport { faSearch } from '@fortawesome/free-solid-svg-icons';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport { Link } from '@mui/material';\nimport { useHistory } from 'react-router-dom';\n\nexport default function MobileSearchBox({open,setOpen,getResult,result,search,setSearch,blurred}) {\n const history=useHistory()\n const searchRef=React.useRef(null)\n React.useEffect(()=>{\n if(open && searchRef!=null && searchRef.current!=null){\n setTimeout(() => {\n searchRef.current.focus();\n }, 300);\n }\n },[open])\n return (\n \n {\n if (e.keyCode == 13) {\n history.push(\"/search/\" + search);\n setOpen(false);\n } else {\n getResult(search);\n }\n }}\n value={search}\n onChange={(e) => setSearch(e.target.value)}\n placeholder=\"Ürün ara\"\n />\n \n 0 ? \"scale(1)\" : \"scale(0)\",\n height: result.length > 0 ? \"auto\" : \"0\",\n width: result.length > 0 ? \"100%\" : \"0\",\n }}\n >\n
\n \n - \n {result.map((x) => {\n const startIndex = x.title\n .toLowerCase()\n .indexOf(search.toLowerCase());\n if (startIndex !== -1) {\n // Aranan metni bulduysa vurgula\n const before = x.title.substring(0, startIndex);\n const highlighted = x.title.substring(\n startIndex,\n startIndex + search.length\n );\n const after = x.title.substring(startIndex + search.length);\n console.log(\"before\", before);\n console.log(\"highlighted\", highlighted);\n console.log(\"after\", after);\n return (\n
- {\n history.push(\"/urun/\" + x.slug);\n setOpen(false)\n }}>\n
\n \n {before}\n {highlighted}s\n {after}\n \n \n
\n );\n } else {\n // Aranan metni bulamadıysa normal olarak görüntüle\n return (\n - \n
e.stopPropagation()}>\n \n Zaten üye misin ?{\" \"}\n
\n \n setOpen(false)}>\n
\n \n Giriş Yap\n
\n - \n
- \n
\n \n \n - \n
\n \n \n
- \n
- \n \n {language.welcome}{\" \"}\n {localStorage.getItem(\"customer\") == null\n ? \". \"\n : JSON.parse(localStorage.getItem(\"customer\")).title}\n \n \n
\n \n ![]()
false} src={logo} alt=\"Logo-Resim\" />\n {/* ![]()
false} src={logo2} alt=\"Logo-Resim\" /> */}\n \n
\n \n {\n if (e.keyCode == 13) {\n history.push(\"/search/\" + search);\n } else {\n getResult(search);\n }\n }}\n value={search}\n onChange={(e) => setSearch(e.target.value)}\n placeholder={language.productSearch}\n />\n {\n if (search.length > 0) {\n history.push(\"/search/\" + search);\n }\n }}\n >\n {\" \"}\n {language.search}{\" \"}\n \n 0 ? \"scale(1)\" : \"scale(0)\",\n height: result.length > 0 ? \"auto\" : \"0\",\n width: result.length > 0 ? \"100%\" : \"0\",\n }}\n >\n
\n \n - \n {result.map((x) => {\n const startIndex = x.title\n .toLowerCase()\n .indexOf(search.toLowerCase());\n if (startIndex !== -1) {\n // Aranan metni bulduysa vurgula\n const before = x.title.substring(0, startIndex);\n const highlighted = x.title.substring(\n startIndex,\n startIndex + search.length\n );\n const after = x.title.substring(startIndex + search.length);\n console.log(\"before\", before);\n console.log(\"highlighted\", highlighted);\n console.log(\"after\", after);\n return (\n
- \n \n );\n } else {\n // Aranan metni bulamadıysa normal olarak görüntüle\n return (\n
- \n
\n {x.title}\n \n
\n );\n }\n })}\n
\n {\n setSearchOpen(!searchOpen);\n setSearch(\"\");\n setResult([]);\n //history.push(\"/sepetim\");\n //setCartOpen(!cartOpen);\n }}\n >\n \n \n {searchOpen ? \"Kapat\" : \"Ara\"}\n \n
\n \n {login == false ? (\n <>\n \n \n ) : (\n <>\n \n
\n {language.myCart}
\n \n {basket != null && basket != undefined\n ? basket.map((item, index) => {\n return (\n {\n history.push(\"/sepetim\");\n }}\n >\n {\n e.stopPropagation();\n history.push(\"/urun/\" + item.slug);\n }}\n >\n
\n \n {language.lang != \"tr\" &&\n item.title2 != null &&\n item.title2 != \"\"\n ? item.title2\n : item.title}\n
\n \n x{item.quantity}\n
\n \n \n \n removeItem(e, item.productId)\n }\n icon={faTimes}\n />\n
\n \n );\n })\n : \"\"}\n \n \n
\n \n \n
\n \n {language.total} {language.product}{\" \"}\n
\n :
\n \n {basket != null &&\n basket != undefined &&\n basket.reduce((a, b) => a + b.quantity, 0)}{\" \"}\n Adet\n
\n \n \n
\n \n {language.total} {language.amount}{\" \"}\n
{\" \"}\n :
\n \n \n {basket != null &&\n basket != undefined &&\n basket.reduce(\n (a, b) => a + b.salePrice * b.quantity,\n 0\n )}\n \n
\n \n history.push(\"/sepetim\")}\n className=\"btn\"\n >\n {language.goCart}\n
\n \n \n // window.open(\n // \"https://www.google.com/maps/place/venon+Spor/@41.0075099,28.9634691,17z/data=!3m1!4b1!4m6!3m5!1s0x14cab0915de3ee5f:0x86f59b0a78cd1259!8m2!3d41.00751!4d28.9683454!16s%2Fg%2F11c6cww8z4?entry=ttu\"\n // )\n // }\n style={{\n marginTop: 10,\n marginBottom: 10,\n fontSize: 15,\n cursor: \"pointer\",\n }}\n >\n Yassıören Mah. Balkırı Sokak No : 11 , 34283
\n Arnavutköy/İstanbul\n
\n {/* \n 
\n
\n \n
\n window.open(\"tel:+902124759530\")}>\n
\n window.open(\"tel:+9054609000102\")}>\n
\n window.open(\"tel:+905415242402\")}>\n
\n {/* window.open(\"mailto:info@venonb2b.com\")}>\n
*/}\n \n Arnavutköy/İstanbul\n
Tüm hakları sakldırı © 2023
*/}\n \n window.open(\"https://dehasoft.com.tr/\", \"_blank\")}\n />\n
\n \n \n\n
\n )\n}\n","import { faHome, faList, faSearch, faShoppingBag, faShoppingCart, faThLarge, faThList, faUser, faUserPlus } from '@fortawesome/free-solid-svg-icons'\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\nimport React,{useState} from 'react'\nimport { Link } from 'react-router-dom'\nimport {BottomNav} from '../../styles/Header'\nimport { useHistory } from 'react-router-dom'\nimport {useDispatch, useSelector} from 'react-redux'\nimport CategoryPopUp from './PopUp'\nimport { setLoginPopUp ,setRegisterPopUp} from '../stores/Site'\nexport default function Bottom() {\n\n const history=useHistory()\n\n const {basket}=useSelector(state=>state.cart)\n const dispatch=useDispatch()\n const [open,setOpen]=useState(false)\n const changeLoginPopUp = (value) => {\n dispatch(setLoginPopUp());\n }\n const changeRegisterPopUp = (value) => {\n dispatch(setRegisterPopUp());\n }\n return (\n <>\n \n \n
\n - \n {\n categories.map((category,index)=>{\n return
- \n \n {/* Alt kategoriler burada ; */}\n {\n category.sub_categories.length > 0 ?\n
- \n {\n category.sub_categories.map((sub_category,index)=>{\n return
- \n \n \n \n })\n }\n
\n //\n <>\n }\n\n // \n })\n }\n
\n Sepetim{basket != null ? {basket.length} : <>}\n
\n \n\n \n {/*
\n \n \n \n
*/}\n {product.variantCount}
\n \n {\n e.stopPropagation();\n history.push(`/marka/${product.groupSlug}`);\n }}\n >\n {product.subGroup}\n {product.subSubGroup != \"\" ? (\n <>\n {\" - \"}\n {product.subSubGroup}\n \n ) : (\n \"\"\n )}\n \n {\n e.stopPropagation();\n history.push(`/urun/${product.slug}`);\n }}\n >\n {language.stockcode} : {product.id}\n \n
\n\n \n {language.lang != \"tr\" && product.title2 != null && product.title2 != \"\"\n ? product.title2\n : product.title}\n
\n\n {localStorage.getItem(\"venontoken\") != null ? (\n \n
\n ) : (\n \n \n
\n \n \n {product.salePrice}\n \n
\n \n \n {language.plusVat}\n
\n \n {basket != null &&\n basket.length > 0 &&\n basket.filter((x) => x.productId == product.id).length > 0 ? (\n {\n e.stopPropagation();\n if (loading) {\n return;\n }\n addToBasket(product, e);\n }}\n >\n
\n \n {\n e.stopPropagation();\n if (loading) {\n return;\n }\n if (\n basket.filter((x) => x.productId == product.id)[0]\n .quantity == 1\n ) {\n removeItem(product);\n } else {\n decrease(product);\n }\n }}\n >\n x.productId == product.id)[0]\n .quantity == 1\n ? faTrash\n : faMinus\n }\n />\n \n {\n e.stopPropagation();\n }}\n onChange={(e) => {\n handleChange(e);\n }}\n type=\"text\"\n value={\n updatedable\n ? count\n : basket.filter((x) => x.productId == product.id)[0]\n .quantity\n }\n />\n Adet\n x.productId == product.id)[0]\n .quantity ==\n product.availableStock / product.unit2coefficient\n ? true\n : false\n }\n onClick={(e) => {\n e.stopPropagation();\n if (loading) {\n return;\n }\n addToBasket(product, e);\n }}\n >\n
\n ) : (\n \n Fiyatları görmek için giriş yapın\n
\n )}\n \n );\n}\n","import axios from 'axios'\n\nexport const useAuthRequests = () => {\n\n const loginRequest = async (email,password) => {\n return axios({\n method: 'post',\n url: `${process.env.REACT_APP_API+process.env.REACT_APP_LOGIN}`,\n data: {\n username: email,\n password: password\n },\n headers: {\n 'Content-Type': 'application/json',\n 'Access-Control-Allow-Origin': '*',\n 'Access-Control-Allow-Methods': 'GET,PUT,POST,DELETE,PATCH,OPTIONS',\n 'Target-URL' : `${process.env.REACT_APP_API+process.env.REACT_APP_LOGIN}`\n }\n })\n }\n const setCurrency = async (currency) => {\n return axios({\n method: 'post',\n url: `${process.env.REACT_APP_API+process.env.REACT_APP_SET_CURRENCY}?currencyUnit=${currency}`,\n headers: {\n 'Content-Type': 'application/json',\n 'Authorization': `${localStorage.getItem('venontoken')}`,\n 'Access-Control-Allow-Origin': '*',\n 'Access-Control-Allow-Methods': 'GET,PUT,POST,DELETE,PATCH,OPTIONS',\n 'Target-URL' : `${process.env.REACT_APP_API+process.env.REACT_APP_SET_CURRENCY}`\n }\n })\n }\n const getCustomer=async (token)=>{\n return axios({\n method: 'GET',\n url: `${process.env.REACT_APP_API+process.env.REACT_APP_CUSTOMER}`,\n headers: {\n 'Content-Type': 'application/json',\n 'Access-Control-Allow-Origin': '*',\n 'Access-Control-Allow-Methods': 'GET,PUT,POST,DELETE,PATCH,OPTIONS',\n 'Target-URL' : `${process.env.REACT_APP_API+process.env.REACT_APP_REGISTER}`,\n 'Authorization': `${token}`\n }\n })\n }\n const registerRequest = async (email,name,surname,company,phoneNumber,phoneNumber2,address,guarantorName,guarantorPhoneNumber) => {\n return axios({\n method: \"post\",\n url: `${process.env.REACT_APP_API + process.env.REACT_APP_REGISTER}`,\n data: {\n name: name,\n surname: surname,\n email: email,\n companyTitle: company,\n phoneNumber: phoneNumber,\n // phoneNumber2:phoneNumber2,\n address: address,\n guarantorName: guarantorName,\n guarantorPhoneNumber: guarantorPhoneNumber,\n },\n headers: {\n \"Content-Type\": \"application/json\",\n \"Access-Control-Allow-Origin\": \"*\",\n \"Access-Control-Allow-Methods\": \"GET,PUT,POST,DELETE,PATCH,OPTIONS\",\n \"Target-URL\": `${\n process.env.REACT_APP_API + process.env.REACT_APP_REGISTER\n }`,\n },\n });\n }\n \n return {loginRequest,registerRequest,getCustomer,setCurrency}\n}","export default __webpack_public_path__ + \"static/media/mainlogo.3574aa43.png\";","import styled from \"styled-components\";\n\nconst PrintContainer = styled.div`\n .makbuz {\n width: 100%;\n margin: 20px auto;\n background-color: #fff;\n padding: 20px;\n border: 1px solid #ccc;\n box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);\n text-align: center;\n max-height: 100vh;\n }\n\n .makbuz h1 {\n font-size: 24px;\n margin-bottom: 20px;\n }\n\n .bilgiler p {\n font-size: 16px;\n margin: 10px 0;\n }\n\n .bilgiler strong {\n font-weight: bold;\n }\n\n .head {\n display: flex;\n justify-content: space-between;\n .leftHead {\n width: 20%;\n div {\n width: 100%;\n display: flex;\n justify-content: space-between;\n margin-bottom: 10px;\n span {\n min-width: 40%;\n }\n }\n }\n }\n color: #000 !important;\n width: 100%;\n h1 {\n text-align: center;\n }\n ul {\n margin-block-start: 0px;\n margin-inline-start: 0px;\n padding-inline-start: 0px;\n width: 100%;\n\n li {\n \n display: flex;\n\n div {\n padding-left: 10px;\n border: 1px solid #000;\n width: 100%;\n min-width: 10%;\n img {\n max-width: 40px;\n }\n }\n div:first-child {\n padding-left: 0px;\n }\n }\n }\n`;\n\n\nexport {PrintContainer}","import React from 'react'\nimport {TitleContainer} from '../../styles/Content'\nexport default function Title(props) {\n\n return (\n e.stopPropagation()}>\n
\n \n setPopupOpen(false)}>\n x\n
\n e.stopPropagation()} className=\"list\">\n {popupOpen != null && popupOpen && (\n e.stopPropagation()}\n slug={product.code}\n />\n )}\n
\n \n false}\n onClick={() => {\n history.push(\"/urun/\" + product.slug);\n }}\n src={\n product.image == null\n ? \"https://propertywiselaunceston.com.au/wp-content/themes/property-wise/images/no-image@2x.png\"\n : product.image\n }\n alt={product.title}\n />\n
\n {product.variantCount > 0 ? (\n \n \n \n
\n {product.variantCount}
\n \n ) : (\n <>\n )}\n {product.title}
\n\n {\" \"}\n {product.stockText.toUpperCase()}{\" \"}\n
\n {basket != null &&\n basket.find((sub) => sub.productId == product.id) != undefined ? (\n \n \n \n {basket.find((sub) => sub.productId == product.id).quantity}\n \n
\n \n ) : (\n <>\n )}\n {localStorage.getItem(\"venontoken\") != null ? (\n \n {product.listPrice != product.salePrice ? (\n
\n ) : (\n \n {/*
*/}\n
\n ) : (\n <>\n )}\n\n 0
*/}\n \n {\" \"}\n {product.listPrice} {\" \"}\n
\n \n {/*
*/}\n
\n 0
*/}\n \n {\" \"}\n {product.salePrice} \n
\n \n {\n e.stopPropagation();\n addToBasket(product, e);\n }}\n >\n
\n - \n {categories.map((category) => {\n return (\n //
\n {variant == false &&
\n \n \n setSort({\n sort: \"TOPSALES\",\n sortedBy:\n sort.sort == \"TOPSALES\"\n ? sort.sortedBy == \"DESC\"\n ? \"ASC\"\n : \"DESC\"\n : \"DESC\",\n })\n }\n >\n \n En Çok Satan\n {sort.sort == \"TOPSALES\"\n ? sort.sortedBy == \"DESC\"\n ? \"(Azalan)\"\n : \"(Artan)\"\n : \"\"}\n \n {sort != null && sort.sort == \"TOPSALES\" ? (\n \n
\n \n {variant == false ? (\n <>\n \n setSort({\n sort: \"STOCK\",\n sortedBy:\n sort.sort == \"STOCK\"\n ? sort.sortedBy == \"DESC\"\n ? \"ASC\"\n : \"DESC\"\n : \"DESC\",\n })\n }\n >\n \n Mevcuta Göre\n {sort.sort == \"STOCK\"\n ? sort.sortedBy == \"DESC\"\n ? \"(Azalan)\"\n : \"(Artan)\"\n : \"\"}\n \n {sort != null && sort.sort == \"STOCK\" ? (\n \n
\n\n \n \n setSort({\n sort: \"PRICE\",\n sortedBy:\n sort.sort == \"PRICE\"\n ? sort.sortedBy == \"DESC\"\n ? \"ASC\"\n : \"DESC\"\n : \"DESC\",\n })\n }\n >\n \n Fiyata Göre\n {sort.sort == \"PRICE\"\n ? sort.sortedBy == \"DESC\"\n ? \"(Azalan)\"\n : \"(Artan)\"\n : \"\"}\n \n {sort != null && sort.sort == \"PRICE\" ? (\n \n
\n \n \n setSort({\n sort: \"DATE\",\n sortedBy:\n sort.sort == \"DATE\"\n ? sort.sortedBy == \"DESC\"\n ? \"ASC\"\n : \"DESC\"\n : \"DESC\",\n })\n }\n >\n \n {sort.sort == \"DATE\"\n ? sort.sortedBy == \"DESC\"\n ? \"Yeni\"\n : \"Eski\"\n : \"Yeni\"}{\" \"}\n Ürünler\n \n {sort != null && sort.sort == \"DATE\" ? (\n \n
\n\n \n
\n \n {allData != null &&\n allData.currentPage != null &&\n allData.count != null ? (\n
\n \n \n \n ) : (\n <>\n )}\n\n \n {/* {allData.count * allData.currentPage} /{\" \"} */}\n {allData.totalCount} Ürün\n
\n ) : (\n <>\n )}\n setSelected(category.subSubGroups.map((sub) => sub.slug))} className=\"category-sub-item\" style={{ display: open ? \"flex\" : \"none\" }}> \n \n
*/}\n Tümünü Seç
\n \n {category.subSubGroups\n .filter((x) => selected.includes(x.slug))\n .map((sub) => {\n return (\n
\n \n );\n}\n","import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\nimport React from 'react'\nimport { faCheck } from '@fortawesome/free-solid-svg-icons';\n\nexport default function SubItem({category,parent,open,selected,setSelected,dispatch}) {\n \n return (\n \n \n {category.name}\n \n \n \n \n
\n \n );\n}\n","import React, { useState } from \"react\";\nimport SubItem from \"./SubItem\";\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\nimport {\n faMinus,\n faPlus,\n faCheck,\n faAngleDown,\n faAngleUp,\n} from \"@fortawesome/free-solid-svg-icons\";\nexport default function ColorItem({ color, slug, selectedColors, setSelectedColors ,dispatch}) {\n return (\n <>\n \n {color.color}\n ({color.count})\n
\n \n \n );\n}\n","import React, { useState } from \"react\";\nimport SubItem from \"./SubItem\";\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\nimport {\n faMinus,\n faPlus,\n faCheck,\n faAngleDown,\n faAngleUp,\n} from \"@fortawesome/free-solid-svg-icons\";\nexport default function BrandItem({ brand, slug, selectedBrands, setSelectedBrands ,dispatch}) {\n return (\n <>\n \n {brand.name}\n ({brand.productCount})\n
\n \n \n );\n}\n","import styled from \"styled-components\";\nimport { rgb, rgba } from 'polished';\n\nconst CartContainer = styled.div`\n display: flex;\n position: relative;\n margin-top: 40px;\n margin-bottom: 40px;\n .title-control {\n min-width: 500px !important;\n display: flex;\n justify-content: space-around;\n align-items: center;\n button,\n .removeAll {\n }\n }\n @media only screen and (max-width: 1140px) {\n .title-control {\n min-width: unset !important;\n button,\n .removeAll {\n margin: 0;\n padding: 0;\n max-width: 50% !important;\n min-width: 50% !important;\n width: 50%;\n font-size: 14px;\n svg {\n font-size: 16px;\n }\n }\n button {\n }\n }\n }\n .payment-card {\n color: #000;\n min-height: 110vh;\n iframe {\n min-height: 110vh;\n width: 100%;\n height: 100%;\n }\n @media only screen and (max-width: 1140px) {\n iframe {\n min-height: 300vh;\n }\n }\n .paymentError {\n padding: 20px;\n font-weight: bold;\n font-size: 22px;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n min-height: 240px;\n box-shadow: 0px 0px 10px #e53935;\n background: #ffcdd2;\n button {\n margin-top: 30px;\n border: none;\n outline: none;\n background: ${({ theme }) => theme.altHeader};\n color: #fff;\n padding: 10px 5%;\n font-weight: bold;\n transition: all 1s;\n &:hover {\n transform: scale(1.1) rotate(1deg);\n background: #e57373;\n }\n }\n }\n }\n .bank-cards {\n color: #000;\n .payment-input-box {\n display: flex;\n flex-direction: column;\n justify-content: center;\n margin-top: 20px;\n label {\n font-weight: bold;\n margin-bottom: 10px;\n }\n textarea {\n padding: 10px;\n border-radius: 5px;\n outline: none;\n resize: none;\n }\n }\n .bank-card {\n padding: 10px;\n border-radius: 5px;\n background: #ddffe5;\n margin-top: 20px;\n &:hover {\n background: #a8f0b8;\n color: #555;\n cursor: pointer;\n }\n h1 {\n font-size: 22px;\n font-weight: bold;\n }\n h2 {\n font-size: 16px;\n }\n div {\n display: flex;\n margin-top: 15px;\n justify-content: space-between;\n align-items: center;\n }\n }\n }\n .payment-tabs {\n width: 100%;\n display: flex;\n .payment-tab {\n color: #000;\n padding: 7px 30px;\n margin: 3px;\n font-weight: bold;\n cursor: pointer;\n }\n .payment-tab.active {\n background: ${({ theme }) => theme.altHeader};\n color: #000;\n }\n }\n .list {\n width: 75%;\n display: flex;\n justify-content: center;\n position: relative;\n align-items: center;\n\n ul {\n display: block;\n box-shadow: 0px 0px 16px 0px #ddd;\n width: 90%;\n padding: 25px;\n border-radius: 15px;\n position: relative;\n .title {\n .payment {\n display: flex;\n align-items: center;\n background: transparent;\n justify-content: space-between;\n border: none;\n outline: none;\n height: 40px;\n padding: 0px 10px;\n border-radius: 5px;\n transition: 500ms background;\n &:hover {\n color: #fff;\n background: green;\n }\n }\n background-color: ${({ theme }) => theme.primary};\n h1 {\n color: #333;\n font-size: 24px;\n font-weight: bold;\n }\n .removeAll {\n right: 0;\n top: 0;\n flex-direction: row;\n justify-content: flex-end;\n align-items: center;\n background-color: ${({ theme }) => theme.primary};\n cursor: pointer;\n\n span {\n background-14lor svg {\n font-size: 16px;\n }\n :rgba(242, 242, 242, 0.4) ;\n transition: 200ms all;\n padding: 5px 10px;\n font-size: 22px;\n display: flex;\n justify-content: center;\n align-items: center;\n width: 150px;\n height: 40px;\n border-radius: 5px;\n span {\n font-size: 15px;\n }\n &:hover {\n color: #fff;\n background-color: red;\n }\n }\n font-size: 15px;\n }\n }\n .empty-cart {\n h1 {\n font-size: 27px;\n text-align: center;\n padding-top: 60px;\n font-weight: bold;\n color: #333;\n width: 100%;\n }\n display: flex;\n justify-content: center;\n\n button {\n padding: 10px;\n margin-top: 5px;\n border-radius: 10px;\n font-size: 16px;\n font-weight: bold;\n transition: 600ms all;\n background-color: ${({ theme }) => rgba(theme.mainThemeColor, 0.5)};\n &:hover {\n background-color: ${({ theme }) => rgba(theme.mainThemeColor, 0.7)};\n }\n color: #fff;\n border: 0;\n outline: 0;\n cursor: pointer;\n }\n }\n overflow-x: auto;\n height: auto;\n @media only screen and (max-width: 1140px) {\n width: 100%;\n .title {\n width: 100%;\n }\n }\n li {\n display: flex;\n\n justify-content: space-between;\n .item-quantity {\n display: flex;\n flex-direction: column;\n justify-content: flex-end;\n align-items: center;\n width: 100px;\n font-size: 20px;\n div {\n margin-bottom: 10px;\n width: 100px;\n span {\n font-weight: bold;\n }\n display: flex;\n align-items: center;\n justify-content: space-between;\n }\n }\n position: relative;\n align-items: center;\n &:not(:last-child) {\n padding-bottom: 15px;\n margin-bottom: 15px;\n\n // border-bottom: 1px solid #eee;\n &:not(:first-child) {\n box-shadow: 0px 0px 5px 0px #ddd;\n }\n }\n @media only screen and (max-width: 1140px) {\n div {\n display: flex;\n justify-content: center;\n align-items: center;\n width: 100%;\n margin: auto;\n margin-top: 15px;\n img {\n width: 40px !important;\n height: 40px !important;\n margin-bottom: 40px;\n }\n }\n }\n .buttons {\n @media only screen and (max-width: 1140px) {\n width: 50%;\n }\n border-radius: 100%;\n font-size: 10px;\n margin-bottom: 15px;\n margin-top: 15px;\n }\n .delete {\n background-color: rgba(255, 0, 0, 0.5);\n &:hover {\n background-color: rgba(255, 0, 0, 0.7);\n }\n }\n .removeItem {\n position: absolute;\n bottom: 0px;\n right: -25px;\n height: 0px;\n width: 0px;\n border-bottom-left-radius: 0%;\n display: flex;\n justify-content: center;\n align-items: center;\n cursor: pointer;\n color: #fff;\n font-size: 0px;\n background-color: rgba(255, 0, 0, 0.5);\n transition: 600ms all;\n }\n &:hover {\n .removeItem {\n font-size: 20px;\n height: 55px;\n width: 55px;\n border-top-left-radius: 100%;\n }\n }\n h3 {\n font-size: 17px;\n font-weight: bold;\n color: red;\n }\n .item-name {\n min-width: 50%;\n max-width: 50%;\n display: flex;\n flex-direction: column;\n position: relative;\n span {\n position: absolute;\n top: 160%;\n left: 0;\n }\n h1 {\n font-size: 17px;\n font-weight: bold;\n color: #000;\n }\n h2 {\n font-size: 24px;\n font-weight: bold;\n color: red;\n width: 100%;\n display: flex;\n text-align: left;\n }\n\n @media only screen and (max-width: 1140px) {\n }\n }\n div:last-child {\n min-width: 130px;\n max-width: 130px;\n display: flex;\n @media only screen and (max-width: 1140px) {\n min-width: 100%;\n max-width: 100%;\n .buttons {\n height: auto !important;\n }\n input {\n width: 70% !important;\n margin: 0 !important;\n }\n }\n justify-content: space-around;\n align-items: center;\n input {\n width: 55%;\n border: 0;\n outline: 0;\n margin: 0px 10px;\n padding: 10px;\n background-color: #eee;\n border-radius: 10%;\n font-size: 14px;\n font-weight: bold;\n }\n .buttons {\n width: 40px;\n height: 40px;\n }\n }\n div:first-child {\n img {\n border: 1px solid #333;\n width: 160px;\n border-radius: 5%;\n }\n }\n }\n @media only screen and (max-width: 1140px) {\n div {\n width: 100%;\n }\n }\n }\n }\n\n .finally {\n img {\n margin-bottom: 40px;\n }\n width: 20%;\n display: flex;\n align-items: center;\n flex-direction: column;\n .prod-list {\n padding: 25px;\n margin-bottom: 20px;\n color: #000;\n border-radius: 15px;\n display: flex;\n justify-content: space-between;\n align-items: center;\n flex-wrap: wrap;\n background-color: ${({ theme }) => rgba(theme.altHeader, 0.021)};\n border: 1px solid #1111;\n box-shadow: 8px 8px 0px 0px #1111;\n flex-direction: column;\n width: 100%;\n .prod-item:not(:last-child) {\n border-bottom: 1px solid ${({ theme }) => theme.altHeader};\n }\n .prod-item {\n width: 100%;\n padding: 5px 0px;\n display: flex;\n justify-content: space-between;\n align-items: center;\n .name {\n max-width: 45%;\n min-width: 45%;\n width: 45%;\n }\n .price {\n max-width: 45%;\n min-width: 45%;\n width: 45%;\n }\n .qty {\n max-width: 10%;\n min-width: 10%;\n width: 10%;\n }\n }\n }\n .payment.send {\n background: #78e08f;\n color: #000;\n &:hover {\n background: #41c75f;\n }\n }\n .calculate {\n padding: 25px;\n border-radius: 15px;\n display: flex;\n justify-content: space-between;\n align-items: center;\n flex-wrap: wrap;\n background-color: ${({ theme }) => theme.altHeader};\n box-shadow: 8px 8px 0px 0px #000;\n flex-direction: column;\n width: 100%;\n\n .head {\n font-size: 20px;\n font-weight: bold;\n font-family: \"Overpass\", sans-serif !important;\n margin-bottom: 15px;\n }\n .total {\n font-size: 20px;\n font-weight: bold;\n margin-bottom: 15px;\n color: #000;\n font-family: \"Roboto\", sans-serif !important;\n }\n button {\n width: 100%;\n padding: 10px;\n border-radius: 10px;\n font-size: 16px;\n font-weight: bold;\n transition: 600ms all;\n background-color: ${({ theme }) => rgba(theme.mainThemeColor, 1)};\n color: #000;\n &:hover {\n color: #333;\n background-color: ${({ theme }) => rgba(theme.mainThemeColor, 0.4)};\n }\n border: 0;\n outline: 0;\n cursor: pointer;\n &.confirm {\n background: #ff7f13;\n &:hover {\n color: #fff;\n background-color: #ff9f43;\n }\n }\n }\n }\n }\n .list {\n .button-list-web {\n width: 100%;\n border: 1px solid #ddd;\n display: flex;\n\n .btn-web {\n width: 100%;\n }\n border-radius: 10px;\n input,\n div {\n display: flex;\n align-items: center;\n justify-content: center;\n\n widh: 30px;\n min-width: 30px !important;\n cursor: pointer;\n max-width: 30px !important;\n color: #ff7f13;\n }\n input {\n background-color: #fff !important;\n color: #000;\n text-align: center;\n width: 40px !important;\n min-width: 40px !important;\n max-width: 40px !important;\n }\n }\n }\n .list-mobile {\n display: none;\n width: 100%;\n flex-direction: row;\n\n ul {\n margin-inline-start: 0;\n padding-inline-start: 0;\n list-style: none;\n padding: 10px;\n width: 100%;\n padding-bottom: 40px;\n .empty-cart {\n text-align: center;\n .payment {\n width: 100%;\n display: flex;\n justify-content: center;\n align-items: center;\n border: none;\n outline: none;\n height: 40px;\n padding: 0px 10px;\n position: relative;\n svg {\n position: absolute;\n right: 10px;\n color: #ff9f43;\n }\n box-shadow: 0 0 5px #ddd;\n margin-top: 20px;\n }\n }\n li {\n &.title {\n width: 100%;\n display: flex;\n flex-direction: row !important;\n justify-content: space-between;\n position: sticky;\n top: 0;\n .title-btn {\n color: #ff9f43;\n }\n }\n display: flex;\n box-shadow: 0 0 5px #ddd;\n background-color: #fff;\n margin-bottom: 20px;\n padding: 10px;\n flex-direction: column;\n .item {\n display: flex;\n width: 100%;\n justify-content: space-between;\n .img {\n width: 25%;\n img {\n border-radius: 10px;\n border: 1px solid #eee;\n width: 100%;\n }\n }\n .name {\n padding: 10px;\n width: 70%;\n font-size: 12px;\n .available,\n .desc {\n margin-top: 5px;\n font-size: 10px;\n color: #333;\n }\n }\n }\n\n .price-box {\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-top: 12px;\n .button-list {\n .btn {\n width: 35%;\n\n display: flex;\n align-items: center;\n width: 120px;\n .increment,\n .decrement,\n input {\n width: 40px;\n height: 30px;\n display: flex;\n text-align: center;\n align-items: center;\n justify-content: center;\n border: none;\n outline: none;\n color: #ff9f43;\n }\n input {\n color: #000;\n }\n\n border: 1px solid #eee;\n border-radius: 15px;\n .decrement {\n }\n display: flex;\n }\n }\n .price {\n text-align: right;\n width: 50%;\n }\n }\n }\n }\n }\n .finally-mobile {\n position: fixed;\n z-index: 100;\n bottom: 50px;\n width: 100%;\n background-color: #fff;\n box-shadow: 0 0 5px #ddd;\n .calculate {\n display: flex;\n align-items: center;\n\n width: 100%;\n .head {\n font-size: 22px;\n flex-direction: column;\n display: flex;\n width: 50%;\n text-align: center;\n }\n .total {\n display: flex;\n align-items: center;\n\n justify-content: center;\n width: 50%;\n }\n button {\n width: 50%;\n border: 0;\n outline: 0;\n height: 40px;\n background-color: #ff7f13;\n color: #fff;\n border-radius: 5px;\n margin: 5px 5px;\n font-weight: bold;\n cursor: pointer;\n &:hover {\n background-color: #ff7f13;\n }\n }\n }\n }\n .finally-mobile {\n display: none;\n }\n @media only screen and (max-width: 1140px) {\n .finally {\n }\n .list {\n }\n .list-mobile {\n display: flex;\n }\n .finally-mobile {\n display: flex;\n }\n flex-direction: column;\n justify-content: center;\n align-items: center;\n .finally {\n width: 100%;\n }\n .calculate {\n width: 80%;\n }\n .list {\n width: 100%;\n }\n }\n`;\n\nexport {CartContainer}","let LightTheme = {\n background: \"#fff\",\n color: \"#000\",\n opacityColor: \"#333\",\n header: \"#f2f2f2\",\n altHeader: \"#eee\",\n altHeaderBorder: \"#000\",\n notifyCircleBackground: \"#341f21\",\n notifyCircle: \"#000\",\n elementBackground: \"#eee\",\n element: \"#000\",\n elementShadow: \"#bdbdbd\",\n footerBackground: \"#111\",\n rgbaOpacity: \"1\",\n productsContainerBackground: \"#fff\",\n mainThemeColor: \"#fff\",\n mainThemeDarkColor: \"#000\",\n mainThemeBackground: \"#eee\",\n mainThemeOpacityBackgroundHover: \"#4f87ac\",\n dropDownBackground: \"#fff\",\n dropDownHoverBackground: \"#eee\",\n success: \"#badc58\",\n successText: \"#fff\",\n error: \"#ff7979\",\n errorText: \"#fff\",\n warning: \"#5758BB\",\n warningText: \"#fff\",\n info: \"#8c8c8c\",\n infoText: \"#fff\",\n adminHeaderMenuItem: \"rgba(255,255,255,.1)\",\n adminHeaderMenuItemActive: \"rgba(255,255,255,7)\",\n mainThemeBackgroundOpacity: \"rgb(255,47,22,.77345)\",\n};\n\nlet DarkTheme = {\n background: \"#000\",\n color: \"#fff\",\n opacityColor: \"#bbb\",\n header: \"#424242\",\n altHeader: \"#333\",\n altHeaderBorder: \"#555\",\n notifyCircleBackground: \"#666\",\n notifyCircle: \"#fff\",\n elementBackground: \"#000\",\n element: \"#fff\",\n elementShadow: \"#fff\",\n footerBackground: \"#333\",\n rgbaOpacity: \".6\",\n productsContainerBackground: \"#333\",\n mainThemeColor: \"#ffbc00\",\n mainThemeDarkColor: \"#1c6aa7\",\n mainThemeBackground: \"rgba(255,217,110,.7)\",\n mainThemeOpacityBackgroundHover: \"rgba(255,217,110,.2)\",\n dropDownBackground: \"#111\",\n dropDownHoverBackground: \"#222\",\n error: \"#f44336\",\n errorText: \"#fff\",\n success: \"#4caf50\",\n successText: \"#fff\",\n warning: \"#ff9800\",\n warningText: \"#fff\",\n info: \"#8c8c8c\",\n infoText: \"#fff\",\n adminHeaderMenuItem: \"rgba(255,255,255,.1)\",\n adminHeaderMenuItemActive: \"rgba(255,255,255,7)\",\n mainThemeBackgroundOpacity: \"rgb(255,47,22)\",\n};\n\nexport { DarkTheme, LightTheme };\n","import styled from \"styled-components\";\n\nconst SlideProductItem = styled.div`\n margin: 10px;\n border-radius: 10px;\n color: #000;\n min-height: 400px;\n // border: 2px solid #3333;\n background-color: #fff;\n @media only screen and (max-width: 1140px) {\n height: 40px;\n }\n .popup {\n position: fixed;\n top: 0;\n left: 0;\n width: 100vw;\n height: 100vh;\n max-height: 100vh;\n max-width: 100vw;\n\n padding: 0;\n margin: 0;\n transition: 300ms all;\n z-index: 10000;\n display: flex;\n justify-content: center;\n align-items: center;\n\n background-color: rgba(0, 0, 0, 0.5);\n .box {\n border-radius: 10px;\n box-shadow: 0px 0px 15px #000;\n background: #fff;\n max-width: 90%;\n min-width: 80vw;\n max-width: 95vw;\n\n position: relative;\n .list {\n max-width: 100%;\n min-width: 80vw;\n overflow-x: auto;\n // padding-top: 250px;\n margin-top: 60px;\n display: flex;\n justify-content: center;\n align-items: center;\n width: 100%;\n z-index: -1;\n }\n .close {\n position: absolute;\n top: -13px;\n right: -13px;\n color: #333;\n font-size: 28px;\n z-index: 99999;\n padding: 5px 20px;\n border-radius: 0px 10px 0px 10px;\n }\n }\n }\n min-width: 240px;\n max-width: 240px;\n overflow: hidden;\n cursor: pointer;\n // box-shadow: 0px 2px 4px #cccccc;\n\n @media only screen and (max-width: 1140px) {\n width: 100%;\n min-height: 450px;\n max-height: 450px;\n }\n &:hover {\n box-shadow: 0px 5px 10px #cccccc;\n }\n h3 {\n font-size: 15px;\n font-weight: normal;\n color: #000;\n padding: 5px 15px 10px 15px;\n @media only screen and (max-width: 1140px) {\n font-size: 12px;\n padding: 5px;\n margin-top: 5px;\n }\n }\n .image-box {\n display: flex;\n justify-content: center;\n align-items: center;\n width: 100%;\n margin-left: 0%;\n height: 330px;\n @media only screen and (max-width: 1140px) {\n height: 300px;\n }\n margin-bottom: 20px;\n @media only screen and (max-width: 1140px) {\n margin-bottom: 0px;\n margin-top: 0px;\n }\n overflow: hidden;\n object-fit: cover !important;\n img {\n background-color: red;\n width: 100%;\n object-fit: cover !important;\n user-select: none;\n user-drag: none;\n -webkit-user-drag: none;\n user-select: none;\n -moz-user-select: none;\n -webkit-user-select: none;\n -ms-user-select: none;\n }\n }\n\n @media only screen and (max-width: 840px) {\n max-width: ${(props) =>\n (props.slider != undefined && props.slider != null) ||\n props.grid == \"list\"\n ? \"100%\"\n : \"48%\"};\n min-width: ${(props) =>\n (props.slider != undefined && props.slider != null) ||\n props.grid == \"list\"\n ? \"100%\"\n : \"48%\"};\n min-height: ${(props) => (props.grid == \"list\" ? \"550px\" : \"300px\")};\n margin: 1%;\n .image-box {\n height: unset;\n img {\n height: unset;\n width: 100%;\n }\n }\n }\n .variant-list {\n position: absolute;\n background: rgba(0, 0, 0, 0.03);\n padding: 5px 10px;\n border-radius: 150px;\n right: ${(props) => (props.grid == \"list\" ? 30 : 10)}px;\n top: 320px;\n display: flex;\n align-items: center;\n font-size: 14px;\n &:hover {\n transform: scale(1.1);\n }\n .colors {\n width: 30px;\n display: flex;\n\n div {\n width: 15px;\n height: 15px;\n position: relative;\n border-radius: 150%;\n }\n\n div:first-child {\n background-image: linear-gradient(\n to right,\n #3023ae 0%,\n #53a0fd 48%,\n #b4ec51 101%\n );\n }\n div:last-child {\n margin-left: -7px;\n background-image: linear-gradient(\n to right,\n #6bceb4 0%,\n #f98cc2 48%,\n #fff781 101%\n );\n }\n }\n @media only screen and (max-width: 1140px) {\n position: absolute;\n top: ${(props) => (props.grid == \"list\" ? \"360\" : \"171\")}px;\n z-index: 50;\n .colors {\n width: ${(props) => (props.grid == \"list\" ? 25 : 16)}px;\n div {\n width: ${(props) => (props.grid == \"list\" ? 15 : 9)}px;\n height: ${(props) => (props.grid == \"list\" ? 15 : 9)}px;\n border-radius: 150%;\n }\n height: ${(props) => (props.grid == \"list\" ? 15 : 9)}px;\n }\n font-size: ${(props) => (props.grid == \"list\" ? 15 : 10)}px;\n }\n }\n\n .product-count {\n opacity: 0;\n top: 10px;\n right: 10px;\n position: absolute;\n top: 0;\n transition: 600ms all;\n font-size: 22px;\n z-index: 5;\n padding: 5px;\n }\n position: relative;\n &:hover {\n .action {\n .basket {\n opacity: 100%;\n }\n }\n }\n &:focus-within {\n .action {\n .basket {\n opacity: 100%;\n }\n }\n }\n .action {\n position: ${(props) => (props.grid != \"list\" ? \"absolute\" : \"\")};\n @media only screen and (max-width: 1140px) {\n .price {\n position: ${(props) => (props.grid != \"list\" ? \"absolute\" : \"\")};\n bottom: 20px;\n }\n }\n bottom: 0;\n left: 5px;\n width: 94%;\n padding: 5px 15px 10px 15px;\n display: flex;\n flex-direction: column !important;\n justfiy-content: center;\n align-items: center;\n\n .price {\n display: flex;\n justfiy-content: center;\n font-size:14px!important;\n text-align: center;\n color: #005bb4 !important;\n display: flex;\n transition: 500ms all;\n align-items: center;\n\n transition: 600ms all;\n div {\n font-family: \"Overpass\", sans-serif !important;\n line-height: 22px;\n font-size: 18px;\n display: flex;\n span {\n font-size: 13px;\n margin-left: 5px;\n }\n }\n @media only screen and (max-width: 1140px) {\n div {\n font-size: 18px !important;\n }\n }\n }\n\n .basket {\n transition: 300ms all;\n z-index: 5;\n font-size: 13px;\n display: flex;\n opacity: ${(props) => (props.grid != \"list\" ? \"0\" : \"100%\")};\n justify-content: center;\n align-items: center;\n width: 100%;\n button {\n border: 0;\n width: 100%;\n display: block;\n color: #000;\n margin-top: 10px;\n outline: 0;\n padding: 13px 10px;\n background-color: #f27a1a;\n transition: 200ms all;\n color: ${({ theme }) => theme.mainThemeColor};\n border-radius: 15px;\n &:hover {\n color: #000;\n background-color: #ff9f43;\n }\n }\n }\n .basket,\n .price {\n color: #000;\n }\n }\n .list-price div {\n position: relative;\n opacity: 0.7;\n &:before {\n bottom: 50%;\n transform: rotate(-10deg);\n content: \"\";\n position: absolute;\n height: 3px;\n left: -5%;\n width: 110%;\n background: ${({ theme }) => theme.altHeader};\n }\n }\n &:hover {\n .product-count {\n opacity: 100%;\n }\n .action {\n .basket {\n }\n .price {\n }\n }\n }\n\n .in-stock {\n position: absolute;\n top: 0;\n right: 0;\n background: #eee;\n padding: 2px 5px;\n display: none;\n font-family: \"OverPass\", sans-serif;\n font-weight: bold;\n font-size: 12px;\n color: #000;\n box-shadow: 0px 0px 2px 0px #000;\n }\n`;\nconst SlideBrandItem = styled.div`\n border: 1px solid ${({ theme }) => theme.elementBackground};\n margin: 10px;\n display: inline-block;\n border-radius: 30px;\n overflow: hidden;\n min-height: 140px;\n cursor: pointer;\n @media only screen and (max-width: 1140px) {\n width: ;\n }\n transition: 300ms all;\n &:hover {\n box-shadow: 0px 0px 7px #616161;\n }\n h3 {\n font-size: 14px;\n text-align: center;\n background: ${({ theme }) => theme.elementBackground};\n border-top-left-radius: 10px;\n border-top-right-radius: 10px;\n font-weight: bold;\n\n padding: 5px 10px;\n }\n img {\n width: 100%;\n padding: 5px;\n min-width: 190px;\n max-width: 190px;\n\n height: 190px;\n @media only screen and (max-width: 1140px) {\n min-width: 135px;\n max-width: 135px;\n height: 135px;\n }\n user-select: none;\n user-drag: none;\n -webkit-user-drag: none;\n user-select: none;\n -moz-user-select: none;\n -webkit-user-select: none;\n -ms-user-select: none;\n }\n position: relative;\n .product-count {\n position: absolute;\n opacity: 0;\n top: 10px;\n right: 10px;\n transition: 600ms all;\n font-size: 22px;\n z-index: 5;\n background-color: ${({ theme }) => theme.mainThemeBackground};\n border-radius: 50%;\n padding: 5px;\n }\n .action {\n position: relative;\n\n .price {\n display: flex;\n opacity: 100%;\n flex-direction: column;\n justify-content: center;\n transition: 600ms all;\n align-items: center;\n\n h4 {\n font-size: 15px;\n color: ${({ theme }) => theme.mainThemeColor};\n }\n h5 {\n font-size: 13px;\n text-decoration: line-through;\n }\n }\n .basket {\n transition: 800ms all;\n top: 10px;\n opacity: 0;\n button {\n border: 0;\n outline: 0;\n width: 200px;\n padding: 10px 0px;\n background-color: ${({ theme }) => theme.mainThemeBackground};\n transition: 600ms all;\n color: ${({ theme }) => theme.mainThemeColor};\n border-radius: 10px;\n &:hover {\n background-color: ${({ theme }) =>\n theme.mainThemeOpacityBackgroundHover};\n }\n }\n }\n .basket,\n .price {\n position: absolute;\n left: 50%;\n transform: translateX(-50%);\n }\n }\n &:hover {\n .product-count {\n opacity: 100%;\n }\n .action {\n .basket {\n opacity: 100%;\n }\n .price {\n opacity: 0;\n }\n }\n }\n`;\nexport {SlideProductItem,SlideBrandItem}","import React, { useState } from \"react\";\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\nimport {\n faMinus,\n faPlus,\n faTrash,\n faTrashAlt,\n} from \"@fortawesome/free-solid-svg-icons\";\nimport { Currency } from \"react-intl-number-format/dist/index.js\";\nimport { Fab } from \"@mui/material\";\nimport { setBasket } from \"../stores/Cart\";\nimport { useDispatch, useSelector } from \"react-redux\";\nimport { useCartRequests } from \"../../helpers/CartRequests\";\nimport { toast } from \"react-toastify\";\nimport { useHistory } from \"react-router-dom/cjs/react-router-dom.min\";\nexport default function Item({ item, cart }) {\n const dispatch = useDispatch();\n const history = useHistory();\n const [count, setCount] = useState(item.quantity);\n\n const {language} = useSelector(state => state.site)\n\n const { decrementCart, incrementCart, extractionCart } = useCartRequests();\n\n const increment = async (item, count = 1) => {\n const basket = await cart.map((sub) => {\n if (sub.id === item.id) {\n return {\n ...sub,\n quantity: sub.quantity + count,\n total: sub.total + sub.price * count,\n };\n }\n return sub;\n });\n\n incrementCart(item.productId, count)\n .then((response) => {\n dispatch(setBasket(basket));\n setCount(item.quantity + count);\n })\n .catch((error) => {\n toast.error(error.response.data.message);\n });\n };\n\n const decrement = async (item, remove = false, count = 1) => {\n \n if (remove) {\n const basket = await cart.filter((sub) => {\n return sub.productId !== item.productId;\n });\n \n extractionCart(item.productId)\n .then((response) => {\n dispatch(setBasket(basket));\n })\n .catch((error) => {\n toast.error(error.response.data.message);\n });\n } else {\n const basket = await cart.map((sub) => {\n if (sub.productId === item.productId) {\n return {\n ...sub,\n quantity: sub.quantity - count,\n total: sub.total - sub.price * count,\n };\n }\n return sub;\n });\n decrementCart(item.productId, count)\n .then((response) => {\n dispatch(setBasket(basket));\n setCount(item.quantity - count);\n })\n .catch((error) => {\n toast.error(error.response.data.message);\n });\n }\n };\n\n const handleChange = async (e) => {\n if (e.target.value < item.quantity) {\n decrement(\n item,\n e.target.value == 0 ? true : false,\n item.quantity - e.target.value\n );\n } else {\n increment(item, e.target.value - item.quantity);\n }\n };\n\n return (\n \n history.push(\"/urun/\" + item.slug)}\n onContextMenu={() => false}\n src={\n item.image == null\n ? \"https://propertywiselaunceston.com.au/wp-content/themes/property-wise/images/no-image@2x.png\"\n : item.image\n }\n alt={item.title}\n style={{ cursor: \"pointer\" }}\n />{\" \"}\n
\n decrement(item, true)}>\n
\n \n \n
\n
\n \n {language.lang!=\"tr\" && (item.title2!=null && item.title2!=\"\" ) ? item.title2:item.title}\n \n {/* Mevcut : {item.availableStock > 80 ? \"80+\" : item.availableStock} */}\n \n
\n\n {item.price} \n
\n \n {/*
\n \n Koli : x{item.quantity}\n
*/}\n \n x{item.quantity * item.unit2coefficient}\n
\n \n decrement(item, item.quantity == 1 ? true : false)}\n className={`btn-web ${item.quantity == 1 ? \" \" : \"\"}`}\n >\n
\n \n \n
\n \n \n\n Sayfa Bulunamadı\n Hata 404\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 \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 {categories.length > 0 && categories[0].name} Kategori Ürünleri - venon\n Toptan Avize{\" \"}\n
\n\n {\n const pointer = type === consts.PREV ? faAngleLeft : faAngleRight;\n return true ? (\n {\n if (selected.includes(item.slug)) {\n dispatch(\n setSelected(selected.filter((x) => x != item.slug))\n );\n } else {\n dispatch(setSelected([...selected, item.slug]));\n }\n }}\n style={{\n display: \"flex\",\n cursor: \"pointer\",\n alignItems: \"center\",\n textAlign: \"center\",\n flexDirection: \"column\",\n }}\n >\n \n \n
\n {item.name}\n \n );\n });\n })}\n \n \n \n \n
\n ) : (\n <>\n );\n }}\n itemsToShow={width < 1140 ? 3 : width < 1300 ? 4 : 10}\n >\n {categories.map((x) => {\n return x.subGroups.map((item) => {\n return (\n \n {\n setSelectedSoles(selectedSoles.filter((y) => y != x));\n }}\n className=\"filtered-item\"\n >\n {soles.filter((y) => y.id == x).length < 1\n ? \"\"\n : soles\n .filter((y) => y.id == x)[0]\n .specialCode.replace(/Taban/g, \" \")\n .replace(/:/g, \" \")}{\" \"}\n x\n
\n );\n })}\n {minPrice != null && (\n \n {\n dispatch(\n setSelectedColors(\n selectedColors.filter((y) => y != x)\n )\n );\n }}\n className=\"filtered-item\"\n >\n {x}\n x\n
\n );\n })}\n {selectedSoles.map((x) => {\n return (\n \n {!open && (\n
\n setOpen(true)}>\n
\n )}\n \n {selected.length > 0 ||\n minPrice != null ||\n maxPrice != null ||\n selectedColors.length > 0 ||\n selectedSoles.length > 0 ? (\n <>\n {\n dispatch(setSelected(selected.filter((y) => y != x)));\n }}\n className=\"filtered-item\"\n >\n {getSlugToName(x)} x\n
\n );\n })}\n {selectedColors.map((x) => {\n return (\n \n {\n dispatch(setSelected([]));\n dispatch(setSelectedColors([]));\n }}\n >\n Filtreyi Temizle\n x\n
\n\n \n {selected.map((x) => {\n return (\n \n {allData != null &&\n allData.currentPage != null &&\n allData.count != null ? (\n
\n \n \n \n \n {/* {allData.count * allData.currentPage} /{\" \"} */}\n {/* {products.length}\n / */}\n {allData.totalCount} Ürün\n
\n ) : (\n <>\n )}\n \n {width < 1140 && (\n \n dispatch(setColorSearchTxt(e.target.value))}\n placeholder=\"Renk Ara\"\n />\n {colorSearchTxt.length > 0 && (\n dispatch(setColorSearchTxt(\"\"))}\n className=\"search-trash\"\n >\n
\n setOpen(false)}>
\n )}\n \n {\n dispatch(setColorOpen(!colorOpen));\n }}\n // onClick={() => setOpened(opened == \"renkler\" ? \"\" : \"renkler\")}\n >\n \n
\n setOpen(!open)}>\n \n
\n {categories.map((x) => {\n return (\n \n \n dispatch(\n setSort({\n sort: \"DATE\",\n sortedBy: \"DESC\",\n name: \"Yeni Ürünler\",\n })\n )\n }\n className=\"item\"\n >\n {sort.sortedBy == \"DESC\" && sort.sort == \"DATE\" ? (\n <>\n
\n \n dispatch(setFilterOpen(!filterOpen))}\n >\n \n \n dispatch(\n setSort({\n sort: \"RANDOM\",\n sortedBy: \"\",\n name: \"Keşfet\",\n })\n )\n }\n className=\"item\"\n >\n {sort.sort == \"RANDOM\" ? (\n <>\n
\n setOpen(true)}>\n
\n \n {allData != null &&\n products.length > 0 &&\n allData.currentPage != null &&\n allData.count != null ? (\n
\n {allData != null &&\n products.length > 0 &&\n allData.currentPage != null &&\n allData.count != null &&\n allData.totalCount != products.length ? (\n \n {products.length == allData.totalCount ? (\n <>Toplam {products.length} Ürün\n ) : (\n <>\n {products.length}\n \n /\n \n {allData.totalCount} Ürün\n \n )}\n
\n ) : (\n <>\n )}\n \n {products.length > 0 && (\n {\n return { src: x.image, loading: \"lazy\", alt: \"deha\" };\n })}\n currentIndex={currentImageIndex}\n onClose={() => dispatch(setOpenedBox(false))}\n style={{ background: \"#fff\", zIndex: 1009090 }}\n renderNextButton={() => (\n \n \n )}\n renderPrevButton={() => (\n \n \n )}\n renderFooter={() => (\n {\n history.push(\"/urun/\" + products[currentImageIndex].slug);\n }}\n >
\n )}\n renderHeader={() => (\n \n Markalarimiz \n
\n {selectedLetters[0]}
\n \n {selectedLetters[1]}\n
\n \n\n Beni Seç
*/}\n\n {x.name}
\n\n\n
\n `;\n\n const set = await products?.map((product, index) => {\n html += `###
\n ${language.stockcode}
\n ${language.name}
\n ${language.stockCount}
\n ${language.price}
\n \n
`;\n });\n html += `\n \n `;\n setPrintOn(true);\n setPrintHtml(html)\n console.log(html)\n setTimeout(() => {\n setPrintOn(false);\n setPrintHtml(\"\")\n }, 5500);\n }, [products]);\n\n return (\n <>\n {printOn && printHtml != null ? (\n ${\n product.image != null && product.image != \"\"\n ? `![](\"${product?.image}\")
`\n : ``\n }
\n ${product?.id}
\n ${language!=\"tr\" && (product?.title2!=null && product?.title2!=\"\") ? product?.title2 :product?.title}
\n ${product?.availableStock}
\n ${product?.salePrice}
\n \n {categories.length > 0 && categories[0].name} Kategori Ürünleri - venon\n Toptan Avize{\" \"}\n
\n\n {\n setSelectedSoles(selectedSoles.filter((y) => y != x));\n }}\n className=\"filtered-item\"\n >\n {soles.filter((y) => y.id == x).length < 1\n ? \"\"\n : soles\n .filter((y) => y.id == x)[0]\n .specialCode.replace(/Taban/g, \" \")\n .replace(/:/g, \" \")}{\" \"}\n x\n
\n );\n })}\n {minPrice != null && (\n \n {\n dispatch(\n setSelectedColors(\n selectedColors.filter((y) => y != x)\n )\n );\n }}\n className=\"filtered-item\"\n >\n {x}\n x\n
\n );\n })}\n {selectedSoles.map((x) => {\n return (\n \n {!open && (\n
\n setOpen(true)}>\n
\n )}\n \n {selected.length > 0 ||\n minPrice != null ||\n maxPrice != null ||\n selectedBrands.length > 0 ||\n selectedColors.length > 0 ||\n selectedSoles.length > 0 ? (\n <>\n {\n dispatch(setSelected(selected.filter((y) => y != x)));\n }}\n className=\"filtered-item\"\n >\n {getSlugToName(x)} x\n
\n );\n })}\n {selectedColors.map((x) => {\n return (\n \n {\n dispatch(setSelectedBrands([]));\n dispatch(setSelected([]));\n dispatch(setSelectedColors([]));\n }}\n >\n {language.clearFilter}\n x\n
\n\n {selected.map((x) => {\n return (\n \n {allData != null &&\n allData.currentPage != null &&\n allData.count != null ? (\n
\n \n \n \n \n {/* {allData.count * allData.currentPage} /{\" \"} */}\n {/* {products.length}\n / */}\n {allData.totalCount} {language.product}\n
\n ) : (\n <>\n )}\n \n {width < 1140 && (\n {\n setAlwaysStock(!alwaysStock);\n }}\n className={\"category-sub-item \"}\n style={{}}\n >\n \n \n
\n setOpen(false)}>
\n )}\n \n
\n\n setOpen(!open)}>\n \n
\n {categories.map((parent) => {\n return parent.subGroups.map((x) => {\n return (\n \n setOpen(!open)}\n className={\"category-item \" + (true ? \"open\" : \"\")}\n >\n setOpen(!open)}>\n
\n \n {language.stockOn}\n \n
\n \n {language.stockOff}\n \n
\n \n \n \n\n \n \n dispatch(\n setSort({\n sort: \"DATE\",\n sortedBy: \"DESC\",\n name: language.newProducts,\n })\n )\n }\n className=\"item\"\n >\n {sort.sortedBy == \"DESC\" && sort.sort == \"DATE\" ? (\n <>\n
\n \n dispatch(setFilterOpen(!filterOpen))}\n >\n \n \n dispatch(\n setSort({\n sort: \"RANDOM\",\n sortedBy: \"\",\n name: language.discovery,\n })\n )\n }\n className=\"item\"\n >\n {sort.sort == \"RANDOM\" ? (\n <>\n
\n setOpen(true)}>\n
\n \n {allData != null &&\n products.length > 0 &&\n allData.currentPage != null &&\n allData.count != null ? (\n
\n {allData != null &&\n products.length > 0 &&\n allData.currentPage != null &&\n allData.count != null &&\n allData.totalCount != products.length ? (\n \n {products.length == allData.totalCount ? (\n <>{language.total} {products.length} {language.product}\n ) : (\n <>\n {products.length}\n \n /\n \n {allData.totalCount} {language.product}\n \n )}\n
\n ) : (\n <>\n )}\n \n {products.length > 0 && (\n {\n return { src: x.image, loading: \"lazy\", alt: \"deha\" };\n })}\n currentIndex={currentImageIndex}\n onClose={() => dispatch(setOpenedBox(false))}\n style={{ background: \"#fff\", zIndex: 1009090 }}\n renderNextButton={() => (\n \n \n )}\n renderPrevButton={() => (\n \n \n )}\n renderFooter={() => (\n {\n history.push(\"/urun/\" + products[currentImageIndex].slug);\n }}\n >
\n )}\n renderHeader={() => (\n \n \n \n\n \n \n\n {\n order==null || order.length===0 && loading ? \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\n \n
\n\n \n Tarih\n :\n {order.order.date}\n
\n\n \n Sipariş No\n :\n {order.order.orderCode}\n
\n\n \n Durum\n :\n {order.order.status}\n
\n\n \n ![]()
false} src={order.order.image} height={70} />\n
\n \n {(JSON.parse(localStorage.getItem('customer'))).title}
\n\n \n
\n\n {/* */}\n \n }\n\n \n Toplam Tutar\n :\n {order.order.totalPrice} \n
\n Keşfet
\n\n {\n discover.length > 0 ?\n\n
\n }\n \n \n {collections.length < 1 && loading == true ? (\n <>\n {language.noDataCollections}}\n data={filteredItems}\n />\n )}\n \n\n \n {/* \n
\n\n \n \n
\n \n \n
\n \n ) : (\n Keşfet
*/}\n\n {/* {discover.length > 0 ? (\n\n \n \n \n \n \n
\n )} */}\n \n \n\n \n \n \n\n \n
\n\n history.push('/kesfet')}>Keşfet
\n {\n discover.length > 0 ?\n\n
\n }\n \n \n \n \n history.goBack()}\n >\n
\n \n \n
\n \n \n
\n \n ) : (\n <>\n \n
\n\n \n
\n\n \n Tarih\n :\n {invoice.invoice.date}\n
\n\n \n Sipariş No\n :\n {invoice.invoice.invoiceCode}\n
\n\n \n Durum\n :\n {invoice.invoice.status}\n
\n \n false}\n src={invoice.invoice.image}\n height={70}\n />\n
\n \n {JSON.parse(localStorage.getItem(\"customer\")).title}\n
\n\n \n
\n\n {/* */}\n \n )}\n \n \n\n \n Toplam Tutar\n :\n {invoice.invoice.totalPrice} \n
\n Keşfet
\n\n {discover.length > 0 ? (\n\n \n \n \n \n \n
\n )}\n \n \n {invoices.length < 1 && loading==true ? (\n <>\n Fatura kaydı bulunamadı}\n subHeaderComponent={subHeaderComponentMemo}\n columns={columns}\n data={filteredItems}\n />\n )}\n \n\n \n \n
\n\n \n \n
\n \n \n
\n \n ) : (\n Keşfet
\n\n {discover.length > 0 ? (\n\n \n \n \n \n \n
\n )}\n MyProfile
\n )\n}\n","import React, { useState } from \"react\";\nimport { useParams, useLocation } from \"react-router-dom\";\nimport ProductList from \"../components/Content/ProductList\";\nimport { useProductRequests } from \"../helpers/ProductRequests\";\nimport { Helmet } from \"react-helmet\";\nimport Footer from \"../components/Navigation/Footer\";\nimport { BottomNav } from \"../styles/Header\";\nimport Header from \"../components/Navigation/Header\";\nimport { ProductContent } from \"../styles/Content\";\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\nimport {\n faAngleDown,\n faAngleLeft,\n faAngleRight,\n faAngleUp,\n faArrowLeft,\n faArrowRight,\n faBarcode,\n faBars,\n faCheck,\n faFilter,\n faPalette,\n faSearch,\n faSlidersH,\n faStarHalfAlt,\n faTimes,\n} from \"@fortawesome/free-solid-svg-icons\";\nimport CategoryItem from \"../components/Content/Category/FilterGroup/CategoryItem\";\nimport ProductItem from \"../components/Product/ProductCard\";\nimport Carousel, { consts } from \"react-elastic-carousel\";\nimport useWindowDimensions from \"../components/useWindowDimensions\";\nimport { Sentry } from \"react-activity\";\nimport ColorItem from \"../components/Content/Category/FilterGroup/ColorItem\";\nimport SoleItem from \"../components/Content/Category/FilterGroup/SoleItem\";\nimport BrandItem from \"../components/Content/Category/FilterGroup/BrandItem\";\nimport Lightbox, { ImagesListType } from \"react-spring-lightbox\";\nimport { SwapButton } from \"../styles/Product\";\nimport { useHistory } from \"react-router-dom\";\nimport { useDispatch } from \"react-redux\";\n\nexport default function NewProducts(props) {\n const history = useHistory();\n const [search, setSearch] = useState(\"\");\n const location = useLocation();\n\n const width = useWindowDimensions().width;\n const [products, setProducts] = useState([]);\n const [sort, setSort] = useState({\n sort: \"DATE\",\n sortedBy: \"DESC\",\n name: \"Yeni Ürünler\",\n });\n\n const { getProducts, getCategories, getBrands, getColors, getSpecialCodes } =\n useProductRequests();\n\n const simpleCount = 60;\n const dispatch = useDispatch();\n\n const [colors, setColors] = useState([]);\n const [soles, setSoles] = useState([]);\n const [selectedSoles, setSelectedSoles] = useState([]);\n const [open, setOpen] = useState(width < 1140 ? false : true);\n const [loading, setLoading] = useState(true);\n const [categories, setCategories] = useState([]);\n const [brands, setBrands] = useState([]);\n const [minPrice, setMinPrice] = useState(null);\n const [maxPrice, setMaxPrice] = useState(null);\n\n const [selected, setSelected] = React.useState([]);\n const [selectedBrands, setSelectedBrands] = React.useState([]);\n const [selectedColors, setSelectedColors] = React.useState([]);\n const [page, setPage] = useState(1);\n const [allData, setAllData] = useState(null);\n\n React.useEffect(() => {\n setPage(1);\n getCategories().then((res) => {\n setLoading(false);\n setSelected([]);\n setCategories(res.data.data.filter((x) => x.subGroups.length > 0));\n \n });\n }, []);\n\n const getProductReq = () => {\n getProducts({\n page: 1,\n count: simpleCount,\n specialCodeKey: selectedSoles.length == 0 ? 0 : 2,\n specialCodeIdList: selectedSoles,\n colorList: selectedColors,\n groupSlugList:\n selected.length == 0\n ? []\n : selected,\n brandSlugList: selectedBrands,\n sort: sort.sort,\n sortedBy: sort.sortedBy,\n betweenPrices: minPrice == null && maxPrice == null ? false : true,\n minPrice: minPrice == null ? -1 : minPrice,\n maxPrice: maxPrice == null ? -1 : maxPrice,\n })\n .then((res) => {\n setAllData(res.data.data);\n if (width < 1000) {\n // setOpen(false)\n }\n setLoading(false);\n setProducts([...res.data.data.items]);\n setPage(1);\n })\n .catch((err) => {\n setLoading(false);\n });\n };\n React.useEffect(() => {\n if (loading != false) {\n return;\n }\n setLoading(true);\n setProducts([]);\n\n getProducts({\n page: 1,\n count: simpleCount,\n specialCodeKey: selectedSoles.length == 0 ? 0 : 2,\n specialCodeIdList: selectedSoles,\n colorList: selectedColors,\n groupSlugList:\n selected.length == 0\n ? []\n : selected,\n brandSlugList: selectedBrands,\n sort: sort.sort,\n sortedBy: sort.sortedBy,\n betweenPrices: minPrice == null && maxPrice == null ? false : true,\n minPrice: minPrice == null ? -1 : minPrice,\n maxPrice: maxPrice == null ? -1 : maxPrice,\n })\n .then((res) => {\n setAllData(res.data.data);\n if (width < 1000) {\n // setOpen(false)\n }\n setLoading(false);\n setProducts([...res.data.data.items]);\n setPage(1);\n })\n .catch((err) => {\n setLoading(false);\n });\n\n getBrands(selected).then((res) => {\n if (selectedBrands.length != 0) {\n setSelectedBrands(\n selectedBrands.filter(\n (x) => res.data.data.filter((y) => y.slug == x).length > 0\n )\n );\n }\n\n setBrands(res.data.data);\n });\n }, [selected]);\n\n React.useEffect(() => {\n getColors({\n groupSlugList: selected.length == 0 ? [] : selected,\n brandSlugList: selectedBrands,\n }).then((res) => {\n setColors(res.data.data);\n });\n }, [selected, selectedBrands]);\n\n React.useEffect(() => {\n if (loading == true) {\n return;\n }\n setProducts([]);\n setLoading(true);\n\n getProducts({\n page: 1,\n count: simpleCount,\n specialCodeKey: selectedSoles.length == 0 ? 0 : 2,\n\n specialCodeIdList: selectedSoles,\n colorList: selectedColors,\n groupSlugList:\n selected.length == 0\n ? []\n : selected,\n brandSlugList: selectedBrands,\n sort: sort.sort,\n sortedBy: sort.sortedBy,\n betweenPrices: minPrice == null && maxPrice == null ? false : true,\n minPrice: minPrice == null ? -1 : minPrice,\n maxPrice: maxPrice == null ? -1 : maxPrice,\n })\n .then((res) => {\n if (width < 1000) {\n // setOpen(false);\n }\n setLoading(false);\n setAllData(res.data.data);\n\n setPage(1);\n setProducts([...res.data.data.items]);\n })\n .catch((err) => {\n setLoading(false);\n });\n }, [selectedBrands, selectedColors, selectedSoles]);\n\n const getNewPage = (pg) => {\n if (loading == true) {\n return;\n }\n setLoading(true);\n getProducts({\n page: pg,\n count: simpleCount,\n specialCodeKey: selectedSoles.length == 0 ? 0 : 2,\n specialCodeIdList: selectedSoles,\n colorList: selectedColors,\n groupSlugList:\n selected.length == 0\n ? []\n : selected,\n brandSlugList: selectedBrands,\n sort: sort.sort,\n sortedBy: sort.sortedBy,\n betweenPrices: minPrice == null && maxPrice == null ? false : true,\n minPrice: minPrice == null ? -1 : minPrice,\n maxPrice: maxPrice == null ? -1 : maxPrice,\n })\n .then((res) => {\n if (width < 1000) {\n // setOpen(false);\n }\n setAllData(res.data.data);\n setPage(pg);\n setProducts([...products, ...res.data.data.items]);\n setLoading(false);\n })\n .catch((err) => {\n setLoading(false);\n });\n };\n\n React.useEffect(() => {\n if (loading == false) {\n setLoading(true);\n setProducts([]);\n getProducts({\n page: 1,\n count: simpleCount,\n specialCodeKey: selectedSoles.length == 0 ? 0 : 2,\n specialCodeIdList: selectedSoles,\n colorList: selectedColors,\n groupSlugList:\n selected.length == 0\n ? []\n : selected,\n brandSlugList: selectedBrands,\n sort: sort.sort,\n sortedBy: sort.sortedBy,\n betweenPrices: minPrice == null && maxPrice == null ? false : true,\n minPrice: minPrice == null ? -1 : minPrice,\n maxPrice: maxPrice == null ? -1 : maxPrice,\n })\n .then((res) => {\n if (width < 1000) {\n setOpen(false);\n }\n setAllData(res.data.data);\n setPage(1);\n setProducts(res.data.data.items);\n setLoading(false);\n })\n .catch((err) => {\n setLoading(false);\n });\n }\n }, [sort]);\n\n React.useEffect(() => {\n getSpecialCodes(2).then((res) => {\n setSoles(res.data.data);\n });\n }, []);\n\n const getSlugToName = (rslug) => {\n if (categories.length == 0) {\n return \"\";\n }\n\n if (categories.filter((x) => x.slug == rslug).length > 0) {\n return categories.filter((x) => x.slug == rslug)[0].name;\n } else {\n try {\n return categories\n .filter(\n (x) => x.subGroups.filter((y) => y.slug == rslug).length > 0\n )[0]\n .subGroups.filter((x) => x.slug == rslug)[0].name;\n } catch (error) {\n return \"\";\n }\n }\n };\n\n const [opened, setOpened] = useState(\"\");\n const [brandSearchOpen, setBrandSearchOpen] = useState(false);\n const [brandSearchTxt, setBrandSearchTxt] = useState(\"\");\n const [colorSearchTxt, setColorSearchTxt] = useState(\"\");\n const [currentImageIndex, setCurrentIndex] = useState(0);\n const [openedBox, setOpenedBox] = useState(false);\n const [filterOpen, setFilterOpen] = useState(false);\n const [brandOpen, setBrandOpen] = useState(false);\n const [colorOpen, setColorOpen] = useState(false);\n\n const gotoPrevious = () =>\n currentImageIndex > 0 && setCurrentIndex(currentImageIndex - 1);\n\n const gotoNext = () =>\n currentImageIndex + 1 < products.map((x) => x.image).length &&\n setCurrentIndex(currentImageIndex + 1);\n return (\n <>\n {categories.length > 0 ? (\n \n {categories.length > 0 && categories[0].name} Kategori Ürünleri - venon\n Toptan Avize{\" \"}\n
\n \n\n {\n setSelectedColors(\n selectedColors.filter((y) => y != x)\n );\n }}\n className=\"filtered-item\"\n >\n {x}\n x\n
\n );\n })}\n {selectedSoles.map((x) => {\n return (\n \n {\n setSelected(selected.filter((y) => y != x));\n }}\n className=\"filtered-item\"\n >\n {getSlugToName(x)} x\n
\n );\n })}\n {selectedColors.map((x) => {\n return (\n \n {!open && (\n
\n setOpen(true)}>\n
\n )}\n \n {selected.length > 0 ||\n minPrice != null ||\n maxPrice != null ||\n selectedBrands.length > 0 ||\n selectedColors.length > 0 ||\n selectedSoles.length > 0 ? (\n <>\n {\n setSelectedBrands(\n selectedBrands.filter((y) => y != x)\n );\n }}\n >\n {brands.filter((y) => y.slug == x).length < 1\n ? \"\"\n : brands.filter((y) => y.slug == x)[0].name}{\" \"}\n x\n
\n );\n })}\n {selected.map((x) => {\n return (\n \n {\n setSelectedBrands([]);\n setSelected([]);\n setSelectedColors([]);\n }}\n >\n Filtreyi Temizle\n x\n
\n\n {selectedBrands.map((x) => {\n return (\n \n {allData != null &&\n allData.currentPage != null &&\n allData.count != null ? (\n
\n \n \n \n \n {/* {allData.count * allData.currentPage} /{\" \"} */}\n {/* {products.length}\n / */}\n {allData.totalCount} Ürün\n
\n ) : (\n <>\n )}\n \n {width < 1140 && (\n {\n setSelectedColors(\n selectedColors.filter((y) => y != x)\n );\n }}\n className=\"filtered-item\"\n >\n {x}\n x\n
\n );\n })}\n {selectedSoles.map((x) => {\n return (\n setOpen(false)}>
\n )}\n \n {\n setSelected(selected.filter((y) => y != x));\n }}\n className=\"filtered-item\"\n >\n {getSlugToName(x)} x\n
\n );\n })}\n {selectedColors.map((x) => {\n return (\n setOpen(!open)}>\n \n
\n {categories.map((x) => {\n return (\n \n \n {\n setSelectedBrands([]);\n setSelected([]);\n }}\n >\n Tümünü Kaldır\n \n
\n \n {selectedBrands.map((x) => {\n return (\n {\n setSelectedBrands(\n selectedBrands.filter((y) => y != x)\n );\n }}\n >\n {brands.filter((y) => y.slug == x).length < 1\n ? \"\"\n : brands.filter((y) => y.slug == x)[0].name}{\" \"}\n x\n
\n );\n })}\n {selected.map((x) => {\n return (\n \n \n setSort({\n sort: \"DATE\",\n sortedBy: \"DESC\",\n name: \"Yeni Ürünler\",\n })\n }\n className=\"item\"\n >\n {sort.sortedBy == \"DESC\" && sort.sort == \"DATE\" ? (\n <>\n
\n \n setFilterOpen(!filterOpen)}\n >\n \n \n setSort({\n sort: \"RANDOM\",\n sortedBy: \"\",\n name: \"Keşfet\",\n })\n }\n className=\"item\"\n >\n {sort.sort == \"RANDOM\" ? (\n <>\n
\n setOpen(true)}>\n
\n \n {allData != null &&\n products.length > 0 &&\n allData.currentPage != null &&\n allData.count != null ? (\n
\n {allData != null &&\n products.length > 0 &&\n allData.currentPage != null &&\n allData.count != null &&\n allData.totalCount != products.length ? (\n \n {products.length == allData.totalCount ? (\n <>Toplam {products.length} Ürün\n ) : (\n <>\n {products.length}\n \n /\n \n {allData.totalCount} Ürün\n \n )}\n
\n ) : (\n <>\n )}\n \n {products.length > 0 && (\n {\n return { src: x.image, loading: \"lazy\", alt: \"deha\" };\n })}\n currentIndex={currentImageIndex}\n onClose={() => setOpenedBox(false)}\n style={{ background: \"#fff\", zIndex: 1009090 }}\n renderNextButton={() => (\n \n \n )}\n renderPrevButton={() => (\n \n \n )}\n renderFooter={() => (\n {\n history.push(\"/urun/\" + products[currentImageIndex].slug);\n }}\n >
\n )}\n renderHeader={() => (\n \n \n \n \n {order.order != undefined &&\n order.order.cancelable != undefined &&\n order.order.cancelable == true && false ? (\n {\n if (tetik) {\n timesOrder(id);\n } else {\n setTetik(true);\n }\n }}\n >\n {\n if (!printOn) {\n printPdf();\n }\n }}\n >\n {printOn ?
\n\n {order == null || (order.length === 0 && loading) ? (\n <>\n history.goBack()}>\n
\n \n \n
\n \n \n
\n \n ) : (\n <>\n \n
\n\n \n
\n\n \n {language.date}\n :\n {order.order.date}\n
\n\n \n {language.orderNo}\n :\n {order.order.orderCode}\n
\n\n \n {language.status}\n :\n {order.order.status}\n
\n \n false}\n src={order.order.image}\n height={70}\n />\n
\n \n {JSON.parse(localStorage.getItem(\"customer\")).title}\n
\n\n \n
\n\n {/* */}\n \n )}\n \n \n\n \n {language.total} {language.amount}\n :\n <>\n {order.order.totalPrice}\n {order.order.currencyUnit}\n \n
\n {language.discovery}
\n\n {discover.length > 0 ? (\n\n \n \n \n \n \n
\n )}\n \n \n {orders.length < 1 && loading == true ? (\n <>\n Sipariş kaydı bulunamadı}\n subHeaderComponent={subHeaderComponentMemo}\n columns={columns}\n data={filteredItems}\n />\n )}\n \n\n {/* \n */}\n
\n\n \n \n
\n \n \n
\n \n ) : (\n Keşfet
\n\n {discover.length > 0 ? (\n\n \n \n \n \n \n
\n )}\n \n
\n \n
\n\n \n \n \n
\n \n Ödeme Başarısız
\n\n Ana Sayfa\n Tekrar Dene\n
\n \n
\n \n
\n\n \n \n
\n \n Sipariş Gönderimi Başarılı
\n\n Ana Sayfa\n Siparişlerim\n
\n \n
\n {collection.collectionType!=\"FATURA\" ? 'Tahsilat Makbuzu':'Fatura Makbuzu'} {collection.systemHasCreated==true ? \"( B2B Tahsilatı )\":\"\"}
\n\n
\n \n Alıcı: {process.env.REACT_APP_COMPANY_TITLE}\n
\n\n Tarih: {collection.date}\n
\n\n Tutar:{\" \"}\n {collection.currency == false\n ? (collection.collectionType==\"FATURA\" ? collection.debt:collection.credit) + \"₺\"\n : (collection.collectionType==\"FATURA\" ? collection.currencyDebt:collection.currencyCredit )+ collection.currencyUnit}\n
\n\n {collection.explanation == null ? (\n <>\n ) : (\n <>\n Açıklama: {collection.explanation}\n \n )}\n
\nCari Hareket Listesi
\n- \n
- \n Tarih\nTür\nAçıklama\nAlacak\nBorç\nBakiye\n \n {(collections != null &&\n collections.collections != undefined &&\n collections.collections.length > 0\n ? collections.collections\n : []\n ).map((x) => {\n return (\n
- \n {x.date.replace(\"00:00:00\",\"\")}\n{x.collectionType}\n{x.explanation}\n\n {x.currency != true\n ? x.credit + \"₺\"\n : x.currencyCredit + x.currencyUnit}\n\n\n {x.currency != true\n ? x.debt + \"₺\"\n : x.currencyDebt + x.currencyUnit}\n\n{x.balance}\n \n );\n })}\n
- \n \n \n \n \n \n \n Toplam :{\" \"}\n {collections != null\n ? collections.totalCredit\n : \"\" + localStorage.getItem(\"currency\")}\n\n \n
- \n \n \n \n \n \n \n Bakiye :{\" \"}\n {collections != null\n ? collections.totalBalance\n : \"\" + localStorage.getItem(\"currency\")}\n\n \n
Fatura Detayı
\n\n {invoice != [] && invoice.invoice != undefined ? (\n <>\n\n
\n \n ) : (\n <>\n )}\n\n \n
\n\n \n Tarih\n :\n {invoice.invoice.date}\n
\n\n \n Sipariş No\n :\n {invoice.invoice.invoiceCode}\n
\n\n \n Durum\n :\n {invoice.invoice.status}\n
\n \n false}\n src={invoice.invoice.image}\n height={70}\n />\n
\n {JSON.parse(localStorage.getItem(\"customer\")).title}
\n- \n
- \n Stok Kodu\nBarkod\n\n Miktar\n\nKdv Oranı\n\n Tutar\n\n\n Kdv Dahil Tutar\n\n \n {(invoice != [] && invoice.items != undefined ? invoice.items : []).map(\n (x) => {\n return (\n
- \n {x.productCode}\n{x.barcode}\n\n {x.quantity} {x.unit}\n\n%{x.vatRate}\n\n {invoice.invoice.currencyUnit} {x.totalPrice}\n\n\n {invoice.invoice.currencyUnit} {x.totalPriceWithVat}\n\n \n );\n }\n )}\n
- \n \n \n \n \n \n \n Toplam :\n {invoice.invoice != undefined ? invoice.invoice.currencyUnit : \"\"}\n {invoice.invoice != undefined\n ? invoice.invoice.totalPrice\n : \"\"}{\" \"}\n\n \n
Fatura Listesi
\n- \n
- \n \n Kod\nAd\nTarih\nDurum\n\n Tutar\n\n \n {(invoices != null ? invoices : []).map((x) => {\n return (\n
- \n {x.invoiceCode}\n{x.detail}\n{x.date}\n{x.status}\n\n {x.currencyUnit}\n {x.totalCurrencyPrice}\n\n \n );\n })}\n
Sipariş Detayı
\n\n {order != [] && order.order != undefined ? (\n <>\n\n
\n \n ) : (\n <>\n )}\n\n \n
\n\n \n Tarih\n :\n {order.order.date}\n
\n\n \n Sipariş No\n :\n {order.order.orderCode}\n
\n\n \n Durum\n :\n {order.order.status}\n
\n \n false}\n src={order.order.image}\n height={70}\n />\n
\n {JSON.parse(localStorage.getItem(\"customer\")).title}
\n- \n
- \n Ürün Kodu\n {/*Barkod*/}\nMiktar\nKdv Oranı\nTutar\nKdv Dahil\n \n {(order != [] && order.items != undefined ? order.items : []).map(\n (x) => {\n return (\n
- \n {x.productCode}\n {/*{x.barcode}*/}\n\n {x.quantity} {x.unit}\n\n%{x.vatRate}\n\n {order.order.currencyUnit} {x.totalPrice}\n\n\n {order.order.currencyUnit} {x.totalPriceWithVat}\n\n \n );\n }\n )}\n
- \n {/* */}\n \n \n \n \n \n Toplam :{order.order != undefined ? order.order.totalPrice : \"\"}{\" \"}\n {order.order != undefined ? order.order.currencyUnit : \"\"}\n\n \n
Sipariş Listesi
\n- \n
- \n Kod\nAd\nTutar\nTarih\nDurum\n \n {(orders!=null ? orders :[]).map((x) => {\n return (\n
- \n {x.orderCode}\n{x.detail}\n\n {x.currencyUnit}\n {x.totalCurrencyPrice}\n\n{x.date}\n{x.status}\n \n );\n })}\n
- \n \n \n \n \n Toplam : {total}\n \n
\n \n \n -\n \n
\n \n \n \n {language.total}{\" \"}{language.amount}\n \n \n {reports != null ? reports.totalAmount : 0} \n
\n \n \n
\n \n
\n \n \n {language.total} {language.amount}{\" \"}\n \n \n {reports != null ? reports.totalAmount : 0} \n
\n \n \n {language.quantity}{\" \"}\n \n \n {reports != null ? reports.totalQuantity : 0}\n
\n \n \n \n );\n\t}, [filterText, resetPaginationToggle,handleStartDateChange,handleEndDateChange,startDate,endDate,width]);\n\n const getReport=()=>{\n getProductReports(startDate,endDate).then(res=>{\n console.log(\"1\",res.data)\n setReports(res.data.data)\n })\n }\n\n const filteredItems=(items) =>{\n return items.filter(\n item=>{\n return (\n ((item.productId+\"\").toLowerCase().includes(filterText.toLowerCase())) || \n (item.title.toLowerCase().includes(filterText.toLowerCase())) || \n ((item.unit+\"\").toLowerCase().includes(filterText.toLowerCase())) || \n ((item.totalQuantity+\"\").toLowerCase().includes(filterText.toLowerCase())) || \n ((item.totalAmount+\"\").toLowerCase().includes(filterText.toLowerCase())) \n )\n }\n );\n }\n\n \n useEffect(()=>{\n if(startDate!=null && endDate!=null){\n getReport()\n }\n },[startDate,endDate])\n const history=useHistory()\n const handleRowClick = (row) => {\n history.push('/urun/'+row.slug)\n }\n return (\n <>\n \n \n \n \n \n {\n 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 {language.discovery}
\n\n {\n discover.length > 0 ?\n\n
\n }\n \n
\n\t\t);\n\t}, [filterText, resetPaginationToggle]);\n\n return (\n <>\n \n \n \n \n \n {\n orders.length<1 ? \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 Keşfet
\n\n {\n discover.length > 0 ?\n\n
\n }\n Profile
\n )\n}\n\n","import React, { useState, useEffect } from \"react\";\nimport { useParams, useLocation } from \"react-router-dom\";\nimport ProductList from \"../components/Content/ProductList\";\nimport { useProductRequests } from \"../helpers/ProductRequests\";\nimport { Helmet } from \"react-helmet\";\nimport Footer from \"../components/Navigation/Footer\";\nimport { BottomNav } from \"../styles/Header\";\nimport Header from \"../components/Navigation/Header\";\nimport { ProductContent } from \"../styles/Content\";\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\nimport {\n faAngleDown,\n faAngleLeft,\n faAngleRight,\n faAngleUp,\n faArrowLeft,\n faArrowRight,\n faBarcode,\n faBars,\n faCheck,\n faFileExcel,\n faFilePdf,\n faFilter,\n faPalette,\n faSearch,\n faSlidersH,\n faStarHalfAlt,\n faTimes,\n} from \"@fortawesome/free-solid-svg-icons\";\nimport CategoryItem from \"../components/Content/Category/FilterGroup/CategoryItem\";\nimport ProductItem from \"../components/Product/ProductCard\";\nimport Carousel, { consts } from \"react-elastic-carousel\";\nimport useWindowDimensions from \"../components/useWindowDimensions\";\nimport { Sentry } from \"react-activity\";\nimport ColorItem from \"../components/Content/Category/FilterGroup/ColorItem\";\nimport SoleItem from \"../components/Content/Category/FilterGroup/SoleItem\";\nimport BrandItem from \"../components/Content/Category/FilterGroup/BrandItem\";\nimport Lightbox, { ImagesListType } from \"react-spring-lightbox\";\nimport { SwapButton } from \"../styles/Product\";\nimport { useHistory } from \"react-router-dom\";\nimport { useDispatch, useSelector } from \"react-redux\";\nimport { read, utils, writeFile } from \"xlsx\";\nimport * as ExcelJS from \"exceljs\";\nimport jsPDF from \"jspdf\";\n\nimport {\n setProducts,\n setCategories,\n setPage,\n setLoading,\n setAllData,\n setSelected,\n setBrands,\n setSelectedBrands,\n setColors,\n setSoles,\n setCurrentIndex,\n setSelectedColors,\n setSelectedSoles,\n setMinPrice,\n setMaxPrice,\n setFilterOpen,\n setBrandOpen,\n setColorOpen,\n setSort,\n setBrandSearchTxt,\n setOpenedBox,\n setColorSearchTxt,\n} from \"../components/stores/Product\";\nexport default function Search(props) {\n const history = useHistory();\n const dispatch = useDispatch();\n const {\n soles,\n products,\n page,\n brandSearchTxt,\n colorSearchTxt,\n currentImageIndex,\n openedBox,\n filterOpen,\n brandOpen,\n colorOpen,\n logLoad,\n colors,\n brands,\n minPrice,\n maxPrice,\n selectedSoles,\n selectedColors,\n selectedBrands,\n selected,\n loading,\n allData,\n sort,\n categories,\n } = useSelector((state) => state.product);\n const {language}=useSelector(state=>state.site)\n const location = useLocation();\n\n const width = useWindowDimensions().width;\n const { slug, filter } = useParams();\n\n const { getProducts, getCategories, getBrands, getColors, getSpecialCodes } =\n useProductRequests();\n\n const simpleCount = 60;\n const [opened, setOpened] = useState(\"\");\n const [open, setOpen] = useState(width < 1140 ? false : true);\n const [backed, setBacked] = useState(false);\n\n useEffect(() => {\n if (\n location.state == undefined ||\n location.state.back == undefined ||\n location.state.back == null ||\n (location.state != undefined && location.state.sub != undefined) ||\n products.length == 0\n ) {\n dispatch(setPage(1));\n dispatch(setSelectedColors([]));\n dispatch(setSelectedBrands([]));\n getCategories().then((res) => {\n dispatch(setLoading(false));\n dispatch(setSelected([]));\n dispatch(setCategories(res.data.data));\n });\n }\n }, [filter]);\n\n const getProductReq = () => {\n getProducts({\nall:filter,\n page: 1,\n count: simpleCount,\n specialCodeKey: selectedSoles.length == 0 ? 0 : 2,\n specialCodeIdList: selectedSoles,\n colorList: selectedColors,\n groupSlugList:\n selected.length == 0\n ? \n location.state != undefined && location.state.sub != undefined\n ? [location.state.sub]\n : []\n \n : selected,\n brandSlugList: selectedBrands,\n sort: sort.sort,\n sortedBy: sort.sortedBy,\n betweenPrices: minPrice == null && maxPrice == null ? false : true,\n minPrice: minPrice == null ? -1 : minPrice,\n maxPrice: maxPrice == null ? -1 : maxPrice,\n })\n .then((res) => {\n dispatch(setAllData(res.data.data));\n if (width < 1000) {\n // setOpen(false)\n }\n dispatch(setLoading(false));\n dispatch(setProducts([...res.data.data.items]));\n dispatch(setPage(1));\n })\n .catch((err) => {\n dispatch(setLoading(false));\n });\n };\n useEffect(() => {\n if (loading != false) {\n return;\n }\n dispatch(setLoading(true));\n dispatch(setProducts([]));\n\n getProducts({\nall:filter,\n page: 1,\n count: simpleCount,\n specialCodeKey: selectedSoles.length == 0 ? 0 : 2,\n specialCodeIdList: selectedSoles,\n colorList: selectedColors,\n groupSlugList:\n selected.length == 0\n ? [\n location.state != undefined && location.state.sub != undefined\n ? location.state.sub\n : [],\n ]\n : selected,\n brandSlugList: selectedBrands,\n sort: sort.sort,\n sortedBy: sort.sortedBy,\n betweenPrices: minPrice == null && maxPrice == null ? false : true,\n minPrice: minPrice == null ? -1 : minPrice,\n maxPrice: maxPrice == null ? -1 : maxPrice,\n })\n .then((res) => {\n dispatch(setAllData(res.data.data));\n if (width < 1000) {\n // setOpen(false)\n }\n dispatch(setLoading(false));\n dispatch(setProducts([...res.data.data.items]));\n dispatch(setPage(1));\n })\n .catch((err) => {\n dispatch(setLoading(false));\n });\n\n getBrands(typeof selected == \"string\" ? [selected] : selected).then(\n (res) => {\n if (selectedBrands.length != 0) {\n dispatch(\n setSelectedBrands(\n selectedBrands.filter(\n (x) => res.data.data.filter((y) => y.slug == x).length > 0\n )\n )\n );\n }\n\n dispatch(setBrands(res.data.data));\n }\n );\n }, [selected]);\n\n useEffect(() => {\n getColors({\n groupSlugList: selected.length == 0 ? [] : selected,\n brandSlugList: selectedBrands,\n }).then((res) => {\n dispatch(setColors(res.data.data));\n });\n }, [selected, selectedBrands, slug]);\n\n useEffect(() => {\n if (loading == true) {\n return;\n }\n dispatch(setProducts([]));\n dispatch(setLoading(true));\n\n getProducts({\nall:filter,\n page: 1,\n count: simpleCount,\n specialCodeKey: selectedSoles.length == 0 ? 0 : 2,\n\n specialCodeIdList: selectedSoles,\n colorList: selectedColors,\n groupSlugList:\n selected.length == 0\n ? \n location.state != undefined && location.state.sub != undefined\n ? [location.state.sub]\n : []\n \n : selected,\n brandSlugList: selectedBrands,\n sort: sort.sort,\n sortedBy: sort.sortedBy,\n betweenPrices: minPrice == null && maxPrice == null ? false : true,\n minPrice: minPrice == null ? -1 : minPrice,\n maxPrice: maxPrice == null ? -1 : maxPrice,\n })\n .then((res) => {\n if (width < 1000) {\n // setOpen(false);\n }\n dispatch(setLoading(false));\n dispatch(setAllData(res.data.data));\n\n dispatch(setPage(1));\n dispatch(setProducts([...res.data.data.items]));\n })\n .catch((err) => {\n dispatch(setLoading(false));\n });\n }, [selectedBrands, selectedColors, selectedSoles]);\n\n const getNewPage = (pg) => {\n if (loading == true) {\n return;\n }\n dispatch(setLoading(true));\n getProducts({\nall:filter,\n page: pg,\n count: simpleCount,\n specialCodeKey: selectedSoles.length == 0 ? 0 : 2,\n specialCodeIdList: selectedSoles,\n colorList: selectedColors,\n groupSlugList:\n selected.length == 0\n ? \n location.state != undefined && location.state.sub != undefined\n ? [location.state.sub]\n : []\n \n : selected,\n brandSlugList: selectedBrands,\n sort: sort.sort,\n sortedBy: sort.sortedBy,\n betweenPrices: minPrice == null && maxPrice == null ? false : true,\n minPrice: minPrice == null ? -1 : minPrice,\n maxPrice: maxPrice == null ? -1 : maxPrice,\n })\n .then((res) => {\n if (width < 1000) {\n // setOpen(false);\n }\n dispatch(setAllData(res.data.data));\n dispatch(setPage(pg));\n dispatch(setProducts([...products, ...res.data.data.items]));\n dispatch(setLoading(false));\n })\n .catch((err) => {\n dispatch(setLoading(false));\n });\n };\n\n useEffect(() => {\n if (loading == false) {\n dispatch(setLoading(true));\n dispatch(setProducts([]));\n getProducts({\nall:filter,\n page: 1,\n count: simpleCount,\n specialCodeKey: selectedSoles.length == 0 ? 0 : 2,\n specialCodeIdList: selectedSoles,\n colorList: selectedColors,\n groupSlugList:\n selected.length == 0\n ? \n location.state != undefined && location.state.sub != undefined\n ? [location.state.sub]\n : []\n \n : selected,\n brandSlugList: selectedBrands,\n sort: sort.sort,\n sortedBy: sort.sortedBy,\n betweenPrices: minPrice == null && maxPrice == null ? false : true,\n minPrice: minPrice == null ? -1 : minPrice,\n maxPrice: maxPrice == null ? -1 : maxPrice,\n })\n .then((res) => {\n if (width < 1000) {\n setOpen(false);\n }\n dispatch(setAllData(res.data.data));\n dispatch(setPage(1));\n dispatch(setProducts(res.data.data.items));\n dispatch(setLoading(false));\n })\n .catch((err) => {\n dispatch(setLoading(false));\n });\n }\n }, [sort]);\n\n useEffect(() => {\n getSpecialCodes(2).then((res) => {\n dispatch(setSoles(res.data.data));\n });\n }, []);\n\n useEffect(() => {\n //\n }, [\n selected,\n selectedBrands,\n selectedColors,\n selectedSoles,\n minPrice,\n maxPrice,\n sort,\n page,\n ]);\n\n const getSlugToName = (rslug) => {\n if (categories.length == 0) {\n return \"\";\n }\n for (const category of categories) {\n if (category.slug === rslug) {\n return category.name;\n }\n for (const subGroup of category.subGroups) {\n if (subGroup.slug === rslug) {\n return subGroup.name;\n }\n for (const subSubGroup of subGroup.subSubGroups) {\n if (subSubGroup.slug === rslug) {\n return subSubGroup.name;\n }\n }\n }\n }\n return \"\";\n };\n\n const gotoPrevious = () =>\n currentImageIndex > 0 && dispatch(setCurrentIndex(currentImageIndex - 1));\n\n const gotoNext = () => {\n currentImageIndex + 1 < products.map((x) => x.image).length &&\n dispatch(setCurrentIndex(currentImageIndex + 1));\n };\n\n const toDataURL = async (url) => {\n const data = await fetch(\n \"https://entegroid.com/base64.php?url=\" + url\n ).then((res) => res.json());\n return data;\n };\n const [excelLoading, setExcelLoading] = useState(false);\n const exportFile = React.useCallback(() => {\n if (excelLoading) {\n return;\n }\n setExcelLoading(true);\n const workbook = new ExcelJS.Workbook();\n const sheet = workbook.addWorksheet(\"My Sheet\");\n sheet.properties.defaultRowHeight = 100;\n sheet.columns = [\n {\n header: \"\",\n key: \"Numara\",\n width: 1,\n image: true,\n style: {\n alignment: {\n vertical: \"middle\",\n horizontal: \"center\",\n },\n },\n },\n {\n header: \"Resim\",\n key: \"Resim\",\n width: 10,\n image: true,\n style: {\n alignment: {\n vertical: \"middle\",\n horizontal: \"center\",\n },\n },\n },\n {\n header: \"Bilgi Stok Kodu\",\n key: \"id\",\n width: 12,\n style: {\n alignment: {\n vertical: \"middle\",\n horizontal: \"center\",\n },\n },\n },\n {\n header: \"UrunAdi\",\n key: \"UrunAdi\",\n width: 50,\n style: {\n alignment: {\n vertical: \"middle\",\n horizontal: \"center\",\n },\n },\n },\n {\n header: \"Fiyat\",\n width: 15,\n key: \"price\",\n style: {\n alignment: {\n vertical: \"middle\",\n horizontal: \"center\",\n },\n },\n },\n ];\n const promise = Promise.all(\n products?.map(async (product, index) => {\n const rowNumber = index + 1;\n sheet.addRow({\n Numara:\"\",\n Resim: \"\",\n id: product.id,\n UrunAdi: product.title,\n price: product.salePrice,\n });\n if (product.image != null) {\n const result = await toDataURL(\n product?.image == null ? \"\" : product?.image\n );\n const splitted = product?.image.split(\".\");\n const extName = splitted[splitted.length - 1];\n\n const imageId2 = workbook.addImage({\n base64: result.base64,\n extension: extName,\n });\n\n sheet.addImage(imageId2, {\n tl: { col:1, row: rowNumber },\n ext: { width: 100 / 1.5, height: 100 },\n });\n } else {\n }\n })\n );\n promise.then(() => {\n const priceCol = sheet.getColumn(4);\n\n // iterate over all current cells in this column\n priceCol.eachCell((cell) => {\n const cellValue = sheet.getCell(cell?.address).value;\n // add a condition to set styling\n if (cellValue > 50 && cellValue < 1000) {\n sheet.getCell(cell?.address).fill = {\n type: \"pattern\",\n pattern: \"solid\",\n fgColor: { argb: \"FF0000\" },\n };\n }\n });\n\n workbook.xlsx.writeBuffer().then(function (data) {\n const blob = new Blob([data], {\n type: \"application/vnd.openxmlformats-officedocument.spreadsheetml.sheet\",\n });\n const url = window.URL.createObjectURL(blob);\n const anchor = document.createElement(\"a\");\n anchor.href = url;\n const currentDate = new Date().toISOString().slice(0, 10);\n anchor.download = currentDate + \"-Venon-Aydinlatma-Urun-Listesi.xlsx\";\n anchor.click();\n window.URL.revokeObjectURL(url);\n });\n setExcelLoading(false);\n });\n }, [products]);\n const [printOn, setPrintOn] = React.useState(false);\n const [printHtml, setPrintHtml] = React.useState(\"\");\n const exportPdf = React.useCallback(async () => {\n let html = `\n \n \n \n \n \n \n \n \n \n
\n `;\n\n const set = await products?.map((product, index) => {\n html += `Resim
\n Bilgi Kodu
\n Ürün Adı
\n Fiyat
\n \n
`;\n });\n html += `\n \n `;\n setPrintOn(true);\n setPrintHtml(html);\n console.log(html);\n setTimeout(() => {\n setPrintOn(false);\n setPrintHtml(\"\");\n }, 5500);\n }, [products]);\n\n return (\n <>\n {printOn && printHtml != null ? (\n ${\n product.image != null && product.image != \"\"\n ? ``\n : ``\n }
\n ${product?.id}
\n ${product?.title}
\n ${product?.salePrice}
\n \n {categories.length > 0 && categories[0].name} Kategori Ürünleri - venon\n Toptan Avize{\" \"}\n
\n\n {\n setSelectedSoles(selectedSoles.filter((y) => y != x));\n }}\n className=\"filtered-item\"\n >\n {soles.filter((y) => y.id == x).length < 1\n ? \"\"\n : soles\n .filter((y) => y.id == x)[0]\n .specialCode.replace(/Taban/g, \" \")\n .replace(/:/g, \" \")}{\" \"}\n x\n
\n );\n })}\n {minPrice != null && (\n \n {\n dispatch(\n setSelectedColors(\n selectedColors.filter((y) => y != x)\n )\n );\n }}\n className=\"filtered-item\"\n >\n {x}\n x\n
\n );\n })}\n {selectedSoles.map((x) => {\n return (\n \n {!open && (\n
\n setOpen(true)}>\n
\n )}\n \n {selected.length > 0 ||\n minPrice != null ||\n maxPrice != null ||\n selectedBrands.length > 0 ||\n selectedColors.length > 0 ||\n selectedSoles.length > 0 ? (\n <>\n {\n dispatch(setSelected(selected.filter((y) => y != x)));\n }}\n className=\"filtered-item\"\n >\n {getSlugToName(x)} x\n
\n );\n })}\n {selectedColors.map((x) => {\n return (\n \n {\n dispatch(setSelectedBrands([]));\n dispatch(setSelected([]));\n dispatch(setSelectedColors([]));\n }}\n >\n {language.clearFilter}\n x\n
\n\n {selected.map((x) => {\n return (\n \n {allData != null &&\n allData.currentPage != null &&\n allData.count != null ? (\n
\n \n \n \n \n {/* {allData.count * allData.currentPage} /{\" \"} */}\n {/* {products.length}\n / */}\n {allData.totalCount} {language.product}\n
\n ) : (\n <>\n )}\n \n {width < 1140 && (\n \n \n dispatch(setMinPrice(e.target.value))}\n />\n \n -\n \n dispatch(setMaxPrice(e.target.value))}\n />\n \n {\n getProductReq();\n }}\n >\n
\n \n\n setOpen(false)}>
\n )}\n \n
\n\n setOpen(!open)}>\n \n
\n {categories.map((parent) => {\n return parent.subGroups.map((x) => {\n return (\n \n \n dispatch(\n setSort({\n sort: \"DATE\",\n sortedBy: \"DESC\",\n name: \"Yeni Ürünler\",\n })\n )\n }\n className=\"item\"\n >\n {sort.sortedBy == \"DESC\" && sort.sort == \"DATE\" ? (\n <>\n
\n \n dispatch(setFilterOpen(!filterOpen))}\n >\n \n \n dispatch(\n setSort({\n sort: \"RANDOM\",\n sortedBy: \"\",\n name: \"Keşfet\",\n })\n )\n }\n className=\"item\"\n >\n {sort.sort == \"RANDOM\" ? (\n <>\n
\n setOpen(true)}>\n
\n \n {allData != null &&\n products.length > 0 &&\n allData.currentPage != null &&\n allData.count != null ? (\n
\n {allData != null &&\n products.length > 0 &&\n allData.currentPage != null &&\n allData.count != null &&\n allData.totalCount != products.length ? (\n \n {products.length == allData.totalCount ? (\n <>{language.total} {products.length} {language.product}\n ) : (\n <>\n {products.length}\n \n /\n \n {allData.totalCount} Ürün\n \n )}\n
\n ) : (\n <>\n )}\n \n {products.length > 0 && (\n {\n return { src: x.image, loading: \"lazy\", alt: \"deha\" };\n })}\n currentIndex={currentImageIndex}\n onClose={() => dispatch(setOpenedBox(false))}\n style={{ background: \"#fff\", zIndex: 1009090 }}\n renderNextButton={() => (\n \n \n )}\n renderPrevButton={() => (\n \n \n )}\n renderFooter={() => (\n {\n history.push(\"/urun/\" + products[currentImageIndex].slug);\n }}\n >
\n )}\n renderHeader={() => (\n \n {\n return (\n
\n );\n }}\n onChange={() => {\n getColors();\n }}\n onNextEnd={({ index }) => {\n clearTimeout(resetTimeout);\n if (index === images.length - 1) {\n resetTimeout = setTimeout(() => {\n try {\n carouselRef.current.goTo(0);\n } catch (error) {}\n }, 1400); // same time\n }\n }}\n onPrevStart={({ index }) => {\n clearTimeout(resetTimeout);\n if (index === 0) {\n resetTimeout = setTimeout(() => {\n carouselRef.current.goTo(images.length - 1);\n }, 1400); // same time\n }\n }}\n disableArrowsOnEnd={false}\n itemsToShow={1}\n >\n {images.map((e, index) => {\n return (\n \n {pages.map((e) => {\n const isActivePage = activePage === e;\n return (\n onClick(e)}\n >\n false}\n className={isActivePage ? \"active-slider-page\" : \"\"}\n style={{\n width: 50,\n height: 25,\n margin: 10,\n borderRadius: \"100px\",\n }}\n src={images[e]}\n />\n
\n );\n })}\n \n {products != null ? (\n <>\n {\n if(width<1140){\n return <>\n }\n const pointer =type === consts.PREV ? faArrowUp : faArrowDown;\n return (\n \n \n {\n history.push(\"/urun/\" + x.slug);\n }}\n style={{ width: \"60%\", userSelect: \"none\" }}\n />\n
\n \n );\n })}\n \n \n ) : (\n <>\n )}\n \n \n );\n}\n","import React,{useState,useEffect,useLayoutEffect} from 'react'\nimport { useSelector } from 'react-redux'\nimport {SliderSwitch,CarouselContainer,SlideProductContainer} from '../styles/Home'\nimport SliderContainer from '../components/Slider'\nimport SlideProducts from '../components/Slider/Products'\nimport SlideBrands from '../components/Slider/Brands'\n\nimport Header from '../components/Navigation/Header'\nimport BottomNav from '../components/Navigation/Bottom'\nimport Footer from '../components/Navigation/Footer'\nimport \"react-activity/dist/Sentry.css\";\n\nimport {useProductRequests} from '../helpers/ProductRequests'\nimport { useHistory } from 'react-router-dom'\n\nimport {Helmet} from \"react-helmet\";\nimport CookieConsent, { Cookies } from \"react-cookie-consent\";\nimport { ProductContent } from '../styles/Content'\nimport ProductItem from '../components/Product/ProductCard'\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\nimport { faAngleLeft, faAngleRight } from '@fortawesome/free-solid-svg-icons'\nimport { SwapButton } from '../styles/Product'\nimport Lightbox from 'react-spring-lightbox'\nimport { FloatingWhatsApp } from \"react-floating-whatsapp\";\nimport { Sentry } from 'react-activity'\n\nexport default function Home(props) {\n \n const {getProducts,getDiscover,getBrands,getSliders}=useProductRequests()\n \n const {slider,language}=useSelector(state=>state.site)\n const [sliders,setSliders]=useState('test1')\n const [images,setImages]=useState([])\n\n const history=useHistory()\n\n const [discover,setDiscover]=useState([])\n const [man,setMan]=useState([])\n const [women, setWomen] = useState([]);\n const [garson, setGarson] = useState([]);\n const [filet, setFilet] = useState([]);\n const [bebe, setBebe] = useState([]);\n const [patik, setPatik] = useState([]);\n const [products,setProducts]=useState([])\n const [mainPageProducts, setMainPageProducts] = useState([]);\n const getHomePageCategoryItems = async () => {\n const list = [\n ];\n list.map(x=>{\n getProducts({ page: 1, count: 1, groupSlug: x.slug })\n .then((response) => {\n x.set(response.data.data.items);\n })\n .catch((error) => {});\n })\n \n \n }\n useLayoutEffect(() => {\n \n if(products.length===0){\n getProducts({ page: Math.floor(Math.random() * 5)+1, count: 12, sort: \"RANDOM\", sortedBy: \"\" })\n .then((response) => {\n setProducts(response.data.data.items);\n getProducts({\n page: Math.floor(Math.random() * 5)+6,\n count: 12,\n sort: \"RANDOM\",\n sortedBy: \"\",\n })\n .then((response2) => {\n setProducts([\n ...response.data.data.items,\n ...response2.data.data.items,\n ]);\n getProducts({\n page: Math.floor(Math.random() * 5)+11,\n count: 20,\n sort: \"RANDOM\",\n sortedBy: \"\",\n })\n .then((response3) => {\n setProducts([\n ...response.data.data.items,\n ...response2.data.data.items,\n ...response3.data.data.items,\n ]);\n getProducts({\n page: Math.floor(Math.random() * 5)+16,\n count: 20,\n sort: \"RANDOM\",\n sortedBy: \"\",\n })\n .then((response4) => {\n setProducts([...response.data.data.items,...response2.data.data.items, ...response3.data.data.items, ...response4.data.data.items]);\n })\n .catch((error) => {});\n })\n .catch((error) => {});\n })\n .catch((error) => {});\n })\n .catch((error) => {});\n }\n }, [])\n \n\n useEffect(() => {\n\n if (images == null || images.length == 0) {\n //REACT_APP_GET_SLIDERS\n localStorage.setItem(\"slider\", \"\");\n const sliderCheck = localStorage.getItem(\"sliders\");\n if (sliderCheck == null) {\n getSliders().then((res) => {\n setImages(res.data.images);\n });\n }\n }\n }, [sliders]);\n\n const [openedBox, setOpenedBox] = useState(false);\n const [currentImageIndex, setCurrentIndex] = useState(0);\n\n\n const gotoPrevious = () =>\n currentImageIndex > 0 && (setCurrentIndex(currentImageIndex - 1));\n\n const gotoNext = () =>\n currentImageIndex + 1 < products.map((x) => x.image).length &&\n (setCurrentIndex(currentImageIndex + 1));\n\n return (\n <>\n \n Günün Ürünleri\n
\n\n {\n addToBasket(x);\n }}\n >\n history.push(\"/giris-yap\")}\n style={{ fontSize: 12, textAlign: \"center\" }}\n >\n Fiyatları görmek için giriş yapın\n
\n \n ) : (\n <>\n \n {x.title}\n
\n {localStorage.getItem(\"venontoken\") == null ? (\n <>\n \n {x.salePrice} ₺{\" \"}\n \n {/* + KDV */}\n \n
\n \n
\n \n )}\n \n \n {images != null && images.length > 0 ? (\n \n \n {/* */}\n {/* */}\n {/* */}\n \n\n \n ) : (\n <>\n )}\n \n
\n \n \n \n \n
\n ) : (\n <>\n )}\n {products.map((x) => {\n return (\n \n
\n {products == null || products.length == 0 ? (\n {language.discovery}
\n\n {products.length > 0 && (\n {\n return { src: x.image, loading: \"lazy\", alt: \"deha\" };\n })}\n currentIndex={currentImageIndex}\n onClose={() => setOpenedBox(false)}\n style={{ background: \"#fff\", zIndex: 1009090 }}\n renderNextButton={() => (\n \n \n )}\n renderPrevButton={() => (\n \n \n )}\n renderFooter={() => (\n {\n history.push(\n \"/urun/\" +\n [\n ...products,\n ...man,\n ...women,\n ...garson,\n ...filet,\n ...patik,\n ...bebe,\n ][currentImageIndex].slug\n );\n }}\n >
\n )}\n renderHeader={() => (\n history.push(`/urun/${item.slug}`)}>\n history.push(`/urun/${item.slug}`)}\n >\n
\n \n \n 
\n
\n {item.title}
\n \n Mevcut : {item.availableStock > 80 ? \"80+\" : item.availableStock}\n
\n \n {/* ( x{item.quantity} Koli /{\" \"} */}\n x{item.quantity } Adet\n
\n \n
\n \n
\n \n
\n \n {\n if (count == 1) {\n decrement(item, true);\n } else {\n decrement(item);\n }\n }}\n />\n
\n \n \n increment(item)} />\n
\n \n {item.salePrice} \n
\n \n
\n - \n
- \n
\n {\" \"}\n
\n\n {cart != null && cart.length > 0 ? (\n{language.myCart}{\" \"}\n \n\n ) : (\n <>\n )}\n\n\n\n {language.clearCart}\n \n \n {cart == null || cart.length < 1 ? (\n - \n
Sepetiniz Boş
\n \n \n ) : (\n (cart != null ? cart : []).map((item) => {\n return (\n
\n
\n ) : (\n <>\n )}\n \n {cart == null || cart.length < 1 ? (\n - \n
- \n {language.myCart} ( {cart != null ? cart.length : 0} Ürün )\n {cart != null && cart.length > 0 ? (\n
\n
Sepetiniz Boş
\n \n\n
\n \n history.push(\"/odeme-sayfasi\")}\n >\n
\n \n {language.total} {language.quantity} {cart != null ? cart.reduce((a, b) => a + b.quantity, 0) : 0}{\" \"}\n \n
\n \n {/* {total} \n
\n {cart == null || cart.length < 1 ? (\n \n ) : (\n // \n <>\n \n
\n \n history.push(\"/odeme-sayfasi\")}\n >\n {/*
\n \n {total} \n
\n {cart == null || cart.length < 1 ? (\n \n ) : (\n // \n <>\n \n \n\n \n \n \n\n \n
\n\n Keşfet
\n\n {\n discover.length > 0 ?\n\n
\n }\n \n {\n if (\n location.state &&\n location.state.prevPage != undefined &&\n location.state.prevPage != null\n ) {\n history.push(location.state.prevPage, { back: true });\n } else {\n history.goBack();\n }\n }}\n >\n
\n {/* \n {data.group}/\n {data.subGroup}/\n \n {data.subSubGroup}\n \n
*/}\n\n \n {/*
\n \n\n {data.barcode}
*/}\n\n
\n ) : (\n <>\n )}\n \n\n \n setOpenedBox(false)}\n style={{ background: \"#fff\" }}\n renderNextButton={() => (\n \n \n )}\n renderPrevButton={() => (\n \n \n )}\n renderHeader={() => (\n setOpenedBox(false)}\n className=\"light-close\"\n >\n X\n \n )}\n pageTransitionConfig={{\n from: { transform: \"scale(0.75)\", opacity: 0 },\n enter: { transform: \"scale(1)\", opacity: 1 },\n leave: { transform: \"scale(0.75)\", opacity: 0 },\n config: { mass: 1, tension: 320, friction: 32 },\n }}\n />\n
\n \n \n
\n \n \n
\n\n BEDEN
\n {data.description3\n .replace(\"Asorti:\", \"\")\n .split(\" \")\n .map((x) => {\n return (\n \n {x.split(\":\")[0]}\n
\n );\n })}\n TOPLAM
\n ADET
\n {data.description3\n .replace(\"Asorti:\", \"\")\n .split(\" \")\n .map((x) => {\n return (\n \n {x.split(\":\")[1]}\n
\n );\n })}\n \n {data.unit2coefficient}\n
\n \n \n {\" \"}\n Renkler{\" \"}\n \n
\n );\n })}\n\n {data.variantProducts?.length > 5 && !variantDetail ? (\n \n {data.variantProducts &&\n data.variantProducts\n .filter((x) => x.image != null && x.image != \"\")\n .slice(0, variantDetail ? data.variantProducts.length : 5)\n .map((x) => {\n return (\n history.push(\"/urun/\" + x.slug)}\n key={x.slug + \"ded\"}\n className={\n \"variant-item \" + (data.slug == x.slug ? \"active\" : \"\")\n }\n >\n
\n \n {\n setVariantDetail(true);\n }}\n className=\"image\"\n style={{\n display: \"flex\",\n justifyContent: \"center\",\n alignItems: \"center\",\n flexDirection: \"column\",\n }}\n >\n \n +{data.variantProducts.length - 5}\n \n Renk Daha\n
\n \n ) : (\n <>\n )}\n \n\n {/* {data.stockText}
*/}\n\n \n {language.lang != \"tr\" && data.title2 != null && data.title2 != \"\"\n ? data.title2\n : data.title}\n
\n \n {/*
\n\n {/* \n
*/}\n\n Bilgi Kodu
\n {data.id}
\n \n
\n\n {language.stockcode}
\n {data.id}
\n \n
\n\n {language.stockCount}
\n {data.availableStock}
\n \n
\n\n {language.color}
\n {data.color}
\n \n {\n history.push(\"/kategori/\" + data.subGroupSlug);\n }}\n >\n {data.subGroup}{\" \"}\n {data.subSubGroup != \"\" ? \" - \" + data.subSubGroup : \"\"}\n
\n {language.category}
\n \n
*/}\n {/* Tür
\n \n {data.description4 != null\n ? data.description4.replace(\"Taban:\", \"\")\n : \"\"}\n
\n \n
*/}\n \n\n Mevcut
\n \n {data.availableStock} \n
\n \n {data.variantProducts &&\n data.variantProducts\n .filter((x) => x.image != null && x.image != \"\")\n .slice(0, variantDetail ? data.variantProducts.length : 5)\n .map((x) => {\n return (\n history.push(\"/urun/\" + x.slug)}\n key={x.slug + \"ded\"}\n className={\n \"variant-item \" + (data.slug == x.slug ? \"active\" : \"\")\n }\n >\n
\n \n );\n })}\n\n {data.variantProducts?.length > 5 && !variantDetail ? (\n \n {\n setVariantDetail(true);\n }}\n className=\"image\"\n style={{\n display: \"flex\",\n justifyContent: \"center\",\n alignItems: \"center\",\n flexDirection: \"column\",\n }}\n >\n \n +{data.variantProducts.length - 5}\n \n \n
\n \n ) : (\n <>\n )}\n \n\n {/* \n
*/}\n\n \n ADET \n {data.salePrice} \n
\n\n \n {data.salePrice * count} \n \n + KDV\n \n
\n \n {data.unit}\n {data.salePrice} \n
\n\n \n {language.plusVat}\n
\n \n {count * data.unit2coefficient} {data.unit}\n
\n \n \n setCount(count * 1 - 1 < 1 ? 1 : count * 1 - 1)\n }\n className={`buttons ${data.quantity == 1 ? \"delete\" : \"\"}`}\n >\n = data.availableStock / data.unit2coefficient\n // ? true\n // : false\n // }\n onClick={() => setCount(count * 1 + 1)}\n className=\"buttons\"\n >\n
\n\n \n \n {data.unit2}\n
\n \n \n
\n \n ) : (\n <>\n \n Fiyatları görmek ve sipariş vermek için{\" \"}\n
\n \n history.push(\"/giris-yap\")}\n variant=\"contain\"\n >\n {\" \"}\n \n
\n \n )}\n \n \n
\n \n Adet\n \n {data.salePrice} \n \n
\n\n \n KDV Dahil(x{mobileCount})\n \n {\" \"}\n {data.salePrice * mobileCount} \n \n
\n \n {basket != null &&\n basket != undefined &&\n basket.length > 0 &&\n basket.filter((x) => x.productId == data.id).length != 0 ? (\n <>\n {\n if (mobileCount == 1) {\n removeItem(data.id);\n } else {\n decrementItem();\n }\n }}\n className={`buttons ${\n mobileCount == 1 ? \"delete\" : \"\"\n }`}\n >\n =\n // data.availableStock / data.unit2coefficient\n // ? true\n // : false\n // }\n onClick={() => incrementItem()}\n className=\"buttons\"\n >\n
\n\n {/* \n
\n \n {\n e.preventDefault();\n increment(mobileCount);\n }}\n >\n
\n )}\n \n {count * data.unit2coefficient} {\" Çift \"}\n
*/}\n {/* \n \n setCount(count * 1 - 1 < 1 ? 1 : count * 1 - 1)\n }\n className={`buttons ${data.quantity == 1 ? \"delete\" : \"\"}`}\n >\n = data.availableStock / data.unit2coefficient\n ? true\n : false\n }\n onClick={() => setCount(count * 1 + 1)}\n className=\"buttons\"\n >\n
\n\n \n \n {data.unit2}\n
\n \n \n
*/}\n \n ) : (\n <>\n \n Fiyatları görmek ve sipariş vermek için{\" \"}\n
\n \n history.push(\"/giris-yap\")}\n variant=\"contain\"\n >\n {\" \"}\n \n
\n \n )}\n \n \n \n\n \n \", \"\")\n .replace(\"<[ACIKLAMA]>\", \"\")\n .replace(\"<[TARIF]>\", \"\")\n .replace(\"<[SURELER]>\", \"\"),\n }}\n /> */}\n\n
\n \n {language.product} {language.description}\n
\n {(language.lang != \"tr\" &&\n data.specialDescription2 != null &&\n data.specialDescription2 != \"\"\n ? data.specialDescription2\n : data.specialDescription\n )\n ?.split(\"\\n\")\n .map((x) => {\n return{x}
;\n })}\n {/* \n {/* {data.description}. {data.description2}. {data.description3}.{\" \"}\n {data.description4} */}\n
\n\n \n\n \n {language.loading}... \n \n
\n :\n product==='empty' ?\n \n \n Ürün Bulunamadı \n \n
\n :\n Ürün bulunamadı!
\n\n\n \n \n \n\n \n
\n\n history.push('/kesfet')}>{language.discovery}
\n {\n discover.length > 0 ?\n\n {/*
\n }\n \n - \n
- \n
\n {\" \"}\n
\n {/* {\n cart!=null && cart.length>0 ?\nÖdeme Yöntemleri{\" \"}\n \n {\n removeCart()\n }}>\n : <>\n } */}\n\n \n {cart == null || cart.length < 1 ? (\n - \n
Sepetiniz Boş
\n \n \n ) : (\n
\n setSelectedTab(\"cari\")}\n className={\n \"payment-tab \" + (selectedTab == \"cari\" ? \" active\" : \"\")\n }\n >\n Cari Hesap\n
\n \n \n setNote(e.target.value)}\n maxLength={250}\n >\n {note}\n \n
\n \n\n \n
\n */}\n\n {/* Garanti Bankası
\nPara Birimi : ₺ (TRY)
\n\n Hesap Adı : Güven Avize AYAKKABI TEKSTİL SANAYİ VE TİC.LTD.ŞTİ\n
\n\n TR48 0006 2000 0440 0006 2968 77\n
\n \n
\n */}\n\n {/* Ziraat Bankası
\nPara Birimi : ₺ (TRY)
\nHesap Adı : Güven Avize AYAK.TEKS.SAN.TİC.LTD.ŞTİ
\n\n TR48 0006 2000 0440 0006 2968 77\n
\n \n
\n */}\n {bankAccounts != null ? (\n bankAccounts.map((x) => {\n return (\n İş Bankası
\nPara Birimi : ₺ (TRY)
\nHesap Adı : Güven Avize AYAKKABI TEKS.
\n\n TR79 0006 4000 0011 0092 6977 04\n
\n \n
\n \n );\n })\n ) : (\n <>\n )}\n \n\n {x.bankTitle}
\n\n Para Birimi : {x.accountTitle} ({x.accountType})\n
\nHesap Adı : {x.bankAddress}
\n\n {x.iban}\n
\n \n {paymentError}\n \n
\n ) : (\n \n )}\n \n \n
\n\n {/* \n 
\n {cart != null && cart.length > 0 ? (\n cart.map((x) => {\n return (\n
\n );\n })\n ) : (\n <>\n )}\n\n {cart != null && (\n <>\n \n {x.salePrice} \n \n x{x.quantity}\n
\n {x.title}
\n \n \n \n {cart.reduce((x, y) => x + y.salePrice * y.quantity, 0)}\n \n
\n Toplam Tutar
\n :
\n \n \n \n {cart.reduce((x, y) => x + y.vatAmount * y.quantity, 0)}\n \n
\n \n\n Toplam Kdv
\n :
\n \n \n \n {cart.reduce((x, y) => x + y.salePrice * y.quantity, 0) +\n cart.reduce((x, y) => x + y.vatAmount * y.quantity, 0)}\n \n
\n */}\n \n )}\n \n Genel Toplam
\n :
\n \n {cart != null && (\n
\n \n \n Toplam {cart != null ? cart.length : 0} Ürün{\" \"}\n \n {cart != null\n ? cart.reduce(\n (x, y) => x + y.quantity * y.unit2coefficient,\n 0\n )\n : 0}{\" \"}\n Adet\n \n
\n )}\n\n \n {/* {total} \n
\n {cart == null || cart.length < 1 ? (\n \n ) : (\n <>{getPaymentButton()}\n )}\n \n
\n\n \n
*/}\n \n - \n
- \n
\n {\" \"}\n
\nÖdeme Yöntemleri{\" \"}\n \n\n
\n {/* {\n //setSelectedTab(\"transfer\")\n }}\n style={{ color: \"#333\" }}\n className={\n \"payment-tab \" + (selectedTab == \"transfer\" ? \" active\" : \"\")\n }\n >\n Havale/Eft\n
\n \n
\n \n );\n })\n ) : (\n <>\n )}\n \n\n {x.bankTitle}
\n\n Para Birimi : {x.accountTitle} ({x.accountType})\n
\nHesap Adı : {x.bankAddress}
\n\n {x.iban}\n
\n \n {paymentError}\n \n
\n ) : (\n \n )}\n \n \n \n\n \n
\n \n \n
\n\n <>\n \n
\n \n Tahsilat Tutarı :
\n \n {/*
\n \n \n
\n ) : (\n \n setAmount(e.target.value)}\n type={\"number\"}\n />\n \n
\n ₺
\n