{"version":3,"sources":["components/stores/Product.js","helpers/ProductRequests.js","components/Content/CategoryLoader.js","components/Navigation/Categories.js","mainlogotrans.png","images/dehasoft-robot-kafasi.png","components/Content/LoginBox.js","components/Navigation/MobileSearchBox.js","components/Content/RegisterBox.js","components/Content/ForgotBox.js","components/Navigation/Header.js","components/stores/Cart.js","components/Navigation/Footer.js","components/Navigation/PopUp.js","components/Navigation/Bottom.js","styles/Product.js","styles/Home.js","helpers/OrderRequests.js","helpers/CartRequests.js","components/useWindowDimensions.js","components/stores/Site.js","components/Slider/Products.js","styles/Content.js","styles/Header.js","components/Product/ProductCard.js","components/stores/Auth.js","styles/Auth.js","helpers/AuthRequests.js","styles/Print.js","components/Content/Category/FilterGroup/ColorItem.js","mainlogo.png","components/Content/Category/FilterGroup/BrandItem.js","components/Content/Title.js","components/Product/ProductItem.js","components/Content/Category/CategoryList.js","components/Content/BrandList.js","components/Content/ProductList.js","components/Content/Category/FilterGroup/CategoryItem.js","components/Content/Category/FilterGroup/SubItem.js","styles/Cart.js","styles/Theme.js","styles/Slide.js","components/Cart/Item.js","components/Forms/RegisterForm.js","views/Variant.js","MyTestSvg.svg","views/NotFound.js","components/Cart/ItemMobile.js","components/Cart/CartItems.js","views sync /^/.//.*/.js$","views/Authentication/Logout.js","views/Authentication/Register.js","views/Brand.js","views/Brands.js","views/Campaign.js","views/Cart.js","views/Collection.js","views/Collections.js","views/Discover.js","views/Invoice.js","views/Invoices.js","views/MyProfile.js","views/NewProducts.js","views/OfficeMode.js","views/Order.js","views/Orders.js","views/Payment/FailCallback.js","views/Payment/SuccessCallback.js","views/Print/PrintCollection.js","views/Print/PrintCollections.js","views/Print/PrintInvoice.js","views/Print/PrintInvoices.js","views/Print/PrintOrder.js","views/Print/PrintOrders.js","views/ProductReport.js","views/ProductReportDetail.js","views/Profile.js","views/ResetPassword.js","views/Search.js","styles/Global.js","components/stores/index.js","Routes.js","components/Content/ScrollButton.js","App.js","index.js","components/Slider/index.js","views/Home.js","components/Forms/LoginForm.js","views/Authentication/Login.js","components/Slider/ProductImage.js","components/Content/ProductDetail.js","views/Product.js","components/Content/Category/FilterGroup/AnotherItem.js","views/Category.js","components/Cart/Payment.js","views/Payment.js","components/Payment.js","views/Payment/CreatePayment.js"],"names":["product","createSlice","name","initialState","products","page","brandSearchTxt","colorSearchTxt","currentImageIndex","openedBox","filterOpen","brandOpen","colorOpen","logLoad","colors","brands","minPrice","maxPrice","soles","selectedSoles","selectedColors","selectedBrands","selected","loading","allData","sort","sortedBy","categories","reducers","setPage","state","action","payload","setCategories","setProducts","setBrandSearchTxt","setColorSearchTxt","setOpenedBox","setFilterOpen","setBrandOpen","setColorOpen","setLogLoad","setColors","setBrands","setMinPrice","setMaxPrice","setSelectedSoles","setSelectedColors","setSelectedBrands","setSelected","setLoading","setAllData","setSort","setSoles","setCurrentIndex","actions","useProductRequests","getSearchCompleteRequest","string","a","axios","method","url","process","headers","Authorization","localStorage","getItem","getSearchComplete","cachedSearchComplete","replace","currentDate","Date","secondsSinceEpoch","getTime","JSON","parse","check","timestamp","data","result","setItem","stringify","getProducts","getSlidersRequest","getSliders","sliders","getProduct","id","getDiscover","getCategoryRequest","brand","getCategories","cachedCategoryies","getBrandsRequest","category","getBrands","getColorRequest","brandSlugList","groupSlugList","getColors","cachedColors","getSpecialCodesRequest","getSpecialCodes","cachedSpecialCodes","codes","Loader","props","count","head","options","i","push","Fragment","speed","width","height","backgroundColor","foregroundColor","x","y","rx","ry","Math","floor","random","React","Component","Categories","open","setOpen","useState","history","useHistory","useLayoutEffect","length","then","response","catch","error","console","log","useWindowDimensions","Header","style","zIndex","className","onClick","padding","textAlign","undefined","map","index","pathname","slug","minHeight","transition","transform","icon","faAngleDown","subGroups","sub_category","setTimeout","display","backgroundImage","image","window","location","href","indexOf","background","toUpperCase","LoginBox","useAuthRequests","loginRequest","getCustomer","getCart","useCartRequests","dispatch","useDispatch","email","setEmail","password","setPassword","setError","success","setSuccess","setChecked","loginIn","e","preventDefault","debug","removeItem","loginChange","token","authenticationKey","login","res","setCustomer","setBasket","message","hide","setHide","stopPropagation","faTimes","src","robotkafasi","autoComplete","onSubmit","type","autocapitalize","autocomplete","autocorrect","autofocus","placeholder","value","onChange","target","faEye","faEyeSlash","faExclamationTriangle","marginRight","faCheck","size","color","setLoginPopUp","setForgotPopUp","paddingTop","marginBottom","cursor","setRegisterPopUp","paddingBottom","justifyContent","alignItems","marginLeft","fontWeight","MobileSearchBox","getResult","search","setSearch","blurred","searchRef","useRef","useEffect","current","focus","faSearch","ref","onKeyUp","keyCode","startIndex","title","toLowerCase","before","substring","highlighted","after","Link","to","alt","RegisterBox","loginOpen","registerRequest","setName","surname","setSurname","address","setAddress","phoneNumber","setPhoneNumber","register","ForgotBox","forgotRequest","forgotRequestFinal","mode","setMode","code","setCode","HeaderComponent","useSelector","site","loginPopUp","registerPopUp","forgotPopUp","useLocation","theme","auth","admin","currency","basket","cart","setCurrency","extractionCart","filter","sub","productId","newbasket","toast","setResult","err","cartOpen","setCartOpen","searchOpen","setSearchOpen","changeLoginPopUp","fontSize","flexDirection","paddingLeft","marginTop","faBars","onContextMenu","onBlur","reload","autoFocus","position","left","top","as","faUserCircle","Items","Item","onMouseMove","onMouseLeave","faShoppingBasket","maxHeight","item","quantity","reduce","b","unit2coefficient","salePrice","textShadow","borderBottomLeftRadius","borderBottomRightRadius","Button","emptyCart","itemIncrement","Footer","logo","faPhone","faMobileAlt","PopUp","variant","sub_categories","Bottom","faHome","faShoppingCart","faShoppingBag","faUser","faUserPlus","faThLarge","ProductList","styled","div","mainThemeColor","altHeader","mainThemeBackground","mainThemeOpacityBackgroundHover","dropDownBackground","DetailContainer","productsContainerBackground","rgba","InvoiceContainer","SwapButton","button","BrandList","SliderSwitch","CarouselContainer","carouselBackground","front","rgbaOpacity","center","centerlast","end","SlideProductContainer","useOrderRequests","getBankAccounts","getOrders","getCollections","getCollection","getInvoices","getInvoice","getOrder","createOrder","order","REACT_APP_CRAETE_ORDERS","cancelOrder","getProductReports","startDate","endDate","createPaymentForm","amount","addCart","items","deleteCart","incrementCart","decrementCart","product_id","getWindowDimensions","innerWidth","innerHeight","windowDimensions","setWindowDimensions","handleResize","addEventListener","removeEventListener","language","slider","changeSlider","lightMode","LightTheme","darkMode","DarkTheme","changeTheme","english","turkish","changeLanguage","Products","items2","carouselRef","disableArrowsOnEnd","pagination","itemsToShow","TitleContainer","NotFoundContainer","CallBackContainer","PaymentCreateContainer","ProductContent","nav","header","elementShadow","elementBackground","notifyCircleBackground","BottomNav","HeaderAlt","element","altHeaderBorder","HeaderTop","opacityColor","FooterContainer","footer","HeaderAltMobile","MobileSearchContainer","ProductCard","getBasket","addToBasket","prod","loader","POSITION","BOTTOM_RIGHT","isLoading","closeOnClick","pauseOnHover","pauseOnFocusLoss","draggable","update","render","autoClose","hideProgressBar","decrease","total","price","rotated","setRotated","model","variantCount","brandSlug","groupSlug","group","faTrash","faMinus","disabled","availableStock","faPlus","getMainRoutes","routes","user","balance","newCurrencySet","visibleCurrencyUnit","customerId","logout","AuthPage","Login","errorText","successText","LoginBoxContent","username","changePasswordRequest","PrintContainer","ColorItem","includes","BrandItem","productCount","Title","text","Productproduct","grid","popupOpen","setPopupOpen","Slide","opacity","Variant","stockText","find","borderRadius","right","paddingRight","listPrice","inStock","CategoryList","slugPrefix","setSelectedBrand","selectedBrand","borderTopWidth","borderColor","borderStyle","borderBottom","renderArrow","pointer","isEdge","consts","PREV","faAngleLeft","faAngleRight","border","outline","NEXT","faTrashRestore","backgroundSize","backgroundRepeat","backgroundPosition","boxShadow","Category","getNewProducts","getSearchedProducts","simpleCount","setGrid","listInnerRef","onScroll","scrollTop","scrollHeight","clientHeight","all","scrollTo","setDocumentTitle","setSize","interval","handleVisibilityChange","document","hidden","clearInterval","setInterval","faAngleUp","faList","paddig","userSelect","currentPage","totalCount","Product","CategoryItem","categoryMode","parent","SubItem","CartContainer","primary","notifyCircle","footerBackground","mainThemeDarkColor","dropDownHoverBackground","warning","warningText","info","infoText","adminHeaderMenuItem","adminHeaderMenuItemActive","mainThemeBackgroundOpacity","SlideProductItem","SlideBrandItem","setCount","increment","decrement","remove","handleChange","faTrashAlt","RegisterForm","company","setCompany","guarantorName","setGuarantorName","guarantorPhoneNumber","setGuarantorPhoneNumber","phoneNumber2","setPhoneNumber2","sendRegister","InputProps","disableUnderline","sx","m","label","totalPage","setTotalPage","newpage","variantsOfCode","productCode","_path","_path2","_excluded","_extends","Object","assign","arguments","source","key","prototype","hasOwnProperty","call","apply","this","_objectWithoutProperties","excluded","sourceKeys","keys","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","propertyIsEnumerable","SvgMyTestSvg","_ref","svgRef","titleId","xmlns","viewBox","fill","d","ForwardRef","NotFound","CartItems","setTotal","removeCart","goHome","Cart","goBack","webpackContext","req","webpackContextResolve","__webpack_require__","o","Error","resolve","module","exports","LogoutPage","goLogOut","cookies","cookie","split","eqPos","substr","Contact","buttonText","cookieName","buttonStyle","expires","mainLogo","useParams","opened","setOpened","back","specialCodeKey","specialCodeIdList","colorList","betweenPrices","getSlugToName","rslug","gotoPrevious","gotoNext","content","faSlidersH","specialCode","toLocaleLowerCase","startsWith","pg","isOpen","onPrev","onNext","images","currentIndex","onClose","renderFooter","renderNextButton","stroke","renderPrevButton","renderHeader","pageTransitionConfig","from","enter","leave","config","mass","tension","friction","Home","setValue","selectedLetters","setSelectedLetters","alphabet","setAlphabet","Array","Set","join","_","newValue","selectedStartIndex","selectedEndIndex","ceil","startLetter","endLetter","disableSwap","flexWrap","localeCompare","charAt","productImage","NewProducts","productOfCampaign","allSearch","Basket","discover","setDiscover","Collection","setOrder","columns","selector","row","barcode","unit","vatRate","totalPrice","totalPriceWithVat","date","orderCode","status","Collections","collections","setCollections","printOn","setPrintOn","printPdf","slice","collectionId","collectionType","explanation","currencyCredit","credit","currencyUnit","currencyDebt","debt","filterText","setFilterText","resetPaginationToggle","filteredItems","subHeaderComponentMemo","useMemo","faPrint","subHeader","paginationPerPage","paginationRowsPerPageOptions","subHeaderComponent","noDataComponent","Discover","invoice","setInvoice","faFilePdf","invoiceCode","invoices","setInvoices","sortable","detail","invoiceId","orderId","MyProfile","OfficeMode","tetik","setTetik","cancelable","timesOrder","orders","setOrders","orderTetik","setOrderTetik","SuccessCallback","strokeWidth","version","strokeLinecap","strokeLinejoin","setUpdate","PrintCollection","collection","setCollection","print","systemHasCreated","Printcollections","totals","totalCredit","totalBalance","PrintOrders","PrintInvoices","totalCurrencyPrice","reports","setReports","totalQuantity","totalAmount","today","setDate","getDate","toISOString","setStartDate","setEndDate","handleStartDateChange","event","handleEndDateChange","fontFamily","onRowClicked","Profile","getMainProducts","oldPassword","setOldPassword","newPassword","setNewPassword","confirmPassword","setConfirmPassword","faKey","loadingPosition","Search","searchTxt","GlobalStyle","createGlobalStyle","configureStore","reducer","authReducer","siteReducer","cartReducer","productReducer","anotherRoutes","exact","path","store","getState","route","component","require","default","Routes","ScrollButton","App","mainRoutes","setMainRoutes","routeList","Helmet","property","smooth","MyTestSvg","rootElement","getElementById","intlConfig","locale","maximumFractionDigits","hasChildNodes","ReactDOM","hydrate","Slider","resetTimeout","carouselRef2","goTo","prominent","activeIndex","format","updateColors","newColors","enableAutoPlay","autoPlaySpeed","renderPagination","pages","activePage","isActivePage","margin","onNextEnd","clearTimeout","onPrevStart","faArrowUp","faArrowDown","verticalMode","textDecoration","setImages","man","setMan","women","setWomen","garson","setGarson","filet","setFilet","bebe","setBebe","patik","setPatik","setMainPageProducts","windowWidth","getHomePageCategoryItems","set","productOfDay","productOfMainPage","bottom","statusMessage","accountName","avatar","chatMessage","LoginForm","TextField","Box","LoadingButton","Auth","ProductImage","rotate","active","minWidth","maxWidth","ProductDetail","productImages","setProductImages","mobileCount","setMobileCount","variantDetail","setVariantDetail","ct","TOP_RIGHT","incrementItem","decrementItem","rel","description3","description","subGroup","subSubGroup","prevPage","variantProducts","description4","unit2","faSignInAlt","faCartPlus","setProduct","oldSlug","setOldSlug","AnotherItem","getProductReq","selectedAnotherFilters","setSelectedAnotherFilters","productOfSupplier","printHtml","setPrintHtml","useCallback","html","srcDoc","selectedTab","setSelectedTab","paymentError","setPaymentError","paymentForm","setPaymentForm","note","setNote","bankAccounts","setBankAccounts","setCopied","getPaymentForm","atob","htmlContent","createNewOrder","paymentType","orderNote","usedUnit","handleCopyIban","faCreditCard","maxLength","onCopy","faCopy","iban","bankTitle","accountTitle","accountType","bankAddress","dangerouslySetInnerHTML","__html","fontStyle","vatAmount","Payment","setAmount"],"mappings":"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","file":"static/js/main.aad2bcc1.chunk.js","sourcesContent":["import { createSlice } from \"@reduxjs/toolkit\";\nexport const product = createSlice({\n  name: \"site\",\n  initialState: {\n    products: [],\n    page: 1,\n    brandSearchTxt: \"\",\n    colorSearchTxt: \"\",\n    currentImageIndex: 0,\n    openedBox: false,\n    filterOpen: false,\n    brandOpen: true,\n    colorOpen: false,\n    logLoad: false,\n    colors: [],\n    brands: [],\n    minPrice: null,\n    maxPrice: null,\n    soles: [],\n    selectedSoles: [],\n    selectedColors: [],\n    selectedBrands: [],\n    selected: [],\n    loading: false,\n    allData: null,\n    sort: { sort: \"DATE\", sortedBy: \"DESC\", name: \"Yeni Ürünler\" },\n    categories: [],\n  },\n  reducers: {\n    \n    setPage: (state, action) => {\n      state.page = action.payload;\n    },\n    setCategories: (state, action) => {\n      state.categories = action.payload;\n    },\n    setProducts: (state, action) => {\n      state.products = action.payload;\n    },\n    setBrandSearchTxt: (state, action) => {\n      state.brandSearchTxt = action.payload;\n    },\n    setColorSearchTxt: (state, action) => {\n      state.colorSearchTxt = action.payload;\n    },\n    \n    setOpenedBox: (state, action) => {\n      state.openedBox = action.payload;\n    },\n    setFilterOpen: (state, action) => {\n      state.filterOpen = action.payload;\n    },\n    setBrandOpen: (state, action) => {\n      state.brandOpen = action.payload;\n    },\n    setColorOpen: (state, action) => {\n      state.colorOpen = action.payload;\n    },\n    setLogLoad: (state, action) => {\n      state.logLoad = action.payload;\n    },\n    setColors: (state, action) => {\n      state.colors = action.payload;\n    },\n    setBrands: (state, action) => {\n      state.brands = action.payload;\n    },\n    setMinPrice: (state, action) => {\n      state.minPrice = action.payload;\n    },\n    setMaxPrice: (state, action) => {\n      state.maxPrice = action.payload;\n    },\n    setSelectedSoles: (state, action) => {\n      state.selectedSoles = action.payload;\n    },\n    setSelectedColors: (state, action) => {\n      state.selectedColors = action.payload;\n    },\n    setSelectedBrands: (state, action) => {\n      state.selectedBrands = action.payload;\n    },\n    setSelected: (state, action) => {\n      state.selected = action.payload;\n    },\n    setLoading: (state, action) => {\n      state.loading = action.payload;\n    },\n    setAllData: (state, action) => {\n      state.allData = action.payload;\n    },\n    setSort: (state, action) => {\n      state.sort = action.payload;\n    },\n    setSoles: (state, action) => {\n      state.soles = action.payload;\n    },\n    setCurrentIndex: (state, action) => {\n      state.currentImageIndex = action.payload;\n    }\n  },\n});\n\nexport const {\n  \n  setPage,\n  setCategories,\n  setProducts,\n  setBrandSearchTxt,\n  setColorSearchTxt,\n  setOpenedBox,\n  setFilterOpen,\n  setBrandOpen,\n  setColorOpen,\n  setLogLoad,\n  setColors,\n  setBrands,\n  setMinPrice,\n  setMaxPrice,\n  setSelectedSoles,\n  setSelectedColors,\n  setSelectedBrands,\n  setSelected,\n  setLoading,\n  setAllData,\n  setSort,\n  setSoles,\n  setCurrentIndex,\n} = product.actions;\nexport default product.reducer","import axios from 'axios'\n\nexport const useProductRequests = () => {\n  const getSearchCompleteRequest = async (string) => {\n    return axios({\n      method: \"GET\",\n      url: `${\n        process.env.REACT_APP_API + process.env.REACT_APP_GET_SEARCH_COMPLETE+`?title=${string}`\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_GET_SEARCH_COMPLETE\n        }/?count=10`,\n        Authorization: `${localStorage.getItem(\"ulusoytoken\")}`,\n      },\n    });\n  }\n  const getSearchComplete = async (string) => {\n    const cachedSearchComplete = localStorage.getItem(\"ulusoysearch\" + string.replace(/\\s+/g, '-space-'));\n    var currentDate = new Date();\n    var secondsSinceEpoch = currentDate.getTime() / 1000;\n    if (cachedSearchComplete != null) {\n      const check = await JSON.parse(cachedSearchComplete);\n      if (check.timestamp > secondsSinceEpoch) {\n        \n        return check.data;\n      }\n    }\n    const result = await getSearchCompleteRequest(string);\n    localStorage.setItem(\n      \"ulusoysearch\" + string.replace(/\\s+/g, \"-space-\"),\n      JSON.stringify({\n        timestamp: secondsSinceEpoch + 60 * 60,\n        data: result,\n      })\n    );\n    return result;\n  }\n  \n  const getProducts = async (data={}) => { \n    /*\n      page=${data.page||\"1\"}&\n      name=${data.name||\"\"}&\n      description=${data.description||\"\"}&\n      price=${data.price||\"\"}&\n      stock=${data.stock||\"\"}&\n      slug=${data.slug||\"\"}&\n      categorySlug=${data.category||\"\"}&\n      sort=${data.sort||\"\"}&\n      allSearch=${data.allSearch||\"\"}\n    */\n    return axios({\n      method: 'POST',\n      url: `${process.env.REACT_APP_API+process.env.REACT_APP_PRODUCTS}`,\n      data:data,\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_PRODUCTS}/?count=10`,\n        'Authorization': `${localStorage.getItem('ulusoytoken')}`\n      }\n    })\n  }\n  const getSlidersRequest = async () => {\n    return axios({\n      method: \"GET\",\n      url: `${process.env.REACT_APP_API + process.env.REACT_APP_GET_SLIDERS}`,\n      headers: {\n        \"Content-Type\": \"application/json\",\n        \"Access-Control-Allow-Origin\": \"*\",\n        \"Access-Control-Allow-Methods\": \"GET,PUT,POST,DELETE,PATCH,OPTIONS\",\n        Authorization: `${localStorage.getItem(\"ulusoytoken\")}`,\n      },\n    });\n  }\n  const getSliders = async () => {\n    const cachedSliders = localStorage.getItem(\"ulusoysliders\");\n    var currentDate = new Date();\n    var secondsSinceEpoch = currentDate.getTime() / 1000;\n    // if (cachedSliders != null) {\n    //   const check = await JSON.parse(cachedSliders);\n    //   if (check.timestamp > secondsSinceEpoch) {\n        \n    //     //return check.data;\n    //   }\n    // }\n    const sliders = await getSlidersRequest();\n    localStorage.setItem(\n      \"ulusoysliders\",\n      JSON.stringify({\n        timestamp: secondsSinceEpoch + 60 * 60,\n        data: sliders,\n      })\n    );\n    return sliders;\n  };\n\n  const getProduct = async (id) => { \n    return axios({\n      method: 'GET',\n      url: `${process.env.REACT_APP_API+process.env.REACT_APP_PRODUCT}?slug=${id}`,\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_PRODUCTS}/${id}`,\n        'Authorization': `${localStorage.getItem('ulusoytoken')}`\n      }\n    })\n  }\n\n  \n\n  const getDiscover = async (data={}) => {\n    \n    return axios({\n      method: 'POST',\n      url: `${process.env.REACT_APP_API+process.env.REACT_APP_PRODUCTS}`,\n      data:data,\n      headers: {\n        'Content-Type': 'application/json',\n        'Access-Control-Allow-Origin': '*',\n        'Access-Control-Allow-Methods': 'GET,PUT,POST,DELETE,PATCH,OPTIONS',\n        'Authorization': `${localStorage.getItem('ulusoytoken')}`\n      }\n    })\n  }\n  const getCategoryRequest=async(brand)=>{\n    return axios({\n      method: \"GET\",\n      url: `${\n        process.env.REACT_APP_API + process.env.REACT_APP_CATEGORIES\n      }?brandSlug=${brand}`,\n      headers: {\n        \"Content-Type\": \"application/json\",\n        \"Access-Control-Allow-Origin\": \"*\",\n        \"Access-Control-Allow-Methods\": \"GET,PUT,POST,DELETE,PATCH,OPTIONS\",\n        Authorization: `${localStorage.getItem(\"ulusoytoken\")}`,\n      },\n    });\n  }\n  const getCategories = async (brand=\"\") => {\n    const cachedCategoryies = localStorage.getItem(\"ulusoycategories\"+brand);\n    var currentDate = new Date();\n    var secondsSinceEpoch = currentDate.getTime() / 1000; \n    if(cachedCategoryies!=null){\n      const check=await JSON.parse(cachedCategoryies);\n      if(check.timestamp>secondsSinceEpoch){\n        return check.data\n      }\n    } \n    const categories = await getCategoryRequest(brand);\n    localStorage.setItem(\n      \"ulusoycategories\"+brand,\n      JSON.stringify({ timestamp: (secondsSinceEpoch+(60*60)), data: categories })\n    );\n    return categories;\n    \n    \n    \n  }\n  const getBrandsRequest = async (category) => {\n    return axios({\n      method: \"POST\",\n      url: `${process.env.REACT_APP_API + process.env.REACT_APP_BRANDS}`,\n      data: category,\n      headers: {\n        \"Content-Type\": \"application/json\",\n        \"Access-Control-Allow-Origin\": \"*\",\n        \"Access-Control-Allow-Methods\": \"GET,PUT,POST,DELETE,PATCH,OPTIONS\",\n        Authorization: `${localStorage.getItem(\"ulusoytoken\")}`,\n      },\n    });\n  };\n  const getBrands = async (category=[]) => {\n  \n    const cachedCategoryies = localStorage.getItem(\"ulusoybrands\"+JSON.stringify(category));\n    var currentDate = new Date();\n    var secondsSinceEpoch = currentDate.getTime() / 1000;\n    if (cachedCategoryies != null ) {\n      const check = await JSON.parse(cachedCategoryies);\n      if (check.timestamp > secondsSinceEpoch) {\n        return check.data;\n      }\n    }\n\n    const brands = await getBrandsRequest(category);\n    localStorage.setItem(\n      \"ulusoybrands\" + JSON.stringify(category),\n      JSON.stringify({\n        timestamp: secondsSinceEpoch + 60 * 60,\n        data: brands,\n      })\n    );\n\n    return brands;\n  }\n\n  const getColorRequest = async (data) => {\n    return axios({\n      method: \"POST\",\n      url: `${\n        process.env.REACT_APP_API + process.env.REACT_APP_GET_PRODUCT_COLORS\n      }`,\n      data: {\n        brandSlugList: data.brandSlugList,\n        groupSlugList: data.groupSlugList,\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        Authorization: `${localStorage.getItem(\"ulusoytoken\")}`,\n      },\n    });\n  }\n\n  const getColors=async(data={})=>{\n    const cachedColors = localStorage.getItem(\n      \"ulusoycolors\"+JSON.stringify(data)\n    );\n    var currentDate = new Date();\n    var secondsSinceEpoch = currentDate.getTime() / 1000;\n    if (cachedColors != null) {\n      const check = await JSON.parse(cachedColors);\n      if (check.timestamp > secondsSinceEpoch) {\n        return check.data;\n      }\n    }\n\n    const colors = await getColorRequest(data);\n    localStorage.setItem(\n      \"ulusoycolors\" + JSON.stringify(data),\n      JSON.stringify({\n        timestamp: secondsSinceEpoch + 60 * 60,\n        data: colors,\n      })\n    );\n\n    return colors;\n    \n  }\n\n  const getSpecialCodesRequest = async (id) => {\n    return axios({\n      method: \"GET\",\n      url: `${\n        process.env.REACT_APP_API + process.env.REACT_APP_GET_PRODUCT_SPECIAL_CODES\n      }?id=${id}`,\n      headers: {\n        \"Content-Type\": \"application/json\",\n        \"Access-Control-Allow-Origin\": \"*\",\n        \"Access-Control-Allow-Methods\": \"GET,PUT,POST,DELETE,PATCH,OPTIONS\",\n        Authorization: `${localStorage.getItem(\"ulusoytoken\")}`,\n      },\n    });\n  };\n\n  const getSpecialCodes = async (id=2) => {\n    const cachedSpecialCodes = localStorage.getItem(\"ulusoyspecialcodes\"+id);\n    var currentDate = new Date();\n    var secondsSinceEpoch = currentDate.getTime() / 1000;\n    if (cachedSpecialCodes != null) {\n      const check = await JSON.parse(cachedSpecialCodes);\n      if (check.timestamp > secondsSinceEpoch) {\n        return check.data;\n      }\n    }\n\n    const codes = await getSpecialCodesRequest(id);\n    localStorage.setItem(\n      \"ulusoyspecialcodes\" + id,\n      JSON.stringify({\n        timestamp: secondsSinceEpoch + 60 * 60,\n        data: codes,\n      })\n    );\n\n    return codes;\n  };\n  \n  \n  return {\n    getSearchComplete,\n    getProducts,\n    getProduct,\n    getDiscover,\n    getCategories,\n    getBrands,\n    getSliders,\n    getColors,\n    getSpecialCodes,\n  };\n}","import React from 'react'\nimport ContentLoader from 'react-content-loader'\n\nexport default class Loader extends React.Component {\n  constructor(props) {\n    super(props)\n    this.state = {\n      count: props.count,\n      head: props.head\n    }\n  }\n\n  render() {\n    return (\n\n      <>\n      {(() => {\n          const options = [];\n\n          for (let i = 0; i <= this.state.count; i++) {\n            options.push(\n              <React.Fragment key={\"dfagfdhasha\"+i+\"afgaadga\"+(Math.floor(Math.random()*10))}>\n              {\n                this.state.head=='li' ? \n                <li key={\"adfgdhadhdafhad\"+i}> \n                  <ContentLoader speed={0.5} width={70} height={8}  backgroundColor=\"#ecebeb\" foregroundColor=\"#f3f3f3\" >\n                    <rect x=\"0\" y=\"0\" rx=\"0\" ry=\"0\" width=\"221\" height=\"250\" /><rect x=\"0\" y=\"260\" rx=\"3\" ry=\"3\" width=\"221\" height=\"10\" />\n                    <rect x=\"0\" y=\"275\" rx=\"3\" ry=\"3\" width=\"221\" height=\"10\" /><rect x=\"0\" y=\"290\" rx=\"3\" ry=\"3\" width=\"221\" height=\"10\" />\n                  </ContentLoader>\n                </li>\n                :\n                <ContentLoader key={\"adfgdhadhdafhad\"+i} speed={0.5} width={70} height={8}  backgroundColor=\"#ecebeb\" foregroundColor=\"#f3f3f3\" >\n                  <rect x=\"0\" y=\"0\" rx=\"0\" ry=\"0\" width=\"221\" height=\"250\" /><rect x=\"0\" y=\"260\" rx=\"3\" ry=\"3\" width=\"221\" height=\"10\" />\n                  <rect x=\"0\" y=\"275\" rx=\"3\" ry=\"3\" width=\"221\" height=\"10\" /><rect x=\"0\" y=\"290\" rx=\"3\" ry=\"3\" width=\"221\" height=\"10\" />\n                </ContentLoader>\n              }\n              \n              </React.Fragment>\n            );\n          }\n\n          return options;\n        })()}\n      </>\n\n    )\n    \n    \n  }\n}\n","import React,{useState,useLayoutEffect} from 'react'\nimport { HeaderAlt, HeaderAltMobile } from \"../../styles/Header\";\n\nimport CategoryLoader from '../Content/CategoryLoader';\n\nimport { useProductRequests } from '../../helpers/ProductRequests';\nimport { useHistory } from 'react-router-dom';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport { faAngleDown, faAngleUp, faArrowDown, faArrowUp, faTimes, faTimesCircle } from '@fortawesome/free-solid-svg-icons';\nimport useWindowDimensions from '../useWindowDimensions';\nconst Foo = () => {\n  return <div>hello foo</div>;\n};\nconst Bar = () => {\n  return <div>hello b</div>;\n};\nexport default function Categories({open,setOpen}) {\n\n  const {getCategories} = useProductRequests();\n\n  const [categories, setCategories] = useState([])\n\n  const history=useHistory()\n\n  useLayoutEffect(() => {\n    \n    if(categories.length === 0){\n      getCategories().then((response)=>{\n        setCategories(response.data.data)\n      }).catch((error)=>{\n        console.log(\"error\",error.response)\n      })\n    }\n    \n  }, [])\n  const data = [\n  {\n    label: \"foo\",\n    key: 1,\n    items: <Foo />\n  },\n  {\n    label: \"bar\",\n    key: 2,\n    items: <Bar />\n  },\n  {\n    label: \"Category2\",\n    key: \"Category3\",\n    items: \"Category3 content\"\n  }\n];\nconst [selected, setSelected] = useState(null);\nconst width=useWindowDimensions().width\n  return (\n    <>\n      <HeaderAltMobile open={open} style={{ zIndex: 999999 }}>\n        <div className=\"overlay\" onClick={() => setOpen(false)}></div>\n        <button className=\"close-btn\" onClick={() => setOpen(false)}>\n          x\n        </button>\n        <div style={{ width: \"90%\", zIndex: 999999100 }}>\n          <h1 style={{ padding: 10, textAlign: \"center\" }}>Kategoriler</h1>\n          <ul>\n            {categories != null &&\n            categories != undefined &&\n            categories.length > 0 ? (\n              <>\n                {categories.map((category, index) => {\n                  return (\n                    <li key={\"ctgm\" + category.slug} className={\" test\"}>\n                      <button>\n                        <div>\n                          <span\n                            onClick={() => {\n                              history.push({\n                                pathname: \"/kategori/\" + category.slug,\n                              });\n                              setOpen(false);\n                            }}\n                            style={{ width: \"100%\" }}\n                          >\n                            {category.name}\n                          </span>\n                          {/* history.location.pathname.indexOf(\"/kategori/\") ==-1 && width < 1140  */}\n                          {true ? (\n                            <FontAwesomeIcon\n                              onClick={() =>\n                                setSelected(\n                                  selected == category.slug\n                                    ? null\n                                    : category.slug\n                                )\n                              }\n                              style={{\n                                textAlign: \"right\",\n                                minHeight: 20,\n                                transition: 500 + \"ms all\",\n                                transform:\n                                  selected == category.slug\n                                    ? \"rotate(180deg)\"\n                                    : \"rotate(0deg)\",\n                              }}\n                              icon={faAngleDown}\n                            />\n                          ) : (\n                            <div\n                              style={{\n                                width: 200,\n                                textAlign: \"right\",\n                                minHeight: 20,\n                                transition: 500 + \"ms all\",\n                                transform:\n                                  selected == category.slug\n                                    ? \"rotate(180deg)\"\n                                    : \"rotate(0deg)\",\n                              }}\n                            ></div>\n                          )}\n                        </div>\n                      </button>\n                      {/* Alt  kategoriler burada ; history.location.pathname.indexOf(\"/kategori/\") == -1 && */}\n                      {category.subGroups.length > 0 && width < 1140 ? (\n                        <>\n                          <div\n                            className=\"sub-category\"\n                            style={{\n                              transform:\n                                selected == category.slug\n                                  ? \"scale(1)\"\n                                  : \"scale(0)\",\n                              height: selected == category.slug ? \"unset\" : \"0\",\n                            }}\n                          >\n                            {category.subGroups.map((sub_category, index) => {\n                              return (\n                                <button\n                                  key={\"sb-s\" + sub_category.slug}\n                                  onClick={() => {\n                                    history.push(\n                                      \"/kategori/\" + sub_category.slug\n                                    );\n\n                                    setTimeout(() => {\n                                      setOpen(false);\n                                    }, 150);\n                                  }}\n                                >\n                                  <div\n                                    className=\"ct-image\"\n                                    style={{\n                                      display: \"none\",\n                                      backgroundImage: `url(${\n                                        sub_category.image != null &&\n                                        sub_category.image != \"\"\n                                          ? sub_category.image\n                                          : \"https://www.fornxt.net/aktarimlar/13346786/108214-1.jpg\"\n                                      })`,\n                                    }}\n                                  />\n                                  <span>\n                                    {sub_category.name.replace(/\\//g, \" / \")}\n                                  </span>\n                                </button>\n                              );\n                            })}\n                          </div>\n                        </>\n                      ) : (\n                        <></>\n                      )}\n                    </li>\n                  );\n                })}\n              </>\n            ) : (\n              <>\n                <CategoryLoader head={\"li\"} count={10} />\n              </>\n            )}\n\n            <li>\n              <button\n                onClick={() =>\n                  history.push({ pathname: \"/marka/conteyner-3125\" })\n                }\n              >\n                <div>\n                  <span>Conteyner</span>\n                  <div className=\"ct-image\"></div>\n                </div>\n              </button>\n            </li>\n            <li>\n              <button onClick={() => history.push({ pathname: \"/markalar\" })}>\n                <div>\n                  <span>Markalar</span>\n                  <div></div>\n                </div>\n              </button>\n            </li>\n\n            <li>\n              <button\n                onClick={() => history.push({ pathname: \"/yeni-urunler\" })}\n              >\n                <div>\n                  <span style={{ width: 250 }}>Yeni Ürünler</span>\n                  <div></div>\n                </div>\n              </button>\n            </li>\n            {/* <li>\n          <button\n            onClick={() => history.push({ pathname: \"/kampanyali-urunler\" })}\n          >\n            <span>Kampanya</span>\n          </button>\n        </li> */}\n          </ul>\n        </div>\n      </HeaderAltMobile>\n      {open ? (\n        <></>\n      ) : (\n        <HeaderAlt>\n          <ul>\n            {categories != null &&\n            categories != undefined &&\n            categories.length > 0 ? (\n              <>\n                {categories.map((category, index) => {\n                  return (\n                    <li\n                      key={\"ctg\" + category.slug}\n                      className={\n                        \"\" +\n                        (window.location.href.indexOf(\n                          \"/kategori/\" + category.slug\n                        ) != -1\n                          ? \"active\"\n                          : \"\")\n                      }\n                    >\n                      <button\n                        onClick={() =>\n                          history.push({\n                            pathname: \"/kategori/\" + category.slug,\n                          })\n                        }\n                      >\n                        <span>{category.name}</span>\n                      </button>\n                      {/* Alt  kategoriler burada ;  */}\n                      {category.subGroups.length > 0 &&\n                      (history.location.pathname.indexOf(\"/kategori/\") == -1 ||\n                        width < 1140) ? (\n                        <>\n                          <div\n                            className=\"sub-category\"\n                            style={{\n                              background:\n                                category.name == \"KADIN\" ? \"#eee\" : \"#eee\",\n                            }}\n                          >\n                            {category.subGroups.map((sub_category, index) => {\n                              return (\n                                <button\n                                  key={\"sb-s\" + sub_category.slug}\n                                  onClick={() =>\n                                    history.push({\n                                      pathname:\n                                        \"/kategori/\" + sub_category.slug,\n                                    })\n                                  }\n                                >\n                                  <kategori\n                                    className=\"ct-image\"\n                                    style={{\n                                      backgroundImage: `url(${\n                                        sub_category.image != null &&\n                                        sub_category.image != \"\"\n                                          ? sub_category.image\n                                          : \"https://www.fornxt.net/aktarimlar/13346786/108214-1.jpg\"\n                                      })`,\n                                    }}\n                                  />\n                                  <span>\n                                    {sub_category.name\n                                      .toUpperCase()\n                                      .replace(/\\//g, \" / \")}\n                                  </span>\n                                </button>\n                              );\n                            })}\n                          </div>\n                        </>\n                      ) : (\n                        // <div>\n                        //   <CategoryLoader head={'li'} count={10} />\n                        // </div>\n                        <></>\n                      )}\n                    </li>\n                  );\n                })}\n              </>\n            ) : (\n              <>\n                <CategoryLoader head={\"li\"} count={10} />\n              </>\n            )}\n\n            <li\n              className={\n                \"\" +\n                (window.location.href.indexOf(\"/conteyner\") != -1\n                  ? \"active\"\n                  : \"\")\n              }\n            >\n              <button\n                onClick={() =>\n                  history.push({ pathname: \"/marka/conteyner-3125\" })\n                }\n              >\n                <span>Conteyner</span>\n              </button>\n            </li>\n            <li\n              className={\n                \"\" +\n                (window.location.href.indexOf(\"/markalar\") != -1\n                  ? \"active\"\n                  : \"\")\n              }\n            >\n              <button onClick={() => history.push({ pathname: \"/markalar\" })}>\n                <span>Markalar</span>\n              </button>\n            </li>\n\n            <li\n              className={\n                \"\" +\n                (window.location.href.indexOf(\"/yeni-urunler\") != -1\n                  ? \"active\"\n                  : \"\")\n              }\n            >\n              <button\n                onClick={() => history.push({ pathname: \"/yeni-urunler\" })}\n              >\n                <span>Yeni Ürünler</span>\n              </button>\n            </li>\n            {/* <li>\n          <button\n            onClick={() => history.push({ pathname: \"/kampanyali-urunler\" })}\n          >\n            <span>Kampanya</span>\n          </button>\n        </li> */}\n          </ul>\n        </HeaderAlt>\n      )}\n    </>\n  );\n}\n","export default \"data:image/png;base64,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\"","export default __webpack_public_path__ + \"static/media/dehasoft-robot-kafasi.9969c578.png\";","import React,{useState} from 'react'\nimport { LoginBoxContent } from '../../styles/Auth';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport { faCheck, faExclamationTriangle, faEye, faEyeSlash, faTimes, faTimesCircle } from '@fortawesome/free-solid-svg-icons';\nimport { useAuthRequests } from '../../helpers/AuthRequests';\nimport { useDispatch } from 'react-redux';\nimport { useCartRequests } from '../../helpers/CartRequests';\nimport { setBasket } from '../stores/Cart';\nimport { setCustomer, loginChange } from \"../stores/Auth\";\nimport { Bounce, Sentry } from 'react-activity';\n\nimport robotkafasi from '../../images/dehasoft-robot-kafasi.png'\nimport { setForgotPopUp, setLoginPopUp,setRegisterPopUp } from '../stores/Site';\nexport default function LoginBox({open,setOpen}) {\n    \n  const { loginRequest, getCustomer } = useAuthRequests();\n  const {getCart}=useCartRequests();\n\n  const dispatch = useDispatch();\n  \n  const [email,setEmail]=useState('')\n  const [password,setPassword]=useState('')\n  const [error,setError]=useState('')\n  const [success,setSuccess]=useState('')\n  const [loading,setLoading]=useState(false)\n  const [checked,setChecked]=useState(false)\n\n  const loginIn=async(e)=>{\n    e.preventDefault();\n    const debug=true\n    if(loading){\n      return\n    }else if(email=='' || email.length<2 && debug==false){\n      setError('Email adresinizi giriniz.')\n    }else if(password=='' || password.length<6 && debug==false){\n      setError('Şifrenizi giriniz.')\n    }else{\n      setLoading(true)\n\n      loginRequest(email,password)\n      .then( async(response)=> {\n        setError(\"\");\n        setSuccess(\"Giriş işlemi başarılı lütfen bekleyiniz...\");\n        setEmail('')\n        setPassword('')\n        setChecked(false)\n        localStorage.removeItem(\"ulusoyroutes\")\n        dispatch(loginChange({\n          token:response.data.data.authenticationKey,\n          login:true,\n        }))\n        getCustomer(response.data.data.authenticationKey).then(async res=>{\n          await dispatch(setCustomer(res.data.data))\n          getCart().then(async (res) => {\n            await dispatch(setBasket(res.data.data));\n            setTimeout(() => {\n              // history.push('/')\n              if (window.location.href.indexOf(\"localhost\") != -1) {\n                window.location = \"http://localhost:3000\";\n                return;\n              }\n              window.location = process.env.REACT_APP_FRONT_URL;\n            }, 600);\n          });\n          \n        })\n        \n\n      })\n      .catch( (error)=> {\n        setError(error.response.data.message)\n        setLoading(false)\n      })\n\n      \n\n    }\n\n    \n  }\n  const [hide,setHide]=useState(true)\n  const changeLoginPopUp=()=>{\n    dispatch(setLoginPopUp());\n    dispatch(setRegisterPopUp());\n  }\n  const openForgot=()=>{\n    dispatch(setLoginPopUp());\n    dispatch(setForgotPopUp());\n  }\n  if(!open){\n    return <></>;\n  }\n  return (\n    <LoginBoxContent onClick={() => setOpen(false)}>\n      <div className=\"box\" onClick={(e) => e.stopPropagation()}>\n        <div className=\"close\" onClick={() => setOpen(false)}>\n          <FontAwesomeIcon icon={faTimes} />\n        </div>\n        <img\n          className={\"robotkafasi\" + (hide ? \" hide\" : \" show\")}\n          src={robotkafasi}\n        />\n\n        <form autoComplete=\"off\" onSubmit={loginIn}>\n          <h1>Üye Girişi</h1>\n          <div className=\"form-box\">\n            <input\n              type=\"text\"\n              aria-autocomplete=\"both\"\n              aria-haspopup=\"false\"\n              autocapitalize=\"off\"\n              autocomplete=\"off\"\n              autocorrect=\"off\"\n              autofocus=\"\"\n              autoComplete=\"off\"\n              placeholder=\"E Posta\"\n              name=\"ulusoy2\"\n              value={email}\n              onChange={(e) => setEmail(e.target.value)}\n            />\n          </div>\n\n          <div className=\"form-box\">\n            <input\n              aria-autocomplete=\"both\"\n              aria-haspopup=\"false\"\n              autocapitalize=\"off\"\n              autocomplete=\"off\"\n              autocorrect=\"off\"\n              autofocus=\"\"\n              autoComplete=\"off\"\n              placeholder=\"Parola\"\n              type={hide ? \"password\" : \"text\"}\n              name=\"ulusoy\"\n              value={password}\n              onChange={(e) => setPassword(e.target.value)}\n            />\n            <span onClick={() => setHide(!hide)}>\n              <FontAwesomeIcon icon={hide ? faEye : faEyeSlash} />\n            </span>\n          </div>\n\n          {error && (\n            <div className=\"error-area\">\n              <FontAwesomeIcon\n                icon={faExclamationTriangle}\n                style={{ marginRight: 20 }}\n              />\n              <span>{error}</span>\n            </div>\n          )}\n          {success && (\n            <div className=\"success-area\">\n              <FontAwesomeIcon icon={faCheck} style={{ marginRight: 20 }} />\n              <span>{success}</span>\n            </div>\n          )}\n          {loading == true ? (\n            <Sentry size={20} color=\"green\" />\n          ) : (\n            <>\n              <button type=\"submit\">Giriş Yap</button>\n              <div onClick={openForgot} style={{paddingTop:15,marginBottom:-40,textAlign:'right',cursor:'pointer'}}>Şifremi Unuttum</div>\n            </>\n          )}\n        </form>\n        <div\n          onClick={changeLoginPopUp}\n          style={{\n            paddingBottom: 10,\n            textAlign: \"center\",\n            display: \"flex\",\n            justifyContent: \"center\",\n            alignItems: \"center\",\n          }}\n        >\n          Bir hesabın yok mu ?{\" \"}\n          <div style={{ marginLeft: 5, fontWeight: \"bold\" ,cursor:'pointer'}}>Kayıt Ol</div>\n        </div>\n      </div>\n    </LoginBoxContent>\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    <MobileSearchContainer open={open}>\n      <div className='overlay'></div>\n      <div  className={\"search-box\"}>\n        <FontAwesomeIcon icon={faSearch} />\n        <input\n          ref={searchRef}\n          type=\"text\"\n          onKeyUp={(e) => {\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        <button onClick={() => {\n          history.push(\"/search/\" + search);\n          setOpen(false)\n        }}> ARA </button>\n        <div\n          className=\"search-result\"\n          style={{\n            transform: result.length > 0 ? \"scale(1)\" : \"scale(0)\",\n            height: result.length > 0 ? \"auto\" : \"0\",\n            width: result.length > 0 ? \"100%\" : \"0\",\n          }}\n        >\n          <ul>\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                  <li key={x.slug} onClick={(e) => {\n                    history.push(\"/urun/\" + x.slug);\n                    setOpen(false)\n                  }}>\n                    <Link\n                      // onClick={(e) => e.stopPropagation()}\n                      to={\"/urun/\" + x.slug}\n                    >\n                      <img src={x.image} alt={x.title} />\n                      <span>\n                        {before}\n                        <strong>{highlighted}</strong>\n                        {after}\n                      </span>\n                    </Link>\n                  </li>\n                );\n              } else {\n                // Aranan metni bulamadıysa normal olarak görüntüle\n                return (\n                  <li key={x.slug}>\n                    <Link\n                      onClick={(e) => e.stopPropagation()}\n                      to={\"/urun/\" + x.slug}\n                    >\n                      <img src={x.image} alt={x.title} />\n                      <span>{x.title}</span>\n                    </Link>\n                  </li>\n                );\n              }\n            })}\n          </ul>\n        </div>\n      </div>\n    </MobileSearchContainer>\n  );\n}\n","import React, { useState } from \"react\";\nimport { LoginBoxContent } from \"../../styles/Auth\";\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\nimport {\n  faCheck,\n  faExclamationTriangle,\n  faEye,\n  faEyeSlash,\n  faTimes,\n  faTimesCircle,\n} from \"@fortawesome/free-solid-svg-icons\";\nimport { useAuthRequests } from \"../../helpers/AuthRequests\";\nimport { useDispatch } from \"react-redux\";\nimport { useCartRequests } from \"../../helpers/CartRequests\";\nimport { setBasket } from \"../stores/Cart\";\nimport { setCustomer, loginChange } from \"../stores/Auth\";\nimport { Bounce, Sentry } from \"react-activity\";\n\nimport robotkafasi from \"../../images/dehasoft-robot-kafasi.png\";\nimport { setLoginPopUp, setRegisterPopUp } from \"../stores/Site\";\nexport default function RegisterBox({ open, setOpen, loginOpen }) {\n  const { registerRequest, getCustomer } = useAuthRequests();\n  const { getCart } = useCartRequests();\n\n  const dispatch = useDispatch();\n\n  const [email, setEmail] = useState(\"\");\n\n  const [password, setPassword] = useState(\"\");\n\n  const [name, setName] = useState(\"\");\n  const [surname, setSurname] = useState(\"\");\n  const [address, setAddress] = useState(\"\");\n  const [phoneNumber, setPhoneNumber] = useState(\"\");\n\n  const [error, setError] = useState(\"\");\n  const [success, setSuccess] = useState(\"\");\n  const [loading, setLoading] = useState(false);\n  const [checked, setChecked] = useState(false);\n\n  const loginIn = async (e) => {\n    e.preventDefault();\n    const debug = true;\n    if (loading) {\n      return;\n    } else if (email == \"\" || (email.length < 2 && debug == false)) {\n      setError(\"Email adresinizi giriniz.\");\n    } else if (password == \"\" || (password.length < 6 && debug == false)) {\n      setError(\"Şifrenizi giriniz.\");\n    } else {\n      setLoading(true);\n\n      registerRequest({\n        email,\n        password,\n        name,\n        surname,\n        phoneNumber,\n        address,\n        password,\n      })\n        .then(async (response) => {\n          setLoading(false);\n          setError(\"\");\n          setSuccess(\"Kayıt işlemi başarılı lütfen giriş yapınız.\");\n          setEmail(\"\");\n          setPassword(\"\");\n          setName(\"\");\n          setSurname(\"\");\n          setPhoneNumber(\"\");\n          setAddress(\"\");\n          \n          setOpen(false);\n          setTimeout(() => {\n            loginOpen(true);\n          }, 700);\n        })\n        .catch((error) => {\n          setError(error.response?.data?.message);\n          setLoading(false);\n        });\n    }\n  };\n  const [hide, setHide] = useState(true);\n  const changeLoginPopUp = () => {\n    dispatch(setLoginPopUp());\n    dispatch(setRegisterPopUp());\n  };\n\n  if (!open) {\n    return <></>;\n  }\n  return (\n    <LoginBoxContent register={true} onClick={() => setOpen(false)}>\n      <div className=\"box\" onClick={(e) => e.stopPropagation()}>\n        <div className=\"close\" onClick={() => setOpen(false)}>\n          <FontAwesomeIcon icon={faTimes} />\n        </div>\n        <img\n          className={\"robotkafasi\" + (hide ? \" hide\" : \" show\")}\n          src={robotkafasi}\n        />\n\n        <form autoComplete=\"off\" onSubmit={loginIn}>\n          <h1>Kayıt Formu</h1>\n\n          <div className=\"form-box\">\n            <input\n              type=\"text\"\n              placeholder=\"Ad\"\n              value={name}\n              onChange={(e) => setName(e.target.value)}\n            />\n          </div>\n          <div className=\"form-box\">\n            <input\n              type=\"text\"\n              placeholder=\"Soyad\"\n              value={surname}\n              onChange={(e) => setSurname(e.target.value)}\n            />\n          </div>\n\n          <div className=\"form-box\">\n            <input\n              type=\"text\"\n              placeholder=\"E Posta\"\n              value={email}\n              onChange={(e) => setEmail(e.target.value)}\n            />\n          </div>\n          <div className=\"form-box\">\n            <input\n              type=\"text\"\n              placeholder=\"Telefon Numarası\"\n              value={phoneNumber}\n              onChange={(e) => setPhoneNumber(e.target.value)}\n            />\n          </div>\n          <div className=\"form-box\">\n            <input\n              type=\"text\"\n              placeholder=\"Adres\"\n              value={address}\n              onChange={(e) => setAddress(e.target.value)}\n            />\n          </div>\n\n          <div className=\"form-box\">\n            <input\n              placeholder=\"Parola\"\n              type={hide ? \"password\" : \"text\"}\n              value={password}\n              onChange={(e) => setPassword(e.target.value)}\n            />\n            <span onClick={() => setHide(!hide)}>\n              <FontAwesomeIcon icon={hide ? faEye : faEyeSlash} />\n            </span>\n          </div>\n\n          {error && (\n            <div className=\"error-area\">\n              <FontAwesomeIcon\n                icon={faExclamationTriangle}\n                style={{ marginRight: 20 }}\n              />\n              <span>{error}</span>\n            </div>\n          )}\n          {success && (\n            <div className=\"success-area\">\n              <FontAwesomeIcon icon={faCheck} style={{ marginRight: 20 }} />\n              <span>{success}</span>\n            </div>\n          )}\n          {loading == true ? (\n            <Sentry size={20} color=\"green\" />\n          ) : (\n            <button type=\"submit\">Kayıt Ol</button>\n          )}\n        </form>\n        <div\n          onClick={changeLoginPopUp}\n          style={{\n            paddingBottom: 10,\n            textAlign: \"center\",\n            display: \"flex\",\n            justifyContent: \"center\",\n            alignItems: \"center\",\n          }}\n        >\n          Zaten üye misin ?{\" \"}\n          <div style={{ marginLeft: 5, fontWeight: \"bold\", cursor: \"pointer\" }}>\n            Giriş Yap\n          </div>\n        </div>\n      </div>\n    </LoginBoxContent>\n  );\n}\n","import React, { useState } from \"react\";\nimport { LoginBoxContent } from \"../../styles/Auth\";\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\nimport {\n  faCheck,\n  faExclamationTriangle,\n  faEye,\n  faEyeSlash,\n  faTimes,\n  faTimesCircle,\n} from \"@fortawesome/free-solid-svg-icons\";\nimport { useAuthRequests } from \"../../helpers/AuthRequests\";\nimport { useDispatch } from \"react-redux\";\nimport { useCartRequests } from \"../../helpers/CartRequests\";\nimport { setBasket } from \"../stores/Cart\";\nimport { setCustomer, loginChange } from \"../stores/Auth\";\nimport { Bounce, Sentry } from \"react-activity\";\n\nimport robotkafasi from \"../../images/dehasoft-robot-kafasi.png\";\nimport { setForgotPopUp, setLoginPopUp, setRegisterPopUp } from \"../stores/Site\";\nexport default function ForgotBox({ open, setOpen, loginOpen }) {\n  const { forgotRequest, forgotRequestFinal, getCustomer } = useAuthRequests();\n  const { getCart } = useCartRequests();\n\n  const dispatch = useDispatch();\n\n  const [mode, setMode] = useState(1);\n  const [code, setCode] = useState(\"\");\n  const [email, setEmail] = useState(\"\");\n  const [password, setPassword] = useState(\"\");\n\n  const [error, setError] = useState(\"\");\n  const [success, setSuccess] = useState(\"\");\n  const [loading, setLoading] = useState(false);\n  const [checked, setChecked] = useState(false);\n  const [hide, setHide] = useState(true);\n\n  const loginIn = async (e) => {\n    e.preventDefault();\n    \n    setLoading(true);\n\n    if(mode==1){\n      forgotRequest(email)\n        .then(async (response) => {\n          setLoading(false);\n          setError(\"\");\n          setMode(2)\n          setSuccess(\"Doğrulama kodu eposta adresinize gönderildi\");\n        })\n        .catch((error) => {\n          setSuccess(\"\");\n          setError(error.response?.data?.message);\n          setLoading(false);\n        });\n    }else{\n      forgotRequestFinal({\n        email,\n        password,\n        code\n      })\n        .then(async (response) => {\n          setLoading(false);\n          setError(\"\");\n          setSuccess(\"Şifreniz değiştirildi\");\n          setEmail(\"\");\n          setMode(1)\n          setPassword(\"\")\n          setCode(\"\")\n        })\n        .catch((error) => {\n          setError(error.response?.data?.message);\n          setLoading(false);\n        });\n    }\n  };\n  const changeLoginPopUp = () => {\n    setEmail(\"\")\n    setPassword(\"\")\n    setCode(\"\")\n    setSuccess(\"\")\n    setError(\"\")\n    setMode(1)\n    dispatch(setForgotPopUp());\n    dispatch(setLoginPopUp());\n  };\n\n  if (!open) {\n    return <></>;\n  }\n  return (\n    <LoginBoxContent register={true} onClick={() => setOpen(false)}>\n      <div className=\"box\" onClick={(e) => e.stopPropagation()}>\n        <div className=\"close\" onClick={() => setOpen(false)}>\n          <FontAwesomeIcon icon={faTimes} />\n        </div>\n        <img\n          className={\"robotkafasi\" + (hide ? \" hide\" : \" show\")}\n          src={robotkafasi}\n        />\n\n        <form autoComplete=\"off\" onSubmit={loginIn}>\n          <h1>Şifre Sıfırlama Formu</h1>\n\n          {mode == 2 ? (\n            <>\n              <div className=\"form-box\">\n                <input\n                  type=\"text\"\n                  placeholder=\"Doğrulama Kodu\"\n                  value={code}\n                  onChange={(e) =>setCode(e.target.value)}\n                />\n              </div>\n\n              <div className=\"form-box\">\n                <input\n                  type=\"password\"\n                  placeholder=\"Şifre\"\n                  value={password}\n                  onChange={(e) => setPassword(e.target.value)}\n                />\n              </div>\n            </>\n          ) : (\n            <div className=\"form-box\">\n              <input\n                type=\"text\"\n                placeholder=\"E Posta\"\n                value={email}\n                onChange={(e) => setEmail(e.target.value)}\n              />\n            </div>\n          )}\n\n          {error && (\n            <div className=\"error-area\">\n              <FontAwesomeIcon\n                icon={faExclamationTriangle}\n                style={{ marginRight: 20 }}\n              />\n              <span>{error}</span>\n            </div>\n          )}\n          {success && (\n            <div className=\"success-area\">\n              <FontAwesomeIcon icon={faCheck} style={{ marginRight: 20 }} />\n              <span>{success}</span>\n            </div>\n          )}\n          {loading == true ? (\n            <Sentry size={20} color=\"green\" />\n          ) : (\n            <button type=\"submit\">{mode==1 ? 'Doğrulama Kodu Gönder':'Şifremi Değiştir'}</button>\n          )}\n        </form>\n        <div\n          onClick={changeLoginPopUp}\n          style={{\n            paddingBottom: 10,\n            textAlign: \"center\",\n            display: \"flex\",\n            justifyContent: \"center\",\n            alignItems: \"center\",\n          }}\n        >\n          Şifreni hatırladın mı ?{\" \"}\n          <div style={{ marginLeft: 5, fontWeight: \"bold\", cursor: \"pointer\" }}>\n            Giriş Yap\n          </div>\n        </div>\n      </div>\n    </LoginBoxContent>\n  );\n}\n","import {\n  faBars,\n  faBell,\n  faFrown,\n  faFrownOpen,\n  faMoon,\n  faSearch,\n  faShoppingBasket,\n  faSmile,\n  faSun,\n  faTags,\n  faTimes,\n  faUser,\n  faUserAlt,\n  faUserCircle,\n} from \"@fortawesome/free-solid-svg-icons\";\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\nimport React, { useState } from \"react\";\nimport { Link } from \"react-router-dom\";\nimport { Header, HeaderTop } from \"../../styles/Header\";\nimport Flags from \"country-flag-icons/react/3x2\";\nimport Switch from \"react-switch\";\nimport { useSelector, useDispatch } from \"react-redux\";\nimport {\n  changeTheme,\n  setRegisterPopUp,\n  setForgotPopUp,\n  setLoginPopUp,\n} from \"../stores/Site\";\nimport { useHistory, useLocation } from \"react-router\";\nimport { Menu } from \"@headlessui/react\";\nimport Categories from \"./Categories\";\n\nimport logo from \"../../mainlogotrans.png\";\nimport { Currency } from \"react-intl-number-format/dist/index.js\";\nimport { useAuthRequests } from \"../../helpers/AuthRequests\";\nimport { newCurrencySet, setCustomer } from \"../stores/Auth\";\nimport { useCartRequests } from \"../../helpers/CartRequests\";\nimport { setBasket } from \"../stores/Cart\";\nimport { toast } from \"react-toastify\";\nimport { useProductRequests } from \"../../helpers/ProductRequests\";\nimport useWindowDimensions from \"../useWindowDimensions\";\nimport LoginBox from \"../Content/LoginBox\";\nimport MobileSearchBox from \"./MobileSearchBox\";\nimport RegisterBox from \"../Content/RegisterBox\";\nimport ForgotBox from \"../Content/ForgotBox\";\nexport default function HeaderComponent() {\n  const dispatch = useDispatch();\n\n  const { loginPopUp, registerPopUp, forgotPopUp } = useSelector(\n    (state) => state.site\n  );  \n  const history = useHistory();\n  const location = useLocation();\n  const width = useWindowDimensions().width;\n  const [open, setOpen] = useState(false);\n\n  const { theme } = useSelector((state) => state.site);\n\n  const { login, currency } = useSelector((state) => state.auth);\n\n  const { admin } = useSelector((state) => state.auth);\n\n  const { basket } = useSelector((state) => state.cart);\n\n  const { setCurrency } = useAuthRequests();\n  const { getCart, extractionCart } = useCartRequests();\n  const { getSearchComplete } = useProductRequests();\n\n  const [search, setSearch] = useState(\"\");\n\n  React.useEffect(() => {\n    if (\n      localStorage.getItem(\"ulusoytoken\") == null &&\n      (location.pathname == \"/sepetim\" ||\n        location.pathname == \"/siparisler\" ||\n        location.pathname == \"/odeme-sayfasi\" ||\n        location.pathname == \"/hareketlerim\")\n    ) {\n      history.push(\"/\");\n      return;\n    }\n  },[location.pathname])\n\n  const changeCurrency = async (newCurrency) => {\n    setCurrency(newCurrency).then(async (res) => {\n      localStorage.setItem(\"balance\", res.data.data.balance);\n      localStorage.setItem(\"currency\", newCurrency);\n      const set = await dispatch(newCurrencySet(newCurrency));\n      const cart = await getCart();\n      const update = await dispatch(setBasket(cart.data.data));\n      setTimeout(() => {\n        window.location.reload(false);\n      }, 700);\n    });\n  };\n  const removeItem = async (e, id) => {\n    e.stopPropagation();\n    const newbasket = await basket.filter((sub) => {\n      return sub.productId !== id;\n    });\n    extractionCart(id)\n      .then((response) => {\n        dispatch(setBasket(newbasket));\n      })\n      .catch((error) => {\n        toast.error(error.response.data.message);\n        console.log(error.response);\n      });\n  };\n  React.useEffect(() => {\n    localStorage.setItem(\"clicked\", history.location.pathname);\n  }, [history.location.pathname]);\n  const [result, setResult] = useState([]);\n  const getResult = async () => {\n    if (search.length < 3 || search.length > 10) {\n      setResult([]);\n      return;\n    }\n    getSearchComplete(search)\n      .then((res) => {\n        try {\n          if (res.data.data != null) {\n            setResult(res.data.data);\n          } else {\n            setResult([]);\n          }\n        } catch (error) {\n          setResult([]);\n        }\n      })\n      .catch((err) => {\n        console.log(err);\n        setResult([]);\n      });\n  };\n  const blurred = (e) => {\n    setTimeout(() => {\n      setResult([]);\n    }, 300);\n  };\n\n  const [cartOpen, setCartOpen] = useState(false);\n  const [searchOpen, setSearchOpen] = useState(false);\n  const changeLoginPopUp = (value) => {\n    dispatch(setLoginPopUp());\n  }\n  const changeRegisterPopUp = (value) => {\n    dispatch(setRegisterPopUp());\n  };\n  const changeForgotPopUp = (value) => {\n    dispatch(setForgotPopUp());\n  }\n  return (\n    <>\n      <LoginBox open={loginPopUp} setOpen={changeLoginPopUp} />\n      <ForgotBox\n        open={forgotPopUp}\n        setOpen={changeForgotPopUp}\n        loginOpen={changeLoginPopUp}\n      />\n      <RegisterBox\n        open={registerPopUp}\n        setOpen={changeRegisterPopUp}\n        loginOpen={changeLoginPopUp}\n      />\n      <HeaderTop>\n        <ul>\n          <li style={{ fontSize: 14 }}>\n            Satışımız {\"    \"}{\" \"}\n            <div style={{ marginLeft: 6 }}>\n              <strong> toptan</strong>dır\n            </div>\n          </li>\n        </ul>\n        <ul>\n          <li>\n            <Link style={{ fontSize: 15 }} to=\"/\">\n              Hoş geldiniz{\" \"}\n              {localStorage.getItem(\"customer\") == null\n                ? \". \"\n                : JSON.parse(localStorage.getItem(\"customer\")).title}\n            </Link>\n          </li>\n        </ul>\n      </HeaderTop>\n      <Header>\n        <div\n          style={{\n            textAlign: \"center\",\n            alignItems: \"center\",\n            display: \"flex\",\n            flexDirection: \"column\",\n            paddingLeft: 10,\n          }}\n        >\n          <span\n            className=\"bars\"\n            style={{\n              fontSize: 8,\n              marginTop: -8,\n              marginBottom: 3,\n              textAlign: \"center\",\n              color: \"#000\",\n            }}\n          >\n            MENÜ\n          </span>\n          <FontAwesomeIcon\n            style={{ cursor: \"pointer\", fontSize: 25, color: \"#000\" }}\n            onClick={() => setOpen(!open)}\n            icon={faBars}\n            color=\"#12087D\"\n            className=\"bars\"\n          />\n        </div>\n        <div className={\"logo \"}>\n          <Link to=\"/\">\n            <img onContextMenu={() => false} src={logo} alt=\"Logo-Resim\" />\n            {/* <img onContextMenu={() => false} src={logo2} alt=\"Logo-Resim\" /> */}\n          </Link>\n        </div>\n        <div onBlur={blurred} className={\"search-box box-none\"}>\n          <FontAwesomeIcon icon={faSearch} />\n          <input\n            type=\"text\"\n            onKeyUp={(e) => {\n              if (e.keyCode == 13) {\n                history.push(\"/search/\" + search);\n              } else {\n                getResult(search);\n              }\n            }}\n            onSubmit={e=>{\n              window.location=\"/search/\"+search\n              setTimeout(() => {\n                window.location.reload(false);\n              }, 200);\n            }}\n            value={search}\n            \n            onChange={(e) => setSearch(e.target.value)}\n            autoFocus={localStorage.getItem('office')==null || localStorage.getItem('office')=='false' ? false :true}\n            placeholder=\"Ürün ara\"\n          />\n          <button onClick={() => history.push(\"/search/\" + search)}>\n            {\" \"}\n            ARA{\" \"}\n          </button>\n          <div\n            className=\"search-result\"\n            style={{\n              transform: result.length > 0 ? \"scale(1)\" : \"scale(0)\",\n              height: result.length > 0 ? \"auto\" : \"0\",\n              width: result.length > 0 ? \"100%\" : \"0\",\n            }}\n          >\n            <ul>\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                    <li key={x.slug}>\n                      <Link\n                        onClick={(e) => e.stopPropagation()}\n                        to={\"/urun/\" + x.slug}\n                      >\n                        <img src={x.image} alt={x.title} />\n                        <span>\n                          {before}\n                          <strong>{highlighted}</strong>\n                          {after}\n                        </span>\n                      </Link>\n                    </li>\n                  );\n                } else {\n                  // Aranan metni bulamadıysa normal olarak görüntüle\n                  return (\n                    <li key={x.slug}>\n                      <Link\n                        onClick={(e) => e.stopPropagation()}\n                        to={\"/urun/\" + x.slug}\n                      >\n                        <img src={x.image} alt={x.title} />\n                        <span>{x.title}</span>\n                      </Link>\n                    </li>\n                  );\n                }\n              })}\n            </ul>\n          </div>\n        </div>\n        <div className={\"buttons\"}>\n          <div\n            onClick={() => {\n              setSearchOpen(!searchOpen);\n              setSearch(\"\");\n              setResult([]);\n              //history.push(\"/sepetim\");\n              //setCartOpen(!cartOpen);\n            }}\n          >\n            <div\n              className=\"mobile-search\"\n              style={{\n                display: \"flex\",\n                alignItems: \"center\",\n                position: \"relative\",\n                flexDirection: \"column\",\n                marginRight: 10,\n              }}\n            >\n              <FontAwesomeIcon\n                icon={searchOpen ? faTimes : faSearch}\n                style={{ fontSize: 15 }}\n              />\n              <span\n                style={{\n                  position: \"absolute\",\n                  fontSize: searchOpen ? 14 : 12,\n                  width: 60,\n                  left: searchOpen ? -12 : 0,\n                  top: searchOpen ? 17 : 18,\n                  color: \"#333\",\n                  fontWeight: \"normal\",\n                }}\n              >\n                {searchOpen ? \"Kapat\" : \"Ara\"}\n              </span>\n            </div>\n          </div>\n          {login == false ? (\n            <>\n              <Menu as=\"nav\" style={{ position: \"relative\" }}>\n                <div\n                  style={{ cursor: \"pointer\", position: \"relative\" }}\n                  onClick={() => {\n                    changeLoginPopUp(true);\n                    // history.push(\"/giris-yap\");\n                  }}\n                >\n                  {\" \"}\n                  <FontAwesomeIcon icon={faUserCircle} />{\" \"}\n                  {true && (\n                    <span\n                      style={{\n                        position: \"absolute\",\n                        fontSize: 12,\n                        width: 60,\n                        left: -10,\n                        top: 25,\n                      }}\n                    >\n                      Giriş Yap\n                    </span>\n                  )}\n                </div>\n                <Menu.Items className=\"loginDrop\">\n                  <Menu.Item>\n                    <Link to=\"/giris-yap\">Giriş Yap</Link>\n                  </Menu.Item>\n                  {/* <Menu.Item>\n                      <Link to=\"/kayit-ol\" >Kayıt Ol</Link>\n                    </Menu.Item> */}\n                </Menu.Items>\n              </Menu>\n            </>\n          ) : (\n            <>\n              <div\n                className={\n                  \"balance \" +\n                  (1 * localStorage.getItem(\"balance\") > 0 ? \"plus\" : \"times\")\n                }\n              >\n                <span>Bakiyeniz</span>\n                <Currency>{1 * localStorage.getItem(\"balance\")}</Currency>\n                {/* {(JSON.parse(localStorage.getItem('customer'))).currencyUnit} */}\n              </div>\n              {/* <Link to=\"/\"><FontAwesomeIcon icon={faTags} /></Link> */}\n              {/* <Link to=\"/\"><FontAwesomeIcon icon={faBell} /></Link> */}\n              <button\n                onClick={() => {\n                  history.push(\"/sepetim\");\n                  //setCartOpen(!cartOpen);\n                }}\n                onMouseMove={(e) => {\n                  setCartOpen(true);\n                }}\n                onMouseLeave={(e) => {\n                  setCartOpen(false);\n                }}\n                className=\"closer\"\n              >\n                <div>\n                  <FontAwesomeIcon icon={faShoppingBasket} />\n\n                  {basket != null && basket != undefined ? (\n                    <span>{basket.length}</span>\n                  ) : (\n                    \"\"\n                  )}\n                </div>\n                <div\n                  onClick={(e) => {\n                    e.stopPropagation();\n                  }}\n                  className=\"cart-box\"\n                  style={{\n                    transform: `scale(${cartOpen ? 1 : 0})`,\n                    width: cartOpen ? 300 : 0,\n                    maxHeight: cartOpen ? 400 : 0,\n                    zIndex: 9999999,\n                  }}\n                >\n                  {basket != null && basket.length > 0 ? (\n                    <>\n                      <div className=\"title\">Sepetim</div>\n                      <div className=\"items\">\n                        {basket != null && basket != undefined\n                          ? basket.map((item, index) => {\n                              return (\n                                <div\n                                  className=\"item\"\n                                  key={index}\n                                  onClick={(e) => {\n                                    history.push(\"/sepetim\");\n                                  }}\n                                >\n                                  <div\n                                    className=\"image\"\n                                    onClick={(e) => {\n                                      e.stopPropagation();\n                                      history.push(\"/urun/\" + item.slug);\n                                    }}\n                                  >\n                                    <img\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                                    />\n                                  </div>\n                                  <div\n                                    className=\"details\"\n                                    onClick={(e) => {\n                                      e.stopPropagation();\n                                      history.push(\"/urun/\" + item.slug);\n                                    }}\n                                  >\n                                    <div className=\"name\">{item.title}</div>\n                                    <div className=\"count\">\n                                      x{item.quantity}\n                                    </div>\n                                  </div>\n                                  <div className=\"remove\" style={{ width: 10 }}>\n                                    <FontAwesomeIcon\n                                      color=\"#FF9F43\"\n                                      onClick={(e) =>\n                                        removeItem(e, item.productId)\n                                      }\n                                      icon={faTimes}\n                                    />\n                                  </div>\n                                </div>\n                              );\n                            })\n                          : \"\"}\n                      </div>\n                      <div className=\"finish\">\n                        <div className=\"finish-item\">\n                          <div style={{ width: \"50%\" }}>Toplam Ürün </div>\n                          <div style={{ width: 5 }}>:</div>\n                          <div style={{ width: \"calc(50% )\" }}>\n                            {basket != null &&\n                              basket != undefined &&\n                              basket.reduce((a, b) => a + b.quantity, 0)}{\" \"}\n                            Koli /{\" \"}\n                            {basket != null &&\n                              basket != undefined &&\n                              basket.reduce(\n                                (a, b) => a + b.quantity * b.unit2coefficient,\n                                0\n                              )}{\" \"}\n                            Çift\n                          </div>\n                        </div>\n                        <div className=\"finish-item\">\n                          <div style={{ width: \"50%\" }}>Toplam Tutar </div>{\" \"}\n                          <div style={{ width: 5 }}>:</div>\n                          <div\n                            style={{\n                              width: \"calc(50%)\",\n                              display: \"flex\",\n                              alignItems: \"center\",\n                              justifyContent: \"flex-end\",\n                            }}\n                          >\n                            <div style={{ marginRight: -10 }}>\n                              <Currency>\n                                {basket != null &&\n                                  basket != undefined &&\n                                  basket.reduce(\n                                    (a, b) => a + b.salePrice * b.quantity,\n                                    0\n                                  )}\n                              </Currency>\n                            </div>\n                          </div>\n                        </div>\n                      </div>\n                      <div className=\"btn-list\">\n                        <div\n                          onClick={(e) => history.push(\"/sepetim\")}\n                          className=\"btn\"\n                        >\n                          Sepete Git\n                        </div>\n                        <div\n                          onClick={() => history.push(\"/odeme-sayfasi\")}\n                          className=\"btn\"\n                        >\n                          Siparişi Tamamla\n                        </div>\n                      </div>\n                    </>\n                  ) : (\n                    <>\n                      <div\n                        style={{\n                          marginRight: 0,\n                          width: \"100%\",\n                          display: \"flex\",\n                          justifyContent: \"center\",\n                          alignItems: \"center\",\n                          fontSize: 25,\n                          marginBottom: 20,\n                          paddingTop: 50,\n                          paddingBottom: 50,\n                        }}\n                      >\n                        Sepetiniz Boş\n                      </div>\n                      <div\n                        onClick={() => {\n                          history.push(\"/\");\n                          setCartOpen(false);\n                        }}\n                        style={{\n                          marginRight: 0,\n                          width: \"100%\",\n                          display: \"flex\",\n                          justifyContent: \"center\",\n                          alignItems: \"center\",\n                          backgroundColor: \"#FF9F43\",\n                          color: \"#fff!important\",\n                          textShadow: \"none\",\n                          borderBottomLeftRadius: 10,\n                          borderBottomRightRadius: 10,\n\n                          padding: 10,\n                        }}\n                      >\n                        <FontAwesomeIcon color=\"#fff\" icon={faShoppingBasket} />\n                        Alışverişe Devam Et\n                      </div>\n                    </>\n                  )}\n                </div>\n              </button>\n\n              <Menu as=\"nav\" style={{ position: \"relative\" ,zIndex:99999}}>\n                <Menu.Button>\n                  <FontAwesomeIcon icon={faUserCircle} />\n                  {true && (\n                    <span\n                      style={{\n                        position: \"absolute\",\n                        fontSize: 12,\n                        width: 60,\n                        left: 0,\n                        top: 37,\n                        zIndex: 1000000,\n                        color: \"#333\",\n                        fontWeight: \"normal\",\n                      }}\n                    >\n                      Hesabım\n                    </span>\n                  )}\n                </Menu.Button>\n                <Menu.Items className=\"loginDrop\">\n                  {/* <Menu.Item>\n                    <Link to=\"#\" className=\"balance-mobile\">\n                      Bakiyeniz <br />\n                      {1 * localStorage.getItem(\"balance\")}\n                    </Link>\n                  </Menu.Item> */}\n                  {/* <Menu.Item>\n                    <Link to=\"/hareketlerim\">\n                      {JSON.parse(localStorage.getItem(\"customer\")).name}{\" \"}\n                      {JSON.parse(localStorage.getItem(\"customer\")).surname}\n                    </Link>\n                  </Menu.Item> */}\n                  {/* <Menu.Item>\n                    <Link to=\"/tahsilat\">Tahsilat</Link>\n                  </Menu.Item> */}\n                  <Menu.Item>\n                    <Link to=\"/sifre-degistir\">Şifre Değiştir</Link>\n                  </Menu.Item>\n                  <Menu.Item>\n                    <Link to=\"/hareketlerim\">Cari Ekstre</Link>\n                  </Menu.Item>\n\n                  {/* <Menu.Item>\n                    <Link to=\"/faturalar\">Faturalar</Link>\n                  </Menu.Item> */}\n                  <Menu.Item>\n                    <Link to=\"/siparisler\">Siparişlerim</Link>\n                  </Menu.Item>\n                  <Menu.Item>\n                    <Link to=\"/urun-raporu\">Ürün Raporu</Link>\n                  </Menu.Item>\n                  {admin == \"true\" ? (\n                    <Menu.Item>\n                      <Link to=\"/yonetici\">Yönetici</Link>\n                    </Menu.Item>\n                  ) : (\n                    <></>\n                  )}\n                  {/* <Menu.Item>\n                    <Link to=\"/sifre-degistir\">Şifre Değiştir</Link>\n                  </Menu.Item> */}\n                  <Menu.Item>\n                    <Link to=\"/cikis-yap\">Çıkış Yap</Link>\n                  </Menu.Item>\n                </Menu.Items>\n              </Menu>\n            </>\n          )}\n        </div>\n        <MobileSearchBox\n          open={searchOpen}\n          setOpen={setSearchOpen}\n          getResult={getResult}\n          result={result}\n          search={search}\n          setSearch={setSearch}\n          blurred={blurred}\n          history={history}\n        />\n      </Header>\n\n      <Categories open={open} setOpen={setOpen} />\n    </>\n  );\n}\n","import { createSlice } from \"@reduxjs/toolkit\";\n\nexport const cart = createSlice({\n  name:'cart',\n  initialState:{\n    basket:localStorage.getItem('cart')!=null && localStorage.getItem('cart')!=\"undefined\"?JSON.parse(localStorage.getItem('cart')):null,\n  },\n  reducers:{\n\n    setBasket: (state,action) => {\n      localStorage.setItem('cart',JSON.stringify(action.payload))\n      state.basket=action.payload\n    },\n    emptyCart: (state,action) => {\n      state.basket=null\n      localStorage.removeItem('cart')\n    },\n\n    \n  }\n})\n\nexport const {setBasket,itemIncrement,emptyCart} = cart.actions\nexport default cart.reducer","import { faInstagram, faLinkedin } from '@fortawesome/free-brands-svg-icons'\nimport { faBlenderPhone, faEnvelope, faGlobe, faMap, faMobileAlt, faPhone } from '@fortawesome/free-solid-svg-icons'\nimport React from 'react'\nimport { Link } from 'react-router-dom'\nimport {FooterContainer} from '../../styles/Header'\nimport logo from \"../../mainlogo.png\";\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\nexport default function Footer() {\n  return (\n    <FooterContainer>\n      <div className=\"copyright\">\n        <div className=\"logos\">\n          <img src={logo} alt=\"logo\" />\n        </div>\n        <div className=\"main\">\n          <div onClick={() => window.open(\"tel:+902125161970\")}>\n            <FontAwesomeIcon icon={faPhone} /> +90 212 516 19 70\n          </div>\n          <div onClick={() => window.open(\"tel:+9054609000102\")}>\n            <FontAwesomeIcon icon={faMobileAlt} /> +90 546 900 01 02\n          </div>\n          <div onClick={() => window.open(\"tel:+905380922264\")}>\n            <FontAwesomeIcon icon={faMobileAlt} /> +90 538 092 22 64\n          </div>\n          {/* <div onClick={() => window.open(\"mailto:info@ulusoyspor.com\")}>\n            <FontAwesomeIcon icon={faEnvelope} /> info@ulusoyspor.com\n          </div> */}\n        </div>\n        <div\n          onClick={() =>\n            window.open(\n              \"https://www.google.com/maps/place/Ulusoy+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          Mimar Hayrettin Mah. Gedikpaşa cami sok. <br /> No : 16{\" \"}\n          <strong>Fatih/İstanbul</strong>\n        </div>\n        {/* <div> Tüm hakları sakldırı &copy; 2023</div> */}\n        <div>\n          <img\n            src=\"https://dehasoft.com.tr/dehasoftblack.png\"\n            className=\"dehasoft-img\"\n            onClick={() => window.open(\"https://dehasoft.com.tr/\", \"_blank\")}\n          />\n        </div>\n      </div>\n    </FooterContainer>\n  );\n}\n","import { faTimes } from '@fortawesome/free-solid-svg-icons'\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\nimport { Button } from '@mui/material'\nimport React,{useState,useLayoutEffect} from 'react'\nimport { useProductRequests } from '../../helpers/ProductRequests';\nimport { useHistory } from 'react-router-dom';\nexport default function PopUp({open,setOpen}) {\n  const {getCategories} = useProductRequests();\n\n  const [categories, setCategories] = useState([])\n\n  const history=useHistory()\n  \n\n  useLayoutEffect(() => {\n    \n    if(categories.length === 0){\n      getCategories().then((response)=>{\n      }).catch((error)=>{\n        console.log(\"error\",error)\n      })\n    }\n    \n  }, [])\n  return (\n    <div className='pop-up' style={{top:!open ? '-400vh' : '0'}}>\n\n      <div className='close'>\n        <Button  variant='contained' color=\"error\" onClick={()=>setOpen(false)}>\n          <FontAwesomeIcon  icon={faTimes} />\n        </Button>\n      </div>\n      <ul className='category-list'>\n        {\n          categories.map((category,index)=>{\n            return <li  key={index}>\n              <button onClick={()=> {\n                history.push('/kategori/'+category.slug);\n                setOpen(false);\n              }}>{category.name}</button>\n              {/* Alt  kategoriler burada ;  */}\n              {\n                category.sub_categories.length > 0 ?\n                <ul className='sub-categories'>\n                  {\n                    category.sub_categories.map((sub_category,index)=>{\n                      return <li  key={sub_category.slug}>\n                        <button onClick={()=>{\n                          history.push('/kategori/'+sub_category.slug);\n                          setOpen(false);\n                        }}>{sub_category.name}</button>\n                        \n                      </li>\n                    })\n                  }\n                </ul>\n                :\n                // <div>\n                //   <CategoryLoader head={'li'} count={10} />\n                // </div>\n                <></>\n              }\n              </li>\n          })\n        }\n      </ul>\n\n    </div>\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      <BottomNav>\n        <CategoryPopUp open={open} setOpen={setOpen} />\n\n        <Link\n          to=\"/\"\n          className={history.location.pathname == \"/\" ? \"active\" : \"\"}\n        >\n          <FontAwesomeIcon icon={faHome} />\n          Ana Sayfa\n        </Link>\n        <Link\n          to=\"/yeni-urunler\"\n          className={\n            history.location.pathname == \"/yeni-urunler\" ? \"active\" : \"\"\n          }\n        >\n          <FontAwesomeIcon icon={faSearch} />\n          Ürünler\n        </Link>\n\n        {/* <a onClick={()=>setOpen(!open)} ><FontAwesomeIcon icon={faThList} />Kategoriler</a> */}\n\n        {localStorage.getItem(\"ulusoytoken\") != null ? (\n          <>\n            <Link\n              to=\"/sepetim\"\n              className={\n                history.location.pathname == \"/sepetim\" ? \"active\" : \"\"\n              }\n            >\n              <FontAwesomeIcon icon={faShoppingCart} />\n              <div>\n                Sepetim{basket != null ? <span>{basket.length}</span> : <></>}\n              </div>\n            </Link>\n\n            <Link\n              to=\"/siparisler\"\n              className={\n                history.location.pathname == \"/siparisler\" ? \"active\" : \"\"\n              }\n            >\n              <FontAwesomeIcon icon={faShoppingBag} />\n              Siparişlerim\n            </Link>\n          </>\n        ) : (\n          <>\n            <a onClick={changeLoginPopUp}>\n              <FontAwesomeIcon icon={faUser} />\n              Giriş Yap\n            </a>\n            <a onClick={changeRegisterPopUp}>\n              <FontAwesomeIcon icon={faUserPlus} />\n              Kayıt Ol\n            </a>\n            <Link to=\"/\"></Link>\n          </>\n        )}\n        <Link\n          to=\"/markalar\"\n          className={history.location.pathname == \"/markalar\" ? \"active\" : \"\"}\n        >\n          <FontAwesomeIcon icon={faThLarge} />\n          Markalar\n        </Link>\n        {/* <Link to=\"/urun-raporu\" ><FontAwesomeIcon icon={faList} />Hareketler</Link> */}\n\n        {/* <Link to=\"/\" ><FontAwesomeIcon icon={faUser} />Hesabım</Link> */}\n      </BottomNav>\n    </>\n  );\n}\n","import styled from \"styled-components\";\nimport { rgba } from 'polished';\n\nconst ProductItem = styled.div`\n  @media only screen and (max-width: 1140px) {\n    & + div {\n      width: 100%;\n    }\n    width: 100%;\n  }\n\n  &:hover {\n    box-shadow: 0px 0px 41px #000;\n  }\n  margin: 10px;\n  width: 15%;\n\n  padding: 10px;\n  border-radius: 10px;\n  min-height: 300px;\n  max-height: 300px;\n  cursor: pointer;\n  transition: 500ms all;\n  h3 {\n    font-size: 13px;\n    font-weight: normal;\n    max-height: 60px;\n    padding: 5px 10px 10px 5px;\n  }\n  img {\n    padding: 5px;\n    width: 100%;\n    height: 170px;\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  .action {\n    position: relative;\n\n    .price {\n      display: flex;\n      opacity: 100%;\n      flex-direction: column;\n      justify-content: center;\n      padding: 5px 5px;\n      transition: 600ms all;\n      h4 {\n        font-size: 15px;\n        color: ${({ theme }) => theme.mainThemeColor};\n      }\n      h5 {\n        font-size: 12px;\n        text-decoration: line-through;\n      }\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    .basket {\n      transition: 800ms all;\n      top: 10px;\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    \n  }\n`;\n\nconst ProductList = styled.div`\n  width: 100%;\n  @media only screen and (max-width: 1140px) {\n    width: 100%;\n  }\n  margin-bottom: 40px;\n  background-color: ${({ theme }) => theme.dropDownBackground};\n  background: rgba(242, 242, 242, 0.4);\n  border-radius: 20px;\n  display: flex;\n\n  &.product-list {\n    flex-direction: column;\n    .product-item {\n      transition: 500ms all;\n      box-shadow: 0px 2px 4444px #cccccc;\n      background-color: ${({ theme }) => theme.mainThemeBackground};\n\n      &:hover {\n        box-shadow: 0px 0px 41px ${({ theme }) => theme.mainThemeColor};\n        cursor: pointer;\n      }\n\n      width: 100%;\n      display: flex;\n      justify-content: space-around;\n      align-items: center;\n      margin-bottom: 20px;\n      .price {\n        font-size: 17px;\n      }\n      .name {\n        font-size: 14px;\n        min-width: 40%;\n      }\n      .basket {\n        transition: 800ms all;\n        opacity: 1;\n        button {\n          border: 0;\n          outline: 0;\n          width: 200px;\n          padding: 10px 0px;\n          background-color: #f27a1a;\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      position: relative;\n      .product-count {\n        position: absolute;\n        right: 10px;\n\n        transition: 600ms all;\n        font-size: 15px;\n        z-index: 3;\n\n        color: #fff;\n        padding: 5px;\n      }\n      .image {\n        min-width: 10%;\n        height: 100px;\n        transition: 500ms all;\n        background-size: cover;\n        background-position: center;\n      }\n      &:hover {\n        .product-count {\n          opacity: 1;\n        }\n        .image {\n        }\n      }\n    }\n    @media only screen and (max-width: 1140px) {\n      display: flex;\n      flex-wrap: wrap;\n      justify-content: space-between;\n      align-items: center;\n      .product-item {\n        background-color: ${({ theme }) => theme.mainThemeBackground};\n        flex-direction: column;\n        &:hover {\n          .basket,\n          .product-count {\n            opacity: 100%;\n          }\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: 1;\n          background-color: ${({ theme }) => theme.mainThemeBackground};\n          border-radius: 50%;\n          padding: 5px;\n        }\n        .basket {\n          width: 100%;\n          display: flex;\n          justify-content: center;\n          align-items: center;\n          transition: 800ms all;\n          top: 10px;\n          opacity: 100%;\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        min-width: 300px;\n        margin-top: 40px;\n        padding: 2%;\n        margin: 0.1%;\n        width: 16%;\n        min-height: 400px;\n        border-radius: 20px;\n        cursor: pointer;\n        max-height: 400px;\n        transition: 500ms all;\n        .price {\n          font-size: 22px;\n          font-weight: bold;\n        }\n        .name {\n          font-size: 14px;\n          margin-top: 30px;\n        }\n        .image {\n          width: 100%;\n          transition: 500ms all;\n          height: 200px;\n          background-size: cover;\n          background-position: center;\n        }\n        &:hover {\n          .image {\n            transform: scale(0.9);\n          }\n          box-shadow: 0px 0px 53px #000;\n        }\n      }\n\n      @media only screen and (max-width: 1140px) {\n        .product-item {\n          width: 100%;\n          min-width: 100%;\n          max-width: 100%;\n          .image {\n            width: 100%;\n          }\n        }\n      }\n    }\n  }\n  &.product-grid {\n    display: flex;\n    flex-wrap: wrap;\n    align-items: center;\n    justify-content: center;\n    .product-item {\n      box-shadow: 0px 2px 4px #cccccc;\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      }\n      .image-box {\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        width: 100%;\n        height: 180px;\n        margin-bottom: 20px;\n        overflow: hidden;\n        object-fit: cover !important;\n        img {\n          width: 100%;\n          height: 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      min-width: 300px;\n      margin-bottom: 40px;\n      padding: 2%;\n      width: 16%;\n      min-height: 500px;\n      border-radius: 20px;\n      cursor: pointer;\n      max-height: 550px;\n      transition: 500ms all;\n      color: #000;\n      .price {\n        font-size: 22px;\n        font-weight: bold;\n      }\n      .name {\n        font-size: 14px;\n        margin-top: 30px;\n      }\n      .basket {\n        transition: 800ms all;\n        width: 30%;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        button {\n          border: 0;\n          color: #000;\n          outline: 0;\n          padding: 5px 10px;\n          background-color: ${({ theme }) => theme.mainThemeBackground};\n          transition: 600ms all;\n          color: ${({ theme }) => theme.mainThemeColor};\n          border-radius: 1000px;\n          &:hover {\n            color: ${({ theme }) => theme.mainThemeBackground};\n            background-color: ${({ theme }) => theme.mainThemeColor};\n          }\n        }\n      }\n      .image {\n        width: 100%;\n        transition: 500ms all;\n        height: 200px;\n        background-size: cover;\n        background-position: center;\n      }\n      &:hover {\n        .image {\n          transform: scale(0.9);\n        }\n        box-shadow: 0px 0px 53px #000;\n      }\n    }\n\n    @media only screen and (max-width: 1140px) {\n      align-items: center;\n      justify-content: center;\n      .product-item {\n        min-height: 60vh;\n        max-height: 60vh;\n        .image {\n          height: 40vh;\n        }\n      }\n    }\n  }\n`;\nconst FilterContainer = styled.div`\n  width:100%;\n  background-color:#fff;\n  padding:20px;\n  border-radius:20px;\n  transition:800ms all;\n  h1{\n    font-size:20px;\n    margin-bottom:20px;\n    border-bottom:1px solid ${({ theme }) => theme.mainThemeBackground};\n  }\n  \n  .filter-item{\n    \n    .brand-list{\n      &::-webkit-scrollbar {\n        display: none;\n      }\n      -ms-overflow-style: none;  /* IE and Edge */\n      scrollbar-width: none;  /* Firefox */\n      margin-block-start: 0px!important;\n      margin-block-end: 0px!important;\n      padding-inline-start: 0px!important;\n      list-style-type:none!important;\n      overflow:scroll;\n      margin-left:0px;\n      ul,li{\n        margin-left:0px;\n        display:flex;\n        color:#222;\n        *{\n          font-family: 'Overpass', sans-serif!important;\n        }\n\n      }\n      li{\n        *{\n          padding:8px 20px;\n          inline-size: max-content;\n        }\n\n        margin:5px;\n        text-align:center;\n        *{\n          user-select:none;\n        }\n\n        display:flex;justify-content:center;align-items:center;\n      }\n      li:hover{\n        cursor:pointer;\n        border:1px solid #000;\n      }\n      .active{\n        font-weight:bold;\n      }\n    }\n    display:flex;\n    flex-direction:column;\n    margin-bottom:20px;\n    margin-top:20px;\n    h3{\n      font-size:16px;\n      width:100%;\n      font-weight:bold;\n      padding:5px;\n      border-radius:10px;\n      &:hover{\n        background-color:${({ theme }) => theme.mainThemeBackground};\n      }\n    }\n    ul ul:last-child{\n      padding-left:13%;\n      \n    }\n    .active > a{\n      text-align:center;\n      color:#333;\n    }\n    ul{\n      &::-webkit-scrollbar {\n        display: none;\n      }\n      max-width:100%;\n      overflow:scroll;\n      padding-left:80px;\n      display:flex;\n      flex-direction:row;\n      li{\n        border:1px solid #616161;\n        border-radius:20px;\n      }\n      li.items{\n        a{\n          inline-size: max-content;\n        }\n        border:1px solid ${({ theme }) => theme.color};\n        background-color:#fefeff;\n        text-align:center;\n        border-radius:30px;\n        border:1px solid #616161;\n        padding:8px 20px ;\n        margin:10px 6px;\n        font-size:10px;\n        display:flex;\n        justify-content:center;\n        align-items:center;\n        font-family: 'Overpass', sans-serif!important;\n        transition:300ms all;\n        &:hover{\n          border:1px solid #F27A1A;\n          a{\n            color:#333!important;\n          }\n        }\n        b{\n          cursor:pointer;\n        }\n      }\n      li.active{\n        border:none;\n        color:#000;\n        border:1px solid #F27A1A;\n        \n        background-color:rgba(242,122,26,.3);\n        img{\n          margin-right:20px;\n        }\n      }\n      .active-brand{\n        background-color:#fafafa!important;\n        \n        border:2px solid ${({ theme }) => theme.altHeader}!important;\n      }\n      li a{\n        text-decoration:none;\n        font-family: 'Overpass', sans-serif!important;\n        color:#000;\n        transition:300ms all;\n        font-size:12px;\n        font-weight:bold;\n        \n        cursor:pointer;\n      }\n      padding-inline-start:0px;\n      margin-inline-start:0px;\n    }\n    &>ul{\n    }\n  }\n  .head{\n    position:relative;\n    svg{\n      position:absolute;\n      top:25%;\n      right:10px;\n      transform:translateY(-25%);\n    }\n    padding-bottom:20px;\n    border-bottom:1px solid ${({ theme }) => theme.mainThemeBackground};\n    input{\n      border:0;\n      outline:0;\n      width:100%;\n      padding:10px;\n      border-radius:10px;\n      &:hover,&:focus{\n      background-color:${({ theme }) => theme.mainThemeBackground};\n      }\n    }\n  }\n  @media only screen and (max-width:1140px){\n    position:relative;\n    width:100vw;\n    overflow:scroll;\n    &::-webkit-scrollbar {\n      display: none;\n    }\n\n    .filter-item li{\n      min-width:40%!important;\n    } \n  }\n\n`;\n\nconst ProductListTitle = styled.div`\n  width: 100%;\n  background-color: ${({ theme }) => theme.background};\n  min-height: 60px;\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n  padding: 0px 20px;\n  flex-wrap: wrap;\n  \n  .items {\n    display: flex;\n    justify-content: product;\n    align-items: center;\n    .sortDrop {\n      position: absolute;\n      top: 100%;\n      width: 100%;\n      background-color: ${({ theme }) => theme.productsContainerBackground};\n      border-bottom-left-radius: 20px;\n      border-bottom-right-radius: 20px;\n      padding: 6px;\n      display: flex;\n      flex-direction: column;\n      justify-content: center;\n      align-items: center;\n      z-index: 1;\n      a:last-child:hover {\n        border-bottom-left-radius: 20px;\n        border-bottom-right-radius: 20px;\n      }\n      a {\n        text-decoration: none;\n        color: ${({ theme }) => rgba(theme.mainThemeOpacityBackgroundHover, 1)};\n        display: block;\n        padding: 5px;\n        width: 100%;\n        &:hover {\n          background-color: ${({ theme }) =>\n            theme.mainThemeOpacityBackgroundHover};\n        }\n      }\n    }\n    .productSort {\n      button {\n        background-color: rgba(0, 0, 0, 0.05);\n        border: 0;\n        outline: 0;\n        padding: 5px 20px;\n      }\n    }\n  }\n  @media only screen and (max-width: 1140px) {\n    padding: 20px;\n    .productSort {\n      button {\n      }\n    }\n  }\n\n  .listNav {\n    display: flex;\n    align-items: center;\n    a {\n      text-decoration: none;\n    }\n    h1 {\n      height: 100%;\n      display: flex;\n      align-items: center;\n      font-size: 20px;\n      margin-left: 10px;\n      margin-right: 10px;\n      font-weight: bold;\n      transition: 300ms all;\n      color: ${({ theme }) => theme.mainThemeColor};\n      &:hover {\n        color: ${({ theme }) => theme.mainThemeOpacityBackgroundHover};\n      }\n    }\n    h2 {\n      font-size: 15px;\n    }\n  }\n`;\n\nconst DetailContainer = styled.div`\n  .detail-image {\n    width: 100%;\n  }\n  @media only screen and (max-width: 1140px) {\n    .lightbox-container{\n      display:none!important;\n      opacity:0!important;\n      background-color:#fff!important;\n      img{\n        max-width:90%!important;\n      }\n    }\n  }\n\n\n  .product-page-items{\n    @media only screen and (max-width: 1140px) {\n      display: none!important;\n    }\n  }\n  \n  .detail-light-pagination {\n    position: fixed;\n    transition: all 0.5s ease;\n    top: 0;\n    width: 100px;\n    height: 100vh;\n    z-index: 9999;\n    color: red;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: center;\n    background-color: #fff;\n    @media only screen and (max-width: 1140px) {\n      height: 140px;\n      div div{\n        border-radius: 0;\n        height:32vw!important;\n        width:32vw!important;\n      }\n      width: 100%;\n      bottom: 30px;\n      top: unset;\n      flex-direction: row;\n      left: 0;\n    }\n  }\n  .counter-top-price {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    text-align: center;\n    padding: 10px 0px;\n    margin-bottom: 10px;\n    border-left: 10px solid #cab800;\n    background-color: #fddd00;\n    font-weight: bold;\n    font-size: 22px;\n    transition: 300ms all;\n    text-shadow: 1px 1px 2px #000;\n    cursor: pointer;\n    position: relative;\n    span {\n      position: absolute;\n      font-size: 14px;\n      left: 5px;\n      top: 5px;\n      text-shadow: none;\n    }\n  }\n  .varitants {\n    display: flex;\n    flex-wrap: wrap;\n    align-items: center;\n    width: 100%;\n    margin:170px 0px;\n    @media only screen and (max-width: 1140px) {\n      margin: 20px 0px;\n    }\n    .variant-item {\n      background: #fff;\n      margin-right: 10px;\n      margin-bottom: 10px;\n      .image {\n        width: 120px;\n        height: 120px;\n        background-size: 90%;\n        background-position: center;\n        background-repeat: no-repeat;\n      }\n      cursor: pointer;\n      display: flex;\n      align-items: center;\n      .title {\n        margin-right: 10px;\n        font-size: 13px;\n      }\n      transition: 300ms all;\n      &:hover {\n        box-shadow: 0px 0px 4px #f27a4a;\n      }\n    }\n    .variant-item.active {\n      border-radius: 10px;\n      border: 1px solid #f27a4a;\n    }\n    @media only screen and (max-width: 1140px) {\n      .variant-item {\n        .image {\n          width: 90px;\n          height: 90px;\n        }\n      }\n    }\n  }\n\n  .carousel-an-con {\n    .carousel-animate {\n      position: absolute;\n      font-size: 44;\n      * {\n        color: #000;\n        font-size: 80px;\n      }\n      transition: 600ms all;\n      cursor: pointer;\n      opacity: 0;\n      display: flex;\n      justify-content: flex-end;\n      align-items: flex-start;\n      font-size: 950%;\n    }\n    &:hover {\n      .carousel-animate {\n      }\n    }\n  }\n\n  .detail-header {\n    width: 98%;\n    background-color: ${({ theme }) => theme.productsContainerBackground};\n    display: flex;\n    justify-content: product;\n    flex-wrap: wrap;\n    .go-back-btn{\n      display:flex;\n      align-items:center;\n      justify-content:space-between;\n      width:170px;\n      color:#666;\n      cursor:pointer;\n    }\n    .title {\n      width: 70%;\n      text-align: right;\n      h1 {\n        font-size: 24px;\n      }\n    }\n    .detail-nav {\n      color: ${({ theme }) => theme.mainThemeBackground};\n\n      a {\n        text-decoration: none;\n        font-weight: bold;\n        color: #000;\n        transition: 300ms all;\n        &:hover {\n          color: ${({ theme }) => theme.mainThemeBackground};\n        }\n      }\n      span {\n        color: ${({ theme }) => theme.mainThemeBackground};\n      }\n      width: 25%;\n      display: flex;\n      justify-content: space-around;\n      align-items: center;\n    }\n  }\n  .product-information {\n    width: 90%;\n    padding: 1% 2%;\n    color: #000;\n    p {\n      font-family: \"Overpass\", sans-serif !important;\n    }\n    margin-top: 15px;\n    background-color: ${({ theme }) => theme.productsContainerBackground};\n  }\n  padding: 10px 0vh;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  .product {\n    padding-top: 30px;\n    .product-store {\n      position: relative;\n      min-height: 90vh;\n      @media only screen and (max-width: 1140px) {\n        min-height: unset;\n      }\n    }\n    .product-informations {\n      display: flex;\n      align-items: center;\n      flex-direction: column;\n      justify-content: center;\n      margin: 20px 0px;\n      .info-item {\n        width: 100%;\n        display: flex;\n        align-items: center;\n        .title {\n          width: 80px;\n          font-weight: bold;\n        }\n        margin-top: 8px;\n        .desc {\n          &::before {\n            content: \":\";\n            color: #000;\n            font-weight: bold;\n            margin-left: 5px;\n            margin-right: 5px;\n          }\n        }\n      }\n    }\n    .product-store.notstock {\n      & > div {\n        opacity: 22%;\n      }\n      &::after {\n        content: \"TÜKENDİ\";\n        position: absolute;\n        z-index: 100;\n        bottom: calc(50%);\n        right: 0;\n        background: ${({ theme }) => theme.mainThemeBackground};\n        width: 100%;\n        font-family: \"Overpass\", sans-serif !important;\n        padding: 5px 0px;\n        opacity: 90%;\n        text-align: center;\n        box-shadow: 0px 0px 5px 0px red;\n        font-weight: bold;\n        font-size: 48px;\n        transform: rotate(-40deg);\n      }\n    }\n    .product-title {\n      text-align: left;\n      margin-top: 30px;\n      color: #000;\n      font-size: 24px;\n      font-weight: 550;\n      font-family: \"Roboto\", sans-serif !important;\n      @media only screen and (max-width: 1140px) {\n        font-size:17px;\n        font-weight: 400;\n      }\n    }\n    .product-brand {\n      color: #000;\n      font-weight: bold;\n      cursor: pointer;\n    }\n    .product-colors {\n      text-align: left;\n      color: #000;\n      font-size: 14px;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      flex-wrap: wrap;\n      margin: 40px 0px;\n\n      font-weight: bold;\n      a {\n        color: #000;\n        display: inline-block;\n        background: #ffef;\n        margin: 10px;\n        padding: 10px 25px;\n        max-width: 50%;\n        text-decoration: none;\n        border-radius: 15px;\n      }\n      a.active {\n        background: ${({ theme }) => theme.mainThemeBackground};\n        color: #fff;\n        font-weight: bold;\n      }\n      a.no-stock {\n        background: gray;\n        color: #fff;\n        opacity: 50%;\n      }\n    }\n    .price-list {\n      display: flex;\n      flex-direction: column;\n      align-items: flex-end;\n    }\n    .product-price {\n      min-width: 30%;\n      display: inline-block;\n      background-color: ${({ theme }) => theme.mainThemeBackground};\n      text-align: center;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      &.adet {\n        background-color: #933;\n        min-width: 30%;\n        font-size: 18px;\n        color: #fefe;\n      }\n      margin-top: 10px;\n      padding: 3px 12px;\n      border-radius: 5px;\n      text-shadow: 1px 1px 1px #000;\n      font-size: 35px;\n      font-weight: bold;\n      font-family: \"Overpass\", sans-serif !important;\n      box-shadow: 6px 6px 0px 0px #000;\n      color: ${({ theme }) => theme.color};\n      text-align: left;\n    }\n    .price-box {\n      position: absolute;\n      top: 120px;\n      width: 200px;\n      right: 0px;\n\n      @media only screen and (max-width: 1100px) {\n        position: relative;\n        top: 0;\n        width: 100%;\n        display: none;\n      }\n    }\n    .mobile-price-box {\n      display:none;\n\n      @media only screen and (max-width: 1100px) {\n        display: block;\n        position: fixed;\n        z-index: 100;\n        bottom:49px;\n        width: 100%;\n        background-color: #ffff;\n        box-shadow: 0px 0px 10px #ddd;\n        left:0;\n        padding:10px;\n        display:flex;\n        justify-content:space-around;\n        .mobile-action{\n          width:50%;\n          display:flex;\n          input,button{\n            width:100%;\n            border:0;\n            font-weight:bold;\n            font-size:20px;\n            outline;\n            height:50px;\n            text-align:center;\n            background-color:#eee;\n            border-radius:0px;\n            margin:0;\n            padding:0;\n\n          }\n          button{\n            width:50%;\n            background-color:#FF9F43;\n            color:#fff;\n            &:first-child{\n              border-top-left-radius:10px;\n              border-bottom-left-radius:10px;\n            }\n            &:last-child{\n              border-top-right-radius:10px;\n              border-bottom-right-radius:10px;\n            }\n            &:disabled{\n              background-color:#ccc;\n            }\n          }\n          .mobile-add{\n            height:50px;\n            width:100%;\n            button{\n              display:flex;\n              align-items:center;\n              justify-content:space-around;\n              width:100%;\n              margin-left:20px;\n              height:50px;\n              font-size:18px;\n              font-weight:400;\n              background-color:#FF9F43;\n              color:#fff;\n              border-radius:10px;\n              font-weight:bold;\n\n            }\n          }\n        }\n        \n        .prices{\n          display:flex\n          width:50%;\n          flex-direction:column;\n          .simple-price{\n            display:flex;\n            justify-content:space-between;\n            width:100%;\n            &:first-child{\n              margin-bottom:10px;\n            }\n            color:#000;\n          }\n          span{\n            padding-left:10px;\n            &:last-child{\n              color:#FF9F43;\n              font-weight:bold;\n            }\n          }\n        }\n      }\n    }\n    .go-back-btn {\n    }\n    .product-stock {\n      float: right;\n      padding: 3px 12px;\n      border-radius: 5px;\n      text-shadow: 3px 3px 3px #000;\n      font-size: 20px;\n      font-weight: bold;\n      font-family: \"Overpass\", sans-serif !important;\n      text-align: center;\n      color: #ffefef;\n      background: #333;\n      display: inline-block;\n    }\n    position: relative;\n    .go-back-btn {\n      float: right;\n      span {\n        transition: 500ms all;\n        margin-left: 10px;\n      }\n      &:hover {\n        span {\n          margin-left: 35px;\n        }\n      }\n      padding: 3px 12px;\n      border-radius: 5px;\n      font-size: 14px;\n      font-weight: bold;\n      font-family: \"Overpass\", sans-serif !important;\n      color: #333;\n      position: absolute;\n      right: -40px;\n      top: 5px;\n      padding: 10px 25px;\n      background: rgba(253, 221, 0, 0.9);\n      transition: 1500ms all;\n      &:hover {\n        cursor: pointer;\n        background: #ddd;\n      }\n      display: inline-block;\n      @media only screen and (max-width: 1100px) {\n        position: relative;\n        margin-top: 20px;\n        margin-bottom: 20px;\n        display: block;\n        float: none;\n        width: 150px;\n        margin-left: auto;\n      }\n    }\n    .counter {\n      margin-top: 10px;\n      margin-bottom: 10px;\n      width: 100%;\n      height: 55px;\n      display: flex;\n      justify-content: space-between;\n      button {\n        min-width: 25%;\n        background-color: ${({ theme }) => theme.mainThemeBackground};\n      }\n      button:not(:last-child) {\n        border-top-left-radius: 10px;\n        border-bottom-left-radius: 10px;\n      }\n      button:not(:first-child) {\n        border-top-right-radius: 10px;\n        border-bottom-right-radius: 10px;\n      }\n      .input,\n      .input input {\n        width: 100%;\n        height: 100%;\n        position: relative;\n        border: 0;\n        outline: 0;\n        text-align: center;\n        font-weight: bold;\n        font-family: \"Overpass\", sans-serif !important;\n        color: #000;\n        font-size: 28px;\n        span {\n          position: absolute;\n          bottom: 0px;\n          font-size: 11px;\n          left: 44%;\n          user-select: none;\n        }\n        &:hover,\n        &:focus {\n          // background-color:${({ theme }) =>\n            theme.mainThemeOpacityBackgroundHover};\n        }\n      }\n    }\n    .add-basket {\n      width: 100%;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      span {\n        margin-right: 20px;\n      }\n      button {\n        background-color: ${({ theme }) => theme.mainThemeBackground};\n        width: 100%;\n        &:hover {\n          background-color: #fbf04a;\n        }\n      }\n    }\n    .list-price {\n      box-shadow: none;\n      background: transparent;\n      color: #000;\n      font-size: 34px;\n      &:before {\n        content: \"\";\n        width: 170px;\n        transform: rotate(-9deg);\n        background: ${({ theme }) => theme.altHeader};\n        height: 3px;\n        z-index: 1000;\n        position: absolute;\n      }\n    }\n    width: 90%;\n    background-color: ${({ theme }) => theme.productsContainerBackground};\n    padding: 50px;\n    @media only screen and (max-width: 1100px) {\n      padding:20px;\n    }\n    padding-top: 1px;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    .product-asorti{\n      display:flex;\n      justify-content:center;\n      align-items: center;\n      @media only screen and (max-width: 1140px) {\n        display:none;\n      }\n    }\n    .product-asorti-mobile{\n      display:none;\n      @media only screen and (max-width: 1140px) {\n        display:flex;\n      }\n    }\n    .product-asorti-mobile{\n      justify-content:center;\n      align-items: center;\n      @media only screen and (max-width: 1140px) {\n        max-width:230px!important;\n        margin:auto;\n        div div{\n          width:330px!important;\n          max-width:330px!important;\n        }\n        div div div{\n          width:30px!important;\n          &:first-child{\n            width:100px!important;\n          }\n          &:last-child{\n            width:100px!important;\n          }\n          font-size:14px;\n        }\n      }\n    }\n    \n    .product-image {\n      margin-top: 0px;\n      width: 50%;\n    }\n    background-color: rgba(0, 0, 0, 0.015);\n    .product-store {\n      margin-top: 0px;\n      width: 50%;\n    }\n    @media only screen and (max-width: 1140px) {\n      width: 100vw;\n      flex-wrap: wrap;\n      .product-image {\n        min-width: 100vw;\n        min-height: 100vw;\n\n        img {\n          min-width: 100vw;\n          min-height: 100vw;\n        }\n      }\n      .product-store {\n        width: 100vw;\n      }\n      .varitants {\n        margin: auto;\n        width: 100%;\n        .variant-item div {\n          width: 150px;\n          height: 150px;\n          @media only screen and (max-width: 1140px) {\n            width: 80px;\n            height: 80px;\n          }\n        }\n      }\n    }\n  }\n\n  @media only screen and (max-width: 1140px) {\n    .detail-image {\n      width: 100%;\n      img {\n        user-select: none;\n        user-drag: none;\n        width: 100%;\n      }\n    }\n    .detail-header {\n      .detail-nav {\n        width: 100%;\n      }\n    }\n  }\n\n  .variant-mobile{\n    display:none\n  }\n  @media only screen and (max-width: 1140px) {\n    .variant-mobile{\n      display:flex;\n    }\n    .variant-web{\n      display:none!important;\n    }\n\n  }\n`;\n\nconst InvoiceContainer = styled.div`\n  padding: 0.1% 15%;\n  @media only screen and (max-width: 1080px) {\n    padding: 0;\n  }\n  .page-item {\n    max-width: 100px!important;\n    min-width: 100px!important;\n    width: 100px!important;\n    img {\n      max-width: 100px!important;\n      min-width: 100px!important;\n      width: 100%!important;\n    }\n  }\n  .head {\n    display: flex;\n    color: #000;\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  .total {\n    display: flex;\n    justify-content: space-between;\n    margin-top: 20px;\n    color: #000;\n    div {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      div {\n        border: none;\n        padding: 5px;\n      }\n      border: 1px solid #000;\n    }\n    span {\n      padding: 10px;\n    }\n  }\n`;\nconst SwapButton = styled.button`\n  z-index: 999 !important;\n  border: none !important;\n  outline: none !important;\n  font-size: 33px !important;\n  transition: 300ms all;\n\n  background: transparent;\n  color: #000;\n  width: 5%;\n  left: unset;\n  right: unset;\n  bottom: 30px;\n  top: unset;\n  position: fixed;\n  border: 2px solid #000 !important;\n  border-radius: 50%;\n  height: 50px;\n  width: 50px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  cursor: pointer;\n  padding: 0;\n  font-size: 40px !important;\n  font-weight: normal!important;\n  &.left {\n    left: calc(50% - 100px);\n  }\n  &.right {\n    right: calc(50% - 100px);\n  }\n  &:hover {\n    color: #444;\n    // background-color:${({ theme }) => theme.altHeader};\n  }\n  @media only screen and (max-width: 840px) {\n    display: none;\n  }\n`;\n\nconst BrandList = styled.div`\n  width: 100%;\n  display: flex;\n  justify-content: center;\n  flex-wrap: wrap;\n  align-items: center;\n  padding: 10px;\n  background-color: rgba(242, 242, 242, 1);\n  .brand-item {\n    text-decoration: none;\n    color: #333;\n    width: 240px;\n    height: 240px;\n    \n    display: flex;\n    justify-content: center;\n    align-items: center;\n    flex-direction: column;\n    margin: 5px;\n    background-color: #fff;\n    p {\n      font-weight: normal;\n      font-size: 16px;\n      font-family: \"Lato\", sans-serif;\n    }\n    padding-top: 15px;\n    @keyframes scaleAnimation {\n      0% {\n        transform: scale(0);\n      }\n      50% {\n        transform: scale(1);\n      }\n      100% {\n        transform: scale(0);\n      }\n    }\n\n    @keyframes scaleAnimation {\n      0% {\n        transform: scale(0);\n      }\n      50% {\n        transform: scale(1);\n      }\n      100% {\n        transform: scale(0);\n      }\n    }\n\n    .overlay {\n      position: absolute;\n      z-index: 999;\n      color: #fff;\n      background: darkred;\n      width: 50%;\n      top: 15%;\n      transform: scale(0);\n      animation: scaleAnimation 1s infinite;\n    }\n    .image {\n      width: 240px;\n      height: 240px;\n      background-size: 80%;\n      background-repeat: no-repeat;\n      background-position: center;\n      border-radius: 1000px;\n      transition: 600ms transform;\n      &.overlayimg {\n      }\n      margin-bottom: 5px;\n    }\n    .imageFlip {\n      opacity: 0;\n      transform: rotateY(180deg);\n      width: 240px;\n      height: 0px;\n      background-size: 80%;\n      background-repeat: no-repeat;\n      background-position: center;\n      border-radius: 1000px;\n      transition: 600ms transform;\n      &.overlayimg {\n      }\n      margin-bottom: 5px;\n    }\n    &:hover {\n      .image {\n        height: 0px;\n        position: absolute;\n        opacity: 0;\n        transform: rotateY(180deg);\n        background-size: 80%;\n      }\n      .imageFlip {\n        height: 240px;\n        position: relative;\n        opacity: 1;\n        transform: rotateY(0deg);\n        background-size: 80%;\n      }\n    }\n    text-align: center;\n    font-weight: bold;\n    font-size: 22px;\n    cursor: pointer;\n    transition: 300ms box-shadow;\n    position: relative;\n    .mevcut {\n      margin-bottom: 5px;\n      font-size: 13px;\n      transition: 200ms all;\n      span {\n        background-color: #000;\n        color: #fff;\n        border-radius: 15px;\n        padding: 2px 4px;\n        transition: 200ms all;\n      }\n    }\n    @media only screen and (max-width: 1140px) {\n      width: calc(50% - 4px);\n      height: 250px;\n      margin: 2px;\n      .image {\n        width: 100%;\n      }\n    }\n    &:hover {\n      color: #000;\n      box-shadow: 0px 5px 1px 0px #000;\n      .mevcut {\n        transform: scale(1.2);\n        span {\n        }\n      }\n    }\n  }\n`;\nexport {\n  BrandList,ProductItem,\n  DetailContainer,\n  ProductList,\n  FilterContainer,\n  ProductListTitle,\n  InvoiceContainer,\n  SwapButton,\n};","import styled from \"styled-components\";\n\nconst SliderSwitch = styled.div`\n  width: 100%;\n  display: none;\n  flex-wrap: wrap;\n  justify-content: center;\n  align-items: center;\n  height: 80px;\n  button.active {\n    color: ${({ theme }) => theme.color};\n    border-radius: 30px;\n    background-color: ${({ theme }) => theme.background};\n    font-weight: bold;\n    &:after {\n      background-color: red;\n      content: \"\";\n      position: absolute;\n      top: 80%;\n      right: 50%;\n      width: 15px;\n      height: 9px;\n      background-color: ${({ theme }) => theme.background};\n      transform: rotate(45deg);\n    }\n  }\n  button {\n    height: 40px;\n    width: 150px;\n    border: 0;\n    outline: 0;\n    color: #fff;\n    font-weight: normal;\n    position: relative;\n    background-color: transparent;\n    &:not(:last-child) {\n      margin-right: 20px;\n    }\n  }\n  \n`;\nconst CarouselContainer = styled.div`\n  transition: 600ms all;\n  .rec-arrow {\n    position: absolute;\n    z-index: 10;\n    background: transparent !important;\n    color: ${({ theme }) => theme.color}!important;\n    border: 0 !important;\n    outline: 0 !important;\n    box-shadow: 0px 0px 0px !important;\n    border-radius: 0px !important;\n    height: 53vh !important;\n    top: -8vh;\n    @media only screen and (max-width: 1140px) {\n      top: -8vh;\n    }\n    &:hover {\n      background-color: rgba(0, 0, 0, 0.003) !important;\n    }\n  }\n  .rec-arrow-left {\n    left: 0px !important;\n  }\n  .rec-arrow-right {\n    right: 00px !important;\n  }\n  .rec-dot: {\n    background: ${({ theme }) => theme.carouselBackground}!important;\n    transition: all 250ms ease!impoortant;\n    &:hover {\n      box-shadow: 0 0 1px 2px ${({ theme }) => theme.color}!important;\n    }\n  }\n  .rec-dot_active {\n    background: ${({ theme }) => theme.background}!important;\n    border: 0 !important;\n    box-shadow: 0 0 1px 3px ${({ theme }) => theme.color}!important;\n  }\n\n  .rec-item-wrapper img {\n    width: 70%;\n    cursor: pointer;\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    /*border:4px solid;\n    border: double 1em transparent;\n    border-image:linear-gradient(rgba(${(props) => props.colors.front},${({\n      theme,\n    }) => theme.rgbaOpacity}) 0%,\n          rgba(${(props) => props.colors.center},${({ theme }) =>\n      theme.rgbaOpacity}) 26%,\n          rgba(${(props) => props.colors.centerlast},${({ theme }) =>\n      theme.rgbaOpacity}) 74%,\n          rgba(${(props) => props.colors.end},${({ theme }) =>\n      theme.rgbaOpacity}) 100%) 30;\n    background-origin: border-box;\n    background-clip: content-box, border-box;*/\n    @media only screen and (max-width: 1140px) {\n      border-radius: 30px;\n      width: 90%;\n      height: 30vh;\n    }\n  }\n  .slider-page-lists img {\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  .active-slider-page {\n    border: 2px solid ${({ theme }) => theme.background};\n  }\n  .rec-carousel-wrapper {\n    position: relative;\n  }\n  background-color: rgba(242, 242, 242, 0.5);\n  // background:linear-gradient(90deg, rgba(${(props) =>\n    props.colors.front},0.6) 0%, rgba(${(props) =>\n    props.colors.center},0.6) 26%, rgba(${(props) =>\n    props.colors.centerlast},0.6) 74%,rgba(${(props) =>\n    props.colors.end},0.6) 100%);\n\n  @media only screen and (max-width: 1140px) {\n    & > div {\n      margin-bottom: 5vh;\n    }\n  }\n\n \n`;\n\nconst SlideProductContainer = styled.div`\n  position: relative;\n  background-color: rgba(242, 242, 242, 0.5);\n  padding: 5px;\n\n  @media only screen and (max-width: 1140px) {\n    padding: 0px;\n    margin-bottom: 30px;\n  }\n  h1 {\n    margin-left: 30px;\n    &:hover {\n      cursor: pointer;\n    }\n  }\n  .rdt_TableBody > div:nth-child(2n + 1) {\n    background: #dedede;\n  }\n  .rdt_TableBody > div {\n    background: #fff;\n  }\n  .rec-arrow {\n    position: absolute;\n    z-index: 10;\n    color: ${({ theme }) => theme.color}!important;\n    border: 0 !important;\n    outline: 0 !important;\n    box-shadow: 0px 0px 0px !important;\n    border-radius: 50% !important;\n    background-color: rgba(0, 0, 0, 0.08) !important;\n    &:hover {\n      background-color: rgba(0, 0, 0, 0.15) !important;\n    }\n  }\n  .rec-arrow-left {\n    border: 1px solid #000;\n    left: -5px;\n  }\n  .rec-arrow-right {\n    border: 1px solid #000;\n    right: -5px;\n  }\n  .rec-carousel-wrapper {\n    padding-bottom: 2vh;\n    @media only screen and (max-width: 1140px) {\n      padding-bottom: 0vh;\n      margin-top: -50px;\n    }\n    position: relative;\n  }\n`;\n\nconst ProductListContainer=styled.div`\n  background-color:${({theme})=>theme.productsContainerBackground};\n  width:80%;\n  margin:40px 0px;\n  padding:20px;\n  margin-left:10%;\n  \n  .category{\n    \n    h2{\n      color:${({theme})=>theme.mainThemeColor};\n      font-size:20px;\n      padding:20px 0px 0px 40px;\n      width:100%;\n      position:relative;\n      &:before{\n        content:'Tüm ilanlar →';\n        position:absolute;\n        right:0;\n        cursor:pointer;\n        font-size:14px;\n        font-weight:normal;\n        &:before:hover{\n          color:red;\n        }\n      }\n    }\n    &:not(:last-child){\n      border-bottom:1px solid ${({theme})=>theme.color};\n    }\n    display:flex;\n    flex-wrap:wrap;\n    justify-content:center;\n    align-items:center;\n    position:relative;\n    h1{\n      width:100%;\n      margin-left:30px;\n    }\n  }\n  @media only screen and (max-width:1140px){\n    width:95%;\n    margin-left:2.5%;\n  }\n`\n\nexport {SliderSwitch,CarouselContainer,SlideProductContainer,ProductListContainer}","import axios from \"axios\";\n\nexport const useOrderRequests = () => {\n  const getBankAccounts = async () => {\n    return axios({\n      method: \"get\",\n      url: `${\n        process.env.REACT_APP_API + process.env.REACT_APP_GET_BANK_ACCOUNTS\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_GET_BANK_ACCOUNTS\n        }`,\n        Authorization: `${localStorage.getItem(\"ulusoytoken\")}`,\n      },\n    });\n  };\n  const getOrders = async () => {\n    return axios({\n      method: \"get\",\n      url: `${process.env.REACT_APP_API + process.env.REACT_APP_ORDERS}`,\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_ORDERS\n        }`,\n        Authorization: `${localStorage.getItem(\"ulusoytoken\")}`,\n      },\n    });\n  };\n\n  const getCollections = async () => {\n    return axios({\n      method: \"get\",\n      url: `${process.env.REACT_APP_API + process.env.REACT_APP_COLLECTIONS}`,\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_COLLECTIONS\n        }`,\n        Authorization: `${localStorage.getItem(\"ulusoytoken\")}`,\n      },\n    });\n  };\n\n  const getCollection = async (id) => {\n    return axios({\n      method: \"get\",\n      url: `${\n        process.env.REACT_APP_API + process.env.REACT_APP_COLLECTION\n      }?collectionId=`+id,\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_COLLECTION\n        }`,\n        Authorization: `${localStorage.getItem(\"ulusoytoken\")}`,\n      },\n    });\n  };\n\n  const getInvoices = async () => {\n    return axios({\n      method: \"get\",\n      url: `${process.env.REACT_APP_API + process.env.REACT_APP_GET_INVOICES}`,\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_GET_INVOICES\n        }`,\n        Authorization: `${localStorage.getItem(\"ulusoytoken\")}`,\n      },\n    });\n  };\n\n  const getInvoice = async (id) => {\n    return axios({\n      method: \"get\",\n      url: `${\n        process.env.REACT_APP_API + process.env.REACT_APP_GET_INVOICE\n      }?invoiceId=${id}`,\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_GET_INVOICE\n        }`,\n        Authorization: `${localStorage.getItem(\"ulusoytoken\")}`,\n      },\n    });\n  };\n\n  const getOrder = async (id) => {\n    return axios({\n      method: \"get\",\n      url: `${\n        process.env.REACT_APP_API + process.env.REACT_APP_ORDER\n      }?orderId=${id}`,\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_ORDERS\n        }`,\n        Authorization: `${localStorage.getItem(\"ulusoytoken\")}`,\n      },\n    });\n  };\n\n  const createOrder = async (order) => {\n    return axios({\n      method: \"post\",\n      url: `${process.env.REACT_APP_API + process.env.REACT_APP_CREATE_ORDER}`,\n      data: order,\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_CRAETE_ORDERS\n        }`,\n        Authorization: `${localStorage.getItem(\"ulusoytoken\")}`,\n      },\n    });\n  };\n\n  const cancelOrder = async (id) => {\n    return axios({\n      method: \"post\",\n      url: `${\n        process.env.REACT_APP_API + process.env.REACT_APP_CANCEL_ORDER\n      }?orderId=${id}`,\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_CANCEL_ORDER\n        }`,\n        Authorization: `${localStorage.getItem(\"ulusoytoken\")}`,\n      },\n    });\n  };\n\n  const getProductReports = async (startDate, endDate) => {\n    return axios({\n      method: \"get\",\n      url: `${\n        process.env.REACT_APP_API + process.env.REACT_APP_PRODUCT_REPORTS\n      }?FirstDate=${startDate}&LastDate=${endDate}`,\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_PRODUCT_REPORTS\n        }`,\n        Authorization: `${localStorage.getItem(\"ulusoytoken\")}`,\n      },\n    });\n  };\n\n  const createPaymentForm = async (data = { type: 1, amount: 1 }) => {\n    return axios({\n      method: \"post\",\n      url: `${process.env.REACT_APP_API + process.env.REACT_APP_GET_PAYMENT}`,\n      data: data,\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_PRODUCT_REPORTS\n        }`,\n        Authorization: `${localStorage.getItem(\"ulusoytoken\")}`,\n      },\n    });\n  };\n\n  return {\n    getBankAccounts,\n    getOrders,\n    getOrder,\n    createOrder,\n    getCollections,\n    getCollection,\n    getProductReports,\n    createPaymentForm,\n    getInvoices,\n    getInvoice,\n    cancelOrder,\n  };\n};\n","import axios from 'axios'\n\nexport const useCartRequests = () => {\n\n  const getCart = async () => {\n    return axios({\n      method: 'get',\n      url: `${process.env.REACT_APP_API+process.env.REACT_APP_GET_CART}`,\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_GET_CART}`,\n        'Authorization': `${localStorage.getItem('ulusoytoken')}`\n      }\n    })\n  }\n  const addCart = async (items) => {\n    return axios({\n      method: 'get',\n      url: `${process.env.REACT_APP_API+process.env.REACT_APP_ADD_TO_CART}?productId=${items[0].id}&quantity=${items[0].count}`,\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_ADD_TO_CART}`,\n        'Authorization': `${localStorage.getItem('ulusoytoken')}`\n      }\n    })\n  }\n  const deleteCart = async () => {\n    return axios({\n      method: 'get',\n      url: `${process.env.REACT_APP_API+process.env.REACT_APP_DELETE_CART}`,\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_DELETE_CART}`,\n        'Authorization': `${localStorage.getItem('ulusoytoken')}`\n      }\n    })\n  }\n\n  const incrementCart = async (id,quantity=1) => {\n    return axios({\n      method: 'get',\n      url: `${process.env.REACT_APP_API+process.env.REACT_APP_INCREMENT_CART}?productId=${id}&quantity=${quantity}`,\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_INCREMENT_CART}`,\n        'Authorization': `${localStorage.getItem('ulusoytoken')}`\n      }\n    })\n  }\n\n  const decrementCart = async (id,quantity=1) => {\n    return axios({\n      method: 'get',\n      url: `${process.env.REACT_APP_API+process.env.REACT_APP_DECREMENT_CART}?productId=${id}&quantity=${quantity}`,\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_INCREMENT_CART}`,\n        'Authorization': `${localStorage.getItem('ulusoytoken')}`\n      }\n    })\n  }\n\n  const extractionCart = async (id) => {\n    return axios({\n      method: 'get',\n      url: `${process.env.REACT_APP_API+process.env.REACT_APP_EXTRACTION_CART}?productId=`+id,\n      data:{\n        product_id:id,\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_EXTRACTION_CART}`,\n        'Authorization': `${localStorage.getItem('ulusoytoken')}`\n      }\n    })\n  }//\n\n  //\n  return {getCart,addCart,deleteCart,incrementCart,decrementCart,extractionCart}\n}","import { useState, useEffect } from 'react';\n\nfunction getWindowDimensions() {\n  const { innerWidth: width, innerHeight: height } = window;\n  return {\n    width,\n    height\n  };\n}\n\nexport default function useWindowDimensions() {\n  const [windowDimensions, setWindowDimensions] = useState(getWindowDimensions());\n\n  useEffect(() => {\n    function handleResize() {\n      setWindowDimensions(getWindowDimensions());\n    }\n\n    window.addEventListener('resize', handleResize);\n    return () => window.removeEventListener('resize', handleResize);\n  }, []);\n\n  return windowDimensions;\n}","import { createSlice } from \"@reduxjs/toolkit\";\n\nimport { LightTheme,DarkTheme } from \"../../styles/Theme\";\n\nexport const site = createSlice({\n  name: \"site\",\n  initialState: {\n    theme:\n      localStorage.getItem(\"theme\") != undefined\n        ? localStorage.getItem(\"theme\")\n        : \"LightTheme\",\n    language: localStorage.getItem(\"language\") && \"tr\",\n    slider: {\n      front: \"22,88,103\",\n      center: \"253,29,29\",\n      centerlast: \"41,126,231\",\n      end: \"221,18,46\",\n    },\n    loginPopUp: false,\n    registerPopUp: false,\n    forgotPopUp: false,\n  },\n  reducers: {\n    changeSlider: (state, action) => {\n      state.slider = action.payload;\n    },\n    lightMode: (state) => {\n      state.theme = LightTheme;\n    },\n    darkMode: (state) => {\n      state.theme = DarkTheme;\n    },\n    changeTheme: (state) => {\n      state.theme = state.theme == \"LightTheme\" ? \"DarkTheme\" : \"LightTheme\";\n      localStorage.setItem(\"theme\", state.theme);\n    },\n    english: (state) => {\n      state.language = \"en\";\n    },\n    turkish: (state) => {\n      state.language = \"tr\";\n    },\n    changeLanguage: (state) => {\n      state.language = state.language == \"tr\" ? \"en\" : \"tr\";\n    },\n    setLoginPopUp: (state) => {\n      state.loginPopUp = !state.loginPopUp;\n    },\n    setRegisterPopUp: (state) => {\n      state.registerPopUp = !state.registerPopUp;\n    },\n    setForgotPopUp: (state) => {\n      state.forgotPopUp = !state.forgotPopUp;\n    },\n    \n  },\n});\n\nexport const {\n  lightMode,\n  darkMode,\n  changeTheme,\n  turkish,\n  english,\n  changeLanguage,\n  changeSlider,\n  setLoginPopUp,\n  setRegisterPopUp,\n  setForgotPopUp\n} = site.actions;\nexport default site.reducer","import React,{useEffect,useRef} from 'react'\nimport Carousel from 'react-elastic-carousel'\nimport { useDispatch } from 'react-redux';\nimport SlideProduct from '../../components/Product/ProductCard'\nimport useWindowDimensions from '../useWindowDimensions';\nexport default function Products({items,items2=null}) {\n  const {width}=useWindowDimensions()\n  const carouselRef = useRef(null);\n  const carouselRef2 = useRef(null);\n  const dispatch = useDispatch()\n  let resetTimeout;\n  return (\n\n    \n      items2!=null ?\n      <>\n      <Carousel \n        ref={carouselRef}\n        disableArrowsOnEnd={true}\n        pagination={false}\n        onChange={()=>{\n          // carouselRef2.current.goTo(carouselRef.current.state.activeIndex)\n        }}\n        itemsToShow={width<1140 ? (width<1180 ? (width<900 ? 2 : 2) : 3) : (width<1600 ? (width<1400 ? 3:4) :5)}>\n        {\n          items.map((item,index)=>{\n            return (\n              <div\n                key={item.id}\n                style={{ display: \"flex\", flexDirection: \"column\" }}\n              >\n                <SlideProduct product={item} />\n                {items2[index] != undefined && (\n                  <SlideProduct product={items2[index]} />\n                )}\n              </div>\n            );\n          })\n        }\n      </Carousel>\n      \n      </>\n      :\n      <>\n      <Carousel \n      ref={carouselRef}\n      disableArrowsOnEnd={true}\n      pagination={true}\n      onChange={()=>{\n        //console.log(carouselRef.current.state.activeIndex)\n      }}\n        itemsToShow={width<1140 ? (width<1180 ? (width<900 ? 2 : 2) : 3) : (width<1600 ? (width<1400 ? 3:4) :5)}>\n      {\n        items.map((item,index)=>{\n          return(\n            <SlideProduct key={item.id} product={item} />\n          )\n        })\n      }\n    </Carousel>\n      </>\n\n    \n  )\n}\n","import styled from \"styled-components\";\n\nconst TitleContainer = styled.div`\n  width: 100%;\n  padding: 10px;\n  font-size: 34px;\n  color: ${({ theme }) => theme.mainThemeColor};\n  font-weight: bold;\n  text-align: center;\n  margin-bottom: 40px;\n  border-bottom: 1px solid ${({ theme }) => theme.mainThemeColor};\n`;\nconst NotFoundContainer = styled.div`background:#000;\n.fon {overflow:hidden;left:-10px;position:absolute;width:100%;height:100%;background:linear-gradient(#000,#002)}\n.rock-mountain_1,.rock-mountain_s_1,.rock-mountain_2,.rock-mountain_s_2,.rock-mountain_3,.rock-mountain_s_3 {width:140px; height:140px;background:linear-gradient(90deg,#222,#000);transform:rotate(45deg);position:absolute;}\n.rock{position:absolute;bottom:3%;left:40%}\n.rock-mountain_1{z-index:8;left:140px;bottom:25px;width:180px; height:180px;}\n.rock-mountain_s_1 {z-index:7;transform:rotate(52deg);left:125px;bottom:25px;width:180px; height:180px;background:#111}\n.rock-mountain_2 {z-index:11;left:-50px;bottom:30px;width:180px; height:180px;}\n.rock-mountain_s_2 {z-index:10;transform:rotate(52deg);left:-65px;bottom:30px;width:180px; height:180px;background:#111}\n.rock-mountain_3 {z-index:10;left:60px;bottom:25px;width:180px; height:180px;}\n.rock-mountain_s_3 {z-index:9;transform:rotate(52deg);left:45px;bottom:25px;width:180px; height:180px;background:#111}\n.horizon div{left:20%;z-index:15;position:absolute;bottom:0;border-radius:100px 100px 0 0; background:linear-gradient(#333,#111);width:200px;height:150px}\n.horizon div:nth-child(2){z-index: 15;\nleft: 48%;\nbottom: 0px;\nheight: 130px;\nbackground:linear-gradient(120deg, #333, #111)}\n.horizon div:nth-child(3){z-index:14;background:linear-gradient(#222,#111);left:40%;bottom:0px;height:180px;width:150px}\n.horizon div:nth-child(4){z-index:14;background:linear-gradient(190deg,#333,#111);left:38%;bottom:20px;height:170px}\n.horizon div:nth-child(5){z-index:15;left:25%;bottom:0px;height:170px;background:linear-gradient(210deg,#333,#111)}\n.horizon div:nth-child(6){background:linear-gradient(180deg,#444,#111);z-index:14;left:34%;bottom:0px;height:190px}\n.horizon div:nth-child(7){background:linear-gradient(170deg,#333,#111);z-index:13;left:55%;bottom:0;height:140px}\n.horizon div:nth-child(8){background:linear-gradient(160deg,#444,#111);z-index:14;left:50%;bottom:0;height:160px}\n.horizon div:nth-child(9){background:linear-gradient(170deg,#333,#111);z-index:15;left:37%;bottom:0px;height:160px}\n.horizon div:nth-child(10){background:linear-gradient(-210deg,#333,#111);z-index:13;left:55%;bottom:0px;height:160px}\n.horizon div:nth-child(11){background:linear-gradient(-180deg,#222,#111);z-index:13;left:67%;bottom:0px;height:130px}\n.horizon div:nth-child(12){background:linear-gradient(-180deg,#222,#111);z-index:15;left:70%;bottom:0px;height:100px}\n.horizon div:nth-child(13){background:linear-gradient(180deg,#333,#111);z-index:110;left:15%;bottom:0px;height:100px}\n.horizon div:nth-child(14){background:linear-gradient(180deg,#333,#111);z-index:110;left:75%;bottom:0px;height:100px}\n.horizon div:nth-child(15){background:linear-gradient(180deg,#333,#111);z-index:110;left:60%;bottom:0px;height:130px}\n.horizon div:nth-child(16){width:85%;height:600px;border-radius:300px 400px 0 0;background:linear-gradient(130deg,#222,#000);z-index:12;left:12%;bottom:-405px}\n.satellite{-webkit-animation:satellit-anima 25s linear infinite;-moz-animation:satellit-anima 25s linear infinite;animation:satellit-anima 25s linear infinite;transform:rotate(120deg);z-index:5;color:#888;font-size:18px;position:absolute;left:10%;bottom:0}\n\n.hill {z-index:14;background:linear-gradient(80deg,#333,#111);position:absolute;bottom:5%;left:28%;width:200px;height:190px;border-radius:100px 100px 0 0;}\n\n.moon-sky {\n  -webkit-animation:moon-anim 3s linear alternate-reverse infinite;\n  -moz-animation:moon-anim 3s linear alternate-reverse infinite;\n  animation:moon-anim 3s linear alternate-reverse infinite ;box-shadow:0 0 15px 5px #fc0;width:100px;height:100px;border-radius:50px;background:#fc0;position:absolute;top:10%;left:5%}\n.cosmos-star div{-webkit-animation:star-anim 200ms linear alternate-reverse infinite;\n  -moz-animation:star-anim 200ms linear alternate-reverse infinite;\n  animation:star-anim 200ms linear alternate-reverse infinite;\nposition:absolute;height:1px;width:1px;box-shadow:0 0 15px 3px #fff;background:#fff;}\n.cosmos-star div:nth-child(1){left:75%;top:10%}\n.cosmos-star div:nth-child(2){left:45%;top:12%}\n.cosmos-star div:nth-child(3){left:20%;top:12%}\n.cosmos-star div:nth-child(4){left:30%;top:18%}\n.cosmos-star div:nth-child(5){left:92%;top:17%}\n.cosmos-star div:nth-child(6){left:60%;top:5%}\n.cosmos-star div:nth-child(7){left:67%;top:16%}\n.cosmos-star div:nth-child(8){left:5%;top:30%}\n\n.meteores div{position:absolute;top:50px;left:280px;width:400px;height:1px;transform:rotate(-45deg);\nbackground:linear-gradient(to left,transparent 0%,#fff 100%)}\n.meteores div:before{content:'';position:absolute;width:4px;height:5px;background:#fff;\nborder-radius:50%;box-shadow:0 0 14px 4px white;margin-top:-2px}\n.meteores div:nth-child(1){top:45%;left:100%;-webkit-animation:meteors 3s linear infinite;\n-moz-animation:meteors 3s linear infinite;animation:meteors 3s linear infinite}\n.meteores div:nth-child(2){top:100%;left:70%;-webkit-animation:meteors 4s linear infinite;\n-moz-animation:meteors 4s linear infinite;animation:meteors 4s linear infinite}\n.meteores div:nth-child(3){top:70%;left:20%;-webkit-animation:meteors 2s linear infinite;\n-moz-animation:meteors 2s linear infinite;animation:meteors 2s linear infinite}\n\n.page-404,.not-found{transform:rotate(0deg);font:55px 'Carter One', cursive; cursive;color:#777;position:absolute;display:block;bottom:10%;left:46.5%;z-index:120;text-shadow:2px 2px 2px #000}\n.not-found{bottom:3%;left:45%;font-size:40px;}\n\n.my-cat{z-index:100;position:absolute;left:35%;bottom:235px}\n.ear-l,.ear-r,.ear-fur-l,.ear-fur-r{position:relative;z-index:2;border-radius:0 50px 0 0px;width:12px;height:14px;margin:0px 0 -16px 0px;padding:2px;transform:rotate(-2deg);background:linear-gradient(40deg,#111,#444)}\n.ear-r,.ear-fur-r{border-radius:50px 0px 10px 0px;margin:0 25px -10px;transform:rotate(15deg);background:linear-gradient(-50deg,#333,#333,#111);}\n.ear-fur-l,.ear-fur-r{border-radius:0 50px 0 20px;padding:0;background:linear-gradient(-30deg,#111,#222);width:10px;height:14px}\n.ear-fur-r{margin:0 2px;background:linear-gradient(-290deg,#111,#222);transform:rotate(8deg);border-radius:50px 0px 20px}\n.head-cat{z-index:1;position:relative;border-radius:50px;width:40px;height:35px;background:linear-gradient(40deg,#000,#444);box-shadow:0 2px 1px #111}\n.tabby-cat,.tabby-cat-1,.tabby-cat-2{width:20px;height:2px; background:#222;position:absolute;margin:2px 10px}\n.tabby-cat-1{margin:6px 10px;background:#222}\n.tabby-cat-2{height:2px;margin:10px 17px;background:linear-gradient(#111,#222);width:6px}\n.muzzle-cat{width:22px;height:15px;background:linear-gradient(60deg,#111, #222);border-radius:50px;top:18px;left:11px;position:absolute}\n.whiskers div,.whiskers div:nth-child(3) {height:1px;width:16px;background:linear-gradient(90deg,#000,#555);position:absolute;left:-7px;top:31px;transform:rotate(-15deg)}\n.whiskers div:nth-child(1){top:28px;left:-5px;transform:rotate(-5deg)}\n.whiskers div:nth-child(2){width:17px;top:35px;left:-5px;transform:rotate(-25deg)}\n.whiskers div:nth-child(3),.whiskers div:nth-child(4),.whiskers div:nth-child(5){background:linear-gradient(90deg,#555,#000);transform:rotate(10deg);left:30px;top:31px}\n.whiskers div:nth-child(4){left:29px;top:28px;transform:rotate(--2deg);width:20px;}\n.whiskers div:nth-child(5){left:27px;top:34px}\n.jaws-cat{-webkit-animation:jaws-cat 5s infinite;\n-moz-animation:jaws-cat 5s infinite;\n  animation:jaws-cat 5s infinite;position:absolute;border-radius:30px 10px;position:absolute;border-radius:20px 20px 70px 70px;width:7px;height:3px;background:linear-gradient(#000,#d46);z-index:50;top:30px;left:17px}\n.eye-l,.eye-r{\n  -webkit-animation:sleep-cat 7s linear infinite;\n-moz-animation:sleep-cat 7s linear infinite;\n  animation:sleep-cat 7s linear infinite;position:absolute;border-radius:35px 25px 30px 30px;width:10px;height:7px;background:#df9;z-index:500;top:12px;left:7px}\n.eye-r{left:24px!important}\n.eye-lz,.eye-rz{\n  -webkit-animation:eye-cat 7s linear infinite;\n-moz-animation:eye-cat 7s linear infinite;\n  animation:eye-cat 7s linear infinite;position:absolute;border-radius:30px 10px;transform:rotate(-45deg);width:7px;height:6px;background:#000;z-index:500;left:2px;top:0px}\n.eye-rz{left:1px;}\n.cat-nose{position:absolute;border-radius:20px 20px 70px 70px;width:7px;height:7px;background:linear-gradient(#000,#555);z-index:500;margin:19px 16px}\n.body-cat{transform:rotate(2deg)}\n.body-cat,.body-cat-1 {width:30px;height:60px;border-radius:70px 0px 5px 35px;margin:-10px -7px;background:linear-gradient(120deg,#000,#111,#222);position:absolute}\n.body-cat-1{border-radius:25px 80px 25px 25px;height:65px;margin:-14px 6px}\n.paw-cat-l,.paw-cat-r {position:absolute;width:12px;height:46px;margin:5px 4px;background:linear-gradient(150deg,rgba(1,1,1,.4) ,rgba(34,34,34,.8)),linear-gradient(92deg,#111 3px,#222 70%,#111 );box-shadow:-5px -2px 5px #111;border-radius:30px 0 5px 15px}\n.paw-cat-r{margin:5px 22px;border-radius:0px 30px 15px 5px;background:linear-gradient(rgba(1,1,1,.4) ,rgba(34,34,34,.8)),linear-gradient(90deg,#111,#222 70%,#111);}\n.paw-cat-l div,.paw-cat-r div,.tail-cat {border-radius:70px 10px 70px 10px;background:linear-gradient(#111,#222);position:absolute;width:12px;height:7px;top:38px;left:1px}\n.paw-cat-r div {border-radius:10px 70px 10px 70px;}\n.tail-cat{transform:rotate(-15deg);top:80px;width:40px;height:13px;border-radius:40px;background:linear-gradient(60deg,#111,#222)}\n\n@-webkit-keyframes eye-cat {0%{left:3px} 10%{border-radius:30px} 20%{border-radius:30px;} 30% {left:1px} 40%{top:2px;right:2px} 50%{left:4px} 60%{bottom:2px} 70%{bottom:0px;width:0} 71%{width:5px} 80%{left:2px}97%{bottom:1px;width:0} 100%{bottom:2px}}\n@-moz-keyframes eye-cat {0%{left:3px} 10%{border-radius:30px} 20%{border-radius:30px;} 30% {left:1px} 40%{top:2px;right:2px} 50%{left:4px} 60%{bottom:2px} 70%{bottom:0px;width:0} 71%{width:5px} 80%{left:2px}97%{bottom:1px;width:0} 100%{bottom:2px}}\n@keyframes eye-cat \n{0%{left:3px} 10%{border-radius:30px} 20%{border-radius:30px;} 30% {left:1px} 40%{top:2px;right:2px} 50%{left:4px} 60%{bottom:2px} 70%{bottom:0px;width:0} 71%{width:5px} 80%{left:2px}97%{bottom:1px;width:0} 100%{bottom:2px}}\n@-webkit-keyframes sleep-cat {0%{height:7px;top:12px;border-radius:30px} 35%{height:8px;top:12px;border-radius:30px} 56%{height:4px;top;13px} 70%{height:3px;top:15px} 71%{height:8px;top:12px} 85%{height:3px;top:12px} 97%{height:0;top:15px}}\n@-moz-keyframes sleep-cat {0%{height:7px;top:12px;border-radius:30px} 35%{height:8px;top:12px;border-radius:30px} 56%{height:4px;top;13px} 70%{height:3px;top:15px} 71%{height:8px;top:12px} 85%{height:3px;top:12px} 97%{height:0;top:15px}}\n@keyframes sleep-cat \n{0%{height:7px;top:12px;border-radius:30px} 35%{height:8px;top:12px;border-radius:30px} 56%{height:4px;top;13px} 70%{height:3px;top:15px} 71%{height:8px;top:12px} 85%{height:3px;top:12px} 97%{height:0;top:15px}}\n@-webkit-keyframes jaws-cat {0%{height:0} 50%{height:3px}100%{height:0}}\n@-moz-keyframes jaws-cat {0%{height:0} 50%{height:3px}100%{height:0}}\n@keyframes jaws-cat {0%{height:0} 50%{height:3px}100%{height:0}}\n@-webkit-keyframes star-anim {0% {box-shadow:0 0 10px 2px #fff;}\n  100% {box-shadow:0 0 5px 1px #fff;}}\n@-moz-keyframes star-anim {0% {box-shadow:0 0 10px 2px #fff;}\n  100% {box-shadow:0 0 5px 1px #fff;}}\n@keyframes star-anim {0% {box-shadow:0 0 10px 2px #fff;}\n  100% {box-shadow:0 0 5px 1px #fff;}}\n@-webkit-keyframes moon-anim {0% {box-shadow:0 0 20px 5px #fc0;}\n  100% {box-shadow:0 0 10px 5px #fc0;}}\n@-moz-keyframes moon-anim {0% {box-shadow:0 0 20px 5px #fc0;}\n  100% {box-shadow:0 0 10px 5px #fc0;}}\n@keyframes moon-anim {0% {box-shadow:0 0 20px 5px #fc0;}\n  100% {box-shadow:0 0 10px 5px #fc0;}}\n@-webkit-keyframes satellit-anima {0% {bottom:0;opacity:0} 2%{opacity:1;transform:rotate(130deg)}15%{transform:rotate(120deg);color:#fff;text-shadow:0 0 8px}\n35%{font-size:20px;left:15%;transform:rotate(180deg);}55%{font-size:17px;transform:rotate(185deg);color:#ff8;text-shadow:0 0 8px}57%{font-size:14px;} 100% {font-size:10px;transform:rotate(200deg);bottom:90%;left:90%;opacity:0}}\n@-moz-keyframes satellit-anima {0% {bottom:0;opacity:0} 2%{opacity:1;transform:rotate(130deg)}15%{transform:rotate(120deg);color:#fff;text-shadow:0 0 8px}\n35%{font-size:20px;left:15%;transform:rotate(180deg);}55%{font-size:17px;transform:rotate(185deg);color:#ff8;text-shadow:0 0 8px}57%{font-size:14px;} 100% {font-size:10px;transform:rotate(200deg);bottom:90%;left:90%;opacity:0}}\n@keyframes satellit-anima {0% {bottom:0;opacity:0} 2%{opacity:1;transform:rotate(130deg)}15%{transform:rotate(120deg);color:#fff;text-shadow:0 0 8px}\n35%{font-size:20px;left:15%;transform:rotate(180deg);}55%{font-size:17px;transform:rotate(185deg);color:#ff8;text-shadow:0 0 8px}57%{font-size:14px;} 100% {font-size:10px;transform:rotate(200deg);bottom:90%;left:90%;opacity:0}}\n\n@-webkit-keyframes meteors{0%{margin:-300px -300px 0 0;opacity:1}8%{opacity:0}\n30% {margin-top:300px -600px 0 0;opacity:0}100% {opacity:0}}\n@-moz-keyframes meteors{0%{margin:-300px -300px 0 0;opacity:1}8%{opacity:0}\n30% {margin-top:300px -600px 0 0;opacity:0}100% {opacity:0}}\n@keyframes meteors{0%{margin:-300px -300px 0 0;opacity:1}8%{opacity:0}\n30% {margin-top:300px -600px 0 0;opacity:0}100% {opacity:0}}\n`;\n\nconst CallBackContainer = styled.div`\n  width: 100%;\n  .main-container {\n    width: 100%;\n    min-height: 50vh;\n    display: flex;\n    flex-flow: column;\n    justify-content: center;\n    align-items: center;\n  }\n  color: #000;\n  h1 {\n    margin-top: 40px;\n    font-family: \"Overpass\", sans-serif !important;\n  }\n  .buttons {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 100%;\n    a {\n      text-align: center;\n      display: block;\n      padding: 10px 15px;\n      cursor: pointer;\n      width: 10%;\n      @media only screen and (max-width: 1140px) {\n        width: 40%;\n      }\n      margin: 10px;\n      text-decoration: none;\n      color: #000;\n      background: ${({ theme }) => theme.altHeader};\n      &:hover {\n        width: 20%;\n        @media only screen and (max-width: 1140px) {\n          width: 70%;\n        }\n      }\n      &:first-child {\n        color: #000;\n        font-weight: bold;\n        background: #eee;\n      }\n\n      transition: 500ms all;\n    }\n  }\n  .check-container {\n    width: 10.25rem;\n    height: 12.5rem;\n    display: flex;\n    flex-flow: column;\n    align-items: center;\n    justify-content: space-between;\n\n    .check-background {\n      width: 100%;\n      height: calc(100% - 1.25rem);\n      background: linear-gradient(to bottom right, #5de593, #41d67c);\n      box-shadow: 0px 0px 0px 65px rgba(255, 255, 255, 0.25) inset,\n        0px 0px 0px 65px rgba(255, 255, 255, 0.25) inset;\n      transform: scale(0.84);\n      border-radius: 50%;\n      animation: animateContainer 0.75s ease-out forwards 0.75s;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      opacity: 0;\n\n      svg {\n        width: 65%;\n        transform: translateY(0.25rem);\n        stroke-dasharray: 80;\n        stroke-dashoffset: 80;\n        animation: animateCheck 0.35s forwards 1.25s ease-out;\n      }\n    }\n\n    .check-shadow {\n      bottom: calc(-15% - 5px);\n      left: 0;\n      border-radius: 50%;\n      background: radial-gradient(\n        closest-side,\n        rgba(73, 218, 131, 1),\n        transparent\n      );\n      animation: animateShadow 0.75s ease-out forwards 0.75s;\n    }\n  }\n\n  .fail-container {\n    width: 10.25rem;\n    height: 12.5rem;\n    display: flex;\n    flex-flow: column;\n    align-items: center;\n    justify-content: space-between;\n\n    .fail-background {\n      width: 100%;\n      height: calc(100% - 1.25rem);\n      background: linear-gradient(\n        to bottom right,\n        ${({ theme }) => theme.altHeader},\n        ${({ theme }) => theme.altHeader}\n      );\n      box-shadow: 0px 0px 0px 65px rgba(255, 255, 255, 0.25) inset,\n        0px 0px 0px 65px rgba(255, 255, 255, 0.25) inset;\n      transform: scale(0.84);\n      border-radius: 50%;\n      animation: animateContainer 0.75s ease-out forwards 0.75s;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      opacity: 0;\n\n      svg {\n        width: 65%;\n        transform: translateY(0.25rem);\n        stroke-dasharray: 80;\n        stroke-dashoffset: 80;\n        animation: animateCheck 0.35s forwards 1.25s ease-out;\n      }\n    }\n\n    .fail-shadow {\n      bottom: calc(-15% - 5px);\n      left: 0;\n      border-radius: 50%;\n      background: radial-gradient(\n        closest-side,\n        rgba(73, 218, 131, 1),\n        transparent\n      );\n      animation: animateShadow 0.75s ease-out forwards 0.75s;\n    }\n  }\n\n  @keyframes animateContainer {\n    0% {\n      opacity: 0;\n      transform: scale(0);\n      box-shadow: 0px 0px 0px 65px rgba(255, 255, 255, 0.25) inset,\n        0px 0px 0px 65px rgba(255, 255, 255, 0.25) inset;\n    }\n    25% {\n      opacity: 1;\n      transform: scale(0.9);\n      box-shadow: 0px 0px 0px 65px rgba(255, 255, 255, 0.25) inset,\n        0px 0px 0px 65px rgba(255, 255, 255, 0.25) inset;\n    }\n    43.75% {\n      transform: scale(1.15);\n      box-shadow: 0px 0px 0px 43.334px rgba(255, 255, 255, 0.25) inset,\n        0px 0px 0px 65px rgba(255, 255, 255, 0.25) inset;\n    }\n    62.5% {\n      transform: scale(1);\n      box-shadow: 0px 0px 0px 0px rgba(255, 255, 255, 0.25) inset,\n        0px 0px 0px 21.667px rgba(255, 255, 255, 0.25) inset;\n    }\n    81.25% {\n      box-shadow: 0px 0px 0px 0px rgba(255, 255, 255, 0.25) inset,\n        0px 0px 0px 0px rgba(255, 255, 255, 0.25) inset;\n    }\n    100% {\n      opacity: 1;\n      box-shadow: 0px 0px 0px 0px rgba(255, 255, 255, 0.25) inset,\n        0px 0px 0px 0px rgba(255, 255, 255, 0.25) inset;\n    }\n  }\n\n  @keyframes animateCheck {\n    from {\n      stroke-dashoffset: 80;\n    }\n    to {\n      stroke-dashoffset: 0;\n    }\n  }\n\n  @keyframes animateShadow {\n    0% {\n      opacity: 0;\n      width: 100%;\n      height: 15%;\n    }\n    25% {\n      opacity: 0.25;\n    }\n    43.75% {\n      width: 40%;\n      height: 7%;\n      opacity: 0.35;\n    }\n    100% {\n      width: 85%;\n      height: 15%;\n      opacity: 0.25;\n    }\n  }\n`;\n\nconst PaymentCreateContainer = styled.div`\n  color: #000;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  .payment-cont {\n    max-width:100%;\n    input,button{\n      max-width:90%;\n    }\n    position: relative;\n    .currency {\n      font-size: 30px;\n      width: 20%;\n      text-align:center;\n      font-weight:bold;\n      border-bottom-left-radius:40px;\n\n      height: 20%;\n      background:${({theme})=>theme.altHeader};\n      color:#fff;\n      position: absolute;\n      right: 0;\n      top: 0;\n      z-index: 777777;\n    }\n    color: #000;\n    margin: 40px;\n    padding: 40px;\n    font-size: 33px;\n    border-radius: 3px;\n    background: #dedede;\n    box-shadow: 0px 0px 3px #000;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: center;\n    button {\n      border: 0;\n      outline: 0;\n      width: 100%;\n      font-size: 22px;\n      padding: 10px 0px;\n      transition: 600ms all;\n      &:hover {\n        background: lightgreen;\n      }\n      margin-top: 10px;\n    }\n    input::-webkit-outer-spin-button,\n    input::-webkit-inner-spin-button {\n      -webkit-appearance: none;\n      margin: 0;\n    }\n\n    /* Firefox */\n    input[type=\"number\"] {\n      -moz-appearance: textfield;\n    }\n    input {\n      border: 0;\n      outline: 0;\n\n      &:focus {\n        outline: 1px solid ${({ theme }) => theme.altHeader} !important;\n      }\n    }\n  }\n`;\n\nconst ProductContent = styled.div`\n  width: 100%;\n  display: flex;\n  .list-title-border{\n    width:100%;\n    padding:20px;\n    border-bottom:1px solid #eee;\n  }\n  position: relative;\n  .filtered-list {\n    margin-right: 30px;\n    display: flex !important;\n    flex-direction: row !important;\n    flex-wrap: wrap;\n    .filtered-item {\n      background: #eee;\n      &:hover {\n        background: #fff;\n      }\n      &.all-remover{\n        color: red;\n      }\n      \n      padding: 5px;\n      margin: 5px;\n      display: flex;\n      font-size: 10px;\n      cursor: pointer;\n      span {\n        padding-left: 10px;\n      }\n    }\n  }\n  .filters {\n    \n    width: 100%;\n    display: flex;\n    justify-content: space-around;\n    \n    .left{\n      width:20%;\n      display:flex;\n      .filter-btn{\n        padding:5px 15px;\n        margin-left:30px;\n        cursor:pointer;\n        background:#eee;\n        &:hover{\n          background:#fff;\n        }\n      }\n      \n    }\n    .right{\n      justify-content: flex-end;\n      display: flex;\n      width: 100%;\n    }\n    .total {\n      height: 33px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      font-size: 15px;\n      margin-right: 20px;\n      strong {\n        margin: 0px 5px;\n      }\n    }\n    align-items: center;\n    button {\n      border: none;\n      outline: none;\n      margin-right: 20px;\n      padding: 2px 5px;\n      position: relative;\n      max-height:40px;\n      .filter-list {\n        position: absolute;\n        width: 100%;\n        left: 0;\n        top: 100%;\n        background: #fff;\n        z-index: 100;\n        box-shadow: 0px 0px 10px #eee;\n        div {\n          padding: 7px 10px;\n          &:not(:last-child) {\n            border-bottom: 1px solid #ddd;\n          }\n        }\n      }\n    }\n  }\n  \n  .filter {\n    border-top:7px solid #FCFCFC;\n    width: 270px;\n    transition: 600ms all;\n    position: ${(props) => (!props.open ? \"fixed\" : \"\")};\n    top:${(props) => (props.open ? \"0\" : \"unset\")};\n    left: ${(props) => (props.open ? \"0\" : \"-300px\")};\n    ::-webkit-scrollbar {\n      width: 0px;\n    }\n    @media screen and (max-width: 1450px) {\n      width: 17%;\n    }\n    @media screen and (max-width: 1350px) {\n      width: 16%;\n    }\n    @media screen and (max-width: 768px) {\n      width:70vw;\n      height:100vh;\n      .overlay{\n        content:'';\n        position:fixed;\n        top:0;\n        left:${(props) => (props.open ? 70 : -100)}vw;\n        z-index:999;\n        width:30vw;\n        transition: 400ms all;\n        height:100%;\n        background:rgba(0,0,0,0.2);\n        \n      }\n      max-height:100vh;\n      left:${(props) => (props.open ? \"0\" : \"-100vw\")};\n      position:fixed;\n      z-index:999999;\n    }\n    background: #fff;\n    overflow-y: scroll;\n    // max-height: calc(100vh - 50px);\n    \n    .category-item.alt-head {\n      // background: #dfe6e9;\n    }\n    .search-box{\n      width:100%;\n      z-index: 999;\n      input{\n        padding:5px 10px;\n        outline:none;\n        border:none;\n        background: #fff;\n        box-shadow: 0px 0px 10px #eee;\n        width:calc(100% - 0px);\n\n      }\n      .search-trash{\n        position:absolute;\n        right:10px;\n      }\n    }\n    .colors{\n      max-height: 280px;\n      overflow-y: scroll;\n      position: relative;\n      \n      ::-webkit-scrollbar {\n        width: 4px;\n        \n      }\n      ::-webkit-scrollbar-thumb {\n        background-color: #444;\n      }\n    }\n    .category-item {\n      cursor: pointer;\n      user-select: none;\n      font-size:13px;\n      display: flex;\n      justify-content: space-between;\n      background: #fff;\n      &.open {\n        font-weight: bold;\n      }\n      position: relative;\n      padding-left: 50px;\n      span:first-child {\n        padding-left: 10px;\n        position: absolute;\n        left: 0;\n        transition: 600ms all;\n      }\n      &.price-sort{\n        span:first-child {\n          position: relative;\n          left.unset;\n        }\n        width:100%;\n        padding-left:0;\n        overflow: hidden;\n        span{\n          width:10px;\n          text-align: center;\n        }\n        align-items: center;\n        .input{\n          width:40%;\n          input::-webkit-outer-spin-button,\n          input::-webkit-inner-spin-button {\n            -webkit-appearance: none;\n            margin: 0;\n          }\n          \n          /* Firefox */\n          input[type=number] {\n            -moz-appearance: textfield;\n          }\n          input{\n            width:100%;\n            border:0;\n            outline:0;\n            padding:10px;\n            box-shadow:0px 0px 5px #ddd;\n          }\n        }\n      \n        justify-content: space-between;\n        span:last-child{\n          background: transparent;\n          &:hover{\n            box-shadow:0px 0px 5px #ddd;\n            background: #fba800;\n\n          }\n          display: flex;\n          justify-content: center;\n          align-items: center;\n          padding:0px 10px;\n          height: 39px;\n          width:30px;\n        }\n      }\n      width: 100%;\n      border-bottom: 1px solid #ddd;\n      &.open {\n        border-bottom: 0px solid #ddd;\n        border-top: 1px solid #eee;\n        span:first-child {\n          transform: rotateX(180deg);\n        }\n\n      }\n      &.alt-head {\n        span:first-child {\n          transform: rotateX(0deg);\n        }\n        align-items: center;\n        span:last-child {\n          transition: 600ms all;\n\n        }\n        &.open{\n          span:last-child {\n            margin-top: -7px;\n            transform: rotateX(180deg) ;\n          }\n        }\n      }\n      &.head {\n        \n        // background: rgb(251,168,0,.1);\n        border-radius: 0;\n        border-top-right-radius: 25px;\n      }\n    }\n    .category-sub-item {\n      cursor: pointer;\n      user-select: none;\n      background: #fff;\n      width: 100%;\n      padding: 5px;\n      align-items: center;\n      display: flex;\n      font-size:15px;\n      padding-left: 40px;\n      \n      .brand-img{\n        font-size:12px;\n        img{\n          height:40px;\n          transition:600ms transform;\n        }\n        img:last-child{\n          position: absolute;\n          z-index: -10;\n          top:-1000vh;\n          transform: rotateX(180deg) ;\n        }\n        transition:600ms rotateX;\n        \n      }\n      &:hover{\n        .brand-img{\n            img:last-child{\n            position: relative;\n            top:0;\n            transform: rotateX(0deg) ;\n          }\n          img:first-child{\n            position: absolute;\n            z-index: -10;\n            top:-1000vh;\n          }\n        }\n      }\n      .name {\n        display: flex;\n        justify-content: space-between;\n        width: 100%;\n        span:last-child {\n          margin-right: 10px;\n        }\n      }\n      border-bottom: 2px solid #eee;\n      &.open {\n        border-top: 0px solid #ddd;\n        border-bottom: 2px solid #eee;\n      }\n      .check-box {\n        width: 15px;\n        height: 15px;\n        display: flex;\n        align-items: center;\n        text-align: center;\n        justify-content: center;\n        span {\n          display:block;\n          transform: scale(0);\n          color: #444;\n          font-size:11px;\n          transition: 200ms all;\n        }\n        margin-right: 10px;\n        background: #fff;\n        box-shadow: inset 0 0 0 0px #dddd;\n        border:1px solid #000;\n        display: block;\n      }\n      .check-box.checked {\n        background: #fff;\n        box-shadow: inset 0 0 0 1px #dddd;\n        span {\n          color: #000;\n          transform: scale(1);\n        }\n      }\n    }\n  }\n  .list {\n    transition: 600ms all;\n    position: relative;\n    margin-left: 30px;\n    width: calc(100% - ${(props) => (props.open ? 280 : 0)}px);\n    @media screen and (max-width: 1327px) {\n      width: calc(100% - ${(props) => (props.open ? 250 : 0)}px);\n    }\n    @media screen and (max-width: 1225px) {\n      width: calc(100% - ${(props) => (props.open ? 230 : 0)}px);\n    }\n    @media screen and (max-width: 1100px) {\n      width: calc(100% - ${(props) => (props.open ? 200 : 0)}px);\n    }\n    @media screen and (max-width: 768px) {\n      margin-left:0px;\n      width: 100%;\n    }\n    background-color: rgba(242, 242, 242, 0.2);\n    display: flex;\n    \n    flex-wrap: wrap;\n    padding-bottom: 220px;\n    .brands {\n      width: 100%;\n      background-color: #fdfdfd;\n      border-top: 1px solid #ddd;\n      border-bottom: 1px solid #ddd;\n      padding: 5px 0px;\n      position: relative;\n      \n    }\n  }\n  .filter-mobil-group{\n    display:none;\n  }\n  \n  @media only screen and (max-width: 1140px) {\n    .filter-mobil-group{\n      display:block;\n      width:100%;\n      display:flex;\n      justify-content:space-between;\n      align-items:center;\n\n      .filter-btn{\n        width:100%;\n        height:40px;\n        background:#fff;\n        display:flex;\n        align-items:center;\n        justify-content:center;\n        svg{\n\n          margin-right:15px;\n        }\n      }\n      .sort-btn-mobil{\n        width:100%;\n        *{\n          text-decoration:none;\n          color:#000;\n        }\n        text-decoration:none;\n        color:#000;\n        border:none;outline:none;\n        z-index:100;\n        height:40px;\n        border: none;\n        outline: none;\n        margin-right: 20px;\n        padding: 2px 5px;\n        position: relative;\n        max-height:40px;\n        .filter-list {\n          position: absolute;\n          flex-direction: column;\n          width: 100%;\n          left: 0;\n          top: 100%;\n          background: #fff;\n          z-index: 100;\n          box-shadow: 0px 0px 10px #eee;\n          div {\n            padding: 7px 10px;\n            &:not(:last-child) {\n              border-bottom: 1px solid #ddd;\n            }\n          }\n        }\n      }\n    }\n    .filter-btn{\n      display:none;\n    }\n    .filter-btn.mobil{\n      display:flex!important;\n    }\n    .sort-btn{\n      display:none;\n    }\n    .sort-btn-mobil{\n      \n    }\n  }\n`;\n\nexport {\n  ProductContent,\n  TitleContainer,\n  NotFoundContainer,\n  CallBackContainer,\n  PaymentCreateContainer,\n};\n","import styled from \"styled-components\";\nimport { rgba } from \"polished\";\nconst Header = styled.nav`\n  *::placeholder {\n    /* Chrome, Firefox, Opera, Safari 10.1+ */\n    opacity: 1; /* Firefox */\n  }\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n  z-index:99999;\n  .balance-mobile {\n    display: none !important;\n  }\n  .buttons {\n    min-width: 30%;\n\n    @media only screen and (max-width: 1140px) {\n      min-width: unset;\n    }\n  }\n  .search-box {\n    margin-left: 20% !important;\n    @media only screen and (max-width: 1380px) {\n      margin-left: 12% !important;\n    }\n    @media only screen and (max-width: 1180px) {\n      margin-left: 8% !important;\n    }\n  }\n  @media only screen and (max-width: 1140px) {\n    z-index: 99;\n    .balance {\n      display: none !important;\n    }\n    .loginDrop {\n      left: -100px !important;\n      width: 100% !important;\n      top: 60px !important;\n    }\n    .balance-mobile {\n      display: block !important;\n    }\n  }\n  .balance {\n    position: relative;\n    min-width: 120px;\n\n    span {\n      position: absolute;\n      top: 5px;\n      font-weight: 700;\n      font-size: 13px;\n      left: calc(22%);\n    }\n    margin-right: 10px;\n\n    border-radius: 15px;\n    padding: 22px 20px 5px 15px;\n    color: #fff;\n    box-shadow: 0px 0px 12px #ddd;\n    cursor: no-select;\n    user-select: none;\n  }\n  .balance.plus {\n    background-color: green;\n  }\n  .balance.times {\n    background-color: red;\n  }\n  height: 100px;\n  background-color: ${({ theme }) => theme.header};\n  .loginDrop {\n    box-shadow: 0px 0px 4px #555;\n    position: absolute;\n    top: 106%;\n    min-width: 180px;\n    left: -50px;\n    border-radius: 10px;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    background-color: ${({ theme }) => theme.altHeader};\n    color: ${({ theme }) => theme.color};\n    align-items: center;\n    z-index: 200;\n    width: 96%;\n    a {\n      &:last-child {\n        border-bottom-left-radius: 20px;\n        border-bottom-right-radius: 20px;\n      }\n      width: 100%;\n      background-color: ${({ theme }) => theme.altHeader};\n      display: block;\n      transition: 300ms all;\n      text-decoration: none;\n      font-size: 13px;\n      color: ${({ theme }) => theme.color}!important;\n      padding: 10px 0px;\n      text-align: center;\n      &:hover {\n        color: #000 !important;\n        background-color: #fff;\n      }\n    }\n  }\n  .bars {\n    display: none;\n    z-index: 99;\n  }\n  .logo {\n    display: flex;\n    flex-wrap: nowrap;\n\n    img {\n      &:not(:first-child) {\n      }\n      height: 70px;\n      &:hover {\n        filter: drop-shadow(0px 0px 1px ${({ theme }) => theme.elementShadow});\n      }\n    }\n  }\n  @media only screen and (max-width: 1140px) {\n    .bars {\n      display: block;\n      color: red;\n      font-size: 43px;\n      padding-left: 0px;\n    }\n    .logo {\n      img:not(:last-child) {\n      }\n      img:not(:first-child) {\n        display: none;\n      }\n    }\n  }\n  @media only screen and (max-width: 1570px) {\n    padding: 0px 5px;\n    .search-box {\n      margin-right: 30px;\n      margin-left: 30px;\n      @media only screen and (max-width: 1140px) {\n        margin-right: 0px;\n      }\n    }\n    .logo {\n      height: 40px !important;\n      img {\n        height: 40px !important;\n        width: unset !important;\n        &:not(:first-child) {\n        }\n      }\n    }\n  }\n\n  .search-box {\n    position: relative;\n    margin-right: 8vw;\n    margin-left: 8vw;\n    .search-result {\n      position: absolute;\n      transition: 500ms all;\n      top: 110%;\n      left: 0;\n      width: 100%;\n      background-color: #fff;\n      border: 1px solid ${({ theme }) => theme.elementBackground};\n      border-top: 0;\n      border-bottom-left-radius: 10px;\n\n      border-bottom-right-radius: 10px;\n      z-index: 1000;\n      ul {\n        list-style: none;\n        padding-inline-start: 0px;\n        margin-block-start: 0px;\n        margin-block-end: 0px;\n        margin-inline-start: 0px;\n        margin-inline-end: 0px;\n        padding-inline-start: 0px;\n        li {\n          padding: 10px;\n          border-bottom: 1px solid ${({ theme }) => theme.elementBackground};\n          cursor: pointer;\n          &:hover {\n            background-color: rgba(242, 242, 242, 0.5);\n            color: #fff;\n            border-bottom: 1px solid ${({ theme }) => theme.elementBackground};\n            border-top: 1px solid ${({ theme }) => theme.elementBackground};\n            border-right: 1px solid ${({ theme }) => theme.elementBackground};\n            border-left: 1px solid ${({ theme }) => theme.elementBackground};\n          }\n          &:last-child {\n            border-bottom: 0;\n          }\n          a {\n            text-decoration: none;\n            color: #000;\n            display: flex;\n            align-items: center;\n            justify-content: space-between;\n            width: 100%;\n            span {\n              font-size: 12px;\n              margin-left: 10px;\n            }\n            img {\n              width: 50px;\n              height: 50px;\n              border-radius: 10px;\n            }\n          }\n        }\n      }\n    }\n    display: flex;\n    align-items: center;\n    border: 1px solid ${({ theme }) => theme.elementBackground};\n    background-color: #fff;\n    border-radius: 10px;\n    padding-left: 20px;\n    color: #000;\n    &:focus-within,\n    &:hover {\n      -webkit-box-shadow: 0px 0px 4px 0px ${({ theme }) => theme.elementShadow};\n      -moz-box-shadow: 0px 0px 4px 0px ${({ theme }) => theme.elementShadow};\n      box-shadow: 0px 0px 4px 0px ${({ theme }) => theme.elementShadow};\n    }\n    svg {\n      border: 0;\n      outline: 0;\n    }\n    input,\n    button {\n      margin-left: 5px;\n      border: 0;\n      padding: 12px 0px;\n      color: #000;\n      outline: 0;\n    }\n    input {\n      width: 300px;\n      background-color: #fff;\n      color: #000;\n      padding-left: 15px;\n      @media only screen and (max-width: 1140px) {\n        width: 150px;\n      }\n    }\n    button {\n      border-top-right-radius: 10px;\n      border-bottom-right-radius: 10px;\n      width: 80px;\n      font-weight: 900;\n      margin: 0px;\n      background-color: #fafafa;\n      transition: 300ms all;\n      &:hover {\n        background-color: ${({ theme }) => theme.altHeader};\n        color: #333;\n        box-shadow: 0px 0px 4px 0px #616161;\n      }\n    }\n  }\n  .buttons {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    .mobile-search {\n      display: none !important;\n    }\n    @media only screen and (max-width: 1140px) {\n      .mobile-search {\n        display: flex !important;\n      }\n      margin-top: -14px;\n    }\n    a {\n      color: #ffff;\n    }\n    button {\n      margin-right: 10px;\n      border: 0;\n      outline: 0;\n      background-color: ${({ theme }) => theme.elementBackground};\n      border-radius: 15px;\n      color: #000;\n      // box-shadow: 0px 0px 2px #000;\n      font-weight: 700;\n      height: 50px;\n      font-size: 14px;\n      display: flex;\n      align-items: center;\n      position: relative;\n      .cart-box {\n        position: absolute;\n        background: red;\n        top: 98%;\n        box-shadow: 0px 0px 15px #ff9f43;\n        border-radius: 10px;\n        z-index: 100;\n        right: -60%;\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        justify-content: center;\n        background-color: #fff;\n        margin-right: 0px;\n\n        .title {\n          width: 100%;\n          margin-right: 0px;\n          text-align: center;\n          font-size: 20px;\n          background: #ff9f43;\n          border-top-left-radius: 10px;\n          border-top-right-radius: 10px;\n          color: #fff;\n        }\n        .btn-list {\n          width: 100%;\n          display: flex;\n          padding: 0;\n          margin: 0;\n          .btn {\n            height: 40px;\n            padding: 0;\n            margin: 0;\n            width: 100%;\n            text-align: center;\n            &:first-child {\n              background: #ff9f43;\n              color: #fff;\n              border-top-right-radius: 0px;\n              border-bottom-left-radius: 10px;\n              border-bottom-right-radius: 0px;\n            }\n            &:last-child {\n              background: #ffcc80;\n              color: #000;\n              border-top-left-radius: 0px;\n              border-bottom-left-radius: 0px;\n              border-bottom-right-radius: 10px;\n            }\n            font-weight: 700;\n            font-size: 14px;\n            cursor: pointer;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n          }\n        }\n\n        .finish {\n          width: 100%;\n          display: flex;\n          align-items: center;\n          justify-content: center;\n          flex-direction: column;\n          background-color: #fff;\n          margin: 0;\n          .finish-item {\n            div:first-child {\n              text-align: left;\n              padding-left: 20px;\n            }\n            padding: 5px 0px;\n            width: 100%;\n            display: flex;\n            align-items: center;\n            justify-content: space-around;\n          }\n        }\n        .items {\n          margin-right: 0px;\n          width: 100%;\n          background-color: rgb(242, 242, 242);\n          min-height: 260px;\n          max-height: 260px;\n          overflow-y: auto;\n          overflow-x: hidden;\n          padding: 10px 7px;\n          margin: 0;\n          max-width: 300px;\n          .item {\n            width: 100%;\n            &:not(:last-child) {\n              border-bottom: 3px solid #fff;\n            }\n\n            padding: 0;\n            margin: 0;\n            padding-left: 0px;\n            padding-top: 10px;\n            padding-bottom: 10px;\n            display: flex;\n            align-items: center;\n            justify-content: space-between;\n            img {\n              width: 50px;\n            }\n            .remove {\n              width: 10px;\n            }\n            .details {\n              width: calc(100% - 20px);\n            }\n          }\n        }\n      }\n      padding: 10px 25px 10px 20px;\n      svg {\n        font-size: 22px;\n\n        margin: 5px;\n      }\n      text-align: right;\n      div {\n        position: relative;\n        span {\n          position: absolute;\n\n          bottom: -4px;\n          right: -3px;\n          font-size: 10px;\n          -webkit-text-stroke-width: 1px;\n          -webkit-text-stroke-color: #dedede;\n          background-color: ${({ theme }) => theme.notifyCircleBackground};\n          border: 1px solid #fff;\n          font-weight: bold;\n          color: #fff;\n          padding: 1.3px 5.5px;\n          border-radius: 90px;\n          display: flex;\n          justify-content: center;\n          align-items: center;\n          z-index: 10;\n        }\n        margin-right: 10px;\n      }\n\n      &:focus-within,\n      &:hover {\n        -webkit-box-shadow: 0px 0px 3px 1px\n          ${({ theme }) => theme.elementShadow};\n        -moz-box-shadow: 0px 0px 3px 1px ${({ theme }) => theme.elementShadow};\n        box-shadow: 0px 0px 3px 1px ${({ theme }) => theme.elementShadow};\n        @media only screen and (max-width: 1140px) {\n          -webkit-box-shadow: none;\n          -moz-box-shadow: none;\n          box-shadow: none;\n        }\n      }\n    }\n\n    svg {\n      cursor: pointer;\n      margin-right: 20px;\n      color: ${({ theme }) => theme.color};\n      font-size: 22px;\n      &:hover {\n        filter: drop-shadow(0px 0px 3px ${({ theme }) => theme.elementShadow});\n      }\n    }\n  }\n  @media only screen and (max-width: 1140px) {\n    .box-none {\n      display: none;\n    }\n    .buttons > a {\n      display: none;\n    }\n    .buttons .closer {\n      display: none;\n    }\n    .search-box {\n      width: 100%;\n      input {\n        width: 100%;\n      }\n    }\n    justify-content: space-between;\n    padding: 0px;\n    .buttons {\n      button {\n        margin: 0px;\n      }\n    }\n    padding: 0px 10px;\n    .logo {\n      img {\n        height: 65px;\n      }\n    }\n  }\n`;\n\nconst BottomNav = styled.nav`\n  width: 100%;\n  display: none;\n  z-index: 100;\n  box-shadow: 0px 0px 10px #ddd;\n  background-color: ${({ theme }) => theme.header};\n  position: fixed;\n  bottom: 0;\n  height: 50px;\n  align-items: center;\n  justify-content: center;\n  .pop-up {\n    .close * {\n      font-size: 30px;\n    }\n    .close button {\n      padding: 20px 60px;\n      position: absolute;\n      top: 0;\n      right: 0;\n    }\n    .category-list {\n      overflow-y: scroll;\n      max-height: 80vh;\n      margin-block-start: 0;\n      margin-block-end: 0;\n      margin-inline-start: 0;\n      margin-inline-end: 0;\n      padding-inline-start: 0;\n      justify-content: center;\n      ul {\n        width: 70vw;\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        margin-block-start: 0;\n        margin-block-end: 0;\n        margin-inline-start: 0;\n        margin-inline-end: 0;\n        padding-inline-start: 0;\n        justify-content: center;\n      }\n      li {\n        width: 100vw;\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        min-height: 80px;\n        justify-content: center;\n        ul {\n          display: none;\n        }\n      }\n      li:nth-child(2n + 1) {\n        background-color: ${({ theme }) => theme.dropDownBackground};\n      }\n      li:nth-child(2n + 0) {\n        background-color: ${({ theme }) => theme.elementBackground};\n      }\n      button {\n        border: 0;\n        font-size: 24px;\n        margin-top: 20px;\n        background-color: transparent;\n      }\n    }\n    display: flex;\n    align-items: center;\n    position: fixed;\n    z-index: 200;\n    width: 100%;\n    height: calc(100% - 51px);\n    transition: 400ms all;\n    top: 0;\n    left: 0;\n    background-color: ${({ theme }) => rgba(theme.background, 0.9)};\n  }\n  a {\n    height: 50px;\n    cursor: pointer;\n    transition: 800ms all;\n    color: #000;\n    border-radius: 0px;\n    &.active {\n      box-shadow: 0px 0px 5px #ddd;\n      background: #fff;\n      transform: scale(1.1);\n      border-radius: 10px;\n    }\n    width: 20%;\n    display: flex;\n    position: relative;\n    z-index: 10;\n\n    font-size: 10px;\n    text-decoration: none;\n    justify-content: center;\n    align-items: center;\n    flex-direction: column;\n    div {\n      position: relative;\n    }\n    div span {\n      position: absolute;\n      z-index: 10;\n\n      border-radius: 100%;\n      padding: 1.2px 3.4px;\n      background-color: #faa700;\n      color: #000;\n      top: -25px;\n      right: -5px;\n    }\n    &:focus-within,\n    &:hover {\n      -webkit-box-shadow: 0px 0px 3px 1px ${({ theme }) => theme.elementShadow};\n      -moz-box-shadow: 0px 0px 3px 1px ${({ theme }) => theme.elementShadow};\n      box-shadow: 0px 0px 3px 1px ${({ theme }) => theme.elementShadow};\n    }\n    &:not(:last-child) {\n      border-right: 1px solid ${({ theme }) => theme.elementBackground};\n    }\n    &:hover {\n      background-color: ${({ theme }) => theme.elementBackground};\n    }\n    svg {\n      font-size: 20px;\n    }\n  }\n  @media only screen and (max-width: 1140px) {\n    display: flex;\n  }\n`;\n\nconst HeaderAlt = styled.div`\n  background-color:#ffff;\n  width:100%;\n  \n  color:${({ theme }) => theme.color};\n  position:relative;\n  z-index:999;\n  position:sticky;\n  top:0;\n  @media only screen and (max-width:1140px){\n    \n  }\n  button{\n    color:${({ theme }) => theme.color};\n    font-size:14px;\n    line-height:18px;\n    font-family:'Overpass', sans-serif!important;\n  }\n  .active {\n    background-color: rgba(242,242,242,1)!important;\n    border-bottom-left-radius:10px;\n    border-bottom-right-radius:10px;\n  }\n  &>ul{\n    \n    .sub-category{\n      \n      margin-top:0px;\n      box-shadow:0px 0px 22px #F2F2F2;\n      background-color:rgba(255,255,255,1)!important;\n      button{\n        border-radius:10px;\n        display:flex;\n        max-width:300px;\n        @media only screen and (max-width:1440px){\n          max-width:300px;\n        }\n        max-height:120px;\n        padding-right:10px;\n        align-items:center;\n        .ct-image{\n          width:70px;\n          margin-right:10px;\n          height:70px;\n          border-radius:1000px;\n          background-size:contain;\n          transition:500ms all;\n        }\n        span{\n          margin-top:5px;\n        }\n        font-size:11px;\n        color:${({ theme }) => theme.color};\n        font-family: 'Overpass', sans-serif!important;\n        transition:200ms all;\n        margin:5px;\n        padding:3px 10px;\n        &:hover{\nz          box-shadow:0px 0px 22px #F2F2F2;\n          color:#333;\n\n          border-radius:10px;\n        }\n      }\n      align-items.center;\n      padding:30px 0px;\n      flex-wrap:wrap;\n    }\n    padding-inline-start:0px;\n    margin-block-start:0px;\n    margin-block-end: 0px;\n    list-style:none;\n    display:flex;\n    @media only screen and (max-width:1140px){\n      display:none;\n    }\n    justify-content:center;\n    align-items:center;\n    height:60px;\n    \n    &>li{\n      &:hover{\n        background:#fff;\n        border:none;\n        &>button{\n          color:#000;\n        }\n      }\n      \n      height:60px;\n      color:#000!important;      \n      display:flex;\n      justify-content:center;\n      align-items:center;\n      font-size:12px;\n      max-width:180px;\n      text-align:center;\n      cursor:pointer;\n      div{\n        position:absolute;\n        top:calc(100% - 5px);\n        display:none;\n        width:70%;\n        left:15%;\n        @media only screen and (max-width:1440px){\n          left:0%;\n          width:100%;\n        }\n        @media only screen and (max-width:1140px){\n          width:100%;\n          left:0%;\n        }\n        z-index:100;\n        \n      }\n      &>button{\n        padding:0px 25px;\n        color:${({ theme }) => theme.color};\n\n      }\n      button{\n        border:0;outline:0;\n        width:100%;\n        background:transparent;\n      }\n      ul{\n        display:none;\n        position:absolute;\n        top:calc(100% + 1px);\n        flex-direction:column;\n        min-width:5%;\n        // max-height:15vh;\n        // overflow-y:auto;\n        background-color:#fff;\n        justify-content:center;\n        align-items:center;       \n        padding-inline-start:0px;\n        margin-block-start:0px;\n        z-index:100; \n\n        li{\n          width:100%;\n          \n          text-shadow:0px 0px 10px ${({ theme }) => theme.element};\n          border-bottom:.2px solid ${({ theme }) => theme.altHeaderBorder};\n          &:hover{\n            text-shadow:0px 0px 1px ${({ theme }) => theme.element};\n          }\n          padding:0px 25px;\n          display:flex;\n          justify-content:center;\n          align-items:center;\n          font-size:12px;\n          max-width:150px;\n          text-align:center;\n          cursor:pointer;\n          min-height:50px;\n        }\n\n      }\n      &:hover{\n        ul{\n          display:flex;\n        }\n        div{\n          display:flex;\n        }\n        text-shadow:0px 0px 1px ${({ theme }) => theme.element};\n      }\n      &:hover{\n        border-bottom:2px solid ${({ theme }) => theme.color};\n      }\n      &:not(:last-child):before{\n        content:'';\n        display:block;\n        top:25%;\n        width:1px;\n        height:30px;\n        right:0px;\n      }\n    }\n\n  }\n\n`;\n\nconst HeaderTop = styled.div`\n  background-color: ${({ theme }) => theme.altHeader};\n\n  width: 100%;\n  display: flex;\n  justify-content: space-between;\n  & > ul {\n    display: flex;\n    justify-content: flex-end;\n    align-items: center;\n    height: 30px;\n    padding: 0px 10%;\n\n    button {\n      position: relative;\n      height: 30px;\n      border: 0;\n      outline: 0;\n      svg {\n        width: 25px;\n        height: 15px;\n        font-size: 15px;\n      }\n      & > div {\n        display: none;\n        position: absolute;\n\n        z-index: 100;\n        flex-direction: column;\n        top: 100%;\n        left: 0px;\n        & > div {\n          display: flex;\n          justify-content: center;\n          font-weight: bold;\n          font-size: 14px;\n          align-items: center;\n          min-width: 70px;\n          max-width: 70px;\n          background-color: ${({ theme }) => theme.altHeader};\n\n          color: #fff;\n          padding: 10px;\n          &:hover {\n            background-color: ${({ theme }) => theme.opacityColor};\n            color: ${({ theme }) => theme.background};\n          }\n        }\n      }\n      &:focus,\n      &:hover {\n        div {\n          display: flex;\n        }\n      }\n    }\n    li {\n      height: 30px;\n      display: flex;\n      align-items: center;\n      cursor: pointer;\n      font-size: 12px;\n      margin-right: 20px;\n      a {\n        color: ${({ theme }) => theme.opacityColor};\n        text-decoration: none;\n        &:hover {\n          color: ${({ theme }) => theme.color};\n        }\n      }\n    }\n  }\n  @media only screen and (max-width: 1140px) {\n    width: 100%;\n    ul {\n      width: 100%;\n      height: unset;\n    }\n    height: unset;\n    ul li {\n      width: 100%;\n      padding: 0;\n      margin: 0;\n      height: unset;\n    }\n    position: relative;\n  }\n`;\n\nconst FooterContainer = styled.footer`\n  background-color: rgba(242, 242, 242, 0.5);\n  padding: 10px;\n  width: 100%;\n  .logos {\n    display: flex;\n    width: 100%;\n    max-width: 100vw;\n    justify-content: center;\n    align-items: center;\n    position: relative;\n    img {\n      height: 50px;\n    }\n  }\n  * {\n    user-select: none;\n  }\n  .copyright {\n    @media only screen and (max-width: 1440px) {\n      max-width: 100vw;\n      & > div {\n        max-width: 100vw;\n        width: 100%;\n      }\n      img {\n        max-width: 100vw;\n        margin-right: 0px !important;\n        margin: 0px !important;\n        &:not(:first-child) {\n          display: none;\n        }\n      }\n    }\n    width: 100%;\n    max-width: 100vw;\n    text-align: center;\n    margin: 10px 0px;\n    color: #000;\n    display: flex;\n    justify-content: center;\n    flex-direction: column;\n    .main {\n      font-weight: bold;\n      font-size: 16px;\n      font-family: \"Overpass\", cursive;\n      display: flex;\n      width: 40%;\n      margin-left: 30%;\n      @media only screen and (max-width: 1440px) {\n        width: 100%;\n        margin-left: 0%;\n        font-size: 11px;\n      }\n      margin-top: 10px;\n      margin-bottom: 10px;\n      justify-content: space-between;\n      margin-top: 20px;\n      align-items: center;\n      div {\n        &:not(:first-child) {\n        }\n        cursor: pointer;\n      }\n    }\n  }\n  .about {\n    display: flex;\n\n    justify-content: space-between;\n    p {\n      font-size: 11px;\n    }\n    h1 {\n      font-size: 16px;\n      margin-bottom: 30px;\n    }\n    img {\n      height: 155px;\n    }\n    div {\n      padding-right: 10%;\n      &:not(:first-child) {\n        padding-right: 0px;\n        padding-left: 13%;\n        display: flex;\n        align-items: center;\n        width: 45%;\n      }\n    }\n  }\n  .footerNavs {\n    display: flex;\n    margin-top: 20px;\n    flex-wrap: wrap;\n    & > div {\n      display: flex;\n      margin-right: 60px;\n      flex-direction: column;\n      h1.spaces {\n        margin-bottom: 40px;\n      }\n      h1 {\n        font-size: 18px;\n        margin-bottom: 20px;\n      }\n      ul {\n        padding-inline-start: 0px;\n        margin-block-start: 0px;\n        margin-block-end: 0px;\n        display: flex;\n        flex-direction: column;\n        li {\n          a {\n            color: ${({ theme }) => theme.opacityColor};\n            &:hover {\n              color: ${({ theme }) => theme.color};\n            }\n            font-size: 12px;\n            text-decoration: none;\n          }\n        }\n      }\n    }\n  }\n  .follow {\n    margin-top: 30px;\n    display: flex;\n    flex-wrap: wrap;\n    padding-top: 10px;\n    justify-content: space-between;\n    border-top: 1px solid ${({ theme }) => theme.color};\n    border-bottom: 1px solid ${({ theme }) => theme.color};\n    div {\n      a {\n        text-decoration: none;\n        color: ${({ theme }) => theme.opacityColor};\n        &:hover {\n          color: ${({ theme }) => theme.color};\n        }\n      }\n      padding: 20px 0px;\n      display: flex;\n      align-items: center;\n      margin-top: -3px;\n    }\n    h1 {\n      font-size: 18px;\n    }\n    svg {\n      font-size: 28px;\n      margin-left: 20px;\n    }\n    img {\n      margin-left: 20px;\n      margin-top: -3px;\n      height: 40px;\n    }\n  }\n\n  @media only screen and (max-width: 1140px) {\n    padding: 20px 5%;\n    .copyright {\n      margin-bottom: 40px;\n      font-size: 14px;\n    }\n    .follow {\n      div h1 {\n        font-size: 14px;\n      }\n      div svg {\n        margin-top: -20px;\n        font-size: 18px;\n      }\n      div img {\n        margin-top: -10px;\n        height: 25px;\n      }\n    }\n    .about {\n      padding: 0%;\n      div {\n        flex-wrap: wrap;\n        &:not(:first-child) {\n          width: 100%;\n          padding-left: 0%;\n          border: 0;\n        }\n        padding: 0;\n        margin: 0;\n      }\n      flex-wrap: wrap;\n      img {\n        margin: auto;\n        padding: 0;\n        width: 60%;\n        height: auto;\n      }\n    }\n  }\n`;\n\nconst HeaderAltMobile = styled.div`\n  .overlay {\n    position: fixed;\n    top: 0;\n    width: 20%;\n    height: 100%;\n    z-index: 1000;\n    background-color: rgba(0, 0, 0, 0.5);\n    opacity: ${(props) => (props.open == true ? \"100%\" : \"0%\")};\n    right: ${(props) => (props.open == true ? \"0\" : \"-200vw\")};\n    transition: 600ms all;\n  }\n  position: fixed;\n  bottom: 0;\n  width: 80%;\n  left: ${(props) => (props.open == true ? 0 : -200)}vw;\n  transition: 600ms all;\n  display: flex;\n  justify-content: center;\n  overflow: hidden;\n  z-index: 9999999999;\n\n  background-color: #fff;\n  height: 100vh;\n  ::-webkit-scrollbar {\n    width: 0px;\n  }\n  .close-btn {\n    position: absolute;\n    top: -4px;\n    right: 8px;\n    cursor: pointer;\n    background-color: transparent;\n    border: 0;\n    outline: 0;\n    font-size: 33px !important;\n    color: #555;\n    text-shadow: none;\n  }\n  overflow-y: auto;\n  * {\n    text-decoration: none;\n    color: #000;\n  }\n  z-index: 1001;\n  ul {\n    padding-inline-start: 0px;\n    width: 100%;\n    z-index: 1001;\n    padding-bottom: 50px;\n    display: block;\n    flex-direction: column;\n    justify-content: center;\n    margin-block-start: 0;\n    margin-block-end: 0;\n    margin-inline-start: 0;\n    margin-inline-end: 0;\n    padding-inline-start: 0;\n    align-items: center;\n    li {\n      width: 100%;\n      display: block;\n      margin-top: 10px;\n\n      button {\n        background-color: #fff;\n        width: 100%;\n        outline: 0;\n        border: 0;\n        &:not(:last-child) {\n          border-bottom: 1px solid #ddd;\n        }\n\n        span {\n          padding-left: 5px;\n          text-align: left;\n        }\n        div {\n          width: 100%;\n          display: flex;\n          justify-content: space-between;\n          align-items: center;\n        }\n        padding: 10px 0px;\n      }\n    }\n  }\n  .sub-category {\n    transition: 300ms all;\n    \n    button {\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      margin-top: 10px;\n      font-size: 14px;\n      padding: 10px 0px;\n      span {\n        width: 100%;\n      }\n      .ct-image {\n        width: 50px !important;\n        height: 50px !important;\n        border-radius: 50%;\n        background-size: cover;\n        background-position: center;\n      }\n    }\n  }\n`;\n\nconst MobileSearchContainer = styled.div`\n  display: none;\n  @media only screen and (max-width: 1140px) {\n    display: ${(props) => (props.open ? \"flex\" : \"none\")};\n    z-index: 99999 !important;\n  }\n  transition: 500ms opacity, 500ms transform;\n  opacity: ${(props) => (props.open ? \"100%\" : \"0%\")};\n  transform: scale(${(props) => (props.open ? \" 1\" : \"0\")});\n  z-index: 99999 !important;\n  position: absolute;\n  top:140px;\n  width: 100%;\n  left:0;\n  .overlay{\n    position: fixed;\n    width: 100vw;\n    height: 100vh;\n    top: -15px;\n    left:0;\n    z-index:100;\n    background-color:rgba(0,0,0,.4);\n  }\n  .search-box {\n    position: relative;\n    margin-right: 8vw;\n    margin-left: 8vw;\n    z-index: 99999 !important;\n    width: 100%;\n    .search-result {\n      position: absolute;\n      transition: 500ms all;\n      top: 110%;\n      z-index: 99999 !important;\n      left: 0;\n      width: 100%;\n      background-color: #fff;\n      border: 1px solid ${({ theme }) => theme.elementBackground};\n      border-top: 0;\n      border-bottom-left-radius: 10px;\n      border-bottom-right-radius: 10px;\n      ul {\n        list-style: none;\n        padding-inline-start: 0px;\n        margin-block-start: 0px;\n        margin-block-end: 0px;\n        margin-inline-start: 0px;\n        margin-inline-end: 0px;\n        padding-inline-start: 0px;\n        li {\n          padding: 10px;\n          border-bottom: 1px solid ${({ theme }) => theme.elementBackground};\n          cursor: pointer;\n          &:hover {\n            background-color: rgba(242, 242, 242, 0.5);\n            color: #fff;\n            border-bottom: 1px solid ${({ theme }) => theme.elementBackground};\n            border-top: 1px solid ${({ theme }) => theme.elementBackground};\n            border-right: 1px solid ${({ theme }) => theme.elementBackground};\n            border-left: 1px solid ${({ theme }) => theme.elementBackground};\n          }\n          &:last-child {\n            border-bottom: 0;\n          }\n          a {\n            text-decoration: none;\n            color: #000;\n            display: flex;\n            align-items: center;\n            justify-content: space-between;\n            width: 100%;\n            span {\n              font-size: 12px;\n              margin-left: 10px;\n            }\n            img {\n              width: 50px;\n              height: 50px;\n              border-radius: 10px;\n            }\n          }\n        }\n      }\n    }\n    display: flex;\n    align-items: center;\n    border: 1px solid ${({ theme }) => theme.elementBackground};\n    background-color: #fff;\n    border-radius: 10px;\n    padding-left: 20px;\n    color: #000;\n    &:focus-within,\n    &:hover {\n      -webkit-box-shadow: 0px 0px 4px 0px ${({ theme }) => theme.elementShadow};\n      -moz-box-shadow: 0px 0px 4px 0px ${({ theme }) => theme.elementShadow};\n      box-shadow: 0px 0px 4px 0px ${({ theme }) => theme.elementShadow};\n    }\n    svg {\n      border: 0;\n      outline: 0;\n    }\n    input,\n    button {\n      margin-left: 5px;\n      border: 0;\n      padding: 12px 0px;\n      color: #000;\n      outline: 0;\n    }\n    input {\n      width: 100%;\n      background-color: #fff;\n      color: #000;\n      padding-left: 15px;\n    }\n    button {\n      border-top-right-radius: 10px;\n      border-bottom-right-radius: 10px;\n      width: 80px;\n      font-weight: 900;\n      margin: 0px;\n      background-color: #fafafa;\n      transition: 300ms all;\n      &:hover {\n        background-color: ${({ theme }) => theme.altHeader};\n        color: #333;\n        box-shadow: 0px 0px 4px 0px #616161;\n      }\n    }\n  }\n`;\nexport { Header, BottomNav, HeaderAlt, HeaderTop, FooterContainer,HeaderAltMobile ,MobileSearchContainer };\n","import { faCartPlus, faMinus, faPlus, faTrash, faSearch } from '@fortawesome/free-solid-svg-icons';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport React from 'react'\nimport { Currency } from \"react-intl-number-format/dist/index.js\";\nimport { useCartRequests } from '../../helpers/CartRequests';\nimport { setBasket } from \"../stores/Cart\";\nimport { toast } from \"react-toastify\";\nimport { useDispatch, useSelector } from 'react-redux';\nimport { useHistory } from 'react-router-dom';\nimport { Sentry } from 'react-activity';\n\nexport default function ProductCard({ product,setOpenedBox, variant =false}) {\n\n  const {basket}=useSelector(state=>state.cart)\n\n  const [loading,setLoading]=React.useState(false)\n\n  const dispatch = useDispatch();\n  const history = useHistory()\n  const { addCart, getCart, extractionCart, decrementCart } = useCartRequests();\n\n  const getBasket = () => {\n    if (variant == false) {\n      getCart().then((res) => {\n        setLoading(false);\n        dispatch(setBasket(res.data.data));\n      });\n    }\n  };\n  const addToBasket = async (prod, e = null) => {\n    e.stopPropagation();\n    setLoading(true);\n    const loader = toast.loading(\"Ürün Sepete Ekleniyor...\", {\n      position: toast.POSITION.BOTTOM_RIGHT,\n      isLoading: true,\n      closeOnClick: false,\n      pauseOnHover: false,\n      pauseOnFocusLoss: false,\n      draggable: false,\n    });\n    addCart([{ id: prod.id, count: 1 }])\n      .then((res) => {\n        //\n        getBasket();\n        const newBasket = toast.update(loader, {\n          render: res.data.message,\n          type: \"success\",\n          isLoading: false,\n          autoClose: 3000,\n          hideProgressBar: false,\n          closeOnClick: true,\n          pauseOnHover: true,\n          pauseOnFocusLoss: false,\n          draggable: true,\n        });\n      })\n      .catch((err) => {\n        setLoading(false);\n        if (err.response != undefined && err.response.data.message != undefined) {\n          toast.update(loader, {\n            render: err.response.data.message,\n            type: \"error\",\n            isLoading: false,\n            autoClose: 3000,\n            hideProgressBar: false,\n            closeOnClick: true,\n            pauseOnHover: true,\n            pauseOnFocusLoss: false,\n            draggable: true,\n          });\n          return\n        }\n        toast.update(loader, {\n          render: \"Sepet Güncellenemedi\",\n          type: \"error\",\n          isLoading: false,\n          autoClose: 3000,\n          hideProgressBar: false,\n          closeOnClick: true,\n          pauseOnHover: true,\n          pauseOnFocusLoss: false,\n          draggable: true,\n        });\n      });\n  };\n\n  const removeItem =async (item) => {\n    const newbasket = await basket.filter((sub) => {\n      return sub.productId !== item.id;\n    });\n    setLoading(true);\n    extractionCart(item.id)\n    .then((response) => {\n      setLoading(false);\n      dispatch(setBasket(newbasket));\n    })\n    .catch((error) => {\n      toast.error(error.response.data.message);\n    });\n  }\n\n  const decrease =async (item) => {\n    setLoading(true);\n    const newbasket = await basket.map((sub) => {\n      if (sub.productId === item.id) {\n        return {\n          ...sub,\n          quantity: sub.quantity - 1,\n          total: sub.total - sub.price * 1,\n        };\n      }\n      return sub;\n    });\n    decrementCart(item.id, 1)\n    .then((response) => {\n      setLoading(false);\n      dispatch(setBasket(newbasket));\n    })\n    .catch((error) => {\n      toast.error(error.response.data.message);\n    });\n  }\n  const [rotated, setRotated] = React.useState(false);\n  return (\n    <>\n      <div\n        style={{\n          width: \"100vw\",\n          height: \"100vh\",\n          position: \"fixed\",\n          backgroundColor: \"rgba(0,0,0,0.5)\",\n          zIndex: 100,\n          top: 0,\n          left: 0,\n          display: rotated ? \"flex\" : \"none\",\n          justifyContent: \"center\",\n          alignItems: \"center\",\n        }}\n        onClick={() => setRotated(false)}\n      >\n        {/* <iframe\n          onClick={(e) => e.stopPropagation()}\n          src={\n            \"https://panel.360photoboxcloud.com/viewer360/viewer.html?id=\" +\n              product?.model || \"\"\n          }\n          style={{ width: \"60vw\", height: \"80vh\" }}\n        /> */}\n      </div>\n      <div\n        // href={`/urun/${product.slug}`}\n        onClick={(e) => {\n          e.stopPropagation();\n          // history.push(`/urun/${product.slug}`, {\n          //   prevPage: history.location.pathname,\n          // });\n          window.open(`/urun/${product.slug}`, \"_blank\");\n        }}\n        className=\"product-card\"\n      >\n        <div\n          style={{ position: \"absolute\" }}\n          onClick={(e) => e.stopPropagation()}\n        >\n          {product.model != undefined &&\n          product.model != null &&\n          product.model != \"\" && false ? (\n            <div\n              style={{\n                border: \"1px solid \" + (false ? \"#F27A1A\" : \"transparent\"),\n                cursor: \"pointer\",\n                borderRadius: 7,\n                width: 60,\n                minWidth: 60,\n                maxWidth: 60,\n                height: 60,\n                minHeight: 60,\n                maxHeight: 60,\n                display: \"flex\",\n                justifyContent: \"center\",\n                alignItems: \"center\",\n              }}\n              className=\"product-page-items\"\n              onClick={() => setRotated(true)}\n            >\n              <img\n                src={\"https://cdn-icons-png.flaticon.com/512/1758/1758455.png\"}\n                style={{\n                  borderRadius: 20,\n                  width: 30,\n                  minWidth: 30,\n                  maxWidth: 30,\n                  height: 30,\n                  minHeight: 30,\n                  maxHeight: 30,\n                }}\n              />\n            </div>\n          ) : (\n            <></>\n          )}\n        </div>\n        <div\n          className=\"overlay\"\n          onClick={(e) => {\n            e.stopPropagation();\n            dispatch(setOpenedBox(true));\n          }}\n        >\n          <FontAwesomeIcon icon={faSearch} />\n        </div>\n        <div\n          className=\"image\"\n          style={{ backgroundImage: `url(${product.image})` }}\n        />\n        <div className=\"variants\">\n          <div className=\"colors\">\n            <div></div>\n            <div></div>\n          </div>\n          <div>{product.variantCount}</div>\n        </div>\n        <div className=\"brand\">\n          <span\n            onClick={(e) => {\n              e.stopPropagation();\n              history.push(`/marka/${product.brandSlug}`);\n            }}\n          >\n            {product.brand}\n          </span>\n          <span\n            onClick={(e) => {\n              e.stopPropagation();\n              history.push(`/kategori/${product.groupSlug}`);\n            }}\n          >\n            {product.group}\n          </span>\n        </div>\n\n        <div className=\"name\">{product.title}</div>\n\n        {localStorage.getItem(\"ulusoytoken\") != null ? (\n          <div className=\"action\">\n            <div className=\"price\">\n              <Currency>{product.salePrice}</Currency> <span>+ KDV</span>\n            </div>\n            <div className=\"btn\">\n              {basket != null &&\n              basket.length > 0 &&\n              basket.filter((x) => x.productId == product.id).length > 0 ? (\n                <div className=\"btn-groups\">\n                  <button\n                    onClick={(e) => {\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                    <FontAwesomeIcon\n                      icon={\n                        basket.filter((x) => x.productId == product.id)[0]\n                          .quantity == 1\n                          ? faTrash\n                          : faMinus\n                      }\n                    />\n                  </button>\n                  <div className=\"input\">\n                    {loading ? (\n                      <Sentry color=\"#F27A1A\" size={14} />\n                    ) : (\n                      <>\n                        <input\n                          type=\"text\"\n                          disabled\n                          value={\n                            basket.filter((x) => x.productId == product.id)[0]\n                              .quantity\n                          }\n                        />\n                        <span className=\"unit\"> Koli</span>\n                      </>\n                    )}\n                  </div>\n                  <button\n                    disabled={\n                      basket.filter((x) => 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                    <FontAwesomeIcon icon={faPlus} />\n                  </button>\n                </div>\n              ) : (\n                <button\n                  className=\"add-btn\"\n                  onClick={(e) => {\n                    e.stopPropagation();\n                    if (loading) {\n                      return;\n                    }\n                    addToBasket(product, e);\n                  }}\n                >\n                  {/* <FontAwesomeIcon icon={faCartPlus} /> */}\n                  Sepete Ekle\n                </button>\n              )}\n            </div>\n          </div>\n        ) : (\n          <div className=\"no-auth\">\n            Fiyatları görmek için <strong>giriş</strong> yapın\n          </div>\n        )}\n      </div>\n    </>\n  );\n}\n","import { createSlice } from \"@reduxjs/toolkit\";\nimport axios from 'axios'\n\nconst getMainRoutes = async() => {\n    // return [{\"label\":\"Home\",\"exact\":true,\"path\":\"/\",\"auth\":true},{\"label\":\"Authentication/Logout\",\"exact\":true,\"path\":\"/cikis-yap\",\"auth\":true},{\"label\":\"Authentication/Login\",\"exact\":true,\"path\":\"/giris-yap\",\"auth\":false},{\"label\":\"Authentication/Register\",\"exact\":true,\"path\":\"/kayit-ol\",\"auth\":\"disable\"},{\"label\":\"Cart\",\"exact\":true,\"path\":\"/sepetim\",\"auth\":true},{\"label\":\"Discover\",\"exact\":true,\"path\":\"/kesfet\",\"auth\":true},{\"label\":\"NewProducts\",\"exact\":true,\"path\":\"/yeni-urunler\",\"auth\":true},{\"label\":\"Product\",\"exact\":true,\"path\":\"/urun/:slug\",\"auth\":true},{\"label\":\"Category\",\"exact\":true,\"path\":\"/kategori/:slug\",\"auth\":true}]\n    return await axios({\n        method: 'GET',\n        url: `${process.env.REACT_APP_API+process.env.REACT_APP_GET_ROUTES}`,\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_GET_ROUTES}`,\n        }\n    }).then(res => {\n        localStorage.setItem('ulusoyroutes', JSON.stringify(res.data))\n        return res.data\n    })\n\n}\n\nexport const auth = createSlice({\n    name: 'auth',\n    initialState: {\n        currency:localStorage.getItem('currency')!=null && localStorage.getItem('currency')!=undefined ? localStorage.getItem('currency'):'TL',\n        routes: localStorage.getItem(\"ulusoyroutes\") != null && localStorage.getItem(\"ulusoyroutes\") != undefined ? JSON.parse(localStorage.getItem(\"ulusoyroutes\")) : getMainRoutes(),\n        user: [],\n        balance:0,\n        login: localStorage.getItem('login') == 'true' ? true : false,\n        token: localStorage.getItem('ulusoytoken') != null && localStorage.getItem('ulusoytoken') != '' && localStorage.getItem('ulusoytoken') != undefined ? localStorage.getItem('ulusoytoken') : null,\n    },\n    reducers: {\n        loginChange: (state, action) => {\n            state.login = true\n            localStorage.setItem('login', action.payload.login)\n\n            // state.user = action.payload.user\n            // if (action.payload.user.status == 'Yönetici' || action.payload.user.status == 'Satıcı') {\n            //     state.admin = true\n            //     localStorage.setItem('admin', true)\n            // }\n            // localStorage.setItem('user', JSON.stringify(action.payload.user))\n\n            state.token = action.payload.token\n            localStorage.setItem('ulusoytoken', action.payload.token)\n            localStorage.removeItem('cart')\n            \n        \n\n\n\n        },\n        newCurrencySet:(state,action)=>{\n            state.currency=action.payload\n            localStorage.setItem('currency',action.payload)\n        },\n        setCustomer: (state, action) => {\n\n            localStorage.setItem('balance',action.payload.balance)\n            localStorage.setItem(\"currency\", action.payload.visibleCurrencyUnit);\n            localStorage.setItem('customer', JSON.stringify(action.payload))\n            localStorage.setItem('title', action.payload.title)\n            localStorage.setItem('id', action.payload.customerId)\n            state.user = action.payload;\n            state.balance=action.payload.balance\n            state.currency = action.payload.visibleCurrencyUnit;\n\n        },\n        logout: (state) => {\n            state.login = false\n            state.currency = null\n            state.token = null\n            state.admin = false\n            state.user = []\n            state.balance=0\n            localStorage.removeItem('cart')\n            localStorage.removeItem('customer')\n            localStorage.removeItem(\"balance\");\n            localStorage.removeItem('id')\n            localStorage.removeItem('currency')\n            localStorage.removeItem('user')\n            localStorage.removeItem('login')\n            localStorage.removeItem('ulusoytoken')\n            localStorage.removeItem('admin')\n\n\n        },\n\n    }\n})\n\nexport const { loginChange,newCurrencySet, logout,setCustomer } = auth.actions\nexport default auth.reducer","import styled from \"styled-components\";\n\nconst AuthPage = styled.div`\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  position: relative;\n  padding-top: 20vh;\n  .logo{\n    position: absolute;\n    top:35px;\n    display: flex;\n    cursor: pointer;\n    width:100%;\n    height:auto;\n    justify-content: center;\n    align-items: center;\n    &:hover{\n        filter:drop-shadow(0px 0px 1px  ${({theme})=>theme.elementShadow});\n    }\n  }\n  .form-navigator{\n    display: flex;\n    flex-direction:row;\n    justify-content: space-between;\n    width:100%;\n    align-items: center;\n    padding:0;\n    &::before{\n      display:none;\n    }\n  }\n`\n\nconst Login=styled.div`\n  display:flex;\n  justify-content:center;\n  align-items:center;\n  padding-bottom: 20vh;\n  .error-area{\n    background-color: ${({theme})=>theme.error};\n    color: ${({theme})=>theme.errorText};\n    padding: 10px 0px;\n  }\n  .success-area{\n    background-color: ${({theme})=>theme.success};\n    color: ${({theme})=>theme.successText};\n    padding: 10px 0px;\n  }\n  form{\n    label{\n      cursor:pointer;\n    }\n    div{\n        border:0px;\n        text-align:center;\n        cursor:pointer;\n        margin-top:10px;\n        width:100%;\n        &:before{\n          content:'';\n          border-bottom:0px!important;\n        }\n      \n    }\n    display:flex;\n    flex-direction:column;\n    align-items:center;\n    justify-content:center;\n    input{\n      background-color:${({theme})=>theme.header};\n      border-radius:5px;\n      border:0px!important;\n      outline:0px!important;\n      \n    }\n    \n    .authBtn{\n      width:96%;\n      padding:10px 0px;\n      margin-top:10px;\n    }\n    a{\n      color:${({theme})=>theme.color};\n      text-align:center;\n      margin-top:20px;\n      &:hover{\n        color:${({theme})=>theme.opacityColor};\n      }\n      text-decoration:none;\n    }\n    width:35%;\n    @media only screen and (max-width:1140px){\n      width:80%;\n    }\n\n  }\n`\nconst LoginBoxContent = styled.div`\n  position: fixed;\n  top: 0;\n  left: 0;\n  z-index: 99999;\n  background-color: rgba(0, 0, 0, 0.5);\n  width: 100vw;\n  height: 100vh;\n  padding: 0;\n  margin: 0;\n  overflow: hidden;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n\n  .robotkafasi {\n    position: absolute;\n    transform: scale(0.5);\n    z-index: -1;\n    transition: 300ms all;\n  }\n  .robotkafasi.hide {\n    top: -80px;\n  }\n  .robotkafasi.show {\n    top: -170px;\n  }\n  .box {\n    position: relative;\n    .close {\n      position: absolute;\n      top: -15px;\n      right: -15px;\n      background-color: red;\n      border-radius: 10px;\n      padding: 5px 15px;\n      cursor: pointer;\n      font-size: 24px;\n      color: #fff;\n      transition: 300ms all;\n      box-shadow: 0px 0px 1px red;\n      &:hover {\n        background-color: darkred;\n        box-shadow: 0px 0px 3px red;\n      }\n    }\n    width: 30%;\n\n    height: auto;\n    min-height: 300px;\n    border-radius: 10px;\n    border: 3px solid #ddd;\n    background-color: ${({ theme }) => theme.header};\n    margin-top: ${(props) =>\n      props.register != undefined && props.register != null ? 0 : -140}px;\n\n    form {\n      width: 100%;\n      .success-area {\n        width: 100%;\n        padding: 10px;\n        background-color: rgba(0, 255, 0, 0.2);\n      }\n      .error-area {\n        width: 100%;\n        padding: 10px;\n        background-color: rgba(255, 0, 0, 0.2);\n      }\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      justify-content: center;\n      padding: 10px 80px;\n      padding-bottom: 90px;\n      h1 {\n        margin-bottom: 20px;\n        text-align: center;\n        font-size: 23px;\n        margin-top: 50px;\n        color: #333;\n      }\n      button {\n        display: block;\n        width: 100%;\n        height: 50px;\n        border-radius: 5px;\n        border: 0;\n        outline: 0;\n        color: #fff;\n        font-weight: bold;\n        background: #ff7f13;\n        transition: 300ms all;\n        margin-top: 15px;\n        &:hover {\n          background: #ff6d13;\n        }\n      }\n      .form-box {\n        width: 100%;\n        position: relative;\n        span {\n          position: absolute;\n          top: 36%;\n          right: 8px;\n          cursor: pointer;\n        }\n        display: flex;\n        border: 1px solid #eee;\n        label {\n          transform: scale(1);\n          transition: 300ms all;\n        }\n        input {\n          margin-top: 10px;\n          width: 100%;\n          &:not(:first-child) {\n            margin-left: 10px;\n          }\n          margin-bottom: 10px;\n          height: 50px;\n          padding: 10px;\n          transition: 300ms all;\n          outline: 0;\n          border-radius: 5px;\n          border: 0;\n          background: #fff;\n          &::placeholder {\n            color: #333;\n          }\n        }\n        &:focus-within {\n          label {\n            transform: scale(0);\n          }\n          input {\n            box-shadow: 0px 0px 13px #fff;\n          }\n        }\n      }\n    }\n    @media only screen and (max-width: 1140px) {\n      width: 93%;\n      .close {\n        font-size: 24px;\n        padding: 0px 10px;\n        background-color: #fff;\n        color: #000;\n\n        box-shadow: none;\n        border: none;\n        right: -12px;\n        top: -22px;\n      }\n      form {\n        input {\n        }\n        padding: 10px 10px;\n        padding-bottom: 70px;\n      }\n    }\n  }\n`;\nexport {Login,AuthPage,LoginBoxContent}","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('ulusoytoken')}`,\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 (data) => {\n    return axios({\n      method: \"post\",\n      url: `${process.env.REACT_APP_API + process.env.REACT_APP_REGISTER}`,\n      data: {\n        name: data.name,\n        surname: data.surname,\n        email: data.email,\n        // companyTitle: data.company,\n        phoneNumber: data.phoneNumber,\n        // phoneNumber2:phoneNumber2,\n        address: data.address,\n        password: data.password,\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  const forgotRequest = async (data) => {\n    return axios({\n      method: \"GET\",\n      url: `${\n        process.env.REACT_APP_API +\n        process.env.REACT_APP_SEND_VERIFY_CODE +\n        \"?emailAddress=\" +\n        data\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_SEND_VERIFY_CODE\n        }`,\n      },\n    });\n  };\n  const forgotRequestFinal = async (data) => {\n    return axios({\n      method: \"GET\",\n      url: `${\n        process.env.REACT_APP_API +\n        process.env.REACT_APP_CHANGE_PASSWORD_WITH_VERIFY +\n        \"?emailAddress=\" +\n        data.email +\n        \"&newPassword=\" +\n        data.password +\n        \"&verifyCode=\" +\n        data.code\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 +\n          process.env.REACT_APP_CHANGE_PASSWORD_WITH_VERIFY\n        }`,\n      },\n    });\n  };\n\n  const changePasswordRequest = async (data) => {\n    return axios({\n      method: \"post\",\n      url: `${\n        process.env.REACT_APP_API + process.env.REACT_APP_CHANGE_PASSWORD\n      }`,\n      data: data,\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_CHANGE_PASSWORD\n        }`,\n        Authorization: `${localStorage.getItem(\"ulusoytoken\")}`,\n      },\n    });\n  };\n  \n  return {\n    loginRequest,\n    registerRequest,\n    getCustomer,\n    setCurrency,\n    changePasswordRequest,\n    forgotRequest,\n    forgotRequestFinal,\n  };\n}","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, { 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      <div\n        onClick={() => {\n          if (selectedColors.includes(color.color)) {\n            dispatch(\n              setSelectedColors(\n                selectedColors.filter((item) => item != color.color)\n              )\n            );\n          } else {\n            dispatch(setSelectedColors([...selectedColors, color.color]));\n          }\n        }}\n        className={\"category-sub-item \"}\n      >\n        <span\n          className={\n            \"check-box \" +\n            (selectedColors.includes(color.color) ? \"checked\" : \"\")\n          }\n        >\n          <span>\n            <FontAwesomeIcon icon={faCheck} />\n          </span>\n        </span>\n        <div className=\"name\">\n          <span>{color.color}</span>\n          <span style={{fontSize:12}}>({color.count})</span>\n        </div>\n      </div>\n    </>\n  );\n}\n","export default __webpack_public_path__ + \"static/media/mainlogo.12584ea1.png\";","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      <div\n        onClick={() => {\n          if (selectedBrands.includes(brand.slug)) {\n            dispatch(\n              setSelectedBrands(\n                selectedBrands.filter((item) => item != brand.slug)\n              )\n            );\n          } else {\n            dispatch(setSelectedBrands([...selectedBrands, brand.slug]));\n          }\n        }}\n        className={\"category-sub-item \"}\n      >\n        <span\n          className={\n            \"check-box \" +\n            (selectedBrands.includes(brand.slug) ? \"checked\" : \"\")\n          }\n        >\n          <span>\n            <FontAwesomeIcon icon={faCheck} />\n          </span>\n        </span>\n        <div className=\"name\">\n          <span>{brand.name}</span>\n          <span className=\"brand-img\">({brand.productCount})</span>\n        </div>\n      </div>\n    </>\n  );\n}\n","import React from 'react'\nimport {TitleContainer} from '../../styles/Content'\nexport default function Title(props) {\n\n  return (\n    <TitleContainer>\n      {props.text}\n    </TitleContainer>\n  )\n}\n","import React,{useState,useEffect} from 'react'\nimport Badge from '@mui/material/Badge';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport { faShoppingCart, faPlus,faTimes, faArrowLeft, faArrowRight, faAngleLeft, faAngleRight } from '@fortawesome/free-solid-svg-icons';\nimport { Currency } from 'react-intl-number-format/dist/index.js';\nimport { useCartRequests } from '../../helpers/CartRequests';\nimport { toast } from 'react-toastify';\nimport { useSelector,useDispatch } from 'react-redux';\nimport {setBasket} from '../stores/Cart'\nimport { useHistory } from 'react-router-dom'\nimport { SlideProductItem } from '../../styles/Slide';\nimport { Sentry } from \"react-activity\";\nimport { useProductRequests } from '../../helpers/ProductRequests';\nimport Carousel from \"react-elastic-carousel\";\nimport useWindowDimensions from '../useWindowDimensions';\nimport Variant from '../../views/Variant'\nexport default function Productproduct({product,variant=false,grid=\"grid\"}) {\n\n  const dispatch=useDispatch()\n\n  const history=useHistory()\n\n  const {addCart,getCart}=useCartRequests()\n  \n  const {basket}=useSelector(state=>state.cart)\n  const {login}=useSelector(state=>state.auth)\n\n  const [popupOpen, setPopupOpen] = useState(null);\n  const [variants, setVariants] = useState(null);\n  const { getProducts } = useProductRequests();\n\n\n  const getBasket=()=>{\n    if(variant==false){\n      getCart().then((res) => {\n        dispatch(setBasket(res.data.data));\n      });\n    }\n  }\n\n  const addToBasket=async(prod,e=null)=>{\n    e.stopPropagation()\n    \n    if(login==true ){\n      \n      const loader=toast.loading('Ürün Sepete Ekleniyor...',{position:toast.POSITION.BOTTOM_RIGHT,isLoading: true,closeOnClick: false,pauseOnHover: false,pauseOnFocusLoss: false,draggable: false})\n      addCart([{id:prod.id,count:1}]).then(res=>{\n        //\n        if(popupOpen==null || !popupOpen){\n          getBasket();\n        }\n        const newBasket=\n        toast.update(loader, { render: res.data.message, type: \"success\", isLoading: false, autoClose: 3000,hideProgressBar: false,closeOnClick: true,pauseOnHover: true,pauseOnFocusLoss: false,draggable: true });\n      })\n      .catch(err=>{\n        if(err.response!=undefined && err.response.data.data!=undefined){\n          toast.update(loader, { render: err.res.data.message, type: \"error\", isLoading: false, autoClose: 3000,hideProgressBar: false,closeOnClick: true,pauseOnHover: true,pauseOnFocusLoss: false,draggable: true });\n        }\n      })\n    \n    }else{\n      history.push('/giris-yap')\n    }\n  }\n  \n  React.useEffect(() => {\n    if (popupOpen != null && !popupOpen) {\n      setTimeout(() => {\n        getBasket();\n      }, 300);\n    }\n  }, [popupOpen]);\n\n  \n  return (\n    <SlideProductItem grid={grid}>\n      <div\n        className=\"popup\"\n        // onClick={() => setPopupOpen(false)}\n        style={{\n          transform: popupOpen != null && popupOpen ? \"scale(1)\" : \"scale(0)\",\n          opacity: popupOpen != null && popupOpen ? 1 : 0,\n        }}\n      >\n        <div className=\"box\" onClick={(e) => e.stopPropagation()}>\n          <div className=\"close\" onClick={() => setPopupOpen(false)}>\n            x\n          </div>\n          <div onClick={(e) => e.stopPropagation()} className=\"list\">\n            {popupOpen != null && popupOpen && (\n              <Variant\n                onClick={(e) => e.stopPropagation()}\n                slug={product.code}\n              />\n            )}\n          </div>\n        </div>\n      </div>\n      <div className=\"image-box\">\n        <img\n          onContextMenu={() => 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      </div>\n      {product.variantCount > 0 ? (\n        <div\n          className=\"variant-list\"\n          onClick={\n            () => setPopupOpen(true)\n            // history.push(\"/varyant/\" + product.code.replace(\".\", \"-\"))\n          }\n        >\n          <div className=\"colors\">\n            <div></div>\n            <div></div>\n          </div>\n          <div>{product.variantCount}</div>\n        </div>\n      ) : (\n        <></>\n      )}\n      <h3> {product.title} </h3>\n      <div className={\"in-stock \" + product.stockText}>\n        {\" \"}\n        {product.stockText.toUpperCase()}{\" \"}\n      </div>\n      {basket != null &&\n      basket.find((sub) => sub.productId == product.id) != undefined ? (\n        <div className=\"product-count\">\n          <div\n            style={{\n              color: \"#ff9f43\",\n              paddingTop: 10,\n              fontSize: 15,\n              paddingBottom: 10,\n              background: \"#fff\",\n              borderRadius: 1000,\n              fontWeight: \"bold\",\n            }}\n          >\n            <FontAwesomeIcon\n              icon={faShoppingCart}\n              style={{ marginRight: 0, fontSize: 30 }}\n            />\n            <span\n              style={{\n                position: \"absolute\",\n                right: -7,\n                top: 10,\n                paddingLeft: 5,\n                paddingRight: 5,\n                borderRadius: 1000,\n                color: \"#fff\",\n                background: \"red\",\n              }}\n            >\n              {basket.find((sub) => sub.productId == product.id).quantity}\n            </span>\n          </div>\n        </div>\n      ) : (\n        <></>\n      )}\n      {localStorage.getItem(\"ulusoytoken\") != null ? (\n        <div className=\"action\">\n          {product.listPrice != product.salePrice ? (\n            <div className=\"price list-price\">\n              {/* <h5> <Currency>0</Currency> </h5> */}\n              <div>\n                {\" \"}\n                <Currency>{product.listPrice}</Currency>{\" \"}\n              </div>\n            </div>\n          ) : (\n            <></>\n          )}\n\n          <div className=\"price\">\n            {/* <h5> <Currency>0</Currency> </h5> */}\n            <div>\n              {\" \"}\n              <Currency>{product.salePrice}</Currency> <span>+ KDV</span>\n            </div>\n          </div>\n          <div className=\"basket\">\n            <button\n              style={{\n                cursor: product.inStock ? \"pointer\" : \"not-allowed\",\n                opacity: product.inStock ? \"100%\" : \"10%\",\n                fontSize: 14,\n              }}\n              disabled={!product.inStock}\n              onClick={(e) => {\n                e.stopPropagation();\n                addToBasket(product, e);\n              }}\n            >\n              <FontAwesomeIcon icon={faPlus} style={{ marginRight: 10 }} />\n              Sepete Ekle\n            </button>\n          </div>\n        </div>\n      ) : (\n        <div\n          onClick={() => history.push(\"/giris-yap\")}\n          style={{ fontSize: 12, textAlign: \"center\" }}\n        >\n          Fiyatları görmek için <strong>giriş</strong> yapın\n        </div>\n      )}\n    </SlideProductItem>\n  );\n}\n","import React, { useEffect, useState } from \"react\";\nimport { useProductRequests } from \"../../../helpers/ProductRequests\";\nimport { Link } from \"react-router-dom\";\n\nimport CategoryItems from \"./CategoryItems\";\nimport BrandItems from \"./BrandItems\";\nimport { useHistory } from \"react-router\";\nimport Carousel, { consts } from \"react-elastic-carousel\";\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\nimport {\n  faAngleLeft,\n  faAngleRight,\n  faCheck,\n  faSearch,\n  faSearchPlus,\n  faTrashRestore,\n} from \"@fortawesome/free-solid-svg-icons\";\nimport useWindowDimensions from \"../../useWindowDimensions\";\nimport { faSearchengin } from \"@fortawesome/free-brands-svg-icons\";\nexport default function CategoryList({\n  slug,\n  slugPrefix,\n  setSelectedBrand,\n  selectedBrand,\n}) {\n  const carouselRef = React.useRef();\n\n  const { getCategories, getBrands } = useProductRequests();\n  const [categories, setCategories] = useState([]);\n  const [brands, setBrands] = useState([]);\n  const history = useHistory();\n  const width=useWindowDimensions().width\n\n  useEffect(() => {\n    getCategories(selectedBrand)\n      .then((response) => {\n        setCategories(response.data.data);\n      })\n      .catch((error) => {\n      });\n  }, [selectedBrand]);\n\n  return (\n    <div\n      style={{\n        borderTopWidth: 2,\n        borderColor: \"#ddd\",\n        paddingTop: 5,\n        borderStyle: \"solid\",\n        position: \"sticky\",\n        top: 0,\n        zIndex: 9999999,\n        backgroundColor: \"white\",\n        zIndex: 100,\n      }}\n    >\n      {/* <ul style={{ display: \"none\" }}>\n        {categories.map((category) => {\n          return (\n            // <CategoryItems slug={slug} slugPrefix={slugPrefix} category={category} key={category.slug} />\n            <div\n              key={category.slug}\n              onClick={() => {\n                history.push(\n                  (slugPrefix != undefined ? slugPrefix : \"\") + category.slug\n                );\n              }}\n              className={\n                (category.slug == slug ||\n                category.subGroups.filter((x) => x.slug == slug).length > 0\n                  ? \"active\"\n                  : \"\") + \" items\"\n              }\n            >\n              <Link\n                to={(slugPrefix != undefined ? slugPrefix : \"\") + category.slug}\n              >\n                {category.name}\n              </Link>\n            </div>\n          );\n        })}\n      </ul> */}\n      <div\n        style={{\n          width: \"100%\",\n          paddingLeft: 30,\n          fontSize: 16,\n          fontWeight: \"bold\",\n          marginTop: 5,\n          zIndex: 1000,\n          marginBottom: -35,\n        }}\n      >\n        <>Kategori</>\n      </div>\n      {/* <Carousel\n        ref={carouselRef}\n        disableArrowsOnEnd={true}\n        pagination={false}\n        style={{ borderBottom: \"2px solid rgba(221,221,221)\" }}\n        itemsToShow={10}\n      >\n        {categories.map((category) => {\n          return category.subGroups.map((sub_category) => {\n            return (\n              <div\n                key={sub_category.slug}\n                onClick={() =>\n                  history.push(\n                    (slugPrefix != undefined ? slugPrefix : \"\") +\n                      sub_category.slug\n                  )\n                }\n                style={{\n                  display: \"flex\",\n                }}\n                className={\n                  \"category-item \" +\n                  (sub_category.slug == slug ? \"active\" : \"\") +\n                  \" \"\n                }\n              >\n                <Link\n                  to={\n                    (slugPrefix != undefined ? slugPrefix : \"\") +\n                    sub_category.slug\n                  }\n                >\n                  <div\n                    className=\"img\"\n                    style={{ backgroundImage: `url(${sub_category.image})` }}\n                  ></div>\n\n                  {sub_category.name.replace(/\\//g, \" \")}\n                </Link>\n              </div>\n            );\n          });\n        })}\n      </Carousel> */}\n      {categories.find((x) => x.slug == slug) == undefined &&\n        categories.filter((x) => x.subGroups.find((y) => y.slug == slug))\n          .length == 0 && (\n          <Carousel\n            \n            // breakPoints={[\n            //   {\n            //     width: 1,\n            //     itemsToShow: 1,\n            //   },\n            //   {\n            //     width: 550,\n            //     itemsToShow: 2,\n            //   },\n            //   {\n            //     width: 768,\n            //     itemsToShow: 3,\n            //   }\n            // ]}\n            disableArrowsOnEnd={true}\n            pagination={false}\n            style={{\n              borderBottom: \"2px solid rgba(221,221,221)\",\n            }}\n            itemsToShow={width < 800 ? 3 : width<1200 ? 3 : 10}\n          >\n            {categories.map((category) => {\n              return category.subGroups.map((sub_category) => {\n                return (\n                  <div\n                    key={sub_category.slug + \"adsxx\"}\n                    onClick={() => {\n                      history.push({\n                        pathname: \"/kategori/\" + sub_category.slug,\n                        state: {\n                          selectedBrand: selectedBrand,\n                        },\n                      });\n                      if (sub_category.slug == slug) {\n                      //  setSelectedBrand(\"\");\n                      }\n                    }}\n                    className=\"category-item\"\n                  >\n                    <a\n                      // to={\n                      //   (slugPrefix != undefined ? slugPrefix : \"\") +\n                      //   sub_category.slug\n                      // }\n                    >\n                      <div\n                        className=\"img\"\n                        style={{\n                          backgroundImage: `url(${sub_category.image})`,zIndex:-1\n                        }}\n                      ></div>\n\n                      {sub_category.name.replace(/\\//g, \" \")}\n                    </a>\n                  </div>\n                );\n              });\n            })}\n          </Carousel>\n        )}\n      {categories.map((category) => {\n        return (\n          <Carousel\n            // breakPoints={[\n            //   {\n            //     width: 1,\n            //     itemsToShow: 1,\n            //   },\n            //   {\n            //     width: 550,\n            //     itemsToShow: 2,\n            //   },\n            //   {\n            //     width: 768,\n            //     itemsToShow: 3,\n            //   }\n            // ]}\n            key={category.slug}\n            disableArrowsOnEnd={true}\n            renderArrow={({ type, onClick, isEdge }) => {\n              const pointer = type === consts.PREV ? faAngleLeft : faAngleRight\n              return true ? (\n                <div\n                >\n                  <button\n                    onClick={onClick}\n                    style={{\n                      background: \"none\",\n                      border: \"none\",\n                      cursor: \"pointer\",\n                      outline: \"none\",\n                      padding: 10,\n                      position: \"absolute\",\n                      top: \"50%\",\n                      transform: \"translateY(-50%)\",\n                      zIndex: 10000,\n                      left: type === consts.PREV ? 0 : \"unset\",\n                      right: type === consts.NEXT ? 0 : \"unset\",\n\n                    }}>\n                    <FontAwesomeIcon\n\n                      icon={pointer}\n                    />\n                  </button>\n                </div>\n              ) : (\n                <></>\n\n\n              )\n\n            }}\n            pagination={false}\n            style={{\n              borderBottom: \"2px solid rgba(221,221,221)\",\n              display:\n                category.slug == slug ||\n                category.subGroups.find((sub) => sub.slug === slug) != undefined\n                  ? \"block\"\n                  : \"none\",\n            }}\n            itemsToShow={width < 800 ? 3 : width < 1200 ? 3 : 10}\n          >\n            {categories.filter((x) => x.slug == slug).length == 0 && (\n              <div\n                onClick={() => {}}\n                style={{\n                  height: 130,\n                  display: \"flex\",\n                  justifyContent: \"center\",\n                  alignItems: \"center\",\n                }}\n                className={\"category-item \"}\n              >\n                <Link\n                  to={\n                    (slugPrefix != undefined ? slugPrefix : \"\") + category.slug\n                  }\n                >\n                  <div\n                    className=\"img\"\n                    style={{\n                      background: \"#F27A1A\",\n                      color: \"white\",\n                      borderRadius: 105,\n                      width: 50,\n                      height: 50,\n                      display: \"flex\",\n                      alignItems: \"center\",\n                      justifyContent: \"center\",\n                      fontSize: 30,\n                      fontWeight: \"bold\",\n                      marginTop: 20,\n                    }}\n                  >\n                    <FontAwesomeIcon icon={faTrashRestore} color=\"#fff\" />\n                  </div>\n                  Filtreyi Temizle\n                </Link>\n              </div>\n            )}\n            {category.subGroups.map((sub_category) => {\n              return (\n                <div\n                  key={sub_category.slug}\n                  onClick={() => {\n                    history.push(\n                      (slugPrefix != undefined ? slugPrefix : \"\") +\n                        sub_category.slug\n                    );\n                    if (sub_category.slug == slug) {\n                      setSelectedBrand(\"\");\n                    }\n                  }}\n                  style={{\n                    display: \"flex\",\n                  }}\n                  className={\n                    \"category-item \" +\n                    (sub_category.slug == slug ? \"active\" : \"\") +\n                    \" \"\n                  }\n                >\n                  <Link\n                    to={\n                      (slugPrefix != undefined ? slugPrefix : \"\") +\n                      sub_category.slug\n                    }\n                  >\n                    <div\n                      className=\"img\"\n                      style={{ backgroundImage: `url(${sub_category.image})` ,zIndex:-1}}\n                    ></div>\n\n                    {sub_category.name.replace(/\\//g, \" \")}\n                  </Link>\n                </div>\n              );\n            })}\n          </Carousel>\n        );\n      })}\n    </div>\n  );\n}\n","import React,{useEffect,useState} from 'react'\nimport { useProductRequests } from '../../helpers/ProductRequests';\nimport { useHistory } from 'react-router-dom';\nimport Carousel from \"react-elastic-carousel\";\nimport useWindowDimensions from '../useWindowDimensions';\n\nexport default function BrandList({ setSelectedBrand, selectedBrand, slug, slugPrefix }) {\n  const carouselRef = React.useRef();\n  const { getBrands } = useProductRequests();\n  const [brands, setBrands] = useState([]);\n  const history = useHistory();\n  const width=useWindowDimensions().width;\n  useEffect(() => { \n    getBrands(window.location.href.indexOf(\"/marka\")==-1?slug:\"\")\n    .then((response) => {\n      setBrands(response.data.data);\n    })\n    .catch((error) => {\n    });\n  }, [slug]);\n  return (\n    <>\n      <div\n        style={{\n          width: \"100%\",\n          borderTopWidth: 2,\n          borderColor: \"#ddd\",\n          paddingTop: 10,\n          borderStyle: \"solid\",\n          paddingLeft: 30,\n          fontSize: 16,\n          fontWeight: \"bold\",\n          marginTop: 5,\n          marginBottom: 5,\n        }}\n      >\n        <>Markaya göre alışverişe başla</>\n      </div>\n      <Carousel\n        ref={carouselRef}\n        disableArrowsOnEnd={true} \n        pagination={false}\n        itemsToShow={width < 1140 ? 3 : width < 1300 ? 4 : 10}\n      >\n        {brands.map((item, index) => {\n          return (\n            <div\n              key={item.id}\n              onClick={() => {\n                setSelectedBrand(item.slug);\n              }}\n              style={{\n                display: \"flex\",\n                cursor: \"pointer\",\n                alignItems: \"center\",\n                height: 150,\n                width: 140,\n                textAlign: \"center\",\n                flexDirection: \"column\",\n              }}\n            >\n              <div\n                style={{\n                  backgroundSize: \"80%\",\n                  backgroundRepeat: \"no-repeat\",\n                  border:\n                    selectedBrand === item.slug\n                      ? \"3px solid #F27A1A\"\n                      : \"1px solid #F5F5F5\",\n                  borderRadius: 1000,\n                  background: \"#F5F5F5\",\n                  display: \"flex\",\n                  justifyContent: \"center\",\n                  alignItems: \"center\",\n                  backgroundPosition: \"center\",\n                  width: 110,\n                  height: 110,\n                  boxShadow:\n                    \"0px 0px \" +\n                    (selectedBrand === item.slug ? \"4\" : \"0\") +\n                    \"px #F27A1A\",\n                }}\n              >\n                <span\n                  className=\"brand-name\"\n                  style={{\n                    fontSize: 16,\n                    backgroundImage:'url('+item.image+')',\n                    backgroundRepeat: \"no-repeat\",\n                    width: \"100%\",\n                    border: \"1px solid #F5F5F5\",\n                    height: \"100%\",\n                    backgroundColor: \"#fff\",\n                    borderRadius: 1000,\n                    backgroundSize: \"90%\",\n                    backgroundPosition: \"center\",\n                    color: selectedBrand === item.slug ? \"#F27A1A\" : \"#000\",\n                    fontWeight: selectedBrand === item.slug ? \"bold\" : \"bold\",\n                  }}\n                >\n                </span>\n              </div>\n            </div>\n          );\n        })}\n      </Carousel>\n    </>\n  );\n}\n","import React,{useState,useRef,useLayoutEffect, useEffect} from 'react'\nimport Header from '../Navigation/Header'\nimport BottomNav from '../Navigation/Bottom'\nimport \"react-activity/dist/Sentry.css\";\nimport {ProductList,FilterContainer,ProductListTitle} from '../../styles/Product'\nimport Title from './Title';\nimport ProductItem from '../Product/ProductItem';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport { faSearch, faHome, faBorderAll, faList, faUser, faArrowAltCircleDown, faArrowDown, faSort, faAngleDown, faAngleUp, faCheck, faSortAmountDown, faSortAmountUp, faTh, faThLarge, faMinus, faPlus } from '@fortawesome/free-solid-svg-icons';\nimport { Sentry } from \"react-activity\";\nimport CategoryList from './Category/CategoryList';\nimport { Button } from '@mui/material';\nimport { useHistory,useLocation } from 'react-router-dom';\nimport { Menu } from '@headlessui/react'\nimport BrandList from './BrandList';\nimport ScrollToTop from 'react-scroll-to-top';\nimport { ReactComponent as MyTestSvg } from \"../../MyTestSvg.svg\";\nimport useWindowDimensions from '../useWindowDimensions';\nimport Footer from '../Navigation/Footer';\n\n\n\n\nexport default function Category({setSort,allData,setAllData,search,setSearch,setSelectedBrand,selectedBrand,slug,getNewProducts,getProducts,getSearchedProducts,products,setProducts,simpleCount,sort,variant=false}) {\n  \n  const [loading, setLoading] = useState(true);\n\n  const [grid,setGrid] = useState('grid')\n  \n  const width=useWindowDimensions().width\n  const listInnerRef = useRef();\n  \n\n  const [page,setPage]=useState(1)\n\n  const [goTopVisibility,setGoTopVisibility] = useState(false) \n\n  const onScroll = () => {\n    if (listInnerRef.current) {\n      const { scrollTop, scrollHeight, clientHeight } = listInnerRef.current;\n      if ( scrollHeight-(scrollTop + (clientHeight)) <=70  ) {\n    \n        getNewProducts(page+1,setLoading,search,setPage,sort!=undefined && sort!=null ? sort.sort : '',sort!=undefined && sort!=null ? sort.sortedBy : '')\n\n      }else{\n      \n      }\n      //if(scrollTop>280){\n      //  setGoTopVisibility(true)\n      //}else{\n      //  setGoTopVisibility(false)\n      //}\n\n      \n    }\n  };\n\n  useEffect(()=>{\n    if(products.length<1 && loading==false){\n      setLoading(true)\n      getProducts({\n        all: search,\n        brandSlug: selectedBrand,\n        sort: sort != undefined && sort != null ? sort.sort : \"\",\n        sortedBy: sort != undefined && sort != null ? sort.sortedBy : \"\",\n        count: 100,\n        groupSlug: window.location.href.indexOf(\"/marka\") == -1 ? slug : \"\",\n        page: page,\n      })\n        .then((res) => {\n          if (res.data.data.items && res.data.data.items.length < 1) {\n            setLoading(false);\n          } else {\n            setProducts(res.data.data.items);\n            setAllData(res.data.data);\n            setLoading(false);\n          }\n        })\n        .catch((err) => {\n          if (err.response != undefined) {\n            if (err.response.data.data == null) {\n              setLoading(false);\n            }\n          }\n          console.log(err.response);\n        });\n    }\n  },[products])\n\n  useEffect(()=>{\n    if(products.length<1){\n      return\n    }\n    setAllData([]);\n    setPage(1);\n    setProducts([]);\n    getProducts({\n      all: search,\n      brandSlug: selectedBrand,\n      sort: sort != undefined && sort != null ? sort.sort : \"\",\n      sortedBy: sort != undefined && sort != null ? sort.sortedBy : \"\",\n      count: 100,\n      groupSlug: window.location.href.indexOf(\"/marka\") == -1 ? slug : \"\",\n      page: 1,\n    })\n      .then((res) => {\n        if (res.data.data.items && res.data.data.items.length < 1) {\n          setLoading(false);\n        } else {\n          setProducts(res.data.data.items);\n          setAllData(res.data.data);\n          setLoading(false);\n        }\n      })\n      .catch((err) => {\n        if (err.response != undefined) {\n          if (err.response.data.data == null) {\n            setLoading(false);\n          }\n        }\n        console.log(err.response);\n      });\n    \n\n  },[selectedBrand])\n\n  useEffect(()=>{\n    setProducts([])\n    setAllData([])\n    setPage(1)\n    \n    setTimeout(() => {\n      window.scrollTo(0, 100);\n    }, 2000);\n  },[slug])\n\n  const handleSearch=(e)=>{\n    setSearch(e.target.value)\n  }\n\n  useEffect(()=>{\n    if(search.length>0){\n      setAllData([])\n      setProducts([]);\n      getSearchedProducts(setLoading,setPage,search,sort!=undefined && sort!=null ? sort.sort : '',sort!=undefined && sort!=null ? sort.sortedBy : '')\n    }else{\n      setPage(1)\n      setAllData([]);\n      setProducts([])\n      getNewProducts(1,setLoading,search,setPage,sort!=undefined && sort!=null ? sort.sort : '',sort!=undefined && sort!=null ? sort.sortedBy : '')\n    }\n  },[search,selectedBrand])\n\n  useEffect(()=>{\n    if(sort!=undefined && sort!=null && loading!=true ){\n      setAllData([]);\n      setPage(1);\n      setProducts([])\n      getProducts(1,setLoading,search,setPage)\n    }\n  },[sort])\n  \n\n  const [documentTitle, setDocumentTitle] = useState(\"Ürün Listesi\");\n  const [size, setSize] = useState(\n    localStorage.getItem(\"size\") != null\n      ? localStorage.getItem(\"size\") * 1\n      : 100\n  );\n\n  React.useEffect(() => {\n    var interval;\n\n    const handleVisibilityChange = () => {\n      if(!document.hidden){\n        setDocumentTitle(\"Ürün Listesi\");\n        clearInterval(interval);\n        document.title=\"Ürün Listesi\"\n        return;\n      }\n      interval=setInterval(() => {\n        document.title= document.hidden ? document.title==\"ÜRÜN LİSTESİNE\"?\"GERİ DÖN\":\"ÜRÜN LİSTESİNE\" : \"Ürün Listesi\";\n      }, 100);\n    };\n\n    // Set the initial title\n    document.title = document.hidden ? \"ÜRÜN LİSTESİNE GERİ DÖN\" : \"Ürün Listesi\";\n\n    // Add event listener for visibility change\n    document.addEventListener(\"visibilitychange\", handleVisibilityChange);\n\n    // Clean up the event listener when the component is unmounted\n    return () => {\n      document.removeEventListener(\"visibilitychange\", handleVisibilityChange);\n    };\n  }, [slug]);\n\n  const history=useHistory()\n  const location=useLocation()\n  const [filterOpen,setFilterOpen]=useState(false)\n  React.useEffect(() => {\n    localStorage.setItem(\"size\", size + \"\");\n  }, [size]);\n  return (\n    <div className={\"unlimited-scroll\" + (variant == false ? \"\" : \" variant\")}>\n      {variant == false && <Header />}\n      {window.location.href.indexOf(\"search/\") == -1 && variant == false ? (\n        <BrandList\n          slugPrefix={\"/kategori/\"}\n          slug={slug}\n          setSelectedBrand={setSelectedBrand}\n          selectedBrand={selectedBrand}\n        />\n      ) : (\n        <></>\n      )}\n\n      {location.pathname != \"/yeni-urunler\" && variant == false ? (\n        <CategoryList\n          slugPrefix={\"/kategori/\"}\n          slug={slug}\n          setSelectedBrand={setSelectedBrand}\n          selectedBrand={selectedBrand}\n        />\n      ) : (\n        <></>\n      )}\n\n      <div className={\"content-container \"}>\n        <div className=\"productList-parent\">\n          {variant == false ? (\n            <>\n              <div className=\"filter-buttons\">\n                <div className=\"filters\">\n                  <div\n                    onClick={() =>\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                    <span>\n                      {sort.sort == \"DATE\"\n                        ? sort.sortedBy == \"DESC\"\n                          ? \"Yeni\"\n                          : \"Eski\"\n                        : \"Yeni\"}{\" \"}\n                      Ürünler\n                    </span>\n                    {sort != null && sort.sort == \"DATE\" ? (\n                      <span className=\"icon\">\n                        <FontAwesomeIcon\n                          icon={\n                            sort.sortedBy == \"DESC\" ? faAngleDown : faAngleUp\n                          }\n                        />\n                      </span>\n                    ) : (\n                      <></>\n                    )}\n                  </div>\n\n                  <div\n                    onClick={() =>\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                    <span>\n                      Fiyata Göre\n                      {sort.sort == \"PRICE\"\n                        ? sort.sortedBy == \"DESC\"\n                          ? \"(Azalan)\"\n                          : \"(Artan)\"\n                        : \"\"}\n                    </span>\n                    {sort != null && sort.sort == \"PRICE\" ? (\n                      <span className=\"icon\">\n                        <FontAwesomeIcon\n                          icon={\n                            sort.sortedBy == \"DESC\" ? faAngleDown : faAngleUp\n                          }\n                        />\n                      </span>\n                    ) : (\n                      <></>\n                    )}\n                  </div>\n                  <div\n                    onClick={() =>\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                    <span>\n                      Mevcuta Göre\n                      {sort.sort == \"STOCK\"\n                        ? sort.sortedBy == \"DESC\"\n                          ? \"(Azalan)\"\n                          : \"(Artan)\"\n                        : \"\"}\n                    </span>\n                    {sort != null && sort.sort == \"STOCK\" ? (\n                      <span className=\"icon\">\n                        <FontAwesomeIcon\n                          icon={\n                            sort.sortedBy == \"DESC\" ? faAngleDown : faAngleUp\n                          }\n                        />\n                      </span>\n                    ) : (\n                      <></>\n                    )}\n                  </div>\n\n                  <div\n                    onClick={() =>\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                    <span>\n                      En Çok Satan\n                      {sort.sort == \"TOPSALES\"\n                        ? sort.sortedBy == \"DESC\"\n                          ? \"(Azalan)\"\n                          : \"(Artan)\"\n                        : \"\"}\n                    </span>\n                    {sort != null && sort.sort == \"TOPSALES\" ? (\n                      <span className=\"icon\">\n                        <FontAwesomeIcon\n                          icon={\n                            sort.sortedBy == \"DESC\" ? faAngleDown : faAngleUp\n                          }\n                        />\n                      </span>\n                    ) : (\n                      <></>\n                    )}\n                  </div>\n                </div>\n                <div className=\"filters-mobile\">\n                  <button onClick={() => setFilterOpen(!filterOpen)}>\n                    <FontAwesomeIcon\n                      icon={sort.sortedBy == \"DESC\" ? faAngleDown : faAngleUp}\n                      style={{ marginRight: 10 }}\n                    />{\" \"}\n                    {sort.name}\n                    <div\n                      className=\"mobile-filter-list\"\n                      style={{ display: filterOpen != true ? \"none\" : \"unset\" }}\n                    >\n                      <div\n                        onClick={() =>\n                          setSort({\n                            sort: \"RANDOM\",\n                            sortedBy: \"\",\n                            name: \"Keşfet\",\n                          })\n                        }\n                        className=\"item\"\n                      >\n                        {sort.sort == \"RANDOM\" ? (\n                          <>\n                            <FontAwesomeIcon icon={faCheck} />{\" \"}\n                          </>\n                        ) : (\n                          \"\"\n                        )}\n                        Keşfet\n                      </div>\n                      <div\n                        onClick={() =>\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                            <FontAwesomeIcon icon={faCheck} />{\" \"}\n                          </>\n                        ) : (\n                          \"\"\n                        )}\n                        Yeni Ürünler\n                      </div>\n                      <div\n                        onClick={() =>\n                          setSort({\n                            sort: \"DATE\",\n                            sortedBy: \"ASC\",\n                            name: \"Eski Ürünler\",\n                          })\n                        }\n                        className=\"item\"\n                      >\n                        {sort.sortedBy == \"ASC\" && sort.sort == \"DATE\" ? (\n                          <>\n                            <FontAwesomeIcon icon={faCheck} />{\" \"}\n                          </>\n                        ) : (\n                          \"\"\n                        )}\n                        Eski Ürünler\n                      </div>\n                      <div\n                        onClick={() =>\n                          setSort({\n                            sort: \"PRICE\",\n                            sortedBy: \"ASC\",\n                            name: \"Artan Fiyat\",\n                          })\n                        }\n                        className=\"item\"\n                      >\n                        {sort.sortedBy == \"ASC\" && sort.sort == \"PRICE\" ? (\n                          <>\n                            <FontAwesomeIcon icon={faCheck} />{\" \"}\n                          </>\n                        ) : (\n                          \"\"\n                        )}\n                        Artan Fiyat\n                      </div>\n                      <div\n                        onClick={() =>\n                          setSort({\n                            sort: \"PRICE\",\n                            sortedBy: \"DESC\",\n                            name: \"Azalan Fiyat\",\n                          })\n                        }\n                        className=\"item\"\n                      >\n                        {sort.sortedBy == \"DESC\" && sort.sort == \"PRICE\" ? (\n                          <>\n                            <FontAwesomeIcon icon={faCheck} />{\" \"}\n                          </>\n                        ) : (\n                          \"\"\n                        )}\n                        Azalan Fiyat\n                      </div>\n                      <div\n                        onClick={() =>\n                          setSort({\n                            sort: \"STOCK\",\n                            sortedBy: \"DESC\",\n                            name: \"Azalan Mevcut\",\n                          })\n                        }\n                        className=\"item\"\n                      >\n                        {sort.sortedBy == \"DESC\" && sort.sort == \"STOCK\" ? (\n                          <>\n                            <FontAwesomeIcon icon={faCheck} />{\" \"}\n                          </>\n                        ) : (\n                          \"\"\n                        )}\n                        Azalan Mevcut\n                      </div>\n                      <div\n                        onClick={() =>\n                          setSort({\n                            sort: \"STOCK\",\n                            sortedBy: \"ASC\",\n                            name: \"Artan Mevcut\",\n                          })\n                        }\n                        className=\"item\"\n                      >\n                        {sort.sortedBy == \"ASC\" && sort.sort == \"STOCK\" ? (\n                          <>\n                            <FontAwesomeIcon icon={faCheck} />{\" \"}\n                          </>\n                        ) : (\n                          \"\"\n                        )}\n                        Artan Mevcut\n                      </div>\n                      <div\n                        onClick={() =>\n                          setSort({\n                            sort: \"TOPSALES\",\n                            sortedBy: \"DESC\",\n                            name: \"En Çok Satan\",\n                          })\n                        }\n                        className=\"item\"\n                      >\n                        {sort.sortedBy == \"DESC\" && sort.sort == \"TOPSALES\" ? (\n                          <>\n                            <FontAwesomeIcon icon={faCheck} />{\" \"}\n                          </>\n                        ) : (\n                          \"\"\n                        )}\n                        En Çok Satan\n                      </div>\n                    </div>\n                  </button>\n                </div>\n                <div\n                  className=\"grids\"\n                  style={{\n                    width: \"100%\",\n                    justifyContent: \"flex-end\",\n                    alignItems: \"center\",\n                    marginTop: 15,\n                  }}\n                >\n                  {width < 1140 ? (\n                    <div\n                      style={{ paddingLeft: 0, marginRight: -30, zIndex: 10 }}\n                    >\n                      <FontAwesomeIcon\n                        onClick={() =>\n                          setGrid(grid == \"list\" ? \"grid\" : \"list\")\n                        }\n                        icon={grid == \"list\" ? faList : faThLarge}\n                      />\n                    </div>\n                  ) : (\n                    <>\n                      <div\n                        style={{\n                          width: 100,\n                          display: \"flex\",\n                          justifyContent: \"space-around\",\n                          alignItems: \"center\",\n                          backgroundColor: \"#eee\",\n                          paddig: \"5px 10px\",\n                          borderRadius: 5,\n                          userSelect: \"none\",\n                          padding: 5,\n                        }}\n                      >\n                        <FontAwesomeIcon\n                          icon={faMinus}\n                          onClick={() =>\n                            setSize(\n                              size - 20 > 0 ? size - (size > 140 ? 70 : 20) : 20\n                            )\n                          }\n                          style={{ cursor: \"pointer\" }}\n                        />\n                        {/* {size} */}\n                        <FontAwesomeIcon\n                          icon={faPlus}\n                          onClick={() => setSize(size + (size > 140 ? 70 : 30))}\n                          style={{ cursor: \"pointer\" }}\n                        />\n                      </div>\n                    </>\n                  )}\n                  <div>\n                    {allData != null &&\n                    allData.currentPage != null &&\n                    allData.count != null ? (\n                      <div className=\"count\" style={{ fontSize: 12 }}>\n                        {/* {allData.count * allData.currentPage} /{\" \"} */}\n                        {allData.totalCount} Ürün\n                      </div>\n                    ) : (\n                      <></>\n                    )}\n                  </div>\n                </div>\n              </div>\n            </>\n          ) : (\n            <></>\n          )}\n\n          <ProductList\n            width={width}\n            size={variant == false ? size : 100}\n            ref={listInnerRef}\n            className={` product-${grid}`}\n          >\n            {/*  */}\n\n            {products.map((product, index) => {\n              return (\n                <React.Fragment\n                  key={\n                    \"key-item-isdf\" +\n                    Math.floor(Math.random() * 10100) +\n                    (product.id + \"id\") +\n                    product.slug\n                  }\n                >\n                  <ProductItem\n                    product={product}\n                    grid={grid}\n                    variant={variant}\n                  />\n                </React.Fragment>\n              );\n            })}\n            {allData != null &&\n            allData.currentPage != null &&\n            variant == false &&\n            allData.count != null ? (\n              <div\n                style={{\n                  width: \"100%\",\n                  display: \"flex\",\n                  justifyContent: \"center\",\n                }}\n              >\n                Toplam {allData.currentPage * allData.count} /{\" \"}\n                {allData.totalCount} Ürün\n              </div>\n            ) : (\n              <></>\n            )}\n            {variant == false && (\n              <Title\n                text={\n                  <>\n                    {loading ? (\n                      <>{/* <Sentry color={\"#a30711\"} size={130} /> */}</>\n                    ) : products.length > 0 ? (\n                      <div\n                        onClick={onScroll}\n                        style={{\n                          color: \"#000\",\n                          cursor: \"pointer\",\n                          fontSize: 22,\n                        }}\n                      ></div>\n                    ) : (\n                      <div\n                        style={{\n                          color: \"#000\",\n                          cursor: \"pointer\",\n                          fontSize: 22,\n                        }}\n                      >\n                        Ürün bulunamadı\n                      </div>\n                    )}\n                  </>\n                }\n              />\n            )}\n            {variant == false ? (\n              <div\n                onClick={onScroll}\n                style={{\n                  color: \"#ffff\",\n                  padding: \"5px 55px\",\n                  marginBottom: 40,\n                  borderRadius: 100,\n                  background: \"#F27A1A\",\n                  textAlign: \"center\",\n                  cursor: \"pointer\",\n                  fontSize: 22,\n                }}\n              >\n                {loading ? <Sentry /> : <>Daha Fazla Ürün Göster</>}\n              </div>\n            ) : loading == true ? (\n              <Sentry size={250} color=\"#F27A1A\" />\n            ) : (\n              <></>\n            )}\n          </ProductList>\n        </div>\n      </div>\n\n      {variant == false && <BottomNav />}\n      {variant == false && <Footer />}\n    </div>\n  );\n}\n","import React,{useState} from 'react'\nimport SubItem from './SubItem'\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\nimport { faMinus, faPlus, faCheck, faAngleDown, faAngleUp } from '@fortawesome/free-solid-svg-icons';\nexport default function CategoryItem({ category, slug, selected, setSelected, categoryMode =true,dispatch}) {\n  const [open, setOpen] = useState(\n    slug == category.slug ||\n      category.subGroups.filter((x) => x.slug == slug).length > 0\n      ? true\n      : false\n  );\n\n  React.useEffect(() => {\n    try {\n      if (open) {\n        if (\n          selected.filter(\n            (x) => category.subGroups.filter((y) => y.slug == x).length > 0\n          ).length == 0 &&\n          !selected.includes(category.slug)\n        ) {\n          dispatch(setSelected([...selected, category.slug]));\n        } else if (selected.includes(category.slug)) {\n          dispatch(setSelected(selected.filter((x) => x != category.slug)));\n        }\n      } else {\n        if (\n          selected.filter(\n            (x) => category.subGroups.filter((y) => y.slug == x).length > 0\n          ).length == 0 &&\n          selected.includes(category.slug)\n        ) {\n          dispatch(setSelected(selected.filter((x) => x != category.slug)));\n        }\n      }\n    } catch (error) {\n      console.log(error) \n    }\n  },[open])\n\n  return (\n    <>\n      <div\n        onClick={() => setOpen(!open)}\n        className={\"category-item \" + (open ? \"open\" : \"\")}\n      >\n        <span onClick={() => setOpen(!open)}>\n          <FontAwesomeIcon icon={faAngleDown} />\n        </span>\n        <span>\n          {/* {category.name.replace(\n            category.name.split(\" \")[0],\n            \"\"\n          )} */}\n          {category.name}\n        </span>\n        <span>\n          {/* {category.name.split(\" \")[0]} */}\n        </span>\n      </div>\n      {/* <div onClick={() => setSelected(category.subGroups.map((sub) => sub.slug))}  className=\"category-sub-item\" style={{ display: open ? \"flex\" : \"none\" }}> \n        <span className=\"check-box\">\n          <FontAwesomeIcon icon={faCheck} />\n        </span>\n        <div className=\"name\">Tümünü Seç</div>\n      </div> */}\n      <div >\n        {category.subGroups\n          .filter((x) => selected.includes(x.slug))\n          .map((sub) => {\n            return (\n              <SubItem\n                key={\"sub-item-\" + sub.slug}\n                dispatch={dispatch}\n                selected={selected}\n                setSelected={setSelected}\n                open={open}\n                category={sub}\n                parent={category}\n              />\n            );\n          })}\n        {category.subGroups\n          .filter((x) => !selected.includes(x.slug))\n          .map((sub) => {\n            return (\n              <SubItem\n                key={\"sub-item-\" + sub.slug}\n                selected={selected}\n                dispatch={dispatch}\n                setSelected={setSelected}\n                open={open}\n                category={sub}\n                parent={category}\n              />\n            );\n          })}\n      </div>\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    <div\n      onClick={() => {\n       try {\n         if (selected.includes(category.slug)) {\n           dispatch(\n             setSelected(selected.filter((item) => item != category.slug))\n           );\n         } else {\n           dispatch(\n             setSelected([\n               ...selected.filter((x) => x != parent.slug),\n               category.slug,\n             ])\n           );\n         }\n       } catch (error) {\n        console.log(error)\n       }\n      }}\n      className={\"category-sub-item \"}\n      style={{ display: open ? \"flex\" : \"none\" }}\n    >\n      <span\n        className={\n          \"check-box \" + (selected.includes(category.slug) ? \"checked\" : \"\")\n        }\n      >\n        <span>\n          <FontAwesomeIcon icon={faCheck} />\n        </span>\n      </span>\n      <div className=\"name\">\n        <span>\n          {category.name\n            }\n          {/* {category.name\n            .replace(/\\s+$/, \"\")\n            .replace(category.name.split(\" \")[0], \"\")} */}\n        </span>\n        <span style={{ fontSize: 12 }}>({category.productCount})</span>\n      </div>\n    </div>\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            height: 160px;\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      display: none;\n    }\n    .list {\n      display: none;\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 } 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 { 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    <li key={\"cart-item-\" + item.id}>\n      <div>\n        <img\n          onClick={() => 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      </div>\n      <div className=\"removeItem\" onClick={() => decrement(item, true)}>\n        <FontAwesomeIcon icon={faTrash} />\n      </div>\n      <div className=\"item-name\">\n        <h1>\n          {item.title}\n          <span>\n            Mevcut : {item.availableStock > 80 ? \"80+\" : item.availableStock}\n          </span>\n        </h1>\n        <h2>\n          <Currency>{item.price}</Currency> + KDV\n        </h2>\n      </div>\n      <div className=\"item-quantity\">\n        <div>\n          Koli : <span>x{item.quantity}</span>\n        </div>\n        <div>\n          Çift : <span>x{item.quantity * item.unit2coefficient}</span>\n        </div>\n      </div>\n      <div className=\"button-list-web\">\n        <div\n          onClick={() => decrement(item, item.quantity == 1 ? true : false)}\n          className={`btn-web ${item.quantity == 1 ? \" \" : \"\"}`}\n        >\n          <FontAwesomeIcon icon={item.quantity == 1 ? faTrashAlt : faMinus} />{\" \"}\n        </div>\n        <input type=\"text\" onChange={handleChange} value={count} />\n        <div\n          onClick={() => {\n            if (count < item.availableStock / item.unit2coefficient) {\n              increment(item, 1);\n            }\n          }}\n          className=\"btn-web\"\n        >\n          <FontAwesomeIcon\n            icon={faPlus}\n            style={{\n              color:\n                count == item.availableStock / item.unit2coefficient\n                  ? \"#ddd\"\n                  : \"unset\",\n            }}\n          />{\" \"}\n        </div>\n      </div>\n    </li>\n  );\n  \n}\n","import React,{useState,useEffect} from 'react'\nimport {Login} from '../../styles/Auth'\nimport Box from '@mui/material/Box';\n\nimport { LoadingButton } from '@mui/lab';\nimport {  styled } from '@mui/material/styles';\nimport TextField from '@mui/material/TextField';\nimport { useHistory } from 'react-router';\n\nimport { useDispatch,useSelector } from 'react-redux'\nimport { loginChange,setCustomer } from '../stores/Auth';\n\nimport { useAuthRequests } from '../../helpers/AuthRequests';\nimport { Link } from 'react-router-dom';\n\nexport default function RegisterForm() {\n  \n  const {registerRequest} = useAuthRequests()\n\n  const dispatch = useDispatch()\n\n  const {login} = useSelector(state => state.auth)\n\n\n\n  const [company,setCompany] = useState('')\n  const [name, setName] = useState(\"\");\n  const [guarantorName, setGuarantorName] = useState(\"\");\n  const [guarantorPhoneNumber, setGuarantorPhoneNumber] = useState(\"\");\n  const [surname,setSurname] = useState('')\n  const [address,setAddress] = useState('')\n  const [phoneNumber,setPhoneNumber] = useState('')\n  const [phoneNumber2,setPhoneNumber2] = useState('')\n  const [email,setEmail] = useState('')\n  \n  const [password,setPassword] = useState('')\n\n  const [checked,setChecked] = useState(false)\n\n  const [loading,setLoading] = useState(false)\n\n  const [error,setError] = useState('')\n  const [success,setSuccess] = useState('')\n\n  const history=useHistory()\n\n  const RedditTextField = styled((props) => (<TextField InputProps={{ disableUnderline: true }} {...props} />))(({ theme }) => ({}));\n\n  const sendRegister=async(e)=>{\n    e.preventDefault();\n    if(loading){\n      return\n    }else if(email=='' || email.length<5 || name.length<2 || surname.length<2 || company.length<5 ||  phoneNumber.length<5 || address.length<5   ){\n      setError('Tüm alanları doldurunuz.')\n    }else{\n      setLoading(true)\n\n      registerRequest(email,name,surname,company,phoneNumber,phoneNumber2,address,guarantorName,guarantorPhoneNumber)\n      .then( async(response)=> {\n        setEmail('')\n        setPhoneNumber(0)\n        setPhoneNumber2(0)\n        setAddress('')\n        setName('')\n        setSurname('')\n        setCompany('')\n        setChecked(false)\n        setError('')\n        setSuccess(response.data.message+' Giriş syafasına  yönlendiriliyorsunuz.')\n        \n        setTimeout(() => {\n          history.push('/giris-yap')\n        }, 1000);\n\n      })\n      .catch( (error)=> {\n        console.log(error)\n        console.log(error.response)\n        setError(error.response.data.message)\n        setLoading(false)\n      })\n\n      \n\n    }\n\n    \n  }\n \n  return (\n    <Login>\n      <form onSubmit={sendRegister}>\n        <Box\n          sx={{\n            display: \"flex\",\n            alignItems: \"center\",\n            \"& > :not(style)\": { m: 1 },\n          }}\n        >\n          <TextField\n            label=\"Ticari Ünvan\"\n            value={company}\n            onChange={(e) => setCompany(e.target.value)}\n            variant=\"filled\"\n            type=\"text\"\n            style={{ marginTop: 11 }}\n          />\n        </Box>\n\n        <Box\n          sx={{\n            display: \"flex\",\n            alignItems: \"center\",\n            \"& > :not(style)\": { m: 1 },\n          }}\n        >\n          <TextField\n            label=\"Ad\"\n            value={name}\n            onChange={(e) => setName(e.target.value)}\n            variant=\"filled\"\n            type=\"text\"\n            style={{ marginTop: 11 }}\n          />\n        </Box>\n\n        <Box\n          sx={{\n            display: \"flex\",\n            alignItems: \"center\",\n            \"& > :not(style)\": { m: 1 },\n          }}\n        >\n          <TextField\n            label=\"Soyad\"\n            value={surname}\n            onChange={(e) => setSurname(e.target.value)}\n            variant=\"filled\"\n            type=\"text\"\n            style={{ marginTop: 11 }}\n          />\n        </Box>\n\n        <Box\n          sx={{\n            display: \"flex\",\n            alignItems: \"center\",\n            \"& > :not(style)\": { m: 1 },\n          }}\n        >\n          <TextField\n            label=\"Adres\"\n            value={address}\n            onChange={(e) => setAddress(e.target.value)}\n            variant=\"filled\"\n            type=\"text\"\n            style={{ marginTop: 11 }}\n          />\n        </Box>\n\n        <Box\n          sx={{\n            display: \"flex\",\n            alignItems: \"center\",\n            \"& > :not(style)\": { m: 1 },\n          }}\n        >\n          <TextField\n            label=\"Telefon 1\"\n            value={phoneNumber}\n            onChange={(e) => setPhoneNumber(e.target.value)}\n            variant=\"filled\"\n            type=\"number\"\n            style={{ marginTop: 11 }}\n          />\n        </Box>\n\n        <Box\n          sx={{\n            display: \"flex\",\n            alignItems: \"center\",\n            \"& > :not(style)\": { m: 1 },\n          }}\n        >\n          <TextField\n            label=\"Referans Adı\"\n            value={guarantorName}\n            onChange={(e) => setGuarantorName(e.target.value)}\n            variant=\"filled\"\n            type=\"text\"\n            style={{ marginTop: 11 }}\n          />\n        </Box>\n\n        <Box\n          sx={{\n            display: \"flex\",\n            alignItems: \"center\",\n            \"& > :not(style)\": { m: 1 },\n          }}\n        >\n          <TextField\n            label=\"Referans Telefon\"\n            value={guarantorPhoneNumber}\n            onChange={(e) => setGuarantorPhoneNumber(e.target.value)}\n            variant=\"filled\"\n            type=\"number\"\n            style={{ marginTop: 11 }}\n          />\n        </Box>\n\n        {/* <Box sx={{ display: 'flex',alignItems: 'center','& > :not(style)': { m: 1 },}}>\n          <TextField  label=\"Telefon 2\"  value={phoneNumber2} onChange={(e)=>setPhoneNumber2(e.target.value)}  variant=\"filled\" type=\"number\" style={{ marginTop: 11 }}/>\n        </Box> */}\n\n        <Box\n          sx={{\n            display: \"flex\",\n            alignItems: \"center\",\n            \"& > :not(style)\": { m: 1 },\n          }}\n        >\n          <TextField\n            label=\"E Posta\"\n            value={email}\n            onChange={(e) => setEmail(e.target.value)}\n            variant=\"filled\"\n            type=\"email\"\n            style={{ marginTop: 11 }}\n          />\n        </Box>\n\n        <label>\n          {/* <Checkbox checked={checked} onChange={()=>setChecked(!checked)} {...label}  /> Beni hatırla */}\n        </label>\n        {error != \"\" && (\n          <Box\n            sx={{\n              display: \"flex\",\n              alignItems: \"center\",\n              \"& > :not(style)\": { m: 1 },\n            }}\n          >\n            {\" \"}\n            <div className=\"error-area\">{error}</div>{\" \"}\n          </Box>\n        )}\n        {success != \"\" && (\n          <Box\n            sx={{\n              display: \"flex\",\n              alignItems: \"center\",\n              \"& > :not(style)\": { m: 1 },\n            }}\n          >\n            {\" \"}\n            <div className=\"success-area\">{success}</div>{\" \"}\n          </Box>\n        )}\n        <LoadingButton\n          loading={loading}\n          type=\"submit\"\n          variant=\"contained\"\n          className=\"authBtn\"\n        >\n          Kayıt Başvurusu Gönder\n        </LoadingButton>\n\n        <div className=\"form-navigator\">\n          <Link style={{ color: \"#000\" }} to=\"/giris-yap\">\n            Giriş Yap\n          </Link>\n          {/* <Link to=\"/sifremi-unuttum\" >Şifremi Unuttum</Link>   */}\n        </div>\n      </form>\n    </Login>\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 { Sentry } from \"react-activity\";\n\nexport default function Variant({slug}) {\n  const [search, setSearch] = useState(\"\");\n\n  const [products, setProducts] = useState([]);\n  const [totalPage, setTotalPage] = useState(-1);\n  const [sort, setSort] = useState({ sort: \"DATE\", sortedBy: \"DESC\" });\n  const [selectedBrand, setSelectedBrand] = useState(\"\");\n  const [allData, setAllData] = useState(null);\n\n  const { getProducts } = useProductRequests();\n\n  const getNewProducts = async (\n    newpage,\n    setLoading,\n    search,\n    setPage,\n    sort = \"\",\n    sortedBy = \"\"\n  ) => {\n    if (totalPage != -1 && totalPage < newpage) {\n      setLoading(false);\n      return;\n    }\n    setLoading(true);\n    getProducts({\n      sort: sort,\n      sortedBy: sortedBy,\n      count: 100,\n      variantsOfCode:true,\n      productCode:slug,\n      page: 1,\n    })\n      .then(async (response) => {\n        setTotalPage(response.data.totalPage);\n        setLoading(false);\n        if (response.data.data.items && response.data.data.items.length < 1) {\n        } else {\n          setPage(newpage);\n          setProducts([...products, ...response.data.data.items]);\n          setAllData(response.data.data);\n        }\n      })\n      .catch((err) => {\n        if (err.response != undefined) {\n          if (err.response.data.data == null) {\n            setLoading(false);\n          }\n        }\n      });\n  };\n\n  \n  return (\n    <>\n      \n        <ProductList\n        variant={true}\n        setSelectedBrand={setSelectedBrand}\n        selectedBrand={selectedBrand}\n        slug={slug}\n        getNewProducts={getNewProducts}\n        getSearchedProducts={()=>{}}\n        products={products}\n        search={search}\n        allData={allData}\n        setAllData={setAllData}\n        setSearch={setSearch}\n        setProducts={setProducts}\n        getProducts={getProducts}\n        sort={sort}\n\n        setSort={setSort}\n      />\n     \n    </>\n  );\n}\n","var _path, _path2;\n\nvar _excluded = [\"title\", \"titleId\"];\n\nfunction _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nimport * as React from \"react\";\n\nfunction SvgMyTestSvg(_ref, svgRef) {\n  var title = _ref.title,\n      titleId = _ref.titleId,\n      props = _objectWithoutProperties(_ref, _excluded);\n\n  return /*#__PURE__*/React.createElement(\"svg\", _extends({\n    xmlns: \"http://www.w3.org/2000/svg\",\n    width: 44,\n    height: 34,\n    viewBox: \"0 0 64 64\",\n    fill: \"none\",\n    ref: svgRef,\n    \"aria-labelledby\": titleId\n  }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n    id: titleId\n  }, title) : null, _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n    d: \"M32 2.75C26.2149 2.75 20.5597 4.46548 15.7496 7.67951C10.9394 10.8935 7.1904 15.4618 4.97654 20.8065C2.76267 26.1512 2.18343 32.0324 3.31204 37.7064C4.44066 43.3803 7.22645 48.5922 11.3171 52.6829C15.4078 56.7736 20.6197 59.5594 26.2936 60.688C31.9676 61.8166 37.8488 61.2373 43.1935 59.0235C48.5382 56.8096 53.1065 53.0606 56.3205 48.2504C59.5345 43.4403 61.25 37.7851 61.25 32C61.2421 24.2449 58.1578 16.8096 52.6741 11.3259C47.1904 5.84218 39.7552 2.75794 32 2.75V2.75ZM32 58.75C26.7094 58.75 21.5375 57.1811 17.1385 54.2418C12.7395 51.3025 9.31088 47.1247 7.28624 42.2368C5.26159 37.3489 4.73185 31.9703 5.76401 26.7813C6.79616 21.5923 9.34385 16.8259 13.0849 13.0849C16.826 9.34384 21.5924 6.79615 26.7813 5.76399C31.9703 4.73184 37.3489 5.26158 42.2368 7.28622C47.1247 9.31087 51.3025 12.7395 54.2418 17.1385C57.1812 21.5375 58.75 26.7093 58.75 32C58.7421 39.0921 55.9212 45.8915 50.9063 50.9063C45.8915 55.9212 39.0921 58.7421 32 58.75V58.75Z\",\n    fill: \"black\"\n  })), _path2 || (_path2 = /*#__PURE__*/React.createElement(\"path\", {\n    d: \"M50.81 34.8999L35 19.0899C34.6062 18.6956 34.1386 18.3829 33.6238 18.1694C33.1091 17.956 32.5573 17.8462 32 17.8462C31.4428 17.8462 30.891 17.956 30.3762 18.1694C29.8615 18.3829 29.3938 18.6956 29 19.0899L13.19 34.8999C12.7957 35.2937 12.483 35.7614 12.2695 36.2761C12.0561 36.7909 11.9463 37.3427 11.9463 37.8999C11.9463 38.4572 12.0561 39.009 12.2695 39.5237C12.483 40.0385 12.7957 40.5061 13.19 40.8999C13.9866 41.6938 15.0654 42.1395 16.19 42.1395C17.3146 42.1395 18.3934 41.6938 19.19 40.8999L30.76 29.3399C31.0897 29.0126 31.5354 28.8289 32 28.8289C32.4646 28.8289 32.9103 29.0126 33.24 29.3399L44.8 40.9099C45.5979 41.7014 46.6762 42.1454 47.8 42.1454C48.9238 42.1454 50.0021 41.7014 50.8 40.9099C51.1943 40.5161 51.5071 40.0485 51.7205 39.5337C51.9339 39.019 52.0438 38.4672 52.0438 37.9099C52.0438 37.3527 51.9339 36.8009 51.7205 36.2861C51.5071 35.7714 51.1943 35.3037 50.8 34.9099L50.81 34.8999Z\",\n    fill: \"black\"\n  })));\n}\n\nvar ForwardRef = /*#__PURE__*/React.forwardRef(SvgMyTestSvg);\nexport default __webpack_public_path__ + \"static/media/MyTestSvg.8c57ec48.svg\";\nexport { ForwardRef as ReactComponent };","import React from 'react'\nimport {NotFoundContainer} from '../styles/Content'\nexport default function NotFound() {\n  return (\n    <NotFoundContainer>\n      <div className=\"fon\">\n        <div className=\"horizon\"><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div></div>\n      <div className=\"hill\"></div>\n\n      <span className=\"not-found\">Sayfa Bulunamadı</span>\n      <span className=\"page-404\">Hata 404</span>\n      <div className=\"moon-sky\"></div>\n      <div className=\"satellite\">☄</div>\n        <div className=\"meteores\">\n                    <div></div>\n                    <div></div>\n                    <div></div>\n                  </div>\n      <div className=\"cosmos-star\">\n        <div></div>\n      <div></div>\n      <div></div>\n      <div></div>\n      <div></div>\n      <div></div>\n      <div></div>\n      <div></div>\n      </div>\n      <div className=\"my-cat\">\n          <div className=\"ear-l\">\n              <div className=\"ear-fur-l\"></div>\n          </div>\n          <div className=\"ear-r\">\n              <div className=\"ear-fur-r\"></div>\n          </div>\n      <div className=\"head-cat\">\n        <div className=\"tabby-cat\"></div>\n        <div className=\"tabby-cat-1\"></div>\n        <div className=\"tabby-cat-2\"></div>\n          <div className=\"eye-l\">\n              <div className=\"eye-lz\"></div>\n          </div>\n          <div className=\"cat-nose\"></div>\n          <div className=\"eye-r\">\n              <div className=\"eye-rz\"></div>\n          </div> \n          <div className=\"muzzle-cat\"></div>\n        <div className=\"\tjaws-cat\"></div>\n        <div className=\"whiskers\">\n          <div></div>\n          <div></div>\n          <div></div>\n          <div></div>\n          <div></div>\n          <div></div>\n        </div>\n      </div>\n        <div className=\"body-cat\"></div>\n        <div className=\"body-cat-1\"></div>\n        <div className=\"paw-cat-l\"><div></div></div>\n        <div className=\"paw-cat-r\"><div></div></div>\n        <div className=\"tail-cat\"></div>\n      </div>\n      <div className=\"rock\">\n      <div className=\"rock-mountain_1\"></div>\n      <div className=\"rock-mountain_s_1\"></div>\n      <div className=\"rock-mountain_2\"></div>\n      <div className=\"rock-mountain_s_2\"></div>\n      <div className=\"rock-mountain_3\"></div>\n      <div className=\"rock-mountain_s_3\"></div>\n      </div>\n      </div>\n    </NotFoundContainer>\n  )\n}\n","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 } 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 { 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    if (remove) {\n      const basket = await cart.filter((sub) => {\n        return sub.id !== item.id;\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.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      decrementCart(item.id, 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    <li key={\"cart-item-mobile \" + item.id}>\n      <div className=\"item\" onClick={() => history.push(`/urun/${item.slug}`)}>\n        <div className=\"img\">\n          <img src={item.image} alt=\"Görsel\" />\n        </div>\n        <div\n          className=\"name\"\n          onClick={() => history.push(`/urun/${item.slug}`)}\n        >\n          <div className=\"title\">{item.title}</div>\n          <div className=\"available\">\n            Mevcut : {item.availableStock > 80 ? \"80+\" : item.availableStock}\n          </div>\n          <div className=\"desc\">\n            ( <span>x{item.quantity}</span> Koli /{\" \"}\n            <span>x{item.quantity * item.unit2coefficient}</span> Çift )\n          </div>\n        </div>\n      </div>\n      <div className=\"price-box\">\n        <div className=\"button-list\">\n          <div className=\"btn\">\n            <div className=\"decrement\">\n              <FontAwesomeIcon\n                icon={count == 1 ? faTrashAlt : faMinus}\n                onClick={() => {\n                  if (count == 1) {\n                    decrement(item, true);\n                  } else {\n                    decrement(item);\n                  }\n                }}\n              />\n            </div>\n            <input type={\"number\"} value={count} />\n            <div className=\"increment\">\n              <FontAwesomeIcon icon={faPlus} onClick={() => increment(item)} />\n            </div>\n          </div>\n        </div>\n        <div className=\"price\">\n          <Currency>{item.salePrice}</Currency>\n        </div>\n      </div>\n    </li>\n  );\n}\n","import React, { useState, useEffect } from \"react\";\n\nimport { CartContainer } from \"../../styles/Cart\";\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\nimport {\n  faTrashAlt,\n  faShoppingCart,\n  faShoppingBasket,\n  faCheck,\n} from \"@fortawesome/free-solid-svg-icons\";\nimport { Currency } from \"react-intl-number-format/dist/index.js\";\nimport { useCartRequests } from \"../../helpers/CartRequests\";\nimport { toast } from \"react-toastify\";\nimport { setBasket } from \"../stores/Cart\";\nimport { useDispatch } from \"react-redux\";\nimport { useHistory } from \"react-router\";\nimport ListItem from \"./Item\";\nimport ListItemMobile from \"./ItemMobile\";\n\nexport default function CartItems({ cart }) {\n  const [total, setTotal] = useState(0);\n\n  const { deleteCart } = useCartRequests();\n  const history = useHistory();\n\n  const dispatch = useDispatch();\n\n  useEffect(() => {\n    if (cart !== null && cart !== undefined) {\n      let totalCount = 0;\n      cart.map((item) => {\n        totalCount += item.salePrice * item.quantity;\n        return true;\n      });\n      setTotal(totalCount);\n    }\n  }, [cart]);\n\n  const removeCart = () => {\n    const loader = toast.loading(\"Sepet siliniyor...\", {\n      position: toast.POSITION.BOTTOM_RIGHT,\n      isLoading: true,\n      closeOnClick: false,\n      pauseOnHover: false,\n      pauseOnFocusLoss: false,\n      draggable: false,\n    });\n    deleteCart()\n      .then((response) => {\n        dispatch(setBasket(null));\n        toast.update(loader, {\n          render: response.data.message,\n          type: \"success\",\n          isLoading: false,\n          autoClose: 3000,\n          hideProgressBar: false,\n          closeOnClick: true,\n          pauseOnHover: true,\n          pauseOnFocusLoss: false,\n          draggable: true,\n        });\n      })\n      .catch((error) => {\n        toast.update(loader, {\n          render: error.response.data.message,\n          type: \"error\",\n          isLoading: false,\n          autoClose: 3000,\n          hideProgressBar: false,\n          closeOnClick: true,\n          pauseOnHover: true,\n          pauseOnFocusLoss: false,\n          draggable: true,\n        });\n      });\n  };\n\n  const goHome = () => {\n    history.push(\"/\");\n  };\n\n  return (\n    <CartContainer>\n      <div className=\"list\">\n        <ul>\n          <li className=\"title\">\n            <h1>\n              {\" \"}\n              <FontAwesomeIcon icon={faShoppingCart} /> Sepetim{\" \"}\n            </h1>\n\n            {cart != null && cart.length > 0 ? (\n              <div className=\"title-control\">\n                <button\n                  className=\"payment\"\n                  style={{ marginTop: 10 }}\n                  onClick={() => history.goBack()}\n                >\n                  <FontAwesomeIcon\n                    icon={faShoppingCart}\n                    style={{ marginRight: 20 }}\n                  />\n                  Alışverişe Devam Et\n                </button>\n                <div className=\"removeAll\">\n                  <span\n                    onClick={() => {\n                      removeCart();\n                    }}\n                  >\n                    <FontAwesomeIcon icon={faTrashAlt} />\n                    <span>Sepeti Boşalt</span>\n                  </span>\n                </div>\n              </div>\n            ) : (\n              <></>\n            )}\n          </li>\n          {cart == null || cart.length < 1 ? (\n            <li className=\"empty-cart\">\n              <h1>Sepetiniz Boş </h1>\n              <button className=\"payment\" onClick={() => goHome()}>\n                Alışverişe Devam Et <FontAwesomeIcon icon={faShoppingBasket} />\n              </button>\n            </li>\n          ) : (\n            (cart != null ? cart : []).map((item) => {\n              return (\n                <ListItem key={\"it-ct--\" + item.slug} cart={cart} item={item} />\n              );\n            })\n          )}\n        </ul>\n      </div>\n      <div className=\"list-mobile\">\n        <ul>\n          <li className=\"title\">\n            <div> Sepetim ( {cart != null ? cart.length : 0} Ürün )</div>\n            {cart != null && cart.length > 0 ? (\n              <div\n                className=\"title-btn\"\n                onClick={() => {\n                  removeCart();\n                }}\n              >\n                <FontAwesomeIcon icon={faTrashAlt} />\n              </div>\n            ) : (\n              <></>\n            )}\n          </li>\n          {cart == null || cart.length < 1 ? (\n            <li className=\"empty-cart\">\n              <h1>Sepetiniz Boş </h1>\n              <button className=\"payment\" onClick={() => goHome()}>\n                Alışverişe Devam Et <FontAwesomeIcon icon={faShoppingBasket} />\n              </button>\n            </li>\n          ) : (\n            (cart != null ? cart : []).map((item) => {\n              return (\n                <ListItemMobile\n                  key={\"it-ct--\" + item.slug}\n                  cart={cart}\n                  item={item}\n                />\n              );\n            })\n          )}\n        </ul>\n      </div>\n      <div className=\"finally\">\n        <div className=\"calculate\">\n          <div className=\"head\">\n            Toplam {cart != null ? cart.reduce((a, b) => a + b.quantity, 0) : 0}{\" \"}\n            Koli\n          </div>\n          <div className=\"total\" style={{ color: \"#000\" }}>\n            {/* <CurrencyFormat lang='tr' value={total.toFixed(2)} displayType={'text'}  thousandSeparator={true}  /> */}\n            <Currency>{total}</Currency>\n          </div>\n          {cart == null || cart.length < 1 ? (\n            <button className=\"payment\" onClick={() => goHome()}>\n              Alışverişe Devam Et\n            </button>\n          ) : (\n            // <button className='payment' onClick={createNewOrder}>Sipariş Oluştur</button>\n            <>\n              <button\n                className=\"payment confirm\"\n                onClick={() => history.push(\"/odeme-sayfasi\")}\n              >\n                <FontAwesomeIcon icon={faCheck} style={{ marginRight: 20 }} />\n                Sepeti Onayla\n              </button>\n            </>\n          )}\n        </div>\n      </div>\n      <div className=\"finally-mobile\">\n        <div className=\"calculate\">\n          <div className=\"head\">\n            {/* <span>\n              {cart != null ? cart.reduce((a, b) => a + b.quantity, 0) : 0} Koli\n            </span>\n            <span>\n              {cart != null ? cart.reduce((a, b) => a + (b.quantity*b.unit2coefficient), 0) : 0} Çift\n            </span> */}\n            <Currency>{total}</Currency>\n          </div>\n          {/* <div className=\"total\" style={{ color: \"#000\" }}>\n            <CurrencyFormat lang='tr' value={total.toFixed(2)} displayType={'text'}  thousandSeparator={true}  /> \n            <Currency>{total}</Currency>\n          </div> */}\n          {cart == null || cart.length < 1 ? (\n            <button className=\"payment\" onClick={() => goHome()}>\n              Alışverişe Devam Et\n            </button>\n          ) : (\n            // <button className='payment' onClick={createNewOrder}>Sipariş Oluştur</button>\n            <>\n              <button\n                className=\"payment confirm\"\n                onClick={() => history.push(\"/odeme-sayfasi\")}\n              >\n                {/* <FontAwesomeIcon icon={faCheck} style={{ marginRight: 20 }} /> */}\n                Alışverişi Tamamla\n              </button>\n            </>\n          )}\n        </div>\n      </div>\n    </CartContainer>\n  );\n}\n","var map = {\n\t\"./Authentication/Login.js\": 299,\n\t\"./Authentication/Logout.js\": 247,\n\t\"./Authentication/Register.js\": 248,\n\t\"./Brand.js\": 249,\n\t\"./Brands.js\": 257,\n\t\"./Campaign.js\": 258,\n\t\"./Cart.js\": 259,\n\t\"./Category.js\": 301,\n\t\"./Collection.js\": 260,\n\t\"./Collections.js\": 269,\n\t\"./Discover.js\": 270,\n\t\"./Home.js\": 298,\n\t\"./Invoice.js\": 272,\n\t\"./Invoices.js\": 273,\n\t\"./MyProfile.js\": 274,\n\t\"./NewProducts.js\": 275,\n\t\"./NotFound.js\": 152,\n\t\"./OfficeMode.js\": 276,\n\t\"./Order.js\": 277,\n\t\"./Orders.js\": 278,\n\t\"./Payment.js\": 302,\n\t\"./Payment/CreatePayment.js\": 303,\n\t\"./Payment/FailCallback.js\": 282,\n\t\"./Payment/SuccessCallback.js\": 283,\n\t\"./Print/PrintCollection.js\": 284,\n\t\"./Print/PrintCollections.js\": 285,\n\t\"./Print/PrintInvoice.js\": 286,\n\t\"./Print/PrintInvoices.js\": 287,\n\t\"./Print/PrintOrder.js\": 288,\n\t\"./Print/PrintOrders.js\": 289,\n\t\"./Product.js\": 300,\n\t\"./ProductReport.js\": 290,\n\t\"./ProductReportDetail.js\": 291,\n\t\"./Profile.js\": 292,\n\t\"./ResetPassword.js\": 293,\n\t\"./Search.js\": 294,\n\t\"./Variant.js\": 149\n};\n\n\nfunction webpackContext(req) {\n\tvar id = webpackContextResolve(req);\n\treturn __webpack_require__(id);\n}\nfunction webpackContextResolve(req) {\n\tif(!__webpack_require__.o(map, req)) {\n\t\tvar e = new Error(\"Cannot find module '\" + req + \"'\");\n\t\te.code = 'MODULE_NOT_FOUND';\n\t\tthrow e;\n\t}\n\treturn map[req];\n}\nwebpackContext.keys = function webpackContextKeys() {\n\treturn Object.keys(map);\n};\nwebpackContext.resolve = webpackContextResolve;\nmodule.exports = webpackContext;\nwebpackContext.id = 233;","import React,{useEffect} from 'react'\nimport {useDispatch, useSelector} from 'react-redux'\nimport { logout } from '../../components/stores/Auth'\nimport { emptyCart } from '../../components/stores/Cart'\nimport { useHistory } from 'react-router';\n\nexport default function LogoutPage() {\n  const dispatch = useDispatch()\n  const history=useHistory()\n\n  const goLogOut=async()=>{\n    const cookies = document.cookie.split(\";\");\n\n    for (let i = 0; i < cookies.length; i++) {\n      const cookie = cookies[i];\n      const eqPos = cookie.indexOf(\"=\");\n      const name = eqPos > -1 ? cookie.substr(0, eqPos) : cookie;\n      document.cookie = name + \"=;expires=Thu, 01 Jan 1970 00:00:00 GMT\";\n    }\n    localStorage.removeItem(\"ulusoyroutes\");\n    localStorage.removeItem(\"balance\");\n    localStorage.removeItem(\"cart\");\n    localStorage.removeItem('customer')\n    localStorage.removeItem('id')\n    localStorage.removeItem('currency')\n    localStorage.removeItem('user')\n    localStorage.removeItem('login')\n    localStorage.removeItem('ulusoytoken')\n    localStorage.removeItem('admin')\n    dispatch(emptyCart())\n    dispatch(logout())\n    setTimeout(() => {\n      window.location=(\"/\");\n      // history.push(\"/giris-yap\");\n    }, 300);\n  }\n\n  useEffect(() => {\n    goLogOut()\n  })\n  return (\n    <div></div>\n  )\n}\n","import React from 'react'\nimport {AuthPage} from '../../styles/Auth'\nimport { Link } from 'react-router-dom';\nimport { Tab } from '@headlessui/react'\nimport RegisterForm from '../../components/Forms/RegisterForm'\n\nimport Footer from '../../components/Navigation/Footer';\n\nimport CookieConsent, { Cookies } from \"react-cookie-consent\";\nimport mainLogo from '../../mainlogo.png'\nexport default function Contact() {\n\n  return (\n    <AuthPage>\n      <CookieConsent\n        location=\"bottom\"\n        buttonText=\"Tümünü Kabul Et\"\n        cookieName=\"dehasoft\"\n        style={{ background: \"#DB2C1D\",minHeight:'10vh',alignItems:'center' }}\n        buttonStyle={{ color: \"#000\", fontSize: \"15px\" }}\n        expires={250}\n      >\n        Bu web sitesi, kullanıcı deneyimini geliştirmek için tanımlama bilgilerini kullanır.{\" \"}\n        <span style={{ fontSize: \"10px\" }}> &copy; dehasoft 2023</span>\n      </CookieConsent>\n      <Link to=\"/\" className=\"logo\">\n        <img onContextMenu={()=>false} height={100} src={mainLogo} />\n      </Link>\n\n      <RegisterForm  />\n      \n\n      {/* <Footer/> */}\n\n    </AuthPage>\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  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 {\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 Category(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 location = useLocation();\n\n  const width = useWindowDimensions().width;\n  const { slug } = useParams();\n\n  const { getProducts, getCategories, getBrands, getColors, getSpecialCodes } =\n    useProductRequests();\n\n  const simpleCount = 30;\n  const [opened, setOpened] = useState(\"\");\n  const [open, setOpen] = useState(width < 1140 ? false : true);\n\n  useEffect(() => {\n    if (\n      location.state == undefined ||\n      location.state.back == undefined ||\n      location.state.back == null ||\n      products.length == 0\n    ) {\n      dispatch(setPage(1));\n      dispatch(setSelectedColors([]));\n      dispatch(setSelected([]));\n      dispatch(setSelectedBrands([slug]));\n      getCategories(slug).then((res) => {\n        dispatch(setLoading(false));\n        console.log(\"res\", res);\n        dispatch(\n          setCategories(res.data.data.filter((x) => x.subGroups.length > 0))\n        );\n      });\n    }\n  }, [slug]);\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: [slug],\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({\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:[slug],\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   \n  }, [selected]);\n\n  useEffect(() => {\n    getColors({\n      groupSlugList: selected.length == 0 ? [] : selected,\n      brandSlugList:[slug],\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({\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: [slug],\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({\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: [slug],\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({\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:[slug],\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\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 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  return (\n    <>\n      {categories.length > 0 ? (\n        <Helmet>\n          <title>\n            Toptan {categories[0].name} Ürünleri Toptan Spor Ayakkabı , Ulusoy\n            Toptan Ayakkabı\n          </title>\n          <meta\n            name=\"description\"\n            content={\n              \" Toptan \" +\n              categories[0].name +\n              \" Ürünleri Toptan Spor Ayakkabı , Ulusoy Toptan Ayakkabı Ulusoyspor , Ulusoy spor ayakkabı , Toptan spor ayakkabı ,Toptan ayakkabı, Aradığınız en moda ve güncel ayakkabı modelleri ulusoyspor adresinde, Kadın , Erkek, Garson , Filet, Patik, ve Bebe Kategorilerindeki ürünler sizi bekliyor, Ulusoy Toptan Ayakkabı, Ucuz ayakkabı, uygun ayakkabı, Ulusoyspor b2b\"\n            }\n          />\n          <meta\n            name=\"og:description\"\n            content={\n              \" Toptan \" +\n              categories[0].name +\n              \" Ürünleri Toptan Spor Ayakkabı , Ulusoy Toptan Ayakkabı Ulusoyspor , Ulusoy spor ayakkabı , Toptan spor ayakkabı ,Toptan ayakkabı, Aradığınız en moda ve güncel ayakkabı modelleri ulusoyspor adresinde, Kadın , Erkek, Garson , Filet, Patik, ve Bebe Kategorilerindeki ürünler sizi bekliyor, Ulusoy Toptan Ayakkabı, Ucuz ayakkabı, uygun ayakkabı, Ulusoyspor b2b\"\n            }\n          />\n        </Helmet>\n      ) : (\n        <Helmet>\n          <title>\n            Toptan Ayakkabı Toptan Spor Ayakkabı , Ulusoy Toptan Ayakkabı\n          </title>\n        </Helmet>\n      )}\n\n      <Header />\n      <h1 className=\"analizicin\">\n        {categories.length > 0 && categories[0].name} Kategori Ürünleri - Ulusoy\n        Toptan Ayakkabı{\" \"}\n      </h1>\n      <div className=\"category-img-carousel\">\n        <Carousel\n          disableArrowsOnEnd={true}\n          pagination={false}\n          renderArrow={({ type, onClick, isEdge }) => {\n            const pointer = type === consts.PREV ? faAngleLeft : faAngleRight;\n            return true ? (\n              <div>\n                <button\n                  onClick={onClick}\n                  style={{\n                    background: \"none\",\n                    border: \"none\",\n                    cursor: \"pointer\",\n                    outline: \"none\",\n                    padding: 10,\n                    position: \"absolute\",\n                    top: \"50%\",\n                    transform: \"translateY(-50%)\",\n                    zIndex: 100900,\n                    left: type === consts.PREV ? 0 : \"unset\",\n                    right: type === consts.NEXT ? 0 : \"unset\",\n                  }}\n                >\n                  <FontAwesomeIcon icon={pointer} style={{ fontSize: 30 }} />\n                </button>\n              </div>\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                <div\n                  key={item.id + item.slug}\n                  onClick={() => {\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                  <div\n                    style={{\n                      backgroundSize: \"80%\",\n                      backgroundRepeat: \"no-repeat\",\n                      border: selected.includes(item.slug)\n                        ? \"3px solid #F27A1A\"\n                        : \"1px solid #F5F5F5\",\n                      borderRadius: 1000,\n                      background: \"#F5F5F5\",\n                      display: \"flex\",\n                      justifyContent: \"center\",\n                      alignItems: \"center\",\n                      backgroundPosition: \"center\",\n                      width: 80,\n                      height: 80,\n                      boxShadow:\n                        \"0px 0px \" +\n                        (selected.includes(item.slug) ? \"4\" : \"0\") +\n                        \"px #F27A1A\",\n                    }}\n                  >\n                    <span\n                      className=\"brand-name\"\n                      style={{\n                        fontSize: 16,\n                        backgroundImage: \"url(\" + item.image + \")\",\n                        backgroundRepeat: \"no-repeat\",\n                        width: \"100%\",\n                        border: \"1px solid #F5F5F5\",\n                        height: \"100%\",\n                        backgroundColor: \"#fff\",\n                        borderRadius: 1000,\n                        backgroundSize: \"90%\",\n                        backgroundPosition: \"center\",\n                        color: selected.includes(item.slug)\n                          ? \"#F27A1A\"\n                          : \"#000\",\n                        fontWeight: selected.includes(item.slug)\n                          ? \"bold\"\n                          : \"bold\",\n                      }}\n                    ></span>\n                  </div>\n                  <span style={{ fontSize: 11 }}>{item.name}</span>\n                </div>\n              );\n            });\n          })}\n        </Carousel>\n      </div>\n      <div style={{ width: \"100%\" }}>\n        <div className=\"filters\">\n          <div className=\"left\">\n            {!open && (\n              <div className=\"filter-btn\" onClick={() => setOpen(true)}>\n                <FontAwesomeIcon icon={faSlidersH} /> Filtreler\n              </div>\n            )}\n          </div>\n          <div className=\"right\">\n            {selected.length > 0 ||\n            minPrice != null ||\n            maxPrice != null ||\n            selectedColors.length > 0 ||\n            selectedSoles.length > 0 ? (\n              <>\n                <div className=\"filtered-list\">\n                  <div\n                    className=\"filtered-item all-remover\"\n                    key={\"filtergfsed-x-\"}\n                    onClick={() => {\n                      dispatch(setSelected([]));\n                      dispatch(setSelectedColors([]));\n                    }}\n                  >\n                    Filtreyi Temizle\n                    <span>x</span>\n                  </div>\n\n                  {selected.map((x) => {\n                    return (\n                      <div\n                        key={\"filtereddfgd-y-\" + x}\n                        onClick={() => {\n                          dispatch(setSelected(selected.filter((y) => y != x)));\n                        }}\n                        className=\"filtered-item\"\n                      >\n                        {getSlugToName(x)} <span>x</span>\n                      </div>\n                    );\n                  })}\n                  {selectedColors.map((x) => {\n                    return (\n                      <div\n                        key={\"filtered-color-sdfgc\" + x}\n                        onClick={() => {\n                          dispatch(\n                            setSelectedColors(\n                              selectedColors.filter((y) => y != x)\n                            )\n                          );\n                        }}\n                        className=\"filtered-item\"\n                      >\n                        {x}\n                        <span>x</span>\n                      </div>\n                    );\n                  })}\n                  {selectedSoles.map((x) => {\n                    return (\n                      <div\n                        key={\"filtered-sodlfdge-\" + x.id}\n                        onClick={() => {\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                        <span>x</span>\n                      </div>\n                    );\n                  })}\n                  {minPrice != null && (\n                    <div\n                      onClick={() => {\n                        dispatch(setMinPrice(null));\n                      }}\n                      className=\"filtered-item\"\n                    >\n                      En Az {minPrice}₺<span>x</span>\n                    </div>\n                  )}\n                  {maxPrice != null && (\n                    <div\n                      onClick={() => {\n                        dispatch(setMaxPrice(null));\n                      }}\n                      className=\"filtered-item\"\n                    >\n                      En Fazla {maxPrice}₺<span>x</span>\n                    </div>\n                  )}\n                </div>\n              </>\n            ) : (\n              <></>\n            )}\n            <button\n              className=\"sort-btn\"\n              onClick={() => {\n                dispatch(setFilterOpen(!filterOpen));\n              }}\n            >\n              <FontAwesomeIcon\n                icon={sort.sortedBy == \"DESC\" ? faAngleDown : faAngleUp}\n                style={{ marginRight: 10 }}\n              />{\" \"}\n              {sort.name}\n              <div\n                className=\"filter-list\"\n                style={{ display: filterOpen != true ? \"none\" : \"unset\" }}\n              >\n                <div\n                  onClick={() =>\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                      <FontAwesomeIcon icon={faCheck} />{\" \"}\n                    </>\n                  ) : (\n                    \"\"\n                  )}\n                  Yeni Ürünler\n                </div>\n                <div\n                  onClick={() =>\n                    dispatch(\n                      setSort({\n                        sort: \"DATE\",\n                        sortedBy: \"ASC\",\n                        name: \"Eski Ürünler\",\n                      })\n                    )\n                  }\n                  className=\"item\"\n                >\n                  {sort.sortedBy == \"ASC\" && sort.sort == \"DATE\" ? (\n                    <>\n                      <FontAwesomeIcon icon={faCheck} />{\" \"}\n                    </>\n                  ) : (\n                    \"\"\n                  )}\n                  Eski Ürünler\n                </div>\n                <div\n                  onClick={() =>\n                    dispatch(\n                      setSort({\n                        sort: \"PRICE\",\n                        sortedBy: \"ASC\",\n                        name: \"Artan Fiyat\",\n                      })\n                    )\n                  }\n                  className=\"item\"\n                >\n                  {sort.sortedBy == \"ASC\" && sort.sort == \"PRICE\" ? (\n                    <>\n                      <FontAwesomeIcon icon={faCheck} />{\" \"}\n                    </>\n                  ) : (\n                    \"\"\n                  )}\n                  Artan Fiyat\n                </div>\n                <div\n                  onClick={() =>\n                    dispatch(\n                      setSort({\n                        sort: \"PRICE\",\n                        sortedBy: \"DESC\",\n                        name: \"Azalan Fiyat\",\n                      })\n                    )\n                  }\n                  className=\"item\"\n                >\n                  {sort.sortedBy == \"DESC\" && sort.sort == \"PRICE\" ? (\n                    <>\n                      <FontAwesomeIcon icon={faCheck} />{\" \"}\n                    </>\n                  ) : (\n                    \"\"\n                  )}\n                  Azalan Fiyat\n                </div>\n                <div\n                  onClick={() =>\n                    dispatch(\n                      setSort({\n                        sort: \"STOCK\",\n                        sortedBy: \"DESC\",\n                        name: \"Azalan Mevcut\",\n                      })\n                    )\n                  }\n                  className=\"item\"\n                >\n                  {sort.sortedBy == \"DESC\" && sort.sort == \"STOCK\" ? (\n                    <>\n                      <FontAwesomeIcon icon={faCheck} />{\" \"}\n                    </>\n                  ) : (\n                    \"\"\n                  )}\n                  Azalan Mevcut\n                </div>\n                <div\n                  onClick={() =>\n                    dispatch(\n                      setSort({\n                        sort: \"STOCK\",\n                        sortedBy: \"ASC\",\n                        name: \"Artan Mevcut\",\n                      })\n                    )\n                  }\n                  className=\"item\"\n                >\n                  {sort.sortedBy == \"ASC\" && sort.sort == \"STOCK\" ? (\n                    <>\n                      <FontAwesomeIcon icon={faCheck} />{\" \"}\n                    </>\n                  ) : (\n                    \"\"\n                  )}\n                  Artan Mevcut\n                </div>\n                <div\n                  onClick={() =>\n                    dispatch(\n                      setSort({\n                        sort: \"TOPSALES\",\n                        sortedBy: \"DESC\",\n                        name: \"En Çok Satan\",\n                      })\n                    )\n                  }\n                  className=\"item\"\n                >\n                  {sort.sortedBy == \"DESC\" && sort.sort == \"TOPSALES\" ? (\n                    <>\n                      <FontAwesomeIcon icon={faCheck} />{\" \"}\n                    </>\n                  ) : (\n                    \"\"\n                  )}\n                  En Çok Satan\n                </div>\n                <div\n                  onClick={() =>\n                    dispatch(\n                      setSort({\n                        sort: \"TITLE\",\n                        sortedBy: \"ASC\",\n                        name: \"Ürüne Göre (A-Z)\",\n                      })\n                    )\n                  }\n                  className=\"item\"\n                >\n                  {sort.sortedBy == \"ASC\" && sort.sort == \"TITLE\" ? (\n                    <>\n                      <FontAwesomeIcon icon={faCheck} />{\" \"}\n                    </>\n                  ) : (\n                    \"\"\n                  )}\n                  Ürüne Göre (A-Z)\n                </div>\n                <div\n                  onClick={() =>\n                    dispatch(\n                      setSort({\n                        sort: \"TITLE\",\n                        sortedBy: \"DESC\",\n                        name: \"Ürüne Göre (Z-A)\",\n                      })\n                    )\n                  }\n                  className=\"item\"\n                >\n                  {sort.sortedBy == \"DESC\" && sort.sort == \"TITLE\" ? (\n                    <>\n                      <FontAwesomeIcon icon={faCheck} />{\" \"}\n                    </>\n                  ) : (\n                    \"\"\n                  )}\n                  Ürüne Göre (Z-A)\n                </div>\n                <div\n                  onClick={() =>\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                      <FontAwesomeIcon icon={faCheck} />{\" \"}\n                    </>\n                  ) : (\n                    \"\"\n                  )}\n                  Keşfet\n                </div>\n              </div>\n            </button>\n\n            <div className=\"total\">\n              {allData != null &&\n              allData.currentPage != null &&\n              allData.count != null ? (\n                <div className=\"count\">\n                  {/* {allData.count * allData.currentPage} /{\" \"} */}\n                  {/* {products.length}\n                    <strong>/</strong> */}\n                  {allData.totalCount} Ürün\n                </div>\n              ) : (\n                <></>\n              )}\n            </div>\n          </div>\n        </div>\n      </div>\n      <ProductContent open={open}>\n        <div className=\"filter\">\n          {width < 1140 && (\n            <div className=\"overlay\" onClick={() => setOpen(false)}></div>\n          )}\n          <div className=\"categories\">\n            <div className=\"category-item head\" onClick={() => setOpen(!open)}>\n              <span>\n                <FontAwesomeIcon icon={faBars} />\n              </span>\n              <span>Kategoriler</span>\n              <span>x</span>\n            </div>\n            {categories.map((x) => {\n              return (\n                <CategoryItem\n                  slug={slug}\n                  dispatch={dispatch}\n                  key={\"categorydfscv-item-\" + x.slug}\n                  category={x}\n                  selected={selected}\n                  setSelected={setSelected}\n                />\n              );\n            })}\n\n            <div\n              className={\"category-item alt-head \"}\n              onClick={() => {\n                dispatch(setColorOpen(!colorOpen));\n              }}\n              // onClick={() => setOpened(opened == \"renkler\" ? \"\" : \"renkler\")}\n            >\n              <span\n                style={{\n                  transition: \"600ms all\",\n                  transform: colorOpen ? \"rotateX(180deg)\" : \"rotateX(0deg)\",\n                }}\n              >\n                <FontAwesomeIcon icon={faAngleDown} />\n              </span>\n              <span>Renk</span>\n              <span style={{ fontSize: 11 }} onClick={() => {}}>\n                (\n                {\n                  colors.filter((x) =>\n                    x.color\n                      .toLocaleLowerCase(\"tr\")\n                      .startsWith(colorSearchTxt.toLocaleLowerCase(\"tr\"))\n                  ).length\n                }\n                )\n              </span>\n            </div>\n            <div\n              className=\"search-box category-sub-item\"\n              style={{ display: colorOpen ? \"\" : \"none\" }}\n            >\n              <input\n                type=\"text\"\n                value={colorSearchTxt}\n                onChange={(e) => dispatch(setColorSearchTxt(e.target.value))}\n                placeholder=\"Renk Ara\"\n              />\n              {colorSearchTxt.length > 0 && (\n                <span\n                  onClick={() => dispatch(setColorSearchTxt(\"\"))}\n                  className=\"search-trash\"\n                >\n                  <FontAwesomeIcon icon={faTimes} />\n                </span>\n              )}\n            </div>\n            <div\n              className=\"colors\"\n              // style={{ display: opened == \"renkler\" ? \"\" : \"none\" }}\n              style={{ display: colorOpen ? \"\" : \"none\" }}\n            >\n              {colors\n                .filter((x) => selectedColors.includes(x.color))\n                .filter((x) =>\n                  x.color\n                    .toLocaleLowerCase(\"tr\")\n                    .startsWith(colorSearchTxt.toLocaleLowerCase(\"tr\"))\n                )\n                .map((x) => {\n                  return (\n                    <ColorItem\n                      slug={slug}\n                      dispatch={dispatch}\n                      key={\"color-item-dfgh-\" + x.color}\n                      color={x}\n                      selectedColors={selectedColors}\n                      setSelectedColors={setSelectedColors}\n                      categoryMode={false}\n                    />\n                  );\n                })}\n              {colors\n                .filter((x) => !selectedColors.includes(x.color))\n                .filter((x) =>\n                  x.color\n                    .toLocaleLowerCase(\"tr\")\n                    .startsWith(colorSearchTxt.toLocaleLowerCase(\"tr\"))\n                )\n                .map((x) => {\n                  return (\n                    <ColorItem\n                      slug={slug}\n                      dispatch={dispatch}\n                      key={\"color-item-dfgh-\" + x.color}\n                      color={x}\n                      selectedColors={selectedColors}\n                      setSelectedColors={setSelectedColors}\n                      categoryMode={false}\n                    />\n                  );\n                })}\n            </div>\n          </div>\n          <div\n            className={\n              \"category-item alt-head\" + (opened == \"fiyat\" ? \" open\" : \"\")\n            }\n            onClick={() => setOpened(opened == \"fiyat\" ? \"\" : \"fiyat\")}\n          >\n            <span>₺</span>\n            <span>Fiyat Aralığı</span>\n            <span style={{ fontSize: 11 }} onClick={() => {}}>\n              <FontAwesomeIcon icon={faAngleDown} />\n            </span>\n          </div>\n          <div\n            className=\"category-item price-sort\"\n            style={{ display: opened == \"fiyat\" ? \"flex\" : \"none\" }}\n          >\n            <span className=\"input\">\n              <input\n                type=\"number\"\n                placeholder=\"Minimum\"\n                value={minPrice == null ? \"\" : minPrice}\n                onChange={(e) => dispatch(setMinPrice(e.target.value))}\n              />\n            </span>\n            <span className=\"minus\">-</span>\n            <span className=\"input\">\n              <input\n                type=\"number\"\n                placeholder=\"Maximum\"\n                value={maxPrice == null ? \"\" : maxPrice}\n                onChange={(e) => dispatch(setMaxPrice(e.target.value))}\n              />\n            </span>\n            <span\n              onClick={() => {\n                getProductReq();\n              }}\n            >\n              <FontAwesomeIcon icon={faSearch} />\n            </span>\n          </div>\n        </div>\n\n        <div className=\"list\">\n          <div className=\"filter-mobil-group\">\n            <div className=\"filter-btn mobil\" onClick={() => setOpen(true)}>\n              <FontAwesomeIcon icon={faSlidersH} /> Filtreler\n            </div>\n            <button\n              className=\"sort-btn-mobil\"\n              onClick={() => dispatch(setFilterOpen(!filterOpen))}\n            >\n              <FontAwesomeIcon\n                icon={sort.sortedBy == \"DESC\" ? faAngleDown : faAngleUp}\n                style={{ marginRight: 10 }}\n              />{\" \"}\n              {sort.name}\n              <div\n                className=\"filter-list\"\n                style={{ display: filterOpen != true ? \"none\" : \"unset\" }}\n              >\n                <div\n                  onClick={() =>\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                      <FontAwesomeIcon icon={faCheck} />{\" \"}\n                    </>\n                  ) : (\n                    \"\"\n                  )}\n                  Keşfet\n                </div>\n                <div\n                  onClick={() =>\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                      <FontAwesomeIcon icon={faCheck} />{\" \"}\n                    </>\n                  ) : (\n                    \"\"\n                  )}\n                  Yeni Ürünler\n                </div>\n                <div\n                  onClick={() =>\n                    dispatch(\n                      setSort({\n                        sort: \"DATE\",\n                        sortedBy: \"ASC\",\n                        name: \"Eski Ürünler\",\n                      })\n                    )\n                  }\n                  className=\"item\"\n                >\n                  {sort.sortedBy == \"ASC\" && sort.sort == \"DATE\" ? (\n                    <>\n                      <FontAwesomeIcon icon={faCheck} />{\" \"}\n                    </>\n                  ) : (\n                    \"\"\n                  )}\n                  Eski Ürünler\n                </div>\n                <div\n                  onClick={() =>\n                    dispatch(\n                      setSort({\n                        sort: \"PRICE\",\n                        sortedBy: \"ASC\",\n                        name: \"Artan Fiyat\",\n                      })\n                    )\n                  }\n                  className=\"item\"\n                >\n                  {sort.sortedBy == \"ASC\" && sort.sort == \"PRICE\" ? (\n                    <>\n                      <FontAwesomeIcon icon={faCheck} />{\" \"}\n                    </>\n                  ) : (\n                    \"\"\n                  )}\n                  Artan Fiyat\n                </div>\n                <div\n                  onClick={() =>\n                    dispatch(\n                      setSort({\n                        sort: \"PRICE\",\n                        sortedBy: \"DESC\",\n                        name: \"Azalan Fiyat\",\n                      })\n                    )\n                  }\n                  className=\"item\"\n                >\n                  {sort.sortedBy == \"DESC\" && sort.sort == \"PRICE\" ? (\n                    <>\n                      <FontAwesomeIcon icon={faCheck} />{\" \"}\n                    </>\n                  ) : (\n                    \"\"\n                  )}\n                  Azalan Fiyat\n                </div>\n                <div\n                  onClick={() =>\n                    dispatch(\n                      setSort({\n                        sort: \"STOCK\",\n                        sortedBy: \"DESC\",\n                        name: \"Azalan Mevcut\",\n                      })\n                    )\n                  }\n                  className=\"item\"\n                >\n                  {sort.sortedBy == \"DESC\" && sort.sort == \"STOCK\" ? (\n                    <>\n                      <FontAwesomeIcon icon={faCheck} />{\" \"}\n                    </>\n                  ) : (\n                    \"\"\n                  )}\n                  Azalan Mevcut\n                </div>\n                <div\n                  onClick={() =>\n                    dispatch(\n                      setSort({\n                        sort: \"STOCK\",\n                        sortedBy: \"ASC\",\n                        name: \"Artan Mevcut\",\n                      })\n                    )\n                  }\n                  className=\"item\"\n                >\n                  {sort.sortedBy == \"ASC\" && sort.sort == \"STOCK\" ? (\n                    <>\n                      <FontAwesomeIcon icon={faCheck} />{\" \"}\n                    </>\n                  ) : (\n                    \"\"\n                  )}\n                  Artan Mevcut\n                </div>\n                <div\n                  onClick={() =>\n                    dispatch(\n                      setSort({\n                        sort: \"TOPSALES\",\n                        sortedBy: \"DESC\",\n                        name: \"En Çok Satan\",\n                      })\n                    )\n                  }\n                  className=\"item\"\n                >\n                  {sort.sortedBy == \"DESC\" && sort.sort == \"TOPSALES\" ? (\n                    <>\n                      <FontAwesomeIcon icon={faCheck} />{\" \"}\n                    </>\n                  ) : (\n                    \"\"\n                  )}\n                  En Çok Satan\n                </div>\n              </div>\n            </button>\n          </div>\n\n          {products.map((x) => {\n            return (\n              <ProductItem\n                key={x.id + x.slug + \"asda\"}\n                product={x}\n                setOpenedBox={setOpenedBox}\n              />\n            );\n          })}\n          <div style={{ width: \"100%\", textAlign: \"center\" }}>\n            {allData != null &&\n            products.length > 0 &&\n            allData.currentPage != null &&\n            allData.count != null ? (\n              <div className=\"count\">\n                {products.length == allData.totalCount ? (\n                  <>Toplam {products.length} Ürün</>\n                ) : (\n                  <>\n                    {products.length}\n                    <strong\n                      style={{\n                        marginRight: 5,\n                        marginLeft: 5,\n                        fontWeight: \"bold\",\n                      }}\n                    >\n                      /\n                    </strong>\n                    {allData.totalCount} Ürün\n                  </>\n                )}\n              </div>\n            ) : (\n              <></>\n            )}\n          </div>\n          {allData != null &&\n          products.length > 0 &&\n          allData.currentPage != null &&\n          allData.count != null &&\n          allData.totalCount != products.length ? (\n            <div\n              onClick={() => {\n                getNewPage(page + 1);\n              }}\n              style={{\n                color: \"#ffff\",\n                padding: \"5px 55px\",\n                marginBottom: 40,\n                width: \"100%\",\n                borderRadius: 100,\n                textAlign: \"center\",\n                cursor: \"pointer\",\n                fontSize: 22,\n              }}\n            >\n              {!loading && (\n                <div\n                  style={{\n                    display: \"inline-block\",\n                    background: \"#F27A1A\",\n                    padding: \"15px 55px\",\n                    marginTop: 20,\n                    borderRadius: 100,\n                    fontSize: 18,\n                  }}\n                >\n                  Daha Fazla Ürün Göster\n                </div>\n              )}\n            </div>\n          ) : (\n            <></>\n          )}\n          <div\n            style={{\n              width: \"100%\",\n              textAlign: \"center\",\n              display: \"flex\",\n              justifyContent: \"center\",\n              alignItems: \"center\",\n            }}\n          >\n            {loading && <Sentry color=\"#FBA800\" size={180} />}\n          </div>\n        </div>\n      </ProductContent>\n      <div style={{ zIndex: 1009090 }}>\n        {products.length > 0 && (\n          <Lightbox\n            isOpen={openedBox}\n            onPrev={gotoPrevious}\n            className=\"lightbox-image-box\"\n            onNext={gotoNext}\n            images={products.map((x) => {\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            renderFooter={() => (\n              <div\n                style={{\n                  width: \"40vw\",\n                  // background: \"rgba(0,0,0,0.5)\",\n                  height: \"40vh\",\n                  top: \"30vh\",\n                  left: \"30vw\",\n                  position: \"fixed\",\n                  zIndex: 100,\n                }}\n                onClick={() => {\n                  history.push(\"/urun/\" + products[currentImageIndex].slug);\n                }}\n              ></div>\n            )}\n            renderNextButton={() => (\n              <SwapButton\n                onClick={gotoNext}\n                className=\"image-swap-button right\"\n              >\n                <svg\n                  stroke=\"currentColor\"\n                  fill=\"currentColor\"\n                  stroke-width=\"0\"\n                  viewBox=\"0 0 24 24\"\n                  height=\"35\"\n                  width=\"35\"\n                  xmlns=\"http://www.w3.org/2000/svg\"\n                >\n                  <path d=\"M10.707 17.707 16.414 12l-5.707-5.707-1.414 1.414L13.586 12l-4.293 4.293z\"></path>\n                </svg>\n              </SwapButton>\n            )}\n            renderPrevButton={() => (\n              <SwapButton\n                onClick={gotoPrevious}\n                className=\"image-swap-button left\"\n              >\n                <svg\n                  stroke=\"currentColor\"\n                  fill=\"currentColor\"\n                  stroke-width=\"0\"\n                  viewBox=\"0 0 24 24\"\n                  height=\"35\"\n                  width=\"35\"\n                  xmlns=\"http://www.w3.org/2000/svg\"\n                >\n                  <path d=\"M13.293 6.293 7.586 12l5.707 5.707 1.414-1.414L10.414 12l4.293-4.293z\"></path>\n                </svg>\n              </SwapButton>\n            )}\n            renderHeader={() => (\n              <button\n                onClick={() => dispatch(setOpenedBox(false))}\n                className=\"light-close\"\n              >\n                <svg\n                  stroke=\"currentColor\"\n                  fill=\"currentColor\"\n                  stroke-width=\"0\"\n                  viewBox=\"0 0 24 24\"\n                  height=\"35\"\n                  width=\"35\"\n                  xmlns=\"http://www.w3.org/2000/svg\"\n                >\n                  <path fill=\"none\" d=\"M0 0h24v24H0z\"></path>\n                  <path d=\"M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z\"></path>\n                </svg>\n              </button>\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      </div>\n      <BottomNav />\n      {/* <Footer /> */}\n    </>\n  );\n}\n","import React, { useState, useEffect } from \"react\";\nimport { Box, Typography } from \"@mui/material\";\nimport Slider from \"@mui/material/Slider\";\nimport { BrandList } from \"../styles/Product\";\nimport { Link } from \"react-router-dom\";\nimport { useProductRequests } from \"../helpers/ProductRequests\";\nimport { Helmet } from \"react-helmet\";\nimport Header from \"../components/Navigation/Header\";\nimport BottomNav from \"../components/Navigation/Bottom\";\nimport Footer from \"../components/Navigation/Footer\";\nimport { Sentry } from \"react-activity\";\n\n\n\nexport default function Home() {\n  const { getBrands } = useProductRequests();\n  const [brands, setBrands] = useState([]);\n  const [value,setValue] = useState([0,100]);\n  const [selectedLetters, setSelectedLetters] = useState([\"A\", \"Z\"]);\n  const [alphabet, setAlphabet] = useState(\"\");\n\n  useEffect(() => {\n    if (brands.length === 0) {\n      getBrands()\n        .then((response) => {\n          setBrands(response.data.data);\n          setAlphabet(\n            Array.from(\n              new Set(response.data.data.map((brand) => brand.name[0]))\n            ).join(\"\")\n          );\n        })\n        .catch((error) => {});\n        \n    }\n  }, [brands]);\n\n  const handleChange = (_, newValue) => {\n    const selectedStartIndex = Math.floor(\n      (newValue[0] / 100) * alphabet.length\n    );\n    const selectedEndIndex = Math.ceil((newValue[1] / 100) * alphabet.length);\n\n    const startLetter = alphabet[selectedStartIndex];\n    const endLetter = alphabet[selectedEndIndex - 1];\n\n    setSelectedLetters([startLetter==undefined ? endLetter : startLetter, endLetter==undefined ? startLetter : endLetter]);\n    setValue(newValue);\n    \n  };\n\n  \n\n  return (\n    <>\n      <Helmet>\n        <title>Markalar</title>\n      </Helmet>\n      <Header />\n      <div style={{ marginTop: 50, marginBottom: 20, fontSize: 40 }}>\n        <center>Markalarimiz</center>\n      </div>\n      <Box\n        sx={{\n          width: \"calc(90%)\",\n          marginLeft: \"5%\",\n          justifyContent: \"space-between\",\n          alignItems: \"center\",\n        }}\n        style={{ display: \"flex\" }}\n      >\n        <div style={{ width: 40, fontSize: 30 }}>{selectedLetters[0]}</div>\n        <Slider\n          style={{ width: \"calc(100% - 80px)\" }}\n          value={value}\n          onChange={handleChange}\n          disableSwap\n        />\n        <div style={{ width: 40, textAlign: \"right\", fontSize: 30 }}>\n          {selectedLetters[1]}\n        </div>\n      </Box>\n\n      <div\n        style={{\n          display: \"flex\",\n          justifyContent: \"center\",\n          alignItems: \"center\",\n          flexWrap: \"wrap\",\n          paddingRight: 10,\n          paddingLeft: 10,\n          width: \"100%\",\n          marginTop: 25,\n          marginBottom: 25,\n        }}\n      >\n        <Typography\n          onClick={() => {\n            setSelectedLetters([alphabet[0], alphabet[alphabet.length - 1]]);\n            setValue([0, 100]);\n          }}\n          sx={{\n            display: \"inline-block\",\n            cursor: \"pointer\",\n            padding: \"5px 15px\",\n            textAlign: \"center\",\n            fontSize: 20,\n            color:\n              selectedLetters[0] == alphabet[0] &&\n              selectedLetters[1] == alphabet[alphabet.length - 1]\n                ? \"black\"\n                : \"gray\",\n            backgroundColor:\n              selectedLetters[0] == alphabet[0] &&\n              selectedLetters[1] == alphabet[alphabet.length - 1]\n                ? \"orange\"\n                : \"transparent\",\n          }}\n        >\n          HEPSİ\n        </Typography>\n        {alphabet.split(\"\").map((x) => (\n          <Typography\n            key={x}\n            onClick={() => {\n              setSelectedLetters([x, x]);\n            }}\n            sx={{\n              display: \"inline-block\",\n              cursor: \"pointer\",\n              textAlign: \"center\",\n              fontSize: 20,\n              padding: \"5px 25px\",\n              color:\n                x\n                  .toLowerCase()\n                  .localeCompare(selectedLetters[0].toLowerCase(), \"tr\") >= 0 &&\n                x\n                  .toLowerCase()\n                  .localeCompare(selectedLetters[1].toLowerCase(), \"tr\") <= 0\n                  ? \"black\"\n                  : \"gray\",\n              backgroundColor:\n                x\n                  .toLowerCase()\n                  .localeCompare(selectedLetters[0].toLowerCase(), \"tr\") >= 0 &&\n                x\n                  .toLowerCase()\n                  .localeCompare(selectedLetters[1].toLowerCase(), \"tr\") <= 0\n                  ? \"orange\"\n                  : \"transparent\",\n            }}\n          >\n            {x}\n          </Typography>\n        ))}\n      </div>\n\n      <BrandList>\n        {brands.length != 0  ? (\n          brands\n            .filter(\n              (brand) =>\n                brand.name.charAt(0).localeCompare(selectedLetters[0], \"tr\") >=\n                  0 &&\n                brand.name.charAt(0).localeCompare(selectedLetters[1], \"tr\") <=\n                  0\n            )\n            .map((x, index) => (\n              <Link key={x.slug} to={`/marka/${x.slug}`} className=\"brand-item\">\n                {/* <div className=\"overlay\" style={{animationDelay: `${index*1}s`,animationDuration: `${index*1}s`}}>Beni Seç</div> */}\n\n                <p>{x.name}</p>\n\n                <div\n                  className={\"image\" + (index == 0 ? \" overlayimg\" : \"\")}\n                  style={{ backgroundImage: `url(${x.image})` }}\n                />\n                <div\n                  className={\"imageFlip\" + (index == 0 ? \" overlayimg\" : \"\")}\n                  style={{ backgroundImage: `url(${x.productImage})` }}\n                />\n\n                <span className=\"mevcut\">\n                  <span>{x.productCount}</span> Ürün\n                </span>\n              </Link>\n            ))\n        ) : (\n          <Sentry size={250} color=\"#FFA500\" />\n        )}\n      </BrandList>\n\n      <BottomNav />\n\n      <Footer />\n    </>\n  );\n}\n","import React, { useState } from \"react\";\nimport { useParams } from \"react-router-dom\";\nimport ProductList from \"../components/Content/ProductList\";\nimport { useProductRequests } from \"../helpers/ProductRequests\";\nimport { Helmet } from \"react-helmet\";\n\nexport default function NewProducts(props) {\n  const { slug } = useParams();\n  const [search, setSearch] = useState(\"\");\n\n  const [sort, setSort] = useState({ sort: \"DATE\", sortedBy: \"DESC\" });\n  const [products, setProducts] = useState([]);\n  const [allData, setAllData] = useState(null);\n  const { getProducts } = useProductRequests();\n  const [selectedBrand, setSelectedBrand] = useState(\"\");\n\n  React.useEffect(() => {\n    setSelectedBrand(\"\");\n  }, [slug]);\n  const simpleCount = 20;\n\n  const getNewProducts = async (newpage, setLoading, search, setPage) => {\n    setLoading(true);\n    getProducts({\n      sort: sort,\n      productOfCampaign: true,\n      page: newpage,\n      allSearch: search,\n    }).then(async (response) => {\n      if (response.data.products.length < 1) {\n        setLoading(false);\n      } else {\n        setPage(newpage);\n        setProducts([...products, ...response.data.products]);\n        setAllData(response.data);\n      }\n    });\n  };\n  const getSearchedProducts = (setLoading, setPage, search) => {\n    setLoading(true);\n    getProducts({\n      sort: sort,\n      productOfCampaign:true,\n      page: 1,\n      allSearch: search,\n    }).then((response) => {\n      if (response.data.products.length < 1) {\n        setLoading(false);\n      } else {\n        setPage(2);\n        setProducts(response.data.products);\n        setAllData(response.data);\n      }\n    });\n  };\n  return (\n    <>\n      <Helmet>\n        <title>Kampanyalı Ürünler</title>\n      </Helmet>\n      <ProductList\n        setSelectedBrand={setSelectedBrand}\n        selectedBrand={selectedBrand}\n        slug={slug}\n        getNewProducts={getNewProducts}\n        getSearchedProducts={getSearchedProducts}\n        products={products}\n        search={search}\n        setSearch={setSearch}\n        setProducts={setProducts}\n        allData={allData}\n        setAllData={setAllData}\n        getProducts={getProducts}\n        sort={sort}\n        setSort={setSort}\n      />\n    </>\n  );\n}\n","import React,{useState,useLayoutEffect} from 'react'\nimport { useSelector } from 'react-redux'\nimport {SlideProductContainer} from '../styles/Home'\nimport SlideProducts from '../components/Slider/Products'\nimport Header from '../components/Navigation/Header'\nimport BottomNav from '../components/Navigation/Bottom'\nimport Footer from '../components/Navigation/Footer'\nimport \"react-activity/dist/Sentry.css\";\nimport ContentLoader from \"react-content-loader\"\n\nimport {useProductRequests} from '../helpers/ProductRequests'\n\nimport CartItems from '../components/Cart/CartItems'\n\nexport default function Basket(props) {\n  \n  const {getDiscover} = useProductRequests()\n  \n  const {basket}=useSelector(state=>state.cart)\n\n  const [discover,setDiscover]=useState([])\n\n  useLayoutEffect(() => {\n    \n    if(discover.length===0){\n\n      getDiscover({page:1,count:20,sort:'RANDOM',sortedBy:''}).then((response)=>{\n        setDiscover(response.data.data.items)\n      }).catch((error)=>{\n        console.log(\"error\",error.response)\n      })\n\n    }\n  }, [])\n\n  return (\n    <>\n      \n      <Header/>\n\n      <div>\n        \n\n        <CartItems cart={basket} />\n\n\n        <SlideProductContainer>\n          \n          <h1>Keşfet</h1>\n\n          {\n            discover.length > 0 ?\n            <SlideProducts items={discover} />\n            :\n            <div className=\"loader\">\n              <ContentLoader speed={0.5} width={221} height={300} style={{marginRight: '20px'}} backgroundColor=\"#f3f3f3\" foregroundColor=\"#ecebeb\" {...props} ><rect x=\"0\" y=\"0\" rx=\"0\" ry=\"0\" width=\"221\" height=\"250\" /><rect x=\"0\" y=\"260\" rx=\"3\" ry=\"3\" width=\"221\" height=\"10\" /><rect x=\"0\" y=\"275\" rx=\"3\" ry=\"3\" width=\"221\" height=\"10\" /><rect x=\"0\" y=\"290\" rx=\"3\" ry=\"3\" width=\"221\" height=\"10\" /></ContentLoader>\n              <ContentLoader speed={0.5} width={221} height={300} style={{marginRight: '40px'}} backgroundColor=\"#f3f3f3\" foregroundColor=\"#ecebeb\"  {...props} ><rect x=\"0\" y=\"0\" rx=\"0\" ry=\"0\" width=\"221\" height=\"250\" /><rect x=\"0\" y=\"260\" rx=\"3\" ry=\"3\" width=\"221\" height=\"10\" /><rect x=\"0\" y=\"275\" rx=\"3\" ry=\"3\" width=\"221\" height=\"10\" /><rect x=\"0\" y=\"290\" rx=\"3\" ry=\"3\" width=\"221\" height=\"10\" /> </ContentLoader>\n              <ContentLoader speed={0.5} width={221} height={300} style={{marginRight: '40px'}} backgroundColor=\"#f3f3f3\" foregroundColor=\"#ecebeb\"  {...props} ><rect x=\"0\" y=\"0\" rx=\"0\" ry=\"0\" width=\"221\" height=\"250\" /><rect x=\"0\" y=\"260\" rx=\"3\" ry=\"3\" width=\"221\" height=\"10\" /><rect x=\"0\" y=\"275\" rx=\"3\" ry=\"3\" width=\"221\" height=\"10\" /><rect x=\"0\" y=\"290\" rx=\"3\" ry=\"3\" width=\"221\" height=\"10\" /> </ContentLoader>\n              <ContentLoader speed={0.5} width={221} height={300} style={{marginRight: '40px'}} backgroundColor=\"#f3f3f3\" foregroundColor=\"#ecebeb\"  {...props} ><rect x=\"0\" y=\"0\" rx=\"0\" ry=\"0\" width=\"221\" height=\"250\" /><rect x=\"0\" y=\"260\" rx=\"3\" ry=\"3\" width=\"221\" height=\"10\" /><rect x=\"0\" y=\"275\" rx=\"3\" ry=\"3\" width=\"221\" height=\"10\" /><rect x=\"0\" y=\"290\" rx=\"3\" ry=\"3\" width=\"221\" height=\"10\" /> </ContentLoader>\n              <ContentLoader speed={0.5} width={221} height={300} style={{marginRight: '40px'}} backgroundColor=\"#f3f3f3\" foregroundColor=\"#ecebeb\"  {...props} ><rect x=\"0\" y=\"0\" rx=\"0\" ry=\"0\" width=\"221\" height=\"250\" /><rect x=\"0\" y=\"260\" rx=\"3\" ry=\"3\" width=\"221\" height=\"10\" /><rect x=\"0\" y=\"275\" rx=\"3\" ry=\"3\" width=\"221\" height=\"10\" /><rect x=\"0\" y=\"290\" rx=\"3\" ry=\"3\" width=\"221\" height=\"10\" /> </ContentLoader>\n              \n            </div>\n          }\n        </SlideProductContainer> \n\n      \n      </div>\n\n      <BottomNav/>\n\n      <Footer/>\n\n    </>\n  )\n}\n","import React,{useState,useLayoutEffect} from 'react'\nimport { useSelector } from 'react-redux'\nimport {SlideProductContainer} from '../styles/Home'\nimport SlideProducts from '../components/Slider/Products'\nimport Header from '../components/Navigation/Header'\nimport BottomNav from '../components/Navigation/Bottom'\nimport Footer from '../components/Navigation/Footer'\nimport \"react-activity/dist/Sentry.css\";\nimport ContentLoader from \"react-content-loader\"\n\nimport {useProductRequests} from '../helpers/ProductRequests'\nimport {useOrderRequests} from '../helpers/OrderRequests'\nimport { InvoiceContainer } from '../styles/Product'\nimport DataTable from 'react-data-table-component';\nimport { Link, useParams } from 'react-router-dom'\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\nimport { faEye } from '@fortawesome/free-solid-svg-icons'\nimport { Currency } from 'react-intl-number-format/dist/index.js';\nimport { Button } from 'react-bootstrap'\n\nexport default function Collection(props) {\n  \n  const {id} = useParams()\n\n\n  const {getDiscover} = useProductRequests()\n  const {getOrder} = useOrderRequests()\n  \n  const {basket}=useSelector(state=>state.cart)\n\n  const [discover,setDiscover]=useState([])\n  const [order,setOrder]=useState([])\n  const [loading,setLoading]=useState(true)\n\n  useLayoutEffect(() => {\n    \n    if(discover.length===0){\n\n      getDiscover({page:1,count:20,sort:'RANDOM',sortedBy:''}).then((response)=>{\n        setDiscover(response.data.data.items)\n      }).catch((error)=>{\n        console.log(\"error\",error.response)\n      })\n\n    }\n  }, [])\n\n  useLayoutEffect(() => {\n    \n    if(order.length===0){\n\n      getOrder(id).then((response)=>{\n        setOrder(response.data.data)\n        setLoading(false)\n      }).catch((error)=>{\n        console.log(\"error\",error.response)\n      })\n\n    }\n  }, [])\n  const columns = [\n    {\n        name: '',\n        selector: (row,index) => index+1,\n    },\n    {\n        name: '',\n        selector: (row,index) => <img onContextMenu={()=>false} height={40} src={row.image} />,\n    },\n    {\n        name: 'Ad',\n        selector: row => row.title,\n\n    },\n    {\n        name: 'Barkod',\n        selector: row => row.barcode,\n    },\n    {\n        name: 'Stok Kodu',\n        selector: row => row.productCode,\n    },\n    {\n        name: 'Miktar',\n        selector: row => row.quantity,\n    },\n    {\n        name: 'Birim',\n        selector: row => row.unit,\n    },\n    {\n        name: 'Kdv',\n        selector: row => \"%\"+row.vatRate,\n\n    },\n    {\n        name: 'Fiyat',\n        selector: row => <Currency>{row.price}</Currency>,\n\n    },\n    {\n        name: 'Toplam',\n        selector: row => <Currency>{row.totalPrice}</Currency>,\n\n    },\n    {\n        name: 'Kdv Dahil',\n        selector: row => <Currency>{row.totalPriceWithVat}</Currency>,\n\n    },\n  ];\n  return (\n    <>\n      \n      <Header/>\n\n      <div>\n        \n        <SlideProductContainer>\n\n          <InvoiceContainer>\n            \n\n            {\n              order==null || order.length===0 && loading ? \n              <>\n              <div className=\"loader\">\n                <ContentLoader \n                  speed={0.5}\n                  width={2500}\n                  height={160}\n                  viewBox=\"0 0 2400 160\"\n                  backgroundColor=\"#f3f3f3\"\n                  foregroundColor=\"#ecebeb\"\n                  {...props}\n                >\n                  <rect x=\"-25\" y=\"0\" rx=\"3\" ry=\"3\" width=\"2429\" height=\"34\" /> \n                  <rect x=\"-28\" y=\"48\" rx=\"3\" ry=\"3\" width=\"2437\" height=\"35\" /> \n                  <rect x=\"-29\" y=\"96\" rx=\"3\" ry=\"3\" width=\"2441\" height=\"35\" />\n                </ContentLoader>\n                \n              </div>\n              <div className=\"loader\" style={{marginTop:-100}}>\n                <ContentLoader \n                  speed={0.5}\n                  width={2500}\n                  height={160}\n                  viewBox=\"0 0 2400 160\"\n                  backgroundColor=\"#f3f3f3\"\n                  foregroundColor=\"#ecebeb\"\n                  {...props}\n                >\n                  <rect x=\"-25\" y=\"0\" rx=\"3\" ry=\"3\" width=\"2429\" height=\"34\" /> \n                  <rect x=\"-28\" y=\"48\" rx=\"3\" ry=\"3\" width=\"2437\" height=\"35\" /> \n                  <rect x=\"-29\" y=\"96\" rx=\"3\" ry=\"3\" width=\"2441\" height=\"35\" />\n                </ContentLoader>\n                \n              </div>\n              </>\n              :\n              <>\n              <div className='head'>\n\n                <div className='leftHead'>\n                  <div>\n                    <span>Tarih</span>\n                    <span>:</span>\n                    <span>{order.order.date}</span>\n                  </div>\n\n                  <div>\n                    <span>Sipariş No</span>\n                    <span>:</span>\n                    <span>{order.order.orderCode}</span>\n                  </div>\n\n                  <div>\n                    <span>Durum</span>\n                    <span>:</span>\n                    <span>{order.order.status}</span>\n                  </div>\n\n                </div>\n\n                <div className='rightHead'>\n                  <h4>{(JSON.parse(localStorage.getItem('customer'))).title}</h4>\n                  <img onContextMenu={()=>false} src={order.order.image} height={70} />\n                </div>\n                \n              </div>\n\n              <DataTable\n                columns={columns}\n                data={order.items}\n              /> \n\n              <div className='total'>\n                <div className='space'></div>\n                <div>\n                  <span>Toplam Tutar</span>\n                  <span>:</span>\n                  <Currency>{order.order.totalPrice}</Currency>\n                </div>\n              </div>\n\n              {/* <Button>YAZDIR</Button> */}\n              </>\n            }\n\n          </InvoiceContainer>\n\n          \n\n          \n          \n        </SlideProductContainer>\n\n        <SlideProductContainer>\n          \n          <h1>Keşfet</h1>\n\n          {\n            discover.length > 0 ?\n            <SlideProducts items={discover} />\n            :\n            <div className=\"loader\">\n              <ContentLoader speed={0.5} width={221} height={300} style={{marginRight: '20px'}} backgroundColor=\"#f3f3f3\" foregroundColor=\"#ecebeb\" {...props} ><rect x=\"0\" y=\"0\" rx=\"0\" ry=\"0\" width=\"221\" height=\"250\" /><rect x=\"0\" y=\"260\" rx=\"3\" ry=\"3\" width=\"221\" height=\"10\" /><rect x=\"0\" y=\"275\" rx=\"3\" ry=\"3\" width=\"221\" height=\"10\" /><rect x=\"0\" y=\"290\" rx=\"3\" ry=\"3\" width=\"221\" height=\"10\" /></ContentLoader>\n              <ContentLoader speed={0.5} width={221} height={300} style={{marginRight: '40px'}} backgroundColor=\"#f3f3f3\" foregroundColor=\"#ecebeb\"  {...props} ><rect x=\"0\" y=\"0\" rx=\"0\" ry=\"0\" width=\"221\" height=\"250\" /><rect x=\"0\" y=\"260\" rx=\"3\" ry=\"3\" width=\"221\" height=\"10\" /><rect x=\"0\" y=\"275\" rx=\"3\" ry=\"3\" width=\"221\" height=\"10\" /><rect x=\"0\" y=\"290\" rx=\"3\" ry=\"3\" width=\"221\" height=\"10\" /> </ContentLoader>\n              <ContentLoader speed={0.5} width={221} height={300} style={{marginRight: '40px'}} backgroundColor=\"#f3f3f3\" foregroundColor=\"#ecebeb\"  {...props} ><rect x=\"0\" y=\"0\" rx=\"0\" ry=\"0\" width=\"221\" height=\"250\" /><rect x=\"0\" y=\"260\" rx=\"3\" ry=\"3\" width=\"221\" height=\"10\" /><rect x=\"0\" y=\"275\" rx=\"3\" ry=\"3\" width=\"221\" height=\"10\" /><rect x=\"0\" y=\"290\" rx=\"3\" ry=\"3\" width=\"221\" height=\"10\" /> </ContentLoader>\n              <ContentLoader speed={0.5} width={221} height={300} style={{marginRight: '40px'}} backgroundColor=\"#f3f3f3\" foregroundColor=\"#ecebeb\"  {...props} ><rect x=\"0\" y=\"0\" rx=\"0\" ry=\"0\" width=\"221\" height=\"250\" /><rect x=\"0\" y=\"260\" rx=\"3\" ry=\"3\" width=\"221\" height=\"10\" /><rect x=\"0\" y=\"275\" rx=\"3\" ry=\"3\" width=\"221\" height=\"10\" /><rect x=\"0\" y=\"290\" rx=\"3\" ry=\"3\" width=\"221\" height=\"10\" /> </ContentLoader>\n              <ContentLoader speed={0.5} width={221} height={300} style={{marginRight: '40px'}} backgroundColor=\"#f3f3f3\" foregroundColor=\"#ecebeb\"  {...props} ><rect x=\"0\" y=\"0\" rx=\"0\" ry=\"0\" width=\"221\" height=\"250\" /><rect x=\"0\" y=\"260\" rx=\"3\" ry=\"3\" width=\"221\" height=\"10\" /><rect x=\"0\" y=\"275\" rx=\"3\" ry=\"3\" width=\"221\" height=\"10\" /><rect x=\"0\" y=\"290\" rx=\"3\" ry=\"3\" width=\"221\" height=\"10\" /> </ContentLoader>\n              \n            </div>\n          }\n        </SlideProductContainer> \n\n      \n      </div>\n\n      <BottomNav/>\n\n      <Footer/>\n\n    </>\n  )\n}\n","import React, { useState, useLayoutEffect } from \"react\";\nimport { useSelector } from \"react-redux\";\nimport { SlideProductContainer } from \"../styles/Home\";\nimport SlideProducts from \"../components/Slider/Products\";\nimport Header from \"../components/Navigation/Header\";\nimport BottomNav from \"../components/Navigation/Bottom\";\nimport Footer from \"../components/Navigation/Footer\";\nimport \"react-activity/dist/Sentry.css\";\nimport ContentLoader from \"react-content-loader\";\n\nimport { useProductRequests } from \"../helpers/ProductRequests\";\nimport { useOrderRequests } from \"../helpers/OrderRequests\";\nimport { DetailContainer } from \"../styles/Product\";\nimport DataTable from \"react-data-table-component\";\nimport { Link } from \"react-router-dom\";\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\nimport { faEye, faPrint, faSearch } from \"@fortawesome/free-solid-svg-icons\";\nimport { Sentry } from \"react-activity\";\nimport { Currency } from \"react-intl-number-format/dist/index.js\";\n\nexport default function Collections(props) {\n  const { getDiscover } = useProductRequests();\n  const { getCollections } = useOrderRequests();\n\n  const { basket } = useSelector((state) => state.cart);\n\n  const [loading, setLoading] = useState(true);\n  const [discover, setDiscover] = useState([]);\n  const [collections, setCollections] = useState([]);\n\n  useLayoutEffect(() => {\n    if (discover.length === 0) {\n      // getDiscover({ page: 1, count: 20, sort: \"RANDOM\", sortedBy: \"\" })\n      //   .then((response) => {\n      //     setDiscover(response.data.data.items);\n      //   })\n      //   .catch((error) => {\n      //     console.log(\"error\", error.response);\n      //   });\n    }\n  }, []);\n  const [printOn, setPrintOn] = React.useState(false);\n  const printPdf = () => {\n    setTimeout(() => {\n      setPrintOn(false);\n    }, 4500);\n  };\n\n  useLayoutEffect(() => {\n    if (collections.length === 0) {\n      getCollections()\n        .then((response) => {\n          setLoading(false);\n          setCollections(response.data.data.collections);\n        })\n        .catch((error) => {\n          setLoading(false);\n          console.log(\"error\", error.response);\n        });\n    }\n  }, []);\n  const columns = [\n    {\n      name: \"Tarih\",\n      selector: (row) =>\n        row.date != null && row.date.length > 10\n          ? row.date.slice(0, 10)\n          : row.date,\n      // sortable: true,\n      width: \"100px\",\n    },\n    {\n      name: \"Tür\",\n      // selector: row => <> <Link to={\"/siparisler/\"+row.orderId} > <FontAwesomeIcon icon={faEye} /> </Link> </>,\n      selector: (row) => (\n        <div\n          onClick={() => {\n            if (printOn == false) {\n              setPrintOn(row.collectionId);\n              printPdf();\n            }\n          }}\n          className={row.collectionType.replace(/ /g, \"-\") + \" invoices\"}\n        >\n          {printOn != false && printOn == row.collectionId ? (\n            <Sentry />\n          ) : (\n            row.collectionType\n          )}\n        </div>\n      ),\n      // sortable: true,\n      width: \"250px\",\n    },\n    {\n      name: \"Açıklama\",\n      selector: (row) => row.explanation,\n      // sortable: true,\n    },\n    // {\n    //   name: \"Evrak No\",\n    //   selector: (row) => row.documentNumber,\n    //   sortable: true,\n    // },\n\n    {\n      name: \"Alacak\",\n      selector: (row) => (\n        <span style={{ color: \"black\", fontWeight: \"bold\" }}>\n          {row.currency != false ? row.currencyCredit : row.credit}\n          {row.currency != false ? row.currencyUnit : \"₺\"}\n        </span>\n      ),\n      // sortable: true,\n      width: \"250px\",\n    },\n    {\n      name: \"Borç\",\n      selector: (row) => (\n        <span style={{ color: \"black\", fontWeight: \"black\" }}>\n          {row.currency != false ? row.currencyDebt : row.debt}\n          {row.currency != false ? row.currencyUnit : \"₺\"}\n        </span>\n      ),\n      // sortable: true,\n      width: \"250px\",\n    },\n    {\n      name: \"Bakiye\",\n      selector: (row) => (\n        <span style={{ color: \"black\", fontWeight: \"bold\" }}>\n          {row.currency != false ? row.balance : row.balance}\n          {row.currency != false ? row.currencyUnit : \"₺\"}\n        </span>\n      ),\n      // sortable: true,\n      width: \"250px\",\n    },\n    {\n      name: \"Detay\",\n      width: \"160px\",\n      selector: (row) => (\n        <>\n          {row.collectionType.indexOf(\"Fatura\") != -1 ? (\n            <Link\n              className=\"invoices Beklemede\"\n              to={\"/faturalar/\" + row.collectionId}\n            >\n              Fatura Detayı\n            </Link>\n          ) : (\n            <></>\n          )}\n        </>\n      ),\n    },\n  ];\n\n  const [filterText, setFilterText] = React.useState(\"\");\n  const [resetPaginationToggle, setResetPaginationToggle] =\n    React.useState(false);\n  const filteredItems = collections.filter((item) => {\n    return (item.date == null ? \"\" : item.date).includes(\n      filterText.toLowerCase()\n    );\n  });\n\n  const subHeaderComponentMemo = React.useMemo(() => {\n    const handleClear = () => {\n      if (filterText) {\n        setResetPaginationToggle(!resetPaginationToggle);\n        setFilterText(\"\");\n      }\n    };\n\n    return (\n      <>\n        {printOn != false && printOn == true ? (\n          <>\n            <iframe\n              src={\"/yazdir/hareketlerim\"}\n              style={{\n                position: \"fixed\",\n                top: 0,\n                left: 0,\n                zIndex: -1,\n                height: 0,\n                width: 0,\n              }}\n            />\n          </>\n        ) : (\n          <></>\n        )}\n        <div\n          style={{\n            color: \"#000\",\n            border: \"none\",\n\n            backgroundColor: \"rgba(242,242,242,.4)\",\n            marginRight: 20,\n            height: 30,\n            display: \"flex\",\n            alignItems: \"center\",\n            justifyContent: \"center\",\n            width: 250,\n          }}\n        >\n          Bakiye :{\"   \"}\n          <Currency>\n            {JSON.parse(localStorage.getItem(\"customer\")).balance}\n          </Currency>\n        </div>\n        <button\n          style={{\n            color: \"#000\",\n            border: \"none\",\n            outline: \"1px solid #eee\",\n            marginRight: 20,\n            height: 30,\n            width: 120,\n          }}\n          onClick={() => {\n            if (printOn == false) {\n              setPrintOn(true);\n              printPdf();\n            }\n          }}\n        >\n          {printOn == true ? (\n            <Sentry />\n          ) : (\n            <>\n              <FontAwesomeIcon icon={faPrint} style={{ marginRight: 20 }} />\n              Yazdır\n            </>\n          )}\n        </button>\n        <div\n          style={{\n            display: \"flex\",\n            alignItems: \"center\",\n            boxShadow: \"0px 0px 6px #000\",\n            padding: 5,\n            justifyContent: \"center\",\n          }}\n        >\n          <FontAwesomeIcon icon={faSearch} />\n          <input\n            style={{ border: \"none\", outline: \"none\", textAlign: \"right\" }}\n            placeholder=\"Tarih Ara\"\n            className=\"input-group\"\n            value={filterText}\n            onChange={(e) => setFilterText(e.target.value)}\n          />\n        </div>\n      </>\n    );\n  }, [filterText, printOn, resetPaginationToggle]);\n\n  return (\n    <>\n      {printOn != false && printOn == true ? (\n        <>\n          <iframe\n            src={\"yazdir/hareketler\"}\n            style={{\n              position: \"fixed\",\n              top: 0,\n              left: 0,\n              zIndex: -1,\n              height: 0,\n              width: 0,\n            }}\n          />\n        </>\n      ) : (\n        <></>\n      )}\n      {printOn != false && printOn != true ? (\n        <>\n          <iframe\n            src={\"yazdir/hareket/\" + printOn}\n            style={{\n              position: \"fixed\",\n              top: 0,\n              left: 0,\n              zIndex: -1,\n              height: 0,\n              width: 0,\n            }}\n          />\n        </>\n      ) : (\n        <></>\n      )}\n      <Header />\n\n      <div>\n        <SlideProductContainer>\n          {collections.length < 1 && loading == true ? (\n            <>\n              <div className=\"loader\">\n                <ContentLoader\n                  speed={0.5}\n                  width={2500}\n                  height={160}\n                  viewBox=\"0 0 2400 160\"\n                  backgroundColor=\"#f3f3f3\"\n                  foregroundColor=\"#ecebeb\"\n                  {...props}\n                >\n                  <rect x=\"-25\" y=\"0\" rx=\"3\" ry=\"3\" width=\"2429\" height=\"34\" />\n                  <rect x=\"-28\" y=\"48\" rx=\"3\" ry=\"3\" width=\"2437\" height=\"35\" />\n                  <rect x=\"-29\" y=\"96\" rx=\"3\" ry=\"3\" width=\"2441\" height=\"35\" />\n                </ContentLoader>\n              </div>\n              <div className=\"loader\" style={{ marginTop: -100 }}>\n                <ContentLoader\n                  speed={0.5}\n                  width={2500}\n                  height={160}\n                  viewBox=\"0 0 2400 160\"\n                  backgroundColor=\"#f3f3f3\"\n                  foregroundColor=\"#ecebeb\"\n                  {...props}\n                >\n                  <rect x=\"-25\" y=\"0\" rx=\"3\" ry=\"3\" width=\"2429\" height=\"34\" />\n                  <rect x=\"-28\" y=\"48\" rx=\"3\" ry=\"3\" width=\"2437\" height=\"35\" />\n                  <rect x=\"-29\" y=\"96\" rx=\"3\" ry=\"3\" width=\"2441\" height=\"35\" />\n                </ContentLoader>\n              </div>\n            </>\n          ) : (\n            <DataTable\n              pagination\n              subHeader\n              paginationPerPage={50}\n              paginationRowsPerPageOptions={[50, 100, 200]}\n              subHeaderComponent={subHeaderComponentMemo}\n              columns={columns}\n              noDataComponent={<>Hareket kaydı bulunamadı</>}\n              data={filteredItems}\n            />\n          )}\n        </SlideProductContainer>\n\n        <SlideProductContainer>\n          {/* <h1>Keşfet</h1> */}\n\n          {/* {discover.length > 0 ? (\n            <SlideProducts items={discover} />\n          ) : (\n            <div className=\"loader\">\n              <ContentLoader\n                speed={0.5}\n                width={221}\n                height={300}\n                style={{ marginRight: \"20px\" }}\n                backgroundColor=\"#f3f3f3\"\n                foregroundColor=\"#ecebeb\"\n                {...props}\n              >\n                <rect x=\"0\" y=\"0\" rx=\"0\" ry=\"0\" width=\"221\" height=\"250\" />\n                <rect x=\"0\" y=\"260\" rx=\"3\" ry=\"3\" width=\"221\" height=\"10\" />\n                <rect x=\"0\" y=\"275\" rx=\"3\" ry=\"3\" width=\"221\" height=\"10\" />\n                <rect x=\"0\" y=\"290\" rx=\"3\" ry=\"3\" width=\"221\" height=\"10\" />\n              </ContentLoader>\n              <ContentLoader\n                speed={0.5}\n                width={221}\n                height={300}\n                style={{ marginRight: \"40px\" }}\n                backgroundColor=\"#f3f3f3\"\n                foregroundColor=\"#ecebeb\"\n                {...props}\n              >\n                <rect x=\"0\" y=\"0\" rx=\"0\" ry=\"0\" width=\"221\" height=\"250\" />\n                <rect x=\"0\" y=\"260\" rx=\"3\" ry=\"3\" width=\"221\" height=\"10\" />\n                <rect x=\"0\" y=\"275\" rx=\"3\" ry=\"3\" width=\"221\" height=\"10\" />\n                <rect\n                  x=\"0\"\n                  y=\"290\"\n                  rx=\"3\"\n                  ry=\"3\"\n                  width=\"221\"\n                  height=\"10\"\n                />{\" \"}\n              </ContentLoader>\n              <ContentLoader\n                speed={0.5}\n                width={221}\n                height={300}\n                style={{ marginRight: \"40px\" }}\n                backgroundColor=\"#f3f3f3\"\n                foregroundColor=\"#ecebeb\"\n                {...props}\n              >\n                <rect x=\"0\" y=\"0\" rx=\"0\" ry=\"0\" width=\"221\" height=\"250\" />\n                <rect x=\"0\" y=\"260\" rx=\"3\" ry=\"3\" width=\"221\" height=\"10\" />\n                <rect x=\"0\" y=\"275\" rx=\"3\" ry=\"3\" width=\"221\" height=\"10\" />\n                <rect\n                  x=\"0\"\n                  y=\"290\"\n                  rx=\"3\"\n                  ry=\"3\"\n                  width=\"221\"\n                  height=\"10\"\n                />{\" \"}\n              </ContentLoader>\n              <ContentLoader\n                speed={0.5}\n                width={221}\n                height={300}\n                style={{ marginRight: \"40px\" }}\n                backgroundColor=\"#f3f3f3\"\n                foregroundColor=\"#ecebeb\"\n                {...props}\n              >\n                <rect x=\"0\" y=\"0\" rx=\"0\" ry=\"0\" width=\"221\" height=\"250\" />\n                <rect x=\"0\" y=\"260\" rx=\"3\" ry=\"3\" width=\"221\" height=\"10\" />\n                <rect x=\"0\" y=\"275\" rx=\"3\" ry=\"3\" width=\"221\" height=\"10\" />\n                <rect\n                  x=\"0\"\n                  y=\"290\"\n                  rx=\"3\"\n                  ry=\"3\"\n                  width=\"221\"\n                  height=\"10\"\n                />{\" \"}\n              </ContentLoader>\n              <ContentLoader\n                speed={0.5}\n                width={221}\n                height={300}\n                style={{ marginRight: \"40px\" }}\n                backgroundColor=\"#f3f3f3\"\n                foregroundColor=\"#ecebeb\"\n                {...props}\n              >\n                <rect x=\"0\" y=\"0\" rx=\"0\" ry=\"0\" width=\"221\" height=\"250\" />\n                <rect x=\"0\" y=\"260\" rx=\"3\" ry=\"3\" width=\"221\" height=\"10\" />\n                <rect x=\"0\" y=\"275\" rx=\"3\" ry=\"3\" width=\"221\" height=\"10\" />\n                <rect\n                  x=\"0\"\n                  y=\"290\"\n                  rx=\"3\"\n                  ry=\"3\"\n                  width=\"221\"\n                  height=\"10\"\n                />{\" \"}\n              </ContentLoader>\n            </div>\n          )} */}\n        </SlideProductContainer>\n      </div>\n\n      <BottomNav />\n\n      <Footer />\n    </>\n  );\n}\n","import React,{useState,useLayoutEffect} from 'react'\nimport {SlideProductContainer} from '../styles/Home'\nimport SlideProducts from '../components/Slider/Products'\nimport Header from '../components/Navigation/Header'\nimport BottomNav from '../components/Navigation/Bottom'\nimport Footer from '../components/Navigation/Footer'\nimport \"react-activity/dist/Sentry.css\";\nimport ContentLoader from \"react-content-loader\"\nimport {useProductRequests} from '../helpers/ProductRequests'\nimport { useHistory } from 'react-router-dom'\n\n\nexport default function Discover(props) {\n  \n  const {getDiscover} = useProductRequests()\n\n  const history=useHistory()\n\n  const [discover,setDiscover]=useState([])\n\n  useLayoutEffect(() => {\n    \n    if(discover.length===0){\n\n      getDiscover({page:1,count:20,sort:'RANDOM',sortedBy:''}).then((response)=>{\n        setDiscover(response.data.data.items)\n      }).catch((error)=>{\n        console.log(\"error\",error)\n      })\n\n    }\n  }, [])\n\n\n\n  return (\n    <>\n      \n      <Header/>\n\n      <div>\n        \n\n        <SlideProductContainer width={'90%'} left={'5%'}>\n          <h1 onClick={()=>history.push('/kesfet')}>Keşfet</h1>\n          {\n            discover.length > 0 ?\n            <SlideProducts  items={discover} />\n            :\n            <div className=\"loader\">\n              <ContentLoader speed={0.5} width={221} height={300} style={{marginRight: '20px'}} backgroundColor=\"#f3f3f3\" foregroundColor=\"#ecebeb\" {...props} ><rect x=\"0\" y=\"0\" rx=\"0\" ry=\"0\" width=\"221\" height=\"250\" /><rect x=\"0\" y=\"260\" rx=\"3\" ry=\"3\" width=\"221\" height=\"10\" /><rect x=\"0\" y=\"275\" rx=\"3\" ry=\"3\" width=\"221\" height=\"10\" /><rect x=\"0\" y=\"290\" rx=\"3\" ry=\"3\" width=\"221\" height=\"10\" /></ContentLoader>\n              <ContentLoader speed={0.5} width={221} height={300} style={{marginRight: '40px'}} backgroundColor=\"#f3f3f3\" foregroundColor=\"#ecebeb\"  {...props} ><rect x=\"0\" y=\"0\" rx=\"0\" ry=\"0\" width=\"221\" height=\"250\" /><rect x=\"0\" y=\"260\" rx=\"3\" ry=\"3\" width=\"221\" height=\"10\" /><rect x=\"0\" y=\"275\" rx=\"3\" ry=\"3\" width=\"221\" height=\"10\" /><rect x=\"0\" y=\"290\" rx=\"3\" ry=\"3\" width=\"221\" height=\"10\" /> </ContentLoader>\n              <ContentLoader speed={0.5} width={221} height={300} style={{marginRight: '40px'}} backgroundColor=\"#f3f3f3\" foregroundColor=\"#ecebeb\"  {...props} ><rect x=\"0\" y=\"0\" rx=\"0\" ry=\"0\" width=\"221\" height=\"250\" /><rect x=\"0\" y=\"260\" rx=\"3\" ry=\"3\" width=\"221\" height=\"10\" /><rect x=\"0\" y=\"275\" rx=\"3\" ry=\"3\" width=\"221\" height=\"10\" /><rect x=\"0\" y=\"290\" rx=\"3\" ry=\"3\" width=\"221\" height=\"10\" /> </ContentLoader>\n              <ContentLoader speed={0.5} width={221} height={300} style={{marginRight: '40px'}} backgroundColor=\"#f3f3f3\" foregroundColor=\"#ecebeb\"  {...props} ><rect x=\"0\" y=\"0\" rx=\"0\" ry=\"0\" width=\"221\" height=\"250\" /><rect x=\"0\" y=\"260\" rx=\"3\" ry=\"3\" width=\"221\" height=\"10\" /><rect x=\"0\" y=\"275\" rx=\"3\" ry=\"3\" width=\"221\" height=\"10\" /><rect x=\"0\" y=\"290\" rx=\"3\" ry=\"3\" width=\"221\" height=\"10\" /> </ContentLoader>\n              <ContentLoader speed={0.5} width={221} height={300} style={{marginRight: '40px'}} backgroundColor=\"#f3f3f3\" foregroundColor=\"#ecebeb\"  {...props} ><rect x=\"0\" y=\"0\" rx=\"0\" ry=\"0\" width=\"221\" height=\"250\" /><rect x=\"0\" y=\"260\" rx=\"3\" ry=\"3\" width=\"221\" height=\"10\" /><rect x=\"0\" y=\"275\" rx=\"3\" ry=\"3\" width=\"221\" height=\"10\" /><rect x=\"0\" y=\"290\" rx=\"3\" ry=\"3\" width=\"221\" height=\"10\" /> </ContentLoader>\n              \n            </div>\n          }\n          \n        </SlideProductContainer> \n        \n\n      \n      </div>\n\n      <BottomNav/>\n\n      <Footer/>\n\n    </>\n  )\n}\n","import React, { useState, useLayoutEffect } from \"react\";\nimport { useSelector } from \"react-redux\";\nimport { SlideProductContainer } from \"../styles/Home\";\nimport SlideProducts from \"../components/Slider/Products\";\nimport Header from \"../components/Navigation/Header\";\nimport BottomNav from \"../components/Navigation/Bottom\";\nimport Footer from \"../components/Navigation/Footer\";\nimport \"react-activity/dist/Sentry.css\";\nimport ContentLoader from \"react-content-loader\";\n\nimport { useProductRequests } from \"../helpers/ProductRequests\";\nimport { useOrderRequests } from \"../helpers/OrderRequests\";\nimport { InvoiceContainer } from \"../styles/Product\";\nimport DataTable from \"react-data-table-component\";\nimport { Link, useParams } from \"react-router-dom\";\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\nimport { faAngleLeft, faEye, faFilePdf } from \"@fortawesome/free-solid-svg-icons\";\nimport { Currency } from \"react-intl-number-format/dist/index.js\";\nimport { Button } from \"react-bootstrap\";\nimport { Sentry } from \"react-activity\";\nimport { useHistory } from \"react-router-dom/cjs/react-router-dom.min\";\n\nexport default function Basket(props) {\n  const { id } = useParams();\n\n  const { getDiscover } = useProductRequests();\n  const { getInvoice } = useOrderRequests();\n\n  const { basket } = useSelector((state) => state.cart);\n\n  const [discover, setDiscover] = useState([]);\n  const [invoice, setInvoice] = useState([]);\n  const [loading, setLoading] = useState(true);\n\n  useLayoutEffect(() => {\n    if (discover.length === 0) {\n      getDiscover({ page: 1, count: 20, sort: \"RANDOM\", sortedBy: \"\" })\n        .then((response) => {\n          setDiscover(response.data.data.items);\n        })\n        .catch((error) => {\n          console.log(\"error\", error.response);\n        });\n    }\n  }, []);\n  const [printOn, setPrintOn] = React.useState(false);\n  const printPdf = () => {\n    setPrintOn(true);\n    setTimeout(() => {\n      setPrintOn(false);\n    }, 5500);\n  };\n  useLayoutEffect(() => {\n    if (invoice.length === 0) {\n      getInvoice(id)\n        .then((response) => {\n          setInvoice(response.data.data);\n          setLoading(false);\n        })\n        .catch((error) => {\n          console.log(\"error\", error.response);\n        });\n    }\n  }, []);\n  const columns = [\n    {\n      name: \"\",\n      selector: (row, index) => index + 1,\n      width: \"40px\",\n    },\n\n    {\n      name: \"\",\n      selector: (row, index) => (\n        <img onContextMenu={() => false} height={40} src={row.image} />\n      ),\n      width: \"40px\",\n    },\n    {\n      name: \"Stok Adı\",\n      selector: (row) => row.title,\n      width: \"400px\",\n    },\n    // {\n    //   name: \"Barkod\",\n    //   selector: (row) => row.barcode,\n    // },\n    {\n      name: \"Stok Kodu\",\n      selector: (row) => row.productCode,\n    },\n    {\n      name: \"Miktar\",\n      selector: (row) => row.quantity,\n    },\n    {\n      name: \"Birim\",\n      selector: (row) => row.unit,\n    },\n    // {\n    //   name: \"Kdv\",\n    //   selector: (row) => \"%\" + row.vatRate,\n    // },\n    {\n      name: \"Fiyat\",\n      selector: (row) => (\n        <div>\n          {invoice.invoice.currencyUnit}\n          {\" \"}\n          {row.price}\n        </div>\n      ),\n    },\n    {\n      name: \"Toplam\",\n      selector: (row) => (\n        <div>\n          {invoice.invoice.currencyUnit} {row.totalPrice}\n        </div>\n      ),\n    },\n    // {\n    //   name: \"Kdv Dahil\",\n    //   selector: (row) => (\n    //     <div>\n    //       {invoice.invoice.currencyUnit} {row.totalPriceWithVat}\n    //     </div>\n    //   ),\n    // },\n  ];\n  const history=useHistory()\n  return (\n    <>\n      {printOn ? (\n        <>\n          <iframe\n            src={\"/yazdir/faturalar/\" + id+'?random='+Math.random()}\n            style={{\n              position: \"fixed\",\n              top: 0,\n              left: 0,\n              zIndex: -1,\n              height: 0,\n              width: 0,\n            }}\n          />\n        </>\n      ) : (\n        <></>\n      )}\n      <Header />\n\n      <div>\n        <SlideProductContainer>\n          <InvoiceContainer>\n            <div\n              className=\"go-back-btn\"\n              style={{\n                display: \"flex\",\n                alignItems: \"center\",\n                cursor: \"pointer\",\n              }}\n              onClick={() => history.goBack()}\n            >\n              <FontAwesomeIcon icon={faAngleLeft} style={{ marginRight: 10 }} />\n              <span style={{ fontWeight: \"bold\", color: \"#333\", fontSize: 13 }}>\n                Önceki Sayfaya Dön\n              </span>\n            </div>\n            <div\n              style={{\n                width: \"100%\",\n                minHeight: 50,\n                display: \"flex\",\n                justifyContent: \"flex-end\",\n              }}\n            >\n              <button\n                style={{\n                  color: \"#fff\",\n                  borderRadius:20,\n                  border: \"none\",\n                  background:'red',\n                  outline: \"1px solid #eee\",\n                  marginRight: 20,\n                  height: 30,\n                  width: 120,\n                }}\n                onClick={() => {\n                  if (!printOn) {\n                    printPdf();\n                  }\n                }}\n              >\n                {printOn ? <Sentry /> : <>\n                <FontAwesomeIcon icon={faFilePdf} style={{ marginRight: 10 }} />\n                PDF\n                </>}\n              </button>\n            </div>\n\n            {invoice == null || (invoice.length === 0 && loading) ? (\n              <>\n                <div className=\"loader\">\n                  <ContentLoader\n                    speed={0.5}\n                    width={2500}\n                    height={160}\n                    viewBox=\"0 0 2400 160\"\n                    backgroundColor=\"#f3f3f3\"\n                    foregroundColor=\"#ecebeb\"\n                    {...props}\n                  >\n                    <rect\n                      x=\"-25\"\n                      y=\"0\"\n                      rx=\"3\"\n                      ry=\"3\"\n                      width=\"2429\"\n                      height=\"34\"\n                    />\n                    <rect\n                      x=\"-28\"\n                      y=\"48\"\n                      rx=\"3\"\n                      ry=\"3\"\n                      width=\"2437\"\n                      height=\"35\"\n                    />\n                    <rect\n                      x=\"-29\"\n                      y=\"96\"\n                      rx=\"3\"\n                      ry=\"3\"\n                      width=\"2441\"\n                      height=\"35\"\n                    />\n                  </ContentLoader>\n                </div>\n                <div className=\"loader\" style={{ marginTop: -100 }}>\n                  <ContentLoader\n                    speed={0.5}\n                    width={2500}\n                    height={160}\n                    viewBox=\"0 0 2400 160\"\n                    backgroundColor=\"#f3f3f3\"\n                    foregroundColor=\"#ecebeb\"\n                    {...props}\n                  >\n                    <rect\n                      x=\"-25\"\n                      y=\"0\"\n                      rx=\"3\"\n                      ry=\"3\"\n                      width=\"2429\"\n                      height=\"34\"\n                    />\n                    <rect\n                      x=\"-28\"\n                      y=\"48\"\n                      rx=\"3\"\n                      ry=\"3\"\n                      width=\"2437\"\n                      height=\"35\"\n                    />\n                    <rect\n                      x=\"-29\"\n                      y=\"96\"\n                      rx=\"3\"\n                      ry=\"3\"\n                      width=\"2441\"\n                      height=\"35\"\n                    />\n                  </ContentLoader>\n                </div>\n              </>\n            ) : (\n              <>\n                <div className=\"head\">\n                  <div className=\"leftHead\">\n                    <div>\n                      <span>Tarih</span>\n                      <span>:</span>\n                      <span>{invoice.invoice.date}</span>\n                    </div>\n\n                    <div>\n                      <span>Sipariş No</span>\n                      <span>:</span>\n                      <span>{invoice.invoice.invoiceCode}</span>\n                    </div>\n\n                    <div>\n                      <span>Durum</span>\n                      <span>:</span>\n                      <span>{invoice.invoice.status}</span>\n                    </div>\n                  </div>\n\n                  <div className=\"rightHead\">\n                    <h4>\n                      {JSON.parse(localStorage.getItem(\"customer\")).title}\n                    </h4>\n                    <img\n                      onContextMenu={() => false}\n                      src={invoice.invoice.image}\n                      height={70}\n                    />\n                  </div>\n                </div>\n\n                <DataTable columns={columns} data={invoice.items} />\n\n                <div className=\"total\">\n                  <div className=\"space\"></div>\n                  <div>\n                    <span>Toplam Tutar</span>\n                    <span>:</span>\n                    <div>\n                      {invoice.invoice.currencyUnit}{\" \"}\n                      {invoice.invoice.totalPrice}\n                    </div>\n                  </div>\n                </div>\n\n                {/* <Button>YAZDIR</Button> */}\n              </>\n            )}\n          </InvoiceContainer>\n        </SlideProductContainer>\n\n        {/* <SlideProductContainer>\n          <h1>Keşfet</h1>\n\n          {discover.length > 0 ? (\n            <SlideProducts items={discover} />\n          ) : (\n            <div className=\"loader\">\n              <ContentLoader\n                speed={0.5}\n                width={221}\n                height={300}\n                style={{ marginRight: \"20px\" }}\n                backgroundColor=\"#f3f3f3\"\n                foregroundColor=\"#ecebeb\"\n                {...props}\n              >\n                <rect x=\"0\" y=\"0\" rx=\"0\" ry=\"0\" width=\"221\" height=\"250\" />\n                <rect x=\"0\" y=\"260\" rx=\"3\" ry=\"3\" width=\"221\" height=\"10\" />\n                <rect x=\"0\" y=\"275\" rx=\"3\" ry=\"3\" width=\"221\" height=\"10\" />\n                <rect x=\"0\" y=\"290\" rx=\"3\" ry=\"3\" width=\"221\" height=\"10\" />\n              </ContentLoader>\n              <ContentLoader\n                speed={0.5}\n                width={221}\n                height={300}\n                style={{ marginRight: \"40px\" }}\n                backgroundColor=\"#f3f3f3\"\n                foregroundColor=\"#ecebeb\"\n                {...props}\n              >\n                <rect x=\"0\" y=\"0\" rx=\"0\" ry=\"0\" width=\"221\" height=\"250\" />\n                <rect x=\"0\" y=\"260\" rx=\"3\" ry=\"3\" width=\"221\" height=\"10\" />\n                <rect x=\"0\" y=\"275\" rx=\"3\" ry=\"3\" width=\"221\" height=\"10\" />\n                <rect\n                  x=\"0\"\n                  y=\"290\"\n                  rx=\"3\"\n                  ry=\"3\"\n                  width=\"221\"\n                  height=\"10\"\n                />{\" \"}\n              </ContentLoader>\n              <ContentLoader\n                speed={0.5}\n                width={221}\n                height={300}\n                style={{ marginRight: \"40px\" }}\n                backgroundColor=\"#f3f3f3\"\n                foregroundColor=\"#ecebeb\"\n                {...props}\n              >\n                <rect x=\"0\" y=\"0\" rx=\"0\" ry=\"0\" width=\"221\" height=\"250\" />\n                <rect x=\"0\" y=\"260\" rx=\"3\" ry=\"3\" width=\"221\" height=\"10\" />\n                <rect x=\"0\" y=\"275\" rx=\"3\" ry=\"3\" width=\"221\" height=\"10\" />\n                <rect\n                  x=\"0\"\n                  y=\"290\"\n                  rx=\"3\"\n                  ry=\"3\"\n                  width=\"221\"\n                  height=\"10\"\n                />{\" \"}\n              </ContentLoader>\n              <ContentLoader\n                speed={0.5}\n                width={221}\n                height={300}\n                style={{ marginRight: \"40px\" }}\n                backgroundColor=\"#f3f3f3\"\n                foregroundColor=\"#ecebeb\"\n                {...props}\n              >\n                <rect x=\"0\" y=\"0\" rx=\"0\" ry=\"0\" width=\"221\" height=\"250\" />\n                <rect x=\"0\" y=\"260\" rx=\"3\" ry=\"3\" width=\"221\" height=\"10\" />\n                <rect x=\"0\" y=\"275\" rx=\"3\" ry=\"3\" width=\"221\" height=\"10\" />\n                <rect\n                  x=\"0\"\n                  y=\"290\"\n                  rx=\"3\"\n                  ry=\"3\"\n                  width=\"221\"\n                  height=\"10\"\n                />{\" \"}\n              </ContentLoader>\n              <ContentLoader\n                speed={0.5}\n                width={221}\n                height={300}\n                style={{ marginRight: \"40px\" }}\n                backgroundColor=\"#f3f3f3\"\n                foregroundColor=\"#ecebeb\"\n                {...props}\n              >\n                <rect x=\"0\" y=\"0\" rx=\"0\" ry=\"0\" width=\"221\" height=\"250\" />\n                <rect x=\"0\" y=\"260\" rx=\"3\" ry=\"3\" width=\"221\" height=\"10\" />\n                <rect x=\"0\" y=\"275\" rx=\"3\" ry=\"3\" width=\"221\" height=\"10\" />\n                <rect\n                  x=\"0\"\n                  y=\"290\"\n                  rx=\"3\"\n                  ry=\"3\"\n                  width=\"221\"\n                  height=\"10\"\n                />{\" \"}\n              </ContentLoader>\n            </div>\n          )}\n        </SlideProductContainer> */}\n      </div>\n\n      <BottomNav />\n\n      <Footer />\n    </>\n  );\n}\n","import React, { useState, useLayoutEffect } from \"react\";\nimport { useSelector } from \"react-redux\";\nimport { SlideProductContainer } from \"../styles/Home\";\nimport SlideProducts from \"../components/Slider/Products\";\nimport Header from \"../components/Navigation/Header\";\nimport BottomNav from \"../components/Navigation/Bottom\";\nimport Footer from \"../components/Navigation/Footer\";\nimport \"react-activity/dist/Sentry.css\";\nimport ContentLoader from \"react-content-loader\";\n\nimport { useProductRequests } from \"../helpers/ProductRequests\";\nimport { useOrderRequests } from \"../helpers/OrderRequests\";\nimport { DetailContainer } from \"../styles/Product\";\nimport DataTable from \"react-data-table-component\";\nimport { Link } from \"react-router-dom\";\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\nimport { faEye, faSearch } from \"@fortawesome/free-solid-svg-icons\";\nimport { Currency } from \"react-intl-number-format/dist/index.js\";\nimport { useHistory } from \"react-router-dom/cjs/react-router-dom.min\";\nimport { Sentry } from \"react-activity\";\n\nexport default function Basket(props) {\n  const { getDiscover } = useProductRequests();\n  const { getInvoices } = useOrderRequests();\n\n  const history = useHistory();\n\n  const { basket } = useSelector((state) => state.cart);\n\n  const [loading, setLoading] = useState(true);\n  const [discover, setDiscover] = useState([]);\n  const [invoices, setInvoices] = useState([]);\n\n  useLayoutEffect(() => {\n    if (discover.length === 0) {\n      getDiscover({ page: 1, count: 20, sort: \"RANDOM\", sortedBy: \"\" })\n        .then((response) => {\n          setDiscover(response.data.data.items);\n        })\n        .catch((error) => {\n          console.log(\"error\", error.response);\n        });\n    }\n  }, []);\n\n  useLayoutEffect(() => {\n    if (invoices.length === 0) {\n      getInvoices()\n        .then((response) => {\n          setLoading(false)\n          setInvoices(response.data.data);\n        })\n        .catch((error) => {\n          console.log(\"error\", error.response);\n        });\n    }\n  }, []);\n  const columns = [\n    {\n      name: \"Kod\",\n      selector: (row) => <>{row.invoiceCode}</>,\n      sortable: true,\n    },\n    {\n      name: \"Ad\",\n      selector: (row) => row.detail,\n      sortable: true,\n    },\n\n    {\n      name: \"Tutar\",\n      selector: (row) => (\n        <span style={{ color: \"green\", fontWeight: \"bold\" }}>\n          <Currency>{row.totalPrice}</Currency>\n        </span>\n      ),\n      sortable: true,\n    },\n    {\n      name: \"Tarih\",\n      selector: (row) => row.date,\n      sortable: true,\n    },\n    {\n      name: \"\",\n      selector: (row) => (\n        <Link\n          className={row.status + \" invoices\"}\n          to={\"/faturalar/\" + row.invoiceId}\n        >\n          {\" \"}\n          {row.status.toUpperCase()}{\" \"}\n        </Link>\n      ),\n      sortable: true,\n    },\n  ];\n\n  const [filterText, setFilterText] = React.useState(\"\");\n  const [printOn, setPrintOn] = React.useState(false);\n  const [resetPaginationToggle, setResetPaginationToggle] =\n    React.useState(false);\n  const filteredItems = invoices.filter((item) => {\n    return (\n      item.date.toLowerCase().includes(filterText.toLowerCase()) ||\n      item.detail.toLowerCase().includes(filterText.toLowerCase()) ||\n      (item.orderCode + \"\").toLowerCase().includes(filterText.toLowerCase()) ||\n      (item.orderId + \"\").toLowerCase().includes(filterText.toLowerCase()) ||\n      item.status.toLowerCase().includes(filterText.toLowerCase()) ||\n      (item.totalPrice + \"\").toLowerCase().includes(filterText.toLowerCase())\n    );\n  });\n\n  const printPdf = () => {\n    setPrintOn(true);\n    setTimeout(() => {\n      setPrintOn(false);\n    }, 4500);\n  };\n\n  const subHeaderComponentMemo = React.useMemo(() => {\n    const handleClear = () => {\n      if (filterText) {\n        setResetPaginationToggle(!resetPaginationToggle);\n        setFilterText(\"\");\n      }\n    };\n\n    return (\n      <>\n        <button\n          style={{\n            color: \"#000\",\n            border: \"none\",\n            outline: \"1px solid #eee\",\n            marginRight: 20,\n            height: 30,\n            width: 70,\n          }}\n          onClick={() => {\n            if (!printOn) {\n              printPdf();\n            }\n          }}\n        >\n          {printOn ? <Sentry /> : \"PDF\"}\n        </button>\n        <div\n          style={{\n            display: \"flex\",\n            alignItems: \"center\",\n            boxShadow: \"0px 0px 6px #000\",\n            padding: 5,\n            justifyContent: \"center\",\n          }}\n        >\n          <FontAwesomeIcon icon={faSearch} />\n          <input\n            style={{ border: \"none\", outline: \"none\", textAlign: \"right\" }}\n            placeholder=\"Ara\"\n            className=\"input-group\"\n            value={filterText}\n            onChange={(e) => setFilterText(e.target.value)}\n          />\n        </div>\n      </>\n    );\n  }, [filterText,printOn, resetPaginationToggle, invoices]);\n\n  return (\n    <>\n      {printOn ? (\n        <>\n          <iframe\n            src={\"yazdir/faturalar\"}\n            style={{\n              position: \"fixed\",\n              top: 0,\n              left: 0,\n              zIndex: -1,\n              height: 0,\n              width: 0,\n            }}\n          />\n        </>\n      ) : (\n        <></>\n      )}\n      <Header />\n\n      <div>\n        <SlideProductContainer>\n          {invoices.length < 1 && loading==true ? (\n            <>\n              <div className=\"loader\">\n                <ContentLoader\n                  speed={0.5}\n                  width={2500}\n                  height={160}\n                  viewBox=\"0 0 2400 160\"\n                  backgroundColor=\"#f3f3f3\"\n                  foregroundColor=\"#ecebeb\"\n                  {...props}\n                >\n                  <rect x=\"-25\" y=\"0\" rx=\"3\" ry=\"3\" width=\"2429\" height=\"34\" />\n                  <rect x=\"-28\" y=\"48\" rx=\"3\" ry=\"3\" width=\"2437\" height=\"35\" />\n                  <rect x=\"-29\" y=\"96\" rx=\"3\" ry=\"3\" width=\"2441\" height=\"35\" />\n                </ContentLoader>\n              </div>\n              <div className=\"loader\" style={{ marginTop: -100 }}>\n                <ContentLoader\n                  speed={0.5}\n                  width={2500}\n                  height={160}\n                  viewBox=\"0 0 2400 160\"\n                  backgroundColor=\"#f3f3f3\"\n                  foregroundColor=\"#ecebeb\"\n                  {...props}\n                >\n                  <rect x=\"-25\" y=\"0\" rx=\"3\" ry=\"3\" width=\"2429\" height=\"34\" />\n                  <rect x=\"-28\" y=\"48\" rx=\"3\" ry=\"3\" width=\"2437\" height=\"35\" />\n                  <rect x=\"-29\" y=\"96\" rx=\"3\" ry=\"3\" width=\"2441\" height=\"35\" />\n                </ContentLoader>\n              </div>\n            </>\n          ) : (\n            <DataTable\n              pagination\n              subHeader\n              noDataComponent={<>Fatura kaydı bulunamadı</>}\n              subHeaderComponent={subHeaderComponentMemo}\n              columns={columns}\n              data={filteredItems}\n            />\n          )}\n        </SlideProductContainer>\n\n        {/* <SlideProductContainer>\n          <h1>Keşfet</h1>\n\n          {discover.length > 0 ? (\n            <SlideProducts items={discover} />\n          ) : (\n            <div className=\"loader\">\n              <ContentLoader\n                speed={0.5}\n                width={221}\n                height={300}\n                style={{ marginRight: \"20px\" }}\n                backgroundColor=\"#f3f3f3\"\n                foregroundColor=\"#ecebeb\"\n                {...props}\n              >\n                <rect x=\"0\" y=\"0\" rx=\"0\" ry=\"0\" width=\"221\" height=\"250\" />\n                <rect x=\"0\" y=\"260\" rx=\"3\" ry=\"3\" width=\"221\" height=\"10\" />\n                <rect x=\"0\" y=\"275\" rx=\"3\" ry=\"3\" width=\"221\" height=\"10\" />\n                <rect x=\"0\" y=\"290\" rx=\"3\" ry=\"3\" width=\"221\" height=\"10\" />\n              </ContentLoader>\n              <ContentLoader\n                speed={0.5}\n                width={221}\n                height={300}\n                style={{ marginRight: \"40px\" }}\n                backgroundColor=\"#f3f3f3\"\n                foregroundColor=\"#ecebeb\"\n                {...props}\n              >\n                <rect x=\"0\" y=\"0\" rx=\"0\" ry=\"0\" width=\"221\" height=\"250\" />\n                <rect x=\"0\" y=\"260\" rx=\"3\" ry=\"3\" width=\"221\" height=\"10\" />\n                <rect x=\"0\" y=\"275\" rx=\"3\" ry=\"3\" width=\"221\" height=\"10\" />\n                <rect\n                  x=\"0\"\n                  y=\"290\"\n                  rx=\"3\"\n                  ry=\"3\"\n                  width=\"221\"\n                  height=\"10\"\n                />{\" \"}\n              </ContentLoader>\n              <ContentLoader\n                speed={0.5}\n                width={221}\n                height={300}\n                style={{ marginRight: \"40px\" }}\n                backgroundColor=\"#f3f3f3\"\n                foregroundColor=\"#ecebeb\"\n                {...props}\n              >\n                <rect x=\"0\" y=\"0\" rx=\"0\" ry=\"0\" width=\"221\" height=\"250\" />\n                <rect x=\"0\" y=\"260\" rx=\"3\" ry=\"3\" width=\"221\" height=\"10\" />\n                <rect x=\"0\" y=\"275\" rx=\"3\" ry=\"3\" width=\"221\" height=\"10\" />\n                <rect\n                  x=\"0\"\n                  y=\"290\"\n                  rx=\"3\"\n                  ry=\"3\"\n                  width=\"221\"\n                  height=\"10\"\n                />{\" \"}\n              </ContentLoader>\n              <ContentLoader\n                speed={0.5}\n                width={221}\n                height={300}\n                style={{ marginRight: \"40px\" }}\n                backgroundColor=\"#f3f3f3\"\n                foregroundColor=\"#ecebeb\"\n                {...props}\n              >\n                <rect x=\"0\" y=\"0\" rx=\"0\" ry=\"0\" width=\"221\" height=\"250\" />\n                <rect x=\"0\" y=\"260\" rx=\"3\" ry=\"3\" width=\"221\" height=\"10\" />\n                <rect x=\"0\" y=\"275\" rx=\"3\" ry=\"3\" width=\"221\" height=\"10\" />\n                <rect\n                  x=\"0\"\n                  y=\"290\"\n                  rx=\"3\"\n                  ry=\"3\"\n                  width=\"221\"\n                  height=\"10\"\n                />{\" \"}\n              </ContentLoader>\n              <ContentLoader\n                speed={0.5}\n                width={221}\n                height={300}\n                style={{ marginRight: \"40px\" }}\n                backgroundColor=\"#f3f3f3\"\n                foregroundColor=\"#ecebeb\"\n                {...props}\n              >\n                <rect x=\"0\" y=\"0\" rx=\"0\" ry=\"0\" width=\"221\" height=\"250\" />\n                <rect x=\"0\" y=\"260\" rx=\"3\" ry=\"3\" width=\"221\" height=\"10\" />\n                <rect x=\"0\" y=\"275\" rx=\"3\" ry=\"3\" width=\"221\" height=\"10\" />\n                <rect\n                  x=\"0\"\n                  y=\"290\"\n                  rx=\"3\"\n                  ry=\"3\"\n                  width=\"221\"\n                  height=\"10\"\n                />{\" \"}\n              </ContentLoader>\n            </div>\n          )}\n        </SlideProductContainer> */}\n      </div>\n\n      <BottomNav />\n\n      <Footer />\n    </>\n  );\n}\n","import React from 'react'\n\nexport default function MyProfile() {\n  return (\n    <div>MyProfile</div>\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 dispatch=useDispatch()\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\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        <Helmet>\n          <title>\n            Toptan {categories[0].name} Ürünleri - Ulusoy Toptan Ayakkabı\n          </title>\n        </Helmet>\n      ) : (\n        <Helmet>\n          <title>Toptan Ayakkabı - Ulusoy Toptan Ayakkabı</title>\n        </Helmet>\n      )}\n\n      <Header />\n      <h1 className=\"analizicin\">\n        {categories.length > 0 && categories[0].name} Kategori Ürünleri - Ulusoy\n        Toptan Ayakkabı{\" \"}\n      </h1>\n      <div className=\"category-img-carousel\">\n        <Carousel\n          disableArrowsOnEnd={true}\n          pagination={false}\n          renderArrow={({ type, onClick, isEdge }) => {\n            const pointer = type === consts.PREV ? faAngleLeft : faAngleRight;\n            return true ? (\n              <div>\n                <button\n                  onClick={onClick}\n                  style={{\n                    background: \"none\",\n                    border: \"none\",\n                    cursor: \"pointer\",\n                    outline: \"none\",\n                    padding: 10,\n                    position: \"absolute\",\n                    top: \"50%\",\n                    transform: \"translateY(-50%)\",\n                    zIndex: 100900,\n                    left: type === consts.PREV ? 0 : \"unset\",\n                    right: type === consts.NEXT ? 0 : \"unset\",\n                  }}\n                >\n                  <FontAwesomeIcon icon={pointer} style={{ fontSize: 30 }} />\n                </button>\n              </div>\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                <div\n                  key={item.id + item.slug}\n                  onClick={() => {\n                    if (selected.includes(item.slug)) {\n                      setSelected(selected.filter((x) => x != item.slug));\n                    } else {\n                      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                  <div\n                    style={{\n                      backgroundSize: \"80%\",\n                      backgroundRepeat: \"no-repeat\",\n                      border: selected.includes(item.slug)\n                        ? \"3px solid #F27A1A\"\n                        : \"1px solid #F5F5F5\",\n                      borderRadius: 1000,\n                      background: \"#F5F5F5\",\n                      display: \"flex\",\n                      justifyContent: \"center\",\n                      alignItems: \"center\",\n                      backgroundPosition: \"center\",\n                      width: 80,\n                      height: 80,\n                      boxShadow:\n                        \"0px 0px \" +\n                        (selected.includes(item.slug) ? \"4\" : \"0\") +\n                        \"px #F27A1A\",\n                    }}\n                  >\n                    <span\n                      className=\"brand-name\"\n                      style={{\n                        fontSize: 16,\n                        backgroundImage: \"url(\" + item.image + \")\",\n                        backgroundRepeat: \"no-repeat\",\n                        width: \"100%\",\n                        border: \"1px solid #F5F5F5\",\n                        height: \"100%\",\n                        backgroundColor: \"#fff\",\n                        borderRadius: 1000,\n                        backgroundSize: \"90%\",\n                        backgroundPosition: \"center\",\n                        color: selected.includes(item.slug)\n                          ? \"#F27A1A\"\n                          : \"#000\",\n                        fontWeight: selected.includes(item.slug)\n                          ? \"bold\"\n                          : \"bold\",\n                      }}\n                    ></span>\n                  </div>\n                  <span style={{ fontSize: 11 }}>{item.name}</span>\n                </div>\n              );\n            });\n          })}\n        </Carousel>\n      </div>\n      <div style={{ width: \"100%\" }}>\n        <div className=\"filters\">\n          <div className=\"left\">\n            {!open && (\n              <div className=\"filter-btn\" onClick={() => setOpen(true)}>\n                <FontAwesomeIcon icon={faSlidersH} /> Filtreler\n              </div>\n            )}\n          </div>\n          <div className=\"right\">\n            {selected.length > 0 ||\n            minPrice != null ||\n            maxPrice != null ||\n            selectedBrands.length > 0 ||\n            selectedColors.length > 0 ||\n            selectedSoles.length > 0 ? (\n              <>\n                <div className=\"filtered-list\">\n                  <div\n                    className=\"filtered-item all-remover\"\n                    key={\"filtergfsed-x-\"}\n                    onClick={() => {\n                      setSelectedBrands([]);\n                      setSelected([]);\n                      setSelectedColors([]);\n                    }}\n                  >\n                    Filtreyi Temizle\n                    <span>x</span>\n                  </div>\n\n                  {selectedBrands.map((x) => {\n                    return (\n                      <div\n                        className=\"filtered-item\"\n                        key={\"filtergfsed-x-\" + x}\n                        onClick={() => {\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                        <span>x</span>\n                      </div>\n                    );\n                  })}\n                  {selected.map((x) => {\n                    return (\n                      <div\n                        key={\"filtereddfgd-y-\" + x}\n                        onClick={() => {\n                          setSelected(selected.filter((y) => y != x));\n                        }}\n                        className=\"filtered-item\"\n                      >\n                        {getSlugToName(x)} <span>x</span>\n                      </div>\n                    );\n                  })}\n                  {selectedColors.map((x) => {\n                    return (\n                      <div\n                        key={\"filtered-color-sdfgc\" + x}\n                        onClick={() => {\n                          setSelectedColors(\n                            selectedColors.filter((y) => y != x)\n                          );\n                        }}\n                        className=\"filtered-item\"\n                      >\n                        {x}\n                        <span>x</span>\n                      </div>\n                    );\n                  })}\n                  {selectedSoles.map((x) => {\n                    return (\n                      <div\n                        key={\"filtered-sodlfdge-\" + x.id}\n                        onClick={() => {\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                        <span>x</span>\n                      </div>\n                    );\n                  })}\n                  {minPrice != null && (\n                    <div\n                      onClick={() => {\n                        setMinPrice(null);\n                      }}\n                      className=\"filtered-item\"\n                    >\n                      En Az {minPrice}₺<span>x</span>\n                    </div>\n                  )}\n                  {maxPrice != null && (\n                    <div\n                      onClick={() => {\n                        setMaxPrice(null);\n                      }}\n                      className=\"filtered-item\"\n                    >\n                      En Fazla {maxPrice}₺<span>x</span>\n                    </div>\n                  )}\n                </div>\n              </>\n            ) : (\n              <></>\n            )}\n            <button\n              className=\"sort-btn\"\n              onClick={() => setFilterOpen(!filterOpen)}\n            >\n              <FontAwesomeIcon\n                icon={sort.sortedBy == \"DESC\" ? faAngleDown : faAngleUp}\n                style={{ marginRight: 10 }}\n              />{\" \"}\n              {sort.name}\n              <div\n                className=\"filter-list\"\n                style={{ display: filterOpen != true ? \"none\" : \"unset\" }}\n              >\n                <div\n                  onClick={() =>\n                    setSort({\n                      sort: \"RANDOM\",\n                      sortedBy: \"\",\n                      name: \"Keşfet\",\n                    })\n                  }\n                  className=\"item\"\n                >\n                  {sort.sort == \"RANDOM\" ? (\n                    <>\n                      <FontAwesomeIcon icon={faCheck} />{\" \"}\n                    </>\n                  ) : (\n                    \"\"\n                  )}\n                  Keşfet\n                </div>\n                <div\n                  onClick={() =>\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                      <FontAwesomeIcon icon={faCheck} />{\" \"}\n                    </>\n                  ) : (\n                    \"\"\n                  )}\n                  Yeni Ürünler\n                </div>\n                <div\n                  onClick={() =>\n                    setSort({\n                      sort: \"DATE\",\n                      sortedBy: \"ASC\",\n                      name: \"Eski Ürünler\",\n                    })\n                  }\n                  className=\"item\"\n                >\n                  {sort.sortedBy == \"ASC\" && sort.sort == \"DATE\" ? (\n                    <>\n                      <FontAwesomeIcon icon={faCheck} />{\" \"}\n                    </>\n                  ) : (\n                    \"\"\n                  )}\n                  Eski Ürünler\n                </div>\n                <div\n                  onClick={() =>\n                    setSort({\n                      sort: \"PRICE\",\n                      sortedBy: \"ASC\",\n                      name: \"Artan Fiyat\",\n                    })\n                  }\n                  className=\"item\"\n                >\n                  {sort.sortedBy == \"ASC\" && sort.sort == \"PRICE\" ? (\n                    <>\n                      <FontAwesomeIcon icon={faCheck} />{\" \"}\n                    </>\n                  ) : (\n                    \"\"\n                  )}\n                  Artan Fiyat\n                </div>\n                <div\n                  onClick={() =>\n                    setSort({\n                      sort: \"PRICE\",\n                      sortedBy: \"DESC\",\n                      name: \"Azalan Fiyat\",\n                    })\n                  }\n                  className=\"item\"\n                >\n                  {sort.sortedBy == \"DESC\" && sort.sort == \"PRICE\" ? (\n                    <>\n                      <FontAwesomeIcon icon={faCheck} />{\" \"}\n                    </>\n                  ) : (\n                    \"\"\n                  )}\n                  Azalan Fiyat\n                </div>\n                <div\n                  onClick={() =>\n                    setSort({\n                      sort: \"STOCK\",\n                      sortedBy: \"DESC\",\n                      name: \"Azalan Mevcut\",\n                    })\n                  }\n                  className=\"item\"\n                >\n                  {sort.sortedBy == \"DESC\" && sort.sort == \"STOCK\" ? (\n                    <>\n                      <FontAwesomeIcon icon={faCheck} />{\" \"}\n                    </>\n                  ) : (\n                    \"\"\n                  )}\n                  Azalan Mevcut\n                </div>\n                <div\n                  onClick={() =>\n                    setSort({\n                      sort: \"STOCK\",\n                      sortedBy: \"ASC\",\n                      name: \"Artan Mevcut\",\n                    })\n                  }\n                  className=\"item\"\n                >\n                  {sort.sortedBy == \"ASC\" && sort.sort == \"STOCK\" ? (\n                    <>\n                      <FontAwesomeIcon icon={faCheck} />{\" \"}\n                    </>\n                  ) : (\n                    \"\"\n                  )}\n                  Artan Mevcut\n                </div>\n                <div\n                  onClick={() =>\n                    setSort({\n                      sort: \"TOPSALES\",\n                      sortedBy: \"DESC\",\n                      name: \"En Çok Satan\",\n                    })\n                  }\n                  className=\"item\"\n                >\n                  {sort.sortedBy == \"DESC\" && sort.sort == \"TOPSALES\" ? (\n                    <>\n                      <FontAwesomeIcon icon={faCheck} />{\" \"}\n                    </>\n                  ) : (\n                    \"\"\n                  )}\n                  En Çok Satan\n                </div>\n              </div>\n            </button>\n\n            <div className=\"total\">\n              {allData != null &&\n              allData.currentPage != null &&\n              allData.count != null ? (\n                <div className=\"count\">\n                  {/* {allData.count * allData.currentPage} /{\" \"} */}\n                  {/* {products.length}\n                    <strong>/</strong> */}\n                  {allData.totalCount} Ürün\n                </div>\n              ) : (\n                <></>\n              )}\n            </div>\n          </div>\n        </div>\n      </div>\n      <ProductContent open={open}>\n        <div className=\"filter\">\n          {width < 1140 && (\n            <div className=\"overlay\" onClick={() => setOpen(false)}></div>\n          )}\n          <div className=\"categories\">\n            <div className=\"category-item head\" onClick={() => setOpen(!open)}>\n              <span>\n                <FontAwesomeIcon icon={faBars} />\n              </span>\n              <span>Kategoriler</span>\n              <span>x</span>\n            </div>\n            {categories.map((x) => {\n              return (\n                <CategoryItem\n                  key={\"categorydfscv-item-\" + x.slug}\n                  category={x}\n                  slug={\"null\"}\n                  selected={selected}\n                  setSelected={setSelected}\n                  dispatch={dispatch}\n                />\n              );\n            })}\n            {/* {selected.length > 0 ||\n            selectedBrands.length > 0 ||\n            selectedColors.length > 0 ||\n            selectedSoles.length > 0 ? (\n              <>\n                <div className=\"category-item alt-head\">\n                  <span>\n                    <FontAwesomeIcon icon={faFilter} />\n                  </span>\n                  <span>Filtreler</span>\n                  <span\n                    style={{ fontSize: 11 }}\n                    onClick={() => {\n                      setSelectedBrands([]);\n                      setSelected([]);\n                    }}\n                  >\n                    Tümünü Kaldır\n                  </span>\n                </div>\n                <div className=\"filtered-list\">\n                  {selectedBrands.map((x) => {\n                    return (\n                      <div\n                        className=\"filtered-item\"\n                        key={\"filtergfsed-x-\" + x}\n                        onClick={() => {\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                        <span>x</span>\n                      </div>\n                    );\n                  })}\n                  {selected.map((x) => {\n                    return (\n                      <div\n                        key={\"filtereddfgd-y-\" + x}\n                        onClick={() => {\n                          setSelected(selected.filter((y) => y != x));\n                        }}\n                        className=\"filtered-item\"\n                      >\n                        {getSlugToName(x)} <span>x</span>\n                      </div>\n                    );\n                  })}\n                  {selectedColors.map((x) => {\n                    return (\n                      <div\n                        key={\"filtered-color-sdfgc\" + x}\n                        onClick={() => {\n                          setSelectedColors(\n                            selectedColors.filter((y) => y != x)\n                          );\n                        }}\n                        className=\"filtered-item\"\n                      >\n                        {x}\n                        <span>x</span>\n                      </div>\n                    );\n                  })}\n                  {selectedSoles.map((x) => {\n                    return (\n                      <div\n                        key={\"filtered-sodlfdge-\" + x.id}\n                        onClick={() => {\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                        <span>x</span>\n                      </div>\n                    );\n                  })}\n                </div>\n              </>\n            ) : (\n              <></>\n            )} */}\n            {brands.length > 0 && (\n              <>\n                <div\n                  className={\"category-item alt-head \"}\n                  onClick={() => {\n                    setBrandOpen(!brandOpen);\n                  }}\n                  style={{ position: \"relative\" }}\n                >\n                  <span\n                    style={{\n                      transition: \"600ms all\",\n                      transform: brandOpen\n                        ? \"rotateX(180deg)\"\n                        : \"rotateX(0deg)\",\n                    }}\n                  >\n                    <FontAwesomeIcon icon={faAngleDown} />\n                  </span>\n                  <span>Marka</span>\n\n                  <span style={{ fontSize: 11 }} onClick={() => {}}>\n                    (\n                    {\n                      brands.filter((x) =>\n                        x.name\n                          .toLocaleLowerCase(\"tr\")\n                          .startsWith(brandSearchTxt.toLocaleLowerCase(\"tr\"))\n                      ).length\n                    }\n                    )\n                  </span>\n                </div>\n                <div\n                  className=\"search-box category-sub-item\"\n                  style={{ display: brandOpen ? \"\" : \"none\" }}\n                >\n                  <input\n                    type=\"text\"\n                    value={brandSearchTxt}\n                    onChange={(e) => setBrandSearchTxt(e.target.value)}\n                    placeholder=\"Marka Ara\"\n                  />\n                  {brandSearchTxt.length > 0 && (\n                    <span\n                      onClick={() => setBrandSearchTxt(\"\")}\n                      className=\"search-trash\"\n                    >\n                      <FontAwesomeIcon icon={faTimes} />\n                    </span>\n                  )}\n                </div>\n                <div\n                  className=\"colors\"\n                  style={{ display: brandOpen ? \"\" : \"none\" }}\n                >\n                  {brands\n                    .filter((x) => selectedBrands.includes(x.slug))\n                    .filter((x) =>\n                      x.name\n                        .toLocaleLowerCase(\"tr\")\n\n                        .startsWith(brandSearchTxt.toLocaleLowerCase(\"tr\"))\n                    )\n                    .map((x) => {\n                      return (\n                        <BrandItem\n                          key={\"sole-item-dffgdhgh-\" + x.id}\n                          brand={x}\n                          selectedBrands={selectedBrands}\n                          setSelectedBrands={setSelectedBrands}\n                          categoryMode={false}\n                        />\n                      );\n                    })}\n                  {brands\n                    .filter((x) => !selectedBrands.includes(x.slug))\n                    .filter((x) =>\n                      x.name\n                        .toLocaleLowerCase(\"tr\")\n                        .startsWith(brandSearchTxt.toLocaleLowerCase(\"tr\"))\n                    )\n                    .map((x) => {\n                      return (\n                        <BrandItem\n                          key={\"sole-item-dffgdhgh-\" + x.id}\n                          brand={x}\n                          selectedBrands={selectedBrands}\n                          setSelectedBrands={setSelectedBrands}\n                          categoryMode={false}\n                        />\n                      );\n                    })}\n                </div>\n              </>\n            )}\n            <div\n              className={\"category-item alt-head \"}\n              onClick={() => {\n                setColorOpen(!colorOpen);\n              }}\n              // onClick={() => setOpened(opened == \"renkler\" ? \"\" : \"renkler\")}\n            >\n              <span\n                style={{\n                  transition: \"600ms all\",\n                  transform: colorOpen ? \"rotateX(180deg)\" : \"rotateX(0deg)\",\n                }}\n              >\n                <FontAwesomeIcon icon={faAngleDown} />\n              </span>\n              <span>Renk</span>\n              <span style={{ fontSize: 11 }} onClick={() => {}}>\n                (\n                {\n                  colors.filter((x) =>\n                    x.color\n                      .toLocaleLowerCase(\"tr\")\n                      .startsWith(colorSearchTxt.toLocaleLowerCase(\"tr\"))\n                  ).length\n                }\n                )\n              </span>\n            </div>\n            <div\n              className=\"search-box category-sub-item\"\n              style={{ display: colorOpen ? \"\" : \"none\" }}\n            >\n              <input\n                type=\"text\"\n                value={colorSearchTxt}\n                onChange={(e) => setColorSearchTxt(e.target.value)}\n                placeholder=\"Renk Ara\"\n              />\n              {colorSearchTxt.length > 0 && (\n                <span\n                  onClick={() => setColorSearchTxt(\"\")}\n                  className=\"search-trash\"\n                >\n                  <FontAwesomeIcon icon={faTimes} />\n                </span>\n              )}\n            </div>\n            <div\n              className=\"colors\"\n              // style={{ display: opened == \"renkler\" ? \"\" : \"none\" }}\n              style={{ display: colorOpen ? \"\" : \"none\" }}\n            >\n              {colors\n                .filter((x) => selectedColors.includes(x.color))\n                .filter((x) =>\n                  x.color\n                    .toLocaleLowerCase(\"tr\")\n                    .startsWith(colorSearchTxt.toLocaleLowerCase(\"tr\"))\n                )\n                .map((x) => {\n                  return (\n                    <ColorItem\n                      key={\"color-item-dfgh-\" + x.color}\n                      color={x}\n                      selectedColors={selectedColors}\n                      setSelectedColors={setSelectedColors}\n                      categoryMode={false}\n                    />\n                  );\n                })}\n              {colors\n                .filter((x) => !selectedColors.includes(x.color))\n                .filter((x) =>\n                  x.color\n                    .toLocaleLowerCase(\"tr\")\n                    .startsWith(colorSearchTxt.toLocaleLowerCase(\"tr\"))\n                )\n                .map((x) => {\n                  return (\n                    <ColorItem\n                      key={\"color-item-dfgh-\" + x.color}\n                      color={x}\n                      selectedColors={selectedColors}\n                      setSelectedColors={setSelectedColors}\n                      categoryMode={false}\n                    />\n                  );\n                })}\n            </div>\n\n            {/* <div\n              className={\n                \"category-item alt-head\" + (opened == \"tabanlar\" ? \" open\" : \"\")\n              }\n              onClick={() => setOpened(opened == \"tabanlar\" ? \"\" : \"tabanlar\")}\n            >\n              <span>\n                <FontAwesomeIcon icon={faBarcode} />\n              </span>\n              <span>Tabanlar</span>\n              <span style={{ fontSize: 11 }} onClick={() => {}}>\n                <FontAwesomeIcon icon={faAngleDown} />\n              </span>\n            </div>\n            <div\n              className=\"colors\"\n              style={{ display: opened == \"tabanlar\" ? \"\" : \"none\" }}\n            >\n              {soles.map((x) => {\n                return (\n                  <SoleItem\n                    key={\"sole-item-dffgdhgh-\" + x.id}\n                    slug={slug}\n                    sole={x}\n                    selectedSoles={selectedSoles}\n                    setSelectedSoles={setSelectedSoles}\n                    categoryMode={false}\n                  />\n                );\n              })}\n            </div> */}\n          </div>\n          <div\n            className={\n              \"category-item alt-head\" + (opened == \"fiyat\" ? \" open\" : \"\")\n            }\n            onClick={() => setOpened(opened == \"fiyat\" ? \"\" : \"fiyat\")}\n          >\n            <span>₺</span>\n            <span>Fiyat Aralığı</span>\n            <span style={{ fontSize: 11 }} onClick={() => {}}>\n              <FontAwesomeIcon icon={faAngleDown} />\n            </span>\n          </div>\n          <div\n            className=\"category-item price-sort\"\n            style={{ display: opened == \"fiyat\" ? \"flex\" : \"none\" }}\n          >\n            <span className=\"input\">\n              <input\n                type=\"number\"\n                placeholder=\"Minimum\"\n                value={minPrice == null ? \"\" : minPrice}\n                onChange={(e) => setMinPrice(e.target.value)}\n              />\n            </span>\n            <span className=\"minus\">-</span>\n            <span className=\"input\">\n              <input\n                type=\"number\"\n                placeholder=\"Maximum\"\n                value={maxPrice == null ? \"\" : maxPrice}\n                onChange={(e) => setMaxPrice(e.target.value)}\n              />\n            </span>\n            <span\n              onClick={() => {\n                getProductReq();\n              }}\n            >\n              <FontAwesomeIcon icon={faSearch} />\n            </span>\n          </div>\n        </div>\n\n        <div className=\"list\">\n          <div className=\"filter-mobil-group\">\n            <div className=\"filter-btn mobil\" onClick={() => setOpen(true)}>\n              <FontAwesomeIcon icon={faSlidersH} /> Filtreler\n            </div>\n            <button\n              className=\"sort-btn-mobil\"\n              onClick={() => setFilterOpen(!filterOpen)}\n            >\n              <FontAwesomeIcon\n                icon={sort.sortedBy == \"DESC\" ? faAngleDown : faAngleUp}\n                style={{ marginRight: 10 }}\n              />{\" \"}\n              {sort.name}\n              <div\n                className=\"filter-list\"\n                style={{ display: filterOpen != true ? \"none\" : \"unset\" }}\n              >\n                <div\n                  onClick={() =>\n                    setSort({\n                      sort: \"RANDOM\",\n                      sortedBy: \"\",\n                      name: \"Keşfet\",\n                    })\n                  }\n                  className=\"item\"\n                >\n                  {sort.sort == \"RANDOM\" ? (\n                    <>\n                      <FontAwesomeIcon icon={faCheck} />{\" \"}\n                    </>\n                  ) : (\n                    \"\"\n                  )}\n                  Keşfet\n                </div>\n                <div\n                  onClick={() =>\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                      <FontAwesomeIcon icon={faCheck} />{\" \"}\n                    </>\n                  ) : (\n                    \"\"\n                  )}\n                  Yeni Ürünler\n                </div>\n                <div\n                  onClick={() =>\n                    setSort({\n                      sort: \"DATE\",\n                      sortedBy: \"ASC\",\n                      name: \"Eski Ürünler\",\n                    })\n                  }\n                  className=\"item\"\n                >\n                  {sort.sortedBy == \"ASC\" && sort.sort == \"DATE\" ? (\n                    <>\n                      <FontAwesomeIcon icon={faCheck} />{\" \"}\n                    </>\n                  ) : (\n                    \"\"\n                  )}\n                  Eski Ürünler\n                </div>\n                <div\n                  onClick={() =>\n                    setSort({\n                      sort: \"PRICE\",\n                      sortedBy: \"ASC\",\n                      name: \"Artan Fiyat\",\n                    })\n                  }\n                  className=\"item\"\n                >\n                  {sort.sortedBy == \"ASC\" && sort.sort == \"PRICE\" ? (\n                    <>\n                      <FontAwesomeIcon icon={faCheck} />{\" \"}\n                    </>\n                  ) : (\n                    \"\"\n                  )}\n                  Artan Fiyat\n                </div>\n                <div\n                  onClick={() =>\n                    setSort({\n                      sort: \"PRICE\",\n                      sortedBy: \"DESC\",\n                      name: \"Azalan Fiyat\",\n                    })\n                  }\n                  className=\"item\"\n                >\n                  {sort.sortedBy == \"DESC\" && sort.sort == \"PRICE\" ? (\n                    <>\n                      <FontAwesomeIcon icon={faCheck} />{\" \"}\n                    </>\n                  ) : (\n                    \"\"\n                  )}\n                  Azalan Fiyat\n                </div>\n                <div\n                  onClick={() =>\n                    setSort({\n                      sort: \"STOCK\",\n                      sortedBy: \"DESC\",\n                      name: \"Azalan Mevcut\",\n                    })\n                  }\n                  className=\"item\"\n                >\n                  {sort.sortedBy == \"DESC\" && sort.sort == \"STOCK\" ? (\n                    <>\n                      <FontAwesomeIcon icon={faCheck} />{\" \"}\n                    </>\n                  ) : (\n                    \"\"\n                  )}\n                  Azalan Mevcut\n                </div>\n                <div\n                  onClick={() =>\n                    setSort({\n                      sort: \"STOCK\",\n                      sortedBy: \"ASC\",\n                      name: \"Artan Mevcut\",\n                    })\n                  }\n                  className=\"item\"\n                >\n                  {sort.sortedBy == \"ASC\" && sort.sort == \"STOCK\" ? (\n                    <>\n                      <FontAwesomeIcon icon={faCheck} />{\" \"}\n                    </>\n                  ) : (\n                    \"\"\n                  )}\n                  Artan Mevcut\n                </div>\n                <div\n                  onClick={() =>\n                    setSort({\n                      sort: \"TOPSALES\",\n                      sortedBy: \"DESC\",\n                      name: \"En Çok Satan\",\n                    })\n                  }\n                  className=\"item\"\n                >\n                  {sort.sortedBy == \"DESC\" && sort.sort == \"TOPSALES\" ? (\n                    <>\n                      <FontAwesomeIcon icon={faCheck} />{\" \"}\n                    </>\n                  ) : (\n                    \"\"\n                  )}\n                  En Çok Satan\n                </div>\n              </div>\n            </button>\n          </div>\n\n          {products.map((x) => {\n            return (\n              <ProductItem\n                key={x.id + x.slug + \"asda\"}\n                product={x}\n                setOpenedBox={setOpenedBox}\n              />\n            );\n          })}\n          <div style={{ width: \"100%\", textAlign: \"center\" }}>\n            {allData != null &&\n            products.length > 0 &&\n            allData.currentPage != null &&\n            allData.count != null ? (\n              <div className=\"count\">\n                {products.length == allData.totalCount ? (\n                  <>Toplam {products.length} Ürün</>\n                ) : (\n                  <>\n                    {products.length}\n                    <strong\n                      style={{\n                        marginRight: 5,\n                        marginLeft: 5,\n                        fontWeight: \"bold\",\n                      }}\n                    >\n                      /\n                    </strong>\n                    {allData.totalCount} Ürün\n                  </>\n                )}\n              </div>\n            ) : (\n              <></>\n            )}\n          </div>\n          {allData != null &&\n          products.length > 0 &&\n          allData.currentPage != null &&\n          allData.count != null &&\n          allData.totalCount != products.length ? (\n            <div\n              onClick={() => {\n                getNewPage(page + 1);\n              }}\n              style={{\n                color: \"#ffff\",\n                padding: \"5px 55px\",\n                marginBottom: 40,\n                width: \"100%\",\n                borderRadius: 100,\n                textAlign: \"center\",\n                cursor: \"pointer\",\n                fontSize: 22,\n              }}\n            >\n              {!loading && (\n                <div\n                  style={{\n                    display: \"inline-block\",\n                    background: \"#F27A1A\",\n                    padding: \"15px 55px\",\n                    marginTop: 20,\n                    borderRadius: 100,\n                    fontSize: 18,\n                  }}\n                >\n                  Daha Fazla Ürün Göster\n                </div>\n              )}\n            </div>\n          ) : (\n            <></>\n          )}\n          <div\n            style={{\n              width: \"100%\",\n              textAlign: \"center\",\n              display: \"flex\",\n              justifyContent: \"center\",\n              alignItems: \"center\",\n            }}\n          >\n            {loading && <Sentry color=\"#FBA800\" size={180} />}\n          </div>\n        </div>\n      </ProductContent>\n      <div style={{ zIndex: 1009090 }}>\n        {products.length > 0 && (\n          <Lightbox\n            isOpen={openedBox}\n            onPrev={gotoPrevious}\n            className=\"lightbox-image-box\"\n            onNext={gotoNext}\n            images={products.map((x) => {\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              <SwapButton onClick={gotoNext} className=\"image-swap-button\">\n                <FontAwesomeIcon icon={faAngleRight} />\n              </SwapButton>\n            )}\n            renderPrevButton={() => (\n              <SwapButton onClick={gotoPrevious} className=\"image-swap-button\">\n                <FontAwesomeIcon icon={faAngleLeft} />\n              </SwapButton>\n            )}\n            renderFooter={() => (\n              <div\n                style={{\n                  width: \"40vw\",\n                  // background: \"rgba(0,0,0,0.5)\",\n                  height: \"40vh\",\n                  top: \"30vh\",\n                  left: \"30vw\",\n                  position: \"fixed\",\n                  zIndex: 100,\n                }}\n                onClick={() => {\n                  history.push(\"/urun/\" + products[currentImageIndex].slug);\n                }}\n              ></div>\n            )}\n            renderHeader={() => (\n              <button\n                onClick={() => setOpenedBox(false)}\n                className=\"light-close\"\n              >\n                X\n              </button>\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      </div>\n      <BottomNav />\n      {/* <Footer /> */}\n    </>\n  );\n}\n","import React, { useEffect } from 'react'\n\nexport default function OfficeMode() {\n  useEffect(() => {\n    if (localStorage.getItem(\"office\") != null) {\n      if (localStorage.getItem(\"office\") == \"true\") {\n        localStorage.setItem(\"office\", \"false\");\n      } else {\n        localStorage.setItem(\"office\", \"true\");\n      }\n    } else {\n      localStorage.setItem(\"office\", \"true\");\n      \n    }\n    setTimeout(() => {\n      window.location = \"/\";\n    }, 230);\n  }, [])\n  \n  return (\n    <div>OfficeMode</div>\n  )\n}\n","import React,{useState,useLayoutEffect} from 'react'\nimport { useSelector } from 'react-redux'\nimport {SlideProductContainer} from '../styles/Home'\nimport SlideProducts from '../components/Slider/Products'\nimport Header from '../components/Navigation/Header'\nimport BottomNav from '../components/Navigation/Bottom'\nimport Footer from '../components/Navigation/Footer'\nimport \"react-activity/dist/Sentry.css\";\nimport ContentLoader from \"react-content-loader\"\n\nimport {useProductRequests} from '../helpers/ProductRequests'\nimport {useOrderRequests} from '../helpers/OrderRequests'\nimport { InvoiceContainer } from '../styles/Product'\nimport DataTable from 'react-data-table-component';\nimport { Link, useParams } from 'react-router-dom'\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\nimport { faAngleLeft, faCheck, faEye, faTimes } from '@fortawesome/free-solid-svg-icons'\nimport { Currency } from 'react-intl-number-format/dist/index.js';\nimport { Button } from 'react-bootstrap'\nimport { Sentry } from 'react-activity'\nimport { toast } from \"react-toastify\";\nimport { useHistory } from 'react-router-dom';\n\nexport default function Basket(props) {\n  \n  const {id} = useParams()\n\n\n  const {getDiscover} = useProductRequests()\n  const {getOrder,cancelOrder} = useOrderRequests()\n  \n  const {basket}=useSelector(state=>state.cart)\n\n  const [tetik,setTetik]=useState(false)\n  const [discover, setDiscover] = useState([]);\n  const [order,setOrder]=useState([])\n  const [loading,setLoading]=useState(true)\n\n  useLayoutEffect(() => {\n    \n    if(discover.length===0){\n\n      getDiscover({page:1,count:20,sort:'RANDOM',sortedBy:''}).then((response)=>{\n        setDiscover(response.data.data.items)\n      }).catch((error)=>{\n        console.log(\"error\",error.response)\n      })\n\n    }\n  }, [])\n  const timesOrder = (id) => {\n    const loader = toast.loading(\"Sipariş İptal Ediliyor...\", {\n      position: toast.POSITION.BOTTOM_RIGHT,\n      isLoading: true,\n      closeOnClick: false,\n      pauseOnHover: false,\n      pauseOnFocusLoss: false,\n      draggable: false,\n    });\n    cancelOrder(id)\n      .then((res) => {\n        toast.update(loader, {\n          render: \"Sipariş başarı ile iptal edildi\",\n          type: \"success\",\n          isLoading: false,\n          autoClose: 3000,\n          hideProgressBar: false,\n          closeOnClick: true,\n          pauseOnHover: true,\n          pauseOnFocusLoss: false,\n          draggable: true,\n        });\n        getOrder(id).then((response) => {\n          setOrder(response.data.data);\n        });\n      })\n      .catch((error) => {\n        if (error.response != undefined) {\n          toast.update(loader, {\n            render: error.response.data.message,\n            type: \"error\",\n            isLoading: false,\n            autoClose: 3000,\n            hideProgressBar: false,\n            closeOnClick: true,\n            pauseOnHover: true,\n            pauseOnFocusLoss: false,\n            draggable: true,\n          });\n        } else {\n          toast.update(loader, {\n            render: \"Sipariş iptal edilemedi\",\n            type: \"error\",\n            isLoading: false,\n            autoClose: 3000,\n            hideProgressBar: false,\n            closeOnClick: true,\n            pauseOnHover: true,\n            pauseOnFocusLoss: false,\n            draggable: true,\n          });\n        }\n      });\n  };\n  const [printOn,setPrintOn]=React.useState(false)\n  const printPdf=()=>{\n    setPrintOn(true)\n    setTimeout(() => {\n      setPrintOn(false)\n    }, 6000);\n  }\n  useLayoutEffect(() => {\n    \n    if(order.length===0){\n\n      getOrder(id).then((response)=>{\n        setOrder(response.data.data)\n        setLoading(false)\n      }).catch((error)=>{\n        console.log(\"error\",error.response)\n      })\n\n    }\n  }, [])\n  const columns = [\n    {\n      name: \"\",\n      width: \"50px\",\n      selector: (row, index) => index + 1,\n    },\n    {\n      name: \"\",\n      width: \"40px\",\n      selector: (row, index) => (\n        <img onContextMenu={() => false} height={40} src={row.image} />\n      ),\n    },\n    {\n      name: \"Stok Kodu\",\n      selector: (row) => row.productCode,\n    },\n    {\n      name: \"Ad\",\n      selector: (row) => row.title,\n    },\n    // {\n    //     name: 'Barkod',\n    //     selector: row => row.barcode,\n    // },\n\n    {\n      name: \"Miktar\",\n      selector: (row) => row.quantity,\n    },\n    {\n      name: \"Birim\",\n      selector: (row) => row.unit,\n    },\n    {\n      name: \"Kdv\",\n      selector: (row) => \"%\" + row.vatRate,\n    },\n    {\n      name: \"Fiyat\",\n      selector: (row) => (\n        <>\n          {row.price}\n          {order.order.currencyUnit}\n        </>\n      ),\n    },\n    {\n      name: \"Toplam\",\n      selector: (row) => (\n        <>\n          {row.totalPrice}\n          {order.order.currencyUnit}\n        </>\n      ),\n    },\n    {\n      name: \"Kdv Dahil\",\n      selector: (row) => (\n        <>\n          {row.totalPriceWithVat}\n          {order.order.currencyUnit}\n        </>\n      ),\n    },\n  ];\n  const history=useHistory()\n  return (\n    <>\n      {printOn ? (\n        <>\n          <iframe\n            src={\"/yazdir/siparisler/\" + id+'?rand='+Math.random()}\n            style={{\n              position: \"fixed\",\n              top: 0,\n              left: 0,\n              zIndex: -1,\n              height: 0,\n              width: 0,\n            }}\n          />\n        </>\n      ) : (\n        <></>\n      )}\n      <Header />\n\n      <div>\n        <SlideProductContainer>\n          <InvoiceContainer>\n            <div className=\"go-back-btn\"  style={{display:'flex',alignItems:'center',cursor:'pointer'}} onClick={() => history.goBack()}>\n              <FontAwesomeIcon icon={faAngleLeft} style={{ marginRight: 10 }} />\n              <span style={{ fontWeight: \"bold\",color:'#333',fontSize:13 }}>Önceki Sayfaya Dön</span>\n            </div>\n            <div\n              style={{\n                width: \"100%\",\n                minHeight: 50,\n                marginBottom: 20,\n                display: \"flex\",\n                justifyContent: \"flex-end\",\n              }}\n            >\n              {order.order != undefined &&\n              order.order.cancelable != undefined &&\n              order.order.cancelable == true ? (\n                <button\n                  className=\"cancel invoices\"\n                  onClick={() => {\n                    if (tetik) {\n                      timesOrder(id);\n                    } else {\n                      setTetik(true);\n                    }\n                  }}\n                >\n                  <FontAwesomeIcon icon={tetik ? faCheck : faTimes} />{\" \"}\n                  {tetik ? \"İPTALİ ONAYLIYORUM\" : \"İPTAL ET\"}\n                </button>\n              ) : (\n                <></>\n              )}\n\n              <button\n                className=\"invoices\"\n                style={{\n                  color: \"#000\",\n                  border: \"none\",\n                  outline: \"1px solid #eee\",\n                  marginRight: 20,\n                  marginLeft: 20,\n                }}\n                onClick={() => {\n                  if (!printOn) {\n                    printPdf();\n                  }\n                }}\n              >\n                {printOn ? <Sentry /> : \"PDF\"}\n              </button>\n            </div>\n\n            {order == null || (order.length === 0 && loading) ? (\n              <>\n                <div className=\"loader\">\n                  <ContentLoader\n                    speed={0.5}\n                    width={2500}\n                    height={160}\n                    viewBox=\"0 0 2400 160\"\n                    backgroundColor=\"#f3f3f3\"\n                    foregroundColor=\"#ecebeb\"\n                    {...props}\n                  >\n                    <rect\n                      x=\"-25\"\n                      y=\"0\"\n                      rx=\"3\"\n                      ry=\"3\"\n                      width=\"2429\"\n                      height=\"34\"\n                    />\n                    <rect\n                      x=\"-28\"\n                      y=\"48\"\n                      rx=\"3\"\n                      ry=\"3\"\n                      width=\"2437\"\n                      height=\"35\"\n                    />\n                    <rect\n                      x=\"-29\"\n                      y=\"96\"\n                      rx=\"3\"\n                      ry=\"3\"\n                      width=\"2441\"\n                      height=\"35\"\n                    />\n                  </ContentLoader>\n                </div>\n                <div className=\"loader\" style={{ marginTop: -100 }}>\n                  <ContentLoader\n                    speed={0.5}\n                    width={2500}\n                    height={160}\n                    viewBox=\"0 0 2400 160\"\n                    backgroundColor=\"#f3f3f3\"\n                    foregroundColor=\"#ecebeb\"\n                    {...props}\n                  >\n                    <rect\n                      x=\"-25\"\n                      y=\"0\"\n                      rx=\"3\"\n                      ry=\"3\"\n                      width=\"2429\"\n                      height=\"34\"\n                    />\n                    <rect\n                      x=\"-28\"\n                      y=\"48\"\n                      rx=\"3\"\n                      ry=\"3\"\n                      width=\"2437\"\n                      height=\"35\"\n                    />\n                    <rect\n                      x=\"-29\"\n                      y=\"96\"\n                      rx=\"3\"\n                      ry=\"3\"\n                      width=\"2441\"\n                      height=\"35\"\n                    />\n                  </ContentLoader>\n                </div>\n              </>\n            ) : (\n              <>\n                <div className=\"head\">\n                  <div className=\"leftHead\">\n                    <div>\n                      <span>Tarih</span>\n                      <span>:</span>\n                      <span>{order.order.date}</span>\n                    </div>\n\n                    <div>\n                      <span>Sipariş No</span>\n                      <span>:</span>\n                      <span>{order.order.orderCode}</span>\n                    </div>\n\n                    <div>\n                      <span>Durum</span>\n                      <span>:</span>\n                      <span>{order.order.status}</span>\n                    </div>\n                  </div>\n\n                  <div className=\"rightHead\">\n                    <h4>\n                      {JSON.parse(localStorage.getItem(\"customer\")).title}\n                    </h4>\n                    <img\n                      onContextMenu={() => false}\n                      src={order.order.image}\n                      height={70}\n                    />\n                  </div>\n                </div>\n\n                <DataTable columns={columns} data={order.items} />\n\n                <div className=\"total\">\n                  <div className=\"space\"></div>\n                  <div>\n                    <span>Toplam Tutar</span>\n                    <span>:</span>\n                    <>\n                      {order.order.totalPrice}\n                      {order.order.currencyUnit}\n                    </>\n                  </div>\n                </div>\n\n                {/* <Button>YAZDIR</Button> */}\n              </>\n            )}\n          </InvoiceContainer>\n        </SlideProductContainer>\n\n        <SlideProductContainer>\n          <h1>Keşfet</h1>\n\n          {discover.length > 0 ? (\n            <SlideProducts items={discover} />\n          ) : (\n            <div className=\"loader\">\n              <ContentLoader\n                speed={0.5}\n                width={221}\n                height={300}\n                style={{ marginRight: \"20px\" }}\n                backgroundColor=\"#f3f3f3\"\n                foregroundColor=\"#ecebeb\"\n                {...props}\n              >\n                <rect x=\"0\" y=\"0\" rx=\"0\" ry=\"0\" width=\"221\" height=\"250\" />\n                <rect x=\"0\" y=\"260\" rx=\"3\" ry=\"3\" width=\"221\" height=\"10\" />\n                <rect x=\"0\" y=\"275\" rx=\"3\" ry=\"3\" width=\"221\" height=\"10\" />\n                <rect x=\"0\" y=\"290\" rx=\"3\" ry=\"3\" width=\"221\" height=\"10\" />\n              </ContentLoader>\n              <ContentLoader\n                speed={0.5}\n                width={221}\n                height={300}\n                style={{ marginRight: \"40px\" }}\n                backgroundColor=\"#f3f3f3\"\n                foregroundColor=\"#ecebeb\"\n                {...props}\n              >\n                <rect x=\"0\" y=\"0\" rx=\"0\" ry=\"0\" width=\"221\" height=\"250\" />\n                <rect x=\"0\" y=\"260\" rx=\"3\" ry=\"3\" width=\"221\" height=\"10\" />\n                <rect x=\"0\" y=\"275\" rx=\"3\" ry=\"3\" width=\"221\" height=\"10\" />\n                <rect\n                  x=\"0\"\n                  y=\"290\"\n                  rx=\"3\"\n                  ry=\"3\"\n                  width=\"221\"\n                  height=\"10\"\n                />{\" \"}\n              </ContentLoader>\n              <ContentLoader\n                speed={0.5}\n                width={221}\n                height={300}\n                style={{ marginRight: \"40px\" }}\n                backgroundColor=\"#f3f3f3\"\n                foregroundColor=\"#ecebeb\"\n                {...props}\n              >\n                <rect x=\"0\" y=\"0\" rx=\"0\" ry=\"0\" width=\"221\" height=\"250\" />\n                <rect x=\"0\" y=\"260\" rx=\"3\" ry=\"3\" width=\"221\" height=\"10\" />\n                <rect x=\"0\" y=\"275\" rx=\"3\" ry=\"3\" width=\"221\" height=\"10\" />\n                <rect\n                  x=\"0\"\n                  y=\"290\"\n                  rx=\"3\"\n                  ry=\"3\"\n                  width=\"221\"\n                  height=\"10\"\n                />{\" \"}\n              </ContentLoader>\n              <ContentLoader\n                speed={0.5}\n                width={221}\n                height={300}\n                style={{ marginRight: \"40px\" }}\n                backgroundColor=\"#f3f3f3\"\n                foregroundColor=\"#ecebeb\"\n                {...props}\n              >\n                <rect x=\"0\" y=\"0\" rx=\"0\" ry=\"0\" width=\"221\" height=\"250\" />\n                <rect x=\"0\" y=\"260\" rx=\"3\" ry=\"3\" width=\"221\" height=\"10\" />\n                <rect x=\"0\" y=\"275\" rx=\"3\" ry=\"3\" width=\"221\" height=\"10\" />\n                <rect\n                  x=\"0\"\n                  y=\"290\"\n                  rx=\"3\"\n                  ry=\"3\"\n                  width=\"221\"\n                  height=\"10\"\n                />{\" \"}\n              </ContentLoader>\n              <ContentLoader\n                speed={0.5}\n                width={221}\n                height={300}\n                style={{ marginRight: \"40px\" }}\n                backgroundColor=\"#f3f3f3\"\n                foregroundColor=\"#ecebeb\"\n                {...props}\n              >\n                <rect x=\"0\" y=\"0\" rx=\"0\" ry=\"0\" width=\"221\" height=\"250\" />\n                <rect x=\"0\" y=\"260\" rx=\"3\" ry=\"3\" width=\"221\" height=\"10\" />\n                <rect x=\"0\" y=\"275\" rx=\"3\" ry=\"3\" width=\"221\" height=\"10\" />\n                <rect\n                  x=\"0\"\n                  y=\"290\"\n                  rx=\"3\"\n                  ry=\"3\"\n                  width=\"221\"\n                  height=\"10\"\n                />{\" \"}\n              </ContentLoader>\n            </div>\n          )}\n        </SlideProductContainer>\n      </div>\n\n      <BottomNav />\n\n      <Footer />\n    </>\n  );\n}\n","import React, { useState, useLayoutEffect } from \"react\";\nimport { useSelector } from \"react-redux\";\nimport { SlideProductContainer } from \"../styles/Home\";\nimport SlideProducts from \"../components/Slider/Products\";\nimport Header from \"../components/Navigation/Header\";\nimport BottomNav from \"../components/Navigation/Bottom\";\nimport Footer from \"../components/Navigation/Footer\";\nimport \"react-activity/dist/Sentry.css\";\nimport ContentLoader from \"react-content-loader\";\n\nimport { useProductRequests } from \"../helpers/ProductRequests\";\nimport { useOrderRequests } from \"../helpers/OrderRequests\";\nimport { DetailContainer } from \"../styles/Product\";\nimport DataTable from \"react-data-table-component\";\nimport { Link } from \"react-router-dom\";\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\nimport {\n  faCheck,\n  faEye,\n  faSearch,\n  faTimes,\n} from \"@fortawesome/free-solid-svg-icons\";\nimport { Currency } from \"react-intl-number-format/dist/index.js\";\nimport { useHistory } from \"react-router-dom/cjs/react-router-dom.min\";\nimport { Sentry } from \"react-activity\";\nimport { toast } from \"react-toastify\";\n\nexport default function Basket(props) {\n  const { getDiscover } = useProductRequests();\n  const { getOrders, cancelOrder } = useOrderRequests();\n\n  const history = useHistory();\n\n  const { basket } = useSelector((state) => state.cart);\n\n  const [loading, setLoading] = useState(true);\n  const [discover, setDiscover] = useState([]);\n  const [orders, setOrders] = useState([]);\n  const [orderTetik, setOrderTetik] = useState([]);\n\n  useLayoutEffect(() => {\n    if (discover.length === 0) {\n      getDiscover({ page: 1, count: 20, sort: \"RANDOM\", sortedBy: \"\" })\n        .then((response) => {\n          setDiscover(response.data.data.items);\n          console.log(response.data.data);\n        })\n        .catch((error) => {\n          console.log(\"error\", error.response);\n        });\n    }\n  }, []);\n  const timesOrder = (id) => {\n    const loader = toast.loading(\"Sipariş İptal Ediliyor...\", {\n      position: toast.POSITION.BOTTOM_RIGHT,\n      isLoading: true,\n      closeOnClick: false,\n      pauseOnHover: false,\n      pauseOnFocusLoss: false,\n      draggable: false,\n    });\n    cancelOrder(id)\n      .then((res) => {\n        toast.update(loader, {\n          render: \"Sipariş başarı ile iptal edildi\",\n          type: \"success\",\n          isLoading: false,\n          autoClose: 3000,\n          hideProgressBar: false,\n          closeOnClick: true,\n          pauseOnHover: true,\n          pauseOnFocusLoss: false,\n          draggable: true,\n        });\n        getOrders().then(async (response) => {\n          setOrders(response.data.data);\n        });\n      })\n      .catch((error) => {\n        if (error.response != undefined) {\n          toast.update(loader, {\n            render: error.response.data.message,\n            type: \"error\",\n            isLoading: false,\n            autoClose: 3000,\n            hideProgressBar: false,\n            closeOnClick: true,\n            pauseOnHover: true,\n            pauseOnFocusLoss: false,\n            draggable: true,\n          });\n        } else {\n          toast.update(loader, {\n            render: \"Sipariş iptal edilemedi\",\n            type: \"error\",\n            isLoading: false,\n            autoClose: 3000,\n            hideProgressBar: false,\n            closeOnClick: true,\n            pauseOnHover: true,\n            pauseOnFocusLoss: false,\n            draggable: true,\n          });\n        }\n      });\n  };\n  useLayoutEffect(() => {\n    \n    if (orders.length === 0) {\n      getOrders()\n        .then(async (response) => {\n          let data = [];\n          const seter = await response.data.data.map((x) => {\n            data.push({ id: x.orderId, tetik: false });\n          });\n          setOrderTetik(data);\n          setLoading(false);\n          setOrders(response.data.data);\n        })\n        .catch((error) => {\n          setLoading(false);\n          console.log(\"error\", error.response);\n        });\n    }\n  }, []);\n  const columns = [\n    {\n      name: \"Tarih\",\n      selector: (row) => row.date,\n      sortable: true,\n    },\n    // {\n    //   name: \"Kod\",\n    //   selector: (row) => row.orderCode,\n    //   sortable: true,\n    // },\n    {\n      name: \"Açıklama\",\n      selector: (row) => row.detail,\n      sortable: true,\n    },\n\n    {\n      name: \"Tutar\",\n      selector: (row) => (\n        <span style={{ color: \"green\", fontWeight: \"bold\" }}>\n          <>\n            {row.totalPrice}\n            {row.currencyUnit}\n          </>\n        </span>\n      ),\n      sortable: true,\n      width: \"200px\",\n    },\n    {\n      name: \"Durum\",\n      selector: (row) => (\n        <div\n          style={{\n            display: \"flex\",\n            flexWrap: \"wrap\",\n            justifyContent: \"space-around\",\n          }}\n        >\n          <Link\n            className={row.status + \" invoices\"}\n            to={\"/siparisler/\" + row.orderId}\n          >\n            {\" \"}\n            {(row.status == null\n              ? \"İşlem Türü Boş\"\n              : row.status\n            ).toUpperCase()}{\" \"}\n          </Link>\n          {row.cancelable != undefined && row.cancelable == true ? (\n            <button\n              className=\"invoices cancel\"\n              onClick={() => {\n                if (\n                  orderTetik.filter((x) => x.id == row.orderId)[0].tetik == true\n                ) {\n                  timesOrder(row.orderId);\n                  return;\n                }\n                setOrderTetik(\n                  orderTetik.map((x) => {\n                    if (x.id == row.orderId) {\n                      return { id: x.id, tetik: true };\n                    }\n                    return x;\n                  })\n                );\n              }}\n            >\n              <FontAwesomeIcon\n                icon={\n                  orderTetik.filter((x) => x.id == row.orderId)[0].tetik == true\n                    ? faCheck\n                    : faTimes\n                }\n              />{\" \"}\n              {orderTetik.filter((x) => x.id == row.orderId)[0].tetik == true\n                ? \"İPTALİ ONAYLIYORUM \"\n                : \"İPTAL\"}\n            </button>\n          ) : (\n            <></>\n          )}\n        </div>\n      ),\n      sortable: true,\n      width: \"200px\",\n    },\n    {\n      name: \"Detay\",\n      width: \"100px\",\n      selector: (row) => (\n        <div\n          style={{\n            display: \"flex\",\n\n            flexWrap: \"wrap\",\n            justifyContent: \"space-around\",\n            fontWeight: \"normal\",\n          }}\n        >\n          <Link\n            className={row.status + \" invoices Beklemede\"}\n            to={\"/siparisler/\" + row.orderId}\n          >\n            {\" \"}\n            <FontAwesomeIcon icon={faEye} />{\" \"}\n            <span style={{ fontWeight: \"normal\" }}>İncele</span>\n          </Link>\n        </div>\n      ),\n    },\n  ];\n\n  const [filterText, setFilterText] = React.useState(\"\");\n  const [printOn, setPrintOn] = React.useState(false);\n  const [resetPaginationToggle, setResetPaginationToggle] =\n    React.useState(false);\n  const filteredItems = orders.filter((item) => {\n    return (\n      item.date.toLowerCase().includes(filterText.toLowerCase()) ||\n      item.detail.toLowerCase().includes(filterText.toLowerCase()) ||\n      (item.orderCode + \"\").toLowerCase().includes(filterText.toLowerCase()) ||\n      (item.orderId + \"\").toLowerCase().includes(filterText.toLowerCase()) ||\n      item.status.toLowerCase().includes(filterText.toLowerCase()) ||\n      (item.totalPrice + \"\").toLowerCase().includes(filterText.toLowerCase())\n    );\n  });\n\n  const printPdf = () => {\n    setPrintOn(true);\n    setTimeout(() => {\n      setPrintOn(false);\n    }, 5500);\n  };\n\n  const subHeaderComponentMemo = React.useMemo(() => {\n    const handleClear = () => {\n      if (filterText) {\n        setResetPaginationToggle(!resetPaginationToggle);\n        setFilterText(\"\");\n      }\n    };\n\n    return (\n      <>\n        <button\n          style={{\n            color: \"#000\",\n            border: \"none\",\n            outline: \"1px solid #eee\",\n            marginRight: 20,\n            height: 30,\n            width: 70,\n          }}\n          onClick={() => {\n            if (!printOn) {\n              printPdf();\n            }\n          }}\n        >\n          {printOn ? <Sentry /> : \"PDF\"}\n        </button>\n        <div\n          style={{\n            display: \"flex\",\n            alignItems: \"center\",\n            boxShadow: \"0px 0px 6px #000\",\n            padding: 5,\n            justifyContent: \"center\",\n          }}\n        >\n          <FontAwesomeIcon icon={faSearch} />\n          <input\n            style={{ border: \"none\", outline: \"none\", textAlign: \"right\" }}\n            placeholder=\"Ara\"\n            className=\"input-group\"\n            value={filterText}\n            onChange={(e) => setFilterText(e.target.value)}\n          />\n        </div>\n      </>\n    );\n  }, [filterText, printOn, resetPaginationToggle, orders]);\n\n  return (\n    <>\n      {printOn ? (\n        <>\n          <iframe\n            src={\"yazdir/siparisler\"}\n            style={{\n              position: \"fixed\",\n              top: 0,\n              left: 0,\n              zIndex: -1,\n              height: 0,\n              width: 0,\n            }}\n          />\n        </>\n      ) : (\n        <></>\n      )}\n      <Header />\n\n      <div>\n        <SlideProductContainer>\n          {orders.length < 1 && loading == true ? (\n            <>\n              <div className=\"loader\">\n                <ContentLoader\n                  speed={0.5}\n                  width={2500}\n                  height={160}\n                  viewBox=\"0 0 2400 160\"\n                  backgroundColor=\"#f3f3f3\"\n                  foregroundColor=\"#ecebeb\"\n                  {...props}\n                >\n                  <rect x=\"-25\" y=\"0\" rx=\"3\" ry=\"3\" width=\"2429\" height=\"34\" />\n                  <rect x=\"-28\" y=\"48\" rx=\"3\" ry=\"3\" width=\"2437\" height=\"35\" />\n                  <rect x=\"-29\" y=\"96\" rx=\"3\" ry=\"3\" width=\"2441\" height=\"35\" />\n                </ContentLoader>\n              </div>\n              <div className=\"loader\" style={{ marginTop: -100 }}>\n                <ContentLoader\n                  speed={0.5}\n                  width={2500}\n                  height={160}\n                  viewBox=\"0 0 2400 160\"\n                  backgroundColor=\"#f3f3f3\"\n                  foregroundColor=\"#ecebeb\"\n                  {...props}\n                >\n                  <rect x=\"-25\" y=\"0\" rx=\"3\" ry=\"3\" width=\"2429\" height=\"34\" />\n                  <rect x=\"-28\" y=\"48\" rx=\"3\" ry=\"3\" width=\"2437\" height=\"35\" />\n                  <rect x=\"-29\" y=\"96\" rx=\"3\" ry=\"3\" width=\"2441\" height=\"35\" />\n                </ContentLoader>\n              </div>\n            </>\n          ) : (\n            <DataTable\n              pagination\n              subHeader\n              paginationPerPage={50}\n              paginationRowsPerPageOptions={[50, 100, 200]}\n              noDataComponent={<>Sipariş kaydı bulunamadı</>}\n              subHeaderComponent={subHeaderComponentMemo}\n              columns={columns}\n              data={filteredItems}\n            />\n          )}\n        </SlideProductContainer>\n\n        {/* <SlideProductContainer>\n          <h1>Keşfet</h1>\n\n          {discover.length > 0 ? (\n            <SlideProducts items={discover} />\n          ) : (\n            <div className=\"loader\">\n              <ContentLoader\n                speed={0.5}\n                width={221}\n                height={300}\n                style={{ marginRight: \"20px\" }}\n                backgroundColor=\"#f3f3f3\"\n                foregroundColor=\"#ecebeb\"\n                {...props}\n              >\n                <rect x=\"0\" y=\"0\" rx=\"0\" ry=\"0\" width=\"221\" height=\"250\" />\n                <rect x=\"0\" y=\"260\" rx=\"3\" ry=\"3\" width=\"221\" height=\"10\" />\n                <rect x=\"0\" y=\"275\" rx=\"3\" ry=\"3\" width=\"221\" height=\"10\" />\n                <rect x=\"0\" y=\"290\" rx=\"3\" ry=\"3\" width=\"221\" height=\"10\" />\n              </ContentLoader>\n              <ContentLoader\n                speed={0.5}\n                width={221}\n                height={300}\n                style={{ marginRight: \"40px\" }}\n                backgroundColor=\"#f3f3f3\"\n                foregroundColor=\"#ecebeb\"\n                {...props}\n              >\n                <rect x=\"0\" y=\"0\" rx=\"0\" ry=\"0\" width=\"221\" height=\"250\" />\n                <rect x=\"0\" y=\"260\" rx=\"3\" ry=\"3\" width=\"221\" height=\"10\" />\n                <rect x=\"0\" y=\"275\" rx=\"3\" ry=\"3\" width=\"221\" height=\"10\" />\n                <rect\n                  x=\"0\"\n                  y=\"290\"\n                  rx=\"3\"\n                  ry=\"3\"\n                  width=\"221\"\n                  height=\"10\"\n                />{\" \"}\n              </ContentLoader>\n              <ContentLoader\n                speed={0.5}\n                width={221}\n                height={300}\n                style={{ marginRight: \"40px\" }}\n                backgroundColor=\"#f3f3f3\"\n                foregroundColor=\"#ecebeb\"\n                {...props}\n              >\n                <rect x=\"0\" y=\"0\" rx=\"0\" ry=\"0\" width=\"221\" height=\"250\" />\n                <rect x=\"0\" y=\"260\" rx=\"3\" ry=\"3\" width=\"221\" height=\"10\" />\n                <rect x=\"0\" y=\"275\" rx=\"3\" ry=\"3\" width=\"221\" height=\"10\" />\n                <rect\n                  x=\"0\"\n                  y=\"290\"\n                  rx=\"3\"\n                  ry=\"3\"\n                  width=\"221\"\n                  height=\"10\"\n                />{\" \"}\n              </ContentLoader>\n              <ContentLoader\n                speed={0.5}\n                width={221}\n                height={300}\n                style={{ marginRight: \"40px\" }}\n                backgroundColor=\"#f3f3f3\"\n                foregroundColor=\"#ecebeb\"\n                {...props}\n              >\n                <rect x=\"0\" y=\"0\" rx=\"0\" ry=\"0\" width=\"221\" height=\"250\" />\n                <rect x=\"0\" y=\"260\" rx=\"3\" ry=\"3\" width=\"221\" height=\"10\" />\n                <rect x=\"0\" y=\"275\" rx=\"3\" ry=\"3\" width=\"221\" height=\"10\" />\n                <rect\n                  x=\"0\"\n                  y=\"290\"\n                  rx=\"3\"\n                  ry=\"3\"\n                  width=\"221\"\n                  height=\"10\"\n                />{\" \"}\n              </ContentLoader>\n              <ContentLoader\n                speed={0.5}\n                width={221}\n                height={300}\n                style={{ marginRight: \"40px\" }}\n                backgroundColor=\"#f3f3f3\"\n                foregroundColor=\"#ecebeb\"\n                {...props}\n              >\n                <rect x=\"0\" y=\"0\" rx=\"0\" ry=\"0\" width=\"221\" height=\"250\" />\n                <rect x=\"0\" y=\"260\" rx=\"3\" ry=\"3\" width=\"221\" height=\"10\" />\n                <rect x=\"0\" y=\"275\" rx=\"3\" ry=\"3\" width=\"221\" height=\"10\" />\n                <rect\n                  x=\"0\"\n                  y=\"290\"\n                  rx=\"3\"\n                  ry=\"3\"\n                  width=\"221\"\n                  height=\"10\"\n                />{\" \"}\n              </ContentLoader>\n            </div>\n          )}\n        </SlideProductContainer> */}\n      </div>\n\n      <BottomNav />\n\n      <Footer />\n    </>\n  );\n}\n","import React from \"react\";\nimport Header from \"../../components/Navigation/Header\";\nimport { CallBackContainer } from \"../../styles/Content\";\nimport  {Link} from 'react-router-dom'\nexport default function SuccessCallback() {\n  return (\n    <>\n      <Header />\n\n      <CallBackContainer>\n        <div className=\"main-container\">\n          <div className=\"fail-container\">\n            <div className=\"fail-background\">\n              <svg\n                xmlns=\"http://www.w3.org/2000/svg\"\n                stroke=\"white\"\n                strokeWidth=\"4\"\n                version=\"1.1\"\n                fill=\"#fff\"\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n                viewBox=\"0 0 460.775 460.775\"\n              >\n                <path d=\"M285.08,230.397L456.218,59.27c6.076-6.077,6.076-15.911,0-21.986L423.511,4.565c-2.913-2.911-6.866-4.55-10.992-4.55  c-4.127,0-8.08,1.639-10.993,4.55l-171.138,171.14L59.25,4.565c-2.913-2.911-6.866-4.55-10.993-4.55  c-4.126,0-8.08,1.639-10.992,4.55L4.558,37.284c-6.077,6.075-6.077,15.909,0,21.986l171.138,171.128L4.575,401.505  c-6.074,6.077-6.074,15.911,0,21.986l32.709,32.719c2.911,2.911,6.865,4.55,10.992,4.55c4.127,0,8.08-1.639,10.994-4.55  l171.117-171.12l171.118,171.12c2.913,2.911,6.866,4.55,10.993,4.55c4.128,0,8.081-1.639,10.992-4.55l32.709-32.719  c6.074-6.075,6.074-15.909,0-21.986L285.08,230.397z\" />\n              </svg>\n              {/* <svg\n                viewBox=\"0 0 65 51\"\n                xmlns=\"http://www.w3.org/2000/svg\"\n              >\n                <path\n                  d=\"M7 25L27.3077 44L58.5 7\"\n                  strokeLinecap=\"round\"\n                  strokeLinejoin=\"round\"\n                />\n              </svg> */}\n            </div>\n            <div className=\"check-shadow\"></div>\n          </div>\n\n          <h1>Ödeme Başarısız</h1>\n          <div className=\"buttons\">\n            <Link to=\"/\">Ana Sayfa</Link>\n            <Link to=\"/sepetim\">Tekrar Dene</Link>\n          </div>\n        </div>\n      </CallBackContainer>\n    </>\n  );\n}\n","import React from \"react\";\nimport Header from \"../../components/Navigation/Header\";\nimport { CallBackContainer } from \"../../styles/Content\";\nimport { Link } from \"react-router-dom\";\nimport { useDispatch } from \"react-redux\";\nimport { emptyCart } from \"../../components/stores/Cart\";\n\nexport default function SuccessCallback() {\n  const [update,setUpdate]=React.useState(false)\n  const dispatch = useDispatch();\n  const clearAll=()=>{\n    setUpdate(true)\n    localStorage.removeItem('cart')\n    console.log(localStorage.getItem('cart'))\n    dispatch(emptyCart());\n  }\n  React.useEffect(() => {\n    if(update==false){\n      clearAll()\n    }\n  }, [update])\n  return (\n    <>\n      <Header />\n\n      <CallBackContainer>\n        <div className=\"main-container\">\n          <div className=\"check-container\">\n            <div className=\"check-background\">\n              <svg\n                viewBox=\"0 0 65 51\"\n                fill=\"none\"\n                xmlns=\"http://www.w3.org/2000/svg\"\n              >\n                <path\n                  d=\"M7 25L27.3077 44L58.5 7\"\n                  stroke=\"white\"\n                  strokeWidth=\"13\"\n                  strokeLinecap=\"round\"\n                  strokeLinejoin=\"round\"\n                />\n              </svg>\n            </div>\n            <div className=\"check-shadow\"></div>\n          </div>\n\n          <h1>Sipariş Gönderimi Başarılı</h1>\n          <div className=\"buttons\">\n            <Link to=\"/\">Ana Sayfa</Link>\n            <Link to=\"/siparisler\">Siparişlerim</Link>\n          </div>\n        </div>\n      </CallBackContainer>\n    </>\n  );\n}\n","import React, { useEffect, useState } from \"react\";\nimport { PrintContainer } from \"../../styles/Print\";\nimport { useOrderRequests } from \"../../helpers/OrderRequests\";\nimport { useParams } from 'react-router-dom/cjs/react-router-dom.min';\nexport default function PrintCollection() {\n  const {id} = useParams()\n  const [collection, setCollection] = useState([]);\n  const { getCollection } = useOrderRequests();\n\n  useEffect(() => {\n        console.log(\"asfasdfa\", collection);\n\n    if (collection.length < 1) {\n      getCollection(id).then(async (response) => {\n        console.log(\"firstRes\",response)\n        setCollection(response.data.data);\n      \n\n        setTimeout(() => {\n          console.log(\"first2\");\n          window.print();\n        }, 2500);\n      });\n    }\n  }, [collection]);\n\n  return (\n    <PrintContainer>\n      <div className=\"makbuz\">\n        <h1>{collection.collectionType!=\"FATURA\" ? 'Tahsilat Makbuzu':'Fatura Makbuzu'} {collection.systemHasCreated==true ? \"( B2B Tahsilatı )\":\"\"}</h1>\n        <div className=\"bilgiler\">\n          <p>\n            <strong>Alıcı:</strong> {process.env.REACT_APP_COMPANY_TITLE}\n          </p>\n          <p>\n            <strong>Tarih:</strong> {collection.date}\n          </p>\n          <p>\n            <strong>Tutar:</strong>{\" \"}\n            {collection.currency == false\n              ? (collection.collectionType==\"FATURA\" ? collection.debt:collection.credit) + \"₺\"\n              : (collection.collectionType==\"FATURA\" ? collection.currencyDebt:collection.currencyCredit )+ collection.currencyUnit}\n          </p>\n          <p>\n            {collection.explanation == null ? (\n              <></>\n            ) : (\n              <>\n                <strong>Açıklama:</strong> {collection.explanation}\n              </>\n            )}\n          </p>\n        </div>\n      </div>\n    </PrintContainer>\n  );\n}\n","import React,{useEffect,useState} from 'react'\nimport {PrintContainer} from '../../styles/Print';\nimport { useOrderRequests } from '../../helpers/OrderRequests';\nexport default function Printcollections() {\n\n  const [collections,setCollections]=useState(null)\n  const [total,setTotal]=useState(0)\n  const {getCollections}=useOrderRequests()\n  useEffect(() => {\n    if(collections==null){\n      getCollections().then(async (response)=>{\n        console.log(response.data.data)\n        setCollections(response.data.data)\n        let totals=0\n        let unit=\"\"\n        const seter=await response.data.data.collections.map(x=>{\n          unit=x.currencyUnit\n          totals+=(x.currencyCredit)\n        })\n        setTotal(unit+totals)\n\n        setTimeout(() => {\n          if(response.data.data.collections.length>0){\n            window.print();\n          }\n        }, 2000);\n      })\n    }\n  }, [collections])\n  \n\n  return (\n    <PrintContainer>\n      <h1>Cari Hareket Listesi</h1>\n      <ul>\n        <li>\n          <div>Tarih</div>\n          <div>Tür</div>\n          <div>Açıklama</div>\n          <div>Alacak</div>\n          <div>Borç</div>\n          <div>Bakiye</div>\n        </li>\n        {(collections != null &&\n        collections.collections != undefined &&\n        collections.collections.length > 0\n          ? collections.collections\n          : []\n        ).map((x) => {\n          return (\n            <li>\n              <div>{x.date.replace(\"00:00:00\",\"\")}</div>\n              <div>{x.collectionType}</div>\n              <div>{x.explanation}</div>\n              <div>\n                {x.currency != true\n                  ? x.credit + \"₺\"\n                  : x.currencyCredit + x.currencyUnit}\n              </div>\n              <div>\n                {x.currency != true\n                  ? x.debt + \"₺\"\n                  : x.currencyDebt + x.currencyUnit}\n              </div>\n              <div>{x.balance}</div>\n            </li>\n          );\n        })}\n        <li>\n          <div></div>\n          <div></div>\n          <div></div>\n          <div></div>\n          <div></div>\n          <div>\n            Toplam :{\" \"}\n            {collections != null\n              ? collections.totalCredit\n              : \"\" + localStorage.getItem(\"currency\")}\n          </div>\n        </li>\n        <li>\n          <div></div>\n          <div></div>\n          <div></div>\n          <div></div>\n          <div></div>\n          <div>\n            Bakiye :{\" \"}\n            {collections != null\n              ? collections.totalBalance\n              : \"\" + localStorage.getItem(\"currency\")}\n          </div>\n        </li>\n      </ul>\n    </PrintContainer>\n  );\n}\n","import React, { useEffect, useState } from \"react\";\nimport { PrintContainer } from \"../../styles/Print\";\nimport { useOrderRequests } from \"../../helpers/OrderRequests\";\nimport { useParams } from \"react-router-dom/cjs/react-router-dom.min\";\nexport default function PrintOrders() {\n  const { id } = useParams();\n\n  const [invoice, setInvoice] = useState([]);\n  const [total, setTotal] = useState(0);\n  const { getInvoice} = useOrderRequests();\n  useEffect(() => {\n    if (invoice.length < 1) {\n      getInvoice(id).then(async (response) => {\n        setInvoice(response.data.data);\n        let unit = \"\";\n\n        setTimeout(() => {\n          console.log(\"first\")\n          window.print();\n          \n        }, 2000);\n      });\n    }\n  }, [invoice]);\n\n  return (\n    <PrintContainer>\n      <h1>Fatura Detayı</h1>\n\n      {invoice != [] && invoice.invoice != undefined ? (\n        <>\n          <div className=\"head\">\n            <div className=\"leftHead\">\n              <div>\n                <span>Tarih</span>\n                <span>:</span>\n                <span>{invoice.invoice.date}</span>\n              </div>\n\n              <div>\n                <span>Sipariş No</span>\n                <span>:</span>\n                <span>{invoice.invoice.invoiceCode}</span>\n              </div>\n\n              <div>\n                <span>Durum</span>\n                <span>:</span>\n                <span>{invoice.invoice.status}</span>\n              </div>\n            </div>\n\n            <div className=\"rightHead\">\n              <h4>{JSON.parse(localStorage.getItem(\"customer\")).title}</h4>\n              <img\n                onContextMenu={() => false}\n                src={invoice.invoice.image}\n                height={70}\n              />\n            </div>\n          </div>\n        </>\n      ) : (\n        <></>\n      )}\n\n      <ul>\n        <li>\n          <div>Stok Adı</div>\n          <div>Stok Kodu</div>\n          <div>\n            Miktar\n          </div>\n          {/* <div>Kdv Oranı</div> */}\n          <div>\n          Tutar\n          </div>\n          {/* <div>\n            Kdv Dahil Tutar\n          </div> */}\n        </li>\n        {(invoice != [] && invoice.items != undefined ? invoice.items : []).map(\n          (x) => {\n            return (\n              <li>\n                <div>{x.title}</div>\n                <div>{x.productCode}</div>\n                <div>\n                  {x.quantity} {x.unit}\n                </div>\n                {/* <div>%{x.vatRate}</div> */}\n                <div>\n                  {invoice.invoice.currencyUnit} {x.totalPrice}\n                </div>\n                {/* <div>\n                  {invoice.invoice.currencyUnit} {x.totalPriceWithVat}\n                </div> */}\n              </li>\n            );\n          }\n        )}\n        <li>\n          <div></div>\n          <div></div>\n          {/* <div></div> */}\n          <div></div>\n          {/* <div></div> */}\n          <div>\n            Toplam :\n            {invoice.invoice != undefined ? invoice.invoice.currencyUnit : \"\"}\n            {invoice.invoice != undefined\n              ? invoice.invoice.totalPrice\n              : \"\"}{\" \"}\n          </div>\n        </li>\n      </ul>\n    </PrintContainer>\n  );\n}\n","import React, { useEffect, useState } from \"react\";\nimport { PrintContainer } from \"../../styles/Print\";\nimport { useOrderRequests } from \"../../helpers/OrderRequests\";\nexport default function PrintInvoices() {\n  const [invoices, setInvoices] = useState(null);\n  const [total, setTotal] = useState(0);\n  const { getInvoices } = useOrderRequests();\n  useEffect(() => {\n    if (invoices==null) {\n      getInvoices().then(async (response) => {\n        setInvoices(response.data.data);\n        let totals = 0;\n        let unit = \"\";\n        const seter = await response.data.data.map((x) => {\n          unit = x.currencyUnit;\n          totals += x.totalCurrencyPrice;\n        });\n        setTotal(unit + totals);\n\n        setTimeout(() => {\n          window.print();\n        }, 300);\n      });\n    }\n  }, [invoices]);\n\n  return (\n    <PrintContainer>\n      <h1>Fatura Listesi</h1>\n      <ul>\n        <li>\n          \n          <div>Kod</div>\n          <div>Ad</div>\n          <div>Tarih</div>\n          <div>Durum</div>\n          <div>\n          Tutar\n          </div>\n        </li>\n        {(invoices != null ? invoices : []).map((x) => {\n          return (\n            <li>\n              <div>{x.invoiceCode}</div>\n              <div>{x.detail}</div>\n              <div>{x.date}</div>\n              <div>{x.status}</div>\n              <div>\n                {x.currencyUnit}\n                {x.totalCurrencyPrice}\n              </div>\n            </li>\n          );\n        })}\n      </ul>\n    </PrintContainer>\n  );\n}\n","import React,{useEffect,useState} from 'react'\nimport {PrintContainer} from '../../styles/Print';\nimport { useOrderRequests } from '../../helpers/OrderRequests';\nimport { useParams } from 'react-router-dom/cjs/react-router-dom.min';\nexport default function PrintOrders() {\n  const {id} = useParams()\n\n  const [order,setOrder]=useState([])\n  const [total,setTotal]=useState(0)\n  const {getOrder}=useOrderRequests()\n  useEffect(() => {\n    if(order.length<1){\n      getOrder(id).then(async (response)=>{\n        setOrder(response.data.data)\n        let unit=\"\"\n        setTimeout(() => {\n          window.print()\n        },4000);\n      })\n    }\n  }, [order])\n  \n\n  return (\n    <PrintContainer>\n      <h1>Sipariş Detayı</h1>\n\n      {order != [] && order.order != undefined ? (\n        <>\n          <div className=\"head\">\n            <div className=\"leftHead\">\n              <div>\n                <span>Tarih</span>\n                <span>:</span>\n                <span>{order.order.date}</span>\n              </div>\n\n              <div>\n                <span>Sipariş No</span>\n                <span>:</span>\n                <span>{order.order.orderCode}</span>\n              </div>\n\n              <div>\n                <span>Durum</span>\n                <span>:</span>\n                <span>{order.order.status}</span>\n              </div>\n            </div>\n\n            <div className=\"rightHead\">\n              <h4>{JSON.parse(localStorage.getItem(\"customer\")).title}</h4>\n              <img\n                onContextMenu={() => false}\n                src={order.order.image}\n                height={70}\n              />\n            </div>\n          </div>\n        </>\n      ) : (\n        <></>\n      )}\n\n      <ul>\n        <li>\n          <div>Stok adı</div>\n          <div>Stok Kodu</div>\n          {/* <div>Barkod</div> */}\n          <div>Miktar</div>\n          {/* <div>Kdv Oranı</div> */}\n          <div>Tutar</div>\n          {/* <div>Kdv Dahil</div> */}\n        </li>\n        {(order != [] && order.items != undefined ? order.items : []).map(\n          (x) => {\n            return (\n              <li>\n                <div>{x.title}</div>\n                <div>{x.productCode}</div>\n                {/* <div>{x.barcode}</div> */}\n                <div>\n                  {x.quantity} {x.unit}\n                </div>\n                {/* <div>%{x.vatRate}</div> */}\n                <div>\n                  {order.order.currencyUnit} {x.totalPrice}\n                </div>\n                {/* <div> */}\n                  {/* {order.order.currencyUnit} {x.totalPriceWithVat} */}\n                {/* </div> */}\n              </li>\n            );\n          }\n        )}\n        <li>\n          {/* <div></div> */}\n          <div></div>\n          {/* <div></div> */}\n          <div></div>\n          <div></div>\n          <div>\n            Toplam :{order.order != undefined ? order.order.totalPrice : \"\"}{\" \"}\n            {order.order != undefined ? order.order.currencyUnit : \"\"}\n          </div>\n        </li>\n      </ul>\n    </PrintContainer>\n  );\n}\n","import React,{useEffect,useState} from 'react'\nimport {PrintContainer} from '../../styles/Print';\nimport { useOrderRequests } from '../../helpers/OrderRequests';\nexport default function PrintOrders() {\n\n  const [orders,setOrders]=useState(null)\n  const [total,setTotal]=useState(0)\n  const {getOrders}=useOrderRequests()\n  useEffect(() => {\n    if(orders==null){\n      getOrders().then(async (response)=>{\n        setOrders(response.data.data)\n        let totals=0\n        let unit=\"\"\n        const seter=await response.data.data.map(x=>{\n          unit=x.currencyUnit\n          totals+=(x.totalCurrencyPrice)\n        })\n        setTotal(unit+totals)\n\n        setTimeout(() => {\n          window.print()\n        }, 2000);\n      })\n    }\n  }, [orders])\n  \n\n  return (\n    <PrintContainer>\n      <h1>Sipariş Listesi</h1>\n      <ul>\n        <li>\n          <div>Kod</div>\n          <div>Ad</div>\n          <div> Tutar</div>\n          <div>Tarih</div>\n          <div>Durum</div>\n        </li>\n        {(orders!=null ? orders :[]).map((x) => {\n          return (\n            <li>\n              <div>{x.orderCode}</div>\n              <div>{x.detail}</div>\n              <div>\n                {x.currencyUnit}\n                {x.totalCurrencyPrice}\n              </div>\n              <div>{x.date}</div>\n              <div>{x.status}</div>\n            </li>\n          );\n        })}\n        <li>\n          <div></div>\n          <div></div>\n          <div></div>\n          <div></div>\n          <div>Toplam : {total}</div>\n        </li>\n      </ul>\n    </PrintContainer>\n  );\n}\n","import React,{useState,useLayoutEffect, useEffect} from 'react'\nimport { useSelector } from 'react-redux'\nimport {SlideProductContainer} from '../styles/Home'\nimport SlideProducts from '../components/Slider/Products'\nimport Header from '../components/Navigation/Header'\nimport BottomNav from '../components/Navigation/Bottom'\nimport Footer from '../components/Navigation/Footer'\nimport \"react-activity/dist/Sentry.css\";\nimport ContentLoader from \"react-content-loader\"\n\nimport {useProductRequests} from '../helpers/ProductRequests'\nimport {useOrderRequests} from '../helpers/OrderRequests'\nimport { DetailContainer } from '../styles/Product'\nimport DataTable from 'react-data-table-component';\nimport { Link } from 'react-router-dom'\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\nimport { faEye, faSearch } from '@fortawesome/free-solid-svg-icons'\nimport { Currency } from 'react-intl-number-format/dist/index.js';\nimport { useHistory } from 'react-router-dom';\nimport useWindowDimensions from '../components/useWindowDimensions'\n\nexport default function Basket(props) {\n  \n  const {getDiscover} = useProductRequests()\n  const {getProductReports} = useOrderRequests()\n  \n  const {basket}=useSelector(state=>state.cart)\n\n  const [discover,setDiscover]=useState([])\n  const [reports,setReports]=useState(null)\n  \n  useLayoutEffect(() => {\n    \n    if(discover.length===0){\n\n      getDiscover({page:1,count:20,sort:'RANDOM',sortedBy:''}).then((response)=>{\n        setDiscover(response.data.data.items)\n      }).catch((error)=>{\n        console.log(\"error\",error.response)\n      })\n\n    }\n  }, [])\n\n  useLayoutEffect(() => {\n    \n    //if(orders.length===0){\n\n    //getOrders().then((response)=>{\n    //  setOrders(response.data.data)\n    //}).catch((error)=>{\n    //  console.log(\"error\",error.response)\n    //})\n\n    //}\n  }, [])\n    const columns = [\n      {\n        name: \"#\",\n        selector: (row) => <img src={row.image} height={60}  />,\n        sortable: true,\n      },\n      {\n        name: \"Ad\",\n        selector: (row) => row.title,\n        sortable: true,\n      },\n      {\n        name: \"Birim\",\n        selector: (row) => row.unit,\n        sortable: true,\n      },\n      {\n        name: \"Koli\",\n        selector: (row) => row.totalQuantity,\n        sortable: true,\n      },\n      {\n        name: \"Tutar\",\n        selector: (row) => (\n          <span style={{ color: \"green\", fontWeight: \"bold\" }}>\n            <Currency>{row.totalAmount}</Currency>\n          </span>\n        ),\n        sortable: true,\n      },\n    ];\n  const today = new Date();\n  today.setDate(today.getDate() - 30)\n  const [filterText, setFilterText] = React.useState('');\n  const [startDate, setStartDate] = React.useState(today.toISOString().slice(0, 10));\n  const [endDate, setEndDate] = React.useState((new Date().toISOString().slice(0, 10)));\n  const width=useWindowDimensions().width\n  const handleStartDateChange = (event) => {\n    setStartDate(event.target.value);\n  };\n  const handleEndDateChange = (event) => {\n    setEndDate(event.target.value);\n  };\n  \n\tconst [resetPaginationToggle, setResetPaginationToggle] = React.useState(false);\n\n\n  const subHeaderComponentMemo = React.useMemo(() => {\n    if(width<1140){\n      return (\n        <div style={{ color: \"#000\" }}>\n          <div\n            style={{\n              color: \"#000\",\n              display: \"flex\",\n              alignItems: \"center\",\n              justifyContent: \"center\",\n              boxShadow: \"0px 0px 0px #333\",\n              width: \"100%\",\n            }}\n          >\n            <input\n              type=\"date\"\n              value={startDate}\n              onChange={handleStartDateChange}\n              style={{\n                border: \"none\",\n                boxShadow: \"0px 0px 2px #333\",\n                height: 35,\n                textAlign: \"center\",\n              }}\n            />\n            <span\n              style={{ marginRight: 10, marginLeft: 10, fontWeight: \"bold\" }}\n            >\n              -\n            </span>\n            <input\n              type=\"date\"\n              value={endDate}\n              onChange={handleEndDateChange}\n              style={{\n                border: \"none\",\n                boxShadow: \"0px 0px 2px #333\",\n                marginRight: 20,\n                height: 35,\n                textAlign: \"center\",\n              }}\n            />\n          </div>\n          <div\n            style={{\n              display: \"flex\",\n              alignItems: \"center\",\n              boxShadow: \"0px 0px 1px #333\",\n              padding: 5,\n              justifyContent: \"center\",\n              marginRight: \"12.5%\",\n              width: \"80%\",\n              marginTop: 20,\n              marginBottom: 50,\n            }}\n          >\n            <FontAwesomeIcon icon={faSearch} color={\"#000\"} />\n            <input\n              style={{\n                border: \"none\",\n                outline: \"none\",\n                textAlign: \"left\",\n                paddingLeft: 5,\n              }}\n              placeholder=\"Ara\"\n              className=\"input-group\"\n              value={filterText}\n              onChange={(e) => setFilterText(e.target.value)}\n            />\n          </div>\n          <div style={{ width: \"100%\", color: \"#000\" }}>\n            <div\n              style={{\n                width: \"100%\",\n                display: \"flex\",\n                justifyContent: \"space-between\",\n              }}\n            >\n              <span\n                style={{\n                  fontSize: 25,\n                  fontWeight: \"bold\",\n                  fontFamily: \"Overpass\",\n                }}\n              >\n                Toplam Tutar{\" \"}\n              </span>\n              <div\n                style={{\n                  backgroundColor: \"#a30711\",\n                  display: \"inline-block\",\n                  marginLeft: 20,\n                  padding: \"3px 12px\",\n                  borderRadius: 5,\n                  fontSize: 25,\n                  color: \"#fff\",\n                  boxShadow: \"5px 5px 0px 0px #000\",\n                  fontFamily: \"Overpass\",\n                }}\n              >\n                <Currency>{reports != null ? reports.totalAmount : 0}</Currency>\n              </div>\n            </div>\n            <div\n              style={{\n                width: \"100%\",\n                display: \"flex\",\n                justifyContent: \"space-between\",\n                marginTop: 20,\n              }}\n            >\n              <span style={{ fontSize: 25, fontWeight: \"bold\" }}>\n                Toplam Koli{\" \"}\n              </span>\n              <div\n                style={{\n                  backgroundColor: \"#a30711\",\n                  display: \"inline-block\",\n                  marginLeft: 20,\n                  padding: \"3px 12px\",\n                  borderRadius: 5,\n                  fontSize: 25,\n                  color: \"#fff\",\n                  boxShadow: \"5px 5px 0px 0px #000\",\n                }}\n              >\n                {reports != null ? reports.totalQuantity : 0}\n              </div>\n            </div>\n          </div>\n        </div>\n      );\n    }\n\t\treturn (\n\t\t\t<>\n      <div style={{color:'#000'}}>\n        <input  type=\"date\"  value={startDate} onChange={handleStartDateChange} style={{border:'none',boxShadow:'0px 0px 2px #333',height:35,textAlign:'center'}}/>\n        <span style={{marginRight:10,marginLeft:10,fontWeight:'bold'}}>-</span>\n        <input type=\"date\" value={endDate} onChange={handleEndDateChange} style={{border:'none',boxShadow:'0px 0px 2px #333',marginRight:20,height:35,textAlign:'center'}} />\n      </div>\n      <div style={{display:'flex',alignItems:'center',boxShadow:'0px 0px 1px #333',padding:5,justifyContent:'center'}}>\n      <FontAwesomeIcon icon={faSearch} color={\"#000\"} />\n      <input style={{border:'none',outline:'none',textAlign:'left',paddingLeft:5}} placeholder='Ara' className='input-group' value={filterText} onChange={e=>setFilterText(e.target.value)}  />\n      </div>\n      <div style={{width:'100%',color:'#000'}}>\n        <div>\n          <span style={{fontSize:25,fontWeight:'bold',fontFamily:'Overpass'}}>Toplam Tutar </span>\n          <div style={{backgroundColor:'#a30711',display:'inline-block',marginLeft:20,padding:'3px 12px',borderRadius:5,fontSize:25,color:'#fff',boxShadow:'5px 5px 0px 0px #000',fontFamily:'Overpass'}}><Currency>{reports!=null ? reports.totalAmount : 0}</Currency></div>\n        </div>\n        <div style={{marginTop:20}}>\n          <span style={{fontSize:25,fontWeight:'bold'}}>Toplam Koli </span>\n          <div style={{backgroundColor:'#a30711',display:'inline-block',marginLeft:20,padding:'3px 12px',borderRadius:5,fontSize:25,color:'#fff',boxShadow:'5px 5px 0px 0px #000'}}>{reports!=null ? reports.totalQuantity:0}</div>\n        \n        </div>\n      </div>\n      </>\n\t\t);\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      <Header/>\n\n      <div>\n        \n        <SlideProductContainer>\n        \n     \n          {\n            false ? \n            \n            <>\n            <div className=\"loader\">\n                <ContentLoader \n                  speed={0.5}\n                  width={2500}\n                  height={160}\n                  viewBox=\"0 0 2400 160\"\n                  backgroundColor=\"#f3f3f3\"\n                  foregroundColor=\"#ecebeb\"\n                  {...props}\n                >\n                  <rect x=\"-25\" y=\"0\" rx=\"3\" ry=\"3\" width=\"2429\" height=\"34\" /> \n                  <rect x=\"-28\" y=\"48\" rx=\"3\" ry=\"3\" width=\"2437\" height=\"35\" /> \n                  <rect x=\"-29\" y=\"96\" rx=\"3\" ry=\"3\" width=\"2441\" height=\"35\" />\n                </ContentLoader>\n                \n              </div>\n              <div className=\"loader\" style={{marginTop:-100}}>\n                <ContentLoader \n                  speed={0.5}\n                  width={2500}\n                  height={160}\n                  viewBox=\"0 0 2400 160\"\n                  backgroundColor=\"#f3f3f3\"\n                  foregroundColor=\"#ecebeb\"\n                  {...props}\n                >\n                  <rect x=\"-25\" y=\"0\" rx=\"3\" ry=\"3\" width=\"2429\" height=\"34\" /> \n                  <rect x=\"-28\" y=\"48\" rx=\"3\" ry=\"3\" width=\"2437\" height=\"35\" /> \n                  <rect x=\"-29\" y=\"96\" rx=\"3\" ry=\"3\" width=\"2441\" height=\"35\" />\n                </ContentLoader>\n                \n              </div>\n            </>\n\n            :\n            \n            <>\n            <DataTable\n              pagination\n              subHeader\n              noDataComponent=\"Veri bulunamadı\"\n              subHeaderComponent={subHeaderComponentMemo}\n              columns={columns}\n              onRowClicked={handleRowClick}\n              data={filteredItems(reports!=null ? reports.items : [])}\n            />\n            </>\n          }\n          \n        </SlideProductContainer>\n\n        <SlideProductContainer>\n          \n          <h1>Keşfet</h1>\n\n          {\n            discover.length > 0 ?\n            <SlideProducts items={discover} />\n            :\n            <div className=\"loader\">\n              <ContentLoader speed={0.5} width={221} height={300} style={{marginRight: '20px'}} backgroundColor=\"#f3f3f3\" foregroundColor=\"#ecebeb\" {...props} ><rect x=\"0\" y=\"0\" rx=\"0\" ry=\"0\" width=\"221\" height=\"250\" /><rect x=\"0\" y=\"260\" rx=\"3\" ry=\"3\" width=\"221\" height=\"10\" /><rect x=\"0\" y=\"275\" rx=\"3\" ry=\"3\" width=\"221\" height=\"10\" /><rect x=\"0\" y=\"290\" rx=\"3\" ry=\"3\" width=\"221\" height=\"10\" /></ContentLoader>\n              <ContentLoader speed={0.5} width={221} height={300} style={{marginRight: '40px'}} backgroundColor=\"#f3f3f3\" foregroundColor=\"#ecebeb\"  {...props} ><rect x=\"0\" y=\"0\" rx=\"0\" ry=\"0\" width=\"221\" height=\"250\" /><rect x=\"0\" y=\"260\" rx=\"3\" ry=\"3\" width=\"221\" height=\"10\" /><rect x=\"0\" y=\"275\" rx=\"3\" ry=\"3\" width=\"221\" height=\"10\" /><rect x=\"0\" y=\"290\" rx=\"3\" ry=\"3\" width=\"221\" height=\"10\" /> </ContentLoader>\n              <ContentLoader speed={0.5} width={221} height={300} style={{marginRight: '40px'}} backgroundColor=\"#f3f3f3\" foregroundColor=\"#ecebeb\"  {...props} ><rect x=\"0\" y=\"0\" rx=\"0\" ry=\"0\" width=\"221\" height=\"250\" /><rect x=\"0\" y=\"260\" rx=\"3\" ry=\"3\" width=\"221\" height=\"10\" /><rect x=\"0\" y=\"275\" rx=\"3\" ry=\"3\" width=\"221\" height=\"10\" /><rect x=\"0\" y=\"290\" rx=\"3\" ry=\"3\" width=\"221\" height=\"10\" /> </ContentLoader>\n              <ContentLoader speed={0.5} width={221} height={300} style={{marginRight: '40px'}} backgroundColor=\"#f3f3f3\" foregroundColor=\"#ecebeb\"  {...props} ><rect x=\"0\" y=\"0\" rx=\"0\" ry=\"0\" width=\"221\" height=\"250\" /><rect x=\"0\" y=\"260\" rx=\"3\" ry=\"3\" width=\"221\" height=\"10\" /><rect x=\"0\" y=\"275\" rx=\"3\" ry=\"3\" width=\"221\" height=\"10\" /><rect x=\"0\" y=\"290\" rx=\"3\" ry=\"3\" width=\"221\" height=\"10\" /> </ContentLoader>\n              <ContentLoader speed={0.5} width={221} height={300} style={{marginRight: '40px'}} backgroundColor=\"#f3f3f3\" foregroundColor=\"#ecebeb\"  {...props} ><rect x=\"0\" y=\"0\" rx=\"0\" ry=\"0\" width=\"221\" height=\"250\" /><rect x=\"0\" y=\"260\" rx=\"3\" ry=\"3\" width=\"221\" height=\"10\" /><rect x=\"0\" y=\"275\" rx=\"3\" ry=\"3\" width=\"221\" height=\"10\" /><rect x=\"0\" y=\"290\" rx=\"3\" ry=\"3\" width=\"221\" height=\"10\" /> </ContentLoader>\n              \n            </div>\n          }\n        </SlideProductContainer> \n\n      \n      </div>\n\n      <BottomNav/>\n\n      <Footer/>\n\n    </>\n  )\n}\n","import React,{useState,useLayoutEffect} from 'react'\nimport { useSelector } from 'react-redux'\nimport {SlideProductContainer} from '../styles/Home'\nimport SlideProducts from '../components/Slider/Products'\nimport Header from '../components/Navigation/Header'\nimport BottomNav from '../components/Navigation/Bottom'\nimport Footer from '../components/Navigation/Footer'\nimport \"react-activity/dist/Sentry.css\";\nimport ContentLoader from \"react-content-loader\"\n\nimport {useProductRequests} from '../helpers/ProductRequests'\nimport {useOrderRequests} from '../helpers/OrderRequests'\nimport { DetailContainer } from '../styles/Product'\nimport DataTable from 'react-data-table-component';\nimport { Link } from 'react-router-dom'\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\nimport { faEye, faSearch } from '@fortawesome/free-solid-svg-icons'\nimport { Currency } from 'react-intl-number-format/dist/index.js';\n\nexport default function Basket(props) {\n  \n  const {getDiscover} = useProductRequests()\n  const {getOrders} = useOrderRequests()\n  \n  const {basket}=useSelector(state=>state.cart)\n\n  const [discover,setDiscover]=useState([])\n  const [orders,setOrders]=useState([])\n\n  useLayoutEffect(() => {\n    \n    if(discover.length===0){\n\n      getDiscover({page:1,count:20,sort:'RANDOM',sortedBy:''}).then((response)=>{\n        setDiscover(response.data.data.items)\n      }).catch((error)=>{\n        console.log(\"error\",error.response)\n      })\n\n    }\n  }, [])\n\n  useLayoutEffect(() => {\n    \n      if(orders.length===0){\n\n      getOrders().then((response)=>{\n        setOrders(response.data.data)\n      }).catch((error)=>{\n        console.log(\"error\",error.response)\n      })\n\n      }\n    }, [])\n    const columns = [\n      {\n          name: 'ID',\n          selector: row => row.orderId,\n          sortable: true,\n      },\n      {\n          name: 'Kod',\n          selector: row => row.orderCode,\n          sortable: true,\n      },\n      {\n          name: 'Ad',\n          selector: row => row.detail,\n          sortable: true,\n\n      },\n      {\n          name: 'Tarih',\n          selector: row => row.date,\n          sortable: true,\n\n      },\n      {\n          name: 'Tutar',\n          selector: row => <span style={{color:'green',fontWeight:'bold'}}><Currency>{row.totalPrice}</Currency></span>,\n          sortable: true,\n\n      },\n      {\n          name: '',\n          selector: row => <Link className={row.status+\" invoices\"} to={\"/siparisler/\"+row.orderId}>  {row.status.toUpperCase()}  </Link>,\n          sortable: true,\n      },\n  ];\n\n  const [filterText, setFilterText] = React.useState('');\n\tconst [resetPaginationToggle, setResetPaginationToggle] = React.useState(false);\n  const filteredItems = orders.filter(\n\t\titem=>{\n      console.log((\n      (item.date.toLowerCase().includes(filterText.toLowerCase())) || \n      (item.detail.toLowerCase().includes(filterText.toLowerCase())) || \n      ((item.orderCode+\"\").toLowerCase().includes(filterText.toLowerCase())) || \n      ((item.orderId+\"\").toLowerCase().includes(filterText.toLowerCase())) || \n      (item.status.toLowerCase().includes(filterText.toLowerCase())) || \n      ((item.totalPrice+\"\").toLowerCase().includes(filterText.toLowerCase())) \n      ))\n      return (\n      (item.date.toLowerCase().includes(filterText.toLowerCase())) || \n      (item.detail.toLowerCase().includes(filterText.toLowerCase())) || \n      ((item.orderCode+\"\").toLowerCase().includes(filterText.toLowerCase())) || \n      ((item.orderId+\"\").toLowerCase().includes(filterText.toLowerCase())) || \n      (item.status.toLowerCase().includes(filterText.toLowerCase())) || \n      ((item.totalPrice+\"\").toLowerCase().includes(filterText.toLowerCase())) \n      )\n    }\n\t);\n\n  const subHeaderComponentMemo = React.useMemo(() => {\n\t\tconst handleClear = () => {\n\t\t\tif (filterText) {\n\t\t\t\tsetResetPaginationToggle(!resetPaginationToggle);\n\t\t\t\tsetFilterText('');\n\t\t\t}\n\t\t};\n\n\t\treturn (\n\t\t\t<div style={{display:'flex',alignItems:'center',boxShadow:'0px 0px 6px #000',padding:5,justifyContent:'center'}}>\n      <FontAwesomeIcon icon={faSearch} />\n      <input style={{border:'none',outline:'none',textAlign:'right'}} placeholder='Ara' className='input-group' value={filterText} onChange={e=>setFilterText(e.target.value)}  />\n      </div>\n\t\t);\n\t}, [filterText, resetPaginationToggle]);\n\n  return (\n    <>\n      \n      <Header/>\n\n      <div>\n        \n        <SlideProductContainer>\n          \n          {\n            orders.length<1 ? \n            \n            <>\n            <div className=\"loader\">\n                <ContentLoader \n                  speed={0.5}\n                  width={2500}\n                  height={160}\n                  viewBox=\"0 0 2400 160\"\n                  backgroundColor=\"#f3f3f3\"\n                  foregroundColor=\"#ecebeb\"\n                  {...props}\n                >\n                  <rect x=\"-25\" y=\"0\" rx=\"3\" ry=\"3\" width=\"2429\" height=\"34\" /> \n                  <rect x=\"-28\" y=\"48\" rx=\"3\" ry=\"3\" width=\"2437\" height=\"35\" /> \n                  <rect x=\"-29\" y=\"96\" rx=\"3\" ry=\"3\" width=\"2441\" height=\"35\" />\n                </ContentLoader>\n                \n              </div>\n              <div className=\"loader\" style={{marginTop:-100}}>\n                <ContentLoader \n                  speed={0.5}\n                  width={2500}\n                  height={160}\n                  viewBox=\"0 0 2400 160\"\n                  backgroundColor=\"#f3f3f3\"\n                  foregroundColor=\"#ecebeb\"\n                  {...props}\n                >\n                  <rect x=\"-25\" y=\"0\" rx=\"3\" ry=\"3\" width=\"2429\" height=\"34\" /> \n                  <rect x=\"-28\" y=\"48\" rx=\"3\" ry=\"3\" width=\"2437\" height=\"35\" /> \n                  <rect x=\"-29\" y=\"96\" rx=\"3\" ry=\"3\" width=\"2441\" height=\"35\" />\n                </ContentLoader>\n                \n              </div>\n            </>\n\n            :\n            \n            <DataTable\n              pagination\n              subHeader\n              subHeaderComponent={subHeaderComponentMemo}\n              columns={columns}\n              data={(filteredItems)}\n            />\n          }\n          \n        </SlideProductContainer>\n\n        <SlideProductContainer>\n          \n          <h1>Keşfet</h1>\n\n          {\n            discover.length > 0 ?\n            <SlideProducts items={discover} />\n            :\n            <div className=\"loader\">\n              <ContentLoader speed={0.5} width={221} height={300} style={{marginRight: '20px'}} backgroundColor=\"#f3f3f3\" foregroundColor=\"#ecebeb\" {...props} ><rect x=\"0\" y=\"0\" rx=\"0\" ry=\"0\" width=\"221\" height=\"250\" /><rect x=\"0\" y=\"260\" rx=\"3\" ry=\"3\" width=\"221\" height=\"10\" /><rect x=\"0\" y=\"275\" rx=\"3\" ry=\"3\" width=\"221\" height=\"10\" /><rect x=\"0\" y=\"290\" rx=\"3\" ry=\"3\" width=\"221\" height=\"10\" /></ContentLoader>\n              <ContentLoader speed={0.5} width={221} height={300} style={{marginRight: '40px'}} backgroundColor=\"#f3f3f3\" foregroundColor=\"#ecebeb\"  {...props} ><rect x=\"0\" y=\"0\" rx=\"0\" ry=\"0\" width=\"221\" height=\"250\" /><rect x=\"0\" y=\"260\" rx=\"3\" ry=\"3\" width=\"221\" height=\"10\" /><rect x=\"0\" y=\"275\" rx=\"3\" ry=\"3\" width=\"221\" height=\"10\" /><rect x=\"0\" y=\"290\" rx=\"3\" ry=\"3\" width=\"221\" height=\"10\" /> </ContentLoader>\n              <ContentLoader speed={0.5} width={221} height={300} style={{marginRight: '40px'}} backgroundColor=\"#f3f3f3\" foregroundColor=\"#ecebeb\"  {...props} ><rect x=\"0\" y=\"0\" rx=\"0\" ry=\"0\" width=\"221\" height=\"250\" /><rect x=\"0\" y=\"260\" rx=\"3\" ry=\"3\" width=\"221\" height=\"10\" /><rect x=\"0\" y=\"275\" rx=\"3\" ry=\"3\" width=\"221\" height=\"10\" /><rect x=\"0\" y=\"290\" rx=\"3\" ry=\"3\" width=\"221\" height=\"10\" /> </ContentLoader>\n              <ContentLoader speed={0.5} width={221} height={300} style={{marginRight: '40px'}} backgroundColor=\"#f3f3f3\" foregroundColor=\"#ecebeb\"  {...props} ><rect x=\"0\" y=\"0\" rx=\"0\" ry=\"0\" width=\"221\" height=\"250\" /><rect x=\"0\" y=\"260\" rx=\"3\" ry=\"3\" width=\"221\" height=\"10\" /><rect x=\"0\" y=\"275\" rx=\"3\" ry=\"3\" width=\"221\" height=\"10\" /><rect x=\"0\" y=\"290\" rx=\"3\" ry=\"3\" width=\"221\" height=\"10\" /> </ContentLoader>\n              <ContentLoader speed={0.5} width={221} height={300} style={{marginRight: '40px'}} backgroundColor=\"#f3f3f3\" foregroundColor=\"#ecebeb\"  {...props} ><rect x=\"0\" y=\"0\" rx=\"0\" ry=\"0\" width=\"221\" height=\"250\" /><rect x=\"0\" y=\"260\" rx=\"3\" ry=\"3\" width=\"221\" height=\"10\" /><rect x=\"0\" y=\"275\" rx=\"3\" ry=\"3\" width=\"221\" height=\"10\" /><rect x=\"0\" y=\"290\" rx=\"3\" ry=\"3\" width=\"221\" height=\"10\" /> </ContentLoader>\n              \n            </div>\n          }\n        </SlideProductContainer> \n\n      \n      </div>\n\n      <BottomNav/>\n\n      <Footer/>\n\n    </>\n  )\n}\n","import React from 'react'\n\nexport default function Profile() {\n  return (\n    <div>Profile</div>\n  )\n}\n\n","import React, { useState, useLayoutEffect } from \"react\";\nimport { useSelector } from \"react-redux\";\nimport { SlideProductContainer } from \"../styles/Home\";\nimport SlideProducts from \"../components/Slider/Products\";\nimport Header from \"../components/Navigation/Header\";\nimport BottomNav from \"../components/Navigation/Bottom\";\nimport Footer from \"../components/Navigation/Footer\";\nimport \"react-activity/dist/Sentry.css\";\nimport ContentLoader from \"react-content-loader\";\n\nimport { useProductRequests } from \"../helpers/ProductRequests\";\n\nimport CartItems from \"../components/Cart/CartItems\";\nimport { Login } from \"../styles/Auth\";\nimport { useHistory } from \"react-router-dom\";\nimport Box from \"@mui/material/Box\";\n\nimport { LoadingButton } from \"@mui/lab\";\nimport { styled } from \"@mui/material/styles\";\nimport TextField from \"@mui/material/TextField\";\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\nimport { faKey } from \"@fortawesome/free-solid-svg-icons\";\nimport { useAuthRequests } from \"../helpers/AuthRequests\";\nexport default function Basket(props) {\n  const history=useHistory()\n  const { getDiscover, getMainProducts } = useProductRequests();\n\n  const {changePasswordRequest} = useAuthRequests()\n\n  const { basket } = useSelector((state) => state.cart);\n  const [error, setError] = useState(\"\");\n  const [success, setSuccess] = useState(\"\");\n  const [discover, setDiscover] = useState([]);\n  const [loading, setLoading] = useState(false);\n  const [oldPassword, setOldPassword] = useState(\"\");\n  const [newPassword, setNewPassword] = useState(\"\");\n  const [confirmPassword, setConfirmPassword] = useState(\"\");\n  useLayoutEffect(() => {\n    if (discover.length === 0) {\n      getMainProducts({ type: 1 })\n        .then((response) => {\n          setDiscover(response.data.data.items);\n        })\n        .catch((error) => {});\n    }\n  }, []);\n  const changePassword=(e)=>{\n    e.preventDefault();\n    setLoading(true)\n    if(newPassword!=confirmPassword){\n      setError(\"Yeni şifreler aynı olmalıdır.\")\n      setLoading(false)\n    }else{\n      changePasswordRequest({ oldPassword:oldPassword, newPassword:newPassword })\n        .then((response) => {\n          setLoading(false);\n          setSuccess(response.data.message);\n          setOldPassword('')\n          setNewPassword('')\n          setConfirmPassword('')\n          setTimeout(() => {\n            history.push(\"/cikis-yap\");\n          }, 1000);\n        })\n        .catch((error) => {\n          setLoading(false);\n          setError(error.response.data.message);\n        });\n    }\n  }\n  return (\n    <>\n      <Header />\n\n      <div>\n        <div\n          style={{\n            width: \"100%\",\n            display: \"flex\",\n            justifyContent: \"center\",\n            alignItems: \"center\",\n            marginTop: 100,\n            marginBottom: 100,\n          }}\n        >\n          <form\n            style={{\n              width: 700,\n              background: \"#d8eaff\",\n              borderRadius: 50,\n              padding: 100,\n            }}\n            onSubmit={changePassword}\n          >\n            <div\n              style={{\n                color: \"#000\",\n                width: 500,\n                fontSize: 25,\n                display: \"flex\",\n                alignItems: \"center\",\n                marginBottom: 20,\n                justifyContent: \"center\",\n              }}\n            >\n              <div style={{ width: 100 }}>\n                <FontAwesomeIcon style={{ marginRight: 50 }} icon={faKey} />\n              </div>\n              <div\n                style={{ width: 400, textAlign: \"right\", fontWeight: \"bold\" }}\n              >\n                Şifre Değiştirme Formu\n              </div>\n            </div>\n            <Box\n              sx={{\n                display: \"flex\",\n                alignItems: \"center\",\n                \"& > :not(style)\": { m: 1 },\n              }}\n            >\n              <TextField\n                autoComplete=\"on\"\n                label=\"Eski Şifre\"\n                autocomplete=\"on\"\n                value={oldPassword}\n                onChange={(e) => setOldPassword(e.target.value)}\n                variant=\"filled\"\n                type=\"password\"\n                style={{ marginTop: 11, width: 500 }}\n              />\n            </Box>\n            <Box\n              sx={{\n                display: \"flex\",\n                alignItems: \"center\",\n                \"& > :not(style)\": { m: 1 },\n              }}\n            >\n              <TextField\n                autoComplete=\"on\"\n                label=\"Yeni Şifre\"\n                autocomplete=\"on\"\n                value={newPassword}\n                onChange={(e) => setNewPassword(e.target.value)}\n                variant=\"filled\"\n                type=\"password\"\n                style={{ marginTop: 11, width: 500 }}\n              />\n            </Box>\n            <Box\n              sx={{\n                display: \"flex\",\n                alignItems: \"center\",\n                \"& > :not(style)\": { m: 1 },\n              }}\n            >\n              <TextField\n                autoComplete=\"on\"\n                label=\"Tekrar Yeni Şifre\"\n                value={confirmPassword}\n                onChange={(e) => setConfirmPassword(e.target.value)}\n                autocomplete=\"on\"\n                variant=\"filled\"\n                type=\"password\"\n                style={{ marginTop: 11, width: 500 }}\n              />\n            </Box>\n\n            {error != \"\" && (\n              <Box\n                sx={{\n                  display: \"flex\",\n                  backgroundColor: \"red\",\n                  alignItems: \"center\",\n                  \"& > :not(style)\": { m: 1 },\n                }}\n              >\n                {\" \"}\n                <div className=\"error-area\">{error}</div>{\" \"}\n              </Box>\n            )}\n            {success != \"\" && (\n              <Box\n                sx={{\n                  display: \"flex\",\n                  backgroundColor: \"green\",\n                  alignItems: \"center\",\n                  \"& > :not(style)\": { m: 1 },\n                }}\n              >\n                {\" \"}\n                <div className=\"success-area\">{success}</div>{\" \"}\n              </Box>\n            )}\n            <LoadingButton\n              loading={loading}\n              loadingPosition=\"start\"\n              type=\"submit\"\n              style={{ marginTop: 10, width: 480, marginLeft: 10 }}\n              variant=\"contained\"\n              className=\"authBtn\"\n            >\n              Şifremi Değiştir\n            </LoadingButton>\n          </form>\n        </div>\n\n        <SlideProductContainer>\n          <h1\n            style={{\n              color: \"rgba(255,10,0)\",\n              paddingTop: 40,\n              fontSize: 30,\n              marginBottom: 8,\n              fontWeight: \"bold\",\n            }}\n            // onClick={() => history.push(\"/yeni-urunler\")}\n          >\n            Kampanyalı Ürünler\n          </h1>\n\n          {discover.length > 0 ? (\n            <SlideProducts items={discover} />\n          ) : (\n            <div className=\"loader\">\n              <ContentLoader\n                speed={0.5}\n                width={221}\n                height={300}\n                style={{ marginRight: \"20px\" }}\n                backgroundColor=\"#f3f3f3\"\n                foregroundColor=\"#ecebeb\"\n                {...props}\n              >\n                <rect x=\"0\" y=\"0\" rx=\"0\" ry=\"0\" width=\"221\" height=\"250\" />\n                <rect x=\"0\" y=\"260\" rx=\"3\" ry=\"3\" width=\"221\" height=\"10\" />\n                <rect x=\"0\" y=\"275\" rx=\"3\" ry=\"3\" width=\"221\" height=\"10\" />\n                <rect x=\"0\" y=\"290\" rx=\"3\" ry=\"3\" width=\"221\" height=\"10\" />\n              </ContentLoader>\n              <ContentLoader\n                speed={0.5}\n                width={221}\n                height={300}\n                style={{ marginRight: \"40px\" }}\n                backgroundColor=\"#f3f3f3\"\n                foregroundColor=\"#ecebeb\"\n                {...props}\n              >\n                <rect x=\"0\" y=\"0\" rx=\"0\" ry=\"0\" width=\"221\" height=\"250\" />\n                <rect x=\"0\" y=\"260\" rx=\"3\" ry=\"3\" width=\"221\" height=\"10\" />\n                <rect x=\"0\" y=\"275\" rx=\"3\" ry=\"3\" width=\"221\" height=\"10\" />\n                <rect\n                  x=\"0\"\n                  y=\"290\"\n                  rx=\"3\"\n                  ry=\"3\"\n                  width=\"221\"\n                  height=\"10\"\n                />{\" \"}\n              </ContentLoader>\n              <ContentLoader\n                speed={0.5}\n                width={221}\n                height={300}\n                style={{ marginRight: \"40px\" }}\n                backgroundColor=\"#f3f3f3\"\n                foregroundColor=\"#ecebeb\"\n                {...props}\n              >\n                <rect x=\"0\" y=\"0\" rx=\"0\" ry=\"0\" width=\"221\" height=\"250\" />\n                <rect x=\"0\" y=\"260\" rx=\"3\" ry=\"3\" width=\"221\" height=\"10\" />\n                <rect x=\"0\" y=\"275\" rx=\"3\" ry=\"3\" width=\"221\" height=\"10\" />\n                <rect\n                  x=\"0\"\n                  y=\"290\"\n                  rx=\"3\"\n                  ry=\"3\"\n                  width=\"221\"\n                  height=\"10\"\n                />{\" \"}\n              </ContentLoader>\n              <ContentLoader\n                speed={0.5}\n                width={221}\n                height={300}\n                style={{ marginRight: \"40px\" }}\n                backgroundColor=\"#f3f3f3\"\n                foregroundColor=\"#ecebeb\"\n                {...props}\n              >\n                <rect x=\"0\" y=\"0\" rx=\"0\" ry=\"0\" width=\"221\" height=\"250\" />\n                <rect x=\"0\" y=\"260\" rx=\"3\" ry=\"3\" width=\"221\" height=\"10\" />\n                <rect x=\"0\" y=\"275\" rx=\"3\" ry=\"3\" width=\"221\" height=\"10\" />\n                <rect\n                  x=\"0\"\n                  y=\"290\"\n                  rx=\"3\"\n                  ry=\"3\"\n                  width=\"221\"\n                  height=\"10\"\n                />{\" \"}\n              </ContentLoader>\n              <ContentLoader\n                speed={0.5}\n                width={221}\n                height={300}\n                style={{ marginRight: \"40px\" }}\n                backgroundColor=\"#f3f3f3\"\n                foregroundColor=\"#ecebeb\"\n                {...props}\n              >\n                <rect x=\"0\" y=\"0\" rx=\"0\" ry=\"0\" width=\"221\" height=\"250\" />\n                <rect x=\"0\" y=\"260\" rx=\"3\" ry=\"3\" width=\"221\" height=\"10\" />\n                <rect x=\"0\" y=\"275\" rx=\"3\" ry=\"3\" width=\"221\" height=\"10\" />\n                <rect\n                  x=\"0\"\n                  y=\"290\"\n                  rx=\"3\"\n                  ry=\"3\"\n                  width=\"221\"\n                  height=\"10\"\n                />{\" \"}\n              </ContentLoader>\n            </div>\n          )}\n        </SlideProductContainer>\n      </div>\n\n      <BottomNav />\n\n      <Footer />\n    </>\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  faBars,\n  faCheck,\n  faSearch,\n  faSlidersH,\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 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 Search(props) {\n  const history = useHistory();\n  const location = useLocation();\n  const dispatch = useDispatch();\n\n  const { filter } = useParams();\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\n  const [searchTxt, setSearchTxt] = useState(filter);\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  const getProductReq = () => {\n    \n    getProducts({\n      all: searchTxt,\n      page: 1,\n      count: simpleCount,\n      specialCodeKey: selectedSoles.length == 0 ? 0 : 2,\n      specialCodeIdList: selectedSoles,\n      colorList: selectedColors,\n      groupSlugList: selected.length == 0 ? [] : 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: selected.length == 0 ? [] : 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      all: searchTxt,\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      all: searchTxt,\n\n      page: 1,\n      count: simpleCount,\n      specialCodeKey: selectedSoles.length == 0 ? 0 : 2,\n\n      specialCodeIdList: selectedSoles,\n      colorList: selectedColors,\n      groupSlugList: selected.length == 0 ? [] : 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      all: searchTxt,\n\n      page: pg,\n      count: simpleCount,\n      specialCodeKey: selectedSoles.length == 0 ? 0 : 2,\n      specialCodeIdList: selectedSoles,\n      colorList: selectedColors,\n      groupSlugList: selected.length == 0 ? [] : 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        all: searchTxt,\n\n        page: 1,\n        count: simpleCount,\n        specialCodeKey: selectedSoles.length == 0 ? 0 : 2,\n        specialCodeIdList: selectedSoles,\n        colorList: selectedColors,\n        groupSlugList: selected.length == 0 ? [] : 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        <Helmet>\n          <title>\n            Toptan {categories[0].name} Ürünleri - Ulusoy Toptan Ayakkabı\n          </title>\n        </Helmet>\n      ) : (\n        <Helmet>\n          <title>Toptan Ayakkabı - Ulusoy Toptan Ayakkabı</title>\n        </Helmet>\n      )}\n\n      <Header />\n      <h1 className=\"analizicin\">\n        {categories.length > 0 && categories[0].name} Kategori Ürünleri - Ulusoy\n        Toptan Ayakkabı{\" \"}\n      </h1>\n      <div className=\"category-img-carousel\">\n        <Carousel\n          disableArrowsOnEnd={true}\n          pagination={false}\n          renderArrow={({ type, onClick, isEdge }) => {\n            const pointer = type === consts.PREV ? faAngleLeft : faAngleRight;\n            return true ? (\n              <div>\n                <button\n                  onClick={onClick}\n                  style={{\n                    background: \"none\",\n                    border: \"none\",\n                    cursor: \"pointer\",\n                    outline: \"none\",\n                    padding: 10,\n                    position: \"absolute\",\n                    top: \"50%\",\n                    transform: \"translateY(-50%)\",\n                    zIndex: 100900,\n                    left: type === consts.PREV ? 0 : \"unset\",\n                    right: type === consts.NEXT ? 0 : \"unset\",\n                  }}\n                >\n                  <FontAwesomeIcon icon={pointer} style={{ fontSize: 30 }} />\n                </button>\n              </div>\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                <div\n                  key={item.id + item.slug}\n                  onClick={() => {\n                    if (selected.includes(item.slug)) {\n                      setSelected(selected.filter((x) => x != item.slug));\n                    } else {\n                      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                  <div\n                    style={{\n                      backgroundSize: \"80%\",\n                      backgroundRepeat: \"no-repeat\",\n                      border: selected.includes(item.slug)\n                        ? \"3px solid #F27A1A\"\n                        : \"1px solid #F5F5F5\",\n                      borderRadius: 1000,\n                      background: \"#F5F5F5\",\n                      display: \"flex\",\n                      justifyContent: \"center\",\n                      alignItems: \"center\",\n                      backgroundPosition: \"center\",\n                      width: 80,\n                      height: 80,\n                      boxShadow:\n                        \"0px 0px \" +\n                        (selected.includes(item.slug) ? \"4\" : \"0\") +\n                        \"px #F27A1A\",\n                    }}\n                  >\n                    <span\n                      className=\"brand-name\"\n                      style={{\n                        fontSize: 16,\n                        backgroundImage: \"url(\" + item.image + \")\",\n                        backgroundRepeat: \"no-repeat\",\n                        width: \"100%\",\n                        border: \"1px solid #F5F5F5\",\n                        height: \"100%\",\n                        backgroundColor: \"#fff\",\n                        borderRadius: 1000,\n                        backgroundSize: \"90%\",\n                        backgroundPosition: \"center\",\n                        color: selected.includes(item.slug)\n                          ? \"#F27A1A\"\n                          : \"#000\",\n                        fontWeight: selected.includes(item.slug)\n                          ? \"bold\"\n                          : \"bold\",\n                      }}\n                    ></span>\n                  </div>\n                  <span style={{ fontSize: 11 }}>{item.name}</span>\n                </div>\n              );\n            });\n          })}\n        </Carousel>\n      </div>\n      <div style={{ width: \"100%\" }}>\n        <div className=\"filters\">\n          <div className=\"left\">\n            {!open && (\n              <div className=\"filter-btn\" onClick={() => setOpen(true)}>\n                <FontAwesomeIcon icon={faSlidersH} /> Filtreler\n              </div>\n            )}\n          </div>\n          <div className=\"right\">\n            {selected.length > 0 ||\n            minPrice != null ||\n            maxPrice != null ||\n            selectedBrands.length > 0 ||\n            selectedColors.length > 0 ||\n            selectedSoles.length > 0 ? (\n              <>\n                <div className=\"filtered-list\">\n                  <div\n                    className=\"filtered-item all-remover\"\n                    key={\"filtergfsed-x-\"}\n                    onClick={() => {\n                      setSelectedBrands([]);\n                      setSelected([]);\n                      setSelectedColors([]);\n                    }}\n                  >\n                    Filtreyi Temizle\n                    <span>x</span>\n                  </div>\n\n                  {selectedBrands.map((x) => {\n                    return (\n                      <div\n                        className=\"filtered-item\"\n                        key={\"filtergfsed-x-\" + x}\n                        onClick={() => {\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                        <span>x</span>\n                      </div>\n                    );\n                  })}\n                  {selected.map((x) => {\n                    return (\n                      <div\n                        key={\"filtereddfgd-y-\" + x}\n                        onClick={() => {\n                          setSelected(selected.filter((y) => y != x));\n                        }}\n                        className=\"filtered-item\"\n                      >\n                        {getSlugToName(x)} <span>x</span>\n                      </div>\n                    );\n                  })}\n                  {selectedColors.map((x) => {\n                    return (\n                      <div\n                        key={\"filtered-color-sdfgc\" + x}\n                        onClick={() => {\n                          setSelectedColors(\n                            selectedColors.filter((y) => y != x)\n                          );\n                        }}\n                        className=\"filtered-item\"\n                      >\n                        {x}\n                        <span>x</span>\n                      </div>\n                    );\n                  })}\n                  {selectedSoles.map((x) => {\n                    return (\n                      <div\n                        key={\"filtered-sodlfdge-\" + x.id}\n                        onClick={() => {\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                        <span>x</span>\n                      </div>\n                    );\n                  })}\n                  {minPrice != null && (\n                    <div\n                      onClick={() => {\n                        setMinPrice(null);\n                      }}\n                      className=\"filtered-item\"\n                    >\n                      En Az {minPrice}₺<span>x</span>\n                    </div>\n                  )}\n                  {maxPrice != null && (\n                    <div\n                      onClick={() => {\n                        setMaxPrice(null);\n                      }}\n                      className=\"filtered-item\"\n                    >\n                      En Fazla {maxPrice}₺<span>x</span>\n                    </div>\n                  )}\n                </div>\n              </>\n            ) : (\n              <></>\n            )}\n            <button\n              className=\"sort-btn\"\n              onClick={() => setFilterOpen(!filterOpen)}\n            >\n              <FontAwesomeIcon\n                icon={sort.sortedBy == \"DESC\" ? faAngleDown : faAngleUp}\n                style={{ marginRight: 10 }}\n              />{\" \"}\n              {sort.name}\n              <div\n                className=\"filter-list\"\n                style={{ display: filterOpen != true ? \"none\" : \"unset\" }}\n              >\n                <div\n                  onClick={() =>\n                    setSort({\n                      sort: \"RANDOM\",\n                      sortedBy: \"\",\n                      name: \"Keşfet\",\n                    })\n                  }\n                  className=\"item\"\n                >\n                  {sort.sort == \"RANDOM\" ? (\n                    <>\n                      <FontAwesomeIcon icon={faCheck} />{\" \"}\n                    </>\n                  ) : (\n                    \"\"\n                  )}\n                  Keşfet\n                </div>\n                <div\n                  onClick={() =>\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                      <FontAwesomeIcon icon={faCheck} />{\" \"}\n                    </>\n                  ) : (\n                    \"\"\n                  )}\n                  Yeni Ürünler\n                </div>\n                <div\n                  onClick={() =>\n                    setSort({\n                      sort: \"DATE\",\n                      sortedBy: \"ASC\",\n                      name: \"Eski Ürünler\",\n                    })\n                  }\n                  className=\"item\"\n                >\n                  {sort.sortedBy == \"ASC\" && sort.sort == \"DATE\" ? (\n                    <>\n                      <FontAwesomeIcon icon={faCheck} />{\" \"}\n                    </>\n                  ) : (\n                    \"\"\n                  )}\n                  Eski Ürünler\n                </div>\n                <div\n                  onClick={() =>\n                    setSort({\n                      sort: \"PRICE\",\n                      sortedBy: \"ASC\",\n                      name: \"Artan Fiyat\",\n                    })\n                  }\n                  className=\"item\"\n                >\n                  {sort.sortedBy == \"ASC\" && sort.sort == \"PRICE\" ? (\n                    <>\n                      <FontAwesomeIcon icon={faCheck} />{\" \"}\n                    </>\n                  ) : (\n                    \"\"\n                  )}\n                  Artan Fiyat\n                </div>\n                <div\n                  onClick={() =>\n                    setSort({\n                      sort: \"PRICE\",\n                      sortedBy: \"DESC\",\n                      name: \"Azalan Fiyat\",\n                    })\n                  }\n                  className=\"item\"\n                >\n                  {sort.sortedBy == \"DESC\" && sort.sort == \"PRICE\" ? (\n                    <>\n                      <FontAwesomeIcon icon={faCheck} />{\" \"}\n                    </>\n                  ) : (\n                    \"\"\n                  )}\n                  Azalan Fiyat\n                </div>\n                <div\n                  onClick={() =>\n                    setSort({\n                      sort: \"STOCK\",\n                      sortedBy: \"DESC\",\n                      name: \"Azalan Mevcut\",\n                    })\n                  }\n                  className=\"item\"\n                >\n                  {sort.sortedBy == \"DESC\" && sort.sort == \"STOCK\" ? (\n                    <>\n                      <FontAwesomeIcon icon={faCheck} />{\" \"}\n                    </>\n                  ) : (\n                    \"\"\n                  )}\n                  Azalan Mevcut\n                </div>\n                <div\n                  onClick={() =>\n                    setSort({\n                      sort: \"STOCK\",\n                      sortedBy: \"ASC\",\n                      name: \"Artan Mevcut\",\n                    })\n                  }\n                  className=\"item\"\n                >\n                  {sort.sortedBy == \"ASC\" && sort.sort == \"STOCK\" ? (\n                    <>\n                      <FontAwesomeIcon icon={faCheck} />{\" \"}\n                    </>\n                  ) : (\n                    \"\"\n                  )}\n                  Artan Mevcut\n                </div>\n                <div\n                  onClick={() =>\n                    setSort({\n                      sort: \"TOPSALES\",\n                      sortedBy: \"DESC\",\n                      name: \"En Çok Satan\",\n                    })\n                  }\n                  className=\"item\"\n                >\n                  {sort.sortedBy == \"DESC\" && sort.sort == \"TOPSALES\" ? (\n                    <>\n                      <FontAwesomeIcon icon={faCheck} />{\" \"}\n                    </>\n                  ) : (\n                    \"\"\n                  )}\n                  En Çok Satan\n                </div>\n              </div>\n            </button>\n\n            <div className=\"total\">\n              {allData != null &&\n              allData.currentPage != null &&\n              allData.count != null ? (\n                <div className=\"count\">\n                  {/* {allData.count * allData.currentPage} /{\" \"} */}\n                  {/* {products.length}\n                    <strong>/</strong> */}\n                  {allData.totalCount} Ürün\n                </div>\n              ) : (\n                <></>\n              )}\n            </div>\n          </div>\n        </div>\n      </div>\n      <ProductContent open={open}>\n        <div className=\"filter\">\n          {width < 1140 && (\n            <div className=\"overlay\" onClick={() => setOpen(false)}></div>\n          )}\n          <div className=\"categories\">\n            <div className=\"category-item head\" onClick={() => setOpen(!open)}>\n              <span>\n                <FontAwesomeIcon icon={faBars} />\n              </span>\n              <span>Kategoriler</span>\n              <span>x</span>\n            </div>\n            {categories.map((x) => {\n              return (\n                <CategoryItem\n                  dispatch={dispatch}\n                  key={\"categorydfscv-item-\" + x.slug}\n                  category={x}\n                  selected={selected}\n                  setSelected={setSelected}\n                />\n              );\n            })}\n            {/* {selected.length > 0 ||\n            selectedBrands.length > 0 ||\n            selectedColors.length > 0 ||\n            selectedSoles.length > 0 ? (\n              <>\n                <div className=\"category-item alt-head\">\n                  <span>\n                    <FontAwesomeIcon icon={faFilter} />\n                  </span>\n                  <span>Filtreler</span>\n                  <span\n                    style={{ fontSize: 11 }}\n                    onClick={() => {\n                      setSelectedBrands([]);\n                      setSelected([]);\n                    }}\n                  >\n                    Tümünü Kaldır\n                  </span>\n                </div>\n                <div className=\"filtered-list\">\n                  {selectedBrands.map((x) => {\n                    return (\n                      <div\n                        className=\"filtered-item\"\n                        key={\"filtergfsed-x-\" + x}\n                        onClick={() => {\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                        <span>x</span>\n                      </div>\n                    );\n                  })}\n                  {selected.map((x) => {\n                    return (\n                      <div\n                        key={\"filtereddfgd-y-\" + x}\n                        onClick={() => {\n                          setSelected(selected.filter((y) => y != x));\n                        }}\n                        className=\"filtered-item\"\n                      >\n                        {getSlugToName(x)} <span>x</span>\n                      </div>\n                    );\n                  })}\n                  {selectedColors.map((x) => {\n                    return (\n                      <div\n                        key={\"filtered-color-sdfgc\" + x}\n                        onClick={() => {\n                          setSelectedColors(\n                            selectedColors.filter((y) => y != x)\n                          );\n                        }}\n                        className=\"filtered-item\"\n                      >\n                        {x}\n                        <span>x</span>\n                      </div>\n                    );\n                  })}\n                  {selectedSoles.map((x) => {\n                    return (\n                      <div\n                        key={\"filtered-sodlfdge-\" + x.id}\n                        onClick={() => {\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                        <span>x</span>\n                      </div>\n                    );\n                  })}\n                </div>\n              </>\n            ) : (\n              <></>\n            )} */}\n            {brands.length > 0 && (\n              <>\n                <div\n                  className={\"category-item alt-head \"}\n                  onClick={() => {\n                    setBrandOpen(!brandOpen);\n                  }}\n                  style={{ position: \"relative\" }}\n                >\n                  <span\n                    style={{\n                      transition: \"600ms all\",\n                      transform: brandOpen\n                        ? \"rotateX(180deg)\"\n                        : \"rotateX(0deg)\",\n                    }}\n                  >\n                    <FontAwesomeIcon icon={faAngleDown} />\n                  </span>\n                  <span>Marka</span>\n\n                  <span style={{ fontSize: 11 }} onClick={() => {}}>\n                    (\n                    {\n                      brands.filter((x) =>\n                        x.name\n                          .toLocaleLowerCase(\"tr\")\n                          .startsWith(brandSearchTxt.toLocaleLowerCase(\"tr\"))\n                      ).length\n                    }\n                    )\n                  </span>\n                </div>\n                <div\n                  className=\"search-box category-sub-item\"\n                  style={{ display: brandOpen ? \"\" : \"none\" }}\n                >\n                  <input\n                    type=\"text\"\n                    value={brandSearchTxt}\n                    onChange={(e) => setBrandSearchTxt(e.target.value)}\n                    placeholder=\"Marka Ara\"\n                  />\n                  {brandSearchTxt.length > 0 && (\n                    <span\n                      onClick={() => setBrandSearchTxt(\"\")}\n                      className=\"search-trash\"\n                    >\n                      <FontAwesomeIcon icon={faTimes} />\n                    </span>\n                  )}\n                </div>\n                <div\n                  className=\"colors\"\n                  style={{ display: brandOpen ? \"\" : \"none\" }}\n                >\n                  {brands\n                    .filter((x) => selectedBrands.includes(x.slug))\n                    .filter((x) =>\n                      x.name\n                        .toLocaleLowerCase(\"tr\")\n\n                        .startsWith(brandSearchTxt.toLocaleLowerCase(\"tr\"))\n                    )\n                    .map((x) => {\n                      return (\n                        <BrandItem\n                          key={\"sole-item-dffgdhgh-\" + x.id}\n                          brand={x}\n                          selectedBrands={selectedBrands}\n                          setSelectedBrands={setSelectedBrands}\n                          categoryMode={false}\n                        />\n                      );\n                    })}\n                  {brands\n                    .filter((x) => !selectedBrands.includes(x.slug))\n                    .filter((x) =>\n                      x.name\n                        .toLocaleLowerCase(\"tr\")\n                        .startsWith(brandSearchTxt.toLocaleLowerCase(\"tr\"))\n                    )\n                    .map((x) => {\n                      return (\n                        <BrandItem\n                          key={\"sole-item-dffgdhgh-\" + x.id}\n                          brand={x}\n                          selectedBrands={selectedBrands}\n                          setSelectedBrands={setSelectedBrands}\n                          categoryMode={false}\n                        />\n                      );\n                    })}\n                </div>\n              </>\n            )}\n            <div\n              className={\"category-item alt-head \"}\n              onClick={() => {\n                setColorOpen(!colorOpen);\n              }}\n              // onClick={() => setOpened(opened == \"renkler\" ? \"\" : \"renkler\")}\n            >\n              <span\n                style={{\n                  transition: \"600ms all\",\n                  transform: colorOpen ? \"rotateX(180deg)\" : \"rotateX(0deg)\",\n                }}\n              >\n                <FontAwesomeIcon icon={faAngleDown} />\n              </span>\n              <span>Renk</span>\n              <span style={{ fontSize: 11 }} onClick={() => {}}>\n                (\n                {\n                  colors.filter((x) =>\n                    x.color\n                      .toLocaleLowerCase(\"tr\")\n                      .startsWith(colorSearchTxt.toLocaleLowerCase(\"tr\"))\n                  ).length\n                }\n                )\n              </span>\n            </div>\n            <div\n              className=\"search-box category-sub-item\"\n              style={{ display: colorOpen ? \"\" : \"none\" }}\n            >\n              <input\n                type=\"text\"\n                value={colorSearchTxt}\n                onChange={(e) => setColorSearchTxt(e.target.value)}\n                placeholder=\"Renk Ara\"\n              />\n              {colorSearchTxt.length > 0 && (\n                <span\n                  onClick={() => setColorSearchTxt(\"\")}\n                  className=\"search-trash\"\n                >\n                  <FontAwesomeIcon icon={faTimes} />\n                </span>\n              )}\n            </div>\n            <div\n              className=\"colors\"\n              // style={{ display: opened == \"renkler\" ? \"\" : \"none\" }}\n              style={{ display: colorOpen ? \"\" : \"none\" }}\n            >\n              {colors\n                .filter((x) => selectedColors.includes(x.color))\n                .filter((x) =>\n                  x.color\n                    .toLocaleLowerCase(\"tr\")\n                    .startsWith(colorSearchTxt.toLocaleLowerCase(\"tr\"))\n                )\n                .map((x) => {\n                  return (\n                    <ColorItem\n                      key={\"color-item-dfgh-\" + x.color}\n                      color={x}\n                      selectedColors={selectedColors}\n                      setSelectedColors={setSelectedColors}\n                      categoryMode={false}\n                    />\n                  );\n                })}\n              {colors\n                .filter((x) => !selectedColors.includes(x.color))\n                .filter((x) =>\n                  x.color\n                    .toLocaleLowerCase(\"tr\")\n                    .startsWith(colorSearchTxt.toLocaleLowerCase(\"tr\"))\n                )\n                .map((x) => {\n                  return (\n                    <ColorItem\n                      key={\"color-item-dfgh-\" + x.color}\n                      color={x}\n                      selectedColors={selectedColors}\n                      setSelectedColors={setSelectedColors}\n                      categoryMode={false}\n                    />\n                  );\n                })}\n            </div>\n\n            {/* <div\n              className={\n                \"category-item alt-head\" + (opened == \"tabanlar\" ? \" open\" : \"\")\n              }\n              onClick={() => setOpened(opened == \"tabanlar\" ? \"\" : \"tabanlar\")}\n            >\n              <span>\n                <FontAwesomeIcon icon={faBarcode} />\n              </span>\n              <span>Tabanlar</span>\n              <span style={{ fontSize: 11 }} onClick={() => {}}>\n                <FontAwesomeIcon icon={faAngleDown} />\n              </span>\n            </div>\n            <div\n              className=\"colors\"\n              style={{ display: opened == \"tabanlar\" ? \"\" : \"none\" }}\n            >\n              {soles.map((x) => {\n                return (\n                  <SoleItem\n                    key={\"sole-item-dffgdhgh-\" + x.id}\n                    slug={slug}\n                    sole={x}\n                    selectedSoles={selectedSoles}\n                    setSelectedSoles={setSelectedSoles}\n                    categoryMode={false}\n                  />\n                );\n              })}\n            </div> */}\n          </div>\n          <div\n            className={\n              \"category-item alt-head\" + (opened == \"fiyat\" ? \" open\" : \"\")\n            }\n            onClick={() => setOpened(opened == \"fiyat\" ? \"\" : \"fiyat\")}\n          >\n            <span>₺</span>\n            <span>Fiyat Aralığı</span>\n            <span style={{ fontSize: 11 }} onClick={() => {}}>\n              <FontAwesomeIcon icon={faAngleDown} />\n            </span>\n          </div>\n          <div\n            className=\"category-item price-sort\"\n            style={{ display: opened == \"fiyat\" ? \"flex\" : \"none\" }}\n          >\n            <span className=\"input\">\n              <input\n                type=\"number\"\n                placeholder=\"Minimum\"\n                value={minPrice == null ? \"\" : minPrice}\n                onChange={(e) => setMinPrice(e.target.value)}\n              />\n            </span>\n            <span className=\"minus\">-</span>\n            <span className=\"input\">\n              <input\n                type=\"number\"\n                placeholder=\"Maximum\"\n                value={maxPrice == null ? \"\" : maxPrice}\n                onChange={(e) => setMaxPrice(e.target.value)}\n              />\n            </span>\n            <span\n              onClick={() => {\n                getProductReq();\n              }}\n            >\n              <FontAwesomeIcon icon={faSearch} />\n            </span>\n          </div>\n        </div>\n\n        <div className=\"list\">\n          <div className=\"filter-mobil-group\">\n            <div className=\"filter-btn mobil\" onClick={() => setOpen(true)}>\n              <FontAwesomeIcon icon={faSlidersH} /> Filtreler\n            </div>\n            <button\n              className=\"sort-btn-mobil\"\n              onClick={() => setFilterOpen(!filterOpen)}\n            >\n              <FontAwesomeIcon\n                icon={sort.sortedBy == \"DESC\" ? faAngleDown : faAngleUp}\n                style={{ marginRight: 10 }}\n              />{\" \"}\n              {sort.name}\n              <div\n                className=\"filter-list\"\n                style={{ display: filterOpen != true ? \"none\" : \"unset\" }}\n              >\n                <div\n                  onClick={() =>\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                      <FontAwesomeIcon icon={faCheck} />{\" \"}\n                    </>\n                  ) : (\n                    \"\"\n                  )}\n                  Yeni Ürünler\n                </div>\n                <div\n                  onClick={() =>\n                    setSort({\n                      sort: \"DATE\",\n                      sortedBy: \"ASC\",\n                      name: \"Eski Ürünler\",\n                    })\n                  }\n                  className=\"item\"\n                >\n                  {sort.sortedBy == \"ASC\" && sort.sort == \"DATE\" ? (\n                    <>\n                      <FontAwesomeIcon icon={faCheck} />{\" \"}\n                    </>\n                  ) : (\n                    \"\"\n                  )}\n                  Eski Ürünler\n                </div>\n                <div\n                  onClick={() =>\n                    setSort({\n                      sort: \"PRICE\",\n                      sortedBy: \"ASC\",\n                      name: \"Artan Fiyat\",\n                    })\n                  }\n                  className=\"item\"\n                >\n                  {sort.sortedBy == \"ASC\" && sort.sort == \"PRICE\" ? (\n                    <>\n                      <FontAwesomeIcon icon={faCheck} />{\" \"}\n                    </>\n                  ) : (\n                    \"\"\n                  )}\n                  Artan Fiyat\n                </div>\n                <div\n                  onClick={() =>\n                    setSort({\n                      sort: \"PRICE\",\n                      sortedBy: \"DESC\",\n                      name: \"Azalan Fiyat\",\n                    })\n                  }\n                  className=\"item\"\n                >\n                  {sort.sortedBy == \"DESC\" && sort.sort == \"PRICE\" ? (\n                    <>\n                      <FontAwesomeIcon icon={faCheck} />{\" \"}\n                    </>\n                  ) : (\n                    \"\"\n                  )}\n                  Azalan Fiyat\n                </div>\n                <div\n                  onClick={() =>\n                    setSort({\n                      sort: \"STOCK\",\n                      sortedBy: \"DESC\",\n                      name: \"Azalan Mevcut\",\n                    })\n                  }\n                  className=\"item\"\n                >\n                  {sort.sortedBy == \"DESC\" && sort.sort == \"STOCK\" ? (\n                    <>\n                      <FontAwesomeIcon icon={faCheck} />{\" \"}\n                    </>\n                  ) : (\n                    \"\"\n                  )}\n                  Azalan Mevcut\n                </div>\n                <div\n                  onClick={() =>\n                    setSort({\n                      sort: \"STOCK\",\n                      sortedBy: \"ASC\",\n                      name: \"Artan Mevcut\",\n                    })\n                  }\n                  className=\"item\"\n                >\n                  {sort.sortedBy == \"ASC\" && sort.sort == \"STOCK\" ? (\n                    <>\n                      <FontAwesomeIcon icon={faCheck} />{\" \"}\n                    </>\n                  ) : (\n                    \"\"\n                  )}\n                  Artan Mevcut\n                </div>\n                <div\n                  onClick={() =>\n                    setSort({\n                      sort: \"TOPSALES\",\n                      sortedBy: \"DESC\",\n                      name: \"En Çok Satan\",\n                    })\n                  }\n                  className=\"item\"\n                >\n                  {sort.sortedBy == \"DESC\" && sort.sort == \"TOPSALES\" ? (\n                    <>\n                      <FontAwesomeIcon icon={faCheck} />{\" \"}\n                    </>\n                  ) : (\n                    \"\"\n                  )}\n                  En Çok Satan\n                </div>\n                <div\n                  onClick={() =>\n                    setSort({\n                      sort: \"TITLE\",\n                      sortedBy: \"ASC\",\n                      name: \"Ürüne Göre (A-Z)\",\n                    })\n                  }\n                  className=\"item\"\n                >\n                  {sort.sortedBy == \"ASC\" && sort.sort == \"TITLE\" ? (\n                    <>\n                      <FontAwesomeIcon icon={faCheck} />{\" \"}\n                    </>\n                  ) : (\n                    \"\"\n                  )}\n                  Ürüne Göre (A-Z)\n                </div>\n                <div\n                  onClick={() =>\n                    setSort({\n                      sort: \"TITLE\",\n                      sortedBy: \"DESC\",\n                      name: \"Ürüne Göre (Z-A)\",\n                    })\n                  }\n                  className=\"item\"\n                >\n                  {sort.sortedBy == \"DESC\" && sort.sort == \"TITLE\" ? (\n                    <>\n                      <FontAwesomeIcon icon={faCheck} />{\" \"}\n                    </>\n                  ) : (\n                    \"\"\n                  )}\n                  Ürüne Göre (Z-A)\n                </div>\n                <div\n                  onClick={() =>\n                    setSort({\n                      sort: \"RANDOM\",\n                      sortedBy: \"\",\n                      name: \"Keşfet\",\n                    })\n                  }\n                  className=\"item\"\n                >\n                  {sort.sort == \"RANDOM\" ? (\n                    <>\n                      <FontAwesomeIcon icon={faCheck} />{\" \"}\n                    </>\n                  ) : (\n                    \"\"\n                  )}\n                  Keşfet\n                </div>\n              </div>\n            </button>\n          </div>\n\n          {products.map((x) => {\n            return (\n              <ProductItem\n                key={x.id + x.slug + \"asda\"}\n                product={x}\n                setOpenedBox={setOpenedBox}\n              />\n            );\n          })}\n          <div style={{ width: \"100%\", textAlign: \"center\" }}>\n            {allData != null &&\n            products.length > 0 &&\n            allData.currentPage != null &&\n            allData.count != null ? (\n              <div className=\"count\">\n                {products.length == allData.totalCount ? (\n                  <>Toplam {products.length} Ürün</>\n                ) : (\n                  <>\n                    {products.length}\n                    <strong\n                      style={{\n                        marginRight: 5,\n                        marginLeft: 5,\n                        fontWeight: \"bold\",\n                      }}\n                    >\n                      /\n                    </strong>\n                    {allData.totalCount} Ürün\n                  </>\n                )}\n              </div>\n            ) : (\n              <></>\n            )}\n          </div>\n          {allData != null &&\n          products.length > 0 &&\n          allData.currentPage != null &&\n          allData.count != null &&\n          allData.totalCount != products.length ? (\n            <div\n              onClick={() => {\n                getNewPage(page + 1);\n              }}\n              style={{\n                color: \"#ffff\",\n                padding: \"5px 55px\",\n                marginBottom: 40,\n                width: \"100%\",\n                borderRadius: 100,\n                textAlign: \"center\",\n                cursor: \"pointer\",\n                fontSize: 22,\n              }}\n            >\n              {!loading && (\n                <div\n                  style={{\n                    display: \"inline-block\",\n                    background: \"#F27A1A\",\n                    padding: \"15px 55px\",\n                    marginTop: 20,\n                    borderRadius: 100,\n                    fontSize: 18,\n                  }}\n                >\n                  Daha Fazla Ürün Göster\n                </div>\n              )}\n            </div>\n          ) : (\n            <></>\n          )}\n          <div\n            style={{\n              width: \"100%\",\n              textAlign: \"center\",\n              display: \"flex\",\n              justifyContent: \"center\",\n              alignItems: \"center\",\n            }}\n          >\n            {loading && <Sentry color=\"#FBA800\" size={180} />}\n          </div>\n        </div>\n      </ProductContent>\n      <div style={{ zIndex: 1009090 }}>\n        {products.length > 0 && (\n          <Lightbox\n            isOpen={openedBox}\n            onPrev={gotoPrevious}\n            className=\"lightbox-image-box\"\n            onNext={gotoNext}\n            images={products.map((x) => {\n              return { src: x.image, loading: \"lazy\", alt: \"deha\" };\n            })}\n            currentIndex={currentImageIndex}\n            onClose={() => setOpenedBox(false)}\n            style={{ background: \"#fff\", zIndex: 1009090 }}\n            renderFooter={() => (\n              <div\n                style={{\n                  width: \"40vw\",\n                  // background: \"rgba(0,0,0,0.5)\",\n                  height: \"40vh\",\n                  top: \"30vh\",\n                  left: \"30vw\",\n                  position: \"fixed\",\n                  zIndex: 100,\n                }}\n                onClick={() => {\n                  history.push(\"/urun/\" + products[currentImageIndex].slug);\n                }}\n              ></div>\n            )}\n            renderNextButton={() => (\n              <SwapButton\n                onClick={gotoNext}\n                className=\"image-swap-button right\"\n              >\n                <svg\n                  stroke=\"currentColor\"\n                  fill=\"currentColor\"\n                  stroke-width=\"0\"\n                  viewBox=\"0 0 24 24\"\n                  height=\"35\"\n                  width=\"35\"\n                  xmlns=\"http://www.w3.org/2000/svg\"\n                >\n                  <path d=\"M10.707 17.707 16.414 12l-5.707-5.707-1.414 1.414L13.586 12l-4.293 4.293z\"></path>\n                </svg>\n              </SwapButton>\n            )}\n            renderPrevButton={() => (\n              <SwapButton\n                onClick={gotoPrevious}\n                className=\"image-swap-button left\"\n              >\n                <svg\n                  stroke=\"currentColor\"\n                  fill=\"currentColor\"\n                  stroke-width=\"0\"\n                  viewBox=\"0 0 24 24\"\n                  height=\"35\"\n                  width=\"35\"\n                  xmlns=\"http://www.w3.org/2000/svg\"\n                >\n                  <path d=\"M13.293 6.293 7.586 12l5.707 5.707 1.414-1.414L10.414 12l4.293-4.293z\"></path>\n                </svg>\n              </SwapButton>\n            )}\n            renderHeader={() => (\n              <button\n                onClick={() => dispatch(setOpenedBox(false))}\n                className=\"light-close\"\n              >\n                <svg\n                  stroke=\"currentColor\"\n                  fill=\"currentColor\"\n                  stroke-width=\"0\"\n                  viewBox=\"0 0 24 24\"\n                  height=\"35\"\n                  width=\"35\"\n                  xmlns=\"http://www.w3.org/2000/svg\"\n                >\n                  <path fill=\"none\" d=\"M0 0h24v24H0z\"></path>\n                  <path d=\"M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z\"></path>\n                </svg>\n              </button>\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      </div>\n      <BottomNav />\n      {/* <Footer /> */}\n    </>\n  );\n}\n","\nimport {createGlobalStyle } from 'styled-components'\n\nconst GlobalStyle = createGlobalStyle`\n  @import url('https://fonts.googleapis.com/css2?family=Fjalla+One&family=Nunito+Sans:ital,opsz,wght@0,6..12,200;0,6..12,300;0,6..12,400;0,6..12,500;0,6..12,600;0,6..12,700;0,6..12,800;0,6..12,900;0,6..12,1000;1,6..12,200;1,6..12,300;1,6..12,400;1,6..12,500;1,6..12,600;1,6..12,700;1,6..12,800;1,6..12,900;1,6..12,1000&display=swap');\n  @import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;600;700&family=Overpass:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');\n  @import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');\n  *{\n    font-family: 'Roboto', sans-serif!important;\n    margin-inline-end: 0px;\n    padding-inline-end: 0px;\n    padding-block-end: 0px;\n    margin-block-end: 0px;\n    dl,ol,ul{\n      margin-bottom:0px!important;\n    }\n    img{\n      user-select:none!important;\n    }\n  }\n  \n  html,body,#root{\n    overflow-x:none;\n  }\n  .brand-name{\n    font-family: 'Nunito Sans', sans-serif!important;\n  }\n  html,body{\n    background:${(props) => props.theme.background};\n    color:${(props) => props.theme.color};\n  }\n  \n  .changerTheme{\n    display:flex;height:100%;justify-content:center,align-items:center;\n  }\n  \n  .authtabList{\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    margin: 20px 0px;\n  }\n  .authtabList button{\n    border:0;\n    outline:0;\n    background-color: ${({ theme }) => theme.mainThemeBackground};\n    padding:10px 40px;\n    transition:300ms all;\n    color:${({ theme }) => theme.opacityColor};\n  }\n  .authtabList button[aria-selected=\"true\"]{\n    background-color: ${({ theme }) => theme.mainThemeColor};\n    color: #fff;\n    border:2px solid ${({ theme }) => theme.mainThemeBackground};\n  }\n  .loader{\n    width:100%;\n    padding:30px 0px;\n    display:flex;\n    justify-content:center;\n    align-items:center;\n    \n  }\n  .productList-parent{\n    \n    position:relative;\n    .filter-buttons{\n      width:100%;\n      display:flex;\n      justify-content:space-between;\n      margin:20px 0px;\n      .grids{\n        display:flex;\n        width:100%;\n        justify-content:flex-end;\n        padding-right:20px;\n        .count{\n          margin-left:20px;\n          border-radius:10px;\n          display:flex;\n          cursor:pointer;\n          justify-content:center;\n          align-items:center;\n          padding:5px 20px; \n        }\n      }\n      .filters{\n        width:60%;\n        display:flex;\n        justify-content:space-around;\n        cursor:pointer;\n        align-items:center;\n        div{\n          padding:10px 20px;\n          background-color:rgba(242,242,242,.4);\n          transition:300ms all;\n          border-radius:10px;\n          .icon{\n            margin-left:20px;\n          }\n          &:hover{\n          background-color:rgba(0,0,0,.05);\n          }\n        }\n        div.active{\n          background-color:rgba(0,0,0,.2);\n\n        }\n        @media only screen and (max-width:1140px){\n          flex-wrap:wrap;\n          width:100%;\n          justify-content:space-between;\n          div{\n            margin-bottom:20px;\n          }\n          \n        }\n      }\n      .filters-mobile{\n        display:none;\n      }\n      .filters-mobile{\n        width:50%;\n        button{\n          border:0;\n          outline:0;\n          background:rgba(242,242,242,.4);\n          font-size:13px;\n          width:100%;\n          padding:10px 0px;\n          position:relative;\n          border-radius:10px;\n          .mobile-filter-list{\n            position:absolute;\n            width:100%;\n            left:0;\n            top:100%;\n            background:#fff;\n            z-index:100;\n            box-shadow: 0px 0px 10px #eee;\n            div{\n              padding:7px 10px;\n              &:not(:last-child){\n                border-bottom:1px solid #ddd;\n              }\n            }\n          }\n        }\n      }\n      @media only screen and (max-width:1140px){\n        flex-wrap:wrap;\n        .filters{\n          display:none!important;\n        }\n        .filters-mobile{\n          display:flex;\n        }\n      }\n    }\n    width:100%;\n    \n    .product-sorter{\n      margin-bottom:-65px;\n      z-index:1000!important;\n      width:100%;\n      display:flex;top:0px;\n      z-index:1;\n      justify-content:space-between;\n    }\n  }\n  \n  @media only screen and (max-width:1140px){\n    .productList-parent{\n      width:100%;\n    }\n    \n  }\n  .unlimited-scroll{\n    align-items:center;\n    min-height:100vh;\n    z-index: 100000;\n    max-height:100vh;\n    \n    overflow:scroll;\n    -ms-overflow-style: none;  \n    scrollbar-width: none; \n    &::-webkit-scrollbar{\n      display: none;\n    }\n  }\n  .unlimited-scroll.variant {\n    min-height:unset;\n    max-height:unset;\n    max-height: 70vh;\n    overflow-y: scroll;\n    .content-container{\n    \n    }\n  }\n  .content-container{\n    display:flex;\n    flex-direction:column;\n    flex-wrap:wrap;\n    z-index: 100000;\n    justify-content:space-around;\n    \n  }\n  \n  .invoices{\n    padding:7px 20px!important;\n    cursor:pointer; \n    font-weight:bold;\n    font-family: 'Overpass', sans-serif!important;\n    transition:600ms all;\n    text-decoration:none;\n    display:block;\n    color:#000;\n    border-radius:10px;\n    &:hover{\n      border-radius:0px;\n      color:#000;\n      background:rgba(0,0,0,.1);\n      font-weight:bold;\n    }\n  }\n  .light-close {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    box-sizing: border-box;\n    text-align: center;\n   \n    \n    svg{\n      position: fixed;\n      color: #fff;\n      border: none;\n      z-index: 999;\n      left:calc(50% - 30px);\n      font-weight:normal;\n      transition:600ms all;\n      margin:0;\n      padding:0;\n      bottom:26px;\n      width: 65px;\n      height: 65px;\n      padding: 15px;\n      border:2px solid #000;\n      border-radius: 50%;\n\n      background:transparent;\n      color:#000;\n\n    }\n    box-shadow:none;\n    \n    @media only screen and (max-width: 1140px) {\n      right: 0;\n      top: 0;\n      svg{\n        top: 0;\n        right: 0;\n        left: unset;\n        bottom: unset;\n        width: 50px;\n        height: 50px;\n        padding: 0px;\n        border:0;\n      }\n      width:50px;\n      background:transparent;\n      color:#333;\n      font-weight:normal;\n      box-shadow:none;\n      font-size: 25px;      \n      \n    }\n  }\n  .cancel{\n    margin-left:10px;border:0;outline:0;padding:7px;background:#733;color:#fff;\n  }\n  .Beklemede{\n    background:#fffa65;\n  }\n  .Onaylandı{\n    background:#7bed9f;\n  }\n  .Muhasebelendi{\n    background:#2ed573;\n  }\n  .İptal{\n    background:#e84118;\n  }\n  .FATURA{\n    background:#fbc531;\n  }\n  .DEKONT{\n    background:#9c88ff;\n  }\n  .BONUS{\n    background:#273c75;\n  }\n  .ÇEK{\n    background:#e84118;\n  }\n  .DEKONT{\n    background:#00a8ff;\n  }\n  .DEVIR{\n    background:#ff6b81;\n  }\n  .EVRAK{\n    background:#7bed9f;\n  }\n  .IRSALIYE{\n    background:#2ed573;\n  }\n  .KREDI-KARTI-IADE{\n    background:#ff6348;\n  }\n  .KREDI-KARTI{\n    background:#eccc68;\n  }\n  .NAKIT{\n    background:#ffffff;\n  }\n  .POS-IADE{\n    background:#ffcccc;\n  }\n  .POS{\n    background:#7158e2;\n  }\n  .SENET{\n    background:#67e6dc;\n  }\n  .SERVIS{\n    background:#3ae374;\n  }\n  .SIPARIS{\n    background:#fffa65;\n  }\n  .TAHAKKUK{\n    background:#67e6dc;\n  }\n  .TAKSIT-VIRMAN{\n    background:#67e6dc;\n  }\n  .VIRMAN{\n    background:#67e6dc;\n  }\n  .mini-product {\n    img{\n      user-select:none;\n    }\n    *{\n      user-select:none!important;\n    }\n    transition: 300ms transform;\n    .title{\n      position:relative;\n    }\n    .title .btn{\n      position:absolute;\n      \n      width:200px;\n      \n      background:#f27a1a;\n      top:0px;\n      color:#fff;\n      font-size:14px;\n      transition: 500ms all;\n      transform:scale(0);\n      left:calc(50% - 100px);\n    }\n    .title .name{\n      transition: 500ms all;\n    }\n    .price{\n      font-size:20px;\n      text-align:center;\n      color:#005bb4;\n      transition: 500ms all;\n    }\n    .title .btn:hover{\n      background:#f89648;\n    }\n    &:hover{\n      .title .name,.title .price{\n        transform:scale(0);\n      }\n      .title .btn{\n        transform:scale(1);\n      }\n    }\n  }\n  .rec-arrow,.rec-arrow,.rec-arrow-left,button.rec{\n    // background:#f27a1a!important;\n    // &:hover,&:hover:enabled, &:focus:enabled{\n    //   background:#f27a4a!important;\n    // }\n  }\n  @media only screen and (max-width: 1140px) {\n    button.rec-arrow{\n      display:none;\n    }\n    .home-slider{\n      flex-direction:column;\n      h1{\n        margin:20px 0px;\n      }\n      button{\n        display:none;\n      }\n      .rec-item-wrapper{\n        border-radius:0px!important;\n      }\n      .rec-item-wrapper img{\n        width:100%!important;\n        border-radius:0px!important;\n        \n      }\n    }\n    \n    .home-slider-v{\n      \n      padding:0px!important;\n      width:100%!important;\n      img{\n        width:100%!important;\n        height:100%!important;\n        \n      }\n    }\n  }\n  .arrow-btn{\n    transition: 300ms all;\n    transform:scale(0);\n    height:0px;\n  }\n  .home-slider-v{\n    h1{\n      transition: 300ms all;\n      transform:scale(1);\n    }\n    button{\n      transition: 300ms all;\n      transform:scale(0)!important;\n      height:40px!important;\n      \n    }\n    &:hover{\n      h1{\n        transform:scale(0);\n      }\n      button{\n        transform:scale(1)!important;\n        height:40px!important;\n        \n      }\n    }\n  }\n\n  .category-item{\n    cursor:pointer;\n    \n    .search-icon{\n      position:absolute;\n      right:30px;\n      font-weight:normal;\n      font-size:14px;\n      top:10px\n    }\n    .img{\n      height:80px;\n      width:80px;\n      background-size:100%;\n      background-repeat:no-repeat;\n      background-position:center;\n      margin-bottom:10px;\n    }\n    padding:10px;\n    border-radius:10px;\n    &:hover{\n    }\n    padding:10px;\n    \n    a{\n      font-size:14px;\n      text-decoration:none;\n      display:flex;\n      color:#000;\n      user-select:none;\n      flex-direction:column;\n      flex-direction:column!important;\n      justify-content:center;\n      align-items:center;\n      width:240px;\n    }\n  }\n\n  ::-webkit-scrollbar {\n  width: 5px;\n}\n\n/* Track */\n::-webkit-scrollbar-track {\n  background: #f1f1f1; \n}\n \n/* Handle */\n::-webkit-scrollbar-thumb {\n  background: #FF9F43; \n}\n\n  /* Handle on hover */\n  ::-webkit-scrollbar-thumb:hover {\n    background: #555; \n  }\n  .dehasoft-img{\n    margin-top: 40px!important;\n    cursor:pointer;\n    height:unset!important;\n    width:100px!important;\n    max-width:100px!important;\n  }\n  .go-top-btn{\n    bottom:110px!important;\n    right:10px!important;\n    z-index:100000!important;\n    flex-direction:column;\n    align-items:center;\n    justify-content:center;\n    box-shadow:none!important;\n    background:transparent!important;\n    svg{\n      margin-bottom:-5px!important;\n    }\n    span{\n      font-weight:bold!important;\n      font-size:9px;\n    }\n  }\n  .analizicin{\n    position:fixed;\n    top:-500vh;\n    left:-500vw;\n  }\n\n  .product-card{\n    text-decoration:none;\n    width:300px;\n    box-shadow: 0px 0px 1px #eee;\n    background:#fff;\n    margin:5px;\n    padding:5px;\n    cursor:pointer;\n    position:relative;\n    \n    .overlay{\n      position:absolute;\n      opacity:0;\n      top:20px;\n      right:20px;\n      display:flex;\n      justify-content:center;\n      align-items:center;\n      transition:300ms all;\n      z-index:100;\n      color:#777;\n      font-size:20px;\n      border-radius:50%;\n    }\n    &:hover{\n      .overlay{\n        opacity:100;\n        z-index:100;\n\n      }\n    }\n    .image{\n      margin:0;\n      img{\n        margin:0;\n        padding:0;\n        border-radius:10px;\n      }\n      width:300px;\n      height:300px;\n      background-size:cover;  \n      background-position:center;\n      background-repeat:no-repeat;\n    }\n    .brand{\n      padding:0px 10px;\n      margin-top:15px;\n      width:100%;\n      justify-content:space-between;\n      align-items:center;\n      display:flex;\n      color:#000;\n      font-size:13px;\n      span{\n        cursor:pointer;\n        &:hover{\n          text-decoration:underline;\n          text-decoration-color:#ddd;\n        }\n      }\n      @media screen and (max-width: 768px) {\n        font-size:10px;\n      }\n      margin-bottom:6px;\n      span:first-child{\n        font-weight:bold;\n      }\n      span{\n        \n      }\n    }\n    .no-auth{\n      margin-top:10px;\n      text-align:center;\n      font-size:10px;\n    }\n    .name{\n      padding:0px 10px;\n      padding-right:0;\n      min-height:50px;\n      color:#555;\n      width:100%;\n      font-size:14px;\n      @media screen and (max-width: 768px) {\n        font-size:12px;\n      }\n    }\n    position:relative;\n    .variants{\n      position: absolute;\n      right:10px;\n      top:290px;\n      width: 25px;\n      display: flex;\n      font-size:11px;\n      align-items: center;\n      justify-content:  space-between;\n      .colors {\n        display: flex;\n\n        div {\n          width: 10px;\n          height: 10px;\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    }\n    .action{\n      padding:0px 10px;\n      padding-right:0;\n      width:100%;\n      min-height:50px;\n      display:flex;\n      justify-content:space-between;\n      align-items:center;\n      flex-wrap:wrap;\n      \n      .btn{\n        border:0;\n        outline:0;\n        margin:0;\n        margin-top:10px;\n        padding:0;\n        width:100%;\n        .btn-groups{\n          display:flex;\n          align-items:center;\n          border:1px solid #F27E21;\n          border-radius:10px;\n          button{\n            width:15%;\n          }\n          .input{\n            width:70%;\n            input{\n              width:10%;\n              font-weight:bold;\n            }\n            .unit{ \n              border:0;\n              outline:0;\n              padding:0;\n              height:30px!important;\n              background:transparent;\n              color:#F27E21;\n              text-align:center;\n              font-size:12px;\n\n            }\n          }\n          button,.input input{\n            border:0;\n            outline:0;\n            padding:0;\n            height:35px!important;\n            background:transparent;\n            color:#F27E21;\n            text-align:center;\n            font-size:14px;\n          }\n          button{\n            border-radius:0px;\n            &:first-child{\n              border-top-left-radius:10px;\n              border-bottom-left-radius:10px;\n            }\n            &:last-child{\n              border-top-right-radius:10px;\n              border-bottom-right-radius:10px;\n            }\n          }\n        }\n        \n        button{\n          border:0;outline:0;\n          background:transparent;\n          font-size:16px;\n          background:#F27E21;\n          color:#fdfdfd;\n          width:100%;\n          border-radius:10px;\n          transition:300ms all;\n          padding:5px 10px;\n          margin:0;\n          \n          box-sizing:border-box;\n          &:hover{\n            background:rgba(242,\t126,\t33,.5);\n            \n          }\n        }\n        button[disabled]{\n          opacity:0.2;\n          cursor:not-allowed;\n        }\n        \n      }\n\n      @media only screen and (max-width: 940px) {\n        .add-btn {\n          transform: scale(1);\n          opacity: 1 !important;\n          transition: 300ms all;\n        }\n      }\n\n      @media only screen and (min-width: 941px) {\n        .add-btn {\n          transform: scale(0);\n          opacity: 0 !important;\n          transition: 300ms all;\n        }\n      }\n\n\n      .unit{\n        // position:absolute;\n        // font-size:9px;\n        // right:46px;\n        // bottom:18px;\n        // @media only screen and (max-width: 1140px) {\n        //   bottom:3.9%;\n        // }\n      }\n\n      .price{\n        display:flex;\n        align-items:center;\n        color:#005BB4;\n        margin-top:10px;\n        span{\n          margin-left:5px;\n          font-size:13px;\n        }\n        @media only screen and (max-width: 1140px) {\n          font-size:12px;\n          span{\n            font-size:10px;\n          }\n        }\n        \n        \n      }\n    }\n    &:hover{\n      .add-btn{\n        transform:scale(1);\n        opacity:100%!important;\n      }\n    }\n    @media only screen and (max-width: 1840px) {\n      width:300px;\n      .image{\n        width:300px;\n        height:300px;\n      }\n    }\n    @media only screen and (max-width: 1800px) {\n      width:280px;\n      .variants{\n        top:250px;\n      }\n      .image{\n        width:280px;\n        height:280px;\n      }\n    }\n    @media only screen and (max-width: 1850px) {\n      width:280px;\n      .image{\n        width:280px;\n        height:280px;\n      }\n    }\n    @media only screen and (max-width: 1550px) {\n      width:280px;\n      .image{\n        width:280px;\n        height:280px;\n      }\n    }\n    @media only screen and (max-width: 1500px) {\n      width:260px;\n      .image{\n        width:260px;\n        height:260px;\n      }\n    }\n    @media only screen and (max-width: 1450px) {\n      width:265px;\n      .image{\n        width:265px;\n        height:265px;\n      }\n    }\n    @media only screen and (max-width: 1401px) {\n      width:250px;\n      .image{\n        width:250px;\n        height:250px;\n      }\n    }\n    @media only screen and (max-width: 1362px) {\n      width:300px;\n      .variants{\n        top:270px;\n      }\n      .image{\n        width:300px;\n        height:300px;\n      }\n    }\n\n    @media only screen and (max-width: 1250px) {\n      width:275px;\n      .variants{\n        top:255px;\n      }\n      .image{\n        width:275px;\n        height:275px;\n      }\n    }\n\n    @media only screen and (max-width: 1168px) {\n      width:350px;\n      .variants{\n        top:350px;\n      }\n      .image{\n        width:350px;\n        height:350px;\n      }\n    }\n    \n    @media only screen and (max-width: 780px) {\n      \n      .variants{\n        top:44vw;\n      }\n      width:46vw;\n      .image{\n        width:46vw;\n        height:46vw;\n      }\n      \n    }\n  }\n  .category-img-carousel{\n    width:100%;\n    height:120px;\n    position:relative;\n  }\n  .filters {\n    \n    width: 100%;\n    display: flex;\n    justify-content: space-around;\n    @media only screen and (max-width: 1140px) {\n      flex-direction:column;\n    }\n    .left{\n      width:20%;\n      display:flex;\n      .filter-btn{\n        padding:5px 15px;\n        margin-left:30px;\n        cursor:pointer;\n        background:#eee;\n        &:hover{\n          background:#fff;\n        }\n      }\n      \n    }\n    .right{\n      justify-content: flex-end;\n      display: flex;\n      width: 100%;\n    }\n    .total {\n      height: 33px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      font-size: 13px;\n      width:80px;\n      margin-right: 20px;\n      strong {\n        margin: 0px 5px;\n      }\n    }\n    align-items: center;\n    button {\n      border: none;\n      outline: none;\n      margin-right: 20px;\n      padding: 2px 5px;\n      position: relative;\n      max-height:40px;\n      .filter-list {\n        position: absolute;\n        width: 100%;\n        left: 0;\n        top: 100%;\n        background: #fff;\n        z-index: 100;\n        box-shadow: 0px 0px 10px #eee;\n        div {\n          padding: 7px 10px;\n          &:not(:last-child) {\n            border-bottom: 1px solid #ddd;\n          }\n        }\n      }\n    }\n  }\n  .filtered-list {\n    margin-right: 30px;\n    display: flex !important;\n    flex-direction: row !important;\n    flex-wrap: wrap;\n    .filtered-item {\n      background: #eee;\n      &:hover {\n        background: #fff;\n      }\n      &.all-remover{\n        color: red;\n      }\n      \n      padding: 5px;\n      margin: 5px;\n      display: flex;\n      font-size: 10px;\n      cursor: pointer;\n      span {\n        padding-left: 10px;\n      }\n    }\n  }\n  .brands{\n    width: 100%;\n      background-color: #fdfdfd;\n      border-top: 1px solid #ddd;\n      border-bottom: 1px solid #ddd;\n      padding: 5px 0px;\n      position: relative;\n  }\n  .filter-mobil-group{\n    display:none;\n  }\n  .sort-btn{\n    min-width:160px;\n    \n  }\n  @media only screen and (max-width: 1140px) {\n    .list{\n      display:flex;\n      \n    }\n    .filter-mobil-group{\n      width:100%;\n      display:flex;\n      justify-content:center;\n      align-items:center;\n      \n      .filter-btn{\n        width:100%;\n        height:40px;\n        background:#fff;\n        display:flex;\n        align-items:center;\n        justify-content:center;\n        svg{\n\n          margin-right:15px;\n        }\n      }\n      \n      .sort-btn-mobil{\n        width:100%;\n        *{\n          text-decoration:none;\n          color:#000;\n        }\n        text-decoration:none;\n        color:#000;\n        border:none;outline:none;\n        border:1px solid #555!important;\n        background: #fff;\n        z-index:100;\n        height:40px;\n        border: none;\n        outline: none;\n        margin-right: 0px!important;\n\n        padding: 2px 5px;\n        position: relative;\n        max-height:40px;\n        .filter-list {\n          position: absolute;\n          flex-direction: column;\n          width: 100%;\n          left: 0;\n          top: 100%;\n          background: #fff;\n          z-index: 100;\n          box-shadow: 0px 0px 10px #eee;\n          div {\n            padding: 7px 10px;\n            &:not(:last-child) {\n              border-bottom: 1px solid #ddd;\n            }\n          }\n        }\n      }\n    }\n    .filter-btn{\n      display:none;\n    }\n    .filter-btn.mobil{\n      display:flex!important;\n      border:1px solid #555;\n      background-color:#000;\n    }\n    .sort-btn{\n      display:none;\n    }\n    .sort-btn-mobil{\n      \n    }\n  }\n\n`;\nexport {GlobalStyle}","import { configureStore } from \"@reduxjs/toolkit\";\n\nimport authReducer from './Auth'\nimport siteReducer from './Site'\nimport cartReducer from \"./Cart\";\nimport productReducer from \"./Product\";\nexport default configureStore({\n  reducer: {auth:authReducer,site:siteReducer,cart:cartReducer,product:productReducer},\n})","import store from './components/stores/index'\n\n\nconst getMainRoutes=async()=>{\n\n  /*\n  JSON:\n  */\n let anotherRoutes = [\n   { label: \"Home\", exact: true, path: \"/\", auth: true },\n   {\n     label: \"Authentication/Logout\",\n     exact: true,\n     path: \"/cikis-yap\",\n     auth: true,\n   },\n   {\n     label: \"Authentication/Login\",\n     exact: true,\n     path: \"/giris-yap\",\n     auth: false,\n   },\n   {\n     label: \"Authentication/Register\",\n     exact: true,\n     path: \"/kayit-ol\",\n     auth: \"disable\",\n   },\n   { label: \"Cart\", exact: true, path: \"/sepetim\", auth: true },\n   { label: \"Discover\", exact: true, path: \"/kesfet\", auth: true },\n   { label: \"NewProducts\", exact: true, path: \"/yeni-urunler\", auth: true },\n   { label: \"Product\", exact: true, path: \"/urun/:slug\", auth: true },\n   { label: \"Category\", exact: true, path: \"/kategori/:slug\", auth: true },\n   { label: \"Profile\", exact: true, path: \"/profil/:slug\", auth: true },\n   { label: \"MyProfile\", exact: true, path: \"/profilim\", auth: true },\n   { label: \"MyProfile\", exact: true, path: \"/profilim\", auth: true },\n   { label: \"Orders\", exact: true, path: \"/siparisler\", auth: true },\n   { label: \"Order\", exact: true, path: \"/siparisler/:id\", auth: true },\n   { label: \"Brand\", exact: true, path: \"/marka/:slug\", auth: true },\n   { label: \"Search\", exact: true, path: \"/search/:filter\", auth: true },\n   { label: \"Collections\", exact: true, path: \"/hareketlerim\", auth: true },\n   { label: \"Collection\", exact: true, path: \"/hareket/:id\", auth: true },\n   { label: \"Payment\", exact: true, path: \"/odeme-sayfasi\", auth: true },\n   { label: \"ProductReport\", exact: true, path: \"/urun-raporu\", auth: true },\n   {\n     label: \"ProductReportDetail\",\n     exact: true,\n     path: \"/urun-raporu/:id\",\n     auth: true,\n   },\n   {\n     label: \"Print/PrintOrders\",\n     exact: true,\n     path: \"/yazdir/siparisler\",\n     auth: true,\n   },\n   {\n     label: \"Print/PrintOrder\",\n     exact: true,\n     path: \"/yazdir/siparisler/:id\",\n     auth: true,\n   },\n   {\n     label: \"Print/PrintCollections\",\n     exact: true,\n     path: \"/yazdir/hareketler\",\n     auth: true,\n   },\n   {\"label\": \"Payment/SuccessCallback\",\"exact\": true,\"path\": \"/odeme-basarili\",\"auth\": true,},{\"label\": \"Payment/FailCallback\",\"exact\": true,\"path\": \"/odeme-basarisiz\",\"auth\": true,},\n   {\n     label: \"Payment/CreatePayment\",\n     exact: true,\n     path: \"/tahsilat\",\n     auth: true,\n   },\n   { label: \"Invoices\", exact: true, path: \"/faturalar\", auth: true },\n   { label: \"Invoice\", exact: true, path: \"/faturalar/:id\", auth: true },\n   {\n     label: \"Print/PrintCollection\",\n     exact: true,\n     path: \"/yazdir/hareket/:id\",\n     auth: true,\n   },\n   {\n     label: \"Print/PrintInvoices\",\n     exact: true,\n     path: \"/yazdir/faturalar\",\n     auth: true,\n   },\n   {\n     label: \"Print/PrintInvoice\",\n     exact: true,\n     path: \"/yazdir/faturalar/:id\",\n     auth: true,\n   },\n ];\n  const routes= await store.getState().auth.routes\n  \n  \n  return await ((JSON.stringify(routes).length>10) ? routes:anotherRoutes).map(route=>{\n    return {\n      label:route.label,\n      path:route.path,\n      exact:route.exact,\n      auth:route.auth,\n      props:null,\n      component:require('./views/'+route.label+'.js').default\n    }\n  })\n  \n}\n\nconst Routes=getMainRoutes()\n\nexport {Routes}","import React, {useState} from 'react';\n\n\nconst ScrollButton = () =>{\n\n\nreturn (\n  <>\n  \n  </>\n);\n}\n\nexport default ScrollButton;\n","import React,{useLayoutEffect,useState} from 'react'\nimport { ThemeProvider } from \"styled-components\";\nimport {GlobalStyle} from './styles/Global';\nimport {LightTheme,DarkTheme} from './styles/Theme'\nimport { Route,Switch} from \"react-router-dom\";\nimport {Routes} from './Routes'\nimport { useSelector, useDispatch } from 'react-redux';\n\nimport { ToastContainer } from 'react-toastify';\nimport 'react-toastify/dist/ReactToastify.css';\nimport { useCartRequests } from './helpers/CartRequests'\n\nimport { setBasket } from './components/stores/Cart'\n\n\nimport ScrollButton from './components/Content/ScrollButton';\n\nimport NotFound from './views/NotFound'\nimport { useAuthRequests } from './helpers/AuthRequests';\nimport { setCustomer } from './components/stores/Auth';\nimport { Helmet } from 'react-helmet';\n\nimport ScrollToTop from 'react-scroll-to-top';\nimport { ReactComponent as MyTestSvg } from \"./MyTestSvg.svg\";\n\n\nfunction App() {\n  const {  getCustomer } = useAuthRequests();\n\n  const [mainRoutes,setMainRoutes]=useState(null)\n\n  const getMainRoutes=()=>{\n    Routes.then(res=>{\n      \n      setMainRoutes(res)\n        \n  })}\n\n    \n  useLayoutEffect(() => {\n    if (mainRoutes == null) {\n      getMainRoutes();\n    }\n\n  }, [mainRoutes]);\n  \n\n  const dispatch=useDispatch()\n\n  const {login}=useSelector(state=>state.auth)\n\n  const {theme}=useSelector(state=>state.site)\n\n  const {basket}=useSelector(state=>state.cart)\n\n  const {getCart} = useCartRequests()\n\n  React.useEffect(() => {\n    if (login && basket == null) {\n      getCustomer(localStorage.getItem(\"ulusoytoken\")).then((res) => {\n        dispatch(setCustomer(res.data.data));\n      });\n      getCart().then((res) => {\n        dispatch(setBasket(res.data.data));\n      });\n    }\n  }, [basket,   login, dispatch, getCustomer,getCart]);\n\n  const listRoutes=(routeList)=>{\n      return routeList.map((route,index)=>{\n                \n        return(\n\n          <Route key={`route-${route.path}`} path={route.path} exact={route.exact} component={route.component} />\n        )\n\n      })\n\n  }\n\n  return (\n    <ThemeProvider theme={theme === \"DarkTheme\" ? DarkTheme : LightTheme}>\n      <GlobalStyle />\n      <ToastContainer />\n      <Helmet>\n       \n        <meta property=\"og:type\" content=\"website\" />\n        <meta http-equiv=\"Content-Type\" content=\"text/html; charset=UTF-8\" />\n        <meta property=\"og:url\" content=\"https://ulusoyspor.com.tr\" />\n        <meta\n          property=\"og:site_name\"\n          content=\"Toptan Spor Ayakkabı Modelleri - Ulusoyspor.com.tr\"\n        />\n        <meta\n          name=\"keywords\"\n          content=\"ulusoyspor, ulusoyspor toptan, toptan spor ayakkabı, toptan kundura ayakkabı, ucuz spor ayakkabı, gedikpaşa toptan, toptan kadın ayakkabısı, toptan erkek ayakkabısı, toptan çocuk ayakkabısı, toptan bebek ayakkabısı, toptan patik, merdane, zenne, garson, filet, patik, bebe,\"\n        />\n      </Helmet>\n      <ScrollButton />\n\n      <Switch>\n        {mainRoutes != null ? listRoutes(mainRoutes) : <></>}\n\n        <Route path=\"*\" render={() => <NotFound />} />\n      </Switch>\n      <ScrollToTop\n        smooth\n        className=\"go-top-btn\"\n        component={\n          <>\n            <MyTestSvg />\n            <span>Yukarı Çık</span>\n          </>\n        }\n      />\n    </ThemeProvider>\n  );\n}\n\nexport default App;\n","import React from 'react';\nimport './index.css';\nimport App from './App';\nimport ReactDOM from \"react-dom\";\nimport 'bootstrap/dist/css/bootstrap.min.css';\nimport {Provider} from 'react-redux'\nimport store from './components/stores/index';\nimport { IntlProvider } from 'react-intl-number-format/dist/index.js';\nimport { BrowserRouter } from 'react-router-dom';\nimport { StrictMode } from 'react';\n\nconst rootElement = document.getElementById(\"root\");\nconst intlConfig = {\n  locale:localStorage.getItem('currency')==\"TL\"  ? \"tr-TR\" :  localStorage.getItem('currency')==\"$\"  ? \"en-US\" : \"tr-TR\",\n  options: {\n    currency: localStorage.getItem('currency')==\"TL\"  ? \"TRY\" : localStorage.getItem('currency')==\"$\"  ? \"USD\" : \"TRY\",\n    style: \"currency\",\n    maximumFractionDigits: 2\n  }\n};\n\nif (rootElement.hasChildNodes()) {\n  ReactDOM.hydrate(\n    <Provider store={store}>\n      <IntlProvider config={intlConfig}>\n        <BrowserRouter>\n          <StrictMode>\n\n          <App />\n            </StrictMode>\n\n        </BrowserRouter>\n      </IntlProvider>\n    </Provider>, rootElement);\n} else {\n  ReactDOM.render(\n    <Provider store={store}>\n      <IntlProvider config={intlConfig}>\n        <BrowserRouter>\n            <StrictMode>\n          <App />\n            </StrictMode>\n        </BrowserRouter>\n      </IntlProvider>\n    </Provider>\n    , rootElement);\n}","import React,{useEffect,useRef} from 'react'\nimport Carousel, { consts } from \"react-elastic-carousel\";\nimport { prominent,average } from 'color.js';\nimport { changeSlider } from '../stores/Site';\nimport { SlideProductItem } from '../../styles/Slide';\nimport { Link, useHistory } from \"react-router-dom\";\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport { faArrowDown, faArrowUp, faShoppingCart } from '@fortawesome/free-solid-svg-icons';\nimport { toast } from \"react-toastify\";\nimport { useSelector, useDispatch } from \"react-redux\";\nimport { useCartRequests } from '../../helpers/CartRequests';\nimport { setBasket } from \"../stores/Cart\";\nimport useWindowDimensions from '../useWindowDimensions';\n\n\nexport default function Slider({images,products}) {\n  const { width } = useWindowDimensions();\n\n  const history=useHistory()\n  const carouselRef2 = useRef(null);\n  const carouselRef = useRef(null);\n  const dispatch = useDispatch()\n  const { basket } = useSelector((state) => state.cart);\n  let resetTimeout;\n\n  useEffect(() => {\n    \n  })\n\n  useEffect(() => {\n    clearInterval(resetTimeout)\n    carouselRef.current.goTo(0)\n    setTimeout(() => {\n      getColors()\n    }, 10);\n  }, [images])\n  const getColors=()=>{\n    if(images.length>0 && carouselRef!=null && carouselRef.current!=null && carouselRef.current.state!=null){\n      prominent(images[carouselRef.current.state.activeIndex],{\n        format:'rgba',\n        amount:4\n      }).then((colors)=>{\n        updateColors(colors)\n      })\n      \n    }\n  }\n\n  const updateColors=colors=>{\n    if(typeof(colors[0])=='number'){\n      const newColors={\n      front:colors.join(','),\n      center:colors.join(','),\n      centerlast:colors.join(','),\n      end:colors.join(',')}\n      dispatch(changeSlider(newColors))\n    }else{\n      let newColors={\n      front:(colors[0]!=undefined && colors[0]!=null ? colors[0] : [0,0,0]).join(','),\n      center:(colors[1]!=undefined && colors[1]!=null ? colors[1] : [0,0,0]).join(','),\n      centerlast:(colors[2]!=undefined && colors[2]!=null ? colors[2] : [0,0,0]).join(','),\n      end:(colors[3]!=undefined && colors[3]!=null ? colors[3] : [0,0,0]).join(',')}\n\n      dispatch(changeSlider(newColors))\n      // console.log((colors[0]!=undefined && colors[0]!=null ? colors[0] : [0,0,0]).join(','))\n      // console.log((colors[1]!=undefined && colors[1]!=null ? colors[1] : [0,0,0]).join(','))\n      // console.log((colors[2]!=undefined && colors[2]!=null ? colors[2] : [0,0,0]).join(','))\n      // console.log((colors[3]!=undefined && colors[3]!=null ? colors[3] : [0,0,0]).join(','))\n    }\n  }\n  const { addCart, getCart } = useCartRequests();\n  const getBasket = () => {\n    getCart().then((res) => {\n      dispatch(setBasket(res.data.data));\n    });\n  };\n\n  const addToBasket = async (product) => {\n  const loader = toast.loading(\"Ürün Sepete Ekleniyor...\", {\n    position: toast.POSITION.BOTTOM_RIGHT,\n    isLoading: true,\n    closeOnClick: false,\n    pauseOnHover: false,\n    pauseOnFocusLoss: false,\n    draggable: false,\n  });\n  addCart([{ id: product.id, count: 1 }])\n    .then((res) => {\n      getBasket();\n      toast.update(loader, {\n        render: res.data.message,\n        type: \"success\",\n        isLoading: false,\n        autoClose: 3000,\n        hideProgressBar: false,\n        closeOnClick: true,\n        pauseOnHover: true,\n        pauseOnFocusLoss: false,\n        draggable: true,\n      });\n    })\n    .catch((err) => {\n      if (\n        err.response != undefined &&\n        err.response.data.data != undefined\n      ) {\n        toast.update(loader, {\n          render: err.res.data.message,\n          type: \"error\",\n          isLoading: false,\n          autoClose: 3000,\n          hideProgressBar: false,\n          closeOnClick: true,\n          pauseOnHover: true,\n          pauseOnFocusLoss: false,\n          draggable: true,\n        });\n      }\n    });\n  };\n  return (\n    <div className='home-slider' style={{ display: \"flex\", width: \"100%\" }}>\n      <Carousel\n        ref={carouselRef}\n        enableAutoPlay\n        autoPlaySpeed={3000}\n        renderPagination={({ pages, activePage, onClick }) => {\n          return (\n            <div style={{ display: \"flex\" }} className=\"slider-page-lists\">\n              {pages.map((e) => {\n                const isActivePage = activePage === e;\n                return (\n                  <div\n                    key={Math.floor(Math.random() * 99999)}\n                    style={{ cursor: \"pointer\" }}\n                    onClick={() => onClick(e)}\n                  >\n                    <img\n                      onContextMenu={() => 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                  </div>\n                );\n              })}\n            </div>\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            <img\n              onContextMenu={() => false}\n              key={Math.floor(Math.random() * 99999)}\n              src={e}\n              alt={\"banner-\" + index}\n            />\n          );\n        })}\n      </Carousel>\n      <div className=\"home-slider-v\" style={{ width: \"25%\", padding: 30, paddingTop: 0, marginTop: 0 }}>\n        {products != null ? (\n          <>\n            <h1 style={{ fontSize: 18, paddingTop: 15, textAlign: \"center\" }}>\n              Günün Ürünleri\n            </h1>\n            <Carousel\n              ref={carouselRef2}\n              enableAutoPlay\n              autoPlaySpeed={3000}\n              disableArrowsOnEnd={false}\n              \n              pagination={false}\n              renderArrow={({ type, onClick, isEdge }) => {\n                if(width<1140){\n                  return <></>\n                }\n                const pointer =type === consts.PREV ? faArrowUp : faArrowDown;\n                return (\n                  <button\n                    onClick={onClick}\n                    style={{\n                      cursor: \"pointer\",\n                      display: \"flex\",\n                      alignItems: \"center\",\n                      justifyContent: \"center\",\n                      position: \"absolute\",\n                      top: type!=consts.PREV ? \"95%\":\"-5%\",\n                      zIndex: 2,\n                      width: 40,\n                      outline: \"none\",\n                      border: \"none\",\n                      left:0,\n                      height: 40,\n                      width: '100%',\n                      color: \"#333\",\n                      background: \"rgba(0,0,0,0.1)\",\n                    }}\n                  >\n                    <FontAwesomeIcon icon={pointer} />\n                  </button>\n                );\n              }}\n              itemsToShow={width < 1180 ? 2:2}\n              verticalMode={width<1180 ? false:true}\n            >\n              {products.map((x) => {\n                return (\n                  <div\n                    key={x.slug + \"-mini\"}\n                    style={{\n                      width: \"calc(100%)\",\n                      cursor: \"pointer\",\n                      display: \"flex\",\n                      flexDirection: \"column\",\n                      alignItems: \"center\",\n                      justifyContent: \"space-between\",\n                      marginLeft: 10,\n                      marginBottom: 33,\n                      padding: 10,\n                      borderRadius: 10,\n                      background: \"#fff\",\n                    }}\n                    className=\"mini-product\"\n                  >\n                    <img\n                      src={x.image}\n                      onClick={() => {\n                        history.push(\"/urun/\" + x.slug);\n                      }}\n                      style={{ width: \"60%\", userSelect: \"none\" }}\n                    />\n                    <div className=\"title\">\n                      <a\n                        style={{\n                          textDecoration: \"none\",\n                          color: \"#000\",\n                          fontSize: 11,\n                        }}\n                        onClick={() => {\n                          addToBasket(x);\n                        }}\n                      >\n                        <div className=\"name\">\n                          <span>{x.title}</span>\n                        </div>\n                        {localStorage.getItem(\"ulusoytoken\") == null ? (\n                          <>\n                            <div\n                              onClick={() => history.push(\"/giris-yap\")}\n                              style={{ fontSize: 12, textAlign: \"center\" }}\n                            >\n                              Fiyatları görmek için <strong>giriş</strong> yapın\n                            </div>\n                          </>\n                        ) : (\n                          <>\n                            <div className=\"price\">\n                              {x.salePrice} ₺{\" \"}\n                              <span\n                                style={{ fontSize: 15, fontWeight: \"normal\" }}\n                              >\n                                + KDV\n                              </span>\n                            </div>\n                            <div className=\"btn\">\n                              <FontAwesomeIcon icon={faShoppingCart} /> SEPETE\n                              EKLE\n                            </div>\n                          </>\n                        )}\n                      </a>\n                    </div>\n                  </div>\n                );\n              })}\n            </Carousel>\n          </>\n        ) : (\n          <></>\n        )}\n      </div>\n    </div>\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\";\n\nexport default function Home(props) {\n  \n  const {getProducts,getDiscover,getBrands,getSliders}=useProductRequests()\n  \n  const {slider}=useSelector(state=>state.site)\n  const [sliders,setSliders]=useState('test1')\n  const [images,setImages]=useState(null)\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 [brands, setBrands] = useState([]);\n  const [mainPageProducts, setMainPageProducts] = useState([]);\n  const windowWidth=window.innerWidth\n  const getHomePageCategoryItems = async () => {\n    const list = [\n      { slug: \"erkek-40-44-1-1\", set: setMan },\n      { slug: \"zenne-36-40-1-2\", set: setWomen },\n      { slug: \"garson-36-39-1-3\", set: setGarson },\n      { slug: \"filet-31-35-1-4\", set: setFilet },\n      { slug: \"patik-26-30-1-270\", set: setPatik },\n      { slug: \"bebe-21-25-1-6\", set: setBebe },\n    ];\n    list.map(x=>{\n      getProducts({ page: 1, count: windowWidth < 1786?windowWidth<1500?4:5:6, groupSlug: x.slug })\n        .then((response) => {\n          x.set(response.data.data.items);\n        })\n        .catch((error) => {});\n    })\n    getProducts({ page: 1, count:6, sort:'RANDOM',sortedBy:''})\n      .then((response) => {\n        setProducts(response.data.data.items);\n      })\n      .catch((error) => {});\n    \n  }\n  useLayoutEffect(() => {\n    \n    if(discover.length===0){\n\n      getProducts({ page: 1, count: 6,productOfDay: true })\n        .then((response) => {\n          setDiscover(response.data.data.items);\n\n          getProducts({\n            page: 1,\n            count: 6,\n            sort: \"TOPSALES\",\n            productOfMainPage: true,\n            sortedBy: \"desc\",\n          }) \n            .then((response) => {\n              setMainPageProducts(response.data.data.items);\n            })\n            .catch((error) => {\n              //history.push('/giris-yap')\n            });\n\n              getHomePageCategoryItems();\n\n          getBrands()\n            .then((response) => {\n              setBrands(response.data.data);\n            })\n            .catch((error) => {});\n        })\n        .catch((error) => {});\n\n      \n\n    }\n  }, [])\n \n\n  useEffect(() => {\n\n    if (images == null || images.length == 0) {\n      //REACT_APP_GET_SLIDERS\n      getSliders().then((res) => {\n        setImages(res.data.images);\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      <Helmet>\n        <meta\n          name=\"viewport\"\n          content=\"width=device-width, initial-scale=1.0, user-scalable=no\"\n        />\n        <title>\n          Toptan Spor Ayakkabı Modelleri - Ulusoy Spor Ayakkabı , Ulusoy Toptan\n          Ayakkabı\n        </title>\n      </Helmet>\n      <FloatingWhatsApp phoneNumber=\"+905469000102\" buttonStyle={{bottom:60,left:15}}  statusMessage='Her zaman aktif' accountName=\"Ulusoy Spor Ayakkabı\" avatar=\"https://ulusoyspor.com.tr/favicon.ico\"  placeholder='İletişime Geç!' chatMessage='Merhaba sitemize hos geldiniz. Size nasıl yardımcı olabiliriz?' />\n      {/* <CookieConsent\n        location=\"bottom\"\n        buttonText=\"Tümünü Kabul Et\"\n        cookieName=\"dehasoft\"\n        style={{\n          background: \"#DB2C1D\",\n          minHeight: \"10vh\",\n          alignItems: \"center\",\n        }}\n        buttonStyle={{ color: \"#000\", fontSize: \"15px\" }}\n        expires={250}\n      >\n        Bu web sitesi, kullanıcı deneyimini geliştirmek için tanımlama\n        bilgilerini kullanır.{\" \"}\n        <span style={{ fontSize: \"10px\" }}> &copy; dehasoft 2023</span>\n      </CookieConsent> */}\n      <Header />\n\n      <div>\n        {images != null && images.length > 0 ? (\n          <CarouselContainer colors={slider}>\n            <SliderSwitch>\n              {/* <button onClick={()=>setSliders('test1')} className={sliders=='test1' ? 'active' : ''}>Afişlerimiz</button> */}\n              {/* <button onClick={()=>setSliders('test2')} className={sliders=='test2' ? 'active' : ''}>Hepsi</button>  */}\n              {/* <button onClick={()=>setSliders('test3')} className={sliders=='test3' ? 'active' : ''}>Hepsi</button>  */}\n            </SliderSwitch>\n\n            <SliderContainer images={images} products={discover} />\n          </CarouselContainer>\n        ) : (\n          <></>\n        )}\n        <ProductContent open={false}>\n          <div className=\"list\">\n            <div className=\"list-title-border\">\n              <h4>Erkek 40-44</h4>\n            </div>\n            {man.map((x) => {\n              return (\n                <ProductItem\n                  key={x.id + x.slug + \"asda\"}\n                  product={x}\n                  setOpenedBox={setOpenedBox}\n                />\n              );\n            })}\n            <div className=\"list-title-border\">\n              <h4>Zenne 36-40</h4>\n            </div>\n            {women.map((x) => {\n              return (\n                <ProductItem\n                  key={x.id + x.slug + \"asda\"}\n                  product={x}\n                  setOpenedBox={setOpenedBox}\n                />\n              );\n            })}\n            <div className=\"list-title-border\">\n              <h4>Garson 36-39</h4>\n            </div>\n            {garson.map((x) => {\n              return (\n                <ProductItem\n                  key={x.id + x.slug + \"asda\"}\n                  product={x}\n                  setOpenedBox={setOpenedBox}\n                />\n              );\n            })}\n            <div className=\"list-title-border\">\n              <h4>Filet 31-35</h4>\n            </div>\n            {filet.map((x) => {\n              return (\n                <ProductItem\n                  key={x.id + x.slug + \"asda\"}\n                  product={x}\n                  setOpenedBox={setOpenedBox}\n                />\n              );\n            })}\n            <div className=\"list-title-border\">\n              <h4>Patik 26-30</h4>\n            </div>\n            {patik.map((x) => {\n              return (\n                <ProductItem\n                  key={x.id + x.slug + \"asda\"}\n                  product={x}\n                  setOpenedBox={setOpenedBox}\n                />\n              );\n            })}\n            <div className=\"list-title-border\">\n              <h4>Bebe 21-25</h4>\n            </div>\n            {bebe.map((x) => {\n              return (\n                <ProductItem\n                  key={x.id + x.slug + \"asda\"}\n                  product={x}\n                  setOpenedBox={setOpenedBox}\n                />\n              );\n            })}\n            <div className=\"list-title-border\">\n              <h4>Keşfet</h4>\n            </div>\n            {products.map((x) => {\n              return (\n                <ProductItem\n                  key={x.id + x.slug + \"asda\"}\n                  product={x}\n                  setOpenedBox={setOpenedBox}\n                />\n              );\n            })}\n          </div>\n        </ProductContent>\n      </div>\n      <div style={{ zIndex: 1009090 }}>\n        {products.length > 0 && (\n          <Lightbox\n            isOpen={openedBox}\n            onPrev={gotoPrevious}\n            className=\"lightbox-image-box\"\n            onNext={gotoNext}\n            images={[...products,...man,...women,...garson,...filet,...patik,...bebe].map((x) => {\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              <SwapButton onClick={gotoNext} className=\"image-swap-button\">\n                <FontAwesomeIcon icon={faAngleRight} />\n              </SwapButton>\n            )}\n            renderPrevButton={() => (\n              <SwapButton onClick={gotoPrevious} className=\"image-swap-button\">\n                <FontAwesomeIcon icon={faAngleLeft} />\n              </SwapButton>\n            )}\n            renderFooter={() => (\n              <div\n                style={{\n                  width: \"40vw\",\n                  // background: \"rgba(0,0,0,0.5)\",\n                  height: \"40vh\",\n                  top: \"30vh\",\n                  left: \"30vw\",\n                  position: \"fixed\",\n                  zIndex: 100,\n                }}\n                onClick={() => {\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              ></div>\n            )}\n            renderHeader={() => (\n              <button\n                onClick={() => setOpenedBox(false)}\n                className=\"light-close\"\n              >\n                X\n              </button>\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      </div>\n      <BottomNav />\n\n      <Footer />\n    </>\n  );\n}\n","import React,{useState,useEffect} from 'react'\nimport {Login} from '../../styles/Auth'\nimport Box from '@mui/material/Box';\n\nimport { LoadingButton } from '@mui/lab';\nimport {  styled } from '@mui/material/styles';\nimport TextField from '@mui/material/TextField';\nimport { useHistory } from 'react-router';\n\nimport { useDispatch,useSelector } from 'react-redux'\nimport { loginChange,setCustomer } from '../stores/Auth';\nimport { setBasket } from \"../stores/Cart\";\n\nimport { useAuthRequests } from \"../../helpers/AuthRequests\";\nimport { useCartRequests } from \"../../helpers/CartRequests\";\nimport { Link } from 'react-router-dom';\n\nexport default function LoginForm() {\n  \n  const {loginRequest,getCustomer} = useAuthRequests()\n\n  const dispatch = useDispatch()\n\n  const {login} = useSelector(state => state.auth)\n\n  const { getCart } = useCartRequests();\n\n\n  const [email,setEmail] = useState('')\n  \n  const [password,setPassword] = useState('')\n\n  const [checked,setChecked] = useState(false)\n\n  const [loading,setLoading] = useState(false)\n\n  const [error,setError] = useState('')\n  const [success,setSuccess] = useState('')\n\n  const history=useHistory()\n\n  const RedditTextField = styled((props) => (<TextField InputProps={{ disableUnderline: true }} {...props} />))(({ theme }) => ({}));\n\n  const loginIn=async(e)=>{\n    e.preventDefault();\n    const debug=true\n    if(loading){\n      return\n    }else if(email=='' || email.length<2 && debug==false){\n      setError('Email adresinizi giriniz.')\n    }else if(password=='' || password.length<6 && debug==false){\n      setError('Şifrenizi giriniz.')\n    }else{\n      setLoading(true)\n\n      loginRequest(email,password)\n      .then( async(response)=> {\n        setEmail('')\n        setPassword('')\n        setChecked(false)\n        setError('')\n        setSuccess(response.data.message+' Ana sayfaya yönlendiriliyorsunuz.')\n        localStorage.removeItem(\"ulusoyroutes\")\n        dispatch(loginChange({\n          token:response.data.data.authenticationKey,\n          login:true,\n        }))\n        getCustomer(response.data.data.authenticationKey).then(res=>{\n          dispatch(setCustomer(res.data.data))\n        })\n        getCart().then((res) => {\n          dispatch(setBasket(res.data.data));\n        });\n        setTimeout(() => {\n\n          // history.push('/')\n          window.location = process.env.REACT_APP_FRONT_URL;\n        }, 2300);\n\n      })\n      .catch( (error)=> {\n        console.log(error)\n        console.log(error.response)\n        setError(error.response.data.message)\n        setLoading(false)\n      })\n\n      \n\n    }\n\n    \n  }\n \n  return (\n    <Login>\n          \n        <form onSubmit={loginIn}>\n        <Box sx={{ display: 'flex',alignItems: 'center','& > :not(style)': { m: 1 },}}>\n          <TextField autoComplete=\"on\" label=\"E Posta\"  value={email} onChange={(e)=>setEmail(e.target.value)} variant=\"filled\" type=\"text\" style={{ marginTop: 11 }}/>\n        </Box>\n        <Box sx={{ display: 'flex',alignItems: 'center','& > :not(style)': { m: 1 },}}>\n          <TextField autoComplete=\"on\" label=\"Şifre\"  value={password} onChange={(e)=>setPassword(e.target.value)}  variant=\"filled\" type=\"password\" style={{ marginTop: 11 }}/>\n        </Box>\n        <label>\n          {/* <Checkbox checked={checked} onChange={()=>setChecked(!checked)} {...label}  /> Beni hatırla */}\n        </label>\n        {\n          error!='' && <Box sx={{ display: 'flex',alignItems: 'center','& > :not(style)': { m: 1 },}}> <div className=\"error-area\">{error}</div> </Box>\n        }\n        {\n          success!='' && <Box sx={{ display: 'flex',alignItems: 'center','& > :not(style)': { m: 1 },}}> <div className=\"success-area\">{success}</div> </Box>\n        }\n        <LoadingButton loading={loading}  type=\"submit\" variant=\"contained\" className=\"authBtn\">Giriş Yap</LoadingButton>\n\n        <div className='form-navigator'>\n          <Link style={{color:'#000'}} to=\"/kayit-ol\" >Kayıt Ol</Link>\n          {/* <Link to=\"/sifremi-unuttum\" >Şifremi Unuttum</Link>   */}\n        </div>\n\n      </form>\n\n    </Login>\n  )\n}\n","import React from 'react'\nimport {AuthPage} from '../../styles/Auth'\nimport { Link } from 'react-router-dom';\nimport { Tab } from '@headlessui/react'\nimport RegisterForm from '../../components/Forms/RegisterForm'\nimport LoginForm from '../../components/Forms/LoginForm'\nimport ForgotForm from '../../components/Forms/ForgotForm';\nimport Footer from '../../components/Navigation/Footer';\nimport CookieConsent, { Cookies } from \"react-cookie-consent\";\nimport mainLogo from '../../mainlogo.png'\nexport default function Contact() {\n\n  return (\n    <AuthPage>\n      <CookieConsent\n        location=\"bottom\"\n        buttonText=\"Tümünü Kabul Et\"\n        cookieName=\"dehasoft\"\n        style={{ background: \"#DB2C1D\",minHeight:'10vh',alignItems:'center' }}\n        buttonStyle={{ color: \"#000\", fontSize: \"15px\" }}\n        expires={250}\n      >\n        Bu web sitesi, kullanıcı deneyimini geliştirmek için tanımlama bilgilerini kullanır.{\" \"}\n        <span style={{ fontSize: \"10px\" }}> &copy; dehasoft 2023</span>\n      </CookieConsent>\n      <Link to=\"/\" className=\"logo\">\n        <img onContextMenu={()=>false} height={100} src={mainLogo} />\n      </Link>\n\n      <LoginForm  />\n      \n\n      {/* <Footer/> */}\n\n    </AuthPage>\n    \n  )\n}\n","import { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\nimport React, { useEffect, useRef } from \"react\";\nimport Carousel from \"react-elastic-carousel\";\nimport { useDispatch } from \"react-redux\";\nimport { faSearch } from \"@fortawesome/free-solid-svg-icons\";\nimport zIndex from \"@mui/material/styles/zIndex\";\nexport default function ProductImage({\n  currentImageIndex,\n  setCurrentIndex,\n  items,\n  openedBox,\n  setOpenedBox,\n  rotate = null,\n}) {\n  const carouselRef = useRef(null);\n  const dispatch = useDispatch();\n  let resetTimeout;\n\n  React.useEffect(() => {\n    carouselRef.current.goTo(currentImageIndex);\n  }, [currentImageIndex]);\n  const [rotated, setRotated] = React.useState(false);\n  return (\n    <>\n      <div\n        style={{\n          width: \"100vw\",\n          height: \"100vh\",\n          position: \"fixed\",\n          backgroundColor: \"rgba(0,0,0,0.5)\",\n          zIndex: 9999999,\n          top: 0,\n          left: 0,\n          display: rotated ? \"flex\" : \"none\",\n          justifyContent: \"center\",\n          alignItems: \"center\",\n        }}\n        onClick={() => setRotated(false)}\n      >\n        {/* <iframe\n          onClick={(e) => e.stopPropagation()}\n          src={\n            \"https://panel.360photoboxcloud.com/viewer360/viewer.html?id=\"+rotate\n          }\n          style={{ width: \"60vw\", height: \"80vh\" }}\n        /> */}\n      </div>\n\n      <Carousel\n        ref={carouselRef}\n        pagination={true}\n        autoPlaySpeed={3050}\n        disableArrowsOnEnd={false}\n        enableAutoPlay={true}\n        className=\"carousel-an-con\"\n        style={{ zIndex: 999999 }}\n        renderPagination={({ pages, activePage, onClick }) => {\n          return (\n            <>\n              <div\n                className=\"page-item\"\n                style={{ display: \"flex\", flexDirection: \"row\" }}\n              >\n                {pages.map((page) => {\n                  const isActivePage = activePage === page;\n                  return (\n                    <div\n                      key={page}\n                      onClick={() => onClick(page)}\n                      active={isActivePage}\n                      style={{\n                        border:\n                          \"1px solid \" +\n                          (isActivePage ? \"#F27A1A\" : \"transparent\"),\n                        cursor: \"pointer\",\n                        marginRight: 10,\n                        marginTop: 10,\n                        borderRadius: 7,\n                      }}\n                      className=\"product-page-items\"\n                    >\n                      <img\n                        src={items[page]}\n                        style={{\n                          borderRadius: 20,\n                          width: 100,\n                          minWidth: 100,\n                          maxWidth: 100,\n                          height: 100,\n                          minHeight: 100,\n                          maxHeight: 100,\n                        }}\n                      />\n                    </div>\n                  );\n                })}\n                {rotate != undefined &&\n                rotate != null &&\n                rotate != \"\" &&\n                false ? (\n                  <div\n                    style={{\n                      border:\n                        \"1px solid \" + (false ? \"#F27A1A\" : \"transparent\"),\n                      cursor: \"pointer\",\n                      marginRight: 10,\n                      marginTop: 10,\n                      borderRadius: 7,\n                      width: 100,\n                      minWidth: 100,\n                      maxWidth: 100,\n                      height: 100,\n                      minHeight: 100,\n                      maxHeight: 100,\n                      display: \"flex\",\n                      justifyContent: \"center\",\n                      alignItems: \"center\",\n                    }}\n                    className=\"product-page-items\"\n                    onClick={() => setRotated(true)}\n                  >\n                    <img\n                      src={\n                        \"https://cdn-icons-png.flaticon.com/512/1758/1758455.png\"\n                      }\n                      style={{\n                        borderRadius: 20,\n                        width: 60,\n                        minWidth: 60,\n                        maxWidth: 60,\n                        height: 60,\n                        minHeight: 60,\n                        maxHeight: 60,\n                      }}\n                    />\n                  </div>\n                ) : (\n                  <></>\n                )}\n              </div>\n            </>\n          );\n        }}\n        onChange={() => {\n          //console.log(carouselRef.current.state.activeIndex)\n        }}\n        // itemsToShow={width<1140 ? (width>980 ? 3 : 1) : 5}\n      >\n        {(items == null || items.length == 0\n          ? [\n              \"https://propertywiselaunceston.com.au/wp-content/themes/property-wise/images/no-image@2x.png\",\n              \"https://propertywiselaunceston.com.au/wp-content/themes/property-wise/images/no-image@2x.png\",\n            ]\n          : items\n        ).map((item, index) => {\n          return (\n            <React.Fragment\n              key={\"simage-\" + Math.floor(Math.random() * 99999)}\n              // className=\"carousel-an-con\"\n            >\n              <div\n                className=\"carousel-animate\"\n                onClick={() => setOpenedBox(!openedBox)}\n              >\n                <FontAwesomeIcon icon={faSearch} color=\"#fff\" />\n              </div>\n\n              <img\n                onClick={() => setOpenedBox(!openedBox)}\n                className=\"detail-image\"\n                style={{ cursor: \"zoom-in\" }}\n                src={item}\n              />\n            </React.Fragment>\n          );\n        })}\n      </Carousel>\n\n      <div\n        style={{\n          right: openedBox ? 200 : \"-200vw\",\n          transform: `scale(${openedBox ? 1 : 0})`,\n          zIndex: 9999999,\n        }}\n        className=\"detail-light-pagination\"\n      >\n        {items.map((item, index) => {\n          const isActivePage = currentImageIndex == index ? true : false;\n          console.log(currentImageIndex);\n          return (\n            <div\n              key={\"item-\" + item}\n              active={isActivePage}\n              onClick={() => {\n                setCurrentIndex(index);\n              }}\n              style={{\n                border:\n                  \"2px solid \" + (isActivePage ? \"#F27A1A\" : \"transparent\"),\n                cursor: \"pointer\",\n                marginTop: 10,\n                borderRadius: 20,\n              }}\n            >\n              <div\n                style={{\n                  backgroundImage: `url(${item})`,\n                  width: 100,\n                  height: 100,\n                  backgroundSize: \"cover\",\n                  backgroundPosition: \"center\",\n                  backgroundRepeat: \"no-repeat\",\n                  borderRadius: 20,\n                }}\n              ></div>\n            </div>\n          );\n        })}\n      </div>\n    </>\n  );\n}\n","import { Button } from '@mui/material'\nimport React,{useEffect, useState} from 'react'\nimport { DetailContainer, SwapButton } from \"../../styles/Product\";\nimport ProductImage from '../Slider/ProductImage'\nimport { useCartRequests } from '../../helpers/CartRequests';\nimport { setBasket } from '../stores/Cart';\nimport { useDispatch,useSelector } from 'react-redux';\nimport { toast } from 'react-toastify';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport { faMinus, faPlus, faTrash, faTrashAlt, faShoppingCart, faArrowRight, faArrowLeft, faHome, faSignInAlt, faCartPlus, faAngleLeft, faAngleRight, faTimes } from '@fortawesome/free-solid-svg-icons';\nimport { Link, useHistory } from 'react-router-dom';\nimport axios from 'axios'\nimport { Helmet } from 'react-helmet';\nimport Lightbox, { ImagesListType } from 'react-spring-lightbox';\nimport { Currency } from \"react-intl-number-format/dist/index.js\";\nimport useWindowDimensions from '../useWindowDimensions';\nimport { useLocation } from 'react-router-dom';\n\n\nexport default function ProductDetail({data}) {\n  const history=useHistory()\n  const [productImages, setProductImages] = useState(\n    data.images ?\n      data.images.map((x) => {\n        return { src: x, loading: \"lazy\", alt: \"deha\" };\n      })\n  :[]);\n\n  const [currentImageIndex, setCurrentIndex] = useState(0);\n  const [openedBox, setOpenedBox] = useState(false);\n\n  const gotoPrevious = () =>{\n    if(currentImageIndex > 0){\n      setCurrentIndex(currentImageIndex - 1);\n    }else{\n      setCurrentIndex(productImages.length - 1)\n    }\n  }\n      \n\n  const gotoNext = () =>{\n    if(currentImageIndex + 1 < productImages.length){\n      setCurrentIndex(currentImageIndex + 1);\n    }else{\n      setCurrentIndex(0)\n    }\n  }\n      \n      \n\n  const {basket}=useSelector(state=>state.cart)\n  const [count,setCount]=useState(1)\n  const [mobileCount,setMobileCount]=useState(basket!=undefined && basket!=null ? (((basket.filter((x) => x.productId == data.id)).length>0 ? basket.filter((x) => x.productId == data.id)[0].quantity : 1)) :1)\n  const [variantDetail,setVariantDetail]=useState(false)\n  const [currency,setCurrency]=useState(null)\n  const dispatch=useDispatch()\n\n  const { addCart, getCart, extractionCart,incrementCart,decrementCart } = useCartRequests();\n  const width=useWindowDimensions().width\n\n  const getBasket=()=>{\n    getCart().then(res=>{\n      dispatch(setBasket(res.data.cart))\n    })\n  }\n  \n  const increment = async (ct=count) => {\n    if (!data.inStock) {\n      return;\n    }\n    addCart([{ id: data.id, count: ct }])\n      .then((response) => {\n        getBasket();\n        toast.success(response.data.message, {\n          position:\n            width > 1140\n              ? toast.POSITION.BOTTOM_RIGHT\n              : toast.POSITION.TOP_RIGHT,\n          closeOnClick: false,\n          pauseOnHover: false,\n          pauseOnFocusLoss: false,\n          draggable: false,\n        });\n        setCount(1);\n      })\n      .catch((error) => {\n        if (error.response != undefined) {\n          toast.error(error.response.data.message, {\n            position: toast.POSITION.BOTTOM_RIGHT,\n            closeOnClick: false,\n            pauseOnHover: false,\n            pauseOnFocusLoss: false,\n            draggable: false,\n          });\n        }\n      });\n  };\n  \n  const handleChange=async(e)=>{\n    setCount(e.target.value)\n  }\n\n  const getCurrency=()=>{\n    axios({url:'https://finans.truncgil.com/v3/today.json',headers: {\n        'Content-Type': 'application/json',\n        'Access-Control-Allow-Origin': '*',\n        'Access-Control-Allow-Methods': 'GET,PUT,POST,DELETE,PATCH,OPTIONS',\n      }}).then(res=>{\n      setCurrency(res.data)\n    })\n  }\n  \n  useEffect(()=>{\n    if(currency==null){\n      getCurrency()\n    }\n  },[currency])\n\n  useEffect(()=>{\n    setProductImages(data.images.map(x=>{\n              return {src:x,loading:'lazy',alt:'deha'}\n            }))\n    setCurrentIndex(0)\n    setCount(1)\n    \n  },[data])\n\n  const removeItem = async(id) => {\n    const newbasket = await basket.filter((sub) => {\n        return sub.productId !== id;\n      });\n      extractionCart(id)\n        .then((response) => {\n          dispatch(setBasket(newbasket));\n        })\n        .catch((error) => {\n          toast.error(error.response.data.message);\n          console.log(error.response);\n        });\n  }\n\n  const incrementItem = async() => {\n    const newbasket = await basket.map((sub) => {\n      if (sub.id === data.id) {\n        return {\n          ...sub,\n          quantity: sub.quantity + 1,\n          total: sub.total + sub.price * 1,\n        };\n      }\n      return sub;\n    });\n\n    incrementCart(data.id, 1)\n      .then((response) => {\n        dispatch(setBasket(newbasket));\n        setMobileCount(mobileCount + 1);\n      })\n      .catch((error) => {\n        console.log(error.response);\n        toast.error(error.response.data.message);\n      });\n  }\n  const decrementItem = async() => {\n    const newbasket = await basket.map((sub) => {\n      if (sub.id === data.id) {\n        return {\n          ...sub,\n          quantity: sub.quantity - 1,\n          total: sub.total - sub.price * 1,\n        };\n      }\n      return sub;\n    });\n    decrementCart(data.id, 1)\n      .then((response) => {\n        dispatch(setBasket(newbasket));\n        setMobileCount(mobileCount - 1);\n      })\n      .catch((error) => {\n        toast.error(error.response.data.message);\n        console.log(error.response);\n      });\n  }\n  const location=useLocation()  \n  return (\n    <DetailContainer>\n      <Helmet>\n        <title>{data.title} - Ulusoyspor</title>\n        <link\n          rel=\"canonical\"\n          href={\"https://ulusoyspor.com.tr/urun/\" + data.slug}\n        />\n        <meta property=\"og:type\" content=\"website\" />\n        <meta http-equiv=\"Content-Type\" content=\"text/html; charset=UTF-8\" />\n        <meta\n          property=\"og:url\"\n          content={\"https://ulusoyspor.com.tr/urun/\" + data.slug}\n        />\n        <meta property=\"og:title\" content={data.title + \" - Ulusoyspor\"} />\n        <meta property=\"twitter:title\" content={data.title + \" - Ulusoyspor\"} />\n        <meta\n          property=\"og:description\"\n          content={\n            data.title + \" , \" + data.description3 + \" , \" + data.description\n          }\n        />\n        <meta\n          property=\"twitter:description\"\n          content={\n            data.title + \" , \" + data.description3 + \" , \" + data.description\n          }\n        />\n        <meta name=\"twitter:card\" content=\"summary_large_image\" />\n        <meta\n          name=\"keywords\"\n          content={\n            \"\" +\n            data.title +\n            \", \" +\n            data.brand +\n            \", \" +\n            data.group +\n            \", \" +\n            data.subGroup +\n            \", \" +\n            data.subSubGroup +\n            \", \" +\n            data.description3 +\n            \", \" +\n            data.description +\n            \", Ulusoyspor\"\n          }\n        />\n        <meta property=\"og:image\" content={data.images[0]} />\n        <meta property=\"twitter:image\" content={data.images[0]} />\n      </Helmet>\n      <div className=\"detail-header\">\n        <div\n          className=\"go-back-btn\"\n          onClick={() => {\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          <FontAwesomeIcon icon={faAngleLeft} />\n          <span>Önceki Sayfaya Dön</span>\n        </div>\n        {/* <div className=\"detail-nav\">\n          <Link to={\"/kategori/\" + data.groupSlug}>{data.group}</Link>/\n          <Link to={\"/kategori/\" + data.subGroupSlug}>{data.subGroup}</Link>/\n          <Link to={\"/kategori/\" + data.subSubGroupSlug}>\n            {data.subSubGroup}\n          </Link>\n        </div> */}\n\n        <div className=\"title\">\n          {/* <h1 style={{ color: \"#000\" }}>{data.barcode}</h1> */}\n        </div>\n      </div>\n\n      <div className=\"product\">\n        <div className=\"product-image\">\n          <Lightbox\n            isOpen={openedBox}\n            onPrev={gotoPrevious}\n            className=\"lightbox-image-box\"\n            onNext={gotoNext}\n            images={productImages}\n            currentIndex={currentImageIndex}\n            onClose={() => setOpenedBox(false)}\n            style={{ background: \"#fff\",zIndex:9999 }}\n            renderNextButton={() => (\n              <SwapButton\n                onClick={gotoNext}\n                className=\"image-swap-button right\"\n              >\n                <svg\n                  stroke=\"currentColor\"\n                  fill=\"currentColor\"\n                  stroke-width=\"0\"\n                  viewBox=\"0 0 24 24\"\n                  height=\"35\"\n                  width=\"35\"\n                  xmlns=\"http://www.w3.org/2000/svg\"\n                >\n                  <path d=\"M10.707 17.707 16.414 12l-5.707-5.707-1.414 1.414L13.586 12l-4.293 4.293z\"></path>\n                </svg>\n              </SwapButton>\n            )}\n            renderPrevButton={() => (\n              <SwapButton\n                onClick={gotoPrevious}\n                className=\"image-swap-button left\"\n              >\n                <svg\n                  stroke=\"currentColor\"\n                  fill=\"currentColor\"\n                  stroke-width=\"0\"\n                  viewBox=\"0 0 24 24\"\n                  height=\"35\"\n                  width=\"35\"\n                  xmlns=\"http://www.w3.org/2000/svg\"\n                >\n                  <path d=\"M13.293 6.293 7.586 12l5.707 5.707 1.414-1.414L10.414 12l4.293-4.293z\"></path>\n                </svg>\n              </SwapButton>\n            )}\n            renderHeader={() => (\n              <button\n                onClick={() => setOpenedBox(false)}\n                className=\"light-close\"\n              >\n                <svg\n                  stroke=\"currentColor\"\n                  fill=\"currentColor\"\n                  stroke-width=\"0\"\n                  viewBox=\"0 0 24 24\"\n                  height=\"35\"\n                  width=\"35\"\n                  xmlns=\"http://www.w3.org/2000/svg\"\n                >\n                  <path fill=\"none\" d=\"M0 0h24v24H0z\"></path>\n                  <path d=\"M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z\"></path>\n                </svg>\n              </button>\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          <ProductImage\n            openedBox={openedBox}\n            setOpenedBox={setOpenedBox}\n            setCurrentIndex={setCurrentIndex}\n            currentImageIndex={currentImageIndex}\n            items={data.images}\n            rotate={data.model}\n          />\n          {data.description3 != null ? (\n            <div className=\"product-asorti\">\n              <div>\n                <div\n                  style={{\n                    display: \"flex\",\n                    marginTop: 30,\n                    alignItems: \"center\",\n                    background: \"rgba(02,0,0,.1)\",\n                    padding: 10,\n                    width:\n                      200 +\n                      data.description3.replace(\"Asorti:\", \"\").split(\" \")\n                        .length *\n                        50,\n                  }}\n                >\n                  <div style={{ width: 100, textAlign: \"center\" }}>BEDEN</div>\n                  {data.description3\n                    .replace(\"Asorti:\", \"\")\n                    .split(\" \")\n                    .map((x) => {\n                      return (\n                        <div style={{ width: 50, textAlign: \"center\" }}>\n                          <span>{x.split(\":\")[0]}</span>\n                        </div>\n                      );\n                    })}\n                  <div style={{ width: 100, textAlign: \"center\" }}>TOPLAM</div>\n                </div>\n\n                <div\n                  style={{\n                    display: \"flex\",\n                    background: \"rgba(02,0,0,.1)\",\n                    padding: 10,\n                    width:\n                      200 +\n                      data.description3.replace(\"Asorti:\", \"\").split(\" \")\n                        .length *\n                        50,\n                  }}\n                >\n                  <div style={{ width: 100, textAlign: \"center\" }}>ADET</div>\n                  {data.description3\n                    .replace(\"Asorti:\", \"\")\n                    .split(\" \")\n                    .map((x) => {\n                      return (\n                        <div style={{ width: 50, textAlign: \"center\" }}>\n                          <span>{x.split(\":\")[1]}</span>\n                        </div>\n                      );\n                    })}\n                  <div style={{ width: 100, textAlign: \"center\" }}>\n                    {data.unit2coefficient}\n                  </div>\n                </div>\n              </div>\n            </div>\n          ) : (\n            <></>\n          )}\n        </div>\n\n        <div\n          className={\n            \"product-store \" + (data.inStock == false ? \"notstock\" : \"\")\n          }\n        >\n          <span className=\"varitants variant-mobile\" style={{ fontSize: 15 }}>\n            {\" \"}\n            Renkler{\" \"}\n          </span>\n          <div className=\"varitants variant-mobile\">\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                  <div\n                    onClick={() => history.push(\"/urun/\" + x.slug)}\n                    key={x.slug + \"ded\"}\n                    className={\n                      \"variant-item \" + (data.slug == x.slug ? \"active\" : \"\")\n                    }\n                  >\n                    <div\n                      className=\"image\"\n                      style={{ backgroundImage: `url(${x.image})` }}\n                    ></div>\n                  </div>\n                );\n              })}\n\n            {data.variantProducts.length > 5 && !variantDetail ? (\n              <div className=\"variant-item\">\n                <div\n                  onClick={() => {\n                    setVariantDetail(true);\n                  }}\n                  className=\"image\"\n                  style={{\n                    display: \"flex\",\n                    justifyContent: \"center\",\n                    alignItems: \"center\",\n                    flexDirection: \"column\",\n                  }}\n                >\n                  <span style={{ fontSize: 30 }}>\n                    +{data.variantProducts.length - 5}\n                  </span>\n                  <span style={{ fontSize: 14 }}>Renk Daha</span>\n                </div>\n              </div>\n            ) : (\n              <></>\n            )}\n          </div>\n\n          {/* <div className=\"product-stock\">{data.stockText}</div> */}\n\n          <div className=\"product-title\">{data.title}</div>\n          <div\n            className=\"product-brand\"\n            onClick={() => history.push(\"/marka/\" + data.brandSlug)}\n          ></div>\n\n          <div className=\"product-informations\">\n            <div className=\"info-item\">\n              <div className=\"title\">Stok Kodu</div>\n              <div className=\"desc\">{data.code}</div>\n            </div>\n\n            <div className=\"info-item\">\n              <div className=\"title\">Markası</div>\n              <div\n                className=\"desc\"\n                style={{\n                  fontWeight: \"bold\",\n                  cursor: \"pointer\",\n                  color: \"#ff9f43\",\n                }}\n                onClick={() => {\n                  history.push(\"/marka/\" + data.brandSlug);\n                }}\n              >\n                {data.brand}\n              </div>\n            </div>\n\n            <div className=\"info-item\">\n              <div className=\"title\">Kategorisi</div>\n              <div\n                className=\"desc\"\n                style={{\n                  fontWeight: \"bold\",\n                  cursor: \"pointer\",\n                  color: \"#ff9f43\",\n                }}\n                onClick={() => {\n                  history.push(\"/kategori/\" + data.groupSlug);\n                }}\n              >\n                {data.group}\n              </div>\n            </div>\n            <div className=\"info-item\">\n              <div className=\"title\">Tür</div>\n              <div className=\"desc\">\n                {data.description4 != null\n                  ? data.description4.replace(\"Taban:\", \"\")\n                  : \"\"}\n              </div>\n            </div>\n            <div className=\"info-item\">\n              <div className=\"title\">Mevcut</div>\n              <div className=\"desc\">\n                {data.availableStock >= 80 ? \"80+\" : data.availableStock} Çift\n              </div>\n            </div>\n          </div>\n\n          <div className=\"varitants variant-web\">\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                  <div\n                    onClick={() => history.push(\"/urun/\" + x.slug)}\n                    key={x.slug + \"ded\"}\n                    className={\n                      \"variant-item \" + (data.slug == x.slug ? \"active\" : \"\")\n                    }\n                  >\n                    <div\n                      className=\"image\"\n                      style={{ backgroundImage: `url(${x.image})` }}\n                    ></div>\n                  </div>\n                );\n              })}\n\n            {data.variantProducts.length > 5 && !variantDetail ? (\n              <div className=\"variant-item\">\n                <div\n                  onClick={() => {\n                    setVariantDetail(true);\n                  }}\n                  className=\"image\"\n                  style={{\n                    display: \"flex\",\n                    justifyContent: \"center\",\n                    alignItems: \"center\",\n                    flexDirection: \"column\",\n                  }}\n                >\n                  <span style={{ fontSize: 30 }}>\n                    +{data.variantProducts.length - 5}\n                  </span>\n                  <span style={{ fontSize: 14 }}>Renk Daha</span>\n                </div>\n              </div>\n            ) : (\n              <></>\n            )}\n          </div>\n          {/* <div className=\"price-list\">\n            <div className=\"product-price adet\">\n              ADET <span style={{ marginRight: 15 }}></span>\n              <Currency>{data.price}</Currency>\n            </div>\n\n            <div className=\"product-price\" style={{ marginLeft: 20 }}>\n              <Currency>{data.salePrice * count}</Currency>\n              <span\n                style={{ fontWeight: \"normal\", fontSize: 15, marginLeft: 10 }}\n              >\n                + KDV\n              </span>\n            </div>\n          </div> */}\n          {data.description3 != null && (\n            <div className=\"product-asorti-mobile\">\n              <div>\n                <div\n                  style={{\n                    display: \"flex\",\n                    marginTop: 30,\n                    alignItems: \"center\",\n                    background: \"rgba(02,0,0,.1)\",\n                    padding: 10,\n                    width:\n                      200 +\n                      data.description3.replace(\"Asorti:\", \"\").split(\" \")\n                        .length *\n                        50,\n                  }}\n                >\n                  <div style={{ width: 100, textAlign: \"center\" }}>BEDEN</div>\n                  {data.description3\n                    .replace(\"Asorti:\", \"\")\n                    .split(\" \")\n                    .map((x) => {\n                      return (\n                        <div style={{ width: 50, textAlign: \"center\" }}>\n                          <span>{x.split(\":\")[0]}</span>\n                        </div>\n                      );\n                    })}\n                  <div style={{ width: 100, textAlign: \"center\" }}>TOPLAM</div>\n                </div>\n\n                <div\n                  style={{\n                    display: \"flex\",\n                    background: \"rgba(02,0,0,.1)\",\n                    padding: 10,\n                    width:\n                      200 +\n                      data.description3.replace(\"Asorti:\", \"\").split(\" \")\n                        .length *\n                        50,\n                  }}\n                >\n                  <div style={{ width: 100, textAlign: \"center\" }}>ADET</div>\n                  {data.description3\n                    .replace(\"Asorti:\", \"\")\n                    .split(\" \")\n                    .map((x) => {\n                      return (\n                        <div style={{ width: 50, textAlign: \"center\" }}>\n                          <span>{x.split(\":\")[1]}</span>\n                        </div>\n                      );\n                    })}\n                  <div style={{ width: 100, textAlign: \"center\" }}>\n                    {data.unit2coefficient}\n                  </div>\n                </div>\n              </div>\n            </div>\n          )}\n\n          <div\n            className=\"price-box\"\n            // style={{  }}\n          >\n            {localStorage.getItem(\"ulusoytoken\") != null ? (\n              <>\n                <div className=\"counter-top-price\">\n                  <span>Adet</span>\n                  <Currency>{data.price}</Currency>\n                </div>\n                <div className=\"counter-top-price\">\n                  <span>Koli</span>\n                  <Currency>{data.salePrice * count}</Currency>\n                </div>\n                <div style={{ width: \"100%\", textAlign: \"center\" }}>\n                  {count * data.unit2coefficient} {\" Çift \"}\n                </div>\n                <div className=\"counter\">\n                  <Button\n                    variant=\"contain\"\n                    onClick={() =>\n                      setCount(count * 1 - 1 < 1 ? 1 : count * 1 - 1)\n                    }\n                    className={`buttons ${data.quantity == 1 ? \"delete\" : \"\"}`}\n                  >\n                    <FontAwesomeIcon\n                      icon={data.quantity == 1 ? faTrashAlt : faMinus}\n                    />{\" \"}\n                  </Button>\n                  <div className=\"input\">\n                    <input type=\"text\" onChange={handleChange} value={count} />\n                    <span>{data.unit2}</span>\n                  </div>\n                  <Button\n                    variant=\"contain\"\n                    disabled={\n                      count >= data.availableStock / data.unit2coefficient\n                        ? true\n                        : false\n                    }\n                    onClick={() => setCount(count * 1 + 1)}\n                    className=\"buttons\"\n                  >\n                    <FontAwesomeIcon icon={faPlus} />{\" \"}\n                  </Button>\n                </div>\n\n                <div className=\"add-basket\">\n                  <Button onClick={() => increment(count)} variant=\"contain\">\n                    {\" \"}\n                    <span>\n                      <FontAwesomeIcon icon={faShoppingCart} />\n                    </span>{\" \"}\n                    <span style={{ fontSize: 14 }}>Sepete Ekle</span>\n                  </Button>\n                </div>\n              </>\n            ) : (\n              <>\n                <div style={{ fontSize: 13, marginBottom: 10 }}>\n                  Fiyatları görmek ve sipariş vermek için{\" \"}\n                </div>\n                <div className=\"add-basket\">\n                  <Button\n                    onClick={() => history.push(\"/giris-yap\")}\n                    variant=\"contain\"\n                  >\n                    {\" \"}\n                    <span>\n                      <FontAwesomeIcon icon={faSignInAlt} />\n                    </span>{\" \"}\n                    <span style={{ fontSize: 14 }}>Giriş Yap</span>\n                  </Button>\n                </div>\n              </>\n            )}\n          </div>\n          <div\n            className=\"mobile-price-box\"\n            // style={{  }}\n          >\n            {localStorage.getItem(\"ulusoytoken\") != null ? (\n              <>\n                <div className=\"prices\">\n                  <div className=\"simple-price\">\n                    <span>Adet</span>\n                    <span>\n                      <Currency>{data.price}</Currency>\n                    </span>\n                  </div>\n                  <div className=\"simple-price\">\n                    <span>\n                      {basket != undefined &&\n                      basket != null &&\n                      basket.length > 0 &&\n                      basket.find((x) => x.productId == data.id) != null\n                        ? basket.find((x) => x.productId == data.id).quantity\n                        : \"\"}{\" \"}\n                      Koli\n                    </span>\n                    <span>\n                      {\" \"}\n                      <Currency>{data.salePrice * mobileCount}</Currency>\n                    </span>\n                  </div>\n                </div>\n                <div className=\"mobile-action\">\n                  {basket != null &&\n                  basket != undefined &&\n                  basket.length > 0 &&\n                  basket.filter((x) => x.productId == data.id).length != 0 ? (\n                    <>\n                      <Button\n                        variant=\"contain\"\n                        onClick={() => {\n                          if (mobileCount == 1) {\n                            removeItem(data.id);\n                          } else {\n                            decrementItem();\n                          }\n                        }}\n                        className={`buttons ${\n                          mobileCount == 1 ? \"delete\" : \"\"\n                        }`}\n                      >\n                        <FontAwesomeIcon\n                          icon={mobileCount == 1 ? faTrashAlt : faMinus}\n                        />{\" \"}\n                      </Button>\n                      <div className=\"input\">\n                        <input\n                          type=\"text\"\n                          onChange={handleChange}\n                          value={mobileCount}\n                        />\n                        {/* <span>{data.unit2}</span> */}\n                      </div>\n                      <Button\n                        variant=\"contain\"\n                        disabled={\n                          mobileCount >=\n                          data.availableStock / data.unit2coefficient\n                            ? true\n                            : false\n                        }\n                        onClick={() => incrementItem()}\n                        className=\"buttons\"\n                      >\n                        <FontAwesomeIcon icon={faPlus} />{\" \"}\n                      </Button>\n                    </>\n                  ) : (\n                    <div className=\"mobile-add\">\n                      <button\n                        onClick={(e) => {\n                          e.preventDefault();\n                          increment(mobileCount);\n                        }}\n                      >\n                        <FontAwesomeIcon icon={faCartPlus} />\n                        <span>Sepete Ekle</span>\n                      </button>\n                    </div>\n                  )}\n                </div>\n\n                {/* <div style={{ width: \"100%\", textAlign: \"center\" }}>\n                  {count * data.unit2coefficient} {\" Çift \"}\n                </div> */}\n                {/* <div className=\"mobile-counter\">\n                  <Button\n                    variant=\"contain\"\n                    onClick={() =>\n                      setCount(count * 1 - 1 < 1 ? 1 : count * 1 - 1)\n                    }\n                    className={`buttons ${data.quantity == 1 ? \"delete\" : \"\"}`}\n                  >\n                    <FontAwesomeIcon\n                      icon={data.quantity == 1 ? faTrashAlt : faMinus}\n                    />{\" \"}\n                  </Button>\n                  <div className=\"input\">\n                    <input type=\"text\" onChange={handleChange} value={count} />\n                    <span>{data.unit2}</span>\n                  </div>\n                  <Button\n                    variant=\"contain\"\n                    disabled={\n                      count >= data.availableStock / data.unit2coefficient\n                        ? true\n                        : false\n                    }\n                    onClick={() => setCount(count * 1 + 1)}\n                    className=\"buttons\"\n                  >\n                    <FontAwesomeIcon icon={faPlus} />{\" \"}\n                  </Button>\n                </div>\n\n                <div className=\"add-basket\">\n                  <Button onClick={increment} variant=\"contain\">\n                    {\" \"}\n                    <span>\n                      <FontAwesomeIcon icon={faShoppingCart} />\n                    </span>{\" \"}\n                    <span style={{ fontSize: 14 }}>Sepete Ekle</span>\n                  </Button>\n                </div> */}\n              </>\n            ) : (\n              <>\n                <div style={{ fontSize: 13, marginBottom: 10 }}>\n                  Fiyatları görmek ve sipariş vermek için{\" \"}\n                </div>\n                <div className=\"add-basket\">\n                  <Button\n                    onClick={() => history.push(\"/giris-yap\")}\n                    variant=\"contain\"\n                  >\n                    {\" \"}\n                    <span>\n                      <FontAwesomeIcon icon={faSignInAlt} />\n                    </span>{\" \"}\n                    <span style={{ fontSize: 14 }}>Giriş Yap</span>\n                  </Button>\n                </div>\n              </>\n            )}\n          </div>\n        </div>\n      </div>\n\n      <div className=\"product-information\">\n        {/* <h3>Ürün Açıklaması</h3> */}\n\n        {/* <div\n          dangerouslySetInnerHTML={{\n            __html: (data.eTradeDescription || \"\")\n              .replace(\"<[OZELLIK]>\", \"\")\n              .replace(\"<[ACIKLAMA]>\", \"\")\n              .replace(\"<[TARIF]>\", \"\")\n              .replace(\"<[SURELER]>\", \"\"),\n          }}\n        /> */}\n\n        <p>\n          {/* {data.description}. {data.description2}. {data.description3}.{\" \"}\n          {data.description4} */}\n        </p>\n\n        <div className=\"property\"></div>\n      </div>\n    </DetailContainer>\n  );\n}\n","import React,{useState,useEffect} from 'react'\nimport {SlideProductContainer} from '../styles/Home'\nimport SlideProducts from '../components/Slider/Products'\nimport Header from '../components/Navigation/Header'\nimport BottomNav from '../components/Navigation/Bottom'\nimport Footer from '../components/Navigation/Footer'\nimport \"react-activity/dist/Sentry.css\";\nimport ContentLoader from \"react-content-loader\"\nimport {useProductRequests} from '../helpers/ProductRequests'\nimport { useHistory,useParams } from 'react-router-dom'\n\nimport { Sentry } from \"react-activity\";\nimport ProductDetail from '../components/Content/ProductDetail';\nimport { Helmet } from 'react-helmet'\n\nexport default function Product(props) {\n\n  const {slug} = useParams()\n\n  \n  const {getDiscover,getProduct} = useProductRequests()\n  \n  const history=useHistory()\n\n  const [product,setProduct] = useState(null)\n\n  const [discover,setDiscover]=useState([])\n  const [oldSlug,setOldSlug]=useState(null)\n  useEffect(() => {\n    \n    if(discover.length===0){\n\n      getDiscover({page:1,count:20,sort:'RANDOM',sortedBy:''}).then((response)=>{\n        setDiscover(response.data.data.items)\n      }).catch((error)=>{\n        console.log(\"error\",error)\n      })\n\n    }\n\n    if((oldSlug==null && product==null) || (oldSlug!=null && slug!=oldSlug)){\n      getProduct(slug).then((response)=>{\n        setProduct(response.data.data)      \n      }).catch((error)=>{\n        setProduct('empty')\n        console.log(\"error\",error)\n      })\n      setOldSlug(slug)\n      window.scrollTo(0, 0);\n\n    }\n\n  }, [slug])\n\n  \n\n  return (\n    <>\n      \n      <Header/>\n      \n      {\n        product==null ?\n        <div className='loader'>\n          <Helmet>\n            <title>Yükleniyor...</title>\n          </Helmet>\n          <Sentry color={\"#a30711\"} size={230} />\n        </div>\n        :\n        product==='empty' ?\n        <div className='loader'>\n          <Helmet>\n          <title>Ürün Bulunamadı</title>\n        </Helmet>\n          <h1>Ürün bulunamadı!</h1>\n        </div>\n        :\n        <ProductDetail data={product} />\n      }\n\n      <div>\n\n        <SlideProductContainer width={'90%'} left={'5%'}>\n          <h1 onClick={()=>history.push('/kesfet')}>Keşfet</h1>\n          {\n            discover.length > 0 ?\n            <SlideProducts  items={discover} />\n            :\n            <div className=\"loader\">\n              {/* <ContentLoader speed={0.5} width={221} height={300} style={{marginRight: '20px'}} backgroundColor=\"#f3f3f3\" foregroundColor=\"#ecebeb\" {...props} ><rect x=\"0\" y=\"0\" rx=\"0\" ry=\"0\" width=\"221\" height=\"250\" /><rect x=\"0\" y=\"260\" rx=\"3\" ry=\"3\" width=\"221\" height=\"10\" /><rect x=\"0\" y=\"275\" rx=\"3\" ry=\"3\" width=\"221\" height=\"10\" /><rect x=\"0\" y=\"290\" rx=\"3\" ry=\"3\" width=\"221\" height=\"10\" /></ContentLoader>\n              <ContentLoader speed={0.5} width={221} height={300} style={{marginRight: '40px'}} backgroundColor=\"#f3f3f3\" foregroundColor=\"#ecebeb\"  {...props} ><rect x=\"0\" y=\"0\" rx=\"0\" ry=\"0\" width=\"221\" height=\"250\" /><rect x=\"0\" y=\"260\" rx=\"3\" ry=\"3\" width=\"221\" height=\"10\" /><rect x=\"0\" y=\"275\" rx=\"3\" ry=\"3\" width=\"221\" height=\"10\" /><rect x=\"0\" y=\"290\" rx=\"3\" ry=\"3\" width=\"221\" height=\"10\" /> </ContentLoader>\n              <ContentLoader speed={0.5} width={221} height={300} style={{marginRight: '40px'}} backgroundColor=\"#f3f3f3\" foregroundColor=\"#ecebeb\"  {...props} ><rect x=\"0\" y=\"0\" rx=\"0\" ry=\"0\" width=\"221\" height=\"250\" /><rect x=\"0\" y=\"260\" rx=\"3\" ry=\"3\" width=\"221\" height=\"10\" /><rect x=\"0\" y=\"275\" rx=\"3\" ry=\"3\" width=\"221\" height=\"10\" /><rect x=\"0\" y=\"290\" rx=\"3\" ry=\"3\" width=\"221\" height=\"10\" /> </ContentLoader>\n              <ContentLoader speed={0.5} width={221} height={300} style={{marginRight: '40px'}} backgroundColor=\"#f3f3f3\" foregroundColor=\"#ecebeb\"  {...props} ><rect x=\"0\" y=\"0\" rx=\"0\" ry=\"0\" width=\"221\" height=\"250\" /><rect x=\"0\" y=\"260\" rx=\"3\" ry=\"3\" width=\"221\" height=\"10\" /><rect x=\"0\" y=\"275\" rx=\"3\" ry=\"3\" width=\"221\" height=\"10\" /><rect x=\"0\" y=\"290\" rx=\"3\" ry=\"3\" width=\"221\" height=\"10\" /> </ContentLoader>\n              <ContentLoader speed={0.5} width={221} height={300} style={{marginRight: '40px'}} backgroundColor=\"#f3f3f3\" foregroundColor=\"#ecebeb\"  {...props} ><rect x=\"0\" y=\"0\" rx=\"0\" ry=\"0\" width=\"221\" height=\"250\" /><rect x=\"0\" y=\"260\" rx=\"3\" ry=\"3\" width=\"221\" height=\"10\" /><rect x=\"0\" y=\"275\" rx=\"3\" ry=\"3\" width=\"221\" height=\"10\" /><rect x=\"0\" y=\"290\" rx=\"3\" ry=\"3\" width=\"221\" height=\"10\" /> </ContentLoader>\n               */}\n            </div>\n          }\n          \n        </SlideProductContainer> \n        \n\n      \n      </div>\n\n      <BottomNav/>\n\n      <Footer/>\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 AnotherItem({ item, selected, setSelected, getProductReq }) {\n  return (\n    <>\n      <div\n        onClick={() => {\n          if (selected.includes(item.key)) {\n            setSelected(selected.filter((x) => x != item.key));\n          } else {\n            setSelected([...selected, item.key]);\n          }\n          setTimeout(() => {\n            getProductReq();\n          }, 200);\n        }}\n        className={\"category-sub-item \"}\n      >\n        <span\n          style={{ marginLeft:-40 }}\n          className={\n            \"check-box \" + (selected.includes(item.key) ? \"checked\" : \"\")\n          }\n        >\n          <span>\n            <FontAwesomeIcon icon={faCheck} />\n          </span>\n        </span>\n        <div className=\"name\">\n          <span>{item.name}</span>\n          {/* <span style={{ fontSize: 12 }}></span> */}\n        </div>\n      </div>\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 { faAngleDown, faAngleLeft, faAngleRight, faAngleUp, faArrowLeft, faArrowRight, faBarcode, faBars, faCheck, faFilePdf, faFilter, faPalette, faSearch, faSlidersH, faStarHalfAlt, faTimes } 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 { setProducts, setCategories,setPage,setLoading,setAllData,setSelected,setBrands,setSelectedBrands,setColors,setSoles,setCurrentIndex,setSelectedColors,setSelectedSoles,setMinPrice,setMaxPrice,setFilterOpen,setBrandOpen,setColorOpen,setSort,setBrandSearchTxt,setOpenedBox,setColorSearchTxt } from '../components/stores/Product'\nimport AnotherItem from '../components/Content/Category/FilterGroup/AnotherItem'\nexport default function Category(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 location = useLocation();\n\n  const width = useWindowDimensions().width;\n  const { slug } = useParams();\n\n\n  const { getProducts, getCategories, getBrands, getColors, getSpecialCodes } =\n    useProductRequests();\n\n  const simpleCount=30\n  const [opened, setOpened] = useState(\"\");\n  const [open, setOpen] = useState(width<1140 ? false :true);\n  const [backed,setBacked]=useState(false)\n\n  const [selectedAnotherFilters, setSelectedAnotherFilters] = useState([]);\n  useEffect(() => {\n\n    if( (location.state==undefined || (location.state.back==undefined || location.state.back==null)) || (location.state!=undefined && location.state.sub!=undefined) || 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([slug]));\n        if (\n          res.data.data.filter(\n            (x) => x.subGroups.filter((y) => y.slug == slug).length > 0\n          ).length != 0\n        ) {\n          dispatch(\n            setCategories(\n              res.data.data.filter(\n                (x) => x.subGroups.filter((y) => y.slug == slug).length > 0\n              )\n            )\n          );\n        } else {\n          dispatch(setCategories(res.data.data.filter((x) => x.slug == slug)));\n        }\n      });\n     \n      \n    }\n    \n  }, [slug]);\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              location.state != undefined && location.state.sub != undefined\n                ? location.state.sub\n                : slug,\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      productOfSupplier:selectedAnotherFilters.includes('productOfSupplier') ? true : false\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({\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                : slug,\n            ]\n          : selected,\n      brandSlugList: selectedBrands,\n      sort: sort.sort,\n      sortedBy: sort.sortedBy,\n      betweenPrices: minPrice == null && maxPrice == null ? false : true,\n      productOfSupplier:selectedAnotherFilters.includes('productOfSupplier') ? true : false,\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((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\n    \n  \n  },[selected])\n\n  useEffect(() => {\n    getColors({\n      groupSlugList: selected.length == 0 ? [slug] : 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({\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                : slug,\n            ]\n          : selected,\n      brandSlugList: selectedBrands,\n      sort: sort.sort,\n      sortedBy: sort.sortedBy,\n      betweenPrices: minPrice == null && maxPrice == null ? false : true,\n      productOfSupplier:selectedAnotherFilters.includes('productOfSupplier') ? true : false,\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\n  },[selectedBrands,selectedColors,selectedSoles])\n\n  const getNewPage = (pg) => {\n    if(loading==true){\n      return\n    }\n    dispatch(setLoading(true));\n    getProducts({\n      page: pg,\n      count: simpleCount,\n      specialCodeKey: selectedSoles.length == 0 ? 0 : 2,\n      specialCodeIdList: selectedSoles,\n      colorList: selectedColors,\n      productOfSupplier:selectedAnotherFilters.includes('productOfSupplier') ? true : false,\n      groupSlugList:\n        selected.length == 0\n          ? [\n              location.state != undefined && location.state.sub != undefined\n                ? location.state.sub\n                : slug,\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({\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                  : slug,\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        productOfSupplier:selectedAnotherFilters.includes('productOfSupplier') ? true : false,\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    \n    getSpecialCodes(2).then((res) => {\n      dispatch(setSoles(res.data.data));\n    });\n  },[])\n\n  useEffect(() => {\n    //\n    \n    \n  }, [selected,selectedBrands,selectedColors,selectedSoles,minPrice,maxPrice,sort,page])\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\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 [printOn, setPrintOn] = React.useState(false);\n  const [printHtml, setPrintHtml] = React.useState(\"\");\n  const exportPdf = React.useCallback(async () => {\n    let html = `\n    <html>\n    <head>\n      <meta charset=\"UTF-8\">\n      <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n      <meta http-equiv=\"X-UA-Compatible\" content=\"ie=edge\">    \n      <style>\n        .head,\n        .content {\n          display:flex;\n          justify-content:flex-start;\n          align-items:center;\n          width: 100%;\n        }\n        .head div,\n        .content div {\n          border: 1px solid #616161;\n          font-size: 12px;\n          text-align: center;\n        }\n        .content div {\n          min-height: ${250}px;\n          display:flex;\n          justify-content:center;\n          align-items:center;\n        }\n        .content img {\n          width:250px;\n          height: ${250}px;\n        }\n        .content div:nth-child(3),\n        .head div:nth-child(3) {\n          max-width: 450px;\n          text-align: left; /* Adjust alignment for the product name */\n        }\n      </style>  \n    </head>\n    <body>\n      <div class=\"head\">\n        <div style=\"width: 250px;min-width: 250px;\">###</div>\n        <div style=\"width: 140px;min-width: 140px;\">Stokkodu</div>\n        <div style=\"width: 100%;\">Stokadı</div>\n        <div style=\"width: 110px;min-width: 110px;\">Mevcut</div>\n        <div style=\"width: 100px;min-width: 100px;\">Adet Fiyatı</div>\n      </div>\n    `;\n\n    const set = await products?.map((product, index) => {\n      html += `<div class=\"content\">\n      <div style=\"width: 250px;\">${\n        product.image != null && product.image != \"\"\n          ? `<img src=\"${product?.image}\" />`\n          : ``\n      }</div>\n      <div style=\"width: 140px;min-width: 140px;\">${product?.code}</div>\n      <div style=\"width: 100%;\">${product?.title}</div>\n      <div style=\"width: 110px;min-width: 110px;\">${\n        product?.availableStock / product?.unit2coefficient\n      } <br/>Koli(8)</div>\n      <div style=\"width: 100px;min-width: 100px;\">${product?.price}₺</div>\n    </div>`;\n    });\n    html += `<script>\n    setTimeout(() => {\n      window.print();\n    },400)\n    </script></body>\n    </html>\n    `;\n    setPrintOn(true);\n    setPrintHtml(html);\n    setTimeout(() => {\n      setPrintOn(false);\n      setPrintHtml(\"\");\n    }, 5500);\n  }, [products]);\n\n  return (\n    <>\n      {printOn && printHtml != null ? (\n        <div\n          style={{\n            position: \"fixed\",\n            zIndex: -11,\n            top: \"-1000vh\",\n            left: \"-10000vw\",\n          }}\n        >\n          <iframe srcDoc={printHtml}></iframe>\n        </div>\n      ) : (\n        <></>\n      )}\n      {categories.length > 0 ? (\n        <Helmet>\n          <title>\n            Toptan {categories[0].name} Ürünleri Toptan Spor Ayakkabı , Ulusoy\n            Toptan Ayakkabı\n          </title>\n          <meta\n            name=\"description\"\n            content={\n              \" Toptan \" +\n              categories[0].name +\n              \" Ürünleri Toptan Spor Ayakkabı , Ulusoy Toptan Ayakkabı Ulusoyspor , Ulusoy spor ayakkabı , Toptan spor ayakkabı ,Toptan ayakkabı, Aradığınız en moda ve güncel ayakkabı modelleri ulusoyspor adresinde, Kadın , Erkek, Garson , Filet, Patik, ve Bebe Kategorilerindeki ürünler sizi bekliyor, Ulusoy Toptan Ayakkabı, Ucuz ayakkabı, uygun ayakkabı, Ulusoyspor b2b\"\n            }\n          />\n          <meta\n            name=\"og:description\"\n            content={\n              \" Toptan \" +\n              categories[0].name +\n              \" Ürünleri Toptan Spor Ayakkabı , Ulusoy Toptan Ayakkabı Ulusoyspor , Ulusoy spor ayakkabı , Toptan spor ayakkabı ,Toptan ayakkabı, Aradığınız en moda ve güncel ayakkabı modelleri ulusoyspor adresinde, Kadın , Erkek, Garson , Filet, Patik, ve Bebe Kategorilerindeki ürünler sizi bekliyor, Ulusoy Toptan Ayakkabı, Ucuz ayakkabı, uygun ayakkabı, Ulusoyspor b2b\"\n            }\n          />\n        </Helmet>\n      ) : (\n        <Helmet>\n          <title>\n            Toptan Ayakkabı Toptan Spor Ayakkabı , Ulusoy Toptan Ayakkabı\n          </title>\n        </Helmet>\n      )}\n\n      <Header />\n      <h1 className=\"analizicin\">\n        {categories.length > 0 && categories[0].name} Kategori Ürünleri - Ulusoy\n        Toptan Ayakkabı{\" \"}\n      </h1>\n      <div className=\"category-img-carousel\">\n        <Carousel\n          disableArrowsOnEnd={true}\n          pagination={false}\n          renderArrow={({ type, onClick, isEdge }) => {\n            const pointer = type === consts.PREV ? faAngleLeft : faAngleRight;\n            return true ? (\n              <div>\n                <button\n                  onClick={onClick}\n                  style={{\n                    background: \"none\",\n                    border: \"none\",\n                    cursor: \"pointer\",\n                    outline: \"none\",\n                    padding: 10,\n                    position: \"absolute\",\n                    top: \"50%\",\n                    transform: \"translateY(-50%)\",\n                    zIndex: 100900,\n                    left: type === consts.PREV ? 0 : \"unset\",\n                    right: type === consts.NEXT ? 0 : \"unset\",\n                  }}\n                >\n                  <FontAwesomeIcon icon={pointer} style={{ fontSize: 30 }} />\n                </button>\n              </div>\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                <div\n                  key={item.id + item.slug}\n                  onClick={() => {\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                  <div\n                    style={{\n                      backgroundSize: \"80%\",\n                      backgroundRepeat: \"no-repeat\",\n                      border: selected.includes(item.slug)\n                        ? \"3px solid #F27A1A\"\n                        : \"1px solid #F5F5F5\",\n                      borderRadius: 1000,\n                      background: \"#F5F5F5\",\n                      display: \"flex\",\n                      justifyContent: \"center\",\n                      alignItems: \"center\",\n                      backgroundPosition: \"center\",\n                      width: 80,\n                      height: 80,\n                      boxShadow:\n                        \"0px 0px \" +\n                        (selected.includes(item.slug) ? \"4\" : \"0\") +\n                        \"px #F27A1A\",\n                    }}\n                  >\n                    <span\n                      className=\"brand-name\"\n                      style={{\n                        fontSize: 16,\n                        backgroundImage: \"url(\" + item.image + \")\",\n                        backgroundRepeat: \"no-repeat\",\n                        width: \"100%\",\n                        border: \"1px solid #F5F5F5\",\n                        height: \"100%\",\n                        backgroundColor: \"#fff\",\n                        borderRadius: 1000,\n                        backgroundSize: \"90%\",\n                        backgroundPosition: \"center\",\n                        color: selected.includes(item.slug)\n                          ? \"#F27A1A\"\n                          : \"#000\",\n                        fontWeight: selected.includes(item.slug)\n                          ? \"bold\"\n                          : \"bold\",\n                      }}\n                    ></span>\n                  </div>\n                  <span style={{ fontSize: 11 }}>{item.name}</span>\n                </div>\n              );\n            });\n          })}\n        </Carousel>\n      </div>\n      <div style={{ width: \"100%\" }}>\n        <div className=\"filters\">\n          <div className=\"left\">\n            {!open && (\n              <div className=\"filter-btn\" onClick={() => setOpen(true)}>\n                <FontAwesomeIcon icon={faSlidersH} /> Filtreler\n              </div>\n            )}\n          </div>\n          <div className=\"right\">\n            {selected.length > 0 ||\n            minPrice != null ||\n            maxPrice != null ||\n            selectedBrands.length > 0 ||\n            selectedColors.length > 0 ||\n            selectedSoles.length > 0 ? (\n              <>\n                <div className=\"filtered-list\">\n                  <div\n                    className=\"filtered-item all-remover\"\n                    key={\"filtergfsed-x-\"}\n                    onClick={() => {\n                      dispatch(setSelectedBrands([]));\n                      dispatch(setSelected([]));\n                      dispatch(setSelectedColors([]));\n                    }}\n                  >\n                    Filtreyi Temizle\n                    <span>x</span>\n                  </div>\n\n                  {selectedBrands.map((x) => {\n                    return (\n                      <div\n                        className=\"filtered-item\"\n                        key={\"filtergfsed-x-\" + x}\n                        onClick={() => {\n                          dispatch(\n                            setSelectedBrands(\n                              selectedBrands.filter((y) => y != x)\n                            )\n                          );\n                        }}\n                      >\n                        {brands.filter((y) => y.slug == x).length < 1\n                          ? \"\"\n                          : brands.filter((y) => y.slug == x)[0].name}{\" \"}\n                        <span>x</span>\n                      </div>\n                    );\n                  })}\n                  {selected.map((x) => {\n                    return (\n                      <div\n                        key={\"filtereddfgd-y-\" + x}\n                        onClick={() => {\n                          dispatch(setSelected(selected.filter((y) => y != x)));\n                        }}\n                        className=\"filtered-item\"\n                      >\n                        {getSlugToName(x)} <span>x</span>\n                      </div>\n                    );\n                  })}\n                  {selectedColors.map((x) => {\n                    return (\n                      <div\n                        key={\"filtered-color-sdfgc\" + x}\n                        onClick={() => {\n                          dispatch(\n                            setSelectedColors(\n                              selectedColors.filter((y) => y != x)\n                            )\n                          );\n                        }}\n                        className=\"filtered-item\"\n                      >\n                        {x}\n                        <span>x</span>\n                      </div>\n                    );\n                  })}\n                  {selectedSoles.map((x) => {\n                    return (\n                      <div\n                        key={\"filtered-sodlfdge-\" + x.id}\n                        onClick={() => {\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                        <span>x</span>\n                      </div>\n                    );\n                  })}\n                  {minPrice != null && (\n                    <div\n                      onClick={() => {\n                        dispatch(setMinPrice(null));\n                      }}\n                      className=\"filtered-item\"\n                    >\n                      En Az {minPrice}₺<span>x</span>\n                    </div>\n                  )}\n                  {maxPrice != null && (\n                    <div\n                      onClick={() => {\n                        dispatch(setMaxPrice(null));\n                      }}\n                      className=\"filtered-item\"\n                    >\n                      En Fazla {maxPrice}₺<span>x</span>\n                    </div>\n                  )}\n                </div>\n              </>\n            ) : (\n              <></>\n            )}\n            <button\n              className=\"sort-btn\"\n              onClick={() => {\n                dispatch(setFilterOpen(!filterOpen));\n              }}\n            >\n              <FontAwesomeIcon\n                icon={sort.sortedBy == \"DESC\" ? faAngleDown : faAngleUp}\n                style={{ marginRight: 10 }}\n              />{\" \"}\n              {sort.name}\n              <div\n                className=\"filter-list\"\n                style={{ display: filterOpen != true ? \"none\" : \"unset\" }}\n              >\n                <div\n                  onClick={() =>\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                      <FontAwesomeIcon icon={faCheck} />{\" \"}\n                    </>\n                  ) : (\n                    \"\"\n                  )}\n                  Yeni Ürünler\n                </div>\n                <div\n                  onClick={() =>\n                    dispatch(\n                      setSort({\n                        sort: \"DATE\",\n                        sortedBy: \"ASC\",\n                        name: \"Eski Ürünler\",\n                      })\n                    )\n                  }\n                  className=\"item\"\n                >\n                  {sort.sortedBy == \"ASC\" && sort.sort == \"DATE\" ? (\n                    <>\n                      <FontAwesomeIcon icon={faCheck} />{\" \"}\n                    </>\n                  ) : (\n                    \"\"\n                  )}\n                  Eski Ürünler\n                </div>\n                <div\n                  onClick={() =>\n                    dispatch(\n                      setSort({\n                        sort: \"PRICE\",\n                        sortedBy: \"ASC\",\n                        name: \"Artan Fiyat\",\n                      })\n                    )\n                  }\n                  className=\"item\"\n                >\n                  {sort.sortedBy == \"ASC\" && sort.sort == \"PRICE\" ? (\n                    <>\n                      <FontAwesomeIcon icon={faCheck} />{\" \"}\n                    </>\n                  ) : (\n                    \"\"\n                  )}\n                  Artan Fiyat\n                </div>\n                <div\n                  onClick={() =>\n                    dispatch(\n                      setSort({\n                        sort: \"PRICE\",\n                        sortedBy: \"DESC\",\n                        name: \"Azalan Fiyat\",\n                      })\n                    )\n                  }\n                  className=\"item\"\n                >\n                  {sort.sortedBy == \"DESC\" && sort.sort == \"PRICE\" ? (\n                    <>\n                      <FontAwesomeIcon icon={faCheck} />{\" \"}\n                    </>\n                  ) : (\n                    \"\"\n                  )}\n                  Azalan Fiyat\n                </div>\n                <div\n                  onClick={() =>\n                    dispatch(\n                      setSort({\n                        sort: \"STOCK\",\n                        sortedBy: \"DESC\",\n                        name: \"Azalan Mevcut\",\n                      })\n                    )\n                  }\n                  className=\"item\"\n                >\n                  {sort.sortedBy == \"DESC\" && sort.sort == \"STOCK\" ? (\n                    <>\n                      <FontAwesomeIcon icon={faCheck} />{\" \"}\n                    </>\n                  ) : (\n                    \"\"\n                  )}\n                  Azalan Mevcut\n                </div>\n                <div\n                  onClick={() =>\n                    dispatch(\n                      setSort({\n                        sort: \"STOCK\",\n                        sortedBy: \"ASC\",\n                        name: \"Artan Mevcut\",\n                      })\n                    )\n                  }\n                  className=\"item\"\n                >\n                  {sort.sortedBy == \"ASC\" && sort.sort == \"STOCK\" ? (\n                    <>\n                      <FontAwesomeIcon icon={faCheck} />{\" \"}\n                    </>\n                  ) : (\n                    \"\"\n                  )}\n                  Artan Mevcut\n                </div>\n                <div\n                  onClick={() =>\n                    dispatch(\n                      setSort({\n                        sort: \"TOPSALES\",\n                        sortedBy: \"DESC\",\n                        name: \"En Çok Satan\",\n                      })\n                    )\n                  }\n                  className=\"item\"\n                >\n                  {sort.sortedBy == \"DESC\" && sort.sort == \"TOPSALES\" ? (\n                    <>\n                      <FontAwesomeIcon icon={faCheck} />{\" \"}\n                    </>\n                  ) : (\n                    \"\"\n                  )}\n                  En Çok Satan\n                </div>\n                <div\n                  onClick={() =>\n                    dispatch(\n                      setSort({\n                        sort: \"TITLE\",\n                        sortedBy: \"ASC\",\n                        name: \"Ürüne Göre (A-Z)\",\n                      })\n                    )\n                  }\n                  className=\"item\"\n                >\n                  {sort.sortedBy == \"ASC\" && sort.sort == \"TITLE\" ? (\n                    <>\n                      <FontAwesomeIcon icon={faCheck} />{\" \"}\n                    </>\n                  ) : (\n                    \"\"\n                  )}\n                  Ürüne Göre (A-Z)\n                </div>\n                <div\n                  onClick={() =>\n                    dispatch(\n                      setSort({\n                        sort: \"TITLE\",\n                        sortedBy: \"DESC\",\n                        name: \"Ürüne Göre (Z-A)\",\n                      })\n                    )\n                  }\n                  className=\"item\"\n                >\n                  {sort.sortedBy == \"DESC\" && sort.sort == \"TITLE\" ? (\n                    <>\n                      <FontAwesomeIcon icon={faCheck} />{\" \"}\n                    </>\n                  ) : (\n                    \"\"\n                  )}\n                  Ürüne Göre (Z-A)\n                </div>\n                <div\n                  onClick={() =>\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                      <FontAwesomeIcon icon={faCheck} />{\" \"}\n                    </>\n                  ) : (\n                    \"\"\n                  )}\n                  Keşfet\n                </div>\n              </div>\n            </button>\n\n            <div className=\"total\">\n              {allData != null &&\n              allData.currentPage != null &&\n              allData.count != null ? (\n                <div className=\"count\">\n                  {/* {allData.count * allData.currentPage} /{\" \"} */}\n                  {/* {products.length}\n                    <strong>/</strong> */}\n                  {allData.totalCount} Ürün\n                </div>\n              ) : (\n                <></>\n              )}\n            </div>\n          </div>\n        </div>\n      </div>\n      <ProductContent open={open}>\n        <div className=\"filter\">\n          {width < 1140 && (\n            <div className=\"overlay\" onClick={() => setOpen(false)}></div>\n          )}\n          <div className=\"categories\">\n            <div className=\"category-item head\" onClick={() => setOpen(!open)}>\n              <span>\n                <FontAwesomeIcon icon={faBars} />\n              </span>\n              <span>Kategoriler</span>\n              <span>Kapat</span>\n            </div>\n            {categories.map((x) => {\n              return (\n                <CategoryItem\n                  slug={slug}\n                  dispatch={dispatch}\n                  key={\"categorydfscv-item-\" + x.slug}\n                  category={x}\n                  selected={selected}\n                  setSelected={setSelected}\n                />\n              );\n            })}\n\n            {brands.length > 0 && (\n              <>\n                <div\n                  className={\"category-item alt-head \"}\n                  onClick={() => {\n                    dispatch(setBrandOpen(!brandOpen));\n                  }}\n                  style={{ position: \"relative\" }}\n                >\n                  <span\n                    style={{\n                      transition: \"600ms all\",\n                      transform: brandOpen\n                        ? \"rotateX(180deg)\"\n                        : \"rotateX(0deg)\",\n                    }}\n                  >\n                    <FontAwesomeIcon icon={faAngleDown} />\n                  </span>\n                  <span>Marka</span>\n\n                  <span style={{ fontSize: 11 }} onClick={() => {}}>\n                    (\n                    {\n                      brands.filter((x) =>\n                        x.name\n                          .toLocaleLowerCase(\"tr\")\n                          .startsWith(brandSearchTxt.toLocaleLowerCase(\"tr\"))\n                      ).length\n                    }\n                    )\n                  </span>\n                </div>\n                <div\n                  className=\"search-box category-sub-item\"\n                  style={{ display: brandOpen ? \"\" : \"none\" }}\n                >\n                  <input\n                    type=\"text\"\n                    value={brandSearchTxt}\n                    onChange={(e) =>\n                      dispatch(setBrandSearchTxt(e.target.value))\n                    }\n                    placeholder=\"Marka Ara\"\n                  />\n                  {brandSearchTxt.length > 0 && (\n                    <span\n                      onClick={() => dispatch(setBrandSearchTxt(\"\"))}\n                      className=\"search-trash\"\n                    >\n                      <FontAwesomeIcon icon={faTimes} />\n                    </span>\n                  )}\n                </div>\n                <div\n                  className=\"colors\"\n                  style={{ display: brandOpen ? \"\" : \"none\" }}\n                >\n                  {brands\n                    .filter((x) => selectedBrands.includes(x.slug))\n                    .filter((x) =>\n                      x.name\n                        .toLocaleLowerCase(\"tr\")\n\n                        .startsWith(brandSearchTxt.toLocaleLowerCase(\"tr\"))\n                    )\n                    .map((x) => {\n                      return (\n                        <BrandItem\n                          key={\"sole-item-dffgdhgh-\" + x.id}\n                          dispatch={dispatch}\n                          slug={slug}\n                          brand={x}\n                          selectedBrands={selectedBrands}\n                          setSelectedBrands={setSelectedBrands}\n                          categoryMode={false}\n                        />\n                      );\n                    })}\n                  {brands\n                    .filter((x) => !selectedBrands.includes(x.slug))\n                    .filter((x) =>\n                      x.name\n                        .toLocaleLowerCase(\"tr\")\n                        .startsWith(brandSearchTxt.toLocaleLowerCase(\"tr\"))\n                    )\n                    .map((x) => {\n                      return (\n                        <BrandItem\n                          key={\"sole-item-dffgdhgh-\" + x.id}\n                          dispatch={dispatch}\n                          slug={slug}\n                          brand={x}\n                          selectedBrands={selectedBrands}\n                          setSelectedBrands={setSelectedBrands}\n                          categoryMode={false}\n                        />\n                      );\n                    })}\n                </div>\n              </>\n            )}\n            <div\n              className={\"category-item alt-head \"}\n              onClick={() => {\n                dispatch(setColorOpen(!colorOpen));\n              }}\n              // onClick={() => setOpened(opened == \"renkler\" ? \"\" : \"renkler\")}\n            >\n              <span\n                style={{\n                  transition: \"600ms all\",\n                  transform: colorOpen ? \"rotateX(180deg)\" : \"rotateX(0deg)\",\n                }}\n              >\n                <FontAwesomeIcon icon={faAngleDown} />\n              </span>\n              <span>Renk</span>\n              <span style={{ fontSize: 11 }} onClick={() => {}}>\n                (\n                {\n                  colors.filter((x) =>\n                    x.color\n                      .toLocaleLowerCase(\"tr\")\n                      .startsWith(colorSearchTxt.toLocaleLowerCase(\"tr\"))\n                  ).length\n                }\n                )\n              </span>\n            </div>\n            <div\n              className=\"search-box category-sub-item\"\n              style={{ display: colorOpen ? \"\" : \"none\" }}\n            >\n              <input\n                type=\"text\"\n                value={colorSearchTxt}\n                onChange={(e) => dispatch(setColorSearchTxt(e.target.value))}\n                placeholder=\"Renk Ara\"\n              />\n              {colorSearchTxt.length > 0 && (\n                <span\n                  onClick={() => dispatch(setColorSearchTxt(\"\"))}\n                  className=\"search-trash\"\n                >\n                  <FontAwesomeIcon icon={faTimes} />\n                </span>\n              )}\n            </div>\n            <div\n              className=\"colors\"\n              // style={{ display: opened == \"renkler\" ? \"\" : \"none\" }}\n              style={{ display: colorOpen ? \"\" : \"none\" }}\n            >\n              {colors\n                .filter((x) => selectedColors.includes(x.color))\n                .filter((x) =>\n                  x.color\n                    .toLocaleLowerCase(\"tr\")\n                    .startsWith(colorSearchTxt.toLocaleLowerCase(\"tr\"))\n                )\n                .map((x) => {\n                  return (\n                    <ColorItem\n                      slug={slug}\n                      dispatch={dispatch}\n                      key={\"color-item-dfgh-\" + x.color}\n                      color={x}\n                      selectedColors={selectedColors}\n                      setSelectedColors={setSelectedColors}\n                      categoryMode={false}\n                    />\n                  );\n                })}\n              {colors\n                .filter((x) => !selectedColors.includes(x.color))\n                .filter((x) =>\n                  x.color\n                    .toLocaleLowerCase(\"tr\")\n                    .startsWith(colorSearchTxt.toLocaleLowerCase(\"tr\"))\n                )\n                .map((x) => {\n                  return (\n                    <ColorItem\n                      slug={slug}\n                      dispatch={dispatch}\n                      key={\"color-item-dfgh-\" + x.color}\n                      color={x}\n                      selectedColors={selectedColors}\n                      setSelectedColors={setSelectedColors}\n                      categoryMode={false}\n                    />\n                  );\n                })}\n            </div>\n          </div>\n          <div className=\"category-item alt-head\"></div>\n          <div\n            className=\"search-box category-sub-item\"\n            // style={{ display: opened == \"renkler\" ? \"\" : \"none\" }}\n          >\n            {[\n              {\n                name: \"Tedarikçiden Teslim\",\n                key: \"productOfSupplier\",\n              },\n            ].map((x, index) => {\n              return (\n                <AnotherItem\n                  key={\"another\" + index}\n                  getProductReq={getProductReq}\n                  item={x}\n                  selected={selectedAnotherFilters}\n                  setSelected={setSelectedAnotherFilters}\n                />\n              );\n            })}\n          </div>\n          <div\n            className={\n              \"category-item alt-head\" + (opened == \"fiyat\" ? \" open\" : \"\")\n            }\n            onClick={() => setOpened(opened == \"fiyat\" ? \"\" : \"fiyat\")}\n          >\n            <span>₺</span>\n            <span>Fiyat Aralığı</span>\n            <span style={{ fontSize: 11 }} onClick={() => {}}>\n              <FontAwesomeIcon icon={faAngleDown} />\n            </span>\n          </div>\n          <div\n            className=\"category-item price-sort\"\n            style={{ display: opened == \"fiyat\" ? \"flex\" : \"none\" }}\n          >\n            <span className=\"input\">\n              <input\n                type=\"number\"\n                placeholder=\"Minimum\"\n                value={minPrice == null ? \"\" : minPrice}\n                onChange={(e) => dispatch(setMinPrice(e.target.value))}\n              />\n            </span>\n            <span className=\"minus\">-</span>\n            <span className=\"input\">\n              <input\n                type=\"number\"\n                placeholder=\"Maximum\"\n                value={maxPrice == null ? \"\" : maxPrice}\n                onChange={(e) => dispatch(setMaxPrice(e.target.value))}\n              />\n            </span>\n            <span\n              onClick={() => {\n                getProductReq();\n              }}\n            >\n              <FontAwesomeIcon icon={faSearch} />\n            </span>\n          </div>\n        </div>\n\n        <div className=\"list\">\n          <div className=\"filter-mobil-group\">\n            <div className=\"filter-btn mobil\" onClick={() => setOpen(true)}>\n              <FontAwesomeIcon icon={faSlidersH} /> Filtreler\n            </div>\n            <button\n              className=\"sort-btn-mobil\"\n              onClick={() => dispatch(setFilterOpen(!filterOpen))}\n            >\n              <FontAwesomeIcon\n                icon={sort.sortedBy == \"DESC\" ? faAngleDown : faAngleUp}\n                style={{ marginRight: 10 }}\n              />{\" \"}\n              {sort.name}\n              <div\n                className=\"filter-list\"\n                style={{ display: filterOpen != true ? \"none\" : \"unset\" }}\n              >\n                <div\n                  onClick={() =>\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                      <FontAwesomeIcon icon={faCheck} />{\" \"}\n                    </>\n                  ) : (\n                    \"\"\n                  )}\n                  Keşfet\n                </div>\n                <div\n                  onClick={() =>\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                      <FontAwesomeIcon icon={faCheck} />{\" \"}\n                    </>\n                  ) : (\n                    \"\"\n                  )}\n                  Yeni Ürünler\n                </div>\n                <div\n                  onClick={() =>\n                    dispatch(\n                      setSort({\n                        sort: \"DATE\",\n                        sortedBy: \"ASC\",\n                        name: \"Eski Ürünler\",\n                      })\n                    )\n                  }\n                  className=\"item\"\n                >\n                  {sort.sortedBy == \"ASC\" && sort.sort == \"DATE\" ? (\n                    <>\n                      <FontAwesomeIcon icon={faCheck} />{\" \"}\n                    </>\n                  ) : (\n                    \"\"\n                  )}\n                  Eski Ürünler\n                </div>\n                <div\n                  onClick={() =>\n                    dispatch(\n                      setSort({\n                        sort: \"PRICE\",\n                        sortedBy: \"ASC\",\n                        name: \"Artan Fiyat\",\n                      })\n                    )\n                  }\n                  className=\"item\"\n                >\n                  {sort.sortedBy == \"ASC\" && sort.sort == \"PRICE\" ? (\n                    <>\n                      <FontAwesomeIcon icon={faCheck} />{\" \"}\n                    </>\n                  ) : (\n                    \"\"\n                  )}\n                  Artan Fiyat\n                </div>\n                <div\n                  onClick={() =>\n                    dispatch(\n                      setSort({\n                        sort: \"PRICE\",\n                        sortedBy: \"DESC\",\n                        name: \"Azalan Fiyat\",\n                      })\n                    )\n                  }\n                  className=\"item\"\n                >\n                  {sort.sortedBy == \"DESC\" && sort.sort == \"PRICE\" ? (\n                    <>\n                      <FontAwesomeIcon icon={faCheck} />{\" \"}\n                    </>\n                  ) : (\n                    \"\"\n                  )}\n                  Azalan Fiyat\n                </div>\n                <div\n                  onClick={() =>\n                    dispatch(\n                      setSort({\n                        sort: \"STOCK\",\n                        sortedBy: \"DESC\",\n                        name: \"Azalan Mevcut\",\n                      })\n                    )\n                  }\n                  className=\"item\"\n                >\n                  {sort.sortedBy == \"DESC\" && sort.sort == \"STOCK\" ? (\n                    <>\n                      <FontAwesomeIcon icon={faCheck} />{\" \"}\n                    </>\n                  ) : (\n                    \"\"\n                  )}\n                  Azalan Mevcut\n                </div>\n                <div\n                  onClick={() =>\n                    dispatch(\n                      setSort({\n                        sort: \"STOCK\",\n                        sortedBy: \"ASC\",\n                        name: \"Artan Mevcut\",\n                      })\n                    )\n                  }\n                  className=\"item\"\n                >\n                  {sort.sortedBy == \"ASC\" && sort.sort == \"STOCK\" ? (\n                    <>\n                      <FontAwesomeIcon icon={faCheck} />{\" \"}\n                    </>\n                  ) : (\n                    \"\"\n                  )}\n                  Artan Mevcut\n                </div>\n                <div\n                  onClick={() =>\n                    dispatch(\n                      setSort({\n                        sort: \"TOPSALES\",\n                        sortedBy: \"DESC\",\n                        name: \"En Çok Satan\",\n                      })\n                    )\n                  }\n                  className=\"item\"\n                >\n                  {sort.sortedBy == \"DESC\" && sort.sort == \"TOPSALES\" ? (\n                    <>\n                      <FontAwesomeIcon icon={faCheck} />{\" \"}\n                    </>\n                  ) : (\n                    \"\"\n                  )}\n                  En Çok Satan\n                </div>\n              </div>\n            </button>\n          </div>\n\n          {products.map((x) => {\n            return (\n              <ProductItem\n                key={x.id + x.slug + \"asda\"}\n                product={x}\n                setOpenedBox={setOpenedBox}\n              />\n            );\n          })}\n          <div style={{ width: \"100%\", textAlign: \"center\" }}>\n            {allData != null &&\n            products.length > 0 &&\n            allData.currentPage != null &&\n            allData.count != null ? (\n              <div className=\"count\">\n                {products.length == allData.totalCount ? (\n                  <>Toplam {products.length} Ürün</>\n                ) : (\n                  <>\n                    {products.length}\n                    <strong\n                      style={{\n                        marginRight: 5,\n                        marginLeft: 5,\n                        fontWeight: \"bold\",\n                      }}\n                    >\n                      /\n                    </strong>\n                    {allData.totalCount} Ürün\n                  </>\n                )}\n              </div>\n            ) : (\n              <></>\n            )}\n          </div>\n          {allData != null &&\n          products.length > 0 &&\n          allData.currentPage != null &&\n          allData.count != null &&\n          allData.totalCount != products.length ? (\n            <div\n              onClick={() => {\n                getNewPage(page + 1);\n              }}\n              style={{\n                color: \"#ffff\",\n                padding: \"5px 55px\",\n                marginBottom: 40,\n                width: \"100%\",\n                borderRadius: 100,\n                textAlign: \"center\",\n                cursor: \"pointer\",\n                fontSize: 22,\n              }}\n            >\n              {!loading && (\n                <div\n                  style={{\n                    display: \"inline-block\",\n                    background: \"#F27A1A\",\n                    padding: \"15px 55px\",\n                    marginTop: 20,\n                    borderRadius: 100,\n                    fontSize: 18,\n                  }}\n                >\n                  Daha Fazla Ürün Göster\n                </div>\n              )}\n            </div>\n          ) : (\n            <></>\n          )}\n          <div\n            style={{\n              width: \"100%\",\n              textAlign: \"center\",\n              display: \"flex\",\n              justifyContent: \"center\",\n              alignItems: \"center\",\n            }}\n          >\n            {loading && <Sentry color=\"#FBA800\" size={180} />}\n          </div>\n        </div>\n      </ProductContent>\n      <div style={{ zIndex: 1009090 }}>\n        {products.length > 0 && (\n          <Lightbox\n            isOpen={openedBox}\n            onPrev={gotoPrevious}\n            className=\"lightbox-image-box\"\n            onNext={gotoNext}\n            images={products.map((x) => {\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              <SwapButton\n                onClick={gotoNext}\n                className=\"image-swap-button right\"\n              >\n                <svg\n                  stroke=\"currentColor\"\n                  fill=\"currentColor\"\n                  stroke-width=\"0\"\n                  viewBox=\"0 0 24 24\"\n                  height=\"35\"\n                  width=\"35\"\n                  xmlns=\"http://www.w3.org/2000/svg\"\n                >\n                  <path d=\"M10.707 17.707 16.414 12l-5.707-5.707-1.414 1.414L13.586 12l-4.293 4.293z\"></path>\n                </svg>\n              </SwapButton>\n            )}\n            renderPrevButton={() => (\n              <SwapButton\n                onClick={gotoPrevious}\n                className=\"image-swap-button left\"\n              >\n                <svg\n                  stroke=\"currentColor\"\n                  fill=\"currentColor\"\n                  stroke-width=\"0\"\n                  viewBox=\"0 0 24 24\"\n                  height=\"35\"\n                  width=\"35\"\n                  xmlns=\"http://www.w3.org/2000/svg\"\n                >\n                  <path d=\"M13.293 6.293 7.586 12l5.707 5.707 1.414-1.414L10.414 12l4.293-4.293z\"></path>\n                </svg>\n              </SwapButton>\n            )}\n            renderFooter={() => (\n              <div\n                style={{\n                  width: \"40vw\",\n                  // background: \"rgba(0,0,0,0.5)\",\n                  height: \"40vh\",\n                  top: \"30vh\",\n                  left: \"30vw\",\n                  position: \"fixed\",\n                  zIndex: 100,\n                }}\n                onClick={() => {\n                  history.push(\"/urun/\" + products[currentImageIndex].slug);\n                }}\n              ></div>\n            )}\n            renderHeader={() => (\n              <button\n                onClick={() => dispatch(setOpenedBox(false))}\n                className=\"light-close\"\n              >\n                <svg\n                  stroke=\"currentColor\"\n                  fill=\"currentColor\"\n                  stroke-width=\"0\"\n                  viewBox=\"0 0 24 24\"\n                  height=\"35\"\n                  width=\"35\"\n                  xmlns=\"http://www.w3.org/2000/svg\"\n                >\n                  <path fill=\"none\" d=\"M0 0h24v24H0z\"></path>\n                  <path d=\"M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z\"></path>\n                </svg>\n              </button>\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      </div>\n      <BottomNav />\n      {/* <Footer /> */}\n    </>\n  );\n}\n","import React, { useState, useEffect } from \"react\";\n\nimport { CartContainer } from \"../../styles/Cart\";\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\nimport {\n  faTrashAlt,\n  faShoppingCart,\n  faShoppingBasket,\n  faCreditCard,\n  faCopy,\n  faCheck,\n} from \"@fortawesome/free-solid-svg-icons\";\nimport { Currency } from \"react-intl-number-format/dist/index.js\";\nimport { useCartRequests } from \"../../helpers/CartRequests\";\nimport { toast } from \"react-toastify\";\nimport { setBasket } from \"../stores/Cart\";\nimport { useDispatch } from \"react-redux\";\nimport { useHistory } from \"react-router\";\nimport ListItem from \"./Item\";\nimport { useOrderRequests } from \"../../helpers/OrderRequests\";\nimport { CopyToClipboard } from \"react-copy-to-clipboard\";\nimport mainLogo from \"../../mainlogo.png\";\nexport default function CartItems({ cart }) {\n  const [total, setTotal] = useState(0);\n  const [selectedTab, setSelectedTab] = useState(\"cari\");\n  const [paymentError, setPaymentError] = useState(null);\n  const [paymentForm, setPaymentForm] = useState(null);\n\n  const [note,setNote] = useState(\"\");\n  const [bankAccounts, setBankAccounts] = useState(null);\n  const [copied, setCopied] = useState(false);\n\n  const { deleteCart } = useCartRequests();\n  const { createOrder, getBankAccounts, createPaymentForm } =\n    useOrderRequests();\n  const history = useHistory();\n\n  const dispatch = useDispatch();\n\n  const getPaymentForm = async () => {\n    setPaymentError(null);\n    createPaymentForm({ type: 2 })\n      .then((res) => {\n        setPaymentForm(atob(res.data.data.htmlContent));\n      })\n      .catch((err) => {\n        setPaymentError(\n          \"Beklenmedik bir hata oluştu. Tekrar denemek için aşağıdaki butona tıklayabilirsiniz.\"\n        );\n      });\n  };\n\n  useEffect(() => {\n    if (selectedTab == \"card\") {\n      getPaymentForm();\n    }\n  }, [selectedTab]);\n\n  useEffect(() => {\n    if (cart != null && cart != undefined) {\n      let totalCount = 0;\n      cart.map((item) => {\n        totalCount += item.salePrice * item.quantity;\n      });\n      setTotal(totalCount);\n    }\n  }, [cart]);\n\n  useEffect(() => {\n    if (bankAccounts == null) {\n      getBankAccounts().then((res) => {\n        setBankAccounts(res.data.data);\n      });\n    }\n  }, [bankAccounts]);\n\n  const removeCart = () => {\n    const loader = toast.loading(\"Sepet siliniyor...\", {\n      position: toast.POSITION.BOTTOM_RIGHT,\n      isLoading: true,\n      closeOnClick: false,\n      pauseOnHover: false,\n      pauseOnFocusLoss: false,\n      draggable: false,\n    });\n    deleteCart()\n      .then((response) => {\n        dispatch(setBasket(null));\n        toast.update(loader, {\n          render: response.data.message,\n          type: \"success\",\n          isLoading: false,\n          autoClose: 3000,\n          hideProgressBar: false,\n          closeOnClick: true,\n          pauseOnHover: true,\n          pauseOnFocusLoss: false,\n          draggable: true,\n        });\n      })\n      .catch((error) => {\n        toast.update(loader, {\n          render: error.response.data.message,\n          type: \"error\",\n          isLoading: false,\n          autoClose: 3000,\n          hideProgressBar: false,\n          closeOnClick: true,\n          pauseOnHover: true,\n          pauseOnFocusLoss: false,\n          draggable: true,\n        });\n      });\n  };\n\n  const createNewOrder = () => {\n    const loader = toast.loading(\"Sipariş oluşturuluyor...\", {\n      position: toast.POSITION.BOTTOM_RIGHT,\n      isLoading: true,\n      closeOnClick: false,\n      pauseOnHover: false,\n      pauseOnFocusLoss: false,\n      draggable: false,\n    });\n    createOrder({\n      paymentType: selectedTab == \"transfer\" ? 3 : selectedTab==\"cek\" ? 6 : selectedTab==\"mail\" ? 7 :5, //2 kredi kartı , 4 nakit\n      orderNote: note,\n      products: cart.map((x) => {\n        return {\n          productId: x.productId,\n          unit: x.usedUnit,\n          quantity: x.quantity,\n        };\n      }),\n    })\n      .then((response) => {\n        removeCart();\n        dispatch(setBasket(null));\n        toast.update(loader, {\n          render: response.data.message,\n          type: \"success\",\n          isLoading: false,\n          autoClose: 3000,\n          hideProgressBar: false,\n          closeOnClick: true,\n          pauseOnHover: true,\n          pauseOnFocusLoss: false,\n          draggable: true,\n        });\n        history.push(\"/odeme-basarili\")\n      })\n      .catch((error) => {\n        toast.update(loader, {\n          render: \"HATA\"+JSON.stringify(error.response),\n          type: \"error\",\n          isLoading: false,\n          autoClose: 3000,\n          hideProgressBar: false,\n          closeOnClick: true,\n          pauseOnHover: true,\n          pauseOnFocusLoss: false,\n          draggable: true,\n        });\n      });\n  };\n\n  const goHome = () => {\n    history.push(\"/\");\n  };\n\n  const handleCopyIban = (iban = \"IBANBULUNAMADI\") => {\n    const loader = toast.loading(\"IBAN numarası kopyalanıyor...\", {\n      position: toast.POSITION.BOTTOM_RIGHT,\n      isLoading: true,\n      closeOnClick: false,\n      pauseOnHover: false,\n      pauseOnFocusLoss: false,\n      draggable: false,\n    });\n    toast.update(loader, {\n      render: \"IBAN numarası başarı ile kopyalandı\",\n      type: \"success\",\n      isLoading: false,\n      autoClose: 3000,\n      hideProgressBar: false,\n      closeOnClick: true,\n      pauseOnHover: true,\n      pauseOnFocusLoss: false,\n      draggable: true,\n    });\n    setCopied(true);\n  };\n\n  const getPaymentButton = () => {\n    if (selectedTab == \"transfer\") {\n      return (\n        <button className=\"payment send\" onClick={createNewOrder}>\n          <FontAwesomeIcon icon={faCheck} /> <span>Siparişi Gönder</span>\n        </button>\n      );\n    } else if (selectedTab == \"cari\" ) {\n      return (\n        <button className=\"payment send\" onClick={createNewOrder}>\n          <FontAwesomeIcon icon={faCheck} /> <span>Siparişi Gönder</span>\n        </button>\n      );\n    } else if (selectedTab == \"mail\" ) {\n      return (\n        <button className=\"payment send\" onClick={createNewOrder}>\n          <FontAwesomeIcon icon={faCheck} /> <span>Siparişi Gönder</span>\n        </button>\n      );\n    } else if (selectedTab == \"cek\" ) {\n      return (\n        <button className=\"payment send\" onClick={createNewOrder}>\n          <FontAwesomeIcon icon={faCheck} /> <span>Siparişi Gönder</span>\n        </button>\n      );\n    } else {\n      return;\n      // return <button className='payment' onClick={()=>alert(\"asd\")}>Ödemeye Geç</button>\n    }\n  };\n\n  return (\n    <CartContainer>\n      <div\n        className=\"list\"\n        style={{ alignItems: \"flex-start\", display: \"flex\" }}\n      >\n        <ul style={{ width: \"95%\" }}>\n          <li className=\"title\">\n            <h1>\n              {\" \"}\n              <FontAwesomeIcon icon={faCreditCard} /> Ödeme Yöntemleri{\" \"}\n            </h1>\n            {/* {\n              cart!=null && cart.length>0 ?\n              <div className='removeAll'>\n                <span onClick={()=>{\n                  removeCart()\n                }}><FontAwesomeIcon icon={faTrashAlt} /></span>\n              </div>\n              : <></>\n            } */}\n          </li>\n          {cart == null || cart.length < 1 ? (\n            <li className=\"empty-cart\">\n              <h1>Sepetiniz Boş </h1>\n              <button className=\"payment\" onClick={() => goHome()}>\n                Alışverişe Devam Et <FontAwesomeIcon icon={faShoppingBasket} />\n              </button>\n            </li>\n          ) : (\n            <div className=\"payment-tabs\">\n              <div\n                onClick={() => setSelectedTab(\"cari\")}\n                className={\n                  \"payment-tab \" + (selectedTab == \"cari\" ? \" active\" : \"\")\n                }\n              >\n                Cari Hesap\n              </div>\n              <div\n                onClick={() => setSelectedTab(\"transfer\")}\n                className={\n                  \"payment-tab \" + (selectedTab == \"transfer\" ? \" active\" : \"\")\n                }\n              >\n                Havale/Eft\n              </div>\n              <div\n                onClick={() => setSelectedTab(\"mail\")}\n                className={\n                  \"payment-tab \" + (selectedTab == \"mail\" ? \" active\" : \"\")\n                }\n              >\n                Mail Order\n              </div>\n              <div\n                onClick={() => setSelectedTab(\"cek\")}\n                className={\n                  \"payment-tab \" + (selectedTab == \"cek\" ? \" active\" : \"\")\n                }\n              >\n                Çek ile Ödeme\n              </div>\n            </div>\n          )}\n          <div\n            className=\"bank-cards\"\n            // style={{ display: selectedTab == \"cari\" ? \"block\" : \"none\" }}\n          >\n            {/* Cari hesabınıza işler */}\n            <div className=\"payment-input-box\">\n              <label>Sipariş Notu :</label>\n              <textarea\n                placeholder=\"Not giriniz\"\n                onChange={(e) => setNote(e.target.value)}\n                maxLength={250}\n              >\n                {note}\n              </textarea>\n            </div>\n          </div>\n\n          <div\n            className=\"bank-cards\"\n            style={{\n              display:selectedTab == \"transfer\" ? \"block\" : \"none\",\n            }}\n          >\n            <CopyToClipboard\n              text={\"TR48 0006 2000 0440 0006 2968 77\"}\n              onCopy={handleCopyIban}\n            >\n              <div className=\"bank-card\">\n                <h1>Garanti Bankası</h1>\n                <h2>Para Birimi : ₺ (TRY)</h2>\n                <h2>\n                  Hesap Adı : ULUSOY SPOR AYAKKABI TEKSTİL SANAYİ VE TİC.LTD.ŞTİ\n                </h2>\n                <div className=\"iban\">\n                  TR48 0006 2000 0440 0006 2968 77\n                  <FontAwesomeIcon icon={faCopy} />\n                </div>\n              </div>\n            </CopyToClipboard>\n\n            <CopyToClipboard\n              text={\"TR40 0001 0006 0659 5128 4650 01\"}\n              onCopy={handleCopyIban}\n            >\n              <div className=\"bank-card\">\n                <h1>Ziraat Bankası</h1>\n                <h2>Para Birimi : ₺ (TRY)</h2>\n                <h2>Hesap Adı : ULUSOY SPOR AYAK.TEKS.SAN.TİC.LTD.ŞTİ</h2>\n                <div className=\"iban\">\n                  TR48 0006 2000 0440 0006 2968 77\n                  <FontAwesomeIcon icon={faCopy} />\n                </div>\n              </div>\n            </CopyToClipboard>\n\n            <CopyToClipboard\n              text={\"TR79 0006 4000 0011 0092 6977 04\"}\n              onCopy={handleCopyIban}\n            >\n              <div className=\"bank-card\">\n                <h1>İş Bankası</h1>\n                <h2>Para Birimi : ₺ (TRY)</h2>\n                <h2>Hesap Adı : ULUSOY SPOR AYAKKABI TEKS.</h2>\n                <div className=\"iban\">\n                  TR79 0006 4000 0011 0092 6977 04\n                  <FontAwesomeIcon icon={faCopy} />\n                </div>\n              </div>\n            </CopyToClipboard>\n            {bankAccounts != null ? (\n              bankAccounts.map((x) => {\n                return (\n                  <CopyToClipboard\n                    key={x.iban}\n                    text={x.iban}\n                    onCopy={handleCopyIban}\n                  >\n                    <div className=\"bank-card\">\n                      <h1>{x.bankTitle}</h1>\n                      <h2>\n                        Para Birimi : {x.accountTitle} ({x.accountType})\n                      </h2>\n                      <h2>Hesap Adı : {x.bankAddress} </h2>\n                      <div className=\"iban\">\n                        {x.iban}\n                        <FontAwesomeIcon icon={faCopy} />\n                      </div>\n                    </div>\n                  </CopyToClipboard>\n                );\n              })\n            ) : (\n              <></>\n            )}\n          </div>\n\n          <div\n            className=\"payment-card\"\n            style={{ display: selectedTab == \"card\" ? \"block\" : \"none\" }}\n          >\n            {paymentError != null && paymentForm != null ? (\n              <div className=\"paymentError\">\n                {paymentError}\n                <button onClick={() => getPaymentForm()}>Tekrar Dene</button>\n              </div>\n            ) : (\n              <div dangerouslySetInnerHTML={{ __html: paymentForm }} />\n            )}\n          </div>\n        </ul>\n      </div>\n\n      <div className=\"finally\" style={{ display: \"flex\" }}>\n        <div className=\"prod-list\">\n          <img style={{ width: \"100%\" }} src={mainLogo} alt=\"Mainlogo\" />\n          {cart != null && cart.length > 0 ? (\n            cart.map((x) => {\n              return (\n                <div className=\"prod-item\" key={x.title}>\n                  <div className=\"name\">{x.title}</div>\n                  <Currency className=\"price\">{x.salePrice}</Currency>\n                  <div\n                    className=\"qty\"\n                    style={{ fontWeight: \"bold\", fontStyle: \"italic\" }}\n                  >\n                    x{x.quantity}\n                  </div>\n                </div>\n              );\n            })\n          ) : (\n            <></>\n          )}\n\n          {cart != null && (\n            <>\n              <div className=\"prod-item\">\n                <div className=\"name\">Toplam Tutar</div>\n                <div>:</div>\n                <div\n                  className=\"qty\"\n                  style={{ fontWeight: \"bold\", marginRight: 30 }}\n                >\n                  <Currency className=\"price\">\n                    {cart.reduce((x, y) => x + y.salePrice * y.quantity, 0)}\n                  </Currency>\n                </div>\n              </div>\n\n              <div className=\"prod-item\">\n                <div className=\"name\">Toplam Kdv</div>\n                <div>:</div>\n                <div\n                  className=\"qty\"\n                  style={{ fontWeight: \"bold\", marginRight: 30 }}\n                >\n                  <Currency className=\"price\">\n                    {cart.reduce((x, y) => x + y.vatAmount * y.quantity, 0)}\n                  </Currency>\n                </div>\n              </div>\n\n              <div className=\"prod-item\">\n                <div className=\"name\">Genel Toplam</div>\n                <div>:</div>\n                <div\n                  className=\"qty\"\n                  style={{ fontWeight: \"bold\", marginRight: 30 }}\n                >\n                  <Currency className=\"price\">\n                    {cart.reduce((x, y) => x + y.salePrice * y.quantity, 0) +\n                      cart.reduce((x, y) => x + y.vatAmount * y.quantity, 0)}\n                  </Currency>\n                </div>\n              </div>\n            </>\n          )}\n        </div>\n        <div className=\"calculate\">\n          {cart != null && (\n            <div className=\"head\">\n              Toplam {cart != null ? cart.length : 0} Ürün{\" \"}\n              <span style={{ fontSize: 16, fontWeight: 400 }}>\n                ({cart != null ? cart.reduce((x, y) => x + y.quantity, 0) : 0}{\" \"}\n                Koli {\" / \"}\n                {cart != null\n                  ? cart.reduce(\n                      (x, y) => x + y.quantity * y.unit2coefficient,\n                      0\n                    )\n                  : 0}{\" \"}\n                Çift)\n              </span>\n            </div>\n          )}\n\n          <div className=\"total\">\n            {/* <CurrencyFormat lang='tr' value={total.toFixed(2)} displayType={'text'}  thousandSeparator={true}  /> */}\n            <Currency>{total}</Currency>\n          </div>\n          {cart == null || cart.length < 1 ? (\n            <button className=\"payment\" onClick={() => goHome()}>\n              Alışverişe Devam Et\n            </button>\n          ) : (\n            <>{getPaymentButton()}</>\n          )}\n        </div>\n      </div>\n    </CartContainer>\n  );\n}\n","import React, { useState, useLayoutEffect } from \"react\";\nimport { useSelector } from \"react-redux\";\nimport { SlideProductContainer } from \"../styles/Home\";\nimport SlideProducts from \"../components/Slider/Products\";\nimport Header from \"../components/Navigation/Header\";\nimport BottomNav from \"../components/Navigation/Bottom\";\nimport Footer from \"../components/Navigation/Footer\";\nimport \"react-activity/dist/Sentry.css\";\nimport ContentLoader from \"react-content-loader\";\n\nimport { useProductRequests } from \"../helpers/ProductRequests\";\n\nimport PaymentItems from \"../components/Cart/Payment\";\n\nexport default function Basket(props) {\n  const { getDiscover } = useProductRequests();\n\n  const { basket } = useSelector((state) => state.cart);\n\n  const [discover, setDiscover] = useState([]);\n\n  useLayoutEffect(() => {\n    if (discover.length === 0) {\n      getDiscover({ page: 1, count: 20, sort: \"RANDOM\", sortedBy: \"\" })\n        .then((response) => {\n          setDiscover(response.data.data.items);\n        })\n        .catch((error) => {\n          console.log(\"error\", error.response);\n        });\n    }\n  }, []);\n\n  return (\n    <>\n      <Header />\n\n      <div>\n        <PaymentItems cart={basket} />\n      </div>\n\n      <BottomNav />\n\n      <Footer />\n    </>\n  );\n}\n","import React, { useState, useEffect } from \"react\";\n\nimport { CartContainer } from \"../styles/Cart\";\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\nimport {\n  faTrashAlt,\n  faShoppingCart,\n  faShoppingBasket,\n  faCreditCard,\n  faCopy,\n} from \"@fortawesome/free-solid-svg-icons\";\nimport { Currency } from \"react-intl-number-format/dist/index.js\";\nimport { useCartRequests } from \"../helpers/CartRequests\";\nimport { toast } from \"react-toastify\";\nimport { setBasket } from \"./stores/Cart\";\nimport { useDispatch } from \"react-redux\";\nimport { useHistory } from \"react-router\";\nimport ListItem from \"./Cart/Item\";\nimport { useOrderRequests } from \"../helpers/OrderRequests\";\nimport { CopyToClipboard } from \"react-copy-to-clipboard\";\nimport mainLogo from \"../mainlogo.png\";\nexport default function Payment({ total , setTotal}) {\n\n  \n\n  const [selectedTab, setSelectedTab] = useState(\"card\");\n  const [paymentError, setPaymentError] = useState(null);\n  const [paymentForm, setPaymentForm] = useState(null);\n\n  const [bankAccounts, setBankAccounts] = useState(null);\n  const [copied, setCopied] = useState(false);\n\n  const { createOrder, getBankAccounts, createPaymentForm } =\n    useOrderRequests();\n  const history = useHistory();\n\n  const dispatch = useDispatch();\n\n  const getPaymentForm = async () => {\n    setPaymentError(null);\n    createPaymentForm({ type: 1,amount:total*1 })\n      .then((res) => {\n        setPaymentForm(atob(res.data.data.htmlContent));\n      })\n      .catch((err) => {\n        setPaymentError(\n          \"Beklenmedik bir hata oluştu. Tekrar denemek için aşağıdaki butona tıklayabilirsiniz.\"\n        );\n      });\n  };\n\n  useEffect(() => {\n    if (selectedTab == \"card\") {\n      getPaymentForm();\n    }\n  }, [selectedTab]);\n\n\n  useEffect(() => {\n    if (bankAccounts == null) {\n      getBankAccounts().then((res) => {\n        setBankAccounts(res.data.data);\n      });\n    }\n  }, [bankAccounts]);\n\n  \n\n  const createNewOrder = () => {\n    const loader = toast.loading(\"Tahsilatınız oluşturuluyor...\", {\n      position: toast.POSITION.BOTTOM_RIGHT,\n      isLoading: true,\n      closeOnClick: false,\n      pauseOnHover: false,\n      pauseOnFocusLoss: false,\n      draggable: false,\n    });\n    \n  };\n\n  const goHome = () => {\n    history.push(\"/\");\n  };\n\n  const handleCopyIban = (iban = \"IBANBULUNAMADI\") => {\n    const loader = toast.loading(\"IBAN numarası kopyalanıyor...\", {\n      position: toast.POSITION.BOTTOM_RIGHT,\n      isLoading: true,\n      closeOnClick: false,\n      pauseOnHover: false,\n      pauseOnFocusLoss: false,\n      draggable: false,\n    });\n    toast.update(loader, {\n      render: \"IBAN numarası başarı ile kopyalandı\",\n      type: \"success\",\n      isLoading: false,\n      autoClose: 3000,\n      hideProgressBar: false,\n      closeOnClick: true,\n      pauseOnHover: true,\n      pauseOnFocusLoss: false,\n      draggable: true,\n    });\n    setCopied(true);\n  };\n\n  const getPaymentButton = () => {\n      return;\n    if (selectedTab == \"transfer\") {\n      return (\n        <button className=\"payment\" onClick={createNewOrder}>\n          Tahsilat Oluştur\n        </button>\n      );\n    } else {\n      return\n      return (\n        <button className=\"payment\" onClick={() => alert(\"asd\")}>\n          Ödemeye Geç\n        </button>\n      );\n    }\n  };\n\n  return (\n    <CartContainer>\n      <div className=\"list\">\n        <ul style={{ width: \"95%\" }}>\n          <li className=\"title\">\n            <h1>\n              {\" \"}\n              <FontAwesomeIcon icon={faCreditCard} /> Ödeme Yöntemleri{\" \"}\n            </h1>\n          </li>\n\n          <div className=\"payment-tabs\">\n            {/* <div\n              onClick={() => {\n                //setSelectedTab(\"transfer\")\n              }}\n              style={{ color: \"#333\" }}\n              className={\n                \"payment-tab \" + (selectedTab == \"transfer\" ? \" active\" : \"\")\n              }\n            >\n              Havale/Eft\n            </div>\n            <div\n              onClick={() => setSelectedTab(\"card\")}\n              className={\n                \"payment-tab \" + (selectedTab == \"card\" ? \" active\" : \"\")\n              }\n            >\n              Kredi Kartı\n            </div> */}\n          </div>\n          <div\n            className=\"bank-cards\"\n            style={{ display: selectedTab == \"transfer\" ? \"block\" : \"none\" }}\n          >\n            {bankAccounts != null ? (\n              bankAccounts.map((x) => {\n                return (\n                  <CopyToClipboard\n                    key={x.iban}\n                    text={x.iban}\n                    onCopy={handleCopyIban}\n                  >\n                    <div className=\"bank-card\">\n                      <h1>{x.bankTitle}</h1>\n                      <h2>\n                        Para Birimi : {x.accountTitle} ({x.accountType})\n                      </h2>\n                      <h2>Hesap Adı : {x.bankAddress} </h2>\n                      <div className=\"iban\">\n                        {x.iban}\n                        <FontAwesomeIcon icon={faCopy} />\n                      </div>\n                    </div>\n                  </CopyToClipboard>\n                );\n              })\n            ) : (\n              <></>\n            )}\n          </div>\n\n          <div\n            className=\"payment-card\"\n            style={{ display: selectedTab == \"card\" ? \"block\" : \"none\" }}\n          >\n            {paymentError != null && paymentForm != null ? (\n              <div className=\"paymentError\">\n                {paymentError}\n                <button onClick={() => getPaymentForm()}>Tekrar Dene</button>\n              </div>\n            ) : (\n              <div dangerouslySetInnerHTML={{ __html: paymentForm }} />\n            )}\n          </div>\n        </ul>\n      </div>\n\n      <div className=\"finally\">\n        <div className=\"prod-list\">\n          <img src={mainLogo} alt=\"Logomuz\" />\n        </div>\n\n        <>\n          <div className=\"calculate\">\n            <div className=\"head\">Tahsilat Tutarı :</div>\n            <div className=\"total\">\n              {/* <CurrencyFormat lang='tr' value={total.toFixed(2)} displayType={'text'}  thousandSeparator={true}  /> */}\n              <>{total} ₺</>\n            </div>\n            <button className=\"payment\" onClick={()=>setTotal(null)}>\n              Geri Dön\n            </button>\n          </div>\n        </>\n      </div>\n    </CartContainer>\n  );\n}\n","import React, { useState, useLayoutEffect } from \"react\";\nimport Header from \"../../components/Navigation/Header\";\nimport BottomNav from \"../../components/Navigation/Bottom\";\nimport Footer from \"../../components/Navigation/Footer\";\nimport \"react-activity/dist/Sentry.css\";\nimport {PaymentCreateContainer} from '../../styles/Content'\nimport { useProductRequests } from \"../../helpers/ProductRequests\";\n\nimport CreatePaymentItems from \"../../components/Payment\";\n\nexport default function Basket(props) {\n  const { getDiscover } = useProductRequests();\n\n  const [discover, setDiscover] = useState([]);\n  const [total, setTotal] = useState(null);\n  const [amount, setAmount] = useState(null);\n\n  useLayoutEffect(() => {\n    if (discover.length === 0) {\n      getDiscover(\n        {page:1,count:20,sort:'RANDOM',sortedBy:''\n      })\n        .then((response) => {\n          setDiscover(response.data.data.items);\n        })\n        .catch((error) => {\n          console.log(\"error\", error.response);\n        });\n    }\n  }, []);\n\n  return (\n    <>\n      <Header />\n\n      {total != null ? (\n        <div>\n          <CreatePaymentItems total={total} setTotal={setTotal} />\n        </div>\n      ) : (\n        <PaymentCreateContainer        \n        >\n          <div className=\"payment-cont\"\n          >\n            <div className=\"currency\">₺</div>\n            <h4>Tahsilat Tutarı Giriniz</h4>\n            <input value={amount} onChange={(e)=>setAmount(e.target.value)} type={\"number\"} />\n            <button onClick={()=>setTotal(amount)}>Sonraki Adım</button>\n          </div>\n        </PaymentCreateContainer>\n      )}\n\n      <BottomNav />\n\n      <Footer />\n    </>\n  );\n}\n"],"sourceRoot":""}