{"version":3,"sources":["styles/Cart.js","styles/Theme.js","views/Variant.js","components/Cart/Item.js","components/Forms/RegisterForm.js","daha-iyiye.png","MyTestSvg.svg","views/NotFound.js","views sync /^/.//.*/.js$","helpers/ProductRequests.js","views/Authentication/Logout.js","views/Authentication/Register.js","views/Brand.js","views/Brands.js","views/Campaign.js","views/Category.js","views/Collection.js","views/Collections.js","views/Discover.js","views/Invoice.js","views/Invoices.js","views/MyProfile.js","views/NewProducts.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/Search.js","styles/Global.js","components/stores/index.js","Routes.js","components/Content/ScrollButton.js","images/1.png","images/gif/2.png","images/gif/3.png","images/gif/4.png","images/gif/5.png","images/gif/6.png","images/gif/7.png","images/gif/8.png","images/gif/9.png","images/gif/10.png","images/gif/11.png","images/gif/12.png","images/gif/13.png","images/gif/14.png","App.js","index.js","components/Slider/index.js","views/Home.js","components/Forms/LoginForm.js","views/Authentication/Login.js","components/Cart/ItemMobile.js","components/Cart/CartItems.js","views/Cart.js","components/Slider/ProductImage.js","components/Content/ProductDetail.js","views/Product.js","components/Cart/Payment.js","views/Payment.js","components/Payment.js","views/Payment/CreatePayment.js","components/stores/Cart.js","components/Content/CategoryLoader.js","components/Navigation/Categories.js","mainlogotrans.png","components/Content/LoginBox.js","components/Navigation/MobileSearchBox.js","components/Navigation/Header.js","styles/Home.js","helpers/OrderRequests.js","components/Navigation/Footer.js","components/Navigation/PopUp.js","components/Navigation/Bottom.js","helpers/CartRequests.js","components/Product/SlideProduct.js","components/Slider/Products.js","styles/Product.js","components/useWindowDimensions.js","components/stores/Auth.js","components/Content/Title.js","components/Product/ProductItem.js","components/Content/Category/CategoryList.js","components/Content/ProductList.js","styles/Auth.js","styles/Print.js","styles/Header.js","helpers/AuthRequests.js","mainlogo.png","styles/Content.js","styles/Slide.js","components/stores/Site.js"],"names":["CartContainer","styled","div","theme","altHeader","primary","rgba","mainThemeColor","LightTheme","background","color","opacityColor","header","altHeaderBorder","notifyCircleBackground","notifyCircle","elementBackground","element","elementShadow","footerBackground","rgbaOpacity","productsContainerBackground","mainThemeDarkColor","mainThemeBackground","mainThemeOpacityBackgroundHover","dropDownBackground","dropDownHoverBackground","success","successText","error","errorText","warning","warningText","info","infoText","adminHeaderMenuItem","adminHeaderMenuItemActive","mainThemeBackgroundOpacity","DarkTheme","Variant","slug","useState","search","setSearch","products","setProducts","totalPage","setTotalPage","sort","sortedBy","setSort","selectedBrand","setSelectedBrand","allData","setAllData","getProducts","useProductRequests","getNewProducts","newpage","setLoading","setPage","a","count","variantsOfCode","productCode","page","then","response","data","items","length","catch","err","undefined","variant","getSearchedProducts","Item","item","cart","dispatch","useDispatch","history","useHistory","quantity","setCount","useCartRequests","decrementCart","incrementCart","extractionCart","increment","map","sub","id","total","price","basket","productId","setBasket","console","log","toast","message","decrement","remove","filter","handleChange","e","target","value","onClick","push","onContextMenu","src","image","alt","title","style","cursor","className","icon","faTrash","availableStock","unit2coefficient","faTrashAlt","faMinus","type","onChange","faPlus","RegisterForm","registerRequest","useAuthRequests","useSelector","state","auth","login","company","setCompany","name","setName","guarantorName","setGuarantorName","guarantorPhoneNumber","setGuarantorPhoneNumber","surname","setSurname","address","setAddress","phoneNumber","setPhoneNumber","phoneNumber2","setPhoneNumber2","email","setEmail","setChecked","loading","setError","setSuccess","sendRegister","props","InputProps","disableUnderline","preventDefault","setTimeout","onSubmit","sx","display","alignItems","m","label","marginTop","to","_path","_path2","_excluded","_extends","Object","assign","i","arguments","source","key","prototype","hasOwnProperty","call","apply","this","_objectWithoutProperties","excluded","sourceKeys","keys","indexOf","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","propertyIsEnumerable","SvgMyTestSvg","_ref","svgRef","titleId","xmlns","width","height","viewBox","fill","ref","d","ForwardRef","NotFound","webpackContext","req","webpackContextResolve","__webpack_require__","o","Error","code","resolve","module","exports","getSearchCompleteRequest","string","axios","method","url","process","headers","Authorization","localStorage","getItem","getSearchComplete","cachedSearchComplete","replace","currentDate","Date","secondsSinceEpoch","getTime","JSON","parse","check","timestamp","result","setItem","stringify","getSliders","getProduct","getDiscover","getCategoryRequest","brand","getCategories","cachedCategoryies","categories","getBrandsRequest","mode","getBrands","brands","LogoutPage","goLogOut","cookies","document","cookie","split","eqPos","substr","removeItem","emptyCart","logout","window","location","useEffect","Contact","buttonText","cookieName","minHeight","buttonStyle","fontSize","expires","mainLogo","Category","useParams","brandSlug","all","Home","setBrands","setValue","selectedLetters","setSelectedLetters","alphabet","setAlphabet","Array","from","Set","join","marginBottom","marginLeft","justifyContent","_","newValue","selectedStartIndex","Math","floor","selectedEndIndex","ceil","startLetter","endLetter","disableSwap","textAlign","paddingRight","paddingLeft","backgroundColor","x","toLowerCase","localeCompare","charAt","index","backgroundImage","productCount","size","NewProducts","React","productOfCampaign","allSearch","groupSlug","Collection","getOrder","useOrderRequests","discover","setDiscover","order","setOrder","useLayoutEffect","columns","selector","row","barcode","unit","vatRate","totalPrice","totalPriceWithVat","speed","foregroundColor","y","rx","ry","date","orderCode","status","marginRight","Collections","getCollections","collections","setCollections","printOn","setPrintOn","printPdf","slice","collectionId","collectionType","explanation","fontWeight","currency","currencyCredit","credit","currencyUnit","currencyDebt","debt","balance","filterText","setFilterText","resetPaginationToggle","filteredItems","includes","subHeaderComponentMemo","useMemo","position","top","left","zIndex","border","outline","faPrint","boxShadow","padding","faSearch","placeholder","pagination","subHeader","paginationPerPage","paginationRowsPerPageOptions","subHeaderComponent","noDataComponent","Discover","Basket","getInvoice","invoice","setInvoice","goBack","faAngleLeft","invoiceCode","getInvoices","invoices","setInvoices","sortable","detail","invoiceId","toUpperCase","orderId","MyProfile","cancelOrder","tetik","setTetik","cancelable","loader","POSITION","BOTTOM_RIGHT","isLoading","closeOnClick","pauseOnHover","pauseOnFocusLoss","draggable","res","update","render","autoClose","hideProgressBar","timesOrder","faCheck","faTimes","getOrders","orders","setOrders","orderTetik","setOrderTetik","flexWrap","faEye","SuccessCallback","stroke","strokeWidth","version","strokeLinecap","strokeLinejoin","setUpdate","PrintCollection","collection","setCollection","getCollection","print","systemHasCreated","Printcollections","setTotal","totals","totalCredit","totalBalance","PrintOrders","PrintInvoices","totalCurrencyPrice","getProductReports","reports","setReports","totalQuantity","totalAmount","today","setDate","getDate","toISOString","startDate","setStartDate","endDate","setEndDate","useWindowDimensions","handleStartDateChange","event","handleEndDateChange","fontFamily","borderRadius","onRowClicked","Profile","Search","GlobalStyle","createGlobalStyle","configureStore","reducer","authReducer","site","siteReducer","cartReducer","getMainRoutes","anotherRoutes","exact","path","store","getState","routes","route","component","require","default","Routes","ScrollButton","App","getCustomer","mainRoutes","setMainRoutes","getCart","setCustomer","interceptors","use","routeList","fav1p","Helmet","rel","href","smooth","MyTestSvg","rootElement","getElementById","intlConfig","locale","options","maximumFractionDigits","hasChildNodes","ReactDOM","hydrate","config","Slider","resetTimeout","images","carouselRef2","useRef","carouselRef","clearInterval","current","goTo","getColors","prominent","activeIndex","format","amount","colors","updateColors","newColors","front","center","centerlast","end","changeSlider","addCart","addToBasket","product","enableAutoPlay","autoPlaySpeed","renderPagination","pages","activePage","isActivePage","margin","random","onNextEnd","clearTimeout","onPrevStart","disableArrowsOnEnd","itemsToShow","paddingTop","renderArrow","isEdge","pointer","consts","PREV","faArrowUp","faArrowDown","verticalMode","flexDirection","userSelect","textDecoration","salePrice","faShoppingCart","slider","sliders","setImages","setRandomProducts","mainPageProducts","setMainPageProducts","productOfDay","productOfMainPage","Header","items2","Bottom","Footer","LoginForm","loginRequest","password","setPassword","loginIn","TextField","debug","loginChange","token","authenticationKey","Box","autoComplete","LoadingButton","Auth","CartItems","deleteCart","createOrder","totalCount","removeCart","goHome","Cart","faShoppingBasket","reduce","b","ProductImage","currentImageIndex","setCurrentIndex","openedBox","setOpenedBox","active","minWidth","maxWidth","maxHeight","Fragment","right","transform","backgroundSize","backgroundPosition","backgroundRepeat","ProductDetail","productImages","setProductImages","gotoPrevious","gotoNext","mobileCount","setMobileCount","variantDetail","setVariantDetail","setCurrency","getBasket","ct","inStock","TOP_RIGHT","newbasket","incrementItem","decrementItem","isOpen","onPrev","onNext","currentIndex","onClose","renderNextButton","faArrowRight","renderPrevButton","faArrowLeft","renderHeader","pageTransitionConfig","opacity","enter","leave","mass","tension","friction","description3","variantProducts","group","description4","Button","unit2","disabled","faSignInAlt","find","faCartPlus","Product","setProduct","oldSlug","setOldSlug","selectedTab","setSelectedTab","paymentError","setPaymentError","paymentForm","setPaymentForm","note","setNote","bankAccounts","setBankAccounts","setCopied","getBankAccounts","createPaymentForm","getPaymentForm","atob","htmlContent","createNewOrder","paymentType","orderNote","usedUnit","handleCopyIban","faCreditCard","maxLength","text","iban","onCopy","bankTitle","accountTitle","accountType","bankAddress","faCopy","dangerouslySetInnerHTML","__html","fontStyle","vatAmount","Payment","setAmount","createSlice","initialState","reducers","action","payload","actions","itemIncrement","Loader","head","Component","Categories","open","setOpen","setCategories","selected","setSelected","category","pathname","transition","faAngleDown","subGroups","sub_category","LoginBox","stopPropagation","autocapitalize","autocomplete","autocorrect","autofocus","faExclamationTriangle","MobileSearchBox","getResult","blurred","onKeyUp","keyCode","startIndex","before","substring","highlighted","after","Link","HeaderComponent","loginPopUp","setLoginPopUp","useLocation","admin","setResult","cartOpen","setCartOpen","searchOpen","setSearchOpen","faBars","logo2","onBlur","as","faUserCircle","Items","onMouseMove","onMouseLeave","paddingBottom","textShadow","borderBottomLeftRadius","borderBottomRightRadius","SliderSwitch","CarouselContainer","carouselBackground","SlideProductContainer","REACT_APP_CRAETE_ORDERS","logo","faEnvelope","PopUp","sub_categories","faHome","faShoppingBag","faList","product_id","SlideProduct","popupOpen","setPopupOpen","variants","setVariants","Slide","stockText","variantCount","listPrice","Products","ProductList","DetailContainer","InvoiceContainer","SwapButton","button","BrandList","getWindowDimensions","innerWidth","innerHeight","windowDimensions","setWindowDimensions","handleResize","addEventListener","removeEventListener","user","newCurrencySet","visibleCurrencyUnit","customerId","Title","Productproduct","grid","prod","CategoryList","slugPrefix","borderTopWidth","borderColor","borderStyle","borderBottom","faAngleRight","NEXT","faSearchPlus","simpleCount","home","setGrid","listInnerRef","onScroll","scrollTop","scrollHeight","clientHeight","setDocumentTitle","setSize","interval","handleVisibilityChange","hidden","setInterval","filterOpen","setFilterOpen","faAngleUp","faThLarge","paddig","currentPage","AuthPage","Login","LoginBoxContent","PrintContainer","nav","BottomNav","HeaderAlt","HeaderTop","FooterContainer","footer","HeaderAltMobile","MobileSearchContainer","username","companyTitle","TitleContainer","NotFoundContainer","CallBackContainer","PaymentCreateContainer","SlideProductItem","SlideBrandItem","language","lightMode","darkMode","changeTheme","english","turkish","changeLanguage"],"mappings":"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","file":"static/js/main.213bf499.chunk.js","sourcesContent":["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: rgba(255, 0, 0, 0.1);\n      margin-top: 20px;\n      &:hover {\n        background: ${({ theme }) => theme.altHeader};\n        color: #fff;\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 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","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        console.log(error.response);\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          console.log(error.response);\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          console.log(error.response);\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","export default __webpack_public_path__ + \"static/media/daha-iyiye.99def0ff.png\";","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","var map = {\n\t\"./Authentication/Login.js\": 287,\n\t\"./Authentication/Logout.js\": 235,\n\t\"./Authentication/Register.js\": 236,\n\t\"./Brand.js\": 237,\n\t\"./Brands.js\": 242,\n\t\"./Campaign.js\": 243,\n\t\"./Cart.js\": 288,\n\t\"./Category.js\": 245,\n\t\"./Collection.js\": 246,\n\t\"./Collections.js\": 257,\n\t\"./Discover.js\": 258,\n\t\"./Home.js\": 286,\n\t\"./Invoice.js\": 259,\n\t\"./Invoices.js\": 260,\n\t\"./MyProfile.js\": 261,\n\t\"./NewProducts.js\": 262,\n\t\"./NotFound.js\": 142,\n\t\"./Order.js\": 263,\n\t\"./Orders.js\": 264,\n\t\"./Payment.js\": 290,\n\t\"./Payment/CreatePayment.js\": 291,\n\t\"./Payment/FailCallback.js\": 268,\n\t\"./Payment/SuccessCallback.js\": 269,\n\t\"./Print/PrintCollection.js\": 270,\n\t\"./Print/PrintCollections.js\": 271,\n\t\"./Print/PrintInvoice.js\": 272,\n\t\"./Print/PrintInvoices.js\": 273,\n\t\"./Print/PrintOrder.js\": 274,\n\t\"./Print/PrintOrders.js\": 275,\n\t\"./Product.js\": 289,\n\t\"./ProductReport.js\": 279,\n\t\"./ProductReportDetail.js\": 280,\n\t\"./Profile.js\": 281,\n\t\"./Search.js\": 282,\n\t\"./Variant.js\": 111\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 = 221;","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 +\n        process.env.REACT_APP_GET_SEARCH_COMPLETE +\n        `?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(\"conteynertoken\")}`,\n      },\n    });\n  };\n  const getSearchComplete = async (string) => {\n    const cachedSearchComplete = localStorage.getItem(\n      \"conteynersearch\" + string.replace(/\\s+/g, \"-space-\")\n    );\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        console.log(check);\n        return check.data;\n      }\n    }\n    const result = await getSearchCompleteRequest(string);\n    localStorage.setItem(\n      \"conteynersearch\" + 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\": `${\n          process.env.REACT_APP_API + process.env.REACT_APP_PRODUCTS\n        }/?count=10`,\n        Authorization: `${localStorage.getItem(\"conteynertoken\")}`,\n      },\n    });\n  };\n  const getSliders = async (count = null) => {\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(\"conteynertoken\")}`,\n      },\n    });\n  };\n\n  const getProduct = async (id) => {\n    return axios({\n      method: \"GET\",\n      url: `${\n        process.env.REACT_APP_API + process.env.REACT_APP_PRODUCT\n      }?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\": `${\n          process.env.REACT_APP_API + process.env.REACT_APP_PRODUCTS\n        }/${id}`,\n        Authorization: `${localStorage.getItem(\"conteynertoken\")}`,\n      },\n    });\n  };\n\n  const getDiscover = async (data = {}) => {\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(\"conteynertoken\")}`,\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(\"conteynertoken\")}`,\n      },\n    });\n  };\n  const getCategories = async (brand = \"\") => {\n    const cachedCategoryies = localStorage.getItem(\"conteynercategories\" + 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        console.log(check);\n        return check.data;\n      }\n    }\n    const categories = await getCategoryRequest(brand);\n    localStorage.setItem(\n      \"conteynercategories\" + brand,\n      JSON.stringify({\n        timestamp: secondsSinceEpoch + 60 * 60,\n        data: categories,\n      })\n    );\n    console.log(\"cat\", categories);\n    return categories;\n  };\n  const getBrandsRequest = async (brand, mode) => {\n    return axios({\n      method: \"GET\",\n      url: `${\n        process.env.REACT_APP_API + process.env.REACT_APP_BRANDS\n      }?groupSlug=${brand}&productImage=${mode == \"2\" ? true : false}`,\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(\"conteynertoken\")}`,\n      },\n    });\n  };\n  const getBrands = async (brand = \"\", mode = \"1\") => {\n    const cachedCategoryies = localStorage.getItem(\n      \"conteynerbrands\" + brand + mode\n    );\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        console.log(check);\n        return check.data;\n      }\n    }\n    const brands = await getBrandsRequest(brand, mode);\n    localStorage.setItem(\n      \"conteynerbrands\" + brand + mode,\n      JSON.stringify({\n        timestamp: secondsSinceEpoch + 60 * 60,\n        data: brands,\n      })\n    );\n    return brands;\n  };\n\n  return {\n    getSearchComplete,\n    getProducts,\n    getProduct,\n    getDiscover,\n    getCategories,\n    getBrands,\n    getSliders,\n  };\n};\n","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(\"conteynerroutes\");\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('conteynertoken')\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} 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'\n\nexport default function Category(props) {\n  const [search,setSearch]=useState(\"\")\n\n  const {slug} = useParams()\n  const [products,setProducts]=useState([])\n  const [sort, setSort] = useState({ sort: \"DATE\", sortedBy: \"DESC\" });\n  const [selectedBrand, setSelectedBrand] = useState(slug);\n  const [allData,setAllData]=useState(null)\n  const {getProducts}=useProductRequests()\n  \n  const simpleCount=20\n  \n  const getNewProducts=async(newpage,setLoading,search,setPage)=>{\n    setLoading(true)\n    getProducts({brandSlug:selectedBrand,count:100,page:newpage,all:search})\n    .then(async response=>{\n      if(response.data.data.items && response.data.data.items.length<1){\n        setLoading(false)\n      }else{\n        setPage(newpage)\n        setProducts([...products,...response.data.data.items])\n      }\n    })\n  }\n  \n  const getSearchedProducts=(setLoading,setPage,search)=>{\n    setLoading(true)\n    getProducts({brandSlug:selectedBrand,count:100,page:1,all:search})\n    .then(response=>{\n      if(response.data.data.items && response.data.data.items.length<1){\n        setLoading(false)\n      }else{\n        setPage(2)\n        setProducts(response.data.data.items)\n      }\n    })\n  }\n  return (\n    <>\n    <Helmet>\n      <title>Ürün Listesi</title>\n    </Helmet>\n    <ProductList\n    setSelectedBrand={setSelectedBrand} 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, 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([\"1\", \"9\"]);\n  const [alphabet, setAlphabet] = useState(\"\");\n\n  useEffect(() => {\n    if (brands.length === 0) {\n      getBrands()\n        .then((response) => {\n          setBrands(response.data.data);\n          \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  }, [brands, getBrands]);\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>Modeller</title>\n      </Helmet>\n      <Header />\n      <div style={{ marginTop: 50, marginBottom: 20, fontSize: 40 }}>\n        <center>Modellerimiz</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          paddingRight: 80,\n          paddingLeft: 80,\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            width: \"100%\",\n            cursor: \"pointer\",\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              width: \"100%\",\n              cursor: \"pointer\",\n              textAlign: \"center\",\n              fontSize: 20,\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={`/model/${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                <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} 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'\n\nexport default function Category(props) {\n  const [search,setSearch]=useState(\"\")\n\n  const {slug} = useParams()\n  const [products,setProducts]=useState([])\n  const [totalPage,setTotalPage]=useState(-1)\n  const [sort,setSort]=useState({sort:\"DATE\",sortedBy:\"DESC\",name:\"Yeni Ürünler\"})\n  const [selectedBrand,setSelectedBrand]=useState(\"\")\n  const [allData,setAllData]=useState(null)\n\n  const {getProducts}=useProductRequests()\n  \n  const simpleCount=20\n  \n  const getNewProducts=async(newpage,setLoading,search,setPage,sort=\"\",sortedBy=\"\")=>{\n    if(totalPage!=-1 && totalPage<newpage){\n      setLoading(false)\n      return\n    }\n    setLoading(true)\n\n    getProducts({sort:sort,sortedBy:sortedBy,brandSlug:selectedBrand,count:100,groupSlug:slug,page:newpage,all:search})\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    }).catch(err=>{\n      if(err.response!=undefined){\n          if(err.response.data.data==null){\n            setLoading(false)\n          }\n        }\n    })\n  }\n\n  const getSearchedProducts=(setLoading,setPage,search,sort=\"\",sortedBy=\"\")=>{\n    setLoading(true)\n    getProducts({sort:sort,sortedBy:sortedBy,brandSlug:selectedBrand,count:100,groupSlug:slug,page:1,all:search})\n    .then(response=>{\n      if(response.data.data.items && response.data.data.items.length<1){\n        setLoading(false)\n      }else{\n        setPage(2)\n        setProducts(response.data.data.items)\n        setAllData(response.data.data)\n      }\n    }).catch(err=>{\n      if(err.response!=undefined){\n          if(err.response.data.data==null){\n            setLoading(false)\n          }\n        }\n    })\n  }\n  React.useEffect(() => {\n    setSelectedBrand(\"\");\n  }, [slug]);\n  \n  return (\n    <>\n      <Helmet>\n        <title>Ürün Listesi</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        allData={allData}\n        setAllData={setAllData}\n        setSearch={setSearch}\n        setProducts={setProducts}\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\";\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  const { id } = useParams();\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    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 (order.length === 0) {\n      getOrder(id)\n        .then((response) => {\n          setOrder(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    },\n    {\n      name: \"\",\n      selector: (row, index) => (\n        <img onContextMenu={() => false} height={40} src={row.image} />\n      ),\n    },\n    {\n      name: \"Ad\",\n      selector: (row) => row.title,\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) => <Currency>{row.price}</Currency>,\n    },\n    {\n      name: \"Toplam\",\n      selector: (row) => <Currency>{row.totalPrice}</Currency>,\n    },\n    {\n      name: \"Kdv Dahil\",\n      selector: (row) => <Currency>{row.totalPriceWithVat}</Currency>,\n    },\n  ];\n  return (\n    <>\n      <Header />\n\n      <div>\n        <SlideProductContainer>\n          <InvoiceContainer>\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                    <Currency>{order.order.totalPrice}</Currency>\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, 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) => (row.date!=null && row.date.length>10 ? row.date.slice(0, 10):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:'ASC'}).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 } 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) => <Currency>{row.price}</Currency>,\n    },\n    {\n      name: \"Toplam\",\n      selector: (row) => <Currency>{row.totalPrice}</Currency>,\n    },\n    {\n      name: \"Kdv Dahil\",\n      selector: (row) => <Currency>{row.totalPriceWithVat}</Currency>,\n    },\n  ];\n  const history = useHistory();\n  return (\n    <>\n      {printOn ? (\n        <>\n          <iframe\n            src={\"/yazdir/faturalar/\" + id}\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: \"#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\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                    <Currency>{invoice.invoice.totalPrice}</Currency>\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 } 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  \n  const {slug} = useParams()\n  const [search,setSearch]=useState(\"\")\n\n  const [sort, setSort] = useState({ sort: \"DATE\", sortedBy: \"DESC\" ,name:\"Yeni Ürünler\"});\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  \n  const getNewProducts=async(newpage,setLoading,search,setPage)=>{\n    setLoading(true)\n    getProducts({sort:sort,page:newpage,allSearch:search})\n    .then(async response=>{\n\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({sort:sort,page:1,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>Yeni Ü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\";\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 {\n  faAngleLeft,\n  faCheck,\n  faEye,\n  faTimes,\n} 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  const { id } = useParams();\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    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 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    }, 5500);\n  };\n  useLayoutEffect(() => {\n    if (order.length === 0) {\n      getOrder(id)\n        .then((response) => {\n          setOrder(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      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}\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                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    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    if (collection.length < 1) {\n      getCollection(id).then(async (response) => {\n        setCollection(response.data.data);\n\n        setTimeout(() => {\n          window.print();\n        }, 2500);\n      });\n    }\n  }, [collection]);\n\n  return (\n    <PrintContainer>\n      <div className=\"makbuz\">\n        <h1>\n          {collection.collectionType != \"FATURA\"\n            ? \"Tahsilat Makbuzu\"\n            : \"Fatura Makbuzu\"}{\" \"}\n          {collection.systemHasCreated == true ? \"( B2B Tahsilatı )\" : \"\"}\n        </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\"\n                  ? collection.debt\n                  : collection.credit) + \"₺\"\n              : (collection.collectionType == \"FATURA\"\n                  ? collection.currencyDebt\n                  : 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  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  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          window.print();\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 Kodu</div>\n          <div>Barkod</div>\n          <div>Miktar</div>\n          <div>Kdv Oranı</div>\n          <div>Tutar</div>\n          <div>Kdv Dahil Tutar</div>\n        </li>\n        {(invoice != [] && invoice.items != undefined ? invoice.items : []).map(\n          (x) => {\n            return (\n              <li>\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                  {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          <div>Kod</div>\n          <div>Ad</div>\n          <div>Tarih</div>\n          <div>Durum</div>\n          <div>Tutar</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\n        setTimeout(() => {\n          window.print();\n        }, 2000);\n      });\n    }\n  }, [order]);\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>Ürün 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.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  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  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:'ASC'}).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:'ASC'}).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} 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'\n\nexport default function Search(props) {\n\n  const {slug,filter} = useParams()\n  const [products,setProducts]=useState([])\n  const [allData,setAllData]=useState(null)\n  const [sort,setSort]=useState({sort:\"DATE\",sortedBy:\"DESC\",name:\"Yeni Ürünler\"})\n  const [selectedBrand,setSelectedBrand]=useState(slug)\n  const [search,setSearch]=useState(filter)\n  const {getProducts}=useProductRequests()\n  \n  const simpleCount=20\n  \n  const getNewProducts=async(newpage,setLoading,setPage)=>{\n    setLoading(true)\n    getProducts({brandSlug:selectedBrand,count:10,groupSlug:slug,page:newpage,all:search})\n    .then(async response=>{\n      if(response.data.data.items && response.data.data.items.length<1){\n        setLoading(false)\n      }else{\n        setProducts([...products,...response.data.data.items])\n      }\n    })\n  }\n  const getSearchedProducts=(setLoading,setPage)=>{\n    setLoading(true)\n    getProducts({brandSlug:selectedBrand,count:10,groupSlug:slug,page:1,all:search})\n    .then(response=>{\n      if(response.data.data.items && response.data.data.items.length<1){\n        setLoading(false)\n      }else{\n        setPage(2)\n        setProducts(response.data.data.items)\n      }\n    })\n  }\n  React.useEffect(()=>{\n    setSearch(filter)\n  },[filter])\n  return (\n    <>\n    <Helmet>\n      <title>Ürün Listesi</title>\n    </Helmet>\n    <ProductList\n    setSelectedBrand={setSelectedBrand} selectedBrand={selectedBrand}\n    slug={slug}\n    getNewProducts={getNewProducts}\n    getSearchedProducts={getSearchedProducts}\n    products={products}\n    search={search}\n    setSearch={setSearch}\n    setProducts={setProducts}\n    getProducts={getProducts}\n    sort={sort}\n    setAllData={setAllData}\n    allData={allData}\n    setSort={setSort}\n    />\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  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  .unlimited-scroll.home{\n    max-height: unset!important;\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: block;\n    position: fixed;\n    font-size: 22px;\n    font-weight: bold;\n    color: #fff;\n    box-shadow: 0px 0px 19px #000;\n    outline: none;\n    border: none;\n    z-index: 999;\n    padding: 10px;\n    padding-left: 20px;\n    padding-right: 20px;\n    right: 438px;\n    top: 23px;\n    width: 70px;\n    background:transparent;\n    color:#333;\n    font-weight:normal;\n    box-shadow:none;\n    font-size: 25px;      \n    @media only screen and (max-width: 1140px) {\n      right: 0;\n      top: 0;\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    \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`;\nexport {GlobalStyle}","import { configureStore } from \"@reduxjs/toolkit\";\n\nimport authReducer from './Auth'\nimport siteReducer from './Site'\nimport cartReducer from './Cart'\nexport default configureStore({\n  reducer: {auth:authReducer,site:siteReducer,cart:cartReducer}\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","export default __webpack_public_path__ + \"static/media/1.7cf9a9d7.png\";","export default __webpack_public_path__ + \"static/media/2.d3fd3490.png\";","export default __webpack_public_path__ + \"static/media/3.26438d1d.png\";","export default __webpack_public_path__ + \"static/media/4.d385eb5f.png\";","export default __webpack_public_path__ + \"static/media/5.c9fc16b4.png\";","export default __webpack_public_path__ + \"static/media/6.7b79e773.png\";","export default __webpack_public_path__ + \"static/media/7.1fec33c0.png\";","export default __webpack_public_path__ + \"static/media/8.2f9259db.png\";","export default __webpack_public_path__ + \"static/media/9.f491aeb5.png\";","export default __webpack_public_path__ + \"static/media/10.08ab957d.png\";","export default __webpack_public_path__ + \"static/media/11.bae2a449.png\";","export default __webpack_public_path__ + \"static/media/12.7145840c.png\";","export default __webpack_public_path__ + \"static/media/13.68e2ccb2.png\";","export default __webpack_public_path__ + \"static/media/14.83cfd8b6.png\";","import React,{useEffect,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, toast } from 'react-toastify';\nimport 'react-toastify/dist/ReactToastify.css';\nimport { useCartRequests } from './helpers/CartRequests'\n\nimport { setBasket } from './components/stores/Cart'\n\nimport axios from 'axios'\n\nimport {useHistory} from 'react-router-dom'\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 fav1p from \"./images/1.png\";\nimport fav1 from \"./images/gif/1.png\";\nimport fav2 from \"./images/gif/2.png\";\nimport fav3 from \"./images/gif/3.png\";\nimport fav4 from \"./images/gif/4.png\";\nimport fav5 from \"./images/gif/5.png\";\nimport fav6 from \"./images/gif/6.png\";\nimport fav7 from \"./images/gif/7.png\";\nimport fav8 from \"./images/gif/8.png\";\nimport fav9 from \"./images/gif/9.png\";\nimport fav10 from \"./images/gif/10.png\";\nimport fav11 from \"./images/gif/11.png\";\nimport fav12 from \"./images/gif/12.png\";\nimport fav13 from \"./images/gif/13.png\";\nimport fav14 from \"./images/gif/14.png\";\nimport fav15 from \"./images/gif/15.png\";\nimport ScrollToTop from 'react-scroll-to-top';\nimport { ReactComponent as MyTestSvg } from \"./MyTestSvg.svg\";\n\n\nfunction App() {\n  const {  getCustomer } = useAuthRequests();\n\n\n  const history=useHistory()\n  const [mainRoutes,setMainRoutes]=useState(null)\n\n  const getMainRoutes=()=>{\n    Routes.then(res=>{\n      \n      setMainRoutes(res)\n        \n  })}\n\n\n\n\n  useEffect(()=>{\n    if(mainRoutes==null){\n      getMainRoutes()\n    }\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    \n    if (login && basket == null) {\n      getCustomer(localStorage.getItem(\"conteynertoken\")).then((res) => {\n        dispatch(setCustomer(res.data.data));\n      });\n      getCart().then((res) => {\n        dispatch(setBasket(res.data.data));\n      });\n    }\n  },[basket])\n\n  \n\n  axios.interceptors.response.use((response) => response, (error) => {\n    try {\n      if(error.response.status==401){\n        //history.push('/giris-yap')\n\n      }\n    } catch (error) {\n      \n    }\n    \n    throw error;\n  });\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  const [icon,setIcon]=React.useState(fav1p)\n  const icons = [\n    fav1,\n    fav2,\n    fav3,\n    fav4,\n    fav5,\n    fav6,\n    fav7,\n    fav8,\n    fav9,\n    fav10,\n    fav11,\n    fav12,\n    fav13,\n    fav14,\n    fav15,\n  ];\n\n  // React.useEffect(()=>{\n  //   setTimeout(() => {\n  //     setIcon(icon == null ? 0 : icon >= 15 ? 0 : icon + 1);\n  //   }, 300);\n    \n  // },[icon])\n\n  return (\n    <ThemeProvider theme={theme === \"DarkTheme\" ? DarkTheme : LightTheme}>\n      <GlobalStyle />\n      <ToastContainer />\n      <Helmet>\n        <link rel=\"icon\" type=\"image/png\" href={icon} />\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(\"conteynertoken\") == 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\";\nimport ContentLoader from \"react-content-loader\"\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 ProductList from \"../components/Content/ProductList\";\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([])\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 [randomProducts,setRandomProducts] = useState([]);\n  const [mainPageProducts, setMainPageProducts] = useState([]);\n\n  useLayoutEffect(() => {\n    \n    if(discover.length===0){\n\n      getProducts({ page: 1, count: 20,productOfDay: true })\n        .then((response) => {\n          setDiscover(response.data.data.items);\n\n          getProducts({\n            page: 1,\n            count: 40,\n            sort: \"TOPSALES\",\n            productOfMainPage: true,\n            sortedBy: \"desc\",\n          })\n            .then((response) => {\n              setMainPageProducts(response.data.data.items);\n              getProducts({\n                page: 1,\n                count: 50,\n                sort: \"RANDOM\",\n                sortedBy: \"DESC\",\n              })\n                .then((response) => {\n                  setRandomProducts(response.data.data.items);\n                })\n                .catch((error) => {\n                  //history.push('/giris-yap')\n                });\n            })\n            .catch((error) => {\n              //history.push('/giris-yap')\n            });\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    //console.log(slider)\n\n    if (images == null || images.length == 0) {\n      //REACT_APP_GET_SLIDERS\n      localStorage.setItem(\"slider\", \"\");\n      const sliderCheck = localStorage.getItem(\"sliders\");\n      if (sliderCheck == null) {\n        getSliders().then((res) => {\n          setImages(res.data.images);\n        });\n      }\n    }\n  }, [sliders]);\n\n  return (\n    <>\n      <Helmet>\n        <title>Ana Sayfa</title>\n      </Helmet>\n      <CookieConsent\n        location=\"bottom\"\n        buttonText=\"Tümünü Kabul Et\"\n        cookieName=\"dehasoft\"\n        style={{\n          minHeight: \"5vh\",\n          background: \"#FF9F43\",\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\n        \n\n        <SlideProductContainer width={\"90%\"} left={\"5%\"}>\n          {mainPageProducts != null &&\n          mainPageProducts != undefined &&\n          mainPageProducts.length > 0 ? (\n            <>\n              <SlideProducts\n                items={mainPageProducts.slice(0, 10)}\n                items2={mainPageProducts.slice(10, 20)}\n              />\n            </>\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            </div>\n          )}\n        </SlideProductContainer>\n\n        <SlideProductContainer width={\"90%\"} left={\"5%\"}>\n          {mainPageProducts != null &&\n          mainPageProducts != undefined &&\n          mainPageProducts.length > 20 &&\n          mainPageProducts.length > 0 ? (\n            <>\n              <SlideProducts\n                items={mainPageProducts.slice(20, 30)}\n                items2={mainPageProducts.slice(30, 40)}\n              />\n            </>\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            </div>\n          )}\n        </SlideProductContainer>\n\n       \n      </div>\n\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(\"conteynerroutes\")\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 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        console.log(error.response);\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          console.log(error.response);\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          console.log(error.response);\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} />\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 {  faTrashAlt, faShoppingCart, faShoppingBasket, faCheck, faTrash } 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\";\nimport { useOrderRequests } from '../../helpers/OrderRequests';\n\nexport default function CartItems({cart}) {\n\n  const [total,setTotal]=useState(0)\n\n  const {deleteCart}=useCartRequests()\n  const {createOrder}=useOrderRequests()\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      })\n      setTotal(totalCount)\n    }\n  }, [cart])\n  \n  const removeCart=()=>{\n    \n    const loader=toast.loading('Sepet siliniyor...',{position:toast.POSITION.BOTTOM_RIGHT,isLoading: true,closeOnClick: false,pauseOnHover: false,pauseOnFocusLoss: false,draggable: false})\n    deleteCart().then(response=>{\n      dispatch(setBasket(null))\n      toast.update(loader, { render: response.data.message, type: \"success\", isLoading: false, autoClose: 3000,hideProgressBar: false,closeOnClick: true,pauseOnHover: true,pauseOnFocusLoss: false,draggable: true });\n    })\n    .catch(error=>{\n      toast.update(loader, { render: error.response.data.message, type: \"error\", isLoading: false, autoClose: 3000,hideProgressBar: false,closeOnClick: true,pauseOnHover: true,pauseOnFocusLoss: false,draggable: true });\n    })  \n\n  }\n\n  const createNewOrder=()=>{\n    const loader=toast.loading('Sipariş oluşturuluyor...',{position:toast.POSITION.BOTTOM_RIGHT,isLoading: true,closeOnClick: false,pauseOnHover: false,pauseOnFocusLoss: false,draggable: false})\n    createOrder(\n      {\n        paymentType:1,\n        products:cart.map(x=>{\n          return {productId:x.productId,quantity:x.quantity}\n        })\n      }\n    ).then(response=>{\n      removeCart()\n      dispatch(setBasket(null))\n      toast.update(loader, { render: response.data.message, type: \"success\", isLoading: false, autoClose: 3000,hideProgressBar: false,closeOnClick: true,pauseOnHover: true,pauseOnFocusLoss: false,draggable: true });\n    })\n    .catch(error=>{\n      toast.update(loader, { render: error.response.data.message, type: \"error\", isLoading: false, autoClose: 3000,hideProgressBar: false,closeOnClick: true,pauseOnHover: true,pauseOnFocusLoss: false,draggable: true });\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","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:'ASC'}).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 { 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';\nexport default function ProductImage({\n  currentImageIndex,setCurrentIndex,\n  items,\n  openedBox,\n  setOpenedBox,\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  return (\n    <>\n      <Carousel\n        ref={carouselRef}\n        disableArrowsOnEnd={true}\n        pagination={true}\n        className=\"carousel-an-con\"\n        renderPagination={({ pages, activePage, onClick }) => {\n          return (\n            <div className='page-item' style={{ display: \"flex\", flexDirection: \"row\" }}>\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={{ borderRadius: 20,width:100,minWidth:100,maxWidth:100,height:100,minHeight:100,maxHeight:100 }}\n                    />\n                  </div>\n                );\n              })}\n            </div>\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        \n            </React.Fragment>\n          );\n        })}\n      </Carousel>\n\n      \n        <div\n          style={{\n            right: openedBox ? 200 : '-200vw',\n            transform:`scale(${openedBox?1:0})`,\n            \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                >\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 } 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';\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      currentImageIndex > 0 && setCurrentIndex(currentImageIndex - 1);\n\n  const gotoNext = () =>\n      currentImageIndex + 1 < productImages.length &&\n      setCurrentIndex(currentImageIndex + 1);\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      console.log(\"first\",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\n  return (\n    <DetailContainer>\n      <Helmet>\n        <title>{data.title}</title>\n      </Helmet>\n      <div className=\"detail-header\">\n        <div className=\"go-back-btn\" onClick={() => history.goBack()}>\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\" }}\n            renderNextButton={() => (\n              <SwapButton onClick={gotoNext} className=\"image-swap-button\">\n                <FontAwesomeIcon icon={faArrowRight} />\n              </SwapButton>\n            )}\n            renderPrevButton={() => (\n              <SwapButton onClick={gotoPrevious} className=\"image-swap-button\">\n                <FontAwesomeIcon icon={faArrowLeft} />\n              </SwapButton>\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          <ProductImage\n            openedBox={openedBox}\n            setOpenedBox={setOpenedBox}\n            setCurrentIndex={setCurrentIndex}\n            currentImageIndex={currentImageIndex}\n            items={data.images}\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 style={{ fontSize: 15 }}> Renkler </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(\"/model/\" + 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\">Modeli</div>\n              <div\n                className=\"desc\"\n                style={{\n                  fontWeight: \"bold\",\n                  cursor: \"pointer\",\n                  color: \"#ff9f43\",\n                }}\n                onClick={() => {\n                  history.push(\"/model/\" + 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(\"conteynertoken\") != 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(\"conteynertoken\") != 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:'ASC'}).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, 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        console.log(paymentForm);\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 : 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\" onClick={createNewOrder}>\n          Sipariş Oluştur\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      \n    } else {\n      return;\n      // return <button className='payment' onClick={()=>alert(\"asd\")}>Ödemeye Geç</button>\n    }\n  };\n\n  return (\n    <CartContainer>\n      <div className=\"list\" style={{ alignItems: \"flex-start\" ,display:'flex'}}>\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(\"card\")}\n                className={\n                  \"payment-tab \" + (selectedTab == \"card\" ? \" active\" : \"\")\n                }\n              >\n                Mail Order\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={{ 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\" style={{display:'flex'}}>\n        <div className=\"prod-list\">\n          <img style={{ width: \"100%\" }} src={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        console.log(paymentForm);\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} />\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:'ASC'\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","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 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}>\n        <div className='overlay' onClick={() => setOpen(false)}></div>\n        <button className=\"close-btn\" onClick={() => setOpen(false)}>\n          x\n        </button>\n        <div style={{ marginTop: 100 }}>\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={category.name}>\n                      <button>\n                        <div>\n                          <span\n                            onClick={() =>\n                              history.push({\n                                pathname: \"/kategori/\" + category.slug,\n                              })\n                            }\n                            style={{ width: \"100%\" }}\n                          >\n                            {category.name}\n                          </span>\n                          <FontAwesomeIcon\n                            onClick={() =>\n                              setSelected(\n                                selected == category.slug ? null : category.slug\n                              )\n                            }\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                            icon={faAngleDown}\n                          />\n                        </div>\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                              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                                >\n                                  <div\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                        <></>\n                      )}\n                    </li>\n                  );\n                })}\n              </>\n            ) : (\n              <>\n                <CategoryLoader head={\"li\"} count={10} />\n              </>\n            )}\n\n            <li>\n              <button onClick={() => history.push({ pathname: \"/modeller\" })}>\n                <span>Modeller</span>\n              </button>\n            </li>\n\n            <li>\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        </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 key={\"ctg\" + category.slug} className={category.name}>\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                                      \"/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              <button onClick={() => history.push({ pathname: \"/modeller\" })}>\n                <span>Modeller</span>\n              </button>\n            </li>\n\n            <li>\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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\"","import React,{useState} from 'react'\nimport { LoginBoxContent } from '../../styles/Auth';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport { faCheck, faExclamationTriangle, 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\n\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(\"conteynerroutes\")\n        dispatch(loginChange({\n          token:response.data.data.authenticationKey,\n          login:true,\n        }))\n        setTimeout(() => {\n          getCustomer(response.data.data.authenticationKey).then((res) => {\n            dispatch(setCustomer(res.data.data));\n            setTimeout(() => {\n              getCart().then((res) => {\n                dispatch(setBasket(res.data.data));\n              });\n            }, 500);\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            }, 3000);\n          });\n        }, 300);\n        \n\n      })\n      .catch( (error)=> {\n        setError(error.response.data.message)\n        setLoading(false)\n      })\n\n      \n\n    }\n\n    \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\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=\"conteyner2\"\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=\"password\"\n              name=\"conteyner\"\n              value={password}\n              onChange={(e) => setPassword(e.target.value)}\n            />\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\">Giriş Yap</button>\n          )}\n        </form>\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  return (\n    <MobileSearchContainer open={open}>\n      <div className='overlay'></div>\n      <div  className={\"search-box\"}>\n        <FontAwesomeIcon icon={faSearch} />\n        <input\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 { faBars, faBell, faFrown, faFrownOpen, faMoon, faSearch, faShoppingBasket, faSmile, faSun, faTags, faTimes, faUser, faUserAlt, faUserCircle } 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 { changeTheme } 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 logo2 from \"../../daha-iyiye.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'\n\nexport default function HeaderComponent() {\n\n  const dispatch = useDispatch()\n\n  const [loginPopUp,setLoginPopUp]=useState(false)\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  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\n  return (\n    <>\n      <LoginBox open={loginPopUp} setOpen={setLoginPopUp} />\n      <HeaderTop>\n        <ul>\n          <li>\n            {/* <Switch\n              height={20}\n              handleDiameter={28}\n              width={50}\n              onColor={\"#beb84a\"}\n              offHandleColor=\"#000\"\n              onHandleColor=\"#fff\"\n              checkedHandleIcon={\n                <div\n                  style={{\n                    display: \"flex\",\n                    height: \"100%\",\n                    justifyContent: \"center\",\n                    alignItems: \"center\",\n                  }}\n                >\n                  <FontAwesomeIcon icon={faMoon} />\n                </div>\n              }\n              uncheckedHandleIcon={\n                <div\n                  style={{\n                    display: \"flex\",\n                    height: \"100%\",\n                    justifyContent: \"center\",\n                    alignItems: \"center\",\n                  }}\n                >\n                  <FontAwesomeIcon color={\"#fff300\"} icon={faSun} />\n                </div>\n              }\n              activeBoxShadow=\"0px 0px 1px 2px #fffc35\"\n              checkedIcon={\n                <div\n                  style={{\n                    display: \"flex\",\n                    height: \"100%\",\n                    justifyContent: \"center\",\n                    alignItems: \"center\",\n                  }}\n                >\n                  <FontAwesomeIcon\n                    color={\"#fff300\"}\n                    style={{ fontSize: 15 }}\n                    icon={faSun}\n                  />\n                </div>\n              }\n              uncheckedIcon={\n                <div\n                  style={{\n                    display: \"flex\",\n                    height: \"100%\",\n                    justifyContent: \"center\",\n                    alignItems: \"center\",\n                  }}\n                >\n                  <FontAwesomeIcon style={{ fontSize: 15 }} icon={faMoon} />\n                </div>\n              }\n              checked={theme == \"LightTheme\" ? true : false}\n              onChange={() => dispatch(changeTheme())}\n            /> */}\n          </li>\n\n          <li>\n            {/* <button>\n              {currency != null\n                ? currency == \"TL\"\n                  ? \"TL (Türk Lirası)\"\n                  : currency == \"$\"\n                  ? \"$ ( ABD Doları )\"\n                  : \"€ ( Euro )\"\n                : \"\"}\n              <div>\n                <div onClick={() => changeCurrency(\"TL\")}>₺ (TürkL.)</div>\n                <div onClick={() => changeCurrency(\"$\")}>$ (Dolar)</div>\n                <div onClick={() => changeCurrency(\"€\")}>€ (Euro)</div>\n              </div>\n            </button> */}\n          </li>\n          {/*\n          <li>\n            <button><Flags.TR title=\"Turkey\" />\n              <div>\n                <div><Flags.US title=\"United States\" /></div>\n                <div><Flags.AZ title=\"Azerbaijan\" /></div>\n                <div><Flags.IT title=\"Italy\" /></div>\n                <div><Flags.GR title=\"Greece\" /></div>\n                <div><Flags.DE title=\"Germany\" /></div>\n              </div>\n            </button>\n            \n          </li> */}\n        </ul>\n        <ul>\n          <li className=\"welcome\">\n            <marquee>\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            </marquee>\n          </li>\n          {/* <li>\n            <Link to=\"/\">Tüm Kampanyalar</Link>\n          </li>\n          <li>\n            <Link to=\"/\">İade Süreci</Link>\n          </li>\n          <li>\n            <Link to=\"/\">Bize Ulaşın</Link>\n          </li>\n          <li>\n            <Link to=\"/\">Sipariş Takibi</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: -4,\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            value={search}\n            onChange={(e) => setSearch(e.target.value)}\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                    setLoginPopUp(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                  }}\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\" }}>\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                        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=\"/hareketlerim\">Cari Ekstre</Link>\n                  </Menu.Item>\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=\"/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 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(\"conteynertoken\")}`,\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(\"conteynertoken\")}`,\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(\"conteynertoken\")}`,\n      },\n    });\n  };\n\n  const getCollection = async (id) => {\n    return axios({\n      method: \"get\",\n      url:\n        `${\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(\"conteynertoken\")}`,\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(\"conteynertoken\")}`,\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(\"conteynertoken\")}`,\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(\"conteynertoken\")}`,\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(\"conteynertoken\")}`,\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(\"conteynertoken\")}`,\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(\"conteynertoken\")}`,\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(\"conteynertoken\")}`,\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 { 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 logo2 from \"../../daha-iyiye.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:+902126566006\")}>\n            <FontAwesomeIcon icon={faPhone} /> +90 212 656 60 06\n          </div>\n          <div onClick={() => window.open(\"tel:+905496566006\")}>\n            <FontAwesomeIcon icon={faMobileAlt} /> +90 549 656 60 06\n          </div> */}\n          <div onClick={() => window.open(\"mailto:info@conteyner.com\")}>\n            <FontAwesomeIcon icon={faEnvelope} /> info@conteyner.com\n          </div>\n        </div>\n        <div\n          onClick={() =>\n            window.open(\n              \"https://www.google.com/maps/place/conteyner+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          {/* Göztepe mah. 2374. sokak <br /> No : 1{\" \"}\n          <strong>Bağcılar/İstanbul</strong> */}\n        </div>\n        <div> Tüm hakları sakldırı &copy; 2023</div>\n        <div><img src=\"https://dehasoft.com.tr/dehasoftblack.png\"  className='dehasoft-img'  onClick={() => window.open(\"https://dehasoft.com.tr/\", \"_blank\")} /></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, faThList, faUser } 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 {useSelector} from 'react-redux'\nimport CategoryPopUp from './PopUp'\nexport default function Bottom() {\n\n  const history=useHistory()\n\n  const {basket}=useSelector(state=>state.cart)\n\n  const [open,setOpen]=useState(false)\n\n  return (\n\n    <>\n    <BottomNav>\n        <CategoryPopUp open={open} setOpen={setOpen}/>\n\n        <Link to=\"/\" ><FontAwesomeIcon icon={faHome} />Ana Sayfa</Link>\n        <Link to=\"/yeni-urunler\" ><FontAwesomeIcon icon={faSearch} />Ürünler</Link>\n        \n        {/* <a onClick={()=>setOpen(!open)} ><FontAwesomeIcon icon={faThList} />Kategoriler</a> */}\n      \n        <Link to=\"/sepetim\" ><FontAwesomeIcon icon={faShoppingCart} />\n        <div>\n          Sepetim{basket!=null ? <span>{basket.length}</span> : <></>}\n        </div>\n        </Link>\n      \n        <Link to=\"/siparisler\" ><FontAwesomeIcon icon={faShoppingBag} />Siparişlerim</Link>\n        <Link to=\"/hareketlerim\" ><FontAwesomeIcon icon={faList} />Hareketler</Link>\n        {/* <Link to=\"/urun-raporu\" ><FontAwesomeIcon icon={faList} />Hareketler</Link> */}\n\n        {/* <Link to=\"/\" ><FontAwesomeIcon icon={faUser} />Hesabım</Link> */}\n    \n    </BottomNav>\n    </>\n\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('conteynertoken')}`\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('conteynertoken')}`\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('conteynertoken')}`\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('conteynertoken')}`\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('conteynertoken')}`\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('conteynertoken')}`\n      }\n    })\n  }//\n\n  //\n  return {getCart,addCart,deleteCart,incrementCart,decrementCart,extractionCart}\n}","import React,{useState} from 'react'\nimport {SlideProductItem} from '../../styles/Slide' \nimport NumberFormat from 'react-number-format';\nimport { toast } from 'react-toastify';\n\nimport { useSelector,useDispatch } from 'react-redux';\n\nimport { setBasket } from '../stores/Cart';\n\nimport { useCartRequests } from '../../helpers/CartRequests';\n\nimport { useHistory } from 'react-router-dom';\nimport { Currency } from 'react-intl-number-format/dist/index.js';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport Badge from '@mui/material/Badge';\nimport { Sentry } from \"react-activity\";\n\nimport { faPlus, faShoppingCart, faTimes, faTimesCircle } from '@fortawesome/free-solid-svg-icons';\nimport { useProductRequests } from '../../helpers/ProductRequests';\nimport { ProductItem, ProductList } from '../../styles/Product';\nimport Variant from '../../views/Variant';\n\nexport default function SlideProduct({item}) {\n\n  const {addCart,getCart} = useCartRequests()\n\n  const history=  useHistory()\n\n  const {login} = useSelector(state => state.auth)\n  \n  const {basket} = useSelector(state => state.cart)\n\n  const dispatch=useDispatch()\n\n  const getBasket=()=>{\n    getCart().then(res=>{\n      dispatch(setBasket(res.data.cart))\n    })\n  }\n  const addToBasket=async(e)=>{\n    e.stopPropagation()\n\n    if(login==true){\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:item.id,count:1}]).then(res=>{\n        getBasket()\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        toast.update(loader, { render: err.response.data.data.message, type: \"error\", isLoading: false, autoClose: 3000,hideProgressBar: false,closeOnClick: true,pauseOnHover: true,pauseOnFocusLoss: false,draggable: true });\n      })\n    \n    }else{\n      history.push('/giris-yap')\n    }\n  }\n  \n  const [popupOpen, setPopupOpen] = useState(false);\n  const [variants, setVariants] = useState(null);\n  const { getProducts } = useProductRequests();\n\n  React.useEffect(() => {\n    if(popupOpen && variants==null){\n      //setVariants(item.variants)\n      getProducts({\n        count: 100,\n        variantsOfCode: true,\n        productCode: item.code,\n        page: 1,\n        sort:\"DATE\",\n        sortedBy:\"DESC\"\n      })\n      .then(async (response) => {\n        try {\n          setVariants(response.data.data.items);\n        } catch (error) {\n          setVariants([])\n        }\n      })\n      .catch((err) => {\n        setVariants([]);\n      });\n    }\n  }, [popupOpen]);\n  \n\n\n  return (\n    <SlideProductItem key={item.id} slider={true} group={item.group}>\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 onClick={(e) => e.stopPropagation()} slug={item.code} />\n            )}\n          </div>\n        </div>\n      </div>\n      <div className={\"in-stock \" + item.stockText}>\n        {\" \"}\n        {item.stockText.toUpperCase()}{\" \"}\n      </div>\n      <div className=\"image-box\">\n        <img\n          onContextMenu={() => false}\n          onClick={() => history.push(\"/urun/\" + item.slug)}\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      {item.variantCount > 0 ? (\n        <div\n          className=\"variant-list\"\n          onClick={\n            () => setPopupOpen(true)\n            // history.push(\"/varyant/\" + item.code.replace(\".\", \"-\"))\n          }\n        >\n          <div className=\"colors\">\n            <div></div>\n            <div></div>\n          </div>\n          <div>{item.variantCount}</div>\n        </div>\n      ) : (\n        <></>\n      )}\n      <h3> {item.title} </h3>\n      {basket != null &&\n      basket.find((sub) => sub.productId == item.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 == item.id).quantity}\n            </span>\n          </div>\n        </div>\n      ) : (\n        <></>\n      )}\n      {localStorage.getItem(\"conteynertoken\") != null ? (\n        <div className=\"action\">\n          {item.listPrice != item.salePrice ? (\n            <div className=\"price list-price\">\n              {/* <h5> <Currency>0</Currency> </h5> */}\n              <div>\n                {\" \"}\n                <Currency>{item.listPrice}</Currency>{\" \"}\n              </div>\n            </div>\n          ) : (\n            <></>\n          )}\n          <div className=\"price\">\n            {/* <h5> <Currency>0</Currency> </h5> */}\n            <div>\n              {\" \"}\n              <Currency>{item.salePrice}</Currency> + KDV\n            </div>\n          </div>\n          <div className=\"basket\">\n            <button onClick={(e) => addToBasket(e)}>\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,useRef} from 'react'\nimport Carousel from 'react-elastic-carousel'\nimport { useDispatch } from 'react-redux';\nimport SlideProduct from '../../components/Product/SlideProduct'\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 key={item.id} style={{display:'flex',flexDirection:'column'}} >\n                <SlideProduct item={item} />\n                {items2[index]!=undefined &&\n                <SlideProduct item={items2[index]} />\n                \n                }\n              </div>\n            )\n          })\n        }\n      </Carousel>\n      \n      </>\n      :\n      <>\n      <Carousel \n      ref={carouselRef}\n      \n     \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} item={item} />\n          )\n        })\n      }\n    </Carousel>\n      </>\n\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  zoom: ${(props) => (props.width < 1140 ? 1 : props.size / 100)};\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  height: 100% !important;\n  font-size: 33px !important;\n  transition: 300ms all;\n  background:rgba(0,0,0,.1);\n  color:#fff;\n  width:10%;\n  &:hover{\n    color:#fff;\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: 300ms all;\n      &.overlayimg {\n      }\n      margin-bottom: 5px;\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 { 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\";\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('conteynerroutes', 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(\"conteynerroutes\") != null && localStorage.getItem(\"conteynerroutes\") != undefined ? JSON.parse(localStorage.getItem(\"conteynerroutes\")) : getMainRoutes(),\n        user: [],\n        balance:0,\n        login: localStorage.getItem('login') == 'true' ? true : false,\n        token: localStorage.getItem('conteynertoken') != null && localStorage.getItem('conteynertoken') != '' && localStorage.getItem('conteynertoken') != undefined ? localStorage.getItem('conteynertoken') : 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('conteynertoken', 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('conteynertoken')\n            localStorage.removeItem('admin')\n\n\n        },\n\n    }\n})\n\nexport const { loginChange,newCurrencySet, logout,setCustomer } = auth.actions\nexport default auth.reducer","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(\"conteynertoken\") != 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} from \"@fortawesome/free-solid-svg-icons\";\nimport useWindowDimensions from \"../../useWindowDimensions\";\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        console.log(\"first\", \"res\", response.data.data);\n      })\n      .catch((error) => {\n        console.log(\"errsor\", 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            // 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                        (slugPrefix != undefined ? slugPrefix : \"\") +\n                          sub_category.slug\n                      );\n                      if (sub_category.slug == slug) {\n                        setSelectedBrand(\"\");\n                      }\n                    }}\n                    className=\"category-item\"\n                  >\n                    <Link\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                    </Link>\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={faSearchPlus} color=\"#fff\" />\n                  </div>\n                  {category.name}\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,{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';\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,home=false}) {\n  \n  const [loading, setLoading] = useState(variant == true ? false : 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 && variant!=true){\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: 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(variant==true){\n      return\n    }\n    setAllData([]);\n    setPage(1);\n    \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: 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    //   console.log(window.scrollTo({\n    //     top: 300,\n    //     left: 300,\n    //     behavior: 'smooth'\n    //   }))\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){\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\"+(home==true ? \" home\":\"\"))}>\n      {variant == false && <Header />}\n      {/* <BrandList\n        slugPrefix={\"/kategori/\"}\n        slug={slug}\n        setSelectedBrand={setSelectedBrand}\n        selectedBrand={selectedBrand}\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: \"DESC\",\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={size}\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\n      {/* <Footer/> */}\n    </div>\n  );\n}\n","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  .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: -140px;\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\n        display: flex;\n        flex-direction: column;\n        border: 1px solid #eee;\n        label {\n          transform: scale(1);\n          transition: 300ms all;\n        }\n        input {\n          margin-top: 10px;\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: 85%;\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        padding: 10px 10px;\n        padding-bottom: 70px;\n      }\n    }\n  }\n`;\nexport {Login,AuthPage,LoginBoxContent}","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 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  .balance-mobile {\n    display: none !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  justify-content: center;\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: 50px;\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  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    justify-content: 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    color: #fff;\n    color: ${({ theme }) => theme.element};\n    width: 20%;\n    display: flex;\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: ${({ theme }) => theme.notifyCircleBackground};\n      color: #fff;\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:#FF9F43;\n  width:100%;\n  color:${({ theme }) => theme.color};\n  position:relative;\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  &>ul{\n    \n    .sub-category{\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    &>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  height: 30px;\n\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    position: relative;\n    ul {\n      position: absolute;\n\n      padding: 0px;\n      right: 0;\n    }\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: 90vw;\n      & > div {\n        max-width: 90vw;\n        width: 100%;\n      }\n      img {\n        max-width: 90vw;\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: 90vw;\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      margin-top: 10px;\n      margin-bottom: 10px;\n      justify-content: center;\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: 1001;\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    z-index: 1001;\n    padding-bottom: 150px;\n    display: flex;\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        width: 100%;\n        outline: 0;\n        border: 0;\n        span {\n          padding-left: 40px;\n          text-align: left;\n        }\n        div {\n          width: 100%;\n          display: flex;\n          justify-content: space-around;\n          align-items: center;\n        }\n        padding: 10px 0px;\n      }\n    }\n  }\n  .sub-category {\n    transition: 500ms all;\n    button {\n      display: flex;\n      justify-content: space-around;\n      align-items: center;\n      margin-top: 10px;\n      .ct-image {\n        width: 70px !important;\n        height: 70px !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 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('conteynertoken')}`,\n        'Access-Control-Allow-Origin': '*',\n        'Access-Control-Allow-Methods': 'GET,PUT,POST,DELETE,PATCH,OPTIONS',\n        'Target-URL' : `${process.env.REACT_APP_API+process.env.REACT_APP_SET_CURRENCY}`\n      }\n    })\n  }\n  const getCustomer=async (token)=>{\n    return axios({\n      method: 'GET',\n      url: `${process.env.REACT_APP_API+process.env.REACT_APP_CUSTOMER}`,\n      headers: {\n        'Content-Type': 'application/json',\n        'Access-Control-Allow-Origin': '*',\n        'Access-Control-Allow-Methods': 'GET,PUT,POST,DELETE,PATCH,OPTIONS',\n        'Target-URL' : `${process.env.REACT_APP_API+process.env.REACT_APP_REGISTER}`,\n        'Authorization': `${token}`\n      }\n    })\n  }\n  const registerRequest = async (email,name,surname,company,phoneNumber,phoneNumber2,address,guarantorName,guarantorPhoneNumber) => {\n    return axios({\n      method: \"post\",\n      url: `${process.env.REACT_APP_API + process.env.REACT_APP_REGISTER}`,\n      data: {\n        name: name,\n        surname: surname,\n        email: email,\n        companyTitle: company,\n        phoneNumber: phoneNumber,\n        // phoneNumber2:phoneNumber2,\n        address: address,\n        guarantorName: guarantorName,\n        guarantorPhoneNumber: guarantorPhoneNumber,\n      },\n      headers: {\n        \"Content-Type\": \"application/json\",\n        \"Access-Control-Allow-Origin\": \"*\",\n        \"Access-Control-Allow-Methods\": \"GET,PUT,POST,DELETE,PATCH,OPTIONS\",\n        \"Target-URL\": `${\n          process.env.REACT_APP_API + process.env.REACT_APP_REGISTER\n        }`,\n      },\n    });\n  }\n  \n  return {loginRequest,registerRequest,getCustomer,setCurrency}\n}","export default \"data:image/png;base64,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\"","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\nexport {\n  TitleContainer,\n  NotFoundContainer,\n  CallBackContainer,\n  PaymentCreateContainer,\n};\n","import styled from \"styled-components\";\n\nconst SlideProductItem = styled.div`\n  margin: 10px;\n  border-radius: 10px;\n  color: #000;\n  min-height: 490px;\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    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: 340px;\n  max-width: 340px;\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      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        : \"43%\"};\n    min-width: ${(props) =>\n      (props.slider != undefined && props.slider != null) ||\n      props.grid == \"list\"\n        ? \"100%\"\n        : \"43%\"};\n    min-height: ${(props) => (props.grid == \"list\" ? \"530px\" : \"300px\")};\n    .image-box {\n      height: unset;\n      img {\n        height: unset;\n        width: 90%;\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\" ? \"320\" : \"131\")}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: 20px;\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: 25px;\n        display: flex;\n        span {\n          font-size: 17px;\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  }\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\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 { createSlice } from \"@reduxjs/toolkit\";\n\nimport { LightTheme,DarkTheme } from \"../../styles/Theme\";\n\nexport const site = createSlice({\n  name:'site',\n  initialState:{\n    theme:localStorage.getItem('theme')!=undefined ? localStorage.getItem('theme') : \"LightTheme\",\n    language:localStorage.getItem('language') && 'tr',\n    slider:{front:'22,88,103',center:'253,29,29',centerlast:'41,126,231',end:'221,18,46'}\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\n  }\n})\n\nexport const {lightMode,darkMode,changeTheme,turkish,english,changeLanguage,changeSlider} = site.actions\nexport default site.reducer"],"sourceRoot":""}